@charset "utf-8";

.forpc{display: block}
.forsp{display: none}
@media screen and (max-width: 768px) {

.formtime{color:red;text-align: left;font-size: 18px;}

.forpc{display: none}
.forsp{display: block}
html,body{overflow-x: hidden;box-sizing:border-box;}
select option{ padding:0 5px; }
body{background:#fff;font:16px 'Noto Sans Japanese',"�ҥ饮�γѥ� Pro W3","Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", Meiryo,"�ͣ� �Х����å�",Osaka,sans-serif;line-height:1.8;text-align:center;letter-spacing:normal;min-width: initial;_display: inline;_zoom:1;min-width: auto;}
h1 , h2 , h3 , h4 , h5 , h6 , address{ font-style:normal; font-weight:normal; font-size:100%; }
ul{ list-style-type:none; }
img{border:0;vertical-align:bottom;max-width: 100%;height: auto;}

table{ border-spacing:0; border:0; }
table th{ text-align:left; vertical-align:top; font-weight:normal; }
table td{ word-break:break-all; }

a:link , a:visited{ color:#004ead; text-decoration:underline; }
a:hover{ color:#3a92ff; text-decoration:underline; }

.floatR{float: inherit;}
.floatL{ float:left; }

.alignL{ text-align:left; }
.alignR{ text-align:right; }
.alignC{ text-align:center; }

.fontSS{ font-size:12px; }
.fontS{ font-size:14px; }
.fontL{ font-size:20px; }
.fontLL{ font-size:24px; }

.tcR{ color:#ed2323; font-weight:bold; }
.tcB{ color:#1f5fb7; font-weight:bold; }

.str{ font-weight:bold; }
.strN{ font-weight:normal; }
.ilc{ font-style:italic; }
.uLine{ text-decoration:underline; }
.uLine2{ border-bottom:double medium #333; }
.uLineR{ background:url(../images/line_red.png) repeat-x left bottom; padding-bottom:4px; }
.waveLine{ background:url(../images/wave_line.png) repeat-x left bottom; padding-bottom:7px; }
.waveLineR{ background:url(../images/wave_line_red.png) repeat-x left bottom; padding-bottom:7px; }
.waveLineB{ background:url(../images/wave_line_blue.png) repeat-x left bottom; padding-bottom:7px; }
.marker{background-color:#fff600; }

.idt{ padding-left:1.0em; text-indent:-1.0em; }
.idtS{ padding-left:0.5em; text-indent:-0.5em; }

.spt5{ padding-top:5px; }
.spt10{ padding-top:10px; }
.spt15{ padding-top:15px; }
.spt20{padding-top: 5%;}
.spt25{ padding-top:25px; }
.spt30{padding-top: 3%;}
.spt35{ padding-top:35px; }

.spb5{ padding-bottom:5px; }
.spb10{ padding-bottom:10px; }
.spb15{padding-bottom: 3%;}
.spb20{ padding-bottom:20px; }
.spb25{ padding-bottom:25px; }
.spb30{ padding-bottom:30px; }
.spb35{ padding-bottom:35px; }

.smt5{ margin-top:5px; }
.smt10{ margin-top:10px; }
.smt15{ margin-top:15px; }
.smt20{ margin-top:20px; }
.smt25{ margin-top:25px; }
.smt30{ margin-top:30px; }
.smt35{ margin-top:35px; }

.smb5{ margin-bottom:5px; }
.smb10{ margin-bottom:10px; }
.smb15{ margin-bottom:15px; }
.smb20{ margin-bottom:20px; }
.smb25{ margin-bottom:25px; }
.smb30{ margin-bottom:30px; }
.smb35{ margin-bottom:35px; }
.smb45{ margin-bottom:45px; }
.smb55{ margin-bottom:55px; }

.sml20{ margin-left:20px; }
.sml30{ margin-left:30px; }
.sml50{ margin-left:50px; }

.smr30{margin-right: 5%;}
.smr50{margin-right: 0;}
.rel{ position:relative; }
.abs{position: absolute;display: block !important;}

p{margin: 3% 0;}
p.spN{ margin-bottom:0px; }
p.spSS{ margin-bottom:5px; }
p.spS{ margin-bottom:10px; }
p.spL{ margin-bottom:30px; }
p.spLL{ margin-bottom:50px; }
p.lhN{ line-height:1.0; }

.shadow{ box-shadow:0px 0px 8px rgba(0,0,0,0.6); }


/* clearfix **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* For modern browsers */
.cf:before , .cf:after{content: none;display:table;}
.cf:after{ clear:both; }

/* For IE 6/7 (trigger hasLayout) */
.cf{zoom: 0;} 


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{width: 96%;margin: 0 auto;text-align: -webkit-auto;position: inherit;max-width: 100%;}
.voice_wrap{ width:100%; margin:0 auto; text-align:center; position:relative; }
.top .wrap{width: 90%;margin: 0 auto;text-align: left;position: inherit;}

/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header{background: none;}

.header .top{height: auto;padding: 2% 0; width: 100%;}
.header .top h1{float: none;margin-top: 0;}

/*.timer{ margin:0 auto -2rem auto; width:calc(100% - 8px) !important; width:-webkit-calc(100% - 8px) !important; height:130px; background:#d4c782; border-radius:5px 5px 0 0; }
.timer img{display:none;}
.timer-text {
position:absolute;font-size: 1.2rem;
left:0rem;
text-shadow:-2px -1px 0px #ffffff,0px -1px 4px #ffffff;
}
#time-text {
display: block;
font-size:1.5rem;
color:#000;
font-weight: 900;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}*/


/* timer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.timer-box{ width:calc(100% - 8px); width:-webkit-calc(100% - 8px); margin:0 auto; border-radius:5px 5px 0 0;
    background: rgb(211,198,129); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(187,170,102,1) 0%, rgba(211,198,129,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(187,170,102,1) 0%,rgba(211,198,129,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(187,170,102,1) 0%,rgba(211,198,129,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/* timer ********** タイマーが必要な場合のみ記述
///////////////////////////////////////////////////////////////////////////////////////////////*/
div.timer{ width:480px; height:74px; position:relative;}
div.timer .count{ width:100%; height:33px;/*数字の高さ*/ overflow:hidden; position:absolute; top:45px; }
div.timer .count img{ position:absolute; }
div.timer img:nth-child(1)  { left:calc(22px * 0 + 189px); }/*数字の横幅 + 配置*/
div.timer img:nth-child(2)  { left:calc(22px * 1 + 187px); }
div.timer img:nth-child(3)  { left:calc(22px * 2 + 225px); }
div.timer img:nth-child(4)  { left:calc(22px * 3 + 223px); }
div.timer img:nth-child(5)  { left:calc(22px * 4 + 265px); }
div.timer img:nth-child(6)  { left:calc(22px * 5 + 263px); }
div.timer img:nth-child(7)  { left:calc(22px * 6 + 282px); }
div.timer img:nth-child(8)  { left:calc(22px * 7 + 280px); }
div.timer img:nth-child(9)  { left:calc(22px * 8 + 350px); }
div.timer img:nth-child(10){ left:calc(22px * 9 + 350px); }
div.timer img:nth-child(even){ margin-left:3px; } /*数字の間隔*/

/* timerがテキストの時は以下設定等で見た目を整える */
input.timer , .timer input{ font-size:30px; background-color:transparent; border:none; width:500px }

div.timer_bg{ width:280px; height:92px; background:url("../images/timer_bg_sp.png") center / 280px 92px no-repeat; float:none; margin:0 auto; position:relative; }


/* mailform **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.mailform-wrap{ width:100%; background:none; }

.mailform{ width:calc(100% - 20px) !important; width:-webkit-calc(100% - 20px) !important; padding:0; }
.mailform .badge{ display:none; }

.mailform .ipt{ height:auto; margin:15px 15px 0; }
.mailform .ipt .addname{ position:static; text-align:left; margin-bottom:10px;  float: left;}
.mailform .ipt .mail{ position:static; width:calc(100% - 20px); width:-webkit-calc(100% - 20px); padding:15px 10px; }
.mailform .ipt .btn{ position:static; margin:20px 0; max-width:289px; width:100%; }

.mailform p{ text-align:left; margin:0 15px 15px; line-height:1.4; }

/*.topmailform{width: 98%;height: auto;margin: 5% auto;position: relative;max-width:100%;border: 3px solid #b3a052;background:#fff8d9;padding: 5%;box-sizing: border-box;}
.topmailform .nam{position: inherit;top:148px;left:196px;width: 100%;border:none;margin: 3% auto 0;padding: 4%;box-sizing: border-box;}
.topmailform .add{position: inherit;top:191px;left:196px;width: 100%;border: none;margin: 3% auto;padding: 4%;box-sizing: border-box;border:none;}
.topmailform .btn{ position:inherit; top:137px; left:655px; }
.topmailform .abs{top: -20%;left: auto;right: -1%;width: 120px;}

.contents .mailform{width: 98%;height: auto;margin:0 auto;position: relative;max-width:100%;border: 3px solid #b3a052;background:#fff8d9;padding: 5%;box-sizing: border-box;}
.contents .mailform .nam{position: inherit;top:148px;left:196px;width: 100%;border:none;margin: 3% auto 0;padding: 4%;box-sizing: border-box;}
.contents .mailform .add{position: inherit;top:191px;left:196px;width: 100%;border: none;margin: 3% auto;padding: 4%;box-sizing: border-box;border:none;}
.contents .mailform .btn{position: inherit;top:137px;left:655px;}
.contents .mailform .abs{top: -6%;left: auto;right: -1%;width: 120px;}
.form_top_sp {
display:block;	
}
.formtime_under{background:#876d28;color:#FFF;padding:3% 0;box-sizing:border-box;margin:0 auto; font-size:15px;}*/


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contents{background:url(../images/contents_bg.png) repeat-y center top;width: 100%;}

.voice , .section1 , .section2 , .section3 , .section4 , .section5 , .section6 , .section7{padding-top: 0;}

h2{position: inherit;top:0px;left: 0;margin: 6% auto 2% auto;height:auto; padding:0; background:none; }

.section1 .img1{background: none;margin-right: 0;}
.section1 .item{background:url(../images/ptn3.png) repeat;width: 100%;border:solid 3px #fff;margin: 5% auto 30px;padding: 3%;position: inherit;border-radius:8px;box-shadow:0px 0px 8px rgba(0,0,0,0.3);box-sizing: border-box;}
.section1 .item h3{position: inherit;top: 0;left: 0;margin: 0 0 3%;}
.section1 .item .txt{background-color:#fff;margin: 0;border:solid 1px #eaeaea;padding: 5%;border-radius:4px;}
.section1 .item .txt p{margin: 0;}
.section1 .item .txt .pic{ float:none; margin:0 0 10px; text-align:center; }

.section3 .img1{background: none;margin-right: 0;}

.section4 .profile{background:url(../images/ptn2.png) repeat;width: 90%;border:solid 1px #fff;margin: 0 auto 5%;padding: 8% 3% 3%;border-radius:8px;box-shadow:0px 0px 8px rgba(0,0,0,0.3);}
.section4 .profile div+img{
    margin: 0 auto;
    text-align: center;
    display: block;
}

.section5 dl{background:url(../images/ptn1.png) repeat;width: 96%;border:solid 1px #fff;margin: 0 auto 5%;box-shadow:0px 0px 8px rgba(0,0,0,0.3);}
.section5 dt{ text-align:center; margin-bottom:10px; width: 90%; margin:0 auto;}
.section5 dd{ background-color:#fff; width:80%; margin:0 auto 30px; border-radius:8px; padding:25px; }
.section5 dd.last{ background-color:transparent; padding:0; }
.section5 .list dl{width: 90%;}	
.section6{padding: 3%;}
.section6 .item{background-color:#fff;width:90%;margin: 0 auto 3%;padding: 3%;border-radius:8px;position: inherit;box-shadow:0px 0px 8px rgba(0,0,0,0.3);box-sizing: border-box;}
.section6 .item h3{position: inherit;top: 0;left: 0;}
.section6 .txt img{margin:0 auto;display: block;}


.kiyaku{width: 100%;margin: 0 auto 5%;padding: 3%;border:solid 1px #c9bcae;background-color:#fff;text-align:left;border-radius:5px;font-size:14px;box-sizing: border-box;}

.extra{
		background:url(../images/ptn4.png) repeat;
		padding: 8% 3% 3%;
		border-left:solid 1px #fff;
		border-right:solid 1px #fff;
		box-shadow:rgba(163, 163, 163, 0.65098) 0px 10px 12px -3px;
		-webkit-box-shadow:rgba(163, 163, 163, 0.65098) 0px 10px 12px -3px;
		-moz-box-shadow:rgba(163, 163, 163, 0.65098) 0px 10px 12px -3px;
		}

.extra div+img{display:block;margin:0 auto;}		

/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{background-color:#e61952;text-align:center;padding:20px 0;width: 100%;}
.foot-copy{display: flex;align-items: center;color: #fff;text-align: left;font-size:0.5rem;width: 90%;margin: 0 auto;justify-content:center;
flex-wrap: wrap;
text-align: center;}
.f_logo{margin-bottom: 5px;}

/*.topmailform .txt{position: inherit;top: 1rem;font-size: 14px;text-align: left;left: 0;line-height: 1.5;}
.topmailform .txt+img{display:none; }
.mailform .txt{position: inherit;top: 2rem;margin-bottom:6rem;font-size: 14px;text-align: left;left: 0;line-height: 1.5;}
.mailform .txt+img{display:none; }*/
.chui { padding-bottom: 0; }
.chui p{ margin: 0; }
}