@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap');
@import url("ec.css");

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　トップへ戻る（JS連携）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer_fixed_zone {
	width: 100vw;
    right: 0;
	bottom: -120px;
}
#footer_fixed_zone p.to_page_top {
	position: absolute;
    right: 40px;
    bottom: 0px;
    z-index: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー／フッター　＞　共通ボタンエリア (2022-12-09) fuji
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_info {
	display: table;
    margin: 0 auto;
}

#footer_fixed_zone .cmn_info .inner_box {
	border: 1px solid #ff825d;
	border-radius: 4px;
	background-color: #fff;
}

.cmn_info .tel_area {
	background: #ff825d;
	
	opacity: 1;
	cursor: default!important;
}

#header_right_section .cmn_info .tel_area {
	border-radius: 0 0 4px 4px;
	padding: 8px 20px 3px 20px;
}

#footer_fixed_zone .cmn_info .tel_area {
	padding: 10px 70px 10px 40px;
}

.cmn_info .tel_area p.tel {
	font-size: 4.0rem;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
}

#header_right_section .cmn_info .tel_area p.tel {
	font-size: 3.3rem;
	line-height: 0.7;
	padding-left: 55px;
}

#footer_fixed_zone .cmn_info .tel_area p.tel  {
	padding-left: 75px;
}

.cmn_info .tel_area p.tel a {
	position: relative;
}

.cmn_info .tel_area p.tel a::before {
    position: absolute;
    font-family: 'icomoon';
    content: "\f095";
    font-size: 0.8em;
    color: #ff825d;
    background: #fff;
    border-radius: 50%;
    left: -60px;
    text-align: center;
}

#header_right_section .cmn_info .tel_area p.tel a::before {
	width: 40px;
    height: 40px;
    line-height: 40px;
	top: 10px;
	left: -50px;
}

#footer_fixed_zone .cmn_info .tel_area p.tel a::before {
	width: 45px;
    height: 45px;
    line-height: 45px;
	top: 15px;
}

.cmn_info .tel_area p.open {
	color: #fff;
	font-weight: bold;
}

#header_right_section .cmn_info .tel_area p.open {
    font-size: 1.4rem;
    padding-left: 47px;
}

#footer_fixed_zone .cmn_info .tel_area p.open {
    font-size: 1.6rem;
	padding-left: 75px;
}

.cmn_info ul.icon_area {
    align-items: center;
    background: #fff;
    border-radius: 4px;
}

#footer_fixed_zone .cmn_info ul.icon_area {
	padding: 10px 10px 10px 0px;
}

.cmn_info ul.icon_area li {
	border-radius: 4px;
	text-align: center;
}

#header_right_section .cmn_info ul.icon_area li {
	border-radius:0 0 4px 4px;
}

.cmn_info ul.icon_area li{
    margin-left: 10px;
}

.cmn_info ul.icon_area li.mail {
	background: #ffb517;
}

.cmn_info ul.icon_area li.line {
	background: #06c854;
}

.cmn_info ul.icon_area li a {
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    height:70px;
    position: relative;
}

#header_right_section .cmn_info ul.icon_area li a {
	font-size: 1.6rem;
	min-width: 160px;
	height: 55px;
	padding-left: 60px;
}

#footer_fixed_zone .cmn_info ul.icon_area li a {
	font-size: 1.8rem;
	min-width: 180px;
	height: 70px;
	padding-left: 70px;
}

.cmn_info ul.icon_area li a::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    background-color: #fff;

border-radius: 50%;
}

#header_right_section .cmn_info ul.icon_area li a::before {
	width: 40px;
    height: 40px;
    line-height: 40px;
}

#footer_fixed_zone .cmn_info ul.icon_area li a::before {
    width: 45px;
    height: 45px;
    line-height: 45px;
}

.cmn_info ul.icon_area li.mail a::before {
    content: "\e90d";
    font-family: "icomoon";
    font-weight: normal;
    color: #ffb517;
    font-size: 1em;
}

.cmn_info ul.icon_area li.line a::before {
	content: "\e902";
    font-family: "icomoon";
    font-weight: normal;
    color: #06c854;
    font-size: 1.7em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー右上
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#header_right_section {
    /*position: absolute;*/ 
    left: calc(50% + 394px)}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Created by の削除
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#copy_area .by {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
クレジットカードアイコンの横幅を指定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.woocommerce-checkout #payment ul.payment_methods li img.stripe-icon{
	width:40px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　サイトのテーマ色を一括指定する
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 文字色 */
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: #ff825d;
}

/* ボーダー色 */
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: #ff825d;
}

/* 背景色 */
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: #ff825d;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* [.h2a][.h2b]共通のスタイル */
h2[class*="h2"] {
    color: #554a46;
    font-weight: bold;
}

/* [.h2a]のスタイル */
h2[class*="h2a"] {
    padding: 0px 0px 15px;
    border:none;
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/h2a_bg.jpg) no-repeat 0 bottom;
}
h2[class*="h2b"]{
	padding: 70px 0 0px;
}

h2[class*="h2b"]:before {
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/logo_icon.png) no-repeat 50% 50% / contain;
	width: 56px;
	height: 50px;
	right: calc(50% - 25px);
}

/* [.h2c]のスタイル */
h2[class*="h2c"] {
    font-family:my_mincho;
    font-weight: normal;
    padding: 0px 0px 27px;
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/h2c_bg.jpg) no-repeat 0 bottom;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.basic_btn01 {
    border-radius: 10em;
    font-weight: bold
}

