@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;
}
.inner{
	margin: 0 auto;	
	text-align: center;
}
p{
    color: #474544;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.sp {
	display: none !important;
}
.br-sp{
    display: none;
}
/*.endnotice{
	font-size: 16px;
	font-weight: 600;
	margin-left: 15px;
	background-color: #FFF;
	padding: 20px;
}*/
/*-----共通設定ここまで-----*/


/**/
/**/
/**/
/**/
/**/
/*-----基本的にはここから下のコードを編集します。-----*/
/*-----振り分け番号のアルファベット(TV-)を検索をして下さい(ctrl+F)-----*/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/*スクロールボタン設定*/
html{
  scroll-behavior: smooth;
}
/* ボタン全体 */
#page_top{
  width: 100px;
  height: 100px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  background-color: #003454;
  border-radius: 50%;
  z-index: 1;
  }
  #page_top::before{
  position: absolute;
  top:20%;
  left: 25%;
  content: '';/*何も入れない*/
  display: inline-block;
  width: 55px;/*画像の幅*/
  height: 55px;/*画像の高さ*/
  background-image: url(../img/angle-up-solid_white.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
/**/
/**/
/**/
/*firstview<!--FV-01~FV-06-->*/
/**/
/**/
/**/
/*divタグで囲って中の要素にinline-blockで指定することによって横伸びがしなくなる*/
.firstview-box01 img{
	width: 100%;
}
.firstview-box02{
	text-align: center;
	background-color: #ffffff;
	padding: 4.0rem 0 4.0rem 0;
}
.firstview-box02 img{
    max-width: 100%;
}
#additional{
	background-color: black;
	background-image: url("../img/additional_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}
#additional-wrapper{
	max-width:1000px;
	margin: auto;
	padding: 12.0rem 0 8.0rem 0;
	text-align: center;
}
#additional h2{
	width: 70%;
	margin: auto;
    margin-bottom: 5.0rem;
}
#additional h2 img{
	width: 100%;
}
.firstview-item01{
	padding: 0 1.0rem;
    margin-bottom: 2.5rem;
}
.firstview-item02 a:hover{
    opacity: 0.5;
}
img.pc.additional_text {
    max-width: 100%;
}
/**/
/**/
/**/
/*<!--FV-01~FV-06ここまで-->*/
/**/
/**/
/**/

/**/
/**/
/**/
/*information<!--IN-01~IN-02-->*/
/**/
/**/
/**/
 #information{
	background: url("../img/information-bg.png") no-repeat center center / cover;
    background-size: cover;
	padding:3.5rem 0 8.0rem 0;     
}
#information img{
    max-width: 100%;
}
img.pc.infomation-kip {
    margin-bottom: 5.0rem;
}
.information-wrapper01 {
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
}
.information-tittle-img {
    margin-bottom: 10rem;
}
.information-box {
    margin-top: 5.0rem;
}
.information-box h2{
    font-size: 3.0rem;
    font-weight: 600;
    color:#746BAB;
    border-bottom: 1px solid #746BAB;
    padding-bottom: 0.5rem;
    display: inline;
}
.information-item h3{
    text-align: left;
    background-color: #51291F;
    color:#ffffff;
}
.information-item-01{
    padding-top: 5.3rem;
}
.information-item-01 h3{
    font-size: 1.8rem;
    width: 200px;
    letter-spacing: 0.12em;
    clip-path: polygon(0% 0%, 75% 0%, 82% 50%, 75% 100%, 0% 100%);
    padding: 0.5rem 0 0.5rem 3.9rem;
    margin-bottom: 0.5rem;
}
.information-item-02{
    display: flex;
    padding-top: 7.5rem;
}
.information-item-02 h3{
    font-size: 1.6rem;
    line-height: 1.4;
    clip-path: polygon(0% 0%, 75% 0%, 82% 50%, 75% 100%, 0% 100%);
    padding: 0.5rem 5.4rem 0.5rem 1.0rem;  
}
.information-wrapper01 p{
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.7; 
    color: #51291F;
}
.information-item {
    margin: 0 0 0 4.0rem;
}

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


/**/
/**/
/**/
/*step<!--ST-01~ST-03-->*/
/**/
/**/
/**/
 #step1{
	background: url("../img/step-bg-01.jpg") no-repeat center center / cover;
    background-size: cover;
    padding: 0 2rem 9.0rem 2rem;
}

