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

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);*/
@import url("common.css");
@import url("base.css");
/*@import url("font.css");*/

/*top*/

/*.slider {
    height: 340px;
    width: 100%;
    background-color: #FFF;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 45px;
}*/

.slider {
	padding-top: 0px;
	margin-top: 0px;
    height: 100%;
    width: 100%;
    background-color: #FFF;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 45px;
}
.slider {
    background-position: center top\9;
    background-repeat: repeat-x\9;
}

*+html .slider {
    background-position: center top;
    background-repeat: repeat-x;
}
.topbtn{margin-top: -40px; }
.stbtn{margin-top: 0px; }
.topbtn .btn-primary{padding-top:65px;padding-left:10%;padding-bottom:65px;font-size: 14px;margin-top: -100px; }
.stbtn .btn-primary{padding-top:65px;padding-left:10%;padding-bottom:65px;font-size: 14px;margin-top: -100px; }
.phowraptate{width: 380px;margin-left: auto;margin-right: auto;}
.phowrapyoko{width: 100%;margin-left: auto;margin-right: auto;}
.catchwrap{
	padding-top: 10%;
} 
.yu{
	padding-bottom: 10%;
	/*text-align: left!important;*/	
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 22px;
	font-weight: 400;
	padding-right: 300px
}
.catch {
	font-weight: 900;
/*	font-size: 80px;*/
	font-size: 50px;
	color: hsla(0,0%,100%,0.80);
	line-height: 1;
	padding-top: 25%;
	text-align: center!important;
	}
.logotop{margin-top: -5px;text-align: left}
.lead {
	color: #FFFFFF;
}
/*.bbooking {
position: absolute;
right: 0;
bottom: 84px;}*/
.bbooking a{
/*  background-image: url(../images/cal.png);*/
	background-image: url(../images/calL.png);
	background-repeat: no-repeat;
/*	font-size: 12px;*/
    font-size: 16px;
    background-position: 28px 8px;
/*	background-position: 40px -437px;
	padding: 15px 130px 20px 100px;*/
	padding: 20px 150px 25px 100px;
	margin-top: 22px;
}

.formbtnblack .dropdown-item {
	padding: 0;
	margin-top: 0px;
	margin-right: 12px;
	margin-left: 12px;
	margin-bottom: 0px;
}
.btn-primary:hover {
  background-color: #ABABAB;
}
.navbar-dark .navbar-nav .nav-link {
	color: rgba(255,255,255,0.85);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.5);
}
.box-floatleft .box{
    float: left;
    width: 50%;
}
.box-floatright .box{
	float: right;
	width: 50%;
}

.box-floatright2 .box{
	float: right;
	width: 300px;
}
.box-ttl{
	font-size: 24px;
font-weight: bold;
	margin-bottom: 50px;
}
.box-text{
	padding: 10%;
}
.box-pho{/*padding-left: 15%;padding-right: 15%;*/}
.box-pho img{/*padding-left: 15%;padding-right: 15%;*/}
.card{
	border-style: none;
}

.mainmenu li{
    float: left;
    padding-top: 20px;
    padding-right: 15px;
    padding-left: 0;
    padding-bottom: 0;
    display: block;

}
.mainmenu li a{
	color: #FFFFFF;
    line-height: 1;
    font-size: 13px!important;
}
.mainmenu li a:hover{
	color: #A3A3A3;
	text-decoration: none;
}
.dropdown {
position: absolute;
right: -10;
padding-top: 10px;
font-weight: 300;
}

.dropdown-toggle {	
	color: #ffffff;

}
.dropdown-toggle a:hover {	background-color:none;}
a.dropdown-item {
	color: #646464;
	text-decoration: none;
}
.dropdown a:hover {
	color: #8F8F8F;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: #363636;
}
.dropdown-item{
	font-size: 13px;
	font-weight: 300;
}
.mymap{
height:100%;
padding:0;
margin:0;
		}
.mymap iframe{
height:100%;
min-height:100%;
margin-top:-46px;　
margin-bottom:2px;
border: none;
		}
