@charset "utf-8";

@font-face {
    font-family: "CENTURY";
    src: url('font/CENTURY.woff') format('woff');
}

@font-face {
    font-family: "VLADIMIR";
    src: url('font/VLADIMIR.woff') format('woff');
}

@font-face {
    font-family: "COPRGTB";
    src: url('font/COPRGTB.woff') format('woff');
}

@font-face {
    font-family: "A1mincho";
    src: url('font/A1mincho.woff?ver=20210831') format('woff');
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿「Youtube」＞詳細ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.single-movie .main_movie {
    text-align: center;
    position:relative;
	margin-bottom: 1em;
}
.single-movie .main_movie a::before {
    content: '';
    width: 30px;
    height: 30px;
    background: #fff;
    position:absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
}

.single-movie .main_movie a::after {
    font-family: "icomoon";
    content: '\e90b';
    position:absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    line-height: 1;
    font-size: 100px;
    color: #f00;
}

.single-movie .main_movie a img:hover {
    opacity: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿「Youtube」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.cmn_post_list3 {
    justify-content: flex-start;
    margin: 0 -21px;
    row-gap: 20px;
}

body.home ul.cmn_post_list3 {
    justify-content: center;
}

ul.cmn_post_list3 li {
    width: 372px;
    margin: 0 21px;
}

ul.cmn_post_list3 p.img {
    width: 372px;
	height: 205px;
	position:relative;
}

ul.cmn_post_list3 p.img a::before {
    content: '';
    width: 15px;
    height: 15px;
    background: #fff;
    position:absolute;
    top: calc(50% - 7.5px);
    left: calc(50% - 7.5px);
}

ul.cmn_post_list3 p.img a::after {
    font-family: "icomoon";
    content: '\e90b';
    position:absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    line-height: 1;
    font-size: 50px;
    color: #f00;
}

ul.cmn_post_list3 p.img a img {
	width: 372px;
	height: 205px;
	object-fit: cover;
}

ul.cmn_post_list3 p.img a img:hover {
    opacity: 1;
}

ul.cmn_post_list3 .area_b {
    position: relative;
    padding-top: 10px;
	font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "my_mincho", serif;
	font-weight: 500;
}

ul.cmn_post_list3 p.area {
    background-color: #a7a7a7;
    color: #fff;
    position: absolute;
    right: 10px;
    top: -18px;
    min-width: 105px;
    text-align: center;
    padding: 5px 10px;
    font-size: 12px;
    letter-spacing: .1em;
}

ul.cmn_post_list3 p.area[style*="#e1ddd3"] {
    color: #867854;
}

ul.cmn_post_list3 h3.ttl {
    margin-bottom: 10px;
}

ul.cmn_post_list3 h3.ttl a {
    text-decoration: none;
    color: inherit;
    font-size: 15px;
    line-height: 1.8;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

ul.cmn_post_list3 p.date {
    font-size: 13px;
    color: #978448;
}

ul.cmn_post_list3 p.date .shop {
    color: #a7a7a7;
    display: inline-block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　動画
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_movie.kugiri_m {
    padding-top: 90px;
    padding-bottom: 85px;
	background-color: #e3e2db;
}

#home_movie .pc_base_width {
    position: relative;
}

#home_movie h2 .cmn_ttl_en {
    font-size: 30px;
    letter-spacing: .2em;
}

#home_movie p.btn {
    position: absolute;
    right: 0;
    top: 0;
}

#home_movie p.btn a {
    color: inherit;
    font-family: "CENTURY";
    letter-spacing: .075em;
    border: 1px solid #b8b8b8;
    padding: 7px 20px;
    min-width: 175px;
    position: relative;
    overflow: hidden;
	background-color: #fff;
}

#home_movie p.btn a:hover {
    color: #fff;
}

#home_movie p.btn a::before {
    content: '';
    position: absolute;
    z-index: -1;
    background: #000;
    height: 100%;
    left: -100%;
    top: 0;
    transition-duration: .5s;
    transform-origin: top left;
    width: 0;
}

#home_movie p.btn a:hover::before {
    width: 200%;
}

#home_movie ul.items {
    justify-content: space-between;
}

#home_movie ul.items li a {
    width: 372px;
    height: 72px;
    border: 5px solid #e2e2e2;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
}

#home_movie ul.items li a:hover {
    opacity: .7;
}

#home_movie ul.items li a:hover * {
    opacity: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
