@charset "UTF-8";
/*トップページ*/
body,.main-header{
  min-width: 1140px;
}
/*.main-content{
  min-width: 1140px;
}*/
.container-fluid{
  padding-bottom: 70px;
}
.container-fluid.recruit-container,
.container-fluid.stores-container,
.container-fluid.news-container,
.container-fluid.map-container,
.container-fluid.new-open-container,
.container-fluid.brands-container{
  padding-top: 80px;
}

.news-container:hover .thumbnail{
  opacity: 1;
}

.news-container a:hover .thumbnail{
  opacity: 0.8;
}
/*地図*/
.item-dohai {
  z-index: 3;
}
.page.page-detail .container-fluid.title-container{
  padding-top: 70px;
}
.container-fluid.bord-container.grey{
  padding-top: 70px;
}
.page-detail .japan-list-container .title.is-collapse{
  margin-bottom: 0;
}

.x-collapse-container.japan-list-container .map-place > .disable .cities{
  min-height:0;
  display: none;
}



/*スライダー*/
.rm_wrapper{
  width:100%;
  margin:0 auto;
  position:relative;
}
.rm_container{
  width:100%;
  overflow:hidden;
  position:relative;
  height:460px;
  margin:0 auto;
}
.rm_container h2{
  background:transparent url(../images/slider/lines.png) repeat top left;
  padding:10px 30px;
  position:absolute;
  bottom:170px;
  right:0px;
  color:#000;
  font-size:36px;
  text-transform:uppercase;
  text-shadow:1px 0px 1px #fff;
}
.rm_container ul{
  width:100%;
}
.rm_container ul:after{
  display: table;
  clear:both;
  content:'';
}
.rm_container ul li{
  float:left;
  /*margin-left:-80px;*/
  position:relative;
  overflow:hidden;
  width:25%;
  height:460px;
  /*border:30px solid #f0f0f0;
  border-width:50px 30px 0px 30px;*/
  background-color:#f0f0f0;
}
.rm_container ul li img{
  width: 100%;
  position:absolute;
  top:0px;
  left:0px;
  /*transform: rotate(-30deg);
*/  -webkit-transition: all .8s;
  -o-transition: all .8s;
  transition: all .8s;
}
.rm_mask_right, .rm_mask_left{
  position: absolute;
  height: 110px;
  background: #f0f0f0;
  width: 530px;
  bottom: -30px;
  left: 0px;
  -webkit-transform:rotate(-3deg);
  -ms-transform:rotate(-3deg);
      transform:rotate(-3deg);
}
.rm_mask_right{
  left:auto;
  right:0px;
  -webkit-transform:rotate(3deg);
  -ms-transform:rotate(3deg);
      transform:rotate(3deg);
}
.rm_corner_right, .rm_corner_left{
  background: #f0f0f0;
  position:absolute;
  width:200px;
  height:100px;
  bottom:0px;
  left:-65px;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
      transform:rotate(45deg);
}
.rm_corner_right{
  left:auto;
  right:-65px;
  -webkit-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
      transform:rotate(-45deg);
}
.rm_nav a{
  position:absolute;
  top:200px;
  width:38px;
  height:87px;
  cursor:pointer;
  opacity:0.7;
}
.rm_nav a:hover{
  opacity:1.0;
}
.rm_nav a.rm_next{
  background:transparent url(../images/slider/next.png) no-repeat top left;
  right:0px;
}
.rm_nav a.rm_prev{
  background:transparent url(../images/slider/prev.png) no-repeat top left;
  left:0px;
}
.rm_controls{
  position:absolute;
  top:0px;
  left:-40px;
  height:20px;
}
.rm_controls a{
  cursor:pointer;
  opacity:0.7;
  padding-left:24px;
  font-size:16px;
  text-transform:uppercase;
  height:20px;
  float:left;
  line-height:20px;
}
.rm_controls a:hover{
  opacity:1.0;
}
.rm_controls a.rm_play{
  display:none;
  background:transparent url(../images/slider/play.png) no-repeat center left;
}
.rm_controls a.rm_pause{
  background:transparent url(../images/slider/pause.png) no-repeat center left;
}

.page-detail .area-container .more .icon-arrow::after {
    content: "";
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 6px;
    border-color: transparent transparent transparent #141414;
}
.page-detail .world-list-container .title:hover{
  color:#141414;
  opacity: 1;
  cursor: default;
}
.page-detail .brand-item .title img{
  height: auto;
}

.page-detail .brand-item .title .wrapper{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.page-detail .brand-item .title .wrapper img{
  width: 100%;
}
/*.stores-container .text{
  text-align: left;
}*/

.stores-container span.item .hover{
  display: none;
}
.recruit-container .title-description span{
  line-height: 1.5;
}
.title-description{
  height: 20px;
  border:none;
}
.main-content{
  display: block;
}

.page-list .brands-content .hover-cover{

  font-size: 12px;
  text-align: center;
  letter-spacing:2px;

}

.page-list .content-title h2{

font-size: 20px;

}

/* 260415 トップ「加盟店募集&採用情報」: img を内側 div で囲み overflow でクリップ／ホバーで画像とタイトルのみ拡大 */
.stores-container .item .thumbnail.stores-thumb {
  position: relative;
  overflow: hidden;
}

.stores-container .item .thumbnail.stores-thumb .stores-thumb-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.stores-container .item .thumbnail.stores-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.45s ease;
  -o-transition: -o-transform 0.45s ease;
  transition: transform 0.45s ease;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

.stores-container .item:hover .thumbnail.stores-thumb img {
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}

.stores-container .item .title {
  -webkit-transition: -webkit-transform 0.45s ease;
  -o-transition: -o-transform 0.45s ease;
  transition: transform 0.45s ease;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

.stores-container .item:hover .title {
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}