/* Scss Document */
/* for action.html */
#inner_title {
  background-image: url(../img/action/bg_action_title.jpg); }

#inner_title h1 {
  margin-left: 20px; }

#inner_title h1 small {
  padding-left: 0; }

.title_action_s {
  width: 170px;
  height: 18px;
  background-image: url(../img/action/title_action_s.png); }

#main_contents {
  margin-top: -7.8%;
  min-height: 852px; }

#main_contents .m_bg_unit {
  width: 110%; }

#main_contents .subtitle {
  display: block;
  padding-top: 30px; }

#main_contents p {
  margin-top: 17px;
  line-height: 1.8;
  font-size: 18px; }

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
  #main_contents p {
    font-size: 18px;
    font-size: 1.75781vw; } }

@media only screen and (max-width: 1023px) {
  #main_contents p {
    font-size: 20px;
    font-size: 2.66667vw; } }

#main_contents p ~ p {
  margin-top: 1.8em; }

#main_contents .btn_action {
  display: inline-block;
  width: 338px;
  margin-top: 1.8em; }

#main_contents .action_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin: 46px auto 0; }

#main_contents .action_list li {
  position: relative;
  margin-top: 40px; }

#main_contents .action_list li:nth-child(1), #main_contents .action_list li:nth-child(2) {
  margin-top: 0; }

#main_contents .action_list li a {
  display: inline-block;
  position: relative; }

#main_contents .action_list li a span {
  display: inline-block;
  white-space: nowrap;
  text-indent: 300%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  width: 487px;
  height: 220px; }

#main_contents .action_list li.wide a span {
  width: 1024px;
  height: 245px; }

#main_contents .action_list li.new:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  top: 0;
  right: 0;
  width: 71px;
  height: 23px;
  background-image: url(../img/icon_new_b.png); }

#main_contents .action_list li.wide.new:before {
  top: 26px;
  right: auto;
  left: 0; }

.panel_action01 {
  background-image: url(../img/action/panel_action01.png); }

.panel_action02 {
  background-image: url(../img/action/panel_action02.png); }

.panel_action03 {
  background-image: url(../img/action/panel_action03.png); }

.panel_action04 {
  background-image: url(../img/action/panel_action04.png); }

.panel_action05 {
  background-image: url(../img/action/panel_action05.png); }

.panel_action06 {
  background-image: url(../img/action/panel_action06.png); }

.panel_action07 {
  background-image: url(../img/action/panel_action07.png); }

.panel_action08 {
  background-image: url(../img/action/panel_action08.png); }

.panel_action09 {
  background-image: url(../img/action/panel_action09.png); }

.m_bg_inner {
  width: 100%;
  height: 100%; }

.obj_m_bodybg {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/action/bg_action_body.png) no-repeat center top;
  background-size: 100%; }

