@charset "UTF-8";
/* for each local specialized css, including all css and special foooter */
/* line 5, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
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;
}

/* line 22, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* ---------- RWD width ---------- */
/* ---------- index ---------- */
/* ---------- mixin---------- */
/* line 64, ../sass/_mixins.scss */
#prize_img_deu, #prize_img_fra {
  width: 98%;
  height: 85vh;
  margin: 0 auto 0 auto;
  background-image: url(../images/prize.jpg);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) and (max-width: 1366px) {
  /* line 64, ../sass/_mixins.scss */
  #prize_img_deu, #prize_img_fra {
    height: 100vh;
  }
}
@media screen and (max-width: 768px) {
  /* line 64, ../sass/_mixins.scss */
  #prize_img_deu, #prize_img_fra {
    height: 60vh;
  }
}
@media screen and (max-width: 480px) {
  /* line 64, ../sass/_mixins.scss */
  #prize_img_deu, #prize_img_fra {
    background-image: url(../images/prize_m.jpg);
    height: 70vh;
    height: calc(120vw);
  }
}

/* line 91, ../sass/_mixins.scss */
#prize_img, #prize_img_jpn, #prize_img_cht {
  width: 98%;
  height: 110vh;
  margin: 0 auto 0 auto;
  background-image: url(../images/prize.jpg);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) and (max-width: 1366px) {
  /* line 91, ../sass/_mixins.scss */
  #prize_img, #prize_img_jpn, #prize_img_cht {
    height: 110vh;
  }
}
@media screen and (max-width: 768px) {
  /* line 91, ../sass/_mixins.scss */
  #prize_img, #prize_img_jpn, #prize_img_cht {
    height: 80vh;
  }
}
@media screen and (max-width: 480px) {
  /* line 91, ../sass/_mixins.scss */
  #prize_img, #prize_img_jpn, #prize_img_cht {
    background-image: url(../images/prize_m.jpg);
    height: 100vh;
    height: calc(190vw);
  }
}

/* line 117, ../sass/_mixins.scss */
#content .tips_img3 #banner, #content .tips_img3 #banner_s, #content .tips_img3 #banner_ss {
  width: 97%;
  border-radius: 10px;
  float: left;
  margin-left: 1%;
  background-image: url(../images/travel_pack.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
}

/* line 154, ../sass/_mixins.scss */
.lightbox_background:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

/* css of index.css including basic element like header*/
/* line 6, ../sass/basic.scss */
html, body {
  background-color: black;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
}

/* line 11, ../sass/basic.scss */
.b_html {
  background-color: black;
}

/* line 14, ../sass/basic.scss */
.w_html {
  background-color: white;
}

/* line 18, ../sass/basic.scss */
img {
  width: 100%;
  vertical-align: middle;
}

/* line 23, ../sass/basic.scss */
h1 {
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 34px;
  line-height: 50px;
  vertical-align: middle;
  color: #181818;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  /* line 23, ../sass/basic.scss */
  h1 {
    font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
    font-size: 30px;
    line-height: 40px;
    vertical-align: middle;
    color: #181818;
  }
}
@media screen and (max-width: 480px) {
  /* line 23, ../sass/basic.scss */
  h1 {
    font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
    font-size: 26px;
    line-height: 34px;
    vertical-align: middle;
    color: #181818;
  }
}

/* line 33, ../sass/basic.scss */
h2 {
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 26px;
  line-height: 32px;
  vertical-align: middle;
  color: #181818;
  font-weight: 600;
}

/* line 37, ../sass/basic.scss */
p {
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 22px;
  vertical-align: middle;
  color: #181818;
  margin: 2%;
}

/* line 41, ../sass/basic.scss */
.block {
  display: inline-block;
}

/* line 44, ../sass/basic.scss */
.clear {
  clear: both;
  height: 5px;
}

/* line 48, ../sass/basic.scss */
.no-display {
  display: none;
}

/* line 52, ../sass/basic.scss */
a {
  color: inherit;
  text-decoration: none;
}

/* line 57, ../sass/basic.scss */
.underline {
  text-decoration: none;
  border-bottom: 6px solid black;
}

/* line 100, ../sass/basic.scss */
.btn_blue {
  width: 18%;
  margin: auto;
  height: 28px;
  color: white;
  background-color: #3a9bae;
  font-size: 16px;
  line-height: 28px;
  padding: 0px 5px;
  border-width: 2px;
  border-color: #3a9bae;
  border-style: solid;
  border-radius: 5px;
  vertical-align: middle;
  text-align: center;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  text-decoration: none;
  padding: 5px;
  display: block;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  /* line 100, ../sass/basic.scss */
  .btn_blue {
    width: 24%;
  }
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  /* line 100, ../sass/basic.scss */
  .btn_blue {
    width: 40%;
  }
}
@media screen and (max-width: 480px) {
  /* line 100, ../sass/basic.scss */
  .btn_blue {
    width: 60%;
  }
}

/* line 118, ../sass/basic.scss */
.btn_blue:hover {
  color: black;
  background-color: transparent;
  font-size: 16px;
  line-height: 28px;
  padding: 0px 5px;
  border-width: 2px;
  border-color: #3a9bae;
  border-style: solid;
  border-radius: 5px;
  vertical-align: middle;
  text-align: center;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  text-decoration: none;
  padding: 5px;
  display: block;
}

/* line 124, ../sass/basic.scss */
#wrapper {
  width: 100%;
  height: 100%;
  text-align: center;
}

/* line 130, ../sass/basic.scss */
#header {
  width: 100%;
  height: 50px;
  background-color: black;
  z-index: 3;
  position: fixed;
  text-align: center;
}
@media screen and (max-width: 838px) {
  /* line 130, ../sass/basic.scss */
  #header {
    display: none;
  }
}

/* line 141, ../sass/basic.scss */
#header_m {
  padding: 1% 3%;
  height: calc(50px - 2%);
  background-color: black;
  z-index: 1111;
  position: fixed;
  top: 0;
  text-align: center;
  clear: both;
  overflow: hidden;
  display: table;
}
/* line 154, ../sass/basic.scss */
#header_m > div:nth-child(1) {
  width: 26%;
  padding: 0.5% 2%;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
}
/* line 160, ../sass/basic.scss */
#header_m > div:nth-child(1) > a img {
  width: 100%;
  vertical-align: middle;
}
/* line 165, ../sass/basic.scss */
#header_m > div:nth-child(2) {
  width: 26%;
  background-color: red;
}
/* line 169, ../sass/basic.scss */
#header_m > div:nth-child(3) {
  width: 11%;
  padding: 0 1% 0 0;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
}
/* line 175, ../sass/basic.scss */
#header_m > div:nth-child(3) > a img {
  width: 100%;
  vertical-align: middle;
}
/* line 180, ../sass/basic.scss */
#header_m > div:nth-child(4) {
  width: 11%;
  padding: 0 1% 0 0;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
}
/* line 186, ../sass/basic.scss */
#header_m > div:nth-child(4) > a img {
  width: 100%;
  vertical-align: middle;
}
/* line 191, ../sass/basic.scss */
#header_m > div:nth-child(5) {
  width: 11%;
  padding: 0 1% 0 0;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
}
/* line 197, ../sass/basic.scss */
#header_m > div:nth-child(5) > a img {
  width: 100%;
  vertical-align: middle;
}
/* line 202, ../sass/basic.scss */
#header_m > div:nth-child(6) {
  width: 19%;
  margin: 0 0.5%;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
}
/* line 208, ../sass/basic.scss */
#header_m > div:nth-child(6) > a img {
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 837px) {
  /* line 141, ../sass/basic.scss */
  #header_m {
    display: none;
  }
}

/* line 219, ../sass/basic.scss */
#hcenter {
  overflow: hidden;
  width: 65%;
  margin: auto;
  height: 50px;
}
/* line 224, ../sass/basic.scss */
#hcenter > a {
  display: inline-block;
  text-decoration: none;
}
@media screen and (min-width: 769px) and (max-width: 1366px) {
  /* line 219, ../sass/basic.scss */
  #hcenter {
    width: 100%;
    padding: 0px;
  }
}

/* line 234, ../sass/basic.scss */
#hcenter #language select#select_lang {
  color: black;
}

/* line 238, ../sass/basic.scss */
#hcenter a:nth-child(-n+7) {
  margin: 0px 1px;
  color: white;
  background-color: transparent;
  font-size: 15px;
  line-height: 20px;
  padding: 5px 10px;
  border-width: 2px;
  border-color: black;
  border-style: solid;
  border-radius: 5px;
  vertical-align: middle;
  text-align: center;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  text-decoration: none;
}

/* line 244, ../sass/basic.scss */
#hcenter a:hover:nth-child(-n+7) {
  margin: 0px 1px;
  color: white;
  background-color: transparent;
  font-size: 15px;
  line-height: 20px;
  padding: 5px 10px;
  border-width: 2px;
  border-color: #1e4b9d;
  border-style: solid;
  border-radius: 5px;
  vertical-align: middle;
  text-align: center;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  text-decoration: none;
}

/* line 249, ../sass/basic.scss */
#hcenter a:nth-child(1), #hcenter a:hover:nth-child(1) {
  margin: 0px 0px 0px 10px;
  width: calc(100% / 11);
  color: white;
  background-color: transparent;
  font-size: 15px;
  line-height: 50px;
  padding: 0px 0px;
  border-width: 0px;
  border-color: none;
  border-style: none;
  border-radius: 5px;
  vertical-align: middle;
  text-align: center;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  text-decoration: none;
}

/* line 256, ../sass/basic.scss */
#hcenter a:nth-child(n+8), #hcenter a:hover:nth-child(n+8) {
  margin: 0px 1px;
  color: white;
  background-color: transparent;
  font-size: 15px;
  line-height: 50px;
  padding: 0px;
  border-width: 0px;
  border-color: none;
  border-style: none;
  border-radius: 5px;
  vertical-align: middle;
  text-align: center;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  text-decoration: none;
}

/* line 263, ../sass/basic.scss */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* line 272, ../sass/basic.scss */
.clearfix {
  zoom: 1;
}

/* ---------- page content ---------- */
/* line 4, ../sass/content.scss */
.page_bg {
  background-color: black;
}

/* line 8, ../sass/content.scss */
#content {
  text-align: center;
  width: 100%;
  overflow: hidden;
  background-color: white;
  padding-top: 56px;
  /* div circle */
 /*
    > div:nth-child(1){
        width: 100%;
        padding: 10vh 0px 0px 0px;
        height: 50vh;
        min-height: 0;
        background-color: rgba(255, 255, 255, 0);
        background-attachment: fixed;
        background-size: auto 81%;
        background-repeat: no-repeat;
        background-position: top center;

        >div{
            @include standard_font($font-size: 80px, $line-height:350px, $color: white);
            background-color: rgba(95, 3, 147, 0.7);
            width: 350px;
            height: 350px;
            border-radius: 99em;

            display: inline-block;

            margin: 0 auto;
        }
    }
*/
}
/* line 14, ../sass/content.scss */
#content > div:nth-child(odd) {
  width: 100vw;
  height: 50vh;
  max-height: 430px;
  vertical-align: middle;
  padding: 0;
  display: block;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
}
/* line 30, ../sass/content.scss */
#content > div:nth-child(odd):before {
  content: "";
  height: 100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
@media screen and (max-width: 992px) {
  /* line 14, ../sass/content.scss */
  #content > div:nth-child(odd) {
    max-height: 300px;
  }
  /* line 40, ../sass/content.scss */
  #content > div:nth-child(odd).bg_disclamier {
    background-position-x: 70%;
  }
}
@media screen and (max-width: 480px) {
  /* line 14, ../sass/content.scss */
  #content > div:nth-child(odd) {
    max-height: 250px;
    background-attachment: scroll;
  }
  /* line 47, ../sass/content.scss */
  #content > div:nth-child(odd).special_Submission {
    height: auto;
    max-height: none;
  }
}
/* line 84, ../sass/content.scss */
#content > div:nth-child(odd) > div {
  color: #fff;
  display: inline-block;
  font-size: 56px;
  line-height: normal;
  padding: 0;
  font-weight: 600;
  vertical-align: middle;
}
@media screen and (max-width: 992px) {
  /* line 84, ../sass/content.scss */
  #content > div:nth-child(odd) > div {
    font-size: 56px;
  }
}
@media screen and (max-width: 480px) {
  /* line 84, ../sass/content.scss */
  #content > div:nth-child(odd) > div {
    font-size: 40px;
    line-height: 43px;
  }
}
/* line 102, ../sass/content.scss */
#content > div:nth-child(odd) > div > p {
  box-sizing: border-box;
  color: #fff;
  display: block;
  margin: 0;
  padding: 15px 20px;
}
@media screen and (min-width: 768px) {
  /* line 102, ../sass/content.scss */
  #content > div:nth-child(odd) > div > p {
    width: 80%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  /* line 102, ../sass/content.scss */
  #content > div:nth-child(odd) > div > p {
    font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
    font-size: 16px;
    line-height: 24px;
    vertical-align: middle;
    color: white;
  }
}
@media screen and (max-width: 480px) {
  /* line 102, ../sass/content.scss */
  #content > div:nth-child(odd) > div > p {
    font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
    font-size: 15px;
    line-height: 16px;
    vertical-align: middle;
    color: white;
  }
}
/* line 123, ../sass/content.scss */
#content > div:nth-child(1) {
  width: 100%;
  height: 50vh;
  max-height: 430px;
  vertical-align: middle;
  padding: 0;
  display: block;
  margin: 0 auto;
  text-align: center;
  background-color: rgba(255, 255, 255, 0);
  background-image: url(../images/scroll1.jpg);
  background-attachment: fixed;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position-x: center;
}
/* line 141, ../sass/content.scss */
#content > div:nth-child(1):before {
  content: "";
  height: 100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
@media screen and (max-width: 992px) {
  /* line 123, ../sass/content.scss */
  #content > div:nth-child(1) {
    max-height: 300px;
    background-position-y: 50px;
  }
}
@media screen and (max-width: 600px) {
  /* line 123, ../sass/content.scss */
  #content > div:nth-child(1) {
    max-height: 250px;
    background-attachment: scroll;
    background-position-y: unset;
    background-size: cover;
  }
}
/* line 167, ../sass/content.scss */
#content > div:nth-child(1) > div {
  color: #fff;
  display: inline-block;
  font-size: 72px;
  line-height: 52px;
  padding: 0;
  font-weight: 600;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  vertical-align: middle;
}
@media screen and (max-width: 992px) {
  /* line 167, ../sass/content.scss */
  #content > div:nth-child(1) > div {
    font-size: 56px;
    line-height: 44px;
  }
}
@media screen and (max-width: 480px) {
  /* line 167, ../sass/content.scss */
  #content > div:nth-child(1) > div {
    font-size: 40px;
    line-height: 40px;
    width: 97%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 360px) {
  /* line 167, ../sass/content.scss */
  #content > div:nth-child(1) > div {
    font-size: 37px;
    line-height: 34px;
  }
}
@media screen and (max-width: 330px) {
  /* line 167, ../sass/content.scss */
  #content > div:nth-child(1) > div {
    font-size: 33px;
    line-height: 30px;
  }
}
/* line 195, ../sass/content.scss */
#content > div:nth-child(1) > div > .subtitle {
  font-size: 26px;
}
@media screen and (max-width: 992px) {
  /* line 195, ../sass/content.scss */
  #content > div:nth-child(1) > div > .subtitle {
    font-size: 22px;
  }
}
@media screen and (max-width: 480px) {
  /* line 195, ../sass/content.scss */
  #content > div:nth-child(1) > div > .subtitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 320px) {
  /* line 195, ../sass/content.scss */
  #content > div:nth-child(1) > div > .subtitle {
    font-size: 16px;
  }
}
/* line 236, ../sass/content.scss */
#content > div:nth-child(even) {
  width: 90%;
  min-height: 250px;
  margin: 0 auto;
  padding: 30px 5%;
  background-color: white;
}
/* line 242, ../sass/content.scss */
#content > div:nth-child(even) > div {
  max-width: 980px;
  margin: 0 auto;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 22px;
  vertical-align: middle;
  color: #181818;
}
/* line 248, ../sass/content.scss */
#content > div:nth-child(11) {
  min-height: 20vh;
  display: block;
}

/* line 254, ../sass/content.scss */
#content #blank {
  min-height: 0px;
  height: 20vh;
  display: block;
  background-color: transparent;
}

/* line 261, ../sass/content.scss */
#content ul {
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 24px;
  line-height: 50px;
  vertical-align: middle;
  color: #181818;
}
/* line 264, ../sass/content.scss */
#content ul > li {
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 28px;
  vertical-align: middle;
  color: #181818;
  width: 75%;
  margin: auto;
  margin-bottom: 20px;
  text-align: left;
  padding: 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  /* line 264, ../sass/content.scss */
  #content ul > li {
    width: 85%;
    font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
    font-size: 16px;
    line-height: 22px;
    vertical-align: middle;
    color: #181818;
  }
}
/* line 284, ../sass/content.scss */
#content ul li img.dot {
  width: 2%;
  margin-right: 1%;
  margin-bottom: 2px;
}
@media screen and (max-width: 480px) {
  /* line 284, ../sass/content.scss */
  #content ul li img.dot {
    width: 5%;
  }
}

