@charset 'utf-8';
/*
 * name:showroom.css
 * author:Sovanda
*/

/* showroom
------------------------------------------------ */
#page--title { padding-bottom: 0; border: none; margin-bottom: 45px; }
.pt-60{ padding-top: 60px !important; }
.pt-100{ padding-top: 100px; }

.pageTitle--alert { position: absolute; width: 100%; left: 50%; bottom: 10%; transform: translate(-50%,0); color: #B42B1E; text-align: center; }
.pageTitle--alert dt { font-size: 20px; font-size: 2rem; font-weight: bold; letter-spacing: .072em; margin-bottom: .3em; }
.pageTitle--alert dd { font-size: 16px; font-size: 1.6rem; font-weight: 500; letter-spacing: .072em; }

	@media screen and (max-width: 1366px) {
		#pageTitle img { width: 100%; height: 420px; object-position: center; object-fit: cover; display: block; overflow: hidden; }
	}

	@media screen and (max-width: 768px) {
		#pageTitle img { width: 100%; height: auto; }
		.pageTitle--alert { bottom: 12px; }
		.pageTitle--alert dt { font-size: 15px; font-size: 1.5rem; }
		.pageTitle--alert dd { font-size: 12px; font-size: 1.2rem; }
	}
.showroom__block--title { text-align: center; font-size: 24px; font-size: 2.4rem; letter-spacing: 0.04em; line-height: 1.2; color: #011e41; margin-bottom: 40px; }
.showroom__block--title:after { content: ''; display: block; margin: 28px auto 0; width: 40px; height: 2px; background: #272727; }
.showroom__content--pic { display: block; margin-bottom: 95px; }
.showroom__content--desc { position: relative; max-width: 830px; margin: 0 auto; font-size: 16px; font-size: 1.6rem; letter-spacing: 0.024em; line-height: 1.875; margin-bottom: 70px; }
.showroom__content--desc02{ font-size: 2rem; font-weight: 500; text-align: center; letter-spacing: 0.072em; line-height: calc(34 / 20); color:#011E41; }
.showroom__content--desc03{ margin-top: 20px; font-size: 1.6rem; font-weight: bold; color:red; text-align: center; letter-spacing: 0.072em; }
.showroom__block__note { display: flex; flex-wrap: wrap; align-items: center; max-width: 1000px; margin: 50px auto 0; background: #F8F8F8; -webkit-box-sizing: border-box; box-sizing: border-box; }
.showroom__block__note--text { font-size: 14px; font-size: 1.4rem; line-height: calc( 26 / 14); color: #011E41; width: 55%; padding-left: 5%; padding-right: 1.8%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.showroom__block__note--text dt { display: block; max-width: 46%; margin-bottom: .71em; }
.showroom__block__note--pic { width: 45%; }

	@media screen and (max-width: 1040px) {
		.showroom__block__note--text { font-size: 1.346vw; }
	}

.showroom__content__address { max-width: 1000px; margin: 60px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.showroom__content__address--desc{ width: 410px; }
.showroom__content__address--map{ width: calc(100% - 450px); }
.showroom__content__address--map iframe{ width: 100%; height: 360px; }
.showroom__content__address--desc dt{ font-size: 1.6rem; font-weight: bold; color:#011E41; line-height: calc(33 / 16); letter-spacing: 0.072em; }
.showroom__content__address--desc dt:not(:nth-child(-n+1)){ padding-top: 12px; }
.showroom__content__address--desc dd{ padding-bottom: 14px; font-size: 1.4rem; font-weight: 400; color:#011E41; letter-spacing: 0.072em; line-height: calc(24 / 14); border-bottom: 1px dashed #707070; }
.showroom__content__address--link{ margin-top: 10px; display:inline-block; font-size: 1.6rem; font-weight: bold; color:#1A67D0 !important; border-bottom: 1px solid #1A67D0; letter-spacing: 0.048em; line-height: calc(30 / 16); }
.showroom__slider{ max-width: 1000px; margin: 26px auto 0; }
.showroom__content--contact { font-size: 16px; font-size: 1.6rem; line-height: 1.875; letter-spacing: 0.024em; max-width: 1000px; padding: 30px 8.4%; margin: 110px auto 0; border: 3px solid #011E41; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.showroom__form { padding-top: 115px; position: relative; max-width: 790px; margin: 0 auto; }
.showroom__form input[type=text],
.showroom__form input[type=tel],
.showroom__form input[type=email],
.showroom__form input[type=reset],
.showroom__form input[type=submit],
.showroom__form input[type=number],
.showroom__form input[type=button],
.showroom__form select,
.showroom__form textarea,
.showroom__form button { -webkit-appearance: none; appearance: none; outline: none; background: none; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.showroom__form input[type=tel],
.showroom__form input[type=text],
.showroom__form input[type=email],
.showroom__form input[type=number],
.showroom__form textarea,
.showroom__form select { font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Meiryo','メイリオ','ＭＳ Ｐゴシック','MS P Gothic',Osaka,Arial,Helvetica,Verdana,sans-serif; padding: 5px 15px; height: 40px; width: 100%; font-size: 1.4rem; box-sizing: border-box; border:1px solid #CECECE; }
.showroom__form textarea{ height: 200px; resize: none; vertical-align: top; }
.showroom__form input[type=number] { padding: 5px 0 5px 10px; }
.showroom__form input[type=submit]{ cursor: pointer; width: 100%; height: 60px; font-size: 1.8rem; font-weight: 600; letter-spacing: 0.04em; line-height: 1; text-align: center; color:#fff; background-color: #011e41; border:0; border-radius: 0; }
.showroom__form input[type=radio] { position: relative; width: 22px; height: 22px; background: none; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #CECECE; -webkit-appearance: none; outline: none; appearance: none; display: inline-block; vertical-align: middle; margin-right: 4px; }
.showroom__form input[type=radio]:after{ display: inline-block; position: absolute; left: 4px; top: calc(50% - 5px); content: ''; width: 10px; height: 10px; background-color:#fff; border-radius: 50%; }
.showroom__form input[type=radio]:checked:after{ background-color: #3B4043; }
.showroom__form span.wpcf7-list-item { margin-left: 40px; }

.showroom__form .showroom__block--title:after { display: none; }
.showroom__form--desc { font-size: 16px; font-size: 1.6rem; line-height: 1.875; letter-spacing: 0.024em; }
.showroom__form__content { margin-top: 45px; }

.form__block { padding: 45px 0 40px; border-top: 1px dashed #CECECE; }
.form__block:last-child { border-bottom: 1px dashed #CECECE; }
.form__block:last-child .form__block--table tr:last-child th { vertical-align: top; padding-top: 18px; }
.form__block--title { font-size: 20px; font-size: 2rem; letter-spacing: 0.04em; line-height: 1.2; margin-bottom: 18px; }
.form__block--table { width: 100%; border-collapse: collapse; }
.form__block--table tr th,
.form__block--table tr td { font-size: 1.6rem; font-size: 1.6rem; font-weight: normal; color:#011E41; letter-spacing: 0.04em; padding: 9px 0; text-align: left; vertical-align: middle; }
.form__block--table tr th { width: 178px; }
.form__block--table tr th .alert { font-size: 14px; font-size: 1.4rem; display: inline-block; margin-left: 10px; color: #CE1017; }
.form__block--table tr th .alert.g { color: #0D841F; }
.form__block--table tr td .break .wpcf7-form-control-wrap { display: block; }
.form__block--table tr td .break .wpcf7-form-control-wrap:not(:last-child) { margin-bottom: 18px; }
.form__block--table tr td .md { max-width: 320px; }
.form__block--table tr td .sm { width: 52px; }
.form__block--table tr td .sl { width: 130px; }

.visit-status{ display: block; padding: 10px 0; }
.visit-status span.wpcf7-list-item.first{ margin-left: 0; }
.visit-status span.wpcf7-list-item.last{ margin:16px 0 0 0; }

.form__block--lists dt,
.form__block--lists dd { display: inline-block; vertical-align: middle; }
.form__block--lists dd { margin-right: 20px; }
.form__block--lists input,
.form__block--lists select { -webkit-border-radius: 10px !important; border-radius: 10px !important; }
.form__block--lists select { padding: 5px 10px !important; -webkit-appearance: listbox; appearance: listbox !important; }
.form__block--lists .wpcf7-form-control-wrap .wpcf7-not-valid { border-color: #ce1017 !important; }
.form__block--lists .wpcf7-form-control-wrap span.wpcf7-not-valid-tip { display: none; }

.form--btn { position: relative; display: block; max-width: 680px; margin: 50px auto 0; }

.showroom__exhibition { margin: 0 auto; max-width: 900px; }
.showroom__exhibition--txt{ margin-top: -10px; font-size: 1.6rem; font-weight: 400; color:#090707; text-align: center; letter-spacing: 0.024em; line-height: 1.87; }
.showroom__exhibition--banner{ margin-bottom: 95px; }
.showroom__exhibition--table{ width: 100%; max-width: 800px; margin:28px auto 0; border-collapse: collapse; }
.showroom__exhibition--table thead th{ height: 33px; font-size: 1.4rem; font-weight: 700; text-align: center; letter-spacing: 0.048em; line-height: 2.1; background-color: #011E41; color:#fff; }
.showroom__exhibition--table tbody td{ position: relative; padding: 12px 20px; font-size: 1.4rem; font-weight: 400; vertical-align: top; color:#011E41; line-height: 2.14; letter-spacing: 0.048em; border-bottom: 1px solid #D3D3D3; }
.showroom__exhibition--table tbody td:first-child{ text-align: center; }
.showroom__exhibition--table tbody td:not(:nth-child(-n+1)){ border-left:1px dashed #D3D3D3; }
.showroom__exhibition--table tbody td:last-child a{ position: relative; display: block; text-indent: 0.5em; border:1px solid #011e41; border-radius: 2px; min-width: 60px; }
.showroom__exhibition--table tbody td:last-child a:after{
	content: '';
    display: block;
    width: 7px;
    height: 12px;
    position: absolute;
    right: .5em;
    top: 50%;
	color:#011e41;
	transform: translateY(-50%);
    background: url(../../img/share/icon_arrow_b_2.svg) no-repeat;
    background-size: 100%;
}
.showroom__exhibition--table i{ position: absolute; width: 20px; height: 20px; right: 5px; bottom: 17px; background: url(../../img/lp/top/2025/nasa_space.png) no-repeat center / contain; }
.showroom__exhibition--noted{ display: table; margin: 27px auto 0; color: #8b1010; font-size: 1.4rem; font-weight: 400; line-height: 2.14; letter-spacing: 0.024em; }
.showroom__exhibition--noted i{ position: relative; top: 4px; left: 1px; display: inline-block; width: 20px; height: 20px; right: 5px; bottom: 17px; background: url(../../img/lp/top/2025/nasa_space.png) no-repeat center / contain; }
.showroom__exhibition--table .cancel{ margin-left: 16px; display: inline-block; padding: 5px 0; width: 50px; font-size: 1.2rem; font-weight: 400; color:#fff; line-height: 1; text-align: center; background-color: #8B1010; border-radius: 11px; }
.showroom__exhibition--table .txt-red{ color: #8b1010; }
.showroom__exhibition--table .txt-link{ text-decoration: underline; }
.showroom__exhibition--table .txt-link:hover{ text-decoration: none; }

.showroom__news{ margin-top: 85px; }

.newsList__block { position: relative; max-width: 780px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
.newsList__block ul li { background: #fff; border-bottom: 1px solid #989898; }
.newsList__block ul li:first-child { border-top: 1px solid #989898; }
.newsList__block ul li a { display: block; padding: 24px 16px; }
.newsList__block ul li a span { display: inline-block; vertical-align: top; }
.newsList__block--tag { width: 103px; font-size: 12px; font-size: 1.2rem; line-height: 35px; font-weight: bold; line-height: 35px; letter-spacing: 0.04em; background: #011e41; color: #fff; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; }
.newsList__block--date { padding-left: 36px; width: 134px; font-size: 16px; font-size: 1.6rem; line-height: 35px; letter-spacing: 0.06em; }
.newsList__block--title { width: calc( 100% - 273px ); font-size: 16px; font-size: 1.6rem; line-height: 35px; letter-spacing: 0.048em; height: 35px; overflow: hidden; }
.newsList__block--more { text-align: center; font-size: 16px; font-size: 1.6rem; letter-spacing: 0.1em; line-height: 36px; margin-top: 23px; }
.newsList__block--more a { display: inline-block; border-bottom: 1px solid #000; }

div.wpcf7 .ajax-loader { position: absolute; top: calc( 50% - 5px ); left: calc( 50% - 5px ); display: block; margin: 0 auto; z-index: 5; }
.wpcf7-response-output, 
.wpcf7-validation-errors { text-align: center; font-size: 16px; font-size: 1.6rem; letter-spacing: 0.04em; padding: 5px 10px; }
.form--recaptcha { display: block; max-width: 280px; margin: 0 auto; }
.form--recaptcha .wpcf7-not-valid-tip { display: none; }

/* .showroom__tag--content{ display: none; } */
.showroom__tag--head{ width: 100%; max-width: 900px; margin: 0 auto; padding-bottom: 87px; display: flex; flex-wrap: wrap; }
.showroom__tag--head li{ padding: 10px 0; transition: .2s ease; width: 50%; text-align: center; border:2px solid #011E41; color:#011E41; box-sizing: border-box; font-size: 2rem; letter-spacing: 0.15em; font-weight: normal; line-height: 2.3; cursor: pointer; }
.showroom__tag--head li.on{ background-color: #011E41; color:#fff; }

/* responsive style 
------------------------------------------------ */
@media screen and (min-width: 769px) {
	.form__block--table tr th.visit{ padding: 19px 0; vertical-align: top; }
	.showroom__exhibition--table tbody td:last-child a:hover{
		color:#fff;
		background-color: #011e41;
	}
	.showroom__exhibition--table tbody td:last-child a:hover::after{
		background-image: url(../../img/share/icon_arrow_w.svg);
	}
}
@media screen and (max-width: 1240px) {
	.showroom__content__address__desc--txt dt { font-size: 1.45vw; }
	.showroom__content__address__desc--txt dd,
	.showroom__content__address__desc--maps { font-size: 1.29vw; }
}
@media screen and (max-width: 768px) {
	
	#page--title { margin-bottom: 18px; }
	.pt-60 { padding-top: 30px !important; }
	.pt-100{ padding-top: 33px; }
	.showroom__block {  }
	.showroom__block--title { font-size: 17px; font-size: 1.7rem; margin-bottom: 20px; }
	.showroom__block--title:after { margin: 28px auto 0; width: 30px; height: 1px; }
	.showroom__content--pic { margin-bottom: 30px; }
	.showroom__content--desc { font-size: 13px; font-size: 1.3rem; line-height: 1.5; margin-bottom: 40px; }
	.showroom__content--desc02{ font-size: 1.4rem; line-height: calc(48 / 28); text-align: left; }
	.showroom__content--desc03{ margin-top: 10px; font-size: 1.4rem; line-height: calc(48 / 28); text-align: left; }
	.showroom__block__note { display: block; margin: 20px auto 0; }
	.showroom__block__note--text { font-size: 14px; font-size: 1.4rem; width: 100%; width: 100%; padding: 25px 18px; }
	.showroom__block__note--text dt { max-width: 315px; margin-left: -15px; }
	.showroom__block__note--pic { width: 100%; }

	.showroom__content__address { margin-top: 45px; }
	.showroom__content__address--desc{ width: 100%; }
	.showroom__content__address--desc dt{ font-size: 1.4rem; line-height: calc(43 / 28); }
	.showroom__content__address--desc dt{ font-size: 1.3rem; line-height: calc(44 / 26); }
	.showroom__content__address--map{ margin-top: 30px; width: 100%; }
	.showroom__content__address--link{ margin-top: 15px; font-size: 1.3rem; line-height: calc(48 / 26); }
	.showroom__content__address--map iframe{ height: 200px; }
	.showroom__slider{ margin-top: 55px; }

	.showroom__content--contact { font-size: 13px; font-size: 1.3rem; padding: 23px 25px; margin-top: 35px; line-height: 1.69; border-width: 2px; -webkit-border-radius: 3px; border-radius: 3px; }
	
	.showroom__form { padding-top: 62px; }
	.showroom__form textarea{ height: 270px; }

	.showroom__form input[type=number] { padding: 5px 0 5px 5px; }
	.showroom__form input[type=submit]{ height: 50px; font-size: 1.5rem; }
	.showroom__form input[type=radio] { width: 20px; height: 20px; border: 1px solid #CECECE; margin-right: 4px; }
	.showroom__form .radio-preferred { display: block; overflow: hidden; margin: 5px 0 0 0; }
	.showroom__form span.wpcf7-list-item { margin-left: 0; margin-right: 16px; }
	

	.showroom__form--desc { font-size: 13px; font-size: 1.3rem; line-height: 1.69; }
	.showroom__form__content { margin-top: 32px; }

	.form__block { padding: 32px 0 28px; }
	.form__block:last-child .form__block--table tr:last-child th { padding-top: 9px; }
	.form__block--title { font-size: 15px; font-size: 1.5rem; margin-bottom: 5px; }
	.form__block--table tr th,
	.form__block--table tr td { display: block; font-size: 1.4rem; font-size: 1.4rem; padding: 5px 0 9px; }
	.form__block--table tr th { width: 100%; padding: 9px 0 0; }
	.form__block--table tr th .alert { font-size: 12px; font-size: 1.2rem; margin-left: 8px; }
	.form__block--table tr td .break .wpcf7-form-control-wrap:not(:last-child) { margin-bottom: 8px; }
	.form__block--table tr td .md { max-width: 100%; }
	.form__block--table tr td .sm { width: 40px; }
	.form__block--table tr td .sl { width: 105px; }
	.form__block--lists {  }
	.form__block--lists dt,
	.form__block--lists dd { display: inline-block; vertical-align: middle; }
	.form__block--lists dd { margin-right: 8px; }
	.form__block--lists input,
	.form__block--lists select { -webkit-border-radius: 5px !important; border-radius: 5px !important; }
	.form__block--lists select { padding: 5px !important; -webkit-appearance: listbox; appearance: listbox !important; }
	.showroom__exhibition--table .cancel{ margin-left: 20px; width: 38px; font-size: 1.1rem; padding: 3px 0; }

	.form--btn { margin: 35px auto 0; }

	/*.showroom__exhibition { margin-top: 60px; }*/
	.showroom__exhibition--banner{ margin-bottom: 37px; }
	.showroom__exhibition--noted{ margin-top: 20px; display: block; font-size: 1.1rem; line-height: 1.36; }
	.showroom__exhibition--txt{ margin-top: -2px; font-size: 1.3rem; }
	.showroom__exhibition--table { margin-top: 23px; }
	.showroom__exhibition--table thead th{ font-size: 1.3rem; height: 30px; }
	.showroom__exhibition--table tbody td{ padding: 10px 10px; font-size: 1.3rem; }
	.showroom__exhibition--table tbody td:first-child {  }
	.showroom__exhibition--table thead th:first-child{ width: 70px !important; }
	.showroom__exhibition--table thead th:last-child{ width: calc(100% - 70px); }
	.showroom__exhibition--table i{ bottom: 14px; }
	.showroom__news{ margin-top: 55px; }
	.newsList__block ul li { line-height: inherit; }
	.newsList__block ul li a { display: block; padding:10px 5px; }
	.newsList__block ul li a span{ vertical-align: middle; }
	.newsList__block--tag {  padding:5px 0; width: 60px; font-size: 1rem; line-height: 1; margin-right: 8px; -webkit-border-radius: 3px; border-radius: 3px; }
	.newsList__block--date { padding: 0; margin: 0; width: calc(100% - 68px); font-size: 1rem; letter-spacing: 0.032em; line-height: 168%; }
	.newsList__block--title { display: block !important; font-size:1.3rem; width: 100%; line-height: 1.9230; letter-spacing: 0.032em; height: auto; margin-top: 2px; }
	.newsList__block--more { font-size: 4.0625vw; letter-spacing: 0.032em; line-height: 2.15; margin-top: 5%; }

	.wpcf7-response-output, 
	.wpcf7-validation-errors { font-size: 14px; font-size: 1.4rem; }
	.form--recaptcha .wpcf7-recaptcha { transform: scale(0.93); -webkit-transform: scale(0.93); transform-origin: 0 0; -webkit-transform-origin: 0 0; }
	.wpcf7-form-control.wpcf7-radio{ display: block; margin-top: -16px; }
	.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item { margin-top: 16px !important; }

	.showroom__tag--head{ padding-bottom: 30px; }
	.showroom__tag--head li{ padding: 2px 0; font-size: 1.4rem; }

}
.owl-dots{ margin-top: 10px; text-align: center; }
.owl-carousel button.owl-dot{ margin: 0 5px; width: 16px; height: 16px; border-radius: 50%; overflow: hidden; background-color: #fff; border:2px solid #707070; }
.owl-carousel button.owl-dot.active{background-color: #524E4A; border-color: #524E4A; }

@media screen and (max-width: 768px) {
	.owl-dots{ margin-top: 0; }
	.owl-carousel button.owl-dot{ width: 13px; height: 13px; border-width: 1px; margin: 0 4px; }
}
.filter-container{ display: flex; flex: wrap; align-items: center; padding-top: 2em; font-size: 1.6rem; }
.filter-container label{ padding-right: 1em; }
.filter-container select{ width: auto; min-width: 100px; background: url(../../img/share/select_arrow.png) no-repeat calc(100% - 10px) center / 10px auto; border-color: #011e41; }
.filter-reverse{ margin-left: 40px; }
@media screen and (max-width: 768px) {
	.filter-reverse{ margin: 20px 0 0; }
}

.showroom__content--list{ color: #011E41; padding-left: 1em; }
.showroom__content--list li{ text-indent: -1em; }