@charset "UTF-8";

/*==============================================================================================
 下層ページ共通
==============================================================================================*/

.sp_only{display: none!important;}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.breadcrumbs ul li {
	display: inline-block;
	font-size: 11px;
}
.breadcrumbs ul li a{
	display: inherit;
}
.breadcrumbs ul li:not(:last-child)::after {
    content: '/';
    padding: 0 0 0 5px;
}
#Wrap_lower.onlyDefault{
    margin: 0 auto 20px
}
#Wrap_lower .area_error{
	margin: 5px 0 0 0;
	line-height: 1.4;
}
#Wrap_lower .error_inline {
	color: #ff0000;
	font-size: 14px;
	font-weight: normal;
}
#Wrap_lower .price_red{
	color: #d93625;
}
main.main-area{
}
.block-inner{
	max-width: 1240px;
	margin: 0 auto;
}

input, button, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
 select::-ms-expand {
   display: none;
}
.mt0{margin-top: 0!important;}
.mt10{margin-top: 10px!important;}
.mt20{margin-top: 20px!important;}
.mt30{margin-top: 20px!important;}
.mb10{margin-bottom: 10px!important;}
.mb20{margin-bottom: 20px!important;}
.mb6040{margin-bottom: 60px!important;}
.mt7030{margin-top: 70px!important;}
.lh_15{line-height: 1.5;}
.pt0{padding-top: 0!important;}
.pt10{padding-top: 10px!important;}

a {
    color: inherit;
    text-decoration: none;
}

.br-pc { display:none; }
.pc_none{display: none;}
.sp-none{display: block;}

/*==============================================================================================
 共通css
==============================================================================================*/
.area_block{
	margin-bottom: 60px;
}
.dvUserShippingInfo .area_block{
	margin-bottom: 40px;
}
.area_block.ver100{
	margin-bottom: 100px;
}
.area_block.passRemaind_margin{
	margin-bottom: 26px;
}
.ttl_p{
	font-size: 18px;
	line-height: 1;
	padding-bottom:20px;
	border-bottom:solid 1px #545454;
	text-align: center;
	margin-top: 60px;
	font-weight: bold;
}
.onlyUser .ttl_p{
	margin-top: 60px;
}
.onlyUser .ttl_p._noM{
	margin-top: 0;
}
.ttl_s{
	font-size: 16px;
	line-height: 1;
	padding-bottom:16px;
	text-align: left;
	border-bottom: dotted 1px #cacaca;
}
.ttl_c{
	font-size: 14px;
}
.ttl_c_bo_dot{
	font-size: 14px;
	line-height: 1;
	padding-bottom:16px;
	text-align: left;
	border-bottom: dotted 1px #dcdcdc;
}

.ttl_g{
	font-size: 16px;
	line-height: 1;
	padding-bottom:16px;
	text-align: left;
	border-bottom: dotted 1px #cacaca;
}
.ttl_t_s{
	font-size: 16px;
	line-height: 1;
	padding-bottom:16px;
	text-align: left;
	border-bottom: solid 3px #f4f4f4;
	font-weight: bold;
}

.ttl{
    font-weight: normal;
    text-align: center;
    font-size: 30px;
    letter-spacing: 0.1em;
}
.sub_ttl{
    font-size: 20px;
    letter-spacing: 0.05em;
    display: block;
    font-weight: 200;
    margin-top: 10px;
}
.txt_ttl{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.4;
}
.txt{
    font-size: 16px;
    line-height: 1.66;
}

