@charset "UTF-8";
html, body { font:13px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; *font-size: 13px; *font: 13px; color: #333; line-height: 1.4; background: #feeebd;}
.clear { clear: both; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
div, table { margin: 0 auto; }
img { vertical-align: bottom; }
strong { font-weight: bold; }

.slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url('../images/ajax-loader.gif') center center no-repeat}.slick-arrow,button.slick-next,button.slick-prev{z-index:10}.slick-prev{width:40px;height:40px;top:-235px;position:absolute;left:-40px;background:url('../images/slide_prev.png') left top no-repeat;border:none}.slick-next{width:40px;height:40px;top:-235px;position:absolute;right:-40px;background:url('../images/slide_next.png') left top no-repeat;border:none}.kiji-slide .slick-prev{width:40px;height:40px;top:calc(50% - 20px);position:absolute;left:0px;background:url('../images/slide_prev.png') left top no-repeat;border:none}.kiji-slide .slick-next{width:40px;height:40px;top:calc(50% - 20px);position:absolute;right:0px;background:url('../images/slide_next.png') left top no-repeat;border:none}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-20px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center;z-index:100}.slick-dots li{position:relative;display:inline-block;width:10px;height:10px;margin:0 7px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:10px;height:10px;padding:0;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:10px;line-height:1;position:absolute;top:0;left:0;width:10px;height:10px;content:'■';text-align:center;color:#dae2eb;background:#dae2eb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{color:#1a3349;background:#1a3349}
.audioplayer{margin:20px 0;}

@media screen and (min-width: 480px){
#addPlace {
	display: block;
	width: 142.2vh;
	margin: 5px auto;
	padding: 10px 0;
	-moz-box-shadow: 0 0 10px #999;
	-webkit-box-shadow: 0 0 10px #999;
	border-radius: 10px;
}

#detailBody {
	width: calc(100vw - 50px);
	margin: 0;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	text-align: left;
	background: #feeebd;
	-webkit-overflow-scrolling: touch;
}

#detailHead {
	position: relative;
	width: 100%;
	height: 80vh;
	margin: 0 0 5px;
}
#photoList {
	position: absolute;
	left: calc((100vw - 50px - 142.2vh) / 2);
	top: 0;
	width: 142.2vh;
	height: 80vh;
	margin: 0 auto 5px;
	background-color: #333;
}
#photoList li {
	position: relative;
	width: 142.2vh;
	height: 80vh;
	list-style-type: none;
	margin: 0 auto;
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
}
#detailBody h2{
	position: absolute;
	left: calc((100vw - 50px - 142.2vh) / 2 + 10px);
	top: 40px;
	font-family: inherit;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.5em;
	text-decoration: none;
	text-overflow: ellipsis;
	text-shadow: rgba(0, 0, 0, 0.5) 0 0 2px;
	color: #ffffff;
}
#detailBody h3.category {
	position: absolute;
	left: calc((100vw - 50px - 142.2vh) / 2 + 10px);
	top: 10px;
	border: #ffffff solid 1px;
	padding: 2px;
	text-align: center;
	color:#ffffff;
	font-size: 75%;
	text-decoration: none;
	line-height: 18px;
	background: #bcb08a;
}

#photoList2 {
	width: 70vw;
	margin: 0 auto 5px;
	padding-bottom: 1vw;
}
#photoList2 li {
	float: left;
	width: 22vw;
	height: 22vw;
	list-style-type: none;
	margin: 1vw 0 0 1vw;
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
}
#photoList2 li a{
	display: block;
	width: 22vw;
	height: 22vw;
}

#detailBody .body {
	margin: 5px auto;
	width: 142.2vh;
	font-family: inherit;
	font-size: 120%;
	line-height: 1.5em;
	text-decoration: none;
}

#detailMap {
	float: left;
	width: 45vw;
	height: 70vh;
}

#detailBody .link {
	float: right;
	margin: 5px auto;
	width: 24vw;
	font-family: inherit;
	font-size: 100%;
	line-height: 1.5em;
	text-decoration: none;
}

#dataList {
	width: 85vw;
	margin: 5px auto 0px
}
#dataList > dt {
	clear: both;
	float: left;
	width: 15vw;
	margin: 2px 0;
	padding: 2px 0;
	border-top: 1px dashed #EB6112;
	text-align: right;
	font-family: inherit;
	font-size: 120%;
	line-height: 1.5em;
	font-weight: bold;
}
#dataList > dt:after{
	content: '：';
}
#dataList > dd {
	float: right;
	width: 70vw;
	margin: 2px 0;
	padding: 2px 0;
	border-top: 1px dashed #EB6112;
	font-family: inherit;
	font-size: 120%;
	line-height: 1.5em;
}
}


@media screen and (max-width: 480px){
#addPlace {
	display: block;
	width: 90vw;
	margin: 5px auto;
	padding: 10px 0;
	-moz-box-shadow: 0 0 10px #999;
	-webkit-box-shadow: 0 0 10px #999;
	border-radius: 10px;
}

