@charset "utf-8";

/* フォーム共通設定
----------------------------------------------- */
#lpshoppingcolumn {
	width: 96%;
	margin: 30px auto;
	padding: 0 2% 2%;
	font-size: 1.2em;
	border: 2px solid #aaa;
	border-radius: 5px;
	overflow: hidden;
}
#lpshoppingcolumn table{
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
	text-align: left;
}
#lpshoppingcolumn table th{
	padding: 15px 25px 15px 8px;
	margin: 0;
	border-bottom: 1px dotted #767676;
	color: #333;
	font-weight: normal;
	font-size: 16px;
	text-align: left;
	overflow: hidden;
}
#lpshoppingcolumn table td {
	padding: 15px 15px 15px 0;
	font-size: 16px;
	border-bottom: 1px dotted #767676;
	overflow: hidden;
}

#lpshoppingcolumn #product_id {
    font-size: 1.3em;
    font-weight: bold;
}

#lpshoppingcolumn #quantity {
    font-size: 1.3em;
    font-weight: bold;
    background: #fff;
}
#lpshoppingcolumn select {
	float: none;
}

#lpshoppingcolumn .attention {
    color: #e20000;
    font-size: 14px;
    line-height: 1.5rem;
}

#lpshoppingcolumn em {
    font-size: 14px;
    font-style: normal;
    color: #e20000;
    margin: 5px 0;
    padding: 0px;
    line-height: 1.3rem;
}


/*幅*/
#lpshoppingcolumn .w10{width:10%;}
#lpshoppingcolumn .w20{width:20%;}
#lpshoppingcolumn .w30{width:30%; margin: 6px 0;}
#lpshoppingcolumn .w40{width:40%;}
#lpshoppingcolumn .w50{width:50%;}
#lpshoppingcolumn .w70{width:70%;}
#lpshoppingcolumn .w80{width:80%;}
#lpshoppingcolumn .w90{width:90%;}
#lpshoppingcolumn .w95{width:95%;}
#lpshoppingcolumn .w98{width:98%;}
#lpshoppingcolumn .w100{width:100%;}

/*区切り線*/
#lpshoppingcolumn .lp-bottomline{border-top:1px solid #222;margin-top:10px;padding: 0 0 10px 0;}
#lpshoppingcolumn .lp-bottomline02 {border-top: 1px solid #222;margin-top: 10px;margin-bottom: 10px;padding: 10px 0 0 0;}
#lpshoppingcolumn .lp-bottomline03{border-bottom:1px solid #222;margin-bottom:10px;padding:0 0 10px 0;}
#lpshoppingcolumn .lp-bottomline04{border-bottom:1px dotted #222;margin-bottom:10px;padding:10px 0;}
#lpshoppingcolumn .lp-bottomline05 {border-top: 1px solid #222;margin-top: 10px;margin-bottom: 10px;padding: 10px 0 0 0;}

/*回り込み */
#lpshoppingcolumn .fl30{float:left;width:30%}
#lpshoppingcolumn .fl40{float:left;width:40%}
#lpshoppingcolumn .fl50{float:left;width:50%}
#lpshoppingcolumn .fl60{float:left;width:60%}
#lpshoppingcolumn .fl66{float:left;width:66%}
#lpshoppingcolumn .fl70{float:left;width:70%}

/*回り込み解除*/
#lpshoppingcolumnn .clear{clear:both;}



/*間隔 */
#lpshoppingcolumn .pdr10{padding: 0 10px 0 0;}
#lpshoppingcolumn .pdr20{padding: 0 20px 0 0;}
#lpshoppingcolumn .pdl10{padding-left: 0 10px 0 0;}
#lpshoppingcolumn .pdrc50 {padding: 0 0 0 50px; color: #ff0000; font-size: 14px; font-weight: normal;}
#lpshoppingcolumn .pdt5{padding: 5px 0 0 0;}
#lpshoppingcolumn .pdt10{padding: 10px 0 0 0;}
#lpshoppingcolumn .pdt15{padding: 8px 0 8px 0;}
#lpshoppingcolumn .pdt20{padding: 20px 0 0 0;}
#lpshoppingcolumn .pdt20 a{color: #555;}
#lpshoppingcolumn .pdt30{padding: 30px 0 0 0;}

#lpshoppingcolumn .mgt10{margin-top:10px;}
#lpshoppingcolumn .mgt20{margin-top:20px;}
#lpshoppingcolumn .mgb10{margin-bottom:10px;}
#lpshoppingcolumn .mgtb10{margin:10px 0;}

/*フォント*/
#lpshoppingcolumn h1 {margin: 5px 0;font-size: 1.2em;padding: 7px;background: #222;color: #fff;text-align: left;width: 100%;}
#lpshoppingcolumn h2{margin: 5px 0;font-size: 1.2em;padding: 7px;background: #222;color: #fff;text-align: left;width: 100%;}
#lpshoppingcolumn h3{margin: 15px 0 0 0;font-size: 1.2em;color: #333;text-align: left;border-bottom: 2px solid #333;width: 100%;}
#lpshoppingcolumn h4{margin: 0;font-size: 1.2em;padding: 0;color: #333;text-align: left;border-bottom: 2px solid #333;width: 100%;}