.green{color: #6bd3cd;}
.blue{color: #6092e6;}

.f_bold{font-weight: bold!important;}
.f_taLeft{text-align: left!important;}
.f_colorRed{color:#d93625;}
.f_noborder{border:none!important;}
.f_graybox{
	padding: 13px 20px;
    background: #f4f4f4;
}
.line_s{border-bottom:solid 1px #cacaca!important;}
.line_s_2{border-bottom:solid 5px #f5f4f3!important;padding-bottom:16px;}
.line_none{border:none;}
.notice{ font-size: 14px;line-height: 1.5;margin: -10px auto 5px; display: block;}
/*==============================================================================================
flex
==============================================================================================*/
.flex-container{display : flex;}
.flex-D-row{flex-direction : row;}
.flex-D-row-reverse{flex-direction : row-reverse;}
.flex-D-col{flex-direction : column;}
.flex-D-col-reverse{flex-direction : column-reverse;}
.flex-W{flex-wrap : wrap;}
.flex-NW{flex-wrap : no-wrap;}
.flex-WR{flex-wrap : wrap-reverse;}
.flex-J-flex-start{justify-content : flex-start;}
.flex-J-flex-end{justify-content : flex-end;}
.flex-J-center{justify-content : center;}
.flex-J-space-b{justify-content : space-between;}
.flex-J-space-a{justify-content : space-around;}
.flex-J-space-e{justify-content : space-evenly;}
.flex-A-flex-start{align-content : flex-start;}
.flex-A-flex-end{align-content : flex-end;}
.flex-A-center{align-content : center;}
.flex-A-space-b{align-content : space-between;}
.flex-A-space-a{align-content : space-around;}
.flex-A-space-e{align-content : space-evenly;}
.flex-A-stretch{align-content : stretch;}
.align-S-auto{align-self : auto;}
.align-S-flex-start{align-self : flex-start;}
.align-S-flex-end{align-self : flex-end;}
.align-S-center{align-self : center;}
.align-S-baseline{align-self : baseline;}
.align-S-stretch{align-self : stretch;}
.pos-R{position : relative;}
.pos-A{position : absolute;}

/* ------------------------------------------------
  ボタンまわり
------------------------------------------------ */
.area_btn,.area_btn.user_defaultshipping,.area_btn.magazine_remove{
	margin-top: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.area_btn.user_ohd_wrap{
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.area_btn_userchange{
	display: flex;
	align-items: center;
}
.area_btn.cuser_credit,.area_btn.user_userremailde{
	margin-top: 60px;
}
.dvUserShippingInfo .area_btn.user_modify,.area_btn.user_passRemaind_com{
	margin-top: 60px;
}
.area_btn.user_fix_cancel_input{
	margin-top: 40px;
}
.dvUserShippingInfo .area_btn.user_defaultshipping{
	margin-top: 26px;
}
.area_btn.right_side{
	justify-content: flex-end;
}
.area_btn.right_side li,.area_btn.right_side li:first-child{
	margin: 0;
}
.area_btn.confirm_o{
	margin-top: 40px;
}
.area_btn li{margin: 0 30px;}
.area_btn li:first-child{margin: 0 30px;}
.area_btn.user_modify li,.area_btn.user_defaultshipping li,.area_btn.user_fix_cancel_input li{margin: 0 15px;}
.area_btn.user_modify li:first-child,.area_btn.user_defaultshipping li:first-child,.area_btn.user_fix_cancel_input li:first-child{margin: 0 15px;}
.area_btn_right_single{
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
}
.btn_info {
	width:100px;
	display: block;
	text-align: center;
	font-size: 15px;
	text-align: center;
	height: 50px;
	line-height: 50px;
	color:#ffffff;
	font-weight: normal;
}
.btn_move {
	width:240px;
	display: block;
	text-align: center;
	font-size: 16px;
	text-align: center;
	height: 80px;
	line-height: 80px;
	color:#ffffff;
}
.btn_confirm {
	width:200px;
	display: block;
	text-align: center;
	font-size: 16px;
	text-align: center;
	height: 80px;
	line-height: 80px;
	color:#ffffff;
}
.btn_addad {
	width:200px;
	display: block;
	text-align: center;
	font-size: 16px;
	text-align: center;
	height: 60px;
	line-height: 60px;
	color:#ffffff;
}
.btn_join {
	width:280px;
	display: block;
	text-align: center;
	font-size: 16px;
	text-align: center;
	height: 80px;
	line-height: 80px;
	color:#ffffff;
}
.btn_my_orderList {
	width:200px;
	display: block;
	text-align: center;
	font-size: 16px;
	text-align: center;
	height: 60px;
	line-height: 60px;
	color:#545454;
}
.btn_user_ohd {
	width:200px;
	display: block;
	text-align: center;
	font-size: 16px;
	text-align: center;
	height: 60px;
	line-height: 60px;
	color:#ffffff;
}
.btn_history {
	width:170px;
	display: block;
	text-align: center;
	font-size: 13px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color:#ffffff;
}
.btn_modification {
	/* width:140px; */
	padding: 0 20px;
	display: block;
	text-align: center;
	font-size: 14px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color:#ffffff!important;
}
.btn_address{
	width:130px;
	display: block;
	text-align: center;
	font-size: 15px;
	text-align: center;
	height: 50px;
	line-height: 50px;
	color:#ffffff;
}
.btn_user_change{
	width:140px;
	display: block;
	text-align: center;
	font-size: 14px;
	text-align: center;
	height: 35px;
	line-height: 35px;
	color:#ffffff;
	font-weight: normal;
}
.btn_delate_s{
	width:100px;
	display: block;
	text-align: center;
	font-size: 15px;
	text-align: center;
	height: 35px;
	line-height: 35px;
	color:#545454;
	box-sizing: border-box;
}
.btn_edit_s{
	width:100px;
	display: block;
	text-align: center;
	font-size: 15px;
	text-align: center;
	height: 35px;
	line-height: 35px;
	color:#ffffff;
	border: 1px solid #545454;
}
.btn_user_change_ok{
	width:80px;
	display: block;
	text-align: center;
	font-size: 14px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color:#ffffff;
	box-sizing: border-box;
	font-weight: normal;
}
.btn_user_change_no{
	width:80px;
	display: block;
	text-align: center;
	font-size: 14px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color:#545454;
	box-sizing: border-box;
	font-weight: normal;
	color: #ffffff;
}
.btn_user_change_ok_fixed{
	width:210px;
	display: block;
	text-align: center;
	font-size: 14px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color:#ffffff;
	box-sizing: border-box;
	font-weight: normal;
}
.btn_user_change_ok_s{
	width:140px;
	display: block;
	text-align: center;
	font-size: 14px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color:#ffffff;
	font-weight: normal;
}
.btn_address{
	width:130px;
	display: block;
	text-align: center;
	font-size: 15px;
	text-align: center;
	height: 50px;
	line-height: 50px;
	color:#ffffff;
}
#dvUserBox .btn_user_change_ok_fixed label{color: #ffffff;}
.btn_user_fixed_cancel_noreason{
	width:150px;
	display: block;
	text-align: center;
	font-size: 14px;
	text-align: center;
	height: 35px;
	line-height: 35px;
	color:#ffffff;
	font-weight: normal;
}
.btn_user_fixed_cancel_reason{
    width: 225px;
    display: block;
    text-align: center;
    font-size: 14px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    font-weight: normal;
    padding: 0 5px;
}
.btn_cuponUse {
	width:200px;
	display: block;
	text-align: center;
	font-size: 16px;
	text-align: center;
	height: 35px;
	line-height: 35px;
	color:#ffffff;
	margin: 0 0 0 auto;
}
.bc_blue{background:#4f8df4;color:#fff;}
.bc_gray{background:#afafaf;}
.bc_brown{background: #545454;}
.bc_border{border: 1px solid #545454;}
.btc_brown{color: #545454!important;}


.area_txt{
	width: 100%;
    max-width: 1000px;
    margin: 0 auto 40px;
}
.area_ttl{
	width: 100%;
	max-width: 1000px;
	margin: 80px auto 60px;
	text-align: center;
}
#Wrap_lower.onlyDefault .area_ttl{
	margin: 50px auto 60px;
}
.area_ttl h2{
	font-size: 34px;
	display: flex;
	flex-direction: column;
}
.area_ttl h2 .noto{font-family: 'Noto Sans', sans-serif;font-weight: 600;}
.area_ttl h2 .fs_ttlsub{font-size: 13px; margin-top: -8px;}
/* ------------------------------------------------
  ステップチャート
------------------------------------------------ */
.stepFlow{
	display: flex;
	border-bottom: 1px solid #afafaf;
}
.stepFlow li{
	line-height:1.4;
	font-size: 14px;
	letter-spacing: normal;
	text-align: center;
	color: #afafaf;
	padding-bottom:22px;
}
.stepFlow.step05 li{width: 20%;}
.stepFlow.step04 li{width: 25%;}
.stepFlow.step03 li{width: 33.333333333%;}
.stepFlow.step02 li{width: 50%;}
.stepFlow li.current{
	color: #545454;
	padding-bottom:16px;
	border-bottom:solid 5px #545454;
}
.area_ttl_sec p{
	margin-top: 40px;
	text-align: center;
	line-height: 1.71;
	letter-spacing: 0.02rem;
}
.area_ttl_sec p .required{
	margin:0 2px 0 0;
}
.dvContentsInfo_kakunin .required{
	margin:0 4px 0 0;
}
.required{
	background: #d93625;
    color: #ffffff;
    font-size: 10px;
    padding: 2px 5px;
    vertical-align: middle;
    line-height: 1;
	margin:0 0 0 10px;
	font-weight: normal;
}
.red_poshi .required{
	position: absolute;
	top: 29.5px;
}
.inner_lower{
	max-width: 800px;
	width: 100%;
	margin: 26px auto 60px;
}
#dvUserBox .red_poshi table th{
	position: relative;
}
/* ------------------------------------------------
  pager
------------------------------------------------ */
.pagerWrap{
	display: flex;
	justify-content: flex-end;
}
.pager {position: relative;}

.pager .pager-arrow {
position: absolute;
top: 0;
}

.pager .pager-arrow a {
display: block;
width: 11px;
height: 21px;
-webkit-transition: opacity .3s;
transition: opacity .3s;
position: relative;
}

.pager .pager-arrow a:hover {opacity: .5;}

.pager .pager-arrow a::before, .pager .pager-arrow a::after {
content: "";
display: block;
width: 15px;
height: 1px;
position: absolute;
right: -2px;
background: #808080;
}

.pager .pager-arrow a::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 5px;
}

.pager .pager-arrow a::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: 5px;
}

.pager .pager-arrow.prev {
left: 0;
}

.pager .pager-arrow.prev a {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.pager .pager-arrow.next {
right: 0;
}

.pager .list-pager {
width: 100%;
text-align: center;
font-size: 0;
letter-spacing: 0;
}

.pager .list-pager li {
display: inline-block;
font-size: 12px;
margin: 0 16px;
line-height: 1.9;
}
.pager .list-pager li span {
border-bottom: 1px solid #545454;
padding: 0 6px 6px;
font-weight: bold;
}

.pager .list-pager li a {
display: inline-block;
padding: 0 5px;
-webkit-transition: opacity .3s;
transition: opacity .3s;
font-weight: normal
}

.pager .list-pager li a:hover {
opacity: .5;
}
#pagination .result{
	display: none;
}
/* ------------------------------------------------
  フォーム並びレイアウト
------------------------------------------------ */
.form_double{
	display: flex;
}
.form_double li{
	margin: 0;
	flex-grow: 1;
}
.form_double li:first-child{
	margin-right: 40px;
}
.form_double.margin_small li:first-child{
	margin-right: 20px;
}
.form_double li{
	margin: 0;
	flex-grow: 1;
}
.form_double.post li:first-child{
	margin-right: 0;
}
.form_double.post li{
	display: flex;
	align-items: center;
	flex-grow: inherit;
}
.form_double.post li span{
	margin: 0 10px 0 0;
	font-size: 14px;
	font-weight: normal;
}
.form_double.post li span.both{
	margin: 0 10px;
}

.form_triple{
	display: flex;
	justify-content: space-between;
}
.form_triple li{
	margin: 0 0 0 28px;
	width: 33%;
	display: flex;
	align-items: center;
}
.form_triple li:first-child{
	margin-left: 0;
}
.form_triple.date span{
	margin-left:10px;
	font-size: 14px;
}
.form_fixed{
	display: flex;
	align-items: center;
}
.form_fixed.negaM{
	margin-top: -10px;
}
.form_fixed.plan_date02{
	margin: 20px 0 0;
}
.form_fixed li.form_none{
	width: 176px;
}
.form_fixed li{
	width: 100%;
}
.form_fixed li.width_200{
	width: 100%;
	max-width: 200px;
}
.form_fixed li.width_170{
	width: 100%;
    max-width: 170px;
}
.form{
	width:100%;
	height: 50px;
	line-height: 50px;
	background-color: #f4f4f4;
	padding: 18px 20px;
	font-size: 14px;
}
.form02{
	width:100%;
	height: 35px;
	line-height: 35px;
	background-color: #f4f4f4;
	padding: 10px;
	font-size: 14px;
}
.form._01{max-width: 800px;}
.form._02{max-width: 400px;}
.form._03{max-width: 380px;}
.form._04{max-width: 300px;}
.form._05{max-width: 220px;}
.form._06{max-width: 180px;}
.form._07{max-width: 130px;}
.form._08{max-width: 120px;}
.form._09{max-width: 350px;}
.form._11{max-width: 140px;}
.form._12{max-width: 330px;margin-left: 0;}
.form._13{max-width: 100px;text-align: center;}
.form._14{max-width: 120px;}
.form._15{max-width: 200px;}
.form._16{max-width: 330px;}
.form02._17{max-width: 75px;}
 /* ------------------------------------------------
  フォーム体裁
------------------------------------------------ */
.form_wrap dl{}
.form_wrap dt div{
	font-size: 14px;
    font-weight: bold;
    line-height: 1;
    display: flex;
    align-items: center;
    margin: 5px 10px 0 0;
}
.form_wrap dt{
	margin: 20px 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.onlyUser .form_wrap dt,.onlyUser .form_wrap .pass_m_i_bottom dt{
	margin: 26px 0 20px;
}
.form_wrap dt.no_m_t{
	margin: 0 0 20px!important;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.form_wrap dt.fixed_purchase{
	margin: 20px 0 10px;
	display: flex;
    align-items: center;
}
.form_wrap dt.fixed_purchase div{
	font-weight: normal;
}
.form_wrap dt.loginFormtop{
	margin: 20px 0
}
.confirm_wrap {
	margin:36px auto 60px;
	font-size: 14px;
}
.confirm_block{
	margin:0;
	border-bottom: none;
}
.confirm_block:first-child{
	border-bottom: dotted 1px #cacaca;
	margin-bottom: 60px;
}
.confirm_block dt{
	border-top: dotted 1px #cacaca;
	padding-top: 33px;
	font-weight: bold;
}
.confirm_block dd{margin:18px 0 31px;}
#dvUserShippingInput .confirm_block dd:last-of-type{
	border-bottom: dotted 1px #cacaca;
	padding-bottom: 31px;
}
/* ------------------------------------------------
  フォーム系 矢印
------------------------------------------------ */
.rect select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	background: #f4f4f4 url(../../Contents/ImagesPkg/common/rect.svg) no-repeat !important;
	background-size: 13px 7px !important;
	background-position: right 21px center !important;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	width: 100%;
	border-radius: 0;
	line-height: 1;
	/* color:#9d9d9d; */
}
@media all and (-ms-high-contrast: none) {
	.rect select{
		height: 85%;
	}
}
/* ------------------------------------------------
  フォーム系 ラジオ
------------------------------------------------ */
.form_radio label {
	position: relative;
    display: inline-block;
    padding: 3px 3px 3px 30px;
    cursor: pointer;
    margin-right: 30px;
    font-size: 14px;
}
.form_radio label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
    border: 1px solid #9d9d9d;
    border-radius: 100%;
}
.form_radio input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 5px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: #545454;
    border-radius: 100%;
}
.form_select{margin-top: 0;}
.form_select.cartselect_check{margin-top: 15px;}
.orderconfirm_block .customerInfo ul.form_radio_square{margin-bottom: 30px;}
.form_radio_square input[type="checkbox"],
.form_select input[type="checkbox"] {
    border: 1px solid #9d9d9d;
    -webkit-appearance: none;
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
	border-radius: 0;
	margin-right: 10px;
}
.form_select.cartselect_check input[type="checkbox"] {
	margin: 0 5px;
}

.form_radio_square input[type="checkbox"]:checked:after,
.form_select input[type="checkbox"]:checked:after{
    display: block;
    position: absolute;
    left: 3px;
    top: 3px;
    content: "";
    width: 12px;
    height: 12px;
    background: #545454;
    border-radius: 0;
}
input, input[type="text"], input[type="password"], textarea, select, a {
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
}
.form_select label {
    vertical-align: middle;
}
.radioBtn.likeselect{
	display: flex;
	align-items: center;
}
.with_btn{
	display: flex;
}
.with_btn .btn_add_sea{
	margin-left: 30px;
}

.setpromotion{line-height: 1.5;}


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

/* ------------------------------------------------
  共通
  ------------------------------------------------ */
  .block-inner{
  	max-width: calc(1240 * (100vw / 1600));
  }

  .ttl{
  	font-size: calc(30 * (100vw / 1600));
  }
  .sub_ttl{
  	font-size: calc(20 * (100vw / 1600));
  	margin-top: calc(10 * (100vw / 1600));
  }
  .txt_ttl{
  	font-size: calc(20 * (100vw / 1600));
  }
  .txt{
  	font-size: calc(16 * (100vw / 1600));
  }

}

@media screen and (max-width: 1024px) {
/* ------------------------------------------------
  ヘッダー
  ------------------------------------------------ */
  #header_top .header_top_inner{
  	max-width: 90%;
  }
  /*ヘッダーメニュー*/
  #header_menu ul{
  	max-width: 90%;
  }
/* ------------------------------------------------
  共通
  ------------------------------------------------ */
	#Wrap_lower{
		margin: calc(80 * 100vw / 1024) auto calc(100 * 100vw / 1024);
		padding: 0 calc(35 * 100vw / 1024);
	}
	#Wrap_lower.onlyDefault{
		margin: calc(120 * 100vw / 1024) auto calc(100 * 100vw / 1024);
		padding: 0 calc(35 * 100vw / 1024);
	}


	.btn_history {
		width:calc(170 * 100vw / 1024);
		display: block;
		text-align: center;
		font-size: calc(13 * 100vw / 1024);
		text-align: center;
		height: 30px;
		line-height: 30px;
		color:#ffffff;
	}
	.mb6040{margin-bottom: calc(60 * 100vw / 1024)!important;}
	.mt7030{margin-top: calc(70 * 100vw / 1024)!important;}


 }
  @media screen and (max-width: 860px) {
	  .form._12{
		width: calc(100% - 20px);
		margin-left: 20px;
		max-width: 1000px;
	}
  }

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

/* ------------------------------------------------
  共通
  ------------------------------------------------ */
	.area_ttl{margin: calc(80 * (100vw / 800)) auto calc(60 * (100vw / 800));text-align: center;}
	.area_ttl h2{font-size: calc(34 * (100vw / 800));}
	#Wrap_lower.onlyDefault{
		margin: calc(120 * 100vw / 800) auto calc(100 * 100vw / 800);
	}
	#Wrap_lower.onlyDefault .area_ttl{margin: calc(50 * (100vw / 800)) auto calc(60 * (100vw / 800));text-align: center;}
	.area_ttl h2{font-size: calc(34 * (100vw / 800));}
	.area_ttl h2 .fs_ttlsub{font-size: calc(13 * (100vw / 800)); margin-top: calc(24 * (100vw / 750));}
	.area_block{margin-bottom: calc(60 * (100vw / 800));}
	.area_block.passRemaind_margin{margin-bottom: calc(26 * (100vw / 800));}
	.area_block.ver100{margin-bottom: calc(100 * (100vw / 800));}
	/* ------------------------------------------------
		フォーム並びレイアウト
	------------------------------------------------ */
	.form_double li:first-child{margin-right: calc(40 * (100vw / 800));}
	.form_triple li{margin-left: calc(28 * (100vw / 800));}
	.form{padding: calc(18 * (100vw / 800)) calc(20 * (100vw / 800));font-size: calc( 14 * (100vw / 800));}
	.form._05{width: calc(220 * (100vw / 800));}
	.form._08,.form._14{width:calc(120 * (100vw / 800));}
	.form._11{width:calc(290 * (100vw / 800));}
	.form._13{width:calc(100 * (100vw / 800));}
	.form._15{width:calc(200 * (100vw / 800));}
	.form._04{width:calc(300 * (100vw / 800));}
	.form._16{width:calc(330 * (100vw / 800));}
	.form02._17{width:calc(75 * (100vw / 800));}
	.form_fixed li.form_none{width: 100%;margin-top:calc(36 * (100vw / 800)); }
	/* ------------------------------------------------
		ボタン関係
	------------------------------------------------ */
	.btn_info {
		width:calc(100 * (100vw / 800));
		display: block;
		text-align: center;
		font-size: calc(15 * (100vw / 800));
		text-align: center;
		height: 50px;
		line-height: 50px;
		color:#ffffff;
		font-weight: normal;
	}
	.btn_move {
		width:calc(240 * (100vw / 800));
		display: block;
		text-align: center;
		font-size: calc(16 * (100vw / 800));
		text-align: center;
		height: 80px;
		line-height: 80px;
		color:#ffffff;
	}
	.btn_confirm {
		width:calc(200 * (100vw / 800));
		display: block;
		text-align: center;
		font-size: calc(16 * (100vw / 800));
		text-align: center;
		height: 80px;
		line-height: 80px;
		color:#ffffff;
	}
	.btn_join {
		width:calc(280 * (100vw / 800));
		display: block;
		text-align: center;
		font-size: calc(16 * (100vw / 800));
		text-align: center;
		height: 80px;
		line-height: 80px;
		color:#ffffff;
	}
	.btn_history {
		width:calc(170 * (100vw / 800));
		display: block;
		text-align: center;
		font-size: calc(13 * (100vw / 800));
		text-align: center;
		height: 30px;
		line-height: 30px;
		color:#ffffff;
	}
	.btn_modification {
		width:calc(100 * (100vw / 800));
		display: block;
		text-align: center;
		font-size: calc(13 * (100vw / 800));
		text-align: center;
		height: 30px;
		line-height: 30px;
		color:#ffffff;
	}
	.btn_delate_s{
		width:calc(100 * (100vw / 800));
		display: block;
		text-align: center;
		font-size: calc(15 * (100vw / 800));
		text-align: center;
		height: 35px;
		line-height: 35px;
		color:#545454;
		box-sizing: border-box;
	}
	.btn_edit_s{
		width:calc(100 * (100vw / 800));
		display: block;
		text-align: center;
		font-size: calc(15 * (100vw / 800));
		text-align: center;
		height: 35px;
		line-height: 35px;
		color:#ffffff;
	}
	.btn_address{
		width:calc(130 * (100vw / 800));
		font-size: calc(13 * (100vw / 800));
	}
	.with_btn .btn_add_sea{
		margin-left: calc(30 * (100vw / 800));
	}
	.btn_user_change{
		width: calc(140 * (100vw / 800));
		display: block;
		text-align: center;
		font-size: calc(14 * (100vw / 800));
		text-align: center;
		height: calc(35 * (100vw / 800));
		line-height: calc(35 * (100vw / 800));
		color:#ffffff;
		font-weight: normal;
	}


 }

