@charset "utf-8";
/* CSS Document */
/*! ==================================================
　common 丸フォーク B　→　Noto-sans に変更
=================================================== */
body{
	color:#030000;
	font-family: "noto-sans", sans-serif;
    font-size: 100%;
}
@media (max-width: 767px){
	body{
	font-family: "noto-sans", sans-serif;
}
}
.selector-for-some-widget {
  box-sizing: content-box;
}

a{
	text-decoration: none;
	color:#ff6666;
}
a:hover{
	color:#ff6666;
	text-decoration: none;
	opacity:0.8;
}

h2{
	padding-top:60px;
	padding-bottom:50px;
	text-align: center;
	background-image:url(../img/logomark.png);
	background-size: 100px;
	background-repeat: no-repeat;
	background-position: 30% 60%;
	text-shadow:1px 1px 1px white;
	
}
h2.pickup{
	background-image:url(../img/bkimg_pickup.png);
	background-position: center center;
	background-size: 50%;
}
@media only screen and (max-width: 767px) {	
	h2.pickup{
		background-size: 70%;
	}
}
h2.treasure{
	background-image:url(../img/bkimg_treasure.png);
	background-position: center center;
	background-size: 50%;
}
@media only screen and (max-width: 767px) {	
	h2.treasure{
		background-size: 90%;
	}
}
h2 span{
	font-size:1.0rem;
}
@media only screen and (max-width: 767px) {
	h2{
		padding-top:50px;
		padding-bottom:20px;
		background-size: 50px;
		background-position: 20px 30px;
		font-size:1.6rem;
	}
	h2 span{
		font-size:0.8rem;
	}
}
@media (min-width: 768px) and (max-width: 992px){
	h2{
		padding-top:50px;
		padding-bottom:20px;
		background-size: 80px;
		background-position: 50px 20px;
		font-size:1.6rem;
	}
	h2 span{
		font-size:0.8rem;
	}
}

h3{
	color:#d82539;
	background-color:#f9eff1;
	padding:0 0 15px 0;
}
.btn1{
	margin:10px auto 0;
	display: block;
	text-align: center;
}
.btn1 a{
	display: inline-block;
	padding:5px 40px;
	color:#fff;
	font-size:0.9rem;
  border-radius: 20px;
  background-image: -moz-linear-gradient( 90deg, rgb(229,102,127) 40%, rgb(254,164,159) 84%, rgb(253,198,198) 92%, rgb(252,232,236) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(229,102,127) 40%, rgb(254,164,159) 84%, rgb(253,198,198) 92%, rgb(252,232,236) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(229,102,127) 40%, rgb(254,164,159) 84%, rgb(253,198,198) 92%, rgb(252,232,236) 100%);
	
}
#banner ul{
	margin:0;
	padding:0 0 10px 0;
}
#banner li{
	list-style:none;
	padding:5px;
	margin:10px auto 0;
	text-align: center;
}
.pagelink{
	text-align: center;
	margin:50px 0 50px;
	font-size:1.0rem;
}
@media (max-width: 767px){
	.pagelink{
		font-size:0.8rem;
	}
}

.pagetop{
	position:fixed;
	bottom:0;
	right:5%;
	 width: 157px;
}
@media (max-width: 767px){
	.pagetop{
		display: none;
	}
}
.pagetop a{
		border-top:2px solid #fff;
		border-left:2px solid #fff;
		border-right:2px solid #fff;
		font-weight: bold;
		border-radius: 10px 10px 0 0;  
		text-decoration: none;
		background-color:#d82732;
		padding:10px 15px;
		display: block;
		color:#fff;
		font-size:0.9rem;
		float:right;
		text-align: center;		
	}
/* googlemap レスポンシブ*/
.gmap {
position: relative;
padding-bottom: 40.25%;
padding-top:0;
height: 0;
overflow: hidden;
}
@media only screen and (max-width: 992px) {
	.gmap {
		padding-bottom: 75%!important;/*4:3*/
	}
}
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.flexH [class^=col] {
  display: flex;
  flex-direction: column;
}

