@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/
/*ADD:追加cssはここに記入。style.cssは使用しない*/

/************投稿データ投稿作業用の仮のcss:運用は削除*********/
/*.howto{
	border:1px solid var(--bs-dark-border-subtle);
	padding:4px;
	background-color:var(--bs-light);
}
dl.dl_howto > dd{
	padding-left:2rem;
}
*/
/************/
/*cocooon設定--フォント--メイリオを'BIZ UDPGothic'に書き換えて使用*/
@font-face {/*normal*/	
		src:url("https://www.honya.jp/wp-content/themes/cocoon-child-master/custom/fonts/BIZUDPGothic-Regular.woff2") format('woff2'), url("https://www.honya.jp/wp-content/themes/cocoon-child-master/custom/fonts/BIZUDPGothic-Regular.woff") format("woff");	
	font-family:'BIZ UDPGothic';
    font-weight:400;
    font-style: normal;
    font-display: swap;
 }
@font-face {/*bold*/	
	src:url("https://www.honya.jp/wp-content/themes/cocoon-child-master/custom/fonts/BIZUDPGothic-Bold.woff2") format('woff2'), url("https://www.honya.jp/wp-content/themes/cocoon-child-master/custom/fonts/BIZUDPGothic-Bold.woff") format("woff");	
    font-family: 'BIZ UDPGothic';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
 }
.ff-meiryo{	font-family: 'BIZ UDPGothic'; /*400*/}
bolderb, strong,boldstrong, b{font-weight:700;}

/*明朝フォント*/
@font-face {/*normal*/
		src:url("https://www.honya.jp/wp-content/themes/cocoon-child-master/custom/fonts/BIZUDPMincho-Regular.woff2") format('woff2'), url("https://www.honya.jp/wp-content/themes/cocoon-child-master/custom/fonts/BIZUDPMincho-Regular.woff") format("woff");	
	font-family: 'BIZ UDPMincho';
    font-weight:400;
    font-style: normal;
    font-display: swap;
 }
@font-face {/*bold*/	
	src:url("https://www.honya.jp/wp-content/themes/cocoon-child-master/custom/fonts/BIZUDPMincho-Bold.woff2") format('woff2'), url("https://www.honya.jp/wp-content/themes/cocoon-child-master/custom/fonts/BIZUDPMincho-Bold.woff") format("woff");	
     font-family: 'BIZ UDPMincho';
    font-weight:700;
    font-style: normal;
    font-display: swap;
 }
:root{
	/*
	 --bs-white
	 --bs-body-color:#212529
	--bs-secondary:#6c757d;
	--bs-border-color;
	--cocoon-text-color:#101010;
	 */
	--color_navy:/*#132f4a*/#000b20;
	--color_navy_btn:#084f72;
	--color_cream:#f6f4ef;
	--color_lightnavy_rgb:1,39,114;/*背景の透過色*/
	--color_hover:#1c6b8f;
	--color_green:#4ba9b6;
    --color_darkgray_modaal:#130e00;
	--color_input: #CCE9FB;
	--color_input_border:#4bb2f2;	
	
	--fs_14:0.875rem;
	--fs_18:1.125rem;
	--header_h:80px;/*ヘッダーの高さ*/
	--header_h_s:70px;/*ヘッダーの高さ*/
	--mv_h: calc( 100vh );/*メインビジュアルの高さ*/
	--subpagetop_h:250px;/*サブページトップ*/
	--content_w:1000px;/*コンテンツ幅を固定*/
	--mobilemenu_size:70px;

	 --font_jp_name:'BIZ UDPGothic', sans-serif;
	 --font_jp_min:"BIZ UDPMincho", serif;
	--font_menu_name:"Bodoni Moda", serif;/*600*/
	--font_en_name:"Open Sans", sans-serif; /*400*/
	--font_fa_name:"Font Awesome 5 Free";
	--fluid_max_w:2500x;
}

