@charset "utf-8";

/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
*{ margin:0; padding:0; box-sizing:border-box; }
select option{ padding:0 5px; }
body{ background:#0c090b url("../images/top_bg.png") center top no-repeat; font:16px helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif; line-height:1.8; text-align:center; min-width:1020px;  _display: inline;_zoom:1; }
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; }

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

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

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

.rel{ position:relative; }
.abs{ position:absolute; }


/* clearfix **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.cf:after{ content:" "; display:block; clear:both; }


/* link **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
a:link , a:visited{ color:#d7c6a5; text-decoration:underline; }
a:hover{ color:#c8a95c; text-decoration:underline; }
/*a:hover , a img:hover , input[type=image]:hover{ opacity:0.9; }*/


/* font decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* size */
.fontSS{ font-size:12px; }
.fontS{ font-size:14px; }
.fontL{ font-size:20px; }
.fontLL{ font-size:24px; }
.fontXL{ font-size:30px; }

/* color */
.txt-red{ color:#e90000; font-weight:bold; }
.txt-blue{ color:#004bd5; font-weight:bold; }
.txt-white{ color:#fff; font-weight:bold; }

/*indent */
.idt , ul.assist li , .system li{ padding-left:1.0em; text-indent:-1.0em; }
.idt-half{ padding-left:0.5em; text-indent:-0.5em; }

/*other */
.str{ font-weight:bold; }
.str-reset{ font-weight:normal; }

.underline{ text-decoration:underline; }
.underline-double{ border-bottom:double medium; }

.waveline{ background:url(../images/wave_line.png) repeat-x left bottom; padding-bottom:7px; }
.waveline-red{ background:url(../images/wave_line_red.png) repeat-x left bottom; padding-bottom:7px; }
.waveline-blue{ background:url(../images/wave_line_blue.png) repeat-x left bottom; padding-bottom:7px; }

.marker{background-color:#fff600; }

.dot-txt{ letter-spacing:0.9px; padding-top:10px; background-position:top left -2px; background-repeat:repeat-x; }
.dot-txt.dotM{ background-size:17px 5px; }
.dot-txt.dotL{ background-size:21px 5px; }
.dot-txt.dotLL{ background-size:25px 5px; }
.dot-txt.black{ background-image:radial-gradient(3px 3px at center center,#333,#333 80%,transparent); }
.dot-txt.red{ background-image:radial-gradient(3px 3px at center center,#e90031,#e90031 80%,transparent); }
.dot-txt.blue{ background-image:radial-gradient(3px 3px at center center,#004bd5,#004bd5 80%,transparent); }


/* space **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* padding */
.spt0{ padding-top:0px !important; }
.spt5{ padding-top:5px !important; }
.spt10{ padding-top:10px !important; }
.spt15{ padding-top:15px !important; }
.spt20{ padding-top:20px !important; }
.spt25{ padding-top:25px !important; }
.spt30{ padding-top:30px !important; }
.spt35{ padding-top:35px !important; }
.spt50{ padding-top:50px !important; }
.spt80{ padding-top:80px !important; }
.spt100{ padding-top:100px !important; }

.spb0{ padding-bottom:0px !important; }
.spb5{ padding-bottom:5px !important; }
.spb10{ padding-bottom:10px !important; }
.spb15{ padding-bottom:15px !important; }
.spb20{ padding-bottom:20px !important; }
.spb25{ padding-bottom:25px !important; }
.spb30{ padding-bottom:30px !important; }
.spb35{ padding-bottom:35px !important; }

.spl40{ padding-left:40px !important; }

/* margin */
.smt0{ margin-top:0px !important; }
.smt5{ margin-top:5px !important; }
.smt10{ margin-top:10px !important; }
.smt15{ margin-top:15px !important; }
.smt20{ margin-top:20px !important; }
.smt25{ margin-top:25px !important; }
.smt30{ margin-top:30px !important; }
.smt35{ margin-top:35px !important; }
.smt40{ margin-top:40px !important; }
.smt45{ margin-top:45px !important; }
.smt50{ margin-top:50px !important; }

.smb0{ margin-bottom:0px !important; }
.smb5{ margin-bottom:5px !important; }
.smb10{ margin-bottom:10px !important; }
.smb15{ margin-bottom:15px !important; }
.smb20{ margin-bottom:20px !important; }
.smb25{ margin-bottom:25px !important; }
.smb30{ margin-bottom:30px !important; }
.smb35{ margin-bottom:35px !important; }
.smb40{ margin-bottom:40px !important; }
.smb45{ margin-bottom:45px !important; }
.smb50{ margin-bottom:50px !important; }

.sml0{ margin-left:0px !important; }
.sml20{ margin-left:20px !important; }
.sml30{ margin-left:30px !important; }
.sml50{ margin-left:50px !important; }

.smr0{ margin-right:0px !important; }
.smr20{ margin-right:20px !important; }
.smr30{ margin-right:30px !important; }
.smr50{ margin-right:50px !important; }

/* paragraph */
/*p{ margin:0 50px 30px ; }*/
p{ margin:0 0 30px ; }
p.lh-reset{ line-height:1.0; }

/* original frame */
.box{ margin:0 25px; }


/* favorite decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.shadow{ box-shadow:0px 0px 8px rgba(0,0,0,0.4); }

table{ width:calc(100% - 50px); width:-webkit-calc(100% - 50px); border-collapse:separate; border-spacing:1px; background-color:#cdcdcd; line-height:2; font-size:14px; }
/*↑width:calc(100% - boxクラスの左右のmargin); */
table th , table td{ border:1px solid #fff; padding:5px 10px; }
table th{ font-weight:bold; background-color:#cdcdcd; width:22%; vertical-align:middle; }
table td{ background-color:#fff; }
table ol{ margin-left:20px; }

ul.assist{ font-size:12px; padding:15px 25px 12px; line-height:1.6; border:solid 1px #cdcdcd; }

.system{ font-size:14px; }

dl.rule{ padding:20px; border-radius:3px; border:solid 1px #cdcdcd; font-size:12px; line-height:1.6; text-align:left; }
dl.rule dt{ font-weight:bold; font-size:14px; text-align:center; }


/* responsive  **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pc-item{ display:block; }
.sp-item{ display:none; }

[class^="pic"]{ float:right; margin:0 50px 20px 20px; }
.inner [class^="pic"]{ float:right; margin:0 0 20px 20px; }

.inner{ padding:20px; background-color:#fff; }
.inner p{ margin:0 0 30px; }
.inner p:last-child{ margin:0; }


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{ width:1000px; margin:0 auto; text-align:left; position:relative; margin-top: 30px; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/

/* timer ********** タイマーが必要な場合のみ記述
///////////////////////////////////////////////////////////////////////////////////////////////*/
div.timer{ position:relative; width:344px; height:78px; }
.timer .timeDay{ position:absolute; top:40px; left:32px; }
.timer .timeHr{ position:absolute; top:40px; left:109px; }
.timer .timeMmin{ position:absolute; top:40px; left:188px; }
.timer .timeSec{ position:absolute; top:40px; left:250px; }
.timer .timeMsec{ position:absolute; top:42px; left:310px; display:none; }
.timer span img:nth-of-type(2){ margin-left:-6px; }


/* form **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.mailform{
    padding:30px 20px; text-align:center; border:solid 3px #06102f; box-shadow:0 0 1px #fff,0 1px 8px rgba(0,0,0,0.2);
    background:-webkit-linear-gradient(#cfe0f0,#f5faff,#cfe0f0);
    background:-o-linear-gradient(#cfe0f0,#f5faff,#cfe0f0);
    background:linear-gradient(#cfe0f0,#f5faff,#cfe0f0);
 }
.mailform ul{ margin:0 50px 20px; text-align:left; }
.mailform ul li{ margin-bottom:10px; }
.mailform ul li span,.mailform ul li input{ float:left; }
.mailform ul li span{ width:160px; padding-top:7px; }
.mailform ul li input{ width:calc(100% - 160px); width:-webkit-calc(100% - 160px); height:40px; padding:4px; border:solid 1px #aaa; box-shadow:0 0 8px #e2e2e2 inset; font-size:18px; }
.mailform .txt img{ max-width:590px; width:calc(100% - 10px); width:-webkit-calc(100% - 10px); height:auto; margin:10px 5px 0; }

.entry img{ box-shadow:0 1px 8px rgba(0,0,0,0.2); }


/* movie **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.movie-frame{ position:relative; width:auto; width:100%; height:0; }
.movie-frame.ratio16by9{ padding-top:56.25%; }
.movie-frame.ratio4by3{ padding-top:75%; }
.movie-frame video, .movie-frame iframe, .movie-frame object, .movie-frame embed{ position:absolute; top:0; left:0; width:100%; height:100%; }

/*.yt{ width:767px ; height:471px ; margin: 0 auto; }*/
/*.yt{ padding: 55px; padding-left: 65px; }*/
.yt{ width:767px; height:471px; padding:53px 60px; margin:0 auto; background:url(../images/intro_movie.png) no-repeat; }

.sec3 .yt{ width: 747px; height: 451px; padding: 42px 50px; background:url("../images/message_bg.png") no-repeat; }

.yt-s{ width:880px; margin:0 auto; }
.yt-s li{ width:440px; height: 270px; float:left; padding: 44px 55px; }
.yt-s li{ background:url("../images/movie_s.png") no-repeat; }


/* fix **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.fix-bg{ position: relative; min-height: 250px; background-attachment: fixed; background-size: cover; background-position: center; }
.scr-bg{ padding: 50px; }
.fix-contents{ position: absolute; top: 50%; left: 50%; bottom: auto; right: auto; margin: 0 auto; width: 90%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

.intro-fix{ background-image: url("../images/intro_sbt.png");}


/* intro **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.top{ height: 850px;  margin: 0 auto; background:url("../images/intro_bg.png")center top no-repeat; margin-top: -50px; }

.intro{ color: #fff; padding-top: 20px; margin: 0 auto; }
.intro .wrap{ text-align: center; }

.intro_txt{  background: url("../images/intro_txt_bg.png")center top no-repeat; }


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.bg-b{ background: #fff url("../images/contents_bg_b.png")center top repeat; color: #fff; }
.bg-w{ background: #fff url("../images/contents_bg_w.png")center top repeat; color: #0c090b; }

.title{ position: relative; height: 295px; background: #0c090b url("../images/title_bg.png")top center no-repeat;  }
.title-txt{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

.break{ border-top: 1px solid #d9cf87; }
.title-break{ border-top: 5px groove #a38e60; margin-bottom: -1px; }

.btn{ margin: 0 auto; text-align: center; }


/* section-img**********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.intro-img{ background: url("../images/intro_img.png")center top no-repeat;}
.sec1-img{ background: url("../images/sec1_img.png")center top no-repeat; }
.sec2-img{ background: url("../images/sec2_img.png")center top no-repeat; }
.sec3-img{ background: url("../images/sec3_img.png")center top no-repeat; }
.sec5-img{ background: url("../images/sec5_img.png")center top no-repeat; }
.sec6-img{ background: url("../images/sec6_img.png")center top no-repeat; }
.pre-img{ background: url("../images/pre_img.png")center top no-repeat; }



/* item **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.item{ max-width: 100%; height: 616px; background: #0c090b url("../images/item_bg.png")center top no-repeat; }


/* item **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.set{ max-width: 100%; height: 936px; background: #0c090b url("../images/set_bg.png")center top no-repeat; }


/* special **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.special{ padding-top: 70px; max-width: 100%; color: #fff; }
.special p{ text-align: center; }

.special.bg1{ background: url("../images/spe1_bg.png")center top no-repeat; }
.special.bg2{ background: url("../images/spe2_bg.png")center top no-repeat; }
.special.bg3{ background: url("../images/spe3_bg.png")center top no-repeat; }
.special.bg4{ background: url("../images/spe4_bg.png")center top no-repeat; }

.spe-txt{ color: #ead8a6;  width: 620px; margin: 0 auto; padding: 40px 0; margin-bottom: 40px;  border: 1px solid #9e9070; /*background: url("../images/contents_bg_spe.png")center top repeat;*/ background-color: rgba(93,12,12,0.5); box-shadow: 0 0 20px 1px #130e12; }


/* mind **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.mind{ padding-top: 30px; padding-left: 20px; height: 102px; width: 1038px; background: url("../images/mind_sbt_bg.png")center top no-repeat;}
.icon{ color: #923d42; font-weight: bold; font-size: 20px; background: url("../images/mind_icon.png")top left no-repeat; padding-left: 40px;　margin: 0 auto; margin-bottom: 0; }


/* q&a **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.q{ color: #e1cc99; padding: 5px 5px 5px 40px; background: url("../images/q_icon.png"),url("../images/q_bg.png"); background-position: left 10px top 9px, top center; background-repeat: no-repeat , repeat; border: 5px ridge #7d6b40; margin-bottom: 10px; }

.a{ margin-left: 15px; padding-left: 30px; background: url("../images/a_icon.png")left top 2px no-repeat; }


/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{ color:#fff; background-color:#333; padding:10px 10px 20px; text-align:center; }
.footer a{ color:#fff; font-size:12px; }


/* profile **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pro{ background: url("../images/profile_bg.png")center top no-repeat;}


/* button **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.button{ margin:0 auto; width:1000px; }
.button iframe{ width:1000px; height:1100px; }

.box1 {
	margin: auto auto 40px;
	width: 900px;
	text-align: left;
}

.box1 ol {
	margin: 0;
	padding: 0;
}

/* ★★★ タブレット ★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 768px){
/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
body{ min-width:100%; background: #0c090b url("../images/top_bg_sp.png")center top /contain no-repeat; }


/* font decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* size */
.fontL{ font-size:20px; }
.fontLL{ font-size:24px; }

.dot-txt.dotL{ background-size:19px 5px; }
.dot-txt.dotLL{ background-size:21px 5px; }


/* space **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* paragraph */
p{ margin:0 10px 20px; }

/* original frame */
.box{ margin:0; }


/* favorite decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.card img{ max-width:366px; width:100%; height:auto; }

table{ width:100%; }
table th , table td{ display:block; }
table th{ width:100%; }


/* responsive **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pc-item{ display:none; }
.sp-item{ display:block; }

[class^="pic"],.inner [class^="pic"]{ float:none; margin:0 auto 20px; }

.inner{ padding:20px; text-align:center; }
.inner p{ text-align:left; }

.w100 img{ width:100%; height:auto; }
.w95 img{ width:95%; height:auto; }
.w90 img{ width:90%; height:auto; }
.w80 img{ width:80%; height:auto; }
.w70 img{ width:70%; height:auto; }
/*p img{ max-width:520px; width:100%; height:auto; }*/

.br-reset{ display:none; }


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{ width:100%; padding:0 10px; position:relative; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/



/* form **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.mailform{ width:100%; padding:20px 10px; }
.mailform ul{ margin:0 10px 20px; }
.mailform ul img{ height:18px; }
.mailform ul li span{ width:130px; padding-top:4px; }
.mailform ul li input{ width:calc(100% - 130px); width:-webkit-calc(100% - 130px); }
.mailform input.btn{ width:100%; height:auto; }


/* movie **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.yt{ width:calc(100% - 20px); width:-webkit-calc(100% - 20px); height:auto; padding:0 10px; background:none; }
.movie-frame{ border: ridge 5px #e0d3a0; }

.yt-s{ width:100%; margin:0 auto; }
.yt-s li{ width:100%; height: auto; float:none; padding:0 20px; margin-top: 20px; }
.yt-s li{ background: none; }
	
.sec3 .yt{ width:calc(100% - 20px); width:-webkit-calc(100% - 20px); height:auto; padding:0 10px; background:none; }

	
.movie-l{ width: 100%; background:url(../images/intro_movie.png)center top no-repeat contain; padding-top: 55px; margin: 0 auto; }
.movie-s{ width: 940px; margin: -50px 55px 0; }
.movie-s li{ float: left; width: 438px; height: 275px; padding-top: 47px; padding-left: 60px; }
.movie-s li:nth-of-type(1){ background:url("../images/movie_s.png") no-repeat; }
.movie-s li:nth-of-type(2){ background:url("../images/movie_s.png") no-repeat; }


/* intro **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.top{ background: none; height: auto; }


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sec1-img,.sec2-img,.sec4-img,.sec5-img,.sec6-img{ background-color: rgba(255,255,255,0.6); background-blend-mode:lighten; }
.sec1-img,.sec2-img,.sec4-img,.sec5-img,.sec6-img,.pre-img{ background-position: left 60% top; }
	
.pre-img{ background-color: rgba(16,8,18,1.00); }

	
/* special **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.special{ padding-top: 30px;; }

.special.bg1{ background: url("../images/spe1_bg_sp.png")left top / 414px no-repeat; }
.special.bg2{ background: url("../images/spe2_bg_sp.png")left top / 414px no-repeat; }
.special.bg3{ background: url("../images/spe3_bg_sp.png")left top / 414px no-repeat; }
.special.bg4{ background: url("../images/spe4_bg_sp.png")left top / 414px no-repeat; }

	.spe-txt{ width: 100%; }
	
/* fix **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.fix-bg{ min-height: 200px; }


/* q&a **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.a{ margin-left: 25px; padding-left: 30px; background: url("../images/a_icon.png")left top 2px no-repeat; }

	
/* profile **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pro{ background: url("../images/profile_bg_sp.png")right top no-repeat;}
.pro-name img{ width: 100%; max-width: 344px; height: auto; }
	
/* button **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.button iframe , #entry{ width: 100%; padding: 0 10px; height: 830px; }

.box1 {
	width: 94%;
	margin: 0 3% 40px;
	text-align: left;
}


/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer .copy img{ max-width:280px; width:100%; height:auto; }

}


/* ★★★ スマホ ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 414px){ /* iPhone6Plus */
/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
body{ min-width:300px; }
.w50 img{ width:70%; height:auto; }


/* responsive **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.br-sp-reset{ display:none; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/



/* timer ********** タイマーが必要な場合のみ記述
///////////////////////////////////////////////////////////////////////////////////////////////*/
div.timer{ width:300px; height:68px; }
.timer .timeDay{ top:34px; left:28px; }
.timer .timeHr{ top:34px; left:96px; }
.timer .timeMmin{ top:34px; left:164px; }
.timer .timeSec{ top:34px; left:219px; }
.timer span img{ width:16px; height:24px; }


/* form **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.mailform{ padding:10px; }
.mailform ul{ margin:-10px 5px 20px; }
.mailform ul img{ height:14px; }
.mailform ul li{ margin-bottom:0; }
.mailform ul li span,.mailform ul li input{ float:none; display:block; }
.mailform ul li span{ width:100%; padding-top:0; margin-bottom:5px; }
.mailform ul li input{ width:100%; }


/* movie **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.movie-short li{ width:100%; }


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.button iframe { height: 660px; }
}