.step-tittle-box {
    text-align: center;
    padding-top: 7.0rem;
    margin-bottom: 5.0rem;
}
img.pc.step-tittle {
    max-width: 100%;
}
.step-wrapper02 {
   max-width: 1000px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.step-item01-left {
    margin-top: 4.0rem;
}
.step-item02-left{
    padding: 1.0rem;
    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-item02-area01 {
    margin-bottom:1.2rem;
}
.step-box01{
    margin-bottom: 8rem;
    max-width: 450px;
}
.step-box.step-box01 {
    display: flex;
    flex-direction: column;
}
.step-item02-left {
    width: 450px;
    margin: auto auto 0 auto;
}
.step-box img{
	max-width: 100%;
}
.step-text-box {
    max-width: 700px;
    line-height: 1.5;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.step-item02-area02, .step-item02-area02-another {
    align-items: center;
}
.step-item02-map2-another{
    max-width: 150px;
}
.step-item02-map2-another {
    margin-top: 1.0rem!important;
}
.step-item-img {
    margin: 3.5rem 0 1.5rem 0;
}
.step-main-text{
    line-height: 1.4;
    text-align: left;
    max-width: 400px;
    margin: 0 auto 1.5rem auto;
}
.step-item02-area01, .step-item02-area02{
    display: flex;
}

.step-item02-time, .step-item02-day, .step-item02-tel, .step-item02-map{
    display: flex;
}
.step-item02-tel img{
    align-self: end;
    margin-right: 0.3rem;
}
.step-item02-map img{
    align-self: center;
}
.step-item02-tel {
    letter-spacing: -0.1em;
}
.step-item02-tel {
    margin-right: 2.0rem;
}
.step-item02-map{
    background-color: #244d5e;
    border-radius: 25px;
    padding: 0.2rem 0.9rem;
    margin: 0 0.5rem;
    line-height: 1.5;
}
.step-item02-map:hover{
    background-color: #7F0301!important;
    transition: 0.5s;
-webkit-transition: 0.5s; 
}
.step-item02-map p{
    color:#ffffff
}
.step-item02-time-tittle, .step-item02-day-tittle{
    font-size: 1.4rem;
    background-color: #244d5e;
    color:#ffffff;
    padding: 0.3rem 0.9rem;
    margin-right: 0.6rem;
    height: 2.3rem;
}
.step-item02-time {
    margin-right: 1rem;
}
.step-item02-time-text, .step-item02-day-text{
    font-size: 1.8rem;
    color: #244d5e;
}
.step-item02-time-text {
    color: #244d5e;
}
.step-item02-day-text span{
    font-size: 1.2rem;
}
p.step-item02-day-text-event {
    font-size: 1.2rem;
    color: #244d5e;
}
.step-item02-tel p{
    font-size: 1.8rem;
	font-weight: 600;
    color: #244d5e;
    letter-spacing: 0.05rem;
}
.step-item02-map p{
    font-size: 1.6rem;
    margin-left: 0.8rem;
	font-weight: 600;
}
.step-item02-inbottom {
    text-align: left;
}
.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;
    text-align: left;
        display: inline-block;
}
.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.6rem;
}
.step-syoyo span{
    color: #c40018;
}
.step-jizenyoyaku span, .step-taiou span{
    font-size: 1.2rem;
}

/**/
/**/
/**/
/*step1<!--ST-01~ST-03ここまで-->*/
/**/
/**/
/**/



/**/
/**/
/**/
/*step2*/
/**/
/**/
/**/
#step2{
	background: url("../img/step-bg-02.jpg") no-repeat center center / cover;
    background-size: cover;
	padding: 0 2rem 9.0rem 2rem;
}

.step-item02-time-tittle2, .step-item02-day-tittle2, .step-item02-map2{
    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.2rem;
    letter-spacing: -0.02em;
}
/**/
/**/
/**/
/*step2*/
/**/
/**/
/**/

/**/
/**/
/**/
/*step3*/
/**/
/**/
/**/
#step3{
	background: url("../img/step-bg-03.jpg");
    background-repeat: repeat;
        background-position: top;
    padding: 0 1.5rem 9.0rem 1.5rem;
}
#step3 .step-item02-tel p{
    color:#5d728c;
}
#step3 .step-item02-map {
        background-color: #5d728c;
    }
.step-item02-tushima-text{
    max-width: 600px;
    padding: 1.0rem;
    background-color: #ffffff;
    border-radius: 8px;
    margin: 0 auto;
}
.gosyu-red{
    color:#c40018;
}
.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-tushimaj {
        justify-content: center;
    }
.step-item02-tel-tushimaj{
    margin: 0 2.0rem;
}
.font-sub{
    font-family: 'Zen Maru Gothic';
}
.step-app-box{
    text-align: center;
    margin-bottom: 2rem;
    margin-top: 50px;
}
.step-app-box img {
    max-width: 100%!important;
}
#step3 rt{
    letter-spacing: -1.1rem;
}

/**/
/**/
/**/
/*step3*/
/**/
/**/
/**/



