@charset "utf-8";

header .logo{ display: none;}

/*================================================
　　　　* ham_hd
================================================*/
#ham_hd{padding: 0px; box-sizing: border-box; position: relative; height: 74px;}
#ham_hd .logo{ width:70%; max-width: 260px; padding:0px; position: absolute; top:10px; left: 10px; z-index: 1; box-sizing: border-box;}
#ham_hd .logo img{ max-width:100%; height:auto;}
#ham_hd .logo a span{ margin: 0 0 0 20px; display: inline-block; color: #19A3FF; text-decoration: none; font-family: "Noto Sans Japanese";
	font-weight: 500; font-size: 1em; line-height: 1;
}

#ham_hd .planning{ width:80%; max-width: 350px; padding:0px; top:42px; left: 15px; position: absolute;}
#ham_hd .planning span{font-size: 0.9em; font-weight:500; font-family: "Noto Sans Japanese"}
#ham_hd .hdLine{ display: none;}

@media (max-width: 380px) { /*～380px*/
	#ham_hd .logo{}
	#ham_hd .logo a span{font-size: 0.8em;}
}

/*================================================
　　　　* ヘッダー
================================================*/
/*header .hdLine{display: none;}
header .hdLine .text{}
header .hdLine ul{ list-style: none; padding: 0px 0; margin: 0; text-align: center;}
header .hdLine ul li{ display: inline-block;line-height: 1; padding: 5px 0;}
header .hdLine ul li:last-child a{ border-right: solid 1px #fff;}
header .hdLine ul li a{ font-size: 0.85em; background: #19A3FF; color: #fff; text-decoration: none; padding: 5px 10px; border-radius:  30px;}
header .hdLine ul li a:hover{ }*/

