@charset "UTF-8";

article {
	font-size:1.5rem !important;
	background-color:#ffffff;
	padding:20px;
	box-shadow:0px 0px 5px #e5e4dd;
}

article .affibtn {
	transition: all 0.3s ease;
	display:block;
	margin:auto;
	width:500px;
	color:#ffff;
	font-weight:bold;
	font-size:2.0rem;
	text-align:center;
	padding:20px 0;
	background-image: linear-gradient(90deg, rgba(247, 93, 139, 1), rgba(254, 220, 64, 1));
	box-shadow: 5px 5px 12px 0 rgba(0, 0, 0, .15);
}

article .affibtn:hover {
	color:#ffff;
}

article strong { color:#333; }
article a:link strong { color:#558eba; }
article a:hover strong { color:#62bbff; }
article a:visited strong { color:#558eba; }

article {  line-height:2em; }
article img { max-width:100%; }
article a { color:#558eba; }
article a:hover { color:#62bbff; }

article #eyecatch {
 margin:0 0 30px 0;
}

article table th {
	font-weight:normal;
	background-color:#f5f5f5;
	padding:5px;
}

article table td {
	padding:5px;
}

article #table-of-contents + div {
	margin-top:30px;
}

article h1 {
	font-size:30px;
	margin:15px 0 15px 0;
	clear:both;
	line-height:1.4em;
  color:#000 !important;
}

article h2 {
	padding:18px 20px 16px 20px;
	font-size:26px;
	margin:60px 0 20px 0;
	clear:both;
	color:#ffffff !important;
	background-color:#006cd1;
}

article h2#yakuman-curry {
	padding:16px 20px 14px 20px;
	font-size:24px;
	margin:40px 0 20px 0;
	clear:both;
	color:#ffffff !important;
	background-color:#efd002;
}

article h3 {
 font-size:20px;
 padding:4px 0px 2px 10px;
 border-bottom:solid 3px #2288f5;
 border-left:solid 11px #2288f5;
 background-color:#fafafa;
 margin:50px 0 10px 0;
 clear:both;
 color:#222 !important;
 font-weight:bold;
}

#main_column h4 {
	color:#222;
	font-size:20px;
	margin: 4.0rem 0 2.0rem 0;
	display: block;
	font-weight:bold;
	border-bottom: dotted 1px #9c9c9c;
}

    #main_column h4.blue::before   { border: solid 5px #4884d1 !important; }
    #main_column h4.mizu::before   { border: solid 5px #00a8ff !important; }
    #main_column h4.red::before    { border: solid 5px #c41d1d !important; }
    #main_column h4.orange::before { border: solid 5px #ea7e00 !important; }
    #main_column h4.green::before  { border: solid 5px #339900 !important; }
    #main_column h4.purple::before { border: solid 5px #6633ff !important; }
    #main_column h4.pink::before   { border: solid 5px #ff66cc !important; }
    #main_column h4.yellow::before { border: solid 5px #cbbb00 !important; }
    #main_column h4.black::before  { border: solid 5px #000000 !important; }

  #main_column h4::before {
    display: inline-block;
    content: "";
    border: solid 5px #ff9900;
    width: 4px;
    height: 4px;
    margin-right: 10px; }
  #main_column h4 + p {
    margin-top: 0; }

#main_column h5 {
  font-size:18px;
  line-height: 2.0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 3.0rem 0 1em 0; }
  #main_column h5::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 0.7rem;
    border: solid 3px #4884d1;
    border-right: none;
    margin-right: 10px; }
  #main_column h5::after {
    content: '';
    display: inline-block;
    width: 3px;
    height: 0.7rem;
    border: solid 3px #4884d1;
    border-left: none;
    margin-left: 10px; }
  #main_column h5.blue::before, #main_column h5.blue::after {
    border-color: #4884d1 !important; }
  #main_column h5.mizu::before, #main_column h5.mizu::after {
    border-color: #00a8ff !important; }
  #main_column h5.red::before, #main_column h5.red::after {
    border-color: #c41d1d !important; }
  #main_column h5.orange::before, #main_column h5.orange::after {
    border-color: #ea7e00 !important; }
  #main_column h5.green::before, #main_column h5.green::after {
    border-color: #339900 !important; }
  #main_column h5.purple::before, #main_column h5.purple::after {
    border-color: #6633ff !important; }
  #main_column h5.pink::before, #main_column h5.pink::after {
    border-color: #ff66cc !important; }
  #main_column h5.yellow::before, #main_column h5.yellow::after {
    border-color: #cbbb00 !important; }
  #main_column h5.black::before, #main_column h5.black::after {
    border-color: #000000 !important; }
  #main_column h5.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  #main_column h5 + p {
		margin-top:0;
  }

#main_column h6 {
  font-size:16px;
  line-height: 2.0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 3.0rem 0 1em 0; }
  #main_column h6::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 0.7rem;
    border: solid 2px #cccccc;
    border-right: none;
    margin-right: 10px; }
  #main_column h6::after {
    content: '';
    display: inline-block;
    width: 3px;
    height: 0.7rem;
    border: solid 2px #cccccc;
    border-left: none;
    margin-left: 10px; }
  #main_column h6.blue::before, #main_column h6.blue::after {
    border-color: #4884d1 !important; }
  #main_column h6.mizu::before, #main_column h6.mizu::after {
    border-color: #00a8ff !important; }
  #main_column h6.red::before, #main_column h6.red::after {
    border-color: #c41d1d !important; }
  #main_column h6.orange::before, #main_column h6.orange::after {
    border-color: #ea7e00 !important; }
  #main_column h6.green::before, #main_column h6.green::after {
    border-color: #339900 !important; }
  #main_column h6.purple::before, #main_column h6.purple::after {
    border-color: #6633ff !important; }
  #main_column h6.pink::before, #main_column h6.pink::after {
    border-color: #ff66cc !important; }
  #main_column h6.yellow::before, #main_column h6.yellow::after {
    border-color: #cbbb00 !important; }
  #main_column h6.black::before, #main_column h6.black::after {
    border-color: #000000 !important; }
  #main_column h6.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  #main_column h6 + p {
		margin-top:0;
  }

article p {
 margin:2em 0;
 line-height:2.2em;
}
article p:first-of-type {
 margin:0 0 1.5em 0;
}

article #mokuji {
 font-size:18px;
 border-bottom:dotted 1px #CCCCCC;
 margin:40px 0 20px 0;
 clear:both;
}

article #table-of-contents {
 margin:4px 0 10px 20px;
 font-size:16px;
}
article #table-of-contents  #table-of-contents { font-size:14px; }

article #table-of-contents li { margin-bottom:4px; }

article #table-of-contents a {
 background:url('../img/mark_mokuji.png') left center no-repeat;
 background-size:16px 16px;
 padding-left:25px !important;
 margin-top:0px;
 color:#0099ff;
}

article #table-of-contents li  #table-of-contents li a {
 background:url('../img/mark_mokuji2.png') left 5px center no-repeat;
 padding-left:25px !important;
 margin-top:0px;
 color:#0099ff;
}

article #table-of-contents a:hover {
 color:#66ccff;
}

