@charset "UTF-8";

/* ゲストサロン・現地案内図 */
@media (min-width: 768px) {
	#icon-logo{
		padding-bottom:45px;
	}
}

.line{
	border-top:2px solid #333;
	margin-bottom:50px;
}
@media (min-width: 568px) {
	.line{
		margin-bottom:60px;
	}
}
@media (min-width: 768px) {
	.line{
		margin-bottom:80px;
	}
}
@media (min-width: 1024px) {
	.line{
		margin-bottom:100px;
	}
}

.lifeinfo-cont{
	font-size:0;
	margin-top:30px;
	font-family:'Verdana','BIZ UDゴシック','BIZ UDGothic','游ゴシック','YuGothic','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.lifeinfo-cont h2{
	text-align:center;
	font-size:2.0rem;
	padding:0 0 10px;
	font-family:'Times New Roman','BIZ UD明朝','BIZ UDMincho','游明朝','YuMincho','ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','メイリオ','Meiryo','ＭＳ Ｐ明朝','MS PMincho',serif;
}
.lifeinfo-cont h2.comfort{
	border-bottom:2px solid #333;
}
.lifeinfo-cont h3{
	font-family:"NewYork";
	font-size:1.9rem;
}
.lifeinfo{
	font-fize:0;
	padding-top:30px;
}
.lifeinfo.right{
	padding-top:0;
}
.lifeinfo h4{
	font-size:1.3rem;
	padding-bottom:3px;
}
.lifeinfo dl dt{
  	line-height:20px;
	font-size:1.3rem;
	padding:5px 0 0;
}
.lifeinfo dl dd{
  	line-height:20px;
	font-size:1.3rem;
	text-align:right;
	background:url(../img_cmn/dotted-border.png) repeat-x 0 10px;
	padding:0 0 5px;
	margin:0 0 0 30px;
}
.lifeinfo dl dd span{
	background:#FFF;
	padding:0 0 0 7px;
}
.lifeinfo dl dd span.white{
	color:#FFF;
	padding:0;
}
.lifeinfo ul li{
	padding-top:15px;
}
.lifeinfo ul li:nth-child(1){
	padding-top:30px;
}
@media (min-width: 568px) {
	.lifeinfo dl{
		background:url(../img_cmn/dotted-border.png) repeat-x 0 13px;
		height:26px;
	}
	.lifeinfo dl dt{
  		float:left;
  		padding:0 7px 0 0;
  		line-height:26px;
  		background-color:#FFF;
	}
	.lifeinfo dl dd{
  		float:right;
  		padding:0 0 0 7px;
  		line-height:26px;
  		background-color:#FFF;
		background:none;
		margin:0;
	}
}
@media (min-width: 768px) {
	.lifeinfo-cont h2{
		font-size:2.1rem;
	}
	.lifeinfo-cont h3{
		text-align:left;
	}
	.lifeinfo{
		display:inline-block;
		vertical-align:top;
		width:calc(50% - 20px);
	}
	.lifeinfo.right{
		padding-top:30px;
		margin-left:40px;
	}
	.lifeinfo h4.store{
		padding-top:6px;
	}
}
@media (min-width: 1024px) {
	.lifeinfo-cont h2{
		font-size:2.2rem;
	}
	.lifeinfo-cont h3{
		font-size:2.0rem;
	}
}

#movie{
	font-size:0;
	box-sizing:border-box;
	text-align:center;
}
#movie h3{
	font-size:1.7rem;
	padding:30px 0 10px;
}
#movie p{
	font-size:1.4rem;
	text-align:left;
}
.movie#two{
	margin-top:40px;
}
.movie h2{
	font-size:1.5rem;
	padding:0 0 5px;
	margin:0;
}
.movie a img{
	opacity:1;
    filter:alpha(opacity=100);
    -moz-opacity:1;
	-webkit-transition:all 1s ease-in-out;
    -moz-transition:all 1s ease-in-out;
    -o-transition:all 1s ease-in-out;
    -ms-transition:all 1s ease-in-out;
    transition:all 1s ease-in-out;
}
.movie a:hover img{
	opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.black{
	position:relative;
}
.awesome{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-20px;
	margin-top:-20px;
	color:#FFF;
	font-size:4.0rem;
	opacity: 0.8;
    filter: alpha(opacity=80);
}
a .awesome{
	-webkit-transition:all 1s ease-in-out;
    -moz-transition:all 1s ease-in-out;
    -o-transition:all 1s ease-in-out;
    -ms-transition:all 1s ease-in-out;
    transition:all 1s ease-in-out;
}
a:hover .awesome{
	opacity: 1;
    filter: alpha(opacity=100);
}
@media (min-width: 568px) {
	#movie p{
		text-align:center;
	}
	.movie{
		display:inline-block;
		vertical-align:middle;
		width:calc(50% - 20px);
	}
	.movie:first-child{
		margin-right:40px;
	}
	.movie#two{
		margin-top:0;
	}
	.awesome{
		font-size:6.0rem;
		margin-left:-30px;
		margin-top:-30px;
	}
}
@media (min-width: 768px) {
	#movie h3{
		font-size:1.9rem;
	}
	.awesome{
		font-size:4.4rem;
		margin-left:-22px;
		margin-top:-22px;
	}
	.awesome#sakura{
		font-size:6.0rem;
		margin-left:-30px;
		margin-top:-30px;
	}
}
@media (min-width: 1024px) {
	#movie h3{
		font-size:2.1rem;
	}
	.movie h2{
		font-size:1.6rem;
		padding-top:calc(50% - 120px);
	}
	.movie:first-child h2{
		float:left;
		text-align:right;
		padding-right:15px;
	}
	.movie#two h2{
		float:right;
		text-align:left;
		padding-left:15px;
	}
}
@media (min-width: 1200px) {
	#movie p{
		font-size:1.5rem;
	}
	.movie{
		width:calc(50% - 30px);
	}
	.movie:first-child{
		margin-right:60px;
	}
}