#lpshoppingcolumn p{font-size:1em}

/*フォントサイズ*/
#lpshoppingcolumn .txt_b{font-weight:700;font-size:1em;padding:0 0 3px 0;}
#lpshoppingcolumn .ft_s {font-size: 1em;padding: 5px;margin: 0;text-align: center;font-weight: normal;}
#lpshoppingcolumn .ft_s02{font-size:1em;padding:5px;margin:0;}
#lpshoppingcolumn .ft_s03{font-size:1em;padding:10px 0 5px 0;margin:0 0 10px 0;font-weight:700;}
#lpshoppingcolumn .ft_s05 {font-size:1em;line-height: 1.5em;}
#lpshoppingcolumn .mgs{margin-right:10px;font-weight:700;}


/* 定期カレンダー
----------------------------------------------- */
#lpshoppingcolumn #block-calendar {
	width: 28%;
	float: left;
	margin: 0 2% 2%;
}

#lpshoppingcolumn #block-calendar caption {
	color: #333;
	padding: 10px;
	font-size: 1.2em;
}

#lpshoppingcolumn #block-calendar table {
	margin: 0;
}
#lpshoppingcolumn #block-calendar table th {
	background: #eeeeee!important;
	font-size: 1.2em;
	text-align: center;
	border: 1px solid #ccc;!important;
}
#lpshoppingcolumn #block-calendar table td {
	padding: 2px !important;
	font-size: 1.2em;
	text-align: center;
	border:1px solid #ccc;!important;
}

/*カレンダーボタン*/
#lpshoppingcolumn .calendar_btn {
    margin: 0;
    padding: 7px 14px;
    background: #eee !important;
    color: #333;
    font-weight: bold;
    font-size: 1.2em;
    width: 100%;
    border: 1px solid #666;
}


/* クラス
----------------------------------------------- */
#lpshoppingcolumn .input_error {
	display: inline-block;
	margin: 10px 0;
	padding: 5px 10px;
	background: rgb(255,0,0);
	color: rgb(255,255,255);
}

#lpshoppingcolumn .claer {
	clear: both;
}

#lpshoppingcolumn .subhead{
	padding-left:10px;
	}

#lpshoppingcolumn_box {
    width: 98%;
    margin: 10px auto;
    font-size: 1em;
    border: 1px dashed #333;
    padding: 1%;
}

.focus {
    background-color: #fff0f5;
}

.nohyphen{
    margin: 10px 0 0 0;
    display: inline-block;
}

.annotation{
    font-size: 90%;
    font-weight: 100;
    line-height: 1em;
    vertical-align: inherit;
}

.no_pd{padding-top: 0 !important; padding-bottom: 0 !important;}
.no_bdr{border: none !important;}
.no_bdr td{padding-top: 0 !important;}
.no_bdr input[type=radio]{margin: 0.8em 0;}



/* トグル
----------------------------------------------- */
#slidetoggle_menu{
    margin: 1em 1% 0 82%;
    width: 8em;
    background: #fff;
    border-radius: 6px;
    padding: 6px 10px;
}
#slidetoggle_menu dd{display: none; line-height: 150%;} 
#slidetoggle_menu a{color: #666;}
#slidetoggle_menu dt{text-align: center;}
	
	


/*ラジオ、チェックボックス（装飾）
----------------------------------------------- */

/*ラジオボックス（お支払い方法の指定）*/
#payment_methods
 input[type="radio"]{
    display: inline-block;
    margin-right: 6px;
}

#payment_methods
 input[type=radio] + label {
    position: relative;
     
    display: inline-block;
    margin-right: 12px;
     
    font-size: 16px;
    line-height: 30px;
    left:0;
    cursor: pointer;
}

@media (min-width: 1px) {
	
#payment_methods
 input[type=radio]
  {
        display: none;
        margin: 0;
    }

#payment_methods
 input[type=radio] + label{
        padding: 0 0 0 25px;
    }
		

#payment_methods
 input[type=radio] + label::before
 {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
         
        background: #FFF;
    }
	
#payment_methods
 input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
	
#payment_methods
 input[type=radio]:checked + label::after
 {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
	
#lpshoppingcolumn
  input[type=radio]:checked + label::after {
        left: 5px;
         
        width: 8px;
        height: 8px;
        margin-top: -4px;
         
        background: #3e86fc;
        border-radius: 8px;
    }	
	
}




/*ラジオボックス（定期お届け間隔の指定）*/

#regular-deliv_area
 input[type="radio"]{
    display: inline-block;
    margin-right: 6px;
}

#regular-deliv_area
 input[type=radio] + label {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    font-size: 16px;
    line-height: 30px;
    left:0;
    cursor: pointer;
}

@media (min-width: 1px) {
	
#regular-deliv_area
 input[type=radio]
  {
        display: none;
        margin: 0;
    }

#regular-deliv_area input[type=radio] + label {
    vertical-align: middle;
    padding: 9px 0 9px 25px;
}
		

#regular-deliv_area
 input[type=radio] + label::before
 {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
         
        background: #FFF;
    }
	
#regular-deliv_area
 input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
	
#regular-deliv_area
 input[type=radio]:checked + label::after
 {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
	
#lpshoppingcolumn
  input[type=radio]:checked + label::after {
        left: 5px;
         
        width: 8px;
        height: 8px;
        margin-top: -4px;
         
        background: #3e86fc;
        border-radius: 8px;
    }	
	
}

/*チェックボックス（装飾）
----------------------------------------------- */
#lpshoppingcolumn input[type="checkbox"] {
	display: inline-block;
    margin-right: 6px;
}

