@charset "utf-8";
.box10 {
	padding: 10px 10px 20px;
	border: 1px solid #eee;
	margin: 20px 0;
}

.box10 .mainImage {
	margin-bottom: 23px;
	background-position: center center;
	background-size: cover;
	height: 288px;
	position: relative;
}
.box10 .mainImage:after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	border-bottom: 5px solid #5cb89e;
	position: absolute;
	left: 0;
	bottom: -10px;
}
.box10 .mainImage.nb {
	margin-bottom: 10px;
}
.box10   .mainImage.nb:after{
	border-bottom: none;
}
#page_content     p.copy {
	font-size: 14px;
	font-weight: 600;
	color: #4e4e4e;
	line-height: 1;
}
#page_content   .facilityName {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 6px;
	color: #141414;
	line-height: 1;
}
#page_content   .facilityName_en {
	font-size: 12px;
	font-weight: 600;
	margin: 0 0 5px;
	color: #5cb89e;
	line-height: 1;
}
#page_content  .content {
	line-height: 1.57;
	margin: 5px 0 30px;
}
#page_content  .content2 {
	line-height: 1.57;
	margin: 5px 0 15px;
}

#page_content .table td,
#page_content .table th {
	line-height: 1.6666;
	font-size: 12px;
}
#page_content .table th {
	background-color: #f5f5f5;
	font-weight: 300;
	white-space: nowrap;
}

.tab-content {
	padding: 10px 0;
	margin-bottom: 20px;
}

ul.layoutplan>li {
	margin-bottom: 15px;
}
.other-images-right {
	float: right;
	width: 160px;
	margin: 0 0 10px 10px;
}

/* floormaps */
.nav-tabs.floors > li > a {
	padding: 5px 17px;
}
.box10 .floormapBox {
	padding: 40px 40px 0;
}

/* ボタン横幅 */
.btn-major{
	min-width: 250px;
}


#floormap{ position: relative; padding-top: 86%}
#floormap img,
#floormap_btn{ position:absolute; top: 0; left: 0; width: 100%;}
#floormap_btn{ height: 100%;}

