/* DEFAULT
---------------------------------------------------------------------------*/
html {overflow-y: scroll;font-size: 62.5%; line-height:1.5;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal !;}
table {border-collapse: collapse;border-spacing: 0;}
th {font-weight:lighter;}
caption, th {text-align: left;}
q:before ,q:after {content: '';}
object, embed, td, th {vertical-align: top;}
legend {display: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight:lighter;}
img, abbr, acronym, fieldset {border: 0;}

li {list-style-type: none;}
img{vertical-align:bottom;}
p{line-height: 1.6; margin:0 0 1em;}
body {font-size:1.4rem;}
@media (max-width: 768px) {
	body {font-size:1.5rem;}
}

*, *:before, *:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

div:after,ul:after,li:after,dd:after,section:after {content: ""; display: block; clear: both;}

img{max-width: 100%;height: auto;width /***/:auto;　}

a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}


/* ALL
---------------------------------------------------------------------------*/
body { color: #333; ffont-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; position:relative;}

#wrapper{}

.pad{padding:10px;}
.clear{clear:both;}

.inner{max-width:980px; margin:0 auto;}
@media (max-width: 768px) {
	.inner{width: auto;}
}

hr{margin:2em 0 2em;}

/* LINK-STYLE
---------------------------------------------------------------------------*/
a:link{color: #0099FF;text-decoration: underline;}
a:visited{color: #0099CC;text-decoration: underline;}
a:hover{ color:#663399; text-decoration:underline;}
a:active{color:#663399;text-decoration: underline;}



/* HEADER
---------------------------------------------------------------------------*/
header{ background:url(../img/common/header_img.jpg) bottom center no-repeat; height:250px; position:relative;border-bottom:5px #FF3333 solid;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;-o-box-sizing: content-box;-ms-box-sizing: content-box;box-sizing: content-box; border:0 !important;}
header>.inner{ position:relative; background:url(../img/common/header_img_s.jpg) bottom no-repeat;height:250px;}
header #logo{ position:absolute; top:10px; left:0;}
header #logo_sp{position:absolute; display:none;  top:9px; left:10px; z-index:100; height:25px;}
header .kaisaibi{ position:absolute; top:110px; right:0px; display:none;}
/*header .flyer{ position:absolute; top:200px; right:0; z-index:100;}*/
/*header .flyer{ position:absolute; top:220px; right:0px; z-index:100; display:none;}*/

@media (max-width: 768px) {
	header{ background:none; background:#00A040; height: auto; position:relative;border-bottom:none !important;}
	header .inner{ position:relative; background:none; height: auto;}
	header #logo{ display:none;}
	header #logo_sp{display: inline;}
	header .kaisaibi{display:none;}
	
}

header .menu{ position:absolute; top:0; right:0;}
header .menu ul{}
header .menu ul li{ float:left; margin:0 0 0 6px;}
header .menu ul li a{ display:block;background:rgba(0, 0, 0, 0.8); background:#00A040; padding:8px 20px; text-decoration:none; color:#fff; font-size:1.2rem; border-radius:0 0 7px 7px;}
header .menu ul li a:hover{ background:#FF3333;}

header .menu ul li.insta a{ font-size:2.0rem; padding:2px 14px}


@media (max-width: 768px) {
	header .menu{ display:none;}
}


#sidr_btn{display: none;}
#sidr_btn #sidr-menu-button img{ height:100%;}


/* NAVI
---------------------------------------------------------------------------*/
nav{ background:rgba(0, 0, 0, 0.8);  position:absolute; bottom:0; width:100%; font-size:1.2rem; position:relative;}
nav{ background:#000;  background:#00A040; padding:8px 0;}
nav .nav_ttl{ display:none;}
nav ul.gnav{ display:table; width:100%;table-layout: fixed;}
nav ul.gnav:after{ content:none;}
nav ul.gnav li{ display:table-cell; text-align:center; font-weight:bold; border-right:1px #fff solid;}
nav ul.gnav li:nth-child(2){border-left:1px #fff solid;}
nav ul.gnav li.nopc{ display:none;}
nav ul.gnav li a{  display:block; padding:2px 10px; text-decoration:none; color:#fff;}
nav ul.gnav li a span{ display:block; font-size:1.1rem; color:#fff; font-weight:normal;}
nav ul.gnav>li a img{ display:block; padding:0; margin:5px auto 0;}
nav ul.gnav>li .fa{ display:none;}
nav ul.gnav>li a:hover{ color:#ccc;}
nav ul.gnav>li a:hover span{ color:#ccc;}
/*
nav ul.gnav>li.guide a:hover{ background:#FF3333;}
nav ul.gnav>li.course a:hover{ background:#00A040;}
nav ul.gnav>li.area a:hover{ background:#EE7800;}
nav ul.gnav>li.cycle-clinic a:hover{ background:#09C;}
nav ul.gnav>li.archive a:hover{ background:#0066CC;}

nav ul.gnav>li a:hover span{ color:#FFFFFF;}
*/


@media (max-width: 768px) {
#cover{ display:none; position:fixed; width:100%; height:100%; background: #096; top:0; left:0; z-index: 500; opacity: 0;}	
	
header>.inner{height:44px;}
#sidr_btn {display: block; position:fixed; top:0; right:0; height:44px; z-index:11;}	
	
.head-nav { position: fixed;width: 260px;z-index:100; top: 0;right: -260px; z-index:2000;}
.head-nav>.inner{ height:100%;}

nav{ margin:0; padding:0; height:100%; max-width: inherit; background:#333;}

nav .nav_ttl{ display: block; background:#000; padding:5px; text-align:center;font-family: 'Noto Sans Japanese', sans-serif; color:#fff;}

nav ul.gnav{ overflow:scroll;  -webkit-overflow-scrolling: touch;  display: block;width: 100%; height:100%;padding-bottom:50px;margin-bottom:50px;}

nav ul.gnav:after{ content:inherit;}

nav ul.gnav li{ display: block; text-align: left; margin:0;vertical-align: middle; border-left:0px solid #fff; padding:0; border-bottom:1px #666 solid;}
nav ul.gnav li:nth-child(2){border-left:0;}
nav ul.gnav li a{ font-weight: normal;display: block;text-decoration: none;color: #fff;  padding:20px 10px; border:0; margin:0;}
nav ul.gnav li a:hover{ background:none; border-radius:0;}
nav ul.gnav li a span{ font-size:1.1rem; color:#999; display:block;font-family: 'Noto Sans Japanese', sans-serif;}
nav ul.gnav li a:hover span{}
nav ul.gnav li a:after{display:none;}

nav ul.gnav li.nopc{ display: block;}
}



@media (max-width: 768px) {

	
}


/* CONTAINER
---------------------------------------------------------------------------*/
#container{max-width:980px; margin:30px auto 30px;}
@media (max-width: 768px) {
	#container{width: auto; padding:0 10px; margin:0 auto 10px;}
}

/* CONTENTS
---------------------------------------------------------------------------*/
#contents{}
@media (max-width: 768px) {
	#contents{margin:0 0 20px;}
}

#pankuzu{margin:0 0 15px; font-size:1.2rem;}
#pankuzu ul li {display:inline; list-style-type: none;}
#pankuzu ul li:after {content:" > ";display:inline;}
#pankuzu ul li:last-child:after{content: none;}
@media (max-width: 768px) {
	#pankuzu{margin:0 0 10px;}
}


section{ margin:0 0 40px;}
/*section.cover{ border:2px #ccc solid; margin:0 0 40px; background:#fcfcfc; padding:10px;}
section.cover{ border:0px #ccc solid; margin:0 0 0px; background:none; padding:0px;}
*/

h1{font-size:3.0rem; font-weight:bold; text-align:center; background:none; color:#00A040; border-bottom:1px solid #ccc; padding:20px;margin:0 0 30px; background:#f9f9f9; background:none; border-bottom:2px solid #00A040;}
h1 span{ display: block; font-size:2.2rem;}
h2{ text-align:center; background:#333; color:#fff; padding:10px; font-weight:600; font-size:2.2rem; margin:0 0 20px;}

h2{ margin:40px 0 20px; border-radius:6px; background:#00A040;}

h3{ border-bottom:1px #333 solid; padding:10px 0; font-weight:600; font-size:2.2rem; margin:20px 0 20px;}
h3:first-child {margin-top: 0;}

@media (max-width: 768px) {
	
	/*section.cover{ border:0; margin:0 0 40px; background:none; padding:0;}*/
	h1{font-size:2.0rem; margin:0 0 0; padding:15px 10px;}
	h1 span{ display: block; font-size:1.7rem;}
	h2{padding:10px;font-size:1.6rem; margin:0 -10px 20px; border-radius:0; }
	h3{font-size:1.6rem;}
	h3:first-child {margin-top: 0;}
}



/*
h2{font-size:2.2rem; font-weight:bold; background:#f0f0f0; border-radius:5px; padding:10px 10px; margin:60px 0 20px;}
h2{font-size:2.2rem; font-weight:bold; background:#f0f0f0; border-radius:5px; padding:10px 10px; margin:60px 0 20px;}

h1 + h2,
.warning + h2{margin:20px 0 20px;}
*/



#contents p{ margin:0 0 1em;}
#contents ul.disc{ margin:0 0 1em;}
#contents ul.disc li{ list-style-type:disc; margin:0 0 0 1em;}

#contents ul.num{ margin:0 0 1em;}
#contents ul.num li{ list-style:decimal-leading-zero; margin:0 0 0 1.5em;}

#contents ul.kome{ margin:0 0 1em 1em; text-indent:-1em;}

#contents .warning{ border:3px #f00 double; padding:10px; color:#f00; text-align:center; margin:1em 0 2em; font-weight:bold; line-height:1.8; font-size:1.5rem;}

@media (max-width: 768px) {
	#contents .warning{ text-align:left;}
}

.pageNone{ border:1px solid #ccc; width:100%; height:300px; text-align:center; line-height:300px; font-weight:bold; font-size:40px;}

.clr1{ color:#357B31;}
.clr2{ color:#923C3F;}
.clr3{ color:#003366;}
.bg1{ background:#357B31; color:#fff;}
.bg2{ background:#923C3F; color:#fff;}
.bg3{ background:#003366; color:#fff;}

/* .marker {background: linear-gradient(transparent 0%, #FCC 0%); color:#333; font-weight:600;}*/
.marker { color:#c00; font-weight:600;}



/* SIDE
---------------------------------------------------------------------------*/
#side{ display:none;}
@media (max-width: 768px) {
	#side{float:none; width: auto;}
}

#side dl.menu{ margin:0 0 20px;}
#side dl.menu dt{ background:#FF3333; text-align:center; padding:10px; font-weight:bold; border:1px #333 solid; border-bottom:none; color:#fff;}
#side dl.menu dd{ border:1px #333 solid;}
#side dl.menu dd ul{}
#side dl.menu dd ul li{}
#side dl.menu dd ul li a{ display:block; padding:10px; border-top:1px #333 solid; text-decoration:none; color:#333;}
#side dl.menu dd ul li a:hover{ background:#f3f3f3;}
#side dl.menu dd ul li:first-child a{ border:0;}
@media (max-width: 768px) {
	#side dl.menu dt{ font-size:1.2rem; padding:5px;}
}


#side h1{ margin:7px 0 10px 11px;}

#side .important{}

#gNavi{width:220px; border-top: 1px dotted #666; padding:1px 0 10px;}
#gNavi ul{}
#gNavi>ul>li{padding:0 0 1px;border-bottom: 1px dotted #666;}
#gNavi>ul>li.naviTour{}

#gNavi ul li.naviTour ul{padding:1px 0 5px;}
#gNavi ul li.naviTour ul li{ height:34px; background:none; padding:0 0 1px 10px;}

.bnrList{ padding:0 0 20px;}
.bnrList ul{}
.bnrList ul li{ text-align:center; margin:0 0 3px; border:1px #CCC solid;}
.bnrList ul li a{ display:block; padding:5px;}

/* FOOTER
---------------------------------------------------------------------------*/
#footer{color:#fff; font-size:1.2rem; margin:60px 0 0; padding:30px 0 0; background:#333;}
#footer a:link{color: #fff;text-decoration: none;}
#footer a:visited{color: #fff;text-decoration: none;}
#footer a:hover{ color: #fff; text-decoration:underline;}
#footer a:active{color: #fff;text-decoration: none;}


#footer .footer-insta{ display:none;}

@media (max-width: 768px) {
	#footer .footer-insta{ display: block; text-align:center; font-size:3.6rem;}
}

#fnavi{ margin:0 0 40px;}
#fnavi .title{display:none;}
#fnavi>ul{ display:table; table-layout:fixed;width:100%;}
#fnavi>ul::after{content:none;}
#fnavi>ul>li{display:table-cell; vertical-align: top;}
#fnavi>ul>li>.has-menu{font-weight: bold;margin: 15px 0 5px;}
#fnavi>ul>li.flogo{ padding-top:16px; width:40%;}
#fnavi>ul>li.flogo .insta{ text-align:center; width:221px; margin-top:16px; font-size:3.2rem;}
#fnavi>ul>li>ul{margin-bottom: 10px;}
#fnavi>ul>li>ul>li{ font-size:1.1rem;}
#fnavi>ul>li>ul>li a:link{color: #fff;text-decoration: none;}
#fnavi>ul>li>ul>li a:visited{color: #fff;text-decoration: none;}
#fnavi>ul>li>ul>li a:hover{ color: #fff; text-decoration:underline;}
#fnavi>ul>li>ul>li a:active{color: #fffext-decoration: none;}

@media (max-width: 768px) {
	#footer{color:#fff; font-size:1.2rem; padding:0 0 15px; background:#000;}
	
	#fnavi{ margin:0 0 15px;}
	#fnavi .title{ display:block; font-weight:bold; text-align:center; color:#fff; background:#333; padding:3px; font-size:1.1rem;}
	#fnavi>ul{ display: block; table-layout: auto;width:100%;}
	#fnavi>ul::after{content:none;}
	#fnavi>ul>li{display: block; vertical-align: middle;}
	#fnavi>ul>li.flogo{ display:none;}
	#fnavi>ul>li>.has-menu{font-weight: bold;margin:0; border-top:1px #CCC solid;}
	#fnavi>ul>li>.has-menu a{ display:block; padding:12px 10px; color:#333; background:#f3f3f3;}
	#fnavi>ul>li>.has-menu a:hover{ color: #333; text-decoration:none;}
	#fnavi>ul>li>.has-menu a:before{ content:"\f138";font-family: FontAwesome; margin-right:5px;}
	#fnavi>ul>li>ul{margin-bottom:0;}
	#fnavi>ul>li>ul>li{ font-size:1.1rem; border-top:1px #CCC solid;}
	#fnavi>ul>li>ul>li a{ display:block; color:#333333; background:#FFF; display:block; padding:12px 10px 12px 20px; background:#FFF; color:#333;}
	#fnavi>ul>li>ul>li a:before{ content:"\f105";font-family: FontAwesome; margin-right:5px;}
	#fnavi>ul>li>ul>li a:link{color: #333;text-decoration: none;}
	#fnavi>ul>li>ul>li a:visited{color: #333;text-decoration: none;}
	#fnavi>ul>li>ul>li a:hover{ color: #333; text-decoration:none;}
	#fnavi>ul>li>ul>li a:active{color: #333;text-decoration: none;}
}



#copyright{text-align:center; color:#fff; background:#000; padding:10px;}


#pageTop {position: fixed; bottom: 20px;right: 20px;}
#pageTop a {z-index:9999; display:table-cell; text-align:center; vertical-align:middle;border-radius:100%;width: 40px;height: 40px;background:#222;color: #fff;font-weight: bold;text-decoration: none;text-align: center; border:1px #fff solid;}
#pageTop a:hover {text-decoration: none;opacity: 0.7;}