@charset "UTF-8";
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;
}

html {
  background-color: #fff;
  font-family: YakuHanRP,'M PLUS Rounded 1c', sans-serif;
  color: #0b2861;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.02em;
  text-indent: 0.02em;
}

#container {
  width: 100%;
  max-width: 1920px;
  min-width: 1020px;
  margin: 0 auto;
  background-color: #fff;
  overflow-x: hidden;
}

#container a {
  text-decoration: none;
}

#container img {
  vertical-align: bottom;
}

#container .sp_only {
  display: none;
}

#container .header_marquee {
  display: block;
  width: 100%;
  height: 100px;
  background-position: 0 0;
  font-size: 0;
}

#jumbotron {
  position: relative;
  z-index: 5;
  width: 100%;
  aspect-ratio: 1920 / 1200;
  background-image: url(../img/jumbotron_bk.png);
  background-size: contain;
  background-position: 50% 0;
  background-repeat: no-repeat;
  overflow: hidden;
}

#jumbotron .inner {
  padding: 40px 50px 0;
}

#jumbotron .inner .august {
  display: block;
  width: 213px;
  height: 90px;
  margin-bottom: 30px;
  background-image: url(../img/jumbotron_august.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#jumbotron .inner h1 {
  display: block;
  width: 578px;
  height: 186px;
  margin-bottom: 20px;
  background-image: url(../img/jumbotron_h1.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#jumbotron .inner .date {
  width: 433px;
  height: 76px;
  background-image: url(../img/jumbotron_h2.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#jumbotron .inner .banners {
  padding-top: 50px;
}

#jumbotron .inner .banners li {
  padding-bottom: 20px;
}

#jumbotron .inner .banners li a {
  position: relative;
  display: block;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  cursor: pointer;
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
}

#jumbotron .inner .banners li a:hover {
  opacity: 0.6;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

#jumbotron .inner .banners li a::after {
  position: absolute;
  width: 660px;
  left: 0;
  bottom: 0;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  content: "";
}

#jumbotron .inner .banners li.banner_01 a {
  width: 660px;
  height: 160px;
  border-radius: 50px;
  background-image: url(../img/banner_01_bk.png);
}

#jumbotron .inner .banners li.banner_01 a::after {
  height: 190px;
  background-image: url(../img/banner_01_chara.png);
}

#jumbotron .inner .banners li.banner_02 a {
  width: 660px;
  height: 160px;
  border-radius: 50px;
  background-image: url(../img/banner_02_bk.png);
}

#jumbotron .inner .banners li.banner_02 a::after {
  height: 180px;
  background-image: url(../img/banner_02_chara.png);
}

#jumbotron .inner .banners li.banner_03 a {
  width: 470px;
  height: 120px;
  border-radius: 50px;
  background-image: url(../img/banner_03.png);
}

#jumbotron .inner .banners li.banner_04 a {
  width: 470px;
  height: 120px;
  border-radius: 50px;
  background-image: url(../img/banner_04.png);
}

#information {
  position: relative;
  z-index: 5;
}

#information .header_marquee {
  background-image: url(../img/info_h2.png);
  background-size: 647px 100px;
  -webkit-animation: marquee_01 linear 6.47s infinite;
  animation: marquee_01 linear 6.47s infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#information .info_section {
  max-width: 80%;
  max-width: 1200px;
  min-width: 960px;
  margin: 0 auto;
}

#information .info_section > .header {
  margin: 60px 30px 25px;
}

#information .info_section > .header h3 {
  margin-bottom: 20px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#information .info_section > .header p {
  position: relative;
  left: -2px;
  color: #ffffff;
}

#information .info_section .table {
  position: relative;
  background-color: rgba(11, 40, 97, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

#information .info_section .table > dl {
  margin: 0 25px;
  padding: 25px 0 19px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#information .info_section .table > dl > dt {
  position: relative;
  width: 120px;
  height: 27px;
  background-color: #0b2861;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  font-size: 0;
}

#information .info_section .table > dl > dt::before {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 12px 12px 0px 0px;
  border-color: #fff21f transparent transparent transparent;
  content: "";
}

#information .info_section .table > dl > dt::after {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-style: solid;
  border-width: 0px 0px 12px 12px;
  border-color: transparent transparent #fff21f transparent;
  content: "";
}

#information .info_section .table > dl > dt.dt_01 {
  background-image: url(../img/info_dt_01.png);
  background-size: 76px 16px;
}

#information .info_section .table > dl > dt.dt_02 {
  background-image: url(../img/info_dt_02.png);
  background-size: 31px 17px;
}

#information .info_section .table > dl > dt.dt_03 {
  background-image: url(../img/info_dt_03.png);
  background-size: 33px 16px;
}

#information .info_section .table > dl > dt.dt_04 {
  background-image: url(../img/info_dt_04.png);
  background-size: 77px 17px;
}

#information .info_section .table > dl > dt.dt_05 {
  background-image: url(../img/info_dt_05.png);
  background-size: 83px 16px;
}

#information .info_section .table > dl > dt.dt_06 {
  background-image: url(../img/info_dt_06.png);
  background-size: 67px 16px;
}

#information .info_section .table > dl > dt.dt_07 {
  background-image: url(../img/info_dt_07.png);
  background-size: 66px 16px;
}

#information .info_section .table > dl > dd {
  width: calc(100% - 140px);
  margin-bottom: 6px;
  color: #fff;
}

#information .info_section .table > dl > dd dl {
  width: 100%;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#information .info_section .table > dl > dd dl dt {
  width: 140px;
  color: #fff21f;
  font-weight: 800;
}

#information .info_section .table > dl > dd dl dd {
  width: calc(100% - 140px);
}

