
@charset "UTF-8";
#noticeInformation {
	margin: 20px 0 !important;
}

#contents {
  margin-bottom: 80px;
}


#contents .h1ttl {
    font-size: 2.615em;
    font-weight: 400;
}

#contents .topmainsection {
margin-bottom: 60px;
}
#contents .leadtext {
  padding:20px;
  background:#eeeeec;
}
#contents .leadtext .framepoint {
  border: 1px solid #454646;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

#contents .leadtext a {
  color: #454646;
}
#contents  .main-slider {
    overflow: hidden;
}
.main-slider img,
.main-slider video {
width: 100%;
height: auto;
}

#contents .leadtext .framepoint2 {
  border: 1px solid #454646;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

@media (min-width: 641px){
  #contents .main-slider {
  width: 960px;
  margin:  0 auto;
  overflow: hidden;
  }
  #contents .main-slider img {
  display: block;
  }

  #contents .main-slider .img02 {
  float: right;
  }
  #contents .main-slider .img01,
  #contents .main-slider .img03 {
  float:left;
  }
  #contents .main-slider .img01 {
  margin-bottom: 3px;
  }
  #contents .leadtext {
    padding:30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #contents .leadtext .framepoint {
    padding: 10px 20px;
    width: 120px;
    margin-right: 20px;
    margin-bottom: 0;
  }
  #contents .leadtext .framepoint2 {
    padding: 80px 20px;
    width: 160px;
    margin-right: 20px;
    margin-bottom: 0;
  }

/* min-width: 641px */}

#contents .pc_none {
display: none;
}
#contents .sp_none {
display: block;
}

.contentsBox.howto img {
display: block;
margin:  0 auto 10px;
}
.contentsBox.howto li {
font-size: 140%;
/*text-align: center;
border-bottom: 1px dotted #ccc;*/
}
.contentsBox.howto li a {
/*text-align: center;*/
color:#333;
text-decoration: none;
}
.contentsBox.howto a:hover,
.contentsBox.howto a:hover img {
opacity: 0.70;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}

#contents.showroomTop article.showroom_cation {
margin-bottom: 0;
}

/* list
========================================*/

/* list
----------------------------------------*/

article.bg_map {
    background: url(/showroom/images/bg_map.gif) no-repeat;
    height: 740px;
    position: relative;
}
article.bg_map .map_box01, article.bg_map .map_box02, article.bg_map .map_box03, article.bg_map .map_box04, article.bg_map .map_box05, article.bg_map .map_box06, article.bg_map .map_box07, article.bg_map .map_box08, article.bg_map .contentsBox {
    position: absolute;
}
article.bg_map .map_box01 {
    left: 497px;
    top: 238px;
    width: 120px;
}
article.bg_map .map_box02 {
    left: 499px;
    top: 348px;
    width: 120px;
}
article.bg_map .map_box03 {
    left: 296px;
    top: 498px;
    width: 203px;
}
article.bg_map .map_box04 {
    left: 296px;
    top: 569px;
    width: 120px;
}
article.bg_map .map_box05 {
    left: 131px;
    top: 569px;
    width: 120px;
}
article.bg_map .map_box06 {
    left: 204px;
    top: 284px;
    width: 75px;
}
article.bg_map .map_box07 {
    left: 129px;
    top: 350px;
    width: 75px;
}
article.bg_map .map_box08 {
    left: 3px;
    top: 352px;
    width: 85px;
}
article.bg_map .contentsBox {
    left: 0;
    bottom: 0;
}
article.bg_map .map_box01 p, article.bg_map .map_box02 p, article.bg_map .map_box03 p, article.bg_map .map_box04 p, article.bg_map .map_box05 p, article.bg_map .map_box06 p, article.bg_map .map_box07 p, article.bg_map .map_box08 p {
    font-weight: 700;
    border-bottom: 1px dotted #999;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
article.bg_map ul {
    margin-bottom: 10px;
}
article.bg_map li {
    float: left;
    border-right: 1px solid #777;
    padding: 0 6px;
    color: #777;
    line-height: 1.2;
}
article.bg_map li.pl0 {
    padding-left: 0;
}
article.bg_map .brd_none {
    border-right: none;
}
article.bg_map .listLink03 {
    font-size: 124%;
    border-bottom: 1px dotted #ccc;
}
article.bg_map .listLink03 a {
    background: url(/common/css/images/link_icon_03.png) 295px .5em no-repeat;
    display: block;
    padding: 5px 40px 5px 5px;
    text-decoration: none;
    color: #333;
}
article.bg_map .listLink03 a:hover {
    background-color: #eee;
    color: #333;
}
.tabbox {
display: none;
}
.icon_pin {
display: inline-block;
margin: 0 15px 0 5px;
}

.bold {
    font-weight: 700;
}
.border {
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: 17px 0;
}
.boxA01 {
    margin: 0;
    padding: 25px;
    border: red 2px solid;
}
.boxA01 .title {
    font-size: 177%;
    line-height: 1.2;
    margin-bottom: 20px;
}
/* showroom
========================================*/

/* close store
----------------------------------------*/

.closeStore {
    position: relative;
}
.closeStore .closeStoreText {
    position: absolute;
    top: 5px;
    right: 0;
    padding: 10px;
    font-size: 0.45em;
    font-weight: bold;
    color: red;
    border: solid 2px red;
}
/* reserve
----------------------------------------*/

#contents .reserve {
    position: relative;
}
#contents .reserve span {
    position: absolute;
    top: 5px;
    right: 0;
    padding: 10px;
    background: #ff7f2a;
    font-size: 0.45em;
    font-weight: bold;
    line-height: 1;
    color: white;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
