@charset "UTF-8";

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

INDEX

※ブロックスタイルは、mystyle/my-code.php=ブロックエディター関連と連動

=エディタースタイル
=基本見出しスタイル
=ブロックスタイル
/* 引用
/* ボタン
/* テーブル
/* コンテンツ枠
/* 見出し
/* リストマーク
/* 画像
/* スペーサー
/* カラム

=コンテンツ
=カラーパレット関連


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


/* ==============================================================

=エディタースタイル

============================================================== */

/* エディター幅 */
html :where(.wp-block){
  max-width: 1100px;
}
.is-root-container{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1100px;
}
.editor-styles-wrapper .is-root-container {
  margin-top: 50px!important;
  margin-left: auto!important;
  margin-right: auto!important;
  margin-bottom: 50px!important;
}

/* タイトル */
.edit-post-visual-editor__post-title-wrapper{
  border: solid 1px #eee;
  padding: 10px;
  margin-bottom: 50px;
}

/* エディタータイトル */
.editor-post-title__input {
  font-size: 1.8em;
  word-break: break-word;
  margin-bottom: 30px;
}

/* エディターツールバー */
.block-editor-block-contextual-toolbar{
  background-color:#eee;
}

/* ==============================================================

=基本見出しスタイル

============================================================== */

/* 見出しフォントサイズ */
h1{
  font-size:1.6em;
}
h2{
  font-size:1.5em;
}
h3{
  font-size:1.3em;
}
h4{
  font-size:1.2em;
}
h5{
  font-size:1.1em;
}
h6{
  font-size:1em;
}

/* 見出しスタイル */
h1, h2, h3, h4, h5, h6 {
  /*color: #222;*/
  margin: 1.2em 0;
  line-height:1.3;
}

/* コンテンツタイトル */
h1.entry-title-contents{
  font-size:1.6em;
  margin: 0 0 0 0;
}
@media screen and (min-width: 768px) {
  h1.entry-title-contents{
    font-size:1.8em;
  }
}
@media screen and (min-width: 992px) {
  h1.entry-title-contents{
    font-size:2em;
  }
}
@media screen and (min-width: 1280px) {
  h1.entry-title-contents{
    font-size:2.2em;
  }
}

/* ==============================================================

=ブロックスタイル

============================================================== */

/* コード
-------------------------------------------------------------- */

.wp-block-code code{
  padding: 10px;
}
.block-editor-block-list__block.wp-block-code code{
  border: 1px solid lightgray;
}

/* 引用
-------------------------------------------------------------- */

/* 引用：blue-quote */
.wp-block-quote.is-style-blue-quote { 
  color: blue; 
}

/* ボタン
-------------------------------------------------------------- */

.block-editor-block-list__block.wp-block-buttons,
.wp-block-buttons{
  margin-top: 2em;
  margin-bottom: 2em;
}

.wp-block-buttons.is-content-justification-left{
  display: flex;
  justify-content: flex-start!important;
}
.wp-block-buttons.is-content-justification-center{
  display: flex;
  justify-content: center!important;
}
.wp-block-buttons.is-content-justification-right{
  display: flex;
  justify-content: flex-end!important;
}

.wp-block-button.is-style-fill a{
  background-color: #000000;
  color: #ffffff;
}

.is-style-btm-type1 a{
  color: #fff!important;
  font-size: 1.3em;
  min-width: 200px;
  text-align: center;
  background: rgb(16, 53, 103);
  background: radial-gradient(circle, rgba(0, 140, 190,1) 0%, rgba(16, 53, 103,1) 100%);
}


.is-style-btm-type2 a{
  color: #fff!important;
  font-size: 1.1em;
  min-width: 200px;
  text-align: center;
  background: rgb(0,140,190);
  background: linear-gradient(180deg, rgba(0,140,190,1) 0%, rgba(16,53,103,1) 100%);
}

.is-style-btm-type2 a:hover{
  opacity: 0.8;
}


/* 基本・追加クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* コンタクトフォーム共通調整 */
.fm-btm {
  padding-top: 30px ;
  text-align: center;
  position: relative;
}
.fm-btm .wp-block-button__link,
.fm-btm a,
.fm-btm input {
  background-image: none;
  background-color: #104280;
  color: #fff!important ;
  border: 0;
  margin: 0 5px;
  padding: 15px 20px;
  cursor: pointer;
  transition: .3s;
  font-size: 1em;
}
.fm-btm a:hover,
.fm-btm input:hover {
  background-image: none;
  opacity: 0.7;
}

/* テーブル
-------------------------------------------------------------- */

/* --- テーブル（既存）：デフォルト --- */
.is-style-regular table thead th,
.is-style-regular table th,
.block-editor-block-list__block.wp-block-table.is-style-regular table th,
.block-editor-block-list__block.wp-block-table.is-style-regular table thead th{
  border: solid 1px #cccccc;
}
.is-style-regular table td,
.block-editor-block-list__block.wp-block-table.is-style-regular table td{
  border: solid 1px #cccccc;
}
.is-style-regular table tfoot td,
.block-editor-block-list__block.wp-block-table.is-style-regular table tfoot td{
  border: solid 1px #cccccc;
}

.th-basecolor table th{
  background-color: #eeeeee;
}



.wp-block-table th,
.wp-block-table td{
  padding: 1em;
}

/* テーブル：基本 */
.wp-block-table.is-style-normal-table table {
  border-spacing: 0;
  border-collapse: collapse;
}
.wp-block-table.is-style-normal-table thead{
  border-bottom: 0;
}
.wp-block-table.is-style-normal-table thead th {
  box-sizing: border-box;
  border: 0;
  background-color: #075ba5;
  color: #ffffff;
  text-align: left;
}
.wp-block-table.is-style-normal-table tbody tr:first-child{
  border-top: dotted 1px #cbd9e6;
}
.wp-block-table.is-style-normal-table tbody tr{
  border-bottom: dotted 1px #cbd9e6;
}
.wp-block-table.is-style-normal-table tbody td{
  border: 0;
  background: #ffffff;
  box-sizing: border-box;
}

.price-font-size,
.large-font-size strong,
.wp-block-table.is-style-normal-table tbody td mark{
  font-size: 1.3em;
}


/*
.wp-block-table.is-style-normal-table td:first-child {
  background: #eeeeee;
  border: solid 1px #ccc;
  color: #222222;
  box-sizing: border-box;
}
.wp-block-table.is-style-normal-table td:not(:first-child) {
  border: solid 1px #ccc;
  border-left: dotted 1px #ccc;
  border-right: dotted 1px #ccc;
  background: #ffffff;
  box-sizing: border-box;
}
*/

/* テーブル：可変 */
.wp-block-table.is-style-rsp-table table {
  border-spacing: 0;
  border-collapse: collapse;
}
.wp-block-table.is-style-rsp-table th {
  box-sizing: border-box;
}
.wp-block-table.is-style-rsp-table td:first-child {
  background: #eeeeee;
  border: solid 1px #ccc;
  color: #222222;
  /*padding: 10px;*/
  box-sizing: border-box;
}
.wp-block-table.is-style-rsp-table td:not(:first-child) {
  border: solid 1px #ccc;
  border-left: dotted 1px #ccc;
  border-right: dotted 1px #ccc;
  /*padding: 10px;*/
  background: #ffffff;
  box-sizing: border-box;
}
.wp-block-table.is-style-rsp-table td:last-child {
  border-right: solid 1px #ccc;
}
@media screen and (max-width: 640px) {
  .wp-block-table.is-style-rsp-table table tr:not(:first-child) td:first-child {
    border-top: 0;
  }
  .wp-block-table.is-style-rsp-table th {
    display: block;
    width: 100%;
  }
  .wp-block-table.is-style-rsp-table td:first-child {
    border-bottom: solid 1px #ccc;
    display: block;
    width: 100%;
  }
  .wp-block-table.is-style-rsp-table td:not(:first-child) {
    border-top: 0;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: dotted 1px #ccc;
    display: block;
    width: 100%;
  }
  .wp-block-table.is-style-rsp-table td:last-child {
    border-bottom: solid 1px #ccc;
  } 
}

.wp-block-table.hd-w3 td:first-child {
  min-width: 3em;
}
.wp-block-table.hd-w5 td:first-child {
  min-width: 5em;
}
.wp-block-table.hd-w10 td:first-child {
  min-width: 10em;
}

/* テーブル：リスト */
.wp-block-table.is-style-list-table table {
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 0.5em;
}
.wp-block-table.is-style-list-table thead{

}
.wp-block-table.is-style-list-table thead th {
  box-sizing: border-box;
  border: 0;
  background-color: #075ba5;
  color: #ffffff;
  text-align: left;
}
.wp-block-table.is-style-list-table tbody tr{
  border: solid 1px #cbd9e6;
  margin-bottom: 10px;
}
.wp-block-table.is-style-list-table tbody td{
  border: 0;
  background: #ffffff;
  box-sizing: border-box;
  
}
.wp-block-table.is-style-list-table tbody td:first-child{
  background-color: #075ba5;
  color: #ffffff;
  width: 7em;
}

.price-font-size,
.large-font-size strong,
.wp-block-table.is-style-list-table tbody td mark{
  font-size: 1.3em;
}

/* テーブル余白 */
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-normal-table td,
.wp-block-table.is-style-normal-table th,
.wp-block-table.is-style-rsp-table td,
.wp-block-table.is-style-rsp-table th{
  padding:0.5em;
}
@media screen and (min-width: 768px) {
  .wp-block-table.is-style-stripes td,
  .wp-block-table.is-style-stripes th,
  .wp-block-table.is-style-normal-table td,
  .wp-block-table.is-style-normal-table th,
  .wp-block-table.is-style-rsp-table td,
  .wp-block-table.is-style-rsp-table th{
    padding:0.7em;
  }
}
@media screen and (min-width: 992px) {
  .wp-block-table.is-style-stripes td,
  .wp-block-table.is-style-stripes th,
  .wp-block-table.is-style-normal-table td,
  .wp-block-table.is-style-normal-table th,
  .wp-block-table.is-style-rsp-table td,
  .wp-block-table.is-style-rsp-table th{
    padding:1em;
  }
}

