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


/*　〓〓　共通　〓〓　*/
/* clearfix */
* html .clearFix {
	zoom: 1;
}
*+html .clearFix {
	zoom: 1;
}
.clearFix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.fsize8{font-size:8px}
.fsize9{font-size:9px}
.fsize10{font-size:10px}
.fsize11{font-size:10px}
.fsize12{font-size:10px}
.fsize13{font-size:10px}
.fsize14{font-size:10px}
.fsize15{font-size:10px}
.fsize16{font-size:10px}

/*印刷時にのみ表示*/
@media print {
/* 印刷時に表示する */
.printonly { display: block;}
}
@media screen {
/* 画面では非表示 */
.printonly { display: none;}
}

/*改行しない*/
.nokai{white-space: nowrap;}

/* 〓〓　TOP想いのキャッチをNoto Serif（明朝体）に　〓〓 */
.font-mincyo{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

/*フッター前のバナーカラムのマージン*/
.w-beforeFooter .swell-block-column.swl-has-mb--s {
margin: 0px 0 0 18px!important;
}

/*LINEアイコンの色とサイズ*/
.w-beforeFooter .icon-line{
	font-size:36px;
	color:#ffffff;
}
.w-beforeFooter .linebtn{
display:block;
margin-top: -10px;
}

/*フッター上の空きをなくす*/
.l-content {
margin: 0 auto ;
}
.w-beforeFooter {
margin: 0 auto 3em; 
}
/*PCのTOPページヘッダの電話とボタンの色を白に*/
.page-id-33 .w-header .widget_text h2{
    color: #FFF !important;
}
.page-id-33 .w-header .widget_text p{
    color: #FFF !important;
}
.page-id-33 .w-header .widget_text a{
    color: #FFF !important;
}
.page-id-33 .w-header .widget_text a:hover{
    background-color:#eee;
}

/*NEWSページの文字サイズ調整*/
.category-news .p-postListTabBody ul li h2{
    Font-size:18px!important;
	font-weight:400;
}

/*小見出しの左に縦ラインポイント*/
.komidaship{
	border-left: #999 solid 5px!important;
	padding:0 0 0 20px!important;
}
/*小見出しの下にアンダーライン*/
.komidashib{
	border-bottom: #999 solid 1px!important;
	padding:0 0 12px 0px!important;
}

/* ーーーー　個人情報保護方針の枠　ーーーー */
.cyuwaku{ 
	width: 100%;
	border: #F4F2DD solid 1px;
	background-color: #FDFCFB;
	padding: 26px 20px 20px 20px;
	font-size: 15px;
	font-weight: 400;
	text-align: left;
	line-height: 1.8em;
	color:#333333;
	margin: 60px auto 25px auto;
	}
.cyuwaku .tex1{ 
	margin: 0 0 7px 0;
}
.cyuwaku .tex1 a{ 
	font-size: 16px;
	font-weight: 500;
	text-align: left;
	line-height: 1em;
	color:#3F6CB0;
	padding: 0 0 0 0px;
	margin:0 0 25px 0;
	text-decoration: underline;
}
.cyuwaku .tex1 a:hover{ 
	color:#318DFF;
}
.cyuwaku .pbtn{ 
	margin:20px 0 0 0;
}
.cyuwaku input{
transform:scale(2.0);
margin: 0 15px 0 0;
}

/*　〓〓〓〓〓〓　モバイルファースト　〓〓〓〓〓〓　*/

/* ヘッダ電話番号とお問い合わせボタン　*/
/*ヘッダー部分*/
.l-header__inner, #gnav{
 height: 120px;
}
#gnav {
 padding-top: 70px;
}
/*ボタンの左マージン*/
#header.swell-block-column.swl-has-mb--s {
    margin: 5px 0 0 19px;
}
/*メニュー部分の高さ*/
.c-gnav>.menu-item>a {
    height: 90%;
}
/*ヘッダー内部ウィジェット*/
.w-header__inner {
 position: absolute;
 top: 0px; right: 70px;
 padding-top: 17px;
 font-size: 0.9rem;
}
/*PC以外の表示*/
@media (max-width: 599px) {
 .l-header__inner { height: 75px; }
 h1 {float: none;}
}


