@charset "UTF-8";
/* CSS Document */


.va-middle{
	vertical-align:middle;
}

.news-h1{ border-bottom:1px solid #ccccdd; }
.news-body{
	margin-top: 100px;
	line-height: 1.733;
}
.news-date {
	text-align: left;
	font-weight: 400;
}
.news-col {
	margin: 0 0 30px;
	overflow: hidden;
}
.news-copy {
	font-size: 18px;
}

.dl-news{
	display:block;
	width:98%;
	overflow:hidden;
}

.dl-news dt,.dl-news dd{
	letter-spacing:0.15em;
	padding-top:0.5em;
	font-weight:400;
}

.dl-news dt{
	display:inline-block;
	float:left;
	width:18em;
	text-align:right;
	clear:both;
	padding-bottom:1px;
}
.dl-news dd{
	display:inline-block;
	float:left;
	padding-left:2em;
}
.dl-news dd:after{
	clear:both;
}

.lbl-newscategory-small {
	display:inline-block;
	margin-left:1em;
	padding: 1px 5px;
	vertical-align: middle;
	font-size: 85%;
	font-weight: 400;
	text-align:center;
	color: #fff;
	border-radius: 2px;
	width:9em;
}

.lbl-newscategory-large {
	display:inline-block;
	padding: 0px 2rem;
	vertical-align: middle;
	font-size: 100%;
	font-weight: 400;
	text-align:center;
	color: #fff;
	border-radius: 3px;
}

.lbl-topics { background: #773311; }
.lbl-info   { background: #336699; }
.lbl-press  { background: #336600; }
.lbl-news   { background: #334466; }


.table-news th {
	width:6rem;
}
.table-news th,.table-news td {
	border: none!important;
	padding: 10px 0!important;
}


/* spw */
.lbl-time {
	display:inline-block;
	background: #ffffff;
	padding: 5px 10px 5px 25px;
	vertical-align: middle;
	font-size: 115%;
	color: #333;
	border-radius: 3px;
}


.news-card-container{
	padding-top:8rem;
	padding-bottom:2rem;
	letter-spacing:0.2rem; 
}
@media screen and (max-width: 768px) {
	.news-card-container{ padding-top:2rem; }
}

.news-card{
	display:inline-block;
	width:auto;
	padding:10px 0 5px 0;
	margin-bottom:2rem;
	margin-right:2rem;
	text-align:center;

	background-color:#dde2e5;
	border:1px solid #dde2e5;
	-webkit-box-shadow :  3px 3px 0 0 #ccc;
	-moz-box-shadow    :  3px 3px 0 0 #ccc;
	box-shadow         :  3px 3px 0 0 #ccc;

}

@media screen and (max-width: 768px) {
	.news-card{ display:inline-block; margin-bottom:2rem; margin-right:2rem; }
}

.news-card a{
	display:inline-block;
	background-color:#fff;
	height:170px;
	margin:0 auto;
	width:100%;
	min-width:170px;
	text-align:center;
}

.newsidx-card-container{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	flex-wrap: wrap;
}

.newsidx-card-wrapper{

	display:inline-block;

	width:32%;
	min-width:220px;
	margin:2rem 1% 0 0;
	padding:10px 0 5px 0;
	border:1px solid #339;
	text-align:center;

	background-color:#dde2e5;
	border:1px solid #dde2e5;
	-webkit-box-shadow :  3px 3px 0 0 #ccc;
	-moz-box-shadow    :  3px 3px 0 0 #ccc;
	box-shadow         :  3px 3px 0 0 #ccc;

	text-align:center;
	letter-spacing:0.15em;

}

.bgtest1{
	border:1px solid #eeeeee;
	background-color:#eeeeee;
}
.bgtest2{
	border:1px solid #f6ffee;
	background-color:#f6ffee;
}
.bgtest3{
	border:1px solid #fff6ee;
	background-color:#fff6ee;
}

.newsidx-card{
	display:block;
	width:100%;
	backgroud-color:#fff;

}

.newsidx-card a{
	display:inline-block;
	background-color:#fff;
	height:220px;
	margin:0 auto;
	width:100%;
	text-align:center;

}
.newsidx-card-caption{ 
	width:100%; 
	text-align:left; 
	padding:0 2rem; 
}

.newsidx-card-caption time{ display:block; }
.newsidx-card-caption a{ width:100%; text-align:left; }


.newsidx-card-wrapper:last-child{ margin-right:0; }



@media screen and (max-width: 768px) {
	.newsidx-card-wrapper{ width:30%; margin-right:2%; min-width:150px; }
	.newsidx-card a{ height:150px; }
	.newsidx-card-caption{ padding:0 0.5rem; }
}


.news-thumb{
	display:block;
	width:auto;
	max-height:100%;
	margin:0 auto;
}



/* カレンダー */

.h3-calender-showroomname{
	display:inline-block;
	width:50em; 
	font-size:100%;
}


.tbl-calender {}
.tbl-calender th.th_wh { width:20%; }
.table-calender th.th_wh, .table-calender td.td_wd {
	padding: 1px;
	text-align:center;
	border: 1px solid #bbb;
  vertical-align: top;
	min-width:5em;
}

.table-calender th.th_wh{
	font-weight:400;
  padding: 5px auto;
	background-color:#ddd;
}

.table-calender td.td_wd {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ul_press-pages{
	width:90%;
	padding:0 10px 0 2rem ;
}
.ul_press-pages li{
	padding-left:0;
	padding-bottom:1rem;
	list-style-type:square;
}