html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}@font-face{font-family:'Holiday Display';src:url("../font/holiday.woff2") format("woff2"),url("../font/holiday.woff") format("woff"),url("/fonts/holiday.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}html,body{max-width:100%;overflow-x:clip;overflow-y:visible;background-color: #fdf5eb}html{font-size:13px;line-height:1.6}body{font-family:space-grotesk-variable,Verdana,Geneva,"sans-serif"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:fixed;top:0;left:0;width:auto;height:auto;margin:0;clip:auto;overflow:visible;white-space:normal;z-index:99999}a{color:inherit;text-decoration:none;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;-webkit-transition:all .6s ease;-webkit-transition-delay:0s;transition:all .6s ease 0s}a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7}img{max-width:100%;height:auto}figure{line-height:0}figure img{width:100%;height:100%;object-fit:cover;object-position:center center}input[type="submit"],input[type="button"]{border-radius:0;-webkit-box-sizing:content-box;-webkit-appearance:button;appearance:button;border:none;box-sizing:border-box;cursor:pointer}input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration{display:none}input[type="submit"]::focus,input[type="button"]::focus{outline-offset:-2px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;padding-right:1em !important;background:url("../images/selectArrow.svg") right 0.5em center no-repeat;background-size:.5em auto}button,input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:none;outline:none;background:transparent}#mainHeader{width:100%;height:120px;position:fixed;top:0;left:0;background-color:#fdf5eb;color:#c06969;box-shadow:0 0 2px #c06969;z-index:999}#mainHeader a.logo{position:absolute;z-index:101;top:0;left:0;right:0;bottom:0;margin:auto;line-height:0;width:24.3%;height:40px}#mainHeader a.logo img{width:100%;height:100%;object-fit:contain}#mainHeader #menu_btn{display:none}#mainHeader #mainNav{width:100%;height:100%;position:relative;z-index:100}#mainHeader #mainNav ul{list-style:none;margin:0;padding:0;width:100%;height:100%;display:flex;justify-content:flex-start;text-align:center;align-items:stretch;font-size:1.6964245rem; line-height: 1.4rem;}#mainHeader #mainNav ul>li{flex-basis:calc(10% - 20px);display:flex;flex-direction:column;justify-content:center}#mainHeader #mainNav ul>li:first-child{flex-basis:56px;line-height:0}#mainHeader #mainNav ul>li:first-child img{width:32px;height:32px}#mainHeader #mainNav ul>li.spacer{flex-basis:28%;height:auto;z-index:-1}#mainHeader #mainNav ul>li:nth-child(n+7){flex-basis:10%}#mainHeader #mainNav ul>li a.active{text-decoration:underline}#mainFooter{position:relative;width:100%;height:120px;background-color:#fdf5eb;color:#c06969;box-shadow:0 0 2px #c06969;z-index:98;display:flex;box-sizing:border-box;padding:0 60px;flex-direction:row-reverse;align-items:center;justify-content:space-between}#mainFooter #footer_stamp{flex-basis:60px;height:60px;line-height:0}#mainFooter #footer_stamp img{width:100%;height:100%}#mainFooter #footer_nav ul{display:flex;justify-content:flex-start;list-style:none;margin:0;padding:0;font-size:1.78571rem}#mainFooter #footer_nav ul li{margin:0 2em}

/* ナビゲーションメニュー */
.menu-list {
  display: flex;
  justify-content: center; /* メニューアイテムを中央揃えに */
}

.drop-menu {
  position: relative;
  transition: background-color .3s; /* 背景色の変化をアニメーション化 */
}

/* メニューアイテムのホバースタイル */
.drop-menu:hover .drop-menu-list {
  transform: scaleY(1); /* ドロップダウンメニューの表示 */
}

.drop-menu:hover {
 /* background-color: #c06969;  メニューアイテムのホバー時の背景色 */
 /*   color:#fdf5eb;*/
    /*  border-left:1px solid  rgba(192,105,105,0.6);
    border-right:1px solid  rgba(192,105,105,0.6);*/
  transition: background-color .3s; /* 背景色の変化をアニメーション化 */
}

.drop-menu:hover a.active {
      text-decoration: none !important;
}

.drop-menu-item:hover {
  opacity: .8; /* ドロップダウンメニューアイテムのホバー時の不透明度 */
  transition: opacity .3s; /* 不透明度の変化をアニメーション化 */
}

.drop-menu a {
  align-items: center;
  display: flex;
  justify-content: center;   
}

.drop-menu:hover a {
      text-decoration: none; /* リンクの下線を非表示 */
}

/* ドロップダウンメニュー */
.drop-menu {
  position: relative;
}

.drop-menu-list {
  left: 0;
  position: absolute;
  top: 100%;
  transform: scaleY(0); /* ドロップダウンメニューの非表示 */
  transform-origin: center top; /* 変形を適応する基準を設定 */
  transition: transform .3s; /* 表示の変化をアニメーション化 */
  width: max-content;
  z-index: 1;
     flex-direction: column;
}

.drop-menu-item {
  /*background-color: rgba(253,245,235,0.8);  ドロップダウンメニューの背景色 c06969 rgba(192,105,105,0.8) rgba(255,255,255,0.8) fdf5eb*/
    background-color:  rgba(192,105,105,1);
  transition: opacity .3s; /* 不透明度の変化をアニメーション化 */
    color:#fdf5eb;
    border-bottom:1px solid  rgba(253,245,235,1);
    /* border-left:1px solid  rgba(192,105,105,0.6);
    border-right:1px solid  rgba(192,105,105,0.6);*/
    width: 200px;

}

.drop-menu-item a {
      height: 60px;
   
}

    

/*.drop-menu-item:first-child a {
    height: 30px;
}*/


@media (max-width: 991.98px){#mainHeader{height:72px}#mainHeader a.logo{width:auto;height:40px;aspect-ratio:7 / 1}#mainHeader #menu_btn{display:block;position:absolute;top:0;left:0;width:72px;height:72px;z-index:101}#mainHeader #menu_btn i{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:30px;height:12px;border-top:solid 1px #c06969;border-bottom:solid 1px #c06969;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;-webkit-transition:all .6s ease;-webkit-transition-delay:0s;transition:all .6s ease 0s}#mainHeader #menu_btn i::before,#mainHeader #menu_btn i::after{content:"";width:100%;height:1px;background-color:#c06969;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;-webkit-transition:all .6s ease;-webkit-transition-delay:0s;transition:all .6s ease 0s}#mainHeader #menu_btn.close i{border-color:transparent}#mainHeader #menu_btn.close i::before{-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}#mainHeader #menu_btn.close i::after{-moz-transform:rotate(-225deg);-ms-transform:rotate(-225deg);-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}#mainHeader #mainNav{width:300px;height:100dvh;position:fixed;top:0;left:-305px;background-color:#fff;z-index:100;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:72px;box-shadow:0 0 4px #c06969;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;-webkit-transition:all .6s ease;-webkit-transition-delay:0s;transition:all .6s ease 0s}#mainHeader #mainNav ul{flex-direction:column;text-align:left;border-top:solid 1px #c06969}#mainHeader #mainNav ul>li{flex-basis:auto !important;display:block;border-bottom:solid 1px #c06969}#mainHeader #mainNav ul>li:first-child{/*order:1;*/text-align:center;margin-top:20px;border-bottom:none}#mainHeader #mainNav ul>li.spacer{display:none !important}#mainHeader #mainNav ul>li a{display:block;padding:.5em 1em}#mainHeader #mainNav ul>li a.active{text-decoration:none;font-weight:700}#mainHeader #mainNav.open{left:0}#mainFooter{padding:5vw;display:block;height:auto;text-align:center}#mainFooter #footer_stamp{width:60px;height:60px;margin:0 auto 30px}#mainFooter #footer_nav ul{font-size:1.5rem;justify-content:space-between}#mainFooter #footer_nav ul li{flex-basis:33%;margin:0}

    
    
    
/* ナビゲーションメニュー */
.menu-list {
  display: block;
  justify-content: left; /* メニューアイテムを中央揃えに */
}

.drop-menu {
  position: relative;
    padding-top:0;
    padding-bottom: 72px;
height:100px;
}

/* メニューアイテムのホバースタイル */
.drop-menu:hover .drop-menu-list {
display: block;
}

.drop-menu a {
  align-items: left;
  display: block;
  justify-content: left;   
}

.drop-menu-list {
  left: 0;
  position: relative;
  top:0;
  transform: scaleY(1); /* ドロップダウンメニューの非表示 */
  width: max-content;
  z-index: 1;
  /*background-color: rgba(253,245,235,0.8);*/
        margin-top:0;
     margin-bottom:0;
            padding-bottom: 0;
   
}

.drop-menu-item {
  /*background-color: rgba(253,245,235,0.8);  ドロップダウンメニューの背景色 c06969 rgba(192,105,105,0.8) rgba(255,255,255,0.8) fdf5eb*/
    background-color:  #fff;
  transition: opacity .3s; /* 不透明度の変化をアニメーション化 */
    color:#c06969;
    border-bottom:none !important;
    width: 200px;
  padding-left: 1em;
            margin-bottom: 0 !important;
}

.drop-menu-item a, .drop-menu-item a:last-child {
      height: auto
}
    
        .drop-menu-item a:last-child{
        margin-bottom:0;
            padding-bottom: 0;
}
    

    .drop-menu-item a:first-child {
text-align: left;
        margin-top:0
}
    
    
    
    
}

@media (max-width: 767.98px){.container{max-height:100%}body{-webkit-text-size-adjust:100%;max-height:100%}#mainHeader a.logo{height:20px}#mainHeader #mainNav{width:100%;left:-105vw}#mainHeader #mainNav ul{font-size:1.28571rem}#mainFooter #footer_nav ul{display:block;font-size:1.28571rem}#mainFooter #footer_nav ul li{margin:1em}

.drop-menu {
  position: relative;
    padding-top:0;
    padding-bottom: 72px;
height:60px;
}

}
