@charset "UTF-8";

article * {
	box-sizing: border-box;
}

/* リンクリスト */
article .link_list {
	padding:20px;
	background-color:#fafafa;
	border:solid 1px #f5f5f5;
}

article .link_list li {
	position:relative;
	padding-left:25px;
}

article .link_list li::before {
	position: absolute;
	content: "";
	display: block;
	border: solid 2px #698baa;
	width: 7px;
	height: 4px;
	left: 0.3rem;
	top: 0.9rem;
}

article .link_list li::after {
	position: absolute;
	content: "";
	display: block;
	border-left: solid 2px  #698baa;
	border-bottom: solid 2px  #698baa;
	width: 7px;
	height: 4px;
	left: 0rem;
	top: 1.4rem;
}

/* テーブル */
article .table,
article .table th,
article .table td {
	border:solid 1px #cccccc;
	border-collapse:collapse;
}

article .table th,
article .table td {
	padding:7px;
}

/* テーブル ボーダー無し */
article .table-nobdr,
article .table-nobdr tr,
article .table-nobdr th,
article .table-nobdr td {
	border:none !important;
}

article .table-nobdr th,
article .table-nobdr td {
	padding:7px;
}

th.sort { /*ソート可能なテーブル*/
	cursor:pointer;
}

/* 薄い背景色 */
article .bg-white  { background-color:#ffffff !important; }
article .bg-gray   { background-color:#f0f0f0 !important; }
article .bg-yellow { background-color:#fffbe0 !important; }
article .bg-blue   { background-color:#eaefff !important; }
article .bg-green  { background-color:#e6f9dc !important; }
article .bg-red    { background-color:#ffe1e1 !important; }
article .bg-org    { background-color:#ffe5c9 !important; }
article .bg-pink   { background-color:#ffedfe !important; }
article .bg-ppl    { background-color:#efeaff !important; }

/* 要約 */
article .digest {
 display:block;
 border:solid 1px #fff194;
 border-radius:7px;
 padding:6px 9px 6px 9px;
 background-color:#fffff0;
}
article .digest p:last-of-type { margin-bottom:0px; }

/* 要約 */
article .digest-gray {
 display:block;
 border:solid 1px #e8e8e8;
 border-radius:7px;
 padding:6px 9px 6px 9px;
 background-color:#f7f7f7;
}
article .digest-gray p:last-of-type { margin-bottom:0px; }

/* 要約 */
article .digest-ib {
 display:inline-block;
 border:solid 1px #fff194;
 border-radius:7px;
 padding:6px 9px 6px 9px;
 background-color:#fffff0;
}

/* 定義リスト */
dl.def dt {
	font-weight:bold;
	background-color:#dfdfdf;
	padding:10px;
}

dl.def dd {
	border-bottom:dotted 1px #ccc;
	margin-bottom:20px;
	padding:10px;
}


/* 関連記事へのリンク */
article .kanren {
	display:inline-block;
	font-size:12px !important;
	line-height:18px;
	background-color:#000033;
	color:#ffffff !important;
	margin:10px 10px 5px 10px;
	border-radius: 2px;        /* CSS3草案 */
	padding:0 5px 0 5px;
}
article .kanren-yellow {
	display:inline-block;
	font-size:12px !important;
	line-height:18px;
	background-color:#d9ca00;
	color:#ffffff !important;
	margin:0 0 5px 0;
	border-radius: 3px;        /* CSS3草案 */
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	padding:0 5px 0 5px;
}

article .list-link {
	margin:0 10px 5px 10px;
}

article .list-link li {
	border-bottom:dotted 1px #ccc;
}

article .list-link a {
	display:inline-block;
	background:url('../img/link_arrow.png') no-repeat;
	background-position:left 5px top 10px;
	padding-left:20px;
	font-size:13px;
	color:#0099ff;
}

article .list-link .wakaba a {
	display:inline-block;
	background:url('../img/wakaba.png') no-repeat;
	background-position:left center;
	background-size:10px auto;;
	padding-left:20px;
	font-size:13px;
}

/* 幅設定 */
.w450 {
	width:450px;
	max-width:80%;
	margin:auto;
}

/* 文字ハイライト */
article .mark-gray,
article .mark-ppl,
article .mark-yellow,
article .mark-green,
article .mark-blue,
article .mark-red,
article .mark-org,
article .mark-navy,
article .mark-pink {
	margin:0 3px 0 3px;
	border-radius:2px;
	color:#ffffff !important;
	padding:2px 5px 2px 5px;
}

/*モバイル*/
@media (max-width: 767px) {
	article .mark-gray,
	article .mark-ppl,
	article .mark-yellow,
	article .mark-green,
	article .mark-blue,
	article .mark-red,
	article .mark-org,
	article .mark-navy,
	article .mark-pink {
	}
}

/* デスクトップ */
@media (min-width: 768px) {
	article .mark-gray,
	article .mark-ppl,
	article .mark-yellow,
	article .mark-green,
	article .mark-blue,
	article .mark-red,
	article .mark-org,
	article .mark-navy,
	article .mark-pink {
		font-size:1.25rem !important;
	}
}


article .mark-gray strong,
article .mark-ppl strong,
article .mark-yellow strong,
article .mark-green strong,
article .mark-blue strong,
article .mark-red strong,
article .mark-org strong,
article .mark-navy strong,
article .mark-pink strong {
	color:#ffffff !important;
	display:inline-block  !important;
}

article .mark-gray   { background-color:#979797; }
article .mark-yellow { background-color:#c9b900; }
article .mark-green   { background-color:#5eb150; }
article .mark-blue     { background-color:#649eff; }
article .mark-red       { background-color:#ff4444; }
article .mark-org       { background-color:#ff731f; }
article .mark-navy       { background-color:#12366b; }
article .mark-pink     { background-color:#fc8ef8; }
article .mark-ppl       { background-color:#8864ff; }

article .mark-gray a,
article .mark-ppl a,
article .mark-yellow a,
article .mark-green a,
article .mark-blue a,
article .mark-red a,
article .mark-org a,
article .mark-navy a,
article .mark-pink a {
	color:#ffffff !important;
}

/* 文字色 */
article .txt-gray           { color:#979797; }
article .txt-yellow         { color:#a19900; }
article .txt-yellowocher    { color:#b8883b; }
article .txt-green          { color:#5eb150; }
article .txt-blue           { color:#649eff; }
article .txt-red            { color:#ff4444; }
article .txt-strawberry     { color:#bb004b; }
article .txt-org            { color:#ff731f; }
article .txt-pink           { color:#ff7dd9; }
article .txt-ppl            { color:#8864ff; }
article .txt-blk            { color:#000000; }
article .txt-white          { color:#ffffff !important; }

/* 文字装飾 */
.serif,
#serif{
	background-color:#fff1f1;
	border:4px solid #ffd8d8;
	padding:5px;
	text-align:left;
	font-weight:bold;
	color:#888888;
}

.rounded-img {
	display: inline-block;
	border: solid 1px #e0e3de;
	overflow: hidden;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.text-green{
	color:#8bda00;
	font-weight:bold;
}
.text-blue{
	color:#00b4ff;
	font-weight:bold;
}
.text-org{
	color:#ff8400;
	font-weight:bold;
}
.text-pink{
	color:#f25df0;
	font-weight:bold;
}
.text-title{
	color:#888888;
	font-weight:bold;
}
.notice {
	padding:11px 2px 12px 2px;
	margin:4px 2px 2px 2px;
	border:2px solid #ff0000;
}
.notice-text {
	padding:2px;
	margin:2px;
	border:2px solid #004ec2;
}

/*符*/
#fu {font-weight:bold;text-align:center;background-color:#efefef;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc; width:25px;}
#fu2 {font-weight:bold;text-align:center;background-color:#efefef;border:1px solid #ccc;}

/* font-weightをnormalに
*****************************************************/
article .normal {
	font-weight:normal;
}

/* hr
*****************************************************/
article hr.dot {
 height:1px;
 border:0px;
 border-bottom:dotted 1px #cccccc;
}

/* 牌を並べる ※PCはpc_articleで調整さあり
*****************************************************/
.hai_line {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}

.hai_line span {
	position: relative;
	display:block;
	width:9.0% !important;
	height:auto !important;
	margin:0 !important;
	top:0 !important;
	background-size:100% 100% !important;
}

.hai_line span:before {
  content: "";
  display: block;
  padding-top: 139.344%;
}

.hai_line.l span {
	width:12%;
}

/* 捨て牌
*****************************************************/
.sutehai {
 text-align:center;
}

.sutehai div {
 display:inline-block;
 text-align:left;
 font-size:0px;
}

.sutehai br {
 display:none;
}

.sutehai div img:nth-of-type(6n) + br {
 display:block;
}

.sutehai div img:nth-of-type(1),
.sutehai div img:nth-of-type(2),
.sutehai div img:nth-of-type(3),
.sutehai div img:nth-of-type(4),
.sutehai div img:nth-of-type(5),
.sutehai div img:nth-of-type(6) {
 position:relative;
 z-index:10;
}

.sutehai div img:nth-of-type(7),
.sutehai div img:nth-of-type(8),
.sutehai div img:nth-of-type(9),
.sutehai div img:nth-of-type(10),
.sutehai div img:nth-of-type(11),
.sutehai div img:nth-of-type(12) {
 position:relative;
 top:-6px;
 z-index:9;
}

.sutehai div img:nth-of-type(13),
.sutehai div img:nth-of-type(14),
.sutehai div img:nth-of-type(15),
.sutehai div img:nth-of-type(16),
.sutehai div img:nth-of-type(17),
.sutehai div img:nth-of-type(18) {
 position:relative;
 top:-12px;
 z-index:8;
}

.sutehai div img:nth-of-type(19),
.sutehai div img:nth-of-type(20),
.sutehai div img:nth-of-type(21),
.sutehai div img:nth-of-type(22),
.sutehai div img:nth-of-type(23),
.sutehai div img:nth-of-type(24) {
 position:relative;
 top:-18px;
 z-index:7;
}

/* 牌を文中に
*****************************************************/
article .hai-l {
	margin-top:-15px;
}

/* 文字サイズ */
article .txt-10 { font-size:10px !important; line-height:11px !important; }
article .txt-11 { font-size:11px !important;line-height:12px !important; }
article .txt-12 { font-size:12px !important; }
article .txt-13 { font-size:13px !important; }
article .txt-14 { font-size:14px !important; }
article .txt-15 { font-size:15px !important; }
article .txt-16 { font-size:16px !important; }
article .txt-17 { font-size:17px !important; }
article .txt-18 { font-size:18px !important; }
article .txt-19 { font-size:19px !important; }
article .txt-20 { font-size:20px !important; }
article .txt-21 { font-size:21px !important; }
article .txt-22 { font-size:22px !important; }
article .txt-23 { font-size:23px !important; }
article .txt-24 { font-size:24px !important; }
article .txt-25 { font-size:25px !important; }
article .txt-26 { font-size:26px !important; }
article .txt-27 { font-size:27px !important; }
article .txt-28 { font-size:28px !important; }
article .txt-29 { font-size:29px !important; }
article .txt-30 { font-size:30px !important; }
article .txt-31 { font-size:31px !important; }
article .txt-32 { font-size:32px !important; }
article .txt-34 { font-size:34px !important; }
article .txt-36 { font-size:36px !important; }
article .txt-38 { font-size:38px !important; }
article .txt-40 { font-size:40px !important; }

/* トランプ
*****************************************************/
article div.cards {
 text-align:center;
 
}
article div.cards:after {
  content: '';
  display: block;
  clear: both;
}

article span.card_s01 { background:url('../img/cards_simple/s01.png') no-repeat; }
article span.card_s02 { background:url('../img/cards_simple/s02.png') no-repeat; }
article span.card_s03 { background:url('../img/cards_simple/s03.png') no-repeat; }
article span.card_s04 { background:url('../img/cards_simple/s04.png') no-repeat; }
article span.card_s05 { background:url('../img/cards_simple/s05.png') no-repeat; }
article span.card_s06 { background:url('../img/cards_simple/s06.png') no-repeat; }
article span.card_s07 { background:url('../img/cards_simple/s07.png') no-repeat; }
article span.card_s08 { background:url('../img/cards_simple/s08.png') no-repeat; }
article span.card_s09 { background:url('../img/cards_simple/s09.png') no-repeat; }
article span.card_s10 { background:url('../img/cards_simple/s10.png') no-repeat; }
article span.card_s11 { background:url('../img/cards_simple/s11.png') no-repeat; }
article span.card_s12 { background:url('../img/cards_simple/s12.png') no-repeat; }
article span.card_s13 { background:url('../img/cards_simple/s13.png') no-repeat; }

article span.card_h01 { background:url('../img/cards_simple/h01.png') no-repeat; }
article span.card_h02 { background:url('../img/cards_simple/h02.png') no-repeat; }
article span.card_h03 { background:url('../img/cards_simple/h03.png') no-repeat; }
article span.card_h04 { background:url('../img/cards_simple/h04.png') no-repeat; }
article span.card_h05 { background:url('../img/cards_simple/h05.png') no-repeat; }
article span.card_h06 { background:url('../img/cards_simple/h06.png') no-repeat; }
article span.card_h07 { background:url('../img/cards_simple/h07.png') no-repeat; }
article span.card_h08 { background:url('../img/cards_simple/h08.png') no-repeat; }
article span.card_h09 { background:url('../img/cards_simple/h09.png') no-repeat; }
article span.card_h10 { background:url('../img/cards_simple/h10.png') no-repeat; }
article span.card_h11 { background:url('../img/cards_simple/h11.png') no-repeat; }
article span.card_h12 { background:url('../img/cards_simple/h12.png') no-repeat; }
article span.card_h13 { background:url('../img/cards_simple/h13.png') no-repeat; }

article span.card_d01 { background:url('../img/cards_simple/d01.png') no-repeat; }
article span.card_d02 { background:url('../img/cards_simple/d02.png') no-repeat; }
article span.card_d03 { background:url('../img/cards_simple/d03.png') no-repeat; }
article span.card_d04 { background:url('../img/cards_simple/d04.png') no-repeat; }
article span.card_d05 { background:url('../img/cards_simple/d05.png') no-repeat; }
article span.card_d06 { background:url('../img/cards_simple/d06.png') no-repeat; }
article span.card_d07 { background:url('../img/cards_simple/d07.png') no-repeat; }
article span.card_d08 { background:url('../img/cards_simple/d08.png') no-repeat; }
article span.card_d09 { background:url('../img/cards_simple/d09.png') no-repeat; }
article span.card_d10 { background:url('../img/cards_simple/d10.png') no-repeat; }
article span.card_d11 { background:url('../img/cards_simple/d11.png') no-repeat; }
article span.card_d12 { background:url('../img/cards_simple/d12.png') no-repeat; }
article span.card_d13 { background:url('../img/cards_simple/d13.png') no-repeat; }

article span.card_c01 { background:url('../img/cards_simple/c01.png') no-repeat; }
article span.card_c02 { background:url('../img/cards_simple/c02.png') no-repeat; }
article span.card_c03 { background:url('../img/cards_simple/c03.png') no-repeat; }
article span.card_c04 { background:url('../img/cards_simple/c04.png') no-repeat; }
article span.card_c05 { background:url('../img/cards_simple/c05.png') no-repeat; }
article span.card_c06 { background:url('../img/cards_simple/c06.png') no-repeat; }
article span.card_c07 { background:url('../img/cards_simple/c07.png') no-repeat; }
article span.card_c08 { background:url('../img/cards_simple/c08.png') no-repeat; }
article span.card_c09 { background:url('../img/cards_simple/c09.png') no-repeat; }
article span.card_c10 { background:url('../img/cards_simple/c10.png') no-repeat; }
article span.card_c11 { background:url('../img/cards_simple/c11.png') no-repeat; }
article span.card_c12 { background:url('../img/cards_simple/c12.png') no-repeat; }
article span.card_c13 { background:url('../img/cards_simple/c13.png') no-repeat; }

article span.card_j { background:url('../img/cards_simple/joker.png') no-repeat; }
article span.card_b { background:url('../img/cards_simple/ura_b.png') no-repeat; }
article span.card_r { background:url('../img/cards_simple/ura_r.png') no-repeat; }

/* 画像
*****************************************************/
img.alignnone {
	display: inline;
	margin: 5px 5px 20px;
}
img.alignleft {
	display: inline;
	margin:5px 25px 5px 0;
	padding:5px;
	/* background:url(images/photog.png) repeat; */
}
img.alignright {
	display: inline;
	margin: 5px 0 5px 25px;
	padding:5px;
	/* background:url(images/photog.png) repeat; */
}
.alignleft {
	float: left;
	margin: 0 25px 0 0;
}
.alignright {
	float: right;
	margin: 0 0 0 25px;
}

/* 麻雀動画100ページ分
*****************************************************/
#mahjong-movie-100 {
}
#mahjong-movie-100 .youtube-img{
	padding:0px;
	margin:0px;
	width:100%;
	text-align:center;
}
#mahjong-movie-100 .youtube-img img {
	margin:0 auto 0 auto;
	padding:0px;
	width:70%;
	border:1px solid #ccc;
}
#mahjong-movie-100 .text-link {
	width:100%;
}
#mahjong-movie-100 .text-link .left {
	width:35%;float:left; margin:0 0 10px 0;
}
#mahjong-movie-100 .text-link .right {
	width:35%;float:right; margin:0 0 10px 0;
}

.ib { display:inline-block; }
.pr { position:relative; }
.t1 { top:1px; }
.t2 { top:2px; }
.t3 { top:3px; }
.t4 { top:4px; }
.t5 { top:5px; }
.t6 { top:6px; }
.t7 { top:7px; }
.t8 { top:8px; }
.t9 { top:9px; }
.t10 { top:10px; }

#pre-next-3min {
 width:100%;
 display:table;
 text-align:left;
 font-size:16px;
}

#pre-next-3min li {
 text-align:left;
 display:table-cell;
 width:50%;
}

/* 雀荘詳細情報
************************************************/
#jsshop .detail {
	display:block;
	width:100%;
	margin:auto;
	background-color:#fffde5;
	padding:0;
}

#jsshop .detail dt,
#jsshop .detail dd {
	margin:0;
	padding:0;
}

#jsshop .detail 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;
}

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

#jsshop .type1 .detail-name { background-color:#faffc2; }
#jsshop .type2 .detail-name { background-color:#ddffaf; }
#jsshop .type3 .detail-name { background-color:#d6eeff; }
#jsshop .type4 .detail-name { background-color:#ffd5d5; }

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

#jsshop .detail .left,
#jsshop .detail .center,
#jsshop .detail .right {
	display:block;
	float:left;
	text-align:center;
}

#jsshop .detail .center {
	width:calc(33% - 2px);
	border-left:dotted 1px #cccccc;
	border-right:dotted 1px #cccccc;
	border-bottom:dotted 1px #cccccc;
	text-align:center;
}

#jsshop .detail .left {
	width:33%;
	border-bottom:dotted 1px #cccccc;
}

#jsshop .detail .right {
	width:34%;
	border-bottom:dotted 1px #cccccc;
}

#jsshop .detail .explain {
	clear:both;
	border-bottom:dotted 1px #cccccc;
	padding:0 10px;
}

/* 雀荘詳細情報テーブル
************************************************/
#jsshop .txt-ari {
	font-weight:bold;
	margin:0 3px 0 3px;
	font-size:0.9rem !important;
	border-radius:2px;
	color:#ffffff !important;
	padding:1px 3px 1px 3px;
	background-color:#ffc435;
}

#jsshop .txt-nashi {
	margin:0 3px 0 3px;
	font-size:0.9rem !important;
	border-radius:2px;
	color:#ffffff !important;
	padding:1px 3px 1px 3px;
	background-color:#d1d1d1;

}

#jsshop .detail_table {
 width:100%;
 text-align:left;
}

#jsshop .detail_table tr td {
 width:50%;
}

#jsshop .detail_table tr td span {
 padding:0 0 0 10px;
 font-size:12px;
 color:#76528f;
 display:block;
 line-height:2.0rem;
}

#jsshop #type1 tr td { background-color:#f8fbdc; border-radius:4px;}
#jsshop #type2 tr td { background-color:#ddffaf; border-radius:4px;}
#jsshop #type3 tr td { background-color:#d6eeff; border-radius:4px;}
#jsshop #type4 tr td { background-color:#ffd5d5; border-radius:4px;}
#jsshop #type5 tr td { background-color:#ece5fa; border-radius:4px;}

/* 雀荘マップ
************************************************/
#jsshop #shop_map {width:100%;height:500px;}
#jsshop #shop_map label { width: auto; display: inline; }
#jsshop #shop_map img { max-width: none; max-height: none; }
#jsshop #mapWindow{
	width:260px;
	margin:0px;
	padding:0px;
}
#jsshop #mapWindow .left{
	margin:0;
	width:60px;
	height:60px;
	float:left;
}
#jsshop #mapWindow .right{
	width:180px;
	float:right;
}
#jsshop #mapWindow .title{
	font-size:1rem; color:rgb(84, 72, 51);
	font-weight:bold;
}
#jsshop #mapWindow .iCatchImg{
	width:60px; height:60px;
}
#jsshop #mapWindow .iCatchImg img{
	width:60px; height:60px;
}
#jsshop #mapWindow .txt{
	font-size:0.8rem; line-height:1rem;
	padding-bottom:5px;
}


/* 20210426に以下を追加(CCからの移設) **********************************************************************************************************/

/* PCとSP共通のCSS
*****************************************************/
img.aligncenter {
  display: block;
  margin: auto; }

.tree_indent {
  margin-left: 1.5em;
  /* ブロック全体を 1em 右に */
  text-indent: -1.5em;
  /* 先頭の1文字のみ 1em 左に */ }

h2:first-of-type {
  counter-reset: number; }

h2::before {
  counter-increment: number;
  content: counter(number) ".";
  padding-right: 10px; }

p {
  line-height: 3.0rem; }

:not(p) .tooltipsall {
  border-bottom: none !important; }

.fs_ss {
  font-size: 1.0rem !important; }

.fs_s {
  font-size: 1.2rem !important; }

.fs_m {
  font-size: 1.4rem !important; }

.fs_l {
  font-size: 1.6rem !important; }

.fs_xl {
  font-size: 1.8rem !important; }

.fs_xxl {
  font-size: 2.0rem !important; }

.fb_normal {
  font-weight:normal !important; }

/*モバイル*/
@media (max-width: 767px) {
	.fb_bold {
	  font-weight:bold !important;
	  color:#222 !important;
	}
}

/* デスクトップ */
@media (min-width: 768px) {
	.fb_bold {
	  font-weight:bold !important;
	  color:#333 !important;
	}
}

hr {
  border: none;
  border-top: dashed 1px #ccc;
  margin: 20px 0; }

.next {
  font-size: 3.0rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height: 2.0rem;
  margin: 30px 0; }
  .next::before {
    display: block;
    content: '\f078';
    color: #f2b940; }
  .next::after {
    display: block;
    content: '\f078';
    color: #f68b00; }

/* ボタン */
.btn_blue {
  display: block;
  width: 100%;
  padding: 10px 20px;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  background: #4884d1;
 /* border: 1px solid rgba(0, 0, 0, 0.1);*/
  border-bottom: 4px solid rgba(38, 91, 158, 0.8);
  -webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  font-size: 2.2rem; }
  .btn_blue small {
    font-size: 1.2rem;
    display: block; }
  .btn_blue:hover {
    color: #fff;
    opacity: 0.8; }

.btn_mizu {
  display: block;
  width: 100%;
  padding: 10px 20px;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  background: #00a8ff;
 /* border: 1px solid rgba(0, 0, 0, 0.1);*/
  border-bottom: 4px solid rgba(0, 139, 212, 0.8);
  -webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  font-size: 2.2rem; }
  .btn_mizu small {
    font-size: 1.2rem;
    display: block; }
  .btn_mizu:hover {
    color: #fff;
    opacity: 0.8; }

.btn_red {
  display: block;
  width: 100%;
  padding: 10px 20px;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  background: #c41d1d;
 /* border: 1px solid rgba(0, 0, 0, 0.1);*/
  border-bottom: 4px solid rgba(138, 6, 6, 0.8);
  -webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  font-size: 2.2rem; }
  .btn_red small {
    font-size: 1.2rem;
    display: block; }
  .btn_red:hover {
    color: #fff;
    opacity: 0.8; }

.btn_orange {
  display: block;
  width: 100%;
  padding: 10px 20px;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  background: #ea7e00;
 /* border: 1px solid rgba(0, 0, 0, 0.1);*/
  border-bottom: 4px solid rgba(176, 95, 0, 0.8);
  -webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  font-size: 2.2rem; }
  .btn_orange small {
    font-size: 1.2rem;
    display: block; }
  .btn_orange:hover {
    color: #fff;
    opacity: 0.8; }

.btn_green {
  display: block;
  width: 100%;
  padding: 10px 20px;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  background: #4ec215;
 /* border: 1px solid rgba(0, 0, 0, 0.1);*/
  border-bottom: 4px solid rgba(61, 163, 11, 0.8);
  -webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  font-size: 2.2rem; }
  .btn_green small {
    font-size: 1.2rem;
    display: block; }
  .btn_green:hover {
    color: #fff;
    opacity: 0.8; }

.btn_purple {
  display: block;
  width: 100%;
  padding: 10px 20px;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  background: #6633ff;
 /* border: 1px solid rgba(0, 0, 0, 0.1);*/
  border-bottom: 4px solid rgba(65, 24, 186, 0.8);
  -webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  font-size: 2.2rem; }
  .btn_purple small {
    font-size: 1.2rem;
    display: block; }
  .btn_purple:hover {
    color: #fff;
    opacity: 0.8; }

.btn_pink {
  display: block;
  width: 100%;
  padding: 10px 20px;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  background: #ff66cc;
 /* border: 1px solid rgba(0, 0, 0, 0.1);*/
  border-bottom: 4px solid rgba(201, 50, 151, 0.8);
  -webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  font-size: 2.2rem; }
  .btn_pink small {
    font-size: 1.2rem;
    display: block; }
  .btn_pink:hover {
    color: #fff;
    opacity: 0.8; }

.btn_yellow {
  display: block;
  width: 100%;
  padding: 10px 20px;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  background: #cbbb00;
 /* border: 1px solid rgba(0, 0, 0, 0.1);*/
  border-bottom: 4px solid rgba(168, 155, 0, 0.8);
  -webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  font-size: 2.2rem; }
  .btn_yellow small {
    font-size: 1.2rem;
    display: block; }
  .btn_yellow:hover {
    color: #fff;
    opacity: 0.8; }

.btn_black {
  display: block;
  width: 100%;
  padding: 10px 20px;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  background: #000000;
 /* border: 1px solid rgba(0, 0, 0, 0.1);*/
  border-bottom: 4px solid rgba(82, 82, 82, 0.8);
  -webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  font-size: 2.2rem; }
  .btn_black small {
    font-size: 1.2rem;
    display: block; }
  .btn_black:hover {
    color: #fff;
    opacity: 0.8; }

/* ボーナスボタン */
.btn-bonus,
a.btn-bonus,
button.btn-bonus {
	font-size: 1.6rem !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
	position: relative !important;
	display: inline-block !important;
	padding: 1rem 4rem !important;
	cursor: pointer !important;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
	-webkit-transition: all 0.3s !important;
	transition: all 0.3s !important;
	text-align: center !important;
	vertical-align: middle !important;
	text-decoration: none !important;
	letter-spacing: 0.1em !important;
	color: #ffffff !important;
	border-radius: 0.5rem !important;

	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
}
/*赤*/
a.btn-bonus-red.btn-bonus-cubic {
	background-color: #ff0000 !important;
	border-bottom: 5px solid #9f000c !important;
}
a.btn-bonus-red.btn-bonus-cubic:hover {
	margin-top: 3px;
	color: #ffffff !important;
	background-color: #ff4242 !important;
	border-bottom: 2px solid #9f000c !important;
}
/*緑*/
a.btn-bonus-green.btn-bonus-cubic {
	background-color: #51b017 !important;
	border-bottom: 5px solid #3d8f0b !important;
}
a.btn-bonus-green.btn-bonus-cubic:hover {
	margin-top: 3px;
	color: #ffffff !important;
	background-color: #6ad12c !important;
	border-bottom: 2px solid #4dba09 !important;
}
/*青*/
a.btn-bonus-blue.btn-bonus-cubic {
	background-color: #028fed !important;
	border-bottom: 5px solid #0073bf !important;
}
a.btn-bonus-blue.btn-bonus-cubic:hover {
	margin-top: 3px;
	color: #ffffff !important;
	background-color: #2baaff !important;
	border-bottom: 2px solid #0073bf !important;
}
/*オレンジ*/
a.btn-bonus-orange.btn-bonus-cubic {
	background-color: #f78400 !important;
	border-bottom: 5px solid #d47100 !important;
}
a.btn-bonus-orange.btn-bonus-cubic:hover {
	margin-top: 3px;
	color: #ffffff !important;
	background-color: #ff9317 !important;
	border-bottom: 2px solid #d47100 !important;
}
/*黄色*/
a.btn-bonus-yellow.btn-bonus-cubic {
	background-color: #cfba00 !important;
	border-bottom: 5px solid #9e8e00 !important;
}
a.btn-bonus-yellow.btn-bonus-cubic:hover {
	margin-top: 3px;
	color: #ffffff !important;
	background-color: #dbc500 !important;
	border-bottom: 2px solid #9e8e00 !important;
}
/*ピンフ*/
a.btn-bonus-pink.btn-bonus-cubic {
	background-color: #e336ac !important;
	border-bottom: 5px solid #c91e93 !important;
}
a.btn-bonus-pink.btn-bonus-cubic:hover {
	margin-top: 3px;
	color: #ffffff !important;
	background-color: #ed4ebb !important;
	border-bottom: 2px solid #c91e93 !important;
}
a.btn-bonus-radius {
	border-radius: 100vh !important;
}

/* レビュー・コメントボタン */
/*青*/
.btn-review-blue {
	position: relative !important;
	display: inline-block !important;
	padding: 0.5em 0.85em !important;
	text-decoration: none !important;
	color: #FFF !important;
	background: #4884d1 !important;/*背景色*/
	border: solid 0px #ffffff !important;/*少し濃い目の色に*/
	border-radius: 7px !important;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19) !important;
	font-weight: bold !important;
}
.btn-review-blue:active {
	border: solid 0px #ffffff !important;/*少し濃い目の色に*/
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30) !important;
}
.btn-review-blue:hover {opacity: 0.8;}

/*水色*/
.btn-review-mizu {
	position: relative !important;
	display: inline-block !important;
	padding: 0.5em 0.85em !important;
	text-decoration: none !important;
	color: #FFF !important;
	background: #00a8ff !important;/*背景色*/
	border: solid 0px #ffffff !important;/*少し濃い目の色に*/
	border-radius: 7px !important;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19) !important;
	font-weight: bold !important;
}
.btn-review-mizu:active {
	border: solid 0px #ffffff !important;/*少し濃い目の色に*/
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30) !important;
}
.btn-review-mizu:hover {opacity: 0.8;}

