﻿/* タブレットだけに適用するCSS */
@media screen and ( max-width:768px )
{
	body{
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	font-size:18px;
	font-family:’flopdesign-kana’,’ヒラギノ角ゴ Pro W3′,’Hiragino Kaku Pro’,’メイリオ’,Meiryo,’ＭＳ Ｐゴシック’,’MS P’,sans-serif ;
	line-height:1.5;
	color:#000;
}
div{
	margin:0;
	padding:0;
}
p{
	margin:0;
	padding:30px 0 0 0;
}
img{
	margin:0;
	padding:0;
	border:0;
	max-width:100%;
	height:auto;
}
h1{
	float:none;
	width:auto;
	margin:0px auto 20px auto;
	padding:0;
	font-size:60px;
	font-weight: bold;
	text-align: center;
	line-height:1.3;
}
.h1_sp{
	display:none;
}
h2{
	margin:60px auto 0 auto;
	padding:0 20px;
	font-size:36px;
	font-weight:bold;
	text-align:center;
	color:#000000;
	line-height:1.3;
}
h2.h2m0{
	margin-top:0;
}
h2.h2f0{
	font-size:0;
}
h3{
	margin:0;
	padding:0;
}
ul{
	margin:40px 20px 0 0px;
	padding:0;
}
ul li{
	margin:0;
	padding:0 0 10px 30px;
	list-style: none;
    background: url(../img/check.gif) no-repeat 0 5px;
}
/*waku*/
.wakubl{
	width:100%;
	margin-top:60px;
	padding:0px 0;
	background-color: #ecf0fe;
}
.wakubl2{
	width:100%;
	padding:20px 0;
	background-color: #ecf0fe;
}
.wakubk{
	width:100%;
	margin-top:0px;
	padding:0px 0;
	background-color: #000;
	color:#fff;
}
.box{
	width:auto;
	margin:0 auto;
	padding:30px 20px;
}
.box2{
	width:auto;
	margin:0 auto;
	padding:10px 20px 50px 20px;
}
/*header*/
#topline{
	width:100%;
	height:10px;
	background-color:#e6e6e6;
}
#header{
	width:auto;
	margin:0 auto;
	padding: 0 20px;
}
#logo{
	width:auto;
	margin:10px auto 30px auto;
	text-align: left;	
}
.limit{
	margin:20px auto;
	text-align: center;
	font-weight: bold;
	font-size:6vw;
	color:#ff0000;
}
.head1{
	margin-top:20px;
	text-align: center;
}
.head1_sp{
	display:none;
}
.head2{
	margin:100px auto 50px auto;
	text-align: center;
	font-size:50px;
	font-weight: bold;
	padding: 0 20px 0 20px;
	color:#000;
}
.head3{
	margin:20px auto 0 auto;
	text-align: center;
	font-size:25px;
	font-weight: bold;
	color:#000;
}
.head4{
	margin:40px auto 50px auto;
	text-align: center;
	font-size:35px;
	font-weight: bold;
	color:#000;
}
.senchaku1{
	margin:0 auto 0 auto;
	text-align: center;
	font-size:70px;
	font-weight: bold;
	color:#ff0000;
}
.senchaku2{
	margin:20px auto 0 auto;
	text-align: center;
	font-size:30px;
	color:#000;
}
.senchaku3{
	margin:0 auto 20px auto;
	text-align: center;
	font-size:35px;
	font-weight: bold;
	color:#000;
}

