/* 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 */
.archivewineryWrap {
max-width: 750px;
width: 100%;
margin: 0 auto;
-webkit-text-size-adjust: 100%;
background: #ffffff;
}
.archivewineryWrap img {
vertical-align: top;
width: 100%;
height: auto;
zoom: 1 !important;
}
.archivewineryWrap a {
display: block;
}
/*istAnchorBlockA01****************************************************/
.archivewineryWrap .listAnchorBlockA01 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: auto;
margin-top: 8%;
width: calc(670/750*100%);
}
.archivewineryWrap .listAnchorBlockA01 li {
width: calc(208/670*100%);
margin-right: 2.98507%;
margin-bottom: 4.47761%;
border: 1px solid #eeeeee;
position: relative;
}
.archivewineryWrap .listAnchorBlockA01 li a {
display: inline-block;
line-height: 1.37;
color: #424242;
font-size: 11px;
font-weight: bold;
}
.archivewineryWrap .listAnchorBlockA01 li a > span {
display: block;
padding: 5.28846% 3.84615% 19.23077% 5.28846%;
position: relative;
}
.archivewineryWrap .listAnchorBlockA01 li a > span:after {
content: "";
position: absolute;
background: url(../image/archivewinery_sp_arrow_001_220208.png) 0 0 no-repeat;
background-size: 100%;
width: 10px;
height: 5px;
bottom: 5px;
left: 0;
right: 0;
margin: auto;
}
.archivewineryWrap .listAnchorBlockA01 li:nth-of-type(3n+0) {
margin-right: 0;
}
/*titleContent01****************************************************/
.archivewineryWrap .titleContent01 {
padding-bottom: 1.73333%;
margin-bottom: 5.33333%;
text-align: center;
font-size: 23px;
font-weight: bold;
line-height: 1.478;
border-bottom: 1px solid #333333;
}
/*titleContent02****************************************************/
.archivewineryWrap .titleContentA02 {
margin-bottom: 3.8%;
padding: 3.5%;
font-size: min(4.26vw,26.4px);
font-weight: bold;
line-height: 1.3;
text-align: center;
background: url(../image/archivewinery_sp_bg_title_001_220208.jpg) center center no-repeat;
background-size: 100%;
}
.archivewineryWrap .titleContentB02 {
margin-bottom: 3.8%;
padding: 3.5%;
font-size: min(4.26vw,26.4px);
color:#ffffff;
font-weight: bold;
line-height: 1.3;
text-align: center;
background: url(../image/archivewinery_sp_bg_title_002_220510.jpg) center center no-repeat;
background-size: 100%;
}
.archivewineryWrap .titleContentC02 {
margin-bottom: 3.8%;
padding: 3.5%;
font-size: min(4.26vw,26.4px);
color:#ffffff;
font-weight: bold;
line-height: 1.3;
text-align: center;
background: url(../image/archivewinery_sp_bg_title_003_220712.jpg) center center no-repeat;
background-size: 100%;
}
.archivewineryWrap .titleContentD02 {
margin-bottom: 3.8%;
padding: 3.5%;
font-size: min(4.26vw,26.4px);
color:#ffffff;
font-weight: bold;
line-height: 1.3;
text-align: center;
background: url(../image/archivewinery_sp_bg_title_004_220913.jpg) center center no-repeat;
background-size: 100%;
}
.archivewineryWrap .titleContentE02 {
margin-bottom: 3.8%;
padding: 3.5%;
font-size: min(4.26vw,26.4px);
color:#ffffff;
font-weight: bold;
line-height: 1.3;
text-align: center;
background: url(../image/archivewinery_sp_bg_title_005_221115.jpg) center center no-repeat;
background-size: 100%;
}
.archivewineryWrap .titleContentF02 {
margin-bottom: 3.8%;
padding: 3.5%;
font-size: min(4.26vw,26.4px);
font-weight: bold;
line-height: 1.3;
text-align: center;
background: url(../image/archivewinery_sp_bg_title_006_230307.jpg) center center no-repeat;
background-size: 100%;
}
.archivewineryWrap .titleContentG02 {
margin-bottom: 3.8%;
padding: 3.5%;
font-size: min(4.26vw,26.4px);
font-weight: bold;
line-height: 1.3;
text-align: center;
background: url(../image/archivewinery_sp_bg_title_007_230516.jpg) center center no-repeat;
background-size: 100%;
}
.archivewineryWrap .titleContentH02 {
margin-bottom: 3.8%;
padding: 3.5%;
font-size: min(4.26vw,26.4px);
font-weight: bold;
line-height: 1.3;
text-align: center;
background: url(../image/archivewinery_sp_bg_title_008_230711.jpg) center center no-repeat;
background-size: 100%;
}
.archivewineryWrap .titleContentI02 {
margin-bottom: 3.8%;
padding: 3.5%;
font-size: min(4.26vw,26.4px);
font-weight: bold;
line-height: 1.3;
text-align: center;
background: url(../image/archivewinery_sp_bg_title_009_230912.jpg) center center no-repeat;
background-size: 100%;
}
.archivewineryWrap .titleContentJ02 {
margin-bottom: 3.8%;
padding: 3.5%;
font-size: min(4.26vw,26.4px);
font-weight: bold;
line-height: 1.3;
text-align: center;
background: url(../image/archivewinery_sp_bg_title_010_231107.jpg) center center no-repeat;
background-size: 100%;
color: #fff;
}
.archivewineryWrap .titleContentK02 {
margin-bottom: 3.8%;
padding: 3.5%;
font-size: min(4.26vw,26.4px);
font-weight: bold;
line-height: 1.3;
text-align: center;
background: url(../image/archivewinery_sp_bg_title_011_240116.jpg) center center no-repeat;
background-size: 100%;
color: #fff;
}
.archivewineryWrap .titleContentL02 {
margin-bottom: 3.8%;
padding: 3.5%;
font-size: min(4.26vw,26.4px);
font-weight: bold;
line-height: 1.3;
text-align: center;
background: url(../image/archivewinery_sp_bg_title_012_240312.jpg) center center no-repeat;
background-size: 100%;
color: #fff;
}
.archivewineryWrap .titleContentM02 {
margin-bottom: 3.8%;
padding: 3.5%;
font-size: min(4.26vw,26.4px);
font-weight: bold;
line-height: 1.3;
text-align: center;
background: url(../image/archivewinery_sp_bg_title_013_251028.jpg) center center no-repeat;
background-size: 100%;
color: #fff;
}
.archivewineryWrap .titleContentA02 > span,
.archivewineryWrap .titleContentB02 > span,
.archivewineryWrap .titleContentC02 > span,
.archivewineryWrap .titleContentD02 > span,
.archivewineryWrap .titleContentE02 > span,
.archivewineryWrap .titleContentF02 > span,
.archivewineryWrap .titleContentG02 > span,
.archivewineryWrap .titleContentH02 > span,
.archivewineryWrap .titleContentI02 > span,
.archivewineryWrap .titleContentJ02 > span,
.archivewineryWrap .titleContentK02 > span,
.archivewineryWrap .titleContentL02 > span{
font-size: min(3.26vw,18px);
}
/*titleContent03****************************************************/
.archivewineryWrap .titleContent03 {
margin-bottom: 3.5%;
border-bottom: 1px solid #333333;
padding-bottom: 4.2%;
font-size: 22px;
font-weight: bold;
line-height:1.2;
}
/*blockContent****************************************************/
.archivewineryWrap .blockContent {
margin-top: 13.6%;
}
.archivewineryWrap .blockContent01 {
margin-top: 7.6%;
}
/*blockInfo01****************************************************/
.archivewineryWrap .blockInfo01 .contnetInfo {
background-color: #f3f3f3;
padding: 5.4% 5.33333% 10.66667%;
}
.archivewineryWrap .contnetInfo .boxTextInfo {
font-size: 15px;
line-height: 1.467;
}
.archivewineryWrap .boxBtn {
cursor: pointer;
max-width: 440px;
margin: auto;
padding-top: 7.8%;
}
.archivewineryWrap .secretBox {
display: none;
padding-top: 8.95522%;
}
.archivewineryWrap .boxTextInfo p {
padding: 15px 0;
line-height: 2;
}
/*listSearchWine****************************************************/
.archivewineryWrap .listSearchWine {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: calc(604/750*100%);
margin: auto;
margin-bottom: 3.2%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.archivewineryWrap .listSearchWine li {
width: calc(291/604*100%);
margin-bottom: 3.80795%;
}
.archivewineryWrap .blockWine {
padding-bottom: 13.33%;
}
.archivewineryWrap .notice {
background-color: #e3e5ed;
}
.archivewineryWrap .notice_txt {
font-size: 16px;
font-weight: bold;
line-height: 1.7;
padding: 10px 15px;
}