@charset "utf-8";
/* ===================================================
	Reset
====================================================== */
#customer_header *,
#customer_footer * { -webkit-box-sizing: content-box; box-sizing: content-box;}

#customer_header h1,
#customer_header h2,
#customer_header h3,
#customer_header h4,
#customer_header h5,
#customer_header h6,
#customer_footer h1,
#customer_footer h2,
#customer_footer h3,
#customer_footer h4,
#customer_footer h5,
#customer_footer h6 { margin: 0;}

#customer_header ul,
#customer_header ol,
#customer_header li,
#customer_footer ul,
#customer_footer ol,
#customer_footer li { padding: 0; margin: 0; list-style-type: none;}

#customer_header dl,
#customer_footer dl { padding: 0; margin: 0;}

#customer_header p,
#customer_footer p { padding: 0; margin: 0;}


/* ===================================================
	Custom CSS
	※ 予約番自体のコンテンツに影響するのを避けるため、
	　必ず #customer_header または #customer_footer からの継承で記述してください。
====================================================== */
body { min-width: 1100px; background: #37251b; color: #000;}

#customer_header,
#customer_footer {
	margin: 0; padding: 0; width: 100%;
	font-size: 14px; font-weight: normal; line-height: 1.5;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック", sans-serif;
	-webkit-text-size-adjust: 100%;
}

#customer_header #header_wrap,
#customer_header #nav_wrap,
#customer_footer #footer_wrap {
	padding: 0; margin: 0;
}

#customer_header #header,
#customer_header #gnav ul,
#customer_footer #footer {
	width: 1100px; max-width: 100%; padding: 0; margin: 0 auto;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}

#customer_header a,
#customer_footer a { color: #f1eae3; text-decoration: none;}
#customer_header a:hover,
#customer_footer a:hover { color: #f1eae3; text-decoration: underline;}
#customer_header a:hover img,
#customer_footer a:hover img { opacity: 0.75;}

#customer_header img,
#customer_footer img { max-width: 100%;}

#customer_header .ver_sp,
#customer_footer .ver_sp { display: none;}

@media screen and (orientation:landscape) {
	body { width: 100%;}
}
@media screen and (max-width: 768px) {
	body { min-width: 0;}

	#customer_header .ver_pc,
	#customer_footer .ver_pc { display: none;}
	#customer_header .ver_sp,
	#customer_footer .ver_sp { display: inline;}
}


/* Header
------------------------------------------------------ */
#customer_header #header_wrap {
	background: url(https://www.yamatoyahonten.co.jp/common/img/body_bg.jpg) repeat-x center top;
	border-bottom: 5px solid #6f5649;
}

#customer_header #header{
	margin: 0 auto; padding: 0; width: 1000px; position: relative;
	background: url(https://www.yamatoyahonten.co.jp/common/img/head_bg.jpg) no-repeat center top;
}
#customer_header #header h1{
	top: 0; left: 400px; position: absolute; padding: 15px 0 0;
	font-size: 11px; line-height: 1; font-weight: normal; color: #000;
}
#customer_header #header #logo{ left: 15px; position: relative; padding: 3px 0 0; width: 333px; float: left;}

#customer_header #header #lg_nav{ left: 65px; position: relative; padding: 28px 0 0; float: left;}
#customer_header #header #lg_nav li{ display: inline-block; margin-right: 3px;}

#customer_header #header #head_nav{ right: 90px; position: relative; padding: 5px 0 0; width: 230px; float: right;}
#customer_header #header #head_nav li{ text-align: right;}
#customer_header #header #head_nav li:last-child{ margin-top: -10px; padding-right: 20px;}

