@charset "UTF-8";
/**
 * TOPページの設定
 *
 *
**/
body {
	font-family: 游ゴシック;
}

/*************************************
 * カルーセルとnewsブロックを重ねる
 ************************************/
div#news {
position: static;
	width: 100%;
	background-color:rgba(255,255,255,0.5);
}
div#news div a {
	background-color:transparent;
}
div#news .list-group .list-group-item:hover {
    background-color:rgba(145, 96, 56, 0.1);
}
@media (min-width: 992px) {
    /* スマホサイズではないときだけ重ねる */
	div#news {
		/*position: absolute;*/
		right: 0;
		bottom: 0;
		/*width: 50%;*/
	}
	div#news .list-group .list-group-item {
		/** 文字が目立たないので黒くする **/
		color:#000000;
	}
}

/*************************************
 * newsブロックの開閉ボタン
 ************************************/
 #expandNews>button {
	background-color: transparent;
	color: #895935;
	border: 0;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
 }
#expandNews>button:hover {
	color: #000;
 }
/*************************************
 * 各ブロックのタイトル
 ************************************/
.category-title {
	color: #895935;
	text-align: center;
	font-family: serif;
}

/*************************************
 * ショップカテゴリ
 ************************************/
div#shopcategory div.card-img-overlay {
	color: #895935;
	background-color: rgba(255,255,255,0.9);
	width:80%;
    height: 6rem;
    border: 1px solid #895935;
    border-radius: 10px;
}
div#shopcategory div.card-img-overlay img {
	/** アイコン **/
    width:2rem;
    height:2rem;
}
.font-size-small {
	font-size:0.9rem;
}
@media (min-width: 576px) and (max-width: 767.98px) {/* sm */
	.font-size-small {
		font-size:1rem;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {/* md */
	div#shopcategory div.card-img-overlay {
		/* background-color: rgba(255,255,255,0.9); */
		width:90%;
	    height: 6rem;
	}
	div#shopcategory div.card-img-overlay h5{
		/* font-size:1rem; */
	}
	.font-size-small {
		font-size:0.7rem;
	}
	div#shopcategory div.card-img-overlay img {
		/** アイコン **/
	    width:1.5rem;
	    height:1.5rem;
	}
}
/*************************************
 * 記事card
 ************************************/
div#event .card,
div#feature .card,
div#deepspot .card{
 	background-color:transparent;
 	border:none;
 }
div#etc .card {
 	border:none;
 }

div#event .card .card-text,
div#feature .card .card-text,
div#deepspot .card .card-text {
	color: #895935;
}
 div#etc .card .card-title {
	color: #895935;
	text-align: center;
}
 div#etc .card .card-text {
	color: #895935;
}
div#etc .card img{
 	max-height:320px;
 	object-fit: contain;
 }
/*************************************
 * 「もっと見る」ボタン
 ************************************/
button.seemore-btn {
	color: #895935;
	background-color: #f8f9fa;
	border-color: #895935;
}
button.seemore-btn:hover {
	color: #FFFFFF;
	background-color: #895935;
	border-color: #895935;
}