#lpshoppingcolumn input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
}

@media (min-width: 1px) {
    #lpshoppingcolumn input[type=checkbox] {
        display: none;
        margin: 0;
    }
    #lpshoppingcolumn input[type=checkbox] + label {
        padding: 3px 0 0 24px;
		font-size: 1rem;
    }
    #lpshoppingcolumn input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
         
        background: #FFF;
    }
    #lpshoppingcolumn input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
    #lpshoppingcolumn input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }

    #lpshoppingcolumn input[type=checkbox]:checked + label::after {
        left: 3px;
        width: 16px;
        height: 8px;
        margin-top: -8px;
        border-left: 3px solid #E71063;
        border-bottom: 3px solid #E71063;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}


/*インプットタイプ
----------------------------------------------- */
#lpshoppingcolumn input[type="text"]
{
	padding: 5px 10px 0 10px;
    border: #999 1px solid;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 1.1em;
    height: 35px;
    background: rgb(221, 221, 221);
}

#lpshoppingcolumn input[type="password"]
{
	padding: 5px 10px 0 10px;
    border: #999 1px solid;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 1.1em;
    height: 35px;
    background: rgb(221, 221, 221);
}

#lpshoppingcolumn input[type="tel"]
{
	padding: 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-size:1.1em;

}

#lpshoppingcolumn input[type="email"],

{
	padding: 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-size:1.1em;

}

#lpshoppingcolumn textarea {width: 99%;height: 100px;padding:10px;font-size:1.1em;}
#lpshoppingcolumn placeholder{font-size:1.1em;}



/*フォントカラー
----------------------------------------------- */
#lpshoppingcolumn .lp_red {
    background: #f0f0f0;
    margin: 10px 0 0 0;
    padding: 5px 0 5px 10px;
    color: #333;
    font-size: 85% !important;
}


/*セレクト共通
----------------------------------------------- */
#lpshoppingcolumn form .custom-select {
    display: inline-block;
    position: relative;
    background-color: white;
    border: 1px solid #c8c8c8;
    vertical-align: middle;
    z-index: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#lpshoppingcolumn form .custom-select:before {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 100%;
	padding: 0 0.35em;
	background: #b8b8b8 url(../img/common/select_arrow_sml.png) no-repeat center center;
	text-align: center;
	content: '';
	border-left: 1px solid #aaa;
	z-index: 1;
	pointer-events: none;
	box-shadow: 0px 0px 3px 0px rgba(000,000,000,0.3);
	-moz-box-shadow: 0px 0px 3px 0px rgba(000,000,000,0.3);
	-webkit-box-shadow: 0px 0px ３px 0px rgba(000,000,000,0.3);
}

#lpshoppingcolumn form .custom-select select {
	display: block;
	width: 100%;
	padding:5px 6px 5px 6px !important;
	height: 36px;
	margin: 0;
	background-color: transparent;
	border: 0 none;
	line-height: normal;
	box-shadow: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-appearance: none;
	-webkit-appearance: none;
	font-size:1.1em;
	background: rgb(221, 221, 221);

}


/*誕生月セレクト*/
#lpshoppingcolumn form .birth-select {
    display: inline-block;
    position: relative;
    background-color: white;
    border: 1px solid #aaa;
    vertical-align: middle;
    z-index: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px 0;
    padding: 0;
}

#lpshoppingcolumn form .birth-select:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40px;
	height: 40px;
	padding: 0px;
	background: url('../img/common/select_arrow_sml.png') no-repeat scroll center center #b8b8b8;
	text-align: center;
	content: "";
	z-index: 1;
	border-left: 1px solid #aaa;
	pointer-events: none;
	box-shadow: 0px 0px 3px 0px rgba(000,000,000,0.3);
	-moz-box-shadow: 0px 0px 3px 0px rgba(000,000,000,0.3);
	-webkit-box-shadow: 0px 0px 3px 0px rgba(000,000,000,0.3);
}

#lpshoppingcolumn form .birth-select select {
    display: block;
    width: 100px;
    height: 40px;
    margin: 0px;
	background-color: transparent;
    padding: 5px 0 5px 0.25em !important;
    border: 0 none;
    line-height: normal;
    box-shadow: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-appearance: none;
	-webkit-appearance: none;
    font-size: 1.1em;
	background: rgb(221, 221, 221);
	
}


/*セレクト共通2*/
#lpshoppingcolumn form .custom-select2 {
    display: inline-block;
    position: relative;
    background-color: white;
    border: 1px solid #aaa;
    vertical-align: middle;
    z-index: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px 0;
    padding: 0;
}

