@charset "UTF-8";
.test_mincho {
  font-family: 'Zen Old Mincho', serif; }

.miyage_container {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600; }

@media (min-width: 768px) {
  #footerWrapper,
  .box-emergency {
    min-width: 950px; }

  #footer .navi > li:last-child a {
    margin-right: 0; }

  #contents {
    padding-bottom: 50px; }

  .container {
    width: 950px; }

  .pcnone {
    display: none !important; } }
@media (max-width: 767.98px) {
  .spnone {
    display: none !important; }

  .container {
    padding-left: 10px;
    padding-right: 10px; }

  .block-title {
    font-size: 16px; } }
/*メイン画像*/
.mainimg_container {
  background: url("../images/main_back.png") repeat center;
  overflow: hidden;
  position: relative; }
  .mainimg_container > img {
    display: block;
    position: relative;
    max-width: none; }

.rank_ttl_container {
  background: url("../images/main_back.png") repeat center;
  overflow: hidden;
  position: relative; }
  .rank_ttl_container > img {
    display: block;
    position: relative;
    max-width: none; }

@media (min-width: 768px) {
  .mainimg_container {
    min-width: 950px;
    height: 1150px;
    background-size: 60px auto; }
    .mainimg_container > img {
      width: 1300px;
      margin: 0 auto;
      position: absolute;
      left: calc(50% - 650px);
      top: 50px; }

  .rank_ttl_container {
    min-width: 950px;
    background-size: 60px auto;
    padding: 60px 0; }
    .rank_ttl_container > img {
      width: 820px;
      margin: 0 auto; } }
@media (max-width: 767.98px) {
  .mainimg_container {
    background-size: 30px auto;
    padding: 10% 0 0; }
    .mainimg_container > img {
      position: relative;
      width: 124%;
      margin: 0 -12% -3%; }

  .rank_ttl_container {
    background-size: 30px auto;
    padding: 10% 0; }
    .rank_ttl_container > img {
      position: relative;
      width: 90%;
      margin: 0 auto; } }
