@charset "UTF-8";
body{
  color: #ffffff;
  background-color: #413f44;
}
header,#pan{
  background-color: transparent;
}
#header_nav,.nav-pc p a,.hb_box{
  background-color: #323133;
}
@media screen and (max-width: 600px){
  .hb_box{
  background-color: transparent;
}
}
.hb_menu{
  background-color: rgba(50, 49, 51, 0.5);
}
#pan a, #pan a:visited, #pan a:hover, #pan a:active{
  color: inherit;
}
.bgi{
  background-size: contain;
  background-image : url(../img/bgi_mochi_log.webp);
  background-repeat : no-repeat;
  background-position : center center;
}
.st h1{
  width: 100%;
  margin: 1rem auto 2rem;
  padding-bottom: 1rem;
  position : relative;
  text-align: center;
}
.st h1 img{
  width: 90%;
  max-width: 80rem;
}
#item h1{
  margin: 0 auto 1rem;
}
.stamp{
  width : 8%;
  position : absolute;
  bottom: 0;
  right : 0;
  filter: invert(37%) sepia(98%) saturate(4282%) hue-rotate(347deg) brightness(91%) contrast(103%) opacity(50%);
}
.st .svg_w{
  filter: invert(100%) sepia(0%) saturate(2468%) hue-rotate(269deg) brightness(110%) contrast(104%);
}
main.st{
  background-color: transparent;
}
main.st .inner{
  padding: 0 2rem;
}
main.st figure{
  max-width: 120px;
  width: 30%;
  min-width: 90px;
}
main.st figure img{
  border-radius: 0;
  height: 100%;
}
main.st h2{
  padding: 1.5rem 0 0;
  background: none 0% 0% / auto auto repeat scroll padding-box border-box transparent;
  max-width: initial;
  font-size: 1.3rem;
  line-height:1;
  text-align: center;
  filter: drop-shadow(0px 2px 2px #000);
}
main.st h2::before{
  top: 0;
  border-bottom: solid 0 transparent;
  border-right: solid 0 transparent;
}
main.st h2 img{
  height:3rem;
}
.flex{
  margin: 0 auto;
}
.flex .inner{
  max-width: 120rem!important;
}
.flex .flex2 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.flex .box{
  width: 100%;
  max-width: 380px;
  background-image : url(../img/bg_03.gif);
  background-repeat: repeat;
  border-radius: 20px;
  filter: drop-shadow(0px 2px 2px #000);
}
.flex .box.cha{
  background-image : none;
  filter: drop-shadow(0px 0px 0px #000);
}
.flex .box .inner{
  padding: 2rem;
  width: 100%;
}
.img_b{
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 20px;
  filter: drop-shadow(0px 2px 2px #000);
}
.img_item01{
  background-image: url(../img/ketako-mochi001.webp);
}
.img_item02{
  background-image: url(../img/ketako_yaki_pop.webp);
}
.img_item03{
  background-image: url(../img/img_ts.webp);
}
.img_item04{
  background-image: url(../img/coffee.webp);
}
.img_item05{
  background-image: url(../img/img_ice.webp);
}
.img_item02_2{
  background-image: url(../img/ketako-yaki.webp);
  aspect-ratio: 3 / 4;
}
#ketako_2{
  background-color: transparent;
}
#ketako_2 h3{
  font-size: 1.8rem;
  padding:.5rem 0;
}
#ketako_2 h3 b, #member h3 b{
  font-size: 3.5rem;
}
.buttonRound{
  background-color: #f9e600;
  color: #323133;
}
a.buttonRound, a:visited.buttonRound, a:hover.buttonRound, a:active.buttonRound{
  color: #323133;
  text-decoration: none;
}
footer{
  background-color: #323133;
}
.copyright{
  color: #323133;
}
@media screen and (max-width: 1200px){
  .flex .box{
  max-width: calc((100% - 1rem)/2);
}
#ketako_2 h3{
  font-size: 1.5rem;
}
#ketako_2 h3 b, #member h3 b{
  font-size: 2.6rem;
}
.flex p{
  padding: .5rem 0 0;
  font-size: 1.5rem;
}
.gap {
    padding: 3rem 0;
}
}
@media screen and (max-width: 600px){
  .flex .box{
  max-width: 100%;
}
}
.flex.b_n .box{
  background-image: none;
  border-radius: 0;
  filter: drop-shadow(0px 0px 0px #000);
}
#item dl{
  display: flex;
  gap:2rem;
  align-items: flex-end;
  padding : 1rem 0 0.1rem;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : #ffffff;
  line-height : 1;
}
#item dt{
  font-size : 2rem;
}
#item dd{
  font-size: 2rem;
  display: flex;
  align-items: flex-end;
}
#item dd b{
  font-size : 3.2rem;
  display: flex;
  align-items: flex-end;
  font-weight : 900;
}
#item ul{
  padding : 3rem 0px 0px;
  font-size : 1.4rem;
  list-style-type : circle;
  list-style-position : inside;
}
main.st #mail_form h2{
  padding: 0;
  font-size : 2rem;
  color:#fff;
  margin:0 auto;
}