/*book*/
.book1{
	font-size:36px;
	font-weight:bold;
	text-align:center;
	color:#ff0000;
	line-height:1.3;
}
.book2{
	margin:20px 0 20px 0;
	font-size:40px;
	font-weight: bold;
	text-align: center;
	line-height:1.3;
}
.bookimg{
	float:none;
	margin:0px 0px 20px 0px;
	text-align: center;
}
.booktxt1{
	padding-top:20px;
}
.booktxt2{
	margin-top:30px;
}
.bookatt{
	margin-top:20px;
	font-size:14px;
}
ul.bookul{
	margin-top:20px;
}
/*hoho*/
.hoho{
	font-size:36px;
	font-weight:bold;
	text-align:center;
	color:#000000;
	line-height:1.3;
}
/*movie*/
.vd{
	width:100%;
	margin:20px auto 0 auto;
	padding-bottom: 56.25%;
	height:0px;
	position: relative;
	text-align: center;
}
.vd iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.vdname{
	margin-top:10px;
	color:#fff;
	font-weight: bold;
	font-size:20px;
	text-align: center;
}
.vdname2{
	margin-top:10px;
	font-weight: bold;
	font-size:20px;
	text-align: center;
}
.vdtxt{
	width:auto;
	margin:0 auto;
	color:#fff;
}
.vdtxt2{
	width:auto;
	margin:0 auto;
}
/*voice*/
.voiceimg1{
	float:left;
	margin:20px 40px 0 0;
}
.voiceimg2{
	float:right;
	margin:0px 0px 0 40px;
}
.voicetxt{
	padding:70px 0 0 0;
	color:#fff;
	font-size:26px;
	font-weight: bold;
}
.voicetxt2{
	padding:40px 0 0 0;
	color:#fff;
	font-size:26px;
	font-weight: bold;
	text-align: right;
}
.voicename{
	margin-top:10px;
	font-size:20px;
}
.voicename2{
	margin-top:10px;
	font-size:20px;
	text-align: right;
}
/*percent*/
.per{
	padding-top:60px;
	text-align: center;
}
/* session */
.sbox{
	width:auto;
	margin:0 auto;
	padding:0px 20px 20px 20px;
}
.sbox2{
	width:auto;
	margin:0 auto;
	padding:0px 20px 0px 20px;
}
.snum1{
	padding-top:40px;
	font-size:50px;
	color:#000000;
	font-weight:bold;
	line-height:60px;
	text-align: center;
}
.sttl1{
	margin-top:20px;
	font-size:50px;
	color:#000000;
	font-weight:bold;
	line-height:1.1;
}
.sttl11{
	margin-top:10px;
	font-size:36px;
	color:#000000;
	font-weight:bold;
	line-height:1.1;
}
.sttl11b{
	margin-top:10px;
	font-size:50px;
	color:#000000;
	font-weight:bold;
	line-height:1.1;
}
.sttl13b{
	margin-top:10px;
	font-size:50px;
	color:#000000;
	font-weight:bold;
	line-height:1.1;
}
ul.check{
	margin:20px 0 0px 0;
	padding:0 0 20px 0;
	list-style-type: none;
}
ul.check li{
	min-height:50px;
	margin:0 20px 10px 0;
	padding:0 0 0 50px;
	background: url(../img/check1.gif) no-repeat 0 5px;
}
ul.check li.check3{
	min-height:50px;
	margin:0 20px 10px 0;
	padding:0 0 0 50px;
	background: url(../img/check2.gif) no-repeat 0 5px;
}
ul.check li.check2{
	padding-top:10px;
}
ul.check4{
	padding-bottom:0px;
}
ul.check li.check5{
	padding-top:5px;
}
.simgr{
	float:none;
	margin:0px auto;
	padding-top:30px;
	text-align: center;
}
.simgl{
	float:none;
	margin:0px auto;
	padding-top:30px;
	text-align: center;
}
.simgl11{
	margin:10px 0 30px 0px;
	text-align: center;
}
.simgl13{
	margin:0px auto;
}
.simg1{
	margin:0;
/*	padding:10px;*/
	border:0;
	background-color:#FFFFFF;
    -webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
    -moz-box-shadow: 0 10px 8px -6px #8d8c8c;
    box-shadow: 2px 2px 10px 0 #999;
}
.ses1{
	margin-top:30px;
}
.ses2{
	padding-top:30px;
}
/*wait*/
.wait1{
	margin:60px auto 0 auto;
	padding:0;
	font-size:36px;
	font-weight:bold;
	text-align:center;
	color:#000000;
	line-height:1.3;
}
/*present*/
#present h3{
	margin-top:30px;
	padding-bottom:5px;
	border-bottom:1px dotted #666;
	text-align: center;
	font-size:30px;
	font-weight: bold;
	color:#000;
	line-height:1.3;
}
#present h3.h3m0{
	margin-top:0;
}
.pre1{
	font-weight: normal;
	font-size:26px;
}
.preimgl{
	float:none;
	margin:20px auto;
	text-align: center;
}
.preimgr{
	float:none;
	margin:20px auto;
	text-align: center;
}
.pretxt{
	margin:30px 0 0 0;
}
/*kaisai*/
.kaisai{
	border-bottom:dotted 1px #ccc;
	font-size:24px;
	font-weight: bold;
}
/*sign*/
.sign{
	text-align: right;
}
/* 申し込み*/
.mosikomi{
	margin:60px auto 0 auto;
	text-align: center;
}
.mosikomi img{
	margin-bottom:20px;
}
/* Ｑ＆Ａ fj31 */
.qa{
	margin-top:30px;
}
.qaq{
	font-weight:bold;
	margin-top:20px;
	margin-bottom:15px;
	padding-top:0;
	padding-left:1em;
	text-indent: -1em;
}
.qaa{
	padding-top:0;
	margin-top:0;
	padding-left:1em;
	text-indent: -1em;
}
/*ps*/
p.ps{
	padding-top:100px;
}
/* footer */
#footer{
	width:100%;
	min-width:auto;
	background-color:#e6e6e6;
	margin-top:100px;
	padding:10px 0;
	font-size:18px;
	text-align:center;
}
/*成型タグ*/
.br001{display:none;}
.br011{display:inherit;}
.br100{display:none;}
.br110{display:inherit;}
.clear{clear:both;}
.txtcenter{text-align: center;}
.txtred{color:#ff0000;}
.txtb{font-weight:bold;}
.txtwh{color:#fff;}
.txtu{text-decoration: underline;}
.pc{display: inherit;}
.sp{display: none;}
.marg100{margin:100px 0 100px 0;}
.mtop0{margin-top: 0;}
.mtop20{margin-top: 20px;}
.mtop40{margin-top: 40px;}
.mtop60{margin-top: 60px;}
.mtop80{margin-top: 80px;}
.txtnml{font-weight: normal;}
.txtb{font-weight: bold;}
h2.h2nml{font-weight: normal;}
h2.h2mtophlf{margin-top: 30px;}
h2.h2mtop0{margin-top: 0;}
.disppc {display: inherit;}
.dispsp {display: none;}
.img01{
    padding:20px 20px;
    text-align:center;
}
.img02{
    padding:40px 20px;
    text-align:center;
}
.imghead {
    text-align:center;
    padding:30px 20px;
}
.imgbook {
    text-align:center;
    padding:30px 20px;
}
.imgbook img{
    width: 70%;
}
.boxmnone{
    width:auto;
    margin:0 auto;
    padding:0 20px;
}
h2.h2left{
    text-align: left;
}
.txtemp{-webkit-text-emphasis: filled circle black;
   text-emphasis: filled circle black;}
.imgsd{
	border:1px solid #ccc;
    -webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
    -moz-box-shadow: 0 10px 8px -6px #8d8c8c;
    box-shadow: 2px 2px 10px 0 #999;
}
.imgr{
	float:right;
	margin:40px 0 20px 20px;
}
.imgl{
	float:left;
	margin:40px 20px 20px 0px;
}
/*0928追加*/
.sen_ttl01{
	text-align:center;
	font-weight:bold;
	font-size:36px;
    color:red;
}
.sen_ttl02{
	text-align:center;
	font-weight:bold;
	font-size:26px;
	padding:20px 0 0;
	color:#000;
}
.sen_ttl03{
	text-align:center;
	font-weight:bold;
	font-size:42px;
	color:#000;
	padding:20px 0 0;
}
.sen_ttl03 span{
 color:red;
}
.sen_img{
	padding:40px 0 0;
	text-align:center;
}

/*0115 追加*/
.ttl_mov{
	font-size:40px;
	margin:30px 0 20px 0;
	font-weight:bold;
	text-align:center;
	line-height:1.5;
	color:#000;
}
.ttl_mov_red{
	font-size:40px;
	margin:70px 0 20px 0;
	font-weight:bold;
	text-align:center;
	line-height:1.5;
	color:red;
}
.vd_head{
	margin:20px 0 100px 0;
	text-align: center;
}
.vd_head2{
	margin:20px 0 20px 0;
	text-align: center;
}
.head5 {
	margin:20px 0 30px 0;
	text-align: center;	
}

.head6 {
	margin:20px 0 80px 0;
	text-align: center;
}

.head7 {
	margin:20px 0 20px 0;
	text-align: center;
}

.head8 {
	margin:20px 0 80px 0;
	text-align: center;
}

.head9 {
	margin:80px 0 60px 0;
	text-align: center;
}
.head10 {
	margin:100px 0 50px 0;
	text-align: center;
}
.head11 {
	margin:0 0 20px 0;
	text-align: center;
}
.ttl_senchaku {
	margin:80px 0 0 0;
	text-align: center;
    padding:0 20px 0 20px;
}

/*movie cf.fj31*/
#movie{
	margin-left:0px;
}
.movie3{
	margin:0px  0 0 20px;
	padding-top:20px;
}
.movbox{
	float:left;
	width:315px;
	margin:0 0 30px 20px;
}
.movtitle{
	width:315px;
	margin:0 auto;
	padding-bottom:5px;
	border-bottom:1px dotted #ccc;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	line-height:1.3;
	color: red;
}
.mov{
	margin-top:10px;
	text-align: center;
}
.mov{
	width:100%;
	margin:20px auto 0 auto;
	padding-bottom: 56.25%;
	height:0px;
	position: relative;
	text-align: center;
}
.mov iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.movname{
	padding:10px 0;
	text-align:center;
	color:#3d3d3d;
	font-size:16px;
}
.pps{
	margin-top:50px;
}

.boxkeiken {
	width:auto;
	margin:0 auto;
}

.senchaku4 {
	margin:40px auto 20px auto;
	text-align: center;
	font-size:57px;
	font-weight: bold;
	color:#000;
}

.imgmatigai {
	margin:20px auto 60px auto;
	text-align: center;
}

.riyu {
	margin:20px auto 0 auto;
	text-align: center;
	font-size:25px;
	font-weight: bold;
	color:#000;
}

h2.h2white {
	color: white;
	font-size: 4vw;
	margin-top: 0;
	font-weight: normal;
}

.ylwarea {
	background-color: #FFFA73;
}

h2.h2redbig {
	color: red;
	font-size: 55px;
	margin-top: 0;
	line-height: 70px;
}

h2.h2mtop0 {
	font-size: 25px;
	line-height: 30px;
	margin-top: 10px;
}

.topttl01 {
	text-align: center;
	font-weight: bold;
	font-size: 40px;
	color: black;
}

.img01 {
    padding:20px 20px 0 20px;
    text-align:center;
}



h2.h2tigai {
	font-size: 50px;
	margin-top: 0;
	color: black;
	line-height: 60px;
}

h2.h2mtophlf {
	margin-top: 20px;
}

.snum1 span {
	font-size: 70px;
}

.sttl2 span {
	font-size: 20px;
}

.fimg {
	float:none;
	margin:20px 20px 40px 10px;
	text-align: center;
}

.vdsp {
	width:auto;
	margin:30px auto 0 auto;
}

.vd2 {
	width:100%;
	height:0px;
	margin:10px auto 0 auto;
	padding-bottom: 56.25%;
	position: relative;
	text-align: center;
}

.topttl02 {
	text-align: center;
	font-weight: bold;
	font-size: 27px;
	color: black;
}

h2.h2price01 {
	margin-top: 0;
	font-size: 35px;
}

h2.h2imanara {
	font-size: 50px;
}
.tokuten h3{
	margin:0;
	padding:80px 0 5px 0;
	text-align: center;
	font-size:30px;
	font-weight: bold;
	color:#000;
	line-height: 1.3;
	border-bottom:3px dotted #ccc;
}
.tokuten h3.h3tok1{
	padding-top:0px;
}
#tokuten p{
	padding-top:30px;
}
.tokimg1{
	float:none;
	margin:30px auto 20px auto;
	text-align: center;
}
.tokimg2{
	float:none;
	margin:30px auto 20px auto;
	text-align: center;
}

