@charset "utf-8";

#form_body {
	max-width:640px;
	margin:0px auto;
	padding-top:20px;
	border-top:solid 5px #FFBE00;
}

#form a:link {
	color: #008ece;
}

#form a:visited {
	color: #008ece;
}
#form p {
	color: #000000;
}

#form, .white_form {
	background-color: #fff;
}

.text_underline {
	text-decoration: underline;
}
.texcolR {
    color: #FF0000 !important;
}
#count_notice {
}
.boder_o{
	font-size:90%;		
	font-weight:bold;
	line-height:30px;
	border-left:#FF7F00 5px solid;
	padding-left:5px; 
}
.boder_r{
	border-left:#FF0000 10px solid;
	padding-left:5px; 
}
.boder_r span{
	color:#FF0000;
}
.bg_course{
	font-weight:bold;
	font-size:160%;		
	padding:8px;
	margin:10px 10px 0px 10px;;
	background-color:#F6F6F6;
	border:solid 3px #ccc;
	border-bottom:none;
}
.bg_o{	
	font-weight:bold;
	font-size:110%;		
	padding:5px;
	margin:10px 5px 5px 5px;
	background-color:#FFcc33;
	color:#333;
}
.hissu{
	background-color:#f1874d;
	color:#fff;
	padding:3px;
}
.bg_y{
	text-align:center;
	font-weight:bold;
	text-align:left;
	font-size:150%;		
	padding:8px;
	margin:0px 10px;;
	background-color:#FFFDDE;
	border:solid 1px #ccc;
	border-bottom:none;
}
.bg_y2{
	text-align:center;
	font-weight:bold;
	text-align:left;
	font-size:150%;		
	padding:8px;
	margin:0px 10px;;
	background-color:#FFFDDE;
	border:solid 1px #ccc;
	border-top:none;
	border-bottom:none;
}
.select_course{
	border:solid 3px #ccc;
	padding:8px;
	margin:0px 10px;;
	font-size:130%;		
}
.select1{
	padding:5px;
	margin:0px 5px 5px 5px;
	font-size:120%;		
}
.select1_radio{
	padding:5px;
	margin:0px 5px 5px 5px;
	font-size:120%;		
}
.select1 p{
	margin:5px 0px 0px 0px;
}
.select1 input{
	background-color:#F5E4ED;
	box-sizing: initial;
}
#btn_reqOrder{
	background-color:#ffffff;
}
.select2{
	padding:8px;
	margin:0px 10px;;
	font-size:130%;		
}
.select3{
	padding:5px;
	margin:0px 5px 5px 5px;
	font-size:120%;		
}
.select3_radio{
	padding:5px;
	margin:0px 5px 5px 5px;
	font-size:120%;		
}
.select3 input{
	background-color:#F5E4ED;
}
.form_text {
	padding:10px 20px;
	font-size:90%;
	line-height:120%;
}
.select p{
	padding:10px;
	font-size:16px;		
}
.nenkan_img img{
	width:100%;
}
.point{
	font-size:80%;
	float:left;
	background-color:#FCEB00;
	padding:8px;
	margin:5px;
    -webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px; 
}


section{
	clear:both;
	margin-bottom:25px !important;
}
.price {
	color:#FF0000;	
	line-height:130%;
	font-size:26px;		
}

/*--Sec06----------------------------------*/

#Sec06{
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}

#Sec06 h3{
	font-size:120%;
	text-align:center;
}
select{
	font-size: 90%;
}
.select {
	padding: 3px;
	background-color: #FFFF00;
}

#course{
	width: 100%;

}

#course .course_y{
	float: left;
	height: auto;
	width: 50%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#course .course_mon3{
	float: right;
	height: auto;
	width: 50%;
}

#course2{
	width: 100%;
	clear: both;

}
#course_choose {
	clear: both;
	padding-top: 5px;
	text-align: center;
	font-size:90%;		
}

#course_choose select {
	clear: both;
	padding-top: 10px;
	text-align: center;
}


#course2 .course_1{
	float: left;
	height: auto;
	width: 50%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#course2 .course_s{
	float: right;
	height: auto;
	width: 50%;
	clear: none;
}


#tokuten3s{
	width: 100%;
	height: auto;

}
#tokuten3s .tokuten_img {
	height: auto;
	width: 33%;
	float: left;
}

#tokutenws {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#tokutenws .tokuten_img {
	margin-top: 1em;
	width: 50%;
}


#tokutent{
	width: 100%;
	height: auto;

}
#tokutent .tokuten_img {
	height: auto;
	width: 100%;
	float: left;
}




