@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: 120px 0;
	align-items: center;
    justify-content: space-between;
}

.main_view_left strong{
	width: 450px;
	display: block;
	padding: 20px 0 ; 
}

.main_view_right {
    width: 450px;
}


/*ランクアップカード廃止*/

.rank_stop_cont{
	width: 1000px;
	margin: 0 auto 160px;
	text-align: center;
}

.rank_stop_cont h5{
	    font-size: 26px;
    color: #e4677e;
    font-weight: 400;
}

.rank_stop_cont strong{
	font-size: 26px;
    color: red;
	display: block;
    font-weight: 400;
	padding: 10px 0; 
	line-height: 1.5em;
	text-decoration:underline;
}


.rank_stop_cont b{
	font-size: 26px;
    color: red;
	display: block;
    font-weight: 400;
	padding: 10px 0; 
	line-height: 1.5em;
	text-decoration:underline;
}
.rank_stop_cont ul{
    width: 100%;
    margin: 40px auto 60px;
    display: flex;
    justify-content: center;
}

.rank_stop_cont li{
    width: calc(60% / 1.8);
    font-size: 21px;
    font-weight: 400;
    line-height: 1.5em;
    margin: 0 20px;
    display: flex;
    color: #FFFFFF;
    background-color: #CF5759;
    border-radius: 30px;
    padding: 20px;
    text-align: center;
    align-items: flex-start;
    justify-content: center;
}


/*ギャラリー一覧*/
.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;
}
	
	

/*ランクアップカード廃止*/

.rank_stop_cont{
	width: 90%;
	margin: 0 auto 10vw;
}

.rank_stop_cont h5{
	    font-size: 6.5vw;

}

.rank_stop_cont strong,.rank_stop_cont b{
	font-size:5.5vw;
	width: 90%;
 	line-height: 2em;
	margin: 0 auto;
}


.rank_stop_cont ul{
    width: 100%;
    margin: 40px auto 60px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.rank_stop_cont li{
	width: 100%;
	margin: 2vw auto;
    font-size: 5vw;
    font-weight: 400;
	padding: 5vw 0;
    line-height: 1.5em;

}
	
	
	/*ギャラリー一覧*/
.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;
}
			
			
			
			
			
	

}