.bl_warpLink{
	top:34%;
}

body.modal-open {
      overflow: hidden;
	position: fixed;
}

#campaignBg{
	width: 100%;
	height: 100vh;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1001;
	cursor: pointer;
}

#campaign202506{
	background-color: rgba(199, 215, 230, 0.95);
	width: 100%;
	height: 100vh;
	position: fixed;
  z-index: 1000;
	overflow: auto;
	opacity: 0; /* 初期状態で非表示 */
  visibility: hidden; /* 初期状態で非表示 */
  transition: opacity .6s ease, visibility .6s ease;
	box-sizing: border-box;
	
    display: flex;
    justify-content:center;
align-items:center;
	padding: max(0px,min(1.71875vw,22px));
	
}

#campaign202506.show{
	opacity: 1; /* 非表示を解除 */
  visibility: visible; /* 非表示を解除 */
}

.campaignWrap{
	opacity: 0;
    visibility: hidden;
  transition: opacity .6s ease, visibility .6s ease;
	max-width: 1280px;
	width: 100%;
	
	color: #0b0b0b;
	box-sizing: border-box;
	padding: max(0px,min(3.4375vw,44px));
	text-align: center;
	background: #fff;
	border-radius: max(0px,min(.78125vw,10px));
	box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
	z-index: 1002;
	
}

.campaignWrap.show{
	opacity: 1;
	visibility: visible;
}

.campaignWrap h1{
	font-size: max(0px,min(3.4375vw,44px));
	margin-bottom: max(0px,min(3.4375vw,44px));
	color: #2419ac;
	display: inline-block;
	border-bottom: 6px solid;
	border-image: linear-gradient(90deg, #2419ac, #e32e7f) 1;
	background: linear-gradient(90deg, #2419ac, #e32e7f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	
}

.campaignWrap span.leadCopy{
	font-weight: bold;
	display: block;
	font-size: max(0px,min(1.71875vw,22px));
}

.campaignWrap ul{
	display: flex;
	justify-content: space-between;
	margin-bottom: max(0px,min(2.5vw,32px));
}

.campaignWrap ul li{
	list-style: none;
	width: 48.666%;
}

.campaignWrap ul li dl dt{
	position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.campaignWrap ul li dl dt iframe{
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.campaignWrap ul li dl dd{
	font-size: max(0px,min(1.25vw,16px));
	margin-top: max(0px,min(.78125vw,10px));
	font-weight: bold;
	margin-left: 0;
	color: #0b0b0b;
	text-align: left;
	position: relative;
	box-sizing: border-box;
	padding-left: max(0px,min(1.71875vw,22px));
}

.campaignWrap ul li dl dd.men:before{
content: "";
  position: absolute;
  top: 0.2em;
  left: 0;
  width: max(0px,min(1.25vw,16px));
  height: max(0px,min(1.25vw,16px));
  background: #2419ac;
}

.campaignWrap ul li dl dd.women:before{
	content: "";
  position: absolute;
  top: 0.2em;
  left: 0;
  width: max(0px,min(1.25vw,16px));
  height: max(0px,min(1.25vw,16px));
  background: #e32e7f;
}

.campaignWrap .subCopy{
	font-size: max(0px,min(1.25vw,16px));
	margin-bottom: max(0px,min(1.25vw,16px));
	
	font-weight: bold;
}

.campaignWrap .subCopy a{
	
}

.campaignWrap .bannerImg{
	display: flex;
	justify-content: center;
}

.campaignWrap .bannerImg a{
	display: block;
	width: 180px;
	margin: 0 8px;
}

.campaignWrap .bannerImg img{
	border: 2px solid #00aaeb;;
}

.campaignWrap .mynaviLink{
	background-color: #ededf5;
	width: 100%;
	padding: max(0px,min(1.71875vw,22px));
	box-sizing: border-box;
	margin-bottom: max(0px,min(2.5vw,32px));
}

.campaignWrap .closeBtn{
	
}

.campaignWrap .closeBtn a{
	color: #000;
	display: inline-block;
	font-size: max(0px,min(1.71875vw,22px));
	position: relative;
	font-weight: bold;
	padding-left: 22px;
}

.campaignWrap .closeBtn a::before,
.campaignWrap .closeBtn a::after{
	content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px; /* 棒の幅（太さ） */
  height: 30px; /* 棒の高さ */
  background: #000;
}

.campaignWrap .closeBtn a::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
 
.campaignWrap .closeBtn a::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}


#campaignBtn{
	position: fixed;
	bottom:30px;
	right:30px;
	z-index: 200;
}


#campaignBtn a{
display: block;
background-color: #2419ac;
  border-radius: max(0px,min(.78125vw,10px));
  box-sizing: border-box;
  color: #fff;
  font-size: max(0px,min(2.5vw,32px));
  font-weight: 700;
  height: max(0px,min(12.5vw,160px));
  line-height: 1.3;
  padding: max(0px,min(1.875vw,24px)) max(0px,min(1.95313vw,25px));
  position: relative;
  width: max(0px,min(17.10938vw, 219px));
box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
}

#campaignBtn a span{
	font-size: max(0px,min(1.25vw,16px));
	display: block;
	margin-bottom: 5px;
}