#information .info_section .table .caution {
  padding-top: 5px;
  font-size: 12px;
  line-height: 21px;
}

#information .info_section .table .caution li {
  color: #fff;
  opacity: 0.5;
}

#information .info_section .table .caution li::before {
  display: inline-block;
  padding-right: 3px;
  content: "※";
}

#information #event_info > .header h3 {
  width: 473px;
  height: 32px;
  background-image: url(../img/info_h3_01.png);
}

#information #event_info .table::after {
  display: block;
  position: absolute;
  width: 223px;
  height: 194px;
  right: 26px;
  top: -195px;
  background-image: url(../img/info_img_01.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  content: "";
}

#information #web_order > .header h3 {
  width: 264px;
  height: 32px;
  background-image: url(../img/info_h3_02.png);
}

#information #web_order > .inner h4.h4_01 {
  width: 257px;
  height: 23px;
  margin: 50px 30px 15px;
  background-image: url(../img/info_h4_01.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#information #web_order > .inner h4.h4_02 {
  width: 189px;
  height: 23px;
  margin: 20px 30px 15px;
  background-image: url(../img/info_h4_02.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#information #web_order > .inner .caution {
  margin: -17px 25px 22px;
}

#information #web_order .table:first-of-type:after {
  display: block;
  position: absolute;
  width: 249px;
  height: 213px;
  right: 6px;
  top: -214px;
  background-image: url(../img/info_img_02.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  content: "";
}

#information .footer {
  padding: 40px 0 60px;
}

#information .footer a {
  display: block;
  width: 390px;
  height: 70px;
  margin: 0 auto;
  background-image: url(../img/info_btn_01.png);
  -webkit-box-shadow: 0 0 5px rgba(29, 75, 169, 0.15);
          box-shadow: 0 0 5px rgba(29, 75, 169, 0.15);
  border-radius: 20px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  cursor: pointer;
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
}

#information .footer a:hover {
  opacity: 0.6;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

#goods {
  position: relative;
  z-index: 5;
  padding-bottom: 60px;
  background-image: url(../img/bk_loop.png);
  background-size: 720px 600px;
  -webkit-animation: bk_loop linear 15s infinite;
  animation: bk_loop linear 15s infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#goods .header_marquee {
  background-image: url(../img/goods_h2.png);
  background-size: 683px 100px;
  -webkit-animation: marquee_02 linear 6.83s infinite;
  animation: marquee_02 linear 6.83s infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#goods_lineup {
  padding: 40px 0 60px;
  max-width: 80%;
  max-width: 1200px;
  min-width: 960px;
  margin: 0 auto;
}

#goods_lineup > p {
  padding: 0 30px 20px;
}

#goods_lineup .caution {
  position: relative;
  margin: 0 30px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  padding: 15px 30px 15px 90px;
}

#goods_lineup .caution::before {
  display: block;
  position: absolute;
  width: 36px;
  height: 32px;
  top: 50%;
  left: 25px;
  margin-top: -16px;
  background-image: url(../img/goods_alert_01.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  content: "";
}

#goods_lineup .caution li {
  font-size: 14px;
  line-height: 22px;
  color: #777;
}

#goods_lineup .caution li strong {
  color: #d83a66;
}

#goods_lineup .caution li::before {
  display: inline-block;
  padding-right: 5px;
  content: "※";
}

#goods_lineup .goods_list {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#goods_lineup .goods_list .item {
  width: 32%;
  max-width: 360px;
  margin-top: 50px;
}

#goods_lineup .goods_list .item .thumbnail {
  display: block;
  width: 100%;
  border-radius: 30px;
  aspect-ratio: 360 / 215;
  background-size: cover;
  background-position: 50% 50%;
  cursor: pointer;
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
  -webkit-box-shadow: 0 0 5px rgba(29, 75, 169, 0.15);
          box-shadow: 0 0 5px rgba(29, 75, 169, 0.15);
}

#goods_lineup .goods_list .item .thumbnail:hover {
  opacity: 0.6;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

#goods_lineup .goods_list .item .name {
  display: block;
  margin: 25px auto 0;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#goods_lineup .goods_list .item .price {
  width: 237px;
  margin: 12px auto 0;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

#goods_lineup .goods_list .item .price dt {
  width: 83px;
  margin-top: 6px;
  margin-right: 12px;
  height: 20px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#goods_lineup .goods_list .item .price dt.event {
  background-image: url(../img/goods_price_01.png);
}

#goods_lineup .goods_list .item .price dt.booth {
  background-image: url(../img/goods_price_02.png);
}

#goods_lineup .goods_list .item .price dd {
  position: relative;
  margin-top: 6px;
  top: 2px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#goods_lineup .goods_list .item_01 .thumbnail {
  background-image: url(../img/l01_img.png);
}

#goods_lineup .goods_list .item_01 .name {
  width: 192px;
  height: 50px;
  background-image: url(../img/l01_name.png);
}

#goods_lineup .goods_list .item_01 dd.event {
  width: 141px;
  height: 24px;
  background-image: url(../img/g01_price_01.png);
}

#goods_lineup .goods_list .item_01 dd.booth {
  width: 140px;
  height: 24px;
  background-image: url(../img/g01_price_02.png);
}

#goods_lineup .goods_list .item_02 .thumbnail {
  background-image: url(../img/l02_img.png);
}

#goods_lineup .goods_list .item_02 .name {
  width: 226px;
  height: 51px;
  background-image: url(../img/l02_name.png);
}

#goods_lineup .goods_list .item_02 dd.event {
  width: 137px;
  height: 24px;
  background-image: url(../img/g02_price_01.png);
}