body{letter-spacing: 0.05em;}
body{margin-top:-1rem;}/*謎の空白を消す*/
/*img{width:100%;height:auto;} //ユーザーが画像を追加するので、この方法は使えない！！
/*img fit*/
.img_fit > img{
  width: auto;
  height: auto;
}
a{transition: all .3s;}

/*cocoon設定の初期化*/
article a:hover{color:var(--color_sub);}
a:hover {text-decoration:none;}
.article dd{margin:0;}
.entry-content{margin:0!important;}
.body .article{margin-bottom:0!important}

/*ulのスタイルを解除するには .ul_unstyledを使用する。使用できない場合はこちらに記述*/
ul.ul_unstyled,ul[id^="menu-sitemap-"],ul[id^="menu-sitemap-"]  ul.sub-menu {list-style-type: none;padding: 0;}
ul.ul_unstyled li,ul[id^="menu-sitemap-"] > li{margin: 0;}

/*fluid-maxwide*/
.container-fluid.fluid-maxwide{max-width:var(--fluid_max_w);} /*container-fluidに.fluid-maxwideを追加することでmax値を設定*/

/*loading---------------------------------*/
/*枠組み*/
.loader-wrap {
	font-family:sans-serif;
	z-index: 99999;
	position: fixed;
	/*top:-2rem;/*bodyの謎の余白の考慮*/
	display: flex;
	flex-direction:column;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: calc(100vh + 2rem);/*sp:safari対応*/
	background:
	radial-gradient(85% 70% at 75% 25%,
    rgba(40,110,185,.40) 0%,
    rgba(20,84,154,.55) 28%,
    rgba(10,43,92,.70) 50%,
    rgba(6,22,53,.88) 72%,
    rgba(2,4,12,1) 100%
  ),
  linear-gradient(140deg,
    #02040C 0%,
    #061635 30%,
    #0A2B5C 60%,
    #061635 100%
  );
	color:var(--bs-white);
	overflow: hidden!important;
	padding:0 1.5rem;
}
.fadein_loading p {
  opacity: 0;
  transform: translateY(10px);
	animation: fadein_soft 5s ease-out 1s forwards;
}
.fadein_loading p.loading_logo{
  animation-delay:2s;
}

/* ゆるいフェードイン */
@keyframes fadein_soft {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  80% {
    opacity:0.8;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.dots span {
  opacity: 0.2;
  animation: dotFade 2.4s infinite;
}

/* 1つずつ遅らせる */
.dots span:nth-child(1) { animation-delay: 0s; }
.dots span:nth-child(2) { animation-delay: 0.4s; }
.dots span:nth-child(3) { animation-delay: 0.8s; }
.dots span:nth-child(4) { animation-delay: 1.2s; }

@keyframes dotFade {
  0%   { opacity: 0.2; }
  25%  { opacity: 1; }
  50%  { opacity: 0.2; }
  100% { opacity: 0.2; }
}


/*header---------------------------------*/
/*ヘッダーを固定・透過：cocoon設定のヘッダー--固定は解除する！独自デザイン jsで追従設定*/
.header-container{
	position: fixed!important; 
	top: 0px; left: 0px; width: 100%!important;
	z-index:99;
	height:var(--header_h);
	transition: all 0.3s;
	background-color: transparent;
}
.header-container > .wrap{width:100%;}
#header-container.scroll-nav{
	height:var(--header_h_s);
}
/*body:not(.home):not(.front-page) #header-container.scroll-nav{*/
#header-container.scroll-nav{
	background-image:url('https://www.honya.jp/wp-content/uploads/bg_image02.jpg');
	background-position:top left;
	background-size:100% auto;
	background-repeat:repeat-y;
	background-attachment: fixed;
}
.header-container-in.hlt-top-menu .navi{
	margin-right:var(--mobilemenu_size);
	background-color: transparent!important;
	border-bottom:2px solid var(--bs-white);
}
/*logo*/
.header-container-in.hlt-top-menu .logo-header img,.header-container-in.hlt-top-menu .logo-header {transition: 0.2s;}
.header-container-in.hlt-top-menu .logo-header{max-height:var(--header_h);}
.logo {text-align:left;}
/*スクロール時*/
/*.scroll-nav .header-site-logo-image{max-width:400px;}*/
/*.scroll-nav .logo-header img{ width:calc(100% - var(--header_h) - 2rem );}*/
.scroll-nav .logo-image img{ width:calc(100% - var(--header_h) - 2rem );}
.scroll-nav .navi-in > ul li{height:var(--header_h_s); line-height:var(--header_h_s);}

