/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/* ============
 * 共通
 * ============ */
.site-header-logo img{
	max-width: 250px;
}
.user-info tr{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.user-info th{
	text-align: left;
}
.user-info input[type="text"],
.user-info input[type="password"]{
	margin-bottom: 0;
}
.select-group{
	text-align: center;
}
@media (min-width: 992px){
	.main-section--col--two {
	    width: var(--vk-width-col-2-main);
	    float: unset;
	    margin: auto;
	}
}
.search-btn-toggle{
	background: var(--vk-color-primary);
    color: #fff;
    font-weight: bold;
    padding: 1em;
    border-radius: var(--vk-size-radius);
    font-size: calc( var(--vk-size-text) * 1 );
	margin-bottom: 1em;
}
.search-btn-group a{
	display: flex;
   justify-content: space-between;
   align-items: center;	
}


.bg-beige{
	background: #E9E3C2;
}
.search-btn-group{
	display: flex;
	gap: 10px;
	flex-direction: column;
}
/* 閲覧希望リスト */
.request-list{
	border: 1px solid var(--vk-color-primary);
   padding: 1em;
   border-radius: 4px;
}
.request-list summary.list-title{
	color: var(--vk-color-primary);
	font-weight: bold;
}
.request-list ul{
	border-top: 1px solid var(--vk-color-primary);
	padding-left: 14px;
}
.request-list ul li{
	list-style-type: disclosure-closed;
	border-bottom: 1px solid var(--vk-color-primary);
}
.request-list ul li::marker{
	font-size: 10px !important;
}
.request-list ul li span{
	display: flex;
   justify-content: space-between;
}
.list-badge{
	color: #fff;
	font-weight: bold;
	background: #ed0000;
    border-radius: 50%;
    padding: 5px;
    font-size: .8em;
    margin-left: 0.5em;
}
.btn-group{
	display: flex;
	gap: .5em;
}

.info_detail_wrap{
	gap: 2em;
	padding: 3em;
	flex-wrap: wrap !important;
}

.info_detail_wrap > a{
/* .book-list-item{ */
	background: #fff;
	flex-basis: 30% !important;
}

.cat-title{
	background: var(--vk-color-primary);
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.book-list-item .book-title{
    text-align: center;
    font-weight: bold;
}
.book-list-item span{
	text-align: center;
   display: block;
}
.book-list-item span img{
	max-width: 70%;
}

.back-btn{
	border: 1px solid;
}
.vk_borderBox.is-style-vk_borderBox-style-solid-round-tit-tab>.vk_borderBox_title_container{
	width: 100%;	
}
.vk_borderBox.is-style-vk_borderBox-style-solid-round-tit-tab>.vk_borderBox_body {
   border-radius: 0 0 8px 8px;
}

/* ============
 * トップページ
 * ============ */
/* ヒーローイメージ下の本が８冊並ぶ部分 */
@media(min-width:781px){
	.book-recommend {
		display: flex;
		margin-bottom: -60px;
	   position: relative;
	   top: -100px;
	   z-index: 99;
	}
	.book-recommend a{
		width: auto;
	}
	/*.book-recommend a:hover{
		position: relative;
		left: -10px;
	}*/
	.book-recommend a img{
		height: calc( 100vw / 8 * 1.45 );
		box-shadow: -7px 2px 9px #000;
	}
}
@media(max-width:781px){
	.book-recommend {
		display: none;
	}
}
.top-btn a{
	height: 80px;
	font-size: 1.2em !important;
    font-weight: bold;
    display: grid;
    text-align: left;
}
.top-btn i{
	align-self: center;
	align-items: center;
	display: flex;
    position: absolute;
    padding: 15px;
    border-radius: 50%;
    font-size: 1.5em;
    color: #005046;
    background: #fff;
	    width: 1.8em;
    height: 1.8em;
    justify-content: center;
}
.home .site-body{
	padding-bottom: 0;
}

/* ============
 * ヘッダー
 * ============ */
#site-header{
	height: 100px;
    display: flex;
    align-items: center;
}
device-pc .global-nav-list>li>a {
    padding: 14px 1em;
}
#menu-main-nav a strong{
	font-weight: initial;
	font-size: 1em;
}
#vk-mobile-nav-menu-btn{
	top: 16px;
   left: unset;
   right: 1em;
	width: 64px;
   height: 64px;
	background: url("https://new-ndm.hayakawa-foundation.or.jp/wp/wp-content/themes/lightning/_g3/inc/vk-mobile-nav/package/images/vk-menu-btn-white.svg") center 50% no-repeat var(--vk-color-primary);;
   border-color: none;
	box-shadow: 0 0 10px #fff;
}
@media (max-width: 991.98px){
	.site-header-logo img {
	   max-height: 42px;
		margin-left: 0;
	}
}

/* ============
 * フッター
 * ============ */
.site-footer{
	border: none;
	background: #F8F8F8;
}
/* コピーライト削除 */
.site-footer-copyright p:nth-child(2) {
    display:none;
}
#menu-footer-nav{
	padding-inline-start: 20px;
}
#menu-footer-nav li{
	list-style-type: disclosure-closed;
	color: #005046;
}
#menu-footer-nav li a{
	color: #005046;
	font-weight: bold;
	border: none;
}
#block-25{
	display: flex;
}

/* ============
 * 本の詳細ページ
 * ============ */
.book_detail .row{
	gap: 10%;
}
.book_detail .row .book-title{
	font-weight: bold;
}
.book_detail .row > section:first-child{
	flex-basis: 40%;
}
.book_detail .row > section:last-child{
	flex-basis: 50%;
}
.detail.books-table th{
	text-align: left;
}
.book-img-add{
	display: flex;
}
.book-img-add img{
	background: #000;
}


