@charset "utf-8";

/*
************************************************************************
* ロケーション詳細
* @copyright Revolme Inc.
************************************************************************
*/
#location_detail section{ /*250217下部固定ボタン対策*/
	padding-bottom: 3em;
}
body
{
	font-size:1.4rem;
    min-width:auto;
}
#header,
#footer
{
	display:none;
}
#body
{
	margin:0;
}
#wrapper
{
	padding:30px;
}
#modal-title
{
	padding-bottom:30px;
	border-bottom:1px solid #e3e3e3;
}
#modal-title .title .main
{
	font-size:2.8rem;
	font-weight:bold;
}
#modal-title .price .label
{
	font-size:1.2rem;
}
#modal-title .price .num
{
	font-size:2.4rem;
}
#modal-title .price .yen
{
	font-size:1.6rem;
}
#modal-title .season
{
	position:absolute;
	top:0;
	right:0;
	
	line-height:1;
}
#modal-title .season .label
{
	display:inline-block;
	font-size:1.2rem;
}
#modal-title .season .tag
{
	display:inline-block;
	color:#999;
	font-size:1.5rem;
	font-weight:bold;
	
	border-radius:8.0em;
	background-color:#CCCCCC;
	
	margin-right:0.2em;
	padding:0.5em 1em;
}
#modal-title .season .tag:last-child
{
	margin-right:0.0em;
}
#modal-title .season .tag.sakura
{
	background-color:#e97590;
	color:#FFFFFF;
}
#modal-title .season .tag.shinryoku
{
	background-color:#428734;
	color:#FFFFFF;
}
#modal-title .season .tag.khoyo
{
	background-color:#e55e43;
	color:#FFFFFF;
}
#modal-title .season .tag.ume
{
	background-color:#d7003a;
	color:#FFFFFF;
}
#modal-title .season .tag.fuji
{
	background-color:#884898;
	color:#FFFFFF;
}
#modal-title .season .tag.ajisai
{
	background-color:#007bbb;
	color:#FFFFFF;
}
.thumbnail
{
	margin-left:-8px;
	margin-right:-8px;
	margin-top:8px;
}
.thumbnail ul
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
}
.thumbnail ul li
{
	width:calc(16.66667% - 16px);
	margin:8px;
	overflow:hidden;
	border:2px solid transparent;
}
.thumbnail ul li.active
{
	border:2px solid #000000;
}

