/****************************
	element
****************************/
.clearb{
	clear: both;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
body {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	min-width: 1100px;
}
header {
	color: #fff;
	text-align: center;
	padding: 20px 0;
	font-size: 30px;
	/*background-color: #e8d0a1;*/
	background: #4286f4;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #373B44, #4286f4);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #373B44, #4286f4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.sp {
	display: none;
}
.inner {
	width: 1000px;
	max-width: 97%;
	margin: 0 auto;
}

.dright{
	display: inline-block;
}

.wh{
	color: #fff;
}
.arrow img {
	width: 100%;
}
#main {
	/*background: url(images/head_bg.png);*/
	background-position: bottom center;
	background-size: cover;
	background-color: #000;
}
#main img {
	width: 100%;
}
#main .inner{
	width: 1056px;
}

.fhead{
	position: relative;
}

.fheadmaru{
	position: absolute;
	    right: 1%;
	    bottom: 10%;
	    background: linear-gradient(#ba914f,#fbe28f,#f1c672,#c48a40,#9b6a2e,#7c5323);
	    border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
	    padding: 3%;
	    color: #ffffff;
	    text-align: center;
	    z-index: 2;
	    font-weight: bold;
	    font-size: 32px;
	    box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4);
	    text-shadow: 2px 2px 2px #7c5323;
	line-height: 1.3;
		display: block;
}
@media screen and ( max-width: 768px) {
	.fheadmaru{
		position: absolute;
	    right: 29%;
		bottom: 24%;
		font-size: 5vw;
	}
}

i{
	margin-right: 2%;
}

/*******************************************
footer
*******************************************/
#footer {
	background: #000;
}
#footer ul {
	text-align: center;
	margin: 0;
	padding: 20px 0;
}
#footer li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 25px;
}
#footer li a {
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	color: #fff;
}
#copy {
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	/*background: #c02733;*/
	padding: 10px 0;
	text-align: center;
	color: #fff;
	font-size: 16px;
	background: #4286f4;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #373B44, #4286f4);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #373B44, #4286f4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
 @media screen and ( max-width: 768px) {
/****************************
	element
****************************/
body {
	min-width: 0;

}
.pc {
	display: none;
}
.sp {
	display: block;
}
.inner {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}

.contact .tel {
	float: none;
	text-align: center;
	padding: 15px;
}
.contact .mail {
	float: none;
	padding: 15px;
	text-align: center;
}
#footer ul {
	text-align: center;
}
#footer li {
	width: 90%;
	padding: 2% 0;
	margin: 0;
}
}

/*************キャンペーンバナー**********************/
.cam_banner {
	padding-bottom: 70px;
}
 @media screen and (max-width: 768px) {
.cam_banner {
	padding-bottom: 40px;
}
}
.cambannertext_pc {
	font-family: "Mplus 1p";
	width: 100%;
	text-align:center;
	font-size: 35px;
	font-weight:bold;
	color:red;
	margin-bottom: 70px;
	line-height: 1.5em;
}
 @media screen and (max-width: 768px) {
.cambannertext_sp {
	font-family: "Mplus 1p";
	width: 100%;
	text-align:center;
	font-size: 5vw;
	font-weight:bold;
	color:red;
	margin-bottom: 40px;
	line-height: 1.5em;
}
}


