body:before{
	content			: "";
	position		: absolute;
	height			: 100vh;
	top			: 0;
	left			: 50%;
	transform		: translateX(-50%);
	background		: #5fbf5b;
	z-index			: -1;
	width			: 100%;
}

@media (min-width:576px) {
	body:before{
	max-width	: 540px;
	}
}


@media (min-width:768px) {
	body:before{
	max-width	: 720px;
	}
}

@media (min-width: 992px) { 
	body:before{
	max-width	: 960px;
	}
}

@media (min-width: 1200px) { 
	body:before{
	max-width	: 1000px;
	}
}



/*---------------------------------------------------
.contents-block
---------------------------------------------------*/
.contents-block{
	padding-top	: 1rem;
	padding-bottom	: 1rem;
}

.contents-block .contents-inner{
	padding			: 2rem 1.5rem;
}

.contents-block.md-narrow{
	max-width	: 83.333333%;
	margin-left	: auto;
	margin-right	: auto;
}


#land-base{
	background		: #fffcf5;
}

/*---------------------------------------------------
title
---------------------------------------------------*/
.title{
	font-size		: 2.2rem;
	letter-spacing		: 0.2rem;
	font-family		: 'Varela Round', 'Kosugi Maru','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',"メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic";
	font-weight		: 400;
	text-align		: center;
	padding-top		: 1rem;
	padding-bottom		: 1rem;	
	color			: #d9c8b7;
	overflow		: hidden;
	position		: relative;
}


.title span {
	display			: inline-block;
	position		: relative;
	background		: #fffcf5;
	padding-right		: 20px;
	padding-left		: 20px;
}


.title:before {
	content			: "";
	border-bottom		: 2px solid #eee6de;
	width			: 98%;
	position		: absolute;
	top			: 50%;
	left			: 50%;
	transform		: translateY(-50%) translateX(-50%);
	z-index			: 0;
}



/*---------------------------------------------------
.btn
---------------------------------------------------*/
.btn-block{
	margin-top	: 1rem;
}

.btn{
	background	: #829caf;
	display		: block;
	text-align	: center;
	padding		: 0.5rem 0.75rem;
	color		: #fff;
	margin		: 0.5rem 0;
	font-weight	: bold;
	letter-spacing	: 0.1rem;
}

.btn:hover{
	opacity		:0.7;
	-webkit-transition-duration
			: 0.3s;
	transition-duration
			: 0.3s;
	pointer		: cursor;
}


/*----------------------------------------------------------
footer
----------------------------------------------------------*/


/*----------------------------------------------------------
main-visual
----------------------------------------------------------*/
#main-visual{
	position			: relative;
	margin-right		: -5px;
	margin-left		: -5px;
}
#image-area .img-box{
	position		: relative;
	height			: 100%;
	width			: 100%;
	display			: block;
}

@media (min-width: 992px) { 
	#image-area{
		position		: absolute;
		top			: 50%;
		left			: 50%;	
		-webkit-transform	: translateY(-50%) translateX(-50%);
		transform		: translateY(-50%) translateX(-50%);
		display			: block;
		padding			: 0 5px;
		width			: 100%;
	}
}
#image-area img{
	border-radius		: 4px;
}

.slick-dots {
	bottom: -26px;
}

.slick-dots li button:before {
	font-size: 12px;
	width: 0px;
  height: 0px;
}

/*----------------------------------------------------------
#turfy-prof
----------------------------------------------------------*/
#turfy-prof{
	position		: relative;
	padding			: 1rem;
	padding-top: 3rem;

}


.turfy-prof-text{
	padding			: 0 5px;
	width			: 100%;
}

#turfy-prof img{
	max-width		: 80px;
	margin			: 0 auto;
	position		: relative;
	display			: block;
}

#turfy-prof h3{
	margin-bottom		: 1rem;
}

@media (min-width: 992px) { 

	.turfy-prof-text{
		position		: absolute;
		display			: block;
		top			: 50%;
		left			: 50%;
		transform		: translateY(-50%) translateX(-50%);
	}
	#turfy-prof img{
		max-width		: 90px;
	}
}




/*----------------------------------------------------------
#turfy-mg
----------------------------------------------------------*/
#turfy-mg{
	text-align		: center;
	border-radius		: 4px;
	background		: #148aad;
}

#turfy-mg a{
	display			: block;
}

#turfy-mg h3{
	font-size		: 2.3rem;
	line-height		: 3rem;
	margin-bottom		: 1rem;	
	color			: #fff;
}