/* line 295, ../sass/content.scss */
#content .lip > li {
  clear: both;
}
/* line 296, ../sass/content.scss */
#content .lip > li > div:nth-child(odd) {
  width: 15px;
  height: auto;
  box-sizing: border-box;
  display: inline-block;
  padding-top: 0;
  vertical-align: top;
  margin-top: 7px;
}
/* line 304, ../sass/content.scss */
#content .lip > li > div:nth-child(odd) img {
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (max-width: 768px) {
  /* line 296, ../sass/content.scss */
  #content .lip > li > div:nth-child(odd) {
    margin-top: 4px;
  }
}
@media screen and (max-width: 480px) {
  /* line 296, ../sass/content.scss */
  #content .lip > li > div:nth-child(odd) {
    margin-top: 4px;
    width: 5%;
  }
}
/* line 317, ../sass/content.scss */
#content .lip > li > div:nth-child(even) {
  width: calc(100% - 25px);
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 480px) {
  /* line 317, ../sass/content.scss */
  #content .lip > li > div:nth-child(even) {
    width: 93%;
  }
}
/* line 327, ../sass/content.scss */
#content .lip > li p {
  margin: 0;
}
/* line 330, ../sass/content.scss */
#content .lip > li .question {
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 28px;
  vertical-align: middle;
  color: #333333;
  font-weight: bold;
}
/* line 334, ../sass/content.scss */
#content .lip > li .anwser {
  margin: 6px 0;
}
/* line 338, ../sass/content.scss */
#content .lip li::before {
  content: none;
  margin-right: 0px;
  list-style-position: outside;
}

/* line 346, ../sass/content.scss */
#content b {
  color: #333;
  font-weight: bold;
}

/* line 351, ../sass/content.scss */
#content .lip .percent {
  width: 80%;
}
@media screen and (max-width: 480px) {
  /* line 351, ../sass/content.scss */
  #content .lip .percent {
    width: 100%;
  }
}

/* line 359, ../sass/content.scss */
#content #upload-steps > li {
  width: calc(100% / 3.3);
  margin: auto;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
/* line 366, ../sass/content.scss */
#content #upload-steps > li p {
  margin-bottom: 15px;
}
@media screen and (max-width: 640px) {
  /* line 359, ../sass/content.scss */
  #content #upload-steps > li {
    width: 100%;
  }
}
/* line 374, ../sass/content.scss */
#content #upload-steps > li > h2 {
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 24px;
  line-height: 22px;
  vertical-align: middle;
  color: #181818;
  line-height: 32px;
}
/* line 378, ../sass/content.scss */
#content #upload-steps > li .btn {
  width: 80%;
  height: auto;
  background: linear-gradient(120deg, #3888b4 0%, #3871ab 100%);
  border-radius: 30px;
  color: #fff;
  display: block;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin: 0px auto 10px auto;
  padding: 8px;
  text-align: center;
  text-decoration: none;
  transition: background .5s ease, color .3s ease;
  vertical-align: middle;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  /* line 378, ../sass/content.scss */
  #content #upload-steps > li .btn {
    width: 80%;
    height: auto;
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 768px) and (min-width: 641px) {
  /* line 378, ../sass/content.scss */
  #content #upload-steps > li .btn {
    width: 90%;
  }
}
/* line 411, ../sass/content.scss */
#content #upload-steps > li .btn:hover {
  background: transparent;
  border: 2px solid #3871ab;
  color: #074a8e;
  font-weight: normal;
  padding: 6px;
}
/* line 425, ../sass/content.scss */
#content #upload-steps > li .btn_pink {
  width: 80%;
  height: auto;
  background: linear-gradient(120deg, #f17b00 0%, #e66000 100%);
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 16px;
  line-height: 20px;
  margin: 0px auto 10px auto;
  padding: 8px;
  text-decoration: none;
  transition: background .5s ease, color .3s ease;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  /* line 425, ../sass/content.scss */
  #content #upload-steps > li .btn_pink {
    width: 80%;
    height: auto;
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 768px) and (min-width: 641px) {
  /* line 425, ../sass/content.scss */
  #content #upload-steps > li .btn_pink {
    width: 90%;
  }
}
/* line 455, ../sass/content.scss */
#content #upload-steps > li .btn_pink:hover {
  color: #e66000;
  background: transparent;
  border: 2px solid #f17b00;
  padding: 6px;
}
/* line 462, ../sass/content.scss */
#content #upload-steps > li::before {
  content: none;
}

/* line 467, ../sass/content.scss */
#content hr {
  height: 3px;
  background-color: #1e4b9d;
  border: 0;
  margin: 5px auto;
  width: 6%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  /* line 467, ../sass/content.scss */
  #content hr {
    width: 10%;
  }
}
@media screen and (max-width: 480px) {
  /* line 467, ../sass/content.scss */
  #content hr {
    width: 10%;
  }
}

/* line 480, ../sass/content.scss */
.step {
  width: 150px;
  height: 100px;
  margin: 20px auto;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 486, ../sass/content.scss */
.step img {
  width: 100%;
  height: auto;
  display: block;
}

/* line 496, ../sass/content.scss */
#announce {
  width: 70%;
  margin: auto;
  text-align: center;
}
/* line 500, ../sass/content.scss */
#announce > p {
  font-size: 20px;
  line-height: 34px;
}
/* line 504, ../sass/content.scss */
#announce b {
  color: #1e4b9d;
}
/* line 507, ../sass/content.scss */
#announce img {
  width: 70%;
}

/* line 511, ../sass/content.scss */
#announce2 {
  width: 60%;
  margin: auto;
  padding: 1%;
  margin-bottom: 5%;
  border: solid 2px #4b0e72;
  border-radius: 10px;
}
/* line 512, ../sass/content.scss */
#announce2 p {
  font-size: 18px;
  line-height: 28px;
  color: #4b0e72;
}
@media screen and (max-width: 480px) {
  /* line 512, ../sass/content.scss */
  #announce2 p {
    font-size: 16px;
    line-height: 24px;
  }
}
/* line 520, ../sass/content.scss */
#announce2 p b {
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  /* line 511, ../sass/content.scss */
  #announce2 {
    width: 75%;
    margin-bottom: 8%;
  }
}

/* line 539, ../sass/content.scss */
#content #free_block {
  max-width: 1200px;
}
/* line 541, ../sass/content.scss */
#content #free_block .free_img {
  max-width: 100%;
}

/* line 547, ../sass/content.scss */
.bg_Submission h4 {
  color: #fff;
  font-size: 56px;
  line-height: normal;
}
@media screen and (max-width: 640px) {
  /* line 547, ../sass/content.scss */
  .bg_Submission h4 {
    font-size: 40px;
    line-height: 44px;
  }
}

@media only screen and (max-device-width: 480px) {
  /* line 4, ../sass/form.scss */
  .s_html {
    -webkit-text-size-adjust: 100%;
  }
}

/* line 10, ../sass/form.scss */
form {
  margin: auto;
  padding: 0;
  text-align: center;
  display: block;
  width: 100%;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 22px;
  vertical-align: middle;
  color: #181818;
}
/* line 18, ../sass/form.scss */
form label.video_type {
  display: block;
  float: left;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 5px;
  margin-right: 8px;
}
/* line 25, ../sass/form.scss */
form label.video_type input[type="radio"] {
  margin: 0;
}
/* line 31, ../sass/form.scss */
form #left > p {
  margin: 5px 0;
}
/* line 34, ../sass/form.scss */
form #left label {
  display: block;
}
/* line 37, ../sass/form.scss */
form #left input[type="radio"] {
  display: block;
  float: left;
  margin-top: 5px;
}
@media screen and (max-width: 480px) {
  /* line 37, ../sass/form.scss */
  form #left input[type="radio"] {
    margin-top: 2px;
  }
}
/* line 45, ../sass/form.scss */
form #left span.txt {
  width: calc(100% - 25px);
  display: block;
  float: left;
  line-height: normal;
}
@media screen and (max-width: 480px) {
  /* line 53, ../sass/form.scss */
  form > .btn {
    width: 50%;
  }
}
/* line 58, ../sass/form.scss */
form > #left2 {
  width: 90%;
  margin: auto;
}
@media screen and (max-width: 480px) {
  /* line 58, ../sass/form.scss */
  form > #left2 {
    width: 90%;
    text-align: left;
  }
}
/* line 65, ../sass/form.scss */
form > #left2 > p {
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 22px;
  vertical-align: middle;
  color: #181818;
}
@media screen and (max-width: 480px) {
  /* line 68, ../sass/form.scss */
  form > #left2 input[type="checkbox"] {
    display: block;
    float: left;
  }
}
@media screen and (max-width: 480px) {
  /* line 74, ../sass/form.scss */
  form > #left2 span.txt {
    width: calc(100% - 25px);
    display: block;
    float: left;
    line-height: normal;
    padding-top: 1px;
  }
}

/* line 86, ../sass/form.scss */
form fieldset {
  margin: auto;
  text-align: center;
  display: block;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 22px;
  vertical-align: middle;
  color: #181818;
}
@media screen and (max-width: 480px) {
  /* line 86, ../sass/form.scss */
  form fieldset {
    width: 98%;
    float: none;
    text-align: left;
  }
}

/* line 97, ../sass/form.scss */
input, textarea {
  border: none;
  box-sizing: border-box;
  background-color: #eee;
  padding: 5px 15px;
  border-radius: 20px;
  outline: none;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 22px;
  vertical-align: middle;
  color: #181818;
  text-align: left;
}

/* line 107, ../sass/form.scss */
input[type="radio"] {
  border: none;
  background-color: transparent;
  color: black;
  padding: 5px;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  /* line 107, ../sass/form.scss */
  input[type="radio"] {
    background-color: #828282;
  }
}

/* line 117, ../sass/form.scss */
#form_width {
  width: 90%;
  margin: auto;
  text-align: left;
  clear: both;
  overflow: hidden;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 22px;
  vertical-align: middle;
  color: #181818;
}
/* line 125, ../sass/form.scss */
#form_width > div:nth-child(odd) {
  width: 33%;
  float: left;
  font-weight: 600;
  text-align: right;
  padding: 1%;
}
@media screen and (max-width: 768px) {
  /* line 125, ../sass/form.scss */
  #form_width > div:nth-child(odd) {
    width: 40%;
  }
}
@media screen and (max-width: 480px) {
  /* line 125, ../sass/form.scss */
  #form_width > div:nth-child(odd) {
    width: 100%;
    float: none;
    text-align: left;
    margin: 0 auto;
    margin-top: 15px;
  }
}
/* line 142, ../sass/form.scss */
#form_width > div:nth-child(even) {
  width: 63%;
  float: left;
  text-align: left;
  padding: 1%;
}
@media screen and (max-width: 768px) {
  /* line 142, ../sass/form.scss */
  #form_width > div:nth-child(even) {
    width: 55%;
  }
}
@media screen and (max-width: 480px) {
  /* line 142, ../sass/form.scss */
  #form_width > div:nth-child(even) {
    width: 100%;
    float: none;
    text-align: left;
    margin: 0 auto;
  }
}
/* line 156, ../sass/form.scss */
#form_width > div:nth-child(even) > input, #form_width > div:nth-child(even) textarea {
  width: 98%;
}
@media screen and (max-width: 768px) {
  /* line 163, ../sass/form.scss */
  #form_width > div:nth-child(even) > label {
    width: 90%;
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  /* line 170, ../sass/form.scss */
  #form_width > #left {
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  /* line 175, ../sass/form.scss */
  #form_width > #left > p > input {
    width: 90%;
  }
}
/* line 180, ../sass/form.scss */
#form_width > #left > p > .others_input {
  width: 94%;
  margin-top: 1%;
  margin-left: 1%;
}
/* line 187, ../sass/form.scss */
#form_width > #ACD {
  line-height: 22px;
}
@media screen and (max-width: 480px) {
  /* line 187, ../sass/form.scss */
  #form_width > #ACD {
    font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
    font-size: 14px;
    line-height: 16px;
    vertical-align: middle;
    color: #181818;
  }
}

/* line 196, ../sass/form.scss */
#form_width font {
  display: inline-block;
  padding-left: 5px;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 22px;
  vertical-align: middle;
  color: #a2a2a1;
}
@media screen and (max-width: 480px) {
  /* line 196, ../sass/form.scss */
  #form_width font {
    font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
    font-size: 14px;
    line-height: 16px;
    vertical-align: middle;
    color: #181818;
    color: #7e7e7e;
  }
}

/* line 206, ../sass/form.scss */
#form_width .required {
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 22px;
  vertical-align: middle;
  color: #e4070c;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  /* line 206, ../sass/form.scss */
  #form_width .required {
    font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
    font-size: 14px;
    line-height: 22px;
    vertical-align: middle;
    color: #e4070c;
  }
}

/* line 215, ../sass/form.scss */
#content #scroll4 {
  background-image: url(../images/scroll4.jpg);
  background-attachment: fixed;
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  /* line 215, ../sass/form.scss */
  #content #scroll4 {
    background-size: 130% auto;
    background-position-y: 50px;
  }
}
@media screen and (max-width: 480px) {
  /* line 215, ../sass/form.scss */
  #content #scroll4 {
    background-size: 185% auto;
    background-position-y: 0;
  }
}

/* line 232, ../sass/form.scss */
.notice {
  border-left-style: solid;
  border-left-width: 4px;
  border-left-color: #0460be;
  overflow: hidden;
  padding-left: 1%;
  margin: 2% 0 5px 0;
}

/* line 241, ../sass/form.scss */
#form_width > .padding_top_fix {
  padding-top: 13px !important;
}
@media screen and (max-width: 768px) {
  /* line 241, ../sass/form.scss */
  #form_width > .padding_top_fix {
    padding-top: 10px !important;
  }
}
@media screen and (max-width: 480px) {
  /* line 241, ../sass/form.scss */
  #form_width > .padding_top_fix {
    padding-top: 7px !important;
  }
}

/* line 253, ../sass/form.scss */
select.form-control {
  font-family: inherit;
  height: 30px;
  width: 98%;
  background-color: #eee;
  border: 0;
  border-radius: 20px;
  padding: 0 10px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  /* line 253, ../sass/form.scss */
  select.form-control {
    margin-bottom: 22px;
  }
}
@media screen and (max-width: 480px) {
  /* line 253, ../sass/form.scss */
  select.form-control {
    width: 98%;
    margin-bottom: 0;
  }
}

/* line 273, ../sass/form.scss */
.bootstrap-select.form-control:not([class*=col-]) {
  width: 90%;
}
@media screen and (max-width: 480px) {
  /* line 273, ../sass/form.scss */
  .bootstrap-select.form-control:not([class*=col-]) {
    width: 95%;
  }
}

/* line 282, ../sass/form.scss */
.bootstrap-select > button.btn {
  border: none;
  background-color: #DDDDDD;
  border-radius: 5px;
  font-family: "Verdana", Meiryo, "Microsoft JhengHei", sans-serif;
  font-size: 15px;
  line-height: 22px;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
  color: #181818;
  text-align: left;
}

/* line 296, ../sass/form.scss */
.bootstrap-select > .dropdown-menu.open, .bootstrap-select > .dropdown-menu.open > ul.dropdown-menu.inner {
  background-color: #ddd;
}

/* line 300, ../sass/form.scss */
.bootstrap-select > .dropdown-menu.open {
  padding: 0;
  margin: 0;
}

/* line 305, ../sass/form.scss */
.bootstrap-select > .dropdown-menu.open > ul.dropdown-menu.inner > li {
  width: auto !important;
  margin: auto !important;
}

/* line 309, ../sass/form.scss */
.bootstrap-select > .dropdown-menu.open > ul.dropdown-menu.inner > li > a:focus {
  outline: none;
}

/* line 313, ../sass/form.scss */
#upload {
  display: inline-block;
  cursor: pointer;
  margin-left: 5px;
}

/* line 318, ../sass/form.scss */
.btn_submit {
  border-radius: 20px;
  background: linear-gradient(120deg, #f17b00 0%, #e66000 100%);
  box-sizing: border-box;
  color: #eee;
  display: inline-block;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin: 20px 0;
  padding: 5px 60px;
  text-align: center;
  text-decoration: none;
  transition: background .5s ease, color .5s ease;
}

/* line 334, ../sass/form.scss */
.btn_submit:hover {
  color: #e66000;
  background: transparent;
  border: 2px solid #f17b00;
  padding: 3px 58px;
}

/* line 340, ../sass/form.scss */
p.notice_area {
  border-radius: 10px;
  box-sizing: border-box;
  background-color: rgba(255, 80, 80, 0.1);
  padding: 15px;
}

/* line 346, ../sass/form.scss */
p.notice_area a {
  color: #ff8200;
  font-weight: 600;
  text-decoration: underline;
}

/* line 351, ../sass/form.scss */
#insert_clip_1, #insert_clip_2 {
  color: #ff8300;
  cursor: pointer;
  font-weight: bold;
  display: inline-block;
  padding-left: 5px;
  text-decoration: underline;
}