#goods_lineup .goods_list .item_02 dd.booth {
  width: 137px;
  height: 24px;
  background-image: url(../img/g02_price_02.png);
}

#goods_lineup .goods_list .item_03 .thumbnail {
  background-image: url(../img/l03_img.png);
}

#goods_lineup .goods_list .item_03 .name {
  width: 248px;
  height: 50px;
  background-image: url(../img/l03_name.png);
}

#goods_lineup .goods_list .item_03 dd.event {
  width: 137px;
  height: 24px;
  background-image: url(../img/g03_price_01.png);
}

#goods_lineup .goods_list .item_03 dd.booth {
  width: 137px;
  height: 24px;
  background-image: url(../img/g03_price_02.png);
}

#goods_lineup .goods_list .item_04 .thumbnail {
  background-image: url(../img/l04_img_r.png);
}

#goods_lineup .goods_list .item_04 .name {
  width: 248px;
  height: 50px;
  background-image: url(../img/l04_name.png);
}

#goods_lineup .goods_list .item_04 dd.event {
  width: 137px;
  height: 24px;
  background-image: url(../img/g04_price_01.png);
}

#goods_lineup .goods_list .item_04 dd.booth {
  width: 137px;
  height: 24px;
  background-image: url(../img/g04_price_02.png);
}

#goods_lineup .goods_list .item_05 .thumbnail {
  background-image: url(../img/l05_img.png);
}

#goods_lineup .goods_list .item_05 .name {
  width: 200px;
  height: 51px;
  background-image: url(../img/l05_name.png);
}

#goods_lineup .goods_list .item_05 dd.event {
  width: 140px;
  height: 24px;
  background-image: url(../img/g05_price_01.png);
}

#goods_lineup .goods_list .item_05 dd.booth {
  width: 141px;
  height: 24px;
  background-image: url(../img/g05_price_02.png);
}

#goods_lineup .goods_list .item_06 .thumbnail {
  background-image: url(../img/l06_img.png);
}

#goods_lineup .goods_list .item_06 .name {
  width: 275px;
  height: 50px;
  background-image: url(../img/l06_name.png);
}

#goods_lineup .goods_list .item_06 dd.event {
  width: 142px;
  height: 24px;
  background-image: url(../img/l06_price_02.png);
}

#goods_lineup .goods_list .item_06 dd.booth {
  width: 137px;
  height: 24px;
  background-image: url(../img/l06_price_01.png);
}

#goods_lineup .goods_list .item_07 .thumbnail {
  background-image: url(../img/l07_img_r1.png);
}

#goods_lineup .goods_list .item_07 .name {
  width: 173px;
  height: 50px;
  background-image: url(../img/l07_name.png);
}

#goods_lineup .goods_list .item_07 dd.event {
  width: 138px;
  height: 24px;
  background-image: url(../img/g10_price_01.png);
}

#goods_lineup .goods_list .item_07 dd.booth {
  width: 138px;
  height: 24px;
  background-image: url(../img/g10_price_02.png);
}

#goods_lineup .goods_list .item_08 .thumbnail {
  background-image: url(../img/l08_img.png);
}

#goods_lineup .goods_list .item_08 .name {
  width: 237px;
  height: 50px;
  background-image: url(../img/l08_name.png);
}

#goods_lineup .goods_list .item_08 dd.event {
  width: 141px;
  height: 24px;
  background-image: url(../img/g11_price_01.png);
}

#goods_lineup .goods_list .item_08 dd.booth {
  width: 138px;
  height: 24px;
  background-image: url(../img/g11_price_02.png);
}

#goods_lineup .goods_list .item_09 .thumbnail {
  background-image: url(../img/l09_img.png);
}

#goods_lineup .goods_list .item_09 .name {
  width: 244px;
  height: 50px;
  background-image: url(../img/l09_name.png);
}

#goods_lineup .goods_list .item_09 dd.event {
  width: 141px;
  height: 24px;
  background-image: url(../img/g12_price_01.png);
}

#goods_lineup .goods_list .item_09 dd.booth {
  width: 142px;
  height: 24px;
  background-image: url(../img/g12_price_02.png);
}

#goods_lineup .goods_list .acrylic_stand_tips {
  position: relative;
  width: 100%;
  margin-top: 50px;
  margin-bottom: -10px;
  padding: 20px 30px 22px;
  border: 2px solid #0b2861;
  border-radius: 30px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  line-height: 26px;
}

#goods_lineup .goods_list .acrylic_stand_tips strong {
  color: #d83a66;
}

#goods_lineup .goods_list .acrylic_stand_tips .deco {
  position: absolute;
  top: 0;
  right: 0;
  width: 32%;
  max-width: 360px;
  background-color: #f00;
}

#goods_lineup .goods_list .acrylic_stand_tips .deco::before {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: -27px;
  left: 50%;
  margin-left: -11px;
  border-style: solid;
  border-width: 0px 11px 25px 11px;
  border-color: transparent transparent #0b2861 transparent;
  content: "";
}

#goods_lineup .goods_list .acrylic_stand_tips::after {
  position: absolute;
  width: 152px;
  height: 180px;
  right: 20px;
  bottom: 0;
  background-image: url(../img/lineup_fam.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  content: "";
}

#goods_lineup .goods_list .acrylic_stand_tips .btns {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#goods_lineup .goods_list .acrylic_stand_tips .btns li {
  padding: 15px 10px 0 0;
}

#goods_lineup .goods_list .acrylic_stand_tips .btns li a {
  display: block;
  border-radius: 20px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  cursor: pointer;
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
}

#goods_lineup .goods_list .acrylic_stand_tips .btns li a:hover {
  opacity: 0.6;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

