#qmgc { margin-bottom: 0px;}

.qmgc_kv { text-align: center; background: #deecef; position: relative; padding: 0 0 5px;}

.qmgc_kv_date { position: absolute; top: 2.5%;  width: 100%;}
.qmgc_kv_date span { border: 2px solid #de3548; padding: 3px 10px; color: #de3548;  display: inline-block; font-weight: bold; font-size: 16px;}


.qmgc_title_renewal { text-align: center; color: #fff; font-weight: bold; background: #ef857d; padding: 10px; margin-top: 20px; font-size: 20px;}

.qmgc_kv_notice { text-align: center; font-size: 10px; margin: 0 5%; width: 90%;}


@media only screen and (min-width: 768px){
	.qmgc_kv { background: url(/template/default/img/sp/qmgc/kv2_pc.jpg) no-repeat center top #f5f9f7; padding: 5px 0;}
	.qmgc_kv_date { margin-top: 0px}
	.qmgc_kv .qmgc_title { position: static; margin: 580px auto 0; width: 600px;}
	.qmgc_kv_notice { margin: 10px auto;}


}


.qmgc_title { width: 94%; text-align: center; background: rgba(255,255,255,0.7); /*box-shadow: 0 0 40px rgba(0,0,0,0.1);*/ padding: 15px 0px 5px; margin: 0 3% 10px; position: relative; z-index: 1;}
.qmgc_title p {margin: 0 auto;}
.qmgc_title1 { font-size: 16px; margin: 0; font-weight: bold; display: block;}
.qmgc_title1 span { font-size: 14px; font-weight: normal; display: block;}
.qmgc_title2 { font-size: 12px; margin: 0; display: block;}
.qmgc_title3 { font-size: 13px; margin: 10px 0 0px; display: block;}
.qmgc_title4 { font-size: 15px; margin: 5px 0 0px; display: block;}

@media only screen and (min-width: 768px){
	.qmgc_title { position: absolute; bottom: 25px;}
	.qmgc_title1 { font-size: 18px; }	
	.qmgc_title1 span { font-size: 19px; }
}
.qmgc_price { padding: 0 10px;}
.qmgc_price_txt { margin-bottom: 10px;}
.qmgc_price_txt span.qmgc_price_txt_title { font-size: 15px; }
.qmgc_price_txt span.qmgc_price_txt_number { font-size: 16px; font-weight: bold;}
.qmgc_price .btn { margin-bottom: 10px;}
.qmgc_price a.btn-sub { background: #fff; color: #caaf95; border: 1px solid #caaf95; position: relative;}
.qmgc_price a:hover.btn-sub { background: #e8eff5; }
.btn-sub::before{
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 1px #caaf95;
    border-right: solid 1px #caaf95;
    -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){
 .qmgc_price_txt span.qmgc_price_txt_number { font-size: 18px;}
}   
    

.qmgc_suggest { border-top: 1px solid #ddd; padding: 20px 15px 40px; }
.qmgc_suggest h2 { font-size: 24px; text-align: center; font-weight: normal;}
.qmgc_suggest h2 span { font-size: 16px; display: block;}

.qmgc_suggest_img { width: 80px; display: block; margin: 0 auto;}
.qmgc_suggest_txt { box-shadow: 0 0 20px rgba(0,0,0,0.1); line-height: 27px; padding: 25px 20px 10px; margin-top: -15%; font-size: 14px;}


@media only screen and (min-width: 768px){
	.qmgc_suggest { padding: 30px 0 60px; }
	.qmgc_suggest h2 { font-size: 32px;}
	.qmgc_suggest h2 span { font-size: 20px;}
	.qmgc_suggest_img { width: 80px;}
	.qmgc_suggest_txt { margin: -65px auto 0; line-height: 32px; width: 700px; padding: 35px 45px 20px;}

}

.qmgc_nayami { border-top: 1px solid #ddd; padding: 40px 15px; background: #f6f6f6; }

.qmgc_nayami_block { border: 1px solid #ddd; max-width: 700px; text-align: center; margin: 0 auto; padding: 0 0; background: url(/template/default/img/sp/qmgc/nayami_bg.jpg) no-repeat center top;}
.qmgc_nayami h3 { font-size: 19px; text-align: center; border-bottom: 1px solid #ddd; margin: 0; padding: 20px 5px; background: url(/template/default/img/sp/qmgc/nayami_title_bg.jpg) no-repeat center top;}
.qmgc_nayami h3 span { font-size: 24px; display: inline-block; padding: 5px 5px; background: #fff; margin: 0 5px; box-shadow: 0 0 15px rgba(0,0,0,0.2);}

.qmgc_nayami_block ul { margin: 20px 20px; display: inline-block; text-align: left;
}
.qmgc_nayami_block ul li { font-size: 15px; margin: 10px 0; padding: 0 0 0 25px; position: relative;}
.qmgc_nayami_block ul li img { position: absolute; top: 5px; left: 0; width: 20px;}
.qmgc_nayami_block ul li span { font-size: 19px; display: inline-block; font-weight: bold; background: linear-gradient(transparent 68%, #f1dbdb 50%);}

@media only screen and (min-width: 768px){
.qmgc_nayami { padding: 60px 15px; }
.qmgc_nayami h3 { font-size: 25px; }
.qmgc_nayami h3 span { font-size: 30px;}

}

.qmgc_ing { background: url(/template/default/img/sp/qmgc/ing_bg.jpg) no-repeat center top; background-size: cover; text-align: center; padding-bottom: 30px;}
.qmgc_ing h3 { background: rgba(255,255,255,0.5);  padding: 15px 0px; margin: 0 auto 20px; font-size: 20px;}
.qmgc_ing h2.qmgc_ing_title { margin: 0 35px;}
.qmgc_ing .qmgc_ing_qs { margin: 20px 30px;}

.qmgc_ing_block { width: 95%; background: #fff;;box-shadow: 0 0 20px rgba(0,0,0,0.05); padding: 20px; margin: 10px 0;}

.qmgc_ing_block.ing1 {margin: 0 5% 30px 0;}
.qmgc_ing_block.ing2 {margin: 0 0 0 5%;}

@media only screen and (min-width: 768px){
	.qmgc_ing { padding-bottom: 50px;}
	.qmgc_ing h2.qmgc_ing_title img { width: 350px;}
	.qmgc_ing_block_in {max-width: 400px;}
	.qmgc_ing_block.ing1 {margin: 0 20px 0 0; float: left;}
	.qmgc_ing_block.ing2 {margin: 0 0 0 20px; float: right;}
	.qmgc_ing_block.ing1 .qmgc_ing_block_in { float: right;}
	.qmgc_ing_block.ing2 .qmgc_ing_block_in { float: left;}

}

.qmgc_ing_block_title { margin-bottom: 15px;}
.qmgc_ing_block_img { margin-bottom: 15px;}
.qmgc_ing_block_txt { margin-bottom: 15px; text-align: left;}

.qmgc_name { display: flex; align-items: center; color: #999; margin-top: 20px; }
.qmgc_name:before,
.qmgc_name:after { border-top: 1px solid #ddd; content: ""; flex-grow: 1; }
.qmgc_name:before { margin-right: 1rem; }
.qmgc_name:after { margin-left: 1rem; }

.qmgc_ing_block dl { display: flex; text-align: left; margin: 15px auto;}
.qmgc_ing_block dl dt { margin-right: 10px;  }
.qmgc_ing_block dl dt img {border-radius:50%; border: 1px solid #ddd; width: 70px; }
.qmgc_ing_block dl dd { font-size: 12px;}
.qmgc_ing_block dl dd span {  display: block; font-weight: bold; font-size: 14px }




.qmgc_prod { text-align: center; position: relative; background: #ecf2ef;}
.qmgc_prod .qmgc_kv_date { top: 4%; }
.qmgc_prod .qmgc_title { position: static; width: 100%; margin: 0; background: none; }

@media only screen and (min-width: 768px){
	.qmgc_prod { padding-bottom: 50px;}
}
.qmgc_voice { padding: 20px 0; text-align: center; background:url(/template/default/img/sp/qmgc/voice_bg.jpg) no-repeat center top; background-size: cover; text-align: center;}
.qmgc_voice h2 { margin: 28px auto 40px; font-weight: normal; font-size: 18px}
.qmgc_voice h2 span {font-weight: bold; font-size: 130%;}
.qmgc_voice_block { background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.1); text-align: center; max-width: 700px; margin: 30px 20px 30px; padding: 20px; }

.qmgc_voice_pic img { width: 60px;}
.qmgc_voice_name { font-size: 12px; color: #555; margin-top: 5px;}
.qmgc_voice_comment { margin: 10px 0px 0; text-align: left; font-style: italic;}
.qmgc_voice_star { padding: 20px 20px 20px}

@media only screen and (min-width: 768px){
	.qmgc_voice  { padding: 40px 0;}
	.qmgc_voice h2 { font-size: 30px}
	.qmgc_voice_block { margin: 30px auto 30px; padding: 30px; line-height: 27px; }
	.qmgc_voice_comment{ font-size: 14px;}
}


.qmgc_faq {padding:20px 10px;text-align:center; max-width: 750px; margin: 0 auto;}
.qmgc_faq h2 { border-bottom: 1px solid #ccc; padding-bottom: 20px; font-size: 20px;}
.qmgc_faq .faq {margin:0; text-align:center; padding:0px;}

.qmgc_faq .faq dl{ display:block; text-align:left;}
.qmgc_faq .faq dl dt { display:block; padding:20px 10px 10px; color:#357edb; font-size: 16px;  }
.qmgc_faq .faq dl dd { padding:20px 15px 20px 45px; background:#e5f3ff; font-size: 14px; position: relative; }
.qmgc_faq .faq dl dt span.Qtl {font-size:1.6em;color:#357edb; margin-right:10px;}
.qmgc_faq .faq dl dd span.fatl { position: absolute; top: 20px; left: 15px; font-size:27px;color:#357edb;margin: 0;}

@media only screen and (min-width: 768px){
	.qmgc_faq { padding:50px 10px;}
	.qmgc_faq h2 { font-size: 25px;}
}


.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);
}

.qmgc_nayamiredients { background: #f6f6f6; margin-top: 0px; padding: 40px 0 40px; border-top: 1px solid #ddd;}
.qmgc_nayamiredients .qmgc_nayamiredients_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: #357edb;}
.qmgc_nayamiredients .qmgc_nayamiredients_btn span { display: block; font-size: 12px; margin: 0 0 3px; color: #ccc;}

.qmgc_nayamiredients .qmgc_nayamiredients_btn:hover {background-color: #ecf3ff;}

#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}

.qmgc_howto_img img { width: 90px; border: 1px solid #ddd;}

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

@media only screen and (min-width: 768px){
	.qmgc_howto_img img { width: 170px;}
}

.qmgc_sub { text-align: center; padding: 30px 10px;}

.to_mysub_button {background-color: #caaf95; border: 1px solid #caaf95; padding: 8px 40px; cursor: pointer; position: relative; display: inline-block; line-height: 1.6; text-align: center;}
.to_mysub_button a{color:#ffffff;font-size: 15px;}



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

	.to_mysub_button {padding: 14px 40px;}
	.to_mysub_button a{font-size: 18px;font-weight: bold;}
}


/*.footer_sticky { display: none !important;}*/