.mapbtn{position: absolute; background-image: url(../img/mushi_megane.png); background-repeat: no-repeat; display: block; background-position: right center; left: 0; top: 0; height: 14px; width: 11px;}
.mapbtn:hover{ opacity:1;}
.mapbtn:after{ width: 310px; height: 210px; border: white 5px solid; content: ""; position: absolute; pointer-events: none; display: inline-block; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: white; top: -220px; left: -50%; opacity: 0; transition: 0.3s;
-webkit-box-shadow: 0px 0px 20px #000000;
-moz-box-shadow: 0px 0px 20px #000000;
box-shadow: 0px 0px 20px #000000;}
.mapbtn:hover:after{ opacity: 1; transition: 0.3s;}

.mapbtn01{ left: 424px; top: 170px; width: 154px; height: 36px; background-position: 91% center;}
.mapbtn01:after{ background-image: url(../img/r_stepgarden.jpg);}

.mapbtn02{ left: 63px; top: 212px; width: 65px;}
.mapbtn02:after{ background-image: url(../img/r_conference.jpg);}

.mapbtn03{ left: 309px; top: 220px; width: 58px; height: 75px; background-position: right 90%;}
.mapbtn03:after{ background-image: url(../../s_facilities/img/conference/501/2.jpg);}

.mapbtn04{ left: 63px; top: 323px; width: 78px;}
.mapbtn04:after{ background-image: url(../img/r_international.jpg);}

.mapbtn05{ left: 63px; top: 393px; width: 188px;}
.mapbtn05:after{ background-image: url(../img/r_ticket.jpg);}

.mapbtn06{ left: 261px; top: 393px; width: 90px;}
.mapbtn06:after{ background-image: url(../img/takumi2.jpg);}

.mapbtn07{ left: 63px; top: 410px; width: 125px;}
.mapbtn07:after{ background-image: url(../img/r_foyer.jpg);}

.mapbtn08{ left: 190px; top: 410px; width: 102px;}
.mapbtn08:after{ background-image: url(../img/r_cultural.jpg);}

.mapbtn09{ left: 295px; top: 410px; width: 95px;}
.mapbtn09:after{ background-image: url(../img/top/seminar.jpg);}

.mapbtn10{ left: 392px; top: 388px; width: 110px; height: 37px; background-position: 100% 92%; }
.mapbtn10:after{ background-image: url(../img/information/r_information2.jpg);}

.mapbtn11{ left: 63px; top: 439px; width: 151px;}
.mapbtn11:after{ background-image: url(../img/r_symphony.jpg);}

.mapbtn12{ left: 224px; top: 439px; width: 77px;}
.mapbtn12:after{ background-image: url(../img/r_arena.jpg);}

.mapbtn13{ left: 63px; top: 456px; width: 163px;}
.mapbtn13:after{ background-image: url(../img/r_communication.jpg);}

.mapbtn14{ left: 235px; top: 456px; width: 92px;}
.mapbtn14:after{ background-image: url(../img/r_atrium-1f.jpg);}

.mapbtn15{ left: 63px; top: 489px; width: 112px;}
.mapbtn15:after{ background-image: url(../img/r_exhibition.jpg);}

.mapbtn16{ left: 185px; top: 489px; width: 100px;}
.mapbtn16:after{ background-image: url(../img/r_atrium-b1f.jpg);}

.mapbtn17{ left: 63px; top: 527px; width: 102px;}
.mapbtn17:after{ background-image: url(../img/r_event.jpg);}

.mapbtn18{ left: 175px; top: 527px; width: 80px;}
.mapbtn18:after{ background-image: url(../img/top/practice.jpg);}

.mapbtn19{ left: 63px; top: 563px; width: 52px;}
.mapbtn19:after{ background-image: url(../img/r_parking.jpg);}

.mapbtn20{ position: absolute; display: block; width: 114px; height: 204px; right: 79px; bottom: 50px;}

.mapbtn21{ left: 63px; top: 175px; width: 135px;}
.mapbtn21:after{ background-image: url(../img/top/facility_service_group.jpg);}

.mapbtn22{ left: 63px; top: 286px; width: 116px;}
.mapbtn22:after{ background-image: url(../img/top/business_center.jpg);}

.mapbtn23{ left: 295px; top: 489px; width: 148px;}
.mapbtn23:after{ background-image: url(../img/top/hall_management_office.jpg);}

.mapbtn24{ left: 205px; top: 175px; width: 116px;}
.mapbtn24:after{ background-image: url(../img/top/west_wing_management_office.jpg);}

.mapbtn25{ left: 311px; top: 438px; width: 90px;}
.mapbtn25:after{ background-image: url(../img/takumi1.jpg);}


#floormap_link_img{margin-top:50px;}
#floormap_link_img img{ display: block; margin-bottom: 150px;}

#floormap_link_img .floorlink{text-align: center;}
#floormap_link_img .floorlink>a{ display: inline-block; margin: 0 5px;}
#floormap_link_img .floorlink>a>span{ display: table; width: 50px; background-color: white; color: #00ab6f; border: #00ab6f 1px solid; float: left; text-align: center; table-layout: fixed; font-size: 14px; font-weight: bold; border-radius: 25px; transition: .3s;}
#floormap_link_img .floorlink>a>span>span{ display: table-cell; vertical-align: middle; height: 50px;}
#floormap_link_img .floorlink>a.active>span,
#floormap_link_img .floorlink>a:hover>span{ color: white; background-color: #00ab6f; }
#floormap_link_img .floorlink>a:hover{opacity: 1;}
@media (max-width: 767px) {
#floormap_link_img img{margin-bottom: 100px;}

#floormap_link_img .floorlink>a{margin: 0 2px;}
#floormap_link_img .floorlink>a>span{ width: 20px; border-radius: 10px; font-size: 6px;}
#floormap_link_img .floorlink>a>span>span{ height: 20px;}
}

.ml12{
	margin-left: 12px;
}



.r_facilities_video{ position:relative; width:100%; padding-top:56.25%; }
.r_facilities_video iframe{ position:absolute; top:0; right:0; width:100%; height:100%;}

.r_facilities_information .tplh4,
.r_facilities_information .tplh5{ padding-left:0; padding-top: 0;}
.r_facilities_parking .tplh4,
.r_facilities_parking .tplh5{ padding-left:0; padding-top: 0;}
.seminar_01,.seminar_02{ position:relative;}
.seminar_01::before,
.seminar_02::before{ position:absolute; bottom: 3px; right: 3px; background-color: white; color: #333; display: inline-block; font-size: 12px; padding: 2px 5px;}
.seminar_01::before{ content:"セミナー室1";}
.seminar_02::before{ content:"セミナー室2";}
@media (min-width: 768px) {
.r_facilities_parking table th{ width:120px;}
#page_content .table tr:first-child th,
#page_content .table tr:first-child td{ vertical-align: middle;}
}
@media (max-width: 767px) {}

#floormap_b2f,#floormap_b1f,#floormap_1f,#floormap_2f,#floormap_3f,#floormap_4f,#floormap_5f,#floormap_6f,#floormap_7f,#floormap_8f{
	margin-top: -55px;
	padding-top: 55px;
	display: block;
}

.indent-1{
	padding-left: 1em;
	text-indent: -1em;
}

.maparea{
  border:none;
  outline:none;
}

@media (min-width: 768px) {
	.map_mb{ margin: 0 0 30px 0;}
	.accessmap{ margin: 30px 0 0; text-align: center;}
	
	.takumi_banner{ margin: 0 0 35px 0;}
	.takumi_banner img{ width: 300px;}
}
@media (max-width: 767px) {
	.map_mb{ margin: 0 0 20px 0;}
	.accessmap{ margin: 20px 0 0; text-align: center;}
	
	.takumi_banner{ margin: 0 0 30px 0;}
	.takumi_banner img{ width: 300px;}
}

#information{
	margin-top: -60px;
	padding-top: 60px;
}


