@charset "utf-8";
.tokushu {
	width: 510px;
	height: auto;	
	font-family: 'Meiryo UI','ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	color: #606060!important;
	font-size: 62.5%!important;	
	line-height: 1.2em!important;
}
/* -- sns -- */
.sns_wrap {
	margin: 5px 0 5px 3px !important;
}
.sns_wrap .fb-like {
	margin-top: -2px !important;
}
.sns_wrap .line {
	display: inline-block;
	margin-top: -2px !important;
	padding-left: 5px\0 !important;
	padding-left: 5px\9 !important;
	line-height: 0;
}
/*top*/
.tokushu .top {
	width: 100%;
	padding-top: 10px!important;
	margin:0 auto 2em!important;
}
.tokushu .top img{
	width: 100%;
}
.tokushu h3 {	
	margin: 0 auto 0.5em!important;
	text-align: center;	
	color: #c2994c!important;
	font-size: 3.4em!important;
	font-weight: bold;
	font-family: 'ＭＳ 明朝', 'MS Mincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.tokushu h3:first-letter{
	color: #f19d00!important;
}
.tokushu h3 span{
	font-size: 1.3em!important;
}
.tokushu h3:before{
	content: "＜";
	display: inline-block;
	font-weight: bold;
}
.tokushu h3:after{
	content: "＞";
	display: inline-block;
	font-weight: bold;
}	
.tokushu .contents {
	width: 95%;
	margin: 0 auto 2em!important;		
}

/*  第1巻～3巻 ＆ 4巻～6巻 （product_l） */
.tokushu h4 {
	font-size: 2.2em!important;
	padding: 0.4em 0 0.4em 0.4em!important;
	box-sizing: border-box;
	background-color: #5a5a5a;
	position: relative;
	font-weight: bold;
	margin-bottom: 1.5em!important;
}
.tokushu h4 :before,.tokushu h4:after{
	position: absolute;
	top: 100%;
	left: 2em;
	content: "";
	height: 0;
	width: 0;
	border: 1em solid transparent;
}
.tokushu h4 :before{
	border-top: 1.5em solid #5a5a5a;
}
.tokushu h4:after{
	margin-top: -0.2em!important;
	border-top: 1.5em solid #5a5a5a;
}
.tokushu .product_l{
	background-color: #ffdce6;
	border: dashed 2px #fff;
	box-shadow: 0 0 0 0.8em #ffdce6;
	box-sizing: border-box;
	border-radius: 6px;
	padding: 0 0 1em!important;
	margin-bottom: 3.2em!important;
}
.tokushu .product_l h5{
	margin: 0 auto 1em!important;
	text-align: left;	
	font-size:1.8em!important;
	line-height: 150%;
	padding:0.5em 0.5em 0!important;
	box-sizing: border-box;
}
.tokushu .product_l h5 span{
	font-size: 0.7em!important;
}
.tokushu .product_l .box{	
	width: 95%;
	margin: 0 auto 1em!important;
}
.tokushu .product_l .box a{
	width: 60%;
	display: inline-block;
}
.tokushu .product_l .box a img {
	width: 95%;
}
.tokushu .product_l .b_right{
	width:39%;
	display: inline-block;
}
.tokushu .product_l .b_right .img2{
	width: 100%;
	margin-bottom: 0.5em!important;
}
.tokushu .product_l .b_right .img2 span{
	font-size: 1.5em!important;	
	display: block;
	text-align: left;
	padding-left: 0.2em!important;
}
.tokushu .product_l .b_right .img2 span:before{	
	content: "■";
	display: inline-block;
	color: #e84d79!important;
}
.tokushu .product_l .b_right .img2 img{
	width: 100%;
}
.tokushu .product_l .value {	
	text-align: center;
	width: 100%;
	font-size: 1.7em!important;	
	font-weight: bold;
}
.tokushu .product_l .value span{
	font-size: 1.5em!important;
}
.tokushu .product_l .value a{
	width: 100%;
	padding:0.4em 0!important;
	font-size: 1.6em!important;
}
.tokushu .product_l ul{
	width: 95%;
	padding: 0.5em 1em 1em!important;
	box-sizing: border-box;
	border: dashed 1px #e84d79;
	margin: 0 auto 1em!important;
	font-size:1.3em!important;
	border-radius: 10px;
}
.tokushu .product_l li{
	width: 32.6%;
	text-align: center;
	display: inline-block;
}
.tokushu .product_l li span{
	display: block;
	text-align: left;
	padding-left: 0.2em!important;
}
.tokushu .product_l li span:before{	
	content: "■";
	display: inline-block;
	color: #e84d79!important;
}
.tokushu .product_l li img{
	width: 95%;
}
.tokushu table {
	margin: 0 auto 1em!important;
	width: 95%;
	font-size: 1.4em!important;
	table-layout: fixed;
	position: relative;
}
.tokushu th {
	width: 35%;
	border-bottom: solid 1px #606060;
	border-right: solid 1px #606060;
	padding: 0.5em 0.4em!important;
	background-color: #ffbfd1;	
}
.tokushu td {
	width: 65%;
	border-bottom: solid 1px #606060;
	padding: 0.5em 0.4em!important;	
}
/*  各巻 （product_m） */
.tokushu .product_m .box{	
	margin: 0 auto!important;
	box-sizing: border-box;
}
.tokushu .product_m .product{
    display: inline-block;
	width: 46.4%;	
	margin-bottom: 3em!important;
	background-color: #ffdce6;
	border: dashed 2px #fff;
	box-shadow: 0 0 0 0.8em #ffdce6;
	box-sizing: border-box;
	border-radius: 6px;
	padding: 0 0 1em!important;	
}
.tokushu .product_m .product:nth-child(2n+1){
	margin-right: 6%!important;
}
.tokushu .product_m .product .box{
	width:95%;
	padding: 1em 0.5em 0!important;
	text-align: center;
	
}
.tokushu .product_m .product .box img{
	width: 100%;
}
.tokushu .product_m h5{
	margin: 0 auto!important;
	text-align: left;	
	font-size: 1.25em!important;
	line-height: 140%;
	padding: 0 0.5em;
	box-sizing: border-box;
}
.tokushu .product_m h5 span{
	font-size: 0.8em!important;
}
.tokushu .product_m .value {
	width:100%;
	text-align: center;
	display: inline-block;
	font-size:1.5em!important;	
	margin: -0.1em auto 0!important;
	font-weight: bold;
}
.tokushu .product_m .value span{
	font-size: 1.5em!important;
}
.tokushu .product_m .value a{
	width: 100%;
	padding:0.3em 0!important;
}