body.home a.basic_btn01 {
    padding: 23px 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　テーブル01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_table01 th, .basic_table01 td {
    border-color: #feccb7;
}

.basic_table01 th {
    background-color: #ffe8df;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　テーブル02
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_table02 th {
    border-color: #ccb0b0;
}

.basic_table02 td {
    border-color: #dcd0d0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボックス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_box01,
.basic_box02 {
    border-radius: 7px;	
}

.basic_box01 {
    background-color: #fff2ee;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用クラス＆タグ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_btn {
    text-align: center;
}

.cmn_tel a:before {
    content: '\f095';
    font-family: "icomoon";
    font-weight: normal;
    font-size: 1.05em;
    vertical-align: -.1em;
    line-height: 1;
    margin-right: .5em;
}

.cmn_mail a:before {
    content: '\f003';
    font-family: "icomoon";
    font-weight: normal;
    font-size: 1.05em;
    vertical-align: -.05em;
    line-height: 1;
    margin-right: .3em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
キーフレームアニメーション「ゆらゆら」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@keyframes yurayura {
    0% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(-3px);
    }
}

@keyframes yurayura2 {
    0% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(-5px);
    }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WPプラグイン　＞　「コンタクトフォーム」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div.wpcf7 .ajax-loader {
    display: block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層ページ　＞　ヘッダー画像
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo .txt_box {
    color: #fff;
}

.page_promo .sub_ttl {
    position: absolute;
    top: -25px;
    left: 0px;
    width: 100%;
    text-align: center;
}

.page_promo .img_wrap {
    height: 400px;
}

body[class*="post"] .page_promo .img_wrap {
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/header2.jpg) no-repeat 50% 50% / cover;
}

body.woocommerce-page .page_promo .img_wrap {
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/shop_heder.jpg) no-repeat 50% 50% / cover;
}

body[class*="products"]:not(.woocommerce-page) .page_promo .img_wrap {
    /*background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/rift_header.jpg) no-repeat 50% 50% / cover;*/
	background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/title_bg_03.jpg) no-repeat 50% 50% / cover;
}
body[class*="products"]:not(.woocommerce-page) .page_promo_wrap .ttl{
	color:#151515;
}

body[class*="voice"] .page_promo .img_wrap {
    /*background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/voice_heder.jpg) no-repeat 50% 50% / cover;*/
	background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/title_bg_05.jpg) no-repeat 50% 50% / cover;
}

body[class*="works"] .page_promo .img_wrap {
    /*background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/jire_header.jpg) no-repeat 50% 50% / cover;*/
	background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/title_bg_01.jpg) no-repeat 50% 50% / cover;
}

body[class*="post"] .page_promo .img_wrap img, body.post-type-archive-products .page_promo .img_wrap img, body[class*="voice"] .page_promo .img_wrap img, body[class*="works"] .page_promo .img_wrap img {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー　＞　ウィジェット
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#sub_area .side_menu {
    background: none;
}

#sub_area .widget_black_studio_tinymce a {
    background: none;
}


#sub_area .side_menu ul {
    background: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
シングルページ　＞　一覧ページへ戻るためのリンク
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
p.back_to_list a {
	line-height: 1.8;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ページ送り(シングルページ用[次のページは〇〇])
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.next_pickup a {
    word-break: keep-all;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層ページ　＞　サイトマップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.page-sitemap #sitemap_list {
	background: none;	
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿　＞　介護Q&A
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_box02.related_qa h3{
    font-size: 1.05em;
    font-weight: bold;
    margin-bottom: 1em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
slickスライド
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ▼カスタム投稿共通（取り扱い商品・導入事例） */
div#products_archives .slick-dotted.slick-slider, div#single_works .slick-dotted.slick-slider {
    margin: 0;
}

.cmn_custom_slick .slick-track {
    margin-bottom: 30px;
}

.cmn_custom_slick p.img {
    border: 1px solid #e0e0e0;
    padding: 0px;
    height: 330px;
}

div#single_works .cmn_custom_slick p.img {
    height: 370px;
}

.cmn_custom_slick p.img a {
    display: block;
    width: 100%;
    height: 100%;
}

.cmn_custom_slick p.img img {
    width: auto;
    max-width: none;
}

.cmn_custom_slick ul.slick-dots {
    position: static;
    display: flex!important;
    flex-wrap: wrap;
    margin: 0 -5px;
    width: calc(100% + 10px);
}

.cmn_custom_slick ul.slick-dots li {
    margin: 0 5px 10px;
    border: 1px solid #e0e0e0;
}

/*---取り扱い商品サムネイル（4列）---*/
.cmn_product_list ul.slick-dots li {
    height: 102px;
    width: calc(25% - 10px);
}

/*---導入事例サムネイル（5列）---*/
div#single_works ul.slick-dots li {
    height: 92px;
    width: calc(20% - 10px);
}

.cmn_custom_slick ul.slick-dots li img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%!important;
    width: 100%;
    object-fit: cover;
    /* IE対策 */
    font-family: 'object-fit: cover;';
}

/*---スライド プレビューボタン---*/
.slick-prev, .slick-next {
    border-color: #cec7ae;
}

.slick-prev:before, .slick-next:before {
    border-color: #b4ac90;
}

/*---取り扱い商品のプレビューボタン---*/
.cmn_product_list .cmn_custom_slick .slick-prev, .cmn_product_list .cmn_custom_slick .slick-next {
    top: 165px;
}

/*---導入事例のプレビューボタン---*/
div#single_works .cmn_custom_slick .slick-prev, div#single_works .cmn_custom_slick .slick-next {
    top: 180px;
}

