@charset "UTF-8";
/*****************************************
* ADD:2020 2020トップ
*****************************************/
.showrooms .header {
    position: relative;
}
.showrooms .header #showrooms-Search {
    position: absolute;
    top: 20%;
    left: 15%;
    
}
.showrooms .header #showrooms-Search .inputWrap,
.showrooms #showrooms-Search .inputWrap{
    background: url(/images/showrooms/bg_showrooms-Search.png);
    box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 15px;
}
.sr-searchBtn, .sr-reserveBtn {
    background: #cc0000;
    padding: 10px; 
    display: block;
    color: #ffffff;
    width: 100%;
    /*border-radius: 4px;*/
    cursor: pointer;
    text-align: center;
}
.searchMaker {
    width: auto;
}
.sr-inputArea, .sr-inputCat {
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
} 


/*****************************************
* ADD:2020 おすすめショールーム
*****************************************/    
#showrooms-pickup {
    margin-bottom: 60px;
}
#showrooms-pickup h2 {
    font-size: 115%;
    margin: 0 20px 5px 20px;
}

/*****************************************
* ADD:2020　ショールーム検索結果
*****************************************/      
.showrooms-result .resultWrap .left {
    float: left;
    width: 33%;
} 

.showrooms-result .resultWrap .right {
    float: right;
    width: 63%;
}

.showrooms-result .resultWrap .srItems {
    list-style: none;
    padding: 0;
    margin: 0;
}
.showrooms-result .resultWrap .srItems li {
    border-radius: 4px;
    box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.1);
    width: 48%;
    float: left;
    margin: 0 0 20px 0;
}

.showrooms-result .resultWrap .srItems li:nth-child(even) {
    float: right;
}

.showrooms-result .resultWrap .srItems a,
.showrooms-result .resultWrap .srItems a:hover {
    text-decoration: none;
    color: inherit;
}

.showrooms-result .resultWrap .srItems .sr-itemInfo {
    padding: 15px;
}

.showrooms-result .resultWrap .srItems .sr-itemInfo h3 {
    font-size: 100%;
    border: none;
    padding: 0;
    margin: 0 0 5px 0;
    height: auto;
}

.showrooms-result .resultWrap .srItems .sr-itemInfo p {
    margin: 0;
    padding: 0;
}

.sritem-maker {
    font-size: 92%;
    font-weight: bold;
}
.sritem-message {
    font-size: 84%;
}


/*****************************************
* ADD:2020 地図から探す
*****************************************/      
#prefNav {
    background: #f4f4f4;
    float: left;
    padding: 12px;
    width: 30%;
} 
#prefNav h2 {
    font-size: 115%;
    margin: 0 0 5px 0;
}

#prefNav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#prefNav ul li {
    margin-bottom: 10px;
}

#prefNav ul li a {
    background-color: #ffffff;
    background-image: url("/images/showrooms/bg_arrow_red.png");
    background-position:  97%;
    background-repeat: no-repeat;
    background-size:  6px 10px;   
    box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.1);
    color: #333333;
    display: block;
    padding: 8px;
    text-decoration: none;
}
    
/*****************************************
* ADD:2020 ショールームカテゴリー
*****************************************/       
#catNav {
    float: right;
    width: 65%;
}
#catNav h2 {
    font-size: 115%;
    margin: 0 0 5px 0;
}
.film {
    background:#000000;
    height: 100%;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;  
    z-index:8888;
}
#catNav ul {
    display: flex;
    flex-wrap: wrap;
    height: 360px;
    -webkit-justify-content: space-between;
    justify-content: space-between;    
    list-style: none;  
    margin: 0;
    padding: 0;
}
#catNav ul li {
    background-size: cover;
    box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.1);
    margin: 0.2% 0.1%;
    position: relative;
    width: 33%;
}
#catNav ul li a {
    color: #ffffff;
    display: block;
    font-weight: bold;
    font-size: 110%;
    height: 100%;
    line-height: 166px;  
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-shadow: #333333 1px 0 10px;
    top:0;
    width: 100%;
    z-index: 9999;
}
.catNavi01 {
    background: url(/images/showrooms/catNavi_01.jpg) no-repeat;    
}
.catNavi02 {
    background: url(/images/showrooms/catNavi_02.jpg) no-repeat;    
}
.catNavi03 {
    background: url(/images/showrooms/catNavi_03.jpg) no-repeat;    
}
.catNavi04 {
    background: url(/images/showrooms/catNavi_04.jpg) no-repeat;    
}
.catNavi05 {
    background: url(/images/showrooms/catNavi_05.jpg) no-repeat;    
}
.catNavi06 {
    background: url(/images/showrooms/catNavi_06.jpg) no-repeat;    
}