/*赤色*/
.btn-review-red {
	position: relative !important;
	display: inline-block !important;
	padding: 0.5em 0.85em !important;
	text-decoration: none !important;
	color: #FFF !important;
	background: #c41d1d !important;/*背景色*/
	border: solid 0px #ffffff !important;/*少し濃い目の色に*/
	border-radius: 7px !important;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19) !important;
	font-weight: bold !important;
}
.btn-review-red:active {
	border: solid 0px #ffffff !important;/*少し濃い目の色に*/
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30) !important;
}
.btn-review-red:hover {opacity: 0.8;}

/*オレンジ色*/
.btn-review-orange {
	position: relative !important;
	display: inline-block !important;
	padding: 0.5em 0.85em !important;
	text-decoration: none !important;
	color: #FFF !important;
	background: #ea7e00 !important;/*背景色*/
	border: solid 0px #ffffff !important;/*少し濃い目の色に*/
	border-radius: 7px !important;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19) !important;
	font-weight: bold !important;
}
.btn-review-orange:active {
	border: solid 0px #ffffff !important;/*少し濃い目の色に*/
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30) !important;
}
.btn-review-orange:hover {opacity: 0.8;}

/*緑*/
.btn-review-green {
	position: relative !important;
	display: inline-block !important;
	padding: 0.5em 0.85em !important;
	text-decoration: none !important;
	color: #FFF !important;
	background: #48ab27 !important;/*背景色*/
	border: solid 0px #ffffff !important;/*少し濃い目の色に*/
	border-radius: 7px !important;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19) !important;
	font-weight: bold !important;
}
.btn-review-green:active {
	border: solid 0px #ffffff !important;/*少し濃い目の色に*/
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30) !important;
}
.btn-review-green:hover {opacity: 0.8;}

