/*
 Theme Name:   Twenty Seventeen Child 
 Theme URI:    http://example.com/twenty-seventeen-child/
 Description:  Twenty Seventeenの子テーマ beene akita
 Author:       Yurika Toshida
 Author URI:   http://color.toshidayurika.com
 Template:     twentyseventeen
 Version:      1.0.0
*/

/* 子テーマ独自のスタイルをここに追加   */

/* google font */
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/* cssファイル構成ルールs *******************/
/* cssファイル構成ルール *******************/
/* cssファイル構成ルール *******************/
/* cssファイル構成ルール *******************/
/* cssファイル構成ルール *******************/

/* 1.ファイルごとの配置ルール */
/*    style.css:      lv1 全ページで使われる可能性がある共通のもの                                         */
/*    fix.css         lv2 固定ページに関するもの */
/*    post.css        lv2 投稿ページに関するもの（storeとpost) */
/*    top.css         lv3 トップページに関するもの */
/*    timeline.css    lv4 タイムラインに関するもの */
/*    been-header.css lv5 全ページ共通のメニュー+h1ヘッダーに関するもの */
/*    メディアクエリ     上記と同じルールでファイルの下に記載する。*/
/*    lvNの大きいものほど、優先する */

/* 2.特定ページ内に影響範囲を制限するためのセレクタ、クラスセレクタ記載ルール */
/*    style.css:       記載しない */
/*    fix.css          ".page",  ".page-id-NNNN"  */
/*    post.css         ".single-store" ".single-post" "postid-NNNN" */
/*    top.css          ".twentyseventeen-front-page" */
/*    timeline.css     ".ptimeline-wrap" */
/*    been-header.css  記載しない */
/*    メディアクエリ     上記と同じ*/

/* 3.ファイル内の順序 */
/*    構造の順序で記載する:左から右、上から下 */

/* cssファイル構成ルールe *******************/
/* cssファイル構成ルール *******************/
/* cssファイル構成ルール *******************/
/* cssファイル構成ルール *******************/
/* cssファイル構成ルール *******************/

html {
  font-size: 10px;
}


/* フォント指定 */
/* フォント指定 */
/* フォント指定 */
/* フォント指定 */
p,
a {
  font-size: 1.6rem;
  text-decoration: none;
  font-family: "Noto Sans JP", sans-serif;
}

/*-----------x軸のはみ出しを消しているs----------*/
/*-----------x軸のはみ出しを消している----------*/
/*-----------x軸のはみ出しを消している----------*/
/*-----------x軸のはみ出しを消している----------*/
/*-----------x軸のはみ出しを消している----------*/
body {
  overflow-x: hidden;
}

/*-----------x軸のはみ出しを消しているe----------*/
/*-----------x軸のはみ出しを消している----------*/
/*-----------x軸のはみ出しを消している----------*/
/*-----------x軸のはみ出しを消している----------*/
/*-----------x軸のはみ出しを消している----------*/

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* ホバー時のシャドウを消す */
.entry-content a {
  box-shadow: none;
}

.entry-content a:hover {
  box-shadow: none;
}


/*---------2025/01/08修正s----------*/
.footer-widget-1 p{
	line-height: 1.2 !important;
}

.wp-container-core-columns-is-layout-13 {
	flex-direction:row-reverse !important;
}
/*---------2025/01/08修正e----------*/



/* サイズをpaddingやborderを含むように設定 */
* {
  box-sizing: border-box;
}

/*twenty seventeen のfixed メニューを無効化する*/
.site-navigation-fixed {
  position: static !important;
}

.wp-block-buttons>.wp-block-button:hover {
  opacity: 0.7;
}

/* フォントの太さを調整している */
html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
  font-weight: 600;
  font-size: 3.6em;
}

/* デフォルトでは改行を表示しない（非表示） */
.br-sp {
  display: none;
}

/* デフォルト（スマホ以外）では改行する */
.br-no-sp {
  display: inline;
}


