.events{width:100%}
.events li{margin-bottom:50px;list-style-type:none}
.events li .ev_image,.events li .each_name{float:left;width:50%;}
.events li .ev_image{margin-right:20px;}
.events li .ev_name{padding-left:20px;}
.events li .ev_name h2{font-size:14px;font-weight:bold;margin:0}
.ev_dates{font-weight:initial;font-size:10px;margin:0}
.ev_finish{font-size:10px;font-weight:bold;margin-bottom:20px}
.imageL2{
  width:100%;
}
.imageL2 img{
  width:100%;
  height:auto;
margin:10px 0;
}
.imageS img{
  width:32%;
  height:auto;
  margin-right:1%;
}

.shape span{
  color:#4788bf;
  padding:5px;
  border:solid 1px #4788bf;
  margin:5px;
  font-size:90%
} 
.shape a{
  padding:5px;
  border:solid 1px #ccc;
  margin:5px;
  font-size:90%
} 
.stock_sale{color:#f00;font-weight:bold}
h2.cate_title{
  font-family:Arial,Helvetica;
  font-size:18px;
  font-weight:bold;
  letter-spacing:0.2em;
  border-bottom:solid 1px #c1c1c1;
  padding:5px 0;
margin-bottom:20px;}
h3.cate_title{font-weight:bold;}
h3.cate_title:before{content:"■"}
h2.cate_title sub{
  font-size:11px;
  font-weight:100;
  letter-spacing:1px;
  position:relative;
  bottom:2px;
}
.header-gnavi {
  list-style-type: none;
  position: relative;
}
.header-gnavi {
  list-style-type: none;
  position: relative;
}
.header-gnavi__unit {
  display: inline;
}
.header-gnavi__link {
  padding: 15px 30px;
  background:#f1f2f4;
}
.header-gnavi__link:before {
   content:"\f394";
  font-family: "IonIcons";
  font-size:20px;
  margin-right:5px;
  color:#868686;
  position:absolute;
  top:-5px;
  left:10px
}
.header-gnavi__link--menu {
  position: relative;
  border: 1px solid #bebfc1;
  border-bottom: none;
  padding: 14px 29px 15px;
  background: #eee;
  z-index: 55;
}
.header-gnavi__link--menu:before {
  content:"\f394";
  font-family: "IonIcons";
  font-size:20px;
  margin-right:5px;
  color:#bebfc1;
  position:absolute;
  top:9px;
  left:9px
}
.mega-navi {
  display: none;
  list-style-type: none;
  border: 1px solid #bebfc1;
  width: 922px;
  position: absolute;
  top: 32px;
  right: 0;
  padding: 39px;
  background: #eee;
  z-index: 50;
  text-align: left;
}

.mega-navi__unit {
  padding: 10px;
  text-align: left;
  width: 30%;
  display: inline-block;
  vertical-align: top;
  font-weight:bold;
}

.mega-navi__link {
  display: block;
  width: 100%;
  font-size:14px;
  font-weight:bold
}

.category_img{
  width:50px;
  height:50px;
  overflow:hidden;
  background:#fff;
  border-radius:50px;
  margin-top:-15px;
}
.category_img_40{
  width:42px;
  height:42px;
  overflow:hidden;
  background:#fff;
  border-radius:42px;
  margin-top:-10px;
}
.category_img_50{
  width:60px;
  height:60px;
  overflow:hidden;
  background:#fff;
}
.category_img img{
  margin-top:10px;
}
.cateuni li{
text-align:center;
  width:12%;
  margin-right:2%;
  float:left;
  background:#FFF;
  padding::10px 0 5px 0;
  height:70px;
  margin-bottom:20px;
  font-size:11px;
  letter-spacing:0em;
  word-break: normal;
word-wrap: normal;
}
h2.txt_20 sub{
  font-size:11px;
  bottom:0em;
  position:relative;
}
.categories{width:100%;}
ul.categories:after{
content:"";
display:block;
clear:both;
}
.categories li{float:left;list-style-type:none;width:50px;height:50px;position:relative;margin:0 2px}
.categories img{width:50px;height:50px}
.categories li:hover img{opacity:0.5}
a span.cate_tit{ display:none; }
a:hover span.cate_tit{ display:inline;position:absolute;top:15px;left:0;font-size:10px;font-weight:bold;text-align:center;width:50px;height:50px;color:#666;letter-spacing:0em;line-height:1.2em;word-break: normal;word-wrap: normal; }
.item_image {
  width: 216px;
  height: 216px;
  position: relative;
overflow:hidden;
margin-bottom:20px;
}
.item_image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width:100%;
  height:auto
}
.cord_title{text-align:right;font-size:110%;font-weight:bold}
.main_room{width:100%;height:400px;margin-left:-20px;}
.cord_name{padding:0 10px;}
.cord_select{margin:20px 0 0 20px}
ul.cord_items{width:710px;height:auto;padding:0;margin:0;margin-left:-30px;overflow:hidden;}
ul.cord_items li{width:100%;height:auto;margin:10px 1%;float:left;list-style-type:none;padding:0 20px}
ul.cord_items li img{width:90%;height:auto;margin:0 5% 10px}
ul.cordi_item{width:710px;height:450px;padding:0;margin:0;margin-left:20px;overflow:hidden;}
ul.cordi_item li{width:112px;height:auto;margin:10px 0px;float:left;list-style-type:none;padding:0}
ul.cordi_item li img{width:102px;height:auto;margin-bottom:10px}

#keyimg{
  min-width:640px;
  padding:0 50px 0 20px;
  overflow: hidden; //横スクロールさせないようにする
}
#keyimg2 {
  min-width: 760px;
  overflow: hidden; //横スクロールさせないようにする
  padding-right:50px;
  position:relative;
  margin-left:-20px;
}
#keyimg .bx-viewport{ 
  background: transparent !important;
  border: 0;
