@charset "UTF-8";
/* CSS Document */


/* ------------------------------------------------------------
　基本
------------------------------------------------------------*/

* { margin:0; padding:0; }

#wrapper *, #wrapper *:before, #wrapper *:after {
-webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
        box-sizing:border-box;
}


/* ボタン */

.button { display:block; }
.button_hover { display:none; }
.hov:hover > .button { display:none; }
.hov:hover > .button_hover { display:block; }


/* リンク */

a {	color:#000; }
a:link { color:#000; text-decoration:underline; }
a:hover { color:#000; opacity:0.7; }
a:active { color:#000; }


/* リスト */

ul li { list-style:none; }

.list-disc { margin-left:18px; }
.list-disc li { list-style:outside disc; margin:7px 0 5px; }

.list-number { margin-left:15px; }
.list-number li { list-style:outside decimal; margin:7px 0 5px; }

.list-com li { position:relative; list-style:none; padding-left:16px; margin-top:7px; margin-bottom:5px; }
.list-com li:before { content:"※"; position:absolute; left:0px; top:0; }


/* スペース */

.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.mt80 { margin-top:80px; }
.mt90 { margin-top:90px; }
.mt100 { margin-top:100px; }
.mt110 { margin-top:110px; }
.mt120 { margin-top:120px; }

.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.mb70 { margin-bottom:70px; }
.mb80 { margin-bottom:80px; }
.mb90 { margin-bottom:90px; }
.mb100 { margin-bottom:100px; }
.mb110 { margin-bottom:110px; }
.mb120 { margin-bottom:120px; }

.p05 { padding:5px; }
.p10 { padding:10px; }
.p15 { padding:15px; }
.p20 { padding:20px; }
.p30 { padding:30px; }

.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.pt60 { padding-top:60px; }
.pt70 { padding-top:70px; }
.pt80 { padding-top:80px; }
.pt90 { padding-top:90px; }
.pt100 { padding-top:100px; }

.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }
.pb60 { padding-bottom:60px; }
.pb70 { padding-bottom:70px; }
.pb80 { padding-bottom:80px; }
.pb90 { padding-bottom:90px; }
.pb100 { padding-bottom:100px; }

.pl10 { padding-left:10px; }
.pl20 { padding-left:20px; }
.pl30 { padding-left:30px; }
.pl40 { padding-left:40px; }
.pl80 { padding-left:80px; }

.pr10 { padding-right:10px; }
.pr20 { padding-right:20px; }
.pr30 { padding-right:30px; }
.pr40 { padding-right:40px; }
.pr80 { padding-right:80px; }


.clearfix::after { content:""; display:block; clear:both; }


/* ------------------------------------------------------------
　全体
------------------------------------------------------------*/

body { background:#ffffff; }


/* ------------------------------------------------------------
　header
------------------------------------------------------------*/

.header_tab { margin:20px auto 0; }
.header_bar { background:#004d2b; padding:10px; }
.header_box { background:#ffffff; font-size:14px; line-height:1.6em; text-align:center; margin:0 auto; }


/* ------------------------------------------------------------
　header_closed
------------------------------------------------------------*/

.header_closed_bar { background:#f20b00; padding:10px; }
.header_closed_box { background:#ffffff; font-size:14px; line-height:1.6em; text-align:center; margin:0 auto; }


/* ------------------------------------------------------------
　sold
------------------------------------------------------------*/

.sold_bar { background:#004d2b; padding:20px 20px 0 20px; }


/* ------------------------------------------------------------
　anshin-otameshi_cp
------------------------------------------------------------*/

.anshin-otameshi_cp { background:#fff8ed; text-align:center; }
.anshin-otameshi_cp_attention { font-size:14px; line-height:1.6em; text-align:left; padding:0 30px 30px; }
.anshin-otameshi_cp_attention_title { font-weight:bold; margin-bottom:10px; }
.anshin-otameshi_cp_attention ol { clear:both; list-style:none; text-align:left; padding:0; margin:0; }
.anshin-otameshi_cp_attention li { margin-bottom:5px; }
.anshin-otameshi_cp_attention_dot { float:left; }
.anshin-otameshi_cp_attention_text { padding-left:1em; } 
.anshin-otameshi_cp_attention_note { line-height:1.6em; text-align:center; } 
.anshin-otameshi_cp_attention_box { background:#ffffff; text-align:center; padding:30px; }

.hidden-wrapper { margin-top:20px; }
.hidden-button { cursor:pointer; }
.hidden-button::before { content:url(/external/event/pr/common/image/button_motto-miru_open.png); display:inline-block; }
.hidden-item { position:relative; overflow:hidden; height:0; margin-top:20px; }
.hidden-item::before { content:""; display:block; position:absolute; width:100%; height:0; bottom:0; left:0; }
.hidden-trigger { display:none; }
.hidden-trigger:checked ~ .hidden-button::before { content:url(/external/event/pr/common/image/button_motto-miru_close.png); display:inline-block; }
.hidden-trigger:checked ~ .hidden-item { height:auto; }
.hidden-trigger:checked ~ .hidden-item::before { display:none; }


/* ------------------------------------------------------------
　faq
------------------------------------------------------------*/

.faq { background:#e0e0e0; }
.faq_inner { background:#e0e0e0; text-align:left; }
.faq label { display:block; background:#ffffff; color:#1a1a1a; cursor:pointer; transition:all 0.1s; padding:10px; margin:1.5px 0; }
.faq input { display:none; }
.faq .faq_show { overflow:hidden; height:0; opacity:0; transition:0.1s; padding:0; }
.faq_hidden:checked + .faq_show { height:auto; background:#ffffff; opacity:1; padding:10px; }
.faq .faq_icon_q { width:40px; height:40px; float:left; background:#004d2b; border-radius:4px; color:#ffffff; font-size:28px; font-weight:bold; text-align:center; clear:both; margin-right:10px; }
.faq .faq_text_q { height:40px; font-size:16px; font-weight:bold; vertical-align:middle; }
.faq .faq_icon_a { width:40px; height:40px; float:left; background:#f29200; border-radius:4px; color:#ffffff; font-size:28px; font-weight:bold; text-align:center; clear:both; margin-right:10px; }
.faq .faq_text_a { font-size:14px; vertical-align:middle; }


/* ------------------------------------------------------------
　Measure
------------------------------------------------------------*/

.measure_inner { background:#e0e0e0; text-align:left; }
.measure_inner_inner { background:#ffffff; padding:30px 10px; }
.measure_inner_inner_inner { border:#bbbbbb solid 1px; text-align:center; padding:30px 20px 20px; }
.measure_title { font-family:Hiragino Mincho ProN,ヒラギノ明朝 ProN,ヒラギノ明朝 ProN W5,HiraMinProN-W5,游明朝,Yu Mincho,YuMincho,メイリオ,Meiryo,serif; font-size:26px; line-height:1.2em; font-weight:bold; margin-bottom:10px; }
.measure_title_sub { font-family:Hiragino Mincho ProN,ヒラギノ明朝 ProN,ヒラギノ明朝 ProN W5,HiraMinProN-W5,游明朝,Yu Mincho,YuMincho,メイリオ,Meiryo,serif; font-size:16px; font-weight:bold; margin-bottom:30px; }
.measure_catch { font-size:16px; line-height:1.6em; font-weight:bold; margin-bottom:5px; }
.measure_text { font-size:14px; margin-bottom:30px; }


/* ------------------------------------------------------------
　future
------------------------------------------------------------*/

.future { background:url(/external/event/pr/common/image/teiki/teiki_contents_bg.jpg); }


/* ------------------------------------------------------------
　quiz
------------------------------------------------------------*/

.quiz { background:#dfe555; }
.button { cursor:pointer; }


/* ------------------------------------------------------------
　media
------------------------------------------------------------*/

.media { width:90%; margin:0 auto; }
.media_inner { width:100%; height:100px; overflow-y:auto; overflow-x:hidden; border:1px solid #cccccc; border-right:none; text-align:left; margin:0 auto; }
.media_inner::-webkit-scrollbar { width:5px; background:#dddddd; }
.media_inner::-webkit-scrollbar-thumb { background:#004d2b; border-radius 2px; }
.media_inner::-webkit-scrollbar-corner { background:transparent; }
.media_inner dl {  }
.media_inner dt { font-size:11px; padding-left:5px; margin-top:10px; }
.media_inner dd { font-size:12px; border-bottom:#CCC dashed 1px; padding:0 0 5px 10px; margin:0 0 5px 5px; }


/* ------------------------------------------------------------
　attention
------------------------------------------------------------*/

.attention { color:#999999; font-size:14px; line-height:1.6em; text-align:left; padding:0 10px; }
.attention_conversionarea { padding:0 10px; }
.attention ol { clear:both; list-style:none; text-align:left; padding:0; margin:0; }
.attention li { padding-bottom:5px; }
.attention li:last-child { padding-bottom:0; }
.top_attention { text-align: center;font-size:16px; font-weight:bold; color:#C00;line-height:150%; margin-bottom:15px; border:solid 2px #C00; padding: 10px;}

/* ------------------------------------------------------------
　tel
------------------------------------------------------------*/

.tel { font-size:14px; line-height:1.6em; text-align:center; }
.tel_title { font-size:16px; font-weight:bold; }
.tel_number { color:#004d2b; font-size:28px; font-weight:bold; }
.tel_number a  { color:#004d2b; }
.tel_time { font-size:12px; }


/* ------------------------------------------------------------
　footer
------------------------------------------------------------*/

#footer_link ul li { color:#fff; font-size:14px; background:#004d2b; border-bottom:1px solid #fff; text-align:center; padding:0 10px; }
#footer_link ul li a { width:100%; display:block; color:#fff; text-decoration:none; padding:20px 0px; }
#footer_copyright { color:#000; font-size:12px; text-align:center; padding:10px 0; }


/* ------------------------------------------------------------
　PCのみ
------------------------------------------------------------*/

{* PC *}
@media (min-width: 640px) {

.pc { display: block !important; }
.sp { display: none !important; }

#pc {  }

.wrapper { width:640px; display:block; margin:auto; }
.wrapper img { width:auto; max-width:640px; display:block; }
.wrapper_contents {  }
.wrapper_contents img { width:auto; max-width:640px; display:block; margin:auto; }

.header_tab { width:640px; }
.header_box { padding:30px; }
.header_title { font-size:20px; font-weight:bold; }

.header_closed { width:100%; }
.header_closed_box { padding:30px; }
.header_closed_title { color:#f20b00; font-size:30px; font-weight:bold; }

.faq {  }
.faq_inner,.measure_inner { width:640px; display:block; margin:auto; }
.faq label { height:40px; }
.faq label:hover { background:#f29200; }
.faq .faq_text_q { line-height:40px; }

.conversion_catch { color:#f20b00; font-size:30px; font-weight:bold; text-align:center; margin-top:20px; }

/* shimizu.n START */
#footer-follow-pc { width:100%; position:fixed; z-index:100; bottom:0; margin:0 auto; }
/* shimizu.n END */

}


/* ------------------------------------------------------------
　SPのみ
------------------------------------------------------------*/

{* SP *}
@media (max-width: 640px) {

.pc { display: none !important; }
.sp { display: block !important; }

#sp {  }

#wrapper { width:100%; display:block; margin:auto; }
#wrapper img { width:100%; display:block; }

.header_tab { width:100%; }
.header_box { padding:20px; }
.header_title { font-size:16px; font-weight:bold; }

.header_closed { width:100%; }
.header_closed_box { padding:20px; }
.header_closed_title { color:#f20b00; font-size:22px; font-weight:bold; line-height:1.6em; }

.faq { padding:20px; }
.faq_inner,.measure_inner { margin:0; }
.faq label { height:auto; }
.faq .faq_text_q { line-height:1.4em; }

.conversion_catch { color:#f20b00; font-size:22px; font-weight:bold; text-align:center; margin-top:20px; }

/* shimizu.n START */
#footer-follow-sp { width:100%; position:fixed; z-index:100; bottom:0; margin:0 auto; }
/* shimizu.n END */

}