.flexH [class^=col] div {
  flex-grow: 1
}
.foottel{
	text-align: center;
	
	
	
}
.foottel a{
	color:#fff;
	background-color:#d82732;
	font-weight: bold;
	display: block;padding:15px;
}
@media (min-width: 768px){
	.foottel{
		display: none;

	}

}
/*! ==================================================
　header
=================================================== */
header{
	padding:0 10px;
}
header a{
	color:#333;
}
header a:hover{
	color:#333;
	opacity: 0.8;
}
header h1{
	max-width:150px;
}
header p{
	font-size:0.8rem;
	padding-top:25px;
	padding-left:30px;
	
}
@media only screen and (max-width: 992px) {
	header p{
		display:none;

	}
}

header address{
	font-size:1.0rem;	
}
@media (max-width: 767px){
	header{
		display: none;
	}
}
@media (min-width: 768px){
	header h1{
		padding-top:5px;
	}
	header address{
		padding-top:20px;
		font-size:1.2rem;
	}
	header span{
		font-size:1.0rem;
	}

}
/*! ==================================================
　nav
=================================================== */
.navbar-brand{
	color:#030000;
	text-shadow:1px 1px 1px white;
	font-weight: bold;
}
a.navbar-brand:hover{
	color:#030000;
}
@media (max-width: 767px){
	.navbar-brand span{
		font-size:1.0rem;
	}
}
@media (min-width: 768px){
	.navbar-brand{
		display: none;
	}
}
.navbgcolor{
  border-bottom:5px solid #e88286;	
 background-image: -moz-linear-gradient( 90deg, rgb(250,214,221) 40%, rgb(254,243,244) 84%, rgb(253,238,240) 92%, rgb(252,232,236) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(250,214,221) 40%, rgb(254,243,244) 84%, rgb(253,238,240) 92%, rgb(252,232,236) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(250,214,221) 40%, rgb(254,243,244) 84%, rgb(253,238,240) 92%, rgb(252,232,236) 100%);
	background-repeat: repeat-x;
}


.navcolor a{
	color:#030000;
	text-shadow:1px 1px 1px white;
	font-weight: bold;
}
.navcolor i{
	color:#ef8eaa;
}
.navcolor span{
	color:#ef8eaa;
}
/*ハンバーガーメニュー枠線*/
.navbar-toggler{
  border-color: #fff;
}
/*ハンバーガーメニュー背景色*/
.navbar-toggler{
  background-color: #d82732;
}
/*ハンバーガーメニュー三本線*/
.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	
}
/*! ==================================================
　main
=================================================== */

/* カルーセル */

.carousel-inner{
	position: relative!important;
	
}
.carousel-inner .carousel-item img{
	text-align: center;
	margin:auto;
	max-height: 700px;
}
.carousel-caption{
	position: absolute!important;
	top:20%!important;
	color:#333;
}
.carousel-caption h5{
	text-shadow:1px 1px 1px white;
}
.carousel-caption p{
	background-color:#fff;
	opacity: 0.8;
	padding:10px;
	border-radius: 10px;
	display: inline-block;
	margin-top:20px;
	text-shadow:1px 1px 1px white;
}

