@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*エディタ共通パーツ*/
.go-to-top{bottom:100px;}
.go-to-top-button{background:#0a2850;color:#fff;border:solid;width:50px;height:50px;}
.go-to-top-button:hover{background:#fff;color:#0a2850;}
.left-column .go-form{margin-bottom:1.8em;}
.navy-text{color:#08274e;}
.red-text{color:#ff0000;}
.caution{font-size:16px;}
.date-tags{display:none;}
hr.wp-block-separator.is-style-dots{border-bottom:dotted #999999 2px;margin-bottom:1.5%;height:18px;}
hr.wp-block-separator.is-style-dots::before{content:"";}
.body .wp-block-columns{margin-bottom:0;}
.content{background-color:#fff;}
.entry-title{border-bottom:solid #0a2850 5px;text-align:center;color:#0a2850;display:flex;justify-content:center;align-items:center;}
article#post-187 h1.entry-title:before,article#post-402 h1.entry-title:before,article#post-398 h1.entry-title:before,article#post-314 h1.entry-title:before,article#post-418 h1.entry-title:before,article#post-413 h1.entry-title:before,article#post-306 h1.entry-title:before,article#post-346 h1.entry-title:before{content:url(/wp-content/uploads/2022/05/about-company.png);vertical-align:text-top;font-size:0;margin:0 1.5% 0.3%;}
article#post-173 h1.entry-title:before{content:url(/wp-content/uploads/2022/05/contact.png);vertical-align:text-bottom;font-size:0;margin:0 1.5% 0 0}
body.page h2,body.tax-educationgroup h2{border:solid #0a2850 2px; border-radius:5px; padding:1% 1% 1% 2.8%; background:linear-gradient(180deg,#FFF 0%,#FFF 77%,#F2F2F2 77%,#F2F2F2 100%);font-size:24px;margin:2.4em 0 1.62em;}
body.page h2:before,body.tax-educationgroup h2:before{border-left:5px solid #0a2850; margin:1% 1% 1% 0; content:"";}
body.page .sidebar h2:before{margin:1% 1% 1% 0;border-left-width:15px;border-left-color:transparent;}
body.page h3,body.tax-educationgroup h3{border-left:5px solid #0a2850;border-bottom:3px solid #0a2850;font-size:21px;border-top:none;padding:0.5% 1%;border-right:none;}
body.single h1.entry-title{border:solid #0a2850 2px; border-radius:5px; padding:1% 1% 1% 2.8%; background:linear-gradient(180deg,#FFF 0%,#FFF 77%,#F2F2F2 77%,#F2F2F2 100%);text-align:left;margin-bottom:5%;display:block;}
body.single h1.entry-title:before{border-left:5px solid #0a2850; margin:1% 1% 1% 0; content:"";}
body.single h2{border-left:5px solid #0a2850;border-bottom:3px solid #0a2850;font-size:21px;border-top:none;padding:0.5% 1%;background-color:#fff;}
.contact-area,.cvbox-catalog{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2% 15% 5% 15%;flex-wrap:nowrap;/*border:solid 3px #229d73;*/border-radius:10px;position:relative;}
.contact-area::after{content:"";display:block;box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border:solid 3px #229d73;border-radius:10px;z-index:0;}
.cvbox-catalog::after{content:"";display:block;box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border:solid 3px #ff7d96;border-radius:10px;z-index:0;}
.contact-area .contact-title{background-color:#229d73;color:#fff;font-size:26px;border-radius:10px 10px 0 0;width:100%;margin-bottom:1.5%;}
.cvbox-catalog>.contact-title{background-color:#ff7d96;color:#fff;font-size:26px;border-radius:10px 10px 0 0;width:100%;margin-bottom:1.5%;}
.cvbox-catalog>p.form-buttonbox{margin:1% 0 2%;z-index:1;}
.contact-area a img{margin:3% 0;vertical-align:top;}
.contact-area>a{z-index:1;}
.gotop{margin:2% 0;}
body.single-book p.form-button-area,body.single-supplies p.form-button-area{display:block;}
p.form-button-area{display:none;}
body.single-book table{border:solid 2px #229d73;}
body.single-book figure table th{background-color:rgba(130,210,170,1);border-style:dashed;border-color:#229d73;border-right:none;width:164px;}
body.single-supplies table{border:solid 2px #ff7b94;}
body.single-supplies figure table th{background-color:rgba(255,190,200,1);border-style:dashed;border-color:#ff7b94;border-right:none;width:164px;}
body.single-book figure table td,body.single-supplies figure table td{background-color:#fff;border-style:dashed;border-color:#d3d3d3;border-left:none;}
div.cat-menu{display:none;}
body.single-book div.cat-menu,body.single-supplies div.cat-menu{display:block;}
body.single-book div.cat-menu img.toymenu{display:none;}
body.single-supplies div.cat-menu img.bookmenu{display:none;}
.single-cvtitle{font-size:18px; /*color:#08274e;*/display:flex;justify-content:center;align-items:center;margin-bottom:0.5%!important;margin-top:10%;}
.single-cvtitle:before{content:url(/wp-content/uploads/2022/05/single-title_b.png);padding-right:5%;}
.single-cvtitle:after{content:url(/wp-content/uploads/2022/05/single-title_a.png);padding-left:5%;}
.left-column .wp-block-image{margin-bottom:2%;}
.left-column .wp-block-column > .wp-block-image{margin-bottom:0;}
figure.wp-block-table.aligncenter table{margin-top:10%;width:90%;}
.pa_2column{justify-content:center;}
.pa_2column div:nth-of-type(2){margin-left:0;}
.book-intro{margin-left:1%!important;}
/*あゆみページボタン*/
.is-style-outline>a.wp-block-button__link{padding:1% 2%;background:#fff;color:#0a2850!important;font-weight:bold;border:2px solid #0a2850;}
.is-style-outline>a.wp-block-button__link:hover{opacity:0.8;}
/*.is-style-outline{background-color:#fff;color:#0a2850;font-weight:bold;border-radius:30%;}
.is-style-outline:hover{background-color:#0a2850;color:#fff;transition:.3s;}*/
/*カスタム投稿パンくず*/
.breadcrumb .fa-home,.breadcrumb .fa-folder,.breadcrumb .fa-file-o{display:none;}
.breadcrumb-custom>ul{display:flex;list-style:none;justify-content:flex-start;padding:0;}
.breadcrumb-custom>ul li{margin-right:1%;}
.breadcrumb-custom>ul li:before{content:"\f105";font-family: FontAwesome;}
.breadcrumb-custom>ul li:nth-of-type(1)::before{content:"";}
.breadcrumb-custom>ul li span{padding:0 0 0 10px;}
/*サイドバー*/
.sidebar{width:310px;}
.sidebar .search-box{margin:0;}
.sidebar .group{margin-top:8%;}
/*メインカラム*/
.main{width:926px;}
.text-center{text-align:center;}
/*ヘッダー*/
#header .header-in{flex-direction:row;align-items:center;justify-content:space-between;}
div#header-in.header-in.wrap.cf .cf::after,header#header.header.cf .cf::after{display:none;}
div.header-sns{display:flex;align-items:center;flex-wrap:nowrap;justify-content:space-between;width:35%;}
.header-sns img{width:68px; vertical-align:top;}
.header .attention-area img{vertical-align:middle;}
header .logo-image{padding:0;}
header .logo-image img{vertical-align:top;}
.logo-header {text-align: left;}
/*Gナビ*/
#navi .navi-in>ul>li{/*height:100px;*/height:auto;}
i.book,i.item,i.company,i.event,i.contact,i.supplies{display:block;width:100%;}
i.book{content:url(/wp-content/uploads/2023/04/GN_1.png);display:block;}
i.supplies{content:url(/wp-content/uploads/2023/04/GN_2_2.png);display:block;}
i.item{content:url(/wp-content/uploads/2023/04/GN_3.png);display:block;}
i.company{content:url(/wp-content/uploads/2023/04/GN_5.png);display:block;}
i.event{content:url(/wp-content/uploads/2023/04/GN_4.png);display:block;}
i.contact{content:url(/wp-content/uploads/2023/04/GN_6.png);display:block;}
.menu-drawer li{background-color:#08274E;}
#navi .navi-in>ul .sub-menu{width:100%;}
.navi-in > ul .sub-menu li{height:auto;}
.item-label{/*font-size:13px;*/padding:4% 0;}
.navi-in > ul{flex-wrap:nowrap;}
/*スライド*/
.slide-area{display:none;}
body.home .slide-area{background-color:#fff;display:block;}
body.home .slide-area img{vertical-align:top;}
/*トップページ*/
.top-search{width:80%;margin:4% auto;}
.top-search>form{margin-top:0;}
body.home .search-title{color:#08274e;font-weight:bold;}
body.home div.container{background-color:#fff;}
.ribon-obi,.ribon-obi2,.ribon-obi3,.ribon-obi4{position: relative; margin: 30px; text-align: center;}
.ribon-obi.book:before,
.ribon-obi.book:after {
  position: absolute;
  z-index: 0;
  bottom: -8px;
  display: block;
  content: '';
border: 1em solid #009d5d;
}
.ribon-obi2.supplies:before,
.ribon-obi2.supplies:after {
  position: absolute;
  z-index: 0;
  bottom: -8px;
  display: block;
  content: '';
  border: 1em solid #ff7b94;
}
.ribon-obi3:before,
.ribon-obi3:after {
  position: absolute;
  z-index: 0;
  bottom: -8px;
  display: block;
  content: '';
  border: 1em solid #08274e;
}
.ribon-obi4:before,
.ribon-obi4:after {
  position: absolute;
  z-index: 0;
  bottom: -8px;
  display: block;
  content: '';
  border: 1em solid #ffa046;
}
.ribon-obi.book:before{
  left: -30px;
  border-left-width: 15px;
  border-left-color: transparent;
}
.ribon-obi2.supplies:before{
  left: -30px;
  border-left-width: 15px;
  border-left-color: transparent;
}
.ribon-obi3:before,.ribon-obi4:before{
  left: -30px;
  border-left-width: 15px;
  border-left-color: transparent;
}
.ribon-obi.book:after{
  right: -30px;
  border-right-width: 15px;
  border-right-color: transparent;
}
.ribon-obi2.supplies:after{
  right: -30px;
  border-right-width: 15px;
  border-right-color: transparent;
}
.ribon-obi3:after,.ribon-obi4:after{
  right: -30px;
  border-right-width: 15px;
  border-right-color: transparent;
}
.ribon-obi span,.ribon-obi2 span,.ribon-obi3 span,.ribon-obi4 span{
  position: relative;
  z-index: 1;
  display: block;
  padding: 1% 0;
}
.ribon-obi span,.ribon-obi2 span,.ribon-obi3 span,.ribon-obi4 span{color:#fff;text-align:center;border:solid 2px;}
.custom-book{background-color:#009d5d;}
.custom-supplies{background-color:#ff7b94;}
.ribon-obi3,.ribon-obi3 span{background-color:#08274e;}
.ribon-obi4{background-color:#ffa046;}
h2 span:before {
  left: 0;
  border-width: 10px 0 0 10px;
}
.ribon-obi span:after {
  right: 0;
  border-width: 10px 10px 0 0;
}
.link-area{margin:0 2%;}
.linkbox{padding:0.5% 1%;}
/*.linkbox:nth-of-type(2){padding:1% 0;}*/
.linkbox a{margin:0 1%;}
.button{margin:2% 0;}
/*body.home .top-catalog{display:flex;align-items:center;justify-content:space-around;}
body.home .top-catalog>a{display:block;margin:1% 2% 2%;}*/
body.home .pickup{background:rgba(130,210,170,0.2);padding:1% 2% 2% 2%;border-radius:5px;}
body.home .pickup-title{font-size:1.4em;font-weight:500;border-bottom:2px solid #009d5d;margin-bottom:1%;}
.pickup-contents{display:flex;}
.pickup-contents .thumbnail{margin-right:1.8vw;}
/*.pickup-contents div{flex-basis:65%;}*/
.pickup-contents .title{color:#009d5d;}
/*ニュースリリース*/
.newsbox{display:flex;align-items:center;}
.newsbox>.ntitle{position:relative;margin:1%;background-color:#08274e;width:130px;padding:1%;box-sizing:border-box;color:#fff;font-size:14px;font-weight:bold;}
.newsbox>.ntitle:after{position:absolute;content:"";top:0;right:-32%;transform:rotate(-90deg);border: 21px solid transparent;border-top: 21px solid #08274e;width: 0;height: 0;}
.newsbox>.ntext{font-size:14px;margin:1% 2% 1% 2%;}
/*検索結果*/
.search-submit{top:calc(50% - 12px);}
.ect-vertical-card .entry-card-wrap .entry-card-thumb{width:180px;height:180px;display:flex;justify-content:center;margin:0 auto;}
.ect-vertical-card .entry-card-wrap .entry-card-thumb>img{object-fit:contain;}
.entry-card{width:240px;height:340px;overflow:hidden;margin:0 auto;}
.entry-card-title{height:50px;overflow:hidden;font-size:16px;text-align:center;margin-top:2%;color:#009d5d;}
/*タブ切り替え部分*/
ul.tabs,ul.bookmenu,ul.suppliesmenu{display:flex;justify-content:center;list-style:none;padding:0;align-items:end;margin-bottom:2.5%;}
ul.tabs li,ul.bookmenu li,ul.suppliesmenu li{margin:0 0.5% 0.5% 0.5%;width:19%;height:82.78px;margin-left:0;text-align:center;border-radius:5px 5px 0 0;padding:1% 0.5%;display:flex;align-items:center;justify-content:center;background-color:#cecece;}
ul.bookmenu li,ul.suppliesmenu li{width:98%;}
body.post-type-archive-supplies ul.tabs li,body.tax-supplies_cat ul.tabs li,body.post-type-archive-book ul.tabs li,body.tax-book_cat ul.tabs li,body.single-book ul.bookmenu li,body.single-supplies ul.suppliesmenu li{border-radius:5px;height:55px;padding:0.5%;}
body.single-book ul.bookmenu li>a:hover,body.single-book ul.bookmenu li:hover{background:#009d5d;color:#fff;}
body.single-supplies ul.suppliesmenu li>a:hover,body.single-supplies ul.suppliesmenu li:hover{background:#ff7b94;color:#fff;}
body.post-type-archive-book .tabs>.button{margin:0 3px 2px 0;width:130px;height:50px;margin-left:0;text-align:center;border-radius:5px;padding:0.5%;display:flex;align-items:center;justify-content:center;background-color:#cecece;cursor:pointer;}
/*body.post-type-archive-book .tabs{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:1.5%;}*/
ul.tabs a,ul.bookmenu a,ul.suppliesmenu a{font-size:15px;text-decoration:none;color:#646464;display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
body.tax-book_cat ul.tabs li.active,body.post-type-archive-book ul.tabs li.active{background-color:#009d5d;color:#fff;}
body.tax-supplies_cat ul.tabs li.active,body.post-type-archive-supplies ul.tabs li.active{background-color:#ff7b94;color:#fff;}
ul.tabs li.active a{color:#fff;}
/*タブ切り替え記事一覧*/
body.post-type-archive-supplies ul.tabs li.active:first-child,body.tax-supplies_cat ul.tabs li.active:first-child,body.tax-book_cat ul.tabs li.active:first-child,body.post-type-archive-book ul.tabs li.active:first-child,body.single-book ul.tabs li.active:first-child{background-color:#cecece;}
body.post-type-archive-supplies ul.tabs li.active:first-child>a,body.tax-supplies_cat ul.tabs li.active:first-child>a,body.tax-book_cat ul.tabs li.active:first-child>a,body.post-type-archive-book ul.tabs li.active:first-child>a,body.single-book ul.tabs li.active:first-child>a{color:#646464;}
body.tax-book_cat.term-new-book ul.tabs li.active:first-child{background-color:#009d5d;}
body.tax-supplies_cat.term-educational-supplies ul.tabs li.active:first-child{background-color:#ff7b94;}
body.tax-book_cat.term-new-book ul.tabs li.active:first-child>a,body.tax-supplies_cat.term-educational-supplies ul.tabs li.active:first-child>a{color:#fff;}
/*body.tax-book_cat ul.tabs li.active:first-child{background-color:#cecece;}*/
.tab_content>.archive_card_inner{display:flex;flex-direction:column;width:48%;margin:0 1%;text-decoration:none;align-items:center;}
.tab_content{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;}
body.post-type-archive-book .tab_content{display:block;}
.tab_content>.archive_card_inner>.card_title{color:#009d5d;font-size:16px;margin-top:2%;}
.tab_content>.archive_card_inner>.card_text{font-size:14px;color:#505050;}
.archive_card>a>.thumbnail,body.home .thumbnail{width:180px;height:180px;display:flex;justify-content:center;align-items:center;margin-top:3.5%;}
.archive_card>a>.thumbnail>img{object-fit:contain;}
.top-catalog .archive_card>a>.thumbnail>img{width:70%;}
/*サイドメニュー*/
.sidebar h2.top_h2{background-color:#08274e;padding:0;border:0;}
.sidebar img{vertical-align:top;}
.sidebar div{margin-top:4%;}
a img:hover {opacity: 0.7 ;}
.sidebar .another-education-block>.title{background-color:#009d5d;color:#fff;padding:2.5% 5%;border-radius:10px;}
.sidebar .another-education-block>ul{margin:2% 0 4% 0;}
.sidebar .another-education-block>ul>li>a{text-decoration:none;color:#333;font-weight:bold;}
.sidebar .another-education-block>ul>li>a:hover{opacity:0.8;}
/*投稿*/
body.single-book .eye-catch,body.single-supplies .eye-catch{display:none;}
/*アーカイブ*/
body.archive h1{font-size:27px;}
.archive-main a:hover{opacity:0.8;background-color:#fff;}
/*カスタムアーカイブ*/
.archive-main{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center;margin:0 2%;}
.top-book>.archive-main,.top-catalog>.archive-main{justify-content:space-around;}
body.home .archive_card>.archive_card_inner{height:270px;}
.archive_card>.archive_card_inner{padding:2%;border:solid 1px #ccc;border-radius:10px;display:flex;flex-direction:column;margin:2% 0 3% 0;max-width:250px;min-width:250px;height:340px;text-decoration:none;align-items:center;}
.top-catalog .archive_card>.archive_card_inner,.top-supplies .archive_card>.archive_card_inner,.top-book .archive_card>.archive_card_inner{border:unset;width:250px;}
.archive_card>.archive_card_inner>.card_title{color:#009d5d;text-decoration-line:none;font-size:16px;height:60px;overflow:hidden;margin-top:2%;}
body.post-type-archive-supplies .archive_card>.archive_card_inner>.card_title,body.tax-supplies_cat .archive_card>.archive_card_inner>.card_title,.top-supplies .archive_card>.archive_card_inner>.card_title{color:#ff7b94;}
.top-catalog .archive_card>.archive_card_inner>.card_title{color:#ffa046;}
.archive_card>.archive_card_inner>.card_text{font-size:14px;color:#505050;}
.archive_card{/*margin-bottom:2.5%;*/margin:0 1.5% 1.5% 1.5%;}
/*カスタムタクソノミーeducationgroup*/
body.tax-educationgroup .flexbox{display:flex;}
body.tax-educationgroup .flexbox>.image-box{flex-basis:20%;margin-right:2%;}
body.tax-educationgroup .flexbox>.image-box>a>img{width:120px;}
body.tax-educationgroup .flexbox>.book-text{flex-basis:78%;}
body.tax-educationgroup .flexbox>.book-text>p{margin-bottom:2.5%;}
body.tax-educationgroup.term-promotion-development .flexbox>.book-text>.target{display:none;}
body.tax-educationgroup .pagenation{display:flex;justify-content:center;margin:1% 0;}
body.tax-educationgroup .pagenation>a.prev,body.tax-educationgroup .pagenation>a.next{width:auto;padding:0 1%;}
/*固定ページ*/
body.page .pagenation{display:flex;justify-content:center;margin:1% 0;}
body.page .pagenation>.page-numbers{display:flex;justify-content:space-around;list-style:none;width:auto;border:none;}
/*コンテンツ下部*/
.content-top{margin:3em 0;}
.content-bottom{padding:3em 0;background-color:#dadada;margin:1em 0 0 0;}
.widget-content-bottom>ul>li>a:hover,.navi-footer-in>ul>li>a:hover{background-color:unset;}
aside#block-7{display:flex;justify-content:flex-start;margin:1.5% 0;align-items:baseline;flex-wrap:wrap;}
ul.content-bottom-list{width:250px;list-style-position:inside;list-style-image:url(/wp-content/uploads/2022/04/conent-bottom_list.png);}
ul.content-bottom-list li:nth-child(1){list-style:none;border-bottom:dotted 2px #0a2832;border-radius:1.5px;margin-bottom:2.3%;}
ul.content-bottom-list li a:before{padding-right:2%;}
ul.content-bottom-list li{color:#0a2832;font-size:15px;}
ul.content-bottom-list li a{color:#4d4d4d;font-size:15px;display:inline;text-decoration-line:underline;}
ul.content-bottom-list li a:hover{text-decoration-line:none;}
.nonlist{list-style-image:none;margin-top:8%;border-bottom:dotted 2px #0a2832;}
/*フッター*/
.footer{margin-top:0;}
.navi-footer-in > .menu-footer li{border:none;}
.navi-footer-in > .menu-footer li:last-child{border:none;}
.copyright{margin-top:10%;text-align:center;}
.footer-bottom-logo{left:50%;bottom:25%;position:absolute;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.footer-bottom-content{float:none;}
.navi-footer-in > .menu-footer{flex-wrap:nowrap;justify-content:center;}
/*お問合せフォーム【Contact Form 7】*/
/* 必須マーク */
.must{
	color: #fff;
	margin-right: 10px;
	padding: 4px 8px;
	background: #f58694; /* 背景色 */
	border-radius: 5px;
	font-size:0.9em;
}
/* 任意マーク */
.free {
	color: #fff;
	margin-right: 10px;
	padding: 4px 8px;
	background: #7fbfff; /* 背景色 */
	border-radius: 5px;
	font-size:0.9em;
}
/* 項目名を太字にする */
form p {font-weight: 600;}
/* 入力された項目情報は太字にしない */
form span.kakunin {font-weight: 400;}
/* 入力項目を見やすくする */
select.wpcf7-form-control{margin-top: 10px;}
input.wpcf7-form-control.wpcf7-text,textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #d0d5d8; /* 枠線の色 */
	border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {height: 200px;}
/* 必須項目の入力欄を見やすくする */
.wpcf7-validates-as-required {background: #eff1f5; /* 背景色 */}
/* 送信ボタンを見やすくする */
input.wpcf7-submit {
	width: 100%; 
	height: 60px;
	border-color: #FDA046; /* 枠線の色 */
	background: #FDA046; /* ボタンの色 */
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	border-radius: 5px;
	margin-bottom: 2px
}
input.reset-btn {
	width: 100%; 
	height: 60px;
	border-color: #0a2850; /* 枠線の色 */
	background: #0a2850; /* ボタンの色 */
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	border-radius: 5px;
	margin-bottom: 2px;
	box-shadow: none !important;
}
input.wpcf7-submit:hover,input.reset-btn:hover {opacity:0.7;}
/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {color: red;font-weight: 600;}
/* 確認画面 */
.all-kakunin{	background-color:#F6F6F6; margin:15px 0 30px; padding:1em 1.6em;  border-radius:10px;}

/* 絵本ページ内試し読み用 */
/* MetaSlider内：拡大できることを示すオーバーレイ */
.metaslider a {
  position: relative;
  display: block;
}
.metaslider a::before {
  content: "クリックで拡大";
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 4px;
  pointer-events: none;
  z-index: 2;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1280px以下*/
@media screen and (max-width: 1280px){
/*臨時作成*/
div.content-bottom-in{margin:0 5%;}
ul.content-bottom-list{margin-bottom:2%;}
.navi-footer-in > .menu-footer{flex-wrap:wrap;justify-content:flex-start;}
.navi-footer-in>.menu-footer li{margin-bottom:1%;}
.sidebar{display:none;}
.main{width:auto;}
body.post-type-archive-book ul.tabs,body.tax-book_cat ul.tabs,body.single-book ul.bookmenu,body.post-type-archive-supplies ul.tabs,body.tax-supplies_cat ul.tabs,body.single-supplies ul.suppliesmenu{flex-wrap:wrap;justify-content:flex-start;}
.navi-in > ul{flex-wrap:wrap;}
}
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.menu-drawer li{border:dotted #fff 0.25rem;border-top:0;border-left:0;border-right:0;}
	.menu-drawer li:last-child{border-bottom:0;}
	.navi-footer-in > .menu-footer{flex-direction:column;align-items:center;}
	.wp-block-columns{flex-direction:column;}
	.contact-area{margin:3% 5% 5% 5%;}
	body.post-type-archive-book ul.tabs, body.tax-book_cat ul.tabs, body.single-book ul.bookmenu,body.post-type-archive-supplies ul.tabs, body.tax-supplies_cat ul.tabs, body.single-supplies ul.suppliesmenu{justify-content:flex-start;}
	body.post-type-archive-book ul.tabs li,body.tax-book_cat ul.tabs li,body.single-book ul.bookmenu li,body.post-type-archive-supplies ul.tabs li,body.tax-supplies_cat ul.tabs li,body.single-supplies ul.suppliesmenu li{flex-basis:47%;margin:0.8% 1.5%;}
 /*以下、商品左サイド_レビュー見る・絵本紹介見るボタンを縦並びに*/
  .wp-block-columns {display: block !important;}
  .wp-block-columns .wp-block-column {width: 100% !important;flex: none !important;margin-bottom: 12px;}
  .wp-block-columns figure {float: none !important;margin: 0 auto !important;text-align: center;}
  .wp-block-columns img {max-width: 100% !important;height: auto !important;display: block;margin: 0 auto;}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
#header .header-in{flex-direction:column;align-items:center;justify-content:center;}
header div.attention-area{margin:1.5% 0 2%;text-align:center;}
div.header-sns{width:75%;}
.archive-main{justify-content:center;margin:0;}
.archive-main>.archive_card{margin:2%;}
.tab_content>.archive_card_inner{flex-wrap:wrap;width:auto;align-items:center;justify-content:center;}
body.home ul.tabs{flex-wrap:wrap;justify-content:flex-start;width:100%;margin:0.5% 5%;}
body.home ul.tabs li{width:45%;height:55px;line-height:125%;border-radius:5px;}
body.home .tab_content{flex-direction:column;justify-content:center;}
div.content-bottom-in{margin:0 3%;}
.pickup-contents{flex-direction:column;justify-content:center;align-items:center;}
.pickup-contents .thumbnail{margin-bottom:2vw;margin-right:0;}
.footer-bottom-logo{position:relative;}
.entry-card, .related-entry-card{width:auto;height:auto;}
.newsbox{flex-wrap:wrap;}
.newsbox>.ntitle:after{top:0;right:-28%;border: 18px solid transparent;border-top: 18px solid #08274e;}
.cvbox-catalog>.contact-title{padding:0 2%;}
.cvbox-catalog>p.form-buttonbox{padding:0 5%;box-sizing:border-box;}
body.tax-educationgroup .flexbox{flex-direction:column;justify-content:center;}
body.tax-educationgroup .image-box{text-align:center;}
body.tax-educationgroup .flexbox .book-text,.flexbox .image-box{flex-basis:100%;margin:0 0 2% 0;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
header div.attention-area img{max-width:70%;}
aside#block-7{justify-content:center;}
body.home .tab_content{justify-content:center;}
ul.content-bottom-list{margin-bottom:3%;}
.newsbox>.ntitle:after{border: 0 solid transparent;border-top: 0 solid #08274e;}
}