@charset "utf-8";

#contentsBody #creators {margin:60px calc(50% - 50vw) 0; padding:70px calc(50vw - 50%); background:#eeede9; font-size:18px; line-height:2;}
#contentsBody #creators > h2 {position:relative;padding:0 0 40px;font-size:40px;font-weight:bold;line-height:1;text-align:center;font-family: Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
#contentsBody #creators > h2 small {
	display:block; width:416px; height:0; margin:0 auto 35px; padding:48px 0 0; background:url(../img/creators_title.png); overflow:hidden;}
#contentsBody #creators > h2::after {
	display:block; content:""; width:80px; height:0; position:absolute; left:0; right:0; bottom:0; margin:auto; border-bottom:1px solid #bebeba;}
#contentsBody #creators > strong {display:block;margin:40px 0 0;font-size:22px;font-weight:bold;text-align:center;font-family: Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
#contentsBody #creators > p {margin:1em 0 0;}
#contentsBody #creators > .image {margin:40px 0 0;}
#contentsBody #creators > .image > img {display:block;}
#contentsBody #creators > .entry {width:840px; margin:0 auto; padding:40px 0; border-top:1px solid #bebeba; font-size:16px; line-height:1.75;}
#contentsBody #creators > .entry::after {display:block; content:''; clear:both; height:0;}
#contentsBody #creators > .entry > .image {}
#contentsBody #creators > .entry > .image > img {display:block;}
#contentsBody #creators > .entry > h3 {width:430px; height:0; padding:210px 0 0; background:no-repeat; overflow:hidden;}
#contentsBody #creators > .entry > p {margin-top:1em;}
#contentsBody #creators > .entry > small {display:block; margin-top:1em; font-size:12px;}
#contentsBody #creators > .animal {padding-top:60px; border-top-width:0;}
#contentsBody #creators > .animal > * {margin-right:410px;}
#contentsBody #creators > .animal > .image {float:right; margin-right:0;}
#contentsBody #creators > .animal > h3 {margin-top:80px; background-image:url(../img/creators_animal_title.png);}
#contentsBody #creators > .vegan {}
#contentsBody #creators > .vegan > * {margin-left:410px;}
#contentsBody #creators > .vegan > .image {float:left; margin-left:0;}
#contentsBody #creators > .vegan > h3 {margin-top:-10px; background-image:url(../img/creators_vegan_title.png);}
#contentsBody #creators + #banners {padding-top:80px;}

@media screen and (max-width: 990px) {
#contentsBody #creators {margin-left:-15px; margin-right:-15px; padding-left:15px; padding-right:15px;}
}

/* #diagnosis */

#contentsBody #diagnosis {/* width:550px; *//* margin:0 auto; *//* padding:30px 0 0; */}
#contentsBody #diagnosis.top {/* width:570px; */}
#contentsBody #diagnosis > h2 {width:760px;height:0;margin: 0 auto;padding:200px 0 0;background:url(../img/title.png);overflow:hidden;}
#diagnosis img {width:100%; height:auto;}

#cleanBeauty #menu_wrapper {min-height:96.5687px;}
#cleanBeauty #pager {margin-top:38.7872px;}
#cleanBeauty #pager div {width:38.0375px; font-size:20px;}
#cleanBeauty #pager div.active:after {width:24.35px; border-bottom-width:4.5625px;;}
#cleanBeauty #top {min-height:763.595px;width: 800px;margin: -67px auto 50px;}
#cleanBeauty .top_btn {
	width:336.125px; bottom:107.977px; padding-right:11.408px; 
	background-position:272.252px 50%, 272.252px 50%; background-size:10.6665px 17.5113px, 0px 0px; font-size:20px;}
#cleanBeauty .top_btn.on {background-size:0 0, 10.6665px 17.5113px;}
#cleanBeauty .supervisor {right: 120px;font-size:12px;}

#cleanBeauty .question_block {width:486.55px;; height:525.412px; top:23.4679px;}
#cleanBeauty .q_num {width:461.663px; padding-top:18.3017px; padding-bottom:14.6743px;}
#cleanBeauty .q_num span {width:73.25px; font-size:29.2937px;}
#cleanBeauty .q_txt {width:461.663px; min-height:58.6423px; padding-top:19.0711px; padding-bottom:67.4359px; font-size:19.0711px;}
#cleanBeauty .q_select {width:366.413px;}
#cleanBeauty .q_select li {min-height: auto;height: 80px;margin-bottom:29.2937px;font-size:19.0711px;}

