﻿@charset "utf-8";

.text-green {
	color: #60bb33
}

.text-red {
	color: #b22222
}

.text-blue {
	color: #06b
}

.bg-green {
	background-color: #60bb33
}

.bg-gray {
	background-color: #f0f0f0
}

.border-green {
	border-color: #60bb33
}

.index-navigation-2 {
	display: block;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

	.index-navigation-2 a:hover {
		background: #fffcdb
	}

.content-box .index-navigation-2 > li {
	height: auto;
	min-height: 173px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: flex
}

.shop-page-header .shop-page-header__map-col-2 .shop-map-container {
	height: 265px
}

body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif
}

dt {
	font-weight: 400
}

a {
	text-decoration: underline;
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
	-webkit-text-decoration-style: initial;
	text-decoration-style: initial;
	-webkit-text-decoration-color: initial;
	text-decoration-color: initial;
	color: #06b
}

strong {
	font-weight: 400
}

.content-box {
	box-sizing: content-box
}

.colored-section-box, .colored-section-box-3, .colored-section-box-3__inner, .colored-section-box__inner {
	box-sizing: content-box
}

.pager__item-prev img {
	box-sizing: content-box
}

.pager__item-next img {
	box-sizing: content-box
}

.breadcrumb {
	padding: 0;
	border-radius: 0;
	box-sizing: content-box;
	color: #555;
	background-color: #e0e0e0
}

	.breadcrumb > ul {
		box-sizing: content-box;
		list-style: none
	}

strong.contact-info-2__tel, strong.new-icon, strong.price-off-2, strong.review-list__rating {
	font-weight: 400
}

h1.lev1-heading-2 {
	font-weight: 400;
	line-height: 1.5em
}

.shop_tx {
	margin-bottom: 12px
}

.contact-phone-button, .contact-phone-button:hover, .link-button, .link-button-2, .link-button-2:hover, .link-button:hover, .pagetop-link-button, .pagetop-link-button:hover, .reservation-button, .reservation-button2, .reservation-button2:hover, .reservation-button:hover, .shop-search-link-button, .shop-search-link-button:hover {
	text-decoration: none;
	-webkit-text-decoration-line: none;
	text-decoration-line: none;
	-webkit-text-decoration-style: initial;
	text-decoration-style: initial;
	-webkit-text-decoration-color: initial;
	text-decoration-color: initial
}

.square_btn, .square_btn2 {
	box-sizing: content-box
}

	.square_btn2:not(:last-child) {
		margin-bottom: 6px
	}

.reservation-button_shop2, .tel-box, .tel-free-box {
	box-sizing: content-box
}

.btn_area_hokkaido, .btn_area_kanto, .btn_area_kyusyu, .btn_area_tokai {
	box-sizing: content-box;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0
}

.btn_area_kyusyu_all2 {
	top: 230px;
	left: -128px
}

.btn_area_tokai_all2 {
	top: 120px;
	left: 25px
}

.btn_area_hokkaido_all2 {
	top: 40px;
	left: 182px
}

.btn_area_kanto_all2 {
	left: 340px;
	top: 180px
}

.btn_area_text {
	font-size: 100%
}

.btn_chiba {
	margin-top: 2%;
	margin-bottom: 0
}

.mv_wrapper {
	background: no-repeat url(https://qurazcom-cdn.quraz.com/cdn/assets/img/top/hero-image-wide-photo.jpg?ver=20210201);
	background-size: contain;
	margin: 0 auto;
	height: 548px;
	position: relative
}

.mv_wrapper2 {
	background-color: #f0f0f0;
	margin: 0 auto;
	height: 120px;
	position: relative
}

.mv_image_area {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0
}

#colorbox.type-doc3 #cboxContent {
	padding: 0;
	border-radius: 5px;
	position: relative
}

#colorbox.type-doc3 #cboxClose {
	width: 36px;
	height: 36px;
	top: 25px;
	right: 25px
}

	#colorbox.type-doc3 #cboxClose:after {
		background: url(https://qurazcom-cdn.quraz.com/cdn/assets/img/common/icon-close-3.svg) no-repeat;
		margin-top: 5px;
		display: inline-block;
		content: "";
		width: 16px;
		height: 16px;
		top: 15px;
		right: 15px;
		background-size: 16px 16px
	}

.modal_area_button:hover {
	background: #fffcdb;
	color: #60bb33 !important;
	border: 1px solid #60bb33
}

