@charset "UTF-8";


/*** タグ ***/
* {
  outline: none;
}

body {
  width: 100%;
  margin: auto;
  background-color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

body.fixed {
  overflow-y: hidden;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

*:focus {
  outline: none;
}

a {
  text-decoration: none;
  word-break: break-all;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

a:hover,
p:hover {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

img {
  display: block;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

li {
  text-decoration: none;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.detail_btn_wrapper {
  position: fixed;
  bottom: 68px;
  right: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
  width: 80%;
  max-width: 300px;
}

.detail_btn_wrapper.in-modal {
  position: relative;
  bottom: auto;
  right: auto;
  left: auto;
  margin: 0 auto;
  text-align: center;
  width: 80%;
}

.detail_btn_wrapper img {
  width: 100%;
}

.rmspace {
  font-size: 0;
}

.clearfix:after {
  display: block;
  content: "";
  clear: both;
}

.no-margin {
  margin: 0;
}

.clear {
  clear: both;
}

.no-padding {
  padding: 0;
}

.mg-8 {
  width: 100%;
  height: 8px;
}

.mg-16 {
  width: 100%;
  height: 16px;
}

.mg-20 {
  width: 100%;
  height: 20px;
}

.mg-24 {
  width: 100%;
  height: 24px;
}

.mg-32 {
  width: 100%;
  height: 32px;
}

.mg-40 {
  width: 100%;
  height: 40px;
}


/*** 共通 ***/

@media screen and (min-width: 640px) {
  html {
    position: relative;
    background-color: #000000;
  }

  body {
    margin: auto !important;
    width: 480px;
  }

  .modal.detail {
    width: calc(480px - 48px);
  }

  .copyright {
    position: absolute;
  }
}

.header {
  z-index: 12;
  position: fixed;
  width: 100%;
  height: 56px;
  background-color: rgba(0, 0, 0, 0.96);
}

.header-logo {
  position: absolute;
  top: 8px;
  left: 0;
  z-index: 10;
  text-align: center;
}

.header-logo img {
  width: 40px;
  height: 40px;
}

.header-image {
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  z-index: 10;
  margin: 0 auto;
  text-align: center;
}

.header-image img {
  width: 100% !important;
  height: auto !important;
  margin: 0 auto;
  text-align: center;
  display: block;

}



@media screen and (min-width: 640px) {
  .header {
    position: absolute;
  }
}


.menu {
  position: fixed;
  bottom: 8px;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  z-index: 12;
}

.menu.hide {
  display: none;
}

.menu .cell {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 0 12px 0 0;
  padding: 8px 0 10px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.40);
  box-shadow: 2px 2px 12px 0 rgba(255, 255, 255, 0.24);
}

.menu .cell.point {
  padding: 15px 0px 12px 0px;
  background-color: rgba(80, 224, 20, 0.96);
}

.menu .cell:last-child {
  margin: 0;
}

.menu .cell img {
  width: 20px;
  height: 20px;
  margin: auto;
}

.menu .cell p {
  margin: 2px auto 0;
  font-size: 8px;
  font-weight: 700;
  line-height: 8px;
  letter-spacing: 0px;
  color: #FFFFFF;
  -webkit-transform: scale(0.9);
  -webkit-transform-origin: center 0;
}

.menu .cell.point p {
  font-size: 8px;
  font-weight: 700;
  line-height: 10px;
  letter-spacing: 0.4px;
  color: #FFFFFF;
}

.menu .cell.point p strong {
  font-size: 14px;
}

.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  padding: 64px 0 24px;
  width: calc(100% - 56px);
  height: 100%;
  background-color: #222222;
  transition: all 0.5s;
  transform: translate(120%);
}

.sidebar.open {
  display: block;
  transform: translate(22%);
}

.sidebar li {
  height: 48px;
  border-bottom: 0.5px solid rgba(200, 210, 214, 0.4);
}

.sidebar li a {
  position: relative;
  display: inline !important;
  margin: 0px 0px 0px 40px;
  padding: 0;
  text-align: left;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 48px;
  letter-spacing: 0.4px;
}

.sidebar .menu_close {
  position: absolute;
  bottom: 24px;
  right: 0;
  left: 0;
  margin: auto;
  padding: 16px;
  width: 48px;
  height: 48px;
  background-color: #FFFFFF;
  border-radius: 50%;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.24);
}

.sidebar .menu_close img {
  width: 16px;
  height: 16px;
}

.copyright {

  left: 0;
  right: 0;
  margin: 60px auto 5px;
  ;
  z-index: 10;
}

.copyright p {
  text-align: center;
  font-size: 9px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 0.4px;
  color: #FFFFFF;
  -webkit-transform: scale(0.9);
  -webkit-transform-origin: center 0;
}

.copyright img {
  width: 100%;
}

.copyright2 {
  position: fixed;
  bottom: 6px;
  left: 0;
  right: 0;
  margin: 5px auto 0px;
  z-index: 10;
}

.copyright2 img {
  width: 100%;
}

#pageTop {
  position: fixed;
  bottom: 12%;
  right: 32%;
  z-index: 100;
}

#pageTop a {
  display: block;
  z-index: 999;
  text-decoration: none;
  text-align: center;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.5;
}

#pageTop a img {
  width: 64px;
  height: auto;
}

