/*google font インポート*/
@import url('http://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Lalezar');
@import url('https://fonts.googleapis.com/css?family=Passion+One');
@import url('https://fonts.googleapis.com/css?family=Ultra');
@import url('https://fonts.googleapis.com/css?family=Black+Ops+One');
@import url('https://fonts.googleapis.com/css?family=Niconne');
@import url('https://fonts.googleapis.com/css?family=Niconne');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
@import url('https://fonts.googleapis.com/css?family=Homemade+Apple');



body{
	padding:0;
	margin:0;
font-family:'Yu Gothic','Noto Sans Japanese', sans-serif !important;
}


a{
	color:#0E3700;
	text-decoration:none;
}

.letterwrap{
font-family:'Yu Gothic','Noto Sans Japanese', sans-serif !important;
position:relative;
color:#370F0F;
font-size:1.15em;
font-weight:500;
margin:0;
padding:0;
}





/*キャッチ
-------------------------------------------------------------------*/

#catch{
	z-index:3;
	padding:0;
	text-align:center;
	position:absolute;
	top:0;
	width:100%;
/*	cursor:pointer;*//*背景動画の場合にのみ使用*/
/*	background:rgba(0,0,0,0.3);*//*背景動画の場合にのみ使用*/
	
}



#dvdtitle{
	width:100%;
	text-align:center;
	font-weight:100;
	color:#FFF;
}

#dvdtitle img{
	width:95%;
	max-width:800px;
	margin-top:100px;
}

.fadein{
	animation-duration:3s;
	animation-name:fadein;
}

.flashin{
	background:#000;
	opacity:0.3;
	z-index:9999;
	height:100%;
	width:0;
	position:absolute;
	top:0;
	animation-duration:3s;
	animation-name:flashin;
}
@keyframes flashin{
from{
	width:100%;
	background:#000;
	opacity:1;}
25%{
	opacity:1;
}
to{width:100%;
	background:#000;
	opacity:0;}
}

@keyframes fadein{
from{opacity:0;}
25%{opacity:0;}
to{opacity:1;}
}

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

#dvdtitle{
	top:20%;
}
}

@media screen and (max-width: 600px) {
#dvdtitle{
	top:50%;
}
}


.catch{
	font-size:1em !important;
	text-align:center;
	background:url(../image/header_bk.png) center;
	background-size:auto 100%;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro', "游明朝体", "Yu Mincho" ;
	color:#FFF;
	padding:3em 0;
}





/*スクロールボタン
---------------------------------------------------------------------*/

.scroll{
	padding:0 0 1%;
	display:none;
	width:3em;
	margin:0 auto;
	color:#FFF;
	font-weight:500;
	text-align:center;
	font-size:1.5em;
	
}
.scroll img{
	width:1.5em;
}
#catch .scroll{
	width:100%;
	text-align:center;
	display:block !important;
}


@media screen and (max-width: 1000px) {
.scroll{
	display:none;
	text-align:center;
	margin:0 auto;
	font-size:1em;
}
}



@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
	text-shadow:0px 0px 5px #FFF;}
  25%, 75% {
    opacity: 0.1;}
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
}
  25%, 75% {
    opacity: 0.1;}
}
.flash {
	animation-duration:3s;
animation-iteration-count:infinite;
  -webkit-animation-name: flash;
  animation-name: flash;
}


/*背景動画
-------------------------------------------------------------------*/


#player {
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
 }





/*スライドショー
-------------------------------------------------------------------*/
.slideshow{
	width:100%;
	background:#000;
	position:relative;
}

.catchborder{
	z-index:2;
	position:absolute;
	border:1px solid #FFF;
	width:96%;
	height:96%;
	top:2%;
	left:2%;
}

.slidepng{
	width:100%;
	max-height:1000px;
}
.slideimage{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	animation-name:slideshow;
	animation-duration:20s;   /*スライドショー全体の時間(s=秒)*/
	animation-iteration-count:infinite;
	animation-timing-function:linear;
}

/*1枚目*/
.slide1{background:url("../image/slideimage1.jpg") center no-repeat;
	background-size:auto 100%;
	opacity:0;}

/*2枚目*/
.slide2{background:url("../image/slideimage2.jpg") center top no-repeat;
	background-size:auto 100%;
	opacity:0;
	animation-delay:4s;/*一枚目から遅れてフェードインする秒数*/
}

/*3枚目*/
.slide3{background:url("../image/slideimage3.jpg") center top no-repeat;
	background-size:auto 100%;
	opacity:0;
	animation-delay:8s;/*一枚目から遅れてフェードインする秒数*/
}

/*4枚目*/
.slide4{background:url("../image/slideimage4.jpg") center top no-repeat;
	background-size:auto 100%;
	opacity:0;
	animation-delay:12s;/*一枚目から遅れてフェードインする秒数*/
}

/*5枚目*/
.slide5{background:url("../image/slideimage5.jpg") center top no-repeat;
	background-size:auto 100%;
	opacity:0;
	animation-delay:16s;/*一枚目から遅れてフェードインする秒数*/
}




@keyframes slideshow{
from{opacity:0;}
5%{opacity:1;}
17%{opacity:1;}
25%{opacity:0}

}






/*申込みボタン
-----------------------------------------------------------------*/

.moushikomi{
	display:none;
	position:fixed;
	width:100%;
	padding:0.5em 0 0;
	z-index:5000;
	background:#370F0F;
	text-align:center;
	top:0;
}