対応エリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.area {
    max-width: 380px;
    margin: 0 auto;
    text-align: center;
    background: #f5f5f5;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　画像がない場合の汎用スタイル（一覧ページ／ショートコード／関連記事…などで共有）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.noimage {
    background-image: url(images/noimage_logo.png);
    background-size: auto 35%;
    background-position: 50% calc(50% - 5%);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
記事がない場合の表示スタイル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
p.no_hit{
	text-align:center;
	margin-bottom:2em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
デフォルトCSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body,input, textarea, keygen, select, button {
    color: #333333;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンタクトフォーム追加クラス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
td.blocker span.wpcf7-checkbox {
    padding: 10px 5px;
}

td.blocker span.wpcf7-list-item {
    display: block;
    margin: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フォーム要素　＞　チェックボックスのカスタマイズ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* チェックマーク部分 */
.ipt_custom input[type*="radio"]:checked + span:after, .ipt_custom input[type*="checkbox"]:checked + span:after {
    top: 18px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メインエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#main_area .article_title.plain_type h1 {
    font-size: 22px;
    padding: 20px 0;
    margin-bottom: 18px;
}

#main_area .article_date_area {
    margin-bottom: 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　フォントサイズ／行間
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 基本テキストサイズ・行間 */
.font_m {
    font-size: 14px;
	font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "my_mincho", serif;
	font-weight: 500;
    letter-spacing: 1px;
}

.font_m input, .font_m botton, .font_m select, .font_m textarea {
    font-size: 16px;
}

/* font-size小さく 17→14 */
.basic_list01 > li {
    font-size: 14px;
}

/* font-size小さく 20→18 */
.basic_list02 h4 {
    font-size: 18px;
}

/* font-size小さく 22→20 */
.large > li, [class*="cmn_items_list_box"] .ttl {
    font-size: 20px;
}

/* font-size小さく 18→16 */
dl.faq > dt, .cmn_items_list_box_side .ttl {
    font-size: 16px;
}

dl.faq > dt, .basic_list02 h4,[class*="cmn_items_list_box"] .ttl,#sub_area .menu_header, #sub_area .menu_header a, #sub_area .menu_header h2,#main_area .article_meta_area .tags:before,#main_area .article_title.plain_type h1,#main_area .article_title.txt_type h1,.related_posts .ttl a {
    /*font-weight: normal;*/
	font-weight:500;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　サイトのテーマ色を一括指定する
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 文字色 */
body.sp[class*="voice"] ul.child_navi a[href*="voice"], body.sp dl.type01 [class*="current"] > a, body.sp dl.type01 dt, a.basic_btn02, .basic_list01 li:before, ol.basic_list02 > li:after, a.basic_color_font, [class*="current"] .basic_color_font_cur, [class*="current"] .basic_color_font_cur:hover, .basic_color_font_bf:before, .basic_color_font_af:after {
    color: #393939;
}

/* ボーダー色 */
body.sp dl.type01 > dt .arrow, h3[class*="h3a"], h2[class*="h2a"], .basic_box02, .basic_list02 > li, .basic_color_border, .basic_color_border_bg:before, .basic_color_border_af:after {
    border-color: #393939;
}

/* 背景色 */
a.basic_btn01, h3[class*="h3b"], ol.basic_list02 > li:before, .basic_color_bg, .basic_color_bg_bf:before, .basic_color_bg_af:after {
    background-color: #393939;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
h2[class*="h2"] {
    font-family: "Hiragino Mincho ProN W4", "ヒラギノ明朝 ProN W4", "Hiragino Mincho ProN", "my_mincho_w4", serif;
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 3px;
}

h2[class*="h2a"] {
    padding: 18px 0;
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
}

h2[class*="h2b"] {
    padding: 0 0 25px 0;
    margin-bottom: 40px;
}

h2[class*="h2b"]:before {
    width: 30px;
    height: 3px;
    top: auto;
    bottom: 0;
    right: calc(50% - 15px);
    background-color: #151515;
}

h3[class*="h3"] {
    font-family: "Hiragino Mincho ProN W4", "ヒラギノ明朝 ProN W4", "Hiragino Mincho ProN", "my_mincho_w4", serif;
    font-weight: 500;
    font-size: 18px;
}

h3[class*="h3a"] {
    border-left: none;
    border-bottom: 1px solid #c5c5c5;
    padding-left: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.basic_btn01 {
    color: #151515;
    border: 1px solid #151515;
    background-color: #fff;
	font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "my_mincho", serif;
	font-weight: 500;
    font-size: 16px;
}

a.basic_btn01:hover {
    color: #fff;
}

a.basic_btn01::before {
    content: '';
    position: absolute;
    z-index: -1;
    background: #000;
    height: 100%;
    left: -100%;
    top: 0;
    transition-duration: .5s;
    transform-origin: top left;
    width: 0;
}

a.basic_btn01:hover::before {
    width: 200%;
}

/* 各TOPのみラインあり */
p[class*="btn"].line {
    position: relative;
}

p[class*="btn"].line::before {
    content: "";
    width: 60px;
    height: 1px;
    background-color: #151515;
    position: absolute;
    left: -15px;
    top: 10px;
    transform: rotate(-40deg);
    z-index: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボックス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_box01 {
    background-color: #f5f5f5;
}

.basic_box02 {
    border-width: 1px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　テーブル02
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_table02 th {
    border-bottom: 1px solid #3a3a3a;
    /*font-weight: normal;*/
    font-weight: 500;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　リスト02（BOXタイプ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* OL限定 */
ol.basic_list02 > li {
    padding-left: 95px;
    border: solid 1px #2d2d2d;
}

ol.basic_list02 > li:before {
    border-radius: 35px;
    top: 22px;
    left: 25px;
    width: 40px;
    line-height: 40px;
    font-size: 14px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　一言コメント(修正追加2019-10-03)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tweet_area {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用クラス・タグ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ブログや施工事例のアーカイブページ　＞　上部の検索ウィジェット */
.cmn_search_widget {
    margin-bottom: 2em;
}

body.home h2 {
    display: table;
    margin: 0 auto 65px;
    text-align: center;
}

span.cmn_ttl_en {
    font-family: "CENTURY";
}

.cmn_sns > p {
    margin: 0 5px;
}

.cmn_sns a {
    position: relative;
    width: 30px;
    height: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.cmn_sns a:hover {
    opacity: .7;
    text-decoration: none;
}

.cmn_sns a::before {
    content: '\f082';
    font-family: "icomoon";
    font-size: 24px;
    line-height: 1;
    font-weight: normal;
}

.cmn_sns a.fb::before {
    content: '\f082';
}

.cmn_sns a.ig::before {
    content: '\ea92';
}

.cmn_sns a.yt::before {
    content: '\e90b';
}

.cmn_sns a.nt::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 493 493'><path fill='black' d='m139.57,142.06c41.19,0,97.6-2.09,138.1-1.04,54.34,1.39,74.76,25.06,75.45,83.53.69,33.06,0,127.73,0,127.73h-58.79c0-82.83.35-96.5,0-122.6-.69-22.97-7.25-33.92-24.9-36.01-18.69-2.09-71.07-.35-71.07-.35v158.96h-58.79v-210.22Z'/></svg>");
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: #000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層　＞　スタッフ紹介
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.page-staff .cmn_items_list_box3 li {
    border: none;
}

body.page-staff .cmn_sns {
    justify-content: center;
    padding: 10px 0 0;
}

body.page-staff .cmn_sns > p {
    margin: 0 2px;
}

body.page-staff .cmn_sns a {
    color: inherit;
    text-decoration: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層　＞　メッセージ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.page-message .cmn_sns {
    justify-content: center;
    padding: 10px 0 0;
}

body.page-message .cmn_sns > p {
    margin: 0 2px;
}

body.page-message .cmn_sns a {
    color: inherit;
    text-decoration: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層ページ　＞　masterslider
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.master-slider {
    display: flex;
    flex-wrap: wrap;
}

.ms-inner-controls-cont {
    overflow: hidden;
}

.ms-thumb-list {
    order: 3;
    margin-top: 2em!important;
}

/*---▼サムネイルの背景を暗くする為の記述---*/
.ms-thumb-frame {
    opacity: 1;
    position: relative;
}

.ms-thumb-frame:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, .4);
}

.ms-thumb-frame-selected:before {
    opacity: 0;
}

/*---▼以下次へボタン---*/
.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {
    background: none;
    display: block!important;
    opacity: 1!important;
}

.ms-skin-default .ms-nav-next {
    right: 0;
}

.ms-skin-default .ms-nav-prev {
    left: 0;
}

.ms-skin-default .ms-nav-next:before, .ms-skin-default .ms-nav-prev:before {
    font-family: "icomoon";
    color: #fff;
    display: inline-block;
    font-size: 32px;
    font-weight: bold;
    background-color: rgba(0,0,0,.4)
}

.ms-skin-default .ms-nav-next:before {
    content: '\e91b';
}

.ms-skin-default .ms-nav-prev:before {
    content: '\e91a';
}

/* キャプション */
.ms-slide-info.ms-dir-h {
    min-height: 0!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿系　＞　NEWS&EVENT
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.cmn_post_list li:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #cdcdcd;
}

ul.cmn_post_list .area_a,ul.cmn_post_list .area_b {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    letter-spacing: .1em;
}

ul.cmn_post_list .area_a {
    width: 238px;
    padding-left: 5px;
}

ul.cmn_post_list p.cat {
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #b8b8b8;
    align-items: center;
    justify-content: center;
    width: 120px;
    margin-right: 20px;
    padding: 2px 10px;
}

ul.cmn_post_list .area_b {
    width: calc(100% - 238px);
}

ul.cmn_post_list h3.ttl {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 140px);
}

ul.cmn_post_list h3.ttl a {
    text-decoration: none;
    color: #898989;
}

ul.cmn_post_list p.shop {
    width: 140px;
    text-align: right;
    font-size: 11px;
    color: #898989;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿系　＞　BLOG
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.cmn_post_list2 {
    justify-content: flex-start;
    margin: 0 -21px -70px;
}

body.home ul.cmn_post_list2 {
    justify-content: center;
    margin-bottom: 60px;
}

ul.cmn_post_list2 li {
    width: 372px;
    margin: 0 21px 70px;
}

ul.cmn_post_list2 p.img {
    width: 372px;
    padding-top: 66.6666%;
}

ul.cmn_post_list2 .area_b {
    position: relative;
    padding-top: 30px;
	font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "my_mincho", serif;
	font-weight: 500;
}

ul.cmn_post_list2 p.area {
    background-color: #a7a7a7;
    color: #fff;
    position: absolute;
    right: 10px;
    top: -18px;
    min-width: 105px;
    text-align: center;
    padding: 5px 10px;
    font-size: 12px;
    letter-spacing: .1em;
}

ul.cmn_post_list2 p.area[style*="#e1ddd3"] {
    color: #867854;
}

ul.cmn_post_list2 h3.ttl {
    margin-bottom: 10px;
}

ul.cmn_post_list2 h3.ttl a {
    text-decoration: none;
    color: inherit;
    font-size: 15px;
}

ul.cmn_post_list2 p.date {
    font-size: 13px;
    color: #978448;
}

ul.cmn_post_list2 p.date .shop {
    color: #a7a7a7;
    display: inline-block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿系　＞　works 施工事例
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.cmn_works_list {
    margin: 0 -1vw 40px;
}

body.home ul.cmn_works_list, body.page-service-child ul.cmn_works_list {
    justify-content: center;
}

body.page-service-child ul.cmn_works_list {
    margin: 0 -20px 40px;
    width: calc(100% + 40px)
}

ul.cmn_works_list li {
    width: 17%;
    max-width: 285px;
    margin: 0 1vw;
    position: relative;
}

body.page-service-child ul.cmn_works_list li {
    width: calc(33.333333% - 40px);
	max-width:none;
    margin: 0 20px 40px;;
}

ul.cmn_works_list li p.cat {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #717171;
    color: #fff;
    min-width: 145px;
    text-align: center;
    padding: 3px 10px;
    font-family: "CENTURY";
    z-index: 1;
}

ul.cmn_works_list li p.cat[style*="#e1ddd3"] {
    color: #867854;


}

ul.cmn_works_list li h3.ttl {
    padding-top: 100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サービスカテ・タグ一覧開閉（よくある質問改造)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
dl.works_search > dt {
    background-color: #f8f9fa;
    padding: 20px 45px 20px 55px;
    position: relative;
    font-size: 14px;
}

/* JSアコーディオン適用時に「toggle]クラスが付与される */
dl.works_search > dt.toggle {
    cursor: pointer;
}

dl.works_search > dt .arrow {
    float: right;
    font-size: 20px;
    line-height: 1;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -.5em;
}

dl.works_search > dt .arrow:before {
    font-family: "icomoon";
    content: '\e92d';
}

dl.works_search > dt.open .arrow:before {
    font-family: "icomoon";
    content: '\e92c';
}

dl.works_search > dt a {
    color: #151515;
}

dl.works_search > dd {
    overflow: hidden;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サービスカテ・タグ一覧スタイル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_works_cat_wrap th {
    width: 100px;
}

.cmn_works_cat_wrap td {
    width: calc(100% - 100px);
}

.cmn_works_cat_wrap td ul {
    display: flex;
    flex-wrap: wrap;
}

.cmn_works_cat_wrap td ul li {
    margin: 5px 0;
}

.cmn_works_cat_wrap td ul li:not(:last-child) {
    margin-right: 1em;
}

.cmn_works_cat_wrap td ul a {
    display: block;
    padding: 4px 10px;
    border: 1px solid;
    border-radius: 3px;
    font-size: 14px!important;
    color: #8e8e8e;
	text-decoration:none;
}

.cmn_works_cat_wrap td ul a[aria-current="page"]{
    background-color:#8e8e8e;
    color:#fff;
}

.cmn_works_cat_wrap td ul a:hover {
    text-decoration: none;
    background-color:#8e8e8e;
    color:#fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿系　＞　works 施工事例 アーカイブページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.cmn_works_list2 {
    margin: 0 -16.5px -30px;
}

ul.cmn_works_list2 li {
    width: calc((100% * .3333333) - 33px);
    margin: 0 16.5px 50px;
}

ul.cmn_works_list2 li p.img {
    padding-top: 100%;
    margin-bottom: 1em;
}

ul.cmn_works_list2 li h3.ttl {
    margin-bottom: .5em;
}

ul.cmn_works_list2 li h3.ttl a:hover {
    text-decoration: none;
}

ul.cmn_works_list2 li p.tags {
    margin-bottom: -.5em;
    color: #8e8e8e;
}

ul.cmn_works_list2 li p.tags span {
    display: inline-block;
    border: 1px solid;
    font-size: 12px;
    padding: 1px 10px 1px 11px;
    margin: 0 .5em .5em 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿系　＞　works 施工事例 詳細ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.single-works #main_area .article_title {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #ccc;
}

body.single-works #main_area .article_title.plain_type h1 {
    padding: 15px 0 0;
    border-bottom: none;
    margin-bottom: 5px;
}

body.single-works #main_area .article_title p.cat_wrap span:not(:last-child) {
    margin-right: 1em;
}

body.single-works #main_area .article_title p.cat_wrap span a {
    border: 1px solid;
    padding: 4px 15px;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
    color: #8e8e8e;
    display: block;
}

body.single-works #main_area .article_title p.cat_wrap span a:hover {
    opacity: .5;
}

body.single-works #main_area .article_date_area {
    padding: 0;
    font-size: 14px;
}

body.single-works #main_area .article_date_area > p {
    display: table;
    margin-left: auto;
    padding: 3px 20px;
    color: #fff;
}

body.single-works #main_area .article_date_area > p[style*="#e1ddd3"] {
    color: #867854;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿系　＞　voice お客様の声 アーカイブページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.post_archive.voice{
    width:980px;
    margin:0 auto;
}

ul.post_archive.voice li {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 40px 30px;
}

ul.post_archive.voice li .ttl {
    margin-top: 0;
}

ul.post_archive.voice li .meta,
ul.post_archive.voice li .meta a {
	font-size: 13px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿系　＞　voice お客様の声 詳細ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.single-voice #main_area .article_date_area {
    justify-content:flex-end;
}

body.single-voice #main_area .article_date_area p.name + *::before{
    content:"｜";
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用リスト　＞　事業案内（トップ・サービストップ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ol.cmn_service_list {
    justify-content: space-between;
    margin-bottom: -30px;
    position: relative;
    z-index: 1;
}

ol.cmn_service_list li {
    position: relative;
    margin-bottom: 30px!important;
}

ol.cmn_service_list li::before {
    content: "0"counters(ol_cnt, "");

    position: absolute;
    left: 25px;
    top: -.5em;
    font-size: 60px;
    line-height: 1;
    font-family: "VLADIMIR";
    z-index: 1;
}

ol.cmn_service_list p.sub_ttl {
    position: absolute;
    top: 30px;
    left: 35px;
    color: #fff;
    font-size: 22px;
    font-family: "CENTURY";
    letter-spacing: .075em;
    z-index: 1;
}

ol.cmn_service_list p.sub_ttl .new {
    width: 56px;
    height: 56px;
    justify-content: center;
    align-items: center;
    background: url(images/new_bg.svg) no-repeat 50% 50%/contain;
    font-size: 13px;
    margin-right:1em;
}

ol.cmn_service_list p.img {
    width: 578px;
    padding-top: 348px;
}

ol.cmn_service_list h3.ttl {
    text-align: center;
}

ol.cmn_service_list h3.ttl a {
    text-decoration: none;
    color: inherit;
    font-size: 15px;
    display: block;
    padding: 30px 50px;
    position: relative;
}

ol.cmn_service_list h3.ttl a::after {
    font-family: "icomoon";
    content: '\e917';
    font-size: 1.5em;
    position: absolute;
    top: 50%;
    margin-top: -.48em;
    line-height: 1;
    right: 0;
    font-weight: normal;
    color: #c8c8c8;
}

/* 05のみスタイル違い */
/*
ol.cmn_service_list li:nth-child(5) p.img {
    width: 1200px;
    padding-top: 200px;
}

ol.cmn_service_list li:nth-child(5) h3.ttl {
    text-align: left;
    position: absolute;
    left: 55px;
    top: calc(50% - 34px);
}

ol.cmn_service_list li:nth-child(5) h3.ttl a {
    color: #fff;
    padding: 0 0 0 75px;
}

ol.cmn_service_list li:nth-child(5) h3.ttl a::after {
    display: none;
}

ol.cmn_service_list li:nth-child(5) h3.ttl a .new {
    width: 62px;
    height: 62px;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: calc(50% - 31px);
    background: url(images/new_bg.svg) no-repeat 50% 50%/contain;
}

ol.cmn_service_list li:nth-child(5) h3.ttl a .en {
    font-family: "COPRGTB";
    font-size: 30px;
    letter-spacing: .075em;
    display: block;
}
*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層ページ　＞　ヘッダー画像
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo .img_wrap {
    height: 480px;
}

.page_promo .txt_box {
    width: 1200px;
    /*margin: 0 auto;*/
    height: 100%;
    font-family: "CENTURY", "my_mincho", serif;
    text-align: left;
}

.page_promo .inner {
    width: 600px;
    display: inline-block;
    background-color: rgba(255,255,255,.9);
    position: absolute;
    left: calc(50% - 600px);
    bottom: 0;
    padding: 65px 70px;
    display: flex;
    flex-wrap: wrap;
}

.page_promo .sub_ttl {
    font-size: 18px;
    /*font-weight: normal;*/
    font-weight:500;
    margin: 0;
}

body.page-index.page-showroom-child .page_promo .sub_ttl {
    display: none;
}

.page_promo .sub_ttl::after {
    content: "－";
    margin: 0 30px 0 20px;
}

.page_promo .ttl {
    font-size: 18px;
    /*font-weight: normal;*/
    font-weight:500;
    margin: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#promo_frame {
    padding: 35px 0 0;
}

#promo_frame h1 {
    width: 93px;
    height: 97px;
    margin: 0 auto;
}

#promo_frame .cmn_sns {
    position: absolute;
    right: 15px;
    top: 35px;
}

#promo_frame .cmn_sns a {
    text-decoration: none;
}

#promo_frame .main {
    height: calc(100% - 97px);
    align-items: center;
    padding-bottom: 50px;
}

#promo_frame .ttl_wrap {
    width: 100%;
}

#promo_frame .ttl_wrap h2 {
    color: #fff;
    font-size: 24px;
    font-family: "A1mincho";
    margin: 0 auto .3em;
    font-size: 38px;
}

