/*top トップページ
-----------------------------------------------------------*/

/*Loading*/

#top #container {
	height: 0;
	overflow: hidden;
}

#top #load {
	position: fixed;
	width: 100%;
	height: 100vh;
	background-color: #fff;
	z-index: 999;
}

#top #load .loadBox {
	position: absolute;
	top: 50%;
  	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
	left: 0;
	width: 100%;
	opacity: 0;
}

#top #load .loadBox img {
	width: 90%;
	max-width: 400px;
	margin: 0 auto;
}

#top #load #bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	transform: scaleX(0);
	background-color: #111;
}

/*トップ画像PC*/

#top .dn {
	opacity: 0;
}

#top #topImagesPc {
	position: relative;
	width: 100%;
	height: 100vh;
	background-color: #eee;
}

#top #topImagesPc .image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}

#top #topImagesPc .logo {
	position: absolute;
	top: 0;
	left: 50%;
	width: 800px;
	margin-left: -400px;
}

#top #topImagesPc .btnStore {
	position: absolute;
	bottom: 96px;
	right: 20px;
	width: 216px;
	height: 180px;
}

#top #topImagesPc .btnStore a {
	display: block;
	position: relative;
}

#top #topImagesPc .btnStore .base {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.7;
}

#top #topImagesPc .btnMap {
	position: absolute;
	top: 16px;
	right: 20px;
	width: 216px;
}

#top #topImagesPc .btnMap a {
	display: block;
	position: relative;
}

#top #topImagesPc .btnMap .base {
	position: absolute;
	top: 0;
	left: 0;
}

#top #topImagesPc .btnKanata {
	position: absolute;
	top: 96px;
	right: 20px;
	width: 216px;
}

#top #topImagesPc .btnKanata a {
	display: block;
	position: relative;
}

#top #topImagesPc .btnKanata .base {
	position: absolute;
	top: 0;
	left: 0;
}

#top #topImagesPc .btnBanner {
	position: absolute;
	right: 20px;
	width: 216px;
}

#top #topImagesPc #bbqBtn {
	bottom: 16px;
}

#top #topImagesPc .btnBanner a {
	display: block;
	position: relative;
}

#top #topImagesPc .btnBanner .base {
	position: absolute;
	top: 0;
	left: 0;
}


@media screen and (max-width: 800px) {
	
	#top #topImagesPc { display: none; }
	
}

/*トップ画像SP*/

#top #topImagesSp {
	display: none;
	position: relative;
	width: 100%;
}

#top #topImagesSp .image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#top #topImagesSp .logo {
	position: absolute;
	top: 3vw;
	left: 0;
	width: 100%;
}

#top #topImagesSp .logo img {
	max-width: 640px;
	margin: 0 auto;	
}

#top #topImagesSp .banners {
	width: 100%;
	position: absolute;
	bottom: 12px;
	left: 0;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
}

#top #topImagesSp .banners a {
	width: 100px;
	margin: 0 6px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 150%;
	font-weight: 600;
	text-align: center;
	color: #fff;
	padding-top: 5px;
	border-radius: 8px; 
}

#top #topImagesSp .banners a img {
	display: block;
	width: 100%;
	height: auto;
}

#top #topImagesSp .btnBanner {
	position: absolute;
	width: 40%;
	bottom: 2.5vw;
	max-width: 280px;
}

#top #topImagesSp #bbqBtnSp {
	left: 2.5vw;
}

#top #topImagesSp #mapBtnSp {
	right: 2.5vw;
}

#top #topImagesSp .btnBanner a {
	display: block;
	position: relative;
}

#top #topImagesSp .btnBanner .base {
	position: absolute;
	top: 0;
	left: 0;
}


@media screen and (max-width: 800px) {
	
	#top #topImagesSp { display: block; }
	
}

@media screen and (max-width: 640px) {
	
	#top #topImagesSp .logo {
		top: 0;	
	}
	
}

@media screen and (max-width: 480px) {
	
    #top #topImagesSp .banners {
        bottom: 10px;
    }

    #top #topImagesSp .banners a {
        width: 88px;
        margin: 0 4px;
        font-size: 12px;
        font-size: 1.2rem;
        padding-top: 5px;
        border-radius: 7px; 
    }
	
}

@media screen and (max-width: 413px) {
	
    #top #topImagesSp .banners {
        bottom: 8px;
    }

    #top #topImagesSp .banners a {
        width: 76px;
        margin: 0 3px;
        font-size: 11px;
        font-size: 1.1rem;
        padding-top: 5px;
        border-radius: 6px; 
    }
	
}

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

    #top #topImagesSp .banners a {
        width: 72px;
        margin: 0 3px;
        font-size: 10px;
        font-size: 1.0rem;
        padding-top: 5px;
        border-radius: 6px; 
    }
	
}

/*Be Wild*/

#top #bewild {
	width: 100%;
	height: 1408px;
	position: relative;
	padding-top: 408px;
}

#top #bewild img.pc {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -800px;
	width: 1600px;
}

#top #bewild p {
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 266.67%;
	font-weight: 500;
	position: relative;
	margin-bottom: 16px;
}