#goods_lineup .goods_list .acrylic_stand_tips .btns li.item_01 a {
  width: 387px;
  height: 70px;
  background-image: url(../img/lineup_btn_01.png);
}

#goods_lineup .goods_list .acrylic_stand_tips .btns li.item_02 a {
  width: 341px;
  height: 70px;
  background-image: url(../img/lineup_btn_02.png);
}

.goods_section {
  position: relative;
  max-width: 80%;
  max-width: 1200px;
  min-width: 960px;
  margin: 0 auto;
  margin-top: 50px;
  background-color: #fff;
  border-radius: 30px;
}

.goods_section .deco_top {
  position: absolute;
  width: 95px;
  height: 170px;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
  border-radius: 30px 0 0 0;
}

.goods_section .deco_top::before {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: -95px;
  border-style: solid;
  border-width: 170px 95px 0px 95px;
  border-color: #fff21f transparent transparent transparent;
  content: "";
}

.goods_section .deco_bottom {
  position: absolute;
  width: 95px;
  height: 170px;
  bottom: 0;
  right: 0;
  overflow: hidden;
  z-index: 1;
  border-radius: 0 0 30px 0;
}

.goods_section .deco_bottom::before {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: -95px;
  border-style: solid;
  border-width: 0px 95px 170px 95px;
  border-color: transparent transparent #1d4ba9 transparent;
  content: "";
}

.goods_section > .header {
  position: relative;
  z-index: 2;
  padding: 45px 40px 20px;
}

.goods_section > .header .num {
  position: absolute;
  width: 155px;
  height: 50px;
  top: -30px;
  left: 40px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

.goods_section > .header h3 {
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

.goods_section > .header .price {
  margin-top: 15px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

.goods_section > .header .price dt {
  width: 83px;
  margin-right: 12px;
  height: 20px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

.goods_section > .header .price dt.event {
  background-image: url(../img/goods_price_01.png);
}

.goods_section > .header .price dt.booth {
  background-image: url(../img/goods_price_02.png);
}

.goods_section > .header .price dd {
  position: relative;
  margin-right: 20px;
  top: 2px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

.goods_section > .inner {
  position: relative;
  padding: 0 600px 0 40px;
  z-index: 2;
}

.goods_section > .inner p {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 15px;
  text-align: justify;
}

.goods_section > .inner .tips {
  margin-bottom: 15px;
}

.goods_section > .inner .tips li {
  color: #23aaa5;
  font-size: 14px;
  line-height: 20px;
}

.goods_section > .inner .tips li::before {
  display: inline-block;
  margin-right: 5px;
  content: "※";
}

.goods_section > .inner .btns {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  padding: 20px 0 30px;
}

.goods_section > .inner .btns li a, .goods_section > .inner .btns li span {
  display: block;
  border-radius: 20px;
  margin: 0 8px 10px 0;
  cursor: pointer;
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  -webkit-box-shadow: 0 0 5px rgba(29, 75, 169, 0.15);
          box-shadow: 0 0 5px rgba(29, 75, 169, 0.15);
}

.goods_section > .inner .btns li a:hover, .goods_section > .inner .btns li span:hover {
  opacity: 0.6;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

.goods_section > .inner .btns li a.btn_illust, .goods_section > .inner .btns li span.btn_illust {
  width: 249px;
  height: 70px;
  background-image: url(../img/btn_illust.png);
}

.goods_section > .inner .btns li a.btn_sample, .goods_section > .inner .btns li span.btn_sample {
  width: 249px;
  height: 70px;
  background-image: url(../img/btn_sample.png);
}

.goods_section > .inner .btns li a.btn_booth, .goods_section > .inner .btns li span.btn_booth {
  width: 275px;
  height: 70px;
  background-image: url(../img/btn_booth.png);
}

.goods_section > .inner .btns li a.btn_web, .goods_section > .inner .btns li span.btn_web {
  width: 207px;
  height: 70px;
  background-image: url(../img/btn_web.png);
}

.goods_section > .img {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 5;
  border-radius: 10px;
  background-size: cover;
  background-position: 50% 50%;
}

#goods_01 {
  min-height: 580px;
}

#goods_01 > .header .num {
  background-image: url(../img/g01_num.png);
}

#goods_01 > .header h3 {
  width: 242px;
  height: 26px;
  background-image: url(../img/g01_h3.png);
}

#goods_01 > .header .price dd.event {
  width: 141px;
  height: 24px;
  background-image: url(../img/g01_price_01.png);
}

#goods_01 > .header .price dd.booth {
  width: 140px;
  height: 24px;
  background-image: url(../img/g01_price_02.png);
}

#goods_01 > .inner {
  width: calc(100% - 80px);
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#goods_01 > .inner p {
  width: 100%;
  margin-bottom: 30px;
}

#goods_01 > .inner .goods_set_item {
  width: calc(50% - 10px);
  max-width: 540px;
}

#goods_01 > .inner .goods_set_item h4 {
  margin: 20px 0 0 20px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#goods_01 > .inner .goods_set_item p {
  width: calc(100% - 40px);
  padding: 12px 20px 0;
}

#goods_01 > .inner .goods_set_item .tips {
  margin-top: -28px;
  padding: 0 20px 20px;
}

#goods_01 > .inner .goods_set_item .tips li {
  color: #23aaa5;
  font-size: 16px;
  line-height: 28px;
}

#goods_01 > .inner .goods_set_item .tips li::before {
  display: inline-block;
  margin-right: 5px;
  content: "※";
}

#goods_01 > .inner .goods_set_item .img {
  position: relative;
  width: 100%;
  border-radius: 10px;
  aspect-ratio: 540/250;
  background-size: cover;
  background-position: 50% 50%;
}

