@charset "utf-8";

figure.visual {
	height: 550px;
	position: relative;
	overflow: hidden;
}

figure.visual img{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
/*++++++++++++
square
++++++++++++*/
section#square {
	padding: 50px 0 0;
}

section#square article#yugu {
	padding:0 0 250px;
}

section#square article#yugu .yugubox {
	position: relative;
	/* display: flex; */
	/* align-items: center; */
	/* justify-content: center; */
}

section#square article#yugu .yugubox dl {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-align: center;
	left: 0;
	right: 0;
	margin: auto;
}

section#square article#yugu .yugubox dd {
	text-align:center;
	position: relative;
	z-index: 100;
	/* color: #fff; */
}

section#square article#yugu .yugubox dd a.button1 {
	margin: auto;
}

section#square article#yugu .yugubox dd img {
	margin: 0 auto 30px;
}

section#square article#yugu .yugubox dd p {
	color:#fff;
	letter-spacing: 1px;
	margin: 0 auto 30px;
}

/*++++++++++++
suisen
++++++++++++*/
section#suisen {
	padding: 50px 0 0;
}

/*花の開花*/
section#suisen li:last-child {
box-sizing: border-box;
    width: 49%;	
}
section#suisen .flower {
	
}

section#suisen .flower dl{
	float: left;
	align-items: center;
	margin: 0 0 15px;
	width: 50%;
	display: flex;
}

section#suisen .flower dt{
	width: 70px;
	height: 60px;
	margin: 0 15px 0 0;
}

section#suisen .flower dd{
	width: 65%;
}

section#suisen .flower dd b{
	font-size: 1.1em;
	font-weight: 400;
	margin: 0 0 5px;
	display: block;
}
section#suisen .flower dd b small {
	font-size: 0.6em;
	letter-spacing: 0px;
}
section#suisen .flower dd p{
	font-size: 0.9em;
}

section#suisen article#matsuri {
	
}

section#suisen article#matsuri .matsuribox{
	border: 3px solid rgba(223, 181, 30, 0.3);
	height: auto;
	padding: 50px;
	border-radius: 10px;
	background: rgba(223, 181, 30, 0.1);
	box-sizing: border-box;
}
section#suisen article#matsuri h4 b {
	margin: 0;
}
section#suisen article#matsuri h4 b:after {
	display: none;
}

section#suisen article#matsuri .cancel {
	border: 2px solid #c71a0d;
	background: #fff;
	width: 480px;
	color: #c71a0d;
	border-radius: 100px;
	padding: 5px 20px;
	text-align: center;
	display: block;
	margin: 0 auto 20px;
	letter-spacing: 1px;
}

section#suisen article#matsuri .flex figure {
	margin: 0 10px 0 0;
}

/*++++++++++++
tennis
++++++++++++*/
section#tennis {
	padding: 50px 0 0;
}
/*++++++++++++
information-center
++++++++++++*/
section#information-center {
	padding: 50px 0 0;
}
/*++++++++++++
culture-center
++++++++++++*/
section#culture-center {
	padding: 50px 0 0;
}

/*++++++++++++
gym
++++++++++++*/
section#gym {
	padding: 50px 0 0;
}

section#tennis article#faq,
section#gym article#faq {
	background: rgba(223, 181, 30, 0.15);
	padding: 100px 0;
}

/*++++++++++++
gunkanjima
++++++++++++*/
section#gunkanjima {
	background: #000;
	padding: 100px 0 0;
}

section#gunkanjima h4 b:after {
	background: #fff;
}

section#gunkanjima h5 {
	border-left:  5px solid #c71a0d;
}
section#gunkanjima strong {
	color: #c71a0d;
}
section#gunkanjima p {
	color:#fff;
	display: inline;
}

section ul.flex li {width: 48%;}

section ul.flex li:last-child {
    width: 46%;
}


section#gunkanjima article#map {
	background: #131111;
	padding: 100px 0;
}
section#gunkanjima article#map {
	padding: 80px 0 200px;
}

section#gunkanjima article#map .mapbox{
	background: url("../images/facility/gunkanjima/map.png") no-repeat center;
	max-width: 900px;
	height: 563px;
	margin: auto;
	position: relative;
	/* overflow: hidden; */
	background-size: 100%;
}

.num b {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.8;
	font-family: 'Secular One', sans-serif;
	font-weight: 300;
	font-size: 1.2em;
}
.num {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: #ccc;
	padding: 10px;
	box-sizing: border-box;
	position: absolute;
}
.num:nth-child(1){
    bottom: 25%;
    right: 0;
    left: 0;
    margin: auto;
}

