/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/*===========================
 * 
 * 全デバイス共通
 * 
 * =========================*/

/*基本フォントサイズ*/
html{font-size: 62.5%;/*基本を10pxとする*/}
h2{font-size:2.8rem;
	letter-spacing: 3px;
	line-height: 1.4em;}
h3{font-size:2.2rem;
letter-spacing: 1px;}
h4{font-size:1.8rem;}
p:not(#tel_num),span:not(.vk_highlighter),ul li,dl dt,dl dd,.wp-block-table td, .wp-block-table th{font-size:1.6rem;}

p.has-large-font-size {
    line-height: 1.5em;
}

/*基本のshadowボックス*/
.shadow_box,.vk_faq,.nomal_box,.img_set_box,.contact_box,.contact_wrap,.contact_tel_box{
    background-color: #fff;
    border-radius: 10px;
        box-shadow: 0px 5px 17px -6px rgb(90 90 90 / 70%);
}
.shadow_box {
	overflow: hidden;
}
.nomal_box{
	padding:30px;
}
.img_set_box {
    position: relative;
    padding: 135px 30px 30px;
	    box-shadow: 0px 5px 17px -6px rgb(90 90 90 / 70%);
}
.img_set_box figure {
    position: absolute;
    top: 0;
	height: 160px;
    width: 160px;
    left: 50%;
    transform: translate(-50%, -28%);
    -webkit-transform: translate(-50%, -28%);
    -ms-transform: translate(-50%, -28%);
}
.img_set_box figure img {
	border: solid 7px #fff;
	background: linear-gradient(6deg,rgb(170 216 255) 0%,rgb(242 253 255) 100%);
	    box-shadow: 0px 5px 17px -6px rgb(90 90 90 / 70%);
}
.contact_box {
    padding: 80px 30px 30px 30px;
    position: relative;
}
.contact_box .vk_icon_border {
    border: solid 7px #fff;
    box-shadow: 0px 5px 17px -6px rgb(90 90 90 / 70%);
    position: absolute;
    top: -50px;
	left: 50%;
    margin: 0 auto;
    transform: translate(-50%, 0%);
}
.contact_tel_box{
	padding:30px 0;
	margin-bottom:100px;
}

figure.wp-block-media-text__media {
	background: linear-gradient(6deg,rgb(170 216 255) 0%,rgb(242 253 255) 100%);
}

	
/*基本のボックス_余白調整*/
.nomal_box{
	padding:30px;
}

/*見出し*/
h2{
	color:#3f7aa7;
	text-align:center;
}
.wp-block-media-text__content h3 {
    color: #0080a7 !important;
    position: relative;
    padding-left: 31px;
    line-height: 1.3em;
}

.wp-block-media-text__content h3:before{
    font-family: "Font Awesome 5 Free";
    content: '\f058';
    font-weight: bold;
    margin-right: 8px;
    color: #ffd000;
    position: absolute;
    left: 0;
}
/*大きい文字*/
p.has-huge-font-size {
    line-height: 1.2em;
}
/*ボタン*/
.wp-block-button a {
    position: relative;
}
.wp-block-button a:after {
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translate(0, -50%);
    color: #fff;
    font-family: "Font Awesome 5 Free";
    content: '\f105';
    font-weight: bold;
}

/*-------PCヘッダー------*/
.global-nav-list>li .global-nav-description {
    color: #3f7aa7;
	font-weight: bold;
}
/*スライダー矢印カラー*/
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #000;
}



/*-------サブ共通------*/
/*ヘッダー*/
.page-header {
	padding:10em 0 12em 0;
    background-image: url("/wp-content/uploads/2023/02/bg_head.png");
    background-position: bottom;
    color: #fff;
}
.post-name-bedding .page-header{
    background-image: url("/wp-content/uploads/2023/02/sub_futon_2.jpg");
}
.post-name-shoes-bag .page-header{
    background-image: url("/wp-content/uploads/2023/02/head_bag_2.jpg");
}
.post-name-deluxe .page-header{
    background-image: url("/wp-content/uploads/2023/02/head_deluxe.jpg");
}
.post-name-corporation .page-header{
    background-image: url("/wp-content/uploads/2023/02/head_corporation.jpg");
}
.post-name-reform .page-header{
    background-image: url("/wp-content/uploads/2023/02/head_reform.jpg");
}


.page-header-title, h1.page-header-title {
    font-size: 2.8rem;
    letter-spacing: 5px;
    font-weight: 700;
	line-height: 1.2em;
	margin: 0;
}
/*パンくず*/
.breadcrumb-list li span,.breadcrumb-list li i{
    font-size: 1.2rem;
    color: #aaa;
}

