@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..700&display=swap');

/** *********************** **/

/*
font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
 font-family: "Oswald", serif;
  	font-weight: 400;
*/

/** *********************** **/

.pc_view {
	display: none;
}
img {
	width: 100%;
	height: auto;
}

/** *********************** **/

.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}

/** *********************** **/

#loading-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff;
  z-index: 999;
}

#loading-text {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  color: rgba(16,18,72,1.0);
  width: 100px;
  height: 30px;
  margin: -7px 0 0 -45px;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
}

#loading-content {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 170px;
  height: 170px;
  margin: -85px 0 0 -85px;
  border: 3px solid rgba(16,18,72,0.5);
}

#loading-content:after {
  content: "";
  position: absolute;
  border: 3px solid rgba(16,18,72,1.0);
  left: 15px;
  right: 15px;
  top: 15px;
  bottom: 15px;
}

#loading-content:before {
  content: "";
  position: absolute;
  border: 3px solid rgba(16,18,72,0.5);
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px;
}

#loading-content {
  border: 3px solid transparent;
  border-top-color: rgba(16,18,72,0.5);
  border-bottom-color: rgba(16,18,72,0.5);
  border-radius: 50%;
  -webkit-animation: loader 2s linear infinite;
  -moz-animation: loader 2s linear infinite;
  -o-animation: loader 2s linear infinite;
  animation: loader 2s linear infinite;
}

#loading-content:before {
  border: 3px solid transparent;
  border-top-color: rgba(16,18,72,1.0);
  border-bottom-color: rgba(16,18,72,1.0);
  border-radius: 50%;
  -webkit-animation: loader 3s linear infinite;
    -moz-animation: loader 2s linear infinite;
  -o-animation: loader 2s linear infinite;
  animation: loader 3s linear infinite;
}

#loading-content:after {
  border: 3px solid transparent;
  border-top-color: rgba(16,18,72,0.5);
  border-bottom-color: rgba(16,18,72,0.5);
  border-radius: 50%;
  -webkit-animation: loader 1.5s linear infinite;
  animation: loader 1.5s linear infinite;
    -moz-animation: loader 2s linear infinite;
  -o-animation: loader 2s linear infinite;
}