.num:nth-child(2){
    bottom: 32%;
    right: 38%;
}
.num:nth-child(3){
    bottom: 25%;
    right: 11%;
}
.num:nth-child(4){
    bottom: 55%;
    right: 20%;
}
.num:nth-child(5){
    top: 5%;
    right: 38%;

}

.num:nth-child(6){
    top: 33%;
    left: 44%;
}
.num:nth-child(7){
    right: 34%;
    top: 37%;
}

.num:nth-child(8){
    bottom: 50%;
    left: 38%;
}
.num:nth-child(9){
    top: 30%;
    left: 27%;
}

.num:nth-child(10){
    bottom: 54%;
    left: 16%;
}
.maptext {
	/* border-top: 1px dashed #eee; */
	/* padding: 40px 0 0; */
	justify-content: left;
	flex-wrap: wrap;
}
.maptext li {
	/* display: flex; */
	justify-content: left;
	width: 32% !important;
	align-items: center;
}

.maptext li p {
	padding: 0 0 0 10px;
}
.maptext li .num {
	position:relative;
	bottom: inherit;
	left: inherit;
	margin: 0;
	width: 40px;
	height: 40px;
	right: inherit;
	display: inline-block;
}

.maptext li .num b {
	line-height: 1.2;
}

section#gunkanjima article#faq {
	background: #000;
	padding: 100px 0 200px;
}

section#gunkanjima article#faq:after {
	display: none;
}

@media screen and (max-width: 1699px) {
#faq .inner {
	max-width: 90%;
}	
/*++++++++++++
gunkanjima
++++++++++++*/	
section#gunkanjima {
	padding:0;
}

section#gunkanjima article {
	padding: 100px 0 0px;	
}
section#gunkanjima article#map,
section#gunkanjima article#faq{
	padding: 100px 0 50px;
}


/*++++++++++++
suisen
++++++++++++*/
section#suisen {
	padding: 50px 0 0;
}

/*花の開花*/
section#suisen li:last-child {
box-sizing: border-box;
    width: 49%;	
}
section#suisen .flower {
	
}

section#suisen .flower dl{
}

section#suisen .flower dt{
}

section#suisen .flower dd{
}

section#suisen .flower dd b{
}
section#suisen .flower dd b small {
	font-size: 0.6em;
	letter-spacing: 0px;
}
section#suisen .flower dd p{
	font-size: 0.9em;
}

section#suisen article#matsuri {
	
}

section#suisen article#matsuri .matsuribox{
	border: 3px solid rgba(223, 181, 30, 0.3);
	height: auto;
	padding: 50px;
	border-radius: 10px;
	background: rgba(223, 181, 30, 0.1);
	box-sizing: border-box;
}
section#suisen article#matsuri h4 b {
	margin: 0;
}
section#suisen article#matsuri h4 b:after {
	display: none;
}

section#suisen article#matsuri .cancel {
}

section#suisen article#matsuri .flex figure {
	margin: 0 10px 0 0;
}


}

@media screen and (max-width: 1299px) {

/*++++++++++++
suisen
++++++++++++*/
section#suisen ul.flex {display: block;}
section#suisen ul.flex li {
	width:100%;
	margin: 0 0 50px;
	overflow: hidden;
}

section#suisen ul.flex li:last-child {
    margin:0;
}


/*花の開花*/
section#suisen li:last-child {
box-sizing: border-box;
    width: 49%;	
}
section#suisen .flower {
	
}

section#suisen .flower dl{
	width: 33%;
}

section#suisen .flower dt{
}

section#suisen .flower dd{
}

section#suisen .flower dd b{
	font-size: 1em;
}
section#suisen .flower dd b small {
	font-size: 0.6em;
	letter-spacing: 0px;
}
section#suisen .flower dd p{
	font-size: 0.8em;
}

section#suisen article#matsuri {
	
}

section#suisen article#matsuri .matsuribox{
	padding: 40px 30px;
}
section#suisen article#matsuri h4 b {
	margin: 0;
	padding: 0 0 20px;
}
section#suisen article#matsuri h4 b:after {
	display: none;
}

section#suisen article#matsuri .cancel {
}

section#suisen article#matsuri .flex figure {
	margin: 0 10px 0 0;
}

figure.visual {height: 330px;margin: 0 0 20px;}

}

@media screen and (max-width: 1023px) {
section ul.flex li,
section ul.flex li:last-child {
	width:100%;
	margin: 0 0 50px;
}

.maptext li .num {
	width: 30px;
	height: 30px;
}

.maptext li .num b {
	line-height:0.5;
}

.maptext  {
	width: 100%;
	display: flex;
}

.maptext li {
	width: 46% !important;
	margin: 0 10px 20px !important;
}


/*++++++++++++
suisen
++++++++++++*/
section#suisen {
	padding: 50px 0 0;
}

