@charset "UTF-8";




/* ###################
	BASE
################### */

#colLeft,
#colRight{
	padding: 0 8px;
}

/* ###################
	COMMON
################### */

.insertTxt{
	text-align: left;
}
/*20240124追記分*/
.insertTxtArticle{
	display: block;
	font-size: 14px;
	/*20240125追記分*/
	/*margin-bottom: 8px;*/
	margin-bottom: 16px;
	border-bottom: solid 2px #646464;
	font-weight: normal;
	text-align: center;
	padding-bottom: 4px;
	/*20240125追記分ここまで*/
}
/*20240125追記分*/
.insertTxtArticleInner{
	position: relative;
	display: inline-block;
	/*padding:0 3rem;*/
}
/*.insertTxtArticleInner:before,.insertTxtArticleInner:after {
    position: absolute;
    top: 45%;
    width: 2rem;
    border-top: solid 2px #646464;
    content: '';
}

.insertTxtArticleInner:before {
    left: 0;
}

.insertTxtArticleInner:after {
    right: 0;
}*/
/*20240125追記分ここまで*/
.pcBr{
	display: none;
}
/*20240124追記分ここまで*/

#contents > section > h2{
	border-bottom: 1px solid #646464;
	font-size: 18px;
	line-height: 1.6em;
	margin: 0 8px 16px;
}
#contents > section > h2 > span{
	border-bottom: 2px solid #646464;
	display: block;
	margin-bottom: 2px;
	padding-bottom: 4px;
}
#contents > section > h2 > span > span.txtSub{
	font-size: 80%;
	display: block;
}

#boxInfo h2{
	border-bottom: none;
	margin: 0;
	line-height: 1.3em;

}

#colLeft h3{
	font-weight: bold;
	color: #794520;
	margin: 16px auto 8px;
	font-size: 16px;
}

.imageBox img{
	width: 100%;
	height: auto;
}
/* 20240227追記分 */
.imagebox__imgCtrl{
	object-fit: contain;
	max-height: 315px;
}
/* 20240227追記分ここまで */

.imageBox iframe{
	width: 300px;
	height: 200px;
}

.imageBox video{
	width: 100%;
	height: auto;
}

.imageBox .pcVideo{
	display: none;
}
.imageBox .spVideo{
	display: block;
}

/*20240125追記分*/
.imageBoxChristina{
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 16px;
}
.imageBoxChristina img{
width: auto;
max-height: 315px;
object-fit: cover;
}
.ChristinaTxt{
	display: block;
	color: #1AB0C3;
    line-height: 1.2em;
    margin-bottom: 4px;
    font-size: 18px;
}
/*20240125追記分ここまで*/

/* ###################
	Inquiry
################### */
#colRight #inquiry{
	background: #794520;
}


/* ###################
	MENU CASETTE
################### */
.menuBoxWrap {
	background: none;
	padding: 0;
	border-radius: 0;
}

.menuBox{
	background: rgba(121,69,32,0.7);
	padding: 8px;
	border-radius: 10px;
	text-align: left;
	margin: 8px auto 24px;
}

.menuBox > h4{
	background: none;
	border-radius: 0;
	color: #fff;
	padding: 4px 0;
	font-weight: normal;
	font-size: 16px;
}
.menuBox > h4.active{
	background: none;
	border-radius: none;
	border: none;
}

/*20240125追記分*/
.menuBoxPopularityContainer{
	display: flex;
	/*justify-content: space-between;*/
	align-items: center;
}

.menuBoxPopularityContainer h4{
	background: none;
    border-radius: 0;
    color: #fff;
    padding: 4px 0;
    font-weight: normal;
    font-size: 16px;
}
.menuBoxPopularityItem{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px;
	background:#fff;
	/*border:6px solid #bdcc28;*/
	color:#d45c00;
	/*20240130追記分*/
	border-radius:50%;
	margin-left:10px;
	/*20240130追記分ここまで*/
	letter-spacing: 0.1em;
	font-weight: bold;
	box-sizing:border-box;
	font-size: 17px;
}
/*20240125追記分ここまで*/

.menuCasette{
	background: #fff;
	border-radius: 8px;
	margin: 8px auto 0;
	padding: 8px;
}