@media screen and (max-width: 1000px) {
	#customer_header #header{ padding: 0 65px 0 1%; width: 100%; position: static; box-sizing: border-box;}
	#customer_header #header h1{ left: auto; position: static; padding: 10px 0 0; text-align: right;}
	#customer_header #header #logo{ padding: 0; left: 0; top: -15px;}
	#customer_header #header #lg_nav{ left: auto; float: none; margin: 5px 0 0; padding: 0; text-align: right;}
	#customer_header #header #lg_nav li{ margin-right: 0; margin-left: 3px;}
	#customer_header #header #head_nav{ right: auto; float: none; width: 100%; text-align: right;}
	#customer_header #header #head_nav li:not(.ver_sp){ display: inline-block; vertical-align: middle;}
	#customer_header #header #head_nav li:last-child{ margin: 0; padding: 0}
}
@media screen and (max-width: 768px) {
	#customer_header #header #head_nav{ position: static;}
	#customer_header #header #head_nav .tel-link{
		display: block; top: 65px; right: 10px; position: absolute;
		width: 44px; height: 44px; padding: 0; background: #302118; border: 1px solid #281a12;
	}
}
@media screen and (max-width: 640px) {
	#customer_header #header_wrap{ background-size: cover;}
	#customer_header #header{ padding: 0 1% 5px; background-size: cover;}
	#customer_header #header h1{ margin: 0 65px; padding: 5px 0 0; text-align: center; line-height: 1.6;}
	#customer_header #header #logo{ top: 0; margin: 5px 65px 0; width: auto; float: none; text-align: center;}
	#customer_header #header #logo img{ margin: 0 auto; max-width: 98%;}
	#customer_header #header #lg_nav,
	#customer_header #header #head_nav{ margin: 5px auto; text-align: center;}
}
@media screen and (max-width: 480px) {
	#customer_header #header h1,
	#customer_header #header #logo{ margin: 0 65px 0 0;}
 }


/* G-nav
------------------------------------------------------ */
#customer_header #open_menu,
#customer_header #close_menu,
#customer_header #gn_home{ display: none;}

#customer_header #gnav{ clear: both; }
#customer_header #gnav ul{ margin: 0 auto; width: 875px;}
#customer_header #gnav ul li{ height: 58px; float: left;}
#customer_header #gnav ul li a{ display:block; height: 58px; line-height: 58px; text-indent: -9999px;}

#customer_header #gn_01 a{ width: 136px; background: url(https://www.yamatoyahonten.co.jp/common/img/gn_01_off.jpg) no-repeat center center;}
#customer_header #gn_02 a{ width: 136px; background: url(https://www.yamatoyahonten.co.jp/common/img/gn_02_off.jpg) no-repeat center center;}
#customer_header #gn_03 a{ width: 136px; background: url(https://www.yamatoyahonten.co.jp/common/img/gn_03_off.jpg) no-repeat center center;}
#customer_header #gn_04 a{ width: 136px; background: url(https://www.yamatoyahonten.co.jp/common/img/gn_04_off.jpg) no-repeat center center;}
#customer_header #gn_05 a{ width: 136px; background: url(https://www.yamatoyahonten.co.jp/common/img/gn_05_off.jpg) no-repeat center center;}
#customer_header #gn_06 a{ width: 134px; background: url(https://www.yamatoyahonten.co.jp/common/img/gn_06_off.jpg) no-repeat center center;}