/* col3
----------------------------------------*/

#contents .col3 {
    overflow: hidden;
    margin: 0;
    list-style: none;
}
#contents .col3 li {
    float: left;
    width: 300px;
    padding: 0 30px 0 0;
}
#contents .col3.flow li {
    background: url(/showroom/images/arrow_right.png) right center no-repeat;
}
#contents .col3.flow li figcaption {
    margin: 0 0 10px;
    padding: 5px;
    background: #666;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#contents .col3 li:last-child {
    padding: 0;
    background: none;
}
/* link btn
----------------------------------------*/

#contents .btnType01 {
    text-align: center;
}
#contents .btnType01 a {
    display: flex;
    margin: 0 0 4px 0;
    padding: 20px;
    font-size: 130%;
    font-weight: bold;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-image: none;
    background-color: #000;
    border-radius: 5px;
    box-shadow: 0px 4px #565656;
    transition: all 0.3s ease;
    justify-content: center;
    align-items: center;
}
#contents .btnType01 a:hover {
    margin: 4px 0 0 0;
    box-shadow: 0px 0 #a6a6a6;
}
#contents .btnType02 {
    text-align: right;
}
#contents .btnType02.center {
clear: both;
    text-align: center;
}
#contents .btnType02 a {
    display: inline-block;
    margin: 0 0 4px 0;
    padding: 15px 30px;
    font-size: 110%;
    font-weight: bold;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-image: none;
    background-color: #000;
    border-radius: 5px;
    box-shadow: 0px 4px #565656;
    transition: all 0.3s ease;
}
#contents .btnType02 a:hover {
    margin: 4px 0 0 0;
    box-shadow: 0px 0 #a6a6a6;
}
/* notes list
----------------------------------------*/

.stepList01>li {
    margin-bottom: 5px;
    font-size: 110%;
}
.stepList01>li .att01 {
    font-size: 90%;
}


#contents .contentsBox.howto img {
display: none;
}





#contents.showroom .showroom-slider {
margin-bottom: 20px;
}
#contents.showroom .showroom_lead_text {
line-height: 1.8;
margin-bottom: 20px;
}

#contents.showroom .listLink03.down li a {
    background: url(../images/link_icon_03_down.png) no-repeat 99.2% 0.5em;
}

#contents.showroom .mapimg_box{
width: 265px;
margin-bottom: 20px;
}


/* side bnr link3D */

#contents .sideBnr {
	float: right;
	margin: 40px 0 0;
	width: 245px;
}
#contents .wrapLink3D {
	margin: 0;
}
#contents .wrapLink3D a {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	text-decoration: none !important;
	background-image: none !important;
	background-color: #575757;
}
#contents .wrapLink3D a .link3D .link3D-photo {
	position: relative;
}
#contents .wrapLink3D a .link3D .link3D-photo::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(/showroom/images/icon_link_3d.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 120px 120px;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 20;
	transition: background-color 0.3s ease;
}
#contents .wrapLink3D a .link3D .link3D-photo img {
	display: block;
	width: 100%;
	height: auto;
}
#contents .wrapLink3D a:hover .link3D .link3D-photo::after {
	background-color: rgba(0, 0, 0, 0);
}
#contents .wrapLink3D a .link3D .link3D-caption {
	display: block;
	padding: 10px;
	font-size: 15px;
	color: #fff;
	text-align: center;
}


#contents #sideInc{
margin-top:40px;
}
#contents #sideInc .wrapLinkBnr .link{
background:#fff;
}
#contents #sideInc .wrapLinkBnr a img{
transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
}
#contents #sideInc .wrapLinkBnr a:hover img{
opacity: 0.50;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
}
#contents a.no_icon[target="_blank"] {
    display: inline-block;
    padding-right: 0px;
    background: none;
}
#contents.exhibition .uniTable td:nth-child(1) a {
display: none;
}

#contents.form {
width: 100%;
padding: 0 10px;
max-width: 770px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


#contents.use .h2ttl02 {
overflow: hidden;
}
#contents.use .h2ttl02.flow {
overflow: hidden;
border-top:none;
background: url(/common/css/images/h2line.gif) top left no-repeat;
}
#contents.use .h2ttl02 span {
display: block;
float: left;
}
#contents.use .h2ttl02 span:nth-child(1) {
width: 1.7em;
}
#contents.use .h2ttl02 span:nth-child(2) {
width:calc(100% - 1.8em);
}



