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

/*↓スマホ版css 767px以下*/
@media screen and (max-width: 767px) {


body{
	margin:0;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}

img{
	border:0;
}

.container{
	width:100%;
	height:auto;
	margin-bottom:-50px;/* ←下のpage-top分を下に下げている */
}

.clear{
	clear:both;
}

.logo{
	display:none;
}

.logotab{
	display:none;
}

.logosma{
	margin-top:10px;
	margin-left:10px;
}

h1{
	font-size:14px;
	margin-top:3px;
	margin-left:-4px;
	vertical-align:central;
}

.inner {
    width: 980px;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
 
/* header */
#top-head {
    top: -100px;
    position: absolute;
    width: 100%;
    margin: 100px auto 0;
    padding: 30px 0 0;
    line-height: 1;
    z-index: 999;
	border-bottom:2px solid #eeeeee;
}

#top-head a,
#top-head {
    color: #fff;
    text-decoration: none;
}

#top-head .inner {
    position: relative;
}

#global-nav ul {
    list-style: none;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
}

#global-nav ul li {
    float: left;
}

#global-nav ul li a {
    padding: 0 30px;
}
 
/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top: 10px;
    height: 55px;
    background: #fff;
    background: rgba(255,255,255,.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}

#top-head.fixed .logo {
    font-size: 24px;
    color: #333;
}

#top-head.fixed #global-nav ul li a {
    color: #333;
    padding: 0 20px;
}
 
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: fixed;
	width:99px;
	height:46px;
	top:10;
	right:11px;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 39px;
    background: #fff;
    left: 6px;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 8px;
}
#nav-toggle span:nth-child(3) {
    top: 16px;
}











#top-head, .inner {
	width: 100%;
	padding: 0;
}

#top-head {
	top: 0;
	position: fixed;
	margin-top: 0;
	width:100%;
	height:66px;
	background-color:#fff;
}

/* Fixed reset */
#top-head.fixed {
	padding-top: 0;
	background: transparent;
}

#mobile-head {
	background: #fff;
	width: 100%;
	height: 66px;
	z-index: 999;
	position: fixed;
	top:0;
}

#top-head.fixed .logo,
#top-head .logo {
	position: absolute;
	left: 10px;
	top: 10px;
	color: #393E46;
}

#global-nav {
	position: absolute;
	/* 開いてないときは画面外に配置 */
	top: -500px;
	background:#EEEEEE;
	width: 100%;
	text-align: center;
	padding:0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

#global-nav ul {
	list-style: none;
	position: static;
	right: 0;
	bottom: 0;
	font-size: 18px;
	margin-left:-40px;
	margin-top:10px;
}

#global-nav ul li {
	float: none;
	position: static;
}

#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {
	width: 100%;
	display: block;
	color: #393E46;/* ←メニュー文字色 */
	padding: 14px 0;/* ←メニュー行間調整 */
	border-bottom:solid 1px #fff;
}

#top-head #global-nav ul li a:hover,
#top-head.fixed #global-nav ul li a:hover{
	width: 100%;
	display: block;
	color: #fff;/* ←マウスオーバー後のメニュー文字色 */
	padding: 14px 0;/* ←メニュー行間調整 */
	background-color:#00ADB5;
	border-bottom:solid 1px #fff;
}

/* ↓お問い合わせの下ライン消し */
#top-head #global-nav ul span li a,
#top-head.fixed #global-nav ul span li a{
	border-bottom:solid 1px #EEEEEE;
}

#top-head #global-nav ul span li a:hover,
#top-head.fixed #global-nav ul span li a:hover{
	border-bottom:solid 1px #EEEEEE;
}


#nav-toggle {
	display: block;
}

.navblock{
	width:99px;
	height:46px;
	position:fixed;
	top:11px;
	right:10px;
	background-color:#00ADB5;
}

/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
	top: 7px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.open #nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
	display:none;
}

.open #nav-toggle span:nth-child(3) {
	top: 7px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* #global-nav スライドアニメーション */
.open #global-nav {
	/* #global-nav top + #mobile-head height */
	-moz-transform: translateY(556px);
	-webkit-transform: translateY(556px);
	transform: translateY(556px);
}

.contact{
	display:none;
}

.topCONT{
	width:100%;
	height:auto;
	margin-top:66px;
}

.topCONT-pc{
	display:none;
}

.topCONT-tab{
	display:none;
}

