@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/hannari.css');
/* CSS Document */

/* Browser Reset
==================================================================================== */
body{
  overflow-x: hidden;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquotee, th, td {
  padding:0;
  margin:0;
}
fieldset, img {
  border:0;
}
img {
  vertical-align: bottom;
}
address, caption, cite, code, dfn, em, th, var {
  font-weight:normal;
  font-style:normal;
}
ol, ul {
  list-style:none;
  list-style-position:outside;
}
caption, th {
  text-align:left;
}
h1, h2, h3, h4, h5, h6 {
  font-weight:normal;
  font-size:100%;
}
iframe {
  border: none;
}


/* ClearFix
==================================================================================== */
.cf:after,
.col2:after,
.col3:after,
.col4:after,
.col5:after,
.col6:after,
.col8:after,
.tileView:after,
.cardView:after,
#items.cardView li .btnSet:after,
#contents:after,
#main > section:after,
.sortNav:after,
.favBox .listView li:after,
.tbl > dl .names:after,
.orderBox:after,
.orderBox > .receivers:after,
.orderBox > .receivers > .listView > li:after,
body#top .col1:after,
#about:after,
#contents.cart .occation:after,
.colonList:after,
.bxSlider:after,
.bxSliderThumb:after,
#contents.calendar #cal0102 ul:after,
.interview .imgL:after,
.interview .imgR:after,
.newsArticle .imgL:after,
.newsArticle .imgR:after {

  content: "";
  display: block;
  height: 0;
  clear: both;
  line-height: 0;

}


/* hideText
==================================================================================== */
.ht,
.spr,
.spr_m,
.spr_i,
.spr_osechi,
.srcBox form button,
.cardView > li .btnSet > li a {/*for background-image with text*/
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}

.spr_ {
  visibility: hidden;   /* ----- 20201030 eac.hayashiリニューアルに伴い追加 ----- */
}


/* common
==================================================================================== */
html {
  font-size: 72.5%;
}
body {
  font-family: 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', Roboto, 'Noto Sans'; /* --202203 ★ -- */
  color: #222;
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
  line-height: 1.5;
  background: #ffffff;    /* -- 202203 ★ --*/
  width: 100%;
  word-break: break-all;
}









/* common
==================================================================================== */

/* ----- anchor ----- */
a,
label,
.arrL > input,
.btnTxt > input {
  color: #222;
  text-decoration: none;
  cursor: pointer;
}
a:visited {
/* ----- 20201203 eac.hayashiリニューアルに伴い調整
  color: #796405;
----- */
  color: #222;
}
a:hover,
.accordion:hover,
label:hover,
.arrL > input:hover,
.btnTxt > input:hover {
/* ----- 20201203 eac.hayashiリニューアルに伴い調整
  color: #e7c973;
----- */
  color: #898989;
}
a:hover img {
  opacity: .6;
  filter: alpha(opacity=60);/* IE6,7 */
  -ms-filter: "alpha(opacity=60)";/* IE8 */
}

/* ----- form ----- */
input[type="checkbox"],
label input[type="radio"] {
  margin: 0 8px 8px 0;
}
input,
label,
select,
textarea,
button {
  cursor: pointer;
}
input,
/*select,*/
textarea {
  -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
  border: 1px solid #ddd;
}
input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
  padding: 8px 4px;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
input[required="required"], .classrequired {
  background-color: #ffe7e7;
}
input[required="required"].valid, .classrequired.valid {
  background-color: transparent;
}
*/


/* ----- lazyload ----- */
img.lazy {
  background: #fff url(../../images/preloader.gif) no-repeat scroll 50% 50%;
}
img.lazyLoaded {
  background: none;
}

/* ----- text ----- */
.txtR {
  text-align: right;
  padding-bottom: 5px;
}
.txtC {
  text-align: center;
}
.txtL {
  text-align: left;
}
.txtEEL {
  font-size: 2.2rem;
  font-weight: bold;
}
.txtEL {
  font-size: 1.6rem;
}
.txtLL {
  font-size: 1.4rem;
}
.txtS {
  font-size: 1.0rem;
}
.bold {
  font-weight: bold;
}
.red {
  color: #e20b20;
}
.note {
  color: #666;
  font-size: 1.0rem;
}
.exMessage,
#contents.inquiryHistory .message_ {
  padding: 64px 16px;
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold;
}
#contents.inquiryHistory .message_ {
  background-color: #fff;
}
.error_ {
  color: #c00;
  padding: 8px 16px;
  margin: 16px 0 0;
  -webkit-background-size: 8px 8px;
    -moz-background-size: 8px 8px;
    background-size: 8px 8px;
  background-color: #ffe7e7;
  background-image: -webkit-gradient(linear, right top, left bottom, from(rgba(255, 255, 255, .8)), color-stop(.25, rgba(255, 255, 255, .8)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .8)), color-stop(.75, rgba(255, 255, 255, .8)), color-stop(.75, transparent), to(transparent));
  background-image: -moz-linear-gradient(right top, rgba(255, 255, 255, .8), rgba(255, 255, 255, .8) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .8) 50%, rgba(255, 255, 255, .8) 75%, transparent 75%, transparent);
}

/* ----- msgBox ----- */
.msgBox,
.msgBox02 {
  width: auto;
  background: #fff;
  margin: 0 auto;
  padding: 40px;
  position: relative;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*
.msgBox:before,
.msgBox:after,
.msgBox02:after {
  z-index: -1;
  position: absolute;
  top: 80%;
  bottom: 15px;
  content: "";
  width: 50%;
  background: #777;
  -webkit-box-shadow: 0 14px 8px #ccc;
    -moz-box-shadow: 0 14px 8px #ccc;
    box-shadow: 0 14px 8px #ccc;
}

.msgBox:before {
  left: 5px;
  -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.msgBox:after,
.msgBox02:after {
  right: 5px;
  -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    transform: rotate(3deg);
}*/
.msgBox .thumb,
.msgBox .thumb .tabMenu{
  display: flex;
}


/* ----- topics ----- */
.topics.msgBox {
  width: 960px;
  margin: 0 auto 24px;
  padding: 40px 80px;
}
.topics.msgBox:before {
  display: none;
}
.topics.msgBox > p {
  margin: 0 0 1rem;
}
.topics.msgBox > p:last-child {
  margin: 0;
}

ul.disc {
  margin: .2rem 0 0;
}
ul.disc > li {
  list-style: disc outside;
  margin: 0 0 .2rem 1.5rem;
}
ul.asterisk {
  margin: .5rem 0 0;
}
ul.asterisk > li {
  position: relative;;
  margin: 0 0 .5rem 2rem;
}
ul.asterisk > li:before {
  content: "※";
  position: absolute;;
  left: -2rem;
}
ul.inline {
  letter-spacing: -0.4em;/* Hack for each space */
}
ul.inline > li {
  display: inline-block;
  letter-spacing: normal;/* Hack for each space */
  padding: 0 1rem 0 0;
}
ol.decimal > li {
  list-style: decimal outside;
  margin: 0 0 .2rem 2.0rem;
}
ol.decQuotes > li {
  list-style-type: none;
  list-style-position: outside;
  counter-increment: cnt;
  margin: 0 0 .4rem 3.0rem;
}
ol.decQuotes > li:before {
  display: marker;
  content: "(" counter(cnt) ")";
  margin: 0 1.0rem 0 -3.0rem;
}
.visible {
  display: block!important;
}
.hidden {
  display: none!important;
}

/* ----- spr ----- */
.spr,
.spr_m,
.spr_i,
.spr_osechi,
.guide:before,
.pseudo:after,
.rate > span[class^="star"],
.btnCart > *:after,
.btnFav > a:after,
.btnFavgry > a:after,
.btnDel > a:after,
.btnReview > a:after,
.icoSearch > a:after,
.arrL > a:after,
.arrL > input,
.arrR > *:after,
.arrT > a:after,
.arrB > a:after,
.accordion:after,
.lineList a.accordion:after,
.tanzakuView > li > a:after,
.srcBox form button:after,
.newsList article .ico a:before,
#guide0101 .logo,
#contents.shippng #fixedMenu .btnListIkkathu li > button:before,
#contents.shippng #fixedMenu .btnListIkkathu li > button:after,
#contents.shippng #fixedMenu .btnListSakisama li > button:before,
#contents.shippng #fixedMenu .btnListSakisama li > button:after,
#contents.shippng #fixedMenu .btnList li > button:before,
#contents.shippng #fixedMenu .btnList li > button:after {
  display: block;
  background: transparent url(../../images/renew/style@2x.png?rev=20151118) no-repeat scroll 0 0;
  background: transparent url(../../images/renew/style.png?rev=20151118) no-repeat scroll 0 0\9;/* IE8 */
  -webkit-background-size: 800px 385px;
    -moz-background-size: 800px 385px;
    -ms-background-size: 800px 385px;
    -o-background-size: 800px 385px;
    background-size: 800px 385px;
}

/* ----- pseudo ----- */
.pseudo{
  display: block;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}
a.pseudo: hover{
  cursor: none;
}

/* ----- arr ----- */
.icoSearch > a,
.arrL > a,
.arrR > *,
.arrT > a,
.arrB > a {
  position: relative;
  /*display: block;*/
}
.arrR > *,
.arrT > a,
.arrB > a {
  padding: 0 24px 0 0;
}
.icoSearch > a,
.arrL > a {
  padding: 0 0 0 24px;
}
.icoSearch > a:after,
.arrL > a:after,
.arrR > *:after,
.arrT > a:after,
.arrB > a:after,
.pseudo:after {
  content: "";
  position: absolute;
  top: 50%;
}
.icoSearch > a:after,
.arrL > a:after,
.arrR > *:after,
.arrT > a:after,
.arrB > a:after {
  top: 50%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0;
}
.icoSearch > a:after,
header .srcBox form button:after,
.srcBox form button:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -12px;
  background-position: -238px 3px;
}
.arrL > a:after {
  left: 0;
  background-position: -536px -28px;
}
.arrL > input {
  border: none;
  background-position: -792px -207px;
  text-indent: 16px;
}
.arrR,
.arrT {
  text-align: right;
}
.arrR > *:after {
  right: 0;
  background-position: -462px -26px;
}
.arrT > a:after {
  right: 0;
  background-position: -423px -27px;
}
.arrB > a:after {
  right: 0;
  background-position: -494px -27px;
}
/* ----- with circle ----- */
.circle > *:after {
  background-color: #fff;
  border: 1px solid #e4dccb;
  -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.arrL.circle > *:after {
  background-position: -532px -27px;
}
.arrR.circle > *:after {
  background-position: -460px -28px;
}
.arrT.circle > *:after {
  background-position: -423px -27px;
}
.arrB.circle > *:after {
  background-position: -495px -26px;
}

/* ----- btn ----- */
.btnXS > *, .btnS > *, .btnM > *, .btnL > *,
.btnCart > *, .btnFav > a,  .btnDel > a, .btnReview > a {
  display: inline-block;
  width: 100%;
  padding: 16px;
  text-align: center;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  cursor: pointer;
  position: relative;
  -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.btnXS > *:hover, .btnS > *:hover, .btnM > *:hover, .btnL > *:hover,
.btnCart > *:hover, .btnFav > a:hover, .btnDel > a:hover, .btnReview > a:hover {
  opacity: .6;
  filter: alpha(opacity=60);/* IE6,7 */
  -ms-filter: "alpha(opacity=60)";/* IE8 */
}
.btnXS > * {
  border: 1px solid #e4dccb;
}
.btnS > *,
.btnFav > *,
.btnReview > * {
  background-color: #fcf3e0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcf3e0), to(#fcf3e0));
  color: #7a6506;
}
.btnS > * {
  border: none;
}
.btnS > input,
.btnM > input,
.btnL > input,
.btnS > button,
.btnM > button,
.btnL > button {
  border: none;
}
.btnM > *,
.btnDel > * {
  background-color: #fae1c0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fae1c0), to(#fae1c0));
}
.btnL > a,
.btnL > input,
.btnL > button,
.btnCart > *,
.btnCart > *:visited {
  background-color: #c40000;
  background: -webkit-gradient(linear, left top, left bottom, from(#c40000), to(#c40000));
  color: #fff;
  border: none;
}
.btnCart > *,
.btnCart > *:visited {
  background-color: #404040;
  background: -webkit-gradient(linear, left top, left bottom, from(#404040), to(#404040));
  color: #fff;
  border: none;
}
.btnCart > *:after,
.btnFav > a:after,
.btnFavgry > a:after,
.btnDel > a:after,
.btnReview > a:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 8px;
  top: 50%;
  margin-top: -12px;
}
.btnCart > *:after {
  background-position: -385px -23px;
}
.btnFav > a:after {
  background-position: -305px 2px;
}
.btnFavgry > a:after {
  background-position: -305px -50px;
}
.btnDel > a:after {
  background-position: -305px 2px;
}
.btnReview > a:after {
  background-position: -423px -52px;
}
.btnTxt > input {
  border: none;
  background: transparent;
  font-size: 100%;
}
.btnCart.disabled > * {
  cursor: default;
  opacity: .2;
    filter: aa(opacity=20);/* IE6,7 */
    -ms-filter: "alpha(opacity=20)";/* IE8 */
}

/* ----- 2016/07/05 [tataneda] オケージョン終了時運用改善---- */
.btnL.cartbtn_disabled > * {
    cursor: default;
    opacity: 0.2;
    filter: aa(opacity=20);/* IE6,7 */
    -ms-filter: "alpha(opacity=20)";/* IE8 */
}

/* ----- 2020/03/24 f Add Start ---- */
/* ----- 2020/06/01 f Add Start ---- */
.btnL.estimate > a {
  padding: 18px;
  background-color: #008800;
  background: -webkit-gradient(linear, left top, left bottom, from(#008800), to(#008800));
  color: #fff;
  border: none;
}

.btnL.estimate > button {
  padding: 15px;
  background-color: #008800;
  background: -webkit-gradient(linear, left top, left bottom, from(#008800), to(#008800));
  color: #fff;
  border: none;
}
.btnL.estimate_order > input{
  padding: 30px;
}
.btnL.estimate_del > input {
  padding: 26px;
}
/* ----- 2020/06/01 f Add End ---- */
}

.btnL.estimate.disabled {
  display: inline-block;
  width: 100%;
  padding: 30px;
  text-align: center;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  cursor: default;
  position: relative;
  -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
  background-color: #888888;
  background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#888888));
  color: #fff;
  border: none;
}
/* ----- 2020/03/24 f Add End ---- */
/* ----- 2020/05/26 f Add Start ---- */
.btnL.estimate_expired.disabled {
  display: inline-block;
  width: 100%;
  padding: 5px;
  text-align: center;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  cursor: default;
  position: relative;
  -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
  background-color: #888888;
  background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#888888));
  color: #fff;
  border: none;
}
.btnL.estimate.disabled > span {
  padding: 0;
}
/* ----- 2020/05/26 f Add End ---- */


/* ----- icoBtn ----- */
.icoBtn li,
.markMI {
  display: inline-block;
  margin: 0 0 2px;
  padding: 0 2px;
}
.icoSample {
  display: inline-block;
  margin: 0 4px;
  padding: 2px 8px;
  -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.icoSample.btnL {
  color: #fff;
    background-color: #c40000;
}
.icoSample.btnL_g {
  color: #fff;
  background-color: #008800;
}
.icoSample.btnM {
  background-color: #fae1c0;
}
.icoSample.btnS {
  background-color: #fcf3e0;
}
.address.btnL {
  color: #fff;
    background-color: #c40000;
    width: 240px;
    margin: 20px auto;
    display: block;
}
/* ----- btn 202203---- */
.btn{
  border: none;
  margin: auto;
  text-align: center;
}
.btn > a{
  display: inline-block;
    width: 100%;
    color: #FFFFFF;
    height: 38px;
    border-radius: 5px;
}
.btn > a:hover{
  text-align: center;
  margin: auto;
  color: #fff;
  background-color: #515151;
}
.btn_brandlist{
  width: 345px;
  background-color: #404040;
  border-radius: 3px;
  line-height: 3.2rem;
  font-size: 14px;
  color: #FFFFFF;
}
.occasionTop .btn_brandlist{
  margin-top: 20px;
}

/* ----- rate---- */
.rate {
  color: #003692;
}
.rate > span[class^="star"] {
  display: inline-block;
  height: 12px;
  width: 78px;
  vertical-align: middle;
}
.rate > span.star50 {background-position: -700px 0;}
.rate > span.star45 {background-position: -700px -16px;}
.rate > span.star40 {background-position: -700px -32px;}
.rate > span.star35 {background-position: -700px -48px;}
.rate > span.star30 {background-position: -700px -64px;}
.rate > span.star25 {background-position: -700px -80px;}
.rate > span.star20 {background-position: -700px -96px;}
.rate > span.star15 {background-position: -700px -112px;}
.rate > span.star10 {background-position: -700px -128px;}
.rate > span.star05 {background-position: -700px -144px;}
.rate > span.star00 {background-position: -700px -160px;}

/* ----- hx ----- */
/*h2.basic,
h3.basic,
h4.basic,
h5.basic {
  font-family: serif;
}*/
h2.basic {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 130%;
  margin: 0 0 8px;
}
h2.basic + .arrR {
  margin: -24px 0 8px;
}
h3.basic {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0 0 8px;
}
h4.basic {
  font-weight: bold;
  margin: 0 0 4px;
}
h5.basic {
  font-weight: bold;
  margin: 0 0 4px;
}

/* ----- section ----- */
section.basic,
article.basic,
#title,
#ranking,
#category,
#popBrand,
#newBrand,
#recentItems,
#checkedItems {
  background-color: #fff;
  padding: 16px;
  margin: 0 0 40px;
}
#contents.itemDetail #checkedItems{
  margin-bottom: 60px;
}

/* ----- title ----- */
section.title > div {
  display: table;
  width: 100%;
  margin: 0 0 1rem;
}
section.title > div > * {
  display: table-cell;
}
section.title > div > p {
  text-align: right;
}
section.title > div > .btnS,
section.title > div > .btnL,
section.title > div > .btnFav {
/* ----- 20201030 eac.hayashiリニューアルに伴い幅調整
  width: 160px;
 ----- */
  width: 20%;
  padding: 0 0 0 16px;
}
section.title > div > .btnFav > a {
  text-indent: 2rem;
}
section.title > p {
  margin: 0 0 4px;
}
section.title > p:last-child {
  margin: 0;
}

/* ----- col ----- */
.boxL {
  float: left!important;
}
.boxR {
  float: right!important;
}
.col2,.col3,.col4,.col5,.col6,.col8,
.tileView {
  margin: 0;
}
.col2 > li,.col3 > li,.col4 > li,.col5 > li,.col6 > li,.col8 > li,
.tileView > li {
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  float: left;
  padding: 8px;
}
.col2 > li > a,.col3 > li > a,.col4 > li > a,.col5 > li > a,.col6 > li > a,.col8 > li > a {
  display: block;
}

.col2 img,.col3 img,.col4 img,.col5 img,.col6 img,.col8 img,
.listView .thumb img,
.tileView .thumb img,
.cardView .thumb img {
  width: 100%;
  height: auto;
}
.categoryList .col3 img,
.categoryList .listView .thumb img,
.freeWord .col3 img {
  border: 1px solid #DCDCDD;
}
.categoryList .col3 .icoBtn img,
.freeWord .col3 .icoBtn img  {
  border: 0;
}
.col2 > li {
  width: 50%;
}
.col3 > li {
  width: 33.3%;
  padding:0 18px 0 0;
}
.col3 > li:nth-child(3){
  width: 33.3%;
  padding-right: 0;
}
#main .cardView.col3 > li {
  width: 33.3%;
  height: 380px;
}


#main .cardView.col3 > li > a {
  padding: 0 0 58px;
}
.col4 > li {
  width: 25%;
}
.col5 > li {
  width: 20%;
}
.col6 > li {
  width: 16.6%;
}
.col8 > li {
  width: 12.5%;
}

/* ----- listView ----- */
.listView .price,
.listView .point,
.tileView .price,
.tileView .point,
.cardView .price,
.cardView .point,
.mixGiedView .price {
  text-align: right;
}

.mixGiedView .point {
  text-align: right;
  font-size: 1.0rem;
}

.listView .price,
.tileView .price,
.cardView .price {
  font-size: 1.6rem;
  margin-bottom: 0;
}

.mixGiedView .price {
  font-size: 1.4rem;
  margin-bottom: 0;
  text-align: left;
}
.listView .price > span,
.listView .point > span,
.tileView .price > span,
.tileView .point > span,
.cardView .price > span,
.cardView .point > span,
.mixGiedView .price > span,
.mixGiedView .point > span {
  font-size: 1.0rem;
}
.listView > li > a {
  display : table;
  padding: 16px;
  border-bottom: 16px solid #f9f9f9;
  color: #5f5f5f;
}
.listView > li > a:hover {
  opacity: .6;
    filter: aa(opacity=60);/* IE6,7 */
    -ms-filter: "alpha(opacity=60)";/* IE8 */
}
.listView > li > a > * {
  display: table-cell;
  vertical-align: top;
}
.listView > li > a .thumb {
  padding: 0 16px 0 0;
}
.listView.w40 li > a .thumb {
  width: 40px;
}
.listView.w72 li > a .thumb {
  width: 72px;
}
.listView.w120 li > a .thumb {
  width: 120px;
}
.listView.w160 li > a .thumb {
  width: 160px;
}

/* ----- tileView ----- */
.tileView > li {
  padding: 0;
}
.tileView > li > a {
  padding: 8px;
  color: #5f5f5f;
  display: block;
}
.tileView > li > a > .thumb {
  margin: 0 0 4px;
}
.tileView > li > a >  dl > dd.brand,
.tileView > li > a >  dl > dt h3 {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* ----- cardView ----- */
.cardView {
  margin: 0 -8px;
}
.cardView > li {
  position: relative;
  float: left;
  margin: 0 0 16px;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cardView > li > a {
  color: #5f5f5f;
  display: block;
  background: #fff;
  line-height: 120%;
  padding: 0 0 8px;
}
.cardView > li > a:hover {
  color: #e7c973;
}
.cardView > li > a > dl {
  background-color: rgba(255, 255, 255, .94);
}
.cardView > li > a > dl > * {
  margin: 0 16px 8px 0;
}
.cardView .thumb {
  margin: 0 0 8px;
  min-height: 185px;
  /*height: auto;*/
}
.cardView.col4 li a div.thumb{
  min-height: 135px;
  width: 228px;
  height: 152px;
  overflow: hidden;
  position: relative;  
}

.cardView .rate {
  display: none;
  border-top: 1px solid #e4dccb;
  font-size: 1.0rem;
  margin: 8px 0;
  padding: 8px 16px 0;
}
.cardView .explain {
  display: none;
  line-height: 150%;
}
.cardView .btnSet {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 40px;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cardView li:hover .btnSet {
  display: block;
}
.cardView li:hover .thumb img {
  opacity: .2;
    filter: aa(opacity=20);/* IE6,7 */
    -ms-filter: "alpha(opacity=20)";/* IE8 */
}

.cardView > li.information{
  background: #F5F5F5 none repeat scroll 0 0;
  box-sizing: border-box;
  float: left;
  margin: 0 0 16px;
  padding: 0 8px;
  position: relative;
  left:8px;
  height:366px;
  width:228px;
}
@-moz-document url-prefix() {
  .cardView > li.information{
    height:366px;
  }
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
  .cardView > li.information{
    height:366px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .cardView > li.information{
    height:366px;
  }
}
.cardView > li.information div{
  margin:13px 8px 0;
}
.cardView > li.information div p{
  margin: 0 0 15px;
  color: #7f7f7f;
}
.cardView > li.information div h3.basic{
  margin: 0 0 18px;
}


/* ----- gridView ----- */
.gridView {
  border: 1px solid #f9f6f3;
  border-width: 1px 1px 0 0;
  margin: 0;
}
.gridView > li {
  padding: 0;
  border: 1px solid #f9f6f3;
  border-width: 0 0 1px 1px;
}
.gridView > li a {
  padding: 24px 8px;
  display:  block;
  color: #808080;
}
.gridView > li a:hover {
  color: #e7c973;
}
.gridView > li img {
  width:  100%;
}
.gridView > li p {
  font-size: 1.0rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* ----- tanzakuView ----- */
.tanzakuView {
  position: absolute;
  right: 40px;
  top: 50%;
  margin: -156px 0 0 0;
}
.tanzakuView > li {
  width: 96px;
  float: left;
  margin: 0 0 0 8px;
  background-color: rgba(255,255,255,.8);
}
.tanzakuView > li:first-child {
  margin: 0;
}
.tanzakuView > li > a {
  position: relative;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: 312px;
}
.tanzakuView > li > a:after {
  content: "";
  position: absolute;
  width: 22px;
  height: 16px;
  background-position: -538px -110px;
  left: 50%;
  bottom: 24px;
  margin: 0 0 0 -11px;
}
.tanzakuView > li > a:hover {
  opacity: .6;
    filter: alpha(opacity=60);/* IE6,7 */
    -ms-filter: "alpha(opacity=60)";/* IE8 */
}

/* ----- mixGiedView ----- */
.mixGiedView,
.mixGiedView .col1,
.mixGiedView .col2,
.mixGiedView .col3,
.mixGiedView .col4,
.mixGiedView .col5,
.mixGiedView .col6,
.mixGiedView .col8 {
  margin: 0;
}
.mixGiedView > li,
.mixGiedView .col1 > li,
.mixGiedView .col2 > li,
.mixGiedView .col3 > li,
.mixGiedView .col4 > li,
.mixGiedView .col5 > li,
.mixGiedView .col6 > li,
.mixGiedView .col8 > li {
  padding: 0;
}
.mixGiedView li > a {
  position: relative;
  display: block;
  text-align: center;
}
.mixGiedView li > a:before,
.mixGiedView li > a dl {
  opacity: 0;
  position: absolute;
  z-index: 1;
  -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.mixGiedView li > a:before {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0,0,0,.3);
}
.mixGiedView li > a dl {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    width: 80%;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    color: #fff;
}
.mixGiedView li > a dl dt h3{
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.mixGiedView li > a dl dt,
.mixGiedView li > a dl dd{
  width: 100%;
}
.mixGiedView li > a:hover dl {
}
.mixGiedView li > a:hover:before,
.mixGiedView li > a:hover dl,
.mixGiedView li > a:hover img {
  opacity: 1;
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#66000000,EndColorStr=#66000000);/* IE8 */
}
.mixGiedView .col2,
.mixGiedView .col6 {
background-color: #fff;
}
.mixGiedView .w25p {
  width: 25%;
}
.mixGiedView .w30p {
  width: 30%;
}
.mixGiedView .w75p {
  width: 75%;
}


/* ----- inlineList ----- */
.inlineList {
  width: 100%;
  margin: 8px 0;
}
.inlineList > li {
  display: table;
  width: 100%;
}
.inlineList > li > * {
  padding: 8px;
  display: table-cell;
  vertical-align: middle;
}
.inlineList > li > p {
  width: 4rem;
}

/* ----- accordion ----- */
.accordion {
  position: relative;
  cursor: pointer;
  padding-right: 32px!important;
}
.accordion:after,
.lineList a.accordion:after {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 0;
  background-position: -652px -28px;
  background-color: #fff;
  border: 1px solid #e4dccb;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}
.accordion:hover:after,
.lineList a.accordion:hover:after {
  background-color: #fcf3e0;
}
label.accordion:after,
.accordion + * {
  display: none;
}
label.accordion,
.accordion.open + * {
  display: block;
}
.accordion.open:after,
.lineList a.accordion.open:after {
  -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
section.basic > .accordion:after {
  right: 0;
}

/* ----- balloon ----- */
.balloon,
.tbl dd .caution {
  color: #6b6b6b;
  display: inline-block;
  padding: 8px 16px;
  background-color: #f9f9f9;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
  -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.balloon {
  position: absolute;
  z-index: 2;
}
.balloon:after,
.tbl dd .caution:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
}
.balloon:after {
  left: 50%;
  bottom: -8px;
  margin-left: -8px;
  border-width: 8px 8px 0 8px;
  border-color: #f9f9f9 transparent transparent transparent;
}

/* ----- caution ----- */
.tbl dd .caution {
  position: relative;
  margin: 16px 0 0;
}
.tbl dd .caution:after {
  left: 24px;
  top: -8px;
  margin-left: -8px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #f9f9f9 transparent;
}

/* ----- tabMenu  ----- */
.tabBox .tabMenu {
  margin: 0 0 16px;
  width: 100%;
}
.tabBox .tabMenu > li {
  width: 150px;
  margin: auto 5px auto 0px;
  font-size: 12px;
}
.tabBox .tabMenu > ul:last-child() {
  margin: auto 0px auto 0px;
}

.tabBox .tabMenu > li > a {
  display: table-cell!important;
  width:5.6%!important;
  height: 40px;
  background-color: #F2F2F2;
  text-align: center!important;
  vertical-align: middle;
}
.tabBox .tabMenu > li.active > a {
  background: #8D8D8D;
  display: table-cell!important;
  width:5.6%!important;
  height: 40px;
  border-radius: 5px;
  text-align: center!important;
  vertical-align: middle;
  color: #FFFFFF;
}
/* ----- 20150716 eac.masai変更　ここまで  -----*/

.tabBox .tabInner {
  clear: both;
}
.tabBox .tabMenu.col6 > li:last-child {
  width: 17%;
}
.tabBox .tabMenu.col6 > li > a {
  font-size: 1.0rem;
}

/* ----- set <a> disabled  ----- */
a.disabled {
  cursor: default!important;
}
a.disabled:hover,
a.disabled:hover img {
  cursor: default!important;
  opacity: 1!important;
    filter: alpha(opacity=100)!important;/* IE6,7 */
    -ms-filter: "alpha(opacity=100)"!important;/* IE8 */
}





/* ----- Layouts ----- */
.mt0 {margin-top: 0px!important;}
.mt5 {margin-top: 5px!important;}
.mt8 {margin-top: 8px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt16 {margin-top: 16px!important;}
.mt20 {margin-top: 20px!important;}
.mt24 {margin-top: 24px!important;}
.mt25 {margin-top: 25px!important;}
.mt30 {margin-top: 30px!important;}
.mt35 {margin-top: 35px!important;}
.mt40 {margin-top: 40px!important;}
.mt45 {margin-top: 45px!important;}
.mt50 {margin-top: 50px!important;}
.mb1em {margin-bottom: 1rem!important;}
.mb2em {margin-bottom: 2rem!important;}
.mb0 {margin-bottom: 0px!important;}
.mb5 {margin-bottom: 5px!important;}
.mb8 {margin-bottom: 8px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb16 {margin-bottom: 16px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb24 {margin-bottom: 24px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb35 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb45 {margin-bottom: 45px!important;}
.mb50 {margin-bottom: 50px!important;}
.mr0 {margin-right: 0px!important;}
.mr5 {margin-right: 5px!important;}
.mr8 {margin-right: 8px!important;}
.mr10 {margin-right: 10px!important;}
.mr15 {margin-right: 15px!important;}
.mr16 {margin-right: 16px!important;}
.mr20 {margin-right: 20px!important;}
.mr24 {margin-right: 24px!important;}
.mr25 {margin-right: 25px!important;}
.mr30 {margin-right: 30px!important;}
.mr35 {margin-right: 35px!important;}
.mr40 {margin-right: 40px!important;}
.mr45 {margin-right: 45px!important;}
.mr50 {margin-right: 50px!important;}
.ml0 {margin-left: 5px!important;}
.ml5 {margin-left: 5px!important;}
.ml8 {margin-left: 8px!important;}
.ml10 {margin-left: 10px!important;}
.ml15 {margin-left: 15px!important;}
.ml16 {margin-left: 16px!important;}
.ml20 {margin-left: 20px!important;}
.ml24 {margin-left: 24px!important;}
.ml25 {margin-left: 25px!important;}
.ml30 {margin-left: 30px!important;}
.ml35 {margin-left: 35px!important;}
.ml40 {margin-left: 40px!important;}
.ml45 {margin-left: 45px!important;}
.ml50 {margin-left: 50px!important;}
.ma5 {margin: 5px!important;}
.ma8 {margin: 8px!important;}
.ma10 {margin: 10px!important;}
.ma15 {margin: 15px!important;}
.ma16 {margin: 16px!important;}
.ma20 {margin: 20px!important;}
.ma24 {margin: 24px!important;}
.ma25 {margin: 25px!important;}
.ma30 {margin: 30px!important;}
.ma35 {margin: 35px!important;}
.ma40 {margin: 40px!important;}
.ma45 {margin: 45px!important;}
.ma50 {margin: 50px!important;}
.pt5 {padding-top: 5px!important;}
.pt8 {padding-top: 8px!important;}
.pt10 {padding-top: 10px!important;}
.pt15 {padding-top: 15px!important;}
.pt16 {padding-top: 16px!important;}
.pt20 {padding-top: 20px!important;}
.pt25 {padding-top: 25px!important;}
.pt30 {padding-top: 30px!important;}
.pt35 {padding-top: 35px!important;}
.pt40 {padding-top: 40px!important;}
.pt45 {padding-top: 45px!important;}
.pt50 {padding-top: 50px!important;}
.pt56 {padding-top: 56px!important;}
.pt43 {padding-top: 43px!important;}
.pb0 {padding-bottom: 0px!important;}
.pb5 {padding-bottom: 5px!important;}
.pb8 {padding-bottom: 8px!important;}
.pb10 {padding-bottom: 10px!important;}
.pb15 {padding-bottom: 15px!important;}
.pb16 {padding-bottom: 16px!important;}
.pb20 {padding-bottom: 20px!important;}
.pb25 {padding-bottom: 25px!important;}
.pb30 {padding-bottom: 30px!important;}
.pb35 {padding-bottom: 35px!important;}
.pb40 {padding-bottom: 40px!important;}
.pb45 {padding-bottom: 45px!important;}
.pb50 {padding-bottom: 50px!important;}
.pr5 {padding-right: 5px!important;}
.pr8 {padding-right: 8px!important;}
.pr10 {padding-right: 10px!important;}
.pr15 {padding-right: 15px!important;}
.pr16 {padding-right: 16px!important;}
.pr20 {padding-right: 20px!important;}
.pr25 {padding-right: 25px!important;}
.pr30 {padding-right: 30px!important;}
.pr35 {padding-right: 35px!important;}
.pr40 {padding-right: 40px!important;}
.pr45 {padding-right: 45px!important;}
.pr50 {padding-right: 50px!important;}
.pl5 {padding-left: 5px!important;}
.pl8 {padding-left: 8px!important;}
.pl10 {padding-left: 10px!important;}
.pl15 {padding-left: 15px!important;}
.pl16 {padding-left: 16px!important;}
.pl20 {padding-left: 20px!important;}
.pl25 {padding-left: 25px!important;}
.pl30 {padding-left: 30px!important;}
.pl35 {padding-left: 35px!important;}
.pl40 {padding-left: 40px!important;}
.pl45 {padding-left: 45px!important;}
.pl50 {padding-left: 50px!important;}
.pa5 {padding: 5px!important;}
.pa8 {padding: 8px!important;}
.pa10 {padding: 10px!important;}
.pa15 {padding: 15px!important;}
.pa16 {padding: 16px!important;}
.pa20 {padding: 20px!important;}
.pa24 {padding: 24px!important;}
.pa25 {padding: 25px!important;}
.pa30 {padding: 30px!important;}
.pa32 {padding: 32px!important;}
.pa35 {padding: 35px!important;}
.pa40 {padding: 40px!important;}
.pa45 {padding: 45px!important;}
.pa50 {padding: 50px!important;}

body > h1 {
  width: 100%;
  height: 40px;  /* -- 202203 ★ --*/
  background-color: #252525;  /* -- 202203 ★ --*/
  position: relative;
  z-index: 3;
}

/* header
==================================================================================== */

body > h1 > span {
  display: block;
  width: 1100px;
  margin: 0 auto;
  text-align: right;
  padding: 4px 0;
  font-size: 12px;    /* -- 202203 ★ --*/
  color: #FFFFFF;    /* -- 202203 ★ --*/
}

body > h1 .guide:after {
  background-position: -305px 2px;    /* -- spr -- */
}
body > h1 .biginner .pseudo:after {
  background-position: -215px 3px;
}

#gNav {
  width: 100%;
  /*background: rgba(234,234,234,.94);*/    /* -- 202203 ★× --*/  
  position: absolute;
  z-index: 3;
  -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
  /* filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99e5e5e5,EndColorStr=#99e5e5e5); */ /* IE8 */
  background: #eaeaea\9;/* IE8 */
  margin: 0\9;/* IE8 */
}
#gNav > nav {
  /* width: 1100px; */    /* -- 202203 ★× --*/  
  margin: 0 auto;
}
#gNav > nav > ul {
    display: flex;
    width: 1100px;
    height: 70px;
    align-items: center;
}
#gNav > nav.nav_2 > ul {
    justify-content: space-between;
}


#gNav > nav > ul > li {
  display: table-cell;
  vertical-align: middle;
  cursor: pointer;

 width: auto;

}
#gNav > nav > ul > li:not(.category) {
  position: relative;
}
#gNav > nav > ul > li:hover h2 {
  /*color: #e7c973;*/
}
#gNav > nav > ul > li > h2 {
  display: flex; 
  align-items: center;
  color: #222222;
}
#gNav ._txt{
    display: inline-block;
    margin-left: 28px;
    color: #FFF;
    font-size: 12px;
    text-align: center;
}
#gNav .myPage{
    text-align: left;
}
#gNav .myPage ._txt{
    text-align: left;
}
#gNav .myPage .pointBox{
    top: auto;
}
#gNav .pseudo ._txt .loginname{
    display: inline-block;
    max-width: 132px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 18px;
    vertical-align: middle;
}
#gNav .pseudo ._txt .loginname:before{
  background: transparent url(../../images/renew/style@2x.png) no-repeat scroll 0 0;
  background: transparent url(../../images/renew/style.png) no-repeat scroll 0 0\9;
  -webkit-background-size: 800px auto;
  -moz-background-size: 800px auto;
  -ms-background-size: 800px auto;
  -o-background-size: 800px auto;
  background-size: 800px auto;
  content: "";
  display: block;
  width: 10px;
  height: 15px;
  position: absolute;
  left: 0;
  margin: 18px 0 0 17px;
  z-index: 5;
}
#gNav .pseudo ._txt .loginname:before{
  background-position: -635px -145px;
}
#gNav ._beginner{
    margin-left: 0;
    padding: 5px 0px;
    border-radius: 3px;
    background-color: #bababa;
    color: #222222;
    font-weight: bold;
    width: 100px;
}

/* ----- subMenu ----- */
#gNav > nav > ul > li > .subMenu {
  display: none;
  position: absolute;
  left: -10px;
  top: 59px;  
  z-index: 2;
  background: rgba(255,255,255,.96);
  background: #fff\9;/* IE8 */
  width: 240px;
  border: 1px solid #ececec;
  border-width: 0 4px 4px;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  /*-webkit-box-shadow: 0 2px 8px 0 rgba(0,54,146,.16);
    -moz-box-shadow: 0 2px 8px 0 rgba(0,54,146,.16);
    box-shadow: 0 2px 8px 0 rgba(0,54,146,.16);*/
}
#gNav > nav > ul > li:hover > .subMenu {
  display: block!important;
}
#gNav > nav > ul > li > .subMenu > .pre {
  background: #ddd;
  text-align: center;
}
#gNav > nav > ul > li > .subMenu.w100 {
  width: 100%;
  left: 0;
  position: absolute;
  top: 130px;
}