.chumoku{
	color: #c02733;
}
.chumoku_ver2{
	color: #6d5343;
}
.chumoku_under{
	text-decoration: underline;
}
.fblue{
	color: #1650ac;
}
.centerauto{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.fright{
	float: right;
}
@media screen and (max-width: 768px) {
	.fright{
		float: none;
		display: block;
		margin-left:auto;
		margin-right:auto;
	}
}
.fleft{
	float: left;
}
@media screen and (max-width: 768px) {
	.fleft{
		float: none;
		display: block;
		margin: 10px auto;
	}
}
/*ぼがし用 （後ろに新規classを追加しwidthとheight指定必要）*/
.bogashi_container{
	position: relative;
	margin: 1%;
}
@media screen and (max-width: 768px) {
	.bogashi_container{
		float: none;
		width: 90%!important;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1%;
	}
}

.bogashi_container:after{
 position: absolute;
 content: '';
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 box-shadow: inset 0 0 15px 15px #ffffff;
}
.bogashi{
	width: 100%;
	height: 100%;
}

span.mark{
content: "\f138";
font-family: FontAwesome;
margin-right: 2%;
}

.flarge{
	font-size: 30px;
}

@media screen and (max-width:768px) {
	.flarge{
	font-size: 20px;
}
}

.shohin_box{
	margin-bottom: 10%;
}

.parent {
	display: block;
	width: 80%;
	margin: 5% auto 8% auto;
	font-weight: bold;
	font-size: 50px;
	padding: 1%;
	color: #f90606;
	text-align: center;
	background: linear-gradient(45deg,#076cee,#04287c);
	border-radius: 16px;
}
@media screen and (max-width: 768px) {
	.parent {
	width: 95%;
	font-size: 5vw;
}
}
.child {
	border-radius: 15px;
	text-align: center;
	background: linear-gradient(45deg,#f1cc2f,#f9f7b1);
	padding: 2% 1%;
}
.child:hover {
	background: linear-gradient(45deg,#0d32fb,#839af7);
	color: #ffffff;
}

/***************************
TOPページ
*****************************/
/***************************
all
*****************************/
.all{
background: url(images/bg01.png);
background-size: 100%;
padding-bottom: 90px;
}

/***************************
section intro
*****************************/
#intro {
	line-height: 1.5;
}
#intro .inner{
	background-color: #ffffff;
	padding: 1.5%;
}

#intro p {
	text-align: left;
	font-size: 19px;
	margin-bottom: 35px;
	line-height: 2;
	margin-top: 3%;
}


#intro .fushigipic{
width: 38%;
}

#intro .luckypic{
width: 35%;
}

#intro .mepic{
width: 100%;
}

#intro .circlepic{
width: 38%;
}

/***************************
section next
*****************************/
#next {
	background: url(images/bg01.png);
	background-size: 100%;
	padding-bottom: 90px;
	line-height: 1.5;
}
#next .inner{
	background-color: #ffffff;
	padding: 1.5%;
}

#next p {
	text-align: left;
	font-size: 19px;
	margin-bottom: 35px;
	line-height: 2;
	margin-top: 3%;
}
#next .flypic{
	width: 100%;
}


/***************************
THANKSページ
*****************************/
/***************************
all_thanks
*****************************/
.all_thanks{
background: url(images/bg01.png);
background-size: 100%;
/*padding-bottom: 90px;*/
}

/***************************
section hikari
*****************************/
#hikari {
	background: url(images/bg01.png);
	background-size: 100%;
	padding-bottom: 90px;
	line-height: 1.5;
}
#hikari .inner{
	background-color: #ffffff;
	padding: 1.5%;
}

#hikari p {
	text-align: left;
	font-size: 19px;
	margin-bottom: 35px;
	line-height: 2;
	margin-top: 3%;
}


#hikari .pikapic{
	width: 38%;
}
#hikari .orapic{
	width: 100%;
}




#hikari .shisho{
	width: 100%;
	background-image: url(images/shisho_bg.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
}



#hikari .powerbox{
	width: 98%;
	padding: 1%;
	margin: 2% auto;
	border-radius: 10px;
	border: 2px solid #645b42;
	background-image: url(images/bg03.jpg);
	background-size: cover;
}

#hikari .powerinsidebox{
	background-color: #ffffff;
	padding: 2%;
	width: 90%;
	margin: 1% auto;
	border-radius: 10px;
}
#hikari .powerhead{
	font-weight: bold;
	font-size: 30px;
	color: #b41718;
	border-bottom: 1px dashed #b41718;
}

#hikari .thirdpower{
	font-size: 35px;
	text-align: center;
}

#hikari .thirdire{
	font-size: 40px;
	text-align: center;
}

@media screen and (max-width:768px) {
#hikari .thirdire{
	font-size: 20px;
	text-align: center;
}
	}

#hikari .powerinsideboxouter{
	padding: 2%;
	width: 90%;
	margin: 1% auto;
}


/***************************
section enkaku
*****************************/
#enkaku {
	background: url(images/bg02.jpg);
	background-size: cover;
	padding-bottom: 90px;
	line-height: 1.5;
	padding-top: 90px;
}


@media screen and (max-width:768px) {
	#enkaku {
	padding-top: 30px;
	padding-bottom: 30px;
	}
}

#enkaku .inner{
	background-color: #ffffff;
	padding: 1.5%;
}

