@charset "utf-8";

.mainph_cuisine {
    background-image: url(/wedding/cuisine/images/mainph.jpg);
}

.contents000 .caption {
        margin-bottom: 20px;
        position: relative; /* 擬似要素の基準にする */
        text-align: center;
    }
.contents000 .caption:after {
        content: "";
  display: block;
  width: 40px;     /* 線の長さ */
  height: 1px;     /* 線の太さ */
  background: #937d49; /* 線の色 */
  margin: 10px auto 0; /* 上に10pxの間隔をあけて中央寄せ */
    }    
.caption.ff_min {
font-size: 3.8rem;
  font-family: "Ephesis", cursive;
  font-weight: 400;
  font-style: normal;
    line-height: 1;
}
.contents000 .box02 .caption {
        margin-bottom: 30px;
    }

/*    料理    */

.cuisine{
background-color: #f7f5f4;
text-align: center;
}

.cuisine h3{
text-align: center;
margin-bottom: 30px;
}

.cuisine_inn p{
font-size:1.4rem;
}

.main_title {
        width: 980px;
        margin: 0 auto;
        padding: 240px 0;
    }
.mainph {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}





.contents000 {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "HGS明朝E", "HG明朝E", "メイリオ", Meiryo, serif;
}

.contents000 .box01 {
        padding: 80px 0 80px 0;
    background-color: #f7f5f4;
}

