@charset "utf-8";

/*----------------------------------------------------
	販売前カウンセリング（資生堂）用
----------------------------------------------------*/

.ui-dialog-content .c-heading-h2 {
	padding-top: 0;
}


#shiseidoDialog .l-main{
    margin-top: 4rem;
	margin-bottom: 4rem;
}


#alcoholDialog .l-main{
    margin-top: 3rem;
	margin-bottom: 3rem;
}



#alcoholDialog .u-wrap,
#shiseidoDialog .u-wrap{
	padding: 0 1rem;
}

.ui-dialog .ui-dialog-titlebar {
    display: none;
}

.text_area {
	margin-bottom: 1rem;
}


@media screen and (max-width: 767px) {
	.ui-widget-content{
	width: 90% ! important;
	margin: auto;
}


	.left {
		padding-left: 0;
	}

#shiseidoDialog{
	width: 100% ! important;
}

#alcoholDialog .u-wrap{
	padding: 0 1.5rem;
}


#shiseidoDialog	.u-wrap, #shiseidoDialog .u-wrap--small {
    padding: 0;
}


#shiseidoDialog .l-main {
    margin-top: 2rem;
	margin-bottom: 2rem;
}


#alcoholDialog .l-main{
    margin-top: 1rem;
	margin-bottom: 1rem;
}


	.c-heading-h3 {
		font-size: 1.5rem;
	}

	.c-form__input--radio {
    font-size: 1.5rem;
}

	.c-button-set-two > input:nth-of-type(1) {
		margin-left: 0;
	}

	.c-button-set-two .c-button--back-small, .c-button-set-two .c-button--forward-small {
    font-size: 1.5rem;

}
	
	}

@media screen and (min-width: 768px) {
	#alcoholDialog .u-wrap, #shiseidoDialog .u-wrap {
	  padding: 0 2rem;
	}
}