#contents.locator .contentsBoxL.showroomImg {
margin-bottom: 20px;
}
#contents.locator .contentsBoxL.showroomImg img {
display: block;
width: 100%;
height: auto;
}

#contents.locator .contentsBoxR dl dt {
display: block;
float: left;
font-weight: bold;
clear: both;
width: 70px;
}
#contents.locator .contentsBoxR dl dd {
display: block;
float: left;
margin-bottom: 0.8em;
}

#contents.locator .contentsBoxL.detailLink {
clear: both;
}

#contents.root {
    width: 100%;
    padding: 0 10px;
    max-width: 980px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#contents.showroom .bdrBx{
	box-sizing: border-box;
}


@media all and (min-width: 0px) and (max-width: 640px) {

  body {
    min-width: inherit;
  }

.switchImg{}

#contents .sp_none {
display: none;
}
#contents .pc_none {
display: block;
}
#contents br.pc_none {
display: inherit;
}
  #header #headerMain {
    width: auto;
  }


  #contents {
    width: 100%;
    min-width: inherit;
  }

#container {
    margin: 0;
    width: auto;
  }
#contentsWrap {
    min-width: inherit;
}

/*  #header #headerMain .headNav {
    display: none;
  }*/

/*  #headerMain .logo {
    margin: 12px 0 0 10px;
    width: 73px;
  }*/

  #headerMain .logo img {
    width: 100%;
  }

  #headerMain .headR {
    float: right;
  }

  #headerMain .headR li a {
    min-height: 39px;
    padding-top: 20px;
    text-decoration: none;
    width: 59px;
  }

  #headerMain .headR li a span {
    display: none;
  }

  #headerMain .headR li a .fs1 {
    display: block;
    height: 20px;
  }

  #headerMain .headR li {
    width: 59px;
    border-left: 1px solid #CCC;
  }

  #headerMain .headR .on {
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
  }

  #headerMain .headR .on a .fs1 {
    filter: alpha(opacity=30) !important;
    opacity: .3 !important;
  }

  #headerMain .headR .on .drop {
    border-bottom: 1px solid #CCC;
  }