header div.middle { background-color: #C4E7FF; padding: 10px; margin-top: 74px; border-bottom: 1px solid #aaa;}
header div.sp_only { margin-top: 0; background-color: #FFF;}
header div.sp_only .sns { margin-top: 0;}
br.sp_only {display: block !important;}
header div.pc_only { display: none !important;}
div#footer div.pc_only { display: none !important;}

header .middle .sns { margin:  20px 0px 0 0;}
header .middle .sns ul{ padding: 0; margin: 0; list-style: none; text-align: center;}
header .middle .sns ul li{ width: 30px; display: inline-block; margin: 0 5px;}
header .middle .sns ul li a{}
header .middle .sns ul li img{max-width: 100%; height: auto;}

header .middle .tel{ margin: 0;}
header .middle .tel .dial{ text-align: center;}
header .middle .tel .dial .icon{}
header .middle .tel .dial a{ color: #0951A1; font-size: 1.8em; font-weight: bold; line-height: 1; margin:  0 0 0 5px;}
header .middle .tel .dial img{max-width: 100%; height: auto; vertical-align: top;}
header .middle .tel .time{color: #0951A1; font-size: 1.0em; font-weight: bold; line-height: 1.4; margin: 10px 0 0 0; text-align: center;}

header .middle .time .num {
	font-size: 1.8em;
	display: inline-block;
	vertical-align: middle;
}
header .middle .tourtel {
	font-size: 0.9em;
	font-weight: bold;
	color: #0951a1;
	display: block;
	vertical-align: middle;
	margin-right: 4px;
}


/*================================================
　　　　* モーダルメニュー
================================================*/

/* ---------------------------------------------------  menu */
header{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:10;
	background: rgba(255,255,255,1);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	visibility: hidden;
	opacity: 0;
	transform: translate3d(100%, 0, 0);
}

.menu-open header {
	-webkit-transition: all 0.2s;
	transform: translate3d(0%, 0, 0);
	transition: all 0.2s;
	visibility: visible;
	opacity: 1;
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;
}

.menu-open .no-menu {
	padding: 0;
	height: 0;
	background-color: #fff;
}

.menu-open .no-menu div.logoBox {
	display: none;
}

.menu-open .no-menu div.planning {
	display: none;
}

/* --------------------------------------------------- ham-btn */
.ham-btn {
	position: absolute;
	/*position: fixed;*/
	top: 12px;
	right: 10px;
	text-align: center;
	cursor: pointer;
	z-index: 20;
	display:block;
	color:#333;
	text-decoration:none;
	padding:  8px 8px 13px 8px;
	box-sizing: border-box;
	background: #19A3FF;
}
/*google 翻訳対策*/
.translated-ltr .ham-btn {top: 50px;}
.translated-ltr nav {padding-top: 60px;}
.translated-ltr header nav .inner .formBox{ top: 180px; }

.menu-trigger p{ font-size: 0.5em; color: #fff; font-weight: bold; position: absolute; top: 18px; left:0; text-align:center; width:100%; letter-spacing:0.1em;}
.menu-trigger.active p{color: #fff;}

/* --------------------------------------------------- menu-trigger*/
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .2s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 36px;
	height: 22px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #fff;
	border-radius: 1px;
}
.menu-trigger span:nth-of-type(1) {top: 0;}
.menu-trigger span:nth-of-type(2) {top: 9px;}
.menu-trigger span:nth-of-type(3) {bottom: 0;}
.menu-trigger.active span:nth-of-type(1) {-webkit-transform: translateY(9px) rotate(-45deg);transform: translateY(9px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-9px) rotate(45deg);transform: translateY(-9px) rotate(45deg);}
.menu-trigger.active span{background-color: #fff;}


/*================================================
　　　　* ヘッダー
================================================*/



/*================================================
　　　　* ナビ
================================================*/
header nav{}

/*グローバルナビ*/

/*-------第一階層-------*/
header  nav { width: 100%;  padding: 0px 0 0 0; margin: 0px auto 0 auto; position: relative;}
header  nav .inner .md > ul{ margin: 0; padding: 0; list-style: none;}
header  nav .inner .md > ul > li{ text-align: left; margin: 0 0 0px 0; padding:0; width: 100%; box-sizing: border-box; border-bottom: solid 1px #aaa;}
header  nav .inner .md > ul > li{ line-height: 1.2; display: block; position: relative; display: block; color: #19A3FF;  box-sizing: border-box; padding: 0 5% !important; font-size: 1.2em; line-height: 1; font-family: "Noto Sans Japanese"; font-weight: 500;}
header  nav .inner .md > ul > li a{  color: #19A3FF; text-decoration: none; padding: 15px 0; display: block;}
header  nav .inner .md > ul > li > a:hover{ background: #19A3FF; color: #fff;}
header  nav .inner .md > ul > li.searchLi .icon{}
header  nav .inner .md > ul > li.searchLi:hover{ cursor: pointer; background: #19A3FF; color: #fff;}

header  nav .inner .md > ul > li a:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    margin-left: 4px;
    border: transparent solid 5px;
    border-left-color: #19A3FF;
    vertical-align: 4px;
	float:  right;
}

@media (max-width: 640px) { /*768px～1100px*/
	header  nav .inner > ul > li > a{ padding:  0;}
}

/*検索*/
header  nav .inner .formBox{ display: none;}
header  nav .inner .formBox .cont_title{ display: none;}
header  nav .inner .formBox label{ font-size: 0.9em;}
header  nav .inner .formBox #s{font-size: 1.2em; padding:5px 10px; width: 9em; box-sizing: border-box; display: inline-block;}
header  nav .inner .formBox #searchsubmit{display: inline-block; width: inherit; padding: 5px 10px; line-height: 1em;}
header  nav .inner .formBox .search_layout .refine{ padding: 0 0 30px 0;}

header  nav .inner li.pc_disp{ display: none !important;}

/*-------第二階層-------*/
/*
header  nav .inner > ul > li ul {
	letter-spacing: -0.5em; background: #f6f6f6; margin: 0;
	list-style: none; width: 100%; padding: 3%; box-sizing: border-box;
	display: none;
}
header  nav .inner .md > ul > li ul li{ width: 30%; margin: 0 0 2% 3%; letter-spacing: normal; display: inline-block; vertical-align: top;}
header  nav .inner > ul > li ul li:nth-child(3n){margin-right: 0;}
header  nav .inner > ul > li ul li a .text{font-size: 0.8em; line-height: 1.2; padding: 10px; font-weight: bold; letter-spacing: 0.05em; text-align: center;}
header  nav .inner > ul > li ul li a .pict{ overflow: hidden; position: relative;}
header  nav .inner > ul > li ul li a .pict img{
    position: absolute;
    top: 0;
    left: 0;
	z-index:1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;'
}
header  nav .inner > ul > li ul li a .pict:before{
	content:"";
    display: block;
    padding-top: 76%;
}
header  nav .inner > ul > li ul li a{ color: #000; text-decoration: none; display: block; background: #fff; letter-spacing: 2px; font-size: 1.1em; line-height: 1.4em; box-sizing: border-box;}
header  nav .inner > ul > li ul li:hover a{ background: #1BA1E6; color: #fff;}
header  nav .inner > ul > li ul li:hover {box-shadow: 0px 0px 0px 5px  rgba(27, 161, 230, 1);}
header  nav .inner > ul > li ul li:hover img{
	-webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}
*/



/*================================================
　　　　* クリアーフィックス
================================================*/

/* モダンブラウザ（Firefox Opera Safari）対策 */
nav ul:after {
	content:".";
	display:block;
	height: 0.1px;
	clear:both;
	visibility:hidden;
	font-size: 0.1em;
	line-height: 0;
	overflow: hidden;

}

/* Win版IE7とMac版IE5対策 */
nav ul{
   display:inline-block;
   min-height: 1%;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html nav ul{
	height: 1%;
}

nav ul {
   display:block;
}
/* End hide from IE-mac */