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

body{
	overflow-x: hidden;
	font-family: "中ゴシックBBB","ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Arial, "メイリオ", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
}

/*ヘッダー*/
header:before,
header:after{
	content:"";
	position:absolute;
	background-image:url(../img/top/border_header.gif);
	background-repeat:repeat-y;
	width:6px;
	height:1000px;
	top:0;
	left:0;
}

header:after{
	content:"";
	left:auto;
	right:0;
}

header .title{
	display:block;
	background-color:#FFF;
	font-size:10px;
	padding:10px 13px;
}


header .title{
	display: block;
	background-color:#FFF;
	font-size: 10px;
	padding: 0px 6px;
	margin-bottom: 10px;
	position: relative;
	top: -19px;
}

header #mainVisual{
	background-image:url(../img/genryu/mainVisual.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

header #mainVisual .inner{
	position:relative;
	width:auto;
	height:640px;
	margin:auto;
}

header #mainVisual .inner .btnGroup{
	position:absolute;
	left: 5%;
	top: 10%;
	bottom: 0;
	z-index: 100;
}

header #mainVisual .inner .btnGroup li{
	margin:20px;
}

header #mainVisual .inner h1{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: inline-block;
}

header #mainVisual .inner h1 img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

header nav{
	position:relative;
	padding-top: 30px;
}

header nav li.current{
	
}

header nav .inner{
	position:relative;
	width: 1400px;
	margin: auto;
}

header nav:before{
	content: "";
	position: absolute;
	background-image: url(../img/border_top_header.png);
	width: 100%;
	height: 36px;
	bottom: -36px;
	right: 0;
	left: 0;
	margin: auto;
	background-repeat: repeat-x;
}

header nav:after{
	content: "";
	position:absolute;
	background-image:url(../img/border.gif);
	background-repeat:repeat-x;
	width: 50%;
	height: 6px;
	top: 30px;
	z-index: -10;
}

header nav .inner .logo{
	float:left;
	position: absolute;
	left: 10px;
	top: 0;
}

header nav .inner .btnGroup{
	float:right;
	width:1030px;
	box-sizing:border-box;
	background-color:#FFF;
	padding-left: 20px;
}

header nav .inner .btnGroup li{
	float:left;
	width:25%;
	box-sizing:border-box;
}

header nav .inner .btnGroup li a{
	background: none;
}

header h1{
	text-align:center;
}

/*メインコンテンツ*/
#mainContents .btnGroup{
	display:none;
}

#mainContents{
	position:relative;
	background-color:#9BD3CB;
}

#mainContents>.inner{
	position:relative;
	background-image: url(../img/bg_inner.png);
	background-repeat: repeat-y;
	background-size: contain;
	width: 1171px;
	margin: auto;
	height: 100%;
	padding-top: 90px;
	background-position:center top;
	overflow: hidden;
}

#mainContents:before{
	content: "";
	position: absolute;
	background-image: url(../img/genryu/border_bottom_header.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
	height: 32px;
	top: -30px;
	left: 0;
	right: 0;
	margin: auto;
}


/*スポット詳細*/
.spotWrap{
	position:relative;
	width:1000px;
	margin:0 auto 75px;
}

.spotWrap:last-child{
	margin:0 auto;
}