#campaignBtn a svg {
  bottom: max(0px,min(1.5625vw,20px));
  position: absolute;
  right: max(0px,min(1.5625vw,20px));
  vertical-align: top;
}





@media screen and (max-width:767px) {
	
	
#campaign202506{

	padding: 3vw 6vw;
	align-items:flex-start;
	overflow-y: auto; /* 縦方向のスクロールを有効にする */
  height: 100%;
}
	
	.campaignWrap{
		padding: 6vw 4vw 4vw 4vw;
		border-radius: 2.66667vw;
		
	}
	
.campaignWrap h1{
	font-size: 5.6vw;
	margin-bottom: 5.6vw;
	border-bottom: 3px solid;
}

.campaignWrap span.leadCopy{
	font-size: 2.6vw;
}

.campaignWrap ul{
	width: 100%;
	display: flex;
	flex-direction:column;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 5vw;
}

.campaignWrap ul li{
	list-style: none;
	width: 80%;
	margin: 0 auto;
}
	
	.campaignWrap ul li:first-child{
		margin-bottom: 4vw;
	}


.campaignWrap ul li dl dd{
	font-size: 3vw;
	margin-top: 2vw;
	padding-left: 3.6vw;
}

.campaignWrap ul li dl dd.men:before{
  top: 0.2em;
  width: 3vw;
  height: 3vw;
}

.campaignWrap ul li dl dd.women:before{
	top: 0.2em;
  width: 3vw;
  height: 3vw;
}
	
	
.campaignWrap .subCopy{
	font-size: 3vw;
	margin-bottom: 3vw;
}

.campaignWrap .bannerImg{

	margin: 0 auto;
}


.campaignWrap .bannerImg a{
	width: 140px;
	margin: 0 8px;
}

.campaignWrap .bannerImg img{
	
}
	
.campaignWrap .mynaviLink{
	padding: 3.6vw 3.6vw 2.8vw 3.6vw;
	margin-bottom: 3vw;
}

.campaignWrap .closeBtn{
	
}

.campaignWrap .closeBtn a{
	font-size: 3.4vw;
	padding-left: 3.4vw;
}

.campaignWrap .closeBtn a::before,
.campaignWrap .closeBtn a::after{
	content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px; /* 棒の幅（太さ） */
  height: 20px; /* 棒の高さ */
  background: #000;
}



#campaignBtn{
	bottom:20px;
	right:20px;
}


#campaignBtn a{
  font-size: 4vw;
  height: 20vw;
  line-height: 1.3;
  padding: 3vw;
  width: 36vw;
	border-radius: 2.66667vw;
}

#campaignBtn a span{
	font-size: 2vw;
	margin-bottom: 5px;
}

#campaignBtn a svg {
  top: 50%;
	margin-top:-17px; 
  right: 3vw;
}
	
	

}