@media only screen and (min-width: 0px) and (max-width: 640px) {
  #pageTop {
    position: fixed;
    bottom: 88px;
    right: 4px;
  }

  #pageTop a {
    display: block;
    z-index: 999;
    text-decoration: none;
    text-align: center;
  }

  #pageTop a:hover {
    text-decoration: none;
    opacity: 0.5;
  }

  #pageTop a img {
    width: 56px;
    height: auto;
  }

}



@media screen and (min-width: 640px) {
  #pageTop {
    position: fixed;
    bottom: 88px;
    right: 0;
    left: 400px;
    margin: auto;
    width: 100px;
  }

  #pageTop a {
    float: right;
    display: inline-block;
  }

  #pageTop img {
    margin: 0 4px 0 0;
  }
}



/*** ページ ***/


/* lower */

.lower {
  position: relative;
  margin: 22px auto 10px;
  width: 88%;
  text-align: center;
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .48);
  outline: none;
  overflow: visible;
}

.lower .head {
  text-align: center;
  padding: 16px 0;
  background-color: #409030;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.lower .head p {
  font-size: 13px;
  font-weight: 640;
  line-height: 18px;
  letter-spacing: 1.2px;
  color: #FFFFFF;
}

.lower .content {
  padding: 16px 12px 24px;
}

.lower .content .text_03.indent {
  text-indent: -1em;
  margin-left: 1em;
}

.lower .content p {
  margin: 8px 0px 16px 0px;
  font-size: 12px;
  font-weight: 640;
  line-height: 20px;
  letter-spacing: 0.4px;
  text-align: left;
  color: rgb(40, 60, 80);
}

.lower .content p span {
  font-size: 14px;
  font-weight: 640;
  line-height: 20px;
  letter-spacing: 0.4px;
  text-align: left;
  color: #409030;
  display: block;
  margin-bottom: 8px;
}

.lower .content p span .check,
.caution .content p span .check {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: -2px 0 0;
}

.lower .content img {
  margin: 16px auto;
  width: 80%;
  height: auto;
}

.lower .content .btn-apply {
  margin: 12px 0 0;
  padding: 10px 0;
  width: 100%;
  text-align: center;
  background-color: #5BC146;
  border-radius: 22px;
}

.lower .content .btn-back {
  margin: 12px 0 0;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  background-color: rgb(230, 232, 234);
  border-radius: 22px;
}


.lower .content .btn-apply a {
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 1.2px;
  color: #FFFFFF;
}

.lower .content .btn-back a {
  display: block;
  padding: 10px 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 1.2px;
  color: rgb(40, 60, 80);
}

.lower .content .btn:first-child {
  margin: 20px 0 0;
}

@media screen and (min-width: 640px) {
  .lower {
    -ms-overflow-style: none;
  }

  .lower::-webkit-scrollbar {
    display: none;
  }

  .lower .content {
    -ms-overflow-style: none;
  }

  .lower .content::-webkit-scrollbar {
    display: none;
  }
}


/* caution */
.caution {
  position: relative;
  margin: 22px auto 10px;
  width: 88%;
  z-index: 10;
  text-align: center;
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .48);
  outline: none;
  overflow: visible;
}