#lpshoppingcolumn form .custom-select2:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    padding: 0 0.35em;
    background: #fff url(../img/common/select_arrow_sml2.png) no-repeat center center;
    text-align: center;
    content: '';
    z-index: 1;
    pointer-events: none;
}

#lpshoppingcolumn form .custom-select2 select {
    display: block;
    width: 100%;
    padding: 0px 13px 0 2px !important;
    height: 40px;
    margin: 0;
    background-color: transparent;
    border: 0 none;
    line-height: normal;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 1.1em;
}

/*セレクト共通3*/

#lpshoppingcolumn form .custom-select3 {
    display: inline-block;
    position: relative;
    background-color: white;
    border: 1px solid #aaa;
    vertical-align: middle;
    z-index: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px 0;
    padding:0;
}

#lpshoppingcolumn form .custom-select3:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    padding: 0 0.35em;
    background: #fff url(../img/common/select_arrow_sml2.png) no-repeat center center;
    text-align: center;
    content: '';
    z-index: 1;
    pointer-events: none;
}


#lpshoppingcolumn form .custom-select3 select {
  display: block;
  width: 150px;
  padding:0px 13px 0 2px !important;
  height: 30px;
  margin: 0;
  background-color: transparent;
  border: 0 none;
  line-height: normal;
  box-shadow: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-size:1.1em;

}

#lpshoppingcolumn #cycle_interval_start_date{width: 10em;}
#lpshoppingcolumn #cycle_interval_interval{width: 4.5em;}

/*定期購入セレクト*/
#lpshoppingcolumn form .register-select {
	display: inline-block;
	position: relative;
	background-color: white;
	border: 1px solid #c8c8c8;
	vertical-align: middle;
	z-index: 1;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#lpshoppingcolumn form .register-select :before {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	padding: 0 0.35em;
	background: #222000 url(../img/common/select_arrow_sml.png) no-repeat center;
	text-align: center;
	content: '';
	z-index: 1;
	pointer-events: none;
}


#lpshoppingcolumn form .register-select select {
  display: block;
  width: 100%;
  padding:0 50px 0 5px;
  height: 36px;
  margin: 0;
  background-color: transparent;
  border: 0 none;
  line-height: normal;
  box-shadow: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-size:1em;
}


/*その他セレクト*/
#lpshoppingcolumnn select{
  border: none;
  display: block;
  height: 36px;
  margin: 0;
  background-color: transparent;
  border: 0 none;
  line-height: normal;
  box-shadow: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;

} 

/*商品・規格
----------------------------------------------- */
#lpshoppingcolumn .products_dt{}
#lpshoppingcolumn .products_dt table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    text-align: left;
}

#lpshoppingcolumn table td {
    padding: 15px 0;
    font-size: 16px;
    border-bottom: 1px dotted #767676;
    overflow: hidden;
}

/*規格*/
#lpshoppingcolumn table td #class_category {
    padding: 15px 15px 0 0;
    font-size: 16px;
    border-bottom: 1px dashed #1e1e1e;
    overflow: hidden;
}

.lp-classcategory{
	padding:0;
	margin: 0;
	width: 100%;
	border: none;
	display:table;
	}
	
.lp-classcategory dl{width:100%;}
.lp-classcategory dl dt {
    padding: 0;
}
.lp-classcategory dl dd {
    padding: 0 0 10px 0;
    margin-bottom: 10px;
}

.lp-classcategory dl .mgleft{margin-left:10px;}
.lpclcategory_boxl{display:table-cell;width:50%;padding:0 5px;}
.lpclcategory_boxr{display:table-cell;width:50%;padding:0 0 0 15px;}


/*購入したことがある方
---------------------------------------------------*/
#lpshoppingcolumn .register_btn {
    display: block;
    width: 60%;
    border: 1px solid #aaa;
    background: #eee !important;
    padding: 15px 0;
    color: #333;
    text-align: center;
    font-weight: bold;
    margin: 20px auto 10px auto;
    font-size: 1.2em;
    border-radius: 3px;
    box-shadow:1px 1px 1px rgba(000,000,000,0.3);
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
}

/*ログインボタン*/
#lpshoppingcolumn .lp_button {
	padding: 10px 14px;
	background: #212121 !important;
	border:1px solid #CCC;
	font-size:1.1em;
	color:#fff;
	font-weight: bold;
}


/*フォーム（お客様情報）
------------------------------------------------*/

/*誕生月*/
#lpshoppingcolumn .lp-birthday ul{width:100%;}
#lpshoppingcolumn .lp-birthday li{width:25%;float:left;}


/*エラー*/
#lpshoppingcolumn .lp-error {
	display: block;
	color: rgb(255,255,255);
	background: rgb(255,0,0);
}


/*郵便番号*/
.lp-zipcode{
	display: -webkit-box;
	display: -moz-box;
	width:100%;
	display:block;
	
}

#lpshoppingcolumn .zip_button {
  display: inline-block;
  padding: 10px 0px;
  border: none;
  background: #1e1e1e;
  color: #fff;
  cursor: pointer;
  font-size:1em;
  font-family: inherit;
  vertical-align: middle;
}

/*女性・男性ボタン*/
#order_sex_group{display:table;}
#order_sex_group input{ display: none;}

