@charset "utf-8";
/* CSS Document */
#modelia-dp{
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
#modelia-dp img{
	display:inline;
	max-height:100%;
	max-width:100%;
}
ol, ul{
	list-style: none;
}
/*文字サイズ*/
#modelia-dp .m-text{
	font-size:16px;
	line-height:185%;
	}
#modelia-dp .s-text{
	font-size:14px;
letter-spacing: -0.01em;
	line-height:200%;
	}

#modelia-dp h2,h3,h4{ 
	text-align:center;
	}
#modelia-dp h2{ 
	padding:10px;
	border-top:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
	}
#modelia-dp .text-con,
#modelia-dp .text-gray-con{
	color:#383838;
	line-height:200%;
	}
#modelia-dp .text-gray-con{
	background:#faf9fa;
	padding:10px;
	border:1px solid #9c9c9c;
	}
#modelia-dp .text-gray-con table{
	text-align:left;
		font-size:14px;
	}
#modelia-dp .text-gray-con table th{
	font-weight:normal;
	vertical-align:top;
	padding:0 5px;
		line-height:200%;
	}
#modelia-dp .text-gray-con table td{
	vertical-align:top;
	line-height:200%;
	padding:0 5px;
	}
#modelia-dp .top-con,
#modelia-dp .middle-con,
#modelia-dp .bottom-con{ 
	overflow:hidden;
	padding:25px 15px;
	}
#modelia-dp .top-con{
padding-top: 50px;
}
#modelia-dp .top-con  .text-gray-con h4 img,
#modelia-dp .middle-con h3 img,
#modelia-dp .bottom-con h3 img{
	height:27px
	}
#modelia-dp .middle-con .text-gray-con h3 img{
	height:23px;
	}
#modelia-dp .top-con h3{
	padding:10px 40px;
	margin-top: 35px;
	}
#modelia-dp .top-con h4{
	padding: 0 0 5px;
	margin: 0;
	}
#modelia-dp .top-con .text-con{
	margin-bottom:20px;
	}
#modelia-dp .top-con .m-text{
margin:0 0 10px;
letter-spacing: -0.03em;
	}
#modelia-dp .middle-con .middle-photo{
	text-align:center;
padding-bottom: 60px;
	}

#modelia-dp .middle-con .text-con h3,
#modelia-dp .bottom-con h3{
	background:url("../images/back_line.png") repeat-x;
	margin-bottom:20px;
	}

#modelia-dp .middle-con .text-con h3 img,
#modelia-dp .bottom-con h3 img{
	background:#fff;
	}
#modelia-dp .middle-con .text-gray-con h3{
	padding:20px;
	}
#modelia-dp .middle-con .text-gray-con h4{
	color:#898989;
	font-size:20px;
	padding:15px;
	}
#modelia-dp .middle-con .right-img{
	text-align:right;
	}
	
#modelia-dp .bottom-con .text-con{
	margin-bottom:20px;
	}
#modelia-dp .bottom-con .right-con ul li{
	display:inline-block;
	padding:0 5px 10px;
	vertical-align:top;
	}
#modelia-dp .bottom-con .right-con ul li span{
	display:block;
	padding-top:5px;
	}
.sp-design_320,
.sp-design_m320{
display:none;
	
}
.sp {
	display: none !important;
}

.pc {
	display: block !important;
    line-height: 0;
}
.img-con.sp{
	padding:0;
padding-bottom: 30px;
}
.img-con li {
    max-height: inherit;
    height: auto;
	margin-bottom:1.8vw;
}
.bottom-spece{
padding-bottom: 10px;
display: inline-block;
}
.pc-none{
	display: none;
}
@media screen and (max-width:1023px){
	.sp {
		display: block !important;
	}
	
	.pc {
		display: none !important;
	}
#modelia-dp h2 img{
	max-width:220px;
	height:auto;
	}
#modelia-dp .top-con .m-text{
    letter-spacing: 0.05em;
	}
#modelia-dp .text-gray-con table th{
	display:block;
	font-weight:bold;
	border-bottom:1px solid #666;
	}
#modelia-dp .text-gray-con table td{
	display:block;
	}
#modelia-dp .text-gray-con table td br{
	display:none;
	}
#modelia-dp .middle-con .text-gray-con{
	margin-bottom:40px;
	}
#modelia-dp .bottom-con .right-con ul li{
	display:inline-block;
	padding:0 5px 10px;
	width:45.5%;
	}
#modelia-dp .bottom-con .left-img{
	margin-bottom:30px;
	}
