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





/* 追加 2024/12/2 */

.event_img_div {
clear: both;
position: relative;
margin-bottom: 2.2vw;
margin-top: 3.2vw;
}




/* 追加 2024/11/11 */


.video-all{}

.video-all h2{
padding-top: 3vw;
margin-top: 3vw;
clear: both;
border-top: solid 1px #ccc;
}





.video-wrap {
	position: relative;
margin-bottom: 2.2vw;
}
.video-btn {
	content: "";
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0px; 
	cursor: pointer;
}
.video-btn2 {
	content: "";
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0px; 
	cursor: pointer;
}
.video-btn3 {
	content: "";
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0px; 
	cursor: pointer;
}

.video-btn_activ{display: none;}

.video-wrap video {
width: 100%;
height: 41.0vw;
object-fit: cover;
}



.video-wrap img{
width: 100%;
vertical-align: top;
}

.video-wrap_p{font-size: 1vw;
position: absolute;
right: 0;
bottom: -2.2vw;}

.video-wrap_bottom_p{font-size: 1.2vw;
line-height: 2.2vw;
margin: 0;}


.event_div_slide{
margin-bottom: 1.5vw;
position: relative;
}

.cambodia_map{width: 100%;
vertical-align: top;
margin-bottom: 1.5vw;}


 .video-text_all{
margin-bottom: 3.5vw;
padding-bottom: 3vw;
border-bottom: solid 1px #ccc;
}






/* 追加 */

.slider-text0 {
font-size: 1vw;
position: absolute;
right: 0;
bottom: -2.7vw;
}


.info_div:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}

.book{clear: both;
margin-top: 0.5vw; 
margin-bottom: 1.5vw; }

.book:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}

.book img{
float: left;
width:calc((100% - 3vw) / 3);
}

.book img:nth-child(1) {
margin-right: 1.5vw; 
margin-bottom: 1.5vw; 
}
.book img:nth-child(2) {
margin-right: 1.5vw; 
margin-bottom: 1.5vw; 
}
.book img:nth-child(3) {
margin-bottom: 1.5vw; 
}
.book img:nth-child(4) {
margin-right: 1.5vw; 
}
.book img:nth-child(5) {
margin-right: 1.5vw; 
}
.book img:nth-child(6) {

}

.performance_sh{
width: 100%;
margin-top: 1.2vw;
margin-bottom: 3.5vw;
}

.rei_foundation_limited_img {
width: 17vw;
margin-top: 2.6vw;
}


.h3_r {
font-weight: bold;
font-size: 1.5vw;
margin: 0;
letter-spacing: 0vw;
padding-bottom: 0.4vw;
line-height: 2.2vw;
color: #777777;
}



















body {background-color: #fff;
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
margin: auto;
width: 72.8%;
color: #464646;
margin-bottom: 6vw;
}


			
a{
text-decoration: none;
color: #464646;
	
}





h1 {
color: #000;
font-weight: bold;
font-size: 1.4vw;
margin: 0;
letter-spacing: 0vw;
line-height: 2.6vw;
padding-bottom: 2.5vw;
}

h1 span {
text-align: right;
display: block;
}

.br_sh{display: none;}

h2 {
color: #000;
font-weight: bold;
font-size: 2.8vw;
margin: 0;
letter-spacing: 0vw;
padding-bottom: 2.0vw;
line-height: 3.2vw;
}


h3 {
font-weight: bold;
font-size: 1.7vw;
margin: 0;
letter-spacing: 0vw;
padding-bottom: 0.4vw;
line-height: 2.2vw;
color: #777777;
}


.h3_sapn {
font-size: 1.4vw;
}


h4 {
font-weight: bold;
font-size: 1.7vw;
margin: 0;
letter-spacing: 0vw;
padding-bottom: 0.4vw;
line-height: 2.6vw;
color: #777777;
}

h5 {
font-weight: bold;
font-size: 1.3vw;
margin: 0;
letter-spacing: 0vw;
padding-bottom: 0.4vw;
line-height: 1.6vw;
padding-top: 1.5vw;
color: #777777;
}



p {
font-size: 1.2vw;
line-height: 2.2vw;
margin: 0;
}


.p80 {
font-size: 1vw;
}


.p80_2 {
font-size: 1vw;
line-height: 1.8vw;
}



.img_pc{display: block;}

.img_sh{display: none;}

.sh_br{display: none;}



.header_img {
width: 50.7vw;
height: auto;
float: none;
}

.header_img_sh{display: none;}

.header_img_2{
float: right;
width: 15.2vw;
margin-top: 0.05vw;
}


.header {
padding-top: 2.9vw;
text-align: center;
position: relative;
}


.header:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}


.lun {
position: absolute;
right: 0;
bottom: 0;
}

.lun a:hover{
color: #000!important;
}

