/**
 * Theme Name:     HitMag Child
 * Author:         hitomi.K
 * Template:       hitmag
 * Text Domain:	   hitmag-child
 * Description:    HitMag is a stylish and powerful theme crafted for magazines, newspapers or personal blogs. HitMag comes with a handful of options to customize your site the way you want. Free version has included a magazine homepage layout, 4 different style blog listing layouts and main color options. Not only that it comes with so many handful of features like author details box, Related posts after articles and control post metadata. All those features and options ensures that HitMag is not just another free WordPress theme but a powerful theme that fulfills all of the basic needs. See all the theme information at https://themezhut.com/themes/hitmag/
 */


/* -----------------------------------
基本設定
タイトル下線：#B200B2　明るめ紫
背景用　　　：#A40280　落ち着いた紫
見出し文字　：#BD249B　基本色
inboxの背景：floralwhite
ホバー用背景：#FFF7E3　floralwhiteよりちょい濃い
うす～いパープル背景：#FEF1FD
さらにうす～いパープル背景：#FEF8FE
枠線：#D77CC3

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










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

　あああ
 
************************************************* */

/* -----------------------------------
　あああ
-------------------------------------- */
/*　あああ
-------------------------- */


/* -----------------------------------
　ブレイクポイント
-------------------------------------- */

/*768px以上*/
@media (min-width: 768px) {
}

/*992px以上*/
@media (min-width: 992px) {
}

/*992px以下*/
@media (max-width: 992px) {
}


/*
@media (max-width: 992px) {
}
@media (max-width: 600px) {

}*/

/* -----------------------------------
　表示非表示＋固有ID切替
-------------------------------------- */

/* --- デフォルト　スマホファースト --- */
/* スマホで表示、PCで非表示 */
#custom_html-32,/*SP:PICK UP ART*/
.sp-only { display: block !important; }

/* スマホで非表示、PCで表示 */
#custom_html-31,/*PC:PICK UP ART*/
.pc-only { display: none !important; }


/* --- PC表示用（幅768px以上） --- */
@media screen and (min-width: 768px) {

      /* PCでは非表示 */
	  #custom_html-32,/*SP:PICK UP ART*/
	  .sp-only { display: none !important; }
	  
	  /* PCでは表示 */
	  #custom_html-31,/*PC:PICK UP ART*/
      .pc-only { display: block !important; }
}






/* -----------------------------------
　br 改行切替
-------------------------------------- */
/*PCのみ改行*/
.pc-br {display: none;}
@media screen and (min-width: 768px) {
      .pc-br {display: inline;}
}

/*スマホのみ改行*/
.sp-br {display: inline;}
@media screen and (min-width: 768px) {
      .sp-br {display: none;}
}


/* -----------------------------------
　スペースリセット
-------------------------------------- */
.none {
margin: 0!important;
padding: 0!important:
}


/* -----------------------------------
　基本文字サイズ
-------------------------------------- */
/* スマホ基準 */
body {
font-size: 1rem;
}

/*768px以上*/
@media (min-width: 768px) {
      body {
      font-size: 1.2rem;
      }
}

/*992px以上*/
@media (min-width: 992px) {
      body {
      font-size: 1.0rem;
      }
}


/* -----------------------------------
　色
-------------------------------------- */
/*.spe {color: #B98704;}*/


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

　基本のカスタマズ
 
************************************************* */

/*　基本設定
-------------------------- */
img {
vertical-align: bottom;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", 'Yu Gothic', "Meiryo", sans-serif;
}

/*画像リンクの隙間にポインターが出ないように*/
/*a {
display:inline-block;
}*/

body {
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", 'Yu Gothic', "Meiryo", sans-serif;
}

/*font-family: 'Noto Sans JP', YuGothic, "Yu Gothic medium", "Hiragino Sans", "sans-serif";*/



/*　hitmag コピーライト非表示
-------------------------- */
.site-info-designer {
    display: none;
}







/*　最上段のバー
-------------------------- */
.hm-top-bar {
height: 35px;
background: #A40280;/*#ECF0F1*/
border-bottom: 1px solid #ddd;
font-family: "Ubuntu", sans-serif;
color: #fff;
}

.top-navigation a {
color: #fff;
line-height: 20px;
padding: 7.5px 9px;
font-size: 12px;
font-size: 0.75rem;
font-weight: 500;
}


/*　ヘッダロゴ
-------------------------- */
.site-branding {
float: left;
max-width: 100%;
margin: 10px 0 10px 0;
padding: 0;
}
.site-branding .hm-logo {
margin: 0;
padding: 0;
}
.site-branding .hm-logo img {
width: 200px;
height: auto;
max-width: 100%;
}

/*992px以上*/
@media (min-width: 992px) {
      .site-branding {
      margin: 15px 0;
      }
      .site-branding .hm-logo img {
      width: 250px;
      }
}


/*　ヘッダキャッチ　ウィジェット
-------------------------- */
.hm-header-sidebar {
margin: 0 0 10px 0;
display: inline-block;
float: none;
}
.hm-header-sidebar .widget {
margin: 0;
font-size: 14px;
color: #BD249B;
padding: 6px 10px;
border: 1px solid  #B200B2;
}


/*992px以上*/
@media (min-width: 992px) {
      .hm-header-sidebar {
      margin: 20px 0 0;
      }
	  .hm-header-sidebar .widget {
      padding: 10px 20px;
      }
}


/*　メイン画像トップのみ表示
-------------------------- */
body:not(.home) .hm-header-image {
display: none;
}

/*　メイン画像　縦固定設定
-------------------------- */
.hm-header-image {
height: 210px;
overflow: hidden;
position: relative;
}
.hm-header-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}


