/*
【　使用している色リスト　】
  ブロンズ　　　#524523
  薄緑　　　　　#D9E9E6
  メインの紫　　#74497B
  リンク緑　　　#11dd66
  リンクピンク　#fcc6fb
*/

/*共通部//////////////////////////////////////////////////////////////////////////////*/

:root{
    /*コンテンツの最大横幅*/
    --nishiki-pro-archive-content-width: 1600px;
    --nishiki-pro-site-content-width: 1600px;
    /*ヘッダーのサイトロゴの最小時の最大サイズ*/
    --nishiki-pro-site-logo-mobile-width: 210px;
    --nishiki-pro-site-logo-mobile-height: 70px;
}

h2,
h1,
h3,
h4,
h5,
h6 {
	  font-family: "Kaisei Decol", serif;
	  font-weight: bold;
}

h1 {
    font-size: 5rem !important;
}

h2 {
  font-size: 2rem !important;
}

h3 {
  font-size: 28px !important;
}

h6 {
  font-size: 20px !important;
}

p {
  font-size: 1.0rem
}

/*隙間をすべて初期化　代わりにコードエディターのスペーサーで設定*/
:root :where(.is-layout-flow) > *  {
  margin-block-start: 0px !important;
}
.alignfull {
  padding-top: 0.06rem !important;
  padding-bottom: 0.06rem !important;
}

/*ボタンカラーをデフォルトの黒から白に変更*/
:root :where(.wp-element-button, .wp-block-button__link) {
  background-color: #ffffff !important;
  color: #595959 !important;
  font-weight: bold !important;
  border: #595959 4px solid !important;
}

:root :where(.wp-element-button:hover, .wp-block-button__link:hover) {
  background-color: var(--nishiki-pro-link-color-02) !important;
}

/*ボタンの文字サイズ変更*/
.wp-element-button {
  font-size: 0.9rem !important;;
}
/*デフォルトではリンクが横いっぱいに広がらず押せない場所が出てしまうため
それでもmarginがあるh2など押せるようにならない要素も多いけど...*/
:root a:where(:not(.wp-element-button)){
  display: block;
  width: 100%;
}

/*パンくずリストの要素を横並びにする*/
.nishiki-pro-breadcrumbs > * {
  display: flex;
}
.nishiki-pro-breadcrumbs li {
  display: contents;
}
/*パンくずリストのa要素は横幅いっぱいにしない*/
.nishiki-pro-breadcrumbs a {
  width: auto;
}

/*ヘッダー/////////////////////////////////////////////////////////////////////////////*/
.global-nav .title{
  font-size: 1.3em;
  font-weight: bold;
}

/*フッター//////////////////////////////////////////////////////////////////////////////*/
#footer-nav{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.sub-menu{
  text-align: left;
}