/* ============
 * 問い合わせ
 * ============ */
/* 必須項目にカラー設定 */
.required {
    color:red;
}

.page-id-24 .widget.widget_link_list{
	display: none;
}


/* ============
 * スマホ表示　
 * ============ */
@media(max-width:781px){
	.top-btn{
		display: flex !important;
		gap: 1em;
	}
	.top-btn a{
		flex: 1;
		display: flex;
		flex-direction: column;
		height: auto;
		margin: 0 !important;
    border-radius: 15px;
	}
	.top-btn i{
		position: unset;
		font-size: 3.5em;
		color: #fff;
		background: none;
		width: unset;
		height: unset;
		justify-content: center;
		margin: 0;
	}
	.info_detail_wrap{
		gap: 2em 6%;
		padding: 3rem 1em;
	}
	
	.info_detail_wrap > a{
/* 	.info_detail_wrap .book-list-item{ */
		flex-basis: 47% !important;
	}
	.home .info_detail_wrap > a:nth-child(9){
		display: none;
	}
}

/* ============
 * 当サイトの使い方
 * ============ */
/*共通ヘッダー背景画像＆オーバーレイ*/
.page-header{
	background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url(../img/library-img.jpg) no-repeat;
    background-size: cover;
}

.page-header-title{
	color: #fff;
}

/*見出しの下線*/
body h3{
	border-bottom: 1px solid #bbbbbb !important;
	margin-bottom: 5px;
	padding: 0;
}
body h3:after{
	border-bottom: none !important;
}

h2 {
	font-size: 22px;
	border-top: none;
	position: relative;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	padding: 5px;
	border-bottom: 5px solid #005046;
}
    
h2:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: -5px;
	width: 60%;
	height: inherit;
	border-bottom: 3px solid #ffffff;
}


/*テーブルの罫線*/
.page-id-43 td,.page-id-45 td{
	border: none;
	border-top: 1px solid #000000 !important;
}
.page-id-43 tbody,.page-id-45 tbody{
	border-bottom: 1px solid #000000 !important;
}

/* ============
 * サイドバー
 * ============ */

/*サイドバー均等感覚*/
.sub-section aside{
	margin-bottom: 1rem;
}
/*サイドバースマホ表示のレイアウト*/
  /* display: list-item;以外を指定してデフォルトの三角形アイコンを消します */
summary {
  display: block;
}

  /* Safariで表示されるデフォルトの三角形アイコンを消します */
summary::-webkit-details-marker {
  display: none;
}
/*サイドバーくの字アイコン設定*/
.sideber_icon, .sideber_icon2 {
	display: block;
	position: relative;
	left: 88%;
	bottom: 10px;
	width: 24px;
	margin-left: 6px;
	flex-shrink: 0;
	transform-origin: center 43%;
	transition: transform 0.4s;
}



/* サイドバーアコーディオンが開いた時のスタイル */
details[open] .sideber_icon,details[open] .sideber_icon2 {
  transform: rotate(180deg);
}

/* サイドバー矢印アイコンのスタイル */
.sideber_icon::before, 
.sideber_icon::after ,
.sideber_icon2::before, 
.sideber_icon2::after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 3px;
}
/* アイコンのバーの色 */
.sideber_icon::before, .sideber_icon::after {
  background-color: #005046;
}

.sideber_icon2::before, .sideber_icon2::after {
  background-color: #ffffff;
}

/* アイコンのバー矢印角度 */
.sideber_icon::before,.sideber_icon2::before {
	left: 0;
	transform: rotate(45deg);
}

.sideber_icon::after,.sideber_icon2::after {
	right: 0;
	transform: rotate(-45deg);
}

/*お問い合わせ*/
/*戻るボタン*/
.form_submit{
	margin-top: 20px;
	justify-content: center;
}
.back_btn,.back-btn,.back_button{
	font-size: 1rem;
    border: 1px solid #004038;
    background-color: #ffffff;
    color: #004038;
    padding: 0.5em 2em;
    border-radius: 5px;
}

@media(max-width:991px){
	.page-id-24 section.form_submit.btn-group{
		margin-bottom: 50px;
	}
}

.sp{display:none;}
.pc{display:block;}
@media(max-width:781px){
	.sp{display:block;}
	.pc{display:none;}
	.pc.wpblock-vk-blocks-button.vk_button.vk_button-color-custom.vk_button-align-block{
			display:none;
	}
}
/*戻るボタン矢印（別ページも共通）*/
.arrow {
  position: relative;
}
.arrow::before {
	position: relative;
    right: 6px;
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    transform: rotate(220deg);
    border-style: solid;
    border-color: #004038;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 0;
    border-left-width: 0;
  }

/*主な書籍または検索結果*/
.book-title,.book-list-item figure {
	max-width: 80%;
	margin: auto;
}
@media(max-width:539px){
	.book-title,.book-list-item figure {
		max-width: 100%;
		margin: auto;
}
}

.wp-block-columns.info_detail_wrap{
	padding: 50px 10px 50px 10px;
}

.page_top_btn_active{
	opacity: 1;
	visibility: visible;
}

.login_button {
    font-size: 1rem;
    border: 1px solid var(--vk-color-primary-dark);
    background-color: var(--vk-color-primary);
    color: #fff;
    padding: .5em 2em;
    border-radius: var(--vk-size-radius)
}

.login_button:hover {
    color: #fff;
    cursor: pointer;
    background-color: var(--vk-color-primary-dark)
}