@media screen and (max-width: 768px) {
  .sp_only{display: block!important;}
  .pc_only{display: none!important;}
  #Wrap_lower.onlyOrder,
  #Wrap_lower.onlyUser{
  	max-width: inherit;
  	padding-top: calc(120 * (100vw / 750));
  }

  #Wrap_lower.onlyDefault{
		margin: calc(120 * 100vw / 750) auto calc(40 * 100vw / 750);
	}

/* ------------------------------------------------
  共通
  ------------------------------------------------ */
  .block-inner{
  	max-width: calc(670 * (100vw / 750));
  }
  .ttl{
  	font-size: calc(46 * (100vw / 750));
  }
  .sub_ttl{
  	font-size: calc(26 * (100vw / 750));
    margin-top: calc(12 * (100vw / 750));
  }
  .txt_ttl{
  	font-size: calc(22 * (100vw / 750));
  }
  .txt{
  	font-size: calc(22 * (100vw / 750));
  }
  #Wrap_lower.onlyDefault{padding: 0;
  }
}

@media screen and (max-width: 480px) {
	/*==============================================================================================
	共通css
	==============================================================================================*/
	.mt20{margin-top: calc(30 * (100vw / 750))!important;}
	.mt2060{margin-top: calc(60 * (100vw / 750))!important;}
	.mb6040{margin-bottom: calc(80 * 100vw / 750)!important;}
	.mt7030{margin-top: calc(160 * 100vw / 750)!important;}
	.notice{ font-size: calc(24 * (100vw / 750));line-height: 1.5;margin: 0 auto 5px; display: block;}
	.area_ttl,#Wrap_lower.onlyDefault .area_ttl{ margin: calc(100 * (100vw / 750)) auto; text-align: center;}
	.area_ttl h2{font-size: calc(70 * (100vw / 750));}
	.area_ttl h2 .fs_ttlsub{font-size: calc(24 * (100vw / 750));}
	.area_block,.area_block.ver100{margin-bottom: calc(100 * (100vw / 750));}
	.area_block.passRemaind_margin{margin:0;}
	.area_ttl_sec p{margin-top: calc(60 * (100vw / 750));}
	.ttl_p,.onlyUser .ttl_p{
		font-size: calc(36 * (100vw / 750));
		line-height: 1;
		padding-bottom:calc(28 * (100vw / 750));
		margin-top: calc(100 * (100vw / 750));
		font-weight: normal!important;
	}
	.ttl_s{
		font-size: calc(36 * (100vw / 750));
	}
	.ttl_c{
		font-size: calc(28 * (100vw / 750));
	}
	.ttl_g{
		font-size: calc(32 * (100vw / 750));
	}
	.ttl_t_s{
		font-size: calc(36 * (100vw / 750));
		line-height: 1;
		padding-bottom:calc(25 * (100vw / 750));
	}
	.ttl_c_bo_dot{
		font-size: calc(30 * (100vw / 750));
		padding-bottom:calc(30 * (100vw / 750));
	}
	.line_s_2{padding-bottom:calc(20 * (100vw / 750));}

	.form_wrap dt div{
		font-size: calc(30 * (100vw / 750));
	}
	.form_wrap dt{
		margin: calc(80 * (100vw / 750)) 0 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		        align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		        flex-direction: column;
	}
	.form_wrap dd {
		margin-top: calc(30 * (100vw / 750));
	}
	.onlyUser .form_wrap dt{
		margin: calc(70 * (100vw / 750)) 0 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		        align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		        flex-direction: column;
	}
	.onlyUser .form_wrap .pass_m_i_bottom dt{
		margin: calc(54 * (100vw / 750)) 0 0;
	}
	.form_wrap dt.firstForm{
		margin: calc(100 * (100vw / 750)) 0 0;
	}
	.form_wrap dt.loginFormtop{
		margin: calc(40 * (100vw / 750)) 0 0;
	}
	.form_wrap dt.no_m_t{
		margin: calc(66 * (100vw / 750)) 0 0!important;
		align-items: flex-start;
	}
	.confirm_wrap {
		margin: calc(60 * (100vw / 750)) auto calc(100 * (100vw / 750)) ;
		font-size: 14px;
	}
	.confirm_block{
		margin-bottom: calc(100 * (100vw / 750)) ;
		font-size: calc(30 * (100vw / 750));
	}
	.confirm_block.shortmb{
		margin-bottom: calc(40 * (100vw / 750)) ;
		font-size: calc(30 * (100vw / 750));
	}
	.confirm_block.lastArea{
		margin-bottom: calc(40 * (100vw / 750)) ;
	}
	.confirm_block:first-child{
		border-bottom: dotted 2px #cacaca;
		margin-bottom: calc(100 * (100vw / 750));
	}
	.confirm_block dt{
		border-top: dotted 2px #cacaca;
		padding: calc(64 * (100vw / 750)) 0 0;
		font-weight: bold;
	}
	.confirm_block dd{
		margin:calc(40 * (100vw / 750)) 0 calc(60 * (100vw / 750)) 0;
		border-bottom: none;
		text-align: justify;
	}
	#dvUserShippingInput .confirm_block dd:last-of-type{
		border-bottom: dotted 2px #cacaca;
		padding-bottom: calc(60 * (100vw / 750));
	}
	.br-sp { display:none; }
	.br-pc { display:block; }
	.pc_none{display: block;}
	.sp-none{display: none;}
	.form_select.cartselect_check{
		margin-top: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	#Wrap_lower .area_error{
		margin: calc(16 * (100vw / 750)) 0 calc(20 * (100vw / 750));
	}
	#Wrap_lower .error_inline {
		font-size: calc(30 * (100vw / 750));
	}
	.required{
		font-size: calc(28 * (100vw / 750));
		padding: calc(4 * (100vw / 750)) calc(6 * (100vw / 750));
		vertical-align: middle;
		line-height: 1;
		margin-left: calc(20 * (100vw / 750));
	}
	.red_poshi .required{
		position: absolute;
		top: calc(56 * (100vw / 750));
	}

	#Wrap_lower{
		margin: calc(100 * (100vw / 750)) auto calc(120 * (100vw / 750));
		padding: 0 calc(35 * (100vw / 750));
	}
	#Wrap_lower.onlyUser{
		padding: 0 ;
	}
	.inner_lower{
		max-width: 800px;
		width: 100%;
		margin:calc(60 * (100vw / 750)) auto calc(100 * (100vw / 750));
	}
	/* #Wrap_lower.onlyUser .userContents_area{
		padding: 0 calc(35 * (100vw / 750));
	} */
	.stepFlow li{
		font-size: calc(24 * (100vw / 750));
		letter-spacing: normal;
		text-align: center;
		color: #afafaf;
		padding-bottom:calc(28 * (100vw / 750));
	}
	.stepFlow li.current{
		padding-bottom:calc(28 * (100vw / 750));
	}
	.dvUserShippingInfo .area_btn.user_modify{
		margin-top: calc(80 * (100vw / 750));
	}
	.area_btn.user_fix_cancel_input{
		margin-top: calc(80 * (100vw / 750));
	}
	.area_btn.user_passRemaind_com{
		margin-top: calc(100 * (100vw / 750));
	}
	.area_btn.user_userremailde,.area_btn.magazine_remove{
		margin-top: calc(60 * (100vw / 750));
	}
	.dvUserShippingInfo .area_btn.user_defaultshipping{
		margin-top: calc(26 * (100vw / 750));
	}
	.breadcrumbs ul li {
		font-size: calc(20 *(100vw / 750));
	}
	/* ------------------------------------------------
		フォーム並びレイアウト
	------------------------------------------------ */
	.form_double li:first-child{margin-right: calc(40 * (100vw / 750));}
	.form_double.post li span{margin: 0 calc(20 * (100vw / 750)) 0 0;font-size: calc(30 * (100vw / 750));}
	.form_double.post li span.both{margin: 0 calc(20 * (100vw / 750));}
	.form_triple li{margin-left: calc(32 * (100vw / 750));}
	.form_triple.rect span{margin-left:calc(20 * (100vw / 750));font-size: calc(30 * (100vw / 750));}
	.form_fixed{
		align-items: flex-start;
		flex-direction: column;
	}
	.form_fixed li{margin-bottom: calc(40 * (100vw / 750));}
	.form_fixed li.width_200,.form_fixed li.width_170{ width: 100%; max-width: 800px; }
	.form{padding: calc(20 * (100vw / 750)) calc(20 * (100vw / 750));font-size: calc( 36 * (100vw / 750));}
	.form02{padding: calc(20 * (100vw / 750)) calc(20 * (100vw / 750));font-size: calc( 36 * (100vw / 750));height: calc(100 * (100vw / 750));line-height: calc(100 * (100vw / 750));}
	.form._05{width: calc(320 * (100vw / 750));}
	.form._08{width:calc(170 * (100vw / 750));}
	.form._12{width:100%;margin: calc(20 * (100vw / 750)) 0 0;}
	.form._13{width:calc(140 * (100vw / 750));}
	.form._14{width:calc(300 * (100vw / 750));max-width: 800px;}
	.form._15{width:calc(800 * (100vw / 750));}
	.form._16{width:100%;}
	.form._04{width:100%;max-width: 800px;}
	.form02._17{width:calc(285 * (100vw / 750));}
	.form_double li.form._03:first-child{margin-right: 0!important;}
	.form_wrap dt.fixed_purchase{
		margin: 0;
		align-items: flex-start;
		flex-direction: column;
	}
	/* ------------------------------------------------
		ボタン関係
	------------------------------------------------ */
	.btn_info {
		width:calc( 200 * (100vw / 750));
		display: block;
		text-align: center;
		font-size: calc(30 * (100vw / 750));
		text-align: center;
		height: 50px;
		line-height: 50px;
		color:#ffffff;
	}
	.area_btn{
		margin-top: calc( 100 * (100vw / 750));
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: column-reverse;
	}
	.area_btn.user_modify{
		margin-top: calc( 120 * (100vw / 750));
	}
	.area_btn.user_fix_cancel_input{
		margin-top: calc( 20 * (100vw / 750));
	}
	.area_btn.cuser_credit,.area_btn.magazine_remove{
		margin-top: calc( 80 * (100vw / 750));
	}
	.area_btn.confirm_o{
		margin-top: calc( 100 * (100vw / 750));
	}
	.area_btn_right_single{
		margin-top: calc( 60 * (100vw / 750));
	}
	.coupon_formarea .area_btn_right_single{
		margin-top: calc( 40 * (100vw / 750));
	}
	.area_btn li,.area_btn.user_modify li,.area_btn.user_defaultshipping,
	.area_btn.user_userremailde li,.area_btn.user_userremailde li:first-child,
	.area_btn.magazine_remove li,.area_btn.magazine_remove li:first-child,.area_btn.user_fix_cancel_input li{
		margin: 0;
		width: 100%;
	}
	.area_btn .user_ohd_wrap{
		margin: 0;
		width: 100%;
	}
	.area_btn li:first-child,.area_btn.user_modify li:first-child,
	.area_btn.user_defaultshipping li:first-child,
	.area_btn.user_fix_cancel_input li:first-child{
		margin: calc(40 * (100vw / 750)) 0 0;
	}
	#dvPasswordModifyInput .area_btn li:first-child{margin:  0;}
	.btn_move,.btn_confirm,.btn_join {
		width:100%;
		display: block;
		text-align: center;
		font-size: calc(36 * (100vw / 750));
		text-align: center;
		height: 80px;
		line-height: 80px;
		color:#ffffff;
	}
	.btn_history {
		width:100%;
		display: block;
		text-align: center;
		font-size: calc(36 * (100vw / 750));
		text-align: center;
		height: 60px;
		line-height: 60px;
		color:#ffffff;
	}
	.btn_addad {
		width:100%;
		display: block;
		text-align: center;
		font-size: calc(36 * (100vw / 750));
		text-align: center;
		height: calc(160 * (100vw / 750));
		line-height: calc(160 * (100vw / 750));
		color:#ffffff;
	}
	.btn_modification {
		width:calc(316 * (100vw / 750));
		display: block;
		text-align: center;
		font-size: calc(30 * (100vw / 750));
		text-align: center;
		height: calc(100 * (100vw / 750));
		line-height: calc(100 * (100vw / 750));
		color:#ffffff;
	}
	.btn_address{
		width:calc(204 * (100vw / 750));
		font-size: calc(30 * (100vw / 750));
	}
	.btn_delate_s{
		width:calc(250 * (100vw / 750));
		font-size: calc(32 * (100vw / 750));
		text-align: center;
		height: calc(70 * (100vw / 750));
		line-height: calc(70 * (100vw / 750));
		color:#545454;
		box-sizing: border-box;
	}
	.btn_edit_s{
		width:calc(250 * (100vw / 750));
		display: block;
		text-align: center;
		font-size: calc(32 * (100vw / 750));
		text-align: center;
		height: calc(70 * (100vw / 750));
		line-height: calc(70 * (100vw / 750));
		color:#ffffff;
	}
	.btn_user_change{
		width: calc(300 * (100vw / 750));
		display: block;
		text-align: center;
		font-size: calc(28 * (100vw / 750));
		text-align: center;
		height: calc(70 * (100vw / 750));
		line-height: calc(70 * (100vw / 750));
		color:#ffffff;
		font-weight: normal;
	}
	.btn_user_change_ok{
		width: calc(160 * (100vw / 750));
		display: block;
		text-align: center;
		font-size: calc(28 * (100vw / 750));
		text-align: center;
		height: calc(60 * (100vw / 750));
		line-height: calc(60 * (100vw / 750));
		color:#ffffff;
		box-sizing: border-box;
		font-weight: normal;
	}
	.btn_user_change_no{
		width: calc(160 * (100vw / 750));
		display: block;
		text-align: center;
		font-size: calc(28 * (100vw / 750));
		text-align: center;
		height: calc(60 * (100vw / 750));
		line-height: calc(60 * (100vw / 750));
		color:#545454;
		box-sizing: border-box;
		font-weight: normal;
		color: #ffffff;
	}
	.btn_user_change_ok_fixed{
		width:calc(440 * (100vw / 750));
		display: block;
		text-align: center;
		font-size: calc(28 * (100vw / 750));
		text-align: center;
		height: calc(60 * (100vw / 750));
		line-height: calc(60 * (100vw / 750));
		color:#ffffff;
		box-sizing: border-box;
		font-weight: normal;
	}
	.btn_user_change_ok_s{
		width: calc(260 * (100vw / 750));
		display: block;
		text-align: center;
		font-size: calc(28 * (100vw / 750));
		text-align: center;
		height: calc(60 * (100vw / 750));
		line-height: calc(60 * (100vw / 750));
		color:#ffffff;
		box-sizing: border-box;
		font-weight: normal;
	}
	.btn_cuponUse {
		width:calc(360 * (100vw / 750));
		display: block;
		text-align: center;
		font-size: calc(32 * (100vw / 750));
		text-align: center;
		height: calc(70 * (100vw / 750));
		line-height: calc(70 * (100vw / 750));
		color:#ffffff;
		margin: 0 auto;
	}

	.btn_my_orderList,.btn_user_ohd {
		width:100%;
		font-size: calc(36 * (100vw / 750));
	}
	.with_btn .btn_add_sea{
		margin-left: calc(30 * (100vw / 750));
	}
	.area_btn.user_ohd_wrap{
		margin-top: calc(40 * (100vw / 750));
	}
	.with_btn.user_add{
		justify-content: space-between;
	}
	.rect select{
		background-size: calc(20 * (100vw / 750)) calc(14 * (100vw / 750))!important;
		background-position: right calc(16 * (100vw / 750)) center !important;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		width: 100%;
		border-radius: 0;
		line-height: 1;
	}
	.form_select{
		margin-top: 20px;
	}