/*  overflow: visible !important; //両サイドが表示される*/
  width:690px !important;
  height: 450px !important;
  margin:0 10px;
  z-index: 1; //スマホやタブレットでスワイプできないときに指定
}
#keyimg2 .bx-viewport {
  background: transparent !important;
  border: 0;
/*  overflow: visible !important; //両サイドが表示される*/
  height: 400px !important;
  z-index: 1; //スマホやタブレットでスワイプできないときに指定
}
#keyimg .bx-wrapper .bx-prev {
  top:20px !important;
  left: -50px !important;
  width:17px;
  height:180px;
  background:url(https://img21.shop-pro.jp/PA01385/585/etc/cordinate_left.png?cmsp_timestamp=20180130143202) no-repeat;
}
#keyimg .bx-wrapper .bx-next {
  top:20px !important;
  right: -50px !important;
  width:17px;
  height:180px;
  background:url(https://img21.shop-pro.jp/PA01385/585/etc/cordinate_right.png?cmsp_timestamp=20180130143202) no-repeat;
}
#keyimg2 .bx-wrapper .bx-prev {
  left: 0px !important;
  top:0px !important;
  width:355px;
  height:400px;
  background:none;
}
#keyimg2 .bx-wrapper .bx-next {
  right: 0px !important;
  top:0px !important;
  width:355px;
  height:400px;
  background:none;
}
.cordimain_right{width:17px;height:400px;position:absolute;right:0;top:0}

ul.coordi,ul.coordi2{width:710px;}
ul.coordi li{width:206px;height:206px;overflow:hidden;margin:10px;float:left;position:relative;padding:0}
ul.coordi li .image{min-width:383px;min-height:216px;margin-left:-83px;}
li .each_name{position:absolute;bottom:5px;left:5px;color:#fff}
ul.coordi li:hover{opacity:0.5}

.bx-wrapper .bx-viewport {
border: solid #fff 0px !important;
left: 0px !important;
-webkit-box-shadow: 0 0 0px !important;
box-shadow: 0 0 0px !important;
}
#slider div img{width:100%;height:auto;}
#bx-pager{margin-top:-40px;}
#bx-pager a img{width:23%;margin:0 1% 20px;float:left;cursor:pointer;height:92px;}
/*詳細ページ関連商品用*/
#together{display:none}

.replace_catch{
  background:#F00;
  color:#FFF;
  position:absolute;
  left:-40px;
  top:-15px;
  transform:rotate(-45deg);
  width:100px;
  height:50px;
  padding-top:0px;
}

.replace_catch_hari{
  background:#008080;
  color:#FFFFFF;
  position:absolute;
  left:-40px;
  top:-15px;
  transform:rotate(-45deg);
  width:100px;
  height:50px;
  padding-top:0px;
}

.replace_catch .catch_txt{
  width:100%;
  text-align:center;
  position:absolute;
  bottom:0;
  left:0;
}
.replace_catch .catch_mente{
  letter-spacing : -2px;
  font-size:0.9em
}
.free2_txt{
padding:20px; 
}