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

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
	content:"";
	display:table;
}
.clearfix:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	zoom:1;
}

/*/ LP /////////////////////////////////////////////////////*/

body {
	margin:0;
	padding:0;
	background:#fff;
	color:#585752;
    /*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;*/
   font-family: 'Noto Sans Japanese', serif;
    font-size:13px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;


}

.container {
	width: 100%;
	margin: 0;
	padding: 0;
}

ul{
	margin:0;
	padding:0;
	list-style-type:none;
}


/* ------------------------------------------------------------

	PC	
============================================================ */



/*--------main--------*/

#main{
	width:100%;
	height:600px;
	margin:0;
	padding:0;
	text-align:center;
	background:url("../images/main.jpg") top center fixed;
}





/*--------About--------*/

#about{
	width:100%;
	margin:0;
	padding:70px 0 100px 0;
	background:#f3f8fb;
	text-align:center;
}

#about img#logo_collage{
	width:130px;
	height:auto;
	margin:0;
	padding:0;
}
#about h1{
	margin:0;
	padding:0;
}
#about h1 img{
	width:430px;
	margin:50px 0 50px 0;
	padding:0;
}
/*
#about #copy1{
	margin:0 0 30px 0;
	padding:0;
	font-size:22px;
	line-height:0;
	color:#87bad5;
	font-weight:600;
}
#about #copy2{
	margin:0 0 30px 0;
	padding:0 10px;
	font-size:16px;
	color:#87bad5;
	font-weight:600;
	border:solid 1px;
	display:inline-block;
}
#about #copy3{
	margin:0 0 70px 0;
	padding:0;
	font-size:36px;
	line-height:0;
	color:#87bad5;
	font-weight:600;
}
*/
#about #copy{
	margin:0 0 70px 0;
	padding:0;
	font-size:20px;
	line-height:0;
	color:#87bad5;
	font-weight:600;
}
#about #copy .border{
	margin:0 5px;
	padding:3px 10px;
	border:solid 1px;
}
#about #copy #price{
	margin:0 0 0 5px;
	padding:0;
	font-size:28px;
}
#about #copy #tax{
	margin:0;
	padding:0;
	font-size:16px;
}
#about #copy br{
	display:none;
}

#about h2{
	margin:0 0 40px 0;
	padding:0;
	font-size:36px;
	font-weight:400;
	letter-spacing:1px;
	border-bottom:solid 1px;
	display:inline-block;
}
#about h2 br{
	display:none;
}
#about p{
	margin:0;
	padding:0;
	font-size:16px;
	line-height:200%;
}
#about a#news_link {
	margin:30px auto 0 auto;
	padding:10px 20px;
	width:300px;
	font-size:14px;
	display:block;
	background:#87bad5;
	color:#fff;
	text-decoration:none;
	font-weight:600;
}
#about a#news_link:hover {
	margin:30px auto 0 auto;
	padding:10px 20px;
	width:300px;
	font-size:14px;
	display:block;
	background:#8EC7FF;
	color:#fff;
	text-decoration:none;
	font-weight:600;
}
#about h3{
	margin:100px 0 15px 0;
	padding:2px 0;
	font-size:20px;
	font-weight:400;
	border-bottom:dotted 1px;
	display:inline-block;
}
#about h4{
	margin:0 0 15px 0;
	padding:0;
	font-size:20px;
	font-weight:600;

}
#about ul{
	width:1020px;
	margin:0 auto;
	padding:0;
}
#about ul li{
	width:320px;
	margin:0 10px;
	padding:0;
	float:left;
}
#about ul li img{
	width:320px;
	margin:0 0 10px 0;
	padding:0;
}

#about ul a{
	width:200px;
	margin:10px auto 5px auto;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	line-height:100%;
	color:#8EC7FF;
	text-decoration:none;
	background:#fff;
	border:solid 2px #B3D9FF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display:block;
}
#about ul a:hover{
	width:200px;
	margin:10px auto 5px auto;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	line-height:100%;
	color:#FFF;
	text-decoration:none;
	border:solid 2px #8EC7FF;
	background:#8EC7FF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display:block;

}

.br_sp{
	display:none;
}



/*--------style-------*/
#style{
	width:100%;
	margin:0;
	padding:100px 0 30px 0;
}
#style h3{
	margin:0 0 20px 0;
	padding:0;
	font-size:34px;
	font-weight:400;
	text-align:center;
}
#style .look_detail{
	width:100%;
	margin:0 0 100px 0;
	padding:0;

}
#style .look_detail .style_img{
	width:1000px;
	margin:0 auto;
	padding:0;
	display:block;
}

#style .look_detail .style_img_other{
	width:1050px;
	margin:50px auto 30px auto;
	padding:0;
	font-size:0;
}
#style .look_detail .style_img_other li{
	width:525px;
	margin:0;
	padding:0 25px;
	display:inline-block;
	font-size:0;
	float:left;
}
#style .look_detail .style_img_other li img{
	width:475px;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	vertical-align: bottom;
}



