@charset "utf-8";
/* Copyright 2017 FSFIELD All Rights Reserved. */
/* ------------------------------------------------------------

シルバニアファミリー 共通

------------------------------------------------------------ */

.ttl_enter01 span,
.ttl_open01 span{display:none;}

.price01{margin-bottom:15px;}

.list_sylvanian01{
	display:-webkit-flex;/*--safari用--*/
	display:flex;
	-webkit-flex-wrap:wrap;/*--safari用--*/
	flex-wrap:wrap;
	-webkit-flex-direction: row;/*--safari用--*/
	flex-direction: row;
}

.list_sylvanian01 li h2{
	color:#BEAC13;
	line-height:1.2;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #BEAC13;
}

.wrap_attention01 .list01 li{
	background:url(../img/sylvanian/ico_circle01.png) no-repeat left 0.4em;
	background-size:8px;
	margin-bottom:5px;
}

.wrap_attention01 .list02 li::before{
	content:'';
	margin:0 5px 2px 0;
	background:#353535;
	width:5px;
	height:5px;
	display:inline-block;
	border-radius:50%;
}

.slick-dots li.slick-active button:before {background-color: #BEAC13; }

.slick-dots li button:before{background-color: #DDD;}	


.sylvanian .txt03{
	margin-top:10px;
	text-align:center;
}




/* ------------------------------------------------------------

シルバニアファミリー 641px以上

------------------------------------------------------------ */
@media (min-width: 641px) {
	
/* グローバルアクティブナビ
---------------------------------------------- */
.site-header .site-navi .m-play a:after {
    opacity: 1;
}

#contents{
	padding:30px 0 40px;
	border-top:5px solid #F1F1F1;
	background:url("../img/sylvanian/slbg21.png") no-repeat;
	background-attachment: fixed;
	background-position: center;

}

#container{
	width:75%;
	margin:0 auto;
	overflow:hidden;
}

.sylvanian01:first-of-type{margin-top:80px;}
.sylvanian01{margin-bottom:70px;}
.sylvanian01:last-of-type{margin-bottom:110px;}

.sylvanian04,
.sylvanian03{
	text-align:center;
}

.sylvanian03{margin-bottom:60px;}

.sylvanian03 p{margin-bottom:10px;}
.sylvanian03 p:last-of-type{margin-bottom:30px;}

.sylvanian04{
	padding-bottom:100px;
	border-bottom:5px solid #F1F1F1;
	margin-bottom:60px;
}
	

.intro_img{
	margin-bottom:20px;
	text-align:center;
}

.wrap_slider{
	margin:0 auto 50px;
	width:75%;
}
	

.txt01{
	font-size:18px;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:bold;
	line-height:1.8;
	margin-bottom:50px;
	text-align:center;
	color:#320304;
}

.img01{
	text-align:center;
	margin-bottom:40px;
}

.txt02{
	font-size:16px;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:bold;
	line-height:2.2;
	text-align:center;
	color:#320304;
}


.ttl01,
.ttl02,
.ttl03{
	text-align:center;
	margin-bottom:30px;
}

.ttl01 img{
	width:303px;
	height:auto;
}

.ttl02 img{
	width:399px;
	height:auto;
}

.ttl03 img{
	width:397px;
	height:auto;
}


.img02{
	margin-bottom:40px;
	text-align:center;
}

.img02 img{width:360px;}

.img03{
	text-align:center;
	margin-bottom:30px;
}

.img03 img{width:340px;}

.img04{
	text-align:center;
	margin-bottom:30px;
}


.ttl_enter01{
	background:url(../img/sylvanian/ttl_sylvanian04.jpg) no-repeat center center;
	height:30px;
	margin-bottom:30px;
}

.ttl_open01{
	background:url(../img/sylvanian/ttl_sylvanian05.jpg) no-repeat center center;
	height:30px;
	margin-bottom:30px;
}

.price01 img{
	width:154px;
}

.time01 img{
	width:228px;
}

.attention01{
	width:70%;
	margin:0 auto;
}


.attention01 h3{
	background:#CDCBA3;
	color:#fff;
	padding:8px 0;
}

.wrap_attention01{
	background:#F4F3E8;
	padding:30px 20px;
	text-align:left;
	font-size:13px;
	line-height:1.6;
}

/* リスト　*/
.list_sylvanian01{margin-right:-3%;}

.list_sylvanian01 li{
	width:30%;
	margin:0 3% 60px 0;
	font-size:15px;
	line-height:1.6;
}

.list_sylvanian01 li span{display:inline-block;}

.list_sylvanian01 li h2{font-size:18px;}

.wrap_attention01 .list01{margin-bottom:5px;}

.wrap_attention01 .list01 li{padding-left:20px;}

.wrap_attention01 .list01 li:last-child{margin-bottom:0;}

.wrap_attention01 .list02{overflow:hidden;}

.wrap_attention01 .list02 li{
	float:left;
	margin-right:10px;
}


/* スライド矢印*/

.slick-slider .slick-prev {
    left: -30px;
    background:url(../img/sylvanian/ico_prev01.png) no-repeat 0 0;
	bottom: 0;
    top: 0;
    margin: auto;
}

.slick-slider .slick-next{
    right: -30px;
    background:url(../img/sylvanian/ico_next01.png) no-repeat 0 0;
	bottom: 0;
    top: 0;
    margin: auto;
}
	

.slick-slider .slick-arrow{
	width:15px;
	height:24px;
}

/* スライドdots */
.slick-dots{
	margin:auto;
	bottom: -35px;
	left:0;
	right:0;
}

.slick-dots li{
	width:30px;
}

.slick-dots li button{
	width:30px;
}
	

.btn_syl{
	margin:40px 0 !important;
	text-align: center;
	transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out;
}
	
.btn_syl :hover{
	opacity: .8;
}
	.banner_HV{
		margin:40 0;
		width:100%;
		text-align:center;
	}
	.HV_text{
		margin-bottom:20px;
		text-align:center;
		font-family: 'M PLUS 1p', sans-serif;
		color:#320304;
	}
	
}