/*globalmenu*/
#navi .navi-in>ul>li>a {padding: 0 1rem; display:flex; align-items:center;}
#navi .navi-in a{
	cursor:pointer;
	font-family:var(--font_menu_name);
	font-weight:600;
	font-size:1.25rem;
}
#navi .navi-in a:hover{background-color:var(--color_darkgray);}
.navi-in > ul li{
	height: var(--header_h);
	transition: all 0.3s;
	color:var(--bs-white);
}
.navi-in > ul .caption-wrap {
	align-items: flex-end;
align-content: flex-end;
}
.navi-in > ul .sub-menu li{
	height: 50px;
	line-height: 50px;
	background-color:var(--color_darkgray);
}
.navi-in > ul .sub-menu li:nth-child(odd){
	background-color:#333333;
}
.navi-in .has-icon{right:0!important;}

/*mobilemenu:モバイル表示*/
.mobile-menu-buttons{
	display:none;
	justify-content:center;
	top:0;
	bottom:auto;
	right:0;
    left:auto;
	background-color:transparent;
	box-shadow:none;
	z-index:100;
}
.mobile-menu-buttons .menu-button{
	width:var(--mobilemenu_size);
	height:var(--mobilemenu_size);
}
.menu-button-in{
	width:100%;
	height:100%;
	display:block;
	background-image:url('https://www.honya.jp/wp-content/uploads/btn_menu.svg'),url('https://www.honya.jp/wp-content/uploads/btn_menu_hover.svg');
	background-repeat:no-repeat,no-repeat;
	background-size:cover,cover;
}
.mobile-menu-buttons .menu-button:hover .menu-button-in{
	background-image:url('https://www.honya.jp/wp-content/uploads/btn_menu_hover.svg');
	background-repeat:no-repeat;
	background-size:cover;
 	opacity:1!important;
}
.sidebar-menu-button .menu-icon{
	display:none;
}
.navi-menu-content{/*右からスライドに変更*/
	left: auto;
	right: 0;
	transform: translateX(101%);
	background-color:rgba(32,33,33,0.9);
	padding:0;
    margin:0;
}
.menu-content .menu-drawer{padding-top:30px;}
.menu-close-button{color:var(--bs-white);text-align:right;padding:0 10px;}
.fa-times:before{content:'\f00d';}
/*mobile sidebar*/
.menu-content,.sidebar{background-color:var(--color_navy);}
#slide-in-sidebar{padding: 0 1rem ;}
	.widget-sidebar { margin-bottom:2rem!important;}
.widget_nav_menu ul > li{
	border-bottom:1px solid rgba(255, 255, 255, 0.6);
}
.widget_nav_menu ul > li > a{
	padding:0.75rem 0.25rem ;
	color:var(--bs-white);
}
.widget_nav_menu ul > li > a:hover{
	background-color:rgba(255, 255, 255, 0.2);
	color:var(--bs-white);
}

/*footer---------------------------------*/
/*コピーライトエリア*/
.footer,.footer-bottom{ margin-top:0;font-size:0.75rem;}
/*コンテンツ下部エリア*/
.footer_logo > img{max-width:260px;}

/*content-bottomの幅を100%に変更*/
#content-bottom-in.wrap{width:100%;}
.content-bottom{margin:0;}
.widget.widget-content-bottom,.content-bottom{margin-bottom:0;!important}