/*768px以上*/
@media (min-width: 768px) {
      .hm-header-image {
      height: 380px;
      }
}

/*992px以上*/
@media (min-width: 992px) {
      .hm-header-image {
      height: 500px;
      }
}






/* -----------------------------------
　コンテンツ幅　※スマホ基準
-------------------------------------- */

.hm-container {
margin: 0 auto;
padding: 0 15px;/*0 25px*/
position: relative;
}
@media (min-width: 768px) {
      .hm-container {
      max-width: 760px;
      padding: 0 30px;
      }
}
@media (min-width: 992px) {
      .hm-container {
      max-width: 990px;
      padding: 0 40px;
      }
}
@media (min-width: 1200px) {
      .hm-container {
      max-width: 1200px;
      }
}


/* 横揺れ・隙間防止 */
html, body {
overflow-x: hidden;
}





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

　細かい部分の既存の調整
 
************************************************* */
/*トップサムネイルの大画像のタイトル*/
.hmb-entry-title {
font-size: 17px;
  /*font-size: 21.008px;
  font-size: 1.313rem;*/
}
/*色を変えるならこっち*/
.hmb-entry-title a {
    color: #222222;
    line-height: 1.3;
}
/*作業途中*/
/*トップサムネイルの小画像のタイトル*/
.hms-title {
    font-size: 15px;
    /*font-size: 1rem;*/
    /*font-size: 16px;
    font-size: 1rem;*/
    margin: 0 0 0.8em;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

img[Attributes Style] {
    /*これではダメ
	width: 348px;
    aspect-ratio: auto 348 / 215;
    height: 215px;
    aspect-ratio: auto 348 / 215;*/
	
	width: 100%;
    aspect-ratio: auto 1 / 1;
}

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

　ウィジェット
 
************************************************* */
/* -----------------------------------
　ウィジェット　タイトル 下線タイプ
-------------------------------------- */
/*
h4.widget-title {
margin-bottom: 16px;
padding-bottom: 2px;
border-bottom: 4px solid #bd249b;
}*/

/* -----------------------------------
　ウィジェット　タイトル 背景色タイプ
-------------------------------------- */
h4.widget-title {
margin: 0 0 14px 0;
padding: 6px 12px;
background-color: #BD249B;
border-radius: 4px;
color: #fff;
font-size: 17px;
font-weight: 700;
display: inline-block;
line-height: 1.2;
border: none;
}

/* -----------------------------------
　トップのVIEW ALL
-------------------------------------- */

a.hm-viewall {
font-family: "Ubuntu", sans-serif;
font-weight: bold;
text-transform: uppercase;
float: right;
margin-top: 2px;
margin-bottom: 20px;
font-size: 10px;
padding: 3px 10px;
border-radius: 3px;
border: 1px solid #888;
color: #888;
background: #fff!important;
}
a.hm-viewall:visited {
color: #888;
}
a.hm-viewall:hover {
border: 1px solid #222;
color: #222;
background: #FEF8FE!important;
}



/* -----------------------------------
　ウィジェット　サブメニュー用
-------------------------------------- */
ul.widget-submenu  {
list-style: none;
margin: 0;
padding: 0;
}
ul.widget-submenu li {
border-bottom: 1px dotted #ccc;
margin: 0;
padding: 8px 12px!important;
font-size: 15px;
}
ul.widget-submenu li:first-child {
padding-top: 0!important;
}
ul.widget-submenu a {
display: block;
/*font-weight: 600;*/
color: #333;
text-decoration: none;
transition: 0.2s;
}
ul.widget-submenu a:hover {
color: #B200B2;
font-weight: 600;
background: none;
}

/* -----------------------------------
　ウィジェット　サブメニュー用　trinity
-------------------------------------- */
ul.widget-submenu.trinity li {
border-bottom: 1px dotted #ccc;
margin: 0;
padding: 8px 12px!important;
font-size: 14px;
}
ul.widget-submenu.trinity a {
display: block;
color: #333;
text-decoration: none;
transition: 0.2s;
}










/* -----------------------------------
　ウィジェット　音声
-------------------------------------- */
.widget-audio {
margin: 0 0 10px 0;
padding: 0;
}
.widget-audio p.audio-title {
margin: 0 0 5px 0;
padding: 0 0 0 5px;
font-size: 14px;
line-height: 1.4;
color: #BD249B;

}
/*.widget-audio audio {
margin: 0;
padding: 0;
}*/



/* -----------------------------------
　動画の埋込　アスペクト比
-------------------------------------- */
.video-wrap {
width: 100%;
aspect-ratio: 16 / 9;
}

.video-wrap iframe {
width: 100%;
height: 100%;
display: block;
}

/* -----------------------------------
　動画の埋込　縦型
-------------------------------------- */
.video-wrap-vertical {
  width: 100%;
  /*max-width: 360px;*/
  aspect-ratio: 9 / 16;
  margin: 0 auto;
}

.video-wrap-vertical iframe {
  width: 100%;
  height: 100%;
  display: block;
}

/* -----------------------------------
　動画の下などの補足テキスト
-------------------------------------- */
p.addtxt {
margin: 0;
padding: 3px 0 0 0;
font-size: 14px;
line-height: 1.4;
}
p.addtxt span {
font-weight: 500;
}
p.addtxt span a {
color: #BD249B;
}


/* -------------------------------
　説明付きのメニュー
---------------------------------- */
.widget-exmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

/*規定のpadding打消し*/
.widget ul.widget-exmenu li:not(.wp-block-social-link),
.widget-area ul.widget-exmenu li:not(.wp-block-social-link) {
  padding: 0;
}

/* --- aタグを左右分ける（左：テキストブロック、右：矢印） --- */
.widget-exmenu li a {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; /* ←上揃えに変更 */
  padding: 8px 16px 10px;
  border: 1px solid #D77CC3;
  border-radius: 6px;
  text-decoration: none;
  background-color: #FEF8FE;
  transition: background 0.3s, border-color 0.3s;
}

.widget-exmenu li a:hover {
  background-color: #FEF1FD;
  border-color: #B200B2;
}

/* --- テキストブロック --- */
.widget-exmenu li a .text-wrap {
  display: flex;
  flex-direction: column; /* ←縦積みで確実に2段 */
}

/* --- タイトルと説明 --- */
.exmenu-title {
  font-size: 18px;
  font-weight: 600;
  color: #BD249B;
  margin-bottom: 2px;
}
.exmenu-desc {
  font-size: 13px;
  color: #333333;
}

/* --- 矢印 --- */
.widget-exmenu li a::after {
  content: "›";
  font-size: 20px;
  color: #A40280;
  transition: transform 0.3s;
  margin-left: 8px;
  transform: translateY(7px); /* ← 下方向に6px調整 */
}
.widget-exmenu li a:hover::after {
  transform: translate(4px, 7px); /* ← 横に4px、下に6px維持 */
}

/*一行の場合*/
.widget-exmenu li.one a {
padding: 6px 16px 6px;
}
.widget-exmenu li.one .exmenu-title {
/*font-size: 16px;*/
margin-bottom: 0;
}
.widget-exmenu li.one a::after {
transform: translateY(-2px);
}
.widget-exmenu li.one a:hover::after {
transform: translate(4px, -2px);
}


/* --- セッション　ゴールドカラー --- */
.widget-exmenu li.gold a {
border: 2px solid #B98704;
background-color: #FFFCF2;
}
.widget-exmenu li.gold a:hover {
background-color: #FFFAE8;
border-color: #EBC203;
}
.widget-exmenu .gold .exmenu-title {
font-size: 19px;
color: #B98704;
}
.widget-exmenu li.gold a::after {
color: #B98704;
}


/* --- フォーム　グリーンカラー --- */
.widget-exmenu li.form a {
border: 1px solid #FFB973;
background-color: #FFF9F3;
}
.widget-exmenu li.form a:hover {
background-color: #FFF8F0;
border-color: #FF771C;
}
.widget-exmenu .form .exmenu-title {
/*font-size: 19px;*/
color: #FF771C;
}
.widget-exmenu li.form a::after {
color: #FF771C;
}


/* -------------------------------
　説明付きのメニューの単品ボタン
　基本は.widget-exmenuを流用
　トップの遠隔セッションで使用
---------------------------------- */
.btn-exmenu {
max-width: 400px;
width: 100%;
}
.btn-exmenu a {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 10px;
padding: 8px 16px 10px;
border: 1px solid #D77CC3;
border-radius: 6px;
text-decoration: none;
background-color: #FEF8FE;
transition: background 0.3s, border-color 0.3s;
}

.btn-exmenu a:hover {
background-color: #FEF1FD;
border-color: #B200B2;
}

/* --- テキストブロック --- */
.btn-exmenu a .text-wrap {
display: flex;
flex-direction: column;
}

/* --- タイトルと説明 --- */
/*.widget-exmenuと共有*/

/* --- 矢印 --- */
.btn-exmenu a::after {
content: "›";
font-size: 20px;
color: #A40280;
transition: transform 0.3s;
margin-left: 8px;
transform: translateY(7px);
}
.btn-exmenu a:hover::after {
transform: translate(4px, 7px);
}


/* -----------------------------------
　ウィジェット　署名
-------------------------------------- */
.signature {
margin: 0;
padding: 0;
font-size: 14px;
line-height: 1.4;
color: #333333;
}
.signature span {
/*display: block;*/
color: #BD249B;
font-size: 15px;
font-weight: 700;
}

/* -----------------------------------
　ウィジェット　２カラム　画像と文章
-------------------------------------- */
#custom_html-44 {/*新刊発売*/
padding: 18px 20px;
border: 1px solid #ccc;
border-radius: 10px;
background-color: #FEF8FE;
}

