/*--コロナのお知らせ--*/


.covid_info{

	max-width: 960px;
	margin: 0 auto;

}

.covid_title{

	margin: 0 20px 0;
	margin: 0 var(--res_20) 0;
	display: block;
	font-size: 1.2rem;
	text-align: center;

}

.covid_title::before,
.covid_title::after{

	display: none;

}

.covid_text{

	width: 100%;
	max-width: 712px;

	text-align: justify;
	display: block;

	margin: 20px 0 6px;
	margin: var(--res_20) 0 5px;

	padding: 0 20px 0;
	padding: 0 var(--res_20) 0;

}

.covid_text_p{

	margin: 20px 0;
	margin: var(--res_20) 0;
	padding: 20px;
	padding: var(--res_20);
	border: 1px dotted #484A48;

}

.covid_text_h3{

	font-weight: bold;
	font-size: 1.5em;
	margin: 20px auto 6px;
	margin: var(--res_20) auto 5px;

}

.covid_text_ul{

	padding-left: 20px;

}



/*
//
//  インデックス共通
//
*/


.index_contents{

	position: relative;
	padding: 20px;
	padding: var(--res_20);

}


.index_contents .index_contents_wrap{

	width: 100%;
	max-width: 512px;
	margin: 0 auto;


}

.index_contents .index_border{


}


.index_contents	.index_title{

	text-align: center;

	font-size: 1.8em;
	font-weight: 200;

	position: relative;
	display: inline-block;

	width: 100%;
	font-family: 'Capriola', sans-serif;
	margin-bottom: 20px;
	margin-bottom: var(--res_20);
	color: #333;


}

.index_contents .index_title .index_title_deco{

	padding: 0 10px;
	display: inline-block;

	position: relative;

}


.index_contents .index_title .index_title_deco::before{

	position: absolute;

	display: block;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);

	width: 100%;
	height: 6px;
	background: rgba(143,195,31,0.2);
	z-index: -1;
	border-radius: 3px;


}

/*
//
//  インデックスイメージ
//
*/

#index_catch{



}

#index_catch .index_image{

	position: relative;
	width: 100%;

}

#index_catch .fys_wrap{

	width: 100%;
	max-width: 720px;
	margin: 20px auto;
	margin: var(--res_20) auto;
	padding: 0 20px;
	padding: 0 var(--res_20);
	position: relative;

}



#index_catch .fys_wrap .foryoursmile{

	margin: 0 auto;

}





/*
//
//  ヘアスタイル
//
*/



#index_hairstyle{

	width: 100%;
	margin-left: auto;
	margin-right: auto;

}


#index_hairstyle form{

	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;

}


#index_hairstyle form .style_li_wrap{

	display: inline-block;

	width: 40vw;
	max-width: 160px;
	height: 240px;
	margin: 0 10px 10px 0;

	position: relative;
	overflow: hidden;

	cursor: pointer;

}

#index_hairstyle form .style_li_wrap:hover{

	-webkit-filter: sepia(10%);
	filter: sepia(10%)

}



#index_hairstyle form .style_li_wrap input{

	width: 100%;
	height: 100%;

	padding: 0;
	border: 0;
	opacity: 0;

}


#index_hairstyle a{

	width: 100%;
	display: block;

	text-align: center;
	margin-right: 20px;
	margin-right: var(--res_20);

	color: #616361;

}

#index_hairstyle form .style_li_wrap:last-child a{

	margin-right: 0;

}






/*
//
//  ブログアーカイブ
//
*/



.index_blog_arcive .blog_img_hidden{


	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;

}

.index_blog_arcive .blog_img_hidden:before {

    content:"";
    display: block;
    padding-top: 56.25%;

}


.index_blog_arcive .blog_img_hidden .blog_img_thum{

	position: absolute;
	top: 50%;
	left: 50%;

	transform: translate(-50%, -50%);

}

.index_blog_arcive .index_blog_arcive_title{

	margin: 20px 20px 0;
	margin: 20px var(--res_20) 0;
	text-align: center;

}