/* line 4, ../sass/gallery.scss */
#content_gallery, #content_gallery_360 {
  text-align: center;
  width: 100%;
  overflow: hidden;
  padding-top: 56px;
    /*
    > div:nth-child(1){
        width: 100%;
        padding: 10vh 0px 0px 0px;
        height: 50vh;
        background-color: rgba(255, 255, 255, 0);
        background-attachment: fixed;
        background-size: auto 81%;
        background-repeat: no-repeat;
        background-position: top center;
        display: block;
        >div{
            @include standard_font($font-size: 50px, $line-height:350px, $color: white);
            background-color: rgba(107, 2, 167, 0.6);
            width: 350px;
            height: 350px;
            border-radius: 99em;

            display: inline-block;

            margin: 0 auto;
        }
    }
    */
}
/* line 10, ../sass/gallery.scss */
#content_gallery > div:nth-child(n), #content_gallery_360 > div:nth-child(n) {
  width: 90%;
  min-height: 250px;
  padding: 2% 5% 0px 5%;
  background-color: white;
}
/* line 15, ../sass/gallery.scss */
#content_gallery > div:nth-child(n) > div, #content_gallery_360 > div:nth-child(n) > div {
  max-width: 980px;
  margin: auto;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 22px;
  vertical-align: middle;
  color: #181818;
}
/* line 22, ../sass/gallery.scss */
#content_gallery > div:nth-child(1), #content_gallery_360 > div:nth-child(1) {
  width: 100%;
  height: 50vh;
  max-height: 430px;
  vertical-align: middle;
  padding: 0;
  display: block;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0);
  background-image: url(../images/scroll1-3.jpg);
  background-attachment: fixed;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position-x: center;
}
/* line 39, ../sass/gallery.scss */
#content_gallery > div:nth-child(1):before, #content_gallery_360 > div:nth-child(1):before {
  content: "";
  height: 100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
@media screen and (min-width: 1200px) {
  /* line 22, ../sass/gallery.scss */
  #content_gallery > div:nth-child(1), #content_gallery_360 > div:nth-child(1) {
    background-position-y: -50px;
  }
}
@media screen and (max-width: 992px) {
  /* line 22, ../sass/gallery.scss */
  #content_gallery > div:nth-child(1), #content_gallery_360 > div:nth-child(1) {
    max-height: 300px;
    background-position-y: 60px;
  }
}
@media screen and (max-width: 600px) {
  /* line 22, ../sass/gallery.scss */
  #content_gallery > div:nth-child(1), #content_gallery_360 > div:nth-child(1) {
    max-height: 250px;
    background-attachment: scroll;
    background-position-y: unset;
    background-size: cover;
  }
}
/* line 59, ../sass/gallery.scss */
#content_gallery > div:nth-child(1) > div, #content_gallery_360 > div:nth-child(1) > div {
  color: #fff;
  display: inline-block;
  font-size: 72px;
  line-height: 52px;
  padding: 0;
  font-weight: 600;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  vertical-align: middle;
}
@media screen and (max-width: 992px) {
  /* line 59, ../sass/gallery.scss */
  #content_gallery > div:nth-child(1) > div, #content_gallery_360 > div:nth-child(1) > div {
    font-size: 56px;
    line-height: 44px;
  }
}
@media screen and (max-width: 480px) {
  /* line 59, ../sass/gallery.scss */
  #content_gallery > div:nth-child(1) > div, #content_gallery_360 > div:nth-child(1) > div {
    width: 97%;
    margin: 0 auto;
    font-size: 46px;
    line-height: 40px;
  }
}
/* line 79, ../sass/gallery.scss */
#content_gallery > div:nth-child(1) > div > .subtitle, #content_gallery_360 > div:nth-child(1) > div > .subtitle {
  font-size: 26px;
}
@media screen and (max-width: 992px) {
  /* line 79, ../sass/gallery.scss */
  #content_gallery > div:nth-child(1) > div > .subtitle, #content_gallery_360 > div:nth-child(1) > div > .subtitle {
    font-size: 22px;
  }
}
@media screen and (max-width: 480px) {
  /* line 79, ../sass/gallery.scss */
  #content_gallery > div:nth-child(1) > div > .subtitle, #content_gallery_360 > div:nth-child(1) > div > .subtitle {
    font-size: 18px;
  }
}
/* line 115, ../sass/gallery.scss */
#content_gallery > div:nth-child(3), #content_gallery_360 > div:nth-child(3) {
  min-height: 0px;
  height: 10vh;
  display: block;
  padding: 0px;
  width: 100%;
  background-color: white;
}
/* line 125, ../sass/gallery.scss */
#content_gallery > div:nth-child(4), #content_gallery_360 > div:nth-child(4) {
  min-height: 0px;
  display: block;
  background-color: white;
  padding-top: 0;
}
/* line 131, ../sass/gallery.scss */
#content_gallery > div:nth-child(5), #content_gallery_360 > div:nth-child(5) {
  min-height: 0px;
  display: block;
  background-color: transparent;
}

/* line 137, ../sass/gallery.scss */
#content_gallery ul {
  width: 100%;
  text-align: center;
}
/* line 147, ../sass/gallery.scss */
#content_gallery ul.page_list {
  margin-bottom: 20px;
}
/* line 151, ../sass/gallery.scss */
#content_gallery ul > li {
  display: inline-block;
  width: calc(96% / 4);
  margin: 0px 0.5% 3% 0.5%;
  padding: 0;
  text-align: left;
  float: left;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 20px;
  vertical-align: middle;
  color: white;
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  /* line 151, ../sass/gallery.scss */
  #content_gallery ul > li {
    margin: 0px 1% 3% 1%;
    width: calc(94% / 3);
  }
}
@media screen and (max-width: 480px) {
  /* line 151, ../sass/gallery.scss */
  #content_gallery ul > li {
    font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
    font-size: 40px;
    line-height: 20vh;
    vertical-align: middle;
    color: white;
    margin: 0px 1% 3% 1%;
    width: calc(96% / 2);
    line-height: calc(30vw);
  }
}
/* line 173, ../sass/gallery.scss */
#content_gallery ul > li > a {
  text-decoration: none;
  display: block;
}
/* line 177, ../sass/gallery.scss */
#content_gallery ul > li > a > hr {
  height: 1px;
  background-color: rgba(0, 0, 0, 0.4);
  border: 0;
  margin: 5px auto;
  width: 100%;
  margin: 10px auto;
}
/* line 182, ../sass/gallery.scss */
#content_gallery ul > li > a > img {
  border-radius: 10px;
  margin: 3% 3% 5% 3%;
  width: calc(94%/1px);
  width: 94%;
}
@media screen and (max-width: 480px) {
  /* line 182, ../sass/gallery.scss */
  #content_gallery ul > li > a > img {
    margin-top: 0%;
    margin-bottom: 0;
  }
}
/* line 195, ../sass/gallery.scss */
#content_gallery ul > li > a > p {
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 13px;
  line-height: 15px;
  vertical-align: middle;
  color: #181818;
  margin: 2% 5% 0 5%;
}
@media screen and (max-width: 480px) {
  /* line 195, ../sass/gallery.scss */
  #content_gallery ul > li > a > p {
    font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
    font-size: 12px;
    line-height: 15px;
    vertical-align: middle;
    color: #181818;
  }
}
/* line 202, ../sass/gallery.scss */
#content_gallery ul > li > a .author {
  height: 32px;
}
/* line 205, ../sass/gallery.scss */
#content_gallery ul > li > a > strong {
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 20px;
  vertical-align: middle;
  color: #333;
  margin: 2% 5% 5% 5%;
  display: block;
  font-weight: bold;
  overflow: hidden;
  height: 40px;
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  /* line 205, ../sass/gallery.scss */
  #content_gallery ul > li > a > strong {
    margin: 0 5% 5% 5%;
  }
}
@media screen and (max-width: 480px) {
  /* line 205, ../sass/gallery.scss */
  #content_gallery ul > li > a > strong {
    height: 35px;
    margin: 0 5% 5% 5%;
    font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
    font-size: 14px;
    line-height: 18px;
    vertical-align: middle;
    color: #1e4b9d;
  }
}
/* line 222, ../sass/gallery.scss */
#content_gallery ul > li > a > .view {
  height: 30px;
  box-sizing: border-box;
  overflow: hidden;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 3px;
  margin-top: 10px;
}

/* line 235, ../sass/gallery.scss */
#content_gallery_360 ul {
  width: 100%;
  text-align: center;
}
/* line 246, ../sass/gallery.scss */
#content_gallery_360 ul > li {
  display: inline-block;
  width: calc(96% / 4);
  margin: 0px 0.5% 3% 0.5%;
  padding: 0;
  text-align: left;
  float: left;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 20px;
  vertical-align: middle;
  color: white;
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  /* line 246, ../sass/gallery.scss */
  #content_gallery_360 ul > li {
    margin: 0px 1% 3% 1%;
    width: calc(94% / 3);
  }
}
@media screen and (max-width: 480px) {
  /* line 246, ../sass/gallery.scss */
  #content_gallery_360 ul > li {
    font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
    font-size: 40px;
    line-height: 20vh;
    vertical-align: middle;
    color: white;
    margin: 0px 1% 3% 1%;
    width: calc(96% / 2);
    line-height: calc(30vw);
  }
}
/* line 268, ../sass/gallery.scss */
#content_gallery_360 ul > li > a {
  text-decoration: none;
}
/* line 271, ../sass/gallery.scss */
#content_gallery_360 ul > li > a > hr {
  height: 1px;
  background-color: rgba(0, 0, 0, 0.4);
  border: 0;
  margin: 5px auto;
  width: 100%;
  margin: 10px auto;
}
/* line 276, ../sass/gallery.scss */
#content_gallery_360 ul > li > a > img {
  border-radius: 10px;
  margin: 3% 3% 5% 3%;
  width: calc(94%/1px);
  width: 94%;
}
@media screen and (max-width: 480px) {
  /* line 276, ../sass/gallery.scss */
  #content_gallery_360 ul > li > a > img {
    margin-top: 0%;
    margin-bottom: 0;
  }
}
/* line 289, ../sass/gallery.scss */
#content_gallery_360 ul > li > a > p {
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 13px;
  line-height: 15px;
  vertical-align: middle;
  color: #181818;
  margin: 2% 5% 0 5%;
}
@media screen and (max-width: 480px) {
  /* line 289, ../sass/gallery.scss */
  #content_gallery_360 ul > li > a > p {
    font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
    font-size: 12px;
    line-height: 15px;
    vertical-align: middle;
    color: #181818;
  }
}
/* line 296, ../sass/gallery.scss */
#content_gallery_360 ul > li > a .author {
  height: 32px;
}
/* line 299, ../sass/gallery.scss */
#content_gallery_360 ul > li > a > strong {
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 20px;
  vertical-align: middle;
  color: #333;
  margin: 2% 5% 5% 5%;
  display: block;
  font-weight: bold;
  overflow: hidden;
  height: 40px;
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  /* line 299, ../sass/gallery.scss */
  #content_gallery_360 ul > li > a > strong {
    margin: 0 5% 5% 5%;
  }
}
@media screen and (max-width: 480px) {
  /* line 299, ../sass/gallery.scss */
  #content_gallery_360 ul > li > a > strong {
    height: 35px;
    margin: 0 5% 5% 5%;
    font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
    font-size: 14px;
    line-height: 18px;
    vertical-align: middle;
    color: #1e4b9d;
  }
}
/* line 316, ../sass/gallery.scss */
#content_gallery_360 ul > li > a > .view {
  background-color: #7777cf;
  overflow: hidden;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 3px;
  margin-top: 10px;
}

/* line 328, ../sass/gallery.scss */
#content_gallery .view .eye, #content_gallery_360 .view .eye {
  width: 42%;
  float: left;
  text-align: center;
  padding: 0px 2%;
  margin: 0px 2%;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 10px;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
  color: white;
}
@media screen and (max-width: 480px) {
  /* line 328, ../sass/gallery.scss */
  #content_gallery .view .eye, #content_gallery_360 .view .eye {
    margin: 0px;
    width: 46%;
  }
}
/* line 343, ../sass/gallery.scss */
#content_gallery .view .eye > img, #content_gallery_360 .view .eye > img {
  margin: 0px 1%;
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 480px) {
  /* line 343, ../sass/gallery.scss */
  #content_gallery .view .eye > img, #content_gallery_360 .view .eye > img {
    width: 16px;
    height: 16px;
  }
}
/* line 352, ../sass/gallery.scss */
#content_gallery .view .eye > div, #content_gallery_360 .view .eye > div {
  float: right;
  width: 50%;
}
@media screen and (max-width: 480px) {
  /* line 328, ../sass/gallery.scss */
  #content_gallery .view .eye, #content_gallery_360 .view .eye {
    font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
    font-size: 10px;
    line-height: 20px;
    vertical-align: middle;
    color: white;
  }
}

/* line 361, ../sass/gallery.scss */
#content_gallery .view .vote, #content_gallery_360 .view .vote {
  width: 42%;
  float: left;
  text-align: center;
  padding: 0px 2%;
  margin: 0px 2%;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 10px;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
  color: white;
}
@media screen and (max-width: 480px) {
  /* line 361, ../sass/gallery.scss */
  #content_gallery .view .vote, #content_gallery_360 .view .vote {
    margin: 0px;
    width: 46%;
  }
}
/* line 375, ../sass/gallery.scss */
#content_gallery .view .vote > img, #content_gallery_360 .view .vote > img {
  margin: 0px 1%;
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 480px) {
  /* line 375, ../sass/gallery.scss */
  #content_gallery .view .vote > img, #content_gallery_360 .view .vote > img {
    width: 16px;
    height: 16px;
  }
}
/* line 384, ../sass/gallery.scss */
#content_gallery .view .vote > div, #content_gallery_360 .view .vote > div {
  float: right;
  width: 50%;
}
@media screen and (max-width: 480px) {
  /* line 361, ../sass/gallery.scss */
  #content_gallery .view .vote, #content_gallery_360 .view .vote {
    font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
    font-size: 10px;
    line-height: 20px;
    vertical-align: middle;
    color: white;
  }
}

/* line 394, ../sass/gallery.scss */
#content_gallery ul:nth-child(1) > li:nth-child(n) {
  background-color: #F8F3D4;
  border-radius: 10px;
}
/* line 398, ../sass/gallery.scss */
#content_gallery ul:nth-child(1) > li:nth-child(n):hover {
  background-color: #3a9bae;
}

/* line 404, ../sass/gallery.scss */
#content_gallery ul:nth-child(2) > li:nth-child(n) {
  background-color: rgba(14, 147, 173, 0.15);
  border-radius: 10px;
}
/* line 408, ../sass/gallery.scss */
#content_gallery ul:nth-child(2) > li:nth-child(n):hover {
  background-color: #2954a3;
}
/* line 411, ../sass/gallery.scss */
#content_gallery ul:nth-child(2) > li:nth-child(n):hover > a > p {
  color: white;
}
/* line 414, ../sass/gallery.scss */
#content_gallery ul:nth-child(2) > li:nth-child(n):hover > a > strong {
  color: #FCE38A;
}

/* line 421, ../sass/gallery.scss */
#content_gallery ul:nth-child(3) > li:nth-child(n) {
  background-color: #dceaf2;
  border-radius: 14px;
  box-sizing: border-box;
  border: solid 4px;
}
/* line 426, ../sass/gallery.scss */
#content_gallery ul:nth-child(3) > li:nth-child(n) a > div.view {
  background-color: #1c5c9e;
}
/* line 466, ../sass/gallery.scss */
#content_gallery ul:nth-child(3) > li:nth-child(n):hover {
  border: solid 4px #1c5c9e;
}
/* line 476, ../sass/gallery.scss */
#content_gallery ul:nth-child(3) > li:nth-child(n):hover > a > .view {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

/* line 484, ../sass/gallery.scss */
#content_gallery ul:nth-child(4) > li:nth-child(n) {
  background-color: rgba(14, 147, 173, 0.15);
  border-radius: 10px;
}
/* line 488, ../sass/gallery.scss */
#content_gallery ul:nth-child(4) > li:nth-child(n):hover {
  background-color: #1e4b9d;
}
/* line 491, ../sass/gallery.scss */
#content_gallery ul:nth-child(4) > li:nth-child(n):hover > a > p {
  color: white;
}
/* line 494, ../sass/gallery.scss */
#content_gallery ul:nth-child(4) > li:nth-child(n):hover > a > strong {
  color: #FCE38A;
}