.topCONT-sma img{
	width:100%;
	height:auto;
}



.whenwhere{
	width:100%;
	height:128px;
}

.whenwhere{
	width:100%;
	height:130px;
}



.sche img{
	width:289px;
	display: block;/* ←画像中央寄せ */
	margin-left: auto;/* ←画像中央寄せ */
	margin-right: auto;/* ←画像中央寄せ */
}

.mark img{
	width:auto;
	height:58px;
	display: block;/* ←画像中央寄せ */
	margin-left: auto;/* ←画像中央寄せ */
	margin-right: auto;/* ←画像中央寄せ */
	margin-top:-10px;
	transform:rotate(90deg)
}

.place img{
	width:289px;
	display: block;/* ←画像中央寄せ */
	margin-left: auto;/* ←画像中央寄せ */
	margin-right: auto;/* ←画像中央寄せ */
	margin-top:-30px;
}


.news{
	width:100%;
	height:auto;
	background-color:#393E46;
    padding-bottom: 30px;
}

/*↓TOPICのモジュール*/
.contentstitle{
	width:auto;
	height:42px;
	margin:0 auto;
	display:table;
}

.contentstitle img{
	height:25px;
}

.markleft{
	width:21px;
	height:42px;
	vertical-align:middle;
}

p{
	color:#fff;
	font-size:24px;
	margin:0 5px;
	vertical-align:middle;
	height: 50px;/*←テキスト中央揃えコマンド*/
	line-height: 50px;/*←テキスト中央揃えコマンド*/
}

.topic{
	width:auto;
	height:50px;
	vertical-align:middle;
}

.contentstitle span img{
	height:25px;
	transform:rotate(180deg)
}

.markright{
	width:21px;
	height:42px;
	vertical-align:middle;
}

.markleft,
.topic,
.markright{
	display:table-cell;
	height:100px;
}






.news-topic{
	width:90%;
	height:auto;
	border-bottom:1px solid #fff;
	margin:0 auto;
	margin-top:20px;
	line-height:0;
}

.news-topic img{
	display:none;
}

.day{
	width:139px;
	height:auto;
	padding:0;
	position:absolute;
}

.day p{
	font-family: 'Play', sans-serif;
}

.news-topic p span{
	font-size:48px;
	line-height:0.8;
}

.news-topic p{
	font-size:25px;
	line-height:1;
}


/*↓「お知らせ」のマーク*/
.topic-mark-news{
	width:110px;
	height:34px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border: 2px solid #EA3CAE;
	padding:2px;
	float:right;
	clear:both;
}

.topic-mark-news p{
	text-align: center;
	font-size:19px;
	color:#EA3CAE;
	margin:0;
    margin-top: 4px;
}

/*↓「更新」のマーク*/
.topic-mark-update{
	width:110px;
	height:34px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border: 2px solid #00ADB5;
	padding:2px;
	float:right;
	clear:both;
}

.topic-mark-update p{
	text-align: center;
	font-size:19px;
	color:#00ADB5;
	margin:0;
    margin-top: 4px;
}

.news-text{
	width:100%;
	height:auto;
}

.news-text p{
	height:auto;
	font-size:16px;
	color:#fff;
	line-height:1.6;
	margin:0;
	margin-top:50px;
	margin-bottom:20px;
	text-align:justify;/*←文章の均等割り付け*/
}

.more {
    margin: 40px 0px 40px 0px;
	width: 100%;
	cursor: pointer;
}

.more p{
    font-size: 22px;
    border-style: solid;
    border-color:white;
    width:30%;
    padding: 2px 0px 2px 0;
    margin: 0 auto;
    text-align: center;
}

.empty{
	width:100%;
	height:50px;
	background-color:#393E46;
}







.nittei{
	width:100%;
	height:auto;
	background-color:#fff;
}

.nittei-topic{
	width:90%;
	height:auto;
	border-bottom:1px solid #393E46;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:30px;
	line-height:0;
}

.nittei-topic img{
	width:13px;
	height:23px;
	position:absolute;
}

.nittei-day{
	width:250px;
	height:auto;
	padding:0;
	position:absolute;
}

.nittei-day p{
	font-size:22px;
	line-height:1.2;
	margin-left:20px;
}

.nittei-yeardaymonth{
	display:none;
}

.nittei-yeardaymonth-smart{
	width:auto;
	height:30px;
}

