@charset "UTF-8";

#Wrap{
	width: 100%;
}
/* =================
	all
================= */
#Contents {
    overflow: hidden;
}
#editionone_k{
	margin: 0 auto;
}
.editionone_k_all{
	box-sizing: border-box;
	font-family: 'Noto Serif JP', serif;
	font-feature-settings: "palt";
	color: #272727;
}
.editionone_hide.show{
	background-color: #f5f0e9;
	transition: all .7s;
}
img{
	width: 100%;
}
/* =================
	title(top)
================= */
.editionone_k_all .top_ttl_one{
	text-align: center;
	font-size: 22px;
	letter-spacing: 0.05em;
	font-family: 'Amiri', serif;
}
.editionone_k_all .top_ttl_one .top_ttl_img{
	width: 224px;
	margin: 0 auto;
	margin-top: 20px;
	display: block;
}
/* =================
	section
================= */
.txtbox{
	text-align: center;
}
.txtbox p{
	font-weight: 500;
	letter-spacing: 0.075em;
	line-height: 2;
}
.editionone_k_all .imgbox_ttl{
	text-align: center;
}
.editionone_k_all .imgbox_ttl span{
	font-weight: 600;
	letter-spacing: 0.04em;
}
.editionone_k_all .gifbox{
    margin: 0 auto;
	position: relative;
	z-index: 2;
}
.editionone_k_all .gifbox::before{
	content: '';
	background-image: url(../img/back_sq.png);
	background-size: cover;
	display: inline-block;
	background-position: center;
	margin: 0 auto;
	z-index: -1;
	position: absolute;
}
.editionone_k_all .imgbox_ttl_img{
	display: block;
	margin: 0 auto;
}
.editionone_k_all .imgbox_ttl_txt{
	display: block;
}
.editionone_k_all .imgbox{
    margin: 0 auto;
	background-color: #FFFFFF;
}
.editionone_k_all .imgbox_in{
	display: flex;
	flex-wrap: wrap;
    justify-content: space-evenly;
}
.imgbox_in a{
	opacity: 0;
	transition: all .7s;
}

.imgbox_in a.show{
	opacity: 1;
}

/* =================
	btn
================= */
.editionone_k_btn{
	display: flex;	
	justify-content: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	font-family: pragmatica, sans-serif;
	font-weight: 300;
	font-style: normal;
	align-items: center;
	letter-spacing: 0.07em;
	border: solid #8b8b8b 1px;
	box-sizing: border-box;
}
.editionone_k_btn a{
	display: block;
}

/* =================
	for IE
================= */
@media all and (-ms-high-contrast: none) {
	.txtbox p{
		letter-spacing: -0.04em;
	}
	.imgbox_in a{
		margin-bottom: 19px;
		padding-left: 19px;
	}
	.editionone_k_btn{
		letter-spacing: -0.01em;
	}
}
/* =================
	for edge
================= */
@supports (-ms-ime-align:auto) {
    .selector {
        property: value;
	}
	.txtbox p{
		letter-spacing: -0.04em;
	}
	.imgbox_in a{
		margin-bottom: 19px;
		padding-left: 19px;
	}
	.editionone_k_btn{
		letter-spacing: -0.01em;
	}
}