@media screen and (min-width:992px) {
	.mv_wrapper {
		width: 1000px
	}

	.mv_wrapper2 {
		width: 1000px
	}

	.media img {
		width: 60%;
		margin-left: auto;
		margin-right: auto
	}

	.media-shop img {
		width: 40%;
		margin-left: auto;
		margin-right: auto
	}
}

@media screen and (max-width:999px) and (min-width:575px) {
	.mv_wrapper {
		height: 60vw;
		background-image: url(https://qurazcom-cdn.quraz.com/cdn/assets/img/top/hero-image-wide-photo-md.jpg?ver=20210201)
	}

	.mv_wrapper2 {
		height: 20vw;
		background-color: #f0f0f0
	}

	.mv_image_area {
		bottom: 3vw
	}
}

@media screen and (max-width:575px) {
	.mv_wrapper {
		height: 95vw;
		background-image: url(https://qurazcom-cdn.quraz.com/cdn/assets/img/top/hero-image-narrow-photo.jpg?ver=20210201);
		background-size: 100vw
	}

	.mv_wrapper2 {
		height: 35vw;
		background-color: #f0f0f0;
		background-size: 100vw
	}

	.mv_image_area {
		bottom: 8vw
	}

	.media-shop img {
		width: 100%;
		margin-left: auto;
		margin-right: auto
	}
}

.search_navi_title {
	color: #fff;
	margin-bottom: 10px
}

.search_navi_title_big {
	font-size: 1.8rem
}

.search_navi_title_small {
	font-size: 1.4rem
}

.search_navi_area, .search_navi_size {
	background-color: #fff;
	font-size: 20px;
	border: #60bb33 solid 1px;
	text-align: left;
	color: #888;
	vertical-align: middle
}

	.search_navi_area:hover, .search_navi_size:hover {
		color: #888
	}

	.search_navi_area i, .search_navi_size i {
		color: #fff;
		background: #60bb33;
		border-radius: 3px;
		padding: 4px
	}

.search_navi_btn {
	background-color: #60bb33;
	border: #60bb33 solid 1px;
	color: #fff;
	font-size: 20px
}

	.search_navi_btn:hover {
		color: #fff;
		opacity: .7
	}

	.search_navi_btn img {
		width: 24px
	}

.search_navi_sub {
	width: 960px;
	margin: 0 auto
}

.multi-carousel {
	opacity: 0;
	padding: 0 60px;
	position: relative;
	overflow: hidden
}

	.multi-carousel .carousel-control-next, .multi-carousel .carousel-control-prev {
		width: 42px;
		height: 42px;
		margin: auto 0;
		background: #06b;
		border-radius: 3px;
		opacity: 1
	}

#topSlider .slick-list, #topSlider .slick-slider, #topSlider .slick-track {
	position: static
}

	#topSlider .slick-slider .slick-arrow:focus, #topSlider .slick-slider .slick-arrow:hover {
		background-color: #06b
	}

.col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	float: left
}

@media screen and (min-width:992px) {
	.col-lg-15 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%
	}
}

.about_caption {
	font-size: 90%
}

.shop_search_wrapper2 {
	position: relative;
	height: 400px
}