.nav {
font-size: 1.0vw;
margin-top: 2.0vw;
float: right;
}

.nav a {
margin-left: 1.3vw;
color: #0473ba;
}

.nav a:last-child{
margin-right: 0vw;
}

.sns{
float: right;
}





.top_img_div {
clear: both;	
position: relative;
}





#news{
padding-top: 3vw;
margin-top: 3vw;
clear: both;
border-top: solid 1px #ccc;
}


#news:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}

.news_contents p{}

.date {
width: 11%;
display: inline-block;
vertical-align: top;
}

.text {
width: 89%;
display: inline-block;
vertical-align: top;
}

.coming_soon{white-space: nowrap;}

#about {
padding-top: 1.2vw;
margin-top: 3vw;
clear: both;
border-top: solid 0px #ccc;
}

#about:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}



#my_beloved{padding-top: 3vw;
margin-top: 3vw;
clear: both;
border-top: solid 1px #ccc;}

#my_beloved:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}

#my_beloved span{float: right;
text-align: right;}



#artist{
padding-top: 3vw;
margin-top: 3vw;
clear: both;
border-top: solid 1px #ccc;
}

#artist:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}


.left{width: 60%;
float: left;}

.right {
width: 35%;
float: right;
}

.right img{width: 100%;}







#exhbition {
padding-top: 3vw;
margin-top: 3vw;
clear: both;
border-top: solid 1px #ccc;
padding-bottom: 3vw;
margin-bottom: 3vw;
border-bottom: solid 1px #ccc;
}


#exhbition:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}



.exhbition-info{
  padding-top: 3vw;
  margin-top: 3vw;
  clear: both;
  border-top: solid 1px #ccc;  
}



#event{
clear: both;
}

#event:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}

.event_div1 {
padding-top: 0vw;
clear: both;
}
.event_div2 {
padding-top: 3vw;
clear: both;
}
.event_div3 {
padding-top: 3vw;
clear: both;
}

.event_div2 a{text-decoration: underline;}
.event_div3 a{text-decoration: underline;}



#visit{
padding-top: 3vw;
margin-top: 3vw;
clear: both;
border-top: solid 1px #ccc;
}

#visit:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}

#visit img {
width: 100%;
margin-top: 2vw;
}


#info {
padding-top: 3vw;
margin-top: 3vw;
clear: both;
border-top: solid 1px #ccc;
}	

#info:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}



#rei_foundation_limited{
padding-top: 3vw;
margin-top: 3vw;
clear: both;
border-top: solid 1px #ccc;}




#page-top {
position: fixed;
bottom: 20px;
right: 20px;
font-size: 38px;
line-height: 77px;
z-index: 99;
}
#page-top a {
background: #ccc;
text-decoration: none;
color: #fff;
width: 75px;
height: 75px;
text-align: center;
border-radius: 9999px;
opacity: 0.9;
transition: all .3s ease;
display: block;

}
#page-top a:hover {
  text-decoration: none;
  opacity: .5;
}






.slide-items {
  width: 100%;
  height: 100%;
	margin: 0;
padding: 0;
}

.slide-items img {
  width: 100%;
  object-fit: cover;
}


.slick-list {
width: 100%;
}

.slider-text{margin-top: 1vw;
font-size: 1vw;
}


.slider-text span {

}


iframe {
width: 100%;
height: 35vw;
margin-top: 1vw;
	
outline: none;
}

.img_map{width: 100%;
height: auto;
margin-top: 1vw;}

			



