@charset "UTF-8";
/*
**  ===================================================================
**  各種設定：var,reset,base-font,break-point
**  ===================================================================
*/
/**
 * Foundation
**/
/**
 * WIDTH
**/
/**
 * COLOR
**/
/*
**  ===================================================================
**  foundation CSS ※サイト全体に共通のスタイル
**  ===================================================================
*/
/*!
     * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
     * Richard Clark (http://richclarkdesign.com)
     * http://cssreset.com
     */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  line-height: 1; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  border: 0px; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

img {
  border-style: none; }

/*
**  ===================================================================
**  Mixin CSS
**  ===================================================================
*/
/**
 * clearfix
**/
.clearfix:after {
  content: "";
  clear: both;
  display: block; }

html {
  font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #5D3B22; }
  @media only screen and (max-width: 480px) {
    html {
      font-size: 14px; } }

body {
  background-size: cover;
  color: #42210b;
  line-height: 1.5;
  background: url("../images/bg_yellow.png?=v1");
  background-size: contain; }
  body.fix {
    overflow: hidden; }

main section h1, main section h2, main section h3, main section h4, main section p {
  line-height: 1.5; }

a {
  color: #42210b;
  text-decoration: none;
  -webkit-transition: all .3s;
          transition: all .3s; }
  a:hover {
    opacity: 0.6;
    -webkit-transition: all .3s;
            transition: all .3s; }

.pc {
  display: block; }
  @media only screen and (max-width: 480px) {
    .pc {
      display: none; } }

.sp {
  display: none; }
  @media only screen and (max-width: 480px) {
    .sp {
      display: block; } }

header .header_inner {
  background: #fff;
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: .5em 1em .5em 1.5em;
  box-sizing: border-box;
  border-radius: 0 0 0 30px;
  box-shadow: 2px 2px 2px #ccc; }
  header .header_inner .text img {
    height: 8px; }
  header .header_inner .links {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; }
    header .header_inner .links a {
      margin-left: .5em; }
      header .header_inner .links a img {
        height: 32px; }

.mainvisual {
  max-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center; }
  @media only screen and (max-width: 480px) {
    .mainvisual {
      max-height: inherit;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
              flex-direction: column;
      padding: 0 0 2em 0;
      box-sizing: border-box; } }
  .mainvisual .visual {
    margin-right: 2em; }
    @media only screen and (max-width: 480px) {
      .mainvisual .visual {
        margin-right: 0; } }
    .mainvisual .visual img {
      max-height: 100vh; }
      @media only screen and (max-width: 480px) {
        .mainvisual .visual img {
          width: 100%;
          margin-bottom: 2em; } }
  .mainvisual .text {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center; }
    @media only screen and (max-width: 480px) {
      .mainvisual .text {
        padding: 0 1.5em;
        box-sizing: border-box; } }
    .mainvisual .text img.menber {
      width: 42vw; }
      @media only screen and (max-width: 480px) {
        .mainvisual .text img.menber {
          width: 100%; } }
  .mainvisual .count {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    margin-top: 2em; }
    .mainvisual .count img {
      width: 20vw;
      margin-bottom: 1em; }
      @media only screen and (max-width: 480px) {
        .mainvisual .count img {
          width: 80vw; } }
    .mainvisual .count p {
      font-size: 2em;
      font-family: roboto-condensed, sans-serif;
      font-weight: 700;
      font-style: normal; }
      .mainvisual .count p span {
        font-size: 3em !important; }

.ended {
  background: url("../images/bg_glay.jpg");
  background-size: cover;
  padding: 0 1.5em; }
  .ended p {
    font-size: 1.5em;
    font-weight: 700;
    color: #fd8027;
    text-align: center;
    padding: 1em 0; }

.read {
  background: url("../images/bg_glay.jpg");
  background-size: cover;
  padding: 4em 0 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center; }
  .read h2 {
    text-align: center;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    font-size: 2em;
    z-index: 2;
    font-weight: 700; }
    @media only screen and (max-width: 480px) {
      .read h2 {
        font-size: 1.4em; } }
    .read h2:after {
      content: "";
      display: block;
      width: 82px;
      height: 82px;
      background: url("../images/read_img.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      position: absolute;
      bottom: -16px;
      right: -60px;
      z-index: -1; }
      @media only screen and (max-width: 480px) {
        .read h2:after {
          width: 40px;
          height: 40px;
          bottom: -8px;
          right: 0px; } }
  .read p {
    margin-top: 3em;
    text-align: center; }
    @media only screen and (max-width: 480px) {
      .read p {
        padding: 0 1.5em;
        box-sizing: border-box;
        text-align: left; } }
  .read .youkou {
    margin-top: 3em;
    margin-bottom: 6em; }
    .read .youkou img {
      max-width: 780px;
      width: 80vw; }
      @media only screen and (max-width: 480px) {
        .read .youkou img {
          width: calc(100% - 3em);
          margin: 0 auto; } }

.nyubu_btn {
  background-image: url("../images/nyubu_bg_pc.png");
  background-size: cover;
  padding: 3em 0;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  pointer-events: none;
  position: relative; }
  .nyubu_btn::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    opacity: .5; }
  @media only screen and (max-width: 480px) {
    .nyubu_btn {
      background: url("../images/nyubu_bg_sp.png");
      background-size: cover; } }
  .nyubu_btn p {
    margin-bottom: 1em; }
    .nyubu_btn p img {
      max-width: 568px;
      width: 50vw; }
      @media only screen and (max-width: 480px) {
        .nyubu_btn p img {
          width: 80vw; } }
  .nyubu_btn .nyubu_btn_btn {
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all .3s;
            transition: all .3s; }
    .nyubu_btn .nyubu_btn_btn:hover {
      opacity: .8;
      -webkit-transition: all .3s;
              transition: all .3s; }
    .nyubu_btn .nyubu_btn_btn img {
      max-width: 760px;
      width: 80vw; }

.story {
  padding: 4em 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center; }
  .story h2 {
    margin-bottom: 2em; }
    .story h2 img {
      width: 244px; }
  .story h3 {
    margin-bottom: 2em;
    font-weight: 700;
    text-align: center;
    font-size: 2em; }
    @media only screen and (max-width: 480px) {
      .story h3 {
        font-size: 1.4em; } }
  .story p {
    text-align: center;
    margin-bottom: 4em; }
    @media only screen and (max-width: 480px) {
      .story p {
        padding: 0 1.5em;
        box-sizing: border-box;
        text-align: left; } }
  .story .film {
    background: url("../images/film_bg.png");
    height: 230px;
    width: 100%;
    background-size: cover;
    padding: 31px 0; }
    .story .film .slide {
      margin: 0 5px;
      height: 168px;
      box-sizing: border-box; }
      .story .film .slide img {
        height: 100%;
        width: auto; }
    .story .film .slick-prev {
      display: none !important; }
    .story .film .slick-next {
      display: none !important; }

.caharacter {
  padding: 4em 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center; }
  .caharacter h2 {
    margin-bottom: 2em; }
    .caharacter h2 img {
      width: 355px; }
  .caharacter .cast {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 1024px;
    margin: 0 auto;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between; }
    @media only screen and (max-width: 480px) {
      .caharacter .cast {
        width: 100%;
        padding: 0 1em;
        box-sizing: border-box;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
                justify-content: flex-start; } }
    .caharacter .cast .cast_block {
      width: 48%;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
              justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center; }
      @media only screen and (max-width: 480px) {
        .caharacter .cast .cast_block {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
                  flex-direction: column;
          width: 100%;
          margin-bottom: 2em; } }
      .caharacter .cast .cast_block .img {
        margin-right: 1em; }
        .caharacter .cast .cast_block .img img {
          width: 152px;
          height: auto; }
          @media only screen and (max-width: 480px) {
            .caharacter .cast .cast_block .img img {
              width: 60%;
              margin: 0 auto;
              display: block; } }
      .caharacter .cast .cast_block .content {
        padding: 1em;
        box-sizing: border-box; }
        .caharacter .cast .cast_block .content .name {
          font-size: 1.5em;
          font-weight: 700;
          margin-bottom: .2em; }
          .caharacter .cast .cast_block .content .name span {
            font-size: .7em; }

.roadshow {
  width: 1024px;
  text-align: center;
  margin: 0 auto; }
  @media only screen and (max-width: 480px) {
    .roadshow {
      width: 100%;
      padding: 0 1.5em;
      box-sizing: border-box; } }
  .roadshow p {
    text-align: center;
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 1em; }
    @media only screen and (max-width: 480px) {
      .roadshow p {
        font-size: 1em; } }
  .roadshow h2 {
    font-size: 2.5em;
    font-weight: 700;
    background: #fff;
    padding: .2em 0; }
    @media only screen and (max-width: 480px) {
      .roadshow h2 {
        font-size: 1.5em; } }
    .roadshow h2 span {
      font-size: .7em; }

.link_btn {
  width: 418px;
  margin: 4em auto;
  display: block; }
  @media only screen and (max-width: 480px) {
    .link_btn {
      width: calc(100% - 3em); } }
  .link_btn img {
    width: 100%;
    height: auto; }

.help {
  background: url("../images/bg_glay.jpg");
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 8em 0; }
  @media only screen and (max-width: 480px) {
    .help {
      padding: 4em 0; } }
  .help h2 {
    text-align: center;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    font-size: 2em;
    z-index: 2;
    font-weight: 700; }
    @media only screen and (max-width: 480px) {
      .help h2 {
        font-size: 1.4em; } }
    .help h2:after {
      content: "";
      display: block;
      width: 82px;
      height: 82px;
      background: url("../images/read_img.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      position: absolute;
      bottom: -16px;
      right: -60px;
      z-index: -1; }
      @media only screen and (max-width: 480px) {
        .help h2:after {
          width: 40px;
          height: 40px;
          bottom: -8px;
          right: 0; } }
  .help .accordion_block {
    width: 768px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    padding: 4em 0; }
    @media only screen and (max-width: 480px) {
      .help .accordion_block {
        width: 100%;
        padding: 2em 1.5em;
        box-sizing: border-box; } }
    .help .accordion_block h3 {
      margin-bottom: 2em; }
      .help .accordion_block h3 img {
        height: 42px;
        width: auto; }
    .help .accordion_block .count {
      font-size: 5.5em;
      font-family: roboto-condensed, sans-serif;
      font-weight: 700;
      font-style: normal;
      color: #8AC01A;
      margin-bottom: 2rem; }
      .help .accordion_block .count span {
        font-size: .5em;
        color: #5D3B22; }
    .help .accordion_block .content img {
      max-width: 100%;
      margin-top: 1em; }
    .help .accordion_block .content a {
      color: #00A0D5; }
    .help .accordion_block .hide {
      opacity: 0;
      height: 0; }
      .help .accordion_block .hide.show {
        height: auto;
        opacity: 1;
        -webkit-transition: all .3s;
                transition: all .3s; }
  .help .more_btn {
    margin-top: 2em;
    width: 100%;
    background: #8AC01A;
    color: #fff;
    padding: 1.5em 0;
    text-align: center;
    display: block;
    cursor: pointer;
    opacity: 1; }
    .help .more_btn:hover {
      opacity: .8;
      -webkit-transition: all .3s;
              transition: all .3s; }

.movie {
  width: 768px;
  background: #ECEAE7;
  padding: 2em 0;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center; }
  @media only screen and (max-width: 480px) {
    .movie {
      width: calc(100% - 3em);
      padding: 2em 1.5em;
      box-sizing: border-box;
      margin: 0 auto; } }
  .movie .icon img {
    width: 68px;
    height: auto; }
  .movie h3 {
    text-align: center;
    margin: 1em; }
  .movie .interview_modal_btn {
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all .3s;
            transition: all .3s; }
    .movie .interview_modal_btn:hover {
      opacity: .8;
      -webkit-transition: all .3s;
              transition: all .3s; }
    .movie .interview_modal_btn img {
      width: 418px;
      height: auto; }
      @media only screen and (max-width: 480px) {
        .movie .interview_modal_btn img {
          width: 100%; } }
  .movie .interview_modal {
    position: fixed;
    height: 100vh;
    width: 100vw;
    z-index: 100;
    top: 0;
    left: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all .3s;
            transition: all .3s;
    display: none; }
    .movie .interview_modal.open {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      -webkit-transition: all .3s;
              transition: all .3s;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
    .movie .interview_modal .modal_content {
      position: relative;
      z-index: 101;
      background: #fff;
      border-radius: 10px;
      padding: 4em;
      border-radius: 15px; }
      @media only screen and (max-width: 480px) {
        .movie .interview_modal .modal_content {
          padding: 60px 2em;
          box-sizing: border-box;
          width: calc(100% - 3em); } }
      .movie .interview_modal .modal_content video {
        width: 784px;
        height: auto; }
        @media only screen and (max-width: 480px) {
          .movie .interview_modal .modal_content video {
            width: 100%; } }
      .movie .interview_modal .modal_content .close_btn {
        position: absolute;
        top: 1em;
        right: 1em;
        z-index: 101;
        cursor: pointer; }
        .movie .interview_modal .modal_content .close_btn img {
          width: 30px;
          height: 30px; }
    .movie .interview_modal .bg {
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.6);
      width: 100%;
      height: 100%; }

.interview {
  padding: 4em 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column; }
  @media only screen and (max-width: 480px) {
    .interview {
      padding: 4em 1.5em;
      box-sizing: border-box;
      overflow: hidden;
      width: 100%; } }
  .interview h2 {
    margin-bottom: 2em; }
    .interview h2 img {
      height: 89px; }
  .interview .interview_read {
    text-align: center;
    margin-bottom: 2em; }
    @media only screen and (max-width: 480px) {
      .interview .interview_read {
        padding: 0 1.5em;
        box-sizing: border-box;
        text-align: left; } }
  .interview .interview_block {
    width: 760px;
    background: #fff;
    position: relative;
    padding: 5.5em 2em 2em 2em;
    box-sizing: border-box;
    box-shadow: 2px 2px 2px #ccc; }
    @media only screen and (max-width: 480px) {
      .interview .interview_block {
        width: calc(100%);
        padding: 5.5em 2em 2em 2em; } }
    .interview .interview_block.notitle {
      padding: 2em 2em 2em 2em; }
    .interview .interview_block h3 {
      background: #8AC01A;
      font-size: 1.2em;
      padding: .5em 2em;
      color: #fff;
      display: inline-block;
      position: absolute;
      top: 1em;
      left: -1em;
      box-shadow: 2px 2px 2px #ccc; }
      @media only screen and (max-width: 480px) {
        .interview .interview_block h3 {
          font-size: 1em; } }
      .interview .interview_block h3 span {
        font-size: 1.2em;
        margin-left: .3em; }
    .interview .interview_block h4 {
      font-weight: 700;
      margin-bottom: 1em;
      font-size: 1.1em; }
  .interview .pic {
    width: 760px;
    margin: 1em -5em 1em 0; }
    @media only screen and (max-width: 480px) {
      .interview .pic {
        width: 100%;
        margin: 2em auto; } }
    .interview .pic img {
      height: 269px; }
      @media only screen and (max-width: 480px) {
        .interview .pic img {
          height: auto;
          width: 100%; } }
  .interview .pic_left {
    width: 760px;
    margin: 2em 0em 2em -8em; }
    @media only screen and (max-width: 480px) {
      .interview .pic_left {
        width: 100%;
        margin: 2em auto; } }
    .interview .pic_left img {
      height: 250px; }
      @media only screen and (max-width: 480px) {
        .interview .pic_left img {
          height: auto;
          width: 100%; } }
  .interview .pic_line {
    margin: 2em 0 1em 0; }
    .interview .pic_line img {
      height: 120px; }
  .interview a {
    margin: 1em; }
    .interview a img {
      height: 80px; }
      @media only screen and (max-width: 480px) {
        .interview a img {
          width: calc(100%);
          margin: 0 auto;
          display: block; } }
  .interview .profile_block {
    background: #fff;
    box-shadow: 2px 2px 2px #ccc;
    padding: 2em;
    box-sizing: border-box;
    width: 760px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    margin-bottom: 6em;
    margin-top: 2em; }
    @media only screen and (max-width: 480px) {
      .interview .profile_block {
        width: calc(100% - 3em);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
                align-items: center; } }
    .interview .profile_block .img {
      margin-right: 2em; }
      @media only screen and (max-width: 480px) {
        .interview .profile_block .img {
          margin-right: 0;
          margin-bottom: 1em; } }
      .interview .profile_block .img img {
        width: 142px;
        height: auto; }
    .interview .profile_block .text h3 {
      font-size: 1.1em;
      font-weight: 700;
      margin-bottom: .5em; }
      @media only screen and (max-width: 480px) {
        .interview .profile_block .text h3 {
          font-size: 1em; } }
      .interview .profile_block .text h3 span {
        font-size: 1.1em; }

.cast_interview {
  background: url("../images/bg_glay.jpg");
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 8em 0 3em 0; }
  @media only screen and (max-width: 480px) {
    .cast_interview {
      padding: 4em 0 3em 0; } }
  .cast_interview h2 {
    text-align: center;
    position: relative;
    display: inline-block;
    margin: 0 auto .5em auto;
    font-size: 2em;
    z-index: 2;
    font-weight: 700; }
    @media only screen and (max-width: 480px) {
      .cast_interview h2 {
        font-size: 1.4em; } }
    .cast_interview h2:after {
      content: "";
      display: block;
      width: 82px;
      height: 82px;
      background: url("../images/read_img.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      position: absolute;
      top: -5px;
      right: -30px;
      z-index: -1; }
      @media only screen and (max-width: 480px) {
        .cast_interview h2:after {
          width: 40px;
          height: 40px;
          right: 0; } }
  .cast_interview p {
    text-align: center; }
    @media only screen and (max-width: 480px) {
      .cast_interview p {
        padding: 0 1.5em;
        box-sizing: border-box; } }
  .cast_interview .interview_block {
    width: 820px;
    background: #fff;
    position: relative;
    padding: 5.5em 2em 2em 2em;
    box-sizing: border-box;
    box-shadow: 2px 2px 2px #ccc;
    margin-top: 2em; }
    @media only screen and (max-width: 480px) {
      .cast_interview .interview_block {
        width: calc(100% - 3em); } }
    .cast_interview .interview_block h3 {
      background: #8AC01A;
      font-size: 1.2em;
      padding: .5em 2em;
      color: #fff;
      display: inline-block;
      position: absolute;
      top: 1em;
      left: -1em;
      box-shadow: 2px 2px 2px #ccc; }
      .cast_interview .interview_block h3 span {
        font-size: 1.2em;
        margin-left: .3em; }
    .cast_interview .interview_block .inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
              align-items: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
              justify-content: space-between; }
      @media only screen and (max-width: 480px) {
        .cast_interview .interview_block .inner {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
                  flex-direction: column; } }
      .cast_interview .interview_block .inner .block {
        width: 356px; }
        @media only screen and (max-width: 480px) {
          .cast_interview .interview_block .inner .block {
            width: 100%;
            margin-bottom: 2em; } }
        .cast_interview .interview_block .inner .block .img {
          width: 100%; }
          .cast_interview .interview_block .inner .block .img img {
            width: 100%;
            height: auto; }
        .cast_interview .interview_block .inner .block .name {
          font-size: 1.6em;
          color: #0095CA;
          border-left: 2px solid #0095CA;
          padding-left: .5em;
          font-weight: 700;
          margin: .5em .5em .5em 0; }
          .cast_interview .interview_block .inner .block .name span {
            font-size: .6em; }
        .cast_interview .interview_block .inner .block p {
          text-align: left;
          font-weight: 700; }
    .cast_interview .interview_block .right {
      text-align: right;
      margin-top: 1em;
      font-weight: 700; }
  .cast_interview a {
    margin-top: 2em;
    text-align: center; }
    .cast_interview a img {
      height: 80px;
      width: auto; }
      @media only screen and (max-width: 480px) {
        .cast_interview a img {
          width: calc(100% - 3em);
          height: auto; } }

.amazonpay {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 8em 0 3em 0; }
  .amazonpay .inner {
    width: 860px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center; }
    @media only screen and (max-width: 480px) {
      .amazonpay .inner {
        width: 100%;
        padding: 0 1.5em;
        box-sizing: border-box; } }
  .amazonpay h2 {
    font-size: 2em;
    margin-bottom: 1em;
    text-align: center; }
    @media only screen and (max-width: 480px) {
      .amazonpay h2 {
        font-size: 1.4em; } }
  .amazonpay h3 {
    font-size: 1.8em;
    margin-bottom: 1em; }
    @media only screen and (max-width: 480px) {
      .amazonpay h3 {
        font-size: 1.2em; } }
  .amazonpay a {
    margin: 3em 0;
    display: inline-block;
    pointer-events: none;
    opacity: .5; }
    .amazonpay a img {
      height: 80px;
      width: auto; }
      @media only screen and (max-width: 480px) {
        .amazonpay a img {
          width: 100%;
          height: auto; } }
  .amazonpay p span {
    font-size: .8em; }

.about_anidone {
  background: url("../images/bg_glay.jpg");
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 6em 0; }
  @media only screen and (max-width: 480px) {
    .about_anidone {
      padding: 3em 0; } }
  .about_anidone .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    width: 760px; }
    @media only screen and (max-width: 480px) {
      .about_anidone .inner {
        width: 100%;
        padding: 0 1.5em;
        box-sizing: border-box; } }
  .about_anidone h2 {
    font-size: 2em;
    margin-bottom: 1em; }
  .about_anidone .img {
    margin-bottom: 2em; }
    .about_anidone .img img {
      height: 70px;
      width: auto; }
      @media only screen and (max-width: 480px) {
        .about_anidone .img img {
          height: 40px; } }
  .about_anidone p {
    margin-bottom: 2em; }
  .about_anidone .point {
    visibility: hidden;
    opacity: 0;
    height: 0;
    display: none; }
    .about_anidone .point.show {
      visibility: visible;
      opacity: 1;
      height: auto;
      -webkit-transition: all .3s;
              transition: all .3s;
      display: block; }
    .about_anidone .point h3 {
      font-size: 1.8em;
      margin-bottom: 1.5em;
      text-align: center; }
    .about_anidone .point h4 {
      font-size: 1.8em;
      font-weight: 700;
      text-align: center; }
    .about_anidone .point p {
      margin-top: 1em; }
  .about_anidone .btn {
    font-size: 1.2em;
    font-weight: 700;
    border: 2px solid #5D3B22;
    color: #5D3B22;
    padding: 1em;
    height: 128px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    width: 760px;
    background: #fff;
    cursor: pointer; }
    @media only screen and (max-width: 480px) {
      .about_anidone .btn {
        width: calc(100% - 3em);
        height: 64px;
        margin: 0 auto; } }
    .about_anidone .btn:after {
      content: "";
      width: 14px;
      height: 30px;
      background: url("../images/btn_arrow.svg");
      background-size: contain;
      background-position: center;
      display: block; }
      @media only screen and (max-width: 480px) {
        .about_anidone .btn:after {
          width: 7px;
          height: 15px; } }

.donate_use {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 6em 0; }
  .donate_use .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    width: 760px; }
    @media only screen and (max-width: 480px) {
      .donate_use .inner {
        width: 100%;
        padding: 0 1.5em;
        box-sizing: border-box; } }
  .donate_use h2 {
    font-size: 1.6em;
    margin-bottom: 1em;
    text-align: center; }
  .donate_use h3 {
    font-size: 1.6em;
    font-weight: 700;
    margin-bottom: 1em;
    text-align: center; }
  .donate_use p {
    margin-bottom: 4em; }
  .donate_use .terms {
    visibility: hidden;
    opacity: 0;
    height: 0;
    display: none; }
    .donate_use .terms.show {
      visibility: visible;
      opacity: 1;
      height: auto;
      -webkit-transition: all .3s;
              transition: all .3s;
      display: block; }
  .donate_use .btn {
    font-size: 1.2em;
    font-weight: 700;
    border: 2px solid #5D3B22;
    color: #5D3B22;
    padding: 1em;
    height: 128px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    width: 760px;
    background: #fff;
    cursor: pointer; }
    @media only screen and (max-width: 480px) {
      .donate_use .btn {
        width: calc(100% - 3em);
        height: 64px;
        margin: 0 auto; } }
    .donate_use .btn:after {
      content: "";
      width: 14px;
      height: 30px;
      background: url("../images/btn_arrow.svg");
      background-size: contain;
      background-position: center;
      display: block; }
      @media only screen and (max-width: 480px) {
        .donate_use .btn:after {
          width: 7px;
          height: 15px; } }

.popup {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 100;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all .3s;
          transition: all .3s;
  display: none; }
  .popup.open {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    -webkit-transition: all .3s;
            transition: all .3s;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; }
  .popup .popup_inner {
    height: 80%;
    width: 80vw;
    max-width: 1280px;
    background: #fff;
    padding: 4em;
    box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    border-radius: 15px; }
    @media only screen and (max-width: 480px) {
      .popup .popup_inner {
        padding: 1em; } }
    .popup .popup_inner img {
      max-width: 100%;
      max-height: 70%;
      margin: 0 auto 2em auto; }
    .popup .popup_inner p {
      font-size: 1.6em;
      margin: 2em 0;
      font-weight: 700; }
      @media only screen and (max-width: 480px) {
        .popup .popup_inner p {
          font-size: 1.2em; } }
    .popup .popup_inner .close_btn {
      position: absolute;
      top: 1em;
      right: 1em;
      z-index: 101;
      cursor: pointer; }
      .popup .popup_inner .close_btn img {
        width: 30px;
        height: 30px; }
    .popup .popup_inner .cong .share {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
              justify-content: center; }
      @media only screen and (max-width: 480px) {
        .popup .popup_inner .cong .share {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
                  flex-direction: column; } }
      .popup .popup_inner .cong .share p {
        line-height: 1.5; }
      .popup .popup_inner .cong .share a {
        margin: 0 .5em; }
        .popup .popup_inner .cong .share a img {
          height: 108px; }
    .popup .popup_inner .cong .download img {
      max-height: 310px; }
    .popup .popup_inner .cong .download a img {
      height: 80px;
      margin: 0 auto;
      display: block; }
    .popup .popup_inner .cong .download .download_block {
      text-align: center;
      margin-bottom: 2em; }
    .popup .popup_inner .cong .big {
      text-align: center;
      line-height: 1.5;
      margin-bottom: 1em; }
    .popup .popup_inner .cong small {
      line-height: 1.5;
      text-align: center;
      margin-bottom: 1em;
      display: inline-block; }
    .popup .popup_inner .cong .links {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
              flex-direction: column; }
      @media only screen and (max-width: 480px) {
        .popup .popup_inner .cong .links a {
          margin-bottom: 3em; } }
      .popup .popup_inner .cong .links a img {
        height: 80px;
        margin: 0 auto;
        display: block; }
  .popup .btn_block {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
            justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    width: 80%;
    margin: 0 auto; }
    @media only screen and (max-width: 480px) {
      .popup .btn_block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
                flex-direction: column-reverse; } }
    .popup .btn_block .btn01 {
      background: url("../images/popup_btn01.svg");
      height: auto;
      width: 48%;
      padding: 2em 0;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
              justify-content: center;
      color: #fff;
      font-size: 1.8em;
      font-weight: 700;
      cursor: pointer;
      opacity: 1;
      -webkit-transition: all .3s;
              transition: all .3s; }
      @media only screen and (max-width: 480px) {
        .popup .btn_block .btn01 {
          width: 100%;
          font-size: 1.4em; } }
      .popup .btn_block .btn01:hover {
        opacity: .8;
        -webkit-transition: all .3s;
                transition: all .3s; }
    .popup .btn_block .btn02 {
      background: url("../images/popup_btn02.svg");
      height: auto;
      width: 48%;
      padding: 2em 0;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
              justify-content: center;
      color: #fff;
      font-size: 1.8em;
      font-weight: 700;
      cursor: pointer;
      opacity: 1;
      -webkit-transition: all .3s;
              transition: all .3s; }
      @media only screen and (max-width: 480px) {
        .popup .btn_block .btn02 {
          width: 100%;
          font-size: 1.4em; } }
      .popup .btn_block .btn02:hover {
        opacity: .8;
        -webkit-transition: all .3s;
                transition: all .3s; }

#popup01 {
  display: block;
  visibility: visible;
  opacity: 1; }
  @media only screen and (max-width: 480px) {
    #popup01 {
      height: auto; } }
  #popup01.hide {
    display: none;
    opacity: 0;
    -webkit-transition: all .3s;
            transition: all .3s; }

#popup02 {
  display: block;
  visibility: visible;
  opacity: 1; }
  @media only screen and (max-width: 480px) {
    #popup02 {
      height: auto; } }
  #popup02.hide {
    display: none;
    opacity: 0;
    -webkit-transition: all .3s;
            transition: all .3s; }

