@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/*----- 余白  --------------------------------------------------*/
#body_wrap .l-content {
	padding-bottom: 0;
}
#body_wrap:not(.single) .l-content {
	padding-top: 0;
	margin-bottom:0;
}

/*----- コンテンツヘッダー  --------------------------------------------------*/
.l-topTitleArea{
	min-height: 30vh;
}
.l-topTitleArea.-texture-brushed:after{
	display: none;
}

.l-topTitleArea .l-topTitleArea__body{
	text-shadow: none;
}
.l-topTitleArea .c-pageTitle{
	font-size: clamp(1.5em, 5vw, 48px);
	text-align: center;
	font-weight: bold;
}

.l-topTitleArea .pageSubTitle{
	font-size: clamp(1rem, 2vw, 18px);
    text-align: center;
	line-height: 2;
	color: var(--color_pale03);
	margin-top: 1em;
}

.archive .c-pageTitle__subTitle{
	display: none;
}

@media (min-width: 600px) {
	.l-topTitleArea,
	.single .l-topTitleArea{
		min-height: 380px;
	}
}

/* 記事用カスタマイズ */
.single .l-topTitleArea {
    display: flex;
    flex-direction: column;
    justify-content: center;	
	width: 100%;
    margin: 0;
	position: relative;
    overflow: hidden;
}
.single .l-topTitleArea__body {
    color: #fff;
    width: 100%;
    z-index: 3;
}




/*----- フッター  --------------------------------------------------*/
.l-footer .footer-column .swell-block-dl .swell-block-dl__dt{
	font-size: 1.15em;
}
.l-footer .footer-column .swell-block-dl .swell-block-dl__dd{
    margin-left: 0;
    padding: 0;
}
.l-footer .footer-column .swell-block-dl a{
	color: #D1D5DB;
	border-bottom:1px solid transparent;
	transition: border-bottom 0.25s;
}
.l-footer .footer-column .swell-block-dl a:hover{
	color: #ffffff;
	border-bottom:1px solid #ffffff;
	transition: border-bottom 0.25s;
}

.l-footer .copyright{
    text-align: left;	
}



/*----- 見出し  --------------------------------------------------*/
h2.wp-block-heading{
	color: #111827;
	font-size: clamp(1.5em, 3vw, 36px);
	margin: 1rem 0;
}
h3.wp-block-heading{
	color: #111827;
	font-size: clamp(1.25em, 3vw, 20px);
	margin: 1rem 0;
}

/*----- ページ内メニュー  --------------------------------------------------*/
.menu-btn{
	border-bottom: 1px solid #E5E7EB;
}
.menu-btn .wp-block-buttons{
    padding: 0.5rem 0;
}
.menu-btn .wp-block-button{
    padding: 0.5rem 0.5rem;
}
.menu-btn .wp-block-button .wp-block-button__link{
	background: #fff;
	color: var(--color_link);
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 1rem;
	transition: background 0.3s;
}
.menu-btn .wp-block-button .wp-block-button__link:hover{
	background: var(--color_pale03);
	transition: background 0.3s;
}


/*----- 横並び  --------------------------------------------------*/
@media (max-width: 600px) {
  .wp-block-group.is-row{
    flex-direction: column;
  }
}

/*----- ブロックの角丸  --------------------------------------------------*/
.round-block{
	border-radius: 16px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
    overflow: hidden;	
}

/*----- リッチカラムの枠線  --------------------------------------------------*/
.swell-block-columns.is-style-clmn-border .swell-block-column{
	border-color: #E5E7EB;
}


/*----- リンクテキスト  --------------------------------------------------*/
.link-text > a{
	display: inline-block;
	transition: border-bottom 0.25s;
}
.link-text > a:hover{
    border-bottom: 1px solid;
	transition: border-bottom 0.25s;
}


/*----- テーブル  --------------------------------------------------*/
.is-style-double table {
	--color_border--table: #E5E7EB;
    border-spacing: 0;
    border-radius: 16px;
	overflow: hidden;
}
.is-style-double table th,
.is-style-double table td {
	border: none;
	border-bottom: 1px solid var(--color_border--table);
	padding: 0.5em 1.5em;
}
.is-style-double table tr:last-child th,
.is-style-double table tr:last-child td {
	border-bottom: none;
}

/*----- ボタン  --------------------------------------------------*/
.swell-block-button.is-style-btn_line.red_ a {
	background: var(--the-btn-color);
	color: var(--color_main);
}
.swell-block-button.is-style-btn_line.red_ a:hover {
	background: var(--color_main);
	border-color: var(--the-btn-color);
}


.swell-block-button.is-style-btn_line.green_ a {
	--the-btn-color: #fff;
	background: var(--color_main);
}
.swell-block-button.is-style-btn_line.green_ a:hover {
	color: var(--color_main) !important;
	border-color: var(--color_main);
	background: #fff;
}



/*----- 投稿リスト  --------------------------------------------------*/
.p-postList .u-thin{
	opacity: 1;
}
.p-postList__cat.icon-folder::before,
.c-postTimes__posted.icon-posted::before,
.c-categoryList:before,
.c-taxList:before{
	display: none;
}

.p-postList.-type-card .p-postList__item{
	margin-bottom: 0;
}