.spotWrap .car{
	position:relative;
	background-image:url(../img/icon_car.jpg);
	background-repeat:no-repeat;
	width:120px;
	height:120px;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.spotWrap .arrivalTime .move{
	position:absolute;
	top: 35px;
	left: 120px;
	font-size:12px;
	width: 100%;
	padding-left: 1.5em;
}

.spotWrap .arrivalTime.car .move:before{
	content:"▼";
	position:absolute;
	left:0;
	top: -3px;
	font-size:15px;
	color:#1788CB;
}

.spotWrap .arrivalTime.trek .move:before{
	content:"▼";
	position:absolute;
	left:0;
	top: -3px;
	font-size:15px;
	color:#F77E1E;
}

.spotWrap .arrivalTime .time{
	position:absolute;
	top: 55px;
	left: 120px;
	font-size:12px;
	width: 100%;
}

.spotWrap .trek{
	position:relative;
	background-image:url(../img/icon_trek.jpg);
	background-repeat:no-repeat;
	width:120px;
	height:120px;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.spotWrap h2{
	position:relative;
	margin-bottom:60px;
	margin-left:76px;
	z-index: 10;
	font-weight: bold;
	letter-spacing: 2px;
}

.spotWrap h2.narrowText01{
	letter-spacing: 2px;
}

.spotWrap h2:before{
	content:"";
	position:absolute;
	width: 74px;
	height: 82px;
	left: -74px;
	top: -24px;
}

.spotWrap h2:after{
	content:"";
	background-image:url(../img/border.png);
	position: absolute;
	width: 1500px;
	height: 6px;
	left: 0;
	top: 50%;
	z-index: -1;
}

.spotWrap h2.textTitle span{
	font-weight:bold !important;
}

.spotWrap h2.textTitle{
	display:inline-block;
	font-size:28px;
	color:#3FAC9C;
	font-weight:bold;
	letter-spacing:5px;
}

.spotWrap .contentsWrap{
	margin-bottom:80px;
}

.spotWrap .contentsWrap h3{
	font-size:28px;
	color:#3FAC9C;
	letter-spacing:10px;
	margin-bottom:30px;
	font-weight:bold;
}

.spotWrap .contentsWrap .ruby{
	display:block;
	margin-top:12px;
	font-size:14px;
	letter-spacing:10px;
	font-weight:normal;
}

.spotWrap .contentsWrap .text{
	font-size:14px;
	line-height:28px;
	color:#323232;
	margin-bottom:45px;
}

.spotWrap .contentsWrap .imgWrap{
	float:left;
	position: relative;
}

.spotWrap .contentsWrap .infoWrap{
	float:right;
	width:430px;
}

.spotWrap .contentsWrap .infoWrap.w370{
	width:370px;
}

.spotWrap .addressWrap .btnWrap{
	display:inline-block;
	border:2px solid #3FAC9C;
	position:relative;
	padding:6px 14px 6px 26px;
	box-sizing:border-box;
	font-size:14px;
	margin-bottom: 10px;
	color: #323232 !important;
}

.spotWrap .addressWrap .btnWrap:before{
	content: "\f105";
	font-family: FontAwesome;
	font-size: 14px;
	position: absolute;
	left: 10px;
}

.spotWrap .addressWrap .name{
	font-size:11px;
	color:#3FAC9C;
}

.spotWrap .addressWrap .address{
	font-size:12px;
	margin-bottom: 20px;
}

.spotWrap .addressWrap .spotData dt{
	float: left;
	font-size: 11px;
	background-color: #3FAC9C;
	border-radius: 26px;
	padding: 8px 10px;
	color: white;
	box-sizing: border-box;
	width: 80px;
	text-align: center;
}

.spotWrap .addressWrap .spotData dd{
	margin-left:97px;
	font-size:12px;
	line-height: 1.8em;
	margin-bottom: 15px;
}

.spotWrap .addressWrap .spotData dd a{
	pointer-events:none;
}

.spotWrap .lodgeBlock{
	background-image:url(../img/bg_lodge.jpg);
	background-repeat: repeat-y;
	background-size: contain;
	padding: 24px 28px;
	width: 60%;
	background-position: right;
}

.spotWrap .lodgeBlock .title{
	position:relative;
	margin-bottom: 30px;
}

.spotWrap .lodgeBlock .title .text{
	font-size:22px;
	letter-spacing:2px;
	position:relative;
	padding-left: 30px;
}

.spotWrap .lodgeBlock .title .text .large{
	font-weight:bold;
}

.spotWrap .lodgeBlock .title .text:before{
	content:"";
	position:absolute;
	background-image:url(../img/icon_moon.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:23px;
	height:25px;
	left: -3px;
}

.spotWrap .lodgeBlock .title:before{
	content:"";
	position:absolute;
	background-color:#A7A7A7;
	width:100%;
	height:1px;
	left:0;
	bottom: -4px;
}

.spotWrap .lodgeBlock .title:after{
	content:"";
	position:absolute;
	background-color:#A7A7A7;
	width:100%;
	height:1px;
	left:0;
	bottom:-8px;
}

.spotWrap .lodgeBlock .btnWrap{
	font-size:11px;
}

.spotWrap .lodgeBlock .btnWrap a{
	display:inline-block;
	position:relative;
	width:140px;
	box-sizing:border-box;
	border:2px solid #CC97DD;
	padding:8px 17px 8px 40px;
	font-size:11px;
	margin-right:18px;
}

.spotWrap .lodgeBlock .siteName{
	color:#CC97DD;
}

.spotWrap .lodgeBlock .btnWrap a:before{
	content: "\f105";
	font-family: FontAwesome;
	font-size: 15px;
	position: absolute;
	left: 16px;
	top: 5px;
}

/*その他スポット*/
#other{
	height:auto;
	background-image:url(../img/genryu/bg_other.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

#other .inner{
	width:770px;
	position:relative;
	margin:auto;
	padding: 40px 0;
	left: 60px;
}

#other .inner:before{
	content:"";
	position:absolute;
	background-image:url(../img/title_other.png);
	width:57px;
	height:264px;
	top:0;
	left: -105px;
}

#other .inner h2{
	font-size:28px;
	letter-spacing:13px;
	margin-bottom:40px;
}

#other .spotGroup li{
	float:left;
	width:48%;
	position:relative;
}