#popup03 {
  display: block;
  visibility: visible;
  opacity: 1; }
  @media only screen and (max-width: 480px) {
    #popup03 {
      height: auto; } }
  #popup03.hide {
    display: none;
    opacity: 0;
    -webkit-transition: all .3s;
            transition: all .3s; }

#popup04 {
  display: block;
  visibility: visible;
  opacity: 1;
  overflow: scroll; }
  @media only screen and (max-width: 480px) {
    #popup04 {
      height: 90%; } }
  #popup04 p {
    text-align: center;
    line-height: 1.2; }
  #popup04.hide {
    display: none;
    opacity: 0;
    -webkit-transition: all .3s;
            transition: all .3s; }

#popup05 {
  display: block;
  visibility: visible;
  opacity: 1; }
  @media only screen and (max-width: 480px) {
    #popup05 {
      height: auto; } }
  #popup05.hide {
    display: none;
    opacity: 0;
    -webkit-transition: all .3s;
            transition: all .3s; }
  #popup05 p {
    text-align: center;
    margin: 1em 0; }
  #popup05 a {
    margin-bottom: 2em; }
    @media only screen and (max-width: 480px) {
      #popup05 a {
        margin-bottom: 3em; } }
    #popup05 a img {
      height: 80px;
      margin: 0 auto;
      display: block; }

