@charset "UTF-8";

/* 共通設定およびスマートフォン向けのスタイル */
body{
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.5rem;
	color: #333;
}
@font-face {
	font-family: 'Baskerville';
	src: url(../fonts/Baskerville.ttc);
}
.wrapper{
	min-height: 99vh;
//	background: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 50%, #fff 50%, #fff 100%);
//	border: 0px solid #000; /* 確認用 */
//	border: transparent 1px solid;/* 透明線 */
}
.half_seat_front{
	position: absolute;
//	position: fixed;
	z-index: -999;
	width: 100%;
	height: 60rem;
	top: 0;
	left: 0;
	background: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 50%, #fff 50%, #fff 100%);
//	border: 1px solid #000; /* 確認用 */
}
.half_seat_about{
	position: absolute;
//	position: fixed;
	z-index: -999;
	width: 100%;
	height: 49rem;
	top: 0;
	left: 0;
	background: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 50%, #fff 50%, #fff 100%);
//	border: 1px solid #000; /* 確認用 */
}
.half_seat_menu{
	position: absolute;
//	position: fixed;
	z-index: -999;
	width: 100%;
	height: 54rem;
	top: 0;
	left: 0;
	background: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 50%, #fff 50%, #fff 100%);
//	border: 1px solid #000; /* 確認用 */
}
.half_seat_news{
	position: absolute;
//	position: fixed;
	z-index: -999;
	width: 100%;
	height: 56rem;
	top: 0;
	left: 0;
	background: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 50%, #fff 50%, #fff 100%);
//	border: 1px solid #000; /* 確認用 */
}
.half_seat_single{
	position: absolute;
//	position: fixed;
	z-index: -999;
	width: 100%;
	height: 56rem;
	top: 0;
	left: 0;
	background: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 50%, #fff 50%, #fff 100%);
//	border: 1px solid #000; /* 確認用 */
}
.half_seat_contact{
	position: absolute;
//	position: fixed;
	z-index: -999;
	width: 100%;
	height: 55.5rem;
	top: 0;
	left: 0;
	background: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 50%, #fff 50%, #fff 100%);
//	border: 1px solid #000; /* 確認用 */
}
.half_seat_products{
	position: absolute;
//	position: fixed;
	z-index: -999;
	width: 100%;
	height: 56rem;
	top: 0;
	left: 0;
	background: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 50%, #fff 50%, #fff 100%);
//	border: 1px solid #000; /* 確認用 */
}
.modern_seat1{
	position: absolute;
//	position: fixed;
	display: block;
	z-index: -999;
	width: 27%;
	height: 12%;
	bottom: 4%;
	right: 0;
	background: #dcdddd;
//	border: 1px solid #000; /* 確認用 */
}

.h2_1{/* MENU・PRODUCTS */
	position: absolute;
	display: block;
	top: 40%;
	left: 9%;
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	font-family: baskerville-display-pt, serif;
//	border: 1px solid #000; /* 確認用 */
}
.h3_1{/* メニュー・LIPの商品 */
	display: none;
//	border: 1px solid #000; /* 確認用 */
}
.deco_none{
	text-decoration: none;
}
.mobile_on1{
}
.pc_on1{
	display: none;
}
/*----------------*/
/* スクロールイン */
/*----------------*/

.sa{
	opacity: 0;
	transition: all .5s ease;
}
.sa.show{
	opacity: 1;
	transform: none;
}
.sa--lr{
	transform: translate(-50px, 0);
}
.sa--rl{
	transform: translate(50px, 0);
}
.sa--up{
	transform: translate(0, 50px);
}
.sa--down{
	transform: translate(0, -50px);
}
.sa--scaleUp{
	transform: scale(.5);
}
.sa--scaleDown{
	transform: scale(1.5);
}
.sa--rotateL{
	transform: rotate(180deg);
}

.sa--rotateR{
	transform: rotate(-180deg);
}

@media only screen and (min-width: 768px) {
.googlecal { padding-bottom: 75%; }
}