/* 動画 */
@media (min-width: 768px) {
	.movie_content{ width: 500px; margin: 0 auto 30px;}
}
@media (max-width: 767.98px) {
	.movie_content{ width: 100%; margin: 0 auto 30px;}
}
@media (min-width: 768px) {
	.top0614{ background-position: top center!important;}
}
@media (max-width: 767px) {
	.top0614{ background-position: top center!important;}
}


/* 20230522　ショップページ修正 */
@media (min-width: 768px) {
	.shop_takumi_flex{ display: flex; margin: 0 0 30px 0;}
	.shop_takumi_flex>div:nth-child(1){ width: 250px;}
	.shop_takumi_flex>div:nth-child(1) img{ width: 250px;}
	.shop_takumi_flex>div:nth-child(2){ width: calc(100% - 250px); padding: 0 0 0 20px;}
	.shop_takumi_flex>div:nth-child(2) strong{ display: block; margin: 0 0 3px 0; font-size: 16px;}
}
@media (max-width: 767.98px) {
	.shop_takumi_flex{ display: flex; flex-wrap: wrap; margin: 0 0 20px 0;}
	.shop_takumi_flex>div:nth-child(1){ width: 100%; margin: 0 0 5px 0;}
	.shop_takumi_flex>div:nth-child(1) img{ width: 100%;}
	.shop_takumi_flex>div:nth-child(2){ width: 100%; padding: 0 0 20px 0;;}
	.shop_takumi_flex>div:nth-child(2) strong{ display: block; margin: 0 0 3px 0; font-size: 16px;}
}

.indent-1a{
	padding-left: 2em;
	text-indent: -2em;
}



@media (min-width: 768px) {
	.movie_flex{ display: flex; justify-content: center; margin: 0 0 30px 0;}
	.movie212{ position: relative; width: 240px; height: 460px; margin: 10px 10px 0;}
	.movie212 iframe{ position: absolute; top: 0; right: 0; width: 100%; height: calc(100% - 40px);}
	.movie212 p{ position: absolute; bottom: 0; text-align: center; width: 100%;}
}
@media (max-width: 767px) {
	.movie_flex{ display: flex; justify-content: center; flex-wrap: wrap; margin: 0 0 30px 0;}
	.movie212{ position: relative; width: 230px; height: 435px; margin: 10px 5px 0;}
	.movie212 iframe{ position: absolute; top: 0; right: 0; width: 100%; height: calc(100% - 35px);}
	.movie212 p{ position: absolute; bottom: 0; text-align: center; width: 100%;}
}