@charset "utf-8";

/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
*{ margin:0; padding:0; box-sizing:border-box; }
select option{ padding:0 5px; }
body{ color:#333; background:#fff4f2 url(../images/bg.jpg) 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:1200px; _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:#eb5378; text-decoration:underline; }
a:hover{ color:#fb7285; 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; }

/* color */
.txt-red{ color:#e90031; font-weight:bold; }
.txt-blue{ color:#004bd5; 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.dotS{ background-size:12px 5px; }
.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; }

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

.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; }
.sml-1{ margin-left:-1px !important; }
.sml-20{ margin-left:-20px !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.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:982px; margin:0 auto; text-align:left; position:relative; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header{ height:158px; background:url("../images/header_bg.png") center top no-repeat; }


/* 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{ margin:60px 45px 0; background:url("../images/mailform_bg1.png"); text-align:left; border:solid 3px #fedddd; border-radius:10px; box-shadow:0 0 0 4px #fff,0 0 0 5px #f27289; }
.mailform .inner{ margin:60px 24px 24px; padding:40px 40px 30px; background:url("../images/mailform_bg2.png"); border-radius:10px; box-shadow:0 0 20px rgba(255,233,99,0.8) inset; }
.mailform .title{ top:-93px; left:0; }
.mailform ul{ margin:0 100px; text-align:left; }
.mailform ul li{ margin-bottom:10px; }
.mailform ul li span,.mailform ul li input{ float:left; }
.mailform ul li span{ width:180px; padding-top:7px; }
.mailform ul li input{ width:calc(100% - 180px); width:-webkit-calc(100% - 180px); height:40px; padding:4px 10px; border:none; box-shadow:0 0 8px rgba(234,97,122,0.8); font-size:18px; }
.mailform .btn{ margin:10px 0; }
.mailform .txt{ color:#eb5378; font-size:14px; }
/*.mailform .txt img{ max-width:590px; width:calc(100% - 10px); width:-webkit-calc(100% - 10px); height:auto; margin:10px 5px 0; }*/

.mailform.pat2 .inner{ margin:24px; }
.mailform.pat2 .title{ top:-50px; left:-30px; }



/* movie **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.movie-large,.movie-short li{ padding:8px; box-shadow:0 0 1px 1px #fff,0 0 8px rgba(234,97,122,0.8); }
.movie-large{ background:#ffd8d8; background:linear-gradient(to bottom,#ffd8d8,#fff,#ffd8d8); background:-moz-linear-gradient(to bottom,#ffd8d8,#fff,#ffd8d8); background:-webkit-linear-gradient(to bottom,#ffd8d8,#fff,#ffd8d8); }

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


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contents-top{ margin-top:45px; }
.contents{ background:url("../images/contents_bg.png") center top repeat-y; margin:0 auto; padding:25px 0 50px; position:relative; }

.section1 .bg{background:url("../images/sec1_img.png") right top no-repeat;  }

/* sbt */
.sbt{ margin:30px 0; }

/* caution */
.caution{ color:#523a22; border:solid 1px #9f9183; margin:0 40px; padding:10px 35px; font-size:14px; }
.caution p{ margin:0; }
.caution p:first-child{ text-align:center; margin-bottom:5px; }

/* not */
.not{ width:880px; border:solid 1px #fedddd; box-shadow:0 0 0 1px #fff , 0 0 20px #d2aba1; margin:60px auto 0; position:relative; }
.not.no1{ 
    background:url("../images/sec2_not1_bg1.png") right top / 280px 240px no-repeat , linear-gradient(135deg,#fff 20%,#fee9cd,#fa6380); 
    background:url("../images/sec2_not1_bg1.png") right top / 280px 240px no-repeat , -moz-linear-gradient(135deg,#fff 20%,#fee9cd,#fa6380); 
    background:url("../images/sec2_not1_bg1.png") right top / 280px 240px no-repeat , -webkit-linear-gradient(135deg,#fff 20%,#fee9cd,#fa6380);
}
.not.no2{ 
    background:url("../images/sec2_not2_bg1.png") right top / 280px 240px no-repeat , linear-gradient(135deg,#fff 20%,#fee9cd,#fa6380); 
    background:url("../images/sec2_not2_bg1.png") right top / 280px 240px no-repeat , -moz-linear-gradient(135deg,#fff 20%,#fee9cd,#fa6380); 
    background:url("../images/sec2_not2_bg1.png") right top / 280px 240px no-repeat , -webkit-linear-gradient(135deg,#fff 20%,#fee9cd,#fa6380);
}
.not.no3{ 
    background:url("../images/sec2_not3_bg1.png") right top / 280px 240px no-repeat , linear-gradient(135deg,#fff 20%,#fee9cd,#fa6380); 
    background:url("../images/sec2_not3_bg1.png") right top / 280px 240px no-repeat , -moz-linear-gradient(135deg,#fff 20%,#fee9cd,#fa6380); 
    background:url("../images/sec2_not3_bg1.png") right top / 280px 240px no-repeat , -webkit-linear-gradient(135deg,#fff 20%,#fee9cd,#fa6380);
}
.not .no{ position:absolute; top:-35px; left:-35px; }
.not .not-sbt{ margin:20px 0; }
.not .inner{ border:solid 1px #7a613c; box-shadow:0 0 0 5px #fff; margin:20px; padding:15px 20px; }
.not.no1 .inner{ background:url(../images/sec2_not1_bg2.png) right bottom / 300px 240px no-repeat, #fff; }
.not.no2 .inner{ background:url(../images/sec2_not2_bg2.png) right bottom / 300px 240px no-repeat, #fff; }
.not.no3 .inner{ background:url(../images/sec2_not3_bg2.png) right bottom / 300px 240px no-repeat, #fff; }
.not .inner p{ margin:0; }

/* rec */
.rec{ width:880px; margin:0 auto; box-shadow:0 0 5px #ef5774; padding:3px; }
.rec{ background:#fff5b7; background:linear-gradient(to bottom,#fff,#fff5b7); background:-moz-linear-gradient(to bottom,#fff,#fff5b7); background:-webkit-linear-gradient(to bottom,#fff,#fff5b7); }
.rec dt{ color:#fff; font-size:18px; background:#fa6380 url("../images/rec_listmark.png") 15px 12px no-repeat; padding:10px 15px 10px 60px; }
.rec dd{ border:solid 1px #f68fa3; padding:15px; background:#fff; background:linear-gradient(to bottom,#fff,#fffce9); background:-moz-linear-gradient(to bottom,#fff,#fffce9); background:-webkit-linear-gradient(to bottom,#fff,#fffce9); }

/* poi */
.poiba{position:relative; margin-top: 50px;}
.poisbt{position:absolute; z-index: 1; left:14px; top:-48px;}
.poi{ width: 880px; margin: 0 auto; border: 3px solid transparent;background-image: linear-gradient(#fff, #fa6380); background-origin: border-box; margin-bottom: 30px; box-shadow: 0px 2px 11px 0px rgba(105, 105, 105, 0.4); }
.poiin{ width: 874px; margin: 0 auto; background:url(../images/poi_bg.png) ; position: relative; border: 1px solid #fdc7c6; }
.poi .txt{padding: 160px 0 0;}
.poi .pk{text-align: center; background:rgba(250,99,128,0.3); padding: 25px 0 ; font-weight:bold; margin-top: 10px; }

.lineL{display: table;}
.lineL .img{float:left; margin-left:50px; }
.lineL .linetxt{vertical-align: middle; display: table-cell;}
.lineR{display: table;}
.lineR .img{float:right; margin-right:50px; }
.lineR .linetxt{vertical-align: middle; display: table-cell;}

/* pre */
.preba{position:relative;}
.presbt{position:absolute; z-index: 1; left:10px; top:-15px;}
.pre{width: 850px; margin: 0 auto; border-style: solid; border-width: 1px; border-color: rgb(255, 244, 239); background-color: rgb(255, 246, 241); box-shadow: -1.486px 1.338px 11px 0px rgba(105, 105, 105, 0.6),inset 0px 1px 14px 0px rgba(255, 246, 186, 0.9);}
.pre .txt{padding: 130px 0 5px;}
.prebg1{background:url(../images/pre1_img.png) right bottom no-repeat;}
.prebg2{background:url(../images/pre2_img.png) right bottom no-repeat;}
.prebg3{background:url(../images/pre3_img.png) right bottom no-repeat;}
.prebg4{background:url(../images/pre4_img.png) right bottom no-repeat;}
.prebg5{background:url(../images/pre5_img.png) right bottom no-repeat;}
.prebg6{background:url(../images/pre6_img.png) right bottom no-repeat;}
.prebg7{background:url(../images/pre7_img.png) right bottom no-repeat;}

/* mes */
.mes{ margin: 0 50px ; border: 1px solid #fff; transparent;background-image: linear-gradient(#fc9799, #fdcaae, #fffad7 ,#fff); box-shadow: 0px 0px 5px 0px rgba(105, 105, 105, 0.3); padding: 10px 10px; position: relative;}
.mestitle{position: absolute; top:-22px; left:-30px; }
.line{ margin:0px 30px 0; background: linear-gradient(#ebebea 1px, transparent 1px) ; background-size: auto 2.4em; line-height: 2.5em; overflow: hidden; padding-top: 37px; }
.note{ background:url(../images/note_bg.png);border: 5px solid #fff; margin-top: 100px}
.mesbg{background:url(../images/sec8_img2.png) right center no-repeat; border: 1px solid #7a613c;  }


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



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


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

.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:500px; width:100%; height:auto; }
p.w100 img{ max-width:100%; height:auto; }

.br-reset{ display:none; }


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


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


/* form **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.mailform{ margin:0 10px 10px; width:calc(100% - 20px); width:-webkit-calc(100% - 20px); }
.mailform .inner{ margin:5px; padding:10px 20px; border-radius:5px; }
.mailform-title{ margin-bottom:5px; }
.mailform-title img{ max-width:650px; width:92%; height:auto; }
.mailform ul{ margin:0; }
.mailform ul img{ width:110px; }
.mailform ul li span,.mailform ul li input{ float:none; display:block; }
.mailform ul li span{ width:100%; padding-top:0; margin-bottom:10px; }
.mailform ul li input{ width:100%; }
.mailform input.btn{ width:100%; height:auto; }
.mailform .txt{ text-align:left; font-size:12px; }

.mailform.pat2{ margin:75px 10px 10px; }
.mailform.pat2 .inner{ margin:5px; padding:20px; }
.mailform.pat2 .title{ top:-70px; left:-20px; }
.mailform.pat2 .title img{ width:100px; height:100px; }


/* movie **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.movie-large{ width:calc(100% - 20px); width:-webkit-calc(100% - 20px); }

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


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contents-top{ display:none; }
.contents{ box-shadow:0 0 4px #f95978; margin:25px auto 0; padding:30px 0; }

/* sbt */
.sbt{ margin:20px 0; }

/* caution */
.caution{ margin:0 5px; padding:10px 20px; font-size:12px; }

/* not */
.not{ width:100%; margin:60px auto 0; }
.not .no{ position:absolute; top:-35px; left:2px; }
.not .no img{ width:150px; height:auto; }
.not .not-sbt{ margin:40px 0 20px; }
.not .inner{ margin:10px; padding:10px 15px; }
	
/* poi */
.poiba{position:relative; margin-top: 10px;}
.poisbt{position:absolute;}
.poi{ width: 100%; margin-bottom:30px; }
.poiin{ width: 100%; margin: 0 auto; background:url(../images/poi_bg.png) ; position: relative; border: 1px solid #fdc7c6; }
.poi .txt{padding:10px 0 0;}
.poi p{padding: 0 20px 0;}
.poi .pk{text-align: center; background:rgba(250,99,128,0.3); padding: 25px 15px ; font-weight:bold; margin-top: 10px; }

.lineL{display:block;}
.lineL .img{float:none; margin-left:0px; text-align: center; }
.lineL .linetxt{vertical-align:none; display:block;}
.lineR{display: block;}
.lineR .img{float:none; margin-right:0px; text-align: center; }
.lineR .linetxt{vertical-align:none; display:block;}

/* rec */
.rec{ width:100%; }
	
/* pre */
.presbt{left:0px;}
.pre{width:100%;}
.pre .txt{ padding: 10px 10px 2px;}
.prebg1{background:url(../images/pre1_img_sp.png) right bottom no-repeat;}
.prebg2{background:url(../images/pre2_img_sp.png) right bottom no-repeat;}
.prebg3{background:url(../images/pre3_img_sp.png) right bottom no-repeat;}
.prebg4{background:url(../images/pre4_img_sp.png) right bottom no-repeat;}
.prebg5{background:url(../images/pre5_img_sp.png) right bottom no-repeat;}
.prebg6{background:url(../images/pre6_img_sp.png) right bottom no-repeat;}
.prebg7{background:url(../images/pre7_img_sp.png) right bottom no-repeat;}
	
/* mes */
.mes{ margin: 0px ; position: relative;}
.mes br{display: none;}
.mestitle{position: absolute; top:-20px; left:-30px; }
.line{ margin:0px 5px 0; background-size: auto 2.2em; line-height: 2.3em; padding-top: 10px; }
.note{ margin-top:120px}
.mesbg{background:url(../images/sec8_img2_sp.png) right center no-repeat; border: 1px solid #7a613c;  }


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

}



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


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


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


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


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* mes */
.mestitle{position: absolute; top:-10px; left:-30px; }
.note{ margin-top:90px}

}