@media only screen and (max-width: 1023px) {
  img {
    width: 100%;
    max-width: none; }
  .m_section_inner {
    padding-right: 2.66667%;
    padding-left: 2.66667%; }
  #inner_title {
    background-image: url(../img/action/bg_action_title_sp.jpg); }
  #inner_title h1 {
    width: 50.5%;
    margin-left: 2.2%; }
  #inner_title h1 small {
    width: 51.7%;
    margin-left: 0.3%; }
  #main_contents {
    margin-top: -19.9%;
    padding-bottom: 10%; }
  #main_contents .m_bg_unit {
    width: 100%;
    margin-left: 0;
    transform: rotate(0); }
  #main_contents .m_bg_unit .m_bg_inner {
    width: 100%;
    transform: rotate(0); }
  #main_contents .subtitle {
    width: 42.11268%;
    padding-top: 0; }
  #main_contents p {
    margin-top: 0.6em;
    letter-spacing: -0.3px; }
  #main_contents p ~ p {
    margin-top: 0.9em; }
  #main_contents .btn_action {
    width: 56.33803%;
    margin-top: 0.9em; }
  #main_contents .action_list {
    width: 100%;
    margin: 3.9% auto 0;
    padding-top: 0; }
  #main_contents .action_list li {
    width: 48.90%;
    margin-top: 4.40%; }
  #main_contents .action_list li.new:before {
    top: 1px;
    top: 0.13333vw;
    right: 1px;
    right: 0.13333vw;
    width: 73px;
    width: 9.73333vw;
    height: 23px;
    height: 3.06667vw; }
  #main_contents .action_list li a {
    width: 100%; }
  #main_contents .action_list li a span {
    width: 100%;
    height: 0;
    padding-bottom: 46.109510086%; }
  #main_contents .action_list li a:before {
    width: 79px;
    width: 10.53333vw;
    height: 79px;
    height: 10.53333vw;
    margin-top: -40px;
    margin-top: -5.33333vw;
    margin-left: -39px;
    margin-left: -5.2vw;
    background-image: url(../img/icon_movie_b.png);
    background-size: contain; }
  #main_contents .action_list li.wide {
    width: 100%; }
  #main_contents .action_list li.wide a span {
    width: 100%;
    height: 0;
    padding-bottom: 34.7%; }
  #main_contents .action_list li.wide.new:before {
    top: 1px;
    top: 0.13333vw;
    right: auto;
    left: 1px;
    left: 0.13333vw;
    width: 99px;
    width: 13.2vw;
    height: 31px;
    height: 4.13333vw; }
  .panel_action01 {
    background-image: url(../img/action/panel_action01_sp.png); }
  .panel_action02 {
    background-image: url(../img/action/panel_action02_sp.png); }
  .panel_action03 {
    background-image: url(../img/action/panel_action03_sp.png); }
  .panel_action04 {
    background-image: url(../img/action/panel_action04_sp.png); }
  .panel_action05 {
    background-image: url(../img/action/panel_action05_sp.png); }
  .panel_action06 {
    background-image: url(../img/action/panel_action06_sp.png); }
  .panel_action07 {
    background-image: url(../img/action/panel_action07_sp.png); }
  .panel_action08 {
    background-image: url(../img/action/panel_action08_sp.png); }
  .panel_action09 {
    background-image: url(../img/action/panel_action09_sp.png); }
  footer {
    margin-top: -5%; }
  .oo_pcimt {
    width: 100% !important; }
  .oo_pcimt img {
    width: 100%;
    max-width: none; }
  .obj_m_bodybg {
    background-image: url(../img/action/bg_action_body_sp.png); } }

#main_contents .notice {
  font-size: 14px;
  margin-bottom: 40px; }

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
  #main_contents .notice {
    font-size: 14px;
    font-size: 1.36719vw; } }

@media only screen and (max-width: 1023px) {
  #main_contents .notice {
    font-size: 20px;
    font-size: 2.66667vw; } }

.action_detail_list {
  position: relative;
  padding-bottom: 35px; }

.action_detail_list > li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.5s ease; }

.action_detail_list > li.active {
  position: relative;
  top: auto;
  left: auto;
  height: auto;
  overflow: visible;
  opacity: 1;
  z-index: 11; }

.action_detail_list > li p {
  letter-spacing: -0.3px; }

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
  .action_detail_list > li p {
    letter-spacing: -0.3px;
    letter-spacing: -0.0293vw; } }

@media only screen and (max-width: 1023px) {
  .action_detail_list > li p {
    letter-spacing: -0.3px;
    letter-spacing: -0.04vw; } }

.action_detail_list > li p ~ .m_figure {
  margin-top: 1.8em; }