#modelia-dp .room-btn a{
background:#D9EEF7 /*	url("../images/back_btn.png") no-repeat 257px center*/;
	text-align:center;
	font-weight:bold;
	color:#383838;
	font-size:18px;
	border-radius:10px;
	border:1px solid #afafaf;
	display:block;
	width:260px;
	padding:18px;
	margin:10px auto;
	}
#modelia-dp .bottom-con .left-img,
#modelia-dp .photo,
#modelia-dp .middle-photo{
	text-align:center;
	display:block;

	}
#modelia-dp .bottom-con .left-img img,
#modelia-dp .middle-photo img{
	margin:0 auto;
	max-width:100%;
	height:auto;
	}
#modelia-dp .bottom-con .left-img img{
	border:1px solid #ccc;
	}
#modelia-dp .top-con h3{
	padding: 40px 0 15px;
	margin-top: 0;
	}
#modelia-dp .top-con h3 img{
	height:22px;
	width:auto;
	}
#modelia-dp .middle-con .text-con h3,
#modelia-dp .bottom-con h3{
	background:url("../images/back_line.png") repeat-x center;
	margin-bottom:20px;
	height:20px
	}
#modelia-dp .middle-con .text-con h3 img,
#modelia-dp .bottom-con h3 img,
#modelia-dp .middle-con .text-gray-con h3 img,
#modelia-dp .top-con  .text-gray-con h4 img{
	height:20px
	}
#modelia-dp .middle-con .text-gray-con h4{
	color:#898989;
	font-size:18px;
	padding:15px;
	}
#modelia-dp .m-text{
	font-size:14px;
	line-height:200%;
	}
#modelia-dp .s-text{
	font-size:12.5px;
	line-height:200%;
	}
#modelia-dp .top-con .m-text{
	margin-top: 10px;
	font-size:13px;
    font-feature-settings: "palt";
	}
	.pc-none{
		display: inline;
	}

#modelia-dp .middle-con .middle-photo {
  padding-bottom: 0;
}
#modelia-dp .top-con{
padding-top: 25px;
}



	}
@media (max-width:320px){
.sp-320{
	display:block;	
	line-height: 0;
	}
	}
@media (min-width:321px){
.sp-320{
	display:none;	
	}
	}
@media (min-width:320px)and (max-width:360px){
	.sp-design_m320{
	display:block;	
	}

	}
@media (min-width:320px) and (max-width:414px){
.sp-design_320{
	display:block;	
	}
	br.sp-design_320{
		line-height: 0;
	}

	}
@media (min-width:768px) and (max-width:1023px){
#modelia-dp .bottom-con .right-con ul li{
	display:inline-block;
	padding:0 5px 10px;
	width:31%;
	}
	.pc-none{
		display: none;
	}
	}
@media screen and (min-width:1024px),print{

/*左右*/
#modelia-dp .top-con .main-img{ 
	float:left;
	}
#modelia-dp .top-con .text-con{
	float:right;
	width:490px;
	}
/*
#modelia-dp .middle-con .photo img{
    height: 240px;
    width: auto;
	}
*/
#modelia-dp .middle-con .photo {
	text-align:center;
	}
#modelia-dp .middle-con .text-gray-con{
	float:left;
	width:390px
	}
#modelia-dp .middle-con .text-con{
	width:550px;
	float:right;
	padding-top: 25px;
	}
/* #modelia-dp .middle-con .text-gray-con h3{
	} */
#modelia-dp .bottom-con .left-img{
	float:left;
	width:485px;
	}
#modelia-dp .bottom-con .right-con{
	float:right;
	width:485px;
	}
#modelia-dp .text-gray-con table th{
	font-weight:normal;
	vertical-align:top;
	padding:0 5px;
	line-height:170%;
	width:60px;	
	}
#modelia-dp .text-gray-con table td{
	vertical-align:top;
	line-height:170%;
	padding:0 5px;
	}
#modelia-dp .room-btn a{
	background:#D9EEF7 url("../images/back_btn.png") no-repeat 760px center;
	text-align:center;
	font-weight:bold;
	color:#383838;
	font-size:20px;
	border-radius:10px;
	border:1px solid #afafaf;
	display:block;
	width:800px;
	padding:18px;
	margin:10px auto;
	}

#modelia-dp .ar_inner {
    overflow: hidden;
}
#modelia-dp .ar_inner .ar_box {
    width: 47%;
    float: left;
    margin: 10px;
}

}