/*年間カゴ*/
#kago_y {
  margin:0px auto;	
  width: 90%;		
    padding:0px;	
	height: auto;
	background-color: #FBEEC5;
	font-size:90%;	
	/*min-height:600px;*/	
}

#tokuten{
	width: 100%;
	height: auto;

}
#tokuten .y_tokuten1{
	float: left;
	height: auto;
	width: 50%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#tokuten .y_tokuten2{
	height: auto;
	width: 50%;
	float: left;
}

#tokuten .y_tokuten3{
	float: left;
	height: auto;
	width: 33%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#tokuten .y_tokuten4{
	height: auto;
	width: 50%;
	float: left;
}

/*３ヵ月毎カゴ*/

#kago_mon3 {
  padding:0px;
  background-color: #FBEEC5;
  margin:0px auto;	
  width: 90%;	
	font-size:90%;	
	/*min-height:600px;*/	
}
#tokuten{
	width: 100%;
	height: auto;

}
#tokuten .tokuten1{
	float: left;
	height: auto;
	width: 25%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#tokuten .tokuten2{
	height: auto;
	width: 25%;
	left: 25%;
	float: left;
}

/*毎月カゴ*/

#kago_mon1 {
	margin:0px auto;	
 	width: 90%;	
	padding:0px;	
	background-color: #FBEEC5;
	font-size:90%;
	/*min-height:600px;*/
}

#tokuten{
	width: 100%;
	height: auto;

}
#tokuten .m1_tokuten1{
	height: auto;
	margin-left:auto;
	margin-right:auto;
	width: 50%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#tokuten .m1_tokuten2{
	height: auto;
	width: 50%;
	float: left;
}

/*単品カゴ*/

#kago_s {
  margin:0px auto;	
  width: 90%;		
	background-color: #FBEEC5;
	padding: 5px;
	font-size:80%;	
	/*min-height:600px;*/	
}

#tokuten{
	width: 100%;
	height: auto;

}
#tokuten .s_tokuten1{
	float: left;
	height: auto;
	width: 50%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#tokuten .s_tokuten2{
	height: auto;
	width: 50%;
	float: left;
}
#tokuten .t_tokuten1{
	float: left;
	height: auto;
	width:80%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#tokuten .t_tokuten1 img{
	width:100%;
	height:auto;
}

#tokuten .t_tokuten2{
	height: auto;
	width: 20%;
	float: left;
}

#Sec06 img{
	width: 100%;
	height: auto;

}

#Sec06 .nenkan{
	font-size:120%;
	color: #FFFFFF;
	padding: 5px 15px;
	margin-bottom:5px;
	text-align:center;
	background: -moz-linear-gradient(
		top,
		#fff0f3 0%,
		#f30027 20%,
		#c80021);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#fff0f3),
		color-stop(0.20, #f30027),
		to(#c80021));
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #fe526e;
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0),
		inset 0px 1px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0),
		inset 0px 1px 4px rgba(255,255,255,1);
	text-shadow:
		0px 1px 0px #707070; 

}

#Sec06 .mon3{
	font-size:120%;
	color: #FFFFFF;
	padding: 5px 15px;
	margin-bottom:5px;
	text-align:center;
	background: -moz-linear-gradient(
		top,
		#fffbf0 0%,
		#ffba00 20%,
		#ff7e00);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#fffbf0),
		color-stop(0.20, #ffba00),
		to(#ff7e00));
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #ff9000;
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0),
		inset 0px 1px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0),
		inset 0px 1px 4px rgba(255,255,255,1);
	text-shadow:
		0px 1px 0px #707070; 

}

#Sec06 .mon1{
	font-size:120%;
	color: #FFFFFF;
	padding: 5px 15px;
	margin-bottom:5px;
	text-align:center;
	background: -moz-linear-gradient(
		top,
		#cbffc7 0%,
		#30bd25 20%,
		#26a91c);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#cbffc7),
		color-stop(0.20, #30bd25),
		to(#26a91c));
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #57ae01;
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0),
		inset 0px 1px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0),
		inset 0px 1px 4px rgba(255,255,255,1);
	text-shadow:
		0px 1px 0px #707070;

}

#Sec06 .tanpin{
	font-size:120%;
	color: #FFFFFF;
	padding: 5px 15px;
	margin-bottom:5px;
	text-align:center;
	background: -moz-linear-gradient(
		top,
		#e8feff 0%,
		#2dcbff 20%,
		#4a8aea);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#e8feff),
		color-stop(0.20, #2dcbff),
		to(#4a8aea));
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #008ccd;
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0),
		inset 0px 1px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0),
		inset 0px 1px 4px rgba(255,255,255,1);
	text-shadow:
		0px 1px 0px #707070;

}