#style .look_detail .credit{
	width:900px;
	margin:0 auto;
	padding:0;
	line-height:220%;
	text-align:center;
}
#style .look_detail .credit a{
	width:200px;
	margin:2px auto 15px auto;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	line-height:100%;
	color:#8EC7FF;
	text-decoration:none;
	border:solid 2px #B3D9FF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display:block;
}
#style .look_detail .credit a:hover{
	width:200px;
	margin:2px auto 15px auto;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	line-height:100%;
	color:#FFF;
	text-decoration:none;
	border:solid 2px #8EC7FF;
	background:#8EC7FF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display:block;

}









/*--------link--------*/

#link{
	width:1060px;
	margin:0 auto;
	padding:0;

}
#link li{
	width:500px;
	margin:0 60px 0 0;
	padding:0;
	border:solid 1px #CDD6DC;
	background:#EAF0F5;
	text-align:center;
	float:left;
	display:block;
}
#link li:nth-child(even){
	margin:0;
}
#link li a{
	width:500px;
	margin:0;
	padding:30px 0;
	color:#585752;
	font-size:14px;
	font-weight:bold;
	display:block;
	text-decoration:none;
}
#link li a i{
	margin:0 0 0 15px;
	font-size:12px;
}

/*--------footer--------*/

footer{
	width:100%;
	margin:80px 0 20px 0;
	text-align:center;
}

footer #footer_logo{
	width:140px;
	height:auto;
}
footer #copyright{
	width:100%;
	margin:20px 0 0 0;
	padding:20px 0 0 0;
	border-top:solid 1px #ccc;
	font-size:13px;
}


/* ------------------------------------------------------------

	SP
============================================================ */
@media screen and (max-width: 580px) {


/*--------main--------*/

#main{
	height: 0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 50%;
	background:url("../images/main.jpg") 0 0 no-repeat fixed;
	background-size: contain;



}



/*--------about--------*/

#about{
	padding:60px 20px 100px 20px;
	text-align:center;
}
#about img#logo_collage{
	width:110px;
	height:auto;
	margin:0;
	padding:0;
}
#about h1{
	margin:0;
	padding:0;
}
#about h1 img{
	width:280px;
	margin:40px 0 20px 0;
	padding:0;
}
/*
#about #copy1{
	margin:0 0 15px 0;
	font-size:18px;
	text-align:center;
}
#about #copy2{
	margin:0 0 15px 0;
	font-size:14px;
	text-align:center;
}
#about #copy3{
	margin:0 0 50px 0;
	font-size:24px;
	text-align:center;
}
*/
#about #copy{
	margin:0 0 40px 0;
	padding:0;
	font-size:20px;
	line-height:250%;
	color:#87bad5;
	font-weight:600;
	text-align:center;
	display:block;
}
#about #copy .border{
	margin:0 5px;
	padding:3px 10px;
	border:solid 1px;
}
#about #copy #price{
	margin:0 0 0 5px;
	padding:0;
	font-size:34px;
}
#about #copy #tax{
	margin:0;
	padding:0;
	font-size:14px;
}
#about #copy br{
	display:inherit;
}

#about h2{
	font-size:26px;
	margin:0;
	display:inline;
}
#about h2 br{
	display:inherit;
}
#about p{
	margin-top:20px;
	text-align:left;
}
#about p br{
	display:none;
}
#about ul{
	width:100%;
}
#about ul li{
	width:100%;
	margin:0 0 30px 0;
	float:left;
}
#about ul li img{
	width:100%;
}

#about ul a{
	width:200px;

}
#about ul a:hover{
	width:200px;


}

.br_sp{
	display:inherit;
}



/*--------style-------*/
#style{

}
#style h3{

}
#style .look_detail{
	padding:0 20px;
}
#style .look_detail .style_img{
	width:100%;
	margin:0 0 15px 0;
	padding:0;
}

#style .look_detail .style_img_other{
	width:100%;
	margin:0 0 5px 0;
}
#style .look_detail .style_img_other li{
	width:100%;
	margin:0 0 15px 0;
	padding:0;
}
#style .look_detail .style_img_other li img{
	width:100%;
}



#style .look_detail .credit{
	width:100%;
}
#style .look_detail .credit a{
	width:80%;
}
#style .look_detail .credit a:hover{
	width:200px;
	margin:2px auto 15px auto;
	width:80%;
}


















/*--------link--------*/

#link{
	width:90%;
	margin:0 auto;
	padding:0;

}
#link li{
	width:100%;
	margin:0 0 20px 0;
}
#link li:nth-child(even){
	margin:0;
}
#link li a{
	width:100%;
	margin:0;
	font-size:12px;
}
#link li a i{
}

/*--------footer--------*/

footer{

}

footer #footer_logo{

}
footer #copyright{
	font-size:11px;
}




}