.moushikomibtn{
	vertical-align:middle;
	font-size:1.3em;
	font-family:Yu Gothic !important;
	font-weight:900;
	text-align:center;
	background:none;
	border:none;
	color:#FFF;
	letter-spacing:0.3em;
}

.moushikomibtn:hover{
	cursor:pointer;
	color:#FF2D2D;
}


form{
	display:inline-block;
	width:95%;
	max-width:600px;
}

input{
	font-family:'Yu Gothic','游ゴシック';
}

@media screen and (max-width: 1000px) {
.moushikomi{
	top:auto;
	bottom:0;
	padding:1% 0;
}
.moushikomibtn{
	margin:1% 0;
	width:auto;
	letter-spacing:0;
	font-size:0.9em;
}

.moushikomi form{
	margin-bottom:0;
}
}

@media screen and (max-width: 600px) {
.moushikomi{
	padding:3% 0;
	text-align:left;
}
}



/*メニュー
------------------------------------------------------------------*/

#menu{
	position:fixed;
	z-index:8000;
}

.micon{
	display:none;
	width:3em;
	position:fixed;
	top:5px;
	right:5px;
	height:3em;
	background:url('../image/micon_bk.png') center no-repeat;
	background-size:100%;
}
.micon:hover{
	cursor:pointer;
	transform:scale(1.2,1.2);
	transition: transform 0.3s ease-in-out;
}

.mcontents{
	text-align:center;
	position:fixed;
	top:0;
	left:0;
	display:none;
	background:rgba(0,0,0,0.9);
	width:100%;
	height:100%;
	z-index:10;
	animation-duration:0.5s;
	animation-name:mcontents;
}


.menuclosebtn{
	width:3em;
	height:3em;
	position:fixed;
	top:1%;
	right:1%;
	position:absolute;
	animation-duration:1s;
	animation-name:mlist;
	background:url('../image/closebtn_bk.png');
	background-size:100%;
}

.menuclosebtn:hover{
	cursor:pointer;
	transform:scale(1.2,1.2);
		transition: transform 0.3s ease-in-out;
}

.mlist{
	display:block;
	margin-top:1em;
	z-index:9999;
	animation-duration:1s;
	animation-name:mlist;
}

.mbtn{
	line-height:200%;
	letter-spacing:0.5em;
	color:#FFF !important;
}
.mbtn:hover{
	color:#FFF9D3;
}





@keyframes mcontents{
from{left:-100%}
to{left:0}
}
@keyframes mlist{
from{opacity:0}
50%{opacity:0;}
to{opacity:1}
}

@media screen and (max-width: 1000px) {
.mlist{
	margin-top:5%;
}
}
@media screen and (max-width: 600px) {
.mlist{
	margin-top:1em;
	font-size:1.2em;
}
}



/*手技オンライン時メニュー*/


main .micon{
	top:13%;
}

@media screen and (max-width: 600px) {
main .mlist{
	margin-top:30%;
}
}


/*トップボタン
---------------------------------------------------------------------*/

.letter_top{
	color:#FFF;
	display:none;
	padding:1% 0;
	position:fixed;
	bottom:2%;
	right:2%;
	width:100px;
	text-align:center;
	z-index:9999;
	background:rgba(0,0,0,0.5);
	border:rgba(255,255,255,0.2);
	border-radius:50px;
}
.letter_top img{
	width:2em;
}
.letter_top:hover{
	background:rgba(0,0,0,0.2);
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);}
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -30px, 0);}
  70% {
    transform: translate3d(0, -15px, 0);}
  90% {
    transform: translate3d(0,-4px,0);}
}
.bounce {
	animation-duration:2s;
	animation-name: bounce;
	transform-origin: center bottom;
	ransform-origin: center bottom;
}









/*期限
---------------------------------------------------------------------*/


.kigen{
	background:url(../image/bk_1.png) center;
	background-size:100% auto;
	padding:1em 0;
	color:#C80003;
	text-align:center;
}
.kigen p{
	margin:0 auto 1em;
}


.kigen .moushikomibtn{
	padding:2em 0;
	display:inline-block;
	border-radius:10px;
	width:95%;
	max-width:700px;
	color:#FFF;
	font-weight:900;
}


.btn1{
	background:#00AC4F;
}
.btn1:hover{
	background:#00D05E;
}

.btn2{
	background:#0072BB;
}
.btn2:hover{
	background:#0089E1;
}

/*リード
---------------------------------------------------------------------*/


.read{
	color:#000;
	background:url(../image/read_bk.jpg);
	padding:2em 0;
}

.read p{
	width:90%;
	line-height:150%;
	max-width:1000px;
	margin:0 auto;
	color:#FFF;
}

@media screen and (max-width: 1000px) {
.read{
	padding:5% 0;
}

}







/*ビフォーアフター
---------------------------------------------------------------------*/



.ba .imagebox{
	display:inline-block;
	vertical-align:top;
	margin:1em auto;
}



.ba .imagebox p{
	font-size:1.5em
}
.bathumb{
	width:90% !important;
	margin:0 auto;
}




.ba .lightbox img{
	max-width:1000px;
}










/*サンプル動画
---------------------------------------------------------------------*/

.movie{
	padding:0 0 5em;
	background:url(../image/mandara2.jpg) center;
	background-size:100% auto;
	color:#FFF;
}
.movie .komi{
	padding-bottom:0;
}

