@charset "utf-8";

/*--------------------------------------------
	 BASE
--------------------------------------------*/
@media screen and (max-width : 767px ) {
#hdrInner {
	width: 100%;
}
.globalNavi ul {
	width: 100%;
}
/*--------------------------------------------
	FRAMEWORK
--------------------------------------------*/

.secInner {
	width: 100%;
}
/*--------------------------------------------
	HEADER
--------------------------------------------*/
header {
	padding: 6px;
	box-sizing: border-box;
	position: fixed;
	width: 100%;
	z-index: 999;
	background: #fff;
}
header .logoArea {
	padding: 0 0 0 3px;
}
header .logoArea h1 {
	line-height: 1;
	margin-bottom: 3px;
	letter-spacing: -1px;
}
header .logoArea img {
	width: 193px;
}
nav ul {
	display: block;
}
/*drawer*/
    
.drawer-hamburger:hover {
	background: #00b2d6;
}
.drawer--top .drawer-hamburger, .drawer--top.drawer-open .drawer-hamburger {
	background: #00b2d6;
}
.drawer-nav {
	background-color: #015DB2;
}
.drawer-menu {
	padding: 70px 20px;
}
nav.hNavi > ul li:nth-child(3) span::before, nav ul > li:nth-child(3) span::after {
	border-bottom: none;
}
	nav.hNavi > ul li:nth-child(4) span::before, nav ul > li:nth-child(4) span::after {
		border-bottom: none;
	}
.drawer-menu .trigger + ul {
	background: #00b2d6;
}

.drawer-menu-item {
	padding: 16px 0;
	color: #fff;
	display: block;
	line-height: 1;
}
.drawer-menu-item:hover {
	text-decoration: none;
	color: #fff;
}
.drawer-menu li {
	margin-bottom: 0;
}
.drawer-menu li:last-child {
	border: none;
}
    .drawer-menu li img {
        vertical-align: middle;
    }
  
	.drawer-menu .tel {
		color: #0071c1;
    font-family: montserrat, sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
	}
	.drawer-menu .tel span {
		font-size: 14px;
    color: #fff;
    background: #00b2d6;
    padding: 2px 6px;
    margin-right: 5px;
    vertical-align: middle;
	}
	.drawer-menu .tel a {
		font-size: 25px;
		vertical-align: middle;
	}
	/*ドロップダウン*/
	
	/*.drawer-dropdown-menu {
		transition: all 0.3s linear;
	}*/
	.drawer-dropdown span {
		position: relative;
	}
	.drawer-dropdown span:after {
		display: inline-block;
	position: absolute;
	right: 0;
	bottom: inherit;
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	width: 20px;
	font-size: 17px;
	color: #fff;
	cursor: pointer;
	border: none;
	}
	.drawer-dropdown.open span:after {
		content: "\f068";
	}
	.drawer-dropdown-menu {
		background: #00b2d6;
		
	}
	
/*--------------------------------------------
	FOOTER
--------------------------------------------*/
footer {
	width: 100%;
	padding: 30px 0;
}
#ftrInner .snsArea {
	flex-wrap: wrap;
}
#ftrInner .snsArea .lBox {
	width: 100%;
	text-align: center;
}
#ftrInner .snsArea ul {
	width: 100%;
	margin-top: 25px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}
#ftrInner .snsArea ul li {
	width: 25%;
}
#ftrInner .snsArea ul li a {
	padding: 0;
}
#ftrInner .shopArea .inner {
	flex-wrap: wrap;
	padding-top: 40px;
	padding-left: 4%;
	padding-right: 4%;
}
#ftrInner .shopArea .lBox {
	flex-wrap: wrap;
	width: 100%;
	padding: 15px;
}
#ftrInner .shopArea .lBox .box {
	text-align: center;
	display: inline-block;
	margin: auto;
}
#ftrInner .shopArea .lBox .box .shopName {
	font-size: 20px;
	margin-bottom: 10px;
}
#ftrInner .shopArea .lBox .box .adressArea {
	text-align: left;
}
#ftrInner .shopArea .lBox .box .telArea {
	font-size: 25px;
}
#ftrInner .shopArea .lBox ul {
	padding-top: 25px;
	text-align: center;
	width: 100%;
}
#ftrInner .shopArea .lBox li {
	flex-wrap: wrap;
}
#ftrInner .shopArea .lBox li:nth-child(2) {
	margin-top: 10px;
}
#ftrInner .shopArea .lBox .lItem {
	width: 100%;
	margin-bottom: 5px;
}
#ftrInner .shopArea .lBox .rItem {
	display: inline-block;
	margin: auto;
	text-align: left;
	width: inherit;
}
#ftrInner .shopArea .lBox .r_cont span{
	font-size: 12px;
}
#ftrInner .shopArea .lBox .r_cont em{
	font-size: 23px;
}
#ftrInner .shopArea .rBox {
	width: 100%;
}
#ftrInner .fLink {
	padding: 40px 4% 0 4%;
}
#ftrInner .fLink .lBox {
	width: 100%;
}
#ftrInner .fLink .rBox {
	width: 100%;
}
#ftrInner .fLink .rBox ul {
	flex-wrap: wrap;
}
#ftrInner .fLink .rBox ul li {
	width: 50%;
	margin-top: 20px;
}
#ftrInner .fLink .copy {
	font-size: 11px;
	text-align: center;
	margin-top: 20px;
}
.totop {
	width: 45px;
	height: 45px;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
.totop i {
	font-size: 24px;
	line-height: 45px;
}
}