@charset "utf-8";
/*
Theme Name: Lightning Pro Child Sample
Theme URI:
Template: lightning-pro
Description:
Author:
Tags:
Version: 0.0.0
*/

/* 共通 */
	body{
		font-size:20px;
	}

@media screen and (max-width: 992px){
	body{
		font-size:16px;
	}
}
a{
	text-decoration:none;
}

a:hover{
	text-decoration:none;
}

h3,h4{
	font-weight:bold;
}



.tyuui_text{
	border:1px solid;
	border-radius:50px;
	width:150px;
	text-align:center;
}

.widget_search form div{
	border-radius:5px;
}


@media screen and (max-width: 992px){
	.pc-br{
		display:none;
	}
}


@media screen and (min-width: 992px){
	.sp-br{
		display:none;
	}
}

/* パンクずリスト */
.breadSection .breadcrumb>li+li:before{
	content:">";
}

/* ボタン */

.btn_block{
		font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN,"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic, "Helvetica Neue", sans-serif;
	text-align:center;
}

.btn_block:before{
	color:white;
	content:"";
	display:inline-block;
	text-align:center;
	line-height:50px;
	width: 70px;
	height: 50px;
	border-radius: 50% 70% 40% 80%; /* 左上、右上、右下、左下 */
	background: #e9d5d4;
	vertical-align: middle;
	margin:50px -30px 50px 0;
}

.btn_block:after{
	content:"→";
	display:inline-block;
	vertical-align: middle;
}

.btn_block a:hover{
	letter-spacing:2px;
}

/* ヘッダー上ナビゲーション */
.headerTop{
	background:#fff;
	border-bottom:none;
}

.siteHeadContainer{
	padding-top:0 !important;
	padding-bottom:0 !important;
}

.news a:before{
	text-decoration:none;
	font-family: "Font Awesome 5 Free";
  content: '\f05a';
  font-weight: 900;
	margin-right:5px;
}


.reserve a:before{
	text-decoration:none;
	font-family: "Font Awesome 5 Free";
  content: '\f058';
  font-weight: 900;
	margin-right:5px;
}


.contact a:before{
	text-decoration:none;
	font-family: "Font Awesome 5 Free";
  content: '\f0e0';
  font-weight: 900;
	margin-right:5px;
}

.online a:before{
	text-decoration:none;
	font-family: "Font Awesome 5 Free";
  content: '\f07a';
  font-weight: 900;
	margin-right:5px;
}

/* モバイル時メニュー */
@media screen and (max-width: 992px){
.siteHeader_logo:before{
	content:"かつら・ウィッグのナチュラル和歌山サロン";
	font-size:0.5em;
	font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	color:#666;
}
}

.vk-mobile-nav-menu-btn{
	border:none;
}
.vk-mobile-nav-menu-btn.menu-open{
	border:none;
}

.vk-mobile-nav{
/*	top:0 !important;*/
	padding:0 10px;
	height:100vh !important;
}

.sp_logo{
	width:200px;
}

.sp_logo:before{
	content:"かつら・ウィッグのナチュラル和歌山サロン";
	font-size:0.5em;
	font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}

.sp_nav{
	list-style-type:none;
	text-align:center;
	padding:0;
}

.sp_contact{
	background:#f4f4f4;
		width:100vw;
/*	position:absolute;
	bottom:0;
*/
	margin-left: calc(-50vw + 50%);
 margin-right: calc(-50vw + 50%);
	padding:50px 20px;
}


/* トップページスライドショー */
.carousel-control-prev-icon,
.carousel-control-next-icon{
	display:none;
}

.carousel-item img {
      width: 100%;
      height: auto;
      animation: animationZoom 5s ease-in-out forwards;
    }

@keyframes animationZoom {
   100% { transform:scale(1.1)} 
}