/* line 501, ../sass/gallery.scss */
#content_gallery ul:nth-child(5) > li:nth-child(n) {
  background-color: rgba(14, 147, 173, 0.15);
  border-radius: 10px;
}
/* line 505, ../sass/gallery.scss */
#content_gallery ul:nth-child(5) > li:nth-child(n):hover {
  background-color: #1e4b9d;
}
/* line 508, ../sass/gallery.scss */
#content_gallery ul:nth-child(5) > li:nth-child(n):hover > a > p {
  color: white;
}
/* line 511, ../sass/gallery.scss */
#content_gallery ul:nth-child(5) > li:nth-child(n):hover > a > strong {
  color: #FCE38A;
}

/* line 518, ../sass/gallery.scss */
#content_gallery #sort {
  text-align: center;
}
@media screen and (max-width: 480px) {
  /* line 518, ../sass/gallery.scss */
  #content_gallery #sort {
    text-align: center;
  }
}
/* line 526, ../sass/gallery.scss */
#content_gallery #sort > a {
  text-decoration: none;
  font-weight: bold;
}
/* line 530, ../sass/gallery.scss */
#content_gallery #sort > a:hover {
  color: #1e4b9d;
}
@media screen and (max-width: 768px) {
  /* line 518, ../sass/gallery.scss */
  #content_gallery #sort {
    display: none;
  }
}

/* line 538, ../sass/gallery.scss */
#content_gallery #sort_m {
  margin: 4% 0;
  clear: both;
  font-weight: bold;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 20px;
  line-height: 30px;
  vertical-align: middle;
  color: #181818;
}
/* line 544, ../sass/gallery.scss */
#content_gallery #sort_m > form {
  text-align: center;
  font-size: 18px;
}
/* line 552, ../sass/gallery.scss */
#content_gallery #sort_m > form > select {
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 18px;
  line-height: 30px;
  vertical-align: middle;
  color: #1c5c9e;
  height: 30px;
  margin-bottom: 4px;
  background-color: rgba(30, 75, 157, 0.15);
  border-radius: 8px;
  border-color: #1c5c9e;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  /* line 538, ../sass/gallery.scss */
  #content_gallery #sort_m {
    font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    color: #181818;
  }
  /* line 566, ../sass/gallery.scss */
  #content_gallery #sort_m > form > select {
    font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
    font-size: 16px;
    line-height: 22px;
    vertical-align: middle;
    color: #1c5c9e;
    font-weight: bold;
    padding: 2px;
    padding-top: 0;
  }
}
@media screen and (min-width: 769px) {
  /* line 538, ../sass/gallery.scss */
  #content_gallery #sort_m {
    display: none;
  }
}

/* line 581, ../sass/gallery.scss */
#content_gallery_360 ul:nth-child(1) > li:nth-child(n) {
  background-color: #f9f1d0;
  border-radius: 10px;
}
/* line 585, ../sass/gallery.scss */
#content_gallery_360 ul:nth-child(1) > li:nth-child(n):hover {
  background-color: #3a9bae;
}

/* line 591, ../sass/gallery.scss */
#content_gallery_360 ul:nth-child(2) > li:nth-child(n) {
  background-color: rgba(14, 147, 173, 0.15);
  border-radius: 10px;
}
/* line 595, ../sass/gallery.scss */
#content_gallery_360 ul:nth-child(2) > li:nth-child(n):hover {
  background-color: #2954a3;
}
/* line 598, ../sass/gallery.scss */
#content_gallery_360 ul:nth-child(2) > li:nth-child(n):hover > a > p {
  color: white;
}
/* line 601, ../sass/gallery.scss */
#content_gallery_360 ul:nth-child(2) > li:nth-child(n):hover > a > strong {
  color: #FCE38A;
}

/* line 608, ../sass/gallery.scss */
#content_gallery_360 ul:nth-child(3) > li:nth-child(n) {
  background-color: #f0ecd9;
  border-radius: 14px;
  box-sizing: border-box;
  border: solid 4px;
}
/* line 613, ../sass/gallery.scss */
#content_gallery_360 ul:nth-child(3) > li:nth-child(n) a > div.view {
  background-color: #dd6e17;
}
/* line 654, ../sass/gallery.scss */
#content_gallery_360 ul:nth-child(3) > li:nth-child(n):hover {
  border: solid 4px #dd6e17;
}
/* line 661, ../sass/gallery.scss */
#content_gallery_360 ul:nth-child(3) > li:nth-child(n):hover > a > .view {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

/* line 669, ../sass/gallery.scss */
#content_gallery_360 ul:nth-child(4) > li:nth-child(n) {
  background-color: rgba(14, 147, 173, 0.15);
  border-radius: 10px;
}
/* line 673, ../sass/gallery.scss */
#content_gallery_360 ul:nth-child(4) > li:nth-child(n):hover {
  background-color: #1e4b9d;
}
/* line 676, ../sass/gallery.scss */
#content_gallery_360 ul:nth-child(4) > li:nth-child(n):hover > a > p {
  color: white;
}
/* line 679, ../sass/gallery.scss */
#content_gallery_360 ul:nth-child(4) > li:nth-child(n):hover > a > strong {
  color: #FCE38A;
}

/* line 686, ../sass/gallery.scss */
#content_gallery_360 ul:nth-child(5) > li:nth-child(n) {
  background-color: rgba(14, 147, 173, 0.15);
  border-radius: 10px;
}
/* line 690, ../sass/gallery.scss */
#content_gallery_360 ul:nth-child(5) > li:nth-child(n):hover {
  background-color: #1e4b9d;
}
/* line 693, ../sass/gallery.scss */
#content_gallery_360 ul:nth-child(5) > li:nth-child(n):hover > a > p {
  color: white;
}
/* line 696, ../sass/gallery.scss */
#content_gallery_360 ul:nth-child(5) > li:nth-child(n):hover > a > strong {
  color: #FCE38A;
}

/* line 703, ../sass/gallery.scss */
#content_gallery_360 #sort {
  text-align: center;
}
@media screen and (max-width: 480px) {
  /* line 703, ../sass/gallery.scss */
  #content_gallery_360 #sort {
    text-align: center;
  }
}
/* line 710, ../sass/gallery.scss */
#content_gallery_360 #sort > a {
  text-decoration: none;
  font-weight: bold;
}
/* line 714, ../sass/gallery.scss */
#content_gallery_360 #sort > a:hover {
  color: #dd6e17;
}
@media screen and (max-width: 768px) {
  /* line 703, ../sass/gallery.scss */
  #content_gallery_360 #sort {
    display: none;
  }
}

/* line 722, ../sass/gallery.scss */
#content_gallery_360 #sort_m {
  margin: 4% 0;
  clear: both;
  font-weight: bold;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 20px;
  line-height: 30px;
  vertical-align: middle;
  color: #181818;
}
/* line 728, ../sass/gallery.scss */
#content_gallery_360 #sort_m > form {
  text-align: center;
  font-size: 18px;
}
/* line 736, ../sass/gallery.scss */
#content_gallery_360 #sort_m > form > select {
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 18px;
  line-height: 30px;
  vertical-align: middle;
  color: #d4642e;
  height: 30px;
  margin-bottom: 4px;
  background-color: rgba(30, 75, 157, 0.15);
  border-radius: 8px;
  border-color: #d4642e;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  /* line 722, ../sass/gallery.scss */
  #content_gallery_360 #sort_m {
    font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    color: #181818;
  }
  /* line 751, ../sass/gallery.scss */
  #content_gallery_360 #sort_m > form > select {
    font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
    font-size: 16px;
    line-height: 22px;
    vertical-align: middle;
    color: #d4642e;
    font-weight: bold;
    padding: 2px;
    padding-top: 0;
  }
}
@media screen and (min-width: 769px) {
  /* line 722, ../sass/gallery.scss */
  #content_gallery_360 #sort_m {
    display: none;
  }
}

/* line 765, ../sass/gallery.scss */
#content_gallery #page, #content_gallery_360 #page {
  height: auto;
  background-color: #fff;
  padding-bottom: 20px;
}
@media screen and (max-width: 480px) {
  /* line 765, ../sass/gallery.scss */
  #content_gallery #page, #content_gallery_360 #page {
    display: none;
  }
}

/* line 774, ../sass/gallery.scss */
#content_gallery #page ul > li, #content_gallery_360 #page ul > li {
  background-color: #f4f4f4;
  width: 24px;
  margin: 2px;
  display: inline-block;
  padding: 5px;
  text-align: center;
  float: none;
}
/* line 783, ../sass/gallery.scss */
#content_gallery #page ul > li > a, #content_gallery_360 #page ul > li > a {
  text-decoration: none;
  display: inline-block;
  padding: 0px;
  width: 100%;
  color: black;
}

/* line 792, ../sass/gallery.scss */
#content_gallery #page_m, #content_gallery_360 #page_m {
  display: none;
}
@media screen and (max-width: 480px) {
  /* line 792, ../sass/gallery.scss */
  #content_gallery #page_m, #content_gallery_360 #page_m {
    display: inline-block;
    overflow: hidden;
  }
}

/* line 801, ../sass/gallery.scss */
#content_gallery #page_m > div, #content_gallery_360 #page_m > div {
  background-color: #f4f4f4;
  width: 40%;
  margin: 0 5% 5% 5%;
  text-align: center;
  float: left;
  padding: 0;
  border-radius: 6px;
}
/* line 809, ../sass/gallery.scss */
#content_gallery #page_m > div > a, #content_gallery_360 #page_m > div > a {
  display: block;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  width: 100%;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 13px;
  line-height: 22px;
  vertical-align: middle;
  color: #333;
  font-weight: bold;
}

/* line 820, ../sass/gallery.scss */
#content_gallery #page_m .noclick, #content_gallery_360 #page_m .noclick {
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 13px;
  line-height: 22px;
  vertical-align: middle;
  color: #acacab;
}

/*#content_gallery #page_m{
	display: none;
	@media screen and (max-width: $phone_break) {
		display: inline-block;
        overflow: hidden;
    }

}*/
/* line 832, ../sass/gallery.scss */
#content_gallery #page_m ul > li:nth-child(odd), #content_gallery_360 #page_m ul > li:nth-child(odd) {
  background-color: #f4f4f4;
  width: 30%;
  text-align: center;
  margin-bottom: 5%;
  padding: 0;
}
/* line 838, ../sass/gallery.scss */
#content_gallery #page_m ul > li:nth-child(odd) > a, #content_gallery_360 #page_m ul > li:nth-child(odd) > a {
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  width: 100%;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 13px;
  line-height: 22px;
  vertical-align: middle;
  color: black;
  line-height: 50px;
  background-color: yellow;
}
/* line 848, ../sass/gallery.scss */
#content_gallery #page_m ul > li:nth-child(even), #content_gallery_360 #page_m ul > li:nth-child(even) {
  background-color: transparent;
  width: 10%;
  text-align: center;
  display: inline-block;
  background-color: blue;
}

/* line 857, ../sass/gallery.scss */
#blank {
  padding-top: 0 !important;
}

/* line 865, ../sass/gallery.scss */
#content_gallery_360 ul:nth-child(3) > li.voted a > div.view .vote, #content_gallery ul:nth-child(3) > li.voted a > div.view .vote {
  color: #999;
}

/* line 873, ../sass/gallery.scss */
#content_view .section_btns .btn_vote.voted, #content_view.view_for_360 .section_btns .btn_vote.voted {
  background-color: #999;
}

/*
#content_gallery #page_m ul{
	>li:nth-child(odd){
		background-color: #f4f4f4;
		width: 30%;
		text-align: center;
		margin-bottom: 5%;
		background-color: red;
		padding: 0;
		>a{
			text-decoration: none;
			padding: 0px;
			margin: 0px;
			width: 100%;
			@include standard_font($font-size: 13px, $color: black);
			line-height: 50px;
			background-color: yellow;
		}
	}
	>li:nth-child(even){
		background-color: rgba(0, 0, 0, 0);
		width: 10%;
		text-align: center;
		display: inline-block;
		background-color: blue;
	}
}*/
/* line 4, ../sass/view.scss */
#content_view {
  text-align: center;
  width: 100%;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
/* line 15, ../sass/view.scss */
#content_view > div:nth-child(2) {
  width: 100%;
  min-height: 70vh;
  box-sizing: border-box;
  padding: 2%;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  overflow: hidden;
  vertical-align: middle;
  background-color: white;
}
@media screen and (max-width: 768px) {
  /* line 15, ../sass/view.scss */
  #content_view > div:nth-child(2) {
    min-height: 74vh;
  }
}
@media screen and (max-width: 480px) {
  /* line 15, ../sass/view.scss */
  #content_view > div:nth-child(2) {
    min-height: 92vh;
  }
}
/* line 35, ../sass/view.scss */
#content_view > div:nth-child(2) > div {
  width: 100%;
  overflow: hidden;
  clear: both;
  max-width: 980px;
  margin: auto;
}
/* line 42, ../sass/view.scss */
#content_view > div:nth-child(2) > div > div p {
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 22px;
  vertical-align: middle;
  color: #181818;
  text-align: left;
  margin: 1%;
}
@media screen and (max-width: 480px) {
  /* line 42, ../sass/view.scss */
  #content_view > div:nth-child(2) > div > div p {
    margin-bottom: 2%;
  }
}
@media screen and (max-width: 480px) {
  /* line 52, ../sass/view.scss */
  #content_view > div:nth-child(2) > .clear_bottom {
    height: 80px;
  }
}
/* line 58, ../sass/view.scss */
#content_view > div:nth-child(1) {
  width: 100%;
  padding: 0px;
  height: 80px;
  min-height: 0;
  background-color: #fff;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  display: block;
}
/* line 70, ../sass/view.scss */
#content_view > div:nth-child(1) > div {
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 80px;
  line-height: 60vh;
  vertical-align: middle;
  color: #c9fe67;
  background-color: rgba(72, 61, 60, 0.3);
  width: 100%;
  max-width: 100%;
  height: 20vh;
  display: block;
}
/* line 79, ../sass/view.scss */
#content_view > div:nth-child(3) {
  width: 90%;
  min-height: 5vh;
  padding: 0 5%;
  background-color: transparent;
}
@media screen and (max-width: 768px) {
  /* line 79, ../sass/view.scss */
  #content_view > div:nth-child(3) {
    min-height: 2vh;
  }
}
@media screen and (max-width: 480px) {
  /* line 79, ../sass/view.scss */
  #content_view > div:nth-child(3) {
    display: none;
    min-height: 0;
    height: 0;
  }
}

/* line 103, ../sass/view.scss */
#content_view #main {
  width: calc(79% - 20px);
  float: left;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  /* line 103, ../sass/view.scss */
  #content_view #main {
    width: 95%;
  }
}
@media screen and (max-width: 992px) {
  /* line 103, ../sass/view.scss */
  #content_view #main {
    padding: 0 10px;
  }
}
/* line 114, ../sass/view.scss */
#content_view #main > iframe {
  width: 100%;
  height: 400px;
}
@media screen and (max-width: 480px) {
  /* line 114, ../sass/view.scss */
  #content_view #main > iframe {
    height: 200px;
  }
}

/* line 123, ../sass/view.scss */
#content_view #side {
  width: calc(20% - 30px);
  float: left;
  background-color: #e3e4e4;
  padding: 0.5% 0;
}
@media screen and (max-width: 768px) {
  /* line 123, ../sass/view.scss */
  #content_view #side {
    width: 75%;
    padding: 1%;
    margin: auto;
    margin-left: 10%;
    margin-bottom: 3%;
  }
}
@media screen and (max-width: 480px) {
  /* line 123, ../sass/view.scss */
  #content_view #side {
    width: 94%;
    padding: 1%;
    margin: auto;
    margin-bottom: 5%;
    margin-left: 2%;
  }
}
/* line 143, ../sass/view.scss */
#content_view #side > div {
  padding: 3% 2%;
}
@media screen and (max-width: 768px) {
  /* line 143, ../sass/view.scss */
  #content_view #side > div {
    float: left;
    width: 23%;
    padding: 1%;
  }
}
/* line 151, ../sass/view.scss */
#content_view #side > div > a > img {
  width: 90%;
}
@media screen and (max-width: 768px) {
  /* line 151, ../sass/view.scss */
  #content_view #side > div > a > img {
    width: 100%;
  }
}
/* line 159, ../sass/view.scss */
#content_view #side .current {
  background-color: #1c5c9e;
}

/* line 164, ../sass/view.scss */
#content_view #view_title {
  word-wrap: break-word;
  padding: 1% 2%;
  text-align: left;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 30px;
  line-height: 36px;
  vertical-align: middle;
  color: #181818;
}
@media screen and (max-width: 480px) {
  /* line 164, ../sass/view.scss */
  #content_view #view_title {
    font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
    font-size: 24px;
    line-height: 32px;
    vertical-align: middle;
    color: #181818;
  }
}

