/*————————————————————————————————————————————

ショコラ×フルーツ

———————————*/
figure {
  margin: 0;
}

.inner {
  width:80%;
  margin: 0 auto;
}

#splash {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #e2fffc;
  text-align: center;
}
#splash:after {
  content: "";
  width: 100%;
  height: 100vh;
  background-repeat: repeat;
  background-size: contain;
  background-position: center;
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
}
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#splash_logo img {
  width: 301px;
}

.bg-color {
  position: relative;
      padding-bottom: 2em;
}
.bg-color::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
}
.bg-color--01::before {
  background-image: url("../images/tabe_bg.jpg");
    background-size: 100%;
  
}
.bg-color--02::before {
  background: #FAC5C5;
}

.bg-color--03::before {
  background: #FFD5A3;
}

.bg-color--04::before {
  background: #C6E396;
}

.bg-color--05::before {
  background: #F887AF;
}

.bg-color--06::before {
  background:#C3E8FC;
}

.bg-color--07::before {
  background:#FFD371;
}

.deco01 {
  width: 100%;
  position: absolute;
  top: -5%;
}

.deco02 {
  width: 100%;
  position: absolute;
  bottom: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  z-index: 1;
}

.btn01 {
  position: relative;
  display: block;
  background: #fff;
  color: #5c2092;
  border-radius: 8px;
  text-align: center;
  padding: 8px 24px;
  text-decoration: none;
}
.btn01::after {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2214%22%20viewBox%3D%220%200%2012%2014%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_2%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%202%22%20d%3D%22M6.136%2C1.481a1%2C1%2C0%2C0%2C1%2C1.728%2C0L13.123%2C10.5a1%2C1%2C0%2C0%2C1-.864%2C1.5H1.741a1%2C1%2C0%2C0%2C1-.864-1.5Z%22%20transform%3D%22translate(12)%20rotate(90)%22%20fill%3D%22%235c2092%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (min-width: 1025px) {
  header {
    position: sticky;
    top: 0;
    z-index: 99;
  }
  header .openbtn {
    display: none;
  }
  header #g-nav {
    background: #682513;
    padding: 8px 40px;
  }
  header #g-nav #g-nav-list-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 40px;
  }
  header #g-nav #g-nav-list-inner .header__logo {
    width: 238px;
  }
  header #g-nav #g-nav-list-inner .menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 32px;
  }
  header #g-nav #g-nav-list-inner .menu-list li a {
    padding: 0;
  }
  header #g-nav #g-nav-list-inner .sns {
    display: none;
  }
}
.top-section {
  padding: 0em 0 4em;
}

.c-section {
  padding: 5em 0 4em;
}
.c-section__title {
  text-align: center;
  margin-bottom: 2.4em;
}

.card .card-img img {
    width: 80%;
    margin: 0 auto;
}

.card .card-img02 img {
    width: 100%;
    margin: 20px auto;
}

.c-card {
  padding-bottom: 6em;
}
.c-card__title {
  font-weight: bold;
  text-align: center;
  margin-bottom: 2em;
}
.c-card__title span {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  background: #67b5b7;
  padding: 3px 16px;
  margin-top: 12px;
}
.c-card__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2em;
}
.c-card__image img {
  width: 100%;
}
.c-card__movie iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.c-card__note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6em;
}
.c-card__lead {
  font-weight: 700;
  line-height: 1.8;
	text-align: center;
    font-size: 1.2em;
}
.c-card__dlist {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 10px 1fr;
  grid-template-columns: auto 1fr;
  gap: 8px 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
    margin:1em 0 1em 1em ;
    margin-top: 1em;
}
.c-card__term {
  background: #682513;
  color: #ffffff;
  border-radius: 4px;
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
  letter-spacing: 0.04em;
  padding: 2px 8px;
}
.c-card__desc {
  font-size: 1.2em;
}
.c-card__item {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.2em;
}
.c-card__item::before {
  content: "※";
}
.c-card__item:not(:last-of-type) {
  margin-bottom: 4px;
}
.c-card__link {
  font-size: 1.4em;
  color: #682513;
  text-decoration: underline;
}

