/*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('httpqas://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{
	text-decoration:none;
}


.letterwrap{
font-family:'Century Gothic','Noto Sans Japanese','Yu Gothic',sans-serif;
position:relative;
color:#555555;
font-size:1.1em;
font-weight:200;
margin:0;
padding:0;
}

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

h1,h2,h3{
	font-size:inherit;
	font-weight:inherit;
	margin:0 auto;
	padding:none;
	text-align:inherit;
}



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

#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{
	text-align:center;
	font-weight:100;
	color:#FFF;
}
#dvdtitle p{
	margin:20% auto 10%;;
}

#dvdtitle h1{
	margin:18% auto 10%;
}

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


.catch2{
	text-align:center;
	background:url(../image/midashi_title.jpg) no-repeat center;
	background-size: cover!important;
}

.catch2 h2{
	text-align:center;
	margin:0 auto;
	width:100% !important;
	max-width:1000px !important;
	padding:5% 0;
	color:#FFF;
}


.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 p{
		margin:30% auto 0;
	}
}









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

.scroll{
	padding:0 0 1%;
	display:none;
	width:5em;
	margin:0 auto;
	color:#233255;
	font-weight:100;
	text-align:center;
	font-size:2em;
	
}
.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;
}





/*スライドショー
-------------------------------------------------------------------*/
.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:950px;
}
.slideimage{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	animation-name:slideshow;
	animation-duration:16s;   /*スライドショー全体の時間(s=秒)*/
	animation-iteration-count:infinite;
	animation-timing-function:linear;
}

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

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

/*3枚目*/
.slide3{background:url("../image/slideimage2.jpg") right 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;/*一枚目から遅れてフェードインする秒数*/
}


@media screen and (max-width: 1000px) {
	.slidepng{
		width: 70%;
		max-height: 550px;
	}
	.slide1{
		background-position: 70% 0;
}
	.slide2{
		background-position: 65% 0;
	}
	.slide3{
		background-position: 65% 0
	}
}


@keyframes slideshow{
from{opacity:0;}
4%{opacity:1;}
21%{opacity:1;}
30%{opacity:0}

}




/*ヘッダー_画像一枚のみ
-----------------------------------------------------------------*/

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


.letter_header{
	background:url(../image/catch4.png)center top;
	background-size:auto 100%;
	
}







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

.moushikomi{
	display:none;
	position:fixed;
	width:100%;
	padding:0;
	z-index:10;
	background:#000000;
	text-align:center;
	top:0;
}

.moushikomibtn{
	vertical-align:middle;
	padding:0;
	font-family:'Yu Gothic','Century Gothic','Noto Sans Japanese', sans-serif;
	text-align:center;
	background:none;
	border:none;
	color:#FFF;
	letter-spacing:0.3em;
	font-size:1em;
	
}

.moushikomi form{
	cursor:pointer;
	width:49.8%;
	max-width:inherit;
	padding:1% 0;
	margin:0;
}
.moushikomi form:hover{
	background:#777;
}
.moushikomibtn:hover{
	cursor:pointer;
}


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

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


@media screen and (max-width: 1200px) {
.moushikomi form{
	width:100%;
	padding:1.5% 0;
}

}

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

.moushikomi form{
	margin-bottom:0;
}

}

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



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

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

.micon{
	display:none;
	position:fixed;
	top:5px;
	right:5px;
	height:3em;
	width: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) {

.micon{
	background:url('../image//micon_bk3.png') center no-repeat;
	background-size:90%;
}
.mlist{
	margin-top:5%;
}
}
@media screen and (max-width: 600px) {
.mlist{
	margin-top:0.7em;
	font-size:1.1em;
}
	.mbtn{
		font-size:0.8em!important;
	}
}



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


main .micon{
	top:13%;
}

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




/*SNSボタン
--------------------------------------------------------------------*/



.snsbtn{
	display:none;
	background:rgba(0,0,0,0.8);
	position:fixed;
	left:10px;
	bottom:10px;
	color:#FFF;
	z-index:10;
	padding:20px;
	animation-name:snsbtnin;
	animation-duration:2s;
}
.snsbtn p{
	font-size:0.8em;
	margin:0 auto;
}

