@charset "UTF-8";
/* -- all -- */
.tokusetsu {
	width: 740px;
	margin: 0;
	padding: 0;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴシック', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	font-size: 62.5% !important;
	line-height: 1 !important;
	text-align: center;
	background: url(../images/index_bg001.jpg) repeat;
	color: #000!important;
	word-break : break-all;
}
.tokusetsu p {
	margin: 0;
	padding: 0;
}
.tokusetsu h3, .tokusetsu h4, .tokusetsu h5 {
	background: none;
	margin: 0;
	padding: 0;
}
/* -- top-- */
.tokusetsu .top {
	margin-bottom: 2em!important;
	width: 100%;
}
.tokusetsu .top img {
	width: 100%;
}
.tokusetsu .deku {
	width: 95%;
	margin: 0 auto 3em!important;
}
.tokusetsu .deku img {
	width: 100%;
}
/* -- contents -- */
.tokusetsu .contents {
	width: 95%;
	margin: 0 auto 3em!important;
	background-color: #ffffff;
	border: solid #000000 2px;
	box-shadow: 5px 5px 0px 0px #000000;
	padding: 1.5em 0 0!important;
	box-sizing: border-box;
}
/* -- h3 -- */
.tokusetsu h3 {
	font-size: 4em!important;
	font-weight: bold;
	width: 100%;
	line-height: 1.1em!important;
	margin: 0 auto 0.6em!important;
	padding: 0.4em 0 0!important;
	background: -moz-linear-gradient(top, #fff, #bbbbbb);
	background: -webkit-linear-gradient(top, #fff, #bbbbbb);
	background: linear-gradient(to bottom, #fff, #bbbbbb);
	color: #000!important;
	text-shadow: 2px 2px 0px #fff100, 1px 1px 0px #fff100;
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
}
.tokusetsu h3 br {
	display: none;
}
.tokusetsu h3 span {
	display: block;
	color: #e60012;
	text-shadow: none;
	font-size: 70%!important;
}
.tokusetsu h3:after {
	color: #fff;
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.2) 51%, rgba(0,0,0,0));
}
/* -- info -- */
.tokusetsu .info {
	margin-bottom: 0.5em!important;
	padding: 0 1em!important;
	box-sizing: border-box;
	line-height: 1.8em!important;
	font-size: 1.8em!important;
	text-align: left;
}
.tokusetsu .info > strong {
	display: inline-block;
	margin-bottom: 0.5em!important;
	padding: 0.5em 0.8em!important;
	background-color: #e60012;
	border-radius: 15px;
	font-size: 1.1em!important;
	color: #fff;
}
.tokusetsu .info .red {
	color: #e60012;
	font-weight: bold;
	text-align: center;
}
.tokusetsu .info p {
	width: 100%;
	margin-bottom: 1em!important;
}
.tokusetsu .info p b {
	text-align: center!important;
}
.tokusetsu .info .chara {
	margin-bottom: 0!important;
	color: #fff;
	font-size: 1.3em!important;
	font-weight: bold;
	text-shadow: #e60012 2px 0px, #e60012 -2px 0px, #e60012 0px -2px, #e60012 0px 2px, #e60012 2px 2px, #e60012 -2px 2px, #e60012 2px -2px, #e60012 -2px -2px, #e60012 1px 2px, #e60012 -1px 2px, #e60012 1px -2px, #e60012 -1px -2px, #e60012 2px 1px, #e60012 -2px 1px, #e60012 2px -1px, #e60012 -2px -1px;
	text-align: center;
}
.tokusetsu .info .chara:before, .tokusetsu .info .chara:after {
	margin: 0 0.3em!important;
	font-family: "Font Awesome 5 Free";
	content: '\f005';
	color: #e60012;
	text-shadow: none!important;
}
.tokusetsu .info .chara br {
	display: none;
}
.tokusetsu .info ul {
	width: 60%;
	margin: 0 auto 1em!important;
	padding: 1.5em!important;
	background-color: rgba(227,227,227,1.00);
	border-radius: 15px;
	border: 3px solid rgba(227,227,227,1.00);
	box-shadow: 0 0 0 3px #fff inset;
	font-weight: bold;
}
.tokusetsu .info ul span {
	display: inline-block;
	margin: 0 0.8em 0.2em 0!important;
	padding: 0.2em 1em 0.1em!important;
	background: #000;
	border-radius: 10px;
	color: #fff;
}
.tokusetsu .info ul .end {
	display: block;
	margin: 0 auto!important;
	padding: 0!important;
	background: none;
	color: #e60012;
	text-align: center;
}
.tokusetsu .info p img {
	width: 100%;
}
.tokusetsu .info .item {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%!important;
	justify-content: space-between;
	margin: 0 auto!important;
	box-sizing: border-box;
}
.tokusetsu .info .item .box {
	display: flex;
	position: relative;
	flex-flow: column;
	width: 49%;
	margin-bottom: 1em!important;
	box-sizing: border-box;
}
.tokusetsu .info .item .box .soldout {
	position: absolute;
	bottom: 50px;
	left: -10px;
}
.tokusetsu .info .item .box > strong {
	display: block;
	width: 100%;
	margin-bottom: 0.5em!important;
	padding: 0.2em 0!important;
	text-align: center;
}
.tokusetsu .info .item .box .p_img {
	width: 93%;
	margin: 0 auto 0.5em!important;
	padding-top: 0.5em!important;
	overflow: hidden;
}
.tokusetsu .info .item .box .p_img img {
	width: 100%;
	border: solid 1px rgba(212,212,212,1.00);
	box-sizing: border-box;
}
.tokusetsu .info .item .box h4 {
	width: 93%;
	margin: 0 auto 0.5em!important;
	overflow: hidden;
	font-size: 1em!important;
}
.tokusetsu .info .item .box h4 span {
	display: block;
	font-size: 0.9em!important;
	color: #ff00d2;
	font-weight: bold;
}
.tokusetsu .info .item .value {
	width: 93%;
	margin: 0 auto 0.5em!important;
	margin-top: auto!important;
	font-weight: 0.8em!important;
}
.tokusetsu .item dl {
	line-height: 1em!important;
	text-align: center;
	margin-bottom: 0.1em!important;
	display: block;
	font-size: 1.1em!important;
	font-weight: bold;
}
.tokusetsu .item dt, .tokusetsu .item dd {
	display: inline;
	margin: 0!important;
}
.tokusetsu .item dt, .tokusetsu .item dd span {
	font-size: 70%!important;
	font-weight: normal;
}
.tokusetsu .item dd br {
	display: none!important;
}
.tokusetsu .item .course_1 dl {
	color: #ff00d2;
}
.tokusetsu .item .course_2 dl {
	color: #008a10;
}
.tokusetsu .item .course_3 dl {
	color: #0018ff;
}
.tokusetsu .info .item .course_1 {
	border: solid 1px #ff00d2;
}
.tokusetsu .info .item .course_1 strong {
	background-color: #ffddf9;
	color: #ff00d2;
}
.tokusetsu .info .item .course_2 {
	border: solid 1px #008a10;
}
.tokusetsu .info .item .course_2 strong {
	background-color: #b5fab9;
	color: #008a10;
}
.tokusetsu .info .item .course_3 {
	border: solid 1px #0018ff;
}
.tokusetsu .info .item .course_3 strong {
	background-color: #c8cdff;
	color: #0018ff;
}
.tokusetsu .info .unisys {
	display: block;
	width: 100%;
	padding: 0!important;
	padding-left: 1em!important;
	background-color: #FFFFFF;
	box-sizing: border-box;
	border: none!important;
	color: #000;
	text-indent: -1em;
	font-size: 0.8em!important;
	font-weight: normal;
}
.tokusetsu .info .unisys li:before {
	content: "■";
}
/* -- product -- */
.tokusetsu .product {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 98%!important;
	justify-content: space-between;
	margin: 0 auto!important;
	box-sizing: border-box;
	padding: 1.5em 1em 0!important;
}
.tokusetsu .product .box {
	display: flex;
	flex-flow: column;
	width: 49%;
	margin-bottom: 1.5em!important;
	padding: 1em!important;
	box-sizing: border-box;
	background-color: rgba(227,227,227,1.00);
}
.tokusetsu .product .p_img {
	width: 100%;
	margin: 0 auto 1em!important;
	overflow: hidden;
}
.tokusetsu .product .p_img img {
	width: 100%;
	border: solid 1px rgba(212,212,212,1.00);
}
.tokusetsu .p_img img:hover {
	cursor : pointer;
	cursor : zoom-in;
}
.tokusetsu .product h4 {
	line-height: 1.2em!important;
	width: 100%;
	margin: 0 auto 0.5em!important;
	padding-left: 0.2em!important;
	font-size: 1.7em!important;
	overflow: hidden;
	text-align: center;
}
.tokusetsu .product .box .value {
	width: 100%;
	margin: 0 auto!important;
	margin-top: auto!important;
}
/* -- カート無し価格 -- 
.tokusetsu .product dl {
	display: block;
	width: 100%;
	line-height: 1em!important;	
	margin-bottom: 0.1em!important;	
	background-color: #e60012;
	padding: 0.5em 0!important;
	border-radius: 10px;
	color: #fff!important;
	font-size: 2em!important;
	font-weight: bold;
	text-align: center;
}
.tokusetsu .product dt, .tokusetsu .product dd {
	display: inline;
	margin: 0!important;
}
.tokusetsu .product dt, .tokusetsu .product dd span {
	font-size: 70%!important;
	font-weight: normal;
}
.tokusetsu .product dd br {
	display: none!important;
}
.tokusetsu .product .cart {
	font-size: 1.8em!important;
}*/
/* -- カートあり価格 -- */
.tokusetsu .product dl {
	line-height: 1em!important;
	text-align: center;
	margin-bottom: 0.1em!important;
	display: block;
	color: #e60012!important;
	font-size: 2em!important;
	font-weight: bold;
}
.tokusetsu .product dt, .tokusetsu .product dd {
	display: inline;
	margin: 0!important;
}
.tokusetsu .product dt, .tokusetsu .product dd span {
	font-size: 70%!important;
	font-weight: normal;
}
.tokusetsu .product dd br {
	display: none!important;
}
.tokusetsu .product .cart {
	font-size: 1.8em!important;
}
.tokusetsu .date {
	text-align: center;
	font-size: 1.8em!important;
}
.tokusetsu .date ul {
	display: inline-block;
	margin: 0 auto!important;
	padding: 1.5em!important;
	background-color: #fff87a;
	border-radius: 15px;
	border: 3px solid #fff87a;
	box-shadow: 0 0 0 3px #fff inset;
	font-weight: bold;
	text-align: left;
}
.tokusetsu .date ul span {
	display: inline-block;
	margin: 0 0.8em 0.2em 0!important;
	padding: 0.2em 1em 0.1em!important;
	background: #000;
	border-radius: 10px;
	color: #fff;
}
.tokusetsu .date .jincare p {
	font-size: 0.8em!important;
	text-align: left;
}
.tokusetsu .date .jincare p span {
	display: inline-block;
	padding: 0.2em 0.5em!important;
	background-color: #fff!important;
	border-radius: 0;
	color: #000;
}
.tokusetsu .date .jincare p br {
	display: none;
}
.tokusetsu .caution {
	width: 95%;
	margin: 0 auto 1em!important;
	font-size: 1.4em!important;
	text-align: left!important;
}
.tokusetsu .caution strong {
	display: inline-block;
	margin-bottom: 0.5em!important;
	padding: 0.3em 0.5em 0.2em!important;
	background: #000;
	color: #fff;
	font-size: 1.2em!important;
}
.tokusetsu .caution li {
	line-height: 1.3em!important;
	margin-bottom: 0.2em!important;
	padding-left: 1em!important;
	box-sizing: border-box;
	text-indent: -1em;
}
.tokusetsu .caution li:before {
	content: "※";
}
/* -- chibichara -- */
.tokusetsu .chibichara {
	width: 95%!important;
	margin: 0 auto 1em!important;
	padding: 1em!important;
	background-color: #fff87a;
	border-radius: 15px;
	border: 3px solid #fff87a;
	box-sizing: border-box;
	text-align: left;
	font-size: 1.6em!important;
}
.tokusetsu .chibichara p strong {
	display: inline-block;
	margin-bottom: 0.3em!important;
	padding: 0.1em 0.5em!important;
	background-color: #000;
	color: #fff;
	font-size: 1.1em!important;
}
.tokusetsu .chibichara ul {
	margin-bottom: 1em!important;
}
.tokusetsu .chibichara li:before {
	content: "■";
	margin-right: 0.2em!important;
}
.tokusetsu .chibichara dl {
	margin-bottom: 1em!important;
}
.tokusetsu .chibichara dt span {
	display: inline-block;
	padding: 0 0.5em!important;
	background: #fff;
	border: 2px solid #000;
	border-radius: 10px;
	font-weight: bold;
}
.tokusetsu .chibichara dd span {
	font-weight: bold;
}
.tokusetsu .chibichara dd a:link {
	color: #0056e5!important;
}
.tokusetsu .chibichara dd a:visited {
	color: #0056e5!important;
}
.tokusetsu .chibichara dd a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
/* specialprice */
.tokusetsu .specialprice {
	position: relative;
}
.tokusetsu .specialprice:after {
	content: "期間限定\A特別価格！";
	white-space: pre;
	display: inline-block;
	padding: 0.4em!important;
	background: #FF0004;
	border-radius: 5px;
	line-height: 130%!important;
	color: #fff!important;
	font-size: 1.6em!important;
	font-weight: bold;
	position: absolute;
	top: -7px;
	left: -7px;
	transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
}
/* -- comingsoon -- */
.tokusetsu .comingsoon {
	margin-bottom: 0.3em!important;
	padding: 1em 0!important;
	font-size: 7em!important;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
/* -- overlay -- */
.tokusetsu .overlay {
	display: none;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 103;
	width: 100%;
	height: 100%;
}
.tokusetsu .overlay img {
	max-width: 600px;
	max-height: 600px;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
/* -- footer -- */
.tokusetsu .footer {
	background: #000000;
	text-align: center;
	padding: 1.5em 0 2em!important;
}
.tokusetsu .footer ul {
	padding: 15px!important;
	text-align: center;
}
.tokusetsu .footer ul li {
	display: inline-block;
	margin: 0.3em!important;
	font-size: 4em!important;
	color: #fff!important;
}
.tokusetsu .footer p {
	color: #fff !important;
	font-size: 1.2em!important;
	line-height: 1.3em !important;
}
.tokusetsu .footer p br {
	display: none;
}
.tokusetsu .far {
	margin: 0 0.2em!important;
}
/* link */
/* -- link h5 -- */
.tokusetsu h4 a:link {
	color: #000!important;
	text-decoration: none!important;
}
.tokusetsu h4 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.tokusetsu h4 a:visited {
	text-decoration: none!important;
	color: #000!important;
}
.tokusetsu .p_img a img:hover {
	cursor : zoom-in;
}
/* -- link cart -- */	
.tokusetsu .cart {
	display: inline-block;
	text-decoration: none;
	padding: 0.5em 0!important;
	width: 100%;
	line-height: 1.3em!important;
	text-align: center;
	color: #fff;
	background: #e60012;
	overflow: hidden;
	border-radius: 10px;
	font-weight: bold;
}
.tokusetsu .course_1 .cart {
	background-color: #ff00d2;
}
.tokusetsu .course_2 .cart {
	background-color: #008a10;
}
.tokusetsu .course_3 .cart {
	background-color: #0018ff;
}
.tokusetsu .cart:visited {
	color: #fff!important;
}
.tokusetsu .cart:hover {
	color: #fff!important;
	position: relative;
	top: -2px;
}
/* --  link backtop -- */
.tokusetsu .backtop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 999999999!important;
}
.tokusetsu .backtop a {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-size: 4em!important;
	font-weight: bold;
	background: rgba(0,0,0,0.59);
	padding: 0.1em 0.3em!important;
}
.tokusetsu .backtop a:hover {
	color: #fff!important;
	position: relative;
	top: -2px;
}
/* -- link footer -- */
.tokusetsu .footer li :link {
	color: #fff!important;
}
.tokusetsu .footer li :hover {
	color: #fff!important;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	transition: 1.0s;
}
.tokusetsu .footer li :visited {
	color: #fff!important;
}
/* float */
.tokusetsu .left {
	float: left;
}
.tokusetsu .right {
	float: right;
}
/* /float */

/* clearfix */
.tokusetsu .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
/* /clearfix */