.mapttl{
	font-size: 24px;
	padding-top: 20px;
}
.ggmap {
	position: relative;
	padding-bottom: 75%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;

}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mapttl{
	font-size: 30px;
	letter-spacing: 2px;
	font-weight: 700;
	padding-left: 10px;
/*	margin-bottom: -45px;*/
}
.booking {
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-bottom: 50px;
	padding-left: 5px;
	padding-top: 50px;
}
.bookingttl {
	font-size: 24px;
	font-weight: bold;
	word-spacing: 3px;
	margin-bottom: 5px;
	margin-top: 0px;
}
.bookingtel {
	background-image: url(../images/point.png);
	background-repeat: no-repeat;
	width: 170px;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	background-position: left -327px;
	margin-top: 20px;
	padding-left: 40px;
}
.bookingmail a {
	background-image: url(../images/point.png);
	background-repeat: no-repeat;
	width: 160px;
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
	background-position: -5px -387px;
	display: block;
	color: #1B1B1B;
	border: 1px solid #020202;
	border-radius: 25px;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 27px;
	margin-top: 10px;
	background-color: #FFFFFF;
}

.bookingmail a:hover {
	background-color: #CBCBCB;
	text-decoration: none;
	}
.yoyaku a {
	background-image: url(../images/point.png);
	background-repeat: no-repeat;
	background-position: 0px -382px;
	width: 90%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 16px;
	color: #1B1B1B;
	display: block;
	border: 1px solid #020202;
	border-radius: 25px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 40px;
}
.yoyaku a:hover {
	background-color: #ECECEC;
	text-decoration: none;
	}
.yoyaku-w a {
	background-image: url(../images/point2.png);
	background-repeat: no-repeat;
	background-position: -5px -382px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	display: block;
	border: 1px solid #ffffff;
	border-radius: 25px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 25px;
	word-spacing: normal;
}
.yoyaku-w a:hover {
	background-color: #2A2A2A;
	text-decoration: none;
	}
.yoyaku-w2 a {
	background-image: url(../images/point2.png);
	background-repeat: no-repeat;
	background-position: 20px -382px;
	width: 100%;
	margin-top: 28px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	display: block;
	border: 1px solid #ffffff;
	border-radius: 25px;
	padding-top: 6px;
	padding-right: 35px;
	padding-bottom: 6px;
	padding-left: 65px;
}
.yoyaku-w2 a:hover {
	background-color: #2A2A2A;
	text-decoration: none;
	}
.bookingtel-l {
	background-image: url(../images/point.png);
	background-repeat: no-repeat;
/*	padding-left: 60px;*/
	padding-left: 30px;
	height: 60px;
	font-size: 14px;
	color: #555555;
	background-position: left -505px;
	margin-top: 20px;
	line-height: 1.4;
	margin-left: auto;
	margin-right: auto;
/*	width: 250px;*/
	width: 270px;
}
.bookingtel-l .tel {
	color: #1B1B1B;
	font-size: 24px;
	font-weight: 400;
	word-spacing: 3px;
}

.bookingtel-l-w {
	background-image: url(../images/point2.png);
	background-repeat: no-repeat;
	padding-left: 60px;
/*	height: 45px;*/
	font-size: 14px;
	color: #ffffff;
	background-position: left -514px;
	line-height: 1.5;
	margin-left: auto;
	margin-right: auto;
	width: 250px;
	text-align: left;
	margin-bottom: 10px;
}
.bookingtel-l-w .tel {
	color: #ffffff;
	font-size: 26px;
	font-weight: 400;
	word-spacing: 3px;
	line-height: 5px;
}
.time{	font-size: 11px;}
.bookingtel-l-w2 {
	background-image: url(../images/point2.png);
	background-repeat: no-repeat;
	padding-left: 60px;
	height: 60px;
	font-size: 14px;
	color: #ffffff;
	background-position: left -510px;
	line-height: 1.5;
/*	margin-left: auto;
	margin-right: auto;*/
	width: 250px;
	text-align: left;
}
.bookingtel-l-w2 .tel {
	color: #ffffff;
	font-size: 26px;
	font-weight: 400;
	word-spacing: 3px;
	line-height: 5px;
}
.btn-info {
  color: #1B1B1B!important;
  background-color: #F2F2F2!important;
  border-color: #F2F2F2!important;
}

.btn-info:hover {
  color: #fff!important;
  background-color: #000!important;
  border-color: #000!important;
}

