@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700;900&display=swap');


#archive{ padding:0 0 0px 0; margin: 0 0 50px 0; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; } 

#archive .pcview{ display: block; }
#archive .spview{ display: none; }

#archive #archive_head{ margin: 0 0 30px 0; padding: 30px 0 0 0; }
#archive #archive_head h2{ margin: 0 0 30px 0; letter-spacing: 2px; font-size: 48px; font-weight: 700;}
#archive #archive_head p{ margin: 0 0 0; letter-spacing: 2px; line-height: 34px; font-size: 20px; font-weight: 500;}

#archive #archive_body{ margin: 0 0 30px 0; padding: 30px 0 0 0; }
#archive #archive_body ul{ display: block; margin: 0 0 0 0; letter-spacing: -.4em; }
#archive #archive_body ul li{ display: inline-block; margin: 0 14px 30px 0; letter-spacing:normal; vertical-align: top; }
#archive #archive_body ul li:nth-of-type(4n){ margin: 0 0 30px 0; }
#archive #archive_body ul li a{ display:block; transition : all 0.5s ease 0s; text-decoration: none; }
#archive #archive_body ul li a:hover{ opacity: 0.7; }
#archive #archive_body ul li a dl{ display: block; margin: 0 0 0 0; padding: 0 0 0 0; }
#archive #archive_body ul li a dl dt{ display: block; margin: 0 0 12px 0; }
#archive #archive_body ul li a dl dd{ display: block; text-align: center; font-size: 18px; letter-spacing:0px; font-weight: 700; color: #333; }

