@charset "utf-8";
/* CSS Document */
/*-----共通設定-----*/

html{
	font-size: 62.5%;
}
body{
	width: 100%;
	font-family: "Zen Maru Gothic", serif;
    font-weight: 500;
}

section{
	background-size:cover;
}
p{
    color: #474544;
}

.inner{
	text-align: center;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
	display: none !important;
 }
img.sp {
    margin: 0 auto;	
}
.br-pc{
    display: none;
}
/*-----共通設定ここまで-----*/

/**/
/**/
/**/
/**/
/**/
/*-----基本的にはここから下のコードを編集します。-----*/
/*-----振り分け番号のアルファベット(TV-)を検索をして下さい(ctrl+F)-----*/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/*スクロールボタン設定*/
html{
  scroll-behavior: smooth;
}

/* ボタン全体 */
#page_top{
  width: 70px;
  height: 70px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  background-color: #003454;
  border-radius: 50%;
  z-index: 1;
  }

#page_top::before{
  position: absolute;
  top:22%;
  left: 27%;
  content: '';/*何も入れない*/
  display: inline-block;
  width: 35px;/*画像の幅*/
  height: 35px;/*画像の高さ*/
  background-image: url(../img/angle-up-solid_white.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}



/**/
/**/
/**/
/*firstview<!--TV-01~TV-06-->*/
/**/
/**/
/**/
/*divタグで囲って中の要素にinline-blockで指定することによって横伸びがしなくなる*/
.firstview-box01 img{
	width: 100%;
}

#additional{
	background-image: url("../img/additional_bgsp.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}
#additional-wrapper{
	max-width: 100%;
	margin: auto;
	padding: 5.0rem 0;
	text-align: center;
}
#additional-wrapper img{
	margin: auto;
	width: 100%;
}
#additional h2{
	width: 80%;
	margin: auto;
}
.firstview-box02{
	text-align: center;
	background-image: url("../img/fv-02sp.png");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 2.0rem 0 2.0rem 0;
}
.firstview-box02 img{
    max-width: 80%;
}
.firstview-item01{
	padding: 0 1.0rem;
}
.firstview-item02 a:hover{
    opacity: 0.5;
}
.additional_text{
    padding: 2.5rem 2.3rem 0;
}
/**/
/**/
/**/
/*<!--TV-01~TV-06ここまで-->*/
/**/
/**/
/**/

/**/
/**/
/**/
/*information<!--IN-01~IN-02-->*/
/**/
/**/
/**/
 #information{
	background: url("../img/information-bgsp.png") no-repeat center center / cover;
    background-size: cover;
	padding:3.5rem 0 2.0rem 0;     
}
#information img{
    max-width: 100%;
}
.information-tittle-img {
    width: 90%;
	margin: auto;
}
.information-wrapper01 {
    padding: 0 1.7rem;
}
.information-tittle{
    display: flex;
    justify-content: flex-end;
}
.information-tittle-img .pc{
    margin-bottom: -8.0rem;
}
img.sp.infomation-kip {
    margin: 2.5rem 0;
}
.information-box {
    margin-top: 2.5rem;
}

/**/
/**/
/**/
/*information<!--IN-01~IN-02ここまで-->*/
/**/
/**/
/**/


/**/
/**/
/**/
/*step<!--ST-01~ST-03-->*/
/**/
/**/
/**/
#step1{
	background: url("../img/step-bg-01.jpg") ;
    background-repeat: repeat;
        background-position: top;
	padding: 0 1.5rem 6.0rem 1.5rem;
}

.step-tittle-box {
    text-align: center;
    padding-top: 7.0rem;
    margin-bottom: 2.0rem;
}
img.sp.step-tittle-sp {
    max-width: 80%;
}
img.sp.step-tittle-sp-text {
    max-width: 100%;
}
.step-item01-left {
    margin-top: 1.0rem;
}
.step-item02-left{
    padding: 1.5rem;
    margin-top: 1.9rem;
    background-color: #ffffff;
    border-radius: 8px;
 }