/*
//
//  お知らせ
//
*/


#news_box{

	text-align: left;
	float: none;

}


#news_box dl{

	max-width: 256px;
	margin: auto;

	margin-top: 10px;
	margin-bottom: 0;
}

#news_box dl:first-child{

	margin-top: 0;

}


#news_box dl .news_list{

	cursor: pointer;

}

#news_box dl dt{

	font-size: 0.8em;

}

#news_box dl dd{

	margin: 0;
	font-size: 8pt;

}

#news_box dl dd h3{

	float: left;
	width: 90%;

}

#news_box dl dd p{

	font-size: 9pt;
	line-height: 2em;

	padding: 10px 0 20px;
	padding: var(--res_10) 0 var(--res_20);

}

#news_box dl dd .triangle{

	margin-right: 5px;
	margin-top: -10px;

}

#news_box dl .news_open dd .triangle{
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
}





/*
//
//  インデックスアクセス
//
*/



#index_access .i_a_ul_wrap{

	font-size: 0.9em;
	margin-bottom: 40px;

}

#index_access h3{

	font-size: 1.1em;

}

#index_access ul{

	max-width: 380px;

}

#index_access ul li{

	margin: 15px 0;
	list-style: none;

}


#index_access ul li ul{

	margin: 5px;
	padding: 0;
	border: 0;

}

#index_access ul li ul li{

	margin: 0 15px 0 0;
	float: left;
	border-left: 0;

}

#index_access .iframe-wrap {

  position: relative;
  width: 100%;
  padding-top: 56.25%;

}

#index_access .iframe-wrap iframe {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/*
//
//   タブレット
//
*/



@media only screen and (min-width: 768px){



		/*--コロナのお知らせ--*/


		.covid_title{

			font-size: 1.4rem;

		}

		.covid_text{

			margin-left: 0;
			padding-left: 30px;
			padding-left: var(--res_30);

		}

		.covid_title br{

			display: none;

		}



		.index_title{

			text-align: center;

			font-size: 1.6em;
			letter-spacing: 0.1em;

		}




		/*
		//
		//  インデックスイメージ
		//
		*/

		#index_catch{

			margin: 70px 40px 40px;
			margin: var(--res_70) var(--res_40) var(--res_40);

		}



		.slick-dots{

			bottom: -50px;

		}

		.index_contents{

			padding: 40px;
			padding: var(--res_40);

		}




		/*
		//
		//  ヘアスタイル
		//
		*/






		/*
		//
		//  お知らせ
		//
		*/






		/*
		//
		//  インデックスアクセス
		//
		*/


		#index_access .wrap:after{

			content: "";
			display: block;
			clear: both;

		}



}



/*
//
//   ブラウザ
//
*/



@media only screen and (min-width: 1024px){



		a:hover{

			opacity: 0.8;

		}

		.index_title{

			font-size: 2em;
			letter-spacing: 0.15em;

			margin-bottom: 60px;

		}



		/*
		//
		//  インデックスイメージ
		//
		*/

		#index_catch{

			position: relative;
			width: 100%;
			margin: 0;

		}

		#index_catch .index_image{


		}

		#index_catch .index_image:nth-child(2n){

			float: right;

		}

		#index_catch .luck_okya{

			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);

			width: 100%;
			max-width: 420px;

		}





		/*
		//
		//   ヘアスタイル
		//
		*/


		#index_hairstyle form {

			overflow-x: auto;
    	overflow-y: auto;
    	white-space: none;
    	-webkit-overflow-scrolling: unset;

		}



		#index_hairstyle form .style_li_wrap{

			display: inline-block;

			width: 40vw;
			max-width: 149px;
			height: 240px;
			margin: 0 0 10px 0;

			position: relative;
			overflow: hidden;

			cursor: pointer;

		}




		/*
		//
		//  インデックスアクセス
		//
		*/

		#index_access ul li.map{

			display: block;

		}




}