/* ------------------------------------------------
  フォーム系 ラジオ
------------------------------------------------ */
	.form_radio label {
		padding: calc(12 * (100vw / 750)) calc(6 * (100vw / 750)) calc(6 * (100vw / 750)) calc(50 * (100vw / 750));
		cursor: pointer;
		margin-right: calc(60 * (100vw / 750));
		font-size: calc(30 * (100vw / 750));
	}

	.pagerWrap{
		display: flex;
		justify-content: center;
	}
	.form_fixed.plan_date02{
		margin: 0;
	}

}

/* ------------------------------------------------*/
/* 新しいヘッダーフッターCSS */
/* ------------------------------------------------*/

/* 共通ヘッダーCSS */
/* ------------------------------------------------*/
header.header {
	width: 100%;
	max-width: 120rem;
	margin: 0 auto;
	padding: 2rem 1rem;
	display: none;
}

header.header.active {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header .header-logo-wrap {
	width: 100%;
	max-width: 43rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0 3rem;
}

.header .header-logo--1 img {
	width: 100%;
	max-width: 14.2rem;
}

.header .header-logo--2 img {
	width: 100%;
	max-width: 12.5rem;
}

.header .header-logo--3 img {
	width: 100%;
	max-width: 11rem;
    margin-top: 2px;
}

.header .header-menu {
	width: 100%;
    max-width: 21rem;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 0 2rem;
    padding-top: 0.8rem;
    padding-right: 0.3rem;
    position: relative;
}

.header .header-menu .header-menu__menu-item {
	flex-shrink: 0;
}

.header .header-menu .header-menu__menu-item > a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.header .header-menu .header-menu__menu-item > a > img {
	margin-bottom: 4px;
}

.header .header-menu .header-menu__menu-item > a > p {
	font-size: 1.2rem;
	font-family: 'Noto Sans JP', serif;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0;
	color: #000000;
}

.header .header-menu .menu-favList {
	width: 100%;
	max-width: 6rem;
}

.header .header-menu .menu-favList > a > img {
	width: 100%;
	max-width: 2rem;
}

.header .header-menu .menu-login {
	width: 100%;
	max-width: 6rem;
}

.header .header-menu .menu-login > a > img {
	width: 100%;
	max-width: 1.83rem;
}

.header .header-menu .menu-cart {
	width: 100%;
	max-width: 4rem;
}

.header .header-menu .menu-cart > a img {
	width: 100%;
	max-width: 2rem;
}

.header .header-menu .menu-cart .menu-cart__inner {
	
}

.header .header-menu .menu-cart .menu-cart__count {
	width: 100%;
	max-width: 1.6rem;
	height: 1.6rem;
	background-color: #E55757;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	font-size: 1rem;
	font-family: 'Overpass', sans-serif;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 1.5;
	letter-spacing: 0;
	text-align: center;
}

/* 共通フッターCSS */
/* ------------------------------------------------*/
footer.footer {
	width: 100%;
	display: none;
}

footer.footer.active {
	display: block;
}

.footer .footer__inner {
	width: 100%;
	max-width: 40rem;
	margin: 0 auto;
}

.footer .footer__ttl {
	margin-bottom: 5px;
	font-size: 1.4rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0;
	color: #000000;
	text-align: center;
}

.footer .footer__tel > a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer .footer__tel > a > img {
	width: 100%;
	max-width: 1.7rem;
	margin-right: 5px;
}

.footer .footer__tel > a > p {
	font-size: 2.7rem;
	font-family: 'Overpass', sans-serif;
	font-weight: 500;
	color: #000000;
	line-height: 1.5;
}

.footer .footer__office-hour {
	font-size: 1.2rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	color: #000000;
	text-align: center;
}

.footer .footer__contact-us {
	width: 100%;
	max-width: 26rem;
	margin: 0 auto;
	margin-top: 1.8rem;
}

.footer .footer__contact-us > a {
	width: 100%;
	height: 5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #000000;
	border-radius: 50px;
	transition: opacity 450ms ease;
	font-size: 1.4rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.05em;
	color: #000000;
	text-align: center;
}

.footer .footer__contact-us > a:hover {
	opacity: 0.8;
}

.footer .footer__link {
	width: 100%;
	/* max-width: 31rem; */
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 3rem;
	margin: 0 auto;
	margin-top: 3rem;
	font-size: 1.4rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	color: #000000;
}

.footer .footer__link a {
	transition: opacity 450ms ease;
}

.footer .footer__link a:hover {
	opacity: 0.6;
}

.footer .copyright {
	width: 100%;
	height: 5rem;
	background-color: #000000;
	margin-top: 2.5rem;
	padding: 2rem 0;
	font-size: 1.2rem;
	font-family: 'Overpass', sans-serif;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 1.5;
	text-align: center;
}



@media screen and (max-width: 767px){
	/* 共通ヘッダーCSS */
	/* ------------------------------------------------*/
	header.header {
		padding: 1.5rem;
	}

	.header .header-logo-wrap {
		max-width: 25rem;
		gap: 0 1.5rem;
		/* padding-top: 0.5rem; */
	}

	.header .header-menu {
		max-width: 7rem;
		align-items: center;
		gap: 0 2rem;
		padding-top: 0.5rem;
		padding-right: 1rem;
	}

	.header .header-menu .header-menu__menu-item > a > img {
		margin-bottom: 0;
	}

	.header .header-menu .header-menu__menu-item > a > p {
		display: none;
	}

	.header .header-menu .menu-favList {
		display: none;
	}

	.header .header-menu .menu-login {
		max-width: 1.8rem;
	}

	.header .header-menu .menu-login > a > img {
		width: 100%;
		max-width: 1.83rem;
	}

	.header .header-menu .menu-cart {
		max-width: 2rem;
	}

	.header .header-menu .menu-cart > a img {
		width: 100%;
		max-width: 2rem;
		padding-top: 0.5rem;
	}

	.header .header-menu .menu-cart .menu-cart__count {
		z-index: -1;
		line-height: 2;
	}

	.header .header-logo--1 img {
		max-width: 28.4rem;
	}
	
	.header .header-logo--2 img {
		max-width: 25rem;
	}
	
	.header .header-logo--3 img {
		max-width:  13.4rem;
	}

	/* 共通フッターCSS */
	/* ------------------------------------------------*/
	footer.footer {
		margin-top: 4rem;
	}

	.footer .footer__inner {
		max-width: 24rem;
	}

	.footer .footer__ttl {
		margin-bottom: 1rem;
		font-size: 1.4rem;
	}

	.footer .footer__tel > a > img {
		max-width: 1.6rem;
		margin-right: 7px;
	}

	.footer .footer__tel > a > p {
		font-size: 2.6rem;
	}

	.footer .footer__office-hour {
		margin-top: 7px;
		font-size: 1.2rem;
	}

	.footer .footer__contact-us {
		max-width: 24rem;
		margin-top: 1.75rem;
	}

	.footer .footer__contact-us > a {
		height: 4.5rem;
	}

	.footer .footer__link {
		flex-direction: column;
		gap: 2rem 0;
		margin-top: 2rem;
		text-align: center;
	}

	.footer .copyright {
		height: 4rem;
		margin-top: 4rem;
		padding: 1.5rem 0;
		font-size: 1rem;
	}
}

@media screen and (max-width: 600px){
	.footer .footer__inner {
		max-width: 100%;
	}

	.footer .footer__ttl {
		margin-bottom: calc(15*(100vw/750));
		font-size: calc(28*(100vw/750));
	}

	.footer .footer__tel > a > img {
		max-width: calc(36*(100vw/750));
		margin-right: calc(10*(100vw/750));
	}

	.footer .footer__tel > a > p {
		font-size: calc(52*(100vw/750));
		line-height: 1;
		padding-top: 3px;
	}

	.footer .footer__office-hour {
		margin-top: calc(10*(100vw/750));
		font-size: calc(24*(100vw/750));
	}

	.footer .footer__contact-us {
		max-width: calc(480*(100vw/750));
		margin-top: calc(24*(100vw/750));
	}

	.footer .footer__contact-us > a {
		height: calc(90*(100vw/750));
		font-size: calc(24*(100vw/750));
		line-height: 1;
	}

	.footer .footer__link {
		gap: calc(30*(100vw/750)) 0;
		margin-top: calc(40*(100vw/750));
		font-size: calc(26*(100vw/750));
	}

	.footer .copyright {
		height: calc(80*(100vw/750));
		margin-top: calc(80*(100vw/750));
		padding: calc(25*(100vw/750)) 0;
		font-size: calc(20*(100vw/750));
	}
}

/* はからめヘッダーCSS */
/* ------------------------------------------------*/
header.header.hakarameHeader {
	height: 8rem;
	padding: 0;
}

.header.hakarameHeader .header-logo-wrap {
	padding: 0 1rem;
}

.header.hakarameHeader .header-menu {
	max-width: 16.1rem;
    gap: 0 1px;
	padding: 0;
}

.header.hakarameHeader .header-menu__menu-item {
	max-width: 8rem;
	height: 8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #296927;
}

.header.hakarameHeader .header-menu .header-menu__menu-item > a > p {
	color: #FFFFFF;
}

.header.hakarameHeader .header-menu .menu-cart .menu-cart__inner {
	position: relative;
}

.header.hakarameHeader .header-menu .menu-cart .menu-cart__count {
    max-width: 1.8rem;
    height: 1.8rem;
    background-color: #74A506;
    top: -1.1rem;
    right: -1.4rem;
    z-index: 1;
    font-size: 1rem;
    font-family: 'Noto Sans JP', serif;
}

/* はからめフッターCSS */
/* ------------------------------------------------*/

.footer.hakarameFooter .footer__inner {
    max-width: 120rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 1rem;
	font-weight: 400;
}

.footer.hakarameFooter .footer__link {
    width: 100%;
    max-width: 46rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}

.footer.hakarameFooter .footer__p-mark {
	width: 100%;
	max-width: 28rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 1rem;
}

.footer.hakarameFooter .footer__p-mark > img {
	width: 100%;
	max-width: 6rem;
}

.footer.hakarameFooter .footer__p-mark > p {
	font-size: 1.2rem;
	font-family: 'Noto Sans JP', serif;
	font-weight: 400;
	color: #000000;
	line-height: 1.5;
}

.footer.hakarameFooter .copyright {
    background-color: #595959;
    margin-top: 3rem;
}

@media screen and (max-width: 767px){
	/* はからめヘッダーCSS */
	/* ------------------------------------------------*/
	header.header.hakarameHeader {
		height: 5rem;
	}

	.header.hakarameHeader .header-logo-wrap {
		padding: 0 1.5rem;
	}

	.header.hakarameHeader .header-menu {
		max-width: 15.1rem;
	}

	.header.hakarameHeader .header-menu__menu-item {
		max-width: 7.5rem;
		height: 5rem;
	}

	.header.hakarameHeader .header-menu .header-menu__menu-item > a > img {
		margin-bottom: 4px;
	}

	.header.hakarameHeader .header-menu .header-menu__menu-item > a > p {
		display: block;
		color: #FFFFFF;
	}

	.header.hakarameHeader .header-menu .menu-cart > a img {
		padding-top: 0;
	}

	.header.hakarameHeader .header-menu .menu-cart .menu-cart__count {
		max-width: 1.3rem;
		height: 1.3rem;
		top: -0.3rem;
		right: -1rem;
	}

	/* はからめフッターCSS */
	/* ------------------------------------------------*/

	.footer.hakarameFooter .footer__inner {
		max-width: 100%;
		flex-direction: column;
		padding: 0 1.5rem;
	}

	.footer.hakarameFooter .footer__link {
		max-width: 100%;
		align-items: flex-start;
	}

	.footer.hakarameFooter .footer__p-mark {
		max-width: 100%;
		justify-content: flex-start;
		margin-top: 2.5rem;
	}

	.footer.hakarameFooter .footer__p-mark > img {
		width: 100%;
		max-width: 4.5rem;
	}

	.footer.hakarameFooter .footer__p-mark > p {
		letter-spacing: 0.05em;
	}

	.footer.hakarameFooter .footer__p-mark > p .footer__p-break {
		display: none;
	}

	.footer.hakarameFooter .copyright {
		margin-top: 2rem;
	}
}

@media screen and (max-width: 600px){
	.footer.hakarameFooter .footer__p-mark > p {
		font-size: calc(24*(100vw/750));
	}
}

/* びおらいふヘッダーCSS */
/* ------------------------------------------------*/
header.header.biolifeHeader {
	width: 100%;
	max-width: 120rem;
	margin: 0 auto;
	padding: 0.8rem 1rem;
	justify-content: flex-end;
	position: relative;
}

.header.biolifeHeader .header-logo {
	position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.header.biolifeHeader .header-menu {
    gap: 0 2rem;
    padding: 0;
}

.header.biolifeHeader .header-menu .header-menu__menu-item > a img {
	margin-bottom: 0;
}

.header.biolifeHeader .header-menu .header-menu__menu-item > a > p {
	font-size: 1.2rem;
	font-family: 'Overpass', sans-serif;
	font-weight: 500;
	color: #000;
	line-height: 1.5;
	text-align: center;
}

.header.biolifeHeader .header-menu .header-menu__img-wrap {
	width: 4.8rem;
	height: 4.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 3px;
	background-color: #F0EEEA;
	border-radius: 50px;
}

.header.biolifeHeader .header-menu .menu-login > a img {
	width: 100%;
	max-width: 1.83rem;
}

.header.biolifeHeader .header-menu .menu-cart {
	width: 100%;
	max-width: 5rem;
}

.header.biolifeHeader .header-menu .menu-cart > a img {
	width: 100%;
	max-width: 2rem;
}

.header.biolifeHeader .header-menu .menu-cart .menu-cart__count {
	max-width: 1.4rem;
	height: 1.4rem;
	background-color: #7B7B7B;
	top: 0.8rem;
    right: 0.6rem;
	font-size: 0.8rem;
	font-family: 'Overpass', sans-serif;
}

/* びおらいふフッターCSS */
/* ------------------------------------------------*/

.footer.biolifeFooter .footer__inner {
    max-width: 120rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 1rem;
}

.footer.biolifeFooter .footer__link {
    width: 100%;
    max-width: 46rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
	font-weight: 400;
}

.footer.biolifeFooter .footer__p-mark {
	width: 100%;
	max-width: 28rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 1rem;
}

.footer.biolifeFooter .footer__p-mark > img {
	width: 100%;
	max-width: 6rem;
}

.footer.biolifeFooter .footer__p-mark > p {
	font-size: 1.2rem;
	font-family: 'Noto Sans JP', serif;
	font-weight: 400;
	color: #000000;
	line-height: 1.5;
}

.footer.biolifeFooter .copyright {
    background-color: #5AA548;
    margin-top: 3rem;
}

@media screen and (max-width: 767px){
	/* びおらいふヘッダーCSS */
	/* ------------------------------------------------*/
	header.header.biolifeHeader {
		height: 5rem;
		padding: 0;
		justify-content: space-between;
	}

	.header.biolifeHeader .header-logo {
		padding-left: 1.5rem;
		position: static;
		transform: translate(0);
	}

	.header.biolifeHeader .header-logo-wrap {
		max-width: 25rem;
		gap: 0;
		padding-top: 0;
	}

	.header.biolifeHeader .header-menu {
		max-width: 13rem;
		height: 100%;
		gap: 0 0.5rem;
		justify-content: space-evenly;
		padding: 0.35rem 1.5rem;
		padding-top: 0.7rem;
		background: #F0EEEA;
	}

	.header.biolifeHeader .header-menu .header-menu__menu-item {
		max-width: 5rem;
	}

	.header.biolifeHeader .header-menu .header-menu__menu-item > a {
		height: 100%;
	}

	.header.biolifeHeader .header-menu .header-menu__menu-item > a > p {
		display: block;
	}

	.header.biolifeHeader .header-menu .header-menu__img-wrap {
		width: 100%;
		height: 100%;
		margin-bottom: 0;
		background-color: #F0EEEA;
		border-radius: 0;
	}

	.header.biolifeHeader .header-menu .menu-cart > a img {
		padding-top: 0;
	}

	.header.biolifeHeader .header-menu .menu-cart .menu-cart__count {
		max-width: 1.2rem;
		height: 1.2rem;
		top: 0.3rem;
		right: 1.8rem;
		z-index: 1;
	}

	/* びおらいふフッターCSS */
	/* ------------------------------------------------*/

	.footer.biolifeFooter .footer__inner {
		max-width: 100%;
		flex-direction: column;
		padding: 0 1.5rem;
	}

	.footer.biolifeFooter .footer__link {
		max-width: 100%;
		align-items: flex-start;
	}

	.footer.biolifeFooter .footer__p-mark {
		max-width: 100%;
		justify-content: flex-start;
		margin-top: 2.5rem;
	}

	.footer.biolifeFooter .footer__p-mark > img {
		width: 100%;
		max-width: 4.5rem;
	}

	.footer.biolifeFooter .footer__p-mark > p {
		letter-spacing: 0.05em;
	}

	.footer.biolifeFooter .footer__p-mark > p .footer__p-break {
		display: none;
	}

	.footer.biolifeFooter .copyright {
		margin-top: 2rem;
	}
}

@media screen and (max-width: 600px){
	.footer.biolifeFooter .footer__p-mark > p {
		font-size: calc(24*(100vw/750));
	}
}

/* EDOBIOヘッダーCSS */
/* ------------------------------------------------*/
header.header.edobioHeader {
	justify-content: flex-end;
	padding: 2.2rem 1rem 3rem;
	position: relative;
}

.header.edobioHeader .header-logo {
	position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.header.edobioHeader .header-menu {
    gap: 0 3rem;
    padding: 0.3rem 0;
}

.header.edobioHeader .header-menu .header-menu__menu-item > a img {
	margin-bottom: 0;
}

.header.edobioHeader .header-menu .menu-login {
	width: 100%;
	max-width: 1.83rem;
}

.header.edobioHeader .header-menu .menu-login > a img {
	width: 100%;
	max-width: 100%;
}

.header.edobioHeader .header-menu .menu-cart {
	width: 100%;
	max-width: 2.8rem;
}

.header.edobioHeader .header-menu .menu-cart > a img {
	width: 100%;
	max-width: 2rem;
}

.header.edobioHeader .header-menu .menu-cart .menu-cart__count {
	max-width: 1.6rem;
	height: 1.6rem;
	background-color: #7B7B7B;
	top: -0.8rem;
    right: -0.6rem;
	font-size: 1rem;
	font-family: 'Overpass', sans-serif;
}

/* EDOBIOフッターCSS */
/* ------------------------------------------------*/
footer.footer.active.edobioFooter {
	min-height: 17rem;
	background-color: #F3F3F3;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.footer.edobioFooter .footer__inner {
    max-width: 100%;
}

.footer.edobioFooter .footer__link {
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	gap: 0 2.5rem;
}

.footer.edobioFooter .copyright {
    height: auto;
    margin-top: 2.5rem;
    padding: 0;
    background-color: transparent;
    color: #000;
}

@media screen and (max-width: 767px){
	/* EDOBIOヘッダーCSS */
	/* ------------------------------------------------*/

	header.header.edobioHeader {
		height: 5rem;
		padding: 0 1.5rem;
	}

	.header.edobioHeader .header-logo-wrap {
		max-width: 25rem;
		gap: 0;
		padding-top: 0;
	}

	.header.edobioHeader .header-menu {
		max-width: 5.85rem;
		gap: 0 1rem;
		padding: 0;
	}

	.header.edobioHeader .header-menu .menu-login {
		width: 100%;
		max-width: 1.83rem;
	}

	.header.edobioHeader .header-menu .menu-cart {
		width: 100%;
		max-width: 3rem;
		padding-right: 0.5rem;
	}

	.header.edobioHeader .header-menu .menu-cart > a img {
		width: 100%;
		max-width: 2rem;
		padding-top: 0;
	}

	.header.edobioHeader .header-menu .menu-cart .menu-cart__count {
		max-width: 1.6rem;
		height: 1.6rem;
		background-color: #7B7B7B;
		top: -0.8rem;
		right: -0.6rem;
		z-index: 1;
		font-size: 1.1rem;
		font-family: 'Overpass', sans-serif;
	}

	/* EDOBIOフッターCSS */
	/* ------------------------------------------------*/
	footer.edobioFooter {
		min-height: 20rem;
	}

	.footer.edobioFooter .footer__link {
		max-width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 2.5rem 0;
	}

	.footer.edobioFooter .copyright {
		height: auto;
		margin-top: 3.75rem;
	}
}

/*
==========================================================================
?    pagination
========================================================================== 
*/
#pagination.above {
	display: none;
}

.block-pager {
	display: flex;
	align-items: center;
}

.prev,
.next {
	position: relative;
}

.prev a,
.next a {
	position: absolute;
	inset: 0;
}

/* PAGINATION */
#pagination.below {
	margin-top: 8rem;
}

#pagination.below .pager {
	margin: 0 auto;
	padding: 0;
	border: 0;
}