/*リード文*/
.lead_container {
  background: #ffe98a;
  background: radial-gradient(circle, rgba(255, 233, 138, 0.5) 0%, rgba(193, 160, 44, 0.5) 100%); }
  .lead_container .lead_text {
    font-family: 'Zen Old Mincho', serif;
    font-weight: 900;
    margin: 0; }
    .lead_container .lead_text > .rtext {
      color: #a72126; }
  .lead_container .lead_text2 {
    font-weight: 900; }
  .lead_container .kikan {
    background-color: white; }
    .lead_container .kikan > img {
      display: block;
      margin: 0 auto; }
  .lead_container .info_01 {
    font-weight: 900; }
    .lead_container .info_01 > p, .lead_container .info_01 > dl {
      background-color: white;
      color: #a72126;
      border: 3px solid #a72126; }
    .lead_container .info_01 > dl > dt {
      border-bottom: 3px solid #a72126;
      display: flex;
      align-items: center; }
      .lead_container .info_01 > dl > dt > span {
        background: #a72126;
        color: white;
        padding: 0 .5em .1em;
        border-radius: .5em;
        margin-right: .5em; }
      .lead_container .info_01 > dl > dt > strong {
        font-size: 1.4em; }
    .lead_container .info_01 > dl > dd {
      position: relative; }
      .lead_container .info_01 > dl > dd > a {
        display: block;
        text-align: center;
        background-color: #a72126;
        color: white;
        padding: .5em;
        font-size: .75em;
        margin-top: .5em;
        border-radius: .5em; }
      .lead_container .info_01 > dl > dd::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center; }
    .lead_container .info_01 > dl:nth-child(2) > dd::before {
      background-image: url("../images/info01.svg"); }
    .lead_container .info_01 > dl:nth-child(3) > dd::before {
      background-image: url("../images/info02.svg"); }
  .lead_container .info_02 {
    font-weight: 900; }
    .lead_container .info_02 > p:nth-child(1), .lead_container .info_02 > p:nth-child(5) {
      background-color: #a72126;
      color: white; }
    .lead_container .info_02 > dl > dt {
      background: #a72126;
      color: white; }
    .lead_container .info_02 > dl > dd {
      color: #a72126; }
      .lead_container .info_02 > dl > dd > strong {
        background-color: white;
        display: block;
        border: #a72126 solid 3px;
        border-top: none; }
  .lead_container.end0801 {
    position: relative; }
    .lead_container.end0801::before {
      background-color: black;
      opacity: .75;
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
    .lead_container.end0801 > .end_text {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      z-index: 10;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      margin: 0; }
      .lead_container.end0801 > .end_text > dl {
        background-color: white;
        text-align: center; }
        .lead_container.end0801 > .end_text > dl > dt {
          background-color: #a72126;
          color: white;
          padding: .5em 1em;
          margin: 0 0 .5em; }

@media (min-width: 768px) {
  .lead_container {
    padding: 50px 0; }
    .lead_container .lead_text {
      text-align: center;
      font-size: 56px; }
      .lead_container .lead_text > .rtext {
        font-size: 66px; }
      .lead_container .lead_text > .stext {
        font-size: 40px; }
    .lead_container .lead_text2 {
      text-align: center;
      font-size: 18px;
      margin: 50px 0; }
    .lead_container .kikan {
      margin: 0 auto 50px;
      width: 800px;
      border-radius: 50px;
      padding: 20px; }
      .lead_container .kikan > img {
        width: 650px; }
    .lead_container .info_01 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .lead_container .info_01 > p, .lead_container .info_01 > dl {
        border-radius: 10px; }
      .lead_container .info_01 > p {
        width: 100%;
        font-size: 20px;
        text-align: center;
        padding: .5em;
        margin: 0 0 30px; }
      .lead_container .info_01 > dl > dt {
        font-size: 26px;
        padding: 5px 10px; }
      .lead_container .info_01 > dl > dd {
        font-size: 20px;
        padding: 10px 10px; }
      .lead_container .info_01 > dl:nth-child(2) {
        width: calc(55% - 15px); }
        .lead_container .info_01 > dl:nth-child(2) > dd {
          padding-left: 160px; }
          .lead_container .info_01 > dl:nth-child(2) > dd::before {
            width: 150px;
            background-size: auto 80%; }
      .lead_container .info_01 > dl:nth-child(3) {
        width: calc(45% - 15px); }
        .lead_container .info_01 > dl:nth-child(3) > dd {
          padding-left: 110px; }
          .lead_container .info_01 > dl:nth-child(3) > dd::before {
            width: 100px;
            background-size: 80% auto; }
    .lead_container .info_02 {
      margin: 50px 0 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .lead_container .info_02 > p {
        border-radius: 10px;
        width: 100%; }
        .lead_container .info_02 > p:nth-child(1) {
          font-size: 30px;
          text-align: center;
          padding: .25em .5em;
          margin: 0 0 30px; }
        .lead_container .info_02 > p:nth-child(4) {
          margin: 30px 0 0;
          text-align: center; }
        .lead_container .info_02 > p:nth-child(5) {
          font-size: 20px;
          text-align: center;
          padding: .5em;
          margin: 10px 0 0; }
      .lead_container .info_02 > dl {
        width: calc(50% - 15px);
        text-align: center; }
        .lead_container .info_02 > dl > dt {
          font-size: 30px;
          padding: 5px; }
        .lead_container .info_02 > dl > dd {
          font-size: 26px; }
          .lead_container .info_02 > dl > dd > strong {
            padding: 5px;
            font-size: 30px; }
    .lead_container.end0801 > .end_text {
      padding: 60px 0 0;
      font-size: 30px; }
      .lead_container.end0801 > .end_text > dl {
        padding: 30px; } }
@media (max-width: 767.98px) {
  .lead_container {
    padding-bottom: 50px; }
    .lead_container .lead_text {
      font-size: 9vw;
      margin: 30px -10px;
      text-align: center; }
      .lead_container .lead_text > .rtext {
        font-size: 11vw; }
      .lead_container .lead_text > .stext {
        font-size: 6vw; }
    .lead_container .lead_text2 {
      font-size: 16px;
      line-height: 1.8em;
      margin: 30px 0; }
    .lead_container .kikan {
      margin: 0 auto 30px;
      width: 100%;
      border-radius: 30px;
      padding: 10px 25px; }
      .lead_container .kikan > img {
        width: 100%; }
    .lead_container .info_01 > p, .lead_container .info_01 > dl {
      border-radius: 10px; }
    .lead_container .info_01 > p {
      padding: .5em;
      margin: 0;
      font-size: 16px; }
    .lead_container .info_01 > dl {
      margin: 20px 0 0; }
      .lead_container .info_01 > dl > dt {
        font-size: 20px;
        padding: 5px 10px; }
      .lead_container .info_01 > dl > dd {
        font-size: 14px;
        padding: 10px 10px;
        padding-left: 110px; }
        .lead_container .info_01 > dl > dd::before {
          width: 100px;
          background-size: 80% auto; }
      .lead_container .info_01 > dl:nth-child(3) > dd::before {
        background-size: 54% auto; }
    .lead_container .info_02 {
      margin: 30px 0 0; }
      .lead_container .info_02 > p {
        border-radius: 10px;
        width: 100%; }
        .lead_container .info_02 > p:nth-child(1) {
          font-size: 20px;
          text-align: center;
          padding: .25em .5em;
          margin: 0 0 20px; }
        .lead_container .info_02 > p:nth-child(4) {
          margin: 30px 0 0;
          font-size: 12px; }
        .lead_container .info_02 > p:nth-child(5) {
          font-size: 14px;
          text-align: center;
          padding: .5em;
          margin: 10px 0 0; }
      .lead_container .info_02 > dl {
        text-align: center;
        margin: 20px 0; }
        .lead_container .info_02 > dl > dt {
          font-size: 20px;
          padding: 5px; }
        .lead_container .info_02 > dl > dd {
          font-size: 18px; }
          .lead_container .info_02 > dl > dd > strong {
            padding: 5px;
            font-size: 20px;
            margin: 0 0 5px; }
    .lead_container.end0801 > .end_text {
      font-size: 16px;
      padding: 30px 0 0; }
      .lead_container.end0801 > .end_text > dl {
        padding: 10px; }
        .lead_container.end0801 > .end_text > dl > dd {
          font-size: 12px; } }
/*アンカーリンク*/
.an_link {
  display: flex;
  flex-wrap: wrap; }
  .an_link > a {
    background-repeat: no-repeat;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center; }
    .an_link > a:nth-child(1) {
      background-color: #177237;
      background-image: url("../images/ct_icon/01.svg"); }
    .an_link > a:nth-child(2) {
      background-color: #e95383;
      background-image: url("../images/ct_icon/02.svg"); }
    .an_link > a:nth-child(3) {
      background-color: #ee7800;
      background-image: url("../images/ct_icon/04.svg"); }
    .an_link > a:nth-child(4) {
      background-color: #a72126;
      background-image: url("../images/ct_icon/03.svg"); }
    .an_link > a:nth-child(5) {
      background-color: #00437c;
      background-image: url("../images/ct_icon/05.svg"); }
    .an_link > a:nth-child(6) {
      background-color: #bd771a;
      background-image: url("../images/ct_icon/06.svg"); }

@media (min-width: 768px) {
  .an_link {
    justify-content: space-between;
    margin: 30px 0; }
    .an_link > a {
      height: 50px;
      width: calc(30% - 10px);
      background-size: auto 30px;
      padding-left: 20px;
      border-radius: 25px;
      margin: 0 0 10px 0; }
      .an_link > a:nth-child(1) {
        background-position: 20px center; }
      .an_link > a:nth-child(2) {
        background-position: 23px center;
        background-size: auto 26px; }
      .an_link > a:nth-child(3) {
        background-position: 20px center;
        background-size: auto 24px; }
      .an_link > a:nth-child(4) {
        background-position: 15px center;
        background-size: auto 26px; }
      .an_link > a:nth-child(5) {
        background-position: 25px center; }
      .an_link > a:nth-child(6) {
        background-position: 15px center;
        background-size: auto 28px; }

  .al_div {
    padding: 50px 0;
    margin: -100px 0 0; } }
@media (max-width: 767.98px) {
  .an_link {
    justify-content: center;
    margin: 5px -5px; }
    .an_link > a {
      height: 30px;
      width: calc(50% - 10px);
      margin: 5px;
      background-size: auto 16px;
      padding-left: 20px;
      border-radius: 25px; }
      .an_link > a:nth-child(1) {
        background-position: right calc(50% + 40px) center; }
      .an_link > a:nth-child(2) {
        background-position: right calc(50% + 40px) center; }
      .an_link > a:nth-child(3) {
        background-size: auto 12px;
        background-position: right calc(50% + 40px) center; }
      .an_link > a:nth-child(4) {
        background-position: right calc(50% + 40px) center; }
      .an_link > a:nth-child(5) {
        background-position: right calc(50% + 35px) center; }
      .an_link > a:nth-child(6) {
        background-position: right calc(50% + 57px) center; }

  .al_div {
    padding: 40px 0;
    margin: -80px 0 0; } }
/*商品一覧*/
.item_back {
  color: black; }
  .item_back .item_list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    /*
    &.end_item_list,&.end_item_3,&.end_item_2{
        >div.ttl>figure::after{ content: ""; display: block; background-color: black; position: absolute; width: 80%; left: 10%;}
    }
    */ }
    .item_back .item_list > div {
      position: relative; }
      .item_back .item_list > div.ttl > figure {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        border: 1px solid white;
        position: relative; }
        .item_back .item_list > div.ttl > figure > img {
          display: block;
          max-width: none;
          width: 100%;
          height: auto; }
      .item_back .item_list > div.item {
        padding-bottom: 10px; }
        .item_back .item_list > div.item > p.no {
          position: absolute;
          font-weight: 800;
          color: white;
          display: flex;
          align-items: center;
          justify-content: center;
          mask: url(../images/no.svg) no-repeat center/contain;
          -webkit-mask-image: url(../images/no.svg) no-repeat center/contain;
          align-items: baseline; }
          .item_back .item_list > div.item > p.no > small {
            font-size: 60%; }
        .item_back .item_list > div.item > p.gentei {
          background-color: #e60012;
          color: white;
          font-weight: 800;
          display: flex;
          justify-content: center;
          align-items: center;
          text-align: center;
          position: absolute;
          border-radius: 50%;
          padding: 5px 0 0; }
          .item_back .item_list > div.item > p.gentei > span {
            line-height: 1.1em;
            display: block; }
        .item_back .item_list > div.item > p.shop {
          font-weight: 800;
          color: white;
          display: inline-block; }
        .item_back .item_list > div.item > p.name {
          font-weight: 900;
          margin: .3em 0 .5em;
          line-height: 1.2em; }
          .item_back .item_list > div.item > p.name > small {
            display: block;
            font-family: 'Noto Sans JP', sans-serif;
            line-height: 1.4em; }
        .item_back .item_list > div.item > p.info {
          margin: -.2em -.2em .2em;
          display: flex;
          align-items: center;
          justify-content: flex-end; }
          .item_back .item_list > div.item > p.info > span {
            background-color: black;
            color: white;
            display: inline-block;
            margin: .2em;
            padding: 0 .5em; }
            .item_back .item_list > div.item > p.info > span.ko {
              background-color: #ef845c; }
            .item_back .item_list > div.item > p.info > span.rei {
              background-color: #004098; }
            .item_back .item_list > div.item > p.info > span.tou {
              background-color: #0097e0; }
            .item_back .item_list > div.item > p.info > span.himo {
              background-color: #a40000; }
            .item_back .item_list > div.item > p.info > span.aruki {
              background-color: #177237; }
        .item_back .item_list > div.item > p.yen {
          margin-bottom: .8em;
          font-weight: 700;
          text-align: right;
          text-decoration: underline;
          text-underline-offset: .3em; }
    .item_back .item_list.end_item_list > div.item:nth-child(n+7) > p.no {
      display: none; }
    .item_back .item_list.end_item_3 > div.item:nth-child(n+5) > p.no {
      display: none; }
    .item_back .item_list.end_item_2 > div.item:nth-child(n+4) > p.no {
      display: none; }
  .item_back.ct01 {
    background: #d7e1ac; }
    .item_back.ct01 .item_list > div.ttl, .item_back.ct01 .item_list > div.item > .no, .item_back.ct01 .item_list > div.item > .shop {
      background: #177237; }
    .item_back.ct01 .item_list > div.item {
      background: #f6f1d6; }
      .item_back.ct01 .item_list > div.item > .name {
        color: #177237; }
  .item_back.ct02 {
    background: #f9d2dc; }
    .item_back.ct02 .item_list > div.ttl, .item_back.ct02 .item_list > div.item > .no, .item_back.ct02 .item_list > div.item > .shop {
      background: #e95383; }
    .item_back.ct02 .item_list > div.item {
      background: #fce5e8; }
      .item_back.ct02 .item_list > div.item > .name {
        color: #e95383; }
  .item_back.ct03 {
    background: #fbcc7e; }
    .item_back.ct03 .item_list > div.ttl, .item_back.ct03 .item_list > div.item > .no, .item_back.ct03 .item_list > div.item > .shop {
      background: #ee7800; }
    .item_back.ct03 .item_list > div.item {
      background: #feebc8; }
      .item_back.ct03 .item_list > div.item > .name {
        color: #a72126; }
  .item_back.ct04 {
    background: #f6bba7; }
    .item_back.ct04 .item_list > div.ttl, .item_back.ct04 .item_list > div.item > .no, .item_back.ct04 .item_list > div.item > .shop {
      background: #a72126; }
    .item_back.ct04 .item_list > div.item {
      background: #fce4d6; }
      .item_back.ct04 .item_list > div.item > .name {
        color: #a72126; }
  .item_back.ct05 {
    background: #c7e1f5; }
    .item_back.ct05 .item_list > div.ttl, .item_back.ct05 .item_list > div.item > .no, .item_back.ct05 .item_list > div.item > .shop {
      background: #00437c; }
    .item_back.ct05 .item_list > div.item {
      background: #e0f1f4; }
      .item_back.ct05 .item_list > div.item > .name {
        color: #00437c; }
  .item_back.ct07 {
    background: #ffebc0; }
    .item_back.ct07 .item_list > div.ttl, .item_back.ct07 .item_list > div.item > .no, .item_back.ct07 .item_list > div.item > .shop {
      background: #bd771a; }
    .item_back.ct07 .item_list > div.item {
      background: #fff5e0; }
      .item_back.ct07 .item_list > div.item > .name {
        color: #bd771a; }

@media (min-width: 768px) {
  .item_back .item_list {
    margin: 0 -15px;
    padding: 30px 0;
    /*
    &.end_item_list,&.end_item_3,&.end_item_2{
        >div.ttl>figure::after{ top: calc(50% + 55px); height: 90px;}
    }
    */ }
    .item_back .item_list > div {
      width: calc(33.33% - 30px);
      margin: 15px; }
      .item_back .item_list > div.ttl {
        padding: 10px; }
      .item_back .item_list > div.item > img {
        margin-bottom: 10px; }
      .item_back .item_list > div.item > p {
        margin: 0;
        padding-left: 10px;
        padding-right: 10px; }
        .item_back .item_list > div.item > p.no {
          font-size: 20px;
          width: 66px;
          height: 50px;
          padding: 23px 0 0;
          left: -10px;
          top: -15px; }
        .item_back .item_list > div.item > p.gentei {
          width: 66px;
          height: 66px;
          right: -16px;
          top: -16px; }
        .item_back .item_list > div.item > p.shop {
          font-size: 12px;
          margin: 0 10px;
          padding: 0 .5em; }
        .item_back .item_list > div.item > p.name {
          font-size: 18px;
          margin-top: .1em; }
          .item_back .item_list > div.item > p.name > small {
            font-size: 10px; }
        .item_back .item_list > div.item > p.info {
          font-size: 10px; }
        .item_back .item_list > div.item > p.yen {
          font-size: 10px; }
        .item_back .item_list > div.item > p.text {
          font-size: 12px; }
    .item_back .item_list > .end_text {
      margin: 15px;
      width: calc(100% - 30px);
      font-size: 12px; } }
@media (max-width: 767.98px) {
  .item_back .item_list {
    margin: 0 -5px;
    padding: 15px 0; }
    .item_back .item_list > div {
      width: calc(50% - 10px);
      margin: 15px 5px;
      border-width: 3px; }
      .item_back .item_list > div.ttl {
        padding: 10px; }
      .item_back .item_list > div.item > img {
        margin-bottom: 10px; }
      .item_back .item_list > div.item > p {
        margin: 0;
        padding-left: 5px;
        padding-right: 5px; }
        .item_back .item_list > div.item > p.no {
          font-size: 14px;
          width: 53px;
          height: 40px;
          padding: 16px 0 0;
          left: -10px;
          top: -15px; }
        .item_back .item_list > div.item > p.gentei {
          width: 48px;
          height: 48px;
          right: -10px;
          top: -18px;
          font-size: 10px; }
        .item_back .item_list > div.item > p.shop {
          font-size: 10px;
          margin: 0 5px; }
        .item_back .item_list > div.item > p.name {
          font-size: 14px; }
          .item_back .item_list > div.item > p.name > small {
            font-size: 8px; }
        .item_back .item_list > div.item > p.info {
          font-size: 8px; }
          .item_back .item_list > div.item > p.info > span {
            font-size: 8px; }
        .item_back .item_list > div.item > p.yen {
          font-size: 8px; }
        .item_back .item_list > div.item > p.text {
          font-size: 10px; }
    .item_back .item_list > .end_text {
      margin: 15px 5px;
      width: calc(100% - 10px);
      font-size: 8px; } }
/*マップ*/
.map_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .map_box > img {
    width: 100%;
    display: block; }
  .map_box > figcaption {
    background: #a72126;
    color: white;
    font-weight: bold;
    margin: 1em 0 0;
    padding: .5em 1em; }

@media (min-width: 768px) {
  .map_box {
    padding: 60px 0; }
    .map_box > figcaption {
      font-size: 20px; } }
@media (max-width: 767.98px) {
  .map_box {
    padding: 30px 0; }
    .map_box > figcaption {
      font-size: 12px; } }
.link_btn01 {
  display: block;
  background-color: #b60005;
  box-shadow: 0 3px 6px black;
  color: white;
  text-align: center;
  font-family: 'Zen Old Mincho', serif;
  font-weight: 900;
  transition: .3s; }
  .link_btn01 > span {
    display: block;
    border: white solid 2px; }
  .link_btn01:hover {
    background-color: white;
    color: #b60005; }
    .link_btn01:hover > span {
      border-color: #b60005; }
  .link_btn01:focus {
    color: inherit; }

@media (min-width: 768px) {
  .link_btn01 {
    padding: 15px;
    border-radius: 15px;
    font-size: 36px;
    margin: 30px 0; }
    .link_btn01 > span {
      padding: 15px;
      border-radius: 15px; } }
@media (max-width: 767.98px) {
  .link_btn01 {
    padding: 10px;
    border-radius: 10px;
    font-size: 20px;
    margin: 20px 0 40px; }
    .link_btn01 > span {
      padding: 10px;
      border-radius: 10px; } }
.link_btn02 {
  display: block;
  background-color: #a07c1d;
  box-shadow: 0 3px 6px black;
  color: white;
  text-align: center;
  font-family: 'Zen Old Mincho', serif;
  font-weight: 900;
  transition: .3s; }
  .link_btn02 > span {
    display: block;
    border: white solid 2px; }
  .link_btn02:hover {
    background-color: white;
    color: #a07c1d; }
    .link_btn02:hover > span {
      border-color: #a07c1d; }
  .link_btn02:focus {
    color: inherit; }
  .link_btn02.bk_red {
    background-color: #a40000; }
    .link_btn02.bk_red:hover {
      background-color: white;
      color: #a40000; }
      .link_btn02.bk_red:hover > span {
        border-color: #a40000; }
    .link_btn02.bk_red:focus {
      color: inherit; }
  .link_btn02.ver02 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700; }

@media (min-width: 768px) {
  .link_btn02 {
    width: 750px;
    padding: 15px;
    border-radius: 45px;
    font-size: 28px;
    margin: 50px auto 50px; }
    .link_btn02 > span {
      border-radius: 30px;
      display: flex;
      height: 60px;
      align-items: center;
      justify-content: center; }
    .link_btn02.ver02 {
      width: 100%; } }
@media (max-width: 767.98px) {
  .link_btn02 {
    padding: 10px;
    border-radius: 50px;
    font-size: 20px;
    margin: 40px 0 40px; }
    .link_btn02 > span {
      min-height: 80px;
      border-radius: 40px;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      align-content: center;
      padding: 10px; }
      .link_btn02 > span > span {
        width: 100%;
        text-align: center; } }
@media (min-width: 768px) {
  .miyage_page_top_btn {
    display: none; } }
@media (max-width: 767.98px) {
  .miyage_page_top_btn {
    position: sticky;
    bottom: 10px;
    right: 10px;
    display: flex;
    line-height: 1em;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 0 -60px auto;
    z-index: 10;
    background-color: #b60005; }
    .miyage_page_top_btn > span {
      display: block;
      background-color: white;
      position: absolute;
      width: 26px;
      height: 14px;
      left: calc(50% - 13px);
      top: calc(50% - 7px);
      clip-path: polygon(38% 0, 63% 0, 100% 100%, 75% 100%, 50% 30%, 25% 100%, 0 100%); } }
.kako_link {
  display: flex;
  flex-wrap: wrap; }
  .kako_link > a {
    background-color: #DDDDDD;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    transition: .3s; }
    .kako_link > a > span {
      border: 1px solid black;
      justify-content: center;
      align-items: center;
      display: flex; }
    .kako_link > a:hover {
      background-color: black;
      color: white; }
      .kako_link > a:hover > span {
        border-color: white; }

@media (min-width: 768px) {
  .kako_link {
    margin: -25px -15px -10px; }
    .kako_link > a {
      width: calc(33.33% - 30px);
      margin: 15px;
      height: 50px;
      border-radius: 25px; }
      .kako_link > a > span {
        height: 40px;
        width: calc(100% - 10px);
        border-radius: 20px; }
    .kako_link.mt_kako {
      margin-top: 35px; } }
@media (max-width: 767.98px) {
  .kako_link {
    margin: -15px -5px 15px;
    font-size: 10px;
    justify-content: center; }
    .kako_link > a {
      width: calc(50% - 10px);
      margin: 5px;
      height: 40px;
      border-radius: 20px; }
      .kako_link > a > span {
        height: 32px;
        width: calc(100% - 8px);
        border-radius: 16px; }
    .kako_link.mt_kako {
      margin-top: 15px; } }