/* for pc */
@media only screen
and (min-device-width: 1024px) {
	.sp_only {
		display: none !important;
	}
	.editionone_k_all{
		width: 1080px;
		margin: 50px auto 70px;
	}
	.editionone_hide.show{
		padding-bottom: 50px;
	}
	.editionone_k_all .main_img{
		width: 1080px;
		margin: 0 auto;
	}
	/* =================
	all
	================= */
	#editionone_k{
		width: 1280px;
	}
	/* =================
		title(top)
	================= */
	.editionone_k_all .top_ttl_one{
		margin-top: 59px;
	}
	/* =================
		section
	================= */
	.txtbox p{
		font-size: 14px;
	}
	.txtbox .main_txt_1{
		margin-top: 36px;
	}
	.txtbox .main_txt_2,.txtbox .main_txt_3{
		margin-top: 17px;
	}

	.editionone_k_all .imgbox_ttl{
		margin-top: 76px;
	}
	.editionone_k_all .imgbox_ttl_img{
		width: 266px;
	}
	.editionone_k_all .imgbox_ttl_txt{
		margin-top: 22px;
		font-size: 15px;
	}
	.editionone_k_all .gifbox{
		width: 402px;
		margin-top: 73px;
	}
	.editionone_k_all .gifbox::before{
		width: 514px;
		height: 667px;
		top: -33px;
		left: -55px;
	}
	.editionone_k_all .imgbox{
		width: 740px;
		margin-top: 44px;
	}
	.editionone_k_all .set1{
		padding-top: 19px;
	}
	.imgbox_in li{
		margin-bottom: 19px;
	}
	.editionone_k_all .imgbox_in img{
		width: 221px;
	}
	/* =================
		btn
	================= */
	.editionone_k_btn{
		width: 200px;
		height: 40px;
		line-height: 40px;
		font-size: 13px;
		margin: 50px auto 0;
	}
}

/* for tablet */
@media only screen
and (min-device-width: 561px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
	.sp_only {
		display: none;
	}
	/* =================
	all
	================= */
	#editionone_k{
		width: calc(1280 * (100vw / 1280));
	}
	.editionone_k_all{
		width: calc(1080 * (100vw / 1280));
		margin: calc(50 * (100vw / 1280)) auto calc(70 * (100vw / 1280));
	}
	.editionone_hide.show{
		padding-bottom: calc(50 * (100vw / 1280));
	}
	.editionone_k_all .main_img{
		width: calc(1080 * (100vw / 1280));
		margin: 0 auto;
	}
	/* =================
		title(top)
	================= */
	.editionone_k_all .top_ttl_one{
		margin-top: calc(59 * (100vw / 1200));
		font-size: calc(22 * (100vw / 1200));
	}
	.editionone_k_all .top_ttl_img{
		width: calc(224 * (100vw / 1200));
		margin-top: calc(20 * (100vw / 1200));
	}
	/* =================
		section
	================= */
	.txtbox p{
		font-size: calc(14 * (100vw / 1200));
	}
	.txtbox .main_txt_1{
		margin-top: calc(36 * (100vw / 1200));
	}
	.txtbox .main_txt_2,.txtbox .main_txt_3{
		margin-top: calc(17 * (100vw / 1200));
	}

	.editionone_k_all .imgbox_ttl{
		margin-top: calc(76 * (100vw / 1200));
	}
	.editionone_k_all .imgbox_ttl_img{
		width: calc(266 * (100vw / 1200));
	}
	.editionone_k_all .imgbox_ttl_txt{
		margin-top: calc(22 * (100vw / 1200));
		font-size: calc(15 * (100vw / 1200));
	}
	.editionone_k_all .gifbox{
		width: calc(402 * (100vw / 1200));
		margin-top: calc(73 * (100vw / 1200));
	}
	.editionone_k_all .gifbox::before{
		width: calc(514 * (100vw / 1200));
		height: calc(667 * (100vw / 1200));
		top: calc(-33 * (100vw / 1200));
		left: calc(-55 * (100vw / 1200));
	}
	.editionone_k_all .imgbox{
		width: calc(740 * (100vw / 1200));
		margin-top: calc(44 * (100vw / 1200));
	}
	.editionone_k_all .set1{
		padding-top: calc(19 * (100vw / 1200));
	}
	.imgbox_in li{
		margin-bottom: calc(19 * (100vw / 1200));
	}
	.editionone_k_all .set4{
		padding-bottom: calc(19 * (100vw / 1200));
	}
	.editionone_k_all .imgbox_in img{
		width: calc(221 * (100vw / 1200));
	}
	/* =================
		btn
	================= */
	.editionone_k_btn{
		width: calc(200 * (100vw / 1200));
		height: calc(40 * (100vw / 1200));
		line-height: calc(40 * (100vw / 1200));
		font-size: calc(15 * (100vw / 1200));
		margin: calc(50 * (100vw / 1200)) auto 0;
	}
}