.slide-text-title{
	 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

/* サイドバー */
.sideSection-col-two{
	height:100vh;
}

.sideber_fm ul{
	display:flex;
	list-style-type:none;
	padding:0;
}

.sideber_fm ul li a{
	display:block;
	padding:20px;
}

.sideber_fm ul li a:hover{
	text-decoration:none;
}

.sideber_fm ul li{
		width:50%;
	text-align:center;
	border:1px solid;
	border-radius:5px;
	margin:0 5px;
	
}

.sideber_fm img{
	width:50px;
}

.sideber_fm ul li p{
	font-size:0.8em;
	margin:0;
}

.sideber_tel{
		text-align:center;
		font-size:0.8em;
}



.sideber_tel a{
	font-weight:bold;
	font-size:1.8em;
}

.sideber_tel a:before{
		font-family: "Font Awesome 5 Free";
  content: '\f879';
  font-weight: 900;
	margin-right:10px;
}

.sideber_tel p{
	margin:0;
}

@media screen and (max-width: 992px){
.sideSection{
	display:none;
}
}

/* フロントページ */
.top_title{
	line-height:1.8;
	font-weight:bold;
}

@media screen and (max-width: 992px){
.top_title{
	font-size:1.3em;
	}
}

.top_title span{
	font-size:1.4em;
}

.lineupitem{
	padding:0;
}

.lineuplist{
	margin:0;
}

@media screen and (max-width: 992px){
	.lineuplist .wp-block-cover__inner-container{
		font-size:16px;
	}
}


.top_salon img{
	height:300px;
	width:100%;
	object-fit:cover;
}

.img_area img{
	border-radius:10px 10px 0 0;
}
/* サロン情報 */
.top_salon .text_area{
	padding:50px;
	background:#f4f4f4;
	border-radius:0 0 10px 10px;
}


/* ブランド情報 */

.brand_item{
	margin:50px 0;
	border-bottom: 1px dotted #ccc;
	padding-bottom:50px;
}

@media screen and (max-width: 992px){
.brand_qr{
	display:none;
}
}

/* フッター */
.contact_footer{
	background:#ead5d5;
	width:100vw;
	margin-left: calc(-50vw + 50%);
 margin-right: calc(-50vw + 50%);
	text-align:center;
	padding:50px 10px;
}

.contact_item{
	display:flex;
	justify-content:center;
}

.contact_item a{
	width:200px;
}

.contact_item a:hover{
	background:#fff;
}

.footer_tel,.footer_mail,.footer_reserve{
	padding:0 80px;
}

.footer_tel,.footer_mail{
	border-right:1px solid;
}

@media screen and (max-width: 992px){
.contact_item{
	display:block;
	}
	
.footer_tel,.footer_mail{
	border-right:none;
	padding:20px 0;
}
	
	.footer_reserve{
		padding:0;
	}
}

#footer_tel{
	font-weight:bold;
	text-decoration:none;
	font-size:1.3em;
}

.footer_tel p:first-child:before{
	font-family: "Font Awesome 5 Free";
  content: '\f879';
  font-weight: 900;
	margin-right:20px;
}

.footer_mail p:first-child:before{
	font-family: "Font Awesome 5 Free";
  content: '\f0e0';
  font-weight: 900;
	margin-right:20px;
}

.footer_reserve p:first-child:before{
	text-decoration:none;
	font-family: "Font Awesome 5 Free";
  content: '\f058';
  font-weight: 900;
	margin-right:5px;
}



#footer_mail{
	border:1px solid black;
	display:block;
	margin:0 auto;
	text-decoration:none;
	font-size:0.8em;
	padding:10px
}


/* フッター　ナビゲーション部分 */

.navlist1 ul,.navlist2 ul,.navlist3 ul{
	list-style-type:none;
	font-size:0.7em;
}

.nav_title{
	border-bottom:1px solid #E2E2E2;
}

.btm_logo{
  width:200px;	
}

.footer_btm{
	font-size:0.7em;
	display:flex;
	justify-content:space-between;
	max-width:960px;
	margin:0 auto;
	padding:0 50px;
}

@media (min-width: 576px){
	.footer_btm{
	max-width:540px;
	}
}

@media (min-width: 768px){
	.footer_btm{
	max-width:820px;
	}
}

@media (min-width: 1200px){
	.footer_btm{
	max-width:1140px;
	}
}

@media screen and (max-width: 992px){
.footer_btm{
	display:block;
	}
}

.other_menu ul{
	display:flex;
	list-style-type:none;
	padding:0;
	margin:0;
}

.other_menu ul li{
	padding-right:1em;
}

@media screen and (max-width: 992px){
	.other_menu ul:last-child{
		display:block;
	}
}

/* フルオーダーウィッグ */

/* ポイント部分 */

.point_title{
	font-weight:bold;
	font-size:1.2em;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN,"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic, "Helvetica Neue", sans-serif;
}
.point_list ul{
	list-style-type:none;
	padding:0;
}

.point_img {
	display:flex;
	align-items:center;
}

.point_num{
	color:#E9D5D4;
	width:30%;
	text-align:center;
	padding-right:10px;
}

.point_num p span{
	display:block;
	font-weight:bold;
	font-size:2em;
	line-height:0.8;
}

