@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------------------------
 setup
----------------------------------------------------------------------------------------------*/
/* 横幅指定解除*/
.container,
.header .topPart .inner,
.breadCrumb ul,
.main,
.nav > ul,
.nav > ul > li,
.footer .topPart .address,
.footer .bottomPart,
.navArea{ width:auto!important;}

/* 非表示*/
.pcDisplay,
.header .topPart .subNav{ display:none!important;}

body{word-wrap: break-word;}

/*----------------------------------------------------------------------------------------------
 汎用クラス
----------------------------------------------------------------------------------------------*/
.spDisplay { display:inherit!important;}
.br-sp { display:none; }
.tel{display: block; color: #fff;}

/*** block ***/
.container { padding-bottom:30px;width: 100%;margin-top: 0;}

.container.toppage{padding-bottom: 50px;}

.contBlock {width: 100%;padding: 30px 10px 0;}
.contBlock .contbox{border-radius: 8px;padding: 15px;}

.contttl{font-size:20px;width:80%;padding:5px 0px;}

.contBlock .contbox .ttl{font-size:120%;font-weight: bold;}

/*----------------------------------------------------------------------------------------------
 header
----------------------------------------------------------------------------------------------*/
.header {width:100%;text-align: center;position: fixed;z-index: 10;}
.header .inner{width: 100%;margin: 0 auto;}
.header.cover {padding: 10px 0 0; }
.header .logo{margin-left: 5px; background-size: 100% auto;}
.header .logo a{display: block;background-size: 100% auto;width: 140%;}

.menu_btn{ display:inline-block; position:absolute; right:8px; top:8px;}
.menu_btn .fa{ font-size:35px; color: #fff;}
#modalmenu{text-align: center;}
#modalmenu .ttl{ background:#00349a; color:#fff; padding: 10px; font-size:18px;}
#modalmenu ul{ background:#fff;}
#modalmenu ul li{ border-bottom:1px solid #00349a;}
#modalmenu ul li:last-child{ border-bottom:0;}
#modalmenu ul li a{ display:block;  text-decoration:none; font-size:16px; padding:10px;color: #00349a;}

/*----------------------------------------------------------------------------------------------
 footer
----------------------------------------------------------------------------------------------*/
.footer { background-color: #0d3771;text-align: center;margin:0 auto;padding:15px 0;}
.footer .ftrlogo{background-size: 100% auto;}
.footer .ftrlogo a{display: block;background-size: 100% auto;}
.footer .copyright {font-size: 12px;}

/*----------------------------------------------------------------------------------------------
 other
----------------------------------------------------------------------------------------------*/
.mainimg{background-size:auto 100%; text-align: center;height: 400px;width: 100%;position: relative;}
.mainarea{width: 100%;padding-top: 70px;}


.mainarea .chara{display:block;background: url(../images/mainimage.png)0 0 no-repeat;background-size: contain;height:0;padding-top: 80%;margin-bottom: -30px;margin-top: -10px;width: 105%;overflow: hidden;}

.mainarea .txbgSp{width:100%;padding: 10px; background-color: rgba(255,255,255,0.6);text-align: left;}
.mainarea .txSp{color:#133e9a;}
.mainarea .txSp span{font-size: 120%;}
.handSp{text-shadow: 2px 2px 1px #e30079,-2px 2px 1px #e30079,2px -2px 1px #e30079,-2px -2px 1px #e30079; padding: 2px 10px;}

.goodslist{}
.goodslist img{width: 70%;}
.goodslist li{margin-right: 0;float: none;margin-bottom: 10px;text-align: center;}
.goodslist li:last-of-type{margin-right: 0;}
.contBlock .contbox .goodstx .desc{margin-bottom: 10px;}
.goodsca{border-top:1px dashed #222;padding-top: 20px;margin-top: 20px;}

.goodsnav{padding: 10px;margin-bottom: 30px;}
.goodsnav li{display: block;border-right:none;border-bottom: 2px solid #7f99cc;padding: 10px 0;}
.goodsnav li:last-of-type{border-bottom:none;}


.schedulesp{background-color: #cd0067;padding: 15px;text-align: center;font-size: 24px;line-height: 1.2;padding: 10px;width: 100%;display: block;box-sizing: border-box;}
.schedulesp span{font-size:70%;}
.newsbox .newstext span.date{padding: 10px 20px 10px 0;}
.schedulesp a{color: #fff;text-decoration: none;}

.mainimg .newswrapsp{top: 300px;left: 0; width: 100%;padding-bottom: 10px;position: absolute;z-index: 3;}
.newsboxsp{border-radius: 8px;padding: 0 0;margin: 0 10px;background-color:rgba(0,0,0,0.6);}
.newsboxsp .newstextsp{font-size: 14px;text-align: left;}
.newsboxsp .newstextsp span{padding: 8px;border-radius: 4px 4px 0 0 ;margin: 0 0; display: inline-block;}
.newsboxsp .newstextsp a{display: block;margin: 0;padding:0 8px 8px;color: #fff;text-decoration: none;}

.pagetop {position: fixed;bottom: 20px;right: 20px;}
.pagetop a {background: #666;text-decoration: none;color: #fff;padding: 30px; text-align: center;display: block; border-radius: 5px;}
.pagetop a:hover {text-decoration: none;background: #999;}

/*----------------------------------------------------------------------------------------------
 Font Awesome
----------------------------------------------------------------------------------------------*/
.contttl .fa.fa-circle{font-size: 12px;}