/*連続購入特典割引券について(info)*/
.tokushu .info{
	background-color: #ffdce6;
	border: dashed 2px #fff;
	box-shadow: 0 0 0 0.8em #ffdce6;
	box-sizing: border-box;
	border-radius: 6px;
	padding: 0 0 1em!important;
	margin-bottom: 5em!important;
}
.tokushu .info .box{
	padding: 1em 1em!important;	
	margin: 0 auto!important;
	font-size: 1.6em!important;
	line-height: 200%!important;
	box-sizing: border-box;	
}
.tokushu .info ul li{
	line-height: 200%!important;
}
.tokushu .info span{
	color: #ff0000!important;
}
/*related_product*/
.tokushu .related_product {
	font-size: 1.9em!important;
	text-align: center;
	margin-bottom: 4em!important;
}
.tokushu .related_product a{
	padding: 1em!important;	
	display: inline-block;
	border-radius: 10px;
	border: solid 1px #606060;
	width: 65%;
	box-sizing: border-box;	
	font-family: 'ＭＳ 明朝', 'MS Mincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.tokushu .related_product a img{
	width: 90%;	
}
.tokushu .related_product a span{
	display: block;
}
.tokushu .related_product span i{
	margin-left: 0.3em!important;
}
/*footer*/
.tokushu .footer{
	background-color: #dfc79a;
	padding: 1em 0 0!important;
}
.tokushu .footer p{
	margin: 0 auto!important;
	text-align: center;
	font-size: 1.4em!important;
	height: 2.8em!important;
	line-height: 2.8em!important;
	font-weight: bold;
}
.tokushu .footer img{
	display: block;
	margin: 0 auto!important;
	width: 60%!important;
}
/*link*/
.tokushu h5 a:link {	
	color: #606060!important;
	font-size: 110%!important;
	position: relative;
	display: inline-block;
	text-decoration: none;
}
.tokushu h5 a:visited {
	color: #606060 !important;
}
.tokushu h5 a:hover {
	text-decoration: underline;
	color: #606060!important;
}
.tokushu h5 a:before{
	font-family: "Font Awesome 5 Free";
	content: "\f004";
	color: #e84d79!important;
}
.tokushu a:hover img {
	
}
.tokushu .contents a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*link cart*/	
.tokushu .value a:link {
	text-align: center;	
	display:inline-block;
	text-decoration: none;		
	font-size:1em!important;
	font-weight: bold;    
	box-sizing: border-box;
    color: #fff!important;
    overflow: hidden;
	padding: 0.8em 0!important;
	background-color: #f19d00;
}
.tokushu .value a:visited {
	color: #fff!important;
}
.tokushu .value a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/*info*/
.tokushu .info a:link {
	color: #fff!important;
	background: #e84d79;
	border-radius: 10px;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 10px!important;
	text-align: center!important;
	margin: 0 auto!important;
}
.tokushu .info a:visited {
	color: #fff!important;
}
.tokushu .info a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/*related_product link*/
.tokushu .related_product a:link{
	color: #606060!important;
	text-decoration: none;
}
.tokushu .related_product a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.tokushu .related_product a:visited{
	color: #606060!important;
}
/*backtop*/
.tokushu .page-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9999!important;
}
.tokushu .page-top a:link{
	text-decoration: none!important;
	font-size: 6em!important;
	color: #e84d79!important;	
}
.tokushu .page-top a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.tokushu .page-top a:visited{
	color: #e84d79!important;
}
/*float*/
.tokushu .left {
	float: left;
}
.tokushu .right {
	float: right;
}
/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}