/* BASIC css start */
#drop_notice { padding: 5% 7% 20% 7%; margin: 0 25%; background-color: #fff; overflow-x:hidden; }

#drop_notice h1 { font-size:3em; line-height:1.5em; font-weight: 500; margin: 0 0 15%; padding-bottom: 5%; text-align: center; border-bottom: 5px solid #d1c6b1; }
#drop_notice h2 { font-size:2em; line-height:1.5em; margin-top: 15%; padding-top: 15%; font-weight: 500; text-align: center; border-top: 2px solid #eaeae8; }
#drop_notice h3 { font-size:1.75em; line-height:1.5em; font-weight: 500; text-decoration: underline; /*text-align: center;*/ }
#drop_notice h3::before { content:"กค "; }

#drop_notice p { font-size:1.5em; line-height:1.75em; margin: 7% 0; }
#drop_notice li { font-size:1.5em; line-height:1.75em; }
.tableofc { margin-bottom: 20% !important; padding: 5%; font-size:1.25em !important; line-height:1.5em; border: 1px solid #a3a3a3; }
.caption { position:absolute; font-size:1.25em !important; color: #000; background-color: #fff; padding: 0 2%; }

#drop_notice img { width:100%; }

.grayback { padding: 5%; background-color: #eaeae8; border-radius: 7px; }
dl { font-size:1.25em; line-height:1.75em; display: flex; }
.ul_disc { display:list-item; list-style: disc; list-style-position: inside; }
.ul_check { /*display:list-item; list-style:U+2714; list-style-position: inside;*/ }
.ul_check::before { content:"\2714"; margin-right: 5px; }
.tenmargin { margin: 7% 0; }

.highlight_yell { background-color: #f5ebd9;}


.mySwiper { margin: 5% auto 10% -30%; 
--swiper-navigation-color: #fff; --swiper-pagination-color: #fff; }

    swiper-container { 
      width: 160%;
      height: 160%;
    }

    swiper-slide {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    swiper-slide img {
      display: block;
      width: 100%;
      height: 160%;
      object-fit: cover;
    }
    
.swiper-button-next { margin-left: 50% !important; }
.swiper-button-prev { padding-left: 100px; }
/* BASIC css end */