@charset "UTF-8";

/*
Theme Name: gakuryo_kadoya
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.8.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/
@import url('./layout.css?250623');


/* ========================================================================================================================

	base

======================================================================================================================== */

:root {
	--gloabal--color--black: #000000;
	--gloabal--color--beige: #f1eee2;
	--gloabal--site--bg: #f1eee2;
	--gloabal--color--white: #ffffff;
	--gloabal--color--orange: #d7a525;
	--global--color--gray: #808080;
	--globla--color--semigray: #999999;

	--header--height--space: 6rem;
	--header--height--menu: 6.5rem;
	--header--height--pc: calc(var(--header--height--space) + var(--header--height--menu));

	--header--height--sp: 7rem;

	--global--font--bold: 700;
}
html,body{
	font-family: "Zen Kaku Gothic New", sans-serif;
	overflow-x: hidden;
}
body{
	position: relative;
}
img{
	max-width: 100%;
}

.inner{
	max-width: 101rem;
	padding: 0 2rem;
	margin: 0 auto;
}

.inner-wide{
	max-width: 97rem;
	padding: 0 2rem;
	margin: 0 auto;
}

.inner-mini{
	max-width: 74rem;
	padding: 0 2rem;
	margin: 0 auto;
}

.inner-small{
	max-width: 67rem;
	padding: 0 2rem;
	margin: 0 auto;
}


body.page-template-page-shop-list::before,
body.page-template-page-about::before,
body.archive::before{
	display: none;
}







/* ========================================================================================================================

	common

======================================================================================================================== */





/* ========================================================================================================================

	home

======================================================================================================================== */
body.home::before{
}



section.main{
	position: relative;
}
section.main img{
	width: 100%;
}

section.section01{
	margin-top: -8rem;
}


section.map iframe{
	width: 100%;
	height: 61.3rem;
	display: block;
}

header{
	margin-top: 6rem;
	position: fixed;
	width: 100%;
	z-index: 1001;
	transition: .5s all;
}
header .header-inner{
	padding: 0 5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: .5s all;
}
header .header-inner .menu ul{
	display: flex;
}
header .header-inner .menu ul li{
	transition: .5s all;
}
header .header-inner .menu ul li.here a{
	color: var(--gloabal--color--orange);
	border-bottom: var(--gloabal--color--orange) .3rem solid;
}


header .header-inner .menu ul li a{
	font-size: 2.2rem;
	padding: 1rem .5rem;
	border-bottom: var(--gloabal--color--white) .3rem solid;
}

header .header-inner .menu ul li a:hover{
	color: var(--gloabal--color--orange);
	border-bottom: var(--gloabal--color--orange) .3rem solid;
}


header .header-inner .menu ul li:not(:last-child){
	margin-right: 5rem;
}
header .logo a{
	display: block;
	width: 18.2rem;
}

body::before{
	content: "";
	position: absolute;
	width: 168.7rem;
	height: 107.5rem;
	background: url('./assets/images/home/bg01.svg') no-repeat 0 0 / 168.7rem auto;
	left: calc(50% - 84.35rem);
	top: -41.7rem;
	z-index: -1;
}

@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05); /* 拡大率 */
  }
}
.add-animation {
  animation: zoomUp 10s linear 0s normal both;
}

section.main{
	padding-top: 20rem;
}
section.main .main-inner{
	max-width: 66rem;
	margin: 0 auto;
	position: relative;
}
section.main .icon01{ position: absolute; top: 3rem; left: 1.5rem; width: 11.9rem; }
section.main .icon02{ position: absolute; top: 37rem; right: -23rem; width: 8.9rem; }
section.main .icon03{ position: absolute; top: 20.5rem; left: -15rem; width: 16.6rem; }
section.main .slider{
	overflow: hidden;
	border-radius: 33rem 33rem 2rem 2rem;
	border: var(--gloabal--color--beige) .8rem solid;
	background-color: var(--gloabal--color--beige);
}
section.main .slider-wrapper{
	position: relative;
}
section.main .slider-wrapper::before{
	content: "";
	position: absolute;
	bottom: 12rem;
	left: -21rem;
	width: 22.8rem;
	height: 27.8rem;
	background: url('./assets/images/home/main_bg01.webp') no-repeat 0 0 / 22.8rem auto;
	z-index: -1;
}
section.main .slider-wrapper::after{
	content: "";
	position: absolute;
	top: 0;
	right: -23rem;
	width: 31.0rem;
	height: 37.8rem;
	background: url('./assets/images/home/main_bg02.webp') no-repeat 0 0 / 31.0rem auto;
	z-index: -1;
}


section.main .catch{
	position: absolute;
    bottom: 4rem;
    display: flex;
    justify-content: center;
    margin-top: -11rem;
    right: -11.5rem;
}
section.main .catch h2{
	writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: 2.8rem;
	text-align: right;
	line-height: 1.55;
}


.button-right{ display: flex; justify-content: flex-end; }


.button a span{ display: flex; align-items: center; }
.button a span img{ width: 1.3rem; margin-left: 1rem; }






/*------------------------- about -------------------------*/
section.about{
	margin: 9rem 0 12rem;
}
section.about .logo{
	max-width: 16.9rem;
	margin: 0 auto 4rem;
}
section.about .image{
	max-width: 47.0rem;
	margin: 0 auto 4rem;
}
section.about .text{
	font-size: 1.7rem;
	line-height: 2;
	margin-bottom: 3.0rem;
}

a.inv:hover{ opacity: .5; }





/*------------------------- news -------------------------*/
section.news{
	padding-bottom: 8rem;
}
section.news .news-inbox{
	background-color: var(--gloabal--color--beige);
	padding: 4rem 6rem 5rem;
	border-radius: 2.3rem;
}
section.news h3{
	text-align: center;
	font-size: 4.5rem;
	line-height: 1;
	letter-spacing: .2em;
	padding-left: .2em;
	font-weight: 700;
	color: var(--gloabal--color--orange);
	margin-bottom: 3.5rem;
}
section.news .news-inbox .news-inboxlist a{
	display: block;
	border-bottom: var(--gloabal--color--white) .2rem solid;
}
section.news .news-inbox .news-inboxlist a *{
	font-size: 1.7rem;
	transition: .5s all;
}
section.news .news-inbox .news-inboxlist a:hover *{
	opacity: .5;
}

section.news .news-inbox .news-inboxlist a dl{
	display: flex;
	padding: 1rem 0;
}
section.news .news-inbox .news-inboxlist a dl dt{
	width: 14rem;
	text-align: center;
}
section.news .news-inbox .news-inboxlist dd{
	width: calc(100% - 14rem);
	padding: 0 4rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

section.news .button{
	margin-top: 4rem;
	text-align: center;
	display: flex;
	justify-content: center;
}
section.news .button a{
	display: flex;
	width: 20rem;
	height: 4.7rem;
	justify-content: center;
	align-items: center;
	background-color: var(--gloabal--color--white);
	border-radius: 1.2rem;
}
section.news .button a:hover{
	background-color: var(--gloabal--color--orange);
	
}



.page-title{
	height: 27rem;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	background-color: var(--gloabal--color--beige);
}
.page-title h2{
	font-size: 4.8rem;
	line-height: 1;
	color: var(--gloabal--color--orange);
	font-weight: 700;
	letter-spacing: .2em;
	margin-bottom: .5rem;
}

.single footer,
.archive footer{
	background-color: var(--gloabal--color--white);
}



.newss .news-article-list{
	padding-top: 8rem;
	background-color: var(--gloabal--color--beige);
	position: relative;
}
.newss .news-article-list::after{
	content: "";
	position: absolute;
    background: url(./assets/images/news/news_bg.svg) no-repeat -44vw 100% / 198vw auto;
    height: 18vw;
    width: 100%;
}
.newss .news-article-list a{
	display: block;
	padding: 3rem 0;
	border-bottom: .3rem solid var(--gloabal--color--white);
}

.newss .news-article-list a:hover{
	opacity: .7;
}
.newss .news-article-list a dl{
	display: flex;
	align-items: center;
}
.newss .news-article-list a dt{
	width: 22rem;
}
.newss .news-article-list a dt span{
	display: flex;
	width: 22rem;
	max-height: 14rem;
	border-radius: 1rem;
	overflow: hidden;
	border: var(--gloabal--color--white) .4rem solid;
}
.newss .news-article-list a dt span img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s all;
}
.newss .news-article-list a:hover span img{
	transform: scale(1.05);
}


.newss .news-article-list a dd.button{
	width: 8rem;
}
.newss .news-article-list a dd.button{
	display: flex;
	align-items: center;
	width: 8rem;
}
.newss .news-article-list a dd.button span{
	font-weight: var(--global--font--bold);
	line-height: 1;
}
.newss .news-article-list a dd.button img{
	width: 1.3rem;
	margin-left: .5rem;
}
.newss .news-article-list a dd.title{
	width: calc(100% - 22rem - 8rem);
	padding: 0 3.5rem;
	font-size: 2rem;
}
.newss .news-article-list a dd.title span{
	display: block;
	font-size: 1.7rem;
}

.newss .pager{
	margin-top: 8rem;
	display: flex;
	justify-content: center;
}
.newss .wp-pagenavi{
	display: flex;
}
.newss .wp-pagenavi span,
.newss .wp-pagenavi a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4rem;
	height: 4rem;
	padding: 0 !important;
	border: none;
	color: var(--globla--color--semigray);
}
.newss .wp-pagenavi a:hover,
.newss .wp-pagenavi span{ color: var(--gloabal--color--black); }
.newss .wp-pagenavi span.current{ font-weight: 400; }

.newss .wp-pagenavi a.nextpostslink{ text-indent: -999.9rem; background: url('./assets/images/news/icon_arrow_r.webp') no-repeat 50% 50% / 1.7rem auto; }
.newss .wp-pagenavi a.nextpostslink:hover{ opacity: .7; }

.newss .wp-pagenavi a.previouspostslink{ text-indent: -999.9rem; background: url('./assets/images/news/icon_arrow_l.webp') no-repeat 50% 50% / 1.7rem auto; }
.newss .wp-pagenavi a.previouspostslink:hover{ opacity: .7; }

.news-buttons{
	margin-top: 4rem;
	text-align: center;
	display: flex;
	justify-content: center;
}
.news-buttons a{
	display: flex;
	width: 20rem;
	height: 4.7rem;
	justify-content: center;
	align-items: center;
	background-color: var(--gloabal--color--orange);
	color: var(--gloabal--color--white);
	border-radius: 1.2rem;
}
.news-buttons a:hover{
	color: var(--gloabal--color--black);
	background-color: var(--gloabal--color--white);
	
}



/*----- Maps ------------------------------------------------*/
section.maps h3{
    writing-mode: vertical-rl;
    text-orientation: upright;
	font-size: 3rem;
}
section.maps .title{
	display: flex;
	justify-content: center;
	margin-bottom: 10rem;
}

section.maps .inner{
	position: relative;
}
section.maps .icon01{ position: absolute; top: -1rem; right: 4rem; width: 20.2rem; }
section.maps .icon02{ position: absolute; top:  3rem;  left: 11rem; width: 15.8rem; }

section.loopslider{
	background-color: var(--gloabal--color--beige);
	padding: 1rem 0 1rem;
	margin-top: 6rem;
}

section.loopslider,
section.loopslider ul{
	height: 45rem;
	overflow: hidden;
}
section.loopslider img{
	height: 45rem;
}





section.shoplist{
	margin-bottom: 20rem;
}