.moviebox{
	position:relative;
/*	width:90%;
	padding-top:54%;*/
	width:1000px;
	height:550px;
	margin:5% auto 0;
}

.moviebox iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0 auto;
}

.moviebox .day{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0 auto;
	background:#000002;
	letter-spacing:0.2em;
	color:#FFF;
	font-size:4em;
	text-align:center;
	font-weight:100;
}
.moviebox .day p{
	position:absolute;
	width:100%;
	top:30%;
}


.movie2{
	background:#B04444;
	position:relative;
}
.movie2 img{
	width:100%;
}
.movie2 iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

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

.moviebox{
	position:relative;
	width:95%;
	max-width:1000px;
	margin:0 auto;
	height:0;
	padding-top:55%;
}

.moviebox .day{
	font-size:1em;
}
}




/*プロフ
---------------------------------------------------------------------*/
.prof{
	overflow:hidden;
	padding:2% 0;
	background:url(../image/bk_2.png) center;
	background-size:100% auto;
	color:#FFF;
}
.prof .komi{
	padding-bottom:0;
}

.profbox{
	width:95%;
	margin:0 auto;
	padding:2% 0;
	text-align:center;
}
.proftext{
	overflow:hidden;
	display:inline-block;
	width:90%;
	max-width:600px;
	padding:3%;
	margin:0 auto;
	text-align:left;
/*	border: solid 1px #470A0A;*/
	vertical-align:top;
}
.name{
	font-size:3em;
}
.namae2{
	font-size:0.7em;
	letter-spacing:0.3em;
}
.profimage{
	display:inline-block;
	width:100%;
	max-width:500px;
	margin:0 3% 0 auto;
	text-align:left;
}
.profimage img{
	width:100%;
}
.nengou{
	width:auto;
	margin:0;
	padding-left:4.2em;
	text-indent:-4.2em;
}

@media screen and (max-width: 1000px) {
.proftext{
	width:96%;
	padding:2%;
	margin:0;}
.name{
	font-size:1.5em;
}
.profimage{
	float:none;
	width:95%;
margin:0 auto;
max-width:700px;
}
}




/*オープンボタン、クローズボタン
--------------------------------------------------------------------*/

.openbtnarea{
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
}

.openbtn{
	cursor:pointer;
	font-size:1.3em !important;
}

.closebtnarea{
	width:100%;
	text-align:center;
	position:absolute;
	bottom:0.5em;
}
.closebtn{
	cursor:pointer;
	width:3em !important;
	margin:1em 0;
}
.closebtn img{
	width:100%;
	max-width:3em;
}

.openbtn:hover,.closebtn:hover{
	opacity:0.8;
}
.plus{
	display:inline;
	width:0.8em !important;
	margin-right:0.3em !important;
}



@media screen and (max-width: 1000px) {
.openbtn{
	font-size:1em !important;
}
.closebtn{
	width:1.5em !important;
}
}




/*小見出し
--------------------------------------------------------------------*/

.komi{
	width:100% !important;
	max-width:100% !important;
	margin:0 auto;
	color:#990000 !important;
	font-weight:900;
	background-size:100% auto;
/*	background:rgba(255,255,255,1);*/
	padding:2em 0;
	text-align:center;
	font-size:2.5em;
}
.komi p{
	text-align:center;
	font-weight:500;
	margin:0 auto;
	width:100%;
	letter-spacing:0.2em;
/*	border:3px solid #FFF;*/
}

.textboxkomi{
	text-align:center;
	width:90%;
	max-width:1200px;
	margin:1em auto 2em;
	font-size:2em;
	font-weight:900;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "MS P明朝";
}


