/*=======* 共通 *=================================================*/
@media print,screen and (min-width:769px){ .SpOnly { display:none !important; } }
@media screen and (max-width:768px){ .PcOnly { display:none !important; } }

html	{font-size: 62.5%;}
body	{	font-size: 1.4rem;}
#main	{	clear: both;}
/*============================
*Modal Window + Go Top
============================*/
#modal_contents {
  z-index: 980;
  font-size: 16px;
}
/* モーダル コンテンツエリア */
#modal-main {
  display: none;
  z-index: 999;
  width: 99%;
  max-width: 380px;
  min-width: 260px !important;
  height: 41px !important;
  margin: 0;
  padding: 8px 0;
  position: fixed;/* fixed*/
  right:41px;
/*  background-color: #ffffff;*/
  color: #666666;
		text-align: left;
}
#modal-main.open { display: block;}

/* BackGround */
#modal-bg {
  display:none;
  width:100%;
  height:130%;
  background-color:rgba(0,0,0, 0.50);
  position:fixed;
  top:0;
  left:0;
  z-index: 970;
}
/* Modal Windowボタン */
#modal-open {
  cursor: pointer;
  position:fixed; /*固定*/
  right:0px;
  z-index: 960;
  display:block; 
  width:41px;
  height:41px;
  background-color: #ffffff;
}
/*トップへ戻るボタン*/
#topBtn {
  position:fixed; /*固定*/
  right:0px; 
  z-index: 999;
  display:block; /*aタグをblock要素に変更*/
  width:41px;
  height:41px;
  background-color: #ffffff;
}
@media only screen and (min-width: 737px) {
.smp	{	display: none !important;
	}
a[href^="tel:"] {
	cursor: default;
	}
a:hover[href^="tel:"]	{
	text-decoration: none;
	outline:none;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
/* モーダル コンテンツエリア */
#modal-main { top:265px;}/*145px*/
/*#modal-main	form	p	input:first-of-type	{	width:80%;}*/
/* Modal Windowボタン */
#modal-open { top:265px;}/*145px*/
/*トップへ戻るボタン*/
#topBtn { top: 305px;}/*185px*/
}
@media only screen and (min-width:320px) and (max-width:736px){
.pcp	{	display: none !important;}
a[href^="tel:"] {	text-decoration: none;}
/* モーダル コンテンツエリア */
#modal-main { bottom:145px;  height: 41px;	margin: 0;	padding: 8px 4px !important;}
#modal-main	form	p	input:first-of-type	{	font-size: 16px; line-height:16px;}
/* Modal Windowボタン */
#modal-open { bottom:145px;}
/*トップへ戻るボタン*/
#topBtn {  bottom: 105px;}
}
/*============================
*Header
============================*/
header	a	{	color: #333;}
header	div.inner	{
	-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:end;
-moz-box-pack:end;
-webkit-flex-pack:end;
-moz-flex-pack:end;
-ms-flex-pack:end;
-webkit-justify-content:flex-end;
-moz-justify-content:flex-end;
justify-content:flex-end;
text-align: left;
}
header	div.inner	h1	{	margin: 0 auto 0 0;}
header	div.inner	div.headwrap	p.row01	a	{color: #007FBB;}
header	div.inner	div.headwrap	p.row02	span.china	a:last-of-type	{	border-left: solid 1px #CCC;}
header	div.inner	div.headwrap	p.row02	span.china	a	{	color: #666;}
header	div.inner	div.headwrap	p.row03	a	{	color: #666;}
header	div.inner	div.headwrap	p.row03	a:last-of-type	{	border-left: solid 1px #CCC;}
header	div.inner	div.headwrap	p.row03	a	img	{	vertical-align: middle;}

@media only screen and (min-width: 737px) {
header	{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
header	div.inner	{
	width: 100%;
max-width: 1024px;
width: expression(this.width >= this.height ? "1024px" : "auto");
	margin: 15px auto 18px;
	padding: 0 ;
}
header	div.inner	h1	{
	width: 47%;
}
header	div.inner	h1	a	img	{
	width: 96%;
	max-width: 448px;
	margin: 0 2%;
}
/*============================
*headwrap
============================*/
header	div.inner	div.headwrap	{
display: -ms-grid;
display: grid;
-ms-grid-columns: auto;
grid-template-columns: auto;
-ms-grid-rows: auto;
grid-template-rows: auto;
margin-top: 5px;
}
/*======= TEL ===============*/
header	div.inner	div.headwrap	p.row01	{
grid-column: 1;
grid-row: 1 / 3;
-ms-grid-column: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
margin: 0 5px;
}
header	div.inner	div.headwrap	p.row01	a	{	display: block;	margin: 5px 0 2px;	font-size: 24px;}
header	div.inner	div.headwrap	p.row01	span	{	display: block;	font-size: 11px;	line-height: 14px;}

/*======= SNS + China LINK ===============*/
header	div.inner	div.headwrap	p.row02	{
	-ms-grid-column: 2;
	grid-column: 2;
	-ms-grid-row: 1;
	grid-row: 1;
	width: 190px;
	text-align: right;
	vertical-align: middle;
}
header	div.inner	div.headwrap	p.row02	a	img	{ width: 23px;	margin: 3px 9px 0 0;	vertical-align: middle;}
header	div.inner	div.headwrap	p.row02	span.china	a	{	padding: 0 9px 0 0;	font-size: 12px;}
header	div.inner	div.headwrap	p.row02	span.china	a:last-of-type	{	padding: 0 9px;	border-left: solid 1px #CCC;}

/*======= 予約・相談 ===============*/
header	div.inner	div.headwrap	p.row03	{
	-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 2;
grid-row: 2;
	width: 190px;
margin-top: 5px;
text-align: center;
}
header	div.inner	div.headwrap	p.row03	a	{	font-size: 13px;}
header	div.inner	div.headwrap	p.row03	a:first-of-type	{	padding-right: 10px;}
header	div.inner	div.headwrap	p.row03	a:last-of-type	{	padding-left: 10px;}
header	div.inner	div.headwrap	p.row03	a:first-of-type	img	{	width: 21px;	margin: 0 8px;}
header	div.inner	div.headwrap	p.row03	a:last-of-type	img	{	margin-right: 5px;}
}
@media all and (-ms-high-contrast:none) {
*::-ms-backdrop,header	div.inner	h1	{width: 100%;}
*::-ms-backdrop,header	div.inner	div.headwrap	p	{	width: 180px;}
}
@media only screen and (min-width:737px) and (max-width:1080px){
header	div.inner	{	width: 95%;	margin: 15px 0;}
}
@media only screen and (max-width:736px){
header	{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
header	div.inner	{
	width: 98%;
	margin: 13px auto 5%;
}
header	div.inner	h1	{
}
header	div.inner	h1	a	img	{
	width: 95%;
	max-width: 336px;
	margin: 8px 0;
}
/*============================
*headwrap
============================*/
header	div.inner	div.headwrap	{
	-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-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
/*======= TEL ===============*/
header	div.inner	div.headwrap	p.row01	{
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
text-align: center;
margin-bottom: 5px;
}
header	div.inner	div.headwrap	p.row01	a	{
	font-size: 21px;
	line-height: 1.3;
}

/*======= SNS + China LINK ===============*/
header	div.inner	div.headwrap	p.row02	{
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	padding-right: 2.4em;
	display: table;
	width: 100%;
	height: 30px;
}
header	div.inner	div.headwrap	p.row02	a	{
	display: table-cell;
	width: -webkit-calc(100% / 3);
	width: -moz-calc(100% / 3);
	width: calc(100% / 3);
	text-align: center;
	vertical-align: middle;
}

header	div.inner	div.headwrap	p.row02	a	img	{
	width: 70%;
	max-width: 26px;
	margin: 0;
}
header	div.inner	div.headwrap	p.row02	span.china	{ display: none;}
/*======= 予約・相談 ===============*/
header	div.inner	div.headwrap	p.row03	{
	-webkit-box-ordinal-group: 4;
	-webkit-order: 3;
	-moz-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
	display: table;
	width: 100%;
}
header	div.inner	div.headwrap	p.row03	a	{	display: table-cell; width: 50% !important;text-align: center;	font-size: 12px;}
header	div.inner	div.headwrap	p.row03	a:first-of-type	img	{	width: 16px;	margin-right: 3px;}
header	div.inner	div.headwrap	p.row03	a:last-of-type	img	{	width: 18px;}
}

@media only screen and (orientation: portrait) and (max-width:415px) {
header	div.inner	div.headwrap	p.row01	a	{	font-size: 3.4vw !important;}/* TEL */
header	div.inner	div.headwrap	p.row03	a	{	font-size: 2.4vw !important;}/* 予約・相談 */

}

/*============================
*hamburger-menu*
============================*/
.fixed	{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	margin: 0 auto;
}
/* ---------------------- */
.overlay	{
	position: fixed;
	/*fixed*/
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: auto;
	height: 100% !important;
	background: #999;
	opacity: 0.1;
	filter: alpha(opacity=10);
	-ms-filter: "alpha(opacity=10)";
	z-index: 90;
}

header	p.navBtn	{
	clear: both;
	display: block;
	width: 41px !important;
	height: 31px !important;
	padding: 6px 0 !important;
	text-align: center;
	position: absolute;
	top: 7px;
	right: 0;
	z-index: 99;
	cursor: pointer;
}
header	.navBtn span	{
	display: block;
	height: 2px;
	width: 25px;
	margin: 0 auto;
	text-align: center;
	background: #999;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
header	.navBtn span:nth-of-type(2)	{
	margin: 4px auto;
}
	header	.navBtn span:nth-of-type(4)	{
	background: none;
	margin: 4px auto 0;
	font-size: 10px;
	text-align: center;
}

/* Icon active    */
header.navOpen	.navBtn span:nth-of-type(1)	{
	-webkit-transform: translateY(6px) translateX(0) rotate(220deg);
	-ms-transform: translateY(6px) translateX(0) rotate(220deg);
	transform: translateY(6px) translateX(0) rotate(220deg);
}
header.navOpen	.navBtn span:nth-of-type(2)	{
	opacity: 0;
	-webkit-transform: translateY(-6px) translateX(0) rotate(180deg);
	-ms-transform: translateY(-6px) translateX(0) rotate(180deg);
	transform: translateY(-6px) translateX(0) rotate(180deg);
}
header.navOpen	.navBtn span:nth-of-type(3)	{
	-webkit-transform: translateY(-6px) translateX(0) rotate(320deg);
	-ms-transform: translateY(-6px) translateX(0) rotate(320deg);
	transform: translateY(-6px) translateX(0) rotate(320deg);
}
/* ナビゲーション */
header	nav	{
	overflow: auto;
	position: absolute;
	top: -300%;
	right: 0;
	width: 85%;
	margin: 0 auto;
	height: 100vh;
	opacity: 0;
	z-index:98 !important;
	visibility: hidden;
	transition: .8s;
	-webkit-transition: .8s;
	-moz-transition: .8s;
}
/* ナビゲーション：OPEN */
header.navOpen nav	{
	height: auto;
	opacity: 1;
	top: 0;
	right: 0;
	box-shadow:-2px 1px 8px -3px #999;
	-moz-box-shadow:-2px 1px 8px -3px #999;
	-webkit-box-shadow:-2px 1px 8px -3px #999;
	visibility: visible;
	transition: .8s;
	-webkit-transition: .8s;
	-moz-transition: .8s;
}
/* -- アコーディオン -- */
ul.accordion	{
	width: 100%;
}
ul.accordion	li	{
	display: block;
	background: #FFF;
	margin-bottom: 2px;
	color:#666;
	text-align: left;
}
ul.accordion	li.bg9	{	background: #999;}
ul.accordion	li.bg9	a	{	color: #FFF;}
ul.accordion	li.bg9	a	img	{	margin-left: 8px;	vertical-align: top;}

ul.accordion	li	a	{
	position:relative;
	display: block;
	padding: 1.2em;
	color:#666;
	text-decoration:none;
	line-height: 1.2em;
}
ul.accordion	li	a	img	{
	vertical-align: top;
}
ul.accordion	li	a:before	{
	position: absolute;
	top: 50%;
	right: 1.5em;
	display: inline-block;
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-right: -4px;
	vertical-align: middle;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

/* サブメニュー */
ul.accordion ul	{	display: none;}
ul.accordion li.subwrap,ul.accordion li.lists	{
	width: 100%;
	border: none;
	padding: 0;
	list-style: none;
}
ul.accordion li.subwrap	h2,ul.accordion li.lists	h3	{
	position:relative;
	display:block;
	width: 100%;
	padding:1.2em;
	margin: 0;
	color:#666;
	text-decoration:none;
	line-height: 1.2em;
	text-align: left;
	font-weight: normal;
	font-size: 1em;
}
ul.accordion li.lists	h3	{
	padding: 1.2em 2.2em ;
}
/* SubWrap ICON */
ul.accordion	li.subwrap	h2:before,li.lists	h3:before	{
	position: absolute;
	top: 50%;
	right: 1.5em;
	display: inline-block;
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-right: -4px;
	vertical-align: middle;
	border-bottom: 1px solid #666;
	border-left: none;
	border-right: 1px solid #666;
	border-top: none;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
/* SubWrap ICON：アクティブ */
ul.accordion	li.subwrap	h2.open,
ul.accordion	li.subwrap	ul	li.lists	h3.open:	{
}
ul.accordion	li.subwrap	h2.open:before,
ul.accordion	li.subwrap	ul	li.lists	h3.open:before	{
	position: absolute;
/*	top: 50%;-*/
	right: 1.5em;
	display: inline-block;
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-right: -4px;
	vertical-align: middle;
	border-bottom: none;
	border-left: 1px solid#999;
	border-right: none ;
	border-top: 1px solid #999;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
ul.accordion	li.subwrap	li	a,
ul.accordion	li.subwrap	ul	li.lists	ul	li	a	{
	position:relative;
	display:block;
	padding: 1.2em 3.2em;/**/
	color:#666;
	text-decoration:none;
	font-size: 0.9em;
	line-height: 1.2em;
}
/* Hover */
ul.accordion	li:hover,
ul.accordion	li	a:hover,
ul.accordion li.subwrap	h2:hover,
ul.accordion li.lists	h3:hover,
ul.accordion	li.subwrap	li	a:hover,
ul.accordion	li.subwrap	ul	li.lists	ul	li	a:hover	{
	cursor: pointer;
/*	background: rgba(255,255,255,.95);*/
	color: #000;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
@media only screen and (min-width: 737px) {

header	nav	{
	max-width: 330px;
}
header	.navBtn a	{
	display: block;
	width: 41px;
	height: 108px;
	margin: 21px 0 0;
	background: #999;
	text-align: right;
}
header	.navBtn a	 img {
	width: 41px;
	height: 108px;
}
}
@media only screen and (min-width:320px) and (max-width:1080px){
header	.navBtn a	{
	display: block;
	width: 41px;
	height: 108px;
	margin: 10vh 0 0;
	background: #999;
	text-align: right;
}
header	.navBtn a	 img {
	width: 41px;
	height: 108px;
}
}

@media only screen and (min-width: 737px) {
/*============================
#gnav
============================*/
#gnav {
	clear: both;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 24px;
}
#gnav > ul {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
#gnav > ul > li {
	display: inline-block;
	float: left;
	width: 16%;
	font-size: 14px;
	text-align: center !important;
}
#gnav > ul > li:nth-of-type(3)	{
	width: 12%;
}
#gnav > ul > li:nth-of-type(6),
#gnav > ul > li:nth-of-type(7)	{
	width: 11%;
}
#gnav > ul > li:first-of-type,
#gnav > ul > li:last-of-type	{
	width: 9%;
}
#gnav > ul > li:last-of-type,
#gnav > ul > li:last-of-type	a	{
	text-align: right !important;
}
#gnav > ul > li:first-of-type,
#gnav > ul > li:first-of-type	a	{
	text-align: left !important;
}
#gnav > ul > li > a {
	display: block;
	border-left: solid 1px #CCC;
-webkit-transition: all .3s linear;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
}
#gnav > ul > li:first-of-type > a {
	padding-left: 14px;
	border-left: none;
}
#gnav > ul > li:last-of-type > a {
	padding-right: 0;
}
#gnav > ul > li:hover{
-webkit-transition: all .3s linear;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
}
#gnav > ul > li:hover > a {
	text-align: center;
}
/*-----------------------*/
ul.menu_inner	li	{
	display: block !important;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 15px;
}
ul.menu_inner	li	a	{
	display: block !important;
	width: 100%;
	color: #333;
	font-size: 12px;
	line-height: 15px;
}

	/*====Single Drop ====*/
.single {
  position: relative;
}
li.single > ul.menu_inner	{
	position: absolute;
	top: 0;
	width: 100%;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	visibility: hidden;
	opacity: 0;
	z-index: 995;
}
li.single:hover > ul.menu_inner	{
	top: 42px;
	visibility: visible;
	opacity: 1;
}
li.single	ul.menu_inner	li	{
	display: block;
	background: #DBF3F2;
	margin-bottom: 1px !important;
	padding: 8px 12px;
	text-align: left;
	visibility: hidden;
	opacity: 0;
		-webkit-transition: all .3s linear;
	transition: all .3s linear;
	-moz-transition: all .3s linear;

}

li.single:hover	ul.menu_inner	li	{
	display: block;
	background: #DBF3F2;
	margin-bottom: 1px !important;
	padding: 8px 12px;
	text-align: left;
	visibility: visible;
	opacity: 1;
}
/*====Mega Menu ====*/
#gnav	ul	li.toggle:hover:after	{
	content: url("../img/arrow_gnavi.png");
	display:block;
	width: 38px;
	height: 13px;
	margin: 15px auto 0;
	vertical-align: bottom;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
}
#gnav > ul div.menu {
	padding: 0;
	max-height: 0;
	margin-top: 28px;
	text-align: center;
	background: #DBF3F2;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	width: 100%;
	position: absolute;
	left: 0;
	opacity: 0;
	overflow: hidden;
	visibility: hidden;
	z-index: 99;
}
#gnav > ul > li:hover .menu {
	max-height: 580px !important;
	visibility:visible;
	opacity: 1;
}
div.menu > div.mega	{
	width: 90%;
	max-width: 1040px !important;
	height: auto;
	margin: 28px auto;/* 38px auto*/
	padding-left: 15px;
}
div.menu > div.mega > h3	{
	width: 100%;
	max-width: 1024px !important;
	margin: 0 auto;
	text-align: left;
	font-size: 18px;
	font-weight: normal;
}

div.mega ul.menu_inner {
	display: inline-block;
	float: left;
	width: auto;/**/
	margin: 0 3% 28px 0;
	text-align: left;
}
div.mega ul.menu_inner.w10	{	width: 10%;}
div.mega ul.menu_inner.w13	{	width: 13%;}
div.mega ul.menu_inner.w18	{	width: 18%;}
div.mega ul.menu_inner.w19	{	width: 19%;}
div.mega ul.menu_inner.w20	{	width: 20%;}
div.mega ul.menu_inner.w21	{	width: 21%;}
div.mega ul.menu_inner:last-of-type	{margin: 0 !important;}


div.mega ul.menu_inner li.sub	{
	margin: 14px 0 3px !important;
	color: #009966;
	font-size: 16px;
	line-height: 20px;
}
div.mega ul.menu_inner li {
display: inline-block;
	padding: 3px 0;
}
div.mega	ul.menu_inner	li	span.x2{
display: block;
font-size: 11px;
}
div.mega	ul.menu_inner	li	span.small	{
padding-right: 5px;
font-size: 11px;
}
}
@media only screen and (min-width:737px) and (max-width:1080px){
#gnav > ul > li:last-of-type,
#gnav > ul > li:last-of-type	a	{
	text-align: center !important;
}
#gnav > ul > li {	font-size: 13px;}
}

@media only screen and (min-width:320px) and (max-width:736px){
#gnav {
	display: none;
	visibility: hidden;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
}
}

/*============================
*BreadCrumb
============================*/
#crumb	ul	{
	display: block;
}
#crumb	ul	li	{
	display: inline-block;
	float: left;
	text-align: left;
}
#crumb	ul	li,
#crumb	ul	li	a	{
	color: #666;
}
#crumb	ul	li	img	{
	vertical-align: middle;
}
#crumb	ul	li:first-child:before	{
	content:"";
	padding-left: 0;
	padding-right: 0;
}
@media only screen and (min-width: 737px) {
#crumb	{
	clear: both;
	width: 95%;
	max-width: 995px;
	margin: 15px auto;
	padding: 5px 0;
	font-size: 13px;
	line-height: 15px;
	text-align: left;
}
#crumb	ul	li:before	{
	content: "\003009 ";
	padding-left: 24px;
	padding-right: 8px;
	color: #999;
	font-size: 12px;
}
}
@media only screen and (min-width:320px) and (max-width:736px){
#crumb	{
	clear: both;
	width: 95%;
	margin: 0 auto 4%;
	font-size: 2.5vw;/*14px*/
	line-height: 1.2;
}
#crumb	ul	li:before	{
	content: "\003009 ";
	padding-left: 5px;
	padding-right: 5px;
	color: #999;
	font-size: 2.5vw;
}
}

