@charset "UTF-8";
/* CSS Document */


#opa_closet a {
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	color: #000;
	text-decoration: none;
}


#header {
	background-color: #E6E6E6;
	text-align: center;
}
#footer {
	background-color: #404040;
	padding: 20px 0;
	font-size: 12px;
	color: #FFF;
	text-align: center;
}
#opa_closet {
	width: 1000px;
	margin: 40px auto 0 auto;
	padding: 0 0 160px 0;
}
#opa_closet h2 {
	font-size: 20px;
	font-weight: normal;
	text-align: center;
}
#opa_closet .movie {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	-ms-justify-content:space-between;
}
#opa_closet .movie > div {
	width: calc(30%);
	margin: 40px 0 0 0;
}
#opa_closet .shop_box dl {
	border-top: 1px solid #ccc;
	padding: 0;
	margin: 0;
}
#opa_closet .shop_box dt {
	font-size: 19px;
	line-height: 150%;
	margin: 0;
	padding: 3px 0 0 0;
	font-weight: bold;
}
#opa_closet .shop_box dd {
	font-size: 15px;
	line-height: 130%;
	margin: 0;
	padding: 0;
}

@media screen and (min-width: 769px) {
.closet_pc {display: none;}

}

@media screen and (max-width: 768px) {
#opa_closet {
	width: auto;
	margin: 40px auto 0 auto;
}
#opa_closet .movie {
	margin: 0 10%;
	text-align: center;
}
#opa_closet .movie > div {
	width: calc(100%);
}
#opa_closet .shop_box dl {
	width: 100%;
	border-top: none;
}
#opa_closet .shop_box dt {
	text-align: left;
	display: none;
}
#opa_closet .shop_box dd {
	margin: 5px 0 0 0;
	text-align: left;
}
.closet_sp {display: none;}

}

@media screen and (max-width: 480px) {
#opa_closet h2 {
	font-size: 15px;
}
#opa_closet .shop_box .spc {
	letter-spacing: -0.1em;
}
#opa_closet .shop_box .spc2 {
	letter-spacing: -0.15em;
}
}