.btn-info:focus, .btn-info.focus {
	box-shadow: 0 0 0 0.2rem rgba(100,100,100,0.50);
	-webkit-box-shadow: 0 0 0 0.2rem rgba(100,100,100,0.50);
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
	color: #fff;
	background-color: #9C9C9C;
	border-color: #535353;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(108,108,108,0.50);
	-webkit-box-shadow: 0 0 0 0.2rem rgba(108,108,108,0.50);
}
.btn-success {
  color: #fff;
  background-color: #000;
  border-color: #000;
  height: 50px;
  line-height: 1;
  font-size: 20px;
}

.btn-success:hover {
  color: #1B1B1B;
  background-color: #F2F2F2;
  border-color: #F2F2F2;
}

.btn-success:focus, .btn-success.focus {
	box-shadow: 0 0 0 0.2rem rgba(100,100,100,0.50);
	-webkit-box-shadow: 0 0 0 0.2rem rgba(100,100,100,0.50);
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
	color: #fff;
	background-color: #9C9C9C;
	border-color: #535353;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(108,108,108,0.50);
	-webkit-box-shadow: 0 0 0 0.2rem rgba(108,108,108,0.50);
}

.button-radio input[type="radio"] {
  display:none; 
}

.button-radio label {
  display:inline-block;
  color:#000;
  background-color:#f0f0f0;
  height: 40px;
  width: 150px;
	text-align: center;
	margin: 4px 5px;
	padding-top: 8px;
}

.button-radio input[type="radio"]:checked + label { 
  color:#fff;
  background-color:#000;
}

.button-radio-small input[type="radio"] {
  display:none; 
}

.button-radio-small label {
  display:inline-block;
  color:#000;
  background-color:#f0f0f0;
  height: 40px;
  width: 130px;
	text-align: center;
	margin: 4px 5px;
	padding-top: 8px;
}

.button-radio-small input[type="radio"]:checked + label { 
  color:#fff;
  background-color:#000;
}

.button-radio-large input[type="radio"] {
  display:none; 
}

.button-radio-large label {
  display:inline-block;
  color:#000;
  background-color:#f0f0f0;
  height: 40px;
  width: 260px;
	text-align: center;
	margin: 4px 5px;
	padding-top: 8px;
}

.button-radio-large input[type="radio"]:checked + label { 
  color:#fff;
  background-color:#000;
}

.jumbotron{
	position: relative;	
  margin-bottom: 0rem!important;
/*	margin: 10px;*/
}
.jumbotron .row{
	position: fixed;
	top: 0;
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.23) 0%,rgba(0,0,0,0.06) 27.98%,rgba(0,0,0,0.00) 47.15%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.23) 0%,rgba(0,0,0,0.06) 27.98%,rgba(0,0,0,0.00) 47.15%);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.23) 0%,rgba(0,0,0,0.06) 27.98%,rgba(0,0,0,0.00) 47.15%);
	background-image: linear-gradient(180deg,rgba(0,0,0,0.23) 0%,rgba(0,0,0,0.06) 27.98%,rgba(0,0,0,0.00) 47.15%);
	width: 110%;
	z-index: 2;
}
.jumbotron h1 {
/*	text-align: left;
	float: left;*/
}
.jumbotron .box-left {
	float: left;
}
.jumbotron .box-right {
	float: right;
}

.btn-black li {
	float: left;
	text-align: center;
	margin: 5px;
	font-family: Verdana, Geneva, "sans-serif"
}

.btn-black{
	text-align: center;
	margin-left: 0px;
	margin-right: 10px;
}
.btn-black a {
	background-color: #1B1B1B;
	color: #FFFFFF;
	/*	width: 300px;*/
	display: block;
	padding: 15px;
	text-decoration: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	font-size: 14px;
}
.btn-black a:hover {
	background-color: #585858;
	text-decoration: none;
}