#order_sex_group label{
	display:table-cell;
	cursor: pointer;
	width: 60px;
	margin: 0;
	padding: 10px;
	background: #ddd;
	color: #767676;
	font-size: 16px;
	text-align: center;
	line-height: 1;
	transition: .2s;
	border-left:1px solid #fff;
}
#order_sex_group label:first-of-type{
	border-radius: 3px 0 0 3px;
}
#order_sex_group label:last-of-type{
	border-radius: 0 3px 3px 0;
}
#order_sex_group input[type="radio"]:checked + .sex_male {
	background-color: #b1cf25;
	color: #fff;
}
#order_sex_group input[type="radio"]:checked + .sex_female {
	background-color: #e67168;
	color: #fff;
}


/* 必須・任意ラベル*/
#lpshoppingcolumn span.required {
	margin: 0 0 0 1em;
	padding: 0.1em 0.5em;
	font-size: 70%;
	background: #E54848;
	color: #fff;
	border-radius: 0.3em;
	vertical-align: middle;
	position: relative;
	top: -0.25em;
}

#lpshoppingcolumn span.any {
	margin: 0 0 0 1em;
	padding: 0.1em 0.5em;
	font-size: 70%;
	background: #999;
	color: #fff;
	border-radius: 0.3em;
	vertical-align: middle;
	position: relative;
	top: -0.25em;
}

/*別のお届け先
----------------------------------------------- */
#lpshoppingcolumn .deliv_btn {
    display: block;
    width: 60%;
    border: 1px solid #aaa;
    background: #eee !important;
    padding: 15px 0;
    color: #333;
    text-align: center;
    font-weight: bold;
    margin: 10px auto;
    font-size: 1.2em;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
}

.deliv_other {
    background-color: #eef5fb;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}


/*お支払い方法
----------------------------------------------- */
#payment_area{font-size: 1em;}
#payment_area table{
	width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    text-align: left;}

#payment_area table td {
    padding: 15px 0;
    font-size: 16px;
    border-bottom: 1px dotted #767676;
    overflow: hidden;
}

#lpshoppingcolumn .use_payarea{}
.payselect_txt{background: #ddd;font-size:1.2em;}
#lpshoppingcolumn .use_payarea table{
	width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    text-align: left;
	background:#eef5fb;
	}
#lpshoppingcolumn .use_payarea table th{
	width:30%;
	padding:15px;
	border-bottom:1px solid #fff;
	font-size: 16px;
	text-align: left;
	}
#lpshoppingcolumn .use_payarea table td{
	padding:10px;
	border-bottom:1px solid #fff;
	font-size: 16px;}

#lpshoppingcolumn em .payment_normal,em .payment_reg{
	font-size:14px;
	line-height:1.3rem;
    font-style: normal;
    color: #e20000;
    margin: 5px 0;	}

#lpshoppingcolumn .payment_note_area img{
    margin: 0 auto;
    padding: 10px 0;
    max-width: 100%;}

/*カード登録注意事項*/
#lpshoppingcolumn .attention1  {
    color: #ff0000;
    width: 90%;
    font-size: 14px;
    font-weight: normal;
    padding: 2px 0 0 0;
    line-height: 1.7;
    margin: 0 10px 0 0;
}

/*お届け間隔の指定(定期)
----------------------------------------------*/
#lpshoppingcolumn .regular_deliv_day{padding:0 30px 0 10px;font-weight:bold;}
#lpshoppingcolumn #regular_product_area{
	font-size:100%;
	color:#ff0000;
	margin:0 auto;
	padding:0;
	text-align:center;
}
#lpshoppingcolumn #regular_product_area h2{
	display:none;
}

/*お届け間隔の指定*/
#lpshoppingcolumn #regular_cycle_area{}

#lpshoppingcolumn .txt_sz{
    letter-spacing: 0em;
    font-weight: 500;
	font-size:14px;
}

#lpshoppingcolumn #regular_cycle_area .cycle_form{float:right;width:65%;padding:3px;}

#lpshoppingcolumn #regular_cycle_area table{
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
	text-align: left;
}
#lpshoppingcolumn #regular_cycle_area table th{
	padding: 10px;
	margin: 0 auto;
	border-bottom: 1px dotted #767676;
	color: #333;
	font-weight: normal;
	font-size: 16px;
	text-align: left;
	overflow: hidden;
	width: 30%;
}

#lpshoppingcolumn #regular_cycle_area table td {
    padding: 0;
    font-size: 16px;
    border-bottom: 1px dotted #767676;
    overflow: hidden;
    height: 60px;
}

/*お届け予定日*/
#lpshoppingcolumn #regular_cycle_area .reg_delivday{background: #fff;padding:10px;}
.deliv_s_date {
    /* margin: 10px 0; */
    padding: 0 0 10px 0;
    font-weight: 600;
}
#lpshoppingcolumn #regular_deliv_day_first{border-left:1px dotted #ccc;padding-left:5px;padding-right:5px;}
#lpshoppingcolumn #regular_deliv_day_second{border-left:1px dotted #ccc;padding-left:5px;padding-right:5px;}
#lpshoppingcolumn #regular_cycle_area .reg_delivday ul{display:table;width:100%;}
#lpshoppingcolumn #regular_cycle_area .reg_delivday ul li{display:table-cell;width:50%;}
#lpshoppingcolumn #regular_cycle_area .reg_delivday ul li .delivday_box{border:1px solid #ccc;padding:10px;background:#f2fafe;}