footer {
  background: url("../images/bg_glay.jpg");
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 4em 0;
  box-sizing: border-box; }
  @media only screen and (max-width: 480px) {
    footer {
      padding: 4em 1.5em; } }
  footer .logo {
    height: 90px; }
    @media only screen and (max-width: 480px) {
      footer .logo {
        width: 100%;
        height: auto; } }
  footer .copy {
    margin: 2em 0; }
  footer a img {
    height: 34px; }

#single, #page {
  background: url("../images/bg_glay.jpg");
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  height: 100vh;
  width: 100vw; }
  #single h2, #page h2 {
    position: absolute;
    top: 20px;
    left: 20px; }
    #single h2 a img, #page h2 a img {
      height: 60px; }
  #single h3.title, #page h3.title {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 2em; }
  #single .cart_totals h2, #page .cart_totals h2 {
    display: none; }
  #single .single-product .woocommerce-Price-amount, #page .single-product .woocommerce-Price-amount {
    display: none; }
  #single .sec_inner, #page .sec_inner {
    width: 860px; }
    @media only screen and (max-width: 480px) {
      #single .sec_inner, #page .sec_inner {
        width: 100%;
        padding: 0 1.5em;
        box-sizing: border-box; } }
  #single .product, #page .product {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start; }
  #single .product_meta, #page .product_meta {
    display: none; }
  #single .woocommerce-tabs, #page .woocommerce-tabs {
    display: none; }
  #single .woocommerce-product-gallery, #page .woocommerce-product-gallery {
    display: none; }