.wp-block-table.is-style-normal-table.tdbase-left td:first-child{
  background: #eff5fa;
}


/* 基本・追加クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --- テーブル基本ベース --- */
.edit-post-visual-editor table td,
.site-content table td,
.edit-post-visual-editor table th,
.site-content table th{
  word-break: break-all;
}

/* コンテンツ枠
-------------------------------------------------------------- */

/* 全画面背景用 */
.wp-admin .is-style-fullarea{
  background-color: rgba(0, 0, 0, 0.1);
}


/* グループベース */
.wp-admin .wp-block-group{
  border:dotted 1px #ccc;
  padding:5px;
}

/* グループ：全幅背景（余白有り） */
.is-style-fullarea{
  padding-left: 0;
  padding-right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 20px 0;
  background-color: #eee;
}
.is-style-fullarea.content-bscolor-navy{
  background-color: #08529b;
  color: #ffffff;
  margin: 0 0 0 0 !important;
}
.is-style-fullarea.content-bscolor-times{
  background-color: #faf5d2;
  margin: 0 0 0 0 !important;
}
.is-style-fullarea.content-bscolor-blue{
  background-color: #f7fbff;
  margin: 0 0 0 0 !important;
}
.is-style-fullarea.content-bscolor-white{
  background-color: #ffffff;
  margin: 0 0 0 0 !important;
}
.is-style-fullarea.content-bscolor-gray{
  background-color: #f9f9f9;
  margin: 0 0 0 0 !important;
}
@media screen and (max-width: 767px) {
  .is-style-fullarea{
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 40px 0;
  }
}
@media screen and (min-width: 768px) {
  .is-style-fullarea{
    padding-top: 50px;
    padding-bottom: 50px;
    margin: 50px 0;
  }
}

/* グループ：基本枠幅 */
.is-style-fullbox1{
  max-width:1280px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: inherit;
}
.all-full1 .is-style-fullbox1{
  max-width:90%;
  padding: 0 20px;
}
.all-full2 .is-style-fullbox1{
  max-width:100%;
  padding: 0 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 1279px) {
  .is-style-fullbox1{
    box-sizing: border-box;
  }
  .all-full1 .is-style-fullbox1{
    max-width:100%;
  }
}

/* グループ：全幅背景（余白無し） */
.is-style-fullarea2{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  background-color: #eee;
}

.is-style-fullbox2::after{
  content: '';
  position: absolute;
  top:0;
  left: 0;
  height: 100%;
  width:100%;
  background-color: #eee;
  z-index: -1;
}

/* その他ボックス */
.is-style-etcblock{
  padding: 1em;
  margin: 0.5em 0;
  background-color: #edf7ff;
  border-left: solid 5px #0f83c9;
}
@media screen and (min-width: 768px) {
  .is-style-etcblock{
    padding: 1.2em;
  }
}
@media screen and (min-width: 992px) {
  .is-style-etcblock{
    padding: 1.5em;
  }
}
/* その他ボックス */
.is-style-etcblock.line-type-set{
  background-color: #edf8f2;
  border-left: solid 5px #087c3d;
}


/* 水色背景 */
.is-style-litleblock{
  padding: 1em;
  margin: 0.5em 0;
  background-color: #edf7ff;
}
@media screen and (min-width: 768px) {
  .is-style-litleblock{
    padding: 1.2em;
  }
}
@media screen and (min-width: 992px) {
  .is-style-litleblock{
    padding: 1.5em;
  }
}

/* カラム内余白ボックス */
.is-style-clmineblock{
  padding: 1em;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .is-style-clmineblock{
    padding: 1.2em;
  }
}
@media screen and (min-width: 992px) {
  .is-style-clmineblock{
    padding: 1.5em;
  }
}

/* ページ全幅背景カラー */
.block-editor-block-list__block.is-style-fullbox2.fb2-colset1,
.is-style-fullbox2.fb2-colset1::after{
  background-color:#F5D2ED;
}
.block-editor-block-list__block.is-style-fullbox2.fb2-colset2,
.is-style-fullbox2.fb2-colset2::after{
  background-color:#CCFFE6;
}
.block-editor-block-list__block.is-style-fullbox2.fb2-colset3,
.is-style-fullbox2.fb2-colset3::after{
  background-color:#AEC7FB;
}
.block-editor-block-list__block.is-style-fullbox2.fb2-colset4,
.is-style-fullbox2.fb2-colset4::after{
  background-color:#DEB8FF;
}
.block-editor-block-list__block.is-style-fullbox2.fb2-colset5,
.is-style-fullbox2.fb2-colset5::after{
  background-color:#FFE4B1;
}

.full-width .is-style-fullbox2::after,
.sideclm2 .is-style-fullbox2::after{
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

/* 基本・追加クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* グループ（カラムタイプ）
-------------------------------------------------------------- */

.clmbox-4>.wp-block-group__inner-container,
.clmbox-3>.wp-block-group__inner-container,
.clmbox-2l>.wp-block-group__inner-container,
.clmbox-2r>.wp-block-group__inner-container,
.clmbox-2>.wp-block-group__inner-container{
  display: flex;
  flex-wrap: wrap;
  gap: 20px 4%;
  margin-bottom: 20px;
}
.clmbox-4>.wp-block-group__inner-container>div,
.clmbox-3>.wp-block-group__inner-container>div,
.clmbox-2l>.wp-block-group__inner-container>div,
.clmbox-2r>.wp-block-group__inner-container>div,
.clmbox-2>.wp-block-group__inner-container>div{
  width: 100%;
}

@media screen and (max-width: 599px) {
  .clmbox-4.clmsp2>.wp-block-group__inner-container>div,
  .clmbox-3.clmsp2>.wp-block-group__inner-container>div,
  .clmbox-2.clmsp2>.wp-block-group__inner-container>div{
    width: 48%;
  }
  .clmbox-2l.clmsp2>.wp-block-group__inner-container>div:nth-child(odd){
    width: 38%;
  }
  .clmbox-2l.clmsp2>.wp-block-group__inner-container>div:nth-child(even){
    width: 58%;
  }
  .clmbox-2r.clmsp2>.wp-block-group__inner-container{
    flex-direction: row-reverse;
  }
  .clmbox-2r.clmsp2>.wp-block-group__inner-container>div:nth-child(odd){
    width: 38%;
  }
  .clmbox-2r.clmsp2>.wp-block-group__inner-container>div:nth-child(even){
    width: 58%;
  }
}

@media screen and (min-width: 600px) {
  
  .clmbox-2>.wp-block-group__inner-container>div{
    width: 48%;
  }
  .clmbox-2l>.wp-block-group__inner-container>div:nth-child(odd){
    width: 38%;
  }
  .clmbox-2l>.wp-block-group__inner-container>div:nth-child(even){
    width: 58%;
  }
  .clmbox-2r>.wp-block-group__inner-container{
    flex-direction: row-reverse;
  }
  .clmbox-2r>.wp-block-group__inner-container>div:nth-child(odd){
    width: 38%;
  }
  .clmbox-2r>.wp-block-group__inner-container>div:nth-child(even){
    width: 58%;
  }
  .clmbox-3>.wp-block-group__inner-container>div{
    width: 48%;
  }
  .clmbox-4>.wp-block-group__inner-container>div{
    width: 48%;
  }
}

@media screen and (min-width: 992px) {
  .clmbox-3>.wp-block-group__inner-container>div{
    width: 30.66%;
  }
  .clmbox-4>.wp-block-group__inner-container>div{
    width: 22%;
  }
}

.wp-block-columns.clm-line-box>.wp-block-column{
  border: solid 1px #08529b;
  padding: 0;
}


/* 見出し
-------------------------------------------------------------- */


/* タイトル上書き */


/* アーカイブタイトル */
.major-heading,
.is-style-orgtitle{
  /*
  display: block;
  text-decoration: none;
  color: #222222;
  line-height: 1.2em;
  padding: 0 0 0.5em 0;
  margin: 0 0 1.5em 0;
  border-bottom: solid 2px #aaaaaa;
  */
  
  font-size: 1.8em;
  color: #075ba5;
  margin: 0 0 1em 0;
  font-family: 'Noto Sans JP', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-feature-settings: 'palt';
  line-height: 1.3;
  border:0;
}
h2.major-heading{
  padding: 0.55em;
  border: solid 1px #aaaaaa;
}
@media only screen and (min-width:992px){ 
  .is-style-orgtitle{
    font-size: 2.3em;
  }

}
@media only screen and (min-width:992px){ 
  .is-style-orgtitle{
    font-size: 2.8em;
  }
}

/* 見出し01 */
.is-style-midashi01 {
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 2px solid #104280;
  margin: 30px 0 30px 0;
  color: #122e5a;
  line-height: 1.3em;
  font-family: 'Noto Sans JP', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-feature-settings: 'palt';
  font-weight: bold;
  font-size: 1.2em;
}
@media only screen and (min-width:992px){ 
  .is-style-midashi01{
    font-size: 1.5em;
  }

}
@media only screen and (min-width:992px){ 
  .is-style-midashi01{
    font-size: 1.7em;
  }
}
.is-style-midashi01:first-child {
  margin-top: 0;
}
.is-style-midashi01 a{
  color: #122e5a!important;
  text-decoration: none;
}

.is-style-midashi01::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 2px;
  background-color: #3498db;
}

/* 見出し02 */
.is-style-midashi02 {
  position: relative;
  padding-left: 5px;
  line-height: 1.3em;
  border-left: 5px solid #30b1e0;
  font-family: 'Noto Sans JP', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-feature-settings: 'palt';
  /*
  font-family: 'NewRodinPro-DB', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif!important;
  font-feature-settings: 'palt';
  font-weight: 200;
  */
}