/* スマホ（デフォルト）縦並び */
.widget-column2 {
display: flex;
flex-direction: column; /* 縦並び */
gap: 20px; /* 子要素の間隔 */
}

.column2-image,
.column2-text {
width: 100%;
box-sizing: border-box;
}

.widget-column2 h5 {
margin: 0 0 10px 0;
padding: 0;
color: #BD249B;
font-size: 20px;
font-weight: 700;
line-height: 1.4;
}

.widget-column2 p {
margin: 0;
font-size: 15px;
line-height: 1.7;
}
.widget-column2 p span {
font-weight: 700;
}
.widget-column2 p span a {
color: #BD249B;
}

/* PC（768px以上）横並び */
@media screen and (min-width: 769px) {
      .widget-column2 {
      flex-direction: row; /* 横並び */
	  gap: 40px;
      }

      .column2-image,
      .column2-text {
      width: 50%; /* 横並びで半分ずつ */
      }
	  .widget-column2 h5 {
      margin: 0 0 15px 0;
      }
}


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

　フッター
 
************************************************* */

/* -----------------------------------
　フッタータイトル　h4
-------------------------------------- */
/*元*/
/*
.footer-widget-title {
border-bottom: 2px solid #bd249b;
}
.footer-widget-title {
font-size: 18px;
font-size: 1.125rem;
border-bottom: 2px solid #e74c3c;
font-family: "Ubuntu", sans-serif;
font-weight: bold;
line-height: 1.3;
text-transform: uppercase;
display: inline-block;
color: #eee;
margin-top: 0;
margin-bottom: 24px;
}*/

