F@charset "utf-8";

/*
************************************************************************
* INDEX
* @copyright Revolme Inc.
************************************************************************
*/

/*
************************************************************************
* トップ キャンペーンテキスト --------- 0718追加
************************************************************************
*/
.campaign_area {
	position: absolute;
	display: inline-block;
	box-sizing: border-box;
	z-index: 1;
	background: rgba(255,255,255,0.8);
	
	left: 20px;
	top: 20px;
	height: 100px;
	text-align: center;
	line-height: 1.7;
}
/*--- 枠サイズ　通常時 ---*/
.campaign_area.small{
	width: 300px;
}
/*--- 枠サイズ　大きい方３行以上or１行が14文字以上目安 ---*/
.campaign_area.large{
	width: 420px;
}
.campaign_area p {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 90%;
}
@media screen and (max-width: 767px){
	.campaign_area {
		/*未透過処理*/
		position:relative;
		border-top:1px solid #e3e3e3;
		border-bottom:1px solid #e3e3e3;
		margin-bottom: -6px;
		
		/*position:absolute;----/ 透過時はこっち*/
		left:0;
		top:0;
		line-height: 1.7;
		padding: 5px 0;
	}
	/*--- 枠サイズ　通常時 ---*/
	.campaign_area.small{
		height: 50px;
		width: 100%;
	}
	/*--- 枠サイズ　大きい方 ---*/
	.campaign_area.large{
		height: 80px;
		width: 100%;
	}
}

/*
************************************************************************
* MVスライドショー
************************************************************************
*/
.mv-slide
{
	margin:0;
	padding:0;
	list-style:none;
}
.mv-slide .mv-slide-item
{
	margin:0;
	padding:0;
	list-style:none;
	
	width:100%;
	height:calc((100vw - 230px) * 0.5);
	max-height:630px;
}
.mv-slide .mv-slide-item .slide
{
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	
	width:100%;
	height:100%;
}
.mv-slide .mv-slide-item .caption
{
	position:absolute;
	bottom:1em;
	left:1em;
	
	color:#FFFFFF;
}

.mv-slide .mv-slide-item .caption_bk
{
	position:absolute;
	bottom:1em;
	left:1em;
	
	color:#000;
}
.mv-slide .slick-dots
{
	position:absolute;
	right:1em;
	bottom:1em;
	width:auto;
}
.mv-slide .slick-dots li
{
	width:12px;
	height:12px;
}
.mv-slide .slick-dots li button
{
	width:12px;
	height:12px;
}
.mv-slide .slick-dots li button:before
{
	content:'';
	
	border-radius:100%;
	border:2px solid #FFFFFF;
	background-color:transparent;
	
	width:12px;
	height:12px;
	
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
.mv-slide .slick-dots li.slick-active button:before
{
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    
	background-color:#FFFFFF;
}

/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 767px) {
	.mv-slide .mv-slide-item
	{
		height:97.333333vw;
	}
	.mv-slide .slick-dots
	{
		top:100%;
		right:auto;
		bottom:auto;
		width:100%;
		padding:2vw;
		padding-top: 1vw;
	}
	.mv-slide .slick-dots li
	{
		width:2vw;
		height:2vw;
	}
	.mv-slide .slick-dots li button
	{
		width:2vw;
		height:2vw;
	}
	.mv-slide .slick-dots li button:before
	{
		border:1px solid #bbbbbb;
		width:2vw;
		height:2vw;
	}
	.mv-slide .slick-dots li.slick-active button:before
	{
		background-color:#bbbbbb;
	}
}
/* == 1500px over ワイドサイズ ==========================================================*/
@media screen and (min-width: 1500px) {
	.mv-slide .mv-slide-item
	{
		max-height:none;
		min-height:25vh;
	}
}

/*
************************************************************************
* 200427 コロナ告知ブロック
************************************************************************
*/
.top_notice {
	width: 100%;
	margin: 15px auto 10px;
}
.top_notice p {
	text-align: center;
	box-sizing: border-box;
	border: 1px #000 solid;
	padding: 0.5em;
}
.top_notice p a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 767px){
	.top_notice {
		margin: 35px auto -15px;
	}
}