#gNav > nav > ul > li > .subMenu.w100 > ul {
  width: 1100px;
  margin: 0 auto;
  padding: 50px 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}
#gNav > nav > ul > li li a {
  display: block;
  padding: 8px 10px;
}

/* ----- 20201030 eac.hayashiリニューアルに伴い追加 ----- */

#gNav > nav.nav_1 {
    text-align: -webkit-center;
    text-align: -moz-center;
    background-color: #3D3D3D;
}
#gNav > nav.nav_1 > ul{
    height: 80px;
}
#gNav.loggedin > nav.nav_1 > ul{
    height: 80px;
    justify-content: space-between;
}
#gNav > nav.nav_1 ul.listView{
    height: auto;
    text-align: left;
}

#gNav > nav.nav_1 > ul > li{
  display: inline-block;
}


#gNav > nav.nav_2 {
    height: 70px;
    background-color: #FFFFFF;
    text-align: -webkit-center;
    text-align: -moz-center;
    font-size: 130%;
}
#gNav > nav.nav_2 > ul > li > h2 {
  font-weight: bold;
}

/* ----- gNav ----- */
#gNav .pointBox .hello {
  margin: 0 0 4px;
}
#gNav .pointBox .num {
  font-size: 1.8rem;
  margin: 0 0 2px;
}
#gNav .pointBox .ponta {
  margin: 0 0 4px 122px;
}
#gNav > nav > ul > li:hover .pointBox h2 {
  color: #f0860f;
}

/* ----- logo ----- */
#gNav li.logo{
  text-align:left;
  margin-top:7px;
  margin-right: 29px;
}
#gNav .logo,
#gNav .logo a {
  width: 184px;
}
#gNav .logo a,
#gNav .ico .pseudo {
  height: 56px;
}
#gNav .logo a,
#gNav .ico .pseudo,
#gNav .logo .pseudo:after,
#gNav .cart #cartIn {
  -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}
#gNav .logo .pseudo:after {
    width: 180px;
    height: 50px;
    margin: -18px 0 0 -70px;
    left: 40%;
    background-position: 0 0px;
}
body > h1 .ico .pseudo:after,
#gNav .ico .pseudo:after {
  width: 25px;
  height: 25px;
  margin: -14px 0 0;
  /*left: 50%;*/
}
/*#gNav .ico:not(.srcBox) {
  width: 75px;
}*/
body > h1 .ico .pseudo:after {
    width: 24px;
    cursor: pointer;
    position: relative;
    margin: -34px 0 0 455px;
    background-size: 650px auto;
}
#gNav .nav_1 .ico .pseudo {
  display: inline-grid;
  align-items: center;
  width: 77px;
  cursor: pointer;
  position: relative;
}
#gNav .nav_2 .ico .pseudo {
  display: inline-grid;
  /*align-items: center;*/
  width: 88px;
  padding-left: 10px;
  cursor: pointer;
  position: relative;
}

body > h1 .ico .pseudo:hover,
#gNav .ico .pseudo:hover,
#gNav .beginner .pseudo:hover {
  opacity: .6;
  filter: alpha(opacity=60);/* IE6,7 */
  -ms-filter: "alpha(opacity=60)";/* IE8 */
}
#gNav .srcBox {
  width: 400px; 
  margin: -3px 84px 0 0px;
}
#gNav.loggedin .srcBox {
  width: 400px; 
  margin: -3px 72px 0 0px;
}
#gNav .srcBox input {
  display: block;
  float: left;
}
#gNav .srcBox input[type="text"]{
  font-size: 12px;
  font-family: 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', Roboto, 'Noto Sans';
}
#gNav .srcBox .searchQuery  {
  border: none;
  width: 100%; 
  padding: 6px 10px;
  background-color: #F5F5F5;
  border: 1px solid #707070;
  -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 5px;
  min-width: 310px;
  max-width: 400px;
}

#gNav .srcBox .searchQuery::-webkit-input-placeholder {
  color: #222;
}
#gNav .srcBox .searchQuery::-moz-placeholder {
  color: #222;
}
#gNav .srcBox .searchQuery:-ms-input-placeholder {
  color: #222;
}
#gNav .srcBox .btn  {
  background-position: -228px 13px;
  border: none;
  position: absolute;
  right: 0;
  top: 50%;
  margin: -22px 0 0;
}
#gNav .srcBox.active .searchQuery {
  width: 400px;
}
#gNav .biginner .pseudo:after {
  background-position: -270px 3px;
}
#gNav .biginner > .subMenu {
  left: inherit;
  right: -44px;
  width: 360px;
  padding: 16px;
}
#gNav .favorite .pseudo:after {
  background-position: -337px 2px;    /* -- spr -- */
  background-size: 880px auto;
}
#gNav .myPage .pseudo:after {
  background-position: -381px 0px;    /* -- spr -- */
  background-size: 880px auto;
}
#gNav .Menu .pseudo:after {
  background-position: -841px -41px;    /* -- spr -- */
  background-size: 1200px auto;
  width: 30px;
}
#gNav .favorite,
#gNav .myPage,
#gNav .cart {
  position: relative;
  margin-right: 22px;
}
#gNav .favorite {
  width: 90px;
  
}
#gNav .nav_1 .favorite.ico .pseudo{
   width: 90px;
}
#gNav .nav_1 .cart.ico .pseudo{
   width: 75px;
}
#gNav .cart {  
  letter-spacing: -1.8px;
}
#gNav .nav_1 .myPage.ico .pseudo{
  width: 100%;
  min-width: 75px;
  max-width: 175px;
  text-align: left;
}
#gNav .myPage > .subMenu {
  left: inherit;
  right: -44px;
  padding: 16px;
}

/* ----- cart ----- */
#gNav .cart .pseudo:after {
  background-position: -384px 3px;
}
#gNav .cart #cartIn  {
    position: absolute;
    border-radius: 50%;
    left: 20%;
    top: 11px;
    text-indent: -1;
    width: 15px;
    height: 15px;
    font-size: 9px;
    font-weight: 500;
    background-color: #BC5561;
    color: #FFF;
    z-index: 1;
}
#gNav .cart > .subMenu {
  left: inherit;
  right: 0;
  width: 240px;
}
#gNav .cart > .subMenu > .listView > li > a {
  border-width: 0 0 1px;
}
#gNav .cart .btnCart a {
  text-indent: 1rem;
}
#gNav .cart .btnCart a:after  {
  left: 18%;
}
#gNav .cart > .subMenu > .listView > .empty {
  padding: 24px 16px;
  text-align: center;
}

h2 > span._txt{
    font-size: 12px;
    display: block;
    height: 0px;
    width: 68px;
    position: relative;
    top: -10px
    letter-spacing: -2px;
    text-align: center;
    word-break: keep-all;
    color: #FFFFFF;
 }

/* ----- 20200908 eac_hayashi文言ズレにより調整 ----- */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* ここに書く */
h2 > span._txt{
    letter-spacing: -2px;
    position: relative;
    top: -10px
    
  }
}



/* ----- 20201030 eac.hayashiリニューアルに伴い追加 ----- */

#contents.cart.w100,
#contents.userInfo.w100,
#contents.shippng.w100,
#contents.shippngDetail.w100,
#contents.orderConfirm.w100,
#contents.orderComplete.w100 {
  margin: 84px auto 0;
}

/* ----- srcBox ----- */
.srcBox form {
  position: relative;
}
.srcBox form button {
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
  border: none;
  width: 24px;
  height: 24px;
}
.srcBox form button:hover {
  opacity: .6;
  filter: alpha(opacity=60);/* IE6,7 */
  -ms-filter: "alpha(opacity=60)";/* IE8 */
}
#contents .srcBox form .searchQuery,
.srcBox form button {
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  line-height: 120%;
}
header .srcBox form button {
  top: 4px;
  right: 8px;
}

/* ----- fixed ----- */
#gNav.fixed {
  z-index: 99;
  position: fixed;
  top: 0;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,54,146,.16);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,54,146,.16);
    box-shadow: 0 2px 4px 0 rgba(0,54,146,.16);
}

/* ----- 20201030 eac.hayashiリニューアルに伴い追加 ----- */

#gNav.fixed > nav.nav_1 {
  display: none;
}


#gNav.fixed .logo a,
#gNav.fixed .ico .pseudo {
  height: 44px;
}
#gNav.fixed .logo .pseudo:after {
 
/*----- 20180305 eac.masai共通ページキノギフトロゴ位置修正ここから  -----*/
/* 
  height: 24px;
  margin-top: -12px;
  background-position: 0 -13px;
*/
  height: 35px;
  margin-top: -12px;
  background-position: 0 -4px;
/*----- 20180305 eac.masai共通ページキノギフトロゴ位置修正ここまで  -----*/
}
#gNav.fixed .cart #cartIn  {
  top: 6px;
}
#gNav.fixed > nav > ul > li > .subMenu {
  top: 43px;
}

/* ----- for iPad ----- */
#gNav nav ul li.close .subMenu {
  display: none!important;
}
#gNav nav ul li.open .subMenu {
  display: block!important;
}

/* ----- ver. restriction ----- */
#gNav.rest .logo {
  width: 100%;
}
#gNav.rest > nav > ul > li > ul {
  left: inherit;
  right: 0;
}
#gNav.rest > nav > ul > li {
  cursor: default;
}


/* breadCrumb
==================================================================================== */
.breadCrumb {
  width: 480px;
  float: left;
  margin: 30px 0;
  font-size: 1.0rem;
  color: #7f7f7f;
}
.breadCrumb ul {
  list-style: none;
  display: block;
  margin: 0;
}
.breadCrumb li {
  display: inline-block;
}
.breadCrumb li + li:before {
  content: ">";
  padding: 0 4px;
}

/* miLogo
==================================================================================== */
#contents .miLogo {
  float: right;
  margin: 0 0 8px;
  color: #003692;
  font-size: 1.0rem;
  text-align: center;
  position: relative;
  top:-10px;
}
.miLogo .spr {
  width: 238px;
  height: 50px;
  background-position: 0 -43px;
}
.miLogo .spr_osechi {
  width: 228px;
  height: 32px;
  background-position: 0 -928px;
}
.miLogo .spr_m {
  width: 120px;
  height: 32px;
  background-position: 0 -43px;
}
.miLogo .spr_i {
  width: 100px;
  height: 32px;
  background-position: -128px -43px
}
#contents .occName.mochugen .miLogo .spr_m {
  background-position: 0 -43px;
}

/* footer
==================================================================================== */
footer {
  clear: both;
  margin: 60px 0 0;
  padding: 20px 0 0;
  color: #FFFFFF;
}
footer a:hover{
  opacity: .6;
}

footer > nav.nav_2 {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #3D3D3D;
  text-align: -webkit-center;
  text-align: -moz-center;
}
footer > nav.nav_2 > div {
  width: 1100px;
  /*padding: 0 72px 48px;*/
  margin: 0 auto
  display: table;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
footer > nav.nav_2 > ul.col4{
  width: 100%;
  display: flex;
}
footer > nav.nav_2 > ul.col4 > li {
  margin: 0 33px 20px 0;
  width: 250px;
  border: 1px solid ;#A0A0A0;
  padding: 1.5rem 1rem;
  color: #FFFFFF;

}
footer > nav.nav_2 > ul.col4 > li:nth-child(4) {
  margin: 0 0px 20px 0;
}


footer > nav > div:nth-of-type(2) {
  padding-bottom: 0;
}
footer > nav > .col4 > ul {
  width: 25%;
  display: table-cell;
}
footer > nav > .col5 > ul {
  width: 20%;
  display: table-cell;
}
footer > nav > div.col4 > ul li h2{
  text-align: left;
}
footer > nav > div.col4 > ul li a{
  padding: 4px 0;
  display: block;
  text-align: left;
  color: #FFFFFF;
}
footer > nav > div ul li.ind1 a {
  text-indent: 1rem;
}
footer > nav > div h2 {
  font-weight: bold;
  padding: 0 0 .4rem;
}

footer > nav.nav_1 {
  display: block;
  width: 100%;
  height: auto;
  background-color: #252525;
  color: #FFFFFF;
  text-align: -webkit-center;
  text-align: -moz-center;
  font-size: 14px;
}

footer > nav.nav_1 > div{
  margin: auto;
  width: 1100px;
}
footer > nav.nav_1 > div.div_pageTop {
  position: relative;
}
footer > nav.nav_1 > div.miLogo{
     padding: 34px 0;
     height: 29px;
}
footer > nav.nav_1 > div.group {
    padding: 0 0 40px;
}
footer > nav.nav_1 > div.copyright {
    padding: 0 0 30px;
}
footer > nav.nav_1 > div.copyright p {
    margin: 0 0 0 50px;
}

/* ----- Link ----- */

footer > nav.nav_2 > div > ul.guide{
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    align-items: stretch;
}
footer > nav.nav_2 > div > ul.guide li {
  display: flex;
  align-items: center;
  margin: 0 24px 0 0;
  width: 250px;
  border: 2px solid #A0A0A0;
  padding: 2rem 0;
  text-align: center;
}
footer > nav.nav_2 > div > ul.guide > li:last-child{
  margin: 0;
}
footer > nav.nav_2 > div > ul.guide li a{
  width: 100%;
  color:#FFF;
}

footer > nav.nav_2 > div > ul.col4 > ul{
  margin: 0 70px 0 0;
  width: auto;
}
footer > nav.nav_2 > div > ul.link > ul:last-child{
  margin: 0;
}
footer > nav.nav_2 > div > ul.link > li {
  width:auto;
  margin-right: 80px;
  padding: 0;
}
footer > nav.nav_2 > div > ul.link > li:last-child {
  margin-right: 0;
}
footer > nav.nav_2 > div > ul.link > li > ul{
  text-align: left;
}
footer > .nav_2 .link li ul li{
  display: table;
  width: auto;
  text-align: left;
  color: #FFF;
  letter-spacing: -0.8px;
}
footer > nav .link span{
  height: 21px;
}
.top_magagine .btn .ext .pseudo:hover{
    text-align: center;
    margin: auto;
    color: #fff;
    background-color: #515151;
    border-radius: 3px;
}
footer > nav .link a{
    width: auto;
    display: inline-block;
    padding-right: 25px;
    margin-bottom: -5px;
    color: #FFF;
}
.top_magagine .btn .ext .pseudo:after{
background-position: -385px -85px;
width: 20px;
height: 20px;
top: 25%;
right: 15%;
}
footer .ext .pseudo:after {
  background-position: -387px -88px;
  width: 16px;
  height: 15px;
  top: 0;
  right: 0;
}
.top_magagine .btn .pseudo{
  color: #fff;
}
.ext{

}

/* ----- pageTop ----- */
footer > nav .pageTop {
  bottom: 40px;
  right: 40px;
}
footer .pageTop {
  position: absolute;
  z-index: 1;
}
footer .pageTop a {
  display: block;
  width: 40px;
  height: 40px;
  background-position: -412px 10px;
  background-color: #fff;
  border: 1px solid #e4dccb;
  border-radius: 50%;
}
footer .pageTop a:hover {
  border-color: #e7c973;
}
footer > nav .pageTop {
  bottom: 40px;
  right: 40px;
}

/* ----- ver. restriction ----- */
footer.rest {
  position: relative;
}
footer.rest .pageTop {
  top: -40px;
  right: 40px;
}
footer.rest > nav > ul > li > ul {
  left: inherit;
  right: 0;
}


/* ----- copyright ----- */
footer > .copyright {
  display: table;
}
footer > .copyright > p {
  color: #5f5f5f;
  display: table-cell;
  width: 50%;
  padding: 16px 0;
  vertical-align: middle;
  font-size: 1.1rem;
}

footer .miLogo .spr {
    width: 260px;
    height: 29px;
    margin: 0px auto;
    background-position: 0 -183px;
}
footer .miLogo small {
  padding: 11px 0 0 16px;
}



/* ----- chList ----- */
.chBoxList > li {
  padding: 0 0 8px;
}





/* ----- vBarList ----- */
.vBarList > li {
  display: inline-block;
}
.vBarList > li:after {
  content: "|";
  padding: 0 0 0 8px;
}
.vBarList > li:last-child:after {
  display: none;
}

/* ----- brand ----- */
footer > div > p.brandlogo{
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .2rem !important;
    padding: 20px 10px 20px 0;
    text-align: right;
    font-family: 'Lato', 'Noto Sans JP', sans-serif;
}

/* contents
==================================================================================== */
#contents {
  width: 1100px;
  margin: 150px auto 0;
  position: relative;
}

/* ----- w100 ----- */
#contents.w100 > .breadCrumb {
  margin: 0;
}
#contents.w100 > .title {
  clear: both;
}
#contents.w100 #main + .boxR {
  float: left!important;
  margin: 0 0 0 40px;
}





/* main
==================================================================================== */
#main {
  clear: both;
  width: 840px;
  float: right;
  margin: 0 0 40px;
  position: relative;
}
#main > .title > p {
  line-height: 180%;
  margin: 0 0 1.2rem;
}
#main > .title > p:last-child {
  margin: 0;
}

/* leftNav
==================================================================================== */
#leftNav {
  width: 220px;
  float: left;
  background: rgba(255,255,255,.96);
  background: #fff\9;/* IE8 */
  padding: 0;
  margin: 0;
}

/* ----- occasion ----- */

#leftNav > h2.occName{
  text-align: left;
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 30px;
}
#leftNav .occName > a {
  height: 56px;
  background: none;
  text-indent:0;
  overflow: unset;
}
#leftNav .occName > a:hover {
  opacity: .6;
    filter: alpha(opacity=60);/* IE6,7 */
    -ms-filter: "alpha(opacity=60)";/* IE8 */
}


@media all and (-ms-high-contrast: none) {
  #leftNav > h2.occName > a.spr{
    display: inline;
    /* background-position:50px; */
  }
}

#leftNav > h2.occName.brid-eve > a.spr,
#leftNav > h2.occName.home-iwi > a.spr,
#leftNav > h2.occName.home-uch > a.spr,
#leftNav > h2.occName.xmascake > a.spr,
#leftNav > h2.occName.bulk > a.spr,
#leftNav > h2.occName.emplgift > a.spr,
#leftNav > h2.occName.stayhome > a.spr,
#leftNav > h2.occName.wine > a.spr,
#leftNav > h2.occName.onenga > a.spr,
#leftNav > h2.occName.prevent > a.spr
{
  font-size: 36px;
}
#leftNav > h2.occName.beaujol > a.spr
{
  font-size: 36px;
  letter-spacing: -8px;
}
#leftNav > h2.occName.kids-eve > a.spr,
#leftNav > h2.occName.baby-eve > a.spr,
#leftNav > h2.occName.corporat > a.spr
{
    font-size: 36px;
    letter-spacing: -2px;
}