#promo_frame .ttl_wrap h3 {
    text-align: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　事業案内
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_about.kugiri_m {
    padding-bottom: 100px;
}

#home_about h2 {
    position: relative;
    margin-bottom: 75px;
    z-index: 1;
}

#home_about h2::after {
    content: "";
    width: 413px;
    height: 175px;
    background: url(images/garden.png) no-repeat 50% 50%/contain;
    position: absolute;
    right: calc(50% - 600px - 35px);
    top: -15px;
    z-index: -1;
}

#home_about h2 .cmn_ttl_en {
    font-size: 30px;
    display: block;
    border-bottom: 1px solid;
    padding: 0 20px;
    margin-bottom: 25px;
    line-height: 1;
}

#home_about h2 .ja {
    font-size: 15px;
    letter-spacing: .05em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　NEWS/EVENT
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_news {
    background-color: #f5f5f5;
}

#home_news.kugiri_m {
    padding-top: 90px;
    padding-bottom: 90px;
}

#home_news .pc_base_width {
    position: relative;
}

#home_news h2 {
    position: absolute;
    left: 0;
    top: -130px;
}

#home_news ul.tab {
    width: 890px;
    margin: 0 auto 30px;
    border-bottom: 1px solid #d3d3d3;
    justify-content: center;
}