/*
************************************************************************
* NEWSブロック
************************************************************************
*/
.news
{
	margin-bottom:1px solid #e3e3e3;
}
.news .title
{
	float:left;
	width:90px;
}
.news .title .main
{
	font-size:1.8rem;
	font-weight:bold;
}
.news .news-list
{
	margin-left:90px;
	list-style: none;
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 767px) {
	.news
	{
		margin-bottom:1px solid #e3e3e3;
	}
	.news .title
	{
		float:none;
		width:auto;
		margin-top: 2em;
	}
	.news .title .main
	{
		font-size:2.8rem;
	}
	.news .news-list
	{
		margin-left:0;
		font-size:2.4rem;
	}
	.news .news-list li
	{
		margin-left: 1.5em;
	}
}

/*
************************************************************************
* ABOUTブロック
************************************************************************
*/
#about img{
	border-radius:0.5em;
}
/*
************************************************************************
* CAMPAIGNブロック
************************************************************************
*/
.campaign
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
}
.campaign  .campaign-item
{
	width:calc(33.33333% - 2px);
	margin:1px;
	
	border-radius:0.5em;
	overflow:hidden;
}
.campaign  .campaign-item .image img
{
	width:100%;
}
.campaign  .campaign-item > p
{
	position:absolute;
	
	top:50%;
	left:50%;
	
	transform:translate(-50%, -50%);
	
	
	font-size:2.4rem;
	font-weight:bold;
	color:#FFFFFF;
}
/* == ブレークポイント ==========================================================*/
@media screen and (max-width: 1100px) {
	.campaign .campaign-item
	{
		width:calc(50% - 2px);
	}
}

/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 767px) {
	.campaign
	{
		display:block;
	}
	.campaign  .campaign-item
	{
		width:calc(84vw);
		margin-left:4vw;
		margin-right:4vw;
		
		border-radius:0.5em;
		overflow:hidden;
	}
	.campaign  .campaign-item .image img
	{
		width:100%;
	}
	.campaign  .campaign-item > p
	{
		position:absolute;
		
		top:50%;
		left:50%;
		
		transform:translate(-50%, -50%);
		
		
		font-size:2.4rem;
		font-weight:bold;
		color:#FFFFFF;
	}
	
	.campaign .slick-prev,
	.campaign .slick-next
	{
	    z-index:100;
	    font-size: 0;
	    line-height: 0;

	    position: absolute;
	    top: 50%;

	    display: block;

	    width: 6.6vw;
	    height: 6.6vw;
	    
	    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;
	}
	.campaign .slick-prev:hover,
	.campaign .slick-prev:focus,
	.campaign .slick-next:hover,
	.campaign .slick-next:focus
	{
	    color: transparent;
	    outline: none;
	    background: transparent;
	}
	.campaign .slick-prev:hover:before,
	.campaign .slick-prev:focus:before,
	.campaign .slick-next:hover:before,
	.campaign .slick-next:focus:before
	{
	    opacity: 1;
	}
	.campaign .slick-prev.slick-disabled:before,
	.campaign .slick-next.slick-disabled:before
	{
	    opacity: .25;
	}
	.campaign .slick-prev:before,
	.campaign .slick-next:before
	{
	    content:'';
	    display:block;
	    
	    width: 6.6vw;
	    height: 6.6vw;

	    border-radius:100%;
	    border:1px 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;
	}
	.campaign .slick-prev:after,
	.campaign .slick-next:after
	{
	    content:'';
	    display:block;
	    position: absolute;
	    
	    top:50%;
	    left:50%;
	    
	    width: 2.0vw;
	    height: 2.0vw;
	    
	    border:0px solid rgba(0,0,0,0.0);
	    border-right:1px solid rgba(255,255,255,1.0);
	    border-bottom:1px solid rgba(255,255,255,1.0);
	    
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	}

	.campaign .slick-prev
	{
	    left:calc(50% - 45.3vw);
	}
	.campaign .slick-prev:after
	{
		transform:translate(-25%, -50%) rotate(135deg) skew(10deg, 10deg);
	}

	.campaign .slick-next
	{
	    right:calc(50% - 45.3vw);
	}
	.campaign .slick-next:after
	{
		transform:translate(-75%, -50%) rotate(-45deg) skew(10deg, 10deg);
	}
}

/*
************************************************************************
* BANNER LINKブロック
************************************************************************
*/
.banner-link a img{
	border-radius: 0.5em;
}

/*
************************************************************************
* COSTUMEブロック
************************************************************************
*/