/*  #header .dropBox {
    top: 60px;
  }*/

  #headerMain #navArea {
    background: none;
    width: auto;
    float: right;
  }

  #header .dropNav {
    width: 100%;
    padding: 13px 0 0;
  }

  #header .dropNav li a .fs1 {
    display: none;
  }

  #header .dropNav li a .spIcon {
    display: block;
    height: 80px;
    line-height: 1;
    margin: -17px 0 0;
  }

  #header .dropNav .subNav01 a .spIcon {
    margin-bottom: -20px;
  }

  #header .dropNav .subNav02 a .spIcon {
    margin: -15px 0 -20px;
  }

  #header .dropNav ul {
    padding: 0 10px 13px;
  }

  #header .dropNav li {
    padding-bottom: 35px;
  }

  #header .dropNav li,#header .dropNav .subNav01,#header .dropNav .subNav02 {
    margin-right: 0;
    width: 50%;
    text-align: center;
  }

  #header .dropNav li p,#header .dropNav li ul {
    display: none;
  }

  #header .dropNav li p,#header .dropNav .subNav01 p,#header .dropNav .subNav02 p {
    width: auto;
  }

  #header .dropNav li:nth-child(2),#header .dropNav .subNav01,#header .dropNav .subNav02 {
    padding-bottom: 40px;
  }

  #header .dropNav li:nth-child(2) p a span:last-child,#header .dropNav .subNav01 p a span:last-child,#header .dropNav .subNav02 p a span:last-child {
    margin-top: 5px;
  }

  #header .dropNav li .kitLink,#header .dropNav li .batLink,#header .dropNav li .watLink01,#header .dropNav li .dreLink {
    display: block;
  }

  #header .dropNav li .batLink {
    padding-top: 2px;
  }

  #header .dropNav li .kitLink a span,#header .dropNav li .batLink a span,#header .dropNav li .dreLink a span,#header .dropNav li .watLink01 a span {
    font-size: 120%;
    letter-spacing: 1px;
  }

  #header .dropNav .menu {
    float: none;
    text-align: center;
    padding: 0;
    width: 100%;
  }

  #header .dropNav .menu li {
    display: inline-block;
    float: none;
    padding: 0 0 27px;
    width: 30%;
  }

  #header .dropNav .menu li span {
    font-weight: 400;
  }

  #header .dropNav .menu li a .fs1 {
    display: none;
  }

  #header .dropNav .menu li .spIcon {
    display: block;
    height: 42px;
    margin: 0;
  }

  #header .dropNav .menu .home01 {
    display: none;
  }

  #header .dropNav .menu .home02 {
    display: inline-block;
  }

  #header .dropNav .menu .home02 .spIcon {
    height: 47px;
  }

  #header .searchBox {
    top: 60px;
    overflow: hidden;
  }

  #header .searchBox .search {
    float: right;
    margin: 0 27px 0 0;
    padding: 22px 0 0;
    width: 266px;
  }

  #header .searchBox .search .fSearch01 {
    border-radius: 0;
  }

  #footerTop {
    overflow: hidden;
    padding: 0 20px;
  }

  #footerTop .footerTopInner {
    width: 100%;
  }

  #footerTop .fb {
    display: none;
  }

  #footerTop .spFb {
    display: block;
    margin-top: 3px;
  }

  #footer {
    padding-bottom: 30px;
  }

  #footer .footerLink {
    width: auto;
    margin-bottom: 0;
    padding: 38px 10px 5px 20px;
  }

  #footer .footerLink li a {
    font-size: 95%;
  }

  #footer .footerLink .linkBox {
    display: none;
  }

  #footer .footerLink .linkBox li {
    font-size: 11px;
    letter-spacing: 1px;
    padding-bottom: 8px;
  }

  #footer .footerBox .fBox ul li {
    vertical-align: top;
  }

  #footer .footerBox .fBox ul li a {
    background: none !important;
  }

  #footer .footerBox .fBox ul li img {
    vertical-align: top;
  }

  #footer .footerLink .subLink {
    display: block;
    float: none;
    overflow: hidden;
    width: 100%;
  }

  #footer .footerLink .subLink ul {
    float: left;
    width: 50%;
  }

  #footer .footerLink .subLink .linkList {
    float: right;
    width: 50%;
  }

  #footer .footerBox {
    border-top: none;
  }

  #footer .footerBox .fBox {
    width: 100%;
  }

  #footer .footerBox .fBox p {
    border-top: 1px solid #666;
    float: none;
    padding: 40px 20px 0;
    width: auto;
  }

  #footer .footerBox .fBox p span {
    display: block;
    font-size: 90%;
    margin: 10px 0 0;
  }

  #footer .footerBox .fBox ul {
    float: none;
    margin-bottom: 25px;
    text-align: center;
    width: 100%;
  }

  #footer .footerBox .fBox ul li {
    display: inline-block;
    float: none;
    padding: 0 13px;
    text-align: left;
  }

  #footer .footerBox .fBox ul li a {
    border-color: #999;
    border-radius: 32px;
    padding: 9px 0 0 13px;
    width: 41px;
    height: 45px;
  }

  #footer .footerBox .fBox ul li a:hover {
    border-color: #999;
  }

  #footer .footerBox .fBox ul li a img {
    display: none;
  }

  #footer .footerBox .fBox ul li a .ipdImg {
    display: block;
  }

  #contents .topInner .photoBox br.hide {
    display: inline;
  }

    #header {
    margin-bottom: 26px;
  }

  #breadcrumb {
    display: none;
  }

#contents .h1ttl {
margin: -12px 0 12px;
}

#contents .topmainsection {
    margin-bottom: 35px;
}

#contents .topmainsection p.leadtext {
display: none;
}


.topInner {
overflow: hidden;
}

.main-slider {
position: relative;
overflow: hidden;
}
.main-slider .item {
display: none;
}
.main-slider .item:nth-child(1) {
display: block;
}
.main-slider.slick-initialized .item{
  display: block;
}
/*.main-slider video {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}*/
.item.img03 {
display: none;
}

#contents .h2ttl03 {
border-top: 2px #000 solid;
background: none;
padding-top: 8px;
font-size: 150%;
display: block;
margin-bottom: 16px;
}

#contents article {
    margin-bottom: 35px;
}
#contents #contentsMain {
    padding: 0 30px;
    max-width: none;
    width: auto;
    float: none;
}
#contents .showroom_cation/*,
#contents .showroom_cation_temp*/ {
display: none;
}

#contents .howto.mB50 {
margin-bottom: 0!important;
}
#contents .howto .contentsBoxL {
  width: 50%!important;
  float: left!important;
}

#contents .howto .contentsBoxR {
  width: 50%!important;
    float: right!important;
}
#contents .contentsBox.howto li {
border-bottom: none;
font-size: 110%;
line-height: 1.2;
padding: 0 5px;
}
.contentsBox.howto img {
max-width: 160px;
min-width: 80px;
width: 50%;
height: auto;
}
#contents .howto .mB15 {
margin-bottom: 0!important;
}

article.bg_map.mB60 {
  background: none;
  height: auto;
  margin-bottom: 40px;
}

article.bg_map .map_box01, article.bg_map .map_box02, article.bg_map .map_box03, article.bg_map .map_box04, article.bg_map .map_box05, article.bg_map .map_box06, article.bg_map .map_box07, article.bg_map .map_box08 {
display: none;
}

