@charset "utf-8";
/*=================================================
 * ブラウザのデフォルトのスタイルをリセットする
 * ================================================= */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
 margin: 0;
 padding: 0;
 font-size: 100%;
}

body {
 line-height: 1.0;
 -webkit-text-size-adjust: none;
 padding-bottom: 125px;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
 display:block;
}



/* icon用font */
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?25462111');
  src: url('../font/fontello.eot?25462111#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?25462111') format('woff'),
       url('../font/fontello.ttf?25462111') format('truetype'),
       url('../font/fontello.svg?25462111#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-left-open-mini:before { content: '\6c'; } /* 'l' */
.icon-rss-alt:before { content: '\7a'; } /* 'z' */
.icon-up-open-mini:before { content: '\75'; } /* 'u' */
.icon-facebook-circled:before { content: '\66'; } /* 'f' */
.icon-mail:before { content: '\6d'; } /* 'm' */
.icon-home-1:before { content: '\68'; } /* 'h' */
.icon-eject:before { content: '\76'; } /* 'v' */
.icon-export:before { content: '\6f'; } /* 'o' */
.icon-pencil-alt:before { content: '\65'; } /* 'e' */
.icon-popup:before { content: '\78'; } /* 'x' */
.icon-right-open-mini:before { content: '\72'; } /* 'r' */
.icon-grid:before { content: '\63'; } /* 'c' */
.icon-menu:before { content: '\6e'; } /* 'n' */
.icon-th-thumb:before { content: '\79'; } /* 'y' */
.icon-globe-inv:before { content: '\67'; } /* 'g' */
.icon-edit:before { content: '\62'; } /* 'b' */
.icon-phone:before { content: '\74'; } /* 't' */
.icon-basket:before { content: '\73'; } /* 's' */
.icon-desktop:before { content: '\70'; } /* 'p' */
.icon-twitter:before { content: '\77'; } /* 'w' */
.icon-down-dir:before { content: '\64'; } /* 'd' */


img {
 border: 0;
 vertical-align: bottom;
}

ul, ol {
 list-style: none;
}

/*=============================================*/
/*                 マージン            */
/*=============================================*/

.m_b05{margin-bottom:5px;}
.m_b10{margin-bottom:10px;}
.m_b15{margin-bottom:15px;}
.m_b20{margin-bottom:20px;}
.m_b25{margin-bottom:25px;}
.m_b30{margin-bottom:30px;}
.m_t05{margin-top:5px;}
.m_t10{margin-top:10px;}
.m_t15{margin-top:15px;}
.m_t20{margin-top:20px;}
.m_t25{margin-top:25px;}
.m_t30{margin-top:30px;}
.m_l20{margin-left:20px;}
.m_r20{margin-right:20px;}

.p_l05{padding-left:5px;}
.p_l10{padding-left:10px;}
.p_l15{padding-left:15px;}
.p_l20{padding-left:20px;}
.p_l25{padding-left:25px;}
.p_l30{padding-left:30px;}
.p_l40{padding-left:30px;}
.p_l50{padding-left:50px;}
.p_l65{padding-left:65px;}
.p_r05{padding-right:5px;}
.p_r10{padding-right:10px;}
.p_r15{padding-right:15px;}
.p_r20{padding-right:20px;}
.p_r25{padding-right:25px;}
.p_r30{padding-right:30px;}
.p_r40{padding-right:40px;}
.p_r50{padding-right:50px;}
.p_t10{padding-top:10px;}
.p_t20{padding-top:20px;}
.p_t30{padding-top:30px;}
.p_t40{padding-top:40px;}
.p_t50{padding-top:50px;}

.txt_red {
	color: #b1541b;
	font-weight:bold;
}

.txt_green {
	color: #395E11;
}

.txt_wh {
	color: #fff;
}


.txt_brn {
	color: #75260D;
}


.txt_red2 {
	background-color: #b1541b;
	color: #fff;
	font-size: 14px;
	border: 1px rgba(177,84,27,1) solid;
	margin-bottom:5px;
	margin-top:3px;
	margin-left:3px;
	padding: 2px 2px;
}

.txt_brn2 {
	background-color: #75260D;
	color: #fff;
	font-size: 14px;
	border: 1px rgba(117,38,13,1) solid;
	margin-bottom:5px;
	margin-top:3px;
	margin-left:3px;
	padding: 2px 2px;
}

/*=================================================
 * サイト全体の基本スタイル
 * ================================================= */

body {
	font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.6;
	text-align:left;
	color:#322017;
	background-image: url(../img/body_bg.jpg);
	background-repeat: repeat;
	background-position: center top;
}


a:link { color: #5F8D2C; text-decoration: none;}
a:visited,a:active { color: #395C13; text-decoration: none;}
a:hover { color: #395C13; text-decoration:underline;}

.pagetop{
	clear:both;
	text-align:right;
	padding-right:10px;
	padding-bottom:10px;
}



.global-header {
	width: 100%;
	height: 15px;
	z-index:1000;
	position: fixed;
}

.global-header h1 {
	width: 100%;
	position: absolute;
	top: 3px;
	text-align:center;
	color: #fff;
	font-size: 10px;
	z-index: 250;
}

section h1{
	color:#fff;
	font-size: 9px;
	text-shadow: 1px 1px 2px rgba(0,0,0,1);
	font-weight: normal;
	text-align:left;
	top:75px;
	left:3px;
	position: absolute;
	white-space: nowrap;
	z-index:100;
}

.global-header2 {
	width: 100%;
	height: 15px;
	z-index:1000;
	position: fixed;
}

.global-header p a{
	position:absolute;
	text-decoration:none;
	font-size:12px;
	margin: 0px 5px 0px 5px;
}
/* mapナビ */
.navOpen {
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

body.navOpen, body.navOpen *, body.navOpen *:hover, body.navOpen *:focus, body.navOpen *:active {
	/*    cursor: none !important;*/
	touch-action: none !important;
	pointer-events: none !important;
}

body.navOpen .hamburger, body.navOpen #menu_toggle, body.navOpen #menu_toggle * {
	touch-action: auto !important;
	pointer-events: visible !important;
}

hr.clearfix {
	background: url(../shared/img/shared/hr-bg.png) repeat center top;
	width: 100%;
	height: 16px;
	border: none;
	margin: 0;
	padding: 0;
}

.fnt-mincho {
	font-family: 'Sawarabi Mincho', sans-serif;
	/*	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
}

.fnt-meiryo {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシックPro", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.fnt-gothic {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.block::after {
	clear: both;
	content: "";
	display: block;
}

/*=============================================
 * header
 *=============================================*/

header .menu_toggle li {
    border: none;
}

header .logo {
	position: relative;
	float: left;
	height: 115px;
	line-height: 115px;
}

header .logo img {
	max-width: 100%;
}

header #belt {
	position: fixed;
	left: 0;
	top: 0;
	color: #fff;
	width: 100%;
	z-index: 9999;
}

header #hd_top {
	background: #5B5B5B;
	position: relative;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
	height: 76px;
	z-index: 99;
}

header #topbar {
	float: left;
	width: 100%;
	height: 50px;
	background: url('../shared/img/shared/topbar-bg.png') repeat-x center center;
	line-height: 50px;
	color: #fff;
	text-align: center;
}

header h1 {
	font-size: 13px;
	line-height: 50px;
	text-align: center;
	font-weight: normal;
	position: relative;
}

header #main-header {
	float: left;
	width: 100%;
	height: 115px;
	background: url('../shared/img/shared/main-header-bg.png') no-repeat top left / cover;
	position: relative;
}

header .main-header-left, header .main-header-right {
	position: relative;
	float: left;
	box-sizing: border-box;
}

header .main-header-left {
	width: 60%;
}

header .main-header-right {
	width: 40%;
}

/*====================== nav ====================== */

header .topnavi {
	position: absolute;
	top: 37px;
	right: 75px;
	height: 54px;
}

header .topnavi li {
	display: inline-block;
	position: relative;
	width: 60px;
	vertical-align: top;
}

header .topnavi li a {
	color: #fff;
	font-size: 11px;
	line-height: 23px;
	text-align: center;
	display: block;
	height: 100%;
	padding-top: 5px;
	width: 100%;
	border-right: 1px solid #fff;
}

header .topnavi li a:hover {
	text-decoration: none;
}

header .topnavi li a[class^="icon-"]:before {
	display: block;
	width: 100%;
	padding-bottom: 4px;
	font-size: 19px;
	font-weight: normal;
}

header .menu_toggle {
	background: #54260F url('../shared/img/shared/toggle-bg.png') repeat center center;
}

header .menu_toggle li {
	border: none;
}

header .menu_toggle ul li a {
    display: block;
    padding: 15px 0 15px 30px;
}

header .menu_toggle ul li a.active:after,
header .menu_toggle ul li a:hover:after {
	display: block;
}

header .menu_toggle ul li.news {
	background: rgba(11, 42, 28, 0.7);
	color: #c6b08a;
}

header .menu_toggle ul li.news a {
	color: #c6b08a;	
}

header .menu_toggle.nav-style01 {
	top: 0px;
	right: -100%;
	display: block;
	transition: all 0.5s ease 0s;
}

.navOpen .menu_toggle.nav-style01 {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	right: 0;
}

.hamburger {
	position: absolute;
	right: 0;
	top: 25px;
}

.hamburger:after {
	font-size: 11px;
	content: 'MENU';
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	text-align: center;
}

.navOpen .hamburger:after {
	content: 'CLOSE';
}

/*====================== end nav ====================== */

/*====================== header key ====================== */

header .menu_toggle {
	top: 165px;
}

header #key {
	position: relative;
	overflow: hidden;
	margin-top: 165px;
}