/* ----- for closed occasion v1.0 ----- */
/*
#contents.occasionTop #leftNav .occName.baby-eve ~ nav,
#contents.occasionTop #leftNav .occName.baby-iwi ~ nav,
#contents.occasionTop #leftNav .occName.baby-uch ~ nav,
#contents.occasionTop #leftNav .occName.birthday ~ nav,
#contents.occasionTop #leftNav .occName.brid-eve ~ nav,
#contents.occasionTop #leftNav .occName.brid-iwi ~ nav,
#contents.occasionTop #leftNav .occName.brid-uch ~ nav,
#contents.occasionTop #leftNav .occName.business ~ nav,
#contents.occasionTop #leftNav .occName.chjy-iwi ~ nav,
#contents.occasionTop #leftNav .occName.home-iwi ~ nav,
#contents.occasionTop #leftNav .occName.home-uch ~ nav,
#contents.occasionTop #leftNav .occName.kaik-iwi ~ nav,
#contents.occasionTop #leftNav .occName.kids-eve ~ nav,
#contents.occasionTop #leftNav .occName.life-iwi ~ nav,
#contents.occasionTop #leftNav .occName.okaeshi ~ nav,
#contents.occasionTop #leftNav .occName.omimai ~ nav,
#contents.occasionTop #leftNav .occName.tai-iwi ~ nav,
#contents.occasionTop #leftNav .occName.temiyage ~ nav {
  display: none;
}*/
#leftNav nav > .pre {
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center;
  padding: 40px 0;
}

#leftNav > .pre_1{
margin: 0;
  float: left;
  margin: -148px 0 40px;
  padding: 80px 0 0;
  width: 220px;
  padding:0 !important;
}
/*
#leftNav nav > section .pre_2{
margin: 0;
  padding: 0;
  width: 220px;
  background: rgba(255, 255, 255, 0.96) none repeat scroll 0 0;
  padding: 145px 0;
}
#leftNav nav > section .pre_3{
margin: 0;
  padding: 0;
  width: 220px;
  background: rgba(255, 255, 255, 0.96) none repeat scroll 0 0;
  padding: 104px 0;
}
*/

/* ----- benefit ----- */
#leftNav .benefit,
#about .benefit  {
  padding: 16px 16px 88px;
  font-size: 1.0rem;
  line-height: 1.1;
}
#leftNav .occName + .benefit,
#about .occName + .benefit {
  padding: 12px 16px 95px;
}
#leftNav .benefit .spr,
#about .benefit .spr {
  float: left;
}
#leftNav .benefit .micard,
#about .benefit .micard {
  color: #003692;
  line-height: 18px;
  display: none;
}

#leftNav .benefit .rPoint,
#about .benefit .rPoint {
  color: none;
}
#leftNav .benefit .rPoint .spr,
#about .benefit .rPoint .spr {
  width: 51px;
  height: 14px;
  background-position: -260px -27px;
}
#leftNav .btnOpen {
  display: none;
}

#contents.guide div#leftNav ul.benefit,
#contents.brandlist div#leftNav ul.benefit,
#leftNav .baby-eve + .benefit,#about .baby-eve + .benefit,
#leftNav .baby-iwi + .benefit,#about .baby-iwi + .benefit,
#leftNav .baby-uch + .benefit,#about .baby-uch + .benefit,
#leftNav .birthday + .benefit,#about .birthday + .benefit,
#leftNav .brid-eve + .benefit,#about .brid-eve + .benefit,
#leftNav .brid-iwi + .benefit,#about .brid-iwi + .benefit,
#leftNav .brid-uch + .benefit,#about .brid-uch + .benefit,
#leftNav .business + .benefit,#about .business + .benefit,
#leftNav .chjy-iwi + .benefit,#about .chjy-iwi + .benefit,
#leftNav .home-iwi + .benefit,#about .home-iwi + .benefit,
#leftNav .home-uch + .benefit,#about .home-uch + .benefit,
#leftNav .kaik-iwi + .benefit,#about .kaik-iwi + .benefit,
#leftNav .kids-eve + .benefit,#about .kids-eve + .benefit,
#leftNav .life-iwi + .benefit,#about .life-iwi + .benefit,
#leftNav .okaeshi + .benefit,#about .okaeshi + .benefit,
#leftNav .omimai + .benefit,#about .omimai + .benefit,
#leftNav .oseibo + .benefit,#about .oseibo + .benefit,
#leftNav .tai-iwi + .benefit,#about .tai-iwi + .benefit,
#leftNav .temiyage + .benefit,#about .temiyage + .benefit,
#leftNav .mother + .benefit,#about .mother + .benefit,
#leftNav .father + .benefit,#about .father + .benefit,
#leftNav .ochugen + .benefit,#about .ochugen + .benefit,
#leftNav .mochugen + .benefit,#about .mochugen + .benefit,
#leftNav .iochugen + .benefit,#about .iochugen + .benefit,
#leftNav .chochin + .benefit,#about .chochin + .benefit,
#leftNav .ushinohi + .benefit,#about .ushinohi + .benefit,
#leftNav .osechi + .benefit,#about .osechi + .benefit,
#leftNav .xmas + .benefit,#about .xmas + .benefit,
#leftNav .moseibo + .benefit,#about .moseibo + .benefit,
#leftNav .ioseibo + .benefit,#about .ioseibo + .benefit,
#leftNav .valentin + .benefit,#about .valentin + .benefit,
#leftNav .whiteday + .benefit,#about .whiteday + .benefit,
#leftNav .summ-gft + .benefit,#about .summ-gft + .benefit,
#leftNav .sean-gft + .benefit,#about .sean-gft + .benefit,
#leftNav .randsel + .benefit,#about .randsel + .benefit,
#leftNav .keirou + .benefit,#about .keirou + .benefit,
#leftNav .iwai + .benefit,#about .iwai + .benefit,
#leftNav .corporat + .benefit,#about .corporat + .benefit,
#leftNav .bulk + .benefit,#about .bulk + .benefit,
#leftNav .emplgift + .benefit,#about .emplgift + .benefit,
#leftNav .stayhome + .benefit,#about .stayhome + .benefit,
#leftNav .wine + .benefit,#about .wine + .benefit, 
#leftNav .emergncy + .benefit,#about .emergncy + .benefit,
#leftNav .onenga + .benefit,#about .onenga + .benefit {
  padding: 12px 16px 0;
}

#contents.categoryList div#leftNav ul.benefit {
  padding-bottom: 88px!important;
}


/* ----- pointBox ----- */
#leftNav .pointBox {
  margin: 8px 0 0;
  padding: 8px 16px;
  border-top: 1px solid #e4dccb;
}
#leftNav .pointBox .hello {
  margin: 4px 0 12px;
}
.pointBox > div > ul {
  margin: 8px 0 0;
}
.pointBox > div > ul li {
  margin: 0 0 4px;
}
.pointBox > div > ul li:last-child {
  margin: 0;
}
.pointBox > div > ul li a {
  display: block;
}

/* ----- logined ----- */
.pointBox > .logined .loginBox {
  margin: 0 0 22px;
}
.pointBox > .logined .loginBox ul {
  margin: 7px 0 0;
}
.pointBox > .logined .btnS > a {
  padding: 11px 8px;
    background: #fae1c0;
    border-bottom: #8d781c solid 2px;
    border-radius: 4px;
    font-size: 110%;
}
.pointBox > .logined .btn_hojin,
.pointBox > .notLogined .btn_hojin {
  margin: 26px 0;
}
.pointBox > .logined .btn_hojin > a,
.pointBox > .notLogined .btn_hojin > a {
  padding: 10px;
    background: #023886;
    font-size: 93%;
    text-align: center;
    color: #fff;
}
.pointBox > .logined .btn_hojin > a:hover,
.pointBox > .notLogined .btn_hojin > a:hover {
    color: #023886;
    background: #d4ddeb;
}

.pointBox > .logined .btnS > a .spr {
  content: "";
  display: inline-block;
  width: 104px;
  height: 22px;
  background-position: -260px -76px;
  position: relative;
  top: 1px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.pointBox > .logined .btnS > a .spr {
  content: "";
  vertical-align:bottom!important;
  display: inline-block;
  width: 104px;
  height: 28px;
  background-position: -260px -76px;
  position: relative;
  top: 1px;
}
}
.pointBox > .logined .recruit_btn_ > .btn_ > a > img {
    width: 50%;
    margin: 0 25%;
}
.pointBox > .logined .recruit_btn_ > p {
    font-size: 60%;
    margin: 7px 0 0 0;
}

/* ----- notLogined ----- */
.pointBox .num,
.pointBox h2,
.pointBox.lite .ponta {
  color: #f0860f;
}
.pointBox .ponta.spr {
  content: "";
  display: inline-block;
  width: 78px;
  height: 16px;
  background-position: -258px -50px;
  position: relative;
  top: 2px;
  margin: 0 0 0 110px;
}
.pointBox > .notLogined .num {
  color: #f0860f;
  font-size: 2.4rem;
  text-align: right;
}
.pointBox > .notLogined .num > span {
  font-size: 1.2rem;
  padding: 0 0 0 4px;
}

/* ----- It hides the point menu cases of not Top and Ocaasion Top ----- */
#contents.categoryList .pointBox > div > ul,
#contents.brandlist .pointBox > div > ul,
#contents.freeWord .pointBox > div > ul,
#contents.favoriteList .pointBox > div > ul,
#contents.itemDetail .pointBox > div > ul {
  display: none;
}
#contents.brandlist .pointBox > div > ul,
#contents.itemDetail .pointBox > .logined .btnS {
  margin: 0;
}

/* ----- lite ----- */
.pointBox.lite {
  background-color: #fff;
  padding: 16px;
  margin: 0 0 40px;
}
.pointBox.lite > div {
  display: table;
}
.pointBox.lite > div > p {
  display: table-cell;
}
.pointBox.lite > div > p:nth-of-type(1) {
  padding: 0 16px 0 0;
}
.pointBox.lite > div > p:nth-of-type(2) {
  padding: 0 4px 0 0;
}

/* ----- countsBox ----- */
#main .countsBox {
/*
  display: none;
*/
  display: block;
}
#leftNav .countsBox {
  display: none;
  padding: 16px 0 4px;
  border-top: 1px solid #e4dccb;
  text-align: center;
}
#leftNav .countsBox h2,
#leftNav .countsBox p span {
  font-size: 1.4rem;
}
#leftNav .countsBox p {
  font-size: 2.4rem;
}




/* ----- info ----- */
#info {
  margin: 8px 0;
  padding: 8px 16px;
  border-top: 1px solid #e4dccb;
}
#info h2 {
  padding: 8px 0 0;
}
#info li {
  padding: 0 0 16px;
  margin: 0 0 16px;
  border-bottom: 1px solid #f9f6f3; 
}
#info li:last-child {
  padding: 0;
  margin: 0;
  border-bottom: none; 
}
#info li .date {
  display: block;
  color: #7f7f7f;
}


/* ----- nav ----- */
#leftNav > nav {
  /*margin: 7px 0 0;
  padding: 16px 0 0;*/
  /*border-top: 1px solid #e4dccb;*/
  position: relative;
}
/*
#leftNav > nav:before,
#leftNav > nav:after {
  content: "";
  position: absolute;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
}

#leftNav > nav:before {
  top: -10px;
  margin-left: -10px;
  border-width: 0 9px 10px 9px;
  border-color: transparent transparent #e4dccb transparent;
}
*/
#leftNav > nav:after {
  top: -9px;
  margin-left: -9px;
  border-width: 0 8px 9px 8px;
  border-color: transparent transparent #fff transparent;
}

/* ----- srcBox ----- */
#contents .srcBox form {
  margin: 0 0 8px;
}

#contents .srcBox form .searchQuery,
#contents .srcBox form button {
  border: 1px solid #e4dccb;
}
#contents .srcBox form .searchQuery {
  border-width: 1px 0 1px 1px;
}
#contents .srcBox form button {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fff;
}
#contents #leftNav .srcBox {
  margin: 0 0 32px;
}
#contents #leftNav .srcBox form {
  margin: 0;
}
#contents #leftNav .srcBox form .searchQuery,
#contents #leftNav .srcBox form button {
  width: 100%;
  height: 46px;
  margin: -2px;
  border-radius: 5px;
  border: none;
  padding: 8px 8px;
  background-color: #F5F5F5;
}
#contents #leftNav .srcBox form input.searchQuery[type="text"]{
  color: #999999;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -1.0px;
}
#contents #leftNav .srcBox form input.searchQuery[type="text"]:focus {
  outline: none;
  border: none;
}
#contents #leftNav .srcBox form button {
  width: 36px;
  padding: 8px 0;
}


/* ----- dropDownMenu ----- */
.dropDownMenu {
  position: relative;
  font-size: 1.2rem;
}
.dropDownMenu li {
  position:relative;
}
.dropDownMenu li a,
#leftNav .treeMenu a {
  display: block;
}
.dropDownMenu h3{
  background: #fcf3e0;
}
#leftNav .dropDownMenu li:hover > a,
#leftNav .treeMenu a:hover {
  box-shadow: 2px 2px 4px grey;
}
.dropDownMenu a,
.dropDownMenu h3,
#leftNav nav h2.basic,
#leftNav .treeMenu a {
  /*padding: 4px 16px;*/
  padding: 4px 16px 4px 0;
}
.dropDownMenu ul,
#leftNav nav > section {
  margin: 0 0 32px;
}
.dropDownMenu ul {
  display: none;
  position: absolute;
  top: -1px;
  left: 100%;
  z-index: 2;
  width: 200px;
  background: rgba(255,255,255,.96);
  background: #fff\9;/* IE8 */
  border: 1px solid #f9f6f3;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,54,146,.16);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,54,146,.16);
    box-shadow: 0 2px 4px 0 rgba(0,54,146,.16);
}


.dropDownMenu li:hover > ul {
  display: block;
}

/* ----- treeMenu ----- */
#leftNav .treeMenu .arrL > a {
  padding: 4px 8px 4px 20px;
}
#leftNav .treeMenu .arrL > a:after {
  left: 8px;
}
#leftNav .treeMenu .current > a {
  color: #070303;
  font-weight: bold;
  cursor: default;
}
#leftNav .treeMenu .current > a:hover {
  background-color: transparent;
}
#leftNav .treeMenu ul a {
  padding: 4px 8px 4px 3.2rem;
}
#leftNav .treeMenu ul ul a {
  padding: 4px 8px 4px 4.2rem;
}
#leftNav .treeMenu ul ul ul a {
  padding: 4px 8px 4px 6.2rem;
}

/* ----- info ----- */
#leftNav #info h2.basic {
  margin: 0 0 8px 0;
}

#leftNav #info .listView > li > a {
  display : table;
  padding: 16px;
  border-bottom: none;
  color: #5f5f5f;
}

/* ----- bnArea ----- */
#leftNav .bnArea {
  margin: 0 10px 20px;
}
#leftNav .bnArea li {
  margin: 0 0 10px;
}
#leftNav .bnArea li:last-child {
  margin: 0;
}
#leftNav .bnArea li a {
  display: block;
}


/* ranking
==================================================================================== */
#ranking .date {
  color: #7f7f7f;
  display: block;
  margin: -32px 0 16px;
  text-align: right;
}

/* ----- number ----- */
#ranking .col5 > li,
#ranking .col5 > li > a {
  position: relative;
}
#ranking .col5 > li:after {
  width: 20px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  text-align: center;
  position: absolute;
  z-index: 1;
  left: -1px;
  top: -4px;
}
#ranking .col5 > li:nth-child(1):after {
  content: "1";
}
#ranking .col5 > li:nth-child(2):after {
  content: "2";
}
#ranking .col5 > li:nth-child(3):after {
  content: "3";
}
#ranking .col5 > li:nth-child(4):after {
  content: "4";
}
#ranking .col5 > li:nth-child(5):after {
  content: "5";
}
#ranking .col5 > li:nth-child(6):after {
  content: "6";
}
#ranking .col5 > li:nth-child(7):after {
  content: "7";
}
#ranking .col5 > li:nth-child(8):after {
  content: "8";
}
#ranking .col5 > li:nth-child(9):after {
  content: "9";
}
#ranking .col5 > li:nth-child(10):after {
  content: "10";
}
#ranking .col5 > li > a:before,
#ranking .col5 > li > a:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: -1px;
  z-index: 1;
  border-style: solid;
}
#ranking .col5 > li > a:before {
  border-width: 0 10px 16px 10px;
  border-color: transparent transparent #e20b20 transparent;
  top: -4px;
}
#ranking .col5 > li > a:after {
  border-width: 16px 10px 0 10px;
  border-color: #e20b20 transparent transparent transparent;
  top: 12px;
}
#ranking .col5 + .btnS {
  min-width: 200px;
  max-width: 300px;
  width: 50%;
  margin: 16px auto 0 auto;
}





/* categoryImg
==================================================================================== */
#categoryImg.col3 > li {
  padding: 0;
}
#categoryImg > li > a {
  color: #5f5f5f;
  display: block;
  padding: 24px 16px;
}
#categoryImg > li > a > .thumb {
  width: 160px;
  height: 160px;
  margin: 0 auto;
  background: transparent url(http://img.kinogift.jp/images/category.png?rev=20141110) no-repeat scroll 0 0;
}
#categoryImg > li:nth-child(1) > a > .thumb {
  background-position: 0 0;
}
#categoryImg > li:nth-child(2) > a > .thumb {
  background-position: -160px 0;
}
#categoryImg > li:nth-child(3) > a > .thumb {
  background-position: -320px 0;
}
#categoryImg > li:nth-child(4) > a > .thumb {
  background-position: -480px 0;
}
#categoryImg > li:nth-child(5) > a > .thumb {
  background-position: -640px 0;
}
#categoryImg > li:nth-child(6) > a > .thumb {
  background-position: -800px 0;
}
#categoryImg > li:nth-child(7) > a > .thumb {
  background-position: -960px 0;
}
#categoryImg > li:nth-child(8) > a > .thumb {
  background-position: -1120px 0;
}
#categoryImg > li:nth-child(9) > a > .thumb {
  background-position: -1280px 0;
}
#categoryImg > li:nth-child(10) > a > .thumb {
  background-position: -1440px 0;
}
#categoryImg > li:nth-child(11) > a > .thumb {
  background-position: -1600px 0;
}
#categoryImg > li:nth-child(12) > a > .thumb {
  background-position: -1760px 0;
}
#categoryImg > li:nth-child(13) > a > .thumb {
  background-position: -1920px 0;
}
#categoryImg > li:nth-child(14) > a > .thumb {
  background-position: -2080px 0;
}
#categoryImg > li:nth-child(15) > a > .thumb {
  background-position: -2240px 0;
}
#categoryImg > li > a > h3 {
  padding: 4px 8px 0;
  text-align: center;
}
#categoryImg > li > a:hover > .thumb {
  opacity: .6;
  filter: alpha(opacity=60);/* IE6,7 */
  -ms-filter: "alpha(opacity=60)";/* IE8 */
}
#categoryImg > li > a:hover {
  color: #e7c973;
}


/* about
==================================================================================== */
#about {
  background: #fff;
  margin: 0 0 80px;
}
#about > div {
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#about > .boxL {
  width: 420px;
  padding: 86px 0 0;
}
#about > .boxL > img {
  display: block;
  width: 202px;
  margin: 0 auto 68px;
}
#about > .boxL > .benefit {
  padding: 0;
}
#about > .boxL > .benefit > li {
  display: inline-block;
}
#about > .boxL > .benefit > li.rPoint {
  margin: 0 20px;
}
#about > .boxR {
  width: 540px;
  padding: 40px 20px 40px 0;
}


/* guide
==================================================================================== */
#guide {
  margin: 0 0 40px;
}
#guide.tabBox .tabMenu {
  border-width: 0 0 1px;
}
#guide.tabBox .tabInner > div {
  padding: 16px 40px 40px;
}
#guide.tabBox .tabInner > div > p {
  margin: 0 0 2rem;
}




/* category
==================================================================================== */
#category .listView > li > a {
  border-bottom: none;
}
/* tileView */
#category .tileView .thumb {
  width: 120px;
  margin: 0 auto 4px;
}
#category .tileView > li {
  text-align: center;
}
#category .tileView > li > a {
  padding: 24px 8px;
}
#category .tileView > li > a:hover {
  color: #e7c973;
}


/* PR
==================================================================================== */
#pr > h2 {
  padding: 0 0 0 40px;
}
#pr > ul {
  width: 752px;
  margin: -16px auto 80px;
}
#pr > ul > li {
  width: 240px;
  float: left;
  margin: 0 16px 16px 0;
}
#pr > ul > li:nth-child(3n) {
  margin: 0 0 16px;
}


/* calendar
==================================================================================== */
#calendar {
  margin: 0 0 40px;
}
#calendar > ul > li > div {
  background-color: #fff;
  padding: 32px;
  height: 240px;
}
#calendar .title {
  display: table;
  width: 100%;
  margin: 0 0 8px;
}
#calendar .title > li {
  display: table-cell;
  vertical-align: middle;
}
#calendar .title > .num {
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
  width: 48px;
  height: 48px;
  border: 1px solid #fcf3e0;
  outline: 4px solid #f9f9f9;
}
#calendar .title > li:last-child {
  width: 75%;
  padding: 0 16px;
}
#calendar .title > li:last-child h3.basic > span {
  font-weight: normal;
  font-size: 1.2rem;
}

#calendar .event > li {
  padding: 0;
}
#calendar .event > li > a {
  display: block;
  padding: 4px 0;
}




/* popBrand
==================================================================================== */
#leftNav + * {
  clear: both;
}
/*#main #popBrand {
  margin-left: -260px;
}*/

#popBrand .date {
  display: block;
  margin: -32px 0 16px;
  text-align: right;
}

/* recentItems
==================================================================================== */
#recentItems {
  margin: 0 0 40px;
}
#recentItems .col2 {
  margin: 0 0 4px;
}
#recentItems .col2 > li {
  padding: 0;
}
#recentItems .listView > li > a {
  padding: 16px;
  border-bottom: none;
  background: #fff;
}


/* newItems
==================================================================================== */
#newItems {
  margin: 0 0 40px;
}


/* recommend
==================================================================================== */
#recommend {
  clear: both;
  background: #fff;
  padding: 16px;
  position: relative;
  z-index: 1;
}
#recommend {
  margin: 0 0 40px;
}
#recommend .jcarousel-skin-tango .jcarousel-item {
  width: 120px;
}
.recommend .thumb{
  border: 1px solid #DCDCDD;
}
.recommend h3,.recommend dt,.recommend dd{
  font-size: 14px;
}
.recommend dl{
    line-height: 2rem;
}
.reco_brand{
  font-size: 12px;
  font-weight: bold;
}
section.recommend{
  clear: both;
  margin-bottom: 120px;
  padding: 0;
}
.recommend .col4 li{
    margin: 20px 24px 0 0;
    width: 257px;
    height: 100%;
    padding: 0;
    max-height: 322px;
    line-height: 1.8rem;
}
.recommend .col4 li:nth-child(4n) {
  margin: 20px 0 0 0;
}
.recommend .col4 .price{
  font-weight: bold;
}

/* checkedItems
==================================================================================== */
#checkedItems {
  clear: both;
  background: #fff;
  padding: 0;
  position: relative;
  z-index: 1;
}
#checkedItems .jcarousel-skin-tango .jcarousel-item {
  width: 120px;
}
#checkedItems #itemHistoryButton {
  display: none;
}

/* ----- jcarousel ----- */
.jcarousel-skin-tango .jcarousel-container {
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
  direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
  width: 1100px;
  margin: 0 auto;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
  width: 75px;
  height: 245px;
  padding: 40px 20px;
}
.jcarousel-skin-tango .jcarousel-clip {
  overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
  width: 1100px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
  width:  75px;
  height: 245px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
  margin-left: 0;
  margin-right: 20px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
  margin-left: 10px;
  margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
  margin-bottom: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
  background: #fff;
  color: #070303;
}
.jcarousel-skin-tango .jcarousel-next-horizontal,
.jcarousel-skin-tango .jcarousel-prev-horizontal {
  position: absolute;
  top: 50%;
  right: 40px;
  display: block;
  width: 30px;
  height: 30px;
  background-color: #fff;
  /*border: 1px solid #e4dccb;
  border-radius: 50%;*/
  margin: -20px 0 0 0;
  cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
  right: -50px;
  background-position: -447px 11px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
  left: -50px;
  background-position: -522px 11px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
  opacity: .6;
  filter: alpha(opacity=60);/* IE6,7 */
  -ms-filter: "alpha(opacity=60)";/* IE8 */
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
  left: 5px;
  right: auto;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
  /*background-position: -64px 0;*/
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
  cursor: default;
  /*background-position: -96px 0;*/
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
  left: auto;
  right: 5px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
  /*background-position: -64px 0;*/
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
  cursor: default;
  /*background-position: -96px 0;*/
}
.jcarousel-skin-tango img {
  width: 100%;
}



/* keyv
==================================================================================== */
/* --#keyv {
  position: absolute;
  top: -108px;
  z-index: 0;
  text-align: center;
  height: 440px;
}-- */
#keyv .bx-wrapper {
  overflow: hidden;
}

/* ----- occasion ----- */
.occasionTop  #keyv {
  width: 100%;
  margin: 0 auto 75px;
}
.occasionTop  #keyv > img{
  width: 100%;
}


/* ====================================================================================

 TOP

==================================================================================== */
body#top #leftNav,
body#top .breadCrumb,
body#top .miLogo,
#contents.occasionTop > #leftNav,
#contents.occasionTop > .breadCrumb,
#contents.occasionTop > .miLogo,
#contents.scene > #leftNav,
#contents.scene > .breadCrumb,
#contents.scene > .miLogo {
  position: relative;
  z-index: 1;
}
body#top #main {
  margin: 640px 0 0;
}
body#top #main > .scene {
  margin: 0 0 40px;
}
body#top #main > .scene .cardView > li {
  margin: 0;
}

#contents.scene #main {
  margin-top: 252px;
}
#block_of_top_body{
  text-align: center;
  margin-bottom: 120px;
}

/* ----- BG color of #gNav and #keyv will be changed by bxSlider ----- */
body#top #keyv {
  -webkit-transition: background-color .7s linear;
    -moz-transition: background-color .7s linear;
    -o-transition: background-color .7s linear;
    -ms-transition: background-color .7s linear;
    transition: background-color .7s linear;
}
body#top #keyv{
    position: unset;
    background-color: #fff;
    height: 100%;    /* -- 202203 DEL -- */ 
}

/* ----- bxSlider ----- */
#keyv > .inner {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  /*width: 1100px;
  margin: 0 auto;*/
  /*position: relative;*/
  /*top: 80px;*/ /* -- 202203 DEL -- */  
}

#keyv > div > ul.inner_slide {
    display: inline-block;
    width: 100%;
    text-align: center;
    /*padding: 0;
    width: 100vw;
    float: left;
    width: 1920px;
    margin: 0 calc(50% - 50vw);*/
}
body#top  #keyv .slick-slide img{
    width: 100%;
}
#keyv > div > div.inner_bnr {
  margin: 0 0 0 10px;
  display: inline-block;
  padding: 0;
}
#keyv > div > div > ul > li:nth-child(1) {
  padding: 0 0 20px 0;
}
#keyv > div > div > ul > li > a > img{
  width: 260px;
}

#keyv .bxSlider img,
#keyv .bxSliderThumb img {
  width: 100%;
  height: auto;
}
#keyv > .inner > .bxSlider {
  height: 440px;
  overflow: hidden;
}
#keyv .bxSliderThumb {
  width: 376px;
  margin: 0;
  position: absolute;
  z-index: 99;
  right: 16px;
  bottom: -43px;
  letter-spacing: -0.4em;/* Hack for each space */
}
#keyv > .inner > .bxSliderThumb li {
  display: inline-block;
  letter-spacing: normal;/* Hack for each space */
  width: 120px;
  margin: 0 8px 0 0;
}
#keyv > .inner > .bxSliderThumb li:last-child {
  margin: 0;
}
#keyv > .inner > .bxSliderThumb li > a {
  height: 57px;
  display: block;
  border: 1px solid #fff;
  background-color: #fff;
}
#keyv > .inner > .bxSliderThumb li > a.active {
  background-color: #666;
}
#keyv > .inner > .bxSliderThumb li > a.active img {
  opacity: .4;
  filter: alpha(opacity=40);/* IE6,7 */
  -ms-filter: "alpha(opacity=40)";/* IE8 */
}


/* ----- top hotword ----- */

#keyv >  div.top_hotword {
    clear: both;
    margin: 50px auto 0;
}
#keyv >  div.top_hotword > ul {
    width: auto;
    padding: 0 2rem;
}

#keyv >  div.top_hotword > ul li {
    display: inline-block;
    min-width: 100px;
    padding: 8px 6px;
    text-align: center;
    font-size: 18px;
}
#keyv >  div.top_hotword > ul li a{
}
div.badge{
    background-color: #515151;
    border: 1px solid #707070;
    border-radius: 20px;
    padding: 0.5rem 23px;
    color: #FFFFFF;
}