#turfy-mg h5{
	font-size		: 2rem;
	line-height		: 3rem;
	margin-bottom		: 1rem;	
	color			: #fff;
}

#turfy-mg p{
	color			: #fff;
}
#turfy-mg p.caution {
	margin-top:2rem;
	font-size: 12px;
}


#turfy-mg svg {
  display: inline-block;
  overflow: visible;
}
#turfy-mg .foreground {
  fill				: #fff;
}

#turfy-mg .background {
  stroke			: #53ad64;
  stroke-width		: 6;
  stroke-linejoin	: round;
}

#turfy-mg .background2 {
  stroke			: #5c5c5c;
  stroke-width		: 7;
  stroke-linejoin	: round;
}

@media (max-width:768px) {

#turfy-mg p.caution {
	text-align: left;
}

}
@media (max-width:480px) {

#turfy-mg p.caution {
	line-height: 1.4;
}	
}

/*----------------------------------------------------------
.kaisai-list
----------------------------------------------------------*/

.kaisai-list .kaisai-items{
	padding-top		: 1rem;
}
.kaisai-list .kaisai-items .card{
	padding-top		: 1.5rem;
	padding-bottom		: 1.5rem;
}

.kaisai-list .kaisai-items .card h4{
	font-weight		: normal;
	font-size		: 2.0rem;
	position		: relative;
	display			: inline-block;
}

.kaisai-list .kaisai-items .card:before{
	content			: "";
	position		: absolute;
	top			: 0;
	right			: 0;
	border-radius		: 0px 4px 4px 0;
	background		: #ddd;
	width			: 20px;
	height			: 100%;
}

.kaisai-list .kaisai-items .card:after{
	content			: "\f0da";
	font-family		: "Font Awesome 5 Free";
	position		: absolute;
	font-weight		: bold;
	top			: 50%;
	right			: 5px;
	font-size		: 2rem;
	color			: #fff;
	-webkit-transform	: translateY(-50%);
	transform		: translateY(-50%);
	-moz-osx-font-smoothing	: grayscale;
	-webkit-font-smoothing	: antialiased;
	display			: inline-block;
	font-style		: normal;
	font-variant		: normal;
	text-rendering		: auto;
	line-height		: 1;
}


/*
.kaisai-list .kaisai-items:nth-child(1) .card:before{
	background		: #3078b7;
}

.kaisai-list .kaisai-items:nth-child(2) .card:before{
	background		: #5fbf5b;
}

.kaisai-list .kaisai-items:nth-child(3) .card:before{
	background		: #882255;
}
*/


.kaisai-list .kaisai-items.a-jo .card:before{
	background		: #3078b7;
}

.kaisai-list .kaisai-items.b-jo .card:before{
	background		: #5fbf5b;
}

.kaisai-list .kaisai-items.c-jo .card:before{
	background		: #882255;
}


.kaisai-list .kaisai-items .card h4:before{
	content			: "";
	position		: absolute;
	top			: -15px;
	left			: -50px;
	height			: 60px;
	width			: 60px;
	background-repeat	: no-repeat;
	background-size		: contain;	
}

.kaisai-list .kaisai-items .card.sapporo h4:before{
	background-image	: url('../../images/place/uma1.png');
}
.kaisai-list .kaisai-items .card.hakodate h4:before{
	background-image	: url('../../images/place/uma2.png');
}
.kaisai-list .kaisai-items .card.fukushima h4:before{
	background-image	: url('../../images/place/uma3.png');
}

.kaisai-list .kaisai-items .card.niigata h4:before{
	background-image	: url('../../images/place/uma4.png');
}
.kaisai-list .kaisai-items .card.tokyo h4:before{
	background-image	: url('../../images/place/uma5.png');
}
.kaisai-list .kaisai-items .card.nakayama h4:before{
	background-image	: url('../../images/place/uma6.png');
}
.kaisai-list .kaisai-items .card.chukyo h4:before{
	background-image	: url('../../images/place/uma7.png');
}
.kaisai-list .kaisai-items .card.kyoto h4:before{
	background-image	: url('../../images/place/uma8.png');
}
.kaisai-list .kaisai-items .card.hanshin h4:before{
	background-image	: url('../../images/place/uma9.png');
}
.kaisai-list .kaisai-items .card.kokura h4:before{
	background-image	: url('../../images/place/uma10.png');
}