#customer_header #gn_01 a:hover{ background: url(https://www.yamatoyahonten.co.jp/common/img/gn_01_on.jpg) no-repeat center center;}
#customer_header #gn_02 a:hover{ background: url(https://www.yamatoyahonten.co.jp/common/img/gn_02_on.jpg) no-repeat center center;}
#customer_header #gn_03 a:hover{ background: url(https://www.yamatoyahonten.co.jp/common/img/gn_03_on.jpg) no-repeat center center;}
#customer_header #gn_04 a:hover{ background: url(https://www.yamatoyahonten.co.jp/common/img/gn_04_on.jpg) no-repeat center center;}
#customer_header #gn_05 a:hover{ background: url(https://www.yamatoyahonten.co.jp/common/img/gn_05_on.jpg) no-repeat center center;}
#customer_header #gn_06 a:hover { background: url(https://www.yamatoyahonten.co.jp/common/img/gn_06_on.jpg) no-repeat center center;}


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

	#customer_header #gnav {
		width: 100%; padding: 0; position: fixed; top: 0; left: 0; z-index: 10000;
		background: rgba(0,0,0,0.5); overflow: auto; pointer-events: none; background: none;
		-webkit-transition: 0.75s; -o-transition: 0.75s; transition: 0.75s;

		/* アニメーションの設定 */
		/* CSSで設定しているので、デザインに合わせて表示の仕方は変えてください。 */
		/* アコーディオン形式サンプル */
		height: 0;

		/* フェードイン形式サンプル */
		/* height: 100%; */
		/* opacity: 0; */
	}
	#customer_header #gnav:target {
		pointer-events: auto;

		/* アニメーションの設定 */
		/* アコーディオン形式サンプル */
		height: 100%;

		/* フェードイン形式サンプル */
		/* opacity: 1; */
	}

	#customer_header #open_menu{
		display: block; top: 15px; right: 10px; position: fixed; cursor: pointer;
		width: 44px; height: 44px; padding: 0; background: #302118; border: 1px solid #281a12; z-index: 10;
	}
	#customer_header #open_menu a{ display: block;}
	#customer_header #gnav #gn_home{ display: block;}

	#customer_header #gnav .close_menu a { padding: 0; line-height: 2;}
	#customer_header #gnav .close_menu a:hover { background: none;}
	#customer_header #gnav .close_menu span:before,
	#customer_header #gnav .close_menu span:after { content: ''; width: 15px; height: 3px; position: absolute; left: 0;}
	#customer_header #gnav .close_menu span:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
	#customer_header #gnav .close_menu span:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
	#customer_header #gnav #close_top { padding: 5px 0; text-align: center; position: relative;}
	#customer_header #gnav #close_top span {
		width: 15px; height: 0; padding: 15px 0 0;
		position: absolute; top: 13px; right: 10px; overflow: hidden;
	}
	#customer_header #gnav #close_top span:before,
	#customer_header #gnav #close_top span:after { background: #787878; margin: -2px 0 0; top: 50%;}
	#customer_header #gnav #close_bot {
		padding: 5px 0; margin: 10px auto 0; background: #000;
		border: 1px solid #555; color: #fff; text-align: center;
	}
	#customer_header #gnav #close_bot a { color: #fff;}
	#customer_header #gnav #close_bot span { display: inline-block; padding: 0 0 0 20px; position: relative;}
	#customer_header #gnav #close_bot span:before,
	#customer_header #gnav #close_bot span:after { margin: -2px 0 0; top: 50%; background: #fff;}

	#customer_header #gnav ul {
		width: auto; padding: 0; margin: 75px 10px 80px;
		-webkit-box-sizing: border-box; box-sizing: border-box;
	}
	#customer_header #gnav ul li {
		display: block; padding: 0; width: 100%; height: auto; float: none;
		background-color: #fff; font-size: 15px; line-height: 2;
		border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px dashed #ccc;
	}
	#customer_header #gnav ul li:first-child { border-top: 1px solid #ccc; border-radius: 4px 4px 0 0;}
	#customer_header #gnav ul li:nth-last-child(2) { border-bottom-style: solid; border-radius: 0 0 4px 4px;}
	#customer_header #gnav ul li:last-child{ border-bottom: none;}
	#customer_header #gnav ul li a {
		height: auto; padding: 5px 20px; width: 100%;
		color: #000; text-indent: 0; background: none; line-height: 1.8;
		white-space: normal; background: none; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
	#customer_header #gnav ul li a:hover { background: rgba(204,204,204,0.25); text-decoration: none;}

}


/* Main img
------------------------------------------------------ */
#customer_header #title_area{
	background: #261811 url(../img/title_bg.jpg) no-repeat center top;
}
#customer_header #title_area h2{ margin: 0 auto; height: 183px; width: 1100px;}
#customer_header #title_area img{
	display: block;
	position: relative;
	top: 50%;
	left: 75px;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}

@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 1000px) {
	#customer_header #title_area h2{ width: 100%;}
}


/* breadcrumb
------------------------------------------------------ */
#customer_header #breadcrumb {
	width: 1100px; max-width: 100%; margin: 5px auto 25px;
	color: #fff; font-size: 13px;
}
#customer_header #breadcrumb li { display: inline-block; line-height: 1.6;}
#customer_header #breadcrumb li:before { content: '>'; margin: 0 5px;}
#customer_header #breadcrumb li:first-child:before { display: none;}
#customer_header #breadcrumb a{ color: #e86a29;}
#customer_header #breadcrumb a:hover{ text-decoration: underline;}

@media screen and (max-width: 768px) {
	#customer_header #breadcrumb { display: none;}
}


/* Footer
------------------------------------------------------ */

#customer_footer #fnav_area{
	padding-top: 20px;
	padding-bottom: 160px;
	background: url(https://www.yamatoyahonten.co.jp/common/img/ft_img.png) no-repeat center bottom;
}
#customer_footer #fnav_area .acc_tit{ display: none;}

#customer_footer #fnav{ margin: 0 auto; width: 1000px;}
#customer_footer #fnav ul{ padding: 0 20px 15px; float: left;}
#customer_footer #fnav li{ margin: 0 0 5px; font-size: 13px;}

#customer_footer #fnav ul:nth-child(1) li:first-child,
#customer_footer #fnav ul:nth-child(3) li:first-child{
	margin: 0 0 10px; height: 20px;
	color: #e86a29; font-size: 14px; line-height: 20px;
}
#customer_footer #fnav ul:nth-child(2){
	padding-top: 30px;
	border-right: 1px dashed #776961; border-left: 1px dashed #776961;
}