.costume
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}
.costume .costume-item
{
	width: calc(49.5% - 2px);
	margin-bottom: 10px;
	
	border-radius:0.5em;
	overflow:hidden;
}
#costume .sub{
	line-height: 1.6;
}
.costume .costume-item .image img
{
	width:100%;
	border-radius:0.5em;
}
.costume .costume-item > p
{
	position:absolute;
	
	top:50%;
	left:50%;
	
	transform:translate(-50%, -50%);
	
	
	font-size:2.4rem;
	font-weight:bold;
	color:#FFFFFF;
}


/* == ブレークポイント ==========================================================*/
@media screen and (max-width: 1100px) {
	.costume .costume-item
	{
		width:calc(50% - 2px);
	}
}

/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 767px) {
	.costume
	{
		display:block;
	}
	.costume .costume-item
	{
		width:calc(84vw);
		margin-left:4vw;
		margin-right:4vw;
		
		border-radius:0.5em;
		overflow:hidden;
	}

	.costume .costume-item .image img
	{
		width:100%;
		border-radius:0.5em;
	}
	.costume .costume-item > p
	{
		position:absolute;
		
		top:50%;
		left:50%;
		
		transform:translate(-50%, -50%);
		
		
		font-size:2.4rem;
		font-weight:bold;
		color:#FFFFFF;
	}
}


/*
************************************************************************
* CREATORブロック
************************************************************************
*/

.creator
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}
.creator .creator-item
{
	width: calc(49.5% - 2px);
	margin-bottom: 10px;
	
	border-radius:0.5em;
	overflow:hidden;
}
#creator .sub{
	line-height: 1.6;
}
.creator .creator-item .image img
{
	width:100%;
	border-radius:0.5em;
}
.creator .creator-item > p
{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-size:2.4rem;
	font-weight:bold;
	color:#FFFFFF;
}

/* == ブレークポイント ==========================================================*/
@media screen and (max-width: 1100px) {
	.creator .creator-item
	{
		width:calc(50% - 2px);
	}
}

/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 767px) {
	.creator
	{
		display:block;
	}
	.creator .creator-item
	{
		width:calc(84vw);
		margin-left:4vw;
		margin-right:4vw;
		
		border-radius:0.5em;
		overflow:hidden;
	}
	
	.creator .creator-item .image img
	{
		width:100%;
		border-radius:0.5em;
	}
	.creator .creator-item > p
	{
		position:absolute;
		
		top:50%;
		left:50%;
		
		transform:translate(-50%, -50%);
		
		
		font-size:2.4rem;
		font-weight:bold;
		color:#FFFFFF;
	}
}
 
/*
************************************************************************
* FEATUREブロック
************************************************************************
*/
.feature
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
}
.feature > .feature-item
{
	width:calc(33.33333% - 2px);
	margin:1px;
	
	border-radius:0.5em;
	overflow:hidden;
	
	border:1px solid #e3e3e3;
}
.feature > .feature-item .image
{
	width:30%;
	padding:1.5em;
}
.feature > .feature-item .rank
{
	position:absolute;
	
	top:40%;
	left:30%;
	
	transform:translateY(-50%);
	
	font-size:1.5rem;
	font-weight:bold;
}
.feature > .feature-item .rank.r01:before{
	content: url(../../../_img/icon/rank1.svg);
}
.feature > .feature-item .rank.r02:before{
	content: url(../../../_img/icon/rank2.svg);
}
.feature > .feature-item .rank.r03:before{
	content: url(../../../_img/icon/rank3.svg);
}
.feature > .feature-item .rank:before{
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	margin-top: 2px;
}
.feature > .feature-item .caption
{
	position:absolute;
	
	top:50%;
	left:30%;
	
	transform:translateY(-50%);
	
	font-size:1.5rem;
	font-weight:bold;
}
.feature > .feature-item.rank-item .caption{
	top:60%;
}
/* == ブレークポイント ==========================================================*/
@media screen and (max-width: 1100px) {
	.feature > .feature-item
	{
		width:calc(50% - 2px);
	}
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 767px) {
	.feature
	{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
	}
	.feature > .feature-item
	{
		width:calc(33.33333% - 1em);
		margin:0.5em;
		
		border-radius:0.0em;
		overflow:hidden;
		
		border:0px solid transparent;
	}
	.feature > .feature-item .image
	{
		width:70%;
		padding:0;
		margin:auto;
	}
	.feature > .feature-item .rank{
		top: 58%;
		left: 25%;
		font-size: 1.2em;
	}
	.feature > .feature-item.rank-item .caption {
		margin-top: 1.9em;
	}
	.feature > .feature-item .caption
	{
		position:relative;
		
		top:0%;
		left:0%;
		
		transform:translateY(0%);
		
		text-align:center;
		
		font-size:2.4rem;
		font-weight:bold;
		
		margin-top:1em;
	}
	.feature > .feature-item.rank-item .caption{
		top:0;
	}
}