.cmn_custom_slick .slick-prev, .cmn_custom_slick .slick-next {
    top: 32%;
    width: 26px;
    height: 26px;
    transition: .2s;
}

.cmn_custom_slick .slick-prev:hover, .cmn_custom_slick .slick-next:hover {
    opacity: .5;
}

.cmn_custom_slick .slick-prev {
    left: -32px;
}

.cmn_custom_slick .slick-next {
    right: -32px;
}

.cmn_custom_slick .slick-prev:before, .cmn_custom_slick .slick-next:before {
    width: 6px;
    height: 6px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿　＞　共通部分（取り扱い商品・導入事例）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_area_cat {
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

.cmn_area_cat > * {
    font-size: 15px;
    padding: 5px 15px;
    min-width: 110px;
}

.cmn_area_cat > *:not(:last-child) {
    margin-right: 7px;
}

.cmn_jutaku_bg {
    background-color: rgba(238, 150, 189, 0.9);
}

.cmn_shisetsu_bg {
    background-color: rgba(89, 184, 171, .9);
}

/*---▼虫眼鏡---*/
.cmn_custom_slick [rel=lightbox]:after {
    font-size: 24px;
    font-family: "icomoon";
    content: '\e905';
    line-height: 1;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    text-shadow: none;
    background-color: rgba(0, 0, 0, .6);
    padding: 3px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿　＞　取り扱い商品
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body[class*="products"] .page_promo .sub_ttl {
    display: none;
}

body.post-type-archive-products div#contents_area {
    width: 980px;
}

/*---商品カテ（絞り込みボタン）---*/
div#products_archives p.cat_ttl {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

div#products_archives .cat_wrap {
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 25px 20px;
    margin-bottom: 50px;
}

div#products_archives .cat_wrap > .f_wrap {
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 1.5em;
}

div#products_archives .cat_wrap .ul {
    border-radius: 10px;
    overflow: hidden;
}

div#products_archives .cat_wrap .target {
    width: 230px;
}

div#products_archives .cat_wrap .type {
    width: 690px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

div#products_archives .cat_wrap .ul label {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: #4ec5b5;
    padding: 10px;
    display: block;
}

div#products_archives .cat_wrap .target label:nth-child(1) {
    background-color: #5a9cbe;
}

div#products_archives .cat_wrap .target label:nth-child(2) {
    background-color: #f98988;
}

div#products_archives .cat_wrap .target label:not(:last-child) {
    border-bottom: 1px solid #fff;
}

div#products_archives .cat_wrap .type label {
    min-width: 33.333%;
    flex: 1;
    border: 1px solid #fff;
    margin: -1px -1px;
}

/*---ラジオボタン---*/
div#products_archives .ipt_custom input[type*="radio"] + span {
    display: block;
    padding: 10px 30px 10px 40px;
}

div#products_archives .ipt_custom input[type*="radio"] + span:before {
    width: 1em;
    height: 1em;
    left: 11px;
    border: none;
}

div#products_archives .ipt_custom input[type*="radio"]:checked + span:after {
    width: .6em;
    height: .6em;
    margin-top: .6em;
    background: #cccccc;
}

/*---絞り込み・リセットボタン---*/
div#products_archives .cat_wrap .btn_wrap {
    text-align: center;
}

div#products_archives .cat_wrap .btn_wrap label {
    display: inline-block;
    margin: 0 3px;
    position: relative;
}

div#products_archives .cat_wrap .btn_wrap label > * {
    font-weight: bold;
    color: #848484;
    background-color: #fff;
    border: 3px solid #bfbfbf;
    border-radius: 8px;
    padding: 10px 15px;
    margin: 0;
    transition: .3s;
}

div#products_archives .cat_wrap .btn_wrap label > *:hover {
    background-color: #bfbfbf;
    color: #fff;
}

div#products_archives .cat_wrap .btn_wrap label.submit > *:hover {
    background-color: #4dc6b5;
    color: #fff;
}

div#products_archives .cat_wrap .btn_wrap label.submit:before {
    font-size: 28px;
    font-family: "icomoon";
    content: '\e905';
    line-height: 1;
    color: #4dc6b5;
    position: absolute;
    top: calc(50% - .5em);
    left: 12px;
    transition: .3s;
}

div#products_archives .cat_wrap .btn_wrap label.submit:hover:before {
    color: #fff;
}

div#products_archives .cat_wrap .btn_wrap input[type="submit"] {
    padding: 10px 40px 10px 55px;
    border-color: #4dc6b5;
    color: #4dc6b5;
}

/*---検索結果---*/
div#products_archives h2.h2a {
    font-size: 20px;
}

div#products_archives .results_num {
    margin-left: 1em;
}

/*---詳細ページ---*/
body.single-products div#contents_area {
    max-width: 980px;
}

div#single_products {
    margin-top: 1em;
}

.cmn_product_list {
	background: #fff;
    border: 2px solid #e6e6e6;
    border-radius: 5px;
    padding: 80px 50px 50px;
    position: relative;
    width: 980px;
    margin: 0 auto;
}

.cmn_product_list:not(:last-child) {
    margin-bottom: 50px;
}

.cmn_product_list .ttl_wrap {
    position: relative;
    padding: 0 0 20px 80px;
    border-bottom: 1px dashed #eaeaea;
    margin-bottom: 40px;
}

.cmn_product_list .ttl_wrap:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/svg/heart.svg) no-repeat 50% 50% / contain;
}

.cmn_product_list p.cat {
    font-size: 18px;
    font-weight: bold;
    color: #ffa68c;
    margin-top: -10px;
}

.cmn_product_list h1 {
    font-size: 28px;
    font-weight: bold;
}