@media screen and (max-width: 768px){
	
	
/* 追加 2024/12/2 */



.event_img_div {
clear: both;
position: relative;
margin-bottom: 5.6vw;
margin-top: 7.3vw;
}
	

/* 追加 2024/11/11 */


.video-wrap_bottom_p {
font-size: 2.9vw;
line-height: 4.8vw;
margin: 0;
}


.video-wrap video {
width: 100%;
height: 56.2vw;
object-fit: cover;
}

.video-text_all {
width: 90%;
margin-left: auto;
margin-right: auto;
padding-bottom: 5.5vw;
margin-bottom: 6.3vw;
border-bottom: solid 1px #ccc;
}
	
.video-all {
margin-top: 9vw;
}
	
.video-wrap_p {
font-size: 2.3vw;
position: absolute;
right: 1vw;
bottom: -4.5vw;
}
	
.video-wrap {
position: relative;
margin-bottom: 5.6vw;
}
	
	
.event_div_slide{
margin-bottom: 3.5vw;
}	
	
.cambodia_map{
margin-bottom: 3.5vw;}	
	
.video-all h2{
width: 90%!important;
margin-left: auto!important;
margin-right: auto!important;
clear: both;
border-top: solid 1px #ccc;
padding-top: 5.5vw;
margin-top: 5.5vw;
}
	
	
.video-all2 h2{
width: 90%!important;
margin-left: auto!important;
margin-right: auto!important;
clear: both;
}
	
.top_img_div h2{width: 90%;
margin-left: auto;
margin-right: auto;}	
	
	
/* 追加 */

.slider-text0 {
font-size: 2.3vw;
position: absolute;
right: 1vw;
bottom: -5.5vw;
}
	


.book {
clear: both;
margin-top: 1vw;
margin-bottom: 2.5vw;
}

.book img{
float: none;
width:100%;
}

.book img:nth-child(1) {
margin-right: 0vw; 
margin-bottom: 2vw; 
}
.book img:nth-child(2) {
margin-right: 0vw; 
margin-bottom: 2vw; 
}
.book img:nth-child(3) {
margin-right: 0vw;
margin-bottom: 2vw; 
}
.book img:nth-child(4) {
margin-right: 0vw;
margin-bottom: 2vw; 
}
.book img:nth-child(5) {
margin-right: 0vw; 
margin-bottom: 2vw; 
}
.book img:nth-child(6) {

}

.rei_foundation_limited_img {
width: 40vw;
margin-top: 5.6vw;
}

.h4_sh_r {
font-size: 4.0vw;
line-height: 6.6vw;
padding-bottom: 1.1vw;
}	
	
	
	
	








	
	
	
body {
width: 100%;
margin-bottom: 11vw;
}
	
.header{width: 90%;
margin-left: auto;
margin-right: auto;}
	
#top_img_div{width: 100%;}
	
#about{width: 90%;
margin-left: auto;
margin-right: auto;}
	
#my_beloved{width: 90%;
margin-left: auto;
margin-right: auto;}
	
#artist{width: 90%;
margin-left: auto;
margin-right: auto;}
	
#exhbition{width: 90%;
margin-left: auto;
margin-right: auto;}
	
#event{}
	
	
#event h2 {
width: 90%!important;
margin-left: auto!important;
margin-right: auto!important;
}

#event .event_div1 {
width: 90%!important;
margin-left: auto!important;
margin-right: auto!important;
}
	
	
#info{width: 90%;
margin-left: auto;
margin-right: auto;}
	
#rei_foundation_limited{width: 90%;
margin-left: auto;
margin-right: auto;}


.nav {
font-size: 2.2vw;
margin-top: 1vw;
}

	
	

h1 {
font-weight: bold;
font-size: 3.2vw;
margin: 0;
letter-spacing: 0vw;
line-height: 5.6vw;
padding-bottom: 5.6vw;
}
	
.br_sh{display: block;}

h2 {
font-weight: bold;
font-size: 5.9vw;
margin: 0;
letter-spacing: 0vw;
padding-bottom: 3.3vw;
line-height: 6.5vw;
}


h3 {
font-weight: bold;
font-size: 3.6vw;
margin: 0;
letter-spacing: 0vw;
padding-bottom: 0.8vw;
line-height: 5.5vw;
}
	
.h3_sapn {
font-size: 3.1vw;
}


h4 {
font-weight: bold;
font-size: 3.3vw;
margin: 0;
letter-spacing: 0vw;
padding-bottom: 0.5vw;
line-height: 4.8vw;
}

h5 {
font-weight: bold;
font-size: 3.5vw;
margin: 0;
letter-spacing: 0vw;
padding-bottom: 0.5vw;
line-height: 5.2vw;
padding-top: 3.25vw;
}


	

p {
font-size: 2.9vw;
line-height: 4.8vw;
margin: 0;
}



.p80 {
font-size: 2.7vw;
}


.p80_2 {
font-size: 2.9vw;
line-height: 4.8vw;
}
	

.h4_sh {
font-size: 4.2vw;
line-height: 6.6vw;
padding-bottom: 1.1vw;
}

.h4_p_sh {
font-size: 3.2vw;
line-height: 5.5vw;
}

	
	
.img_pc{display: none;}

.img_sh{display: block;}
	
.sh_br{display: block;}



.header {
padding-top: 10.5vw;
width: 100%;
}
	
.header_img {
width: 100%;
height: auto;
display: none;
}
	
.header_img_sh {
display: block;
width: 66%;
height: auto;
margin: auto;
}
	
	
.header_img_2 {
float: right;
width: 25.6vw;
margin-top: 6.05vw;
margin-right: 9.7vw;
}
	
	
.lun {
right: 5vw;
bottom: 0;
}
	
	
.top_img_div {
padding-top: 0;
margin-top: 0;
}
	

#news {
padding-top: 5.5vw;
margin-top: 5.5vw;
}
	
.news_contents p {
line-height: 4.8vw;
}
	
.date {
width: 18%;
}

.text {
width: 82%;
}

#about {
padding-top: 0vw;
margin-top: 5.0vw;
}
	
	
#my_beloved{padding-top: 5.5vw;
margin-top: 5.5vw;}