.shop_search_map2 {
	background: url(https://qurazcom-cdn.quraz.com/cdn/assets/img/top/jp_map3.png) no-repeat;
	height: 400px
}

	.shop_search_map2 .square_btn2 {
		position: relative;
		display: block;
		background: #60bb33;
		border: 1px solid #60bb33;
		border-radius: 4px;
		box-shadow: none;
		font-size: 12px
	}

		.shop_search_map2 .square_btn2:not(:last-child) {
			margin-bottom: 6px
		}

		.shop_search_map2 .square_btn2:visited {
			color: #fff
		}

	.shop_search_map2 .shop_count {
		background-color: #5aa222;
		width: 30px;
		margin: 6px 0 0 0;
		padding: 0;
		line-height: 1.6;
		font-size: 80%;
		text-align: center;
		border-radius: 4px
	}

	.shop_search_map2 .square_btn2:hover {
		background: #fffcdb;
		color: #60bb33
	}

.size_info {
	width: auto;
	border-collapse: separate;
	border-spacing: 0 5px
}

	.size_info td {
		padding: 0;
		margin: 5px;
		font-size: 1rem
	}

		.size_info td.unit-availability {
			min-width: 73px
		}

.index-navigation-2 > li > a:hover {
	background-color: #fffcdb
}

.search_arrow.index-navigation-2 > li > a:after {
	background: url(https://qurazcom-cdn.quraz.com/cdn/assets/img/common/arrow-r-green-2.svg) no-repeat;
	background-size: 100%;
	width: 12px;
	height: 20px
}

.search_navi_sub .search_navi_area, .search_navi_sub .search_navi_size {
	padding: .5rem;
	padding-bottom: .4rem;
	padding-left: .1rem
}

.shop-page-header__map-col-1__photo {
	position: relative
}

.zoom {
	width: 35px;
	height: 35px;
	background: url(https://qurazcom-cdn.quraz.com/cdn/assets/img/common/icon-shop-4.svg),#06b;
	background-repeat: no-repeat,no-repeat;
	background-position: center;
	background-size: 60%;
	border-radius: 3px;
	cursor: pointer;
	position: absolute;
	right: 5px;
	bottom: 5px
}

#shop_features {
	position: relative;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 40px
}

.check_price {
	width: 160px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	position: absolute;
	top: -16px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 110%
}

	.check_price a {
		text-decoration: none
	}

.size_img {
	position: relative;
	width: 75%;
}

.size_img_zoom {
	width: 30px;
	height: 30px;
	background: url(https://qurazcom-cdn.quraz.com/cdn/assets/img/common/icon-shop-4.svg),#06b;
	background-repeat: no-repeat,no-repeat;
	background-position: center;
	background-size: 60%;
	border-radius: 3px;
	cursor: pointer;
	position: absolute;
	right: 4%;
	bottom: 4%
}

.modal-area-back {
	cursor: pointer;
	font-size: 1.2em
}

.collapsible-toggle-button-2 .collapsible-toggle-button-2__label:after {
	box-sizing: content-box
}

@media screen and (min-width:992px) {
	#shop_features {
		background-color: #f0f0f0;
		padding: 40px 40px 10px 40px
	}

	#modal-top-search {
		padding: 3rem 3rem 1.5rem 3rem !important
	}
}

@media screen and (max-width:991px) {
	.size_img {
		position: relative;
		width: 99%;
	}

	.collapsible-toggle-button-2[aria-expanded=false] .collapsible-toggle-button-2__label:after {
		box-sizing: content-box
	}

	.search_navi_title {
		margin-bottom: 10px
	}

	.search_navi_title_small {
		font-size: 12px
	}

	.search_navi_area, .search_navi_size {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%
	}

	.search_navi_btn {
		padding: 0 10px;
		width: 44px;
		height: 44px
	}

	.search_navi_sub {
		width: 94%;
		margin: 0 auto
	}

	.map_bg {
		background-color: #fff
	}

	.shop_search_wrapper_sp {
		display: block;
		margin: -24px 0 4rem;
		padding: 0 2rem;
		height: 360px;
		background-color: #fff;
		background: url(https://qurazcom-cdn.quraz.com/cdn/assets/img/top/jp_map3.png) no-repeat;
		background-position: center;
		background-size: 66vw;
		border-radius: 4px
	}

	.shop_search_map_sp {
		height: 100%;
		width: 100%;
		min-width: 280px;
		margin: 0 auto;
		position: relative
	}

		.shop_search_map_sp .square_btn2 {
			position: relative;
			display: block;
			box-sizing: border-box;
			box-shadow: none;
			font-size: 12px;
			font-weight: 400;
			text-decoration: none;
			background: #60bb33;
			border: 1px solid #60bb33;
			border-radius: 4px
		}

			.shop_search_map_sp .square_btn2:visited {
				color: #fff
			}

		.shop_search_map_sp .shop_count {
			background-color: #5aa222;
			width: 30px;
			margin: 6px 0 0 0;
			padding: 0;
			font-size: 80%;
			text-align: center;
			border-radius: 4px
		}

		.shop_search_map_sp .square_btn2:hover {
			background: #fffcdb;
			color: #60bb33;
			box-shadow: none
		}

		.shop_search_map_sp .btn_area_allsp {
			text-align: center;
			max-width: 160px;
			min-width: 120px;
			position: absolute
		}

		.shop_search_map_sp .hokkaido {
			left: 50%;
			top: 12%
		}

		.shop_search_map_sp .kanto {
			right: 0;
			bottom: 0
		}

		.shop_search_map_sp .tokai {
			left: 0;
			top: 26%
		}

		.shop_search_map_sp .kyusyu {
			left: 0;
			bottom: -12%
		}

	.btn_area_sp {
		background-color: rgba(255,255,255,.7);
		border: 1px solid #e0e0e0;
		padding: 6px;
		font-size: 90%
	}

	.shop_count {
		margin-top: 7px
	}

	#modal-top-search div.row {
		width: 100%;
		margin: 0 auto
	}

	.size_img_zoom {
		width: 5vw;
		height: 5vw;
		right: 2%;
		bottom: 2%
	}

	.tel_bnr {
		background-color: rgb(0,0,0,.5);
		max-width: 100%
	}

		.tel_bnr a {
			text-decoration: none
		}

		.tel_bnr b {
			font-size: 20px
		}

		.tel_bnr img {
			width: 20px
		}

	#shop_features {
		border-bottom: 0;
		padding: 0
	}

	.map_bg {
		width: 100%;
		margin: -30px auto -20px auto
	}
}

