@charset "shift_jis";

/* SpCommonReset
*****************************/
/* h1 and h2 */
#main h1 img,#main h2[id^="h2_0"] img{
zoom:1;
display:block;
max-width:750px;
width:100%;
height:auto;
margin:auto;
}
/* .marginLR01 {
  margin-inline: 0;
} */
#main h2{
  margin-top: 20px;
}
/* specialSelectionWrap
*****************************/
/* wrap */
.specialSelectionWrap{
max-width:750px;
width:100%;
margin:0 auto;
-webkit-text-size-adjust:100%;
padding-bottom: 10%;
}
.specialSelectionWrap img{
vertical-align:top;
width:100%;
height:auto;
zoom:1 !important;
}

.specialSelectionWrap a{
display:block;
color:#190e08;
}

/* mvBlockA01
*****************************/
/* 終了対応 */
.specialSelectionWrap .mvBlockA01 {
  position: relative;
}
.specialSelectionWrap .mvBlockA01.grayOut::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 10;
}
.specialSelectionWrap .mvBlockA01.grayOut::after {
  position: absolute;
  inset: 0;
  margin: auto;
  content: "";
  display: block;
  width: calc((518 / 750) * 100%);
  height: calc((151 / 299) * 100%);
  background: url(../image/specialSelection_sp_end_001_240411.png) no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: 20;
}
/* anchorLinkBlockA01
*****************************/
.anchorLinkBlockA01 ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-inline: calc(48 / 750 * 100%);
}
.anchorLinkBlockA01 li {
  inline-size: 50%;
}

/* anchorLinkBlockA02
*****************************/
.specialSelectionWrap .anchorLinkBlockA02{
margin:0 auto 16%;
padding:1.83% 0 0;
width:92%;
border-top:1px solid #7f7f7f;
}

.specialSelectionWrap .anchorLinkBlockA02 ul li{
width:24.9%;
float:left;
border-right:1px solid #7f7f7f;
}

.specialSelectionWrap .anchorLinkBlockA02 ul li:last-child{
width:24.78%;
border-right:none;
}

/* mainBlock01
*****************************/
.specialSelectionWrap .mainBlock01{
margin-bottom: 13.33%;
padding:10.53% 0;
/*background:url(../image/specialSelection_sp_bg_001_230126.jpg) repeat-y top left;
background-size:contain;*/
background-color: #f2e7d6;
}

.specialSelectionWrap .headingBlockA01{
margin:0 auto 5.2%;
width:87.2%;
}

/* .productBlock
*****************************/
.specialSelectionWrap .productBlock{
padding:0 4%;
color:#190e08;
}

/* productBoxA01
*****************************/
.specialSelectionWrap .productBoxA01{
/*margin:0 0 5.2%;*/
}

.specialSelectionWrap .productBoxA01 ul li{
padding: 2.89855072% 2.89855072% 4.34782609%;
margin: 0 0 12.2%;
/*background-color: #fff;*/
}

.specialSelectionWrap .productBoxA01 ul li:last-child{
margin-bottom:0;
}

.specialSelectionWrap .productBoxA01 .img{
margin:0 0 3.95%;
border:1px solid #ddd;
}

.specialSelectionWrap .productBoxA01 .name{
margin:0 0 3.95%;
font-size:20px;
line-height:1.45;
font-weight:bold;
}

.specialSelectionWrap .productBoxA01 .txt{
margin:0 0 4.25%;
font-size:12.5px;
line-height:1.6;
}

.specialSelectionWrap .productBoxA01 .mile{
margin:0 0 3.2%;
font-size:25px;
text-align:right;
color:#333333;
line-height:1;
font-weight:bold;
}

.specialSelectionWrap .productBoxA01 .mile span{
font-size:18px;
}


.specialSelectionWrap .productBoxA01 .btn{
margin:0 auto;
width:77.3%;
font-size:14px;
}

.specialSelectionWrap .productBoxA01 .btn a{
padding:6.36% 0 7.1%;
position:relative;
display:block;
color:#FFF;
background:#a20017;
border-radius:4px;
text-align:center;
}

.specialSelectionWrap .productBoxA01 .btn a:after{
content:"";
position:absolute;
right:6.9%;
top:50%;
margin-top:-4.5px;
width:0;
height:0;
border-style:solid;
border-width:5px 0 5px 5px;
border-color:transparent transparent transparent #FFF;
}

/* productBoxA02
*****************************/
.specialSelectionWrap .productBoxA02 ul li{
margin:0 1.6% 8.7% 0;
padding:2.9% 1.7%;
width:49.2%;
float:left;
background:#ffffff;
}