/*foote-sitemap & slide-menu*/
ul[id^="menu-sitemap-"]{margin-bottom:0;}
ul[id^="menu-sitemap-"]:not(ul[id^="menu-sitemap-totop"]) {
	padding-left:1rem;
}
ul[id^="menu-sitemap-"] a{
	color:var(--bs-white);
	padding: 0.3rem 0;
	display:block;
}
ul[id^="menu-sitemap-"]  ul.sub-menu{ margin-left:1rem; font-size:0.9rem;}
#slide_sitemap ul[id^="menu-sitemap-"] a{padding:0.75rem 0;}
#slide_sitemap ul[id^="menu-sitemap-"] ul.sub-menu a{padding:0.5rem 0;}
#slide_sitemap ul[id^="menu-sitemap-"] a:hover{ color:var(--color_hover);}
#slide_sitemap .btn_contact a{
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:var(--color_navy_btn);
	border-radius:100vh;
}
#slide_sitemap .btn_contact a:hover{
	color:var(--bs-white)!important;
	background-color:var(--color_navy);
}

#footer_sitemap ul[id^="menu-sitemap-"] a:hover{ color:var(--color_hover);}
#footer_sitemap ul[id^="menu-sitemap-01"]{display:flex;flex-wrap:wrap;}
#footer_sitemap ul[id^="menu-sitemap-01"] a {padding:0.3rem 2rem;}
#footer_sitemap ul[id^="menu-sitemap-external"]  a {text-align:right;}


/*トップページ-----------------------------*/
.bg_wrap{
	background-image:url('https://www.honya.jp/wp-content/uploads/bg_image02.jpg');
	background-position:top left;
	background-size:100% auto;
	background-repeat:repeat-y;
	background-attachment: fixed;
}
.bg_wrap.bg_wrap_top{
	padding-top:var(--header_h);
}


/*日めくりカレンダー*/
a.dsp_modaal{
	box-shadow: 0px 4px 30px 0px rgba(30, 46, 188, 0.5);
}
.boad-wrap > .img_fit{max-width:200px;}
.calendar_wrap{
	min-height:400px;
	padding:40px 40px 60px 40px;
	background-color:#3a3228;
	box-shadow: 
		5px 5px 0px -2px rgba(255,255,255,1), 
		6px 6px 0px -2px rgba(0,0,0,1), 
		8px 8px 0px -2px rgba(255,255,255,1),
		9px 9px 0px -2px rgba(0,0,0,1),
		11px 11px 0px -2px rgba(255,255,255,1),
		12px 12px 0px -2px rgba(0,0,0,1),
		14px 14px 0px -2px rgba(255,255,255,1),
		15px 15px 0px -2px rgba(0,0,0,1);
}
.calendar_ling{
	width:60px;
	height:60px;
	top:-30px;
	left:50%;
	transform: translateX(-50%);
}
.calendar_hand{
	width:100px;
	height:200px;
	bottom:0;
	right:0;
}
.calendar_mdw{font-size:1.75rem;line-height:1.45;}
.calendar_q{/*font-size:1.25rem*/;line-height:1.45;}
.calendar_a{font-size:1.25rem;line-height:1.65;}

/*illust*/
#illust_rabbit{
	margin-top:-20px;
	margin-bottom:10px;
	margin-right:-50px;
	z-index:3;
	width:100px;
	height:80px;
	background-image:url('https://www.honya.jp/wp-content/uploads/illust_rabbit_2.png?ver=20260217');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
  transform: translateZ(0);
  will-change: transform;
}
/* 表示＋お尻フリフリ */
#illust_rabbit.is-show{
transform-origin: 55% 40%;
  animation: rabbit_wiggle 0.8s infinite cubic-bezier(.45,.05,.55,.95);
}

@keyframes rabbit_wiggle {
  0%   { transform: rotate(-5deg); }
  50%  { transform: rotate(3deg); }
  100% { transform: rotate(-5deg); }	
}

#illust_fox  > img{
 width:100%;
height:auto;
}
#illust_fox{
width:24%;
height:auto;
top:8%;
right:10%;
	
 opacity: 0;
  transform: translateY(20px) scale(0.9);
  will-change: transform, opacity;
}