/* 見出し03 */
.is-style-midashi03 {
  line-height: 1.3em;
  padding-bottom: 0.5em;
  border-bottom: solid 1px #2380c2;
  /*
  font-family: 'NewRodinPro-DB', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif!important;
  */
}

/* 見出し04 */
.is-style-midashi04 {
  line-height: 1.3em;
  padding-bottom: 0.5em;
  border-bottom: dotted 1px #2380c2;
  /*
  font-family: 'NewRodinPro-DB', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif!important;
  */
  color: #075ba5;
  margin: 0 0 1em 0;
  font-family: 'Noto Sans JP', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-feature-settings: 'palt';
}

/* 見出し05 */
.is-style-midashi05 {
  line-height: 2.4em;
  padding: 0 1em;
  border-radius: 1.2em 0 0 1.2em;
  position: relative;
  box-sizing: border-box;
  color: #ffffff!important;
  background: rgb(0,140,190);
  background: linear-gradient(90deg, rgba(0,140,190,1) 0%, rgba(0,140,190,0) 100%);
}

.font-color-normal{
  color: #222222!important;
}
.font-color-normal strong{
  color: #08529b!important;
  font-size: 1.3em;
}
.font-color-white{
  color: #ffffff!important;
}
.font-color-times{
  color: #fed600!important;
}

/* リストマーク
-------------------------------------------------------------- */

/* リストマーク：三角マーク */
.is-style-mdlist01 {
  padding: 0px;
  padding-left: 0px!important;
  margin: 0px;
  list-style: none;
}
.is-style-mdlist01 > li {
  position: relative;
  padding: 0px 0px 0px 1em;
  list-style: none;
}
.is-style-mdlist01 > li::before{
  position: absolute;
  top: 0.5em;
  left: 0px;
  width: 0px;
  height: 0px;
  border: 0.3em solid transparent;
  border-left: 0.4em solid #777777;
  content: "";
}

/* リストマーク：※印マーク */
ul.is-style-mdlist02 {
  padding: 0px;
  padding-left: 0px!important;
  margin: 0 0 10px 0;
  list-style: none;
}
ul.is-style-mdlist02 > li {
  position: relative;
  margin:0 0 0 0;
  list-style-type: none;
  text-indent: 0;
  padding-left: 1.2em;
}
ul.is-style-mdlist02 > li::before{
  position: absolute;
  display: inline;
  content: "※";
  top: 0;
  left: 0;
}

/* リストスタイル ：※番号 */
ol.is-style-mdlist02{
  padding:0;
  padding-left: 0px!important;
  counter-reset: number;
  list-style: none;
}
ol.is-style-mdlist02 li{
  position: relative;
  margin:0 0 0 0;
  padding:0;
  padding-left: 2em;
  text-indent: 0;
}
ol.is-style-mdlist02 li:before {
  position: absolute;
  display: inline;
  counter-increment: number;
  content: "※"counter(number)" ";
  top: 0;
  left: 0;
}

/* リストマーク：帯リスト */
.is-style-mdlist03 {
  padding: 0px;
  padding-left: 0px!important;
  margin: 0px;
  list-style: none;
}
.is-style-mdlist03 > li {
  margin:0 0 0.5em 0;
  list-style-type: none;
  padding: 0.5em;
  background: #eeeeee;
}
/* リストマーク：説明リストタイプ */
.is-style-mdlist04 {
  padding: 0px;
  padding-left: 0px!important;
  margin: 0px;
  list-style: none;
  display:flex;
  flex-wrap: wrap;
  border-collapse: collapse;
  width: 100%;
}
.is-style-mdlist04 > li{
  margin:0;
  padding: 0.5em;
  list-style-type: none;
  box-sizing: border-box;
  border:solid 1px #ffffff;
}
.is-style-mdlist04 > li:nth-child(odd) {
  background: #eeeeee;
  width: 30%;
}
.is-style-mdlist04 > li:nth-child(even) {
  background: #f5f5f5;
  width: 70%;
}
@media only screen and (max-width:991px){
  .is-style-mdlist04 > li:nth-child(odd) {
    width: 100%;
  }
  .is-style-mdlist04 > li:nth-child(even) {
    width: 100%;
  }
}

/* リストマーク：ヒロパクリスト*/
.is-style-mdlist05 {

  padding: 0px!important;
  margin: 0px 0px 2em 0px!important;
  list-style: none;
  display:flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 10px 2%;
}
.is-style-mdlist05 > li{
  padding: 1em;
  box-sizing: border-box;
  width: 49%;
  background-color: #eef7ff;
  border-top:solid 5px #0874cc;
}
.is-style-mdlist05 > li strong{
  display: block;
  color: #075ba5;
}
@media only screen and (min-width:782px){
  .is-style-mdlist05 > li{
    padding: 1.5em;
    width: 23.5%;
  }
  .is-style-mdlist05.list-set3 > li{
    padding: 1.5em;
    width: 32%;
  }
  .is-style-mdlist05.list-set4 > li{
    padding: 1.5em;
    width: 23.5%;
  }
}
@media only screen and (min-width:1280px){
  .is-style-mdlist05 > li{
    padding: 2em;
  }
}


/* リストマーク：ヒロパクリスト2*/
.is-style-mdlist06 {

  padding: 0px!important;
  margin: 0px 0px 2em 0px!important;
  list-style: none;
  display:flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px 2%;
}
.is-style-mdlist06 > li{
  padding: 1em;
  box-sizing: border-box;
  width: 49%;
  background-color: #ffffff;
  border: solid 1px #075ba5;
  
}
.is-style-mdlist06 > li strong{
  display: block;
  color: #075ba5;
}
@media only screen and (min-width:782px){
  .is-style-mdlist06 > li{
    padding: 1.5em;
  }
}
@media only screen and (min-width:1280px){
  .is-style-mdlist06 > li{
    padding: 2em;
  }
}

/* リストマーク：ヒロパクリスト2*/
.is-style-mdlist07 {

  padding: 0px!important;
  margin: 0px 0px 2em 0px!important;
  list-style: none;
  display:flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px 2%;
}
.is-style-mdlist07 > li{
  padding: 1em;
  box-sizing: border-box;
  width: 49%;
  background-color: #ffffff;
  border: solid 1px #075ba5;
  border-top:solid 5px #075ba5;
}
.is-style-mdlist07 > li strong{
  color: #075ba5;
  font-size: 1.3em;
}
@media only screen and (min-width:782px){
  .is-style-mdlist07 > li{
    padding: 1.5em;
    width: 32%;
  }
  .is-style-mdlist07 > li strong{
    font-size: 1.6em;
  }
}
@media only screen and (min-width:1280px){
  .is-style-mdlist07 > li{
    padding: 1.8em;
    width: 18.4%;
  }
  .is-style-mdlist07 > li strong{
    font-size: 2em;
  }
}

/* 画像
-------------------------------------------------------------- */

/* 画像下マージンクリア */
figure{
  margin-bottom: 0;
}

/* 画像：正方形 */
.is-style-mdimg01{
  /*width: 100%;*/
  position: relative;
}
.is-style-mdimg01::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.is-style-mdimg01 img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
.conlsitimg.is-style-mdimg01 img{
  object-fit: contain;
  font-family: 'object-fit: contain;';
}
/* 画像：正方形（エディター） */
.is-style-mdimg01 .components-resizable-box__container{
  display: block;
  position: relative;
}
.is-style-mdimg01 .components-resizable-box__container::before {
  content: "";
  width: auto;
  display: block;
  padding-top: 100%;
  margin-top: -100%;
}
.is-style-mdimg01 .components-resizable-box__container img{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
.conlsitimg .is-style-mdimg01 .components-resizable-box__container img{
  object-fit: contain;
  font-family: 'object-fit: contain;';
}
.wp-block-image.is-style-mdimg01>figcaption.block-editor-rich-text__editable{
  display: block;
  width: 100%;
}

/* 画像：固定横長70 */
.is-style-mdimg02 {
  width: 100%;
  position: relative;
}
.is-style-mdimg02::before {
  content: "";
  display: block;
  padding-top: 70%;
}
.is-style-mdimg02 img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
}

/* 画像：固定横長70（エディター） */
.is-style-mdimg02,
.is-style-mdimg02 .components-resizable-box__container {
  display: block;
  position: relative;
}
.is-style-mdimg02 .components-resizable-box__container::before {
  content: "";
  width: auto;
  display: block;
  padding-top: 70%;
  margin-top: -70%;
}
.is-style-mdimg02 .components-resizable-box__container img{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
.wp-block-image.is-style-mdimg02>figcaption.block-editor-rich-text__editable{
  display: block;
  width: 100%;
}

/* 画像：固定横長50 */
.is-style-mdimg03 {
  width: 100%;
  position: relative;
}
.is-style-mdimg03::before {
  content: "";
  display: block;
  padding-top: 50%;
}
.is-style-mdimg03 img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
}
/* 画像：固定横長35（エディター） */
.is-style-mdimg03,
.is-style-mdimg03 .components-resizable-box__container {
  display: block;
  position: relative;
}
.is-style-mdimg03 .components-resizable-box__container::before {
  content: "";
  width: auto;
  display: block;
  padding-top: 50%;
  margin-top: -50%;
}
.is-style-mdimg03 .components-resizable-box__container img{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
}
.wp-block-image.is-style-mdimg03>figcaption.block-editor-rich-text__editable{
  display: block;
  width: 100%;
}

/* 画像：固定横長35 */
.is-style-mdimg04 {
  width: 100%;
  position: relative;
}
.is-style-mdimg04::before {
  content: "";
  display: block;
  padding-top: 35%;
}
.is-style-mdimg04 img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
}