#home{
	padding:0;
	margin:0;
}
#home #contents{
	
	margin:0;
	padding:0;
}
#home #youkoso{
	background-color:#fdf8f7;
	padding:20px 5px 10px;
	overflow: hidden;
	
}
#home #youkoso .whitebox{
	position: relative;
	border-radius: 10px;
	background-color:#fff;
	width:80%;
	
	margin:40px auto ;
	display: block;
	margin-top:30px;
	text-align: center;
	padding:30px 15px 50px;
	font-size:1.2rem;
	
}
#home #youkoso .whitebox p{
	width:59%;
	margin:auto;
	display: block;
	text-align: center;
	line-height: 1.5;
	padding-top:30px!important;
}
@media only screen and (max-width: 576px) {
	#home #youkoso .whitebox{
		width:99%;
		font-size:0.8rem;
		padding:10px 5px 30px;
	}
	#home #youkoso .whitebox p{
		width:95%;
	
	}
}
@media (min-width: 577px) and (max-width: 992px) {
	#home #youkoso .whitebox{
		width:99%;
		font-size:0.9rem;
		padding:10px 5px 30px;
	}
	#home #youkoso .whitebox p{
		width:80%;
	
	}
}
#home #youkoso .whitebox .img1{
	position: absolute;
	left:-150px;
	top:100px;
	width:300px;
	
}
@media only screen and (max-width: 576px) {
	#home #youkoso .whitebox .img1{
		width:65px;
		left:-15px;
		top:-30px;
	}
}
@media (min-width: 577px) and (max-width: 992px) {
	#home #youkoso .whitebox .img1{
		width:200px;
		left:-10px;
		top:-30px;
	}
	
}
#home #youkoso .whitebox .img2{
	position: absolute;
	right:-50px;
	top:100px;
	width:250px;
	
}
@media only screen and (max-width: 576px) {
	#home #youkoso .whitebox .img2{
	width:65px;
		top:220px;
		right:-20px;
	}
}
@media (min-width: 577px) and (max-width: 992px) {
	#home #youkoso .whitebox .img2{
		width:200px;
		right:-30px;
	}
}
#home #youkoso .whitebox p{
	padding-top:10px;
}
.txtbox{
	padding-top:15px;
}
.txtbox p{
	padding-top:15px;
}
.photobox{
	padding-top:15px;
}

@media only screen and (max-width: 767px) {
	#home #contents h2{
		padding:10px 15px;
		font-size:1.2rem;
	}
	.carousel img{
		max-width:100%;/*画像中央ぞろえで必要*/
		height:250px;/*画像中央ぞろえで必要*/
		object-fit: cover;/*画像中央ぞろえで必要*/
		margin: 0 auto;/*画像中央ぞろえで必要*/
	}
	
}

@media (min-width: 768px){
	.carousel-caption h5{
		font-size:2.0rem;
	}
	.carousel-caption p{
		font-size:1.2rem;
	}
	.carousel img{
		max-width:100%;
		height:auto;
	}
	
}
/*! ==================================================
　news
=================================================== */
#home #newslist{
	background-color:#f9eff1;
	padding:50px 0 50px;
}
#home #newsbox{
	background-color:#fff;
  	border-radius: 20px;
  	box-shadow: 0px 3px 7px 0px rgba(246, 230, 234, 0.004);
	padding:0 10px 20px;
	width:80%;
	margin:auto;
}

@media only screen and (max-width: 992px) {
	#home #newsbox{
	width:95%;
		padding-top:10px;
}

}

#newslist .newsbox{
	padding:20px 10px 20px;
	

}
@media only screen and (max-width: 992px) {
	#newslist .newsbox{
	padding:0 10px 20px;
	

}
	}
#home #newslist h2{
	padding-bottom:0;
}
#newslist article{
	border-bottom:3px dotted #e5b0bc;
	padding:0 0;
	margin:20px 0 0;
}

