@charset "utf-8";

* {box-sizing:border-box;}

.pc {display:initial;}
.sp {display:none;}

#hd_title {
	float:left;
	font-size:11px;
	letter-spacing:0.5px;
	margin:12px 0;
	font-weight:bold;
}

#tokusen .container {
	max-width:100%;
	padding:0;
}
#tokusen .container.x1 {
	background-color:#cae8ed;
	background:url(https://www.airconland.live/wp-content/themes/land_theme/images/tokusen/tokusen_bg.jpg) no-repeat center center;
	background-size:cover;
}
#tokusen .container.x1 .inner_wp {
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
#tokusen .container.x1 .inner_wp h2 {
	display:flex;
	justify-content:center;
	align-items:center;
}
#tokusen .container.x1 .inner_wp h2 img {max-width:750px;}

#tokusen .container.x2 .inner_wp {
	width:100%;
	max-width:1000px;
	margin:0 auto 50px;
	padding:50px 0 0;
}
#tokusen .container.x2 .inner_wp .btn_wp {
	width:100%;
	max-width:950px;
	background-color:#f0f2f4;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:30px 0;
	margin:0 auto;
}
#tokusen .container.x2 .inner_wp .btn_wp a {
	margin:0 15px;
}
#tokusen .container.x3 .inner_wp .item_wp {
	width:100%;
	max-width:1000px;
	margin:0 auto 50px;
}
#tokusen .container.x3 .inner_wp .item_wp h3 {
	text-align:center;
	background-color:#ccc;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	padding:0.8em 0;
	line-height:1;
}
#tokusen .container.x3 .inner_wp .item_wp .inner {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-evenly;
	align-items:flex-start;
	position:relative;
}
#tokusen .container.x3 .inner_wp .item_wp .inner::before {
	content:"";
	display:block;
	width:100%;
	height:100%;
	border:solid 3px #ccc;
	position:absolute;
	box-sizing:border-box;
	top:0;
	left:0;
}
#tokusen .container.x3 .inner_wp .item_wp .inner a {
	margin:0 0 10px;
	width:32%;
	max-width:320px;
}
#tokusen .container.x3 .inner_wp .item_wp .inner a.main {
	width:100%;
	max-width:1000px;
}
#tokusen .container.x3 .inner_wp .item_wp .inner a.main img {
	border:solid 3px #000;
	border-bottom:none;
}
#tokusen .container.x3 .inner_wp .item_wp.h2022w .inner a.main img {border-color:#0c3465;}
#tokusen .container.x3 .inner_wp .item_wp.h2022d .inner a.main img {border-color:#3b8666;}
#tokusen .container.x3 .inner_wp .item_wp.d2022cx .inner a.main img {border-color:#239e88;}
#tokusen .container.x3 .inner_wp .item_wp.d2022sx .inner a.main img {border-color:#4075a1;}
#tokusen .container.x3 .inner_wp .item_wp .inner::before {
	content:"";
	display:block;
	width:100%;
	height:100%;
	border:solid 3px #ccc;
	position:absolute;
	box-sizing:border-box;
	top:0;
	left:0;
	pointer-events:none;
}

#tokusen .container.x3 .inner_wp .item_wp.h2022w h3 {
	background-color:#0b3467;
}
#tokusen .container.x3 .inner_wp .item_wp.h2022w .inner::before {
	border-color:#0b3467;
}
#tokusen .container.x3 .inner_wp .item_wp.h2022d h3 {
	background-color:#398664;
}
#tokusen .container.x3 .inner_wp .item_wp.h2022d .inner::before {
	border-color:#398664;
}
#tokusen .container.x3 .inner_wp .item_wp.d2022cx h3 {
	background-color:#1e9e87;
}
#tokusen .container.x3 .inner_wp .item_wp.d2022cx .inner::before {
	border-color:#1e9e87;
}
#tokusen .container.x3 .inner_wp .item_wp.d2022sx h3 {
	background-color:#4075a1;
}
#tokusen .container.x3 .inner_wp .item_wp.d2022sx .inner::before {
	border-color:#4075a1;
}