.step-item02-intop1{
    padding-bottom: 1.0rem;
    margin-bottom: 1.0rem;
    border-bottom: 4px dotted #244d5e;
}
.step-main-text{
	font-size: 1.7rem;
	margin-top: 0.8rem;	    
}
.miso{
   font-family: "Kiwi Maru", serif;
  font-weight: 500;
}
.step-box01{
    max-width: 450px;
    margin: 0 auto 4rem auto;
}

.step-box img{
	max-width: 100%;
}
.step-text-box {
    max-width: 1000px;
    line-height: 1.5;
    margin: 0 auto;
}
.step-item02-area02 {
    align-items: center;
}
.step-area01, .step-area02, .step-area03, .step-area04, .step-area05, .step-area06{
	text-align: left;
}
.step-main-text{
    text-align: left;
    line-height: 1.4;
}
.step-item02-inbottom {
    text-align: left;
}
.step-item02-area01, .step-item02-area02{
    display: flex;
    flex-wrap: wrap;
}
.step-item02-area01-otr{
    display: block;
    margin-bottom: 0.5rem;
}
.step-item02-time, .step-item02-day, .step-item02-tel, .step-item02-map{
    display: flex;
    
}
.step-item02-tel img, .step-item02-map img{
    align-self: center;
}
.step-item02-map{
    border-radius: 25px;
    padding: 0.2rem 0rem;
    margin: 0 0.5rem;
    line-height: 1.5;
}
#step1 .step-item02-map p{
    color: #244d5e;
}

.step-item02-time-tittle, .step-item02-day-tittle{
    font-size: 1.4rem;
    background-color: #244d5e;
    color: #ffffff;
    padding: 0.3rem 0.2rem;
    margin-right: 0.2rem;
    height: 2.3rem;
}
.step-item02-time {
    margin-right: 1rem;
}
.step-item02-time-text, .step-item02-day-text{
    font-size: 1.6rem;
	font-weight: 600;
    color: #244d5e;
}
.step-item02-time-text {
    color: #244d5e;
}
.step-item02-day-text span{
    font-size: 1.0rem;
}
p.step-item02-day-text-event {
    font-size: 1.0rem;
    color: #244d5e;
}
.step-item02-tel p{
    font-size: 1.6rem;
	font-weight: 600;
    color: #244d5e;
}
.step-item02-map p{
    font-size: 1.6rem;
	font-weight: 600;
}

.step-takeout{
    font-size: 1.7rem;
    letter-spacing: -0.13em;
	font-weight: 600;
}
.pc.order2 {
    margin-left: 55px;
}
.pc.oder13 {
    margin-right: 55px;
}
.step-text{
    font-size: 1.4rem;
    color: #474544;
}
.step-yoyaku, .step-yoyaku-span01{
    background-color: #244d5e;
    border-radius: 50px;
    color:#ffffff;
    display: inline-block;
    padding: 0.3rem 1.3rem;
    font-size: 1.4rem;
    margin-bottom: 0.6rem;
}
.step-yoyaku-span02{
    border-radius: 50px;
    color:#c40018;
    display: inline-block;
    padding: 0.3rem 1.3rem;
    font-size: 1.4rem;
    margin-bottom: 0.6rem;
    border: 1px solid #c40018;
    margin-left: 1.0rem;
}

.step-taiou, .step-jizenyoyaku, .step-syoyo{
    color:#244d5e;
    font-size: 1.4rem;
}
.step-kaijo{
    color: #c40018;
    font-size: 1.4rem;
}
.step-jizenyoyaku span{
    font-size: 1.0rem;
}
.sp.step-btn-box {
    display: flex;
    margin-top: 1.5rem;
    justify-content: center;
}
.sp.step-btn-box a{
    margin: 0.5rem;
}
/**/
/**/
/**/
/*step<!--ST-01~ST-03ここまで-->*/
/**/
/**/
/**/