#newslist time{
	display: inline-block;
	background-color:#d82539;
	padding:2px 5px;
	font-size:0.7rem;
	color:#fff;
}
#newslist h3{
	display: inline-block;
	margin-left:5px;
	font-size:1.2rem;
	font-weight: bold;
	color:#333;
	background-color:transparent;
	
}
@media (max-width: 767px){
	#newslist article{
		padding:5px 0;
		
	}
	#newslist h3{
		font-size:1.0rem;
		padding-top:5px;
	}
}
#news{
	padding:0 0 15px;
	min-height: 300px;
}
#newslist.newslist .newsbox{
	min-height:280px;
}
#news article{
	margin-top:30px;
	padding:5px 30px 5px;
	background-color:#fff;
	border-radius: 10px;
	
}
@media (max-width: 767px){
	#news article{
	margin-top:0!important;
		padding:5px 10px 5px;
	}
}
#news article p{
	padding:15px 0 0;
}
#news h3{
	margin-top:15px;
	color:#d82732;
	border-bottom:3px dotted #e5b0bc;
	padding-bottom:15px;
	font-size:1.4rem;
	font-weight: bold;
	background-color:#fff;
}
#news time{
	margin-top:30px;
	font-size:0.8rem;
}
#news .btn1{
	margin:50px 0 30px;
}
/*! ==================================================
　about
=================================================== */
#about{
	padding-bottom:30px;
	overflow: hidden;
}
#about h3{
	text-align: center;
	margin:20px 0 50px;
	padding:15px;
	font-size:1.4rem;
}
#about h3 span{
	font-size:0.8rem;
}
#about dl{
	border-bottom:3px dotted #e5b0bc;
	margin:15px 0;
}
#about dt{
	color:#d82539;
}
#about dd p{
	padding:0;
}
#about .content{
	padding:10px 0 30px;
	
}
#about .content p{
	line-height:1.8;
}
@media (max-width: 767px){
	#about .content{
		padding:0px 0 20px;

	}
	#about .content .message  p{
		padding:0 20px 0;
	}
}
@media (min-width: 768px) and (max-width: 992px){
	#about .content{
		padding:10px 20px;

	}
}
#about #profile figure{
		 margin-right:20px;
		margin-bottom:20px;
	
	}
@media (max-width: 767px){
	#about #profile figure{		
		margin:0 auto 50px;
	}
	#about #profile figure img{
		 width:60%;
		margin:auto;
		display: block;
	}
}

#about h3.maptitle{
	margin-bottom: 0!important;
}
/*! ==================================================
　contact
=================================================== */
#contact form{
	margin:20px 0;
	padding:10px 0;
}
#contact .thankstxt{
	padding:100px 0;
	text-align: center;
}
#contact .form-group{
	margin:5px 0;
	padding:0;
}
#contact label{
	font-weight: bold;
}
#contact .formback{
	/*background-color:#fcfcfc;*/
	padding:15px 5px;
	margin-top:15px;
}

#contact table{
	border:1px solid #e5b0bc;
	}			
	#contact table th{
		width:30%;
		font-weight: bold;
		background-color:#f9eff1;
		border:1px solid #e5b0bc;
	}
	#contact table td{
		width:70%;
		background-color:#fff;
		border:1px solid #e5b0bc;
	}

#contact form input{
	width:100%;
	padding:5px;
	margin:0;

}
 #contact form textarea{
	width:100%;
	 margin:0;

}
#contact .btnInput{
	margin-top:30px;
	
}
#contact .btnInput ul {
		font-size: 0;
		text-align: center;
		padding:0;
	}

#contact .btnInput li {
	font-size: 1.0rem;
	padding: 15px;
	list-style: none;
	display: inline-block;
}
	
#contact .btnInput input{	
	width: 200px!important;
	text-align: center;
	cursor:pointer;
	color: #fff;
	border:1px solid #fff;
	background-color: #d82732;
	padding:5px 0;
	
	display: inline-block;
}
@media (max-width: 767px){
	#contact .btnInput input{
		width: 100px!important;
	}
}
#contact p{
	padding:15px;
}

#contact .hissu,.alert{
	color:#c00;
	font-weight: bold;
}

/*! ==================================================
　footer
=================================================== */
footer{
	padding:50px 15px;
	color:#fff;
	background-color:#e192a4;
}
@media (max-width: 767px){
	footer{
		font-size:0.8rem;
		margin-bottom:50px;
	}
}