.menuCasette p{
	font-size: 11px;
}
.menuCasette li p{
	line-height: 1.6em;
	padding-left: 1.4em;
}

.menuCasette dl{
	border: none;
	margin-bottom: 0;
	/*20240124追記分*/
	/*display: table;*/
	display:flex;
	justify-content: space-between;
	/*20240124追記分ここまで*/
	margin-bottom: 8px;
	width: 100%;
}
.menuCasette dl dt{
	display: table-cell;
	font-weight: bold;
}
.menuCasette dl dt > span{
	display: block;
}
.menuCasette dl dd{
	/*20240124追記分*/
	/*display: table-cell;*/
	/*text-align: right;*/
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	/*20240124追記分ここまで*/
	font-size: 11px;
}
.menuCasette dl dd > span{
	/*20240124追記分*/
	/*font-size: 13px;*/
	/*color: #d45c00;*/
	/*font-weight: bold;*/
	/*20240124追記分ここまで*/
	padding-left: 1em;
}

/*20240124追記分*/
.colLeftContainer:nth-of-type(n+2){
margin-top: 70px;
}
.menuPriceContainer{
	display:flex;
	flex-flow:column;
	font-size: 13px;
	color:#3c3c3c;
}
.menuPriceContainer dd:nth-child(n+2){
	margin-top: 8px;
}

.menuPriceContainer__accent{
	font-size: 17px;
	color: #d45c00;
	font-weight: bold;
}
.normalTxt{
	font-size: 11px;
}

.deleteLine{
	text-decoration: line-through;
}
/*20240124追記分ここまで*/

.menuCasette dl.note dt,
.menuCasette dl.note dd{
	font-size: 13px;
}
.menuCasette dl.note dt,
.menuCasette dl.note dd{
	display: block;
	text-align: left;
}
.menuCasette dl.note dt{
	border-bottom: 1px dotted #ccc;
	padding: 0 0 3px;
	margin: 0 0 5px;
}
.menuCasette dl.note dd{
	padding: 0;
	line-height: 1.6;
}


.menuCasette .menuInner {
	background: #f0e6df;
	padding: 8px 0;
	margin: 8px auto 0;
	width: 100%;
}
.menuCasette ul li{
	padding: 0 8px;
	font-size: 11px;
}



/*==== Price List ====*/
.menuBox.priceList .menuCasette,.menuBox.priceList .menu_box {
	padding: 1px;
}
.menuBox.priceList .menuCasette dl,.menuBox.priceList .menu_box dl{
	border-bottom: none;
	margin-bottom: 0;
	padding: 0;
}

.menuBox.priceList .menu_box dl{
	background: #fff;
		padding: 8px 8px 8px 8px;
}

.menuBox.priceList .menuCasette dl:nth-child(even),.menuBox.priceList .menu_box dl:nth-child(even){
	background: #f0e6df;

}
.menuBox.priceList .menuCasette dl:first-child{
	border-radius: 8px 8px 0 0;
}
.menuBox.priceList .menuCasette dl:last-child{
	border-radius: 0 0 8px 8px;
}
.menuBox.priceList .menuCasette dl dt{
	padding: 8px 0 8px 8px;
	font-weight: normal;
}



.menuBox.priceList .menuCasette dl dd{
	font-weight: bold;
	text-align: left;
	font-size: 100%;
	padding: 8px 8px 8px 0;
	width: 7.5em;
}

.menuBox.priceList .menuCasette dl dd > span.sale{
	display: block;
	padding-left: 0;
	font-weight: bold;
}
.menuBox.priceList .menuCasette dl dt > span{
	font-size: 11px;
	/*display: block;*/
	/*margin-top: -4px;*/
	margin: 0 0 0 5px;
}

.menuBox.priceList .menu_box dl dd{
		text-align: right;
	color: #d45c00 !important;
}

.menuBox.priceList .menu_box dl dd:nth-of-type(2){
font-weight: 700;
	text-align: right;
	    color: #3c3c3c !important;
}