/*============================
*Address（中面）
============================*/
address	div.address	{
	background: #FAFAF4;
}
address	div.address	a	{
	color: #333;
}
/* Left Btn */
address	div.address	section	a.btn	{
	background: #FFF;
	border: solid 1px #EEF1F6;
	text-align: center;
	vertical-align: middle;
}
address	div.address	section	a.btn	img	{
	margin-left: -10px;
	margin-right: 10px;
	vertical-align:middle;
}

address	div.address	section	p.mailsoudan	a	{
	color: #666;
}
address	div.address	section	p.mailsoudan	a	img	{
	position: relative;
	top: -1px;
	vertical-align: top;
}
/* Right access+ CallNum */
address	div.address	section	p:first-of-type	{
	color: #666;
}

@media only screen and (min-width: 737px) {
address	div.address	{
	display: table;
	width: 100%;
	max-width: 996px;
	margin: 40px auto auto;
	padding: 40px 0;
}
address	div.address	section	{
	display: table-cell;
	width: 50%;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
}
/* Left Btn */
address	div.address	section	a.btn	{
	display: inline-block;
	width: 36.5%;
	max-width: 187px;
	min-width: 154px;
	height: 51px;
	margin:0 1.75%;
	padding: 16px;
	font-size: 16px;
	line-height: 18px;
}
address	div.address	section	a.btn	img	{
	margin-right: 10px;
}
address	div.address	section	p.mailsoudan	a	{
		padding: 10px 0 0;
	font-size: 16px !important;
}
/* Right access+ CallNum */
address	div.address	section:last-of-type	{
	padding: 0 3%;

}
address	div.address	section	p:first-of-type	{
	font-size: 14px;
	line-height: 18px;
}
address	div.address	section	p:first-of-type	a	{
	display: block;
	margin: 15px auto 20px;
	font-size: 24px;
	letter-spacing: 2px;
}
address	div.address	section	p:first-of-type	span	{
	display: block;
}
/* Hour */
address	div.address	section	p:last-of-type	{
	font-size: 14px;
}
address	div.address	section:last-of-type	p:last-of-type	span	{
	padding: 0 5px;
	font-size: 12px;
}
address	div.address	section:last-of-type	p:last-of-type	span.lrg	{
	font-size: 16px;
}
}
@media only screen and (min-width:320px) and (max-width:736px){
address	div.address	{
	clear: both;
	width: 100%;
	margin: 6% auto 0;
	padding: 6% 0 0;
}
address	div.address	section	{
	display: block;
	width: 100% !important;
	margin: 0 auto 6%;
	text-align: center;
	vertical-align: middle;
}
address	div.address	section	a.btn	{
	display: inline-block;
	width: 37.5%;
	min-width: 135px;
	height: 51px;
	margin:0 1.75%;
	padding: 16px 0 ;
	font-size: 3.6vw;
	line-height: 18px;
}
address	div.address	section	a.btn	img	{
	margin-right: 10px;
}
address	div.address	section	p.mailsoudan	a	{
	margin: 0;
		padding: 0 0 5px;
	font-size:  3.2vw !important;
}
/* Right access+ CallNum */
address	div.address	section:last-of-type	p	{
	width: 96%;
	margin: 0 auto;
}
address	div.address	section	p:first-of-type	{
	clear: both;
	font-size: 15px;
	line-height: 21px;
}
address	div.address	section	p:first-of-type	a	{
	display: block;
	margin: 4% auto 5%;
	font-size: 6vw;
	letter-spacing: 1px;
}
address	div.address	section	p:first-of-type	span	{
	display: block;
}
/* Hour */
address	div.address	section	p:last-of-type	{
	text-align: center;
	font-size: 15px;
	line-height: 21px;
}
address	div.address	section:last-of-type	p:last-of-type	span	{
	display: block;
	font-size: 13px;
}
address	div.address	section:last-of-type	p:last-of-type	span.lrg	{
	font-size: 18px;
	padding: 0;
	margin: 0;
}
}