#enkaku p {
	text-align: left;
	font-size: 19px;
	margin-bottom: 35px;
	line-height: 2;
	margin-top: 3%;
}

/***************************
section choku
*****************************/
#choku {
	background: url(images/bg03.jpg);
	background-size: cover;
	padding-bottom: 90px;
	line-height: 1.5;
	padding-top: 90px;
}


@media screen and (max-width:768px) {
	#choku {
	padding-bottom: 30px;
	padding-top: 30px;
}

}
#choku .inner{
	background-color: #ffffff;
	padding: 1.5%;
}

#choku p {
	text-align: left;
	font-size: 19px;
	margin-bottom: 35px;
	line-height: 2;
	margin-top: 3%;
}

/***************************
section contactcl
*****************************/
#contactcl {
	background: url(images/bg01.png);
	background-size: 100%;
	padding-top: 90px;
}


@media screen and (max-width:768px) {
	#contactcl {
	padding-top: 30px;
}
}


/***************************
section others
*****************************/
.others {
	background: url(images/bg01.png);
	background-size: 100%;
	padding-bottom: 90px;
	padding-top: 90px;
	line-height: 1.5;
}

@media screen and (max-width:768px) {
	.others {
	padding-bottom: 30px;
	padding-top: 30px;
}
}

.others .inner{
	background-color: #ffffff;
	padding: 1.5%;
}

.others p {
    text-align: left;
    font-size: 19px;
    line-height: 2;
    margin-top: 3%;
	}

.others .othersbox{
	padding: 1%;
	border-radius: 20px;
	border: 10px #e7e7e6 solid;
	margin: 1% 0;
}

.others .topic{
	/*color: #fff;*/
	font-weight: bold;
	padding: 1%;
	text-align: center;
	margin: 1% 0 1% 0;
	font-size: 50px;
	border-bottom: dashed #c02733 1px;
}
@media screen and (max-width: 768px) {
	.others .topic{
		font-size: 7vw;
	}
}
.others .powerpdf{
	float: left;
	width: 30%;
	margin: 2%;
}
@media screen and (max-width: 768px) {
	.others .powerpdf{
		float: none;
		margin-left:auto;
		margin-right: auto;
		display: block;
		width: 90%;
	}
}


.others .qabox{
	margin-top: 2%;
	margin-bottom: 2%;
}
.others .qes{
	background-color: #f1cc2f;
	padding: 1%;
	margin-bottom: 1%;
	font-weight: bold;
	font-size: 20px;
}
.others .ans{
	padding-left: 3%;
}

.others .letter{
	background-image: url(images/letter_bg.png);
	background-repeat: repeat;
	background-size: contain;
	padding: 1% 6%;
	color: #000;
	font-weight: bold;
}
.others .mailwaku{
	width: 90%;
	margin:2% auto;
	background-color: #f2e6b5;
	border-radius: 10px;
	padding: 2%;
	font-weight: bold;
}

/************************
topicnobi
**************************/
.topicnobi{
	color: #000;
	font-weight: bold;
	padding: 3%;
	text-align: center;
	font-size: 50px;
	/*background: linear-gradient(#faedb7,#ffffff,#ffffff,#f4b477,#faedb7);*/
	background: linear-gradient(#1b7dfb,#fff,#fff,#9d98c4,#172a8e);
}
@media screen and (max-width: 768px) {
	.topicnobi{
		font-size: 7vw;
}
}

/************************
フォーム
**************************/
.form_box_new{
 width: 95%;
 margin: 2% auto;
 padding: 2%;
 background-color: #e8d0a1;
 border-radius: 10px;
 position: relative;
}
.form_box_new input{
	display: block;
	width: 95%;
	margin: 2% auto;
	padding: 1%;
	line-height: 2;
	font-size: 20px;
}

#intro p.formboxmaru,#next p.formboxmaru{
	position: absolute;
	    right: 1%;
	    bottom: -20%;
	    background: linear-gradient(#ba914f,#fbe28f,#f1c672,#c48a40,#9b6a2e,#7c5323);
	    border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
	    padding: 3%;
	    color: #ffffff;
	    text-align: center;
	    z-index: 2;
	    font-weight: bold;
	    font-size: 20px;
	    box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4);
	    text-shadow: 2px 2px 2px #7c5323;
	line-height: 1.3;
}
@media screen and ( max-width: 768px) {
	#intro p.formboxmaru,#next p.formboxmaru{
		position: absolute;
	    right: 1%;
	    bottom: 42%;
		font-size: 4vw;
	}
}