#goods_01 > .inner .goods_set_item .img span {
  display: block;
  position: absolute;
  width: 70px;
  height: 70px;
  bottom: 15px;
  right: 15px;
  border-radius: 10px;
  background-image: url(../img/btn_zoom.png);
  cursor: pointer;
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#goods_01 > .inner .goods_set_item .img span:hover {
  opacity: 0.6;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

#goods_01 > .inner .goods_set_item.item_01 h4 {
  width: 272px;
  height: 21px;
  background-image: url(../img/g01_h4_01.png);
}

#goods_01 > .inner .goods_set_item.item_01 .img {
  background-image: url(../img/g01_01_img.png);
}

#goods_01 > .inner .goods_set_item.item_02 h4 {
  width: 408px;
  height: 21px;
  background-image: url(../img/g01_h4_02.png);
}

#goods_01 > .inner .goods_set_item.item_02 .img {
  background-image: url(../img/g01_02_img.png);
}

#goods_01 > .inner .goods_set_item.item_03 h4 {
  width: 79px;
  height: 19px;
  background-image: url(../img/g01_h4_03.png);
}

#goods_01 > .inner .goods_set_item.item_03 .img {
  background-image: url(../img/g01_03_img.png);
}

#goods_01 > .inner .goods_set_item.item_04 h4 {
  width: 193px;
  height: 21px;
  background-image: url(../img/g01_h4_04.png);
}

#goods_01 > .inner .goods_set_item.item_04 .img {
  background-image: url(../img/g01_04_img.png);
}

#goods_01 > .inner .goods_set_item.item_05 h4 {
  width: 128px;
  height: 22px;
  background-image: url(../img/g01_h4_05.png);
}

#goods_01 > .inner .goods_set_item.item_05 .img {
  background-image: url(../img/g01_05_img.png);
}

#goods_01 > .inner .goods_set_item.item_06 h4 {
  width: 184px;
  height: 21px;
  background-image: url(../img/g01_h4_06.png);
}

#goods_01 > .inner .goods_set_item.item_06 .img {
  background-image: url(../img/g01_06_img.png);
}

#goods_01 > .inner .goods_set_item.item_07 {
  border-top: 1px solid #c8eceb;
  border-bottom: 1px solid #c8eceb;
  width: 100%;
  max-width: 100%;
  padding: 3px 0 15px;
}

#goods_01 > .inner .goods_set_item.item_07 h4 {
  position: relative;
  left: 1px;
  width: 89px;
  height: 21px;
  background-image: url(../img/g01_h4_07.png);
}

#goods_01 > .inner .goods_set_item.item_07 p {
  padding-top: 5px;
  margin-bottom: 0;
}

#goods_01 > .inner .btns {
  width: 100%;
  max-width: 100%;
  padding: 35px 0 40px;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#goods_01 > .inner .btns a {
  margin-right: 0;
}

#goods_02 {
  min-height: 580px;
}

#goods_02 > .header .num {
  background-image: url(../img/g02_num.png);
}

#goods_02 > .header h3 {
  width: 315px;
  height: 61px;
  background-image: url(../img/g02_h3.png);
}

#goods_02 > .header .price dd.event {
  width: 137px;
  height: 24px;
  background-image: url(../img/g02_price_01.png);
}

#goods_02 > .header .price dd.booth {
  width: 137px;
  height: 24px;
  background-image: url(../img/g02_price_02.png);
}

#goods_02 .img {
  width: 520px;
  height: 520px;
  background-image: url(../img/g02_img.png);
}

#goods_03 {
  min-height: 580px;
}

#goods_03 > .header .num {
  background-image: url(../img/g03_num.png);
}

#goods_03 > .header h3 {
  width: 315px;
  height: 59px;
  background-image: url(../img/g03_h3.png);
}

#goods_03 > .header .price dd.event {
  width: 137px;
  height: 24px;
  background-image: url(../img/g03_price_01.png);
}

#goods_03 > .header .price dd.booth {
  width: 137px;
  height: 24px;
  background-image: url(../img/g03_price_02.png);
}

#goods_03 .img {
  width: 520px;
  height: 520px;
  background-image: url(../img/g03_img.png);
}

#goods_04 {
  min-height: 580px;
}

#goods_04 > .header .num {
  background-image: url(../img/g04_num.png);
}

#goods_04 > .header h3 {
  width: 315px;
  height: 60px;
  background-image: url(../img/g04_h3.png);
}

#goods_04 > .header .price dd.event {
  width: 137px;
  height: 24px;
  background-image: url(../img/g04_price_01.png);
}

#goods_04 > .header .price dd.booth {
  width: 137px;
  height: 24px;
  background-image: url(../img/g04_price_02.png);
}

#goods_04 .img {
  width: 520px;
  height: 520px;
  background-image: url(../img/g04_img.png);
}

#goods_05 {
  min-height: 800px;
}

#goods_05 > .header .num {
  background-image: url(../img/g05_num.png);
}

#goods_05 > .header h3 {
  width: 254px;
  height: 61px;
  background-image: url(../img/g05_h3.png);
}

#goods_05 > .header .price dd.event {
  width: 140px;
  height: 24px;
  background-image: url(../img/g05_price_01.png);
}

#goods_05 > .header .price dd.booth {
  width: 141px;
  height: 24px;
  background-image: url(../img/g05_price_02.png);
}

#goods_05 h4 {
  font-weight: 800;
  color: #23aaa5;
}

#goods_05 .img {
  width: 520px;
  height: 740px;
  background-image: url(../img/g05_img.png);
}