@media screen and (max-width: 800px) {
	
	#top #bewild {
        height: auto;;
        padding-top: 0;
    }
    #top #bewild img.sp {
        position: relative;
        top: 0;
        left: 50%;
        margin-left: -450px;
        width: 900px;
    }

    #top #bewild p {
        text-align: left;
        line-height: 200%;
		margin: 0 auto 6px;
		width: 90%;
    }
	#top #bewild p:first-of-type {
		margin-top: 36px;
	}
	#top #bewild p:last-of-type {
		margin-bottom: 36px;
	}
	
}

/*見出し*/

#top .heading {
	margin-top: 120px;
	position: relative;
}

#top .heading h2 {
	width: 960px;
}

#top .heading h3 {
	width: 300px;
	margin: 0 auto;
}

#top .heading p {
	position: absolute;
	top: 50%;
  	transform: translateY(-60%);
  	-webkit-transform: translateY(-60%);
	left: 0;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 155.56%;
	width: 100%;
}

#top .heading p.other {
	position: relative;
	top: 0;
  	transform: translateY(0);
  	-webkit-transform: translateY(0);
	margin-top: 24px;
	text-align: center;
}

#top .heading p.other span {
	display: inline-block;
	text-align: left;
}

#top .heading p.place { padding-left: 220px; }
#top .heading p.recommend { padding-left: 388px; }
#top .heading p.news { padding-left: 216px; }
#top .heading p.column { padding-left: 545px; }
#top .heading p.events { padding-left: 252px; }

@media screen and (max-width: 800px) {
	
	#top .heading {
		margin-top: 16vw;
    }
	#top .heading h2 {
        width: 280px;
		margin: 0 auto;
    }
    #top .heading p {
        position: relative;
        top: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
		margin-top: 8px;
        line-height: 177.78%;
		text-align: center;
    }
	#top .heading p span {
		display: inline-block;
		text-align: left;
	}
	#top .heading p.place { padding-left: 0; }
    #top .heading p.recommend { padding-left: 0; }
    #top .heading p.news { padding-left: 0; }
    #top .heading p.column { padding-left: 0; }
    #top .heading p.events { padding-left: 0; }
	
}

/*施設マップ*/

.placeMap {
	position: relative;
	margin: 12px auto 0;
	width: 100%;
	max-width: 1280px;
	overflow: hidden;
}

.placeMap .links {
	position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-flex-direction : row-reverse;
	flex-direction : row-reverse;
	width: 660px;
	margin: -60px 0 0 6%;
}

.placeMap .links a,
.placeMap .links .pp {
	position: relative;
	display: block;
	height: 28px;
	margin-bottom: 16px;
}

.placeMap .links .places {
	width: 384px;
	margin-bottom: 16px;
}

.placeMap .links .places a {
	position: relative;
	width: 100%;
}

.placeMap .links .parks {
	width: 160px;
	margin-right: 96px;
}

.placeMap .links .parks a {
	width: 136px;
}

.placeMap .links .alph {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	text-align: center;
	padding-top: 1px;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 125%;
	font-weight: 700;
	margin-right: 4px;
}

.placeMap .links .txt {
	display: inline-block;
	height: 28px;
	padding-top: 2px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 125%;
	font-weight: 700;
}

.placeMap .links .txt span {
	padding-top: 6px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	margin-left: 12px;
}

.placeMap .links .bow {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	position: absolute;
	top: 6px;
	right: 0;
}