/*テーブル余白*/
.wp-block-table td, .wp-block-table th {
    padding:25px 15px;
	line-height: 1.4em;
}
/*フッター問い合わせ*/
p#tel_num {
	color: #333;
	text-align: center;
	font-size: 3rem;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0;
}
#tel_num i {
    margin: 0 5px 0 0;
}
.tel_time {
    border: solid 2px #fcb900;
    border-radius: 20px;
    width: fit-content;
    padding: 5px 20px;
    color: #0080a7;
    margin: auto;
}
/*フッターメニュー*/
ul#menu-footernavigation li br {
    display: none;
}
.footer-nav {
    padding: 1em 0;
    line-height: 1;
}
nav.footer-nav .container {
    padding: 0;
    margin: 0;
    max-width: 100%;
}
.footer-nav-list li:nth-child(odd) {
    background-color: #fff;
}
.footer-nav-list li {
    padding: 0 15px;
    font-size: 1.4rem;
    position: relative;
}
.footer-nav-list li:not(:last-child) {
    border-bottom: dotted 1px #ccc;
}
.footer-nav-list li a {
    padding: 20px 20px;
}
/*.footer-nav-list li a:before {
left: 10px;
    font-size: 0.5rem;
    padding: 5px;
    border-radius: 10px;
    font-family: 'FontAwesome';
    content: "\f054";
    position: absolute;
    top: 50%;
    margin-top: -1px;
    color: #3f7aa7;
}*/

/*フッターコピーライト*/
.site-footer-copyright {
    color: #bcb7ac;
    padding: 15px;
    margin: 0;
    width: 100%;
    max-width: 100%;
    border-top: solid 1px #ccc;
}
.site-footer-copyright p:last-child {
    display: none;
}



/*-----------------
 * よくあるご質問
 * ----------------*/
.vk_faq{
	padding: 0 20px 0 40px;
}
.vk_faq .vk_faq_title,.vk_faq .vk_faq_content {
    padding: 1.5rem 0.8rem 1.5rem 6.5rem;
}
.vk_faq .vk_faq_title {
    border-bottom: 1px dotted #aaa;
}
.is-style-vk_faq-bgfill-rounded .vk_faq_title:before,.is-style-vk_faq-bgfill-rounded .vk_faq_content:before{
	top: 1.5rem;
    font-size: 1.5rem;
    width: 5.4rem;
    height: 2.2rem;
}
.is-style-vk_faq-bgfill-rounded .vk_faq_title:before{
	background-color: #ff8282;
}
.is-style-vk_faq-bgfill-rounded .vk_faq_content:before{
    background-color: #3f7aa7;
}

/*-----------------
 * ピープルとは
 * ----------------*/

span.title_sub {
    display: block;
}

/*エリア*/
.area_list {
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
	align-items: center;
}
.area_list li {
    padding: 15px 3px;
    border: solid 2px #ccc;
    font-weight: bold;
    border-radius: 10px;
    letter-spacing: 7px;
    width: 49%;
    text-align: center;
    font-size: 2.2rem;
	margin:0.2em 0;
}
/*吹き出し調整*/
.vk_balloon_icon {
    max-width: 20px;
}
/*--------------------------------
 * 問合せフォーム
 * -----------------------------*/

/*電話番号*/

p.contact_telnum {
border: solid 1px #ccc;
    padding: 20px;
    border-top-color: #ff99b4;
    border-top-width: 3px;
    padding: 20px;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0;
    color: #666;
	background-color: #fff;
}

p.contact_telnum i.fas {
    margin-right: 15px;
    font-size: 1.1em;
}

/*フォーム上、電話問い合わせ*/
.contact_tel_box {
    padding: 30px 1.5rem;
    margin-bottom: 100px;
}
p#tel_time {
    text-align: center;
    border: solid 1px;
    border-radius: 20px;
    width: fit-content;
    margin: 10px auto;
    padding: 5px 20px;
    background-color: #3f7aa7;
    color: #fff;
}
ul#tel_txt {
    width: fit-content;
    margin: 40px auto;
    padding: 0 2rem;
}
ul#tel_txt li:before {
    content: "・";
}
ul#tel_txt li {
    line-height: 1.2em;
    /* margin-bottom: 20px; */
    border-bottom: dotted 1px #aaa;
    padding: 15px 0;
    list-style: none;
}
#tel_num a {
    text-decoration: none;
    color: #333;
}

/*フォーム*/

.contact_wrap {
    border-radius: 5px;
    padding: 3rem;
    background-color: #fff;
}

p.comment {
    margin: 10px 30px 60px 30px;
    padding: 10px;
    width: 100%;
    font-size: 1.2em;
    border-bottom: dotted #ccc 3px;
    font-weight: bold;
}

