@charset "UTF-8";
/* CSS Document */

	
	
/*
***********************************
*コンテンツ
***********************************
*/	

       #mu_lp {
		   width:100%;
			font-family:"游ゴシック体", "Yu Gothic", YuGothic,   "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			margin:0;
			padding:0;
			text-align:left;
			font-size:13px;
			line-height:170%;
			letter-spacing:1px;
			color:#4c4c4c;
		}

			
	  #mu_pc_lp_out{
		  width:100%;
		  background-color:#dfebff;
		}
		
       #mu_pc_lp {
		   /*width:90%;*/
		   width:100%;  /* 修正 */
		   max-width:650px;
			font-family:"游ゴシック体", "Yu Gothic", YuGothic,   "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			margin:0 auto;
			padding:0 5%;
			text-align:left;
			font-size:13px;
			line-height:170%;
			letter-spacing:1px;
			color:#4c4c4c;
			background-color:#FFF;
			padding-bottom: 50px;
		}

			
		#mu_lp img,#mu_pc_lp img{
			width:100%;
			max-width:650px;
			margin:0;
		}

	/*
	    #mu_top_mainvis{
			width:100vw;
		}
	*/			
			
		/*横幅規定_共通*/		 
		
		#mu_top_element_in,#mu_top_doctor_in,#mu_top_voice_in,#concern1_in,#mu_top_element2_in,#mu_top_doctor3_in,#element2_list,mu_top_explain_list2,#mu_last01_in,#mu_made{
			width:100%;
			max-width:100%;
			margin:0 auto;
			text-align:center;}
			
		/*トップベース青背景*/	
		
        #mu_top_doctor,#mu_top_doctor3,#mu_top_explain_list1,#mu_last01,#mu_month{
			 background-color:#DDEAFF;}
		
	
		/*トップ画像下テキスト*/			
		#maincopy{
			width:100%;
			text-align:center;
			background-color:#283554;
			padding:10px 0 !important;
			font-size:14px;
			font-weight:bold;
			letter-spacing:2px;
			color:#FFF;}
		
		
		/*成分表記_トップ*/	
		
		#mu_top_element{
			background-color:#FFF;}
		


			 
		/*お客様の声_トップ*/
			 
	    #mu_top_voice{
			background-color:#e7e7e5;}
			 
			 
			 
		/*購入分岐ボタン*/	
		 
	    .mu_top_buy{
			background-color:#DDEAFF;
			/*width:100%;  変更した */
			padding:50px 5%;
			font-size:14px;
			margin-bottom: 15px;
			margin-top: 15px;
			}
		
		.mu_top_buy ul li{
			width:100%;
			float:none;
			margin-bottom:30px;
			background-color:#FFF;}
			
		.mu_top_buy ul li:nth-child(2n){
     		margin-bottom:0;}
		
		.mu_top_buy ul:after{display:block;clear:both;content:"";}	
		


		
		
		.single_buy_btn{
			background-color:#CBD79C;
			color:#263977;
			font-weight:bold;
			padding:20px 3%;
			width:100%;
			text-align:center;}
			
		a:hover .single_buy_btn {
			background-color:#9DD6A5;}	
			
		.monthly_buy_btn{
			background-color:#F7C1C1;
			color:#263977;
			font-weight:bold;
			padding:20px 3%;
			width:100%;
			text-align:center;}
			
		a:hover .monthly_buy_btn {
			background-color:#F4E6C1;}	
		

		/*悩み*/	
	    #concern1{
			width:100%;
			background-color:#4D5A74;}		
			
	     #concern2{
			width:100%;
			height:auto;
			background-image:url(../img/mindup/concern/concern02_bk.jpg);
			background-size: cover;
			background-position:center;
			background-repeat:no-repeat;
			}			 
			 
			
		#concern2_in{
			width:100%;
			max-width:735px;
			margin:0 auto;
			text-align:center;}
		
	
	
	
		/*ドクター経験談*/		
		
		
		#mu_dctr_talk{
			width:100%;}
			
		.pt_section:after{display:block;clear:both;content:"";}	
		
		
		.pt_section{ margin:40px 0;}
		
		.pt_left{
			width:100%;
			float:none;
			margin-right:0;
			margin-bottom:30px;}
			
		.txt_right{
			width:100%;
			float:none;}
		
		#mu_dctr_talk2 dl{
			width:90%;
			margin:30px 5%;}
		
		#mu_dctr_talk2 dt{
			width:100%;
			text-align:center;
			background-color:#283554;
			padding:10px 5%;
			font-weight:bold;
			letter-spacing:1px;
			font-size:13px;
			color:#FFF;
			margin:20px 0 20px 0;
			border-radius: 5px;        /* CSS3草案 */  
			-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
			-moz-border-radius: 5px;   /* Firefox用 */}
			
		#mu_dctr_talk2 dd{
			width:100%;
			margin:0 2%;}
			
		#mu_dctr_talk1:after{display:block;clear:both;content:"";}	
		
		#mu_dctr_prof{
			width:38%;
			float:left;
			margin-right:5%;}
			
			
		.txt_strong{
			font-size:15px;
			font-weight:bold;
			margin:30px 0;
			color:#283554;
			line-height:200%;}
			
			
		#mu_prof_detail{
			background-color:#EEE;
			padding:30px 8%}
			
		.doc_name{
			font-size:18px;
			font-weight:bold;
			margin:5px 0 15px 0;
			color:#283554;}
			
			
		/*補足説明*/	
		
		#mu_top_explain_list1_in{
			width:100%;
			max-width:1100px;
			margin:0 auto;
			text-align:center;}
			
		#mu_top_explain_list3{
			width:100%;
			height:350px;
			background-image:url(../img/mindup/explain/explain_03.jpg);
			background-size: cover;
			background-position:center;
			background-repeat:no-repeat;}
			
		#mu_top_explain_list3_smt{
			width:100%;
			height:auto;
			background-image:url(../img/mindup/explain/explain_03_smt.jpg);
			background-size: cover;
			background-position:center;
			background-repeat:no-repeat;}
			
			
		/*成分詳細*/		
	
	    #element2_list1{}
		 
			
		#element2_list2 ul{
			margin-top:10px;}
	
	
		/*ユーザーボイス*/
		
		#mu_uservoice{
			width:100%;
			background-color:#FFF;
			padding:0;
			margin:0 auto;
			text-align:center;}
			
	
	
		/*Q&A*/	
		
		#mu_qanda{
			width:90%;
			margin:40px 5%;
			font-size:12px;
			font-weight:bold;}
			
		#mu_qanda img{
			text-align:center;
			width:60%;
			margin:0 20% 40px 20%;}
		
		#mu_qanda label{
			background:#EEE;
			display: block;
			padding: 8px 20px;
			margin-bottom:10px;
			cursor: pointer;}
			
			
		#mu_qanda input[type="checkbox"].on-off,
		#mu_qanda input[type="checkbox"].on-off +div{
			display: none;}
			
			
		#mu_qanda input[type="checkbox"].on-off:checked +div{
			display: block;}
			
		#mu_qanda div{
			margin: 0 0 10px;
			padding-left:30px;}
			
			
		/*LAST*/	
		
		#mu_month img{
			width:40%;
			padding:50px 20%;}
		
		#mu_last_pdt{
			width:90%;
			margin:60px 5%;
			text-align:center;}

		
	/*お問い合わせボタン*/
		#contact_btn p{
			width:100%;
			margin:30px 0;
			padding:20px 0;
			color:#006;
			font-weight:bold;
			background-color:#deebfe;
			text-align:center;}	
			
		#contact_btn p:hover{
			background-color:#c9dafc;}
		
			
        /*FOOTER*/
		
		#lp_footer{
			width:100%;
			color:#333;
			border-top:1px solid #666;
			text-align:center;
			padding:0 0 10px 0;
			margin-top:15px;
			font: size 11px
			;}		
			
		#lp_footer ul:after{display:block;clear:both;content:"";}	
		
		#lp_footer ul{
			width:90%;
			margin:10px 5%;}
		
		#lp_footer ul li{
			float:none;
			/* padding:5px 1%; */
		}
			
		
		
		/*FORM AREA*/
		
		#mu_lp_form{
			width: 90%;
			margin:0 5%;}

		#mu_lp_form_pc {
			width: 100%;
			margin:0 auto;
		}
			
			
			
		/*	トップページ  */
		
		#top_smp_mainban{
			width:100%;}


        /*	PC版LPフォーム変更 190809 */

        #lpshoppingcolumn {
        	border: 1px solid #aaa !important;
        }

        #lpshoppingcolumn #product_id {
        	font-size: 0.9em !important;
        }

        #lpshoppingcolumn .w98 {
        	width:90% !important;
        }

        #lpshoppingcolumn input[type="text"] {
        	font-size: 0.8em !important;
        }

        #lpshoppingcolumn form .custom-select select {
        	font-size: 0.8em !important;
        }

        #lpshoppingcolumn p {
        	font-size: 0.8em !important;
        }

        #lpshoppingcolumn table th {
        	font-size: 13px !important;
        	padding: 0px 5px 5px 0px !important;
        }

        #lpshoppingcolumn .lp_red {
        	font-size: 75% !important;
        }

        #lpshoppingcolumn input[type=checkbox] + label {
        	font-size: 0.9em !important;
        }

        .nohyphen {
        	margin: 10px 0 0 7px !important;
        	font-size: 0.8em !important;
        }

        #lpshoppingcolumn .register_btn {
        	width:80% !important;
        }

        #lpshoppingcolumn #quantity {
        	width: 100px !important;
            text-align: left !important;
        }

        #payment_area #payment_methods em {
        	font-size: 0.6em;
        }

        #payment_area table td {
        	display: block !important;
        	border:none !important;
        }

        #payment_area table td img {
        	width:80%;
        }

        #lpshoppingcolumn .w20 {
        	width:30% !important;
        }


		/* 入力を省略するボタンの先の矢印の大きさ */
		
		#lp-login-forget img {
			width: 19px;
			height: 19px;
		}

		#lpshoppingcolumn .pdt20 img {
			width: 19px;
			height: 19px;
		}