#home_news ul.tab li {
    text-align: center;
}

#home_news ul.tab li:nth-child(1) {
    margin-right: 1px;
}

#home_news ul.tab li a {
    width: 370px;
    display: block;
    font-size: 15px;
    color: #3f3f3f;
    text-decoration: none;
    background-color: #fff;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    padding: 7px 10px;
    letter-spacing: .2em;
}

#home_news ul.tab > li[class*='current'] a, #home_news ul.tab li a:hover {
    background: #3f3f3f;
    color: #fff;
}

#home_news .tab_body {
    width: 740px;
    margin: 0 auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　WORKS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_works.kugiri_m {
    padding-top: 80px;
    padding-bottom: 100px;
}

#home_works h2.ttl01 .cmn_ttl_en {
    font-size: 30px;
    display: block;
    margin-bottom: 20px;
    letter-spacing: .1em;
}

#home_works h2.ttl01 .ja {
    font-size: 15px;
    letter-spacing: .1em;
}

#home_works .inner {
    max-width: 1610px;
    margin: 0 auto;
}

#home_works p.btn {
    text-align: center;
    margin-bottom: 60px;
}

#home_works p.btn a {
    width: 100%;
}

#home_works h2.ttl02 {
    margin-bottom: 40px;
}

#home_works h2.ttl02 .cmn_ttl_en {
    font-size: 24px;
    display: inline-block;
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 10px 50px;
}

