@charset "utf-8";

/*!------------------------------------*\
    drawer-header
\*!------------------------------------*/

.drawer-header{
	position:relative;
	z-index:999999999999;
	width:100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:0 2.0833% 0 2.0833%;
	height:60px;
	background-color:#fff;
	}
.drawer-brand {
	line-height:1;
  padding-right:0;
  padding-left:0;
	}
	.drawer-brand img{
		max-height:40px;
		}
.drawer-header ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	}
	.drawer-header ul li{
		margin-left:5px;
		}
		.drawer-header ul li img {
			max-height: 40px;
			}
/*
.drawer-tel{}
.drawer-line{ display:none; }
.drawer-ig{ display:none; }
*/
/*TABLET*/
@media only screen and (min-width : 600px){
.drawer-header ul li{
	margin-left:10px;
	}
}
/*PC*/
@media only screen and (min-width : 1025px){
.drawer-header{
	height:100px;
	}
.drawer-brand img{
	max-height:70px;
	}
.drawer-header ul li{
	margin-left:20px;
	}
	.drawer-header ul li img{
		max-height: 50px;
		}
/*
.drawer-line{ display:block; }
.drawer-ig{ display:block; }
*/
}



/*!------------------------------------*\
    Base
\*!------------------------------------*/
.drawer-menu{
	border-top:1px solid #ddd;
	}
.drawer-menu li{
	border-bottom:1px solid #ddd;
	}
.drawer-menu-item {
	font-size:1em;
	font-weight:bold;
	color: #333333;
	padding:1em;
	text-align:left;
	}
.drawer-menu-item:hover {
  color: #cc6666;
	}
.drawer-menu-item-tel i{ color:#cc6666; } /*任意のカラー*/
.drawer-menu-item-linei{ color:#333; } /*任意のカラー*/
.drawer-menu-item-ig i{ color:#333; } /*任意のカラー*/
	
/*PC*/
@media only screen and (min-width : 1025px){
.drawer-menu-item{
	text-align:center;
	font-size:1em;
	}
}


/*!------------------------------------*\
    Top
\*!------------------------------------*/
.drawer--top.drawer-open .drawer-nav {
  top: 60px;
}
/*PC*/
@media only screen and (min-width : 1025px){
.drawer--top.drawer-open .drawer-nav {
  top: 100px;
}
}

/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/
.drawer-hamburger {
	position:relative;
	top:inherit;
	width:40px;
	height:40px;
	box-sizing:border-box;
	border-radius: 10px;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 10px;
	background-color:#cc6666;
}
.drawer-hamburger:hover {
  background-color:#C24747;
}
.drawer-hamburger-icon {
	    margin-top: -5px;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
	height: 3px;
  background-color: #fff;
}
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  top: -8px;
}
.drawer-hamburger-icon:after {
  top: 8px;
}
.drawer-hamburger-txt{
	position: absolute;
	bottom:3px;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform:  translateX(-50%);
	display: block;
	color: #fff;
	font-size:clamp(0.5rem, 0.387rem + 0.57vw, 0.75rem);
	font-weight: bold;
	line-height: 1;
	letter-spacing:0.8pt;
	white-space: nowrap;
	text-align:center;
	}
/*PC*/
@media only screen and (min-width : 1025px){
.drawer-hamburger {
	width:50px;
	height:50px;
	}
.drawer-hamburger-txt{
	bottom:5px;
	}
}