html{scroll-behavior: smooth;}
body{margin: 0; padding: 0;}
ul {margin: 0px; padding: 0px;}
ul li {list-style: none;}
.wrap { text-align: center;}
.wrap .pc_img{max-width: 1280px; width: 100%; display: block; margin: 0px auto;  }
.sns_right_bnt_box {    height: 100%;position: fixed;top: 0px;right: 14px; text-align: center;    align-items: center; display: none;}
.sns_link_list{ background-color: #FFFFFF;}
.sns_right_bnt_box .title { background-color: #3C3C3C; color: #fff; padding-top: 3px;}
.sns_link_list img {width: 45px; margin: 16px 0px;}
.sns_icon { border-bottom: 1px solid #ccc; margin: 0px 10px; }

.pc_side_box{position: fixed; top:50%; right: 14px; transform: translateY(-50%);}
.pc_side_list{
  display: flex; flex-direction: column; background: #8e8376; border-radius: 20px; padding: 20px;
}
.side_icon{border-bottom: 1px solid #fff; padding: 20px 0;}
.pc_side_list .side_icon:last-of-type{border-bottom: none;}
.side_icon a img{display: block;}

.scroll_wrap {overflow: hidden;}
.scroll_on {opacity: 0;transition: all 1s;}
.scroll_on.active {opacity: 1 !important;}

.hd_wrap{display: flex; width: 100%; max-width: 1280px; margin: 0 auto;}
.hd_wrap a{}
.hd_wrap a img{display: block; width: 100%;}


@media screen and (max-width: 768px) {
  .pc_slide {display: none;}
  .mo_slide {display: block !important;}
  .mo_slide .marquee-track img {width: 200px;}
  .sns_link_list .title {display: none;}
  .sns_right_bnt_box {display: flex; height: unset; right:unset;    bottom: 0px;    top: unset; width: 100%;}
  .sns_link_list {display: flex; width: 100%;}
  .sns_link_list li {width:100%;}
  .sns_icon {border:0px; margin:0px;}
  .sns_link_list img {margin: 6px 0px;}
  
  .pc_side_box{position: fixed; bottom: 0; top: auto; right: 0; width: 100%; transform: translateY(0);}
  .pc_side_list{flex-direction: row;border-radius: 0;padding: 0; justify-content: space-around; padding: 6px 0 10px;}
  .side_icon{border-bottom: none; padding: 0;}
  .side_icon img{width: 60px;}
}