@charset "utf-8";
/* CSS Document */
body{
	min-width: 1100px;
}
#wrap-content{
	font-weight: 400;
}

h1#showroom a{
	display:block;
	background-position: 10px 2px;
	background-image:url(../img/logo_showroom.png);
	width:221px;
	background-repeat:no-repeat;
	text-indent:-7777px;
	height:40px;
	float:left;
}
/*General Mosaic Styles*/
.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
}
.fade .mosaic-overlay {
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
}
/* メインビジュアルここから */
#main-image{
	border:1px solid #d2d2d2;
	margin:50px 0;
	position:relative;
	width:998px;
	height:418px;
}
#main-image .image{
	position:relative;
	width:998px;
	height:418px;
	float:right;
	margin-left:-998px;
}
#main-image h1{
    position: absolute;
    line-height: 1.4em;
    color: #ffffff;
	font-weight: 300;
	top:50%;
	transform: translateY(-50%);
	left: 40px;
}
/*カレンダー*/
#calendar{
	clear:both;
	background:#f3f2ed;
	padding-bottom:50px/*120px*/;
	padding-top:0;
	margin-top:-10px;
}
#calendar .calendar-box{
	margin:0 auto;
	width:1000px;
}
#calendar .calendar-box .text-box{
	width:240px;
	float:left;
	padding:60px/*0*/ 80px 100px 90px/*150px*/;
	border-right:1px dotted #777;
}
#calendar .calendar-box .text-box h1{
	margin-top:15px;
	font-size:17px;
	font-weight: 700;/* 場所不明 */
}
#calendar .calendar-box .text-box h2{
    margin-top: 40px;
    font-size: 50px;
    font-weight: 700;/* 場所不明 */
    letter-spacing: -3px;
}
#calendar .calendar-box .text-box h2 span{
	font-size:20px;
    font-weight: 700;/* 場所不明 */
}
#calendar .text-box ul{
	margin-top:45px/*40px*/;
}
#calendar .text-box ul li span.holiday{
	padding:2px 8px;
	margin-right:12px;
	background-color: #900;
	-moz-border-radius:50%;
 	-webkit-border-radius:50%;
	border-radius: 50%;
}
#calendar .text-box ul li span.holiday_sp{
	padding:2px 8px;
	margin-right:12px;
	background-color: #900;
	-moz-border-radius:50%;
 	-webkit-border-radius:50%;
	border-radius: 50%;
}
#calendar .text-box ul li.hol1a span.holiday,
#calendar .text-box ul li.hol2a span.holiday{
	background-color: #AEAB20;
}
#calendar .text-box ul li.hol1b span.holiday,
#calendar .text-box ul li.hol2b span.holiday{
	background-color: #46D4C8;
}
#calendar .text-box ul li.hol1c span.holiday,
#calendar .text-box ul li.hol2c span.holiday{
	background-color: #B4842B;
}
#calendar .text-box ul li.hol1d span.holiday,
#calendar .text-box ul li.hol2d span.holiday{
	background-color: #006d81;
}
#calendar .text-box ul li.hol1e span.holiday,
#calendar .text-box ul li.hol2e span.holiday{
	background-color: #CA47A0;
}
#calendar .text-box p{
	margin-top:5px;
}
#calendar .image{
	width:720px;
	float:left;
}
.table-cl{
	float:right;
	margin:0;
    padding:25px/*55px*/ 100px/*50px*/ 30px/*80px*/ 0/*60px;*/;
}