/* line 176, ../sass/view.scss */
#content_view #view_creator {
  color: #fff;
  display: inline-block;
  padding: 2px 20px;
  padding-bottom: 3px;
  text-align: left;
  margin-top: 6px;
  border-radius: 33px;
  font-size: 24px;
  line-height: normal;
  background-color: #1c5c9e;
}
@media screen and (max-width: 480px) {
  /* line 176, ../sass/view.scss */
  #content_view #view_creator {
    font-size: 20px;
    margin-bottom: 3%;
  }
}

/* line 193, ../sass/view.scss */
#content_view hr {
  height: 2px;
  background-color: #1c5c9e;
  border: 0;
  margin: 5px auto;
  width: 100%;
  margin: 15px auto;
  text-align: left;
  float: left;
  clear: both;
}

/* line 203, ../sass/view.scss */
#content_view .back {
  display: inline-block;
  padding-left: 1%;
  font-weight: bold;
  text-decoration: underline;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 15px;
  line-height: 40px;
  vertical-align: middle;
  color: #1c5c9e;
}
/* line 210, ../sass/view.scss */
#content_view .back > img {
  margin: 0px 1% 0 0;
}

/* line 220, ../sass/view.scss */
#content_view .section_btns {
  margin: 10px 0;
}
/* line 222, ../sass/view.scss */
#content_view .section_btns .eye, #content_view .section_btns .vote_count, #content_view .section_btns .btn_vote, #content_view .section_btns .btn_share {
  float: left;
  text-align: center;
  padding: 8px 20px;
  margin: 5px;
  border-radius: 30px;
  font-size: 16px;
  line-height: 24px;
}
/* line 231, ../sass/view.scss */
#content_view .section_btns .eye {
  color: #60aed9;
  background-color: #60aed9;
  background-color: white;
  border-style: solid;
  border-width: thin;
  border-color: #60aed9;
}
/* line 239, ../sass/view.scss */
#content_view .section_btns .eye > img {
  width: 24px;
  height: auto;
  display: inline-block;
}
/* line 245, ../sass/view.scss */
#content_view .section_btns .vote_count {
  color: #60aed9;
  background-color: #60aed9;
  background-color: white;
  border-style: solid;
  border-width: thin;
  border-color: #60aed9;
}
/* line 253, ../sass/view.scss */
#content_view .section_btns .vote_count > img {
  width: 24px;
  height: auto;
  display: inline-block;
}
/* line 259, ../sass/view.scss */
#content_view .section_btns .btn_vote {
  background-color: #1c5c9e;
  color: #fff;
  display: block;
}
/* line 264, ../sass/view.scss */
#content_view .section_btns .btn_vote > img {
  width: 24px;
  height: auto;
  display: inline-block;
  margin-right: 5px;
}
/* line 271, ../sass/view.scss */
#content_view .section_btns .btn_share {
  background-color: #3b5998;
  color: #fff;
  display: block;
}
/* line 276, ../sass/view.scss */
#content_view .section_btns .btn_share > img {
  display: inline-block;
  width: 20px;
  height: auto;
  margin-right: 10px;
}
/* line 283, ../sass/view.scss */
#content_view .section_btns .eye, #content_view .section_btns .vote_count, #content_view .section_btns .btn_vote, #content_view .section_btns .btn_share {
  box-sizing: border-box;
}
@media screen and (max-width: 600px) {
  /* line 283, ../sass/view.scss */
  #content_view .section_btns .eye, #content_view .section_btns .vote_count, #content_view .section_btns .btn_vote, #content_view .section_btns .btn_share {
    width: 100%;
    max-width: 420px;
    float: none;
    margin: 10px auto;
  }
}

/* line 295, ../sass/view.scss */
#content_view .section_back {
  text-align: left;
}
@media screen and (max-width: 600px) {
  /* line 295, ../sass/view.scss */
  #content_view .section_back {
    text-align: center;
  }
}

/* line 304, ../sass/view.scss */
#content_view.view_for_360 #view_creator {
  background-color: #dd6e17;
}
/* line 307, ../sass/view.scss */
#content_view.view_for_360 #side .current {
  background-color: #dd6e17;
}
/* line 310, ../sass/view.scss */
#content_view.view_for_360 hr {
  background-color: #dd6e17;
}
/* line 313, ../sass/view.scss */
#content_view.view_for_360 .eye {
  border-color: #eb8f2f;
  color: #eb8f2f;
}
/* line 317, ../sass/view.scss */
#content_view.view_for_360 .vote_count {
  border-color: #eb8f2f;
  color: #eb8f2f;
}
/* line 321, ../sass/view.scss */
#content_view.view_for_360 .btn_vote {
  background-color: #dd6e17;
}
/* line 324, ../sass/view.scss */
#content_view.view_for_360 .back {
  color: #dd6e17;
}

/* ---------- page tips ---------- */
/* line 5, ../sass/tips.scss */
.tips {
  overflow: hidden;
  margin: auto;
}
/* line 8, ../sass/tips.scss */
.tips > div:nth-child(odd) {
  border-radius: 10px;
  width: 33%;
  float: left;
  text-align: center;
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  /* line 8, ../sass/tips.scss */
  .tips > div:nth-child(odd) {
    width: 43%;
  }
}
@media screen and (max-width: 640px) {
  /* line 8, ../sass/tips.scss */
  .tips > div:nth-child(odd) {
    width: 100%;
    float: none;
  }
}
/* line 20, ../sass/tips.scss */
.tips > div:nth-child(odd) img {
  max-width: 280px;
  height: auto;
  display: block;
  border-radius: 20px;
  margin: 0 auto;
}
/* line 28, ../sass/tips.scss */
.tips > div:nth-child(even) {
  width: 60%;
  float: left;
  text-align: left;
  margin-left: 3%;
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  /* line 28, ../sass/tips.scss */
  .tips > div:nth-child(even) {
    width: 50%;
  }
}
@media screen and (max-width: 640px) {
  /* line 28, ../sass/tips.scss */
  .tips > div:nth-child(even) {
    width: 100%;
    float: none;
    margin: 0;
    margin-top: 20px;
  }
}

/* line 46, ../sass/tips.scss */
.block {
  width: 100%;
  background-color: black;
  box-sizing: border-box;
  padding: 30px 5%;
  border-radius: 20px;
  background-color: #f2f2f2;
}

/* line 55, ../sass/tips.scss */
.block .btn, .block .btn {
  min-width: 200px;
  background: linear-gradient(120deg, #f17b00 0%, #e66000 100%);
  border-radius: 30px;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  padding: 8px 20px;
  margin: 0 1%;
  display: inline-block;
  text-align: center;
  transition: background .5s ease, color .3s ease;
}
@media screen and (max-width: 768px) {
  /* line 55, ../sass/tips.scss */
  .block .btn, .block .btn {
    margin: 10px auto;
  }
}

/* line 79, ../sass/tips.scss */
.block .btn:hover, .block .btn:hover {
  color: #e66000;
  background: transparent;
  border: 2px solid #f17b00;
  padding: 6px 20px;
}

/* line 86, ../sass/tips.scss */
.tips_p .left_p {
  width: 70%;
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  /* line 86, ../sass/tips.scss */
  .tips_p .left_p {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  /* line 86, ../sass/tips.scss */
  .tips_p .left_p {
    width: 100%;
    display: block;
  }
}

/* line 101, ../sass/tips.scss */
.tips_p .right_p {
  width: 30%;
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  /* line 101, ../sass/tips.scss */
  .tips_p .right_p {
    width: 30%;
  }
}
@media screen and (max-width: 768px) {
  /* line 101, ../sass/tips.scss */
  .tips_p .right_p {
    width: 100%;
    display: block;
    padding: 15px 0;
    text-align: center;
  }
}

/* line 120, ../sass/tips.scss */
#content .tips_img {
  clear: both;
  overflow: hidden;
  width: 90%;
  margin: auto;
  margin-bottom: 1%;
}
/* line 126, ../sass/tips.scss */
#content .tips_img > div {
  width: 23%;
  background-color: #f2f2f2;
  border-radius: 10px;
  padding: 0.5%;
  float: left;
  margin: 0.5%;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  /* line 126, ../sass/tips.scss */
  #content .tips_img > div {
    width: 48%;
    padding: 0.5%;
  }
}
/* line 140, ../sass/tips.scss */
#content .tips_img > div a > img {
  max-width: 240px;
  max-height: 133px;
  width: 100%;
  height: auto;
  height: auto;
  border-radius: 10px;
}

/* line 151, ../sass/tips.scss */
#content .tips_img3 {
  clear: both;
  overflow: hidden;
  width: 100%;
  margin: auto;
  margin-bottom: 1%;
}
/* line 157, ../sass/tips.scss */
#content .tips_img3 > div {
  width: 32%;
  background-color: #f2f2f2;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 0.5%;
  float: left;
  margin: 0.5%;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  /* line 157, ../sass/tips.scss */
  #content .tips_img3 > div {
    width: 100%;
    float: none;
  }
}
/* line 171, ../sass/tips.scss */
#content .tips_img3 > div > a > img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

/* line 180, ../sass/tips.scss */
#content .tips_p {
  width: 100%;
  text-align: left;
  padding: 1%;
  background-color: #f2f2f2;
  border-radius: 10px;
  display: table;
  margin: auto;
}

/* line 194, ../sass/tips.scss */
.block_btn {
  text-align: right;
  padding-top: 15px;
}
@media screen and (max-width: 768px) {
  /* line 194, ../sass/tips.scss */
  .block_btn {
    text-align: center;
  }
}

/* line 202, ../sass/tips.scss */
h2.sub_title {
  width: 90%;
  font-size: 26px;
  font-weight: 600;
  margin: 15px auto;
}
@media screen and (max-width: 768px) {
  /* line 202, ../sass/tips.scss */
  h2.sub_title {
    font-size: 22px;
  }
}
@media screen and (max-width: 480px) {
  /* line 202, ../sass/tips.scss */
  h2.sub_title {
    font-size: 20px;
  }
}

/* line 216, ../sass/tips.scss */
.free .block .tips h3 {
  font-size: 20px;
  font-weight: 600;
  margin: 20px 2%;
}

/* line 221, ../sass/tips.scss */
.free .block .border {
  width: 75%;
  height: 1px;
  background-color: #ccc;
  margin: 30px auto;
}

/* line 227, ../sass/tips.scss */
.free .form-group {
  margin-bottom: 15px;
  text-align: center;
}

/* line 231, ../sass/tips.scss */
.free form {
  width: 85%;
  margin-top: 30px;
}
@media screen and (max-width: 992px) {
  /* line 231, ../sass/tips.scss */
  .free form {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  /* line 231, ../sass/tips.scss */
  .free form {
    width: 90%;
  }
}
/* line 240, ../sass/tips.scss */
.free form label {
  font-weight: 600;
  padding-top: 4px;
  padding-right: 10px;
}
/* line 245, ../sass/tips.scss */
.free form .left {
  min-width: 70px;
  padding-right: 15px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  /* line 245, ../sass/tips.scss */
  .free form .left {
    text-align: left;
    line-height: 28px;
  }
}
/* line 254, ../sass/tips.scss */
.free form .right {
  width: 75%;
  text-align: left;
}
/* line 257, ../sass/tips.scss */
.free form .right .form-control {
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
}
/* line 263, ../sass/tips.scss */
.free form .left, .free form .right {
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  /* line 263, ../sass/tips.scss */
  .free form .left, .free form .right {
    width: auto;
    display: block;
  }
}
/* line 271, ../sass/tips.scss */
.free form .required {
  color: #e4070c;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  vertical-align: middle;
}
/* line 279, ../sass/tips.scss */
.free form .notice_area {
  background-color: rgba(255, 80, 80, 0.1);
  border-radius: 10px;
  box-sizing: border-box;
  padding: 15px;
}
/* line 284, ../sass/tips.scss */
.free form .notice_area a {
  color: #ff8200;
  font-weight: 600;
  text-decoration: underline;
}
/* line 290, ../sass/tips.scss */
.free form .terms_check {
  display: table;
  font-weight: normal;
  margin-bottom: 0;
}
/* line 294, ../sass/tips.scss */
.free form .terms_check input, .free form .terms_check .txt {
  display: table-cell;
  vertical-align: top;
}
/* line 298, ../sass/tips.scss */
.free form .terms_check input {
  margin: 6px 0 0;
}
/* line 301, ../sass/tips.scss */
.free form .terms_check .txt {
  font-size: 16px;
  line-height: 24px;
  padding-left: 5px;
}
/* line 307, ../sass/tips.scss */
.free form .block_btn {
  text-align: center;
}

/* line 312, ../sass/tips.scss */
.free {
  display: table;
  overflow: hidden;
  width: 96%;
  margin: auto;
  padding: 12px 0;
}

/* line 320, ../sass/tips.scss */
.tips > div.table_cell {
  box-sizing: border-box;
  display: table-cell;
  float: none;
  margin: 0;
  padding: 1%;
  vertical-align: middle;
}

/* line 329, ../sass/tips.scss */
.tips > div.table_cell:first-child {
  width: 37%;
  text-align: center;
  margin: auto;
}

/* line 335, ../sass/tips.scss */
.tips > div.table_cell:last-child {
  width: 61%;
  text-align: left;
  border-radius: 10px;
  margin-left: 2%;
}

@media screen and (max-width: 992px) {
  /* line 343, ../sass/tips.scss */
  .free {
    display: block;
  }

  /* line 346, ../sass/tips.scss */
  .tips > div.table_cell:first-child, .tips > div.table_cell:last-child {
    width: 100%;
    display: block;
    margin: 0;
  }

  /* line 351, ../sass/tips.scss */
  .tips > div.table_cell:first-child {
    max-width: 520px;
    margin: 0 auto;
  }
}
/* line 4, ../sass/prize.scss */
.title_winner {
  margin-bottom: 15px;
}

/* line 8, ../sass/prize.scss */
.win_list {
  overflow: hidden;
  width: 78%;
  margin: auto;
  padding: 3%;
  border-radius: 10px;
  clear: both;
}
/* line 16, ../sass/prize.scss */
.win_list > div:nth-child(4n+1) {
  border-radius: 10px;
  width: 8%;
  padding: 0.5% 0;
  float: left;
  text-align: center;
  margin-bottom: 1%;
  font-weight: bold;
  color: red;
  overflow: hidden;
}
/* line 26, ../sass/prize.scss */
.win_list > div:nth-child(4n+1) > img {
  width: 60%;
}
@media screen and (max-width: 768px) {
  /* line 26, ../sass/prize.scss */
  .win_list > div:nth-child(4n+1) > img {
    width: 80%;
  }
}
@media screen and (max-width: 480px) {
  /* line 16, ../sass/prize.scss */
  .win_list > div:nth-child(4n+1) {
    width: 16%;
    margin-left: 20%;
    font-size: 18px;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
}
/* line 42, ../sass/prize.scss */
.win_list > div:nth-child(4n + 2) {
  border-radius: 10px;
  width: 20%;
  float: left;
  text-align: center;
  padding: 1% 0;
  margin-bottom: 1%;
  margin-left: 1%;
  font-weight: bold;
  color: #c0540c;
}
@media screen and (max-width: 480px) {
  /* line 42, ../sass/prize.scss */
  .win_list > div:nth-child(4n + 2) {
    width: 55%;
    text-align: left;
    font-size: 18px;
    margin-left: 0;
    width: 98%;
    float: none;
    text-align: center;
  }
}
/* line 63, ../sass/prize.scss */
.win_list > div:nth-child(4n+3) {
  width: 63%;
  float: left;
  text-align: left;
  padding: 1% 3%;
  margin-bottom: 1%;
  border-radius: 10px;
  margin-left: 2%;
}
/* line 71, ../sass/prize.scss */
.win_list > div:nth-child(4n+3) > font {
  font-size: 13px;
  color: #ea5959;
  font-weight: bold;
}
/* line 77, ../sass/prize.scss */
.win_list > div:nth-child(4n+3) > .s {
  font-size: 13px;
  font-style: italic;
  display: inline-block;
}
@media screen and (max-width: 480px) {
  /* line 63, ../sass/prize.scss */
  .win_list > div:nth-child(4n+3) {
    width: 100%;
    margin-left: 0;
    padding: 1% 0;
    text-align: center;
  }
}
/* line 89, ../sass/prize.scss */
.win_list > div:nth-child(4n) {
  width: 100%;
  background-color: #ccd7e9;
  height: 1px;
  margin-bottom: 3%;
  clear: both;
}
@media screen and (max-width: 480px) {
  /* line 89, ../sass/prize.scss */
  .win_list > div:nth-child(4n) {
    width: 100%;
  }
}

/* line 100, ../sass/prize.scss */
.win_list2 {
  overflow: hidden;
  width: 80%;
  margin: auto;
  border-radius: 10px;
  clear: both;
}
/* line 107, ../sass/prize.scss */
.win_list2 > .medal {
  width: 100%;
  box-sizing: border-box;
  padding: 15px 10px;
  text-align: center;
  color: red;
  overflow: hidden;
}
/* line 114, ../sass/prize.scss */
.win_list2 > .medal p {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  line-height: normal;
  margin: 0;
}
@media screen and (max-width: 768px) {
  /* line 114, ../sass/prize.scss */
  .win_list2 > .medal p {
    width: auto;
  }
}
/* line 124, ../sass/prize.scss */
.win_list2 > .medal P:last-child {
  display: block;
  font-size: 20px;
  font-weight: normal;
  line-height: normal;
  padding-top: 8px;
}
/* line 132, ../sass/prize.scss */
.win_list2 .sub_title {
  display: inline-block;
  font-size: 16px;
  margin-top: 6px;
}
/* line 137, ../sass/prize.scss */
.win_list2 .winner_n {
  width: 100%;
  display: table;
}
/* line 140, ../sass/prize.scss */
.win_list2 .winner_n > .pic {
  border-radius: 10px;
  width: 50%;
  display: table-cell;
  text-align: center;
  padding: 1% 0;
  vertical-align: middle;
}
/* line 147, ../sass/prize.scss */
.win_list2 .winner_n > .pic > a {
  max-width: 450px;
  height: auto;
  display: block;
}
/* line 152, ../sass/prize.scss */
.win_list2 .winner_n > .pic > a > img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  display: block;
}
@media screen and (max-width: 640px) {
  /* line 140, ../sass/prize.scss */
  .win_list2 .winner_n > .pic {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
  /* line 163, ../sass/prize.scss */
  .win_list2 .winner_n > .pic > a {
    display: inline-block;
  }
}
@media screen and (max-width: 480px) {
  /* line 140, ../sass/prize.scss */
  .win_list2 .winner_n > .pic {
    font-size: 18px;
    margin-left: 0;
    float: none;
    text-align: center;
  }
}
/* line 175, ../sass/prize.scss */
.win_list2 .winner_n > .info {
  width: 50%;
  display: table-cell;
  text-align: left;
  padding: 1% 0;
  padding-left: 20px;
  border-radius: 10px;
  vertical-align: middle;
}
/* line 183, ../sass/prize.scss */
.win_list2 .winner_n > .info > p {
  margin: 0;
  padding: 0;
}
/* line 188, ../sass/prize.scss */
.win_list2 .winner_n > .info > .announce_title {
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
}
@media screen and (max-width: 480px) {
  /* line 188, ../sass/prize.scss */
  .win_list2 .winner_n > .info > .announce_title {
    font-size: 15px;
    line-height: 18px;
  }
}
/* line 198, ../sass/prize.scss */
.win_list2 .winner_n > .info > .author {
  color: #666;
  padding: 5px 0;
}
/* line 202, ../sass/prize.scss */
.win_list2 .winner_n > .info > .description {
  padding-top: 10px;
  padding-bottom: 20px;
}
@media screen and (max-width: 640px) {
  /* line 175, ../sass/prize.scss */
  .win_list2 .winner_n > .info {
    width: 90%;
    display: block;
    margin: 0 auto;
    padding-left: 0;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  /* line 175, ../sass/prize.scss */
  .win_list2 .winner_n > .info {
    float: none;
    clear: both;
    width: 100%;
  }
}
/* line 222, ../sass/prize.scss */
.win_list2 > .space_empty {
  width: 100%;
  background-color: #ccd7e9;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
  clear: both;
}
@media screen and (max-width: 480px) {
  /* line 222, ../sass/prize.scss */
  .win_list2 > .space_empty {
    width: 100%;
  }
}

/* line 235, ../sass/prize.scss */
#note_line {
  background-color: rgba(255, 255, 255, 0);
  height: auto;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #96ddeb;
}
/* line 236, ../sass/prize.scss */
#note_line font {
  font-size: 13px;
  color: #ea5959;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  /* line 235, ../sass/prize.scss */
  #note_line {
    width: 100%;
  }
}