#illust_fox.is-show{
  animation:
    fox-appear 0.85s cubic-bezier(.25,.9,.35,1) forwards,
    fox-loop-same 2.85s cubic-bezier(.25,.9,.35,1) infinite;
  animation-delay:
    0s,
    2.85s; /* 初回(0.85s)＋休止(2.0s)=2.85s の後にループ開始 */
}
@keyframes fox-appear {
  0%   { opacity:0; transform: translateY(15px) scale(0.92); }
  12%  { opacity:1; transform: translateY(0) scale(1); }

  40%  { opacity:1; transform: translateY(-32px) scale(1.06); }
  62%  { opacity:1; transform: translateY(0) scale(0.97); }
  75%  { opacity:1; transform: translateY(-4px) scale(1); }

  100% { opacity:1; transform: translateY(0) scale(1); }
}

@keyframes fox-loop-same {
  0%,
  70% {
    transform: translateY(0) scale(1);
  }
  82% {
    transform: translateY(-32px) scale(1.06);
  }

  92% {
    transform: translateY(0) scale(0.97);
  }

  96% {
    transform: translateY(-4px) scale(1);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}


/*subpage下層ページ---------------------------------*/
/*パン屑 homeは非表示にする*/
.breadcrumb, .breadcrumb a{color :var(--bs-body-color);font-size:var(--fs_14);}

/*固定+トップ共通*/
.article h2,.article h3,.article h4,.article h5{
	background-color:transparent;
	margin-bottom:0;
	padding:0;
	margin-block-start: 0;
    margin-block-end:0;
	border:none;
}

/*固定ページテンプレート-----------------------*/
.page .date-tags {display: none;}
.content{margin-top:0;}
.main{padding: 0;}

/*投稿ページ共通 投稿ページはページタイプを1カラム狭いに強制*/
.page:not(.column-full-wide) .content-in,.single.single-format-standard .content-in,.archive .content-in{max-width:var(--content_w);padding:0 16px;}

/*固定ページヘッダー*/
#subpage_title{
	min-height:var(--subpagetop_h);
	padding-top:calc(var(--header_h) + var(--subpagetop_h) / 2.5);
}
#subpage_title h1{letter-spacing:0.125rem;text-shadow: 0 2px 6px rgba(0,0,0,0.7);}

/*リンク*/
.body:not(.home) .entry-content a,
.single .entry-content a {
	border-bottom:1px dotted var(--color_navy_btn);
	/*color:var(--color_navy_btn);*//*cocoon設定*/
	padding-bottom:0.25rem;
}
.single .entry-content a:hover {
	color:var(--color_hover);
	border-color:var(--color_hover);
}
/*投稿ページのカテゴリcat-helfは、タイトル非表示*/
.body.add-cat-shelf .entry-title{display:none;}

/*投稿ページには独自カテゴリリンク*/
.add_cat-link > a{
	background-color:var(--color_navy_btn);
	color:var(--bs-white);
	font-size:var(--fs_14);
	padding:4px 10px;
	margin:0 1px;
	border-radius:2px;
}
.add_cat-link > a:hover{
	background-color:var(--color_hover);
	color:var(--bs-white);
}


/*投稿一覧アーカイブページ*/
#list.list{row-gap:0;}
#list .entry-card-wrap{border-bottom: 1px dotted var(--bs-secondary);}
#list .entry-card-content{margin-left:0;}
#list .entry-card-wrap .entry-card-info > * {font-size:1em;}
#list .entry-card-thumb {display: none;}
#list .entry-card-meta{font-size:0.75rem;font-family:var(--font_en_name);}
.archive-title span{color:var(--color_gold);}
.related-entry-card-title, .entry-card-title{font-weight:400;}