#home_works ul.items {
    justify-content: space-between;
}

#home_works ul.items li {
    width: 580px;
    height: 230px;
    text-align: center;
    border: 1px solid;
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 50px;
}

#home_works ul.items li.gifu {
    border-color: #c2c2c2;
}

#home_works ul.items li.kyoto {
    border-color: #e1ddd3;
}

#home_works ul.items li p.area {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 160px;
    letter-spacing: .2em;
    font-size: 14px;
    padding: 7px 10px;
}

#home_works ul.items li.gifu p.area {
    background-color: #c2c2c2;
    color: #fff;
}

#home_works ul.items li.kyoto p.area {
    background-color: #e1ddd3;
    color: #9f957d;
}

#home_works ul.items li.gifu h3.ttl a img {
    width: 238px;
}

#home_works ul.items li.kyoto h3.ttl a img {
    width: 186px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　代表あいさつ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_prof {
    background-color: #f1f1f1;
}

#home_prof.kugiri_m {
    padding-top: 120px;
    padding-bottom: 80px;
}

#home_prof .inner {
    justify-content: space-between;
}

#home_prof p.name {
    margin-bottom: 30px;
    letter-spacing: .05em;
}

#home_prof p.name .cmn_ttl_en {
    font-size: 28px;
    margin-right: 40px;
}

