@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0;}
body { overflow-x: hidden; color:#1e1e1e; font-size:12px; font-family: 'ヒラギノ角ゴ ProN',"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;}
ul { list-style: none; }
fieldset,img { border: 0; vertical-align: middle; overflow: hidden; }
a { color:inherit; text-decoration: underline; }
a:hover { color: #ff0000; text-decoration: underline; }
.tuline { text-decoration: underline; }
.clearfix { *zoom:1;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear { clear: both; display: block; height: 0; overflow: hidden; }
img{ max-width:100%;}
.color_red{ color:#ff3200;}





/*********************************top css end*********************************/

body{ background:url(images/top_bg.png) center top no-repeat; position:relative;}
.topline{ height:22px; border-bottom:8px solid #f00; background:#1e1e1e;}
.wrap{margin:0 auto;background:url(images/foot_bg.png) center bottom no-repeat; min-height:1200px; padding-bottom:200px;}

.header{ width:720px; padding:0 15px; margin:0 auto; position:relative;}
.header .head_text{ text-align:center; padding:4.17% 14.58%; font-size:18px; line-height:24px; font-weight:bolder;}
.header .time_ph{ padding:3.47% 0 7.69% 0;}
.header .ic_01{ width:12.22%; position:absolute; left:15px; top:0; margin-top:4.17%;} 
.header .ic_02{ width:12.22%; position:absolute; right:0; bottom:4px;} 

.main{ width:720px; padding:0 15px; margin:0 auto; position:relative;}
.mob{ padding-bottom:21.53%;}
.title_ph{ padding-top:13.89%; margin-top:-13.89%; background:url(images/title_ph.png) 0 0 no-repeat; background-size:100% auto; position:relative; z-index:20; display:table; width:100%;}
.title_ph .tit_left {display:table-cell; width:200px;}
.title_ph .tit_right{display:table-cell; vertical-align:bottom; padding-left:20px; font-weight:bold;}
.title_ph .tit_right .time_s{ display:inline-block; font-size:14px; line-height:25px; color:#FFF; background:#ff3200; letter-spacing:-0.8px; padding:0 10px;}
.title_ph .tit_right .tit_t01{ font-size:14px; display:block; line-height:100%; padding:10px 0 11px 0;}
.title_ph .tit_right .tit_t02{ font-size:26px;display:block; line-height:100%;}
.title_ph .tit_right .time_num{ font-size:42px;line-height:100%;}
.title_ph .tit_right .time_tx{ font-size:28px;line-height:100%;}




.text_info{ font-size:14px; line-height:24px; color:#505050; padding-top:20px;}
.new_info{ padding:13px; background-color:#ff3200; margin-top:20px;}
.new_info .new_list{ font-size:14px; line-height:20px; font-weight:bold; color:#fff; padding-top:3px;}
.new_info .new_list li{ text-indent:-1.5em; padding-left:1.5em; padding-top:5px;}
.new_info .new_list a:hover{ color:inherit; opacity:0.8;}


.cd_info{ padding:20px 0 0 0;}
.mob_inner{ float:left; width:50%; }
.mob_inner dt{ float:left; width:33.333%; padding-right:3.333%;}
.mob_inner dd{ float:left; width:63.334%;}
.mob_inner dd h4{ font-size:16px; line-height:22px;}
.mob_inner dd h5{ font-size:14px; line-height:22px;}
.mob_inner dd .cd_pt{ font-size:10px; line-height:14px; padding-top:14px; display:block;}

.banner_more{ padding-top:2.77%; }


.banner_more a{ float:right; display:block;width:54.722%; height:0; padding-bottom:4.1667%; background:url(./images/banner_off.png) 0 0 no-repeat; background-size:100% auto;}
.banner_more a:hover{ background:url(./images/banner_on.png) 0 0 no-repeat; background-size:100% auto;}

.banner02_m a{ background:url(./images/banner02_off.png) 0 0 no-repeat; background-size:100% auto;}
.banner02_m a:hover{ background:url(./images/banner02_on.png) 0 0 no-repeat; background-size:100% auto;}

.ban_ft a{ margin-top:-6.9367%;}

.pv_ytb{ margin:20px 5.5%; position:relative; padding-bottom:56.25%; height:0;}
.pv_ytb iframe{ position:absolute; top:0; left:0; width:100%; height:100%;}

.mob_t2{ padding-bottom:21.53%; margin-top:-15%;}
.old_title{ position:relative; padding:50px 0 15px 0;}
.old_title .ic_l03{ position:absolute; left:0; top:0; max-width:10%;}
.old_title .ic_r03{ position:absolute; right:2.8%; bottom:0; max-width:10%;}
.old_title h3{ font-size:26px; line-height:100%; padding-bottom:5px; border-bottom:2px solid #ff3200; color:#ff3200;}

.old-mob{ float:left; width:50%; padding:10px 0 15px 0;}
.old-mob dl{ display:table; width:100%;}
.old-mob dt{ display:table-cell; width:100px;}
.old-mob dd{display:table-cell; padding:0 20px 0 10px; vertical-align:bottom; font-weight:bold;}
.old-mob dd .fst{ font-size:22px; line-height:22px; display:inline-block;}
.old-mob dd .fsm{ font-size:12px; line-height:12px; display:inline-block; padding:20px 0 6px 0;}
.old-mob dd .fsd{ font-size:22px; line-height:22px; display:inline-block; color:#ff0000;}
.old_banner{ text-align:center; padding-top: 10px;}
.old_banner a{ display:inline-block; width:315px; max-width:90%; height:24px; background:url(./images/ban_02_off.png) 0 0 no-repeat; background-size:100% auto;}
.old_banner a:hover{ background:url(./images/ban_02_on.png) 0 0 no-repeat; background-size:100% auto;}

.old_banner02{ text-align:center; padding-top: 10px;}
.old_banner02 a{ display:inline-block; width:315px; max-width:90%; height:24px; background:url(./images/ban_03_off.png) 0 0 no-repeat; background-size:100% auto;}
.old_banner02 a:hover{ background:url(./images/ban_03_on.png) 0 0 no-repeat; background-size:100% auto;}




.txt_in{ text-indent:-0.5em; display:inline-block;}
.foot{ width:100%; text-align:center; padding:150px 0 35px 0; color:#fff; background-color:#f00; font-size:12px; line-height:120%; position:absolute; bottom:0;}





@media screen and (max-width:750px) {
html{ width:100%;} 

body{width:100%; background-size:160% auto;} 
.wrap{ background-size:160% auto;}

.header{width:96%; padding:0 2%;}
.main  {width:96%; padding:0 2%;}

.mob_inner{ float:none; width:100%; padding-bottom:15px; display:table;}
.mob_inner dt{ float:none; display:table-cell; width:120px; padding-right:1.6%;}
.mob_inner dd{ float:none; display:table-cell; width:auto; margin:0;vertical-align:top;}

.title_ph .tit_right .time_s{font-size:14px; line-height:130%; letter-spacing:-0.5px; padding:6px 10px;}

.ban_ft a{ margin-top:0;}
.banner_more{ padding-top:2.77%; text-align:center; }
.banner_more a{ float:none; display:inline-block;width:54.722%; height:0; padding-bottom:4.1667%;}

.old-mob{ float:none; width:100%; padding:10px 0 15px 0;;}






.foot{ padding:20% 0 4.667% 0; color:#fff; }
}

@media screen and (max-width:640px) {
.header .head_text {font-size: 14px;line-height: 20px;}
.title_ph .tit_right .time_s{ font-size:12px; line-height:130%;}

.banner_more a{width:65%; height:0; padding-bottom:7%;}
}

@media screen and (max-width:520px) {
    
.title_ph .tit_left {width:40%;}
.banner_more a{width:70%; padding-bottom:7%;}
}



@media screen and (max-width:460px) {
.banner_more a{width:80%; padding-bottom:7%;}

}