.cmn_product_list h1 a:hover {
    text-decoration: none;
    color: #7b6659;
}

.cmn_product_list ul.target {
    position: absolute;
    top: 25px;
    right: 30px;
}

.cmn_product_list ul.target li {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    border-radius: 8px;
    padding: 10px;
    line-height: 1;
    text-align: center;
    min-width: 110px;
}

.cmn_product_list ul.target li:not(:last-child) {
    margin-right: 8px;
}

.cmn_product_list ul.target li.buy {
    background-color: #5a9cbe;
}

.cmn_product_list ul.target li.rental {
    background-color: #f98988;
}

.cmn_product_list .meta_wrap .area_a {
    width: 440px;
    margin-right: 55px;
}

.cmn_product_list .meta_wrap .area_b {
    flex: 1;
}

.cmn_product_list p.catch {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    color: #482414;
    margin-bottom: 15px;
}

.cmn_product_list .meta_wrap p.txt {
    font-size: 18px;
    flex: 1;
    border-bottom: 1px solid #bfbfbf;
}

.cmn_product_list .meta_wrap .txt_wrap {
    margin-bottom: 20px;
}

.cmn_product_list .meta_wrap p.price {
    text-align: right;
    font-weight: bold;
    line-height: 1;
}

.cmn_product_list .meta_wrap p.price span.ttl {
    font-size: 18px;
    color: #ffa78d;
    margin-right: .5em;
}

.cmn_product_list .meta_wrap p.price strong {
    font-size: 30px;
}

.cmn_product_list .meta_wrap p.price span.small {
    font-size: 18px;
}

body.post-type-archive-products .cmn_product_list .editor_area {
    margin-top: 20px;
}

.cmn_product_list .contact_btn {
    margin-top: 1em;
    text-align: center;
}
.cmn_product_list .txt_wrap.editor_area2 {
    margin-top: 20px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿　＞　導入事例
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.post-type-archive-works div#contents_area {
    padding-top: 0px;
}

body[class*="works"] .page_promo .sub_ttl {
    display: none;
}

/*---アーカイブ---*/
div#works_archive .child_navi_wrap {
    margin-bottom: 45px;
}

div#works_archive ul.items {
    margin: 0 -10px -20px;
}

div#works_archive ul.items li {
    width: calc(33.333% - 20px);
    margin: 0 10px 20px;
    border: 1px solid #bfbfbf;
    position: relative;
}

div#works_archive ul.items .cmn_area_cat {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

div#works_archive ul.items .cmn_area_cat > * {
    font-size: 15px;
}

div#works_archive ul.items p.img {
    padding-top: 70%;
}

div#works_archive ul.items .txt_wrap {
    padding: 25px 18px;
}

div#works_archive ul.items p.ttl {
    font-size: 20px;
    font-weight: bold;
    min-height: 2.5em;
    margin-bottom: 10px;
}

div#works_archive ul.items p.ttl a:hover {
    text-decoration: none;
}

/*---詳細---*/
body.single-works div#contents_area {
    width: 980px;
}

div#single_works p.back_to_list {
    margin-bottom: 2.5em;
}

div#single_works h1 {
    font-size: 30px;
    font-weight: bold;
    border-top: 1px solid #e3bcaf;
    border-bottom: 1px solid #e3bcaf;
    padding: 20px 0;
    margin-bottom: 15px;
}

div#single_works .meta_wrap {
    font-weight: bold;
    overflow: hidden;
    margin-bottom: 30px;
}

div#single_works .meta_wrap > * {
    float: left;
}

div#single_works .cmn_area_cat {
    margin-right: 20px;
    line-height: 1;
}

div#single_works .cmn_area_cat > * {
    padding: 8px 15px;

}

div#single_works p.customer {
    margin-right: 20px;
}

div#single_works p.bamen {
    padding-left: 20px;
    border-left: 1px solid #e3bcaf;
}

div#single_works .img_wrap {
    width: 500px;
    margin: 0 auto 40px;
}

div#single_works .cmn_txt_wrap {
    border: 3px solid;
    border-radius: 7px;
    padding: 35px 40px;
}

div#single_works .cmn_txt_wrap p.ttl {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}

div#single_works .cmn_txt_wrap.kikkake {
    border-color: #c6e7d3;
    margin-bottom: 20px;
}

div#single_works .cmn_txt_wrap.kanso {
    border-color: #e7c3b1;
}

div#single_works .staff_comment {
    background-color: #e8f6f3;
    margin-top: 30px;
    padding: 35px 40px 35px 135px;
    position: relative;
}

div#single_works .staff_comment:before {
    content: '';
    position: absolute;
    left: 36px;
    width: 70px;
    height: 70px;
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/jirei_staff_icon.png) no-repeat 50% 50% / contain;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用カスタム　＞　お客様の声
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body[class*="voice"] #main_area {
    width: 800px;
	/*---Googleレビューが挿入されたら、下記の記述削除する---*/
    float: none;
    margin: 0 auto;
}

ul.cmn_voice_list {
    justify-content: space-between;
}

ul.cmn_voice_list li {
    background-color: #fff;
    overflow: hidden;
}

/*---一覧ページのみ---*/
body[class*="voice"] ul.cmn_voice_list li {
    border: 2px solid #ffae96;
    border-radius: 5px;
    padding: 40px;
}

ul.cmn_voice_list li:not(:last-child) {
    margin-bottom: 30px;
}

ul.cmn_voice_list .area_a {
    width: 240px;
    float: right;
    margin-left: 1em;
}