.komi1{background:url(../image/komi_bg1.jpg) left;}
.komi2{background:url(../image/komi_bg2.jpg) center;}
.komi3{background:url(../image/komi_bg3.jpg) center;
padding:5em 0;}
.komi4{background:url(../image/komi_bg4.jpg) center;}
.komi5{background:url(../image/komi_bg5.jpg) center top;
background-size:auto 100%;
padding:15% 0 !important;
font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',"游明朝体","Yu Mincho";}
.komi6{background:url(../image/komi_bg6.jpg) center top;}
.komi7{
	line-height:150%;
background:url(../image/komi_bg7.jpg) center;
background-size: auto 100%;}
.komi8{background:url(../image/komi_bg8.jpg) center;}
.komi9{background:url(../image/komi_bg9.jpg) center;}
.mandara1{
	background:url(../image/mandara.jpg) center top;
	background-size:100% auto !important;}
.mandara2{
	background:url(../image/mandara2.jpg) center top;
	background-size:100% auto !important;}



@media screen and (max-width: 700px) {
.komi{
	font-size:1.2em;
	font-weight:200;
	background-size:auto 100%;
}
}




/*テキストボックス
--------------------------------------------------------------------*/

.textbox{
	position:relative;
	text-align:center;
	background:#FFF;
	color:#370F0F;
}
.textbox .komi{
	padding:5em 0;
}
.textbox p{
	width:90%;
	max-width:1200px;
	margin:0 auto;
}

.textwrap{
	display:none;
	position:relative;
	padding:2em 0 5em;
}

.textbox .openbtn{
	color:#FFF;
}



/*textbox1概要
--------------------------------------------------------------------*/


.textbox1{
	background:#370F0F;
	color:#FFF;}
.textbox1 .textwrap{
	padding:0;}
.textbox1 .block{
	padding:0 0 10em;
	background-size:100% auto;}
.textbox1 .block1{
	padding:5em 0;
	color:#FFF;
}

.textbox1 .border{
	padding:3em 0;
	margin:0 auto;
	max-width:800px;
	border:10px #FFF solid;
}
.textbox1 .block1 p{
	padding:5em 0 !important;}


.textbox1 .block2{background:url(../image/block_bg2.jpg) center bottom;}
.textbox1 .block3{background:url(../image/block_bg3.jpg) center bottom;}
.textbox1 .block4{background:url(../image/block_bg4.jpg) center bottom;}
.textbox1 .block5{background:url(../image/block_bg5.jpg) center bottom;}


@media screen and (max-width: 600px) {
.textbox1 .block{
	background-size:auto 100%;}
.textbox1 .block1{
	padding:0;
}
.textbox1 .border{
	border:none;
	padding:0;
}
.gaiyoucontents{
	text-align:left;
}
}


/*textbox2
---------------------------------------------------------------------*/

.textbox2{
	padding:0 !important;
	background:url(../image/textbox2_bg.jpg) center top;
	background-size:100% auto;
}

.textbox2 .block{
	background:rgba(55,15,15,0.9);
	color:#FFF;
	vertical-align:top;
	width:22%;
	padding:4em 1%;
	max-width:500px;
	display:inline-block;
	background-size:100% auto !important;
}

.textbox2 .blockwrap{
	display:none;
	position:fixed;
	z-index:10;
	top:25%;
	left:0;
	width:100%;
	padding:2em 0;
	background:#370F0F;
	text-align:center;
}
.textbox2 .textwrap p{
	padding:2%;
	vertical-align:middle;
	text-align:left !important;
	width:95%;
	max-width:800px;
	margin:0 auto;
}
.blockopen ,.blockclose{
	width:2em;
	cursor:pointer;
}

/*.textbox2 .block1{background:url("../image/block2_bg1.jpg");}
.textbox2 .block2{background:url("../image/block2_bg2.jpg");}
.textbox2 .block3{background:url("../image/block2_bg3.jpg");}
.textbox2 .block4{background:url("../image/block2_bg4.jpg");}*/

@media screen and (max-width: 1000px) {
.textbox2{
	background-size:auto 100%;
}
.textbox2 .block{
	width:100%;
	border-bottom:10px solid #FFF;
}
.textbox2 .blockwrap{
	top:3em;
}
}



/*textbox4
---------------------------------------------------------------------*/


.textbox4{
	background:url(../image/mandara3.jpg)center top;
	background-size:100% auto;
	text-align:center;
}

.textbox4 .imagebox{
	width:98%;
	background:rgba(55,15,15,0.5);
	padding:2em 0;
	margin:5px auto 0;
	vertical-align:top;
	display:inline-block;
	color:#FFF;
}

.textbox4 .w20{width:24.3% !important;}

.imagebox img{
	cursor:pointer;
	width:100%;
	max-width:400px;
}

.imagebox p{
	font-size:1.2em;
}

.imagebox img:hover{
	opacity:0.8;
}



@media screen and (max-width: 1000px) {
.textbox4 .imagebox{
	height:inherit !important;
	width:90%;
}
.textbox4 .w20{width:90% !important;
}
}



/*症状例
---------------------------------------------------------------------*/


.shoujou{
	width:100%;
	text-align:center;
	background:#370F0F;
	color:#FFF;
	position:relative;
}

.shoujouwrap{
	display:none;
	padding:2em 0 5em;
}

.shoujoubox{
	display:inline-block;
	vertical-align:top;
	width:40%;
	max-width:400px;
	margin:2px;
}
.shoujou img{
	cursor:pointer;
	width:100%;
	margin:0;
}

.shoujou p{
	text-align:center;
	margin:0 auto 1em;
}


/*lightbox
-------------------------------------------------------------------*/


.lightbox{
	display:none;
	z-index:10;
	position:fixed;
	top:4em;
	left:0;
	width:100%;
	text-align:center;
	color:#FFF;
}
.lightbox .black{
	width:100%;
	height:100%;
	margin:0 auto;
	background:rgba(0,0,0,0.9);
	padding:2em 0;
}
.lightbox img{
	width:70%;
	margin:0 auto 2px;
	max-width:500px;
}
.lightbox .btn{
	cursor:pointer;
	width:2em;
}


/*感想
--------------------------------------------------------------------*/



.kansou{
	padding:2% 0 5em;
	text-align:center;
	color:#FFF;
	background:url(../image/mandara2.jpg) top;
	position:relative;
}

.kansouwrap{
	display:none;
}

.kansou_box{
	width:35%;
	max-width:300px;
	border:2px solid #B04444;
	padding:1em;
	margin:0.3em auto;
	display:inline-block;
	text-align:center;
	vertical-align:top;
}
.kansou_box p{
	margin:0;
}

.kansou_box .fs09{
	text-align:left;
}
.drimg{
	cursor:pointer;
	width:100%;
	max-width:400px;
}


.drimg:hover{
	opacity:0.5;
}
.kansoubtn{
	font-weight:900;
	cursor:pointer;
	color:#FFF844;
}
.kansoubtn:hover{
	color:#FFFCBC;
}

.kansou_text{
	display:none;
	z-index:9000;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	text-align:center;
}

.kansou_text img{
	margin:3em 0 0;
	height:80%;
}

.kansouclose{
	cursor:pointer;
	width:3em;
	height:3em;
	background:url(../image/closebtn_bk.png);
	background-size:100%;
	margin:0 auto;	
}

.kansouclose:hover{
	opacity:0.8;
}


@media screen and (max-width: 1000px) {
.kansou_text img{
	width:95%;
}
}








/*DVD概要
---------------------------------------------------------*/

.naiyou{
	padding:0;
/*	background:url(../image/bg4.jpg) left top no-repeat;*/
	background:url(../image/mandara2.jpg) bottom;
	background-size:100% auto;
	color:#FFF;
	position:relative;
}

.naiyoukomi{
	position:relative;
	background:url(../image/dvd_bk.jpg) no-repeat top;
	background-size:auto 100%;
}

.naiyou .openbtnarea{
	position:absolute;
	bottom:0;
	color:#370F0F;
}


.naiyoucl{
	width:100%;
	max-width:1000px;
	
}

.naiyoubtnarea{
	background:#B04444;
	width:100%;
	text-align:center;
	position:absolute;
	bottom:0;
}
.naiyoubtn{
	font-size:2em;
	color:#FFF;
}
.naiyoubtn img{
	width:1em;
	height:auto;
	margin-right:0.5em;
}
.naiyoutext{
	display:inline-table;
	width:100%;
	max-width:400px;
	margin-left:3%;
	text-align:left !important;
}

.naiyoubox{
	display:none;
/*	background:rgba(255,255,255,0.3);*/
	padding:3em 0 5em;
	margin:0 auto;
	width:100%;
/*	border:3px solid #370F0F;*/
	text-align:center !important;
}


.naiyouclose img{
	width:2em;	
}
.naiyoutext .mokuji{
	font-size:2em;
	margin-bottom:1em;
	text-align:center;
}



@media screen and (max-width: 1000px) {
.naiyou{
	background-size:auto 100%;
}

.naiyoubtn{
	font-size:0.9em;
}
.naiyoutext{
	margin-left:0;
	margin-top:6%;
	width:100%;
}
.naiyoutext p{
	font-size:1em;
	margin:0 auto;
}

.naiyoutext .mokuji,.naiyoutext2 .mokuji{
	margin:0 auto;
}

}



/*特典
---------------------------------------------------------------------*/

.tokuten{
	padding:2% 0;
	background:url(../image/mandara.jpg) center top;
	background-size:100% auto;
	color:#FFF;
}


.tkwrap{
	margin:0;
	padding:0 0 5%;
	text-align:center;
	color:#FFF;
}

.tk1{background:url(../image/tkimage_sample.png) center no-repeat;}
.tk2{background:url(../image/tkimage2.png) center no-repeat;}
.tk3{background:url(../image/tkimage3.png) center no-repeat;}
.tk4{background:url(../image/tkimage_sample.png) center no-repeat;}
.tk5{background:url(../image/tkimage_sample.png) center no-repeat;}
.tk6{background:url(../image/tkimage_online.png) center no-repeat;}


.tkthumb{
	background-size:auto 100%;
	transition-duration:0.4s;
	display:inline-block;
	position:relative;
	margin:1px auto;
	width:90%;
	max-width:630px;
	height:auto;
	text-align:center;
}


.tkthumb:hover{
	background-size:auto 130%;
}

.tkthumb img{
	opacity:0;
	width:100%;
	height:auto;
}

.tkmokuji{
	font-weight:500;
	width:100%;
	font-size:1.3em;
	line-height:120%;
	top:0;
	padding:10% 0;
	position:absolute;
	text-align:center;
}
.tknaiyou{
	font-size:0.9em;
	text-align:left;
	display:none;
	overflow:hidden;
	background:#370F0F;
	position:fixed;
	width:100%;
	padding:3% 0 1%;
	top:8%;
	left:0;
	z-index:9000;
}
.tknaiyou p{
	width:95%;
	max-width:1000px;
	margin:0 auto;
	
}
.tkopen{
	position:absolute;
	cursor:pointer;
	right:3%;
	bottom:3%;
	font-size:1.2em;
	color:#9AFFFD;
	transition-duration:0.5s;
}
.tkopen:hover{
	color:#FFFFFF;
}

.tkclose{
	margin:1% auto;
	cursor:pointer;
	width:2em;
	height:2em;
	background:url(../image/closebtn_bk.png)center no-repeat;
	background-size:100%;
}


@media screen and (max-width: 1000px) {
.tknaiyou{
	top:4em;
}
.tkmokuji{
	font-size:1em;
}
.tkopen{
	font-size:1em;
}
}




@media screen and (max-width: 1000px) {
main .tknaiyou{
	top:10%;
}
}





/*先行特典
-------------------------------------------------------------------------*/



.sentk .textwrap p{
	max-width:800px;
	text-align:left !important;
}


.semshousai{
	text-align:center;
	width:90%;
	max-width:800px;
	margin:0 auto;
	padding:2%;
	border:10px solid #470A0A;
}



/*クロージング
--------------------------------------------------------------------------*/


.closing{
	background:#B04444;
	color:#FFF !important;
}


.closing .textwrap p{
	
	text-align:left;
}


.closing1 .border{
	border:#f7e845 solid 1em;
	padding:2em 0;
	max-width:1500px;
	margin:0 auto;
}

.closing p{
	text-align:center !important;
}




/*推薦文
---------------------------------------------------------------------------*/




.suisen{
	padding:2em 0;
	background:#370F0F;
	background-size:100% auto;
	position:relative;
}

.suisenkomi{
	width:90%;
	max-width:800px;
	margin:0 auto;
	text-align:center;
	font-size:2.5em;
	color:#FFF;
}
.suisenwrap{
	background:#FFF;
	width:100%;
	display:none;
	padding:2em 0;
}

.suisenwrap p{
	padding:1em;
	width:85%;
	max-width:800px;
	margin:0 auto;
	background:url(../image/letter_bg.png);
	background-size:auto 1.6em;
	background-position:0 1em;
}

.suisenopen{
	cursor:pointer;
}
.openbtnarea{
	text-align:center;
}
.closebtnarea{
	text-align:center;
}
.suisenclose{
	cursor:pointer;
	width:3em;
}

.plus{
	vertical-align:middle;
}


@media screen and (max-width: 1000px) {
	.suisenkomi{
		font-size:1em;
}
}



/*メリット
---------------------------------------------------------------------------*/


.merit{
	position:relative;
	padding:3% 0;
	text-align:center;
	color:#FFF;
}

.meritwrap{
	display:none;
	width:100%;
	margin:0 auto;
	padding:0 0 4em;
}
.merit p{
	width:100%;
	max-width:1000px;
	margin:0 auto;
}

.merit ul{
	border:5px solid #FFF;
	padding:2em 3%;
	list-style:none;
	width:90%;
	max-width:800px;
	margin:0 auto;
}

.merit li{
	background:url(../image/check.png) left top no-repeat;
	text-align:left;
	padding-left:2em;
	background-size:auto 1.5em;
	line-height:250%;
}



@media screen and (max-width: 1400px) {
.merit{
	background-size:auto 100%;
}
.merit li{
	font-size:1em;
	line-height:100%;
	padding:0.5em 0 0.5em 2em;
	font-weight:normal;
}
}

/*セット
---------------------------------------------------------------------------*/



.set{
	background:#B04444;
	color:#FFF;
	padding:3% 0;
	text-align:center;
}


.setcontents{
	width:90%;
	max-width:300px;
	display:inline-block;
	vertical-align:top;
	margin:1em;
}
.setcontents img{
	width:100%;
}


.setcontents2{
	width:90%;
	max-width:800px;
	display:inline-block;
	vertical-align:top;
	margin:1em;
}

.setcontents2 img{
	width:100%;
}


/*返金保障
--------------------------------------------------------------------*/


.henkin{
	position:relative;
	background:#370F0F;
	color:#FFF;
	text-align:center;
	padding:3em 0;
}

.henkinbtn{
	cursor:pointer;
}
.henkinbtn:hover{
	color:#44EBBF;
}


.henkintext{
	margin:0 auto;
	display:none;
	padding:2em 0;
}
.henkintext p{
	width:90%;
	max-width:800px;
	margin:0 auto;
	text-align:left;
}
.henkinclose img{
	cursor:pointer;
	width:3em;
	height:auto;
	margin:0 auto;
}

.henkinclose:hover{
	opacity:0.4;
}




/*見どころ
---------------------------------------------------------------------------*/


.midokorokomi{
	background:#B04444;
	background-size:100% auto;
	position:relative;
	color:#FFF !important;
	padding:2% 0;
}

.midokorokomi p{
	margin:0;
	font-size:2em;
	padding:5em 0;
	text-align:center;
}

.midokorobtnarea{
	position:absolute;
	bottom:1em;
	width:100%;
	text-align:center;
}
.midokorobtn{
	cursor:pointer;
	color:#FFF;
	font-size:1.2em;
}
.midokorobtn:hover{
	opacity:0.5;
}
.plus{
	width:1em;
}
.midokorobox{
	padding:3% 0;
	text-align:center;
	background:#370F0F;
	color:#FFF;
}

.midokorocontents p{
	text-align:left;
}

.midokorocontents{
	padding:3%;
	width:90%;
	max-width:800px;
	margin:1em auto;
	vertical-align:top;
	display:inline-block;
	border:solid #FFF 3px;
}

.midokorocontents img{
	width:100%;
}

.midokoroclose img{
	width:3em;
}
.midokoroclose:hover{
	opacity:0.5;
}


@media screen and (max-width: 1000px) {
.midokorokomi{
	background-size:auto 100%;
}
.midokorokomi p{
	font-size:1.5em;
}
}


/*商品画像、テキスト
---------------------------------------------------------------------------*/


.shouhin{
	width:100%;
}


.shouhinpng{
	width:65%;
	max-height:700px;
}

.bk {
  background:#fff;
  background-size: auto 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -2;
 }


 .shouhintext2{
	 font-size:0.8em !important;
 }
 #shouhin{
	 position:relative;
 }
#shouhin .shouhintext{
	background:#370F0F;
	color:#FFF;
	padding:2% 0;
	 font-weight:100;
	 width:100%;
	 text-align:center;
}