/* ----- top news ----- */
#keyv >  div.top_attention {
    clear: both;
    margin: 50px auto 0;
    /*position: relative;*/    /* -- 202203 DEL -- */ 
    /*top: 80px;*/    /* -- 202203 DEL -- */     
}
#keyv >  div.top_attention > ul {
    display: inline-grid;
    width: auto;
    padding: 1rem 2rem;
    border: 2px solid #e3e3e3;
    font-size: 16px;
}

#keyv >  div.top_attention > ul li {
    padding: 8px 6px;
    font-size: 90%;
    text-align: center;
    text-decoration: underline;
    display: inline-block;
}
/*
#block_of_top_body > section.top_announcement {
    margin: 0 0 40px;
}
#block_of_top_body > section.top_announcement > div {
  background: #fff;
    padding: 13px 20px;
    font-size: 110%;
    text-align: center;
    text-decoration: underline;
    letter-spacing: 1px;
    margin: 13px 0;
}
*/
#block_of_top_body > section.top_occasion,
#block_of_top_body > section.top_recommended,
#block_of_top_body > section.top_magagine,
#block_of_top_body > section.top_category{
    text-align: left;
}

#block_of_top_body > section > h2{
  margin-top: 120px;
  font-size: 28px;
  text-align: left;
}


/* ----- top_recommended ----- */
section.top_recommended.recommend h3{
  font-size: 14px;
overflow-x: hidden;
height: 50px;
overflow-y: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

/* ----- top_magagine ----- */
#block_of_top_body > section.top_magagine > ul {
  display: inline-flex;
  list-style: none;
}
#block_of_top_body > section.top_magagine > ul.randomdisplay {
  padding: 23px 0px;
  background: #fff;
}

section.top_magagine >ul.col4 li{
  display: block;
  margin: 20px 20px 0 0;
  width: 257px;
  height: 185px;
  padding: 0;
  text-align: center;

}section.top_magagine >ul.col4 li:nth-child(4){
  margin: 20px 0 0 0;
}

section.top_magagine >ul.col4 li a{
  display: inline-block;
  width: 100%;
  height: auto;
}
section.top_magagine >ul.col4 li a img{
  width: 257px;
  height: 135px;
}
section.top_magagine .img_layer {
  position: relative;
}
section.top_magagine .img_layer:hover {
  content: "";
  width: 257px;
  height: 135px;
  background-color: rgba(0,0,0,60%);
  opacity: 1;
}
.top_magagine_keyword {
  display: none;
  width: 0; 
}

section.top_magagine >ul.col4 li a:hover .top_magagine_keyword{
  display: block;
    position: absolute;
    left: 3px;
    top: -90px;
    padding: 5px 3px;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    width: 95%;
}
section.top_magagine_intro {
  position: relative;
  padding: 27px 16px 16px;
  height: 95px;
  background-color: #F6F6F6;
  text-align: left;
  display: inline-block;
}
section.top_magagine_intro > div{
  font-size: 14px;
}
section.top_magagine_intro > div:nth-of-type(2) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
section.top_magagine_intro > div.top_magagine_title {
  width: 50%;
  position: absolute;
  left: 0;
  top: -15px;
  padding: 5px 8px;
  background-color: #FFF;
  text-align: left;
  font-weight: bold;
}

section.top_magagine_intro > div.top_magagine_price{
  font-size: 14px;
  position: absolute;
  bottom: 15px;
}
section.top_magagine_intro > div.top_magagine_price:after{
  background: transparent url(../../images/renew/style@2x.png) no-repeat scroll 0 0;
  background: transparent url(../../images/renew/style.png) no-repeat scroll 0 0\9;
  -webkit-background-size: 800px auto;
  -moz-background-size: 800px auto;
  -ms-background-size: 800px auto;
  -o-background-size: 800px auto;
  background-size: 800px auto;
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 0 0 145px;
  vertical-align: middle;
}
section.top_magagine_intro > div.top_magagine_price:after{
  background-position: -420px -88px;
}

/* ----- top occasion ----- */

section.top_occasion >ul.col3 li{
  display: block;
  margin: 30px 32px 0 0;
  padding: 0;
  width: 345px;
  height: 310px;
  border: 1px solid #DCDCDD;

}
section.top_occasion >ul.col3 li:nth-child(3){
  margin: 30px 0 0 0;
}
section.top_occasion >ul.col3 li a{
}
section.top_occasion >ul.col3 li a img{
  width: 343px;
  height: 160px;
}
section.top_occasion_intro {
  padding: 20px;
  height
}
section.top_occasion_intro > h3{
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 26px;
}
section.top_occasion_intro > div{
  font-size: 14px;
}

/* ----- top_category ----- */
section.top_category >ul.col3 li{
  display: flex;
  width: 33.3%;
  height: 95px;
  padding: 20px;
  border: 1px solid #DCDCDD;
}
section.top_category >ul.col3 li a{
    align-items: center;
    display: flex;
    width: 100%;
}
.cate_img{
  width: 25%;
}
.cate_name{
  margin-left: 10px;
  width: 75%;
  font-size: 23px;
  line-height: 1rem;
}
.occasionTop .top_category >ul.col3 li{
  padding: 12px;
  height: 70px;
}
.occasionTop .top_category .cate_img{
  width: 50px;
}
.occasionTop .cate_name{
  font-size: 14px;
}
.occasionTop .top_category {
  margin-bottom: 70px;
}
.occasionTop 


/* ----- scene News---
#contents .scene {
  margin: 0 0 40px;
}
body#top .scene {
  margin: 0 0 60px;
}
#contents .scene h2.basic > span {
  font-size: 1.2rem;
  padding: 0 .5rem;
}
#contents .scene h3.basic {
  font-family: serif;
  font-size: 1.6rem;
}
#contents .scene .cardView.col2 .thumb {
  height: 264px;
  margin: 0 0 16px;
}
#contents .scene .cardView.col3 .thumb {
  min-height: 124px;
  margin: 0 0 16px;
}
#contents .scene .cardView.col4 .thumb {
  min-height: 129px;
  margin: 0 0 16px;
}
body#top .scene .cardView.col4 .thumb {
  min-height: auto;
}
#contents .scene .listView > li > a {
  background: #fff;
  padding: 0;
  border-bottom: none;
}
#contents .scene .listView > li > a > dl {
  padding: 16px 16px 16px 0;
}
#contents .scene .listView > li > a .thumb {
  padding: 0;
}
#contents .scene dd,
#contents .scene_ dd p {
  color: #7f7f7f;
  line-height: 180%;
}
#contents .scene dd p,
#contents .scene_ dd p {
  margin: 0 0 1.6rem;
}
#contents .scene dd p:last-child:not(.btnXS) {
  margin: 0;
  line-height: 150%;
}
#contents .scene dd:last-child {
  margin: 16px 16px 8px;
}
-- */
/* ----- News----- */
section.news{
  background-color: #F5F5F5;
  padding: 32px;
}
section.news h3{
  text-align: left;
  font-size: 24px;
  font-weight: 700;
}
section.news > ul.information{
    margin: 2rem 0;
    overflow: auto;
}
section.news > ul.information li{
    padding: 0 0 17px;
    line-height: 18px;
    text-align: left;
    font-size: 18px;
}
section.news > ul.information li span.date {
    margin: 0;
}
section.news > ul.information li div{
  display: inline-block;
  width: 70px;
}
section.news > ul.information li span.info{
    padding: 0 5px;
    font-size: 80%;
    margin: 0 5px;
    display: block;
    text-align: center;
}
section.news > ul.information li span.info._1{
  background: #f61f37;
    color: #fff;
}
section.news > ul.information li a{
  display: inline-flex;
  text-decoration: underline;
}
section.news > ul.information li p{
  text-align: left;
  width: 900px;
  padding: 0 0 0 5px;
  line-height: 18px;
}



section.news > ul.information li span.notice {
    background: #fcf3e0;
    padding: 1px 36px;
    border: #796405 thin solid;
    margin: 0 10px 0 0;
}


/* ----- col1  ----- */
body#top .scene .col1 {
  margin: 0 0 40px;
}
body#top .scene .col1 > dl {
  height: 360px;
  background-color: #fff;
  padding: 40px;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body#top .scene .col1.w560 > dl {
  width: 400px;
}
body#top .scene .col1.w560 > .thumb {
  width: 560px;
}
body#top .scene .col1.w640 > dl {
  width: 320px;
}
body#top .scene .col1.w640 > .thumb {
  width: 640px;
}

body#top .scene .btnXS {
  min-width: 200px;
  max-width: 300px;
  width: 90%;
  margin: 0 auto;
}
body#top .scene .btnXS > * {
  padding: 16px 2px;
}

/* ----- pickup ----- */
body#top #pickup {
  margin: 0 0 40px;
  position: relative;
  top: -20px;
}


body#top #oiwai > .col1 {
  margin: 0 0 16px;
}
body#top #oiwai > .col2 > li:nth-child(2) > a {
  height: 459px;
}
body#top .tabBox .tabMenu.col6 > li > a {
  font-size: 1.2rem;
}
#block_of_top_body > #popBrand >p,
#block_of_top_body > .top_category >p{
  margin: 20px auto 0;
}
#block_of_top_body > .top_magagine >p{
  margin: 100px auto 0;
}


/* ====================================================================================

 OCCATION TOP

==================================================================================== */
#contents.categoryList #main,
#contents.occasionTop #main {
  width: 819px;
  margin: 87px 0 40px
}
#contents.occasionTop > .breadCrumb{
  margin: 30px 0
}
/* ----- select scene ----- */
#contents.occasionTop .select{
  background-color: #F6F6F6;
  padding: 30px 4.2rem;
}
#contents.occasionTop .select .thumb{
  width: 227px;
  position:   relative;
}
#contents.occasionTop .select .thumb .slider-hover{
  opacity: 0;
  position: absolute;
  top: -40px;
  left: -40px;
  width: 100%;
  height: 191px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px;
}
#contents.occasionTop .select .thumb:hover .slider-hover{
  opacity: 1;
  background-color: rgba(0,0,0,40%);
  color: #FFF;
  font-weight: bold;
}
#contents.occasionTop .select .slider-text{
  margin-top: 10px;
  font-weight: bold;
}
#contents.occasionTop .select button.slick-prev{
  left: 2%;
  top: 40%;
  background-color: unset;
}
#contents.occasionTop .select button.slick-next{
  right: 5%;
  top: 40%;
  background-color: unset;
}
#contents.occasionTop .select button.slick-prev:before,
#contents.occasionTop .select button.slick-next:before{
  background: transparent url(../../images/renew/style@2x.png) no-repeat scroll 0 0;
  background: transparent url(../../images/renew/style.png) no-repeat scroll 0 0\9;/* IE8 */
  -webkit-background-size: 1600px auto;
  -moz-background-size: 1600px auto;
  -ms-background-size: 1600px auto;
  -o-background-size: 1600px auto;
  background-size: 1600px auto;
  content: "";
  display: block;
  width: 30px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -10px 0 0 -10px;
}
#contents.occasionTop .select button.slick-prev:before{
  background-position: -1070px 3px;

}
#contents.occasionTop .select button.slick-next:before{
  background-position: -920px 3px;
}

#contents.occasionTop .select_hotword{
  background-color: #F6F6F6;
  padding: 0 4.2rem 30px;
  margin-bottom: 75px;
}
#contents.occasionTop .select_hotword ul {
  background-color: #F6F6F6;
}
#contents.occasionTop .select_hotword ul li {
display: inline-block;
    min-width: 100px;
    padding: 8px 6px;
    text-align: center;
    font-size: 16px;
}
#contents.occasionTop .select_hotword ul li a:hover{
opacity: .6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

/* ----- pickUp ----- */
.pickUp li {
  display: block;
  position: relative;
}
.pickUp li.right {
  float: right!important;
}
.pickUp li p.bigImage {
  position: absolute;
  width: 330px;
  bottom: 10px;
  left: 10px;
}
.pickUp li p.middleImage {
  position: absolute;
  width: 220px;
  bottom: 10px;
  left: 10px;
}
.pickUp span {
  display: block;
  font-size: 1.2rem;
}
.set_pickup_item ul li a img{
  width: 250px;
}


/* ----- set width 100% ----- */
/*
#contents.occasionTop #main > #ranking,

#contents.occasionTop #main > #about,
#contents.occasionTop #main > .scene,
#contents.occasionTop #main > .scene_,
#contents.occasionTop #main > #guide,
#contents.occasionTop #main > #category,
#contents.occasionTop #main > #popBrand,
#contents.occasionTop #main > #calendar,
#contents.occasionTop #main > #articles {
  margin-left: -260px;
}
*/

#contents.occasionTop .scene > .cardView.col4 > li {
  width: 50%;
}
#contents.occasionTop .scene > .cardView.col4 > li .thumb {
  display: none;
}
#contents.occasionTop .scene > .cardView.col4 > li dl {
  padding: 40px 16px;
}
#contents.occasionTop .scene > .cardView.col4 > li dl dd {
  line-height: 180%;
}

/* ----- Huck for oseibo against upper code ----- */
header.oseibo ~ #contents.occasionTop .scene > .cardView.col4 > li {
  width: 25%;
}
header.oseibo ~ #contents.occasionTop .scene > .cardView.col4 > li .thumb {
  display: block;
}
header.oseibo ~ #contents.occasionTop .scene > .cardView.col4 > li dl {
  padding: 0;
}
header.oseibo ~ #contents.occasionTop .scene > .cardView.col4 > li dl dd {
  line-height: 150%;
}

/* -- okaeshi -- */
#keyv.okaeshi {
    background: #f6d4d4!important;
}

#contents.occasionTop #main #rankingitem1,
#contents.occasionTop #main #rankingitem2,
#contents.occasionTop #main #popBrand{
  margin-bottom: 75px;
}

#contents.occasionTop #main .set_pickup_item {
  padding-bottom: 35px;
}


/* ====================================================================================

 OCCATION SCENE

==================================================================================== */
#contents.scene #main,
#contents.scene_ #main {
  margin-top: 340px;
}
/*#contents.scene #items.cardView.col4 .thumb {
  height: 190px;
}*/



/* v1.0 */
#contents.scene .scene > .cardView.col4 > li,
#contents.scene .scene_ > .cardView.col4 > li {
  width: 50%;
}
#contents.scene .scene > .cardView.col4 > li dl,
#contents.scene .scene_ > .cardView.col4 > li dl {
  padding: 40px 16px;
}
#contents.scene .scene > .cardView.col4 > li dl dd,
#contents.scene .scene_ > .cardView.col4 > li dl dd {
  line-height: 180%;
}

/* ----- Huck for oseibo against upper code ----- */
#contents.scene.oseibo .scene > .cardView.col4 > li {
  width: 25%;
}
#contents.scene.oseibo .scene > .cardView.col4 > li dl {
  padding: 0;
}
#contents.scene.oseibo .scene > .cardView.col4 > li dl dd, {
  line-height: 150%;
}
#contents.scene.occasionTop > .cardView.col4 > li dl dd, {
  line-height: 150%;
}


/* ====================================================================================

 CATEGORY LIST

==================================================================================== */
/* ----- countsBox ----- */
#main .countsBox {
  padding: 15px 0 10px 0;
  border-top: 1px solid #e4dccb;
  text-align: center;
  position: absolute;;
  left: -260px;
  top: 48px;
  width: 220px;
}
#main .countsBox h2,
#main .countsBox p span {
  font-size: 1.4rem;
}
#main .countsBox p {
  font-size: 2.4rem;
}
#contents.categoryList #main .countsBox {
  top: 44px;
  top: 44px\9;/* IE8 */
}
#contents.categoryList #main .countsBox.occNone {

}
#contents.favoriteList div#main section.countsBox {

}
#contents.categoryList #leftNav .srcBox {
  border-top: 1px solid #e4dccb;
  padding-top: 16px;
}

/* ----- aboutCategory ----- */
#contents.categoryList #aboutCategory {
  padding: 16px;
  margin: 0 0 40px;
  background: #fff;
}
#contents.categoryList #aboutCategory > p {
  color: #7f7f7f;
}
#contents.categoryList .event_ #ranking {
  background-color: transparent;
  padding: 0;
  margin: 0;
}

/* ----- sortNav ----- */
.sortNav {
  padding: 16px;
  margin: 0 0 16px;
  background: #fff;
  color
}
.sortNav > * {
  float: left;
}
.sortNav > h3:after {
  color: #f9f6f3;
  content: "|";
  margin: 0 0 0 8px;
}
.sortNav > ul:not(.layout) {
  margin: 0 24px 0 0;
}
.sortNav > ul li {
  float: left;
}
.sortNav > h3,
.sortNav > ul li a {
  padding: 8px;
}
.sortNav > h3:first-child {
  padding-left: 0;
}
.sortNav > ul li a {
  display: block;;
}
.sortNav > ul .current a {
  background: #ffffff;
  font-weight: bold;
}
.sortNav > ul .current a,
.sortNav > .layout > .current,
.pageNation > ul li a:hover,
.pageNation > ul li.current a  {
  background-color: #ffffff;
}
.sortNav > .layout > li {
  width: 40px;
  height: 32px;
  cursor: pointer;
}
.sortNav > .layout > li:hover {
  opacity: .6;
  filter: alpha(opacity=60);/* IE6,7 */
  -ms-filter: "alpha(opacity=60)";/* IE8 */
}
.sortNav > .layout > .card {
  background-position: -554px 7px;
}
.sortNav > .layout > .list {
  background-position: -592px 7px;
}


/* ----- pageNation ----- */
.pageNation {
  display: table;
  width: 100%;
  padding: 16px;
  margin: 0 0 40px;
  background: #fff;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pageNation > * {
  display: table-cell;
  vertical-align: middle;
}
.pageNation > ul {
  display: table;
  width: 50%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pageNation > ul > li {
  display: table-cell;
  width: 12%;
  vertical-align: middle;
  text-align: center;
}
.pageNation > ul > li a {
  display: inline-block;
  width:  50px;
}
.pageNation > ul > li a,
.pageNation > ul > li span {
  display: block;
  padding: 10px;
  text-align: center;
}
.pageNation > ul > li.current a {
  font-weight: bold;
  cursor: default;
}
.pageNation > p {
  width: 40px;
}
.pageNation > p > .spr {
  padding: 0;
  display: block;
  width: 40px;
  height: 30px;
  background-position: -412px 10px;
  background-color: #fff;
  border: 1px solid #e4dccb;
  border-radius: 50%;
}
.pageNation > p > .spr:hover {
  border-color: #e7c973;
}
.pageNation > .prev .spr {
  background-position: -522px 11px;
}
.pageNation > .next .spr {
  background-position: -447px 11px;
}

.pageNation .navipage_first_,
.pageNation .navipage_last_ {
  display: none;
}
#items li .btnSet > li {
  margin: 0 0 10px;
}

/* ----- listView cardView common----- */
#contents.freeWord .brand,
#contents.categoryList .brand{
  font-size: 12px;
  font-weight: bold;
}
#contents.freeWord .price,
#contents.categoryList .price{
  text-align: left;
  font-size: 14px;
  font-weight: bold;
}

/* ----- listView ----- */
#contents.freeWord .listView > li,
#contents.categoryList .listView > li{
   position: relative;
}
#contents.freeWord .listView .price,
#contents.categoryList .listView .price{
  text-align: left;
}
#contents.freeWord .listView  .price_icon,
#contents.categoryList .listView  .price_icon{
  line-height: 2rem;
  margin-bottom: 2rem;
}
#contents.freeWord .listView  .price_icon .btnFavgry,
#contents.categoryList .listView  .price_icon .btnFavgry{
  display: none;
}
#contents.freeWord .listView ul.btnFavSet,
#contents.categoryList .listView ul.btnFavSet{
    position: absolute;
    top: 20%;
    right: 80px;
}
#contents.freeWord .listView li .btnSet > li,
#contents.categoryList .listView li .btnSet > li{
    width: 110px;
    margin: -70px 0 10px;
}
#contents.freeWord .listView .btnFavSet .btnFavgry > a ,
#contents.categoryList .listView .btnFavSet .btnFavgry > a {
    font-size: 0px;
}

#contents.freeWord .listView .btnSet,
#contents.categoryList .listView .btnSet {
    display: unset;
    width: auto;
    padding: 0;
}

#items.listView > li {
  display: table;
  width: 100%;
  margin-bottom: 20px;
  background: #fff;
}
#items.listView > li > a {
  display: table-cell;
  padding: 16px;
  border-bottom: none;
  height: auto!important;
}
#items.listView .thumb {
  width: 120px;
}
#items.listView .thumb img {
  height: auto;
}
#items.listView li > a > dl {
  width: 530px;
}
#items.listView .icoBtn {
  margin: -34px 0 16px;
}
#items.listView li .btnSet {
  padding: 16px 16px 0;
  width: 128px;
  display: table-cell;
  vertical-align: top;
}
#items.listView li .btnSet > li a {
    position: relative;
    padding: 5px 0;
    text-indent: 2rem;
    border-radius: 3px;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: -1.0px;
}
#contents.freeWord #items.listView .icoBtn,
#contents.categoryList #items.listView .icoBtn {
  margin:  -25px 0 10px 130px;
}


/* ----- cardView ----- */
.cardView li .btnSet {
  padding: 16px;
}
.cardView li .btnSet > li {
  width: 50%;
  padding: 0 16px;
  margin: 0;
  float: left;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cardView > li .btnSet > li a {
  -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.cardView > li .btnSet > li a:after {
  left: 50%;
  margin: -12px 0 0 -12px;
}
#contents.freeWord .cardView > li .btnSet > li a,
#contents.categoryList .cardView > li .btnSet > li a{
  display: none;
}

#contents.freeWord .cardView.col3 > li,
#contents.categoryList .cardView.col3 > li{
  position: relative;
}

#contents.freeWord .cardView.col3 > li > a ,
#contents.categoryList .cardView.col3 > li > a {
  padding: 0;
}
#contents.freeWord .cardView .price_icon,
#contents.categoryList .cardView .price_icon {
  display: flex;
}
#contents.freeWord .cardView  .price,
#contents.categoryList .cardView  .price{
  width: 45%;
}
#contents.freeWord .cardView  .icoBtn,
#contents.categoryList .cardView  .icoBtn{
  width: 50%;
}
#contents.freeWord .cardView .price_icon .btnFavgry,
#contents.categoryList .cardView .price_icon .btnFavgry{
      font-size: 0;
    width: 10%;
}
#contents.freeWord .cardView .price_icon .btnFavgry >a:after,
#contents.categoryList .cardView .price_icon .btnFavgry >a:after{
    right: 10px;
    left: auto;
    top: auto;
    margin-top: -18px;
}

#contents.freeWord .cardView .btnSet,
#contents.categoryList .cardView  .btnSet {
  display: block;
  position: unset;
  margin: 20px auto 10px;
  padding: 0;
}
#contents.freeWord .cardView  .btnSet .btnCart,
#contents.categoryList .cardView  .btnSet .btnCart {
  padding: 0;
}
#contents.freeWord .cardView  .btnSet .btnCart a,
#contents.categoryList .cardView  .btnSet .btnCart a{
  padding: 5px;
  position: relative;
  width: 110px;
  height: 26px;
  font-size: 10px;
  text-indent: 22%;
  letter-spacing: -1.0px;
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
}
#contents.freeWord .cardView  .btnSet >li,
#contents.categoryList .cardView  .btnSet > li{
  width: 100%;
  margin: 5px ;
}
#contents.freeWord .cardView  ul.btnFavSet,
#contents.categoryList .cardView  ul.btnFavSet {
  display: none;
}
#contents.freeWord .listView  div.btnSet,
#contents.categoryList .listView  div.btnSet {
  display: none;
}

/*
#contents.freeWord .cardView  .btnFavSet > li,
#contents.categoryList .cardView  .btnFavSet > li{
  width: 25px;
}
#contents.freeWord .cardView  .btnFavSet > li > a,
#contents.categoryList .cardView  .btnFavSet > li > a{
  overflow: hidden;
  color: #FFFFFF;
  font-size: 0px;
}
#contents.freeWord .cardView  .btnFavSet .btnFav > *,
#contents.categoryList .cardView  .btnFavSet .btnFav > * {
  background-color: #ffffff00;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff00), to(#ffffff00));
  color: #7a6506;
}
*/
#contents.freeWord .pageNation .current a,
#contents.categoryList .pageNation .current a{
  background-color: #2C2C2C;
  color: #FFFFFF;
}
#contents.freeWord .pageNation > p > a.spr,
#contents.categoryList .pageNation > p > a.spr{
  border:none;
}

#contents.freeWord .listView > li .btnSet > li a:after,
#contents.freeWord .cardView > li .btnSet > li a:after,
#contents.categoryList .listView > li .btnSet > li a:after,
#contents.categoryList .cardView > li .btnSet > li a:after {
  left: 0;
  top: 0;
  margin: 5px 10px;
  width: 20px;
}
#contents.freeWord .CategoryStyleL_ ,
#contents.categoryList .CategoryStyleL_ {
  display: none;
}
.cardView > dd d:after {
  left: 50%;
  margin: -12px 0 0 -12px;
}
#contents.freeWord .cardView div.btnSet > .btnCart > *:after,
#contents.categoryList .cardView div.btnSet > .btnCart > *:after{
    background-position: -312px -18px;
    background-size: 650px auto;
}
#contents.freeWord .listView ul.btnSet > .btnCart > *:after,
#contents.categoryList .listView ul.btnSet > .btnCart > *:after{
    background-position: -313px -21px;
    background-size: 650px auto;
        width: 20px;
        height: 20px;
}

/* ====================================================================================

 ITEM DETAIL

==================================================================================== */
#contents.itemDetail > .miLogo {
  margin-bottom: 24px;
}
#contents.itemDetail #main {
  width: 526px;
  float: right;
  margin: 86px 0 150px;
  z-index: 2;
}
#contents.itemDetail #sub {
  width: 526px;
  float: left;
  margin-top: 86px;
}

/* ----- leftNav ----- */
#contents.itemDetail #leftNav {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  padding: 0;
  margin: 80px 0 0;
  background: rgba(255,255,255,.96);
  background: #fff\9;/* IE8 */
  min-height: 100px;
}
#contents.itemDetail #leftNav.open nav{
  padding: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}
#contents.itemDetail #leftNav h2 {
  position: relative;
}
#contents.itemDetail #leftNav .btnOpen {
  position: absolute;  
  top: 50px;
  left: 0;
  z-index: 2;
  display: block;
  width: 24px;
  height: 24px;
  background-position: -648px -24px;
  background-color: #fff;
  border: 1px solid #e4dccb;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}
#contents.itemDetail #leftNav .btnOpen:hover {
  background-color: #fcf3e0;
}
#contents.itemDetail #leftNav.open .btnOpen {
  transform: rotate(-45deg);
}
#contents.itemDetail #leftNav.close > h2 + .benefit,
#contents.itemDetail #leftNav.close > .pointBox,
#contents.itemDetail #leftNav.close > nav,
#contents.itemDetail #leftNav.close > #info,
#contents.itemDetail #leftNav.close > .bnArea {
  display: none;
}
#contents.itemDetail #leftNav.open {
  z-index: 2;

}
#contents.itemDetail #leftNav.open > .benefit,
#contents.itemDetail #leftNav.open > .pointBox,
#contents.itemDetail #leftNav.open > nav,
#contents.itemDetail #leftNav.open > .bnArea {
  display: block;
}

#contents.itemDetail a.goods_name_ dl h3{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ----- bxSlider ----- */
/*#contents.itemDetail > #main {
  position: relative;
  z-index: 2;
}*/
#contents.itemDetail .bx-wrapper {
  position: relative;
  z-index: 1;
}
#contents.itemDetail .bx-viewport {
  overflow: hidden;
}
#contents.itemDetail .bxSlider {
  margin: 0 0 16px;
}
#contents.itemDetail .bxSlider > li {
  /*display:  none;*/
}
#contents.itemDetail .bxSlider > li.current  {
  border: 1px solid #DCDCDD;
  /*display:  unset;*/
}
#contents.itemDetail .bxSlider > li > .inner {
  display: block;
  height: 395px;
  overflow: hidden;
}
#contents.itemDetail .bxSlider > li > .inner img {
  width: 100%;
  opacity: .05;
    filter: alpha(opacity=20);/* IE6,7 */
    -ms-filter: "alpha(opacity=20)";/* IE8 */
}
#contents.itemDetail .bxSlider > li > .inner img,
#contents.itemDetail .bxSlider > li > .bx-caption {
  -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    transition: opacity .2s linear;
}
#contents.itemDetail .bxSlider > li.current > .inner img,
#contents.itemDetail .bxSlider > li.current > .bx-caption,
#contents.itemDetail .bxSliderThumb a.active:hover > img  {
  opacity: 1.0;
    filter: alpha(opacity=100);/* IE6,7 */
    -ms-filter: "alpha(opacity=100)";/* IE8 */
}
#contents.itemDetail .bxSlider > li > .bx-caption {
  padding: 8px;
  opacity: .0;
    filter: alpha(opacity=0);/* IE6,7 */
    -ms-filter: "alpha(opacity=0)";/* IE8 */
}

/* ----- bxSliderThumb ----- */
#contents.itemDetail .bxSliderThumb {
  margin: 16px 0 40px;