#home_prof h2 {
    margin: 0 0 30px;
    font-size: 18px;
    padding: 0 5px 15px;
    border-bottom: 1px solid;
    letter-spacing: .05em;
}

#home_prof p.main_txt {
    margin-bottom: 30px;
}

#home_prof ul {
    margin-bottom: 30px;
    font-size: 14px;
}

#home_prof ul li a{
    color:#333;
}

#home_prof a.basic_btn01 {
    font-family: "CENTURY";
    letter-spacing: .075em;
    background-color: transparent;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　ショールーム
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_sr {
    background: url(images/sr_bg.jpg) no-repeat 50% 50%/cover;
}

#home_sr .kugiri_m {
    padding-top: 160px;
    padding-bottom: 160px;
    position: relative;
}

#home_sr .biggerlink:hover {
    opacity: 1;
}

#home_sr .kugiri_m::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2);
    position: absolute;
    left: 0;
    top: 0;
    transition: opacity .3s linear
}

#home_sr .kugiri_m:hover::before {
    opacity: 0;
}

#home_sr .box {
    width: 415px;
    height: 215px;
    background-color: rgba(255,255,255,.9);
    align-items: center;
    justify-content: center;
    padding: 40px 20px 20px;
    position: relative;
    z-index: 1;
}

#home_sr h2 {
    margin-bottom: 0;
}

#home_sr h2 a {
    text-decoration: none;
    color: inherit;
}

#home_sr h2 a::after {
    content: "";
    width: 100%;
    height: 11px;
    background: url(images/arrow.svg) no-repeat 50% 50%/contain;
    display: block;
    transition: .2s;
}

#home_sr .biggerlink:hover h2 a::after {
    padding-left: 30px;
}

#home_sr h2 a > * {
    display: block;
    letter-spacing: .2em;
}

#home_sr h2 .cmn_ttl_en {
    font-size: 26px;
    margin-bottom: 10px;
}

#home_sr h2 .ja {
    font-size: 14px;
    margin-bottom: 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　ブログ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_blog.kugiri_m {
    padding-top: 90px;
    padding-bottom: 85px;
}

#home_blog .pc_base_width {
    position: relative;
}

#home_blog h2 .cmn_ttl_en {
    font-size: 30px;
    letter-spacing: .2em;
}

#home_blog p.btn {
    position: absolute;
    right: 0;
    top: 0;
}

#home_blog p.btn a {
    color: inherit;
    font-family: "CENTURY";
    letter-spacing: .075em;
    border: 1px solid #b8b8b8;
    padding: 7px 20px;
    min-width: 175px;
    position: relative;
    overflow: hidden;
}

#home_blog p.btn a:hover {
    color: #fff;
}

#home_blog p.btn a::before {
    content: '';
    position: absolute;
    z-index: -1;
    background: #000;
    height: 100%;
    left: -100%;
    top: 0;
    transition-duration: .5s;
    transform-origin: top left;
    width: 0;
}

