@charset "utf-8";
/* CSS Document */

.okaosori_cont{
	width: 1000px;
	margin: 100px auto;
}



/*****************************
各施術コース
******************************/

.price_cont{
	width: 1000px;
	margin: 0 auto 100px;
}


/*タブ切り替え*/
	.tab-container a{
		color: #FFFFFF;

	}
	
/*	   .tab-container .active a{
        color: red!important;
    }*/ 

.tab-container .active a{
        color: #FFFFFF;
	background-color: #dd415e!important;
    }

.tab {
    margin: 0 auto;
}

.tab_cont {
    width: 1000px;
    margin: 0 auto;
}

.tab-container{
	width: 100%;
	margin: 0 auto;
	display: flex;
	
}

/*.tab-container .tab {
	width: calc(100% / 4);
	margin: 0 10px;
	padding: 20px;
	text-align: center;
	background-color: #f4b2b9;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	position: relative;
	display: block;
}

.tab-container .tab a{
	display: block;
}*/

.tab-container .tab a{
display: block;
    width: 100%;
    overflow: hidden;
    padding: 10px 86px;
	text-align: center;
	background-color: #f4b2b9;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}


.content {
    display: none;
}
.content.show {
    display: block;
}

/********************/

.tab_cont{
	width: 1000px;
	margin: 0 auto;
	
}

.tab-container {
	display: flex;
}

.tab{
	color: 	#17458e;
	margin: 0 auto;
	
}

.active {
	color: 	red;
}


/*各施術table*/
.content table{

	width: 998px;
	margin: 0 auto;
	border: none;
	display: flex;
}

.content tbody{
	display: flex;
	flex-wrap: wrap;

}
.content tr{
	display: flex;
	flex-wrap: wrap;
	width: 474px;
	margin: 0 10px 30px;
}

.content th,.content td{
    display: flex;
    align-items: center;
    justify-content: center;
	padding:10px 20px;
	flex-direction: row;
	    justify-content: center;
}

.content th{
	border: none;
	border-bottom: 1px solid #f4b2b9;
	width: calc(100% / 2);
	margin: 0 auto;
	padding: 20px 0;
	color: #dd415e;
}




.content td{
	height: 100px;
	width: 100%;
	border: none;
	border-bottom: 1px solid #f4b2b9;
	text-align: left;
	justify-content: flex-start!important;
	
}


	
/*エステメニュー７週間内料金*/

.esute_price_week ul{
	display: flex;
    flex-direction: column;
	
}

.esute_price_week ul li:nth-child(2),.esute_price_week ul li:nth-child(1){
	width: 100px;
	padding: 10px 0;
	text-align: center;
}
/*

.content th:nth-child(1){
	width: 300px;
}
*/


/*optiontable*/

.option_table_cont{
	display: flex;
	flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
}
.option_table_cont table{
	display: flex;
	width: calc(100% / 2);
}

.option_table th:nth-child(1){
	width: 100%;
	text-align: left!important;
	justify-content: flex-start;
	padding:20px 0;
	
}
.option_table th,.option_table td{
	width: 50%;
	text-align: left!important;
	justify-content: flex-start;
	height: 70px;
	
}

/**************
ブライダルコース
****************/

.bridal_wrap table{
	width: 100%;
	display: flex;
}

.bridal_table tr {
    display: flex;
    flex-direction: column;
	width:  calc(100% / 3);
	margin: 0;
}


.bridal_table tbody {
    width: 100%;
}

.bridal_table th, .bridal_table td {
	width: 100%;
	height: 100px;
}

.bridal_table td {
    display: flex;
    flex-direction: column;
}

.bridal_table span {
	font-size: 14px;
}

/*ブライダル詳細*/

.bridal_image_top img:nth-child(2) {
	display: none;
	
}

.bridal_wrap ul{
		width: 100%;
	margin: 60px auto;
	display: flex;
	flex-wrap: wrap;
	
}
	
.bridal_wrap ul li{
    width: calc(100% / 2);
    display: flex;
    flex-direction: column;
}
		
.bridal_wrap ul li b{
	font-size: 21px;
	font-weight: 400;
	display: block;
	color: #e4677e;
	padding: 0 0 10px 0;
}
	

.bridal_wrap ul ul{
		width: 100%;
	margin: 10px auto;
}
	
	
.bridal_wrap li li{ 
    display: flex;
    width: 100%;
    padding: 10px 20px;
}
	



/************SP用**************/
@media screen and (max-width:500px) {

.okaosori_cont {
    width: 90%;
    margin: 12vw auto;
}
	

/*********************
各施術メニュー・料金表
************************/	
.price_cont {
    width: 90%;
    margin: 0 auto 100px;
}
	
/*各タブ調整*/
.tab_cont {
    width: 100%;
    margin: 0 auto;
}
	
.tab-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	padding: 1vw;
}
	
.tab-container .tab{
	width: calc(100% / 2);
	padding: 1vw;
}
	
.tab-container .tab a {
    display: block;
    width: 100%;
    overflow: hidden;
	padding: 3vw;/*
	margin: 1vw auto;*/
    text-align: center;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
	
/*各施術table*/
	
.content table {
    width: 100%;
    margin: 0 auto;
    border: none;
    display: flex;
	flex-direction: column;
}
	
.content tr {
    display: flex;
    flex-wrap: wrap;
    width: 95%;
    margin: 1vw auto;
}
	
.content th,.content td{
	padding: 2vw 0;
	font-size: 3.5vw;
	justify-content: space-around;
}
	
		
.content th {
	
}
/*オプションtable*/
	

/**************
ブライダルコース
****************/

.bridal_wrap table{
	width: 100%;
	display: flex;
	border-top: 1px solid #f4b2b9;
}

.bridal_table tr {
    display: flex;
    flex-direction: column;
	width:  calc(100% / 3);
	margin: 0;
}


.bridal_table tbody {
    width: 100%;
}

.bridal_table th, .bridal_table td {
	width: 100%;
	height: 35vw;
	border-left: 1px solid #f4b2b9;
	border-right: 1px solid #f4b2b9;
	padding: 2vw;
	
	
}

.bridal_table td {
    display: flex;
    flex-direction: column;
}

.bridal_table span {
	font-size: 3vw;
	line-height: 5vw;
}

	
/*ブライダル詳細*/

.bridal_image_top img:nth-child(1) {
	display: none;
	
}
	
	
.bridal_image_top img:nth-child(2) {
	display: block;
	margin: 0 auto 10vw;
}


.bridal_wrap ul{
		width: 100%;
	margin: 60px auto;
	display: flex;
	flex-wrap: wrap;
	
}
	
.bridal_wrap ul li{
    width:100%;
    display: flex;
    flex-direction: column;
}
		
.bridal_wrap ul li b{
	font-size: 21px;
	font-weight: 400;
	display: block;
	color: #e4677e;
	padding: 0 0 10px 0;
}
	

.bridal_wrap ul ul{
		width: 100%;
	margin: 10px auto;
}
	
	
.bridal_wrap li li{ 
    display: flex;
    width: 100%;
    padding: 10px 20px;
}
	

.option_table th,.option_table td{
	height: 20vw;
	
}

	
	
}/*SPここまで*/