@media only screen and (min-width: 737px) {
/*============================
#Aside
============================*/
div.bnr	{
	width: 99%;
	max-width: 996px;
	margin: 35px auto 20px;
}
div.bnr	aside	p{
	-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-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
div.bnr	aside	p	a,div.bnr	aside	p	span	{
	width: 23%;
width: -webkit-calc(100% / 5 - 7px);
width: -moz-calc(100% / 5 - 7px);
width: calc(100% / 5 - 7px);
	max-width: 140px;
	margin-bottom: 5px;
	margin-right: 7px;
}
div.bnr	aside	p	a	img,div.bnr	aside	p	span	img	{
	width: 100%;
	max-width: 140px;
}
div.bnr	aside	a.bnr_hmc	{
	display: inline-block;
	float: right;
	width: 26%;
	max-width: 256px;
	margin-left: auto;
}
div.bnr	aside	a.bnr_hmc	img	{
	width: 100%;
	max-width: 256px;
}
}
@media only screen and (orientation: portrait) and (max-width:414px) {
div.bnr	aside	p	a,
div.bnr	aside	p	span		{width: 50%;margin: auto;}
div.bnr	aside	p	span		{	display: block;}
}

@media only screen and (min-width:320px) and (max-width:736px){
div.bnr	{
	width: 100%;
	margin: 3% auto;
}
div.bnr	aside	{
	-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-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
div.bnr	aside	p	{
	width: 96%;
	margin: 0 auto;
	-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-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	text-align: center;
}
div.bnr	aside	p	a	{
	width: -webkit-calc(100% / 3);
width: -moz-calc(100% / 3);
width: calc(100% / 3);
margin: auto;
}
div.bnr	aside	p	span.pcp		{
	display: none;
}

div.bnr	aside	p	a	img,
div.bnr	aside	p	span	img	{
	width: 96%;
	margin: 0 2% 5px;
}

div.bnr	aside	a.bnr_hmc	{
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-flex-order: 3;
    -moz-flex-order: 3;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-order: 3;
    order: 3;
}
div.bnr	aside	a.bnr_hmc	img	{
	width: 95%;
	max-width: 588px;
	margin: 0 auto;
}
}

/*============================
*Footer
============================*/
footer	{
	clear: both;
	width: 100%;
	margin: 0 auto;
	background: #F6F6F6;
	color: #666;
}
footer	div#foot	p:first-of-type	a	{	color: #666;}
footer	div#foot	p:last-of-type	a:after	{
	content: '\003009';
	padding-left: 15px;
}
@media only screen and (min-width: 737px) {
footer	{
	clear: both;
	padding: 0 2%;
}
footer	div#foot	{
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 30px 0;
	text-align: right;
	font-size: 12px;
	line-height: 18px;
}
footer	div#foot	p:first-of-type	{
	display: inline-block;
	float:left;
width: -webkit-calc(100% - 456px);
width: -moz-calc(100% - 456px);
width: calc(100% - 456px);
min-width: 320px;
	text-align: left;
}
footer	div#foot	p:first-of-type	a	{
	padding-left: 12%;
}
footer	div#foot	p:last-of-type	{
	display: inline-block;
	float:right;
	width: 456px;
}
}
@media only screen and (orientation: portrait) and (max-width:414px) {
footer	div#foot	p:last-of-type	a	{
	display: block;
	margin: 3px 0;
	font-size: 4vw;
}
}

@media only screen and (min-width:320px) and (max-width:736px){
footer	div#foot	{
	width: 90%;
	margin: 0 auto;
	padding: 20px 0 10px;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
}
footer	div#foot	p	{
	margin: 10px 0;
	text-align: left;
}
footer	div#foot	p	a	{
	 float: right;
}
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
 h1{    font-size: 32px;}
}
/*==== #main ============*/
#main	{
	clear: both;
	margin-left: auto;
	margin-right: auto;
	}