.nedanimg{
	width:90%;
	max-width:600px;
	margin:0 auto;
}


@media screen and (max-width: 600px) {
.bk{
	background:url('../image/r_shouhin_bk.jpg') no-repeat center top;
  background-size: auto 100%;
  padding-bottom: 108px;
}
 #shouhin .shouhintext{
	 font-weight:100;
	 padding:10% 0 20%;
	 width:100%;
	 text-align:center;
 }


}



/*分割
--------------------------------------------------------------------*/


.bunkatsu{
	background:url(../image/bk_1.png)center;
	background-size:100% auto;
	padding:2em 0 0;
	text-align:center;
}


.bunkatsukomi{
	text-align:center;
}

.bunkatsu img{
	width:100%;
	max-width:900px;
	margin:0 auto;
}

.bunkatsu p{
	width:90%;
	max-width:800px;
	text-align:left;
	margin:0 auto;
}



.bunkatsu .bgb{
	width:100%;
	background:url(../image/mandara2.jpg) center;
	background-size:1005 auto;
	padding:2em 0;
}
.bunkatsu .moushikomibtn{
	border-radius:10px;
	padding:2em 0;
	color:#FFF;
	width:95%;
	max-width:700px;
	display:inline-block;
}




/*form
-------------------------------------------------------*/