.caution.rm_menu2 {
  margin: -15px 0px 5px 0px;
}

.caution .head {
  text-align: center;
  padding: 16px 0;
  background-color: #409030;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.caution .head p {
  font-size: 16px;
  font-weight: 800;
  line-height: 20px;
  letter-spacing: 1.2px;
  color: #FFFFFF;
}

.caution .content {
  padding: 16px 12px 16px;
}

.caution .content img {
  width: 100%;
}

.caution .content p {
  margin: 8px 0px 6px 0px;
  font-size: 10px;
  font-weight: 640;
  line-height: 20px;
  letter-spacing: 0.4px;
  text-align: left;
  color: rgb(40, 60, 80);
}

.caution .content p span {
  font-size: 14px;
  font-weight: 640;
  line-height: 20px;
  letter-spacing: 0.4px;
  text-align: center;
  color: #409030;
}

.caution .content p a {
  font-size: 9px;
  font-weight: 640;
  line-height: 20px;
  letter-spacing: 0.4px;
  color: #337ab7;
  text-decoration: underline;
}

.caution .content .btn-back {
  margin: 12px 0 0;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 13px;
  line-height: 20px;
  background-color: rgb(230, 232, 234);
  border-radius: 22px;
}

.caution .content .btn-back a {
  display: block;
  padding: 10px 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 1.2px;
  color: rgb(40, 60, 80);
}


/*********** テキスト ***********/

.caution .content .text_01 {
  text-align: center;
  color: #000;
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0.4px;
}

.caution .content .text_01_2 {
  text-align: center;
  color: #000;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.4px;
  font-weight: normal;
}

.caution .content .text_02 {
  text-align: center;
  color: #409030;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  letter-spacing: 0.2px;
  word-break: break-all;
}

.caution .content .text_02 span {
  font-size: 11px;
}

.caution .content .text_03 {
  text-align: left;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  font-weight: normal !important;
  word-break: break-all;
  text-indent: -1em;
  margin-left: 16px;
}

.caution .content .text_03.red {
  color: #f00;
}

.caution .content .text_03 span {
  color: #000;
  font-size: 14px;
  font-weight: bold;
}

.caution .content .text_04 {
  text-align: center;
  margin: 10px 0px 24px 0px;
  position: relative;
  color: #45B035;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  letter-spacing: 0.4px;
}

.caution .content .text_05 {
  text-align: center;
  margin: 10px 0px 10px 0px;
  color: #FF2626;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  letter-spacing: 0.4px;
}

.caution .content .text_06 {
  text-align: center;
  margin: 10px 0px 10px 0px;
  color: #409030;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  letter-spacing: 0.4px;
}

.caution .content .text_06_2 {
  text-align: center;
  margin: 10px 0px 10px 0px;
  color: #409030;
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  letter-spacing: -0.3px;
}

.caution .content .text_06_3 {
  text-align: center;
  margin: 10px 0px 10px 0px;
  color: #0145ff;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  letter-spacing: 0.4px;
}

.caution .content .text_07 {
  text-align: center;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 0.4px;
  margin-top: 24px;
}

.caution .content .text_08 {
  text-align: center;
  color: #3792FF;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0.4px;
  margin-top: 10px;
}

.caution .content .text_09 {
  text-align: center;
  color: #FF4000;
  font-size: 17px;
  font-weight: bold;
  line-height: 26px;
  letter-spacing: 0.4px;
  margin-top: 10px;
}

.caution .content .text_09 span {
  color: #FF4000;
  font-size: 13px;
  line-height: 20px;
}

.caution .content .text_10 {
  padding: 12px 0;
  text-align: center;
  color: #0059B2;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 0.4px;
  border: 2px solid #0059B2;
  border-radius: 22px;
}

.caution .content .text_11 {
  padding: 20px 0;
  text-align: center;
  color: #76BC28;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 0.4px;
  border: 2px solid #76BC28;
  border-radius: 6px;
}

.caution .content .text_12 {
  text-align: left;
  color: #409030;
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  letter-spacing: 0.4px;
  word-break: break-all;
}

.caution .content .text_12 span {
  color: #FF2626;
}