.placeMap .eat .alph,
.placeMap .eat .bow { background-color: #e57695; }
.placeMap .eat .txt { color: #e57695; }

.placeMap .buy .alph,
.placeMap .buy .bow { background-color: #8bcce7;; }
.placeMap .buy .txt { color: #8bcce7;; }

.placeMap .play .alph,
.placeMap .play .bow { background-color: #eaba24; }
.placeMap .play .txt { color: #eaba24; }

.placeMap .try .alph,
.placeMap .try .bow { background-color: #6ab54d; }
.placeMap .try .txt { color: #6ab54d; }

.placeMap .see .alph,
.placeMap .see .bow { background-color: #cba5bf; }
.placeMap .see .txt { color: #cba5bf; }

.placeMap .park .alph,
.placeMap .park .bow { background-color: #3c7170; }
.placeMap .park .txt { color: #3c7170; }


@media screen and (max-width: 800px) {
	
	.placeMap {
        margin: 2.5vw auto 0;
        width: 98%;
    }

    .placeMap .links {
        -webkit-flex-direction :  column;
        flex-direction :  column;
        width: 80%;
		max-width: 288px;
        margin: 4vw auto 0;
    }

    .placeMap .links a,
    .placeMap .links .pp {
        height: auto;
        margin-bottom: 12px;
    }

    .placeMap .links .places {
        width: 100%;
    }

    .placeMap .links .parks {
        width: 100%;
        margin-right: 0;
    }

    .placeMap .links .parks a {
        width: 100%;
        margin-bottom: 16px;
    }

    .placeMap .links .alph {
        width: 20px;
        height: 20px;
        padding-top: 1px;
        font-size: 14px;
        font-size: 1.4rem;
        margin-right: 4px;
		margin-top: 3px;
		vertical-align: top;
    }

    .placeMap .links .txt {
        height: auto;
        font-size: 16px;
        font-size: 1.6rem;
		vertical-align: top;
    }

    .placeMap .links .txt span {
		display: block;
        padding-top: 0;
        font-size: 12px;
        font-size: 1.2rem;
		margin-left: 0;
    }

    .placeMap .links .bow {
        width: 14px;
        height: 14px;
        top: 6px;
    }
	
}

/*SPのみ かなたのさとバナー*/

#top #kanataBtnSp {
	display: none;
	position: relative;
	margin: min(10vw, 60px) auto 0;
	width: 40%;
	bottom: 2.5vw;
	max-width: 280px;
}

#top #kanataBtnSp a {
	display: block;
	position: relative;
}

#top #kanataBtnSp .base {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}


@media screen and (max-width: 800px) {
	
	#top #kanataBtnSp { display: block; }
	
}


/*レコメンド*/

#top #recommendBox {
	margin-top: 36px;
	overflow: visible;
	position: relative;
}

#top #recommendBox a {
	display: block;
}

#top #recommendBox .recommendCol {
	width: 100%;
	position: absolute;
	top: 0;
}

#top #recommendBox .recommendCol:nth-of-type(1){
	position: relative;
	left: 0;
}

#top #recommendBox .recommendCol:nth-of-type(2){ left: 100%; }
#top #recommendBox .recommendCol:nth-of-type(3){ left: 200%; }
#top #recommendBox .recommendCol:nth-of-type(4){ left: -200%; }
#top #recommendBox .recommendCol:nth-of-type(5){ left: -100%; }

#top #recommendBox .recommendCol .txtBox {
	margin-top: 24px;
	position: relative;
	padding: 12px 136px 12px 184px;
}

#top #recommendBox .recommendCol .txtBox div {
	position: absolute;
	top: 0;
	left: 12px;
	width: 150px;
	height: 50px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 150px 50px;
}

#top #recommendBox .recommendCol .txtBox .events { background-image: url("../img/top_recommend_events.png")}
#top #recommendBox .recommendCol .txtBox .column { background-image: url("../img/top_recommend_column.png")}

#top #recommendBox .recommendCol .txtBox h3 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 150%;
	height: 30px;
	overflow: hidden;
}

#top #recommendBox .recommendCol .txtBox h3 a {
	display: inline;
	color: #111;
	text-decoration: none;
}

#top #recommendBox .recommendCol .txtBox .date {
	position: absolute;
	top: 20px;
	right: 20px;
	text-align: right;
	color: #444;
}


#top #recommendBox .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	overflow: hidden;
}

#top #recommendBox .mask:nth-of-type(1){ right: 100%; }
#top #recommendBox .mask:nth-of-type(2){ left: 100%; }

#top #recommendBox .bow {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 274px;
	background-color: rgba(255,255,255,0.75);
	border-radius: 50%;
	cursor: pointer;
}

#top #recommendBox .next { 
	right: -20px;
	transform: rotate(180deg);
}
#top #recommendBox .prev {
	left: -20px;
}

@media screen and (max-width: 1279px) {
	#top #recommendBox .bow {
        top: 220px;
    }
}

@media screen and (max-width: 800px) {
	
	#top #recommendBox {
		margin-top: 5vw;
	}
	
	#top #recommendBox .recommendCol .txtBox {
        margin-top: 3vw;
        padding: 0;
    }
    #top #recommendBox .recommendCol .txtBox div {
        position: relative;
        left: 0;
        width: 108px;
        height: 36px;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 108px 36px;
    }
    #top #recommendBox .recommendCol .txtBox h3 {
		margin-top: 4px;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 166.67%;
        height: auto;
        overflow: inherit;
    }
    #top #recommendBox .recommendCol .txtBox .date {
        top: 0;
        right: 2px;
    }
    #top #recommendBox .bow {
        width: 5vw;
        height: 5vw;
        top: 20vw;
    }

    #top #recommendBox .next { 
        right: -2.5vw;
    }
    #top #recommendBox .prev {
        left: -2.5vw;
    }
	
}



/*コラム*/

#top #column {
	margin-top: 120px;
	padding: 60px 0;
	position: relative;
	background-color: #222;
	background-image: url("../img/top_column_bg_pc.jpg");
	background-position: center center;
	background-size: 100vw 75vw;
	background-repeat: no-repeat;
	color: #fff!important;
}

#top #column .genre,
#top #column .tags { display: none; }

@media screen and (max-width: 1000px) {
	
	#top #column {
        background-size: 1000px 750px;
    }

}

#top #column .hand {
	width: 1500px;
	height: 300px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -720px;
}

@media screen and (max-width: 1279px) {
	
	#top #column .hand {
        width: 1200px;
        height: 240px;
        margin-left: -580px;
    }

}

#top #column .heading {
	margin-top: 0;
}

#top #column .heading p {
	color: #fff;
}

#top #column .three {
	margin-top: 36px;
}


#top #column .thumbTxt h4 a {
	color: #fff!important;
}