#goods_06 > .header .num {
  width: 219px;
  background-image: url(../img/g0609_num.png);
}

#goods_06 > .header h3 {
  width: 392px;
  height: 61px;
  background-image: url(../img/g06_h3.png);
}

#goods_06 > .header .price {
  width: 100% !important;
}

#goods_06 > .header .price dd.event {
  width: 242px;
  height: 24px;
  background-image: url(../img/g06_price_01.png);
}

#goods_06 > .header .price dd.booth {
  width: 153px;
  height: 24px;
  background-image: url(../img/g06_price_02.png);
}

#goods_06 > .inner {
  width: calc(100% - 80px);
}

#goods_06 .caution {
  position: relative;
  border-top: 1px solid #c8eceb;
  border-bottom: 1px solid #c8eceb;
  padding: 15px 30px 15px 90px;
}

#goods_06 .caution::before {
  display: block;
  position: absolute;
  width: 36px;
  height: 32px;
  top: 50%;
  left: 25px;
  margin-top: -16px;
  background-image: url(../img/goods_alert_02.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  content: "";
}

#goods_06 .caution p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 22px;
  color: #23aaa5;
}

#goods_06 .caution p strong {
  color: #d83a66;
}

#goods_06 .btns {
  padding-top: 30px;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#goods_06 .variation header.header {
  padding-bottom: 10px;
}

#goods_06 .variation header.header h4 {
  width: 100%;
  height: 60px;
}

#goods_06 .variation header.header p {
  padding: 20px 40px 0;
}

#goods_06 .variation .inner {
  position: relative;
  height: 390px;
}

#goods_06 .variation .inner h5 {
  position: relative;
  width: 500px;
  height: 40px;
  margin: 20px 0 0 40px;
  background-position: 160px 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#goods_06 .variation .inner h5::before {
  position: absolute;
  width: 139px;
  height: 40px;
  top: 0;
  left: 0;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  content: "";
}

#goods_06 .variation .inner p {
  width: calc(100% - 520px - 120px);
  padding: 15px 40px 0;
  text-align: justify;
}

#goods_06 .variation .inner .img {
  position: absolute;
  width: 520px;
  height: 360px;
  top: 0;
  right: 30px;
  z-index: 5;
  border-radius: 10px;
  background-color: #666;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#goods_06 .variation .btns {
  margin: 10px 0 0 40px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  padding: 20px 0 30px;
}

#goods_06 .variation .btns li a, #goods_06 .variation .btns li span {
  display: block;
  border-radius: 20px;
  margin: 0 8px 10px 0;
  cursor: pointer;
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  -webkit-box-shadow: 0 0 5px rgba(29, 75, 169, 0.15);
          box-shadow: 0 0 5px rgba(29, 75, 169, 0.15);
}

#goods_06 .variation .btns li a:hover, #goods_06 .variation .btns li span:hover {
  opacity: 0.6;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

#goods_06 .variation .btns li a.btn_illust, #goods_06 .variation .btns li span.btn_illust {
  width: 249px;
  height: 70px;
  background-image: url(../img/btn_illust.png);
}

#goods_06 .variation .btns li a.btn_sample, #goods_06 .variation .btns li span.btn_sample {
  width: 249px;
  height: 70px;
  background-image: url(../img/btn_sample.png);
}

#goods_06 .variation .btns li a.btn_booth, #goods_06 .variation .btns li span.btn_booth {
  width: 275px;
  height: 70px;
  background-image: url(../img/btn_booth.png);
}

#goods_06 .variation .btns li a.btn_web, #goods_06 .variation .btns li span.btn_web {
  width: 207px;
  height: 70px;
  background-image: url(../img/btn_web.png);
}

#goods_06 .variation_01 h4 {
  background-color: #db637f;
  background-image: url(../img/g06_h4_01.png);
  background-size: 329px 27px;
  background-position: 38px 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#goods_06 .variation_01 .h5_01 {
  background-image: url(../img/g06_h5_01.png);
  background-size: 106px 27px;
}

#goods_06 .variation_01 .h5_01::before {
  background-image: url(../img/g06_num.png);
}

#goods_06 .variation_01 .h5_02 {
  background-image: url(../img/g06_h5_02.png);
  background-size: 190px 25px;
}

#goods_06 .variation_01 .h5_02::before {
  background-image: url(../img/g07_num.png);
}

#goods_06 .variation_01 .img {
  background-image: url(../img/g06_img.png);
}

#goods_06 .variation_02 h4 {
  background-color: #63c0db;
  background-image: url(../img/g06_h4_02.png);
  background-size: 283px 28px;
  background-position: 38px 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#goods_06 .variation_02 .h5_01 {
  background-image: url(../img/g06_h5_03.png);
  background-size: 80px 24px;
}

#goods_06 .variation_02 .h5_01::before {
  background-image: url(../img/g08_num.png);
}

#goods_06 .variation_02 .h5_02 {
  background-image: url(../img/g06_h5_04.png);
  background-size: 81px 25px;
}

#goods_06 .variation_02 .h5_02::before {
  background-image: url(../img/g09_num.png);
}

#goods_06 .variation_02 .img {
  background-image: url(../img/g08_img.png);
}

#goods_10 {
  min-height: 580px;
}

#goods_10 > .header .num {
  background-image: url(../img/g10_num.png);
}

#goods_10 > .header h3 {
  width: 356px;
  height: 27px;
  background-image: url(../img/g10_h3.png);
}

#goods_10 > .header .price dd.event {
  width: 138px;
  height: 24px;
  background-image: url(../img/g10_price_01.png);
}

#goods_10 > .header .price dd.booth {
  width: 138px;
  height: 24px;
  background-image: url(../img/g10_price_02.png);
}