@-webkit-keyframes loaders {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/** *********************** **/

body {
	position: relative;
	color: #000;
	padding-top: 20.53vw;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

/** *********************** **/

header {
	width: 100%;
	height: 20.53vw;
	margin: 0 auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	font-size: 0;
	
}

.menu_group_left {
	width: 50%;
	height: 20.53vw;
	background: #101248;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	padding: 7.465vw 0 0 3.2vw;
}
.menu_group_right {
	width: 50%;
	height: 20.53vw;
	background: #e60012;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	padding: 7.465vw 3.2vw 0 0;
}
.menu-toggle {
    display: none;
}
.menu-label {
    cursor: pointer;
	display: inline-block;
    color: #fff;
    position: relative;
	z-index: 13;
    width: 7.2vw;
    height: 5.6vw;
}
/*.menu_group_left .menu-label {
	padding: 0 200px 0 0;
}
.menu_group_right .menu-label {
	padding: 0 0 0 200px;
}*/

.menu_group_left .menu-label p {
	display: none;
	font-size: 16px;
	line-height: 1;
	font-weight: 700;
	color: #fff;
	position: absolute;
	top: 6px;
	left: 45px;
	z-index: 50;
}
.menu_group_right .menu-label p {
	display: none;
	font-size: 16px;
	line-height: 1;
	font-weight: 700;
	color: #fff;
	position: absolute;
	top: 6px;
	right: 45px;
	z-index: 50;
}

.menu_group_left .menu-label::before,
.menu_group_left .menu-label::after,
.menu_group_left .menu-label span {
    content: '';
    position: absolute;
    left: 0;
    width: 7.2vw;
    height: 3px;
    background: #fff;
}
.menu_group_right .menu-label::before,
.menu_group_right .menu-label::after,
.menu_group_right .menu-label span {
    content: '';
    position: absolute;
    right: 0;
    width: 7.2vw;
    height: 3px;
    background: #fff;
}
.menu-label::before {
    top: 0;
	transition: all .3s ease;
}
.menu-label span {
    top: 50%;
    transform: translate(0, -50%);
	transition: all .3s ease;
}
.menu-label::after {
    bottom: 0;
	transition: all .3s ease;
}

.menu_group_left .menu-toggle:checked ~ .menu-label::before {
    top: 50%;
	left: 11px;
    transform: translate(-50%, -50%) rotate(45deg);
	width: 7.2vw;
	transition: all .3s ease;
}
.menu_group_left .menu-toggle:checked ~ .menu-label span {
    opacity: 0;
	transition: all .3s ease;
}
.menu_group_left .menu-toggle:checked ~ .menu-label::after {
    bottom: 50%;
	left: 11px;
    transform: translate(-50%, 50%) rotate(-45deg);
	width: 7.2vw;
	transition: all .3s ease;
}
.menu_group_right .menu-label:has(.menu_group_left .menu-toggle:checked) {
	display: none !important;
	opacity: 0 !important;
	z-index: 0;
}

.menu_group_right .menu-toggle:checked ~ .menu-label::before {
    top: 50%;
	right: -27px;
    transform: translate(-50%, -50%) rotate(45deg);
	width: 40px;
	transition: all .3s ease;
}
.menu_group_right .menu-toggle:checked ~ .menu-label span {
    opacity: 0;
	transition: all .3s ease;
}
.menu_group_right .menu-toggle:checked ~ .menu-label::after {
    bottom: 50%;
	right: -27px;
    transform: translate(-50%, 50%) rotate(-45deg);
	width: 40px;
	transition: all .3s ease;
}

.menu_group_left .mega-menu {
    background: #101248;
    padding: 20px;
    position: absolute;
	top: -100vh;
    left: 0;
    width: 100%;
	height: 100vh;
	padding-top: 17.33vw;
	opacity: 1;
	transition: all .3s ease;
	text-align: center;
	z-index: 30;
}
.menu_group_right .mega-menu {
    background: #e60012;
    padding: 20px;
    position: absolute;
    top: -100vh;
    right: 0;
    width: 100%;
	height: 100vh;
	padding-top: 17.33vw;
	opacity: 1;
    transition: all .3s ease;
	text-align: center;
	z-index: 30;	
}
.menu-toggle:checked ~ .mega-menu {
    display: block;
	transition: all .3s ease;
	opacity: 1;
	top: 0;
	z-index: 11;
}

.menu_group_left .mega-menu h2,
.menu_group_right .mega-menu h2 {
	font-size: 4vw;
	line-height: 1;
	color: #fff;
	margin-bottom: 9.33vw;
}
.menu_group_left .mega-menu li,
.menu_group_right .mega-menu li {
	font-size: 4.8vw;
	line-height: 1;
	font-weight: 700;
	color: #fff;
	margin-bottom: 4.8vw;
}
.menu_group_left .mega-menu li:last-child,
.menu_group_right .mega-menu li:last-child {
	margin-bottom: 0;
}

/** *********************** **/

.head_center {
	width: 74.66vw;
	height: 74.66vw;
	border-radius: 37.33vw;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	background: #fff;
	padding-top: 42.39vw;
	position: absolute;
	top: -35.73vw;
	left: 50%;
	margin-left: -37.33vw;
	/*z-index: 10;*/
}

.head_center h1 {
	width: 64.26vw;
	margin: 0 auto 5.33vw auto;
	position: relative;
}
.head_center h1::after {
	content: none;
}
.head_center h1::before {
	content: none;
}
.head_center h1 a:nth-of-type(1) {
	display: inline-block;
	vertical-align: top;
	width: 33.06vw;
}
.head_center h1 a:nth-of-type(2) {
	display: inline-block;
	vertical-align: top;
	width: 31.2vw;
}

/** *********************** **/

.header_search {
	width: 100vw;
	background: #f7f4ef;
    border: 1px solid #e3d6c4;
    padding: 18.66vw 0;
	position: absolute;
	top: 0vw;
	left: -12.67vw;
	/*top: -35.73vw;
	left: -48.44vw;*/
	/*left: -12.67vw;*/
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s;
}
.close_btn {
	display: block;
	width: 7.28vw;
	height: 7.46vw;
	background: url("../sp_img/common/search_close.png") no-repeat;
	background-size: 7.28vw 7.46vw;
	position: absolute;
	top: 6.66vw;
	left: 5.33vw;
}
.header_search.show {
    opacity: 1;
    visibility: visible;
    transform: translateX(0) translateY(35.73vw); /* 下にスライド */
}
.header_search label {
	display: block;
	width: 77.33vw;
	margin: 0 auto;
}
.header_search input {
	height: 10.66vw;
	width: 77.33vw;
	border-radius: 5.33vw;
    padding: 2.66vw 5.33vw;
	border: 1px solid #e3d6c4;
	background: #fcfaf7;
    box-sizing: border-box;
    font-size: 4.26vw;
	line-height: 10.66vw;
    outline: none;
	margin: 0 auto;
}
.header_search input::placeholder{
    color: #000;
}
.header_search a {	
    width: 5.6vw;
    height: 5.6vw;
    border: none;
    cursor: pointer;
	position: absolute;
	top: 21.33vw;
	right: 16vw;
}
.header_search a::after {
	display: block;
	content: '';
    width: 5.6vw !important;
    height: 5.6vw !important;
    background: url("../sp_img/common/head_search_icn.png") no-repeat;
	background-size: 5.6vw auto;
}

/** *********************** **/

.head_center ul {
	width: 100%;
	font-size: 0;
	text-align: center;
}
.head_center li {
	width: 8vw;
	display: inline-block;
	vertical-align: top;
	font-size: 2vw;
	line-height: 1;
	margin: 0 5px;
	cursor: pointer;
}
.head_center li a {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 7.2vw;
}
.head_center .head_search {
	background: url("../sp_img/common/head_icn_04.png") no-repeat top center;
	background-size: 5.86vw auto;
	padding-top: 7.2vw;
}
.head_center .head_login {
	background: url("../sp_img/common/head_icn_01.png") no-repeat top center;
	background-size: 5.86vw auto;
}
.head_center .head_logout {
	background: url("../sp_img/common/head_icn_05.png") no-repeat top center;
	background-size: 5.86vw auto;
	width: 10vw !important;
}
.head_center .my_page {
	background: url("../sp_img/common/head_icn_02.png") no-repeat top center;
	background-size: 5.86vw auto;
	width: 10vw !important;
}
.head_center .head_entry {
	background: url("../sp_img/common/head_icn_02.png") no-repeat top center;
	background-size: 5.86vw auto;
}
.head_center .head_cart {
	background: url("../sp_img/common/head_icn_03.png") no-repeat top center;
	background-size: 5.86vw auto;
	position: relative;
}
.head_center .head_cart span {
	width: 3.2vw;
	height: 3.2vw;
	border-radius: 1.6vw;
	background: #f10000;
	position: absolute;
	top: -1.33vw;
	right: -1.33vw;
	font-size: 2.66vw;
	line-height: 2.66vw;
	color: #fff;
	text-align: center;
}


/** *********************** **/

.shopping_guide_wrap {
	width: 100%;
	background: #f9f6f3;
	padding: 12vw 0 12vw 0;
	border-bottom: 3px solid #e3d6c4;
}
.shopping_guide {
	width: 90.66vw;
	margin: 0 auto;
	font-size: 0;
	text-align: center;
}

/** *********************** **/

.cnt_shopping_guide_title {
	width: 90.66vw;
	font-size: 5.06vw;
	line-height: 1;
	font-weight: 700;
	border-top: 2px solid rgba(227,214,196,1.0);
	border-bottom: 1px solid rgba(227,214,196,0.6);
	padding: 4.26vw 0 3.46vw 0;
	margin: 0 auto 4vw auto;
	position: relative;
}
.cnt_shopping_guide_title::before {
	content: "";
	width: 100%;
	height: 1px;
	background: rgba(227,214,196,0.6);
	position: absolute;
	top: 3px;
	left: 0;
}
.cnt_shopping_guide_title::after {
	width: 100%;
	display: block;
	content: "Shopping Guide";
	font-family: "Oswald", serif;
  	font-weight: 400;
	color: #bd9259;
	font-size: 2.66vw;
	line-height: 1;
	letter-spacing: 0.26vw;
	padding-top: 1.06vw;
}

/** *********************** **/

.shopping_guide_list {
	width: 90.66vw;
	margin: 0 auto;
}
.shopping_guide_list li {
	width: 90.66vw;
	padding: 0 15px;
}
.shopping_guide_list:nth-of-type(2) li:nth-of-type(1),
.shopping_guide_list:nth-of-type(2) li:nth-of-type(2) {
	margin-bottom: 5.33vw;
}
.shopping_guide_list li h4 {
	font-size: 4vw;
	line-height: 1;
	font-weight: 700;
	border-bottom: 1px solid #ede4d9;
	background: url("../sp_img/index/acc_open.png") no-repeat top 2.13vw right 1.33vw;
	background-size: 6.57vw auto;
	text-align: center;
	padding: 4vw;
	margin-bottom: 8vw;
	display: block; 
}
.shopping_guide_list li h4.active {
	background: url("../sp_img/index/acc_close.png") no-repeat top 2.13vw right 1.33vw;
	background-size: 6.57vw auto;
}
.content {
	display: none;
}
.shopping_guide_list li dt {
	font-size: 3.73vw;
	line-height: 6.4vw;
	font-weight: 700;
	margin-bottom: 2.66vw;
	padding: 0 5.33vw;
	text-align: left;
}
.shopping_guide_list li dd {
	font-size: 3.46vw;
	line-height: 5.06vw;
	padding: 0 5.33vw;
	text-align: left;
}
.shopping_guide_list li figure {
	width: 52.8vw;
	margin: 5.33vw auto 0 auto;
}
.shopping_guide_list li h5 {
	font-size: 3.73vw;
	line-height: 6.4vw;
	font-weight: 700;
	margin-bottom: 2.66vw;
	padding: 0 5.33vw;
	text-align: left;
}
.shopping_guide_list li p {
	font-size: 3.46vw;
	line-height: 5.06vw;
	padding: 0 5.33vw;
	margin-bottom: 4vw;
	text-align: left;
}

/** *********************** **/

footer .calendar_cnt {
	width: 72vw;
	margin: 0 auto 12vw auto;
	text-align: center;
	font-size: 0;
}
footer .calendar_cnt h4 {
	font-size: 4.8vw;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 6.66vw;
	color: #fff;
}
footer .calendar_cnt div {
	width: 72vw;
}
footer .calendar_cnt div:nth-of-type(1) {
	margin-bottom: 5.33vw;
}
footer .calendar_cnt div h5 {
	font-size: 4vw;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 3.6vw;
	color: #fff;
}
footer .calendar_cnt div table {
	width: 72vw;
	background: #fff;
	border-collapse: collapse;
	border-top: 1px solid #bd9259;
	border-left: 1px solid #bd9259;
}
footer .calendar_cnt div th {
	width: calc(100%/7);
	font-size: 3.2vw;
	line-height: 1;
	font-weight: 700;
	color: #000;
	padding: 8px 3px;
	text-align: center;
	border-right: 1px solid #bd9259;
	border-bottom: 1px solid #bd9259;
}
footer .calendar_cnt div td {
	width: calc(100%/7);
	font-size: 3.2vw;
	line-height: 1;
	color: #000;
	padding: 8px 3px;
	text-align: center;
	border-right: 1px solid #bd9259;
	border-bottom: 1px solid #bd9259;
}
footer .calendar_cnt div th.sunday,
footer .calendar_cnt div td.sunday {
	background: #f08080;
	color: #fff;
}
footer .calendar_cnt div th.saturday,
footer .calendar_cnt div td.saturday {
	background: #6495ed;
	color: #fff;
}
footer .calendar_cnt div td.today {
	background: #eed5b4;
}

/** *********************** **/

footer {
	width: 100%;
	background: #000;
	padding: 18.66vw 0;
	text-align: center;
}
.footer_logo {
	width: 90.66vw;
	margin: 0 auto 12vw auto;
}
footer dl {
	width: 72vw;
	margin: 0 auto 0 auto;
}
footer dl:nth-of-type(1) {
	margin-bottom: 5.33vw;
}
footer dt {
	width: 72vw;
	height: 21.33vw;
	background: #fff;
	margin-bottom: 4vw;
}
.foot_sns_icn li {
	display: inline-block;
	vertical-align: top;
}
.foot_sns_icn li:nth-of-type(1) {
	width: 8.8vw;
}
.foot_sns_icn li:nth-of-type(2) {
	width: 7.46vw;
	margin-left: 4vw;
}
.foot_sns_icn li:nth-of-type(3) {
	width: 7.73vw;
	margin-left: 4vw;
}
.foot_sns_icn li:nth-of-type(4) {
	width: 10.93vw;
	margin-left: 4vw;
}
.footer_menu {
	width: 90.66vw;
	margin: 0 auto;
	text-align: center;
}
.footer_menu:nth-of-type(2) {
	margin-bottom: 12vw;
}
.footer_menu li {
	font-size: 4vw;
	line-height: 8vw;
	color: #fff;
}
footer h4 {
	font-size: 5.86vw;
	line-height: 1;
	font-weight: 700;
	color: #fff;
	margin-bottom: 4vw;
}
footer p {
	font-size: 3.46vw;
	line-height: 6.13vw;
	color: #fff;
	margin-bottom: 5.33vw;
}
footer small {
	font-family: "Oswald", serif;
  	font-weight: 400;
	font-size: 2.66vw;
	line-height: 1;
	color: #fff;
}

/** *********************** **/

.breadcrumb {
	width: 90.66vw;
	margin: 0 auto 6.66vw auto;
}
.breadcrumb-item {
	display: inline;
	font-size: 2.93vw;
	line-height: 1;
}
.breadcrumb-item::after {
	content: ">";
	padding: 0 2.66vw;
}
.breadcrumb-item:last-child::after {
	content: none;
}
.breadcrumb-item a {
	text-decoration: underline !important;
}

/** *********************** **/

#pagetop {
  position: fixed;
  bottom: 6.66vw;
  right: 2.66vw;
  z-index: 80;
}
#pagetop a {
  display: block;
  background: #bd9259;
  width: 10.13vw;
  height: 10.13vw;
  border-radius: 5.065vw;
  position: relative;
  text-indent: -8999px;
}
#pagetop a::after {
	content: "";
	position: absolute;
	top: 17px;
	left: 14px;
	width: 10px;
	height: 10px;
	border: 1px solid;
	border-color:  transparent transparent #fff #fff;
	transform: rotate(135deg);
}

/** *********************** **/