/*初回は最短でお届けする*/
#lpshoppingcolumn #regular_cycle_area .delive_shortbt{margin-left:10px;padding:10px;background:#f6f6f6;}



/*クーポン
----------------------------------------------- */	
#coupon_area .cupon_btn {
    width: 100px;
    padding: 8px 3px;
    text-decoration: none;
    border: 1px solid #ddd;
    position: relative;
    top: -3px;
    color: #313131;
    display: inline_block;
    margin: 0 auto;
    cursor: pointer;
    font-weight: normal;
    font-size: 100%;
    white-space: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #f1f1f1;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background: -webkit-linear-gradient(top,#fff,#f1f1f1);
    background: -moz-linear-gradient(top,#fff,#f1f1f1);
    background: -o-linear-gradient(top,#fff,#f1f1f1);
    background: -linear-gradient(top,#fff,#f1f1f1);
    background: kground: linear-gradient(top,#fff,#f1f1f1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}


	

/*個人情報のお取り扱いについて
------------------------------------------------*/
#lpshoppingcolumn .ft_s04{
    margin: 10px 0;
    padding: 0;
    font-weight: bold;
    line-height: 2em;
    font-size: 1.2em;
    color: #333;
    text-align: center;
}

#lpshoppingcolumn .ft_s04 a{
    color: #06C;
    text-decoration: underline;
}

#lpshoppingcolumn .ft_s04 a:hover{
	opacity:0.8;
    text-decoration: underline;
}

/*規約*/
#lpshoppingcolumn .kiyaku {
    width: 98%;
    margin: 0 auto;
    height: 180px;
}

/*購入確認画面ボタン
------------------------------------------------*/
#lpshoppingcolumn .lp_button_submit {
	line-height: 3em !important;
	font-size: 24px;
	font-weight: bold;
}
#lpshoppingcolumn .lp_submit_area {
	display: block;
	margin: 20px 0;
}
#lpshoppingcolumn .lp_submit_area li {
    width: 380px;
    margin: 0 auto;
    /* padding: 5px; */
    text-align: center;
    line-hegiht: 24px;
}
#lpshoppingcolumn .lp_submit_area li a:hover {
    display:block;
    background-image:url(../img/shopping/green_bt_on.png);
    text-decoration: none;
}
#lpshoppingcolumn .lp_submit_area li a {
	display: block;
    background-image:url(../img/shopping/green_bt_off.png);
    text-decoration: none;
}
#lpshoppingcolumn .required {
	font-weight: 100;
}


/*商品LPcss*/

/* ### mixin.scss ### */
/* ### setting.scss ### */
.center { text-align: center !important; }

.right { text-align: right !important; }

.left { text-align: left !important; }

.mt0 { margin-top: 0px !important; }

.mt1 { margin-top: 1px !important; }

.mt2 { margin-top: 2px !important; }

.mt3 { margin-top: 3px !important; }

.mt4 { margin-top: 4px !important; }

.mt5 { margin-top: 5px !important; }

.mt6 { margin-top: 6px !important; }

.mt7 { margin-top: 7px !important; }

.mt8 { margin-top: 8px !important; }