ul.cmn_voice_list p.ttl {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

ul.cmn_voice_list p.ttl a {
    color: inherit;
    text-decoration: none;
}

ul.cmn_voice_list .name {
    line-height: 1.4;
    margin-bottom: 10px;
    /*---ひらがなの大きさが不揃えになるのを防ぐ為、17px---*/
    font-size: 17px;
}

ul.cmn_voice_list a.more {
    color: #84c46b;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿　＞　研修・セミナー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*---下層ページ　＞　研修・セミナー---*/
.post_seminar_wrap {
    border: 3px solid #ffae96;
    border-radius: 10px;
	background-color: #fff;
    padding: 35px;
}

.post_seminar_wrap h2 {
    color: #ae6e5b;
    font-size: 22px;
}

ul.cmn_seminar_list li {
    position: relative;
    padding-left: 45px;
}

ul.cmn_seminar_list li:not(:last-child) {
    border-bottom: 1px solid #ffae96;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

ul.cmn_seminar_list li:before {
    content: '';
    width: 28px;
    height: 28px;
    display: block;
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/svg/note.svg) no-repeat 50% 50% / contain;
    position: absolute;
    top: -2px;
    left: 0px;
}

ul.cmn_seminar_list p.ttl {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 7px;
}

ul.cmn_seminar_list p.ttl a {
    font-weight: bold;
    text-decoration: none;
    color: #554a46;
}

ul.cmn_seminar_list p.fin {
    font-size: 16px;
    font-weight: bold;
    color: #ff764e;
}

ul.cmn_seminar_list .txt {
    font-size: 15px;
}

/*---一覧ページ---*/
.post_archive .article_date_area_seminar {
    color: #000;
    line-height: 1.4;
}

.post_archive .article_date_area_seminar .fin {
    font-size: 17px;
    font-weight: bold;
    color: #ff825d;
    margin-bottom: 5px;
}

.post_archive .seminar_post .meta > .date {
    display: none;
}

/*---詳細ページ---*/
body.single .article_date_area_seminar {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 10px 0 20px;
    font-weight: bold;
}

body.single .article_date_area_seminar .fin {
    background: #ff825d;
    color: #fff;
    display: table;
    padding: 3px 20px;
    margin-bottom: 10px;
}

#main_area .article_date_area.seminar_post {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#promo_frame {
    /*---（画面高さ-ヘッダー高さ）jsが効かない時用---*/
    height: calc(100vh - 170px);
    /*---可変対応（タブレット含める）---*/

    height: calc((var(--my_vh) * 100) - 170px);
    /*---ノートパソコンの為の高さ---*/
    min-height: calc(41vw - 170px);
    /*---タブレット縦の為の高さ---*/
    max-height: calc(57vw - 170px);
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/promo01.jpg) no-repeat 50% 50% / cover;
}

div#promo_frame .pc_base_width {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

div#promo_frame .txt_wrap {
    width: 40vw;
    max-width: 698px;
    min-width: 540px;
    margin-top: 10vw;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ツイートエリア（エディタ内で使用するためいつものは非表示）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tweet_area {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#home_news
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_news {
    padding-top: 60px;
    margin-top: -35px;
    z-index: 1;
    position: relative;
}

div#home_news .pc_base_width {
    position: relative;
}

div#home_news div.taiken_bnr {
    position: absolute;
    bottom: 140%;
    right: 0;
}

div#home_news div.taiken_bnr:hover {
    animation: yurayura2 .4s -1s ease-in-out infinite alternate;
}

div#home_news .taiken_bnr a:hover img {
    opacity: 1;
}

div#home_news.lazyloaded {
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/news_bg.png) no-repeat 50% 50% / cover;
}

div#home_news .inner {
    justify-content: space-between;
    margin: 0 -20px;
}

div#home_news .inner > * {
    width: 100%;
    margin: 0 20px;
}

div#home_news .tweet_area {
    display: block;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
}

div#home_news .tweet_area .pc_base_width {
    width: 100%;
}

div#home_news .tweet_area p.icon {
    display: none;
}

div#home_news .tweet_area ul.items {
    width: 100%;
    padding: 25px;
}

div#home_news .tweet_area ul.items li:not(:last-child) {
    margin-bottom: .3em;
}

div#home_news .tweet_area ul.items li:before {
    content: '\e038';
    font-family: icomoon;
    color: #ff7f39;
    font-size: 1.4em;
    vertical-align: -.15em;
    line-height: 1;
    margin-right: .4em;
}

div#home_news .tweet_area span.date {
    color: #ff7f39;
}

div#home_news .tweet_area span.ttl a {
    color: #5f331b;
    text-decoration: none;
}

div#home_news .tweet_area ul.items li:hover {
    opacity: .7;
}

div#home_news .tweet_area span.more {
    display: none;
}

div#home_news .bnr_wrap a {
    font-size: 18px;
    font-weight: bold;
    color: inherit;
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 520px;
    height: 150px;
    padding-left: 210px;
	background: no-repeat 30px 100% / auto #fff;
}

div#home_news.lazyloaded .bnr_wrap a {
    background-image: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/shop_josei.jpg);
}

div#home_news .bnr_wrap a span.en {
    font-family: 'Bebas Neue', cursive;
    font-weight: normal;
    color: #59b8ab;
    font-size: 36px;
    line-height: 1;
}

div#home_news .bnr_wrap a:hover {
    opacity: .9;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　div#home_nayami
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_nayami p.nayami_lead {
    font-size: 30px;
    font-weight: bold;
    color: #554a46;
    display: table;
    margin: 0 auto 55px;
}

div#home_nayami.lazyloaded p.nayami_lead {
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/nayami_border.png) no-repeat 50% 100% / contain;
}