.shop-info-01{
	margin-top: 10rem;
	min-height: 93.2rem;
	background: url('./assets/images/home/shop_bg01.svg') no-repeat 50% 50% / auto 93.2rem;
	display: flex;
}
.shop-info-01 .icon01{ position: absolute; top: -5rem; left: 14.5rem; width: 19.8rem; }
.shop-info-01 .icon01{ position: absolute; top: -5rem; left: 14.5rem; width: 9.8rem; }
.shop-info-01 .icon02{ position: absolute; top: 18rem; right: 37rem; width: 12.9rem; }
.shop-info-01 .icon03{ position: absolute; bottom: 16rem; left: 9rem; width: 32.7rem; }
.shop-info-01 .icon04{ position: absolute; top: -5rem; left: 24.3rem; width: 10rem; }

.shop-info .inner{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.shop-info h3{
	font-size: 3.2rem;
	display: flex;
	align-items: center;
	margin-bottom: 2.5rem;
}
.shop-info h3 img{
	height: 3.5rem;
	margin-right: 1.2rem;
}
.shop-info .text{
	font-size: 1.7rem;
	margin-left: 6rem;
}
.shop-info ul{
	display: flex;
	justify-content: space-between;
	margin-left: 6rem;
	margin-top: 2.5rem;
}


.shop-info .shop-photo{
	width: 52rem;
	transition: .5s all;
}


.icon_instagram a{
	display: block;
	width: 3.2rem;
}
.icon_instagram a:hover{
	opacity: .5;
}



.btnView{
	font-weight: 700;
}
.btnView span{
	display: flex;
	align-items: center;
}


.shop-info-02{ margin-top: -7rem; }
.shop-info-02 .inner{ flex-direction: row-reverse; }
.shop-info-02 .icon01{ position: absolute; bottom: -4rem; right: 10rem; width: 23.9rem; }
.shop-info-02 .icon02{ position: absolute; top: 8rem; left: 0; width: 14.4rem; }
.shop-info-02 ul{ margin-right: 2rem; }


.shop-info-03{
	margin-top: 6rem;
	min-height: 92.9rem;
	background: url('./assets/images/home/shop_bg03.svg') no-repeat 50% 50% / auto 92.9rem;
	display: flex;
}
.shop-info-03 .icon01{ position: absolute; top: 14rem; right: 0; width: 16.7rem; }
.shop-info-03 .icon02{ position: absolute; bottom: 19rem; left: 13rem; width: 19.7rem; }




.shop-info-04 .inner{ flex-direction: row-reverse; }
.shop-info-04 .icon01{ position: absolute; top: -5rem; left: 14.5rem; width: 21.3rem; }
.shop-info-04 .icon02{ position: absolute; bottom: 0; right: 17rem; width: 22.3rem; }
.shop-info-04 ul{ margin-right: 2rem; }


.shop-info-05{
	margin-top: 10rem;
	min-height: 100.7rem;
	background: url('./assets/images/home/shop_bg05.svg') no-repeat 50% 50% / auto 100.7rem;
	display: flex;
}
.shop-info-05 h3{ margin-left: -3rem; }
.shop-info-05 .inner{ padding-bottom: 10rem; }
.shop-info-05 .icon01{ position: absolute; top: 16rem; right: 35rem; width: 17.1rem; }
.shop-info-05 .icon02{ position: absolute; bottom: -2rem; left: 7rem; width: 25.0rem; }


.shoplist .message{   
	display: flex;
    justify-content: center;
    margin-top: -8rem;
}
.shoplist .message p{
	writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: 3rem;
	letter-spacing: .3em;
}



footer{
	background-color: var(--gloabal--color--beige);
	border-bottom: var(--gloabal--color--orange) 2.5rem solid;
	padding: 5.5rem 0 6rem;
}
footer .inner{
	text-align: center;
}
footer .logo{
	max-width: 21rem;
	text-align: center;
	margin: 0 auto;
}
footer p{
	color: var(--global--color--gray);
	font-size: 1.5rem;
}
footer p.address{
	margin: 2rem 0 3rem;
}
footer .sponcer{
	max-width: 34.8rem;
	text-align: center;
	margin: 0 auto;
}


.mewss-article{
	max-width: 64rem;
	margin: 10rem auto 0;
}


.mewss-article-box{
	max-width: 72rem;
	margin: 0 auto 0;

}
.mewss-article-box .article{
	padding: 4rem 4rem;
	background-color: rgba(255, 255, 255, .5);
	border-radius: 5rem;

}

.mewss-article-box .article img{
	max-width: 100%;
	height: auto;
}

.mewss-article-box .news-buttons{
	padding: 11rem 0 14rem 0;
	margin-top: 0;
}




.mewss-article h1{
	font-size: 2rem;
	margin-bottom: 6rem;
}


.mewss-article .date{
	font-size: 2rem;
}



.single .page-title{
	background: transparent;
}


.mewss-article .thumbnail-wrapper{
	position: relative;

}
.mewss-article .thumbnail{
	overflow: hidden;
    border-radius: 33rem 33rem 3rem 3rem;
	height: 70rem;
    border: var(--gloabal--color--white) 1rem solid;
}
.mewss-article .thumbnail-wrapper::before{
	content: "";
	position: absolute;
	top: 6.9rem;
	right: -15.3rem;
	width: 11.8rem;
	height: 7.9rem;
	background: url('./assets/images/news/icon_leaf01.webp') no-repeat 50% 50% / 11.8rem auto;
}
.mewss-article .thumbnail-wrapper::after{
	content: "";
	position: absolute;
	bottom: 4rem;
	left: -16rem;
	width: 10.3rem;
	height: 10.9rem;
	background: url('./assets/images/news/icon_leaf02.webp') no-repeat 50% 50% / 10.3rem auto;
}
.mewss-article .thumbnail img{
	width: 100% !important;
	max-width: inherit !important;
	height: 100% !important;
	object-fit: cover;
}

.mewss-article-box .article p{
	line-height: 2;
	font-size: 1.7rem;
}
.mewss-article-box .article img{
	display: block;
	border-radius: 2rem;
	margin: 3rem 0;
}






body.single::before{
	content: "";
	position: absolute;
	width: 223.4rem;
	height: 151.8rem;
	background: url('./assets/images/home/bg01.svg') no-repeat 50% 50% / 223.4rem auto;
	left: calc(50% - 112.9rem);
	top: -53.6rem;
	z-index: -1;
}



/* ========================================================================================================================

	about

======================================================================================================================== */
.page-template-page-about footer{ background-color: transparent; }

.about-slider li span{
	display: block;
	font-size: 2.8rem;
	font-weight: 700;
	margin-bottom: 2rem;
	line-height: 1;
	text-align: center;
}


section.about-contents .about-slider-box{
	background-color: var(--gloabal--color--beige);
	padding-top: 22rem;
}


section.about-contents .inner{
	max-width: 86rem;
}
section.about-contents .text-box01{
	padding-top: 7rem;
	position: relative;
}
section.about-contents .text-box01 h3{
	text-align: center;
	font-size: 3rem;
	font-weight: 700;
}
section.about-contents .text-box01 p{
	font-size: 1.7rem;
	max-width: 54rem;
	margin: 3rem auto 0;
}
section.about-contents .text-box01 p.ph{
	max-width: 78.2rem;
}

section.about-contents .text-box01::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	top: -50%;
	background-color: var(--gloabal--color--beige);
}
section.about-contents .text-box01 {
    padding-top: 8rem;
    background: url(./assets/images/news/news_bg.svg) no-repeat 50% 100% / 235rem auto;
    min-height: 50rem;
    padding-bottom: 19.5rem;
}


section.about-contents .text-box02{
	margin-bottom: 8rem;
}
section.about-contents .text-box02 h3{
	text-align: center;
	font-size: 3rem;
	font-weight: 700;
}


section.about-contents .text-box02 p{
	font-size: 1.7rem;
	max-width: 54rem;
	margin: 3rem auto 0;
}


section.about-contents .text-box02 p.ph{
	max-width: 65.0rem;
}


section.about-contents .loopslider{
	padding: 0;
}

section.about-contents .news-buttons{
	margin-top: 14rem;
}












/* ========================================================================================================================

	shop

======================================================================================================================== */
.page-template-page-shop-list footer{ background-color: transparent; }

section.shop-contents{
	/*margin-bottom: 14rem;*/
}
section.shop-contents .shoplist-header{
	background-color: var(--gloabal--color--beige);
	padding-top: 14rem;
}
section.shop-contents .shoplist-header img{
	width: 100%;
}
section.shop-contents .page-title{
	height: 18rem;
	position: relative;
	z-index: 1;
}

/* 店舗一覧 */
.shop-list-inbox{
	background-color: var(--gloabal--color--beige);
	position: relative;
}
.shop-list-inbox .inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 2rem;
}
.shop-list-inbox .inner a{
	margin-right: 4.2rem;
	margin-top: 8rem;
}
.shop-list-inbox .inner a:nth-child(3n){
	margin-right: 0;
}
.shop-list-inbox .inner a dl dd{
	text-align: center;
	font-size: 2.2rem;
	margin-top: 1rem;
}

.shop-list-inbox::after{
	content: "";
	position: absolute;
	width: 223.4rem;
	height: 151.8rem;
	background: url('./assets/images/home/bg01.svg') no-repeat 50% 50% / 223.4rem auto;
	left: calc(50% - 112.9rem);
	bottom: -31.0rem;
	z-index: -1;
}



.page-template-page-shop-fortune::before,
.page-template-page-shop-wakagi::before,
.page-template-page-shop-tsuboyaki::before,
.page-template-page-shop-rou::before,
.page-template-page-shop::before{
	content: "";
	position: absolute;
	width: 223.4rem;
	height: 151.8rem;
	background: url('./assets/images/home/bg01.svg') no-repeat 50% 50% / 223.4rem auto;
	left: calc(50% - 112.9rem);
	top: -100rem;
	z-index: -1;
	transition: .5s all;
}

.page-template-page-shop .page-title,
.page-template-page-shop-wakagi .page-title,
.page-template-page-shop-fortune .page-title,
.page-template-page-shop-rou .page-title,
.page-template-page-shop-tsuboyaki .page-title{ background-color: transparent; }


/* 期間限定ショップ */
section.shop-contents .limited-shop{
	margin-top: 27rem;
}
section.shop-contents .limited-shop h3{
	text-align: center;
	font-size: 4.8rem;
	font-weight: 700;
	color: var(--gloabal--color--orange);
}
section.shop-contents .limited-shop .ph{
	margin-top: 7rem;
	overflow: hidden;
    border-radius: 33rem 33rem 3rem 3rem;
    border: var(--gloabal--color--beige) 1.3rem solid;
    background-color: var(--gloabal--color--beige);
}
section.shop-contents .limited-shop dl{
	max-width: 55rem;
	margin: 6rem auto 0;
}
section.shop-contents .limited-shop dl dt{
	font-size: 3.5rem;
	font-weight: 700;
	margin-bottom: 1rem;
}
section.shop-contents .limited-shop dl dd{
	font-size: 1.7rem;
}

section.shop-contents .limited-shop .inner-small{ position: relative; }
section.shop-contents .limited-shop .inner-small::before{
	content: "";
	width: 24.9rem;
	height: 33.2rem;
	background: url('./assets/images/shop/shoplist_icon01.webp') no-repeat 0 0 / 24.9rem auto;
	position: absolute;
	top: -24rem;
	right: -19rem;
}

section.shop-contents .limited-shop .limited-shop-inbox::before{
	content: "";
	width: 29.8rem;
	height: 26.5rem;
	background: url('./assets/images/shop/shoplist_icon03.webp') no-repeat 0 0 / 29.8rem auto;
	position: absolute;
	bottom: -23rem;
	left: -20rem;
}