@media screen and (max-width:575px) {
	.shop_search_map2 .shop_count {
		background-color: #5aa222;
		width: 30px;
		margin: 6px 0 0 0;
		padding: 0;
		font-size: 70%;
		text-align: center;
		border-radius: 4px
	}

	.content-box .index-navigation-2 > li {
		min-height: 114px
	}

	.mv_image_area {
		bottom: 6vw
	}

	.shop_search_wrapper_sp {
		background-size: 110vw;
		background-position: 40%
	}

	#topSlider .slick-list {
		overflow: unset
	}

	#topSlider .slick-slide {
		padding-right: 5px;
		padding-left: 5px
	}

	#topSlider .invisible-control-next {
		position: absolute;
		right: 0;
		background: rgba(255,255,255,0);
		padding: 0;
		margin: 0;
		width: 20%;
		height: 100%;
		border: 0;
		z-index: 1
	}

	#topSlider .invisible-control-prev {
		position: absolute;
		left: 0;
		background: rgba(255,255,255,0);
		padding: 0;
		margin: 0;
		width: 20%;
		height: 100%;
		border: 0;
		z-index: 1
	}

	.col-sp-27per {
		max-width: 27%;
		-ms-flex: 0 0 27%;
		-webkit-box-flex: 0;
		flex: 0 0 27%
	}

	#modal-top-search {
		padding: 1.5rem 0 0 0 !important
	}
}

.modal_width {
	max-width: 700px;
	position: relative;
	margin: 0
}

.modal_area_button {
	font-size: 1.2rem;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px
}

.type_title {
	font-size: 1.4rem
}

.modal_size > a {
	border-top: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-bottom: 0
}

	.modal_size > a:last-child {
		border-bottom: 1px solid #e0e0e0
	}

	.modal_size > a:hover {
		border: 1px solid #60bb33;
		background-color: #fffcdb;
		cursor: pointer
	}

		.modal_size > a:hover + a {
			border-top: 0
		}

.modal_size_label {
	background-color: #e70;
	color: #fff;
	font-weight: lighter;
	padding: 2px;
	margin-left: 12px;
	vertical-align: middle;
	font-size: 1rem
}

.type-doc3 #cboxClose {
	background: url(https://qurazcom-cdn.quraz.com/cdn/assets/img/common/icon-close-3.svg),#06b;
	background-repeat: no-repeat,no-repeat;
	background-size: 40%;
	background-position: center;
	width: 36px;
	height: 36px;
	top: 40px;
	right: 30px
}

.left-80 {
	left: 80px
}

.w-520px {
	width: 520px
}

@media screen and (max-width:768px) {
	.sp_text_small {
		font-size: 1.2rem
	}

	.sp-text-smallx2 {
		font-size: 12px
	}

	.sp-text-smallx3 {
		font-size: 10px
	}

	.search_navi_area, .search_navi_btn, .search_navi_size {
		font-size: 1rem;
		height: 36px
	}

	.modal_width {
		margin: 0 5px;
		width: auto
	}

	.current_location {
		padding: 0;
		margin-top: 10px
	}

	.type_title {
		font-size: 1.2rem
	}

	.modal_size_label {
		margin-left: 5px
	}

	.index-navigation-2 {
		display: block
	}

	.sp-pl-10px {
		padding-left: 10px
	}

	#colorbox.type-doc3 #cboxClose {
		width: 24px;
		height: 24px;
		top: 15px;
		right: 15px
	}

		#colorbox.type-doc3 #cboxClose:after {
			width: 12px;
			height: 12px;
			background-size: 12px 12px
		}

	.size_info td.unit-availability {
		min-width: 65px
	}
}

.search_navi_hide[aria-hidden=true] {
	display: none
}

.search_navi_hide[aria-hidden=false] {
	-webkit-animation: fade-in .2s;
	animation: fade-in .2s
}

@media screen and (min-width:900px) {
	.search_navi_lnline_right_margin {
		display: inline;
		margin-right: 20px
	}

	.search_navi_lnline {
		display: inline
	}
}

