@charset "utf-8";

/* CSS Document */



/*slider*/

#slider_wrap{

	background-image: url("../img/top/slider_back.png");

	background-repeat: no-repeat;

	background-size: cover;

}



.slider_cont{

	width: 1000px;

	margin: 0 auto;

	height: 600px;

}



.slider_cont li:nth-child(2){

 display: none;

}





/*定休日*/



#teikyubi {

    position: relative;

    width: 1000px;

    margin: 0 auto -192px;

    top: -200px;

}



.teikyubi_table{

	width: 270px;

}

.teikyubi_table table{

	border: none;

	display: flex;

    flex-direction: column;



}

.teikyubi_table tr{

	border: none;

	display: flex;

    flex-direction: column;



}



.teikyubi_table tbody,.teikyubi_table th,.teikyubi_table td{

	border: none;

}

.teikyubi_table th,.teikyubi_table td{

	border-top:1px solid #f4b2b9;

	border-bottom:1px solid #f4b2b9;

	text-align: center;

	color: #dd415e;

	margin: -1px 0 0 0 ;

	padding: 2px 0;

}





/*メインview*/

#main_view_wrap{

	background-image: url( "../img/top/mainvew_back.png");

	background-size:contain;

	background-repeat: no-repeat;

	background-position: bottom;

	background-color: #FFFFFF;

}

/*貴女の街のお顔そり専門店*/



#main_view {

    display: flex;

    flex-direction: column;

}



.main_view_column{

	width: 1000px;

	display: flex;

	margin: 0 auto;

	padding: 160px 0;

	align-items: center;

    justify-content: space-between;

}



.main_view_left strong{

	width: 450px;

	display: block;

	padding: 20px 0 ; 

}



.main_view_right {

    width: 450px;

}



/*ギャラリー一覧*/

.gallery_wrap{

	width: 1000px;

	margin: 0 auto;



}



.gallery_wrap ul{

	display: flex;

	margin: 0 auto 60px;

}



.gallery_wrap li{

	display: flex;

	width:calc(100% / 6);

	text-align: center;

	background-color: #f4b2b9;

	margin: 0 10px;	

	padding: 10px 0;

}



.gallery_wrap li a {

    display: flex;

    text-align: center;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

	width: 100%;

	margin: 0 auto;

	color: #FFFFFF;

}



.gallery_wrap li a img{

	margin: 0 auto;

	text-align: center;

	display: block;

}

.gallery_wrap li a span{

	border: 1px solid #FFFFFF;

	padding:2px 10px;

	margin: 10px auto 0;

}



.gallery_wrap h3 a{

color: #e4677e;	

}



/*news_wra*/



#news_wra{}



.news_wrap_cont{

	width: 1000px;

	margin: 40px auto;

	display: flex;



}

.news_wrap_cont div{

    width: calc(100% / 2);

    margin: 0 10px;

    display: flex;

    flex-direction: column;

}

/*各カラム共通設定*/

.news_wrap_cont th{

	color: #e4677e;

	font-weight: 400;

}



.news_wrap_cont table,.new_wraps_cont tr,.news_wrap_cont th,.news_wrap_cont td{

	border: none;

}



/*新着情報*/

.news_cont th,.news_cont td{

	border-bottom: 1px solid #e4677e;

	border-top: 1px solid #e4677e;

	padding: 20px 0;

}

.news_cont td{

	font-size: 16px;

}



/*当店からのご案内*/

.guidance_cont table,.guidance_cont tr,.guidance_cont th,.guidance_cont td{

	display: flex;

    flex-direction: column;

	text-align: left;

}

.guidance_cont th{

	font-size: 21px;

	padding: 0;



}

.guidance_cont td{

	padding: 20px 0 60px; 

}



/************SP用**************/

@media screen and (max-width:500px) {

	

	/*slider*/

	

	#slider_wrap {

		background:none;

}

	

.slider_cont li:nth-child(1){

 display: none;

}

.slider_cont li:nth-child(2){

 display: block;

}



.slider_cont {

    width: 100%;

    margin: 0 auto;

    height: inherit;

}

	

	

	

	

	/*定休日*/



	

#teikyubi {

    position: relative;

    width: 100%;

    margin: 0 auto;

    top: 0;

}



.teikyubi_table{

	width: 90%;

	margin: 8vw auto;

}





.teikyubi_table th,.teikyubi_table td{



	padding: 2vw 0;

}





/*貴女の街のお顔そり専門店*/



.main_view_column {

    width: 100%;

    display: flex;

    margin: 0 auto;

    padding: 30vw 0;

	flex-direction: column;

}

	.main_view_left strong {

    width: 80vw;

		text-align: center;

		margin: 0 auto;



}	

	.main_view_left p{

		width: 90%;

		margin: 0 auto;



}

	.main_view_right {

    width: 50vw;

}

	

	/*ギャラリー一覧*/

.gallery_wrap{

	width: 100%;

	margin: 0 auto;



}

	

	.gallery_wrap ul {

		width: 92%;

    display: flex;

    margin: 0 auto;

    flex-direction: row;

    flex-wrap: wrap;

}



.gallery_wrap li {

        display: flex;

        width: 40vw;

	margin: 2vw auto;

    }





/*news_wra*/



.news_wrap_cont{

	width: 100%;

	margin: 10vw auto;

	display: flex;

        flex-direction: column;

    }

	

	.news_wrap_cont div {

    width:90%;

    margin: 0 auto;

    display: flex;

    flex-direction: column;

}

		.news_wrap_cont tr {

    display: flex;

    flex-direction: column;

}



			

			

.news_wrap_cont th {

	text-align: left;

	border-bottom: none;

	border-top: none;

}

			

.news_wrap_cont td {

	border-top: none;

}



			

.news_wrap_cont td {

	padding: 1vw 0 4vw;

	}



	.news_cont td {

    font-size:  4vw;

}

		

	.guidance_cont th {

    font-size: 5vw;

    padding: 0;

}

			

			

			

			

			

	



}