@media screen and (max-width: 800px) {
	
	#top #column {
        margin-top: 16vw;
        padding: 7.5vw 0;
        background-image: url("../img/top_column_bg_sp.jpg");
        background-position: center top;
        background-size: 100vw 320vw;
        background-repeat: repeat-y;
    }
	#top #column .hand {
		position: absolute;
		top: 0;
		left: inherit;
		right: 0;
        width: 25vw;
		max-width: 180px;
		margin-left: 0;
    }
	
}


/*イベント*/

#top #events {
	margin-top: 36px;
}

@media screen and (max-width: 800px) {
	
	#top #events {
        margin-top: 5vw;
    }
	
}

/*オンラインストア*/

#top #ecBanner {
	margin-top: 60px;
	max-width: 960px;
}

@media screen and (max-width: 800px) {
	
	#top #ecBanner {
        margin-top: 5vw;
    }
	
}

/*アクセス*/

#top #access {
	margin-top: 36px;
	text-align: center;
}

#top #access p {
	display: inline-block;
	text-align: left;
}

@media screen and (max-width: 800px) {
	
	#top #access {
        margin-top: 5vw;
    }
	
}


/*PLACE
-----------------------------------------------------------*/

/*トップ コピー*/

.place .lead p {
	margin-top: 48px;
	margin-bottom: 60px;
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 200%;
	font-weight: 500;
}

#placeHi .lead p { color: #b64757; }
#placeMizu .lead p { color: #0071a2; }
#placeHono .lead p { color: #c76530; }
#placeKi .lead p { color: #6c8415; }
#placeTsuchi .lead p { color: #c6a436; }


@media screen and (max-width: 800px) {
	
    .place .lead p {
        margin-top: 7.5vw;
        text-align: left;
		line-height: 177.78%;
		margin-bottom: 9vw;
    }
	
}

/*施設*/

.place .facilityBox {
	width: 100%;
	padding: 64px 0;
}

.place .facilityBox .cbox {
	position: relative;
}

.place .facilityBox .mark {
	padding-left: 216px;
}

.place .facilityBox h3 {
	position: absolute;
	top: -48px;
	left: -52px;
	width: 268px;
}

.place .facilityBox h4 {
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 150%;
	font-weight: 700;
	margin-bottom: 24px;
}

.place .facilityBox h4 span {
	display: inline-block;
}

.place .facilityBox p {
	margin-bottom: 36px;
}

.place .facilityBox p.mbsmall {
	margin-bottom: 6px!important;
}

.place .facilityBox h5 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 150%;
	font-weight: 500;
	margin-top: 48px;
	margin-bottom: 12px;
}

.place .facilityBox h5.lh {
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	margin-top: 36px;
	margin-bottom: 10px;
	color: #fff;
	background-color: #3c7170;
	padding: 2px 6px 3px 8px;
}

.place .facilityBox h6 {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 150%;
	font-weight: 500;
	margin-top: 24px;
	margin-bottom: 6px;
}

.place .facilityBox h6 span {
	font-size: 14px;
	font-size: 1.4rem;
	display: inline-block;
}

.place .facilityBox .profImg {
	width: 200px;
	margin-top: 12px;
}

.place .facilityBox p.short {
	margin-bottom: 8px;
}

.place .facilityBox p.short a {
	color: #555;
	text-decoration: underline;
}

.place .facilityBox a.attention {
	position: relative;
	top: 8px;
}

.place .facilityBox .mandi {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;	
}