#cleanBeauty .ui-rangeSlider-container {height:1.475px !important;}
#cleanBeauty .ui-rangeSlider-container:before {height:10.275px;}
#cleanBeauty .ui-rangeSlider-bar {height:10.275px !important;}
#cleanBeauty .ui-rangeSlider-handle-inner:before {width:36.65px !important; height:36.65px !important; border-width:2.9125px !important; border-radius:18.3017px !important;}
#cleanBeauty .ui-rangeSlider-label {width:64.4625px !important; bottom:32.976px !important; border-radius:2.91288px !important;}
#cleanBeauty .ui-rangeSlider-label-value {font-size:24.8969px !important;}
#cleanBeauty .ui-rangeSlider-label-inner {margin-left:-5.16624px !important; border-top-width:10.9875px !important; border-left-width:5.1px !important; border-right-width:5.1px !important;}

#cleanBeauty #old_slider {width:417.688px; top:300.466px;}
#cleanBeauty .old_label {width:439.675px; top:318.768px;}
#cleanBeauty .old_label li {font-size:16.1033px;}

#cleanBeauty #time_slider {width:417.688px; top:534.926px;}
#cleanBeauty .time_label {width:439.675px; top:553.282px;}
#cleanBeauty .time_label li {font-size:16.1033px;}

#cleanBeauty #week {width:454.35px; top:692.496px;}
#cleanBeauty #week div {width:51.275px;}
#cleanBeauty #week span {margin-bottom:7.30968px; font-size:20.5001px;}
#cleanBeauty #week input {width:51.275px; height:51.275px;}
#cleanBeauty #week label {width:51.275px;}
#cleanBeauty #week label:before {width:51.275px; height:51.275px; border-width:1.475px; border-radius:25.6663px;}
#cleanBeauty #week label:after  {width:23.4625px; height:23.4625px; bottom:25.6663px; border-radius:11.7065px;}

#cleanBeauty #beauty_wrapper01 {min-height:636.566px; margin-bottom:53.2183px;;}

#cleanBeauty #q8 .q_num {top:23.4679px;}
#cleanBeauty #q8 .q_txt {width:461.663px; top:84.2537px; padding-top:19.0711px;}
#cleanBeauty .q8_question01 {width:461.663px; top:146.578px; font-size:19.0711px;}
#cleanBeauty .q8_question02 {width:461.663px; top:406.704px; font-size:19.0711px;}
#cleanBeauty .q8_question03 {width:461.663px; top:633.854px; font-size:19.0711px;}
#cleanBeauty .q8_btn {width:366.413px;min-height: auto;height: 80px;margin-top:7.30968px;margin-bottom:124.594px;font-size:19.0711px;}

#cleanBeauty #loading {height:664px;}
#cleanBeauty .loading_box {top:266.721px;}
#cleanBeauty .loading_icon {width:133.388px; margin-top:18.3017px;}
#cleanBeauty .loading_txt {margin-top:32.976px;}
#cleanBeauty .loading_txtImg {width:113.602px; margin-right:7.30968px;}
#cleanBeauty .loading_txt span {width:8.7936px; height:8.7936px; margin-left:7.30968px; margin-right:7.30968px;}

#cleanBeauty .result_title {font-size:36.6583px;}
#cleanBeauty .result01_title01 {width:205.163px; top:107.007px; left:30.7776px; padding-left:8.7936px; font-size:17.5872px;}
#cleanBeauty .result01_barBox {top:190.546px;}
#cleanBeauty .result01_bar {width:417.688px; height:1.475px;}
#cleanBeauty .result01_bar:before {height:14.6625px; border-left-width:1.475px; border-right-width:1.475px;}
#cleanBeauty .result01_bar:after  {width:1.475px; height:14.6625px;}
#cleanBeauty .result01_barValue {height:2.9125px;}
#cleanBeauty .result01_barValue:before, 
#cleanBeauty .result01_barValue:after  {width:10.275px; height:10.275px; border-radius:5.11128px;}
#cleanBeauty .result01_barValueLeft, 
#cleanBeauty .result01_barValueRight {bottom:10.992px; font-size:19.0711px;}
#cleanBeauty .result01_barValueLeft .delius, 
#cleanBeauty .result01_barValueRight .delius {font-size:36.6583px;}
#cleanBeauty .result01_barLabel {bottom:-32.976px;}
#cleanBeauty .result01_barLabel li {font-size:16.1033px;}
#cleanBeauty .result01_period {top:231.546px; right:92.3328px; font-size:32.2615px;}
#cleanBeauty .result01_title02 {width:205.163px; top:282.11px; left:30.7776px; padding-left:8.7936px; font-size:17.5872px;}
#cleanBeauty .result01_totalTime {top:337.07px; right:326.078px; font-size:48.3648px;}
#cleanBeauty .result01_totalyear {top:348.831px; right:191.261px; font-size:32.2615px;}
#cleanBeauty .result01_totalDay {top:348.831px; right:112.833px; font-size:32.2615px;}
#cleanBeauty .result01_title03 {width:223.512px; top:402.307px; left:30.7776px; padding-left:8.7936px; font-size:17.5872px;}
#cleanBeauty .result01_foundationVolume {top:495.354px; right:208.134px; font-size:52.7616px;}
#cleanBeauty .result01_foundationProduct {top:510.029px; right:106.238px; font-size:32.2615px;}
#cleanBeauty .result01_lipVolume {top:644.846px; right:208.134px; font-size:52.7616px;}
#cleanBeauty .result01_lipProduct {top:659.52px; right:106.238px; font-size:32.2615px;}
#cleanBeauty .result01_notes02 {top:559.878px; left:43.968px; font-size:14.6743px;}
#cleanBeauty .result01_notes03 {top:715.194px; left:43.968px; font-size:14.6743px;}