#artist {
padding-top: 5.5vw;
margin-top: 5.5vw;
}

.left {
width: 100%;
float: left;
}

.right {
width: 100%;
float: left;
margin-top: 3vw;
}
	
.right_sh{margin-top: 0vw;
margin-bottom: 3vw;}
	
	
#exhbition {
padding-top: 5.5vw;
margin-top: 5.5vw;
padding-bottom: 5.5vw;
margin-bottom: 5.5vw;
border-bottom: solid 1px #ccc;
}

	


#event {
padding-top: 0;
margin-top: 0;
}
	
.event_div2 {
padding-top: 6vw;
clear: both;
}
	
.event_div3 {
padding-top: 6vw;
clear: both;
}

#visit {
padding-top: 5.5vw;
margin-top: 5.5vw;
}

#info {
padding-top: 5.5vw;
margin-top: 5.5vw;
}
	
	
#rei_foundation_limited{
padding-top: 5.5vw;
margin-top: 3.5vw;}
	
	
	

iframe {
width: 100%;
height: 70vw;
margin-top: 3vw;
}
	
	
.img_map{width: 100%;
height: auto;
margin-top: 3vw;}
	
	
	
	
.slider-text {
margin-top: 2vw;
font-size: 2.3vw;
}
	
.slider-text span {
}

	
/* スマホメニューメニュー */
	

.menu-trigger,
.menu-trigger span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}

.menu-trigger {
position: fixed;
top: 19.5vw;
right: 3.3vw;
width: 9.0vw;
height: 8vw;
z-index: 9999;
}
	
.fixed_menu-trigger{top: 2.5vw;}


a.menu-trigger:hover{
}
.menu-trigger span {
position: absolute;
z-index: 9999;
left: 2vw;
width: 4.8vw;
height: 0.5vw;
background-color: #000;
border-radius: 0px;
}
.menu-trigger span:nth-of-type(1) {
top: 1.9vw;
}
.menu-trigger span:nth-of-type(2) {
 top: 3.7vw;
}
.menu-trigger span:nth-of-type(3) {
 bottom: 1.9vw;

}
	
	
.menu-trigger.active {
height: 56px;
top: 2.85vw;
}
	
.menu-trigger.active span:nth-of-type(1) {
 -webkit-transform: translateY(20px) rotate(-45deg);
 transform: translateY(19px) rotate(-45deg);
	 top:7px;
}
.menu-trigger.active span:nth-of-type(2) {
 opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
 -webkit-transform: translateY(-20px) rotate(45deg);
 transform: translateY(-20px) rotate(45deg);
	 bottom:7px;
}
#overlay {
display: none;
width: 100%;
height: 100%;
text-align: left;
position: fixed;
top: 0;
left: 0;
background-color: #0473ba;
opacity: 1;
z-index: 999;
padding: 0px;
}


.nav{display:none;}

.navsh{
top:0;
left:0;
width: auto;
height:auto;
float: left;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.navsh a {
display: block;
font-size: 4.2vw;
line-height: 10vw;
color: #fff;
font-weight: bold;
}
	


.sh_sns {
float: left;
}

.sh_sns img{
width: 5vw;
height: 5vw;
}


	

	
	
	

}







@media screen and (min-width: 769px) and (max-width: 1024px) {	

.menu-trigger{display:none;}
#overlay{visibility:hidden;
 width: 100%;
 height:100%;
 position: fixed;
 top: 0;
left:0;}
	



}

@media screen and (min-width: 1025px) and (max-width: 1600px) {
	
.menu-trigger{display:none;}
#overlay{visibility:hidden;
 width: 100%;
 height:100%;
 position: fixed;
 top: 0;
left:0;}


}

@media screen and (min-width: 1601px) {	
	
.menu-trigger{display:none;}
#overlay{visibility:hidden;
 width: 100%;
 height:100%;
 position: fixed;
 top: 0;
left:0;}

}







@media only screen and (max-device-width:480px){
	


	

	
	
	
	

}



@media only screen and (min-device-width: 481px) and (max-device-width: 1024px){


	
	


}










@media only screen and (max-device-width:480px) and (orientation: landscape){
	
}




@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape){


	
}








/* chome */

_:lang(x)::-internal-media-controls-overlay-cast-button, img {
    -webkit-backface-visibility: hidden;
	image-rendering: -webkit-optimize-contrast;
}




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

}

@media screen and (min-width: 824px) and (max-width: 924px) {	

}

@media screen and (min-width: 924px) and (max-width: 1024px) {	

}







	



/* win */
.win body{

}


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

}

@media screen and (min-width: 824px) and (max-width: 924px) {	

}

@media screen and (min-width: 924px) and (max-width: 1024px) {	

}

@media screen and (min-width: 1024px) and (max-width: 1124px) {	

}