#Sec06 dd{
	padding:3px 10px 10px 10px;
	font-size:110%;
}
#form {
	width: 100%;
	height: auto;
	margin:0px auto;
}

.item_attention {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	color: #555555;
	line-height:1.6em; 
}



/*--EndAction------------------------*/


.kagoIn{
}

.kagoIn img{

}
.kagoIn .priceArea{

}

.kagoIn .priceArea dt{
	background:#ff3a5a;
	text-align:center;
border:#ff3a5a 1px solid;
border-radius:14px;/* CSS3闕画｡・*/  
-webkit-border-radius: 14px;    /* Safari,Google Chrome逕ｨ */  
-moz-border-radius:14px;   /* Firefox逕ｨ */ 
margin:10px 5px 5px 5px;
padding:3px 3px;
display:block;
width:45%;
color:#ffffff;
float:left;
font-size:90%;
}

.kagoIn .priceArea dd{
	color:#ff4462;
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	font-weight:bold;
	font-size:250%;
	line-height:1.2;
}

.kagoIn .priceArea dd span{
	color:#ff4462;
	font-size:40%;

}

.kagoIn .order01 {
	width:100%;
	display:block;
}



.kago_color_kago_y
{
  padding: 0px;
  background-color: #FBEEC5;
}

.kago_color_kago_mon3
{
  padding: 0px;
  background-color: #FBEEC5;
}

.kago_color_kago_mon1
{
  padding: 0px;
  background-color: #FBEEC5;
}

.kago_color_kago_s
{
  padding: 0px;
  background-color: #FBEEC5;
}

.kago_center
{

}

.kago_main
{

}

.bk_kago_y
{

}
.bk_kago_mon3
{

}
.bk_kago_mon1
{

}
.bk_kago_s
{

}

.error
{
	color: #FF0000;
	font-weight: bold;
}

#course .cs_y{
	float: left;
	height: auto;
	width: 25%;
	margin-bottom: -6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#course .cs_3{
	float: left;
	height: auto;
	width: 25%;
	margin-bottom: -6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#course .cs_1{
	float: left;
	height: auto;
	width: 25%;
	margin-bottom: -6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#course .cs_s{
	float: left;
	height: auto;
	width: 25%;
	margin-bottom: -6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#tsudo{
    font-size: 100%;
	width:90%;
	border:2px solid #7eb9e7;
	margin:0px auto 5px auto;
	padding:8px 0px 8px 5px;
	background-color:#fff;
    -webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;  	
}
.send_select {
	box-sizing: initial;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	border:solid 1px #ccc;
	background-color:#eee;
	margin-right:3px;
    -webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px; 	
}
.send_select label {
	font-weight: bold !important;
}

.daibiki_off{
    background-color: #777;
    border: 1px solid #999;
}
.formError .formErrorContent {
	width:150px !important;
}
.midashi_bg{
	padding:5px 5px 0px 5px;
	background-color:#FBEEC5;	
}

#card_info .lp_input_enable {
	background-color:#FFFFFF;
}