/*LABO一覧固定ページ*/
body.labo-reading #subpage_title,
body.labo-potato #subpage_title,
body.labo-garden #subpage_title {margin-bottom: 0 !important;}
body.labo-reading .entry-content,
body.labo-potato .entry-content,
body.labo-garden .entry-content{margin-top:0!important;margin-bottom:0!important;}
body.labo-reading .breadcrumb,
body.labo-potato .breadcrumb,
body.labo-garden .breadcrumb{background-color:var(--color_cream)!important;margin:0!important;padding:1rem!important;}
/*リスト生成*/
/*.entry-item__thumb{
  width:220px;
  height:260px;
  overflow:hidden;
  flex:0 0 220px; 
  align-self:flex-start; 
}*/
/*アイキャッチは本のサイズ*/
 .entry-item__thumb{
	width:180px;
	height:262px;
	overflow:hidden;
	flex:0 0 180px; 
	 align-self:flex-start; 
}
.entry-thumb-img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.entry-item > a{color:var(--cocoon-text-color);border-bottom:none!important;}
.entry-item > a:hover{
	background-color:var(--bs-light);
}
/*ページネーション*/
.Pagination {
  display: flex;
  align-items: center;
	justify-content: center;
}
.Pagination-Item-Link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 45px;
  height: 45px;
  background: #fff;
  border: solid 2px var(--color_navy)!important;
  color: var(--color_navy);
  transition: all 0.15s linear;
}
.Pagination-Item-Link-Icon {
  width: 20px;
}
.Pagination-Item-Link.isActive {
  background: var(--color_navy);
  color:var(--bs-white);
  pointer-events: none;
}
.Pagination-Item-Link:not(.isActive):hover {
  background: var(--color_navy);
  color: var(--bs-white);
}
.Pagination > * + * {
  margin-left: 12px;
}

/*specialページ***************************************/
body[class*="special-"][class*="page"] #subpage_title h1{font-family:var(--font_en_name);}
body[class*="special-"][class*="page"] #subpage_title{margin-bottom:0!important;}
body[class*="special-"][class*="page"] iframe{border:3px solid var(--bs-white);}
body[class*="special-"][class*="page"] .breadcrumb{background-color:var(--bs-black)!important;margin:0 !important;padding:1rem!important; color:var(--bs-white)!important;}
body[class*="special-"][class*="page"] .breadcrumb a{color:var(--bs-white)!important;}

#special_wrap{
background-image:url('https://www.honya.jp/wp-content/uploads/alcooking_bg-min.jpg');
background-repeat:repeat;
background-size:800px auto;
background-position:left top;
	z-index:-1;
}
body.special-musclemaking #special_wrap{background-image:url('https://www.honya.jp/wp-content/uploads/muscle_bg-min.jpg');}
#special_wrap::before{
content:'';
position:absolute;
width:100%;
	height:100%;
	overflow:hidden;
display:block;
background-color:rgba(0,0,0,0.8);
left:0;
top:0;
z-index:0;
}