.table-cl table{
	margin:0;
	table-layout:auto;
    border-spacing:0;
    empty-cells:show;
}
.table-cl table td{
	font-size:100%;
	text-align: center;
    font-weight:normal;
    line-height:1.5em;
    padding:5px 15px;
	width:30px;
	height:30px;
	font-weight: 500;/* 場所不明 */
}
.table-cl table td.holy p.day,
.table-cl table td.onservice p.day,
.table-cl table td.newyear_hol p.day,
.table-cl table td.summer_hol p.day,
.table-cl table td.special_hol p.day,
.table-cl table td.specialevent p.day{
	width:30px;
	height:24px;
	padding-top:6px;
	color:#fff;
	background-color: #900;
	-moz-border-radius:50%;
 	-webkit-border-radius:50%;
	border-radius: 50%;
}
.table-cl table td.onservice p.day{
	background-color: #AEAB20;
}
.table-cl table td.newyear_hol p.day{
	background-color: #B4842B;
}
.table-cl table td.summer_hol p.day{
	background-color: #46D4C8;
}
.table-cl table td.specialevent p.day{
	background-color: #CA47A0;
}
.table-cl table td.special_hol p.day{
	background-color: #006d81;
}
.table-cl table td.holy_sp p.day{
	width:30px;
	height:24px;
	padding-top:6px;
	color:#fff;
	background-color: #006d81;
	-moz-border-radius:50%;
 	-webkit-border-radius:50%;
	border-radius: 50%;
}

#cnt2{
	clear:both;
	background:#3c3c3c;
	padding:50px 0;
}
/*
#cnt2 #showroom-box{
	margin:0 auto;
	width:1000px;
}
#cnt2 #showroom-box-171108{
	margin:0 auto;
	width:1000px;
}
#cnt2 #showroom-box a,
#cnt2 #shop-box a{
	border:1px solid #d2d2d2;
	float:left;
	width:496px;
}
#cnt2 #showroom-box-171108 a,
#cnt2 #shop-box a{
	border:1px solid #d2d2d2;
	float:left;
	width:328px;
}
#cnt2 #showroom-box a:hover,
#cnt2 #shop-box a:hover{
	border:1px solid #dba24c;
	color:#dba24c;
	text-decoration:none;
}
#cnt2 #showroom-box-171108 a:hover,
#cnt2 #shop-box a:hover{
	border:1px solid #dba24c;
	color:#dba24c;
	text-decoration:none;
}
#cnt2 #showroom-box .l-box,
#cnt2 #shop-box .l-box{
	width:496px;
	float:left;
	margin-right:6px;
}
#cnt2 #showroom-box-171108 .box-1,
#cnt2 #showroom-box-171108 .box-2,
#cnt2 #showroom-box-171108 .box-3{
	width:328px;
	float:left;
	margin-right:8px;
}
#cnt2 #showroom-box-171108 .box-3{
	margin-right:0;
}
#cnt2 #showroom-box .l-box .text-box,
#cnt2 #showroom-box .r-box .text-box{
	background:#fff;
	width:456px;
	padding:40px 20px;
}
#cnt2 #showroom-box-171108 .text-box{
	background:#fff;
	width:288px;
	padding:40px 20px;
}
#cnt2 #showroom-box .l-box .text-box h1,
#cnt2 #showroom-box .r-box .text-box h1,
#cnt2 #shop-box .l-box .text-box h1,
#cnt2 #shop-box .r-box .text-box h1,
#cnt3 .text-box h1{
/*	font-weight: 700;*/
/*	font-size:18px;
	font-weight: 600;
}
#cnt2 #showroom-box-171108 .text-box h1{
/*	font-weight: 700;*/
/*	font-size:18px;
	font-weight: 600;
}
#cnt2 #showroom-box .l-box .text-box .adress,
#cnt2 #showroom-box .r-box .text-box .adress,
#cnt2 #shop-box .l-box .text-box .adress,
#cnt2 #shop-box .r-box .text-box .adress{
	font-style:normal;
	margin-top:20px;
}
#cnt2 #showroom-box-171108 .adress{
	font-style:normal;
	margin-top:20px;
}
#cnt2 #showroom-box-171108 .image img{
	width:328px;
}
#cnt2 #shop-box{
	clear:both;
	margin:0 auto;
	padding-top:20px;
	width:1000px;
}
#cnt2 #shop-box .l-box,
#cnt2 #shop-box .r-box{
	margin-top:20px;
}
#cnt2 #shop-box .l-box .text-box,
#cnt2 #shop-box .r-box .text-box{
	background:#fff;
	width:328px;
	height:118px;
	float:left;
	padding:15px 0px 15px 20px;
}
#cnt2 #shop-box .l-box .text-box h1 span,
#cnt2 #shop-box .r-box .text-box h1 span{
	font-size:12px;
	letter-spacing: 0.1em;/* 場所不明 */
