@charset "utf-8";

/* ------------------------------------------------------------
 * デフォルト
 * ------------------------------------------------------------ */


body { margin: 0; min-width: 980px; padding: 0; font-size: 12px; line-height: 1.8em; color: #bbbbbb; }
h1, h2, h3, h4, h5, h6, p, li, dt, dd { color: #bbbbbb; }
img { border: 0; }
.contents a, .contnts a:link, .contnts a:visited { color: #db2f1c; text-decoration: underline; }
.contnts a:hover, .contnts a:active { color: #B3140C; }



/* ------------------------------------------------------------
 * header
 * ------------------------------------------------------------ */

#header { margin: 0; text-align: center; }



/* ------------------------------------------------------------
 * contents
 * ------------------------------------------------------------ */

.contents h2 { margin: 0 0 25px; line-height: 2em; }
.contents p { color: #bbbbbb; font-size: 12px; }



/* ------------------------------------------------------------
 * nav
 * ------------------------------------------------------------ */

#nav { list-style: none; position: fixed; right: 30px; top: 38%; z-index: 300; }
#nav li { margin: 0 0 15px 0; }



/* ------------------------------------------------------------
 * intro
 * ------------------------------------------------------------ */
 
#header, #intro, #second { width: 100%; }
#intro { background: #000000 url(../img/teaser/intro_bg.jpg) no-repeat fixed 50% 0; color: white; height: 100%; margin: 0 auto; background-size: 100% auto; min-height: 1050px; padding: 0 0 120px; width: 100%; }
#introWrap { margin: 0; padding: 580px 0 0; }
#intro #mailMaga { margin-top: -100px; padding-top: 100px; }
#intro .contents { margin: 0 auto 26px; width: 875px; background: url(../img/teaser/bg_contents_middle.png) repeat-y left top; padding: 0 30px 0 60px; position: relative; }
#intro .contents_bg { width: 965px; background: url(../img/teaser/bg_contents_bottom.png) no-repeat left bottom; padding: 3px 0 39px; }
#intro .contents_bg_bg { width: 965px; background: url(../img/teaser/bg_contents_top.png) no-repeat left top; margin: 0 auto; padding-top: 65px; }
#intro .contents p { margin-bottom: 20px; clear: both; }
#intro .contents .readTxt { margin-bottom: 30px; }
#intro .contents form { margin: 0 0 20px; padding: 5px 0 30px; }
#intro .contents form input[type="text"] { height: 36px; border-width: 0; padding: 17px 20px; border-style: none; display: inline-block; font-size: 30px; width: 605px; }
#intro .contents form .blur { background: #FFFFFF url(../img/teaser/intro_mail_bg.gif) no-repeat left top; }
#intro .contents form .focus { background: #FFFFFF url(none) no-repeat left top; }
#intro form .mailMagaTextArea { float: left; width: 645px; margin-bottom: 12px; }
#intro .contents .enterTxt { font-size: 14px; font-weight: bold; color: #db2f1c; }
.font11 { font-size: 11px; }
#intro form .btnEnter { float: left; width: 200px; }
#intro form .btnEnter input { width: 200px; display: block; height: 70px; }
#intro .contents form input[type="image"] { background: url(../img/teaser/intro_btn_enter.gif) no-repeat left top; }



/* ------------------------------------------------------------
 * formArea
 * ------------------------------------------------------------ */

#formArea { background: #000000 url(../img/teaser/form_bg.jpg) no-repeat fixed 50% bottom; margin: 0 auto; padding: 10px 0 120px; background-size: 100% auto; }
#formArea .contents { margin: 26px auto; width: 875px; background: url(../img/teaser/bg_contents_middle.png) repeat-y left top; padding: 0 30px 0 60px; position: relative; }
#formArea .contents .limit { position: absolute; left: -2px; top: -70px; }
#formArea .contents_bg { width: 965px; background: url(../img/teaser/bg_contents_bottom.png) no-repeat left bottom; padding: 42px 0 39px; margin-top: 110px; }
#formArea .contents_bg_bg { width: 965px; background: url(../img/teaser/bg_contents_top.png) no-repeat left top; margin: 0 auto; }
#formArea .contents .rowElem { margin-bottom: 20px; clear: both; }
#formArea .contents .rowElem label { font-size: 16px; font-weight: bold; width: 315px; display: inline-block; float: left; cursor: text !important; padding-top: 5px; }
#formArea .contents .readTxt { margin-bottom: 11px; }
#formArea .contents .cauTxt { margin-bottom: 30px; font-size:12px; }
#formArea form { padding: 32px 0 0; color: #bbbbbb; }
#formArea form dl { padding: 0 0 5px; clear: both; }
#formArea form dl.radioArea { padding: 8px 0 20px; }
#formArea form dl dt { font-size: 16px; font-weight: bold; width: 315px; float: left; line-height: 200%; }
#formArea form dl dt#addressTtl { height: 155px; }
#formArea form .required { font-size: 12px; color: #db2f1c; font-weight: normal; }
#formArea form dl dd { font-size: 16px; line-height: 200%; }
#formArea form dl dd input[type="text"] { height: 20px; font-size: 16px; padding: 7px 0 7px 10px; }
#formArea form dl dd input.nameArea { width: 295px; }
#formArea form dl dd input.addressArea, #formArea form dl dd input.addressArea, #formArea form dl dd input.addressArea { width: 400px; }
#formArea form dl dd input.addressArea { width: 400px; }
#formArea form dl dd input.zipCode1 { width: 80px; margin-right: 5px; }
#formArea form dl dd input.zipCode2 { width: 110px; margin-right: 5px; }
#formArea form dl dd input.tellArea { width: 117px; margin-right: 5px; }
#formArea form dl dd .subText { font-size: 11px; }
#formArea form dl dd .subTextAttention { font-size: 11px; line-height: 15px; }
#formArea form dl.radioArea { margin-top: 5px; }
#formArea form dl dd label.radioBoxSex { background: url(../img/teaser/btn_radio.gif) no-repeat left top; height: 21px; line-height: 22px; display: inline-block; padding: 0 0 0 30px; cursor: pointer; overflow: hidden; width: 45px; }
#formArea form dl dd label.radioBoxHope { background: url(../img/teaser/btn_radio.gif) no-repeat left top; height: 21px; line-height: 22px; display: inline-block; padding: 0 0 0 30px; cursor: pointer; overflow: hidden; width: 100px; }
#formArea form dl dd label.radio_on { background: url(../img/teaser/btn_radio_ov.gif) no-repeat left top; }
#formArea form dl dd label.checkBox { background: url(../img/teaser/btn_check.gif) no-repeat left top; height: 25px; display: inline-block; padding: 0 0 5px 30px; overflow: hidden; width: 500px; font-size: 12px; line-height: 160%; }
#formArea form dl dd label.check_on { background: url(../img/teaser/btn_check_ov.gif) no-repeat left top; }
#formArea form input { border-width: 0; }
#formArea form input[type="radio"], #formArea form input[type="checkbox"] { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; position: absolute; }
#formArea form #formBtn { margin: 30px 0 0 90px; padding: 0; }
#formArea form .reset { padding-right: 32px; }
#formArea form #formBtn button { background: #000000; width: 310px; height: 70px; padding: 0; border-width: 0; display: inline; margin: 0 40px 0 0; padding: 0; cursor: pointer; }
#pagetop { position: fixed; z-index: 1000; bottom: 10px; right: 10px; display: block; width: 45px; height: 46px; }



/* ------------------------------------------------------------
 * reserve
 * ------------------------------------------------------------ */

#reserve { background: #000000 url(../img/teaser/reserve_bg.jpg) no-repeat fixed 50% 0; background-size: 100% auto; color: white; height: 567px; padding: 120px 0 0; }
#reserve .contents { margin: 0 auto; width: 875px; background: url(../img/teaser/reserve_con_bg.png) no-repeat left top; padding: 64px 30px 68px 57px; position: relative; }
#reserve .contents h2 { margin: 0 0 20px; }
#reserve .contents .reserve_btn { margin: 34px 0 0 2px; }

/*#reserve .contents_bg { width: 965px; background: url(../img/teaser/bg_contents_bottom.png) no-repeat left bottom; padding: 0 0 65px; }
#reserve .contents_bg_bg { width: 965px; background: url(../img/teaser/bg_contents_top.png) no-repeat left top; margin: 0 auto; padding-top: 68px; }
*/.inner { margin: 0 auto; overflow: auto; width: 970px; min-width: 970px; }



/* ------------------------------------------------------------
 * jump
 * ------------------------------------------------------------ */
 
@media screen and (min-width: 1081px) { /* 横:long 縦:middle */
#jump { background: #000000 url(../img/teaser/jump_bg_l_l.jpg) no-repeat fixed 50% bottom; margin: 0 auto; padding: 10px 0 10%; height: 550px;}
}
@media screen and (min-width: 1381px) { /* 横:long 縦:middle */
#jump { padding: 90px 0 33%; }
}

@media screen and (max-height: 630px)  { /* 横:long 縦:middle */
#jump { background: #000000 url(../img/teaser/jump_bg_l_s.jpg) no-repeat fixed 50% bottom; margin: 0 auto; padding: 10px 0 43%; }
}

@media screen and (max-width: 1080px) { /* 横:short 縦:long */
#jump { background: #000000 url(../img/teaser/jump_bg_s_l.jpg) no-repeat fixed 50% bottom; margin: 0 auto; padding: 10px 0 43%; }
}

@media screen and (max-height: 700px) and (max-width: 1080px) { /* 横:long 縦:middle */
#jump { background: #000000 url(../img/teaser/jump_bg_s_m.jpg) no-repeat fixed 50% bottom; margin: 0 auto; padding: 10px 0 43%; }
}

@media screen and (max-height: 500px) and (max-width: 1080px) { /* 横:long 縦:middle */
#jump { background: #000000 url(../img/teaser/jump_bg_s_s.jpg) no-repeat fixed 50% bottom; margin: 0 auto; padding: 10px 0 43%; }
}



/*@media screen and (min-height: 700px) and (min-width: 1080px) {
#jump { background: #000000 url(../img/teaser/jump_bg_l_m.jpg) no-repeat fixed 50% bottom; margin: 0 auto; padding: 10px 0 40%; }
}
@media screen and (min-height: 825px) {
#jump { background: #000000 url(../img/teaser/jump_bg_l_l.jpg) no-repeat fixed 50% bottom; margin: 0 auto; padding: 10px 0 40%; }
}
*/


#jump .contents { margin: 26px auto; width: 845px; background: url(../img/teaser/bg_contents_middle.png) repeat-y left top; padding: 0 60px 0 60px; position: relative; }
#jump .contents .limit { position: absolute; left: -2px; top: -70px; }
#jump .contents_bg { width: 965px; background: url(../img/teaser/bg_contents_bottom.png) no-repeat left bottom; padding: 42px 0 39px; margin-top: 113px; }
#jump .contents_bg_bg { width: 965px; background: url(../img/teaser/bg_contents_top.png) no-repeat left top; margin: 0 auto; }
#jump .contents .bnr { float:right; }
#jump .contents .readTxt { margin-bottom: 30px; font-size:14px; line-height:35px; padding:64px 0 0 0 }



/* ------------------------------------------------------------
 * footer
 * ------------------------------------------------------------ */


#foot .widthMax { border: none !important; }
#gotop { margin: 0 auto; width: 965px; position: fixed; height: 50px; }
#gotop img { text-align: right; position: absolute; top: 10px; right: 10px; display: block; height: 52px; width: 31px; }
/* clearfix ---------------- */

.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; }
/* JavaScriptによるDOM操作用の予約済みセレクタ -------------------- */

.rollover { }
.belatedpng { }

#addthisArea {display:none;}