#customer_footer #footer_wrap{ background: #302118;}
#customer_footer #footer{ margin: 0 auto; padding: 0 0 50px; width: 1000px;}

#customer_footer #page_top{ width: 123px; height: 30px; float: right;}
#customer_footer #page_top a{ display: block;}
#customer_footer #footer>img{ display: block; margin: 0 0 10px 10px; padding: 15px 0 0;}

#customer_footer #ft_logo{ width: 600px; float: left; font-style: normal; line-height: 1.6;}
#customer_footer #ft_logo > a{ display: block; margin: 0 15px 0 0; float: left;}

#customer_footer #ft_logo address{ display: block; padding: 15px 0 0;}
#customer_footer #ft_logo address span{ color: #fff;}

#customer_footer #ft_nav{ text-align: right; line-height: 30px;}
#customer_footer #ft_nav li{
	display: inline-block; margin-left: 10px; padding-left: 15px;
	background: url(https://www.yamatoyahonten.co.jp/common/img/icon_arrow.png) no-repeat left center;
}

#customer_footer #footer>a{ display: block; width: 255px; height: 102px; float: right;}
#customer_footer #copyright{ padding: 15px 0; font-size: 10px; color: #b09282;}

#customer_footer #link_area{ clear: both; margin: 0 auto; padding: 50px 0 25px;}
#customer_footer #link_area li{ display: inline-block; font-size: 12px;}
#customer_footer #link_area li:after{ display: inline-block; width: 10px; content: " /"; color: #b09282; text-align: right;}
#customer_footer #link_area li:first-child{ color: #fa8615;}

#customer_footer #link_area a{ color: #b09282;}

@media screen and (max-width: 1000px) {
	#customer_footer #fnav,
	#customer_footer #footer{ width: 96%;}
	#customer_footer #ft_logo{ width: 40%;}
	#customer_footer #ft_logo > a{ display: block; margin: 0; float: none;}
	#customer_footer #ft_nav{ line-height: 1.6;}
	#customer_footer #copyright{ clear: both;}
}
@media screen and (max-width: 768px) {
	#customer_footer #fnav{ display: table; text-align: center;}
	#customer_footer #fnav ul{ display: table-cell; float: none; text-align: left; vertical-align: top;}
	#customer_footer #page_top{ width: 100%; float: none; text-align: right;}
	#customer_footer #page_top a{ display: inline-block;}
	#customer_footer #link_area{ padding: 25px 0;}
}
@media screen and (max-width: 640px) {
	#customer_footer #fnav_area{ padding-bottom: 50px; background-size: 110% auto;}
	#customer_footer #fnav_area .acc_tit{
		display: block; margin: 0 auto 15px; padding: 10px; width: 96%;
		color: #fff; background: #5b493e url(https://www.yamatoyahonten.co.jp/common/img/arrow_off.png) no-repeat 98% 50%;
		border: 1px solid #836f63; box-sizing: border-box;
	}
	#customer_footer #fnav_area .acc_tit.active{ background-image: url(https://www.yamatoyahonten.co.jp/common/img/arrow_on.png);}
	#customer_footer #fnav{ display: block;}
	#customer_footer #fnav ul{ padding: 0 2% 15px; width: 50%; float: left; box-sizing: border-box;}
	#customer_footer #fnav ul:nth-child(2){ border-right: 0; border-left: 0;}
	#customer_footer #fnav ul:last-child{ clear: both; display: block; width: 100%; float: none;}

	#customer_footer #footer_wrap{ padding: 5px 0 0;}
	#customer_footer #footer>img{ margin: 0 auto 15px; padding: 10px 0 0; /*width: 309px;*/}
	#customer_footer #ft_logo{ width: 100%; float: none; text-align: center;}
	#customer_footer #ft_logo > a{ margin: 0 auto;}
	#customer_footer #ft_nav,
	#customer_footer #copyright{ margin: 10px auto; text-align: center;}
	#customer_footer #footer>a{ float: none; margin: 0 auto 10px;}
	#customer_footer #footer #ss_img_wrapper_115-57_flash_ja{ display: block; width: 100%; text-align: center;}
}


/* clear
------------------------------------------------------ */

#header_wrap:after,
#header:after,
#nav_wrap:after,
#gnav ul:after,
#contents_wrap:after,
#breadcrumbs:after,
#fnav_area:after,
#fnav:after,
#footer_wrap:after,
#footer:after,
#page_top:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}


/* ---------------------------------------------------
	更新履歴
------------------------------------------------------



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