section.shop-contents .limited-shop .limited-shop-inbox::after{
	content: "";
	width: 15.3rem;
	height: 24.1rem;
	background: url('./assets/images/shop/shoplist_icon02.webp') no-repeat 0 0 / 15.3rem auto;
	position: absolute;
	bottom: -8rem;
	right: -12rem;
}



section.shop-contents .news-buttons{ margin-top: 0; }


/* ========================================================================================================================

	shop / goriyaku

======================================================================================================================== */

section.shop-detail-contents .page-header-inner{
	max-width: 54.6rem;
	margin: 0 auto 5rem;
}

.shop-goriyaku .shop-recommend-box03 .shop-recommend-l .text span{
	display: block;
	margin-top: 2rem;
}

section.shop-detail-contents .visual-wrapper{
	position: relative;
}
section.shop-detail-contents .visual{
	overflow: hidden;
    border-radius: 33rem 33rem 3rem 3rem;
    border: var(--gloabal--color--beige) 1rem solid;
    background-color: var(--gloabal--color--beige);
}
section.shop-detail-contents .page-title{
	margin-bottom: 6rem;
}
section.shop-goriyaku .page-title h2{
	width: 29.3rem;
}
section.shop-detail-contents .shop-title{
	margin-top: 6.5rem;
}
section.shop-detail-contents .shop-title h2{
	font-size: 3.5rem;
	margin-bottom: 3.5rem;
}
section.shop-detail-contents .shop-title p{
	font-size: 1.7rem;
}



section.shop-tsuboyaki .page-title h2{ width: 25.4rem; }
section.shop-fortune .page-title h2{ width: 25.0rem; }
section.shop-wakagi .page-title h2{ width: 19.8rem; }
section.shop-rou .page-title h2{ width: 8rem; }


section.shop-detail-contents.shop-goriyaku .visual-wrapper::before{
    content: "";
    background: url('./assets/images/shop/goriyaku_icon01.webp') no-repeat 50% 50% / 11.8rem auto;
    width: 11.8rem;
	height: 7.9rem;
    position: absolute;
    top: 16rem;
    left: -16rem;
}
section.shop-detail-contents.shop-goriyaku .visual-wrapper::after{
    content: "";
    background: url('./assets/images/shop/goriyaku_icon02.webp') no-repeat 50% 50% / 20.4rem auto;
    width: 20.4rem;
	height: 28.2rem;
    position: absolute;
    bottom: 0;
	right: -24rem;
}


section.shop-detail-contents.shop-tsuboyaki .visual-wrapper::before{
    content: "";
    background: url('./assets/images/shop/tsuboyaki_icon01.webp') no-repeat 50% 50% / 11.8rem auto;
    width: 11.8rem;
	height: 7.9rem;
    position: absolute;
    top: 16rem;
    right: -18rem;
}
section.shop-detail-contents.shop-tsuboyaki .visual-wrapper::after{
    content: "";
    background: url('./assets/images/shop/tsuboyaki_icon02.webp') no-repeat 50% 50% / 20.4rem auto;
    width: 20.4rem;
	height: 28.2rem;
    position: absolute;
    bottom: -8rem;
    left: -22rem;
}


section.shop-detail-contents.shop-wakagi .visual-wrapper::before{
    content: "";
    background: url('./assets/images/shop/wakagi_icon01.webp') no-repeat 50% 50% / 10.3rem auto;
    width: 10.3rem;
	height: 10.9rem;
    position: absolute;
    top: 16rem;
    left: -14rem;
}
section.shop-detail-contents.shop-wakagi .visual-wrapper::after{
    content: "";
    background: url('./assets/images/shop/wakagi_icon02.webp') no-repeat 50% 50% / 13.6rem auto;
    width: 13.6rem;
	height: 26.9rem;
    position: absolute;
    bottom: 2rem;
	right: -20rem;
}


section.shop-detail-contents.shop-fortune .visual-wrapper::before{
    content: "";
    background: url('./assets/images/shop/fortune_icon01.webp') no-repeat 50% 50% / 14.0rem auto;
    width: 14.0rem;
	height: 14.0rem;
    position: absolute;
    top: 16rem;
    left: -20rem;
}
section.shop-detail-contents.shop-fortune .visual-wrapper::after{
    content: "";
    background: url('./assets/images/shop/fortune_icon02.webp') no-repeat 50% 50% / 18.6rem auto;
    width: 18.6rem;
	height: 24.8rem;
    position: absolute;
    bottom: 3rem;
	right: -23rem;
}


section.shop-detail-contents.shop-rou .visual-wrapper::before{
    content: "";
    background: url('./assets/images/shop/rou_icon01.webp') no-repeat 50% 50% / 11.8rem auto;
    width: 11.8rem;
	height: 7.9rem;
    position: absolute;
    top: 16rem;
    left: -19rem;
}
section.shop-detail-contents.shop-rou .visual-wrapper::after{
    content: "";
    background: url('./assets/images/shop/rou_icon02.webp') no-repeat 50% 50% / 18.8rem auto;
    width: 18.8rem;
	height: 27.9rem;
    position: absolute;
    bottom: 0;
	right: -22rem;
}


section.shop-detail-contents .shop-information{ margin-bottom: 10rem; margin-top: 2rem; }


.news-buttons{
	padding: 14rem 0;
	position: relative;
	z-index: 1;
}


.shop-recommend-boxes{
	position: relative;
}

.shop-recommend-boxes::before{
    content: "";
    position: absolute;
    width: 196.2rem;
    height: 116.7rem;
    background: url(./assets/images/shop/recommend_bg.svg) no-repeat 50% 0 / 196.2rem auto;
    left: calc(50% - 98.1rem);
    top: -4rem;
    z-index: -1;
}

.shop-recommend-boxes::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 25rem;
    background-color: var(--gloabal--color--beige);
    z-index: -1;
}

.shop-recommend-boxes .news-buttons{ margin-top: 0; }


.page-subtitle{
	max-width: 104rem;
	margin: 0 auto;
	font-size: 4rem;
	color: var(--gloabal--color--orange);
	font-weight: var(--global--font--bold);
	letter-spacing: .2em;
}

