/*****************************************************************************
 Tag
*****************************************************************************/
/*#wrapper{
    overflow: auto !important;
}
*/

a:hover img {
    opacity: 0.7;
}

#contents{
	background: #FFFFFF;
}


/*****************************************************************************
 Parts style
*****************************************************************************/

#contents img{
	width: 100%;
}

.w-base {
    max-width: 750px;
    margin: 0 auto;
}

.w-100{
	width: 100%;
}


#nav {
	margin: 3.667% 0 7.813%;
}
#nav li{
	width: 93.334%;
	margin: 0 auto 2.413%;
}
#nav li:nth-child(6){
	width: 94.667%;
}

#event{
	background-color: #FEF7FA;
	padding-bottom: 13.92%;
}
#event .event01{
	padding: 6.534% 0 8.4%;
}
#event .event02{
	padding: 0 0 5.067%;
}
#event .event03{
	padding: 0 0 3.64%;
}
/*#event .event04{
	padding: 0 0;
}*/
#event .event04 .event04_posi{
	position: relative;
}
#event .event04 .event04_posi p:nth-child(2){
	position: absolute;
	width: 25.6%;
	bottom: 12.934%;
    right: 6%;
}

#shop-event{
	width: 93.334%;
	margin: 8.534% auto 0;
}



#fashion{
	margin-bottom: 5.613%;
}

#fashion p:nth-child(2){
	margin: 3.227% 0 4.253%;
}
#fashion p:nth-child(3){
	width: 33.2%;
	margin: 0 auto 3.28%;
}

.fashion_item li:nth-child(2n+1){
	float: left;
	width: 50%;
	margin-bottom: 6.667%;
}
.fashion_item li:nth-child(2n){
	float: right;
	width: 50%;
	margin-bottom: 6.667%;
}

.cb{
  /* floatを解除 */
  clear: both;
}


#gourmet{
	background-color: #FFFDED;
}

#gourmet_item{
	padding-bottom: 3.2%;
}
.gourmet_item li:nth-child(2n+1){
	float: left;
	width: 50%;
	margin-bottom: 6.4%;
}
.gourmet_item li:nth-child(2n){
	float: right;
	width: 50%;
	margin-bottom: 6.4%;
}

#gourmet_takeout{
	padding-bottom: 10.667%;
}
.gourmet_lineup li:nth-child(2n+1){
	float: left;
	width: 50%;
}
.gourmet_lineup li:nth-child(2n){
	float: right;
	width: 50%;
}


#deli-sweets h3{
	padding-bottom: 3.12%;
}
#deli-sweets .deli_text01{
	padding-bottom: 4.667%;
}
.deli_item li:nth-child(2n+1){
	float: left;
	width: 50%;
}
.deli_item li:nth-child(2n){
	float: right;
	width: 50%;
}

#sweets{
	margin-bottom: 13.867%;
}
.sweets_item li:nth-child(2n+1){
	float: left;
	width: 50%;
}
.sweets_item li:nth-child(2n){
	float: right;
	width: 50%;
}

.information01{
	margin-bottom: 12.134%;
}
.information01 p:first-child{
	width: 80%;
	margin: 4.693% auto 3.04%;
}

.information02{
	position: relative;
	padding-top: 133.734%;
	margin-bottom: 11.867%;
}
.information02 p:first-child{
	position: absolute;
	width: 80%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.information02 p:nth-child(2){
	position: absolute;
	bottom: 0;
}
.information02 p:nth-child(3){
	position: absolute;
	bottom: 52%;
	left: 2.573%;
	width: 21.734%;
}

.information03{
	position: relative;
	padding-top: 86.534%;
	margin-bottom: 11.867%;
}
.information03 p:first-child{
	position: absolute;
	width: 80.134%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.information03 p:nth-child(2){
	position: absolute;
	bottom: 0;
}
.information03 p:nth-child(3){
	position: absolute;
	bottom: 31%;
	left: 2.573%;
	width: 21.734%;
}

.information04{
	position: relative;
	padding-top: 98.8%;
	margin-bottom: 14.8%;
}
.information04 p:first-child{
	position: absolute;
	width: 80%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.information04 p:nth-child(2){
	position: absolute;
	bottom: 0;
}
.information04 p:nth-child(3){
	position: absolute;
	bottom: 38.2%;
	left: 2.573%;
	width: 21.734%;
}

.attention{
	padding-bottom: 6.467%;
}


/*slider*/

#message_slider{
    width: 100%;
    /*overflow: hidden;*/
    margin: 0 auto 7%;
	padding: 0;
    max-height: 830px;
}

#message_slider li>div{
    width: 100%;
    margin: 0 auto;
}

#message_slider li>div img{
    width: 100%;
    max-width: 490px;
    margin: 0 auto;
    /*border: 1px solid #181000;
    box-sizing: border-box;*/
}