.snsbtn iframe{
	width:120px !important;
}




@keyframes snsbtnin{
0%{left:-300px;}
100%{left:0;}
}



@media screen and (max-width: 1000px) {
.snsbtn{
	max-width:150px;
	bottom:90px;
	padding:10px;
}


}



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

.letter_top{
	color:#FFF;
	display:none;
	padding:1% 0;
	position:fixed;
	bottom:2%;
	right:2%;
	width:100px;
	text-align:center;
	z-index:20;
	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;
}
@media screen and (max-width: 1000px) {
	.letter_top{
		bottom:80px;
		right:2%;
		width:60px;
	}
	.letter_top img{
	width:1em;
}
}


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

.komi{
	width:95%;
	max-width:1000px;
	margin:0 auto;
	background:#20378F;
	text-align:center;
	color:#FFF;
	padding:1% 0 1% 3%;
	text-align:left;
}
.komi_s{
	width:95%;
	max-width:1000px;
	margin:0 auto;
	background: url(../image/sekka_midashi.jpg) no-repeat center top;
	background-size: 100% auto;
	padding:8% 0;
	padding-bottom: 5%;
}

.komi h3{
	font-size: 1.4em;
}
.dkomi{
	width:100% !important;
	margin:0 auto;
	background:#007FDB;
	background:url(../image/komi_bg2.jpg) center no-repeat;
	background-size:100% auto;
	color:#FFF;
	text-align:center;
	padding:9% 0;
}


.dkomi h3{
	font-size:2em;
	text-align:center;
	margin:auto;
	width:100% !important;
	letter-spacing:0.1em;
/*	border:3px solid #FFF;*/
}

.komi0{
	width:95%;
	max-width:1000px;
	margin:0 auto;
	background:#8f2020;
	text-align:center;
	color:#FFF;
	padding:1% 3%;
	text-align:left;
	border-radius: 20px;
}
.komi0 h3{
	font-size: 1.4em;
}

.komi1{
    background: URL(../image/horoyoi.jpg)no-repeat center !important;
    background-size:cover !important;
    line-height: 300%;
    padding: 0 !important;
}

.komi2{  
	background: URL(../image/onkodo.jpg)no-repeat center !important;
    background-size: cover !important;
    line-height: 300%;
    padding: 0 !important;}



.komi3{
	background: URL(../image/senkou_shiba.jpg)no-repeat center !important;
    background-size: cover!important;
    line-height: 300%;
    padding: 0 !important;}


.komi4{background:url(../image/closing.jpg)no-repeat center !important;
	background-size: cover!important;
	padding: 20% 0;}

.komi5{background:url(../image/onko_midashi.jpg)no-repeat center;
background-size:cover;}
/*
.komi6{background:url(../image/komi_bg6.jpg) center;}
.komi7{background:url(../image/komi_bg7.jpg) center;}
.komi8{background:url(../image/komi_bg8.jpg) center;}
.komi9{background:url(../image/komi_bg9.jpg) center;}*/

.sptokucl{
	width:60%;
	max-width:1000px;
}



@media screen and (max-width: 1000px) {
.dkomi h3{
	font-size:1.2em;
	font-weight:200;
	background-size:auto 100% !important;
}
.komi h3{
	font-size: 1.1em;
}
	.kon{font-size: 1em;}
	.komi_s{
		padding:12% 0;
	}
	.komi0 h3{
		text-align: left;
		font-size: 1.1em;
		padding: 1% 0.5%;}
	.komi4{
		padding: 30% 0;
	}
	.sptokucl{
		width: 60%;
		max-width: 600px;
	}

}



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


.kigen{
	background: navy;
	background-size:100% auto;
	padding:5% 0;
	color:#FFFFFF;
	text-align:center;
}
.kigen p{
	margin:0 auto 1em;
}


.kigen .moushikomibtn{
	padding:2em 0 !important;
	display:inline-block !important;
	width:95% !important;
	max-width:700px !important;
	color:#000 !important;
}
.kigen .moushikomibtn:hover{
	color:#244F62;
}