/*****************************************
* ADD:2020 ショールームからのお知らせ　
*****************************************/   
.showrooms-top #showrooms-newses {
    margin: 0 20px 60px 20px;
}
#showrooms-newses h2 {
    border-bottom: 2px dotted #cccccc;
    font-size: 115%;
    
    padding-bottom: 10px;
}
#showrooms-newses ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#showrooms-newses ul li a {
    border-bottom: 1px dotted #cccccc;
    padding: 10px;
    display: block;
    color: #333333;
    text-decoration: none;
}
#showrooms-newses .newsListsLink {
    display: inline-block;
    background: #333333;
    color: #ffffff;
    padding: 5px 15px;
}
.SVInfo {
    margin: 0 20px;
}
.SVInfo h3 {
    font-size: 115% !important;
    margin-bottom: 15px !important;
    padding-left: 0 !important;
}

/*****************************************
* ADD:2020 メーカーページ(1)
*****************************************/  
.maker_showrooms ul.sr-items {
    list-style: none;
    padding: 0;
    margin: 0;
}
.maker_showrooms ul.sr-items li {
     float: left;
     width: 48%;
    margin: 1%;

}
.maker_showrooms ul.sr-items li:nth-child(even) {
    float:right;
}
.maker_showrooms ul.sr-items li a {
   /* border: 1px solid #cccccc;*/
    box-sizing: border-box;
    display: block;
    border-radius: 4px;
    box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.1);
}

.maker_showrooms ul.sr-items li a img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.maker_showrooms ul.sr-items li a p {
    padding: 0;
    margin: 0;
}


.maker_showrooms_showroom_info_reserve .sr-reserveBtn {
    width: auto;
}