/*お問い合わせフォーム*******************************/
/*form7*/
textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus {
  outline: none!important;
  box-shadow: none!important;
}
input::placeholder, textarea::placeholder  {  color:#bbbbbb;}
.wpcf7{
	background-color:inherit;
	border:none;
}
.wpcf7 form {
margin:0;
}
.wpcf7 .select {
  width:100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.wpcf7 .select select {
  appearance: none;
	width:100%;
  padding: 11px 15px;
  padding-right: 1em;
  border: none;
  outline: 0;
  background-color:var(--color_input);
  background-image: none;
  box-shadow: none;
  cursor: pointer;
}
 
.wpcf7 .select::before {
  position: absolute;
  top: 16px;
  right: 16px;
font-family: var(--font_fa_name);
  content:'\f078';
  font-weight: 900;
  pointer-events: none;
	z-index:2;
}
.wpcf7 input:not([type="checkbox"]),.wpcf7 textarea{
    padding: 20px;
	background-color:var(--color_input);
	border-color:var(--color_input_border);
    border-radius: 4px;
    transition: border-color .25s cubic-bezier(.26,1,.48,1) 0s;
}
.wpcf7 textarea{height:200px;}
.wpcf7 input:focus,.wpcf7 textarea:focus{
	background-color:#EBF6FC!important;
}
 .wpcf7 input[type=checkbox], .wpcf7 input[type=radio]{
  display:inline;
}
.wpcf7-list-item {margin: 0px 1em;}
.wpcf7 .wpcf7-list-item-label {
	font-size:1rem;
	padding-left:0.25rem;
}
.wpcf7-acceptance{
	border: 1px solid var(--bs-dark-border-subtle);
	padding:20px 20px 20px 10px;
}
.wpcf7 input.wpcf7-submit:disabled {
	background-color:var(--color_input);
	color:var(--bs-tertiary-color);
	opacity:0.6;
}
.wpcf7 input.wpcf7-submit{
	font-size: 18px;
   line-height:0.8;
	border-radius:0;
	background-color:var(--bs-primary);
	color:var(--bs-white);
	padding:20px 10px;
}

.required{
	background-color:var(--bs-danger);
	display:inline-block;
	color:#ffffff;
	padding:0 10px;
	font-size:12px;
	border-radius:4px;
	margin-left:10px;
}
 .wpcf7 label{
	width:100%!important;
	/*padding-bottom:14px;*/
}
.iframe-container {
            width: 100%;
            height: 300px;
            border: 1px solid var(--bs-dark-border-subtle);
            overflow: auto;
	        font-size:90%;
}
form.sent article{display:none;}
.wpcf7 form .wpcf7-response-output{color:var(--bs-danger);}

/*dl-----------------------------*/
dl.dl_table{
margin-left:0 ;
margin-right:0;
margin-block-start: 0;
 margin-block-end: 0;
}
dl.dl_table > dt{
     padding: 4px 5px 4px 0;
	font-weight:normal;
	margin-bottom: 1rem;
}
dl.dl_table > dd{
    padding: 4px 5px 4px 14px;
	margin-bottom: 1rem;
	margin-left:0;
}
@media (max-width:767px){
	dl.dl_table > dt{margin-bottom:0.25rem;}
}

/*btn--------------------------------------*/
.btn_navy{
	background-color:var(--color_navy_btn);
	color:var(--bs-white);
	padding: 0.25rem 2rem ;
	position:relative;
	width:100%;
	max-width:180px;
	display:block;
	border-radius:6px;
}
.btn_navy::after{
	content: "\25B6";
font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
	position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.btn_navy:hover{
	background-color:var(--color_hover);
	color:var(--bs-white);
	filter: brightness(1.05);
}

/*購入ボタン*/
a.btn_shelf{
	display:block;
	color:var(--bs-white);
	background-color:var(--color_navy_btn);
	text-align:center;
	line-height:1.3;
	padding:1.25rem 0.25rem!important;
	border-bottom:none!important;
}
a.btn_shelf:hover{
	background-color:var(--color_green);
	color:var(--bs-white)!important;
}

/*deco---------------------------------------*/
/*ul：丸付き*/
ul.list_gray {
    list-style-type: none; 
    padding-left: 0; 
}
ul.list_gray > li {
    padding-left:1.5rem; 
	position:relative;
}
ul.list_gray >li:before {
	font-family: var(--font_fa_name);
	font-weight: 400;
    content:'\f111'; 
	font-size:1rem;
    color: var(--color_darkgray);
    position:absolute;
	left:0;
	top:0.2rem;
}
/*ul：ペン付き*/
ul.ul_pen > li {
    padding-left:1.5rem; 
    position:relative;
}
ul.ul_pen  >li:before {
	font-family: var(--font_fa_name);
	font-weight: 900;
    content:'\f5ad'; 
	font-size:1rem;
    color: var(--color_navy);
    position:absolute;
	left:0;
	top:0;
}
.shadow_text{
 color:var(--bs-white);
  text-shadow:
    -1px -1px 0 var(--bs-black),
     1px -1px 0 var(--bs-black),
    -1px  1px 0 var(--bs-black),
     1px  1px 0 var(--bs-black);
}

dl.dl_shelf > dt{font-weight:400;font-size:var(--fs_18);}
dl.dl_shelf > dd{margin-bottom:1rem;}


/*youtube---------------------------------------*/
/* --- YouTube lite embed --- */
.ytlite{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
}

/* サムネ背景（JSで設定） */
.ytlite::before{
  content:"";
  position:absolute;
  inset:0;
  background-position:center;
  background-size:cover;
  opacity: .95;
}

/* クリック用ボタン */
.ytlite__btn{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background: transparent;
  cursor: pointer;
}

/* 再生アイコン */
.ytlite__play{
  position:absolute;
  left:50%;
  top:50%;
  width:72px;
  height:72px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(255,255,255,.9);
}
.ytlite__play::before{
  content:"";
  position:absolute;
  left: 30px;
  top: 20px;
  width: 0;
  height: 0;
  border-left: 24px solid #000;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
}


/*共通---------------------------------------*/
.fs_14{font-size:var(--fs_14)!important;}
.fs_18{font-size:var(--fs_18)!important;}
.font_bold{font-family: var(--font_jp_name);font-weight:700!important;} 	
.font_min{font-family:var(--font_jp_min);font-weight:400!important;}
.font_min_bold{font-family:var(--font_jp_min);font-weight:700!important;}
.font_en{font-family: var(--font_en_name);font-weight:400!important;} 
.fw-400 { font-weight: 400!important;}

.color_body{color:var(--cocoon-text-color);}
.color_navy{color:var(--color_navy_btn);}
.color_red{color:var(--color_red)!important;}

.bg_navy{background-color:var(--color_navy);}
.bg_cream{background-color:var(--color_cream);}
.bg_lightnavy_trans{
	background-color:rgba(var(--color_lightnavy_rgb),0.7);
}

a.link_white{color:var(--bs-white)!important;}
a.link_white:hover{color:var(--color_sub)!important;}

/************************************
** bootstrap:レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (min-width: 1200px){

}
@media screen and (max-width: 1199.98px) { /*xl（ここからmobile-menu表示）*/
	.calendar_wrap{	min-height:350px;}
}
@media screen and (max-width:991.9px){/*lg*/

}
@media screen and (max-width:767.9px) {/*md: sp*/
.bg_wrap,#header-container.scroll-nav{
	background-image:url('https://www.honya.jp/wp-content/uploads/bg_image02.jpg');
	background-position:top left;
	background-size:1000px auto;
	background-repeat:repeat;
	background-attachment: scroll;
	overflow:hidden;
}	
}
@media screen and (max-width:575.9px){/*sm*/
	.loader-wrap .eachTextAnime_loading{max-width:180px;}
	.footer_logo > img {max-width: 160px;}
	#footer_sitemap ul[id^="menu-sitemap-01"] {flex-direction:column;padding-left:0;}
	#footer_sitemap ul[id^="menu-sitemap-external"]  a {text-align:left;}

	#header .site-name-text { font-size:2px;}
	.logo-image a {max-width:calc(100vw - var(--header_h)); }
	.scroll-nav .logo-image a { }
	.scroll-nav .logo-image img{width:90%;}

	/*calendar*/
	#daily_calendar{padding:30px;}
	.calendar_mdw{font-size:1.25rem}
	.calendar_wrap{padding:40px 20px 60px 20px;}
}

/************************************
** cocoon:レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下 humbergerMenuの表示*/
@media screen and (max-width: 1023px){
	.mobile-menu-buttons{display:flex;}/*モバイルボタン*/
	.header-container-in.hlt-top-menu .navi{border:none;}
	.header-container-in.hlt-top-menu {flex-direction:row;height:100%;}
	.header-in{height:100%}
}

/*834px以下*/
@media screen and (max-width: 834px){
    main.main{padding:0!important;}/*必要：モバイルの両端の余白を取り除く*/
	.scroll-nav .header div.header-in {min-height: var(--header_h_s);}
   table th, table td{font-size:1rem;}	
}

/*480px以下*/
@media screen and (max-width: 480px){

}