/*=================================================
 * CSS for PC
 * ================================================= */

.cnt{
	padding: 0;
}
.cnt .page_title{
	margin-bottom: 0;
}

#pub{	padding-bottom: 0;}


/** wari **/

.wari{
	width: calc(100% - 20px);
	max-width: 530px;
	margin: 10px auto;
	padding: 8px 8px 8px 8px;
	border: 2px solid #3e3e41;
	border-radius: 8px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.aniki.wari{	border-color: #bf9e0f;}

.w_title{
	height: 60px;
	text-align: center;
	border-radius: 5px 5px 0 0;
	padding: 12px 0 0 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.w_title em{
	display: inline-block;
	font-size: 26px;
	font-weight: bold;
	line-height: 26px;
	color: #fff;
}

.w_title span{
	display: block;
	font-family: "FontA";
	font-size: 12px;
	line-height: 12px;
}

.repe .w_title{
	background: #2dd517;
	background: -moz-linear-gradient(-45deg, #2dd517 0%, #fcff00 100%);
	background: -webkit-linear-gradient(-45deg, #2dd517 0%,#fcff00 100%);
	background: linear-gradient(135deg, #2dd517 0%,#fcff00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dd517', endColorstr='#fcff00',GradientType=1 );
}
.repe .w_title span{	color: #327c2e;}
.visi .w_title{
	background: #006ee9;
	background: -moz-linear-gradient(-45deg, #006ee9 0%, #00ff9c 100%);
	background: -webkit-linear-gradient(-45deg, #006ee9 0%,#00ff9c 100%);
	background: linear-gradient(135deg, #006ee9 0%,#00ff9c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006ee9', endColorstr='#00ff9c',GradientType=1 );
}
.visi .w_title span{	color: #00679c;}
.group .w_title{
	background: #ff7e00;
	background: -moz-linear-gradient(-45deg, #ff7e00 0%, #ff2e6e 100%);
	background: -webkit-linear-gradient(-45deg, #ff7e00 0%,#ff2e6e 100%);
	background: linear-gradient(135deg, #ff7e00 0%,#ff2e6e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7e00', endColorstr='#ff2e6e',GradientType=1 );
}
.group .w_title span{	color: #912656;}
.review .w_title{
	background: rgb(255,132,0);
	background: linear-gradient(135deg, rgba(255,132,0,1) 0%, rgba(255,222,0,1) 100%);
}
.review .w_title span{	color: #d76000;}
.aniki .w_title{
	background: url(https://www.fucolle.com/area_tmp/shop/img/aniki.png) no-repeat top center #93720E;
	background:
	url(https://www.fucolle.com/area_tmp/shop/img/aniki.png) no-repeat 50% -5px,
	linear-gradient(90deg, rgba(147, 114, 14, 1) 0%, rgba(234, 201, 14, 1) 50%, rgba(147, 114, 14, 1) 100%);
	background-size: 65px auto, auto;
}
.aniki .w_title span{	color: #8f7210;}
.wariex_bg{
	width: 100%;
}
.wariex_bg .wariex{
	width: 100%;
	text-align: center;
	padding: 85px 0 0 0;
	background: url(./img/wari_logo.png) no-repeat 50% 15px;
	-webkit-background-size: 180px auto;
	background-size: 180px auto;
}
.aniki .wariex_bg .wariex{
	padding: 0;
	background: none;
	padding: 20px 0 0 0;
}
.wariex_bg .wariex .wb1{
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #fff;
	margin: 0 0 20px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.aniki .wariex_bg .wariex .wb1 span{	color: #d3b565;}
.wariex_bg .wariex div{
	background: #28282a;
	border-radius: 5px;
}
.wariex_bg .wariex .new span{
	display: block;
	font-size: 16px;
	line-height: 30px;
	text-decoration: line-through;
	padding: 10px 0 0 0;
}
.wariex_bg .wariex .new em{
	display: block;
	font-size: 24px;
	font-weight: bold;
	line-height: 46px;
	color: #ff65b6;
}
.wariex_bg .wariex .new em i{
	position: relative;
	display: inline-block;
	vertical-align: baseline;
	font-family: "FontA";
	font-weight: normal;
	font-style: normal;
	font-size: 46px;
	color: #ff65b6;
	background: -webkit-linear-gradient(top, #ff9ee0 20%, #ff429c 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.wariex_bg .wariex .new p{
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	padding: 0 15px 20px 15px;
}

.review .wariex_bg .wariex .new em{	color: #ff8a00;}
.review .wariex_bg .wariex .new em i{
	background: -webkit-linear-gradient(top, #ffc800 20%, #ff7200 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.aniki .wariex_bg .wariex .new em{	color: #e0b916;}
.aniki .wariex_bg .wariex .new em i{
	background: #F7DF26;
	background: linear-gradient(180deg, rgba(247, 223, 38, 1) 20%, rgba(207, 158, 9, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.wb2{
	font-size: 20px;
	font-weight: bold;
	line-height: 25px;
	padding: 20px 15px;
}

.wb3{
	font-size: 14px;
	line-height: 20px;
	padding: 10px 0 0 0;
}

.wb4{
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	background: none !important;
	margin: 0 0 15px 0;
}
.wb4 span{
	display: inline-flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	font-size: 13px;
	line-height: 14px;
	text-align: center;
	background: #ff38a5;
	border-radius: 3px;
}
.wb4 p{
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	margin: 0 0 0 5px;
}

.wari_bt{
	display: block;
	margin: 20px auto 10px auto;
	font-size: 16px;
	font-weight: bold;
	font-weight: 700;
	line-height: 50px;
	max-width: 300px;
	color: #ffffff;
	text-align: center;
	border-radius: 25px;
	background: #3c9aea;
	background: -moz-linear-gradient(left, #3c9aea 0%, #336cd4 100%);
	background: -webkit-linear-gradient(left, #3c9aea 0%,#336cd4 100%);
	background: linear-gradient(to right, #3c9aea 0%,#336cd4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c9aea', endColorstr='#336cd4',GradientType=1 );
	text-decoration: none;
	-webkit-appearance: none;
	border: none;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

.wari_bt:hover{
	text-decoration: none;
	opacity			: 0.8;
	filter			: alpha(opacity=80);
}

.wari_rule{
	margin: 0 0 10px 0;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.wari_rule dl{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
}
.wari_rule dt,
.wari_rule dd{
	display: table-cell;
	vertical-align: top;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	padding: 10px;
	border-bottom: 1px solid #3e3e41;
	border-right: 1px solid #3e3e41;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.wari_rule dt{
	width: 80px;
	text-align:justify;
	text-align-last:justify;
	background: #28282a;
	border-left: 1px solid #3e3e41;
}
.wari.aniki+.wari_rule dt{	width: 120px;}
.wari_rule dd{}
.wari_rule dl:first-of-type dt,
.wari_rule dl:first-of-type dd{
	border-top: 1px solid #3e3e41;
}


/*=================================================
 * CSS for SP
 * ================================================= */

@media screen and (max-width: 650px) {
}