@charset "UTF-8";

.toolBox01 {
	background-color: #003399;
	}
.btnBrand01 > span {
	color: #003399;
	}

.mdh_prom_banner{
	width:940px;
	margin:0 auto;
	}
.mdh_prom_banner h3{
	text-align:center;
	margin-top:20px;
	}
.mdh_prom_banner a:hover img,
.mdh_prom_item a:hover img{
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(Opacity=60);
	}
.mdh_prom_banner img{
	max-width:100%;
	margin:auto;
	}

#mdh_prom_btn{
	margin:20px 0;
	zoom:100%;
	}
#mdh_prom_btn:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
#mdh_prom_btn01{
	float:left;
	width:460px;
	text-align:center;
	margin-bottom:10px;
	}
#mdh_prom_btn02{
	float:right;
	width:460px;
	text-align:center;
	margin-bottom:10px;
	}

.mdh_prom_area{
	width:940px;
	margin:0 auto;
	padding-bottom:24px;
	background:url('/~/Media/com/mediquick-h/promotion/201409/bg_mediprom_01.gif') repeat center top;
	}
div.mdh_prom_area{
	margin-bottom:50px;
	}

.mdh_prom_sp{
	background:url('/~/Media/com/mediquick-h/promotion/201409/bg_mediprom_04.gif') repeat center top;
	}

.mdh_prom_area h1{
	padding:4px 20px;
	font-size:12px;
	font-size:1.2rem;
	color:#fff;
	text-align:right;
	}
.mdh_prom_area .btnBrand01{
	margin-left:20px;
	}
#mdh_prom_name_g{
	background-color:#D90000;
	}
#mdh_prom_name_p{
	background-color:#324BDE;
	}

#swiffycontainer{
	max-width:940px;
	margin:0 auto;
	}

.mdh_prom_box{
	margin:0 40px 28px 40px;
	padding-top:28px;
	background-color:#fff;
	-webkit-box-shadow:2px 2px 2px 0 rgba(136,136,136,0.5) inset;
	-moz-box-shadow:2px 2px 2px 0 rgba(136,136,136,0.5) inset;
	box-shadow:2px 2px 2px 0 rgba(136,136,136,0.5) inset;
	/* Do rounding (native in Opera, Firefox and Safari) */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	}
.mdh_prom_box img{
	max-width:100%;
	margin:auto;
	}

.mdh_colm{
	background-color:#F4F8FF;
	}

.mdh_prom_item{
	padding: 28px 40px;
	zoom:100%;
	}
.mdh_prom_item:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}

.mdh_prom_item h2{
	text-align:center;
	margin-bottom:8px;
	}

.med_nymlist{
	zoom:100%;
	}
.med_nymlist:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
.med_nymlist li{
	border:1px solid #BFCFFF;
	width:380px;
	height:68px;
	margin-bottom:10px;
	background-color:#F4F8FF;
	text-align:center;
	/* Do rounding (native in Opera, Firefox and Safari) */
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	}
.med_nymlist_l{
	float:left;
	}
.med_nymlist_r{
	float:right;
	}
.med_nymlist h3{
	font-size:18px;
	font-size:1.8rem;
	text-align:center;
	color:#003399;
	padding:0 0 0 26px;
	display:inline;
	line-height:42px;
	line-height:4.2rem;
	background:url('/~/Media/com/mediquick-h/promotion/201409/dot01.gif') no-repeat left top;
	}

.med_nymlist_sp li{
	width:248px;
	height:60px;
	text-align:left;
	}
.med_nymlist_sp .med_nymlist_l{
	margin-right:10px;
	}
.med_nymlist_sp .med_nymlist_r{
	float:left;
	}
.med_nymlist_sp h3{
	font-size:16px;
	font-size:1.6rem;
	text-align:left;
	margin:6px 4px 0 6px;
	padding:4px 0 4px 26px;
	display:block;
	line-height:20px;
	line-height:2.0rem;
	}


.med_imgright_w380{
	width:380px;
	float:right;
	margin-left:16px;
	text-align:center;
	}
.med_imgleft_w380{
	width:380px;
	float:left;
	margin-right:16px;
	text-align:center;
	}
.med_cap{
	margin:0.5em 0 0 0;
	font-size:11px;
	font-size:1.1rem;
	}
.med_cap_right{
	margin:0.5em 0 0 0;
	font-size:11px;
	font-size:1.1rem;
	text-align:right;
	}

#mdh_bg_tohi{
	background:url('/~/Media/com/mediquick-h/promotion/201409/img_tohi_01.jpg') no-repeat 40px 200px;
	}

.ttl_bg_gold{
	background:url('/~/Media/com/mediquick-h/promotion/201409/bg_mediprom_02.gif') repeat center top;
	padding:4px;
	margin-bottom:12px !important;
	-webkit-box-shadow:2px 2px 2px 0 rgba(136,136,136,0.5) ;
	-moz-box-shadow:2px 2px 2px 0 rgba(136,136,136,0.5) ;
	box-shadow:2px 2px 2px 0 rgba(136,136,136,0.5) ;
		/* Do rounding (native in Opera, Firefox and Safari) */
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	}