/*TOP//////////////////////////////////////////////////////////////////////////////////*/
/*バックグラウンド*/
.content.show-on-front-page {
background: -moz-linear-gradient(top left, #D9E9E6, #74497B); 
background: -webkit-linear-gradient(top left, #D9E9E6, #74497B); 
background: linear-gradient(to bottom right,#D9E9E6,#74497B); 
background-repeat: repeat; /* 繰り返しなし */
background-size: contain; /* 画像を要素全体にフィット */
background-position: center; /* 中央に配置 */
}

/*Hero*/
/*タイトル横の花*/
.min-size {
    min-width: 200px;
    display:block;
}
.title_side {
  width: 46%;
}

/*横幅が狭まると出る長い花*/
.hero_bottom {
  display: none !important;
  width: 60%;
}

/*店舗*/
/*タイトルとサブタイトルのリンクの色を変更*/
.kaimono_rist a:where(:not(.wp-element-button)){
   /*color: var(--nishiki-pro-link-color-01) !important;*/
   text-decoration: none;
   color: #ffffff  !important;
   width: 100%;
}
.kaimono_rist a:where(:not(.wp-element-button)):hover{
   color: var(--nishiki-pro-link-color-02) !important;
}

/*お店一覧へ*/
/*画像とタイトルの幅を修正*/
.kaimono_rist .wp-block-group-is-layout-flow {
  padding: 0.8rem !important;
}

/*タイトルの位置調整のためのダミー要素をhiddonに*/
.kaimono_rist .hidden_button {
  visibility: hidden !important;
}

/*画像リンクにホバーをつける*/
.kaimono_rist .wp-block-image {
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.kaimono_rist .wp-block-image a {
  transition: 100ms ease-in-out;
}
.kaimono_rist .wp-block-image a:hover {
  transform: scale(1.05);
}


/*投稿*/
/*記事一覧のリンク色変更*/
.event_list h2 a:where(:not(.wp-element-button)){
   /*color: var(--nishiki-pro-link-color-01) !important;*/
   text-decoration: none;
   color: #ffffff  !important;
   width: 100%;
}
.event_list h2 a:where(:not(.wp-element-button)):hover{
   color: var(--nishiki-pro-link-color-02) !important;
}

/*投稿一覧の文字サイズ調整*/
.article_name {
	  font-size: 0.8rem !important;
    padding: 0px !important;
    border: none !important;
    margin-block-start: 5px !important;
}

/*画像リンクの縦幅修正*/
.wp-block-post-featured-image a {
  height: auto !important;
}

/*画像リンクにホバーをつける*/
.wp-block-post-featured-image {
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.wp-block-post-featured-image a {
  transition: 100ms ease-in-out;
}

.wp-block-post-featured-image a:hover {
  transform: scale(1.05);
}

/*記事のタイトルと日時の間延びを解消*/
.article_name.article_name2 {
    padding-bottom: 10px !important;
    padding-left: 10px !important;
}

/*アクセス*/
.link_list_bottom {
  display: none !important;
}


/*各店舗画面/////////////////////////////////////////////////////////////////////////////*/
/*投稿日非表示*/
.type-totonou .date,
.type-kaimono .date,
.type-tameruNomu .date{
    display: none;
}

/*著者非表示*/
.type-totonou .author-info,
.type-kaimono .author-info,
.type-tameruNomu .author-info{
    display: none;
}

/*前へ後ろへボタン非表示*/
.type-totonou .nav-links,
.type-kaimono .nav-links,
.type-tameruNomu .nav-links{
    display: none;
}


@media (max-width: 1860px) {
	p {
    font-size: 22px
	}
	.min-font {
    font-size: 22px
	}
  
  /*ボタン文字サイズ*/
  .wp-element-button {
    font-size: 0.8rem !important;;
  }
}




  /*記事一覧画面///////////////////////////////////////////////////////////////////////*/
  /*ページネーションを横並びに*/
  .wp-block-query-pagination-numbers{
      display: flex;
      width: 1rem;
  }
  /*ページネーションのリンクは横幅いっぱいにしない*/
  .wp-block-query-pagination a{
      width: auto;
  }




@media (max-width: 1500px) {
  p {
   	  font-size: 1.4rem !important;
  }

/*TOP//////////////////////////////////////////////////////////////////////////////////*/

  /*タイトル横の花*/
  .title_side {
    display: none;
  }

  /*画面を狭めると出る長い花*/
  .hero_bottom {
    display: block !important;;
  }
  /*ソーシャルボタン*/
  .margin_none {
    margin: 0 !important;;
  }

  /*お店*/
  .kaimono_rist h3 {
    font-size: 22px !important;
  }
  /*各店舗リンク画像*/
  .padding_none {
    padding: 1rem 0 0 0 !important;;
  }

  /*FB・外部リンク・アクセス*/
  /*3列から2列用+1列用に入れ替える*/
  .wp-container-core-group-is-layout-988b637e {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .link_list_in {
  display: none !important;
  }
  .link_list_bottom {
  display: block !important;
  }
}




@media (max-width: 1200px) {
  /* 文字のサイズ */
  h1 {
    font-size: 1.6rem !important;
  }
  h2 {
    font-size: 1.8rem !important;
  }

  /*ボタン文字サイズ*/
  .wp-element-button {
    font-size: 0.7rem !important;;
  }

  /*固定画面全般///////////////////////////////////////////////////////////////////////*/
  /*スライドバー下に移動*/
  .page-template-default .container.column{
      display: block;
  }
  /*下へ移動したスライドバーの幅を広げる*/
  .page-template-default .sidebars{
      width: 80% !important;
  }

  /*アチーブ　サーチ画面///////////////////////////////////////////////////////////////////////*/
  /*スライドバー非表示*/
  .search .container.column,
  .archive .container.column{
      display: block;
  }
  /*下へ移動したスライドバーの幅を広げる*/
  .search .sidebars,
  .archive .sidebars{
      width: 80% !important;
  }

/*TOP//////////////////////////////////////////////////////////////////////////////////*/
  /*間延びしている間隔を消す*/
  .wp-block-group-is-layout-flow {
    padding: 0px !important;
  }

  /*お店*/
  /*お店の画像を消す*/
  .shop_image_hide {
    display: none !important;
  }

  .kaimono_rist h3 {
    font-size: 24px !important;
    margin-bottom: 0px;
  }

  /**/
  .kaimono_rist .wp-container-core-group-is-layout-23441af8 {
    display: none !important;
  }

  /**/
  .kaimono_rist .wp-block-group-is-layout-flow {
    width: 100% !important;
  }

  /*3種の店舗リンクの間隔を調整*/
  .kaimono_rist .wp-block-group-is-layout-flow {
    padding: 0.9rem;
  }
  .kaimono_rist .padding_none {
    padding: 0 0 0 0 !important;;
  }

  /*3種の店舗リンクを1列表示にする*/
  .wp-container-core-group-is-layout-0e82c502 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  /*各店舗画面/////////////////////////////////////////////////////////////////////////////*/
  /*スライドバーを上から下に移動*/
  .type-totonou .container.column,
  .type-kaimono .container.column,
  .type-tameruNomu .container.column{
      display: block;
  }
  /*下へ移動したスライドバーの幅を広げる*/
  .type-totonou .sidebars,
  .type-kaimono .sidebars,
  .type-tameruNomu .sidebars{
      width: 80% !important;
  }
}




@media (max-width: 960px) {
  h1 {
    font-size: 1.4rem !important;
  }
  h2 {
    font-size: 1rem !important;
  }
  h3 {
    font-size: 1.2rem !important;
  }

  /*ボタン文字サイズ*/
  .wp-element-button {
    font-size: 0.58rem !important;
  }

  /*フッター//////////////////////////////////////////////////////////////////////////////*/
  #footer-nav{
    font-size: 0.6rem;
  }

  /*ヘッダー/////////////////////////////////////////////////////////////////////////////*/



  /*検索ボタンとリンクの間隔を調整*/
  #masthead .container > *:not(.site-info):not(.global-nav){
  margin-left: 0;
  }

  /*TOP//////////////////////////////////////////////////////////////////////////////////*/
  /*投稿一覧*/
  /*投稿一覧を3列から2列へ*/
  .wp-container-core-post-template-is-layout-e7fd85f5 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /*FB・外部リンク・アクセス*/
  /*2列用+1列用から1列に入れ替える*/
  .wp-container-core-group-is-layout-988b637e{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .link_list_in{
  display: block !important;
  }
  .link_list_bottom{
  display: none !important;
  }
/*お買い物系画面///////////////////////////////////////////////////////////////////////*/
/*全体に影響してしまうので注意*/
  .page-template-default .articles h5 {
    font-size: 0.7rem !important;
  }
}




@media (max-width: 780px) {
  /*フッター//////////////////////////////////////////////////////////////////////////////*/
  #footer-nav{
  font-size: 0.5rem;
  }
  /*アチーブ　サーチ画面///////////////////////////////////////////////////////////////////////*/
  /*下へ移動したスライドバーの幅を広げる*/
  .search .sidebars,
  .archive .sidebars{
      width: 100% !important;
  }
  /*TOP//////////////////////////////////////////////////////////////////////////////////*/
  /*共通　h2タイトル改行無し*/
  .kaigyounasi {
    position: absolute;
    margin: -1% 0px 0px 50%;
  }
  /*固定画面全般///////////////////////////////////////////////////////////////////////*/
  /*下へ移動したスライドバーの幅を広げる*/
  .page-template-default .sidebars{
      width: 100% !important;
  }
  /*お問い合わせ画面///////////////////////////////////////////////////////////////////////*/
  .toiawase h4
  {
    font-size: 0.8rem !important;
  }
  .toiawase p{
      font-size: 0.6rem !important;;
  }

  /*アクセス画面//////////////////////////////////////////////////////////////////////////*/
  .access h4
  {
    font-size: 0.8rem !important;
  }
  .access p,
  .access td,
  .access th{
      font-size: 0.6rem !important;
  }

  /*各店舗画面/////////////////////////////////////////////////////////////////////////////*/
  /*下へ移動したスライドバーの幅を広げる*/
  .type-totonou .sidebars,
  .type-kaimono .sidebars,
  .type-tameruNomu .sidebars{
      width: 100% !important;
  }
}



@media (max-width: 670px) {
/*TOP//////////////////////////////////////////////////////////////////////////////////*/
  /*投稿一覧*/
  /*投稿一覧を3列から2列へ*/
  .wp-container-core-post-template-is-layout-e7fd85f5{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}

/*アチーブ　サーチ画面///////////////////////////////////////////////////////////////////////*/
  .search h2,
  .archive h2{
      font-size: 1rem !important;
  }


/*お買い物系画面///////////////////////////////////////////////////////////////////////*/
/*お店の表示列を常に3列に、全体に影響してしまうので注意*/
  .page-template-default .articles.column-3 article {
    width: calc( calc( 100% / 3 ) - calc( calc( 2 / 3 ) * 2em ) );
    flex-basis: calc( calc( 100% / 3 ) - calc( calc( 2 / 3 ) * 2em ) );
}