.point_img img{
	width:100%;
	object-fit:cover;
	height:300px;
	border-radius:10px 0 0 10px;
}

@media screen and (max-width: 992px){
.point_img img{
	height:250px;
	}
}

.point_text{
	background:#f4f4f4;
	justify-content:center;
	position:relative;
	border-radius:10px 0 0 10px;
	margin-top:-35px;
	padding:50px 50px 20px 50px;
	width:100%;
}

@media screen and (max-width: 400px){
.point_text{
	width:100vw;
	}
}

/* 参考写真 */
.ex_img{
	border-radius:10px;
	flex-wrap:nowrap;
}

@media (max-width: 599px){
	.ex_img .wp-block-column:not(:first-child) {
    margin-left: 10px;
}
}

.ex_img figure{
	border-radius:10px;
}

.ex_img img{
	width:100%;
	height:200px;
	object-fit:cover;
	object-position:50% 12%;
}

.ex_img_full{
	border-radius:10px;
}

@media screen and (max-width: 992px){
	.ex_img img{
	height:130px;
}
}

/* 同時購入 */

.spare_ex h5{
	background:#f4f4f4;
	border-radius:10px;
	padding:10px;
	text-align:center;
}
.spare_img{
	display:flex;
	margin-bottom:30px;
}

.spare_img img{
	width:50%;
	height:50%;
}

/* 医療用ウィッグ */

.spec_table td span{
	font-size:16px;
}
.spec_table td:first-child{
	width:30%;
}

.spec_table td:last-child{
	width:70%;
}

@media screen and (max-width: 992px){
	table td{
			display: block;
    width: 100% !important;
	}
	
	table td:first-child{
		background:#f2f2f2;
	}
	
	table td:last-child{
		border-right:1px solid #f2f2f2;
		border-left:1px solid #f2f2f2;
	}
	
	table th{
		display:none;
	}
	
	.formtable th{
		display:block;
	}
	
	.price_table td:last-child:after{
		content:"円　(税込)";
	}
	/*
	.price_table_other td:nth-child(2):before{
		content:"毛長さ：";
	}*/
	
	.price_table_other td{
		background:none !important;
	}
			.price_table_other tr:nth-child(3n+1) td:first-child{
		background:#f2f2f2 !important;
	}
	
	.price_table_other tr:nth-child(3n+1) td:nth-child(2):before,
	.price_table_other tr:nth-child(3n) td:first-child:before,
	.price_table_other tr:nth-child(3n+2) td:first-child:before{
			content:"毛長さ:";
	}

	
	.price_table_other td:last-child:after{
			content:"円(税込)";
	}
}

.spec_color{
	display:flex;
	justify-content:center;
	text-align:center;
}

.spec_table img{
	margin-top:20px;
	border-radius:10px;
}

.submenu{
		background:#f4f4f4;
	  border-radius:10px;
	flex-wrap:nowrap;
}

@media (max-width: 599px){
.submenu .wp-block-column:not(:first-child) {
    margin-left: 10px;
}
}

.submenu figure{
	margin:0;
	border-radius:10px 0 0 10px;
}

.submenu_text p{
	margin:0;
}

/* 下層ページ */

/* フルオーダーヘアピース */
.page_link figure{
	border-radius:10px;
}

.page_link_list ul{
	list-style-type:none;
		display:flex;
	justify-content:center;
	flex-wrap:wrap;
	padding:0;
}

.page_link_text{
	background:#f4f4f4;
	margin-top:-100px;
	padding:30px 50px;
	text-align:center;
	border-radius:0 0 10px 10px;
}

@media (max-width: 599px){
	.page_link_text{
		padding:30px 20px;
	}
}

.page_link_list ul li{
	margin:0.5em;
	background:white;
  border-radius:50px;
	font-size:16px;
	padding:0.5em 1em;
}

.vk_accordion-toggle{
	border-bottom:none;
	background-color: rgba(0,0,0,0.05);
	border-radius:50px;
}

.vk_accordion:not(.is-style-vk_accordion-no-background-color-border):not(.is-style-vk_accordion-background-color):not(.is-style-vk_accordion-background-color-border):not(.is-style-vk_accordion-background-color-rounded):not(.is-style-vk_accordion-background-color-rounded-border), .vk_accordion-container:not(.is-style-vk_accordion-no-background-color-border):not(.is-style-vk_accordion-background-color):not(.is-style-vk_accordion-background-color-border):not(.is-style-vk_accordion-background-color-rounded):not(.is-style-vk_accordion-background-color-rounded-border){
	border-bottom:none;
	text-align:center;
}

