@charset "UTF-8";
/*==============================================================
	変数
===============================================================*/
/*==============================================================
	@extend
===============================================================*/
@media screen and (max-width: 1200px) {
  .inner_wrap {
    width: 100%;
    padding: 0 3%;
  }
}
@media screen and (max-width: 850px) {
  .inner_wrap_s {
    width: 100%;
    padding: 0 3%;
  }
}
@media screen and (max-width: 768px) {
  .pc_el {
    display: none !important;
  }
  .sp_el {
    display: inline-block;
  }
  /*==============================================================
  　footer : フッター共通
  ===============================================================*/
  footer .list {
    margin-bottom: 5px;
  }
  footer .bnr_list {
    padding: 8% 0 15px;
    flex-wrap: wrap;
  }
  footer .bnr_list li {
    width: 100%;
    margin-bottom: 15px;
  }
  footer .bnr_list li:last-child {
    margin-bottom: 0;
  }
  footer .bnr {
    width: 100%;
    margin-bottom: 15px;
  }
  footer .f_txt {
    font-size: 24px;
  }
  footer .fl_box {
    flex-wrap: wrap;
  }
  footer .link {
    max-width: 100%;
    margin: 0 auto 15px;
  }
  #copyRight {
    font-size: 12px;
    font-size: 1.2rem;
  }
  #toTop a {
    width: 45px;
    height: 45px;
  }
  /*==============================================================
  header : ヘッダー共通
  ===============================================================*/
  .gl_nav .nav_ul {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    padding: 5%;
    margin-top: 50px;
  }
  .gl_nav .nav_ul li {
    width: 100%;
  }
  .gl_nav .nav_ul li::before {
    border: 8px solid transparent;
    border-left: 15px solid #fff;
  }
  .gl_nav .nav_ul a {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .hamburger.fixed {
    top: 10px;
    right: 3%;
  }
  .hamburger.active {
    right: 3%;
  }
  header {
    display: none;
  }
  /*==============================================================
  loading
  ===============================================================*/
  .loader_list li {
    max-width: 30px;
    margin: 0 10px;
  }
  .loader_list .loader_3 {
    max-width: 40px;
  }
  .loader_3.enlarge {
    max-width: 200px;
  }
  .loader_3.enlarge img {
    transform: scale(2.5);
  }
  /*==============================================================
  共通
  ===============================================================*/
  .kiriko_tl_box {
    margin-bottom: 30px;
  }
  .kiriko_tl {
    font-size: clamp(28px, 5vw, 28px);
  }
  .kiriko_tl::before {
    background-size: 70px;
    width: 70px;
    height: 70px;
    top: -36px;
  }
  .kiriko_tl span::before {
    width: 30px;
    height: 28px;
    left: -38px;
  }
  .kiriko_tl span::after {
    width: 30px;
    height: 28px;
    right: -38px;
  }
  /*==============================================================
  TOP
  ===============================================================*/
  #home .bg_red,
  #GoodsSponsorship .bg_red {
    padding: 100px 0 80px;
  }
  #home .bg_red.last,
  #GoodsSponsorship .bg_red.last {
    padding: 40px 0 80px;
  }
  #home .bg_pattern,
  #GoodsSponsorship .bg_pattern {
    padding: 100px 0 80px;
  }
  #home .bg_yellow,
  #GoodsSponsorship .bg_yellow {
    padding: 100px 0 80px;
  }
  #home .base_tl,
  #GoodsSponsorship .base_tl {
    margin-bottom: 30px;
  }
  #home .base_tl .ja,
  #GoodsSponsorship .base_tl .ja {
    font-size: clamp(36px, 5vw, 36px);
  }
  #home .base_tl .en,
  #GoodsSponsorship .base_tl .en {
    font-size: clamp(14px, 5vw, 14px);
  }
  #home .comingsoon,
  #GoodsSponsorship .comingsoon {
    width: 80%;
  }
  #home .sns_area .fl_box,
  #GoodsSponsorship .sns_area .fl_box {
    flex-wrap: wrap;
  }
  #home .sns_area .twitter_box,
  #GoodsSponsorship .sns_area .twitter_box {
    width: 100%;
    height: 300px;
    margin: 0 0 30px;
  }
  #home .sns_area .insta_box,
  #GoodsSponsorship .sns_area .insta_box {
    width: 100%;
    height: 300px;
  }
  #home .comingsoon_area,
  #GoodsSponsorship .comingsoon_area {
    padding: 50px 0;
  }
  #home .infomation_area .info_list li,
  #GoodsSponsorship .infomation_area .info_list li {
    padding: 10px;
  }
  #home .infomation_area .info_list li .date,
  #GoodsSponsorship .infomation_area .info_list li .date {
    display: block;
    width: 100%;
  }
  #home .timetable_area .controller_box_timetable_19,
  #home .timetable_area .controller_box_timetable_20,
  #GoodsSponsorship .timetable_area .controller_box_timetable_19,
  #GoodsSponsorship .timetable_area .controller_box_timetable_20 {
    width: 80%;
  }
  #home .timetable_area .controller_box_timetable_19 li a,
  #home .timetable_area .controller_box_timetable_20 li a,
  #GoodsSponsorship .timetable_area .controller_box_timetable_19 li a,
  #GoodsSponsorship .timetable_area .controller_box_timetable_20 li a {
    font-size: clamp(20px, 5vw, 20px);
  }
  #home .timetable_area .contents_wrap,
  #GoodsSponsorship .timetable_area .contents_wrap {
    padding: 50px 20px 20px;
    border-radius: 20px;
  }
  #home .timetable_area .timetable_img svg,
  #GoodsSponsorship .timetable_area .timetable_img svg {
    width: 140%;
    position: relative;
    left: -20%;
  }
  #home .timetable_area .controller_box_date,
  #GoodsSponsorship .timetable_area .controller_box_date {
    margin-bottom: 0px;
  }
  #home .timetable_area .controller_box_date .date_box,
  #GoodsSponsorship .timetable_area .controller_box_date .date_box {
    margin: 0 20px;
  }
  #home .timetable_area .controller_box_date .date_box .day_tl,
  #GoodsSponsorship .timetable_area .controller_box_date .date_box .day_tl {
    font-size: clamp(25px, 5vw, 25px);
  }
  #home .exhibitor_area .container,
  #GoodsSponsorship .exhibitor_area .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  #home .exhibitor_area .outer,
  #GoodsSponsorship .exhibitor_area .outer {
    position: relative;
    width: clamp(300px, 100%, 600px);
    height: 350px;
    width: 100%;
    overflow: hidden;
    background-color: #e9e6ce;
  }
  #home .exhibitor_area #panzoom,
  #GoodsSponsorship .exhibitor_area #panzoom {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100%;
  }
  #home .exhibitorinfo_area .midashi,
  #GoodsSponsorship .exhibitorinfo_area .midashi {
    margin-bottom: 50px;
  }
  #home .exhibitorinfo_area .wrap_tl,
  #GoodsSponsorship .exhibitorinfo_area .wrap_tl {
    font-size: clamp(24px, 4vw, 24px);
    margin-bottom: 40px;
  }
  #home .exhibitorinfo_area .wrap_tl span::before,
  #GoodsSponsorship .exhibitorinfo_area .wrap_tl span::before {
    top: 80%;
    height: 6px;
  }
  #home .exhibitorinfo_area .wrap_tl.custom span::before,
  #GoodsSponsorship .exhibitorinfo_area .wrap_tl.custom span::before {
    top: 80%;
    height: 6px;
  }
  #home .exhibitorinfo_area .controller_box_dantai li,
  #GoodsSponsorship .exhibitorinfo_area .controller_box_dantai li {
    width: 49%;
    font-size: clamp(14px, 4vw, 16px);
    height: 60px;
    padding: 10px 0;
  }
  #home .exhibitorinfo_area .tab_content_dantai,
  #GoodsSponsorship .exhibitorinfo_area .tab_content_dantai {
    padding: 15px;
  }
  #home .exhibitorinfo_area .link_list,
  #GoodsSponsorship .exhibitorinfo_area .link_list {
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
  #home .exhibitorinfo_area .link_list li,
  #GoodsSponsorship .exhibitorinfo_area .link_list li {
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
  }
  #home .exhibitorinfo_area .link_list li::before,
  #GoodsSponsorship .exhibitorinfo_area .link_list li::before {
    content: none;
  }
  #home .exhibitorinfo_area .link_list li a,
  #GoodsSponsorship .exhibitorinfo_area .link_list li a {
    font-size: clamp(18px, 4vw, 18px);
  }
  #home .exhibitorinfo_area .link_list li a::before,
  #GoodsSponsorship .exhibitorinfo_area .link_list li a::before {
    width: 100%;
  }
  #home .exhibitorinfo_area .contents_box,
  #GoodsSponsorship .exhibitorinfo_area .contents_box {
    width: 100%;
  }
  #home .exhibitorinfo_area .contents_box .fl_box,
  #GoodsSponsorship .exhibitorinfo_area .contents_box .fl_box {
    flex-wrap: wrap;
  }
  #home .exhibitorinfo_area .contents_box .photo,
  #GoodsSponsorship .exhibitorinfo_area .contents_box .photo {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  #home .exhibitorinfo_area .contents_box .txt,
  #GoodsSponsorship .exhibitorinfo_area .contents_box .txt {
    width: 100%;
  }
  #home .exhibitorinfo_area .contents_tl_box .contents_tl,
  #GoodsSponsorship .exhibitorinfo_area .contents_tl_box .contents_tl {
    font-size: clamp(15px, 4vw, 18px);
    padding-right: 45px;
    line-height: 1;
  }
  #home .exhibitorinfo_area .contents_tl_box .contents_tl.long,
  #GoodsSponsorship .exhibitorinfo_area .contents_tl_box .contents_tl.long {
    font-size: clamp(15px, 4vw, 15px);
  }
  #home .exhibitorinfo_area .tl_list,
  #GoodsSponsorship .exhibitorinfo_area .tl_list {
    font-size: 14px;
  }
  #home .headquarters_area .controller_box li a,
  #GoodsSponsorship .headquarters_area .controller_box li a {
    padding: 15px 0 0px;
    font-size: clamp(12px, 5vw, 14px);
    background: linear-gradient(45deg, transparent 0px, #deccaa 0px), linear-gradient(135deg, transparent 10px, #deccaa 10px), linear-gradient(225deg, transparent 10px, #deccaa 10px), linear-gradient(315deg, transparent 0px, #deccaa 0px);
    background-position: bottom left, top left, top right, bottom right;
    background-size: 50% 50%;
    background-repeat: no-repeat;
  }
  #home .headquarters_area .controller_box li a span,
  #GoodsSponsorship .headquarters_area .controller_box li a span {
    padding: 10px 0;
  }
  #home .headquarters_area .contents_wrap,
  #GoodsSponsorship .headquarters_area .contents_wrap {
    padding: 20px 10px;
  }
  #home .headquarters_area .headquarters_box,
  #GoodsSponsorship .headquarters_area .headquarters_box {
    width: 100%;
    margin-bottom: 25px;
    padding-bottom: 25px !important;
    border-bottom: 1px solid #fff !important;
  }
  #home .headquarters_area .headquarters_box.r-border,
  #GoodsSponsorship .headquarters_area .headquarters_box.r-border {
    border-right: none;
  }
  #home .headquarters_area .headquarters_box.t-border,
  #GoodsSponsorship .headquarters_area .headquarters_box.t-border {
    margin-top: 0;
    padding-top: 0;
    border: none;
  }
  #home .headquarters_area .headquarters_box:last-child,
  #GoodsSponsorship .headquarters_area .headquarters_box:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  #home .headquarters_area .headquarters_box:nth-child(even),
  #GoodsSponsorship .headquarters_area .headquarters_box:nth-child(even) {
    padding: 0;
  }
  #home .headquarters_area .date_box,
  #GoodsSponsorship .headquarters_area .date_box {
    width: 21%;
    font-size: clamp(12px, 5vw, 12px);
    margin: 10px 2% 10px 2%;
  }
  #home .headquarters_area .headquarters_tl_box .headquarters_tl,
  #GoodsSponsorship .headquarters_area .headquarters_tl_box .headquarters_tl {
    width: 70%;
    font-size: clamp(19px, 5vw, 19px);
    background-color: #752527;
  }
  #home .headquarters_area .headquarters_fl_box,
  #GoodsSponsorship .headquarters_area .headquarters_fl_box {
    flex-wrap: wrap;
  }
  #home .headquarters_area .headquarters_photo,
  #GoodsSponsorship .headquarters_area .headquarters_photo {
    width: 100%;
    margin-bottom: 10px;
  }
  #home .headquarters_area .headquarters_txt_box,
  #GoodsSponsorship .headquarters_area .headquarters_txt_box {
    width: 100%;
    margin: 0;
  }
  #home .headquarters_area .headquarters_comingsoon,
  #GoodsSponsorship .headquarters_area .headquarters_comingsoon {
    padding: 30px;
  }
  #home .headquarters_area .contents_box .contents_txt_box,
  #GoodsSponsorship .headquarters_area .contents_box .contents_txt_box {
    padding: 40px 20px 20px;
    line-height: 1.4;
  }
  #home .headquarters_area .contents_box .contents_txt_box.fl_box,
  #GoodsSponsorship .headquarters_area .contents_box .contents_txt_box.fl_box {
    flex-wrap: wrap;
  }
  #home .headquarters_area .contents_box .contents_tl,
  #GoodsSponsorship .headquarters_area .contents_box .contents_tl {
    width: 90%;
    padding: 0 30px;
  }
  #home .headquarters_area .contents_box .contents_tl span,
  #GoodsSponsorship .headquarters_area .contents_box .contents_tl span {
    display: inline-block;
  }
  #home .headquarters_area .tiket_box,
  #GoodsSponsorship .headquarters_area .tiket_box {
    width: 100%;
    margin: 0 0 20px;
  }
  #home .headquarters_area .qr_box,
  #GoodsSponsorship .headquarters_area .qr_box {
    width: 100%;
  }
  #home .introductions_area,
  #GoodsSponsorship .introductions_area {
    padding: 50px 0;
  }
  #home #headline .headline_box,
  #GoodsSponsorship #headline .headline_box {
    padding: 0;
    background-position: center;
  }
  #home #headline h1,
  #GoodsSponsorship #headline h1 {
    font-size: clamp(36px, 5vw, 36px);
    padding: 20px 0 0;
  }
  /*==============================================================
  headline
  ===============================================================*/
  .GoodsSponsorship_area {
    padding: 50px 0;
  }
  .GoodsSponsorship_area .GoodsSponsorship_list {
    display: flex;
    flex-wrap: wrap;
  }
  .GoodsSponsorship_area .GoodsSponsorship_list li {
    width: 46%;
    margin: 0 2% 40px;
  }
  /*==============================================================
  	kiriko : kirikoページ
  ===============================================================*/
  #kiriko .bg_white {
    padding: 80px 0;
    background-position: center bottom -15px;
    background-size: contain;
  }
  #kiriko .bg_green {
    padding: 80px 0;
    background-position: center bottom -15px;
    background-size: contain;
  }
  #kiriko .hamburger {
    position: fixed;
    right: 3%;
  }
  #kiriko header {
    display: block;
    padding: 50px 0 0;
  }
  #kiriko header .fig {
    display: none;
  }
  #kiriko .nav_box .nav_ul {
    flex-wrap: wrap;
  }
  #kiriko .nav_box .nav_ul li {
    width: 48%;
    margin: 0 0 30px;
  }
  #kiriko .nav_box .nav_ul li:nth-child(even) {
    margin: 0 0 30px;
  }
  #kiriko .nav_box .nav_ul li:nth-child(odd) {
    margin: 0 4% 30px 0;
  }
  #kiriko .nav_box .nav_ul li .txt {
    position: relative;
    bottom: 0;
  }
  #kiriko .nav_box .nav_ul li .txt span {
    padding: 5px;
  }
  #kiriko .gl_nav .nav_ul {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    padding: 5%;
    margin-top: 50px;
  }
  #kiriko .gl_nav .nav_ul li {
    width: 100%;
  }
  #kiriko .gl_nav .nav_ul li::before {
    border: 8px solid transparent;
    border-left: 15px solid #fff;
  }
  #kiriko .gl_nav .nav_ul a {
    font-size: 18px;
    font-size: 1.8rem;
  }
  #kiriko .mv_area {
    background: none;
    padding: 0;
  }
  #kiriko .mv_box {
    padding: 0;
  }
  #kiriko .sp_img {
    display: block;
  }
  #kiriko .profile_area .fl_box {
    width: 100%;
    flex-wrap: wrap;
  }
  #kiriko .profile_area .txt_box {
    width: 100%;
    order: 2;
  }
  #kiriko .profile_area .fig {
    width: 100%;
    margin-bottom: 20px;
    order: 1;
  }
  #kiriko .goods_area .goods_box {
    width: 100%;
    margin: 0 0 30px;
    padding: 15px;
  }
  #kiriko .goods_area .goods_box:last-child {
    margin-bottom: 0;
  }
  #kiriko .stamp_area .fl_box {
    flex-wrap: wrap;
  }
  #kiriko .stamp_area .txt_box {
    width: 100%;
    order: 2;
  }
  #kiriko .stamp_area .txt {
    font-size: clamp(18px, 5vw, 18px);
  }
  #kiriko .stamp_area .fig {
    width: 100%;
    order: 1;
    margin-bottom: 30px;
  }
  #kiriko .comingsoon {
    width: 80%;
    margin: 0px auto;
    left: 30px;
  }
  #kiriko .sns_area .fl_box {
    flex-wrap: wrap;
  }
  #kiriko .sns_area .twitter_box {
    width: 100%;
    height: 300px;
    margin: 0 0 30px;
  }
  #kiriko .sns_area .insta_box {
    width: 100%;
    height: 300px;
  }
}/*# sourceMappingURL=sp.css.map */