@charset "UTF-8";
/*content1100pxReset*/
body.min {
min-width: 1100px;
}
.contents_inner,
#contents .contents_inner{
max-width: 100%;
padding: 0;
}
.renewalopencampaignwrap img{
vertical-align:top;
}
#contents{
display: inline;
}
form[name="formMain"] {
padding: 0 !important;
}
.contents p {
margin: 0;
}

.tac{
text-align: center;
}
.mt60{
margin-top: 60px;
}
.mb30{
margin-bottom: 30px;
}
.pt40{
padding-top: 40px;
}
.mvBlock01 img{
width: 100%;
}
.globalnav {
top: 51px;
height: 88px;
background: #fdfae5;
padding: 10px 0;
position: -webkit-sticky;
position: sticky;
z-index: 89;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.globallist{
display: flex;
text-align: center;
justify-content: center;
}
.globalitem{
border-right: 1px solid #001f66;
border-left: 1px solid #001f66;
height: 68px;
}
.globalitem:not(:first-child){
border-right: 1px solid #001f66;
border-left: 0px;
height: 68px;
}
.globalitem a{
display: inline-block;
width: 238px;
height: 68px;
padding-top: 20px;
background: url(../image/renewalopencampaign_bg_003_260416.jpg) no-repeat;
background-position: bottom 0% right 50%;
color: #333333 !important;
font-weight:600;
}
#dialog{
background: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#campaign01,
#campaign02,
#campaign03,
#campaign04,
#detail {
scroll-margin-top: 200px !important;
}
.contentTitle h2{
padding-top: 100px;
margin-top: -100px;
}
.navBlock01 {
background: url(../image/renewalopencampaign_bg_001_260416.png) no-repeat;
padding-bottom: 40px;
background-size: cover;
}
.contentWrap{
background: url(../image/renewalopencampaign_bg_002_260416.jpg) no-repeat;
background-position: center top;
}
.navBlock01 .navTitle{
text-align: center;
padding: 40px 0;
}
.navBlock01 ul{
display: flex;
justify-content: center;
gap: 12px;
}
.contentTitle{
text-align: center;
margin-bottom: -38px;
}
.contentItem{
max-width: 1100px;
margin: 0 auto;
margin-bottom: 80px;
border: 2px solid #ebebb4;
border-radius: 10px;
padding: 56px 67px 36px;
background: #fff;
}
.contentItem .contentPeriod{
margin-bottom: 30px;
font-size: 30px;
text-align: center;
font-weight: bold;
}
.contentItem h3{
text-align: center;
margin-bottom: 30px;
}
.contentItem .contentTxt01{
font-size: 20px;
text-align: center;
}
.contentItem .contentTxt02{
margin-bottom: 30px;
font-size: 34px;
text-align: center;
font-weight: bold;
line-height: 1;
}
.contentItem .red{
color: #e00010;
font-weight: bold;
}
.contentItem .fsL{
font-size: 50px;
}
.contentItem .fsLL{
font-size: 68px;
}
.contentItem .yellow{
background: linear-gradient(transparent 65%, #fff100 0%);
font-weight: bold;
}
.contentItem .contentImg01{
margin-bottom: 30px;
display: flex;
}
.contentItem .contentImgInr01,.contentImgInr02{
position: relative;
}
.contentItem .contentImgInr01 p picture,.contentImgInr02 p picture{
vertical-align: text-bottom;
}
.contentItem .contentImgInr01 p{
position: absolute;
right: 95px;
bottom: 10px;
font-size: 13px;
}
.contentItem .contentImg01 a{
text-decoration-line: underline;
}
.contentItem .contentImgInr02 p{
position: absolute;
right: 10px;
bottom: 10px;
font-size: 13px;
}
.contentItem .contentNote01{
margin-bottom: 40px;
font-size: 14px;
padding-left: 1em;
text-indent: -1em;
}
.contentItem .contentNote01 a{
text-decoration-line: underline;
}
.contentItem .contentGoodsTtl{
text-align: center;
font-weight: bold;
font-size: 34px;
}
.contentItem .line{
margin-bottom: 40px;
border: 1px solid #d1dffe;
}
.contentItem .contentGoodsWrap{
margin-bottom: 40px;
display: flex;
flex-wrap: wrap;
gap: 40px;
justify-content: space-between;
}
.contentItem .contentGoods01{
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 7%;
}
.contentItem .contentGoods01 .contentGoodsImg{
width: 44%;
}
.contentItem .contentGoods01 .contentGoodsTxt{
width: 49%;
text-align: right;
}
.contentItem .contentGoods01 .contentGoodsTxt dt{
font-size: 20px;
text-align: left;
margin-bottom: 30px;
}
.contentItem .contentGoods01 .contentGoodsTxt dt span{
font-size: 18px;
}
.contentItem .contentGoods01 .contentGoodsTxt dd{
font-size: 16px;
text-align: left;
margin-bottom: 0px;
}
.contentItem .contentGoods01 .contentGoodsTxt dd.goodsPrice{
font-size: 20px;
text-align: right;
margin-bottom: 30px;
}
.contentItem .contentGoods02{
display: flex;
gap: 3%;
width: 46%;
}
.contentItem .contentGoods02 .contentGoodsImg{
width: 210px;
}
.contentItem .contentGoods02 .contentGoodsTxt{
width: 210px;
}
.contentItem .contentGoods02 .contentGoodsTxt dt{
font-size: 15px;
text-align: left;
margin-bottom: 20px;
}
.contentItem .contentGoods02 .contentGoodsTxt dd{
font-size: 14px;
text-align: left;
margin-bottom: 30px;
}
.contentItem .contentGoods02 .contentGoodsTxt dd.goodsPrice{
font-size: 14px;
text-align: right;
margin-bottom: 20px;
}
.contentItem .contentbtn01{
text-align: center;
}
.contentItem .contentbtn01 a{
display: inline-block;
}
.contentItem .coupon{
display: flex;
gap: 59px;
margin-bottom: 25px;
}
.contentItem .couponImg{
position: relative;
}
.contentItem .couponTxt{
position: absolute;
display: block;
bottom: 10px;
right: 20px;
}
.contentBnr{
text-align: center;
margin-bottom: 80px;
}
.accordionBlockA01{
margin-bottom: 20px;
}
.accordionBlockA01 .accordionA01Btn.btnBlockA01{
max-width: 1100px;
height: 60px;
margin: 0 auto;
background: url(../image/renewalopencampaign_accordion_001_260416.jpg) no-repeat;
background-size: contain;
}
.accordionBlockA01 .accordionA01Btn.btnBlockA01.active{
background: url(../image/renewalopencampaign_accordion_active_001_260416.jpg) no-repeat;
background-size: contain;
}
.accordionBlockA01 .accordionA01Btn.btnBlockA02{
max-width: 1100px;
height: 60px;
margin: 0 auto;
background: url(../image/renewalopencampaign_accordion_002_260416.jpg) no-repeat;
background-size: contain;
}
.accordionBlockA01 .accordionA01Btn.btnBlockA02.active{
background: url(../image/renewalopencampaign_accordion_active_002_260416.jpg) no-repeat;
background-size: contain;
}
.accordionBlockA01 .accordionA01Btn.btnBlockA03{
max-width: 1100px;
height: 60px;
margin: 0 auto;
background: url(../image/renewalopencampaign_accordion_003_260416.jpg) no-repeat;
background-size: contain;
}
.accordionBlockA01 .accordionA01Btn.btnBlockA03.active{
background: url(../image/renewalopencampaign_accordion_active_003_260416.jpg) no-repeat;
background-size: contain;
}
.accordionBlockA01 .accordionA01Btn.btnBlockA04{
max-width: 1100px;
height: 60px;
margin: 0 auto;
background: url(../image/renewalopencampaign_accordion_004_260416.jpg) no-repeat;
background-size: contain;
}
.accordionBlockA01 .accordionA01Btn.btnBlockA04.active{
background: url(../image/renewalopencampaign_accordion_active_004_260416.jpg) no-repeat;
background-size: contain;
}
.accordionA01Inner{
max-width: 1100px;
margin: 0 auto;
padding: 30px 67px;
border: 3px solid #001f66;
border-radius: 0px 0px 9px 9px;
font-size: 14px;
background: #fff;
}
.accordionA01Inner a{
text-decoration-line: underline !important;
}

.accordionA01Inner dt{
font-weight: bold;
}
.accordionA01Inner dd{
margin-bottom: 35px;
}

.noteBox {
  margin-top: 30px;
  margin-inline: auto;
  max-width: 750px;
}
.noteBox .noteText {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0.3px;
}

.noteBox.gray {
  margin-top: 30px;
  margin-inline: auto;
  padding: 1em;
  max-width: 750px;
  background-color: #e3e5ed;
}
.noteBox.gray .noteText {
  padding-left: 1em;
  text-indent: -1em;
  letter-spacing: 0.3px;
  line-height: 1.3;
  font-size: 14px;
}

.popularGoods{
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
margin-bottom: 30px;
}
.popularItem p{
text-align: center;
}
.popularItem a{
text-decoration-line: underline !important;
}

.sponry{
display: none;
}

/*contentGoodsWrap*/
.contentItem .contentGoodsWrap {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 40px;
}

.contentItem .contentGoods02 {
    display: flex !important;
    flex-direction: row !important;
    height: auto !important;
    width: 45% !important;
    gap: 15px;
    align-items: stretch !important;
}

.contentItem .contentGoods02 .contentGoodsImg {
    width: 210px !important;
    flex-shrink: 0;
}

.contentItem .contentGoods02 .contentGoodsTxt {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}

.contentItem .contentGoods02 .contentGoodsTxt dl {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    margin-bottom: 0 !important;
}

.contentItem .contentGoods02 .contentGoodsTxt dd:not(.goodsPrice) {
    flex: 1 !important;
}

.contentItem .contentGoods02 .contentGoodsTxt dd.goodsPrice {
    margin-top: auto !important;
    text-align: right;
    padding-top: 10px;
}

.contentItem .contentGoods02 .goodsbtn {
    margin-top: 10px !important;
    text-align: right;
}
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
@media screen and (max-width: 1100px) {
.globalitem a {
width: 140px;
padding-top: 10px;
}
.contentItem{
margin: 0 20px 80px;
}
.contentItem .contentImgInr01 p{
right: 40px;
bottom: -20px;
}
.contentItem .contentImgInr02 p{
right: 10px;
bottom: -35px;
}
.contentItem .couponTxt{
right: 0px;
}
.contentItem .contentGoods02 .contentGoodsImg{
width: 130px !important;
}
}