/*花の開花*/
section#suisen li:last-child {
box-sizing: border-box;
    width: 49%;	
}
section#suisen .flower {
	
}

section#suisen .flower dl{
	width: 50%;
}

section#suisen .flower dt{
	width: 70px;
	height: 60px;
	margin: 0 15px 0 0;
}

section#suisen .flower dd{
}

section#suisen .flower dd b{
	font-size: 1.1em;
	font-weight: 400;
	margin: 0 0 5px;
	display: block;
}
section#suisen .flower dd b small {
	font-size: 0.6em;
	letter-spacing: 0px;
}
section#suisen .flower dd p{
	font-size: 0.9em;
}

section#suisen article#matsuri {
	
}

section#suisen article#matsuri .matsuribox{
}
section#suisen article#matsuri h4 b {
	margin: 0;
	padding: 0;
}
section#suisen article#matsuri h4 b:after {
	display: none;
}

section#suisen article#matsuri .cancel {
}

section#suisen article#matsuri .flex figure {
	margin: 0 10px 0 0;
}


}

@media screen and (max-width: 767px) {

/*++++++++++++
suisen
++++++++++++*/
section#suisen {
	padding: 0;
}

/*花の開花*/
section#suisen li:last-child {
box-sizing: border-box;
    width: 49%;	
}
section#suisen .flower {
	
}

section#suisen .flower dl{
}

section#suisen .flower dt{
	width: 70px;
	height: 60px;
	margin: 0 15px 0 0;
}

section#suisen .flower dd{
}

section#suisen .flower dd b{
	font-size: 1em;
	margin: 0;
}
section#suisen .flower dd b small {
	font-size: 0.6em;
	letter-spacing: 0px;
}
section#suisen .flower dd p{
	font-size: 0.8em;
}

section#suisen article#matsuri {
	
}

section#suisen article#matsuri .matsuribox{
}
section#suisen article#matsuri h4 b {
}
section#suisen article#matsuri h4 b:after {
	display: none;
}

section#suisen article#matsuri .cancel {
}

section#suisen article#matsuri .flex figure {
	margin: 0 10px 0 0;
}

}

@media screen and (max-width: 480px) {

/*++++++++++++
square
++++++++++++*/
section#square {
	padding: 20px 0 0;
}

section#square article#yugu {
	padding:0 0 100px;
}


section#tennis article#faq, section#gym article#faq {
	padding: 50px 0 1px;
}	
/*++++++++++++
gunkanjima
++++++++++++*/		

section#gunkanjima article#map .mapbox {
	background-size: 100%;
	height: 250px;
}

.num {
	width:30px;
	height:30px;
}

.num b {
	font-size: 1em;
	line-height: 1.1;
}

section#gunkanjima article#map, section#gunkanjima article#faq {padding: 50px 0;}	
.maptext li .num {
	width: 20px;
	height: 20px;
	vertical-align: top;
}

.maptext li .num p {
	display: inline-block;
	width: 80%;
	line-height: 1.5;
}

.maptext li .num b {
	font-size: 0.9em;
	line-height: 0.2;
}
.maptext li {
	width: 47% !important;
	margin: 0 5px 20px !important;
}


/*++++++++++++
suisen
++++++++++++*/
section#suisen {
	padding: 50px 0 0;
}

/*花の開花*/
section#suisen li:last-child {
box-sizing: border-box;
    width: 49%;	
}
section#suisen .flower {
	
}

section#suisen .flower dl{display: block;text-align: center;margin: 0 0 20px;}

section#suisen .flower dt{
	margin: 0 auto 5px;
}

section#suisen .flower dd{
	width: auto;
}

section#suisen .flower dd b{
}
section#suisen .flower dd b small {
	font-size: 0.6em;
	letter-spacing: 0px;
}
section#suisen .flower dd p{
}

section#suisen article#matsuri {
	
}

section#suisen article#matsuri .matsuribox{padding: 40px 20px 20px;overflow: hidden;}
section#suisen article#matsuri h4 b {
}
section#suisen article#matsuri h4 b:after {
	display: none;
}

section#suisen article#matsuri .cancel {
	width: auto;
	font-size: 0.8em;
}

section#suisen article#matsuri .flex figure {
	margin: 0 0 10px;
}

section#suisen article#matsuri .flex figure:nth-child(n+2) {
	width: 48%;
	float: left;
	margin: 0 10px 0 0;
}

section#suisen article#matsuri .flex figure:last-child {
	margin:0;
}

figure.visual {
	height:200px;
}

}