.letterwrap .btn1{
	background:#FFFF00 !important;}
.letterwrap .btn1:hover{
	background:#ffc000  !important;
}

.letterwrap .btn2{
	background:#F84F0D !important;
}
.letterwrap .btn2:hover{
	background:#D92F10 !important;
}
@media screen and (max-width: 1000px) {
.letterwrap .btn1 {
	-moz-box-shadow:inset 0px -7px 0px -1px #e08712;
	-webkit-box-shadow:inset 0px -7px 0px -1px #e08712;
	box-shadow:inset 0px -7px 0px -1px #e08712;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0c911), color-stop(1, #f2ab1e) );
	background:-moz-linear-gradient( center top, #f0c911 5%, #f2ab1e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e');
	background-color:#f0c911;
	-webkit-border-top-left-radius:28px;
	-moz-border-radius-topleft:28px;
	border-top-left-radius:28px;
	-webkit-border-top-right-radius:28px;
	-moz-border-radius-topright:28px;
	border-top-right-radius:28px;
	-webkit-border-bottom-right-radius:28px;
	-moz-border-radius-bottomright:28px;
	border-bottom-right-radius:28px;
	-webkit-border-bottom-left-radius:28px;
	-moz-border-radius-bottomleft:28px;
	border-bottom-left-radius:28px;
	text-indent:0px;
	display:inline-block;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
	.letterwrap .btn1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2ab1e), color-stop(1, #f0c911) );
	background:-moz-linear-gradient( center top, #f2ab1e 5%, #f0c911 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ab1e', endColorstr='#f0c911');
	background-color:#f2ab1e;}
	.letterwrap .btn1:active {
	position:relative;
	top:1px;
}
.letterwrap .btn2 {
	-moz-box-shadow:inset 0px -7px 0px -1px #b21b00;
	-webkit-box-shadow:inset 0px -7px 0px -1px #b21b00;
	box-shadow:inset 0px -7px 0px -1px #b21b00;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0c911), color-stop(1, #f2ab1e) );
	background:-moz-linear-gradient( center top, #f0c911 5%, #f2ab1e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e');
	background-color:#f0c911;
	-webkit-border-top-left-radius:28px;
	-moz-border-radius-topleft:28px;
	border-top-left-radius:28px;
	-webkit-border-top-right-radius:28px;
	-moz-border-radius-topright:28px;
	border-top-right-radius:28px;
	-webkit-border-bottom-right-radius:28px;
	-moz-border-radius-bottomright:28px;
	border-bottom-right-radius:28px;
	-webkit-border-bottom-left-radius:28px;
	-moz-border-radius-bottomleft:28px;
	border-bottom-left-radius:28px;
	text-indent:0px;
	display:inline-block;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
	.letterwrap .btn2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2ab1e), color-stop(1, #f0c911) );
	background:-moz-linear-gradient( center top, #f2ab1e 5%, #f0c911 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ab1e', endColorstr='#f0c911');
	background-color:#f2ab1e;}
	.letterwrap .btn2:active {
	position:relative;
	top:1px;
}
}

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

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

.openbtn{
	margin:0 auto 0.5em !important;
	cursor:pointer;
	font-size:1.3em !important;
	color:#FFF !important;
}

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

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



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



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

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

.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%;
}

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

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

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



/*プロフ
---------------------------------------------------------------------*/
.prof{
	background: url(../image/prof_bk.jpg) no-repeat right top;
	background-size: auto 100%;
	padding:2em 0 5%;
}

.profbox{
	width:95%;
	margin:0 auto;
	padding:2% 0;
	text-align:center;
}
.proftext{
	font-size:0.9em;
	font-weight:300;
	overflow:hidden;
	display:inline-block;
	width:90%;
	max-width:700px;
	margin:0 auto;
	text-align:left;
/*	border: solid 1px #470A0A;*/
	vertical-align:top;
}
.name{
	font-size:2em;
}
.namae2{
	font-size:0.7em;
	letter-spacing:0.3em;
}
.profimage{
	display:inline-block;
	width:100%;
	max-width:600px;
	margin:0 3% 0 auto;
	text-align:left;
}
.profimage img{
	width:80%;
}
.nengou{
	width:auto;
	margin:0;
	padding-left:4.2em;
	text-indent:-4.2em;
}
.chosho{
	display: inline-block;
    vertical-align: top;
    font-size: 0.8em;
    width: 48%;
    max-width: 220px;}
.chosho p{
		text-align: left;
}
@media screen and (max-width: 1300px) {
	
	.prof{
	background: rgba(207,229,255,0.61);
}

.proftext{
	width:96%;
	padding:3% 0;
	margin:0;}
.name{
	font-size:1.5em;
}
.profimage{
	text-align: center;
	float:none;
	width:95%;
	margin:0 auto;
	max-width:700px;
}
}


/*imagebox
------------------------------------------------------------------*/


.imagebox{
	margin:0 auto;
	padding:1em;
	display:inline-block;
	width:49%;
	max-width:300px;
}


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


.lightbox{
	display:none;
	z-index:30;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height: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:80% !important;
	margin:0 auto 2px;
	max-width:800px !important;
}
.lightbox .btn{
	cursor:pointer;
	width:2em !important;
}



/*箇条書き
--------------------------------------------------------------------*/
.list{
	width: 85%;
	max-width: 900px;
	margin: 0 auto;
	text-align: left;
}

.komi2list {
	background: #FCF1D0;
	padding: 2% 3%;
	border: 5px #A40F12 solid;
	list-style: none;
	font-size: 1.7em;
	text-align: left;
	width: 85%;
	max-width: 850px;
	margin: 0 auto;
}

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

.sptokulist {
	background-color: #8f2020;
	padding: 2% 5%;
	padding-right: 3%;
	border: 5px #A40F12 solid;
	border-radius: 20px;
	font-size: 1.3em;
	text-align: left;
	width: 85%;
	max-width: 850px;
	margin: 0 auto;
}

.sptokulist li{
	text-align:left;
	background-size:auto 1.5em;
	line-height:200%;
}
/*1024px以下*/
@media screen and (max-width: 1024px) {
	.sptokulist{
		width: 95%;
		padding-left:8%;}
	.sptokulist li{
		font-size: 0.8em;
		line-height: 180%;
	}
	
.komi2list {
	background: #FCF1D0;
	padding: 2% 3%;
	border: 3px #A40F12 solid;
	list-style: none;
	font-size: 1.2em;
	text-align: left;
	width: 85%;
	max-width: 850px;
	margin: 0 auto;
}

}


/*吹き出し
--------------------------------------------------------------------*/
.fukidashi {
 	position: relative;
 	text-align: center;
 	color: #f00;
	font-size: 1.3em;
	background: #e0edff;
	border-radius: 15px;
	padding: 3% 2%;
	font-weight: 900;
}
.fukidashi2{
	width: 30%;
	margin: 2% 1%;
 	position: relative;
 	text-align: left;
	font-size: 1.1em;
	background:#be6c6c;
	color: #fff;
	border-radius: 20px;
	padding: 2%;
}
.fukidashi:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #e0edff;
}
.fukidashi2:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 30%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #be6c6c;
}
.flexbox{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;}

/*1024px以下*/
@media screen and (max-width: 1024px) {

.fukidashi {
	font-size: 1em;
	font-weight: 900;
	margin-top: 1em;
}
	.fukidashi2{
		padding:1em;
		width:95%;
		margin-top:1.5em;
	}
}



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

.kansou{
	position:relative;
	text-align:center;
	background:#FFFFFF;
}

.kansouwrap{
	max-width: 1800px;
	margin: 0 auto;
	display:none;
	padding:5% 0;
}

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

.kansou_box .r{
	text-align:left;
	margin:1em auto;
}

.kansou_box p{
	margin:0;
}


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


.drimg:hover{
	opacity:0.5;
}
.kansoubtn{
	cursor:pointer;
	color:#777777;
}
.kansoubtn:hover{
	color:#333333;
}

.kansou_text{
	display:none;
	z-index:30;
	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{
	background:#FFFFFF;
/*	background:url(../image/bg4.jpg) left top no-repeat;*/
	background-size:100% auto;
	position:relative;
}

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

.naiyou .openbtnarea , .naiyou .closebtnarea{
	display:none;
	position:absolute;
	bottom:0;
}


.naiyoucl{
	height: 95%;
	max-height: 800px;
}

.naiyoubtnarea{
	background:#FFF;
	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:90%;
	max-width:450px;
	margin-left:3%;
	text-align:left !important;
}

.naiyoubox{
/*	display:none;*/
/*	background:rgba(255,255,255,0.3);*/
	margin:0 auto;
	width:90%;
/*	border:3px solid #FFFFFF;*/
	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;
}
	.naiyoucl{
		max-height:300px;
	}
}




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

.tokuten{
	background:#FFFFFF;
	color:#FFF;
}

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

.tk1{background:url(../image/tkimage1.png) center no-repeat;}
.tk2{background:url(../image/tkimage_sample.png) center no-repeat;}
.tk3{background:url(../image/tkimage_sample.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:20% 0;
	position:absolute;
	text-align:center;
}
.tknaiyou{
	font-size:0.9em;
	text-align:left;
	display:none;
	overflow:hidden;
	background:rgba(15,43,55,0.9);
	position:fixed;
	width:100%;
	padding:3% 0 1%;
	top:8%;
	left:0;
	z-index:10000;
}
.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%;
}

.sanka{
	width: 95%;
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
}

.sanka p{
	display: inline-block;
	width: 200px !important;
	margin-right: 5% !important;
	margin-bottom: 3% !important;
	text-align: center !important;
	vertical-align: top;
}

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

	.sanka img{
		margin-bottom:3%;
	}

	.sanka p{
		width: 40%;
		max-width: 150px!important;
		font-size: 1em;
		margin: 2%!important;
	}
	
	
	.toku2{
	width: 40%;
	max-width: 200px;
	display: inline-block;
	vertical-align: top;
	margin: 2%;}

	.toku2 img{
		margin-bottom:3%;
	}
}


@media screen and (max-width: 1000px) {
.tknaiyou{
	top:2em;
	line-height: 1.3em;
}

.tkmokuji{
	font-size:1em;

}
.tkopen{
	font-size:1em;
}
}




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





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



.suisen{
	position:relative;
	text-align:center;

}

.suisenkomi_s{background:url(../image/suisen_s.jpg)no-repeat center;}
.suisenkomi1{background:url(../image/suisenkomi1.jpg)no-repeat center ;}
.suisenkomi2{background:url(../image/suisenkomi2.jpg)no-repeat center ;}
.suisenkomi3{background:url(../image/suisenkomi3.jpg)no-repeat center ;}

.suisenkomi, .suisenkomi_s{
	background-size: cover;
	text-align: left;
	padding: 7% 0;
}

.suisenkomi h3 , .suisenkomi_s h3{
	text-align: left;
	max-width: 1000px;
    font-size: 2.5em;
    margin: auto;
	color: #fff;
    width: 100% !important;
	letter-spacing: 0.1em;}



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

.suisentext2{
	display: inline-block;
    line-height: 200%;
    border-width: 5px;
    border-style: groove;
    border-color: rgb(4, 38, 80);
    border-image: initial;
}
.suisentbox2{
	width:90%;
	max-width:700px;
    margin: 0 auto;
}

.drimg:hover{
	opacity:0.5;
}
.suisenbtn{
	font-size:1.3em;
	cursor:pointer;
	color:#FF0004;
	font-weight:900;
	padding-top: 0.7em;
}
.suisentext,.suisentext2
{
	background: url(../image/suisenbg.jpg)center;
    background-size: 100% auto;
}

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

.suisen_text p{
	padding:2em 0;
	text-align:left;
	max-width:800px;
}
.suisenclose{
	cursor:pointer;
	width:3em;
	height:3em;
	background:url(../image/closebtn_bk.png);
	background-size:100%;
	margin:0 auto;	
}

.suisenclose:hover{
	opacity:0.8;
}


.suisensamb{
	width:90%;
	max-width:400px;
	margin:0 auto;
}


.suisentext{
    line-height: 200%;
    width: 90%;
    max-width: 900px;
    position: relative;
    margin: 0px auto;
    border-width: 5px;
    border-style: groove;
    border-color: rgb(4, 38, 80);
    border-image: initial;
}
.suisentbox{
	width:90%;
	max-width:800px;
    margin: 0 auto;
}

.suisentbox p{
    margin: 0 auto 1em;
    line-height: 160%;
}
.suisenname{
	font-size:1.2em;
	font-weight:600;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro', "游明朝体", "Yu Mincho" ,;
	line-height:150%;
	width:90%;
	max-width:700px;
    margin: 0 auto;
	text-align:right;
}
.suisentext img,
.suisentext2 img{
	width:100%;
}
.suisenprofbtn{
	text-align:center;
	font-weight:900;
	color:#FF4D50;
}
.suisenprofbtn:hover{
	cursor:pointer;
	color:#FF9C9E;
}
.suisenprof{
	display:none;
	text-align:left;
	width:90%;
	max-width:700px;
	margin:0 auto;
}

.suisenprof p{
    padding-left: 5em;
    text-indent: -5em;
	
}
@media screen and (max-width: 1000px) {
	.suisenkomi{
	width:100% !important;
	margin:0 auto;
	color:#FFF;
	text-align:center;
	padding:10% 3%;
}

.suisenkomi_s{
	background-size:cover !important;
}


.suisen_text img{
	width:95%;
}
.suisentbox br{
	display:none;}
	
	.suisentbox{
		line-height: 120%;
	}
	.suisentbox p{
		line-height: 130%;}
	
	.suisenkomi h3{
		padding-left: 3%;
		letter-spacing: 0.5px;
		font-size: 1em;
		width: 95% !important;
		margin: 0 auto;
		text-align: left;
		max-width: 1000px;}
	
	.suisenkomi_s h3{
		padding-left: 1em;
		font-size: 0.7em!important;
		line-height: 1.5em;
	}
	.suisenname{
		font-size: 0.8em;
	}
	.toggle {
    height: 0;
    padding: 0 8px;
    transition: .2s;
	overflow: hidden;}
	.suisenkomi1, .suisenkomi2, .suisenkomi3{
		background-position:  30% 0;
	}
}


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


.merit{
	position:relative;
	background:#FFFFFF;
	text-align:center;
	color:#fff;
	padding: 2em 0;
	background: url(../image/meritbg.jpg)right top no-repeat !important;
	background-size: cover !important;
}

.merit .openbtnarea ,.merit .closebtnarea{
	display:none;
}
.meritwrap{
	width:100%;
	margin:0 auto;
	padding:3% 0;
}
.merit p{
	width:100%;
	max-width:1000px;
	margin:0 auto;
}

.merit ul{
	border:5px solid yellow;
	padding:5% 4%;
	list-style:none;
	width:85%;
	max-width:1000px;
	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%;
	font-weight: bold;
}

.merit .openbtnarea{
	color:#203E5B;
}


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

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



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


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

/*300セット限定
---------------------------------------------------------------------------*/



.caution{
	padding:3% 0;
	background:url(../image/caution_bk.jpg) center top no-repeat;
	background-size:auto 100%;
	text-align:center;
}





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


.shouhin{
	width:100%;
}



.shouhinimg{
	background:url(../image/shouhin_bk.jpg)no-repeat center top;
	background-size:cover;
}
.shouhinpng{
	height: 95%;
	max-height:1000px;
}

.bk {
  background:url('../image/shouhin_bk.jpg') center top;
  background-size: auto 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -10;
 }
 
 .shouhintext2{
	 font-size:0.8em !important;
 }
 #shouhin{
	 position:relative;
 }
#shouhin .shouhintext{
	background:navy;
	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: 1000px) {
	.shouhinimg{
		background-size: cover}
	
	.shouhinpng{
		max-height:260px;
}
.bk{
	background:url('../image/r_shouhin_bk.jpg') no-repeat center top;
  background-size: auto 100%;
  padding-bottom: 105px;
}
 #shouhin .shouhintext{
	 font-weight:100;
	 padding:10% 0 10%;
	 width:100%;
	 text-align:center;
 }


}



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