/* 投稿リストのカード型文字黒アレンジ　*/
.-type-big .p-postList__body, .-type-card .p-postList__body {
padding: 18px 12px 12px 20px;
margin-top: -10px;
width: 90%;
background-color: #000000;
opacity: 0.8;
color: #fff;
}
/* カード型文字タイトル文字サイズ　*/
.p-postList__item a .p-postList__body .p-postList__title{
 font-size:12px;
}

/* 下層ページタイトルをセンターへ　*/
.c-pageTitle {
text-align: center;
}
/* 下層ページタイトルの高さ　*/
.l-topTitleArea {
min-height: 24em;
margin-top:10px;
}
.l-topTitleArea .c-pageTitle {
font-size: 1.6em;
font-weight: 100;
letter-spacing:2px;
}
/* 下層ページタイトル抜粋のセンター　*/
.c-pageExcerpt {
    margin-top: 5px;
    text-align: center;
}
/* 下層コンテンツ枠の上マージン　*/
.l-content {
	padding-top: 0em;
}

/* カテゴリPのサブタイトル非表示*/
.c-pageTitle__subTitle {
    display: none;
}

.swell-block-dl__dt{
	padding-top:10px;
}
.swell-block-dl__dt br{
	display:none;
}

/*ページタイトルの文字サイズ調整（固定ページと一覧ページ）*/
.page #top_title_area h1{
    Font-size:60px;
	letter-spacing:6px;
	font-weight:100;
}
.page #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}
.category-news #top_title_area h1{
    Font-size:60px;
	letter-spacing:6px;
	font-weight:100;
}
.category-news #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}
/*事例ページタイトルの文字サイズ調整*/
/*施工事例*/
.category-case #top_title_area h1{
    Font-size:60px;
	letter-spacing:6px;
	font-weight:100;
}
.category-case #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}
/*新築施工事例*/
.category-newconst #top_title_area h1{
    Font-size:60px;
	letter-spacing:6px;
	font-weight:100;
}
.category-newconst #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}
/*リフォーム施工事例*/
.category-renovation #top_title_area h1{
    Font-size:60px;
	letter-spacing:6px;
	font-weight:100;
}
.category-renovation #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}
/*全面改装*/
.category-all #top_title_area h1{
    Font-size:60px;
	letter-spacing:6px;
	font-weight:100;
}
.category-all #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}
/*キッチン*/
.category-kitchen #top_title_area h1{
    Font-size:60px;
	letter-spacing:6px;
	font-weight:100;
}
.category-kitchen #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}
/*バス*/
.category-bath #top_title_area h1{
    Font-size:60px;
	letter-spacing:6px;
	font-weight:100;
}
.category-bath #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}
/*洗面*/
.category-washroom #top_title_area h1{
    Font-size:60px;
	letter-spacing:6px;
	font-weight:100;
}
.category-washroom #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}
/*トイレ*/
.category-toilet #top_title_area h1{
    Font-size:60px;
	letter-spacing:6px;
	font-weight:100;
}
.category-toilet #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}
/*内装*/
.category-interior #top_title_area h1{
    Font-size:60px;
	letter-spacing:6px;
	font-weight:100;
}
.category-interior #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}
/*外まわり*/
.category-exterior #top_title_area h1{
    Font-size:60px;
	letter-spacing:6px;
	font-weight:100;
}
.category-exterior #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}

/*google recaptcha非表示*/
.grecaptcha-badge { visibility: hidden; }

/*　〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
 * 　　ブレイクポイント
 * 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓　*/


 /* 〓〓〓〓〓〓〓〓　600px以下調整　〓〓〓〓〓〓〓〓 */