.action_detail_list > li .m_figure .action_detail_image {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.action_detail_list > li .m_figure .action_detail_image li {
  width: 490px;
  margin-top: 40px; }

.action_detail_list > li .m_figure .action_detail_image li:nth-child(1), .action_detail_list > li .m_figure .action_detail_image li:nth-child(2) {
  margin-top: 0; }

.action_detail_list > li .m_figure .action_detail_image.threethumbs li {
  width: 330px; }

.action_detail_list > li .m_figure .action_detail_image.threethumbs li:nth-child(3) {
  margin-top: 0; }

.action_detail_list > li .action_detail_09_01 {
  position: relative; }

.action_detail_list > li .action_detail_09_01 p,
.action_detail_list > li .action_detail_09_01 .m_figure {
  position: relative;
  width: 680px;
  z-index: 5; }

.action_detail_list > li .action_detail_09_01 .m_figure {
  width: 620px; }

.action_detail_list > li .action_detail_09_01:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  top: -30px;
  right: 0;
  width: 375px;
  height: 789px;
  background-image: url(../img/action/obj_detail_09.png); }

.action_detail_list > li .action_detail_09_01 + p {
  position: relative;
  margin-top: 28px !important;
  z-index: 5; }

.action_detail_list > li.action09 p + .m_figure {
  margin-top: 2.3em; }

.action_detail_list > li.action09 .m_figure + .subtitle {
  padding-top: 50px !important; }

.action_detail_list > li.action09 .subtitle p {
  margin-top: 1em !important; }

.action_detail_list > li.action09 p {
  letter-spacing: -1.5px; }

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
  .action_detail_list > li.action09 p {
    letter-spacing: -1.5px;
    letter-spacing: -0.14648vw; } }

@media only screen and (max-width: 1023px) {
  .action_detail_list > li.action09 p {
    letter-spacing: -1.5px;
    letter-spacing: -0.2vw; } }

.action_detail_list > li .action_ex_09 {
  margin-top: 30px; }

.action_detail_list > li .action_ex_09 .subtitle {
  width: 215px;
  padding-top: 6px !important; }

.action_detail_list > li .action_ex_09 ol {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 12px;
  padding: 0; }

.action_detail_list > li .action_ex_09 ol li {
  list-style: none;
  width: 506px;
  margin-top: 9px; }

.action_detail_list > li .action_ex_09 ol li:nth-child(1), .action_detail_list > li .action_ex_09 ol li:nth-child(2) {
  margin-top: 0; }

.action_detail_list > li .action_ex_09 .m_figure {
  margin-top: 18px !important; }

.action_detail_list > li .action_ex_09 .m_figure ul.action_detail_image.threethumbs {
  padding: 7px 6px;
  background-color: #6308b7; }

.action_detail_list > li .action_ex_09 .m_figure ul.action_detail_image.threethumbs li {
  position: relative;
  width: 320px; }

.action_detail_list > li .action_ex_09 .m_figure ul.action_detail_image.threethumbs li ~ li {
  width: 344px;
  padding-left: 24px; }

.action_detail_list > li .action_ex_09 .m_figure ul.action_detail_image.threethumbs li ~ li:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  top: 50%;
  left: 0;
  width: 24px;
  height: 14px;
  margin-top: -7px;
  background-image: url(../img/icon_arrow_n.png);
  transform: rotate(-90deg); }

.action_detail_list > li .action_detail_09_04 {
  margin-top: 37px; }

.action_detail_list > li .action_detail_09_04 .m_textarea {
  width: 490px; }

.action_detail_list > li .action_detail_09_04 .m_figurearea {
  width: 490px;
  padding-top: 31px; }

.action_detail_list > li.action09 .m_figure + .subtitle.subtitle_detail_09_02 {
  width: 1009px;
  height: 45px;
  margin-top: 30px;
  padding-top: 0 !important;
  background-image: url(../img/action/subtitle_detail_09_02.png); }

#main_contents .action_list.tab_trigger {
  margin-top: 0;
  padding-top: 13px; }

#main_contents .action_list.tab_trigger li.active {
  display: none; }

