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

       #container {
		   width: 100% !important;
		   padding:0 !important;}
		   
	   #lpshoppingcolumn{
		   max-width:1000px !important;
		   margin:100px auto !important;}
	   
			
		h1,h2,h3,h4,h5,h6,pre,p,ul,ol,li,dl,dt,dd,th,td,div{
			margin: 0; 
			padding: 0;
			font-weight:normal;
			font-size:100%;}
		
		ul,ol,li,dl,dt,dd{
			list-style-type: none;}
		
		a{color:#283554; 
			text-decoration: none; 
			font-weight:bold;
		    font-size: 12px;
		}
		a:hover{color:#7E89AA;}
		
		img {border: none;}
		
		a:hover img {
		  opacity: 0.8;
		  filter: alpha(opacity=90);
		  -ms-filter: "alpha(opacity=90)";
		}
		
			
		/*
		***********************************
		*float
		***********************************
		*/
		
		.floatR{float:right;}
		.floatL{float:left;}
		.clear{clear:both; width:100%;}
		.clearfix:after{display:block;clear:both;}
			
		/*
		***********************************
		*margin&padding
		***********************************
		*/
		
		.MT20{margin-top:20px;}
		.MB40{margin-bottom:40px;}
		.MTB30{margin:30px 0;}
		.no{margin: 0px;padding: 0px;}
		
		
		/*
		***********************************
		*img
		***********************************
		*/
			
		
		.dsp_50per{
			width:50%;
			margin:0 auto;
			text-align:center;}
			
		.dsp_60per{
			width:60%;
			margin:0 auto;
			text-align:center;}
			
			
		.dsp_70per{
			width:70%;
			margin:0 auto;
			text-align:center;}
			
	
        /*
		***********************************
		*PAGE TOP
		***********************************
		*/
		
		
		.pagetop {
			display: none;
			position: fixed;
			bottom: 30px;
			right: 30px;
			z-index:100000000000;}
			
			
		.pagetop a {
			display: block;
			background-color:#999;
			text-align: center;
			color: #FFF;
			font-size: 10px;
			padding: 5px 10px;
			letter-spacing:1px;
			border-radius: 3px;        /* CSS3草案 */  
			-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
			-moz-border-radius: 3px;   /* Firefox用 */  }
			
			
		.pagetop a:hover {
			z-index:1000000000000000;
			display: block;
			background-color:#DDD;
			text-align: center;
			color: #fff;
			font-size: 10px;
			padding: 5px 10px;
			letter-spacing:1px;
			border-radius: 3px;        /* CSS3草案 */  
			-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
			-moz-border-radius: 3px;   /* Firefox用 */  }
			
			
			
		@media screen and (max-width:499px){
				
			.pagetop {
			bottom: 10px;
			right: 30px;}
				
				
				
			}
		
		
		/*
		***********************************
		*text&font
		***********************************
		*/
		
		.white{color:#FFFFFF;}
		.bold{font-weight:bold;}
		.center{text-align:center;}
		.txt_emph{
			font-weight:bold;
			color:#AD3232;}
		.txtR{text-align:right;}
		.font17{font-size:17px;}
		.font10{font-size:10px;}
		.font22{font-size:22px;}
		
		.font12{font-size:12px;
		        line-height:170%;}
				
				
				
		
		/*	トップページ  */
		
		#top_smp_mainban{
			width:100%;}


		/*	PCページワイド調整 */			
			
		#pc_limited{
			width:40% !important;
			margin:0 25% !important;
			padding:0 5%;
			background-color:#CCC;}
		
		

	
			
	/*original-tpl-css*/
		
		/* ==================BUTTON===================== */

.buy-btn {
	width: 650px;
	height: 15vh;
	background-image: -webkit-linear-gradient(left, #2480BC 40%, #03358A 100%);
	/* background-image: linear-gradient(90deg, #2480BC 40%, #03358A 100%); */
	color: #fff;
	font-size: 2.4rem;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	line-height :14vh;
	border-radius: 3vh;
	text-decoration: none;
 }
 
 .fa-solid {
   margin-right: 5px;
 }
 
 .buy-btn:hover {
   -webkit-transform: translate(0, -2px);
   transform: translate(0, -2px);
   color: #fff;
   -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
   box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
 }

  /* =========初回限定============== */
 /* 左右に横線 */
 .guarantee {
	align-items: center; /* 横線を上下中央 */
	display: flex; /* 文字と横線を横並び */
	justify-content: center; /* 文字を中央寄せ */
	font-size: 1.5rem;
	 padding: 10px 0;
  }

  .guarantee::before,
 .guarantee::after {
   background-color: #fff; /* 横線の色 */
   content: "";
   height: 2px; /* 横線の高さ */
   width: 100px; /* 横線の長さ */
 }
 .guarantee::before {
   margin-right: 15px; /* 文字との余白 */
 }
 .guarantee::after {
   margin-left: 15px; /* 文字との余白 */
 }

 .buy-btn2 {
	width: 100%;
	height: 16vh;
	background-image: -webkit-linear-gradient(left, #2480BC 40%, #03358A 100%);
	/* background-image: linear-gradient(90deg, #2480BC 40%, #03358A 100%); */
	color: #fff;
	font-size: 2.4rem;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	line-height :6vh;
	border-radius: 3vh;
	text-decoration: none;
	padding-top: 30px;
	margin: 20px 0;
 }
 
 .fa-solid {
   margin-right: 5px;
 }
 
 .buy-btn2:hover {
   -webkit-transform: translate(0, -2px);
   transform: translate(0, -2px);
   color: #fff;
   -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
   box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
 }
 
 /* ==================定期購入===================== */
 
 .buy-wrapper{
   display: flex;
   flex-direction: column;
 }

 .flex {
	display: flex;
	flex-direction: column;
 }
 
 .buy {
   color: #2E3444;
   font-weight: bold;
   font-size: 1.2rem;
   margin-top: 20px;
 }


 .buy p {
   line-height: 28px;
 }
 
 
 .label-1 {
   font-size: 2.5rem;
   font-family: "Noto Serif JP", serif;
   font-optical-sizing: auto;
   font-weight:normal;
   font-style: normal;
   border-bottom: 1px solid #2E3444;
   text-align: center;
   padding-bottom: 20px;
   width: 600px;
   margin: auto;
   margin-top: 30px;
 }
 
 .title-label {
   text-align: center;
   font-family: "Noto Serif JP", serif;
   font-optical-sizing: auto;
   font-weight: 500;
   font-style: normal;
   font-size: 5.5rem;
   margin: auto;
   padding: 50px;
 }
 
 .title-label-2 {
   font-weight: bold;
   font-size: 2rem;
   /* margin: auto; */
   text-align: center;
 }
 
 .label-2 {
   width: 420px;
   height: 7vh;
   line-height: 7vh;
   background-image: -webkit-linear-gradient(left, #2480BC 40%, #03358A 100%);
   color: #fff;
   font-size: 2rem;
   letter-spacing: 10px;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   margin: auto;
   margin-top: 20px;
 }
 
 .buy-wrapper ul {
   /* display: flex; */
   padding: 0;
   margin: 0;
   gap: 15px;
    /* justify-content: center; */
 }
 
 .buy-wrapper li{
   list-style: none;
   font-weight: 900;
   letter-spacing: 3px;
 }
 
 .buy-p {
   font-size: 1.5rem;
   padding-top: 50px;
   text-align: center;
 }
 
 .list-1 {
	width: 25%;
    height: 14vh;
    background-color: #FF6D6C;
    color: #fff;
    font-size: 1.5rem;
    /* letter-spacing: 5px; */
    /* font-weight: bold; */
    text-align: center;
    text-decoration: none;
    /* margin: auto; */
    margin-top: 43px;
    border-radius: 2vh;
    line-height: 45px;
    padding-top: 10px;
 }

 .list-2 {
	width: 40%;
 }
 
 .list-3 {
   width: 30%;
	 height: 17vh;
	 line-height: 7vh;
	 background-color: #F0F0F0;
	 color: #22324F;
	 font-size: 1.5rem;
	 letter-spacing: 5px;
	 font-weight: bold;
	 text-align: center;
	 text-decoration: none;
	 margin: auto;
	 margin-top: 35px;
	 margin-bottom: 20px;
	 border-radius: 2vh;
 }

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

 
 
 .small-1 {
   font-size: small;
 }
 
 .small-2 {
   font-size: 1.3rem;
   font-weight: bold;
 }

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

 .small-4{
	font-size: 1rem;
 }
 
 .number-1 {
   color: #CC494A;
   font-family: "Noto Serif JP", serif;
   font-weight: 700;
   font-size: 3.4rem;
   letter-spacing: 0.3px;
   /* padding-left: 2vw; */
   line-height: 90px;
 }
 
 .number-2 {
   font-family: "Noto Serif JP", serif;
   font-weight: bold;
   letter-spacing: 0.3px;
   font-size: 1.7rem;
 }

 .number-3 {
	font-family: "Noto Serif JP", serif;
   font-weight: bold;
   font-size: 20px;
   letter-spacing: 0.3px;
 }

 .number-4{
	font-family: "Noto Serif JP", serif;
   font-weight: bold;
   letter-spacing: 0.3px;
   font-size: 1.7rem;
 }

 .number-5 {
	color: #CC494A;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-size: 3.4rem;
	letter-spacing: 0.3px;
	/* padding-left: 2vw; */
	line-height: 90px;
  }
 
 .list-4 {
	 line-height: 6vh;
	 color: #22324F;
	 font-size: 1.5rem;
	 text-align: center;
	 text-decoration: none;
	 border-radius: 2vh;
	 border: solid 2px #22324F;
	 padding: 5px 20px;
	 margin-bottom: 20px;
 }

 /*購入確認画面へ*/
.buy-conf {
    margin: 0 auto;
    width: 100%;
    height: 50px;
    line-height: 10px;
    cursor: pointer;
    font-size: 22px;
    font-family: inherit;
	font-weight: bold;
    vertical-align: middle;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background: linear-gradient(#64d549, #28a108);
    border: 1px solid #41b723;
    margin-top: 20px;
}

.buy-conf:hover {
    -webkit-transform: translate(0, -2px);
    transform: translate(0, -2px);
    color: #fff;
    -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
    box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
  }

 /* .some-wrapper {
	border: solid 20px #DFEBFF;
 } */

		/* 新しい記述 */

		.wrapper_1 {
			text-align: center;
			font-size: 1.8rem;
			line-height: 50px;
		}



	.p_1 {
		font-size: 1.0rem !important;
		margin: 0 auto;
	}
	
	.p_2{
		border-top: #333 solid 1px;
		border-bottom: #333 solid 1px;
		margin: 0 100px;
	} 

	.p_3 {
		line-height: 20px;
        padding-top: 25px;
		margin: 0 auto;
	 }
	
	 .p_4 {
		font-size: 1rem;
		line-height: 50px;
		margin: 0 auto;
	 }
	
	.del {
		/* color: #DFEBFF; */
	  text-decoration: line-through;
	font-size:1.4rem;
	}
	


	.mindup_img_1 {
		width: 60% !important;
		padding: 20px 20% 0;
	}



 
 /* ================単品======================== */
 
 .buy-wrapper-2 {
   display: flex;
 }

 .buy-wrapper-2 ul {
	display: flex;
	flex-direction: column;
 }
 
 .single {
   margin-top: 40px;
   margin-bottom: 30px;
 }
 
 .pr_0 img {
   width: 250px;
   margin: 20px 40px 20px 50px;
 }
 
 .title-label-single {
   text-align: center;
   font-family: "Noto Serif JP", serif;
   font-optical-sizing: auto;
   font-weight: 500;
   font-style: normal;
   font-size: 5rem;
   margin: auto;
   margin-top: 50px;
 }
 
 .title-label-2-single {
   font-weight: bold;
   font-size: 1.5rem;
   margin: auto;
   margin-left: 60px;
   padding-top: 40px;
 }
 
 .list-1-single {
   background-color: #FF6D6C;
   color: #fff;
   font-size: 1rem;
   letter-spacing: 5px;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   border-radius: 1vh;
   padding: 20px 10px;
   position: relative;
   top: 50px;
   margin-left: 20px;
 }
 
 .list-4-single {
   line-height: 6vh;
   color: #22324F;
   font-size: 1rem;
   text-align: center;
   text-decoration: none;
   margin: auto;
   border-radius: 2vh;
   border: solid 2px #22324F;
   padding: 10px 15px 10px 20px;
   margin-left: 7px;
   position: relative;
   top: 80px;
   letter-spacing: 7.5px;
 }


 /* 新しい記述 */

 .wrapper_2 {
	display: flex;
}

.wrapper_2 ul {
	flex-direction: row;
}

.li-l {
	width: 100%;
	padding-top: 130px;
	text-align: center;
	letter-spacing: 3px;
	line-height: 50px;
	font-size: 1.6rem;
}

.point_1 {
	line-height: 2vh;
   color: #22324F;
   font-size: 1rem;
   text-align: center;
   text-decoration: none;
   margin: auto;
   border-radius: 1vh;
   border: solid 2px #22324F;
   padding: 10px 15px 10px 20px;
   letter-spacing: 7.5px;
   width: 125px;
}

.p_5 {
	margin: 0 auto;
	font-size: 1.4rem;
}

.p_6 {
	border-top: #333 solid 1px;
		border-bottom: #333 solid 1px;
		margin: 0 auto;
		font-size: 1.4rem;
}

.p_7{
	margin: 0 auto;
}

 /* .single-wrapper {
	border: solid 20px #DFEBFF;
 } */
 
 /* ================規約======================== */
 
 .buy-guide {
   border: solid 20px #E2E2E2;
   margin-top: 20px;
 }
 
 /* =========お買い物ガイド============== */
 /* 左右に横線 */
 .buy-guide-item1 {
   align-items: center; /* 横線を上下中央 */
   display: flex; /* 文字と横線を横並び */
   justify-content: center; /* 文字を中央寄せ */
   font-size: 1.5rem;
    padding: 10px 0;
 }

 .buy-guide-item1::before,
 .buy-guide-item1::after {
   background-color: #263771; /* 横線の色 */
   content: "";
   height: 4px; /* 横線の高さ */
   width: 100px; /* 横線の長さ */
 }
 .buy-guide-item1::before {
   margin-right: 15px; /* 文字との余白 */
 }
 .buy-guide-item1::after {
   margin-left: 15px; /* 文字との余白 */
 }
 
 
 
 .buy-guide-item2 {
   color: #fff;
   font-weight: bold;
   background-color: #32488E;
   padding: 10px 20px;
 }
 
 .buy-guige-item3 {
   padding: 10px 0 10px 20px; 
 }
 
 
 
 /* ========================フォントサイズ============================ */
 
 .fs_1{
   font-size: 1rem;
 }
 
 .fs_1a{
   font-size: 1.5rem;
 }
 
 .fs_2 {
   font-size: 2rem;
 }

 .fs_3 {
	font-size: 2.5rem;
 }
 
 .fs_4 {
   font-size: 3rem;
 }
 
 .fw_b {
   font-weight: bold;
 }
 
 /* ========================位置============================ */
 .ta_c {
   text-align: center;
 }
 
 .m_0 {
   margin: 0 auto;
 }

 .d_d{
	display: flex;
	flex-direction: row;
 }
 
 .mt_10 {
   margin-top: 10px;
 }

 .mt_20 {
   margin-top: 20px;
 }
 
 .mb_10 {
   margin-bottom: 10px;
 }

 .mb_20 {
   margin-bottom: 20px;
 }

 .ml_10 {
	margin-left: 10px;
 }

 .ml_20 {
	margin-left: 20px;
 }

 .mr_10 {
	margin-right: 10px;
 }

 .pl_10 {
	padding-left: 10px;
  }
 
 .pl_20 {
   padding-left: 20px;
 }
 
 .pr_0 {
   padding-right: 0px;
 }

 .pt_20 {
	padding-top: 20px;
 }

 .pt_40 {
	padding-top: 40px;
 }

 /* ========================色============================ */
 .red {
   color: #C60612;
   font-weight: bold;
 }
 
 .white {
   color: #fff;
 }

 .yellow {
	color: #DCEBC0;
 }
 
 /* ========================サイズ============================ */
 .w_40{
	width: 40%;
 }

 .w_50 {
   width: 50%;
 }

 .w_60 {
   width: 60%;
 }

 .w_65 {
	width: 65%;
 }

 .w_70 {
	width: 70%;
 }

 .w_80 {
	width: 80%;
 }

 .w_90 {
	width: 90%;
 }
 
 .w_30 {
   width: 30%;
 }
 
 .w_140 {
	width: 140px;
 }

 .w_285 {
	width: 285px;
 }
 
		 
 /* カードページ */
.card h1 {
	border-bottom: #aaa solid 1px;
    padding-bottom: 15px;
    width: 600px;
    text-align: center;
    margin: 0 auto;
    margin-top: 100px;
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 30px;
}

.card h2 {
	font-weight: bold;
    font-size: 1.3rem;
    margin-bottom: 10px;
}

.card p {
	margin-bottom: 30px;
}

.card img {
	margin-bottom: 50px;
	border: solid 1px #000000;
}

.link {
	text-decoration: underline;
}


 /* ================sp版footer======================== */

p#footer {
    width: 100%;
    text-align: center;
    clear: both;
    margin: 0 auto;
    padding: 5px 0px;
    /* border-top: 1px solid #000; */
    background: #ebebeb;
    font-size: 12px;
    /* color: #2f2f2f; */
    color: #A1C5E6;
}



/*追記項目 202505*/	

.buy_annotation{
	background-color: #eeeeee;
	padding:15px 10px;
	border-radius: 10px;
	margin: 20px 0 25px;
}

.buy_annotation p{
	line-height: 1.2!important;
	font-size: 0.6rem !important;}

.buy{margin:20px;}

.buy p{
	font-size: 1rem;
	line-height: 1.3;}


.annotation_tit{
	font-weight: bold;
}