.specialSelectionWrap .productBoxA02 ul li:nth-child(2n){
margin-right:0;
}

.specialSelectionWrap .productBoxA02 ul li span{
display:block;
}

.specialSelectionWrap .productBoxA02 .img{
margin:0 0 5.6% 0;
border:1px solid #f0f0f0;
}
.specialSelectionWrap .productBoxA02 .name{
margin:0 0 7.6% 0;
font-size:13px;
line-height:1.5;
font-weight:bold;
}
.specialSelectionWrap .productBoxA02 .txt{
margin:0 0 15.1% 0;
font-size:12px;
line-height:1.5;
}

.specialSelectionWrap .productBoxA02 .mile{
margin:0 0 5.7% 0;
font-size:15px;
font-weight:bold;
text-align:right;
}

.specialSelectionWrap .productBoxA02 .btn{
padding:7.3% 8% 5.4% 3%;
position:relative;
display:block;
font-size:12px;
color:#FFF;
background:#10275a;
border-radius:3px;
text-align:center;
}

.specialSelectionWrap .productBoxA02 .btn:after{
content:"";
position:absolute;
right:6.1%;
top:50%;
margin-top:-4.4px;
width:0;
height:0;
border-style:solid;
border-width:4.5px 0 4.5px 4.5px;
border-color:transparent transparent transparent #FFF;
}

/* btnBlockA01
*****************************/
.specialSelectionWrap .btnBlockA01 a{
margin: 4.15% 7.3% 0;
padding: 5.15% 8% 4.85% 4%;
position:relative;
display:block;
font-size:1.3em;
font-weight:bold;
color:#a20017;
/*background:#FFF;*/
border-radius:3px;
text-align:center;
border: solid 2px;
}
.specialSelectionWrap .btnBlockA01 a:after{
margin:4px 0 0;
content:"";
position:absolute;
box-sizing:border-box;
top: 35%;
right:3.62%;
border:5px solid transparent;
border-left:6px solid #fff;
}
.specialSelectionWrap .btnBlockA01 a::before{
content:"";
position:absolute;
width:18px;
height:18px;
top: 35%;
right:3.62%;
background:#a20017;
border-radius:50%;
}

/* mainBlock02
*****************************/
.specialSelectionWrap .mainBlock02{
margin:0 0 10.5%;
}

.specialSelectionWrap .headingBlockA02{
margin-bottom: 5.3%;
}

/* productBoxA03
*****************************/
.specialSelectionWrap .productBoxA03 ul li{
margin:0 3.36% 9% 0;
width:48.3%;
float:left;
}

.specialSelectionWrap .productBoxA03 ul li:nth-child(2n){
margin-right:0;
}

.specialSelectionWrap .productBoxA03 ul li span{
display:block;
}

.specialSelectionWrap .productBoxA03 .img{
margin:0 0 5.6% 0;
border:1px solid #ddd;
}
.specialSelectionWrap .productBoxA03 .name{
margin:0 0 6.7% 0;
font-size:13px;
line-height:1.5;
font-weight:bold;
}
.specialSelectionWrap .productBoxA03 .txt{
margin:0 0 15.1% 0;
font-size:12px;
line-height:1.5;
}

.specialSelectionWrap .productBoxA03 .mile{
margin:0 0 5.7% 0;
font-size:15px;
font-weight:bold;
text-align:right;
}

.specialSelectionWrap .productBoxA03 .btn{
padding:7.3% 8% 5.4% 3%;
position:relative;
display:block;
font-size:12px;
color:#FFF;
background:#a20017;
border-radius:3px;
text-align:center;
}

.specialSelectionWrap .productBoxA03 .btn:after{
content:"";
position:absolute;
right:6.1%;
top:50%;
margin-top:-4.4px;
width:0;
height:0;
border-style:solid;
border-width:4.5px 0 4.5px 4.5px;
border-color:transparent transparent transparent #FFF;
}

/* mainBlock03
*****************************/
.specialSelectionWrap .mainBlock03{
margin:0 0 10.5%;
}

/* mainBlock04
*****************************/
.specialSelectionWrap .mainBlock04{
margin:0 0 10.5%;
}

/* mainBlock05
*****************************/
.specialSelectionWrap .mainBlock05{
margin:0 0 13.6%;
/*margin:0 0 10.5%;*/
}

/* mainBlock06
*****************************/
.specialSelectionWrap .mainBlock06{
margin:0 0 13.6%;
}