/*紫色*/
.btn-review-purple {
	position: relative !important;
	display: inline-block !important;
	padding: 0.5em 0.85em !important;
	text-decoration: none !important;
	color: #FFF !important;
	background: #6633ff !important;/*背景色*/
	border: solid 0px #ffffff !important;/*少し濃い目の色に*/
	border-radius: 7px !important;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19) !important;
	font-weight: bold !important;
}
.btn-review-purple:active {
	border: solid 0px #ffffff !important;/*少し濃い目の色に*/
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30) !important;
}
.btn-review-purple:hover {opacity: 0.8;}

/*ピンク色*/
.btn-review-pink {
	position: relative !important;
	display: inline-block !important;
	padding: 0.5em 0.85em !important;
	text-decoration: none !important;
	color: #FFF !important;
	background: #ff66cc !important;/*背景色*/
	border: solid 0px #ffffff !important;/*少し濃い目の色に*/
	border-radius: 7px !important;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19) !important;
	font-weight: bold !important;
}
.btn-review-pink:active {
	border: solid 0px #ffffff !important;/*少し濃い目の色に*/
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30) !important;
}
.btn-review-pink:hover {opacity: 0.8;}

/*黄色*/
.btn-review-yellow {
	position: relative !important;
	display: inline-block !important;
	padding: 0.5em 0.85em !important;
	text-decoration: none !important;
	color: #FFF !important;
	background: #cbbb00 !important;/*背景色*/
	border: solid 0px #ffffff !important;/*少し濃い目の色に*/
	border-radius: 7px !important;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19) !important;
	font-weight: bold !important;
}
.btn-review-yellow:active {
	border: solid 0px #ffffff !important;/*少し濃い目の色に*/
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30) !important;
}
.btn-review-yellow:hover {opacity: 0.8;}

.fa-position-right {
	position: absolute;
	top: calc(50% - .5em);
	right: 1rem;
}

