@charset "utf-8";

/*-------- CLEARFIX --------*/
.clearfix:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix {min-height:1px;}
* html .clearfix {height:1px;/*¥*//*/height:auto;overflow:hidden;/**/}



/*-------- OFFSET PHONE'S DEFAULT FORM CSS --------*/
input[type="button"],input[type="submit"] {
	-webkit-appearance:none;
}
input[type=text] {
	font-size:16px;
	border:none;
	-webkit-border-radius:0;
	-webkit-appearance:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}



/*-------- COMMON --------*/


html {font-size:62.5%;}/* base size 10px */
body {
	color:#333333;
	font-family:"";
	font-size:1.0rem;
	line-height:1.8rem;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Roboto, sans-serif;

}
img {display:block;}

h1 {
	background:#ffffff;
	text-align:center;
	padding:65px 0 5px;
	border-bottom:1px solid #9B8674;
}


/*-------- FIXED HEAD --------*/

#fixed_head {
	background:none;
	width:100%;
	height:95px;
	z-index:9999;
	position: fixed;
	border-bottom: 1px solid #9B8674;
	padding-top:10px;
	background-color: #FFF;
}

#fixed_head div {
	background:none;
	float:right;
	width:18%;
	height:auto;
	margin-top: 12px;
}
#fixed_head div img {
	width:100%;
}

/*-------- CATEGORY NAVIGATION --------*/

nav.category {
	width:100%;
}

nav.category ul {
	background:#ffffff;
	border-top:2px solid #9B8674;
	border-bottom:1px solid #9B8674;
}

nav.category ul li {
	float:left;
	width:25%;
	border-right:1px dashed #9B8674;
	box-sizing:border-box;
}

nav.category ul li:last-child {
	border-right:0;
}

nav.category ul li a {
	display:block;
	color:#333333;
	font-size:1.4rem;
	text-decoration:none;
	text-align:center;
	margin:15px 0;
}

nav#header_nav {
	background:#fffff2;
}/* for header's navigation */



/*-------- SLIDE BANNER --------*/
#slide_banner {width:100%;margin-bottom:30px;}
#index_img img {width:100%;}



/*-------- CONTACT --------*/
#contact {background:#fffff2;padding:40px 0;}
#contact li {margin-bottom:20px;}
#contact li:last-child {margin-bottom:0;}
#contact li a img {width:96%;margin:0 auto;}



/*-------- FOOTER LIST --------*/

#footer_list {width:96%;}

#footer_list li {
	background:url(../img/arrow_right.png) no-repeat right center;
	width:100%;
	padding:0 2%;
	border-top:1px solid #9B8674;
}

#footer_list li a {
	display:block;
	background-size:4% !important;
	color:#333333;
	font-size:1.8rem;
	text-decoration:none;
	padding:14px 0 14px 40px;
}

#footer_list li:first-child a {background:url(../img/fnav_new.png) no-repeat left center;}
#footer_list li:nth-child(2) a {background:url(../img/fnav_guide.png) no-repeat left center;}
#footer_list li:nth-child(3) a {background:url(../img/fnav_kila.png) no-repeat left center;}
#footer_list li:nth-child(4) a {background:url(../img/fnav_company.png) no-repeat left center;}
#footer_list li:nth-child(5) a {background:url(../img/fnav_staff.png) no-repeat left center;}
#footer_list li:last-child {border-bottom:1px solid #9B8674;}

/*-------- FOOTER --------*/

footer {background:#9B8674;width:96%;padding:0 2%;}
footer a {color:#ffffff;text-decoration:none;}

#sp-f-list {width:96%;}
#sp-f-list li {
	background:url(../img/arrow_right.png) no-repeat right center;
	width:100%;
	padding:0 2%;
	border-top:1px solid #9B8674;
}
#sp-f-list li a {
	display:block;
	background-size:4% !important;
	color:#333333;
	font-size:1.8rem;
	text-decoration:none;
	padding:14px 0 14px 40px;
}