/**/
/**/
/**/
/*step2*/
/**/
/**/
/**/
#step2{
	background: url("../img/step-bg-02.jpg");
    background-repeat: repeat;
        background-position: top;
    padding: 0 1.5rem 9.0rem 1.5rem;
}
.step-item02-time-tittle2, .step-item02-day-tittle2{
    background-color: #5f3c52;
}
.step-item02-time-text2, .step-item02-day-text2, .step-item02-tel2 p{
    color: #5f3c52;
}
.step-item02-time-text2 span, .step-item02-tel2 span{
    font-size: 1.0rem;
}
#step2 .step-item02-map p{
    color: #5f3c52;
}
.step-item02-area02-2otr{
    display: block
}
/**/
/**/
/**/
/*step3*/
/**/
/**/
/**/
#step3{
	background: url("../img/step-bg-03.jpg");
    background-repeat: repeat;
        background-position: top;
    padding: 0 1.5rem 9.0rem 1.5rem;
}
.step-tushima-text {
    margin-top: 1.5rem;
}
.step-tushima-box {
    margin-bottom: 8.0rem;
}
.gosyu-red{
    color:#c40018;
}
#step3 .step-item02-tel p {
        color: #5d728c;
    }
#step3 .step-item02-tel{
    margin-right: 1.5rem;
}
#step3 .step-item02-tel img, .step-item02-map img {
        margin-right: 0.5rem;
    }
#step3 img.step-item-img {
    margin: 0rem 0 0.2rem 0;
}
.step-item02-tushima-text{
    max-width: 600px;
    padding: 1.0rem;
    background-color: #ffffff;
    border-radius: 8px;
    margin: 0 auto;
}
.step3-link:hover{
    opacity: 0.8;
}
#step3 .step-item02-time-tittle2{
        background-color: #5d728c;
    }
#step3 .step-item02-time-text2{
        color: #5d728c;
    }
#step3 .step-item02-area02 {
        justify-content: center;
    }
.sp.step-btn-box.step-btn-box-tushimaj img {
    width: 100%;
}
.font-sub{
    font-family: 'Zen Maru Gothic';
}
a.map-only {
    width: 50%;
}
.step-app-box{
    text-align: center;
    margin-top: 50px;
}
.step-app-box img {
    max-width: 100%!important;
    
}
.app-inner {
    margin: 1.5rem;
    display: flex;
}
#step3 img.step-tittle {
    max-width: 80%;
}
#step3 rt{
    letter-spacing: -1.1rem;
}

/**/
/**/
/**/
/*gallery<!--GL-01~GL-03-->*/
/**/
/**/
/**/
#gallery-01,#gallery-02, #gallery-03 {
    
    padding-bottom: 1.0rem;
    text-align: center;    
    padding-top: 4.4rem;
}
.gallery-tittle-box img{
    max-width: 90%;
}
.gallery-btn{
    margin: 2.0rem 0 4.0rem 0;
    
}

.gallery-btn:hover{
    opacity: 0.5;
}
.gallery-wrapper01 img{
	width: 100%;
}

.gallery-box{
	margin: 0 auto;
}
.gallery-area{
	margin-bottom: 2.0rem;
	text-align: left;
}
.gallery-area p{
	font-size: 1.6rem;
}
.gallery-area img{
    max-width: 95%;
}
.gallery-item-area-map p{
	text-shadow: none;
}
.gallery-item{
	margin: 0.3rem 0 1.2rem auto;
	position: relative;
    margin-bottom: 0.2rem;
    border-bottom: 2px solid;
    border-top: 2px solid;
    color: #554800;
    padding: 0 2rem;    
}