.place .facilityBox .mandm {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.place .facilityBox .tandi {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;	
}

.place .facilityBox .reverse {
	flex-direction : row-reverse;
	-webkit-flex-direction : row-reverse;
}

.place .facilityBox .mandi .mBox {
	width: 360px;
}

.place .facilityBox .mandi .iBox {
	width: -webkit-calc(100% - 432px);
    width: calc(100% - 432px);
}

.place .facilityBox .tandi .tBox {
	width: 47%;
}
.place .facilityBox .tandi .tBox p { margin-bottom: 0; }

.place .facilityBox .tandi .tBox div {
	margin-top: 8px;
	padding-left: 15px;
	position: relative;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 200%;
}

.place .facilityBox .tandi .tBox div span {
	position: absolute;
	top: 0;
	left: 0;
}

.place .facilityBox .tBox .history {
	margin-top: 20px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 157.14%;
}

.place .facilityBox .tBox .history h6 {
	font-weight: 500;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 200%;
	width: 100%;
}

.place .facilityBox .tBox .history .yearBox {
	margin-top: 8px;
	position: relative;
	padding-left: 64px;
}

.place .facilityBox .tBox .history .yearBox span {
	position: absolute;
	top: 0;
	left: 0;
}

.place .facilityBox .tandi .iBox {
	width: 50%;
}

.place .facilityBox .iAfter {
	margin-top: 36px;
	width: 75%;
}

.place .facilityBox .menu {
	font-weight: 700;
	margin-bottom: 12px;
}

.place .facilityBox .menu span {
	font-weight: 400;
	margin-left: 6px;
	font-size: 12px;
	font-size: 1.2rem;
}

.place .facilityBox ul {
	width: 360px;
	margin-right: 60px;
}

.place .facilityBox ul li {
	position: relative;
	margin-bottom: 10px;
	padding-right: 72px;
}

.place .facilityBox ul.longPrice  {
	width: 100%;
	max-width: 720px;
	margin-right: 0
}

.place .facilityBox ul.longPrice li {
	padding-right: 120px;
}

.place .facilityBox ul.longPrice p {
	margin-bottom: 0;
}

.place .facilityBox ul li div {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}

.place .facilityBox ul li.heading {
	font-weight: 500;
	margin-top: 20px;
	padding-right: 0;
}

.place .facilityBox ul li.nrp {
	padding-right: 0;
}

.place .facilityBox ul li span {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 300;
}

.place .facilityBox ul li.heading:first-of-type {
	margin-top: 0;
}

@media screen and (max-width: 1279px) {
	
	.place .facilityBox ul li.heading {
        margin-top: 16px;
    }
    .place .facilityBox ul li.heading:first-of-type {
        margin-top: 0;
    }
	.place .facilityBox ul li.heading2nd {
		margin-top: 16px!important;
	}
	
}

.place .facilityBox .iThree {
	margin-top: 24px;
	width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;	
}

.place .facilityBox .iThree .image {
	width: 32.5%;
}

.place .facilityBox .iTwo {
	width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;	
}

.place .facilityBox .iTwo .image {
	width: 49%;
}

.place .cs {
	padding-top: 24px;
	text-align: center;
}

@media screen and (max-width: 800px) {
	
	.place .facilityBox {
        padding: 7.5vw 0;
    }
    .place .facilityBox .mark {
        padding-left: 0;
    }
    .place .facilityBox h3 {
        position: relative;
        top: 0;
        left: 4px;
        width: 134px;
		margin: 0 auto 12px;
    }
    .place .facilityBox h4 {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 150%;
        margin-bottom: 12px;
    }
    .place .facilityBox p {
        margin-bottom: 24px;
    }
	.place .facilityBox h5 {
		font-size: 16px;
		font-size: 1.6rem;
	}
    .place .facilityBox h5.lh {
        font-size: 14px;
        font-size: 1.4rem;
        margin-top: 24px;
        padding: 1px 4px 2px 6px;
    }
	.place .facilityBox h6 {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.place .facilityBox h6 span {
		font-size: 13px;
		font-size: 1.3rem;
	}
    .place .facilityBox .mandi {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
    .place .facilityBox .mandm,
	.place .facilityBox .tandi {
		display: block;
    }
    .place .facilityBox .mandi .mBox {
        width: 100%;
    }
    .place .facilityBox .mandi .iBox {
		margin-top: 12px;
        width: 100%;
    }
    .place .facilityBox .tandi .tBox {
        width: 100%;
		margin-bottom: 16px;
    }
    .place .facilityBox .tandi .iBox {
        width: 100%;
    }
    .place .facilityBox .iAfter {
        margin-top: 16px;
        width: 100%;
    }
    .place .facilityBox .menu {
		max-width: 480px;
        margin-right: 0;
		margin-bottom: 10px;
		padding: 0 8px 0 0;
    }
    .place .facilityBox ul {
        width: 100%;
		max-width: 380px;
		padding: 0 8px;
    }
    .place .facilityBox ul.longPrice {
		max-width: inherit;
    }
    .place .facilityBox ul li {
        margin-bottom: 10px;
        padding-right: 80px;
    }
	.place .facilityBox ul.longPrice li {
        padding-right: 108px;
    }

    .place .facilityBox .iThree {
        margin-top: 20px;
    }

    .place .facilityBox .iThree .image {
        width: 100%;
		margin-bottom: 6px;
    }
	
	.place .facilityBox .tandi .tBox div { margin-top: 2px; }
	
    .place .cs {
        padding-top: 3.6vw;
    }
	
}

/*関連記事*/

.place #relation {
	margin-top: 80px;
}

.place #relation h6 {
	text-align: center;
	font-weight: 500;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 150%;
	margin-bottom: 48px;
}

.place #relation .tags { display: none; }

#placeHi .facilityBox {
	min-height: 450px;
}

@media screen and (max-width: 800px) {
	
	#placeHi .facilityBox { min-height: inherit; }
	
}


/*EVENTS TOP
-----------------------------------------------------------*/

#eventsTop .tagList {
	margin: 60px auto;
}

#eventsTop .tagList ul {
	text-align: center;
}

#eventsTop .tagList ul li {
	display: inline-block;
	width: 120px;
	margin: 0 4px 8px;
	padding: 8px 0;
	color: #111;
	border: solid 1px #888;
	cursor: pointer;
}