#other .spotGroup li:before{
	content:"";
	position:absolute;
	background-repeat:no-repeat;
	width:45px;
	height:55px;
	left: 12px;
	top: -21px;	
}

#other .spotGroup li.camp:before{
	content:"";
	background-image:url(../img/icon_camp.png);
}

#other .spotGroup li.ski:before{
	content:"";
	background-image:url(../img/icon_ski.png);
}

#other .spotGroup li.bed:before{
	content:"";
	background-image:url(../img/icon_bed.png);
}

#other .spotGroup li.isle:before{
	content:"";
	background-image:url(../img/icon_isle.png);
}

#other .spotGroup li.trek:before{
	content:"";
	background-image:url(../img/icon_trekking.png);
	width: 70px;
	left: 0px;
}


#other .spotGroup li.craft:before{
	content:"";
	background-image:url(../img/icon_craft.png);
	width: 70px;
	left: 0px;
}

#other .spotGroup li.spa:before{
	content:"";
	background-image:url(../img/icon_spa.png);
}

#other .spotGroup li.marche:before{
	content:"";
	background-image:url(../img/icon_marche.png);
	width: 70px;
	left: 0px;
}


#other .spotGroup li:nth-child(odd){
	margin-right:4%;
}

#other .spotGroup li:nth-child(-n+2){
	margin-bottom:58px;
}

#other .spotGroup li .imgWrap{
	margin-bottom:15px;
}

#other .spotGroup li .imgWrap img{
	width:100%;
}

#other .spotGroup li h3{
	font-size:24px;
	font-weight:bold;
	letter-spacing:3px;
	margin-bottom:18px;
}

#other .spotGroup li .text{
	font-size:14px;
	line-height:28px;
	margin-bottom:35px;
}

#other .spotGroup li .btnWrap{
	font-size:11px;
}

#other .spotGroup li .btnWrap a{
	display:inline-block;
	position:relative;
	width:140px;
	box-sizing:border-box;
	border:2px solid #FFFF00;
	padding:8px 17px 8px 40px;
	font-size:11px;
	margin-right:18px;
}

#other .spotGroup li .btnWrap a:before{
	content: "\f105";
	font-family: FontAwesome;
	font-size: 15px;
	position: absolute;
	left: 16px;
	top: 5px;
}

/*エリアマップ*/
#map{
	padding: 65px 0 130px;
	text-align:center;
}

#map h2{
	margin-bottom: 35px;
}

#map .inner{
	width: 980px;
	margin: auto;
}

#map .googleMap{
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px 80px;
    height: 0;
    overflow: hidden;
}

#map .googleMapWrap{
	position:relative;
	margin:auto;
	padding:0;
}

#map .googleMapWrap .title{
	position:absolute;
	top:20px;
	left:0;
	right:0;
}

#map .googleMapWrap .btnWrap{
	text-align:right;
}

#map .googleMapWrap .btnWrap .btnMap{
	display:inline-block;
	font-size:12px;
	text-align:right;
	color:#5098C6;
	margin-top:7px;
	margin-right:10px;
}

#map #mapCanvas {
	width: 100%;
	height: 630px;
	margin: auto;
}

/*地図ブロック*/
#map>.imgWrap{
	margin-bottom:50px;
}

#map>.imgWrap img{
	width:100%;
}

#mapCanvas .imgWrap{
	margin-bottom:10px;
	text-align:left;
}

#mapCanvas .imgWrap img{
	width:100%;
}

