<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "shift_jis";

body{height:auto !important;}
/* 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;
}
/* wrap */
.sommelierWrap{
max-width:750px;
width:100%;
margin:0 auto;
-webkit-text-size-adjust:100%;
}
.sommelierWrap img{
vertical-align: top;
width: 100%;
height: auto;
zoom: 1 !important;
}
.sommelierWrap a{
display: block;
}
.sommelierWrap .pb50{padding-bottom:50px;}
.sommelierWrap .pb30{padding-bottom:30px;}
.sommelierWrap .pt10{padding-top:10px;}
.sommelierWrap .pt15{padding-top:15px;}
.sommelierWrap .mt40{margin-top: 40px;}
.sommelierWrap .mt27{margin-top: 27px;}
.sommelierWrap span.fs16{ font-size: 15px;}
.sommelierWrap .sideMenu{padding-right: 50px;}
.sommelierWrap .section01{padding-bottom:65px;}
.sommelierWrap .section02{padding-bottom:10px;}
.sommelierWrap .anchorList{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin:0 4%;
}
.sommelierWrap .anchorList li{
width: 31.55%;
position:relative;
border:1px solid #eeeeee;
margin:0 2% 22px 0;
font-family: 'HiraKakuStdN',sans-serif;
}
.sommelierWrap .anchorList li:nth-child(3n){
margin:0 0 22px 0;
}
/*.sommelierWrap .anchorList li:last-child{
margin:0 0 22px 0;
}*/
.sommelierWrap .listName{
padding: 4px 5px 15px 5px;
}
.sommelierWrap .listName span{
font-size:20px;
}
.sommelierWrap .listName p{
color:#424242;
font-size:24px;
line-height: 1.67;
padding-bottom:16px;
}
.sommelierWrap .anchorList a{color:#424242;}
.sommelierWrap .anchorList a::after{
content:'';
position: absolute;
left: 0;
bottom: 0%;
display: block;
width: 100%;
height: 5px;
background: url('../image/img_arrow_sp_sommelier.png') no-repeat bottom center;
background-size: 19px 10px;
margin-bottom: 5px;
}
.sommelierWrap .section_header h2{
padding: 6px 0 2px;
text-align: center;
border-bottom: 1px solid #333333;
font-size: 46px;
line-height: 1.6;
font-weight: bold;
margin: 0 0 10px;
}
.sommelierWrap .bannerImg{
padding:30px 0 90px;
}
.sommelierWrap .bannerImg img{margin:auto;}
.sommelierWrap .listHead{
margin: 37px 0 16px;
padding: 6px 0 6px;
text-align: center;
background: url(../image/bg_sommelier.png);
color: #fff;
}
.sommelierWrap .listHead h2{
font-weight: 600;
font-size: 40px;
line-height: 1.25;
}
.sommelierWrap .fs30{font-size:30px !important;}
.sommelierWrap .columnBlockA01{
max-width: 670px;
padding:40px;
background: #f2ced5;
}
.sommelierWrap .column:first-child{
float: left;
width: 140px;
}
.sommelierWrap .column:last-child{
float: left;
width: calc(100% - 140px);
padding-left: 20px;
}
.sommelierWrap .ttlA01 span:first-child{padding-bottom:25px;}
.sommelierWrap .ttlA01 span{
display: inline-block;
vertical-align: middle;
margin: 0 0 0 16px;
}
.sommelierWrap .listBox{
padding:40px;
background-color: #fef3f5;
margin-bottom:20px;
}
.sommelierWrap .boxHead{padding-bottom: 14px;}
.sommelierWrap .boxTxt p,.secretBox{
color: #333333;
font-size:30px;
line-height: 1.6;
}
.sommelierWrap .boxBtn{
cursor: pointer;
margin:auto;
padding-top:24px;
}
.sommelierWrap .secretBox{
display: none;
padding-top:45px;
}
.sommelierWrap .boxTxt p,
.sommelierWrap .secretBox p{
padding:15px 0;
}
.sommelierWrap .drinkList{
margin: 0 auto;
width: 89.3%;
}
.sommelierWrap .drinkList li{
margin: 0 0 4.5%;
width: 47.6%;
float: left;
}
.sommelierWrap .drinkList li:nth-child(2n){
float: right;
}
.sommelierWrap .drinkList img{width: 100%;}
.sommelierWrap .notice{
margin-top:8%;
background-color: #e3e5ed;
}
.sommelierWrap .notice_txt{
font-size: 24px;
font-weight: bold;
line-height: 1.7;
padding:10px 15px;
}
.sommelierWrap .boxBtn:hover,.sommelierWrap .bannerImg a:hover,.sommelierWrap .drinkList li:hover{opacity: 0.7;}
.textLine{
background: linear-gradient(transparent 60%, #fff100 60%);
font-weight: bold;
}
.sommelierWrap .boxtitle{
padding-bottom: 6px;
font-size: 36px;
line-height: 1.25;
border-bottom: 1px solid #333333;
margin-bottom: 6px;
}
.sommelierWrap .boxtitle h3{font-weight: bold;}
@media screen and (max-width:480px){
.sommelierWrap .listName span{font-size: 10px;letter-spacing: .09em;}
.sommelierWrap .listName p{font-size:12px;line-height: 1.5;letter-spacing: -.05em;}
.sommelierWrap .section_header h2{font-size:30px;}
.sommelierWrap .fs30{font-size: 20px !important;}
.sommelierWrap .listHead h2{font-size: 28px;}
.sommelierWrap .boxtitle{font-size:24px;}
.sommelierWrap .boxTxt p,.secretBox{font-size:18px;}
.sommelierWrap .notice_txt{font-size:16px;}
.sommelierWrap .anchorList a::after{background-size: 15px 7px;}
.sommelierWrap .drinkList li{margin: 10px 10px 0 0;}
.sommelierWrap .drinkList li:nth-child(2n){margin-right: 0px;}
.sommelierWrap .banner .section_header .bannerImg{padding: 10px 0 18px;}
}
@media screen and (max-width:375px){
.sommelierWrap .section01{padding-bottom: 20px;}
.sommelierWrap .section_header h2{font-size: 23px;}
.sommelierWrap .listHead h2{font-size: 20px;}
.sommelierWrap .boxtitle{font-size: 18px;}
.sommelierWrap .boxTxt p, .secretBox{font-size: 15px;}
.sommelierWrap .listBox{padding: 20px 20px 40px;}
}
@media screen and (max-width:320px){
.sommelierWrap .section_header h2{font-size: 22px;}
.sommelierWrap .listHead h2{font-size:18px;}
.sommelierWrap span.fs16{font-size:14px;}
.sommelierWrap .boxtitle{font-size: 15px;}
.sommelierWrap .boxTxt p, .secretBox{  font-size: 13px;}
.sommelierWrap .listBox{padding:15px 15px 30px;}
}


/* 250610up ****************************************************/
.noteTxt {
font-size: 14px;
vertical-align: top;
}
.mb30 {
margin-bottom: 30px !important;
}
.pt0 {
padding-top: 0 !important;
}
.referenceTxt p {
font-size: 14px;
margin-left: 2.6rem;
text-indent: -2.6rem;
}
.referenceTxt a {
display: inline;
}</pre></body></html>