@charset "UTF-8";
/*
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////

$$　ギャレリア各EC共通 コラム記事

////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
*/

/* ▼▼ 汎用見出し設定（トップページ各セクション大見出し）@extend用 ▼▼ */


.oth-page-title {
    width: 100%;
    color: #006cac;
    text-align: center;
    width: 100%;
  line-height: 45px;
  font-family: noto-sans-cjk-jp, sans-serif;
    font-size: 40px;
    border: none;
    margin: 50px auto 40px auto;
}

.oth-page-title span {
    font-weight: normal;
    color: #232323;
    font-size: 23px;
}

.oth-page-title.no-border-s {
  border: none;
}
  
.column-wrapper {
  display: flex;
  justify-content: space-between;
  width: 1120px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 60px; }

.column-article {
  box-sizing: border-box;
  width: 835px;
  margin: 30px auto 0px;
  padding-top: 50px;
  border-top: 1px solid #9c9c9c;
  /* ▲▼ コラム記事ヘッダー ▲▼ */
  /* ▲▼ コラム記事本文 ▲▼ */ }
  .column-article__header {
    text-align: center; }
  .column-article__header__heading {
      font-family: "YakuHanJP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, sans-serif;
    font-size: 2.4rem;
    font-weight: 400;    
    margin-bottom: 30px; }
  .column-article__header__lead {
    font-size: 1.4rem;
    line-height: 2;
    margin-bottom: 40px;
    text-align: left; }
  .column-article__body__image {
    display: inline-block;
    width: 835px;
    height: auto;
    margin-bottom: 40px;
    border: 1px solid #eee; }
  .column-article__body__heading {
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px; }
  .column-article__body__lead {
    font-size: 1.4rem;
    line-height: 2;
    margin-bottom: 60px;
    text-align: left; }

/* ▲▼ 書いた人 ▲▼ */
.column-author {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  border-radius: 8px;
  border: 4px solid #eee;
  margin-bottom: 80px;
  margin-top: -25px; }
  .column-author__img-area {
    margin-right: 20px; }
  .column-author__img {
    width: 80px;
    height: auto;
    border-radius: 50%; }
  .column-author__self-area {
    padding-left: 20px;
    border-left: 1px dashed #ccc; }
  .column-author__author {
    font-size: 1.2rem;
    margin-bottom: 5px; }
  .column-author__name {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 15px; }
  .column-author__job {
    font-size: 1.2rem; }
  .column-author__self {
    font-size: 1.4rem; }

/* ▲▼ 書いた人 ▲▼ */
/* ▲▼ 今回ご紹介の商品 ▲▼ */
.recommend-items {
  margin-top: 50px;
  margin-bottom: 40px; }
  .recommend-items__heading {
    font-size: 1.8rem;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc; }
  .recommend-items__list {
    display: flex;
    flex-wrap: wrap; }
  .recommend-items__item {
    width: 200px;
    margin-right: 10px;
    margin-bottom: 25px; }
  .recommend-items__item:nth-child(4n) {
    margin-right: 0; }
  .recommend-items__image {
    width: 200px;
    height: auto;
    margin-bottom: 10px; }
  .recommend-items__name {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 5px;
    letter-spacing: -0.1rem; }
  .recommend-items__price {
    font-size: 1.6rem;
    line-height: 1.6;
    margin-bottom: 5px; }

/* ▲▼ 関連アイテム検索 ▲▼ */
.related-search {
  margin-bottom: 30px; }
  .related-search__header {
    font-size: 1.8rem;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc; }
  .related-search__list {
    padding-bottom: 15px;
    margin-bottom: 50px;
    border-bottom: 1px solid #ccc; }
  .related-search__item {
    display: inline-block;
    font-size: 1.6rem;
    margin-right: 20px;
    margin-bottom: 20px; }
  .related-search__link:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f002";
    font-size: 1.6rem;
    color: #303030;
    margin-right: 8px; }

  .back_column_arc {
    font-family: "YakuHanJP","tbudgothic-std";
    text-decoration: underline;
    font-size: 14px;
    font-weight: 600;
    margin: 0px auto 40px 730px;
  }
  
  
/*
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////

$$ ギャレリア各EC共通 コラム記事 Media Queries for smartphone

////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (max-width: 736px) {


  /* ▼▼ 汎用見出し設定（トップページ各セクション大見出し）@extend用 ▼▼ */
    
 
 .oth-page-title {
    width: 100%;
    font-size: 30px;
    border: none;
    margin: 30px auto 60px auto;
  line-height: 40px;
  }
  
  .oth-page-title span {
    font-size: 19px;
  }
    
  .column-side-navi {
    display: none; }

  .column-wrapper {
    display: block;
    width: 100vw;
    margin-top: 10vw;
    margin-bottom: 10vw; }

  .column-article {
    width: 100vw;
    margin-top: 0;
    padding-top: 2vw;
    padding-right: 3vw;
    padding-left: 3vw;
    border: none;
    /* ▲▼ コラム記事ヘッダー ▲▼ */
    /* ▲▼ コラム記事本文 ▲▼ */ }
    .column-article__wrapper {
      margin-bottom: 6vw; }
    .column-article__header__heading {
      font-size: 5vw;
      font-weight: 700;
      margin-bottom: 4vw;
      letter-spacing: -0.1rem; }
    .column-article__header__lead {
      font-size: 3vw;
      line-height: 2;
      margin-bottom: 6vw;
      letter-spacing: -0.1rem; }
    .column-article__body__image {
      width: 100%;
      height: auto;
      margin-bottom: 6vw; }
    .column-article__body__heading {
      font-size: 4vw;
      margin-bottom: 4vw;
      letter-spacing: -0.1rem; }
    .column-article__body__lead {
      font-size: 3vw;
      line-height: 2;
      margin-bottom: 8vw;
      letter-spacing: -0.1rem; }

  /* ▲▼ 書いた人 ▲▼ */
  .column-author {
    padding: 3vw;
    border-radius: 2vw;
    border: 0.8vw solid #eee;
    margin-top: -2vw;
    margin-bottom: 12vw; }
    .column-author__img-area {
      margin-right: 3vw; }
    .column-author__img {
      width: 15vw;
      height: auto; }
    .column-author__self-area {
      padding-left: 3vw;
      border-left: 1px dashed #ccc; }
    .column-author__author {
      font-size: 2.2vw;
      margin-bottom: 1vw; }
    .column-author__name {
      font-size: 3.5vw;
      margin-bottom: 2vw; }
    .column-author__job {
      font-size: 2.2vw; }
    .column-author__self {
      font-size: 2.5vw;
      line-height: 1.2; }

  /* ▲▼ 書いた人 ▲▼ */
  /* ▲▼ 今回ご紹介の商品 ▲▼ */
  .recommend-items {
    margin-top: 6vw;
    margin-bottom: 4vw; }
    .recommend-items__heading {
      font-size: 4vw;
      padding-bottom: 2vw;
      margin-bottom: 4vw; }
    .recommend-items__item {
      width: 47%;
      margin-right: 5%;
      margin-bottom: 5vw; }
    .recommend-items__item:nth-child(2n) {
      margin-right: 0; }
    .recommend-items__image {
      width: 100%;
      margin-bottom: 2vw; }
    .recommend-items__name {
      font-size: 3vw;
      line-height: 1.4;
      margin-bottom: 0; }
    .recommend-items__price {
      font-size: 4vw;
      line-height: 1.6;
      margin-bottom: 4vw; }

  /* ▲▼ 関連アイテム検索 ▲▼ */
  .related-search {
    margin-bottom: 10vw; }
    .related-search__header {
      font-size: 4vw;
      padding-bottom: 2vw;
      margin-bottom: 4vw; }
    .related-search__list {
      padding-bottom: 2vw;
      margin-bottom: 8vw; }
    .related-search__item {
      font-size: 3vw;
      margin-right: 2vw;
      margin-bottom: 4vw;
      letter-spacing: -0.1rem; }
    .related-search__link:before {
      font-size: 4vw;
      margin-right: 2vw; }
      
  .back_column_arc {
    font-size: 3vw;
    margin: -15vw auto 5vw 73vw;
  }
        
       }