/* セミオーダーヘアピース */

#post-497 .btn_block:before,
#post-34 .btn_block:before,
#post-44 .btn_block:before{
		margin: 20px -30px 20px 0;
}
.toppiece_semi_type{
	list-style-type:none;
	display:flex;
	flex-wrap:wrap;
	padding:0;
}

.toppiece_semi_type li{
	background:#f4f4f4;
	border-radius:50px;
	font-size:16px;
	text-align:center;
	padding:0.25em 1em;
	margin:5px 2px;
}

.contact_info{
	background:#f9f9f9;
	border-radius:10px;
	padding:30px 50px;
}

@media screen and (max-width: 992px){
	.contact_info{
		padding:30px 20px;
	}
}

.wp-block-table.aligncenter{
	width:100%;
}


/* かつらの修理 */
.repair_list ul{
	list-style-type:none;
	padding:0;
	margin:0;
}

.repair_list li{
	line-height:2.5em;
}

.repair_list li span{
	background:#e8e8e8;
	border-radius:50px;
	padding:10px 18px;
	margin-right:10px;
}

.repair_ex_list ul{
	list-style-type:none;
	padding:0;
}

.repair_img {
	display:flex;
	align-items:center;
}


.repair_num{
	color:#E9D5D4;
	width:30%;
	text-align:center;
}


@media screen and (max-width: 992px){
	.repair_img {
		display:block;
	}
	
	.repair_num{
		text-align:left;
	}
}

.repair_num p span{
	display:block;
	font-weight:bold;
	font-size:2em;
	line-height:0.8;
}

.repair_img img{
	width:100%;
	object-fit:cover;
	border-radius:10px 0 0 10px;
}

.repair_text{
	background:#f4f4f4;
	justify-content:center;
	position:relative;
	border-radius:10px 0 0 10px;
	padding:50px 50px 20px 50px;
}

/* 出張サービス */

.visit_top figure{
	border-radius:20px 0 0 20px;
	right:0;
}
.visit_title{
	font-weight:bold;
	font-size:1.4em;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN,"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic, "Helvetica Neue", sans-serif;
}

.visit_title span{
	color:#e59995;
}

.visit_table{
	width:100% !important;
}

.visit_table td:first-child{
	background:#e8e8e8;
}

/* ウィッグプロテクト */

.row_fv .wp-block-image{
	border-radius:20px 0 0 20px;
	right:0;
}

.row_fv img{
	height:350px;
	object-fit:cover;
}

@media screen and (max-width: 992px){
	.row_fv img{
		height:200px;
	}
}

.row_fv_title{
	font-weight:bold;
	font-size:1.2em;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN,"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic, "Helvetica Neue", sans-serif;
}

.row_fv_title span{
	color:#e59995;
}

/* お問合せ */
.formtable th{
	padding-left:1em;
	text-align:left;
	position:relative;
	font-weight:bold;
}

.formtable td{
	text-align:center;
}

span.cf7_req{
	font-size:16px;
	background:red;
	border-radius:50px;
	color:white;
	padding:0.25em 0.5em;
	margin-left:1em;
	/*position:absolute;
	left:80%;
	top:25%;*/
}

input[type="date"],.form_time{
	/*width:30%;*/
	text-align:center;
}

.reserve_time{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
}

	.reserve_select{
		display:flex;
		justify-content:center;
		align-items:center;
		margin:5px 0;
	}

.reserve_old{
	display:flex;
	align-items:center;
		justify-content:center;

}

.wpcf7-form-control-wrap{
	margin-left:0.5em;
}

.form_sub{
	font-size:16px;
}

/*
.wpcf7-form-control{
	margin:25px auto;
}*/
select.wpcf7-form-control.wpcf7-select.form_old.form-control,
select.wpcf7-form-control.wpcf7-select.form_time.form-control {
    width: 5rem;
}

@media screen and (max-width: 32.5em){
	.formtable  tr, .formtable td{
		display: block;
		width: 100%;
	}
	
		.formtable  th{
		width:100%;
		display:block;
		margin: 0 auto;
		border:none;
	}
	
	.reserve_time{
		display:block;
		margin:20px 0;
	}
}


th,td{
	font-size: 16px;
}

.postListText_title{
	font-size: 16px;
}


.postListText_date{
	font-size: 16px;
}

.fz-16{
	font-size: 16px;
}

.wp-block-image figcaption{
	font-size:16px;
}

.media p{
	font-size: 16px;
}

.entry-meta_items{
	font-size: 16px;
}