/**/
/**/
/**/
/*gallery<!--GL-01~GL-03-->*/
/**/
/**/
/**/
#gallery-01,#gallery-02, #gallery-03 {
    background-size: cover;
    padding-bottom: 1.0rem;
    text-align: center;    
    padding-top: 4.4rem;
}
.gallery-btn{
    margin: 5.0rem 0;
}
.gallery-btn:hover{
    opacity: 0.5;
}
.gallery-wrapper01 img{
	width: 100%;
}

.gallery-wrapper02{
	max-width: 1250px;
}
.gallery-box{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	margin: 0 auto 6.5rem auto;
}
.gallery-area{
	width: 400px;
	margin-bottom: 2.0rem;
	text-align: left;
}
.gallery-area p{
	font-size: 1.6rem;
	line-height: 1.5;
    letter-spacing: 0.03em;
	padding-left: 0.4rem;

}
.gallery-item-area-map p{
	text-shadow: none;
}
.gallery-item{
	margin: 1.7rem 0 1.2rem auto;
	position: relative;
    margin-bottom: 0.2rem;
    border-bottom: 2px solid;
    border-top: 2px solid;
    color: #554800;
    max-width: 370px;  
}
.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-day span{
    font-size: 1.0rem;
}
.gallery-week{
    margin-bottom: 0.5rem;
}
.gallery-week span, p.gallery-day-min{
    font-size:1.0rem; 
}

.gallery-week-min{
    font-size: 1.2rem;
}
.gallery-item-box{
    display: flex;
    margin-bottom: 1.5rem;
}

.gallery-item-area-tel, .gallery-item-area-map{
    display: flex;
    padding: 0 0.6rem;
    margin-right: 1.3rem;
}
.gallery-item-area-map{
    background-color: #554800;
    border-radius: 15px;
}
.gallery-item-area-tel img, .gallery-item-area-map img{
    align-self: center;
   
}
.gallery-item-area-tel p{
    color:#4F3200;
}
.gallery-item-area-map p{
    color:#ffffff;
}

.gallery-item-area-map:hover{
    background-color: #7F0301;
    transition: 0.5s;
-webkit-transition: 0.5s; 
}

.gallery-item-pick03{
    display: flex;
}
.gallery-item-group02{
    align-self: center;
}


p.gallery-beyond-color01 {
    align-self: flex-end;
    padding-bottom: 1rem;
    font-size: 2.2rem;
}
p.gallery-beyond-color02 {
    align-self: flex-end;
    padding-bottom: 1rem;
    font-size: 2.2rem;
}
.aboutcpn{
	font-size: 1.4rem;
	text-align: left;
	line-height: 1.5;
    color: #474544;
}
.aboutcpn-red{
    font-size: 1.4rem;
    color:#c40018;
}
.gallery-beyond {
    max-width: 800px;
    margin: 0 auto;
    text-align: left;
}

.bystcr img {
    width: 75%;
}


.gallery-beyond-nocolor {
    margin: 1rem 0;
    font-size: 1.6rem;
    color: #474544;
    background-color: #eac4bc;
    display: inline-block;
}
.gallery-beyond-nocolor02 {
    margin: 1rem 0;
    font-size: 1.6rem;
    color: #474544;
    background-color: #d4e1be;
    display: inline-block;
}

/*アコーディオン全体*/
.gallery-accordion-area{
    list-style: none;
    width: 100%;
}
.gallery-accordion-area01{
    background: url("../img/gellery-lunch-bg.jpg")
}
.gallery-accordion-area02{
    background: url("../img/gellery-Souvenir-bg.jpg")
}
.gallery-accordion-area03{
    background: url("../img/gellery-pickup-bg.jpg")
}
/*アコーディオンタイトル*/
.gallery-tittle-box{
    cursor: pointer;
    transition: all .5s ease;
}
#gallery-02 .gallery-tittle-box{
	margin-top: 22px;
}
/*　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% 6% 3%;
}

img.gallery-tittle-img {
    max-width: 100%;
}
/**/
/**/
/**/
/*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-bottom: 25rem;
}
.pr-tittle {
    text-align: center;
    padding-top: 10.0rem;
    margin-bottom: 8.0rem;
}

.pr-box{
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
    margin-bottom: 5.0rem;
    justify-content: flex-end;
    flex-wrap: wrap;
    
}

.pr-area {
    margin-left: 4rem;
}
.pr-area p{
	text-align: left;
    color:#554800;
}

.pr-bold{
    font-size: 2.2rem;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.3;
}
.pr-bold span{
    font-size: 1.3rem;
    font-weight: 400;
    margin-left: 1rem;

}
.pr-text{
    font-size: 1.8rem;
    line-height: 1.5;
}
.pr-reserve{
    background-color: #8B0000;
    font-weight: 600!important;
    padding: 0.7rem 1rem;
}

.pr-box-sb span{
	font-size: 6.6rem;
}
.pr-tel-box{
    display: flex;
    font-size: 2.2rem;
}
.pr-tel-box img{
    align-self: center;
}
.pr-tel{
    /*font-weight: 600;*/
    margin-left: 0.5rem;
	font-size: 1.8rem;
}

