.pc-only {display: block !important;}
.sp-only {display: none !important;}

@media screen and (max-width: 1199px) {
	.pc-only {display: none !important;}
	.sp-only {display: block !important;}
}

/* おすすめ日本酒一覧ページ
----------------------------------------------- */
.recommend-nihonshu .fv {margin-bottom: 60px;}
.recommend-nihonshu .fv img {display: block; margin-bottom: 40px;}
.recommend-nihonshu h2 {display: flex; align-items: center; justify-content: center; font-size: 28px; margin-bottom: 40px; font-weight: normal; font-family: "Noto Serif JP", serif;}
.recommend-nihonshu h2:before,
.recommend-nihonshu h2:after {content: ""; display: block; background-size: cover;}

.recommend-nihonshu h2:before {width: 63px; height: 50px; background: url('../img/ext/midashi_left.png'); margin-right: 5px;}
.recommend-nihonshu h2:after {width: 42px; height: 46px; background: url('../img/ext/midashi_right.png'); margin-left: 5px;}

.recommend-nihonshu h3 {background: url('../img/ext/midashi_bg.png'); height: 50px; width: 100%; background-size: cover; display: flex; justify-content: center; align-items: center; color: #fff;  font-size: 26px; margin-bottom: 20px; font-weight: normal; font-family: "Noto Serif JP", serif;}
.recommend-nihonshu h3 + p {margin-bottom: 20px;}
.recommend-nihonshu p {font-size: 14px;}

.recommend-nihonshu .list {margin-bottom: 40px; display: flex; align-items: flex-start; gap: 10px;}
.recommend-nihonshu .list a {display: block; width: calc((100% - 10px*3)/4);}
.recommend-nihonshu .list img {display: block; margin: 0 auto 10px;}
.recommend-nihonshu .list .name {font-size: 1.2rem; margin-bottom: 5px;}
.recommend-nihonshu .list .price {font-size: 13px; color: #f00; letter-spacing: 1px;}

@media screen and (max-width: 1199px) {
	.recommend-nihonshu h3 {height: auto; padding: 10px 10px; box-sizing: border-box; font-size: 24px;}
	.recommend-nihonshu .list {flex-wrap: wrap;}
	.recommend-nihonshu .list a {display: block; width: calc((100% - 10px)/2);}
	
}

/* おすすめ甘口日本酒一覧ページ
----------------------------------------------- */
.recommend-amakuchi {padding-bottom: 100px;}
.recommend-amakuchi .fv {margin-bottom: 20px;}
.recommend-amakuchi .fv img {display: block; margin-bottom: 40px;}
.recommend-amakuchi .fv .midashi {margin: 40px auto 0px;}
.recommend-amakuchi h2 {background: url('../img/ext/midashi_bg.png'); height: auto; width: 100%; padding: 10px 20px; background-size: cover; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 26px; margin-bottom: 20px; font-weight: normal; font-family: "Noto Serif JP", serif; text-align: center;}
.recommend-amakuchi h2 + p {margin-bottom: 20px;}
.recommend-amakuchi p {font-size: 14px;}
.recommend-amakuchi img {display: block; margin: 0 auto 40px;}
.recommend-amakuchi .inner {display: flex; flex-direction: column; gap: 40px;}
.recommend-amakuchi p a {display: inline-block;}

@media screen and (max-width: 1199px) {
	.recommend-amakuchi h2 {height: auto; padding: 10px 10px; box-sizing: border-box; font-size: 20px;}
}

/* 銘柄一覧ページ
----------------------------------------------- */
.list-of-brands .fv {margin-bottom: 30px;}
.list-of-brands .fv img {display: block;}
.list-of-brands h2 {font-size: 23px; text-align: left; font-weight: normal; color: #222222; display: flex; align-items: center; gap: 11px; margin-bottom: 13px;}
.list-of-brands h2:before {content: ""; display: block; width: 0; height: 0; border-style: solid; border-right: 13px solid transparent; border-left: 13px solid transparent; border-top: 20px solid #ff6501; border-bottom: 0;}
.list-of-brands .list {display: flex; flex-wrap: wrap; gap: 36px 18px; margin-bottom: 110px;}
.list-of-brands .list .sake-item {width: calc((100% - 18px*3)/4);}
.list-of-brands .list .sake-item a {color: #222222;}
.list-of-brands .list .sake-image {position: relative; margin-bottom: 20px;}
.list-of-brands .list .sake-region {display: inline-flex; justify-content: center; align-items: center; background: #1f3461; color: #fff; font-size: 10px; position: absolute; left: 5px; top: 5px; padding: 2px 5px; border-radius: 5px; z-index: 10;}
.list-of-brands .list .sake-name {font-size: 16px; text-align: center;}
.list-of-brands .list .sake-description {font-size: 13px; text-align: center; margin-top: 20px;}


@media screen and (max-width: 1199px) {
	.list-of-brands .list .sake-item {width: calc((100% - 18px)/2);}
}