.tabbox {
display: block;
overflow: hidden;
margin-bottom: 10px;
}
article.bg_map p {
display: block;
    font-weight: 700;
    border-bottom: 1px dotted #999;
    padding-bottom: 5px;
    margin-bottom: 10px;
  background:#fff;
  color:#333333;
  padding: 12px 0 12px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
article.bg_map p span {
display: block;
  background: url(../images/icon_arrow_down.png) no-repeat right center;
  margin-right: 15px;
}
article.bg_map p.active {
background: #DADADA!important;
border-bottom: none!important;
    padding-bottom: 23px!important;
    margin-bottom: 0!important;
}
article.bg_map p.active span {
  background: url(../images/icon_arrow_up.png) no-repeat right center;
}
article.bg_map .sp_list_box {
overflow: hidden;
background: #DADADA;
border-bottom:  dotted 1px #ccc;
padding: 10px 0;
}

article.bg_map ul {
overflow: hidden;
margin-bottom: 0;
}
article.bg_map li {
  float: left;
  width: 50%;
  color:#333333;
  border: none;
display: block;
padding: 0!important;
border-bottom:  solid #fff 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
article.bg_map li:nth-child(2n+1) {
border-right:  solid #fff 1px;
}
article.bg_map li.sp_border_none {
border-bottom: none;
}
article.bg_map li a {
display: block;
  color:#333333;
  text-decoration: none;
  padding: 12px 0 12px 20px;
  margin-right: 15px;
  background: url(../images/icon_arrow_right.png) no-repeat right center;
}

.tabbox p {
width: 48%;
float: left;
}
.tabbox p:nth-child(2) {
float: right;
}

.tabbox ul.sp_list_box {
clear: both;
display: none;
}

#contents article.bg_map .contentsBox {
position: inherit;
  left: auto;
  bottom: auto;
  width: 100%;
}
#contents article.bg_map .contentsBox .contentsBoxL {
  width: 100%;
  float: none;
}
#contents article.bg_map .listLink03 {
    font-size: 100%;
    border-bottom: 1px dotted #ccc;
}
#contents article.bg_map p.listLink03 {
padding: 5px 5px 5px 10px;
margin-bottom: 0;
}
article.bg_map .listLink03 a {
  background: url(/common/css/images/link_icon_03.png) right center no-repeat;
  padding: 0;
  margin-right: 5px;
  display: flex;
	align-items: center;
}

#contents .sideBnr {
	float: none !important;
	margin: 40px auto 0 !important;
}
#sideInc,
#sideNav {
    float: none;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
}
#sideNavMain.sideNavMainTop {
display: none;
}

#sideInc{
margin-top:40px;
}
.showroomTop #sideInc{
margin-top:100px;
}
#sideInc .wrapLinkBnr{
margin-bottom:20px;
}

/* reserve
----------------------------------------*/
#contents .reserve span {
    position: relative;
    top:auto;
    right:auto;
}

/* showroom
========================================*/

#contents .contentsBox.howto img {
display: block;
margin:  0 auto 10px;
}
#contents .contentsBox.howto ul.listLink03 {
border: none;
}
#contents .contentsBox.howto ul.listLink03 li a {
text-align: center;
color:#333;
text-decoration: none;
background: none;
padding: 0;
border: none;
}
#contents .howto ul.listLink03.mB15 {
margin-bottom:15px!important;
}
#contents.showroom #contentsMain {
margin-bottom: 90px;
}

#contents.showroom .showroom-slider {
margin-bottom: 30px;
}
#contents.showroom .showroom_lead_text {
display: none;
margin-bottom: 15px;
}
#contents.showroom #btn_form {
margin: 0 0 40px !important;
}
#contents.showroom .btnType02 {
text-align: center;
}
#contents.showroom .contentsBox.btn_exhibition .contentsBoxL,
#contents.showroom .contentsBox.btn_exhibition .contentsBoxR {
    width: 250px;
    float: none;
    margin: 0 auto;
}
#contents.showroom .contentsBox.btn_exhibition .contentsBoxL {
margin-bottom: 20px;
}
#contents.showroom .contentsBox.btn_exhibition .contentsBoxL .listLink03 li a,
#contents.showroom .contentsBox.btn_exhibition .contentsBoxR .listLink03 li a {
    background-position: 220px center;
}
#contents.showroom .h2ttl {
    border-top: 2px #000 solid;
    background: none;
    padding-top: 8px;
    font-size: 150%;
    display: block;
    margin-bottom: 16px;
    width: auto;
}

#contents.showroom .showroom_cation,
#contents.showroom .showroom_cation_temp {
display: block;
margin-bottom: 40px;
}
#contents.showroom .showroom_cation .boxA01,
#contents.showroom .showroom_cation_temp .boxA01 {
padding: 15px;
}
#contents.showroom .showroom_cation .boxA01 h2.title ,
#contents.showroom .showroom_cation_temp .boxA01 h2.title {
    font-size: 150%;
    margin-bottom: 16px;
}
#contents.showroom .showroom_use_link {
display: none;
}

/*#contents.showroom .detail {
position: relative;
}
#contents.showroom .detail #detail {
position: absolute;
top:-120px;
}*/
#contents.showroom .contentsBox02L,
#contents.showroom .contentsBox02R {
    width: 100%;
    float: none;
    margin-bottom: 20px;
}


