@charset "utf-8";

/* [[[ Globals ]]] */

* {/* 全ての要素のmarginとpaddingを初期化 */
	margin: 0;
	padding: 0;
}

html {
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
	border:0;
}
body {
	height:100%;
	font-family: 'Helvetica', sans-serif;
	color:#696969;
	-webkit-font-smoothing: antialiased;
	border:0;
}
body.body-top {
  background-size: 125% !important;
  background-position: center top;
  overflow: hidden !important;
}
.body-top .site-footer p {
	color: #fff !important;
}

p {
    line-height: 1.6em;
}

a {
text-decoration:none;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

.bg-top#bg1 { background-image: url('../images/202106/cale01.jpg'); opacity: 1; }
.bg-top#bg2 { background-image: url('../images/202106/cale02.jpg'); }
.bg-top#bg3 { background-image: url('../images/top/170221cale_top_03.jpg'); }
.bg-top#bg4 { background-image: url('../images/top/170221cale_top_04.jpg'); }
.bg-top#bg5 { background-image: url('../images/top/170221cale_top_05.jpg'); }
.bg-top#bg6 { background-image: url('../images/top/170221cale_top_06.jpg'); }

.bg-top {
    position: absolute;
    top: 133px;
    left: 30%;
    width: 40%;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;

    overflow: hidden;

    opacity: 0;
    /* transition: all 1s; */
}
.video_top {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.videos {
	position: relative;
	width: 70vw;
	height: 100vh;
}
.videos div {
	position: absolute;
	display: block;
	overflow: hidden;
}
.video_01 {
	top: 0;
	left: 0;
	z-index: 1;
	width: 20vw;
	height: 20vw;
}
.video_02 {
	bottom: 0;
	right: 0;
	z-index: 0;
	width: 35vw;
	height: 35vw;
}
.videos div video {
	width: 100%;
	height: auto;
  margin-top: -1px;
  background-color: transparent;
}

ul {
	padding:0px;
}
    li {
        list-style:none;
        margin:5px 0px;
    }
a {
	color:#696969;
}
    a:hover {
        color:#111;
        text-decoration:none;
    }

input, textarea {
	padding:9px 12px;
	border:none;
	background-color:#eaeaea;
	float:left;
	margin:0px
}
.highlight {
	background-color:#fff;
	padding:3px;
	border-radius:1px;
}

#cale-container {
	height:100%;
	width:100%;
}	


.site-menu {
	margin:0;
    text-align: right;

}
    .site-menu p{
        font-size:14px;
        text-align:center;
        font-family: Helvetica, sans-serif;
        font-weight:10;
        letter-spacing: 1px;

    }
    .site-menu a {
        text-decoration: none;
		text-align:right;
		
		right:100px;
    }
        .site-menu-top p {
            color:#808080;
        }


.site-header {
	position: fixed;
	bottom:40px;
	padding:0px 0px 0 50px;
	font-family: "Helvetica", sans-serif;
}
    .site-header h1 {
        font-size:13px;
        padding:10px 27px;
        line-height:20px;
    }
    .site-header .site-logo {
     
		text-align: left;
		
		
    }
        .site-logo #logo {
            display: block;
            width: 62px;			
        }
		.site-logo #logo img {
		width:62px;
		}
            

.site-footer {
	font-size: 12px;
	padding: 20px 0px 0px 0px;
	position: fixed;
	bottom:8px;
	right:50px;
}
    .site-footer p {
       text-align:right;
        margin: 5px 0 30px 0;
		font-size: 14px;
    }
.site-footer p span a {
text-decoration:none;
font-size: 14px;
}


.site-main {
	text-align:center;
}
    .inner {
        width:100%;
        padding:60px 0px;
    }
        .inner img{
            width:100%;
            padding:40px 0px;
        }

.inner_c {
	max-width:600px;
	width:100%;
	padding:40px 0px;
	float:left;
}
.contact {
	padding:200px 0 0 0;
}
    .contact .site-main .inner_c h2, p {
        width:100%;
        float:left;
        text-align:left;
    }
    .contact .site-main .inner_c h2 {
        padding-top:80px;
    }
    .contact input {
        width:90%;
        margin:5px 0;
    }
    .contact textarea {
        width:90%;
        margin:5px 0;
    }
    .contact textarea {
        height:120px;
    }
    .contact .btn {
        margin:5px 0;
        float:left;
    }
    .contact .map {
        position: relative;
        padding-bottom: 56.25%;
        height: auto;

    }
    .contact .map iframe {
        position: absolute;
        top: 500px;
        left: 3px;
        width:74%;
        height:74%;
    }
    .contact .address {
        float:left;
        margin:10px 0 30px 0;
        display: block;
        width: 220px;


    }
    .contact .address p{
        font-size:12px;
    }
    .address span.bold{
        font-weight:bold;
    }
    .chizu{
        display: block;
        clear: both;
		text-align:left;
    }

    .right img{
        margin-top:-90px;
    }
    .chizu img{
        margin-top:0px;
    }
	
	.chizu .insta-img {
	margin-left:80px;
	}

	.chizu_sp {
	display:none;
}	