/*-----------------------------*/
/* トップページ front-page.php */
/*-----------------------------*/
.front_wrapper{
	width: 85%;
	margin: 0 auto 0 auto;
//	border: 1px solid #000; /* 確認用 */
}
.front_wrapper2{
	position: relative;
	width: 100%;
//	border: 1px solid #000; /* 確認用 */
}
.slide_show{
	position: relative;
	overflow: hidden;
	width: 85%;
	margin: 1rem auto 0 auto;
}
.slide_show:before{
	content: "";
	display: block;
	padding-top: 100%;
}
.slide_show_img{
	z-index:10;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	animation: slide_in 42s 0s infinite, translate 42s 0s infinite, blur 42s 0s infinite;
}

.slide_show_img:nth-of-type(2){
	animation-delay: 6s;
}
.slide_show_img:nth-of-type(3){
	animation-delay: 12s;
}
.slide_show_img:nth-of-type(4){
	animation-delay: 18s;
}
.slide_show_img:nth-of-type(5){
	animation-delay: 24s;
}
.slide_show_img:nth-of-type(6){
	animation-delay: 30s;
}
.slide_show_img:nth-of-type(7){
	animation-delay: 36s;
}
@keyframes slide_in{

	0%{
		opacity: 1;

	}

	7%{
		opacity: 1;
	}

	14%{
		opacity: 1;
	}

	21%{
		opacity: 1;
	}

	22%{
		opacity: 0;
		z-index:1;
	}

	100%{
		opacity: 0;
	}
}
@keyframes blur{

	0%{
		filter:blur(30px)
	}

	7%{
		filter:blur(0px)
	}

	100%{
		filter:blur(0px)
	}
}
@keyframes translate{

	0%{
		transform:scale(3) translate3d(100%,0,0)
	}

	7%{
		transform:scale(1) translateZ(0)
	}

	100%{
		transform:scale(1) translateZ(0)
	}
}

.pro{
	color: #b5b6b6;
	font-size: 0.5rem;
	margin: 0 0.1rem;
	animation: timer 42s 0s linear infinite;
}
.pro:nth-of-type(2){
	animation-delay: 6s;
}
.pro:nth-of-type(3){
	animation-delay: 12s;
}
.pro:nth-of-type(4){
	animation-delay: 18s;
}
.pro:nth-of-type(5){
	animation-delay: 24s;
}
.pro:nth-of-type(6){
	animation-delay: 30s;
}
.pro:nth-of-type(7){
	animation-delay: 36s;
}