#home_blog p.btn a:hover::before {
    width: 200%;
}

#home_blog ul.items {
    justify-content: space-between;
}

#home_blog ul.items li a {
    width: 372px;
    height: 72px;
    border: 5px solid #e2e2e2;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
}

#home_blog ul.items li a:hover {
    opacity: .7;
}

#home_blog ul.items li a:hover * {
    opacity: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　オンラインストア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_store .kugiri_m {
    padding-bottom: 0;
    background-color: #e4e1da;
}

#home_store .inner {
    justify-content: space-between;
}

#home_store .area_a {
    width: 410px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

#home_store .area_a .ttl_wrap {
    padding-bottom: 65px;
}

#home_store h2 {
    margin-bottom: 0;
}

#home_store h2::before {
    content: "";
    display: block;
    margin: 0 auto 20px;
    width: 31px;
    height: 28px;
    background: url(images/bag.png) no-repeat 50% 50%/contain;
}

#home_store h2 a {
    text-decoration: none;
    color: inherit;
}

/* 別タブリンク target= _blank ※IEとEdgeで下線が付く問題有り。途中。 */
#home_store h2 a.blank_i {
    padding-right: 30px;
}

#home_store h2 a.blank_i:after {
    top: 15px;
    margin-top: 0;
    font-size: 22px;
}

#home_store h2 .cmn_ttl_en {
    font-size: 30px;
    display: inline-block;
    margin-bottom: 15px;
    letter-spacing: .075em;
}

#home_store h2 .ja {
    display: block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
CTAボタン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cta_btn--inner {
    margin-inline: auto;
    padding: 50px 0;
}
.cta_btn {
    width: fit-content;
    margin-inline: auto;
}
.cta_btn a {
    background-color: #b6af98;
    color: #fff;
    min-width: 420px;
    letter-spacing: .2em;
    font-size: 18px;
    padding: 30px 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンタクトエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contact_area {
    text-align: center;
}

#contact_area .kugiri_m:nth-child(1) {
    background-color: #f4f4f4;
    padding-top: 80px;
    padding-bottom: 80px;

}

#contact_area p.logo img {
    width: 109px;
}

#contact_area p.addr {
    margin-bottom: 5px;
    line-height: 1.5;
    font-size: 15px;
}

#contact_area p.addr .zip {
    margin-right: 1em;
}

#contact_area p.tel {
    margin-bottom: 5px;
}

#contact_area p.tel a {
    font-size: 30px;
    letter-spacing: .01em;
}

#contact_area p.tel a::before {
    content: '\e900';
    font-family: "icomoon";
    line-height: 1;
    margin-right: 5px;
}

#contact_area p.open {
    margin-bottom: 20px;
    font-size: 15px;
}
/* 
#contact_area p.btn {
    margin-bottom: 40px;
} */
#contact_area .pc_base_width {
    max-width: 800px;
}

#contact_area p.btn a {
    background-color: #b6af98;
    color: #fff;
    min-width: 360px;
    letter-spacing: .2em;
    font-size: 18px;
    padding: 30px 30px;
}

#contact_area p.btn2 a {
    display: flex!important;
    flex-wrap: wrap;
    max-width: 600px;
    margin: 0 auto;
    justify-content: space-between;
    border: 1px solid #5e6879;
}

#contact_area p.btn2 a > span {
    height: 90px;
    justify-content: center;
    align-items: center;
}

#contact_area p.btn2 a .zoom {
    width: 190px;
    background-color: #fff;
}

#contact_area p.btn2 a .txt {
    width: calc(100% - 190px);
    background-color: #5e6879;
    color: #fff;
    font-size: 18px;
    letter-spacing: .1em;
}

#contact_area ul.items {
    width: 660px;
    justify-content: space-between;
    margin: 0 auto;
}

#contact_area ul.items li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッターエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#f_navi_wrap .bnr_wrap {
    justify-content: space-between;
    margin-bottom: 50px;
}

#f_navi_wrap .bnr_wrap p a {
    text-align: center;
    width: 580px;
    display: block;
    font-family: "CENTURY";
    letter-spacing: .075em;
    font-size: 18px;
    padding: 50px 20px 50px 176px;
    background: no-repeat left 50%/contain #fff;
    color: inherit;
}

#f_navi_wrap .bnr_wrap p a:hover {
    text-decoration: none;
    opacity: .7;
}

#f_navi_wrap .bnr_wrap p.gifu a {
    background-image: url(images/gifu.jpg);
}

#f_navi_wrap .bnr_wrap p.kyoto a {
    background-image: url(images/kyoto.jpg);
}

#f_navi_wrap .cmn_sns {
    position: absolute;
    left: calc(50% - 600px);
    bottom: -40px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　コピーライトのエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#copy_area {
	font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "my_mincho", serif;
	font-weight: 500;
    font-size: 12px;
    letter-spacing: .075em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
▼▼▼以下、下層TOP カラーガーデン、ルーセント用▼▼▼
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層TOP　＞　ヘッダー画像
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.page-color-garden .page_promo .inner, body.page-lucent .page_promo .inner {
    min-width: 480px;
    height: 190px;
    background-color: rgba(255,255,255,.8);
    position: absolute;
    left: calc(50% - 600px);
    bottom: 0;
    padding: 20px;
}