/* for sp */
@media only screen
and (max-device-width: 560px) {
	.pc_only {
		display: none !important; 
	}

	#tabContent{
		padding-top: calc(185 * (100vw / 750));
	}

	/* =================
		all
	================= */
	#editionone_k{
		width: calc(750 * (100vw / 750));
	}
	.editionone_k_all{
		width: calc(750 * (100vw / 750));
		margin: 0 auto calc(68 * (100vw / 750));
		padding: calc(180 * (100vw / 750)) 0 0;
	}
	.editionone_hide.show{
		padding-bottom: calc(120 * (100vw / 750));
	}
	/* =================
		title(top)
	================= */
	.editionone_k_all .main_img{
		width: calc(750 * (100vw / 750));
		position: relative;
	}
	.editionone_k_all .main_img .mouse_evn{
		width: calc(54 * (100vw / 750));
		position: absolute;
		top: calc(971 * (100vw / 750));
		left: calc(348 * (100vw / 750));
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-animation: sdb 2s infinite;
		animation: sdb 2s infinite;
	}
	@-webkit-keyframes sdb {
		0% {
		  -webkit-transform: rotate(0deg) translate(0, 0);
		}
		20% {
		  -webkit-transform: rotate(0deg) translate(0, 10px);
		}
		40% {
		  -webkit-transform: rotate(0deg) translate(0, 0);
		}
	  }
	  @keyframes sdb {
		0% {
		  transform: rotate(0deg) translate(0, 0);
		}
		20% {
		  transform: rotate(0deg) translate(0, 10px);
		}
		40% {
		  transform: rotate(0deg) translate(0, 0);
		}
	  }
	.editionone_k_all .top_ttl_one{
		margin-top: calc(-100 * (100vw / 750));
		font-size: calc(38 * (100vw / 750));
	}
	.editionone_k_all .top_ttl_one .top_ttl_img{
		width: calc(354 * (100vw / 750));
		margin-top: calc(32 * (100vw / 750));
	}
	/* =================
		section
	================= */
	.txtbox p{
		font-size: calc(24 * (100vw / 750));
	}
	.txtbox .main_txt_1{
		margin-top: calc(45 * (100vw / 750));
	}
	.txtbox .main_txt_2,.txtbox .main_txt_3{
		margin-top: calc(29 * (100vw / 750));
	}

	.editionone_k_all .gifbox{
		width: calc(600 * (100vw / 750));
		margin: 0 auto;
		margin-top: calc(104 * (100vw / 750));
		position: relative;
		z-index: 2;
	}
	.editionone_k_all .gifbox::before{
		width: calc(760 * (100vw / 750));
		height: calc(1000 * (100vw / 750));
		top: calc(-49 * (100vw / 750));
		left: calc(-82 * (100vw / 750));
	}

	.editionone_k_all .imgbox_ttl{
		margin-top: calc(118 * (100vw / 750));
	}
	.editionone_k_all .imgbox_ttl_img{
		width: calc(395 * (100vw / 750));
	}
	.editionone_k_all .imgbox_ttl_txt{
		margin-top: calc(36 * (100vw / 750));
		font-size: calc(24 * (100vw / 750));
	}

	.editionone_k_all .imgbox{
		width: calc(720 * (100vw / 750));
		margin-top: calc(67 * (100vw / 750));
	}
	.editionone_k_all .set1{
		padding-top: calc(14 * (100vw / 750));
	}
	.imgbox_in li{
		margin-bottom: calc(14 * (100vw / 750));
	}
	.editionone_k_all .set4{
		padding-bottom: calc(17 * (100vw / 750));
	}
	.editionone_k_all .imgbox_in img{
		width: calc(220 * (100vw / 750));
	}
	/* =================
		btn
	================= */
	.editionone_k_btn{
		width: calc(322 * (100vw / 750));
		height: calc(70 * (100vw / 750));
		letter-spacing: 0.07em;
		line-height: calc(70 * (100vw / 750));
		font-size: calc(26 * (100vw / 750));
		margin: calc(123 * (100vw / 750)) auto 0;
	}
}