.footer-widget-area .footer-widget-title {
margin: 0 0 16px 0;
padding: 0 0 4px 0;
color: #ececec;
font-size: 16px;
border-bottom: 1px solid #BD249B;
}







/* -----------------------------------
　フッター　メニュー用
-------------------------------------- */
.footer-widget-area ul.footer-menu  {
list-style: none;
margin: 0;
padding: 0;
}
.footer-widget-area ul.footer-menu li {
border-bottom: 1px dotted #555;
margin: 0;
padding: 6px 6px!important;
font-size: 14px;
color: #ececec;
}
.footer-widget-area ul.footer-menu li:first-child {
padding-top: 0!important;
}
.footer-widget-area ul.footer-menu a {
color: #ececec;
text-decoration: none;
transition: 0.2s;
}
.footer-widget-area ul.footer-menu a:hover {
color: #FEF1FD!important;
font-weight: 600;
background: none;
}







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

　トップのカスタマズ
 
************************************************* */


/* -----------------------------------
　あああ
-------------------------------------- */
/*　あああ
-------------------------- */




/* ページタイトル */
/*h1.entry-title {
margin-top: 10px;
font-size: 30px;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
color: aqua;
}*/


.hitmag-page .entry-title {

}



/* -----------------------------------
　カテゴリ別記事の最初の投稿の抜粋テキスト
-------------------------------------- */
.hmb-entry-summary p {
    margin: 0 0 1.438em;
    font-size: 15px;
}


/*２列の抜粋テキスト消す*/
.hmbd-post .hmb-entry-summary p {
display: none;
}


/* -----------------------------------
　画像正方形
-------------------------------------- */
/* HitMag サムネイル画像を正方形っぽく表示 */
/*/*.hms-thumb img,*/
/*.hmw-grid-post .hm-grid-thumb img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
  background-color: #fff;
  display: block;
  margin: 0 auto;
}*/






/* -----------------------------------
　トップ　お祓いのご予約受付中
-------------------------------------- */
.top-oharai {
margin: 0;
padding: 20px 20px;
border: 1px solid #D77CC3;
background-color: #FEF8FE;/*#FEF1FD #FFFAEA*/
border-radius: 10px;
}

