@charset "utf-8";

#site-translate-message {display: none !important;}
#site-translate-header-wrapper {background-color: transparent !important;}
#header {background-color: #EB5A24; position: fixed; z-index: 13; width: 100%; left: 0; top: 0; transition: all 0.25s ease 0s;}
#header #siteid {color: #fff; padding-left: 10px; padding-right: 10px; height: 120px; float: left; width: 15%; }
#header #siteid a {color: #FFF; text-align: left; position: absolute; top: 0; bottom: 0; margin: auto; height: 3em; width: 13%; font-size: 1.6rem;}
#header #siteid a:hover {text-decoration: none; color: #FFD2C1; transition: all 0.25s ease 0s;}
#gnav {float: left; width: 85%; transition: all 0.25s ease 0s; height: 120px;}
#gnav > div {float: left; position: relative; cursor: pointer; height: 100%;}
#gnav > div .pic { height: 100%; background-position: 50% 50%;background-repeat: no-repeat;background-size: cover; position: relative;}
#gnav > div .pic p { width: 140px; height: 70px; font-size: 2.1rem; color: #fff; text-align: center; font-weight: bold; padding-top: 13px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto;}
#gnav > div .pic p span {font-size: 1.2rem; display: block; font-weight: normal;}
#gnav div.ryukyumura,#gnav div.okk {width: 30%;}
#gnav div.ryukyumura p {background-color: rgba(171,71,188,.8);}
#gnav div.okk p {background-color: rgba(77,208,225,.8);}
#gnav div.okk a {text-decoration: none;color: #FFF;display: block;height: 100%;}
#gnav div.event,#gnav div.help {width: 15%; text-align: center; height: 100%;}
#gnav div.event {background-color: #FFB300;}
#gnav div.help {background-color: #26A69A;}
#gnav div.event p i,#gnav div.help p i {font-size: 3.7rem; color: #FFF; padding: 26px 0 5px 0;}
#gnav div.event p span,#gnav div.help p span {display: block; color: #FFF; font-weight: bold; font-size: 1.8rem;}
#gnav div.event a{text-decoration: none;display: block;height: 100%;}
#gnav div.event p{height: 100%;}
#gnav div.lang {background-color: #ABABAB; width: 10%; }
#gnav div.lang dl {padding-top: 25px;}
#gnav div.lang dl dt {font-size: 1.4rem; color: #333; text-align: center; padding-bottom: 10px;}
#gnav div.lang dl dd {font-size: 1.6rem; font-weight: 500; color: #FFF; text-align: center; color: #fff; font-weight: normal;}
#gnav > div.ryukyumura dl ,
#gnav > div.okk dl {position: relative;}
#gnav > div.ryukyumura dl:after ,
#gnav > div.okk dl:after {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,.4); z-index: 2;}
#gnav > div.ryukyumura dl dd ,
#gnav > div.okk dl dd {padding-top: 18px;position: relative; z-index: 9; font-size: 1.4rem;}
#gnav > div.lang dd { color: #333; font-size: 1.6rem;}
#gnav > div.hover-click dl{z-index: 10; height: 100%;  cursor: pointer; line-height: 1.5;}
#gnav > div.hover-click dl.not-self + .sub-menu{display: none !important;}
#gnav > div .sub-menu {display: none; position: absolute; z-index: 1472; top: 100%;}
#gnav > div .sub-menu .close {position: absolute; top: 10px; right: 10px; font-size: 3.0rem; color: #fff;  cursor: pointer; z-index: 88; opacity: 1; text-shadow: none;}
#gnav > div .sub-menu > .inner {padding: 20px 20px 10px 20px; background-color: #FFF; background-repeat: no-repeat; background-size: auto 100%;position: relative;}
#gnav > div.ryukyumura .sub-menu {width: 790px; left: 0;}
#gnav > div.okk .sub-menu {width: 600px; left: 0;}
#gnav > div.event .sub-menu {width: 466px; left: -80%;}
#gnav > div.help .sub-menu {width: 500px; right: -40px;}
#gnav > div.lang .sub-menu {width: 220px; right: 0;}
#gnav div.ryukyumura .sub-menu .inner {background-color: rgba(171,71,188,1) }
#gnav div.okk .sub-menu .inner {background-color: rgba(77,208,225,1);}
#gnav div.event .sub-menu .inner {background-color: #FFB300;}
#gnav div.help .sub-menu .inner {background-color: #26A69A;}
#gnav div.lang .sub-menu .inner {background-color: #ABABAB;}
#gnav div .sub-menu .img-list {clear: both; padding-top: 15px; overflow: hidden;}
#gnav div .sub-menu .img-list li {float: left; position: relative; width: 160px; margin-right: 10px; margin-left: 10px; margin-bottom: 20px;}
#gnav div .sub-menu .img-list li a {background-position: 50% 50%;background-repeat: no-repeat;background-size: cover; display: block; height: 110px;}
#gnav div .sub-menu .img-list li a .txt {position: absolute; bottom: 0; right: 0; left: 0; text-align: center; background-color: rgba(0,0,0,.8); color: #FFF; padding: 5px 0; font-size: 1.3rem;}
#gnav div .sub-menu .img-list li a:hover {opacity: .9;}
#gnav div.event .sub-menu .event-list {margin-right: 25px; margin-bottom: 15px;margin-top: 15px;}
#gnav div.event .sub-menu .event-list li {overflow: hidden; border-bottom: 1px solid #FFB300; margin-bottom: 10px;}
#gnav div.event .sub-menu .event-list li a {display: block; color: #FFF; line-height: 1.3; font-size: 1.6rem; position: relative; padding: 10px 0 10px 15px; text-align: left;}
#gnav div.event .sub-menu .event-list li a:before {content: "\f138 "; font-family: FontAwesome; position: absolute; right: 15px; bottom: 0; top: 0; margin: auto; height: 16px;}
#gnav div.event .sub-menu .event-list li div {font-size: 1.4rem; text-align: left; padding: 10px;}
#gnav div.event .sub-menu .event-list li div.ttl { font-size: 1.5rem; font-weight: bold; margin-bottom: 3px; background-color: #FF7E00; padding: 0;}
#gnav div.event .sub-menu .event-list li div span {font-weight: bold;}
#gnav div.event .sub-menu .event-list li a:hover {text-decoration: none; background-color: rgba(255,255,255,.2);}
#gnav div.help .sub-menu .help-list {margin-right: 25px; margin-top: 15px;}
#gnav div.help .sub-menu .help-list li { margin-bottom: 10px; overflow: hidden; border: 1px solid #fff; border-radius: 5px; text-align: center;}
#gnav div.help .sub-menu .help-list li a {display: block; color: #FFF; position: relative; padding-right: 23px; color: #FFF; padding: 3% 0; font-size: 1.8rem;}
#gnav div.help .sub-menu .help-list li a:hover {text-decoration: none; background-color: rgba(255,255,255,.2);}
#gnav > div.lang .sub-menu .lang-list {margin-right: 25px;}
#gnav > div.lang .sub-menu .lang-list li {margin-bottom: 12px;}
#gnav > div.lang .sub-menu .lang-list li a {display: block; color: #333; border: 1px solid #fff; border-radius: 5px; background-color: #FFF; padding: 5px 10px;}
#gnav > div.lang .sub-menu .lang-list li a:hover {text-decoration: none; background-color: #F8F8F8;}
#gnav > div.lang .sub-menu .lang-list li a img {display: inline-block; margin-right: 5px;}
#footer .footer-guide li {width: 50%; float: left; text-align: center; }
#footer .footer-guide li a {display: block; color: #fff; font-size: 1.3rem; padding: 10px; font-weight: 500; line-height: 1.1;}
#footer .footer-guide li.tel {background-color: #FFA726;}
#footer .footer-guide li.tel span:before{content: "\f095"; font-family: FontAwesome; font-size: 1.8em; display: block;}
#footer .footer-guide li.map {background-color: #00BFA5;}
#footer .footer-guide li.map span:before{content: "\f041"; font-family: FontAwesome; font-size: 1.8em; display: block;}
#copy {text-align: center; font-size: 1.1rem; padding: 10px; clear: both;}
a:hover {text-decoration: underline; }
#header.furl #gnav {height: 60px;}
#header.furl #gnav div.event p i,
#header.furl #gnav div.help p i,
#header.furl #gnav > div dl dd {display: none;}
#header.furl #gnav div.event p , #header.furl #gnav div.help p {padding-top: 17px; font-size: 1.4rem;}
#header.furl #gnav > div dl dd {padding-top: 17px;}
#header.furl #siteid {padding-top: 14px; height: 60px;}
#header.furl #siteid a {font-size: 1.3rem; height: 3em;}
#header.furl #gnav > div .pic p {width: 100%; height: 60px; padding-top: 9px; line-height: 1.3;}
#header.furl #gnav div.lang dl {padding-top: 15px;}
.mainvis  { position: relative; margin-top: 100px;}
.mainvis img {width: 100%;}
.swiper-container {width: 100%;height: 100%;}
.mv-block { padding-top: 60px; padding-bottom: 60px;}
.mv-block .mv-msg {/*float: left; width: 33%;*/margin-bottom: 15px;}
.mv-block .mv-msg dl {margin-right: 30px;}
.mv-block .mv-msg dt {font-size: 2.8rem; margin-bottom: 30px; text-align: center; color: #C41B1E; line-height: 1.2; padding-top: 20px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.mv-block .mv-msg dd {font-size: 1.5rem; line-height: 1.7;}
.mv-block .mv-wrapper {/*float: right; width: 67%;*/}
 .mv-block .mv-msg,.mv-block .mv-wrapper{width: 100%;}
.mv-block .mv-set { position: relative; width: 100%; padding-top: 56.25%;display: block;overflow: hidden;margin-bottom: 1em;}
.mv-block .mv-set iframe,
.mv-block .mv-set img {position: absolute;top: 0;bottom:0;right: 0;left:0;width: 100% !important;height: 100% !important;border: 0;}
@media only screen and (min-width: 576px){
.mv-block .mv-wrapper{display: flex;}
.mv-block .mv-wrapper .mv-01,.mv-block .mv-wrapper .mv-02{width: 49.5%;}
.mv-block .mv-wrapper .mv-01{margin-right: 3px;}
.mv-block .mv-wrapper .mv-02{
margin-left: 3px;}
}
.emergency{text-align: center;padding-top: 20px;padding-bottom: 20px;}
.emergency .emergency-head{margin-bottom: 20px;}
.emergency .emergency-head h3{font-size: 2.8rem;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin-bottom: 10px;}
.emergency .emergency-body img{max-width: 100%;}
.sns {background-color: #F6F6F6; overflow: hidden; padding: 15px 0;}
.sns p {display: inline-block; vertical-align: middle; font-size: 1.8rem; width: 50%; font-weight: 600; color: #555;}
.sns ul {float: right;}
.sns ul li {display: inline-block; vertical-align: middle; margin-left: 13px;}
.sns ul li i {font-size: 3.3rem;}
.sns ul li i.sns-fac {color: #3765A3;}
.sns ul li i.sns-twi {color: #2CA7E0;}
.sns ul li i.sns-ins {color: #8E6B4B;}
.sns ul li i.sns-yot {color: #C3181E;}
.entrance-nav .ttl {text-align: center; font-size: 3.8rem; margin-bottom: 50px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #FFF;}
.entrance-nav {padding-top: 60px; padding-bottom: 80px; background: url(../img/bg-ec.jpg); background-size: cover; background-position: 50% 50%;}
.entrance-nav .col-box {float: left; float: left;width: 22.6%;margin-left: 1.2%;margin-right: 1.2%;}
.entrance-nav .pic {width: 100%; background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;display: block;border-radius: 50%; background-color: #fff;}
.entrance-nav .col-box dt {text-align: center; font-size: 2.1rem; color: #FFF; padding: 20px 0; text-shadow: 0 0 2px #000;}
.entrance-nav .col-box dd {color: #FFF; text-shadow: 0 0 2px #000;}
.entrance-nav .col-box a {display: block;}
.entrance-nav .col-box a:hover {text-decoration: none;}
.information-block {padding-bottom: 30px; overflow: hidden; position: relative; padding: 3% 3%;}
.information-block h2 {text-align: center; font-size: 2.2rem; padding-bottom: 4%; color: #ff3d00 ;}
.information-block h2:before {content: "\f11d"; font-family: FontAwesome; display: block; font-size: 4.6rem;}
.information-block .info-box {cursor: pointer;}
.information-block .info-box dl {text-align: center;}
.information-block .info-box dt {display: inline-block;}
.information-block .info-box dd {display: inline-block;}
.information-block .info-box dd a {cursor: pointer;}
.information-block .info-box span {padding: 4px 10px 0 10px; display: inline-block; }
.okk-img {height: 710px;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover; position: relative;}
.okk-img h3 {color: #FFF; position: absolute; bottom: 10%; left: 15%; font-size: 5rem; /*font-size: 2.2rem;*/}
.okk-img h3 span {display: block; font-size: 8.0rem;margin-top: 5px;}
.okk-block {width: 1170px; margin: auto; overflow: hidden; padding: 50px 0;}
.okk-block .okk-box {float: left;width: 22.6%;margin-left: 1.2%;margin-right: 1.2%; cursor: pointer; margin-bottom: 20px;}
.okk-block .okk-box .pic {width: 100%; height: 200px; background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;display: block;border-radius: 5px; background-color: #fff; margin-bottom: 15px;}
.okk-block .okk-box p {font-size: 1.5rem;}
.oth-link {padding-top: 40px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; width: 1170px; margin: auto;}
.oth-link dt {margin-bottom: 15px;}
.oth-link dd li {display: inline-block; margin-right: 20px; margin-bottom: 3px;}
.oth-link dd li a {color: #444;}
.navi-site.insite { border-top: solid 1px #ddd; padding-top: 30px;}
.navi-site {text-align: center;}
.navi-site li {display: inline-block; margin-right: 0px; margin-left: 10px; margin-bottom: 5px;}
.navi-site li:after {content: "｜";margin-left: 10px;}
.navi-site li a {color: #444;}
.ec-nav {overflow: hidden;padding-top: 30px; padding-bottom: 30px; background-color: #F6F6F6;}
.ec-nav .ttl {font-size: 1.8rem; text-align: center; padding-bottom: 15px;}
.ec-nav ul {text-align: center;}
.ec-nav li {display: inline-block; margin-left: 5px; ;margin-right: 5px; }
.ec-nav li img { width: 100%;}
.ec-nav li a {display: block; background-color: #FFF; border-radius: 3px; padding: 5px 20px; width: 180px;}
.fw-bold{font-weight: bold;}