@media screen and (max-width: 768px) {
	.form_box_new input{
		font-size: 5vw;
	}
}
.form_box_new input[type="submit"]{
	width: 60%;
	background-color: #000000;
	color: #ffffff;
	font-weight :bold;
}
.form_box_new input[type="submit"]:hover{
	background-color: #c02733;
}

/***************************
section kakunin
*****************************/
#kakunin {
	background: url(images/bg01.png);
	background-size: 100%;
	padding-bottom: 90px;
	line-height: 1.5;
}
#kakunin .inner{
	background-color: #ffffff;
	padding: 1.5%;
}

#kakunin h2{
	font-size: 30px;
}

#kakunin .formTable{
	width: 80%;
	margin: 3% auto;
}
@media screen and (max-width: 768px) {
	#kakunin .formTable{
		width: 90%;
	}
}
	#kakunin .formTable th,#kakunin .formTable td{
	border: solid #cccccc 1px;
	text-align: center;
	padding: 1%;
	font-size: 18px;
	}
@media screen and (max-width: 768px) {
#kakunin .formTable th,#kakunin .formTable td{
display: block;
width: 98%;
margin: 0 auto;
border: none;
}
#kakunin .formTable th{
	background-color: #333333;
	color: #ffffff;
}

}


#kakunin .button{
	width: 173px;
	margin: 2% auto;
}

/****************************
	schedule.html
****************************/
/* 日程申し込みフォーム */
@media screen and (max-width: 768px) {
	#form_new10.center{
		text-align: center;
	}
}
#form_new10 b{
	font-size: 30px;
}

@media screen and (max-width: 768px) {
	#form_new10 b{
	font-size: 15px;
	}
}

#form_new10 table{
	width: 100%;
}

#form_new10 select{
/*	display: block;*/
	width: 20%;
	margin: 2% 1%;
	padding: 1%;
	line-height: 2;
	font-size: 30px;
}

@media screen and (max-width: 768px) {
	#form_new10 select{
/*	display: block;*/
	width: 20%;
	margin: 2% 1%;
	padding: 1%;
	line-height: 2;
	font-size: 15px;
	}
}

#form_new10 th {
	width: 25%;
	text-align: center;
	color: #000;
	vertical-align: middle;
}

#form_new10 td{
	padding: 5px;
	width: 70%;
/*	border: 1px solid #ddd;*/
}

#form_new10 th span{
	color: red;
}


@media screen and (max-width: 768px) {
	#form_new10 th,
	#form_new10 td{
	padding: 5px;
	width: 100%;
	display: block;
}
	}

#form_new10 td input.radio{
	display: inline;
	width: 5%;
	margin: 2% auto;
	padding: 1%;
}

#form_new10 td input.checkbox{
	display: inline;
	width: 5%;
	margin: 2% auto;
	padding: 1%;
}

.all_thanks #others {
/*	background: url(images/bg01.png);*/
	background-size: 100%;
	padding-bottom: 0px;
	padding-top: 90px;
	line-height: 1.5;
}

@media screen and (max-width: 768px) {
	.all_thanks #others {
	/*	background: url(images/bg01.png);*/
		background-size: 100%;
		padding-bottom: 0px;
		padding-top: 25px;
		line-height: 1.5;
	}
}

/* キャンセルフォーム */

#form_new th {
	width: 25%;
	text-align: center;
	color: #000;
	vertical-align: middle;
}

#form_new td{
	padding: 5px;
	width: 70%;
/*	border: 1px solid #ddd;*/
}

#others #form_new th span{
	color: red;
}

.form_box_cancel{
 width: 95%;
 margin: 2% auto;
 padding: 2%;
 background-color: #cac7f2;
 border-radius: 10px;
}
.form_box_cancel input{
	display: block;
	width: 95%;
	margin: 2% auto;
	padding: 1%;
	line-height: 2;
	font-size: 20px;
}
@media screen and (max-width: 768px) {

	#form_new .form_box_cancel th,#form_new .form_box_cancel td{
		display: block;
		width: 100%;
	}

	.form_box_cancel input{
		font-size: 5vw;
	}
}
.form_box_cancel input[type="submit"]{
	width: 60%;
	background-color: #000000;
	color: #ffffff;
	font-weight :bold;
}
.form_box_cancel input[type="submit"]:hover{
	background-color: #EFC6CC;
}