h2.h2price02 {
	font-size: 40px;
	color: red;
}
/*20190814 add*/
head_area{
	margin:0;
	padding:0;
}
ul.head_area li{
	background:none;
	display: inherit;
	padding:0;
	vertical-align:top;
	text-align:center;
}
ul.head_area li:first-child{
	padding:0 0 20px;
}
ul.head_area li:first-child img{
	width:100%;
}
.caution{
	text-align:center;
	color:red;
	font-weight:bold;
	font-size:22px;
	padding:20px  0 0;
}	
.txtc{
	text-align:center;
}
.ttl_get{
	text-align:center;
	padding:60px 0 20px;
}
.jissensha_koe {
    width: auto;
    margin: 0 auto;
    clear: both;
    padding: 0px;
}
.jissensha_koe h2 {
    text-align: center;
    margin: 0;
    padding: 80px 0 0;
}
.jissensha_koe_ttl {
    text-align: center;
    padding: 20px 0 30px;
    font-size: 20px;
}
.sensei_comment {
    width: auto;
    clear: both;
    padding: 20px 0 0;
    margin: 0 auto;
}
.sensei_comment p {
    clear: both;
    padding: 15px 10px;
}
.imgright {
    float: none;
    margin: 0 auto;
    text-align: center;
    padding:20px 0 0;
}
.imgleft {
    float: none;
    margin: 0 auto;
    text-align: center;
     padding:20px 0 0; 
}
.movline {
    border: 1px solid #999999;
}
.mov1_ttl {
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    padding: 10px 0px 0 0;
}
.vd {
    width: auto;
    max-width: 90%;
    margin: 0px auto 0 auto;
    padding-bottom: 56.25%;
    height: 0px;
    position: relative;
    text-align: center;
}
.vd iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 0px;
}
/*20190819 add*/
.koe_ttl{
	text-align:center;
	font-weight:bold;
	font-size:26px;
	color:red;
	padding:20px 0 0;
}
.koe_name{
	text-align:center;
}
.shouhin_img img{
	width:80%;
}		
}

h2.koe_m_ttl {
	padding-top: 0;
}
.head_img{
	width:90%;
	text-align:center;
	margin:0 auto;
	padding:20px 0 0;
}
.box3{
	width:auto;
	margin:0 auto;
	padding:30px 20px;
}
.tenkan {
	margin:40px 0 0 150px;
}


#nittei p{
	padding-top: 0;
	font-size: 36px;
}

.txtylwarea01 {
    font-size: 8vw;
	margin: 30px auto;
}

.dangen {
    font-size: 14vw;
}

.douga iframe {
	max-width: 100%;
}	

/* .gentei a .offer-btn img {
    position: absolute;
    top: 40%;
    left: 14%;
    width: 67%;
} */
.gentei2 a .offer-btn img {
    position: absolute;
    top: 50%;
    left: 15%;
    width: 67%;
}