/* 詳細画像の挙動不審解消 */
  display: inline-flex;
/* 詳細画像の挙動不審解消 */
}
#contents.itemDetail .bxSliderThumb a {
  display: block;
  width: 80px;
  float: left;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  border: 1px solid #DCDCDD;
  -webkit-transition: border .2s ease;
    -moz-transition: border .2s ease;
    -o-transition: border .2s ease;
    -ms-transition: border .2s ease;
    transition: border .2s ease;
}
#contents.itemDetail .bxSliderThumb li{
  margin-right: 10px;
}
#contents.itemDetail .bxSliderThumb a.active {
  padding: 16px;
  border: unset;
  cursor: default;
}
#contents.itemDetail .bxSliderThumb a.active > img{
  border: 1px solid #DCDCDD;
}
#contents.itemDetail .bxSliderThumb a > img {
  width: 100%;
  height: auto;
}

/* ----- zoomContainer ----- */
#contents.itemDetail ~ .zoomContainer {
  z-index: 1;
  cursor: none;
}
/* ----- info common ----- */

#contents.itemDetail #main .info > dl, 
#contents.itemDetail #main .info > div{
  padding: 16px 16px 16px 0;
}
#contents.itemDetail #main .info > dl, 
#contents.itemDetail #main .info > div, 
#contents.itemDetail #main .info .detail div{
  display: flex;
  flex-wrap: wrap;
}  
#contents.itemDetail #main .info >div > h2{
  width: 15%;
}
#contents.itemDetail #main .info >div > ul{
  width: 85%;
}

/* ----- info ----- */
#contents.itemDetail #main .info {
  background: #fff;
  margin: 0;
}
#contents.itemDetail #main .info > * {
  padding: 18px;
  border-bottom: 1px solid #DCDCDD;
}
#contents.itemDetail #main .info > .icoBtn {
  padding: 16px 16px 8px;
  border: none;
}
#contents.itemDetail #main .info div >h2{
  font-size: 14px;
}
#contents.itemDetail #main .info > dl >*{
  width: 100%;
}
#contents.itemDetail #main .info > dl > .brand,
#contents.itemDetail #main .info > dl > .rate {
  padding: 0 0 8px;
}
#contents.itemDetail #main .info > dl > .brand{
  text-decoration: underline;
}

/* ----- shipping ----- */
#contents.itemDetail #main .info > .shipping .date {
  margin: 0 0 10px;
}
#contents.itemDetail #main .info > .shipping .date > span {
  color: #cc0000;
  font-weight: bold;
}


/* ----- scene ----- */
#contents.itemDetail #main .info .scene {
  display: table;
  width: 100%;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: unset;
    background-color: #F6F6F6;
    padding-bottom: 0;
}
#contents.itemDetail #main .info .scene > * {
  display: table-cell;
  vertical-align: middle;
}
#contents.itemDetail #main .info .scene > h3 {
  width: 16%;
  font-size: 16px;
  font-weight: bold;
}
#contents.itemDetail #main .info .scene > form {
  width: 84%;
  padding: 8px;
  position: relative;
}
.selectBox {
  position: relative;
}
#contents.itemDetail #main .info .scene .selectBox{
  background-color: #FFF;

}
#contents.itemDetail #main .info .scene > form,
#contents.itemDetail #main .info .scene > form > .spr,
#contents.itemDetail #main .info .scene > form ul,
.selectBox > .spr,
.selectBox > ul {
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#contents.itemDetail #main .info .scene > form > .selected,
.selectBox > .selected {
  border: 1px solid #DCDCDD;
  border-radius: 5px;
  cursor: pointer;
  padding: 8px;
  position: relative;
  z-index: 1;
  font-size: 14px;
  font-weight: bold;
}
#contents.itemDetail #main .info .scene > form > .spr,
.selectBox > .spr,
.selectBoxImg > .spr {
  position: absolute;
  width: 18px;
  height: 12px;
  background-position: -495px -3px;
  right: 32px;
  top: 50%;
  margin-top: -6px;
  cursor: pointer;
}
#contents.itemDetail #main .info .scene > form > .spr,
.selectBox > .spr {
  right: 16px;
}
#contents.itemDetail #main .info .scene > form ul,
.selectBox > ul {
  display: none;
  width: 100%;
  border: 1px solid #e4dccb;
  border-width: 0 1px 1px 1px;
  position: absolute;
  z-index: 2;
  background: #fff;
}
#contents.itemDetail #main .info .scene > form ul {
  width: 291px;
  left: 8px;
  top: 43px;
}
/*
#contents.itemDetail #main .info .scene > form:hover ul,
.selectBox:hover > ul
*/
#contents.itemDetail #main .info .scene > form label,
.selectBox > ul label {
  display: block;
  padding: 4px 8px;
  cursor: pointer;
}
#contents.itemDetail #main .info .scene > form li input,
.selectBox > ul input {
  display: none;
}
#contents.itemDetail #main .info .scene > form li input:checked + label,
.selectBox > ul input:checked + label {
  background: #fcf3e0;
}

/* ----- selectSKU ----- */
#contents.itemDetail #main .info .selectSKU{
  background-color: #F6F6F6;
  border-bottom:  unset;
  padding-bottom: 0;
}
#contents.itemDetail #main .info .selectSKU dl {
  display: table;
  width: 100%;
}
#contents.itemDetail #main .info .selectSKU dl > * {
  display: table-cell;
}
#contents.itemDetail #main .info .selectSKU dt {
  width: 80px;
  vertical-align: top;
  padding: 10px 0;
  text-align: center;
}
#contents.itemDetail #main .info .selectSKU dt > img {
  width: 100%;
}
#contents.itemDetail #main .info .selectSKU dd {
  width: 360px;
  vertical-align: middle;
}
#contents.itemDetail #main .info .selectSKU .title {
  border-top: none;
}
#contents.itemDetail #main .info .selectSKU .title h3 {
  font-weight: bold;
  text-align: center;
}
#contents.itemDetail #main .info .selectSKU .title dd > ul ul {
  margin: 0;
  padding: 0;
}
#contents.itemDetail #main .info .selectSKU dd > ul > li {
  border-bottom: 1px solid #f9f6f3;
}
#contents.itemDetail #main .info .selectSKU dd > ul > li:last-child {
  border-bottom: none;
}
#contents.itemDetail #main .info .selectSKU dd > ul ul {
  margin: 0 0 10px;
  padding: 10px 0;
  display: table;
  width: 100%;
}
#contents.itemDetail #main .info .selectSKU dd > ul ul > li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#contents.itemDetail #main .info .selectSKU dd > ul ul > .size {
  width: 43px;
}
#contents.itemDetail #main .info .selectSKU dd > ul ul > .size .stock {
  color: #cc0000;
}
#contents.itemDetail #main .info .selectSKU dd > ul ul > .price {
  width: 130px;
  text-align: right;
  padding: 0 16px 0 0;
}
#contents.itemDetail #main .info .selectSKU dd > ul ul > .price p:first-child {
  font-weight: bold;
  font-size: 1.6rem;
}
#contents.itemDetail #main .info dl > .price {
  width: auto;
  text-align: left;
  padding: 0 16px 0 0;
  margin: 0 auto 40px 0;
}
#contents.itemDetail #main .info dl > dd.price p:first-child {
  font-weight: bold;
  font-size: 1.6rem;
}

#contents.itemDetail #main .info .selectSKU dd > ul ul > li p:first-child span {
  font-size: 1.0rem;
}
#contents.itemDetail #main .info .selectSKU dd > ul ul > .btnCart {
  width: 140px;
}
#contents.itemDetail #main .info .selectSKU dd > ul ul > .btnCart a {
  text-indent: 2rem;
  font-size: 18px;
  font-weight: bold;
  padding: 12px 8px;
  border-radius: 5px;
}
#contents.itemDetail #main .info .selectSKU dd > ul ul > .btnCart a:after {
  left: 70px;
}

/* ----- shares ----- */
#contents.itemDetail #main .info .shares {
  display: table;
  width: 100%;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  border-bottom: none;
  padding-bottom: 0;
}
#contents.itemDetail #main .info .shares li {
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
}
#contents.itemDetail #main .info .shares li:not(.btnFav) {
  width: 20%;
}
#contents.itemDetail #main .info .shares li.btnFav {
  display: block;
  margin:0 10px;
}
#contents.itemDetail #main .info .shares li.btnFav a {
    padding: 0;
    background: unset;
    text-indent: 2em;
    font-size: 14px;
    color: #222222;
}
#contents.itemDetail #main .info .shares li.btnFav a:after {
    background-position: -340px -60px;
    background-size: 900px auto;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 150px;
    top: 50%;
}


#contents.itemDetail #main .info .shares li:not(.btnFav) > a {
  display: block;
  border-radius: 22px 22px;
  width: 44px;
  margin: 0 auto;
}
#contents.itemDetail #main .info .shares li > a {
  height: 44px;
  line-height: 44px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
#contents.itemDetail #main .info .shares li a:before {
  display: block;
  position: absolute;
  width: 44px;
  height: 44px;
  top: 50%;
  text-indent: 0;
  text-align: center;
}
#contents.itemDetail #main .info .shares li:not(.btnFav) a:before {
  left: 50%;
  margin: -22px 0 0 -22px;
}
#contents.itemDetail #main .info .shares li:nth-child(2) > a,
#contents.itemDetail #main .info .shares li:nth-child(3) > a,
#contents.itemDetail #main .info .shares li:nth-child(4) > a {
  border: 1px solid #e4dccb;
  position: relative;
}
#contents.itemDetail #main .info .shares li:nth-child(2) > a:hover,
#contents.itemDetail #main .info .shares li:nth-child(3) > a:hover,
#contents.itemDetail #main .info .shares li:nth-child(4) > a:hover {
  opacity: .6;
  filter: alpha(opacity=60);/* IE6,7 */
  -ms-filter: "alpha(opacity=60)";/* IE8 */
}
#contents.itemDetail #main .info .shares li:nth-child(2) > a:after,
#contents.itemDetail #main .info .shares li:nth-child(3) > a:after,
#contents.itemDetail #main .info .shares li:nth-child(4) > a:after,
#contents.itemDetail #main .info .shares li > a.ie7_class72:after,/* IE8 */
#contents.itemDetail #main .info .shares li > a.ie7_class73:after,
#contents.itemDetail #main .info .shares li > a.ie7_class74:after {
  background: transparent url(../../images/renew/style@2x.png) no-repeat scroll 0 0;
  background: transparent url(../../images/renew/style.png) no-repeat scroll 0 0\9;/* IE8 */
  -webkit-background-size: 800px 385px;
    -moz-background-size: 800px 385px;
    -ms-background-size: 800px 385px;
    -o-background-size: 800px 385px;
    background-size: 800px 385px;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -10px 0 0 -10px;
}
#contents.itemDetail #main .info .shares li:nth-child(2) > a:after,
#contents.itemDetail #main .info .shares li > a.ie7_class72:after {/* IE8 */
  background-position: -562px -54px;
}
#contents.itemDetail #main .info .shares li:nth-child(3) > a:after,
#contents.itemDetail #main .info .shares li > a.ie7_class73:after {/* IE8 */
  background-position: -599px -53px;
}
#contents.itemDetail #main .info .shares li:nth-child(4) > a:after,
#contents.itemDetail #main .info .shares li > a.ie7_class74:after {/* IE8 */
  background-position: -631px -51px;
}

/* ----- detail ----- */
#contents.itemDetail #main .detail {
  margin: 0;
  padding: 0 0 40px;
  border-bottom:  unset;
}
#contents.itemDetail .detail h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}
#contents.itemDetail #main .info .detail dl dt{
  width: auto;
}
#contents.itemDetail #main .info .detail dl dd{
  width: auto;
}
#contents.itemDetail #main .info .detail dl{
  line-height: 2.5rem;
}

/* ----- userReview ----- */
#contents.itemDetail .userReview {
  clear: both;
  background: #fff;
  padding: 0 0 32px;
  margin: 0 0 48px;
}
#contents.itemDetail .userReview h2.basic {
  padding: 32px 32px 16px;
}
#contents.itemDetail .userReview .rate {
  margin: 0 0 8px;
}
#contents.itemDetail .userReview article {
  width: 33.3%;
  float: left;
  padding: 16px 32px;
  margin: 0 0 32px;
  border-left: 1px solid #f9f6f3;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#contents.itemDetail .userReview article:first-child {
  border-left: none;
}
#contents.itemDetail .userReview .accordion {
  text-align: right;
/* ----- 20201203 eac.hayashiリニューアルに伴い調整
  color: #796405;
----- */
  color: #222;
  padding: 4px 0;
}
#contents.itemDetail .userReview .prof {
  margin: 16px 0 0 0;
}
#contents.itemDetail .userReview .btnS {
  clear: both;
  width: 33.3%;
  margin: 0 auto;
}

/* ----- 商品レビュー挿入口 ----- */
#contents.itemDetail .goodscomment5_ {
  clear: both;
}






/* ====================================================================================

 BRANDLIST

==================================================================================== */
#contents.brandlist .col2 > li > a {
  display: block;
}

/* ----- fixedMenu ----- */
#fixedMenu {
  position: relative;
  top: 0;
  -webkit-transition: top .4s ease;
    -moz-transition: top .4s ease;
    -o-transition: top .4s ease;
    -ms-transition: top .4s ease;
    transition: top .4s ease;
}
#fixedMenu.fixed {
  position: fixed;
  z-index: 2;
}
#leftNav #fixedMenu {
  background: #fff;
}
#leftNav #fixedMenu.fixed {
  top: 0;
  width: 220px;
  padding: 64px 0 16px;
}

/* ----- special barand ----- */
#contents.categoryList .brandSP {
  width: 100%;
  background-color: #fff;
  margin: 0 0 40px;
}
#contents.categoryList .brandSP > img {
  width: 100%;
}
#contents.categoryList .brandSP > p {
  font-size: 1.4rem;
  line-height: 200%;
  padding: 8px 16px 16px;
}

/* brand_prof */
#contents.categoryList .brandSP .brand_prof {
  padding: 8px 32px 16px;
  margin: 0 0 16px;
}
#contents.categoryList .brandSP .brand_prof > .txt {
  float: left;
}
#contents.categoryList .brandSP .brand_prof > .thumb {
  width: 130px;
  padding: 8px 0;
  float: right;
}
#contents.categoryList .brandSP .brand_prof > .thumb img {
  width: 100%;
  height: auto;
}

/* brand_info */
#contents.categoryList .brandSP .brand_info {
  padding: 0 16px 32px;
  font-size: 1.4rem;
}
#contents.categoryList .brandSP .brand_info > p {
  padding: 0 0 40px;
}
#contents.categoryList .brandSP .brand_info h3.basic {
  /*margin: 0 0 4px;*/
}

/* ----- interview ----- */
.interview {
  background-color: #fff;
  padding: 32px;
  margin: 0 0 40px;
}
.interview > section {
  font-size: 1.4rem;
  padding: 0 0 80px;
}
.interview > section:last-child {
  padding: 0;
}
.interview h2 {
  font-size: 1.8rem;
  padding: 0 0 32px;
  margin: 0 0 32px;
  border-bottom: 1px solid #e4dccb;
}
/*.interview h2:first-letter {
 font-size: 4.4rem;
}*/
.interview h3 {
  font-size: 1.8rem;
  font-family: serif;
  margin: 0 0 16px;
}
/*.interview h3:first-letter {
  font-size: 3.6rem;
}*/
.interview img {
  width: 100%;
}
.interview p {
  margin: 0 0 1.6rem;
}
.interview .imgL > img, .interview .imgR > img, .interview .imgC > img {
  display: block;
  margin-bottom: 8px;
}
.interview .imgL > img, .interview .imgR > img {
  width: 40%;
}
.interview .imgL > img {
  float: left;
  margin-right: 32px;
}
.interview .imgR > img {
  float: right;
  margin-left: 32px;
}
.interview > div p {
  margin: 1.6rem 0 ;
}

/* ----- barand pic ----- */
.barand_pic {
  background-color: #fff;
  margin: 0 0 40px;
}

/* ====================================================================================

 FREEWORD

==================================================================================== */
#contents.freeWord #sub {
  margin: 92px 0 40px;
}
#contents.freeWord #leftNav .benefit {
  padding-bottom: 88px;
}
#contents.freeWord #main .countsBox {
  top: 48px;
  top: 44px\9;/* IE8 */
}
/* ----- 20201030 eac.hayashiリニューアルに伴い追加 ----- */

#contents.freeWord #main section.countsBox {
  top: 35px;
}
#contents.freeWord #main .countsBox.occNone {
  top: 0;
}
header.baby-eve ~ #contents.freeWord #main .countsBox,
header.baby-iwi ~ #contents.freeWord #main .countsBox,
header.baby-uch ~ #contents.freeWord #main .countsBox,
header.birthday ~ #contents.freeWord #main .countsBox,
header.brid-eve ~ #contents.freeWord #main .countsBox,
header.brid-iwi ~ #contents.freeWord #main .countsBox,
header.brid-uch ~ #contents.freeWord #main .countsBox,
header.business ~ #contents.freeWord #main .countsBox,
header.chjy-iwi ~ #contents.freeWord #main .countsBox,
header.home-iwi ~ #contents.freeWord #main .countsBox,
header.home-uch ~ #contents.freeWord #main .countsBox,
header.kaik-iwi ~ #contents.freeWord #main .countsBox,
header.kids-eve ~ #contents.freeWord #main .countsBox,
header.life-iwi ~ #contents.freeWord #main .countsBox,
header.okaeshi ~ #contents.freeWord #main .countsBox,
header.omimai ~ #contents.freeWord #main .countsBox,
header.oseibo ~ #contents.freeWord #main .countsBox,
header.tai-iwi ~ #contents.freeWord #main .countsBox,
header.temiyage ~ #contents.freeWord #main .countsBox {
  top: 48px;
}

/* ----- srcBox ----- */
#contents.freeWord #main .srcBox {
  background: #fff;
  padding: 16px;
  margin: 0 0 40px;
}
#contents.freeWord #main .srcBox h2.basic {
  margin: 0 0 8px;
}
#contents.freeWord #main .srcBox form .searchQuery,
#contents.freeWord #main .srcBox form button,
#contents.error .srcBox form .searchQuery,
#contents.error .srcBox form button {
  height: 64px;
}
#contents.freeWord #main .srcBox form .searchQuery,
#contents.error .srcBox form .searchQuery {
  width: 100%;
  padding: 24px 8px;
}
#contents.freeWord #main .srcBox form button,
#contents.error .srcBox form button {
  width: 64px;
  padding: 24px 0;
}





/* ----- srcOption ----- */
#contents.freeWord .srcOption {
  position: relative;
  margin: 16px 0 4px;
  padding: 0 16px;
  border: 1px solid #f9f9f9;
  background-color: #fff;
  -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#contents.freeWord .srcOption:before,
#contents.freeWord .srcOption:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  left: 22px;
}
#contents.freeWord .srcOption:before {
  top: -9px;
  margin-left: -9px;
  border-width: 0 8px 9px 8px;
  border-color: transparent transparent #f9f9f9 transparent;
}
#contents.freeWord .srcOption:after {
  top: -8px;
  margin-left: -8px;
  border-width: 0 7px 8px 7px;
  border-color: transparent transparent #fff transparent;
}
#contents.freeWord .srcOption h3.basic {
  font-size: 1.2rem;
  font-weight: normal;
  padding: 12px 0;
  margin: 0;
}
#contents.freeWord .srcOption h3.accordion:after {
  right: 0;
}
#contents.freeWord .srcOption select,
#contents.freeWord .srcOption input[type="text"] {
  width: 100%;
}
#contents.freeWord .srcOption .tbl dd {
  width: 418px;
}

/* ----- related ----- */
#contents.freeWord #main .srcBox .related {
  display: table;
}
#contents.freeWord #main .srcBox .related h3,
#contents.freeWord #main .srcBox .related > ul {
  display: table-cell;
  vertical-align: middle;
}
#contents.freeWord #main .srcBox .related h3 {
  padding: 0 4px 0 0;
}
#contents.freeWord #main .srcBox .related h3:after {
  content: ":";
}
#contents.freeWord #main .srcBox .related > ul > li {
  display: inline-block;
  padding: 0 .4rem 0;
}
#contents.freeWord #main .srcBox .related > ul > li:after {
  content: "、";
}
#contents.freeWord #main .srcBox .related > ul > li:last-child:after {
  display: none;
}




/* ====================================================================================

 MYPGE

==================================================================================== */
#contents.myPage .title > .hello {
  width: 50%;
  float: left;
}
#contents.myPage .pointBox {
  width: 50%;
  float: right;
  text-align: right;
  margin: -12px 0 0;
}
#contents.myPage .pointBox .num {
  font-size: 2.4rem;
}
#contents.myPage .pointBox .num > span {
  font-size: 1.2rem;
  padding: 0 0 0 4px;
}

#contents.myPage .pointBox .col3 {
  margin: 16px 0 0;
}
#contents.myPage .pointBox .col3 > li {
  padding: 0;
}
#contents.myPage .pointBox .col3 > li > a {
  padding: 4px 8px 4px 0;
}

#contents.myPage .topMenu {
  background: #fff;
  padding: 32px;
}
#contents.myPage .topMenu > section {
  width: 33.3%;
  float: left;
}
#contents.myPage .topMenu > section li a {
  display: block;
  padding: 4px 8px 4px 0;
}
#contents.myPage .title div p {
  vertical-align: top;
  text-align: left;
  padding: 0 0 5px;
}
#contents.myPage .title li {
  float: right;
  padding-left: 5px;
}





/* ====================================================================================

 ORDER HISTORY

==================================================================================== */
#contents.orderHistory .orderBox {
  width: 100%;
  padding: 16px;
  margin: 0 0 40px;
  background: #fff;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.orderBox .statusBar {
  display: table;
  width: 100%;
  border-bottom: 1px solid #f9f9f9;
  margin: 0 0 16px;
  padding: 0 0 8px;
}
.orderBox .statusBar > li {
  display: table-cell;
  width: 50%;
  font-size: 1.6rem;
  font-weight: bold;
}
.orderBox .statusBar > li:last-child {
  text-align: right;
}
.orderBox .detail {
  width: 200px;
  float: left;
}
.orderBox .detail > li {
  margin: 0 0 4px;
}
.orderBox > .receivers {
  width: 728px;
  float: left;
}
.orderBox > .receivers > .userInfo {
  width: 200px;
  float: left;
}
.orderBox > .receivers > .userInfo.colonList > dt {
/* ----- 20201030 eac.hayashiリニューアルに伴い幅調整
  width: 36%;
 ----- */
  width: 40%;
}
.orderBox > .receivers > .userInfo.colonList > dd {
/* ----- 20201030 eac.hayashiリニューアルに伴い幅調整
  width: 64%;
 ----- */
  width: 60%;
}
.orderBox > .receivers > .listView {
  width: 528px;
  float: left;
}
.orderBox > .receivers > .listView > li > a {
  width: 376px;
  float: left;
}
.orderBox > .receivers > .listView > li > .btnReview {
  width: 120px;
  float: right;
}
.orderBox > .receivers > .listView > li > .btnReview > a:after {
  display: none;
}

#contents.orderHistory .orderBox > .receivers > .listView > li > a {
  padding: 0 16px;
}
#contents.orderHistory .orderBox > .receivers > .listView > li {
  border-bottom: 1px solid #f9f9f9;
  margin: 0 0 16px;
  padding: 0 0 16px;
}
#contents.orderHistory .orderBox > .receivers > .listView > li:last-child {
  border-bottom: none;
  margin: 0;
  padding: 0;
}
#contents.orderHistory .orderBox > .receivers > .listView > li .price,
#contents.orderHistory .orderBox > .receivers > .listView > li .point {
  text-align: left;
}


/* ----- totalAmount ----- */
.orderBox .editMode {
  position: relative;
}
.orderBox .editMode > .userInfo,
.orderBox .editMode > .colonList {
  width: 496px;
}
.orderBox .editMode > .colonList > dd {
  width: 80%;
}
.orderBox .editMode > .btnS {
  position: absolute;
  right: 16px;
  top: 16px;
  /*top: 50%;
  margin-top: -22px;*/
}
.orderTitle > h3 {
  margin: 0 0 10px;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 5px 0;
  border-bottom: 1px dotted #ccc;
}
.colonList > dt,
.orderTitle dt {
  width: 20%;
  float: left;
  clear: both;
}
.colonList > dd {
  float: left;
}
.colonList > *,
.orderTitle dt,
.orderTitle dd {
  margin: 0 0 8px;
}
.colonList dt:after,
.colonList .label:after,
.orderBox .detail .label:after,
.orderTitle dt:after,
#contents.myPage .orderDetail dt:after,
.receivers > dt:after,
#contents.myPage .orderDetail .userInfo .label:after,
.addressList .label:after {
  content: "：";
  padding: 0 2px;
}



/* ----- totalAmount ----- */
.totalAmount {
  background: #fff;
  padding: 32px 0 8px;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.totalAmount > * {
  padding: 0 16px;
}
.totalAmount .total {
}
.totalAmount dt,
.totalAmount dd {
  margin: 0 0 8px;
}
.totalAmount dt {
  width: 130px;
}
.totalAmount dd {
  text-align: right;
}
.totalAmount .colonList > dd {
  float: none;
}
.totalAmount > p {
  font-weight: bold;
}
.totalAmount h2 {
  display: inline;
  font-weight: bold;
}
.totalAmount .total dd.txtEEL span {
  font-size: 1.0rem;
}
.totalAmount .total dd.txtEEL span[name="total_view"] {
  font-size: 2.2rem;
}


/* ----- fixedMenu ----- */
#contents .boxR > #fixedMenu {
  width: 300px;
}
#contents .boxR > #fixedMenu.fixed {
/*  top: 62px; 2020/04/13 f */
  top: 2px;

}

/* ----- 2020/03/24 f Add Start ---- */
.estimateRight {
  background: #fff;
  padding: 15px 0 8px;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.estimateRight > * {
  padding: 0 16px;
}
.estimateRight > h3 {
  margin: 0 0 10px;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0px 16px;
  border-bottom: 1px dotted #ccc;
}
.estimateRight dt {
  width: 50%;
  float: left;
  clear: both;
}
.colonList > dd {
  float: left;
}
.estimateRight dt,
.estimateRight dd {
  margin: 0 0 8px;
}
.estimateRight dt:after {
  content: "：";
  padding: 0 2px;
}

/* ----- 2020/03/24 f Add End ---- */



/* ====================================================================================

 ORDER DETAIL

==================================================================================== */
#contents.orderDetail #main {
  width: 620px;
}
#contents.orderDetail #main .userInfo > * {
  margin: 0 0 4px;
}

/* ----- destination ----- */
#contents.orderDetail .destination,
#contents.shippng .destination {
  background: #fff;
}
#contents.orderConfirm .destination {
  background: #fff;
  margin: 0 0 40px;
}
#contents.orderDetail .destination > h3,
#contents.shippng .destination > h3,
#contents.orderConfirm .destination > h3 {
  padding: 16px;
  border-bottom: 4px solid #f4f4f4;
  margin: 0;
}
#contents.orderDetail .receivers,
#contents.shippng .receivers,
#contents.orderConfirm .receivers {
  padding: 32px 16px;
  border-bottom: 16px solid #f4f4f4;
}

/* ----- 2020/03/24 f Add Start ---- */

#contents.orderDetail #fixedMenu .readMe {
  margin: 0 0 8px;
}
#contents.orderDetail #fixedMenu .readMe > li {
  display: inline-block;
}
#contents.orderDetail #fixedMenu .readMe > li:after {
  content: "/";
  padding: 0 8px;
}
#contents.orderDetail #fixedMenu .readMe > li:last-child:after {
  display: none;
}

/* ----- 2020/03/24 f Add End ---- */


/* ----- receivers ----- */
.receivers > .userInfo.boxL dt  {
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0 0 4px;
}
.receivers > .userInfo.boxL {
  width: 64%;
  margin: 0 0 8px;
}
.receivers > .btnSet {
  width: 33%;
  float: right;
}
.receivers > .btnSet > li {
  float: right;
  margin: 0 16px 0 0;
}
.receivers > .btnSet > li:first-child {
  margin: 0;
}
.receivers > .title {
  clear: both;
}
.receivers .listView li > a {
  border-bottom: none;
}
.receivers .listView li > a .number {
  clear: both;
  padding:  0 1rem 0 0;
  color: #070303;
}
.receivers .listView li > a .number span:before {
  left: 0;
  top: 0;
  content: ":";
  padding: 0 0 0 4px;
}








.receivers .title {
  display: table;
  width: 100%;
}
.receivers .title {
  background: #f9f9f9;
}
.receivers .itemDetail {
  display: table;
  width: 100%;
  border-bottom: 1px solid #f9f9f9;
  margin: 0 0 16px;
}
.receivers .itemDetail:last-child {
  border-bottom: none;
}

.receivers .title > *,
.receivers .itemDetail > * {
  display: table-cell;
}