.ttl_bg_gold2{
	background:url('/~/Media/com/mediquick-h/promotion/201409/bg_mediprom_02.gif') repeat center top;
	padding:8px 10px 6px 20px;
	margin-bottom:12px !important;
	-webkit-box-shadow:2px 2px 2px 0 rgba(136,136,136,0.5) ;
	-moz-box-shadow:2px 2px 2px 0 rgba(136,136,136,0.5) ;
	box-shadow:2px 2px 2px 0 rgba(136,136,136,0.5) ;
		/* Do rounding (native in Opera, Firefox and Safari) */
	border-radius:16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	color:#2A60CB;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	line-height:115%;
	}

.ttl_bg_shp{
	background:url('/~/Media/com/mediquick-h/promotion/201409/bg_mediprom_03.gif') repeat center top;
	padding:4px;
	margin-bottom:12px !important;
	-webkit-box-shadow:2px 2px 2px 0 rgba(136,136,136,0.5) ;
	-moz-box-shadow:2px 2px 2px 0 rgba(136,136,136,0.5) ;
	box-shadow:2px 2px 2px 0 rgba(136,136,136,0.5) ;
		/* Do rounding (native in Opera, Firefox and Safari) */
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	}

.ttl_bg_shp2{
	background:url('/~/Media/com/mediquick-h/promotion/201409/bg_mediprom_03.gif') repeat center top;
	padding:8px 10px 6px 20px;
	margin-bottom:12px !important;
	-webkit-box-shadow:2px 2px 2px 0 rgba(136,136,136,0.5) ;
	-moz-box-shadow:2px 2px 2px 0 rgba(136,136,136,0.5) ;
	box-shadow:2px 2px 2px 0 rgba(136,136,136,0.5) ;
		/* Do rounding (native in Opera, Firefox and Safari) */
	border-radius:16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	color:#fff;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	line-height:115%;
	}



#med_reason{
	width:380px;
	float:right;
	padding: 0;
	list-style: none;
	}
#med_reason li{
	width:auto;
	height:auto;
	margin-bottom:4px;
	text-align:left;
	padding:6px 4px 6px 20px;
	background:#F4F8FF url('/~/Media/com/mediquick-h/promotion/201409/arrow01.gif') no-repeat 6px 6px;
	}

.med_img_center{
	text-align:center;
	margin-bottom:18px;
	}

.med_read_center{
	text-align:left;
	width:640px;
	margin:0 auto 18px auto;
	}

.mdh_kodawari li{
	clear:both;
	}
.mdh_kodawari li h4{
	border:1px solid #ccc;
	width:380px;
	margin-bottom:8px;
	padding:12px 0;
	background:#FDFAD5 url('/~/Media/com/mediquick-h/promotion/201409/pic_point.gif') no-repeat 6px 6px;
	font-size:16px;
	font-size:1.6rem;
	text-indent:94px;
	float:left;
	/* Do rounding (native in Opera, Firefox and Safari) */
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	}
.mdh_kodawari li dl{
	width:380px;
	float:right;
	margin-bottom:10px;
	}

#mdh_prod_link{
	padding-top:30px;
	background:url('/~/Media/com/mediquick-h/promotion/201409/line01.gif') repeat-x center top;
	}
#mdh_prod_link h2{
	margin-bottom:16px;
	}

#mdh_kotsu{
	padding-top:20px;
	background:url('/~/Media/com/mediquick-h/promotion/201409/line01.gif') repeat-x center top;
	}

#mdh_kotsu h3{
	width:100px;
	text-align:right;
	float:left;
	}
#mdh_kotsu ul{
	width:640px;
	float:right;
	}

.mdh_list_01{
	margin-bottom:1em;
	}
.mdh_list_01 li{
	margin:0 0 0.5em 0;
	padding:1px 0 0 14px;
	background:url('/~/Media/com/mediquick-h/promotion/201409/arrow01.gif') no-repeat left top;
	}

.mdh_list_02{
	border:1px dotted #999;
	background-color:#ececec;
	}
.mdh_list_02 li{
	margin:0.5em 3em 0.5em 3em;
	list-style:disc;
	padding:0 0 0 1.5px;
	font-size:12px;
	font-size:1.2rem;
	}

.mdh_img_right{
	float:right;
	margin-left:12px !important;
	margin-bottom:8px !important;
	max-width:30% !important;
	}
.mdh_img_left{
	float:left;
	margin-right:12px !important;
	margin-bottom:8px !important;
	max-width:30% !important;
	}

.mdh_leftmargin{
	margin-left:20px;
	}



