@charset "UTF-8";
/**
  * 旅色BOOK10月号 column用CSS
  * Created on: 2026.09.25
  */
/**
 * 旅色BOOK トンマナ用CSS
 * Created on: 2019.05.29
 * Modified on: 2021.12.27 -- dart-sass対応
 */
/*--------------------------------------------------------
　BREAK POINT
--------------------------------------------------------*/
/*--------------------------------------------------------
　FONT
--------------------------------------------------------*/
/*--------------------------------------------------------
　COLOR
--------------------------------------------------------*/
/*--------------------------------------------------------
　FRAME WIDTH
--------------------------------------------------------*/
/*--------------------------------------------------------
　CSS SPRITE
--------------------------------------------------------*/
/*--------------------------------------------------------
　OTHERS
--------------------------------------------------------*/
/**
 * 旅色BOOK3月号 テーマカラー用CSS
 * Created on: 2026.02.25
 */
/*--------------------------------------------------------
　COLOR
--------------------------------------------------------*/
/*--------------------------------------------------------
　column
--------------------------------------------------------*/
#arrows {
  display: none;
}

.main {
  margin-top: -44px;
}

section img {
  width: 100%;
}
section a img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
section a img:hover {
  opacity: 0.7;
}

.section img {
  width: 100%;
}
.section a img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.section a img:hover {
  opacity: 0.7;
}

.line-wave {
  width: 55.5%;
  max-width: 710px;
  margin: 0 auto;
}
@media only screen and (max-width: 800px) {
  .line-wave {
    width: 65.5%;
  }
}
.line-wave {
  margin: 0 auto;
  text-align: center;
}

.column-first {
  position: relative;
  width: 100%;
}
.column-first .main-img {
  position: relative;
  padding-top: 44px;
  top: 0;
  width: 100%;
}
.column-first .main-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.column-first .main-ttl {
  position: absolute;
  left: 49.8%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  width: 51.6%;
  margin: 0 auto;
  width: 51.6%;
  max-width: 660px;
  margin: 0 auto;
}
@media only screen and (max-width: 800px) {
  .column-first .main-ttl {
    width: 61.6%;
  }
}
.column-first .main-ttl {
  padding: 14.1% 0 0 0;
}
@media only screen and (max-width: 800px) {
  .column-first .main-ttl {
    width: 34%;
  }
}
.column-first .lead {
  width: 100%;
  position: absolute;
  top: 33.2%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}
.column-first .lead p {
  font-family: "Hiragino Kaku Gothic W3 JIS2004", Sans-Serif;
  font-size: 17px;
}
@media only screen and (max-width: 1024px) {
  .column-first .lead p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 800px) {
  .column-first .lead p {
    font-size: 1.875vw;
  }
}
@media only screen and (max-width: 640px) {
  .column-first .lead p {
    font-size: 15px;
  }
}
.column-first .lead p {
  line-height: 1.89;
  text-align: center;
  letter-spacing: 0.06em;
  color: #000;
  position: relative;
  line-height: 28px;
}
.column-first .lead .name {
  font-size: 15px;
}
@media only screen and (max-width: 1024px) {
  .column-first .lead .name {
    font-size: 13px;
  }
}
@media only screen and (max-width: 800px) {
  .column-first .lead .name {
    font-size: 1.625vw;
  }
}
@media only screen and (max-width: 640px) {
  .column-first .lead .name {
    font-size: 13px;
  }
}
.column-first .lead .name {
  line-height: 2;
  margin-top: 4.7%;
}
.column-first .sub {
  width: 64.8%;
  max-width: 829px;
  margin: 0 auto;
}
@media only screen and (max-width: 800px) {
  .column-first .sub {
    width: 74.8%;
  }
}
.column-first .sub {
  position: absolute;
  bottom: 8.4%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}