footer .name{
	font-size:1.4rem;
}
footer .name span{
	font-size:1.0rem;
}
footer a{
	color:#fff;
}
footer address{
	line-height: 1.5;
}
footer .copyright{
	font-size:0.8rem;
	text-align: center;
}
/*! ==================================================
　template
=================================================== */
.template a{
	text-decoration: none;
	color:#333333;
}
.template a:hover{
	color:#333333;
	text-decoration: none;
	opacity:0.8;
}

.template h2{

	
}
.template h2 span{
	font-size:1.0rem;
}

.template h3{
	background-color:#f9eff1;
	margin:30px 0;
	padding:10px 15px;
	font-size:1.4rem;
	text-align: center;
}
.template .contentsbox{
	margin-top:30px;
}
.template strong{

}

@media (min-width: 768px){
	.template.template02 .figure-l{
		padding-left:0;
	}
	.template.template02 .figure-r{
		padding-right:0;
	}
}
.template.template05 .box{
	border-bottom:1px solid #ddd;
	padding-bottom:15px;
	margin-bottom:15px;
}
.template.template05 .box p{
	padding-top:15px;
}
.template.template05 .box figure{
	margin-top:15px;
}
.template.template06 dl{
	margin:0;
	padding:0;
	border-bottom:1px solid #fff;
}
.template.template06 dt{
	margin:0;
	background-color:#333333;
	padding:15px;
	color:#fff;
}
.template.template06 dd{
	margin:0;
	background-color:#eee;
	padding:15px;
}
.template.template07 h3{	
	background-color:#333333;
	font-size:1.2rem;
	padding:10px;
	color:#fff;
	margin:15px 0 0;
	border-bottom:1px solid #eeeeee;
}
.template.template07 .openBox{
	background-color:#eeeeee;
	padding:15px;
}

/*! ==================================================
　greeting
=================================================== */
@media only screen and (max-width: 767px) {
	#greeting h2{
		padding-top:50px;
		padding-bottom:20px;
		background-size: 50px;
		background-position: 10px 30px;
		font-size:1.6rem;
	}
	#greeting h2 span{
		font-size:0.8rem;
	}
}
#greeting h3{
	background-color:transparent;
	line-height: 1.5;
	font-size:1.8rem;
	margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
	#greeting h3{
		font-size:1.2rem;
		margin-bottom: 10px;
	}
}
@media (min-width: 768px) and (max-width: 992px){
	#greeting h3{
		font-size:1.3rem;
		margin-bottom: 10px;
	}
}
#greeting figure.imgS {
	text-align: center;
	margin-top:30px;
		border-bottom:5px solid #e88286;
}
#greeting figure.imgS img{
	object-fit: contain;
	height:250px;
	
}
#greeting figcaption p{
	font-size:1.0rem!important;
	
}
#greeting .txtbox{
	margin-bottom:50px;
}
#greeting  h4{
	margin-top:50px;
	margin-bottom:30px;
	color:#d82539;
	background-color:#f9eff1;
	padding:10px;
}

#greeting h5{
	margin-top:20px;
	margin-bottom:20px;
	color:#d82539;
	padding:10px;
}
/*! ==================================================
　gift
=================================================== */
 @media (max-width: 767px){
	#gift h2{

		background-position: 10% 60%;

	}
	h2 span{
		font-size:0.8rem;
	}
}
#gift h3{
	padding:30px 0;
	margin-bottom: 50px!important;
	font-size: 1.6rem;
}
 @media (max-width: 767px){
	 #gift h3{
	 margin-bottom: 0px!important;
	 }
}
#gift figure{
	text-align: center;
}
#gift figure img{
	object-fit: contain;
	height:350px;
}
@media (min-width: 768px) and (max-width: 992px){
	#gift figure img{
		object-fit: contain;
		height:250px;
	}
}
#gift figure.imgS {
	text-align: center;
	margin-top:30px;
		border-bottom:5px solid #e88286;
	
}
#gift figure.imgS img{
	object-fit:contain;
	height:220px;
	width:100%;
	
	

}
#gift figcaption p{
	font-size:1.0rem!important;

	padding-top:15px;
	
}
#gift .txtbox{
	margin-bottom:50px;
}
#gift .txtbox2{
	background-color:#f9eff1;
	padding:50px;
	color:#d82539;
	text-align: center;
	line-height: 2.0;
	font-size:1.2rem;
}
 @media (max-width: 992px){
	 #gift .txtbox2{
		 padding:20px 10px;
		 font-size:1.0rem;
	 }
}