#eventsTop .tagList ul li {
	color: #111;
	border: solid 1px #888;
}
#eventsTop .tagList ul li.hi {
	color: #b64757;
	border: solid 1px #b64757;
}
#eventsTop .tagList ul li.mizu {
	color: #066c9a;
	border: solid 1px #066c9a;
}
#eventsTop .tagList ul li.hono {
	color: #c76530;
	border: solid 1px #c76530;
}
#eventsTop .tagList ul li.ki {
	color: #688132;
	border: solid 1px #688132;
}
#eventsTop .tagList ul li.tsuchi {
	color: #c0a038;
	border: solid 1px #c0a038;
}
#eventsTop .tagList ul li.park {
	color: #3c7170;
	border: solid 1px #3c7170;
}
#eventsTop .tagList ul li.active {
	color: #fff;
	background-color: #111;
	border-color: #111;
}
#eventsTop .tagList ul li.hi.active {
	background-color: #b64757;
	border-color: #b64757;
}
#eventsTop .tagList ul li.mizu.active {
	background-color: #066c9a;
	border-color: #066c9a;
}
#eventsTop .tagList ul li.hono.active {
	background-color: #c76530;
	border-color: #c76530;
}
#eventsTop .tagList ul li.ki.active {
	background-color: #688132;
	border-color: #688132;
}
#eventsTop .tagList ul li.tsuchi.active {
	background-color: #c0a038;
	border-color: #c0a038;
}
#eventsTop .tagList ul li.park.active {
	background-color: #3c7170;
	border-color: #3c7170;
}

#eventsTop .Thumb {
	min-height: inherit;
	background-image: none;
}

@media screen and (max-width: 800px) {
	
	#eventsTop .tagList {
        margin: 7.5vw auto;
    }
    #eventsTop .tagList ul li {
        font-size: 14px;
        font-size: 1.4rem;
        width: 72px;
        margin: 0 4px 8px;
        padding: 6px 0;
    }
	
	#eventsTop .tagList ul:nth-of-type(2) li { width: 96px; }
	
}


/*COLUMN TOP
-----------------------------------------------------------*/

#columnTop .bewild {
	width: 960px;
	margin: 0 auto;
}

#columnTop .lead {
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 177.78%;
	font-weight: 500;
	margin: 24px auto 60px;
}

#columnTop .freeTags {
	margin-top: 80px;
	position: relative;
	padding-left: 140px;
}

#columnTop .freeTags .tagHead {
	position: absolute;
	top: 0;
	left: 0;
	width: 90px;
}

#columnTop .freeTags ul {
	font-size: 0;
}

#columnTop .freeTags ul li {
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0 24px 12px 0;
	cursor: pointer;
}

#columnTop .freeTags ul li a {
	color: #111;
}

#columnTop .freeTags ul li:before {
	content: '# ';
}

#columnTop .genre,
#columnTop .tags { display: none; }

@media screen and (max-width: 800px) {
	
	#columnTop .bewild {
        width: 100%;
		max-width: 600px;
		margin: 5vw auto 0;
    }
    #columnTop .lead {
        text-align: left;
		width: 90%;
		max-width: 560px;
        margin: 24px auto 7.5vw;
    }
    #columnTop .freeTags {
        margin-top: 12vw;
        padding-left: 0;
		text-align: center;
    }
	 #columnTop .freeTags .tagHead {
        position: relative;
        width: 90px;
		margin: 0 auto;
    }
    #columnTop .freeTags ul {
		margin-top: 24px;
		display: inline-block;
		text-align: left;
		margin: 36px 0 0 5px;
    }
    #columnTop .freeTags ul li {
        margin: 0 20px 10px 0;
    }
	
}


/*event column 記事ページ
-----------------------------------------------------------*/

#eventsArticle article {
	background-color: #d2e1d4;
}
#columnArticle article {
	background-color: #e4d5be;
}

.articles article {
	padding-bottom: 60px;
	position: relative;
}