/* line 250, ../sass/prize.scss */
#list_prize {
  width: 100%;
  margin: auto;
  text-align: left;
  float: none;
  margin-top: 15px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  /* line 250, ../sass/prize.scss */
  #list_prize {
    font-size: 15px;
    line-height: 18px;
    width: 90%;
  }
}
/* line 263, ../sass/prize.scss */
#list_prize .each_sec {
  display: block;
  background-color: transparent;
  border-bottom: 1px solid #ccc;
  padding: 15px;
  transition: background-color ease .2s;
}
/* line 269, ../sass/prize.scss */
#list_prize .each_sec.voters {
  text-align: center;
}
/* line 271, ../sass/prize.scss */
#list_prize .each_sec.voters > div:nth-child(3n+1) {
  width: 100%;
  padding-right: 0;
}
/* line 276, ../sass/prize.scss */
#list_prize .each_sec.voters:hover {
  background-color: transparent;
}
/* line 278, ../sass/prize.scss */
#list_prize .each_sec.voters:hover > div:nth-child(3n+1) {
  color: #161616;
  text-decoration: none;
}
/* line 283, ../sass/prize.scss */
#list_prize .each_sec:hover {
  background-color: #f2f2f2;
}
/* line 285, ../sass/prize.scss */
#list_prize .each_sec:hover > div:nth-child(3n+1) {
  color: #2b2a41;
  text-decoration: underline;
}
/* line 290, ../sass/prize.scss */
#list_prize .each_sec > div:nth-child(3n+1) {
  width: 60%;
  color: #161616;
  float: left;
  font-weight: bold;
  padding-right: 20px;
}
/* line 297, ../sass/prize.scss */
#list_prize .each_sec > div:nth-child(3n+2) {
  width: 39%;
  float: left;
  text-align: right;
}
/* line 302, ../sass/prize.scss */
#list_prize .each_sec > div {
  box-sizing: border-box;
  font-size: 18px;
  line-height: normal;
}
@media screen and (max-width: 640px) {
  /* line 302, ../sass/prize.scss */
  #list_prize .each_sec > div {
    width: 100% !important;
    float: none !important;
    padding-right: 0 !important;
    text-align: center !important;
  }
}

/* line 317, ../sass/prize.scss */
.win_list #special > img, .win_list2 #special > img {
  width: 60%;
  height: auto;
}
@media screen and (max-width: 480px) {
  /* line 316, ../sass/prize.scss */
  .win_list #special, .win_list2 #special {
    float: none;
    margin: auto;
  }
}

/* line 326, ../sass/prize.scss */
.win_list #special_2, .win_list2 #special_2 {
  width: 80%;
  text-align: left;
}
@media screen and (max-width: 480px) {
  /* line 326, ../sass/prize.scss */
  .win_list #special_2, .win_list2 #special_2 {
    width: 100%;
    padding: 0;
    float: none;
    text-align: center;
    margin-bottom: 5%;
  }
}

/* line 337, ../sass/prize.scss */
.win_list #special_3, .win_list2 #special_3 {
  width: 0;
  padding: 0;
  margin: 0;
}

/* line 342, ../sass/prize.scss */
.win_list .clear_no, .win_list2 .clear_no {
  height: 0px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* line 347, ../sass/prize.scss */
.win_list .s_title, .win_list2 .s_title {
  color: #5a21b4 !important;
  font-size: 14px !important;
}

@media screen and (max-width: 768px) {
  /* line 351, ../sass/prize.scss */
  .win_list2 {
    width: 100%;
  }
}

/* line 356, ../sass/prize.scss */
#prize_img {
    /*
    width: 98%;
    height: 85vh;
    margin: 0 auto 0 auto;

    background-image: url(../images/prize.jpg);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;

    @media screen and (min-width: $pad_break + 1) and (max-width: $index_pc_break) {
        height: 100vh;
    }

    @media screen and (max-width: $pad_break) {
        height: 60vh;
    }

    @media screen and (max-width: $phone_break) {
        background-image: url(../images/prize_m.jpg);
        height: 65vh;
    }
    */
}

/* line 382, ../sass/prize.scss */
#prize_img_deu {
  background-image: url(../images/DEU/prize.jpg);
}
@media screen and (max-width: 480px) {
  /* line 382, ../sass/prize.scss */
  #prize_img_deu {
    background-image: url(../images/DEU/prize_m.jpg);
  }
}

/* line 390, ../sass/prize.scss */
#prize_img_fra {
  background-image: url(../images/FRA/prize.jpg);
}
@media screen and (max-width: 480px) {
  /* line 390, ../sass/prize.scss */
  #prize_img_fra {
    background-image: url(../images/FRA/prize_m.jpg);
  }
}

/* line 398, ../sass/prize.scss */
#prize_img_jpn {
  background-image: url(../images/JPN/prize.jpg);
  height: 130vh;
}
@media screen and (max-width: 480px) {
  /* line 398, ../sass/prize.scss */
  #prize_img_jpn {
    background-image: url(../images/JPN/prize_m.jpg);
    height: calc(230vw);
  }
}

/* line 409, ../sass/prize.scss */
#prize_img_cht {
  background-image: url(../images/CHT/prize.jpg);
}
@media screen and (max-width: 480px) {
  /* line 409, ../sass/prize.scss */
  #prize_img_cht {
    background-image: url(../images/CHT/prize_m.jpg);
    height: 80vh;
    height: calc(155vw);
  }
}

/* line 422, ../sass/prize.scss */
.img_responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

/* line 428, ../sass/prize.scss */
.prize_area {
  width: 100%;
  margin-top: 60px;
  margin-bottom: 60px;
}
/* line 432, ../sass/prize.scss */
.prize_area.last {
  margin-bottom: 0;
}
/* line 435, ../sass/prize.scss */
.prize_area .item {
  max-width: 200px;
  display: inline-block;
  margin: 0 15px;
  margin-bottom: 30px;
  text-align: center;
  vertical-align: top;
}
/* line 442, ../sass/prize.scss */
.prize_area .item.w430 {
  max-width: 430px;
}
/* line 445, ../sass/prize.scss */
.prize_area .item p {
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
}
/* line 450, ../sass/prize.scss */
.prize_area .item img {
  margin-bottom: 10px;
}

/* line 456, ../sass/prize.scss */
.reward_list {
  width: 100%;
  margin-bottom: 80px;
}
/* line 459, ../sass/prize.scss */
.reward_list .table {
  width: 80%;
  border-bottom: 1px solid #ddd;
  display: table;
  margin: 0 auto;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
/* line 467, ../sass/prize.scss */
.reward_list .table_cell {
  display: table-cell;
  vertical-align: middle;
  line-height: normal;
  padding-left: 15px;
  text-align: left;
}
/* line 474, ../sass/prize.scss */
.reward_list .title {
  width: 40%;
}
/* line 476, ../sass/prize.scss */
.reward_list .title p, .reward_list .title img {
  vertical-align: middle;
}
/* line 479, ../sass/prize.scss */
.reward_list .title p {
  width: calc(100% - 65px);
  font-weight: bold;
  display: inline-block;
  font-size: 24px;
  margin: 0;
}
@media screen and (max-width: 768px) {
  /* line 479, ../sass/prize.scss */
  .reward_list .title p {
    width: auto;
  }
}
/* line 490, ../sass/prize.scss */
.reward_list .product {
  font-size: 20px;
  padding: 15px 0;
}

/* line 495, ../sass/prize.scss */
.pic_icon {
  max-width: 60px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
/* line 500, ../sass/prize.scss */
.pic_icon img {
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (max-width: 1024px) {
  /* line 508, ../sass/prize.scss */
  .reward_list .table {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  /* line 513, ../sass/prize.scss */
  .reward_list .table {
    width: 80%;
  }

  /* line 516, ../sass/prize.scss */
  .reward_list .title p {
    font-size: 22px;
  }

  /* line 519, ../sass/prize.scss */
  .reward_list .product {
    font-size: 16px;
  }

  /* line 522, ../sass/prize.scss */
  .reward_list .table_cell {
    display: block;
    padding-left: 0;
    text-align: center;
  }

  /* line 527, ../sass/prize.scss */
  .reward_list .title {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  /* line 532, ../sass/prize.scss */
  .reward_list .table {
    width: 100%;
  }
}
/* line 537, ../sass/prize.scss */
.prizes h1 {
  margin: 30px 0;
}

/* line 541, ../sass/prize.scss */
.title_place_s img {
  max-width: 60px;
  height: auto;
  display: inline-block;
}

/* line 547, ../sass/prize.scss */
.prize_note {
  font-size: 16px;
  line-height: 24px;
}

/* line 551, ../sass/prize.scss */
.prize_note img, img#pic_note {
  width: 15px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  margin-bottom: 5px;
}

/* line 559, ../sass/prize.scss */
.prize_note img {
  margin-right: 5px;
}

/* ---------- index ---------- */
/* line 16, ../sass/screen.scss */
.index_container {
  width: 100%;
  height: 100vh;
  position: relative;
}

/* line 23, ../sass/screen.scss */
header {
  background: rgba(0, 0, 0, 0.75);
  padding: 0 20px;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 820px) {
  /* line 30, ../sass/screen.scss */
  header {
    padding: 0 10px;
  }
}
/* line 34, ../sass/screen.scss */
header.subpage {
  width: 100%;
  background: #131313;
  position: fixed;
  z-index: 999;
}

/* line 40, ../sass/screen.scss */
header .custom_nav {
  width: calc(100% - 120px);
  float: left;
  position: relative;
  z-index: 1;
}

/* line 46, ../sass/screen.scss */
header .custom_nav .nav_ul {
  width: calc( 100% - 122px);
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 820px) {
  /* line 56, ../sass/screen.scss */
  header .custom_nav .nav_ul {
    width: calc( 100% - 114px);
  }
}
/* line 60, ../sass/screen.scss */
header .custom_nav .nav_ul li {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

/* line 66, ../sass/screen.scss */
header .custom_nav .nav_ul li.promo a {
  background: linear-gradient(140deg, #b3337f 0%, #941857 100%);
}

/* line 69, ../sass/screen.scss */
header .custom_nav .nav_ul li a {
  color: #eee;
  display: block;
  font-size: 18px;
  padding: 20px;
  overflow: hidden;
  outline: none;
  position: relative;
  text-decoration: none;
}

/* line 79, ../sass/screen.scss */
header.subpage .custom_nav .nav_ul li a {
  font-size: 17px;
}

@media screen and (max-width: 1200px) {
  /* line 83, ../sass/screen.scss */
  header .custom_nav .nav_ul li a {
    font-size: 16px;
    padding: 21px 9px;
  }
}
@media screen and (max-width: 820px) {
  /* line 89, ../sass/screen.scss */
  header.subpage .custom_nav .nav_ul li a {
    font-size: 16px;
  }
}
/* line 93, ../sass/screen.scss */
header .custom_nav .nav_ul li.active a {
  background: linear-gradient(140deg, #4593be 0%, #3871ab 100%);
}

/* line 96, ../sass/screen.scss */
header .custom_nav .nav_ul li.highlight a {
  background: linear-gradient(140deg, #bb3183 0%, #9d2160 75%);
}

/* line 99, ../sass/screen.scss */
header .custom_nav .nav_ul li a:hover {
  animation: flash_bg .3s ease-in-out 1;
  background: linear-gradient(140deg, #4593be 0%, #3871ab 100%);
}
@media screen and (max-width: 992px) {
  /* line 99, ../sass/screen.scss */
  header .custom_nav .nav_ul li a:hover {
    animation: none;
  }
}

@keyframes flash_bg {
  0% {
    background: transparent;
  }
  40% {
    background: #fff;
  }
  100% {
    background: linear-gradient(140deg, #4593be 0%, #3871ab 100%);
  }
}
/* line 118, ../sass/screen.scss */
header .hamburger {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  display: none;
  float: right;
  margin-top: 20px;
  margin-right: 9px;
  outline: none;
  padding: 17px 12px;
  position: relative;
  z-index: 2;
}

/* line 132, ../sass/screen.scss */
header .hamburger .icon-bar {
  width: 22px;
  height: 2px;
  background-color: #fff;
  border-radius: 1px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transition: transform .5s ease;
  -moz-transition: transform .5s ease;
  /* Firefox 4 */
  -webkit-transition: transform .5s ease;
  /* Safari 和 Chrome */
  -o-transition: transform .5s ease;
  /* Opera */
}

/* line 146, ../sass/screen.scss */
header .hamburger .icon-bar:nth-child(2) {
  top: 8px;
}

/* line 149, ../sass/screen.scss */
header .hamburger .icon-bar:nth-child(3) {
  top: 16px;
}

/* line 153, ../sass/screen.scss */
.dropdown_language {
  position: absolute;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  right: 0 !important;
}

/* line 174, ../sass/screen.scss */
.dropdown_language > li > a:focus, .dropdown_language > li > a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #efefef;
}

/* line 180, ../sass/screen.scss */
.dropdown_language > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

@media screen and (max-width: 992px) {
  /* line 200, ../sass/screen.scss */
  header .custom_nav .nav_ul {
    width: auto;
    float: none;
    position: relative;
    z-index: 2;
  }

  /*mobile_active*/
  /* line 207, ../sass/screen.scss */
  header .custom_nav {
    width: auto;
    background-color: transparent;
    display: none;
    float: none;
    line-height: normal;
    overflow-y: scroll;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    /*overflow-y: scroll;*/
    transition: background-color .25s ease, opacity .2s ease;
    -moz-transition: background-color .25s ease, opacity .2s ease;
    /* Firefox 4 */
    -webkit-transition: background-color .25s ease, opacity .2s ease;
    /* Safari 和 Chrome */
    -o-transition: background-color .25s ease, opacity .2s ease;
    /* Opera */
  }

  /* line 225, ../sass/screen.scss */
  header.mobile_active .custom_nav {
    background-color: black;
  }

  /* line 228, ../sass/screen.scss */
  header .custom_nav .nav_ul {
    margin: 0 auto;
    margin-top: 10px;
    top: auto;
    -ms-transform: none;
    /* IE 9 */
    -webkit-transform: none;
    /* Safari 和 Chrome */
    -o-transform: none;
    /* Opera */
    -moz-transform: none;
    /* Firefox */
    transform: none;
  }

  /* line 238, ../sass/screen.scss */
  header .custom_nav .ggg {
    padding-top: 4vh;
    padding-bottom: 12px;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    /* Opera */
    -moz-transform: translateY(-50%);
    /* Firefox */
    transform: translateY(-50%);
    z-index: 2;
    opacity: 0;
    transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    /* Firefox 4 */
    -webkit-transition: opacity .2s ease;
    /* Safari 和 Chrome */
    -o-transition: opacity .2s ease;
    /* Opera */
  }

  /* line 255, ../sass/screen.scss */
  header.mobile_active .custom_nav .ggg {
    opacity: 1;
  }

  /* line 258, ../sass/screen.scss */
  header .custom_nav .nav_ul li {
    width: 100%;
    max-width: none;
    margin: 1vh auto;
  }

  /* line 264, ../sass/screen.scss */
  header .custom_nav .nav_ul li a, header.subpage .custom_nav .nav_ul li a {
    min-width: 200px;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    font-size: 28px;
    padding: 4px 0.5em;
  }

  /* line 273, ../sass/screen.scss */
  header .hamburger {
    display: block;
  }

  /* line 276, ../sass/screen.scss */
  header.subpage .custom_nav .nav_ul {
    width: auto;
  }

  /*mobile_active*/
  /* line 280, ../sass/screen.scss */
  header.mobile_active .hamburger .icon-bar:nth-child(1) {
    transform: translateY(8px) rotateZ(-45deg);
  }

  /* line 283, ../sass/screen.scss */
  header.mobile_active .hamburger .icon-bar:nth-child(2) {
    visibility: hidden;
    opacity: 0;
  }

  /* line 287, ../sass/screen.scss */
  header.mobile_active .hamburger .icon-bar:nth-child(3) {
    transform: translateY(-8px) rotateZ(45deg);
  }

  /*mobile_active*/
  /* line 291, ../sass/screen.scss */
  .dropdown_language {
    width: 100%;
    background-color: #131313;
    border: 0;
    border-radius: 0;
    float: none;
    padding: 0;
    position: relative;
  }

  /* line 300, ../sass/screen.scss */
  .dropdown_language > li > a {
    color: #ddd;
    font-size: 20px;
    padding: 5px 0;
    text-align: center;
  }

  /* line 306, ../sass/screen.scss */
  .dropdown_language > li > a:focus, .dropdown_language > li > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #aa2c77;
  }
}
@media screen and (max-width: 480px) {
  /* line 313, ../sass/screen.scss */
  header .custom_nav .nav_ul li {
    margin: 2% auto;
  }
}
@media screen and (max-width: 320px) {
  /* line 318, ../sass/screen.scss */
  header .custom_nav .nav_ul li {
    /*width: 100%;*/
  }

  /* line 321, ../sass/screen.scss */
  header .custom_nav .nav_ul li a {
    font-size: 28px;
  }
}
/* line 326, ../sass/screen.scss */
#cl-logo {
  width: 120px;
  float: left;
  padding: 13px 0;
}

/* line 331, ../sass/screen.scss */
#cl-logo a {
  display: block;
}

/* line 335, ../sass/screen.scss */
#back_home {
  min-width: inherit;
  animation: none;
  background: transparent;
  display: inline-block;
  margin: 0 10px;
  padding: 0 10px;
  position: relative;
}

/* line 358, ../sass/screen.scss */
#back_home .inner {
  width: 16px;
  height: 16px;
  background: url(../images/icon_home_16.png) no-repeat 0 0 transparent;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
/* line 366, ../sass/screen.scss */
#back_home .inner:hover {
  background: url(../images/icon_home_16_hover.png) no-repeat 0 0 transparent;
}

@media screen and (max-width: 992px) {
  /* line 372, ../sass/screen.scss */
  #back_home .inner {
    width: 30px;
    height: 30px;
    background: url(../images/icon_home.png) no-repeat 0 0 transparent;
    margin: 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  /* line 380, ../sass/screen.scss */
  #back_home .inner:hover {
    background: url(../images/icon_home_hover.png) no-repeat 0 0 transparent;
  }
}
/* line 388, ../sass/screen.scss */
#home_language {
  float: left;
  padding: 15px 0;
}

/* line 392, ../sass/screen.scss */
#home_language:focus {
  outline: none;
}

/* line 395, ../sass/screen.scss */
#home_language img {
  width: 24px;
  height: 24px;
  display: inline-block;
}