/* aタグのグラデボタン */
.btn-grade,
a.btn-grade,
button.btn-grade {
	font-weight: 300;
	position: relative;
	display: inline-block;
	padding: 0px 30px 0px 10px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	border-radius: 0.5rem;
}
/*赤色*/
a.btn-grade-radius-red {
	color: #ffffff;
	background: #fffef5;
	background: -webkit-gradient(linear, left top, left bottom, from(#fc0000), to(#e60000));
	background: -webkit-linear-gradient(top, #fc0000 0%, #e60000 100%);
	background: linear-gradient(to bottom, #fc0000 0%, #e60000 100%);
}
a.btn-grade-radius-red:hover {
	color: #ffffff;
	background: -webkit-gradient(linear, left bottom, left top, from(#fc0000), to(#e60000));
	background: -webkit-linear-gradient(bottom, #fc0000 0%, #e60000 100%);
	background: linear-gradient(to top, #fc0000 0%, #e60000 100%);
}
/*緑色*/
a.btn-grade-radius-green {
	color: #ffffff;
	background: #fffef5;
	background: -webkit-gradient(linear, left top, left bottom, from(#7ade00), to(#6cc400));
	background: -webkit-linear-gradient(top, #7ade00 0%, #6cc400 100%);
	background: linear-gradient(to bottom, #7ade00 0%, #6cc400 100%);
}
a.btn-grade-radius-green:hover {
	color: #ffffff;
	background: -webkit-gradient(linear, left bottom, left top, from(#7ade00), to(#6cc400));
	background: -webkit-linear-gradient(bottom, #7ade00 0%, #6cc400 100%);
	background: linear-gradient(to top, #7ade00 0%, #6cc400 100%);
}
/*黄色*/
a.btn-grade-radius-yellow {
	color: #ffffff;
	background: #fffef5;
	background: -webkit-gradient(linear, left top, left bottom, from(#eddb00), to(#d1b500));
	background: -webkit-linear-gradient(top, #eddb00 0%, #d1b500 100%);
	background: linear-gradient(to bottom, #eddb00 0%, #d1b500 100%);
}
a.btn-grade-radius-yellow:hover {
	color: #ffffff;
	background: -webkit-gradient(linear, left bottom, left top, from(#eddb00), to(#d1b500));
	background: -webkit-linear-gradient(bottom, #eddb00 0%, #d1b500 100%);
	background: linear-gradient(to top, #eddb00 0%, #d1b500 100%);
}
/*青*/
a.btn-grade-radius-blue {
	color: #ffffff;
	background: #f5ffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#05b9f0), to(#00a4d6));
	background: -webkit-linear-gradient(top, #05b9f0 0%, #00a4d6 100%);
	background: linear-gradient(to bottom, #05b9f0 0%, #00a4d6 100%);
}
a.btn-grade-radius-blue:hover {
	color: #ffffff;
	background: -webkit-gradient(linear, left bottom, left top, from(#05b9f0), to(#00a4d6));
	background: -webkit-linear-gradient(bottom, #05b9f0 0%, #00a4d6 100%);
	background: linear-gradient(to top, #05b9f0 0%, #00a4d6 100%);
}
/*ピンク*/
a.btn-grade-radius-pink {
	color: #ffffff;
	background: #fff5fe;
	background: -webkit-gradient(linear, left top, left bottom, from(#e845ed), to(#c737cc));
	background: -webkit-linear-gradient(top, #e845ed 0%, #c737cc 100%);
	background: linear-gradient(to bottom, #e845ed 0%, #c737cc 100%);
}
a.btn-grade-radius-pink:hover {
	color: #ffffff;
	background: -webkit-gradient(linear, left bottom, left top, from(#e845ed), to(#c737cc));
	background: -webkit-linear-gradient(bottom, #e845ed 0%, #c737cc 100%);
	background: linear-gradient(to top, #e845ed 0%, #c737cc 100%);
}
.pdf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px 0; }
  .pdf::before {
    font-family: "Font Awesome 5 Free";
    content: '\f1c1';
    font-size: 2.2rem;
    color: red;
    margin-right: 0.8rem; }

.bd1 {
  border: solid 1px #750855; }

.bdt1 {
  border-top: solid 1px #750855; }

.bdb1 {
  border-bottom: solid 1px #750855; }

.bdl1 {
  border-left: solid 1px #750855; }

.bdr1 {
  border-right: solid 1px #750855; }

.bd1_blue {
  border: solid 1px #4884d1; }

.bd1_mizu {
  border: solid 1px #00a8ff; }

.bd1_red {
  border: solid 1px #c41d1d; }

.bd1_orange {
  border: solid 1px #ea7e00; }

.bd1_green {
  border: solid 1px #339900; }

.bd1_purple {
  border: solid 1px #6633ff; }

.bd1_pink {
  border: solid 1px #ff66cc; }

.bd1_yellow {
  border: solid 1px #cbbb00; }

.bd1_black {
  border: solid 1px #000000; }

.bd1_blue_l {
  border: solid 1px #e8f2ff; }

.bd1_red_l {
  border: solid 1px #ffe2e2; }

.bd1_orange_l {
  border: solid 1px #ffe9d0; }

.bd1_green_l {
  border: solid 1px #e6ffd9; }

.bd1_purple_l {
  border: solid 1px #e8e0ff; }

.bd1_pink_l {
  border: solid 1px #ffe8f7; }

.bd1_yellow_l {
  border: solid 1px #fffde5; }

.bd1_gray {
  border: solid 1px #e7e7e7; }

.bdt1_blue {
  border-top: solid 1px #4884d1; }

.bdt1_mizu {
  border-top: solid 1px #00a8ff; }

.bdt1_red {
  border-top: solid 1px #c41d1d; }

.bdt1_orange {
  border-top: solid 1px #ea7e00; }

.bdt1_green {
  border-top: solid 1px #339900; }

.bdt1_purple {
  border-top: solid 1px #6633ff; }

.bdt1_pink {
  border-top: solid 1px #ff66cc; }

.bdt1_yellow {
  border-top: solid 1px #cbbb00; }

.bdt1_black {
  border-top: solid 1px #000000; }

.bdt1_blue_l {
  border-top: solid 1px #e8f2ff; }

.bdt1_red_l {
  border-top: solid 1px #ffe2e2; }

.bdt1_orange_l {
  border-top: solid 1px #ffe9d0; }

.bdt1_green_l {
  border-top: solid 1px #e6ffd9; }

.bdt1_purple_l {
  border-top: solid 1px #e8e0ff; }

.bdt1_pink_l {
  border-top: solid 1px #ffe8f7; }

.bdt1_yellow_l {
  border-top: solid 1px #fffde5; }

.bdt1_gray {
  border-top: solid 1px #e7e7e7; }

.bdb1_blue {
  border-bottom: solid 1px #4884d1; }

.bdb1_mizu {
  border-bottom: solid 1px #00a8ff; }

.bdb1_red {
  border-bottom: solid 1px #c41d1d; }

.bdb1_orange {
  border-bottom: solid 1px #ea7e00; }

.bdb1_green {
  border-bottom: solid 1px #339900; }

.bdb1_purple {
  border-bottom: solid 1px #6633ff; }

.bdb1_pink {
  border-bottom: solid 1px #ff66cc; }

.bdb1_yellow {
  border-bottom: solid 1px #cbbb00; }

.bdb1_black {
  border-bottom: solid 1px #000000; }

.bdb1_blue_l {
  border-bottom: solid 1px #e8f2ff; }

.bdb1_red_l {
  border-bottom: solid 1px #ffe2e2; }

.bdb1_orange_l {
  border-bottom: solid 1px #ffe9d0; }

.bdb1_green_l {
  border-bottom: solid 1px #e6ffd9; }

.bdb1_purple_l {
  border-bottom: solid 1px #e8e0ff; }

.bdb1_pink_l {
  border-bottom: solid 1px #ffe8f7; }

.bdb1_yellow_l {
  border-bottom: solid 1px #fffde5; }

.bdb1_gray {
  border-bottom: solid 1px #e7e7e7; }

.bdl1_blue {
  border-left: solid 1px #4884d1; }

.bdl1_mizu {
  border-left: solid 1px #00a8ff; }

.bdl1_red {
  border-left: solid 1px #c41d1d; }

.bdl1_orange {
  border-left: solid 1px #ea7e00; }

.bdl1_green {
  border-left: solid 1px #339900; }

.bdl1_purple {
  border-left: solid 1px #6633ff; }

.bdl1_pink {
  border-left: solid 1px #ff66cc; }

.bdl1_yellow {
  border-left: solid 1px #cbbb00; }

.bdl1_black {
  border-left: solid 1px #000000; }

.bdl1_blue_l {
  border-left: solid 1px #e8f2ff; }

.bdl1_red_l {
  border-left: solid 1px #ffe2e2; }

.bdl1_orange_l {
  border-left: solid 1px #ffe9d0; }

.bdl1_green_l {
  border-left: solid 1px #e6ffd9; }

.bdl1_purple_l {
  border-left: solid 1px #e8e0ff; }

.bdl1_pink_l {
  border-left: solid 1px #ffe8f7; }

.bdl1_yellow_l {
  border-left: solid 1px #fffde5; }

.bdl1_gray {
  border-left: solid 1px #e7e7e7; }

.bdr1_blue {
  border-right: solid 1px #4884d1; }

.bdr1_mizu {
  border-right: solid 1px #00a8ff; }

.bdr1_red {
  border-right: solid 1px #c41d1d; }

.bdr1_orange {
  border-right: solid 1px #ea7e00; }

.bdr1_green {
  border-right: solid 1px #339900; }

.bdr1_purple {
  border-right: solid 1px #6633ff; }

.bdr1_pink {
  border-right: solid 1px #ff66cc; }

.bdr1_yellow {
  border-right: solid 1px #cbbb00; }

.bdr1_black {
  border-right: solid 1px #000000; }

.bdr1_blue_l {
  border-right: solid 1px #e8f2ff; }

.bdr1_red_l {
  border-right: solid 1px #ffe2e2; }

.bdr1_orange_l {
  border-right: solid 1px #ffe9d0; }

.bdr1_green_l {
  border-right: solid 1px #e6ffd9; }

.bdr1_purple_l {
  border-right: solid 1px #e8e0ff; }

.bdr1_pink_l {
  border-right: solid 1px #ffe8f7; }

.bdr1_yellow_l {
  border-right: solid 1px #fffde5; }

.bdr1_gray {
  border-right: solid 1px #e7e7e7; }

.bd2 {
  border: solid 2px #750855; }

.bdt2 {
  border-top: solid 2px #750855; }

.bdb2 {
  border-bottom: solid 2px #750855; }

.bdl2 {
  border-left: solid 2px #750855; }

.bdr2 {
  border-right: solid 2px #750855; }

.bd2_blue {
  border: solid 2px #4884d1; }

.bd2_mizu {
  border: solid 2px #00a8ff; }

.bd2_red {
  border: solid 2px #c41d1d; }

.bd2_orange {
  border: solid 2px #ea7e00; }

.bd2_green {
  border: solid 2px #339900; }

.bd2_purple {
  border: solid 2px #6633ff; }

.bd2_pink {
  border: solid 2px #ff66cc; }

.bd2_yellow {
  border: solid 2px #cbbb00; }

.bd2_black {
  border: solid 2px #000000; }

.bd2_blue_l {
  border: solid 2px #e8f2ff; }

.bd2_red_l {
  border: solid 2px #ffe2e2; }

.bd2_orange_l {
  border: solid 2px #ffe9d0; }

.bd2_green_l {
  border: solid 2px #e6ffd9; }

.bd2_purple_l {
  border: solid 2px #e8e0ff; }

.bd2_pink_l {
  border: solid 2px #ffe8f7; }

.bd2_yellow_l {
  border: solid 2px #fffde5; }

.bd2_gray {
  border: solid 2px #e7e7e7; }

.bdt2_blue {
  border-top: solid 2px #4884d1; }

.bdt2_mizu {
  border-top: solid 2px #00a8ff; }

.bdt2_red {
  border-top: solid 2px #c41d1d; }

.bdt2_orange {
  border-top: solid 2px #ea7e00; }

.bdt2_green {
  border-top: solid 2px #339900; }

.bdt2_purple {
  border-top: solid 2px #6633ff; }

.bdt2_pink {
  border-top: solid 2px #ff66cc; }

.bdt2_yellow {
  border-top: solid 2px #cbbb00; }

.bdt2_black {
  border-top: solid 2px #000000; }

.bdt2_blue_l {
  border-top: solid 2px #e8f2ff; }

.bdt2_red_l {
  border-top: solid 2px #ffe2e2; }

.bdt2_orange_l {
  border-top: solid 2px #ffe9d0; }

.bdt2_green_l {
  border-top: solid 2px #e6ffd9; }

.bdt2_purple_l {
  border-top: solid 2px #e8e0ff; }

.bdt2_pink_l {
  border-top: solid 2px #ffe8f7; }

.bdt2_yellow_l {
  border-top: solid 2px #fffde5; }

.bdt2_gray {
  border-top: solid 2px #e7e7e7; }

.bdb2_blue {
  border-bottom: solid 2px #4884d1; }

.bdb2_mizu {
  border-bottom: solid 2px #00a8ff; }

.bdb2_red {
  border-bottom: solid 2px #c41d1d; }

.bdb2_orange {
  border-bottom: solid 2px #ea7e00; }

.bdb2_green {
  border-bottom: solid 2px #339900; }

.bdb2_purple {
  border-bottom: solid 2px #6633ff; }

.bdb2_pink {
  border-bottom: solid 2px #ff66cc; }

.bdb2_yellow {
  border-bottom: solid 2px #cbbb00; }

.bdb2_black {
  border-bottom: solid 2px #000000; }

.bdb2_blue_l {
  border-bottom: solid 2px #e8f2ff; }

.bdb2_red_l {
  border-bottom: solid 2px #ffe2e2; }

.bdb2_orange_l {
  border-bottom: solid 2px #ffe9d0; }

.bdb2_green_l {
  border-bottom: solid 2px #e6ffd9; }

.bdb2_purple_l {
  border-bottom: solid 2px #e8e0ff; }

.bdb2_pink_l {
  border-bottom: solid 2px #ffe8f7; }

.bdb2_yellow_l {
  border-bottom: solid 2px #fffde5; }

.bdb2_gray {
  border-bottom: solid 2px #e7e7e7; }

.bdl2_blue {
  border-left: solid 2px #4884d1; }

.bdl2_mizu {
  border-left: solid 2px #00a8ff; }

.bdl2_red {
  border-left: solid 2px #c41d1d; }

.bdl2_orange {
  border-left: solid 2px #ea7e00; }

.bdl2_green {
  border-left: solid 2px #339900; }

.bdl2_purple {
  border-left: solid 2px #6633ff; }

.bdl2_pink {
  border-left: solid 2px #ff66cc; }

.bdl2_yellow {
  border-left: solid 2px #cbbb00; }

.bdl2_black {
  border-left: solid 2px #000000; }

.bdl2_blue_l {
  border-left: solid 2px #e8f2ff; }

.bdl2_red_l {
  border-left: solid 2px #ffe2e2; }

.bdl2_orange_l {
  border-left: solid 2px #ffe9d0; }

.bdl2_green_l {
  border-left: solid 2px #e6ffd9; }

.bdl2_purple_l {
  border-left: solid 2px #e8e0ff; }

.bdl2_pink_l {
  border-left: solid 2px #ffe8f7; }

.bdl2_yellow_l {
  border-left: solid 2px #fffde5; }

.bdl2_gray {
  border-left: solid 2px #e7e7e7; }

.bdr2_blue {
  border-right: solid 2px #4884d1; }

.bdr2_mizu {
  border-right: solid 2px #00a8ff; }

.bdr2_red {
  border-right: solid 2px #c41d1d; }

.bdr2_orange {
  border-right: solid 2px #ea7e00; }

.bdr2_green {
  border-right: solid 2px #339900; }

.bdr2_purple {
  border-right: solid 2px #6633ff; }

.bdr2_pink {
  border-right: solid 2px #ff66cc; }

.bdr2_yellow {
  border-right: solid 2px #cbbb00; }

.bdr2_black {
  border-right: solid 2px #000000; }

.bdr2_blue_l {
  border-right: solid 2px #e8f2ff; }

.bdr2_red_l {
  border-right: solid 2px #ffe2e2; }

.bdr2_orange_l {
  border-right: solid 2px #ffe9d0; }

.bdr2_green_l {
  border-right: solid 2px #e6ffd9; }

.bdr2_purple_l {
  border-right: solid 2px #e8e0ff; }

.bdr2_pink_l {
  border-right: solid 2px #ffe8f7; }

.bdr2_yellow_l {
  border-right: solid 2px #fffde5; }

.bdr2_gray {
  border-right: solid 2px #e7e7e7; }

.bd3 {
  border: solid 3px #750855; }

.bdt3 {
  border-top: solid 3px #750855; }

.bdb3 {
  border-bottom: solid 3px #750855; }

.bdl3 {
  border-left: solid 3px #750855; }

.bdr3 {
  border-right: solid 3px #750855; }

.bd3_blue {
  border: solid 3px #4884d1; }

.bd3_mizu {
  border: solid 3px #00a8ff; }

.bd3_red {
  border: solid 3px #c41d1d; }

.bd3_orange {
  border: solid 3px #ea7e00; }

.bd3_green {
  border: solid 3px #339900; }

.bd3_purple {
  border: solid 3px #6633ff; }

.bd3_pink {
  border: solid 3px #ff66cc; }

.bd3_yellow {
  border: solid 3px #cbbb00; }

.bd3_black {
  border: solid 3px #000000; }

.bd3_blue_l {
  border: solid 3px #e8f2ff; }

.bd3_red_l {
  border: solid 3px #ffe2e2; }

.bd3_orange_l {
  border: solid 3px #ffe9d0; }

.bd3_green_l {
  border: solid 3px #e6ffd9; }

.bd3_purple_l {
  border: solid 3px #e8e0ff; }

.bd3_pink_l {
  border: solid 3px #ffe8f7; }

.bd3_yellow_l {
  border: solid 3px #fffde5; }

.bd3_gray {
  border: solid 3px #e7e7e7; }

.bdt3_blue {
  border-top: solid 3px #4884d1; }

.bdt3_mizu {
  border-top: solid 3px #00a8ff; }

.bdt3_red {
  border-top: solid 3px #c41d1d; }

.bdt3_orange {
  border-top: solid 3px #ea7e00; }

.bdt3_green {
  border-top: solid 3px #339900; }

.bdt3_purple {
  border-top: solid 3px #6633ff; }

.bdt3_pink {
  border-top: solid 3px #ff66cc; }

.bdt3_yellow {
  border-top: solid 3px #cbbb00; }

.bdt3_black {
  border-top: solid 3px #000000; }

.bdt3_blue_l {
  border-top: solid 3px #e8f2ff; }

.bdt3_red_l {
  border-top: solid 3px #ffe2e2; }

.bdt3_orange_l {
  border-top: solid 3px #ffe9d0; }

.bdt3_green_l {
  border-top: solid 3px #e6ffd9; }

.bdt3_purple_l {
  border-top: solid 3px #e8e0ff; }

.bdt3_pink_l {
  border-top: solid 3px #ffe8f7; }

.bdt3_yellow_l {
  border-top: solid 3px #fffde5; }

.bdt3_gray {
  border-top: solid 3px #e7e7e7; }

.bdb3_blue {
  border-bottom: solid 3px #4884d1; }

.bdb3_mizu {
  border-bottom: solid 3px #00a8ff; }

.bdb3_red {
  border-bottom: solid 3px #c41d1d; }

.bdb3_orange {
  border-bottom: solid 3px #ea7e00; }

.bdb3_green {
  border-bottom: solid 3px #339900; }

.bdb3_purple {
  border-bottom: solid 3px #6633ff; }

.bdb3_pink {
  border-bottom: solid 3px #ff66cc; }

.bdb3_yellow {
  border-bottom: solid 3px #cbbb00; }

.bdb3_black {
  border-bottom: solid 3px #000000; }

.bdb3_blue_l {
  border-bottom: solid 3px #e8f2ff; }

.bdb3_red_l {
  border-bottom: solid 3px #ffe2e2; }

.bdb3_orange_l {
  border-bottom: solid 3px #ffe9d0; }

.bdb3_green_l {
  border-bottom: solid 3px #e6ffd9; }

.bdb3_purple_l {
  border-bottom: solid 3px #e8e0ff; }

.bdb3_pink_l {
  border-bottom: solid 3px #ffe8f7; }

.bdb3_yellow_l {
  border-bottom: solid 3px #fffde5; }

.bdb3_gray {
  border-bottom: solid 3px #e7e7e7; }

.bdl3_blue {
  border-left: solid 3px #4884d1; }

.bdl3_mizu {
  border-left: solid 3px #00a8ff; }

.bdl3_red {
  border-left: solid 3px #c41d1d; }

.bdl3_orange {
  border-left: solid 3px #ea7e00; }

.bdl3_green {
  border-left: solid 3px #339900; }

.bdl3_purple {
  border-left: solid 3px #6633ff; }

.bdl3_pink {
  border-left: solid 3px #ff66cc; }

.bdl3_yellow {
  border-left: solid 3px #cbbb00; }

.bdl3_black {
  border-left: solid 3px #000000; }

.bdl3_blue_l {
  border-left: solid 3px #e8f2ff; }

.bdl3_red_l {
  border-left: solid 3px #ffe2e2; }

.bdl3_orange_l {
  border-left: solid 3px #ffe9d0; }

.bdl3_green_l {
  border-left: solid 3px #e6ffd9; }

.bdl3_purple_l {
  border-left: solid 3px #e8e0ff; }

.bdl3_pink_l {
  border-left: solid 3px #ffe8f7; }

.bdl3_yellow_l {
  border-left: solid 3px #fffde5; }

.bdl3_gray {
  border-left: solid 3px #e7e7e7; }

.bdr3_blue {
  border-right: solid 3px #4884d1; }

.bdr3_mizu {
  border-right: solid 3px #00a8ff; }

.bdr3_red {
  border-right: solid 3px #c41d1d; }

.bdr3_orange {
  border-right: solid 3px #ea7e00; }

.bdr3_green {
  border-right: solid 3px #339900; }

.bdr3_purple {
  border-right: solid 3px #6633ff; }

.bdr3_pink {
  border-right: solid 3px #ff66cc; }

.bdr3_yellow {
  border-right: solid 3px #cbbb00; }

.bdr3_black {
  border-right: solid 3px #000000; }

.bdr3_blue_l {
  border-right: solid 3px #e8f2ff; }

.bdr3_red_l {
  border-right: solid 3px #ffe2e2; }

.bdr3_orange_l {
  border-right: solid 3px #ffe9d0; }

.bdr3_green_l {
  border-right: solid 3px #e6ffd9; }

.bdr3_purple_l {
  border-right: solid 3px #e8e0ff; }

.bdr3_pink_l {
  border-right: solid 3px #ffe8f7; }

.bdr3_yellow_l {
  border-right: solid 3px #fffde5; }

.bdr3_gray {
  border-right: solid 3px #e7e7e7; }

.bd4 {
  border: solid 4px #750855; }

.bdt4 {
  border-top: solid 4px #750855; }

.bdb4 {
  border-bottom: solid 4px #750855; }

.bdl4 {
  border-left: solid 4px #750855; }

.bdr4 {
  border-right: solid 4px #750855; }

.bd4_blue {
  border: solid 4px #4884d1; }

.bd4_mizu {
  border: solid 4px #00a8ff; }

.bd4_red {
  border: solid 4px #c41d1d; }

.bd4_orange {
  border: solid 4px #ea7e00; }

.bd4_green {
  border: solid 4px #339900; }

.bd4_purple {
  border: solid 4px #6633ff; }

.bd4_pink {
  border: solid 4px #ff66cc; }

.bd4_yellow {
  border: solid 4px #cbbb00; }

.bd4_black {
  border: solid 4px #000000; }

.bd4_blue_l {
  border: solid 4px #e8f2ff; }

.bd4_red_l {
  border: solid 4px #ffe2e2; }

.bd4_orange_l {
  border: solid 4px #ffe9d0; }

.bd4_green_l {
  border: solid 4px #e6ffd9; }

.bd4_purple_l {
  border: solid 4px #e8e0ff; }

.bd4_pink_l {
  border: solid 4px #ffe8f7; }

.bd4_yellow_l {
  border: solid 4px #fffde5; }

.bd4_gray {
  border: solid 4px #e7e7e7; }

.bdt4_blue {
  border-top: solid 4px #4884d1; }

.bdt4_mizu {
  border-top: solid 4px #00a8ff; }

.bdt4_red {
  border-top: solid 4px #c41d1d; }

.bdt4_orange {
  border-top: solid 4px #ea7e00; }

.bdt4_green {
  border-top: solid 4px #339900; }

.bdt4_purple {
  border-top: solid 4px #6633ff; }

.bdt4_pink {
  border-top: solid 4px #ff66cc; }

.bdt4_yellow {
  border-top: solid 4px #cbbb00; }

.bdt4_black {
  border-top: solid 4px #000000; }

.bdt4_blue_l {
  border-top: solid 4px #e8f2ff; }

.bdt4_red_l {
  border-top: solid 4px #ffe2e2; }

.bdt4_orange_l {
  border-top: solid 4px #ffe9d0; }

.bdt4_green_l {
  border-top: solid 4px #e6ffd9; }

.bdt4_purple_l {
  border-top: solid 4px #e8e0ff; }

.bdt4_pink_l {
  border-top: solid 4px #ffe8f7; }

.bdt4_yellow_l {
  border-top: solid 4px #fffde5; }

.bdt4_gray {
  border-top: solid 4px #e7e7e7; }

.bdb4_blue {
  border-bottom: solid 4px #4884d1; }

.bdb4_mizu {
  border-bottom: solid 4px #00a8ff; }

.bdb4_red {
  border-bottom: solid 4px #c41d1d; }

.bdb4_orange {
  border-bottom: solid 4px #ea7e00; }

.bdb4_green {
  border-bottom: solid 4px #339900; }

.bdb4_purple {
  border-bottom: solid 4px #6633ff; }

.bdb4_pink {
  border-bottom: solid 4px #ff66cc; }

.bdb4_yellow {
  border-bottom: solid 4px #cbbb00; }

.bdb4_black {
  border-bottom: solid 4px #000000; }

.bdb4_blue_l {
  border-bottom: solid 4px #e8f2ff; }

.bdb4_red_l {
  border-bottom: solid 4px #ffe2e2; }

.bdb4_orange_l {
  border-bottom: solid 4px #ffe9d0; }

.bdb4_green_l {
  border-bottom: solid 4px #e6ffd9; }

.bdb4_purple_l {
  border-bottom: solid 4px #e8e0ff; }

.bdb4_pink_l {
  border-bottom: solid 4px #ffe8f7; }

.bdb4_yellow_l {
  border-bottom: solid 4px #fffde5; }

.bdb4_gray {
  border-bottom: solid 4px #e7e7e7; }

.bdl4_blue {
  border-left: solid 4px #4884d1; }

.bdl4_mizu {
  border-left: solid 4px #00a8ff; }

.bdl4_red {
  border-left: solid 4px #c41d1d; }

.bdl4_orange {
  border-left: solid 4px #ea7e00; }

.bdl4_green {
  border-left: solid 4px #339900; }

.bdl4_purple {
  border-left: solid 4px #6633ff; }

.bdl4_pink {
  border-left: solid 4px #ff66cc; }

.bdl4_yellow {
  border-left: solid 4px #cbbb00; }

.bdl4_black {
  border-left: solid 4px #000000; }

.bdl4_blue_l {
  border-left: solid 4px #e8f2ff; }

.bdl4_red_l {
  border-left: solid 4px #ffe2e2; }

.bdl4_orange_l {
  border-left: solid 4px #ffe9d0; }

.bdl4_green_l {
  border-left: solid 4px #e6ffd9; }

.bdl4_purple_l {
  border-left: solid 4px #e8e0ff; }

.bdl4_pink_l {
  border-left: solid 4px #ffe8f7; }

.bdl4_yellow_l {
  border-left: solid 4px #fffde5; }

.bdl4_gray {
  border-left: solid 4px #e7e7e7; }

.bdr4_blue {
  border-right: solid 4px #4884d1; }

.bdr4_mizu {
  border-right: solid 4px #00a8ff; }

.bdr4_red {
  border-right: solid 4px #c41d1d; }

.bdr4_orange {
  border-right: solid 4px #ea7e00; }

.bdr4_green {
  border-right: solid 4px #339900; }

.bdr4_purple {
  border-right: solid 4px #6633ff; }

.bdr4_pink {
  border-right: solid 4px #ff66cc; }

.bdr4_yellow {
  border-right: solid 4px #cbbb00; }

.bdr4_black {
  border-right: solid 4px #000000; }

.bdr4_blue_l {
  border-right: solid 4px #e8f2ff; }

.bdr4_red_l {
  border-right: solid 4px #ffe2e2; }

.bdr4_orange_l {
  border-right: solid 4px #ffe9d0; }

.bdr4_green_l {
  border-right: solid 4px #e6ffd9; }

.bdr4_purple_l {
  border-right: solid 4px #e8e0ff; }

.bdr4_pink_l {
  border-right: solid 4px #ffe8f7; }

.bdr4_yellow_l {
  border-right: solid 4px #fffde5; }

.bdr4_gray {
  border-right: solid 4px #e7e7e7; }

.bd5 {
  border: solid 5px #750855; }

.bdt5 {
  border-top: solid 5px #750855; }

.bdb5 {
  border-bottom: solid 5px #750855; }

.bdl5 {
  border-left: solid 5px #750855; }

.bdr5 {
  border-right: solid 5px #750855; }

.bd5_blue {
  border: solid 5px #4884d1; }

.bd5_mizu {
  border: solid 5px #00a8ff; }

.bd5_red {
  border: solid 5px #c41d1d; }

.bd5_orange {
  border: solid 5px #ea7e00; }

.bd5_green {
  border: solid 5px #339900; }

.bd5_purple {
  border: solid 5px #6633ff; }

.bd5_pink {
  border: solid 5px #ff66cc; }

.bd5_yellow {
  border: solid 5px #cbbb00; }

.bd5_black {
  border: solid 5px #000000; }

.bd5_blue_l {
  border: solid 5px #e8f2ff; }

.bd5_red_l {
  border: solid 5px #ffe2e2; }

.bd5_orange_l {
  border: solid 5px #ffe9d0; }

.bd5_green_l {
  border: solid 5px #e6ffd9; }

.bd5_purple_l {
  border: solid 5px #e8e0ff; }

.bd5_pink_l {
  border: solid 5px #ffe8f7; }

.bd5_yellow_l {
  border: solid 5px #fffde5; }

.bd5_gray {
  border: solid 5px #e7e7e7; }

.bdt5_blue {
  border-top: solid 5px #4884d1; }

.bdt5_mizu {
  border-top: solid 5px #00a8ff; }

.bdt5_red {
  border-top: solid 5px #c41d1d; }

.bdt5_orange {
  border-top: solid 5px #ea7e00; }

.bdt5_green {
  border-top: solid 5px #339900; }

.bdt5_purple {
  border-top: solid 5px #6633ff; }

.bdt5_pink {
  border-top: solid 5px #ff66cc; }

.bdt5_yellow {
  border-top: solid 5px #cbbb00; }

.bdt5_black {
  border-top: solid 5px #000000; }

.bdt5_blue_l {
  border-top: solid 5px #e8f2ff; }

.bdt5_red_l {
  border-top: solid 5px #ffe2e2; }

.bdt5_orange_l {
  border-top: solid 5px #ffe9d0; }

.bdt5_green_l {
  border-top: solid 5px #e6ffd9; }

.bdt5_purple_l {
  border-top: solid 5px #e8e0ff; }

.bdt5_pink_l {
  border-top: solid 5px #ffe8f7; }

.bdt5_yellow_l {
  border-top: solid 5px #fffde5; }

.bdt5_gray {
  border-top: solid 5px #e7e7e7; }

.bdb5_blue {
  border-bottom: solid 5px #4884d1; }

.bdb5_mizu {
  border-bottom: solid 5px #00a8ff; }

.bdb5_red {
  border-bottom: solid 5px #c41d1d; }

.bdb5_orange {
  border-bottom: solid 5px #ea7e00; }

.bdb5_green {
  border-bottom: solid 5px #339900; }

.bdb5_purple {
  border-bottom: solid 5px #6633ff; }

.bdb5_pink {
  border-bottom: solid 5px #ff66cc; }

.bdb5_yellow {
  border-bottom: solid 5px #cbbb00; }

.bdb5_black {
  border-bottom: solid 5px #000000; }

.bdb5_blue_l {
  border-bottom: solid 5px #e8f2ff; }

.bdb5_red_l {
  border-bottom: solid 5px #ffe2e2; }

.bdb5_orange_l {
  border-bottom: solid 5px #ffe9d0; }

.bdb5_green_l {
  border-bottom: solid 5px #e6ffd9; }

.bdb5_purple_l {
  border-bottom: solid 5px #e8e0ff; }

.bdb5_pink_l {
  border-bottom: solid 5px #ffe8f7; }

.bdb5_yellow_l {
  border-bottom: solid 5px #fffde5; }

.bdb5_gray {
  border-bottom: solid 5px #e7e7e7; }

.bdl5_blue {
  border-left: solid 5px #4884d1; }

.bdl5_mizu {
  border-left: solid 5px #00a8ff; }

.bdl5_red {
  border-left: solid 5px #c41d1d; }

.bdl5_orange {
  border-left: solid 5px #ea7e00; }

.bdl5_green {
  border-left: solid 5px #339900; }

.bdl5_purple {
  border-left: solid 5px #6633ff; }

.bdl5_pink {
  border-left: solid 5px #ff66cc; }

.bdl5_yellow {
  border-left: solid 5px #cbbb00; }

.bdl5_black {
  border-left: solid 5px #000000; }

.bdl5_blue_l {
  border-left: solid 5px #e8f2ff; }

.bdl5_red_l {
  border-left: solid 5px #ffe2e2; }

.bdl5_orange_l {
  border-left: solid 5px #ffe9d0; }

.bdl5_green_l {
  border-left: solid 5px #e6ffd9; }

.bdl5_purple_l {
  border-left: solid 5px #e8e0ff; }

.bdl5_pink_l {
  border-left: solid 5px #ffe8f7; }

.bdl5_yellow_l {
  border-left: solid 5px #fffde5; }

.bdl5_gray {
  border-left: solid 5px #e7e7e7; }

.bdr5_blue {
  border-right: solid 5px #4884d1; }

.bdr5_mizu {
  border-right: solid 5px #00a8ff; }

.bdr5_red {
  border-right: solid 5px #c41d1d; }

.bdr5_orange {
  border-right: solid 5px #ea7e00; }

.bdr5_green {
  border-right: solid 5px #339900; }

.bdr5_purple {
  border-right: solid 5px #6633ff; }

.bdr5_pink {
  border-right: solid 5px #ff66cc; }

.bdr5_yellow {
  border-right: solid 5px #cbbb00; }

.bdr5_black {
  border-right: solid 5px #000000; }

.bdr5_blue_l {
  border-right: solid 5px #e8f2ff; }

.bdr5_red_l {
  border-right: solid 5px #ffe2e2; }

.bdr5_orange_l {
  border-right: solid 5px #ffe9d0; }

.bdr5_green_l {
  border-right: solid 5px #e6ffd9; }

.bdr5_purple_l {
  border-right: solid 5px #e8e0ff; }

.bdr5_pink_l {
  border-right: solid 5px #ffe8f7; }

.bdr5_yellow_l {
  border-right: solid 5px #fffde5; }

.bdr5_gray {
  border-right: solid 5px #e7e7e7; }

dl.glossary {
  margin: 2.0rem 0; }
  dl.glossary dt {
    border-radius: 6px;
    font-weight: bold;
    color: #000;
    font-size: 1.6rem;
    padding: 0.3rem 3.0rem 0.3rem 2.0rem;
    border: solid 1px #dddedf; }
    dl.glossary dt::before {
      font-family: "Font Awesome 5 Free";
      content: '\f518';
      font-weight: bold;
      font-size: 1.4rem;
      color: #ea7e00;
      margin-right: 0.8rem; }
  dl.glossary dd {
    border-radius: 0 0 6px 6px;
    padding: 1.0rem  2.0rem 1.0rem 2.0rem;
    background: #f9f8f3;
    margin-top: 0.2rem; }
    dl.glossary dd:not(:last-of-type) {
      margin-bottom: 3.0rem; }

  dl.glossary dd *:last-of-type {
		margin-bottom:0;
    }

.accordion .ac_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  background: #fffdf0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  padding: 10px 10px 10px 40px;
  font-size: 1.6rem;
  font-weight: bold; }
  .accordion .ac_ttl::before {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    color: orange;
    font-family: "Font Awesome 5 Free";
    content: '\f0fe';
    font-size: 1.8rem;
    font-weight: bold;
    position: absolute;
    left: 10px; }
  .accordion .ac_ttl.ac_open::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.accordion .ac_body {
  position: relative;
  display: none;
  padding: 20px 20px 40px 20px; }
  .accordion .ac_body .ac_btn {
    display: block;
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: solid 1px #f8f0c9; }
    .accordion .ac_body .ac_btn::after {
      width: 160px;
      text-align: center;
      background: orange;
      color: #fff;
      font-family: "Font Awesome 5 Free";
      content: '\f00d';
      font-size: 1.8rem;
      font-weight: bold;
      position: absolute;
      bottom: -10px;
      left: calc(50% - 80px);
      border-radius: 0 0 4px 4px;
      cursor: pointer; }

.tate {
  display: inline-block;
  text-align: left;
	line-height:1em;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl; }

/* table
*****************************************************/

/* 一般 */
table {
  width: 100%;
  border: solid 1px #CCCCCC;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 2.0rem; }
  table th {
    text-align: center;
    white-space: nowrap; }
    table th *:last-child {
      margin-bottom: 0; }
  table th, table td {
    border: solid 1px #CCCCCC;
    padding: 0.3rem; }
    table th *:last-child, table td *:last-child {
      margin-bottom: 0; }

table.no-border,
table.no-border tr,
table.no-border th,
table.no-border td {
	border:none !important;
}

.sort::after {
  position: relative;
  display: inline-block;
  content: '';
  background-image: url(../img/sort.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 12px;
  height: 15px;
  margin-left: 10px;
  top: 2px; }

/* テーブルデザイン */
table.tbl-design1 {
  border: solid 0px #ffffff !important;
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
      box-shadow: 0 0 5px -2px rgba(0,0,0,0.2);
}
table.tbl-design1 tr {
  background-color: #fff;
}
table.tbl-design1 tbody tr:hover{
  background-color: #f2f2f2;
}
table.tbl-design1 th,
table.tbl-design1 td {
  padding: .12em 0.4em;
  border-bottom: 1px solid #eee;
  border-left: solid 0px #ffffff !important;
  border-right: solid 0px #ffffff !important;
  border-top: solid 0px #ffffff !important;

}
table.tbl-design1 thead th {
    font-size: .85em;
    padding: 0.15em;
}
table.tbl-design1 thead tr{
  background-color: #dedede;
}
table.tbl-design1 tbody th {
  text-align: left;
  font-size: .8em;
  background-color: #e3e3e3;
}

/* テーブルデザインオンカジおすすめ用 */
table.tbl-design2 {
  border: solid 0px #ffffff !important;
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
      box-shadow: 0 0 7px -2px rgba(0,0,0,0.5);
}
table.tbl-design2 tr {
  background-color: #fff;
}
table.tbl-design2 tbody tr:hover{
  background-color: #f0f0f0;
}
table.tbl-design2 th,
table.tbl-design2 td {
  padding: .12em 0.4em;
  border-bottom: 1px solid #eee;
  border-left: solid 0px #ffffff !important;
  border-right: solid 0px #ffffff !important;
  border-top: solid 0px #ffffff !important;

}
table.tbl-design2 thead th {
    font-size: .85em;
    padding: 0.15em;
}
table.tbl-design2 thead tr{
  background-color: #dedede;
}
table.tbl-design2 tbody th {
  text-align: left;
  font-size: .8em;
}


.txt{
   text-align: left;
   font-size: .75em;
}
.price{
  text-align: right;
  color: #000;
  font-weight: bold;
}


.sort.desc::after {
  background-image: url(../img/sort_desc.svg); }

.sort.asc::after {
  background-image: url(../img/sort_asc.svg); }

.list {
  color: #000;
  margin-bottom: 3.0rem; }
  .list.blue li::before {
    background-color: #4884d1; }
  .list.mizu li::before {
    background-color: #00a8ff; }
  .list.red li::before {
    background-color: #c41d1d; }
  .list.orange li::before {
    background-color: #ea7e00; }
  .list.green li::before {
    background-color: #339900; }
  .list.purple li::before {
    background-color: #6633ff; }
  .list.pink li::before {
    background-color: #ff66cc; }
  .list.yellow li::before {
    background-color: #cbbb00; }
  .list.black li::before {
    background-color: #000000; }
  .list.gray li::before {
    background-color: #999999; }
  .list li {
    margin: 0 0 5px 20px;
    text-indent: -20px;
    font-weight: bold;
    text-align: left; }
    .list li::before {
      content: '';
      display: inline-block;
      width: 10px;
      height: 10px;
      margin-right: 10px; }
    .list li.blue::before {
      background-color: #4884d1; }
    .list li.mizu::before {
      background-color: #00a8ff; }
    .list li.red::before {
      background-color: #c41d1d; }
    .list li.orange::before {
      background-color: #ea7e00; }
    .list li.green::before {
      background-color: #339900; }
    .list li.purple::before {
      background-color: #6633ff; }
    .list li.pink::before {
      background-color: #ff66cc; }
    .list li.yellow::before {
      background-color: #cbbb00; }
    .list li.black::before {
      background-color: #000000; }
    .list li.gray::before {
      background-color: #999999; }

.olist {
  color: #000;
  margin-bottom: 3.0rem; }
  .olist.blue li::before {
    background-color: #4884d1; }
  .olist.mizu li::before {
    background-color: #00a8ff; }
  .olist.red li::before {
    background-color: #c41d1d; }
  .olist.orange li::before {
    background-color: #ea7e00; }
  .olist.green li::before {
    background-color: #339900; }
  .olist.purple li::before {
    background-color: #6633ff; }
  .olist.pink li::before {
    background-color: #ff66cc; }
  .olist.yellow li::before {
    background-color: #cbbb00; }
  .olist.black li::before {
    background-color: #000000; }
  .olist.gray li::before {
    background-color: #999999; }
  .olist li {
    position: relative;
    margin-bottom: 10px;
    font-weight: bold;
    position: relative;
    padding-left: 40px;
    line-height: 3.0rem; }
    .olist li:first-of-type {
      counter-reset: number; }
    .olist li::before {
      position: absolute;
      top: 0;
      left: 0;
      counter-increment: number;
      content: counter(number) "";
      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;
      color: #fff;
      margin-right: 10px;
      width: 30px;
      height: 30px; }
    .olist li.blue::before {
      background-color: #4884d1; }
    .olist li.mizu::before {
      background-color: #00a8ff; }
    .olist li.red::before {
      background-color: #c41d1d; }
    .olist li.orange::before {
      background-color: #ea7e00; }
    .olist li.green::before {
      background-color: #339900; }
    .olist li.purple::before {
      background-color: #6633ff; }
    .olist li.pink::before {
      background-color: #ff66cc; }
    .olist li.yellow::before {
      background-color: #cbbb00; }
    .olist li.black::before {
      background-color: #000000; }
    .olist li.gray::before {
      background-color: #999999; }

.flow {
  color: #000;
  margin-bottom: 3.0rem; }
  .flow.blue li::before {
    background-color: #4884d1; }
  .flow.mizu li::before {
    background-color: #00a8ff; }
  .flow.red li::before {
    background-color: #c41d1d; }
  .flow.orange li::before {
    background-color: #ea7e00; }
  .flow.green li::before {
    background-color: #339900; }
  .flow.purple li::before {
    background-color: #6633ff; }
  .flow.pink li::before {
    background-color: #ff66cc; }
  .flow.yellow li::before {
    background-color: #cbbb00; }
  .flow.black li::before {
    background-color: #000000; }
  .flow li {
    margin-bottom: 20px;
    font-weight: bold;
    position: relative;
    padding-left: 40px;
    line-height: 3.0rem; }
    .flow li:not(:last-of-type)::after {
      font-family: "Font Awesome 5 Free";
      content: '\f0d7';
      font-size: 1.2rem;
      position: absolute;
      top: 25px;
      left: 11px;
      color: #333333; }
    .flow li:first-of-type {
      counter-reset: number; }
    .flow li::before {
      position: absolute;
      top: 0;
      left: 0;
      counter-increment: number;
      content: counter(number) "";
      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;
      color: #fff;
      margin-right: 10px;
      width: 30px;
      height: 30px; }
    .flow li.blue::before {
      background-color: #4884d1; }
    .flow li.mizu::before {
      background-color: #00a8ff; }
    .flow li.red::before {
      background-color: #c41d1d; }
    .flow li.orange::before {
      background-color: #ea7e00; }
    .flow li.green::before {
      background-color: #339900; }
    .flow li.purple::before {
      background-color: #6633ff; }
    .flow li.pink::before {
      background-color: #ff66cc; }
    .flow li.yellow::before {
      background-color: #cbbb00; }
    .flow li.black::before {
      background-color: #000000; }

.bg_blue {
  background-color: #4884d1;
  color: #fff; }

.bg_mizu {
  background-color: #00a8ff;
  color: #fff; }

.bg_red {
  background-color: #c41d1d;
  color: #fff; }

.bg_orange {
  background-color: #ea7e00;
  color: #fff; }

.bg_green {
  background-color: #339900;
  color: #fff; }

.bg_purple {
  background-color: #6633ff;
  color: #fff; }

.bg_pink {
  background-color: #ff66cc;
  color: #fff; }

.bg_yellow {
  background-color: #cbbb00;
  color: #fff; }

.bg_black {
  background-color: #000000;
  color: #fff; }

.bg_gray {
  background-color: #e7e7e7; }

.bg_gray_l {
  background-color: #efefef; }

.bg_white {
  background-color: #ffffff; }

.bg_blue_l {
  background-color: #e8f2ff; }

.bg_red_l {
  background-color: #ffe2e2; }

.bg_orange_l {
  background-color: #ffe9d0; }

.bg_green_l {
  background-color: #e6ffd9; }

.bg_purple_l {
  background-color: #e8e0ff; }

.bg_pink_l {
  background-color: #ffe8f7; }

.bg_yellow_l {
  background-color: #fffde5; }

.flex-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }
  .flex-table.border {
    border-left: solid 1px #dddedf; }
    .flex-table.border div {
      border: solid 1px #dddedf;
      border-left: none; }

  .flex-table.center div {
    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; }
    .flex-table div.block {
      display: block; }


.highlight {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  margin: 0 3px;
  padding: 0px 8px; }
  .highlight.blue {
    background-color: #4884d1; }
  .highlight.mizu {
    background-color: #00a8ff; }
  .highlight.red {
    background-color: #c41d1d; }
  .highlight.orange {
    background-color: #ea7e00; }
  .highlight.green {
    background-color: #339900; }
  .highlight.purple {
    background-color: #6633ff; }
  .highlight.pink {
    background-color: #ff66cc; }
  .highlight.yellow {
    background-color: #cbbb00; }
  .highlight.black {
    background-color: #000000; }

.hl_blue {
  line-height:2.0rem;
  display: inline-block;
  font-weight: bold;
  color: #fff;
  margin: 0 3px;
  padding:4px 8px 0px 8px;
  background-color: #4884d1; }

.hl_mizu {
  line-height:2.0rem;
  display: inline-block;
  font-weight: bold;
  color: #fff;
  margin: 0 3px;
  padding:4px 8px 0px 8px;
  background-color: #00a8ff; }

.hl_red {
  line-height:2.0rem;
  display: inline-block;
  font-weight: bold;
  color: #fff;
  margin: 0 3px;
  padding:4px 8px 0px 8px;
  background-color: #c41d1d; }

.hl_orange {
  line-height:2.0rem;
  display: inline-block;
  font-weight: bold;
  color: #fff;
  margin: 0 3px;
  padding:4px 8px 0px 8px;
  background-color: #ea7e00; }

.hl_green {
  line-height:2.0rem;
  display: inline-block;
  font-weight: bold;
  color: #fff;
  margin: 0 3px;
  padding:4px 8px 0px 8px;
  background-color: #339900; }

.hl_purple {
  line-height:2.0rem;
  display: inline-block;
  font-weight: bold;
  color: #fff;
  margin: 0 3px;
  padding:4px 8px 0px 8px;
  background-color: #6633ff; }

.hl_pink {
  line-height:2.0rem;
  display: inline-block;
  font-weight: bold;
  color: #fff;
  margin: 0 3px;
  padding:4px 8px 0px 8px;
  background-color: #ff66cc; }

.hl_yellow {
  line-height:2.0rem;
  display: inline-block;
  font-weight: bold;
  color: #fff;
  margin: 0 3px;
  padding:4px 8px 0px 8px;
  background-color: #cbbb00; }

.hl_black {
  line-height:2.0rem;
  display: inline-block;
  font-weight: bold;
  color: #fff;
  margin: 0 3px;
  padding:4px 8px 0px 8px;
  background-color: #000000; }

.c_blue {
  color: #4884d1; }

.c_mizu {
  color: #00a8ff; }

.c_red {
  color: #c41d1d; }

.c_orange {
  color: #ea7e00; }

.c_green {
  color: #339900; }

.c_purple {
  color: #6633ff; }

.c_pink {
  color: #ff66cc; }

.c_yellow {
  color: #cbbb00; }

.c_black {
  color: #000000; }

.c_white {
  color: #ffffff !important; }

.center {
  text-align: center; }

.youtube {
  max-width: 100%;
  text-align: center; }
  .youtube iframe {
    max-width: 100%; }

dl.point.blue dt {
  display: inline-block;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 2.0rem;
  background-color: #4884d1;
  color: #ffffff;
  padding: 0 2.0rem;
  border-radius: 4px;
  position: relative;
  left: 10px;
  top: 14px; }

dl.point.blue dd {
  padding: 2.5rem 2.0rem 2.0rem 2.0rem;
  border: solid 2px #4884d1;
  border-radius: 4px;
  margin-bottom: 2.0rem; }
  dl.point.blue dd *:last-child {
    margin-bottom: 0; }

dl.point.mizu dt {
  display: inline-block;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 2.0rem;
  background-color: #00a8ff;
  color: #ffffff;
  padding: 0 2.0rem;
  border-radius: 4px;
  position: relative;
  left: 10px;
  top: 14px; }

dl.point.mizu dd {
  padding: 2.5rem 2.0rem 2.0rem 2.0rem;
  border: solid 2px #00a8ff;
  border-radius: 4px;
  margin-bottom: 2.0rem; }
  dl.point.mizu dd *:last-child {
    margin-bottom: 0; }

dl.point.red dt {
  display: inline-block;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 2.0rem;
  background-color: #c41d1d;
  color: #ffffff;
  padding: 0 2.0rem;
  border-radius: 4px;
  position: relative;
  left: 10px;
  top: 14px; }

dl.point.red dd {
  padding: 2.5rem 2.0rem 2.0rem 2.0rem;
  border: solid 2px #c41d1d;
  border-radius: 4px;
  margin-bottom: 2.0rem; }
  dl.point.red dd *:last-child {
    margin-bottom: 0; }

dl.point.orange dt {
  display: inline-block;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 2.0rem;
  background-color: #ea7e00;
  color: #ffffff;
  padding: 0 2.0rem;
  border-radius: 4px;
  position: relative;
  left: 10px;
  top: 14px; }

dl.point.orange dd {
  padding: 2.5rem 2.0rem 2.0rem 2.0rem;
  border: solid 2px #ea7e00;
  border-radius: 4px;
  margin-bottom: 2.0rem; }
  dl.point.orange dd *:last-child {
    margin-bottom: 0; }

dl.point.green dt {
  display: inline-block;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 2.0rem;
  background-color: #339900;
  color: #ffffff;
  padding: 0 2.0rem;
  border-radius: 4px;
  position: relative;
  left: 10px;
  top: 14px; }

dl.point.green dd {
  padding: 2.5rem 2.0rem 2.0rem 2.0rem;
  border: solid 2px #339900;
  border-radius: 4px;
  margin-bottom: 2.0rem; }
  dl.point.green dd *:last-child {
    margin-bottom: 0; }

dl.point.purple dt {
  display: inline-block;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 2.0rem;
  background-color: #6633ff;
  color: #ffffff;
  padding: 0 2.0rem;
  border-radius: 4px;
  position: relative;
  left: 10px;
  top: 14px; }

dl.point.purple dd {
  padding: 2.5rem 2.0rem 2.0rem 2.0rem;
  border: solid 2px #6633ff;
  border-radius: 4px;
  margin-bottom: 2.0rem; }
  dl.point.purple dd *:last-child {
    margin-bottom: 0; }

dl.point.pink dt {
  display: inline-block;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 2.0rem;
  background-color: #ff66cc;
  color: #ffffff;
  padding: 0 2.0rem;
  border-radius: 4px;
  position: relative;
  left: 10px;
  top: 14px; }

dl.point.pink dd {
  padding: 2.5rem 2.0rem 2.0rem 2.0rem;
  border: solid 2px #ff66cc;
  border-radius: 4px;
  margin-bottom: 2.0rem; }
  dl.point.pink dd *:last-child {
    margin-bottom: 0; }

dl.point.yellow dt {
  display: inline-block;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 2.0rem;
  background-color: #cbbb00;
  color: #ffffff;
  padding: 0 2.0rem;
  border-radius: 4px;
  position: relative;
  left: 10px;
  top: 14px; }

dl.point.yellow dd {
  padding: 2.5rem 2.0rem 2.0rem 2.0rem;
  border: solid 2px #cbbb00;
  border-radius: 4px;
  margin-bottom: 2.0rem; }
  dl.point.yellow dd *:last-child {
    margin-bottom: 0; }

dl.point.black dt {
  display: inline-block;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 2.0rem;
  background-color: #000000;
  color: #ffffff;
  padding: 0 2.0rem;
  border-radius: 4px;
  position: relative;
  left: 10px;
  top: 14px; }

dl.point.black dd {
  padding: 2.5rem 2.0rem 2.0rem 2.0rem;
  border: solid 2px #000000;
  border-radius: 4px;
  margin-bottom: 2.0rem; }
  dl.point.black dd *:last-child {
    margin-bottom: 0; }

/* オンカジ基本情報ユニット
*****************************************************/

/* スマホ版は sp_article.cssにも記述 */
.casino_intro {
  box-shadow: 0 0 6px #adada5;
  border-radius: 8px;
  margin: 80px 0; }
  .casino_intro > dt {
    position: relative;
    background-image: radial-gradient(circle, rgba(226, 212, 3, 1) 20%, rgba(228, 183, 0, 1) 63%);
    border-radius: 8px 8px 0 0;
    color: #ffffff;
    text-align: center;
    font-size: 3.2rem;
    text-shadow:1px 1px 0 #73600d;
    font-weight: bold;
    padding:18px 0 18px 0;
    height: 120px !important;}
    .casino_intro > dt.pink {
      background: #ff66cc; }
    .casino_intro > dt p {
      margin: 0;}
    .casino_intro > dt h2, .casino_intro > dt h3 {
      background: none;
      color: #fff;
      border: none;
      margin: 0;
      padding: 0;
      font-size: 2.4rem !important; }
    .casino_intro > dt div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: absolute;
      top: -30px;
      left: 20px;
      background: rgb(249,195,0);
      background: linear-gradient(90deg, rgba(249,195,0,1) 0%, rgba(255,207,31,1) 40%, rgba(255,207,31,1) 60%, rgba(249,195,0,1) 100%);
      width: 120px;
      height: 120px;
      color:#eb00b8 !important;
      text-shadow    : 
      2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
      2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
      2px  0px 1px #ffffff,
      0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
      0px -2px 1px #ffffff;        /* 文字の影 */
      border-radius: 50%;
      font-size: 1.6rem;
      border: solid 5px #e3c900;
      -webkit-box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.3), inset -1px -1px 0 rgba(255, 255, 255, 0.5), 0 5px 5px 0 rgba(173, 136, 0, .5);
      box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.3), inset -1px -1px 0 rgba(255, 255, 255, 0.5), 0 5px 5px 0 rgba(173, 136, 0, .5);}
      .casino_intro > dt div b {
        font-size: 2.4rem;
        line-height: 2.2rem;
        display: block; }
  .casino_intro > dd {
    padding: 15px 10px 10px 10px; }
    .casino_intro > dd .os {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 10px; }
      .casino_intro > dd .os li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 4px;
        margin-right: 5px;
        padding: 4px;
        color: #fff; }
        .casino_intro > dd .os li::before {
          font-family: 'icomoon' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          font-size: 1.6rem;
          margin-right: 5px; }
        .casino_intro > dd .os li::after {
          font-size: 1.0rem;
          font-weight: bold; }
      .casino_intro > dd .os .windows {
        background: #2aabe2; }
        .casino_intro > dd .os .windows::before {
          content: "\eac2"; }
        .casino_intro > dd .os .windows::after {
          content: "Windows"; }
      .casino_intro > dd .os .apple {
        background: #aab2bd; }
        .casino_intro > dd .os .apple::before {
          content: "\eabe"; }
        .casino_intro > dd .os .apple::after {
          content: "iOS / Mac"; }
      .casino_intro > dd .os .android {
        background: #97c024; }
        .casino_intro > dd .os .android::before {
          content: "\eac0"; }
        .casino_intro > dd .os .android::after {
          content: "Android"; }

    .casino_intro > dl .eval {
      border:1px solid #cccccc;}
    .casino_intro > dd .eval {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      line-height: 2.0rem; }
      .casino_intro > dd .eval dt {
        padding: 3px;
        width: 50%;
        border-bottom: dotted 1px #ccc; }
      .casino_intro > dd .eval dd {
        padding: 3px;
        width: 50%;
        border-bottom: dotted 1px #ddd;
        color: #ff33ff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: right; !important;
        font-weight: bold; }
        .casino_intro > dd .eval dd.star1 span, .casino_intro > dd .eval dd.star1-5 span, .casino_intro > dd .eval dd.star2 span, .casino_intro > dd .eval dd.star2-5 span, .casino_intro > dd .eval dd.star3 span, .casino_intro > dd .eval dd.star3-5 span, .casino_intro > dd .eval dd.star4 span, .casino_intro > dd .eval dd.star4-5 span, .casino_intro > dd .eval dd.star5 span {
          letter-spacing: 0.4rem; }
          .casino_intro > dd .eval dd.star1 span::before, .casino_intro > dd .eval dd.star1-5 span::before, .casino_intro > dd .eval dd.star2 span::before, .casino_intro > dd .eval dd.star2-5 span::before, .casino_intro > dd .eval dd.star3 span::before, .casino_intro > dd .eval dd.star3-5 span::before, .casino_intro > dd .eval dd.star4 span::before, .casino_intro > dd .eval dd.star4-5 span::before, .casino_intro > dd .eval dd.star5 span::before {
            color: #ffb400;
            font-family: "Font Awesome 5 Free";
            font-size: 1.6rem;
            font-weight: 900; }
          .casino_intro > dd .eval dd.star1 span::after, .casino_intro > dd .eval dd.star1-5 span::after, .casino_intro > dd .eval dd.star2 span::after, .casino_intro > dd .eval dd.star2-5 span::after, .casino_intro > dd .eval dd.star3 span::after, .casino_intro > dd .eval dd.star3-5 span::after, .casino_intro > dd .eval dd.star4 span::after, .casino_intro > dd .eval dd.star4-5 span::after, .casino_intro > dd .eval dd.star5 span::after {
            color: #bbb;
            font-family: "Font Awesome 5 Free";
            font-size: 1.6rem;
            font-weight: 900;
            margin-right: 5px; }
        .casino_intro > dd .eval dd.star1::after {
          content: '1.0'; }
        .casino_intro > dd .eval dd.star1 span::before {
          content: '\f005'; }
        .casino_intro > dd .eval dd.star1 span::after {
          content: '\f005\f005\f005\f005'; }
        .casino_intro > dd .eval dd.star1-5::after {
          content: '1.5'; }
        .casino_intro > dd .eval dd.star1-5 span::before {
          content: '\f005\f5c0'; }
        .casino_intro > dd .eval dd.star1-5 span::after {
          content: '\f005\f005\f005'; }
        .casino_intro > dd .eval dd.star2::after {
          content: '2.0'; }
        .casino_intro > dd .eval dd.star2 span::before {
          content: '\f005\f005'; }
        .casino_intro > dd .eval dd.star2 span::after {
          content: '\f005\f005\f005'; }
        .casino_intro > dd .eval dd.star2-5::after {
          content: '2.5'; }
        .casino_intro > dd .eval dd.star2-5 span::before {
          content: '\f005\f005\f5c0'; }
        .casino_intro > dd .eval dd.star2-5 span::after {
          content: '\f005\f005'; }
        .casino_intro > dd .eval dd.star3::after {
          content: '3.0'; }
        .casino_intro > dd .eval dd.star3 span::before {
          content: '\f005\f005\f005'; }
        .casino_intro > dd .eval dd.star3 span::after {
          content: '\f005\f005'; }
        .casino_intro > dd .eval dd.star3-5::after {
          content: '3.5'; }
        .casino_intro > dd .eval dd.star3-5 span::before {
          content: '\f005\f005\f005\f5c0'; }
        .casino_intro > dd .eval dd.star3-5 span::after {
          content: '\f005'; }
        .casino_intro > dd .eval dd.star4::after {
          content: '4.0'; }
        .casino_intro > dd .eval dd.star4 span::before {
          content: '\f005\f005\f005\f005'; }
        .casino_intro > dd .eval dd.star4 span::after {
          content: '\f005'; }
        .casino_intro > dd .eval dd.star4-5::after {
          content: '4.5'; }
        .casino_intro > dd .eval dd.star4-5 span::before {
          content: '\f005\f005\f005\f005\f5c0'; }
        .casino_intro > dd .eval dd.star4-5 span::after {
          content: ''; }
        .casino_intro > dd .eval dd.star5::after {
          content: '5.0'; }
        .casino_intro > dd .eval dd.star5 span::before {
          content: '\f005\f005\f005\f005\f005'; }
        .casino_intro > dd .eval dd.star5 span::after {
          content: ''; }
        .casino_intro > dd .eval dd.total span {
          color: #666; }

    .casino_intro > dd .payment {
      margin-bottom: 20px; }
      .casino_intro > dd .payment div {
        position: relative;
        height: 50px;
        margin-bottom: 15px;
        background-repeat: no-repeat;
        background-position: center center; }
        .casino_intro > dd .payment div::before, .casino_intro > dd .payment div::after {
          display: block;
          position: absolute;
          text-align: center;
          bottom: -10px;
          line-height:16px;
          padding-top:2px;
          width: 45%;
          color: #fff;
          font-size: 1.1rem;
          font-weight: bold;
          border-radius: 4px; }
        .casino_intro > dd .payment div::before {
          left: 4%; }
        .casino_intro > dd .payment div::after {
          right: 4%; }
        .casino_intro > dd .payment div.pay00::before {
          color: #eee;
          background-color: #e0e0e0;
          content: '入金'; }
        .casino_intro > dd .payment div.pay00::after {
          color: #eee;
          background-color: #e0e0e0;
          content: '出金'; }
        .casino_intro > dd .payment div.pay01::before {
          color: #eee;
          background-color: #e0e0e0;
          content: '入金'; }
        .casino_intro > dd .payment div.pay01::after {
          background-color: #6fb806;
          content: '出金'; }
        .casino_intro > dd .payment div.pay10::before {
          background-color: #ff8400;
          content: '入金'; }
        .casino_intro > dd .payment div.pay10::after {
          color: #eee;
          background-color: #e0e0e0;
          content: '出金'; }
        .casino_intro > dd .payment div.pay11::before {
          background-color: #ff8400;
          content: '入金'; }
        .casino_intro > dd .payment div.pay11::after {
          background-color: #6fb806;
          content: '出金'; }


        .casino_intro > dd .payment div.ibk {
          background-image: url("../img/payment/payment-instantbank.svg");
          background-size: 50%; }

        .casino_intro > dd .payment div.dc {
          background-image: url("../img/payment/payment-diners.png");
          background-size: 75%; }

        .casino_intro > dd .payment div.ae {
          background-image: url("../img/payment/payment-amex.png"); }
        .casino_intro > dd .payment div.dcv {
          background-image: url("../img/payment/payment-discover.png"); }
        .casino_intro > dd .payment div.jcb {
          background-image: url("../img/payment/payment-jcb.png"); }
        .casino_intro > dd .payment div.jt {
          background-image: url("../img/payment/payment-jeton.png"); }
        .casino_intro > dd .payment div.mb {
          background-image: url("../img/payment/payment-muchbetter.svg");
          background-size: 75%; }
        .casino_intro > dd .payment div.stp {
          background-image: url("../img/payment/payment-sticpay.svg");
          background-size: 75%; }
        .casino_intro > dd .payment div.cp {
          background-image: url("../img/payment/payment-cryptopay.png"); }
        .casino_intro > dd .payment div.wt {
          background-image: url("../img/payment/payment-wiretransfer.png"); }
        .casino_intro > dd .payment div.ntl {
          background-image: url("../img/payment/payment-neteller.png"); }
        .casino_intro > dd .payment div.pt {
          background-image: url("../img/payment/payment-paytra.png"); }
        .casino_intro > dd .payment div.ap {
          background-image: url("../img/payment/payment-astropay.png"); }
        .casino_intro > dd .payment div.apc {
          background-image: url("../img/payment/payment-astropaycard.png"); }
        .casino_intro > dd .payment div.bc {
          background-image: url("../img/payment/payment-bitcoin.png"); }
        .casino_intro > dd .payment div.ev {
          background-image: url("../img/payment/payment-echovoucher.png"); }
        .casino_intro > dd .payment div.ep {
          background-image: url("../img/payment/payment-echopayz.png"); }
        .casino_intro > dd .payment div.iw {
          background-image: url("../img/payment/payment-iwallet.png");
          background-size: 75%; }
        .casino_intro > dd .payment div.pc {
          background-image: url("../img/payment/payment-pointcup.png");
          background-size: 75%; }
        .casino_intro > dd .payment div.mc {
          background-image: url("../img/payment/payment-master.png"); }
        .casino_intro > dd .payment div.vp {
          background-image: url("../img/payment/payment-venuspoint.png");
          background-size: 90%; }
        .casino_intro > dd .payment div.vc {
          background-image: url("../img/payment/payment-visa.png"); }
        .casino_intro > dd .payment div.bk {
          background-image: url("../img/payment/payment-bank.svg");
          background-size: 60%; }
        .casino_intro > dd .payment div.cc {
          background-image: url("../img/payment/payment-cashtocode.png");
          background-size: 60%; }
        .casino_intro > dd .payment div.fe {
          background-image: url("../img/payment/payment-flexepin.png");
          background-size: 60%; }
        .casino_intro > dd .payment div.lx {
          background-image: url("../img/payment/payment-luxon.png");
          background-size: 60%; }



    .casino_intro > dd .btns div:first-of-type {
      padding-right: 10px; }
    .casino_intro > dd .btns div:last-of-type {
      padding-left: 10px; }

/* オンカジ金色ボーナステキスト
*****************************************************/

/*ボーナステキスト*/
/* css 目立つ文字 https://jajaaan.co.jp/css/css-headline/*/
.ca-total-bonus-text{
	padding: 1rem 2rem;
	border-radius: 10px;
	background-image: -webkit-linear-gradient(315deg, #ccb800 0%, #edbe00 40%, #e6d100 60%, #ccb800 100%);
	background-image: linear-gradient(135deg, #ccb800 0%, #edbe00 40%, #e6d100 60%, #ccb800 100%);
	box-shadow: 0 0 6px #808077;
}

.ca-total-nodept-bonus-text {
	padding: 1rem 2rem;
	border-radius: 10px;
	background-image: -webkit-linear-gradient(315deg, #0099eb 0%, #00aeff 40%, #47cbff 60%, #0099eb 100%);
	background-image: linear-gradient(135deg, #0099eb 0%, #00aeff 40%, #47cbff 60%, #0099eb 100%);
	box-shadow: 0 0 6px #a1a5a6;
}

.ca-total-bonus-text .tit{
	color: #fff;
	text-shadow:2px 1px 0 #73600d;
}

.ca-total-nodept-bonus-text .tit {
	color: #fff;
	text-shadow:2px 1px 0 #0d5d73;
}

.ca-total-bonus-text-tit {
	position: relative;
	padding: 1.5rem 2rem;
	color: #c7001b;
	background-color:#fffbed;
	-webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
	box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
}

.ca-total-nodept-bonus-text-tit {
	position: relative;
	padding: 1.5rem 2rem;
	color: #00a8c2;
	background-color:#edfdff;
	-webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
	box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
}

.ca-total-bonus-text-tit:before,
.ca-total-bonus-text-tit:after
 {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	content: '';
	background-image: -webkit-linear-gradient(315deg, #b39500 0%, #ffce08 40%, #e1ce08 60%, #b39500 100%);
	background-image: linear-gradient(135deg, #b39500 0%, #ffce08 40%, #e1ce08 60%, #b39500 100%);
}

.ca-total-nodept-bonus-text-tit:before,
.ca-total-nodept-bonus-text-tit:after
 {
	position: absolute;
	left: 0;
	width: 100%;
	content: '';
}

.ca-total-bonus-text-tit:before,
.ca-total-nodept-bonus-text-tit:before {
	top: 0;
}

.ca-total-bonus-text-tit:after,
.ca-total-nodept-bonus-text-tit:after {
	bottom: 0;
}

/* カード
*****************************************************/

div.cards {
  text-align: center; }

span.card_s01 {
  background: url("../img/cards/s01.png") no-repeat; }

span.card_s02 {
  background: url("../img/cards/s02.png") no-repeat; }

span.card_s03 {
  background: url("../img/cards/s03.png") no-repeat; }

span.card_s04 {
  background: url("../img/cards/s04.png") no-repeat; }

span.card_s05 {
  background: url("../img/cards/s05.png") no-repeat; }

span.card_s06 {
  background: url("../img/cards/s06.png") no-repeat; }

span.card_s07 {
  background: url("../img/cards/s07.png") no-repeat; }

span.card_s08 {
  background: url("../img/cards/s08.png") no-repeat; }

span.card_s09 {
  background: url("../img/cards/s09.png") no-repeat; }

span.card_s10 {
  background: url("../img/cards/s10.png") no-repeat; }

span.card_s11 {
  background: url("../img/cards/s11.png") no-repeat; }

span.card_s12 {
  background: url("../img/cards/s12.png") no-repeat; }

span.card_s13 {
  background: url("../img/cards/s13.png") no-repeat; }

span.card_h01 {
  background: url("../img/cards/h01.png") no-repeat; }

span.card_h02 {
  background: url("../img/cards/h02.png") no-repeat; }

span.card_h03 {
  background: url("../img/cards/h03.png") no-repeat; }

span.card_h04 {
  background: url("../img/cards/h04.png") no-repeat; }

span.card_h05 {
  background: url("../img/cards/h05.png") no-repeat; }

span.card_h06 {
  background: url("../img/cards/h06.png") no-repeat; }

span.card_h07 {
  background: url("../img/cards/h07.png") no-repeat; }

span.card_h08 {
  background: url("../img/cards/h08.png") no-repeat; }

span.card_h09 {
  background: url("../img/cards/h09.png") no-repeat; }

span.card_h10 {
  background: url("../img/cards/h10.png") no-repeat; }

span.card_h11 {
  background: url("../img/cards/h11.png") no-repeat; }

span.card_h12 {
  background: url("../img/cards/h12.png") no-repeat; }

span.card_h13 {
  background: url("../img/cards/h13.png") no-repeat; }

span.card_d01 {
  background: url("../img/cards/d01.png") no-repeat; }

span.card_d02 {
  background: url("../img/cards/d02.png") no-repeat; }

span.card_d03 {
  background: url("../img/cards/d03.png") no-repeat; }

span.card_d04 {
  background: url("../img/cards/d04.png") no-repeat; }

span.card_d05 {
  background: url("../img/cards/d05.png") no-repeat; }

span.card_d06 {
  background: url("../img/cards/d06.png") no-repeat; }

span.card_d07 {
  background: url("../img/cards/d07.png") no-repeat; }

span.card_d08 {
  background: url("../img/cards/d08.png") no-repeat; }

span.card_d09 {
  background: url("../img/cards/d09.png") no-repeat; }

span.card_d10 {
  background: url("../img/cards/d10.png") no-repeat; }

span.card_d11 {
  background: url("../img/cards/d11.png") no-repeat; }

span.card_d12 {
  background: url("../img/cards/d12.png") no-repeat; }

span.card_d13 {
  background: url("../img/cards/d13.png") no-repeat; }

span.card_c01 {
  background: url("../img/cards/c01.png") no-repeat; }

span.card_c02 {
  background: url("../img/cards/c02.png") no-repeat; }

span.card_c03 {
  background: url("../img/cards/c03.png") no-repeat; }

span.card_c04 {
  background: url("../img/cards/c04.png") no-repeat; }

span.card_c05 {
  background: url("../img/cards/c05.png") no-repeat; }

span.card_c06 {
  background: url("../img/cards/c06.png") no-repeat; }

span.card_c07 {
  background: url("../img/cards/c07.png") no-repeat; }

span.card_c08 {
  background: url("../img/cards/c08.png") no-repeat; }

span.card_c09 {
  background: url("../img/cards/c09.png") no-repeat; }

span.card_c10 {
  background: url("../img/cards/c10.png") no-repeat; }

span.card_c11 {
  background: url("../img/cards/c11.png") no-repeat; }

span.card_c12 {
  background: url("../img/cards/c12.png") no-repeat; }

span.card_c13 {
  background: url("../img/cards/c13.png") no-repeat; }

span.card_j {
  background: url("../img/cards/joker.png") no-repeat; }

span.card_b {
  background: url("../img/cards/ura_b.png") no-repeat; }

span.card_r {
  background: url("../img/cards/ura_r.png") no-repeat; }

.card_s,
.card_c,
.card_h,
.card_d,
.card_n {
  padding: 3px;
  border: solid 1px #ccc;
  border-radius: 4px;
  margin: 0 2px;
  font-weight: bold;
  background: #fff; }

.card_n {
  color: #000000; }

.card_s {
  color: #000000; }
  .card_s::before {
    content: '\02660'; }

.card_c {
  color: #000000; }
  .card_c::before {
    content: '\02663'; }

.card_h {
  color: #ff0000; }
  .card_h::before {
    content: '\02665'; }

.card_d {
  color: #ff0000; }
  .card_d::before {
    content: '\02666'; }

table.bonus {
  font-size: 12px; }
  table.bonus td:nth-of-type(1) {
    width: 40%; }
  table.bonus td:nth-of-type(2) {
    font-weight: bold;
    color: green;
    text-align: center; }
  table.bonus th {
    width: 20%;
    font-weight: normal; }

.yaku {
  background-color:#fff !important;
  padding: 2.0rem 0; }
  .yaku dt {
	display:block;
    border-top: solid 1px #dedba5;
	border-left: solid 1px #dedba5;
	border-right: solid 1px #dedba5;
    font-size: 1.8rem;
    font-weight: bold;
	background-color:#fafafa;
    color: #000000;
    padding: 10px !important; }
    .yaku dt span {
      font-size: 1.2rem;
      font-weight: bold;
      color: #ff66cc;
      background: url(../img/beginner.svg) left center/16px auto no-repeat;
      padding-left: 22px; }
  .yaku .haisi {
    padding: 20px 0 0 0;
    border-top: dotted 1px #333; }
  .yaku .conditions {
    padding: 2.0rem 2.0rem 0 2.0rem;
    border: solid 1px #dedba5; }
    .yaku .conditions div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 1.5rem; }
      .yaku .conditions div span {
        margin-right: 0.5rem; }

mark {
	font-weight:bold;
	background: linear-gradient(transparent 50%, #FFF100 0%);
}


.modal {
	position:fixed;
	z-index:9999999999999;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color:rgba(0,0,0,0);
	display:none;
	justify-content:center;
	align-items:center;
}


.modal_open {
	cursor:pointer;
}

.modal_close {
	text-align:right;
	margin-bottom:10px;
}

.modal_close span {
	cursor:pointer;
	color:#000;
	font-size:40px;
}
/* article */