@media (max-width: 600px) {
/* スマホで非表示　*/
.nosp{display:none;}

/*TOPページのメインイメージ内キャッチ文字サイズ*/
.topmaintxt{ 
font-size:  1.2em;
font-weight: 900;
line-height: 1.6em;
color:#FFFFFF;
margin-top: -20px;
}

/*フッター上の空きをなくす*/
.w-beforeFooter {
margin: -28px auto 3em;
}
/*フッターのメニューを非表示*/
.l-footer__nav {
display:none;
}

/*ページタイトルの文字サイズ調整（固定ページと一覧ページ）*/
.page #top_title_area h1{
    Font-size:40px;
	letter-spacing:3px;
	font-weight:100;
	line-height:1.2em;
	text-align:left;
}
.page #top_title_area .c-pageExcerpt{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
	text-align:left;
}
.category-news #top_title_area h1{
    Font-size:40px;
	letter-spacing:3px;
	font-weight:100;
	line-height:1.2em;
	text-align:left;
}
.category-news #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}
/*事例ページタイトルの文字サイズ調整*/
/*施工事例*/
.category-case #top_title_area h1{
    Font-size:40px;
	letter-spacing:3px;
	font-weight:100;
	line-height:1.2em;
	text-align:left;
}
.category-case #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}
/*新築施工事例*/
.category-newconst #top_title_area h1{
    Font-size:40px;
	letter-spacing:3px;
	font-weight:100;
	line-height:1.2em;
	text-align:left;
}
.category-newconst #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}
/*リフォーム施工事例*/
.category-renovation #top_title_area h1{
    Font-size:40px;
	letter-spacing:3px;
	font-weight:100;
	line-height:1.2em;
	text-align:left;
}
.category-renovation #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}
/*全面改装*/
.category-all #top_title_area h1{
    Font-size:40px;
	letter-spacing:3px;
	font-weight:100;
	line-height:1.2em;
	text-align:left;
}
.category-all #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}
/*キッチン*/
.category-kitchen #top_title_area h1{
    Font-size:40px;
	letter-spacing:3px;
	font-weight:100;
	line-height:1.2em;
	text-align:left;
}
.category-kitchen #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}
/*バス*/
.category-bath #top_title_area h1{
    Font-size:40px;
	letter-spacing:3px;
	font-weight:100;
	line-height:1.2em;
	text-align:left;
}
.category-bath #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}
/*洗面*/
.category-washroom #top_title_area h1{
    Font-size:40px;
	letter-spacing:3px;
	font-weight:100;
	line-height:1.2em;
	text-align:left;
}
.category-washroom #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}
/*トイレ*/
.category-toilet #top_title_area h1{
    Font-size:40px;
	letter-spacing:3px;
	font-weight:100;
	line-height:1.2em;
	text-align:left;
}
.category-toilet #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}
/*内装*/
.category-interior #top_title_area h1{
    Font-size:40px;
	letter-spacing:3px;
	font-weight:100;
	line-height:1.2em;
	text-align:left;
}
.category-interior #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}
/*外まわり*/
.category-exterior #top_title_area h1{
    Font-size:40px;
	letter-spacing:3px;
	font-weight:100;
	line-height:1.2em;
	text-align:left;
}
.category-exterior #top_title_area h1 p{
    Font-size:16px;
	letter-spacing:3px;
	font-weight:100;
}
}

/* 〓〓〓〓〓〓〓〓　600px以上調整　〓〓〓〓〓〓〓〓 */
@media (min-width: 600px) {

/* PCで非表示　*/
.nopc{display:none;}

/*TOPページのメインイメージ内キャッチ文字サイズ*/
.topmaintxt{ 
font-size:  1.3em;
font-weight: 900;
line-height: 1.6em;
color:#FFFFFF;
margin-top: -5px;
}

/* 投稿リストのカード型文字黒アレンジ　*/
.-type-big .p-postList__body, .-type-card .p-postList__body {
padding: 18px 12px 12px 20px;
margin-top: -30px;
width: 80%;
background-color: #000000;
opacity: 0.8;
color: #fff;
}
/* カード型文字タイトル文字サイズ　*/
.p-postList__item a .p-postList__body .p-postList__title{
 font-size:13px;
}
/* フッター上部の空きをなくす　*/
.c-widget+.c-widget {
    margin-top: 0;
}


/* 施工事例一覧のブロック間のマージン　*/
.category .l-article {
    max-width: 1200px;
}
.category .-type-card .p-postList__item {
    margin-bottom: 2em;
    padding: 1.8em;
}
}


/* 〓〓〓〓〓〓〓〓　960px以上調整　〓〓〓〓〓〓〓〓 */
@media (min-width: 960px) {

/* PCで非表示　*/
.nopc{display:none;}

}