@media screen and (max-width: 767px) {
 /*****************************************
* ショールームチャンネル
*****************************************/
  .showrooms h2.title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
    font-size: 24px;
    font-weight: normal;
    color: #ffffff;
    background-color: #272727;
    background-image: url(/images/showrooms-header-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
  }
  .showrooms h3 {
    margin-bottom: 40px;
    padding-bottom: 5px;
    padding-left: 10px;
    border-bottom: 2px solid #5C5C5C;
    font-size: 22px;
    font-weight: normal;
  }
  .showrooms h3 .text-smallest {
    display: inline-block;
  }
  .showrooms .header {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
  }
  .showrooms .header .description {
    padding: 10px;
    font-size: 18px;
    color: #444444;
    background-color: #F5F5F5;
  }
  .showrooms .body {
    margin-bottom: 50px;
  }
  .showrooms .smooth-slider {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .showrooms .smooth-slider .smooth-slider-images {
    height: 250px;
  }
  .showrooms .smooth-slider .smooth-slider-images .smooth-slider-image {
    margin-left: 20px;
    margin-right: 20px;
    width: 350px;
  }
  .showrooms .smooth-slider .smooth-slider-images .smooth-slider-image a {
    width: 350px;
    height: auto;
  }
  .showrooms .smooth-slider .smooth-slider-images .smooth-slider-image a img {
    margin-bottom: 4px;
    width: auto;
    height: 210px;
  }
  .showrooms .smooth-slider .smooth-slider-images .smooth-slider-image a .caption {
    font-size: 14px;
    margin: 0 auto;
    width: 90%;
  }
  .showrooms .body-links .links {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .showrooms .body-links .links a,
  .showrooms .body-links .links div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 90px;
    font-size: 16px;
    color: #ffffff;
    padding: 10px;
  }
  .showrooms .body-links .links .top {
    width: 110px;
    background-color: #444444;
  }
  .showrooms .body-links .links .top:hover, .showrooms .body-links .links .top.active {
    background-color: #888888;
  }
  .showrooms .body-links .links .makers {
    background-color: #DC585A;
  }
  .showrooms .body-links .links .makers:hover, .showrooms .body-links .links .makers.active {
    background-color: #E8ADAE;
  }
  .showrooms .body-links .links .categories {
    background-color: #577FDC;
  }
  .showrooms .body-links .links .categories:hover, .showrooms .body-links .links .categories.active {
    background-color: #9AB0E4;
  }
  .showrooms .body-links .links .areas {
    background-color: #58C962;
  }
  .showrooms .body-links .links .areas:hover, .showrooms .body-links .links .areas.active {
    background-color: #97E79E;
  }
  .showrooms .body-links .links .active {
    cursor: auto;
  }
  .showrooms .body-list .description {
    margin-bottom: 30px;
    padding-left: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 56px;
    font-size: 18px;
    font-weight: bold;
    color: #444444;
    background-color: #F5F5F5;
  }
  .showrooms .body-list .subdescription {
    margin-bottom: 30px;
    font-size: 14px;
    padding: 0 20px;
  }
  .showrooms .body-list .subdescription img {
    width: auto;
    height: 18px;
    vertical-align: middle;
  }
  .showrooms .body-list .items {
    margin-bottom: 30px;
  }
  .showrooms .body-list .items .item {
    width: auto;
    display: block;
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #cccccc;
  }
  .showrooms .body-list .items .item img {
    width: auto;
    height: 25px;
  }
  .showrooms .body-indoor .indoor {
    margin-bottom: 30px;
  }
  .showrooms .body-indoor .indoor .description {
    margin-left: 5px;
    width: auto;
    font-size: 16px;
    line-height: 1.8;
  }
  .showrooms .body-indoor .indoor .link a {
    display: block;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1.6;
    padding: 10px;
    text-align: center;
    margin: 10px 0 0 0;
  }
  .showrooms .body-indoor .indoor .link a.indoor {
    background-color: #475597;
  }
  .showrooms .body-indoor .indoor .link a.indoor:hover, .showrooms .body-indoor .indoor .link a.indoor.active {
    background-color: #818FCF;
  }
  .showrooms .body-indoor .contacts {
    font-size: 16px;
    line-height: 1.6;
    text-align: center;
  }

/*****************************************
* 共通部品: スムーズスライダー
*****************************************/
  .smooth-slider .smooth-slider-images {
    position: relative;
    display: flex;
  }
  .smooth-slider .smooth-slider-images .smooth-slider-image {
    position: absolute;
    opacity: 0;
  }
  .smooth-slider .smooth-slider-images .smooth-slider-image a {
    display: block;
    text-align: center;
  }
  .smooth-slider .smooth-slider-images .smooth-slider-image a .caption {
    font-weight: bold;
    text-align: center;
    word-wrap: break-word;
  }
    

    
    
    
    
    
  /*****************************************
   * メーカー別ショールーム一覧
   *****************************************/
  .maker_showrooms .maker_showrooms_name_wrapper {
    margin-bottom: 35px;
    padding: 12px;
  }
  .maker_showrooms .maker_showrooms_name_wrapper .maker_showrooms_name {
    font-size: 20px;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom {
    margin-bottom: 100px;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_indoor_wrapper {
    margin-bottom: 50px;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_indoor_wrapper .maker_showrooms_showroom_indoor .maker_showrooms_showroom_indoor_name_wrapper {
    margin-bottom: 10px;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_indoor_wrapper .maker_showrooms_showroom_indoor .maker_showrooms_showroom_indoor_name_wrapper .maker_showrooms_showroom_indoor_name {
    font-size: 24px;
    font-weight: normal;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_name_wrapper {
    margin-bottom: 15px;
    padding: 5px 10px;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_name_wrapper .maker_showrooms_showroom_name {
    font-size: 18px;
    font-weight: normal;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_details {
    margin-bottom: 50px;
    padding: 0 20px;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_details .maker_showrooms_showroom_info_wrapper .maker_showrooms_showroom_info .maker_showrooms_showroom_info_zipcode {
    font-size: 16px;
    line-height: 1.6;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_details .maker_showrooms_showroom_info_wrapper .maker_showrooms_showroom_info .maker_showrooms_showroom_info_address {
    font-size: 16px;
    line-height: 1.6;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_details .maker_showrooms_showroom_info_wrapper .maker_showrooms_showroom_info .maker_showrooms_showroom_info_tels {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.6;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_details .maker_showrooms_showroom_info_wrapper .maker_showrooms_showroom_info .maker_showrooms_showroom_info_open_at_wrapper {
    margin-bottom: 8px;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_details .maker_showrooms_showroom_info_wrapper .maker_showrooms_showroom_info .maker_showrooms_showroom_info_open_at_wrapper .maker_showrooms_showroom_info_open_at_header {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_details .maker_showrooms_showroom_info_wrapper .maker_showrooms_showroom_info .maker_showrooms_showroom_info_open_at_wrapper .maker_showrooms_showroom_info_open_at {
    font-size: 16px;
    line-height: 1.6;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_details .maker_showrooms_showroom_info_wrapper .maker_showrooms_showroom_info .maker_showrooms_showroom_info_close_at_wrapper {
    margin-bottom: 14px;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_details .maker_showrooms_showroom_info_wrapper .maker_showrooms_showroom_info .maker_showrooms_showroom_info_close_at_wrapper .maker_showrooms_showroom_info_close_at_header {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_details .maker_showrooms_showroom_info_wrapper .maker_showrooms_showroom_info .maker_showrooms_showroom_info_close_at_wrapper .maker_showrooms_showroom_info_close_at {
    font-size: 16px;
    line-height: 1.6;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_details .maker_showrooms_showroom_info_wrapper .maker_showrooms_showroom_info .maker_showrooms_showroom_info_reserve_required {
    width: 120px;
    text-align: center;
    margin-bottom: 14px;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.5em;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_details .maker_showrooms_showroom_info_wrapper .maker_showrooms_showroom_info .maker_showrooms_showroom_info_homepage {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 2.0;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_details .maker_showrooms_showroom_info_wrapper .maker_showrooms_showroom_info .maker_showrooms_showroom_info_message {
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 1.6;
    text-align: justify;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_details .maker_showrooms_showroom_info_wrapper .maker_showrooms_showroom_info .maker_showrooms_showroom_info_reserve {
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_details .maker_showrooms_showroom_info_wrapper .maker_showrooms_showroom_info .maker_showrooms_showroom_info_reserve .button {
    width: auto;
    display: block;
    padding: 8px;
    white-space: normal;
    margin-bottom: 20px;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_details .maker_showrooms_showroom_maps_wrapper .maker_showrooms_showroom_maps .maker_showrooms_showroom_map {
    margin-bottom: 14px;
    height: 300px;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_details .maker_showrooms_showroom_maps_wrapper .maker_showrooms_showroom_maps .maker_showrooms_showroom_maps_request {
    margin-bottom: 14px;
    font-size: 14px;
    text-align: center;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_details .maker_showrooms_showroom_maps_wrapper .maker_showrooms_showroom_maps .maker_showrooms_showroom_maps_products {
    margin-bottom: 14px;
    font-size: 14px;
    text-align: center;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_garally_wrapper {
    margin-bottom: 50px;
  }
  .maker_showrooms .maker_showrooms_showroom_wrapper .maker_showrooms_showroom .maker_showrooms_showroom_garally_wrapper .maker_showrooms_showroom_garally_header {
    margin-bottom: 10px;
    padding: 5px 10px;
    font-size: 16px;
  }
.showrooms .header {
    position: inherit;
}
.showrooms .header #showrooms-Search {
    position: inherit;
    margin : 0 20px;
}    

/*****************************************
* ADD:2020 2020トップ
*****************************************/
#prefNav {
    float: none;
    margin: 0 20px 40px 20px;
    width: auto;
}
#catNav {
    float: none;
    margin: 0 20px;
    width: auto;
}
#catNav ul li {
    width: 49.7%;
}
#catNav ul li a {
    line-height: 118px;
}
.sr-inputArea, .sr-inputCat {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
}    
    
/*****************************************
* ADD:2020 メーカーページ(1)
*****************************************/


/*****************************************
* ADD:2020　ショールーム検索結果
*****************************************/      
.showrooms-result .resultWrap .left {
    width: 100%;
} 
.showrooms-result .resultWrap .right {
    width: 100%;
}
.showrooms-result .resultWrap  {
    margin: 0 20px;
}
.sr-moreSearch {
    margin: 0 20px;
}   
}