.col2 {
  margin-top: 4em;
}

.col2 p.txt01{
	text-align: left;
	font-size: 1.2em;
}

.col2__title {
  font-size: 1.4em;
  color: #6A2B04;
	background-image: url("../images/komidashi_back.png");
  text-align: center;
  padding: 1.5em 1em 1.0em;
  margin-bottom: 0.5em;
  font-weight: bold;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}




.col2__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2em;
}
.col2__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1em 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 1em;
}
.col2__textbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.0em;
}
.col2__category {
  font-size: 1.2em;
}
.col2__name {
  font-size: 1.4em;
  font-weight: bold;
}

.col2_name_sub{
    font-size: 0.7em;
}

.col2__link {
  font-size: 1.4em;
  color: #682513;
}

.modal-contents {
  display: none;
}

.modaal-container {
  color: #0a0b10;
}
.modaal-container .modaal-content-container img {
  margin-bottom: 20px;
}
.modaal-container .modaal-content-container h5 {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 16px;
}
.modaal-container .modaal-content-container p {
  font-size: 1.4em;
}
.modaal-container .modaal-content-container .close-btn.modaal-close {
  all: unset;
  display: block;
  margin: 0 auto;
  margin-top: 24px;
  font-size: 1.4em;
  color: #f749ad;
  text-decoration: underline;
  cursor: pointer;
}
.modaal-container .modaal-content-container .close-btn.modaal-close::before, .modaal-container .modaal-content-container .close-btn.modaal-close::after {
  display: none;
}
.modaal-container #modaal-close {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(30%, -30%);
          transform: translate(30%, -30%);
  -webkit-box-shadow: 0 0 10px #fff;
          box-shadow: 0 0 10px #fff;
  background: #f749ad;
}

.fv {
  position: relative;
}
.fv__fadeout {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(99%);
          transform: translateY(99%);
  z-index: 0;
}
.fv__fadeout img {
  width: 100%;
}


.Lead .about img {
    width: 100%;
  margin: 0 auto;
}

.Lead .about p {
  font-weight: 700;
  font-size: 1.7em;
  line-height: 1.8;
  text-align: center;
          font-family: 'seurat-b';

}

.show-notes__title {
  font-size: 2em;
  text-align: center;
  margin-bottom: 20px;
  font-weight: bold;
}
.show-notes__image img {
  width: 100%;
}
.show-notes__item {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.4em;
}


.show-notes__item::before {
  content: "※";
}
.show-notes__item:not(:last-of-type) {
  margin-bottom: 4px;
}
.show-notes__link {
  display: block;
  color: #fc6185;
  text-decoration: underline;
  padding-left: 1em;
}

.u-tac {
  text-align: center;
}


.u-tac02 {
  text-align: center;
    margin-top: 80px;
}


.u-pb0 {
  padding-bottom: 0;
}

.yuryo_box{
    width: 96%;
    margin: 0 auto;
    background-color: #FFF;
    border: dotted 4px #682513;
    padding: 15px;
}


.yuryo_box .show-notes__title {
  font-size: 1.5em;
  text-align: center;
  margin-bottom: 20px;
  font-weight: bold;
}
.yuryo_box .show-notes__image img {
  width: 100%;
}
.yuryo_box .show-notes__item {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.2em;
}

.yuryo_box .show-notes__item  span{
    color: #F00;
}


.yuryo_box .show-notes__item::before {
  content:none;
}
.yuryo_box .show-notes__item:not(:last-of-type) {
  margin-bottom: 4px;
}
.yuryo_box .show-notes__link {
  display: block;
  color: #fc6185;
  text-decoration: underline;
  padding-left: 1em;
}

.yuryo_box .btn {
    background: #682513;
    padding: 10px;
    border-radius: 20px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    margin-top: 25px; 
}


.listul{
	width: 95%;
	margin: 0 auto;
}

.listul li{
	float: left;
	width: 29%;
	margin: 1% 2% 2%;
}
.listul li p{
	text-align: center;
	padding-top: 1em;
	font-size: 1.2em;
}

.atari{
	margin: 1em 0;
}