@charset "utf-8";

/*--------------------------------------------------
	common
--------------------------------------------------*/
a:link { color: #183bba; text-decoration: none; }
a:visited { color: #183bba; text-decoration: none; }
a:hover { color: #183bba; text-decoration: underline; }
@media screen and (min-width: 768px) {
a[href^="tel:"] { pointer-events: none; }
}

.bold {	font-weight: bold; }
.txtS { font-size: 1.2rem; }

/* 選択時背景色 */
/*::selection {background: #fe4545;color:#fff; }
::-moz-selection {background: #fe4545;color:#fff; }*/

.mgt05 { margin-top: 5px; }
.mgt10 { margin-top: 10px; }
.mgt15 { margin-top: 15px; }
.mgt20 { margin-top: 20px; }
.mgt25 { margin-top: 25px; }
.mgt30 { margin-top: 30px; }
.mgt35 { margin-top: 35px; }
.mgt40 { margin-top: 40px; }
.mgt45 { margin-top: 45px; }

.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }

/* float解除 */
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.both { clear: both; }

.sp { display: none !important; }
@media screen and (max-width: 767px) {
.pc { display: none !important; }
.sp { display: inherit !important; }
}

/*--------------------------------------------------
	layout
--------------------------------------------------*/
html {
	font-size: 62.5%;
}
body {
	font-family: "メイリオ", "meiryo", Verdana, "Hiragino Kaku Gothic Pro W3", "MS UI Gothic";
	font-size: 1.0rem;
	line-height: 1;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-text-size-adjust: none;
	color: #333;
	background: #fff;
}
img {
	max-width: 100%;
	height: auto;
	image-rendering: -webkit-optimize-contrast;
}
#wrap {
	max-width: 1366px;
	text-align: center;
	margin: 0 auto;
}

/*--------------------------------------------------
	header
--------------------------------------------------*/
header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 4.39%;
	background: url(../images/headerBg.jpg) left top repeat-y;
}
header .headerLogo {
	width: 254px;
	margin-right: 25px;
	margin-left: 25px;
}
header ul.nav {
	display: flex;
	align-items: center;
}
header ul.nav li + li {
	margin-left: 1.46%;
}

/*--------------------------------------------------
	content
--------------------------------------------------*/
#base .contact {
	position: relative;
	height: 360px;
	text-align: center;
}
#base .contact .illust {
	position: absolute;
	left: 285px;
	bottom: 0;
}
#base .contact .btn {
	position: absolute;
	top: 115px;
	right: 0;
	left: 0;
	width: 347px;
	margin: auto;
}

#shop {
	width: 860px;
	margin: 0 auto;
	padding: 40px 0 80px;
}
#shop .shopLogo {
}
#shop .shopOpen {
	font-size: 2.2rem;
	margin-top: 30px;
}
#shop .balloon {
	margin-bottom: 40px;
}
#shop ul.shopList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 40px auto 0;
}
#shop ul.shopList li {
	width: 33.33%;
	line-height: 1.5;
	text-align: left;
	font-size: 1.8rem;
}
#shop ul.shopList li:nth-child(n+4) {
	margin-top: 60px;
}
#shop ul.shopList li .name {
	font-size: 2.2rem;
}
#shop ul.shopList li .name span {
	font-size: 1.6rem;
	margin-left: 10px;
}
#shop ul.shopList li a {
	color: #333;
}

/*==================================================
	fixed_bnr
==================================================*/
.fixed_bnr_wrap {
	position: fixed;
	top: 230px;
	right: 0;
	z-index: 1000;
}
.fixed_bnr_wrap #fixed_bnr {
	position: relative;
	display: block;
	text-align: left;
	line-height: 1.6;
	color: #fff;
	padding: 2em 1em 1.5em 2.5em;
	background: rgb(229,96,105); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(229,96,105,1) 0%, rgba(230,0,18,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(229,96,105,1) 0%,rgba(230,0,18,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(229,96,105,1) 0%,rgba(230,0,18,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e56069', endColorstr='#e60012',GradientType=0 ); /* IE6-9 */
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	box-shadow: 0 0 15px 10px rgba(0,0,0,0.15);
}
.fixed_bnr_wrap #fixed_bnr::before {
	content: "\f138";
	position: absolute;
	top: 2.5em;
	left: 1em;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
}
.fixed_bnr_wrap #fixed_bnr:hover {
	text-decoration: none;
}
.fixed_bnr_wrap #fixed_bnr span {
	font-size: 1.8rem;
	font-weight: bold;
}