@charset "utf-8"; @import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css); /* Scss Document */ header { background:#fefefe; }

 header#common_header { z-index:9999; position:fixed; top:0; left:0; width:100%; height:auto; }

 header#common_header a { color:#fff; }

 header#common_header .firstbox { width:100%; border-bottom:1px solid #212121; background:#fefefe; }

 header#common_header .firstbox .centerbox { position:relative; max-width:1200px; margin:auto; }

 header#common_header .firstbox .centerbox .logo a { display:block; width:100%; height:auto; padding:10px; }

 header#common_header .firstbox .centerbox .logo a img { display:block; width:auto; height:40px; margin:auto; }

 header#common_header .firstbox .centerbox .snsbox { position:absolute; top:0; left:0; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }

 header#common_header .firstbox .centerbox .snsbox li a { display:block; width:auto; padding:15px 10px 15px 0; }

 header#common_header .firstbox .centerbox .snsbox li a img { width:30px; height:30px; }

 header#common_header .firstbox .centerbox #h_search { position:absolute; top:0; right:0; }

 header#common_header .firstbox .centerbox #h_search dl { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; padding:15px 0; }

 header#common_header .firstbox .centerbox #h_search dl input { display:block; height:30px; padding:0 10px; margin:0; border:none; box-shadow:none; }

 header#common_header .firstbox .centerbox #h_search dl dd { width:30px; height:30px; }

 header#common_header .firstbox .centerbox #h_search dl dd button { width:30px; height:30px; padding:5px; margin:0; background:#fefefe; border:none; box-shadow:none; }

 header#common_header .firstbox .centerbox #h_search dl dd button img { display:block; width:100%; height:auto; }

 header#common_header .secondbox { border-top:1px solid #494848; border-bottom:1px solid #212121; }

 header#common_header .secondbox .centerbox { max-width:1200px; margin:auto; }

 header#common_header .secondbox .centerbox nav ul { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; border-left:1px solid #212121; border-right:1px solid #494848; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; }

 header#common_header .secondbox .centerbox nav ul li { flex:1; border-left:1px solid #494848; border-right:1px solid #212121; }

 header#common_header .secondbox .centerbox nav ul li a { display:block; padding:3px 0; }

 header#common_header .secondbox .centerbox nav ul li a span { display:block; text-align:center; color:#fefefe; }

 header#common_header .secondbox .centerbox nav ul li a span.top { font-size:16px; font-family:"Times New Roman", Times, "serif"; letter-spacing:1px; }

 header#common_header .secondbox .centerbox nav ul li a span.bottom { font-size:11px; }

 header#common_header .secondbox .centerbox nav ul li a:hover span { color:rgba(222, 237, 0, 1); }

 header#common_header .thirdbox { width:100%; border-top:1px solid #494848; border-bottom:1px solid #b5b5b5; background:#262324; }

 header#common_header .thirdbox a { color:#fefefe; }

 header#common_header .thirdbox .centerbox { max-width:1200px; margin:auto; }

 header#common_header .thirdbox .centerbox nav ul { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; }

 header#common_header .thirdbox .centerbox nav ul li { flex:1; border-right:1px dotted #b5b5b5; }

 header#common_header .thirdbox .centerbox nav ul li:nth-child(1) { border-left:1px dotted #b5b5b5; }

 header#common_header .thirdbox .centerbox nav ul li a { display:block; text-align:center; line-height:39px; font-size:12px; color:#fefefe; }

 header#common_header .thirdbox .centerbox nav ul li a:hover { background:#fefefe; color:#262324; }

 header#common2_header { z-index:9999; position:fixed; top:0; left:0; width:100%; height:auto; }

 header#common2_header a { color:#fff; }

 header#common2_header .firstbox { width:100%; background:#fefefe; }

 header#common2_header .firstbox .centerbox { position:relative; max-width:1200px; margin:auto; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }

 header#common2_header .firstbox .centerbox .logo { margin-right:auto; }

 header#common2_header .firstbox .centerbox .logo a { display:block; width:100%; height:auto; padding:10px; }

 header#common2_header .firstbox .centerbox .logo a img { display:block; width:auto; height:40px; }

 header#common2_header .firstbox .centerbox .snsbox { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }

 header#common2_header .firstbox .centerbox .snsbox li a { display:block; width:auto; padding:17px 14px 17px 0; }

 header#common2_header .firstbox .centerbox .snsbox li a img { width:26px; height:26px; }

 header#common2_header .firstbox .centerbox #h_search dl { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; margin:15px 0; border:1px solid #555; border-radius:3px; overflow:hidden; }

 header#common2_header .firstbox .centerbox #h_search dl input { display:block; height:30px; padding:0 10px; margin:0; border:none; box-shadow:none; }

 header#common2_header .firstbox .centerbox #h_search dl dd { width:30px; height:30px; }

 header#common2_header .firstbox .centerbox #h_search dl dd button { width:30px; height:30px; padding:5px; margin:0; background:#fefefe; border:none; box-shadow:none; }

 header#common2_header .firstbox .centerbox #h_search dl dd button img { display:block; width:100%; height:auto; }

 @media screen and (max-width:1240px) { header#common2_header .firstbox .centerbox .snsbox { left:20px; }

 header#common2_header .firstbox .centerbox #h_search { right:20px; }

 }

 header#common2_header .secondbox { border-top:1px solid #888; border-bottom:1px solid #b5b5b5; background:#d6d5d5; }

 header#common2_header .secondbox .centerbox { max-width:1200px; margin:auto; }

 header#common2_header .secondbox .centerbox nav ul { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; border-right:1px solid #aaa; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; }

 header#common2_header .secondbox .centerbox nav ul li { flex:1; border-left:1px solid #aaa; }

 header#common2_header .secondbox .centerbox nav ul li a { display:block; padding:3px 0; }

 header#common2_header .secondbox .centerbox nav ul li a span { display:block; text-align:center; color:#262324; }

 header#common2_header .secondbox .centerbox nav ul li a span.top { font-size:16px; font-family:"Times New Roman", Times, "serif"; letter-spacing:1px; }

 header#common2_header .secondbox .centerbox nav ul li a span.bottom { font-size:11px; }

 header#common2_header .secondbox .centerbox nav ul li a:hover { background:#bb282b; }

 header#common2_header .secondbox .centerbox nav ul li a:hover span { color:#fefefe; }

 header#common2_header .thirdbox { width:100%; border-top:1px solid #494848; border-bottom:1px solid #b5b5b5; background:#3d3737; }

 header#common2_header .thirdbox a { color:#000; }

 header#common2_header .thirdbox .centerbox { max-width:1200px; margin:auto; }

 header#common2_header .thirdbox .centerbox nav ul { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; }

 header#common2_header .thirdbox .centerbox nav ul li { flex:1; border-right:1px dotted #b5b5b5; }

 header#common2_header .thirdbox .centerbox nav ul li:nth-child(1) { border-left:1px dotted #b5b5b5; }

 header#common2_header .thirdbox .centerbox nav ul li a { display:block; text-align:center; line-height:39px; font-size:12px; color:#fefefe; }

 header#common2_header .thirdbox .centerbox nav ul li a:hover { background:#fefefe; color:#bb282b; }

 header#sp_common_header { display:none; }

 #h_globalbox { display:none; }

 @media screen and (max-width:1060px) { header { width:100%; height:auto; overflow:hidden; }

 header#common2_header .firstbox .centerbox .logo a { display:block; width:100%; height:auto; padding:10px; box-sizing:border-box; }

 header#common2_header .firstbox .centerbox .logo a img { display:block; width:auto; height:40px; margin:0; }

 header#common2_header .firstbox .centerbox .snsbox { display:none; }

 header#common2_header .firstbox .centerbox #h_search { display:none; }

 header#common2_header .secondbox,header#common2_header .thirdbox { display:none; }

 #h_globalbox { z-index:9000; position:fixed; top:0; left:100%; display:block; width:100%; height:100%; padding-top:60px; background:#fefefe; box-sizing:border-box; overflow-y:scroll; overflow-x:hidden; }

 #h_globalbox.move { left:0; }

 #h_globalbox #menu_close { line-height:50px; text-align:center; color:#fefefe; font-size:24px; cursor:pointer; background:url(../new-img/common-img/bg.png) repeat; }

 #h_globalbox #sp_searchbox { background:rgba(200, 200, 200, 1.00); }

 #h_globalbox #sp_searchbox dl { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; width:100%; padding:15px; }

 #h_globalbox #sp_searchbox dl input { display:block; height:50px; padding:0 10px; margin:0; border:none; box-shadow:none; }

 #h_globalbox #sp_searchbox dl dt { flex:1; }

 #h_globalbox #sp_searchbox dl dt input { width:100%; }

 #h_globalbox #sp_searchbox dl dd { width:50px; height:50px; border-radius:5px; overflow:hidden; }

 #h_globalbox #sp_searchbox dl dd button { width:50px; height:50px; padding:5px; margin:0; background:#fefefe; border:none; box-shadow:none; }

 #h_globalbox #sp_searchbox dl dd button img { display:block; width:100%; height:auto; }

 #h_globalbox ul { min-height:1px; }

 #h_globalbox ul:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }

 #h_globalbox ul.news li { float:left; width:50%; height:auto; border-bottom:1px dotted rgba(180, 180, 180, 1.00); }

 #h_globalbox ul.news li:nth-child(2n+2) { border-right:1px dotted rgba(180, 180, 180, 1.00); }

 #h_globalbox ul.news li a { position:relative; display:block; width:100%; height:auto; line-height:50px; padding:0 15px; text-align:center; font-size:11px; }

 #h_globalbox ul.news li.bigcat { width:100%; height:auto; border:none; background:url(../new-img/common-img/bg.png) repeat; }

 #h_globalbox ul.news li.bigcat a { position:relative; color:#fefefe; text-align:left; font-size:18px; font-family:"Times New Roman", Times, 'Noto Sans JP', "メイリオ", Meiryo, Osaka, sans-serif, "serif"; }

 #h_globalbox ul.news li.bigcat a span { color:#fefefe; }

 #h_globalbox ul.news li.bigcat a span.bottom { margin-left:10px; font-size:12px; }

 #h_globalbox ul.news li.bigcat a span.arrow { position:absolute; top:0; right:10px; }

 #h_globalbox ul.maincat li { width:100%; height:auto; border:none; border-top:1px solid #494848; border-bottom:1px solid #212121; background:url(../new-img/common-img/bg.png) repeat; }

 #h_globalbox ul.maincat li a { position:relative; display:block; width:100%; height:auto; line-height:50px; padding:0 15px; color:#fefefe; font-size:18px; font-family:"Times New Roman", Times, 'Noto Sans JP', "メイリオ", Meiryo, Osaka, sans-serif, "serif"; }

 #h_globalbox ul.maincat li a span { color:#fefefe; }

 #h_globalbox ul.maincat li a span.bottom { margin-left:10px; font-size:12px; }

 #h_globalbox ul.maincat li a span.arrow { position:absolute; top:0; right:10px; }

 #h_globalbox ul.snsbox { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; }

 #h_globalbox ul.snsbox li a { display:block; width:auto; padding:15px 10px 15px 0; }

 #h_globalbox ul.snsbox li a img { width:30px; height:30px; }

 }