/*}
*/
#cnt3{
	background:#d2d2d2;
	padding: 50px 0 100px;
    margin-bottom: -100px;
}
#cnt3 .news-box{
	float:left;
	width:332px;
	height:370px;
	background:#fff;
	border-right:1px solid #fff;
}
#cnt3 .news-box h1{
	border-bottom:1px solid #d2d2d2;
/*	font-size:20px;
	font-weight: 700;*/
	padding:20px 0 0 25px;
	min-height:45px;
	font-weight: 700;
}
#cnt3 .news-box ul li{
	border-bottom:1px dotted #d2d2d2;
	padding:10px 20px 30px 20px;
	min-height:20px;
	position:relative;
	display:block;
	font-size:1.3rem;
	line-height: normal;
}
#cnt3 .news-box ul li a:hover{
	color:#dba24c;
	text-decoration:none;
}
.arrow1_showroom{
	background-position:0 7px;
	background-image:url(../../img/arrow1.png);
	padding-left:9px;
}
#cnt3 .m-box{
	float:left;
	width:332px;
	height:370px;
	border-right:1px solid #fff;
	display:block;
	position:relative;
}
#cnt3 .m-box .fade{
	width:332px;
	height:370px;
	text-indent:-99999px;
	background:url(../img/index/maintenance.jpg);
	background-position:0 0;
}
#cnt3 .m-box .fade a{
	display:block;
	width:332px;
	height:370px;
}
#cnt3 .m-box .fade a.m-box-on{
	background-image:url(../img/index/maintenance.jpg);
	background-position:0 -370px;
}
#cnt3 .qa-box{
	float:left;
	width:332px;
	height:370px;
	display:block;
	position:relative;
}
#cnt3 .qa-box .fade{
	width:332px;
	height:370px;
	text-indent:-99999px;
	background:url(../img/index/q_a.gif);
	background-position:0 0;
}
#cnt3 .qa-box .fade a{
	display:block;
	width:332px;
	height:370px;
}
#cnt3 .qa-box .fade a.qa-box-on{
	background-image:url(../img/index/q_a.gif);
	background-position:0 -370px;
}
#cnt3 .text-box{
	position:absolute;
	color:#fff;
	margin:25px 40px;
}
#cnt3 .text-box p{
	margin-top:20px;
}


/*販売会期間中END*/
/*/////////180613販売会紹介更新////////*/
.sp_br{
	display: none;
}
.events-box_180613{
    margin: 0 auto;
    background: #988154;
    padding: 60px 0;
}
.text-events-box{
	text-align: center;
	color: #fff;
}

.text-events-box a,
.text-events-box a {
	background-position: 0 6px;
}

.text-events-box a,
.text-events-box a:hover{
	color: #f3ac42;
}
.text-events-box h2{
    letter-spacing: 7px;
    margin-bottom: 20px;
    font-weight: 300;
}
.text-events-box h2 span{
	font-size: 12px;
    letter-spacing: 3px;
}
.text-events-box p{
	/*line-height: 24px;
    letter-spacing: 0.1em;
    font-size: 13px;
    font-weight: 300;*/
}
.event-box{
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
	display: flex;
	-webkit-justify-content:center;
	justify-content:center;
	/*margin-top: 25px;販売会終了後戻す*/
}
.event-box a{
	text-decoration: none;
}
.event-box a .event{
	width: 478px;
	height: 200px;
	text-align: center;
	border: 1px solid #d3d3d5;
	box-sizing: border-box;
	position: relative;
	align-items: center;
	-webkit-justify-content:center;
	justify-content:center;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
	display: flex;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
	transition: all 0.5s ease;
}
.event-box a .event_osaka{
	background-image: url(../img/index/sales_events_osaka.jpg);
}
.event-box a .event_osaka19{
	background-image: url(../img/index/sales_events_osaka19.jpg);
}