.bx-wrapper {
	position: relative;
}

.bx-wrapper .bx-pager {
	color: #ffee00;
	font-family: Arial;
	font-size: 0.85em;
	font-weight: bold;
	text-align: center;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	line-height: 10px;
	bottom: 5%;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 60;
}

.bx-controls-direction {
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -20px;
	width: 100%;
	z-index: 60;
}

.bx-wrapper .bx-controls-direction a {
	color: #e75a5a;
	font-family: "fontello";
	font-size: 40px;
	height: 40px;
	line-height: 40px;
	outline: 0 none;
	position: absolute;
	text-indent: -9999px;
	top: 0%;
	width: 26px;
}

.bx-prev::after {
	content: "";
	left: 11px;
	position: absolute;
	text-indent: 0;
	top: 0;
}

.bx-next::after {
	content: "";
	left: 0;
	position: absolute;
	text-indent: 0;
	top: 0;
}

.bx-prev {
	position: absolute;
	top: 0;
	left: 0;
}

.bx-next {
	position: absolute;
	top: 0;
	right: 0;
}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background-color: #000;
	border-radius: 5px;
	display: block;
	height: 10px;
	margin: 0 5px;
	outline: 0 none;
	text-indent: -9999px;
	width: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #be0900 none repeat scroll 0 0;
}

