@charset "UTF-8";
/* CSS Document */

#content{ padding: 50px 0 0;}

.sp-dsp{ display: none;}
.pc-dsp{ display: inherit;}
.gray-wall{ background: #F0F0F0;}


/*============================================
 key
============================================*/

.main-v{position:relative;}
.main-logo{position:absolute;top: 50%; left: 50%; transform: translate(-50%,-50%);width:30%;z-index:24; background-color: rgba(255, 255, 255,0);padding:1.5em;opacity: .85;}
.mainslidewrap {width: 100%;display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center;}
.main-grid {width: 33.3%;}
.slide-single {position:relative;padding:0;}
.slide-single .pogoSlider img{width:100%;height:auto;margin-top:-2em;}
.slide-single p {position:absolute;bottom: .1em;right:.4em;color: #fff;font-weight: 100;font-family: 'Barlow Semi Condensed', sans-serif;font-size:30px;}

.key-txt{margin-top:3em;}
.key-txt h1{text-align:center;line-height: 1.8; font-size: 25px;}

@media screen and (max-width: 768px){
}


/*============================================
  INDEX contents
============================================*/

p.top-cmnt{ padding: 2em 0 1em; text-align: center;}

/*スライダー*/
.slick-slide{opacity: 0;transition: .25s;}
.slick-active{ opacity: 1;}
/*.slick-initialized .slick-slide{ display: flex; flex-wrap: wrap;}*/
.slick-prev, .slick-next{z-index: 5; width: 50px; height: 50px; top: 50%;}
.slick-next{ right: 0;}
.slick-prev{ left: 0;}
.slider{display: none;}
.slider.slick-initialized{display: block; /*slick-initializedが付与されたら表示*/}
	
.slick-prev:before, .slick-next:before{ font-family: fontAwesome; background: rgba(0, 0, 0,.7); display: flex; text-align: center; align-items: center; justify-content: center; width: 50px; height: 50px; line-height: 1; opacity: .95;}
.slick-next:before{ content: "\f105";}
.slick-prev:before{ content: "\f104";}

/*リスト内*/
p.list-img {width: 100%;position:relative;}
p.list-img img{ width: 100%;}
p.list-ttl{font-size: 16px; font-weight: 700; padding: 1em 0 .5em; letter-spacing: .03em;}
p.list-txt{font-size: 14px;}

.list-deta{width: 85%; position: absolute; bottom: 0;}
p.list-date{font-size: .75em; color: #BDC5CA;}
p.list-more{font-size: .8em; letter-spacing: .15em; line-height: 1;}
p.list-more a{border-right: 1px solid; padding-right: .5em;}

.page-more {line-height: 1;text-align:center;}
.page-more a{color: #000; border: 1px solid; padding: .4em 1em .5em;font-size:16px;font-family:'Barlow Semi Condensed', sans-serif;font-weight: 300;letter-spacing: .2em;}

/*EVENT contact*/
.sec-contact{ padding:4em 0;color: #000;}
.sec-contact-s{ padding:2em 0;}
.sec-contact .inttl{ display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;border:3px solid #000;}
.sec-contact .inttl-txt{width:90%;padding:1em;}
.sec-contact .inttl-mail{width:10%;border-left:1px dotted;position:relative;}
.sec-contact .inttl-txt h3{font-weight: 800;font-size:20px;margin-bottom:.25em;}
.sec-contact .inttl-txt p{font-size:16px;}
.sec-contact .inttl-mail a{width:100%;text-align:center;padding:.75em 1em;display:block;font-size:18px;font-weight:500;font-family: 'Barlow Semi Condensed', sans-serif;position: absolute; top: 45%; transform: translate(-0%,-45%); }
.sec-contact .inttl-mail a:hover,.sec-contact .inttl-mail i:hover{color:#ff3371;display:block;}
.sec-contact .inttl-mail i{font-size:40px;display:block;}

/*==================
 news
==================*/
section.news{background:#f6f6f6;padding:4em 5% 5em;}
.news-list{ display: flex; flex-wrap: wrap; margin: 2em 0 1em; justify-content: space-between;}
.news-list:before{content:"";display: block;width:22%;order:1;}
.news-list:after{content:"";display: block;width:22%;}
.news-list > div{ width: 22%; padding: 0 0; margin-bottom: 3em;background:#fff;}
span.news-tag{ background: rgba(0,0,0,0.3); position: absolute; right: 0; bottom: 0px; z-index: 1; padding: .15em .35em;color:#fff;font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 400;font-size:16px;}
span.news-tag svg{ fill:#fff; width: 100%;}
.newstxt{padding:.5em 1.5em 0;position:relative;margin-bottom:1em;}
.news-list p.list-ttl{padding:1em 0 2em;}
.news-list p.list-txt{padding:0 0 3em;text-align: justify;}
.news-list .list-deta{left:1.5em;bottom:1em;padding-top:1em;}

/*switch*/
.tab-contents { display: none;animation: fadeIn 1.5s ease 0s 1 normal; -webkit-animation: fadeIn 1.5s ease 0s 1 normal;}
.tab-contents.current { display: block;}



/*keyword*/
.keyword-tag p.inttl{ margin-top: 2em; font-size: 21px; text-align: center;font-family: 'Oswald', sans-serif; color: #9B9A9A; font-weight: 300; letter-spacing: .28em;}
.keyword-tag p.tag{ padding: 1em 0 0; display: flex; flex-wrap: wrap; justify-content: center;}
.keyword-tag p.tag span{ display: block; margin: 0 .5em 1em;}
.keyword-tag p.tag a{color: #9B9A9A; border: 1px solid; border-radius: 50px; padding: .35em 1em; letter-spacing: .05em;}
.keyword-tag p.tag a:hover{background: #9B9A9A;color: #fff;}


/*==================
 event
==================*/
/*list*/
section.event{padding:4em 0 5em;}
.event-list{ margin: 2em 0 0;}
.event-list .slick-prev, .event-list .slick-next{top:25%;}
.eventbox{margin-bottom:2em;padding:0 1.5em;}
.eventbox img{max-img:100%;}
p.event-tag{width:100%;padding:0;margin-top:1em;}
p.event-tag span{display:inline-block;background: #000; color: #fff; font-size:.7em; padding: .25em .5em;font-weight: 400;font-family:'Barlow Semi Condensed', sans-serif;}
p.event-tag span + span{ margin-left: .5em;}
.event-info{ padding: 0 0 .25em; margin: .2em 0 0; display: flex; justify-content: space-between; align-items: center;border-bottom:1px dotted #ccc;}
p.event-day{font-weight: 600;font-family:'Barlow Semi Condensed', sans-serif;font-size:40px;}
p.event-day span{font-size:18px;padding-left:.5em;}
p.audition-day{color:#ff3371;}
p.audition-day span{padding-left:0em;}
p.event-place{font-size: 12px;line-height:1.4;padding-top:5px;}
p.event-place span{display: block; text-align: right;font-weight:bold;font-size: 14px;}

.eventbox p.list-ttl{margin-bottom:2.5em;}


/*==================
 studio
==================*/

section.studio{background:#f6f6f6;padding:4em 5% 5em;}
section.studio .fnt-pnk{margin-bottom:2.5em}
section.studio h2{text-transform: uppercase;}
section.studio h2 span{font-size: 18px;}
#slider-st{ margin: 2em 0; display: flex; flex-wrap: wrap; justify-content: space-between;}

section.studio h3{text-align:center;font-size:24px;font-weight:bold;margin-bottom:2em;}

.studiobox{ width: 30%; padding: 0 0 2em;}
.studiobox span.st-tag { background: #d4b558; position: absolute; right: -10px; top: -10px; z-index: 1; padding: 0em .5em;color:#fff;font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 500;font-size:18px;box-shadow: 0 2px 2px rgba(120,120,120,0.3);}
.studiobox span.st-tag2 { background: #83c9c8; position: absolute; right: -10px; top: -10px; z-index: 1; padding: 0em .5em;color:#fff;font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 500;font-size:16px;box-shadow: 0 2px 2px rgba(120,120,120,0.3);}
p.st-name{ padding: 1em 0 .5em; font-weight: 700;}

#slider-st2,#slider-st2 .inner{display: flex; flex-wrap: wrap; justify-content: space-between;}
#slider-st2 .studiobox{ width: 22%; margin-bottom: 3em;padding: 0 0;background:#fff;}
#slider-st2 .inner:before{content:"";display: block;width:22%;order:1;}
#slider-st2 .inner:after{content:"";display: block;width:22%;}
/*#slider-st2 .studiobox p.list-img {height:170px;overflow:hidden;background:#ddd;}
#slider-st2 .studiobox p.list-img img{position:absolute;top: 50%; left:50%; transform: translate(-50%,-50%);}*/
#slider-st2 .studiobox p.st-tag span{ display: none;}
.studiobox span.st-tag2 {right: 0px; top: 0px; z-index: 13;}
#slider-st2 .studiobox .st-txt-box{padding:.5em 1em 1.5em;}
#slider-st2 .studiobox p.st-name{font-size: 14px;}
#slider-st2 .studiobox p.st-category{margin-bottom:1em;}
#slider-st2 .studiobox p.st-category span{font-size: 13px;color:#83c9c8;border:2px solid;padding:.5em;}
#slider-st2 .studiobox p.list-txt{ font-size: 13px;}

#slider-st2 .tdl-dancer-all{background:none!important;}
#slider-st2 .tdl-dancer-all .st-txt-box{padding:0 0;text-align:center;}
#slider-st2 .tdl-dancer-all p.st-name{font-size: 1.5em; line-height:1.3;font-family: 'Barlow Semi Condensed', sans-serif;}

#slider-st2.slider_same_district .studiobox:nth-child(n+5) {
  display: none;
}

/*==================
 BACK NUMBER
==================*/

section.backnumber{ padding: 4em 0 5em;}

#slider-backnbr{ padding: 1em 5em 2em; line-height: 1;}

#slider-backnbr .bn-box{padding:0 1em;;}
#slider-backnbr .bn-box img{margin-bottom:.5em;}
p.bn-date{font-size: 14px; font-weight:bold; width: 100%;text-align:center;line-height:1.5;}
p.bn-date span{display: block;font-weight:normal;font-size:12px;}
p.bn-txt{width: 100%; margin: 2em auto;font-size: 14px; font-weight:bold; letter-spacing: .15em;text-align: center; padding:1em 0 0;}

/*==================
 DANCER
==================*/
section.pick-dancer{ background: #333; color: #fff; padding: 4em 0 5em;}
section.pick-dancer p.top-cmnt{ padding-bottom: 5em;}

.dancer-list{ display: flex; flex-wrap: wrap; justify-content: space-between;padding: 2em 10%;}
.dancerbox{ width: 20%; padding: 0 0;margin-bottom:2em;border:6px solid #666;}
.dancerbox p{ text-align: center;}
p.dc-img{position:relative;}
p.dc-img img{ margin: 0 auto;}
p.dc-style{font-family: 'Roboto',sans-serif; font-size: .78em; letter-spacing: .4em; font-weight: 600;color:#83c9c8;}
p.dc-name{ font-family: 'Roboto',sans-serif; font-weight: bold; font-size: 20px; letter-spacing: .15em;}
p.dc-name span{ display: block; font-size: 11px; font-weight: 600; color: #ccc;}

.dc-more{position: absolute; bottom: 0;text-align:center;width:100%;background: rgba(0,0,0,0.6);padding:1em 0;}
.dc-more:after{position: absolute; bottom: 0; right:0;content:""; width: 0;height: 0;border-style: solid;border-width: 0 0 15px 15px;border-color: transparent transparent #83c9c8 transparent;}
.dc-more a{ border-bottom: 1px solid; padding: 0 .5em .25em;}

p.all-view {line-height: 1;text-align:center;}
p.all-view  a{color: #fff; border: 1px solid; padding: .4em 1em .5em;font-size:16px;font-family:'Barlow Semi Condensed', sans-serif;font-weight: 300;letter-spacing: .2em;}

/*==================
 LINK RECOMMEND-SCHOOL RECOMMEND-STUDIO 
==================*/

section.link{ padding: 3em 0 1em;}
section.underlink{ padding: 0em 0 4em;}
section.reco-school{ padding: 2em 0 3em;}

section.link h2{margin-bottom:1em;}
section.reco-school h2,section.reco-studio h2{margin-bottom:.5em;}

.link-list{display: flex; flex-wrap: wrap; justify-content: space-between;}
.linkbox {width: 22%;}

.recbox {width: 14%;}
.recbox a{ display: block;}
.recbox a span{ display: block; text-align: center; font-size: .7em; font-weight: bold; line-height: 1.2; padding: 2em 0 1em;}

section.reco-studio{ background: #f6f6f6; padding: 3em 0 3em;}
section.reco-studio .inner{padding: 0 5%;}

.reco-stbox{ width: 25%;}
.reco-stbox img{ width: 70%; margin: 0 auto;}
.reco-stbox  a span{ display: block; text-align: center; font-size: .7em; font-weight: bold; padding: 2em 0 0;}

/*==================
SEC ABOUT
==================*/

.sec-foot{line-height: 2;background: #000; color: #fff;}
.sec-foot > .inner{ padding: 4em 0 2em;}
.f-logo-ttl img{ fill:#000; width: 30%; margin-bottom: 2em;}

.sec-foot p.txt{ padding-bottom: 1.5em; text-align: justify;font-size:12px;}
.sec-foot p.info{ padding-top: 1.5em;}
.sec-foot p.info span{ font-weight: bold;}
.sec-foot p.info span span{ border-left: 1px solid; padding-left: .5em;}

.sec-foot dl{ margin-top: 1em;}
.sec-foot dl dd{ display: flex; line-height: 1; margin-top: 1em;position:relative;padding-left:1.5em;font-size:14px;}
.sec-foot dl dd p:nth-child(1){ width: 15%;}
.sec-foot dl dd::before{ font-family: fontAwesome; content: "\f105";position:absolute;left:0;}

/*==================
Footer
==================*/

footer{background: #000; color: #fff;padding: 1em 0;}
footer p{ text-align: center; font-size: .85em; border-top: 1px solid;padding: 2em 0;}


/*============================================
  PAGE : contents
============================================*/

.keyvis{ display: flex; justify-content: center;}
#container.under #content{ padding: 80px 0;}
#container.under .top-cmnt{ width: 90%; margin: 0 auto; text-align: justify;}

/*============================================
  pankuzu
============================================*/
.breadcrumbs{width:100%; background:#fff; line-height:1.4;border-top:1px dotted #ccc;}
.breadcrumbs ol{padding:.8em 0 1em;}
.breadcrumbs li{position:relative;display:inline-block;margin-right:1.5em;font-size: 14px;}
.breadcrumbs li:not(:last-child)::after{position:absolute;content:"／";right:-1.5em;top:0;color:#999;}
.breadcrumbs li a:hover{text-decoration:underline;}

/*============================================
Key Visual
============================================*/
#underpage.main_view{ overflow: hidden; position: relative;}
#underpage.main_view img{ width: 100%;}
#underpage.main_view .keyin {position: absolute; top: 45%; left: 50%; transform: translate(-50%,-45%); z-index: 1; background:none; color: #fff; text-align: center; width: 100%; padding: 2em 0 3em;}
#underpage .main_view .keyin h1 #underpage.main_view .keyin h1 span{ color: #fff;}
#underpage.main_view .keyin h1{ font-size:55px;font-family:'Barlow Semi Condensed', sans-serif; font-weight: 900;letter-spacing: .1em;text-transform: uppercase;}
#underpage.main_view .keyin h1 span{font-size:16px; display:block; line-height: 1.6; font-family: "メイリオ","ms pgothic", sans-serif; padding-top:.3em; font-weight: normal;letter-spacing: .05em;}
#underpage.main_view .rental-icon{width:120px;display:block;position: absolute; bottom: 7%; left: 50%; transform: translate(-50%,0%);}

/*==================
ABOUT US
==================*/
#aboutpage.main_view{ overflow: hidden; position: relative;}
#aboutpage.main_view img{ width: 100%;}
#aboutpage.main_view .keyin {position: absolute; top: 50%; left: 10%; transform: translate(-0%,-50%); z-index: 1; background:none; color: #000; text-align: left; width: 100%; padding: 2em 0 3em;}
#aboutpage.main_view .keyin h1{ font-size:55px;font-family:'Barlow Semi Condensed', sans-serif; font-weight: 900;letter-spacing: .1em;margin-bottom:.5em;}
#aboutpage.main_view .keyin h1 span{font-size:16px; display:block; line-height: 1.6; font-family: "メイリオ","ms pgothic", sans-serif; padding-top:.3em; font-weight: normal;}
#aboutpage.main_view .keyin p{font-size:16px; line-height: 2.2;letter-spacing: .1em;}

.about-img-wrap ul{display: flex; justify-content: space-between;}
.about-img-wrap li{width:33.33%;}
.about-img-wrap li img{width:100%!important;}

.about-contents-wrap{padding:3em 0;}
.about-contents-wrap a{display:block;position:relative;}
.about-contents-wrap p{text-align:center;font-size:16px; line-height: 2;margin-bottom:2em;}
.about-contents-wrap ul{display: flex; justify-content: space-between;flex-wrap: wrap;}
.about-contents-wrap li{position:relative;width:33.33%;padding:.5em;}
.about-contents-wrap li img{width:100%!important;}
.about-contents-wrap li:first-child,.about-contents-wrap li:nth-child(2){width:50%;}
.about-contents-wrap li h2{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);width:100%;color:#fff;font-size:34px;letter-spacing:.05em;}
.about-contents-wrap li:first-child h2,.about-contents-wrap li:nth-child(2) h2{font-size:45px;}

.about-ico-wrap{padding:1em 10% 4em;}
.about-ico-wrap ul{display: flex; justify-content: space-between;flex-wrap: wrap;}
.about-ico-wrap li{position:relative;width:12.5%;text-align:center;font-size:13px;}
.about-ico-wrap li img{width:60%;margin:0 auto 1em;}


/*==================
Rental Studio top
==================*/
.rental-wrap{padding:4em 0 3em;}
.rental-wrap h2{font-size:30px;}
.rental-lead{ padding: 1em 0 1em; text-align: left;width: 100%;text-align: justify;}
.fnt-pnk{margin:1em auto 0;color:#ff3371;display:block;border:3px solid;padding:.5em;font-weight:bold;text-align: justify;}
.fnt-pnk i{padding-right:.5em;}
.studio-map{ padding: 60px 60px 0;}
.studio-map > img{ max-width: 66%; height: auto;}
.map-area{ position: absolute; right: 60px; bottom: 0px; width: 35%;}
.map-area span{ color: #000; border-right: solid 1px #000; padding: 0 .5em; display: inline-block; line-height: 1;}
.map-area a > span{ color: #ff3371;}
.map-area a:nth-child(1) span{ padding-left: 0;}

.map-area p.area-ttl{ font-weight: bold;}
.map-area p.area-name{ padding-bottom: 1em;}

.rental-latest{margin-bottom:1em;}
.stage-span{padding-bottom:0em;line-height:1.1;}

/*==================
Rental Studio page
==================*/
.room-top{background:#f6f6f6;padding:5em 0 4em;}
.room-top .inner{background:#fff;padding:3.5em 3em 4em;}
.room-top .room-wrap{ display: flex; justify-content: space-between;padding-top:3em;}
.room-top .room-left{ width: 46%; padding: .5em 0 0;}
.room-top .room-right{ width: 46%; padding: 0 0;}

.room-top h1{font-size: 28px; text-align:left;font-weight: 700;line-height:1.4;width:100%;border-bottom:1px dotted #ccc;padding:0 .25em .25em;position:relative;}
.room-top h1 span{text-transform: uppercase;font-family:'Barlow Semi Condensed', sans-serif;font-weight: 300;font-size:24px;position:absolute;right:.25em;top: 50%; transform: translate(-0%,-50%);letter-spacing:.05px;color:#aaa;}
.room-top h1 p.event-day{position:absolute;right:.25em;top: -.3em;}
.room-top h1 p.event-day span{position:static;font-weight: 600;font-size:18px;padding-left:.5em;color:#000;}
.room-top h1.audition-h1 p.event-day,.room-top h1.audition-h1 p.event-day span{color:#ff3371;}

.room-left .shop_image{ background: none; margin: 0 auto 2em !important; width: 100%;}
.room-left .slide-room img{ width: 100%!important; margin:0;}
.room-left .shop_image dl{ width: 100%; padding: 0; margin: 0px 0 40px;}
.room-left .shop_image dd{ padding:0 0; position:relative;}
.room-left .shop_image .slick-next{ right: 10px; color: #fff !important; z-index: 1;}
.room-left .shop_image .slick-prev{ left: 10px; color: #fff  !important; z-index: 1;}
.room-left .shop_image ul.slick-dots{ width: 100px;bottom: 1.5em;}
.room-left ul.slick-dots{ position: absolute; display: flex; bottom: 1.5em; left:50%; transform: translate(-50%,0);justify-content: space-around; align-items: center; align-content: center; width: 20vw;}
.room-left ul.slick-dots li button{ position: relative; border: none; padding: 0;width: 12px; height: 12px; background: none;}
.room-left ul.slick-dots li button::before{ content: ""; position: absolute; top: 0; left: 0; background: #555; width: 12px; height: 12px; border-radius: 50%;}
.room-left ul.slick-dots li.slick-active button::before{ background: #fff;}


.room-top .shop-txt{padding: 0;}
.room-top .shop-txt p{ padding: 0; font-size: 16px; line-height: 1.8;}

.room-right h2{ text-align: left; font-size: 28px; font-weight:500;letter-spacing:0;margin-bottom:1em;}
.room-right h2 span{ display: inline-block; padding-left: 1em;}

.studio-eq {margin: 0 0;}
.studio-eq table {font-size: 14px; line-height:1.6;border-top: 1px solid #bbb; border-left: 1px solid #bbb; margin-bottom:3em; word-wrap: break-word; width:100%;}
.studio-eq table th {padding:15px;width:33%;border-right:1px solid #bbb; border-bottom:1px solid #bbb;font-weight:bold;vertical-align:middle;}
.studio-eq table td {padding:15px;border-right:1px solid #bbb;border-bottom:1px solid #bbb!important;vertical-align:middle;}


.room-right ul{margin-bottom:4em;}
.room-right ul:last-child{margin-bottom:0;}
.room-right li{margin-bottom:1em;position:relative;padding-left:2.5em;font-size:16px;}
.room-right li:before{position:absolute;left:0;font-size:18px;top: 50%; transform: translate(-0%,-50%);font-family: fontAwesome;}
.room-right li.station:before{content: "\f238";}
.room-right li.add:before{content: "\f041";left:.1em;}
.room-right li.tel{font-size:32px;padding-left:1.4em;font-family:'Barlow Semi Condensed', sans-serif;font-weight: 500;margin-bottom:.5em;color: #3cafad;}
.room-right li.tel:before{content: "\f10b";left:.1em;font-size:28px;color:#000;}
.room-right li.mail{font-size:22px;font-family:'Barlow Semi Condensed', sans-serif;font-weight: 400;padding-left:2em;}
.room-right li.mail:before{content: "\f003";}
.room-right li.web{font-size:22px;font-family:'Barlow Semi Condensed', sans-serif;font-weight: 400;padding-left:2em;}
.room-right li.web:before{content: "\f108";}
.room-right li a{color: #3fc2c0;}
.room-right li a:hover{color: #217c7b;}

/*==================
Event
==================*/

.event .top-cmnt{width: 100%!important; margin: 0;}
.event .tab-contents{display: none;}
.event .tab-contents.current{ display: flex;}

ul.event-tab{ display: flex; justify-content: center; margin: 2em 0;}
ul.event-tab li{ width: 20%; padding-right:.75em;}
ul.event-tab li:last-child{padding-right:0em;}
ul.event-tab li p{ color: #9B9A9A; border: 1px solid; text-align: center; font-size: 1.3em; letter-spacing: .05em; line-height: 1; padding: .75em 0; cursor: pointer;font-family:'Barlow Semi Condensed', sans-serif;font-weight: 400;}
ul.event-tab li p.current,ul.event-tab li p:hover{ color: #fff; background: #000; border-color: #000;transition: .3s;font-weight: 600;}

/*list*/
section.event{padding:4em 0 5em;}
.tab-contents .event-list,.event-list-wrap .event-list{ margin: 2em 0 0; display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;}
.tab-contents .event-list:before,.event-list-wrap .event-list:before{content:"";display: block;width:22%;order:1;}
.tab-contents .event-list:after,.event-list-wrap .event-list:after{content:"";display: block;width:22%;}
.tab-contents .eventbox,.event-list-wrap .eventbox{width:22%;margin-bottom:2em;padding:0 0;}
.tab-contents .eventbox p.list-img img,.event-list-wrap .eventbox p.list-img img{width:100%;border:1px solid #ddd;}

/*PAST EVENT*/
.event-past{padding:4em 0;background:#f6f6f6;}
.event-past h2{margin-bottom:1em;}
.event-past p{width: 100%; display: flex; flex-wrap: wrap; justify-content: start; margin:1em 0 0;font-weight:bold;padding:0;}
.event-past p span{display:block;}
.event-past a{width:6.6%;text-align:center;padding:0;font-weight:normal;}

.room-right p.event-tag{width:100%;padding:0;margin-top:.5em;}
.room-right p.event-tag span{display:inline-block;background: #000; color: #fff; font-size:14px; padding: .25em .75em;font-weight: 400;font-family:'Barlow Semi Condensed', sans-serif;}
.room-right p.event-tag span + span{ margin-left: .5em;}
.room-right .event-info{ padding: 0 0 .25em; margin: 0em 0 2em; display: flex; justify-content: space-between; align-items: center;border-bottom:none;}

.room-top h1{padding-right:20%;}
.room-top .event-txt{padding: 0;word-break: break-all;}
.room-top .event-txt div{background-color:#fff!important;width:100%;}
.room-top .event-txt p{ padding: 0; font-size: 15px; line-height: 1.8!important;color:#000;}
.room-top .event-txt b,.room-top .event-txt strong{font-weight:bold;}
.room-top .event-txt span{color:#000!important;}
.room-top .event-txt a{font-size: 16px;color:#ff3371 !important;text-align:center;}
.room-top .event-txt iframe{width:100%;}

/**/

.about-imgs{ display: flex; justify-content: center; margin-bottom: 100px;}

/* pager
========================================================================== */
.pager{text-align:center; padding:1em 0;}
.pager a{color:#AAAAAA;font-size:16px;}
.pager .num{display:inline-block; padding:.4em 1em; margin-bottom:.5em;}
.pager .num a{color:#ccc; display:inline-block; border:1px solid #ccc; padding:.4em 1em; margin-bottom:.5em;}
.pager .num a:hover{background-color:#ccc; border:1px solid #ccc; color:#FFFFFF; padding:.4em 1em; text-decoration:none; margin-bottom:1em;}
.pager .num .current_page{display:inline-block; border:1px solid #000; background-color:#000; color:#ffffff; padding:.4em 1em; margin-bottom:1em;font-size:16px;}
.pager span{display:inline-block;position:relative;}
.pager span i{font-size:20px;}
.center-block {display:block; margin:0 auto;}
.center-block2 {display:block; margin:1em auto;}


/*==================
News
==================*/ 
.news-wrap{background:#f6f6f6;padding:5em 0 4em;}
.news-wrap .inner{background:#fff;}
.news-wrap .news-mainimg{width:100%;margin-bottom:2em;border-bottom:0px solid #f6f6f6;}
.news-wrap .news-txtbox{padding:2em 3em 4em;}
.news-wrap h1{font-size: 28px; text-align:left;font-weight: 700;line-height:1.4;width:100%;border-bottom:1px solid;padding:0;position:relative;margin-bottom:2em;}
.news-wrap h2{font-size: 22px;text-align:left;margin:.5em 0;}
.news-wrap h3{font-size: 20px;text-align:left;font-weight:bold;}
.news-wrap a{color:#ff3371;}
.news-wrap .news-txtbox img,.news-wrap .news-txtbox iframe{display:block;margin:0 auto;}
section.news-under{background:#f6f6f6;padding:2em 5% 5em;}
section.news-cat h1{font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 700; font-size: 45px; text-align: center; letter-spacing: .1em;}
section.news-cat h1 span{ display: block; font-size: 14px; letter-spacing: .05em; padding-top: .5em;}
.news-txtbox img{height:auto!important;}
.news-txtbox strong{font-weight:bold;}
.news-txtbox big{font-size:1.4em;}

.howto-wrap ul{display: flex;flex-wrap: wrap;justify-content: space-between;width:100%;padding:0;margin:0;}
.howto-wrap li{width:22%;padding:0;margin-bottom:2.5em;}
.how{width:100%;margin:2em 0 0;}

.danreco-wrap ul{display: flex;flex-wrap: wrap;justify-content: space-between;width:100%;padding:0;margin:0;}
.danreco-wrap li{width:48%;padding:1.5em 1em;border:1px solid #000;margin-bottom:2em;}
.danreco-wrap li img{margin-bottom:1em!important}
.danreco-wrap li span{display:block;text-align:center;}
.danreco-wrap li p{margin:.5em 0 1.5em;}

.machi-img{float:right;margin:0 0 1em 2em!important;}

.connect-rank{margin-bottom:1em;}
.connect-rank ul{display: flex;flex-wrap: wrap;justify-content: space-between;width:100%;border:1px solid #ccc;padding:1.5em;margin-bottom:2em;}
.connect-rank li{width:49%;}
.connect-rank li:last-child{padding-left:1em;}
.connect-rank li p.rank-txt{font-size:.9em;font-weight:bold;text-align:center;margin:.5em 0;}
.connect-rank li p.rank-txt img{display:inline-block;vertical-align:middle;margin-top:-.4em;padding-right:1em;}
.connect-rank li p.number{font-size:1.3em;font-weight:bold;text-align:center;}
.connect-rank li p.title{font-size:1.2em;font-weight:bold;text-align:center;margin-bottom:1em;}

.connect-rank table{border-top:1px solid #ddd;border-left:1px solid #ddd;width:100%;}
.connect-rank th,.connect-rank td{border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:.5em;font-size:.8em;vertical-align:middle;text-align:center;}
.connect-rank th{background:#f6f6f6;text-align:center;font-weight:bold;}
.connect-rank td.handicap{color:#cc0000;font-weight:bold;font-size:.7em;}
.connect-rank td.point{font-weight:bold;font-size:1.1em;}

.connect-rank2{margin-bottom:1em;}
.connect-rank2 ul{display: flex;flex-wrap: wrap;justify-content: space-between;width:100%;}
.connect-rank2 li{width:32%;border:1px solid #ccc;padding:1.5em;margin-bottom:1.5em;}
.connect-rank2 li.no{border:none;}
.connect-rank2 li img{width:100%;margin-bottom:1em!important;}
.connect-rank2 li p{font-size:.9em;margin-bottom:.5em;}
.connect-rank2 li p:last-child{margin-bottom:0;}

.connect-rank-point ul{display: flex;flex-wrap: wrap;justify-content: space-between;width:100%;}
.connect-rank-point li{width:24%;}
.connect-rank-point table{border-top:1px solid #ddd;border-left:1px solid #ddd;width:100%;}
.connect-rank-point th,.connect-rank-point td{border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:.5em;font-size:.8em;vertical-align:middle;text-align:center;}
.connect-rank-point td{width:33.3%;}

/*==================
Company
==================*/
.company-wrap{background:#f6f6f6;padding:4em 0 2em;}
.company-wrap h1{font-size:45px;font-family:'Barlow Semi Condensed', sans-serif; font-weight: 900;letter-spacing: .1em;margin-bottom:.5em;text-align:center;}
.company-wrap h1 span{font-size:16px; display:block; line-height: 1.6; font-family: "メイリオ","ms pgothic", sans-serif; padding-top:.3em; font-weight: normal;}
.company-info{margin:3em 0;}
.company-info dl{width:100%;border-bottom:1px dotted #CCCCCC;padding:1em 0;}
.company-info dt{text-align:center;font-weight:bold;margin-bottom:.2em}
.company-info dd{text-align:center;}
.company-info dd a{color:#dd0000;}
.company-info dd span{display:block;}