.top-oharai h2 {
margin: 0 0 10px 0;
padding: 0;
font-size: 24px;
font-weight: 800;
color: #BD249B;
}
.top-oharai .top-oharai-text {
color: #000;
font-size: 18px;
line-height: 1.6;
font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

/*768px以上*/
@media (min-width: 768px) {
      .top-oharai {
      padding: 25px 40px;
	  font-size: 26px;
      }	  
      .top-oharai .top-oharai-text {
      font-size: 20px;
      line-height: 1.8;
      }
}




/* -------------------------------
	トップ　ご挨拶のブロック
---------------------------------- */
.top-lead {
margin: 0;
padding: 20px 16px;
border-radius: 10px;
/*背景画像の指定*/
background-image: url("./img/bg_toplead.png");
background-repeat:  no-repeat;
background-position:top center;
background-size: cover;
}

/*タイトル*/
.top-lead h2.top-lead-title {
font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
width: 100%;
margin: 0 auto 15px;
color: #000;
font-size: 26px;
font-weight:normal;
letter-spacing: .4rem;
line-height: 1.4;
text-align: center;
	/*両端線*/
    display: flex;
    align-items: center;
}
/*タイトル両端線*/
.top-lead h2.top-lead-title:before,
.top-lead h2.top-lead-title:after {
content: "";
height: 1px;
flex-grow: 1;
background-color: #999;
}
.top-lead h2.top-lead-title:before {
margin-right: 1.5rem;
} 
.top-lead h2.top-lead-title:after {
margin-left: 1.5rem;
}

.top-lead .top-lead-text {
color: #000;
font-size: 17px;
line-height: 1.5;
font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.top-lead .top-lead-text span.ex01 {
color: #ff0000;/*#DC143C*/
}
.top-lead .top-lead-text span.ex02 {
font-size: 22px;
font-weight: bold;
}

.top-lead .notes {
margin: 25px 0 0 0;
padding: 15px 6px 0 6px;
font-size: 14px;
line-height: 1.4;
border-top: 1px solid #999;
}
.top-lead .notes span {
font-weight: bold;
}


/*768px以上*/
@media (min-width: 768px) {
      .top-lead {
      margin: 0;
      padding: 30px 35px 25px;
      }

      /*タイトル*/
      .top-lead h2.top-lead-title {
      margin: 0 auto 20px;
      font-size: 26px;
      letter-spacing: .4rem;
      line-height: 1.4;
      }
      /*タイトル両端線*/
      .top-lead h2.top-lead-title:before {
      margin-right: 2rem;
      } 
      .top-lead h2.top-lead-title:after {
      margin-left: 2rem;
      }

      .top-lead .top-lead-text {
      font-size: 17px;
      line-height: 1.6;
      }
      .top-lead .top-lead-text span.ex02 {
      font-size: 24px;
      font-weight: bold;
      }

      .top-lead .notes {
      margin: 30px 0 0 0;
      padding: 15px 10px 0 10px;
      font-size: 14px;
      line-height: 1.6;
      }
}


/* -----------------------------------
　いろいろな説明文のエリア
-------------------------------------- */
.top-note {
padding: 0 20px 5px;
border: 1px solid #ccc;
border-radius: 10px;
background-color: #FFFFFF;/*#FEF8FE*/
}
.top-note section {
margin: 0 0 5px 0;
padding: 20px 0 0 0;
border-top: 1px solid #ccc;
}
.top-note section:first-child {
border-top: none;
}

.top-note h3 {
margin: 0 0 10px 0;
padding: 0;
color: #222222;/*#BD249B*/
font-size: 20px;
font-weight: 700;
}
.top-note p {
margin: 0;
padding: 0 0 15px 0;
font-size: 15px;
line-height: 1.6;
}
.top-note p a {
font-weight: 700;
}

/* 商標登録のテキスト回り込み
   表示非表示の切替使用
-------------------------- */
.top-note .note-txtfl img {
width: 90%;
height: auto;
margin: 0 auto;
padding: 10px 10px;
border: 1px solid #ccc;
display: block;
}

@media screen and (min-width: 768px) {
    .top-note .note-txtfl .pc-only {
    float: right;
    width: 40%;
    margin: 5px 0 5px 30px;
    }
}










/* -------------------------------
  トップ　サイキックワーク
  カスタムhtml
  <p>内はエンター改行
---------------------------------- */
/*.widget-psywork {
margin: 0;
padding: 15px 15px 5px;
border: 1px solid #ccc;
border-radius: 10px;
background-color: #FEF8FE;
}*/
#custom_html-30 {
/*margin: 0;*/
padding: 15px 15px 5px;
border: 1px solid #ccc;
border-radius: 10px;
background-color: #FEF8FE;
}
.widget-psywork h5 {
margin: 0 0 -16px 0;
padding: 14px 0 0 0;
color: #BD249B;
font-size: 18px;
font-weight: 700;
}
.widget-psywork p {
display: block;
white-space: pre-line;
margin: 0;
padding: 0 0 20px 0;
color: #000;
font-size: 15px;
line-height: 1.4;
border-bottom: 1px dotted #ccc;
}
.widget-psywork h5:first-of-type {
padding-top: 3px;
}
.widget-psywork p:last-child {
border: none;
}
.widget-psywork a {
display: inline-block;
padding: 8px 0 0 0;
font-weight: 700;
}

/*768px以上*/
@media (min-width: 768px) {
      .widget-psywork p {
      font-size: 15px;
      }
}



/* -------------------------------
  ピックアップの絵
---------------------------------- */
.widget-pickup-art {
}
.widget-pickup-art img {
width: 100%;
}



/* -------------------------------
  ピックアップ　枠付き
---------------------------------- */
#custom_html-41,/*新刊発売*/
#custom_html-35 /*音声 widget-audio*/
{
padding: 15px 15px;
border: 1px solid #ccc;
border-radius: 10px;
background-color: #FEF8FE;
}
/* -------------------------------
  ピックアップ　アイテム汎用
---------------------------------- */
.widget-pickup-item {
}
.widget-pickup-item img {
width: 100%;
}



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

　固定　共通
 
************************************************* */

/*
.hm-container {
  margin: 0 auto;
  padding: 0 0;
  position: relative;
}*/











/* -----------------------------------
　既存の変更
-------------------------------------- */

/*　サブタイトル上の余白縮め
-------------------------- */
.page-content, .entry-content, .entry-summary {
margin: 0.8em 0 0;
}


/* -----------------------------------
　固定ページの見出しフォント指定
-------------------------------------- */
.kotei-content h1,
.kotei-content h2,
.kotei-content h3,
.kotei-content h4 {
font-family: 'Noto Sans JP', sans-serif;
}

/* -----------------------------------
　既存タイトルの変更
-------------------------------------- */
.hitmag-page .entry-title {
margin: 0;
padding: 10px 0 0 0;
color: #000000;
/*font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", 'Yu Gothic', "Meiryo", sans-serif;*/
font-weight: normal;
font-size: 36px;
line-height: 1.1;
-ms-word-wrap: break-word;
word-wrap: break-word;
}


/* -----------------------------------
	固定ページ記事枠全体
-------------------------------------- */
.kotei-content {
margin: 0;
padding: 0;
}

.kotei-content section {
margin: 60px 0 0 0;
}

/* -----------------------------------
	固定ページの画像
-------------------------------------- */
/*　基本　W100%
-------------------------- */
.img-norm {
display: block;
margin: 0 auto 6px;
padding: 0;
width: 100%;
height: auto;
}

/*　枠付き　賞状など
-------------------------- */
.img-waku {
display: block;
margin-left: auto;
margin-right: auto;
padding: 10px 10px;
border: 1px solid #ccc;
background-color: #fff;
max-width: 100%;
height: auto;
}

/*　小画像、左寄り、リンク画像、並べるとき
-------------------------- */
.img-max {
display: inline-block;
margin: 0 0 6px;
padding: 0;
max-width: 100%;
height: auto;
}


/*　臼井みかお先生画像専用
-------------------------- */
.img-mikao {
display: block;
margin-left: auto;
margin-right: auto;
padding: 10px 10px;
background-color: #fff;
max-width: 70%;
height: auto;
}

/*768px以上*/
@media (min-width: 768px) {
      .img-mikao {
      max-width: 40%;
      }
}



/* -----------------------------------
	各タイトル
-------------------------------------- */
/*　サブタイトル（タイトル下）
-------------------------- */
.kotei-content h1.ttl-sub {
margin: 0 0 70px 0;
padding: 0 0 0 2px;
color: #000;
font-size: 16px;
font-weight: normal;
letter-spacing: 0.08em;
position: relative;
}
.kotei-content h1.ttl-sub::after {
position: absolute; /*positionをabsoluteに指定*/
content: "";
background-color: #B200B2; /*下線の色B200B2*/
width: 100px; /*線の幅*/
height: 10px; /*線の太さ*/
bottom: -24px; /*線のタテ位置*/
left: 0;  /*線のヨコ位置*/
/*transform: translateX(50%);　線のヨコ位置*/
}

/*　背景色タイプ
-------------------------- */
h2.ttl-h2 {
margin: 0 0 20px 0;
padding: 12px 15px;
background-color: #A40280;
border-radius: 4px;
color: #fff;
font-size: 22px;
font-weight: 500;
display: inline-block;
line-height: 1.4;
}
h2.ttl-h2.spe {
background-color: #B98704;
}



/*　下線タイプ
-------------------------- */
h3.ttl-h3 {
margin: 0 0 20px 0;
padding: 0 0 8px 0;
font-size: 24px;
font-weight: bold;
border-bottom: 8px solid #B200B2;
display: inline-block;
}
h3.ttl-h3.spe {
border-bottom: 8px solid #B98704;
}

/*　太字タイプ
-------------------------- */
h4.ttl-h4 {
margin: 0 0 10px 0;
padding: 0;
font-size: 20px;
font-weight: bold;
}


/*768px以上*/
@media (min-width: 768px) {
      h2.ttl-h2 {
      padding: 12px 30px;
      font-size: 22px;
      }
}



/* -----------------------------------
	リスト　下線無し
-------------------------------------- */
ul.list-normal {
margin: 0 0 30px 0;
padding: 0;
list-style: none!important;
}

ul.list-normal li {
position: relative;
padding-left: 1.0em; /* 「・」の幅分だけテキストを右にずらす */
padding-bottom: 10px;
margin: 0 0 10px 0;
font-size: 16px;
line-height: 1.6;
}

ul.list-normal li::before {
content: "・";
position: absolute;
left: 0;
top: 0;
line-height: 1.6;
}

/*マーク色付き マゼンタ*/
ul.list-normal.mag li::before {
  color: #B200B2;
}



/* -----------------------------------
	リスト　下線有り
-------------------------------------- */
ul.list-line {
margin: 0 0 30px 0;
padding: 0;
list-style: none!important;
}

ul.list-line li {
position: relative;
padding-left: 1.0em; /* 「・」の幅分だけテキストを右にずらす */
padding-bottom: 10px;
margin: 0 0 10px 0;
font-size: 16px;
line-height: 1.6;
border-bottom: 1px dotted #ccc;
}

ul.list-line li::before {
content: "・";
position: absolute;
left: 0;
top: 0;
line-height: 1.6;
}


/* -----------------------------------
	リスト　細め下線有り
-------------------------------------- */
ul.list-slim {
margin: 0 0 30px 0;
padding: 0;
list-style: none!important;
}

ul.list-slim li {
margin: 0;
padding: 4px 10px;
font-size: 14px;
border-bottom: 1px dotted #ccc;
line-height: 1.4;
}



/* -----------------------------------
	テキスト
-------------------------------------- */
p span.ex,
.ex {
color: #BD249B;
}
p span.bold,
.bold {
font-weight: bold;
}
p span.line {
border-bottom: 1px solid;
}


.kotei-content p {
margin: 0 0 30px 0;
padding: 0;
font-size: 16px;
line-height: 1.8;
}

.kotei-content p.small {
margin: 0;
padding: 0;
font-size: 14px;
color: #666;
line-height: 1.4;
}

.kotei-content p.lead {
margin: 0 0 40px 0;
padding: 0;
color: #000;
font-size: 20px;
line-height: 1.8;
}

.kotei-content .kotei-inbox p.lead {
margin: 0 0 40px 0;
padding: 0;
color: #000;
font-size: 18px;
line-height: 1.8;
}


/*.kotei-content p.keyword {
margin: 0;
padding: 0;
color: #666;
font-size: 14px;
line-height: 1.4;
}*/


/*768px以上*/
@media (min-width: 768px) {
    .kotei-content p.lead {
    font-size: 20px;
    line-height: 1.8;
    }
}



/* -----------------------------------
	ボタン
-------------------------------------- */
.btn-area {
margin: 0 0 30px 0;
}
.btn-area .btn-01 {
margin: 0 10px 6px 0;
padding: 12px 20px;
background-color:#31A65A;
color: #fff;
border-radius: 24px;
display: inline-block;
}
.btn-area .btn-01 a {
color: #fff;
text-decoration: none;
}
.btn-area .btn-01:hover {
background-color: #B200B2;
}

/*768px以上*/
@media (min-width: 768px) {

}


/* -----------------------------------
	inbox枠
-------------------------------------- */
.kotei-inbox {
margin: 60px 0 0 0;
padding: 14px 10px 40px;
border:  1px solid #ccc;
border-radius: 10px;
background-color: floralwhite;

/*
box-shadow: inset 6px 6px 6px rgba(0,0,0,.1),
            inset -6px -6px 6px rgba(0,0,0,.1);*/
}
/*.kotei-inbox.spe {
border:  1px solid #EBC203;
}*/

.kotei-inbox section {
margin: 60px 0 0 0;
}

/*768px以上*/
@media (min-width: 768px) {
      .kotei-inbox {
      margin: 60px 0 0 0;
      padding: 30px 30px 40px;
      }
}


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

　固定　セッションメニュー　session
 
************************************************* */

/* -----------------------------------
	セッションメニューリスト
-------------------------------------- */
.session-menu-box {
margin: 0 auto 50px;
padding: 0;
/*padding: 16px 40px 26px;*/
box-sizing: border-box;
}
.session-menu-box ul.session-menu {
list-style-type: none;
margin: 0;
padding: 0;
counter-reset: li;
}
.session-menu-box ul.session-menu li {
display: flex;
align-items: center;
font-size: 20px;
padding: 0.6em 0.2em;
border-bottom: 1px dotted #ccc;
}
.session-menu-box ul.session-menu li:first-child {
border-top: 1px dotted #ccc;
}
.session-menu-box ul.session-menu li::before {
display: inline-block;
min-width: 1.7em;
margin-right: 10px;
border-radius: 50%;
background-color: #000;
color: #fff;
font-weight: bold;
font-size: 14px;/*.75em*/
line-height: 1.7em;
text-align: center;
content: counter(li);
counter-increment: li;
}

/*ゴールドにする場合*/
.session-menu-box ul.session-menu li.spe::before {
background-color: #B98704;
}
.session-menu-box ul.session-menu li.spe a {
color: #B98704;
}

.session-menu-box ul.session-menu li a {
text-decoration: none;
color: #000;
}
.session-menu-box ul.session-menu li a:hover {
color: #B200B2;
}
.session-menu-box ul.session-menu li:hover::before {
background-color: #B200B2;
}



/*768px以上*/
@media (min-width: 768px) {
    .session-menu-box ul.session-menu li {
    font-size: 20px;
    padding: 0.8em;
    }
}


/* -----------------------------------
	料金表
-------------------------------------- */
/* 基本縦3列 */
.table-wrapper {
overflow-x: auto; /* スマホ横スクロールを有効に */
-webkit-overflow-scrolling: touch; /* スムーズなスクロール */
margin: 0
}
table.price-tbl {
width: 100%;
min-width: 700px; /* 横スクロール発生用 */
margin: 0;
border-collapse: collapse;
}

table.price-tbl th {
padding: 10px 0;
background-color: #333;
border: 1px solid #ccc;
color: #fff;

}
table.price-tbl td {
width: 20%;
padding: 10px 10px;
border: 1px solid #ccc;
background-color: #fff;
color: #000;
font-size: 14px;
text-align: center;
line-height: 1.6;
}
table.price-tbl tr td:first-child {
width: 60%;
text-align: left;
}
table.price-tbl tr td h4 {
margin: 0;
font-size: 14px;
font-weight: 600;
}
/*備考*/
table.price-tbl tr td div {
padding-left: 12px;
}

/* 縦4列の場合 */
table.price-tbl.col4 td {
width: 15%;
}
table.price-tbl.col4 tr td:first-child {
width: 55%;
}
/* 縦4列の場合別バージョン　その他の養成講座の料金表 */
table.price-tbl.col4v2 td {
width: 16%;
}
table.price-tbl.col4v2 tr td:first-child {
width: 46%;
}
table.price-tbl.col4v2 tr td:last-child {
width: 22%;
text-align: left;
}


/*768px以上　横スクロール解除*/
@media (min-width: 768px) {
      .table-wrapper {
      overflow-x: visible;
      }

      table.price-tbl {
      min-width: auto;
      }
}




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

　固定　森中めぐみ紹介　about
 
************************************************* */

/* -----------------------------------
	受賞・認定
-------------------------------------- */
ul.ul-award {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
border: 1px dotted #ccc;
border-right: none;
border-bottom: none;
}
.ul-award li {
width: 50%;
border-right: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
box-sizing: border-box;
text-align: center;
padding: 8px;
}
.ul-award li img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: contain;
display: block;
}
.ul-award p {
margin: 10px 0 0 0;
color: #000;
font-size: 13px;
line-height: 1.4;
}