#contents.showroom .linkTable th {
    display: block;
    border: none;
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
box-sizing: border-box;
}
#contents.showroom .linkTable td {
    display: block;
    -webkit-box-sizing: border-box;
box-sizing: border-box;
}

#contents.showroom .bdrTable th {
    display: block;
    border: none;
    background: #f2f2f2;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
box-sizing: border-box;
}
#contents.showroom .bdrTable th[colspan] {
    background: #e4e4e4;
}
#contents.showroom .bdrTable td {
    display: block;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
box-sizing: border-box;
}

#contents.showroom .mapimg_box {
margin:0 auto 20px;
}

/*#contents.showroom .events {
position: relative;
}
#contents.showroom .events #events {
position: absolute;
top: -120px;
}*/
#contents.showroom .h3ttl {
    width: 100%;
}
#contents.showroom .events .uniTable th,
#contents.showroom .events .uniTable td {
    padding: 10px 8px;
}

#contents.exhibition h1 {
margin-bottom: 30px;
}
#contents.exhibition .txtAR {
display: none;
}
#contents.exhibition .h2ttl {
    border-top: 2px #000 solid;
    background: url(../images/icon_plus.png) no-repeat right center;
    display: block;
    margin-bottom: 5px;
    padding: 20px 0 15px;
    width: auto;
}
#contents.exhibition .h2ttl.active {
    background: url(../images/icon_minus.png) no-repeat right center;
}
#contents.exhibition .uniTable {
width: 100%;
display: none;
}
#contents.exhibition .uniTable thead {
display: none;
}
#contents.exhibition .uniTable th,
#contents.exhibition .uniTable td {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
}
#contents.exhibition .uniTable td {
margin-bottom: 20px;
border-left: none;
}

#contents.exhibition .uniTable td:nth-child(n+1):before {
  background-color: #e4e4e4;
  display: block;
  padding: 10px 15px;
  margin: -10px -15px 10px;
}
#contents.exhibition .uniTable td:nth-child(1) {
background: #999;
color:#fff;
margin-bottom: 0;
}

#contents.exhibition .uniTable td:nth-child(1) a {
display: inline-block;
float: right;
color:#fff;
text-decoration: none;
padding-right: 10px;
background: url(../images/icon_arrow_fff.png) no-repeat right center;
}

}

.showroom_use_link .contentsBox .contentsBoxL a,
.showroom_use_link .contentsBox .contentsBoxR a {
  display: block;
}
.showroom_use_link .contentsBox .contentsBoxL img,
.showroom_use_link .contentsBox .contentsBoxR img {
  max-width: 100%;
}
.showroom_use_link .contentsBox a[target="_blank"] {
  background-image: none !important;
  padding-right: 0 !important;
}
@media all and (min-width: 0px) and (max-width: 640px) {
  #contents .showroom_use_link .contentsBox .contentsBoxL,
  #contents .showroom_use_link .contentsBox .contentsBoxR {
    width: 100%;
    float: none;
  }
  #contents .showroom_use_link .contentsBox .contentsBoxL {
    margin-bottom: 20px;
  }
}



/* hidden
----------------------------------------*/

@media (min-width: 641px) {
  .hidden-desktop {
    display: none !important;
  }
}
@media (max-width: 640px) {
  .hidden-mobile {
    display: none !important;
  }
}



/* showroom top title
----------------------------------------*/

.h1ttl.title-text {
  letter-spacing: 5px;
  text-align: center;
}



/* section showroom
----------------------------------------*/

.section-visual {
  margin: 0;
}

.section-showroom {
  margin: 60px 0 0;
}
@media (max-width: 640px) {
  .section-showroom {
    margin: 40px 0 0;
    padding: 0 20px;
  }
}
.section-showroom * {
  box-sizing: border-box;
}

.section-showroom .title-01 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 24px;
  line-height: 1.2;
  text-align: center;
}
@media (max-width: 640px) {
  .section-showroom .title-01 {
    margin: 0 0 10px;
    font-size: 22px;
  }
}

.section-showroom .title-02 {
  margin: 0 0 10px;
  padding: 0;
  font-size: 13px;
  line-height: 1.4;
  text-align: center;
}
@media (max-width: 640px) {
  .section-showroom .title-02 {
    margin: 0 0 10px;
    font-size: 14px;
  }
}

.section-showroom .title-03 {
  margin: 0 0 15px;
  padding: 0 0 0 15px;
  font-size: 20px;
  line-height: 1.4;
  text-align: left;
  border-left: solid 2px #ccc;
}
@media (max-width: 640px) {
  .section-showroom .title-03 {
    margin: 0 0 10px;
    padding: 10px 0 0;
    border-top: solid 2px #000;
    border-left: none;
  }
}

.section-showroom .text-lead {
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.8;
}
@media (max-width: 640px) {
  .section-showroom .text-lead {
    font-size: 14px;
  }
}

