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


/* HOME */
.top #content { padding-top:0; }
header.l-header {
	padding:15px;
}
.news_wrap {
	padding:45px;
	box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.2)
}

/* PAGE */
.bg_page {
	width:100%;
	max-width:100%;
	min-height:120px;
	background: url("images/bg_page.webp") no-repeat;
}
.page h1.c-pageTitle[data-style=b_bottom],
.category h1.c-pageTitle[data-style=b_bottom] {
	position: relative !important;
    text-align: center !important;
	padding-bottom:40px;
	border:none !important;
}
.page h1.c-pageTitle[data-style=b_bottom]:after,
.category h1.c-pageTitle[data-style=b_bottom]:after {
	display: block;
	width: 92px; /* 線の長さ */
	height: 2px; /* 線の太さ */
	background-color: #777; /* 線の色 */

	/* 配置 */
	position: absolute; 
	bottom: -10px; /* 見出しからの距離を調整 */
	left: 50%; /* 左寄せにする場合 */
	transform: translateX(-50%);
	visibility: visible;
}
.c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
	float:none;
	border:none;
}
.page h1.c-pageTitle span small.c-pageTitle__subTitle,
.category h1.c-pageTitle span small.c-pageTitle__subTitle {
	position: absolute;
    top: 55px;
    left: 48% !important;
    font-style: normal;
    font-size: 18px;
	font-weight: normal;
    color: #8A8A8A;
    transform: translate(-50%, -50%) !important;
}
ul li.menu-item-252 {
    height: 40px !important;
    margin-top: 15px;
    margin-left: 10px;
}
ul li.menu-item-252 a {
	font-weight: bold;
    border-radius: 25px;
	border:1px solid #ffd503;
    background-color: #ffd503;
    padding-left: 30px !important;
}
ul li.menu-item-252 a:before {
	content: "▸";
	position: absolute;
	left:12px;
	top:8px;
}
ul li.menu-item-252 a:hover {
	background: #fff;
}
ul li.menu-item-252 a::after {
	background: none !important;
}
.l-mainContent .p-articleFoot {
	display:none;
}

@media screen and (max-width: 960px) {
	ul li.menu-item-252 a {
		margin-top:25px;
	}
	ul li.menu-item-252 a:before {
		top:21px;
		font-size:21px;
	}
}
@media screen and (max-width: 480px) {
	.page h1.c-pageTitle span small.c-pageTitle__subTitle,
	.category h1.c-pageTitle span small.c-pageTitle__subTitle {
		left: 50% !important;
		margin-left:0;
	}
}