.articles .blog {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.articles .blog .mainImage {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: 40px;
	width: 600px;
}

.articles .heading {
	width: 160px;
	height: 120px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 160px 120px;
}

#eventsArticle .heading { background-image: url("../img/article_events_header.png"); }
#columnArticle .heading { background-image: url("../img/article_column_header.png"); }

.articles .txtCol {
	padding: 80px 80px 72px;
	background-color: #fff;
}

.articles .txtCol .title {
	width: 390px;
	min-height: 200px;
	margin-bottom: 60px;
}

.articles .txtCol .title .dateTag {
	position: relative;
	padding-left: 96px;
	font-size: 0;
}

.articles .txtCol .title .dateTag .date {
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	padding-top: 7px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 100%;
}

.articles .txtCol .title .dateTag .tags li {
	display: inline-block;
	min-width: 90px;
	height: 30px;
	padding: 7px 6px 0;
	margin-right: 4px;
	margin-bottom: 3px;
	text-align: center;
	color: #fff;
	background-color: #111;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 100%;
	overflow-y: hidden;
	vertical-align: top;
}

.articles .txtCol .title .dateTag .hi { background-color: #ae4654!important; }
.articles .txtCol .title .dateTag .mizu { background-color: #0d6892!important; }
.articles .txtCol .title .dateTag .hono { background-color: #b95f30!important; }
.articles .txtCol .title .dateTag .ki { background-color: #667e32!important; }
.articles .txtCol .title .dateTag .tsuchi { background-color: #ba9c3b!important; }

.articles .txtCol .title .dateTag .freeTags {
	margin-top: 6px;
	margin-bottom: 0;
}

.articles .txtCol .title .dateTag .freeTags li {
	display: inline-block;
	margin-right: 10px;
	margin-top: 6px;
	text-align: left;
	color: #111;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 100%;
	overflow-y: hidden;
}

.articles .txtCol .title .dateTag .freeTags li:before { content: '#'; }

.articles .txtCol .title h2 {
	margin-top: 36px;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 166.67%;
	font-weight: 700;
}

@media screen and (max-width: 1279px) {
	
	.articles .heading { margin: 0 auto; }
	
	.articles .blog .mainImage {
        position: relative;
        left: 0;
        margin-left: 0;
        width: 100%;
		padding: 48px 80px 0;
		background-color: #fff;
    }

    .articles .txtCol {
        padding: 24px 80px 64px;
    }

    .articles .txtCol .title {
        width: 100%;
        min-height: inherit;
        margin-bottom: 24px;
    }

    .articles .txtCol .title h2 {
        margin-top: 30px;
    }
	
}

.articles .txtCol h3 {
	margin-top: 48px;
	margin-bottom: 36px;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 180%;
	font-weight: 700;
	padding-bottom: 10px;
	border-bottom: solid 3px #222;
}

.articles .txtCol p {
	margin-bottom: 24px;
	font-weight: 500;
}

.articles .txtCol a {
	color: #555;
	text-decoration: underline;
}

.articles .txtCol a:hover {
	color: #999;
}

.articles .txtCol .imageBox {
	margin-bottom: 36px;
}

.articles .txtCol p.notes {
	display: inline-block;
	margin: 48px 0 24px;
	border-top: solid 2px #222;
	padding-top: 24px;
}

.articles .yt {
	margin-bottom: 24px;
	width: 100%;
    position: relative;
    padding-top: 56.25%;
}

.articles .yt iframe {
	position: absolute;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 800px) {
	
	.articles article {
        padding-bottom: 4vw;
    }
    .articles .blog {
        width: 95vw;
    }
    .articles .blog .mainImage {
		padding: 2.5vw 2.5vw 0;
    }

    .articles .heading {
        width: 120px;
        height: 90px;
        background-size: 120px 90px;
    }

    .articles .txtCol {
        padding: 4vw 4vw 36px;
    }

    .articles .txtCol .title {
        margin-bottom: 16px;
    }

    .articles .txtCol .title .dateTag {
        padding-left: 80px;
    }

    .articles .txtCol .title .dateTag .date {
        height: 26px;
        padding-top: 7px;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .articles .txtCol .title .dateTag .tags li {
        display: inline-block;
        min-width: 80px;
        height: 26px;
        padding: 7px 4px 0;
        margin-right: 3px;
        margin-bottom: 2px;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .articles .txtCol .title h2 {
        margin-top: 16px;
        font-size: 20px;
        font-size: 2.0rem;
        line-height: 180%;
    }
	
	.articles .txtCol h3 {
        margin-top: 36px;
        margin-bottom: 24px;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 188.89%;
        padding-bottom: 8px;
        border-bottom: solid 2px #222;
    }

    .articles .txtCol p {
        margin-bottom: 20px;
    }

    .articles .txtCol .imageBox {
        margin-bottom: 24px;
    }

    .articles .txtCol p.notes {
        margin: 24px 0 20px;
        padding-top: 20px;
    }

    .articles .yt {
        margin-bottom: 20px;
    }

}


/*アクセス情報
-----------------------------------------------------------*/

#access .accessCol {
	margin-top: 72px;
	text-align: center;
}

#access .accessCol p {
	display: inline-block;
	text-align: left;
}

@media screen and (max-width: 800px) {
	
	#access .accessCol {
        margin-top: 10vw;
    }
	
}

/*パートナー
-----------------------------------------------------------*/

#partner .logos {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
}

#partner .logos a {
	display: block;
	width: 300px;
	color: #111;
	text-align: center;
	margin: 0 24px 48px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 185.71%;
}

#partner .logos a span {
	display: inline-block;
	vertical-align: top;
}

#partner .logos a img {
	width: 80%;
	margin: 0 auto 8px;
}

@media screen and (max-width: 1279px) {
	
	#partner .logos a {
		width: 240px;
	}
	
}

@media screen and (max-width: 800px) {
	
	#partner .logos a {
		width: 36vw;
		margin: 0 3vw 6vw;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 169.23%;
	}
	
}


@media screen and (max-width: 375px) {
	
	#partner .logos a {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 175%;
	}
	
}

/*個人情報保護方針
-----------------------------------------------------------*/

#policy .policyCol {
	max-width: 900px;
}

#policy .policyCol h3 {
	font-weight: 500;
	margin: 48px 0 16px;
}

#policy .policyCol p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 200%;
	margin-bottom: 12px;
}

#policy .policyCol p.list {
	position: relative;
	padding-left: 15px;
	margin-bottom: 2px!important;
}

#policy .policyCol p.list span {
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width: 800px) {
	
	#policy .policyCol h3 {
        margin: 36px 0 12px;
    }

    #policy .policyCol p {
        margin-bottom: 8px;
    }

    #policy .policyCol p.list {
        margin-bottom: 1px!important;
    }
	
}


/*サイトマップ
-----------------------------------------------------------*/