#detailBody {
	width: 100vw;
	height: 100%;
	margin: 0;
	padding-bottom: 55px;
	overflow-x: hidden;
	overflow-y: auto;
	text-align: left;
	background: #feeebd;
}

#detailHead {
	position: relative;
	width: 100%;
	height: 56.25vw;
	margin: 0 0 5px;
	background: #333;
}
#photoList {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	margin: 0 0 5px;
	background-color: #333;
}
#photoList li {
	position: relative;
	width: 100vw;
	height: 56.25vw;
	list-style-type: none;
	margin: 0;
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
}
#detailBody h2{
	position: absolute;
	left: 10px;
	top: 40px;
	font-family: inherit;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.5em;
	text-decoration: none;
	text-overflow: ellipsis;
	text-shadow: rgba(0, 0, 0, 0.5) 0 0 2px;
	color: #ffffff;
}
#detailBody h3.category {
	position: absolute;
	left: 10px;
	top: 10px;
	border: #ffffff solid 1px;
	padding: 2px;
	text-align: center;
	color:#ffffff;
	font-size: 75%;
	text-decoration: none;
	line-height: 18px;
	background: #bcb08a;
}

#photoList2 {
	width: 91vw;
	margin: 0 auto 5px;
	padding-bottom: 1vw;
}
#photoList2 li {
	float: left;
	width: 29vw;
	height: 29vw;
	list-style-type: none;
	margin: 1vw 0 0 1vw;
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
}
#photoList2 li a{
	display: block;
	width: 29vw;
	height: 29vw;
}

#detailBody .body {
	margin: 5px auto;
	width: 95%;
	font-family: inherit;
	font-size: 120%;
	line-height: 1.5em;
	text-decoration: none;
}

#detailMap {
	width: 100%;
	height: 200px;
}

#detailBody .link {
	margin: 5px auto;
	width: 95%;
	font-family: inherit;
	font-size: 100%;
	line-height: 1.5em;
	text-decoration: none;
}

#dataList {
	width: 100%;
	margin: 5px 0px 0px 0px
}
#dataList > dt {
	width: 95%;
	margin: 2px auto;
	padding: 2px 4px;
	border-bottom: 1px dashed #EB6112;
	background-color: #EABBA4;
	font-family: inherit;
	font-size: 120%;
	line-height: 1.5em;
	font-weight: bold;
}
#dataList > dd {
	width: 95%;
	margin: 2px auto;
	padding: 2px 4px;
	border-bottom: 1px dashed #EB6112;
	font-family: inherit;
	font-size: 120%;
	line-height: 1.5em;
}
}

#photoList li span{
	position: absolute;
	right: 5px;
	top: 5px;
	color: #fff;
	font-size: 75%;
	text-shadow: rgba(0, 0, 0, 1) 0px 0px 1px;
}

#detailBody .toilet{
	float: left;
	display: block;
	margin-top: 5px;
	margin-right: 5px;
	width: 18px;
	height: 18px;
	background: url(../icon/toilet_l.svg) no-repeat center center;
}

#detailBody .parking{
	float: left;
	display: block;
	margin-top: 5px;
	margin-right: 5px;
	width: 18px;
	height: 18px;
	text-align: center;
	color:#ffffff;
	font-size: 75%;
	line-height: 18px;
	background: url(../icon/parking_l.svg) no-repeat center center;
}

#detailBody .cafe{
	float: left;
	display: block;
	margin-top: 5px;
	margin-right: 5px;
	width: 18px;
	height: 18px;
	background: url(../icon/coffe-cup-outline_l.svg) no-repeat center center;
}

#detailBody span.link a {
	clear: both;
	display: block;
	line-height: 2em;
}

#dataList > dd .star {
	display: inline-block;
	width: 90px;
	height: 20px;
	margin: auto 0.5em;
	background: url(../img/star_off.png) no-repeat left top;
}

#dataList > dd .starOn {
	display: inline-block;
	height: 20px;
	background: url(../img/star_on.png) no-repeat left top;
}

#screen {
	z-index: 50000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #f00;
	background: #333;
	opacity: 0.9;
}
#sns{
	padding: 0.5em;
}
#sns div{
	float: left;
	margin-right: 10px;
}
#sns div.mixi{
	margin-right: -60px;
}

#commentList {
	width: 95%;
	margin: 5px auto
}
#commentList dt {
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	padding-top: 5px;
	font-family: inherit;
	font-size: 100%;
	line-height: 1.5em;
	border-top: 1px solid #cccccc;
}
#commentList dd {
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 5px;
	font-family: inherit;
	font-size: 100%;
	line-height: 1.5em;
}

#reset {
	margin: 5px 5px 5px 0;
	padding: 2px;
	border: 1px solid #333333;
	background: #ffffff;
}
.red {
	font-size: 80%;
	line-height: 1.2em;
	color: #ff0000;
}

#loginbutton {
	width: 95%;
	margin: 5px auto;
	text-align: center;
}

.fb_iframe_widget > span{
	vertical-align: top !important;
}