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





/* ヘッダー ---------------------------------------------- */

@media (min-width: 960px) {

/* 右上お問合せエリア */
.-parallel .l-header__logo {
    width: 40%;
}
.l-header.-parallel .w-header {
    width: 60%;
	padding: 0px 30px 0px 30px;
}
.w-header {
	justify-content: flex-end !important;
}
.header-contact-area.wp-block-columns {
	width: 500px !important;
    gap: 10px !important;
}

/* メインメニュー右寄せ */
.l-header__gnav {
	display: flex;
	justify-content: flex-end;
	margin-right: 30px;
}
	
/* ヘッダーロゴ上下余白 */
.-parallel .w-header {
	margin-bottom: 0px;
	margin-top: 0px;
}
.-parallel-bottom .l-header__logo {
	order: 1;
	padding: 0px 0;
}
.-parallel .l-header__logo {
	text-align: left;
	padding: 0px 30px 0px 30px;
}
	
}




/* フッター ---------------------------------------------- */

.l-container.w-footer {
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 0 0;
}
.w-footer__box {
    padding: 0;
}
.l-footer__foot,
.l-footer__widgetArea {
    padding-bottom: 0em;
    padding-top: 0em;
}
.l-footer__foot .l-container {
    margin-right: 0 !important;
	margin-top: 0px !important;
	margin-bottom: 100px !important;
    padding: 0 30px 0 0px !important;
}
@media (max-width: 960px) {
.l-footer__foot .l-container {
	margin-bottom: 70px !important;
}
}
.l-footer .copyright {
    font-size: 12px !important;
    text-align:right !important;
	color: #009BB7;
	margin-top: 15px !important;
}

/* フッターエリア余白 */
.footer-area {
	padding-left:30px;
	padding-right:30px;
}
.footer-linkarea {
	border-left: 1px solid #fff;
	font-size: 12px;
	color: #fff;
	padding-left: 10px !important;
}

/* フッターお問合せエリア */
.footer-contactarea-subtitle {
	font-family:serif;
}



/* トップに戻るボタン スマホ左側 */
@media (max-width: 960px) {
.p-fixBtnWrap {
	right: auto;
	left: 2em !important;
	bottom: 2em !important;
}
}

/* 全体余白設定 ---------------------------------------------- */

/* 固定ページのみコンテンツ上部余白 */
.page .l-mainContent__inner>.post_content {
	margin-top: 0;
}
.page #content  {
	padding-top: 0;
}
/* フッターウィジェット余白 */
.c-widget + .c-widget {
    margin-top: 0 !important;
	margin-bottom: 0px !important;
}

.top #content {
	padding-top:0em !important;
}

/* 投稿ページのみコンテンツ上部余白 */
.single-post #content  {
	padding-top: 0px;
}

.l-content {
    margin: 0 auto 0em;
}



/* サイドバータイトル余白 */
.l-sidebar .c-widget__title {
	padding-top: 20px !important;
}

/* 投稿ページのみパンくずリスト余白 */
.single-post .p-breadcrumb {
	margin-top: 50px;
}


/* フォント ---------------------------------------------- */

/* 明朝体 */
.text-mincho {
	font-family:serif;
}



/* 各ページ共通 ---------------------------------------------- */

/* 固定ページのタイトルとアイキャッチを強制的に非表示 */
#top_title_area {
    display: none;
}

/* スマホのみ改行 */
/* PCとタブレットでは非表示 */
.sp_br {
    display: none;
}
/* スマホの場合のみ表示 */
@media screen and (max-width: 600px) {
.sp_br {
	display: block;
}
}
/* タブレットのみ改行 */
/* PCとスマホでは非表示 */
.tabbr {
    display: none;
}
/* タブレットの場合のみ表示 */
@media screen and (min-width: 600px) and (max-width: 1199px) {
.tabbr {
	display: block;
}
}

/* 区切り線 */

/* 区切り線を点線にする */
.wp-block-separator.is-style-dots {
	border: none !important;
	border-top: 2px dotted #009BB7 !important;
	background: none !important;
}

/* 非表示テキスト */
.text-hidden {
	padding: 0px 5px;
}
@media (max-width: 600px) {
.text-hidden {
	display: none !important;
}
}