.backbtn01{ clear: both; margin: 0 0 80px 0; font-feature-settings: "palt"; padding: 20px 0 0 0; }
.backbtn01 a{ display: block; width: 640px; margin: 0 auto 0; color: #FFF; font-weight: 700; font-size: 22px; line-height: 75px; letter-spacing: 2px; text-align: center; border-radius: 7px; background: #fd9014;
	background: -moz-linear-gradient(top,  #fd9014 0%, #ffb300 100%);
	background: -webkit-linear-gradient(top,  #fd9014 0%,#ffb300 100%);
	background: linear-gradient(to bottom,  #fd9014 0%,#ffb300 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9014', endColorstr='#ffb300',GradientType=0 );
}
.backbtn01 a:hover{ opacity: 0.8; text-decoration: none; }


@media screen and (min-width: 768px) and (max-width: 979px) {

	#archive{ padding:0 0 0px 0; margin: 0 0 0px 0; } 

	#archive .pcview{ display: block; }
	#archive .spview{ display: none; }
	
	#archive #archive_head{ margin: 0 0 30px 0;}
	#archive #archive_head h2{ margin: 0 0 0 0;}
	#archive #archive_head h2 img{ width: 100%; }
	
	#archive #lead01{ margin: 0 auto 42px; width: 92%; border: 1px solid #939328; }
	#archive #lead01 #lead01box{ display: block; }
	#archive #lead01 #lead01box .td01{ display:none; }
	#archive #lead01 #lead01box .td02{ display: block; padding:20px 4% 20px; text-align: left; }
	#archive #lead01 #lead01box .td02 h3{ display: block; font-size: 30px; letter-spacing: 2px; line-height: 45px; margin: 0 0 12px 0; }
	#archive #lead01 #lead01box .td02 p{ display:block; font-size:16px; letter-spacing:1px; line-height:28px; margin: 0 0 0 0; }
	#archive #lead01 #lead01box .td03{ display:block; text-align: center; padding: 0 0 30px 0; }
	#archive #lead01 #lead01box .td03 img{  width: 55%; }
	
	#archive #dr_lineup01{ margin: 0 auto 75px; width: 92%; }
	#archive #dr_lineup01 h3{ margin: 0 auto 30px; }
	#archive #dr_lineup01 h3 img{ width: 100%; }
	#archive #dr_lineup01 h4{ margin: 0 auto 20px; padding: 0 0 1px 0; font-size:18px; line-height:35px; }
	#archive #dr_lineup01 #lineupbox01{ display: block; width: 100%; margin: 0 0 25px 0; }
	#archive #dr_lineup01 #lineupbox01 .ln01{ display:block; width:100%; text-align: center; padding: 0 0 0 0; }
	#archive #dr_lineup01 #lineupbox01 .ln01 img{ width:50%; }
	#archive #dr_lineup01 #lineupbox01 .ln02{ display:block; padding:15px 0 0 0; }
	#archive #dr_lineup01 #lineupbox01 .ln02 dt{ display:block; text-align: center; margin:  0 0 10px 0; }
	#archive #dr_lineup01 #lineupbox01 .ln02 dt img{ width: 60%; }
	#archive #dr_lineup01 #lineupbox01 .ln02 dd{ font-size:14px; letter-spacing:2px; line-height:28px; margin: 0 0 0 0; }
	#archive #dr_lineup01 #lineupbox01 .ln02 dd strong{ color: #e5e500; }
	
	#archive #movibox01{ margin: 0 auto 0; padding: 20px 0 60px; width:100%; }
	#archive #movibox02{ margin: 0 auto 0; padding: 0px 0 0px; width:100%; }
	#archive #movibox01 .movie01,
	#archive #movibox02 .movie01 { position: relative; width: 100%; padding-top: 56.25%; }
	#archive #movibox01 .movie01 iframe,
	#archive #movibox02 .movie01 iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
	
	#archive #shaftbox01{ margin: 0 auto 40px; width: 100%; }
	#archive #shaftbox01 h3{ margin: 0 auto 10px; }
	#archive #shaftbox01 p{ display:block; font-size:14px; letter-spacing:1px; line-height:28px; }
	
	#archive #shaftbox02{ margin: 0 auto 30px; width: 100%; }
	#archive #shaftbox02 h3{ margin: 0 auto 15px; }
	#archive #shaftbox02 h4{ margin: 0 auto 0; padding: 3px 0 5px 0; font-size:18px; line-height: 30px; }
	#archive #shaftbox02 .shafttbl{ display: block; }
	#archive #shaftbox02 .shafttbl .st01{ display: block; width:100%; text-align: center; padding:15px 0 0 0; }
	#archive #shaftbox02 .shafttbl .st01 img{ width:90%; }
	#archive #shaftbox02 .shafttbl .st02{ display: block; text-align: left; padding:15px 4% 15px; }
	#archive #shaftbox02 .shafttbl .st02 p{ display:block; font-size:14px; letter-spacing:1px; line-height:25px; margin:10px 0 0 0; }
	#archive #shaftbox02 .shafttbl .st02 p:nth-of-type(1){ margin: 0 0 0 0; }
	
	#archive #fw_lineup01{ margin: 0 auto 42px; width: 92%; }
	#archive #fw_lineup01 h3{ margin: 0 auto 30px; }
	#archive #fw_lineup01 h3 img{ width: 100%; }
	#archive #fw_lineup01 h4{ margin: 0 auto 20px; text-align: center; }
	#archive #fw_lineup01 h4 img{ width: 70%; }
	#archive #fw_lineup01 h5{ margin: 0 auto 20px; padding: 0 0 1px 0; font-size:16px; line-height: 30px; }
	#archive #fw_lineup01 .fw_lineuplist01{ display: block; width: 100%; margin: 0 0 20px 0; }
	#archive #fw_lineup01 .fw_lineuplist01 .fwln01{ display:block; width:100%; padding: 0 0 10px 0; }
	#archive #fw_lineup01 .fw_lineuplist01 .fwln01 img{ width: 65%; }
	#archive #fw_lineup01 .fw_lineuplist01 .fwln02{ display:block; width:100%; padding: 0 0 0 0; }
	#archive #fw_lineup01 .fw_lineuplist01 .fwln02 img{ width: 65%; }

	#archive #fw_lineup01 .fw_lineuplist01 .fwln01 h4{ padding-top: 20px; }
	#archive #fw_lineup01 .fw_lineuplist01 .fwln01 h4 img{ width: 40%; }
	#archive #fw_lineup01 .fw_lineuplist01 .fwln02 h4{ padding-top: 20px; }
	#archive #fw_lineup01 .fw_lineuplist01 .fwln02 h4 img{ width: 27%; }

	#archive .store_btn{ padding:45px 4% 45px; }
	#archive .store_btn.mgn60{ margin: 0 0 30px 0; }
	#archive .store_btn h4{ display: block; margin: 0 0 15px 0; font-size:16px; line-height: 26px; font-weight: 700; }
	#archive .store_btn h4 span{ display: block; }
	#archive .store_btn .sbtn01{ display: block; margin: 0 0 0 0; font-size: 20px; font-weight: 700; }
	#archive .store_btn .sbtn01 a:hover{ opacity: 0.7; }
	
	#archive .pagenavi{ margin: 0 0 20px 0; text-align: left; }
	#archive .pagenavi ul{ display: block; margin: 0 0 0 0; padding: 0 3% 0; }
	#archive .pagenavi ul li{ display: inline-block; letter-spacing: normal; margin: 0 1% 10px; width:48%; }
	#archive .pagenavi ul li:nth-of-type(4){ margin: 0 1% 0; }

	#archive .campbox{ margin: 0 0 30px 0; padding:30px 4% 30px; }
	#archive .campbox .campbox_inner{ width: 100%; margin: 0 auto; }
	#archive .campbox .campbox_inner h3{ display: block; margin: 0 0 20px 0; }
	#archive .campbox .campbox_inner #campinfo{ padding: 0 0 20px 0; }
	#archive .campbox .campbox_inner #campinfo .campbtn01{ margin: 0 3% 20px; }
	#archive .campbox .campbox_inner #campinfo .attention{ display: block; font-size: 14px; padding: 0 3% 0; line-height: 1.7; }

	#archive .storelist{ display: block; width: auto; margin: 0 auto 20px; box-sizing: border-box; padding:0 4%; }
	#archive .storelist h3{ background:url(../../../images/campaign/archive/add.svg) no-repeat 97% 50% #d8d800; background-size:28px; padding:15px 0 15px 0; }
	#archive .storelist h3 img{ height: 25px; }
	#archive .storelist h3.storeclose{ background:url(../../../images/campaign/archive/minimize.svg) no-repeat 97% 13% #d8d800; background-size:28px; }
	#archive .storelist .storelistbox{ padding:15px 4%; }
	#archive .storelist .storelistbox dl{ display: block; margin: 0 0 15px 0; padding: 0 0 0 0; font-size: 16px; letter-spacing:1px; }
	#archive .storelist .storelistbox dl dt{ display:block; margin: 0 18px 10px 0; position: static; }
	#archive .storelist .storelistbox dl dd{ display: inline-block; margin: 0 15px 10px 0; }
	#archive .storelist .storelistbox dl dd a{ font-size: 16px; letter-spacing:1px; }
	#archive .storelist .storelistbox dl dd a:hover{ text-decoration: none; }

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

	#archive .pcview{ display: none; }
	#archive .spview{ display: block; }

	#archive{ margin: 0 0 30px 0; } 
	
	#archive #archive_head{ margin: 0 0 20px 0; padding:20px 0 0 0; }
	#archive #archive_head h2{ margin: 0 0 20px 0; letter-spacing:1px; font-size: 28px; text-align: center;}
	#archive #archive_head p{ margin: 0 0 0; letter-spacing:1px; line-height:28px; font-size:16px; text-align: left; }
	
	#archive #archive_body{ margin: 0 0 0 0; padding:0px 0 0 0; }
	#archive #archive_body ul{ display: block; margin: 0 0 0 0; letter-spacing: -.4em; }
	#archive #archive_body ul li{ display:inline-block; width: 49%; margin: 0 2% 20px 0; }
	#archive #archive_body ul li:nth-of-type(4n){ margin: 0 2% 20px 0; }
	#archive #archive_body ul li:nth-of-type(2n){ margin: 0 0 20px 0; }
	#archive #archive_body ul li a:hover{ opacity: 0.7; }
	#archive #archive_body ul li a dl{ display: block; margin: 0 0 0 0; padding: 0 0 0 0; }
	#archive #archive_body ul li a dl dt{ display: block; margin: 0 0 8px 0; }
	#archive #archive_body ul li a dl dd{ display: block; text-align: center; font-size: 14px; font-weight: 700; }
	
	.backbtn01{ clear: both; margin: 0 0 20px 0; padding: 0 0 0 0; }
	.backbtn01 a{ display: block; width: 100%; margin: 0 auto 0; font-size:16px; line-height:45px; letter-spacing:1px; border-radius:5px;}
	
		

}