.block {
	margin: 5px 0px 10px 0px;
	padding: 5px 3px;
	clear:both;
	overflow:hidden;
 	color: #322017;
	text-align:left;
}


.block_foot {
	margin: 5px 0px 10px 0px;
	padding: 5px 5px;
	clear:both;
	overflow:hidden;
 	color: #322017;
	text-align:left;
}



.block:after {
	content: '';
	display: block;
	clear: both;
}

.block-heading {
	margin-bottom: 6px;
	color: #322017;
	font-size: 16px;
}

.block p {
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	line-height:1.5em;
}

.block p:last-of-type {
	margin-bottom: 0;
}


p.txt_c{
	text-align:center;
	margin: 8px 0px;
}

p{
	line-height:1.5em;
}



.image-right, .image-left {
	width: 40%;
	font-size: 12px;
	text-align: center;
}


.image-right {
	margin: 5px 0px 5px 5px;
	float: right;
}

.image-left {
	margin: 5px 5px 5px 0px;
	float: left;
}

.image-center {
	margin: 0 auto 6px auto;
	display: block;
}


/* ナビゲーションicon_ver. */
.nav-portfolio {
	padding-top: 15px;
	padding-right: 0;
	padding-left: 5px;
	padding-bottom: 0;
	clear: both;
	overflow: hidden;
}
.nav-portfolio ul {
	margin: 0 auto;
	width: 320px;
}
@media screen and (min-width: 420px) {
.nav-portfolio ul {
	width: 420px;
}
}
@media screen and (min-width: 520px) {
.nav-portfolio ul {
	width: 520px;
}
}
@media screen and (min-width: 620px) {
.nav-portfolio ul {
	width: 620px;
}
}
@media screen and (min-width: 720px) {
.nav-portfolio ul {
	width: 720px;
}
}
@media screen and (min-width: 820px) {
.nav-portfolio ul {
	width: 820px;
}
}
@media screen and (min-width: 920px) {
.nav-portfolio ul {
	width: 920px;
}
}
.nav-portfolio li {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	text-align: center;
}
.nav-portfolio li img {
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 2px 2px 2px rgba(000,000,000,0.5);
	-moz-box-shadow: 2px 2px 2px rgba(000,000,000,0.5);
	box-shadow: 2px 2px 2px rgba(000,000,000,0.5);
	width: 90px;
	height: 90px
}
.nav-portfolio li a {
	display: block;
	text-decoration: none;
}
.nav-portfolio li a:after {
	content: attr(title);
	display: block;
	font-size: 12px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 90px;
}

/* リード */
#lead{
	width:100%;
	position: relative;
	z-index: 100;
	background-image: url(../img/lead_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	color:#322017;
	clear:both;
	margin: 10px 0px 10px 0px;
	padding: 10px 0px;
}

.lead {
	position: relative;
	padding-top: 0px;
	padding-bottom: 5px;
	margin:0px 0px 5px 0px;
	clear:both;
	overflow:hidden;
 	color: #322017;
}

.p_lead{
	width:300px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
	padding: 10px 3px 5px 3px;
	text-align:left; 
	font-size: 16px;
	color:#322017;
	text-align: center;
	font-weight:bold;
	line-height:1.2em;
}

.p_lead2{
	text-align:left;
	color:#322017;
	padding: 0px 8px 0px 8px;
	font-size:14px;
}

/* 新着情報 */