#sp-f-list li:first-child a {background:url(../sp/img/category/sp_nav001.png) no-repeat left center;}
#sp-f-list li:nth-child(2) a {background:url(../sp/img/category/sp_nav002.png) no-repeat left center;}
#sp-f-list li:nth-child(3) a {background:url(../sp/img/category/sp_nav004.png) no-repeat left center;}
#sp-f-list li:nth-child(4) a {background:url(../sp/img/category/sp_nav003.png) no-repeat left center;}
#sp-f-list li:nth-child(5) a {background:url(../sp/img/category/sp_nav006.png) no-repeat left center;}
#sp-f-list li:nth-child(6) a {background:url(../sp/img/category/sp_nav008.png) no-repeat left center;}
#sp-f-list li:nth-child(7) a {background:url(../sp/img/category/sp_nav005.png) no-repeat left center;}
#sp-f-list li:nth-child(8) a {background:url(../sp/img/category/sp_nav007.png) no-repeat left center;}
#sp-f-list li:nth-child(9) a {background:url(../sp/img/category/sp_nav009.png) no-repeat left center;}
#sp-f-list li:nth-child(10) a {background:url(../img/sp_nav0015.png) no-repeat left center;}
#sp-f-list li:nth-child(11) a {background:url(../sp/img/category/sp_nav0012.png) no-repeat left center;}
#sp-f-list li:last-child {border-bottom:1px solid #9B8674;}

footer #footer_sns {
	padding:20px 0;
	border-bottom:1px solid #ffffff;
}
footer #footer_sns ul {
	width:80%;
	margin:0 auto;
}
footer #footer_sns ul li {
	float:left;
	text-align:center;
	width:17.5%;
	margin-right:10%;
}
footer #footer_sns li:last-child {margin-right:0;}
footer #footer_sns li a img {width:100%;margin-bottom:5px;}

footer #footer_data {
	color:#ffffff;
	text-align:center;
	padding:20px 0;
}
footer #footer_data h3 {
	font-size:2.0rem;
	font-weight:bold;
	line-height:1.0em;
	margin-bottom:10px;
}
footer #footer_data h3 span {
	font-size:1.2rem;
}
footer #footer_data p {
	font-size:1.2rem;
	line-height:1.8em;
}



/*-------- COPY RIGHT --------*/
small {width:100%;}
small p {text-align:center;}










/*-------- RIGHT CONTENT --------*/
#right_content {
	color:#333333;
	background:#ffffff;
	width:80%;
	border-left:1px solid #9B8674;
}
#right_content a {
	color:#333333;
	text-decoration:none;
}
#right_content h3 {
	color:#ffffff;
	background:#9B8674;
	font-size:1.6rem;
	font-weight:bold;
	padding:8px 0 8px 2%;
}



#right_content .right-c_close {
	position:absolute;
	width:100%;
}
#right_content .right-c_close img {
	position:absolute;
	width:7%;
	top:3px;
	right:1%;
}




#right_content .right-c_point {
	background:#f5f5f5;
	font-size:1.2rem;
	text-align:center;
	padding:10px 0;
}
#right_content .right-c_point a {
	text-decoration:underline;
}
#right_content .right-c_point p span.right-c_point1 {
	color:#FF4649;
	font-size:1.8rem;
	font-weight:bold;
}
#right_content .right-c_point p span.right-c_point2 {
	color:#FF4649;
	font-weight:bold;
}



#right_content ul.right-c_category li {
	float:left;
	text-align:center;
	font-size:1.2rem;
	width:33%;
	padding:10px 0;
	border-right:solid 1px #9B8674;
	border-bottom:solid 1px #9B8674;
}
#right_content ul.right-c_category li:nth-child(3n) {
	border-right:none;
}
#right_content ul.right-c_category li:nth-child(7),
#right_content ul.right-c_category li:nth-child(8),
#right_content ul.right-c_category li:nth-child(9) {
	border-bottom:none;
}
#right_content ul.right-c_category li a img {
	width:40%;
	margin:0 auto;
}



#right_content ul.right-size li {
	float:left;
	width:25%;
	text-align:center;
	height:60px;
	border-right:1px solid #9B8674;
	border-bottom:1px solid #9B8674;
	box-sizing:border-box;
}
#right_content ul.right-size li:nth-child(4n) {
	border-right:0;
}
#right_content ul.right-size li a {
	display:block;
	font-size:1.4rem;
	font-weight:bold;
	line-height:60px;
}



#right_content ul.right-c_list li {
	font-size:1.4rem;
	width:100%;
	padding:10px 0 10px 6%;
	border-bottom:1px solid #8e8e8e;
}
#right_content ul.right-c_list li:last-child {
	border-bottom:none;
}