@charset "UTF-8";


/* Common Setting
==========================================================*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400');

/* Base HACK
==========================================================*/

body {
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic,  "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
  font-size: 14px; font-size: 15px; line-height: 1.8; letter-spacing:1px;color: #595757; margin: 0; padding: 0;

}
a{color: #595757;}


#container.zactive:after{ /*position: fixed; content:''; left: 0px; top: 0%; background: rgba(0,0,0,0.5); width: 100%; height: 100vh; z-index: 9997;*/ }


/* HACK */
.attention {
    color: #CC0000; color: #BA004B;
}



/* common Not duplicate
==========================================================*/

.z_mt00 {margin-top: 0 !important;}
.z_mb00 {margin-bottom: 0 !important;}
.z_mb20 {margin-bottom: 20px !important;}
.z_ml00 {margin-left: 0 !important;}
.z_mr00 {margin-right: 0 !important;}
.z_pt00 {padding-top: 0 !important;}
.z_pb00 {padding-bottom: 0 !important;}
.z_pl00 {padding-left: 0 !important;}
.z_pr00 {padding-right: 0 !important;}


/* ttl / fonts */
.z_fn-Lato {font-family:'Lato',sans-serif; }
.z_fn-mincho { font-family: "Times New Roman", "游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif; }
.z_lesp-n { letter-spacing:normal; }
.z_bold{ font-weight: bold !important; }
.z_lh1 { line-height:1 !important;}
.z_lh09 { line-height:0.9 !important;}
.z_lh08 { line-height:0.8 !important;}
.z_lh0 { line-height:0 !important;}

/* layout */
.z_txc  { text-align:center; }
.z_txl  { text-align:left; }
.z_txr  { text-align:right; }

.z_box-sizing {-webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.z_pore{ position: relative; }
.z_poab{ position: absolute; }
.z_table-row { display:table; width:100%;}
.z_table-cell { display:table-cell; vertical-align:top; }

.z_centerposi { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  }
.z_centertate { position: absolute; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%); }
.z_centeryoko { position: absolute; left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%); }

.z_flex{ display: flex;}
.z_flex-sb{ justify-content: space-between;}
.z_fn-ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -moz-text-overflow:ellipsis; }
.z_hide{ display: none;}

.z_col{ }
	.z_col-l{ float:left; }
	.z_col-r{ float:right; }