@media screen and (max-width: 480px) {

	.label-1 {
		font-size: 1.7rem;
		width: 80%;
	}

	.title-label {
		font-size: 3.5rem;
		padding: 30px;
	}

	.title-label-2 {
		font-size: 1.5rem;
	}

	.label-2 {
		width: 80%;
		height: 4vh;
        line-height: 4vh;
		font-size: 1.3rem;
	}

	.list-1 {
		height: 7vh;
		border-radius: 1vh;
		line-height: 16px;
		font-size: 0.5rem;
		margin-top: 12px;
		margin-left: 10px;
	}

	.list-2 {
		width: 50%;
	}

	.list-3 {
	height: 7vh;
    line-height: 3vh;
	border-radius: 1vh;
	font-size: 0.5rem;
	margin-top: 11px;
	margin-right: 10px;
	margin-bottom: 0;
	}

	.list-3 p{
		padding-top: 6px;
	}

	.number-1 {
		font-size: 1.6rem;
        line-height: 30px;
	}

	.number-2 {
		font-size: 0.7rem;
	}

	.number-4 {
		font-size: 1rem;
	}

	.number-5 {
		font-size: 1.4rem;
        line-height: 30px;
	}

	.small-1 {
		font-size: 0.4rem;
	}

	.small-2 {
		font-size: 0.6rem;
	}

	.small-3 {
		font-size: 0.4rem;
	}

	.small-4{
		font-size: 0.5rem;
	 } 

	.list-4 {
		line-height: 2vh;
        border-radius: 1vh;
        font-size: 0.5rem;
        padding: 5px 8px;
        margin-bottom: 6px;
    }

	.buy-p {
		padding-top: 0;
	}

	.buy p {
		font-size: 0.6rem;
		line-height:150%;
		letter-spacing: 0;
		margin-bottom: 5px;
	}

	.buy-btn {
		height: 6vh;
        line-height: 6vh;
        border-radius: 1vh;
        font-size: 1rem;
        width: 90%;
	}

	.text_c {
		text-align: center;
	}

	.list-1-single {
		border-radius: 0.5vh;
	}

	.form1 {
		text-align: center;
	}

	.buy-btn2 {
		width: 90%;
    height: 13vh;
    font-size: 1.7rem;
    line-height: 3vh;
    border-radius: 3vh;
    padding-top: 22px;
	text-decoration: none;
}

.guarantee {
	font-size: 0.9rem;
}

.guarantee::before, .guarantee::after {
    width: 45px;
}

/* 新しい記述 */



.point_1 {
	line-height: 1vh;
	font-size: 0.8rem;
	border-radius: 0.8vh;
	width: 125px;
}

.p_5 {
	font-size: 0.6rem;
}

.p_6{
	font-size: 0.8rem;
	margin: 0 40px;
	line-height: 30px;
}

.li-l{
	padding-top: 0px;
}


	}



	/* 新しい記述 */

	.p_1 {
		font-size: 1.4rem;
	 }
	
	 .p_2 {
    margin: 0 55px;
	line-height: 35px;
	font-size: 1.4rem;
	 }
	
	 .p_3 {
		line-height: 15px;
		padding-top: 25px;
	 }
	
	 .p_4 {
		font-size: 1.4rem;
		line-height: 30px;
		margin:10px 0;
	 }

		/*	単品  */




	.title-label-single {
		font-size: 2rem;
        margin-top: 30px;
	}

	.title-label-2-single{
		font-size: 0.8rem;
		margin-left: 23px;
        padding-top: 8px;
	}

	.list-1-single {
		border-radius: 0.5vh;
		padding: 10px 5px 10px 10px;
		font-size: 0.4rem;
		margin-left: 0px;
		top: 17px;
	}

	.list-4-single {
		border-radius: 0.5vh;
		padding: 10px 5px 10px 9px;
		font-size: 0.5rem;
		position: relative;
        top: 24px;
        letter-spacing: 2.5px;
		margin-left: 0px;

	}

	.buy-guide {
		border: solid 10px #E2E2E2;
		font-size: 0.5rem;
        line-height: 13px;
	}

	.buy-guide-item1 {
		font-size: 0.8rem;
	}

	.buy-guide-item2 {
		font-size: 0.8rem;
		padding: 8px 10px;
	}

	.buy-guige-item3 {
		font-size: 0.6rem;
		padding: 10px;
	}

	.buy-guide-item1::before {
		height: 1px;
		width: 80px;
	}

	.buy-guide-item1::after {
		height: 1px;
		width: 80px;
	}

	


/*追記項目 202505*/	

.buy_annotation{
	background-color: #eeeeee;
	padding:20px;
	border-radius: 5px;
	font-size: 0.7rem;
}

.annotation_tit{
	font-weight: bold;
}



.annotation_img{
	margin: 15px 0;}