#form1{
	width:990px;
	margin:0px auto;
	height:400px;
	border-left: 3px #ddd solid;
    border-right: 3px #ddd solid;
	padding: 20px 0;
}

#form1 .left-box1{
      float : left ;
      width : 470x ;
	  margin-left: 20px;
      }
	  
#form1 .left-box2{
	  margin-left: 10px;
      float : left ;
      width : 470px; 
      background : #fff ;
      border : 1px solid #000;
	  height: 384px;
	  text-align:center;
      padding-top: 20px;
      }
	  
.clr-block{
      clear : both ;
       background : #09f ;
      padding : 5px ;
      }

#form1 input.mail1	{
width: 90%;
height:30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-size:20px;
}
	 
	 

#free-video-register #video-banner {
	margin: 25px 0 15px;
}
#free-video-register input[type="text"] {
	color: #aaa;
	width: 357px;
	height:40px;
	margin-top: 25px;
	display: inline-block;
}
#free-video-register input[type="text"]:focus, #free-video-register input[type="text"]:checked {
	color: #000;
}
#free-video-register button {
	margin-top: 30px;
	margin-left: 10px;
	background: transparent;
	border: none;
}
#free-video-register #box2 {
	width: 445px;
	display: block;
	margin-top: 10px;
	margin-left: 10px;
}
#free-video-register label {
	color: #000;
	display: inline-block;
}
#free-video-register label#myouji {

}