.receivers .title > dt,
.receivers .itemDetail > dt {
  border-right: 4px solid #fff;
}
.receivers .title > dt {
  padding: 4px 16px;
  vertical-align: middle;
  text-align: center;
}
.receivers .itemDetail > dt {
  padding: 16px;
  vertical-align: top;
}
#main.box .receivers .title > dt,
#main.boxL .receivers > dt {
  width: 274px;
}


.receivers .title > dd,
.receivers .itemDetail > dd {
  width: 90px;
  vertical-align: middle;
  border-right: 4px solid #fff;
}
.receivers .title > dd {
  padding: 3px 0;
  text-align: center;
}
.receivers .title > dd:last-child,
.receivers .itemDetail > dd:last-child {
  border-right: none;
}
.receivers .itemDetail > dd {
  text-align: right;
}
/*.receivers .itemDetail > dd .price > span,
.receivers .itemDetail > dd .point > span {
  font-size: 1.0rem;
}*/

.receivers .listView li > a {
  padding: 0;
}
.receivers .listView li > a > .thumb {
  width: 72px;
}
.receivers .listView li > a > dl {
  width: auto;
}

.receivers .itemDetail > dt >  .listView {
  margin: 0 0 4px;
}

.receivers .itemDetail > dt >  .listView .del.btnTxt {
  margin: 8px 0 0;
}




/* ====================================================================================

 ADDRESS DETAIL

==================================================================================== */
/* ----- tbl ----- */
.tbl {
  display: table;
  border-collapse: collapse;
  width: 100%;
  margin: 0 0 40px;
}
.accordion + .tbl {
  display: none;
}
.accordion.open + .tbl {
  display: table!important;
}
.tbl > dl {
  display: table-row;
}
.tbl > dl > * {
  display: table-cell;
  padding: 16px;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  vertical-align: middle;
}
.tbl > dl > dt {
  width: 216px;
  background: #f9f9f9;
  border: 1px solid #fff;
}
.tbl > dl > dd {
  border: 1px solid #f9f9f9;
}
.tbl > dl .radios li {
  width: 100px;
  display: inline-block;
  vertical-align: middle;
}
.tbl > dl .names,
.tbl > dl .zipCode {
  width: 100%;
  display: table;
}
.tbl > dl .names li,
.tbl > dl .zipCode li {
  display: table-cell;
  vertical-align: top;
}
.tbl > dl .names li.labels {
  width: 36px;
  padding: 6px 0 0;
}
.tbl > dl .names li.labels + li {
  width: 240px;
}
.tbl > dl .zipCode li:first-child {
  width: 32%;
}
.tbl > dl .zipCode li:last-child {
  text-align: right;
  padding: 8px 0 0;
}
.tbl > dl .zipCode li:last-child .btnXS > a {
  padding: 8px 10px;
}
.tbl > dl dt .ico,
.tbl > dl .names .ico {
  font-size: 1rem;
  padding: 2px 8px;
  display: inline-block;
  margin: 4px 8px 0;
  -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.tbl > dl dt .ico {
  background: #fff;
}
.tbl > dl .names .ico {
  background: #f9f9f9;
}
.tbl > dl dd > span {
  color: #6b6b6b;
  padding: 0 4px;
}
.tbl > dl dd .btnXS {
  display: inline-block;
  -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.tbl > dl dd .btnXS > a {
  padding: 8px 16px;
}
.tbl > dl .w80 {
  width: 80px;
}
.tbl > dl .w90 {
  width: 90px;
}
.tbl > dl .w100p,
textarea.w100p {
  width: 100%;
}
.tbl > dl .w150 {
  width: 150px;
}
.tbl > dl .w300 {
  width: 300px;
}
.tbl > dl .w400 {
  width: 464px;
}
span.req,
.tbl > dl .req:after {
  color: #c00;
}
.tbl > dl .req:after {
  content: "※";
  padding: 0 4px;
}
.title .caution {
  font-size: 1.0rem;
  border: 2px solid #f9f9f9;
  padding: 8px;
  margin: 16px 0;
}
.tbl > dl .col5 {
  margin: 0;
}
.tbl .exsample {
  color: #adadad;
  padding: 4px 0 0;
}

/* ----- caution ----- */
.tbl dd .caution {
  color: #6b6b6b;
  display: inline-block;
  position: relative;
  margin: 16px 0 0;
  padding: 8px 16px;
  background-color: #f9f9f9;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
  -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.tbl dd .caution:after {
  content: "";
  position: absolute;
  left: 24px;
  top: -8px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  margin-left: -8px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #f9f9f9 transparent;
}

/* ----- btnSet ----- */
.btnSetC {
  text-align: center;
}
.btnSetC.basic {
  background-color: #fff;
  padding: 40px;
  margin: 0 0 40px;
}
.btnSetC > li {
/* ----- 20201030 eac.hayashiリニューアルに伴い幅調整
  width: 240px;
 ----- */
  width: 30%;
  margin: 0 20px;
  display: inline-block;
}

.btnSet2.basic {
  background-color: #fff;
  padding: 40px;
  margin: 0 0 16px;
}
.btnSet2 {
  margin: 0 0 40px;
}
.btnSet2 > .btnS,
.btnSet2 > .btnM {
/* ----- 20201030 eac.hayashiリニューアルに伴い幅調整
  width: 240px;
 ----- */
  width: 30%;
  margin: 0 auto;
}
.btnSet2 > .arrL {
  width: 320px;
  margin: -28px 0 0;
}



/* ====================================================================================

 ADDRESS LIST

==================================================================================== */
#contents.addressList #leftNav {
  padding: 16px 0;
  margin: 0;
}
#contents.addressList #leftNav h2 {
  padding: 4px 16px;
}

/* ----- addressList ----- */
#contents.addressList #main .addressList {
  margin: 0 0 40px;
}
#contents.addressList #main .addressList ul li {
  padding: 16px;
  display: table;
  background: #fff;
  margin: 0 0 4px;
  width: 100%;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#contents.addressList #main .addressList ul li > * {
  display: table-cell;
}
#contents.addressList #main .addressList ul li dl > * {
  margin: 0 0 8px;
}
#contents.addressList #main .addressList ul li dt {
  font-weight: bold;
}
#contents.addressList #main .addressList ul li dt span {
  font-size: 1.8rem;
}
#contents.addressList #main .addressList ul li .label {
  float: left;
  clear: both;
}
#contents.addressList #main .addressList ul li .btnS {
  padding: 8px;
  width: 160px;
  vertical-align: middle;
}

/* お届け先一覧 */
#contents.addressList #main .btnLong {
  width: 25%;
}
#contents.addressList #main div.grid .nickname {
  width: 80px;
}
#contents.addressList #main div.grid .addr {
  width: 290px;
}
#contents.addressList #main div.grid .name {
  width: 290px;
}
#contents.addressList #main div.grid .tel {
  width: 140px;
}
#contents.addressList #main div.grid .action {
  width: 80px;
}


/* ====================================================================================

 FAVORITE LIST

==================================================================================== */
#contents.favoriteList #leftNav .countsBox {
  padding: 16px 0;
}
#contents.favoriteList #leftNav > nav {
  display: none;
}

.favBox {
  padding: 16px;
  margin: 0 0 40px;
  background: #fff;
}
.favBox .favTitle {
  font-weight: bold;
  padding: 10px 0 15px;
  font-size: 1.6rem;
}
#contents.favoriteList .favBox .listView > li {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #ccc;
}
#contents.favoriteList .favBox .listView > li:first-child {
  margin-top: 0;
}
#contents.favoriteList .favBox .listView > li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
#contents.favoriteList .favBox .listView > li > * {
  float: left;
}
#contents.favoriteList .favBox .listView > li > a {
  padding: 0;
  border-bottom: none;
  width: 548px;
}
#contents.favoriteList .favBox .listView .thumb {
  width: 80px;
}
#contents.favoriteList .favBox .listView .date {
  color: #070303;
}
#contents.favoriteList .favBox .listView .date span:before {
  left: 0;
  top: 0;
  content: "：";
  padding: 0 4px;
}
#contents.favoriteList .favBox .listView li .btnS {
  width: 80px;
  float: right;
}
#contents.favoriteList .favBox .listView .memo {
  padding: 0 0 0 96px;
  width: 548px;
  float: left;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#contents.favoriteList .favBox .listView .memo p:first-child {
  margin: 0 0 8px 0;
}
#contents.favoriteList .favBox .listView .memo .btnEdit {
  text-align: right;
}
#contents.favoriteList .favBox .listView .memo textarea {
  width: 100%;
  height: 6em;
  margin: 8px 0;
  padding: 8px;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#contents.favoriteList .favBox .listView .memo .btnS {
  width: 120px;
  margin: 0 auto;
}
#contents.favoriteList .favBox .listView .memo .btnS input {
  width: 100%;
}




/* ====================================================================================

 CART

==================================================================================== */

/* ----- occation ----- */
#contents.cart .occation {
  background: #fff;
  padding: 16px 16px 8px;
  margin: 0 0 40px;
}
#contents.cart .occation > h3.basic {
  font-size: 2.0rem;
  line-height: 1.5;
}
#contents.cart .receivers .title dt,
#contents.cart .receivers .itemDetail > dt {
  width: 526px;
}
#contents.cart .receivers .title dd,
#contents.cart .receivers .itemDetail > dd {
  width: 130px;
}
#contents.cart .receivers .itemDetail .listView > .del > a {
  padding: 8px 0 0;
/* ----- 20201203 eac.hayashiリニューアルに伴い調整
  color: #796405;
----- */
  color: #222;
}
#contents.cart .receivers .itemDetail .listView > .del > a:hover {
  color: #e7c973;
}
#contents.cart .receivers > .btnS,
#contents.cart .occation > div > .boxR {
/* ----- 20201030 eac.hayashiリニューアルに伴い幅調整
  width: 200px;
 ----- */
  width: 20%;
}
#contents.cart .receivers > .btnS {
  margin: 0 0 8px;
}
#contents.cart .occation > div > .boxR > .btnL {
  margin: 0 0 8px;
}

/* ----- orderFlow ----- */
.orderFlow {
  width: 50%;
  float: left;
  padding: 8px;
  margin: 0 0 40px;
  background: #fff;
  position: relative;
  display: table;
}
.orderFlow > li {
  display: table-cell;
  padding: 8px;
  margin: 0 8px 0 0;
  text-align: center;
  line-height: 120%;
}
.orderFlow:before,
/*.orderFlow:after,*/
.orderFlow > li.current:before,
.orderFlow > li.current:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
}
.orderFlow:before {
  top: 50%;
  left: 100%;
  margin-top: -22px;
  border-width: 22px 0 22px 22px;
  border-color: transparent transparent transparent #fff;
}
 /*
.orderFlow:after {
  left: 50%;
  bottom: -12px;
  margin-left: -12px;
  border-width: 12px 12px 0 12px;
  border-color: #fff transparent transparent transparent;
}
*/
.orderFlow > li.current {
  background: #fcf3e0;
  text-indent: 1.2rem;
  position: relative;
}
.orderFlow > li.current:before,
.orderFlow > li.current:after {
  top: 50%;
  margin-top: -14px;
  border-width: 14px 0 14px 14px;
}
.orderFlow > li.current:before {
  left: 0%;
  border-color: transparent transparent transparent #fff;
}
.orderFlow > li.current:after {
  left: 100%;
  border-color: transparent transparent transparent #fcf3e0;
}

/* ----- empty ----- */
#contents.cart .empty > .exMessage {
  padding: 40px 16px;
}
#contents.cart .empty > .btnS {
  width: 240px;
  margin: 0 auto 24px;
}


/* ====================================================================================

 USER INFO

==================================================================================== */
/* ----- options ----- */
#contents.userInfo .options .radioBox > li {
  padding: 0;
  min-height: 180px;
}
#contents.userInfo .options .radioBox > li > label {
  display: block;
  padding: 16px;
  text-align: center;
}
#contents.userInfo .options .radioBox > li > input[type="radio"] {
  display: none;
}
#contents.userInfo .options .radioBox > li > input[type="radio"]:checked + label {
  background: #fcf3e0;
}
#contents.userInfo .options .radioBox > li > label > img {
  width: 100%;
  margin: 0 0 8px;
}
#contents.userInfo .options .w50 {
  width: 50%;
}

/* ----- select ----- */
#contents.userInfo select[name="pref"],
#contents.userInfo select[name="s_pref"] {
  width: 400px;
}

/* ----- noshi ----- */
#contents.userInfo .options .noshi .inlineList > li {
  margin: 0 0 4px;
}
#contents.userInfo .options .noshi .inlineList > li > label {
  width: 28%;
}



/* ====================================================================================

 SHIPPING

==================================================================================== */
#contents.shippng #main {
/* ----- 20201030 eac.hayashiリニューアルに伴い幅調整
  width: 620px;
 ----- */
  width: 760px;
  position: relative;
}
#contents.orderDetail .itemDetail .colonList > dt,
#contents.shippng .receivers .itemDetail .colonList > dt,
#contents.orderConfirm .receivers .itemDetail .colonList > dt {
  width: 40%;
}

/* ----- fixedMenu ----- */
#contents.shippng #fixedMenu > .btnL {
  margin: 0 0 16px;
}
#contents.shippng #fixedMenu > .btnL > input {
  padding: 32px 16px;
  font-size: 1.4rem;
}
#contents.shippng #fixedMenu .btnList > li {
  margin: 0 0 16px;
}
#contents.shippng #fixedMenu .btnList > li:last-child {
  margin: 0;
}
#contents.shippng #fixedMenu .btnS > input,
#contents.shippng #fixedMenu .btnM > input {
  padding: 16px;
}
#contents.shippng #fixedMenu > .del {
  margin: 0 16px;
}
#contents.shippng #fixedMenu > .del {
  margin: 0 16px;
}
#contents.shippng #fixedMenu .btnList li > button {
  min-height: 88px;
  position: relative;
  font-size: 1.4rem;
}
#contents.shippng #fixedMenu .btnList li > button > span {
/* 
----- 20151110 eac.masaiボタン内表示崩れ　ここから  -----
  display: inline-block;
----- 20151110 eac.masaiボタン内表示崩れ　ここまで  -----
*/
  display: block;
  font-size: 1.0rem;
}
#contents.shippng #fixedMenu .btnList li > button:before,
#contents.shippng #fixedMenu .btnList li > button:after {
  content: "";
  position: absolute;
  width: 48px;
}
#contents.shippng #fixedMenu .btnList li > button:before {
  height: 48px;
  left: 8px;
  top: 50%;
  margin: -24px 0 0;
}
#contents.shippng #fixedMenu .btnList li > button:after {
  right: 6px;
  top: 5px;
  height: 20px;
}
#contents.shippng #fixedMenu .btnList li:nth-child(1) > button:before {
  background-position: -384px -114px;
}
#contents.shippng #fixedMenu .btnList li:nth-child(1) > button:after {
  background-position: -559px -116px;
}
#contents.shippng #fixedMenu .btnList li:nth-child(2) > button:before {
  background-position: -442px -114px;
}
#contents.shippng #fixedMenu .btnList li:nth-child(2) > button:after,
#contents.shippng #fixedMenu .btnList li:nth-child(3) > button:after {
  background-position: -559px -146px;
}
#contents.shippng #fixedMenu .btnList li:nth-child(3) > button:before {
  background-position: -501px -114px;
}
#contents.shippng #fixedMenu .btnList li:nth-child(1) > button {
  padding-bottom: 0;
}








/* ----- empty ----- */
#contents.shippng .empty .exMessage {
  padding: 64px 16px 16px;
}
#contents.shippng .empty .exMessage + p {
  padding: 0 0 48px 130px;
}
#contents.shippng .empty .balloon {
  color: #fff;
  background-color: #c40000;
  right: -260px;
  top: -100px;
  padding: 40px;
}
#contents.shippng .empty .balloon:after {
  border-color: #c40000 transparent transparent transparent;
}






/* ====================================================================================

 SHIPPING DETAIL

==================================================================================== */
#contents.shippngDetail {}
#contents.shippngDetail .addItem {
  width: 320px;
  margin: 0 auto 40px;
}

/* ----- select ----- */
#contents.shippngDetail select[name="select_address"],
#contents.shippngDetail select[name="pref"] {
  width: 400px;
}
#contents.shippngDetail select[name^="qty"] {
  width: 80px;
}

/* ----- receivers ----- */
#contents.shippngDetail .receivers .title > *,
#contents.shippngDetail .receivers .itemDetail > * {
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#contents.shippngDetail .receivers .itemDetail {
  border-top: 1px solid #e7e7e7;
  border-bottom: none;
  margin: 0 0 0;
}
#contents.shippngDetail .receivers .title + .itemDetail {
  border-top: none;
}
#contents.shippngDetail .receivers .title > dt,
#contents.shippngDetail .receivers .itemDetail > dt {
  width: 526px;
}
#contents.shippngDetail .receivers .title dd:nth-of-type(1),
#contents.shippngDetail .receivers .itemDetail > dd:nth-of-type(1) {
  width: 130px;
}
#contents.shippngDetail .receivers .title dd:nth-of-type(2),
#contents.shippngDetail .receivers .itemDetail > dd:nth-of-type(2) {
  width: 272px;
}
#contents.shippngDetail .receivers .itemDetail .quantity {
  margin: 0 auto;
}
#contents.shippngDetail .receivers .itemDetail + .tbl {
  width: auto;
  margin: 0 0 40px 104px;
  -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    -ms-transition: all .6s ease;
    transition: all .6s ease;
}
#contents.shippngDetail .receivers .itemDetail + .tbl.close {
  margin: 0;
  height: 0;
  filter: alpha(opacity=0);/* IE6,7 */
    -ms-filter: "alpha(opacity=0)";/* IE8 */
    opacity: .0;
}

/* ----- selectBoxImg ----- */
.selectBoxImg {
  position: relative;
}
.tbl > dl > .selectBoxImg {
  padding: 8px 16px;
}
.selectBoxImg .item > input[type="radio"] {
  display: none;
}
.selectBoxImg > .selected {
  -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.selectBoxImg > .selected,
.selectBoxImg > .menuBox {
  border: 1px solid #e4dccb;
}
.selectBoxImg > .selected,
.selectBoxImg .item > label {
  display: block;
  padding: 8px 16px;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.selectBoxImg > .spr {
  position: absolute;
  width: 18px;
  height: 12px;
  background-position: -495px -3px;
  right: 32px;
  top: 50%;
  margin-top: -6px;
}
.selectBoxImg .item > input[type="radio"]:checked + label {
  background: #fcf3e0;
}
.selectBoxImg .item .thumb {
  width: 40px;
  padding: 0 16px 0 0;
}
.selectBoxImg .item .thumb img {
  width: 100%;
}
.selectBoxImg .item .thumb,
.selectBoxImg .item dl {
  display: table-cell;
  vertical-align: middle;
}
.selectBoxImg .menuBox {
  border-width: 0 1px 1px 1px;
  display: none;
  position: absolute;
  z-index: 2;
  left: 16px;
  width: 677px;
  background: #fff;
}
.selectBoxImg .item dl > .brand,
.selectBoxImg .item dl > dt > h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.selectBoxImg .item dl > .icoBtn {
  margin: 4px 0 0;
}



/* ====================================================================================

 ORDER CONFIRM

==================================================================================== */
#contents.orderConfirm #main {
/* ----- 20201030 eac.hayashiリニューアルに伴い幅調整
  width: 620px;
 ----- */
  width: 760px;
}
#contents.userInfo form > .btnSetC.basic,
#contents.shippngDetail form > .btnSetC.basic,
#contents.orderConfirm #main > .basic:nth-last-of-type(1) {
  margin: 0 0 16px;
}
#contents.userInfo h3.basic > span,
#contents.orderConfirm h3.basic > span {
  display: block;
  font-weight: normal;
  font-size: 1.0rem;
}

/* ----- fixedMenu ----- */
#contents.orderConfirm #fixedMenu .readMe {
  margin: 0 0 8px;
}
#contents.orderConfirm #fixedMenu .readMe > li {
  display: inline-block;
}
#contents.orderConfirm #fixedMenu .readMe > li:after {
  content: "/";
  padding: 0 8px;
}
#contents.orderConfirm #fixedMenu .readMe > li:last-child:after {
  display: none;
}
#contents.orderConfirm #fixedMenu > .btnL {
  margin: 0 0 16px;
}
#contents.orderConfirm #fixedMenu > .btnL > input {
  padding: 24px 16px;
}

/* ----- point ----- */
#contents.orderConfirm .point,
#contents.orderConfirm .pay {
  margin: 0;
}
#contents.orderConfirm .point .colonList {
  font-size: 15px;
}
#contents.orderConfirm .point .colonList .point_value {
  color:#ff0000;
  margin-right: 5px;
  font-weight: bold;
}
#contents.orderConfirm .point .point_input_area {
  display: table;
  width: 100%;
}
#contents.orderConfirm .point .point_input_area .point_input {
  display: table-cell;
  width: 55%;
}
#contents.orderConfirm .point .point_input_area .point_input input[type="text"] {
    width: 120px;
}
#contents.orderConfirm .point .point_input_area .point_all_use {
  display: table-cell;
  width: 45%;
}
#contents.orderConfirm .point .point_cal .error {
  display:none;
  font-size:12px;
  color:#cc0000;
  margin-top:10px;
  padding: 10px 15px;
  background: #ffe7e7;
}
#contents.orderConfirm .point_all_use {
  text-align: center;
}
#contents.orderConfirm .point_all_use .point_all_use_btn a {
  display:block;
  padding: 15px 10px;
  background:#fcf3e0;
  color:#7a6506;
  font-size:13px;
}
#contents.orderConfirm .point .point_cal input[name="cap_point_out"] {
  margin-right: 10px;
  width: 60%;
}


/* ----- select ----- */
#contents.orderConfirm select[name="method"],
#contents.orderConfirm select[name="card"],
#contents.orderConfirm select[name="card_method"] {
  width: 300px;
}

#contents.orderConfirm select[name="card_m"],
#contents.orderConfirm select[name="card_y"] {
  width: 100px;
  margin: 0 4px 0 0;
}

#contents.orderConfirm input[name="card_num"]{
  display: block;
  margin: 0 0 4px;
}



/* ====================================================================================

 ORDER COMPLETE

==================================================================================== */
#contents.orderComplete .title > p,
#contents.orderComplete .title > ul {
  margin: 0 0 2rem 8rem;
}




/* ====================================================================================

 INQUIRY FORM & INQUIRY CONFIRM & INQUIRY COMPLETE

==================================================================================== */
#contents.inquiryForm {}

#contents.inquiryConfirm {}



/* ====================================================================================

 INQUIRY COMPLETE

==================================================================================== */
#contents.inquiryComplete .title p {
  margin: 0 0 2rem 18rem;
}
#contents.inquiryComplete .title .caution {
  width: 60%;
}




/* ====================================================================================

 INQUIRY　HISTORY

==================================================================================== */
#contents.inquiryHistory .inquiryList {
  margin: 0 0 8px;
}
#contents.inquiryHistory .inquiryList > h2 {
  margin: 0 0 8px;
  font-size: 1.4rem;
}
#contents.inquiryHistory .inquiryList > h2 > span {
  font-weight: bold;
  font-size: 1.8rem;
  padding: 0 4px;
}
#contents.inquiryHistory .inquiryList ul li {
  padding: 16px;
  display: table;
  background: #fff;
  margin: 0 0 4px;
  width: 100%;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#contents.inquiryHistory .inquiryList ul li > * {
  display: table-cell;
}
#contents.inquiryHistory .inquiryList ul li dl > * {
  margin: 0 0 8px;
}
#contents.inquiryHistory .inquiryList h3 {
  font-weight: bold;
  font-size: 1.6rem;
}
#contents.inquiryHistory .inquiryList .colonList {
  color: #adadad;
}
#contents.inquiryHistory .inquiryList .btnS {
  padding: 8px;
  width: 160px;
  vertical-align: middle;
}




/* ====================================================================================

 INQUIRY DETAIL

==================================================================================== */

/* ----- chatList ----- */
.chatList {
  margin: 0 0 40px;
}
.chatList > * {
  position: relative;
  margin: 0 16px 16px;
  background: #fff;
}
.chatList > *:last-child {
  margin-bottom: 0;
}
.chatList > * > h3:before {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  left: -16px;
  margin-top: -16px;
  border-width: 16px 16px 16px 0;
  border-color: transparent #fff transparent transparent;
}
.chatList > *.reply > h3:before {
  left: inherit;
  right: -16px;
  border-width: 16px 0 16px 16px;
  border-color: transparent transparent transparent #fff;
}
.chatList > * > * {
  padding: 16px;
}
.chatList h3.accordion {
  font-weight: bold;
  border-bottom: 1px solid #f9f9f9;
}
.chatList h3.accordion > .date {
  font-weight: normal;
  display: block;
}

/* ----- sendForm ----- */
#contents.inquiryDetail .sendForm > .tbl,
#contents.inquiryDetail .sendForm > .btnSetC {
  margin-bottom: 16px;
}




/* ====================================================================================

 GUIDE

==================================================================================== */
#contents.guide #leftNav h2.basic {
  font-size: 1.4rem;
  margin: 0;
}
#contents.guide #leftNav section {
  margin: 0 0 16px;
}
#contents.guide #leftNav .treeMenu a {
  padding: 4px 16px 4px 32px;
}
/*#contents.guide #leftNav section .treeMenu li:last-child {
  padding: 4px 16px 40px 0;
}*/
#contents.guide #fixedMenu > section:last-child {
  margin: 0;
}
#contents.guide #fixedMenu > section:last-child li:last-child {
  padding: 4px 16px 0 0;
}
#contents.guide #main{
  margin: -70px 0 40px;
  padding-top: 70px;
}
#contents.guide #main > section.basic {
  margin-top: -70px;
  padding: 102px 32px 32px;
}
#contents.guide #main > section.basic > section {
  margin: 0 0 40px;
}
#contents.guide #main > section.basic > section:last-child {
  margin: 0;
}
#contents.guide #main > section.basic > section > section {
  margin: 0 0 16px;
}
#contents.guide #main > section.basic > section > section:last-child {
  margin: 0;
}
#contents.guide #main > section.basic:last-child,
#contents.knowledge #main > article.basic:last-child {
  margin: 0 0 400px;
}


/* ----- guide0101 ----- */
#guide0101 .logo {
  width: 300px;
  height: 60px;
  margin: 40px auto 0;
  background-position: 0 -110px;
}
#guide0101 .message {
  font-family:'Hiragino Mincho ProN', serif;
  font-size: 1.4rem;
  line-height: 300%;
  padding: 40px 20px;
}
#guide0101 ul.disc {
  margin: 0 40px 40px 8px;
}
#guide0101 ul.disc > li {
  margin: 0 0 1rem 1.5rem;
}

/* ----- number ----- */
#guide0104 > dl > dt {
  font-size: 1.4rem;
  font-weight: bold;
}
#guide0104 > dl {
  padding: 0 0 0 40px;
}
#guide0104 > dl > dt,
#guide0104 > dl > dt > span {
  position: relative;
}
#guide0104 > dl > dt:after {
  width: 20px;
  height: 32px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  position: absolute;
  z-index: 1;
  left: -40px;
  top: -4px;
}
#guide0104 > dl > dt:nth-child(1):after {
  content: "1";
}
#guide0104 > dl > dt:nth-child(3):after {
  content: "2";
}
#guide0104 > dl > dt:nth-child(5):after {
  content: "3";
}
#guide0104 > dl > dt:nth-child(7):after {
  content: "4";
}
#guide0104 > dl > dt:nth-child(9):after {
  content: "5";
}
#guide0104 > dl > dt:nth-child(11):after {
  content: "6";
}
#guide0104 > dl > dt:nth-child(13):after {
  content: "7";
}
#guide0104 > dl > dt:nth-child(15):after {
  content: "8";
}
#guide0104 > dl > dt:nth-child(17):after {
  content: "9";
}
#guide0104 > dl > dt:nth-child(19):after {
  content: "10";
}
#guide0104 > dl > dt:nth-child(21):after {
  content: "11";
}
#guide0104 > dl > dt:nth-child(23):after {
  content: "12";
}
#guide0104 > dl > dt > span:before,
#guide0104 > dl > dt > span:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: -40px;
  z-index: 1;
  border-style: solid;
}
#guide0104 > dl > dt > span:before {
  border-width: 0 10px 16px 10px;
  border-color: transparent transparent #e20b20 transparent;
  top: -4px;
}
#guide0104 > dl > dt > span:after {
  border-width: 16px 10px 0 10px;
  border-color: #e20b20 transparent transparent transparent;
  top: 12px;
}
#contents.guide dl.basic > dd {
  margin: 0 0 2rem;
}

/* ----- guide0401 ----- */
#guide0401 dl > dt {
  clear: both;
  width: 20%;
  float: left;
  margin: 0 0 8px;
}
#guide0401 dl > dd {
  width: 80%;
  float: left;
}

/* ----- guide0502 ----- */
#guide0502 img {
  margin: 0 4px;
}
/* ----- guide0602 ----- */
#guide0602 > div.cf > .boxL {
  width: 70%;
}
#guide0602 > div.cf > .boxR {
  margin: -24px 0 0;
}

/* ----- guide0803 ----- */
#guide0803 > section > p {
  text-indent: 1rem;
}



