/*=========================================
   SHERE    
==========================================*/
/*- hamburger Menu -*/
.fixed	{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	margin: 0 auto;
}
/* ---------------------- */
.overlay	{
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: auto;
	height: 100% !important;
	background: #999;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filter: "alpha(opacity=20)";
	z-index: 999;
}
/*======== Header ============*/
header	{
/*	display: table;*/
	width: 100%;
	height: auto;/*auto*/
	margin: 0 auto !important;
	padding: 24px 5% 13px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	position: relative;/*relative*/
	z-index:9999;
}
header	a	{
	color: #F0EDED;
}
/*======== FacebookBtn ============*/
header	p.snsBtn	{
	vertical-align: top;
}
/*======== navBtn 三 ============*/
header	p.navBtn	{
	clear: both;
	width: 32px !important;
	height: 34px !important;
	margin: 0 0 13px !important;
	text-align: center;
	vertical-align: top;
	z-index: 99999;
	cursor: pointer;
}
header	.navBtn span	{
	display: block;
	height: 2px;
	width: 28px;
	margin: 0 auto;
	text-align: center;
	background-color: rgba(255,255,255,0.75);
-webkit-transition: all 0.5s cubic-bezier(0.42, 0, 1.0, 1.0) 0.1s;
-moz-transition: all 0.5s cubic-bezier(0.42, 0, 1.0, 1.0) 0.1s;
-o-transition: all 0.5s cubic-bezier(0.42, 0, 1.0, 1.0) 0.1s;
transition: all 0.5s cubic-bezier(0.42, 0, 1.0, 1.0) 0.1s;
}
header	.navBtn span:nth-of-type(2)	{
	margin: 5px auto;
}
header	.navBtn span:nth-of-type(4)	{
	background: none;
	margin: 5px auto 0;
	font-size: 11px;
	color: #FFF;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	text-align: center;
}
/* Icon Active */
header.navOpen	.navBtn span:nth-of-type(1)	{
	-webkit-transform: translateY(7px) translateX(0) rotate(220deg);
	-ms-transform: translateY(7px) translateX(0) rotate(220deg);
	transform: translateY(7px) translateX(0) rotate(220deg);
-webkit-transition: all 0.5s cubic-bezier(0.42, 0, 1.0, 1.0) 0.1s;
-moz-transition: all 0.5s cubic-bezier(0.42, 0, 1.0, 1.0) 0.1s;
-o-transition: all 0.5s cubic-bezier(0.42, 0, 1.0, 1.0) 0.1s;
transition: all 0.5s cubic-bezier(0.42, 0, 1.0, 1.0) 0.1s;
}
header.navOpen	.navBtn span:nth-of-type(2)	{
	opacity: 0;
	-webkit-transform: translateY(-7px) translateX(0) rotate(180deg);
	-ms-transform: translateY(-7px) translateX(0) rotate(180deg);
	transform: translateY(-7px) translateX(0) rotate(180deg);
-webkit-transition: all 0.5s cubic-bezier(0.42, 0, 1.0, 1.0) 0.1s;
-moz-transition: all 0.5s cubic-bezier(0.42, 0, 1.0, 1.0) 0.1s;
-o-transition: all 0.5s cubic-bezier(0.42, 0, 1.0, 1.0) 0.1s;
transition: all 0.5s cubic-bezier(0.42, 0, 1.0, 1.0) 0.1s;
}
header.navOpen	.navBtn span:nth-of-type(3)	{
	-webkit-transform: translateY(-7px) translateX(0) rotate(320deg);
	-ms-transform: translateY(-7px) translateX(0) rotate(320deg);
	transform: translateY(-7px) translateX(0) rotate(320deg);
-webkit-transition: all 0.5s cubic-bezier(0.42, 0, 1.0, 1.0) 0.1s;
-moz-transition: all 0.5s cubic-bezier(0.42, 0, 1.0, 1.0) 0.1s;
-o-transition: all 0.5s cubic-bezier(0.42, 0, 1.0, 1.0) 0.1s;
transition: all 0.5s cubic-bezier(0.42, 0, 1.0, 1.0) 0.1s;
}
/* Navigation */
header	nav	{
	height: auto;
	color: #F0EDED;
	background: rgba(255,255,255,0.95);
	opacity: 0;
	z-index:9999 !important;
	visibility: hidden;
-webkit-transition: all 1.1s cubic-bezier(0.42, 0, 0.58, 1.0) 0s;
-moz-transition: all 1.1s cubic-bezier(0.42, 0, 0.58, 1.0) 0s;
-o-transition: all 1.1s cubic-bezier(0.42, 0, 0.58, 1.0) 0s;
transition: all 1.1s cubic-bezier(0.42, 0, 0.58, 1.0) 0s;
}
/* NavigationFOPEN */
header.navOpen nav	{
	opacity: 1;
	box-shadow: -3px 4px 4px 0px rgba(109,106,110,0.70);
	-moz-box-shadow: -3px 4px 4px 0px rgba(109,106,110,0.70);
	-webkit-box-shadow: -3px 4px 4px 0px rgba(109,106,110,0.70);
	visibility: visible;
-webkit-transition: all 1.1s cubic-bezier(0.42, 0, 0.58, 1.0) 0s;
-moz-transition: all 1.1s cubic-bezier(0.42, 0, 0.58, 1.0) 0s;
-o-transition: all 1.1s cubic-bezier(0.42, 0, 0.58, 1.0) 0s;
transition: all 1.1s cubic-bezier(0.42, 0, 0.58, 1.0) 0s;
}
header	nav	ul.humenu	{
	width: 100%;
	margin: 0;
	padding: 0;
}
header	nav	ul.humenu	li	{
	text-align: left;
	border-bottom: solid 1px #561E01;
}
header	nav	ul.humenu	li:last-of-type	{
	border-bottom: none;
}
header	nav	ul.humenu	li	a	{
	position:relative;
	display: block;
	width: 100%;
	padding: 1em 1.2em;
	color: #561E01;
	font-size: 0.9em;
	text-decoration:none;
	line-height: 1.2em;
}
/* ---------------------- */
header	nav	ul.humenu	li	a:before	{
	position: absolute;
	top: 40%;
	right: 1.2em;
	display: inline-block;
	content: "\00203a";
	font-size: 1.0em;
}
/* --------*ul.Gnavi*-------- */
ul.gnavi	{	
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
/*============================
**container main
============================*/
#container	{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
#main	{
	background: #FFF;
}