/*
************************************************************************
* PLANブロック
************************************************************************
*/
.plan
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: space-around;
	
	margin:-1em;
}
.plan > .plan-item
{
	width: calc(50% - 2em);
	margin:1em;
}
.plan > .plan-item:hover
{
	text-decoration:none;
}
.plan > .plan-item .image
{
	width:100%;
	border-radius:0.5em;
	border-radius:0.5em;
	overflow:hidden;
}
.plan > .plan-item .image img
{
	width:100%;
}
.plan > .plan-item .title{
	margin-top:1.0em;
	line-height:1;
}
.plan > .plan-item .price
{
	line-height:1.5;
	margin-top:0.5em;
}
.plan > .plan-item .title > span{
	font-size:2rem;
	font-weight:bold;
}
/*== ランキング ==*/
.plan > .plan-item .title span:before {
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 1.4;
	margin-right: 0.3em;
	border-radius: 50%;
	color: #fff;
}
.plan > .plan-item .title span.rank1:before{
	content: "1";
	background:#d3bc46;
}
.plan > .plan-item .title span.rank2:before{
	content: "2";
	background:#8c9ca1;
}
.plan > .plan-item .title span.rank3:before{
	content: "3";
	background:#c67a47;
}

.plan > .plan-item .price > span
{
	font-size:2.4rem;
	font-weight:bold;
	line-height:1;
}
.plan > .plan-item .price .yen,
.campaign_after .ff-roboto .yen
{
	font-size:1.8rem;
	font-weight:bold;
	line-height:1;
}
.price.campaign-p span {
	text-decoration: line-through
}
.campaign_after {
	margin-top: 0.4em;
	font-size: .8em;
	line-height: 1.2;
}
.campaign_after span.ff-roboto {
	margin-left: 0.6em;
	color: #cc863a;
	font-size: 2.5rem;
	font-weight: 500;
	line-height: 1;
}
/* == ブレークポイント ==========================================================*/
@media screen and (max-width: 1100px) {
	.plan > .plan-item
	{
		width:calc(50% - 2em);
	}
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 767px) {
	.plan
	{
		margin:-0.75em;
	}
	.plan > .plan-item
	{
		width: calc(100% - 1.5em);
		margin:0.75em;
	}
	.plan > .plan-item:hover
	{
		text-decoration:none;
	}
	.plan > .plan-item .image
	{
		width: 47.5%;
		border-radius: 0.5em;
		overflow: hidden;
		margin-right: 0.8em;
		float: left;
	}
	.plan > .plan-item .title
	{
		margin-top:0;
		line-height:1;
	}
	.plan > .plan-item .price
	{
		line-height:1;
		margin-top:0.5em;
	}
	.plan > .plan-item .title > span{
		font-size:3.0rem;
		font-weight:bold;
		line-height: 1.25;
	}
	/*== ランキング ==*/
	.plan > .plan-item .sp-right {
		display: inline-block;
		position: absolute;
		top:0;
	}
	.plan > .plan-item .sp-right .title span:before {
		vertical-align: 0.18em;
		width: 18px;
		height: 18px;
		font-size: 0.75em;
		line-height: 1.8;
	}
	
	.plan > .plan-item .price > span
	{
		font-size:3.2rem;
		font-weight:bold;
		line-height:1;
	}
	.plan > .plan-item .price .yen,
	.campaign_after .ff-roboto .yen
	{
		font-size:2.4rem;
		font-weight:bold;
		line-height:1;
	}
	.campaign_after {
		margin-top: 0.6em;
}
	.campaign_after span.ff-roboto {
		font-size: 3.8rem;
	}
}


