@charset "utf-8";

@media only screen and (max-width:1280px) {
	.okk-block, .oth-link { width: auto; }
	.okk-block .okk-box .pic { height: 180px; }
}
@media only screen and (max-width:959px) {
	#header #siteid { float: none; width: 100%; height: 17px; }
	#header #siteid a { font-size: 1.0rem; position: relative; text-align: center; height: 100%; display: block; width: auto; padding-top: 3px; }
	.mainvis { margin-top: 77px; }
	#header.furl-s #gnav { height: 60px; }
	#header.furl-s #gnav div.event p i, #header.furl-s #gnav div.help p i, #header.furl-s #gnav > div dl dd { display: none; }
	#header.furl-s #gnav div.event p, #header.furl-s #gnav div.help p { padding-top: 17px; font-size: 1.4rem; }
	#header.furl-s #gnav > div dl dd { padding-top: 17px; }
	#header.furl-s #gnav > div .pic p { width: 100%; height: 60px; padding-top: 9px; line-height: 1.3; }
	#header.furl-s #gnav div.lang dl { padding-top: 15px; }
	#gnav { width: 100%; }
	#gnav div .sub-menu .img-list li { width: 21.6%; }
	#gnav div.lang dl dd { display: none; }
	.mv-block { padding-top: 0; }
	.mv-block .mv-msg { float: none; width: auto; text-align: center; padding-top: 20px; padding-bottom: 0; }
	.mv-block .mv-msg dt { margin-bottom: 20px; }
	.mv-block .mv-msg dd { font-size: 1.2rem; }
	.mv-block .mv-msg dl { margin-right: 15px; margin-left: 15px; }
	.mv-block .mv-wrapper { float: none; width: auto; margin: 20px; }
	.okk-img { height: 440px; }
	.okk-block .okk-box .pic { height: 150px; }
}
@media only screen and (max-width:599px) {
	#gnav div.ryukyumura, #gnav div.okk { width: 28%; }
	#gnav div.event, #gnav div.help { width: 16%; }
	#gnav div.lang { width: 12%; }
	#header.furl-s #gnav div.event p, #header.furl-s #gnav div.help p { padding-top: 13px; }
	#header.furl-s #gnav div.lang dl { padding-top: 6px; }
	.mainvis { margin-top: 62px; }
	#header.furl-s #gnav, #header.furl-s #gnav > div .pic p { height: 45px; }
	.mv-block { padding-bottom: 30px; }
	.entrance-nav { padding-top: 30px; }
	.entrance-nav .ttl { font-size: 2.4rem; margin-bottom: 20px; }
	.entrance-nav .col-box { width: 38%; margin-left: 5%; margin-right: 5%; margin-bottom: 20px; }
	.entrance-nav .col-box dt { font-size: 1.4rem; padding: 10px; }
	.entrance-nav .col-box dd { font-size: 1.2rem; }
	#gnav div .sub-menu .img-list li { width: 27%; margin-left: 5px; margin-right: 5px; }
	#gnav div .sub-menu .img-list li a { height: 76px; }
	#gnav div .sub-menu .img-list li a .txt { font-size: 1.0rem; }
	#gnav > div .pic p { font-size: 1.3rem; }
	#gnav > div .pic p span { font-size: .9rem; }
	#gnav div.event p span, #gnav div.help p span { font-size: 1.2rem; }
	.information-block .info-box span { font-size: 1.2rem; height: 24px; vertical-align: middle; }
	.information-block .info-box dt { margin-bottom: 15px; }
	.sns p { font-size: 1.0rem; }
	.sns ul li { margin-left: 5px; }
	.sns ul li i { font-size: 2.4rem; }
	.okk-img { height: 300px; }
	.okk-img h3 { left: 10%; }
	.okk-img h3 span { font-size: 5.0rem; }
	.okk-block { padding-top: 20px; padding-bottom: 15px; margin-right: 15px; margin-left: 15px; }
	.okk-block .okk-box { width: 47%; }
	.okk-block .okk-box .pic { margin-bottom: 5px; height: 110px; }
	.okk-block .okk-box p { font-size: 1.2rem; }
	.ec-nav .ttl { font-size: 1.2rem; }
	.ec-nav li a { width: 90px; padding-left: 10px; padding-right: 10px; }
	.oth-link { padding-top: 20px; padding-bottom: 20px;}
	.oth-link dd li { margin-bottom: 0; }
	.oth-link li a { font-size: 1.0rem; }
	.navi-site { text-align: left; padding: 0 5px;}
	.navi-site.insite { padding: 15px 5px 0 5px; text-align: left; }
	.navi-site li a { font-size: 1.0rem; }
	.navi-site li { margin-bottom: 0; margin-left: 0; }
	.navi-site li:after { margin-left: 5px; }
	#gnav > div.event .sub-menu { width: 300px; left: auto; right: -100px; }
	#gnav > div.help .sub-menu { width: 300px; }
	#gnav div.help .sub-menu .help-list li a { font-size: 1.4rem; }
	#gnav div.event .sub-menu .event-list li a { font-size: 1.3rem; }
}