@charset "utf-8";

/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
*{ margin:0; padding:0; box-sizing:border-box; }
select option{ padding:0 5px; }
body{ color:#182b54; background:url(../images/top_bg.jpg) center top no-repeat , url(../images/bg_y.png) repeat; font:18px 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; }

p{ font-weight: bold; }

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


/* link **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
a:link , a:visited{ color:#0000ff; text-decoration:underline; }
a:hover{ color:#ff8000; 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; }
.fontM{ font-size:16px; }
.fontL{ font-size:20px; }
.fontLL{ font-size:24px; }
.fontXL{ font-size:35px; }
.fontXXL{ font-size:50px; }

/* color */
.txt-red{ color:#c50023; font-weight:bold; }
.txt-blue{ color:#3384c6; font-weight:bold; }
.txt-orange{ color:#ea9c06; font-weight:bold; }
.txt-yellow{ color:#f1df42; font-weight:bold; }
.txt-green{ color:#50b3bf; 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; }
.underline-weave{ text-decoration: underline wavy #3384c6; }

.waveline{ background:url(../images/weave_line.png) repeat-x left bottom; padding-bottom:20px ; background-size:80px; }
.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; }
.marker-w{background:linear-gradient(transparent 60%, #FFFF 10%); }

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

.lh-half{ line-height: 50px; }

.br-add{ display: none; }


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

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

/* 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; }
.smt150{ margin-top:150px !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 20px; }
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; }

.break{ border-top: 3px solid #fefcee; margin: 0 auto; margin: 0 50px; }



/* 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:1100px; margin:0 auto; text-align:left; position:relative; }


/* 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-large,.movie-short li{ padding:8px; background-color:#fff; border:solid 2px #a6b2bb; box-shadow:0 0 1px 1px #fff,0 2px 5px rgba(0,0,0,0.2); }

.movie-large{ width:740px; height:auto; margin:0 auto; }
.movie-large .frame{ position:relative; top:0; left:0; width:100%; padding-top:56.25%; }
.movie-large iframe{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; }
/*↑ウィンドウサイズに合わせて縦横比固定で縮小させる　padding-top:56.25%;(高さ÷横幅×100) → 16:9のサイズ(9÷16×100=56.25)*/

.movie-short{ width:900px; margin:0 auto; }
.movie-short li{ width:290px; float:left; margin-right:15px; }
.movie-short li:last-child{ margin-right:0; }
.movie-short li .frame{ position:relative; top:0; left:0; width:100%; padding-top:56.25%; }
.movie-short li iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }
.movie-short li span{ display:block; padding:10px 5px; background-color:#7383b8; text-align:center; }


/* flex **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.flex-box{ display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; width: 1100px; margin: 0 auto; justify-content: center; }
.series .flex-box{ justify-content: flex-start; }


/* intro **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.top-txt{ font-size: 24px; line-height: 35px; padding-top: 10px; }

.point-icon{ font-size: 50px; background: url("../images/point_icon.png")left center no-repeat; padding-left: 90px; margin-bottom: 10px; margin-top: 10px; }
.check{ font-size: 40px; background: url("../images/check_icon.png")left center no-repeat; padding-left: 50px; }
.intro-txt{ background: url("../images/intro_txt1.png")center top no-repeat; }

.intro-fig{ position: relative; width: 340px; height: 244px; border-radius: 10px; margin-left: 15px; }
.intro-fig p{ font-size: 20px; position: absolute; bottom: 0px; right: 0px; margin: 0; padding: 20px; }
.intro-fig:nth-child(3) p{ margin-bottom: 40px; }

.intro-fig:nth-child(1){ background: #fff url("../images/intro_fig_logo1.png")center top no-repeat; }
.intro-fig:nth-child(2){ background: #fff url("../images/intro_fig_logo2.png")center top no-repeat; }
.intro-fig:nth-child(3){ background: #fff url("../images/intro_fig_logo3.png")center top no-repeat; }


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contents{ background: url("../images/bg_w.png")repeat; }

.sbt{ position: relative; height: 187px; background: url("../images/sbt_bg.png")center top; }
.sbt-txt{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); margin-top: -15px; }
.sbt-txt{ width: 1000px; color: #fff; font-size: 42px; }

.sec3-sbt .sbt-txt{ color: #f8e543; line-height: 55px;  margin: 0 auto; }
.sec3-sbt{ position: relative; height:172px; background: url("../images/sec3_sbt_bg.png")center top no-repeat; margin: 40px 0; }

/* point */
.point{ margin-top: 50px; }
.poi-fig{ width: 350px; height: 284px; border-radius: 10px; margin-left: 15px; padding: 20px; margin: 0 auto; }
.poi-fig p{ margin: 0 auto; }

.point:nth-child(3) .poi-fig{ width: 500px; height: 280px; border-radius: 10px; margin-left: 15px; padding: 20px; margin: 0 auto; margin-bottom: 50px; }

.green-back{color: #fff; background: #50b3bf; padding: 5px;}
.blue-back{color: #fff; background: #3384c6; padding: 5px;}
.poi-txt{ font-size: 30px; line-height: 35px; margin: 10px 0; }
.poi-txt:after{ content: url("../images/poi_bar.png"); display: block; margin-top: -20px; }
.boat:nth-child(3) .poi-txt:after{ content: url("../images/poi_bar.png"); display: block; margin-top: -5px;}

.point:nth-child(1):before{ content: url("../images/point_news.png"); display: block; }
.point:nth-child(2):before{ content: url("../images/point_boat.png"); display: block; }
.point:nth-child(3):before{ content: url("../images/point_scuba.png"); display: block; }

.news:nth-child(1){ background: #fff url("../images/news_logo1.png")top 20px right 20px no-repeat; }
.news:nth-child(2){ background: #fff url("../images/news_logo2.png")top 20px right 20px no-repeat; }
.news:nth-child(3){ background: #fff url("../images/news_logo3.png")top 20px right 20px no-repeat; }

.boat:nth-child(1){ background: #fff url("../images/boat_logo1.png")top 20px right 20px no-repeat; }
.boat:nth-child(2){ background: #fff url("../images/boat_logo2.png")top 20px right 20px no-repeat; }
.boat:nth-child(3){ background: #fff url("../images/boat_logo3.png")top 20px right 20px no-repeat; }

.scuba:nth-child(1){ background: #fff url("../images/scuba_logo1.png")top 20px right 20px no-repeat; }
.scuba:nth-child(2){ background: #fff url("../images/scuba_logo2.png")top 20px right 20px no-repeat; }


/* sec2 */
.sec2-num{ color: #3384c6; text-align: center; font-size: 45px; margin: 0 auto; }
.sec2-num:after{ content: url("../images/sec2_bar.png"); display: block; margin-top: -65px; }

.sec2-title{ color: #3384c6; height: 60px; margin: 0 auto; text-align: center; font-size: 25px; line-height: 30px; margin-bottom: 10px; }

.yellow-txt{ position: absolute; top: 17%; left: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 255px; margin: 0 auto; text-align: center; line-height: 25px;}

.sec2-box{ position: relative; width: 260px; height: 480px;  border-radius: 20px; margin: 0 auto; border: solid 2px #3384c6; }
.sec2-box:nth-child(n+2){ margin-left: 15px; }
.sec2-box{ background:linear-gradient(180deg,#3384c6 0%,#3384c6 30%,#fff 30%,#fff 100%); -webkit- background:linear-gradient(180deg,#3384c6 0%,#3384c6 30%,#fff 30%,#fff 100%); }
.sec2-box li{ font-weight: bold; font-size: 16px; margin-left: 10px; line-height: 22px; }
.sec2-box p{ margin: 0 auto; font-size: 16px; margin-left: 10px; line-height: 22px; margin-bottom: 20px; }
.sec2-txt{ margin-top: 20px; }


/* sec3 */
.sec3-logo{ background: url("../images/sec3_logo.png")center top no-repeat; }
.sec3-bg{ height: 306px; background: url("../images/sec3_img1.png")right center no-repeat; }
.step{ border: medium solid #3384c6; padding: 60px 20px 40px 20px; margin-left: 50px; margin-top: -60px; margin-bottom: 50px; }
.step p:nth-child(1) { background: url("../images/icon1.png")center left no-repeat; padding-left: 40px; margin-bottom: 5px; }
.step p:nth-child(2) { background: url("../images/icon2.png")center left no-repeat; padding-left: 40px; margin-bottom: 5px; }
.step p:nth-child(3) { background: url("../images/icon3.png")center left no-repeat; padding-left: 40px; margin-bottom: 20px; }


/* flow */
.flow-txt1 { background: url("../images/sec4_icon1.png")center left no-repeat; padding-left: 60px; margin-top: 30px; margin-bottom: 5px; }
.flow-txt2 { background: url("../images/sec4_icon2.png")center left no-repeat; padding-left: 60px; margin-top: 30px; margin-bottom: 5px; }
.flow-txt3 { background: url("../images/sec4_icon3.png")center left no-repeat; padding-left: 60px; margin-top: 30px; margin-bottom: 5px; }

.login{ position: relative; padding: 20px 10px; margin: 20px 50px 0 50px; background: #152a57; color: #fff; }
.login:after{ position: absolute; content: ''; top: 100%; left: 30px; border: 40px solid transparent; border-top: 20px solid #152a57; width: 0; height: 0; }
.login-txt{ padding: 40px 20px 30px 20px; margin:0 50px; background: #f1f1f1; margin-bottom: 30px; }

.login p , .login-txt p{ margin: 0; }

.btn-s{ width: 1000px; margin: 0 auto; text-align: center; margin-bottom: 30px; }
.btn-s img:nth-child(1){ margin-right: 70px; }

/* series */
.series{ padding-top: 20px; width: 1100px; background: #fff url("../images/series_bg.png")center bottom no-repeat; }
.bar{ height:0px; border-radius: 2px; border: 1px solid #3384c6;; width: 80%; margin: 0 auto; margin-bottom: 10px; }
.txt-box{ width: 520px; margin: 0 auto; margin-bottom: 20px; }
.check-txt{ padding-left: 30px; margin: 0 auto; color: #fff; background: #3384c6 url("../images/series_check.png")left 5px top no-repeat; }
.txt-box:nth-child(3){ margin-left: 15px; }


.btn{margin-top: 20px;}

.changed{display:block; }
.changed2{display:none; }

input[type=checkbox]:checked ~ div.changed {
    display:none;
}
input[type=checkbox]:checked ~ div.changed2 {
    display:block;
}


/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/*.footer{ color:#fff; background-color:#182b54; padding:10px 10px 20px; text-align:center; }
.footer a{ color:#fff; font-size:12px; }*/
.footer{ font-size:14px; background:#182b54; padding:20px 0 18px; color:#fff; }
.footer .wrap{ box-sizing:border-box; overflow:hidden; width: 1200px; }
.footer .txt{ float:left; padding-right:40px; }
.footer .url{ float:left; color: #fff; border: solid 1px #fff; padding:15px; margin-top: 10px; }
.footer .logo{ float:right; margin-top: 10px; }
.footer a{ color:#fff; }



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


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

.dot-txt.dotL{ background-size:19px 5px; }
.dot-txt.dotLL{ background-size:21px 5px; }
	
.ls-half{ letter-spacing: 0.05em; }

.br-add{ display: block; }

	


/* 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; }
    
    
/* flex **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.flex-box{ display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; width: 100%; margin: 0 auto; justify-content: center; }
.series .flex-box{ justify-content: flex-start; }


/* 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 **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.movie-large{ width:100%; }

.movie-short{ width:100%; }
.movie-short li{ width:378px; float:none; margin:0 auto 15px; }
.movie-short li:last-child{ margin:0 auto; }


/* intro **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.top-txt{ font-size: 18px; line-height: 25px; padding-top: 10px; }
    
.intro-fig{ position: relative; width: 100%; height: 130px; margin: 10px 0; }
.intro-fig:nth-child(3) p{ margin-bottom: 0; }
.intro-fig p{ font-size: 20px; position: absolute; top: 20px; left: 20px; right: 20px; margin: 0 auto; padding: 0; line-height: 23px; }

.intro-fig:nth-child(1){ background: #fff url("../images/intro_fig_logo1_sp.png")right bottom no-repeat; }
.intro-fig:nth-child(2){ background: #fff url("../images/intro_fig_logo2_sp.png")right bottom no-repeat; }
.intro-fig:nth-child(3){ background: #fff url("../images/intro_fig_logo3_sp.png")right bottom no-repeat; }



/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* point */
.poi-fig{ margin-bottom: 20px; height: auto; }
.poi-txt{ font-size: 25px; line-height: 35px; margin: 10px 0; }
.point:nth-child(1):before{ display: none; }
.point:nth-child(2):before{ display: none; }
.point:nth-child(3):before{ display: none; }
.point:nth-child(3) .poi-fig{ margin-bottom: 20px; }
    
/* sec2 */
.sec2-fig:nth-child(4){ margin-bottom: 40px; }
  
    
/* sec3 */
.sec3-bg{ height: auto; background: none; }

.btn-s{ width: 90%; margin: 0 auto; margin-bottom: 30px; }
.btn-s img:nth-child(1){ margin: 0; margin-bottom: 30px; }
.btn-s img{ width: 90%; }
    
/* login */    
.login{  padding: 10px; margin: 0; margin-top: 20px }
.login-txt{ padding: 40px 10px 20px 10px; margin:0; margin-bottom: 30px; }
    
/* series */
.series{ width: 100%; background: #fff url("../images/series_bg.png")right bottom no-repeat; }
.bar{ height:0px; border-radius: 2px; border: 1px solid #3384c6;; width: 80%; margin: 0 auto; margin-bottom: 10px; }
.txt-box{ width: 100%; margin: 0 auto; margin-bottom: 20px; }
.check-txt{ width: 100%; padding-left: 30px; margin: 0 auto; color: #fff; background: #3384c6 url("../images/series_check.png")left 5px top no-repeat; }
.txt-box:nth-child(3){ margin-left: 0; }


/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer .wrap{width:auto; text-align:center;}
.footer .wrap .txt{float:none; margin-bottom:10px;}
.footer .wrap .url{ float:none; width: 350px; margin: 5px auto 0; }
.footer .wrap .logo{float:none; margin-top: 20px;} 

}



/* ★★★ スマホ ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 414px){ /* iPhone6Plus */
/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
body{ min-width:300px; }


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

    

/* intro **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.top-txt{ font-size: 16px; line-height: 20px; padding-top: 10px; }

    
/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer .wrap .url{ float:none; width: 100%; margin: 5px auto 0; }
.footer .wrap .logo img{ width: 100%; } 

}