.bunkatsu{
	position:relative;
	background:#FFFAEE;
	padding:2em 0 0;
	text-align:center;
}


.bunkatsukomi{
	text-align:center;
}

.bunkatsuwrap{
	width:95%;
	margin:0 auto;
	max-width:800px;
	text-align:left;
}

.bunkatsucontents1{
	display:inline-block;
	font-weight:900;
	color:#BC0003;
}
.bunkatsucontents2{
	width:100%;
	max-width:390px;
	display:inline-block;
	font-weight:900;
	color:#BC0003;
	margin:0.5em 0;
}

.harai{
	text-align:center;
	background:#BC0003;
	display:inline-block;
	color:#FFF !important;
	padding: 0.2em 0.5em;
	border-radius:10px;
	margin-right:1em;
}

.harai2{
	text-align:center;
	margin-right:1em;
	width:40%;
	max-width:200px;
	background:#BC0003;
	display:inline-block;
	color:#FFF !important;
	padding: 0.2em 0.5em;
	border-radius:10px;
}




.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:#FFFFFF;
	padding:2em 0;
}
.bunkatsu .moushikomibtn{
	padding:2em 0;
	color:#203E5B;
	width:95%;
	max-width:700px;
	display:inline-block;
}
.bunkatsu .moushikomibtn:hover{
	color:#25566B;
}