body.page-color-garden .page_promo .inner img, body.page-lucent .page_promo .inner img {
    width: 250px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層TOP　＞　セクションの区切り
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[id^="shop_"][class*="kugiri_m"],[id^="shop_"] [class*="kugiri_m"] {
    min-width: 980px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層TOP　＞　エディタ－エリア内の画像に下余白を無しにする
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body:not(.home) .editor_area [id^="shop_"] img {
    margin-bottom: 0px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層TOP　＞　汎用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[id^="shop_"] h2.en {
    font-family: "CENTURY";
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層TOP　＞　about
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[id^="shop_about"].kugiri_m {
    padding-bottom: 115px;
}

[id^="shop_about"] h2 {
    text-align: center;
    font-size: 38px;
}

[id^="shop_about"] p.main_lead {
    text-align: center;
    margin-bottom: 40px;
}

[id^="shop_about"] p.img {
    text-align: center;
    position: relative;
    margin-bottom: 50px;
}

[id^="shop_about"] p.img .shop {
    background-color: #000;
    position: absolute;
    left: 30px;
    bottom: -15px;
    color: #fff;
    font-size: 20px;
    font-family: 'Cormorant Infant', serif;
    padding: 17px 20px;
    min-width: 210px;
}

[id^="shop_about"] p.main_lead02 {
    text-align: center;
    font-size: 18px;
    margin-bottom: 40px;
}

[id^="shop_about"] p.main_lead02 .big {
    display: block;
    font-size: 32px;
}

[id^="shop_about"] p.main_txt {
    text-align: center;
    margin-bottom: 50px;
}

[id^="shop_about"] ul.items {
    justify-content: space-between;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層TOP　＞　business
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[id^="shop_business"] .h2_wrap {
    align-items: center;
}

[id^="shop_business"] .h2_wrap h2 {
    font-size: 20px;
    text-align: center;
    display: table;
    margin: 0 auto;
    background-color: #000;
    color: #fff;
    min-width: 426px;
    padding: 12px 20px;
}

[id^="shop_business"] ul.items {
    text-align: center;
    margin-bottom: 50px;
}

[id^="shop_business"] ul.items li:not(:last-child) {
    margin-bottom: 5px;
}

[id^="shop_business"] p.btn.line {
    display: table;
    margin: 0 auto
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層TOP　＞　works
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[id^="shop_works"].kugiri_m {
    padding-bottom: 30px;
}

[id^="shop_works"] p.img {
    text-align: center;
    margin-bottom: 15px;
}

[id^="shop_works"] p.main_txt {
    text-align: center;
    margin-bottom: 40px;
}

[id^="shop_works"] ul.items {
    justify-content: space-between;
    margin-bottom: 50px;
}

[id^="shop_works"] p.btn {
    display: table;
    margin: 0 auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層TOP　＞　access
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[id^="shop_access"].kugiri_m {
    padding-top: 30px;
    padding-bottom: 0;
}

[id^="shop_access"] .map_wrap {
    justify-content: space-between;
}

[id^="shop_access"] .map_wrap .inner {
    width: 470px;
}

[id^="shop_access"] p.map {
    margin-bottom: 35px;
}

[id^="shop_access"] p.map iframe {
    vertical-align: bottom;
    width: 100%;
    height: 400px;
}

[id^="shop_access"] .basic_box01 {
    text-align: center;
    margin-bottom: 35px;
}

[id^="shop_access"] .addr .zip {
    margin-right: .5em;
}

[id^="shop_access"] .open {
    margin-bottom: 10px;
}

[id^="shop_access"] .tel a {
    font-size: 24px;
}

[id^="shop_access"] .sns_wrap {
    justify-content: center;
    margin-bottom: 70px;
}

[id^="shop_access"] .sns_wrap p.btn {
    text-align: center;
}

[id^="shop_access"] .sns_wrap p.btn:not(:first-child) {
    margin-left: 20px;
}

[id^="shop_access"] .sns_wrap p.btn a {
    color: inherit;
    width: 372px;
    border: 5px solid #e2e2e2;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
}

#shop_access_color .sns_wrap p.btn a {
    padding: 15px 20px;
}

[id^="shop_access"] .sns_wrap p.btn a img {
    display: block;
    margin: 0 auto;
    padding: 5px;
    height: 36px;
    width: auto;
}

[id^="shop_access"] .sns_wrap p.btn a:hover img {
    opacity: 1;
}

[id^="shop_access"] p.main_lead {
    text-align: center;
    font-size: 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層　＞　オファーセクション
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#offer.basic_box01 {
    background-color: #faf8f0;
	padding: 40px;
}

#offer .profile {
    margin: 30px 0;
}

#offer .cmn_sns a {
    text-decoration: none;
}

#offer .cmn_sns a::before {
    color: #333;
}

#offer .basic_box01 {
    padding: 14px;
    display: flex;
    align-items: center;
    column-gap: 20px;
	background-color: #fff;
}

#offer .basic_box01 p:first-child {
    border-right: 1px solid;
	padding: 0 20px;
}

#offer .basic_box01 a {
    color: #333;
}

#offer a.basic_btn01 {
    color: #fff;
    border: none;
    background-color: #b6af98;
    width: 470px;
    height: 70px;
    padding: 0;
    line-height: 70px;
	max-width: 100%;
}

#offer a.basic_btn01::before {
    display:none;
}