article .btn-shadow {
 filter: drop-shadow(0px 0px 5px #999);
}


/* ポイント
*********************************************************/
.point-taro,
.point-3,
.point-c,
.point-n {
	min-height:80px;
	margin:20px 0 20px 0;
	padding-left:60px;
	background-size:61px 79px;
	background-position: left top;
	background-repeat:no-repeat;
}

.point-taro > div,
.point-3 > div,
.point-c > div,
.point-n > div,
.ballon-only,
.ballon {
	display:block;
	border-radius:8px;
	padding:20px;
	font-size:1.4rem;
	line-height:1.6rrem !important;
}

.ballon h6 {
	display:block;
	font-size:1.5rem;
	margin:3px 0 5px 0;
}

.ballon p {
	margin:5px 5px;
	font-size:1.4rem;
	line-height:1.6rrem !important;
}

/*たろうプロ*/
.point-taro {
 background-image:url('../img/bg_point-taro.webp');
}

.point-taro > div,
.point-taro .ballon-only,
.point-taro .ballon {
	border:solid 1px #abc3de;
	background-color:#eff6fc;
}

.point-taro .ballon h6 {
	color:#6d9dd3;
}

/*３分講座*/
.point-3 {
 background-image:url('../img/bg_point-3.webp');
}

.point-3 > div,
.point-3 .ballon-only,
.point-3 .ballon {
	border:solid 1px #f4cadc;
	background-color:#fff9f9;
}

.point-3 .ballon h6 {
	color:#f374ab;
}

/*コラム*/
.point-c {
 background-image:url('../img/bg_point-c-pc.webp');
}

.point-c > div,
.point-c .ballon-only,
.point-c .ballon {
	border:solid 1px #afdeab;
	background-color:#f9fcf9;
}

.point-c .ballon h6 {
	color:#62a35c;
}

/*ニュース*/
.point-n {
 background-image:url('../img/bg_point-n.webp');
}

.point-n > div,
.point-n .ballon-only,
.point-n .ballon {
	border:solid 1px #d5abe9;
	background-color:#fdf9ff;
}

.point-n .ballon h6 {
	color:#ba7ed7;
}

/* 役
************************************************/
article .yaku {
	display:block;
	width:100%;
	margin:auto;
	margin-bottom:10px;
	background-color:#f8f8f8;
	padding:0;
}

article .yaku dt,
article .yaku dd {
	margin:0;
	padding:0;
}

article .yaku dt .beginner {
	color:#ff297a;
	font-size:12px;
	padding-left:15px;
	display:inline-block;
	margin-left:10px;
	background-image:url('../img/wakaba.png');
	background-repeat:no-repeat;
	background-position:left center;
	background-size:10px 14px;
}

article .yaku .yaku-name {
	font-size:16px;
	color:#585858 !important;
	padding:3px 8px 0 8px;
	font-weight:bold;
}

article .han1 .yaku-name { background-color:#faffc2; }
article .han2 .yaku-name { background-color:#ddffaf; }
article .han3 .yaku-name { background-color:#d6eeff; }
article .han6 .yaku-name { background-color:#ffd5d5; }
article .yakuman .yaku-name { background-color:#e4d6ff; }

article .yaku .haisi {
	margin:0;
	padding:10px 0 20px 0;
	border-bottom:dotted 1px #cccccc;
}

article .yaku .haisi-new {
	margin:0;
	padding:10px 0 0 0;
	border-left: solid 1px #dedba5;
	border-right: solid 1px #dedba5;
}

article .yaku .hansuu,
article .yaku .naki,
article .yaku .probability {
	display:block;
	float:left;
	text-align:center;
}

article .yaku .hansuu {
	width:20%;
}

article .yaku .naki {
	width:calc(35% - 2px);
	border-left:dotted 1px #cccccc;
	border-right:dotted 1px #cccccc;
	text-align:center;
}

article .yaku .probability {
	width:45%;
}

article .yaku .explain {
	clear:both;
	border-top:dotted 1px #cccccc;
	border-bottom:dotted 1px #cccccc;
	padding:0 10px;
}

blockquote{
 background-color:#eee;
 padding:1em 1em 1em 3em;
 position:relative;
}


blockquote p {
 font-size:1.4rem;
}

blockquote p:last-of-type {
	margin-bottom:0;
}

blockquote:before{
 content:'“';
 font-size:400%;
 line-height:1em;
 font-family:'ＭＳ Ｐゴシック',sans-serif;
 color:#999;
 position:absolute;
 left:10px;
 top:10px;
}

/* リスト
************************************************/
article .list-3,
article .list-c,
article .list-taro {
 margin-left:10px;
}

article .list-3>li { background:url('../img/mark-list-3.png') no-repeat; }

article .list-c>li { background:url('../img/mark-list-c.png') no-repeat; }

article .list-taro>li { background:url('../img/mark-list-taro.png') no-repeat; }

article .list-3>li,
article .list-c>li,
article .list-taro>li {
	font-size:14px;
	font-weight:bold;
	background-position:left top 8px;
	padding-left:15px;
	line-height:2.4rem;
	margin:0px !important;
}

article .list-3-nomal>li { background:url('../img/mark-list-3.png') no-repeat; }

article .list-3-nomal>li {
	font-size:14px;
	background-position:left top 5px;
	padding-left:15px;
}

article .list-c-nomal>li { background:url('../img/mark-list-c.png') no-repeat; }

article .list-c-nomal>li {
	font-size:14px;
	line-height:2.0rem;
	background-position:left top 5px;
	padding-left:15px;
}

article .list-taro-nomal>li { background:url('../img/mark-list-taro.png') no-repeat; }

article .list-taro-nomal>li {
	font-size:14px;
	background-position:left top 5px;
	padding-left:15px;
}

/* 初心者マーク
*****************************************************/
article span.wakaba {
	position:relative;
	top:2px;
	display:inline-block;
	margin:5px 3px 0 3px;
	width:10px;
	height:14px;
	background-image:url('../img/wakaba.png');
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size:10px 14px;
}

/* 関連記事
*****************************************************/
article #wp_rp_first {
 margin:40px 0;
}

article #wp_rp_first .related_post {
 text-align:center;
}

article #wp_rp_first .related_post li {
 display:inline-block;
 vertical-align:top;
 text-align:left;
 width:135px;
 margin:0 10px 0 10px;
}
article #wp_rp_first .related_post li img {
 width:135px !important;
 border-radius:6px;
 margin-bottom:10px;
}
article #wp_rp_first .related_post li a {
 display:block;
 color:#558eba;
}

/* 3分講座 / 麻雀コラム
*****************************************************/
#column #midashi h1,
#three-min-course #midashi h1{
 margin:0px;
}

#column #midashi,
#three-min-course #midashi {
 position:relative;
 border-radius:8px;
 padding:0px;
}

#column #midashi {
 border:solid 4px #83c37d;
 background-color:#f9fcf9;
}

#three-min-course #midashi {
 border:solid 4px #ffdadd;
 background-color:#fff9f9;
}

#column #midashi p,
#three-min-course #midashi p {
 position:absolute;
 font-size:0.9rem;
 top:90px;
 left:160px;
 padding-right:20px;
}



/* モーダル
*****************************************************/
#modal_content {
	width:850px;
}


/* コメント欄
*****************************************************/
#respond textarea {
 width:98%;
}

#respond input[type="submit"] {
 font-family:Meiryo, 'メイリオ', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;
 background-color:#cccccc;
 border:0px;
 border-radius:4px;
 padding:5px 0;
 width:150px;
 margin:auto;
}

/* 鈴木プロに質問
*****************************************************/
article .your-message textarea {
 width:98%;
}

article .wpcf7-submit {
 font-family:Meiryo, 'メイリオ', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;
 background-color:#ff9900;
 color:#ffffff;
 border:0px;
 border-radius:4px;
 padding:5px 0;
 width:150px;
 margin:auto;
}

/* 牌の横並び
*****************************************************/
article .hai {
	vertical-align:bottom;
	padding-bottom:10px;
	max-width:100%;
}

article .hai img {
	vertical-align:bottom;
}


article .hai>span {
	display:inline-block;
	height:100%;
	position:relative;
}