.contents000 .box02 {
        padding: 80px 0 80px 0;
    background-color: #e5e0d5;
}
.contents000 .flexbox {
    width: 1200px;
    margin: 0 auto;
     display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.contents000 .flexbox .flexbox_ph {
    width: 55%;
    text-align: center;
}
.contents000 .flexbox .flexbox_ph img {
    width: 100%;
}
.contents000 .flexbox .flexbox_txt {
    width: 45%;
    background-color: #fff;
    padding: 20px;
}
.contents000 .flexbox .flexbox_txt .tit  {
    font-size: 2.0rem;
    margin-bottom: 15px;
    line-height: 1.6;
}
.contents000 .flexbox .flexbox_txt .txt  {
    font-size: 1.4rem;
}
.contents000 .box03 {
        padding: 80px 0 80px 0;
    background-color: #f1e7c9;
}
.contents000 .box04 {
        padding: 80px 0 80px 0;
    background-color: #e4f1e5;
}
.contents000 .box05 {
        padding: 80px 0 80px 0;
    background-color: #e0e1f1;
}
.contents000 .box06 {
        padding: 80px 0 80px 0;
    background-color: #eee1f1;
}
.contents000 .box06 p.txt00 {
    text-align: center;
    font-size: 1.6rem;
}
.contents000 .flexbox.rev {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
/*    tab    */

.tab00s {padding-bottom: 20px;margin: 0 auto;text-align: center;width: 1200px;}
.tab_item {
width: calc(99%/7);font-size: 1.4rem;color: #342f24;
padding-top: 5px;padding-bottom: 5px;
border-bottom: 3px solid #f5f2eb;background-color: #f5f2eb;
text-align: center;border-top: 1px solid #c29313;border-bottom: 1px solid #c29313;border-right: 1px solid #c29313;display: block;float: left;text-align: center;font-weight: 900;transition: all 0.2s ease;
letter-spacing: -0.005rem;
}
.tab_item.bortuika159{border-left: 1px solid #c29313;}

.tab_item:hover {opacity: 0.75;}
input[name="tab_item"] {display: none;}
.tab_content {display: none;clear: both;overflow: hidden;}


#n_100:checked ~ #n_100_content,#n_200:checked ~ #n_200_content,#n_300:checked ~ #n_300_content,#n_400:checked ~ #n_400_content,#n_500:checked ~ #n_500_content,#n_600:checked ~ #n_600_content,#n_700:checked ~ #n_700_content,#n_800:checked ~ #n_800_content,#n_900:checked ~ #n_900_content {  display: block;}
.tab00s input:checked + .tab_item {position: relative;background: #efe8db;}
.tab00s input:checked + .tab_item:before{
content: '';position: absolute;display: block;width: 0;height: 0;left: 46%;bottom: -11px;
border-width: 10px 8px 0 8px;border-style: solid;border-color: #c29313 transparent transparent transparent;
}
.tab00s input:checked + .tab_item:after {
position: absolute;bottom: -10px;left: 46%;width: 0;height: 0;content: '';border-width: 10px 8px 0 8px;border-style: solid;border-color: #efe8db transparent transparent transparent;
}
.boxdetail h4{color: #c29313;}
.tab_content {padding: 40px 0;}
.tab_content .menubox {
    position: relative;
}
.tab_content .menubox:before {
content: "";
        display: block;
        padding-top: 60%;
    }
.tab_content .menubox .menubox_ph {
   position: absolute;
   top: 0;
   left: 0;
   width: 80%;
}
.tab_content .menubox .menubox_ph img {
    width: 100%;
    height: auto;
}
.tab_content .menubox .menubox_txt {
    position: absolute;
    padding: 70px 50px;
    right: 0;
    top: 200px;
    border: solid 1px #e4b9ab;
    background-color: rgba(255, 255, 255, 0.8);
}

/* .rev のとき左右を逆にする */
.tab_content .menubox.rev .menubox_ph {
    left: auto;
    right: 0;
}
.tab_content .menubox.rev .menubox_txt {
    right: auto;
    left: 0;
}

.tab_content .menubox .menubox_txt .en_tit {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 10px;
}
.tab_content .menubox .menubox_txt .ja_tit {
    font-size: 1.4rem;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ad946c;
}
.tab_content .menubox .menubox_txt .choice {
    font-size: 1.4rem;
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
.tab00s {padding-bottom: 20px;margin: 0 auto;text-align: center;width: 100%;}
.tab_item {width: 49%;font-size: 1.4rem;border: 1px solid #c29313;margin-bottom: 5px;margin-right: 1px;}
.tab_content {padding: 10px 0;}

.boxdetail h4{font-size: 2.0rem !important;}
.tab00s .boxdetail p{text-align: left;}
}


.mainphbox_w {
  position: relative; /* 親を基準にする */
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  aspect-ratio: 16/7; /* 必要に応じて */
  overflow: hidden;
}

.mainphbox {
  position: relative;
  width: 100%;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.mainphbox li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.mainphbox li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.title_min {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;          /* 文字色 */
  font-weight: 700;
  font-size: 4rem;       /* お好みで */
  text-align: center;
  text-shadow: 3px 3px 6px rgba(0,0,0,0.9);
}

@media screen and (max-width: 768px) {
.mainphbox_w {
  aspect-ratio: 16/9; /* 必要に応じて */
}
.contents000 .flexbox {
    width: 100%;
    margin: 0 0;
     display: block;
    display: block;
    padding: 0 0;
}
.contents000 .flexbox .flexbox_ph {
    width: 100%;
    text-align: center;
}
.contents000 .flexbox .flexbox_ph img {
    width: 100%;
}
.contents000 .flexbox .flexbox_txt {
    width: auto;
    background-color: #fff;
    padding: 10px ;
}
.contents000 .flexbox .flexbox_txt .tit  {
    font-size: 1.8rem;
    margin-bottom: 15px;
    line-height: 1.6;
}
.contents000 .flexbox .flexbox_txt .txt  {
    font-size: 1.4rem;
}


.tab_content .menubox {
    position: relative;
}
.tab_content .menubox:before {
content: "";
        display: block;
        padding-top: 0;
    }
.tab_content .menubox .menubox_ph {
   position: relative;
   top: auto;
   left: auto;
   width: 100%;
}
.tab_content .menubox .menubox_ph img {
    width: 100%;
    height: auto;
}
.tab_content .menubox .menubox_txt {
   position: relative;
    padding: 20px 20px;
    right: auto;
    top: auto;
    border: solid 1px #e4b9ab;
    background-color: rgba(255, 255, 255, 0.8);
}

/* .rev のとき左右を逆にする */
.tab_content .menubox.rev .menubox_ph {
    left: auto;
    right: auto;
}
.tab_content .menubox.rev .menubox_txt {
    right: auto;
    left: auto;
}


.contents000 .box01 {
        padding: 30px 5px 30px 5px;
    background-color: #f7f5f4;

}
.contents000 .box02 {
        padding: 30px 5px 30px 5px;
    background-color: #e5e0d5;
}
.contents000 .box03 {
        padding: 30px 5px 30px 5px;
    background-color: #f1e7c9;
}
.contents000 .box04 {
        padding: 30px 5px 30px 5px;
    background-color: #e4f1e5;
}
.contents000 .box05 {
        padding: 30px 5px 30px 5px;
    background-color: #e0e1f1;
}
.contents000 .box06 {
        padding: 30px 5px 30px 5px;
    background-color: #eee1f1;
}
.title_min {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;          /* 文字色 */
  font-weight: 700;
  font-size: 2rem;       /* お好みで */
  text-align: center;
  text-shadow: 3px 3px 6px rgba(0,0,0,0.9);
}
.contents000.cuisine_contents{
  width: 100%;
  padding: 0 0;
}
.contents000 .box06 p.txt00 {
    text-align: center;
    font-size: 1.4rem;
}
}
.tit100{
    text-align: center;
    font-size: 2.0rem;
    margin-bottom: 10px;
}
.tit101{
    text-align: center;
    font-size: 1.5rem;
        margin-bottom: 5px;
}
.box03 .btn a{
    text-align: center;
    font-size: 1.6rem;
    border: 1px solid #e98c7c;
    background-color: #fff7f3;
    color: #71503f;
    padding: 10px 0;
    width: 50%;
    margin: 0 auto;
    display: block;
    text-decoration: none;
}
.box03 .btn a:hover{
    background-color: #fff;
    text-decoration: underline;
}
.pc { display: block; }
.sp { display: none; }

@media screen and (max-width: 768px) {
  .pc { display: none !important; }
  .sp { display: block !important; }
      .contents000 .box01 .copy {
        text-align: center;
      }
  .tit101{
    font-size: 1.3rem;
}
.box03 .btn a{
    font-size: 1.4rem;
    width: 100%;
}
}