/*pr-space スペース*/
.pr-space01, .pr-space02, .pr-space03, .pr-space04, .pr-space05, .pr-space06-1, .pr-space07{
    margin-top: 2.0rem;
}
.pr-space06-2, .pr-space07-1{
    margin-top: 1.7rem;
}

.pr-image-tittle a:hover{
    opacity: 0.5;
}



.pr-min-box {
    display: flex;
    margin-top: 1.5rem;
}
.pr-min-box p{
    font-size: 1.7rem;
}
.pr-min-text {
    display: flex;
}
.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-bg.png") no-repeat center center / cover;
   background-size: cover;
}

.closing-wrapper{
	  padding: 0 1.5rem;
}

.closing-tittle{
    text-align: center;
    margin-bottom: 2.5rem;
}
.closing-tittle img{
    padding-top: 5.0rem;
    max-width: 100%;
}
.closing-box{
	max-width: 1000px;
	margin: 0 auto;
}
.closing-area02{
	display: flex;
	justify-content: space-between;
    margin-top: 7rem;
}
.closing-area01{
    max-width: 855px;
    margin: 0 auto;
}
iframe{
    width: 100%;
    aspect-ratio: 18/7;
}
.closing-name-box{
    text-align: center;
}
.closing-name{
    font-size: 3.0rem;
    font-weight: bold;
    margin-top: 5.8rem;
    color: #141b02;
}
.closing-tel{
    font-size: 2.2rem;
    color: #141b02;
    margin-top: 1rem;    
    font-weight: 600;
}
.closing-tel span{
    font-size: 1.5rem;
    
}
footer{
	text-align: center;
	padding:4.0rem 0 4.0rem 0;
}
footer span{
	font-size: 1.6rem;
	color: #141b02;
}
.closing-area02 a:hover{
    opacity: 0.5;
}
.closing-area02 img {
    max-width: 100%;
}
/**/
/**/
/**/
/*closing<!--CL-01~CL-04ここまで-->*/
/**/
/**/
/**/




















@media (max-width: 1276px) { 
 .gallery-box {
        justify-content: center;
    }
}
@media (max-width: 939px) { 
    .step-wrapper02 {
            justify-content: center;
        }
}

@media (max-width: 899px) { 
    .step-wrapper02 {
            justify-content: center;
        }
}

 
/* 600px〜959px：タブレット
------------------------------ */
@media screen and (min-width:640px) and (max-width:959px) {
.br-pc{
    display: none;
}


/*pr*/
.pr-area{
    margin: 0 1.5rem;
}
.inner.pr-wrapper02 {
    max-width: 700px;
}

/*information*/
section#information {
    padding: 4rem 2rem 0 2rem;
}
    .information-item {
    margin: 0 0 0 0rem;
}
    .information-item-02 {
    padding: 3rem 0;
}
    .information-item-02 {
    display: block;
}
    .information-item-02 h3{
    width: 230px;
    }
/*step*/ 
    .step-area01, .step-area02, .step-area03, .step-area04, .step-area05, .step-area06{
        max-width: 700px;
    }
    .step-area01, .step-area03, .step-area05{
        order: 2;
        padding-left: 0rem;
    }
    .step-area02, .step-area04, .step-area06 {
    padding-right: 0rem;
    }
    .step-box {
    justify-content: center;
}
    .step-box01, .step-box02, .step-box03, .step-box04, .step-box05 {
    margin-bottom: 6rem;
}
/*gallery*/
    .gallery-all-box {
    margin: 0 0 0 0;
}
    .gallery-all-box {
    padding: 0 1.5rem;
}
    .gallery-beyond {
    margin: 3rem 0 0 0rem;
}
    .step-box.step-box06 {
    margin-bottom: 3rem;
}
/*pr*/
    #pr {
    padding-bottom: 6rem;
}
    .pr-box {
    justify-content: center;
}
    .pr-item.pr-image-tittle {
    margin-top: 3rem;
}
  .pr-tel-box  a[href*="tel:"] {
   pointer-events: none;
   cursor: default;
   text-decoration: none;
}
/*closing*/
    .closing-area02 {
    display: block;
}
    .closing-area02 {
    text-align: center;
}
    .closing-name {
    font-size: 2.8rem;
}
}