/*投稿者情報非表示*/
.entry-meta .byline,
/* 投稿者名が含まれるクラス */
.author {
  /* 投稿者名が含まれるクラス */
  display: none;
}

/**************その他  s *********************************************************************/
/**************その他  s *********************************************************************/
/**************その他  s *********************************************************************/
/**************その他  s *********************************************************************/

/**************その他  e *********************************************************************/
/**************その他  e *********************************************************************/
/**************その他  e *********************************************************************/

/*****************************/
/*アドレス表 s *********************/
/*****************************/
/* テキストカードに角丸を適応している */
.address {
  border: 1px solid #ececec;
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
  margin-bottom: 15px;
}

/* 角丸のテキストカードにフレックスを指定している */
.address .wp-block-group__inner-container {
  display: flex;
  gap: 50px;
  padding: 10px;
  padding-left: 30px;
  padding-top: 30px;
  align-items: center;
}

/* 最初のフレックスアイテムの幅を揃える */
.address p.titile__01 {
  flex-basis: 150px;
  /* 最初のフレックスアイテムの幅 */
  flex-shrink: 0;
  /* アイテムが縮まないようにする */
}

/*****************************/
/*アドレス表 e *********************/
/*****************************/

/*****************************/
/*ボタンに矢印追加 s *********************/
/*****************************/

/* ボタンのマージンを取っている */
/*.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link {*/
.wp-block-buttons>.wp-block-button>.wp-block-button__link {
  margin: 0;
}

.wp-block-button {
  position: relative;
  /* ボタンを相対位置に設定 */
}

.wp-block-button::after {
  content: "\f054";
  /* Chevron Right の Unicode */
  font-family: "Font Awesome 5 Free";
  /* Solid 用のフォントファミリ */
  font-weight: 900;
  font-size: 13px;
  color: #ffffff;
  position: absolute;
  /* 絶対位置を使用 */
  right: 10px;
  /* ボタンの右端からの距離を調整 */
  top: 50%;
  /* 垂直方向の中央に配置 */
  transform: translateY(-50%);
  /* 縦中央に調整 */
}

.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link {
  font-weight: 500;
}

/* instagram e */

/*****************************/
/*ボタンに矢印追加 e *********************/
/*****************************/

/*************************************************/
/* コンテンツの途中で全幅のカバー画像 s  ****************/
/*************************************************/
/*全幅で要素を配置する*/
.middle_cover_full_width {
  position: relative;
  /* 自分の元の位置を基準に配置 */
  width: 100vw;
  height: 100vh;
  /* ビューポートの中央に配置 */
  transform: translateX(-50vw);
  left: 50%;
  /* 左にビューポート幅の50%移動して左端に配置 */
}

/*カバー画像の中のコンテナーを中央寄せにする。*/
.middle_cover_full_width .wp-block-cover__inner-container {
  margin: 30%;
}

/*************************************************/
/* コンテンツの途中で全幅のカバー画像 e   ****************/
/*************************************************/

/*--------------------------------------------------------------
Footer s
Footer
Footer
Footer
Footer
Footer
Footer
--------------------------------------------------------------*/

.site-footer {
  padding-bottom: 0;
  /* コピーライト部分のスペースを確保 */
  margin: 0;
  /* 外側のマージンをリセット */
  overflow: visible;
  /* フッター内の要素がはみ出すのを防ぐ */
}

.site-footer .widget-column.footer-widget-1 {
    background-color: #104849;
    width: 100vw;
    margin-left: calc(-100vw / 2 + 50%);
    margin-right: calc(-100vw / 2 + 50%);
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 30px;
    box-sizing: border-box;
    display: flex;
}

.site-footer .widget-column.footer-widget-1 {
    flex-direction: row;
    width: 100vw;
    line-height: 1.2;
	padding-left: 30px;align-content
}

/* copy right s */
/* copy right */
/* copy right */
.site-footer .widget-column.footer-widget-2 {
  display: flex;
  justify-content: center;
  width: 100%;
  /* 親要素の幅に合わせる */
}