/* ====================================================================================

 CALENDAR & MANNER

==================================================================================== */
#contents.knowledge #leftNav > nav,
#contents.knowledge #main h2.basic,
#contents.knowledge #main article > h3.basic,
#contents.knowledge #main article section > h4.basic {
  font-family: serif;
}
#contents.knowledge #main article > h2.basic {
  font-size: 2.0rem;
}
#contents.knowledge #main section > h2.basic > span {
  font-size: 1.2rem;
  font-weight: normal;
  display: block;
}
#contents.knowledge #main article p {
  line-height: 180%;
  margin: 0 0 1.2rem;
}
#contents.knowledge #main article section > h4.basic {
  font-size: 1.6rem;
}
#contents.knowledge #main article section li {
  margin-bottom: 2.0rem;
}

/* ----- calendar ----- */
#contents.calendar #cal0102 ul h5 {
  float: left;
  width: 120px;
  font-weight: bold;
}
#contents.calendar #cal0102 ul p {
  float: left;
  width: 516px;
}




/* ====================================================================================

 TERMS & PRIVACY

==================================================================================== */
#contents.terms > section.basic section,
#contents.privacy > section.basic section {
  margin: 0 0 40px;
}





/* ====================================================================================

 AGE VERIFICATION

==================================================================================== */
#contents.ageVerif .btnSetC {
  margin: 0 0 48px;
}



/* ====================================================================================

 ERROR 404, 500, 503

==================================================================================== */
#contents.error .srcBox form {
  width: 668px;
  margin: 0 auto 40px;
}
#contents.error .btnSetC {
  margin: 0 0 48px;
}


/* ====================================================================================

 ARTICLES

==================================================================================== */
#contents.articles {
}
#contents.articles #main > section.basic {
  padding: 32px 32px 0;
}
#contents.articles #main > section.basic > section {
  font-size: 1.4rem;
  padding: 0 0 80px;
}
#contents.articles #main > section.basic > section p {
  margin: 0 0 2rem;
}
#contents.articles #main > section.basic > section p:last-child {
  margin: 0;
}
#contents.articles #main > section.basic > section p.btnS {
  width: 240px;
  margin: 0 auto;
}
#contents.articles #main > section.basic > h2.basic,
#contents.articles #main > section.basic > section h3.basic {
  font-family: serif;
  margin: 0 0 8px;
}
#contents.articles #main > section.basic > h2.basic {
  border-bottom: none;
  padding: 0;
  font-size: 2.2rem;
  margin: 0 0 80px;
}
#contents.articles #main > section.basic > section h3.basic {
  font-size: 1.8rem;
}
#contents.articles #main > section.basic > .lead {
  color: #7f7f7f;
  margin: 0 0 80px;
}
#contents.articles #main > section.basic > section img {
  width: 100%;
}

/*----- 20201207 eac.hayashi 記事マナーページ　改善ここから  -----*/

#contents.articles #main > section.basic > div.floatimg {
    width: 45%;
    float: left;
    display: block;
}
#contents.articles #main > section.basic > div.floatimg + h2 {
  margin: 0 0 40px;
}
#contents.articles #main > section.basic > div.floatimg + h2 + section  {
  padding: 0 0 60px;
}
#contents.articles #main > section.basic > div.floatimg + h2 + section + ul.btnSetC  {
  padding: 0 0 30px;
}

/*----- 20201207 eac.hayashi 記事マナーページ　改善ここまで  -----*/

/*----- 20180315 eac.masai articleページ内サイドナビ非表示ここから  -----*/

#contents.articles #leftNav nav > section{
  display: none;
}
/*----- 20180315 eac.masai articleページ内サイドナビ非表示ここまで  -----*/


/* articleView */
#contents.articles .articleView h3.basic {
  /*font-family: serif;*/
  font-size: 1.4rem;
  font-weight: normal;
  margin: 0 0 8px;
}


/* item */
#contents.articles .item dl {
  padding: 4px 16px 8px;
  margin: 0 0 16px;
  text-align: right;
  font-size: 1.2rem;
  background-color: #f4f4f4;
  border-top: 1px solid #ddd;
}
#contents.articles .item dl .price,
#contents.articles .item dl .point {
  display: inline-block;
}
#contents.articles .item dl .brand a {
  color: #d98c90;
}
#contents.articles .item dl .brand a:hover {
  color: #FF3640;
}
#contents.articles .item dl .price {
  padding: 0 16px 0 0;
}


/* ----- set width 100% ----- */
#contents.articles #main > #about,
#contents.articles #main > .scene,
#contents.articles #main > .scene_,
#contents.articles #main > #ranking,
#contents.articles #main > #category,
#contents.articles #main > #popBrand,
#contents.articles #main > #articles,
#contents.articles #main > #calendar {
  /*margin-left: -260px;*/
}

/* ----- articleView ----- */
.articleView {
  margin: 0 0 40px;
}
.articleView > li {
  margin: 0 0 8px;
}
.articleView > li:last-child {
  margin: 0;
}
.articleView > li > a {
  display: block;
  padding: 16px;
  background: #fff;
  color: #3f3f3f;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 130px;
}
.articleView > li > a h3.basic {
  font-family: san-serif!important;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.5;
  margin: 0 0 8px;
}
.articleView > li > a dd {
  color: #7f7f7f;
  line-height: 1.8;
}
.articleView > li > a .arrR {
/* ----- 20201203 eac.hayashiリニューアルに伴い調整
  color: #796405;
----- */
  color: #222;
}
.articleView > li > a:hover .arrR {
  color: #e7c973;
}
.articleView > li > a .continue {
/* ----- 20201203 eac.hayashiリニューアルに伴い調整
  color: #796405;
----- */
  color: #222;
  text-align: right;
}
.articleView > li > a:hover .continue {
  color: #e7c973;
}

.articleView.col2 {
  margin: 0 -8px 40px;
}
.articleView.col2 > li {
  margin: 0;
}


h3.basic.add {
  font-size: 1.8rem;
}




#contents.itemDetail div#leftNav.close div.pointBox {
 border-top:none;
}
#contents.categoryList.eventTop div#main section.countsBox.occNone {
 display: none
}
#contents.categoryList.eventTop div#leftNav ul.benefit {
 padding: 16px 16px 0!important;
}
#contents.categoryList.eventTop.eventocc div#main section.countsBox {
 display: none
}

/* ====================================================================================

 NEWS ARTICLE

==================================================================================== */
.newsArticle {
  position: relative;
  background-color: #fff;
  margin: 0 0 80px;
  padding: 72px 32px 32px;
  font-size: 1.4rem;
}
.newsArticle img {
  max-width: 100%;
  /*height: auto;*/
}
#contents.itemDetail .newsArticle img {
  max-height: 60vh;
}
.newsArticle blockquote {
  /*border: 1px dashed #ccc;*/
  background-color: #fafafa;
  padding: 16px 32px 16px 56px;
  margin: 0 16px 40px; 
  position: relative;
}
.newsArticle blockquote:before {
  content: '“';
  font-size: 75px;
  font-family: serif;
  color: #ccc;
  position: absolute;
  left: 8px;
  top: -16px;
}
.newsArticle > *:not(img):not(table) {
  margin: 0 0 40px;
}
.newsArticle > img {
  margin: 0 0 16px;
}
.newsArticle blockquote p,
.newsArticle section p {
  margin: 0 0 1.6rem;
}
.newsArticle h2 {
  font-size: 1.8rem;
  font-weight: bold;  
}

/* ----- label ----- */
.newsArticle .titleBox .label {
  color: #fff;
  font-size: 1.4rem;
  padding: 8px 30px 8px 16px;
  margin: 0;
  position: absolute;
  left: -8px;
  top: 20px;
}
.newsArticle .titleBox .label.official {
  background-color: #EAD187;
}
.newsArticle .titleBox .label.menber {
  background-color: #54A7F5;
}
.newsArticle .titleBox .label.miNews {
  background-color: #000;
}
.newsArticle .titleBox .label.giftNews {
  background-color: #d71718;
}
.newsArticle .titleBox .label.mail {
  background-color: #C1D88B;
}
.newsArticle .titleBox .label.survey {
  background-color: #F388C7;
}
.newsArticle .titleBox .label:before,
.newsArticle .titleBox .label:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
}
.newsArticle .titleBox .label:before {
  left: 0;
  bottom: -12px;
  border-width: 12px 0px 0 8px;
  border-color: #e6e6e6 transparent transparent transparent;
}
.newsArticle .titleBox .label:after {
  right: 0;
  top: 0;
  border-width: 19px 14px 18px 0;
  border-color: transparent #fff transparent transparent;
}

/* ----- titleBox ----- */
.newsArticle .titleBox {
  font-size: 1.2rem;
  margin: 0 0 40px;
}
.newsArticle .titleBox:nth-of-type(1) {
  margin: 0 0 40px;
}
.newsArticle .titleBox:nth-last-of-type(1) {
  margin: 0;
}
.newsArticle .titleBox:nth-last-of-type(1) .date {
  display: none;
}
.newsArticle .titleBox .date {
  color: #7f7f7f;
  text-align: right;
  position: absolute;
  right: 32px;
  top: 20px;
}
.newsArticle .titleBox h2.basic {
  padding: 0 0 8px;
  margin: 0 0 8px;
  border-bottom: 1px solid #e4dccb;
}
.newsArticle .titleBox > .prof,
.newsArticle .titleBox > .sns {
  padding: 0 10px;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.newsArticle .titleBox > .prof {
  width: 37%;
  float: left;
}
.newsArticle .titleBox > .sns {
  width: 63%;
  float: right;
  text-align: right;
  margin: 6px 0 0;
}
.newsArticle .titleBox > .sns li:nth-child(4) img {
  width: 82px;
}
.newsArticle .fb-like > span,
.newsArticle .titleBox > .sns > li > * {
  vertical-align: top!important;
}
.newsArticle .titleBox > .sns > li:not(:last-child) {
  margin: 0 0px 8px 0;
}
.newsArticle .titleBox > ul > li {
  display: inline-block;
  vertical-align: top;
}
.newsArticle .titleBox .prof img {
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 1px solid #e4dccb;
  -webkit-border-radius: 50% 50%;
    -moz-border-radius: 50% 50%;
    border-radius: 50% 50%;
}
.newsArticle .titleBox .prof span {
  display: inline-block;
  padding: 0 0 0 12px;
  height: 34px;
  line-height: 34px;
}

.newsArticle h3 {
  font-size: 1.8rem;
  font-family: serif;
  margin: 0 0 8px;
}

/* ----- vBarList ----- */
.newsArticle > .vBarList {
  border: 1px solid #e4dccb;
  border-width: 1px 0;
  padding: 16px 0;
  margin: 0 0 16px;
}
.newsArticle > .author,
.newsArticle > .author + .sns {
  margin-bottom: 0;
}
.newsArticle .quoteSource {
  font-size: 1.0rem;
  color: #7f7f7f;
}
.newsArticle .imgL > .thumb,
.newsArticle .imgR > .thumb,
.newsArticle .imgC > .thumb {
  margin-bottom: 8px;
}
.newsArticle .imgL > .thumb,
.newsArticle .imgR > .thumb {
  width: 40%;
}
.newsArticle .imgL > .thumb {
  float: left;
  margin-right: 32px;
}
.newsArticle .imgR > .thumb {
  float: right;
  margin-left: 32px;
}

/* item */
.newsArticle .item dl {
  padding: 4px 16px 8px;
  margin: 0 0 16px;
  text-align: right;
  font-size: 1.2rem;
  background-color: #f4f4f4;
  border-top: 1px solid #ddd;
}
.newsArticle .item dl .price,
.newsArticle .item dl .point {
  display: inline-block;
}
.newsArticle .item dl .brand a {
  color: #d98c90;
}
.newsArticle .item dl .brand a:hover {
  color: #FF3640;
}
.newsArticle .item dl .price {
  padding: 0 16px 0 0;
}
.newsArticle p.btnS {
  max-width: 300px;
  margin: 0 auto;
}

/* brand_prof */
.newsArticle .brand_prof {
  padding: 0 16px;
  font-size: 1.2rem;
}
.newsArticle .brand_prof > .txt {
  float: left;
}
.newsArticle .brand_prof > .thumb {
  width: 130px;
  padding: 8px 0;
  float: right;
}



/* ====================================================================================

 NEWSLIST

==================================================================================== */
.newsList article {
  display: table;
  width: 100%;
  background: #fff;
  margin: 0 0 16px;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.newsList article > * {
  display: table-cell;
  vertical-align: top;
}
.newsList article > dl {
  width: 75%;
  padding: 16px;
}
.newsList article h3 {
  font-size: 1.4rem;
  font-weight: bold;
}
.newsList article .date,
.newsList article .brand {
  text-align: right;
}
.newsList article .explain p {
  width: 500px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.newsList article .sns ul {
  text-align: right;
  letter-spacing: -0.4em;/* Hack for each space */
  margin: 16px 0 0;
}
.newsList article .sns li {
  display: inline-block;
  letter-spacing: normal;/* Hack for each space */
  margin: 0 0 0 16px;
  vertical-align: top;
}
.newsList article .ico {
  margin: -22px 0 0;
}
.newsList article .ico a:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 4px -4px 0;
}
.newsList article .ico.news a:before {
  background-position: -536px -84px;
}
.newsList article .ico.review a:before {
  background-position: -564px -84px;
}
.newsList article .ico.mail a:before {
  background-position: -499px -83px;
}
.newsList article > blockquote {
  width: 25%;
}
.newsList article .thumb {
  overflow: hidden;
  position: relative;
}
.newsList article .thumb:before {
  content: "";
  display: block;
  padding: 100% 0 0;
}
.newsList article > blockquote .thumb a img {
  position: absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    width: 100%;
    height: auto;
}
.newsList article > blockquote .thumb.setH a img {
  width: auto;
  height: 100%;
}
.newsList article > blockquote p {
  font-size: 10px;
}

/* ----- col2 ----- */
.newsList.col2 {
/*  float: left;*/
  margin: 0;
}
.newsList.col2 article {
  width: calc(50% - 8px);
  float: left;
}

.newsList.col2 article:nth-of-type(odd) {
  margin: 0 8px 16px 0;
}
.newsList.col2 article:nth-of-type(even) {
  margin: 0  0 16px 8px;
}
.newsList.col2 article > dl {
  width: 55%;
}
.newsList.col2 article h3 {
  font-weight: normal;
}


/* ----- relatedNews ----- */
.relatedNews {
  margin: 0 0 40px;
  position: relative;
}
#contents.occasionTop .relatedNews {
  margin-left: -260px;
}
#top .newsList.col2 article > dl,
.w100 .newsList.col2 article > dl {
  width: 77%;
}
.w100 .newsList.col2 .arrR {
  position: absolute;
  right: 0;
  top: 0;
}

/* ====================================================================================

 STAFF REVIEW

==================================================================================== */
/* 総合TOPやオケージョンTOPなどへのスタッフレビュー染み出し用ID */
#staffReview {
  margin: 0 0 40px;
}
#contents.occasionTop #staffReview {
  margin-left: -260px;
}
#staffReview .cardView > li > a {
  height: 400px;
  position: relative;
}
#staffReview .cardView > li > a img {
  -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#staffReview .cardView > li > a:hover img {
  opacity: 1;
}
#staffReview .cardView > li > a .thumb {
  overflow: hidden;
}
#staffReview .cardView > li > a .thumb img {
  -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    position: absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    width: 100%;
    height: auto;    
}
#staffReview .cardView > li > a:hover .thumb img {
  -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
#staffReview .cardView > li > a > dl > .brand {
  margin-bottom: 4px;
}
#staffReview .cardView h3 {
  font-weight: bold;
  margin-bottom: 12px;
}
#staffReview .cardView .explain {
  display: block;
}
#staffReview .cardView .explain > p > span {
/* ----- 20201203 eac.hayashiリニューアルに伴い調整
  color: #796405;
----- */
  color: #222;
  display: block;
  padding: 4px 0 0;
}
#staffReview .cardView a:hover .explain > p > span {
  color: inherit;
}
#staffReview .cardView .name {
  line-height: 32px;
  text-align: right;
  color: #7f7f7f;
  position: absolute;
  right: 16px;
  bottom: 8px;
  z-index: 2;
}
#staffReview .cardView .name img {
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 1px solid #e4dccb;
  -webkit-border-radius: 50% 50%;
    -moz-border-radius: 50% 50%;
    border-radius: 50% 50%;
  -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}
#staffReview .cardView a:hover .name img {
  -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
}
#staffReview .cardView .name p {
  display: inline-block;
  padding: 0 0 0 12px;
}
#staffReview .cardView > li.new a:before {
  content: "NEW";
  background-color: #c40000;
  padding: 4px 8px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  font-size: 10px;
  color: #fff;
}


/* ----- staffReview ----- */
.staffReview {
  background-color: #fff;
  font-size: 1.4rem;
  padding: 80px 80px 40px;
  margin: 0 auto 40px;
  /*-webkit-box-shadow: 0 0 0 16px #fff inset, 0 0 0 24px #f4f4f4 inset;
    -moz-box-shadow: 0 0 0 16px #fff inset, 0 0 0 24px #f4f4f4 inset;
    box-shadow: 0 0 0 16px #fff inset, 0 0 0 24px #f4f4f4 inset;*/
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.staffReview:after {
  top: inherit;
  height: 15px;
  bottom: 15px;
}
.staffReview h2 {
  padding: 0 0 16px;
  margin: 0 0 16px;
  border-bottom: 1px solid #e4dccb;
}

/* ----- blockquote ----- */
.staffReview blockquote {
  /*border: 1px dashed #ccc;*/
  background-color: #fafafa;
  padding: 16px 32px 16px 56px;
  margin: 0 16px 40px; 
  position: relative;
}
.staffReview blockquote:before {
  content: '“';
  font-size: 75px;
  font-family: serif;
  color: #ccc;
  position: absolute;
  left: 8px;
  top: -16px;
}
.staffReview > *:not(img):not(table) {
  margin: 0 0 40px;
}
.staffReview > img {
  margin: 0 0 16px;
}
.staffReview blockquote p,
.staffReview section p {
  margin: 0 0 1.6rem;
}

/* ----- label ----- */
.staffReview .label {
  color: #fff;
  font-size: 1.4rem;
  padding: 8px 30px 8px 16px;
  margin: 0;
  position: absolute;
  left: -8px;
  top: 20px;
}
.staffReview .titleBox .label.official {
  background-color: #EAD187;
}
.staffReview .titleBox .label.menber {
  background-color: #54A7F5;
}
.staffReview .titleBox .label.extra {
  background-color: #FF5722;
}
.staffReview .titleBox .label.miNews {
  background-color: #000;
}
.staffReview .titleBox .label.giftNews {
  background-color: #d71718;
}
.staffReview .titleBox .label.mail {
  background-color: #C1D88B;
}
.staffReview .titleBox .label.survey {
  background-color: #F388C7;
}
.staffReview .label:before,
.staffReview .label:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
}
.staffReview .label:before {
  left: 0;
  bottom: -12px;
  border-width: 12px 0px 0 8px;
  border-color: #e6e6e6 transparent transparent transparent;
}
.staffReview .label:after {
  right: 0;
  top: 0;
  border-width: 19px 14px 18px 0;
  border-color: transparent #fff transparent transparent;
}

/* ----- fly ----- */
.staffReview .label {
 /*transition: all 0.4s ease-in-out 0s;*/
}
.staffReview.fly .label {
  position: fixed;
  top: auto;
  bottom: 24px;
  /*left: calc(50% - 488px);*/
  left: 0;
  cursor: pointer;
  padding: 16px;
  -webkit-box-shadow: 0 4px 8px #ccc;
    -moz-box-shadow: 0 4px 8px #ccc;
    box-shadow: 0 4px 8px #ccc;
}
.staffReview.fly .label:hover {
  opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
}
.staffReview.fly .label:before {
  left: auto;
  right: -16px;
  top: 0;
  bottom: auto;
  border-width: 28px 18px 0 0;
}
.staffReview.fly .label:after {
  right: -16px;
  top: auto;
  bottom: 0;
  border-width: 0 18px 28px 0;
}
.staffReview.fly .label.official:before {
  border-color: #EAD187 transparent transparent transparent;
}
.staffReview.fly .label.official:after {
  border-color: transparent transparent #EAD187 transparent;
}
.staffReview.fly .label.menber:before {
  border-color: #54A7F5 transparent transparent transparent;
}
.staffReview.fly .label.menber:after {
  border-color: transparent transparent #54A7F5 transparent;
}
.staffReview.fly .label.extra:before {
  border-color: #FF5722 transparent transparent transparent;
}
.staffReview.fly .label.extra:after {
  border-color: transparent transparent #FF5722 transparent;
}

/* ----- titleBox ----- */
.staffReview .titleBox {
  font-size: 1.2rem;
  margin: 0 0 40px;
}
.staffReview .titleBox:nth-of-type(1) {
  margin: 0 0 40px;
}
.staffReview .titleBox:nth-last-of-type(1) {
  border-top: 1px solid #e4dccb;
  margin: 40px 0 0;
  padding: 16px 16px 0;
}
.staffReview .titleBox > ul {
  float: left;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.staffReview .titleBox > .prof {
  width: 40%;
}
.staffReview .titleBox > .sns {
  width: 60%;
  text-align: right;
}
.staffReview .fb-like > span,
.staffReview .titleBox > .sns > li > * {
  vertical-align: top!important;
}
.staffReview .titleBox > .sns > li:not(:last-child) {
  margin: 0 10px 0 0;
}
.staffReview .titleBox > ul > li {
  display: inline-block;
  vertical-align: middle;
  height: 34px;
  line-height: 34px;
}
.staffReview .titleBox .name img {
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 1px solid #e4dccb;
  -webkit-border-radius: 50% 50%;
    -moz-border-radius: 50% 50%;
    border-radius: 50% 50%;
}
.staffReview .titleBox .name span {
  display: inline-block;
  padding: 0 0 0 12px;
  vertical-align: top;
}
.staffReview .titleBox .date {
  color: #7f7f7f;
}
.staffReview .titleBox:nth-of-type(1) .date {
  position: absolute;
  right: 32px;
  top: 30px;
}
.staffReview .titleBox:nth-of-type(2) .date {
  display: none;
}

.staffReview h3 {
  font-size: 1.8rem;
  font-family: serif;
  margin: 80px 0 8px;
}
.staffReview h3:nth-of-type(1) {
  margin-top: 0;
}

.staffReview img{
 /* width: 480px;*/
  max-width: 100%;
  /*max-height: 50vh;*/
  display: block;
  margin-bottom: 8px;
}
.staffReview p {
  margin: 0 0 1.6rem;
}
.staffReview > div p {
  margin: 1.6rem 0 ;
}

/* ----- vBarList ----- */
.staffReview > .vBarList {
  border: 1px solid #e4dccb;
  border-width: 1px 0;
  padding: 16px 0;
  margin: 0 0 16px;
}
.staffReview > .author,
.staffReview > .author + .sns {
  margin-bottom: 0;
}
.staffReview .quoteSource {
  font-size: 1.0rem;
  color: #7f7f7f;
}
.staffReview .imgL > .thumb,
.staffReview .imgR > .thumb,
.staffReview .imgC > .thumb {
  margin-bottom: 8px;
}
.staffReview .imgL > .thumb,
.staffReview .imgR > .thumb {
  width: 40%;
}
.staffReview .imgL > .thumb {
  float: left;
  margin-right: 32px;
}
.staffReview .imgR > .thumb {
  float: right;
  margin-left: 32px;
}

/* item */
.staffReview .item dl {
  padding: 4px 16px 8px;
  margin: 0 0 16px;
  text-align: right;
  font-size: 1.2rem;
  background-color: #f4f4f4;
  border-top: 1px solid #ddd;
}
.staffReview .item dl .price,
.staffReview .item dl .point {
  display: inline-block;
}
.staffReview .item dl .brand a {
  color: #d98c90;
}
.staffReview .item dl .brand a:hover {
  color: #FF3640;
}
.staffReview .item dl .price {
  padding: 0 16px 0 0;
}
.staffReview p.btnS {
  max-width: 300px;
  margin: 0 auto;
}
#contents.itemDetail > .staffReview p.btnS {
  display: none;
}

/* brand_prof */
.staffReview .brand_prof {
  padding: 0 16px;
  font-size: 1.2rem;
}
.staffReview .brand_prof > .txt {
  float: left;
}
.staffReview .brand_prof > .thumb {
  width: 130px;
  padding: 8px 0;
  float: right;
}



/* ====================================================================================

 PICKUP

==================================================================================== */
.pickupView dl dd:nth-child(1),
.pickupView h3,
.pickupView p{
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.pickupView dd,
.pickupView h3,
.pickupView p{
  color: #474747
}
.pickupView dl dd:nth-child(1) {
  text-align:left !important;
}
.pickupView li:nth-child(1) dl dd:nth-child(1) {
  margin-left:25%;
  padding-left:8px;
}
.pickupView li:nth-child(10) dl dd:nth-child(1) {
  margin-left:12%;
  padding-left:8px;
}
.pickupView{
  margin: 0 0 40px 0;
}
.pickupView li dl{
    line-height: 120%;
    overflow: hidden;
    padding: 12px;
}
.pickupView li:nth-child(1){
  background: #fff;
  width: 460px;
  float: left;
  margin: 0 16px 16px 0;
  position: relative;
}
.pickupView li:nth-child(10){
  background: #fff;
  width: 460px;
  float: left;
  margin: 0 16px 16px 0;
  position: relative;
}
.pickupView li:nth-child(1) img,.pickupView li:nth-child(10) img{
  width: 100%;
}
.pickupView li:nth-child(1) dt{
  padding: 0 0 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 43%; 
    line-height: 150%;
    margin-top: 1px;
}
.pickupView li:nth-child(10) dt{
  padding: 0 0 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 43%; 
}
.pickupView li:nth-child(1) dl,
.pickupView li:nth-child(10) dl{
  position: relative;
  margin-top: 4px;
}
.pickupView li:nth-child(1) dd.price{
   font-size: 1.6rem;
  position: absolute;
  top: 16px;
  right: 12px;
}
.pickupView li:nth-child(10) dd.price{
    font-size: 1.6rem;
  position: absolute;
  top: 16px;
  right: 12px;
}
.pickupView li:nth-child(1) dd.price span,
.pickupView li:nth-child(10) dd.price span{
    font-size: 1rem;
}
.pickupView li:nth-child(1) dd.point{
  position: absolute;
  top: 35px;
  right: 12px;
  font-size: 1rem;
}
.pickupView li:nth-child(10) dd.point{
  position: absolute;
  top: 34px;
  right: 12px;
  font-size: 1rem;
}
.pickupView li:nth-child(3),
.pickupView li:nth-child(6),
.pickupView li:nth-child(9),
.pickupView li:nth-child(11){
  clear: both
}
.pickupView li:nth-child(2),
.pickupView li:nth-child(3),
.pickupView li:nth-child(4),
.pickupView li:nth-child(5),
.pickupView li:nth-child(6),
.pickupView li:nth-child(7),
.pickupView li:nth-child(8),
.pickupView li:nth-child(9),
.pickupView li:nth-child(11),
.pickupView li:nth-child(12),
.pickupView li:nth-child(13)
{
  width: 222px;
  float: left;
  background: #fff;
  margin: 0 16px 16px 0;
  padding: 0!important;
  position: relative;
}
.pickupView li dt{
  line-height: 150%;
}
.pickupView li dt:nth-child(2){
}
.pickupView li:nth-child(2) img,
.pickupView li:nth-child(3) img,
.pickupView li:nth-child(4) img,
.pickupView li:nth-child(5) img,
.pickupView li:nth-child(6) img,
.pickupView li:nth-child(7) img,
.pickupView li:nth-child(8) img,
.pickupView li:nth-child(9) img,
.pickupView li:nth-child(11) img,
.pickupView li:nth-child(12) img,
.pickupView li:nth-child(13) img{
  width: 100%;
}

.pickupView li:nth-child(2) dd,
.pickupView li:nth-child(3) dd,
.pickupView li:nth-child(4) dd,
.pickupView li:nth-child(5) dd,
.pickupView li:nth-child(6) dd,
.pickupView li:nth-child(7) dd,
.pickupView li:nth-child(8) dd,
.pickupView li:nth-child(9) dd,
.pickupView li:nth-child(11) dd,
.pickupView li:nth-child(12) dd,
.pickupView li:nth-child(13) dd
{
  text-align: right;
  padding: 0;
}
.pickupView li:nth-child(2) dd.price{
  margin-top: 16px;
  font-size: 1.6rem;
}
.pickupView li:nth-child(3) dd.price,
.pickupView li:nth-child(4) dd.price,
.pickupView li:nth-child(5) dd.price,
.pickupView li:nth-child(6) dd.price,
.pickupView li:nth-child(7) dd.price,
.pickupView li:nth-child(8) dd.price,
.pickupView li:nth-child(11) dd.price,
.pickupView li:nth-child(12) dd.price,
.pickupView li:nth-child(13) dd.price
{
  margin-top: 14px;
  font-size: 1.6rem;
}
.pickupView li:nth-child(9) dd.price{
  margin-top: 16px!important;
  font-size: 1.6rem;
}
.pickupView li:nth-child(2) dd.price span,
.pickupView li:nth-child(3) dd.price span,
.pickupView li:nth-child(4) dd.price span,
.pickupView li:nth-child(5) dd.price span,
.pickupView li:nth-child(6) dd.price span,
.pickupView li:nth-child(7) dd.price span,
.pickupView li:nth-child(8) dd.price span,
.pickupView li:nth-child(9) dd.price span,
.pickupView li:nth-child(11) dd.price span,
.pickupView li:nth-child(12) dd.price span,
.pickupView li:nth-child(13) dd.price span
{
  font-size: 1rem;
}
.pickupView li:nth-child(2) dd.point{
  margin-top: 2px;
  padding: 0;
  font-size: 1rem;  
}
.pickupView li:nth-child(3) dd.point,
.pickupView li:nth-child(4) dd.point,
.pickupView li:nth-child(5) dd.point,
.pickupView li:nth-child(6) dd.point,
.pickupView li:nth-child(7) dd.point,
.pickupView li:nth-child(8) dd.point,
.pickupView li:nth-child(9) dd.point,
.pickupView li:nth-child(11) dd.point,
.pickupView li:nth-child(12) dd.point,
.pickupView li:nth-child(13) dd.point
{
  padding: 0;
  font-size: 1rem;  
}
.pickupView{
  overflow: hidden;
  width: calc(100% + 16px);
  margin: 0 0 16px 0;
}
.pickup_item_{
  background: #fff;
  width: 222px;
}
.pickup_item_top_{
  text-align: center;
}
.pickup_item_bottom_{
  overflow: hidden;
  line-height: 120%;
  padding: 12px;
}
.pickup_item_left_{
  float: left;
  width: 70%;
}
.pickup_item_right_ .tax_{
  font-size: 10px;
}
.pickup_item_bottom_ p.price{
  font-size: 1.6rem;
  line-height: 1;
}
.pickup_item_bottom_ p.price span,
.pickup_item_bottom_ p.point span {
  font-size:1rem;
}
.pickup_item_bottom_ p{
}
.pickup_item_left_ p{
  line-height: 150%;
}
.pickup_item_right_{
  float: left;
  width: 30%;
  text-align: right;
}
.pickupView li{
  min-height:285px;
  padding: 0!important;
}
.pickupView li dd.brand a:hover img{
  opacity:1;
}
.pickupView li dl{
  position: relative;
}
.pickupView li dd{
  line-height: 100%;
}
.pickupView li dd.brand{
  position: absolute;
  bottom: 5px;
  left: 12px;
  text-align: left;
  max-width:94px;
}
.pickupView li:nth-child(1) dt{
  margin-left: 25%;
  margin-top: 1px;
}
.pickupView li:nth-child(10) dt{
  margin-left: 12%;
}
.pickupView li dd.brand img {
  width: inherit;
  height:42px;
}
.pickupView a:hover img{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  -khtml-opacity: 1.0;
  -moz-opacity: 1.0;
}
.pickupView a:hover .thumb img{
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
}


/* ====================================================================================

 SPECIAL

==================================================================================== */
.specialView.col3{
  margin: 0;
  padding: 0;
}
#pickup_special{
  background: #fff;
  margin: 0 0 50px 0;
  padding: 18px 0 0 18px;
}
.specialView a{
  color: #fff
}
.specialView{
  clear: both
}
.specialView li{
  width: 209px;
  height:209px;
  float: left;
  margin: 0 18px 18px 0;
  position: relative;
  text-align: center;
  overflow: hidden;
  padding: 0!important;
}
.specialView a img{
  transform: scale(1);
  transition: all 0.3s ease-in-out 0s 
}
.specialView a:hover img{
  transform: scale(1.1);
}
.specialView img{
  position: relative;
  width: 100%;
}
.specialView dl{
  background: rgba(0,0,0,0.4);
  padding: 8px;
  position: absolute;
  bottom: 0;
  z-index: 98;
  text-align: left;
  min-height:72px;
}
.specialView h3{
  font-weight: bold;
}
.specialView p{
  font-size: 11px;
  line-height: 150%;
}