/*** ポップアップ ***/
.modal.detail {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  margin: auto;
  width: calc(100% - 10%);
  height: calc(100% - 64px);
  text-align: center;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, .24);
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .48);
  outline: none;
  overflow: visible;
}

.modal.detail .head {
  text-align: center;
  padding: 20px 0;
  background-color: #409030;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.modal.detail .head img {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 32px;
  height: 32px;
}

.modal.detail .head p {
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 1.2px;
  color: #FFFFFF;
}

.modal.detail .content {
  padding: 12px 12px 16px;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.modal.detail .content::-webkit-scrollbar {
  display: block;
}

.modal .modal_content::-webkit-scrollbar {
  margin: 4px;
  width: 4px;
}

.modal .modal_content::-webkit-scrollbar-thumb {
  background-color: #C8D2D6;
}

.modal.detail .content h2 {
  margin: 16px 0px 8px;
  font-size: 14px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.8px;
  color: #000000;
}


.modal.detail .content p {
  margin: 8px 0px 0px 0px;
  text-align: left;
  font-size: 10px;
  line-height: 20px;
  letter-spacing: 0.8px;
  color: #000000;
}

.modal.detail .content p span {
  color: #FF0000;
}

.modal.detail .content .title {
  text-align: center;
  margin: 16px 0px 8px;
  font-size: 13px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.8px;
  color: #000000;
}

.modal.detail .content .btn {
  margin: 16px 0 0;
  padding: 10px 0;
  width: 100%;
  text-align: center;
  background-color: #50C814;
  border-radius: 22px;
  opacity: 1;
}

.modal.detail .content .btn a {
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 1.2px;
  color: #FFFFFF;
  text-shadow: none;
}

.modal.detail .content .description1 {
  text-align: center;
  font-size: 12px;
  font-weight: 800;
  line-height: 20px;
  color: #FF0000;
}


.entry_limit_date.entry {
  color: #f00;
  text-align: center;
  font-size: 13px;
  margin-bottom: 10px;
}


/*** 撮影方法 ***/
.caution .content .shot_bad {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 50%;
  margin-top: 12px;
}

.caution .content .shot_bad img {
  text-align: center;
  width: 96%;
  height: auto;
}

/*** 応募 ***/

.caution .content .cell .actions {
  margin: 16px 0px 0;
}


.caution .content .cell .actions .btn.detail {
  background-color: #FFFFFF;
  border: 2px solid #50C814;
  width: 100%;
  padding: 14px 0;
  border-radius: 6px;

}

.caution .content .cell .actions .btn.detail a {
  color: #50C814;
}

.caution .content .cell .actions .btn.apply {
  margin: 16px 0 0;
  background-color: #50E014;
}

.caution .content .cell .actions .btn.apply a {
  color: #006633;
}

.caution .content .btn .apply01 {
  margin: 16px 0 0;
  width: 100%;
  height: 40px;
  padding: 14px 0;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
  box-shadow: 0 2px 4px 0 rgba(248, 231, 28, 0.48);
  background-color: #50E014;
}

.caution .content .point_name {
  text-align: center;
  font-size: 14px;
  color: #f00;
  font-weight: bold;
}

.caution .content .point_name.w-chance {
  color: #ff9001;
}

/* .caution .content .point {
  margin: 3px 15%;
  padding: 10px 0;
  text-align: center;
  background-color: #E6E8EA;
  border-color: #DCDEE0;
  border-radius: 4px;
  width: 70%;
} */

.caution .content .point {
  border: 2px solid #f00;
  border-radius: 8px;
  padding: 12px;
  margin: 0 auto 8px;
  width: 90%;
}

.caution .content .point.w-chance {
  border: 2px solid #ff9001;
}

.caution .content .point .text {
  text-align: center;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  letter-spacing: 0.4px;
}

.caution .content .point .text span {
  color: #f00;
  font-size: 20px;
}

.caution .content .point .text span.w-chance {
  color: #ff9001;
}

/*** 履歴 ***/
.caution .content .accordionbox {
  margin: 12px 0px;
  padding: 12px 4px;
}

.caution .content .accordionbox .accordionlist dt {
  display: block;
  margin: 12px 0px 20px 0px;
}

.caution .content .accordionbox .accordionlist dt .menu-btn {
  text-align: center;
  position: relative;
}


.caution .content .accordionbox .accordionlist dt .menu-btn img {
  width: 100%;
}

.caution .content .accordionbox .accordionlist dt .menu-btn img.accordion_icon {
  position: absolute;
  margin: auto 0;
  top: 50%;
  margin-top: -16px;
  right: 32px;
  width: 32px;
  height: 32px;
}

.caution .content .accordionbox .accordionlist dt:first-child {
  border-top: none !important;
}

.caution .content .accordionbox .accordionlist dt .menu-title {
  padding-left: 10px;
  float: left;
}

.caution .content .accordionbox .accordionlist dt .menu-title p {
  text-align: left;
  color: rgb(20, 30, 40);
  font-size: 14px;
  font-weight: 800;
  line-height: 40px;
  letter-spacing: 0.4px;
}

.caution .content .accordionbox .accordionlist .child {
  display: none;
}

.caution .content .accordionbox .accordionlist .child.block {
  display: block;
}

.caution .content .accordionbox .accordionlist .child .text1 {
  margin: 6px 0px 0px 0px;
  text-align: center;
  color: #000;
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  letter-spacing: 0.8px;
}


.caution .content .accordionbox .accordionlist .child .text2,
.caution .content .text2_2 {
  margin: 6px 0px 0px 0px;
  text-align: center;
  color: #409030;
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  letter-spacing: 0.2px;
}

.caution .content .accordionbox .accordionlist .child .text3 {
  margin: 6px 0px 0px 0px;
  text-align: center;
  color: #000;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.8px;
}



.caution .content .accordionbox .accordionlist .child .detail {
  margin: 12px 0px 12px 0px;
  padding: 12px 0px 12px 0px;
  border: 1px solid #fff;
  border-radius: 4px;
  width: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  color: #FFF;
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  letter-spacing: 0.4px;
}

.caution .content .accordionbox .accordionlist .child .apply {
  margin: 12px 0px 12px 0px;
  padding: 12px 0px 12px 0px;
  background-color: #45B035;
  border: 1px solid #3BA62B;
  border-radius: 4px;
  width: 100%;
  text-align: center;
  color: #FFF;
  font-size: 16px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.4px;
}



.caution .content .accordionbox .accordionlist dt .menu-btn img.accordion_icon {
  right: 8px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
}

.caution .content .menu-btn {
  border: 2px solid #18BC18;
  border-radius: 4px;
  position: relative;
  padding: 0 16px;
}

.caution .content .menu-btn p {
  color: #18BC18;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  letter-spacing: 0.4px;
  margin: 24px auto;
  vertical-align: middle;
  display: inline-block;
}






/*** テーブル ***/

.caution .content table {
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word;
  width: 100%;
}

.caution .content table td {
  border-top: 1px solid #333;
  font-size: 10px;
  width: 30%;
  vertical-align: middle;
  text-align: center;
}

.caution .content table th {
  border-top: 1px solid #000;
  font-size: 12px;
  width: 30%;
  vertical-align: middle;
  text-align: center;
}


/*** ログイン系 ***/

.caution .content p.item {
  font-size: 16px;
  margin-top: 16px;
}

.caution .content .form-item input {
  padding: 4px 12px;
  margin: 0px 0px 8px 0px;
  width: 100%;
  text-align: left;
  color: #000;
  background-color: #f4f4f4;
  font-size: 14px;
  font-weight: 800;
  line-height: 32px;
  letter-spacing: 0.4px;
  border: 0;
  border: solid 1px rgb(230, 232, 234);
  border-radius: 2px;
}

.caution .content .btn2 {
  position: relative;
  display: block;
  margin: 10px auto 10px;
  padding: 0;
  text-align: center;
  width: calc(100% - 30px);
  height: 40px;
  background-color: #5BC146;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
  box-shadow: 0 2px 4px 0 rgb(248 231 28 / 48%);
}

.caution .content .btn2 a {
  width: 100%;
  height: 100%;
  padding: 14px 12px;
}

.caution .content .btn2 p {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  font-weight: 700;
  line-height: 12px;
  letter-spacing: 0.4px;
  color: #FFFFFF;
  margin: 2px 0 0;
}

.caution .content .btn2 span {
  position: absolute;
  top: 12px;
  right: 12px;
}

.caution .content .btn2 img {
  width: 16px;
  height: 16px;
}

.caution .content .apply {
  margin: 12px 0px 12px 0px;
  padding: 12px 0px 12px 0px;
  background-color: #5BC146;
  border: 1px solid #5BC146;
  border-radius: 999px;
  width: 100%;
  text-align: center;
  color: #FFF;
  font-size: 14px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.4px;
}

.caution .content .apply.notingame {
  background-color: #ff0;
  border: 1px solid #ff0;
  color: #000;
}

.caution .content .apply2 {
  margin: 12px 0px 12px 0px;
  padding: 12px 0px 12px 0px;
  background-color: #0145ff;
  border: 1px solid #0145ff;
  border-radius: 22px;
  width: 100%;
  text-align: center;
  color: #FFF;
  font-size: 14px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.4px;
}

.caution .content label {
  margin: 4px 0 0;
  display: block;
  text-align: left;
}

.caution .content label input[type="checkbox"] {
  width: 12px;
  height: 12px;
  border: 0;
}

.caution .content label p {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-size: 14px;
  margin: -2px 0 0 4px;
}

.caution .content a.link {
  padding: 12px 0px 12px 0px;
  width: 100%;
  text-align: center;
  color: #18BC18;
  font-size: 12px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.4px;
  text-decoration: underline;
}

.caution .content .toggle {
  margin: 12px 20% 24px 20%;
  padding: 12px 20px;
  background-color: #409030;
  width: 60%;
  border-radius: 4px;
  text-align: center;
  color: #FFF;
  font-size: 14px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.4px;
  text-decoration: none;
}

.caution .content .toggle:hover {
  color: #fff;
}


/* 以下フォームのスタイル */
.content .container .row .sub-title-02 {
  margin: 0px 0px 10px 0px;
  width: 100%;
  text-align: center;
  color: #409030;
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /* iPhoneバンドル */
  font-size: 15px;
  font-weight: 800;
  line-height: 20px;
  letter-spacing: 0.4px;
}

.content .container .row .caution-03 {
  margin: 0px 1.2em 24px 1.2em;
  width: 96%;
  text-align: left;
  color: #409030;
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /* iPhoneバンドル */
  font-size: 13px;
  font-weight: 800;
  line-height: 20px;
  letter-spacing: 0.4px;
  text-indent: -1.2em;
}

.content .container .row .sub-title-04 {
  margin: 12px 0px;
  padding: 4px 12px;
  width: auto;
  text-align: center;
  background-color: #B9E8B3;
  color: #338327;
  border-radius: 2px;
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /* iPhoneバンドル */
  font-size: 14px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.4px;
}

.content .container .row p.caution-01 {
  margin: 0px 0px 6px 1.2em;
  width: 96%;
  text-align: left;
  color: rgb(20, 30, 40);
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /* iPhoneバンドル */
  font-size: 12px;
  font-weight: 640;
  line-height: 14px;
  letter-spacing: 0.4px;
  text-indent: -1.2em;
}

.content .container .row p.caution-01 span {
  color: #D90000;
  width: 96%;
  text-align: left;
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /* iPhoneバンドル */
  font-size: 12px;
  font-weight: 640;
  line-height: 14px;
  letter-spacing: 0.4px;
  text-indent: -1.2em;
}

.content .container .row .form-item-01 {
  margin: 16px 0px 4px 0px;
  width: 100%;
  text-align: left;
  color: rgb(40, 50, 60);
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /* iPhoneバンドル */
  font-size: 14px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.4px;
}

.content .container .row .form-item-01 span {
  margin: 12px 0px 4px 0px;
  width: 100%;
  text-align: left;
  color: #BD2557;
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /* iPhoneバンドル */
  font-size: 14px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.4px;
}


.content .container .row .form-item-02 {
  margin: 4px 0 0;
  width: 100%;
  text-align: left;
  color: #45B035;
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /* iPhoneバンドル */
  font-size: 14px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.4px;
}

.content .container .row .form-item-02-1 {
  margin: 12px 0px 12px 0px;
  width: 100%;
  text-align: center;
  color: #45B035;
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /* iPhoneバンドル */
  font-size: 14px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.4px;
}

.content .container .row .form-item-03 input {
  padding: 4px 12px;
  margin: 4px 0;
  width: 100%;
  text-align: left;
  color: rgb(20, 30, 40);
  background-color: #f4f4f4;
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /* iPhoneバンドル */
  font-size: 13px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.4px;
  border: 0;
  border: solid 1px rgb(230, 232, 234);
  border-radius: 2px;
}

.content .container .row .dropdown .dropdown-select {
  padding: 10px 12px 12px 12px;
  margin: 4px 0;
  position: relative;
  width: 100%;
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /* iPhoneバンドル */
  font-size: 13px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.4px;
  border: 0;
  border: solid 1px rgb(230, 232, 234);
  border-radius: 2px;
}

.content .container .row .description-06 {
  margin: 8px 0 0;
  width: 100%;
  text-align: left;
  color: #f00;
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /* iPhoneバンドル */
  font-size: 12px;
  font-weight: 720;
  line-height: 18px;
  letter-spacing: 0.4px;
}

.content .container .row .sub-title-06 {
  margin: 8px 0;
  width: 100%;
  text-align: center;
  color: #f00;
  font-size: 14px;
}


.content .container .row .confirm-item-01 {
  margin: 12px 0px 0px 0px;
  width: 100%;
  text-align: left;
  color: #000000;
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /* iPhoneバンドル */
  font-size: 15px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.4px;
}

.content .container .row .confirm-item-02 {
  margin: 0px 0px 4px 0px;
  width: 100%;
  text-align: left;
  color: #00468C;
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /* iPhoneバンドル */
  font-size: 15px;
  font-weight: 800;
  line-height: 24px;
}


.content .container .row .sub-title-07 {
  margin: 12px 0px;
  padding: 4px 12px;
  width: auto;
  text-align: center;
  background-color: rgb(240, 242, 244);
  color: rgb(40, 50, 60);
  border-radius: 2px;
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /* iPhoneバンドル */
  font-size: 14px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.4px;
}

.content .container .row .description-07 {
  margin: 0 0 10px;
  width: 100%;
  text-align: left;
  color: rgb(20, 30, 40);
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /* iPhoneバンドル */
  font-size: 12px;
  font-weight: 720;
  line-height: 24px;
  letter-spacing: 0.4px;
}

.content .container .row .description-02 {
  margin: 10px 0 0 1rem;
  padding-right: 16px;
  width: 96%;
  text-align: left;
  color: rgb(20, 30, 40);
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /* iPhoneバンドル */
  font-size: 14px;
  font-weight: 720;
  line-height: 24px;
  letter-spacing: 0.4px;
  text-indent: -1.2em;
}

.content .container .row .apply {
  margin: 0px 0px 12px 0px;
  padding: 12px 0px 12px 0px;
  background-color: #45B035;
  border: 1px solid #3BA62B;
  border-radius: 4px;
  width: 100%;
  text-align: center;
  color: #FFF;
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /* iPhoneバンドル */
  font-size: 15px;
  font-weight: 800;
  line-height: 20px;
  letter-spacing: 0.4px;
  text-decoration: none;
}

.content .container .row .form-button {
  display: block;
  width: 100%;
}

.box .title{
  width: 100%;
  text-align: center;
  color: rgb(20,30,40);
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; /* iPhoneバンドル */
  font-size: 18px;
  font-weight: 800;
  line-height: 40px;
  letter-spacing: 0.4px;
}



.box .description-01{
  margin: 0px 0px 24px 0px;
  width: 100%;
  text-align: left;
  color: rgb(20,30,40);
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; /* iPhoneバンドル */
  font-size: 12px;
  font-weight: 640;
  line-height: 24px;
  letter-spacing: 0.4px;
}

.content .container .row .no-change{
  margin: 10px 0 0 1rem;
  padding-right: 36px;
  width: 96%;
  text-align: left;
  color: rgb(20,30,40);
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; /* iPhoneバンドル */
  font-size: 12px;
  font-weight: 720;
  line-height: 18px;
  letter-spacing: 0.4px;
  text-indent: -1.2em;
}

.content .container .row .departure{
    margin: 0px 0px 10px 0px;
    width: 100%;
    text-align: left;
    color: rgb(20,30,40);
    font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; /* iPhoneバンドル */
    font-size: 14px;
    font-weight: 640;
    line-height: 24px;
    letter-spacing: 0.4px;
}

  .box .description-07{
    margin: 10px 0 0 1rem;
    padding-right: 36px;
    width: 100%;
    text-align: left;
    color: rgb(20,30,40);
    font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; /* iPhoneバンドル */
    font-size: 12px;
    font-weight: 720;
    line-height: 24px;
    letter-spacing: 0.4px;
    text-indent: -1.2em;
  }

.input-address {
  margin: 6px 0 0;
  background-color: #5BC146;
  width: 100%;
  padding: 10px 0;
  border: 1px solid #FFFFFF;
  border-radius: 999px;
  box-shadow: 0 2px 4px 0 rgb(248 231 28 / 48%);
  cursor: pointer;
  font-weight: bold;
}

.input-address a {
  color: #fff;
}

.input-address a span {
  font-size: 14px;
}


.receipt_photo_caution {
  font-size: 14px;
  text-align: left;
  margin: auto;
  width: 80%;
}

.receipt_photo_caution_heading {
  text-align: center;
  margin-bottom: 8px;
}

.receipt_photo_caution_text {
  line-height: 1.7em;
}


.formUpload,
.upload {
  background: #409030;
  color: #fff;
  width: 100%;
  padding: 12px 4px;
  cursor: pointer;
  font-weight: bold;
  border: none;
  border-radius: 8px;
}

.upload_confirm,
.back {
  background: #e5ffe0;
  color: #409030;
  border: 2px solid #409030;
  border-radius: 999px;
  width: 100%;
  padding: 8px 4px;
  cursor: pointer;
  font-weight: bold;
}

.lower .content p.confirm_index {
  text-align: center;
  border: 2px solid #409030;
  padding: 8px 4px;
  border-radius: 8px;
  width: 90%;
  margin: auto;
  color: #409030;
}


@media screen and (min-width: 640px) {
  .caution {
    -ms-overflow-style: none;
  }

  .caution::-webkit-scrollbar {
    display: none;
  }

  .caution .content {
    -ms-overflow-style: none;
  }

  .caution .content::-webkit-scrollbar {
    display: none;
  }

  .modal.detail {
    width: calc(480px - 48px);
  }
}




.content p.desc {
  text-align: center;
  margin: 8px 0px 8px;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: 0.8px;
  color: #409030;
}

.content p.desc_text {
  margin: 8px 0px 0px 0px;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.8px;
  color: #000000;
}

.content .code-input .input-serial {
  width: 90%;
}

.content .input_serial_form .error_message {
  font-size: 13px;
  text-align: center;
}

.content .input_serial_form .one_time {
  margin: 8px auto 6px auto;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  color: #000;
  width: 90%;
}

.caution .content p.movie_page_caution {
  text-align: center;
  color: #f00;
  font-size: 13px;
}


.caution .content p.finished_btn_bottom_caution {
  text-align: center;
  font-size: 12px;
  color: #f00;
}

.select_confirm_btn.finished {
  margin: 12px 0px 12px 0px;
  padding: 12px 0px 12px 0px;
  background-color: #9bc193;
  border-radius: 999px;
  width: 100%;
  text-align: center;
  color: #FFF;
  font-size: 14px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.4px;
}

.form-item-03 input{
  padding: 4px 12px;
  margin: 4px 0;
  width: 100%;
  text-align: left;
  color: rgb(20,30,40);
  background-color: #f4f4f4;
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; /* iPhoneバンドル */
  font-size: 13px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.4px;
  border: 0;
  border: solid 1px rgb(230,232,234);
  border-radius: 2px;
}

.dropdown .dropdown-select {
  padding: 8px 12px 8px 6px;
  margin: 4px 0;
  position: relative;
  width: 100%;
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; /* iPhoneバンドル */
  font-size: 13px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.4px;
  border: 0;
  border: solid 1px rgb(230,232,234);
  border-radius: 2px;
}

.caution .content p.input-entryinfo {
  margin: 12px 0px;
  padding: 4px 12px;
  width: auto;
  text-align: center;
  background-color: #B9E8B3;
  color: #338327;
  border-radius: 2px;
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.4px;
}

.caution .content p.caution-01 {
  font-size: 12px;
}