@media screen and (max-width: 1000px) {
.bunkatsuwrap .fs25{
	font-size:1.35em !important;
}
	}

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


.henkin{
	position:relative;
	background:#EBFCFF;
	background-size:100% auto;
	text-align:center;
}
.henkin .dkomi
{background: rgba(26,46,124,1.00);}

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


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

.henkinclose:hover{
	opacity:0.4;
}



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


.aisatsu{
	padding:0;
	background:url(../image/aisatsu.jpg)no-repeat center top;
	background-size:auto 100%;
	text-align:center;
	position:relative;
}

.aisatsutext{
	background-size:100% 100%;
	display:inline-block;
	margin:0 auto;
	vertical-align:middle;
	padding:3% 3% 3% 7%;
	text-align:left;
}

.aisatsuimg{
	display:inline-block;
	width:30%;
	max-width:500px;
	vertical-align:middle;
	
}
.aisatsuimg img{
	width:100%;
	max-width: 450px;
}

@media screen and (max-width: 600px) {
.aisatsu{
	background:#FFFFFF;
	padding:3% 0;
	text-align:center;
}
.aisatsutext{
	width:90%;
	background:url(../image/aisatsu_bg2.png);
	background-size:100% 100%;
	padding:3% 3% 15% 3%;
	text-align:left;
}

.aisatsuimg{
	background:url(../image/aisatsu.jpg)no-repeat center top;
	background-size:cover;
	width:100%;
}
.aisatsuimg img{
	width:50%;}
}