.column-first .sub-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.column-first .sub-info {
  width: 61.4%;
  margin-top: 5.9%;
}
.column-first .sub_name {
  font-family: "Hiragino Kaku Gothic W6 JIS2004", Sans-Serif;
  font-size: 19px;
}
@media only screen and (max-width: 1024px) {
  .column-first .sub_name {
    font-size: 17px;
  }
}
@media only screen and (max-width: 800px) {
  .column-first .sub_name {
    font-size: 2.125vw;
  }
}
@media only screen and (max-width: 640px) {
  .column-first .sub_name {
    font-size: 17px;
  }
}
.column-first .sub_name {
  color: #fff;
  line-height: 1.89;
  letter-spacing: 0.089em;
  font-weight: bold;
}
.column-first .sub_text {
  font-family: "Hiragino Kaku Gothic W3 JIS2004", Sans-Serif;
  font-size: 16px;
}
@media only screen and (max-width: 1024px) {
  .column-first .sub_text {
    font-size: 14px;
  }
}
@media only screen and (max-width: 800px) {
  .column-first .sub_text {
    font-size: 1.75vw;
  }
}
@media only screen and (max-width: 640px) {
  .column-first .sub_text {
    font-size: 14px;
  }
}
.column-first .sub_text {
  color: #fff;
  line-height: 1.89;
  letter-spacing: 0.05em;
  margin-top: 2.4%;
}
.column-first .sub-photo {
  position: relative;
  width: 28.51%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 7.3%;
}
.column-first .sub-photo img {
  display: block;
  width: 100%;
}
.column-article {
  padding-bottom: 30px;
}
.column-article .sec-block-inner {
  position: relative;
  z-index: 2;
  padding: 12.2% 0 0;
  width: 83%;
  max-width: 1062px;
  margin: 0 auto;
}
@media only screen and (max-width: 800px) {
  .column-article .sec-block-inner {
    width: 93%;
  }
}
@media only screen and (max-width: 800px) {
  .column-article .sec-block-inner {
    padding: 80px 0;
  }
}
.column-article .sec-block-inner .sec-ttl {
  position: relative;
  margin: 0 auto;
}
.column-article .sec-block-inner .sec-block-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}
.column-article .sec-block-inner .sec-block-flex.item-btm {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.column-article .sec-block-inner .sec-block-flex.item-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.column-article .sec-block-inner .sec-block-flex.item-sb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.column-article .sec-block-inner .sec-block-txt {
  width: 47.4%;
}
.column-article .sec-block-inner .sec-ttl-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}
.column-article .sec-block-inner .mainimg-wrap,
.column-article .sec-block-inner .mainimg {
  position: relative;
  width: 100%;
}
.column-article .sec-block-inner .mainimg-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 8px;
}
.column-article .sec-block-inner figcaption {
  font-family: "Hiragino Kaku Gothic W3 JIS2004", Sans-Serif;
  font-size: 14px;
}
@media only screen and (max-width: 1024px) {
  .column-article .sec-block-inner figcaption {
    font-size: 12px;
  }
}
@media only screen and (max-width: 800px) {
  .column-article .sec-block-inner figcaption {
    font-size: 1.5vw;
  }
}
@media only screen and (max-width: 640px) {
  .column-article .sec-block-inner figcaption {
    font-size: 12px;
  }
}
.column-article .sec-block-inner figcaption {
  line-height: 1.3333333333;
  margin-top: 0;
}
.column-article .sec-block-inner .txt-box {
  position: relative;
}
@media only screen and (max-width: 800px) {
  .column-article .sec-block-inner .txt-box {
    width: 90%;
  }
}
.column-article .sec-block-inner .txt-box > p {
  font-family: "Hiragino Kaku Gothic W3 JIS2004", Sans-Serif;
  font-size: 17px;
}
@media only screen and (max-width: 1024px) {
  .column-article .sec-block-inner .txt-box > p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 800px) {
  .column-article .sec-block-inner .txt-box > p {
    font-size: 1.875vw;
  }
}
@media only screen and (max-width: 640px) {
  .column-article .sec-block-inner .txt-box > p {
    font-size: 15px;
  }
}
.column-article .sec-block-inner .txt-box > p {
  line-height: 1.6;
  text-align: justify;
  text-justify: inter-ideograph;
  line-break: strict;
}
.column-article .sec-block {
  position: relative;
}
.column-article .sec-block .sec-ttl {
  text-align: center;
}
.column-article .sec-block .mainimg {
  width: 100%;
  margin: 0 auto 5.5%;
}
.column-article .sec-block .mainimg img {
  display: block;
}
.column-article .sec-block .mainimg figcaption {
  padding-top: 13px;
}
.column-article .sec-block .txt-box > p {
  margin: 0 auto;
}
.column-article .sec-block .img-double {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: -1% auto 0;
}
.column-article .sec-block .img-double .mainimg {
  margin: 0;
}
.column-article .sec-block .img-double .left.mainimg {
  margin-left: 2.5%;
  width: 49%;
}
.column-article .sec-block .img-double .right.mainimg {
  width: 42%;
  margin-left: 4%;
  margin-top: 3%;
}
@media only screen and (max-width: 800px) {
  .column-article .sec-block .img-double {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 3% 0;
  }
  .column-article .sec-block .img-double .mainimg {
    width: 100%;
  }
}
.column-article .sec-block.sec01 .sec-ttl {
  width: 66%;
  margin-bottom: 0;
  top: 14px;
}
.column-article .sec-block.sec01 .mainimg {
  margin: -5px auto 5.9%;
  width: 71%;
}
.column-article .sec-block.sec01 .txt-box {
  width: 77%;
  margin: 0 auto;
}
.column-article .sec-block.sec01 .txt-box p {
  line-height: 1.89;
}
.column-article .sec-block.sec02 .sec-block-inner {
  padding: 8.2% 0 13%;
}
.column-article .sec-block.sec02 .sec-ttl {
  width: 95%;
}
.column-article .sec-block.sec02 .txt-box {
  width: 77%;
  margin: 7% auto 0;
}
.column-article .sec-block.sec02 .txt-box p {
  line-height: 1.89;
}
.column-article .sec-block.sec03 {
  padding-bottom: 15%;
}
.column-article .sec-block.sec03 .sec-block-inner {
  padding: 7.6% 0 0;
}
.column-article .sec-block.sec03 .sec-ttl {
  width: 71%;
}
.column-article .sec-block.sec03 .mainimg {
  margin: -5px auto 6.5%;
  width: 71%;
}
.column-article .sec-block.sec03 .mainimg.img02 {
  width: 82%;
  margin: 8.3% 0 5.9% 11.3%;
}
.column-article .sec-block.sec03 .txt-box {
  width: 77%;
  margin: 0 auto;
}
.column-article .sec-block.sec03 .txt-box p {
  line-height: 1.89;
}
.column-article .sec-block.sec04 .sec-block-inner {
  padding: 14.1% 0 19.4%;
  width: 79.3%;
}
.column-article .sec-block.sec04 .sec-ttl {
  width: 100%;
}
.column-article .sec-block.sec04 .txt-photo {
  margin: -5px 0 8.6%;
}
.column-article .sec-block.sec04 .txt-photo .txt-box {
  width: 42.97%;
}
.column-article .sec-block.sec04 .txt-photo .txt-box p {
  line-height: 1.89;
}
.column-article .sec-block.sec04 .txt-photo .mainimg {
  width: 48.69%;
  margin: 0;
}
.column-article .sec-block.sec04 .txt-photo .mainimg img {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 800px) {
  .column-article .sec-block.sec04 .txt-photo {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4% 0;
  }
  .column-article .sec-block.sec04 .txt-photo .txt-box,
  .column-article .sec-block.sec04 .txt-photo .mainimg {
    width: 100%;
  }
}
.column-article .sec-block.sec04 .mainimg.cap-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.column-article .sec-block.sec04 .mainimg.cap-side img {
  width: 60.4%;
}
.column-article .sec-block.sec04 .mainimg.cap-side figcaption {
  width: 38%;
  padding-top: 12.6%;
  padding-left: 3.8%;
  line-height: 1.6;
  position: relative;
}
.column-article .sec-block.sec04 .mainimg.cap-side figcaption::after {
  content: "";
  position: absolute;
  top: -21%;
  right: -9%;
  width: 30%;
  aspect-ratio: 208/150;
  background: url(/book/monthly/202610/images/column/icon01.svg) no-repeat center/contain;
  z-index: 2;
}
@media only screen and (max-width: 800px) {
  .column-article .sec-block.sec04 .mainimg.cap-side {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 3% 0;
  }
  .column-article .sec-block.sec04 .mainimg.cap-side img,
  .column-article .sec-block.sec04 .mainimg.cap-side figcaption {
    width: 100%;
  }
}
.column-article .sec-block.sec05 .sec-block-inner {
  padding: 6.7% 0 16%;
}
.column-article .sec-block.sec05 .sec-ttl {
  width: 71.2%;
}
.column-article .sec-block.sec05 .mainimg {
  width: 71.4%;
  margin: -5px auto 6%;
}
.column-article .sec-block.sec05 .txt-box {
  width: 77%;
  margin: 0 auto;
}
.column-article .sec-block.sec05 .txt-box p {
  line-height: 1.89;
}
.column-article .sec-block.sec-yellow {
  width: 100%;
  max-width: none;
  background: #ffd84a;
  margin: 9% 0 0;
}
.column-article .sec-block.sec-yellow .obi {
  position: absolute;
  left: 0;
  width: 100%;
  line-height: 0;
  z-index: 1;
  margin: 0;
}
.column-article .sec-block.sec-yellow .obi img {
  width: 100%;
  display: block;
}
.column-article .sec-block.sec-yellow .obi-top {
  top: 0;
  -webkit-transform: translateY(-99.5%);
          transform: translateY(-99.5%);
}
.column-article .sec-block.sec-yellow .obi-bottom {
  bottom: 0;
  -webkit-transform: translateY(99.5%);
          transform: translateY(99.5%);
}

#footer {
  position: relative;
  background: #FFFFFF;
  padding-top: 70px;
}

/*--------------------------------------------------------
　SCROLL ANIMATION
--------------------------------------------------------*/
.is-anm,
.load-anm {
  opacity: 0;
  -webkit-transition: opacity 0.8s ease-in-out, all 0.8s ease;
  transition: opacity 0.8s ease-in-out, all 0.8s ease;
}
.is-anm.is-done,
.load-anm.is-done {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.fade-up {
  -webkit-transform: translate(0, 30px);
          transform: translate(0, 30px);
}

.fade-down {
  -webkit-transform: translate(0, -30px);
          transform: translate(0, -30px);
}

.fade-left {
  -webkit-transform: translate(-20px, 0);
          transform: translate(-20px, 0);
}

.fade-right {
  -webkit-transform: translate(20px, 0);
          transform: translate(20px, 0);
}

.fade-scale {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition: all 0.8s cubic-bezier(0.65, -0.55, 0.265, 1.55);
  transition: all 0.8s cubic-bezier(0.65, -0.55, 0.265, 1.55);
}
.fade-scale.is-done {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.delay-003 {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.delay-01 {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.delay-02 {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}/*# sourceMappingURL=column.css.map */