/*挨拶文
--------------------------------------------------------------------*/


.aisatsu{
	padding:10em 0;
	background:url(../image/aisatsu_bg.jpg) left top;
	background-size:auto 100%;
	text-align:center;
	position:relative;
	margin:0;
}

.dr{
	display:none;
	width:100%;
	max-width:500px;
	margin:0;
	padding:0;
}


.aisatsutext{
	margin:0 0 0 auto;
	color:#370F0F;
	width:50%;
	text-align:left;
	padding:0;
}
.aisatsutext p{
	padding:0 !important;
	margin:0 auto;
}

@media screen and (max-width: 1300px) {
.aisatsu{
	padding:0;
	background:#B04444;
}
.dr{
	display:block;
	width:100%;
	max-width:inherit;
	background:url(../image/aisatsu_bgr.jpg) left top;
	background-size:auto 100%;
}
.aisatsutext{
	width:95%;
	margin:0 auto;
	border:none;
	color:#FFF;
	padding:2em 0;
}
}

/*フッター
---------------------------------------------------------------------*/


#so_footer{
	font-family:'Century Gothic','Noto Sans Japanese', sans-serif;
	font-weight:100;
	position:relative;
	background:#370F0F;
	width:96%;
	padding:3% 2%;
}
.topbtn{
	display:block;
	width:100%;
	margin:-90px auto 20px;
	text-align:center;
}
.topbtn img{
	width:4em;
}
.so_footer{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	color:#FFF;
}
.so_footer a{
	text-decoration:none;
	color:#FFF;
}
.so_footer a:hover{
	color:#EBEBEB;
}


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

#so_footer{
	padding-bottom:15%;
}
.topbtn{
	font-size:1em;
	margin:-5% auto 0;
}
.topbtn img{
	width:2em;
}

}

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

#so_footer{
	padding-bottom:30%;
}

#copy{
	padding-bottom:80px;
}

}



/*フロート
-------------------------------------------------------------------*/
.floatl{	float:left;}
.floatr{	float:right;}
.clear{clear:both;}







/* 文字装飾
------------------------------------------------------------------- */