#cleanBeauty .result02_beautyType {width:175.863px; top:194.174px; left:76.944px; font-size:51.2777px;}
#cleanBeauty .result02_beautyImg {width:263.087px; top:87.936px; left:256.498px;}

#cleanBeauty .result03_deviationImg {width:224.225px; top:80.6263px;; left:293.102px;}
#cleanBeauty .result03_deviationValue {width:135.575px; top:172.959px; left:153.888px; font-size:21.984px;}
#cleanBeauty .result03_deviationValue .delius {font-size:65.952px;}

.result04_title {margin-top:98.928px; margin-bottom:25.6663px; font-size:29.2937px;}
#cleanBeauty .result04_txt {width:417.688px;margin-bottom:150.206px;padding-left:3.68232px;padding-right:3.68232px;padding-bottom: 9.30968px;/* opacity: 0; */background: none;}
#cleanBeauty .result04_txt p {font-size:19px !important;}

#cleanBeauty #result_sns {bottom:32.976px;}
#cleanBeauty #result_sns .sns_txt {margin-right:21.984px; padding-right:27.8647px; font-size:17.5872px;}
#cleanBeauty #result_sns .sns_txt:after {height:17.575px; border-right-width:1.475px;}
#cleanBeauty #result_sns .sns_icon li {width:49.8375px; height:49.8375px; margin-left:5.88072px; margin-right:5.88072px;}


#contentsBody #recommend {margin:70px 0 0; padding:29px; border:1px solid #dcdbd8;}
#contentsBody #recommend > h2 {
	margin:-30px -30px 0; padding:0.9em; background:#000; color:#fff; font-size:25px; font-weight:bold; text-align:center; line-height:1;}
#contentsBody #recommend > ul {
	display:-webkit-flex; display:flex; 
	margin:30px -29px 0; font-size:14px;}
#contentsBody #recommend > ul > li::after, 
#contentsBody #recommend > ul > li > a::after {display:block; content:''; clear:both; height:0;}
#contentsBody #recommend > ul > li > *, 
#contentsBody #recommend > ul > li > a > * {margin-left:120px;}
#contentsBody #recommend > ul > li {
	-webkit-flex:0 1; flex:0 1; -webkit-flex-basis:33.3333%; flex-basis:33.3333%; 
	position:relative; padding:0 20px 50px; box-sizing:border-box; border-left:1px solid #dcdbd8;}
#contentsBody #recommend > ul > li:nth-child(3n+1) {border-left-width:0;}
#contentsBody #recommend > ul > li > a {display:block; margin:0 -20px -50px; padding:inherit; text-decoration:none;}
#contentsBody #recommend > ul > li .image {float:left; width:120px; margin:-10px 0 0 -10px;}
#contentsBody #recommend > ul > li .image > img {display:block; width:100%; height:auto;}
#contentsBody #recommend > ul > li h3 {font-size:18px; font-weight:bold;}
#contentsBody #recommend > ul > li em {display:block; margin-top:0.5em; font-size:18px; font-weight:normal;}
#contentsBody #recommend > ul > li p {margin-top:1em;;}
#contentsBody #recommend > ul > li i {
	position:absolute; left:150px; bottom:0; margin:1em 0 0 auto; padding:0.9em 2em; 
	background:#000; color:#fff; font-weight:bold; font-style:normal; line-height:1; transition:opacity 0.2s ease-in-out;}
#contentsBody #recommend > ul > li > a:hover > i {opacity:0.5;}

#page-footer {margin-top:50px;}
#page-footer > .inquiry {margin-top:50px;}

/* add 200427 */
#cleanBeauty {
	overflow:visible
}
#content_wrapperOuter {
    width:570px;
    overflow:hidden;
    margin: 0 auto;
}
#cleanBeauty .result_title,#cleanBeauty #result01, #cleanBeauty #result02, #cleanBeauty #result03, #cleanBeauty #result04 {
	width:550px;
	margin: 0 auto;
}
#cleanBeauty #result04Outer {background: #e2ded7;margin: 0 -2000px;padding: 0 2000px;}