form h4 {
	margin: 0;
	background-color:transparent;
	font-weight: bold;
	padding:30px 0 10px 0;
}
h4:first-child {
    padding: 0 0 10px 0;
}
form p:not(.comment):not(.contact_telnum), form .parts_wrap,form p:not(.tel_time){
	margin: 0;
}
form p:not(.comment):not(.contact_telnum), form .parts_wrap,form p:not(.tel_time){
	padding: 0;
}

form input:not(.btn_back), form select,form textarea {
    font-size: 2rem;
    height: auto !important;
	width:100%;
	padding: 7px;
}

.form_small{
	width:20%;
	display: inline-block;
}

span.hissu_on, span.hissu_off {
    padding: 3px 10px;
    font-size: 0.8em;
    margin-right: 5px;
    border-radius: 3px;
    color: #fff;
}
span.hissu_on{
	background-color:#ff6b6b;
}
span.hissu_off{
	background-color:#45a8ff;
}

span.form_attention {
    display: block;
    margin: 10px 0;
}

/*バリデーション*/
.mw_wp_form .error {
    background-color: #fffdd9;
    font-size: 0.7em;
    color: #555;
    border-radius: 3px;
    padding: 5px;
    line-height: 1.6em;
    margin: 0 2px 10px 2px;
    font-weight: 700;
    font-size: 1em;
}

span.error:before {
    content: "\f06a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #D1220A;
    font-size: 1.2em;
    margin-right: 5px;
}
/*--------------------------------
 * サイトマップ・404
 * -----------------------------*/
ul.sitemap-list li {
    margin: 20px 0;
}


/*下部ボタン*/
.f_btn_wrap {
    padding: 40px 0;
    text-align: center;
}
input[type=submit]{
	border:none;
}
.btn_next,button.btn_send, input.btn_back {
line-height: 1em;
    font-size: 1.4em;
    font-weight: bold;
    border: none;
    color: #fff;
    padding: 30px 10px !important;
    border-radius: 10px;
	width: 30%;
}
button.btn_send, input.btn_back{
margin: 0 5px;
}

.btn_next,button.btn_send {
   border-radius: 5px;
  -webkit-box-shadow: 0px 5px 20px #bbb;
          box-shadow: 0px 5px 20px #bbb;
  position: relative;
  background: -webkit-gradient(linear, left top, right top, from(#4fa6d1), color-stop(51%, #73c9c8), color-stop(54%, #abe9e9), color-stop(57%, #73c9c8), to(#4fa6d1));
  background: -webkit-linear-gradient(left, #4fa6d1 0%, #73c9c8 51%, #abe9e9 54%, #73c9c8 57%, #4fa6d1 100%);
  background: linear-gradient(to right, #4fa6d1 0%, #73c9c8 51%, #abe9e9 54%, #73c9c8 57%, #4fa6d1 100%);
  background-size: 230% auto;
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
	width:60% !important;
}

.btn_next:hover,button.btn_send:hover, input.btn_back:hover{
	background-position: right center;
  -webkit-transition: 0.4s ease-in;
  transition: 0.4s ease-in;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn_next:hover,button.btn_send:hover{
	color: #a9def3;
}
input.btn_back:hover{
	color: #fff;
}
input.btn_back:hover{
	background-color:#ccc !important;
}

input.btn_back {
    border-bottom: 3px solid #aaa !important;
    background-color: #ccc;
}

/*確認画面で非表示に*/
div.mw_wp_form_confirm .input_only,.mw_wp_form_complete .input_only{
	display:none;
}


/*========================================================
*
*　メディア設定
*
*======================================================*/

/*▼▼▼300px以下で文字の改行を制御*/
@media (max-width: 300px) {
br.vk_responsive-br.vk_responsive-br-xs {
    display: none;
}
}

/*▼▼▼タブレット以下*/
@media (max-width: 781px) {
   .img_set_box_wrap{
    gap: 65px !important;
}
	
}
/*▼▼▼タブレット以上　※テンプレの設定に準拠しているので上記とブレあり*/
@media (min-width: 768px) {
/*フッター　スイッチ*/
nav.footer-nav .container {
    padding: 4rem;
    margin: 0;
    max-width: 100%;
}
	ul#menu-footernavigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
	ul#menu-footernavigation li {
    padding: 20px;
    width: max-content;
		border-bottom:none;
}
.footer-nav-list li:nth-child(odd) {
    background-color:transparent;
}
ul#menu-footernavigation li a {
    padding: 10px;
}
}
/*▼▼▼ミニPC以上*/
@media (min-width: 992px) {
	.contact_wrap{
		padding: 6rem 25rem;
	}
	h2,.has-large-font-size{
		font-size:3.6vh !important;
	}
}
/*▼▼▼PC以上*/
@media (min-width: 1200px){
nav.footer-nav .container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 4rem 0;
}