@charset "utf-8";

/**reset**/
#customer_header div,
#customer_header dl,
#customer_header dt,
#customer_header dd,
#customer_header ul,
#customer_header ol,
#customer_header li,
#customer_header h1,
#customer_header h2,
#customer_header h3,
#customer_header h4,
#customer_header h5,
#customer_header h6,
#customer_header pre,
#customer_header form,
#customer_header fieldset,
#customer_header input,
#customer_header textarea,
#customer_header p,
#customer_header blockquote,
#customer_header th,
#customer_header td,
#customer_header img,
#customer_footer div,
#customer_footer dl,
#customer_footer dt,
#customer_footer dd,
#customer_footer ul,
#customer_footer ol,
#customer_footer li,
#customer_footer h1,
#customer_footer h2,
#customer_footer h3,
#customer_footer h4,
#customer_footer h5,
#customer_footer h6,
#customer_footer pre,
#customer_footer form,
#customer_footer fieldset,
#customer_footer input,
#customer_footer textarea,
#customer_footer p,
#customer_footer blockquote,
#customer_footer th,
#customer_footer td,
#customer_footer img { margin:0; padding:0; }
#customer_header table,
#customer_footer table {border-collapse:collapse; border-spacing:0; }

#customer_header fieldset,
#customer_header img,
#customer_footer fieldset,
#customer_footer img  { border:0; }
#customer_header address,
#customer_header caption,
#customer_header cite,
#customer_header code,
#customer_header dfn,
#customer_header em,
#customer_header strong,
#customer_header th,
#customer_header var,
#customer_footer address,
#customer_footer caption,
#customer_footer cite,
#customer_footer code,
#customer_footer dfn,
#customer_footer em,
#customer_footer strong,
#customer_footer th,
#customer_footer var { font-style:normal; font-weight:normal; }
#customer_header ol,
#customer_header ul,
#customer_footer ol,
#customer_footer ul { list-style:none; }
#customer_header caption,
#customer_header th,
#customer_footer caption,
#customer_footer th { text-align:left; }
#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 { font-size:100%; font-weight:normal; }
#customer_header img,
#customer_footer img { vertical-align:top; }
#customer_header hr,
#customer_footer hr { display:none; }
#customer_header a,
#customer_footer a { border:none; outline:none; }

/* layout */
body { background: #000;}

#customer_header,
#customer_footer { font-family: "YuGothic"; font-size:14px;　max-width: 100%;}

#customer_header a,
#customer_footer a { color:#fdfcf9; text-decoration: none; cursor: pointer;}

#customer_header a:hover img
#customer_footer a:hover img{ opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75;}
#customer_header a:hover,
#customer_footer a:hover{ color:#fdfcf9; }

#customer_header div,
#customer_footer div,
#customer_header section,
#customer_footer section { text-align: left; line-height: 1.7; box-sizing: border-box; }
#customer_header ul,
#customer_footer ul,{ list-style: none;}
#customer_header img,
#customer_footer img{ max-width: 100%; height: auto; width: auto\9; /* ie8 */ border:0; vertical-align:bottom;}

#customer_header #header .content { min-height: inherit; background: url(../img/h_bg.jpg) repeat-x; color: #e6e4d9; }
#customer_header #header .content div { margin:0 auto; padding:15px 0 ; width: 1150px; }
#customer_header #header h1 { float:left; margin-right:60px; width:320px; }
#customer_header #header h1 img { float:right; width:143px; }
#customer_header #header h1 span { font-weight: normal; float:left; display:block; font-size:12px; width:175px;}
#customer_header #header h1 span span {font-size:14px; text-align: center;}
#customer_header #header #h_tel { float:left; width:600px; }
#customer_header #header #h_tel img:first-child { float:left; margin-top:6px; width:266px; }
#customer_header #header #h_tel img:last-child{ margin-top:-5px; width:227px;}
/* 170712 mori */
#customer_header #header #h_tel .wbr img { width: 227px; margin-top: 0;}
/* ここまで */
#customer_header #header #h_rsv { display: none;}
#customer_header #header #h_inf { float:right; /*width:170px;*/ }
#customer_header #header #h_inf li { float:left; margin-left:2px; width:80px; }
#customer_header #header #h_mailto { width:80px; }
#customer_header #gnav { background:#000; width: 100%;}
#customer_header #gnav.fixed { position: fixed; top: 0; z-index: 1000;}
#customer_header #gnav ul { margin:0 auto; width: 1150px; }
#customer_header #gnav li { display: table-cell; font-size:15px; text-align:center; }
#customer_header #gnav li span { display:block; font-size:10px; font-family: "Cinzel", serif; margin-top:6px; }
#customer_header #gnav li a { display: block; padding:10px 0; position: relative; text-decoration:none; width:142px;}
#customer_header #gnav li a:hover {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;}
#customer_header #gnav li:not(#gn_08) a:after { content: " "; display: block; position: absolute;left: 20%; bottom: 0; height: 4px; width: 60%; background: #b54828;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	transform: scaleX(0);
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;}
#customer_header #gnav li:not(#gn_08) a:hover:after{
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  	opacity: 1;
  	transform: scaleX(1);}