/* カテゴリーラベル */
.p-postList__cat,
.c-categoryList__link,
.c-taxList__link{
	background: #DCFCE7;
	color: #059669;
    padding: 0.5em 1em;
    border-radius: 16px;	
}

.c-categoryList__link[data-cat-id="19"],/*トレンド*/
.p-postList__cat[data-cat-id="19"],
.c-categoryList__link[data-cat-id="8"],/*新着情報*/
.p-postList__cat[data-cat-id="8"],
.c-taxList__link[data-term-id="8"]{
	background: #DBEAFE;
	color: #2563EB;
}
.c-categoryList__link[data-cat-id="18"],/*使い方*/
.p-postList__cat[data-cat-id="18"],
.c-categoryList__link[data-cat-id="9"],/*お休み*/
.p-postList__cat[data-cat-id="9"],
.c-taxList__link[data-term-id="9"]{
	background: #FEE2E2;
	color: #DC2626;
}

.c-categoryList__link[data-cat-id="17"],/*教育*/
.p-postList__cat[data-cat-id="17"],
.c-categoryList__link[data-cat-id="10"],/*新商品*/
.p-postList__cat[data-cat-id="10"],
.c-taxList__link[data-term-id="10"]{
	background: #FFEDD6;
	color: #E95D15;
}

.c-categoryList__link[data-cat-id="1"],/*文具*/
.p-postList__cat[data-cat-id="1"],
.c-categoryList__link[data-cat-id="11"],/*トピック*/
.p-postList__cat[data-cat-id="11"],
.c-taxList__link[data-term-id="11"]{
	background: #DCFCE7;
	color: #059669;
}

/* テキスト型投稿リスト */
.-type-simple .p-postList__link{
	padding: 1em 1.5rem;
}
.-type-simple .p-postList__body{
	display: flex;
}
.-type-simple .p-postList__body .p-postList__meta{
    margin: 0 0 4px 1.5rem;
    min-width: 25%;
}
.-type-simple .p-postList__body .p-postList__times{
    min-width: 50%;
}

@media (max-width: 959px) {
	.-type-simple .p-postList__body{
        flex-direction: column;
	}
	.-type-simple .p-postList__body .p-postList__meta{
		margin-left: 0;
	}
	.-type-simple .p-postList__body .p-postList__times{
		min-width: 3rem;
	}
}

/* コラム型 投稿リスト */
.blog .p-postList.-type-card,
.archive.category .p-postList.-type-card{
	gap: 1.5rem;
	position:relative;
}
.blog .p-postList.-type-card::after,
.archive.category .p-postList.-type-card::after{
	content: "";
	display: block;
	width: 25%;
	max-width: 65.75%;
	flex-grow: 10;
}

.blog .p-postList__item,
.archive.category .p-postList__item{
	border: 1px solid #E5E7EB;
    border-radius: 16px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
	background: #ffffff;
	overflow: hidden;
	padding: 0;
}

.blog .p-postList__thumb,
.archive.category .p-postList__thumb{
	box-shadow: none;
}

.blog .p-postList__body,
.archive.category .p-postList__body{
	display: flex;
	flex-direction: column;
	padding: 1rem 1.5rem;
}
.blog .p-postList__body .p-postList__meta,
.archive.category .p-postList__body .p-postList__meta{
	order: 1;
	margin-top: 0;
	margin-bottom: 1rem !important;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.blog .p-postList__body .p-postList__title,
.archive.category .p-postList__body .p-postList__title{
	order: 2;
}
.blog .p-postList__body .p-postList__excerpt,
.archive.category .p-postList__body .p-postList__excerpt{
	order: 3;
}

.blog .p-postList__body::after,
.archive.category .p-postList__body::after {
	content: "もっと見る";
    display: block;
    width: 100%;
    height: 2rem;
	margin-top: 1rem;
    background: var(--color_main);
    color: #ffffff;
    border: 2px solid var(--color_main);
    border-radius: 0.5rem;
    line-height: 2;
    font-size: 0.9rem;
    text-align: center;
    order: 4;
    transition: background 0.25s, color 0.25s;
}

.blog .p-postList__link:hover .p-postList__body::after,
.archive.category .p-postList__link:hover .p-postList__body::after {
	background: #ffffff;
	color: var(--color_main);
	transition: background 0.25s, color 0.25s;
}



@media (min-width: 1020px) {
	.blog .-type-card.-pc-col3 .p-postList__item,
	.archive.category .-type-card.-pc-col3 .p-postList__item{
		width: 25%;
		flex-grow: 1;
	}
}

/*----- よくある質問  --------------------------------------------------*/
.swell-block-accordion__item {
	border: none !important;
}

.swell-block-accordion__title {
	background-color: #DCFFDF !important;
	border-radius: 16px;
	padding: 15px 24px !important;
}

.swell-block-accordion__label {
	font-weight: 500 !important;
}

.swell-block-accordion__body {
	border-top: none !important;
}

.swell-block-accordion__body p {
	margin-bottom: 0 !important;
}

/*----- 取扱品目（取り扱いメーカー）  --------------------------------------------------*/
#sec04 .wp-block-table {
	border-radius: 16px;
	border: solid 1px #dcdcdc;
}
#sec04 .wp-block-table td {
	padding: 24px !important;
}