/*768px以上*/
@media (min-width: 768px) {
      .ul-award li {
      width: 33.3333%;
      padding: 12px 10px;
      }
      .ul-award p {
      font-size: 14px;
      }
}



/* -----------------------------------
	自己紹介
-------------------------------------- */
.dl-myself {
width: 100%;
margin: 0 0 15px 0;
padding: 0;
font-size: 14px;
/*font-family: 'Noto Sans JP', YuGothic, "Yu Gothic medium", "Hiragino Sans", "sans-serif";*/
}
.dl-myself {
align-items: top;
}
.dl-myself dt {
margin: 0;
padding: 10px 0 6px 0;
font-size: 16px;
font-weight: 700;
color: #BD249B;
}
.dl-myself dd {
margin: 0;
padding: 0 0 10px 20px;
border-bottom: 1px dotted #ccc;
line-height: 1.8;
}




/* -----------------------------------
	経歴
-------------------------------------- */
/*西暦*/
.history-year {
margin: 0;
padding: 0 0 4px 4px;
color: #BD249B; 
font-size: 20px;
font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}


.dl-history {
margin: 0 0 15px 0;
padding: 0;
font-size: 14px;
/*font-family: 'Noto Sans JP', YuGothic, "Yu Gothic medium", "Hiragino Sans", "sans-serif";*/
}
.dl-history .line {
display: flex;
align-items: top;
border-top: 1px dotted #ccc;
}
/*.dl-history .line:first-child {
border-top: 1px dotted #ccc;
}*/
.dl-history .line dt {
width: 8%;
max-width: 80px;
padding: 2px 0 5px 8px;
font-size: 16px;
}
.dl-history .line dd {
width: 92%;
margin: 0;
/*flex: 1;*/
padding: 5px 8px 5px 0;
}