/*============================
**Foter
============================*/
div#container	footer	{
	width: 100%;
	margin: 0 auto;
	background: #301007;
	color: #F0EDED;
	overflow: visible !important;
}
footer	div#foot	a	{
	color: #F0EDED;
}
/*=========================================
   Display - width:737px Over    
==========================================*/
@media only screen and (min-width: 737px){
.smp	{display: none !important;}
a[href^="tel:"] {
	color: #333;
	cursor: default;
	}
a:hover[href^="tel:"]	{
	text-decoration: none;
	outline:none;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#container.gradient	{
	width: 100%;
	margin: 0 auto;
	padding: 0;
/*	background-color: #561E01;*/
background-color: #FFF;
  background: url("../img/bg_container.gif") fixed, -webkit-linear-gradient(245deg, rgba(86,30,1,1) 0%, rgba(86,30,1,1) 50%, rgba(255,255,255,1) 51%) fixed;
  background: url("../img/bg_container.gif") fixed, -moz-linear-gradient(245deg, rgba(86,30,1,1) 0%, rgba(86,30,1,1) 50%, rgba(255,255,255,1) 51%) fixed;
  background: url("../img/bg_container.gif") fixed, -o-linear-gradient(245deg, rgba(86,30,1,1) 0%, rgba(86,30,1,1) 50%, rgba(255,255,255,1) 51%) fixed;
  background: url("../img/bg_container.gif") fixed, -webkit-gradient(linear, right top, left top, from(rgba(86,30,1,1)), color-stop(50%, rgba(86,30,1,1)), color-stop(51%, rgba(255,255,255,1))) fixed;
  background: url("../img/bg_container.gif") fixed, -webkit-linear-gradient(right, rgba(86,30,1,1) 0%, rgba(86,30,1,1) 50%, rgba(255,255,255,1) 51%) fixed;
  background: url("../img/bg_container.gif") fixed, -moz-linear-gradient(right, rgba(86,30,1,1) 0%, rgba(86,30,1,1) 50%, rgba(255,255,255,1) 51%) fixed;
  background: url("../img/bg_container.gif") fixed, -o-linear-gradient(right, rgba(86,30,1,1) 0%, rgba(86,30,1,1) 50%, rgba(255,255,255,1) 51%) fixed;
  background: url("../img/bg_container.gif") fixed, linear-gradient(-90deg, rgba(86,30,1,1) 0%, rgba(86,30,1,1) 50%, rgba(255,255,255,1) 51%) fixed;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto;
/*
	background-image: url("../img/bg_container.gif");
	background-repeat: repeat-x;
	background-position: center 490px;
	*/
}
/*============================
#Content
============================*/
#Content	{
width: 100%;
max-width: 1200px;
min-width: 1024px;
height: auto;
min-height:-webkit-calc(100vh - 125px);
min-height:-moz-calc(100vh - 125px);
min-height:calc(100vh - 125px);
margin: 0 auto;
padding: 0;
/*	*/-js-display: flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
}
/* ======== Header =========== */
#Content	header	{
	display: inline-block;
	float: right;
	width: 18%;