article .hai>span>span{
	font-size:11px;
	display:block;
	position:absolute;
	width:100%;
	top:105%;
	text-align:center;
	border-top:solid 2px #466684;
	padding-top:3px;
	line-height:14px;
}

article .hai>span>span.red{
	border-top:solid 2px red;
}

article .hai>span>span.white{
	border-top:solid 2px #ffffff;
}

article .hai>span>span.green {
	border-top:solid 2px #66cc66;
}

article .hai {
	vertical-align:bottom;
	padding-bottom:10px;
}

article .hai img {
	vertical-align:bottom;
}

article .hai>span {
	display:inline-block;
	position:relative;
}

/* トランプ
*****************************************************/
article span.card_s01,
article span.card_s02,
article span.card_s03,
article span.card_s04,
article span.card_s05,
article span.card_s06,
article span.card_s07,
article span.card_s08,
article span.card_s09,
article span.card_s10,
article span.card_s11,
article span.card_s12,
article span.card_s13,
article span.card_h01,
article span.card_h02,
article span.card_h03,
article span.card_h04,
article span.card_h05,
article span.card_h06,
article span.card_h07,
article span.card_h08,
article span.card_h09,
article span.card_h10,
article span.card_h11,
article span.card_h12,
article span.card_h13,
article span.card_d01,
article span.card_d02,
article span.card_d03,
article span.card_d04,
article span.card_d05,
article span.card_d06,
article span.card_d07,
article span.card_d08,
article span.card_d09,
article span.card_d10,
article span.card_d11,
article span.card_d12,
article span.card_d13,
article span.card_c01,
article span.card_c02,
article span.card_c03,
article span.card_c04,
article span.card_c05,
article span.card_c06,
article span.card_c07,
article span.card_c08,
article span.card_c09,
article span.card_c10,
article span.card_c11,
article span.card_c12,
article span.card_c13,
article span.card_j,
article span.card_b,
article span.card_r {
 display:inline-block;
 background-size:cover !important;
 width:100px;
 height:140px;
 margin:0 5px;
}

/* 雀荘エリア
*****************************************************/
#janso > li {
 border-bottom:dotted 1px #cccccc;
 padding-bottom:10px;
 margin-bottom:15px;
}
#janso .thumbnail {
 display:block;
 width:200px;
 padding-right:10px;
 min-height:10px;
 float:left;
}
#janso .info {
 width:calc(100% - 210px);
 float:left;
 line-height:18px;
}
#janso .distance {
 display:block;
 margin:8px 0;
}

#janso .set,
#janso .free {
 display:block;
 float:left;
 width:50%;
 margin-bottom:20px;
}
#janso .set dt,
#janso .free dt {
 display:inline-block;
 padding:0 5px;
 color:#ffffff;
 border-radius:3px;
 font-size:0.9rem;
 line-height:1.4rem;
 margin-bottom:5px;
}
#janso .set dt {
 background-color:#003399;
}
#janso .free dt {
 background-color:#990000;
}
#janso .set dd,
.free dd {
 line-height:22px;
}

#janso .btns {
 clear:both;
 text-align:center;
 width:100%;
}

#janso .btns li {
 display:inline-block;
 background-color:#dddddd;
 border-radius:4px;
 line-height:1rem;
}
#janso .btns li:nth-child(1) {
 width:40%;
 background-color:#476b48;
}
#janso .btns li:nth-child(2) {
 width:30%;
 margin:0 10px;
 background-color:#6b6447;
}
#janso .btns li:nth-child(3) {
 width:calc(30% - 20px);
 background-color:#47516b;
}

#janso .btns li a {
 color:#ffffff;
 padding:10px 0 10px 0;
 display:block;
}

#modal {
 position:fixed;
 z-index:9999999999999999999;
 top:0px;
 left:0px;
 width:100%;
 background-color: rgba(0,0,0,0.9);
 display:none;
}
#google_map {
 width:100%;
 height:300px;
 margin:auto;
}

#mapclose {
 display:block;
 text-align:center;
 color:#ffffff;
 font-size:16px;
 line-height:40px;
}

#shopname {
 color:#ffffff;
 text-align:center;
 padding:5px 0;
}

/* カジノリンクセット
*****************************************************/
article .casino_intro > dt {
  height: 72px;}

article .casino_intro > dt p {
	line-height:1.3em !important;
}
article .casino_intro > dt span {
  font-size: 1.4rem !important;}

article .casino_intro > dd .flex-table:first-of-type  {
  margin-bottom:20px;}



/* CCからの追加 *****************************************************************/
#index {
  margin: 4.0rem 0;
  font-family: NotoSansJP-Regular-ss;

  counter-reset: number; }
  #index > li:not(:last-of-type) {
    margin-bottom: 8px; }
  #index > li div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.8rem;
    cursor: pointer;
    color: #000;
    margin: 0; }
    #index > li div::before {
      counter-increment: number;
      content: counter(number);
      background: orange;
      color: #fff;
      font-size: 1.2rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 28px;
      height: 28px;
      margin-right: 15px; }
  #index > li ul {
    margin-left: 50px; }
    #index > li ul li {
      margin-top: 5px;
      cursor: pointer; }
      #index > li ul li::before {
        display: inline-block;
        content: "";
        border: solid 3px orange;
        width: 2px;
        height: 2px;
        margin-right: 10px;
        border-radius: 50%;
        position: relative; }

.bnr {
  text-align: center;
  margin-bottom: 20px; }

#eyecatch {
  display:inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin: 0 auto 2.0rem auto; }

p {
  margin: 2.0rem 0; }

.pc_w30 {
  width: 30%; }

.pc_w40 {
  width: 40%; }

.pc_w50 {
  width: 50%; }

.pc_w60 {
  width: 60%; }

.pc_w70 {
  width: 70%; }

.pc_w80 {
  width: 80%; }

.pc_w90 {
  width: 90%; }

.affiliate_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 20px 0; }
  .affiliate_btn div {
    width: 48%; }

.app-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .app-btns li {
    width: 26%;
    margin: 0 20px; }

.swiper-custom-parent {
  width: 100%;
  position: relative; }
  .swiper-custom-parent .swiper-container {
    width: calc(100% - 140px);
    padding-bottom: 50px; }
    .swiper-custom-parent .swiper-container .swiper-slide {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: auto;
      background-color: #f0f0f0;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .swiper-custom-parent .swiper-container .swiper-slide > div {
        display: inline-block; }

.flex-table.pc1 div {
  width: calc(100% / 1); }
  .flex-table.pc1 div:nth-of-type(n+2) {
    border-top: none; }

.flex-table.pc2 div {
  width: calc(100% / 2); }
  .flex-table.pc2 div:nth-of-type(n+3) {
    border-top: none; }

.flex-table.pc3 div {
  width: calc(100% / 3); }
  .flex-table.pc3 div:nth-of-type(n+4) {
    border-top: none; }

.flex-table.pc4 div {
  width: calc(100% / 4); }
  .flex-table.pc4 div:nth-of-type(n+5) {
    border-top: none; }

.flex-table.pc5 div {
  width: calc(100% / 5); }
  .flex-table.pc5 div:nth-of-type(n+6) {
    border-top: none; }

.flex-table.pc6 div {
  width: calc(100% / 6); }
  .flex-table.pc6 div:nth-of-type(n+7) {
    border-top: none; }

.flex-table.pc7 div {
  width: calc(100% / 7); }
  .flex-table.pc7 div:nth-of-type(n+8) {
    border-top: none; }

.flex-table.pc8 div {
  width: calc(100% / 8); }
  .flex-table.pc8 div:nth-of-type(n+9) {
    border-top: none; }