.slick-slide{
    outline:none;
}

.slider{
  opacity: 0;
  transition: opacity .3s linear;
}
.slider.slick-initialized{
  opacity: 1;
}

@media (max-width: 750px) {
    #message_slider{
        max-height: 53.333%;
    }
    #message_slider li>div img{
        width: 84.5%;
        margin: 0 7.75%;
    }
}



.gourmet{
	position: relative
}


.btn{
	position: relative;
}
.btn a {
	position: absolute;
	display: block;
	width: 40%;
}

.btn-01 a{
	left: 56%;
	bottom: 8%;
}
.btn-02 a {
	left: 4%;
	bottom: 8%;
}
.btn-03 a {
	left: 56%;
	top: 48.5%;
}
.btn-04 a {
	left: 4%;
	bottom: 4%;
}
.btn-05 a {
	left: 56%;
	bottom: 4%;
}
.btn-06 a {
	left: 6%;
	bottom: 4%;
}
.btn-detail a {
	left: 50%;
	bottom: 6%;
	transform: translate(-50%, 0);
}

.mb7 {
	margin-bottom: 0.933%;
}

.bg-white {
	background-color: #fff;
}

.flex {
	display: flex;
}
.flex > * {
	width: 50%;
}
.attention {
	margin-top: 15%;
}

.list {
	overflow: hidden;
}
.list li {
	float: left;
	width: 25%;
}






/* common */
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}
.mb-100 {margin-bottom: 100px;}
.mb-110 {margin-bottom: 110px;}
.mb-120 {margin-bottom: 120px;}
.mb-130 {margin-bottom: 130px;}
.mb-140 {margin-bottom: 140px;}
.mb-150 {margin-bottom: 150px;}
.mb-160 {margin-bottom: 160px;}
.mb-170 {margin-bottom: 170px;}
.mb-180 {margin-bottom: 180px;}
.mb-190 {margin-bottom: 190px;}
.mb-200 {margin-bottom: 200px;}
@media (max-width: 640px) {
    .mb-10 {margin-bottom:1.333333333vw;}
    .mb-20 {margin-bottom:2.666666667vw;}
    .mb-30 {margin-bottom:4vw;}
    .mb-40 {margin-bottom:5.333333333vw;}
    .mb-50 {margin-bottom:6.666666667vw;}
    .mb-60 {margin-bottom:8vw;}
    .mb-70 {margin-bottom:9.333333333vw;}
    .mb-80 {margin-bottom:10.66666667vw;}
    .mb-90 {margin-bottom:12vw;}
    .mb-100 {margin-bottom:13.33333333vw;}
    .mb-110 {margin-bottom:14.66666667vw;}
    .mb-120 {margin-bottom:16vw;}
    .mb-130 {margin-bottom:17.33333333vw;}
    .mb-140 {margin-bottom:18.66666667vw;}
    .mb-150 {margin-bottom:20vw;}
    .mb-160 {margin-bottom:21.33333333vw;}
    .mb-170 {margin-bottom:22.66666667vw;}
    .mb-180 {margin-bottom:24vw;}
    .mb-190 {margin-bottom:25.33333333vw;}
    .mb-200 {margin-bottom:26.66666667vw;}
}

/* page */
.list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	margin: .5em 3% 4em;
}
.list li {
	width: 32.75%;
	margin-bottom: 1%;
}
.list li.w2 {
	width: 66.5%;
}
.list li.w1 {
	width: 100%;
}
.col2 {
	overflow: hidden;
}
.col2 p {
	width: 50%;
	float: left;
}
#plus a:hover img {
	opacity: 1;
}
.bg-01 {
	background-color: #D2ECFA;
	padding-bottom: 1px;
}
.bg-02 {
	background-color: #D2ECFA;
	padding-bottom: 1px;
}
.bg-03 {
	background-repeat: repeat-y;
	background-position: center top;
	background-size: contain;
	background-image: url(../img/bg.webp);
}
.bg-04 {
	background-color: #FFD900;
	padding-bottom: 1px;
}
.pagetop {
	position: fixed;
	width: 5em;
	bottom: .5em;
	right: .5em;
}
.bnr-fixed {
	position: fixed;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	width: 100%;
	max-width: 750px;
	z-index: 1000;
}
.bnr-fixed a:hover img {
	opacity: 1;
}
.col2 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.col2 > div,
.col2 > p {
    width: 50%;
}