/*qa
--------------------------------------------------------------------*/
.qa{
	background:#FFFFFF;
	position:relative;
}
.qa .dkomi
{background: rgb(32,80,150);}
.qa .textwrap{
	display:none;

}


.qabox{
	width:100%;
	margin:0 auto;
	padding:2em 0;
	text-align:center;
	border-bottom:1px solid #203E5B;
}
.qabox p{
	width:95%;
	max-width:1000px;
	margin:1em auto;
	text-align:left;
}

.qa .openbtnarea{
	display:block;
}
/*.qa .openbtn{
	font-size:1em!important;
}*/







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


#so_footer{
	font-family:'Century Gothic','Noto Sans Japanese', sans-serif;
	font-weight:100;
	position:relative;
	background:#000000;
	width:100%;
	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::after{
	content: "";
	display: block;
	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{font-size:1.1em !important;}
.fs20,.fs21,.fs22,.fs23,.fs24,.fs25,.fs26,.fs27,.fs28,.fs29{font-size:1.2em !important;}
.fs30,.fs31,.fs32,.fs33,.fs34,.fs35,.fs36,.fs37,.fs38,.fs39{font-size:1.3em !important;}
.fs40,.fs41,.fs42,.fs43,.fs44,.fs45,.fs46,.fs47,.fs48,.fs49{font-size:1.4em !important;}
.fs50,.fs51,.fs52,.fs53,.fs54,.fs55,.fs56,.fs57,.fs58,.fs59{font-size:1.5em !important;}
.fs60.fs62,.fs63,.fs64,.fs65,.fs66,.fs67,.fs68,.fs69{font-size:1.6em !important;}
.fs70.fs72,.fs73,.fs74,.fs75,.fs76,.fs77,.fs78,.fs79{font-size:1.7em !important;}
.fs80.fs82,.fs83,.fs84,.fs85,.fs86,.fs87,.fs88,.fs89{font-size:1.8em !important;}
.fs90.fs92,.fs93,.fs94,.fs95,.fs96,.fs97,.fs98,.fs99{font-size:1.9em !important;}




}




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

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

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

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

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

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

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