/*	max-width: 208px;*/
	min-width: 195px;
	height: auto;
/*min-height:-webkit-calc(100vh - 125px);
min-height:-moz-calc(100vh - 125px);
min-height:calc(100vh - 125px);*/
	margin: 0;
	padding: 0;
	position: relative;
	background-color: #561E01;
	background-image: url("../img/bg_container.gif");
	background-position: top left;
	background-repeat: no-repeat;

}
/* ======== Logo =========== */
div#Content	header	h1	{
	width: 74%;
	max-width: 151px;
	margin: 142px auto auto;
	text-align: center;
}
div#Content	header	h1	a	img.switch	{
	width: 61px;
}
/* ======== FacebookBtn =========== */
div#Content	header	p.snsBtn	{
	position: absolute;
	top: 72px;
	right: 25px;
}
div#Content	header	p.snsBtn	a	img	{
	width: 32px;
}
/* ======== navBtn 三 =========== */
div#Content	header	p.navBtn	{
	position: absolute;
	top: 28px;
	right: 26px;
}
/* Navigation */
header	nav	{
		position: fixed;
	top: 0;
	right: -100%;
/*	width: 0;
	max-width: 320px;*/
	margin: 0 auto;
	overflow: hidden !important;
}
/* NavigationFOPEN */
header.navOpen nav	{
	top: 0;
	right: 0;
	width: 18%;
	min-width: 151px;
	max-width: 300px;
		overflow: hidden !important;
}
/* ======== Gnavi PC =========== */
div#Content	header	ul.gnavi	{
width: 151px;
margin: 0 auto;
text-align: center;
}
div#Content	header	ul.gnavi	li	{
}
div#Content	header	ul.gnavi	li	a	{
	display: block;
	padding:  9px 0 0;
	font-size: 18px;
	line-height: 24px;
}
/* ======== main =========== */
#main	{
	display: inline-block;
	float: left;
	width: 82%;
	max-width: 992px;
	height: auto;
min-height:-webkit-calc(100vh - 125px);
min-height:-moz-calc(100vh - 125px);
min-height:calc(100vh - 125px);
	margin: 0 auto;
	background: #FFF;
/**/-webkit-box-ordinal-group:-1;
-moz-box-ordinal-group:-1;
-webkit-flex-order:-1;
-moz-flex-order:-1;
-webkit-order:-1;
-moz-order:-1;
-ms-flex-order:-1;
order:-1;
}

/*============================
**Foter
============================*/
div#container	footer	{
	width:100%;
	min-width: 1024px;
	margin: 0 auto;
	padding: 46px 0 42px;
	height: 125px;
	font-size: 13px;
	line-height: 15px;
}
div#container	footer	div#foot	{
	width: 90%;
	max-width: 845px;
	margin: 0 auto;
}
div#container	footer	div#foot	ul.gnavi	{
	display: none !important;
}

footer	div#foot	address	{
	-js-display: flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between;
    text-align: left;
}
footer	div#foot	address	p.hour	{
	margin-right: 15px;
}
footer	div#foot	address	p.numb	{
        -ms-flex-negative:0;
        -webkit-flex:0 0 auto;
        -moz-flex:0 0 auto;
        -webkit-box-flex:0;
           -moz-box-flex:0;
            -ms-flex:0 0 auto;
                flex:0 0 auto;
}
footer	div#foot	address	p.numb	a	{
	margin-left: 15px;
}
footer	div#foot	address	p.numb	span	{
	margin-left: 15px;
}