.gallery-item:before{
    position: absolute;
    bottom: 0.3rem;
    left: 0rem;
    right: 0rem;
    border-bottom: 1px solid;
    content: '';
}
.gallery-item:after{
    position: absolute;
    top: 0.3rem;
    left: 0rem;
    right: 0rem;
    border-top: 1px solid;
    content: '';
}
.gallery-day-box{
    display: flex;
}
.gallery-day{
    margin:1rem 0 0.3rem 0;
}

p.gallery-day-min {
    align-self: end;
    margin-left: 0.7rem;
}

.gallery-week span, p.gallery-day-min, .gallery-day span{
    font-size:1.0rem; 
}

.gallery-week-min{
    font-size: 1.2rem;
}
.gallery-item-box{
    display: flex;
    margin-bottom: 0.7rem;
}
.gallery-item-area-tel, .gallery-item-area-map{
    display: flex;
    padding: 0.6rem 0.6rem;
    margin-right: 1.3rem;
}
.gallery-item-area-tel img{
    align-self: center;
    margin-right: 0.3rem;
}
.gallery-item-area-map img{
    align-self: center;
    margin-right: 0.3rem;
}
.gallery-item-area-tel p{
    color:#554800;
}
.gallery-item-area-map a{
    pointer-events: none;
}
.gallery-item-pick03{
    display: flex;
}
.gallery-item-group02{
    align-self: center;
}

.gallery-beyond p{
    text-align: left;
	font-size: 1.3rem;
	line-height: 1.4;
}
.gallery-beyond img{
    align-self: baseline;
}
.gallery-beyond-text{
    padding-top: 5.5rem;
    display: flex;
    justify-content: center;	
}
.gallery-beyond-text img{
	width: 20%;
}
.gallery-beyond-text p{
    text-align: left;
    font-size: 1.6rem;
    margin-left: 1.0rem;
    line-height: 1.3;
	font-weight: 600;
}
.gallery-beyond-nocolor {
    margin: 1rem 0;
    font-size: 1.6rem;
    color: #474544;
    background-color: #eac4bc;
}
.gallery-beyond-nocolor02 {
    margin: 1rem 0;
    font-size: 1.6rem;
    color: #474544;
    background-color: #d4e1be;
}
.aboutcpn{
	font-size: 1.4rem;
	text-align: left;
	line-height: 1.5;
    color: #474544;
}
.aboutcpn-red{
    font-size: 1.4rem;
    color:#c40018;
    text-align: left;
}

/*アコーディオン全体*/
.gallery-accordion-area{
    list-style: none;
    width: 100%;
}
.gallery-accordion-area01{
    background: url("../img/gellery-lunch-bgsp.jpg");
	background-repeat: repeat-y;
    background-size: 100% auto;
    
}
.gallery-accordion-area02{
    background: url("../img/gellery-Souvenir-bgsp.jpg");
	background-repeat: repeat-y;
    background-size: 100% auto;
}
.gallery-accordion-area03{
   background: url("../img/gellery-pickup-bgsp.jpg");
	background-repeat: repeat-y;
    background-size: 100% auto;
}
/*アコーディオンタイトル*/
.gallery-tittle-box{
    cursor: pointer;
    transition: all .5s ease;
}
/*　closeというクラスがついたら形状変化　*/
.gallery-item.close::before{
	transform: rotate(45deg);
}
.gallery-item.close::after{
	transform: rotate(-45deg);
}
/*アコーディオンで現れるエリア*/
.gallery-all-box {
    display: none;/*はじめは非表示2番目以降？ロード後の1番目はjsで調整*/
	margin:0 3% 3% 3%;
}

/**/
/**/
/**/
/*gallery<!--GL-01~GL-03ここまで-->*/
/**/
/**/
/**/

