/*
Theme Name: resocasi-child
Template: resocasi
*/

.btn:hover {
	background-color: #ccc !important;
}

.contents-list li a:hover {
	text-decoration: underline;
}
.thumb_photos {
	text-align: center;
}
.thumb_photos p {
	width: 150px; /* 任意の幅 */
	aspect-ratio: 1 / 1; /* 正方形 */
	overflow: hidden;
	display: inline-block;
	margin-right: 10px;
	font-size: 12px;
	padding-bottom: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
form input {
	font-family: initial;
	margin: 3px;
}
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form textarea {
	border-color: #666;
}
.thumb_photos img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.db_form input[type="text"] {
	width: 100%;
}
.db_form textarea {
	width: 100%;
	height: 10em;
}
.db_form .submit {
	clear: both;
	text-align: center;
}
.eyecatch-img img {
	max-width: 300px;
	margin-left: 15px;
	float: right;
}
.img-crop {
	width: 100%; /* 必要に応じて固定幅に */
	max-width: 600px;
	aspect-ratio: 3 / 2; /* 幅:高さ = 3:2 を指定 */
	overflow: hidden;
}

.img-crop img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* 重要：はみ出す部分を隠して拡大 */
	object-position: center; /* フォーカス位置を変えたい時は調整 */
	display: block;
	border-radius: 4px 4px 0 0;
}
.thumb {
	display: inline-block;
	float: left;
	width: 70px;
	height: 70px;
	overflow: hidden;
	border-radius: 0; /* 正方形なら不要、丸にしたい場合は 50% */
	margin: 0 10px 0 0;
}

.thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* 中央寄せでトリミング */
	object-position: center;
}
.btn.navimenu {
	margin: 0 5px 5px 0;
	min-width: 16em;
}
.pagenation .btn {
	margin-top: 5px;
}
/*iOS対応*/
a.btn,
form .btn {
	/*background-color: #fff;*/
	/*color: #333;*/
	border: solid 1px #999;
	/*margin-top: 5px;*/
}
.btn.btn-primary {
	color: #fff !important;
}
.page-spacer {
	padding: 3em 1em 1em;
}
.bookmark_btn {
	margin-top: 15px;
	display: inline-block;
}
.iine_btn {
	clear: both;
	margin-top: 15px;
	display: inline-block;
}
.ul_index_list {
	padding: 0;
}
.ul_index_list li {
	display: inline-block;
	margin-left: 1.5em;
}
.ul_index_list li::before {
	content: "≫ ";
	color: #bbb;
}
#report .header-page {
	background-image: url(/assets/img/header-report.jpg);
}
#bbs .header-page {
	background-image: url(/assets/img/header-bbs.jpg);
}
#liblary .header-page {
	background-image: url(/assets/img/header-library.jpg);
}
.card .country,
.card .tag {
	display: inline-flex;
	padding: 0.15em 1em;
	font-size: 0.85em;
}
.contents-list {
	margin: 0;
	padding: 0;
}
.contents-list span.comment,
.contents-list span.iine,
.contents-list span.bookmark {
	white-space: nowrap;
}
.contents-list li {
	list-style: none;
	margin-bottom: 0.5em;
	line-height: 1.35em;
	font-size: 90%;
}
.contents-list.report li {
	min-height: 72px;
	border-top: dotted 1px #ccc;
	/*border-right: solid 1px #aaa;
	border-bottom: solid 1px #bbb;*/
}
.contents-list.bbs li {
	border-top: dotted 1px #ccc;
	border-right: solid 1px #aaa;
	border-bottom: solid 1px #bbb;
	border-left: solid 7px #a1cdf4;
	padding-left: 10px;
	padding: 5px 15px;
}
.contents-list .title {
	font-size: 130%;
	line-height: 140%;
	display: inline-block;
}
#country-contents .plan-casino .report {
	background-color: aliceblue !important;
}

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 991px) {
	/*サイドバー消える*/
	.page-spacer {
		padding: 1em 0.5em;
	}
}
@media screen and (max-width: 768px) {
	/*iPad*/
}
@media screen and (max-width: 767px) {
	/*トグルメニュー出現*/
	.eyecatch-img {
		text-align: center;
	}
	.eyecatch-img img {
		margin: 0;
		float: none;
	}
}
@media screen and (max-width: 599px) {
	/*SP*/
	div.report,
	div.bbs {
		margin-bottom: 40px !important;
	}
	.contents-list .title {
		display: block;
	}

}

.left-column h1,
.left-column h2,
.left-column h3,
.left-column h4,
.left-column h5,
.left-column h6 {
	font-family: "Shin Go Regular";
}