div#home_nayami .nayami_wrap {
    justify-content: space-between;
    margin: 0 -20px 50px;
}

div#home_nayami .nayami_wrap > div {
    flex: 1;
    border-radius: 7px;
    margin: 0 20px;
    border: 3px solid;
}

div#home_nayami .nayami_wrap > div.kaijo {
    border-color: #ff825d;
}

div#home_nayami .nayami_wrap > div.keiei {
    border-color: #59b8ab;
}

div#home_nayami .nayami_wrap > div.kenchiku {
    border-color: #ffbe33;
}

div#home_nayami .nayami_wrap .ttl {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 20px 75px 20px 90px;
    position: relative;
}

div#home_nayami .nayami_wrap .ttl .small {
    font-size: .85em;
}

div#home_nayami .nayami_wrap > div.kaijo .ttl {
    background-color: #ff825d;
}

div#home_nayami .nayami_wrap > div.keiei .ttl {
    background-color: #59b8ab;
}

div#home_nayami .nayami_wrap > div.kenchiku .ttl {
    background-color: #ffbe33;
}

div#home_nayami .nayami_wrap > div .ttl:before {
    content: '';
    position: absolute;
    bottom: 17px;
    left: 20px;
    background: no-repeat 50% 50% / contain;
}

div#home_nayami .nayami_wrap > div.kaijo .ttl:before {
    width: 64px;
    height: 93px;
}

div#home_nayami .nayami_wrap > div.kaijo .ttl:before {
    background-image: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/nayami_img01.png);
}

div#home_nayami .nayami_wrap > div.keiei .ttl:before {
    width: 65px;
    height: 98px;
}

div#home_nayami.lazyloaded .nayami_wrap > div.keiei .ttl:before {
    background-image: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/nayami_img02.png);
}

div#home_nayami .nayami_wrap > div.kenchiku .ttl:before {
    width: 48px;
    height: 74px;
    left: 30px;
}

div#home_nayami.lazyloaded .nayami_wrap > div.kenchiku .ttl:before {
    background-image: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/nayami_img03.png);
}

div#home_nayami .nayami_wrap ul.items {
    font-size: 20px;
    font-weight: bold;
    color: #554a46;
    padding: 20px 13px;
}

div#home_nayami .nayami_wrap ul.items li {
    line-height: 1.4;
    text-indent: -1em;
    margin-left: 1em;
}

div#home_nayami .nayami_wrap ul.items li:not(:last-child) {
    margin-bottom: 8px;
}

div#home_nayami .nayami_wrap ul.items li strong{
    color:#e86364;
    /* background: linear-gradient(transparent 70%, #fff719 70%); */
}

div#home_nayami .main_txt_wrap {
    padding-right: 640px;
    /*height: 540px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
}

div#home_nayami.lazyloaded .main_txt_wrap {
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/egao_img.jpg) no-repeat 95% 50% / auto;
}

div#home_nayami .main_txt_wrap p.main_lead {
    margin-bottom: 35px;
}

div#home_nayami .main_txt_wrap p.main_txt {
    margin-bottom: 40px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#home_shohin
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_shohin {
    position: relative;
}

div#home_shohin.lazyloaded {
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/seihin_bg.jpg);
}

div#home_shohin:before {
    content: '';
    display: block;
    width: 100%;
    height: 29px;
    position: absolute;
    top: -29px;
    left: 0px;
    z-index: 1;
}

div#home_shohin.lazyloaded:before {
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/seihin_bg_nami.jpg) no-repeat 50% 100% / contain;
}

div#home_shohin h2 {
    text-align: center;
    margin-bottom: 40px;
}

div#home_shohin dl.chice_wrap {
    font-size: 24px;
    font-weight: bold;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 25px;
}

div#home_shohin dl.chice_wrap dt {
    background-color: #615350;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 35px;
    width: 340px;
}

div#home_shohin dl.chice_wrap dd {
    display: flex;
    padding: 25px;
    justify-content: center;
    align-items: center;
    width: calc(100% - 340px);
}

div#home_shohin dl.chice_wrap dd p {
    flex: 1;
    margin: 0 15px;
}

div#home_shohin dl.chice_wrap dd a {
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    padding: 25px 50px;
    position: relative;
}

div#home_shohin dl.chice_wrap dd a:hover {
    opacity: .8;
}

div#home_shohin dl.chice_wrap dd a:after {
    content: '\e038';
    font-family: icomoon;
    color: #fff;
    font-size: 1.2em;
    position: absolute;
    top: calc(50% - .5em);
    right: 20px;
    line-height: 1;
}

div#home_shohin dl.chice_wrap p.pink a {
    background-color: #f88989;
}

div#home_shohin dl.chice_wrap p.blue a {
    background-color: #5a9cbe;
}

div#home_shohin .rental_txt {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 60px;
}

div#home_shohin .rental_txt p.lead {
    font-size: 24px;
    color: #ff825d;
}

div#home_shohin .rental_txt .big {
    font-size: 33px;
    line-height: 1;
    vertical-align: -3px;
}

div#home_shohin .rental_txt p.txt {
    font-size: 20px;
    color: #554a46;
    line-height: 1.6;
}

div#home_shohin ul.items {
    justify-content: center;
    margin: 0 -15px -20px;
}

div#home_shohin ul.items li {
    width: 380px;
    text-align: center;
    position: relative;
    margin: 0 15px 20px;
    padding: 5px;
}

div#home_shohin ul.items li:before {
    content: "";
    width: 380px;
    height: 387px;
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/seihin_items_waku.png) no-repeat 50% 50% / contain;
    position: absolute;
    left: 0;
    top: 0;
}

div#home_shohin ul.items li > div {
    border-radius: 50%;
    overflow: hidden;
}

div#home_shohin ul.items li a {
    background-color: #fff;
    display: block;
    color: #615350;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    padding: 22px 10px 41px;
}

div#home_shohin ul.items li:hover a {
    background-color: #ffc1af;
    color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#home_works
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_works {
    z-index: 1;
    position: relative;
}

div#home_works h2 {
    text-align: center;
    margin-bottom: 30px;
}

div#home_works .slide_wrap {
    width: calc(100vw - 140px);
    max-width: 1600px;
    /*---ノートパソコンの為の記述---*/
    min-width: 1200px;
    margin: 0 auto 30px;
}