/* ###################
	POINTS & textBox
################### */
.pointsBox{
	margin: 16px auto;;
}
.pointsBox dl dt{
	color: #1AB0C3;
	line-height: 1.2em;
	margin-bottom: 4px;
	font-size: 18px;
}
.pointsBox dl dd{
	border: 3px solid #1AB0C3;
	padding: 2px;
}
.pointsBox dl dd ol{
	border: 1px solid #1AB0C3;
	padding: 16px 8px 8px;
	text-align: left;
}

.pointsBox ol li{
	/*20240130追記分*/
	display:flex;
	align-items: center;
	/*20240130追記分ここまで*/
	/*20240131追記分*/
	/*padding:8px 8px 8px 62px;*/
	padding-bottom: 6px;
	/*20240131追記分ここまで*/
	min-height: 40px;
	line-height: 1.3em;
}
/*20240131追記分*/
.pointsBox ol li img{
	max-height: 50px;
}

.pointsBox__txt{
	padding-left: 12px;
}
/*20240131追記分ここまで*/

/*.pointsBox ol li:nth-child(1){	background: url(../images/icon_point01.png) no-repeat 0 0; background-size: 50px,auto;}
.pointsBox ol li:nth-child(2){	background: url(../images/icon_point02.png) no-repeat 0 0; background-size: 50px,auto;}
.pointsBox ol li:nth-child(3){	background: url(../images/icon_point03.png) no-repeat 0 0; background-size: 50px,auto;}
.pointsBox ol li:nth-child(4){	background: url(../images/icon_point04.png) no-repeat 0 0; background-size: 50px,auto;}
.pointsBox ol li:nth-child(5){	background: url(../images/icon_point05.png) no-repeat 0 0; background-size: 50px,auto;}*/


.txtBox{
	text-align: left;
	margin: 24px auto;
}
.txtBox dl dt{
	border-bottom: 2px solid #646464;
	margin-bottom: 2px;
	padding-bottom: 8px;
	font-size: 18px;
	color: #794520;
}
.txtBox dl dd{
	border-top: 1px solid #646464;
	padding-top: 16px;
}

/*##### PRIVACIY POLICY & LOCATION #####*/
section.privacy,
section.location {
	padding: 16px;
	text-align: left;
}
#contents > section.privacy > h2,
#contents > section.location > h2 {
	margin: 0 0 24px 0;
	/*text-align: center;*/
}
section.privacy p{
	padding-bottom: 1em;
	padding-top: 0.3em;
}
section.privacy ol {
	margin-top: 16px;
}
section.privacy ol > li{
	list-style: decimal;
	margin-left: 1.4em;
	font-weight: bold;
	padding-bottom: 24px;
}
section.privacy ol li > p{
	font-weight: normal;
}
section.privacy ol li > ul{
	padding-bottom: 16px;
}
section.privacy ol li > ul > li{
	list-style: disc;
	margin-left: 1.4em;
}

/*==== Salon Info ====*/
section.location dl.locSupp dt{
	font-size: 120%;
	/*text-align: center;*/
	margin-bottom: 16px;
	color: #794520;
}
section.location dl.locAdv{
	background: #eee;
	padding: 8px;
	border-radius: 6px;
	margin: 16px auto 0;
}

section.location dl.locAdv dt{
	font-weight: bold;
}

/* --第一案レイアウトスタイリング(SP)-- */

.newRightContainer__img{
	width: 100%;
	margin-top: 16px;
	text-align: center;
}
.newRightContainer__img img{
	width: 100%;
	max-width: 179px;
}
.newRightContainer__img span{
	display: block;
	margin-top: 1rem;
	font-size: 130%;
}

.newLocSupp dt{
	font-size: 120%;
	/* text-align: center; */
	margin-bottom: 16px;
	color: #794520;
}

.newLocAdv{
	background: #eee;
	padding: 8px;
	border-radius: 6px;
	margin: 16px auto 0;
}
.newLocAdv dt{
	font-weight: bold;
}

.newHidePC{
	display: block;
}
.newHideSP{
	display: none;
}

.newImageBox{
	width: 100%;
	margin: 24px auto;
}
.newImageBox img{
	width: 100%;
}

/* --第一案レイアウトスタイリング(SP)ここまで-- */