.flex-table.pc9 div {
  width: calc(100% / 9); }
  .flex-table.pc9 div:nth-of-type(n+10) {
    border-top: none; }

.flex-table.pc10 div {
  width: calc(100% / 10); }
  .flex-table.pc10 div:nth-of-type(n+11) {
    border-top: none; }

.related_post {
  position: relative; }
  .related_post dt {
    display: inline-block;
    padding: 2px 10px 0 10px;
    font-size: 1.2rem;
    line-height: 2.0rem;
    color: #fff;
    background: #595440;
    font-weight: bold;
    border-radius: 3px 3px 0 0; }
  .related_post dd {
    background: #f9f8f3;
    padding: 0.5rem 1.0rem; }
    .related_post dd:first-of-type {
      padding-top: 1.5rem;
      border-top: solid 1px #a19b7c; }
    .related_post dd:last-of-type {
      padding-bottom: 1.5rem;
      border-bottom: solid 1px #a19b7c; }
    .related_post dd a {
      display: inline-block;
      padding-left: 2.5rem;
	line-height:2.2rem;
      position: relative; }
      .related_post dd a::before {
        position: absolute;
        content: "";
        display: inline-block;
        border: solid 2px #698baa;
        width: 7px;
        height: 4px;
        left: 0.3rem;
        top: 0.5rem; }
      .related_post dd a::after {
        position: absolute;
        content: "";
        display: inline-block;
        border-left: solid 2px  #698baa;
        border-bottom: solid 2px  #698baa;
        width: 7px;
        height: 4px;
        left: 0rem;
        top: 1.0rem; }

.mg0 {
  margin: 0px !important; }

.mgt0 {
  margin-top: 0px !important; }

.mgb0 {
  margin-bottom: 0px !important; }

.mgl0 {
  margin-left: 0px !important; }

.mgr0 {
  margin-right: 0px !important; }

.pd0 {
  padding: 0px !important; }

.pdt0 {
  padding-top: 0px !important; }

.pdb0 {
  padding-bottom: 0px !important; }

.pdl0 {
  padding-left: 0px !important; }

.pdr0 {
  padding-right: 0px !important; }

.mg1 {
  margin: 20px !important; }

.mgt1 {
  margin-top: 20px !important; }

.mgb1 {
  margin-bottom: 20px !important; }

.mgl1 {
  margin-left: 20px !important; }

.mgr1 {
  margin-right: 20px !important; }

.pd1 {
  padding: 20px !important; }

.pdt1 {
  padding-top: 20px !important; }

.pdb1 {
  padding-bottom: 20px !important; }

.pdl1 {
  padding-left: 20px !important; }

.pdr1 {
  padding-right: 20px !important; }

.mg2 {
  margin: 40px !important; }

.mgt2 {
  margin-top: 40px !important; }

.mgb2 {
  margin-bottom: 40px !important; }

.mgl2 {
  margin-left: 40px !important; }

.mgr2 {
  margin-right: 40px !important; }

.pd2 {
  padding: 40px !important; }

.pdt2 {
  padding-top: 40px !important; }

.pdb2 {
  padding-bottom: 40px !important; }

.pdl2 {
  padding-left: 40px !important; }

.pdr2 {
  padding-right: 40px !important; }

.mg3 {
  margin: 60px !important; }

.mgt3 {
  margin-top: 60px !important; }

.mgb3 {
  margin-bottom: 60px !important; }

.mgl3 {
  margin-left: 60px !important; }

.mgr3 {
  margin-right: 60px !important; }

.pd3 {
  padding: 60px !important; }

.pdt3 {
  padding-top: 60px !important; }

.pdb3 {
  padding-bottom: 60px !important; }

.pdl3 {
  padding-left: 60px !important; }

.pdr3 {
  padding-right: 60px !important; }

.mg4 {
  margin: 80px !important; }

.mgt4 {
  margin-top: 80px !important; }

.mgb4 {
  margin-bottom: 80px !important; }

.mgl4 {
  margin-left: 80px !important; }

.mgr4 {
  margin-right: 80px !important; }

.pd4 {
  padding: 80px !important; }

.pdt4 {
  padding-top: 80px !important; }

.pdb4 {
  padding-bottom: 80px !important; }

.pdl4 {
  padding-left: 80px !important; }

.pdr4 {
  padding-right: 80px !important; }

.mg5 {
  margin: 100px !important; }

.mgt5 {
  margin-top: 100px !important; }

.mgb5 {
  margin-bottom: 100px !important; }

.mgl5 {
  margin-left: 100px !important; }

.mgr5 {
  margin-right: 100px !important; }

.pd5 {
  padding: 100px !important; }

.pdt5 {
  padding-top: 100px !important; }

.pdb5 {
  padding-bottom: 100px !important; }

.pdl5 {
  padding-left: 100px !important; }

.pdr5 {
  padding-right: 100px !important; }

.bs_table .player {
  text-align: center;
  width: 3.0rem; }
  .bs_table .player span {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    display: inline-block;
    white-space: nowrap;
    text-orientation: upright; }

.bs_table th, .bs_table td {
  font-weight: normal;
  padding: 0; }

.bs_table th {
  font-weight: bold; }

.bs_table td {
  text-align: center;
  width: 8%; }

div.cards {
  margin: 20px 0; }
  div.cards :first-of-type {
    margin-left: 0; }
  div.cards :last-of-type {
    margin-right: 0; }

span.card_s01,
span.card_s02,
span.card_s03,
span.card_s04,
span.card_s05,
span.card_s06,
span.card_s07,
span.card_s08,
span.card_s09,
span.card_s10,
span.card_s11,
span.card_s12,
span.card_s13,
span.card_h01,
span.card_h02,
span.card_h03,
span.card_h04,
span.card_h05,
span.card_h06,
span.card_h07,
span.card_h08,
span.card_h09,
span.card_h10,
span.card_h11,
span.card_h12,
span.card_h13,
span.card_d01,
span.card_d02,
span.card_d03,
span.card_d04,
span.card_d05,
span.card_d06,
span.card_d07,
span.card_d08,
span.card_d09,
span.card_d10,
span.card_d11,
span.card_d12,
span.card_d13,
span.card_c01,
span.card_c02,
span.card_c03,
span.card_c04,
span.card_c05,
span.card_c06,
span.card_c07,
span.card_c08,
span.card_c09,
span.card_c10,
span.card_c11,
span.card_c12,
span.card_c13,
span.card_j,
span.card_b,
span.card_r {
  display: inline-block;
  background-size: cover !important;
  width: 94px;
  height: 132px;
  margin: 0 5px; }

/* 文章内牌表示
*****************************************************/
/* 旧 */
p.pigazo { vertical-align:middle; }
.pigazo img { vertical-align:middle;margin-bottom:5px !important;}

/* 新 */
article span.ura,
article span.m1,
article span.m2,
article span.m3,
article span.m4,
article span.m5,
article span.m6,
article span.m7,
article span.m8,
article span.m9,
article span.s1,
article span.s2,
article span.s3,
article span.s4,
article span.s5,
article span.s6,
article span.s7,
article span.s8,
article span.s9,
article span.p1,
article span.p2,
article span.p3,
article span.p4,
article span.p5,
article span.p6,
article span.p7,
article span.p8,
article span.p9,
article span.e,
article span.s,
article span.w,
article span.n,
article span.d,
article span.h,
article span.t {
 position:relative;
 top:9px !important;
 margin:0 2px;
 display:inline-block;
 width:22px !important;
 height:28px !important;
 background-size:contain !important;
}

/* 牌を並べる
*****************************************************/
article .hai_line span.m1,
article .hai_line span.m2,
article .hai_line span.m3,
article .hai_line span.m4,
article .hai_line span.m5,
article .hai_line span.m5_r,
article .hai_line span.m6,
article .hai_line span.m7,
article .hai_line span.m8,
article .hai_line span.m9,
article .hai_line span.s1,
article .hai_line span.s2,
article .hai_line span.s3,
article .hai_line span.s4,
article .hai_line span.s5,
article .hai_line span.s5_r,
article .hai_line span.s6,
article .hai_line span.s7,
article .hai_line span.s8,
article .hai_line span.s9,
article .hai_line span.p1,
article .hai_line span.p2,
article .hai_line span.p3,
article .hai_line span.p4,
article .hai_line span.p5,
article .hai_line span.p5_r,
article .hai_line span.p6,
article .hai_line span.p7,
article .hai_line span.p8,
article .hai_line span.p9,
article .hai_line span.e,
article .hai_line span.s,
article .hai_line span.w,
article .hai_line span.n,
article .hai_line span.d,
article .hai_line span.h,
article .hai_line span.t {
	width:36px !important;
	height:auto !important;
	margin:0 !important;
	top:0 !important;
	background-size:100% 100% !important;
}

.hai_line span.m1 {
  background: url("../img/hai/pc/m1.png") no-repeat; }

.hai_line span.m2 {
  background: url("../img/hai/pc/m2.png") no-repeat; }

.hai_line span.m3 {
  background: url("../img/hai/pc/m3.png") no-repeat; }

.hai_line span.m4 {
  background: url("../img/hai/pc/m4.png") no-repeat; }

.hai_line span.m5 {
  background: url("../img/hai/pc/m5.png") no-repeat; }

.hai_line span.m5_r {
  background: url("../img/hai/pc/m5_r.png") no-repeat; }

.hai_line span.m6 {
  background: url("../img/hai/pc/m6.png") no-repeat; }

.hai_line span.m7 {
  background: url("../img/hai/pc/m7.png") no-repeat; }

.hai_line span.m8 {
  background: url("../img/hai/pc/m8.png") no-repeat; }

.hai_line span.m9 {
  background: url("../img/hai/pc/m9.png") no-repeat; }

.hai_line span.s1 {
  background: url("../img/hai/pc/s1.png") no-repeat; }

.hai_line span.s2 {
  background: url("../img/hai/pc/s2.png") no-repeat; }

.hai_line span.s3 {
  background: url("../img/hai/pc/s3.png") no-repeat; }

.hai_line span.s4 {
  background: url("../img/hai/pc/s4.png") no-repeat; }

.hai_line span.s5_r {
  background: url("../img/hai/pc/s5_r.png") no-repeat; }

.hai_line span.s5 {
  background: url("../img/hai/pc/s5.png") no-repeat; }

.hai_line span.s6 {
  background: url("../img/hai/pc/s6.png") no-repeat; }

.hai_line span.s7 {
  background: url("../img/hai/pc/s7.png") no-repeat; }

.hai_line span.s8 {
  background: url("../img/hai/pc/s8.png") no-repeat; }

.hai_line span.s9 {
  background: url("../img/hai/pc/s9.png") no-repeat; }

.hai_line span.p1 {
  background: url("../img/hai/pc/p1.png") no-repeat; }

.hai_line span.p2 {
  background: url("../img/hai/pc/p2.png") no-repeat; }

.hai_line span.p3 {
  background: url("../img/hai/pc/p3.png") no-repeat; }

.hai_line span.p4 {
  background: url("../img/hai/pc/p4.png") no-repeat; }

.hai_line span.p5 {
  background: url("../img/hai/pc/p5.png") no-repeat; }

.hai_line span.p5_r{
  background: url("../img/hai/pc/p5_r.png") no-repeat; }

.hai_line span.p6 {
  background: url("../img/hai/pc/p6.png") no-repeat; }

.hai_line span.p7 {
  background: url("../img/hai/pc/p7.png") no-repeat; }

.hai_line span.p8 {
  background: url("../img/hai/pc/p8.png") no-repeat; }

.hai_line span.p9 {
  background: url("../img/hai/pc/p9.png") no-repeat; }

.hai_line span.e {
  background: url("../img/hai/pc/e.png") no-repeat; }

.hai_line span.s {
  background: url("../img/hai/pc/s.png") no-repeat; }

.hai_line span.w {
  background: url("../img/hai/pc/w.png") no-repeat; }

.hai_line span.n {
  background: url("../img/hai/pc/n.png") no-repeat; }

.hai_line span.d {
  background: url("../img/hai/pc/d.png") no-repeat; }

.hai_line span.h {
  background: url("../img/hai/pc/h.png") no-repeat; }

.hai_line span.t {
  background: url("../img/hai/pc/t.png") no-repeat; }


/* 捨て牌
*****************************************************/
.sutehai {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-width: 216px;
  max-width: 230px;
  margin: auto; }
  .sutehai span.m1,
  .sutehai span.m2,
  .sutehai span.m3,
  .sutehai span.m4,
  .sutehai span.m5,
  .sutehai span.m6,
  .sutehai span.m7,
  .sutehai span.m8,
  .sutehai span.m9,
  .sutehai span.s1,
  .sutehai span.s2,
  .sutehai span.s3,
  .sutehai span.s4,
  .sutehai span.s5,
  .sutehai span.s6,
  .sutehai span.s7,
  .sutehai span.s8,
  .sutehai span.s9,
  .sutehai span.p1,
  .sutehai span.p2,
  .sutehai span.p3,
  .sutehai span.p4,
  .sutehai span.p5,
  .sutehai span.p6,
  .sutehai span.p7,
  .sutehai span.p8,
  .sutehai span.p9,
  .sutehai span.e,
  .sutehai span.s,
  .sutehai span.w,
  .sutehai span.n,
  .sutehai span.d,
  .sutehai span.h,
  .sutehai span.t {
    display: inline-block;
    background-size: contain;
    width: 36px !important;
    height: 50px !important;
    margin: 0;
    top: 0; }
  .sutehai span.reach {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: 6px;
    margin-right: 6px; }

/* 文中牌 */
span.ura {
  background: url("../img/hai/small/pc/ura.png") no-repeat; }

span.m1 {
  background: url("../img/hai/small/pc/m1.png") no-repeat; }

span.m2 {
  background: url("../img/hai/small/pc/m2.png") no-repeat; }

span.m3 {
  background: url("../img/hai/small/pc/m3.png") no-repeat; }

span.m4 {
  background: url("../img/hai/small/pc/m4.png") no-repeat; }

span.m5 {
  background: url("../img/hai/small/pc/m5.png") no-repeat; }

span.m6 {
  background: url("../img/hai/small/pc/m6.png") no-repeat; }

span.m7 {
  background: url("../img/hai/small/pc/m7.png") no-repeat; }

span.m8 {
  background: url("../img/hai/small/pc/m8.png") no-repeat; }

span.m9 {
  background: url("../img/hai/small/pc/m9.png") no-repeat; }

span.s1 {
  background: url("../img/hai/small/pc/s1.png") no-repeat; }

span.s2 {
  background: url("../img/hai/small/pc/s2.png") no-repeat; }

span.s3 {
  background: url("../img/hai/small/pc/s3.png") no-repeat; }

span.s4 {
  background: url("../img/hai/small/pc/s4.png") no-repeat; }

span.s5 {
  background: url("../img/hai/small/pc/s5.png") no-repeat; }

span.s6 {
  background: url("../img/hai/small/pc/s6.png") no-repeat; }

span.s7 {
  background: url("../img/hai/small/pc/s7.png") no-repeat; }

span.s8 {
  background: url("../img/hai/small/pc/s8.png") no-repeat; }

span.s9 {
  background: url("../img/hai/small/pc/s9.png") no-repeat; }

span.p1 {
  background: url("../img/hai/small/pc/p1.png") no-repeat; }

span.p2 {
  background: url("../img/hai/small/pc/p2.png") no-repeat; }

span.p3 {
  background: url("../img/hai/small/pc/p3.png") no-repeat; }

span.p4 {
  background: url("../img/hai/small/pc/p4.png") no-repeat; }

span.p5 {
  background: url("../img/hai/small/pc/p5.png") no-repeat; }

span.p6 {
  background: url("../img/hai/small/pc/p6.png") no-repeat; }

span.p7 {
  background: url("../img/hai/small/pc/p7.png") no-repeat; }

span.p8 {
  background: url("../img/hai/small/pc/p8.png") no-repeat; }

span.p9 {
  background: url("../img/hai/small/pc/p9.png") no-repeat; }

span.e {
  background: url("../img/hai/small/pc/e.png") no-repeat; }

span.s {
  background: url("../img/hai/small/pc/s.png") no-repeat; }

span.w {
  background: url("../img/hai/small/pc/w.png") no-repeat; }

span.n {
  background: url("../img/hai/small/pc/n.png") no-repeat; }

span.d {
  background: url("../img/hai/small/pc/d.png") no-repeat; }

span.h {
  background: url("../img/hai/small/pc/h.png") no-repeat; }

span.t {
  background: url("../img/hai/small/pc/t.png") no-repeat; }

/* 捨て牌 文中 */
.sutehai span.m1 {
  background: url("../img/hai/pc/m1.png") no-repeat; }

.sutehai span.m2 {
  background: url("../img/hai/pc/m2.png") no-repeat; }

.sutehai span.m3 {
  background: url("../img/hai/pc/m3.png") no-repeat; }

.sutehai span.m4 {
  background: url("../img/hai/pc/m4.png") no-repeat; }

.sutehai span.m5 {
  background: url("../img/hai/pc/m5.png") no-repeat; }

.sutehai span.m6 {
  background: url("../img/hai/pc/m6.png") no-repeat; }

.sutehai span.m7 {
  background: url("../img/hai/pc/m7.png") no-repeat; }

.sutehai span.m8 {
  background: url("../img/hai/pc/m8.png") no-repeat; }

.sutehai span.m9 {
  background: url("../img/hai/pc/m9.png") no-repeat; }

.sutehai span.s1 {
  background: url("../img/hai/pc/s1.png") no-repeat; }

.sutehai span.s2 {
  background: url("../img/hai/pc/s2.png") no-repeat; }

.sutehai span.s3 {
  background: url("../img/hai/pc/s3.png") no-repeat; }

.sutehai span.s4 {
  background: url("../img/hai/pc/s4.png") no-repeat; }

.sutehai span.s5 {
  background: url("../img/hai/pc/s5.png") no-repeat; }

.sutehai span.s6 {
  background: url("../img/hai/pc/s6.png") no-repeat; }

.sutehai span.s7 {
  background: url("../img/hai/pc/s7.png") no-repeat; }

.sutehai span.s8 {
  background: url("../img/hai/pc/s8.png") no-repeat; }

.sutehai span.s9 {
  background: url("../img/hai/pc/s9.png") no-repeat; }

.sutehai span.p1 {
  background: url("../img/hai/pc/p1.png") no-repeat; }

.sutehai span.p2 {
  background: url("../img/hai/pc/p2.png") no-repeat; }

.sutehai span.p3 {
  background: url("../img/hai/pc/p3.png") no-repeat; }

.sutehai span.p4 {
  background: url("../img/hai/pc/p4.png") no-repeat; }

.sutehai span.p5 {
  background: url("../img/hai/pc/p5.png") no-repeat; }

.sutehai span.p6 {
  background: url("../img/hai/pc/p6.png") no-repeat; }

.sutehai span.p7 {
  background: url("../img/hai/pc/p7.png") no-repeat; }

.sutehai span.p8 {
  background: url("../img/hai/pc/p8.png") no-repeat; }

.sutehai span.p9 {
  background: url("../img/hai/pc/p9.png") no-repeat; }

.sutehai span.e {
  background: url("../img/hai/pc/e.png") no-repeat; }

.sutehai span.s {
  background: url("../img/hai/pc/s.png") no-repeat; }

.sutehai span.w {
  background: url("../img/hai/pc/w.png") no-repeat; }

.sutehai span.n {
  background: url("../img/hai/pc/n.png") no-repeat; }

.sutehai span.d {
  background: url("../img/hai/pc/d.png") no-repeat; }

.sutehai span.h {
  background: url("../img/hai/pc/h.png") no-repeat; }

.sutehai span.t {
  background: url("../img/hai/pc/t.png") no-repeat; }

/* 牌姿
*****************************************************/
.hai_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
	align-items:flex-end;
  padding: 0; }
  .hai_wrapper p {
    display: none; }
  .hai_wrapper.left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start; }
  .hai_wrapper.blue div .memo {
    border-top: solid 3px #4884d1; }
  .hai_wrapper.mizu div .memo {
    border-top: solid 3px #00a8ff; }
  .hai_wrapper.red div .memo {
    border-top: solid 3px #c41d1d; }
  .hai_wrapper.orange div .memo {
    border-top: solid 3px #ea7e00; }
  .hai_wrapper.green div .memo {
    border-top: solid 3px #339900; }
  .hai_wrapper.purple div .memo {
    border-top: solid 3px #6633ff; }
  .hai_wrapper.pink div .memo {
    border-top: solid 3px #ff66cc; }
  .hai_wrapper.yellow div .memo {
    border-top: solid 3px #cbbb00; }
  .hai_wrapper.black div .memo {
    border-top: solid 3px #000000; }
  .hai_wrapper.white div .memo {
    border-top: solid 3px #ffffff; }
  .hai_wrapper > div {
    margin-right: 3px;
    text-align: center;
    font-size: 0;
    line-height: 0; }
    .hai_wrapper > div div {
      display: inline-block;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center bottom;
      width: 35px;
      min-height: 55px;
      margin-bottom: 0; }
    .hai_wrapper > div .yoko,
    .hai_wrapper > div .k {
      width: 44px; }
    .hai_wrapper > div .k {
		padding-top:80px;
	}
  .hai_wrapper .arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .hai_wrapper .arrow::before {
      font-family: "Font Awesome 5 Free";
      content: '\f061';
      font-size: 2.4rem;
      font-weight: bold;
      color: #ff0000; }
  .hai_wrapper .memo {
    margin-top: 3px;
    padding-top: 3px;
    clear: both;
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    width: 100% !important; }
    .hai_wrapper .memo.blue {
      border-top: solid 3px #4884d1 !important; }
    .hai_wrapper .memo.mizu {
      border-top: solid 3px #00a8ff !important; }
    .hai_wrapper .memo.red {
      border-top: solid 3px #c41d1d !important; }
    .hai_wrapper .memo.orange {
      border-top: solid 3px #ea7e00 !important; }
    .hai_wrapper .memo.green {
      border-top: solid 3px #339900 !important; }
    .hai_wrapper .memo.purple {
      border-top: solid 3px #6633ff !important; }
    .hai_wrapper .memo.pink {
      border-top: solid 3px #ff66cc !important; }
    .hai_wrapper .memo.yellow {
      border-top: solid 3px #cbbb00 !important; }
    .hai_wrapper .memo.black {
      border-top: solid 3px #000000 !important; }
    .hai_wrapper .memo.white {
      border-top: solid 3px #ffffff !important; }
  .hai_wrapper .m1 {
    background-image: url("../img/hai/pc/m1.png"); }
  .hai_wrapper .s1 {
    background-image: url("../img/hai/pc/s1.png"); }
  .hai_wrapper .p1 {
    background-image: url("../img/hai/pc/p1.png"); }
  .hai_wrapper .m1.yoko {
    background: url("../img/hai/pc/m1_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .s1.yoko {
    background: url("../img/hai/pc/s1_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .p1.yoko {
    background: url("../img/hai/pc/p1_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .m1.k {
    background: url("../img/hai/pc/m1_yoko.png") top / contain no-repeat, url("../img/hai/pc/m1_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .s1.k {
    background: url("../img/hai/pc/s1_yoko.png") top / contain no-repeat, url("../img/hai/pc/s1_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .p1.k {
    background: url("../img/hai/pc/p1_yoko.png") top / contain no-repeat, url("../img/hai/pc/p1_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .m2 {
    background-image: url("../img/hai/pc/m2.png"); }
  .hai_wrapper .s2 {
    background-image: url("../img/hai/pc/s2.png"); }
  .hai_wrapper .p2 {
    background-image: url("../img/hai/pc/p2.png"); }
  .hai_wrapper .m2.yoko {
    background: url("../img/hai/pc/m2_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .s2.yoko {
    background: url("../img/hai/pc/s2_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .p2.yoko {
    background: url("../img/hai/pc/p2_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .m2.k {
    background: url("../img/hai/pc/m2_yoko.png") top / contain no-repeat, url("../img/hai/pc/m2_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .s2.k {
    background: url("../img/hai/pc/s2_yoko.png") top / contain no-repeat, url("../img/hai/pc/s2_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .p2.k {
    background: url("../img/hai/pc/p2_yoko.png") top / contain no-repeat, url("../img/hai/pc/p2_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .m3 {
    background-image: url("../img/hai/pc/m3.png"); }
  .hai_wrapper .s3 {
    background-image: url("../img/hai/pc/s3.png"); }
  .hai_wrapper .p3 {
    background-image: url("../img/hai/pc/p3.png"); }
  .hai_wrapper .m3.yoko {
    background: url("../img/hai/pc/m3_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .s3.yoko {
    background: url("../img/hai/pc/s3_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .p3.yoko {
    background: url("../img/hai/pc/p3_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .m3.k {
    background: url("../img/hai/pc/m3_yoko.png") top / contain no-repeat, url("../img/hai/pc/m3_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .s3.k {
    background: url("../img/hai/pc/s3_yoko.png") top / contain no-repeat, url("../img/hai/pc/s3_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .p3.k {
    background: url("../img/hai/pc/p3_yoko.png") top / contain no-repeat, url("../img/hai/pc/p3_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .m4 {
    background-image: url("../img/hai/pc/m4.png"); }
  .hai_wrapper .s4 {
    background-image: url("../img/hai/pc/s4.png"); }
  .hai_wrapper .p4 {
    background-image: url("../img/hai/pc/p4.png"); }
  .hai_wrapper .m4.yoko {
    background: url("../img/hai/pc/m4_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .s4.yoko {
    background: url("../img/hai/pc/s4_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .p4.yoko {
    background: url("../img/hai/pc/p4_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .m4.k {
    background: url("../img/hai/pc/m4_yoko.png") top / contain no-repeat, url("../img/hai/pc/m4_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .s4.k {
    background: url("../img/hai/pc/s4_yoko.png") top / contain no-repeat, url("../img/hai/pc/s4_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .p4.k {
    background: url("../img/hai/pc/p4_yoko.png") top / contain no-repeat, url("../img/hai/pc/p4_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .m5 {
    background-image: url("../img/hai/pc/m5.png"); }
  .hai_wrapper .s5 {
    background-image: url("../img/hai/pc/s5.png"); }
  .hai_wrapper .p5 {
    background-image: url("../img/hai/pc/p5.png"); }
  .hai_wrapper .m5.yoko {
    background: url("../img/hai/pc/m5_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .s5.yoko {
    background: url("../img/hai/pc/s5_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .p5.yoko {
    background: url("../img/hai/pc/p5_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .m5.k {
    background: url("../img/hai/pc/m5_yoko.png") top / contain no-repeat, url("../img/hai/pc/m5_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .s5.k {
    background: url("../img/hai/pc/s5_yoko.png") top / contain no-repeat, url("../img/hai/pc/s5_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .p5.k {
    background: url("../img/hai/pc/p5_yoko.png") top / contain no-repeat, url("../img/hai/pc/p5_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .m6 {
    background-image: url("../img/hai/pc/m6.png"); }
  .hai_wrapper .s6 {
    background-image: url("../img/hai/pc/s6.png"); }
  .hai_wrapper .p6 {
    background-image: url("../img/hai/pc/p6.png"); }
  .hai_wrapper .m6.yoko {
    background: url("../img/hai/pc/m6_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .s6.yoko {
    background: url("../img/hai/pc/s6_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .p6.yoko {
    background: url("../img/hai/pc/p6_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .m6.k {
    background: url("../img/hai/pc/m6_yoko.png") top / contain no-repeat, url("../img/hai/pc/m6_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .s6.k {
    background: url("../img/hai/pc/s6_yoko.png") top / contain no-repeat, url("../img/hai/pc/s6_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .p6.k {
    background: url("../img/hai/pc/p6_yoko.png") top / contain no-repeat, url("../img/hai/pc/p6_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .m7 {
    background-image: url("../img/hai/pc/m7.png"); }
  .hai_wrapper .s7 {
    background-image: url("../img/hai/pc/s7.png"); }
  .hai_wrapper .p7 {
    background-image: url("../img/hai/pc/p7.png"); }
  .hai_wrapper .m7.yoko {
    background: url("../img/hai/pc/m7_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .s7.yoko {
    background: url("../img/hai/pc/s7_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .p7.yoko {
    background: url("../img/hai/pc/p7_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .m7.k {
    background: url("../img/hai/pc/m7_yoko.png") top / contain no-repeat, url("../img/hai/pc/m7_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .s7.k {
    background: url("../img/hai/pc/s7_yoko.png") top / contain no-repeat, url("../img/hai/pc/s7_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .p7.k {
    background: url("../img/hai/pc/p7_yoko.png") top / contain no-repeat, url("../img/hai/pc/p7_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .m8 {
    background-image: url("../img/hai/pc/m8.png"); }
  .hai_wrapper .s8 {
    background-image: url("../img/hai/pc/s8.png"); }
  .hai_wrapper .p8 {
    background-image: url("../img/hai/pc/p8.png"); }
  .hai_wrapper .m8.yoko {
    background: url("../img/hai/pc/m8_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .s8.yoko {
    background: url("../img/hai/pc/s8_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .p8.yoko {
    background: url("../img/hai/pc/p8_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .m8.k {
    background: url("../img/hai/pc/m8_yoko.png") top / contain no-repeat, url("../img/hai/pc/m8_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .s8.k {
    background: url("../img/hai/pc/s8_yoko.png") top / contain no-repeat, url("../img/hai/pc/s8_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .p8.k {
    background: url("../img/hai/pc/p8_yoko.png") top / contain no-repeat, url("../img/hai/pc/p8_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .m9 {
    background-image: url("../img/hai/pc/m9.png"); }
  .hai_wrapper .s9 {
    background-image: url("../img/hai/pc/s9.png"); }
  .hai_wrapper .p9 {
    background-image: url("../img/hai/pc/p9.png"); }
  .hai_wrapper .m9.yoko {
    background: url("../img/hai/pc/m9_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .s9.yoko {
    background: url("../img/hai/pc/s9_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .p9.yoko {
    background: url("../img/hai/pc/p9_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .m9.k {
    background: url("../img/hai/pc/m9_yoko.png") top / contain no-repeat, url("../img/hai/pc/m9_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .s9.k {
    background: url("../img/hai/pc/s9_yoko.png") top / contain no-repeat, url("../img/hai/pc/s9_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .p9.k {
    background: url("../img/hai/pc/p9_yoko.png") top / contain no-repeat, url("../img/hai/pc/p9_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .m5_r {
    background-image: url("../img/hai/pc/m5_r.png"); }
  .hai_wrapper .s5_r {
    background-image: url("../img/hai/pc/s5_r.png"); }
  .hai_wrapper .p5_r {
    background-image: url("../img/hai/pc/p5_r.png"); }
  .hai_wrapper .m5_r.yoko {
    background: url("../img/hai/pc/m5_r_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .s5_r.yoko {
    background: url("../img/hai/pc/s5_r_yoko.png"); }
  .hai_wrapper .p5_r.yoko {
    background: url("../img/hai/pc/p5_r_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .e {
    background-image: url("../img/hai/pc/e.png"); }
  .hai_wrapper .s {
    background-image: url("../img/hai/pc/s.png"); }
  .hai_wrapper .w {
    background-image: url("../img/hai/pc/w.png"); }
  .hai_wrapper .n {
    background-image: url("../img/hai/pc/n.png"); }
  .hai_wrapper .e.yoko {
    background: url("../img/hai/pc/e_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .s.yoko {
    background: url("../img/hai/pc/s_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .w.yoko {
    background: url("../img/hai/pc/w_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .n.yoko {
    background: url("../img/hai/pc/n_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .e.k {
    background: url("../img/hai/pc/e_yoko.png") top / contain no-repeat, url("../img/hai/pc/e_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .s.k {
    background: url("../img/hai/pc/s_yoko.png") top / contain no-repeat, url("../img/hai/pc/s_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .w.k {
    background: url("../img/hai/pc/w_yoko.png") top / contain no-repeat, url("../img/hai/pc/w_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .n.k {
    background: url("../img/hai/pc/n_yoko.png") top / contain no-repeat, url("../img/hai/pc/n_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .d {
    background-image: url("../img/hai/pc/d.png"); }
  .hai_wrapper .h {
    background-image: url("../img/hai/pc/h.png"); }
  .hai_wrapper .t {
    background-image: url("../img/hai/pc/t.png"); }
  .hai_wrapper .d.yoko {
    background: url("../img/hai/pc/d_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .h.yoko {
    background: url("../img/hai/pc/h_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .t.yoko {
    background: url("../img/hai/pc/t_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .d.k {
    background: url("../img/hai/pc/d_yoko.png") top / contain no-repeat, url("../img/hai/pc/d_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .h.k {
    background: url("../img/hai/pc/h_yoko.png") top / contain no-repeat, url("../img/hai/pc/h_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .t.k {
    background: url("../img/hai/pc/t_yoko.png") top / contain no-repeat, url("../img/hai/pc/t_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .free.k {
    background: url("../img/hai/pc/free_yoko.png") top / contain no-repeat, url("../img/hai/pc/free_yoko.png") bottom / contain no-repeat; }
  .hai_wrapper .ura {
    background-image: url("../img/hai/pc/ura.png"); }
  .hai_wrapper .free {
    background-image: url("../img/hai/pc/free.png"); }
  .hai_wrapper .free.yoko {
    background: url("../img/hai/pc/free_yoko.png") bottom / cover no-repeat; }
  .hai_wrapper .space {
    margin-right: 20px; }

/* pc調整 */
.hai_wrapper {
  padding: 2.0rem 0; }
  .hai_wrapper > div {
    margin-right: 3px; }
    .hai_wrapper > div div {
      width: 36px;
      min-height: 50px; }
    .hai_wrapper > div .yoko,
    .hai_wrapper > div .k {
      width: 44px; }
    .hai_wrapper > div .yoko {
		min-height:40px;
	}
  .hai_wrapper .memo {
    font-size: 12px;
    min-height: auto; }

#pre-next-3min {
  box-sizing: border-box;
  background: #FFFDE5;
  padding: 20px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

    #pre-next-3min li {

	}

    #pre-next-3min li:nth-of-type(2) {
		text-align:right;
	}

    #pre-next-3min li:nth-of-type(2) * {
		display:inline-block;
	}

  #pre-next-3min li:last-of-type {
    justify-content:flex-end; }
    #pre-next-3min li:first-of-type a::before {
		position:relative;
		top:-1px;
      cursor: pointer;
      background: #97c024;
      font-size: 1.4rem;
      color: #fff;
      border-radius: 4px;
      padding: 4px 6px;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      margin-right: 10px;
      content: '\f359  前の講座';
      line-height: 2.0rem; }
    #pre-next-3min li:last-of-type a::after {
		position:relative;
		top:-1px;
      cursor: pointer;
      background: #fa7aff;
      font-size: 1.4rem;
      color: #fff;
      border-radius: 4px;
      padding: 4px 6px;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      margin-left: 10px;
      content: '次の講座 \f35a';
      line-height: 2.0rem; }
    #pre-next-3min li a {
      color: #333; }




.oncasi_intro .logo {
	width:15%;
	float:left;
	margin-bottom:10px;
}

.oncasi_intro .name {
	width:82%;
	font-weight:bold;
	font-size:30px;
	border-bottom:solid 1px #000;
	float:right;
	padding-bottom:20px;
}

.oncasi_intro .name small {
	font-size:20px;
	margin-bottom:10px;
	display:block;
}

.oncasi_intro p {
	position:relative;
	clear:both;
	padding:20px;
	line-height: 1.8;
	margin:0 0 10px 0 !important;
	border:solid 3px #ffee8e;
}

.oncasi_intro p::before {
	position:absolute;
	top:0;
	left:0;
	content:'';
	display:block;
	width:0;
	height:0;
	border-top:solid 10px #ffee8e;
	border-left:solid 10px #ffee8e;
	border-bottom:solid 10px transparent;
	border-right:solid 10px transparent;
}

.oncasi_intro dl {
	display:flex;
	flex-wrap:wrap;
	margin-bottom:5px;
}

.oncasi_intro dl dt {
	padding:7px 20px;
	margin-bottom:1px;
	background:#ffb42a;
	color:#fff;
	width:100%;
}

.oncasi_intro dl dt.yellow {
	background:#ffe23b !important;
	color:#756000 !important;
}

.oncasi_intro dl dt.side {
	width:25%;
}

.oncasi_intro dl dd {
	padding:7px 20px;
	background-color:#f8f8f8;
	margin-bottom:1px;
	width:100%;
}

.oncasi_intro dl dd.white {
	background-color:#ffffff !important;
}

.oncasi_intro dl dd .btn {
	display:inline-block;
	color:#fff;
	border-radius:6px;
	padding:0 15px;
	background: rgb(18,204,0);
	background: linear-gradient(180deg, rgba(18,204,0,1) 0%, rgba(9,166,0,1) 100%);

}

.oncasi_intro dl dd.side {
	width:25%;
}

article .article_link {
	box-shadow:1px 1px 1px 1px rgba(0, 0, 0, .1);
}

article .article_link {
	padding:20px;
	display:flex;
	justify-content:start;
	align-items:start;
	background:#fffdf5;
}

article .article_link img {
	width:200px;
	height:auto;
}

article .article_link > a {
	width:20%;
}

article .article_link div {
	width:80%;
	padding-left:20px;
}

article .article_link a {
	display:block;
	color:#000;
}