div#home_works .slide_wrap .li {
    margin: 0 15px;
    padding: 30px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);
    position: relative;
    border-radius: 8px;
}

div#home_works .slide_wrap p.cmn_area_cat {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
}

div#home_works .slide_wrap p.cmn_area_cat > * {
    font-size: 14px;
}

div#home_works .slide_wrap p.img {
    margin-bottom: 20px;
}

div#home_works .slide_wrap p.ttl {
    min-height: 2.5em;
    margin-bottom: 10px;
}

div#home_works .slide_wrap p.ttl a {
    color: inherit;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
}

div#home_works .slide_wrap p.meta_wrap > * {
    display: block;
}

/*---スライド .liの影を見せる為の記述---*/
div#home_works .slick-list {
    padding: 15px 5px;
}

/*---スライド ドット---*/
div#home_works .slick-dots {
    bottom: -25px;
}

div#home_works .slick-dots li button:before {
    color: #fff;
    opacity: 1;
}

div#home_works .slick-dots li.slick-active button:before, div#home_works .slick-dots li button:hover:before {
    color: #59b8ab;
    opacity: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#home_help
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_help {
    position: relative;
    padding-top: 210px;
    margin-top: -190px;
    z-index: 0;
}

div#home_help.lazyloaded {
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/help_bg.jpg);
}

div#home_help:before {
    content: '';
    display: block;
    width: 100%;
    height: 37px;
    position: absolute;
    top: -37px;
    left: 0px;
    z-index: 1;
}

div#home_help.lazyloaded:before {
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/help_bg_nami.jpg) no-repeat 50% 100% / contain;
}

div#home_help h2 {
    text-align: center;
    margin-bottom: 40px;
}

div#home_help p.main_txt {
    text-align: center;
    margin-bottom: 30px;
}

div#home_help ol.items {
    margin: 0 -10px;
    justify-content: center;
}

div#home_help ol.items li {
    margin: 0 10px 30px;
    width: calc(33.333% - 20px);
}

div#home_help ol.items .img_wrap {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    position: relative;
    background: no-repeat 50% 50% / cover;
    border: 5px solid #fff;
    border-radius: 10px;
    height: 238px;
    z-index: 0;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

div#home_help.lazyloaded ol.items li:nth-child(1) .img_wrap {
    background-image: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/help_item01.jpg?date=20210318);
}

div#home_help.lazyloaded ol.items li:nth-child(2) .img_wrap {
    background-image: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/help_item02.jpg);
}

div#home_help.lazyloaded ol.items li:nth-child(3) .img_wrap {
    background-image: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/help_item03.jpg);
}

div#home_help.lazyloaded ol.items li:nth-child(4) .img_wrap {
    background-image: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/help_item04.jpg);
}

div#home_help.lazyloaded ol.items li:nth-child(5) .img_wrap {
    background-image: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/help_item05.jpg);
}

div#home_help.lazyloaded ol.items li:nth-child(6) .img_wrap {
    background-image: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/help_item06.jpg);
}

div#home_help ol.items .img_wrap:before {
    content: '0' counters(ol_cnt, "");
    font-family: 'Bebas Neue', cursive;
    font-weight: normal;
    font-size: 36px;
    line-height: 1;
}

div#home_help ol.items .img_wrap:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .25);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
}

div#home_help ol.items .ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 2.5em;
}

div#home_help ol.items p.txt {
    text-align: center;
    line-height: 1.6;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#home_aisatsu
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_aisatsu h2 {
    padding: 15px 10px 15px 25px;
    margin-bottom: 25px;
}

div#home_aisatsu.lazyloaded h2 {
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/aisatsu_after.png) no-repeat 250px 50% / contain;
}

div#home_aisatsu .aisatsu_wrap {
    width: 1000px;
    padding-right: 430px;
    position: relative;
    margin: 0 auto 70px;
}

div#home_aisatsu p.main_lead {
    font-size: 22px;
    font-weight: bold;
    color: #554a46;
    margin-bottom: 20px;
}

div#home_aisatsu p.main_txt {
    line-height: 2;
    margin-bottom: 35px;
}

div#home_aisatsu p.daihyo {
    position: absolute;
    top: 85px;
    right: 0;
}

div#home_aisatsu p.daihyo_name {
    text-align: right;
    font-family: "my_mincho", serif;
    font-size: 18px;
}

div#home_aisatsu p.daihyo_name strong {
    font-size: 27px;
    font-weight: normal;
    margin-left: .5em;
}

div#home_aisatsu .link_wrap {
    font-weight: bold;
    border-top: 2px solid #dfdfdf;
    justify-content: center;
}

div#home_aisatsu .link_wrap > * {
    border-bottom: 2px solid #dfdfdf;
    padding: 40px 0;
    width: 33.333%;
    height: 260px;
    text-align: center;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

