@charset "utf-8";


body div#container {
	width: inherit;
	margin: 0 auto;
	padding: 0;
	background-color: transparent;
	text-align: left;
}

form #cycle_interval_start_date_area {
  display: flex !important;
  align-items: center;
  
}
@media screen and (max-width: 768px) {
  form #cycle_interval_start_date_area {
    flex-wrap: wrap;
  }
  
}

form .p-lp__already {
  background-color: #e5e3da;
}
form .delive_shortbt {
  display: block;
}
form #cycle_type3_form {
  display: flex !important;
  align-items: center;
}
form .custom-select3 {
margin: 0 5px;
}

form .p-lp__already-title {
  margin-bottom: 10px;
}

form .p-form__submit {
  text-align: center;
  

}
form .p-form__submit button {
  appearance: none;
  -webkit-appearance: none;
  background-color: #3e3a39;
  border: none;
  color: #fff;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 10px;
  transition: all 0.2s;
}
form .p-form__submit button:hover {
  opacity: 0.8;
  cursor: pointer;
}

form #lp-login {
  margin-bottom: 40px;
}
@media screen and (min-width:768px) {
  form #lp-login {
  padding-left: 20px;
  padding-right: 20px;
  }
  
}

form .payment-hr {
  border-width: 2px;
  border: none;
  border-bottom: solid 1px;
  margin: 30px 0;
}

/*追記
----------------------------------------------- */
@media (min-width: 1px){
#contact input[type=radio]:checked + label::after {
    left: 5px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background: #3e86fc;
    border-radius: 8px;
    display: none;
}
}

@media (min-width: 1px){
@media screen and (min-width: 768px){
.p-contact form input:not([type='checkbox']), .p-contact form textarea, .p-contact form .custom-select {
    padding: 0px;
    min-height: 0px;
}
}
}

#gmopg_credit_block{
    padding: 30px;
    background-color: #e5e3da;
    border-radius: 10px;

}

/* .p-contact form input:not([type='checkbox']), .p-contact form textarea, .p-contact form .custom-select {
    width:auto;
    height: inherit;
    border: none;
    border-radius: 7.8125px;
    background-color: #fff;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
} */


.p-contact form .use_payarea input[type=radio] {
    width:auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    min-height: 0px;
}

.p-contact form .new_card_info input[type=text] {
    margin-bottom: 4px;
}


.p-contact form .new_card_info .custom-select{
    width: 30%;
    display: inline-block;
}




.new_card_info th, .new_card_info_gmopg th{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 14px;
    font: inherit;
    vertical-align: baseline;
}  

.new_card_info_gmopg #gmopg_save_card_regular_tr{
    padding-top: 10px;
}


#deliv_time_area table th{
    font-size: 14px;
}


#entry_coupon_td span {
    display: block;
}

#entry_coupon_td {
    padding: 16px;
}

#entry_coupon_td #check_coupon_code {
    margin: 10px 0;
}

#coupon_area table{
    background: #e5e3da;
    margin: 10px auto;
    width: 100%;
    border-radius: 8px;
}

#coupon_area table tr #entry_coupon_td{
    padding: 16px;
}


#coupon_discount_tr th{
    font-size: 14px;
    color: red;
    padding-left: 15px;
    padding-bottom: 25px;
}

@media (min-width: 1px){
#contact table #coupon_discount_tr td{
    font-size: 14px;
    color: red;
    font-weight: bold;
    padding: 20px 15px 20px 0;
    text-align: right;
}
}

#coupon_area table  #view_coupon_td{
    padding:  30px 30px 30px 0px;
}

#gmopg_token_card_expires_year{

}


.lp_submit_area .lp-error{
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 20px;
    color: red;
}



#gmopg_credit_block table .new_card_info_gmopg th{
    font-size: 14px;
}


.products_dt table{
    width: 100%;
    }
    

.custom-select {
    width: 30%;
    }


/* フォーム共通設定
----------------------------------------------- */
#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, #lpshoppingcolumn .product_name, #payment_area #payment_txt, .products_dt #quantity_txt {
    font-size: 1.3em;
    font-weight: bold;
}

#product_id, #quantity{
    height: 60px;
}

.ui-dialog #lpshoppingcolumn .product_name {
    margin-top: 7px;
}

#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;
    color: #3e3a39;
    display: block;
}

.attention:before {
    content:none;
}

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


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

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

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

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



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

 .mgt10{margin-top:10px;}
 .mgt20{margin-top:20px;}
 .mgb10{margin-bottom:10px;}
 .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: 0 0 0 0;
    margin: 5px 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; margin-top: 16px !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 h3,#regular_cycle_area h3, #deliv_time_area h3, #regular-deliv_area h3
{
    padding-top: 25px;
    font-weight: bold;
    font-size: 14px;
}
#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;
    }

form
 input[type=radio]:checked + label::after
 {
        content: "";
        position: absolute;
        top: 50%;

        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }

/* form
  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;
    }

}

#contact
  input[type=radio]:checked + label::after {
        left: 5px;

        width: 8px;
        height: 8px;
        margin-top: -4px;

        background: #3e86fc;
        border-radius: 8px;
    }


#contact #order_sex_group
  input[type=radio]:checked + label::after {
    display: none;
    }



/*チェックボックス（装飾）
----------------------------------------------- */
#regular_product_area h2  {
        display: none;
        margin: 0;
    }
    /* 20221230 追記 */

    
#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"],
#lpshoppingcolumn input[type="tel"]{
	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;}



/*フォントカラー
----------------------------------------------- */
#contact .lp_red {
    background: #e5e3da;
    margin: 10px 0 0 0;
    padding: 15px;
    color: #333;
    /* color: #E54848; */
    font-size: 12px !important;
    line-height: 1.25;
    border-radius: 8px;
}


/*セレクト共通
----------------------------------------------- */
#lpshoppingcolumn form .custom-select, #lpshoppingcolumn .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 #ups_form .custom-select, #lpshoppingcolumn.ups_dialog .custom-select {
    z-index: 0; /* ダイアログ内のプルダウンが押せなくなるので対応 */
}

#lpshoppingcolumn form .custom-select:before, #lpshoppingcolumn .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, #lpshoppingcolumn .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, #lpshoppingcolumn .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 #ups_form .custom-select2, #lpshoppingcolumn.ups_dialog .custom-select2 {
    z-index: 0; /* ダイアログ内のプルダウンが押せなくなるので対応 */
}

#lpshoppingcolumn form .custom-select2:before, #lpshoppingcolumn .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, #lpshoppingcolumn .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*/

#contact form .custom-select3, #contact .custom-select3 {
    display: inline-block;
    vertical-align: middle;
    /* position: relative;
    background-color: white;
    border: 1px solid #aaa;
    z-index: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px 0;
    padding:0; */
}
#lpshoppingcolumn #ups_form .custom-select3, #lpshoppingcolumn.ups_dialog .custom-select3 {
    z-index: 0; /* ダイアログ内のプルダウンが押せなくなるので対応 */
}

#lpshoppingcolumn form .custom-select3:before, #lpshoppingcolumn .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, #lpshoppingcolumn .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, #lpshoppingcolumn .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, #lpshoppingcolumn .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, #lpshoppingcolumn .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;
    margin: 5px 0 15px 0;
}
#order_sex_group input{ display: none;}

#order_sex_group label{
	display:table-cell;
	cursor: pointer;
	width: 60px;
	margin: 0;
	padding: 10px;
	background: rgb(255, 255, 255);
	color: #767676;
	/* font-size: 16px; */
	text-align: center;
	line-height: 1;
	transition: .2s;
	border-left:0px solid #fff;
}
#order_sex_group label:first-of-type{
	border-radius: 8px 0 0 8px;
}
#order_sex_group label:last-of-type{
	border-radius: 0 8px 8px 0;
}
#order_sex_group input[type="radio"]:checked + .sex_male {
	background-color: #007aff;
	color: #fff;
}
#order_sex_group input[type="radio"]:checked + .sex_female {
	background-color: #007aff;
	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;
}

/*別のお届け先
----------------------------------------------- */
.deliv_btn {
    padding: 15px 0px　0px;
    text-align: center;
    margin: 50px auto 20px;
    /* 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 30px;
    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; */
    background-color: #e5e3da;
    padding: 10px 20px;
    margin: 0 -20px;
}


/*お支払い方法
----------------------------------------------- */
#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;
    text-align: right;
}

#lpshoppingcolumn #ups_dialog_form .attention1  {
    color: #e20000;
    display:block;
    width: 100%;
    font-size: 0.7rem;
    font-weight: normal;
    padding: 2px 0 0 0;
    line-height: 0.4;
    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%;}
#contact #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: 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);
}




/*個人情報のお取り扱いについて
------------------------------------------------*/
#privecy_area h3
{
    padding: 45px 0 10px 0;
    font-weight: bold;
    font-size: 14px;
}

.privecy_area
{
    width: 100%;
}

.privacy_link
{
    margin-bottom: 50px;
    text-align: center;
}


.privacy_link a{
    color: #EB6363;
}

.privacy_link a:hover{
    text-decoration: underline;
}


#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-height: 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;
}

::placeholder {
    color: #ccc;
}

.ui-widget {
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif;
}
.ui-widget input, .ui-widget button, .ui-widget select {
    font-family: inherit;
}

