body { overflow-x: hidden;}
html{ overflow-x: hidden;}

#qnoc { margin-bottom: 0px;}

.qnoc_arrow { margin:0 auto; text-align: center;}
.qnoc_arrow img { width: 200px;}

@media only screen and (min-width: 768px){
	.qnoc_arrow { margin:0 auto;}
	.qnoc_arrow img { width: 300px;}
}

.qnoc_copy { text-align: center; /*background: url( /template/default/img/sp/qnoc/index/bg_qnoc_copy_sp.jpg ) no-repeat top center;*/}
.qnoc_copy p { font-size: 26px; line-height: 36px; padding: 40px 0 0;}
.qnoc_copy .fadein span { opacity:0; }
.qnoc_top { margin-top: 0px; text-align: center; position: relative; background: url( /template/default/img/sp/qnoc/index/hybrid_bg_202411_sp.jpg ) no-repeat top center; background-size: 100%; }


.copy201806 { font-weight: bold; color: #cc0000; margin-bottom: 20px;}

.qnoc_title { width: 100%; text-align: center; background: #fff; box-shadow: 0 0 40px rgba(0,0,0,0.1); padding: 25px 0px 0; margin: 20px auto 0px; position: relative; z-index: 1;}

.qnoc_title .qnoc_title0 { font-size: 16px; margin: 0 10px 10px; font-weight: bold; color: #ec1b4b; display: block;}
.qnoc_title .qnoc_title1 { font-size: 18px; margin: 0 10px; font-weight: bold; display: block;}
.qnoc_title .qnoc_title2 { font-size: 16px; margin: 0; display: block;}
.qnoc_title .qnoc_title3 { font-size: 12px; margin: 10px 0 0px; display: block;}
.qnoc_title .qnoc_title4 { font-size: 15px; margin: 5px 0 0px; display: block;}

.qnoc_tech { text-align: center; padding:5px 0 5px;}
.qnoc_tech_txt1 { font-size: 22px; margin: 10px 0 0; font-weight: bold; text-align: center;}
.qnoc_tech_txt2 { font-size: 14px; margin-top: 0; }
.qnoc_tech_txt2 span { display: inline-block; margin: 2px; padding: 1px 3px;}
.qnoc_tech_txt_info { font-size: 12px; margin: 10px 0;}

.qnoc_tech a { display: inline-block; padding: 15px 20px; background: #FFF; font-weight: bold; font-size: 15px; border: 2px solid #000; border-radius: 30px;}
.qnoc_tech a:hover { background: #edfcff;}

.qnoc_price { padding: 20px 10px 20px;}
.qnoc_price_txt { margin-bottom: 10px;}
.qnoc_price_txt span.qnoc_price_txt_title { font-size: 15px; }
.qnoc_price_txt span.qnoc_price_txt_number { font-size: 24px; font-weight: bold;}
.qnoc_price .btn { margin-bottom: 10px;}
.qnoc_price a.btn-sub { background: #fff; color: #C2A284; border: 1px solid #C2A284; position: relative;}
.qnoc_price a:hover.btn-sub { background: #f5efea; }
.btn-sub::before{
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 1px #C2A284;
    border-right: solid 1px #C2A284;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 18px;
    margin-top: -4px;}
    
    
@media only screen and (min-width: 768px){
	.qnoc_copy { /*background: url( /template/default/img/sp/qnoc/index/bg_qnoc_copy_pc.jpg ) no-repeat top center;*/}
	.qnoc_copy p { font-size: 45px; line-height: 60px; margin: 30px 0 0px; padding: 70px 0 35px;}
	.qnoc_tech_txt1 { font-size: 30px; margin: 30px 0 0;}
	.qnoc_title .qnoc_title0 { font-size: 18px; }
	.qnoc_title .qnoc_title1 { font-size: 26px; }	
}


/*女性の１日*/
.qnoc_life { padding: 0px 0;}


.timeline__img { max-width: 100%; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);}
.timeline-container { width: 100%; position: relative; padding: 100px 0; background-attachment: fixed; background-size: cover; }
.timeline-container:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); content: "";}
.timeline-header { width: 100%; text-align: center; margin-bottom: 80px; position: relative;z-index: 2}
.timeline-header__title { color: #000; font-size: 33px; font-weight: bold; margin: 0 10px;}
.timeline-header-arrow { text-align: center;}
.timeline-header-arrow i { font-size: 35px;}
.timeline-header__subtitle { display: inline-block; font-size: 22px; line-height: 40px; margin: 10px 10px; font-weight: normal; background: #fff; padding: 15px 40px; /*box-shadow: 0 0 20px rgba(0,0,0,0.1);*/ border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
.timeline-header__subtitle span { color: #fff; background: #0bb1c0; padding: 5px 15px; margin: 0 5px; font-size: 24px; font-weight: bold;}

@media only screen and (max-width: 767px) { 
	.timeline__img { margin-bottom: -20px;}
	.timeline-container { padding: 40px 0;}
	.timeline-header { margin-bottom: 40px;}
	.timeline-header__title { font-size: 27px;}
	.timeline-header__subtitle { font-size: 16px; padding: 10px 10px;}
	.timeline-header__subtitle span { font-size: 18px; padding: 10px 15px;}
}

.timeline { display: flex; margin: 0 auto 0; flex-wrap: wrap; flex-direction: column; max-width: 980px; position: relative;}

.timeline__content { text-align: center;}
.timeline__content-title { position: relative; display: inline-block; text-align: center; font-weight: bold; font-size: 18px; padding: 25px 20px; line-height: 28px; margin: 0px -10px; transition: .4s; box-sizing: border-box; color: #000; background: #c3d1db; border-radius: 10px;}

.timeline__content-title:before{
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #c3d1db;
}

.timeline__content-title img { position: absolute; top: 7px; right: 8px; width: 25px; height: 25px; vertical-align: middle; }

.timeline-nayami {position: relative; z-index: 3;}

.timeline__content-arrow { text-align: center;}
.timeline__content-arrow i { font-size: 25px;}

.timeline__content-title2 { font-size: 15px; font-weight: normal; padding:25px 25px; margin: 100px 0 10px; transition: .4s; box-shadow: 0 0 20px rgba(0,0,0,0.05); box-sizing: border-box; display: block; text-align: center; background: #fff;}    
.timeline__content-title2:hover { box-shadow: 0 0 20px rgba(0,0,0,0.4);}    
.timeline__content-title2 span { display: block; text-decoration: none; color: #000; text-align: left;}
.timeline__content-title2 .timeline__content_q { font-size: 140%; padding: 0px 0 15px; margin:0 0px 15px; border-bottom: 1px solid #ddd;}
.timeline__content-title2 .timeline__content_a { color: #333; margin:0 0px 20px;}

.timeline__content-title2 span.timeline__content-effect { display: block; color:#fff; font-weight: bold; padding: 10px; }
.timeline__content-title2 span.timeline__content-link { display: block; background: #0bb1c0; color: #fff; font-weight: bold; text-decoration: underline; font-size: 17px; padding: 15px 10px; text-align: center; cursor: pointer; position: relative; z-index: 5;}
.timeline__content-title2 span.timeline__content-link:hover { text-decoration: none;}


.timeline__content-desc { margin: 0; font-size: 15px; box-sizing: border-box; font-weight: normal; line-height: 22px;}
.timeline:before { position: absolute; left: 50%; width: 0; height: 100%; margin-left: -1px; content: ""; background: rgba(0, 0, 0, 0.3);}

.timeline__content p { margin: 0; padding-bottom: 20px; font-size: 13px; }

@media only screen and (max-width: 767px) { 
	.timeline__content-title { text-align: left; font-size: 17px; padding: 20px 15px; margin-top: 0;}
	.timeline__content-title img { width: 20px; height: 20px; }
		
	.timeline__content-title2 { font-size: 14px; margin-top: 10px; padding: 15px 15px; }
	.timeline__content-title2 span { font-size: 15px;}
	.timeline__content-title2 .timeline__content_q { font-size: 130%; padding: 10px 0 20px; margin:0 0px 20px; }
	.timeline__content-title2 .timeline__content_a { margin:0 0px 20px;}
	

	.timeline__content p { }
	.timeline:before { left: 35px; width: 0;}
}

.timeline-item { margin-top: -250px; padding: 250px 0 50px; opacity: 1; /*filter: blur(2px);*/ transition: .5s; box-sizing: border-box; width: /*calc(50% - 40px)*/ 100%; display: flex; /*position: relative; z-index: 0;*/ transform: translateY(-20px);}

.timeline-item:before { display: none !important; content: attr(data-text); letter-spacing: 1px; width: 100%; position: absolute; color: rgba(0, 0, 0, 0.95); font-size: 45px; border-left: 4px solid #000; top: 70%; margin-top: -5px; padding-left: 10px; opacity: 0; right: calc(-100% - 38px ); }
.timeline-item:nth-child(even) { align-self: flex-end;}
.timeline-item:nth-child(even):before { right: auto; text-align: right; left: calc(-100% - 38px ); padding-left: 0; border-left: none; border-right: 4px solid #000; padding-right: 10px;}
.timeline-item--active { opacity: 1 !important; /*transform: translateY(0); filter: blur(0px); z-index: 1;*/}
.timeline-item--active:before { /* bottom: 50%; transition: .3s all .2s; opacity: 1;*/}
.timeline-item--active .timeline__content-title { margin-bottom: -15px;}

@media only screen and (max-width: 767px) { 
	.timeline-item { margin-top: -250px; padding: 250px 15px 80px 15px; align-self: baseline !important; width: 100%; }
	.timeline-item:before { font-weight: bold; letter-spacing: 0; font-size: 12px; left: 5px !important; padding: 0 !important; background: #fff; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; top: 35%; text-align: center !important; border: 1px solid #aaa !important; }
	.timeline-item:last-child { padding-bottom: 40px; }
}




.qnoc_present { text-align: center; padding: 30px 0px 0;}
.qnoc_present h2 { font-size: 20px; margin: 10px 0 20px; line-height: 1.8;}
.qnoc_present_inner { max-width: 1150px; margin: 0 auto;}

.qnoc_present1 h2 { position: inherit;}
.qnoc_present1 img { margin-top: -132px;}

.qnoc_present1 .qnoc_price { margin-top: /*-40px*/ 0; }


.qnoc_present2 { 
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(224,243,244,1) 30%, rgba(204,235,237,1) 50%, rgba(148,227,244,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(224,243,244,1) 30%,rgba(204,235,237,1) 50%,rgba(148,227,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(224,243,244,1) 30%,rgba(204,235,237,1) 50%,rgba(148,227,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#7cb4c3',GradientType=0 ); /* IE6-9 */
		padding:30px 0 0 !important;
	}
.qnoc_present2 h2 { position: inherit;}
.qnoc_present_txt { font-size: 11px; text-align: left; max-width: 550px; border: 1px solid #ddd; padding: 10px 10px; margin: 15px 10px 0; position: relative;}
.qnoc_present_txt img { position: absolute; left: -20px; top: -10px; width: 90px; height: 90px;}
.qnoc_present_link a { display: inline-block; padding: 15px 20px; font-weight: bold; font-size: 15px; color: #fff; border: 2px solid #f01d47; background: #f01d47; margin: 20px auto 0;}
.qnoc_present_link a:hover { background: #ffe1e7; color: #f01d47;}

.qnoc_present .qnoc_present_txt { padding-left: 80px;}

@media only screen and (min-width: 768px){
	.qnoc_present { padding: 40px 10px 0; }
	.qnoc_present h2 { font-size: 34px;}
	.qnoc_present1 img { margin-top: -192px;}
	.qnoc_present2 img { margin-top: -180px;}
	.qnoc_present .qnoc_present_txt { padding-left: 30px;}
	.qnoc_present_txt { font-size: 13px; text-align: center; margin: 15px auto 0; padding: 10px 30px; }
	.qnoc_present_txt img { left: -90px; top: -22px; width: 120px; height: 120px;}
	
	.qnoc_present_link a { font-size: 18px; }
	
}


.qnoc_hybrid { text-align: center; padding: 0 0 50px;}
.qnoc_hybrid_func { margin: 0 5%; background: #fff; box-shadow: 0 0 40px rgba(0,0,0,0.1); padding: 1px 1px 30px; background: url( /template/default/img/sp/2018bigsale/qnoc/hybrid_func_bg.jpg ) no-repeat bottom center; background-size: 100%;}
.qnoc_hybrid_func h3 { text-align: center; padding: 10px 20px; background: #003471; margin: 0 auto 10px; }

.qnoc_viewer { margin: 0; overflow: hidden; position: relative; z-index: 0; }
.qnoc_viewer ul { text-align: left; overflow: hidden; position: relative; z-index:1;}
.qnoc_viewer ul li { top: 0; left: 0; position: absolute; }

.qnoc_viewer_memo { text-align: center; padding: 0 10px; font-size: 12px;}

.qnoc_func a { display: inline-block; text-align: center;}
.qnoc_func a span { font-size: 15px; display: block; margin-top: -5px;}
.qnoc_func a img:hover { filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }


.qnoc_func1 { text-align: center;}
.qnoc_func2 { text-align: right;}
.qnoc_func3 { text-align: left;}
.qnoc_func4 { text-align: right;}
.qnoc_func5 { text-align: left;}

.qnoc_func1 img { width: 80%;}
.qnoc_func2 img,
.qnoc_func3 img,
.qnoc_func4 img,
.qnoc_func5 img { margin-top: 0px;}

.inline_func { display: none; border: 1px solid #ddd; padding: 0 15px; text-align: left;}
.inline_func h4 { font-size: 19px; margin: 10px 0 10px; }
.inline_func p { font-size: 14px; line-height: 22px; margin-top: 10px; padding: 0;}

.inline_func h5 { font-size: 16px; display: block; background: #0bb1c0; color:#fff; font-weight: bold; padding: 17px 10px; margin: 0; text-align: center; }
.inline_func_title { font-weight: bold; text-align: center; font-size: 18px; margin: 25px 0;}
.inline_func_test { font-weight: bold; text-align: center; font-size: 18px; margin: 20px 0 20px;}
.inline_func_img { margin: 10px 0;}
.inline_func_txt { margin: 15px 0 0; font-size: 14px;} 
.inline_func_txt span{ display: block; margin: 10px 0; font-size: 12px; color: #555;} 
.inline1_list { font-size: 12px; padding: 10px; border: 1px dotted #ccc;}
.inline_func p.inline_func_txt_info {font-size: 12px; color: #666; margin: 10px; padding: 0; line-height: 16px; text-align: center;}


@media only screen and (min-width: 768px){
	.qnoc_top { background: url( /template/default/img/sp/qnoc/index/hybrid_bg_202411_pc.jpg ) no-repeat top 50px center; background-size: auto;}
	
	.qnoc_hybrid_func { max-width: 750px; padding: 1px 1px 1px; margin: 0 auto; }

	.qnoc_viewer { margin: 0 0px; }
	.qnoc_viewer img { width: 750px; }

	.qnoc_viewer_memo { text-align: right;}

	.inline_func_title {font-size: 22px;}


	.qnoc_func2,
	.qnoc_func3,
	.qnoc_func4,
	.qnoc_func5 { padding: 0 !important;}
	
	.qnoc_func1 { margin: -70px auto -50px;}
	.qnoc_func1 img { width: auto;}
	.qnoc_func2 img,
	.qnoc_func3 img,
	.qnoc_func4 img,
	.qnoc_func5 img { width: 90%; margin-top: -5px;}
}


.qnoc_howto { padding: 0 0 0px;}
.qnoc_howto h2 { text-align: center; background: #0bb1c0; padding: 10px 10px; margin: 0;}
.qnoc_howto h2 img { width: 550px;}

.qnoc_howto_block {background:none; padding: 0 0 20px}

.qnoc_howto_point { border: 1px solid #0bb1c0; margin: 20px 0; transition: .8s;}
.qnoc_howto_point h5 { border-bottom: 1px solid #0bb1c0; color: #136472; padding: 15px 10px; font-weight: normal; font-size: 15px; text-align: center; background: #d2f0f6; margin: 0 auto 20px;}
.qnoc_howto_point p { padding: 30px 20px; margin: 0; background: #edfcff; border-top: 1px solid #0bb1c0; font-size: 15px; }

@media only screen and (min-width: 768px){
	.qnoc_howto_txt img { width: 120px; margin-top: 20px;}
	.qnoc_howto_txt p { font-size: 15px;}

	.qnoc_howto_block { /*background: url( /template/default/img/sp/2018bigsale/qnoc/qnoc_howto_bg.jpg ) top center no-repeat; background-size: inherit; padding: 0 0 380px*/}
	.qnoc_howto_point { padding: 0 0px; }
	.qnoc_howto_point h5 { padding: 25px 0px; font-size: 20px; margin: 0 0px 20px;}
	.qnoc_howto_point h5 span { display: block;}
}



.qnoc_testimonial { text-align: center; background: url( /template/default/img/sp/2018bigsale/qnoc/testimonial_bg.jpg ) no-repeat top center; padding: 20px 0 50px;}
.qnoc_testimonial h2 { margin: 20px 0 45px;}

.qnoc_testimonial_block { position: relative; box-shadow: 0 0 40px rgba(0,0,0,0.1); margin-bottom: 60px; background-repeat: no-repeat; background-size:cover;}

.qnoc_testimonial_block_in { position: relative; bottom: -20px; margin: 0 15px; padding: 20px; }
.qnoc_testimonial_block_in img { display: block; width: 200px; height: 200px; margin: 0 auto;}
.qnoc_testimonial_block_in h4 { font-size: 22px; margin: 20px 0 10px; line-height: 34px; font-weight: normal; }
.qnoc_testimonial_block_in p { font-size: 13px; line-height: 25px; text-align: left;margin: 0;}
.qnoc_testimonial_block_in p.qnoc_testimonial_info { text-align: center; font-size: 115%; color: #333; margin-bottom: 0;}
.qnoc_testimonial_block_in p strong { font-size: 16px;}


.qnoc_testimonial01 { background-image: url( /template/default/img/sp/2018bigsale/qnoc/testimonial_bg01.jpg ); background-position: center top;}
.qnoc_testimonial01 .qnoc_testimonial_block_in { background-color: rgba(240, 247, 221, 0.7); }
.qnoc_testimonial02 { background-image: url( /template/default/img/sp/qnoc/index/testimonial_bg05.jpg ); background-position: right top;}
.qnoc_testimonial02 .qnoc_testimonial_block_in { background-color: rgba(228, 241, 248, 0.7); }
.qnoc_testimonial03 { background-image: url( /template/default/img/sp/2018bigsale/qnoc/testimonial_bg03.jpg ); background-position: right top;}
.qnoc_testimonial03 .qnoc_testimonial_block_in { background-color: rgba(254, 244, 201, 0.7); }


@media only screen and (min-width: 768px){
	.qnoc_testimonial {padding: 50px 0 70px}
	.qnoc_testimonial_block { height: 500px; margin-bottom: 80px;}
	.qnoc_testimonial_block_in { position: absolute; display: inline-table; top: 30px; width: 520px; padding: 10px 20px; margin: 0;  }

	.qnoc_testimonial01 { background-position: left top;}

	.qnoc_testimonial01 .qnoc_testimonial_block_in,
	.qnoc_testimonial03 .qnoc_testimonial_block_in { left: 40%; }
	.qnoc_testimonial02 .qnoc_testimonial_block_in { right: 40%; }

	.qnoc_testimonial_block_in p { font-size: 14px; line-height: 27px;margin: 0; }

	.qnoc_testimonial01 .qnoc_testimonial_block_in { background-color: rgba(240, 247, 221, 0.95); }
	.qnoc_testimonial02 .qnoc_testimonial_block_in { background-color: rgba(228, 241, 248, 0.95); }
	.qnoc_testimonial03 .qnoc_testimonial_block_in { background-color: rgba(254, 244, 201, 0.95); }

}



.qnoc_faq h2 { background: url( /template/default/img/sp/2018bigsale/qnoc/h2_skincare_bg.jpg ) no-repeat top center; margin: 0 auto 30px; padding: 0; background-size: 200%; text-align: center;}
.qnoc_faq h2 img { width: auto; margin-bottom: 0;}
.qnoc_faq h3 { text-align: center; font-weight: normal; font-size: 15px; }

.qnoc_faq { background-color: #FFF; padding-bottom: 40px; border-bottom: 1px solid #ddd; }

.chat-talk { overflow: hidden; margin: 0 0 1em 0; padding-top: 35px; transition: .8s; }
.chat-talk span { display: block; margin: 0; padding: 0; }
.chat-talk .talk-icon { float: left; width: 50px; height: 50px; }
.chat-talk .talk-icon img { max-width: 100%; height: auto; vertical-align: bottom; border: 1px solid #ececec; border-radius: 50%; background: #fff; }
.chat-talk .talk-content { position: relative; box-sizing: border-box; width: auto; min-height: 50px; border-radius: 10px; background-color: #f6f6f6;; margin: 0 auto 0 65px; padding: 20px; font-size: 15px; }
.chat-talk .talk-content:before { position: absolute; top: 15px; left: -35px; display: block; width: 0; height: 0; content: ''; border: 20px solid transparent; border-right-color: #f6f6f6; }

.chat-talk.mytalk {padding-top: 0;}
.chat-talk.mytalk .talk-icon { float: right; width: 70px; height: 70px; }
.chat-talk.mytalk .talk-icon img { vertical-align: bottom; border: 1px solid #ececec;}
.chat-talk.mytalk .talk-content { margin: 0 85px 0 auto; color: #000; background: #fee5e9; font-size: 14px;  }
.chat-talk.mytalk .talk-content em { font-size: 16px; font-weight: bold; font-style: normal; }
.chat-talk.mytalk .talk-content:before { right: -35px; left: auto; border-color: transparent; border-left-color: #fee5e9; }

.chat-talk.mytalk span.faq_more{ color: #555; cursor: pointer; font-size: 13px; text-decoration: underline; margin-top: 15px;}
.chat-talk.mytalk span.faq_more:hover { color: #777; text-decoration: none; outline: none; }
.chat-talk.mytalk span.faq_hide_contents { display:none; font-size:13px; color: #333; line-height: 21px; margin-top: 10px;}

@media only screen and (min-width: 768px){
	.qnoc_faq h2 { background-size: auto;}
	.qnoc_faq h3 { font-size: 23px;}
	.chat-talk .talk-icon {  width: 100px; height: 100px; }
	.chat-talk .talk-content { margin: 5px auto 0 120px; padding: 30px; font-size: 20px; }
	
	.chat-talk.mytalk .talk-icon { width: 130px; height: 130px; }
	.chat-talk.mytalk .talk-content { margin: 5px 150px 0 auto; font-size: 18px;  }
	.chat-talk.mytalk .talk-content em { font-size: 22px; }
}

/*animation*/
.list-qnoc_mv { opacity: 0; transform: translate(0,60px); -webkit-transform: translate(0,60px); }
.qnoc_mv { opacity: 1.0; transform: translate(0,0); -webkit-transform: translate(0,0); }



.list-qnoc_point_mv{ transform: translate(0,40px);  -webkit-transform: translate(0,40px); }
.qnoc_point_mv{ transform: translate(0,0);  -webkit-transform: translate(0,0);}


.qnoc_review_btn { margin: 10px auto 40px;}

.qnoc_tube { text-align: center}
.qnoc_tube img {width: 400px;}
.qnoc_tube span { display: block; text-align: center; font-size: 12px; padding: 5px 10px;}

.comment_box_reply { margin: 20px 0 0 30px; color: #555; font-size: 90%; line-height: 20px; border-top: 1px dotted #ccc; padding: 20px 15px 10px 0;}
.comment_box_reply i { margin-left: -14px;}

.qnoc_ad { background: #a0e0e9; padding-top: 200px;}
.qnoc_ad_inner { background: #fff; text-align: center;}
.qnoc_ad_inner img { margin-top: -200px; width: 500px; margin-bottom: -30px; position: relative; z-index: 2;}

.qnoc_ad_date { color: #fff; text-align: center; background: #b30000; font-size: 20px; font-weight: bold; padding: 15px 10px; margin: 25px 10px 0;}

@media only screen and (min-width: 768px){
	.qnoc_ad { background: #a0e0e9; padding-top: 300px;}
	.qnoc_ad_inner img { margin-top: -290px;}

	.qnoc_ad_date { margin: 25px 10px 0;}
}

.block-shadow { position: relative;}
.block-shadow::before {
    content: "";
    width: 90%;
    height: 20px;
    border-radius: 50%;
    background-color: #000;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    margin: auto;
    box-shadow: 0px 10px 20px 15px rgba(0, 0, 0, 0.05);
}

.qnoc_ing { background: #FFF; margin-top: 0px; padding: 60px 0 40px;}
.qnoc_ing .qnoc_ing_btn { position: relative; display: block; text-align: center; padding: 15px 20px; font-size: 20px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.05); background-color: #fff; border-radius: 5px; margin-bottom: 20px; cursor: pointer; color: #0bb1c0;}
.qnoc_ing .qnoc_ing_btn span { display: block; font-size: 12px; margin: 0 0 3px; color: #ccc;}

.qnoc_ing .qnoc_ing_btn:hover {background-color: #edfdff;}

#contents_howto,
#contents_ing { padding: 10px; border: 1px solid #ddd; background: #fff; text-align: center; color: #000; margin-top: 20px; }
#contents_howto h4,
#contents_ing h4 { font-size: 22px;}
#contents_ing p { text-align: left; font-size: 12px}

.qnoc_howto_img img { width: 170px;}

.qnoc_howto_txt { margin-bottom: 30px;}
.qnoc_howto_txt img { width: 80px; margin-top: 0px;}
.qnoc_howto_txt p { font-size: 12px; text-align: left;}


@media only screen and (min-width: 768px){
	.qnoc_ing .qnoc_ing_btn { padding: 30px 20px;}
	#contents_howto,
	#contents_ing { padding: 20px 20px;}
	#contents_ing p { font-size: 13px}
}





.qnoc_salelink { padding: 50px 0; }


.inline_ing_popup h4 { font-size: 20px;}


.yellow_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;}