/* line 400, ../sass/screen.scss */
#home_language span {
  font-size: 16px;
  line-height: 28px;
  vertical-align: middle;
}

/* line 405, ../sass/screen.scss */
#home_language button {
  background-color: transparent;
  border-color: transparent;
  border: 0;
  color: white;
  cursor: pointer;
  outline: none;
  padding: 0;
  position: relative;
}

/* line 415, ../sass/screen.scss */
#home_language button:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

/* line 424, ../sass/screen.scss */
#home_language .caret {
  width: 9px;
  height: 6px;
  display: inline-block;
  background-image: url(../images/caret.png);
  background-repeat: no-repeat;
  background-color: transparent;
  border: 0;
  margin-top: 2px;
  vertical-align: middle;
}

/* line 435, ../sass/screen.scss */
#wrapper header {
  width: 100%;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.6);
  background-color: #000;
  position: fixed;
  box-sizing: border-box;
}

@media screen and (max-width: 992px) {
  /* line 443, ../sass/screen.scss */
  #home_language span.txt {
    font-size: 26px;
  }

  /* line 446, ../sass/screen.scss */
  #home_language span {
    line-height: 36px;
  }
}
/* line 450, ../sass/screen.scss */
.section_logo {
  width: 100%;
  height: 100%;
  display: table;
  position: absolute;
  top: 0;
  z-index: 5;
}

/* line 458, ../sass/screen.scss */
.section_logo.mobile_active {
  z-index: 9;
}

/* line 461, ../sass/screen.scss */
.section_logo .inner {
  display: table-cell;
  padding-bottom: 5%;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  /* line 461, ../sass/screen.scss */
  .section_logo .inner {
    padding-bottom: 7%;
  }
}
@media screen and (max-width: 480px) {
  /* line 461, ../sass/screen.scss */
  .section_logo .inner {
    padding-bottom: 10%;
  }
}

/* line 473, ../sass/screen.scss */
.section_logo .logo {
  max-width: 480px;
  height: auto;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (max-width: 1366px) {
  /* line 473, ../sass/screen.scss */
  .section_logo .logo {
    max-width: 400px;
  }
}
@media screen and (max-width: 480px) {
  /* line 473, ../sass/screen.scss */
  .section_logo .logo {
    max-width: 330px;
  }
}

/* line 486, ../sass/screen.scss */
.section_logo .logo img {
  width: 100%;
  height: auto;
  display: block;
}

/* line 491, ../sass/screen.scss */
.section_logo .title {
  color: #161616;
  font-family: "Myriad Pro", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 30px;
  font-weight: bold;
  line-height: 34px;
  margin: 0;
  margin: 3vh 0;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 1366px) {
  /* line 491, ../sass/screen.scss */
  .section_logo .title {
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  /* line 491, ../sass/screen.scss */
  .section_logo .title {
    margin: 2vh 0;
  }
}
@media screen and (max-width: 480px) {
  /* line 491, ../sass/screen.scss */
  .section_logo .title {
    font-size: 24px;
    margin: 1.5vh 0;
  }
}

/* line 514, ../sass/screen.scss */
.section_logo a.btn_join {
  animation: jumps 1s ease-in-out infinite alternate;
  border-radius: 20px;
  background: linear-gradient(140deg, #aa2c77 0%, #9d2160 75%);
  box-sizing: border-box;
  color: #eee;
  display: inline-block;
  font-family: "Segoe UI", "Microsoft JhengHei", "Meiryo", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  padding: 7px 48px;
  text-align: center;
  text-decoration: none;
  transition: background .5s ease, color .3s ease;
}

/* line 530, ../sass/screen.scss */
.section_logo a.btn_join:hover {
  animation-play-state: paused;
  background: linear-gradient(140deg, rgba(255, 255, 255, 0.6) 0%, rgba(219, 219, 219, 0.6) 75%);
  border: 2px solid #9d2160;
  color: #9d2160;
  padding: 5px 50px;
  transform: translateY(0);
}

@keyframes jumps {
  0% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(-5px);
  }
  30% {
    transform: translateY(0);
  }
}
/* line 552, ../sass/screen.scss */
.section_logo a.btn_join .word_group {
  display: inline-block;
  vertical-align: middle;
  transition: transform .3s ease 0s;
}

/* line 557, ../sass/screen.scss */
.section_logo a.btn_join .word {
  opacity: 1;
  /* transition: opacity .3s ease; */
}

/* line 561, ../sass/screen.scss */
.section_logo p.notice {
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  margin-left: 35px;
  margin-top: 5px;
  padding: 6px 10px;
  text-align: center;
}

/* line 572, ../sass/screen.scss */
.section_logo a.btn_join .glyphicon-play {
  display: inline-block;
  font-size: 8px;
  opacity: 1;
  padding-bottom: 4px;
  vertical-align: middle;
  transition: opacity .3s ease, transform .3s ease;
}

/* line 580, ../sass/screen.scss */
.section_logo a.btn_join:hover .glyphicon-play {
  opacity: 0;
  transform: translateX(10px);
}

/* line 584, ../sass/screen.scss */
.section_logo a.btn_join:hover .word_group {
  transform: translateX(10px);
  transition: transform .3s ease .2s;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 590, ../sass/screen.scss */
  .section_logo a.btn_join .glyphicon-play {
    font-size: 12px;
  }
}
@media screen and (max-width: 992px) {
  /* line 596, ../sass/screen.scss */
  #cl-logo {
    position: relative;
    z-index: 2;
  }

  /* line 600, ../sass/screen.scss */
  header #cl-logo {
    z-index: 1;
  }

  /* line 603, ../sass/screen.scss */
  #home_language {
    position: absolute;
    top: 8px;
    right: 0;
    z-index: 2;
  }

  /* line 609, ../sass/screen.scss */
  header #home_language {
    width: 100%;
    border-top: 1px solid #333;
    display: block;
    padding-top: 10px;
    position: relative;
    text-align: center;
  }

  /* line 617, ../sass/screen.scss */
  header #back_home {
    width: auto;
    height: auto;
    float: none;
    text-align: center;
  }

  /* line 623, ../sass/screen.scss */
  header #back_home a {
    width: auto;
    height: auto;
  }

  /* line 627, ../sass/screen.scss */
  header #back_home a .inner {
    width: 40px;
    height: 40px;
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  /* line 634, ../sass/screen.scss */
  .section_logo .inner {
    background-color: rgba(255, 255, 255, 0.25);
  }
}
/* line 640, ../sass/screen.scss */
body.index_body footer {
  position: absolute;
  bottom: 0;
  z-index: 8;
}

/* line 645, ../sass/screen.scss */
footer {
  width: 100%;
  background-color: #000;
  color: #ddd;
  font-size: 14px;
  padding: 5px 0;
  text-align: center;
}

/* line 653, ../sass/screen.scss */
footer .copyright {
  display: inline-block;
  line-height: 20px;
  margin: 3px 5px;
  vertical-align: middle;
}
@media screen and (max-width: 480px) {
  /* line 653, ../sass/screen.scss */
  footer .copyright {
    font-size: 12px;
  }
}

/* line 662, ../sass/screen.scss */
footer ul.sponsor {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: 20px;
  vertical-align: middle;
}

/* line 670, ../sass/screen.scss */
footer ul.sponsor li {
  display: inline-block;
  margin: 3px 0;
  margin-right: 10px;
  vertical-align: middle;
}

/* line 676, ../sass/screen.scss */
footer ul.sponsor li a {
  width: 100%;
  display: block;
}

/* line 680, ../sass/screen.scss */
footer ul.sponsor li.dts {
  width: 80px;
}

/* line 683, ../sass/screen.scss */
footer ul.sponsor li.gigabyte {
  width: 109px;
}

/* line 686, ../sass/screen.scss */
footer ul.sponsor li.newegg {
  width: 61px;
}

/* line 689, ../sass/screen.scss */
footer ul.sponsor li.digitalphoto {
  width: 82px;
}

/* line 692, ../sass/screen.scss */
footer ul.sponsor li.videoaktiv {
  width: 179px;
}

/* line 695, ../sass/screen.scss */
footer ul.sponsor li.medion {
  width: 92px;
}

/* line 698, ../sass/screen.scss */
footer ul.sponsor li.bon_plan_photo {
  width: 41px;
}

/* line 701, ../sass/screen.scss */
footer ul.sponsor li.lense {
  width: 64px;
}

/* line 704, ../sass/screen.scss */
footer ul.sponsor li.adata {
  width: 56px;
}

/* line 707, ../sass/screen.scss */
footer ul.sponsor li.genkosha {
  width: 61px;
}

/* line 710, ../sass/screen.scss */
footer ul.sponsor li.intel {
  width: 45px;
}

/* line 713, ../sass/screen.scss */
footer ul.sponsor li.iodata {
  width: 87px;
}

/* line 716, ../sass/screen.scss */
footer ul.sponsor li.jungle {
  width: 64px;
}

/* line 719, ../sass/screen.scss */
footer ul.sponsor li.jvckenwood {
  width: 132px;
}

/* line 722, ../sass/screen.scss */
footer ul.sponsor li.morisawa {
  width: 66px;
}

/* line 725, ../sass/screen.scss */
footer ul.sponsor li.msi {
  width: 69px;
}

/* line 728, ../sass/screen.scss */
footer ul.sponsor li.dji {
  width: 52px;
}

/* line 731, ../sass/screen.scss */
footer ul.sponsor li.ricoh {
  width: 69px;
}

/* line 734, ../sass/screen.scss */
footer ul.sponsor li.feiyu {
  width: 92px;
}

/* line 737, ../sass/screen.scss */
footer ul.sponsor li.sentra {
  width: 93px;
}

/* line 740, ../sass/screen.scss */
footer ul.sponsor li.weblink {
  width: 67px;
}

/* line 743, ../sass/screen.scss */
footer ul.sponsor li.kkday {
  width: 65px;
}

@media screen and (max-width: 480px) {
  /* line 747, ../sass/screen.scss */
  footer ul.sponsor li.gigabyte {
    width: 85px;
  }

  /* line 750, ../sass/screen.scss */
  footer ul.sponsor li.dts {
    width: 70px;
  }

  /* line 753, ../sass/screen.scss */
  footer ul.sponsor li.adata {
    width: 45px;
  }

  /* line 756, ../sass/screen.scss */
  footer ul.sponsor li.genkosha {
    width: 50px;
  }

  /* line 759, ../sass/screen.scss */
  footer ul.sponsor li.iodata {
    width: 70px;
  }

  /* line 762, ../sass/screen.scss */
  footer ul.sponsor li.jungle {
    width: 55px;
  }

  /* line 765, ../sass/screen.scss */
  footer ul.sponsor li.jvckenwood {
    width: 110px;
  }

  /* line 768, ../sass/screen.scss */
  footer ul.sponsor li.morisawa {
    width: 60px;
  }

  /* line 771, ../sass/screen.scss */
  footer ul.sponsor li.msi {
    width: 60px;
  }
}
/* line 776, ../sass/screen.scss */
#content .tips_img3 #banner {
  /*
  width: 97%;
  border-radius: 10px;
  float: left;
  margin-left: 1%;
  background-image: url(../images/travel_pack_s.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;*/
}
@media screen and (max-width: 769px) {
  /* line 776, ../sass/screen.scss */
  #content .tips_img3 #banner {
    display: none;
  }
}