.event-box a .event_osaka20{
	background-image: url(../img/index/sales_events_osaka20.jpg);
}
.event-box a .event_sapporo{
	background-image: url(../img/index/sales_events_sapporo.jpg);
}
.event-box a .event_okayama{
	background-image: url(../img/index/sales_events_okayama.jpg);
}
.event-box a .event::before{
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	transition: all 0.5s ease;
}
.event-box a:hover .event{
	border: 1px solid #dba24c;
}
.event-box a:hover .event::before{
	background-color: rgba(0,0,0,0.2); 
}
.event-box .event h3{
    letter-spacing: 1em;
    /*font-size: 17px;*/
    color: #FFFFFF;
    position: relative;
    z-index: 10;
    line-height: 1.5em;
    transition: all 0.5s ease;
    visibility: visible;
	font-weight: 300;
}
.event-box a:hover .event h3{
	text-shadow:0px 0px 1px #000;
}
.event-box .event h3 span{
	font-size: 12px;
    letter-spacing: 0.3em;
}
.event-box a:first-child{
	padding-right: 6px;
}
/*/////////END_180613販売会紹介更新////////*/


/*2019年10月大阪SR追加*/
#showroom-box.add_2019{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


#showroom-box.add_2019 li{
	width: 49%;
	height: 212px;
	border: 1px solid #d2d2d2;
	position: relative;
	margin-bottom: 15px;
	display: flex;
}

#showroom-box.add_2019 .text-box{
	height: 100%;
	width: 290px;
	display: flex;
    flex-direction: column;
    /*align-items: center;*/
    justify-content: center;
    background-color: #fff;
    padding-left:29px;
	box-sizing: border-box;
}

#showroom-box.add_2019 li:hover{
	border: 1px solid #dba24c;
}

#showroom-box.add_2019 li:hover .text-box{
	color: #dba24c;
}

#showroom-box.add_2019 a{
	width: 100%!important;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: none!important;
}
#showroom-box.add_2019 h3{
	/*font-size: 18px;
    font-weight: 600;*/
	margin-bottom: 15px;
}
#showroom-box figure{
	margin: 0;
	width: 56%;
	overflow: hidden;
}

#showroom-box.add_2019 img{
	width: 100%;
}

#showroom-box.add_2019 .adress{
    font-style: normal;
}

/*END_2019年10月大阪SR追加*/

#showroom-box a[href^="tel:"] { /*iOSの電話番号リンク対策*/
	position: relative;
	top: 0;
	left: 0;
}
/*/////200409休業のお知らせ/////*/
#sr-closed-box,#sr-closed-box_2{
	margin: 25px auto 65px;
	width: 1000px;
}
#sr-closed-box header,
#sr-closed-box .time{
	color: #fff;
	
}

#sr-closed-box header p{
	margin: 20px 0;
}
#sr-closed .font-bold{
	font-weight: 700;
	font-size: 1.1em;
}

#sr-closed-box .tel_time{
	font-size: 0.85rem;
	width: 100%;
	background-color: #fff;
	height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
	margin: 5px 0;
}

#sr-closed-box .tel_time span:first-child{
	margin-right: 15px;
	padding-right: 15px;
	border-right: 1px solid #d2d2d2;
	font-weight: 700;
}

#sr-closed-box .tel_time b{
	margin-right: 10px;
	padding-bottom: 2px;
	font-size: 1.25rem;
}

#sr-closed-box .tel_time b + span{
	font-size: 0.73rem;
}

.reservation_link {
    width: 100%;
    height: 70px;
    color: #3c3c3c;
    opacity: 1;
    transition: 0.5s;
    position: relative;
	margin-top: 20px;
}

.reservation_link a{
	width: 100%;
    height: 100%;
    color: #3c3c3c;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #dba24c;
    transition: 0.3s;
	font-size: 1.2em;
}
.reservation_link a:hover {
    text-decoration: none;
    background-color: #ce9239;
}