/*STUDIO*/
.camera360 iframe{
    width: 100%;
    height: 600px;
}
.st {z-index: 600;position: absolute;}
.bgstudio {
	background-image: url(../studio/images/mainstudio.jpg);
}
.tate{
	width: 380px!important;
	height: 500px!important;
}
.yoko{
/*	width: 500px!important;*/
	height: 380px!important;
}
.phobg{
	margin-left: auto;
	margin-right: auto;
}
.phobg2{
	width: 500px!important;
	height: 380px!important;
	margin-left: auto;
	margin-right: auto;
}
.phobg.phomeguro {
	background-image: url(../studio/images/phomeguro.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 0%;
	width: 100%;
}
.phobg.phokinuta {
	background-image: url(../studio/images/phokinuta.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 0%;
	width: 100%;
}
.phobg.phomansion {
	background-image: url(../studio/meguro/images/phomansion.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 0%;
	width: 100%;
}
.phobg.pholibrary {
	background-image: url(../studio/meguro/images/pholibrary.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 0%;
	width: 100%;
}
.phobg.phonygarage {
	background-image: url(../studio/meguro/images/phonygarage.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 0%;
	width: 100%;
}
.phobg.phomansion {
	background-image: url(../studio/meguro/images/phomansion.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 0%;
	width: 100%;
}
.phobg.phoatelier {
	background-image: url(../studio/kinuta/images/phoatelier.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 0%;
	width: 100%;
}
.phobg.phonygarage {
	background-image: url(../studio/meguro/images/phonygarage.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 0%;
	width: 100%;
}
.phobg.phoavenue {
	background-image: url(../studio/meguro/images/phoavenue.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 0%;
	width: 100%;
}
.phobg.phothreehouse {
	background-image: url(../studio/meguro/images/phothreehouse.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 0%;
	width: 100%;
}
.phobg.phosouthpark {
	background-image: url(../studio/meguro/images/phosouthpark.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 0%;
	width: 100%;
}
.phobg.phosalvage {
	background-image: url(../studio/meguro/images/phosalvage.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 0%;
	width: 100%;
}
.phobg.phony {
	background-image: url(../studio/meguro/images/phony.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 0%;
	width: 100%;
}
.phobg.phoparis {
	background-image: url(../studio/meguro/images/phoparis.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 0%;
	width: 100%;
}
.phobg.phoavenue {
	background-image: url(../studio/meguro/images/phoavenue.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 0%;
	width: 100%;
}
.phobg.phosalon {
	background-image: url(../studio/kinuta/images/phosalon.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 0%;
	width: 100%;
}
.phobg.phomazigoo {
	background-image: url(../studio/kinuta/images/phomazigoo.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 0%;
	width: 100%;
}
.phobg.pholounge {
	background-image: url(../studio/kinuta/images/pholounge.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 0%;
	width: 100%;
}
.phobg.phomeguro {
	background-image: url(../studio/images/phomeguros.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 0%;
	width: 100%;
}
.phobg.phooption {
	background-image: url(../studio/kinuta/images/phooption.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 0%;
	width: 100%;
}

.mleftop {
	background-color: #FFFFFF;
	position: relative;
	left: 0;
	top: 0;
	font-size: 40px;
	font-weight: 900;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}

.bmap a {
	background-image: url(../images/point.png);
	background-repeat: no-repeat;
	width: 140px;
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
	background-position: 10px -922px;
	display: block;
	color: #1B1B1B;
	border: 1px solid #020202;
	border-radius: 25px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 60px;
	margin-top: 10px;
	background-color: #FFFFFF;
}

.bmap a:hover {
	background-color: #CBCBCB;
	text-decoration: none;
	}


/*guide*/
.bgguide {
	background-image: url(../guide/images/mainguide.jpg);
}
.bgguide2 {
	background-image: url(../guide/images/mainguide2.jpg);
}
.pagettl{
	font-size: 40px;
	margin-top: -19px;
	font-weight: 700;
}
.ttlline {
display: flex;
align-items: center;
font-size: 18px;
margin-top: 70px;
margin-bottom: 20px;
}
.ttlline:after {
border-top: 1px #D7D7D7 solid;
content: "";
flex-grow: 1;
margin-left: 1rem;
}
.ttlline-l {
display: flex;
align-items: center;
font-size: 34px;
margin-top: 70px;
margin-bottom: 20px;
font-weight: 900;
}
.ttlline-l:after {
border-top: 1px #D7D7D7 solid;
content: "";
flex-grow: 1;
margin-left: 1rem;
}
.ttlCenter{
    font-size: 34px;
    font-weight: 900;
    text-align: center!important;
    margin-top: 50px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}
.pricelist li{
	list-style-type: disc;
	margin-bottom: 25px;
}
.pricelist2 li{
	float: left;
	margin-left: 8px;
	text-align: center;
	margin-bottom: 8px;
}
.pricelist2 p {clear: both;padding-top: 50px;}
.bggray{
	background-color: #EFEFEF;
	font-weight: 100;
	width: 170px;
}
.bggray2{
	background-color: #EFEFEF;
	font-weight: 100;
	width: 310px;
}
.bgblack{
	background-color: #4B4B4B;
	color: #ffffff;
	width: 170px;
}
/*PRICE*/
.bgprice {
	background-image: url(../price/images/mainprice.jpg);
}

/*EVENT*/
.bgevent {
	background-image: url(../event/images/mainevent.jpg);
}
.bggraybox{padding: 15px;background-color: #F0F0F0;}
.movie {
    position: relative;
    padding-bottom: 56.25%;
    background: url(images/movieevent.jpg);
    background-size: 100%;
    height: 0;
    overflow: hidden;
}
 
.movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.img-fluid{
	padding-top: 10px;
	padding-bottom: 10px;
}
/*CONTACT*/
.bgcontact {
	background-image: url(../contact/images/maincontact.jpg);
}
.bnrblack{
	padding: 20px;
	background-color: #1B1B1B;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
.form-group{clear: both;}
.form-group div{float: left;margin-bottom: 20px;}
.form-group label{
	width: 200px;
	padding-left: 0px;
	word-spacing: 0px;
}
.form-group input{ width: auto;}
.form-group2{clear: both;}
.form-group2 div{float: left;margin-bottom: 20px;}
.form-group2 label{ width: 150px}
.form-group3{clear: both;}
.form-group3 div{margin-bottom: 20px;}
.bgblack {	margin-left: 10px;}
.bgblack a{
	padding-left: 20px;
	padding-right: 20px;
	padding-top:10px;
	padding-bottom:10px;
	background-color: #1B1B1B;
	display: block;
	width: 50px;
}
.bgblack a:hover{background-color: #3E3E3E;}
.box-ttlw {
	display: flex;
	align-items: center;
	font-size: 22px;
	font-weight: 900;
	clear: both;
	width: 95%;
}
.box-ttlw:after {
border-top: 1px #ffffff solid;
content: "";
flex-grow: 1;
}
.box-ttlw:after {
margin-left: 1rem;
}
.studiolist div{font-size: 12px;font-weight: 700;}

/*インラインフレーム*/
.mo .iframeWrapper {
position: relative;
width: 100%;
height: 100%;
padding-top: 75%;
}
.mo .iframeWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border: none;
	min-height: 500px;
	height: inherit;
}
/*非表示ボタン*/
.hidden_box {
    margin: 2em 0;
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    background: #efefef;
    border-radius: 5px;
    cursor :pointer;
    transition: .5s;
}

/*アイコンを表示*/
.hidden_box label:before {
    display: inline-block;
    content: '\f078';
    font-family: 'FontAwesome';
    padding-right: 5px;
    transition: 0.2s;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: silver;
}

/*アイコンを切り替え*/
.hidden_box input:checked + label:before {
     content: '\f00d';
     -ms-transform: rotate(360deg);
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
     color: #668ad8;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked + label + .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}
form .btn {
	background-color: #1B1B1B;
	color: #FFFFFF;
	width: 100%;
	text-align: center;
	padding-top: 3px;
	border-radius: 0px;
}
.figurelist figure {
	float: left;
	width: 17%;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	display: block;
}
.figurelist2 figure {
	float: left;
	width: 20%;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	display: block;
}
.figurelist figure figcaption{
	font-size: 11px;
	line-height: 1.2;
	font-weight: 400;
	height: 25px;	
}
.figurelist2 figure figcaption{
	font-size: 11px;
	line-height: 1.2;
	font-weight: 400;
	height: 25px;	
}
.figurelist figure figcaption a{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 0px;
}
.figurelist figure figcaption a{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 0px;
}
.figurelist figure figcaption a:hover{
	color: #8E8E8E;
	text-decoration: none;
}
.figurelist2 figure figcaption a:hover{
	color: #8E8E8E;
	text-decoration: none;
}
.row .col-lg-6 .phobg.phomeguro {
}

/*スタジオ*/
.bgmeguro {
	background-image: url(../studio/meguro/images/mainmeguro.jpg);
}
.bgkinuta {
	background-image: url(../studio/kinuta/images/mainkinuta.jpg);
}
/*各スタジオ*/
.mainimgwrap div{ float:left}
.mainimg{
  width: 100%;
}
.mainimg img{
  width: 100%;
  min-height: 600px;
  object-fit: cover;
}
/*.snssidewrap{
	position: fixed;
	z-index: 1000;
	top: 250px;
	right: 0px;
}*/
.snssidewrap{
	position: fixed;
	z-index: 500;
	bottom: 60px;
	right: 0px;
}
.snssidewrap a{	
/*	background-color: #ffffff;*/
	display: block;
}
.snssidewrap a:hover{	
/*	background-color: #F0F0F0;*/
}
.snssidewrap .fb{
	border-top-left-radius: 5px;
}
.snssidewrap .ig{
	border-bottom-left-radius: 5px;
}
.snssidewrap .me{
	border-bottom-left-radius: 5px;
}

.mapwrap{
padding-left: 20%;
padding-right: 20%;
top:20%;
position: absolute;}
.mainimgstudio{
  width: 100vw;
  height: auto;
  min-height: 100vh;
}
.mainimgtextboxr {
	width: 35%;
	right: 15%;
	top: 48%;
	position: absolute;
	z-index: 1;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 2%;
	padding-bottom: 2%;
	background-color: rgba(0,0,0,0.61);
	border-radius: 10px;
}
.mainimgtextboxr h2.display-4{color: #ffffff;font-weight: 900;font-size: 22px;}
.mainimgtextboxr .lead{
	font-size: 16px;
}
.data li{margin-bottom: 20px;}
.textbox{padding: 5%;}
.carousel-item img{
  width: 100%;
	height: auto;
  max-height: 900px;
  object-fit: cover;
}
.bggraybox li{
	font-size: 14px;
	padding: 8px;
	font-weight: 400;
}
.carousel-inner {
  position: relative;
  height: 100vh;
}
.carousel-inner img {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: inherit;
}
.mo .ifcal{

	}
.bvideowrap{
	padding-top: 20%;
	padding-bottom: 15%;
	text-align: center;
	color: #FFFFFF;
	background-size: cover;
}
.bvideo{
	font-weight: 900;
	text-align: center;
	margin-bottom: 20px;
	font-size: 24px;
}
.bvideobtn a{
	background-image: url(../studio/images/ya.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 30px;
	font-weight: 300;
	text-align: center;
	width: 80px;
	color: #FFFFFF;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 29px;
	font-size: 18px;
	text-decoration: none;
}
.bgallerybtn{
	font-weight: 900;
	text-align: center;
	margin-bottom: 20px;
	font-size: 24px;
}
.bgallerybtn a{
	background-image: url(../studio/images/ya2.png);
	background-repeat: no-repeat;
	background-position: right center;
	font-weight: 700;
	text-align: center;
	width: 160px;
	color: #1B1B1B;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 29px;
	font-size: 18px;
	text-decoration: none;
}

.yoyakuu{
	padding-left:10%;
	padding-right:10%;
	padding-top: 30%;
}
.easemenu{
	padding-left: 20%;
	padding-right: 20%;
	padding-top: 5%;
	
}
ul.slider {
  margin: 0;
  padding: 0;
  border: 0;
}
.rsample{
    position:relative;
    width:100%;
	height: 100%;
}
.rsample span{
	padding-top: 49%;
	position: absolute;
	bottom: 5px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	top:0%;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.2;
/*	line-height: 250%;*/
	background-color: hsla(0,0%,0%,0.20);
/*	    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;*/
}
.rsample img{
    width:100%;
}
.bookingwrap{
	padding-top:5%;
    max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
.easemenuwrap{
	padding-top:10%;
    max-width: 1140px;
	margin-left: auto;
	margin-right: auto;

}
.moviewrap{
	padding:5%;
    max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}

.schedule{
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}
.schedule tr{
    border-bottom: 1px dashed #CCCCCC;
}
.schedule tr:first-child{
    border-top: 1px dashed #CCCCCC;
}
.schedule td{text-align: left;padding: 5px 20px;font-size: 15px}
/*.floorList{
    position:relative;
    width:100%;
    height:0;
}
.floorList iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.floorListPc{
    padding-top:600px;
}
.floorListTb{
    padding-top:2000px;
}
.floorListMb{
    padding-top:2200px;
}
@media screen and (max-width:575.98px){
.Pc {display: none;}
.Tb {display: none;}
    }
@media screen and (min-width:576px) and ( max-width:991.98px) {
.Pc {display: none;}
.Mb {display: none;}
    }
@media screen and (min-width:992px){	
.Tb {display: none;}
.Mb {display: none;}
    }*/
@media (min-width:1200px){
.catchwrap{
	padding-top: 0%;
} 
	
	} 
@media (max-width:991.98px){
/*.catchwrap{
	padding-top: 10%;
	width: 85%;
	}
.catch{
	font-size: 68px;
	}*/
.topbtn{margin-top: 0px; }
.stbtn{margin-top: 0px; }
.topbtn .btn-primary{padding-top:15px;padding-bottom:15px; }
.stbtn .btn-primary{padding-top:15px;padding-bottom:15px; }
.phowraptate{width: 100%!important;}
.phowrapyoko{width: 100%!important;}
.tate{
	width: 100%!important;
	height: 100%!important;
	}
.yoko{
	width: 100%!important;
	height: 100%!important;
	}
.box .btn-black {
	margin-left: 0px;
	margin-right:0px;
}
.mainimg{width: 100%}
.box-text{padding: 0%;}
.jumbotron.jumbotron-fluid.text-center .navbar.navbar-expand-lg.navbar-dark #navbarSupportedContent {
	margin-top: -120px;

}
.navbar.navbar-expand-lg.navbar-dark #navbarSupportedContent .navbar-nav.mr-auto {
	text-align: right
}

.jumbotron.jumbotron-fluid.text-center .navbar.navbar-expand-lg.navbar-dark .navbar-toggler {
	margin-top: -100px;
}
/*top*/
.card-body a {padding-top:12px;padding-bottom: 12px;font-size: 14px;}
.box-floatleft .box{
	width: 91%;
	margin-left: 5%;
	margin-right: 5%;
}
.box-floatright .box{
	width: 91%;
	margin-left: 5%;
	margin-right: 5%;
}
.box-floatright2{	
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	}
.box-ttl {
display: flex;
align-items: center;
font-size: 20px;
}
.box-ttl:after {
border-top: 1px #707070 solid;
content: "";
flex-grow: 1;
}
.box-ttl:after {
margin-left: 1rem;
}
/*.box-text{padding: 0;}	*/
.box-pho{margin-left: auto;margin-right: auto;width: 100%;}

.box .card {
	padding-bottom:  50px;
}
.forml{ display: block;width: 100%}
.bookingbtn{text-align: center;}
/*contact*/
.box-ttlw {font-size: 14px;margin-top: 10px}
.studiolist div{line-height: normal;}
.figurelist figure {
	float: none;
	width: 100%;
	margin-bottom: 0px;
	clear: both;
}
	.figurelist2 figure {
	float: none;
	width: 100%;
	margin-bottom: 0px;
	clear: both;
}
.figurelist figure img {
	width: 20%;
	float: left;
	margin-left: 20px;
	}
.figurelist2 figure img {
	display: none;
	}
.figurelist figure figcaption{
	padding-top: 8%;
	padding-left: 35%;
	height: auto;
}
.figurelist2 figure figcaption{
	margin-left: 10%;
	line-height: 1.6;
}
/*studio*/
	.stpho .topbtn{margin-top: 20px!important;}
	.stpho .stbtn{margin-top: -50px!important;}
	.st{z-index: 800px;}
.mainimgtextboxr {
	width: 84%;
	right: 8%;
	top: 45%;
	padding-left: 8%;
	padding-right: 8%;
	padding-top: 4%;
	padding-bottom: 4%;
	background-color: rgba(0,0,0,0.61);
	border-radius: 10px;
	position: absolute;
}
.mainimgtextboxr h2 {font-size: 12px;}
	.bggraybox li{
		padding-top: 20px;
		padding-bottom: 0px;
		padding-right: 20px;
	}
	.box-pho{padding-left: 25%;padding-right: 25%;}
	.data{padding: 0;}
	.data li{
	padding-left: 8px;
	padding-right: 8px;		
	padding-bottom: 8px;
	border-bottom: 1px solid #C0C0C0;
	}

}
@media (max-width:767.98px){
    .schedule{width: 100%}
    .schedule td{display: block;font-size: 15px}
.ttlCenter{
    font-size: 26px;
    }
.box5
{
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 0px;
}
	.ttlline-l{font-size: 26px}
	.topmap {margin-bottom: 20px;}
.catchwrap{
	padding-top: 15%;
	}
.catch{
	font-size: 60px;
	}
	.yu{	padding-right: 170px}
ul.chu{
padding: 0px;
	
	}
.chu li{
margin-bottom: 10px;
font-size: 14px;
	}
.chu2{
padding: 0px;
	}
	.bggraybox ul{padding: 0px;}
	.box-floatright2 a{width: 290px;padding-left: auto;padding-right: auto;}
.pagettl{
	font-size: 36px;
}
	.mleftop {
	font-size: 22px;
	padding-left: 8px;
	letter-spacing: 0;
}
	/*インラインフレーム*/
.mo .iframeWrapper {
position: relative;
width: 100%;
padding-top: 75%;
}
.mo .iframeWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
/*height: 100%;*/
border: none;
}
.box-pho{
	padding-left: 15%;
	padding-right: 15%;
	width: auto;
}
.phobg.phomeguro .viewmore.sm-only .dropdown-item-.modal-syncer.button-link.btn.btn-primary {
	width: 30%;
}
.mo .ifcal{
height: 900px!important;
	}

.pc-tab-only{display: none;}
    .schedule td{display: block}
}

@media (max-width:575.98px){
.br::before {
	content: "\A" ;
	white-space: pre ;
}
.bggray2{
	width: 95%!important;
}
    .topicsWrap{
	width: 91%;
	margin-left: 5%;
	margin-right: 5%;
}
.camera360 iframe{height: 450px}
.ttlCenter{
    font-size: 22px;

    }
	.stpho .stbtn span{margin-left: auto;margin-right: auto;text-align: center;}
	.mapttl{font-size: 20px;
padding-top: 20px;
	padding-left: 0px;}
.ggmap {
	margin-bottom: -40px;
}
.pricelist2 ul{margin-left: -40px;}
.pricelist2 ul li{width: 150px;}
.logotop img{ width: 80%;
	height: 80%;}
.ttlline-l {
font-size: 24px;
}
	.box-pho{padding-left: 2%;padding-right: 2%;}
/*.catchwrap{
	width: 78%;
	}	*/
.yu{	font-size: 18px;padding-right: 0px;}
.catch{
	font-size: 30px;
	padding-top: 30%
	}
	.jumbotron{height: 100%!important;}
	.yoyaku-w a{
	padding-left: 15px;

}
.mo .ifmainmenu{
height: 500px;
	}
.mo .ifeasemenu{
height: 500px;
	}
.mo .ifbooking{
height: 500px;
	}
.mo .iflist{
height: 700px;
	}
}
.mo .ifmap{
height: 550px;
	}
.mo .ifmapstudio{
height: 1000px;
	}	
.mo .ifcal{
height: 500px!important;
	}

}

@media (max-width:400px){

.mo .ifcal{
height: 800px!important;
	}
.catch{
	font-size: 30px;
	padding-top: 47%;
	}	
.yoyakuu{
	padding-top: 0%;
}

.mainimgtextboxr {
	top: 25%;
}

.mapttl{
	font-size: 30px;
	margin-top: 50px;
	margin-bottom: -10px;	
}

.mainimgtextboxr .lead {font-size: 15px!important;}
		}
.mo .ifcal{

	}	
.yoyakuu{
	padding: 4%;
}
.easemenu{
	padding-left: 0%;
	padding-right: 0%;
	padding-top: 0%;
}
.bookingtel-l-w .tel {
	color: #ffffff;
	font-size: 22px;}
}
.bookingtel-l-w .time{	font-size: 11px;}
.newsWrap{
	border: 3px solid #D3D3D3;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	width: 100%;
}
.newsTtl{
    font-size: 18px;
    font-weight: 500;
/*    color: #D90003;*/
    padding-top: 5px;
    padding-bottom: 5px;
}
.newsText{
    padding-right: 5px;
    padding-left: 5px
}
.dropdown a:hover{opacity: 0.5;}
.font-red{color:#E60012;}
.camp {
  margin: 2em 50px 1.5em;
  padding: 0 2rem;
  text-align: center;
    font-size: 22px;
    font-weight: 700;
}