/* swellボタン */
.swell-block-button__link {
	color:#fff !important;
}

/* リンクボタン影無し・透過 */
.is-style-btn_normal a{
	box-shadow: none !important;
}
/* リンクボタン透過 */
.is-style-btn_normal {
	transition-property: opacity;
	transition-duration: 0.5s;
}
.is-style-btn_normal:hover {
	opacity: 0.7;
}


/* メニュー ---------------------------------------------- */

/* スマホメニューのアコーディオン全体をクリック可能に */
.c-submenuToggleBtn  {
    width: 100% !important;
    text-align: right !important;
}
.c-submenuToggleBtn:after {
    border: none !important;
}

/* ヘッダーメニュー余白 */
.-parallel .l-header__gnav .c-gnav > li > a {
	padding:7px
}


/* お問合せ ---------------------------------------------- */

.contactarea-box {
	width:1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 30px 30px 30px;
	border: 1px solid #009BB7;
}
@media (max-width: 1200px) {
.contactarea-box {
	width:auto;
	margin-left: 15px;
	margin-right: 15px;
	padding: 15px 15px 15px 15px;
}
}

/* Contact Form 7 メールフォーム */
/* テキストを太字 */
.wpcf7-form label {
font-weight: normal;
	color:#000;
}
/* フォームの下に余白 */
.wpcf7-form p {
margin-bottom: 0px;
}
/* フォームのカスタマイズ */
.wpcf7-text, .wpcf7-email, .wpcf7-tel, .wpcf7-textarea {
width: 100%;
background-color: #fff;
margin-top: 5px;
}
/* ボタンのカスタマイズ */
.wpcf7-submit, .wpcf7-previous {
display: inline-block;
width: 100%;
padding: 15px 0px;
border-radius: 5px;
background: #009BB7 !important;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.2em;
line-height: 1.5;
color: #fff !important;
margin-top: 10px;
margin-bottom: 0px;
}
.mailform-text {
font-size: 14px;
line-height: 1.5;
}
/* チェックボックス・ラジオボタンの縦並び */
span.wpcf7-list-item {
	display: block;
	color: #000;
}

#cf7-area {
width:100%;
margin: 0 auto;
font-family: "遊ゴシック","ヒラギノ角ゴ","メイリオ","MS Pゴシック",sans-serif;
}
#cf7-area label{
	font-size: 16px;
}
.cf7-accept-check{
text-align: center;
margin: 25px auto;
}
/*　必須ラベル　*/
.cf7-req{
font-size:.7em;
padding: 3px 10px;
background: #ff0000;
color: #ffffff;
margin-left: 10px;
display:inline-block;
margin:0px 0px 6px 10px;
}




/* 投稿ページヘッダーアイキャッチ */
.news-headerbox {
	width: 100% !important;
}

/* カスタム投稿ページのみ特定のブロックを非表示にする */
.single-works .target-news-headerbox {
    display: none !important;
}

/*カテゴリー毎　カテゴリーラベル*/ 
[data-cat-id="1"] {/* お知らせ */
  background-color: #F09F4D !important;
	color: #ffffff!important;
}
[data-cat-id="2"] {/*  */
  background-color: #00cc99 !important;
	color: #ffffff!important;
}
[data-cat-id="3"] {/*  */
	background-color: #ff3366 !important;
	color: #ffffff!important;
}

/* クエリーループ内のリストの点（マーカー）を非表示 */
.wp-block-query .wp-block-post-template,
.p-postList {
    list-style: none;
    padding-left: 0;
}

/* クエリーループ新着記事リストカテゴリ別の色分け */
/* クエリーループ内のカテゴリーラベルを調整 */
.wp-block-post-terms a {
	font-weight: normal !important;
    text-decoration: none !important;
	padding: 2px 8px !important;
}
.wp-block-post-terms a[href*="/category/news/"] {
	background-color: #F09F4D !important;
    color: #fff !important;
}
.wp-block-post-terms a[href*="/category/works/"] {
	background-color: #E60033 !important;
    color: #fff !important;
}
@media screen and (max-width: 1200px) {
.article ul,
.article ol {
	padding-left: 0px;   
}
}