/* mainBlock07
*****************************/
.specialSelectionWrap .mainBlock07{
margin:0 0 13.6%;
}

/* mainBlock08
*****************************/
.specialSelectionWrap .mainBlock08{
margin:0 0 5.6%;
}

/* mileBlock
*****************************/
.specialSelectionWrap .mileBlock{
margin:0 0 13.3%;
}

.specialSelectionWrap .headingBlockA03{
margin-bottom:7.8%;
/*border-bottom:2px solid #000000;*/
}

.specialSelectionWrap .mileBlock ul{
padding:0 6.4%;
}

.specialSelectionWrap .mileBlock ul li{
margin:0 0 4.58%;
}

.specialSelectionWrap .mileBlock ul li:last-child{
margin-bottom:0;
}

.specialSelectionWrap .mileBlock ul li a{
padding:6.2% 0 4.8% 0;
text-align:center;
color:#fff;
font-size:29px;
line-height:1;
border:none;
/*border-radius:3px;*/
border-radius: 0px;
position:relative;
font-weight:bold;
}
.specialSelectionWrap .mileBlock ul li a span{
font-size:20px;
}
.specialSelectionWrap .mileBlock li a::before{
content:"";
position:absolute;
width:18px;
height:18px;
right:4.3%;
top:37%;
background:#fff;
border-radius:50%;
}
.specialSelectionWrap .mileBlock li a::after{
margin:4px 0 0;
content:"";
position:absolute;
box-sizing:border-box;
right:4.3%;
top:37%;
border:5px solid transparent;
}

.specialSelectionWrap .mileBlock .btn01 a{
background:#1d4dd8;
}
.specialSelectionWrap .mileBlock .btn02 a{
background:#00207c;
}
.specialSelectionWrap .mileBlock .btn03 a{
background:#00a8ff;
}
.specialSelectionWrap .mileBlock .btn04 a{
background:#f17110;
}

.specialSelectionWrap .mileBlock .btn01 a::after{
border-left:6px solid #1d4dd8;
}
.specialSelectionWrap .mileBlock .btn02 a::after{
border-left:6px solid #00207c;
}
.specialSelectionWrap .mileBlock .btn03 a::after{
border-left:6px solid #00a8ff;
}
.specialSelectionWrap .mileBlock .btn04 a::after{
border-left:6px solid #f17110;
}

/* bnrBlock
*****************************/
.specialSelectionWrap .bnrBlock{
margin:0 0 12.1%;
}

/*.specialSelectionWrap .bnrBlock ul{
margin:0 18% 0;
}
*/
.specialSelectionWrap .bnrBlock li{
width:47.9%;
float:left;
margin-bottom:2.6%;
}

.specialSelectionWrap .bnrBlock li:first-child {
width:100%;
}

.specialSelectionWrap .bnrBlock li:nth-child(2n+1){
float:right;
}

/* cautionBlockA01
*****************************/
.specialSelectionWrap .cautionBlockA01{
padding:0 4%;
}

.specialSelectionWrap .cautionBlockA01 dl{
padding:2.89% 1.73%;
font-size:10px;
border:2px solid #000;
}
.specialSelectionWrap .cautionBlockA01 dd{
padding:0 0 0 1em;
text-indent:-1em;
line-height:1.181;
}

/*20181203追加********************************/
/*textblock*/
.specialSelectionWrap .textblock{
margin:2.67% auto 0;
padding:0.5%;
width: 92%;
display:block;
font-size: min(3.2vw,24px);
text-align:center;
color:#3d3b30;
}

/*btnBlockA04*/
.btnBlockA04 a{
position:relative;
display:block;
font-size:1.5em;
color:#FFF;
background:#a82e0d;
font-weight:bold;
border-radius:3px;
padding:3% 3% 3% 0;
margin:0 0 32.5px 0;
text-align:center;
}
.btnBlockA04 a:after{
content:"";
position:absolute;
box-sizing:border-box;
width:6px;
height:6px;
right:13px;
top:41%;
border:6px solid transparent;
border-left:7px solid #bbac4a;
}
.btnBlockA04 a::before{
content:"";
position:absolute;
width:23px;
height:23px;
right:12px;
top:32%;
background:#fff;
border-radius:50%;
}

/*20190619追加********************************/
/*#main .marginLR01, #main .mt20, #main .mb20{
margin:0 !important;
}*/