/**/
/**/
/**/
/*pr<!--PR-01~PR-04-->*/
/**/
/**/
/**/
#pr{	
   background: url("../img/pr-bg.jpg") no-repeat center center / cover;
   background-size: cover;
   padding: 0 1.7rem 2.0rem 1.7rem;
}
.pr-tittle {
    text-align: center;
    padding-top: 4.0rem;
    margin-bottom: 4.0rem;
}
.pr-tittle img{
    max-width: 60%;
}
.pr-box{
    margin-bottom: 5.0rem;   
}
.pr-image img{
	width: 100%;
}
.pr-area {
    margin-top: 2rem;
}
.pr-area p{
	text-align: left;
    color:#554800;
}

.pr-image-tittle img{
    max-width: 100%;
}
.pr-bold{
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.3;
}
.pr-bold span{
    font-size: 1.2rem;
	margin-left: 0.5rem;
}
.pr-text{
    font-size: 1.6rem;
    line-height: 1.3;
    margin-top: 1rem;
}
.pr-reserve{
    background-color: #8B0000;
    font-weight: 600!important;
    padding: 0.7rem 1rem;
}
span.pr-reserve {
    margin-left: 1.5rem;
}
.pr-box-sb span{
	font-size: 6.6rem;
}
.pr-tel-box{
    display: flex;
}
.pr-tel-box img{
    align-self: end;
}
.pr-tel{
	font-size: 1.6rem;
    margin-left: 0.5rem;
}
#taxicall{
	max-width: 90%;
	margin: auto;
	padding-top: 1.0rem;
}
#taxicall img{
	width: 70%;
}
.pr-space06-2, .pr-space07-1{
    margin-top: 1.7rem;
	margin-bottom: 0.4rem;
}

.pr-image-tittle a:hover{
    opacity: 0.5;
}
.pr-item.pr-image-tittle {
    margin-bottom: 1.5rem;
}
.pr-min-box {
   
    margin-top: 1.5rem;
}
.pr-min-box p{
    font-size: 1.7rem;
}
.pr-min-text {
    display: flex;
    margin-bottom: 0.5rem;
}
.pr-min-text-tl {
        background-color: #554800;
        padding: 0.3rem 1.5rem;
        border-radius: 25px;
    }
p.pr-min-text-tl {
    color: #ffffff;
    margin-right: 1.0rem;
}

/**/
/**/
/**/
/*pr<!--PR-01~PR-04ここまで-->*/
/**/
/**/
/**/


/**/
/**/
/**/
/*closing<!--CL-01~CL-04-->*/
/**/
/**/
/**/
#closing{
	background: url("../img/closing-bgsp.png") no-repeat center center / cover;
   background-size: cover;
}
.closing-wrapper{
	  padding: 0 1.5rem;
}
.closing-tittle{
    text-align: center;
}
.closing-tittle img{
    padding-top: 3.0rem;
    max-width: 100%;
}
.closing-area02{
    margin-top: 2rem;
}
.closing-box {
    margin-top: 3rem;
}
iframe{
    width: 100%;
    aspect-ratio: 18/7;
}
.closing-name-box{
    text-align: center;
}

.closing-name{
    font-size: 2.0rem;
    font-weight: bold;
    margin-top: 3.0rem;
    color: #000000;
}
.closing-tel{
    font-size: 2.2rem;
    color: #000000;
    margin-top: 1rem;
    font-weight: 600;
}
.closing-tel span{
	display: block;
    font-size: 1.2rem;
	margin: 0.5rem;
    
}
footer{
	text-align: center;
	padding:4.0rem 0 4.0rem 0;
}
footer span{
	font-size: 1.2rem;
}
.closing-area02 {
    text-align: center;
}
.closing-area02 img{
    max-width: 80%;
}
.closing-area02 a:hover{
    opacity: 0.5;
}
#calltsm{
	max-width: 80%;
	margin: auto;
}
#calltsm{
	width: 70%;
	margin-top: 2.0rem;
}
#calltsm img{
	width: 100%;
	height: auto;
}
/**/
/**/
/**/
/*closing<!--CL-01~CL-04ここまで-->*/
/**/
/**/
/**/