section.location .gMap{
	text-align: center;
}
section.location .gMap > iframe{
	width: 288px;
	height: 380px;
}

section.location .gMap > iframe #mapinfo{
	dispaly: none;
}
section.location .imageBox{
	margin: 24px auto;
}

section.location h3{
	border-bottom: 2px solid #646464;
	padding-bottom: 3px;
}
section.location .locSalonInfo{
	font-size: 90%;
	line-height: 1.4em;
}

section.location .locSalonInfo dl{
	clear: both;
	position: relative;
	margin: 0 auto 24px;
}
section.location .locSalonInfo dl dt{
	position: absolute;
	left: 0;
	font-size: 80%;
	font-weight: bold;
	padding-top: 0.5em;
}
section.location .locSalonInfo dl dd{
	padding: 0.5em 0 0.5em 4em;
	border-bottom: 1px dotted #ccc;
}





/* ###################

	Media Queries による切り替え

################### */
@media only screen and (min-width: 481px) {
	section.location .gMap{
		width: 100%;
		text-align: center;
	}
	section.location .gMap > iframe{
		width: 500px;
		height: 380px;
	}

	/*-- Video --*/
	.imageBox .pcVideo{
		display: block;
	}
	.imageBox .spVideo{
		display: none;
	}
	


}

/* ###################

	Media Queries による切り替え

################### */
@media only screen and (min-width: 961px) {
	/*-- Common --*/
	body > #contents{
		padding: 8px 16px;
		width: 960px;
		font-size: 15px;
		line-height: 1.6em;
		margin: 148px auto 0;
		
	}
	#contents > section > h2 {
	    margin: 0 0 16px;
	}

	#colLeft{
		width: 574px;
		float: left;
		padding: 0;
	}
	#colRight{
	    width: 360px;
	    float: right;
	    padding: 0;
	}
	#colRight #boxInfo{
		padding: 0;
	}
	#colRight #inquiry{
		margin: 0 auto;
		width: 342px;
	}

	#colLeft > h3{
		display: none;
	}

	#contents > section > h2{
		font-size: 23px;
	}
	#contents > section > h2 > span > span.txtSub{
		padding-left: 1em;
		display: inline;
	}


	footer.contentsFoot{
		border-top: 1px solid #ccc;
		padding-top: 16px;
		margin-top: 32px;
	}

	/*--	Menu Cassette --*/
	.menuBox{
		padding: 20px 24px 24px;
		border-radius: 10px;
		margin: 24px auto;
	}
	.menuBox > h4{
		    background: none;
    border-radius: 0;
    color: #fff;
    padding: 8px;
    font-weight: normal;
    font-size: 20px;
	}
	
	/*20240125追記分*/
	.menuBoxPopularityContainer h4{
		padding: 8px;
		font-size: 20px;
	}
	
	.menuBoxPopularityItem{
		font-size: 25px;
		/*20240130追記分*/
		padding: 25px;
		/*20240130追記分ここまで*/
	}
	/*20240125追記分ここまで*/

	.menuCasette{
		padding: 16px;
		margin: 16px auto 0;
	}

	.menuCasette dl{
		border: none;
		margin-bottom: 16px;
	}
	.menuCasette dl dt{
		font-size: 110%;
	}
	.menuCasette dl dt > span{
		display: inline-block;
	}
	.menuCasette dl dd{
		font-size: 100%;
	}
	.menuCasette dl dd > span{
		/*20240124追記分*/
		/*font-size: 125%;*/
		/*font-weight: bold;*/
		/*20240124追記分ここまで*/
		padding-left: 2em;
	}
	/*20240124追記分*/
	.normalTxt{
		font-size: 100%;
	}
	.menuPriceContainer__accent{
		font-size: 155%;
	}
	.insertTxtArticle{
		font-size: 17px;
		/*20240125追記分*/
		text-align: left;
		/*20240125追記分ここまで*/
	}
	.pcBr{
		display: block;
	}
	/*20240124追記分ここまで*/
	
	/*20240125追記分*/
	.imageBoxChristina{
	align-items: flex-start;
	}
	/*20240125追記分ここまで*/
	

	.menuCasette dl.note dt,
	.menuCasette dl.note dd{
		font-size: 13px;
	}
	.menuCasette dl.note dt,
	.menuCasette dl.note dd{
		display: block;
		text-align: left;
	}
	.menuCasette dl.note dt{
		border-bottom: 1px dotted #ccc;
		padding: 0 0 3px;
		margin: 0 0 5px;
	}
	.menuCasette dl.note dd{
		padding: 0;
		line-height: 1.6;
	}

	.menuCasette ul{
	}
	.menuCasette ul li{
		font-size: 13px;
	}
	.menuCasette ul.floL-pc{
		float: left;
		width: 50%;
	}

	/*--Price List--*/
	.menuBox.priceList .menuCasette dl dd{
		font-size: 100%;
		width: 10em;
	}

	/*-- Inquiry --*/
	#colRight #boxInfo h2 {
	    background: url(../images/pc_inq_deco.png) no-repeat 10em -4px;
	    background-size: auto, 100%;
	    font-size: 16px;
	    padding: 6px 8px 12px 0;
	    color: #fff;
	}
	#colRight #inquiry > .inner {
    	padding: 16px 24px;
	}
	#colRight #inquiry .tellNum {
	    display: block;
	    margin: 0 auto 8px;
	    width: auto;
	}
	#colRight #inquiry .tellNum img{
		width: 290px;
	}
	#inquiry > .inner > p {
	    font-size: 10px;
	    line-height: 1.3em;
	    margin: 0 auto 8px;
	    width: 290px;
	}
	#inquiry > .inner > p > .closed {
		font-size: 8px;
    	margin-left: 3rem;
	}
	#inquiry > .inner > p:last-child {
	    margin-top: 8px;
	    padding-top: 8px;
	}

	/*-- Points --*/
	.pointsBox ol li:nth-child(1),
	.pointsBox ol li:nth-child(2),
	.pointsBox ol li:nth-child(3),
	.pointsBox ol li:nth-child(4),
	.pointsBox ol li:nth-child(5){
		background-size: 52px,auto;
	}
	
	/*20240131追記分*/
	.pointsBox ol li img{
		max-height: 52px;
	}
	/*20240131追記分ここまで*/

	/*-- Privacy Policy & Location --*/
	section.privacy {
		padding: 32px 56px;
	}
	#contents > section.privacy > h2 {
		text-align: left;
	}

	#contents section.location{
		text-align: left;
	}

	section.location .locInsrt{
		margin-bottom: 40px;
	}

	section.location .locInsrt > .locInsetTxt{
		float: right;
		width: 600px;
	}
	section.location .locInsrt > .imageBox{
		float: left;
		width: 300px;
		margin: 0;
	}
	
	/* --第一案レイアウトスタイリング(PC)-- */
	.newImageBox{
		max-width: 300px;
		margin: 0;
	}

	.newLocInsrt{
		float: unset;
		display: flex;
		width: 100%;
		max-width: 928px;
		justify-content: space-between;
		align-items: center;
		flex-direction: row-reverse;
		margin-bottom: 40px;
	}

	.newRightContainer{
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		max-width: 600px;
	}
	.newRightContainer__img{
		max-width: 160px;
		margin: 0;
	}
	.newRightContainer__img span{
		font-size: 100%;
	}

	.newLocInsetTxt{
		width: 100%;
		max-width: 420px;
	}

	.newHidePC{
		display: none;
	}
	
	.newHideSP{
		display: block;
	}

	/* --第一案レイアウトスタイリング(PC)ここまで-- */

	section.location .locSalonInfo{
		/*width: 400px;
		float: left;*/
		width: 800px;
		max-width: 100%;
		margin: 0 auto!important;
	}
	#contents section.location .locSalonInfo > h3{
		font-size: 16px;
		padding-bottom: 14px;
	}
	#contents section.location .locSalonInfo dt{
		font-size: 90%;
	}
	#contents section.location .locSalonInfo dd{
		font-size: 100%;
		padding-left: 5em;
	}
	section.location .gMap{
		float: right;
		width: 500px;
	}
	section.location .gMap > iframe{
		width: 500px;
		height: 380px;
	}

}