/* closet */

.closet_area{text-align: center;padding-bottom: 40px}
.closet_area .inner--base{width: 960px}


.closet_area .ttl{width: 60%;margin: 20px auto 0}
.closet_area h2{padding: 20px 0;margin-bottom: 0; font-size: 1.7rem;letter-spacing: 0.1em;line-height: 2;font-weight: normal}
.closet_area img{width: 100%;height: auto}

.closet_area #ytWrap {
	background-color: #005A60;
	padding: 50px 0;
	text-align: center;
	margin: 60px 0
}
.closet_area #ytWrap #ytBoxWrap {
	position: relative;
	background-color: #000000;
	max-width: 840px;
	margin: auto;
}
.closet_area #ytWrap #ytBox {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	
}
.closet_area #ytWrap #ytBox iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.closet_area dl{margin-top: 60px;border: 10px solid #ccc;background: #ececec;padding: 40px}
.closet_area.door dl{background: #fff}
.closet_area.powder dl{border:none;background: #fff;padding:0px}
.closet_area.powder dt{background: #5AB7CD;color: #fff;padding: 16px;font-size: 1.8rem;letter-spacing: 0.1em}
.closet_area dl dd{padding: 0;margin: 0; padding-top: 20px}
.closet_area.powder dd{background: #E5EEF2;padding: 40px 80px;text-align: left}
.closet_area .border{border: 13px solid #aecbcf;}
.closet_area .ifBox{
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	
}
.closet_area .ifBox iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.kigou{width: 300px;margin: auto;padding-top: 20px}

.closet_area.powder #ytWrap {
	background:#E5EEF2;
	padding: 50px 0 0;
	text-align: center;
	margin: 0px 0
}
.closet_area.powder .txt{font-size: 1.2rem;margin: 20px 0 30px}
.cap360{margin-top: 12px;}
@media screen and (max-width: 668px) {/*スマホ設定*/
.closet_area .inner--base{width: 98%}
.closet_area .ttl{width:90%;margin: 20px auto 0}
.closet_area h2{font-size: 1.1rem;}
.closet_area #ytWrap {
	padding: 20px;
	margin: 40px 0
}
.closet_area dl{margin-top: 40px;padding: 20px}
.closet_area dl dd{padding-top: 12px}
.cap360{font-size: 0.7rem}

.closet_area.powder dt{padding: 12px 0;font-size: 1.3rem;}
.closet_area.powder dd{padding: 20px;}
.closet_area.powder .txt{font-size: 1rem;margin: 20px 0 30px}
}


/*menu*/
.pageNav {
	max-width: 840px;

	margin: 30px auto 60px;
}
.pageNav a {
	color: #003D95;
	display: block;
	width: 32%;
	height: 3em;
	background-color: #fff;
	border: 2px solid;
	font-size: 17px;
	line-height: 1.2;
	display: flex;
	justify-content: center;
	align-items: center;
	border-image: linear-gradient(90deg, rgba(0,158,255,1) 0%, rgba(2,79,160,1) 45%) 1;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.pageNav a:hover {
	opacity: 0.6;
}
.pageNav a.on{
	color: #fff;
	background: linear-gradient(90deg, rgba(0,158,255,1) 0%, rgba(2,79,160,1) 45%);
	position: relative;
}
.pageNav a.on::after{
content: "";
position: absolute;
top: 100%;
left: calc(50% - 10px);
border: 15px solid transparent;
border-top: 16px solid rgba(2,79,160,1);   /* 好みで色を変えてください */  
}
@media screen and (max-width: 668px) {/*スマホ設定*/
.pageNav a{font-size: 13px}
}