body.woocommerce #primary {
  float: none;
  width: 100%; }

@media screen and (max-width: 480px) {
  header img {
    width: 28px; } }

.shop_table .shipping {
  display: none; }

.shop_table .cart-subtotal {
  display: none; }

.wc-proceed-to-checkout .checkout-button {
  display: none; }

.woocommerce-tabs {
  display: none; }

#page, .site-header {
  background-color: #f8f6e0; }

.page_header h1 img {
  width: 120px;
  height: auto; }

.site-header {
  border: none !important;
  padding: 10px 40px; }

@media screen and (max-width: 480px) {
  .site-header {
    padding: 20px; } }

.site-content {
  min-height: 100vh; }

.storefront-full-width-content.single-product div.product .images {
  display: none; }

.storefront-full-width-content.single-product div.product .summary {
  float: none;
  text-align: center;
  margin: 0 auto; }

.single-product div.product .product_meta {
  display: none; }

.single-product div.product table.variations {
  text-align: center; }

.single-product div.product table.variations .label {
  display: none; }

.single-product div.product table.variations .value select {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
  padding: 0px 14px;
  margin: 0 auto;
  display: block;
  font-size: 20px;
  height: 52px;
  min-width: 300px;
  max-width: 100%;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #999;
  background: #eee;
  background: url(https://www.animaldonation.org/emergency_support//wp-content/themes/emergencysupportfund/common/images/arrow_select.jpg) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%, #fff 100%);
  background: url(https://www.animaldonation.org/emergency_support//wp-content/themes/emergencysupportfund/common/images/arrow_select.jpg) right 50% no-repeat, linear-gradient(to bottom, #fff 0%, #fff 100%);
  background-size: 29px, 100%; }

.create-account {
  display: none; }

a.reset_variations {
  font-size: 0px; }

.single-product div.product .single_variation .price {
  display: none; }

.storefront-full-width-content.single-product div.product .summary .product_title {
  display: none; }

.single-product div.product form.cart .quantity {
  float: none; }

.page-template-template-fullwidth-php table.cart thead {
  display: none; }

.page-template-template-fullwidth-php table.cart .product-thumbnail {
  display: none; }

.page-template-template-fullwidth-php table.cart .product-price {
  display: none; }

.page-template-template-fullwidth-php table.cart .product-quantity {
  display: none; }

table.cart td.product-remove {
  padding: 19px !important; }

.page-template-template-fullwidth-php .cart-collaterals .cart_totals, .page-template-template-fullwidth-php .cart-collaterals .shipping_calculator {
  width: 100%; }

.single-product div.product p.price {
  display: none; }

.cart-collaterals h2 {
  font-size: 0; }

.woocommerce-cart-form__contents tr:last-child {
  display: none; }

.storefront-handheld-footer-bar {
  display: none; }

.wc-amazon-checkout-message {
  display: none; }

.woocommerce-message {
  display: none; }

@media screen and (max-width: 480px) {
  .product_title {
    font-size: 1.8rem; } }

@media (min-width: 768px) {
  .right-sidebar .content-area {
    width: 100%;
    float: left;
    margin-right: 0%; }
  .single-product div.product .summary {
    width: 100%;
    float: none;
    text-align: center; } }

.woocommerce-product-gallery__image--placeholder {
  display: none; }

table.shop_table_responsive tr td.product-thumbnail {
  display: none; }

@media screen and (max-width: 768px) {
  .product-subtotal {
    display: none !important; }
  table.cart td, table.cart th {
    padding: .875em; }
  table.cart td.product-remove {
    padding: 0px !important;
    border-top: none; }
  #pay_with_amazon {
    float: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center; } }

#amazon_addressbook_widget:after {
  content: "※商品等の配送はございません"; }

