@charset "UTF-8";

@font-face {
  font-family: 'apercu';
  font-style: normal;
  font-weight: 100;
  src: url("../font/apercu/apercu_regular_pro.eot");
  src: url("../font/apercu/apercu_regular_pro.eot?#iefix") format("embedded-opentype"), url("../font/apercu/apercu_regular_pro.woff") format("woff"), url("../font/apercu/apercu_regular_pro.ttf") format("truetype");
  /* Safari, Android, iOS */ }

body{
	margin:0;
	padding:0;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
ul{
	margin:0;
	padding:0;
	list-style:none;
}
p{
	margin:0;
	padding:0;
}
h1{
	margin:0;
	padding:0;
	display:block;
}
img{
	width:100%;
	vertical-align:bottom;
}
a{
	color:#999999;
}
.pc-only{
	display:none;
}
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

.fade-in {
	transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
.item-type{
	margin:50px 0 10px 0;
	text-align:center;
	font-family:apercu;
	font-size:18px;
}

/* ------------------------
 main_image
------------------------ */
#main_image{
	position:relative;
}
#domani_logo{
	position:absolute;
	width:30%;
	top:170px;
	left:45px;
}
#main_lead{
	margin:15px 10px 10px;
	font-size:16px;
	line-height:160%;
	font-weight:bold;
	text-align:center;
}
#main_text{
	margin:0 10px;
	font-size:14px;
	line-height:160%;
}

/* ------------------------
 item
------------------------ */
#contents01 .item-type{
	margin:40px 0 0 0;
}
.item_text{
	margin:0 20px;
	font-size:12px;
	line-height:160%;
}
.item_credit{
	margin:10px 20px 0;
	font-size:12px;
	line-height:160%;
	color:#999999;
}
.item_credit span{
	margin:0 0 0 3px;
	font-size:10px;
}
#domani_ec{
	margin:40px 10px 0;
	padding:15px 0;
	font-size:14px;
	text-align:center;
	line-height:180%;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
}
#domani_ec a{
	color:#333333;
}
.domani_link{
	margin:15px 10px 0;
	font-size:10px;
	text-align:center;
	line-height:180%;
}
.domani_link a{
	display:block;
	width:60%;
	margin:3px auto;
	padding:7px 0;
	font-size:12px;
	text-align:center;
	background:#999999;
	color:#ffffff;
	text-decoration:none;
}
.domani_link a:hover{
	background:#aaaaaa;
}
.domani_link2{
	margin:20px 0 0 0;
	text-align:center;
}
.domani_link2 a{
	font-size:12px;
	text-align:center;
	color:#000000;
}
.domani_link2 a:hover{
	color:#333333;
}
.palcloset_link{
	margin:20px 0 0 0;
	text-align:center;
	font-size:12px;
}
.item_info{
	margin:20px 0 0 0;
}
/* ------------------------
 model image
------------------------ */
#model_image{
	margin:40px 0;
}
.model1{
	margin:5% 0 5% 5%;
}
.model2{
	margin-left:15%;
}
.model3{
	margin:20px 0 0 0;
}
.model4{
	margin:20px 5% 0 0;
}
.model5{
	margin:20px 5%;
}
.model6{
	margin:30px 0 20px 0;
}
.model7{
	margin:0 20px 20px;
}

a.detail-btn,
a.detail-btn2{
	display:block;
	margin:10px auto 0 auto;
	padding:10px 10px;
	width:120px;
	background:#000000;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	font-family:apercu;
	font-size:14px;
}
a:hover.detail-btn,
a:hover.detail-btn2{
	background:#333333;
}
.item_credit .icon_story{
	padding:1px 3px;
	background:#c9c9c9;
	color:#ffffff;
	font-size:10px;
}

/* ------------------------
 footer
------------------------ */
.btn_all_item{
	display:block;
	margin:70px auto 0;
	padding:10px 0;
	width:80%;
	text-decoration:none;
	text-align:center;
	border:1px solid #333333;
	font-size:14px;
}
footer{
	margin:50px 0 0 0;
}
footer img{
	display:block;
	width:100px;
	margin:0 auto;
}
footer p{
	margin:20px 0 15px 0;
	text-align:center;
	font-size:11px;
	font-family:apercu;
}

/* ------------------------
 PC
------------------------ */
@media screen and (min-width:480px) {
.pc-only{
	display:block;
}
.sp-only{
	display:none;
}
#main_image,
#main_lead,
#main_text,
#model_image,
#contents01,
#contents02{
	width:1060px;
	margin:0 auto;
}
#contents03{
	width:720px;
	margin:0 auto;
}

a.detail-btn{
	display:block;
	margin:15px auto 0 auto;
	padding:5px 10px;
	width:120px;
}
/* ------------------------
 PC main_image
------------------------ */
#main_image{
	position:relative;
}
#main_image #domani_logo{
	position:absolute;
	top:210px;
	left:180px;
	width:240px;
}
#main_lead{
	margin:25px auto 10px;
	font-size:16px;
	line-height:160%;
	font-weight:bold;
	text-align:center;
}
#main_text{
	font-size:14px;
	line-height:180%;
	text-align:center;
}

/* ------------------------
 model image
------------------------ */
#model_image{
	position:relative;
	margin:70px auto;
	height:3250px;
}
.model1{
	position:absolute;
	top:0;
	left:0px;
	width:43%;
	margin:0;
}
.model2{
	position:absolute;
	top:30px;
	right:0px;
	width:41%;
	margin:0;
}
.model3{
	position:absolute;
	top:680px;
	left:0px;
	width:41%;
	margin:175px 0 0 0;
}
.model4{
	position:absolute;
	top:680px;
	right:0px;
	width:43%;
	margin:150px 0 0 0;
}
/*.model4{
	position:absolute;
	top:1560px;
	left:50px;
	width:37%;
	margin:0;
}*/
.model5{
	position:absolute;
	top:1510px;
	left:310px;
	width:42%;
	margin:150px 0 0 0;
}
.model6{
	position:absolute;
	top:2320px;
	left:50px;
	width:45%;
	margin:150px 0 0 0;
}
.model7{
	position:absolute;
	top:2320px;
	right:10px;
	width:37%;
	margin:175px 0 0 0;
}
.item_credit{
	position:absolute;
	width:100%;
	font-size:12px;
	text-align:center;
	left:0;
	margin:0;
}
.item_credit a:hover{
	color:#666666;
}
.item_credit1{
	top:710px;
}
.item_credit2{
	top:1535px;
}
.item_credit3{
	top:2350px;
}
.item_credit4{
	top:3210px;
}
.item_credit1 span,
.item_credit2 span,
.item_credit3 span,
.item_credit4 span{
	margin:0 0 0 3px;
	font-size:12px;
}
/* ------------------------
 PC item
------------------------ */
.item_box{
	margin:30px 0;
}
#domani_ec{
	clear:both;
}
.domani_link{
	margin:40px 0 0 0;
	font-size:12px;
}
.item_image{
	width:550px;
}
.item_info{
	margin:70px auto 0;
	width:640px;
}
.btn_all_item{
	display:block;
	margin:70px auto 0;
	padding:10px 0;
	width:400px;
	text-decoration:none;
	text-align:center;
	border:1px solid #333333;
	font-size:14px;
}
.btn_all_item:hover{
	color:#999999;
	border:1px solid #999999;
}

}