#form_new td input.radio{
	display: inline;
	width: 5%;
	margin: 2% auto;
	padding: 1%;
}

#form_new td input.checkbox{
	display: inline;
	width: 5%;
	margin: 2% auto;
	padding: 1%;
}

.sch_box{
	margin: 30px auto;
	font-size: 20px;
}

#others {
	background: url(images/bg01.png);
	background-size: 100%;
	padding-bottom: 90px;
	padding-top: 90px;
	line-height: 1.5;
}

@media screen and (max-width:768px) {
	#others {
	padding-bottom: 30px;
	padding-top: 30px;
}
}

#others .inner{
	background-color: #ffffff;
	padding: 1.5%;
}

#others p {
    text-align: left;
    font-size: 19px;
    line-height: 2;
    margin-top: 3%;
	}

#others .othersbox{
	padding: 1%;
	border-radius: 20px;
	border: 10px #e7e7e6 solid;
	margin: 1% 0;
}

#others .topic{
	color: #000;
	font-weight: bold;
	padding: 1%;
	text-align: center;
	margin: 1% 0 1% 0;
	font-size: 50px;
	border-bottom: dashed #c02733 1px;
}
@media screen and (max-width: 768px) {
	#others .topic{
		font-size: 7vw;
	}
}
#others .powerpdf{
	float: left;
	width: 30%;
	margin: 2%;
}
@media screen and (max-width: 768px) {
	#others .powerpdf{
		float: none;
		margin-left:auto;
		margin-right: auto;
		display: block;
		width: 90%;
	}
}


#others .qabox{
	margin-top: 2%;
	margin-bottom: 2%;
}
#others .qes{
	background-color: #f1cc2f;
	padding: 1%;
	margin-bottom: 1%;
	font-weight: bold;
	font-size: 18px;
}
#others .ans{
	padding-left: 3%;
}

#others .letter{
	background-image: url(images/letter_bg.png);
	background-repeat: repeat;
	background-size: contain;
	padding: 1% 6%;
	color: #31323c;
	font-weight: bold;
}
#others .mailwaku{
	width: 90%;
	margin:2% auto;
	background-color: #f2e6b5;
	border-radius: 10px;
	padding: 2%;
	font-weight: bold;
}


/****************************
	onsei section#onseirecord
****************************/

#onseirecord h2{
	font-size: 20px;
	font-weight: bold;
	margin: 2% 1%;
	border-bottom: #42210b solid 1px;
	padding-bottom: 1%;
	color: #42210b;
}
#onseirecord .moshi{
	font-size: 30px;
	background-color: #42210B;
	color: #ffffff;
	font-weight: bold;
	display: block;
	width: 80%;
	margin: 3% auto;
	padding: 2%;
	border-radius: 10px;
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.4);
	text-align: center;
}
@media screen and (max-width: 768px) {
	#onseirecord .moshi{
		font-size: 6.2vw;
	}
}
#onseirecord .moshi:hover{
	background-color: #a58052;
	color: #000000;
}

#onseipage {
padding: 30px 0 0;
}

#onseipage p{
	text-align: center;
	margin: 5px 10px;
}

#onseipage .mp3{
	 background-color:rgba(255,255,255,0.6);
 width: 800px;
 height: 100%;
 margin: auto;
 padding: 20px 0;
}

.center{
	text-align: center;
}

#onseipage .mp3 img{
	width: 50%;
	margin: 20px 0;
	}

@media screen and (max-width: 768px) {
	#onseipage .mp3{
	 background-color:
	rgba(255,255,255,0.6);
	width: 98%;
	height: 100%;
	margin: auto;
	padding: 20px 0;
}
}

#onseipage .youtube{
	 background-color:rgba(255,255,255,0.6);
 width: 800px;
 height: 400px;
 margin: auto;
 padding: 20px 0;
 text-align: center;
}


@media screen and (max-width: 768px) {
	#onseipage .youtube{
	 background-color:
	rgba(255,255,255,0.6);
	width: 98%;
	height: 400px;
	margin: auto;
	padding: 20px 0;
	text-align: center;
}



#onseipage p{
	text-align: left;
}
}