/* 画像：固定横長35（エディター） */
.is-style-mdimg04,
.is-style-mdimg04 .components-resizable-box__container {
  display: block;
  position: relative;
}
.is-style-mdimg04 .components-resizable-box__container::before {
  content: "";
  width: auto;
  display: block;
  padding-top: 35%;
  margin-top: -35%;
}
.is-style-mdimg04 .components-resizable-box__container img{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
}
.wp-block-image.is-style-mdimg04>figcaption.block-editor-rich-text__editable{
  display: block;
  width: 100%;
}

/* 画像：固定横長35-60 */
.is-style-mdimg05 {
  width: 100%;
  position: relative;
}
.is-style-mdimg05::before {
  content: "";
  display: block;
  padding-top: 35%;
}
@media only screen and (max-width:767px){
  .is-style-mdimg05::before {
    padding-top: 60%;
  }
}
.is-style-mdimg05 img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
}

/* 画像：固定横長35-60（エディター） */
.is-style-mdimg05,
.is-style-mdimg05 .components-resizable-box__container {
  display: block;
  position: relative;
}
.is-style-mdimg05 .components-resizable-box__container::before {
  content: "";
  width: auto;
  display: block;
  padding-top: 35%;
  margin-top: -35%;
}
@media only screen and (max-width:767px){
  .is-style-mdimg05 .components-resizable-box__container::before {
    padding-top: 60%;
    margin-top: -60%;
  }
}
.is-style-mdimg05 .components-resizable-box__container img{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
}
.wp-block-image.is-style-mdimg05>figcaption.block-editor-rich-text__editable{
  display: block;
  width: 100%;
}


.caption-box .wp-element-caption{
  background-color: #f5f5f5;
  margin-top: 0;
}