/*バック青色*/
.bbl{ background:#009BFF;}

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

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

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

/*青文字*/
.blue{color:#009BFF;}

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

/*century gothic*/
.cgothic{font-family:'Century Gothic' !important;}

/*明朝フォント*/
/*.minchou {
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}*/

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

/*英字 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;}



/*文字間隔*/

.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%;}



/*文字太さ*/
.fw1{font-weight:100;}
.fw2{font-weight:200;}
.fw3{font-weight:300;}
.fw4{font-weight:400;}
.fw5{font-weight:500;}
.fw6{font-weight:600;}
.fw7{font-weight:700;}
.fw8{font-weight:800;}
.fw9{font-weight:900;}

.textwrap .al,.al{text-align:left;}
.textwrap .ar,.ar{text-align:right;}
.komiar{
	text-align:right;
	padding:1em 1em 1em 0;}
.textwrap .ac{text-align:center;}

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

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

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

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


}

.onko{
	margin: 0 auto;
	background: url(../image/onko_bk.jpg) no-repeat left top;
	background-size: cover;
	text-align: center;
}

.onkobk {
	background: #ecf8fe !important;
}
.onko .block{
	background: #8f2020;
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 3% 0;
	border-radius: 20px;
}
.onko .blocktext{
	color: #fff;
	padding-left:2%;
}