/*グーグルマップ内吹き出し*/
.detailWrap a{
	text-decoration:underline;
	color:#00F;
	word-wrap: break-word;
}

.detailWrap{
    line-height: 1.4em;
    color: #595757;
	overflow-x: hidden;
	padding-top:10px;
}

.detailWrap .name{
	font-weight:bold;
	font-size:18px;
	text-align:left;
	margin-bottom:5px;
}

.detailWrap .name .sub{
	display:block;
	font-size: 12px;
	letter-spacing: -0.1em;
}




/*改行切り替えクラス*/
/*改行クラス（PC）*/
.breakLinePc{
	display:block !important;
}

/*改行クラス（SP）*/
.breakLineSp{
	display:inline !important;
}

/*PCのみ表示コンテンツ*/
.onlyPc{
	display:block !important;
}

.onlyPcInline{
	display:inline-block !important;
}

.onlySp{
	display:none !important;
}

/*ページトップボタン　ここまで*/

/*リンク要素にカーソル乗せた時の変化*/
a:hover{
	opacity:0.9;
}

a.tel{
	text-decoration:none!important;
	cursor:default;
}

/*画面サイズが1500px以下の場合*/
@media screen and (max-width: 1500px) {
	header #mainVisual .inner .btnGroup{
		left: 1%;
	}
}

/*画面サイズが1300px以下の場合*/
@media screen and (max-width: 1300px) {
	header nav .inner {
		width:100%;
	}
	
	header nav .inner .btnGroup{
		width: 70%;
	}
}

/*画面サイズが1200px以下の場合*/
@media screen and (max-width: 1200px) {
	
	header #mainVisual .inner h1 img{
		left: 30%;
	}
	
	header #mainVisual .inner{
		width:auto;
		height:640px;
	}
	
	header nav .inner .btnGroup li img{
		width:100%;
	}
	
	header nav .inner .btnGroup{
		width: 70%;
	}
	
	#mainContents>.inner{
		position:relative;
		width: auto;
		background-size: 100%;
		background-position: center top;
		overflow:hidden;
	}
	
	#mainContents:before{
		content: "";
		position: absolute;
		background-image:url(../img/border_bottom_header.png) !important;
		background-position: center bottom;
		background-repeat: no-repeat;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		height: 35px;
		top: -34px;
		background-position: center bottom;
		background-size: 100%;
	}
	
	#mainContents>.inner.noBorder:before{
		content: none;
	}
	
}


/*画面サイズが1100px以下の場合*/
@media screen and (max-width: 1100px) {
	header #mainVisual .inner{
		width:auto;
		height:500px;
	}
	
	.spotWrap{
		width: auto;
		padding: 0 50px;
	}
	
	.spotWrap .contentsWrap .imgWrap {
		width: 48%;
	}
	
	.spotWrap .contentsWrap .imgWrap img{
		width: 100%;
	}
	
	/*その他*/
	#other .inner{
		width: 870px;
	}
	
	#other .siteName{
		display: block;
		margin-top: 10px;
	}
	
	#other .spotGroup li .text {
		margin-bottom: 15px;
	}
}


/*画面サイズが1000px以下の場合*/
@media screen and (max-width: 1000px) {
	
	header nav .inner .logo .siteLogo{
		width: 100%;
	}
	
	header nav .inner .logo .siteLogo img{
		width: 100%;
	}
	
	header nav .inner {
		width: auto;
	}
	
	header nav .inner .btnGroup li img{
		width:100%;
	}
	
	header nav .inner .btnGroup {
		width: 70%;
	}
	
	header nav .inner .logo{
		width: 30%;
	}
	
	header #mainVisual .inner .btnGroup{
		left:0;
	}
	
	.spotWrap .contentsWrap .infoWrap {
		float: right;
		width: 50%;
	}
	
	/*その他*/
	#other .inner{
		width: 70%;
		left: 20px;
	}
	
	.inner{
		width:auto;
		padding:0 10px;
	}
	
	/*マップ*/
	#map{
		padding: 20px 0;
	}
	
	#map .googleMapWrap{
		padding:50px 20px 10px;
		width: auto;
	}
	
	#map .inner {
		width: auto;
		padding: 50px 0;
	}
	
	/*フッター*/
	footer .inner{
		width: auto;
		padding:30px 40px 30px 20px;
	}
}