#pagination.below .pager .list-pager {
	display: flex;
	align-items: center;
	margin: 0 4.5rem;
}

#pagination.below .pager .list-pager li {
	display: inline-block;
	font-size: 1.5rem;
	margin: 0 1.2rem;
	line-height: 0.9;
	color: #414141;
}

#pagination.below .pager .list-pager li.active {
	width: 4rem;
	height: 4rem;
	background-color: #eaeaea;
	color: #000;
	font-weight: bold;
	border-radius: 50%;
	line-height: 2.7;
}

#pagination.below .pager .list-pager li a {
	margin-bottom: -2px;
}

.block-pager .next,
.block-pager .prev {
	background-repeat: no-repeat;
	background-size: contain;
	height: 2.5rem;
	width: 2rem;
}

@media (max-width: 767px) {
	#pagination.below {
			margin-top: 6.5rem;
	}

	#pagination.below .pager .list-pager li {
			font-size: 1.2rem;
			margin: 0 0.6rem;
	}

	#pagination.below .pager .list-pager li.active {
			line-height: 3.4;
	}
	#pagination.below .pager .list-pager {
			margin: 0 1rem;
	}

	.block-pager .next,
	.block-pager .prev {
			height: 2rem;
			width: 1.5rem;
	}
}

.block-pager .prev {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2014.85%2028.285%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h20v1h-20z%22%20transform%3D%22matrix(-.70710678%20-.70710678%20.70710678%20-.70710678%2014.143%2028.284)%22%2F%3E%3Cpath%20d%3D%22m0%200h20v1h-20z%22%20transform%3D%22matrix(.70710678%20-.70710678%20.70710678%20.70710678%200%2014.142)%22%2F%3E%3C%2Fsvg%3E");
}

.block-pager .next {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%2014.9%2028.3%22%20viewBox%3D%220%200%2014.9%2028.3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m.7%2028.3%2014.1-14.1-.7-.7-14.1%2014.1z%22%2F%3E%3Cpath%20d%3D%22m14.9%2014.1-14.2-14.1-.7.7%2014.1%2014.1z%22%2F%3E%3C%2Fsvg%3E");
}