header	{position: relative; text-align: center;}
header h1 a	{text-indent: -999em;}
header nav li a	{display: block;}
header nav button.menu-language	{display: flex; align-items: center; justify-content: center; padding-right: 0; padding-left: 0; border: none; border-radius: 5px; apperance: none; outline: none; line-height: 1.0; cursor: pointer;}
header nav button.menu-language:after	{display: inline-block; content: ""; width: 30px; height: 20px; background: transparent url("../img/flag-ja.png") no-repeat left top; background-size: cover; border: 1px solid #c7c7c7; box-sizing: border-box; vertical-align: -10px;}
body:lang(en) header nav button.menu-language:after	{background: transparent url("../img/flag-en.png") no-repeat left top; background-size: cover;}
body:lang(ko) header nav .language ul li.ko:after	{background: transparent url("../img/flag-ko.png") no-repeat left top; background-size: cover;}
body:lang(zh-tw) header nav .language ul li.zh-tw:after	{background: transparent url("../img/flag-zh-tw.png") no-repeat left top; background-size: cover;}
body:lang(zh-cn) header nav .language ul li.zh-cn:after	{background: transparent url("../img/flag-zh-cn.png") no-repeat left top; background-size: cover;}
header nav button.menu-language.open	{border-radius: 0;}
header nav .facility li a:before	{display: inline-block; content: ""; width: 30px; height: 30px; margin-right: 0.5em; vertical-align: -10px;}
header nav .facility li.nav-rental a:before	{background: transparent url("../img/nav-icon-rental.png") no-repeat center center; background-size: 30px;}
header nav .facility li.nav-e-office-space a:before	{background: transparent url("../img/nav-icon-office.png") no-repeat center center; background-size: 30px;}
header nav .facility li.nav-sakura-college a:before	{background: transparent url("../img/nav-icon-college.png") no-repeat center center; background-size: 30px;}
header nav .facility li.nav-sportsclub a:before	{background: transparent url("../img/nav-icon-sportsclub.png") no-repeat center center; background-size: 30px;}
header nav .facility li.nav-stadium-tour a:before	{background: transparent url("../img/nav-icon-stadium-tour.png") no-repeat center center; background-size: 30px;}
header nav .facility li.nav-restaurant a:before	{background: transparent url("../img/nav-icon-restaurant.png") no-repeat center center; background-size: 30px;}
header nav .facility li.nav-wedding a:before	{background: transparent url("../img/nav-icon-wedding.png") no-repeat center center; background-size: 30px;}
header nav .language	{background-color: #eeeeee; z-index: 6;}
header nav .language ul li	{text-align: left; cursor: pointer;}
header nav .language ul li	{display: block; padding: 5px; color: #333333; line-height: 1.0;}
header nav .language ul li:before	{display: inline-block; content: ""; width: 40px; height: 27px; margin-right: 0.5em; border: 1px solid #c7c7c7; box-sizing: border-box; vertical-align: -8px;}
header nav .language ul li.ja:before	{background: transparent url("../img/flag-ja.png") no-repeat left top; background-size: cover;}
header nav .language ul li.en:before	{background: transparent url("../img/flag-en.png") no-repeat left top; background-size: cover;}
header nav .language ul li.ko:before	{background: transparent url("../img/flag-ko.png") no-repeat left top; background-size: cover;}
header nav .language ul li.zh-tw:before	{background: transparent url("../img/flag-zh-tw.png") no-repeat left top; background-size: cover;}
header nav .language ul li.zh-cn:before	{background: transparent url("../img/flag-zh-cn.png") no-repeat left top; background-size: cover;}

.ui-news a	{color: #333333; text-decoration: none;}
.ui-news.list > ul.striped-odd > li:nth-child(odd) a, .ui-news ul.striped-even > li:nth-child(even) a	{background-color: rgba(0,0,0,0.05)}
.dir-top .ui-news.list ul	{background-color: rgba(255,255,255,1);}
.dir-top .ui-news.list > ul.striped-odd > li:nth-child(odd) a, .dir-top .ui-news ul.striped-even > li:nth-child(even) a	{background-color: #f1f1f1}
.event .ui-news.grid-lg > ul li div	{text-align: center;}
.ui-news.list > ul li span +  b	{width: 5.0em; font-weight: normal;}
.ui-news.list > ul li span +  b em	{display: block; color: #ffffff; /*color: rgba(218,0,92,1); background-color: #ffffff;*/ font-size: 1.2rem!important; text-align: center; white-space: nowrap;}
em.cate-01	{background-color: #eb3b5a;}
em.cate-02	{background-color: #f7b731;}
em.cate-03	{background-color: #20bf6b;}
em.cate-04	{background-color: #2d98da;}
em.cate-05	{background-color: #8854d0;}
/*.dir-news .ui-news.list > ul li span +  b em	{background-color: transparent; border: 1px solid rgba(218,0,92,1);}*/

.page-sportsclubschool .ui-news.list > ul li a 	{display: block;position: relative; padding-bottom: 50px;}
.page-sportsclubschool .ui-news.list > ul li a:after 	{display: block; content: "詳細"; position: absolute; bottom: 20px; right: 10px; width: 100px;  height: 30px; line-height: 30px; color: #ffffff; background-color: rgba(218,0,92,1.00); border-radius: 5px; font-size: 1.6rem; text-align: center;}
.page-sportsclubschool .ui-news.list > ul li a 	{display: block;position: relative; padding-bottom: 50px;}
.page-sportsclubschool .ui-news.list > ul li p em 	{display: inline-block; height: 20px; line-height: 20px; margin-bottom: 5px; padding: 0 10px; font-size: 1.2rem;}
.page-sportsclubschool .ui-news.list > ul li p b 	{display: block;}
.page-sportsclubschool .list-school .col	{background-color: #ffffff; border: 1px solid #eeeeee; border-radius: 10px; box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.25); box-sizing: border-box;overflow: hidden;}
.page-sportsclubschool .list-school .col .photo	{position: relative; }
.page-sportsclubschool .list-school .col .photo img	{vertical-align: top;}
.page-sportsclubschool .list-school .col strong	{display: block; position: relative;width: 70%; margin: -1.5em auto 0;; padding: 0.5em 0; color:#ffffff; background-color: rgba(218,0,92,1.00); border: 5px solid #ffffff; font-size: 1.5em; text-align: center;}
.page-sportsclubschool .list-school .col > p	{text-align: center;}
.page-sportsclubschool .list-school .col ul	{padding: 1.0em;}
.page-sportsclubschool .list-school .col li > *	{display: flex; align-items: center; justify-content: space-between; margin-top: 2px; padding: 0.5em; color: #333333; border-top: 1px solid #c7c7c7; font-weight: bold;}
.page-sportsclubschool .list-school .col li a:hover	{color: rgba(218,0,92,1.00);}
.page-sportsclubschool .list-school .col li a[target="_blank"]:after	{display: inline-block; content: "\f08e"; margin-left: 0.25em; font-family: fontAwesome;}
.page-sportsclubschool .list-school .col li div	{color: #aaaaaa;}
.page-sportsclubschool .list-school .col li span	{display: inline-block; margin-left: 0.25em; font-size: 12px; font-weight: normal; white-space: nowrap; text-align: center; line-height: 1.0;}
.page-sportsclubschool .list-school .col li span img	{display: block; width: 5.0em; margin: 0 auto;}
.page-sportsclubschool .list-school .col li span em	{display: block; margin-top: 0.25em; color: #333333!important;}
.page-sportsclubschool .list-school .note, .page-sportsclubschool .body .mark, .page-sakura-college .note{display: flex; align-items: center; width: max-content; max-width: 100%; margin: 2.0em auto 0; padding: 1.0em; background-color: #eeeeee; border-radius: 10px; overflow: hidden; box-sizing: border-box;}
.page-sportsclubschool .list-school .note img, .page-sportsclubschool .body .mark img, .page-sakura-college .note img{width: 10.0em; height: auto; margin-right: 1.0em;}
.page-sportsclubschool .list-instructor > li	{display: flex; align-items: center; padding: 0.5em 0.5em 1.0em; line-height: 1.6;}
.page-sportsclubschool .list-instructor > li:not(:first-child)	{padding-top: 1.0em; border-top: 1px solid #c7c7c7;}
.page-sportsclubschool .list-instructor > li .photo	{width: 90px; text-align: left;}
.page-sportsclubschool .list-instructor > li .photo img	{width: 80px; border: 1px solid #c7c7c7; box-sizing: border-box;}
.page-sportsclubschool .list-instructor > li .photo.fit img	{object-fit: cover; object-position: top left; width: 80px; height: 80px;}
.page-sportsclubschool .list-instructor > li .photo + p	{width: calc(100% - 90px);}
.page-sportsclubschool .list-instructor > li p b	{display: block;}
.pickup .ui-news.list > ul li span, .pickup .ui-news ul li p, .pickup .ui-news ul li div	{margin: 0; padding: 0; vertical-align: middle; box-sizing: border-box;}
.pickup .ui-news ul li a	{display: block; position: relative; padding: 20px 20px 50px; background-color: #eeeeee;; border-radius: 5px; line-height: 1.4; box-sizing: border-box;}
.pickup .ui-news ul li a:hover, .pickup .ui-news ul li a:active	{background-color: #eeeeee;;}
.pickup .ui-news ul li div img	{width: 100%;}
.pickup .ui-news ul li p	{padding-top: 10px; font-weight: bold;}
.pickup .ui-news ul li .spec	{display: flex !important; align-items: center; justify-content: space-between; position: absolute !important; bottom: 20px; right: 20px; width: calc(100% - 40px); font-size: 0.85em;}
.pickup .ui-news ul li .spec em	{width: 6.0em; margin-left: 1.0em; padding: 0.25em 0; color: #ffffff; font-size: 0.85em; text-align: center;}

.body .tag	{ margin: 0; padding: 0;}
.body .tag span	{display: inline-block; height: 20px; line-height: 20px; margin-bottom: 5px; padding: 0 10px; font-size: 1.2rem;}
.body .tag span.tag_now	{background-color: rgba(218,0,92,0.15);}
.body .tag span.tag_end	{background-color: rgba(30,35,128,0.15);}
.body .mark	{margin-bottom: 2.0em !important;}
.body .table01 th, .body .table01 td{padding: 20px; border-top: 5px solid #ffffff;}
.body .table01 th{width: 1%; background-color: rgba(218,118,164,0.15); border-right: 5px solid #ffffff; white-space: nowrap;}
.body .table01 td{background-color: #f1f1f1; word-break: break-all;}
.body .photo{display: block; text-align: center;	}
.body p.pdf, .dir-events .body table td.pdf a, .body p.link, .dir-events .body table td.link a{display: inline-block; position: relative; padding-left: 29px;}
.body p.pdf:before, .dir-events .body table td.pdf a:before, .body p.link:before, .dir-events .body table td.link a:before{display: inline-block; content: "\f1c1"; position: absolute; top: 0; left: 0; width: 24px; height: 24px; line-height: 24px; margin-right: 0.25em; color: #ffffff; background-color: rgba(218,118,164,1.00); border-radius: 12px; font-family: fontAwesome; font-size: 1.2rem; text-align: center;}
.body p.link:before, .dir-events .body table td.link a:before{content: "\f2d2";}
.body  dl{margin-top: 40px; border: 1px solid rgba(30,35,128,0.25); border-radius: 5px;}
.body  dl dt{margin: 0; padding: 10px; background-color: rgba(30,35,128,0.15); font-weight: bold;}
.body  dl dd{margin: 0; padding: 10px; }

.link-archive	{margin: 0; padding: 40px 0 0; border-top: 1px solid #c7c7c7; text-align: center;}

.dir-department.page-rental .ttl-page	{color: #ffffff; background: transparent url("../img/bg-ttl-rental.jpg") no-repeat center center; background-size: cover; text-shadow: 1px 1px 10px rgba(0,0,0,1);}
.page-e-office-space .ttl-page	{color: #ffffff; background: transparent url("../img/bg-ttl-e-officec-space.jpg") no-repeat center center; background-size: cover; text-shadow: 1px 1px 10px rgba(0,0,0,1);}
.page-sakura-college .ttl-page	{color: #ffffff; background: transparent url("../img/bg-ttl-sakura-college.jpg") no-repeat center center; background-size: cover; text-shadow: 1px 1px 10px rgba(0,0,0,1);}
.page-stadium-tour .ttl-page	{color: #ffffff; background: transparent url("../img/bg-ttl-stadium-tour.jpg") no-repeat center center; background-size: cover; text-shadow: 1px 1px 10px rgba(0,0,0,1);}
.page-restaurant .ttl-page	{color: #ffffff; background: transparent url("../img/bg-ttl-restaurant.jpg") no-repeat center center; background-size: cover; text-shadow: 1px 1px 10px rgba(0,0,0,1);}
.page-wedding .ttl-page	{color: #ffffff; background: transparent url("../img/bg-ttl-wedding.jpg") no-repeat center center; background-size: cover; text-shadow: 1px 1px 10px rgba(0,0,0,1);}
.page-sportsclubschool .ttl-page	{color: #ffffff; background: transparent url("../img/bg-ttl-sportsclubschool.jpg") no-repeat center center; background-size: cover; text-shadow: 1px 1px 10px rgba(0,0,0,1);}

.dir-top .bg-horizontal.news .container .ui-news .item-button-more a, .dir-top .bg-horizontal.event .container .ui-news a, .dir-top .bg-horizontal .container .ttl-top	{color: #ffffff; text-decoration: none;}
.dir-top .bg-horizontal.pickup .container .ui-news a, .dir-top .bg-horizontal.pickup .container .ttl-top	{color: #333333;}
.dir-top .container .ui-news ul + .item-button-more	{margin-top: 20px; text-align: center;}
.dir-top .container .ui-news ul + .item-button-more a	{display: inline-block; position: relative; padding: 20px 50px; line-height: 1.0;}
.dir-top .container .ui-news ul + .item-button-more a:hover	{background-color: rgba(0,0,0,0.5);}
.dir-top .container .ui-news ul + .item-button-more a:before	{display: block; content: ""; position: absolute; bottom: 50%; right: 0; width: 40px; height: 1px; background-color: rgba(255,255,255,1.00);-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;}
.dir-top .container .ui-news ul + .item-button-more a:after	{display: block; content: ""; position: absolute; bottom: calc(50% - 6px); right: 2px;width: 11px; height: 11px; border-style: solid; border-width: 1px; border-color: transparent #ffffff #ffffff transparent ; transform: rotate(-45deg); -webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;}
 .container .ui-news ul + .item-button-more a:hover:before	{right: -20px;}
.dir-top .container .ui-news ul + .item-button-more a:hover:after	{right: -22px;}
.dir-top .gallery .container .ui-news a	{color: #333333; text-decoration: none;}
.dir-top .gallery .container .ui-news ul + .item-button-more a	{color: rgba(218,0,92,1.00); text-decoration: none;}
.dir-top .gallery .container .ui-news ul + .item-button-more a:hover	{background-color: rgba(218,0,92,0.25);}
.dir-top .gallery .container .ui-news ul + .item-button-more a:before	{background-color: rgba(218,0,92,1.00);}
.dir-top .gallery .container .ui-news ul + .item-button-more a:after	{border-color: transparent rgba(218,0,92,1.00) rgba(218,0,92,1.00) transparent ;}

.dir-top .naming-rights p em { display: inline-block; width: 30px; height: 30px; line-height: 30px; margin-right: 0.25em; color: #ffffff; background-color: rgba(218,0,92,1.00); border-radius: 15px; text-align: center;}

.news .l-nav ul	{display: flex; align-items: center; justify-content: space-between; border: 1px solid #555555; border-top-right-radius: 5px; border-top-left-radius: 5px; overflow: hidden;}
.dir-news .news .l-nav ul	{border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.news .l-nav ul li a, .news .l-nav ul li div	{display: block; padding: 0.5em 0; color: #333333; background-color: #ffffff; text-align: center; line-height: 1.0;}
.news .l-nav ul li.active a, .news .l-nav ul li a:hover, .news .l-nav ul li.active div	{color: #ffffff; cursor: pointer;}
.news .l-nav ul li:first-child.active a, .news .l-nav ul li:first-child a:hover, .news .l-nav ul li.active div	{background-color: #333333;}
.news .l-nav ul li.cate-01.active a, .news .l-nav ul li.cate-01 a:hover, .news .l-nav ul li.cate-01.active a, .news .l-nav ul li.cate-01.active div	{background-color: #eb3b5a;}
.news .l-nav ul li.cate-02.active a, .news .l-nav ul li.cate-02 a:hover, .news .l-nav ul li.cate-02.active a, .news .l-nav ul li.cate-02.active div	{background-color: #f7b731;}
.news .l-nav ul li.cate-03.active a, .news .l-nav ul li.cate-03 a:hover, .news .l-nav ul li.cate-03.active a, .news .l-nav ul li.cate-03.active div	{background-color: #20bf6b;}
.news .l-nav ul li.cate-04.active a, .news .l-nav ul li.cate-04 a:hover, .news .l-nav ul li.cate-04.active a, .news .l-nav ul li.cate-04.active div	{background-color: #2d98da;}
.news .l-nav ul li.cate-05.active a, .news .l-nav ul li.cate-05 a:hover, .news .l-nav ul li.cate-05.active a, .news .l-nav ul li.cate-05.active div	{background-color: #8854d0;}
article .heading .row .col em{display: inline-block; width: 7.0em; margin-left: 1.0em; color: #ffffff; font-size: 0.75em; text-align: center; vertical-align: 1px;}

.dir-department.page-rental .tab-content img	{border-radius: 10px; overflow: hidden;}
.dir-department.page-rental .tab-content table td, .dir-guide.page-estimate table td	{background-color: #f1f1f1; border-top: 5px solid #ffffff;}
.dir-department.page-rental .tab-content table tr td:not(:first-child), .dir-guide.page-estimate table tr td:not(:first-child)	{border-left: 5px solid #ffffff;}
.dir-department.page-rental .tab-content table tr td:first-child	{border-left: none;}
.dir-department.page-rental .tab-content table thead th	{color: #ffffff; background-color: rgba(218,0,92,0.75); text-align: left;}
.dir-department.page-e-office-space .heading	{padding: 20px 0; color: #ffffff; background-color: rgba(0,158,226,1.00);}
.dir-department.page-e-office-space .heading h1 em{color: rgba(0,158,226,1.00);}
.dir-department.page-sakura-college .heading	{padding: 20px 0; color: #ffffff; background-color: rgba(218,118,164,1.00);}
.dir-department.page-sakura-college .heading h1 em{color: rgba(218,118,164,1.00);}
.dir-department.page-restaurant .heading	{padding: 20px 0; background-color: rgba(202,182,104,0.20)}
.dir-department.page-wedding .heading	{padding: 20px 0;}
.dir-department .heading h1	{font-size: 30px; text-align: center;}
.dir-department .heading .col img	{border-radius: 10px; overflow: hidden;}
.page-e-office-space .ttl-regular {border-bottom: 2px solid rgba(0,158,226,0.75);}
.page-e-office-space .ttl-light {position: relative; padding: 10px 10px 10px 0; overflow: hidden;}
.page-e-office-space .ttl-light:before {display: inline-block; content: ""; width: 10px; height: 30px; margin-right: 10px; background-color: rgba(0,158,226,0.75); vertical-align: -7px; }
.dir-department.page-e-office-space #how-to .unit-4-lg li	{position: relative; padding-right: 20px; box-sizing: border-box; vertical-align: bottom;}
.dir-department.page-e-office-space #how-to .unit-4-lg li:last-child	{padding: 0 0 0 20px;}
.dir-department.page-e-office-space #how-to .unit-4-lg li:after	{display: block; content: "\f061"; position: absolute; bottom: 50%; right: -0.5em;; margin-top: -1.0em; color: rgba(218,0,92,1.00); font-family: fontAwesome; font-size: 2.0em;}
.dir-department.page-e-office-space #how-to .unit-4-lg:nth-of-type(1) li:nth-of-type(3):after, .dir-department.page-e-office-space #how-to .unit-4-lg li:last-child:after	{display: none;}
.dir-department.page-e-office-space #how-to .unit-4-lg li img	{box-shadow: 0px 0px 10px rgba(0,0,0,0.25);}
.dir-department.page-e-office-space .root p em	{display: inline-block; width: 30px; height: 30px; line-height: 30px; margin-right: 0.25em; color: #ffffff; background-color: rgba(0,158,226,0.75); border-radius: 15px; text-align: center;}
.dir-department table tr th:not(:first-child), .dir-department table tr td:not(:first-child), .dir-guide table tr th:not(:first-child), .dir-guide table:not(.table) tr td:not(:first-child)	{padding: 10px; border-left: 5px solid #ffffff;}
.dir-department.page-e-office-space table th	{background-color: rgba(0,158,226,0.15); border-left: none;}
.dir-department.page-sakura-college table th, .dir-guide table:not(.table) th	{background-color: rgba(218,118,164,0.15); border-left: none;}
.dir-guide table:not(.table) tr th:not(:first-child)	{border-left: 5px solid #ffffff;}
.dir-department table td, .dir-guide table:not(.table) td	{background-color: #f1f1f1;}
.dir-department .opening-cp 	{margin-top: 35px; padding: 20px; background-size: auto auto; background-color: rgba(255, 252, 222, 1); background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(255, 244, 122, 1) 10px, rgba(255, 244, 122, 1) 20px );}
.dir-department .opening-cp p 	{margin: 0; padding: 20px; background-color: rgba(255,255,255,0.75);}
.dir-department .opening-cp em 	{display: block; line-height: 1.4;}
.dir-department .opening-cp em b 	{color: rgba(0,158,226,1.00);}
.dir-department.page-rental .ttl-light span	{font-weight: normal;}
/*.dir-department.page-rental .item-tab	{margin-top: 30px;}*/

.dir-department.page-restaurant .heading h1, .dir-department.page-wedding .heading h1	{font-family: 'Poppins', sans-serif;}
.dir-department.page-restaurant .heading h1 b, .dir-department.page-wedding .heading h1 b	{color: rgba(218,0,92,1.00);  font-size: 3.0em; line-height: 1.0;}
.dir-department.page-restaurant .heading .standard, .dir-department.page-wedding .heading .standard	{margin: 40px auto;}
.dir-department.page-restaurant .heading .row-lg	{margin-top: 10px;}
.dir-department.page-restaurant .heading .row-lg > .col	{padding: 5px 15px; vertical-align: top; vertical-align: middle;}
.dir-department.page-restaurant .heading .row-lg > .col:last-child b	{font-size: 1.5em;}
.dir-department.page-restaurant .heading .row-lg > .col.bg-gold	{font-size: 0.75em; text-align: center;}
.dir-department.page-restaurant .heading .row-lg > .col.bg-gold b	{display: block; font-size: 1.25em; line-height: 1.0;}
.dir-department.page-restaurant .heading .unit-2 .col p	{text-align: left;}
.dir-department.page-restaurant .reservation .unit-4-lg > .col div	{padding: 20px; background-color: #ffffff; border-radius: 10px;}
.dir-department.page-restaurant .reservation .unit-4-lg > .col div > b	{display: block; margin-bottom: 0.25em;}
.dir-department.page-restaurant .reservation .unit-4-lg > .col div > b	{display: block; margin-bottom: 0.25em;}
.dir-department.page-restaurant .reservation .unit-4-lg > .col div > b em	{display: inline-block; width: 30px; height: 30px; line-height: 30px; margin-right: 0.25em; color: #ffffff; background-color: rgba(218,0,92,0.75); border-radius: 15px; text-align: center;}
.dir-department.page-restaurant .preventive-measure ul	{font-size: 0;}
.dir-department.page-restaurant .preventive-measure ul li	{display: inline-block; vertical-align: top;}
.dir-department.page-restaurant .preventive-measure ul li div	{color: #1e2380; border: 1px solid #1e2380; border-radius: 68px; text-align: center; box-sizing: border-box;}

.dir-department.page-wedding h1.title	{margin-bottom: 0.5em; font-size: 1.75em;}
.dir-department.page-wedding h1.title span	{display: block; color: rgba(218,0,92,1); font-family: 'Poppins', sans-serif; font-size: 0.5em; font-weight: normal;}
.dir-department.page-wedding .stadium-wedding h1.title span	{color: rgba(30,35,128,1);}
.dir-department.page-wedding .gallery li.col a	{display: block; position: relative; outline: none;}
.dir-department.page-wedding .gallery li.col a:before	{display: block; content: "\f00e"; position: absolute; right: 0; bottom: 0; width: 30px; height: 30px; line-height: 30px; color: #ffffff; background-color: rgba(218,0,92,1); font-family: fontAwesome; font-size: 16px;}


.page-sportsclubschool main section h1 + nav 	{padding-bottom: 20px; border-bottom: 1px solid #c7c7c7;}
.page-sportsclubschool main section h1 + nav ul li a 	{display: block; position: relative; width: 100%; height: 30px; line-height: 30px; padding: 0 35px 0 10px; color: #333333; background-color: rgba(218,0,92,0.15); border-radius: 5px; font-size: 1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
.page-sportsclubschool main section h1 + nav ul li a:before 	{display: block; content: "\f13a"; position: absolute; top: 0; right: 0; width: 30px; height: 30px; color: #ffffff; background-color: rgba(218,0,92,0.50); font-family: fontAwesome; text-align: center;}

.select-date{width: 100%; margin-bottom: 10px;}
.ui-schedule + .select-date{margin-top: 20px}
.select-date > .col:first-child, .select-date > .col:last-child{position: relative; width: 20%; text-align: center;}
.select-date .col a{display: block; position: relative;height: 40px; line-height: 40px; background-color:  rgba(218,0,92,0.15);;}
.select-date > .col:first-child a, .select-date > .col:first-child span{display: block; position: absolute; width: 100%; top: 0; left: 0; color: #444444; background-color:  rgba(218,0,92,0.15); border-top-left-radius: 5px; border-bottom-left-radius: 5px; text-decoration: none;}
.select-date > .col:first-child a:before{display: inline-block; content: "\f053"; margin-right: 0.5em;   font-family: fontAwesome; font-size: 0.75em;}
.select-date > .col:last-child a, .select-date > .col:last-child span{color: #444444; background-color:  rgba(218,0,92,0.15); border-top-right-radius: 5px; border-bottom-right-radius: 5px; text-decoration: none;}
.select-date > .col:last-child a:after{display: inline-block; content: "\f054"; margin-left: 0.5em;   font-family: fontAwesome; font-size: 0.75em;}
.select-date > .col:nth-of-type(2){vertical-align: top;}
.select-date > .col .item-select{width: 100%; height: 40px; border-right: none; border-left: none; box-sizing: border-box;}
.select-date > .col .item-select select{height: 40px; line-height: 40px; padding-top: 0; padding-bottom: 0; font-size: 1.25em;}
.select-date > .col:first-child span, .select-date > .col:last-child span{display: block; position: relative;height: 40px; line-height: 40px; background-color: #dddddd;}

.ui-schedule.table table{width: 100%; border-collapse: collapse;}
.ui-schedule.table table caption{margin-bottom: 10px; text-align: right;}
.ui-schedule.table table th, .ui-schedule.table table td{padding: 10px; border-left: 5px solid #ffffff;}
.ui-schedule.table table tr th:first-child, .ui-schedule.table table tr td:first-child{border-left: none;}
/*.ui-schedule.table table tr *:first-child, .ui-schedule.table table tr *:nth-of-type(2){width: 5%; text-align: center;}*/
.ui-schedule.table table tr *:not(:last-child){width: 12.5%; text-align: center;}
.ui-schedule.table table tr *:nth-of-type(8){text-align: center;}
/*.ui-schedule.table table tr *:nth-of-type(n+3){width: 30%;}*/
.ui-schedule.table table thead th{color: #ffffff; background-color: rgba(218,118,164,1.00)}
.ui-schedule.table table tbody td{background-color: #f1f1f1; border-top: 5px solid #ffffff;}
.ui-schedule.table table tbody tr.sat td:nth-of-type(2){background-color: rgba(218,0,92,0.15);}
.ui-schedule.table table tbody tr.sun td:nth-of-type(2){background-color: rgba(30,35,128,0.15);}

.slider-kv .swiper-slide	{position: relative; text-align: center; vertical-align: top;}
.slider-kv .swiper-wrapper	{height: auto;}
.slider-kv .swiper-pagination	{position: static; padding: 10px 0;}
.swiper-pagination-bullet	{width: 40px !important; height: 5px !important; border-radius: 0 !important; outline: none;}
.swiper-pagination-bullet-active	{background-color: rgba(218,0,92,1.00) !important;}
.slider-kv .swiper-slide .caption	{position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10;}
.slider-kv .swiper-slide .caption p	{display: inline-block; margin: 0; padding: 0.5em; color: #ffffff; background-color: rgba(0,0,0,0.50); text-align: left;}
.slider-kv .swiper-slide .caption p:empty	{display: none;}


@media screen and (max-width: 834px) {
body.open	{overflow: hidden;}
header	{height: 60px;}
header h1 a	{display: inline-block; width: 125px; height: 40px; margin: 10px 0; background: transparent url("../img/logo.png") no-repeat left top; background-size: 125px;}
header nav button	{display: block; position: absolute; top: 10px; width: 40px; height: 40px; padding: 0; color: #333333; background-color: transparent; border: none; outline: none; font-size: 10px; overflow: hidden; z-index: 0;}
header nav button:before	{display: block; width: 40px; height: 24px; line-height: 24px; font-family: fontAwesome; font-size: 1.4rem; text-align: center;}
header nav button.menu-global	{right: 10px;}
header nav button.menu-global:before	{content: "\f0c9";}
header nav button.menu-service	{left: 10px;}
header nav button.menu-service:before	{content: "\f00a";}
header nav button.menu-language	{flex-wrap: wrap; flex-direction: column-reverse; right: 10px;}
header nav button.menu-language:not(.open)	{right: 60px;}
header nav button.menu-language:after	{margin-bottom: 4px;}

header nav button.open:before	{content: "\f00d"; height: 40px; line-height: 40px; color: #ffffff;}
header nav button.menu-global.open	{position: fixed; z-index: 6;}
header nav button.menu-service.open	{position: fixed; z-index: 4;}
header nav button.menu-language.open	{position: fixed; z-index: 7;}
header nav button + div	{position: fixed; top: 0; transition: all 0.25s;}
header nav button + div.global	{right: -120%; z-index: 5;}
header nav button + div.facility	{left: -100%; z-index: 3}
header nav button + div.language	{top: -100%; left: 0; width: 100%;}
header nav button.open + div	{position: fixed; display: block;top: 0; width: 100%; height: 100%;  background-color: rgba(218,0,92,1.00); overflow: scroll; }
header nav button.open + div ul	{position: absolute; top:calc(50% + 20px); left:50%; width: 70vw; height: calc(90% - 60px); /*height: 50vh;*/ transform: translate(-50%,-50%); z-index: 7;}
header nav button.open + div:before	{display: block; position: fixed; width: 100%; height: 60px; line-height: 60px; color: #ffffff; background-color: #a30645; z-index: 10;}
header nav button.open + div.global	{right: 0; overflow: scroll;}
header nav button.open + div.global:before	{content: "MENU";}
header nav button.open + div.facility	{left: 0; overflow: scroll;}
header nav button.open + div.facility:before	{content: "サービス";}
header nav button.open + div.language:before	{content: "LANGUAGE";}
header nav button.open + div li a, header nav button + div.language li	{padding: 10px 0; color: #ffffff; border-bottom: 2px solid rgba(255,255,255,0.75); font-size: 16px;}
footer .nav-footer	{margin-top: 40px; background-color: #f1f1f1;}
footer .nav-footer ul li a	{display: block; padding: 10px; color: #333333; border-top: 1px solid #c7c7c7; font-size: 3.5vw; text-align: center;}
footer .nav-footer ul li a:before	{display: inline-block; content: "\f105"; margin-right: 0.25em; font-family: fontAwesome;}
.nav-footer	{border-bottom: 1px solid #c7c7c7;}
footer p	{margin: 0; padding:  20px 0; font-size: 2.25vw; text-align: center;}

.ttl-top	{ font-size: 6vw; text-align: center;}
.ttl-top b	{ display: block;}
.ttl-top em	{ display: inline-block; color: #ffffff; border-bottom: 1px solid #ffffff; font-size: 3.0vw;}

.ui-news.list > ul li	{font-size: 0;}
.ui-news.list > ul li a	{display: block; position: relative; padding: 20px;}
.ui-news.list > ul li span, .ui-news ul li p	{}
.ui-news.list > ul li span	{display: block; font-size: 3.0vw;}
.ui-news.list > ul li p	{margin: 0; padding: 10px 0 0; font-size: 3.5vw;}
.ui-news.list > ul li div	{float: right; width: 30%; margin-left: 10px;}
.ui-news.list > ul li span +  b	{position: absolute !important; top: 20px;; right: 20px; width: 20vw;}
.ui-news.list > ul li span +  b em, .pickup .ui-news ul li .spec em	{font-size: 3.0vw !important;}
.dir-events .ui-news.list > ul li a:before, .dir-events .ui-news.list > ul li a:after { content: " "; display: table;}
.dir-events .ui-news.list > ul li a:after { clear: both;}
.dir-events .ui-news.list > ul li a {*zoom:1;}
.page-sportsclubschool .ui-news.list > ul li a 	{padding-bottom: 70px;}
.page-sportsclubschool .ui-news.list > ul li a:after 	{right: calc(50% - 50px); font-size: 3.5vw;}
.page-sportsclubschool .ui-news.list > ul li p em, .body .tag span 	{font-size: 3.0vw;}
.page-sportsclubschool .list-school ul > .col:not(:first-child)	{margin-top: 1.5em;}
.page-sportsclubschool .list-school .col li span	{max-width: 60px; min-width: 60px;}
.page-sportsclubschool .list-school .note img, .page-sportsclubschool .body .mark img, .page-sakura-college .note img	{width: 6.0em;}

.ui-news.grid-lg > ul li	{margin-top: 20px; padding: 0 20px; font-size: 3.5vw;}
.ui-news.grid-lg > ul li:first-child{margin-top: 0;}
.gallery .ui-news.grid-lg > ul li a	{color: #333333;}
.ui-news.grid-lg > ul li div	{padding-bottom: 10px; text-align: center;}
.pickup .ui-news.grid-lg > ul li div	{padding-bottom: 0;}
.ui-news.grid-lg > ul li span	{font-size: 3.0vw;}
.ui-news.grid-lg > ul li p	{margin: 0; padding: 10px 0 0;}

.body p.pdf:before, .dir-events .body table td.pdf a:before, .body p.link:before, .dir-events .body table td.link a:before{font-size: 0.8rem;}

.list-partners	{padding: 40px 0; /*background-color: #eeeeee;*/}
.list-partners dt	{display: block; position: relative; margin: 40px 0 20px; text-align: center;}
.list-partners dt:first-child	{margin-top: 0;}
.list-partners dt:before	{display: block; content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #b7b7b7; }
.list-partners dt em	{display: inline-block; position: relative; padding: 10px 20px; background-color: #ffffff; border: 1px solid #c7c7c7; font-size: 3.0vw; font-weight: bold; line-height: 1.0; z-index: 1;}
.list-partners dt em:before	{display: block; content: ""; position: absolute; top: 0; left: -3px; width: 2px; height: 100%; background-color: #ffffff;}
.list-partners dt em:after	{display: block; content: ""; position: absolute; top: 0; right: -3px; width: 2px; height: 100%; background-color: #ffffff;}
.list-partners ul li	{margin-top: 20px; text-align: center;}
.list-partners ul > li:first-child	{margin-top: 0;}
.list-partners .naming-rights ul li	{margin-right: 20px; margin-left: 20px;}
.list-partners .support ul li	{margin-right: 60px; margin-left: 60px;}


.news .l-nav ul	{flex-wrap: wrap; margin: 0 20px;}
.dir-top .news .l-nav ul	{margin: 0 20px 20px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.news .l-nav ul li	{width: 33.333%;}
.news .l-nav ul li a	{font-size: 3.0vw; text-align: center;}
.news .l-nav ul	{display: flex; align-items: center; justify-content: space-between; }
.news .l-nav ul li:not(:nth-of-type(3n+1)) a, .news .l-nav ul li:not(:nth-of-type(3n+1)) div	{border-left: 1px solid #555555;}
.news .l-nav ul li:nth-of-type(n+4) a, .news .l-nav ul li:nth-of-type(n+4) div	{border-top: 1px solid #555555;}
.dir-news .heading, .dir-news .body, .dir-gallery .heading, .dir-gallery .body, article .heading, article .body	{margin: 0 20px;}
.dir-news .heading, .dir-gallery .heading	{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #c7c7c7;}
article .heading h1{font-size: 4.0vw;}
article .l-nav + .heading h1{padding-top: 20px; border-top: 1px solid #c7c7c7;}
article .heading .row{width: 100%;}
article .heading .row .col{vertical-align: middle;}
article .heading .row .col:last-child{text-align: right;}
article .heading p{text-align: center;}


.outline .field{background: transparent url("../img/bg-top-v2.jpg") repeat left top; background-size: contain;}
/*.dir-top .bg-horizontal	{background: transparent url("../img/bg-top.jpg?220225") no-repeat left top; background-size: cover;}
.dir-top .bg-horizontal.event	{background-position: right bottom;}*/
.dir-top .bg-horizontal .container, .dir-top section.gallery	{position: relative; padding: 20px 0;}
.dir-top .bg-horizontal .container:before	{display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0;}
.dir-top .bg-horizontal .container *	{position: relative; z-index: 1}
.dir-top .news .container:before	{background-color: rgba(218,0,92,0.85);}
.dir-top .event .container:before	{background-color: rgba(30,35,128,0.85);}
.dir-top .bg-horizontal.pickup	{margin-top: 5px; background-color: rgba(255,255,255,1); border-top: 1px solid #c7c7c7;}
.dir-top .gallery .container .ttl-top	{color: rgba(218,0,92,1.00); /*text-align: center;*/}
.dir-top .gallery .container .ttl-top em	{color: rgba(218,0,92,1.00); border-bottom-color: rgba(218,0,92,1.00);;}
/*.dir-top .gallery .container .ttl-top b	{display: block;}*/
.dir-top .item-sns	{padding: 20px;}
.dir-top .item-sns .container	{text-align: center;}
.dir-top .item-sns .container .twitter-timeline{margin-right: auto; margin-left: auto;}.dir-news .container .ui-news ul, .page-events .container .ui-news ul, .page-sportsclubschool .container .ui-news ul, .dir-gallery .container .ui-news ul	{margin-bottom: 20px;}
	
/*.item-banner .list li{ margin-top: 20px;}
.item-banner .list li:first-child{ margin-top: 0;}
.item-banner .list li:last-child{ margin-bottom: 20px;}*/	
	
.dir-top .naming-rights p{ font-size: 12px;}
.dir-top .naming-rights p.height-sp{ height: 45px;}
.dir-top .naming-rights p em { display: inline-block; width: 20px; height: 20px; line-height: 20px;}
	
.dir-news .container div:not(.pickup) > .ui-news, .dir-gallery .container .ui-news	{padding-bottom: 20px;}
.dir-department.page-rental .tab-content .item-button a	{width: 80%;}
.dir-department.page-rental .tab-content table, .dir-guide.page-estimate table	{position: relative;font-size: 0.75em;}
.dir-department.page-rental .tab-content table th, .dir-department.page-rental .tab-content table td	{border-top: 2px solid #ffffff; border-left: 2px solid #ffffff;}
.dir-department.page-rental .tab-content table tr .sticky{position:sticky;left:0;}
.dir-department .heading h1	{font-size: 4.5vw;}
.dir-department .heading h1 em{display: block; width: 40%; margin: 10px auto 0; padding: 5px; background-color: #ffffff; border-radius: 5px; font-size: 3.5vw; line-height: 1.0;}
.dir-department.page-sakura-college .heading h1 em{width: 60%;}
.dir-department .heading  p	{margin-top: 10px; font-size: 3.0vw;}
.dir-department .heading .unit-2 + p	{margin-top: 40px; padding: 20px; background-color: rgba(255,255,255,0.15)}
.dir-department .heading .unit-2 + p strong	{display: block; margin-bottom: 20px; font-size: 4.0vw;}

.dir-department.page-e-office-space #how-to .unit-4-lg li	{padding: 0 20% 30px;}
.dir-department.page-e-office-space #how-to .unit-4-lg li:last-child	{padding:  0 20%;}
.dir-department.page-e-office-space #how-to .unit-4-lg li:after	{display: block; content: "\f063"; position: absolute; top: auto; right: auto; bottom: -20px; left: 50%; margin: 0 0 0 -0.5em; color: rgba(218,0,92,1.00); font-family: fontAwesome; font-size: 2.0em;}
.dir-department.page-e-office-space #how-to .unit-4-lg li:nth-of-type(3):after	{display: block;}

.dir-department.page-sakura-college table, .dir-department.page-sakura-college table, .dir-guide table:not(.table),
.dir-department.page-sakura-college table tbody, .dir-department.page-sakura-college table tbody, .dir-guide table:not(.table) tbody,
.dir-department.page-sakura-college table tr, .dir-department.page-sakura-college table tr, .dir-guide table:not(.table) tr{display: block; width: 100%; font-size: inherit;}
.dir-department.page-e-office-space table th, .dir-department.page-e-office-space table td,
.dir-department.page-sakura-college table th, .dir-department.page-sakura-college table td,
.dir-guide table:not(.table) th, .dir-guide table:not(.table) td{display: block; width: 100% !important; padding: 5px; border-left: none; box-sizing: border-box;}
.dir-department.page-e-office-space table td, .dir-department.page-sakura-college table td, .dir-guide table:not(.table) td	{background-color: #ffffff;}
.dir-department.page-e-office-space table td.type	{color: rgba(0,158,226,1.00); font-weight: bold; border-bottom: 1px solid rgba(0,158,226,0.75);}
.dir-department.page-sakura-college table td.type	{color: rgba(218,118,164,1.00); font-weight: bold; border-bottom: 1px solid rgba(218,118,164,0.75);}
.dir-department.page-restaurant .heading .row-lg > .col	{padding-right: 0; padding-left: 0; text-align: center;}
.dir-department.page-restaurant .heading .row-lg > .col:nth-of-type(2)	{font-size: 3.0vw}
.dir-department.page-restaurant .heading .row-lg > .col:last-child b 	{line-height: 1.0;}
.dir-department.page-restaurant .preventive-measure ul li	{width: 50%; padding: 10px 0 0 5px; font-size: 3.0vw; box-sizing: border-box;}
.dir-department.page-restaurant .preventive-measure ul li:nth-child(odd)	{padding: 10px 5px 0 0;}
.dir-department.page-restaurant .preventive-measure ul li div	{padding: 10px 0; text-align: left; vertical-align: middle;}
.dir-department.page-restaurant .preventive-measure ul li img	{display: inline-block; height: 30px; margin: 0 10px; vertical-align: middle;}
.dir-department.page-restaurant .preventive-measure ul li p	{display: inline-block; }

.dir-department.page-wedding h1.title	{margin-top: 0.5em;}
.dir-department.page-wedding .list-plan ul.reset li:not(:first-child) 	{margin-top: 3.0em;}
.dir-department.page-wedding .list-plan ul li .field .caption	{padding: 0 20px;}

.page-sportsclubschool main section h1 + nav ul li a 	{font-size: 3.0vw;}

.ui-schedule + .select-date{margin-bottom: 20px}
.select-date .year .item-select{display: block; margin-bottom: 10px;}
.select-date .year .item-select select{display: block; width: 100%; padding: 5px 0; font-size: 4vw; text-indent: 0.25em; box-sizing: border-box;}
.select-date ul{margin-bottom: 10px;}
.select-date li{width: 16.666%; font-size: 3.0vw;}
.select-date li a, .select-date li b{padding: 5px 0;}
.select-date li em{font-size: 1rem;}
.ui-schedule.table table caption{font-size: 3.0vw;}
.ui-schedule.table table th, .ui-schedule.table table td{padding: 5px; border-left: 2px solid #ffffff; font-size: 2.5vw;}
.ui-schedule.table table tbody td{border-top: 2px solid #ffffff;}
.ui-schedule.table table tbody tr.sat td:nth-of-type(2){background-color: rgba(218,0,92,0.15);}
.ui-schedule.table table tbody tr.sun td:nth-of-type(2){background-color: rgba(30,35,128,0.15);}
.page-schedule .item-tab.link-tab ul > li a, .page-schedule .item-tab.link-tab ul > li span, .page-schedule .item-tab.link-tab ul > li.active{ height: 40px; line-height: 36px; padding: 0; box-sizing: border-box;}
.page-schedule .item-tab.link-tab ul > li.lf a, .page-schedule .item-tab.link-tab ul > li.lf span{ line-height: 1.2; font-size: 12px;}
.page-schedule .item-tab.link-tab ul > li.lf a:before, .page-schedule .item-tab.link-tab ul > li.lf span:before{ display: block; content: ""; width: 100%; height: 2px;}


.swiper-pagination-bullet	{width: 10vw !important;}
.slider-kv .swiper-slide .caption p	{display: block;}
}

@media screen and (min-width: 835px) {
.container	{width: 1060px; margin-right: auto; margin-left: auto;}
header:before	{display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background-color: rgba(218,0,92,1.00); z-index: 1;}
header .container	{position: relative;}
header h1 a	{display: inline-block; width: 280px; height: 90px; margin: 20px 0; background: transparent url("../img/logo.png") no-repeat left top; background-size: 280px;}
header nav button:not(.menu-language)	{display: none;}
header nav .menu-language	{position: absolute; top: 145px; right: 0; width: 130px; padding: 5px 0; background-color: #eeeeee;}
header nav button.menu-language:after	{margin-left: 0.5em;}
header nav .global	{margin-right: 150px; font-size: 0;border-right: 1px solid #333;}
	
header nav .global li	{display: inline-block; /*width: 12.5%;*/ width: 14.285%; font-size: 1.6rem; vertical-align: top;}
/*header nav .global li:first-child	{width: 14.528%;}*/
header nav .global li a	{height: 40px; line-height: 40px; color: #444444;  border-left: 1px solid #333333; font-weight: bold;text-align: center;}
header nav .global li a:hover	{ color: rgba(218,0,92,1.00);}
header nav .global li.lf a	{line-height: 1.4;}
header nav .global li.lf a em	{display: block; font-size: 1.2rem;}

header nav .facility	{position: relative; margin-top: 20px; padding: 10px 0; font-size: 0; z-index: 1;}
header nav .facility li	{display: inline-block; /*width: 16.037%;*/ margin-left:  0.754%; font-size: 1.6rem; vertical-align: top;}
header nav .facility li:first-child	{margin-left: 0;}
header nav .facility li.nav-rental	{width: 122px;}
header nav .facility li.nav-e-office-space	{width: 143px;}
header nav .facility li.nav-sakura-college	{width: 133px;}
header nav .facility li.nav-sportsclub	{width: 224px/*184px*/; }
header nav .facility li.nav-stadium-tour	{width: 155px;}
header nav .facility li.nav-restaurant	{width: 142px;}
header nav .facility li.nav-wedding	{width: 143px;}
header nav .facility li a	{display: block; height: 40px; line-height: 40px; color: #ffffff; background-color: rgba(255,255,255,0.25);/* border: 2px solid #ffffff;*/ border-radius: 5px; box-sizing: border-box;font-size: 1.2rem; font-weight: bold;}
header nav .facility li a:hover,
.dir-department.page-rental header nav .facility li.nav-rental a,
.dir-department.page-e-office-space header nav .facility li.nav-e-office-space a,
.dir-department.page-sakura-college header nav .facility li.nav-sakura-college a,
.dir-department.page-stadium-tour header nav .facility li.nav-stadium-tour a,
.dir-department.page-restaurant header nav .facility li.nav-restaurant a,
.dir-department.page-wedding header nav .facility li.nav-wedding a{background-color: rgba(0,0,0,0.25);}
header nav .language	{position: absolute; top: 175px; right: 0; width: 130px; padding-top: 5px; border-top: 1px solid rgba(0,0,0,0.215);}
header nav button:not(.open) + .language	{display: none;}
header nav .language ul	{display: inline-block; margin: 0 auto 5px;}

/*header nav .facility	{position: relative; margin-top: 20px; padding: 10px 0; font-size: 0; z-index: 1;}
header nav .facility li	{display: inline-block; width: 16.037%;  margin-left:  0.754%; font-size: 1.6rem; vertical-align: top;}
header nav .facility li:first-child	{margin-left: 0;}
header nav .facility li a	{display: block; height: 40px; line-height: 40px; color: #ffffff; background-color: rgba(255,255,255,0.25); border-radius: 5px; box-sizing: border-box;font-size: 1.2rem; font-weight: bold;}
header nav .facility li a:hover,
.dir-department.page-rental header nav .facility li.nav-rental a,
.dir-department.page-e-office-space header nav .facility li.nav-e-office-space a,
.dir-department.page-sakura-college header nav .facility li.nav-sakura-college a,
.dir-department.page-restaurant header nav .facility li.nav-restaurant a{background-color: rgba(0,0,0,0.25);}*/

footer .nav-footer	{margin-top: 40px; background-color: #f1f1f1;}
footer .nav-footer ul	{font-size: 0; text-align: center;}
footer .nav-footer ul li	{display: inline-block; margin-left: 20px; font-size: 1.4rem;}
footer .nav-footer ul li:first-child	{margin-left: 0;}
footer .nav-footer ul li a	{color: #333333;}
footer .nav-footer ul li a:before	{display: inline-block; content: "\f105"; margin-right: 0.25em; font-family: fontAwesome;}
.nav-footer	{padding: 20px 0; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7;}
footer p	{margin: 0; padding:  20px 0; font-size: 1.2rem; text-align: center;}

	
.ttl-top	{ font-size: 3.0rem;}
.ttl-top em	{ display: inline-block; margin-left: 2.0em; color: #ffffff; border-bottom: 1px solid #ffffff; font-size: 1.2rem;}

.ui-news.list > ul li	{font-size: 0;}
.ui-news.list > ul li a	{display: table; width: 100%; padding: 20px; box-sizing: border-box;}
.ui-news.list > ul li span, .ui-news.list > ul li span + b, .ui-news ul li p, .ui-news ul li div	{display: table-cell; margin: 0; padding: 0; font-size: 1.6rem; vertical-align: top; box-sizing: border-box; vertical-align: middle;}
.ui-news.list > ul li span	{width: 1%; padding-right: 2.0em; font-size: 1.4rem; white-space: nowrap;}
.ui-news.list > ul li div	{width: 150px; padding-right: 20px; box-sizing: border-box;}
.ui-news.list > ul li span +  b + p	{padding-left: 2.0em;}

.ui-news.grid-lg > ul	{font-size: 0;}
.ui-news.grid-lg > ul li	{display: inline-block; font-size: 1.6rem;}
/*.event .ui-news.grid-lg > ul li	{width: 31.428%; margin: 2.857% 0 0 2.857%; vertical-align: top;}
.event .ui-news.grid-lg > ul li:nth-of-type(3n + 1)	{margin-left: 0;}
.event .ui-news.grid-lg > ul li:nth-of-type(-n + 3)	{margin-top: 0;}*/
.event .ui-news.grid-lg > ul li	{width: 23.584%; margin: 1.886% 0 0 1.886%; vertical-align: top;}
.event .ui-news.grid-lg > ul li:nth-of-type(4n + 1)	{margin-left: 0;}
.event .ui-news.grid-lg > ul li:nth-of-type(-n + 4)	{margin-top: 0;}
.pickup .ui-news.grid-lg > ul li	{width: 31.428%; margin: 2.857% 0 0 2.857%; vertical-align: top;}
.pickup .ui-news.grid-lg > ul li:nth-of-type(3n + 1)	{margin-left: 0;}
.pickup .ui-news.grid-lg > ul li:nth-of-type(-n + 3)	{margin-top: 0;}
.pickup .ui-news.list > ul li span, .pickup .ui-news.list > ul li span + b, .pickup .ui-news ul li p, .pickup .ui-news ul li div	{display: block;}
.pickup .ui-news ul li div img	{width: 293px; height: 220px; object-fit:  cover;}
/*.dir-top .gallery .ui-news.grid-lg > ul	{padding: 0 40px;}*/
.gallery .ui-news.grid-lg > ul li	{width: 22.680%; margin: 0 0 3.092% 3.092%; vertical-align: top;}
.dir-gallery .gallery .ui-news.grid-lg > ul li	{width: 23.584%; margin: 0 0 1.886% 1.886%;}
.gallery .ui-news.grid-lg > ul li:nth-of-type(4n + 1)	{margin-left: 0;}
.dir-top .gallery .ui-news.grid-lg > ul li	{width: 31.428%; margin: 0 0 2.857% 2.857%;}
.dir-top .gallery .ui-news.grid-lg > ul li:nth-of-type(3n + 1)	{margin-left: 0;}
.dir-top .gallery .ui-news.grid-lg > ul li:nth-of-type(-n + 3)	{margin-top: 0;}
/*.ui-news.grid-lg > ul li span	{display: block; margin-top: 5px; font-size: 1.4rem;}*/
	
.dir-top .unit-rights-lg	{font-size: 0; width: 75%; margin: 0 auto;}
.dir-top .unit-rights-lg > .col	{display: inline-block;  margin: 1.886% 0 0 1.886%; font-size: 1.6rem;}

.dir-top .unit-rights-lg > .col	{width: 32.075%;}
.dir-top .unit-rights-lg > .col:nth-of-type(3n+1)	{margin-left: 0;}
.dir-top .unit-rights-lg > .col:nth-child(-n+3)	{margin-top: 0;}

.list-partners	{padding: 40px 0; /*background-color: #eeeeee;*/}
.list-partners dt	{display: block; position: relative; margin: 40px 0 20px; text-align: center;}
.list-partners dt:first-child	{margin-top: 0;}
.list-partners dt:before	{display: block; content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #b7b7b7; }
.list-partners dt em	{display: inline-block; position: relative; padding: 10px 20px; /*background-color: #eeeeee;*/ background-color: #ffffff; border: 1px solid #c7c7c7; font-size: 1.4rem; font-weight: bold; line-height: 1.0; z-index: 1;}
.list-partners dt em:before	{display: block; content: ""; position: absolute; top: 0; left: -3px; width: 2px; height: 100%; background-color: #ffffff;}
.list-partners dt em:after	{display: block; content: ""; position: absolute; top: 0; right: -3px; width: 2px; height: 100%; background-color: #ffffff;}
.list-partners ul	{font-size: 0; text-align: center;}
.list-partners ul li	{display: inline-block; font-size: 1.6rem; vertical-align: top;}
.list-partners .naming-rights ul li	{width: 32.075%; margin: 1.886% 0 0 1.886%;}
.list-partners .naming-rights ul li:nth-of-type(3n+1)	{margin-left: 0;}
.list-partners .naming-rights ul li:nth-of-type(-n+3)	{margin-top: 0;}
.list-partners .support ul li	{width: 23.584%; margin: 1.886% 0 0 1.886%;}
.list-partners .support.yodokou ul li	{width: 33.584%; margin: 1.886% 0 0 1.886%;}
.list-partners .support ul li:nth-of-type(4n+1)	{margin-left: 0;}
.list-partners .support ul li:nth-of-type(-n+4)	{margin-top: 0;}

.dir-news .heading, .dir-news .body, .dir-gallery .heading, .dir-gallery .body	{width: 800px; margin:  0 auto;}
.dir-news .heading, .dir-gallery .heading, .dir-events .heading, .dir-gallery .heading	{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #c7c7c7;}
article .heading h1{font-size: 2.4rem;}
article .l-nav + .heading h1{margin-top: 2.0em;;}
article .heading, article .body{width: 800px; margin: 0 auto;}
article .heading .row{width: 100%;}
article .heading .row .col:last-child{text-align: right;}
article .heading p{text-align: center;}
.body p.pdf:before, .dir-events .body table td.pdf a:before, .body p.link:before, .dir-events .body table td.link a:before{top: 0.25em;}

.dir-top .outline	{position: relative;}
.outline .field{background: transparent url("../img/bg-top-v2.jpg") repeat right top; background-size: contain;}
/*.dir-top .bg-horizontal	{background: transparent url("../img/bg-top.jpg?220225") repeat left top; background-size: 125%;}
.dir-top .bg-horizontal.event	{background-position: right bottom;}*/
.dir-top .bg-horizontal .container, .dir-top section.gallery	{position: relative; padding: 40px 0;}
.dir-top .bg-horizontal.pickup .container	{padding-top: 0;}
.dir-top .bg-horizontal .container *	{position: relative; z-index: 1}
.dir-top .naming-rights p{ font-size: 1.4rem;}
.dir-top .naming-rights p.height-pc{ height: 50px;}
/*.dir-top .bg-horizontal .container:before	{display: block; content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;}
.dir-top .bg-horizontal .container:after	{display: block; content: ""; position: absolute; top: 0; left: 0; width: 900px; height: 100%;}
.dir-top .news .container:before	{background-color: rgba(218,0,92,0.85);}
.dir-top .news .container:after	{background-color: rgba(218,0,92,0.85);}
.dir-top .event .container:before	{background-color: rgba(30,35,128,0.85);}
.dir-top .event .container:after	{background-color: rgba(30,35,128,0.85);}*/
.dir-top .bg-horizontal.pickup	{margin-top: 10px; color: #333333; background-color: rgba(255,255,255,1); border-top: 1px solid #c7c7c7;}
.dir-top .bg-horizontal.news	{background-color: rgba(218,0,92,0.85);}
.dir-top .bg-horizontal.event	{background-color: rgba(30,35,128,0.85);}
/*.dir-top .bg-horizontal .ui-news	{width: 700px;}*/
/*.dir-top .item-sns	{position: absolute; top: 40px; right: 0; width: 100%; height: 0px;}
.dir-top .item-sns .container	{display: flex; justify-content: flex-end;}*/
.dir-top .item-sns .container	{display: flex; justify-content: center; margin-top: 40px;}
.dir-top .gallery .container .ttl-top	{color: rgba(218,0,92,1.00); /*text-align: center;*/}
.dir-top .gallery .container .ttl-top em	{color: rgba(218,0,92,1.00); border-bottom-color: rgba(218,0,92,1.00);}
/*.dir-top .gallery .container .ttl-top b	{display: block;}*/
	
/* Top banner 1
.item-banner{ padding: 20px 0; background-color: #fff; text-align: center;}
.item-banner .list li{ display: inline-block; vertical-align: top;}
.item-banner .list img{ width: 80%}*/
	
/* Top  banner 2
.item-banner .list{ font-size: 0;}
.item-banner .list li{ display: inline-block; width: 49.056%; margin: 0 0 0 1.886%; font-size: 1.6rem; vertical-align: top;}
.item-banner .list li:first-child{ margin-left: 0;}*/
	
.dir-news .container .ui-news ul, .page-events .container .ui-news ul, .page-sportsclubschool .container .ui-news ul, .dir-gallery .container .ui-news ul	{margin-bottom: 40px;}
.dir-news .container .ui-news, .dir-gallery .container .ui-news	{padding-bottom: 40px;}
.dir-news .container .pickup .ui-news	{padding-bottom: 0;}
.news .l-nav ul li{width: 100%;}
.news .l-nav ul li a, .news .l-nav ul li div	{padding: 1.0em 0;}
.news .l-nav ul li:not(:first-child) a, .news .l-nav ul li:not(:first-child) div {border-left: 1px solid #555555;}
.dir-department.page-rental .tab-content .item-button a	{display: block;}
.dir-department .heading h1 em{display: inline-block; margin-left: 1.0em; padding: 5px 10px; background-color: #ffffff; border-radius: 5px; font-size: 1.6rem; line-height: 1.0; vertical-align: 4px;}
.dir-department .heading .unit-2 .col p	{margin-top: 10px;  text-align: center;}
.dir-department .heading .unit-2 + p	{margin-top: 40px; padding: 40px; background-color: rgba(255,255,255,0.15)}
.dir-department .heading .unit-2 + p strong	{display: block; margin-bottom: 20px; font-size: 20px;}
.dir-department table, .dir-guide table:not(.table)	{width: 100%;;}
.dir-department table th, .dir-department table td, .dir-guide table:not(.table) th, .dir-guide table:not(.table) td	{ border-bottom: 5px solid #ffffff;}
.dir-department .opening-cp em b 	{font-size: 30px;}
.dir-department.page-restaurant .heading .standard	{width: 720px;}
.dir-department.page-restaurant .heading .row-lg > .col.bg-gold	{width: 150px; box-sizing: border-box;}
.dir-department.page-restaurant .reservation.box	{padding: 40px}
.dir-department.page-restaurant .preventive-measure ul li	{width: 12.830%; margin-left: 1.698%; font-size: 1.4rem;}
.dir-department.page-restaurant .preventive-measure ul li:first-child	{margin-left: 0;}
.dir-department.page-restaurant .preventive-measure ul li div	{height: 136px;}
.dir-department.page-restaurant .preventive-measure ul li img	{display: inline-block; width: 100px; margin: 20px 0 5px;}

/*.dir-department.page-wedding .list-plan ul li	{margin-top: 80px;}
.dir-department.page-wedding .list-plan ul li .field	{position: relative;}
.dir-department.page-wedding .list-plan ul li .field .photo	{display: inline-block; position: relative; width: 80%;}
.dir-department.page-wedding .list-plan ul li.stadium-photo .field	{text-align: right;}
.dir-department.page-wedding .list-plan ul li .field .photo:before	{display: block; content: ""; position: absolute;width: 100%; height: 100%; background-color: rgba(218,0,92,0.15);}
.dir-department.page-wedding .list-plan ul li.stadium-photo .field .photo:before	{left: -40px; top: -40px;}
.dir-department.page-wedding .list-plan ul li.stadium-wedding .field .photo:before	{right: -40px; bottom: -40px;}
.dir-department.page-wedding .list-plan ul li .field .photo img	{display: block; position: relative; z-index: 1;}
.dir-department.page-wedding .list-plan ul li .field .caption	{position: absolute; width: 40%; padding: 20px; background-color: rgba(255,255,255,0.9); text-align: left; box-sizing: border-box;z-index: 2;}
.dir-department.page-wedding .list-plan ul li.stadium-photo .field .caption	{top: 40px; left: 0;}
.dir-department.page-wedding .list-plan ul li.stadium-wedding .field .caption	{top: 40px; right: 0;}*/

.dir-department.page-wedding .list-plan ul li	{margin-top: 0; padding: 40px 0;}
.dir-department.page-wedding .list-plan ul li.stadium-wedding	{border-top: 2px dotted #dddddd;}
.dir-department.page-wedding .list-plan ul li .field	{display: flex; align-items: center;}
.dir-department.page-wedding .list-plan ul li.stadium-wedding .field	{flex-direction: row-reverse;}
.dir-department.page-wedding .list-plan ul li .field .photo	{position: relative; width: 80%;}
.dir-department.page-wedding .list-plan ul li .field .photo:before	{display: block; content: ""; position: absolute;width: 100%; height: 100%;}
.dir-department.page-wedding .list-plan ul li.stadium-photo .field .photo:before	{left: -40px; top: -40px; background-color: rgba(218,0,92,0.15);}
.dir-department.page-wedding .list-plan ul li.stadium-wedding .field .photo:before	{right: -40px; bottom: -40px; background-color: rgba(30,35,128,0.15);}
.dir-department.page-wedding .list-plan ul li .field .photo img	{display: block; position: relative; z-index: 1;}
.dir-department.page-wedding .list-plan ul li .field .caption	{width: 50%; padding: 20px; background-color: rgba(255,255,255,0.9); text-align: left; box-shadow: 0px 0px 20px 0 rgba(0,0,0,0.10); box-sizing: border-box; z-index: 2;}
.dir-department.page-wedding .list-plan ul li.stadium-photo .field .caption	{margin-left: -80px; border-bottom: 5px solid rgba(218,0,92,0.5);}
.dir-department.page-wedding .list-plan ul li.stadium-wedding .field .caption	{margin-right: -80px; border-bottom: 5px solid rgba(30,35,128,0.5);}

.page-sportsclubschool .body .photo img	{max-width: 500px; width: auto;}

.select-date{position: relative; width: calc(100% - 400px); margin: 0 auto 20px;}
.select-date .year{display: flex; align-items: center; justify-content: left; position: absolute; top: 0; left: 0; width: 100px; height: 100%;}
.select-date .item-select{display: block; width: 90px;}
.select-date .item-select select{padding: 10px 0; font-size: 1.6rem; text-indent: 10px;}

.slider-kv .swiper-slide .caption p	{max-width: 1060px; padding: 0.5em 1.0em; border-radius: 10px 10px 0 0;}

}

@media screen and (min-width: 835px) {
.bnr-slider { width: 1060px;}
}
.bnr-slider { width: 100%; position: relative; text-align: center; padding: 0; margin: 20px 0 30px;}
.bnr-slider .swiper-wrapper { width: auto;}
.bnr-slider .swiper-slide img { width: 520px;}
	
@media screen and (max-width: 834px) {
.bnr-slider img { width: auto; height: auto;}
}