#goods_10 .img {
  width: 520px;
  height: 520px;
  background-image: url(../img/g10_img_r1.png);
}

#goods_11 {
  min-height: 580px;
}

#goods_11 > .header .num {
  background-image: url(../img/g11_num.png);
}

#goods_11 > .header h3 {
  width: 302px;
  height: 60px;
  background-image: url(../img/g11_h3.png);
}

#goods_11 > .header .price dd.event {
  width: 141px;
  height: 24px;
  background-image: url(../img/g11_price_01.png);
}

#goods_11 > .header .price dd.booth {
  width: 138px;
  height: 24px;
  background-image: url(../img/g11_price_02.png);
}

#goods_11 .img {
  width: 520px;
  height: 520px;
  background-image: url(../img/g11_img.png);
}

#goods_12 {
  min-height: 580px;
}

#goods_12 > .header .num {
  background-image: url(../img/g12_num.png);
}

#goods_12 > .header h3 {
  width: 315px;
  height: 59px;
  background-image: url(../img/g12_h3.png);
}

#goods_12 > .header .price dd.event {
  width: 141px;
  height: 24px;
  background-image: url(../img/g12_price_01.png);
}

#goods_12 > .header .price dd.booth {
  width: 142px;
  height: 24px;
  background-image: url(../img/g12_price_02.png);
}

#goods_12 .img {
  width: 520px;
  height: 520px;
  background-image: url(../img/g12_img.png);
}

#special {
  position: relative;
  z-index: 5;
  padding-bottom: 60px;
}

#special .header_marquee {
  background-image: url(../img/special_h2.png);
  background-size: 383px 100px;
  -webkit-animation: marquee_03 linear 3.83s infinite;
  animation: marquee_03 linear 3.83s infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.special_section {
  position: relative;
  max-width: 80%;
  max-width: 1200px;
  min-width: 960px;
  margin: 0 auto;
  margin-top: 50px;
  background-color: #fff;
  border-radius: 30px;
}

.special_section .deco_top {
  position: absolute;
  width: 95px;
  height: 170px;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
  border-radius: 30px 0 0 0;
}

.special_section .deco_top::before {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: -95px;
  border-style: solid;
  border-width: 170px 95px 0px 95px;
  border-color: #fff21f transparent transparent transparent;
  content: "";
}

.special_section .deco_bottom {
  position: absolute;
  width: 95px;
  height: 170px;
  bottom: 0;
  right: 0;
  overflow: hidden;
  z-index: 1;
  border-radius: 0 0 30px 0;
}

.special_section .deco_bottom::before {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: -95px;
  border-style: solid;
  border-width: 0px 95px 170px 95px;
  border-color: transparent transparent #1d4ba9 transparent;
  content: "";
}

.special_section > .header {
  position: relative;
  z-index: 2;
  padding: 45px 40px 20px;
}

.special_section > .header .num {
  position: absolute;
  width: 193px;
  height: 50px;
  top: -30px;
  left: 40px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

.special_section > .header h3 {
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

.special_section > .header p {
  padding-top: 15px;
  font-size: 16px;
  line-height: 28px;
  text-align: justify;
}

.special_section .item_section {
  position: relative;
  height: 360px;
  margin: 0 40px;
  padding-bottom: 40px;
  z-index: 2;
}

.special_section .item_section .img {
  position: absolute;
  width: 520px;
  height: 360px;
  top: 0;
  left: 0;
  border-radius: 10px;
  background-size: cover;
  background-position: 50% 50%;
}

.special_section .item_section h4 {
  padding-top: 20px;
  margin-left: 560px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  font-size: 0;
}

.special_section .item_section p {
  padding-top: 15px;
  margin-left: 560px;
  font-size: 16px;
  line-height: 28px;
  text-align: justify;
}

.special_section .item_section + .item_section {
  margin-top: -20px;
}

#special_01 > .header .num {
  background-image: url(../img/e01_num.png);
}

#special_01 > .header h3 {
  width: 444px;
  height: 27px;
  background-image: url(../img/e01_h3.png);
}

#special_01 .item_01 h4 {
  width: 280px;
  height: 55px;
  background-image: url(../img/e01_h4_01.png);
  background-size: 280px 55px;
}

#special_01 .item_01 .img {
  background-image: url(../img/e02_img.png);
}

#special_01 .item_02 h4 {
  width: 258px;
  height: 20px;
  background-image: url(../img/e01_h4_02.png);
  background-size: 258px 20px;
}

#special_01 .item_02 .img {
  background-image: url(../img/e01_02_img.png);
}

#special_02 > .header .num {
  background-image: url(../img/e02_num.png);
}

#special_02 > .header h3 {
  width: 350px;
  height: 27px;
  background-image: url(../img/e02_h3.png);
}

#special_02 .item_01 h4 {
  width: 303px;
  height: 55px;
  background-image: url(../img/e02_h4_01.png);
  background-size: 303px 55px;
}

#special_02 .item_01 .img {
  background-image: url(../img/e01_01_img.png);
}

#footer {
  position: relative;
  z-index: 5;
  padding: 15px 0 100px;
  background-color: #0b2861;
}

#footer .deco_marquee {
  width: 100%;
  height: 82px;
  background-image: url(../img/footer_marquee.png);
  background-size: 1266px 82px;
  -webkit-animation: marquee_04 linear 12.66s infinite;
  animation: marquee_04 linear 12.66s infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#footer .inner {
  position: relative;
  z-index: 5;
  top: -20px;
  max-width: 80%;
  max-width: 1200px;
  min-width: 960px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-center;
  -webkit-box-align: flex-center;
      -ms-flex-align: flex-center;
          align-items: flex-center;
  -webkit-align-content: flex-center;
  -ms-flex-line-pack: flex-center;
      align-content: flex-center;
}