/*画面サイズが900px以下の場合*/
@media screen and (max-width: 900px) {
	header #mainVisual .inner h1 img{
		left: 0;
	}
	
	header #mainVisual .inner .btnGroup{
		display:none;
	}
	
	#mainContents .btnGroup{
		display:block;
		width: 50%;
		margin: 0px auto 50px;
		text-align: center;
		background-color: #F0F0F0;
		padding: 20px 0;
	}
	
	.spotWrap h2 {
		width:auto;
	}
	
	.spotWrap h2 img{
		width:100%;
	}
}

/*画面サイズが800px以下の場合*/
@media screen and (max-width: 800px) {
	.inner{
		padding: 0 50px;
	}
	
	#mainContents .btnGroup li img{
		width:100%;
	}
	
	.spotWrap{
		margin: 0 auto 50px;
	}
	
	.spotWrap .contentsWrap .imgWrap {
		width: auto;
		float:none;
		margin-bottom:20px;
	}
	
	.spotWrap .contentsWrap .infoWrap {
		width: auto !important;
		float:none;
	}
	
	.spotWrap h2 {
		width:100%;
	}
	
	.spotWrap h2 img{
		width:100%;
	}
	
}


/*画面サイズが680px以下の場合*/
@media screen and (max-width: 680px) {
	.inner{
		width: auto;
		padding: 0 20px;
	}
		
	/*メニューボタン　ここから*/
	header #menuBtn {
		background-size:contain;
		background-repeat:no-repeat;
		display: block;
		position: absolute;
		right: 10px;
		top: -10px;
		margin: auto;
		width:45px;
		height:45px;
		border:2px solid #F08300;
		border-radius: 5px;
		z-index:20;
	}
	
	header #menuBtn:before{
		content: "\f0c9";
		font-family: FontAwesome;
		position:absolute;
		top: 24%;
		left: 27%;
		color:#F08300;
		font-size:25px;
	}
	
	header #menuBtn a{
		display:block;
	}
	/*メニューボタン　ここまで*/
	
	
	/*ハンバーガーメニュー　ここから*/
	header #menuBlock {
		visibility:hidden;
		position: fixed;
		display:block;
		top: 0;
		left:-436px;
		height: 100%;
		width: 80%;
		background-color: #F0F0F0;
		padding: 60px 0 0;
		z-index: 1000;
		box-sizing: border-box;
		height: 100%;
		overflow-x: auto;
		text-align:center;
	}
	
	header #menuBlock #closeBtn{
		position:absolute;
		top:0;
		right:0;
	}
	
	header #menuBlock #closeBtn a:after{
	  content: "\f00d";
	  font-family: FontAwesome;
	  position:absolute;
	  top:30%;
	  left:0;
	  right:0;
	  color:#000;
	  font-size:25px;
	}
	
	header #menuBlock #closeBtn a{
		display:block;
		width: 50px;
		height: 50px;
		text-align:center;
	}
	
	header #menuBlock a{
		text-decoration:none;
	}
		
	/*ハンバーガーメニュー内ボタン*/
	header #menuBlock #btnGroup a{
		display:block;
		box-sizing:border-box;
		width: 240px;
		height: 75px;
		text-align: center;
		font-size: 17px;
		line-height: 80px;
		font-size: 18px;
		font-weight: bold;
	}
	
	header #menuBlock .btnGroup01 li{
		float: none;
		width: 70%;
		margin: 0 auto 10px;
	}
	
	header #menuBlock li img{
		width:100%;
	}
	/*ハンバーガーメニュー　ここまで*/
	
	#overlay{
		z-index:10;
		display:none;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:120%;
		background-color:rgba(0,0,0,0.5);
		opacity:0;
	}
	
	header nav .inner .logo .siteLogo{
		width: 70%;
	}
	
	/*メニューボタン　ここから*/
	header #menuBtn {
		border:2px solid #9BD3CB;
	}
	
	header #menuBtn:before{
		content: "\f0c9";
		font-family: FontAwesome;
		color:#9BD3CB;
	}
	
	header nav .inner{
		width:auto;
		height:50px;
	}
	
	header .title {
		margin-bottom: 5px;
	}
	
	header nav .inner .logo {
		width: 70%;
	}
	
	header nav .inner .siteLogo{
		width: 60%;
	}
	
	header nav .inner .siteLogo img{
		width:100%;
	}
	
	header #mainVisual .inner{
		width:auto;
		height:320px;
	}
	
	header #mainVisual .inner h1{
		width:80%;
	}
	
	header #mainVisual .inner h1 img{
		width:100%;
	}
	
	#mainContents > .inner{
		padding-top:30px;
	}
	
	#mainContents .btnGroup{
		width: 90%;
		margin: 0px auto 50px;
		text-align: center;
		background-color: #F0F0F0;
		padding: 20px 0;
	}
	
	#mainContents .btnGroup li{
		margin-bottom:5px;
	}
	
	#mainContents .btnGroup li img{
		width:100%;
	}
	
	.inner{
		width: auto;
		padding: 0 20px;
	}
	
	.spotWrap h2{
		width:80%;
		margin-bottom:30px;
		margin-left:50px;
	}
	
	.spotWrap{
		width: auto;
		padding: 50px 20px 0;
		margin: 0 auto;
	}
	
	.spotWrap .contentsWrap h3{
		font-size: 24px;
		letter-spacing:3px;
	}
	
	.spotWrap:before {
		content: "";
		bottom: -170px !important;
	}
	
	.spotWrap:after {
		content:"";
		bottom:-110px;
	}
	
	.spotWrap h2.textTitle {
		font-size: 20px;
	}
	
	.spotWrap .contentsWrap{
		margin-bottom:50px;
	}
	
	.spotWrap .contentsWrap .ruby {
		font-size: 12px;
		letter-spacing: 1px;
	}
	
	.spotWrap .contentsWrap .text{
		line-height:1.5em;
	}
	
	.spotWrap .lodgeBlock .siteName{
		display: block;
		margin-top: 10px;
	}
	
	.spotWrap .lodgeBlock{
		background-image:url(../img/bg_lodge.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		padding: 24px 28px;
		width: auto;
	}
	
	.spotWrap .trek{
		left:-20px;
	}
	
	.spotWrap .car{
		left:-20px;
	}
	
	.spotWrap .addressWrap .spotData dd a{
		pointer-events:auto;
	}
	
	/*その他*/
	#other{
		height:auto;
	}
	
	#other .inner {
		width: auto;
		padding: 40px 20px;
		left:0;
	}
	
	#other .inner .titleSp{
		display:block !important;
		width:50%;
		background-color:#FFF;
		padding:10px;
		font-size:24px;
		font-weight:bold;
		text-align:center;
		margin:0 auto 50px;
	}
	
	#other .inner h2{
		font-size: 20px;
		letter-spacing: 3px;
		margin-bottom: 40px;
	}
	
	#other .spotGroup li{
		float:none;
		width:auto;
		margin-bottom:80px;
	}
	
	#other .spotGroup li:nth-child(odd) {
		margin-right:auto;
	}
	
	#other .spotGroup li:last-child {
		margin-bottom:0;
	}
	
	#other .spotGroup li h3 {
		font-size: 18	px;
		letter-spacing: 2px;
		margin-bottom: 15px;
	}
	
	#other .spotGroup li .text{
		font-size:12px;
		line-height:1.5em;
	}
	
	a.tel{
		text-decoration:underline !important;
		cursor:auto !important;
	}
	
	/*グーグルマップ*/
	#map h2{
		margin-bottom:0;
		width: 60%;
		margin: auto;
	}
	
	#map h2 img{
		width:70%;
	}
	
	#map .inner {
		padding: 10px 0 50px;
	}
	
	#map .googleMapWrap{
		padding:30px 20px;
	}
	
	.detailWrap .name .sub{
		letter-spacing: 0em;
	}
	
	/*フッター*/
	footer .inner .copy{
		width: 80%;
	}
	
	/*改行クラス（SP）*/
	.breakLineSp{
		display:block !important;
	}
	
	/*改行クラス（PC）*/
	.breakLinePc{
		display:inline !important;
	}
	
	/*PCのみ表示コンテンツ*/
	.onlyPc{
		display:none !important;
	}

	.onlyPcInline{
		display:none !important;
	}

	.onlySp{
		display:block !important;
	}
	
}

/*画面サイズが480px以下の場合*/
@media screen and (max-width: 480px) {
	header nav .inner .logo .siteLogo{
		width: 100%;
	}
	
	.spotWrap .addressWrap .spotData dt{
		float: none;
	}
	
	.spotWrap .addressWrap .spotData dd{
		margin-left:10px;
		margin-bottom: 15px;
	}
}

/*回り込み解除クラス*/
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}