.cng_payment_link {
    padding: 5px;
    width: 130px;
    font-size: 11px !important;
    text-align: center;
    border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 2px solid #f6f6f6;
    background-color: #f6f6f6;
    float: right;
}
.ui-dialog #lpshoppingcolumn .products_dt table {
    border-collapse: separate;
}
#confirm_submit_cng_classcategory .cng_payment_link {
    width: 100%;
    height: 50px;
    cursor: pointer;
}
.cng_payment_link a {
    text-decoration: none;
}
#confirm_submit_cng_classcategory .cng_payment_link p {
    font-size: 15px;
}
#lpshoppingcolumn.ups_dialog {
    border: none;
    margin: 0;
}
#lpshoppingcolumn.ups_dialog .products_dt td {
    padding-top: 0;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: unset;
}
#lpshoppingcolumn #confirm_submit_image {
    margin: 0 auto;
    width: 85%;
    height: 3.5em;
    line-height: 10px;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    font-family: inherit;
    vertical-align: top;
    border-radius: 3px;
    text-decoration: none;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #28a108), color-stop(0.00, #64d549));
    background: -webkit-linear-gradient(#64d549, #28a108);
    background: -moz-linear-gradient(#64d549, #28a108);
    background: -o-linear-gradient(#64d549, #28a108);
    background: -ms-linear-gradient(#64d549, #28a108);
    background: linear-gradient(#64d549, #28a108);
    border: 1px solid #41b723;
    box-shadow: inset 0 0 9px 0px rgb(255, 255, 255), 2px 2px 5px rgba(000,000,000,0.4);
    -moz-box-shadow: inset 0 0 9px 0px rgb(255, 255, 255) ,2px 2px 5px rgba(000,000,000,0.4);
    -webkit-box-shadow: inset 0 0 9px 0px rgb(255, 255, 255), 2px 2px 5px rgba(000,000,000,0.4);
}

/*** The new CSS reset - version 1.5.1 (last updated 1.3.2022) ***/
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@600&family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;600&family=Open+Sans:wght@700&family=Roboto:wght@400;500;700&display=swap');
*,
*::before,
*::after
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a,
button
{
    cursor: revert;
}

ol,
ul,
menu
{
    list-style: none;
}

img
{
    max-width: 100%;
}

table
{
    border-collapse: collapse;
}

textarea
{
    white-space: revert;
}

meter
{
    -webkit-appearance: revert;
            -moz-appearance: revert;
            appearance: revert;
}

::-webkit-input-placeholder
{
    color: unset;
}

::-moz-placeholder
{
    color: unset;
}

:-ms-input-placeholder
{
    color: unset;
}

::-ms-input-placeholder
{
    color: unset;
}

::placeholder
{
    color: unset;
}

:where([hidden])
{
    display: none;
}

:where([contenteditable])
{
       -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
}

:where([draggable='true'])
{
    -webkit-user-drag: element;
}

.l-footer
{
    text-align: center; 

    /* background-color: #3e3a39; */
}
@media screen and (min-width: 768px)
{
    .l-footer
    {
        padding-top: 33.81539px;
        padding-bottom: 37.80734px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .l-footer
    {
        padding-top: 3.32952vw;
        padding-bottom: 3.72257vw;
    }
}
@media screen and (max-width: 767px)
{
    .l-footer
    {
        padding-top: 4.59759vw;
        padding-bottom: 4.59759vw;
    }
}
.l-footer a,
.l-footer p
{
    color: #fff;
}

.l-footer__list
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin: 0;
    padding: 0; 

    -webkit-flex-wrap: wrap; 

    -ms-flex-wrap: wrap; 

    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (min-width: 768px)
{
    .l-footer__list
    {
        margin-bottom: 13.69078px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .l-footer__list
    {
        margin-bottom: 1.34802vw;
    }
}
@media screen and (max-width: 767px)
{
    .l-footer__list
    {
        margin-bottom: 2.66667vw;
    }
}
.l-footer__list li:not(:first-child)
{
    border-left: solid 1px #fff;
}
@media screen and (max-width: 767px)
{
    .l-footer__list li:nth-child(4)
    {
        border: none;
    }
}
@media screen and (max-width: 767px)
{
    .l-footer__list li
    {
        margin-bottom: 1.33333vw;
    }
}
.l-footer__list a
{
    display: block;

    padding: 0 4px;
}
@media screen and (min-width: 768px)
{
    .l-footer__list a
    {
        font-size: 10.9375px;
        font-weight: 300; 
        line-height: 1;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .l-footer__list a
    {
        font-size: 1.07692vw;
    }
}
@media screen and (max-width: 767px)
{
    .l-footer__list a
    {
        font-size: calc((24 / 750) * 100vw);
        font-weight: 300; 
        line-height: 1;

        letter-spacing: 0;
    }
}

@media screen and (min-width: 768px)
{
    .l-footer__copyright
    {
        font-size: 9.375px;
        font-weight: 300; 
        line-height: 2.16667;

        letter-spacing: 0;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .l-footer__copyright
    {
        font-size: .92308vw;
    }
}

@media screen and (max-width: 767px)
{
    .l-footer__copyright
    {
        font-size: calc((24 / 750) * 100vw);
        font-weight: 300; 
        line-height: 1;

        letter-spacing: 0;
    }
}

/*------------------------------

  開発環境の初期化

------------------------------*/
body
{
    /* font-family: 'Yu Gothic', '游ゴシック', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif; */

    margin: 0;
    padding: 0;

    color: #3e3a39;
}

a
{
    text-decoration: none;

    color: #3e3a39;
}

p,
ul
{
    margin: 0; 
    padding: 0;
}

html
{
    margin: 0; 
    padding: 0;
}

img
{
    max-width: inherit;
}

@media screen and (min-width: 768px)
{
    .l-inner
    {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        max-width: 983.49336px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 15.625px; 
        padding-left: 15.625px;
    }
}

.l-floating
{
    position: fixed;
    z-index: 1000; 
    bottom: 30px;
    left: -30px;
}
.l-floating a
{
    display: block;

    -webkit-transition: all .2s;

    transition: all .2s;
}
.l-floating a:hover
{
    cursor: pointer; 

    opacity: .8;
}
@media screen and (min-width: 768px)
{
    .l-floating img
    {
        width: 437.5px;
        height: 138.23273px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .l-floating img
    {
        width: 43.07692vw;
        height: 13.61061vw;
    }
}
@media screen and (max-width: 767px)
{
    .l-floating img
    {
        width: 74.81297vw;
        height: auto;
    }
}

.c-btn
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin: 0 auto; 

    text-align: center;

    border-radius: 11.71875px;
    background-color: #fff;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (min-width: 768px)
{
    .c-btn
    {
        font-size: 21.875px;
        font-weight: 600; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .c-btn
    {
        font-size: 2.15385vw;
    }
}
@media screen and (max-width: 767px)
{
    .c-btn
    {
        font-size: calc((38 / 750) * 100vw);
        font-weight: 600; 
        line-height: 1.28947;

        letter-spacing: 0;
    }
}
.c-btn span
{
    position: relative; 

    display: inline-block;
}
@media screen and (min-width: 768px)
{
    .c-btn span
    {
        padding-right: 26.90461px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .c-btn span
    {
        padding-right: 2.64907vw;
    }
}
.c-btn span::before
{
    position: absolute;
    top: 50%;
    right: 0;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    background: url('/gold/assets/img/common/btn-arrow.svg') no-repeat center center/contain;
}
@media screen and (min-width: 768px)
{
    .c-btn span::before
    {
        width: 9.64305px;
        height: 14.2982px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .c-btn span::before
    {
        width: .94947vw;
        height: 1.40782vw;
    }
}
@media screen and (max-width: 767px)
{
    .c-btn span::before
    {
        width: 1.86667vw;
        height: 2.82283vw;
    }
}

.p-mv
{
    position: relative;
    z-index: 1;

    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 10vw));

    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 10vw));
}
.p-mv::before
{
    position: absolute;
    z-index: 1; 
    top: 100%;
    right: 0;
    left: 0;

    content: '';
}
@media screen and (min-width: 768px)
{
    .p-mv::before
    {
        height: 174.24836px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-mv::before
    {
        height: 17.15676vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-mv::before
    {
        height: 19.54316vw;
    }
}
@media screen and (min-width: 768px)
{
    .p-mv
    {
        padding-bottom: 26.09516px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-mv
    {
        padding-bottom: 2.56937vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-mv
    {
        padding-bottom: 6vw;
    }
}

.p-mv__inner
{
    overflow: visible;

    text-align: center;
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-mv__inner
    {
        overflow: hidden;
    }
}
@media screen and (max-width: 767px)
{
    .p-mv__inner
    {
        overflow: hidden;
    }
}

@media screen and (min-width: 768px)
{
    .p-mv__inner
    {
        height: 100%;
    }
}

.p-mv__logo
{
    position: absolute;
    z-index: 1000; 
    top: 0;
    left: 0;
}
@media screen and (min-width: 768px)
{
    .p-mv__logo img
    {
        width: 296.71172px;
        height: 296.71172px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-mv__logo img
    {
        width: 29.21469vw;
        height: 29.21469vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-mv__logo img
    {
        width: 38.13333vw;
        max-width: 156.25px;
        height: 38.13333vw;
        max-height: 156.25px;
    }
}

.p-mv__img
{
    width: 100%;
    height: 130vh;
    max-height: 1000px;
}
@media screen and (max-width: 767px)
{
    .p-mv__img
    {
        height: 110vh;
    }
}
.p-mv__img::before
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    -o-object-fit: cover;

    object-fit: cover;
}
@media screen and (min-width: 768px)
{
    .p-mv__img::before
    {
        max-height: 1000px;
    }
}

.p-mv__title
{
    position: absolute;
    z-index: 100;
    top: 18%;
    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);
}
@media screen and (max-width: 767px)
{
    .p-mv__title
    {
        top: 20%;
    }
}
.p-mv__title img
{
    display: block;

    -o-object-fit: contain;

    object-fit: contain;
}
@media screen and (min-width: 768px)
{
    .p-mv__title img
    {
        width: 178.96195px;
        height: 343.75px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-mv__title img
    {
        width: 17.62087vw;
        height: 33.84615vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-mv__title img
    {
        width: 29.33333vw;
    }
}

.p-mv__video
{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: -10%;
    height: 100%;
}
.p-mv__video video
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;
}

@media screen and (min-width: 768px)
{
    .p-kvBottom
    {
        margin-top: -132.8125px;
    }
}
@media screen and (min-width: 1400px)
{
    .p-kvBottom
    {
        margin-top: -242.1875px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-kvBottom
    {
        margin-top: -15.38462vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-kvBottom
    {
        margin-top: -13.33333vw;
    }
}

.p-kvBottom__img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.p-kvBottom__img img
{
    width: 100%;
    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;
}

.p-kvBottom__text
{
    position: relative;
    z-index: 1;
}
@media screen and (min-width: 768px)
{
    .p-kvBottom__text
    {
        margin-left: 50vw;
        padding-top: 210.72984px;
        padding-bottom: 250.25773px; 
        padding-left: 118.75297px;
    }
}
@media screen and (min-width: 1400px)
{
    .p-kvBottom__text
    {
        padding-top: 258.38609px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-kvBottom__text
    {
        padding-top: 20.74878vw;
        padding-bottom: 24.64076vw; 
        padding-left: 11.6926vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-kvBottom__text
    {
        margin-left: 41.1406vw;
        padding-top: 24.00355vw;
        padding-bottom: 60vw;
    }
}
.p-kvBottom__text p
{
    color: #3e3a39;
}
@media screen and (min-width: 768px)
{
    .p-kvBottom__text p
    {
        font-size: 31.25px;
        font-weight: 500; 
        line-height: 1.375;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-kvBottom__text p
    {
        font-size: 3.07692vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-kvBottom__text p
    {
        font-size: calc((47.27 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.40004;

        letter-spacing: 0;
    }
}
@media screen and (min-width: 768px)
{
    .p-kvBottom__text p
    {
        margin-bottom: 8.23211px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-kvBottom__text p
    {
        margin-bottom: .88747vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-kvBottom__text p
    {
        margin-bottom: 1.89112vw;
    }
}
.p-kvBottom__text p > span
{
    display: inline-block;

    background-color: #fff;
}
@media screen and (min-width: 768px)
{
    .p-kvBottom__text p > span
    {
        padding-right: 5.50391px; 
        padding-left: 5.50391px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-kvBottom__text p > span
    {
        padding-right: .54192vw; 
        padding-left: .54192vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-kvBottom__text p > span
    {
        padding-right: .93333vw; 
        padding-left: .93333vw;
    }
}
.p-kvBottom__text .p-kvBottom__text--01 span span
{
    vertical-align: baseline;
}
@media screen and (min-width: 768px)
{
    .p-kvBottom__text .p-kvBottom__text--01 span span
    {
        font-size: 25px;
        font-weight: 500; 
        line-height: 1.25;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-kvBottom__text .p-kvBottom__text--01 span span
    {
        font-size: 2.46154vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-kvBottom__text .p-kvBottom__text--01 span span
    {
        font-size: calc((37.82 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.74987;

        letter-spacing: 0;
    }
}
@media screen and (min-width: 768px)
{
    .p-kvBottom__text .p-kvBottom__text--02 span
    {
        font-size: 37.5px;
        font-weight: 500; 
        line-height: 1.25;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-kvBottom__text .p-kvBottom__text--02 span
    {
        font-size: 3.69231vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-kvBottom__text .p-kvBottom__text--02 span
    {
        font-size: calc((56.73 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.41019;

        letter-spacing: 0;
    }
}
@media screen and (min-width: 768px)
{
    .p-kvBottom__text .p-kvBottom__text--02
    {
        margin-bottom: 56.30883px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-kvBottom__text .p-kvBottom__text--02
    {
        margin-bottom: 5.54425vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-kvBottom__text .p-kvBottom__text--02
    {
        margin-bottom: 11.35731vw;
    }
}
@media screen and (min-width: 768px)
{
    .p-kvBottom__text .p-kvBottom__text--04 span
    {
        font-size: 37.5px;
        font-weight: 500; 
        line-height: 1.25;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-kvBottom__text .p-kvBottom__text--04 span
    {
        font-size: 3.69231vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-kvBottom__text .p-kvBottom__text--04 span
    {
        font-size: calc((56.73 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.23392;

        letter-spacing: 0;
    }
}

.p-kvBottom02
{
    position: relative;
    z-index: 1;
}
@media screen and (min-width: 768px)
{
    .p-kvBottom02
    {
        margin-top: -151.71742px;
        margin-bottom: 85.9375px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-kvBottom02
    {
        margin-top: -17.24602vw;
        margin-bottom: 8.46154vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-kvBottom02
    {
        margin-top: -9.36103vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-kvBottom02__inner
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.p-kvBottom02-left
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (min-width: 768px)
{
    .p-kvBottom02-left
    {
        margin-top: 86.43609px;

        -webkit-box-flex: 1;

        -webkit-flex: 1;

        -ms-flex: 1;

        flex: 1;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-kvBottom02-left
    {
        margin-top: 4.27986vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-kvBottom02-left
    {
        margin-bottom: 9.70308vw; 

        -webkit-box-pack: center; 

        -webkit-justify-content: center; 

        -ms-flex-pack: center; 

        justify-content: center;
    }
}

.p-kvBottom02-right
{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.p-kvBottom02-right img
{
    display: block;
}
@media screen and (min-width: 768px)
{
    .p-kvBottom02-right img
    {
        width: 337.73063px;
        height: auto;
        margin-right: 23.4375px; 
        margin-left: auto;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-kvBottom02-right img
    {
        width: 33.25348vw;
        margin-right: 2.30769vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-kvBottom02-right img
    {
        width: 60.08223vw; 
        margin: 0 auto;

        -o-object-fit: contain;

        object-fit: contain;
    }
}

.p-kvBottom02__text
{
    position: relative;

    color: #fff;
}
@media screen and (min-width: 768px)
{
    .p-kvBottom02__text
    {
        font-size: 23.4375px;
        font-weight: 500; 
        line-height: 1.33333;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-kvBottom02__text
    {
        font-size: 2.30769vw;
    }
}
@media screen and (min-width: 768px)
{
    .p-kvBottom02__text
    {
        height: 328.35273px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-kvBottom02__text
    {
        height: 32.33012vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-kvBottom02__text
    {
        height: 56.39411vw;
    }
}
@media screen and (min-width: 768px)
{
    .p-kvBottom02__text:not(:first-child)
    {
        width: 95.31258px; 
        margin-left: 29.13156px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-kvBottom02__text:not(:first-child)
    {
        width: 9.38462vw; 
        margin-left: 2.86834vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-kvBottom02__text:not(:first-child)
    {
        width: 16.26668vw; 
        margin-left: 4.97179vw;
    }
}
@media screen and (min-width: 768px)
{
    .p-kvBottom02__text:first-child
    {
        width: 137.11px;
    }
}
@media screen and (max-width: 767px)
{
    .p-kvBottom02__text:first-child
    {
        width: 23.40011vw;
    }
}
.p-kvBottom02__text span
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);
    text-align: center;
    -ms-writing-mode: tb-rl;
    word-break: keep-all; 

        -webkit-writing-mode: vertical-rl; 

        -ms-writing-mode: tb-rl; 

        writing-mode: vertical-rl;
}
.p-kvBottom02__text > div
{
    width: 100%;
    height: 100%; 

    background-color: #3e3a39;
}

.p-kvBottom03
{
    position: relative;
}
@media screen and (min-width: 768px)
{
    .p-kvBottom03
    {
        padding-top: 63.70539px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-kvBottom03
    {
        padding-top: 6.27253vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-kvBottom03
    {
        padding-top: 28.71877vw;
    }
}

.p-kvBottom03__inner
{
    position: relative;
}

@media screen and (min-width: 768px)
{
    .p-kvBottom03__bgText
    {
        margin-left: 39.0625px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-kvBottom03__bgText
    {
        margin-left: 3.84615vw;
    }
}

.p-kvBottom03__bgText img
{
    display: block; 

    margin: 0 auto;
}
@media screen and (min-width: 768px)
{
    .p-kvBottom03__bgText img
    {
        width: 344.84711px;
        height: auto;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-kvBottom03__bgText img
    {
        width: 33.95418vw;
        height: auto;
    }
}
@media screen and (max-width: 767px)
{
    .p-kvBottom03__bgText img
    {
        width: 66.32923vw;
        height: 56.70137vw;
    }
}

.p-kvBottom03__text
{
    position: absolute;
    top: 55%;
    left: 52%;

    -webkit-transform: translate(-50%, -40%);

    transform: translate(-50%, -40%);
    -ms-writing-mode: tb-rl;
    word-break: keep-all;

        -webkit-writing-mode: vertical-rl;

        -ms-writing-mode: tb-rl;

        writing-mode: vertical-rl;
}
@media screen and (min-width: 768px)
{
    .p-kvBottom03__text
    {
        font-size: 37.5px;
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-kvBottom03__text
    {
        font-size: 3.69231vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-kvBottom03__text
    {
        font-size: calc((56 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 767px)
{
    .p-kvBottom03__text
    {
        top: 60%;
        left: 50%;
    }
}

.p-trouble
{
    background-color: #f0f0ee;
}
@media screen and (min-width: 768px)
{
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-trouble
    {
        padding-top: 24.14vw;
        padding-bottom: 16.57515vw;
    }
}
@media screen and (max-width: 767px)
{
}

.p-trouble__inner
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 767px)
{
    .p-trouble__inner
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

@media screen and (min-width: 768px)
{
    .p-trouble__left
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        width: 510.35195px;

        text-align: center;

        -webkit-box-pack: end;

        -webkit-justify-content: flex-end;

        -ms-flex-pack: end;

        justify-content: flex-end;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-trouble__left
    {
        width: 50.25004vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-trouble__left
    {
        margin-top: 9.96883vw;
    }
}

.p-trouble__left img
{
    display: block;
}
@media screen and (min-width: 768px)
{
    .p-trouble__left img
    {
        width: 406.04422px;
        height: 315.21992px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-trouble__left img
    {
        width: 39.97974vw;
        height: 31.03704vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-trouble__left img
    {
        width: 74.66667vw;
        height: 57.96517vw; 
        margin: 0 auto;
    }
}

.p-trouble__right
{
    text-align: center;

    color: #3e3a39;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;
}

@media screen and (min-width: 768px)
{
    .p-trouble__text01
    {
        font-size: 28.125px;
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-trouble__text01
    {
        font-size: 2.76923vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-trouble__text01
    {
        font-size: calc((46 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.75217;

        letter-spacing: 0;
    }
}

@media screen and (min-width: 768px)
{
    .p-trouble__text01
    {
        margin-bottom: 41.75586px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-trouble__text01
    {
        margin-bottom: 4.11135vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-trouble__text01
    {
        margin-bottom: 12.02432vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-trouble__text02
    {
        font-size: 14.0625px;
        font-weight: 500; 
        line-height: 2.22222;

        letter-spacing: 0;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-trouble__text02
    {
        font-size: 1.38462vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-trouble__text02
    {
        font-size: calc((28 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.96429;

        letter-spacing: 0;
    }
}

@media screen and (min-width: 768px)
{
    .p-trouble__text02
    {
        margin-bottom: 13.28125px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-trouble__text02
    {
        margin-bottom: 2.84615vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-trouble__text03
    {
        font-size: 20.3125px;
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-trouble__text03
    {
        font-size: 2vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-trouble__text03
    {
        font-size: calc((36 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}

@media screen and (min-width: 768px)
{
    .p-trouble__text03
    {
        margin-bottom: 24.10438px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-trouble__text03
    {
        margin-bottom: 2.37335vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-trouble__text03
    {
        margin-bottom: 5.43571vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-trouble__text04
    {
        font-size: 14.0625px;
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-trouble__text04
    {
        font-size: 1.38462vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-trouble__text04
    {
        font-size: calc((28 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.96429;

        letter-spacing: 0;
    }
}

@media screen and (min-width: 768px)
{
    .p-trouble__img
    {
        margin-right: 39.0625px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-trouble__img
    {
        margin-right: 3.84615vw;
    }
}

.p-support
{
    position: relative;
}
@media screen and (min-width: 768px)
{

}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-support
    {
        margin-top: -16.57515vw;
        padding-top: 18.87259vw;
        padding-bottom: 15.11016vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-support
    {
    }
}

@media screen and (max-width: 767px)
{
    .p-support__inner
    {
        margin-right: 5.97416vw; 
        margin-left: 5.97416vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-support__img
    {
        position: absolute;
        bottom: 179.40484px; 
        left: calc(1048.3624 / 1920 * 100vw);
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-support__img
    {
        bottom: 17.66448vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-support__img
    {
        margin-left: 5.759vw;
    }
}

.p-support__img img
{
    display: block; 

    -o-object-fit: contain; 

    object-fit: contain;
}
@media screen and (min-width: 768px)
{
    .p-support__img img
    {
        width: 635.89102px;
        height: 279.26367px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-support__img img
    {
        width: 62.61081vw;
        height: 27.49673vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-support__img img
    {
        width: 90.96247vw;
        height: auto;
    }
}

@media screen and (max-width: 767px)
{
    .p-support__text__box
    {
        margin-bottom: 11.27312vw;
    }
}

.p-support__text01
{
    color: #fff;
}
@media screen and (min-width: 768px)
{
    .p-support__text01
    {
        font-size: 28.125px;
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-support__text01
    {
        font-size: 2.76923vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-support__text01
    {
        font-size: calc((46 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (min-width: 768px)
{
    .p-support__text01
    {
        margin-bottom: 41.11516px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-support__text01
    {
        margin-bottom: 4.04826vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-support__text01
    {
        margin-bottom: 6.76355vw;
    }
}

.p-support__text02--01 span,
.p-support__text02--02 span
{
    display: inline-block;

    color: #e6640f;
    background: #fff;
}
@media screen and (min-width: 768px)
{
    .p-support__text02--01 span,
    .p-support__text02--02 span
    {
        font-size: 37.5px;
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-support__text02--01 span,
    .p-support__text02--02 span
    {
        font-size: 3.69231vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-support__text02--01 span,
    .p-support__text02--02 span
    {
        font-size: calc((52 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (min-width: 768px)
{
    .p-support__text02--01 span,
    .p-support__text02--02 span
    {
        padding: 14.0625px 42.77711px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-support__text02--01 span,
    .p-support__text02--02 span
    {
        padding: 2.30769vw 4.2119vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-support__text02--01 span,
    .p-support__text02--02 span
    {
        padding: 2.66667vw 2.66667vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-recipe
    {
        padding-top: 138.35297px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-recipe
    {
        padding-top: 13.62245vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-recipe
    {
        padding-top: 21.94467vw;
        padding-bottom: 34.04625vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-recipe__inner
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.p-recipe__left {
  flex-shrink: 0;
}

.p-recipe__left__inner
{
    position: relative;
}
@media screen and (min-width: 768px)
{
    .p-recipe__left__inner
    {
        margin-bottom: 45.76977px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-recipe__left__inner
    {
        margin-bottom: 4.50656vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-recipe__left__inner
    {
        margin-bottom: 12.98295vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-recipe__right
    {
        /* display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1; */
    }
}

@media screen and (min-width: 768px)
{
    .p-recipe__right__img
    {
        margin-top: 39.0625px; 
        margin-left: 62.79555px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-recipe__right__img
    {
        margin-top: 3.84615vw; 
        margin-left: 6.18295vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-recipe__right__img
    {
        margin-top: -13.33333vw; 
        margin-right: -5.39381vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-recipe__right__img img
    {
        width: 799.22664px;
        height: 644.62203px;
        max-width: inherit;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-recipe__right__img img
    {
      width: 78.69308vw;
      height: 63.47048vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-recipe__right__img img
    {
        display: block; 

        width: 106.71133vw;
        height: auto;
        margin-left: auto;
    }
}

.p-recipe__bgText
{
    position: relative;
}
.p-recipe__bgText img
{
    display: block;

    margin: 0 auto;
}
@media screen and (min-width: 768px)
{
    .p-recipe__bgText img
    {
        width: 409.26937px;
        height: 298.05219px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-recipe__bgText img
    {
        width: 40.29729vw;
        height: 29.34668vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-recipe__bgText img
    {
        width: 78.72037vw;
        height: 58.59733vw;
    }
}

.p-recipe__bgText02
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%); 
    -ms-writing-mode: tb-rl;
    word-break: keep-all;

        -webkit-writing-mode: vertical-rl;

        -ms-writing-mode: tb-rl;

        writing-mode: vertical-rl;
}
@media screen and (min-width: 768px)
{
    .p-recipe__bgText02
    {
        font-size: 37.5px;
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-recipe__bgText02
    {
        font-size: 3.69231vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-recipe__bgText02
    {
        font-size: calc((55 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.78182;

        letter-spacing: 0;
    }
}

.p-recipe__text__wrap
{
    text-align: center;
}
@media screen and (max-width: 767px)
{
    .p-recipe__text__wrap
    {
        margin-bottom: 9.19689vw;
    }
}

.p-recipe__text
{
    display: inline-block;

    text-align: left; 

    color: #3e3a39;
}
@media screen and (min-width: 768px)
{
    .p-recipe__text
    {
        font-size: 14.0625px;
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-recipe__text
    {
        font-size: 1.38462vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-recipe__text
    {
        font-size: calc((28 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 767px)
{
    .p-recipe__text
    {
        text-align: center;
    }
}

.p-hotIce
{
    position: relative;
    z-index: 1000; 

    overflow: hidden;

    background-color: #edf0e9;
}
@media screen and (min-width: 768px)
{
    .p-hotIce
    {
        padding-top: 40.21469px;
        padding-bottom: 69.29px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-hotIce
    {
        padding-top: 3.9596vw;
        padding-bottom: 6.8224vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-hotIce
    {
        overflow: hidden; 

        padding-top: 9.15443vw;
        padding-bottom: 15.09971vw;
    }
}
.p-hotIce:before
{
    position: absolute;
    top: 0;

    content: '';

    background-color: #eae7d8;
}
@media screen and (min-width: 768px)
{
    .p-hotIce:before
    {
        bottom: 0; 
        left: -10vw;

        width: 60vw;

        -webkit-transform: skewX(-5deg);

        transform: skewX(-5deg);
    }
}
@media screen and (max-width: 767px)
{
    .p-hotIce:before
    {
        top: -5.33333vw;
        right: 0;
        left: 0;

        height: 298.23035vw;

        -webkit-transform: skewY(-5deg);

        transform: skewY(-5deg);
    }
}

.p-hotIce-img
{
    position: absolute;
    z-index: 100;
}
.p-hotIce-img--01
{
    top: 0;
    left: 0;
}
@media screen and (max-width: 767px)
{
    .p-hotIce-img--01
    {
        top: 4vw;
        left: -37.33333vw;
    }
}
.p-hotIce-img--01 img
{
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (min-width: 768px)
{
    .p-hotIce-img--01 img
    {
        width: 609.04281px;
        height: 675.50437px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-hotIce-img--01 img
    {
        width: 59.96729vw;
        height: 66.5112vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-hotIce-img--01 img
    {
        width: 133.33333vw;
        height: auto;
    }
}
.p-hotIce-img--02
{
    right: 0; 
    bottom: -20px;
}
@media screen and (max-width: 767px)
{
    .p-hotIce-img--02
    {
        right: -20vw; 
        bottom: 80vw;
    }
}
.p-hotIce-img--02 img
{
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (min-width: 768px)
{
    .p-hotIce-img--02 img
    {
        width: 789.06641px;
        height: 674.99867px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-hotIce-img--02 img
    {
        width: 77.69269vw;
        height: 66.46141vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-hotIce-img--02 img
    {
        width: 91.13193vw;
        height: auto;
    }
}

.p-hotIce__inner
{
    position: relative;
    z-index: 100;
}

.p-hotIce__title__wrap
{
    text-align: center;
}
@media screen and (min-width: 768px)
{
    .p-hotIce__title__wrap
    {
        margin-bottom: 74.8943px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-hotIce__title__wrap
    {
        margin-bottom: 7.37421vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-hotIce__title__wrap
    {
        margin-bottom: 84.07001vw;
    }
}

.p-hotIce__title
{
    width: 100vw;
    max-width: 952px;
    margin: 0 auto;
}
.p-hotIce__title span
{
    display: inline-block;

    color: #3e3a39; 
    background-color: #fff;
}
@media screen and (min-width: 768px)
{
    .p-hotIce__title span
    {
        padding: 15.625px 31.25px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-hotIce__title span
    {
        padding: 1.53846vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-hotIce__title span
    {
        padding: 1.33333vw 2.66667vw;
    }
}
@media screen and (min-width: 768px)
{
    .p-hotIce__title--01
    {
        font-size: 37.5px;
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-hotIce__title--01
    {
        font-size: 3.69231vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-hotIce__title--01
    {
        font-size: calc((52 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
.p-hotIce__title--01 span span
{
    padding: 0;
}
@media screen and (min-width: 768px)
{
    .p-hotIce__title--01 span span
    {
        font-size: 31.25px;
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-hotIce__title--01 span span
    {
        font-size: 3.07692vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-hotIce__title--01 span span
    {
        font-size: calc((38 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.84211;

        letter-spacing: 0;
    }
}
@media screen and (min-width: 768px)
{
    .p-hotIce__title--02
    {
        font-size: 31.25px;
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-hotIce__title--02
    {
        font-size: 3.07692vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-hotIce__title--02
    {
        font-size: calc((44 / 750) * 100vw);
        font-weight: 500; 
        line-height: 2.27273;

        letter-spacing: 0;
    }
}

.p-hotIce__item__list
{
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 768px)
{
    .p-hotIce__item__list
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.p-hotIce__item
{
    color: #3e3a39;
}
@media screen and (max-width: 767px)
{
    .p-hotIce__item
    {
        margin: 0 auto;
    }
}
.p-hotIce__item img
{
    display: block;

    margin: 0 auto;
}
@media screen and (min-width: 768px)
{
    .p-hotIce__item img
    {
        margin-bottom: 34.08047px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-hotIce__item img
    {
        margin-bottom: 3.35562vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-hotIce__item img
    {
        margin-bottom: 6.35521vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-hotIce__item--01
    {
        max-width: 54.55761vw; 
        margin-bottom: 14.41499vw;
    }
}
@media screen and (min-width: 768px)
{
    .p-hotIce__item--01 img
    {
        -webkit-box-sizing: content-box;
        box-sizing: content-box; 
        width: 86.72102px;
        max-width: 169.59945px;
        height: 145.86344px;
        padding-left: 19.53125px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-hotIce__item--01 img
    {
        width: 8.53868vw;
        max-width: 16.69902vw;
        height: 14.36194vw;
        padding-left: 1.92308vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-hotIce__item--01 img
    {
        width: 20.69821vw;
        height: 34.81407vw;
        padding-left: 1.33333vw;
    }
}
@media screen and (min-width: 768px)
{
    .p-hotIce__item--02
    {
        max-width: 169.59945px; 
        margin-left: 61.89602px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-hotIce__item--02
    {
        max-width: 16.69902vw; 
        margin-left: 6.09438vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-hotIce__item--02
    {
        max-width: 55.04179vw; 
        margin-bottom: 98.22471vw;
    }
}
@media screen and (min-width: 768px)
{
    .p-hotIce__item--02 img
    {
        width: 152.8768px;
        height: 146.86844px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-hotIce__item--02 img
    {
        width: 15.05248vw;
        height: 14.46089vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-hotIce__item--02 img
    {
        width: 36.48799vw;
        height: 35.05395vw;
    }
}
@media screen and (min-width: 768px)
{
    .p-hotIce__item--03
    {
        max-width: 266.28211px; 
        margin-left: 150.33687px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-hotIce__item--03
    {
        max-width: 26.21855vw; 
        margin-left: 14.8024vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-hotIce__item--03
    {
        max-width: 54.87643vw;
    }
}
@media screen and (min-width: 768px)
{
    .p-hotIce__item--03 img
    {
        width: 166.65531px;
        height: 108.0743px;
        margin-top: 35.97648px; 
        margin-bottom: 37.36828px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-hotIce__item--03 img
    {
        width: 16.40914vw;
        height: 10.64116vw;
        margin-top: 3.5423vw; 
        margin-bottom: 3.67934vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-hotIce__item--03 img
    {
        width: 39.77659vw;
        height: 25.79472vw;
    }
}

.p-hotIce__item_num
{
    text-align: center;
}
@media screen and (min-width: 768px)
{
    .p-hotIce__item_num
    {
        font-size: 31.25px;
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-hotIce__item_num
    {
        font-size: 3.07692vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-hotIce__item_num
    {
        font-size: calc((40 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (min-width: 768px)
{
    .p-hotIce__item_num
    {
        margin-bottom: 8.50078px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-hotIce__item_num
    {
        margin-bottom: .837vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-hotIce__item_num
    {
        margin-bottom: 2.7842vw;
    }
}

.p-hotIce__item_text
{
    text-align: justify;
}
@media screen and (min-width: 768px)
{
    .p-hotIce__item_text
    {
        font-size: 12.5px;
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-hotIce__item_text
    {
        font-size: 1.23077vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-hotIce__item_text
    {
        font-size: calc((26 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.5;

        letter-spacing: 0;
    }
}

.p-price-top
{
    position: relative;
}
@media screen and (min-width: 768px)
{
    .p-price-top
    {
        padding-top: 109.37195px;
        padding-bottom: 344.07672px; 

        background-color: #ffb57c;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-top
    {
        padding-top: 10.76893vw;
        padding-bottom: 33.87832vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-top
    {
        padding-top: 4.69609vw;
        padding-bottom: 38.37389vw; 

        background-color: #ffb57c;
    }
}
.p-price-top::before
{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';

}
@media screen and (min-width: 1300px)
{
    .p-price-top::before
    {
        bottom: -20vw;
    }
}
.p-price-top:after
{
    position: absolute;
    top: 0;
    right: 0; 
    bottom: -20vw;
    left: 0;

    content: '';

    background-color: #ffb57c;
}

@media screen and (max-width: 767px)
{
    .p-price-top__inner
    {
        padding-right: 5.1042vw; 
        padding-left: 5.1042vw;
    }
}

.p-price-top-img
{
    position: absolute;
    z-index: 2;
}
@media screen and (min-width: 768px)
{
    .p-price-top-img
    {
        top: -195.42602px; 
        left: calc(420.2137 / 983.49336 * 100%);
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-top-img
    {
        top: -19.24195vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-top-img
    {
        top: -37.43361vw; 
        left: 10.69647vw;
    }
}
.p-price-top-img img
{
    display: block;

    height: auto;
}
@media screen and (min-width: 768px)
{
    .p-price-top-img img
    {
        width: 820.3125px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-top-img img
    {
        width: 80.76923vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-top-img img
    {
        width: 133.33333vw;
    }
}

.p-price-top__contents
{
    position: relative;
    z-index: 3;
}

.p-price-top__text01
{
    color: #fff;
}
@media screen and (min-width: 768px)
{
    .p-price-top__text01
    {
        font-size: 31.25px;
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-top__text01
    {
        font-size: 3.07692vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-top__text01
    {
        font-size: calc((46 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (min-width: 768px)
{
    .p-price-top__text01
    {
        margin-bottom: 26.16852px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-top__text01
    {
        margin-bottom: 2.57659vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-top__text01
    {
        margin-bottom: 4.51275vw;
    }
}

.p-price-top__text02 p span
{
    display: inline-block;

    color: #e6640f; 
    background-color: #fff;
}
@media screen and (min-width: 768px)
{
    .p-price-top__text02 p span
    {
        font-size: 37.5px;
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-top__text02 p span
    {
        font-size: 3.69231vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-top__text02 p span
    {
        font-size: calc((52 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (min-width: 768px)
{
    .p-price-top__text02 p span
    {
        padding: 14.0625px 31.25px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-top__text02 p span
    {
        padding: 1.53846vw 2.30769vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-top__text02 p span
    {
        padding: 2vw 3.73333vw;
    }
}

.p-price-bottom
{
    position: relative;
    z-index: 10;
}
@media screen and (min-width: 768px)
{
    .p-price-bottom
    {
        margin-top: -548.96289px; 
        padding-top: 219.05469px;
        padding-bottom: 154.65125px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom
    {
        margin-top: -53.2825vw; 
        padding-top: 21.56846vw;
        padding-bottom: 15.2272vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-bottom
    {
        margin-top: -39.94432vw;
        padding-top: 13.98119vw;
        padding-bottom: 32.99361vw;
    }
}
.p-price-bottom::before
{
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: -500px;
    left: 0;

    content: '';
    -webkit-transform: skewY(-20deg);
    transform: skewY(-20deg); 

    background-color: #eca171;
}
@media screen and (min-width: 768px)
{
    .p-price-bottom::before
    {
        top: 273.4375px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom::before
    {
        top: 26.92308vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-bottom::before
    {
        top: 17.33333vw;
    }
}

.p-price-bottom__inner
{
    position: relative;
    z-index: 100;
}
@media screen and (max-width: 767px)
{
    .p-price-bottom__inner
    {
        padding-right: 5.1042vw; 
        padding-left: 5.1042vw;
    }
}

.p-price-bottom__title__wrap
{
    text-align: right;
}
@media screen and (min-width: 768px)
{
    .p-price-bottom__title__wrap
    {
        margin-bottom: 116.84242px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__title__wrap
    {
        margin-bottom: 11.50448vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-bottom__title__wrap
    {
        margin-bottom: 10.55912vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-price-bottom__title
    {
        margin-bottom: 27.48531px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__title
    {
        margin-bottom: 2.70625vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-price-bottom__title
    {
        margin-bottom: 6.43395vw;
    }
}

.p-price-bottom__title img
{
    display: block;

    margin-left: auto;
}
@media screen and (min-width: 768px)
{
    .p-price-bottom__title img
    {
        width: 189.64844px;
        height: 111.77141px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__title img
    {
        width: 18.67308vw;
        height: 11.00518vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-bottom__title img
    {
        width: 32.36653vw;
        height: 19.07565vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-price-bottom__title__text
    {
        font-size: 37.5px;
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__title__text
    {
        font-size: 3.69231vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-price-bottom__title__text
    {
        font-size: calc((48 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}

.p-price-bottom__list
{
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 768px)
{
    .p-price-bottom__list
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        margin-bottom: 150.34992px; 

        -webkit-box-pack: center; 

        -webkit-justify-content: center; 

        -ms-flex-pack: center; 

        justify-content: center;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__list
    {
        margin-bottom: 14.80368vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-bottom__list
    {
        margin-bottom: 13.24201vw;
    }
}

.p-price-bottom__item
{
    text-align: center;
}
@media screen and (min-width: 768px)
{
    .p-price-bottom__item:last-child
    {
        margin-left: 72.76922px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__item:last-child
    {
        margin-left: 7.16497vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-bottom__item:not(:last-child)
    {
        margin-bottom: 24.08595vw;
    }
}
@media screen and (min-width: 768px)
{
    .p-price-bottom__item .c-btn
    {
        width: 289.04766px;
        height: 77.98344px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__item .c-btn
    {
        width: 28.46008vw;
        height: 7.67837vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-bottom__item .c-btn
    {
        width: 69.06312vw;
        height: 18.63284vw;
    }
}
@media screen and (min-width: 768px)
{
    .p-price-bottom__item .c-btn span
    {
        padding-right: 26.5625px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__item .c-btn span
    {
        padding-right: 2.61538vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-bottom__item .c-btn span
    {
        padding-right: 5.64565vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-price-bottom-img
    {
        margin-bottom: 41.36906px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom-img
    {
        margin-bottom: 4.07326vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-price-bottom-img
    {
        margin-bottom: 5.66187vw;
    }
}

.p-price-bottom-img img
{
    display: block;
}
@media screen and (min-width: 768px)
{
    .p-price-bottom-img img
    {
        width: 343.75px;
        height: 343.75px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom-img img
    {
        width: 33.84615vw;
        height: 33.84615vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-bottom-img img
    {
        width: 80vw;
        height: 80vw; 
        margin: 0 auto;
    }
}

@media screen and (min-width: 768px)
{
    .p-price-bottom__item__quantity
    {
        font-size: 15.625px;
        font-weight: 600; 
        line-height: 1.986;

        letter-spacing: 0;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__item__quantity
    {
        font-size: 1.53846vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-price-bottom__item__quantity
    {
        font-size: calc((36 / 750) * 100vw);
        font-weight: 600; 
        line-height: 1.86778;

        letter-spacing: 0;
    }
}

@media screen and (min-width: 768px)
{
    .p-price-bottom__item__quantity
    {
        margin-bottom: 7.83297px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__item__quantity
    {
        margin-bottom: .77125vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-price-bottom__item__quantity
    {
        margin-bottom: 3.76217vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-price-bottom__item__price
    {
        margin-bottom: 31.68984px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__item__price
    {
        margin-bottom: 3.12023vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-price-bottom__item__price
    {
        margin-bottom: 6.03935vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-price-bottom__item__price span:first-child
    {
        font-size: 23.4375px;
        font-weight: 600; 
        line-height: 1.896;

        letter-spacing: 0;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__item__price span:first-child
    {
        font-size: 2.30769vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-price-bottom__item__price span:first-child
    {
        font-size: calc((52 / 750) * 100vw);
        font-weight: 600; 
        line-height: 1.36538;

        letter-spacing: 0;
    }
}

@media screen and (min-width: 768px)
{
    .p-price-bottom__item__price span:nth-child(2)
    {
        font-size: 31.25px;
        font-weight: 600; 
        line-height: 1.422;

        letter-spacing: 0;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__item__price span:nth-child(2)
    {
        font-size: 3.07692vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-price-bottom__item__price span:nth-child(2)
    {
        font-size: calc((71 / 750) * 100vw);
        font-weight: 600; 
        line-height: 1;

        letter-spacing: 0;
    }
}

.p-price-bottom__item__price span:last-child
{
    display: inline-block;
}
@media screen and (min-width: 768px)
{
    .p-price-bottom__item__price span:last-child
    {
        font-size: 14.0625px;
        font-weight: 500; 
        line-height: 2.10667;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__item__price span:last-child
    {
        font-size: 1.38462vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-bottom__item__price span:last-child
    {
        font-size: calc((30 / 750) * 100vw);
        font-weight: 500; 
        line-height: 2.24467;

        letter-spacing: 0;
    }
}
@media screen and (min-width: 768px)
{
    .p-price-bottom__item__price span:last-child
    {
        margin-left: 7.8125px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__item__price span:last-child
    {
        margin-left: px-min(10);
    }
}
@media screen and (max-width: 767px)
{
    .p-price-bottom__item__price span:last-child
    {
        margin-left: 1.33333vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-price-bottom__item__text
    {
        font-size: 15.625px;
        font-weight: 600; 
        line-height: 1.896;

        letter-spacing: -.057em;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__item__text
    {
        font-size: 1.53846vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-price-bottom__item__text
    {
        font-size: calc((34 / 750) * 100vw);
        font-weight: 600; 
        line-height: 1.98059;

        letter-spacing: -.057em;
    }
}

@media screen and (min-width: 768px)
{
    .p-price-bottom__item__text
    {
        margin-bottom: 16.56875px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__item__text
    {
        margin-bottom: 1.63138vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-price-bottom__item__text
    {
        margin-bottom: 2.59024vw;
    }
}

.p-price-bottom__caution
{
    background-color: #edeae2;
}
@media screen and (min-width: 768px)
{
    .p-price-bottom__caution
    {
        margin-bottom: 94.14516px; 
        padding-top: 40.75539px;
        padding-bottom: 57.83195px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__caution
    {
        margin-bottom: 9.26968vw; 
        padding-top: 4.01284vw;
        padding-bottom: 5.69422vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-bottom__caution
    {
        margin-bottom: 8.06521vw;
        padding-top: 9.88745vw;
        padding-bottom: 14.00511vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-price-bottom__caution__title
    {
        margin-bottom: 31.71461px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__caution__title
    {
        margin-bottom: 3.12267vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-price-bottom__caution__title
    {
        margin-bottom: 8.99232vw;
    }
}

.p-price-bottom__caution__title img
{
    display: block;

    margin: 0 auto;
}
@media screen and (min-width: 768px)
{
    .p-price-bottom__caution__title img
    {
        width: 138.30031px;
        height: 16.67023px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__caution__title img
    {
        width: 13.61726vw;
        height: 1.64138vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-bottom__caution__title img
    {
        width: 35.23828vw;
        height: 4.26667vw;
    }
}

.p-price-bottom__caution__list img
{
    display: block;

    margin: 0 auto;
}
@media screen and (min-width: 768px)
{
    .p-price-bottom__caution__list img
    {
        width: 626.44047px;
        height: 106.57938px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__caution__list img
    {
        width: 61.68029vw;
        height: 10.49397vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-bottom__caution__list img
    {
        width: 65.58919vw;
        height: 56.25213vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-price-bottom__single
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media screen and (max-width: 767px)
{
    .p-price-bottom__single
    {
        text-align: center;
    }
}

@media screen and (min-width: 768px)
{
    .p-price-bottom__single .c-btn
    {
        width: 426.13547px;
        height: 77.98344px;
        margin-right: auto;
        margin-left: 0;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__single .c-btn
    {
        width: 41.95795vw;
        height: 7.67837vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-price-bottom__single .c-btn
    {
        width: 69.06312vw;
        height: 18.63284vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-price-bottom__single .c-btn span
    {
        padding-right: 37.94547px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__single .c-btn span
    {
        padding-right: 3.73617vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-price-bottom__single .c-btn span
    {
        padding-right: 8.38456vw; 

        text-align: left;
    }
}

@media screen and (min-width: 768px)
{
    .p-price-bottom__single__left
    {
        width: 403.47188px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__single__left
    {
        width: 39.72646vw;
    }
}

.p-price-bottom__single__left img
{
    display: block;

    height: auto;
}
@media screen and (min-width: 768px)
{
    .p-price-bottom__single__left img
    {
        width: 248.24258px;
        margin-right: 23.4375px; 
        margin-left: auto;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__single__left img
    {
        width: 24.44235vw;
        margin-right: 2.30769vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-bottom__single__left img
    {
        width: 58.624vw;
        margin: 0 auto;
    }
}

@media screen and (min-width: 768px)
{
    .p-price-bottom__single__right
    {
        margin-left: 9.79875px;
        padding-top: 69.51313px; 

        -webkit-box-flex: 1; 

        -webkit-flex: 1; 

        -ms-flex: 1; 

        flex: 1;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__single__right
    {
        margin-left: .9648vw;
        padding-top: 6.84437vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-price-bottom__single__quantity
    {
        font-size: 15.625px;
        font-weight: 600; 
        line-height: 1.896;

        letter-spacing: 0;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__single__quantity
    {
        font-size: 1.53846vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-price-bottom__single__quantity
    {
        font-size: calc((36 / 750) * 100vw);
        font-weight: 600; 
        line-height: 1.87056;

        letter-spacing: 0;
    }
}

@media screen and (min-width: 768px)
{
    .p-price-bottom__single__quantity
    {
        margin-bottom: 4.56758px;
        margin-left: 4.1593px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__single__quantity
    {
        margin-bottom: 1.52665vw;
        margin-left: .40953vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-price-bottom__single__quantity
    {
        margin-bottom: .17685vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-price-bottom__single__price
    {
        margin-bottom: 19.8918px;
        margin-left: 4.1593px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__single__price
    {
        margin-bottom: 1.95858vw;
        margin-left: .40953vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-price-bottom__single__price
    {
        margin-bottom: 8.7704vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-price-bottom__single__price span:first-child
    {
        font-size: 23.4375px;
        font-weight: 600; 
        line-height: 1.896;

        letter-spacing: 0;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__single__price span:first-child
    {
        font-size: 2.30769vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-price-bottom__single__price span:first-child
    {
        font-size: calc((52 / 750) * 100vw);
        font-weight: 600; 
        line-height: 1.94231;

        letter-spacing: 0;
    }
}

@media screen and (min-width: 768px)
{
    .p-price-bottom__single__price span:nth-child(2)
    {
        font-size: 31.25px;
        font-weight: 600; 
        line-height: 1.422;

        letter-spacing: 0;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__single__price span:nth-child(2)
    {
        font-size: 3.07692vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-price-bottom__single__price span:nth-child(2)
    {
        font-size: calc((71 / 750) * 100vw);
        font-weight: 600; 
        line-height: 1.42254;

        letter-spacing: -.02em;
    }
}

.p-price-bottom__single__price span:nth-child(3)
{
    display: inline-block;
}
@media screen and (min-width: 768px)
{
    .p-price-bottom__single__price span:nth-child(3)
    {
        font-size: 14.0625px;
        font-weight: 500; 
        line-height: 2.10667;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__single__price span:nth-child(3)
    {
        font-size: 1.38462vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-bottom__single__price span:nth-child(3)
    {
        font-size: calc((30 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1;

        letter-spacing: 0;
    }
}
@media screen and (min-width: 768px)
{
    .p-price-bottom__single__price span:nth-child(3)
    {
        margin-left: 7.8125px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-price-bottom__single__price span:nth-child(3)
    {
        margin-left: .76923vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-price-bottom__single__price span:nth-child(3)
    {
        margin-left: 1.33333vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-ingredients
    {
        padding-bottom: 171.53187px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-ingredients
    {
        padding-bottom: 16.88929vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-ingredients
    {
        margin-top: -33.33333vw;
    }
}

.p-ingredients__title__inner
{
    position: relative;

    margin: 0 auto;
}

@media screen and (min-width: 768px)
{
    .p-ingredients__title__img
    {
        margin-left: 23.4375px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-ingredients__title__img
    {
        margin-left: 2.30769vw;
    }
}

.p-ingredients__title__img img
{
    display: block;

    margin: 0 auto;
}
@media screen and (min-width: 768px)
{
    .p-ingredients__title__img img
    {
        width: 388.09281px;
        height: 303.57016px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-ingredients__title__img img
    {
        width: 38.21222vw;
        height: 29.88998vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-ingredients__title__img img
    {
        width: 78.72037vw;
        height: 58.59733vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-ingredients__title__wrap
    {
        margin-bottom: 44.32445px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-ingredients__title__wrap
    {
        margin-bottom: 4.36425vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-ingredients__title__wrap
    {
        margin-bottom: 13.52728vw;
    }
}

.p-ingredients__title
{
    position: absolute;
    top: 52%;
    left: 51.5%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);
    -ms-writing-mode: tb-rl;
    word-break: keep-all;

    color: #3e3a39;

        -webkit-writing-mode: vertical-rl;

        -ms-writing-mode: tb-rl;

        writing-mode: vertical-rl;
}
@media screen and (min-width: 768px)
{
    .p-ingredients__title
    {
        font-size: 37.5px;
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-ingredients__title
    {
        font-size: 3.69231vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-ingredients__title
    {
        font-size: calc((56 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}

.p-ingredients__text
{
    text-align: center; 

    color: #3e3a39;
}
@media screen and (min-width: 768px)
{
    .p-ingredients__text
    {
        font-size: 14.0625px;
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-ingredients__text
    {
        font-size: 1.38462vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-ingredients__text
    {
        font-size: calc((28 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (min-width: 768px)
{
    .p-ingredients__text
    {
        margin-bottom: 89.02648px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-ingredients__text
    {
        margin-bottom: 8.76568vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-ingredients__text
    {
        margin-bottom: 14.06871vw;
    }
}

.p-ingredients__item__list
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin: 0;
    padding: 0; 

    -webkit-box-pack: justify; 

    -webkit-justify-content: space-between; 

    -ms-flex-pack: justify; 

    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (max-width: 767px)
{
    .p-ingredients__item__list
    {
        padding-right: 8.35048vw; 
        padding-left: 8.35048vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-ingredients__item
    {
        width: calc(266.4997 / 1258.8715 * 100%);
        margin-bottom: 58.14734px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-ingredients__item
    {
        margin-bottom: 5.72528vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-ingredients__item
    {
        width: 35.53329vw;
        margin-bottom: 12.27311vw;
    }
}

.p-ingredients__item img
{
    display: block;
}
@media screen and (min-width: 768px)
{
    .p-ingredients__item img
    {
        width: 208.20289px;
        height: 208.20289px;
        margin-bottom: 24.38094px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-ingredients__item img
    {
        width: 20.49998vw;
        height: 20.49998vw;
        margin-bottom: 2.40058vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-ingredients__item img
    {
        width: 35.53329vw;
        height: 35.53329vw;
        margin-bottom: 6.88723vw;
    }
}

.p-ingredients__item__title
{
    text-align: center; 

    color: #3e3a39;
}
@media screen and (min-width: 768px)
{
    .p-ingredients__item__title
    {
        font-size: 23.4375px;
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-ingredients__item__title
    {
        font-size: 2.30769vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-ingredients__item__title
    {
        font-size: calc((50 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (min-width: 768px)
{
    .p-ingredients__item__title
    {
        margin-bottom: 12.9218px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-ingredients__item__title
    {
        margin-bottom: 1.2723vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-ingredients__item__title
    {
        margin-right: -2.66667vw; 
        margin-bottom: 2.76789vw;
        margin-left: -2.66667vw;
    }
}

.p-ingredients__item__text
{
    text-align: justify; 

    color: #3e3a39;
}
@media screen and (min-width: 768px)
{
    .p-ingredients__item__text
    {
        font-size: 12.5px;
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-ingredients__item__text
    {
        font-size: 1.23077vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-ingredients__item__text
    {
        font-size: calc((26 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.5;

        letter-spacing: 0;
    }
}
@media screen and (min-width: 768px)
{
    .p-ingredients__item__text
    {
        padding-right: 9.49359px; 
        padding-left: 9.49359px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-ingredients__item__text
    {
        padding-right: .93475vw; 
        padding-left: .93475vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-ingredients__item__text
    {
        padding-right: 1.33333vw; 
        padding-left: 1.33333vw;
    }
}

@media screen and (max-width: 767px)
{
    .is-pc
    {
        display: none;
    }
}

@media screen and (min-width: 768px)
{
    .is-sp
    {
        display: none;
    }
}

#mainContents
{
    overflow: hidden;
}

[data-class='fadeIn']
{
    -webkit-transition: all .5s cubic-bezier(.13, .75, .72, .89);
    transition: all .5s cubic-bezier(.13, .75, .72, .89);
    -webkit-transform: translateY(30px);
    transform: translateY(30px);

    opacity: 0;
}
[data-class='fadeIn'].fadeIn
{
    -webkit-transform: translateY(0);
    transform: translateY(0); 

    opacity: 1;
}

[data-class='leftToRight']
{
    position: relative;

    overflow: hidden;

    width: 0;

    -webkit-transition: all 1.5s cubic-bezier(.13, .75, .72, .89);

    transition: all 1.5s cubic-bezier(.13, .75, .72, .89);
    word-break: keep-all;
}
[data-class='leftToRight'] span
{
    white-space: nowrap; 
    word-break: keep-all;
}
[data-class='leftToRight'].leftToRight
{
    width: 100%;

    opacity: 1;
}

[data-class='topToBottom']
{
    -webkit-transition: all 1s cubic-bezier(.13, .75, .72, 1);
    transition: all 1s cubic-bezier(.13, .75, .72, 1); 
    -webkit-transform: translateY(-101%); 
    transform: translateY(-101%);
}
[data-class='topToBottom'] > span
{
    top: 70%;

    -webkit-transition: all .4s cubic-bezier(.13, .75, .72, .89) 1.6s;

    transition: all .4s cubic-bezier(.13, .75, .72, .89) 1.6s; 

    opacity: 0;
}
[data-class='topToBottom'].topToBottom
{
    -webkit-transform: translateY(0%);
    transform: translateY(0%); 

    opacity: 1;
}
[data-class='topToBottom'].topToBottom > span
{
    top: 50%; 

    opacity: 1;
}

[data-class='slideToBottomRight']
{
    -webkit-transition: all .5s cubic-bezier(.13, .75, .72, .89);
    transition: all .5s cubic-bezier(.13, .75, .72, .89);
    -webkit-transform: translate(-30%, -30%);
    transform: translate(-30%, -30%);

    opacity: 0;
}
[data-class='slideToBottomRight'].slideToBottomRight
{
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);

    opacity: 1;
}

[data-class='slideToTopLeft']
{
    -webkit-transition: all .5s cubic-bezier(.13, .75, .72, .89);
    transition: all .5s cubic-bezier(.13, .75, .72, .89); 
    -webkit-transform: translate(15%, 15%); 
    transform: translate(15%, 15%);

    opacity: 0;
}
[data-class='slideToTopLeft'].slideToTopLeft
{
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);

    opacity: 1;
}

[data-class='fadeInCenterText']
{
    top: 100%;

    -webkit-transition: all .5s cubic-bezier(.13, .75, .72, .89);

    transition: all .5s cubic-bezier(.13, .75, .72, .89);

    opacity: 0;
}
[data-class='fadeInCenterText'].fadeInCenterText
{
    top: 50%; 

    opacity: 1;
}

[data-class='slideToTopRight']
{
    -webkit-transition: all 1s cubic-bezier(.13, .75, .72, .89);
    transition: all 1s cubic-bezier(.13, .75, .72, .89); 
    -webkit-transform: translate(-15%, 15%); 
    transform: translate(-15%, 15%);

    opacity: 0;
}
[data-class='slideToTopRight'].slideToTopRight
{
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);

    opacity: 1;
}

[data-class='opacity']
{
    -webkit-transition: all 1.2s cubic-bezier(.13, .75, .72, .89);
    transition: all 1.2s cubic-bezier(.13, .75, .72, .89); 

    opacity: 0;
}
[data-class='opacity'].opacity
{
    opacity: 1;
}


.p-contact
{
    position: relative;
    z-index: 10;

    background-color: #edeae2;
}
@media screen and (min-width: 768px)
{
    .p-contact
    {
        padding-top: 85.9375px;
        padding-bottom: 114.74156px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-contact
    {
        padding-top: 8.46154vw;
        padding-bottom: 11.29763vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-contact
    {
        padding-top: 17.70693vw;
        padding-bottom: 21.57256vw;
    }
}

.p-contact__inner
{
    margin: 0 auto;
}
@media screen and (min-width: 768px)
{
    .p-contact__inner
    {
        max-width: 508.75px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-contact__inner
    {
        max-width: 50.15385vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-contact__inner
    {
        padding-right: 6.66667vw; 
        padding-left: 6.66667vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-contact__title__wrap
    {
        padding-bottom: 58.66469px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-contact__title__wrap
    {
        padding-bottom: 5.77622vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-contact__title__wrap
    {
        margin-bottom: 19.62129vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-contact__title
    {
        margin-bottom: 20.3125px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-contact__title
    {
        margin-bottom: 2vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-contact__title
    {
        margin-bottom: 6.86289vw;
    }
}

.p-contact__title img
{
    display: block;

    margin: 0 auto;
}
@media screen and (min-width: 768px)
{
    .p-contact__title img
    {
        width: 114.33336px;
        height: 46.64px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-contact__title img
    {
        width: 11.25744vw;
        height: 4.59225vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-contact__title img
    {
        width: 25.36667vw;
        height: 10.34805vw;
    }
}

.p-contact__text
{
    text-align: center;
}
@media screen and (min-width: 768px)
{
    .p-contact__text
    {
        font-size: 28.125px;
        font-weight: 500; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-contact__text
    {
        font-size: 2.76923vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-contact__text
    {
        font-size: calc((50 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.26;

        letter-spacing: 0;
    }
}

@media screen and (min-width: 768px)
{
    .p-contact form .form-item
    {
        margin-bottom: 0px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-contact form .form-item
    {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px)
{
    .p-contact form .form-item
    {
        margin-bottom: 4vw;
    }
}

.p-contact form input:not([type='checkbox']),
.p-contact form textarea,
.p-contact form .custom-select
{
  /* font-family: 'Yu Gothic', '游ゴシック', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif; */
    overflow: hidden;

    margin: 10px 0 0 0; /* 2022.12.30 調整 */

    width: 100%; 
    height: inherit;

    border: none;
    border-radius: 7.8125px;
    background-color: #fff;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;
}
.p-contact form textarea {
  overflow: visible;
}
@media screen and (min-width: 768px)
{
    .p-contact form input:not([type='checkbox']),
    .p-contact form textarea,
    .p-contact form .custom-select
    {
        padding: 11.71875px 15.625px;
        min-height: 40px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-contact form input:not([type='checkbox']),
    .p-contact form textarea,
    .p-contact form .custom-select
    {
        padding: 7.8125px;
    }
}
@media screen and (max-width: 767px)
{
    .p-contact form input:not([type='checkbox']),
    .p-contact form textarea,
    .p-contact form .custom-select
    {
        min-height: 11.73849vw; 
        padding: .66667vw 1.33333vw;
    }
}
@media screen and (min-width: 768px)
{
    .p-contact form input:not([type='checkbox']),
    .p-contact form textarea,
    .p-contact form .custom-select
    {
        font-size: 12.5px;
        font-weight: 500; 
        line-height: 1.25;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-contact form input:not([type='checkbox']),
    .p-contact form textarea,
    .p-contact form .custom-select
    {
        font-size: 1.23077vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-contact form input:not([type='checkbox']),
    .p-contact form textarea,
    .p-contact form .custom-select
    {
        font-size: calc((30 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.16667;

        letter-spacing: 0;
    }
}
.p-contact form input:not([type='checkbox'])::-webkit-input-placeholder, .p-contact form textarea::-webkit-input-placeholder, .p-contact form .custom-select::-webkit-input-placeholder
{
    color: #999;
}
.p-contact form input:not([type='checkbox'])::-moz-placeholder, .p-contact form textarea::-moz-placeholder, .p-contact form .custom-select::-moz-placeholder
{
    color: #999;
}
.p-contact form input:not([type='checkbox']):-ms-input-placeholder, .p-contact form textarea:-ms-input-placeholder, .p-contact form .custom-select:-ms-input-placeholder
{
    color: #999;
}
.p-contact form input:not([type='checkbox'])::-ms-input-placeholder, .p-contact form textarea::-ms-input-placeholder, .p-contact form .custom-select::-ms-input-placeholder
{
    color: #999;
}
.p-contact form input:not([type='checkbox'])::placeholder,
.p-contact form textarea::placeholder,
.p-contact form .custom-select::placeholder
{
    color: #999;
}


.custom-select3 select
{
    width: 100%;

    border: none; 

    -webkit-appearance: none; 

    -moz-appearance: none; 

    appearance: none;
}





.p-contact form .custom-select
{
    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; 

    padding: 0;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: inherit;
}
.p-contact form .custom-select::before
{
    position: absolute;
    top: 50%;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    background: url('/gold/assets/img/common/select-arrow.svg') no-repeat center center/contain;
}
@media screen and (min-width: 768px)
{
    .p-contact form .custom-select::before
    {
        right: 15.39703px; 

        width: 8.67328px;
        height: 6.52586px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-contact form .custom-select::before
    {
        right: 1.51602vw; 

        width: .85398vw;
        height: .64255vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-contact form .custom-select::before
    {
        right: 4vw; 

        width: 2.48092vw;
        height: 1.86667vw;
    }
}

.birth-select{
    width: 70%;
    display: flex;
}

.p-contact form select
{
    width: 100%;

    border: none; 

    -webkit-appearance: none; 

    -moz-appearance: none; 

    appearance: none;
}

@media screen and (min-width: 768px)
{
    .p-contact form select
    {
        font-size: 12.5px;
        font-weight: 500; 
        line-height: 1.25;

        letter-spacing: 0;
        min-height: 40px;
    }

    .p-contact form #product_id
    {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.25;
        color: #3e3a39;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-contact form select
    {
        font-size: 1.23077vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-contact form select
    {
        font-size: calc((30 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.16667;

        letter-spacing: 0;
    }
}
.p-contact form select:focus
{
    outline: none;
}
@media screen and (min-width: 768px)
{
    .p-contact form select
    {
        padding: 11.71875px 15.625px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-contact form select
    {
        padding: 7.8125px;
    }
}
@media screen and (max-width: 767px)
{
    .p-contact form select
    {
        min-height: 11.73849vw; 
        padding: .66667vw 1.33333vw;
    }
}

.p-contact form input[type='button']
{
    display: block;

    margin: 0 auto;

    -webkit-transition: all .2s;

    transition: all .2s; 

    color: #fff;
    border: none;
    border-radius: 7.8125px;
    background-color: #C02300;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;
}
.p-contact form input[type='button']:hover
{
    cursor: pointer; 

    opacity: .8;
}
.p-contact form input[type='button']:focus
{
    outline: none;
}
@media screen and (min-width: 768px)
{
    .p-contact form input[type='button']
    {
        font-size: 21.875px;
        font-weight: 600; 
        line-height: 1.75;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-contact form input[type='button']
    {
        font-size: 2.15385vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-contact form input[type='button']
    {
        font-size: calc((40 / 750) * 100vw);
        font-weight: 600; 
        line-height: 1.25;

        letter-spacing: 0;
    }
}
@media screen and (min-width: 768px)
{
    .p-contact form input[type='button']
    {
        width: 389.31953px;
        height: 70.44367px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-contact form input[type='button']
    {
        width: 38.333vw;
        height: 6.93599vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-contact form input[type='button']
    {
        width: 74.66667vw;
        height: 16.17715vw;
    }
}

.p-contact form input[type='checkbox']
{
    display: inline-block;

    min-height: inherit;
    padding: 0; 

    vertical-align: middle;

    border: solid 1px #666;
    border-radius: 3px;
    background: transparent;

    -webkit-appearance: auto;

    -moz-appearance: auto;

    appearance: auto;
    margin-left: 0;
}
@media screen and (min-width: 768px)
{
    .p-contact form input[type='checkbox']
    {
        width: 14.96555px;
        height: 14.96555px;
        margin-right: 7.32875px;
    }
}
@media screen and (max-width: 767px)
{
    .p-contact form input[type='checkbox']
    {
        width: 3.34009vw;
        height: 3.34009vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-contact form input[type='checkbox']
    {
        margin-right: 1.25077vw;
    }
}

.p-contact form label
{
    display: inline-block;
}

@media screen and (min-width: 768px)
{
  .p-contact form h3
    {
        font-size: 14px;
    }
    .p-contact form label
    {
        font-size: 14px;
        font-weight: 500; 
        line-height: 1.2;

        letter-spacing: 0;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
  .p-contact form h3
    {
        font-size: 1.88462vw;
    }
    .p-contact form label
    {
        font-size: 1.38462vw;
    }
}
@media screen and (min-width: 768px)
{.p-contact form h3
  {
    margin-bottom: 6.50789px;
  }

    .p-contact form label
    {
        margin-bottom: 6.50789px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
  .p-contact form h3
    {
      margin-bottom: .64078vw;
    }
    .p-contact form label
    {
        margin-bottom: .64078vw;
    }
}
@media screen and (max-width: 767px)
{
  .p-contact form h3
    {
      margin-bottom: 1.33333vw;
    }
    .p-contact form label
    {
        margin-bottom: 1.33333vw;
    }
}

.p-contact form .lp-contact__flex
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;
}
@media screen and (min-width: 768px)
{
    .p-contact form .lp-contact__flex .flex__item
    {
        width: calc(254.7083 / 560 * 100%);
    }
}
@media screen and (max-width: 767px)
{
    .p-contact form .lp-contact__flex .flex__item
    {
        width: calc(295.6436 / 650 * 100%);
    }
}

@media screen and (min-width: 768px)
{
    .p-contact form .attention
    {
        font-size: 12.5px;
        font-weight: 500; 
        line-height: 1.375;
        color: #3e3a39;
        letter-spacing: 0;
        display: block;
    }
}

@media screen and (min-width: 768px)
{
    .p-contact form .hyphen
    {
        padding: 0px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-contact form .attention
    {
        font-size: 1.23077vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-contact form .attention
    {
        font-size: calc((22 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.13636;
        letter-spacing: 0;
        display: block;
        
    }
}

@media screen and (min-width: 768px)
{
    .p-contact form .attention
    {
        margin: 6.25px 0;
        display: block;
    }
}

@media screen and (max-width: 767px)
{
    .p-contact form .attention
    {
        margin: 1.33333vw 0;
    }
}

@media screen and (min-width: 768px)
{
    .p-contact form .form-item__address .form-item__label:not(:nth-of-type(1))
    {
        margin-top: 17.1875px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .p-contact form .form-item__address .form-item__label:not(:nth-of-type(1))
    {
        margin-top: 17.1875px;
    }
}

@media screen and (max-width: 767px)
{
    .p-contact form .form-item__address .form-item__label:not(:nth-of-type(1))
    {
        margin-top: 2.66667vw;
    }
}

.p-contact form .register_btn label
{
    display: inline;
    font-weight: bold;
}

.p-contact form .center
{
    text-align: center;
}

.p-contact form .orange
{
    text-decoration: underline; 

    color: #e6640f;
}

.p-contact form .required
{
    margin-left: 10px; 
    display: inline-block;
    padding: 4px 10px;

    /* color: red; */
}

.p-contact form .any
{
    margin-left: 10px; 
    display: inline-block;
    padding: 4px 10px;
}

  /* 20221230 追記 */
.sec-order-content-ttl span {
    font-size: 1.5rem;
    display: block;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    letter-spacing: 0.4em;
    padding-top: 1.5em;
}

.sec-order-content {
    max-width: 1150px;
    margin: 0 auto;
    padding: 0px;
}

.sec-order-content-ttl {
    font-size: 4rem;
    margin-bottom: 80px;
    font-family: "Noto Serif JP", serif;
    text-align: center;
}
  /* 20221230 追記ここまで */



@charset "Shift_JIS";
/*** The new CSS reset - version 1.5.1 (last updated 1.3.2022) ***/
/* @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@600&family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;600&family=Open+Sans:wght@700&family=Roboto:wght@400;500;700&display=swap');
*,
*::before,
*::after
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
} */

a,
button
{
    cursor: revert;
}

ol,
ul,
menu
{
    list-style: none;
}

img
{
    max-width: 100%;
}

table
{
    border-collapse: collapse;
}

textarea
{
    white-space: revert;
}

meter
{
    -webkit-appearance: revert;
            -moz-appearance: revert;
            appearance: revert;
}

::-webkit-input-placeholder
{
    color: unset;
}

::-moz-placeholder
{
    color: unset;
}

:-ms-input-placeholder
{
    color: unset;
}

::-ms-input-placeholder
{
    color: unset;
}

::placeholder
{
    color: unset;
}

:where([hidden])
{
    display: none;
}

:where([contenteditable])
{
       -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
}

:where([draggable='true'])
{
    -webkit-user-drag: element;
}

#gp_paygent_token_card_info
{
    display: block;
}
#gp_paygent_token_card_info table
{
    width: 100%;
}
#gp_paygent_token_card_info table th
{
    display: block; 

    width: 100%;
}
@media screen and (min-width: 768px)
{
    #gp_paygent_token_card_info table th
    {
        font-size: 14.0625px;
        font-weight: 500; 
        line-height: 1.22222;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    #gp_paygent_token_card_info table th
    {
        font-size: 1.38462vw;
    }
}
@media screen and (min-width: 768px)
{
    #gp_paygent_token_card_info table th
    {
        margin-bottom: 6.50789px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    #gp_paygent_token_card_info table th
    {
        margin-bottom: .64078vw;
    }
}
@media screen and (max-width: 767px)
{
    #gp_paygent_token_card_info table th
    {
        margin-bottom: 1.33333vw;
    }
}
#gp_paygent_token_card_info table td
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;
}
@media screen and (min-width: 768px)
{
    #gp_paygent_token_card_info table td
    {
        margin-bottom: 19.73094px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    #gp_paygent_token_card_info table td
    {
        margin-bottom: 19.73094px;
    }
}
@media screen and (max-width: 767px)
{
    #gp_paygent_token_card_info table td
    {
        margin-bottom: 4.03231vw;
    }
}
#gp_paygent_token_card_info table .pdt10
{
    display: none;
}
#gp_paygent_token_card_info table .mini
{
    width: 100%;
}
@media screen and (min-width: 768px)
{
    #gp_paygent_token_card_info .attention1
    {
        font-size: 12.5px;
        font-weight: 500; 
        line-height: 1.375;

        letter-spacing: 0;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    #gp_paygent_token_card_info .attention1
    {
        font-size: 1.23077vw;
    }
}
@media screen and (max-width: 767px)
{
    #gp_paygent_token_card_info .attention1
    {
        font-size: calc((22 / 750) * 100vw);
        font-weight: 500; 
        line-height: 1.13636;

        letter-spacing: 0;
    }
}
#gp_paygent_token_card_info input[type=radio]
{
    display: none;
}
#gp_paygent_token_card_info input[type=radio] + label
{
    position: relative; 

    margin-right: 20px;
    padding-left: 20px;
}
#gp_paygent_token_card_info input[type=radio] + label::before
{
    position: absolute;
    top: 50%;
    left: 0;
    left: 0;

    width: 12px;
    height: 12px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); 

    border-radius: 20px;
    background: #fff;
}
#gp_paygent_token_card_info input[type=radio] + label:after
{
    top: 50%;
    left: 2px;

    margin-top: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);
}

.gp_paygent_credit
{
    margin: 0 -20px 50px; 
    padding: 20px 20px;

    background-color: #e5e3da;
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
    .gp_paygent_credit
    {
        margin-bottom: 3.84615vw;
    }
}

#payment_area table td
{
    border: none;
}


#payment_area {
  margin-bottom: 15px;
}

/* 
form .delivery_calendar {
  opacity: 0 !important;
  height: 0 !important;
  margin-bottom: 0 !important;
  position: relative;
  z-index: -1;
}

#deliv_time_area {
height: 0;
    opacity: 0;
    z-index: -1;
    position: relative;
} */

.payment_affair {
  display: none;
}
form .gp_paygent_token_action_type {
background-color: transparent;
}

form .gp_paygent_token_action_type input {
 opacity: 0;
 height: 0 !important;
 width: 0 !important;
 padding: 0 !important;
}

form #gp_paygent_card_list{
  display: table;
  margin: 0 auto;
  text-align: center;
}

form #gp_paygent_card_list th, 
form #gp_paygent_card_list td {
  width: auto;
  display: table-cell;
  padding: 5px;
}

form #gp_paygent_card_list th:first-child {
  opacity: 0;
}
form #gp_paygent_card_list td:first-child input {
  display: block;
  width: 15px;
  height: 15px;
  appearance: auto;
  margin: 0 auto;
}

#amazon_button_area_v2 #amazon_h {
  text-align: center;
}


/* 
.payment_affair {
  display: none !important;
} */


/* ーーーーー調整ーーーー */

.lp-birthday{
display:table;
width: 400px;
}

.birth-select span{
    padding: 20px 0 0 10px;
}

.lp-birthday > li{
    display:table-cell;
    padding-right: 20px;
}

.register_btn {
    padding: 20px 0px;
    display: block;
}

#contact .mt-tit   {
    padding-top: 25px;
    font-weight: bold;
    font-size: 14px;
    }


#contact .mt-15   {
    padding-top: 15px;
    }

#contact .mt-20   {
    padding-top: 20px;
    }
#contact .mt-30   {
    padding-top: 30px;
    }

#contact .mt-10   {
    padding-top: 10px;
    }

#contact .mt-5   {
padding-top: 5px;
}

    
#contact table td  {
    padding: 5px 15px 0 0;
    font-size: 14px;
    overflow: hidden;
}
#contact  {
  font-family: 'Yu Gothic', '游ゴシック', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif;
}
/* 
.p-contact form input:not([type='checkbox']) {
    padding: 15px 15px;
    min-height: 40px;
    margin-top: 5px;
}  */



#cycle_type1_form {

    padding: 5px;


}

/*コメント配置行間調整*/
#payment_area #payment_methods #payment_affair_4 em{
	line-height: 1.75rem;
    color: #000;
    line-height: 1.5rem;
    font-size: 12px;
    font-weight: normal;
}
#payment_area #payment_methods #payment_affair_4 em span{
	line-height: 1.75rem;
    color: #e20000;
    line-height: 1.5rem;
    font-size: 12px;
    font-weight: bold;
}



/*reCAPTCHA v3　マーク表示*/
.grecaptcha-badge {
    z-index: 10;
} 


/*  登録したクレジットカードを選択するラジオボタンの表示のための追記 START */


/* 特定のテーブル内のラジオボタンのデフォルトスタイルに戻す */
.gmopg_credit .gmopg_payment_wallet_id {
    display: inline-block !important; /* 非表示設定を上書き */
    -webkit-appearance: radio !important;
    -moz-appearance: radio !important;
    appearance: radio !important;
    margin-top: 0 !important; /* 上部のマージンを削除 */
}

/* テーブルタグであることと、IDとクラスを全て用いて指定 */
table#gmopg_credit_list.gmopg_credit {
    margin:30px auto 0;
}

/*  登録したクレジットカードを選択するラジオボタンの表示のための追記内容 END */