.news {
	background-image: url(../img/news_bg.jpg);
	background-repeat: repeat;
	background-position: left top;
	margin-bottom:15px;
	margin-right: auto;
	margin-left: auto;
	clear:both;
	overflow:hidden;
 	color: #322017;
	border:1px rgba(212,186,141,1) solid;
	 -webkit-border-radius: 2px;
}


#news_in{
	width:100%;
	position: relative;
	background-image: url(../img/news_in.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	color:#322017;
	clear:both;
	margin: 10px 0px 10px 0px;
	padding: 5px 0px;
}


#feed {
	height:100px;
	margin-top: 10px;
	margin-bottom:10px;
	margin-right: 10px;
	margin-left: 10px;
	padding:10px 5px 10px 15px;
	font-size:12px;
}

#feed ul{
    list-style-type:disc;
    list-style-position:outside;
	margin: 5px 10px 5px 15px;
	font-size:12px;
}
#feed ul li{
    text-align:left;
	color:#322017;
	padding-left:2px;
}

#feed a{
	color: #74270a;
}



#feed2 {
	height:100px;
	margin-top: 10px;
	margin-bottom:10px;
	margin-right: 10px;
	margin-left: 10px;
	padding:10px 5px 10px 15px;
	font-size:12px;
}

#feed2 ul{
    list-style-type:disc;
    list-style-position:outside;
	margin: 5px 10px 5px 15px;
	font-size:12px;
}
#feed2 ul li{
    text-align:left;
	color:#322017;
	padding-left:2px;
}

#feed2 a{
	color: #74270a;
}




.p_news{
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#4a1806;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 5px 2px 2px 2px;
	line-height:1.5em;
	border-bottom:3px rgba(50,32,23,1) double;
}



/* フェイスブック */

.social {
	margin-top:15px;
	margin-bottom: 10px;
	margin-right: 2px;
	margin-left: 2px;
	clear:both;
	overflow:hidden;
 	color: #322017;
}


.facebook {
	background-color: rgba(255,255,255,1);
	width: 300px;
	height: 355px;
	margin-top: 10px;
	margin-bottom:10px;
	margin-right: auto;
	margin-left: auto;
	border: 2px rgba(50,32,23,1) solid;
	 -webkit-border-radius: 2px;
}


.p_face{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#322017;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 5px 0px 2px 0px;
	line-height:1.5em;
	border-bottom:3px rgba(50,32,23,1) double;
}





/*=============================================*/
/*           header_img                        */
/*=============================================*/

.mainimage {
	display:block;
	top: 0px;
	margin-bottom: 10px;
	position:relative;
}


.mainimage2 .p_img{
	top: 0px;
	position:relative;
	margin-bottom: 10px;
}



/*=============================================*/
/*           　フッター箇所　　　　　          */
/*=============================================*/

/* ナビゲーション（下層フッター用） */
.nav-sub {
	background-image: url(../img/foot_bg.jpg);
	background-repeat:repeat;
	background-position: left top;
	border-top: 2px solid #2d1008;
	border-bottom: 2px solid #2d1008;
}
.nav-sub li {
	font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-top: 1px solid rgba(45,16,8,0.5);
	height: 40px;
	line-height: 40px;
	position: relative;
}
.nav-sub li a {
	display: block;
	padding: 0 15px;
	text-decoration: none;
	color: #572417;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	font-weight:bold;
}
.nav-sub li a:after {
	font-family: "fontello";
	content: '\72'; /* 'r' */
	position: absolute;
	right: 15px;
}
.nav-sub li a[href^="http://"]:after,
.nav-sub li a[href^="https://"]:after {
	content: '\78'; /* 'x' */
}






.global-footer{
	border-top:2px #491708 solid;
	background-color: #f4ede3;
	color:#322017;
	text-align:center;
	padding-top:5px;
	margin:0px auto 0px auto;
	font-size:10px;
}