table.woocommerce-checkout-review-order-table th.product-name {
  font-size: 0; }

table.woocommerce-checkout-review-order-table th.product-name:after {
  content: "寄付";
  font-size: 16px;
  font-weight: 600;
  margin-left: 24px; }

.wc-item-meta {
  display: none; }

.woocommerce-additional-fields {
  display: none; }

.woocommerce-order-details th.woocommerce-table__product-name {
  font-size: 0; }

.woocommerce-order-details th.woocommerce-table__product-name:after {
  content: "寄付";
  font-size: 16px;
  font-weight: 600;
  margin-left: 24px; }

.woocommerce-table--order-details tfoot tr:nth-child(2) {
  display: none; }

.product-subtotal, .order-total td {
  text-align: right !important; }

#payment .place-order .button, button.single_add_to_cart_button {
  color: #fff;
  font-size: 24px !important;
  font-weight: bold;
  display: block;
  width: 344px;
  height: 85px;
  background-color: #ff8731 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  border-radius: 20px;
  margin: 0 auto;
  max-width: 100%; }

.wc-proceed-to-checkout .checkout-button {
  display: none !important; }

.wc-proceed-to-checkout .wc-apa-button-separator {
  visibility: hidden; }

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
  width: 100% !important;
  float: none !important; }