#main_contents .action_list.tab_trigger li:nth-child(1), #main_contents .action_list.tab_trigger li:nth-child(2) {
  margin-top: 40px; }

#main_contents .action_list.tab_trigger li a {
  display: block;
  cursor: pointer;
  transition: opacity 0.35s ease; }

#main_contents .action_list.tab_trigger li a:hover {
  opacity: 0.7; }

.subtitle_detail {
  text-align: center; }

.subtitle_detail img {
  width: 211px; }

.btn_detailall {
  display: block;
  width: 416px;
  margin: 100px auto 50px; }

@media only screen and (max-width: 1023px) {
  #main_contents .notice {
    margin-bottom: 7%; }
  .action_detail_list {
    padding-bottom: 3%; }
  .action_detail_list > li p ~ .m_figure {
    margin-top: 0.9em; }
  .action_detail_list > li .m_figure .action_detail_image {
    display: block; }
  .action_detail_list > li .m_figure .action_detail_image li {
    width: 100%;
    margin-top: 3.5%; }
  .action_detail_list > li .m_figure .action_detail_image li:nth-child(2) {
    margin-top: 3.5%; }
  .action_detail_list > li .m_figure .action_detail_image li a {
    display: block;
    width: 100%; }
  #main_contents .action_list.tab_trigger {
    padding-top: 3%; }
  #main_contents .action_list.tab_trigger li:nth-child(1), #main_contents .action_list.tab_trigger li:nth-child(2) {
    margin-top: 5%; }
  .subtitle_detail img {
    width: 36.05634%; }
  #main_contents .action_detail_list > li.action01 .subtitle {
    width: 45.21127%; }
  #main_contents .action_detail_list > li.action02 .subtitle {
    width: 46.47887%; }
  #main_contents .action_detail_list > li.action03 .subtitle {
    width: 38.87324%; }
  #main_contents .action_detail_list > li.action04 .subtitle {
    width: 66.90141%; }
  #main_contents .action_detail_list > li.action05 .subtitle {
    width: 53.38028%; }
  #main_contents .action_detail_list > li.action06 .subtitle {
    width: 39.01408%; }
  #main_contents .action_detail_list > li.action07 .subtitle {
    width: 34.3662%; }
  #main_contents .action_detail_list > li.action08 .subtitle {
    width: 59.57746%; }
  #main_contents .action_detail_list > li.action08 .subtitle {
    width: 59.57746%; }
  #main_contents .action_detail_list > li.action09 .subtitle.subtitle_detail_09_01 {
    width: 72.67606%; }
  #main_contents .action_detail_list > li.action09 .subtitle.subtitle_detail_09_02 {
    width: 73.09859%;
    height: auto;
    margin-top: 5%;
    background-image: none; }
  #main_contents .action_detail_list > li.action09 .subtitle.subtitle_detail_09_03 {
    width: 100%; }
  #main_contents .action_detail_list > li.action09 .subtitle.ex_title_09 {
    width: 35.91549%; }
  #main_contents .action_detail_list > li.action09 .subtitle.subtitle_detail_09_04 {
    width: 63.94366%; }
  #main_contents .action_detail_list > li.action01 {
    display: flex;
    flex-flow: column; }
  #main_contents .action_detail_list > li.action01 .subtitle {
    order: 1; }
  #main_contents .action_detail_list > li.action01 p {
    order: 2; }
  #main_contents .action_detail_list > li.action01 p ~ p {
    order: 5; }
  #main_contents .action_detail_list > li.action01 .m_figure {
    order: 3; }
  #main_contents .action_detail_list > li.action01 .m_figure ~ .m_figure {
    margin-top: 3.5%; }
  #main_contents .action_detail_list > li.action09 .action_detail_09_01:after {
    top: -4.0%;
    right: -7.5%;
    width: 44.6%;
    height: 100%; }
  #main_contents .action_detail_list > li.action09 .action_detail_09_01 p,
  #main_contents .action_detail_list > li.action09 .action_detail_09_01 .m_figure {
    width: 100%; }
  #main_contents .action_detail_list > li.action09 .action_detail_09_01 p a,
  #main_contents .action_detail_list > li.action09 .action_detail_09_01 .m_figure a {
    display: block;
    width: 100%; }
  #main_contents .action_detail_list > li.action09 p {
    letter-spacing: -1px;
    letter-spacing: -0.13333vw; }
  #main_contents .action_detail_list > li.action09 .threethumbs {
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flex !important;
    display: -o-flex !important;
    display: flex !important;
    justify-content: space-around; }
  #main_contents .action_detail_list > li.action09 .threethumbs li {
    width: 47%;
    margin-top: 3%; }
  #main_contents .action_detail_list > li.action09 .threethumbs li span {
    width: 100%; }
  #main_contents .action_detail_list > li.action09 .threethumbs li:nth-child(1), #main_contents .action_detail_list > li.action09 .threethumbs li:nth-child(2) {
    margin-top: 0; }
  #main_contents .action_detail_list > li.action09 .threethumbs li .transpan {
    padding-bottom: 58%; }
  #main_contents .action_detail_list > li.action09 .action_ex_09 ol {
    display: block; }
  #main_contents .action_detail_list > li.action09 .action_ex_09 ol li {
    width: 100%;
    margin-top: 1.5%; }
  #main_contents .action_detail_list > li.action09 .action_ex_09 ol li:nth-child(1) {
    margin-top: 1.5%; }
  #main_contents .action_detail_list > li.action09 .action_ex_09 ul.action_detail_image.threethumbs {
    display: block !important;
    width: 460px;
    width: 64.78873vw;
    margin: 0 auto;
    padding: 16px;
    padding: 2.13333vw; }
  #main_contents .action_detail_list > li.action09 .action_ex_09 ul.action_detail_image.threethumbs li {
    width: 100%;
    margin-top: 0 !important;
    padding-left: 0 !important; }
  #main_contents .action_detail_list > li.action09 .action_ex_09 ul.action_detail_image.threethumbs li ~ li {
    padding-top: 6vw; }
  #main_contents .action_detail_list > li.action09 .action_ex_09 ul.action_detail_image.threethumbs li ~ li:before {
    top: 0;
    left: 50%;
    width: 46px;
    width: 6.13333vw;
    height: 6vw;
    margin-top: 0;
    margin-left: -22px;
    margin-left: -2.93333vw;
    background-position: center center;
    transform: rotate(0deg); }
  #main_contents .action_detail_list > li.action09 .action_ex_09 ul.action_detail_image.threethumbs li .transpan {
    padding-bottom: 54.7%; }
  #main_contents .action_detail_list > li.action09 .action_detail_09_04 .m_textarea,
  #main_contents .action_detail_list > li.action09 .action_detail_09_04 .m_figurearea {
    width: 100% !important; }
  #main_contents .action_detail_list > li.action09 .action_detail_09_04 .m_textarea a,
  #main_contents .action_detail_list > li.action09 .action_detail_09_04 .m_figurearea a {
    width: 100%; }
  #main_contents .action_detail_list > li.action09 .image_detail_09_18 {
    width: 47%;
    margin: 0 auto; }
  .action_detail_image .transpan {
    padding-bottom: 56.056338028%; }
  .btn_detailall {
    display: block;
    width: 68.73239%;
    margin: 11.5% auto 0; }
  .action_detail_list > li .action_detail_09_01 + p {
    margin-top: 0.6em !important; }
  .action_detail_list > li.action09 .m_figure + .subtitle {
    padding-top: 5% !important; }
  .action_detail_list > li .action_ex_09 .subtitle {
    padding-top: 1.5em !important; }
  .action_detail_list > li .action_ex_09 .m_figure {
    margin-top: 1em !important; } }

/*# sourceMappingURL=../css/action.css.map */