@charset "shift_jis";
/* SpCommonReset
**************************** */
/* h1 and h2 */
#main h1 img,#main div[id^="h2_0"] img {
zoom: 1;
display: block;
max-width: 750px;
width: 100%;
height: auto;
margin: auto;
}
#mvBlock {
margin-bottom: 0;
}
.ichioshiBlock {
margin-bottom: 0;
}
.ichioshiBlock > h2 {
margin-bottom: 5%;
}

/* Wrap common */
.pairingWineWrap {
max-width: 750px;
width: 100%;
margin: 0 auto;
-webkit-text-size-adjust: 100%;
background: #fff;
line-height: 1.5;
}
.pairingWineWrap img {
vertical-align: top;
width: 100%;
height: auto;
zoom: 1 !important;
}
.pairingWineWrap a {
display: block;
}

/* pairingWineWrap */
.pairingWineWrap .anchorBlock01 {
margin-top: 2%;
}
.pairingWineWrap .anchorBlock01 .anchorList {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.pairingWineWrap .anchorBlock01 .anchorList .anchorItem {
width: calc(370 / 750 * 100%);
margin-bottom: calc(10 / 750 * 100%);
}
.pairingWineWrap .anchorBlock01 .anchorList .anchorItem:nth-child(n+3) {
margin-bottom: 0;
}

.pairingWineWrap .btnBlock01 {
width: calc(670 / 750 * 100%);
margin: 5% auto 0;
}
.pairingWineWrap .btnBlock02 {
width: calc(670 / 750 * 100%);
margin: 9% auto 0;
}

.pairingWineWrap .headingBlock01 {
margin-top: 5%;
}
.pairingWineWrap .headingBlock02 {
margin-top: 9%;
}
.pairingWineWrap .headingBlock03 {
margin-top: 7%;
}
.pairingWineWrap .headingBlock04 {
margin-top: 9%;
}

.pairingWineWrap .textBlock01 {
padding: 4% 8%;
font-size: clamp(13px, 3.6vw, 27px);
line-height: 1.7;
}
.pairingWineWrap .textBlock01.blockWashoku {
background-color: #e2ecef;
}
.pairingWineWrap .textBlock01.blockYoshoku {
background-color: #ebeedf;
}
.pairingWineWrap .textBlock01.blockChuka {
background-color: #f6eae8;
}

.pairingWineWrap .infoBlock01 {
margin: 8% 5% 0;
padding: 5% 6%;
background-color: #d9d9d9;
border-radius: 20px;
}
.pairingWineWrap .infoBlock01 .name {
font-size: clamp(13px, 4vw, 30px);
font-weight: bold;
}
.pairingWineWrap .infoBlock01 .detail {
margin-top: 10px;
font-size: clamp(13px, 4vw, 30px);
}
.pairingWineWrap .infoBlock01 .infoImg {
float: right;
width: calc(245 / 600 * 100%);
margin: 0 0 4% 5%;
}

.bannerWrap {
margin: calc(50 / 750 * 100%) auto;
}
.bannerList {
margin-top: calc(20 / 750 * 100%);
margin-inline: auto;
width:calc(690 / 750 * 100%);
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.justify-content-center .bannerList {
justify-content: center !important;
}
.col2-ban_sp_290_108 .bannerList {
gap: 20px;
}
.col2-ban_sp_290_108 .bannerItem {
width: calc(50% - 20px / 2);
}

.pairingWineWrap .cautionBlock {
margin-block-start: calc(50 / 750 * 100%);
margin-inline: auto;
inline-size: calc(710 / 750 * 100%);
padding-inline: calc(20 / 750 * 100%);
padding-block: calc(20 / 750 * 100%);
background-color: #e4e4ee;
font-size: clamp(13px, 3.6vw, 27px);
font-weight: bold;
}
.indent {
text-indent: -1em;
padding-left: 1em;
}