/*
************************************************************************
* SCENEブロック
************************************************************************
*/
.scene
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
}
.scene-item
{
	width: calc(87% / 3);
	margin:1.5em 0em;
}
#sub.scene-item{
	width:calc(90%/2);
}
.scene-item .image
{
	/*width:50%;*/
	margin:auto;
}
.scene-item .image img
{
	border-radius:100%;
	width:100%;
}
.scene-item .title
{
	line-height:1;
	margin-top:1.5em;
	text-align:center;
}
.scene-item .caption
{
	margin-top:1.5em;
}
.scene-item .title > span
{
	font-size:1.8rem;
	font-weight:bold;
}
.scene-item .caption > p
{
	
}

/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 767px) {
	.scene
	{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-around;
		margin:-1em;
	}
	.scene-item
	{
		width: 100%;
		margin: 1.5em 1em 1em 1em;
		display: flex;
		justify-content:space-between;
	}
	.scene-item-top {
		width: 40%;
	}
	.scene-item-bottom {
		width: 55%;
	}
	.scene-item .image
	{
	}
	.scene-item .image img
	{
		border-radius:100%;
	}
	.scene-item .title
	{
		margin-top: 0.5em;
		margin-bottom: 10px;
		text-align:left;
	}
	.scene-item .caption
	{
		margin-top: 0;
		line-height: 1.7;
	}
	.scene-item .title > span
	{
		font-size:3.1rem;
		font-weight:bold;
	}
	.scene-item .caption > p
	{
		
	}
}

/*
************************************************************************
* BANNERブロック
************************************************************************
*/
.banner
{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
	margin:-1em;
}
.banner-item
{
	display:block;
	
	margin:1em;
	
	border-radius:0.5em;
	overflow:hidden;
}
.banner-item img
{
	width:100%;
	border-radius:0.5em;
	margin-top: -0.1em;
}
.banner-item .title,
.banner-item .icon,
.banner-item .ext-link
{
	display:block;
	position:absolute;
}
.banner-item .title
{
	top:50%;
	transform:translateY(-50%);
	
	width:100%;
	text-align:center;
	line-height:1;
	
	color:#FFFFFF;
}
.banner-item .title .main
{
	display:block;
	font-size:2.4rem;
	font-weight:500;
}
.banner-item .title .sub
{
	display:block;
	font-size:1.8rem;
	font-weight:500;
	
	margin-top:0.8em;
}
.banner-item.banner-large .title .main
{
	display:block;
	font-size:1.8rem;
	font-weight:bold;
}
.banner-item.banner-large .title .main-l
{
	font-size:2.4rem;
}
.banner-item.banner-large .title .sub
{
	display:block;
	font-size:1.6rem;
	font-weight:bold;
	
	margin-top:1.0em;
}
.banner-item .icon
{
	top:0.8em;
	left:0.8em;
	width:2.5em;
}
.banner-item .ext-link
{
	bottom:0;
	right:0;
	
	width:1.6em;
	
	padding:0.0em 0.2em;
	
	background-color:#000000;
	
	border-top-left-radius:0.5em;
}


