@charset "shift_jis";
@import "reset.css";
@import "genericons.css";/*web-font-icon-use*/
@import "form.css";
@import "mmaga.css";
@import "reserv.css";
@import "quest.css";
@import "sns.css";
@import "common.css";

/* CSS Document */

/*==================== 基本設定 ====================*/
html{}
body{font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6",Arial,Roboto,"Droid Sans","Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
font-size:14px;line-height:1.5;letter-spacing: 0.5px;color:#000;border-top: 8px solid #000;
background: url(../images/bg_catch.png) top center no-repeat;}
table{font-size:1em;}

/********** container **********/
#container{width: 960px;margin: 0 auto;position: relative;}
.right_btn{position: absolute;right: 0;bottom: 0;}

/********** ヘッダー **********/
#header{padding: 121px 0 0 0;}
#header .name{float: right;line-height: 1;margin-bottom: 18px;}
#header .jimin{position: absolute;top: 0;right: 0;}
#header .slogan{position: absolute;left: 0;top: 11px;}

#mainNav{width: 960px;display: flex;background: #000;margin: 5px 0 40px;}
#mainNav li{width: 137px;display: flex}
#mainNav li a{width: 100%;padding: 9px 0;display: flex;text-align: center;line-height: 1.1;justify-content: center;align-items: center;}
#mainNav li.on a,
#mainNav li a:hover{background: #243e92;}
#mainNav li a:link,
#mainNav li a:visited,
#mainNav li a:hover,
#mainNav li a:focus {color: #fff;text-decoration: none;}

/********** SNS **********/
#sns_area{width: 56px;background: #243e92;padding: 48px 0 64px;position: absolute;top: 0;left: -96px;}
#sns_area li{text-align: center;width: 56px;margin-bottom: 20px;}
@media screen and (max-width: 1167px) {
   #sns_area{left: -76px;}
}
/********** コンテンツ *********/
#columnLeft{width: 670px;float: left;}
#columnRight{width: 260px;float: right;}

/********** フッター **********/
#footer{padding: 49px 0 0 0;background: #f7f7f7;margin-top: 58px;}
#footer .fixgotop{opacity: 0;transition: all .3s ease;width: 51px;height: 51px;position: fixed;background: #243e92 url(../images/fixgotop.png) center no-repeat;display: block;bottom: -51px;right: 25px;}
#footer .fixgotop.on{opacity: 1;bottom: 25px;}
@media screen and (max-width: 1200px) {
   #footer .fixgotop{width: 47px;height: 47px;bottom: -47px;right: 0px;}
   #footer .fixgotop.on{bottom: 0;}
}
#footer .fixgotop:hover{background-color: #3f67ea;}
#footer .main{width: 960px;margin: 0 auto;padding-bottom: 44px;position: relative;display: flex;align-items: flex-end;}
#footer .info{float: left;width: 394px;border-right: 1px solid #c6c6c6;}
#footer .sitemap{float: right;width: 565px;}
#footer .sitemap ul{float: right;margin-left: 25px;}
#copyright{padding: 3px 0;background: #000;text-align: center;color: #fff;font-size: 13px;}

/********** サイド **********/
#columnRight .mail{background: #f3f3f3;border: 1px solid #d9d9d9;text-align: center;}
#columnRight .mail .in{border: 1px solid #fff;}
#columnRight .mail .text{padding: 17px 0;width: 224px;display: inline-block;text-align: left;line-height: 1.2;}

/********** その他 **********/
/*tube*/
.box_tube .title{font-size: 15px;line-height: 1.2;}
.box_tube .sub{font-size: 13px;color: #999;margin-top: 1px;}

/*タイトル等*/
.h2{border-left: #243e92 6px solid;background: #000;font-size: 17px;color: #fff;font-weight: normal;padding:2px 18px 1px;}
.h3{border-left: #243e92 4px solid;font-size: 18px;font-weight: normal;padding:1px 12px;}

.d_ibl{display: inline-block;}
.bb{border-bottom: 1px solid #e5e5e5;}

/*カラム*/
.row{
   margin-right: -10px;
   margin-left: -10px;
   zoom:1;
}
.row:after{content:""; display: block; clear: both; height: 0; visibility:hidden;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
   padding: 0 10px;
   float: left;box-sizing: border-box;position: relative;
}
.col-1{width: 8.33333333%;}
.col-2{width: 16.66666667%;}
.col-3{width: 25%;}
.col-4{width: 33.33333333%;}
.col-5{width: 41.66666667%;}
.col-6{width: 50%;}
.col-7{width: 58.33333333%;}
.col-8{width: 66.66666667%;}
.col-9{width: 75%;}
.col-10{width: 83.33333333%;}
.col-11{width: 91.66666667%;}
.col-12{width: 100%;}

/*ニュース*/
.news_sec{border-bottom:1px solid #ccc;margin:0 0 20px;}
.news_sec dt{background:url(../images/t2.jpg) no-repeat 0 18px;padding:18px 0 18px 5px;width:103px;float:left;vertical-align:top;border-top:1px solid #ccc;}
.news_sec dd{margin:0 0 0 103px;vertical-align:top;border-top:1px solid #ccc;padding:18px 0;}
.news_sec a:link,.news a:visited,.news a:hover{color:#00f;padding:0 36px 0 0;background:url(../images/newsArrow.jpg) no-repeat right center;}

/*メディア*/
#media .h3{margin-bottom: 8px;}
#media .date1{color: #777;margin-bottom: 5px;}
#media .txt{font-size: 15px;}
#media .file{display:inline-block;background:#243e92;color:#fff;font-size:13px;text-decoration:none;padding:2px 20px 2px 10px;position:relative;}
#media .file::before{font-family:genericons;content: "\f432";font-size:14px;
position:absolute;top:50%;right:5px;line-height:1;width:14px;height:14px;
transform: translateY(-50%) rotate(90deg);}