#gift  h4{
	margin-top:50px;
	margin-bottom:30px;
	color:#d82539;
	background-color:#f9eff1;
	padding:10px;
	
}

#gift h5{
	margin-top:20px;
	margin-bottom:15px;
	color:#d82539;

	font-size:1.2rem;
}
/*! ==================================================
　class
=================================================== */
 @media (max-width: 767px){
	#class h2{

		background-position: 10% 60%;

	}
	h2 span{
		font-size:0.8rem;
	}
}
#class h3{
	padding:30px 0;
	margin-bottom: 50px!important;
	font-size: 1.6rem;
}
 @media (max-width: 767px){
	 #class h3{
	 margin-bottom: 0px!important;
		 font-size: 1.4rem;
	 }
}
#class figure{
	text-align: center;
}
#class figure img{
	object-fit: contain;
	height:350px;
}
@media (min-width: 768px) and (max-width: 992px){
	#class figure img{
		object-fit: contain;
		height:200px;
	}
}
#class figure.imgS {
	text-align: center;
	margin-top:30px;
		border-bottom:5px solid #e88286;
	
}
#class figure.imgS img{
	object-fit:contain;
	height:220px;
	width:100%;
	
	

}
#class figcaption p{
	font-size:1.0rem!important;

	padding-top:15px;
	
}
#class .txtbox{
	margin-bottom:50px;
}
#class .txtbox2{
	background-color:#f9eff1;
	padding:50px;
	color:#d82539;
	text-align: center;
	line-height: 2.0;
	font-size:1.2rem;
}
 @media (max-width: 767px){
	 #class .txtbox2{
		 padding:20px 10px;
		 font-size:1.0rem;
	 }
}
#class h4{
	margin-top:50px;
	margin-bottom:30px;
	color:#d82539;
	background-color:#f9eff1;
	padding:10px;
}
 @media (max-width: 767px){
	 #class h4{
		 font-size:1.4rem;
	 }
}
#class h5{
	margin-top:20px;
	margin-bottom:20px;
	color:#d82539;
	padding:10px 0;
}
 @media (max-width: 767px){
	 #class h5{
		 font-size:1.2rem;
	 }
}
#pickup{
	padding-bottom: 80px;
	
}
#pickup p.pickuptitle{
	text-align: center;
	font-size:1.4rem;
	letter-spacing: 3px;
	color:#d82539;
}
 @media (max-width: 767px){
	 #pickup p.pickuptitle{
		 font-size:0.9rem;
		 letter-spacing: 1px;
	 }
}
#pickup .pickupbox{
	text-align: center;
	margin:50px auto;
	width:400px;
}
@media (max-width: 767px){
	#pickup .pickupbox{
		width:300px;
		margin:20px auto;
	}
}
@media (min-width: 768px) and (max-width: 992px){
	#pickup .pickupbox{
		width:300px;
	}
}
#pickup .pickupbox .photo{
	width:400px;
}
@media (max-width: 767px){
	#pickup .pickupbox .photo{
		width:250px;
		margin:auto;
	}
}
@media (min-width: 768px) and (max-width: 992px){
	#pickup .pickupbox .photo{
		width:300px;
	}
}
#pickup .pickupbox .photo img{
	object-fit: cover;
	width:400px;
	height:400px;
}
@media (max-width: 767px){
	#pickup .pickupbox .photo img{
		width:250px;
		height:250px;
	}
}
@media (min-width: 768px) and (max-width: 992px){
	#pickup .pickupbox .photo img{
		width:300px;
		height:300px;
	}
}
#pickup .pickupbox .content{
	padding-top:30px;
	width:400px;
	text-align: left;
}
@media (max-width: 767px){
	#pickup .pickupbox .content{
		width:300px;
	}
}
@media (min-width: 768px) and (max-width: 992px){
	#pickup .pickupbox .content{
		width:300px;
	}
}
#treasure{
	background-color:#f9eff1;
	padding:50px 0 80px;
	overflow: hidden;
	
}
@media (max-width: 767px){
	#treasure{
		padding:30px 0 30px;

	}
}
#treasure p.treasuretitle{
	text-align: center;
	font-size:1.2rem;
	letter-spacing: 3px;
	color:#d82539;
	margin-bottom: 50px;
}
@media (max-width: 767px){
	 #treasure p.treasuretitle{
		 font-size:1.0rem;
		 letter-spacing: 1px;
		 margin-bottom: 20px;
	 }
}
#treasure .treasurebox{
	text-align: center;
	margin:50px auto;
	width:300px;
}
@media (max-width: 992px){
	#treasure .treasurebox{
		margin:20px auto;
	}
}
@media (min-width: 992px) and (max-width: 1199px){
	#treasure .treasurebox{
		width:250px;
	}
}
#treasure .treasurebox .photo{
	width:250px;
	margin:0 30px; 
	
}
@media (min-width: 992px) and (max-width: 1199px){
	#treasure .treasurebox .photo{
		width:250px;
	}
}
#treasure .treasurebox .photo img{
	object-fit: cover;
	width:250px;
	height:250px;
	
}
@media (min-width: 992px) and (max-width: 1199px){
	#treasure .treasurebox .photo img{
		width:250px;
		height:250px;
	}
}
#treasure .treasurebox .content{
	padding-top:30px;
	width:300px;
	text-align: left;
	font-size:0.9rem;
}
@media (min-width: 992px) and (max-width: 1199px){
	#treasure .treasurebox .content{
		width:250px;
	}
}
#treasure .slick-arrow:before{
	content:""!important;
}

