@charset "utf-8";
/* 640px以下 （スマホ） */
.contents__header__pc{
	display: none;
}    
/*drawer icon*/
.drawer-nav {
	width: 180px;
	overflow: auto;
	background: #555555;
}
.drawer-hamburger{
	transform: translate3d(0, 0, 0);
}
.drawer--right.drawer-open .drawer-hamburger {
	right: 200px;
}
.drawer--right .drawer-hamburger {
	padding: 0px 3px 10px 8px;
	width: 35px;
	height: 35px;
	top: 0.8%;
	right: 5%;
}
.fa-bars {
	font-size: 29px;
	margin-top: 7px;
	margin-right: 5px;
	color: #000;
}
button.drawer-toggle {
	background: #F2F2F2;
	border-radius: 50%;
	margin-right: 20px;
	margin-top: 5px;
}
button.drawer-hamburger:hover {
	background: #F2F2F2;
	border-radius: 50%;
}
.space-toggle {
	margin: 0;
	height: 0;
}
.drawer-overlay{
	background: none;
}
.contents__header__sp{
	width: 100%;
	height: auto;
	background: url("../img/bg/bg_header.png");
	margin: 0 auto;
	padding: 0;
	color: ##eeeeee;
}
.contents__header__sp__content{
	width: 100%;
	display: -webkit-flex;
	display: flex;
	align-items: flex-end;
	padding: 2.8% 0 0.3% 0;
}
.contents__header__sp__content__logo{
	width: 40%;
	margin: 0 0 0 3%;
	padding: 0 0 3px 0;
}
.contents__header__sp__content__logo_img{
	width: 100%;
	margin: 0;
	padding: 0;
}
.contents__header__sp__content__tel{
	width: 39.5%;
	margin: 0;
	padding: 0 0 3px 0;
}
.contents__header__sp__content__tel_img{
	width: 100%;
	margin: 0;
	padding: 0;
}
.contents__header__sp__menu{
	width: 30%;
}
.contents__header__sp__menu button{
	margin: 0;
	padding: 0;
}
.contents__header__sp__menu__contents{
	margin: 0;
	padding: 0;
}
.contents__header__sp__menu__contents__list{
	margin: 0;
	padding: 0;
	list-style: none;
}
.contents__header__sp__menu__contents__list li{
	position: relative;
    width: 100%;
    padding: 20px;
}
.contents__header__sp__menu__contents__list li a{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 12px 0 15px 10px;
    font-size: 13px;
    text-decoration: none;
}
.contents__header__sp__menu__contents__list li a:hover{
	
}
.contents__header__sp__menu__contents__shopinfo{
	padding: 10px;
    font-size: 13px;
    color: #eeeeee;
}
.contents__header__sp__menu__contents__shopinfo .shop_info_title{
	border-top: 1px dotted #9c9c9c;
    border-bottom: 1px dotted #9c9c9c;
    padding: 2px 0;
    margin-bottom: 13px;
}
.contents__header__sp__menu__contents__shopinfo .shop_name, .shop_map, .shop_time, .shop_tel{
	margin-bottom: 13px;
}
.contents__header__sp__menu__contents__shopinfo .shop_tel a {
    color: ##eeeeee;
}

/* 641px以上 （タブレット） */
@media screen and (min-width: 641px) {
	/* ヘッダー */
	.contents__header__pc{
		display: block;
		width: 100%;
		height: auto;
		background: url("../img/bg/bg_header.png");
		margin: 0 auto;
		padding: 0;
		color: #F2F2F2;
	}
	.contents__header__sp{
		display: none;
	}
	.contents__header__pc__content{
		width: 95%;
		height: auto;
		margin: 0 auto;
		padding: 0;
		display: -webkit-flex;
		display: flex;
	}
	.contents__header__pc__content__logo{
		width: 30%;
		height: auto;
		margin: 0 auto 0 0;
		padding: 18px 0 0 0;
	}
	.contents__header__pc__content__logo_img{
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	.contents__header__pc__content__menu{
		width: 70%;
		height: auto;
		margin: 0 5px 0 auto;
		padding: 15px 0 10px 0;
	}
	.contents__header__pc__content__menu__time_tel{
		margin: 0 auto;
		padding: 0;
		text-align: right;
		/* font-size: 144%; */
		font-size: 90%;
		padding: 4px 0 0 0;
	}
	.contents__header__pc__content__menu__time_tel__time__title{
		font-size: 75%;
	}
	.contents__header__pc__content__menu__time_tel__tel__title{
		font-size: 75%;
	}
	.contents__header__pc__content__menu__time_tel__time__time_color{
		color: #F2F2F2;
	}
	.contents__header__pc__content__menu__time_tel__tel__tel_color{
		color: #F2F2F2;
	}
	.contents__header__pc__content__menu__nav{
		margin: 0 auto;
		padding: 15px 0 0 0;
	}
	.contents__header__pc__content__menu__nav__list{
		display: -webkit-flex;
		display: flex;
		justify-content: right;
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 96%;
	}
	.contents__header__pc__content__menu__nav__list li a:hover{
		opacity: 0.8;
	}
	.contents__header__pc__content__menu__nav__list li a{
		color: #F2F2F2;
	}
	.contents__header__pc__content__menu__nav__list li{
		padding: 0 17px;
	}
	.contents__header__pc__content__menu__nav__list li:last-child{
		padding: 0 0 0 15px;
	}
}

/* 960px以上 （PC用） */
@media screen and (min-width: 960px) {
	/* ヘッダー */
	.contents__header__pc{
		display: block;
		width: 100%;
		height: auto;
		background: url("../img/bg/bg_header.png");
		margin: 0 auto;
		padding: 0;
		color: #F2F2F2;
	}
	.contents__header__sp{
		display: none;
	}
	.contents__header__pc__content{
		width: 1000px;
		height: auto;
		margin: 0 auto;
		padding: 0;
		display: -webkit-flex;
		display: flex;
	}
	.contents__header__pc__content__logo{
		width: 240px;
		height: auto;
		margin: 0 auto 0 0;
		padding: 18px 0 0 0;
	}
	.contents__header__pc__content__logo_img{
		width: 240px;
		margin: 0 auto;
		padding: 0;
	}
	.contents__header__pc__content__menu{
		width: 720px;
		height: auto;
		margin: 0 9px 0 auto;
		padding: 15px 16px 0 0;
	}
	.contents__header__pc__content__menu__time_tel{
		margin: 0 auto;
		padding: 0;
		text-align: right;
		font-size: 18px;
		padding: 0;
	}
	.contents__header__pc__content__menu__time_tel__time__title{
		font-size: 18px;
	}
	.contents__header__pc__content__menu__time_tel__tel__title{
		font-size: 18px;
	}
	.contents__header__pc__content__menu__nav{
		margin: 0 auto;
		padding: 8px 0 0 0;
	}
	.contents__header__pc__content__menu__nav__list{
		display: -webkit-flex;
		display: flex;
		justify-content: right;
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 18px;
	}
	.contents__header__pc__content__menu__nav__list li a:hover{
		opacity: 0.8;
	}
	.contents__header__pc__content__menu__nav__list li a{
		color: #F2F2F2;
	}
	.contents__header__pc__content__menu__nav__list li{
		padding: 0 22px;
	}
	.contents__header__pc__content__menu__nav__list li:last-child{
		padding: 0 0 0 15px;
	}
}