@charset "UTF-8";
/* ed.20230925 */

/* attention mod20201218 add*/
.n2_attention{
margin-top: 0;
margin-bottom: 40px;
}
@media (min-width: 768px) {
.n2_attention{
margin-bottom: 75px;
}
}

/* SUMU FUMU TERRACE mod20211105 add*/
@media screen and (min-width: 768px){
.n2_sumu-fumu-terrace{
margin-bottom: 75px;
}
}
.n2_sumu-fumu-terrace .n2_banner{
display: block;
padding: 0;
transition: opacity .3s;
}
.n2_sumu-fumu-terrace .n2_banner:hover{
opacity: .6;
}

/* search */
.n2_search{
border-top: 2px solid #B92424;
padding: 0 0 10px;
background: #f4f4f4;
font-weight: bold;
}
@media screen and (min-width: 768px){
.n2_search{
padding-bottom: 0;
display: flex;
height: 120px;
}
}
.n2_bg-gray .n2_search{
background: #fff;
}
.n2_hits{
border-bottom: 1px dotted #D8D8D8;
padding: 20px;
display: flex;
align-items: center;
line-height: 1.6;
}
@media screen and (min-width: 768px){
.n2_hits{
flex: 1 1 auto;
max-width: 20%;
border-right: 1px dotted #D8D8D8;
border-bottom: none;
padding: 0 0 0 30px;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
}
@media screen and (min-width: 360px){
.n2_hits br{
display: none;
}
}
.n2_hits dt{
padding-left: 30px;
font-size: 0.75rem;
line-height: 1.75;	/* mod20210107 add */
}
.n2_all-modelhouse dt{
background: url("/liaison/n2_common/images/n2_R11_icon_house.png") no-repeat left center;
background-size: 16px auto;
}
.n2_all-events dt{
background: url("/liaison/n2_common/images/n2_R11_icon_flag.png") no-repeat left center;
background-size: 20px 20px;
}
.n2_location dt{
background: url("/liaison/n2_common/images/n2_R11_icon_location.png") no-repeat left center;
background-size: 20px 20px;
}
.n2_hits dd{
margin-left: auto;
}
@media screen and (min-width: 768px){
.n2_hits dd{
margin-left: 30px;
}
}
.n2_all-modelhouse dd,
.n2_all-events dd{
font-size: 0.75rem;
margin-right: 1em;
} 
@media screen and (min-width: 768px){
.n2_all-modelhouse dd,
.n2_all-events dd{
margin-right: 0;
}
}
.n2_all-modelhouse em,
.n2_all-events em{
font-size: 1.25rem;
margin-right: 0.2em;
} 
.n2_location dd{
font-size: 1.125rem;
}
.n2_location .n2_brackets{
font-size: 0.75rem;
}
.n2_btns{
padding: 20px;
font-size:0.875rem;
color: #fff;
}
@media screen and (min-width: 768px){
.n2_btns{
flex: 0 0 700px;
flex-basis: 700px;
max-width: 700px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 30px;
font-size:0.9375rem;
}
}
.n2_btns .b-m-modal + .n2_btn-search{
margin-top: 15px;
}
@media screen and (min-width: 768px){
.n2_btns .b-m-modal,
.n2_btns > .n2_btn-search{
flex: 1 0 50%;
}
.n2_btns .b-m-modal + .n2_btn-search{
margin-top: 0;
}
}

.n2_btn-search{
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
max-width: 265px;
height: 45px;
line-height: 45px;
background: #B92424;
border-radius: 2px;
box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
color: #fff;
text-decoration: none;
outline: none;
transition: opacity 0.3s;
font-weight: 400;
cursor: pointer;
border: none;
}
.n2_btns .b-m-modal .n2_btn-search{
width: 100%;
}
@media screen and (min-width: 768px){
.n2_btn-search{
width: 100%;
max-width: 305px;
height: 57px;
margin-right: 0;
margin-left: 0;
line-height: 57px;
}
}
.n2_btn-search::before{
content: "";
display: block;
width: 15px;
height: 16px;
background: url("/liaison/n2_common/images/n2_R11_icon_search.png") no-repeat center;
background-size: 15px auto;
margin-right: 1em;
}
.n2_btn-search:hover{
opacity: 0.6;
}
.n2_btn-search em{
font-weight: 700;
}

/* copy */
.n2_lead-copy{
text-align: center;
margin-top: 1.5rem;
/*margin-bottom: 2em;*/
margin-bottom: 1.5rem; /* mod20230925 change */
font-size: 1.125rem;
font-weight: bold;
line-height: 1.7;
}
@media screen and (min-width: 768px){
.n2_lead-copy{
margin-top: 50px;
/*margin-bottom: 75px; */
margin-bottom: 50px; /* mod20230925 change */
font-size: 1.625rem;
}
}
.n2_lead-copy + p{ /* mod20230925 add */
margin-bottom: 2.25rem;
}
@media screen and (min-width: 768px){ /* mod20230925 add */
.n2_lead-copy + p{
	max-width: 44em;
margin-bottom: 75px;
}
}

/* advantages */
.n2_advantages{
padding-top: 0;
border-bottom: 1px solid #D8D8D8;	/* mod20201218 add */
}
@media screen and (min-width: 768px){
.n2_advantages{
display: flex;
flex-wrap: wrap;
padding-bottom: 0;
border-top: 1px solid #D8D8D8;	/* mod20201218 add */
background: none !important;	/* mod20201218 add */
}
}
@media screen and (max-width: 767px){
.n2_advantages .n2_figure{
margin-bottom: 40px;
}
}
.n2_advantages .n2_figure img{	/* mod20201218 add */
font-family: 'object-fit: cover;';
height: 210px;
object-fit: cover;
width: 100%;
object-position: top;
}
.n2_advantages .n2_text{
margin: 0 auto;
position: relative;
width: calc(100% - 40px);
}
@media screen and (min-width: 768px){
.n2_advantages .n2_figure{
flex-basis: 50%;
max-width: 50%;
}
.n2_advantages .n2_figure img{
/*font-family: 'object-fit: cover;'; mod20201218 del */
height: 100%;
/* mod20201218 del
object-fit: cover;
width: 100%;
*/
}
.n2_advantages .n2_text{
flex-basis: 50%;
max-width: 50%;
padding: 55px 0 60px 75px; 
}
}
.n2_advantages .n2_text > .n2_heading{
height: 75px;
border-left: 1px solid #B92424;
margin-left: -20px;
margin-bottom: 0;
padding-left: 20px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
@media screen and (min-width: 768px){
.n2_advantages .n2_text > .n2_heading{
border-left-width: 2px;
margin-bottom: 2rem;
margin-left: 0;
}
}
.n2_advantages .n2_ruby{
display: block;
color: #B92424;
line-height: 1;
font-size: 0.75rem;
background: url("/liaison/n2_common/images/n2_R11_icon_advantages.png") no-repeat left center;
background-size: 15px 12px;
padding-left: 22px;
position: absolute;
top: 0;
left: 22px;
}
.n2_advantages .n2_flex{
flex-wrap: wrap;
}
@media screen and (min-width: 768px){
.n2_advantages .n2_flex{
max-width: 534px;
margin-left: -15px;
margin-right: -15px;
}
}
.n2_advantage{
display: grid;
grid-template-rows: auto auto;
grid-template-columns: 39% auto;
display: -ms-grid;	/* for IE11 */
-ms-grid-rows: auto auto;	/* for IE11 */
-ms-grid-columns: 39% auto;	/* for IE11 */
}
@media screen and (min-width: 768px){
.n2_advantage{
flex-basis: 178px;
max-width: 178px;
display: block;
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (max-width: 767px){
.n2_advantage + .n2_advantage{
margin-top: 40px;
}
}
.n2_pict_advantages{
grid-row: 1 / 3;
grid-column: 1 / 2;
margin-right: 20px;
margin-bottom: 20px;
-ms-grid-row: 1;	/* for IE11 */
-ms-grid-column: 1;	/* for IE11 */
-ms-grid-row-span: 2;	/* for IE11 */
}
@media screen and (min-width: 768px){
.n2_pict_advantages{
margin-right: 12px;
margin-bottom: 12px;
}
}
.n2_advantage .n2_heading{
grid-row: 1 / 2;
grid-column: 2 / 3;
font-size: inherit;
margin-bottom: 0.75em;
-ms-grid-row: 1;	/* for IE11 */
-ms-grid-column: 2;	/* for IE11 */
}
@media screen and (min-width: 768px){
.n2_advantage .n2_heading{
font-size: 0.9375rem;
line-height: 2;
margin-bottom: 1em;
}
}
@media screen and (max-width: 767px){
.n2_advantage .n2_heading br{
display: none;
}
}
.n2_advantage .n2_body{
grid-row: 2 / 3;
grid-column: 2 / 3;
-ms-grid-row: 2;	/* for IE11 */
-ms-grid-column: 2;	/* for IE11 */
}
.n2_advantages .n2_link{
margin-top: 30px;
}
@media screen and (min-width: 768px){
.n2_advantages .n2_link{
margin-top: 45px;
}
}

/* event-session */
@media screen and (max-width: 767px){
.n2_event-session{
padding-top: 20px;
}
}
@media screen and (min-width: 768px){
.n2_event-session ul{
display: flex;
flex-wrap: wrap;
margin-right: -31px;
margin-bottom: -30px;
}
}
@media screen and (min-width: 768px){
.n2_event-session li{
flex-basis: 366px;
max-width: 366px;
margin-right: 31px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px){
.n2_event-session li + li{
margin-top: 30px;
}
}
.n2_event-session a{
display: block;
color: inherit;
text-decoration: none;
}
.n2_event-session p{
line-height: 2;
margin-bottom: 1.5rem;
}
.n2_event-session .n2_figure{
margin-bottom: 3px;
}
@media screen and (min-width: 768px){
.n2_event-session .n2_figure{
height: 274px;
margin-bottom: 5px;
overflow: hidden;
position: relative;
}
.n2_event-session .n2_image{
font-family: 'object-fit: cover;';
height: 100%;
object-fit: cover;
width: 100%;
transition: transform 1s, -webkit-transform 1s;
}
.n2_event-session a:hover .n2_image{
transform: scale(1.08);
}
}
.n2_event-session .n2_text dt{
font-weight: bold;
/*	mod20201218 del
background: url(/library/images/common/icon_arrow.png) no-repeat right center;
background-size: 15px 15px;
*/
}
.n2_event-session .n2_text dd{
line-height: 2;
}
@media screen and (min-width: 768px){
.n2_event-session .n2_text dt{
font-size: 1.125rem;
}
.n2_event-session .n2_text dd{
line-height: 1.7;
}
}

/* faq */
.n2_faq dl{
background: #fff;
border-radius: 2px;
border: 1px solid #D8D8D8;
}
.n2_faq dl + dl{
margin-top: 1em;
}
.n2_faq dt{
position: relative;
padding: 20px 60px 20px 40px;
font-weight: bold;
cursor: pointer;
transition: background 0.4s;
}
.n2_faq .n2_is-active{
background: #F4F4F4;
border-top-left-radius: 1px;
border-top-right-radius: 1px;
}
.n2_faq dt::before{
content: "Q.";
position: absolute;
top: 20px;
left: 1em;
}
.n2_faq dd{
position: relative;
padding: 0 1em 20px 40px;
border-bottom-left-radius: 1px;
border-bottom-right-radius: 1px;
transition: background 0.4s;
}
.n2_faq .n2_is-active + dd{
background: #F4F4F4;
}
.n2_faq dd::before{
content: "A.";
position: absolute;
top: 0;
left: 1em;
}
.n2_faq .n2_text-link{
color: inherit;
text-decoration: none;
background-color: inherit;
padding-right: 1.5em;
margin-right: 0.5em;
}

/* related-contents */
.n2_related-contents ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media screen and (min-width: 768px){
.n2_related-contents ul{
justify-content: flex-start;
margin-left: -15px;
margin-right: -15px;
}
}
.n2_related-contents li{
flex-basis: calc(50% - 5px);
max-width: calc(50% - 5px);
}
@media screen and (min-width: 768px){
.n2_related-contents li{
flex-basis: 25%;
max-width: 25%;
padding-left: 15px;
padding-right: 15px;
}
}
.n2_related-contents a{
display: block;
padding-bottom: 15px;
text-decoration: none;
color: inherit;
height: 100%;
}
.n2_related-contents dl{
background: #F4F4F4;
height: 100%;
box-shadow: 0 1px 0 0 #d8d8d8;
}
.n2_related-contents dt{
overflow: hidden;
}
@media screen and (min-width: 768px){
.n2_related-contents dt{
position: relative;
}
.n2_related-contents .n2_image{
font-family: 'object-fit: cover;';
height: 100%;
object-fit: cover;
width: 100%;
transition: transform 1s, -webkit-transform 1s;
}
.n2_related-contents a:hover .n2_image{
transform: scale(1.08);
}
}
.n2_related-contents dd{
font-weight: bold;
background: url(/library/img/common/icon_arrow.png) no-repeat right 15px top calc(15px + 0.3em);
background-size: 15px 15px;
padding: 15px 45px 15px 15px;
}
@media screen and (min-width: 768px){
.n2_related-contents dd{
display: flex;
align-items: center;
font-size: 1.125rem;
padding-top: 0;
padding-bottom: 0;
min-height: 74px;
background-position: right 15px center;
}
}

.n2_cp-banner{
padding-top: 40px;
}
@media screen and (min-width: 768px){
.n2_cp-banner{
padding-top: 75px;
padding-bottom: 75px;
}
}

@media screen and (min-width: 768px){
.b-o-localSearchNavi .b-m-modal_exhibition{
padding-left: 13px;
}
}
.b-o-localSearchNavi .b-m-modal_exhibition .b-a-simpleButton_modal{
background-image: url("/liaison/n2_common/images/n2_R11_icon_map.png");
background-size: 29px;
line-height: 1.6;
}
@media screen and (min-width: 768px){
.b-o-localSearchNavi .b-m-modal_exhibition .b-a-simpleButton_modal{
padding-top: 9px;
padding-left: 45px;
}
}
@media screen and (max-width: 767px){
.b-o-localSearchNavi .b-break{
display: none;
}
}
.b-o-localSearchNavi > .b-a-textLink .n2_icon_gps{
background-image: url("/liaison/n2_common/images/n2_R11_icon_gps.png");
background-position: center 12px;
background-size: 23px;
}
@media screen and (min-width: 768px){
.b-o-localSearchNavi > .b-a-textLink .n2_icon_gps{
padding-top: 9px;
background-position-x: 18px;
}
}

/* modal override */
/*.n2_search .b-js-localSearchNavi{ mod20201223 replacement */
.n2_search .b-o-localSearchNavi{
position: static;
border-top: none;
transform: none;
height: auto;
background: none;
}
@media screen and (max-width: 767px){
/*.n2_search .b-js-localSearchNavi{ mod20201223 replacement */
.n2_search .b-o-localSearchNavi{
display: block;
}
}
.n2_search .b-js-localSearchNavi-button{
display: none;
}

.n2_btns .b-m-modal_content{
top: 0 !important;
height: calc(100vh - 67px) !important;
}
@media screen and (max-width: 767px){
.n2_btns .b-m-modal_content-wrapper{
position: absolute;
top: 0 !important;
width: 100%;
height: 100%;
}
}
.n2_btns .b-a-simpleButton_modal-close{
right: 8px;
top: 20px;
-webkit-transform: scale(0.6);
transform: scale(0.6);
position: absolute;
z-index: 1;
}
@media screen and (max-width: 767px){
.n2_btns .b-a-simpleButton_modal-close{
right: 22px;
top: 23px;
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
.n2_btns .b-a-simpleButton_modal-close::before,
.n2_btns .b-a-simpleButton_modal-close::after{
background-color: #242424;
}
@media screen and (max-width: 767px){
.n2_btns .b-a-simpleButton_modal-close::before,
.n2_btns .b-a-simpleButton_modal-close::after{
height: 24px;
left: 12px;
top: -5px;
width: 1px;
}
}
.n2_btns .b-m-modal_inner{
padding: 0;
}
@media screen and (max-width: 767px){
.n2_btns .b-m-modal_inner{
height: 100%;
}
}
@media screen and (max-width: 767px){
.b-a-simpleButton_location{
font-size: 15px;
}
}

/* accordion second */
.b-m-accordion_content{
font-weight: normal;
}
.b-m-accordion.b-is-active .b-m-accordion_content .b-m-accordion_button .b-a-accordionButton_closed{
display: block;
}
.b-m-accordion.b-is-active .b-m-accordion_content .b-is-active .b-m-accordion_button .b-a-accordionButton_closed{
display: none;
}
.b-m-accordion.b-is-active .b-m-accordion_content .b-m-accordion_button .b-a-accordionButton_opened{
display: none;
}
.b-m-accordion.b-is-active .b-m-accordion_content .b-is-active .b-m-accordion_button .b-a-accordionButton_opened{
display: block;
}
.b-m-modal_exhibition .b-o-locationNavi_content .b-m-accordion_inner .b-o-locationNavi_content-link {
padding-left: 0;
width: 100%;
}
.b-m-modal_exhibition .b-o-locationNavi_content .b-m-accordion_inner .b-o-locationNavi_content-link:nth-of-type(odd) {
background-position-x: right 0;
padding-right: 0;
}
.b-m-accordion.b-is-active .b-m-accordion_inner .b-m-accordion_content .b-m-accordion_inner {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.b-m-accordion.b-is-active .b-m-accordion_inner .b-is-active .b-m-accordion_content .b-m-accordion_inner {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}

.b-o-locationNavi_content .b-m-accordion_inner span.b-a-textLink_prefecture_anchor{
background: none;
opacity: .6;
}

.n2_faq dl:nth-of-type(-n+3) .n2_continuation{
	display: block;
}