/* line 791, ../sass/screen.scss */
#content .tips_img3 #banner_s {
  display: none;
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  /* line 791, ../sass/screen.scss */
  #content .tips_img3 #banner_s {
    display: block;
    background-image: url(../images/travel_pack_s.jpg);
  }
}

/* line 801, ../sass/screen.scss */
#content .tips_img3 #banner_ss {
  display: none;
}
@media screen and (max-width: 480px) {
  /* line 801, ../sass/screen.scss */
  #content .tips_img3 #banner_ss {
    display: block;
    background-image: url(../images/travel_pack_ss.jpg);
  }
}

/* line 811, ../sass/screen.scss */
.slogan {
  max-width: 480px;
  background-color: rgba(255, 255, 255, 0.7) \9;
  background: url("../images/gradient_white.png") no-repeat 0 0 transparent;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 10px 0;
  margin: 2vh auto;
}
/* line 828, ../sass/screen.scss */
.slogan h3, .slogan a {
  float: left;
}
@media screen and (max-width: 480px) {
  /* line 828, ../sass/screen.scss */
  .slogan h3, .slogan a {
    float: none;
  }
}
/* line 841, ../sass/screen.scss */
.slogan h3 {
  color: #233250;
  font-size: 14px;
  font-weight: bolder;
  line-height: 36px;
  padding: 0 15px;
}
@media screen and (max-width: 480px) {
  /* line 841, ../sass/screen.scss */
  .slogan h3 {
    font-size: 12px;
    line-height: 18px;
    padding: 0;
  }
}
/* line 856, ../sass/screen.scss */
.slogan .join_now {
  background: #d34a4a;
  border-radius: 5px;
  color: #fff;
  display: block;
  line-height: 25px;
  padding: 7px 4%;
}
@media screen and (max-width: 480px) {
  /* line 856, ../sass/screen.scss */
  .slogan .join_now {
    width: 42%;
    font-size: 14px;
    margin: 10px auto;
    padding: 7px;
  }
}

/* line 889, ../sass/screen.scss */
.pop_up .part, .pop_up .part2 {
  padding: 0 20px;
}
/* line 892, ../sass/screen.scss */
.pop_up .right {
  float: right;
}
/* line 895, ../sass/screen.scss */
.pop_up .border_line {
  height: 1px;
  border-bottom: 1px solid #c8c8c8;
  margin: 20px 0;
}
/* line 900, ../sass/screen.scss */
.pop_up .btn_confirm {
  background-color: #f1f1f1;
  border: 2px solid #adadad;
  border-radius: 30px;
  color: #808080;
  display: block;
  padding: 8px 40px;
  text-align: center;
}
/* line 908, ../sass/screen.scss */
.pop_up .btn_confirm:hover {
  background-color: #e6e6e6;
  color: #808080;
}

/* line 917, ../sass/screen.scss */
.categories .inner {
  max-width: 600px;
  margin: 0 auto;
}
/* line 921, ../sass/screen.scss */
.categories a {
  width: 49%;
  background: #dedede;
  box-sizing: border-box;
  color: #999;
  display: block;
  float: left;
  padding: 5px;
  text-align: center;
}
/* line 930, ../sass/screen.scss */
.categories a:hover, .categories a.active {
  color: #fff;
}
@media screen and (max-width: 450px) {
  /* line 921, ../sass/screen.scss */
  .categories a {
    height: 60px;
  }
  /* line 934, ../sass/screen.scss */
  .categories a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  /* line 941, ../sass/screen.scss */
  .categories a span {
    display: inline-block;
    vertical-align: middle;
  }
}
@media screen and (max-width: 284px) {
  /* line 921, ../sass/screen.scss */
  .categories a {
    height: 75px;
  }
}
/* line 950, ../sass/screen.scss */
.categories #video_2d {
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  border: 1px solid #ccc;
}
/* line 954, ../sass/screen.scss */
.categories #video_2d:hover, .categories #video_2d.active {
  background: linear-gradient(140deg, #4593be 0%, #3871ab 100%);
  border: 0;
  padding: 6px;
}
/* line 960, ../sass/screen.scss */
.categories #video_360 {
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  border: 1px solid #ccc;
}
/* line 964, ../sass/screen.scss */
.categories #video_360:hover, .categories #video_360.active {
  background: linear-gradient(120deg, #e66000 0%, #f17b00 100%);
  border: 0;
  padding: 6px;
}

/* line 972, ../sass/screen.scss */
.upload_steps .each_step {
  padding-bottom: 20px;
  text-align: center;
}
/* line 975, ../sass/screen.scss */
.upload_steps .each_step .icon {
  display: inline-block;
}
/* line 978, ../sass/screen.scss */
.upload_steps .each_step p.title {
  color: #181818;
  font-size: 22px;
  font-weight: bold;
  line-height: 30px;
}
/* line 986, ../sass/screen.scss */
.upload_steps .btns button, .upload_steps .btns a {
  font-size: 1em;
}

/* line 991, ../sass/screen.scss */
.pie_chart {
  max-width: 800px;
  width: 100%;
  display: table;
}
@media screen and (max-width: 640px) {
  /* line 991, ../sass/screen.scss */
  .pie_chart {
    text-align: center;
  }
}
/* line 998, ../sass/screen.scss */
.pie_chart .inner {
  display: table-cell;
  padding: 20px 0;
  vertical-align: middle;
}
/* line 1002, ../sass/screen.scss */
.pie_chart .inner:first-child {
  width: 260px;
}
@media screen and (max-width: 768px) {
  /* line 1002, ../sass/screen.scss */
  .pie_chart .inner:first-child {
    width: 240px;
  }
}
@media screen and (max-width: 640px) {
  /* line 1002, ../sass/screen.scss */
  .pie_chart .inner:first-child {
    max-width: 240px;
    width: 100%;
  }
}
/* line 1012, ../sass/screen.scss */
.pie_chart .inner:last-child {
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  /* line 1012, ../sass/screen.scss */
  .pie_chart .inner:last-child {
    padding-left: 15px;
  }
}
@media screen and (max-width: 640px) {
  /* line 1012, ../sass/screen.scss */
  .pie_chart .inner:last-child {
    display: inline-block;
    padding-left: 0px;
    padding-top: 0;
  }
}
@media screen and (max-width: 640px) {
  /* line 998, ../sass/screen.scss */
  .pie_chart .inner {
    display: block;
    margin: 0 auto;
  }
}
/* line 1028, ../sass/screen.scss */
.pie_chart .chart_sort {
  opacity: 0;
  position: relative;
  left: -20px;
}
@media screen and (max-width: 640px) {
  /* line 1028, ../sass/screen.scss */
  .pie_chart .chart_sort {
    text-align: left;
  }
}
/* line 1035, ../sass/screen.scss */
.pie_chart .chart_sort:nth-child(1) {
  transition: opacity 0.4s ease 0s, left 0.4s ease 0s;
  -moz-transition: opacity 0.4s ease 0s, left 0.4s ease 0s;
  /* Firefox 4 */
  -webkit-transition: opacity 0.4s ease 0s, left 0.4s ease 0s;
  /* Safari 和 Chrome */
  -o-transition: opacity 0.4s ease 0s, left 0.4s ease 0s;
  /* Opera */
}
/* line 1038, ../sass/screen.scss */
.pie_chart .chart_sort:nth-child(2) {
  transition: opacity 0.4s ease 0.25s, left 0.4s ease 0.25s;
  -moz-transition: opacity 0.4s ease 0.25s, left 0.4s ease 0.25s;
  /* Firefox 4 */
  -webkit-transition: opacity 0.4s ease 0.25s, left 0.4s ease 0.25s;
  /* Safari 和 Chrome */
  -o-transition: opacity 0.4s ease 0.25s, left 0.4s ease 0.25s;
  /* Opera */
}
/* line 1041, ../sass/screen.scss */
.pie_chart .chart_sort:nth-child(3) {
  transition: opacity 0.4s ease 0.5s, left 0.4s ease 0.5s;
  -moz-transition: opacity 0.4s ease 0.5s, left 0.4s ease 0.5s;
  /* Firefox 4 */
  -webkit-transition: opacity 0.4s ease 0.5s, left 0.4s ease 0.5s;
  /* Safari 和 Chrome */
  -o-transition: opacity 0.4s ease 0.5s, left 0.4s ease 0.5s;
  /* Opera */
}
/* line 1044, ../sass/screen.scss */
.pie_chart .chart_sort.active {
  opacity: 1;
  left: 0px;
}
/* line 1048, ../sass/screen.scss */
.pie_chart .chart_sort.sort1 .color {
  background-color: #c64d9d;
}
/* line 1051, ../sass/screen.scss */
.pie_chart .chart_sort.sort2 .color {
  background-color: #4d9bc7;
}
/* line 1054, ../sass/screen.scss */
.pie_chart .chart_sort.sort3 .color {
  background-color: #8158d9;
}
/* line 1057, ../sass/screen.scss */
.pie_chart .chart_sort span {
  font-size: 1.1em;
  vertical-align: middle;
}
/* line 1061, ../sass/screen.scss */
.pie_chart .chart_sort .color {
  width: 40px;
  height: 15px;
  display: inline-block;
  margin-right: 10px;
}

/* line 1070, ../sass/screen.scss */
.lightbox_background {
  background-color: rgba(0, 0, 0, 0.85);
  display: none;
  opacity: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  text-align: center;
  z-index: 2;
  transition: opacity 0.5s ease 0s;
  -moz-transition: opacity 0.5s ease 0s;
  /* Firefox 4 */
  -webkit-transition: opacity 0.5s ease 0s;
  /* Safari 和 Chrome */
  -o-transition: opacity 0.5s ease 0s;
  /* Opera */
}
/* line 1086, ../sass/screen.scss */
.lightbox_background.active {
  opacity: 1;
}
/* line 1089, ../sass/screen.scss */
.lightbox_background .cancel_area {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
/* line 1096, ../sass/screen.scss */
.lightbox_background .lightbox {
  width: 90%;
  max-width: 980px;
  max-height: 86vh;
  background-color: #fff;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
  border: 2px solid #ccc;
  border-radius: 20px;
  display: inline-block;
  opacity: 0;
  margin-top: 5vh;
  margin-right: 5px;
  position: relative;
  vertical-align: middle;
  transition: opacity 0.5s ease 0s;
  -moz-transition: opacity 0.5s ease 0s;
  /* Firefox 4 */
  -webkit-transition: opacity 0.5s ease 0s;
  /* Safari 和 Chrome */
  -o-transition: opacity 0.5s ease 0s;
  /* Opera */
}
@media screen and (max-width: 640px) {
  /* line 1096, ../sass/screen.scss */
  .lightbox_background .lightbox {
    max-height: 75vh;
    margin-top: 8vh;
  }
}
/* line 1115, ../sass/screen.scss */
.lightbox_background .lightbox.active {
  opacity: 1;
}
/* line 1118, ../sass/screen.scss */
.lightbox_background .lightbox .gradient_cover {
  width: calc(100% - 32px);
  height: 50px;
  border-radius: 20px;
  position: absolute;
  z-index: 2;
}
@media screen and (max-width: 640px) {
  /* line 1118, ../sass/screen.scss */
  .lightbox_background .lightbox .gradient_cover {
    width: 100%;
  }
}
/* line 1127, ../sass/screen.scss */
.lightbox_background .lightbox .gradient_cover.gc_1 {
  background-color: white;
  background: linear-gradient(white 70%, rgba(255, 255, 255, 0));
  top: 0;
}
/* line 1132, ../sass/screen.scss */
.lightbox_background .lightbox .gradient_cover.gc_2 {
  background-color: white;
  background: linear-gradient(rgba(255, 255, 255, 0), white 35%);
  bottom: 0;
}
/* line 1138, ../sass/screen.scss */
.lightbox_background .lightbox button.btn_cancel {
  width: 35px;
  height: 40px;
  background-color: transparent;
  border: 0;
  color: #333;
  cursor: pointer;
  font-size: 40px;
  line-height: 40px;
  outline: none;
  position: absolute;
  top: 5px;
  right: 3%;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  /* line 1138, ../sass/screen.scss */
  .lightbox_background .lightbox button.btn_cancel {
    font-size: 36px;
    line-height: 36px;
    top: 0;
    right: 20px;
  }
}
@media screen and (max-width: 640px) {
  /* line 1138, ../sass/screen.scss */
  .lightbox_background .lightbox button.btn_cancel {
    right: 10px;
  }
}
/* line 1162, ../sass/screen.scss */
.lightbox_background .lightbox .overflow_content {
  width: calc(100% - 15px);
  max-height: 84vh;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 22px;
  overflow-y: scroll;
  padding: 0 10%;
  position: relative;
  text-align: left;
  z-index: 1;
  display: none;
}
/* line 1174, ../sass/screen.scss */
.lightbox_background .lightbox .overflow_content:before, .lightbox_background .lightbox .overflow_content:after {
  content: "";
  display: block;
  height: 50px;
  width: 100%;
}
/* line 1180, ../sass/screen.scss */
.lightbox_background .lightbox .overflow_content#open_delivered, .lightbox_background .lightbox .overflow_content#open_error {
  overflow-y: auto;
  padding: 0 20px;
}
@media screen and (max-width: 992px) {
  /* line 1162, ../sass/screen.scss */
  .lightbox_background .lightbox .overflow_content {
    padding: 0 16px;
  }
}
@media screen and (max-width: 640px) {
  /* line 1162, ../sass/screen.scss */
  .lightbox_background .lightbox .overflow_content {
    max-height: 73vh;
  }
}
@media screen and (max-width: 480px) {
  /* line 1162, ../sass/screen.scss */
  .lightbox_background .lightbox .overflow_content {
    padding-right: 0;
  }
}
/* line 1194, ../sass/screen.scss */
.lightbox_background .lightbox .overflow_content h3 {
  color: #333;
  font-size: 28px;
  font-weight: bold;
  line-height: 34px;
  margin: 20px 0;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 640px) {
  /* line 1194, ../sass/screen.scss */
  .lightbox_background .lightbox .overflow_content h3 {
    margin-top: 0;
  }
}
/* line 1207, ../sass/screen.scss */
.lightbox_background .lightbox .overflow_content h4 {
  color: #9d2160;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  margin: 15px 0;
}
/* line 1214, ../sass/screen.scss */
.lightbox_background .lightbox .overflow_content ol, .lightbox_background .lightbox .overflow_content ul {
  color: #888;
  font-size: 22px;
  font-weight: bold;
  margin: 15px 0;
  padding-left: 40px;
}
/* line 1220, ../sass/screen.scss */
.lightbox_background .lightbox .overflow_content ol li, .lightbox_background .lightbox .overflow_content ul li {
  margin: 10px 0;
}
/* line 1223, ../sass/screen.scss */
.lightbox_background .lightbox .overflow_content ol span, .lightbox_background .lightbox .overflow_content ul span {
  color: #131313;
  font-size: 16px;
  font-weight: normal;
}
/* line 1229, ../sass/screen.scss */
.lightbox_background .lightbox .overflow_content ol {
  list-style: decimal;
}
/* line 1232, ../sass/screen.scss */
.lightbox_background .lightbox .overflow_content ul {
  list-style: disc;
}
/* line 1235, ../sass/screen.scss */
.lightbox_background .lightbox .overflow_content a.pic {
  max-width: 600px;
  display: block;
  padding: 20px;
}
/* line 1240, ../sass/screen.scss */
.lightbox_background .lightbox .overflow_content a.btn_link {
  color: #0099ff;
  font-weight: 600;
  text-decoration: underline;
}
/* line 1245, ../sass/screen.scss */
.lightbox_background .lightbox .overflow_content img {
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (max-width: 992px) {
  /* line 1251, ../sass/screen.scss */
  .lightbox_background .lightbox .overflow_content ol, .lightbox_background .lightbox .overflow_content ul {
    padding-left: 30px;
  }
  /* line 1254, ../sass/screen.scss */
  .lightbox_background .lightbox .overflow_content h3 {
    font-size: 24px;
    line-height: 32px;
  }
  /* line 1258, ../sass/screen.scss */
  .lightbox_background .lightbox .overflow_content h4 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 480px) {
  /* line 1264, ../sass/screen.scss */
  .lightbox_background .lightbox .overflow_content h3 {
    font-size: 23px;
    line-height: 29px;
  }
  /* line 1268, ../sass/screen.scss */
  .lightbox_background .lightbox .overflow_content h4 {
    font-size: 19px;
    line-height: 25px;
    text-align: center;
  }
}

/* line 1277, ../sass/screen.scss */
body.noscroll {
  position: fixed;
  overflow: hidden;
}