.nittei-yeardaymonth-smart p{
	position:absolute;
	font-size:16px;
	color:#393E46;
	line-height:1.2;
	margin-top:50px;
	margin-left:-1px;
}

.nittei-text{
	display:none;
}

.nittei-text-smart{
	width:100%;
	height:auto;
	margin-top:80px;
	margin-bottom:30px;
}

.nittei-text-smart p{
	height:auto;
	font-size:15px;
	color:#393E46;
	line-height:1.6;
	margin:0;
	text-align:justify/*←文章の均等割り付け*/
}




.attention{
	width:100%;
	height:auto;
	background-color:#393E46;
}

.attention-topic{
	width:90%;
	height:auto;
	border-bottom:1px solid #fff;
	margin:0 auto;
	margin-top:30px;
	line-height:0;
}

.attention-topic img{
	display:none;
}

.attetion-text{
	width:100%;
	height:auto;
	margin-top:47px;
}

.attention-text p{
	height:auto;
	font-size:15px;
	color:#fff;
	line-height:1.6;
	margin:0;
	margin-bottom:30px;
	text-align:justify/*←文章の均等割り付け*/
}

.empty{
	width:100%;
	height:100px;
	background-color:#393E46;
}


.syui{
	width:100%;
	height:auto;
	background-color:#fff;
}


.shui-container{
	width:90%;
	height:auto;
	margin:0 auto;
}

.shui-title{
	margin-bottom:30px;
}

.shui-title p{
	height:auto;
	font-size:24px;
	text-align:center;
	line-height:1.4;
}

.shui-title p span{
	font-size:20px;
}

.shui-text{
	width:100%;
	height:auto;
	margin:0 auto;
}

.shui-text p{
	height:auto;
	font-size:16px;
	line-height:1.6;
}

.shui-name p{
	width:auto;
	height:auto;
	margin-top:20px;
	margin-bottom:70px;
	font-size:16px;
	line-height:1.8;
	text-align:right;
}



/*↓ここからfooter*/
.footer{
	width:100%;
	height:700px;
	background-color:#EEEEEE;
	
	background: -webkit-gradient(linear, left top, right bottom, from(#ddd), color-stop(0.25, #ddd), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #ddd), color-stop(0.75, #ddd), color-stop(0.75, white), to(white));
background: -moz-linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
background: linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
background-size: 4px 4px;
}

.footer-container{
	width:90%;
	height:auto;
	margin:0 auto;
	padding-top:50px;
}

.footer-left{
	width:100%;
	height:auto;
	margin:0 auto;
}

.footer-left img{
	width:250px;
	height:auto;
	display: block;/* ←画像中央寄せ */
	margin-left: auto;/* ←画像中央寄せ */
	margin-right: auto;/* ←画像中央寄せ */

}

.footer-middle{
	width:100%;
	height:auto;
	margin:0 auto;
	border-bottom:1px solid #393E46;
}

.footer-middle span p{
	width:100%;
	font-size:16px;
	color:#393E46;
	margin:0 auto;
	text-align:center;
	margin-top:40px;
}
	
.footer-middle p{
	width:100%;
	font-size:10px;
	color:#393E46;
	line-height:1.5;
	margin:0 auto;
	margin-top:-15px;
	text-align:center;
}

.footer-contact{
	width:250px;
	height:50px;
	margin:0 auto;
	margin-bottom:40px;
	background-color:#fff;
	border:2px solid #6D6F72;
}

.footer-contact:hover{
	background-color:#d9d9d9;
}

.footer-contact p{
	font-size:16px;
	color:#393E46;
	padding:14px 0; 
	margin:0;
}

a{
	text-decoration:none;
}


.footer-right{
	width:100%;
}

.footer-right p{
	font-size:18px;
	color:#393E46;
	line-height:2;
	margin:0;
	margin-top:10px;
}

.footer-right li a{
	display: block; 
	text-decoration: none;
	color: #5D5D5D;
	font-size: 13px;
	line-height:2; 
	margin:7px 0;
}

.footer-right ul{
	padding:0;
	margin:0;
	list-style: none;
	margin-left:20px;
	margin-bottom:20px;
}





.copy{
	width:100%;
	height:100px;
	background-color:#393E46;
}

.copy p{
	font-size:14px;
	color:#BABABA;
	text-align:center;
	line-height:1.4;
	padding-top:32px;
}

/*↓ページ上に行くためのボタン*/

p#page-top{
	display:none;
}

#page-top a{
	display:none;
}










}