/* 画面サイズ767px以下に適用するスタイル */
/*@media (max-width: 767px) {
    .dl-history .line {
    display: block;
    }
    .dl-history .line dt {
    width: 100%;
    padding: 5px;
    }
    .dl-history .line dd {
	width: 100%;
    padding: 5px;
    }
}*/


/* -----------------------------------
	商標登録証
-------------------------------------- */
ul.ul-trc {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
border: 1px dotted #ccc;
border-right: none;
border-bottom: none;
}

.ul-trc li {
width: 50%;
border-right: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
box-sizing: border-box;
text-align: center;
padding: 4px;
background: #ffffff;
}

.ul-trc li img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: contain;
display: block;
}

.ul-trc p {
margin: 6px 0 0 0;
font-size: 13px;
}

/*768px以上*/
@media (min-width: 768px) {
      .ul-trc li {
      width: 33.3333%;
      padding: 8px;
      }
      .ul-trc p {
      font-size: 14px;
      }
}



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

　固定　店舗案内
 
************************************************* */

/* -----------------------------------
	店舗案内
-------------------------------------- */
.dl-shop {
width: 100%;
margin: 0 0 15px 0;
padding: 0;
font-size: 16px;
align-items: top;
}
.dl-shop dt {
margin: 0;
padding: 15px 0 15px 10px;
font-size: 18px;
font-weight: 700;
color: #BD249B;
}
.dl-shop dd {
margin: 0;
padding: 0 0 30px 10px;
border-bottom: 1px solid #ccc;
line-height: 1.8;
}
.dl-shop dd span {
font-weight: 600;
}