.shortcodes .site-main { text-align:left }
.shortcodes .btn { margin-bottom:4px }
.shortcodes h4 { float:left; width:100%; margin-top:40px; }
.shortcodes h5 { float:left; width:100%; margin-top:30px; }

/* Tabs */
.tab-content { margin:10px 0px; text-align:justify }
/* Buttons */
.btn { border:none; border-radius:2px;  padding:10px 16px; }
.btn.btn-default {  border:solid 1px #333;  padding:0px 0px ;}
.btn.btn-default:hover {
background-color:#fff; color:#fff;
}

.btn.btn-primary { background-color:#a780b9;}
.btn.btn-primary:hover { background-color:#9468a8;}
.btn.btn-success { background-color:#8084b9;}
.btn.btn-success:hover { background-color:#676ba4;}
.btn.btn-info { background-color:#79b6c1;}
.btn.btn-info:hover { background-color:#599ba7;}
.btn.btn-warning { background-color:#c17b79;}
.btn.btn-warning:hover { background-color:#a45a57;}
.btn.btn-danger { background-color:#c1a579;}
.btn.btn-danger:hover { background-color:#a7895a;}

#send_button {
    background: #fff;
    padding: 5px;
    width: 50px;
}

/* Alerts */
.alert { padding:10px; border-radius:2px }
.alert.bg-primary { background-color:#5e84a5 }
.alert.bg-success { background-color:#c3dbb9 }
.alert.bg-info { background-color:#c8d4da }
.alert.bg-warning { background-color:#e7e4d2 }
.alert.bg-danger { background-color:#dfcccc }

/*Tabs*/
.nav-tabs>li.active>a { border-radius:2px}


/* [[[ About ]]] */

.about h2{ text-align:left;}


/* [[[ location ]]]  */

.mt20{
    margin-top: 20px;
}

.mt40{
    margin-top: 40px;
}

.mt80{
    margin-top: 80px;
}

.clearfix{
    display: block;
    clear: both;}

#content {
	margin:0 auto;
	width:60%;
}


.siema,
.siema2 {
	width: 100%;
	padding:0 0 10px 0;
}	

.siema3 {
	width: 100%;
	padding:0 0 0px 0;
}

.siema img,
.siema2 img,
.siema3 img {
	width: 100%;
}


#top-main {
    width: 100%;
}

.top-block01 {
	padding:50px 50px 80px 50px;
	
}

.top-block01 img {
	width: 800px;
}

.top-dis {
	font-family: 'Helvetica', sans-serif;
	color:#696969;
	letter-spacing: 1px;
	padding:50px 50px 30px 0px;
	font-size:11px;
    font-weight:100;

}

.top-dis2 {
	font-family: 'Helvetica', sans-serif;
	color:#696969;
	letter-spacing: 1px;
	padding:50px 50px 30px 50px;
	font-size:11px;
    font-weight:100;

}

.top-title {
	font-family: 'Helvetica', sans-serif;
	color:#696969;
	letter-spacing: 1px;
	padding:0px 0px 0px 0px;
	font-size:14px;
    font-weight:100;
}

.top-title a:link,
.top-title a:hover,
.top-title a:visited {
	text-decoration: none;
}

.new-arrival {
	padding: 0 0 0px 0;
	width: 100%;
}

.new01 {
	float: left;
	width: 29%;
	padding: 0 4% 10% 0;
}

.new02 {
	float: left;
	width: 28%;
	padding: 0 0 150px 0;
}

.new01 img,
.new02 img {
	width: 260px;
}

.new-title {
	font-family: 'Helvetica', sans-serif;
	color:#696969;
	letter-spacing: 1px;
	padding:0px 0 0px 0;
	font-size:12px;
    font-weight:100;
}


.inner20 {
	max-width:750px;
	width:100%;
	padding:40px 0px;
	float:left;
}
.pd40 {
    padding: 40px 0;
}
.pd120 {
    padding: 120px 0;
}
.inner20 img{
	max-width:750px;
	width:74%;
	padding:0px 0px;
	float:left;
}

.photos {
    width: 100%;
    padding-bottom: 38px;
    display: flex;
    flex-wrap: wrap;
    /* background: red; */
}
.photo,
.photo_y {
    width: 30%;
    height: 0;
    padding-bottom: 30%;
    overflow:hidden;
    position:relative;
	float:left;
	margin-right:0.2vw;
	margin-bottom:0.2vw;
}
.photo img,
.photo_y img {
    position: absolute;
    left: -100%;
    right: -100%;
    margin: auto;
	height: auto;
    width: 100%;
}


.itunes {
	margin: 0 0 80px 0;
	padding:0 50px 0 50px;
}

.itunes iframe {
	width: 95%;
	height: 500px !important;
	overflow:hidden;
	background:transparent;
	margin:0 auto;
}

.instagram {
	padding: 0px 50px 0px 50px;
	width: 100%;
	margin:0 auto;
}

.instagram img {
	list-style: none;
	width: 256px;
	float: left;
	margin: 0 10px 80px 0;
}

#insta-pad {
	padding:80px 0 0 0;
}	


.instagram like,
.instagram c {
	display: none;
}

.instagram comme {
	display: none;
}

/*exhibition*/
.exhibition {
	float:left;
	margin:0px 0px 20px 0px;
	width:40vw;
    clear: both;
	font-size:9px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.exhibition p {
	color:#696969;
　font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;　
margin-bottom:0px;

}

#access_map {
    width: 65%;
    height: auto;
    padding-bottom: 20px;
	float:right;
}
.lb-outerContainer {
	width: 85vw !important;
	height: 80vh !important;
	background-color: transparent !important;
}
.lb-container {
	width: calc(100% - 4px) !important;
	height: calc(100% - 4px);
	overflow: hidden;
	box-sizing: border-box;
}
.lb-image {
	max-height: calc(80vh - 8px);
	width: auto !important;
	margin: 0 auto;
	margin-top: 40vh;
	transform: translateY(-50%);
}



.js-prev {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	border-radius: 0;
	background: none;
	position:fixed;
	left:50px;
	font-size:20px;
	font-weight:thin;
	color:#999999;
}	

.js-next {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	border-radius: 0;
	background: none;
	position:fixed;
	right:50px;
	font-size:20px;
	font-weight:thin;
	color:#999999;

}




@media (max-width: 980px)  {


#access_map {
    width: 95%;
    height: auto;
    padding-bottom: 20px;
	float:left;
}

	.chizu .insta-img {
	width:25px;
	margin-left:270px;
	}
	
	.chizu_sp {
	display:block;
	}
	
	.chizu_pc {
	display:none;
	}

#content {
	margin:0 auto;
	width:80%;
}

.site-menu {
	margin:0;
}
    .site-menu p {
		margin-top:50px;
        font-size:14px;
        text-align:center;
        font-family: Helvetica, sans-serif;
        font-weight:100;
        letter-spacing: 1px;

    }
    .site-menu a {
        text-decoration: none;
    }
        .site-menu-top p {
            color:#808080;
        }

.contact {
	padding:100px 0 0 0;
}


.site-header {
	padding:0px 0 0 0px;
	font-family: "Helvetica", sans-serif;
	left:-4px;
	float:left;
	height:120px;
}

    .site-header .site-logo {
		padding:64px 0 0 0;
    }
       
	.site-logo #logo img {
		width:60px;
			
	}

.site-footer {
	padding: 20px 0px;
	float:right;
	margin-right:6px;
}
    .site-footer p {
        text-align:center;
        margin: 0px 0 0 0;
    }
	

.site-main {
	text-align:center;
	width: 100%;
	padding:10px;
}
    .inner {
     	width: 100%;
        padding:0px 0px;
    }
        .inner img{
        	width: 100%;
            padding:40px 0px;
        }



.top-dis {
	font-family: 'Helvetica', sans-serif;
	color:#696969;
	letter-spacing: 1px;
	padding:0px 0 5px 0;
	font-size:10px;
    font-weight:100;
	width:95%:
}

.top-dis2 {
	font-family: 'Helvetica', sans-serif;
	color:#696969;
	letter-spacing: 1px;
	padding:0px 20px 5px 20px;
	font-size:10px;
    font-weight:100;
	width:95%:
}

.siema,
.siema2 {
	width: 100%;
	padding:0 0 20px 0;
}	

.siema3 {
	width: 100%;
	padding:0 0 0px 0;
}

.siema img,
.siema2 img,
.siema3 img {
	width: 100%;
}
	


.top-block01 img {
	width: 100%;
}
	
.top-block01 {
	padding: 0 20px 40px 20px;

}
	
#top-main {
	top: 30px;
	width: 100%;	
}

.top-block01 {
}

	.top-title {
	font-family: 'Helvetica', sans-serif;
	color:#696969;
	letter-spacing: 1px;
	padding:5px 0 0px 0;
	font-size:11px;
    font-weight:100;
	word-break: break-all;
	width: 100%;
}
	
.new-arrival {
	padding: 0px 0 40px 0;
	width: 100%;
}

.new01 {
	float: left;
	width: 29%;
	padding: 0 4% 10% 0;
}

.new02 {
	float: left;
	width: 28%;
	padding: 0 0 50px 0;
}

.new01 img,
.new02 img {
	width: 80px;
}

.new-title {
	font-family: 'Helvetica', sans-serif;
	color:#696969;
	letter-spacing: 1px;
	padding:0px 0 0px 0;
	font-size:9px;
    font-weight:100;
}

.itunes {
	padding: 0 20px 0px 20px;
	width: 100%;
}
	
.itunes iframe {
	width: 100%;
	height: 400px !important;
	overflow:hidden;
	background:transparent;
}

.instagram {
	padding: 50px 20px 0px 20px;
	width: 100%;
	margin: 0 0 0px 0;
}

.instagram img {
	list-style: none;
	width: 28.5%;
	float: left;
	margin: 0 4% 15% 0;
}

#insta-pad {
	padding:40px 0 0 0;
}	

	


    .videos {
	}
    /* .photo,
    .photo_y {
        width:24vw;
        height:24vw;
        margin-right:0.2vw;
        margin-bottom:0.2vw;
    } */
    .exhibition {
        width:95%;
        font-size: 7px;
    }
    .location .address {
        font-size: 8px;
    }
    .chizu {
        display: block;
        text-align: right;
    }
    .chizu img{
        width:100px;
    }
    .contact  {
        margin-top: -10px;
    }
    .contact p {
        font-size: 8px;
        margin-bottom: 5px;
    }

    body.body-top {
		background-size: 200vw !important;
   }
   .site-footer {
       text-align: left !important;
   }
}
@media (max-width: 770px)  {
  .video_01 {
  width: 29vw;
  height: 29vw;
  }
  .video_02 {
  width: 55vw;
  height: 55vw;
  }
  .siema {
	width: 90%;
	padding:0 0 20px 0;
	margin:0 auto;
   }
   .site-header {
	position: fixed;
	bottom:10px;
	padding:0px 10px 0 30px;
	font-family: "Helvetica", sans-serif;
   }
   .site-footer {
	font-size: 12px;
	padding: 20px 0px 0px 0px;
	position: fixed;
	bottom:10px;
	right:20px;
}
    .site-footer p {
       text-align:right;
        margin: 5px 0 30px 0;
    }
	.site-footer p span a {
	text-decoration:none;
	font-size: 13px;
	}
}
@media (max-width: 630px)  {

  .videos {
    width: 100vw;
  }
  .video_01 {
    top: 35.5vw;
    left: auto;
    right: 15vw;
  width: 29vw;
  height: 29vw;
  }
  .video_02 {
  bottom: 18vw;
  right: auto;
  left: 15vw;
  z-index: 0;
  width: 55vw;
  height: 55vw;
  }
    /* .photo,
    .photo_y {
        width:16vw;
        height:16vw;
        margin-right:0.1vw;
        margin-bottom:0.1vw;
    } */
    body.body-top {
		background-size: 400vw !important;
   }

}
/* @media (max-width: 530px)  {
    .photo,
    .photo_y {
        width:20vw;
        height:20vw;
        margin-right:0.1vw;
        margin-bottom:0.1vw;
    }
}
@media (max-width: 420px)  {
    .photo,
    .photo_y {
        width:20vw;
        height:20vw;
        margin-right:0.1vw;
        margin-bottom:0.1vw;
    }
}
@media (max-width: 350px)  {
    .photo,
    .photo_y {
        width:20vw;
        height:20vw;
        margin-right:0.1vw;
        margin-bottom:0.1vw;
    }
} */