/* ------------------------------------------------------------

シルバニアファミリー 640px以下

------------------------------------------------------------ */
@media (max-width: 640px) {
	
#contents{
	padding:15px 0 30px;
	border-top:5px solid #F1F1F1;
}
.intro_img{
	width:50%;
	margin:0 auto;
}

.sylvanian_slider01{margin-bottom:50px;}
.sylvanian_slider02 {margin-bottom:40px;}

#sp_container{padding:0 20px;}

.sylvanian01{margin-bottom:45px;}
.sylvanian01:last-of-type{margin-bottom:50px;}

.sylvanian01:first-of-type{margin-top:50px;}

.sylvanian02{margin-bottom:8%;}

.sylvanian03{
	text-align:center;
	font-size:12px;
	margin-bottom:30px;
}

.sylvanian03 p{margin-bottom:5px;}
.sylvanian03 p:last-of-type{margin-bottom:15px;}

.sylvanian04{
	border-bottom:5px solid #F1F1F1;
	padding-bottom:50px;
	margin-bottom:20px;
}

.intro_img{
	margin-bottom:13px;
	text-align:center;
}

.txt01{
	font-size:16px;
	font-weight:bold;
	font-family: 'M PLUS 1p', sans-serif;
	line-height:1.8;
	margin-bottom:30px;
	text-align:center;
	color:#320304;
}

.sylvanian_slider01 li img{width:100%;}

.img01{
	text-align:center;
	margin-bottom:20px;
}

.img01 img{
	width:89%;
}

.txt02{
	font-size:14px;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:bold;
	line-height:1.8;
	color:#320304;
}

.ttl01,
.ttl02,
.ttl03{
	text-align:center;
	margin-bottom:20px;
}

.ttl01 img{width:75%;}
.ttl02 img,
.ttl03 img{width:100%;}

.img02{
	margin-bottom:20px;
	text-align:center;
}

.ttl_enter01{
	background:url(../img/sylvanian/ttl_sp_sylvanian04.jpg) no-repeat center center;
	background-size:contain;
	height:25px;
	margin-bottom:25px;
}

.ttl_open01{
	background:url(../img/sylvanian/ttl_sp_sylvanian05.jpg) no-repeat center center;
	background-size:contain;
	height:25px;
	margin-bottom:25px;
}



.price01 img{width:50%;}

.attention01 h3{
	background:#CDCBA3;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	padding:5px 0;
}

.wrap_attention01{
	background:#F4F3E8;
	padding:15px 15px 20px 15px;
	text-align:left;
}

.time01{text-align:center;}

.time01 img{width:68%;}

.img03{
	text-align:center;
	margin-bottom:20px;
}

.img03 img{width:72%;}
	

/*-- リスト--*/
.list_sylvanian01{margin-right:-7%;}

.list_sylvanian01 li{
	width:45%;
	margin:0 5% 6% 0;
	font-size:12px;
	line-height:1.6;
}

.list_sylvanian01 li span{
	display:inline-block;
	letter-spacing:-0.07em;
}

.list_sylvanian01 li h2{font-size:16px;}

.wrap_attention01 .list01{margin-bottom:25px;}

.wrap_attention01 .list01 li{padding-left:15px;}

.wrap_attention01 .list01 li:last-child{margin-bottom:0;}

.wrap_attention01 .list02 li{
	margin:0 10px 5px 0;
}

.wrap_attention01 .list02 li:last-child{margin-bottom:0;}



/* スライドdots*/
.slick-dots{
	margin:auto;
	left:0;
	right:0;
	bottom:-35px;
}

.slick-dots li{margin:0 5px;}
.HV_text{
		margin-bottom:10px;
		text-align:center;
		font-family: 'M PLUS 1p', sans-serif;
	}


}