@media screen and (max-width: 1000px) {
	.onko{background:#ecf8fe;}
}




.sekka .block{
	color: #fff;
background: rgba(143,32,32,0.9);
width: 95%;
max-width: 1000px;
margin: 0 auto;
padding: 2% 0;
}
.sekka .blocktext{
	padding:0 2%;
}
.sptoku1wrap{
/*	background: url(../image/horoyoibg.jpg) no-repeat center top;*/
	background-color: aliceblue;
	background-size: 100%;
}

.senkou_guid{
	margin: 0 auto;
	padding: 2% 0;
	width: 95%;
	max-width: 1000px;
	background-color: yellow;
	border-radius: 20px;
}
.senkou_guid p{
	width: 100% !important;
	max-width: 1000px !important;
	margin: 0 !important;
}
.horoyoi_img img{
	width: 95%;
	max-width: 550px;
	margin:1%;
}

.under img{
	width: 60%;
	max-width: 400px;
}

@media screen and (max-width:1024px){
	#footermenu{
		display:block;
		position:fixed;
		bottom:0;
		right:0;
		width:100%;
		height:auto;
		box-sizing:border-box;
		padding:10px;
		background:#fbd008;
		color:#8f2020;
		box-shadow:0 0 5px;
		z-index:9900}
	#footermenu a{
		text-decoration:none}
	#footermenu ul.menu{
		display:table;table-layout:fixed;
		width:100%;
		padding-left:0;
		margin-bottom:0}
	#footermenu ul.menu li{
		display:table-cell;
		vertical-align:middle;
		text-align:center;
		font-size:14px}
	#footermenu ul.menu li a{
		color:inherit}
	#footermenu ul.menu li .fa{font-size:16px}
}

@media screen and (max-width: 600px) {
	.mbtn{
		font-size:1em!important;
	}
}

.suisenhon{pointer-events:none}
@media screen and (max-width:640px){
	.suisenhon{
		pointer-events:all}
	.toggle{
		height:0;padding:0 8px;transition:.2s;overflow:hidden
	}
	
	input:checked+.toggle{
		height:auto;padding:8px
	}
}