#footer .inner .logo {
  width: 167px;
  height: 70px;
  background-image: url(../img/footer_august.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  cursor: pointer;
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
}

#footer .inner .logo:hover {
  opacity: 0.6;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

#footer .inner .copy {
  position: relative;
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  height: 11px;
  top: 60px;
  left: 20px;
  background-image: url(../img/footer_copy.png);
  background-size: 322px 11px;
  background-repeat: no-repeat;
  font-size: 0;
}

#footer .inner .btn {
  display: block;
  width: 267px;
  height: 70px;
  border-radius: 10px;
  background-image: url(../img/footer_btn_01.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  cursor: pointer;
  -webkit-transition: 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease opacity, 0.2s ease transform;
}

#footer .inner .btn:hover {
  opacity: 0.6;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

@media screen and (max-width: 1300px) {
  .goods_list {
    padding: 0 30px;
  }
  #footer .inner {
    padding: 0 30px;
  }
}

@media screen and (max-width: 1200px) {
  .goods_section,
  .special_section {
    border-radius: 0;
  }
  .goods_section .deco_top, .goods_section .deco_bottom,
  .special_section .deco_top,
  .special_section .deco_bottom {
    border-radius: 0;
  }
  .goods_section > .header .price,
  .special_section > .header .price {
    width: 300px;
    margin-top: 10px;
  }
  .goods_section > .header .price dt, .goods_section > .header .price dd,
  .special_section > .header .price dt,
  .special_section > .header .price dd {
    padding-top: 5px;
  }
  .wide_br {
    display: none;
  }
}

#background {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: 50% 50%;
  z-index: 1;
}

#background[data-view="1"] {
  background-image: url(../img/info_bk.png);
}

#background[data-view="2"] {
  background-image: url(../img/special_bk.png);
}

@media screen and (min-width: 1920px) {
  #background {
    width: 1920px;
    height: 100vh;
    top: 0;
    left: 50%;
    margin-left: -960px;
  }
}

#modal_img {
  position: fixed;
  width: 100%;
  height: 100%;
  display: none;
  top: 0;
  left: 0;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 50;
}

#modal_img .inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 5px rgba(29, 75, 169, 0.15);
          box-shadow: 0 0 5px rgba(29, 75, 169, 0.15);
  background-color: #fff;
  overflow: hidden;
}

#modal_img .inner div {
  width: 100%;
  height: 100%;
  background-size: cover;
}

#modal_img .inner div#zoom_01_01 {
  background-image: url(../zoom/zoom_01_01.png);
}

#modal_img .inner div#zoom_01_02 {
  background-image: url(../zoom/zoom_01_02.png);
}

#modal_img .inner div#zoom_01_03 {
  background-image: url(../zoom/zoom_01_03.png);
}

#modal_img .inner div#zoom_01_04 {
  background-image: url(../zoom/zoom_01_04.png);
}

#modal_img .inner div#zoom_01_05 {
  background-image: url(../zoom/zoom_01_05.png);
}

#modal_img .inner div#zoom_01_06 {
  background-image: url(../zoom/zoom_01_06.png);
}

#modal_img .inner div#zoom_02 {
  background-image: url(../zoom/zoom_02.png);
}

#modal_img .inner div#zoom_03 {
  background-image: url(../zoom/zoom_03.png);
}

#modal_img .inner div#zoom_04 {
  background-image: url(../zoom/zoom_04.png);
}

#modal_img .inner div#zoom_05 {
  background-image: url(../zoom/zoom_05.png);
}

#modal_img .inner div#zoom_06_01 {
  background-image: url(../zoom/zoom_0607.png);
}

#modal_img .inner div#zoom_06_02 {
  background-image: url(../zoom/zoom_0809.png);
}

#modal_img .inner div#zoom_11 {
  background-image: url(../zoom/zoom_11.png);
}

#modal_img .close {
  position: absolute;
  width: 110px;
  height: 110px;
  top: 0;
  right: 0;
  background-image: url(../img/close.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  cursor: pointer;
  -webkit-transition: 0.2s ease opacity;
  transition: 0.2s ease opacity;
}

#modal_img .close:hover {
  opacity: 0.6;
}

#page_top {
  position: fixed;
  width: 110px;
  height: 110px;
  bottom: 0;
  right: 0;
  z-index: 10;
  -webkit-transition: 0.2s ease transform;
  transition: 0.2s ease transform;
  -webkit-transform: translateY(110px);
  transform: translateY(110px);
}

#page_top a {
  display: block;
  width: 110px;
  height: 110px;
  background-image: url(../img/pagetop.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  cursor: pointer;
  -webkit-transition: 0.2s ease opacity;
  transition: 0.2s ease opacity;
}

#page_top a:hover {
  opacity: 0.6;
}

#page_top.active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

@-webkit-keyframes bk_loop {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -720px 600px;
  }
}

@keyframes bk_loop {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -720px 600px;
  }
}

@-webkit-keyframes marquee_01 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -647px 0;
  }
}

@keyframes marquee_01 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -647px 0;
  }
}

@-webkit-keyframes marquee_02 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -683px 0;
  }
}

@keyframes marquee_02 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -683px 0;
  }
}

@-webkit-keyframes marquee_03 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -383px 0;
  }
}

@keyframes marquee_03 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -383px 0;
  }
}

@-webkit-keyframes marquee_04 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -1266px 0;
  }
}

@keyframes marquee_04 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -1266px 0;
  }
}
/*# sourceMappingURL=style.css.map */