.thumbnail ul li img
{
	cursor:pointer;
	transition-duration:0.3s;
	transition-property:all;
	transition-timing-function:ease;
}
.thumbnail ul li img:hover
{
    filter:alpha(opacity=70);
    -moz-opacity: 07;
    opacity: 0.7;
}
.slide
{
	
}
.slide ul
{
	margin:0;
	padding:0;
}
.slide ul li
{
	margin:0;
	padding:0;
	
	margin-left:0.5em;
	margin-right:0.5em;
}
.slide ul li img
{
	height:60vh;
}
.slide .slick-prev,
.slide .slick-next
{
    z-index:100;
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 30px;
    height: 30px;
    
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slide .slick-prev:hover,
.slide .slick-prev:focus,
.slide .slick-next:hover,
.slide .slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slide .slick-prev:hover:before,
.slide .slick-prev:focus:before,
.slide .slick-next:hover:before,
.slide .slick-next:focus:before
{
    opacity: 1;
}
.slide .slick-prev.slick-disabled:before,
.slide .slick-next.slick-disabled:before
{
    opacity: .25;
}
.slide .slick-prev:before,
.slide .slick-next:before
{
    content:'';
    display:block;
    
    width: 30px;
    height: 30px;
    
    border-radius:100%;
    border:0px solid rgba(0,0,0,1.0);
    background-color:rgba(0,0,0,1.0);
    
    opacity: 1.00;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slide .slick-prev:after,
.slide .slick-next:after
{
    content:'';
    display:block;
    position: absolute;
    
    top:50%;
    left:50%;
    
    width: 10px;
    height: 10px;
    
    border:0px solid rgba(0,0,0,0.0);
    border-right:2px solid rgba(255,255,255,1.0);
    border-bottom:2px solid rgba(255,255,255,1.0);
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slide .slick-prev
{
    left:calc(0% + 30px);
}
.slide .slick-prev:after
{
	transform:translate(-25%, -50%) rotate(135deg) ;
}

.slide .slick-next
{
    right:calc(0% + 30px);
}
.slide .slick-next:after
{
	transform:translate(-75%, -50%) rotate(-45deg);
}
.notice
{
	list-style:none;
	
	color:#cf2121;
	font-size:1.3rem;
	
	margin:0;
	padding:0;
}
.notice li
{
	text-indent:-1.5em;
	margin-bottom:0.5em;
}
.notice li:before
{
	content:"※ ";
}
.gallery-link
{
	text-align:center;
}
.gallery-link a.button
{

}
.gallery-link a.button > span
{
	padding:1.0em 3.0em 1.0em 2.0em;
}
/* == スマートフォンサイズ ======================================================*/
@media screen and (max-width: 767px) {
	body
	{
		font-size:2.4rem;
		min-width:auto;
		max-width:100vw;
		max-height:calc(100vh - 15vw);
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}
	#body
	{
		margin-bottom:2em;
	}
	#wrapper
	{
		padding:4vw;
		padding-top:15vw;
	}
	#modal-title
	{
		padding-bottom:4vw;
		margin-bottom:8vw;
	}
	#modal-title .title .main
	{
		font-size:4.0rem;
	}
	#modal-title .price .label
	{
		font-size:2.0rem;
	}
	#modal-title .price .num
	{
		font-size:4.0rem;
	}
	#modal-title .price .yen
	{
		font-size:2.8rem;
	}
	#modal-title .season
	{
		top:calc(100% + 4vw);
		left:0;
	}
	#modal-title .season .label
	{
		font-size:2.0rem;
	}
	#modal-title .season .tag
	{
		font-size:2.4rem;
	}
	#modal-title .season .tag:last-child
	{
	}
	.thumbnail
	{
		margin-left:-2px;
		margin-right:-2px;
		margin-top:2px;
	}
	.thumbnail ul
	{
	}
	.thumbnail ul li
	{
		width:calc(16.66667% - 4px);
		margin:2px;
	}
	.slide ul li
	{
		margin-left:0.0em;
		margin-right:0.0em;
	}
	.slide ul li img
	{
		height:60vw;
	}
	.slide .slick-prev,
	.slide .slick-next
	{
	    z-index:100;
	    font-size: 0;
	    line-height: 0;

	    position: absolute;
	    top: 50%;

	    display: block;

	    width: 8vw;
	    height: 8vw;
	    
	    padding: 0;
	    -webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	    transform: translate(0, -50%);

	    cursor: pointer;

	    color: transparent;
	    border: none;
	    outline: none;
	    background: transparent;
	}
	.slide .slick-prev:hover,
	.slide .slick-prev:focus,
	.slide .slick-next:hover,
	.slide .slick-next:focus
	{
	    color: transparent;
	    outline: none;
	    background: transparent;
	}
	.slide .slick-prev:hover:before,
	.slide .slick-prev:focus:before,
	.slide .slick-next:hover:before,
	.slide .slick-next:focus:before
	{
	    opacity: 1;
	}
	.slide .slick-prev.slick-disabled:before,
	.slide .slick-next.slick-disabled:before
	{
	    opacity: .25;
	}
	.slide .slick-prev:before,
	.slide .slick-next:before
	{
	    content:'';
	    display:block;
	    
	    width: 8vw;
	    height: 8vw;
	    
	    border-radius:100%;
	    border:0px solid rgba(0,0,0,0.6);
	    background-color:rgba(0,0,0,0.6);
	    
	    opacity: .75;

	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	}
	.slide .slick-prev:after,
	.slide .slick-next:after
	{
	    content:'';
	    display:block;
	    position: absolute;
	    
	    top:50%;
	    left:50%;
	    
	    width: 2vw;
	    height: 2vw;
	    
	    border:0px solid rgba(0,0,0,0.0);
	    border-right:2px solid rgba(255,255,255,1.0);
	    border-bottom:2px solid rgba(255,255,255,1.0);
	    
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	}

	.slide .slick-prev
	{
	    left:calc(50% - 46vw);
	}
	.slide .slick-prev:after
	{
		transform:translate(-25%, -50%) rotate(135deg) ;
	}

	.slide .slick-next
	{
	    right:calc(50% - 46vw);
	}
	.slide .slick-next:after
	{
		transform:translate(-75%, -50%) rotate(-45deg);
	}
	.notice
	{
		font-size:2.4rem;
	}
}