/* パソコン用を見る */
.pcsite {
	background-color: #6d220c;
	border:2px rgba(50,17,7,1) solid;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3), 0 0 3px rgba0,0,0,0.1) inset;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3), 0 0 3px rgba(0,0,0,0.1) inset;
	box-shadow: 1px 1px 1px rgba(000,000,000,0.3), 0 0 3px rgba(0,0,0,0.1) inset;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	margin: 10px 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.pcsite a {
	color:#fff;
	display: block;
	text-decoration: none;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.pcsite a:before {
	font-family: "fontello";
	content: '\70'; /* 'p' */
	margin-right: 10px;
}






/*=============================================*/
/*           　　ボタン箇所　　　　　          */
/*=============================================*/

.botan a{
	margin: 10px 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	color:#fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	background: #6d220c; /* Old browsers */
	background: -moz-linear-gradient(top, #6d220c 0%, #6d220c 39%, #67200c 55%, #67200c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d220c), color-stop(39%,#67200c), color-stop(55%,#67200c), color-stop(100%,#744010)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6d220c 0%,#6d220c 39%,#67200c 55%,#67200c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6d220c 0%,#6d220c 39%,#67200c 55%,#67200c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6d220c 0%,#6d220c 39%,#67200c 55%,#67200c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #6d220c 0%,#6d220c 39%,#67200c 55%,#67200c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d220c', endColorstr='#67200c',GradientType=0 ); /* IE6-9 */
	border: 2px solid #b83914;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.botan a:before {
	font-family: "fontello";
	content: '\72'; /* 'r' */
	margin-right: 10px;
}



/*=============================================*/
/*           　　 TELボタン　　　　　          */
/*=============================================*/

.botan2 a{
	margin: 10px 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	color:#fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	background: #6d220c; /* Old browsers */
	background: -moz-linear-gradient(top, #6d220c 0%, #6d220c 39%, #67200c 55%, #67200c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d220c), color-stop(39%,#67200c), color-stop(55%,#67200c), color-stop(100%,#744010)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6d220c 0%,#6d220c 39%,#67200c 55%,#67200c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6d220c 0%,#6d220c 39%,#67200c 55%,#67200c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6d220c 0%,#6d220c 39%,#67200c 55%,#67200c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #6d220c 0%,#6d220c 39%,#67200c 55%,#67200c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d220c', endColorstr='#67200c',GradientType=0 ); /* IE6-9 */
	border: 2px solid #321107;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}


.botan2 a:before {
	font-family: "fontello";
	content: '\74'; /* 't' */
	margin-right: 10px;

}




/*=============================================*/
/*          　　リンクボタン箇所2　　         */
/*=============================================*/

#link{
	width:320px;
	height:60px;
	color:#fff;
	clear:both;
	margin: 15px auto 10px auto;

}


.botan3 a{
	width:90px;
	float:left;
	padding: 5px 3px 5px 3px;
	margin: 5px 0px;
	float:left;
	color:#fff;
	display:block;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	 -webkit-border-radius: 2px;
	 border-radius: 2px;
	background-color: #4b5e2e;
	border:1px #415128 solid;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


.botan3 a:before {
	font-family: "fontello";
	content: '\67'; /* 'g' */
	margin-right: 10px;
}



.botan4 a{
	width:90px;
	float:left;
	padding: 5px 3px 5px 3px;
	margin: 5px 12px 5px 12px;
	color: #fff;
	display:block;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1); 
	 -webkit-border-radius: 2px;
	 border-radius: 2px;
	background-color: #4b5e2e;
	border:1px #415128 solid;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}



.botan4 a:before {
	font-family: "fontello";
	content: '\74'; /* 't' */
	margin-right: 10px;
}


.botan5 a{
	width:90px;
	float:right;
	padding: 5px 3px 5px 3px;
	margin: 5px 0px;
	color:#fff;
	display:block;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	 -webkit-border-radius: 2px;
	 border-radius: 2px;
	background-color: #4b5e2e;
	border:1px #415128 solid;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


.botan5 a:before {
	font-family: "fontello";
	content: '\70'; /* 'p' */
	margin-right: 5px;
}



/*=============================================*/
/*          　　botan横並び2　         */
/*=============================================*/

.btnbox{
	margin-top: 10px;
	margin-bottom:10px;
	width:100%;
	clear:both;
	overflow:hidden;
}

.btnbox .l{
	width:49%;
	float:left;
	margin-top: 10px;
	margin-bottom:10px;
	margin-right:2px;
}

.btnbox .r{
	width:49%;
	float:right;
	margin-top: 10px;
	margin-bottom:10px;
	margin-left:2px;
}


.btnbox p {
	margin: 5px 3px;
	font-size:12px;
}

.btnbox .p_sbtit{
	margin: 3px auto 3px auto;
	color: #322017;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	line-height:1.5em;
}




/*=============================================*/
/*          　　botan横並び2　         */
/*=============================================*/

.btnbox2{
	margin-top: 20px;
	margin-bottom:15px;
	width:98%;
	clear:both;
	overflow:hidden;
	margin-left: 1px;
	margin-right: 2px;
}

.btnbox2 .l{
	width:43%;
	float:left;
	margin-left:5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #98530d;
	border:1px #9a5c2a solid;
	 -webkit-border-radius: 2px;

}

.btnbox2 .r{
	width:43%;
	float:right;
	margin-right:8px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #98530d;
	border:1px #9a5c2a solid;
	 -webkit-border-radius: 2px;
}


.btnbox2 p {
	font-size:12px;	
	margin: 8px 5px;
	color: #fff;
}


.btnbox2 a {
	color:#fff;
}



.btnbox2 a:before {
	font-family: "fontello";
	content: '\72'; /* 'r' */
	padding-left: 5px;
	padding-right:5px;
	color:#fff;
}



/*=============================================*/
/*           　　メインタイトル　　　　　          */
/*=============================================*/

.sbtitle{
	text-align:center;
	color:#4a1806;
	padding: 0px;
	margin: 0px auto 10px auto;
	line-height:1.4em;
	font-size:18px;
	font-weight:bold;
}



.sbtitle2{
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#322017;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 5px 3px 10px 3px;
	line-height:1.4em;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

.sbtitle3{
	background-image: url(../img/title3.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:50px;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#322017;
	padding-top: 15px;
	padding-left:35px;
	margin: 0px 0px 5px 0px;
	line-height:1.4em;
}

.sbtitle4{
	background-image: url(../img/title4.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:50px;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#322017;
	padding-top: 10px;
	padding-left:25px;
	margin: 0px 0px 5px 0px;
	line-height:1.4em;
}


.sbtitle5{
	background-color: rgba(77,41,2,0.6);
	text-align:center;
	font-size:16px;
	color:#fff;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px 0px 10px 0px;
	line-height:1.4em;
}


.sbtitle6{
	background-image: url(../img/list.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:50px;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#452b13;
	padding-top: 10px;
	padding-left:15px;
	margin: 0px 0px 10px 0px;
	line-height:1.4em;
}


.sbtitle7{
	background-image: url(../img/title7.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:30px;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	padding-top: 5px;
	padding-left:15px;
	margin: 10px 0px 10px 0px;
	line-height:1.4em;
}


.sbtitle8{
	text-align:center;
	color:#452b13;
	padding: 0px;
	margin: 0px 2px -10px 2px;
	line-height:1.4em;
	font-size:18px;
}


.sbtitle9{
	background-image: url(../img/title9.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height:80px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#4b2616;
	padding-top: 5px;
	margin: 10px auto 0px auto;
	line-height:1.4em;
	font-family: Georgia, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
}



.p_ts1{
	margin: 5px 0px;
	text-align:left;
	color:#322017;
	padding: 3px 8px 3px 8px;
	font-size:12px;
}



.p_ts2{
	margin: 5px 0px;
	padding: 10px 8px 3px 8px;
	color: #322017;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	line-height:1.5em;
}


.p_ts3{
	margin: 3px auto 3px auto;
	color: #322017;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	line-height:1.5em;
}


.p_ts4{
	margin: 0px auto 0px auto;
	color: #322017;
	font-size:14px;
	text-align:center;
	line-height:1.2em;
}



.p_ts5{
	margin: 0px auto 2px auto;
	color: #322017;
	font-size:12px;
	text-align:center;
}



.p_ts6{
	width:150px;
	background-color: #d15807;
	margin: 5px 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-size:14px;
	color:#444;
	font-weight:bold;
	border: 1px rgba(231,160,38,0.5) solid;
}


.p_ts7{
	padding-top:8px;
	color: #452b13;
	font-size:16px;
	text-align:left;
	font-weight:bold;
	line-height:1.4em;
}


.p_ts8{
	margin: 5px 0px;
	text-align:left;
	color:#452b13;
	padding: 3px 8px 3px 8px;
	font-size:12px;
}



.p_tsb{
	width:180px;
	border: 1px #444 solid;
	margin:5px auto;
	padding-top:5px;
	padding-bottom:5px;
	text-align: center;
	font-size:16px;
	color:#444;
	font-weight:bold;
}




.p_course{
	text-align:center;
	color:#75260D;
	margin:5px auto;
	font-size:16px;
	font-weight:bold;
}

.p_menu{
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#322017;
	padding-left:5px;
	padding-bottom: 5px;
	margin: 5px 2px 2px 2px;
	line-height:1.5em;
	border-left-width: 4px;
	border-left-style: outset;
	border-left-color: #395E11;
}




.p_exp{
	margin: 5px 0px;
	text-align:left;
	color:#563627;
	padding: 3px 8px 3px 8px;
	font-size:12px;
}



.p_exp2{
	text-align:left;
	color:#ac6531;
	padding: 3px 0px 3px 0px;
	font-size:12px;
	margin: 5px 5px 8px 5px;
	border-bottom:1px rgba(68,68,68,0.5) dotted;
}


p.price {
	font-size:14px;
	padding-right: 10px;
	padding-bottom: 3px;
	margin: 5px 5px 8px 5px;
	border-bottom:1px rgba(50,32,23,0.5) dotted;
	clear: both;
	color: #75260D;
	text-align:right;
	font-weight:bold;
	line-height:1.5em;
}


p.price2 {
	font-size:14px;
	padding-bottom: 5px;
	margin: 5px auto;
	clear: both;
	color: #b1541b;
	text-align:center;
	font-weight:bold;
	line-height:1.5em;
}



p.price3 {
	font-size:16px;
	padding-bottom: 5px;
	margin: 5px auto;
	clear: both;
	color: #880000;
	text-align:center;
	font-weight:bold;
	line-height:1.5em;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}




#point{
	width:200px;
	height:100px;
	color:#2a200b;
	clear:both;
	margin: 10px auto 10px auto;

}


#point a{
	color:#2a200b;
	text-decoration: none;
}


.p_point{
	width:30px;
	height:30px;
	 -webkit-border-radius: 50px;
	 border-radius: 50px;
	 -webkit-box-shadow: 0 0 3px #874701;
	 box-shadow: 0 0 3px #874701;
	background-color: #c86b02;
	margin: 5px 3px;
	padding-top:12px;
	line-height:1.5em;
	font-weight:bold;
	color:#fff;
	font-size:14px;
	text-align:center;
	line-height:1.2em;
	float:left;
}



hr{
	border: 1px rgba(77,41,2,0.5) dotted;
	margin: 10px 5px;
}




/*=============================================*/
/*           　　　topics bnr  　　　          */
/*=============================================*/
.topics {
	width:100%;
	color:#322017;
	clear:both;
	margin: 5px 0px;
	text-decoration: none;
	text-align:left;
}



.topics ul{
    list-style-type:neno;
    list-style-position:outside;
	margin-bottom:8px;
}

.topics ul li{
    text-align:left;
	color:#322017;
	margin-bottom:5px;
}

.topics a{
	color: #703e12;
}

.topics p {
	font-size:12px;	
	margin: 5px 3px;
}
.width-qt {
	WIDTH: 33%;
	float:left;
}

.width-half {
	WIDTH: 49%;
	float:left;
	margin-right:2px;
}
.width-full {
	WIDTH: 100%;
}
.ul-inline {
	overflow: hidden;
	margin-left:3px;
	margin-right:3px;
}
.ul-inline li {
	margin-top:10px;
	margin-bottom: 5px;
}



.topics .p_topics{
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#452b13;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	padding-top: 5px;
	padding-left:8px;
	padding-bottom: 5px;
	margin: 5px 2px 2px 2px;
	line-height:1.5em;
	border-left-width: 4px;
	border-left-style: outset;
	border-left-color: #8a4400;
	border-bottom:3px rgba(69,43,19,1) double;
}






/*=============================================*/
/*           　　　　BOX設定 　　　　          */
/*=============================================*/

.box1{
	color:#322017;
	clear:both;
	margin: 10px 0px 20px 0px;
	padding: 5px 0px;
}







/*          　　     box2        　　          */
/*=============================================*/

.box2{
	background-color: #e3dbca;
	color:#322017;
	clear:both;
	margin: 10px 3px 20px 3px;
	padding: 10px 0px 20px 0px;
	border: 3px rgba(221,211,191,1) double;
	 -webkit-border-radius: 2px; 
}

.box2 ul{
    list-style-type:disc;
    list-style-position:outside;
	margin: 5px 5px;
	padding-left: 20px;
}

.box2 ul li{
	font-size:12px;
    text-align:left;
	color:#322017;
	margin-bottom:3px;
}


/*          　　     box3        　　          */
/*=============================================*/

.box3{
	background-color: #fff;
	color:#322017;
	clear:both;
	margin: 10px 3px 10px 3px;
	padding: 10px 0px 10px 0px;
	border: 1px rgba(255,255,255,1) solid;
	 -webkit-border-radius: 6px; 
}



/*          　　     box4        　　          */
/*=============================================*/
.box4{
	background-image: url(../img/box4.jpg);
	background-repeat: repeat;
	background-position: left top;
	color:#322017;
	clear:both;
	margin: 10px 2px 20px 2px;
	padding: 0px 0px 15px 0px;
	border: 3px rgba(131,109,77,0.8) ridge;
	 -webkit-border-radius: 2px; 
}



/*          　　     box5        　　          */
/*=============================================*/
.box5{
	background-image: url(../img/box5.jpg);
	background-repeat: repeat;
	background-position: left top;
	color:#322017;
	clear:both;
	margin: 10px 2px 20px 2px;
	padding: 10px 0px 15px 0px;
	border: 2px #4a0c02 solid;
	 -webkit-border-radius: 2px; 
}


.box5 dl dt{
	margin-top:10px;
	margin-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	font-size:14px;	
	font-weight:bold;
	color: #76260d;
	border-left-width: 4px;
	border-left-style: outset;
	border-left-color: #76260d;
}

.box5 dl dd{
	padding-left:15px;
	font-size:14px;
	color:#322017;
	border-bottom:1px rgba(74,12,2,0.5) dotted;
	padding-top:5px;
	padding-bottom:14px;
	margin: 0px 5px 0px 5px;
	line-height:1.2em;
}


.box5 dl dd a{
	color:#4b5e2e;
	font-weight:bold;
}



/*           　    slide_box                   */
/*=============================================*/
.slide_box{
	color:#2e1a0c;
	clear:both;
	margin: 10px 3px 20px 3px;
	padding: 5px 0px 10px 0px;
}






/*          　　     map        　　          */
/*=============================================*/

.map{
	background-color: #68220b;
	color:#452b13;
    text-align:left;
	clear:both;
	margin: 5px 5px;
	padding: 5px;
	border: 1px #68220b solid;
	 -webkit-border-radius: 2px;
}



/*          　　     section_bg  　　          */
/*=============================================*/

/* 営業情報 */
#s_box{
	width:100%;
	background-image: url(../img/access/s_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	color:#452b13;
	clear:both;
	margin: 0px;

}





/*          　　     list        　　          */
/*=============================================*/


.list{
	color: #322017;
	clear:both;
	margin: 5px 3px 15px 3px;
	padding: 5px 0px 5px 0px;
}

.list ul{
	margin-top:5px;
	margin-botom:10px;
	padding:0px 5px 25px 5px;
	margin-bottom:1em;

}
.list ul li{
	padding:5px 5px 5px 5px;
	text-align:left;
	line-height:1.5em;
	margin-botom:10px;
	color: #322017;
	float:left;
	font-size:12px;
}


.list ul li a{
	color: #452b13;
	display: block;
	text-decoration: underline;
}


/*====================== end nav ====================== */

/*=============================================*/

/*                   　footer　　　　　          */

/*=============================================*/

footer {
	background: url(../shared/img/shared/f_deco1.png) no-repeat center top / 100% auto, url(../shared/img/shared/f_bg3.jpg) no-repeat center bottom / 100% auto, url(../shared/img/shared/f_bg1.jpg) repeat;
	overflow: hidden;
	font-size: 13px;
	line-height: 19px;
}

footer .shopinfo {
	padding: 5% 1.5%;
	position: relative;
}

footer .vcard {
	padding: 0 1%;
	margin-bottom: 3%;
}

footer .vcard dl {
	margin: 0 3% 20px;
}

footer .vcard dt {
	float: left;
	font-weight: bold;
	width: 60px;
}

footer .vcard dd {
	width: calc(100% - 80px);
	margin-left: 20px;
}

footer .banner li {
	float: left;
	width: 32%;
	padding: 0 0.5%;
}

footer .box1 {
	background: url(../shared/img/shared/f_bg2.jpg) repeat;
	padding: 8% 0;
	margin: 0 6%;
    font-size: 13px;
    line-height: 19px;
}

footer .link {
	margin: 0 auto 0;
	text-align: center;
	width: 100%;
	font-weight: normal;
}

footer .link p {
	padding: 0 6px;
	line-height: 30px;
	width: 80%;
	font-size: 4vmin;
	line-height: 1.5;
	margin: 20px auto 10px;
}

footer .link p a {
	background: url(../shared/img/shared/bg3.jpg) repeat;
	color: #fff;
	display: block;
	padding: 3px 20px;
	text-align: center;
	text-decoration: none;
}

footer .link .link-pc a::before {
	margin-right: 9px;
}

footer address {
	color: #9e816a;
	letter-spacing: 3px !important;
	text-align: center;
	font-size: 14px !important;
	margin-bottom: 25px !important;
}

footer address a{
 font-size: 10px;
 color: #9e816a;
 display: block;
 text-decoration: none;
}


.mb0 {
	margin-bottom: 0;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

#pagetop {
    bottom: 60px !important;
}


#fixed-tel {
	float: left;
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 999;

}

#fixed-tel .wrap {
	width: 100vw;
    padding: 0;
}

@media screen and (max-width: 468px) {
	body {
		padding-bottom: 70px;
	}
	header #main-header {
		height: 70px;
	}
	
	header .logo {
		height: 70px;
		line-height: 70px;
	}
	header #key {
	    margin-top: 120px;
	}

	header .topnavi {
		position: absolute;
		top: 10px;
		right: 75px;
		height: 70px;		
	}

	.hamburger {
	    position: absolute;
	    right: 0;
	    top: 0px;
	    z-index: 2;
	}

	header .menu_toggle {
	    top: 65px;
	}

	header .menu_toggle ul li a {
	    display: block;
	    padding: 10px 0 10px 30px;
	}

	header .menu_toggle ul li a:after {
	    color: #c6b08a;
	    content: '\f105';
	    font-family: "fontello";
	    font-style: normal;
	    font-weight: normal;
	    speak: none;
	    display: inline-block;
	    text-decoration: inherit;
	    width: 1em;
	    text-align: center;
	    font-variant: normal;
	    text-transform: none;
	    line-height: 1em;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    position: absolute;
	    left: 12px;
	    top: 14px;
	    margin-top: 0;
	    display: none;
	}
}

/*=============================================*/
/*           　　2023/04/27追記　　　　　          */
/*=============================================*/
p#f_tel {
	margin-bottom: 30px;
}