@charset "UTF-8";
.Hokkaido {
  color: #c9adf0; }

.Tohoku {
  color: #7bace9; }

.Kanto {
  color: #eeb6ed; }

.Tokai {
  color: #9fe2eb; }

.Kinki {
  color: #bbe58d; }

.Chugoku {
  color: #feed63; }

h3.Chugoku {
  color: #fee417; }

.Kyushu {
  color: #f3cc84; }

.Okinawa {
  color: #da673d; }

.clear {
  clear: both; }

.sub_tax {
  background: white;
  padding: 0; }
  @media only screen and (min-width: 992px) {
    .sub_tax {
      background: none; } }
  .sub_tax .guide_box {
    padding: 0 2%; }
    .sub_tax .guide_box h3, .sub_tax .guide_box h4, .sub_tax .guide_box p {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      line-height: 1.5em; }
      @media only screen and (min-width: 992px) {
        .sub_tax .guide_box h3, .sub_tax .guide_box h4, .sub_tax .guide_box p {
          font-size: 0.8rem; } }
    .sub_tax .guide_box h3 {
      border: 1px solid black;
      border: none;
      font-size: 1.4em;
      line-height: 1.4em;
      padding: 10px;
      margin-top: 2%;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); }
      @media only screen and (min-width: 992px) {
        .sub_tax .guide_box h3 {
          margin-top: 6%;
          margin-bottom: 2%; } }
    .sub_tax .guide_box h4 {
      background: black;
      color: white;
      font-size: 1.3em;
      margin-bottom: 0;
      padding: 5px 10px;
      border-bottom: 1px solid black;
      border-left: 10px solid black;
      display: block;
      border-radius: 10px 10px 0 0; }
    .sub_tax .guide_box h5 {
      font-size: 1.3em;
      border-bottom: 1px solid #EAE5E3;
      line-height: 1.5em; }
      @media only screen and (min-width: 992px) {
        .sub_tax .guide_box h5 {
          font-size: 1.1em; } }
    .sub_tax .guide_box h5.price {
      font-size: 1.2em;
      margin-top: 10px;
      border: none; }
      @media only screen and (min-width: 992px) {
        .sub_tax .guide_box h5.price {
          font-size: .9em; } }
      .sub_tax .guide_box h5.price span {
        font-weight: 100;
        font-size: 0.5em;
        padding-left: 0.5em; }
    .sub_tax .guide_box .top_only {
      margin-top: 1.5%;
      margin-bottom: 0; }
    .sub_tax .guide_box .bottom_only {
      margin-top: 0;
      margin-bottom: 3%; }
    .sub_tax .guide_box .general_goods {
      background: #4b5d84;
      color: white;
      border-radius: 5px; }
    .sub_tax .guide_box .harf {
      background: white;
      padding: 12px 12px 20px;
      text-align: center;
      border: 15px solid #EAE5E3;
      margin: -5px; }
      @media only screen and (min-width: 992px) {
        .sub_tax .guide_box .harf {
          width: 305px;
          padding: 12px 12px 20px;
          float: left;
          border: none; } }
      .sub_tax .guide_box .harf img {
        width: 80%;
        margin: 0 10%; }
      @media only screen and (min-width: 992px) {
        .sub_tax .guide_box .harf .pc_cons {
          width: 60%; } }
    @media only screen and (min-width: 992px) {
      .sub_tax .guide_box .harf_one .general_goodsss {
        margin: 41px 10%; } }
    .sub_tax .guide_box .harf__attention {
      border: 1px solid #ff6666;
      padding: 2% 4%;
      margin: 10px 2% 0; }
      @media only screen and (min-width: 992px) {
        .sub_tax .guide_box .harf__attention {
          min-height: 220px; } }
      .sub_tax .guide_box .harf__attention h6 {
        color: red;
        font-size: 1.1em;
        text-align: center;
        border-bottom: 1px solid red;
        padding-bottom: 5px; }
      .sub_tax .guide_box .harf__attention p {
        font-size: 0.9em;
        text-align: left; }
        @media only screen and (min-width: 992px) {
          .sub_tax .guide_box .harf__attention p {
            padding: 0 5px; } }
    .sub_tax .guide_box .general_cons {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 10px 0 20px; }
      @media only screen and (min-width: 992px) {
        .sub_tax .guide_box .general_cons {
          margin: 10px 0 0; } }
      .sub_tax .guide_box .general_cons img {
        width: 45%;
        margin: 0; }
    .sub_tax .guide_box .pack {
      height: auto;
      overflow: hidden;
      border-top: 1px solid #EAE5E3;
      padding-top: 10px;
      margin: 15px 0 5px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media only screen and (min-width: 992px) {
        .sub_tax .guide_box .pack {
          height: 140px; } }
      .sub_tax .guide_box .pack img {
        width: 40%;
        float: left;
        padding: 0 10px;
        margin: 0; }
      .sub_tax .guide_box .pack .pack_inner {
        width: 60%;
        float: left;
        text-align: left; }
        .sub_tax .guide_box .pack .pack_inner h5 {
          border: none; }
          @media only screen and (min-width: 992px) {
            .sub_tax .guide_box .pack .pack_inner h5 {
              font-size: 1em; } }
        @media only screen and (min-width: 992px) {
          .sub_tax .guide_box .pack .pack_inner p {
            font-size: .8em; } }
    .sub_tax .guide_box .three {
      background: #EAE5E3;
      border-radius: 5px;
      margin: 0 10px; }
      @media only screen and (min-width: 992px) {
        .sub_tax .guide_box .three {
          margin: 1%;
          vertical-align: top; } }
      .sub_tax .guide_box .three p {
        padding: 10px 12px; }
        @media only screen and (min-width: 992px) {
          .sub_tax .guide_box .three p {
            margin: 1.5% 0; } }
    .sub_tax .guide_box ul {
      width: 90%;
      margin: 3% 5%;
      line-height: 1.3em; }
    .sub_tax .guide_box ul {
      width: 97%;
      margin: 3% 0% 3% 3%;
      padding: 0 0 0 1em; }
      @media only screen and (min-width: 992px) {
        .sub_tax .guide_box ul {
          margin: 5px 3% 1% 5%; } }
    .sub_tax .guide_box li {
      list-style-type: square;
      list-style-position: outside;
      margin: 0 0 2% 0; }
      @media only screen and (min-width: 992px) {
        .sub_tax .guide_box li {
          margin: 0 0 3px 0;
          font-size: 0.8rem; } }
  .sub_tax ul.uplist li {
    list-style: none;
    margin: 0 0 3%; }
    .sub_tax ul.uplist li ul {
      margin: 1%; }
      .sub_tax ul.uplist li ul li {
        margin: 0 0 1%; }
  .sub_tax img {
    width: 100%;
    margin: 0; }
  .sub_tax ul.process_list {
    padding: 0;
    height: auto;
    overflow: hidden; }
    @media only screen and (min-width: 992px) {
      .sub_tax ul.process_list {
        margin: 5px 1% 1% 2%; } }
    .sub_tax ul.process_list li {
      list-style: none;
      height: auto;
      overflow: hidden; }
      @media only screen and (min-width: 992px) {
        .sub_tax ul.process_list li {
          width: 70%;
          float: left;
          margin-bottom: 30px;
          min-height: 115px; } }
      .sub_tax ul.process_list li h1 {
        line-height: 1.5em;
        font-size: 3em;
        line-height: 1.5em; }
        @media only screen and (min-width: 992px) {
          .sub_tax ul.process_list li h1 {
            width: 1.5em;
            float: left; } }
      @media only screen and (min-width: 992px) {
        .sub_tax ul.process_list li p {
          padding: 0 0 0 5em;
          min-height: 45px; } }
      .sub_tax ul.process_list li h2 {
        font-size: 2em;
        line-height: 1.5em; }
        @media only screen and (min-width: 992px) {
          .sub_tax ul.process_list li h2 {
            margin-top: 10px;
            font-size: 1.3em;
            padding: 0 0 0 4rem; } }
    .sub_tax ul.process_list img.process {
      width: 70%;
      margin: 0 15%; }
      @media only screen and (min-width: 992px) {
        .sub_tax ul.process_list img.process {
          width: 28%;
          float: right;
          margin: 0;
          padding: 20px 5px 0 5px; } }
  .sub_tax .guide_inner_section {
    height: auto;
    overflow: hidden;
    margin: 40px 0 0 0; }
    .sub_tax .guide_inner_section:first-child {
      margin: 20px 0 0 0; }
    .sub_tax .guide_inner_section:last-child {
      margin: 40px 0; }
  .sub_tax .guide_inner_box {
    margin: 0;
    border: 1px solid black;
    padding: 5px; }
    @media only screen and (min-width: 992px) {
      .sub_tax .guide_inner_box {
        padding: 10px; } }
  .sub_tax .section_3 {
    background: #EAE5E3;
    margin: 0 -4px -4px !important; }
    @media only screen and (min-width: 992px) {
      .sub_tax .section_3 {
        background: #f2f2f2;
        margin: 0 10px 8px !important; } }
    .sub_tax .section_3 h4 {
      background: none;
      border: none;
      color: black;
      text-align: center; }
    .sub_tax .section_3 .guide_inner_box {
      border: none;
      padding: 5px 10px; }
      @media only screen and (min-width: 992px) {
        .sub_tax .section_3 .guide_inner_box {
          padding: 5px 30px; } }
    .sub_tax .section_3 .top_only {
      margin-top: 30px; }
      @media only screen and (min-width: 992px) {
        .sub_tax .section_3 .top_only {
          font-size: 0.9rem; } }
      .sub_tax .section_3 .top_only:first-child {
        margin-top: 10px; }
  .sub_tax .pop_sention .guide_inner_box {
    padding: 0 10px 20px; }
  .sub_tax .pop_sention .harf {
    border: none;
    margin: 0; }
    @media only screen and (min-width: 992px) {
      .sub_tax .pop_sention .harf {
        width: 50%; } }
    .sub_tax .pop_sention .harf img {
      width: 66%;
      margin: 0 17%; }
      @media only screen and (min-width: 992px) {
        .sub_tax .pop_sention .harf img {
          width: 60%;
          margin: 15px 20% 0; } }
    .sub_tax .pop_sention .harf p {
      text-align: left; }
  .sub_tax .pop_sention .harf__attention {
    min-height: 100px; }
  .sub_tax .c_shop_item {
    background: #EAE5E3;
    padding: 4%;
    height: auto;
    overflow: hidden; }
    .sub_tax .c_shop_item h4 {
      margin-left: 0; }
    .sub_tax .c_shop_item .c_item_block {
      background: white;
      padding: 2% 4% 4%; }
      @media only screen and (min-width: 992px) {
        .sub_tax .c_shop_item .c_item_block {
          width: 98%;
          float: left;
          margin: 2% 1%;
          padding: 2% 4%; } }
      .sub_tax .c_shop_item .c_item_block h1 {
        line-height: 1.5em; }
        @media only screen and (min-width: 992px) {
          .sub_tax .c_shop_item .c_item_block h1 {
            font-size: 1.5em; } }
      @media only screen and (min-width: 992px) {
        .sub_tax .c_shop_item .c_item_block img.store {
          width: 40%;
          float: left;
          padding-top: 10px; } }
      .sub_tax .c_shop_item .c_item_block .shop_info {
        padding: 0 0 10px 0; }
        @media only screen and (min-width: 992px) {
          .sub_tax .c_shop_item .c_item_block .shop_info {
            width: 60%;
            float: left; } }
        .sub_tax .c_shop_item .c_item_block .shop_info img.tax-info {
          width: 5em;
          padding: 2% 0 0 5%;
          float: left; }
          @media only screen and (min-width: 992px) {
            .sub_tax .c_shop_item .c_item_block .shop_info img.tax-info {
              padding: 4% 0 0 5%; } }
        .sub_tax .c_shop_item .c_item_block .shop_info .shop_info_text {
          height: auto;
          overflow: hidden;
          width: calc(90% - 5em);
          float: left;
          display: table;
          min-height: 4.5em;
          padding: 0 10px; }
          @media only screen and (min-width: 992px) {
            .sub_tax .c_shop_item .c_item_block .shop_info .shop_info_text {
              min-height: 5.6em; } }
          .sub_tax .c_shop_item .c_item_block .shop_info .shop_info_text p {
            margin: 1% 5%;
            display: table-cell;
            vertical-align: middle; }
        .sub_tax .c_shop_item .c_item_block .shop_info a.map {
          width: 90%;
          margin: 5px 5%;
          background: red;
          text-align: center;
          display: block;
          padding: 15px 0;
          color: white;
          letter-spacing: 2px;
          border-radius: 4px;
          box-shadow: 0 7px 0 darkred; }

.tax_en {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif; }

@media only screen and (min-width: 992px) {
  .tax_th .guide_box .harf_one .general_goodsss {
    margin: 41px 10%; } }
@media only screen and (min-width: 992px) {
  .tax_th .guide_box .harf__attention {
    min-height: 182px; } }

@media only screen and (min-width: 992px) {
  .tax_vn .guide_box .harf_one .general_goodsss {
    margin: 43px 10%; } }

@media only screen and (min-width: 992px) {
  .tax_kr .guide_box .harf_one .general_goodsss, .tax_tw .guide_box .harf_one .general_goodsss, .tax_ch .guide_box .harf_one .general_goodsss {
    margin: 32px 10%; } }
@media only screen and (min-width: 992px) {
  .tax_kr .guide_box .harf__attention, .tax_tw .guide_box .harf__attention, .tax_ch .guide_box .harf__attention {
    min-height: 165px; } }

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