#customer_header #gnav li:not(#gn_08) a::before {
	content: " ";
    width: 1px;
    height: 50%;
    display: block;
    position: absolute;
    background: #444;
    top: 25%;
    left: 0;}

#customer_header #gnav li#gn_08 a { background: url(../img/reserve_bg.png) no-repeat; background-size: 100% 100%; color:#fff; width:160px;}
#customer_header #gnav li#gn_08 a:hover { background-image:none ; background-color: #807f37;}
#customer_header h2 { font-size: 40px; padding: 60px 0 80px; letter-spacing: 6px; text-shadow: 1px 1px 3px #000; box-sizing: border-box; text-align: center; color: #e6e4d9;}
#customer_header h2 span:not(.wbr) { display: block; font-size: 18px; letter-spacing: 3px;}
#customer_header #key_vis { position: absolute; left: 50%; top: 0; margin-left: -50%; z-index: -1;}
#customer_header #breadcrumb { margin: 0 auto; padding: 10px 30px; width: 1100px; color: #e6e4d9;}



/* footer */
#customer_footer { color: #e6e4d9; font-size:13px; font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-align:center;}


#customer_footer #footer { margin-top: 60px; background: url(../img/plan_bg.png) }
#customer_footer #footer .content { padding:30px 0 ; margin:0 auto; width:1150px;}
#customer_footer #fnav { border:1px solid #444; float:left; font-size:15px; margin:0 auto 15px auto; width:650px;  padding:20px; }
#customer_footer #fnav #nav-toggle p { display:none;}
#customer_footer #fnav .acc_item { display: block;}
#customer_footer #fnav .acc_item ul{ float:left; margin-right:70px; line-height: 2;}
#customer_footer #fnav .acc_item li { background:url(../img/list.png) no-repeat left 0.5em; background-size:11px auto; margin-bottom: 5px; padding-left:15px; }
#customer_footer #fnav .acc_item li a { display:block;}
#customer_footer #fnav .acc_item li a:hover {text-decoration: underline;}
#customer_footer #fnav .acc_head { display: none; }
#customer_footer #fnav .acc_head:hover{ }

#customer_footer #finf { float:right; width:280px;}
#customer_footer #finf p img { width:100%;}
#customer_footer #finf ul { margin:13px 0; }
#customer_footer #finf li:first-child { width:144px; margin: 0 auto;}
#customer_footer #f_reserve { display: block; }
#customer_footer #f_reserve img { vertical-align: inherit;}
#customer_footer #footer address { clear:both; font-style: normal; margin: 20px auto; line-height:1.8; }
#customer_footer #footer address span#flog { display:block; float:left; margin-right:30px; width:300px; }
#customer_footer #footer address span#flog img { float:right;}
#customer_footer #footer address span#flog a { display: block; margin:15px 0; }
#customer_footer #footer address span:not(.wbr) { display: block;}
#customer_footer #footer address .wbr { display: inline;}
#customer_footer #footer address img { width:145px; }

#customer_footer #copy,
#customer_footer #copy a { color:#b19c88; font-size: 12px; margin:8px auto;}
#customer_footer #page_top { display:block; float:right; position: fixed; bottom: 40px; right: 40px; z-index: 999; cursor: pointer; width:42px;}
#customer_footer #group_area { clear:both; margin: 15px auto; width:520px;}
#customer_footer #group_area li { float:left; margin-left:10px; width:250px}
#customer_footer #group_area li:fist-of-type{ margin-left:0;}


#gnav li,
#lead,
#c_nav,
#fnav .acc_head,
h2 , h3 , h4{ font-family: "游明朝" , "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;}

#customer_header #header div::after,
#customer_header #header h1::after,
#customer_header #header #h_tel::after,
#customer_header #gnav ul::after,
#customer_footer #footer #fnav::after,
#customer_footer #finf ul::after,
#customer_footer #group_area::after { content:" "; clear:both; display:block; height:0; visibility:hidden;}