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

ショコラ×フルーツ

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



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

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


@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;
  }
}
.c-section {
  padding: 6em 0;
}
.c-section__title {
  text-align: center;
  margin-bottom: 2.4em;
}

.card-img {
    width: 90%;
    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-family: "Zen Maru Gothic", serif;
  font-size: 1.4em;
  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-cardsp__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-family: "Zen Maru Gothic", serif;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.8;
}
.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;
}
.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.4em;
}
.c-card__item {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.3em;
}
.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__title {
  font-size: 1.4em;
  color: #fff;
  background: #682513;
  border-radius: 3px;
  text-align: center;
  padding: 8px;
  margin-bottom: 2em;
  font-weight: bold;
}




.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.8em;
  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 {
  -webkit-transform: translateY(-3em);
          transform: translateY(-3em);
}
@media (min-width: 1025px) {
  .Lead .about img {
    -webkit-transform: translateY(-5em) scale(1.3);
            transform: translateY(-5em) scale(1.3);
  }
}
.Lead .about p {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-size: 1.6em;
  line-height: 2.25;
  text-align: center;
}

.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; 
}

.goods_chu{
    text-align:center;
    padding: 15px 0 5px;
}


 .indexBox {
	padding: 3.4rem 0 3.4rem;
	position: relative;
}
 .indexBox .headline01 {
	margin-bottom: 3.1rem;
}
 .indexBox .headline01 img {
	height: 13.2rem;
}
 .indexBox .linkUl {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem 1rem;
	width: 95%;
	margin: 0 auto;
}
 .indexBox .linkUl li {
    width: 24rem;
}
.indexBox .linkUl a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	color: #651515;
	text-align: center;
	height: 7.4rem;
	border-radius: 1rem;
	background: #FFF;
    border: 1px solid #CCC;
    box-shadow: 5px 5px 5px #ccc; 
    text-decoration: none;
    font-weight: bold;
    
}
.indexBox .linkUl .inner {
	width: 100%;
	display: block;
}
 .indexBox .linkUl img {
	height: 2.7rem;
}
 .indexBox .linkUl .txt {
	margin-top: -0.1rem;
	display: block;
}

@media (max-width: 1025px) {
    
   .indexBox {

	position: relative;
}
 .indexBox .headline01 {
	margin-bottom: 3.1rem;
}
 .indexBox .headline01 img {
	height: 13.2rem;
}
 .indexBox .linkUl {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem 1rem;
	width: 95%;
	margin: 0 auto;
}
 .indexBox .linkUl li {
    width: 48%;
}
.indexBox .linkUl a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	color: #651515;
	text-align: center;
	height: 7.4rem;
	border-radius: 1rem;
	background: #FFF;
    border: 1px solid #CCC;
    box-shadow: 5px 5px 5px #ccc; 
    text-decoration: none;
    
}
.indexBox .linkUl .inner {
	width: 100%;
	display: block;
}
 .indexBox .linkUl img {
	height: 2.7rem;
}
 .indexBox .linkUl .txt {
	margin-top: -0.1rem;
	display: block;
}
  
    
}

/* comBtn */
.comBtn a {
	padding: 0 4.5rem 0 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	max-width: 35rem;
	height: 5.4rem;
	color: #FFF;
	border-radius: 2.7rem;
	background: #d94472 no-repeat right 3rem center / 0.9rem;
	letter-spacing: 0.08rem;
	border: 0.2rem solid #d94472;
}
.comBtn a:has(.sub) {
	padding: 0 1rem;	
	background-image: none !important;
}
.comBtn a:has(.sub) .sub {
	padding: 0 2rem 0 0;
	display: inline-block;
	background: url(../img/common/icon02.png) no-repeat right 0.9rem center / 0.9rem;
}
.comBtn.blue a {
	background-color: #5D98DD;
	border-color: #5D98DD;
}
.comBtn.purple a {
	background-color: #BF99DB;
	border-color: #BF99DB;
}
.comBtn.pink a {
	background-color: #FAA2D1;
	border-color: #FAA2D1;
}
.comBtn.accordion a {
	padding: 0 1rem;	
	background-image: none !important;
}
.comBtn.accordion a span {
	padding-right: 1.7rem;
	position: relative;	
}
.comBtn.accordion a span::after {
	margin-top: -0.3rem;
	width: 1.5rem;
	height: 0.9rem;
	position: absolute;
	right: -0.8rem;
	top: 50%;
	content: '';
	background: url(../img/common/icon01.png) no-repeat right center / 100%;
	transition: 0.3s;
}
.comBtn.accordion.on a {
	max-width: 100%;
}
.comBtn.accordion.on a span::after {
	transform: rotate(180deg);	
}
.accordionBox {
	position: relative;
	z-index: 20;
}
.accordionBox .comBtn {
	position: relative;
	z-index: 2;
}
.accordionBox .inner {
	padding: 8.3rem 3.8rem 3rem;
	width: 100%;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #FFF;
	border: 0.2rem solid #BF99DB;
	border-radius: 3rem;
}
.accordionBox table {
	width: 100%;
	border-collapse: collapse;
}
.accordionBox table th,
.accordionBox table td {
	padding: 0.7rem 1rem;
	font-weight: 400;
	font-size: 1.6rem;
	letter-spacing: 0.1rem;
	border-bottom: 0.2rem solid #BF99DB;
	border-top: 0.2rem solid #BF99DB;
}
.accordionBox table th {
    width: 16rem;
    border-right: 0.2rem solid #BF99DB;
}
.accordionBox:has(.blue) .inner,
.accordionBox:has(.blue) .inner table th,
.accordionBox:has(.blue) .inner table td {
	border-color: #5D98DD;
}
@media all and (min-width: 897px) {
	.comBtn a:hover {
		color: #bf99db;
		background-color: #FFF;
		background-image: url(../img/common/icon02_purple.png);
	}
	.comBtn.accordion a:hover {
		color: #FFF;
		background-color: #bf99db;
	}
	.comBtn.accordion.blue a:hover {
		color: #FFF;
		background-color: #5D98DD;
	}
	.comBtn.blue a:hover {
		color: #5D98DD;
		background-image: url(../img/common/icon02_purple.png);
	}
	.comBtn a:has(.sub):hover .sub {
		background-image: url(../img/common/icon02_purple.png);
	}
	.comBtn.purple a:hover {
		color: #BF99DB;
	}
	.comBtn.pink a:hover {
		color: #FAA2D1;
	}
	.comBtn.pink a:has(.sub):hover .sub {
		background-image: url(../img/common/icon02_pink.png);
	}
}
@media all and (max-width: 896px) {
	.comBtn.accordion a span::after {
		width: 1.3rem;
  		height: 0.7rem;
	}
	.comBtn a:has(.sub) .sub {
		background-size: 0.6rem auto;
	}