@keyframes timer{

	0%{
		color: #b5b6b6;
	}

	10%{
		color: #000;
	}

	14%{
		color: #000;
	}

	21%{
		color: #b5b6b6;
	}

	22%{
		color: #b5b6b6;
	}

	100%{
		color: #b5b6b6;
	}
}
.front_div1{
	text-align: center;
	margin: 0.5rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.front_div2{/* 投稿記事 */
	margin: 2rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.front_div3{/* Timeless&Egeless */
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 1rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.front_div4{
	margin: 6.25rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.front_div4_1{
	margin: 2.5rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.front_div5{
//	border: 1px solid #000; /* 確認用 */
}
.front_div6{
//	border: 1px solid #000; /* 確認用 */
}
.front_div7{
	margin: 6.25rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.front_div8{
	margin: 2.25rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.front_div8 a{/* 投稿記事【重要】 */
	display: flex;
	justify-content: space-between;
	color: #000;
	padding: 1rem 0.75rem;
	margin: 0 0 1rem 0;
	border: 1px solid #000; /* 確認用 */
}
.front_div9{
	margin: 3rem 0 0 0;
	background: #fff;
//	border: 1px solid #000; /* 確認用 */
}
.front_div10{
	margin: 2rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.front_h2_1{/* Timeless&Egeless */
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: 0.1rem;
	font-family: Baskerville;
	margin: 3rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.front_img1{/* 写真1～写真9 */
	display: block;
	width: 49%;
	height: 24.5%;
	margin: 2% 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.front_img2{
	display: block;
	width: 100%;
//	border: 1px solid #000; /* 確認用 */
}
.front_img3{
	display: block;
	width: 100%;
//	border: 1px solid #000; /* 確認用 */
}
.front_img4{/* 右矢印 */
	width: 0.5rem;
//	display: block;
//	border: 1px solid #000; /* 確認用 */
}
.front_p1{/* 楽しみながらキレイに・ゆっくりとくつろいで */
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.1rem;
	margin: 1.375rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.front_p2{/* 何歳になっても…・席と席との… */
	margin: 1.2rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.front_article1{
	text-align: center;
	margin: 0 0 0 0;
}
.front_article1 li{
	line-height: 1.5rem;
	list-style: none;
	margin: 0 0 1rem 0;
//	border: 1px solid #000; /* 確認用 */
}
.front_span1{
	display: block;
	font-size: 0.67rem;
	line-height: 1rem;
	color: #9f9f9f;
//	border: 1px solid #000; /* 確認用 */
}
.front_span2{
	display: block;
	line-height: 1.5rem;
	color: #373434;
//	border: 1px solid #000; /* 確認用 */
}


/*-----------------------------*/
/* LIPSについて page-about.php */
/*-----------------------------*/
.about_wrapper{
	width: 85%;
	margin: 0 auto 0 auto;
//	border: 1px solid #000; /* 確認用 */
}
.about_h2_1{
	position: absolute;
	display: block;
	top: 39%;
	left: 8%;
	line-height: 2rem;
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	font-family: Baskerville;
//	border: 1px solid #000; /* 確認用 */
}
.about_h3_1{
	font-size: 2rem;
	text-align: center;
	font-family: Baskerville;
	font-weight: bold;
	padding: 1rem 0 0 0;
	margin: 1.5rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_h3_2{/* Profile・Relaxation Aroma head spa・Data frontページでも使用*/
	font-size: 1.6rem;
	text-align: center;
	font-family: Baskerville;
	font-weight: bold;
	padding: 1rem 0 0 0;
	margin: 4rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_h3_3{/* Data */
	font-size: 1.6rem;
	text-align: center;
	font-family: Baskerville;
	font-weight: bold;
	padding: 1rem 0 0 0;
	margin: 3rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_h3_4{/* LIPSについて */
	display: none;
//	border: 1px solid #000; /* 確認用 */
}
.about_h4_1{
	text-align: center;
	font-weight: bold;
	margin: 2rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_h4_2{
	text-align: center;
	font-weight: bold;
	margin: 3rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_h4_3{
	text-align: center;
	font-weight: bold;
	margin: 1.5rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_div1{/* ページトップ背景 */
	position: relative;
	margin: 2rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_div2{/* ページ内メニュー */
	text-align: center;
	margin: 2.5rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_div3{/* イメージエリア1 */
	margin: 3rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_div4{/* イメージエリア2 */
	text-align: right;
//	border: 1px solid #000; /* 確認用 */
}
.about_div4_1{/* イメージエリア3 */
//	border: 1px solid #000; /* 確認用 */
}
.about_div5{/**/
	display: flex;
	justify-content: center;
	margin: 1.5rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_div6{/* 震災前のLIPS */
	width: 49%;
//	border: 1px solid #000; /* 確認用 */
}
.about_div7{/* スペーサー */
	width: 2%;
//	border: 1px solid #000; /* 確認用 */
}
.about_div8{/* 震災による津波で全壊 */
	width: 49%;
//	border: 1px solid #000; /* 確認用 */
}
.about_div9{/* エリア2 */
	margin: 2rem 0 0 0;
//	padding: 2rem 4rem 1rem 4rem;
	padding: 2rem 0 0.5rem 0;
	background: #f0f0f0;
//	border: 1px solid #000; /* 確認用 */
}

.about_a1{/* Concept・Profile・Aroma head spa・Data */
	font-size: 0.9rem;
	font-family: Baskerville;
	font-weight: bold;
	color: #000;
	padding: 0 0 0.1rem 0;
	margin: 0 0.3rem 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_a1:last-child{/* Concept・Profile・Aroma head spa・Data */
	margin: 0 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_a1:hover{/* Concept・Profile・Aroma head spa・Data */
	border-bottom: 1px solid #000; /* 確認用 */
//	border: 1px solid #000; /* 確認用 */
}
.about_img1{/* ページトップ写真1 */
	width: 100%;
}
.about_img2{/* 店内写真2 */
	width: 70%;
//	border: 1px solid #000; /* 確認用 */
}
.about_img3{/* 店内写真3 */
	width: 70%;
//	border: 1px solid #000; /* 確認用 */
}
.about_img4{/* 店内写真4 */
	width: 70%;
//	border: 1px solid #000; /* 確認用 */
}
.about_img5{/* 震災前のLIPS */
	display: block;
	width: 100%;
//	border: 1px solid #000; /* 確認用 */
}
.about_img6{/* 震災による津波で全壊 */
	display: block;
	width: 100%;
//	border: 1px solid #000; /* 確認用 */
}
.about_img7{/* スキャルプケア */
	display: block;
	width: 62.5%;
	margin: 0 auto 0 auto;
//	border: 1px solid #000; /* 確認用 */
}
.about_img8{/* エジングケア */
	display: block;
	width: 62.5%;
	margin: 0 auto 0 auto;
//	border: 1px solid #000; /* 確認用 */
}
.about_img9{/* リラグゼーション */
	display: block;
	width: 62.5%;
	margin: 0 auto 0 auto;
//	border: 1px solid #000; /* 確認用 */
}
.about_img10{/* 0226-24-0807 */
	display: block;
	width: 12rem;
	padding: 0 1.5rem 0 0;
	margin: 1rem auto 0 auto;
//	border: 1px solid #000; /* 確認用 */
}
.about_span1{/* LIPS */
	display: block;
	margin: 0 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_span2{/* Aroma head spa */
	display: block;
	margin:0.5rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_span3{/* 営業時間 */
	font-weight: bold;
	padding: 0 0 0.2rem 0;
	border-bottom: 1px solid #000; /* 確認用 */
//	border: 1px solid #000; /* 確認用 */
}
.about_span4{/* カット PM.5：30まで */
	display: block;
//	border: 1px solid #000; /* 確認用 */
}
.about_p1{/* タイムレス＆エイジレス */
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
	margin: 2rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_p2{/* それぞれ年代の美しさや */
	line-height: 2rem;
	margin: 1rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_p3{/* ゆっくりとくつろいで */
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
	margin: 5rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_p4{/* 店内は高天井で明るく */
	width: 85%;/* about_wrapperと同値 */
	line-height: 2rem;
	margin: 1rem auto 0 auto;
//	border: 1px solid #000; /* 確認用 */
}
.about_p5{/* 年月とともに愛着が湧く */
	width: 85%;/* about_wrapperと同値 */
	line-height: 2rem;
	margin: 1rem auto 0 auto;
//	border: 1px solid #000; /* 確認用 */
}
.about_p6{/* お客様の視界に入る場所に */
	width: 85%;/* about_wrapperと同値 */
	line-height: 2rem;
	margin: 1rem auto 0 auto;
//	border: 1px solid #000; /* 確認用 */
}
.about_p7{/* 大正末期、祖父が */
	line-height: 2rem;
	margin: 2rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_p8{/* 震災前のLIPS */
	font-size: 0.9rem;
	text-align: center;
	margin: 0.8rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_p9{/* 震災による津波で全壊 */
	font-size: 0.9rem;
	text-align: center;
	margin: 0.8rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_p10{/* アロマヘッドスパ */
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	margin: 0.5rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_p11{/* LIPSオリジナルシステムの */
	margin: 1rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_p12{/* スキャルプケア・エジングケア・リラクゼーション */
	width: 62.5%;
	text-align: center;
	font-weight: bold;
	padding: 0.5rem 0;
	margin: 1rem auto 1rem auto;
	background: #fff;
//	border: 1px solid #000; /* 確認用 */
}
.about_p13{/* 頭皮の汚れ */
	width: 62.5%;
	margin: 0 auto 3rem auto;
//	border: 1px solid #000; /* 確認用 */
}
.about_p14{/* AM.9:00~PM.6：00 */
	text-align: center;
	letter-spacing: 0.1rem;
	margin: 0.75rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_p15{/* 平日／パーマ・カラー PM.4:00まで　カット PM.5：30まで */
	text-align: center;
	letter-spacing: 0.1rem;
	margin: 1rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_p16{/* 受付時間を変更する場合がございます。ご確認ください。 */
	text-align: center;
	font-size: 0.8rem;
	margin: 0.3rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_p17{/* 感染予防の為、予約制とさせていただきます。 */
	text-align: center;
	font-size: 0.8rem;
	margin: 0.3rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_p18{/* 毎週月曜日　第３日・月・火3連休 */
	text-align: center;
	letter-spacing: 0.1rem;
	margin: 1rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_p19{/* 休店日は変更する場合がございます。ご確認ください。 */
	text-align: center;
	font-size: 0.8rem;
	margin: 0.3rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_p20{/* 〒988-0025 宮城県気仙沼市内の脇１丁目15-28 */
	text-align: center;
	letter-spacing: 0.1rem;
	margin: 1rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.about_iframe1{
	width: 100%;
	height: 10rem;
	margin: 1rem 0 3rem 0;
//	border: 1px solid #000; /* 確認用 */
}
/*------------------------*/
/* メニュー page-menu.php */
/*------------------------*/
.menu_wrapper{
	width: 85%;
	margin: 0 auto 0 auto;
//	border: 1px solid #000; /* 確認用 */
}
.menu_h2_1{/* MENU・PRODUCTS */
	position: absolute;
	display: block;
	top: 40%;
	left: 9%;
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	font-family: baskerville-display-pt, serif;
//	border: 1px solid #000; /* 確認用 */
}
.menu_h3_1{/* メニュー・LIPの商品 */
	display: none;
//	border: 1px solid #000; /* 確認用 */
}
.menu_wrapper ul{
	list-style: none;
	margin: 0 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.menu_wrapper ul li{
	padding: 0.9rem 0 0.9rem 0;
	letter-spacing: 0.1rem;
	border-bottom: 1px solid #9f9f9f; /* 確認用 */
//	border: 1px solid #000; /* 確認用 */
}
.menu_wrapper ul li:first-child{
	border-top: 1px solid #9f9f9f; /* 確認用 */
//	border: 1px solid #000; /* 確認用 */
}
.menu_div1{
	position: relative;
	margin: 2rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.menu_div2{
	letter-spacing: 0.1rem;
	margin: 0.5rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.menu_div3{
	text-align: center;
	margin: 4rem 0 4rem 0;
//	border: 1px solid #000; /* 確認用 */
}

.menu_img1{
	width: 100%;
}
.menu_heading3{
	text-align: center;
	font-size: 1.2rem;
	font-weight: bolder;
	letter-spacing: 0.1rem;
	margin: 1.5rem 0 1rem 0;
//	border: 1px solid #000; /* 確認用 */
}
.menu_span2{
	display: block;
//	border: 1px solid #000; /* 確認用 */
}
.menu_span3{
	display: block;
	margin: 0.3rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.menu_span4{/* 会員割引有 */
	font-size: 1.3rem;
	font-weight: bolder;
	letter-spacing: 0.1rem;
	padding: 0 0.5rem;
	background: linear-gradient(transparent 70%, #dcdddd 50%);
	border-bottom: 5px solid #dcdddd; /* 確認用 */
//	border: 1px solid #000; /* 確認用 */
}
.menu_spacer1{
	margin: 3.5rem 0 1rem 0;
}
.menu_fontsize_1rem{
	font-size: 1rem;
}
.menu_p1{
	text-align: center;
	font-weight: bolder;
	margin: 3rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
/*------------------------*/
/* 商品 page-products.php */
/*------------------------*/
.products_wrapper{
	width: 85%;
	margin: 0 auto 0 auto;
//	border: 1px solid #000; /* 確認用 */
}
.products_article1{
	margin: 0 0 5rem 0;
//	border: 1px solid #000; /* 確認用 */
}
.products_div1{
	position: relative;
	margin: 2rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.products_img1{
	width: 100%;
}
.products_span1{
	position: absolute;
	display: block;
	top: 44%;
	left: 9%;
	font-size: 2.5rem;
	font-weight: bold;
	color: #fff;
	font-family: Baskerville;
//	border: 1px solid #000; /* 確認用 */
}
.products_span2{
	margin: 0 0.5rem 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.products_span3{
	margin: 0 0 0 0.5rem;
//	border: 1px solid #000; /* 確認用 */
}
.products_p1{/* あなたの髪と頭皮を */
	text-align: center;
	font-size: 1.1rem;
	font-weight: bold;
	letter-spacing: 0.1rem;
	margin: 1.5rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.products_p2{/* 自然と共に・本来の姿に */
	text-align: center;
	font-size: 1.1rem;
	font-weight: bold;
	letter-spacing: 0.1rem;
	margin: 1rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.products_p3{/* 人と地球に優しいがコンセプト。 */
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.1rem;
	margin: 1.5rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.products_p4{/* こだわりのオーガニック原料をベースに、 */
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.1rem;
	margin: 0.5rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.products_p5{/* ケミカルリセット原料を配合した商品シリーズ */
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.1rem;
	margin: 0.5rem 0 2rem 0;
//	border: 1px solid #000; /* 確認用 */
}
.products_p6{/* 商品の一部は全国で4％の厳選された美容室のみ販売できるシリーズ。 */
	display: inline;
	font-size: 1rem;
	line-height: 2rem;
//	letter-spacing: 0.1rem;
//	border: 1px solid #000; /* 確認用 */
}
.products_p7{/* 商品は頭皮お肌への負担を軽減する処方にしているため防腐剤を抑えております。 */
	display: inline;
	line-height: 2rem;
//	letter-spacing: 0.1rem;
//	border: 1px solid #000; /* 確認用 */
}
.products_p8{/* 製造より２か月以内の製品のみをストックすることで品質を保っています。 */
	display: inline;
	line-height: 2rem;
//	letter-spacing: 0.1rem;
//	border: 1px solid #000; /* 確認用 */
}

/*------------------------*/
/* お知らせ page-news.php */
/*------------------------*/
.news_wrapper{
	width: 85%;
	margin: 0 auto 0 auto;
//	border: 1px solid #000; /* 確認用 */
}
.news_heading2{
	font-family: Baskerville;
	text-align: center;
	font-size: 2rem;
	margin: 2rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.news_heading3{
	text-align: center;
	font-size: 1rem;
	letter-spacing: 0.2rem;
	margin: 1rem 0 2rem 0;
//	border: 1px solid #000; /* 確認用 */
}
.news_article{
	text-align: center;
	margin: 0 0 4rem 0;
//	border: 1px solid #000; /* 確認用 */
}
.news_article li{
	line-height: 1.5rem;
	list-style: none;
	margin: 0 0 1.43rem 0;
//	border: 1px solid #000; /* 確認用 */
}
.news_span1{
	display: block;
	font-size: 0.67rem;
	line-height: 1rem;
	color: #9f9f9f;
//	border: 1px solid #000; /* 確認用 */
}
.news_span2{
	line-height: 1.5rem;
	color: #373434;
//	border: 1px solid #000; /* 確認用 */
}

/*---------------------*/
/* 投稿記事 single.php */
/*---------------------*/
.single_wrapper{
	width: 85%;
	margin: 0 auto 0 auto;
//	border: 1px solid #000; /* 確認用 */
}
.single_title{
	font-size: 1.1rem;
	font-weight: bold;
	letter-spacing: 0.1rem;
	margin: 2rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.single_time{
	font-size: 0.7rem;
	letter-spacing: 0.1rem;
	margin: 0.5rem 0 0 0;
}
.single_content{
	margin: 1.5rem 0 0 0;
}
.single_list{
	padding: 0 1rem;
	margin: 3rem 0 5rem 0;
//	border: 1px solid #000; /* 確認用 */
}
.single_list p{
	font-size: 0.6rem;
	line-height: 1rem;
	color: #9f9f9f;
}
.single_list a{
	color: #000;
	line-height: 1rem;
	letter-spacing: 0.1rem;
	margin: 0 0 1rem 0;
}
.single_div1{
	margin: 1rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.single_div2{
	margin: 0 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.single_span1{
	display: block;
	text-align: center;
	font-size: 0.67rem;
	line-height: 1rem;
	color: #9f9f9f;
//	border: 1px solid #000; /* 確認用 */
}
.single_span2{
	display: block;
	text-align: center;
	line-height: 1.5rem;
	color: #373434;
//	border: 1px solid #000; /* 確認用 */
}
.single_span3{
	display: table-cell;
//	border: 1px solid #000; /* 確認用 */
}
.single_span4{
	display: table-cell;
	padding: 0 0 0 0.5rem;
//	border: 1px solid #000; /* 確認用 */
}

/*-----------------------------------*/
/* メールでお問合せ page-contact.php */
/*-----------------------------------*/
.contact_wrapper{
	width: 85%;
	margin: 0 auto 0 auto;
//	border: 1px solid #000; /* 確認用 */
}
.contact_h2{/* メールでお問合せ */
	font-size: 1.2rem;
	text-align: center;
	letter-spacing: 0.1rem;
	margin: 2.5rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.contact_p1{/* 必要項目を記入し「送信」ボタンを押してください */
	font-size: 1.08rem;
	margin: 2rem 0 2rem 0;
//	border: 1px solid #000; /* 確認用 */
}
.contact_required{/* 必須 */
	display: inline-block;
	color: #fff;
	font-size: 0.7rem;
	line-height: 1rem;
	padding: 0 0.5rem 0 0.5rem;
	margin: 0 0 0 0.5rem;
	background-color: #000;
//	border: 1px solid #000; /* 確認用 */
}
.contact_div1{/* お名前 */
	display: flex;
	align-items: center;
	margin: 1rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.contact_div2{/* 姓・名 */
	display: flex;
	justify-content: space-between;
	margin: 0.5rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.contact_div2 .your-name1{/* 姓 */
	width: 49%;
//	border: 1px solid #000; /* 確認用 */
}
.contact_div2 .your-name2{/* 姓 */
	width: 49%;
	text-align: right;
//	border: 1px solid #000; /* 確認用 */
}
.contact_div2 .your-name1 input{/* 姓 */
	width: 95%;
	outline: none;
	line-height: 2.5rem;
	padding: 0 0 0 5%;
	border: 1px solid #9f9f9f;
}
.contact_div2 .your-name2 input{/* 名 */
	width: 95%;
	outline: none;
	line-height: 2.5rem;
	padding: 0 0 0 5%;
	border: 1px solid #9f9f9f;
}
.contact_div3{
	margin: 0.5rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.contact_div3 .your-email input{/* メールアドレス */
	width: 95%;
	outline: none;
	line-height: 2.5rem;
	padding: 0 2.5% 0 2.5%;
	border: 1px solid #9f9f9f;
}
.contact_div4{/* お問合せ */
	margin: 0.5rem 0 0 0;
//	border: 1px solid #000; /* 確認用 */
}
.contact_div4 textarea{/* お問合せ */
	width: 95%;
	outline: none;
	height: 15rem;
	padding: 2.5%;
	border: 1px solid #9f9f9f;
}
.wpcf7-submit{
	display: block;
	width: 11rem;
	height: 3rem;
	cursor: pointer;
	margin: 3rem auto 2rem auto;
	background-image:url(../images/send_button.svg);
	background-repeat: no-repeat;
	border: 0px solid #000; /* 確認用 */
}

.text_in1 span{
	opacity: 0;
	animation: text_in 0.5s ease 1 both;
}

/* スライドのアニメーションを時間差で開始する */
.text_in1 span:nth-of-type(1){
	animation-delay: 0.3s;
}
.text_in1 span:nth-of-type(2){
	animation-delay: 0.4s;
}
.text_in1 span:nth-of-type(3){
	animation-delay: 0.5s;
}
.text_in1 span:nth-of-type(4){
	animation-delay: 0.6s;
}
.text_in1 span:nth-of-type(5){
	animation-delay: 0.7s;
}
.text_in1 span:nth-of-type(6){
	animation-delay: 0.8s;
}
.text_in1 span:nth-of-type(7){
	animation-delay: 0.9s;
}
.text_in1 span:nth-of-type(8){
	animation-delay: 1.0s;
}
.text_in1 span:nth-of-type(9){
	animation-delay: 1.1s;
}
.text_in1 span:nth-of-type(10){
	animation-delay: 1.2s;
}

/* テキストのアニメーション */
@keyframes text_in{

	0%{
		opacity: 0;
	}

	100%{
		opacity: 1;
	}
}