br.br568-1023{
	display:none;
}
@media (min-width: 568px) and (max-width: 1023px) {
	br.br568-1023{
		display:inline;
	}
}

.lifeinfo-cont#train{
	margin-top:0;
}
.train{
	font-family:'Times New Roman','BIZ UD明朝','BIZ UDMincho','游明朝','YuMincho','ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','メイリオ','Meiryo','ＭＳ Ｐ明朝','MS PMincho',serif;
}
.train h2{
	font-size:1.7rem;
	text-align:left;
	border-bottom:2px solid #333;
	padding-bottom:5px;
	margin-bottom:8px;
}
.train h2.kudanshita{
	padding-top:5px;
}
.train ol{
	margin:0;
	padding:0;
	padding-bottom:5px;
}
.train ol li{
	position:relative;
	list-style:none;
	margin:0;
	padding-left:5em;
	font-size:1.3rem;
	line-height:140%;
}
.train ol li span{
	position:absolute;
	left:0;
	margin:0;
}
.train dl{
	background:url(../img_cmn/dotted-border.png) repeat-x 0 16px;
	height:26px;
	font-size:1.6rem;
}
.train dl dt{
  	float:left;
  	padding:3px 7px 0 0;
  	line-height:26px;
  	background-color:#FFF;
	font-feature-settings:'palt';
}
.train dl dd{
	background:none;
  	float:right;
  	padding:0 0 0 7px;
  	line-height:26px;
  	background-color:#FFF;
}
.station{
	font-size:140%;
}
.minute{
	font-size:200%;
	padding:0 0.05em;
}
.train p{
	font-size:1.2rem;
	line-height:150%;
	clear:both;
	padding-bottom:10px;
}
.train p.last{
	padding-bottom:0;
}
@media (min-width: 768px) {
	.lifeinfo-cont#train{
		margin-top:30px;
	}
	.lifeinfo.train{
		display:inline;
		width:100%;
	}
	.train h2.kudanshita{
		padding-top:15px;
	}
}
@media (min-width: 1024px) {
	.lifeinfo-cont#train{
		margin-top:0;
	}
	.lifeinfo.train{
		display:inline-block;
		width:calc(50% - 20px);
	}
	.train h2.kudanshita{
		padding-top:0;
	}
	.train ol li{
		text-align:left;
		padding-left:0;
	}
	.train ol li span{
		position:relative;
	}
	.train dl{
		font-size:1.7rem;
	}
}

.item-cont{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	font-size:0;
}
.item{
	width:100%;
	padding-top:25px;
}
.item:first-child{
	padding-top:0;
}
.item h2{
	font-size:2.5rem;
}
.item p{
	font-size:1.4rem;
}
@media (min-width: 568px) {
	.item{
		padding-top:0;
		display:inline-block;
		width:calc(50% - 15px);
	}
	.item:nth-child(odd){
		margin-right:30px;
	}
}
@media (min-width: 768px) {
	.item{
		width:calc(33.333% - 26px);
		margin-right:39px;
	}
	.item:nth-child(odd){
		margin-right:39px;
	}
	.item:nth-child(3n){
		margin-right:0;
	}
	.item h2{
		font-size:2.7rem;
	}
	.item p{
		font-size:1.5rem;
	}
}
@media (min-width: 1024px) {
	.item h2{
		font-size:2.9rem;
	}
}

.item.taxi{
	position:relative;
	font-family:'Verdana','BIZ UDゴシック','BIZ UDGothic','游ゴシック','YuGothic','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.item.taxi h3{
	font-size:1.5rem;
}
.item.taxi h3.caption{
	position:absolute;
	top:30px;
	right:10px;
	font-family:'Open Sans';
	font-weight:700;
	font-size:1.7rem;
	color:#FFF;
	letter-spacing:0.05em;
}
.big{
	font-family:'Open Sans';
	font-weight:700;
	font-size:200%;
}
.red{
	color:#D90000;
}
@media (min-width: 568px) {
	.item.taxi{
		margin-top:25px;
	}
	.item.taxi:nth-child(2){
		margin-top:0;
	}
	.item.taxi h3.caption{
		top:5px;
	}
}
@media (min-width: 768px) {
	.item.taxi:nth-child(3){
		margin-top:0;
	}
}

.parallax-window{
    min-height:50vh;
	position:relative;
	z-index:-100;
	margin-bottom:30px;
}
@media (min-width: 568px) {
	.parallax-window{
    	min-height:70vh;
	}
}
@media (min-width: 768px) {
	.parallax-window{
    	min-height:50vh;
	}
}
@media (min-width: 812px) {
	.parallax-window{
    	min-height:70vh;
	}
}
@media (min-width: 1024px) {
	.parallax-window{
    	min-height:80vh;
	}
}