.sub_category_area{
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sub_category{
  -webkit-box-flex:0;
      -ms-flex:0 0 25%;
          flex:0 0 25%;
  max-width: 25%;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 767px) {
  .sub_category {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}
@media (max-width: 480px) {
  .sub_category {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}
.sub_category a {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 20px 8px 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #FFF;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #231815;
    border-radius: 60px;
    line-height: 1.2;
    -webkit-transition: 0.25s;
    font-size: 12px;
    border: 2px solid #d2d2d2;
    font-weight: bold;
    width: 100%;
    position: relative;
}

.sub_category a:after {
    content: "";
    top: 50%;
    right: 10px;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    position: absolute;
    width: 4px;
    height: 4px;
    border-top: 2px solid #231815;
    border-right: 2px solid #231815;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

.freespace {
    line-height: 1.8;
}

.sub_category a span:first-child {
    max-width: 30px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
            flex: 0 0 30px;
}

.sub_category a span:last-child {
    max-width: calc(100% - 30px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 30px);
            flex: 0 0 calc(100% - 30px);
}


.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%;
  border:solid 5px #fff;
  padding:0px;
}
.imageL2 img{
  width:100%;
  height:auto;
margin:10px 0;
}
.imageL {
  margin-top:30px;
}
.detailR {
  margin-top:-30px;
  line-height:2em
}
.imageS img{
  width:32%;
  height:auto;
  margin-right:1%;
}
.cord_title{text-align:right;font-size:110%;font-weight:bold}
.main_room{width:100%;height:auto;}
.cord_name{padding:0 10px;}
.cord_select{margin:20px 0 0 20px}
ul.cord_items{width:10500px;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:10500px;height:450px;padding:0;margin:0 0 0 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:840px;
  max-height:300px;
/*  padding:0 50px 0 20px;*/
  overflow: hidden; //横スクロールさせないようにする
}
#keyimg2 {
  min-width: 960px;
  overflow: hidden; //横スクロールさせないようにする
  padding-right:50px;
  position:relative;
  margin-left:-20px;
}
#keyimg .bx-viewport{ 
  background: #FFF !important;
  border: 0 !important;
/*  overflow: visible !important; //両サイドが表示される*/
  width:850px !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 {
  border-top:10px solid #fff;
  top:20px !important;
  left: 5px !important;
  width:17px;
  height:250px;
  background:url(https://img21.shop-pro.jp/PA01385/585/etc/cordinate_left.png?cmsp_timestamp=20180130143202) /*no-repeat*/;
  z-index:1;
}
#keyimg .bx-wrapper .bx-next {
  border-top:10px solid #fff;
  top:20px !important;
  right: -217px !important;
  width:17px;
  height:250px;
  background:url(https://img21.shop-pro.jp/PA01385/585/etc/cordinate_right.png?cmsp_timestamp=20180130143202) /*no-repeat*/;
  z-index:1
}
#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:1050px;}
ul.coordi li{width:320px;height:320px;overflow:hidden;margin:10px;float:left;position:relative;padding:0}
ul.coordi li .image{min-width:560px;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 {
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; 
}   
#main{
line-height:2em
}
.Ft_rd{
  color:#f00;
}

.detailR dl,.detailL dl{
  width:100%;
  border-bottom:dotted 0.2px #ccc;
  padding-bottom:7px;
  margin-bottom:5px;
  height:auto;
}
detailL dl:last-child{
  border:0;
}
.detailR dl:after,.detailL dl:after{
  	content: "";
	display: block;
	clear: both;}
.detailR a, .detailL a{
  color: #4788bf;
  text-shadow:none !important;
  outline:none !important;
  font-size:11px;
}
.detailR dl dd,.detailL dl dd,.maker_det{
  line-height:1.5em;
  color:#666;
  font-size:0.9em;
}
.detailR dl dt,.detailL dl dt{
  width:17%;margin-right:2%;float:left;
  font-family: 'Special Elite', cursive;
  font-weight:100;
color:#666;
letter-spacing:0.3em;
font-size:11px;}
.detailR dl dd,.detailL dl dd{width:78%;float:left;}
.imageL img{width:100%;}
.detailL ul.caution li{margin-left:15px;list-style-type:none;margin-left:-20px;}
.detailL ul.caution li:before{content:"■"}
.detailL ul.link li{margin-top:20px;padding:10px 0;border:solid #000;border-width:2px 0;list-style-type:none;margin-left:-20px;}
.detailL li,.detailR li{
  padding-left: 1em;
  text-indent: -1em;
  list-style-position: inside;
}
@media screen and (min-width:740px){
.imageL,
.detailL{
  width:48%;
  margin-right:4%;
  float:left;
  font-size:12px;
}
.detailR{
  width:48%;
  float:right;
  font-size:12px;
  display:block;
}
.MT_m40{margin-top:-40px;}
}
@media screen and (max-width:739px){
.imageL,
.detailL,
.detailR{
  width:100%;
  font-size:12px;
}
.detailR::before,.imageL::after {
   content: "";
   display: block;
   clear: both;
}
}
.detailR .cartjs_cart_in{
  border-radius:3px;
  background:#000;
  padding:5px;
  float:right;
  margin-top:0px;
}
.detailR .cartjs_cart_in input{
  background:#000;
  color:#fff;
  border:0;
  font-size:85%;
}
.detailR .cartjs_cart_in:before{
  content:"\f3f8";
  font-family: "IonIcons";
  font-size:18px;
  color:#fff;
  margin-right:5px;
}
#bx-pager{
  margin-top:-60px;
  margin-bottom:60px;
  margin-left:4px;
  margin-right:-4px;
}
#bx-pager img{
  width:64px;
  height:auto;
  margin:2px 0;
}
.bx-wrapper .bx-viewport {
border: solid #fff !important;
border-width:0 0 5px 0;
left: 0px !important;
-webkit-box-shadow: 0 0 0px !important;
box-shadow: 0 0 0px !important;
}
.bg_bk{
  background:#000;
  color:#fff;
  font-size:11px;
}