#tokusen .container.x3 .inner_wp .item_wp .inner a.soldout {
	position:relative;
	pointer-events:none;
}
#tokusen .container.x3 .inner_wp .item_wp .inner a.soldout::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(https://www.airconland.live/wp-content/themes/land_theme/images/tokusen/soldout.png) no-repeat center center;
	background-size:cover;
}
#tokusen .container.x3 .inner_wp .item_wp .inner a.main.soldout::before {display:none;}
#tokusen .container.x3 .inner_wp .item_wp .notice {
	text-align:right;
	margin:0.5em 0 0;
}

/* アンカー */
#tokusen .container.x2 .inner_wp .anc_wp {
	width:100%;
	max-width:950px;
	background-color:#f0f2f4;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:30px 25px;
	margin:0 auto;
	/*display:none;*/
}
#tokusen .container.x2 .inner_wp .anc_wp a {
	display:flex;
	width:23%;
	margin:8px 1%;
	padding:8px 0 0;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	background-color:#ddd;
	border-radius:3px;
	border:solid 3px #999;
	line-height:1.4;
}
#tokusen .container.x2 .inner_wp .anc_wp a span {
	font-size:14px;
	margin:0 0 0.5em;
}
#tokusen .container.x2 .inner_wp .anc_wp a::after {
	content:"▼";
	font-size:12px;
	display:block;
	width:100%;
	background-color:#fff;
	color:#111;
	margin:auto 0 0;
	padding:3px 0 2px;
	border-radius:2px;
	line-height:1;
}

#tokusen .container.x2 .inner_wp .anc_wp a.x1 {
	background-color:#0c3465;
	border-color:#0c3465;
}
#tokusen .container.x2 .inner_wp .anc_wp a.x1::after {color:#0c3465;}
#tokusen .container.x2 .inner_wp .anc_wp a.x2 {
	background-color:#398664;
	border-color:#398664;
}
#tokusen .container.x2 .inner_wp .anc_wp a.x2::after {color:#398664;}
#tokusen .container.x2 .inner_wp .anc_wp a.x3 {
	background-color:#1e9e87;
	border-color:#1e9e87;
}
#tokusen .container.x2 .inner_wp .anc_wp a.x3::after {color:#1e9e87;}
#tokusen .container.x2 .inner_wp .anc_wp a.x4 {
	background-color:#4075a1;
	border-color:#4075a1;
}
#tokusen .container.x2 .inner_wp .anc_wp a.x4::after {color:#4075a1;}


/* メディアクエリ
------------------------------------------------------------------*/
@media print, screen and (max-width:1000px){
	#tokusen .container.x2 .inner_wp {
		padding:0 8px;
		margin:50px auto;
	}
	#tokusen .container.x3 .inner_wp {padding:0 25px;}
}
@media print, screen and (max-width:768px){
	.pc {display:none;}
	.sp {display:initial;}

	#tokusen .container.x2 .inner_wp {margin:5vw auto;}
	#tokusen .container.x2 .inner_wp .btn_wp {
		flex-direction:column;
		padding:2vw 0;
	}
	#tokusen .container.x2 .inner_wp .btn_wp a {margin:2vw 4vw;}
	#tokusen .container.x3 .inner_wp {padding:0 15px;}
	#tokusen .container.x3 .inner_wp .item_wp h3 {
		font-size:6vw;
		line-height:1.2;
		padding:0.5em 0.8em 0.3em;
	}
	#tokusen .container.x3 .inner_wp .item_wp {margin:0 auto 8vw;}
	#tokusen .container.x3 .inner_wp .item_wp .inner a {width:48%;}
	#tokusen .container.x3 .inner_wp .item_wp .inner a.blank {height:0;}

	#tokusen .container.x2 .inner_wp .anc_wp {
		flex-wrap:wrap;
		padding:3vw 1vw;
	}
	#tokusen .container.x2 .inner_wp .anc_wp a {
		font-size:3.6vw;
		width:45%;
		margin:8px 2.5%;
	}
	#tokusen .container.x2 .inner_wp .anc_wp a span {font-size:0.8em;}
}