#sitemap .sitemapCol {
	text-align: center;
	width: 80%;
	margin: 0 auto;
}

#sitemap .sitemapCol ul {
	display: inline-block;
	max-width: 900px;
	text-align: left;
}

#sitemap .sitemapCol ul li {
	margin-top: 48px;
}

#sitemap .sitemapCol ul li:first-of-type {
	margin-top: 0;
}

#sitemap .sitemapCol ul li.place a {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
}

#sitemap .sitemapCol ul li a {
	font-size: 20px;
	font-size: 2.0rem;
	color: #111;
	font-weight: 700;
}

#sitemap .sitemapCol ul li a span {
	margin-left: 10px;
	font-size: 14px;
	font-size: 1.4rem;	
	font-weight: 500;
	position: relative;
	top: -1px;
	left: 0;
}

#sitemap .sitemapCol ul li.head {
	margin-bottom: 20px;
}

#sitemap .sitemapCol ul li.place {
	display: inline-block;
	margin: 0 12px 8px;
}

@media screen and (max-width: 800px) {
	
	#sitemap .sitemapCol ul li {
        margin-top: 24px;
    }
    #sitemap .sitemapCol ul li.place a {
        font-size: 16px;
        font-size: 1.6rem;
    }
    #sitemap .sitemapCol ul li a {
        font-size: 18px;
        font-size: 1.8rem;
    }
    #sitemap .sitemapCol ul li a span {
        margin-left: 9px;
        font-size: 12px;
        font-size: 1.2rem;
    }
    #sitemap .sitemapCol ul li.head {
        margin-bottom: 12px;
    }
    #sitemap .sitemapCol ul li.place {
        margin: 0 10px 6px;
    }
	
}


/*お問い合わせ
-----------------------------------------------------------*/

#formBox {
	text-align: center;
	margin: 0 auto;
	width: 90%;	
}

#formBox #formCol {
	display: inline-block;
	width: 100%;
	max-width: 640px;
}

#formBox #formCol .qa {
	margin-bottom: 30px;
	position: relative;
	padding-left: 168px;
	text-align: left;
}

#formBox #formCol .qa .q {
	position: absolute;
	top: 0;
	left: 0;
	margin-bottom: 5px;
	padding-top: 10px;
	color: #555;
}

#formBox #formCol .qa .q span {
	font-size: 9px;
	color: #b00;
	position: relative;
	top: -6px;
	left: 2px;
}

#formBox #formCol .qa .a {
	margin-bottom: 5px;
}

#formBox #formCol .qa .ac {
	margin-bottom: 5px;
	padding-top: 10px
}

#formBox #formCol .notes {
	font-size: 12px;
	color: #b00;
	text-align: left;
	position: relative;
	top: -15px;
	left: 0;
}

#formBox #formCol .submitBox {
  display: block;
	margin-top: 48px;
	font-size: 0;
}

#formBox #formCol .submitBox div {
	margin-bottom: 20px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height:187.5%;
}

#formBox #formCol .submitBox a {
	color: #555;
	text-decoration: underline;
}

#formBox #formCol .submitBox a:hover { color: #888; }

#formBox #formCol .thanks {
	text-align: center;
}

#formBox #formCol .thanks span {
	display: inline-block;
}

@media screen and (max-width: 800px) {
	
    #formBox #formCol .qa {
        padding-left: 0;
		margin-bottom: 12px;
    }

    #formBox #formCol .qa .q {
        position: relative;
    }
	
	#formBox #formCol .notes {
		top: -8px;
	}
	
}

textarea {
  width: 100%;
  height: -webkit-calc((1.5em * 5) + 18px) !important;
  height: calc((1.5em * 5) + 18px) !important; }

input[type="text"], input[type="email"], input[type="submit"], button, textarea, select {
  margin: 0;
  padding: 8px;
  background-color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 150%;
  border: solid 1px #999;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="text"], 　input[type="email"], input[type="submit"] {
  width: 100%;
  max-width: 300px;
}

.submitBox span, input[type="checkbox"],
.wpcf7-list-item-label {
  display: inline !important;
  width: 20px;
}

.wpcf7-list-item-label {
  position: relative;
  top: 1px;
  font-size: 14px;
}

input[type="submit"] {
  display: inline-block;
  width: 200px;
  color: #fff;
  background-color: #111;
  padding: 10px 0;
  letter-spacing: 2px;
	border: none;
	font-size: 16px;
	font-size: 1.6rem;
	line-height:187.5%;
	margin: 12px 6px 0;
}

input[type="submit"].return {
  background-color: #fff;
	border: solid 1px #888;
	color: #111;
}

input[type="submit"]:hover {
  background-color: #555;
}
input[type="submit"].return:hover {
  background-color: #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus {
  outline: 0;
}

@media screen and (max-width: 414px) {
	input[type="email"] { width: 100%; } 
}

div.screen-reader-response {
  color: #667e32;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked {
  background: #b64757;
  color: #fff;
  padding: 10px;
  border: 0px #fff solid !important;
}

div.wpcf7-mail-sent-ok {
  display: none !important;
  height: 0 !important;
  position: absolute;
}