/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

p {
    display: block;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.iframe_wrapper{
  padding-top: 0px;
}

h2{
  margin-block-start: 0px;
    margin-block-end: 0px;
}
iframe{
    width: -webkit-fill-available;
}

.dnd-section{
padding: 10px 20px;
}


.row-number-1{
      text-align: center;
}

/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu {
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
/*    padding: 0px 0px 0px 15px; /* メニューバー内側の余白(左に15px) */ */
   text-align: center;
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li {
   display: inline-block;  /* ★1:横並びに配置する */
   list-style-type: none;  /* ★2:リストの先頭記号を消す */
   position: relative;     /* ★3:サブメニュー表示の基準位置にする */
   text-align: center;
   color: #ffffff ;
   margin: 0;
}

ul.dd1 li{
  width: 235px; 
  z-index: 10;
}
ul.dd2 li{
  width: 315px; 
  z-index: 9;
}

ul.ddmenu li a {
   color: #ffffff;            /* メニュー項目の文字色(白色) */
   line-height: 40px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: bold;         /* 太字にする */
   display: block;            /* ★4:項目内全域をリンク可能にする */
   background-color: rgba(255, 153, 2, 1.0); 
  
}
ul.ddmenu li a:hover {
   background-color: #fce5cd; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #ffffff;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
   fill: #ffffff;
}

/* ▼サブメニューは、とりあえず非表示にしておく */
ul.ddmenu ul {
  display: none;         /* ★5:非表示にする */
}
ul.ddmenu ul li {
  z-index: 20;
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul {
   display: none;       /* ★1:標準では非表示にする */
   margin: 0px;         /* ★2:サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★3:サブメニュー内側の余白(ゼロ) */
   position: absolute;  /* ★4:絶対配置にする */

}
.sub_menu a{
  background-color:#FDB303 !important;
}
.sub_menu a:hover{
  background-color:#FFD46F !important;
}
i{
  margin-right:8px;
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover ul {
   display: block;      /* ★5:マウスポインタが載っている項目の内部にあるリストを表示する */
}

h2 {
  padding: 0.4em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #fffaf4;/*背景色*/
  border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}
h3 {
 border-bottom:
   solid 1px #ff9902;
}
html {
    scroll-behavior: smooth;
}
.pagetop_wrap{
    position: fixed;
    right: 30px;
    bottom: 30px;
}
.pagetop_wrap p{
    margin-left: -14px;
}
.pagetop {
    height: 50px;
    width: 50px;
    background: #fff;
    border: solid 2px #333;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999999;
    color:#fff;
}
.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #333;
    border-right: 3px solid #333;
    transform: translateY(20%) rotate(-45deg);
   color:#fff;
}
.shop_search{
  background-color:#FFFAF4;
  padding:20px 0 30px;
  border-top:4px solid #ffaf58;
}
.shop_search h4{
  text-align:center;
  color:#333;
}
.shop_search a{
   color: #ffffff;            /* メニュー項目の文字色(白色) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: bold;         /* 太字にする */
   display: inline-block;            
   background-color: rgba(255, 153, 2, 1.0); 
  padding:6px 30px;
  font-size:22px;
  border-radius:4px;
}
.shop_search a:hover{
  background-color:#FFD46F !important;
}
.shop_search i{
  margin-left:6px;
}
.search_btn{
  text-align:center;
}

@media screen and (max-width: 800px) {
   ul.ddmenu{
    padding-bottom:0;
  }
  ul.ddmenu li{
    display:block;
    width:100%;
    margin-bottom:10px;
  }
  ul.dd1 li{
    width: 98%;
    z-index: 10;
    border-radius: 20px;
    margin-bottom: 5px;
  }
  ul.dd2 li{
    width:  98%; 
    z-index: 10;
    border-radius: 20px;
    margin-bottom: 5px;
  }
  ul.ddmenu li {
   display: block; 
  }
  ul.ddmenu li:hover ul {
     display: none;     
  }
  ul.ddmenu li a:hover {
   background-color: rgba(255, 153, 2, 1.0) !important; 
   color: #ffffff !important; 
  }
  
  .row-number-4{
    padding-bottom: 0px;
  }
  .row-number-6{
    padding-top: 0px;
  }
}