.shop-information .inner{
	max-width: 59.2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.shop-information .shop-information-l{
	width: calc(100% - 27.6rem);
}
.shop-information .shop-information-r{ width: 23.6rem; margin-left: 4rem; }
.shop-information .shop-information-r img{ width: 100%; }

.shop-information-l dl:not(:last-child){ margin-bottom: 1.2rem; }
.shop-information-l dl dt{ background-color: var(--gloabal--color--beige); padding: 1rem 1.5rem; font-size: 1.8rem; border-radius: .5rem; line-height: 1; }
.shop-information-l dl dd{ font-size: 1.7rem; padding: .5rem 1.5rem 0; }
.shop-information-l dl dd a{ letter-spacing: 0; }

.shop-information-l .icon_instagram a{ width: auto; font-size: 1.8rem; display: flex; align-items: center; }

.shop-information-l .icon_instagram a img{ margin-right: 1.2rem; width: 3.2rem; }



.shop-recommend-box{ display: flex; max-width: 104rem; margin: 0 auto; align-items: center; position: relative; }
.shop-recommend-box .shop-recommend-l{ width: 30.5rem; }
.shop-recommend-box .shop-recommend-l .illust{ margin-bottom: 1.5rem; }
.shop-recommend-box .shop-recommend-r{ position: absolute; left: 35rem; width: 86.7rem; }
.shop-recommend-box .shop-recommend-r h4{ 
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: 3rem;
    text-align: right;
    line-height: 1.25; }

	.shop-recommend-box .shop-recommend-r h4 span{
		display: block;
		background-color: var(--gloabal--color--white); font-size: 2.3rem;
		display: table;
		padding: 3rem 1.5rem;
	}
	.shop-recommend-box .shop-recommend-r h4 span:first-child{
		margin-left: .5rem;
	}

.shop-recommend-box .shop-recommend-r .catch{
    position: absolute;
    top: -11rem;
    right: 22.6rem;
}

.shop-recommend-box01{ height: 56.7rem; margin-top: -6rem; }
.shop-recommend-box01 .shop-recommend-l{ margin-top: 5rem; }


.shop-recommend-box02{ display: flex; max-width: 104rem; margin: 0 auto; align-items: center; flex-direction: row-reverse; justify-content: space-between; }
.shop-recommend-box02 .shop-recommend-r{ width: 53rem; margin-left: 7rem; position: relative; }
.shop-recommend-box02 .shop-recommend-l{ width: calc(100% - 53rem); }
.shop-recommend-box02 .shop-recommend-l .text{ width: 33rem; margin: 0 auto; }


.shop-recommend-box02 .catch{ position: absolute; top: 0; left: -7rem; }




section.shop-detail-contents.shop-goriyaku .shop-recommend-box .shop-recommend-l .illust{ width: 20.3rem; }
section.shop-detail-contents.shop-goriyaku .shop-recommend-box04 .shop-recommend-l .illust{ width: 18.3rem; margin: 0 auto 6rem; }

section.shop-detail-contents.shop-goriyaku .shop-recommend-box02 .catch{ top: -3rem; left: -7.8rem; }
section.shop-detail-contents.shop-goriyaku .shop-recommend-box02 .catch span:last-child{ margin-top: 8rem; }




section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box01 .shop-recommend-l{ margin-top: 10rem; }
section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box03{ flex-direction: row-reverse; }
section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box03 .shop-recommend-r{ margin-left: 0 !important; }
section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box03 .shop-recommend-r .catch{ left: -2rem; right: inherit; }
section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box03 .shop-recommend-l .illust{ text-align: center; width: 22.3rem; margin: 0 auto 7rem; }
section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box02 .shop-recommend-l .illust{ max-width: 33rem; margin: 0 auto 6rem; padding-left: 6rem; }
section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box02 .shop-recommend-l .illust img{ width: 10.3rem; }

section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box02 .catch{ top: -5rem; left: inherit; right: -4rem; }
section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box02 .catch span:last-child{ margin-top: 12rem; }

section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box02{ flex-direction: row; margin-top: 12rem; }
section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box .shop-recommend-r{ position: absolute; right: -9rem; }




.catch h4{ writing-mode: vertical-rl; text-orientation: upright; font-size: 3rem; text-align: right; line-height: 1.25; }
.catch h4 span{ display: block; background-color: var(--gloabal--color--white); font-size: 2.3rem; display: table; padding: 3rem 1.5rem; }
.catch h4 span:first-child{ margin-left: .5rem; }

.shop-recommend-box03{ display: flex; max-width: 104rem; margin: 0 auto; align-items: center; justify-content: space-between; margin-top: 8rem; }
.shop-recommend-box03 .shop-recommend-r{ width: 65.3rem; margin-left: 7rem; position: relative; }
.shop-recommend-box03 .shop-recommend-l{ width: calc(100% - 65.3rem); }
.shop-recommend-box03 .shop-recommend-l .text{ width: 33rem; margin: 0 auto; }
.shop-recommend-box03 .shop-recommend-r .catch{ position: absolute; top: -7rem; right: -4rem; }


.shop-recommend-box04{ display: flex; flex-direction: row-reverse; max-width: 104rem; margin: 8.5rem auto 0; align-items: center; justify-content: flex-end; position: relative; height: 50.5rem; }
.shop-recommend-box04 .shop-recommend-l{ width: calc(100% - 61.8rem); position: relative; }
.shop-recommend-box04 .shop-recommend-l .illust{ text-align: center; margin-bottom: 6rem; }
.shop-recommend-box04 .shop-recommend-r{ position: relative; left: -16.5rem; top: 0; }
.shop-recommend-box04 .shop-recommend-r .shop-recommend-r-inbox{ position: relative; }
.shop-recommend-box04 .shop-recommend-r .catch{ position: absolute; top: 0; right: -8.5rem; }
.shop-recommend-box04 .shop-recommend-r .catch span:last-child{ margin-top: 7rem; }


section.shop-detail-contents.shop-wakagi .shop-recommend-box02 .catch {
    position: absolute;
    top: -3rem;
    left: -1.5rem;
}

section.shop-detail-contents.shop-wakagi .shop-recommend-box02 .shop-recommend-r{ width: 67rem; margin-left: 0; }


section.shop-detail-contents.shop-wakagi .shop-recommend-box02 .shop-recommend-l .illust img{ max-width: 22.7rem; }
section.shop-detail-contents.shop-wakagi .shop-recommend-box02 .shop-recommend-l .illust{ max-width: 33rem; margin: 0 auto 6rem; text-align: center; }
section.shop-detail-contents.shop-wakagi .shop-recommend-box03 .shop-recommend-r .catch{ right: inherit; left: -1.8rem; top: 7rem; }
section.shop-detail-contents.shop-wakagi .shop-recommend-box03 .shop-recommend-l .illust{ max-width: 21.2rem; margin: 12rem auto 4rem; text-align: center; }


section.shop-detail-contents.shop-fortune .shop-recommend-box02 .shop-recommend-r{ width: 65.3rem; margin-right: 3rem; margin-left: inherit; }
section.shop-detail-contents.shop-fortune .shop-recommend-box02 .shop-recommend-l{ width: calc(100% - 65.3rem); margin-top: 20rem; }
section.shop-detail-contents.shop-fortune .shop-recommend-box02 .catch{ top: -4rem; left: -2rem; }


section.shop-detail-contents.shop-fortune .shop-recommend-box03 .shop-recommend-r{ width: 60rem; }


section.shop-detail-contents.shop-fortune .shop-recommend-box01 .shop-recommend-l .illust{ text-align: center; max-width: 19rem; margin: 0 auto 1.5rem; }

section.shop-detail-contents.shop-fortune .shop-recommend-box03 .shop-recommend-l .illust{ text-align: center; margin-bottom: 6rem; }
section.shop-detail-contents.shop-fortune .shop-recommend-box03 .shop-recommend-l .illust img{ width: 18.4rem; }


section.shop-detail-contents.shop-rou .shop-recommend-box04 .shop-recommend-r{
	width: 68.1rem;
}
section.shop-detail-contents.shop-rou .shop-recommend-box04 .shop-recommend-r .catch {
    position: absolute;
    top: -10rem;
    right: -2.5rem;
}

section.shop-detail-contents.shop-rou .shop-recommend-box04 .shop-recommend-r .catch span:last-child{
	margin-top: 0;

}
section.shop-detail-contents.shop-rou .shop-recommend-box04 .shop-recommend-r .catch{ top: -3rem; }


section.shop-detail-contents.shop-rou .shop-recommend-box03 .shop-recommend-r .catch{ top: -4.5rem; right: inherit; left: -2.5rem; }




section.shop-detail-contents.shop-rou .shop-recommend-box05 .catch{ 
    position: absolute;
    bottom: 0;
    left: -4rem; top: inherit; right: inherit; }
	
section.shop-detail-contents.shop-rou .shop-recommend-box05 .catch span:last-child{ margin-top: 6rem; }
section.shop-detail-contents.shop-rou .shop-recommend-box05 .illust{ text-align: right; margin-bottom: 10rem; }
section.shop-detail-contents.shop-rou .shop-recommend-box05 .illust img{ max-width: 21rem; }


.disnone{ display: none; }












@media screen and (min-width: 1281px){

	.newss .news-article-list::after{ background: url(./assets/images/news/news_bg.svg) no-repeat -55vw 100% / 245vw auto; height: 17vw; }
	

}



@media screen and (max-width: 1280px){

	section.shop-detail-contents.shop-wakagi .shop-recommend-box01 .shop-recommend-r { width: 74vw; }
}


@media screen and (max-width: 1180px){
	

	.shop-recommend-box .shop-recommend-r .catch{ top: -5vw; }

	section.shop-detail-contents.shop-rou .shop-recommend-box04{ height: auto; margin-top: 10rem; }


	.shop-recommend-box01{ margin-left: 3rem; }
	.shop-recommend-box01 .shop-recommend-r{ width: 74vw; }
	.shop-recommend-box .shop-recommend-r .catch{ right: 16.6vw; }
	.shop-recommend-box .shop-recommend-r .catch span{ font-size: 2.2vw; }
	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box03{ margin-left: 3rem; margin-right: 3rem; }
	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box03 .shop-recommend-l{ width: calc(100% - 50vw); margin-left: 3rem; }

	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box03 .shop-recommend-r .catch span{ font-size: 1.5vw; }


	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box02 .shop-recommend-l{ width: calc(100% - 53rem); margin-left: 3rem; margin-right: 3rem; }
	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box02 .shop-recommend-l .text{ width: auto; }
	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box02 .shop-recommend-l .illust{ margin-bottom: 3rem; }
	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box02 .shop-recommend-r{ margin-left: 0; }
	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box02 .shop-recommend-r .catch span{ font-size: 1.5vw; }

	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box02 .shop-recommend-r{ margin-right: 3rem; }
	

	section.shop-detail-contents.shop-goriyaku .shop-recommend-box03 .shop-recommend-r{ margin-right: 3rem; }

	.shop-recommend-box02{ margin-left: 3rem; margin-right: 3rem; }
	.shop-goriyaku .shop-recommend-box03{ margin-left: 3rem; margin-right: 3rem; }
	.shop-goriyaku .shop-recommend-box04 .shop-recommend-l{ margin-right: 3rem; margin-left: -6rem; }

	section.shop-detail-contents.shop-wakagi .shop-recommend-box03{ margin-left: 3rem; margin-right: 3rem; }

	section.shop-detail-contents.shop-rou .shop-recommend-box01 .shop-recommend-r{ width: 70vw; }
	
	section.shop-detail-contents.shop-fortune .shop-recommend-box01 .shop-recommend-r{ width: 70vw; }
	section.shop-detail-contents.shop-fortune .shop-recommend-box01 .shop-recommend-r .catch span,
	section.shop-detail-contents.shop-wakagi .shop-recommend-box01 .shop-recommend-r .catch span{ font-size: 1.5vw; }



	section.shop-detail-contents.shop-fortune .shop-recommend-box02 .shop-recommend-r{ margin-left: 1.5rem; }
	
	section.shop-detail-contents.shop-rou .shop-recommend-box01{ height: 39.7rem; }
	section.shop-detail-contents.shop-rou .shop-recommend-box03{ padding: 4rem 3rem 0; background-color: var(--gloabal--color--beige); }
}


@media screen and (max-width: 1100px){

	.page-subtitle{ margin-left: 2.5rem }
	section.shop-detail-contents.shop-fortune .shop-recommend-box03{ margin-left: 3rem; margin-right: 3rem; }
	section.shop-detail-contents.shop-fortune .shop-recommend-box03 .shop-recommend-r{ margin-right: 3rem; }
	section.shop-detail-contents.shop-fortune .shop-recommend-box03 .shop-recommend-l{ width: auto; }
	section.shop-detail-contents.shop-fortune .shop-recommend-box03 .shop-recommend-l .illust{ margin-bottom: 4vw; }
	section.shop-detail-contents.shop-fortune .shop-recommend-box03 .shop-recommend-l .illust img{ width: 20vw; }




	.shop-recommend-box03 .shop-recommend-l .text{ font-size: 1.5rem; }

	
	section.shop-detail-contents.shop-rou .shop-recommend-box01{ height: 39.7rem; }
	section.shop-detail-contents.shop-rou .shop-recommend-box04{ margin-top: 1vw; margin-left: 3rem; margin-right: 3rem; }

	section.shop-detail-contents.shop-rou .shop-recommend-box03,
	section.shop-detail-contents.shop-rou .shop-recommend-box04{ margin-top: 6rem; }

	.shop-recommend-box .shop-recommend-l .illust{ text-align: center; }
}


section.shop-detail-contents.shop-rou .shop-recommend-box04 .shop-recommend-l .illust{ margin-bottom: 4rem; }
section.shop-detail-contents.shop-rou .shop-recommend-box04 .shop-recommend-l .illust img{ max-width: 18.8rem; }



	section.shop-detail-contents .icon_instagram{ display: flex; justify-content: flex-start; margin-top: 1rem; }
	
@media screen and (max-width: 1024px){
	.shop-info .shop-photo{ width: 50%; }







	.shop-recommend-box01 .shop-recommend-l,
	.shop-recommend-box01 .shop-recommend-l p,
	.shop-recommend-box01 .shop-recommend-l span{ font-size: 1.5rem; }

	.shop-recommend-box .shop-recommend-r .catch span{ font-size: 1.5vw; }



	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box01 .shop-recommend-r{ width: 67vw !important; }


	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box03 .shop-recommend-r{ width: 47.3rem; }
	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box03 .shop-recommend-l{ width: calc(100% - 47.3rem); }
	.shop-recommend-box03 .shop-recommend-l .text{ width: auto; }

	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box03 .shop-recommend-l .illust{ margin-bottom: 3rem; }
	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box03 .shop-recommend-l .illust img{ max-width: 18rem; }



	section.shop-detail-contents.shop-wakagi .shop-recommend-box02 .shop-recommend-r{ width: 55vw; }
	section.shop-detail-contents.shop-wakagi .shop-recommend-box02 .shop-recommend-r span{ font-size: 2.5vw; }
	section.shop-detail-contents.shop-wakagi .shop-recommend-box02 .shop-recommend-l{ width: calc(100% - 60vw); }

	.shop-goriyaku .shop-recommend-box03 .shop-recommend-r{ margin-left: 0; }
	.shop-goriyaku .shop-recommend-box03 .shop-recommend-l{ width: calc(100% - 47.3rem); margin-right: 3rem; }
	.shop-goriyaku .shop-recommend-box03 .shop-recommend-l .text{ width: auto; }
	.shop-goriyaku .shop-recommend-box03 .catch{ right: -1.8rem !important; }
	.shop-goriyaku .shop-recommend-box03 .catch span{ font-size: 1.5vw; }
	.shop-goriyaku .shop-recommend-box04 .catch span{ font-size: 1.5vw; }


	.shop-goriyaku .shop-recommend-box04 .shop-recommend-r{ width: 53.3rem; }
	.shop-goriyaku .shop-recommend-box04 .shop-recommend-l{ margin-left: 0; }
	section.shop-detail-contents.shop-goriyaku .shop-recommend-box01 .shop-recommend-r{ width: 66vw; }
	section.shop-detail-contents.shop-wakagi .shop-recommend-box01 .shop-recommend-r { width: 66vw; }

	section.shop-detail-contents.shop-goriyaku .shop-recommend-box02 .catch span{ font-size: 1.5vw; }



	section.shop-detail-contents.shop-wakagi .shop-recommend-box02 .shop-recommend-r{ width: 47.3rem; margin-right: 3rem; }
	section.shop-detail-contents.shop-wakagi .shop-recommend-box02 .catch span{ font-size: 1.5vw; }

	section.shop-detail-contents.shop-wakagi .shop-recommend-box02 .shop-recommend-l{ width: calc(100% - 47.3rem); }
	section.shop-detail-contents.shop-wakagi .shop-recommend-box02 .shop-recommend-l .illust{ margin-bottom: 2rem; }

	section.shop-detail-contents.shop-wakagi .shop-recommend-box03 .shop-recommend-l .text{ width: auto; }
	section.shop-detail-contents.shop-wakagi .shop-recommend-box03 .shop-recommend-r{ width: 47.3rem; }
	section.shop-detail-contents.shop-wakagi .shop-recommend-box03 .shop-recommend-r span{ font-size: 1.5vw; }
	section.shop-detail-contents.shop-wakagi .shop-recommend-box03 .shop-recommend-l{ width: calc(100% - 47.3rem); }
	section.shop-detail-contents.shop-wakagi .shop-recommend-box03 .shop-recommend-l .illust{margin: 6rem auto 3rem; max-width: 16rem; }


	section.shop-detail-contents.shop-fortune .shop-recommend-box02 .shop-recommend-l{ width: calc(100% - 47.3rem); margin-top: 10vw; }
	section.shop-detail-contents.shop-fortune .shop-recommend-box02 .shop-recommend-l .text{ width: auto; }
	section.shop-detail-contents.shop-fortune .shop-recommend-box02 .catch span{ font-size: 2.2vw; }
	section.shop-detail-contents.shop-fortune .shop-recommend-box02 .shop-recommend-r{ width: 47.3rem; margin-right: 3rem; }
	
	section.shop-detail-contents.shop-fortune .shop-recommend-box03 .shop-recommend-r{ width: 47.3rem; margin-right: 3rem; margin-left: 3rem; }
	section.shop-detail-contents.shop-fortune .shop-recommend-box03 .shop-recommend-l{ width: calc(100% - 50.3rem); margin-right: 3rem; }
	section.shop-detail-contents.shop-fortune .shop-recommend-box03 .shop-recommend-l .text{ width: auto; }




	section.shop-detail-contents.shop-rou .shop-recommend-box01 .shop-recommend-r{ width: 66vw; }
	
	section.shop-detail-contents.shop-rou .shop-recommend-box03 .shop-recommend-l{ width: calc(100% - 47.3rem); margin-right: 3rem; }
	section.shop-detail-contents.shop-rou .shop-recommend-box03 .shop-recommend-l .text{ width: auto; }
	section.shop-detail-contents.shop-rou .shop-recommend-box03 .shop-recommend-r{ width: 47.3rem; margin-left: 3rem; }
	section.shop-detail-contents.shop-rou .shop-recommend-box03 .shop-recommend-r span{ font-size: 1.5vw; }

	section.shop-detail-contents.shop-rou .shop-recommend-box04 .shop-recommend-l{ width: calc(100% - 47.3rem); }
	section.shop-detail-contents.shop-rou .shop-recommend-box04 .shop-recommend-l .illust{ margin-bottom: 1.5rem; width: 100%; }
	section.shop-detail-contents.shop-rou .shop-recommend-box03 .shop-recommend-r{ width: 47.3rem; margin-left: 3rem; }
	section.shop-detail-contents.shop-rou .shop-recommend-box04 .shop-recommend-r .catch span{ font-size: 1.5vw; }
	section.shop-detail-contents.shop-rou .shop-recommend-box04 .shop-recommend-l .text{ font-size: 1.5rem; }

	section.shop-detail-contents.shop-rou .shop-recommend-box04 .shop-recommend-r{ left: -12.5rem; }

	section.shop-detail-contents.shop-goriyaku .shop-recommend-box03 .shop-recommend-r{ width: 115%; margin-right: 3rem; }
	.shop-goriyaku .shop-recommend-box02 .shop-recommend-r{ width: 47.3rem; margin-left: 0; }
	.shop-goriyaku .shop-recommend-box02 .shop-recommend-l{ width: calc(100% - 47.3rem); margin-left: 3rem; }


	.shop-goriyaku .shop-recommend-box02 .shop-recommend-l .text{ width: auto; }
	.shop-goriyaku .shop-recommend-box02 .catch{ left: 2vw !important; }
}


@media screen and (max-width: 950px){



}

@media screen and (max-width: 890px){
	
	.shop-info h3{ font-size: 2.4rem; }
	.shop-info .text{ font-size: 1.5rem; }

	.shop-wrapper-01 .shop-info-01 .icon03{ width: 35vw; bottom: 19rem; }

	.shop-wrapper-02{ min-height: 50rem; }
	.shop-wrapper-02 .shop-info-02 .icon01{ bottom: -12rem; }
	.shop-wrapper-02 .shop-info h3{ margin-left: 3rem; }
	.shop-wrapper-03 .shop-info ul{ margin-right: 3rem; }

	.shop-info-04 .icon02{ right: 10rem; bottom: -10rem; }

	
	section.shop-detail-contents.shop-fortune .shop-recommend-box01 .shop-recommend-r{ width: 66vw; }

}



@media screen and (max-width: 1024px) and (min-width: 751px){

	section.shop-contents{ margin-bottom: 0; }
	section.shop-contents .shop-list-inbox .inner a{ width: 32%; margin-right: 2%; margin-top: 2%; }
	section.shop-contents .shop-list-inbox .inner a dl dd{ font-size: 1.8rem; }
	section.shop-contents .shop-list-inbox .inner a:nth-child(3n){ margin-right: 0; }
	section.shop-contents .page-title h2,
	section.shop-contents .limited-shop h3{ font-size: 3rem; }
	/*section.shop-contents .news-buttons{ padding: 0 0 5rem 0; }*/
}







@media screen and (max-width: 950px){

	header .header-inner{ padding: 0 2rem; }
}












@media screen and (max-width: 900px){


	header{ margin-top: 3rem; }
	header .header-inner .menu ul li:not(:last-child){ margin-right: 2rem; }
	header .header-inner .menu ul li a{ font-size: 1.8rem; }

	/* about */
	section.about-contents .news-buttons{ margin-top: 7rem; padding: 0; }
}










@media screen and (min-width: 751px){
	.sp{ display: none !important; }
}


@media screen and (max-width: 750px){
	.pc{ display: none !important; }
	body.home::before{
		display: none;
	}




	.shop-information-l .icon_instagram a img{ width: 2.5rem; }


	
.mewss-article-box .article p{
	font-size: 1.4rem;
}

	.shop-information-l dl dd a{ font-size: 1.2rem; }

	.page-template-page-shop-tsuboyaki footer,
	.page-template-page-shop-wakagi footer,
	.page-template-page-shop-fortune footer,
	.page-template-page-shop-rou footer,
	.home footer{ background-color: transparent; }

.newss .news-article-list a dd.title span{ font-size: 1.2rem; }
.newss .news-article-list a dd.title{ font-size: 1.4rem; line-height: 1.4; }
	.btnView span{ font-size: 1.4rem; }


	section.main .main-inner .icon01{ width: 5.9rem; left: 3.5rem; }
	section.main .main-inner .icon02{ top: inherit; right: 3.5rem; width: 5.2rem; bottom: -3.2rem; }



	.shop-info-04 ul,
	.shop-wrapper-03 .shop-info ul{ margin-right: 0; }
	section.shoplist .shop-wrapper-02 .shop-info h3{ margin-left: 0; }

	.shop-info-02 ul{ margin-right: 0; }

		section.shop-detail-contents.shop-wakagi .shop-recommend-box02{ margin-top: 3rem; }
		section.shop-detail-contents.shop-wakagi .shop-recommend-box02 .shop-recommend-r .catch{ top: -8rem; left: -1.5rem; }
		section.shop-detail-contents.shop-wakagi .shop-recommend-box02 .shop-recommend-r{ padding-right: 0; right: -8vw; }

		section.shop-detail-contents.shop-wakagi .shop-recommend-box03{ margin-top: 1rem; }
		section.shop-detail-contents.shop-wakagi .shop-recommend-box03 .shop-recommend-r{ right: inherit; left: -10vw; }
		section.shop-detail-contents.shop-wakagi .shop-recommend-box03 .shop-recommend-r .catch{ left: initial; right: -1.5rem; top: 10vw; }
		


	section.shop-detail-contents.shop-wakagi .shop-recommend-box02 .shop-recommend-r,
	section.shop-detail-contents.shop-wakagi .shop-recommend-box03 .shop-recommend-r{ width: auto; }

	section.shop-detail-contents.shop-wakagi .shop-recommend-box02 .shop-recommend-l,
	section.shop-detail-contents.shop-wakagi .shop-recommend-box03 .shop-recommend-l{ width: 100%; }

	section.shop-detail-contents.shop-wakagi .shop-recommend-box02 .shop-recommend-l .illust{ display: none; }
	
	section.main{ padding-top: var(--header--height--sp); }
	section.main .slider-wrapper::before,
	section.main .slider-wrapper::after{ display: none; }
	section.main .slider{ border: none; border-radius: 33rem 33rem 2rem 2rem; }

	section.main .icon03{ display: none; }

	section.main .catch{ right: inherit; left: 3rem; bottom: -6rem; }
	section.main .catch h2{ font-size: 2rem; padding: 2rem 1rem; background-color: var(--gloabal--color--white); line-height: 1; }

	

	section.about{ margin: 8rem 0 4rem; }
	section.about .inner-mini{ padding: 0 4.5rem; }
	section.about .logo{ max-width: 8.5rem; }
	section.about .image{ max-width: 19rem; }
	section.about .text{ font-size: 1.4rem; margin-bottom: 2.5rem; }
	section.about .button a span{ font-size: 1.2rem; }


	section.news{ padding-bottom: 2rem; }
	section.news .news-inbox{ padding: 2.5rem; }
	section.news h3{ font-size: 1.8rem; margin-bottom: 2.5rem; }
	section.news .news-inbox .news-inboxlist a dl{ flex-direction: column; }
	section.news .news-inbox .news-inboxlist a dl dt{ text-align: left; font-size: 1.2rem; }
	section.news .news-inbox .news-inboxlist dd{ width: 100%; padding: 0; font-size: 1.4rem; }

	section.news .button a{ width: 18rem; height: 3.7rem; font-size: 1.4rem; }


	section.maps .inner{ padding: 0 3rem; }
	section.maps .icon02{ position: absolute; top: 19vw; left: 3rem; width: 25vw; }
	section.maps .title{ position: absolute; left: 10vw; top: 69vw; }
	section.maps .title h3{ font-size: 1.5rem; }

	section.loopslider{ margin-top: 3.5rem; padding-top: .9rem }

	section.loopslider,
	section.loopslider ul,
	section.loopslider img{ height: 26.25rem; }
	section.loopslider img{ width: auto !important; }
	

	section.shoplist .shop-info-text{ margin-top: 0; }

	.shop-info .inner{ display: block; padding: 0 3rem; }
	.shop-info-text{ margin-top: 6rem; }
	.shop-info ul{ margin-left: 0; }

	section.shoplist .shop-wrapper-01{ position: relative; }
	
	.shop-info-01{ position: relative; margin-top: 0; padding-top: 8rem; background: url(./assets/images/home/shop_bg01.svg) no-repeat 72% 17vw / 320vw auto; background: none; min-height: initial; }
	.shop-info-01 .icon01{ 
        left: inherit;
        right: 9rem;
        width: 7rem;
        top: -15rem; }
	.shop-info-01 .icon04{
        top: -15rem;
        left: inherit;
        right: 1rem;
        width: 7rem;
	}

	.shop-info-01 .bg{ 
        position: absolute;
        height: 119%;
        width: 1800px;
        margin-left: -738px;
        margin-top: -2rem;
	}
	.shop-info-01 .bg img{ width: auto; height: 100%; }

	
    section.shoplist .shop-info-02 .icon01 {
        position: absolute;
        bottom: -32vw;
        left: calc(50% - 27vw);
        z-index: 3;
        width: 38vw;
    }



	.shop-info h3{ flex-direction: column; font-size: 2rem; align-items: baseline; }
	.shop-info h3 img{ width: auto; height: 1.8rem; }

	.shop-info .text{ font-size: 1.4rem; margin-left: 0; }
	.shop-info .shop-photo{ width: 100%; margin-top: 8vw; position: relative; }
	.shop-info-01 .icon02{ width: 22.9vw; right: inherit; left: 2rem; top: 0; }

    section.shoplist .shop-info-01 .icon03 {
        position: relative;
        bottom: 0;
        left: calc(40% - 10rem);
        width: 60vw;
		margin-top: 1rem;
		z-index: 1;
    }
    section.shoplist .shop-info-01 {
        background-color: var(--gloabal--color--beige);
        min-height: inherit;
        position: relative;
		padding-top: 0;
		margin-top: 18rem;
    }
	section.shoplist .shop-info-01::before{
		content: "";
        background: url(./assets/images/home/shop_bg01.svg) no-repeat 66% 2vw / 391% auto;
        width: 100%;
        position: absolute;
        height: 16rem;
        top: -13rem;
	}
    section.shoplist .shop-wrapper-01::after {
        content: "";
        background: url(./assets/images/home/shop_bg01.svg) no-repeat 71% -133vw / 304% auto;
        width: 100%;
        position: absolute;
        height: 14rem;
        bottom: -13rem;
    }



	section.shoplist .shop-wrapper-02{ margin-top: 28vw; position: relative; }
	section.shoplist .shop-info-02 .icon02 { position: absolute; top: -1rem; right: 2rem; width: 23vw; left: inherit; }



	
	.shop-info-02{ margin-top: 0; }
	
	section.shoplist .shop-wrapper-03{ margin-top: 45vw; position: relative; }


	section.shoplist .shop-wrapper-03::after{
		content: "";
        background: url(./assets/images/home/shop_bg03.svg) no-repeat 18% 85% / 300% auto;
        width: 100%;
        position: absolute;
        height: 12rem;
        bottom: -12rem;
	}


	.shop-info-03 .icon01{
		z-index: 1;
		position: absolute;
		top: -8vw;
		right: 2vw;
		width: 26vw;
	}


	section.shoplist .shop-info-03{ background-color: var(--gloabal--color--beige); min-height: inherit; padding-bottom: 20vw; position: relative; }


	section.shoplist .shop-info-03 .icon02 { position: absolute; 
        bottom: -27vw;
        left: calc(50% - 12vw);
        z-index: 3;
        width: 30vw;
	 }
	section.shoplist .shop-info-03::before{
		content: "";
        background: url(./assets/images/home/shop_bg03.svg) no-repeat 35% 0 / 210% auto;
        width: 100%;
        position: absolute;
        height: 6rem;
        top: -6rem;
	}



	section.shoplist .shop-wrapper-04{ margin-top: 26vw; }
	section.shoplist .shop-wrapper-04 .shop-info-04 .icon01{ left: inherit; top: -3rem; right: 0; width: 25vw; }
	section.shoplist .shop-wrapper-04 .shop-info-04 .icon02{ bottom: --22vw; right: calc(50% - 12vw); z-index: 1; width: 29vw; }


	section.shoplist .shop-info-05 h3{ margin-left: 0; }

	section.shoplist .shop-wrapper-05{ margin-top: 23rem; position: relative; }
	section.shoplist .shop-wrapper-05 .shop-info-05{
		background-color: var(--gloabal--color--beige);
		min-height: inherit;
		position: relative;
		padding-bottom: 5rem;
	}
	section.shoplist .shop-info-05::before{
		content: "";
        background: url(./assets/images/home/shop_bg01.svg) no-repeat 44% -9vw / 391% auto;
        width: 100%;
        position: absolute;
        height: 6rem;
        top: -6rem;
	}
	section.shoplist .shop-wrapper-05::after{
		content: "";
		background: url("./assets/images/home/shop_bg01.svg") no-repeat 32% 100% / 500% auto;
        width: 100%;
        position: absolute;
        height: 9rem;
        bottom: -9rem;
	}
	section.shoplist .shop-info-05 .icon02 {
		position: absolute;
		z-index: 1;
		bottom: -17.5rem;
		left: calc(50% - 9.9rem);
		width: 12.9rem;
	}
	.shop-info-05 .icon01{
		position: absolute;
        top: -2.5rem;
        right: -2rem;
        z-index: 1;
        width: 30vw;
	}

	section.shoplist{ margin-bottom: 4rem; }
	section.shoplist .message{ margin-top: 15rem; }
	section.shoplist .message p{ font-size: 2rem; }



	.page-template-page-shop::before,
	.page-template-page-shop-wakagi::before,
	.page-template-page-shop-fortune::before,
	.page-template-page-shop-rou::before,
	.page-template-page-shop-tsuboyaki::before{ display: none; }

	.page-template-page-shop .page-title,
	.page-template-page-shop-wakagi .page-title,
	.page-template-page-shop-fortune .page-title,
	.page-template-page-shop-rou .page-title,
	.page-template-page-shop-tsuboyaki .page-title{ height: 12.8rem; margin-bottom: 1.5rem !important; }

	
	.page-template-page-shop-rou .page-title{ height: 16.8rem; }

	section.shop-goriyaku .page-title h2{ min-width: 14.7rem; width: 40vw; }

	.page-template-page-shop footer{ background: transparent; }
	.page-template-page-shop .news-buttons,
	.page-template-page-shop-wakagi .news-buttons,
	.page-template-page-shop-fortune .news-buttons,
	.page-template-page-shop-rou .news-buttons,
	.page-template-page-shop-tsuboyaki .news-buttons
	{ padding: 5rem 0;  }

	.shop-recommend-boxes{ padding-bottom: 0; background-color: transparent; }

	section.shop-detail-contents .page-header-inner{ padding-left: 3rem; padding-right: 3rem; }
	section.shop-detail-contents .shop-title{ margin: 3rem 2rem 0; }
	section.shop-detail-contents .shop-title h2{ font-size: 1.8rem; margin-bottom: 1rem; }
	section.shop-detail-contents .shop-title p{ font-size: 1.4rem; }

	section.shop-detail-contents .page-subtitle{ margin: 0 5rem; font-size: 1.8rem; font-weight: 700; letter-spacing: .2em; }
	section.shop-detail-contents .shop-information .inner{padding: 0 5rem; flex-direction: column-reverse; }
	section.shop-detail-contents .shop-information .shop-information-r{ min-width: 19.7rem; width: 100%; height: 25rem; margin-left: 0; margin-top: 3rem; }
	section.shop-detail-contents .shop-information .shop-information-r p{ height: 100%; text-align: center; }
	section.shop-detail-contents .shop-information .shop-information-r img{ width: auto; height: 25rem; }

	.shop-information .shop-information-l{ width: 100%; margin-top: 2.5rem; }

	.shop-information-l dl dt{ padding: .7rem 1.5rem; font-size: 1.4rem; }
	.shop-information-l dl dd{ font-size: 1.6rem; }

	section.shop-detail-contents .icon_instagram{ display: flex; justify-content: flex-start; margin-top: 1rem; }
	section.shop-detail-contents .icon_instagram *{ font-size: 1.4rem; }

	body.single::before{
		content: "";
		position: absolute;
		width: 223.4rem;
		height: 151.8rem;
		z-index: -1;
        background: url('./assets/images/home/bg01.svg') no-repeat 50% 50% / 132.4rem auto;
        left: calc(50% - 105.9rem);
        top: -78.6rem;
	}

	.mewss-article h1{ font-size: 1.8rem; margin-bottom: 2rem; }

	.mewss-article .thumbnail{ border: var(--gloabal--color--beige) .6rem solid; height: auto !important; }
	


	.mewss-article{ margin: 5rem 2rem 0; }
	.newss .page-title{ height: 14.0rem; }

	.mewss-article .date{ font-size: 1.2rem; }
	
	.newss .page-title h2{ font-size: 2rem; }
	.newss .news-buttons{ padding-top: 11vw; padding-bottom: 6rem; }

	.newss .news-article-list{ padding-top: 3.5rem; }
	.newss .news-article-list a{ padding: 1.5rem 0; }
	.newss .news-article-list::after{ background: url(./assets/images/news/news_bg.svg) no-repeat -114vw 100% / 305vw auto; height: 19vw; }

	.newss .news-article-list a dt{ width: 11rem; }
	.newss .news-article-list a dt span{ width: 11rem; aspect-ratio: 4 / 3; }
	.newss .news-article-list a dd.title{ width: calc(100% - 11rem); padding: 0 0 0 3.5rem; }
	.newss .news-article-list a dd.button{ display: none; }


	.newss .pager{ margin-top: 5rem; }
	

	section.shop-contents .limited-shop .ph{ border: var(--gloabal--color--beige) .6rem solid; }
	.newss .mewss-article-box .news-buttons{ padding: 4.5rem 0 6rem; font-size: 1.4rem; }

	

	.inner{ padding: 0 3.5rem; margin: 0 auto; }


	/* header */
	header{ padding-top: 0; margin-top: 0; background-color: var(--gloabal--color--white); height: var(--header--height--sp); }
	header .logo a{ width: 9.5rem; }
	header .header-inner{ padding: 0 2.5rem; height: var(--header--height--sp); }

	header.active{ background-color: var(--gloabal--color--orange); }



	
	section.shop-tsuboyaki .page-title h2{ width: 21.5rem; }
	section.shop-fortune .page-title h2{ width: 21.2rem; }
	section.shop-wakagi .page-title h2{ width: 16.0rem; }
	section.shop-rou .page-title h2{ width: 6.8rem; }


	
	.hamburger{
		display : block;
		position: fixed;
		z-index : 111;
		right : 0;
		top   : 0;
		width : var(--header--height--sp);
		height: var(--header--height--sp);
		cursor: pointer;
    background-color: transparent;
		text-align: center;
	}

	.hamburger span {
		display : block;
		position: absolute;
		width   : calc(var(--header--height--sp) / 2);
		height  : 2px ;
		left    : calc(50% - calc(var(--header--height--sp) / 4));
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition   : 0.3s ease-in-out;
		transition        : 0.3s ease-in-out;
    background-color: var(--gloabal--color--orange);
	border-radius: 1rem;
	}
	.hamburger span:nth-child(1) { top: calc(50% - 1.2rem); }
	.hamburger span:nth-child(2) { top: calc(50% - .1rem); }
	.hamburger span:nth-child(3) { top: calc(50% + 1rem); height: 0; }
	.hamburger span:nth-child(3)::before{ 
        content: "menu";
        font-size: 1.2rem;
        position: absolute;
        bottom: -12px;
        display: block;
        width: 100%;
        text-align: center; color: var(--gloabal--color--orange); }


	/* スマホメニューを開いてる時のボタン */
	.hamburger.active span:nth-child(1) {
		top: calc(50% - .2rem);
		-webkit-transform: rotate(-45deg);
		-moz-transform   : rotate(-45deg);
		transform        : rotate(-45deg);
		background-color: var(--gloabal--color--white);
	}
	.hamburger.active span:nth-child(2){
		top: calc(50% - .2rem);
		-webkit-transform: rotate(45deg);
		-moz-transform   : rotate(45deg);
		transform        : rotate(45deg);
		background-color: var(--gloabal--color--white);
	}
	.hamburger.active span:nth-child(3){
		top: calc(50% + 1.8rem);
	}
	.hamburger.active span:nth-child(3)::before{
		content: "close";
		color: var(--gloabal--color--white);
	}




	.menu{ display: none; }

	.menu.active{
		position: fixed;
		top: 7rem;
		left: 0;
		width: 100%;
		height: calc(100vh - 7rem);
		background-color: var(--gloabal--color--orange);
		z-index: 1;
		display: block;
		overflow-y: auto;
	}
	.menu ul{ display: block !important; margin: 6.5rem; }


	header .header-inner .menu ul li:not(:last-child){ margin-right: 0; }
	header .header-inner .menu ul li{ border-top: var(--gloabal--color--white) .1rem solid; }
	header .header-inner .menu ul li:last-child{ border-bottom: var(--gloabal--color--white) .1rem solid; }
	header .header-inner .menu ul li a{ border-bottom: none; padding: 4rem 0; display: flex; color: var(--gloabal--color--white); justify-content: space-between; align-items: center; }
	header .header-inner .menu ul li a img{ width: 1.5rem; }
	header .header-inner .menu ul li a:hover{ color: var(--gloabal--color--white); border-bottom: none; }

	header .header-inner .menu ul li.here a{ color: var(--gloabal--color--white) !important; border-bottom: none !important; }

	section.section01{ margin-top: 0; }

	section img{ width: 100%; }

	section.section01{ padding: 4rem 0 6rem 0; }
	section.section06{ background-color: var(--gloabal--color--white); padding: 3rem 0 6rem 0; }


	section.map iframe{ height: 18rem; }


	footer{ border-bottom: var(--gloabal--color--orange) 1.4rem solid; padding: 2rem 0 6rem 0; }
	footer .logo{ max-width: 9.5rem; }
	footer .sponcer{ max-width: 21.6rem; }
	footer p.address{ margin: 1rem 0 2rem; }
	footer p{ font-size: 1rem; }



	/* about */
	section.about-contents{ margin-bottom: 0; }
	section.about-contents .about-slider-box{ padding-top: var(--header--height--sp); }
	section.about-contents .inner{ padding: 0; }

	section.about-contents .text-box01{ padding-top: 2.8rem; background: url(./assets/images/news/news_bg.svg) no-repeat 55% 100% / 385vw auto; padding-bottom: 28.5vw; }
	section.about-contents .text-box01 .inner{ padding: 0 4.5rem; }
	section.about-contents .text-box01 h3{ font-size: 1.5rem; text-align: left; }
	section.about-contents .text-box01 p{ font-size: 1.4rem; max-width: inherit; margin-top: 2rem; }
	section.about-contents .text-box01 .remarks{ margin-top: 3rem; }

	section.about-contents .text-box02{ padding: 0 3rem; margin-top: -10vw; margin-bottom: 0; }
	section.about-contents .text-box02 h3{ font-size: 1.5rem; text-align: left; }
	section.about-contents .text-box02 p.ph{ margin-top: 1.5rem; }
	section.about-contents .text-box02 p{ font-size: 1.4rem; }
	section.about-contents .text-box02 p.txt{ padding: 0 2rem; }

	section.about-contents .news-buttons{ margin-top: 0; padding: 4rem 0 5rem; }
	section.about-contents .news-buttons a{ font-size: 1.4rem; }

	section.about-contents .loopslider,
	section.about-contents .loopslider ul,
	section.about-contents .loopslider img{ margin-top: 0; height: 27.2rem; }




	section.shop-contents .shoplist-header{ padding-top: var(--header--height--sp); }
	section.shop-contents .page-title{ height: 5.5rem; }
	section.shop-contents .page-title h2{ font-size: 2rem; }
	.shop-list-inbox .inner{ padding: 0 3rem; flex-wrap: wrap; justify-content: flex-start; }

	.shop-list-inbox .inner a{ margin-top: 3rem; width: 49%; margin-right: 2%; }
	.shop-list-inbox .inner a:nth-child(even){ margin-right: 0; }

	.shop-list-inbox .inner a dl dd{ font-size: 1.4rem; letter-spacing: 0; }

	.shop-list-inbox .inner a:nth-child(3){ margin-right: 2%; }

	.shop-list-inbox{ position: relative; }


	section.shop-contents .limited-shop .inner-small::before,
	section.shop-contents .limited-shop .limited-shop-inbox::before,
	section.shop-contents .limited-shop .limited-shop-inbox::after{ display: none; }

	section.shop-contents .limited-shop .limited-text{ position: relative; padding-bottom: 5rem; }
	/*
	section.shop-contents .limited-shop .limited-text::after{
		content: "";
		width: 5.9rem;
		height: 9.3rem;
		background: url('./assets/images/shop/shoplist_icon02.webp') no-repeat 0 0 / 5.9rem auto;
		position: absolute;
		bottom: 0rem;
		right: 3rem;
	}
	*/

	.shop-list-inbox .icon{ 
    position: absolute;
    bottom: 0;
    right: 3rem;
    width: 30%; }


	section.shop-detail-contents .visual{ border: var(--gloabal--color--beige) .6rem solid; }

	section.shop-contents{ margin-bottom: 0; position: relative; }
	section.shop-contents .limited-shop{ padding-bottom: 0; margin-top: 14rem; }
	section.shop-contents .limited-shop h3{ font-size: 2rem; }
	section.shop-contents .limited-shop .ph{ margin-top: 3rem; }
	section.shop-contents .limited-shop dl{ margin: 2.5rem 3rem 0; width: calc(100% - 6rem); padding: 0; }
	section.shop-contents .limited-shop dl dt{ font-size: 1.8rem; }
	section.shop-contents .limited-shop dl dd{ font-size: 1.4rem; }

	section.shop-contents .limited-shop dl dd .icon{ width: 5.9rem; display: block; margin-left: auto; }


	section.shop-contents .news-buttons{ margin-top: 0; padding: 4rem 0 5rem 0; }


	
	
	.page-template-page-shop-list .news-buttons a,
	.page-template-page-shop-fortune .news-buttons a,
	.page-template-page-shop-wakagi .news-buttons a,
	.page-template-page-shop-tsuboyaki .news-buttons a,
	.page-template-page-shop-rou .news-buttons a,
	.page-template-page-shop .news-buttons a{
		font-size: 1.4rem;
	}



	section.shop-contents .shop-list-inbox::after {
		content: "";
		position: absolute;
		width: 223.4rem;
		height: 151.8rem;
		background: url(./assets/images/news/news_bg.svg) no-repeat 50% 50% / 223.4rem auto;
		left: calc(50% - 112.9rem);
		bottom: -21rem;
		z-index: -1;
	}


	section.shop-detail-contents .shop-recommend-r .catch span{ font-size: 1.2rem !important; line-height: 1; padding: 2rem 1rem !important; }




	section.shop-detail-contents .shop-recommend-box01{ height: auto; flex-direction: column-reverse; }
	section.shop-detail-contents .shop-recommend-box01 .shop-recommend-r{ position: relative; right: 0; width: 120%; padding-top: 7rem; }

	section.shop-detail-contents .shop-recommend-box01 .shop-recommend-l{ display: flex; flex-direction: row-reverse; padding: 4rem 4.5rem; width: 100%; justify-content: space-between; }

	section.shop-detail-contents .shop-recommend-box01 .shop-recommend-l .illust{ width: 40%; text-align: center; }
	section.shop-detail-contents .shop-recommend-box01 .shop-recommend-l .illust img{ max-width: 9.0rem; }
	section.shop-detail-contents .shop-recommend-box01 .shop-recommend-l .text{  margin-right: 5vw; width: 60%; font-size: 1.4rem; }

	section.shop-detail-contents .shop-recommend-box01 .shop-recommend-l p{ font-size: 1.4rem; }


	.shop-recommend-boxes{ position: relative; }


	.shop-recommend-box-end .shop-recommend-l{ padding-bottom: 0 !important; }

	section.shop-detail-contents .page-header-inner{ max-width: inherit; }

	section.shop-detail-contents .visual-wrapper::before,
	section.shop-detail-contents .visual-wrapper::after{
		display: none;
	}





	section.shop-detail-contents .shop-recommend-boxes::before{
		content: "";
        position: absolute;
        width: 223.4rem;
        height: 151.8rem;
        background: url(./assets/images/home/bg01.svg) no-repeat 50% 0 / 223.4rem auto;
        left: calc(50% - 130.9rem);
        top: -16rem;
        z-index: -1;
    }

	section.shop-detail-contents .shop-recommend::after{
		content: "";
        position: absolute;
        width: 196.2rem;
        height: 116.7rem;
        background: url(./assets/images/shop/recommend_bg.svg) no-repeat 69% 0 / 100% auto;
        left: calc(90% - 98.1rem);
        bottom: 7rem;
        z-index: -1;
	}

	.page-subtitle-recommend{ margin-top: 15rem !important; }



	section.shop-detail-contents .shop-recommend-box02{ flex-direction: column-reverse; }
	section.shop-detail-contents .shop-recommend-box02 .shop-recommend-l{  width: 100%; flex-direction: row-reverse; padding: 4rem 1.5rem; }
	section.shop-detail-contents .shop-recommend-box02 .shop-recommend-l .text{ width: 100%; font-size: 1.4rem; }

	section.shop-detail-contents .shop-recommend-box02 .shop-recommend-r{ margin-left: 0; padding: 0 7rem 0 1.5rem; width: auto; }
	section.shop-detail-contents .shop-recommend-box02 .shop-recommend-r .catch{ left: inherit; right: 1.5vw; top: inherit; bottom: 5%; }
	section.shop-detail-contents .shop-recommend-box02 .shop-recommend-r .catch span:last-child{ margin-top: 4rem; }


	section.shop-detail-contents .shop-recommend-boxes::before{ top: -11rem !important; }
	section.shop-detail-contents .shop-recommend-box01 .shop-recommend-r,
	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box01 .shop-recommend-r{
		width: 125% !important;
		position: relative;
        left: 0;
        width: 120%;
        padding-top: 7rem; }
	.shop-recommend-box .shop-recommend-r .catch{ top: 6rem; }
	.shop-recommend-box01{ margin-left: 0; }
	.shop-recommend-box01 .shop-recommend-l{ margin-top: 0; }
	.shop-recommend-boxes::after{ display: none; }


	.shop-recommend-box02{ background-color: var(--gloabal--color--beige); margin: 0; padding: 0 3rem; }
	section.shop-detail-contents .shop-recommend-box02 .shop-recommend-r{ padding-left: 0 !important; }
	.shop-goriyaku .shop-recommend-box02 .catch{ left: inherit !important; }
	.shop-goriyaku .shop-recommend-box02 .shop-recommend-r .catch{ right: 3vw !important; bottom: 8% !important; }
	.shop-goriyaku .shop-recommend-box02 .shop-recommend-l{ margin-left: 0 !important; padding: 4rem 0 !important; }
	.shop-goriyaku .shop-recommend-box03{ margin: 0 !important; padding: 4rem 3rem 0 !important; }
	.shop-goriyaku .shop-recommend-box03 .shop-recommend-l{ width: 100% !important; padding: 4rem 0 !important; margin-right: 0; }
	section.shop-detail-contents .shop-recommend-box04 .shop-recommend-l .illust{ margin-bottom: 0; width: 8rem; }


	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box01 .shop-recommend-l{ margin-top: 0; display: block; }
	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box01 .shop-recommend-l .illust{ width: 100%; text-align: right; }

	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box03{ flex-direction: column-reverse; }

    section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box03 .shop-recommend-r { position: relative; right: -10vw; width: auto; margin-left: 0; width: 115%; }
	.shop-tsuboyaki .shop-recommend-box03 {
        margin: 0 !important;
        padding: 0 3rem 0 !important;
    }

	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box03 .shop-recommend-l .illust{ display: none; }

	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box03 .shop-recommend-l{
		width: 100%;
		margin-left: 0 !important;
	}




	.shop-recommend-box03{ flex-direction: column-reverse; background-color: var(--gloabal--color--beige); height: auto; }
	section.shop-detail-contents .shop-recommend-box03 .shop-recommend-r .catch{     position: absolute;
    bottom: -1.5rem;
    left: -9vw; }
	
	section.shop-detail-contents .shop-recommend-box03 .shop-recommend-r{ position: relative; right: -10vw; width: auto; margin-left: 0; }
	
	section.shop-detail-contents .shop-recommend-box03 .shop-recommend-r .catch{
        left: -2vw;
        top: -2rem; }



		

		.shop-recommend-box03 .shop-recommend-l{ padding: 4rem; width: 100%; }
		.shop-recommend-box03 .shop-recommend-l .text{ width: 100%; font-size: 1.4rem; }
		.shop-recommend-box03 .shop-recommend-l .text span{ display: block; font-size: 1.4rem; }

		.shop-recommend-box04{ flex-direction: column-reverse; background-color: var(--gloabal--color--beige); height: auto; margin-top: 0; }
		.shop-recommend-box04 .shop-recommend-l{ width: 100%; display: flex; flex-direction: row-reverse; padding: 4rem 4.5rem; background-color: var(--gloabal--color--beige); justify-content: space-between;
			margin-top: -.1rem;
		}
		section.shop-detail-contents .shop-recommend-box04 .shop-recommend-l .illust{ width: 8rem !important; text-align: center; }
		section.shop-detail-contents .shop-recommend-box04 .shop-recommend-l .illust img{ max-width: 15.8rem; }
		section.shop-detail-contents .shop-recommend-box04 .shop-recommend-l .text{  margin-right: 5vw; width: 60%; font-size: 1.4rem; }
		section.shop-detail-contents .shop-recommend-box04 .shop-recommend-r{ position: relative; left: -10vw; top: 0; }
		section.shop-detail-contents .shop-recommend-box04 .shop-recommend-r .catch{ position: absolute;
		bottom: -1.5rem;
		right: -9vw; }
		section.shop-detail-contents .shop-recommend-box04 .shop-recommend-r .catch span{ font-size: 1.4rem; line-height: 1; padding: 2rem 1rem; }
		
		section.shop-detail-contents .shop-recommend-box04 .shop-recommend-r .catch span:last-child{ margin-top: 5rem; }


	section.shop-detail-contents.shop-goriyaku .shop-recommend-box04 .shop-recommend-r{ width: 95%; }

	section.shop-detail-contents.shop-goriyaku .shop-recommend-box01 .shop-recommend-l .illust{ width: 9rem; text-align: center; }
	section.shop-detail-contents.shop-goriyaku .shop-recommend-box01 .shop-recommend-l .illust img{ max-width: 9.0rem; }
	section.shop-detail-contents.shop-goriyaku .shop-recommend-box01 .shop-recommend-l .text{  margin-right: 5vw; width: calc(100% - 10rem); font-size: 1.4rem; }



	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box02{ flex-direction: column-reverse; background-color: var(--gloabal--color--beige); margin-top: 0; }
	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box02 .shop-recommend-r { position: relative; top: 0; padding: 0; width: calc(100% + 6rem); }
	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box02 .shop-recommend-r p{ position: relative; left: -7rem; }
	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box02 .shop-recommend-r .catch { right: 1.6rem; top: 5vw; }
	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box02 .shop-recommend-r .catch span:first-child{ margin-right: 0; }
	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box02 .shop-recommend-r .catch span{ font-size: 1.4rem; }
	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box02 .shop-recommend-r .catch span:last-child{margin-top: 10rem;  }
	

	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box02 .shop-recommend-l{ width: 100%; margin: 0; padding-left: 1.5rem; padding-right: 1.5rem; }
	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box02 .shop-recommend-l .illust{ display: none; }

	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box03 .shop-recommend-r .catch{ left: -1rem; }
	section.shop-detail-contents.shop-tsuboyaki .shop-recommend-box03 .shop-recommend-l{ padding: 4rem 1.5rem; }

	
	section.shop-detail-contents.shop-wakagi .shop-recommend-box03 .shop-recommend-l{ padding: 4rem 1.5rem; }

	
	section.shop-detail-contents.shop-fortune .shop-recommend-box01{ margin-bottom: 3rem; }
	section.shop-detail-contents.shop-fortune .shop-recommend-box01 .shop-recommend-l .illust{ width: 100%; text-align: right; margin: 0; max-width: initial; margin-top: 1.5rem; }
	section.shop-detail-contents.shop-fortune .shop-recommend-box01 .shop-recommend-l .txt{ width: 100%; }

	section.shop-detail-contents.shop-fortune .shop-recommend-box02 .shop-recommend-r{ left: 15vw; width: 130%; }
	section.shop-detail-contents.shop-fortune .shop-recommend-box02 .shop-recommend-r .catch{ top: -8rem; right: inherit; left: -2vw; bottom: inherit; }
	section.shop-detail-contents.shop-fortune .shop-recommend-box02 .shop-recommend-l{ margin-top: 0; width: 100%; }

	section.shop-detail-contents.shop-fortune .shop-recommend-box03{ margin: 0; padding: 3rem 3rem 0; }
	section.shop-detail-contents.shop-fortune .shop-recommend-box03 .shop-recommend-l .illust{ display: none; }
	section.shop-detail-contents.shop-fortune .shop-recommend-box03 .shop-recommend-r{ right: inherit; left: -15vw; margin-right: 0; margin-left: 0; width: 115%; }
	section.shop-detail-contents.shop-fortune .shop-recommend-box03 .shop-recommend-r .catch{ left: auto; right: -5rem; top: 5rem; }

	section.shop-detail-contents.shop-fortune .shop-recommend-box03 .shop-recommend-l{ width: 100%; margin-right: 0; padding: 4rem 1.5rem; }



	section.shop-detail-contents.shop-fortune .shop-recommend-box01 .shop-recommend-l{ flex-direction: column-reverse; }

	section.shop-detail-contents.shop-rou .shop-recommend-box01{ height: auto; }

	
	section.shop-detail-contents.shop-rou .shop-recommend-box03{ margin-top: 0; }

	section.shop-detail-contents.shop-rou .shop-recommend-box04{ margin: 0; padding-left: 3rem; padding-right: 3rem; padding-top: 5rem; background-color: var(--gloabal--color--beige); height: auto; }
	section.shop-detail-contents.shop-rou .shop-recommend-box04 .shop-recommend-r{ width: 115%; left: -12.5vw; }
	section.shop-detail-contents.shop-rou .shop-recommend-box04 .shop-recommend-r .catch{ right: -1.5rem; top: -3rem; }
	section.shop-detail-contents.shop-rou .shop-recommend-box04 .shop-recommend-l{ left: inherit; padding: 4rem 1.5rem; width: 100%; flex-direction: column; }
	section.shop-detail-contents.shop-rou .shop-recommend-box04 .shop-recommend-l .text{ width: 100%; margin-right: 0; }
	section.shop-detail-contents.shop-rou .shop-recommend-box04 .shop-recommend-l .text span{ display: block; margin-top: .5rem; text-align: right; width: 100%; }
	section.shop-detail-contents.shop-rou .shop-recommend-box04 .shop-recommend-l .illust{ width: 100% !important; text-align: right; }
	section.shop-detail-contents.shop-rou .shop-recommend-box04 .shop-recommend-l .illust img{ max-width: 8rem; margin-top: 1rem; }


	section.shop-detail-contents.shop-rou .shop-recommend-box03 .shop-recommend-r{ right: inherit; width: 117%; position: relative; right: -10vw; margin-left: 0; }
	section.shop-detail-contents.shop-rou .shop-recommend-box03 .shop-recommend-r .catch{ top: -1.0rem; right: inherit; left: -1.2rem; }
	
	section.shop-detail-contents.shop-rou .shop-recommend-box03 .shop-recommend-l{ width: 100%; padding: 4rem 1.5rem 0; margin-right: 0; }


	section.shop-detail-contents.shop-rou .shop-recommend-box05 .illust{ display: none; }
	section.shop-detail-contents.shop-rou .shop-recommend-box05 .shop-recommend-r .catch{ right: -10vw; left: inherit; }
	section.shop-detail-contents.shop-rou .shop-recommend-box05 .shop-recommend-r{ width: 90%; right: 3.2rem; left: initial; }






	section.shop-detail-contents.shop-rou .shop-recommend-box05 .shop-recommend-r .catch span{ padding: 1.5rem 1rem !important; }
	section.shop-detail-contents.shop-rou .shop-recommend-box05 .catch span:last-child{ margin-top: 4rem; }

	
}






/* fadeInRightUp */
.js-fadeUpRU { opacity: 0;	transform: translate(30px, -30px); transition: opacity .8s, transform .8s; }
.js-fadeUpRU.is-inview { opacity: 1; transform: translate(0, 0); transition-delay: .5s; }


/* fadeInRightDown */
.js-fadeUpRD { opacity: 0;	transform: translate(30px, 30px); transition: opacity .8s, transform .8s; }
.js-fadeUpRD.is-inview { opacity: 1; transform: translate(0, 0); transition-delay: .5s; }

/* fadeInRightDown */
.js-fadeUpLD { opacity: 0;	transform: translate(-30px, 30px); transition: opacity .8s, transform .8s; }
.js-fadeUpLD.is-inview { opacity: 1; transform: translate(0, 0); transition-delay: .5s; }



  /* フェードイン(初期値) */
.js-fadeUpText01 {
	opacity: 0; /* 最初は非表示 */
	transform: translateY(30px); /* 下に30pxの位置から */
	transition: opacity .8s, transform .8s; /* 透過率と縦方向の移動を0.8秒 */
  }
  /* フェードイン(スクロールした後) */
  .js-fadeUpText01.is-inview {
	opacity: 1; /* 表示領域に入ったら表示 */
	transform: translateY(0); /* 30px上に移動する */
	transition-delay: .5s; /* フェード開始を0.5秒遅らせる */
  }
  .js-fadeUpText02 { opacity: 0; transform: translateY(30px); transition: opacity .8s, transform .8s; }
  .js-fadeUpText02.is-inview { opacity: 1; transform: translateY(0); transition-delay: .8s; }

  .js-fadeUpText03 { opacity: 0; transform: translateY(30px); transition: opacity 1s, transform 1s; }
  .js-fadeUpText03.is-inview { opacity: 1; transform: translateY(0); transition-delay: 1s; }

  .js-fadeUpText04 { opacity: 0; transform: translateY(30px); transition: opacity 1.2s, transform 1.2s; }
  .js-fadeUpText04.is-inview { opacity: 1; transform: translateY(0); transition-delay: 1.2s; }

  .js-fadeUpText05 { opacity: 0; transform: translateY(30px); transition: opacity 1.4s, transform 1.4s; }
  .js-fadeUpText05.is-inview { opacity: 1; transform: translateY(0); transition-delay: 1.4s; }

	
.js-fadeUpG { opacity: 0; transition: opacity .8s, transform .8s; }
.js-fadeUpG.is-inview{ opacity: 1; transition-delay: .5s; }


.js-fadeUpG .g01{ opacity: 0; transform: translateY(30px); transition: opacity .8s, transform .8s; }
.js-fadeUpG.is-inview .g01{ opacity: 1; transform: translateY(0); transition-delay: .8s; }

.js-fadeUpG .g02{ opacity: 0; transform: translateY(30px); transition: opacity .8s, transform .8s; }
.js-fadeUpG.is-inview .g02{ opacity: 1; transform: translateY(0); transition-delay: .95s; }

.js-fadeUpG .g03{ opacity: 0; transform: translateY(30px); transition: opacity .8s, transform .8s; }
.js-fadeUpG.is-inview .g03{ opacity: 1; transform: translateY(0); transition-delay: 1.1s; }

.js-fadeUpG .g04{ opacity: 0; transform: translateY(30px); transition: opacity .8s, transform .8s; }
.js-fadeUpG.is-inview .g04{ opacity: 1; transform: translateY(0); transition-delay: 1.25s; }

.js-fadeUpG .g05{ opacity: 0; transform: translateY(30px); transition: opacity .8s, transform .8s; }
.js-fadeUpG.is-inview .g05{ opacity: 1; transform: translateY(0); transition-delay: 1.4s; }