.site-footer .widget-column.footer-widget-2 .has-text-align-center {
  margin: 0px;
}

.site-footer .wrap {
  padding-bottom: 0;
}

.site-footer .widget-area {
  padding-bottom: 0;
}

/* copy right e */
/* copy right */
/* copy right */

/* .has-text-align-center.has-text-color.has-link-color.wp-elements-396ecbea5cdc777b8009f8cae91f53d6 {
  margin: 0;
  margin-top: -50px;
  width: 100%;
} */

.widget.widget_block.widget_text {
  color: #fff;
  padding: 0;
}

.imprint {
  display: none;
}

.footer-widget-1 a {
  display: flex;
  flex-direction: row;
  width: 250px;
  color: #fff;
  box-shadow: none;
}

/* フッターの下線に見えるボックスシャドウ */
.widget a,
.site-footer .widget-area a {
  box-shadow: none;
}

.widget a:hover,
.site-footer .widget-area a:hover {
  box-shadow: none;
}

#block-72 {
  width: 25%;
}

#block-81 {
  width: 35%;
}

#block-79 {
  width: 20%;
}

#block-80 {
  width: 20%;
}

/*--------------------------------------------------------------
Footer e
Footer
Footer
Footer
Footer
Footer
Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
メディアクエリ s
メディアクエリ s
メディアクエリ s
メディアクエリ s
メディアクエリ s
メディアクエリ s
メディアクエリ s
メディアクエリ s
メディアクエリ s
--------------------------------------------------------------*/

@media screen and (max-width: 767px) {
  body {
    overflow-x: hidden;
  }


  /* 画面幅が767px以下のスマホでは改行を表示 */
  .br-sp {
    display: inline;
  }

  /* スマホでは改行しない */
  .br-no-sp {
    display: none;
  }

  /* フッター */
  .site-footer .widget-column.footer-widget-1 {
    flex-direction: column;
    width: 100vw;
    line-height: 2.5;
    padding-left: 30px;
  }

  .has-text-align-center.has-text-color.has-link-color.wp-elements-396ecbea5cdc777b8009f8cae91f53d6 {
    font-size: 1.2rem;
  }

  /* フッターの横の幅指定しているのを解除している */
  #block-72 {
    width: 100%;
  }

  #block-81 {
    width: 100%;
  }

  #block-79 {
    width: 100%;
  }

  #block-80 {
    width: 100%;
  }

  /* ボタンs */
  /* ボタン */
  /* ボタン */
  /* ボタン */
  /* ボタン */
  .wp-block-buttons>.wp-block-button.wp-block-button__width-50 {
    width: 90%;
  }

  /*上記のwidth:90%があたらないためページ指定をして特殊対応*/
  .page-id-2047 .wp-block-buttons>.wp-block-button.wp-block-button__width-50 {
    width: 90%;
  }

  /* ボタンe */
  /* ボタン */
  /* ボタン */
  /* ボタン */
  /* ボタン */

  /*全幅カバー画像対応 */
  .middle_cover_full_width .wp-block-cover__inner-container {
    margin: 2px !important;
  }

  /* アドレス対応 */
  /* 住所表 */
  .address .wp-block-group__inner-container {
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
    width: 90%;
    padding: 15px;
    padding-bottom: 0;
    margin: 0 auto;
  }

  .address p.titile__01 {
    flex-basis: 20px;
    /* 最初のフレックスアイテムの幅 */
    flex-shrink: 0;
    /* アイテムが縮まないようにする */
  }
/*---------1/10修正s---------*/	
	.twentyseventeen-front-page .footer-widget-1 p{
	line-height: 2.5 !important;
}
 .wp-container-core-columns-is-layout-13 {
    flex-direction: column-reverse !important;
  }
/*---------1/10修正e---------*/
}

/*--------------------------------------------------------------
メディアクエリ e
メディアクエリ e
メディアクエリ e
メディアクエリ e
メディアクエリ e
メディアクエリ e

--------------------------------------------------------------*/