footer	div#foot	address	p.numb	a:hover	{
	text-decoration: none;
	outline:none;
	filter: alpha(opacity=100);
	-moz-opacity:1;	opacity:1;
}
footer	div#foot	p.copy	{
	width: 100%;
	max-width: 845px;
	margin: 10px auto;
	text-align: right;
}
}
/*=========================================
   SmartPhone Display - width:736px under    
==========================================*/
@media only screen and (max-width:736px){
.pcp{display: none !important;}
#container	{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #561E01;
}
/*============================
#Content
============================*/
#Content	{
width: 100%;
height: auto;
margin: 0 auto;
}
/* ======== Header =========== */
#Content	header	{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
/* ======== Logo =========== */
div#Content	header	h1	{
	width: 94%;
	margin: 0 auto;
	text-align: left;
}
div#Content	header	h1	a	img.switch	{
	width: ;
	max-width: 156px;
	margin: 18px 0 8px;
}
/* ======== FacebookBtn =========== */
div#Content	header	p.snsBtn	{
	position: absolute;
	top: 27px;
	right:67px;
}
div#Content	header	p.snsBtn	a	img.switch	{
	width: 32px;
}
/* ======== navBtn 三 =========== */
div#Content	header	p.navBtn	{
	position: absolute;
	top: 28px;
	right: 23px;
}
/* Navigation */
header	nav	{
		position: fixed;
	top: 0;
	right: -100%;
/*	width: 0;
	max-width: 320px;*/
	margin: 0 auto;
	overflow: hidden !important;
}
/* NavigationFOPEN */
header.navOpen nav	{
	top: 0;
	right: 0;
	width: 80%;
	max-width: 300px;
		overflow: hidden !important;
}
/* ======== Gnavi PC =========== */
div#Content	header	ul.gnavi	{
	display: none !important;
}
/* ======== Main =========== */
#main	{
	width: 100%;
	margin: 0 auto;
}
/*============================
**Foter
============================*/
div#container	footer	{
	width:100%;
	margin: 0 auto;
	padding: 36px 0 12px;
	font-size: 0.95em;
	line-height: 1.2;
}
footer	div#foot	{
	width: 90%;
	margin: 0 auto;
}
footer	div#foot	ul.gnavi	{
	display: table;
	width: 100%;
/*	max-width: 521px;*/
	margin: 0 auto 15px;
	font-size: 1.2em;
}
footer	div#foot	ul.gnavi	li.smp	a	img	{
	width: 90%;
	max-width: 42px;
}
footer	div#foot	ul.gnavi	li	{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
footer	div#foot	ul.gnavi	li:nth-of-type(1)	{
	width: 10%;
	text-align: left;
}

footer	div#foot	ul.gnavi	li	a	{
	display: block;
	padding: 0 5%;
}
footer	div#foot	ul.gnavi	li:nth-of-type(1)	a	{
	padding: 0 !important;
}

footer	div#foot	ul.gnavi	li:nth-of-type(3)	a	{
	border-left: solid 1px #FFF;
		border-right: solid 1px #FFF;
}

footer	div#foot	address	{
	text-align: left;
}
footer	div#foot	address	p.hour	{
	margin: 12px 0;
}
footer	div#foot	address	p.numb	{
	margin: 12px 0;
}
footer	div#foot	address	p.numb	a	{
	padding-right: 15px;
}
footer	div#foot	address	p.numb	span	{
	display: inline;
}
footer	div#foot	p.copy	{
	width: 100%;
	margin: 8px auto;
	text-align: right;
	font-size: 0.85em;
}
span.brk	{
	display: inline;
}

}
/*==== ** smart*縦*portrait max-width:414px ** ==================================*/
@media only screen and (orientation: portrait) and (max-width:414px) {
/*============================
**Foter
============================*/
div#container	footer	{
	font-size: 3.6vw;
}
footer	div#foot	ul.gnavi	li.smp	a	img	{
	width: 78%;
	max-width: 42px;
}
footer	div#foot	ul.gnavi	{
	font-size: 4.2vw;
}
span.brk	{
	display: block;
}

}