#treasure .slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
  }

#treasure .slick-next:before{
    background: url(../img/next.png)!important;
    background-size: contain!important;
  }

#treasure .slick-prev:before{
    background: url(../img/prev.png)!important;
    background-size: contain!important;
  }

#treasure .slick-arrow{
    z-index:2!important;
    width:60px!important;
    height:60px!important;
  }

#treasure .slick-next{
    right:-30px!important;
  }

#treasure .slick-prev{
    left:-30px!important;
  }
@media (max-width: 767px){
	#treasure .slick-next{
		right:-15px!important;
	  }

	#treasure .slick-prev{
		left:-15px!important;
	  }
}


#treasurechest p.treasuretitle{
	text-align: center;
	font-size:1.2rem;
	letter-spacing: 3px;
	color:#d82539;
	margin-bottom: 50px;
}
@media (max-width: 767px){
	 #treasurechest p.treasuretitle{
		 font-size:1.0rem;
		 letter-spacing: 1px;
		 margin-bottom: 20px;
		padding:0 30px;
	 }
}
#treasurechest #treasurelist{
	
}
#treasurechest #treasurelist{
	background-color:#f9eff1;
	padding:50px 0 80px;
	overflow: hidden;
	
}
@media (max-width: 767px){
	#treasurechest #treasurelist{
		padding:30px 0 30px;

	}
}
#treasurechest #treasurelist img{
	object-fit: cover;
	width:100%;
	height:250px;
}
@media (max-width: 767px){
	#treasurechest #treasurelist img{
	object-fit: cover;
	width:100%;
	height:170px;
}
}
#treasurechest #treasurelist .treasurebox {
	margin-top:15px;
}
#treasurechest #treasurelist .treasurebox .content{
	margin-top:15px;
	font-size:0.9rem;
}
@media (max-width: 767px){
	#treasurechest #treasurelist .treasurebox .content{
	font-size:0.8rem;
	}
}