@charset "utf-8";
/*================994px以下に適応==================*/

/*-- 見出し --*/


/*-- サイズ調整--*/


@media (max-width: 768px){
/*-- 表示・非表示 --*/
.display-pc {display: none;}
.sp{display:block;}
.global-nav li:nth-child(3){display:none;}

/*-- ドロワーメニュー --*/
.wrapper{height: 100%;overflow-x: hidden;position: relative;}
.overlay {
	content: "";
	display: block;
	width: 0;
	height: 0;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	transition: opacity .5s;
}
.overlay.open {width: 100%;height: 100%;opacity: 1;}
.menu-trigger {
	display: inline-block;
	width: 33px;
	height: 25px;
	vertical-align: middle;
	cursor: pointer;
	position: fixed;
	top: 20px;
	right: 15px;
	z-index: 99999;
}
.menu-trigger span {
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	width: 33px;
	height: 4px;
	background-color: #555;
	transition: all .5s;
}
.menu-trigger.active span {background-color: #555;}
.menu-trigger span:nth-of-type(1) {top: 0;}
.menu-trigger.active span:nth-of-type(1) {transform: translateY(10px) rotate(-45deg);}
.menu-trigger span:nth-of-type(2) {top: 10px;}
.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
.menu-trigger span:nth-of-type(3) {top: 20px;}
.menu-trigger.active span:nth-of-type(3) {transform: translateY(-11px) rotate(45deg);}
.menu-trigger span:nth-of-type(4) {
	width: 100%;
	font-size: 9px;
	font-weight: bold;
	top: 30px;
	background: none;
	transition: none 0s;
	color: #555;
}
nav {
	width: 250px;
	height: 100%;
	padding-top: 90px;
	background-color: #3b62ad;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
	transform: translate(250px);
	transition: all .5s;
	/*overflow: scroll;*/
}
nav.open {transform: translateZ(0);}
/*中身*/
/*header .nav_wrap{padding-bottom:100px;}*/

header .global-nav{display:block; width:96%; margin:0 2%;}
header .global-nav li{
	text-align:left;
	width:unset;
	border-right:none;
	border-bottom:solid 1px #ccc;
	margin:0;
}
header .global-nav li:first-child{border-left:none;}
header .global-nav a{display:block; padding:10px; font-size:12px;}
header .global-nav a span{display:inline-block; margin:0 5px 0 0;}
header .display-sp{display:block;}
header ul.global-nav2{ width:96%; margin:0 2%;}
header ul.global-nav2 li{padding: 12px 10px;border-bottom:solid 1px #ccc;margin:0; font-size:13px;}
header ul.global-nav-bnr{ margin:0 0 10px;}
header ul.global-nav-bnr li{padding: 12px 10px 0; margin:0;}
/*-- ドロワーメニュー end --*/

/*header*/
header{position:relative;}
.header_wrap{position:static;}
.page_top{padding-top:0;}
.h_logo_area{
	position:static;
	width:unset;
}
.h_logo_area h1{width:200px;}

.header_wrap .icon{
	position:absolute;
	right:65px;
	top:30px;
	padding:0;
}
.header_wrap .icon span{display:none;}
.to_yoyaku a{width:40px; right:-7px; top:20%;}

/*トップ画像*/
.top_img .catch_area{
	position:static;
	font-size:15px;
	background:rgba(0,0,0,0.5);
}

/*contents内*/
#contents{width:80%;}
.sec{margin:2em 0 4em;}
.item{margin:0 0 2em 0;}
#contents .col2 .item{width:100%;}



#contents .page h3{font-size:21px;}
#contents .page h4{font-size:18px;}
#contents .page h5{font-size:16px;}
#contents .page p{font-size:14px;}


#contents #access table th,
#contents #access table td{display:block; width:100%; padding:10px 0; font-size:14px; text-align:center;}
#contents #access table th{background:#f8f8f8; padding:5px 0;}


/*menu_page*/
#contents .page table.tbl_price th,
#contents .page table.tbl_price td{
	font-size:14px;
	padding:.5em 1em;
}
#contents .page.menu .sec{margin:0;}
#contents .page.menu .col2 .item{margin:0 0 2em 0;}

/*prof_page*/
#contents .page .prof_item01,
#contents .page .prof_item02{width:100%;}


#reserve .contact,
#reserve .calendar{width:100%;}


}


@media (max-width: 480px){
.sp{display:block;}


}