div#home_aisatsu .link_wrap > *:not(:nth-child(3n)):after {
    content: '';
    width: 1px;
    height: calc(100% - 80px);
    border-right: 1px solid #d2d2d2;
    position: absolute;
    top: 40px;
    right: 0px;
}

div#home_aisatsu.lazyloaded .link_wrap .qa {
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/qa_icon.png) no-repeat 40px 50px / auto;
}

div#home_aisatsu .link_wrap .taiken:after {
    content: '';
    display: block;
    width: 133px;
    height: 61px;
    margin-top: 5px;
}

div#home_aisatsu.lazyloaded .link_wrap .taiken:after {
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/taiken_icon.png) no-repeat 50% 50% / contain;
}

div#home_aisatsu .link_wrap p.img {
    margin-bottom: 17px;
}

div#home_aisatsu .link_wrap .line .img {
    margin: 14px 0 20px;
}

div#home_aisatsu .link_wrap p.ttl {
    font-size: 30px;
    margin-bottom: 5px;
}


div#home_help ol.items .ttl a{
    color:#fff;
    text-decoration:none;
}

div#home_aisatsu .link_wrap a {
    color: inherit;
    text-decoration: none;
}

div#home_aisatsu .link_wrap a:hover img {
    opacity: 1;
}

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

div#contact_area h2 {
    margin-bottom: 25px;
}

div#contact_area p.main_lead {
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 5px;
}

div#contact_area p.open{
    font-weight:bold;
    font-size: 16px;
    margin-bottom: 10px;
}

div#contact_area p.area {
    margin-bottom: 25px;
    font-weight: bold;
    font-size: 16px;
    border: solid 2px #59b8ab;
    border-radius: 7px;
    padding: 6px 20px;
    display: inline-block;
    color: #59b8ab;
    background-color: #fff;
    line-height: 1.6;
}

div#contact_area p.area span {
    font-size: 14px;
}

div#contact_area .info_wrap {
    font-weight: bold;
    line-height: 1;
    color: #ff825d!important;
    background-color: #fff;
    border-radius: 30px;
    padding: 15px 25px;
    display: table;
    margin: 0 auto 20px;
}

div#contact_area p.cmn_tel a {
    font-size: 22px;
}

div#contact_area p.cmn_mail a {
    font-size: 24px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#footer {
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/footer_bg.jpg) no-repeat 50% 109px / cover;
	position: relative;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　コピーライトのエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#copy_frame {
    background: none;
}

div#copy_area, div#copy_area a {
    color: #5f331b!important;
	padding-bottom: 100px;/*連絡先の表示を追加に伴い下余白を拡大(2023-11-20)mkw*/
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
スニペット　＞　ミヤタリフトができること
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

div[class*="usp_box"] {
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 50px;
    justify-content: space-between;
    margin-bottom:60px;
    position: relative;
    box-shadow: 13px 13px 0px 0px #ffe5dd;
}

div[class*="usp_box"]:before{
    content:"";
    display:inline-block;
    width:216px;
    height:80px;
    position:absolute;
    bottom:0;
	z-index:0;
	background: no-repeat 50% 50% / contain;
}

div.usp_box_l{
    flex-direction:row-reverse;
}

div.usp_box_l:before{
    background-image: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/usp_box01.jpg);
    left:0;
    border-radius:0 0 0 15px;
}

div.usp_box_r:before{
    background-image: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/usp_box02.jpg);
    right:0;
    border-radius:0 0 15px 0;
}

div[class*="usp_box"] .img {
    width: 450px;
    text-align: center;
}

div[class*="usp_box"] .txt_box {
    width: 600px;
	z-index:1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ごあいさつページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.goaisatsu_box {
    position:relative;
}

.goaisatsu_box .txt_box {
    width: 420px;
    height: calc(100% - 80px);
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/aisatsu_bg01.png) no-repeat right top / 126px,url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/aisatsu_bg02.png) no-repeat left bottom / 186px;
    background-color: rgba(255,255,255,.9);
    padding: 20px 30px;
    position: absolute;
    top: 35px;
    left: 30px;
    border-radius: 10px;
}

.goaisatsu_box .txt_box h2{
    font-family:"my_mincho";
    text-align:center;
    font-size:26px;
    margin-bottom: 15px;
}

.goaisatsu_box .txt_box h2:before{
    content:"";
    background: url(https://miyatalift.com/wordpress/wp-content/themes/cyber-child/images/svg/aisatsu_h2_before.svg) no-repeat 50% 50% / contain;
    width: 116px;
    height: 48px;
    display: block;
    margin: 0 auto 15px;
}

.goaisatsu_box .txt_box h2:after{
    display:block;
    font-family:"my_gothic";
    font-size:16px;
    color:#e36d4a;
}

.goaisatsu_box.message .txt_box h2:after{
    content:"message";
}

.goaisatsu_box.vision .txt_box h2:after{
    content:"vision";
}

.goaisatsu_box .txt_box .txt{
    font-size:30px;
    line-height:1.4;
    margin-bottom:40px;
}

.goaisatsu_box .txt_box .name{
    text-align:right;
}

.goaisatsu_box .txt_box .name strong{
    font-size:24px;
    font-weight:normal;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ブログ　目次 (2023-05-24 ib 追加)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#toc_container {
    padding: 20px 30px;
    background: none;
    border-radius: 10px;
    border: 3px solid #ddd;
}

#toc_container li {
    margin: 8px 0;
    font-size: 14px;
}

#toc_container li a {
    display: block;
    padding: 2px 0;
}

#toc_container li a span {
    color: #333;
}