/* ============================== BREAK POINT ==============================
tablet Layout
================================= BREAK POINT ============================== */
@media screen and (max-width:768px) {
	.mdh_prom_banner{
		width: 90.6%;
		}
	#mdh_prom_btn01{
		width:auto;
		float:none;
		}
	#mdh_prom_btn02{
		width:auto;
		float:none;
		}

	.mdh_prom_area{
		width:auto;
		}
	.mdh_prom_area .btnBrand01{
		margin-left:0;
		}
	div.mdh_prom_area{
		margin-bottom:40px;
		}

	.mdh_prom_box{
		width: 90.6%;
		margin:0 auto 20px auto;
		padding-top:20px;
		}
	.mdh_prom_item{
		padding:0 20px 20px 20px;
		}
	#swiffycontainer{
		max-width:100%;
		}

	.med_nymlist li{
		width:auto;
		height:auto;
		margin-bottom:8px;
		padding-bottom:8px;
		}
	.med_nymlist_l{
		float:none;
		}
	.med_nymlist_r{
		float:none;
		}

	.med_nymlist_sp li{
		width:auto;
		height:auto;
		}
	.med_nymlist_sp .med_nymlist_l{
		margin-right:0;
		}
	.med_nymlist_sp .med_nymlist_r{
		float:none;
		}
	.med_imgright_w380{
		width:auto;
		float:none;
		margin:0 0 10px 0;
		}
	.med_imgleft_w380{
		width:auto;
		float:none;
		margin:0 0 10px 0;
		}

	#mdh_bg_tohi{
		background:url();
		}

	#med_reason{
		width:auto;
		float:none;
		margin-top: 10px;
		}
	.med_read_center{
		width:auto;
		margin:0 auto 1em auto;
		}

	.mdh_kodawari li h4{
		width:auto;
		float:none;
		}
	.mdh_kodawari li dl{
		width:auto;
		float:none;
		}

	#mdh_kotsu h3{
		width:auto;
		text-align:center;
		float:none;
		margin-bottom:0.5em;
		}
	#mdh_kotsu ul{
		width:auto;
		float:none;
		}
	.mdh_list_02 li{
		margin:0.5em 1em 0.5em 2em;
		}

	.mdh_leftmargin{
		margin-left:0;
		}

	}


/* ============================== BREAK POINT ==============================
SP Layout
================================= BREAK POINT ============================== */
@media screen and (max-width:480px) {
	div.mdh_prom_area{
		margin-bottom:32px;
		}
	.mdh_prom_item{
		padding:20px 10px;
		}
	.med_cap_right{
		text-align:left;
		}
	}

#gld_prod{
	padding:0 0 6px 0;
	}
#gld_prod .btn_txt01{
	padding: 1em 0.5em;
	min-width:320px;
	}
#gld_lohaco .btn_txt01{
	padding: 1em 0.5em;
	min-width:320px;
    border: solid 1px #A27409;
    background-color: #A27409;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.7, #E0A00C), color-stop(1, #BA850A));
    background-image: -o-linear-gradient(bottom, #E0A00C 70%, #BA850A 100%);
    background-image: -moz-linear-gradient(bottom, #E0A00C 70%, #BA850A 100%);
    background-image: -webkit-linear-gradient(bottom, #E0A00C 70%, #BA850A 100%);
    background-image: -ms-linear-gradient(bottom, #E0A00C 70%, #BA850A 100%);
    background-image: linear-gradient(to bottom, #E0A00C 70%, #BA850A 100%);
	}

#header_lohaco{
	padding:22px 40px 16px 40px;
	box-sizing:border-box;
	text-align:left;
	zoom:100%;
	}
#header_lohaco:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}

#header_lohaco .btn_txt01{
	padding: 0.5em 0.25em;
    border: solid 1px #A27409;
    background-color: #A27409;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.7, #E0A00C), color-stop(1, #BA850A));
    background-image: -o-linear-gradient(bottom, #E0A00C 70%, #BA850A 100%);
    background-image: -moz-linear-gradient(bottom, #E0A00C 70%, #BA850A 100%);
    background-image: -webkit-linear-gradient(bottom, #E0A00C 70%, #BA850A 100%);
    background-image: -ms-linear-gradient(bottom, #E0A00C 70%, #BA850A 100%);
    background-image: linear-gradient(to bottom, #E0A00C 70%, #BA850A 100%);
    font-size:15px;
    font-size:1.5rem;
	}

#cp_lohaco1{
	width:68%;
	float:left;
	padding:8px 0 0 0;
	}
#cp_lohaco2{
	width:32%;
	float:left;
	text-align:right;
	}

@media screen and (max-width:768px) {
	#header_lohaco{
		padding:16px 20px 12px 20px;
		text-align:center;
		}
	#cp_lohaco1{
		width:auto;
		float:none;
		padding:0 0 10px 0;
		}
	#cp_lohaco2{
		width:auto;
		float:none;
		text-align:center;
		}
	}

@media screen and (max-width:767px) {
	img.pc_lotion_btn {
		display: none;
	}
	#mdh_prom_btn00 {
		width: auto;
		text-align: center;
		margin-bottom: 10px;
	}
}
@media screen and (min-width:768px) {
	#mdh_prom_btn00 {
		width: 100%;
		max-width: 940px;
		text-align: center;
		margin-bottom: 10px;
	}
	img.sp_lotion_btn {
		display: none;
	}
}