/*ボタン*/
.kagoIn .order01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:160%;
	width:100%;
	display:block;
	color: #ffffff;
	padding:4px 0px;
	background: -moz-linear-gradient(top,
		#8cc491 0%,
		#41a24f 49%,
		#0d8400 50%,
		#54a84b);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#8cc491),
		color-stop(0.49, #41a24f),
		color-stop(0.50, #0d8400),
		to(#54a84b));
	background: linear-gradient(to bottom, #41a24f, #41a24f); /* IE */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #196749;
	-moz-box-shadow:
		0px 2px 2px rgba(000,000,000,0.3),
		inset 1px 9px 10px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 2px 2px rgba(000,000,000,0.3),
		inset 1px 9px 10px rgba(255,255,255,0.7);
	text-shadow:
		0px 0px 0px rgba(000,000,000,1),
		0px 0px 0px rgba(255,255,255,1);
}

.kagoIn .order01n {
	font-family: Arial, Helvetica, sans-serif;
	font-size:160%;
	width:100%;
	display:block;
	color: #444444;
	padding:4px 0px;
	background: -moz-linear-gradient(top,
		#eeeeee 0%,
		#cccccc 49%,
		#aaaaaa 50%,
		#cccccc);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#8cc491),
		color-stop(0.49, #41a24f),
		color-stop(0.50, #0d8400),
		to(#54a84b));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #196749;
	-moz-box-shadow:
		0px 2px 2px rgba(000,000,000,0.3),
		inset 1px 9px 10px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 2px 2px rgba(000,000,000,0.3),
		inset 1px 9px 10px rgba(255,255,255,0.7);
	text-shadow:
		0px 0px 0px rgba(000,000,000,1),
		0px 0px 0px rgba(255,255,255,1);
}

.kagoIn .order01 a{
	color: #ffffff;
	text-decoration:none;
	display:block;
	min-height:40px;
	padding-top:10px;
}

.AmazonPayTitle{
	width:260px;
	text-align:left
}
#AmazonPayButton1{
	text-align:center;
	width:100%;
	margin:0px auto;
}
.AmazonPayText{
	padding:3px 5px;
	margin:5px 8px 2px 8px;
	background-color:#FFFCDD;
}
#notice_np,#notice_credit,#notice_daibiki{
	margin-left:5px;
}


/*------------------------------------------------------------
	同意ボタン用
------------------------------------------------------------*/
.useagree_btn {
    border: solid 1px #f00 !important;
    background-color: #ffc8c8 !important;
}

/*------------------------------------------------------------
	ロード
------------------------------------------------------------*/
/* カゴロード表示 */
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #fff;
	z-index: 20000;
}
#loader p{
	font-size: 16px;
	font-family: -apple-system, blinkMacSystemFont,'Helvetica Neue','Segoe UI',YuGothicM,YuGothic,Meiryo,sans-serif;
	margin-top: 10px;
	border: solid #999 1px;
	padding: 5px;
	color: #fff;
	background-color: #000;
	border-radius: 10px;        
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
}

/*-- course total price ------------------------*/
.confirm_hr {
	margin: 0;
	border: solid 1px #8f8f8f;
}
.confirm_table {
	background-color: #ffffff;
	padding: 10px 0;
}
.confirm_tit {
	width: 18%;
	background-color: #777777;
	text-align: center;
}
td.confirm_tit {
    vertical-align: middle;
}
.confirm_tit span {
	writing-mode: vertical-rl;
	writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	letter-spacing: .2em;
	color: #ffffff;
	font-size: 1.5em;
	padding: 10px;
	line-height: 1.2em;
	text-align: left;
	min-height: 110px;
}
.confirm_text {
	padding: 10px
}
.confirm1 {
	font-size: 17px !important;
	line-height: 1.3em !important;
	margin: 0 0 10px 0;
}
.confirm2 {
	font-size: 15px !important;
	line-height: 1.5em !important;
	margin: 0 0 10px 0;
}
.confirm3 {
	font-size: 17px !important;
	line-height: 1.5em !important;
	margin: 0 0 10px 0;
}
.confirm3 span {
	font-weight: bold !important;
}
.confirm4 {
	text-align: right;
	font-size: 12px !important;
}
.merit {
	background-color: #fbf7f7;
    padding: 0 20px;
}
.merit_text {
	line-height: 1.4em;
    padding: 10px 0 5px 5px;
}
.merit_text span {
	font-weight: bold !important;
}
.merit_text_notice {
	text-align: right;
    font-size: 12px;
    padding-bottom: 10px;
}
.notice_nenkan , .notice_3month {
	padding: 15px 5px;
    font-size: 14px;
    line-height: 1.4em;
}
.notice_otameshi {
    padding: 0px 0px 10px;
    font-size: 14px;
    line-height: 1.4em;
}

.kago_btn_before_cont p {
    font-size: 15px;
}

/*単品時のborder非表示*/
:has(#single2:checked):has(.kago_color_kago_mon1) .btn_before_notes{
	padding: 5px 0 0 !important;
}
:has(#single2:checked):has(.kago_color_kago_mon1):has(.kago_checkTxt) .select3_radio + hr {    display: none;}
:has(#single2:checked):has(.kago_color_kago_mon1) .kago_checkTxt:not(.normal_kago) {
	border-top: none !important;
	margin-top: 0 !important;
	margin-bottom: 20px !important;
	padding-top: 0 !important;
}
/*単品時のborder非表示（HT用）*/
:has(.kago_color_kago_s) .kago_checkTxt:not(.normal_kago) {
	border-top: none !important;
	margin-top: 0 !important;
	padding: 0 !important;
}

/*------------------------------------------------------------
	クーポンカゴ用レイアウト
------------------------------------------------------------*/
.coupon_area {
	margin: 10px;
	text-align: center;
}

.table_coupon {
	margin: 5px auto;
	width: 90%;
	background-color: #b0b0b0;
}

th.table_coupon_th {
	background-color: #ffe800;
	padding: 10px;
	color: #383838;
	border: 1px solid #999;
	vertical-align: middle;
	font-weight: bold;
}

td.table_coupon_td {
	background-color: #ffffff;
	padding: 10px;
	text-align: left;
	border: 1px solid #999;
}

.input_coupon {
	font-size: 18px;
}

.notanpin {
    padding: 0 10px 0;
    font-size: 1.1em;
    clear: both;
}