/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 1100px) {
	.banner
	{
		flex-wrap:wrap;
		justify-content:flex-start;
		margin:-0.5em;
	}
	.banner-item
	{
		width:calc(50% - 1em);
		margin:0.5em;
	}
	.banner-item.banner-large
	{
		width:calc(100% - 1em);
	}
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 767px) {
	.banner
	{
		flex-wrap:wrap;
		justify-content:flex-start;
		margin:-0.5em;
	}
	.banner-item
	{
		width:calc(50% - 1em);
		margin:0.5em;
	}
	.banner-item.banner-large
	{
		width:calc(100% - 1em);
	}
	.banner-item .title .main
	{
		font-size:2.8rem;
	}
	.banner-item .title .sub
	{
		font-size:2.2rem;
		margin-top:0.5em;
	}
	.banner-item.banner-large .title .main
	{
		font-size:2.4rem;
	}
	.banner-item.banner-large .title .main-l
	{
		font-size:3.2rem;
	}
	.banner-item.banner-large .title .sub
	{
		font-size:2.2rem;
		margin-top:0.5em;
	}
	.banner-item .icon
	{
		top:0.8em;
		left:0.8em;
		width:5.5vw;
	}
	.banner-item .ext-link
	{
		display:block;
		
		bottom:0;
		right:0;
		
		width:4vw;
		height:4vw;
		
		padding:0.0em 0.1em;
		
		background-color:#000000;
		
		border-top-left-radius:0.5em;
	}
	.banner-item .ext-link img
	{
		vertical-align: baseline;
	}
}
/*
************************************************************************
* LOCATIONブロック
************************************************************************
*/
.location-list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.location-list .location-contents{
	margin-left: 0;
	width:calc(96% / 4);
}
.location-list .location-contents img{
	border-radius:  0.5em;
}
.location-list .location-contents .title {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 2.3;
	margin-top: 2px;
}
.location-list .location-contents .address{
	font-size: 0.9em;
	color: #333;
	line-height: 1.2;
	margin-bottom: 15px;
}
.location-list .location-contents .address:before{
	content: url(../../../_img/icon/tourism-address.svg);
	width: 10px;
	height: 10px;
	float: left;
	margin-right: 5px;
}
.location-list .location-contents .desc{
	font-size: 1.2rem;
	letter-spacing: -0.01px;
	line-height: 1.6;
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 767px) {
	#location .location-list .location-contents{
		width:calc(96% / 2);
		margin-bottom: 20px;
	}
	.location-list .location-contents .desc{
		font-size: 2.2rem;
	}
}
/*
************************************************************************
* FAQブロック
************************************************************************
*/
.faq-list{
	display:flex;
	flex-flow: row wrap;
	justify-content:space-between;
}
.faq-list .faq-item{
	width: calc(98% / 2);
	border-radius: 0.5em;
	border: 1px solid #e3e3e3;
	padding: 25px;
	margin-bottom: 20px;
}
.faq-list .faq-item .qst,
.faq-list .faq-item .ans{
	width:100%;
}
.faq-list .faq-item .qst{
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.faq-list .faq-item .qst p,
.faq-list .faq-item .ans p{
	text-indent: 0em;
	margin-left: 2.6em;
}
.faq-list .faq-item .qst:before,
.faq-list .faq-item .ans:before {
	font-size: 2em;
	font-weight: bold;
	line-height: 1;
	float: left;
	margin-right: 15px;
	margin-top: -3px;
}
.faq-list .faq-item .qst:before {
	content: "Q";
}
.faq-list .faq-item .ans:before {
	content: "A";
}

/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 767px) {
	.faq-list{
		display: block;
	}
	.faq-list .faq-item{
		width:100%;
	}
}