/* 回り込みの画像 */
.img-fl-right {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto 1em;
}

@media screen and (min-width: 768px) {
      .img-fl-right {
      float: right;
      max-width: 40%;
      margin: 0.5em 0 1em 1em;
      }
}

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

　固定　よくある質問
 
************************************************* */

/* -----------------------------------
	よくある質問
-------------------------------------- */
.dl-faq {
width: 100%;
margin: 0 0 15px 0;
padding: 0;
font-size: 16px;
align-items: top;
}
.dl-faq dt {
margin: 0;
padding: 25px 0 20px 10px;
font-size: 20px;
font-weight: 700;
color: #BD249B;
}
.dl-faq dt:first-child {
border-top: 1px solid #ccc;
}
.dl-faq dd {
margin: 0;
padding: 0 0 40px 10px;
border-bottom: 1px solid #ccc;
line-height: 1.8;
}
.dl-faq dd span {
font-weight: 600;
}



@media screen and (min-width: 768px) {

}


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

　固定　アート集　artwork
 
************************************************* */

.kotei-content.artwork section {
margin: 0!important;
}

/* -----------------------------------
	アート一覧
-------------------------------------- */
ul.artwork-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
border: 1px dotted #ccc;
border-right: none;
border-bottom: none;
}
.artwork-list li {
width: 50%;
border-right: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
box-sizing: border-box;
text-align: center;
padding: 8px;
}
.artwork-list li img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: contain;
display: block;
}
.artwork-list p {
margin: 10px 0 0 0;
color: #000;
font-size: 13px;
line-height: 1.4;
}

/*768px以上*/
@media (min-width: 768px) {
      .artwork-list li {
      width: 33.3333%;
      padding: 12px 10px;
      }
      .artwork-list p {
      font-size: 14px;
      }
}


/* -----------------------------------
	ページ送り
-------------------------------------- */
.artwork-page {
display: flex;
justify-content: space-between;
margin: 0.5em 0;
gap: 1em;
}
.artwork-page a {
display: inline-flex;
align-items: center;
text-decoration: none;
background-color: #B200B2;
color: #fff;
padding: 0.3em 1em 0.4em;
border-radius: 10px;
transition: background 0.3s;
line-height: 1.4;
}

/* 左ボタン：左向き三角矢印 */
.artwork-page .prev::before {
content: "";
display: inline-block;
margin-right: 0.5em;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid #fff;
transform: translateY(1px);/* 縦位置調整 */
}

/* 右ボタン：右向き三角矢印 */
.artwork-page .next::after {
content: "";
display: inline-block;
margin-left: 0.5em;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #fff;
transform: translateY(1px);
}

.artwork-page a:hover {
background-color: #9a009a;
}




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

　固定　山の名前
 
************************************************* */

ol.list-named {
counter-reset: item; /* カウンター初期化 */
padding: 0;
margin: 0;
list-style: none; /* デフォルト番号を消す */
}

ol.list-named li {
display: flex;
align-items: center;
border-bottom: 1px dotted #ccc;
padding: 10px 0;
font-size: 15px;
line-height: 1.6;
}

ol.list-named li::before {
counter-increment: item;
content: counter(item) "."; /* 番号表示 */
display: inline-block;
width: 2em; /* 番号の幅を固定 */
text-align: right; /* 右寄せ */
margin-right: 10px; /* 番号とテキストの間隔 */
}







/* -------------------------------
	ブロック　お知らせ
---------------------------------- */
.top_info {
margin: 0;
padding: 0;
}

.top_info section {
padding: 20px 10px 30px 10px;
border-bottom: 1px solid #ccc;
}
.top_info section:first-child {
border-top: 1px solid #cccccc;
}


.top_info h2.top_info-title {
color: #BD249B;
}

.top_info .top_info-text {
color: #333;
font-size: 18px;
line-height: 1.8;
font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}



/* -------------------------------
	ヘッダのソーシャルアイコン　SNS
---------------------------------- */
/*背景無し*/
/*
#hm-menu-social li a::before {
  color: #ffffff !important;
}
#hm-menu-social li a:hover::before {
  color: #f0c040 !important;
  transition: color .18s ease;
}*/

/*背景有り*/
#hm-menu-social li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255,255,255,0.3);
  margin-right: 2px;
}
#hm-menu-social li a::before {
  color: #ffffff !important;
  font-size: 16px;
}


/*--------アイコンの色--------------*/
.widget-submenu li a i {
color: #BBBBBB;
margin-right: 10px;
}


.footer-menu li i {
color: #999999;
margin-right: 10px;
}