/*----------------------------------------------------------
masonry
----------------------------------------------------------*/
.grid{
	margin-top		: -5px;
	margin-right		: 5px;
	margin-left		: 5px;
}
.grid-item{
	width			: 100%;
	padding			: 5px;
}

.grid-item .card{
	border			: #f6f1ec 1px solid;
	overflow		: hidden;
}


.grid-item .card.lucky-color .card-body{
	background		: #53ad64;
	color			: #fff;
}

.grid-item .card .card-body p{
	min-height		: 6rem;
	padding-top		: 1rem;
	font-size		: 1.3rem;
	color			: #54a650;
}


.grid-item{
	max-width		: 50%;
}

@media (min-width:768px) {
	.grid-item{
		max-width			: 33.333333%;
	}
}

@media (min-width: 992px) { 
	.grid-item{
		max-width			: 24.999999%;
	}
}

@media (max-width:575px) {
	.lines3 {
		line-height	:	1.25;
	}
}

/*---------------------------------------------------
#nav
---------------------------------------------------*/
.TOP nav .container{
	background		: none;
}

.TOP .logo{
	padding			: 0;
}

.TOP .logo img{
	display			:none;
}

.TOP #nav-btn {
    background			: #fbdb31;
    padding-right		: 5px;
    padding-left		: 5px;
    display			: block;
    cursor			: pointer;
    position			: absolute;
    width			: 60px;
    height			: 67px;
    top				: 0;
    right			: 0;
    z-index			: 3;
}

.TOP #nav-list.active {
    padding-top			: 8rem;
}

.TOP .card-body h3{
	min-height		: 5rem;
	position		: relative;
}
.TOP .grid-item .card .card-body p{
	min-height		: 10.5rem;
}

.TOP .grid-item .card .card-body p span.sp_space{
	display			: block;
}


@media (min-width:768px) {
	
	.TOP .grid-item .card .card-body p span {
		display			: block;
		padding-right	:0;
	}

	.TOP .grid-item .card .card-body p{
		min-height		: 8rem;
	}
}
.TOP .card-body h3 span{
	position		: absolute;
	display			: inline-block;
	top			: 50%;
	left			: 0;
	-webkit-transform	: translateY(-50%);
	transform		: translateY(-50%);
}

.TOP .back-btn-block{
	display			: none;
}


/*----------------------------------------------------------
caution
----------------------------------------------------------*/
.caution{

}

.caution .container{
	background	: #fff;
	border		: 3px solid #E23C34;
}

.caution .text-red{
	color		: #E23C34;
}

.caution h3{
	padding-bottom		: 1rem;
}



/*----------------------------------------------------------
#news
----------------------------------------------------------*/
#news{
	border-radius		: 4px;
	background		: #a8cd51;
}

#news h3{
	color			: #fff;
	font-size		: 2.2rem;
	letter-spacing		: 0.2rem;
	text-align		: center;
	padding-top		: 1rem;
	line-height		: 2;
}

#news .contents-inner{
	padding			: 1rem;
}

#news ul,
#news li{
	margin			: 0;
	padding			: 0;
	list-style		: none;
}

#news .news-list{
	border-radius		: 4px;
	padding			: 1rem;
	background		: #fff;
}
#news ul{

	max-height 		: 250px;
	overflow-y		: scroll;
}


@media (min-width:768px) {
	#news ul{
		max-height : 110px;
	}
}


#news ul, #news li {
	padding			: 0.5rem 1rem;
	padding-left		: 20px;
	position		: relative;
	display			: block;
}

#news li:after{
	content			: "\f0da";
	font-family		: "Font Awesome 5 Free";
	position		: absolute;
	font-weight		: bold;
	top			: 1.75rem;
	left			: 0;
	font-size		: 2rem;
	color			: #fbdb31;
	-webkit-transform	: translateY(-50%);
	transform		: translateY(-50%);
	-moz-osx-font-smoothing	: grayscale;
	-webkit-font-smoothing	: antialiased;
	display			: inline-block;
	font-style		: normal;
	font-variant		: normal;
	text-rendering		: auto;
	line-height		: 1;
}


#news .news-date{
	width			: 120px;
}


#news a{
	cursor			: pointer;
}

#news a:hover{
	text-decoration		: underline;
}

/*----------------------------------------------------------
.coupon_code
----------------------------------------------------------*/
.coupon_code{
	text-align		: center;
	font-size:1.4rem;line-height		: 1.5;
	padding:20px 0px 30px 0px;
	background: url("/images/common/cupon.png") ;
	background-position: top center;
background-repeat: no-repeat;
}