/* button */
.z_arw_up {position: relative; padding-right: 20px; line-height: 1;}
.z_arw_up:after{ position: absolute;content:''; right: 0px; top: 50%; margin-top: -5px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 6px 10.4px 6px;
border-color: transparent transparent #000000 transparent;
}
.z_arw_down {position: relative; padding-right: 20px; line-height: 1; text-align: center;}
.z_arw_down:after{ position: absolute;content:''; right: 0px; top: 50%; margin-top: -5px;
width: 0;
height: 0;
border-style: solid;
border-width: 10.4px 6px 0 6px;
border-color: #000 transparent transparent transparent;
}
.z_arw_right {position: relative; padding-right: 20px; line-height: 1; text-align: center;}
.z_arw_right:after{ position: absolute;content:''; right: 0px; top: 50%; margin-top: -5px; -webkit-transition:all .3s; transition:all .3s;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 10.4px;
border-color: transparent transparent transparent #000;
}
.z_arw_right:hover:after { padding-left: 2px;}
.z_arw_left {position: relative; padding-left: 20px; line-height: 1; text-align: center;}
.z_arw_left:after{ position: absolute;content:''; left: 0px; top: 50%; margin-top: -6px; -webkit-transition:all .3s; transition:all .3s;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 10.4px;
border-color: transparent transparent transparent #000;
}
.z_arw_left:hover:after { transform:translateX(2px);}
.z_discoverAll_btn a{ padding: 25px; font-size: 25px; line-height: 1; letter-spacing: 1px;font-family:'Lato',sans-serif; letter-spacing: 1.2px; font-weight: bold;
display: block; background: #F5F3F1; }
.z_discoverAll_btn a.z_arw_right:after{ right: 30px; }

a.z_simple_btn_mini{ border: 1px solid #eee; padding: 16px 40px; font-size: 13px; line-height: 1.2; display:inline-block; text-align: center; text-decoration: none; -webkit-transition:all .3s; transition:all .3s; }
a.z_simple_btn_mini:hover{ background: #F8F6F4; border: 1px solid #F8F6F4; }


/* hover */
.cshover button,
.cshover a,
a.cshover{ -webkit-transition:all .3s; transition:all .3s;}
.cshover button:hover,
.cshover a:hover,
a.cshover:hover { -webkit-opacity: 0.6; opacity: 0.6; }

a.z_nodeco, .z_nodeco a{ text-decoration: none; }


/* header
==========================================================*/
/*ヘッダーナビ1811*/
body { padding-top: 80px;}
#sysHeader.z_sysHeader{ position: relative; position:fixed; z-index: 9999; top: 0; left: 0;  background: #fff; width: 100%; height: 80px; z-index: 9998;}


.z_h_info{width:100%;padding:0 30px 0 40px;margin:0 auto;}
.z_h_info .logoh1{width:140px!important;font-size:1em;line-height:1}
.z_logo{padding:2px 20px 0px 10px; display: flex; align-items: center; }
.z_h_info .inner input{height:45px}

.h_search{padding:30px 3%; font-size: 17px;}
.z_sysFuncItemSearch{ margin: 0 auto; max-width: 1080px;  }
.z_sysFuncItemSearch {
  border-style: solid;
  border-radius: 0px;
  border-width: 0px;
  box-shadow: 0px 0px 0px gray;
  margin-bottom: 10px
}
.z_sysFuncItemSearch .sysHeadline {
  border-bottom: 0px solid;
  padding: 5px
}
.z_sysFuncItemSearch .sysContent {
  padding: 10px
}


.z_h_info .inner .sysItemSearchFormWord{display:block;width:90%;box-sizing:border-box;height:45px;float:left;}
.z_h_info .inner .sysItemSearchFormWord input {border:none;border-bottom:1px solid #ddd;}
.z_h_info .inner input[type="search"]{width:20%;box-sizing:border-box;height:43px;padding:0 10px;background: #fff; border:none; -webkit-appearance: none; border-radius: 0;}
.h_search .z_sysSearchButton {
  overflow: hidden;
  width: 10%;
  text-indent: -9999px;
  border: none;
  background: url("../../../../../img/_re18base/common/hd_srh.png") center center no-repeat;
  background-size: 30px
}


.z_navigation{margin:0 auto 0 0;padding-left:15px;position:relative;z-index:10000}
.z_navigation ul.z_megamenu{display:flex;align-items: center;}
.z_navigation li a{position:relative;display:block;padding:0;text-decoration:none}
.z_gnav{font-family:'Lato',sans-serif;font-weight:300;font-size:13px;line-height:1;letter-spacing:.3px;display:inline-block; padding:31px 15px!important;height: 80px;color: #000; }
.z_gnav img{position:relative;top:-3px}
.z_sub_nav{position:relative;z-index:600}
.z_sub_nav a{display:block;text-decoration:none; }
.z_sub_nav li.cart .z_gnav span{ padding-left:8px; width:60px;display:inline-block}
.z_sub_nav li.z_serch { }
.z_sub_nav li.z_serch .z_gnav{width:40px;padding-left:5px!important}
.z_sub_nav li.z_menu .z_gnav{ padding-left:45px!important; padding-right: 25px!important; height: 80px;cursor:pointer; }
.z_sub_nav li.z_menu .z_gnav span,
.z_sub_nav li.z_menu .z_gnav span:before{position:absolute;height:2px;width:20px;background:#555;display:block;content:'';}
.z_sub_nav li.z_menu .z_gnav span:before{bottom:-12px}
.z_sub_nav li.z_menu .z_gnav span:after{position:absolute;height:2px;width:20px;background:#555;display:block;content:'';}
.z_sub_nav li.z_menu .z_gnav span:after{bottom:-6px}


#z_gnav_menu.zactive span{ background:none; }
#z_gnav_menu.zactive span:before,
#z_gnav_menu.zactive span:after{top:50%;left:0;position:absolute;height:2px;width:20px;background:#555;display:block;content:'';cursor:pointer;-webkit-transition: all .3s ease;transition: all .3s ease; margin-top: 4px; }
#z_gnav_menu.zactive span:before{transform:skewY(-45deg)}
#z_gnav_menu.zactive span:after{transform:skewY(45deg)}



/* HACK----- */
/*
li.z_megamenu__mega {}
li.z_megamenu__mega .z_megamenu__second-level {
  position: fixed; width: 100% !important; z-index:10000;
  top: 99px;
  left: 0;
  visibility:hidden;
  opacity: 0;
  -webkit-transition: all .0s ease;transition: all .0s ease;
}

body.zactive li.z_megamenu__mega.sysDisplayPcNone .z_megamenu__second-level,
li.z_megamenu__mega:not(.sysDisplayPcNone):hover .z_megamenu__second-level {
  visibility: visible;
  opacity: 1;
}
li.z_megamenu__mega ul.z_megamenu__second-level-zInner {
  box-sizing: border-box;
  border: none; border-top: 1px solid #eee;
  background: #fff;
  padding: 0px;
  visibility:hidden;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
body.zactive li.z_megamenu__mega.sysDisplayPcNone ul.z_megamenu__second-level-zInner,
li.z_megamenu__mega:not(.sysDisplayPcNone):hover ul.z_megamenu__second-level-zInner {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}
*/
/* JS HACK */
li.z_megamenu__mega {}
li.z_megamenu__mega .z_megamenu__second-level {
  position: fixed; width: 100% !important; z-index:10000;
  top: 79px;
  left: 0;
  visibility:hidden;
  opacity: 0;
  -webkit-transition: all .0s ease;transition: all .0s ease;
}
#z_megamenu__second-level {
  position: fixed; width: 100% !important; z-index:10000;
  /*top: 120px;*/
  left: 0;
  visibility:hidden;
  opacity: 0;
  -webkit-transition: all .0s ease;transition: all .0s ease;
}
.z_sub_nav.sysDisplayTabletNone li.z_serch.z_megamenu__mega .z_megamenu__second-level,
.sysDisplayPcNone li.z_megamenu__mega .z_megamenu__second-level,
li.z_megamenu__mega:not(.sysDisplayPcNone):hover .z_megamenu__second-level {
  visibility: visible;
  opacity: 1;
}
#z_megamenu__second-level {
  visibility: visible;
  opacity: 1;
}
/*** 2020.03.30 poplink
.sysDisplayPcNone li.z_megamenu__mega .z_megamenu__second-level {
 max-height:90vh;
 max-height: -moz-calc(100vh -80px);
 max-height: -webkit-calc(100vh -80px);
 max-height: calc(100vh -80px);
 overflow: hidden;
 overflow-y: auto;
 -webkit-overflow-scrolling: touch; 
}
***/
.sysDisplayPcNone li.z_megamenu__mega .z_megamenu__second-level {
height:90vh;
height: -moz-calc(100vh - 80px);
height: -webkit-calc(100vh - 80px);
height: calc(100vh - 80px);
background-color: #fff;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
#z_megamenu__second-level {
height:90vh;
height: -moz-calc(100vh - 80px);
height: -webkit-calc(100vh - 80px);
height: calc(100vh - 80px);
background-color: #fff;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
li.z_megamenu__mega ul.z_megamenu__second-level-zInner {
  box-sizing: border-box;
  border: none; border-top: 1px solid #eee;
  background: #fff;
  padding: 0px;
  visibility:hidden;
  opacity: 0;
  z-index: 1;/*
  -webkit-transition: all .2s ease;
  transition: all .2s ease*/
}
.z_sub_nav.sysDisplayTabletNone li.z_serch.z_megamenu__mega ul.z_megamenu__second-level-zInner,
.sysDisplayPcNone li.z_megamenu__mega ul.z_megamenu__second-level-zInner,
li.z_megamenu__mega:not(.sysDisplayPcNone):hover ul.z_megamenu__second-level-zInner {
  visibility: visible;
  opacity: 1;
  /*-webkit-transition: all .3s ease;
  transition: all .3s ease;*/
}
.z_sub_nav.sysDisplayTabletNone li.z_serch.z_megamenu__mega .z_megamenu__second-level,
.sysDisplayPcNone li.z_megamenu__mega .z_megamenu__second-level {display: none; }
/* JS HACK */
#z_megamenu__second-level {display: none; }

li.z_megamenu__mega ul.z_megamenu__second-level-zInner > li{ padding: 20px;}

ul.z_megamenu .menu_inner li a{
	display:block !important;
	padding:6px 0 6px 0px !important; line-height: 1.4;
	text-align:left !important; color: #474545;
}

ul.z_megamenu .menu_inner li.navi_ttl_big a{
	font-size: 107%; color: #000;
	font-weight:bold; margin-bottom: 15px;
}

ul.z_megamenu .menu_inner ul.none { border-left: none !important;}
ul.z_megamenu .menu_inner .z_navi_bra_images{ text-align: right; }
ul.z_megamenu .menu_inner .z_navi_bra_images img{ width: 100%; max-width: 320px; height: auto;}

.z_sub_nav .z_megamenu > li{order: 2; }
.z_sub_nav .z_megamenu > li.z_serch{order: 1; }

/* -----HACK */


/* 個別設定*/
.sysDisplay_tablogin{ display: none !important;}
ul.z_megamenu .z_navi_bra1 .menu_inner { display: flex; }
ul.z_megamenu .z_navi_bra1 .menu_inner ul{ width:20%; padding: 10px 0 20px; padding-left: 2%; padding-right: 1%; border-left: 1px solid #ccc;}
ul.z_megamenu .z_navi_bra1 .menu_inner ul:nth-child(1) { border-left: none;}

ul.z_megamenu .z_navi_bottom1 .menu_inner { display: flex; }
ul.z_megamenu .z_navi_bottom1 .menu_inner ul{ width:20%; padding: 10px 0 20px; padding-left: 2%; padding-right: 1%; border-left: 1px solid #ccc;}
ul.z_megamenu .z_navi_bottom1 .menu_inner ul:nth-child(1) { border-left: none;}

ul.z_megamenu .z_navi_other1 .menu_inner { display: flex; }
ul.z_megamenu .z_navi_other1 .menu_inner ul{ width:20%; padding: 10px 0 20px; padding-left: 2%; padding-right: 1%; border-left: 1px solid #ccc;}
ul.z_megamenu .z_navi_other1 .menu_inner ul:nth-child(1) { border-left: none;}

ul.z_megamenu .z_navi_bratype .menu_inner { display: flex; }
ul.z_megamenu .z_navi_bratype .menu_inner ul{ width:20%; padding: 10px 0 20px; padding-left: 2%; padding-right: 1%; border-left: 1px solid #ccc;}
ul.z_megamenu .z_navi_bratype .menu_inner ul:nth-child(1) { border-left: none;}


.z_sub_nav .z_menu .menu_inner { display: flex; }
.z_sub_nav .z_menu .menu_inner .z_menu_elm{ width:20%; padding: 10px 0 20px; padding-left: 2%; padding-right: 1%;  border-left: 1px solid #ccc;}
.z_sub_nav .z_menu .menu_inner .z_menu_elm:nth-child(1) { border-left: none;}
.z_sub_nav .z_menu .menu_inner .z_menu_elm:nth-child(2) { width:40%; display: flex;  }
.z_sub_nav .z_menu .menu_inner .z_menu_elm:nth-child(3) { width:40%; display: flex; }
.z_sub_nav .z_menu .menu_inner .z_menu_elm:nth-child(2) ul,
.z_sub_nav .z_menu .menu_inner .z_menu_elm:nth-child(3) ul{ width: 50%; }
.z_sub_nav .z_menu .menu_inner .z_menu_elm:nth-child(2) ul:nth-child(1),
.z_sub_nav .z_menu .menu_inner .z_menu_elm:nth-child(3) ul:nth-child(1){padding-right: 4%; }
.z_sub_nav .z_menu .menu_inner .first {font-size: 107%; color: #000; font-weight:bold; margin-bottom: 15px; }
.z_sub_nav .z_menu .menu_inner .first-ntn2{ padding-top: 40px;}


/* SERCH CLOSE */
.z_close_navlv1 { position: relative; width: 30px; height:30px; margin: -10px 0 20px; cursor: pointer;
 margin-left: -moz-calc(100% - 15px);  margin-left: -webkit-calc(100% - 15px);  margin-left: calc(50% - 15px); }
.z_close_navlv1:before,
.z_close_navlv1:after{position:absolute;top:50%;left:0;content:"";display:block;width:30px;border-top:1px solid #555 ; }
.z_close_navlv1:before{transform:skewY(-45deg)}
.z_close_navlv1:after{transform:skewY(45deg)}

/* Responsive MENU (iPad専用グロナビ) */
.z_navigation.sysDisplayPcNone li.z_megamenu__mega ul.z_megamenu__second-level-zInner > li{ padding-top: 40px;}
.z_close_navlv2 { position: relative; width: 11px; height:11px; margin: 20px 0 -31px; cursor: pointer;
 margin-left: -moz-calc(100% - 51px);  margin-left: -webkit-calc(100% - 51px);  margin-left: calc(100% - 51px); }
.z_close_navlv2:before,
.z_close_navlv2:after{position:absolute;top:50%;left:0;content:"";display:block;width:12px;border-top:1px solid #000 ; }
.z_close_navlv2:before{transform:skewY(-45deg)}
.z_close_navlv2:after{transform:skewY(45deg)}



/* Responsive MENU (モバイル用サブナビ) */
.z_sub_nav_sp_in{ height: 65px; line-height: 65px; margin: 0 0 20px;  padding: 0 !important; border-bottom: 1px solid #eee; display: none;}
.z_sub_nav_sp_in > ul { display: flex; padding-left: 3%; }
.z_sub_nav_sp_in > ul > li{ width: 33.33%; width: -moz-calc(100% / 3); width: -webkit-calc(100% / 3); width: calc(100% / 3); align-items: stretch;
    text-align: center;}
.z_sub_nav_sp_in > ul > li a{ font-family:'Lato',sans-serif; font-weight: bold; color: #000 !important;}


/* Responsive MENU (モバイル用メニュー) */
.z_navigation_sp_in { margin-bottom: 6%}
.z_navigation_sp_in a{display:block;}
.z_navigation_sp_in .z_megamenu_sp > li{ padding: 0 10%; }
.z_gnav_sp{font-family:'Lato',sans-serif;font-weight:300; font-size:15px;line-height:1;letter-spacing:.3px;display:block;color: #000; padding: 18px 0;
border-bottom: 1px solid #eee; }
.z_gnav_sp.none{ border-bottom: none; }
li.z_megamenu__mega_sp { position: relative;}
li.z_megamenu__mega_sp .z_megamenu__second-level_sp { display: none;}
.z_megamenu__second-level_sp .navi_ttl_big{}
.z_megamenu__second-level_sp .menu_inner_sp {}
.z_megamenu__second-level_sp .menu_inner_sp ul.ttl_bigonlyList{ padding-bottom: 10px;}
.z_megamenu__second-level_sp .menu_inner_sp li.navi_ttl_big a{
	font-size: 107%; color: #000;
	font-weight:bold; padding-bottom: 16px;
}
.z_megamenu__mega_sp a.z_gnav_sp { }
.z_megamenu__second-level_sp .menu_inner_sp li  a{ padding: 4px 0; }
.z_megamenu__second-level_sp .menu_inner_sp ul{ border-top: 1px solid #eee; padding: 20px 0;}
.z_megamenu__second-level_sp .menu_inner_sp ul:nth-child(1){ border-top: none; }

.z_navi_other1 .z_megamenu__second-level_sp .menu_inner_sp ul,
.z_navi_bratype .z_megamenu__second-level_sp .menu_inner_sp ul{border-top: none; padding: 0;}
.z_megamenu__second-level_sp .menu_inner_sp ul:nth-child(1){ padding-top: 20px;}
.z_megamenu__second-level_sp .menu_inner_sp ul:last-child { padding-bottom: 20px;}
.z_navigation_sp_in_menu{ padding:6% !important; border-top: 1px solid #eee; }
.z_navigation_sp_in_menu .menu_inner_sp { display:flex; padding: 4% !important; background: #F8F6F4; }
.z_navigation_sp_in_menu .menu_inner_sp .z_menu_elm{ padding: 2% !important; margin-bottom: 5px; width: 33.33%;}
.z_navigation_sp_in_menu .menu_inner_sp .z_menu_elm a{ padding: 4px 0;}



.accordion_icon,
.accordion_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon {
	position: absolute;
	top:13px;
	width:40px;
	height: 30px;
	right:10%;
	margin-right: 0px;
	z-index:1;
	cursor:pointer;
}
.accordion_icon span {
	position: absolute;
    left: 6px;
    width: 25%;
	height: 1px;
    background-color: #000;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
    top: 13px;
	left:12px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
    top: 13px;
	left:12px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion_icon.active span:nth-of-type(2) {
	top: 13px;
	left:12px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


/* Responsive MENU (モバイル用サイドナビ／格納) */
.z_navigation_sp_in_side{ padding: 0 6% 6%!important; }
.z_side_navi_sp{ background: #F8F6F4; margin-bottom: 5px;}
.z_side_ttl_sp{ font-weight: normal!important; text-align: center; display: block;  cursor: pointer;  padding: 5%; }
.z_side_navBlock_sp{  padding: 5%!important; display: none; }
.z_side_navBlock_sp li {}
.z_side_navi_sp:not(.z_side_select_size_sp) .z_side_navBlock_sp li a{ border-bottom: 1px solid #e2e2e2;padding: 15px 0;}
.z_side_navi_sp:not(.z_side_select_size_sp) .z_side_navBlock_sp li:last-child a{ border-bottom: none; }
.z_side_navi_sp:not(.z_side_select_size_sp) .z_side_navBlock_sp li span {display: block; position: relative; }
.z_side_navi_sp:not(.z_side_select_size_sp) .z_side_navBlock_sp li span:before{ position: absolute;content: ""; right: 3%; top: 50%; margin-top: -5px; z-index: 1;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 10.4px;
border-color: transparent transparent transparent #000;
}
.z_side_navi_sp .z_close { position: relative; width: 11px; height:11px; margin: 15px auto 0px; margin-bottom: -3%; display: none; }
.z_side_navi_sp .z_close:before,
.z_side_navi_sp .z_close:after{position:absolute;top:50%;left:0;content:"";display:block;width:12px;border-top:1px solid #000 ; }
.z_side_navi_sp .z_close:before{transform:skewY(-45deg)}
.z_side_navi_sp .z_close:after{transform:skewY(45deg)}

.z_side_select_size_sp .z_side_navBlock_sp h4{ font-weight: normal; text-align: center; padding: 15px 5px 10px; border-top: 1px solid #e2e2e2; }
.z_side_select_size_sp .z_side_navBlock_sp h4:nth-child(1) { border-top: none;}
.z_side_select_size_sp .z_side_navBlock_sp .column3,
.z_side_select_size_sp .z_side_navBlock_sp .column5 { display: flex; flex-wrap: wrap; padding-bottom: 15px; }
.z_side_select_size_sp .z_side_navBlock_sp .column3 li{ width: 33.33%; text-align: center; }
.z_side_select_size_sp .z_side_navBlock_sp .column5 li{ width: 20%; text-align: center; }
.z_side_select_size_sp .z_side_navBlock_sp .column3 li a,
.z_side_select_size_sp .z_side_navBlock_sp .column5 li a{ padding: 10px 3px;}






@media screen and (max-width: 1480px) {
    .z_logo{padding:2px 20px 0px 0px}
    .z_gnav{font-size:12px;padding:31px 11px!important;}
    .z_sub_nav li.z_serch .z_gnav{width:40px;padding-left:0px!important}
    .z_sub_nav li.z_menu .z_gnav{padding-left:25px!important;}
    .z_sub_nav_sp_in{ display: block; }

}

@media screen and (max-width: 1280px) {
.z_h_info .logoh1{width:120px!important;}
.z_sub_nav .login,
.z_sub_nav .history,
.z_sub_nav .mypage { display: none; }
li.z_megamenu__mega ul.z_megamenu__second-level-zInner {font-size: 13px;}
li.z_menu.z_megamenu__mega ul.z_megamenu__second-level-zInner {padding: 0px 0 20px;}
.z_sub_nav .z_menu .menu_inner .z_menu_elm{ width:33.33%; }
.z_sub_nav .z_menu .menu_inner .z_menu_elm:nth-child(2) ,
.z_sub_nav .z_menu .menu_inner .z_menu_elm:nth-child(3) { width:33.33%; display:block;}
.z_sub_nav .z_menu .menu_inner .z_menu_elm:nth-child(2) ul,
.z_sub_nav .z_menu .menu_inner .z_menu_elm:nth-child(3) ul{ width: auto; }
.z_sub_nav .z_menu .menu_inner .first-ntn2{ padding-top: 0px;}
.sysDisplay_tablogin{ display: block !important;}
}
@media screen and (max-width: 1080px) {
/*.z_navigation ul.z_megamenu li:nth-child(n + 4) ,*/
.z_navigation,
ul.z_megamenu .menu_inner .z_navi_bra_images{ display: none; }
ul.z_megamenu .z_navi_bra1 .menu_inner ul,
ul.z_megamenu .z_navi_bottom1 .menu_inner ul,
ul.z_megamenu .z_navi_other1 .menu_inner ul{ width:25%; }
li.z_megamenu__mega.z_menu ul.z_megamenu__second-level-zInner > li{ padding: 0px;}
.z_sub_nav li.cart{order: 2; }
.z_sub_nav li.z_serch{order: 1; }
.z_sub_nav li.z_menu{order: 3; }

.z_close_navlv1 { width: 20px; height:20px; margin-left: -moz-calc(100% - 20px);  margin-left: -webkit-calc(100% - 20px);  margin-left: calc(50% - 20px); }
.z_close_navlv1:before,
.z_close_navlv1:after{width:20px; }

}
@media screen and (max-width: 880px) {
.z_navigation_sp_in_menu .menu_inner_sp { display:block; padding: 0 !important; background: none; }
.z_navigation_sp_in_menu .menu_inner_sp .z_menu_elm{ background: #F8F6F4;  padding: 8% !important; margin-bottom: 5px; width: auto;}
}



/* footer
==========================================================*/
#z_sysFooter{ clear: both; margin: 0; padding: 140px 0 0;}
.z_ft_Customer{ background: #EAECEC ; background-size:contain; padding: 50px 0; margin-bottom: 150px; }
.z_ft_Customer .z_wrap{ max-width: 1050px;}
.z_ft_CustomerBlock{}
.z_ft_CustomerBlock ul{ display: flex; margin-bottom: 25px; }
.z_ft_CustomerBlock ul li{width: 44%; margin-left: 50px;  font-size: 1.06em;  }
.z_ft_CustomerBlock ul li:first-child{ margin-left: 0;}
.z_ft_CustomerBlock ul li img{ width:100%; max-width: 300px; }
.z_ft_CustomerBlock ul li a { padding-left: 35px; display: block; background: #fff; }
.z_ft_CustomerBlock ul li span{ margin-bottom: 15px; display: inline-block; }
.z_ft_CustomerBlock p { font-size: 0.9em; color: #A5A4A4; letter-spacing: 2px;}
#z_FooterContainer { }
.z_f_service_bn { overflow: hidden; border-top: 1px solid #eee; padding-top: 150px; }
.z_f_service_bn ul{ display: flex; justify-content: space-between;  background: #F5F3F1;line-height: 0; margin-bottom: 10px; }
.z_f_service_bn li{ border-left: 10px solid #fff; text-align: center; width: 25%;  }
.z_f_service_bn li:nth-child(1) { border-left: none;}
.z_f_service_bn li img{ width: 100%; height: auto; max-width: 400px; margin: 0 auto;}
#z_FooterNavi{ background: #F5F3F1; padding: 55px 0px 50px;  }
#z_FooterNavi .z_wrap {display: flex;}
#z_FooterNavi .z_f_navi{ width: 25%; padding:  0 2%; }
#z_FooterNavi .z_f_navi li{ line-height: 1.4; margin-bottom: 15px;}
#z_FooterNavi .z_ft_ttl_big {font-size: 107%; font-weight:bold; margin-bottom: 30px; }
.z_f_info { padding: 65px 0 100px;}
    .z_sns{ display: flex; }
    .z_sns li{ margin-right: 20px;}
    .z_sns li:last-child { margin-right: 0;}
    .z_f_info_inner2{display: flex;justify-content: space-between; padding-top: 45px; }
    .z_f_info_inner2-l{}
    .z_f_info_inner2-r{}
    .z_f_info_navi {display: flex; padding-bottom: 25px; }
    .z_f_info_navi li{ padding: 0 35px 0 0; position: relative;}
    .z_f_info_navi li:last-child { padding-right: 0; }
    .z_f_info_navi li:after{ position: absolute; content:'|'; right: 14px;}
    .z_f_info_navi li:last-child:after{ content:'';}
.z_copy{ font-size: 92%;}
.z_f_page_top {
  position: fixed;
  right: 10px;
  bottom: 40px;
  z-index: 100;
  width: 79px;
  height: 40px;
  font-family:'Lato',sans-serif;font-weight:300;font-size:11px;line-height:1;
  text-align: center;
}
.z_f_page_top a {
  display: block; padding-top: 20px;
}
.z_f_page_top a span { position: relative;  }
.z_f_page_top a span:after { position: absolute;content:''; left: 50%; margin-left: -6px; top: -20px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 6px 10.4px 6px;
border-color: transparent transparent #000000 transparent;
}


@media screen and (max-width: 1250px) {
.z_ft_Customer{ background: #EAECEC ; background-image: none;  }
.z_ft_CustomerBlock ul{ display: flex; justify-content: space-between; }
.z_ft_CustomerBlock ul li{width: 48%; margin-left: 0px;   }
.z_ft_CustomerBlock ul li a { padding-right: 35px; }
.z_f_info_inner2{ font-size: 0.93em;}
}
@media screen and (max-width: 1140px) {
.z_f_info_inner2{ font-size: 0.9em; }
.z_copy{ font-size: 0.9em;}
}
@media screen and (max-width: 1080px) {
#z_sysFooter{ padding: 100px 0 0;}
.z_ft_Customer{ margin-bottom: 75px; }
.z_f_service_bn {  padding-top:75px; }
.z_f_info_inner2{ font-size: 1em; display: block; }
.z_f_info_inner2-r{ padding-top:30px; padding-bottom: 60px; text-align: center;}
.z_sns,
.z_f_info_navi {display: flex; justify-content: center; }
.z_f_info_navi li{ padding: 0 20px 0 0; letter-spacing: normal; }
.z_f_info_navi li:after{ right: 6px;}
#z_FooterNavi .z_wrap { display: flex; flex-wrap:wrap; }
#z_FooterNavi .z_f_navi{ width: 33.33%; }
.z_f_navi03 .sysDisplayPcNone ul { margin-bottom: 55px;}
.z_copy{ text-align: center; }
}

@media screen and (max-width: 900px) {
.z_f_service_bn ul{ display: flex; flex-wrap:wrap;  }
.z_f_service_bn li{ width: 50%;  }
.z_f_service_bn li:nth-child(1), .z_f_service_bn li:nth-child(2){ border-bottom: 10px solid #fff; }
.z_f_service_bn li:nth-child(3) { border-left: none;}
#z_FooterNavi{ font-size: 0.93em; }

}




/* Content
==========================================================*/

.z_wrap{ max-width: 1250px; margin:0 auto;}
/* HACK----- */

div#container.none {
  max-width:none;
  margin: 0 auto 20px ;
  overflow:hidden;
}
/* -----HACK */



/* Side Container
==========================================================*/
#z_leftcolumn {
  z-index:10002;

  position: fixed;
  top: 50%;
  left: 0px;
  width: 660px; margin-top: -110px;
  padding: 0px; margin-left: -660px;  -webkit-transition: all .4s;transition: all .4s;
}
#z_leftcolumn.active { margin-left: -500px;}
#z_leftcolumn #z_sysAside {}
.z_side_navi{ position: relative; height: 56px;line-height: 55px; -webkit-transition: all .4s;transition: all .4s;  }
.z_side_ttl{ position: absolute; right: 0px; top: 0; width: 160px; text-align: center; font-weight:normal !important; font-size: 14px; cursor: pointer; }
.z_side_ttl span{ background: #F5F3F1; display: block; height: 55px; -webkit-transition: all .3s;transition: all .3s; }

.z_side_navBlock{  overflow: hidden; overflow-y: auto; visibility:hidden; opacity: 0; -webkit-transition: all .3s;transition: all .3s;
    background: #FFF; position: fixed; z-index:10003; top: 0; left: 0; width: 500px; margin-left: -500px; padding: 4% 5% 8%; height: 100vh; }

#z_leftcolumn:hover  { margin-left: 0;}
.z_side_navi:hover > .z_side_navBlock { visibility: visible; opacity: 1; margin-left: 0px ; }
.z_side_navi:hover > .z_side_ttl span {background: #FFF }

.z_side_Headline { line-height: 60px; margin-bottom: 30px; }
.z_side_Headline img{ max-height: 60px; }
.z_side_Headline span{ font-size: 14px; font-weight: normal; padding-left: 30px; display: inline-block; }

.z_side_navi:not(.z_side_select_size) .z_side_navBlock li {border-bottom: 1px solid #eee;}
.z_side_navi:not(.z_side_select_size) .z_side_navBlock li a{ padding: 15px 0; }
.z_side_navi:not(.z_side_select_size) .z_side_navBlock li span { display: block; position: relative; }
.z_side_navi:not(.z_side_select_size) .z_side_navBlock li span:before{ position: absolute;content: ""; right: 3%; top: 50%; margin-top: -5px; z-index: 1;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 10.4px;
border-color: transparent transparent transparent #000;
}

.z_side_select_size .z_side_navBlock h4{ padding: 15px 5px 10px;  }
.z_side_select_size .z_side_navBlock .column3,
.z_side_select_size .z_side_navBlock .column5 { display: flex; flex-wrap: wrap; padding-bottom: 20px; }
.z_side_select_size .z_side_navBlock .column3 li{ width: 16.66%; text-align: center; }
.z_side_select_size .z_side_navBlock .column5 li{ width: 20%; text-align: center; }
.z_side_select_size .z_side_navBlock .column3 li a,
.z_side_select_size .z_side_navBlock .column5 li a{ padding: 10px 3px;}





/* 2: layout
----------------------------------------------------------------------------------------------*/



/* 一覧・詳細はテーマ内にCSS記述（JSでは一瞬サイズ変化するため） */
#container.z_container,
.z_wrap1250{ max-width: 1250px; margin-left: auto; margin-right: auto; }
.z_wrap1050{ max-width: 1050px; margin-left: auto; margin-right: auto; }

/* マイページはテーマ内にCSS記述（JSでは一瞬サイズ変化するため） */
#container.z_wrap_none{max-width: none;}
.z_wrapmypg1250{ max-width: 1250px; margin-left: auto; margin-right: auto; }


@media screen and (max-width: 1300px) {
    .z_wrapmypg1250 { width: 94%;}
}
@media screen and (max-width: 1280px) {
    .z_wrap1250 { width: 96%;}
}
@media screen and (max-width: 1080px) {
    .z_wrap1050 { max-width: 96%;}
    .z_wrap1050 .z_titleInner{ padding:  0 3%; }
}
@media screen and (min-width: 681px) and (max-width: 1080px) {
    .z_wrap1050,
    .z_wrap1250 { width: 100%; }
}
@media screen and (max-width: 600px) {
    .z_wrapmypg1250 { width: 92%;}
}



/* pages
==========================================================*/



/* INDEX
-------------------*/
#z_indMainInner{ margin-top: -110px; margin-top: -80px;  }
.z_indMain_bnr img{ width: 100%; height: auto;}
.z_indMain_sub_bnr { max-width: 300px; margin-top: -260px; z-index: 1; position: relative; -webkit-transition:all .3s; transition:all .3s;  }


.z_ind_information{ display: flex; justify-content: space-between; margin-top: 40px; }
.z_ind_infoHeadline{ font-size: 107%; line-height: 1; text-align: center; width: 300px; }
.z_ind_infoHeadline span{background: #F5F3F1; padding: 15px; display: block; }
.z_ind_information .sysContent{ padding: 10px 0 0px 30px; width: -moz-calc(100% - 450px); width: -webkit-calc(100% - 450px); width: calc(100% - 450px); position: relative;}
.z_ind_information .sysContent li{ margin-bottom: 16px; line-height: 1.4;}
.z_ind_information .sysContent li:nth-child(n + 4) { display: none; }
.z_ind_information li .day { padding-right: 8px; font-weight: bold; }
.z_ind_information li a{ display: inline-block;}
#z_ind_info_more{ width: 150px; font-weight: bold;text-align: center; align-self: flex-end; margin-bottom: 16px; }
.z_ind_info_sub{ position: absolute; top: 10px; right: -150px;  width: 150px; font-weight: bold;text-align: center;   }



@media screen and (max-width: 1250px) {
#z_indMainInner{ margin: -12% 0 0; margin: -8% 0 0; overflow: hidden; }
    .z_indMain_bnr { margin: 0 -10%;}
    .z_indMain_bnr img{ width: 120%; height: auto;}
    .z_indMain_sub_bnr { width: 26%; margin-top: -26%;  }
.z_ind_infoHeadline{ width: 26%; }
.z_ind_information .sysContent{ width: -moz-calc(74% - 100px); width: -webkit-calc(74% - 100px); width: calc(74% - 100px);}
#z_ind_info_more{ width: 110px; text-align: right;}
.z_ind_info_sub{ right: -110px;  width:110px; text-align: right;  }

}





.z_top_parts{ margin-bottom: 140px;}
.z_ind_Headline { line-height: 55px; margin-bottom: 34px; }
.z_ind_Headline_movie img,
.z_ind_Headline img{ max-height: 55px; }
.z_ind_Headline span{ font-size: 14px; font-weight: normal; padding-left: 40px; display: inline-block; }
.z_ind_Headline_movie span{ font-size: 14px; font-weight: normal; margin-top: 15px;  display: block; }


.z_sysFeatureBlock ul{ display: flex; margin-bottom: 50px; }
.z_sysFeatureBlock ul li{ width: 33.33%; width: -moz-calc(100% / 3); width: -webkit-calc(100% / 3); width: calc(100% / 3); align-items: stretch; overflow: hidden;position: relative;}
.z_sysFeatureBlock ul li:after{position: absolute; content:''; width: 2px; height: 100%; background: #fff; z-index: 1; top: 0; left: 0;}
.z_sysFeatureBlock ul li:nth-child(1):after { background: none; }
.z_sysFeatureBlock ul .z_ind_featureImg{ line-height: 1;}
.z_sysFeatureBlock ul .z_ind_featureTxtInner{ background: #F5F3F1; width: 75%; padding: 20px 25px 25px; margin-left: 25%; height: 100%; position: relative; z-index: 1; margin-top: -50px;}
.z_sysFeatureBlock ul .z_ind_featureTxt{  }
.z_sysFeatureBlock ul .z_ind_featureLink{font-family:'Lato',sans-serif; margin-top: 5px;text-align: right;}

.z_sysFeatureBlock ul li:nth-child(1) .z_ind_featureImg a:hover + .sysFeatureBlock ul li:nth-child(1) .z_ind_featureLink a { }


.z_sysItemBlock{ position: relative; align-items: stretch; overflow: hidden; max-width: 1350px;
    width: -moz-calc(100vw - calc(100vw - 1250px)/2); width: -webkit-calc(100vw - calc(100vw - 1250px)/2); width: calc(100vw - calc(100vw - 1250px)/2); }
.z_sysItemBlock ul{ display: flex; margin-bottom: 50px;  }
.z_sysItemBlock ul li{ width: 25%; align-items: stretch; font-size: 107%; line-height: 1.4;  position: relative;}
.z_sysItemBlock ul li:after{position: absolute; content:''; width: 2px; height: 100%; background: #fff; z-index: 1; top: 0; left: 0;}
.z_sysItemBlock ul li:nth-child(1):after{ background: none;}
.z_sysItemBlock .sysItemImage{}
.z_sysItemBlock .sysItemName{ padding: 25px 30px 0; margin-bottom: 0 !important ;}
.z_sysItemBlock .sysItemPrice{ padding: 10px 30px 0;}


.z_top_newitem{ }

.z_top_weeklyranking  {}
.z_top_weeklyranking .sysItemImage{position: relative;}
.z_top_weeklyranking .sysIconRank { position: absolute; bottom: -20px; right: 6px; }
.z_top_weeklyranking .sysIconRank img { max-width: 58px !important ; }

.z_top_weeklypickup {}
.z_top_weeklypickup .sysItemImage{background: #F5F3F1; padding: 5.3% 11% ; line-height: 1; }
.z_top_weeklypickup .sysItemImage span{ padding: 9.6% 4% 0 !important; background: #fff; display: block;  position: relative;  }
.z_top_weeklypickup .sysItemImage span:after{ position: absolute; content:''; width: 100%; height: 10.1%; background: #fff;z-index: 1; bottom: -1px; left: 0; }


.z_top_moviebgContainer { background: url('../../../../../img/top/6movie/201003_movie2_3500.jpg') center 0  no-repeat; padding: 60px 3% 245px; background-size:cover;}
.z_sysMovieBlock { margin-top: -125px; }
.z_sysMovieBlock ul{ display: flex; margin-bottom: 0px;  }
.z_sysMovieBlock ul li{ width: 20%; align-items: stretch; font-family:'Lato',sans-serif; font-size: 23px; line-height: 1.2; text-align: center; position: relative; background: #5D5D5D; }
.z_sysMovieBlock ul li a { color: #fff; display: block;}
.z_sysMovieBlock ul li:hover img {opacity: 0.2;}
.z_sysMovieBlock ul li img{ opacity: 0.5;-webkit-transition:all .3s; transition:all .4s; }
.z_sysMovieBlock ul li p{ width: 100%; margin: 0 auto; }
.z_sysMovieBlock ul li .z_centerposi {z-index: 1; padding-top: 40px;}
.z_top_movie_icon {position: relative;  line-height: 1; text-align: center; z-index: 2;}
.z_top_movie_icon:after{ position: absolute;content:''; left: 50%; margin-left: -6px; top: -40px;
width: 0;
height: 0;
border-style: solid;
border-width: 13.5px 0 13.5px 23.4px;
border-color: transparent transparent transparent #FFF;
}

.z_sysmagazineBlock{ max-width: 1540px; margin: 0 auto 50px;}
.z_sysmagazineBlock ul{ display: flex; padding: 0 10px}
.z_sysmagazineBlock ul li{ width: 20%; margin: 0 5px; }




@media screen and (min-width:1081px) and (max-width: 1600px) {
.z_wrap_item.z_wrap{ margin-left: 180px; padding: 0;}
.z_sysItemBlock{ position: relative; width: -moz-calc(100vw - 190px); width: -webkit-calc(100vw - 190px); width: calc(100vw - 190px); align-items: stretch; }
}
@media screen and (max-width:1080px)  {
.z_wrap_feature.z_wrap,
.z_wrap_item.z_wrap{ padding: 0; }
.z_sysItemBlock{ position: relative; width: 100%; }
.z_sysFeatureBlock ul .z_ind_featureTxtInner{ padding: 20px; }
.z_sysItemBlock .sysItemName{ padding: 15px 25px 0; }
.z_sysItemBlock .sysItemPrice{ padding: 10px 25px 0;}
.z_top_weeklyranking .sysIconRank { bottom: -12px; right: 4px; }
.z_top_weeklyranking .sysIconRank img {max-width: 40px !important ; }

}
@media screen and (max-width:980px)  {
.z_sysMovieBlock ul li{ font-size: 17px; }
}



/* 3: Responsive Common + INDEX
----------------------------------------------------------------------------------------------*/
.sp-br-none br{}
.tellink { pointer-events: none;}

@media screen and (max-width: 1325px) {
.z_wrap{ padding: 0 3%;}
}
@media screen and (max-width: 1080px) {
/* HACKS //-------------------*/
body {font-size: 13px; }
/* // HACKS-------------------*/
.sp_pdlr { padding: 0 3%;}
}


@media screen and (max-width: 767px) {
#z_sysFooter{ padding: 50px 0 0;}
.z_ft_Customer{ padding: 45px 0 35px; margin-bottom: 50px; }
.z_ft_CustomerBlock ul{ display: block;  }
.z_ft_CustomerBlock ul li{ width: auto;  margin-bottom: 30px; }
.z_ft_CustomerBlock ul li a {text-align: center; }
.z_ft_CustomerBlock ul li span{ margin-bottom: 7px; }
.z_f_service_bn { padding-top: 50px; }


/* INDEX //-------------------*/
.z_top_parts{ margin-bottom: 16%;}
.z_top_newitem.z_top_parts,
.z_top_weeklyranking.z_top_parts,
.z_top_weeklypickup.z_top_parts { margin-bottom: 0px ;}
.z_discoverAll_btn a{ padding: 20px; font-size: 18px; }

.z_ind_Headline { line-height: 45px; margin-bottom: 17px; }
.z_ind_Headline_movie img,
.z_ind_Headline img{ max-height: 45px; }
.z_ind_Headline span{ font-size: 13px; margin-top: 0px; padding-left: 0px;display: block; }
.z_ind_Headline_movie {line-height: 45px;}
.z_ind_Headline_movie span{ font-size: 13px; font-weight: normal; margin-top: 0px;  display: block; }

.z_sysFeatureBlock ul .z_ind_featureTxtInner{width: 90%; margin-left: 10%;margin-top: -40px;}


.z_sysItemBlock ul {display: flex; flex-wrap:wrap; }
.z_sysItemBlock ul li{ width: 50%; margin-bottom: 8%;  }
.z_sysItemBlock ul li:nth-child(3):after { background: none;}

.z_top_weeklyranking .sysIconRank { bottom: -12px; right: 4px; }
.z_top_weeklyranking .sysIconRank img {max-width: 50px !important ; }

.z_top_moviebgContainer { background: none; padding: 0px 0% 15px; }
.z_sysMovieBlock { margin-top: -40vw; }
.z_sysMovieBlock ul{ display: block; width: 64%; margin: 0 auto;}
.z_sysMovieBlock ul li{  width: 100%; height: 32vw;  font-size: 16px; overflow: hidden; margin-bottom: 5px; }
.z_sysMovieBlock ul li img{-webkit-transform: translateY(-30%);transform: translateY(-30%);}
.z_top_movie .z_sp_top_moviebgContainer{ background: url('../../../../../img/top/6movie/201003_movie2_3500.jpg') center 0  no-repeat; padding: 36vw 0% 0; background-size:cover; height: 79vw;}
.z_sysmagazineBlock{ padding: 0 3%; margin-bottom: 40px;}
.z_sysmagazineBlock ul{ display: flex; padding: 0;  }
.z_sysmagazineBlock ul li{ width: 33.33%; }
.z_sysmagazineBlock ul li:nth-child(n + 4) { display: none;}
}




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

.z_col-l, .z_col-r{ float: none; }
.sp-br-none br{ display: none; }
.tellink { pointer-events: auto;}

.z_wrap{ padding: 0 6%;}
.sp_pdlr { padding: 0 6%;}


    /* HEADER */
    body{ padding-top: 60px;}
    #sysHeader.z_sysHeader,
    .z_gnav,
    .z_sub_nav li.z_menu .z_gnav { height: 60px;}
    .z_h_info .logoh1{width:110px!important;}
    .z_logo{ padding-top: 0px; }
    .z_gnav{padding-top:22px!important;padding-bottom: 21px!important;}

    /*** 2020.03.30 poplink
    .sysDisplayPcNone li.z_megamenu__mega .z_megamenu__second-level {
    	 max-height:98vh;
    	 max-height: -moz-calc(100vh -60px);
    	 max-height: -webkit-calc(100vh -60px);
    	 max-height: calc(100vh -60px); top: 59px;
    }
    ***/
    .sysDisplayPcNone li.z_megamenu__mega .z_megamenu__second-level {
		height:98vh;
		height: -moz-calc(100vh - 60px);
		height: -webkit-calc(100vh - 60px);
		height: calc(100vh - 60px); top: 59px;
    }
	#z_megamenu__second-level {
		height:98vh;
		height: -moz-calc(100vh - 60px);
		height: -webkit-calc(100vh - 60px);
		height: calc(100vh - 60px); top: /*100px;*/
    }



.z_navigation  { display: none; }
ul.z_megamenu .z_navi_bra1 .menu_inner ul,
ul.z_megamenu .z_navi_bottom1 .menu_inner ul,
ul.z_megamenu .z_navi_other1 .menu_inner ul{ width:auto; display:block; padding: 0; margin: 0; }
.z_sub_nav .z_menu .menu_inner .z_menu_elm{ width:auto!important; display:block;
    background: #F8F6F4;  margin: 0 3% 5px; border-left: none; }
ul.z_megamenu .z_navi_bra1 .menu_inner ,
ul.z_megamenu .z_navi_bottom1 .menu_inner,
ul.z_megamenu .z_navi_other1 .menu_inner,
.z_sub_nav .z_menu .menu_inner{ display: block; }


#z_FooterNavi{ font-size: 100%; background: none; padding: 40px 0 0;  }
#z_FooterNavi .z_wrap { padding: 0;}
#z_FooterNavi .f_info_sp.z_f_navi{ width: 100%; padding: 0; border-top: 1px solid #eee; }
#z_FooterNavi .f_info_sp.z_f_navi li{ width: 100%; line-height: 1.4; margin-bottom: 0px; }
#z_FooterNavi .f_info_sp.z_f_navi li a{ padding: 16px 9%; border-bottom: 1px solid #eee; display: block;  }
#z_FooterNavi .f_info_sp.z_f_navi li span {display: block; position: relative; }
#z_FooterNavi .f_info_sp.z_f_navi li span:before{ position: absolute;content: ""; right: 0px; top: 50%; margin-top: -5px; z-index: 1;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 10.4px;
border-color: transparent transparent transparent #000;
}
.z_f_info { padding: 50px 0 ;}
.z_f_info .z_f_info_navi{ display: none; }


/* INDEX //-------------------*/
#z_indMainInner{ margin: -8% 0 0; overflow: hidden; }
.z_indMain_bnr { margin: 0 -20%;}
.z_indMain_bnr img{ width: 140%; height: auto;}
.z_indMain_sub_bnr { width: 34%; margin-top: -30%;  }
.z_ind_information{ display: block; border-bottom:1px solid #eee;  margin: 10px -6% 60px; padding: 0 6% 30px; }
.z_ind_infoHeadline{ width: auto; }
.z_ind_information .sysContent{ padding: 20px 15px ; width: auto;}
#z_ind_info_more{ width: auto; text-align: center;  }
.z_ind_info_sub{ position:inherit; top:auto; right:auto;  width: auto; text-align: center; }
.z_ind_info_sub span { padding-bottom: 20px; display: inline-block; }

.z_ind_Headline { line-height: 40px; }
.z_ind_Headline_movie img,
.z_ind_Headline img{ max-height: 40px; }
.z_ind_Headline_movie {line-height: 40px;}


}

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


.z_sysFeatureBlock ul { display: block;margin-bottom: 40px;}
.z_sysFeatureBlock ul li{ width:100%; margin: 0 auto 10px; display: block;}
.z_sysFeatureBlock ul li:after { background: none;}
.z_sysFeatureBlock ul li .z_ind_featureImg{ width: 100%; margin: 0 auto; }
.z_sysFeatureBlock ul .z_ind_featureTxtInner{width: 90%; margin-left: 10%; margin-top: -50px; padding: 3% 4.5% 4%; }
.z_sysFeatureBlock ul .z_ind_featureTxt{ min-height:inherit;  }
 /*
.z_sysFeatureBlock ul li{ width: 88%; margin: 0 auto 10px; display: block; }
.z_sysFeatureBlock ul li .z_ind_featureImg{ width: 90%; margin: 0 auto;}
.z_sysFeatureBlock ul .z_ind_featureTxtInner{ width: 70%; margin-left: 30%; margin-top: -50px;}
.z_sysFeatureBlock ul .z_ind_featureTxt{ min-height:inherit;  }
.z_sysFeatureBlock ul .z_ind_featureLink{margin-top: 10px;}
*/

a.z_simple_btn_mini{ padding: 16px 10px; display:block;}

}



@media screen and (max-width: 480px) {
.z_h_info{width:100%;padding:0 5% 0 4%;}
.z_logo{padding-right:10px}
.z_sub_nav li.z_menu .z_gnav{ padding-left:5px!important; padding-right: 20px!important; }
.z_sub_nav li.z_serch .z_gnav{ width:30px; padding-right: 0!important;}

.z_f_page_top {
  right: 5px;
  bottom: 10px;
 }
.z_copy span{ display: none; }
.z_f_service_bn ul{  margin-bottom: 5px; }
.z_f_service_bn li{ border-left: 5px solid #fff; }
.z_f_service_bn li:nth-child(1), .z_f_service_bn li:nth-child(2){ border-bottom: 5px solid #fff; }
.z_f_service_bn li:nth-child(1), .z_f_service_bn li:nth-child(3) { border-left: none;}

/* INDEX //-------------------*/
#z_indMainInner{ margin: 0 0 0; overflow: hidden; }
#z_ind_info_more .z_arw_up { padding-right: 0px;padding-bottom: 15px;}
#z_ind_info_more .z_arw_up:after{ position: absolute;content:''; left: 50%; top: auto; bottom: 0; margin-left: -5px; }
.z_arw_down {padding-right: 0px; padding-bottom: 15px;}
.z_arw_down:after{ position: absolute;content:''; left: 50%; top: auto; bottom: 0; margin-left: -5px;  }

.z_discoverAll_btn a{ padding: 20px; font-size: 4vw; }
.z_discoverAll_btn a.z_arw_right:after{ right: 20px; }
.z_sysItemBlock .sysItemName{ padding: 15px 15px 0; }
.z_sysItemBlock .sysItemPrice{ padding: 8px 15px 0;}
.z_top_weeklyranking .sysIconRank { bottom: -12px; }
.z_top_weeklyranking .sysIconRank img {max-width: 32px !important ; }



}

@media screen and (max-width: 340px) {
.z_h_info .logoh1{width:105px!important;}
.z_logo{ }
.z_sub_nav li.z_menu .z_gnav{ padding-left:0px!important; }
.z_ft_CustomerBlock ul li{ font-size: 13px; }

}





/* ITEM LIST
----------------------------------------------------------------------------------------------*/

/* HACK*/
#categoryfreearea{ margin-left: auto; margin-right: auto; padding-bottom: 40px; padding-bottom: 0px;}
/* HACK*/


.z_list_subtitleInner{ display: flex; justify-content: space-between; padding-bottom: 45px;}
.z_list_subtitleInner.bottom{ padding-top: 80px; padding-bottom: 15px;}
.z_list_subtitle{}
.z_list_subtitle h1, .z_list_subtitle .h1-ttl{ font-size: 1.06em !important; font-weight: bold; display: inline-block; padding: 0; margin: 0; }
.list_pager{ font-family: 'Lato',sans-serif; font-size: 0.87em; }
.list_pager .current, .list_pager strong { color: #000; padding: 0px 7px; }
.list_pager a{ text-decoration: none;padding: 0px 7px;  }
.list_pager .z_next{ padding: 0; margin-left: 14px;}
.list_pager .z_prev{ padding: 0; margin-right: 14px;}


#z_listareaContainer{ display: flex; flex-wrap: wrap; align-items: stretch; }
#z_listareaContainer a{ text-decoration: none; }
.z_listarea { width: 25%;  position: relative; margin-bottom: 40px; }
.z_listarea::after{position:absolute;content:'';width:2px;height:100%;background:#FFF;z-index:1;top:0;left:0}
.cart_in_posi { position: absolute; top: -100px;}
.z_listphoto { position: relative; }
.z_listphoto img{ width: 100%;}
.z_look_cartpage { width: 40px; height: 40px; padding: 11px 10px; box-sizing: border-box;  position: absolute; left: 0; bottom: 0; z-index: 99; background: #FFF; }
.z_listblock { padding: 20px;}
/*.z_listblock h3 {font-size: 15px; line-height: 1.4; font-weight: 400; margin-bottom: 10px; min-height: 2.8em; }*/
#z_listareaContainer .z_listblock h2 {font-size: 15px; line-height: 1.4;  margin-bottom: 10px; min-height: 2.8em; }

/* .z_listcomment {} */

.z_detail_price { color: #000; }
.z_listarea .z_detail_price { margin-right: -5px; }
.z_nomal_price{ color: #ACABAB; display: inline-block; }
.z_listarea .z_nomal_price{ font-size: 92%; }
.z_price{ display: inline-block; }
.z_sale_price {display: inline-block; padding-left: 2px; font-weight: bold; }

/* #z_detailarea{}*/
ul.z_status_icon{ padding: 15px 0; margin-left: -4px; display: flex; flex-wrap: wrap; }
ul.z_status_icon li{ width: calc(100% / 4 - 4px); /*max-width: 90px;*/
    height: 22px; line-height: 22px; overflow: hidden; margin-left: 4px; margin-bottom: 4px; display: inline-block;
background: #F8F6F4; color: #7A7979; color: #333;font-size: 11px; letter-spacing: -0.5px; text-align: center; }
/*.z_subscribe{}*/
.z_in_cart{ padding-top: 15px;}
.z_btn_cartin{display:block;margin:10px 0 0;padding:20px;font-weight:700;color:#000;text-align:center}
.z_btn_cartin img{ margin-left: 10px;}
.z_btn_cartin.submitnotbtn { background: #f7f7f7; border: none !important;}

.fs-c-stockSignLegend {
	margin: 10px 0;
}


@media screen and (max-width: 1180px) {
        ul.z_status_icon li{  font-size: 10px; }
}
@media screen and (min-width: 1081px) {
    #z_listareaContainer .z_listarea:nth-child(4n+1)::after{ width: 0;}
}
@media screen and (min-width:801px) and (max-width: 1080px) {
    #z_listareaContainer .z_listarea:nth-child(3n+1)::after{ width: 0;}
}
@media screen and (max-width: 1080px) {
    .z_listarea { width: 33.33%;}
    /*#container.z_container #undercolumn { width: 95%; margin: 0 auto;}*/
    #z_listareaContainer{ margin-left: -2.5%; margin-right: -2.5% ;}

}
@media screen and (max-width: 800px) {
    .z_list_subtitleInner{ display:block;}
    .z_list_subtitle h1, .z_list_subtitle .h1-ttl{ margin-bottom: 20px;}
        .z_listarea { width: 50%;}
        #z_listareaContainer .z_listarea:nth-child(2n+1)::after{ width: 0;}
        /*.z_listblock h3 {font-size: 13px; }*/
        #z_listareaContainer .z_listblock h2 {font-size: 13px; }
}

@media screen and (max-width: 580px) {
    z_list_subtitle h1, .z_list_subtitle .h1-ttl{ font-size: 13px !important; }
    .z_listblock { padding: 10px 10px 0;}
    ul.z_status_icon {margin-left: 0px; }
    ul.z_status_icon li{
		width: calc(100% / 4 - 3px);
        height: 20px; margin-left: 3px; margin-bottom: 3px; letter-spacing: -0.5px;
		padding-top: 3px;
		line-height: normal;
	}
	ul.z_status_icon li:first-child,ul.z_status_icon li:nth-child(5n) {
		margin-left: 0px;
	}
    .z_in_cart{ padding-top: 5px;}
    .z_btn_cartin {margin: 10px 0 0 0;padding: 15px 0px; font-size: 13px;}
    .z_btn_cartin img{ margin-left: 6px; max-width: 18px;}
}
@media screen and (max-width: 374px) {
    .z_btn_cartin {font-size: 12px;}
    .z_btn_cartin img{ margin-left: 3px;}
}




/* filters */
#filters-triggerContainer{ /*padding-top: 105px; margin-top: -30px;*/ padding-top: 100px; margin-top: -80px;}
#filters-triggerInner{ position: relative; display: flex; justify-content: center; margin: 0px 0 40px; }
#filters-triggerInner::before { content: ""; position: absolute; background: #eee;  top: 50%; left: 0; z-index: 1;
  width: -webkit-calc(50% - 120px); width: calc(50% - 120px);height: 1px;  }
#filters-triggerInner::after { content: ""; position: absolute; background: #eee;  top: 50%; right: 0; z-index: 1;
  width: -webkit-calc(50% - 120px); width: calc(50% - 120px);height: 1px;  }

.filters-trigger,
.filters-trigger-bottom a{ text-decoration: none; position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center;
transition: .7s cubic-bezier(.19,1,.22,1); cursor: pointer; text-align: center;  /*font-family: 'Lato',sans-serif;*/ color: #000; font-size: 0.96em;
border-radius: 25px; width: 140px; height: 50px; line-height: 50px; border: 1px solid rgba(0,0,0,.07);}
.filters-trigger.zactive ,
.filters-trigger:hover{ background: #F8F6F4; }

.filters-trigger-bottomInner{}
.filters-trigger-bottom { display: flex; justify-content: flex-end; }
.filters-trigger-bottom a:hover{ background: #F8F6F4; }


@media screen and (max-width: 1080px) {
    #filters-triggerInner { margin-left: -2.5%; margin-right: -2.5%; }
}
@media screen and (max-width: 600px) {
    #filters-triggerInner { margin-left: -2.5%; margin-right: -2.5%; }
    #filters-triggerInner::before { width: -webkit-calc(50% - 90px); width: calc(50% - 90px);height: 1px;  }
    #filters-triggerInner::after { width: -webkit-calc(50% - 90px); width: calc(50% - 90px);height: 1px;  }
}


#z_list_filtersInner.zactive { margin-bottom: 50px; height: auto;  opacity: 1; -webkit-transition: all .8s cubic-bezier(.19,1,.22,1);  transition: all .8s cubic-bezier(.19,1,.22,1);}
#z_list_filtersInner{ font-size: 0.93em; border-bottom: 1px solid #eee; margin-bottom: 0px; height: 0; overflow: hidden; opacity: 0;
-webkit-transition: all 0.6s;transition: all 0.6s ; }
.z_list_searchArea{ display: flex; justify-content: space-between; flex-wrap: wrap;  }
.z_list_searchArea li.z_search_c1{ width: 25%;}
.z_list_searchArea li.z_search_c2{ width: 50%;}
.z_list_searchArea li.z_search_c3{ width: 25%;}
.z_list_searchArea li dl{ margin-bottom: 50px;}
.z_list_searchArea li dt{ color: #000;  font-family: 'Lato',sans-serif; margin-bottom: 20px; padding-top: 9px;}
.z_list_searchArea li dd label{ display: block; margin-bottom: 6px; }

.z_list_searchArea li.z_search_c2 .z_sizelist { display: flex; flex-wrap: wrap; width: 100%; max-width: 470px; padding-right: 50px; margin-left: -10px; box-sizing:border-box; }
.z_list_searchArea li.z_search_c2 .z_sizelist label{ width: 20%; text-align: center; }

.z_list_searchArea li.z_search_c2 dt{ padding-top: 0;}
.z_list_searchArea li.z_search_c2 .z_select-group{ max-width: 260px;}
.z_list_searchArea li.z_search_c2 .z_sizelist_bra { display: none; }

.srh-btnInner{ display: flex; justify-content: center; padding: 25px 0 75px;  }
.srh-btnInner input { margin: 0 10px; padding: 5px 5px; min-width: 150px; border: none; background: none; -webkit-transition:all .3s; transition:all .3s; }
.srh-btnInner input.srh-btn-reset{ color: #595757; }
.srh-btnInner input.srh-btn-enter{ background: url("../../../../../img/_re18base/common/hd_srh.png")  right 35% no-repeat; background-size: 20px }

.srh-btnInner input:hover { opacity: 0.6;  }


/*SP*/
.srh-btnCloseInner{ border-top: 1px solid #eee; margin-left: -6.5%; margin-right: -6.5%; }
.srh-btnCloseInner .z_close { position: relative; width: 11px; height:11px; margin: 0px auto 0px; padding: 25px 0; cursor: pointer;}
.srh-btnCloseInner .z_close:before,
.srh-btnCloseInner .z_close:after{position:absolute;top:50%;left:0;content:"";display:block;width:12px; border-top:1px solid #000 ;}
.srh-btnCloseInner .z_close:before{transform:skewY(-45deg)}
.srh-btnCloseInner .z_close:after{transform:skewY(45deg)}


@media screen and (max-width: 1380px) {
    #z_list_filtersInner { padding: 0 20px; }
}
@media screen and (max-width: 1080px) {
    #z_list_filtersInner { padding: 0 4%; margin-left: -2.5%; margin-right: -2.5%; }
    .z_list_searchArea li.z_search_c1{ width: 24%;}
    .z_list_searchArea li.z_search_c2{ width: 40%;}
    .z_list_searchArea li.z_search_c3{ width: 26%;}
    .z_list_searchArea li.z_search_c2 .z_sizelist { padding-right: 0px; margin-left: 0px; max-width:none; }

    .z_list_searchArea li.z_search_c2 .z_select-group{ max-width: 260px; max-width: -moz-calc(100% - 65px); max-width: -webkit-calc(100% - 65px); max-width: calc(100% - 65px); }
}

@media screen and (max-width: 600px) {
    #filters-triggerContainer {  padding-top: 70px; margin-top: -60px;}
    #z_list_filtersInner { padding: 0 8%; margin-left: -4.5%; margin-right: -4.5%;}
    .z_list_searchArea li.z_search_c1{ width: 100%;}
    .z_list_searchArea li.z_search_c2{ width: 100%;}
    .z_list_searchArea li.z_search_c3{ width: 100%;}
    .z_list_searchArea li.z_search_c2 .z_sizelist { padding-right: 0px;  }
    .z_list_searchArea li dd li{ margin-bottom: 8px; }
    .z_list_searchArea li:not(.z_search_c2) dt { width: 55px; padding-top: 0;}
    .z_list_searchArea li.z_search_c2 dt span{ width: 55px; }
    .z_list_searchArea li.z_search_c2 .z_select-group{  max-width: -moz-calc(100% - 40px); max-width: -webkit-calc(100% - 40px); max-width: calc(100% - 40px);}
    .z_list_searchArea li.z_search_c3 dl{ display: flex; flex-wrap: wrap; }
    .z_list_searchArea li.z_search_c3 dd{ width: -moz-calc(100% - 55px); width: -webkit-calc(100% - 55px); width: calc(100% - 55px); }
    .z_list_searchArea li.z_search_c3 dl{ margin-bottom: 20px;}
    .srh-btnInner{ padding: 25px 0 25px;  }
    .srh-btnInner input { margin: 0 5px; min-width: 105px;  }
    .srh-btnInner input.srh-btn-enter { min-width: 150px; }
}



/* FORM
----------------------------------------------------------------------------------------------*/


/* MYPAGE */
.z_form-setting {}
.z_form-setting input[type="text"],
.z_form-setting input[type="password"],
.z_form-setting button,
.z_form-setting textarea,
.z_form-setting select { /*margin: 0; padding: 0; font-family : inherit; font-size: 100%; border: none; */  background: none;
    border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 8px 10px; border: 1px solid #ddd; vertical-align:middle; }


@media screen and (max-width:680px) {
    .z_form-setting  input[type="text"].z_input{ width: 100%;}
}


.z_form-setting .z_chkbox { display: none; }
.z_form-setting .z_chkbox-icon {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  padding: 0 0 0 32px;
  cursor: pointer;}

.z_form-setting .z_chkbox-icon:hover:after {
  border-color: #000;
}
.z_form-setting .z_chkbox-icon:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left:0px;
  margin-top: -11px;
  display: block;
  width: 22px;
  height: 22px; box-sizing: border-box;
  border: 1px solid #ccc;
  content: '';
}


.z_form-setting .z_chkbox-icon:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 6px;
  display: block;
  margin-top: -5px;
  border-radius: 5px;
  width: 10px;
  height: 10px;
  background: #333;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.z_form-setting input[type=checkbox]:checked + .z_chkbox-icon:before {
  opacity: 1;
}


.z_form-setting .z_rdo {
  display: none; margin: 10px 0 10px;
}
.z_form-setting .z_rdo-icon {
  display:inline-block;  margin: 10px 0 10px;
}
.z_form-setting .z_rdo + .z_rdo-icon {
  position: relative;
  display: inline-block;
  margin-right: 30px;
  padding-left: 30px;
  cursor: pointer;
}
.z_form-setting .z_rdo + .z_rdo-icon::before {
  position: absolute;
  display: inline-block; box-sizing: border-box;
  left: 0;
  top: 50%; margin-top: -11px;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc; border-radius: 50%;
  content: '';
}
.z_form-setting .z_rdo + .z_rdo-icon::after { -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear;
  position: absolute;
  display: inline-block; box-sizing: border-box;
  left: 0;
  top: 50%; margin-top: -11px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FFF; transform: scale(0.6,0.6);
  content: '';
}
.z_form-setting .z_rdo:checked + .z_rdo-icon::after {
    background: #000;
}
.z_form-setting .z_rdo:disabled + .z_rdo-icon {
  opacity: .3;
  cursor: not-allowed;
}

.z_form-setting .z_slct-group{position:relative;display:inline-block;overflow:hidden;box-sizing:border-box;padding:0 ;vertical-align:middle;background-color:#fff;background-repeat:no-repeat}
.z_form-setting .z_slct{z-index:1;background-color:transparent;background-image:none; padding-right: 25px; }
.z_form-setting .z_slct-group:after{position:absolute;top:-6px;right:10px;bottom:0;width:0;height:0;margin:auto;content:'';border-top:8px solid #000;border-right:5px solid transparent;border-left:5px solid transparent}












/* ITEM */
.z_select-group{position:relative;display:inline-block;overflow:hidden;box-sizing:border-box;width:100%;padding:0;vertical-align:middle;border-bottom:1px solid #eee;background-color:#fff;background-repeat:no-repeat}
.z_select{z-index:1;color:#595757;line-height:1.5;font-size:14px;display:block;box-sizing:border-box;width:100%;max-width:none;padding:8px 30px 8px 10px;border:none;border-radius:0;background-color:transparent;background-image:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.z_select-group:after{position:absolute;top:-6px;right:10px;bottom:0;width:0;height:0;margin:auto;content:'';border-top:8px solid #000;border-right:5px solid transparent;border-left:5px solid transparent}
.z_select option.z_select_init { color: #ACABAB !important; font-family: 'Lato',sans-serif;}

.z_select-group.elmbox{border: 1px solid #eee;}
.z_select-group.elmbox:after {top: 0px; right: 15px;}

.z_checkbox { display: none; }
.z_checkbox + .z_checkbox-icon { position: relative; -webkit-transition:all .2s; transition:all .2s;  cursor: pointer;}
.z_checkbox:checked + .z_checkbox-icon { color: #d14e76; font-weight: bold; }
/*
.z_checkbox + .z_checkbox-icon:before {
  content: ""; position: absolute; width: 0; height: 1px; top:50%; background: #000; opacity: 0; -webkit-transition:all .2s; transition:all .2s;
}
.z_checkbox:checked + .z_checkbox-icon:before {
  width: 100%; opacity: 1;
}
*/
@media screen and (max-width: 580px) {
    .z_select{ padding: 4px 22px 4px 3px; font-size: 11px;}
    .z_select-group:after {right: 7px;}
}


.z_radio {
  display: none;
}
.z_radio + .z_radio-icon { position: relative; -webkit-transition:all .2s; transition:all .2s;  cursor: pointer;}
.z_radio:checked + .z_radio-icon { color: #d14e76; font-weight: bold; }
/*

.z_radio + .z_radio-icon {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  padding-left: 25px;
  cursor: pointer;
}
.z_radio + .z_radio-icon::before {
  position: absolute;
  display: inline-block; box-sizing: border-box;
  left: 0;
  top: 50%; margin-top: -9px;
  width: 16px;
  height: 16px;
  border: 1px solid #ccc; border-radius: 50%;
  content: '';
}
.z_radio + .z_radio-icon::after { -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear;
  position: absolute;
  display: inline-block; box-sizing: border-box;
  left: 0;
  top: 50%; margin-top: -9px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #FFF; transform: scale(0.6,0.6);
  content: '';
}
.z_radio:checked + .z_radio-icon::after {
    background: #d14e76;
}
.z_radio:disabled + .z_radio-icon {
  opacity: .3;
  cursor: not-allowed;
}
*/


/* ITEM DETAIL
----------------------------------------------------------------------------------------------*/
#z_detailContainer{ padding-top: 20px; box-sizing: border-box; }


#z_detailarea_alpha { display: flex; flex-wrap: wrap; justify-content: space-between; }
    #z_detailphotoblock { width: 60%;  }
    .z_detail_slideblock { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
        .z_photo { order: 2; width: 89%; width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: calc(100% - 80px); position: relative; }
            #z_detailItem_slider { position: relative; }
            #z_detailItem_slider li { cursor: pointer;  }
            #z_detailItem_slider li img{-webkit-transition:all .3s; transition:all .3s;}
            #z_detailItem_slider li img:hover { opacity: 0.6; }
            #z_detailItem_slider_sp .slick-slide img,
            #z_detailItem_slider .slick-slide img{ width: 100%; height: auto; }
            .slick-counter{ position: absolute; z-index: 1001; font-size: 14px; color: #7A7979; top: 20px; left: 20px; }
        .z_photo_thumbnail { order: 1; width: 70px; }
        .z_photo_thumbnail li{ box-sizing: border-box;}
            .z_detailItem_slider-nav li{ margin-bottom: 5px;}
            .z_detailItem_slider-nav .slick-current { opacity: 0.4}
            #z_detailItem_slider_sp .slick-slide a{ pointer-events: none;}
            #z_detailItem_slider .slick-slide a{ /*pointer-events: none;*/ }
            .z_detailItem_slider-nav a{ pointer-events: none;}


    .z_btn_favo { position: absolute; right: 15px; top: 15px; width: 60px; z-index: 999;}

    #z_detailpriceblock{ width: 33.3%; }
    #z_detailpriceblock a{ text-decoration: none; }
    /*HACK*/
        .detail_price_wrap { text-align: left; margin-bottom: 15px; position: relative;}
        #z_detailpriceblock #sysItemDetail{width: auto;margin: 0px auto 0; padding: 45px 0 100px;}
        #z_detailpriceblock #sysItemDetail #form1 { width: auto;float: none; }
        #z_detailpriceblock #sysItemDetail select { height: auto; }
        #z_detailpriceblock #sysItemDetail select,
        #z_detailpriceblock #id_quantity select {
            padding: 12px 30px 12px 15px;
            float: none !important;
            width: 100% !important;
            color: #595757;
            font-size: 14px;
            border: none !important;
        }
        #z_detailpriceblock .z_select-group{ margin-bottom: 5px;}
        #z_detailpriceblock ul.z_status_icon li{ max-width: unset;}

        #z_detailpriceblock  #sysItemDetail #sysSubmit a.sysGoCartButton {height: auto !important; background: none ; color: #000; font-weight: 700; text-indent:inherit;}
        .into_cart { display: none; position: absolute; top: 0; left: 0; display:flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #FFF; color: #000; font-weight: 700;text-indent:inherit; text-indent:inherit;}

        /* SLICK */
        .slick-arrow {
            z-index: 9997;
        }
        #z_detailItem_slider_sp .slick-arrow.slick-prev,
        #z_detailItem_slider .slick-arrow.slick-prev {
            left: 0px;
            top: 50%;
            width: 60px;
            height: 60px;
            margin-top: -30px;
            background: url("../../../../../img/_re18base/detail/icn_arw_prev.png") no-repeat center center;
            background-size: 15px auto;
        }
        #z_detailItem_slider_sp .slick-arrow.slick-next,
        #z_detailItem_slider .slick-arrow.slick-next{
            right: 0px;
            top: 50%;
            width: 60px;
            height: 60px;
            margin-top: -30px;
            background: url("../../../../../img/_re18base/detail/icn_arw_next.png") no-repeat center center;
            background-size: 15px auto;
        }
        .z_slickload{
          opacity: 0;
          transition: opacity .3s linear;
        }
        .z_slickload.slick-initialized{
          opacity: 1;
        }
    /*HACK*/
    #z_detailpriceblock h1{font-weight: normal; line-height: 1.5; margin: 15px 0; color: #000; }
    #z_detailpriceblock .z_price{ font-size: 1.33em; }
    #z_detailpriceblock .z_sale_price { font-weight: normal;  }
    #z_detailpriceblock .z_sale_price .mini{ font-weight: normal; padding-left: 5px; color: #595757;  }

        #z_detailpriceblock .z_btn_cartin{ border: 1px solid #000; }

        #z_detailpriceblock .z_detail_infolist{ padding: 30px 0 15px;}
            #z_detailpriceblock .z_detail_infolist li{ margin-bottom: 15px; }

        #z_product_add_info{font-size: 14px; }
            #z_product_add_info a.z_btn_product_size{ line-height: 1;  border: 1px solid #eee; padding: 24px 10px; text-align: center; display: block; }
                #z_product_add_info a.z_btn_product_size img{ margin-right: 10px;}
            #z_product_add_info ul{ display: flex; flex-wrap: wrap; padding-top: 30px; }
            #z_product_add_info ul li{ width: 33.33%; text-align: center; position: relative; font-size: 13px; }
            #z_product_add_info ul li::before{ position:absolute; top: 5%; height: 90%;width:1px;background:#eee;display:block;content:'';}
            #z_product_add_info ul li:first-child::before{ display: none;}
            #z_product_add_info ul li span{ display: block;}
                #z_product_add_info  .z_btn_restock{}
                #z_product_add_info  .z_btn_return{}
                #z_product_add_info  .z_btn_wrapping{}



#z_detailarea_beta{ padding: 15px 80px; }
  .z_item_info { margin-bottom: 100px;}
    /*HACK*/
    dl#detail{border-bottom:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee;background:none;margin-bottom:40px;margin-top:40px;font-size:13px}
    dl#detail dt{float:left;clear:left;width:150px;font-weight:400;background:none;border-top:1px solid #eee;padding:14px 10px 14px 25px;text-align:left;color:#000}
    dl#detail dd{background:none;border-top:1px solid #ECECEC;margin-left:150px;padding:14px 20px 14px 0;text-align:left}
    dl#detail2{border:none;background-color:#F8F6F4;margin-bottom:40px;font-size:13px}
    dl#detail2 dt{float:left;clear:left;width:150px;font-weight:400;background:none;border-top:none;padding:19px 10px 14px 25px;text-align:left;color:#000; position: relative; }
    dl#detail2 dd{background:none;border-top:none;margin-left:150px;padding:19px 20px 14px 0;position: relative; }
    dl#detail2 dt::before,dl#detail2 dd::before{position:absolute; top:0; left: 0; height: 5px;width:100%;background:#FFF;display:block;content:'';}
    .sysReviewHistoryList{}
    .sysReviewHistoryList li{ margin-bottom: 50px;}
    .sysEvaluation{}
    .sysNickname{ margin-bottom: 5px; }
    .sysReviewText{ font-size: 13px; margin-bottom: 5px; }
    .sysReviewDatetime{font-size: 13px; color: #ACABAB; }
    /*HACK*/
    .z_customervoicearea{ display: flex; flex-wrap: wrap; justify-content: space-between; flex-wrap: wrap; }
       .z_customervoicearea .z_customervoice-ttl{ width: 25%; }
       .z_customervoicearea .z_customervoice-list{ width: 72.5%; padding-top: 10px; padding-bottom: 100px; }

    h2.z_detail_subttl { padding: 40px 0 20px; margin-bottom: 0px; line-height: 1; position: relative; -webkit-transition:all .3s; transition:all .3s; }
    h2.z_detail_subttl::before{position:absolute; top:0px; left: 0px; height: 1px;width:50px;background:#eee;display:block;content:'';}

    /*HACK*/
    #z_whoboughtarea{}
    #z_producthistory{}
    #z_producthistory .history_item img {width: 100%; height: auto;}
    #z_whoboughtarea a,
    #z_producthistory a{ text-decoration: none;}
    #z_whoboughtarea .whobought_item,
    #z_producthistory .history_item{
        position: relative; vertical-align: top; display: inline-block;
        padding: 0 0px;
        font-size: 1em;
        margin-bottom: 70px;
    }
    #z_whoboughtarea .whobought_item::after,
    #z_producthistory .history_item ::after
    {
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    background: #fff;
    z-index: 1;
    top: 0;
    left: 0;
    }
    /*HACK*/



@media screen and (max-width: 1380px) {
    #z_detailContainer{ padding: 20px 20px 0; }
}
@media screen and (max-width: 1300px) {
    h2.z_detail_subttl{ margin-left: 25px; }
}
@media screen and (max-width: 1080px) {
    #z_detailContainer{ padding: 20px 0px 0; }
    #z_detailpriceblock{ width: 35%; }
    .z_photo { width: -moz-calc(100% - 70px); width: -webkit-calc(100% - 70px); width: calc(100% - 70px);  }
    .z_photo_thumbnail { order: 1; width: 60px;}

    #z_product_add_info a.z_btn_product_size{ padding: 20px 10px;  }

    h2.z_detail_subttl{ margin-left: 0px; }
    #z_producthistory .item_img,
    .whoboughtblock { margin-left: -2.5%; margin-right: -2.5%;}


}
@media screen and (min-width:801px) and (max-width: 1080px) {
    #z_whoboughtarea .whobought_item:nth-child(3n+1)::after,
    #z_producthistory .history_item:nth-child(3n+1)::after{ width: 0;}
}
@media screen and (max-width: 800px) {
    #z_whoboughtarea .whobought_item:nth-child(2n+1)::after,
    #z_producthistory .history_item:nth-child(2n+1)::after{ width: 0;}
}
@media screen and (max-width: 960px) {
    #z_detailphotoblock { width: 59%;  }
    #z_detailpriceblock{ width: 36%; }
    .z_photo { order: 1; width: 100%;  }
    .z_photo_thumbnail { order: 2; width: 100%; margin-top: 20px;}
    .z_photo_thumbnail li { padding: 0 2px 2px;}

    #z_detailarea_beta{ padding: 0 0px; }
    #z_detailarea_beta{ padding: 10px 2.5%; }
}


@media screen and (min-width: 769px) {
    .z_mode_pc { display:block;}
    .z_mode_sp { display: none ;}
    .z_customervoicearea .z_customervoice-list{ display:block !important; }
    .z_btn_grid_pc{ position: absolute; left: 15px; bottom: 15px; width: 44px; z-index: 999; padding: 0px 0px; background:rgba(0,0,0,0.15); border-radius: 6px;}
}

@media screen and (max-width: 768px) {
    .z_mode_pc { display: none ;}
    .z_mode_sp { display:block;}
    .z_btn_favo { right: -2px; top: 0px; width: 40px; }
    .z_btn_grid{ position: absolute; left: 5px; bottom: 5px; width: 44px; z-index: 999; padding: 10px 10px; background:rgba(0,0,0,0.15); border-radius: 6px;}
    .slick-counter{  font-size: 11px; top: calc(100% - 30px); left: calc(50% - 35px);  text-align: center; width: 70px; display: inline-block; color: #fff; background:rgba(0,0,0,0.15); border-radius: 6px;}
    .slick-counter_sp{  font-size: 11px; color: #7A7979; padding-top: 20px; }

        /* SLICK */
        #z_detailItem_slider_sp .slick-arrow.slick-prev,
        #z_detailItem_slider .slick-arrow.slick-prev {
            left: -12px; background-size: 10px auto;
        }
        #z_detailItem_slider_sp .slick-arrow.slick-next,
        #z_detailItem_slider .slick-arrow.slick-next {
            right: -12px; background-size: 10px auto;
        }
        #z_detailItem_slider_sp .slick-arrow.slick-prev{ top:auto; bottom: -20px; margin-top: 0px; left: 0px;}
        #z_detailItem_slider_sp .slick-arrow.slick-next{ top:auto; bottom: -20px; margin-top: 0px; right: 0px; }


        .z_detailItem_slider-nav{ display: none; }
        #z_detailItem_slider li { pointer-events: none; opacity: 1 ; }



    #z_detailContainer { padding-top: 0; }
    #z_detailarea_alpha { display: block; padding: 0; }
    #z_detailarea_beta{ padding: 10px 2.5%; }
    #z_detailphotoblock,
    #z_detailpriceblock { width: auto; }
    #z_detailphotoblock { margin-left: 0%; margin-right: 0%; }
    #z_detailpriceblock h1{ margin: 10px 0; }
    .detail_price_wrap { margin-bottom: 5px; }

    h2.z_detail_subttl{ margin-left: 2.5%; padding: 60px 0 10px; }
    h2.z_detail_subttl.ttl_relateditems { padding-top: 30px;}
    h2.z_detail_subttl::before{ display: none; }

    #z_detailpriceblock #sysItemDetail{padding: 25px 0 30px;}
    #z_detailpriceblock .z_btn_cartin {padding: 20px 0px;}
    #z_product_add_info ul{  padding-top: 20px; }
    #z_product_add_info ul li {font-size: 11px; }
    #z_product_add_info ul li img{ margin-bottom: 2px;}

    dl#detail{margin-bottom:30px;margin-top:40px;font-size:12px; line-height: 1.8; }
    dl#detail dt{width:114px;padding:9px 2px 9px 12px; }
    dl#detail dd{margin-left:114px;padding:9px 12px 9px 0px;}
    dl#detail2{margin-bottom:30px;font-size:12px; line-height: 1.4; }
    dl#detail2 dt{width:114px; padding:12px 2px 9px 12px;}
    dl#detail2 dd{margin-left:114px;padding:12px 12px 9px 0; }
    dl#detail2 dt::before,dl#detail2 dd::before{height: 3px;}

    .z_item_info { margin-bottom: 50px;}
    .z_ttl_description{ padding:30px 0 20px; position: relative; line-height: 1;}
    .z_ttl_description::before{position:absolute; top: 0; left: -5%; height: 1px;width:100vw;background:#eee;display:block;content:'';}
    .z_ttl_description img{ max-height: 32px;width: auto;  vertical-align: middle;}
    .z_customervoicearea{ display:block; position: relative; }
    .z_customervoicearea::before{ position:absolute; bottom: 0; left: -5%; height: 1px;width:100vw;background:#eee;display:block;content:'';}
           .z_customervoicearea .z_customervoice-ttl{ width: auto;margin: 0; padding: 30px 0; position: relative;}
           .z_customervoicearea .z_customervoice-ttl::before{ position:absolute; top: 0; left: -5%; height: 1px;width:100vw;background:#eee;display:block;content:'';}
           .z_customervoicearea .z_customervoice-ttl h3{ display: inline-block; margin: 0; padding: 0; padding-right: 10px; }
           .z_customervoicearea .z_customervoice-ttl img{ max-height: 35px; width: auto; vertical-align: middle; }
                .z_Reviewsubttl{display: inline-block; }
                .z_Reviewsubttl .elm01{ display: none;  }
           /* HACK */
            #z_detailpriceblock ul.z_status_icon li{ max-width: unset;}
           .z_customervoicearea .z_customervoice-ttl .accordion_icon {
                top: 50%;
                width: 40px;
                height: 30px;
                right: 0%;
                margin-top: -15px;
            }
           /* HACK */
           .z_customervoicearea .z_customervoice-list{ width: auto; padding-top: 0px; display: none; padding-bottom: 50px;}

        #z_whoboughtarea .whobought_item,
        #z_producthistory .history_item{
            margin-bottom: 10px;
        }



}




/* PC MODAL SLIDE */


.z_photo_modalpc{ padding:  0px 60px 20px; }
.z_photo_modalpc a{ pointer-events: none;}
#z_detailItem_slider_modalpc { }

.z_photo_thumbnail_modalpc{ padding: 0 10px;}
.z_photo_thumbnail_modalpc a{}
.z_detailItem_slider_modalpc-nav{ display: flex; flex-wrap: wrap; margin-left: -10px; }
.z_detailItem_slider_modalpc-nav li{ width: -webkit-calc(10% - 10px) !important; width: calc(10% - 10px) !important; border: none; margin-left: 10px; margin-bottom: 10px; }



    /* HACK */
        /* SLICK */
        .slick-arrow {
            z-index: 9997;
        }
        #z_detailItem_slider_modalpc .slick-arrow.slick-prev {
            left: -65px;
            top: 50%;
            width: 60px;
            height: 60px;
            margin-top: -30px;
            background: url("../../../../../img/_re18base/detail/icn_arw_prev.png") no-repeat center center;
            background-size: 15px auto;
        }
        #z_detailItem_slider_modalpc .slick-arrow.slick-next{
            right: -65px;
            top: 50%;
            width: 60px;
            height: 60px;
            margin-top: -30px;
            background: url("../../../../../img/_re18base/detail/icn_arw_next.png") no-repeat center center;
            background-size: 15px auto;
        }
        #z_detailItem_slider_modalpc .slick-slide img{ width: 100%; height: auto;}

        /* remodal */
        .remodal.item_remodal_pc li a { padding: 0px; text-decoration: none; border-bottom: none; background: none; }
            .remodal.item_remodal_pc {
                max-width: 780px; height: auto;
            }
            .remodal.item_remodal_pc .remodal-close{
                display: block;
                width: 44px;
                height: 33px;
                border: none;
                margin: 0 5px 10px auto;
                background:#fff;
                font-size: 44px;
                line-height: 33px;
            }
            .remodal.item_remodal_pc .remodal-close:hover{
                opacity: 0.7;
            }
            .remodal.item_remodal_pc .remodal-close:focus{
                outline: none;
            }
        @media screen and (max-width: 600px) {
            .remodal.item_remodal_pc .remodal-close { margin: 0; color: #444; width: 40px; font-size: 40px;}
        }
    /* HACK */



/* SP SLIDE */
.z_detailItem_sp { display: flex; flex-wrap: wrap; margin-left: -10px; }
.z_detailItem_sp li{ width: -webkit-calc(25% - 10px) !important; width: calc(25% - 10px) !important; border: none; margin-left: 10px; margin-bottom: 10px; }

#item_modal_slide{position:fixed;background:#fff;z-index:10001;top:0;right:0;bottom:0;left:0;display:none;overflow:auto;text-align:center; overflow: hidden;}
.item_modalslide-close { margin: 0; color: #444; font-size: 40px; width: 40px;height: 33px; line-height: 33px;
line-height:33px;background:transparent;position:fixed;right:10px;top:10px;z-index:10002;display:block;border:none}
.z_photo_sp{padding-top: 60px;}

    /* HACK */
    .remodal ul.z_detailItem_sp li a { padding: 0px; text-decoration: none; border-bottom: none;background: none;}
        .remodal.item_remodal {
            max-width: 100%; margin: 0;
            height:auto; min-height:100%;
            position: relative;
        }
        .remodal.item_remodal .z_photo_thumbnail{
            overflow-x: auto;
            overflow-y: hidden;
            width:100%;
        }
        .remodal.item_remodal .z_photo_thumbnail::-webkit-scrollbar {
            display: none;
            height: 0 !important;
        }
    @media screen and (max-width: 600px) {
        .z_detailItem_sp { padding-top: 40px;}
        .remodal.item_remodal .remodal-close { margin: 0; color: #444; width: 40px;font-size: 40px;}
    }

    /* HACK */




/* REMODAL */
.z_remodal_close {margin: 0px auto 0; position: relative; padding-left: 20px; display: inline-block; font-size: 13px; cursor: pointer;  -webkit-transition:all .3s; transition:all .3s; border:none; background: none; color: #595757;}
.z_remodal_close:hover{ opacity: 0.6;}
.z_remodal_close::before,
.z_remodal_close::after {
    position: absolute;
    top: 49%;
    left: 0;
    content: "";
    display: block;
    width: 12px;
    border-top: 1px solid #000;
}
.z_remodal_close::after { transform: skewY(45deg);}
.z_remodal_close::before { transform: skewY(-45deg);}



/* LITY MODAL */
.lity-close{ position: relative !important; left: -webkit-calc(100% - 30px) ; left: calc(100% - 30px) ;  bottom: auto; right: 0px; top:-10px !important; display: none; }
.z_lityContainer{ width: 800px; background: #fff; padding: 50px; box-sizing: border-box;}
.z_lityContainer dt,
.z_lityContainer .z_conttl{ font-size: 20px; line-height: 1.5;  font-weight: bold; margin-bottom: 25px; }
.z_lityContainer dd{}
.z_lityContainer dd p,
.z_lityContainer .z_con_box p{ margin-bottom: 25px;}
.z_lityContainer .z_con_box{ display: flex; flex-wrap: wrap; justify-content: space-between;}
    .z_lityContainer .z_con_box .z_fl_l{ width: -webkit-calc(100% - 220px); width: calc(100% - 220px) ;}
    .z_lityContainer .z_con_box .z_fl_r{ width: 180px; }

#z_con_restock .z_lityContainer a.z_simple_btn_mini,
#z_con_return .z_lityContainer a.z_simple_btn_mini{ margin: 0 auto; }


.z_lity_close { margin: 25px auto 0; position: relative; padding-left: 20px; display: inline-block; font-size: 13px; cursor: pointer;  -webkit-transition:all .3s; transition:all .3s; border:none; background: none; color: #595757; }
.z_lity_close:hover{ opacity: 0.6;}
.z_lity_close::before,
.z_lity_close::after {
    position: absolute;
    top: 49%;
    left: 0;
    content: "";
    display: block;
    width: 12px;
    border-top: 1px solid #000;
}
.z_lity_close::after { transform: skewY(45deg);}
.z_lity_close::before { transform: skewY(-45deg);}


.z_modal-cmt{ background: #fff; padding: 20px 25px;}

    @media screen and (max-width: 900px) {
        .lity-close{ left: -webkit-calc(94vw - 30px) ; left: calc(94vw - 30px) ; }
        .z_lityContainer { width: 88vw; margin: 0 6vw;}
    }


    @media screen and (max-width: 600px) {
        .lity-close{  top:0px !important;}
        .z_lityContainer{ padding: 25px 20px; }
        .z_lityContainer dt,
        .z_lityContainer .z_conttl{ font-size: 18px;  margin-bottom: 10px; }
        .z_lityContainer .z_con_box .z_fl_l{ width: 100%; order: 2;  }
        .z_lityContainer .z_con_box .z_fl_r{ width: 100%; order: 1; margin-bottom: 10px; text-align: center;}
    }




/* MYPAGE
----------------------------------------------------------------------------------------------*/





/* LOGIN
==========================================================*/
#z_under02column_login{ padding-top: 20px;}
#z_under02column_login h1.title{ margin-bottom: 40px;}
.z_login_readtxt{ margin: 0px auto 50px; text-align:center; }
.z_loginarea{border: 1px solid #eee; padding: 55px 65px;}
.z_login_cap{display:inline-block; height: 45px; vertical-align: middle; width:185px; font-size: 1.06em;}
#z_under02column_login .z_savechk{ margin-left: 185px; margin-bottom: 25px; padding-top: 3px; }
.z_login_txt02{ margin-left: 185px; margin-bottom: 25px;font-size: 0.93em; padding-top: 6px;}

.z_loginarea { margin-bottom: 60px;}
.z_loginarea input[type="text"],
.z_loginarea input[type="password"]{ -webkit-width: calc(100% - 185px); width: calc(100% - 185px); margin-bottom: 10px; }


.z_tblareabtn{ text-align: center;}
.z_submitbtnlogin {
  display: inline-block;
  width: 100%;
  max-width: 400px;
  height: 60px;
  padding: 0 10px;
  margin: 10px auto 0;
  font-size: 1.125em;
  text-align: center;
  line-height: 60px;
  outline: medium none;
  text-decoration: none;
  -moz-appearance: none;
  background: #fff;
  border: 1px solid #000;
  border-radius: 0;
  cursor: pointer; -webkit-transition:all .3s; transition:all .3s;
}
.z_loginarea03 .z_submitbtnlogin{height: 80px; line-height: 80px; font-size: 1.2em; color: #000;}
.z_submitbtnlogin:hover { color: #fff;  background: #000; }




.z_loginarea02 { text-align: center; padding: 55px 20px; }
.z_loginarea-ttl{ font-size: 1.06em; color: #000; margin-bottom: 30px; font-weight: normal; }
.z_loginarea-ttl span{font-size: 0.86em;color: #474545; }
    .z_login_dummycard{ margin-bottom: 30px;}

.z_loginarea03 {text-align: center; padding: 10px; }
    .z_loginarea03 .z_loginareaInner{ background: #F8F6F4;  padding: 50px 30px 30px; }
    .z_login_entry{ margin-bottom: 50px;}
    .z_login_tokuten { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 5px;}
    .z_login_tokuten li{ -webkit-width: calc(33.33% - 2px); width: calc(33.33% - 2px); background: #fff; margin-bottom: 4px; padding: 8px; }



@media screen and (max-width: 800px) {
    .z_login_cap{ width:130px; }
    #z_under02column_login .z_savechk,
    .z_login_txt02{ margin-left: 130px; }
    .z_loginarea input[type="text"],
    .z_loginarea input[type="password"]{ -webkit-width: calc(100% - 130px); width: calc(100% - 130px); }

}

@media screen and (max-width: 600px) {
#z_under02column_login h1.title{ margin-bottom: 20px;}
    #z_under02column_login h1.title img{max-height: 28px;max-height: 23px; width: auto; }
.z_login_readtxt{ margin: 0px auto 25px; text-align:left; }
    .z_loginarea,
    .z_loginarea02{ padding: 30px 20px;}
    .z_loginarea03{ padding: 5px;}

.z_login_cap{display:block; height: auto; width:auto; margin-bottom: 5px; }
#z_under02column_login .z_savechk{ margin-left: 0;}
.z_login_txt02{ margin-left: 0px; }

.z_loginarea { margin-bottom: 30px;}
.z_loginarea input[type="text"],
.z_loginarea input[type="password"]{ width: 100%; }

.z_loginarea-ttl{ font-size: 1em; }
.z_loginarea-ttl span{font-size: 0.86em; color: #474545; display: block;}

    .z_loginarea03 .z_loginareaInner{ background: #F8F6F4;  padding: 30px 20px 20px; }
    .z_login_entry{ margin-bottom: 30px;}
    .z_login_tokuten { display: block;}
    .z_login_tokuten li{ width: auto; margin-bottom: 2px; padding: 8px; }

}
@media screen and (max-width: 350px) {
.z_loginarea-ttl{ font-size: 0.88em; letter-spacing: normal;}
}


/* forgot
-------------------*/
.z_forgotbox{ background: #f7f7f7; padding: 4%; text-align: center; font-size: 1.2em; color: #000; }
.z_forgotbox p{ margin: 0; padding: 0; line-height: 1;}

@media screen and (max-width: 600px) {
    .z_forgotbox { padding: 7% 4%;  }
}


/* MYPAGE COMMON
-------------------*/

@media screen and (max-width: 600px) {
.pc-c_sp-c { text-align: center !important;}
}

.z_submitbtn {
  display: inline-block;
  width: 100%;
  max-width: 300px;
  height: 58px;
  padding: 0 10px;
  margin: 0px 5px 10px;
  font-size: 1em;
  text-align: center;
  line-height: 58px;
  outline: medium none;
  text-decoration: none;
  -moz-appearance: none;
  background: #fff; color: #595757;
  border: 1px solid #ddd;  text-align: center;
  border-radius: 0;
  cursor: pointer; -webkit-transition:all .3s; transition:all .3s;
}
.z_submitbtn:hover { color: #fff;  background: #000; }

.mypg_underbtn{ padding-top: 60px; text-align: center; }

@media screen and (max-width: 600px) {
    .mypg_underbtn{  display: flex; flex-wrap: wrap;justify-content: center; }
    .mypg_underbtn ul{ width: 100%;}
    .mypg_underbtn .z_submitbtn { order: 1; }
    .mypg_underbtn .z_submit_cancel { order: 2; }
}

a.mypg_btn {  background: #fff; display:inline-block; text-decoration: none; -webkit-transition:all .3s; transition:all .3s;  }
a.mypg_btn:hover { color: #fff; background: #999; background: #000; }
a.mypg_btn_detail{ width: 60px; padding: 5px 0px; border: 1px solid #ddd; }
a.mypg_btn_detail:hover { background: #999; background: #000; }
a.mypg_btn_detail_bl{ width: 60px; padding: 5px 0px; color: #fff;  background: #000; border: 1px solid #000; }
a.mypg_btn_detail_bl:hover { background: #999; border: 1px solid #999;  }
a.mypg_btn_viewall { width: 90px; background: #F8F6F4;  padding: 5px 0px;  text-align: center; border: 1px solid #ddd;
font-size: 13px; font-family: 'Montserrat',sans-serif; letter-spacing: normal; font-weight: 300; }
a.mypg_btn_viewall:hover { color: #fff; background: #000; }
a.mypg_btn_200{ width: 100%;  max-width:200px; padding: 10px 0px; background: #F8F6F4;  text-align: center; border: 1px solid #ddd; }
a.mypg_btn_200:hover { color: #fff; background: #000; }



#z_mynavArea { padding-top: 130px;}
#z_mynavArea.none{ padding-top: 0; }
#z_mynavArea ul{ display: flex; flex-wrap: wrap; justify-content: space-between; border-left: 1px solid #ddd; border-top: 1px solid #ddd ; }
#z_mynavArea li{ width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd ; }
#z_mynavArea li a{ text-decoration: none; display: block; line-height: 60px; padding: 50px 20px 50px 40px;
    -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all .3s; transition:all .3s;  }
#z_mynavArea li a img{ padding-right: 15px; vertical-align: middle; -webkit-transition:all .3s; transition:all .3s; }
#z_mynavArea li a:hover { background: #f9f9f9;}
#z_mynavArea li a:hover img{-webkit-transform: translate(0%, -5px); transform: translate(0%, -5px); }

#z_mypagecolumn .z_titleInner{ padding-top: 30px ; padding-bottom: 40px ; display: flex; justify-content: space-between;  flex-wrap: wrap; align-items: center; }
#z_mypagecolumn .z_titleInner .title { width: 180px; width: 124px;}
.mypg_hd_name { /*-webkit-width: calc(100% - 690px);  width: calc(100% - 690px); */
    -webkit-width: calc(100% - 740px);  width: calc(100% - 740px);
    text-align: center; padding: 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.mypg_hd_point { width: 250px; }
.mypg_hd_point span{padding-left: 20px; font-size: 1.13em; font-weight: bold; color: #000; }
.mypg_hd_limit { width: 250px; text-align: right;}
.mypg_hd_limit span{ padding-left: 20px; font-size: 1.13em; font-weight: bold; color: #000; }


h1.mypg_ttl, .mypg_ttl{  font-size: 1.2em !important; font-weight: normal; text-align: center; margin-bottom: 35px;color: #000; }
.mypg_readtxt{ font-size: 0.88em; margin-bottom: 1em; }
.mypg_readtxt_count{ text-align:center; margin-bottom: 35px;}
.mypg_read_line { border-bottom: 1px solid #ddd; padding-bottom: 35px; }
.mypg_over_line { border-top: 1px solid #ddd; padding-top: 50px; }
.mypg_btm_100 { margin-bottom: 100px; }
.mypg_btm_50 { margin-bottom: 50px; }


@media screen and (max-width: 1250px) {
    #z_mynavArea li a{ padding: 50px 10px 50px 25px; }
}


@media screen and (max-width: 1080px) {
    .mypg_hd_name { -webkit-width: calc(100% - 610px);  width: calc(100% - 610px); }
    .mypg_hd_point { width: 205px; }
    .mypg_hd_limit { width: 215px; }
    .mypg_hd_point span,
    .mypg_hd_limit span{ padding-left: 16px;}
    #z_mynavArea li a{ padding: 40px 10px 40px 15px; }
    #z_mynavArea li a img{ padding-right: 10px; }
}

@media screen and (max-width: 960px) {
    #z_mypagecolumn .z_titleInner{ justify-content: flex-start;  }
    .mypg_hd_name { -webkit-width: calc(100% - 180px);  width: calc(100% - 180px);  text-align: left;}
    .mypg_hd_point { padding-top: 16px; width: 210px;  text-align: left; }
    .mypg_hd_limit { padding-top: 16px; text-align: left; }
    #z_mynavArea li a { padding: 30px 5px ; line-height: 1.4;  text-align: center;}
    #z_mynavArea li a span{ display: block; }
    #z_mynavArea li a img{ padding-right: 0px; margin-bottom: 10px;}
}
@media screen and (max-width: 600px) {
    #z_mypagecolumn .z_titleInner{ padding-top: 15px ; padding-bottom: 30px ;  }
    #z_mypagecolumn .z_titleInner .title { width: 96px; width: 93px; }
    .mypg_hd_name { -webkit-width: calc(100% - 96px);  width: calc(100% - 96px); padding: 0 20px; }
    #z_mypagecolumn .title img{ max-height: 26px; width: auto; }
    .mypg_hd_point { padding-top: 8px; width: 100%; }
    .mypg_hd_limit { padding-top: 4px; width: 100%; }
    .mypg_hd_point span, .mypg_hd_limit span{ padding-left: 30px;}

    h1.mypg_ttl, .mypg_ttl{  margin-bottom: 20px;  }
    .mypg_readtxt_count{ margin-bottom: 15px; text-align: left;}
    .mypg_readtxt_count br{ display: none;}
    .mypg_btm_100 { margin-bottom: 50px; }

    #z_mynavArea { padding-top: 60px; margin: 0 -5% 0;}
    #z_mynavArea ul{ }
    #z_mynavArea li{ width:50%; }
    #z_mynavArea li a img{ max-width: 30%;margin-bottom: 6px;}
}


.z_form-setting table {
    margin: 15px auto 0 auto;
    border-collapse: collapse;
    border-top: none;
    font-size: 0.86em;
    text-align: left; width: 100%;
}
.z_form-setting table th {
  padding: 20px 25px;
  border-bottom: 1px solid #ddd;
  font-weight: normal;
  width: auto;
  max-width: auto; color: #000;
}

.z_form-setting table td {
  padding: 20px 25px;
  border-bottom: 1px solid #ddd;
}






/* MYPAGE LIST
-------------------*/


.z_form-setting table.mypage-list th{text-align: center; background: #FFF;}
.z_form-setting table.mypage-list td{text-align: center;}
.z_form-setting table.mypage-list th:nth-child(1),
.z_form-setting table.mypage-list td:nth-child(1){ padding-left: 50px; text-align: left; }
.z_form-setting table.mypage-list th.mypgdetailth{ padding: 20px 50px;}

.z_form-setting table.mypage-list tr:nth-child(odd) {background: #FAFAFA;}


@media screen and (max-width: 1000px) {
    .z_form-setting table.mypage-list { margin-left: -3%; margin-right: -3%; width: 106%; }
    .z_form-setting table th ,
    .z_form-setting table td {padding: 20px 15px;}
    .z_form-setting table.mypage-list td:nth-child(1){ padding-left: 15px; text-align: left; }
    .z_form-setting table.mypage-list th.mypgdetailth{ padding: 20px 30px 20px 15px}
}

@media screen and (max-width: 800px) {
    .z_form-setting table.mypage-list td.mypg-list-store{ width: 32%;}
}


@media screen and (max-width: 600px) {
/*スマホマイページ購入履歴*/
    .z_form-setting table.mypage-list { margin-left: -4%; margin-right: -4%; width: 108%; border-top: 1px solid #ddd;}
	.z_form-setting table tr.history_unit{
		display:flex; flex-wrap: wrap;
		width: 100%;
		border-bottom: 1px solid #ddd;
		margin:0;
		padding: 0 ;
	}
	.z_form-setting table.mypage-list tbody{
		width: 100%;
		display: block;
	}
	.z_form-setting table.mypage-list td{
		display: block;
		width: 100% !important;
		border: none; text-align: left;
		padding: 0px 4% 2px !important; /*background: #FAFAFA;*/
	}
    .z_form-setting table.mypage-list td.mypg-list-no{order: 1; padding-top: 5% !important;}
    .z_form-setting table.mypage-list td.pricetd{/*padding-bottom: 5% !important;*/}
    .z_form-setting table.mypage-list td{ order: 2;}
    .z_form-setting table.mypage-list td.mypgdetailtd { /*background: #fff;*/
        padding: 6% 4% !important;}
	.z_form-setting table.mypage-list td.mypgdetailtd a{
		display: block; margin: 0px auto 0px;
		padding: 8px; width: 100%; max-width: 200px; text-align: center;
	}
    .z_form-setting table.mypage-list tr:nth-child(odd) {background: #FAFAFA;}
}

.mypg_itembox{ display: flex; flex-wrap: wrap; justify-content: space-between; text-align: left; }
.mypg_itembox_img{ width: 150px;}
.mypg_itembox_txt{ -webkit-width: calc(100% - 180px);  width: calc(100% - 180px);  }
.mypg_itembox_txt ul{ line-height: 1.46; }
.mypg_itembox_txt li{ margin-bottom: 6px;}
.mypg_itembox_txt li .mypg_item_small{ font-size: 0.86em; letter-spacing:normal;}

table.mypage-list .mypg_itembox {margin-bottom: 6%; }

@media screen and (max-width: 400px) {
    .mypg_itembox_img{ width: 40%;}
    .mypg_itembox_txt{ width: 53.5%;}
}



/* MYPAGE DETAIL
-------------------*/
.z_form-setting table.mypage-detailhead { margin-bottom: 60px;}
.z_form-setting table.mypage-detailhead th{ text-align: center; border: 1px solid #ddd; }
.z_form-setting table.mypage-detailhead td{ text-align: center; border: 1px solid #ddd; }
.z_form-setting table.mypage-detailhead td:nth-child(2){ width: 26%;}

.z_form-setting table.mypage-detail { margin-bottom: 60px;}
.z_form-setting table.mypage-detail th{  }
.z_form-setting table.mypage-detail tr:last-child td{ border-bottom: none !important;  }
.z_form-setting table.mypage-detail th:nth-child(1){ text-align: left; width: 55%; }
.z_form-setting table.mypage-detail td .mypg_itembox{ align-items: center; }


.mypg_detailcancel_box{ text-align: right; margin-bottom: 60px; }
.mypg_detailcancel_box .z_submitbtn {
  background: #000; color: #FFF; border: 1px solid #000;
}
.mypg_detailcancel_box .z_submitbtn:hover,
.z_submit_cancel:hover{  background: #999; border: 1px solid #ddd;  }




@media screen and (max-width: 1080px) {
.z_form-setting table.mypage-detail th:nth-child(1){ width: 62%; }
}


@media screen and (min-width: 901px) {
table.mypage-detailhead { }
.mypage-detailhead-sp { display: none; }
}
@media screen and (max-width: 900px) {
table.mypage-detailhead { display: none; }
.mypage-detailhead-sp { padding: 30px 10px; border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;display:block; margin-bottom: 60px; }
.z_form-setting table.mypage-detail th:nth-child(1){ width: 52.5%; }
}

@media screen and (max-width: 600px) {
    .mypage-detailhead-sp {margin-left: -4%; margin-right: -4%; width: 108%; padding:25px 4%; box-sizing: border-box; margin-bottom: 20px; }
    .mypg_detailcancel_box{ text-align: right; margin-bottom: 50px; }
    .mypg_detailcancel_box .z_submitbtn { max-width: 350px;}
    .mypg_detail_h3{ font-weight: normal; font-size: 1em; color: #000;border-bottom: 1px solid #ddd; padding-bottom: 20px;}
    .z_form-setting table.mypage-detail { margin: 0 auto 20px; }
    .z_form-setting table.mypage-detail td{ padding-left: 0; padding-right: 0;}
    .z_form-setting table.mypage-detail td:nth-child(2),
    .z_form-setting table.mypage-detail td:nth-child(3),
    .z_form-setting table.mypage-detail td:nth-child(4) { display: none; }
    .z_form-setting table.mypage-detail td .mypg_itembox{ align-items:flex-start; }

    .z_review_input_sp{ padding-top:15px;}
}




#z_mypg_detailsubContaner{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; padding: 40px 0 ;}
 .z_mypg_detailsubttl{ display: inline-block; position: relative; padding-right: 60px;}
       /* HACK */
        .z_mypg_detailsubttl .accordion_icon {
            top: 50%;
            width: 55px;
            height: 30px;
            right: 0%;
            margin-top: -15px;
        }
       /* HACK */

.mypg_detail-moreInner{margin-left: -webkit-width: calc(100% - 950px);  margin-left: calc(100% - 950px); }

.mypg_detail-priceInner{display: flex; flex-wrap: wrap; justify-content: space-between; }
 .mypg_detail-price-l,
 .mypg_detail-price-r{ -webkit-width: calc(50% - 25px); width: calc(50% - 25px); }
table.mypg_detail-price th,
table.mypg_detail-point th {text-align: left;  }
table.mypg_detail-price td,
table.mypg_detail-point td {text-align: right;  }

table.mypg_detail-price .elm_total{ color: #000 !important; font-weight: bold !important; font-size: 1.15em; }


.mypg_detail-delivInner{ padding-top: 50px;}
.mypg_detail-delivInner h3 { font-size: 0.9em; font-weight: normal; padding: 0 25px 20px; color: #000; }
table.mypg_detail-deliv { margin: 0; width: 100%; border-top: 1px solid #ddd;}
table.mypg_detail-deliv th{ width: 160px; text-align: left; }
table.mypg_detail-deliv td{ text-align: left; }
table.mypg_detail-deliv tr:last-child th,
table.mypg_detail-deliv tr:last-child td { border-bottom: none;}


@media screen and (max-width: 1250px) {
.mypg_detail-moreInner{margin-left: 8%; }
}
@media screen and (max-width: 800px) {
.mypg_detail-moreInner{margin-left: 0%; }
}
@media screen and (max-width: 600px) {
    #z_mypg_detailsubContaner {margin-left: -4%; margin-right: -4%; width: 108%; padding-left: 4%; padding-right: 4%;  box-sizing: border-box;}
    . .z_mypg_detailsubttl { padding-left: 4%;}
    .mypg_detail-price-l,
    .mypg_detail-price-r{  width:100%; }

    .mypg_detail-delivInner h3 { padding: 0 0px 20px; }
    table.mypg_detail-deliv th{ width: 100px; padding-right: 0; }
    table.mypg_detail-deliv td{  padding-left: 0;  padding-right: 0;  }
}



/* MYPAGE CHANGE
-------------------*/
.z_form-setting table.mypg_delivname{ max-width: 950px; font-size: 0.96em; }
.z_form-setting table.mypg_delivname tr.z_tableline{ position: relative; }
.z_form-setting table.mypg_delivname tr.z_tableline::after{ position: absolute; content: ""; bottom: 20px; left: -150px;
    -webkit-width: calc(100% + 300px); width: calc(100% + 300px); height: 1px; background: #ddd; }
.z_form-setting table.mypg_delivname tr.z_tableline th,
.z_form-setting table.mypg_delivname tr.z_tableline td{ padding-bottom: 60px;}
.z_form-setting table.mypg_delivname th{ width: 220px; text-align: left; border-bottom:none; vertical-align: top; padding-top: 30px; }
.z_form-setting table.mypg_delivname td{ text-align: left; border-bottom:none; }


    .z_form-setting table.mypg_delivname input[type="text"],
    .z_form-setting table.mypg_delivname input[type="password"]{ width: 80%; margin-bottom: 5px; }
    .z_form-setting table.mypg_delivname input[type="text"].box60,
    .z_form-setting table.mypg_delivname input[type="password"].box60{ width: 18%; }
    .z_form-setting table.mypg_delivname input[type="text"].box120,
    .z_form-setting table.mypg_delivname input[type="password"].box120{ width: 36%; }

.z_form-setting .inputleftTxt2 { width: 40px; display: inline-block; }
.z_form-setting .inputrightTxt2 { width: 80px; display: inline-block; padding-left: 40px; }
.z_form-setting a.z_inputright_btn{ background: #F8F6F4; border: 1px solid #ddd; box-sizing: border-box; height: 38px; padding: 0px 20px; line-height: 38px;
    display:inline-block; text-align: center; text-decoration: none; -webkit-transition:all .2s; transition:all .2s; margin-left: 10px; }
.z_form-setting a.z_inputright_btn:hover{ background: #000 ; color: #fff; border: 1px solid #000; }

.z_form-setting table.mypg_delivname .z_zipimg{ margin-left: 40px;}
.z_form-setting table.mypg_delivname .mini { color: #999A9A; }

/*HACK*/
.z_form-setting table.mypg_delivname em {color: #ff1818; color: #000; }


@media screen and (max-width: 1080px) {
.z_form-setting table.mypg_delivname th{ width: 180px; }
    .z_form-setting a.z_inputright_btn{ height: 35px; line-height: 35px; }
}
@media screen and (max-width: 768px) {
    .z_form-setting table.mypg_delivname th{  }
    .z_form-setting table.mypg_delivname input[type="text"],
    .z_form-setting table.mypg_delivname input[type="password"]{ width: 100%; margin-bottom: 5px; }
    .z_form-setting table.mypg_delivname input[type="text"].box60,
    .z_form-setting table.mypg_delivname input[type="password"].box60{ width: 25%; }
    .z_form-setting table.mypg_delivname input[type="text"].box120,
    .z_form-setting table.mypg_delivname input[type="password"].box120{ -webkit-width: calc(100% - 40px); width: calc(100% - 40px);}
    .z_form-setting .inputrightTxt2 { width: 40px; padding-left: 0px; }
}


@media screen and (max-width:680px) {
    .z_form-setting table.mypg_delivname { margin-top: 40px;}
    .z_form-setting table.mypg_delivname th{display: block; width: 100%; padding: 10px 0 0px; }
    .z_form-setting table.mypg_delivname td{display: block; width: 100%; padding: 5px 0 10px;  }
    .z_form-setting table.mypg_delivname tr.z_tableline { display:block; }
    .z_form-setting table.mypg_delivname tr.z_tableline th{ padding-bottom: 0px;}
    .z_form-setting table.mypg_delivname tr.z_tableline td{ padding-bottom: 30px;}
    .z_form-setting table.mypg_delivname tr.z_tableline::after{ bottom: 10px; left: -4%;  width: 108%; }
    .z_form-setting .inputleftTxt2 { width: 35px;  }
    .z_form-setting .inputrightTxt2 { width: 35px; }
    .z_form-setting table.mypg_delivname input[type="text"].box60,
    .z_form-setting table.mypg_delivname input[type="password"].box60{  }
    .z_form-setting table.mypg_delivname input[type="text"].box120,
    .z_form-setting table.mypg_delivname input[type="password"].box120{ -webkit-width: calc(100% - 35px); width: calc(100% - 35px);}

    .z_form-setting a.z_inputright_btn{  padding: 0px 10px; font-size: 0.9em; letter-spacing: normal; margin-left: 5px; }
}


@media screen and (max-width:350px) {
    .z_form-setting a.z_inputright_btn{ font-size: 0.8em;  }
    .z_form-setting table.mypg_delivname select.input_s {
    width: 75px;
    }

}


/* MYPAGE DELIVERY
-------------------*/
#z_windowarea { overflow: hidden; padding: 50px 0; }
#z_windowarea .mypg_ttl{ color: #000; font-weight: bold; }
#z_windowarea .z_form-setting table.mypg_delivname tr.z_tableline::after { display: none; }
#z_windowarea .z_form-setting table.mypg_delivname tr.z_tableline th,
#z_windowarea .z_form-setting table.mypg_delivname tr.z_tableline td{ padding-bottom: 20px;}

@media screen and (max-width:680px) {
    #z_windowarea .z_form-setting table.mypg_delivname tr.z_tableline th{ padding-bottom: 0px;}
    #z_windowarea .z_form-setting table.mypg_delivname tr.z_tableline td{ padding-bottom: 20px;}
}


/* POPUP HACK */

.z_btn_add { position:relative; padding-left: 24px;}
.z_btn_add::after{ position: absolute; content:""; left: 0px; top: 0%; width: 1px; height: 13px; background: #333;  }
.z_btn_add::before{ position: absolute; content:""; left: 0px; top: 0%; width: 1px; height: 13px; background: #333;
    -webkit-transform: rotate(90deg);transform: rotate(90deg); }
a:hover .z_btn_add::after,a:hover .z_btn_add::before{background: #FFF; }

#mypg_lityClose.z_lity_close{ margin: 75px auto 50px;}
#mypg_lityClose_s.z_lity_close{ margin: 50px auto 25px;}



.z_form-setting table.mypg_delivery_list th{text-align: left; background: #FFF;}
.z_form-setting table.mypg_delivery_list td:nth-child(1){ width: 80px;
    font-family: 'Montserrat',sans-serif; font-weight: bold; color: #000 ; font-size: 1.3em; }
.z_form-setting table.mypg_delivery_list td:nth-child(2){ text-align: left;}
.z_form-setting table.mypg_delivery_list td:nth-child(3){ text-align: left;}
.z_form-setting table.mypg_delivery_list td:nth-child(4){text-align: left;  }
.z_form-setting table.mypg_delivery_list td:nth-child(5){ width: 190px; padding-left: 5px;  }
.z_form-setting table.mypg_delivery_list td:nth-child(5) a { margin: 0 5px; text-align: center;}
.z_form-setting table.mypg_delivery_list tr:nth-child(odd) {background: #FAFAFA;}
.z_form-setting table.mypg_delivery_list td a{ text-decoration: none; }


@media screen and (max-width:800px) {
    .z_form-setting table.mypg_delivery_list { margin-left: -4%; margin-right: -4%; width: 108%;}
    .z_form-setting table.mypg_delivery_list tr{ border-bottom: 1px solid #ddd; }
    .z_form-setting table.mypg_delivery_list td,
    .z_form-setting table.mypg_delivery_list td{ border: none; }
    .z_form-setting table.mypg_delivery_list td br{ display: none; }
    .z_form-setting table.mypg_delivery_list td:nth-child(2),
    .z_form-setting table.mypg_delivery_list td:nth-child(3),
    .z_form-setting table.mypg_delivery_list td:nth-child(4){ display: list-item; width: auto ; text-align: left;  }
    .z_form-setting table.mypg_delivery_list td:nth-child(2){ border: none; padding-bottom: 4px; }
    .z_form-setting table.mypg_delivery_list td:nth-child(3){ border: none; padding-top: 0px; padding-bottom: 4px; }
    .z_form-setting table.mypg_delivery_list td:nth-child(4){ padding-top: 0px; }
}

@media screen and (max-width:680px) {
    .z_form-setting table.mypg_delivery_list td { }
    .z_form-setting table.mypg_delivery_list td:nth-child(1) { vertical-align: top; width: 50px; padding-right: 0; }
    .z_form-setting table.mypg_delivery_list td:nth-child(4){ display: list-item; width: auto ; border: none; text-align: left; padding-top: 0px; padding-bottom: 15px;  }
    .z_form-setting table.mypg_delivery_list td:nth-child(5){ display: list-item; width: auto ; text-align: left; padding-top: 0px; padding-left:10px;  }

    #mypg_lityClose.z_lity_close{ margin:50px auto 25px;}
}



/* MYPAGE REVIEW POST
-------------------*/
.z_mypg_reviewpostInner{display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px 0 80px;}
.z_mypg_reviewpost_img{ width: 35%; padding-right: 5%; }
.z_mypg_reviewpost_img img{ width: 100%; max-width: 300px; line-height: 1; margin-bottom: 20px;}
.z_mypg_reviewpost_img .z_elm01 { color: #000; margin-bottom: 0.1em;}
.z_mypg_reviewpost_img .z_elm02 { font-size: 0.86em; }

.z_mypg_reviewpost_txt{ width: 60%; }


.z_form-setting table.mypg_reviewpost{ }
.z_form-setting table.mypg_reviewpost th{ width: 180px; padding-right: 0; text-align: left; border-bottom:none; vertical-align: top; padding-top: 30px; }
.z_form-setting table.mypg_reviewpost td{ text-align: left; border-bottom:none; padding-right: 0; }


    .z_form-setting table.mypg_reviewpost input[type="text"],
    .z_form-setting table.mypg_reviewpost input[type="password"],
    .z_form-setting table.mypg_reviewpost textarea{ width: 100%; margin-bottom: 5px; }


@media screen and (max-width:1080px) {
   .z_form-setting table.mypg_reviewpost th{ width: 140px;}
}

@media screen and (max-width:800px) {
     .z_form-setting table.mypg_reviewpost th{display: block; width: auto; padding: 15px 0 0px; }
     .z_form-setting table.mypg_reviewpost td{display: block; width: auto; padding: 5px 0 15px;  }

}


@media screen and (max-width:680px) {
    .z_mypg_reviewpostInner{display:block;padding: 30px 0 0px; border-bottom: none; }
    .z_mypg_reviewpost_img, .z_mypg_reviewpost_txt {width: 100%; padding-right: 0%; }
    .z_mypg_reviewpost_img { text-align: center;}
    .z_mypg_reviewpost_img img{ width: 50%; max-width: 300px; }
    .z_mypg_reviewpost_img .z_elm01, .z_mypg_reviewpost_img .z_elm02{ text-align: left; }
    .z_form-setting table.mypg_reviewpost{ margin-top: 30px; }

}



/* MYPAGE REVIEW
-------------------*/

.z_pagenumberarea{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.z_pagenumberarea.bottom{ padding-top: 15px;}
/* HACK*/
.z_pagenumberarea .list_pager{ width: 40%; padding-top: 8px;  }
.z_pagenumberarea .z_select-group { border-bottom:none;  }
/* HACK*/

.list_sort_right{ width: 60%; display: flex; flex-wrap: wrap; justify-content:flex-end; padding-bottom: 10px;  }
.list_sort_right dl{display: flex; flex-wrap: wrap; }
.list_sort_right dt{ padding-top: 8px; }
.list_sort_right dd{  }
.list_sort_right dl:nth-of-type(2){ margin-left: 30px;}
.list_sort_right dl:nth-of-type(2) dd{ width: 80px; }

.z_reviewHistoryList{ border-top: 1px solid #ddd; }
.z_reviewHistoryList li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
    -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; border-bottom: 1px solid #ddd; }
.z_rev_product_image{ width: 300px;}
.z_rev_product_namebox{ -webkit-width: calc(100% - 350px); width: calc(100% - 350px); }
.z_rev_product_name {margin-bottom: 10px;}
.z_rev_evaluation{}
.z_rev_nickname{margin-bottom: 5px;}
.z_rev_review_text{font-size: 13px; margin-bottom: 5px;}
.z_rev_review_date{font-size: 13px; color: #ACABAB; }
 .z_rev_review_viewall{ padding-top: 20px; }

@media screen and (max-width: 768px) {
    .z_pagenumberarea {margin-left: -4%; margin-right: -4%; width: 108%; }
    .z_pagenumberarea .list_pager{ width: 100%; padding: 18px 4%;  box-sizing: border-box;  order: 2;  border-bottom: 1px solid #ddd;  }
    .list_sort_right { width: 100%; padding: 18px 4% 10px; box-sizing: border-box;  justify-content:flex-start; order: 1; border-bottom: 1px solid #ddd; }
    .z_pagenumberarea.bottom{ padding-top: 0px;}
        .z_pagenumberarea.bottom .list_pager { order: 1;  border-top: 1px solid #ddd; }
        .z_pagenumberarea.bottom .list_sort_right { order: 2; border-bottom: none; }

    .list_sort_right dl{ }
    .list_sort_right dt{}
    .list_sort_right dl:nth-of-type(2){  margin-left: 6%; }
    .list_sort_right dl:nth-of-type(2) dt{ width: auto;  font-size: 0.92em; }
    .list_sort_right dl:nth-of-type(2) dd{ width: auto; }
    .z_reviewHistoryList{ border-top: none; }
    .z_reviewHistoryList li:last-child{ border-bottom: none}
}
@media screen and (max-width: 600px) {
    /*
    .z_reviewHistoryList li { display: block; padding: 20px 0; }
    .z_rev_product_image{ width: 80%; max-width: 300px; margin: 0 auto; }
    .z_rev_product_namebox{width: auto; }
    .z_rev_review_viewall{ padding-top: 0; text-align: right;}
    */
    .z_reviewHistoryList li { padding: 20px 0; align-items:flex-start; }
    .z_rev_product_image{ width: 35%; }
    .z_rev_product_namebox{ width: 58.5%; }
    .z_rev_review_text{ font-size: 0.85em;}
    .z_rev_review_date{ font-size: 0.75em;}
}

@media screen and (max-width: 580px) {
 .list_sort_right dt{padding-top: 4px; }
}


/* REVIEW 2 */
.mypg_reviewlist2_img { width: 100%; max-width: 750px; line-height: 1; text-align: center; margin: 0 auto 35px;}
.z_reviewHistory2List{  border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd;}
.z_reviewHistory2List li { max-width: 750px; margin: 0 auto; padding: 20px 0; border-bottom: 1px solid #ddd; }
.z_reviewHistory2List li:last-child{ border-bottom: none}
.mypg_reviewlist2_img{ margin-bottom: 35px;}


@media screen and (max-width: 768px) {
    .z_reviewHistory2List{  border-top: none;  border-bottom: none;}
    .mypg_reviewlist2_img {margin: 0 auto 25px;}
}

/* MYPAGE CARD
-------------------*/
.z_form-setting table.mypg_card-list { }
.z_form-setting table.mypg_card-list th,
.z_form-setting table.mypg_card-list td{ text-align: left; border: 1px solid #ddd; }
.z_form-setting table.mypg_card-list th:nth-child(1),
.z_form-setting table.mypg_card-list td:nth-child(1){ width: 18%; min-width: 70px; text-align: center;  }

@media screen and (min-width:769px) {
.z_form-setting table.mypg_card-list th,
.z_form-setting table.mypg_card-list td{ padding-left:50px; padding-right: 50px; }
.z_form-setting table.mypg_card-list th:nth-child(1),
.z_form-setting table.mypg_card-list td:nth-child(1){ padding-left:25px; padding-right: 25px; }
}



/* MYPAGE FAVO
-------------------*/
/* HACK*/
.mypg_favo_listarea .z_btn_cartin{ border-top: 1px solid #eee; }
/* HACK*/
.mypg_btn_favo { position: absolute; right: 8px; top: 8px; width: 40px; z-index: 999;}

@media screen and (max-width: 768px) {
    .mypg_btn_favo { }
}



/* MYPAGE RESUSAL
-------------------*/
.mypg_cont_refusal {text-align: center; }
.mypg_cont_refusal .elm01{text-align: center; color: #000; margin-bottom: 50px; }

@media screen and (max-width: 600px) {
    .mypg_cont_refusal .elm02{  display: flex; flex-wrap: wrap; justify-content: center; }
    .mypg_cont_refusal .z_submitbtn { order: 1; }
    .mypg_cont_refusal .z_submit_cancel { order: 2; }
}

/* MYPAGE BARCODE
-------------------*/

.mypg_cont_barcode { text-align: center; padding-top: 40px; }
.mypg_cont_barcode .elm01{ margin-top: 20px;}
.mypg_cont_barcode #barcode{ margin-left: auto; margin-right: auto;}

/*

/* products hidden
-------------------*/

.products_pc_n{display:block;
}
.products_sp_n{display:none;
}

@media only screen and (max-width: 780px) {
.products_sp_n{display:block;
}
.products_pc_n{display:none;
}
}

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

/**20200924 add**/
.fs-c-productList__list{ display: flex; flex-wrap: wrap; align-items: stretch; }
.fs-c-productList__list a{ text-decoration: none; }
.fs-c-productList__list__item.fs-c-productListItem { width: 25%;  position: relative; margin-bottom: 40px; }
.fs-c-productList__list__item.fs-c-productListItem::after{position:absolute;content:'';width:2px;height:100%;background:#FFF;z-index:1;top:0;left:0}

.fs-c-productList__list .z_listblock h2 {font-size: 15px; line-height: 1.4;  margin-bottom: 10px; min-height: 2.8em; }

.fs-c-productList__list__item.fs-c-productListItem .z_detail_price { margin-right: -5px; }
.fs-c-productList__list__item.fs-c-productListItem .z_nomal_price{ font-size: 92%; }

@media screen and (min-width: 1081px) {
    .fs-c-productList__list .fs-c-productList__list__item.fs-c-productListItem:nth-child(4n+1)::after{ width: 0;}
}
@media screen and (min-width:801px) and (max-width: 1080px) {
    .fs-c-productList__list .fs-c-productList__list__item.fs-c-productListItem:nth-child(3n+1)::after{ width: 0;}
}
@media screen and (max-width: 1080px) {
    .fs-c-productList__list__item.fs-c-productListItem { width: 33.33%;}
    /*#container.z_container #undercolumn { width: 95%; margin: 0 auto;}*/
    .fs-c-productList__list{ margin-left: -2.5%; margin-right: -2.5% ;}

}
@media screen and (max-width: 800px) {
    .z_list_subtitleInner{ display:block;}
    .z_list_subtitle h1, .z_list_subtitle .h1-ttl{ margin-bottom: 20px;}
        .fs-c-productList__list__item.fs-c-productListItem { width: 50%;}
        .fs-c-productList__list .fs-c-productList__list__item.fs-c-productListItem:nth-child(2n+1)::after{ width: 0;}
        /*.z_listblock h3 {font-size: 13px; }*/
        .fs-c-productList__list .z_listblock h2 {font-size: 13px; }
}