.billing_address_display {
  line-height: 1.5; }

#order_review_heading {
  display: none; }

.reset_variations {
  display: none !important; }

.woocommerce div.product form.cart .variations {
  border-collapse: separate;
  border-spacing: 0 1em; }
  .woocommerce div.product form.cart .variations select {
    margin-right: 0 !important; }
  .woocommerce div.product form.cart .variations tbody tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    width: 100%;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
            align-items: stretch;
    margin-bottom: 1em; }
    .woocommerce div.product form.cart .variations tbody tr:first-child:before {
      content: "寄付金額を選択してください";
      margin-bottom: 1em; }
    .woocommerce div.product form.cart .variations tbody tr:last-child:before {
      content: "メールマガジン配信を希望しますか？";
      margin-bottom: 1em; }

.woocommerce table.shop_table {
  background: #fff; }

.woocommerce div.product form.cart .button {
  float: none !important; }

.woocommerce-page .header_inner {
  display: none; }

.woocommerce-checkout h3 {
  margin-top: 2em;
  display: none; }

.woocommerce-checkout .woocommerce-column__title, .woocommerce-checkout .woocommerce-order-details__title {
  position: static !important; }

.woocommerce-checkout .order-again {
  display: none; }

.woocommerce-checkout .back_btn {
  text-align: center; }

.woocommerce-variation-add-to-cart {
  text-align: center; }

.woocommerce div.product form.cart .variations select {
  font-size: 1em; }