@charset "UTF-8";



/*== PC 
==========================================================================================*/
@media screen and (min-width: 1024px) {
	
#sp_contact,.sp_menu{display:none;}	
#contents{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top:80px;
	padding-bottom:100px;
	}
#header {
	border-bottom:1px solid #ccc;
}	
.p_ttl {
	text-align:center;
	margin:0 0 60px 0;
}
.tab{
	width:880px;
	margin:0 auto 70px auto;
	padding:0;
	letter-spacing: -.40em;
	border-left:1px solid #d8c661;
}
.tab li{
	display:inline-block;
	width:220px;
	margin:0;
	padding:0;
	letter-spacing: normal;
}
.tab li a{
	display:block;
	color:#777;
	width:220px;
	padding:15px 0;
	line-height:140%;
	text-align:center;
	font-size:15px;
	border-right:1px solid #d8c661;
	border-top:1px solid #d8c661;
	border-bottom:1px solid #d8c661;
	background:url(img/icon01.gif) center 39px no-repeat;
    transition:all 0.2s;
}
.tab li a:hover{
	background-color:#d8c661;
	color:#fff;
	background-image:url(img/icon02.gif);
	background-position:center 42px;
	background-repeat:no-repeat;
    transition:all 0.2s;
}

#tabBoxes{
	width:800px;
	margin:0 auto 100px auto;
}
.cate_ttl{
	font-size:15px;
	padding:12px 0 12px 20px;
	line-height:140%;
	margin:0 auto 25px auto;
	width:780px;
	background:#f9f6e5;
	font-weight:normal;
}
.q_ttl{
	margin:0 0 10px 30px;
	padding:6px 0 0 35px;
	background:url(img/q_img.png) left top no-repeat;
	color:#d8c661;
	min-height:30px;
	font-weight:normal;
	font-size:16px;
}
p.a_txt{
	font-size:14px;
	background:url(img/a_img.png) left top no-repeat;
	line-height:170%;
	padding:0px 20px 0 36px;
	margin:0 0 35px 32px;
}
#tabBox1,#tabBox2,#tabBox3{
	margin-bottom:60px;	
}

.btn_box{
	width:700px;
	margin:0 auto;
}
.btn_contact{
	width:330px;
	float:left;
}
.btn_dress{
	width:330px;
	float:right;
}
.btn_contact a,.btn_dress a{
	display:block;
	padding:20px 10px;
	width:310px;
	line-height:140%;
	text-align:center;
	border:1px solid #d47b8f;
	font-size:14px;
	color:#d47b8f;
    transition:all 0.3s;
}
.btn_contact a:hover,.btn_dress a:hover,.btn_list a:hover{
	background:#d47b8f;
	color:#fff;
    transition:all 0.3s;
}
}


/*== SP ここから
==========================================================================================*/

@media screen and (max-width: 1023px) {


#header {
	border-bottom:1px solid #ccc;
}	
#contents{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top:50px;
	}
	
.p_ttl {
	text-align:center;
	margin:0 0 30px 0;
}
.p_ttl img{width:90px;}

.tab{
	width:100%;
	margin:0 auto 40px auto;
	padding:0;
	letter-spacing: -.40em;
}
.tab li{
	display:inline-block;
	width:25%;
	margin:0;
	padding:0;
	letter-spacing: normal;
}
.tab li a{
	display:block;
	color:#d8c661;
	width:100%;
	padding:15px 0;
	line-height:140%;
	text-align:center;
	font-size:13px;
	border-right:1px solid #d8c661;
	border-top:1px solid #d8c661;
	border-bottom:1px solid #d8c661;
	background-size:2px 1px;
	text-decoration:underline;
    transition:all 0.2s;
}
.tab li:last-child a{
		border-right:none;
}
#tabBoxes{
	width:96%;
	margin:0 auto 100px auto;
}
.cate_ttl{
	font-size:15px;
	padding:10px 0 10px 20px;
	line-height:140%;
	margin:0 auto 25px auto;
	background:#f9f6e5;
	font-weight:normal;
}
.q_ttl{
	margin:0 0 10px 20px;
	padding:1px 0 0 20px;
	background:url(img/q_img.png) left 4px no-repeat;
	background-size:14px 14px;
	color:#d8c661;
	min-height:20px;
	font-weight:normal;
	font-size:14px;
	line-height:150%;
}
p.a_txt{
	font-size:12px;
	background:url(img/a_img.png) left 3px no-repeat;
	background-size:11px 11px;
	line-height:150%;
	padding:0px 10px 0 20px;
	margin:0 0 35px 22px;
}
#tabBox1,#tabBox2,#tabBox3{
	margin-bottom:40px;	
}

.btn_contact{
	width:90%;
	margin:0 auto 30px auto;
}
.btn_dress{
	width:90%;
	margin:0 auto 60px auto;
}
.btn_contact a,.btn_dress a{
	display:block;
	padding:20px 0;
	width:100%;
	line-height:140%;
	text-align:center;
	border:1px solid #d47b8f;
	font-size:12px;
	color:#d47b8f;
    transition:all 0.3s;
}
.btn_contact a:hover,.btn_dress a:hover,.btn_list a:hover{
	background:#d47b8f;
	color:#fff;
    transition:all 0.3s;
}

}
@media screen and (max-width: 767px) {

}