/*文字サイズ*/
.fs05{font-size:0.5em !important;}
.fs06{font-size:0.6em !important;}
.fs07{font-size:0.7em !important;}
.fs08{font-size:0.8em !important;}
.fs09{font-size:0.9em !important;}
.fs11{font-size:1.1em !important;}
.fs12{font-size:1.2em !important;}
.fs13{font-size:1.3em !important;}
.fs14{font-size:1.4em !important;}
.fs15{font-size:1.5em !important;}
.fs16{font-size:1.6em !important;}
.fs17{font-size:1.7em !important;}
.fs18{font-size:1.8em !important;}
.fs19{font-size:1.9em !important;}
.fs20{font-size:2.0em !important;}
.fs21{font-size:2.1em !important;}
.fs22{font-size:2.2em !important;}
.fs23{font-size:2.3em !important;}
.fs24{font-size:2.4em !important;}
.fs25{font-size:2.5em !important;}
.fs26{font-size:2.6em !important;}
.fs27{font-size:2.7em !important;}
.fs28{font-size:2.8em !important;}
.fs29{font-size:2.9em !important;}
.fs30{font-size:3.0em !important;}
.fs31{font-size:3.1em !important;}
.fs32{font-size:3.2em !important;}
.fs33{font-size:3.3em !important;}
.fs34{font-size:3.4em !important;}
.fs35{font-size:3.5em !important;}
.fs36{font-size:3.6em !important;}
.fs37{font-size:3.7em !important;}
.fs38{font-size:3.8em !important;}
.fs39{font-size:3.9em !important;}
.fs40{font-size:4.0em !important;}
.fs41{font-size:4.1em !important;}
.fs42{font-size:4.2em !important;}
.fs43{font-size:4.3em !important;}
.fs44{font-size:4.4em !important;}
.fs45{font-size:4.5em !important;}
.fs46{font-size:4.6em !important;}
.fs47{font-size:4.7em !important;}
.fs48{font-size:4.8em !important;}
.fs49{font-size:4.9em !important;}
.fs50{font-size:5.0em !important;}
.fs51{font-size:5.1em !important;}
.fs52{font-size:5.2em !important;}
.fs53{font-size:5.3em !important;}
.fs54{font-size:5.4em !important;}
.fs55{font-size:5.5em !important;}
.fs56{font-size:5.6em !important;}
.fs57{font-size:5.7em !important;}
.fs58{font-size:5.8em !important;}
.fs59{font-size:5.9em !important;}
.fs60{font-size:6.0em !important;}
.fs70{font-size:7.0em !important;}
.fs80{font-size:8.0em !important;}
.fs90{font-size:9.0em !important;}
.fs100{font-size:10em !important;}
.fs150{font-size:15em !important;}
.fs200{font-size:20em !important;}



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

/*文字サイズ*/
.fs05,.fs06,.fs07,.fs08,.fs09{
	font-size:0.8em;
}


.fs11,.fs12,.fs13,.fs14,.fs15,.fs16,.fs17,.fs18,.fs19,
.fs20,.fs21,.fs22,.fs23,.fs24,.fs25,.fs26,.fs27,.fs28,.fs29,
.fs31,.fs32,.fs33,.fs34,.fs35,.fs36,.fs37,.fs38,.fs39,
.fs40,.fs41,.fs42,.fs43,.fs44,.fs45,.fs46,.fs47,.fs48,.fs49,
.fs50,.fs51,.fs52,.fs53,.fs54,.fs55,.fs56,.fs57,.fs58,.fs59,
.fs60,.fs70,.fs80,.fs90{font-size:1.1em !important;}


.fs30{font-size:1.3em !important;}
.fs40{font-size:2em !important;}
.fs50{font-size:2em !important;}
.fs100{font-size:3em !important;}
.fs150{font-size:6em !important;}
.fs200{font-size:10em !important;}

}




/*斜め文字*/
.naname{
	transform:rotate(-10deg);}

/*太文字*/
.b{font-weight:900;}

/*細文字*/
.fw2{font-weight:200;}

/*アンダーライン*/
.u{text-decoration:underline;}

/*バック黄色*/
.by{background:#FFFF00;}

/*バック赤色*/
.br{background:#E40003;}

/*バック黒色*/
.bkb{ background:#000000;}

/*赤文字*/
.r{color:#FF3535;}

/*白文字*/
.w{color:#FFFFFF;}

/*黄文字*/
.y{color:#f7e845;}

/*臙脂文字*/
.ej{color:#990000;}

/*notoフォント*/
.noto{font-family:'Noto Sans Japanese', sans-serif;}

/*明朝フォント*/
.minchou{font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝";}


/*英字 googlefont*/
.anton{font-family: 'Anton', sans-serif !important;}
.lobster{font-family: 'Lobster', cursive !important;}
.lelazar{font-family: 'Lalezar', cursive !important;}
.passion{font-family: 'Passion One', cursive !important;}
.ultra{font-family: 'Ultra', serif !important;}
.stencil{font-family: 'Black Ops One', cursive !important;}
.niconne{font-family: 'Niconne', cursive !important;}
.abril{font-family: 'Abril Fatface', cursive !important;}
.homemade{font-family: 'Homemade Apple', cursive !important;}
.cgothic{font-family:'Century Gothic' !important;}

/*文字間隔*/

.ls002{letter-spacing:-0.2em;}
.ls001{letter-spacing:-0.1em;}
.ls01{letter-spacing:0.1em;}
.ls02{letter-spacing:0.2em;}
.ls10{letter-spacing:1em;}
.ls20{letter-spacing:2em;}
.ls30{letter-spacing:3em;}
	

/*文字高さ*/

.lh10{line-height:100%;}
.lh11{line-height:110%;}
.lh12{line-height:120%;}
.lh13{line-height:130%;}
.lh14{line-height:140%;}
.lh15{line-height:150%;}
.lh16{line-height:160%;}
.lh17{line-height:170%;}
.lh18{line-height:180%;}
.lh19{line-height:190%;}
.lh20{line-height:200%;}

/*width*/
.w100{width:100px;}
.w200{width:200px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
.w600{width:600px;}
.w700{width:700px;}
.w800{width:800px;}
.w900{width:900px;}
.w1000{width:1000px;}
.w2000{width:2000px;}

/*height*/
.h100{height:100px;}
.h200{height:200px;}
.h300{height:300px;}
.h400{height:400px;}
.h500{height:500px;}
.h600{height:600px;}
.h700{height:700px;}
.h800{height:800px;}
.h900{height:900px;}
.h1000{height:1000px;}
.h2000{height:2000px;}







/*レスポンシブ 表示切替*/

.hi{display:inline-block !important;}
.hy{display:none !important;}

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

.hi{display:none !important;}
.hy{display:inline-block !important;}


}