.reservation_link::after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border: 2px solid;
    border-color: transparent transparent #3c3c3c #3c3c3c;
    transform: rotate(225deg);
    position: absolute;
    top: 0;
    right: 35px;
    bottom: 0;
    margin: auto;
    transition: 0.5s;
}

.sp{
	display: none;
}
.sr-closed-table tr th:nth-last-child(-n+7){
	/*width: 95px;*/
}
#sr-closed .sr-closed-table .reserve{
	color: #AEAB20;
}
#sr-closed .sr-closed-table .regular{
	color: #006d81;
}
.text-important{
	font-size: 1.1em;
	text-decoration: underline;
	font-weight: 600;
}
#sr-closed-box header{
	font-size: 1.2em;
}
#sr-closed-box header p{
	margin: 10px 0 30px;
	/*line-height: 1.7em;
	letter-spacing: 0.05em;*/
}
#sr-closed-box header h2{
	/*margin-bottom: 20px;*/
	font-size: 2.2rem;
}


/*オンライン相談*/
#online_advice {
	position: relative;
	max-width: 1000px;
    margin: 50px auto;
}

#online_advice .online-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 7%;
    color: #fff;
	background-image: url(../img/contact/online_1.jpg);
}

/*
#online_advice .online-inner .zoom {
	position: absolute;
    top: 12px;
    left: 12px;
    width: 120px;
}
*/

#online_advice .online-inner h2 {
	/*font-size: 18px;*/
    letter-spacing: 0.08em;
    margin-bottom: 20px;
    /*font-weight: 600;
	line-height: 1.7em;*/
}

/*
#online_advice .online-inner .online-icon {
	margin-right: 45px;
	margin-top: 24px;
	width: 23%;
}
*/

svg {
  fill: currentColor;
}

#online_advice .online-inner .online-icon {
	margin-right: 40px;
	width: 20%;
	opacity: 0.8;
}

/*
#online_advice img.zoom {
	width: 78%;
}
*/

#online_advice .online-inner .online-text p {
	margin-bottom: 20px;
	/*line-height: 24px;
    letter-spacing: 0.1em;
    font-size: 13px;
    font-weight: 300;*/
}

#online_advice .online-inner .online-text a {
	color: #f3ac42;
    /*letter-spacing: 0.1em;
    font-size: 13px;
    font-weight: 300;*/
	background-position: 0 6px;
}

#online_advice .online-inner .online-text a::after {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    content: "";
    -webkit-tap-highlight-color: transparent;
}
/*文字サイズリニューアル*/
#main-image .main-text-index {
	font-size: 3.3rem;
}
.arrow1_showroom.fl-left {
    margin-top: 5px;
}

/*銀座SR追加に共なう並び替え*/
.showroom__box{
    width:100%;
}
.showroom__box address{
    font-style: normal;
}
.showroom__box .showroom__text-box{
    background:#ffffff;
	width:260px;
    height: 140px;
	padding:30px;
}
.showroom__text-box h3{
    margin:0 0 10px 0;
}
.showroom__text-box p{
    line-height: 1.7;
}
.col_2,.col_3{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom:20px;
}
a:hover .showroom__box {
    color: #f3ac42;
    outline: solid 1px #f3ac42;
}
#sr-closed-box_2 a:hover{
    text-decoration: none;
}

/*2カラム*/
.col_2 .showroom__text-box{
    width:430px;
    height: 120px;
}
@media screen and (min-width: 581px) {
.col_2 > *:nth-child(2n){
    margin:0 auto 0 20px;
    }
}
/*@media screen and (max-width: 580px) {
    .col_2 > *{
    width: calc( 50% - 6px ) ;
    margin-right: auto;
    }
}*/

/*3カラム*/
.col_3 > *{
   /* width: calc( 33.33333% - 8px ) ;*/
    margin-right: 20px;
}
.col_3 > *:nth-child(3n){
    margin-right: auto;
}
@media screen and (max-width: 960px) {
    .col_3 > *:nth-child(2n){
        margin-right: auto;
    }
    .col_3 > *:nth-child(3n){
        margin-right: 12px;
    }
    
}