.mt9 { margin-top: 9px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.ml0 { margin-left: 0px !important; }

.ml1 { margin-left: 1px !important; }

.ml2 { margin-left: 2px !important; }

.ml3 { margin-left: 3px !important; }

.ml4 { margin-left: 4px !important; }

.ml5 { margin-left: 5px !important; }

.ml6 { margin-left: 6px !important; }

.ml7 { margin-left: 7px !important; }

.ml8 { margin-left: 8px !important; }

.ml9 { margin-left: 9px !important; }

.ml10 { margin-left: 10px !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

.mb0 { margin-bottom: 0px !important; }

.mb1 { margin-bottom: 1px !important; }

.mb2 { margin-bottom: 2px !important; }

.mb3 { margin-bottom: 3px !important; }

.mb4 { margin-bottom: 4px !important; }

.mb5 { margin-bottom: 5px !important; }

.mb6 { margin-bottom: 6px !important; }

.mb7 { margin-bottom: 7px !important; }

.mb8 { margin-bottom: 8px !important; }

.mb9 { margin-bottom: 9px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb45 { margin-bottom: 45px !important; }

.mb50 { margin-bottom: 50px !important; }

.mr0 { margin-right: 0px !important; }

.mr1 { margin-right: 1px !important; }

.mr2 { margin-right: 2px !important; }

.mr3 { margin-right: 3px !important; }

.mr4 { margin-right: 4px !important; }

.mr5 { margin-right: 5px !important; }

.mr6 { margin-right: 6px !important; }

.mr7 { margin-right: 7px !important; }

.mr8 { margin-right: 8px !important; }

.mr9 { margin-right: 9px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

.pt0 { padding-top: 0px !important; }

.pt1 { padding-top: 1px !important; }

.pt2 { padding-top: 2px !important; }

.pt3 { padding-top: 3px !important; }

.pt4 { padding-top: 4px !important; }

.pt5 { padding-top: 5px !important; }

.pt6 { padding-top: 6px !important; }

.pt7 { padding-top: 7px !important; }

.pt8 { padding-top: 8px !important; }

.pt9 { padding-top: 9px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt45 { padding-top: 45px !important; }

.pt50 { padding-top: 50px !important; }

.pl0 { padding-left: 0px !important; }

.pl1 { padding-left: 1px !important; }

.pl2 { padding-left: 2px !important; }

.pl3 { padding-left: 3px !important; }

.pl4 { padding-left: 4px !important; }

.pl5 { padding-left: 5px !important; }

.pl6 { padding-left: 6px !important; }

.pl7 { padding-left: 7px !important; }

.pl8 { padding-left: 8px !important; }

.pl9 { padding-left: 9px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

.pb0 { padding-bottom: 0px !important; }

.pb1 { padding-bottom: 1px !important; }

.pb2 { padding-bottom: 2px !important; }

.pb3 { padding-bottom: 3px !important; }

.pb4 { padding-bottom: 4px !important; }

.pb5 { padding-bottom: 5px !important; }

.pb6 { padding-bottom: 6px !important; }

.pb7 { padding-bottom: 7px !important; }

.pb8 { padding-bottom: 8px !important; }

.pb9 { padding-bottom: 9px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb45 { padding-bottom: 45px !important; }

.pb50 { padding-bottom: 50px !important; }

.pr0 { padding-right: 0px !important; }

.pr1 { padding-right: 1px !important; }

.pr2 { padding-right: 2px !important; }

.pr3 { padding-right: 3px !important; }

.pr4 { padding-right: 4px !important; }

.pr5 { padding-right: 5px !important; }

.pr6 { padding-right: 6px !important; }

.pr7 { padding-right: 7px !important; }

.pr8 { padding-right: 8px !important; }

.pr9 { padding-right: 9px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr35 { padding-right: 35px !important; }

.pr40 { padding-right: 40px !important; }

.pr45 { padding-right: 45px !important; }

.pr50 { padding-right: 50px !important; }

.w10 { width: 10px !important; }

.w20 { width: 20px !important; }

/*.w30 { width: 30px !important; }
*/
.w40 { width: 40px !important; }

.w50 { width: 50px !important; }

.w60 { width: 60px !important; }

.w70 { width: 70px !important; }

.w80 { width: 80px !important; }

.w90 { width: 90px !important; }

.w100 { width: 100px !important; }

.w110 { width: 110px !important; }

.w120 { width: 120px !important; }

.w130 { width: 130px !important; }

.w140 { width: 140px !important; }

.w150 { width: 150px !important; }

.w160 { width: 160px !important; }

.w170 { width: 170px !important; }

.w180 { width: 180px !important; }

.w190 { width: 190px !important; }

.w200 { width: 200px !important; }

.w210 { width: 210px !important; }

.w220 { width: 220px !important; }

.w230 { width: 230px !important; }

.w240 { width: 240px !important; }

.w250 { width: 250px !important; }

.w260 { width: 260px !important; }

.w270 { width: 270px !important; }

.w280 { width: 280px !important; }

.w290 { width: 290px !important; }

.w300 { width: 300px !important; }

.w310 { width: 310px !important; }

.w320 { width: 320px !important; }

.w330 { width: 330px !important; }

.w340 { width: 340px !important; }

.w350 { width: 350px !important; }

.w360 { width: 360px !important; }

.w370 { width: 370px !important; }

.w380 { width: 380px !important; }

.w390 { width: 390px !important; }

.w400 { width: 400px !important; }

.w410 { width: 410px !important; }

.w420 { width: 420px !important; }

.w430 { width: 430px !important; }

.w440 { width: 440px !important; }

.w450 { width: 450px !important; }

.w460 { width: 460px !important; }

.w470 { width: 470px !important; }

.w480 { width: 480px !important; }

.w490 { width: 490px !important; }

.w500 { width: 500px !important; }

.w510 { width: 510px !important; }

.w520 { width: 520px !important; }

.w530 { width: 530px !important; }

.w540 { width: 540px !important; }

.w550 { width: 550px !important; }

.w560 { width: 560px !important; }

.w570 { width: 570px !important; }

.w580 { width: 580px !important; }

.w590 { width: 590px !important; }

.w600 { width: 600px !important; }

.w610 { width: 610px !important; }

.w620 { width: 620px !important; }

.w630 { width: 630px !important; }

.w640 { width: 640px !important; }

.w650 { width: 650px !important; }

.w660 { width: 660px !important; }

.w670 { width: 670px !important; }

.w680 { width: 680px !important; }

.w690 { width: 690px !important; }

.w700 { width: 700px !important; }

.w710 { width: 710px !important; }

.w720 { width: 720px !important; }

.w730 { width: 730px !important; }

.w740 { width: 740px !important; }

.w750 { width: 750px !important; }

.w760 { width: 760px !important; }

.w770 { width: 770px !important; }

.w780 { width: 780px !important; }

.w790 { width: 790px !important; }

.w800 { width: 800px !important; }

.w810 { width: 810px !important; }

.w820 { width: 820px !important; }

.w830 { width: 830px !important; }

.w840 { width: 840px !important; }

.w850 { width: 850px !important; }

.w860 { width: 860px !important; }

.w870 { width: 870px !important; }

.w880 { width: 880px !important; }

.w890 { width: 890px !important; }

.w900 { width: 900px !important; }

.w910 { width: 910px !important; }

.w920 { width: 920px !important; }

.w930 { width: 930px !important; }

.w940 { width: 940px !important; }

.w950 { width: 950px !important; }

.bdrNone { border: none !important; }

.bgNone { background: none !important; }

.top { vertical-align: top !important; }

.middle { vertical-align: middle !important; }

.bottom { vertical-align: bottom !important; }

.bold { font-weight: bold !important; }

.fnt10 { font-size: 3.125vw !important; }

.fnt12 { font-size: 3.75vw !important; }

.fnt14 { font-size: 1.4rem !important; }

.fnt16 { font-size: 1.6rem !important; }

.fnt18 { font-size: 1.8rem !important; }

.fnt20 { font-size: 2.0rem !important; }

.fnt22 { font-size: 2.2rem !important; }

.fnt24 { font-size: 2.4rem !important; }

.fnt26 { font-size: 2.6rem !important; }

.fnt28 { font-size: 2.8rem !important; }

.fnt30 { font-size: 3.0rem !important; }

.floR { float: right !important; }

.floL { float: left !important; }

.floNone { float: none !important; }

.block { display: block !important; }

.inline { display: inline !important; }

.colorRed { color: #cc0000 !important; }

.spHide { display: none; }

@media screen and (min-width: 640px) { .fnt10 { font-size: 2.0rem !important; }
  .fnt12 { font-size: 2.4rem !important; } }
@media screen and (max-width: 767px) { .pcHide { display: none; }
  .spHide { display: block !important; } }
/* Base
************************************ */
html { font-size: 62.5%; }

body { margin: 0 auto; min-width: 320px; max-width: 640px; color: #493910; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; background: #fff; line-height: 1.5; word-wrap: break-word; -webkit-text-size-adjust: 100%; }

@media screen and (max-width: 639px) { body { font-size: 4.0625vw; } }
@media screen and (min-width: 640px) { body { font-size: 2.6rem; } }
img { max-width: 100%; height: auto; }

.contents { line-height: 0; }

.text { line-height: 1.5; }

.notice { padding-left: 1em; text-indent: -1em; }

/* problem
************************************ */
.problem { padding-bottom: 35px; background: url(../../../../upload/save_image/lp_img/bgDot.jpg); background-size: 50px auto; }

.problemCont { padding: 0 15px; }
.problemCont p { margin-top: 1em; }

@media screen and (min-width: 640px) { .problemCont p { font-size: 2.4rem; } }
/* user voice
************************************ */
.userVoice { padding-bottom: 35px; background: #f2f0e5; }
.userVoice .inner { padding: 0 20px; }

/* product
************************************ */
.product { background: #f2f0e5; }

.productUse { margin-top: 40px; padding: 20px 0 35px; background: #fff url(../../../../upload/save_image/lp_img/bgProductUse.jpg) no-repeat 0 0; background-size: 100% auto; }

.productUseList { margin-top: 15px; display: flex; flex-flow: row wrap; justify-content: space-between; }
.productUseList li { width: 50%; }
.productUseList p { padding: 0 30px; line-height: 1.8; }

.productVoice { padding: 0 15px; }

.productVoiceCont { padding: 2px; border-radius: 4px; background: #ffe153; }
.productVoiceCont ~ .productVoiceCont { margin-top: 5px; }
.productVoiceCont p { padding: 10px 12px; border-radius: 4px; border: 1px solid #fff6cc; }

/* cv
************************************ */
.cv { padding: 20px 0 30px; background: url(../../../../upload/save_image/lp_img/bgCv.jpg); background-size: 50px auto; overflow: hidden; }

.product + .cv { box-shadow: 0px 10px 15px -6px rgba(0, 0, 0, 0.3) inset; }

.cvBtn { margin: 0 auto; width: 75%; position: relative; }

/* footer 免責
************************************ */
.footerNote { padding: 30px 10px 50px; background: #f2f0e5; }
.footerNote strong { margin: 0 -10px; display: block; }

.footerNoteContact { margin-top: 15px; padding: 15px; border-radius: 4px; background: #e7e4d4; line-height: 1; }
.footerNoteContact dt { font-weight: bold; }
.footerNoteContact dd { margin-top: 10px; }

/* footer copyright
************************************ */
.footer { padding-bottom: 15px; }

.footerGroup { display: flex; justify-content: center; align-items: center; }
.footerGroup span { width: 24%; line-height: 0; }

.footerLogo { margin: 0 15px 5px; padding-top: 15px; border-top: 1px solid #ddd; text-align: center; line-height: 0; }
.footerLogo img { width: 43%; }

.copyright { text-align: center; }

/*# sourceMappingURL=base.css.map */