.section-showroom .text-lead.text-center {
  text-align: center;
}



/* image
----------------------------------------*/

.image-max {
  display: block;
  max-width: 100%;
  height: auto;
}



/* text
----------------------------------------*/

.text-bold {
  font-weight: bold !important;
}

.text-small {
  font-size: 76%;
}

/* top visual
----------------------------------------*/

.section-visual .visual img {
  display: block;
  max-width: 100%;
  height: auto;
}



/* top visual
----------------------------------------*/

#section-area {
  margin-top: 40px;
}



/* box list
----------------------------------------*/

.section-showroom .boxList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}

.section-showroom .boxList.list-2col > li {
  width: calc(50% - (20px / 2));
}
@media (max-width: 640px) {
  .section-showroom .boxList.list-2col > li {
    width: 100%;
  }
}

.section-showroom .boxList.list-3col > li {
  width: calc(33.33333% - (40px / 3));
}
@media (max-width: 640px) {
  .section-showroom .boxList.list-3col > li {
    width: 100%;
  }
}



/* line link
----------------------------------------*/

.section-showroom .lineLink-01 a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 15px;
  padding: 10px 40px 10px 10px;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  text-decoration: none;
  background-image: url('/showroom/images/icon_arrow_b.png');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 30px auto;
  border-top: dotted 1px #b1b1b1;
  border-bottom: dotted 1px #b1b1b1;
  transition: background-color 0.3s ease;
}
@media (max-width: 640px) {
  .section-showroom .lineLink-01 a {
    font-size: 13px;
  }
}

.section-showroom .lineLink-01 a .showroom-icon {
  display: block;
  max-width: 34px;
}
.section-showroom .lineLink-01 a .showroom-icon img {
  display: block;
  margin: 0 auto;
  width: auto;
  max-width: 34px;
  width: auto;
  max-height: 34px;
}
.section-showroom .lineLink-01 a:hover {
  color: #000;
  text-decoration: none;
  background-color: #eee;
}



/* box list for link list
----------------------------------------*/

@media (max-width: 640px) {
  .section-showroom .boxList.linkListType {
    gap: 0;
  }
  .section-showroom .boxList.linkListType > li:nth-child(n+2) .lineLink-01 a {
    border-top: none;
  }
}



/* bnr link
----------------------------------------*/

.bnrLink-01 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}
.bnrLink-01 a {
  display: block;
}
.bnrLink-01 a[target='_blank'] {
  display: block !important;
  padding: 0 !important;
  background-image: none !important;
}
.bnrLink-01 a img {
  display: block;
  width: 100%;
  height: auto;
}
.bnrLink-01 .bnrLink-caption {
  font-size: 13px;
  line-height: 1.8;
  text-align: left;
}



/* event box
----------------------------------------*/

.event-box {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  padding: 30px;
  gap: 50px;
  background-color: #eee;
}
@media (max-width: 640px) {
  .event-box {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    gap: 15px;
  }
}

.event-box .event-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 180px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
  border: solid 1px #454646;
}
@media (max-width: 640px) {
  .event-box .event-title {
    flex-direction: row;
    align-items: flex-start;
    padding: 10px;
    width: 100%;
    font-size: 13px;
  }
}

.event-box .event-body {
  width: 670px;
}
@media (max-width: 640px) {
  .event-box .event-body {
    width: 100%;
  }
}



/* section area
----------------------------------------*/

/* area list for desktop */
.section-showroom .areaList-desktop {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  margin: 40px 0 0;
  padding: 0;
}
@media (max-width: 640px) {
  .section-showroom .areaList-desktop {
    display: none;
  }
}

.section-showroom .areaList-desktop > li {
  position: relative;
  display: block;
  width: calc(25% - (60px / 4));
}

.section-showroom .areaList-desktop .areaItem {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  border: solid 1px #b1b1b1;
  border-radius: 5px;
  z-index: 0;
}
.section-showroom .areaList-desktop .areaItem > a {
  position: relative;
  display: block;
  padding: 20px;
  font-size: 15px;
  line-height: 1.2;
  text-align: center;
  color: #000;
  text-decoration: none;
  background-color: #fff;
  transition: background-color 0.3s ease;
}
.section-showroom .areaList-desktop .areaItem > a:hover {
  color: #000;
  background-color: #eee;
}
.section-showroom .areaList-desktop .areaItem > a .showroom-icon {
  position: absolute;
  top: calc(50% - (15px / 2));
  right: 20px;
  width: 15px;
  height: 15px;
  fill: #000;
  transition: transform 0.3s ease;
}
.section-showroom .areaList-desktop .areaItem > a.active {
  color: #000;
  background-color: #eee;
}
.section-showroom .areaList-desktop .areaItem > a.active .showroom-icon {
  transform: rotate(180deg);
}

.section-showroom .areaList-desktop .areaItem-detail {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  width: 100%;
  padding: 20px 0 0;
  z-index: 10;
}