/* ====================================================================================

 CHART HORIZONTAL

==================================================================================== */
.chartH {
  background: #fafafa;
  padding: 16px;
}
.chartH > dl {
  display: table;
  width: 100%;
  margin: 0 0 16px;
}
.chartH > dl:last-child {
  margin: 0;
}
.chartH > dl > * {
  display: table-cell;
}
.chartH > dl > dt {
  width: 30%;
}
.chartH > dl > dd {
  width: 70%;
  padding: 0 0 0 8px;
}
.chartH > dl > dd > div {
  display: inline-block;
  height: 24px;
  vertical-align: middle;
  background-color: #e4dccb;
  animation: chartAnime22 2.4s ease 0s 1 normal;
}
.chartH > dl > dd > p {
  display: inline-block;
  margin: 0 8px 0;
  color: #7f7f7f;
}
@keyframes chartAnime22 {
  0% {width: 0; background-color: #f4f4f4;}
}
.chartH > dl > dd:last-child {
  
}
.chartH + .quoteSource {
  text-align: right;
  margin: 0;
}



/* ====================================================================================

 REVIEW LIST

==================================================================================== */
.tileView.review {
}
.tileView.review > li {
  border: 4px solid #f4f4f4;
  padding: 24px;
  margin: 0 0 16px;
}
.tileView.review > li dt {
  font-size: 1.6rem;
}
.tileView.review .prof {
  color: #7f7f7f;
  margin: 8px 0 0;
  display: table;
  width: 100%;
}
.tileView.review .prof > div {
  overflow: hidden;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 48px;
  height: 48px;
  /*border: 1px solid #e4dccb;*/
  -webkit-border-radius: 50% 50%;
    -moz-border-radius: 50% 50%;
    border-radius: 50% 50%;
}
.tileView.review .prof > div > img {
  position: absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    width: 100%;
    height: auto;
}
.tileView.review .prof p {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 16px;
}
.tileView.review + .btnS {
  margin-top: -24px;
}



/* ====================================================================================

 ENQUETE

==================================================================================== */
.questionnaire_ {
  width: 960px;
  margin: 84px auto 0;
  position: relative;
}
.questionnaire_ > h1 {
  display: none;
}
.questionnaire_ h1 {
  background-color: #fff;
  padding: 16px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 130%;
}
.questionnaire_ .freespace_top {
  background-color: #fff;
  padding: 0 16px 16px;
  margin: -8px 0 0;
}
.questionnaire_ .freespace_bottom {
  background-color: #fff;
  padding: 16px;
}
.questionnaire_ .customer_status_ {
  display: none;
}

/* FORM */
.questionnaire_ form {
  background-color: #fff;
  padding: 16px 0;
  margin: 40px 0;
  position: relative;
}
.questionnaire_ form:after {
  z-index: -1;
  position: absolute;
  bottom: 15px;
  content: "";
  width: 50%;
  height: 15px;
  background: #777;
  -webkit-box-shadow: 0 14px 8px #ccc;
    -moz-box-shadow: 0 14px 8px #ccc;
    box-shadow: 0 14px 8px #ccc;
}
.questionnaire_ form:after {
  right: 5px;
  -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    transform: rotate(3deg);
}
.questionnaire_ form input,
.questionnaire_ form textarea {
  max-width: 100%;
  display: inline-block;
}
.questionnaire_ form textarea {
  width: 100%;
}
.questionnaire_ form input[type="checkbox"],
.questionnaire_ form input[type="radio"] {
  display: block;
}
.questionnaire_ form input[type="checkbox"] + label,
.questionnaire_ form input[type="radio"] + label {
  padding: 16px;
  display: block;
}
.questionnaire_ form input[type="checkbox"] + label {
  margin: -40px 0 0 8px;
}
.questionnaire_ form input[type="radio"] + label {
  margin: -32px 0 0 8px;
}

/* questionnaire_box_ */
.questionnaire_ .questionnaire_box_ {
  padding: 24px 40px;
  border-bottom: 1px solid #efefef;
}
.questionnaire_ .questionnaire_box_content_ {
  padding: 0 40px;
}

.questionnaire_ .common_headline2_ {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 130%;
  margin: 0 0 8px;
  position: relative;
  display: inline-block;
}
.questionnaire_ .common_headline2_ .must_ {
  position: absolute;
  left: calc(100% + 8px);
  top: 4px;
}

.questionnaire_ .desc_ {
  margin: 0 0 16px;
}

.questionnaire_ .small_ {
  display: inline-block;
  margin: 8px 0 0;
}
.questionnaire_ .error_ {
  padding: 0 16px;
}

/* TABLE */
.questionnaire_ .formdetail_ {
  border-collapse: collapse;
  width: 100%;
  /*margin: 0 0 40px;*/
}
.questionnaire_ .formdetail_ tr > * {
  padding: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}
.questionnaire_ .formdetail_ th {
  width: 216px;
  background: #f9f9f9;
  border: 1px solid #fff;
}
.questionnaire_ .formdetail_ td {
  border: 1px solid #f9f9f9;
}

/* CONFIRM */
.questionnaire_confirm_ {
  border: 1px solid #fff;
  border-width: 24px 40px;
}

.questionnaire_ .submit_ {
  text-align: center;
  padding: 40px;
}
.questionnaire_ .submit_ a {
  display: inline-block;
  margin: 0 40px 0 0;
  vertical-align: top;
}


/* ====================================================================================

 RANKING_ITEM

==================================================================================== */
/* ----- section ----- */
#ranking1,
#ranking2 {
  background-color: #fff;
  padding: 16px;
  margin: 0 0 40px;
}


/* ranking1
==================================================================================== */
#ranking1 {
  margin-left: -260px!important;
}

#ranking1_b {
  background: #fff;
  padding: 0 16px 16px;
  margin: 0px 0px 40px 0px;
}

#ranking1 .date,
#ranking1_b .date {
  color: #7f7f7f;
  display: block;
  margin: -32px 0 16px;
  text-align: right;
}

/* ----- number ----- */
#ranking1 .col5 > li,
#ranking1 .col5 > li > a,
#ranking1_b .col5 > li,
#ranking1_b .col5 > li > a {
  position: relative;
}
#ranking1 .col5 > li:after,
#ranking1_b .col5 > li:after {
  width: 20px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  text-align: center;
  position: absolute;
  z-index: 1;
  left: -1px;
  top: -4px;
}
#ranking1 .col5 > li:nth-child(1):after,
#ranking1_b .col5 > li:nth-child(1):after {
  content: "1";
}
#ranking1 .col5 > li:nth-child(2):after,
#ranking1_b .col5 > li:nth-child(2):after {
  content: "2";
}
#ranking1 .col5 > li:nth-child(3):after,
#ranking1_b .col5 > li:nth-child(3):after {
  content: "3";
}
#ranking1 .col5 > li:nth-child(4):after,
#ranking1_b .col5 > li:nth-child(4):after {
  content: "4";
}
#ranking1 .col5 > li:nth-child(5):after,
#ranking1_b .col5 > li:nth-child(5):after {
  content: "5";
}
#ranking1 .col5 > li:nth-child(6):after,
#ranking1_b .col5 > li:nth-child(6):after {
  content: "6";
}
#ranking1 .col5 > li:nth-child(7):after,
#ranking1_b .col5 > li:nth-child(7):after {
  content: "7";
}
#ranking1 .col5 > li:nth-child(8):after,
#ranking1_b .col5 > li:nth-child(8):after {
  content: "8";
}
#ranking1 .col5 > li:nth-child(9):after,
#ranking1_b .col5 > li:nth-child(9):after {
  content: "9";
}
#ranking1 .col5 > li:nth-child(10):after,
#ranking1_b .col5 > li:nth-child(10):after {
  content: "10";
}
#ranking1 .col5 > li > a:before,
#ranking1 .col5 > li > a:after,
#ranking1_b .col5 > li > a:before,
#ranking1_b .col5 > li > a:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: -1px;
  z-index: 1;
  border-style: solid;
}
#ranking1 .col5 > li > a:before,
#ranking1_b .col5 > li > a:before {
  border-width: 0 10px 16px 10px;
  /*border-color: transparent transparent #e20b20 transparent;*/
  border-color: #222222;
  top: -4px;
}
#ranking1 .col5 > li > a:after,
#ranking1_b .col5 > li > a:after {
  border-width: 16px 10px 0 10px;
  /*border-color: #e20b20 transparent transparent transparent;*/
  border-color: #222222;
  top: 12px;
}
#ranking1 .col5 + .btnS,
#ranking1_b .col5 + .btnS {
  min-width: 200px;
  max-width: 300px;
  width: 50%;
  margin: 16px auto 0 auto;
}


/*ランキングTOP30*/
#ranking1 {
  max-height:430px;
  overflow:hidden;
}
#ranking1 .thumb img {
  width:90%;
}
#ranking1 .btnS {
    margin: 16px auto 0!important;
    max-width: 300px!important;
    min-width: 200px!important;
    width: 250px!important;
}
#ranking1 .tabMenu.col6 li,
#ranking1_b .tabMenu.col6 li {
  width:18%;
}
#ranking1 .tabMenu.col6 li a {
  font-size:1.2rem;
}
#ranking1 .col5 > li {
    width: 180px!important;
}
#ranking1 .tileView {
    margin: 0 auto!important;
}
#ranking1 .bx-prev{
  left: -10px!important;
}
#ranking1 .bx-next{
  right: -10px!important;
}
#ranking1 .col5 > li.no1::after{content: "1"!important;}
#ranking1 .col5 > li.no2::after{content: "2"!important;}
#ranking1 .col5 > li.no3::after{content: "3"!important;}
#ranking1 .col5 > li.no4::after{content: "4"!important;}
#ranking1 .col5 > li.no5::after{content: "5"!important;}
#ranking1 .col5 > li.no6::after{content: "6"!important;}
#ranking1 .col5 > li.no7::after{content: "7"!important;}
#ranking1 .col5 > li.no8::after{content: "8"!important;}
#ranking1 .col5 > li.no9::after{content: "9"!important;}
#ranking1 .col5 > li.no10::after{content: "10"!important;}
#ranking1 .col5 > li.no11::after{content: "11"!important;}
#ranking1 .col5 > li.no12::after{content: "12"!important;}
#ranking1 .col5 > li.no13::after{content: "13"!important;}
#ranking1 .col5 > li.no14::after{content: "14"!important;}
#ranking1 .col5 > li.no15::after{content: "15"!important;}
#ranking1 .col5 > li.no16::after{content: "16"!important;}
#ranking1 .col5 > li.no17::after{content: "17"!important;}
#ranking1 .col5 > li.no18::after{content: "18"!important;}
#ranking1 .col5 > li.no19::after{content: "19"!important;}
#ranking1 .col5 > li.no20::after{content: "20"!important;}
#ranking1 .col5 > li.no21::after{content: "21"!important;}
#ranking1 .col5 > li.no22::after{content: "22"!important;}
#ranking1 .col5 > li.no23::after{content: "23"!important;}
#ranking1 .col5 > li.no24::after{content: "24"!important;}
#ranking1 .col5 > li.no25::after{content: "25"!important;}
#ranking1 .col5 > li.no26::after{content: "26"!important;}
#ranking1 .col5 > li.no27::after{content: "27"!important;}
#ranking1 .col5 > li.no28::after{content: "28"!important;}
#ranking1 .col5 > li.no29::after{content: "29"!important;}
#ranking1 .col5 > li.no30::after{content: "30"!important;}


/* ranking2
==================================================================================== */
/*
#ranking2 {
  margin-left: -260px!important;
}
*/
#ranking2_b {
  background: #fff;
  padding: 16px;
  margin: 0px 0px 40px 0px;
}

#ranking2 .date,
#ranking2_b .date {
  color: #7f7f7f;
  display: block;
  margin: -32px 0 16px;
  text-align: right;
}

/* ----- number ----- */
#ranking2 .col5 > li,
#ranking2 .col5 > li > a,
#ranking2_b .col5 > li,
#ranking2_b .col5 > li > a {
  position: relative;
}
#ranking2 .col5 > li:after,
#ranking2_b .col5 > li:after {
  width: 20px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  text-align: center;
  position: absolute;
  z-index: 1;
  left: -1px;
  top: -4px;
}
#ranking2 .col5 > li:nth-child(1):after,
#ranking2_b .col5 > li:nth-child(1):after {
  content: "1";
}
#ranking2 .col5 > li:nth-child(2):after,
#ranking2_b .col5 > li:nth-child(2):after {
  content: "2";
}
#ranking2 .col5 > li:nth-child(3):after,
#ranking2_b .col5 > li:nth-child(3):after {
  content: "3";
}
#ranking2 .col5 > li:nth-child(4):after,
#ranking2_b .col5 > li:nth-child(4):after {
  content: "4";
}
#ranking2 .col5 > li:nth-child(5):after,
#ranking2_b .col5 > li:nth-child(5):after {
  content: "5";
}
#ranking2 .col5 > li:nth-child(6):after,
#ranking2_b .col5 > li:nth-child(6):after {
  content: "6";
}
#ranking2 .col5 > li:nth-child(7):after,
#ranking2_b .col5 > li:nth-child(7):after {
  content: "7";
}
#ranking2 .col5 > li:nth-child(8):after,
#ranking2_b .col5 > li:nth-child(8):after {
  content: "8";
}
#ranking2 .col5 > li:nth-child(9):after,
#ranking2_b .col5 > li:nth-child(9):after {
  content: "9";
}
#ranking2 .col5 > li:nth-child(10):after,
#ranking2_b .col5 > li:nth-child(10):after {
  content: "10";
}
#ranking2 .col5 > li > a:before,
#ranking2 .col5 > li > a:after,
#ranking2_b .col5 > li > a:before,
#ranking2_b .col5 > li > a:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: -1px;
  z-index: 1;
  border-style: solid;
}
#ranking2 .col5 > li > a:before,
#ranking2_b .col5 > li > a:before {
  border-width: 0 10px 16px 10px;
  border-color: #222222;
  top: -4px;
}
#ranking2 .col5 > li > a:after,
#ranking2_b .col5 > li > a:after {
  border-width: 16px 10px 0 10px;
  border-color: #222222;
  top: 12px;
}
#ranking2 .col5 + .btnS,
#ranking2_b .col5 + .btnS {
  min-width: 200px;
  max-width: 300px;
  width: 50%;
  margin: 16px auto 0 auto;
}


/*ランキングTOP30*/
#ranking2 {
  max-height:430px;
  overflow:hidden;
}
#ranking2 .thumb img {
  width:90%;
}
#ranking2 .btnS {
    margin: 16px auto 0!important;
    max-width: 300px!important;
    min-width: 200px!important;
    width: 250px!important;
}
#ranking2 .tabMenu.col6 li,
#ranking2_b .tabMenu.col6 li {
  width:18%;
}
#ranking2 .tabMenu.col6 li a {
  font-size:1.2rem;
}
#ranking2 .col5 > li {
  width:20%;
}
#ranking2 .tileView {
    margin: 0 auto!important;
}
#ranking2 .bx-prev{
  left: -10px!important;
}
#ranking2 .bx-next{
  right: -10px!important;
}
#ranking2 .col5 > li.no1::after{content: "1"!important;}
#ranking2 .col5 > li.no2::after{content: "2"!important;}
#ranking2 .col5 > li.no3::after{content: "3"!important;}
#ranking2 .col5 > li.no4::after{content: "4"!important;}
#ranking2 .col5 > li.no5::after{content: "5"!important;}
#ranking2 .col5 > li.no6::after{content: "6"!important;}
#ranking2 .col5 > li.no7::after{content: "7"!important;}
#ranking2 .col5 > li.no8::after{content: "8"!important;}
#ranking2 .col5 > li.no9::after{content: "9"!important;}
#ranking2 .col5 > li.no10::after{content: "10"!important;}
#ranking2 .col5 > li.no11::after{content: "11"!important;}
#ranking2 .col5 > li.no12::after{content: "12"!important;}
#ranking2 .col5 > li.no13::after{content: "13"!important;}
#ranking2 .col5 > li.no14::after{content: "14"!important;}
#ranking2 .col5 > li.no15::after{content: "15"!important;}
#ranking2 .col5 > li.no16::after{content: "16"!important;}
#ranking2 .col5 > li.no17::after{content: "17"!important;}
#ranking2 .col5 > li.no18::after{content: "18"!important;}
#ranking2 .col5 > li.no19::after{content: "19"!important;}
#ranking2 .col5 > li.no20::after{content: "20"!important;}
#ranking2 .col5 > li.no21::after{content: "21"!important;}
#ranking2 .col5 > li.no22::after{content: "22"!important;}
#ranking2 .col5 > li.no23::after{content: "23"!important;}
#ranking2 .col5 > li.no24::after{content: "24"!important;}
#ranking2 .col5 > li.no25::after{content: "25"!important;}
#ranking2 .col5 > li.no26::after{content: "26"!important;}
#ranking2 .col5 > li.no27::after{content: "27"!important;}
#ranking2 .col5 > li.no28::after{content: "28"!important;}
#ranking2 .col5 > li.no29::after{content: "29"!important;}
#ranking2 .col5 > li.no30::after{content: "30"!important;}


/* ----- set width 100% ----- */
#contents.articles #main > #ranking1,
#contents.articles #main > #ranking2 {
  margin-left: -260px;
}

/*■2018.08.27 [shasegawa] PortiaPay/トークン対応*/
.no_line_break_ {
  white-space: nowrap;
}
.tel_auth_comment_ {
  font-size: 14px;
  color: red;
}


/* -------------------------------------------------------------------------
  ご依頼主情報 f 2020.03.20
----------------------------------------------------------------------------*/

.address_open{
    display: table-row;
}
.address_close{
    display: none;
}


/* -------------------------------------------------------------------------
  一括お届け・先様お届け f 2020.03.20
----------------------------------------------------------------------------*/
#contents.shippng #fixedMenu .btnListIkkathu > li,
#contents.shippng #fixedMenu .btnListSakisama > li {
  margin: 0 0 16px;
}
#contents.shippng #fixedMenu .btnListIkkathu > li:last-child,
#contents.shippng #fixedMenu .btnListSakisama > li:last-child {
  margin: 0;
}
#contents.shippng #fixedMenu .btnListIkkathu li > button,
#contents.shippng #fixedMenu .btnListSakisama li > button {
  min-height: 88px;
  position: relative;
  font-size: 1.4rem;
  text-align: left;
  padding-left:  60px;
}
#contents.shippng #fixedMenu .btnListIkkathu li > button > span,
#contents.shippng #fixedMenu .btnListSakisama li > button > span {
  display: block;
  font-size: 1.0rem;
}
#contents.shippng #fixedMenu .btnListIkkathu li > button:before,
#contents.shippng #fixedMenu .btnListIkkathu li > button:after,
#contents.shippng #fixedMenu .btnListSakisama li > button:before,
#contents.shippng #fixedMenu .btnListSakisama li > button:after {
  content: "";
  position: absolute;
  width: 48px;
}
#contents.shippng #fixedMenu .btnListIkkathu li > button:before,
#contents.shippng #fixedMenu .btnListSakisama li > button:before {
  height: 48px;
  left: 8px;
  top: 50%;
  margin: -24px 0 0;
}
#contents.shippng #fixedMenu .btnListIkkathu li > button:after,
#contents.shippng #fixedMenu .btnListSakisama li > button:after {
  right: 6px;
  top: 5px;
  height: 20px;
}

/* background-position: -442px -114px;*/ /*配送一括家*/

#contents.shippng #fixedMenu .btnListIkkathu li:nth-child(1) > button:before {
  background-position: -501px -114px; /*配送一括ビル*/
}
#contents.shippng #fixedMenu .btnListIkkathu li:nth-child(1) > button:after {
  background-position: -559px -146px; /*手提げ袋OK*/
}
#contents.shippng #fixedMenu .btnListIkkathu li:nth-child(2) > button:before {
  background-position: -501px -114px; /*配送一括ビル*/
}
#contents.shippng #fixedMenu .btnListIkkathu li:nth-child(2) > button:after{
  background-position: -559px -146px; /*手提げ袋OK*/
}
/*
#contents.shippng #fixedMenu .btnListIkkathu li:nth-child(1) > button {
  padding-bottom: 0;
}
*/

#contents.shippng #fixedMenu .btnListSakisama li:nth-child(1) > button:before {
  background-position: -384px -114px; /*配送複数家*/
}
#contents.shippng #fixedMenu .btnListSakisama li:nth-child(1) > button:after {
  background-position: -559px -116px; /*手提げ袋NO*/
}
#contents.shippng #fixedMenu .btnListSakisama li:nth-child(2) > button:before {
  background-position: -384px -114px; /*配送複数家*/
}
#contents.shippng #fixedMenu .btnListSakisama li:nth-child(2) > button:after{
  background-position: -559px -116px; /*手提げ袋NO*/
}
/*
#contents.shippng #fixedMenu .btnListSakisama li:nth-child(1) > button {
  padding-bottom: 0;
}
*/




/* --------------------------------------------------------------------
  見積 add 2020.03.24 f1
-------------------------------------------------------------------- */
.se_err h3 {
  font-size: 2rem;
  font-weight: bold;
  text-align: left;
}
.se_err .info_ > ul.error_ {
  background: none;
  margin-top: 0px;
}
.se_err span {
  color: #c00;
  background: none;
  margin-top: 0px;
}
.se_err div.amountmsg {
  padding: 8px 16px;
}
.seDel.message_ {
  padding: 20px 16px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  background-color: #fff;
  color: #c00;
}

/* --------------------------------------------------------------------
  add 2020.05.22 f1
-------------------------------------------------------------------- */
.addr_mismatch {
  text-align: right;
  float: right;
  color: #c00;
  display: inline-block;
  margin: 0px 0 0;
}


/* --------------------------------------------------------------------
  grid表（先頭行がタイトル、2行目以降がデータ）
-------------------------------------------------------------------- */
div.grid {
  display: table;
  width: 100%;
  overflow-wrap: anywhere;
}
div.grid dl {
  display: flex;
  align-items: center;
}
div.grid .title {
  background: #f9f9f9;
}
div.grid .itemDetail {
  border-bottom: 1px solid #f9f9f9;
}
div.grid .itemDetail:last-child {
  border-bottom: none;
}
div.grid dt,
div.grid dd {
  border-right: 4px solid #fff;
}
div.grid dt {
  text-align: center;
  padding: 4px 16px;
}
div.grid dd {
  padding: 4px 16px;
}

/* --------------------------------------------------------------------
  お届け先コピー
-------------------------------------------------------------------- */
#contents.copyClientDest div.client {
  display: flex;
}
#contents.copyClientDest div.client > div.copyfrom {
  width: 40%;
}
#contents.copyClientDest div.client > div.copyto {
  width: 40%;
}
#contents.copyClientDest div.client h2 {
  margin-bottom: 8px;
}
#contents.copyClientDest div.client select {
  width: 100%;
}
#contents.copyClientDest div.client .frame {
  display: block;
  margin:0 auto;
  padding: 24px 8px 8px 8px;
  max-width: 100%;
  height: auto;
}
#contents.copyClientDest div.client .arrow {
  display: inline-block;
  border-style: solid;
  border-width: 18px 0 18px 28px;
  border-color: transparent transparent transparent #ccc;
}
#contents.copyClientDest div.client span.toname {
  font-weight: bold;
  font-size: 1.4rem;
}
#contents.copyClientDest div.dest {
  padding-top: 24px;
  padding-bottom: 8px;
}
#contents.copyClientDest div.grid {
  margin: 0 0 40px;
}
#contents.copyClientDest div.grid .chk {
  width: 20px;
}
#contents.copyClientDest div.grid .nickname {
  width: 100px;
}
#contents.copyClientDest div.grid .addr {
  width: 310px;
}
#contents.copyClientDest div.grid .name {
  width: 310px;
}
#contents.copyClientDest div.grid .tel {
  width: 150px;
}

 h1 > span {
 display:none;
 }
 
 .btnguide > *:befor {
  background-position: -385px -23px;
}

#gNav.rest >nav > ul > li.logo > a.pseudo:after {
    background: transparent url(../images/renew/logo2.png) no-repeat scroll 0 0;
     -webkit-background-size: 190px 50px;
    -moz-background-size: 190px 50px;
    -ms-background-size: 190px 50px;
    -o-background-size: 190px 50px;
    background-size: 190px 50px;
    width: 200px;
    height: 50px;
    top: 55%;
    left: 35%;
}
html h1 ul li.htxt {
    color:#F6F6F6;
    font-size: 82%;
}

.magazine {
  font-size: 0;
}
.magazine:after{
  background: transparent url(../../images/renew/style@2x.png) no-repeat scroll 0 0;
  background: transparent url(../../images/renew/style.png) no-repeat scroll 0 0\9;
  -webkit-background-size: 800px auto;
  -moz-background-size: 800px auto;
  -ms-background-size: 800px auto;
  -o-background-size: 800px auto;
  background-size: 800px auto;
  content: "";
  display: block;
  width: 180px;
  height: 16px;
  position: absolute;
  left: 0;
  margin: -28px 0 0 200px;
}
.magazine:after{
  background-position: 0px -220px;
  
}