/*pageTop*/
.specialSelectionWrap .pageTop{
margin:0 6.4% 12.75% 0;
text-align:right;
font-size:12px;
line-height:1;
}
.specialSelectionWrap .pageTop a{
display:inline;
}
/*20200625追加
********************************/
.specialSelectionWrap .btnBlockA02{
width: 87.2%;
margin:0 auto 13.33%;
}
.specialSelectionWrap .btnBlockA03{
margin:0 auto;
/*width: 77.37%;*/
}
/*201112追加
********************************/
.specialSelectionWrap .bgBlockA01{
padding:8% 0 10.6%;
/*background:url(../image/specialSelection_sp_bg_001_201112.jpg) no-repeat top left;*/
/*background-size:cover;*/
background: #fff;
}
.specialSelectionWrap .bgBlockA02{
padding:15.6% 0 5%;
background: #faf0f0;
}
.specialSelectionWrap .productBoxA03{
padding:8.7% 2.6%;
/*background:#ffffff;*/
}
.specialSelectionWrap .productBoxA03 ul{
margin:0 0 8.9%;
}
/*210120追加
********************************/
.specialSelectionWrap .soldOut01{
position: relative;
}
.specialSelectionWrap .soldOut01:before{
position: absolute;
content: "";
top:0;
bottom: 0;
right: 0;
left: 0;
background: #000;
opacity: 0.5;
z-index: 100;
}
.specialSelectionWrap .soldOut01:after{
position: absolute;
content: "";
display: block;
top: 50%;
left:0;
width: 100%;
min-height: 40px;
background: url(../image/specialSelection_sp_icon_001_210120.gif) no-repeat center center;
background-size: contain;
margin: -7.278% 0 0 0;
text-align: center;
z-index: 200;
}
.specialSelectionWrap .soldOut02{
position: relative;
}
.specialSelectionWrap .soldOut02:before{
position: absolute;
content: "";
top:0;
bottom: 0;
right: 0;
left: 0;
background: #000;
opacity: 0.5;
z-index: 100;
}
.specialSelectionWrap .soldOut02:after{
position: absolute;
content: "";
display: block;
top: 50%;
left:0;
width: 100%;
min-height: 40px;
background: url(../image/specialSelection_sp_icon_002_210120.gif) no-repeat center center;
background-size: contain;
margin: -7.278% 0 0 0;
text-align: center;
z-index: 200;
}
/*--------------------------
211111UP
----------------------------*/
.specialSelectionWrap .anchorLinkBlockA03{
margin:0 auto 10.53%;
width:92%;
}

.specialSelectionWrap .anchorLinkBlockA03 ul li{
width:50%;
float:left;
}


/*--------------------------
230126UP
----------------------------*/
.specialSelectionWrap .btn2{
margin:0 auto;
font-size:14px;
padding:6.36% 0 7.1%;
position:relative;
display:block;
color:#FFF;
background:#a3a3a3;
border-radius:4px;
text-align:center;
}


/*--------------------------
250801UP
----------------------------*/
.specialSelectionWrap .presentBlockA01 {
  position: relative;
  margin-top: 4%;
}
.specialSelectionWrap .presentBlockA01 .presentBtn {
  position: absolute;
  width: 83%;
  bottom: 11%;
  right: 0;
  left: 0;
  margin: auto;
}
.specialSelectionWrap .textblock.sec2 {
  line-height: 1.5;
}
.specialSelectionWrap .textblock.sec2 {
  text-align: left;
}
.specialSelectionWrap .detailArea {
  margin: 3% 0 8%;
  padding: 0 4%;
  font-size: clamp(14px, 3.8vw, 20px);
  line-height: 1.5;
}
.specialSelectionWrap .detailBlock h3 {
  margin-top: 5%;
  color: #000b64;
}
.specialSelectionWrap .detailBlock a {
  display: inline;
  color: #002596;
  text-decoration: underline;
}
.specialSelectionWrap .detailBlock .indent {
  text-indent: -1em;
  padding-left: 1em;
}
.specialSelectionWrap .detailBlock ul,
.specialSelectionWrap .detailBlock li {
  overflow: initial;
}
.specialSelectionWrap .cautionBlockA01 dl {
  font-size: clamp(12px, 3.8vw, 20px);
}


/* SP用 下部日付テキスト ここから */
.noteBox {
  width: calc(690 / 750 * 100%);
  margin: calc(30 / 750 * 100%) auto;
}
.noteBox .noteText {
  padding-left: 1em;
  text-indent: -1em;
  letter-spacing: 0.3px;
  line-height: 1.3;
  font-size: clamp(12px, 3.8vw, 20px);
}
/* SP用 下部日付テキスト ここまで */