.section-showroom .areaList-desktop .areaItem-list {
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  background-color: #fff;
  border: solid 1px #b1b1b1;
  border-radius: 5px;
}
.section-showroom .areaList-desktop .areaItem-list > li > a {
  position: relative;
  display: block;
  padding: 20px;
  font-size: 15px;
  line-height: 1.2;
  text-align: center;
  color: #000;
  text-decoration: none;
  background-color: #fff;
  transition: background-color 0.3s ease;
}
.section-showroom .areaList-desktop .areaItem-list > li > a:hover {
  color: #000;
  background-color: #eee;
}

.section-showroom .areaList-desktop .areaItem-list > li ~ li > a {
  padding-top: 21px;
}
.section-showroom .areaList-desktop .areaItem-list > li ~ li > a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 20px;
  width: calc(100% - 40px);
  height: 1px;
  background-color: #ccc;
}


/* area list for mobile */
.section-showroom .areaList-mobile {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  margin: 40px 0 0;
  padding: 0;
}
@media (min-width: 641px) {
  .section-showroom .areaList-mobile {
    display: none;
  }
}
.section-showroom .areaList-mobile > li {
  position: relative;
  display: block;
  width: 100%;
}

.section-showroom .areaList-mobile > li .areaGroup {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}

.section-showroom .areaList-mobile .areaItem {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  border: solid 1px #b1b1b1;
  border-radius: 5px;
  width: calc(50% - (20px / 2));
  z-index: 0;
}
.section-showroom .areaList-mobile .areaItem > a {
  position: relative;
  display: block;
  padding: 15px;
  font-size: 16px;
  line-height: 1.2;
  text-align: left;
  color: #000;
  text-decoration: none;
  background-color: #fff;
  transition: background-color 0.3s ease;
}
.section-showroom .areaList-mobile .areaItem > a .showroom-icon {
  position: absolute;
  top: calc(50% - (13px / 2));
  right: 15px;
  width: 13px;
  height: 13px;
  fill: #000;
  transition: transform 0.3s ease;
}
.section-showroom .areaList-mobile .areaItem > a.active {
  color: #000;
  background-color: #eee;
}
.section-showroom .areaList-mobile .areaItem > a.active .showroom-icon {
  transform: rotate(180deg);
}

.section-showroom .areaList-mobile .areaItem-detail {
  display: none;
  width: 100%;
  padding: 20px 0 0;
  z-index: 10;
}

.section-showroom .areaList-mobile .areaItem-list {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #fff;
  border: solid 1px #b1b1b1;
  border-radius: 5px;
}
.section-showroom .areaList-mobile .areaItem-list > li {
  width: 50%;
}
.section-showroom .areaList-mobile .areaItem-list > li > a {
  position: relative;
  display: block;
  padding: 15px;
  font-size: 14px;
  line-height: 1.2;
  text-align: left;
  color: #000;
  text-decoration: none;
  background-color: #fff;
  border-bottom: solid 1px #ccc;
  transition: background-color 0.3s ease;
}
.section-showroom .areaList-mobile .areaItem-list > li:nth-child(2n+1) > a {
  border-right: solid 1px #ccc;
}
/* 繝ｪ繧ｹ繝医�譛蠕後′螂�焚縺ｮ蝣ｴ蜷医�縲∽ｸ狗ｷ壹ｒ蜑企勁 */
.section-showroom .areaList-mobile .areaItem-list > li:last-child:nth-child(odd) > a {
  border-bottom: none;
}
/* 繝ｪ繧ｹ繝医�譛蠕後′蛛ｶ謨ｰ縺ｮ蝣ｴ蜷医�縲∵怙蠕後°繧�2繧ｫ繝ｩ繝�蛻��荳狗ｷ壹ｒ蜑企勁 */
.section-showroom .areaList-mobile .areaItem-list:has(> li:last-child:nth-child(even)) > li:nth-last-child(-n+2) > a {
  border-bottom: none;
}



/* section reservation
----------------------------------------*/

#section-reservation.section-showroom {
  padding: 0 195px;
}
@media (max-width: 640px) {
  #section-reservation.section-showroom {
    padding: 0 20px;
  }
}



/* section event
----------------------------------------*/

@media (max-width: 640px) {
  #section-event.section-showroom {
    padding: 0;
  }
}

/* #contents.use add Style
----------------------------------------*/
#contents.use .listLink03 li a {
	background-image: url(/showroom/images/icon_arrow_b.png);
	background-size: 25px 25px;
	background-position: right 10px center !important;
}
@media (max-width: 640px) {
	#contents.use p,
	#contents.use li {
		font-size: 14px;
	}
	#contents.use {
		margin-bottom: 40px;
	}
	#contents.use ul.listLink03.none-border {
		border-top: none;
	}
}

/* 個別調整
----------------------------------------*/
@media (max-width: 640px) {
	.sp-mB10{
		margin-bottom: 10px !important;
	}
	.sp-mB20{
		margin-bottom: 20px !important;
	}
	.sp-mB50{
		margin-bottom: 50px !important;
	}}