/* 基本・追加クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 画像基本設定 */
img{
  margin:0;
  padding:0;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

/* 画像キャプション */
figcaption{
  text-align: center;
  position: relative;
  z-index: 2;
  padding: 10px;
}

/* ノーイメージスタイル */
.noimg-text{
  position: relative;
}
/*
.noimg-text::after{
  content: 'No Image';
  position: absolute;
  display: block;
  color: #fff;
  font-size: 1.3em;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  z-index: 2;
}
*/
/* ノーイメージスタイル（エディター） */
.block-editor-block-list__block.noimg-text{
  content: none;
  position: relative;
}
/*
.block-editor-block-list__block.noimg-text div::after{
  content: 'No Image';
  position: absolute;
  display: block;
  color: #fff;
  font-size: 1.3em;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  z-index: 2;
}
*/
/* 画像サイズ（サイズ指定） */
.myimgsize-30,
.wp-block-image.myimgsize-30 figure,
figure.wp-block-image.myimgsize-30{
  max-width: 30%;
}
.myimgsize-50,
.wp-block-image.myimgsize-50 figure,
figure.wp-block-image.myimgsize-50 {
  max-width: 50%;
}
.myimgsize-70,
.wp-block-image.myimgsize-70 figure,
figure.wp-block-image.myimgsize-70 {
  max-width: 70%;
}
.myimgsize-s,
.wp-block-image.myimgsize-s figure,
figure.wp-block-image.myimgsize-s {
  max-width: 200px;
}
.myimgsize-m,
.wp-block-image.myimgsize-m figure,
figure.wp-block-image.myimgsize-m{
  max-width: 400px;
}
.myimgsize-l,
.wp-block-image.myimgsize-l figure,
figure.wp-block-image.myimgsize-l{
  max-width: 600px;
}
@media only screen and (max-width:767px){
  .myimgsize-s,
  .wp-block-image.myimgsize-s figure,
  figure.wp-block-image.myimgsize-s{
    max-width: 50%;
  }
  .myimgsize-m,
  .wp-block-image.myimgsize-m figure,
  figure.wp-block-image.myimgsize-m{
    max-width: 70%;
  }
  .myimgsize-l,
  .wp-block-image.myimgsize-l figure,
  figure.wp-block-image.myimgsize-l{
    max-width: 90%;
  }
}

/* スペーサー
-------------------------------------------------------------- */

/* スペース：余白30-50 */
.is-style-mdspacer01{
  height: 30px!important;
}
/* スペース：余白15-25 */
.is-style-mdspacer02{
  height: 15px!important;
}
.is-style-mdspacer01 .components-resizable-box__container{
  height: auto!important;
  min-height: 30px!important;
}
.is-style-mdspacer02 .components-resizable-box__container{
  height: auto!important;
  min-height: 15px!important;
}
@media only screen and (min-width:768px){
  .is-style-mdspacer01{
    height: 40px!important;
  }
  .is-style-mdspacer02{
    height: 20px!important;
  }
  .is-style-mdspacer01 .components-resizable-box__container{
    min-height: 40px!important;
  }
  .is-style-mdspacer02 .components-resizable-box__container{
    min-height: 20px!important;
  }
}
@media only screen and (min-width:992px){  
  .is-style-mdspacer01{
    height: 50px!important;
  }
  .is-style-mdspacer02{
    height: 25px!important;
  }
  .is-style-mdspacer01 .components-resizable-box__container{
    min-height: 50px!important;
  }
  .is-style-mdspacer02 .components-resizable-box__container{
    min-height: 25px!important;
  }
}

/* カラム
-------------------------------------------------------------- */

/* 基本・追加クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.wp-block-columns {
  gap:2em 2em;
}
.wp-block-columns.wrap-gap1 {
  gap:1em 2em;
}
.wp-block-columns.wrap-gap0 {
  gap:0 2em;
}

/* 逆読み：基本カラムにクラス付与 */
@media screen and (max-width: 781px) {
  .reverse-set{
    flex-wrap:wrap-reverse!important;
  }
}

/* カラム間隔調整：基本カラムにクラス付与 */
.wp-block-columns.culumn-space{
  margin-bottom: 0;
}
.wp-block-columns.culumn-space .wp-block-column{
  margin-bottom: 20px;
}





/* ==============================================================

=カラーパレット関連（mystyle/my-code.phpと連動）

============================================================== */

/* 基本カラー設定（mystyle/my-code.phpの「カラーパレット関連（基本カラー設定 ）」と合わせる） */
.has-black-color{color:#000;}
.has-black-background-color{background-color:#000;}
.has-dark-gray-color{color:#333;}
.has-dark-gray-background-color{background-color:#333;}
.has-medium-gray-color{color:#999;}
.has-medium-gray-background-color{background-color:#999;}
.has-light-gray-color{color:#d3d3d3;}
.has-light-gray-background-color{background-color:#d3d3d3;}
.has-ghost-white-color{color:#f8f8ff;}
.has-ghost-white-background-color{background-color:#f8f8ff;}
.has-white-color{color:#FFF;}
.has-white-background-color{background-color:#FFF;}
.has-mycola-color{color:#0a76b9;}
.has-mycola-background-color{background-color:#0a76b9;}
.has-mycolb-color{color:#ff0000;}
.has-mycolb-background-color{background-color:#ff0000;}
.has-mycolc-color{color:#0000ff;}
.has-mycolc-background-color{background-color:#0000ff;}
.has-mycold-color{color:#0693e3;}
.has-mycold-background-color{background-color:#0693e3;}
.has-mycole-color{color:#008000;}
.has-mycole-background-color{background-color:#008000;}
.has-mycolf-color{color:#00d084;}
.has-mycolf-background-color{background-color:#00d084;}

/* サイトカラー設定（mystyle/my-code.phpの「カラーパレット関連（サイトカラー設定 ）」と合わせる） */
.has-sitecola-color{color:#bbaaa4;}
.has-sitecola-background-color{background-color:#bbaaa4;}
.has-sitecolb-color{color:#a08980;}
.has-sitecolb-background-color{background-color:#a08980;}
.has-sitecolc-color{color:#85685b;}
.has-sitecolc-background-color{background-color:#85685b;}
.has-sitecold-color{color:#6d4f43;}
.has-sitecold-background-color{background-color:#6d4f43;}
.has-sitecole-color{color:#4f352c;}
.has-sitecole-background-color{background-color:#4f352c;}
.has-sitecolf-color{color:#32221c;}
.has-sitecolf-background-color{background-color:#32221c;}



/* ==============================================================

=コンテンツ

============================================================== */


/* 共通項目
-------------------------------------------------------------- */

/* 背景カラータイプ */
.is-style-fullarea.fullarea-m00{
  margin: 0;
}
.is-style-fullarea.all-base-gray{
  background-color: #f2f8fc;
}

.is-style-fullarea.all-base-white{
  background-color: #ffffff;
}


/* オールボタンスタイル */
.allbtm-link a{
  text-align: left;
  position: relative;
  display: block;
  padding: 0.8em 1em;
  width: 100%;
  max-width: 350px;
  border: solid 1px #075ba5;
  margin: 0 auto;
  box-sizing: border-box;
  border-radius: 10px;
  color: #075ba5;
  background-color: #ffffff;
  transition: all 0.3s;
}

.allbtm-link.set-left a{
  margin: 0 auto 0 0;
}

.allbtm-link a::after{
  content: '';
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 10px;
  width: 12px;
  height: 12px;
  background-image:url("../img/icon/pageuyaji-right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.3s;
  filter: invert(24%) sepia(91%) saturate(2256%) hue-rotate(193deg) brightness(94%) contrast(97%);
}
.allbtm-link a:hover{
  background-color: #075ba5;
  color: #ffffff;
}
.allbtm-link a:hover::after{
  content: '';
  filter: brightness(0) invert(1);
}

.allbtm-link.btm-line-type{
  /*max-width: 300px;*/
  margin: 0 auto;
}

.allbtm-link.btm-line-type a{
  border: solid 1px #055427;
  color: #055427;
}
.allbtm-link.btm-line-type a::after{
  filter: invert(21%) sepia(21%) saturate(2421%) hue-rotate(99deg) brightness(97%) contrast(95%);
}
.allbtm-link.btm-line-type a:hover{
  background-color: #055427;
  color: #ffffff;
}
.allbtm-link.btm-line-type a:hover::after{
  content: '';
  filter: brightness(0) invert(1);
}

/* LINE友達追加ボタン */
.allbtm-link.btm-line-friend{

  margin: 0 auto;
}

.allbtm-link.btm-line-friend a{
  border: solid 1px #18b503;
  background-color: #18b503;
  color: #ffffff;
}

.allbtm-link.btm-line-friend a::before{
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 3px -10px 0;
  background-image:url("../img/icon/line-fukidasi.svg");
  background-size: contain;
  background-repeat: no-repeat;
  filter: brightness(0) invert(1);
}

.allbtm-link.btm-line-friend a::after{
  content: '';
  filter: brightness(0) invert(1);
  background-image:url("../img/icon/pageuyaji-plus.svg");
}
.allbtm-link.btm-line-friend a:hover{
  background-color: #38ed1c;
}

/* TIMES関連ボタン */
.allbtm-link.btm-times-links{
  margin: 0 auto;
}

.allbtm-link.btm-times-links a{
  border: solid 1px #fed600;
  background-color: #fed600;
  color: #111111;
}

.allbtm-link.btm-times-links a::before{
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 3px -10px 0;
  background-image:url("../img/icon/mi-car.svg");
  background-size: contain;
  background-repeat: no-repeat;
  /*filter: brightness(0) invert(1);*/
}

.allbtm-link.btm-times-links a::after{
  content: '';
  /*filter: brightness(0) invert(1);*/
  filter: brightness(0);
  background-image:url("../img/icon/pageuyaji-gaibu.svg");
}
.allbtm-link.btm-times-links a:hover{
  opacity: 0.8;
}


/* 外部リンクアイコン */
.allbtm-link.link-icon-gaibu a::after{
  background-image:url("../img/icon/pageuyaji-gaibu.svg")!important;
}
.allbtm-link.link-icon-aichat a::after{
  background-image:url("../img/icon/mi-aichat.svg")!important;
}
.allbtm-link.link-icon-mobile a::after{
  background-image:url("../img/icon/mi-mobile.svg")!important;
}

/* スマホ時改行クリア */
@media only screen and (max-width: 599px){ 
  .br-none br{
    display: none;
  }
}

.wp-block-columns.clm-gap10{
  gap:10px 10px;
}


/* 動画リンクボタン */
.youtube-link-block{
  text-align: center;
}
.movie-link-btm{
  cursor:pointer;
  display: block;
  text-align: left;
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
  padding: 0.8em 1em;
  box-sizing: border-box;
  font-size: 1em;
  border-radius: 10px;
  background-color: #e83428;
  border: solid 1px #e83428;
  position: relative;
  color: #ffffff;
  line-height: 1.8;
  vertical-align: bottom;
  font-family: 'Noto Sans JP', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-feature-settings: 'palt';
  transition: all 0.3s;
}
.movie-link-btm:hover{
  background-color: #f7554c;
}
.movie-link-btm::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 5px -8px 0;
  background-image: url(../img/icon/mi-youtube.svg);
  background-size: contain;
  background-repeat: no-repeat;
  filter: brightness(0) invert(1);
}
.movie-link-btm::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 10px;
  width: 12px;
  height: 12px;
  background-image: url(../img/icon/pageuyaji-gaibu.svg);
  background-size: contain;
  background-repeat: no-repeat;
  filter: brightness(0) invert(1);
}


/* トップページ
-------------------------------------------------------------- */

/* トップイメージ：メイン見出しスタイル */
.top-midashi-eng{
  color: #075ba5;
  margin: 0 0 0 0;
}
.top-midashi-eng-w{
  color: #ffffff;
  margin: 0 0 0 0;
}
.top-midashi-h2{
  font-size: 1.8em;
  color: #075ba5;
  margin: 0 0 0.5em 0;
}
.top-midashi-line{
  font-size: 1.8em;
  color: ffffff!important;
  margin: 0 0 0.5em 0;
}
@media only screen and (min-width:992px){ 
  .top-midashi-h2{
    font-size: 2.3em;
  }
  .top-midashi-line{
    font-size: 2.3em;
  }
}
@media only screen and (min-width:992px){ 
  .top-midashi-h2{
    font-size: 2.8em;
  }
  .top-midashi-line{
    font-size: 2.8em;
  }
}

/* 全画面背景スタイル */
.is-style-fullarea.eigou-base{
  background-color: #f2f8fc;
}
.top-eigyou-font-blue{
  color: #075ba5;
}

/* 営業情報スタイル */
.top-eigyou-info{
  gap: 1em 1em;
}
.top-eigyou-infoclm1{
  box-sizing: border-box;
}
.top-eigyou-sub{
  
}

/* 総収容台数・自動パーキング */
.wp-block-columns.top-eigyou-sub {
  margin: 0 0 0 0;
  gap: 1em 1em;
  box-sizing: border-box;
}

.top-eigyou-subclm1{
  border: solid 1px #075ba5;
  background-color: #075ba5;
  color: #ffffff;
  box-sizing: border-box;
  padding: 1em;
}
.top-eigyou-subclm1 p{
  margin: 0 0 0 0;
  line-height: 1.5;
}

.top-eigyou-subclm1 p strong{
  font-size: 2em;
  line-height: 1.2;
}
@media only screen and (min-width:992px){ 
  .top-eigyou-subclm1 p strong{
    font-size: 2.5em;
  }
}

/* 機械式エレベーター */
.top-eigyou-infoclm2{
  box-sizing: border-box;
  border: solid 1px #075ba5;
  border-top: solid 3px #075ba5;
  background-color: #ffffff;
  padding: 1em;
}
.top-eigyou-infoclm2 p{
  margin: 0 0 0 0;
  line-height: 1.5;
}
p.eigyou-mini-text{
  display: block;
  margin-top:0.5em;
  font-size: 0.8em;
  line-height: 1.2;
}
.times-3-area{
  gap: 1em 0.5em;
}
.times-3box{
  margin: 0 0 0 0;
  gap: 5px 5px;
}
.times-3box div{
  font-size: 0.7em;
  padding: 1em;
  box-sizing: border-box;
  background-color: #f0f8fe;
  line-height: 1.2;
}
.times-3box strong{
  font-weight: bold;
  font-size: 2em;
  color: #075ba5;
  line-height: 1.2;
}


/* 3つの理由 */
.choose3-clms{
  gap:1em 1em;
}
.choose3-clm{
  margin: 0;
  padding: 0 0 5em 0;
  box-sizing: border-box;
  border: solid 1px #075ba5;
  position: relative;
}
.choose3-clm-txt{
  padding: 1em 1em 1em 1em;
  box-sizing: border-box;
}
.choose3-number{
  font-size: 2em;
  margin: 0.5em 0 0.5em 0!important;
  color: #075ba5;
  line-height: 1!important;
}
.choose3-engtitle{
  font-size: 0.8em;
  margin: 0.5em 0 0.5em 0!important;
  color: #777777;display: block;
  border-bottom: solid 1px #cccccc;
  padding-bottom: 0.3em;
  line-height: 1.2!important;
}
.choose3-maintitle{
  font-size: 2em;
  margin: 0 0 0.5em 0!important;
  color: #075ba5;
  line-height: 1.5!important;
}
.choose3-subtitle{
  margin: 0 0 0 0!important;
  font-weight: bold;
  color: #063c6b;
}
.choose3-text{
  margin: 0 0 0 0!important;
}

/* 3つの理由 :詳細リンクボタン */
.choose3-link a{
  position: relative;
  display: block;
  padding: 0.8em 1em;
  width: 100%;
  border: solid 1px #075ba5;
  margin: 0 auto;
  box-sizing: border-box;
  border-radius: 10px;
  color: #075ba5;
  background-color: #ffffff;
  transition: all 0.3s;
}
.choose3-link a::after{
  content: '';
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 10px;
  width: 12px;
  height: 12px;
  background-image:url("../img/icon/pageuyaji-right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.3s;
  filter: invert(24%) sepia(91%) saturate(2256%) hue-rotate(193deg) brightness(94%) contrast(97%);
}
.choose3-link a:hover{
  background-color: #075ba5;
  color: #ffffff;
}
.choose3-link a:hover::after{
  content: '';
  filter: brightness(0) invert(1);
}
.choose3-clm:has(a:hover) {
  background-color: #f0f8ff; /* 変更したい背景色 */
}


/* LINEサービス案内：全画面背景 */
.is-style-fullarea.all-base-green{
  background-color: #087c3c;
  color: #ffffff;
}

/* LINEサービス案内：イメージ */
.line-service-img{
  max-width: 300px;
  margin: 0 auto;
}
@media only screen and (min-width:782px){ 
  .line-service-img{
    max-width: 100%;
    margin: 0 auto;
  }
}

/* LINEサービス説明カラム */
.line4-clms{
  gap: 1.5em 1.5em;
}
.line4-clm{
  background-color: #ffffff;
  color: #222222;
  box-sizing: border-box;
  padding: 1em;
  border-radius: 1em;
  font-size: 16px;
}

.line-linkbtm-clms{
  gap: 1em 1em;
}
@media only screen and (min-width:782px){ 
  .line-linkbtm-box{
    text-align: center;
  }
  .line-linkbtm-clms{
    display: inline-flex!important;
    justify-content: center;
  }
  .line-linkbtm-clm{
    width: 350px;
  }
}

.line4-sub{
  margin: 0 0 0.2em 0!important;
}

.line4-title{
  margin: 0 0 0 0!important;
  color: #075ba5;
}

.line-price-img{
  max-width: 300px;
  margin: 0 auto;
}

.line-price-box strong{
  font-size: 2em;
  font-weight: normal;
}
.line-price-box{
  color: #045e2b;
  font-weight: bold;
  line-height: 1!important;
}
.line-price-wait{


}
.line-price-wait strong{
  display: inline-block;
  padding: 0.8em;
  background-color: #f5f5f5;
  line-height: 1!important;
}

/* はじめての方も必ず停められる */
.first-guide-clms{
  margin: 0 0 0 0;
  gap: 1em 1em;
}

.first-guideinfo-clms{
  margin: 0 0 0 0;
  gap: 1em 1em;
}
.first-guideinfo-clm{
  padding: 0;
}
.first-guideinfo-clm>.first-guideinfo-box{
  background-color: #ffffff;
  box-sizing: border-box;
  padding: 1em;
  color: #222222!important;
  border: solid 1px #075ba5;
  border-radius: 5px;
  position: relative;
}
.first-guideinfo-clm>.first-guideinfo-box::after{
  content: '';
  position: absolute;
  right: 1em;
  bottom: 1em;
  display: block;
  width: 1em;
  height: 1em;
  background-image: url("../img/icon/pageuyaji-bottomright.svg");
  background-size: contain;
  background-repeat: no-repeat;
  filter: invert(24%) sepia(91%) saturate(2256%) hue-rotate(193deg) brightness(94%) contrast(97%);
}
.first-guideinfo-box:hover{
  background-color: #f9f9f9;
}
.first-guideinfo-box-eng{
  line-height: 1.2!important;
  color: #777777!important;
}
.first-guideinfo-box-h3{
  margin: 0!important;
  line-height: 1.5!important;
  color: #075ba5!important;
}


/* 駐車方法 */

.is-style-fullarea.parking-type-area{
  background-color: #ffffff;
}

.parking-type-clms{
  align-items: center;
  gap:1em 1em;
}


.parking-type-link{
  background-color: #075ba5!important;
  color: #ffffff!important;
  padding: 1em 1em 3em 1em;
  box-sizing: border-box;
  border-radius: 5px;
  position: relative;
}
.parking-type-link::before{
  content: '詳細をみる';
  position: absolute;
  bottom: 1em;
  right: 2.5em;
  font-size: 0.9em;
}
.parking-type-link::after{
  content: '';
  position: absolute;
  right: 1em;
  bottom: 1em;
  display: block;
  width: 1em;
  height: 1em;
  background-image: url("../img/icon/pageuyaji-bottomright.svg");
  background-size: contain;
  background-repeat: no-repeat;
  filter: brightness(0) invert(1);
}
.parking-type-link:hover{
  background-color: #1c7acc!important;
}

.parking-type-sub{
  line-height: 1.2 !important;
}

.parking-type-title{
  margin: 0 0 0.5em 0 !important;
  line-height: 1.5 !important;
}


/* 使い方から探す：全画面背景 */
.is-style-fullarea.all-base-choose{
  background-color: #eef8ff;
}

.choose-select-area>div{
  display: flex;
  flex-wrap: wrap;
  gap: 15px 2%;
  width: 100%;
  justify-content: center;
}
.choose-select-area>div>a.choose-select-box{
  position: relative;
  display: block;
  width: 49%;
  background-color: #d6ebf9;
  box-sizing: border-box;
  padding: 1em 1em 120px 1em;
  color: #222222;
  transition: all 0.3s;
}
.choose-select-area>div>a.choose-select-box::after{
  content: '';
  position: absolute;
  right: 1em;
  bottom: 1em;
  display: block;
  width: 1em;
  height: 1em;
  background-image: url("../img/icon/pageuyaji-bottomright.svg");
  background-size: contain;
  background-repeat: no-repeat;
  filter: invert(24%) sepia(91%) saturate(2256%) hue-rotate(193deg) brightness(94%) contrast(97%);
}
.choose-select-area>div>a.choose-select-box:hover::after{
  filter: brightness(0) invert(1);
}
@media only screen and (min-width:400px){ 
  .choose-select-area>div>a.choose-select-box{
    padding: 1em 1em 160px 1em;
  }
}
@media only screen and (min-width:600px){ 
  .choose-select-area>div>a.choose-select-box{
    padding: 1em 1em 180px 1em;
  }
}
@media only screen and (min-width:992px){ 
  
  .choose-select-area>div>a.choose-select-box{
    width: 23.5%;
  }
}

.choose-select-box-sub{
  font-size: 0.9em;
  padding-bottom: 0.5em;
  color: #777777;
  border-bottom: solid 1px #cccccc;
}

.choose-select-box-h3{
  line-height: 1.5!important;
  margin: 0.2em 0 0.5em 0!important;
  color: #075ba5;
}


.choose-select-box-damy img{
  width: 100%;
  max-width: 240px;
  margin: 0 auto;
}
.choose-select-area>div>a.choose-select-box:hover{
  background-color: #075ba5;
  color: #ffffff!important;
}
.choose-select-area>div>a.choose-select-box:hover .choose-select-box-h3,
.choose-select-area>div>a.choose-select-box:hover .choose-select-box-sub{
  color: #ffffff!important;
}


/* 広島の街 */
.hiroshima-town-area{
  position: relative;
  background-image: url("img/hiroshima-town-bs.jpg");
  background-size: cover;
  background-attachment:fixed;
  margin: 0 0 0 0;
}
.hiroshima-town-area::after{
  content: '';
  position: absolute;
  background-color: rgba(5, 73, 132, 0.6);
  display: block;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.top-machinami-clms{
  align-items: center!important;
}

.hiroshima-town-box{
  position: relative;
  color: #ffffff;
  z-index: 10;
}

.machinami-list-box{
  display: inline-flex;
  gap:10px;
  flex-wrap: wrap;
  margin: 0 0 2em 0!important;
  padding: 0 0 0 0!important;
}
.machinami-list-box li{
  display: block;
  border: solid 1px #ffffff;
  padding: 0.8em 1em;
}


/* お知らせ */
.is-style-fullarea.news-all-block{
  background-color: #f9f9f9;
}

/* 関連サービス */
.kanren-service-dlms{
  align-items: center!important;
}
.is-style-fullarea.kanren-service-block{
  background-color: #f0f8fe;
}
/* 関連リンク */
.is-style-fullarea.kanren-links-block{
  background-color: #85c0f7;
}
@media only screen and (max-width:781px){ 
  .kanren-br-none br{
    display: none;

  }
}
.kanren-service-bn img:hover{
  opacity: 0.8;
}


.service-list-all>.wp-block-group__inner-container{
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em 2%;
  justify-content: center;
}


.service-list-all .wp-element-caption{
  padding: 0;
}

.service-list-all>.wp-block-group__inner-container>.wp-block-image{
  width: 32%
}
@media only screen and (min-width:782px){
  .service-list-all>.wp-block-group__inner-container>.wp-block-image{
    width: 32%
  }
}
@media only screen and (min-width:992px){
  .service-list-all>.wp-block-group__inner-container>.wp-block-image{
    width: 12.57%
  }
}

/* 関連企業リンク */
.p-links-box>.wp-block-group__inner-container{
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em 2%;
  justify-content: center;

}
.p-links-box>.wp-block-group__inner-container>.wp-block-image{
  width: 49%
}
@media only screen and (min-width:782px){
  .p-links-box>.wp-block-group__inner-container>.wp-block-image{
    width: 32%
  }
}
@media only screen and (min-width:992px){
  .p-links-box>.wp-block-group__inner-container>.wp-block-image{
    width: 23.5%
  }
}



/* 駐車場案内
-------------------------------------------------------------- */


/* サービストップメニュー */

.service-top-manu-base{
  padding-bottom: 0!important;
}

.service-top-menu{
  list-style-type: none;
  margin: 0 0 2em 0!important;
  padding: 0!important;
  display: flex;
  flex-wrap: wrap;
  gap:2px 1%;justify-content: center;
}
.service-top-menu li{
  width: 32.66%;
}

.service-top-menu li a{
  display: block;
  padding: 0.8em 0;
  background-color: #eeeeee;
  color: #222222;
  text-align: center;
  font-size: 0.9em;
  font-family: 'Noto Sans JP', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-feature-settings: 'palt';
}
.page-id-684 .select-faq a,
.page-id-362 .select-etc a,
.page-id-1426 .select-biz a,
.page-id-555 .select-line a,
.page-id-1748 .select-car a{
  color: #ffffff;
  background-color: #08529b;
}

@media only screen and (min-width:782px){
  .service-top-menu li{
    width: 32.66%;
  }
  .service-top-menu li a{
    padding: 0.8em 0;
    font-size: 1em;
  }
}
@media only screen and (min-width:992px){
  .service-top-menu li{
    width: 19.2%;
  }
  .service-top-menu li a{
    padding: 1em 0;
  }
}

.floor-color-captin .wp-element-caption{
  margin-top: 0;
  background-color: #89c53f;
  color: #ffffff;
  font-weight: bold;
  font-family: 'Noto Sans JP', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-feature-settings: 'palt';
  font-size: 1.5em;
}

.floor-color-captin:nth-child(1) .wp-element-caption{
  background-color: #89c53f;
}
.floor-color-captin:nth-child(2) .wp-element-caption{
  background-color: #59b836;
}
.floor-color-captin:nth-child(3) .wp-element-caption{
  background-color: #b694e4;
}


/* 各種サービス
-------------------------------------------------------------- */



@media only screen and (max-width:991px){
  .kazokuzure-icon{
    position: relative;
    padding-top: 110px!important;

  }
  .kazokuzure-icon::before{
    content: '';
    position: absolute;
    display: block;
    top:10px;
    left: 50%;
    width: 90px;
    height: 90px;
    background-image: url('/wp-content/uploads/2026/10/kazokuzure01.png');
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  
  .kazokuzure-icon strong{
    line-height: 1.5!important;
    margin-bottom: 0.5em!important;
  }
}

@media only screen and (min-width:992px){
  .kazokuzure-icon{
    position: relative;
    padding-left: 110px!important;

  }
  .kazokuzure-icon::before{
    content: '';
    position: absolute;
    display: block;
    top:20px;
    left: 10px;
    width: 90px;
    height: 90px;
    background-image: url('/wp-content/uploads/2026/10/kazokuzure01.png');
    background-size: contain;
    background-repeat: no-repeat;
  }
}

.kazokuzure-icon:nth-child(1)::before{
  background-image: url('/wp-content/uploads/2026/10/kazokuzure01.png');
}
.kazokuzure-icon:nth-child(2)::before{
  background-image: url('/wp-content/uploads/2026/10/kazokuzure02.png');
}
.kazokuzure-icon:nth-child(3)::before{
  background-image: url('/wp-content/uploads/2026/10/kazokuzure03.png');
}
.kazokuzure-icon:nth-child(4)::before{
  background-image: url('/wp-content/uploads/2026/10/kazokuzure04.png');
}

/* 料金・営業時間
-------------------------------------------------------------- */


.credit-icon-box .wp-block-group__inner-container{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap:10px 10px;
  border-bottom: solid 1px #cccccc;
  padding-bottom: 1.5em;
  margin-bottom: 1em;
}
.credit-icon-box .wp-block-group__inner-container .wp-block-image{
  width: 40px;
  height: 40px;
  border-radius: 5px;
  box-shadow: 0 0 3px #777777;
  overflow: hidden;
}
.credit-icon-box .wp-block-group__inner-container .wp-block-image.card-etc-block{
  box-shadow: 0 0 0 #777777;
}
.credit-icon-box .wp-block-group__inner-container .wp-block-image img{

}
@media only screen and (min-width:992px){ 
  .credit-icon-box .wp-block-group__inner-container .wp-block-image{
    width: 50px;
    height: 50px;
  }
}


/* LINEサービス
-------------------------------------------------------------- */

@media only screen and (min-width:782px){
  
  .line-clm-revers{
    flex-direction: row-reverse;
  }
  
}

/* LINE価格ボックス */
.line-price-list{
  list-style-type: none;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap:10px 2%;
}

.line-price-list li{
  background-color: #ffffff;
  padding: 1em;
  box-sizing: border-box;
  width: 49%;
  border: solid 1px #cccccc;
  border-radius: 10px;
}
.line-price-list li mark{
  font-weight: bold;
}
.line-price-list li mark strong{
  font-size: 2em;
}
@media only screen and (min-width:600px){ 
  .line-price-list li{
    width: 49%;
  }
}
@media only screen and (min-width:992px){
  .line-price-list li{
    padding: 1.5em;
  }
}

/* LINEステップボックス */

.line-step-box{
  list-style-type: none;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap:10px 2%;
}
.line-step-box li{
  background-color: #ffffff;
  padding: 1em 1em 1em 0;
  box-sizing: border-box;
  width: 100%;
  border: solid 1px #08529b;
  font-weight: bold;
}
@media only screen and (min-width:600px){ 
  .line-step-box li{
    width: 32%;
  }
}

.line-step-box li::before{
  content: '▶STEP1:';
  display: inline-block;
  margin-right: 0.5em;
  margin-left: -4px;
  color: #08529b;
}
.line-step-box li:nth-child(2)::before{
  content: '▶STEP2:';
}
.line-step-box li:nth-child(3)::before{
  content: '▶STEP3:';
}
.line-step-box li:nth-child(4)::before{
  content: '▶STEP4:';
}
.line-step-box li:nth-child(5)::before{
  content: '▶STEP5:';
}



/* ビジネス利用
-------------------------------------------------------------- */

/* 5サービス */
.biz-5service-clms>.wp-block-group__inner-container{
  display: flex;
  flex-wrap: wrap;
  gap: 1em 2%;
  justify-content: center;
  
}
.biz-5service-clms>.wp-block-group__inner-container>.biz-5service-box{
  padding: 1.2em;
  border: solid 1px #d2e5f3;
  border-top:solid 5px #55a6d8;
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
  position: relative;
}
.biz-5service-clms>.wp-block-group__inner-container>.biz-5service-box:hover{
  background-color: #f9f9f9;
}

.biz-5service-clms>.wp-block-group__inner-container>.biz-5service-box::after {
  content: '';
  position: absolute;
  right: 1em;
  bottom: 1em;
  display: block;
  width: 1em;
  height: 1em;
  background-image: url(../img/icon/pageuyaji-bottom.svg);
  background-size: contain;
  background-repeat: no-repeat;
  filter: invert(24%) sepia(91%) saturate(2256%) hue-rotate(193deg) brightness(94%) contrast(97%);
}

.biz-5service-clms>.wp-block-group__inner-container>.biz-5service-box p{
  color: #222222;
}
@media only screen and (min-width:600px){ 
  .biz-5service-clms>.wp-block-group__inner-container{
    gap: 1.5em 2%;
  }
  .biz-5service-clms>.wp-block-group__inner-container>.biz-5service-box{
    padding: 1.5em;
    width: 32%;
  }
}
@media only screen and (min-width:992px){
  .biz-5service-clms>.wp-block-group__inner-container{
    gap: 2em 2%;
  }
  .biz-5service-clms>.wp-block-group__inner-container>.biz-5service-box{
    padding: 2em;
    width: 32%;
  }
}

/* 2サービス */

.biz-2service-clms>.wp-block-group__inner-container{
  display: flex;
  flex-wrap: wrap;
  gap: 1em 2%;
  justify-content: center;
  
}
.biz-2service-clms>.wp-block-group__inner-container>.biz-2service-box{
  padding: 1.2em;
  border: solid 1px #d2e5f3;
  border-top:solid 5px #07569c;
  width: 49%;
  box-sizing: border-box;
  background-color: #ffffff;
  position: relative;
}
.biz-2service-clms>.wp-block-group__inner-container>.biz-2service-box:hover{
  background-color: #f9f9f9;
}
.biz-2service-clms>.wp-block-group__inner-container>.biz-2service-box::after {
  content: '';
  position: absolute;
  right: 1em;
  bottom: 1em;
  display: block;
  width: 1em;
  height: 1em;
  background-image: url(../img/icon/pageuyaji-bottomright.svg);
  background-size: contain;
  background-repeat: no-repeat;
  filter: invert(24%) sepia(91%) saturate(2256%) hue-rotate(193deg) brightness(94%) contrast(97%);
}

.biz-2service-clms>.wp-block-group__inner-container>.biz-2service-box.biz-line-type{
  border-top:solid 5px #45a98b;
}

.biz-2service-clms>.wp-block-group__inner-container>.biz-2service-box p{
  color: #222222;
}
@media only screen and (min-width:600px){ 
  .biz-2service-clms>.wp-block-group__inner-container{
    gap: 1.5em 2%;
  }
  .biz-2service-clms>.wp-block-group__inner-container>.biz-2service-box{
    padding: 1.5em;
    width: 49%;
  }
}
@media only screen and (min-width:992px){
  .biz-2service-clms>.wp-block-group__inner-container{
    gap: 2em 2%;
  }
  .biz-2service-clms>.wp-block-group__inner-container>.biz-2service-box{
    padding: 2em;
    width: 49%;
  }
}

.times-car-img{
  max-width: 350px;
  margin: 0 auto;
}
.free-wifi-img{
  max-width: 280px;
  margin: 0 auto;
}


/* 大型車・平面駐車場
-------------------------------------------------------------- */

.wp-block-columns.large-price-clms{
  margin-bottom: 2em;
}

.wp-block-columns.large-price-clms .wp-block-column{
  padding: 1em;
  background-color: #ffffff;
  box-sizing: border-box;
  border: 1px solid #d4dfe7;
  border-top: solid 5px #08529b;
}
@media only screen and (min-width:600px){ 
  .wp-block-columns.large-price-clms .wp-block-column{
    padding: 1.2em;
  }
}
@media only screen and (min-width:992px){
  .wp-block-columns.large-price-clms .wp-block-column{
    padding: 1.5em;
  }
}

.large-size-txt{
  display: block;
  padding: 0.5em;
  background-color: #f5f5f5;
  color: #cd4f82;
}

/* 提携店・街歩き
-------------------------------------------------------------- */

/* 提携店一覧 */
.teikei-accordion-clms{
  border-left: solid 1px #d2e5f3;
  border-right: solid 1px #d2e5f3;
  border-bottom: solid 1px #d2e5f3;
  background-color: #ffffff;
  padding: 1em;
  color: #07569c;
}
.teikei-accordion-clms-top{
  border-top: solid 1px #d2e5f3;
}
.teikei-accordion-clms .wp-block-paragraph{
  display: block;
  margin: 0!important;
}
.teikei-accordion-clms h3{
  margin: 0!important;
  text-decoration: none;
}
.teikei-accordion-clms .wp-block-accordion-heading__toggle:hover,
.teikei-accordion-clms .wp-block-accordion-heading__toggle-title{
  text-decoration: none!important;
}
.teikei-accordion-clms .wp-block-accordion-heading__toggle-title,
.teikei-accordion-title{
  font-family: 'Noto Sans JP', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-feature-settings: 'palt';
  line-height: 1.2!important;
}
.teikei-accordion-clms .wp-block-accordion-heading__toggle-title{
  position: relative;
}
.teikei-accordion-clms .wp-block-accordion-heading__toggle-title strong{
  position: absolute;
  font-size: 0.6em;
  font-weight: normal;
  right: 10px;
  top:0.4em;
}

.teikei-accordion-koumoku a{
  display: block;
  color: #07569c;
}
.teikei-accordion-koumoku a:hover{
  text-decoration: underline;
}

.shisetsu-links {
  padding-left: 0!important;
  margin-top: 1.5em!important;
}
.shisetsu-links li{
  list-style-type: none;
  border-bottom: dotted 1px #aaaaaa;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  box-sizing: border-box;
  padding-left: 1em;
  position: relative;
}
.shisetsu-links li a{
  position: relative;
}
.shisetsu-links li a::after{
  content:'';
  position: absolute;
  right: 1em;
  top:50%;
  width: 0.8em;
  height: 0.8em;
  display: block;
  background-image:url("../img/icon/pageuyaji-gaibu.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  filter: invert(24%) sepia(91%) saturate(2256%) hue-rotate(193deg) brightness(94%) contrast(97%);
}

@media only screen and (min-width:600px){ 
  .teikei-accordion-clms{
    padding: 1.2em;
  }
  .shisetsu-links{
    display: flex;
    flex-wrap: wrap;
    gap:0px 2%;
  }
  .shisetsu-links li{
    width: 49%;
  }

}
@media only screen and (min-width:992px){
  .teikei-accordion-clms{
    padding: 1.5em;
  }
}

/* パネルの初期状態（閉じているとき） */
.wp-block-accordion-panel {
    display: grid !important; /* WordPressのhidden属性による display:none を無効化 */
    grid-template-rows: 0fr;
    visibility: hidden;
    /* 閉じる時もゆっくりにするため、visibilityもアニメーションに含める */
    transition: grid-template-rows 0.4s ease-out, visibility 0.4s ease-out;
}

/* 内側の要素がはみ出さないようにマスクする */
.wp-block-accordion-panel > * {
    overflow: hidden;
}

/* 開いている状態のCSS */
.wp-block-accordion-item.is-open .wp-block-accordion-panel {
    grid-template-rows: 1fr;
    visibility: visible;
}


/* 広島街歩き
-------------------------------------------------------------- */


.town-info-block>.wp-block-group__inner-container{
  display: flex;
  flex-wrap: wrap;
  gap:1.5em 2%;
}
.town-info-block>.wp-block-group__inner-container>.wp-block-group.townset-block{
  width: 100%;
}
@media only screen and (min-width:782px){ 
  .town-info-block>.wp-block-group__inner-container>.wp-block-group.townset-block{
    width: 49%;
  }
}
@media only screen and (min-width:992px){ 
  .town-info-block>.wp-block-group__inner-container>.wp-block-group.townset-block{
    width: 32%;
  }
}


.park-ride-img{
  display: block;
  width: 80%;
  max-width: 300px;
  margin: 0 auto;
}

.townset-block{
  font-size:16px;
  width: 100%;
  padding-bottom: 70px;
  box-sizing: border-box!important;
  border: solid 1px #075ba5;
  position: relative;
}
.townset-block .allbtm-link{
  position: inherit;
  left: auto;
  transform:none;
  bottom: 1em;
  width: 100%;
  box-sizing: border-box!important;
  padding: 0;
}
.allbtm-link.icon-koushiki a::after{
  content: '';
  background-image: url("../img/icon/mi-network.svg")!important;
}
.allbtm-link.icon-ikikata a::after{
  content: '';
  background-image: url("../img/icon/mi-access.svg")!important;
}

.town-links-box{
  position: absolute;
  bottom: 1em;
  width: calc(100% - 2em);
  box-sizing: border-box;
  padding: 0 15px;
  box-sizing: border-box;
  left: 1em;
}

.town-links{
  list-style-type: none;
  margin: 0!important;
  padding: 0!important;
  display: flex;
  gap:10px 2%;
}
.town-links li{
  width: 49%;
}

/* シェアサイクル*/
.kankou-flow {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px; /* 矢印が入るスペースを空けるため、少し広めに設定 */
  list-style: none;
  padding: 0 0 0 0!important;
  margin: 0 0 2em 0!important;
}

.kankou-flow li {
  position: relative; /* 矢印の位置の基準にする */
  background: #f5f5f5; /* ブロックの背景色（例） */
  border: 1px solid #ccc; /* ブロックの枠線（例） */
  padding: 10px 15px; /* ブロック内の余白 */
  border-radius: 4px;
  font-size: 1.2em;
}

/* 最後の要素以外：右外側に矢印を配置 */
.kankou-flow li:not(:last-child)::after {
  content: "→";
  position: absolute;
  right: -20px; /* 枠線の右側からどれくらい離すか（外側へ配置） */
  top: 50%;     /* 上下中央揃え */
  transform: translateY(-50%);
  color: #666;
  font-weight: bold;
}


@media screen and (max-width: 599px) {
  .kankou-flow {
    flex-direction: column; /* 縦並びに変更 */
    gap: 22px;              /* 縦の矢印スペースを確保 */
  }

  .kankou-flow li {
    width: 100%;            /* ブロックを横いっぱいに広げる場合 */
    box-sizing: border-box;
  }

  /* 最後の要素以外：下外側に矢印を変更 */
  .kankou-flow li:not(:last-child)::after {
    content: "↓";
    right: auto;            /* 横並び用の設定をリセット */
    top: auto;              /* 横並び用の設定をリセット */
    bottom: -24px;          /* 枠線の下外側に配置 */
    left: 50%;              /* 左右中央揃え */
    transform: translateX(-50%);
  }
}


/* 公共機関 */

.wp-block-columns.koukyou-info-clms{
  gap:1em 1em;
}
.wp-block-columns.koukyou-info-clms .wp-block-column{
  border: solid 1px #075ba5;
  background-color: #ffffff;
  box-sizing: border-box;
  padding: 1em;
}
@media only screen and (min-width:782px){ 
  .wp-block-columns.koukyou-info-clms .wp-block-column{
    padding: 1.5em;
  }
}
@media only screen and (min-width:992px){ 
  .wp-block-columns.koukyou-info-clms .wp-block-column{
    padding: 2em;
  }
}


/* 月極・定額利用
-------------------------------------------------------------- */

/* トップアンカーリンク */
.linkbox-full-clms .wp-block-group__inner-container{
  display: flex;
  flex-wrap: nowrap;
  gap: 1em;
  width: 100%;
}

.linkbox-full-box {
  width: 50%;
  padding: 1em;
  background-color: #ffffff;
  box-sizing: border-box;
  border: 1px solid #d4dfe7;
  border-top: solid 5px #08529b;
  color: #222222!important;
}

.linkbox-full-box.bscolor-line{
  border-top: solid 5px #1d9d78;
  background-color: #f8fffc;
}

@media only screen and (min-width:782px){ 
  .linkbox-full-box {
    padding: 1.5em;
  }
}
@media only screen and (min-width:992px){ 
  .linkbox-full-box {
    padding: 2em;
  }
}

.pagelink-yajirushi{
  position: relative;
}
.pagelink-yajirushi::after {
    content: '';
    position: absolute;
    right: 1em;
    bottom: 1em;
    display: block;
    width: 1em;
    height: 1em;
    background-image: url(../img/icon/pageuyaji-bottom.svg);
    background-size: contain;
    background-repeat: no-repeat;
    filter: invert(24%) sepia(91%) saturate(2256%) hue-rotate(193deg) brightness(94%) contrast(97%);
}

/* 月極 */

.large-price-clms>div.wp-block-column.bscolor-pd{
  border-top: solid 5px #39a4d8;
  background-color: #f9fbfc;
}

/* マンスリー背景有りボックス */
.list-basecolor-box{
  list-style-type: none;
  margin: 10px 0 10px 0!important;
  padding: 0 0 0 0!important;
  display: flex;
  gap:5px;
  width: 100%;
}
.list-basecolor-box li{
  flex: 1;
  border: 1px solid #75b9e2;
  background-color: #f3faff;
  text-align: center;
  color: #07569c;
  padding: 1em;
  box-sizing: border-box;
}
.list-basecolor-box.bscolor-line li{
  background: #e9f8f2;
  border: 1px solid #9ed6c4;
  color: #16775d;
}
.list-basecolor-box.font-large li strong{
  font-size: 1.3em;
}


.s-ticket-img li{
  padding-top: 0!important;
}

.s-ticket-img img{
  display: block!important;
  margin: 0 auto!important;
  width: 80%!important;
}

/* アクセス
-------------------------------------------------------------- */


.wp-block-columns.access-info-clms{
  margin-bottom: 2em;
}

.wp-block-columns.access-info-clms .wp-block-column{
  padding: 0;
  background-color: #ffffff;
  box-sizing: border-box;
  border: 1px solid #d4dfe7;
  border-top: solid 5px #08529b;
}
.wp-block-columns.access-info-clms .wp-block-column .access-info-box{
  padding: 1em;
}
@media only screen and (min-width:600px){ 
  .wp-block-columns.access-info-clms .wp-block-column .access-info-box{
    padding: 1.2em;
  }
}
@media only screen and (min-width:992px){
  .wp-block-columns.access-info-clms .wp-block-column .access-info-box{
    padding: 1.5em;
  }
}

/* アクセス：アドレス */
.access-mini-add{
  list-style-type: none;
  margin: 0 0 0 0!important;
  padding: 0 0 0 0!important;
  display: block;
}

.access-mini-add-name{
  font-size: 1.5em;
}
.access-mini-add-tel{
  font-size: 1.6em;
}

.access-mini-add-tel a{
  color: #ffffff;
  position: relative;
  display: block;
  padding-left: 1.3em;
}
.access-mini-add-tel a::after{
  content: '';
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
  width: 1.3em;
  height: 1.3em;
  background-image:url("../img/icon/mi-mobile.svg");
  background-size: contain;
  background-repeat: no-repeat;
  filter: brightness(0) invert(1);
}

@media only screen and (max-width:781px){
  .access-mini-add-name{
    margin-bottom: 0.5em;
  }
  .access-mini-add-add br{
    display: none;

  }
}
@media only screen and (min-width:782px){
  .access-mini-add{
    display: flex;
    align-items: center;
    gap:2em;
  }
  .access-mini-add{
    gap: 0.5em 2em;
  }
}

/*  アクセス：お問い合わせ*/
.access-setsumei-box{
  background-color: #ffffff;
  border-radius: 10px;
  padding: 1em;
  margin: 1.5em 0;
}

.access-setsumei-box{
  
}

@media only screen and (min-width:782px){
  .access-setsumei-box{
    padding: 1.2em;
  }
}
@media only screen and (min-width:992px){
  .access-setsumei-box{
    padding: 1.5em;
  }
}