/*
************************************************************************
* BLOGブロック
************************************************************************
*/
.blog-list
{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:flex-start;
	margin:-0.5em;
}
.blog-list-item
{
	width:calc(25% - 1em);
	margin:0.5em;
}
.blog-list-item .blog-list-item-eyecatch
{
	width:100%;
	padding-top:75%;
	background-image:url();
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	
	border-radius:0.5em;
	
	margin-bottom:1em;
	
	transition-duration:0.3s;
	transition-property:all;
	transition-timing-function:ease;
}
.blog-list-item .blog-list-item-date
{
	font-size:1.2rem;
	margin-bottom:0.5em;
}
.blog-list-item .blog-list-item-title
{
	font-size:1.2rem;
	line-height:1.6;
}
.blog-list-item:hover .blog-list-item-eyecatch
{
    opacity: .70;
}
.blog-list .slick-prev,
.blog-list .slick-next
{
    z-index:100;
    font-size:inherit;
    line-height: 0;

    position: absolute;
    top: 35%;

    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;
}
.blog-list .slick-prev:hover,
.blog-list .slick-prev:focus,
.blog-list .slick-next:hover,
.blog-list .slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.blog-list .slick-prev:hover:before,
.blog-list .slick-prev:focus:before,
.blog-list .slick-next:hover:before,
.blog-list .slick-next:focus:before
{
    opacity: 1;
}
.blog-list .slick-prev.slick-disabled:before,
.blog-list .slick-next.slick-disabled:before
{
    opacity: .25;
}
.blog-list .slick-prev:before,
.blog-list .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;
}
.blog-list .slick-prev:hover:before,
.blog-list .slick-next:hover:before
{
    opacity: 0.75;
}
.blog-list .slick-prev:after,
.blog-list .slick-next:after
{
    content:'';
    display:block;
    position: absolute;

    top:50%;
    left:50%;

    width: 8px;
    height: 8px;

    border:0px solid rgba(0,0,0,0.0);
    border-right:1px solid rgba(255,255,255,1.0);
    border-bottom:1px solid rgba(255,255,255,1.0);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.blog-list .slick-prev
{
    left:calc(0% - 15px + 0.5em);
}
.blog-list .slick-prev:after
{
	transform:translate(-25%, -50%) rotate(135deg) skew(5deg, 5deg);
}

.blog-list .slick-next
{
    right:calc(0% - 15px + 0.5em);
}
.blog-list .slick-next:after
{
	transform:translate(-75%, -50%) rotate(-45deg) skew(5deg, 5deg);
}


/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 767px) {
	.blog-list
	{
		margin:0;
	}
	.blog-list-item
	{
		width:calc(50% - 1em);
	}
	.blog-list-item .blog-list-item-eyecatch
	{
	}
	.blog-list-item .blog-list-item-date
	{
		font-size:2.2rem;
		margin-bottom:0.25em;
	}
	.blog-list-item .blog-list-item-title
	{
		font-size:2.2rem;
		line-height:1.6;
	}
	.blog-list-item:hover .blog-list-item-eyecatch
	{
	}
	.blog-list .slick-prev,
	.blog-list .slick-next
	{
		top: 28%;
		width: 6.6vw;
		height: 6.6vw;
	}
	.blog-list .slick-prev:hover,
	.blog-list .slick-prev:focus,
	.blog-list .slick-next:hover,
	.blog-list .slick-next:focus
	{
	}
	.blog-list .slick-prev:hover:before,
	.blog-list .slick-prev:focus:before,
	.blog-list .slick-next:hover:before,
	.blog-list .slick-next:focus:before
	{
	    opacity: .6;
	}
	.blog-list .slick-prev.slick-disabled:before,
	.blog-list .slick-next.slick-disabled:before
	{
	}
	.blog-list .slick-prev:before,
	.blog-list .slick-next:before
	{
	    width: 6.6vw;
	    height: 6.6vw;
	    
	    border:0px solid rgba(0,0,0,1.0);
	    background-color:rgba(0,0,0,1.0);

	    opacity: 1.0;
	}
	.blog-list .slick-prev:hover:before,
	.blog-list .slick-next:hover:before
	{
	}
	.blog-list .slick-prev:after,
	.blog-list .slick-next:after
	{
	    width: 2vw;
	    height: 2vw;
	    border-right:1px solid rgba(255,255,255,1.0);
	    border-bottom:1px solid rgba(255,255,255,1.0);
	}

	.blog-list .slick-prev
	{
	    left:calc(0% - 3.25vw + 0.5em);
	}
	.blog-list .slick-prev:after
	{
	}

	.blog-list .slick-next
	{
	    right:calc(0% - 3.25vw + 0.5em);
	}
	.blog-list .slick-next:after
	{
	}
	
}


/*
************************************************************************
* INSTAブロック
************************************************************************
*/

.insta
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}
.insta .insta-item
{
	width: calc(32.6% - 2px);
	margin-bottom: 10px;
	
	border-radius:0.5em;
	overflow:hidden;
}
#insta .sub{
	line-height: 1.6;
}
.insta .insta-item .image img
{
	width:100%;
	border-radius:0.5em;
}
.insta .insta-item > p
{
	position:absolute;
	
	top:50%;
	left:50%;
	
	transform:translate(-50%, -50%);
	
	
	font-size:2.4rem;
	font-weight:bold;
	color:#FFFFFF;
}


/* == ブレークポイント ==========================================================*/
/*@media screen and (max-width: 1100px) {
	.insta .insta-item
	{
		width:calc(50% - 2px);
	}
}*/

/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 767px) {

	/*.insta .insta-item
	{
		width:calc(84vw);
		margin-left:4vw;
		margin-right:4vw;
		
		border-radius:0.5em;
		overflow:hidden;
	}*/

	/*.insta .insta-item img
	{
		width:100%;
		border-radius:0.5em;
	}
	.insta .insta-item > p
	{
		position:absolute;
		
		top:50%;
		left:50%;
		
		transform:translate(-50%, -50%);
		
		
		font-size:2.4rem;
		font-weight:bold;
		color:#FFFFFF;
	}*/
}

/*
************************************************************************
* VOICE
************************************************************************
*/

#voice img
{
	border-radius:0.5em;
}