@charset "utf-8";
/*  Webofnt  */
@font-face {
	font-family: logotypegothic_Condense;
	src:url("../webfonts/yasashisa_gothic.eot");	/*IE*/
	src:url("../webfonts/yasashisa_gothic.woff");	/* Firefox, Opera, Safari */
}

@font-face {
	font-family: Oswald-ExtraLight;
	src:url("../webfonts/Oswald-ExtraLight.eot");	/*IE*/
	src:url("../webfonts/Oswald-ExtraLight.woff");	/* Firefox, Opera, Safari */
}

@font-face {
	font-family: Oswald-Light;
	src:url("../webfonts/Oswald-Light.eot");	/*IE*/
	src:url("../webfonts/Oswald-Light.woff");	/* Firefox, Opera, Safari */
}

@font-face {
	font-family: YuGothicM;
	src: local("Yu Gothic Medium");
}

.webfont{
	font-family:Oswald-Light !important;
}

.normal_font{
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothicM,YuGothic,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;
}

h1, .webfont_exlight{
	font-family:Oswald-ExtraLight !important;
}

.h_en1{
	letter-spacing:1px;
}

.h_en2{
	letter-spacing:2px;
}

.h_en3{
	letter-spacing:3px;
}

.h_en4{
	letter-spacing:4px;
}

.h_en5{
	letter-spacing:5px;
}

.h_en6{
	letter-spacing:6px;
}

/*
all
-----------------------------------------------*/
html,body{
	width:100%;
}

body{
	font-size:14pt;
	line-height:150%;
	font-family:Oswald-Light,-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	color:#333;
	width:100%;
	overflow-x:hidden;
}

.div_wrapper{
	opacity:0.0;
}

header,article,footer{
	xopacity: 0.0;
}

a{
	text-decoration:none;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	outline: none;
}

a:hover, a:focus{
	opacity: 0.8;
	filter: alpha(opacity=80);
	text-decoration:none;
}

button:focus,a:focus{
	outline:none;
}

/* main color 008400 0,132,0 */
a,a:hover,a:focus{
	color:#000;
}

.back_h{
	background:#008400;
}

.color_h{
	color:#000;
}

.back_a{
	background:#008400;
}

.color_a{
	color:#008400;
}

.color_000{
	color:#000;
}

section:nth-child(odd){
	background:#fafafa;
}

section:nth-child(even){
}

.container .google_map img{
	max-width:none !important;
}

.container i{
	margin-right:5px;
}

.container img{
	max-width:100%;
}

.xs_inline{
	display: block;
}

.display_none{
	display: none;
}

/* page-top */
#page-top {
	position: fixed;
	bottom: 0px;
	right: 20px;
	z-index:100;
}

#page-top a {
	display:block;
	width:50px;
	height:50px;
	line-height:45px;
	font-size:18pt;
	border:1px solid #000;
	background:rgba(255,255,255,0.95);
	color:#000;
	border-radius:50%;
}

#page-top a:hover{
	background:#000;
	color:#fff;
}

.contents{
	position: relative;
	z-index:2;
}

.md_inline{
	display: block;
}

/* trialngle */
.triangle{
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50px 0 0;
	z-index:1;
}

.t_ho, .t_hokushin{ border-color: #7DCCF3 transparent transparent transparent; }
.color_ho, .color_hokushin{ color:#7DCCF3; }
.back_ho, .back_hokushin{ background:#7DCCF3; }
.back2_hokushin{ background:rgba(125,204,243,0.25) !important; }

.t_to, .t_toshin{ border-color: #FFF125 transparent transparent transparent; }
.color_to, .color_toshin{ color: #fc0; }
.back_to, .back_toshin{ background: #FFF125; }
.back2_toshin{ background: rgba(255,241,37,0.25) !important; }

.t_chu, .t_chushin{	border-color: #EA6DA4 transparent transparent transparent; }
.color_chu, .color_chushin{ color: #EA6DA4; }
.back_chu, .back_chushin{ background: #EA6DA4; }
.back2_chushin{ background: rgba(234,109,164,0.25) !important; }

.t_na, .t_nanshin{ border-color: #68BF9E transparent transparent transparent; }
.color_na , .color_nanshin{ color: #68BF9E; }
.back_na, .back_nanshin{ background: #68BF9E; }
.back2_nanshin{ background: rgba(104,191,158,0.25) !important; }

.info_cat{
	font-size:11pt;
	display: inline-block;
	padding:2px 10px;
	margin-right:10px;
	margin-bottom:5px;
}

.back_museum, .back_artist{
	background:#999;
	color:#fff;
}

.back_museum_name{
	border:1px solid #999;
}

.top_m_detail{
	position: absolute;
	right:35px;
	bottom:10px;
	width:30px;
	height:30px;
	text-align:center;
	z-index:2;
}

hr{
	margin:0;
	padding:0;
	border:0;
	height:2px;
}

hr{
	background:linear-gradient(90deg,#fff125 0%,#fff125 25%,#68bf9e 25%,#68bf9e 50%,#ea6da4 50%,#ea6da4 75%,#7dccf3 75%,#7dccf3 100%);
}

#page_title{
	background:linear-gradient(90deg,#fff125 0%,#fff125 12.5%,#68bf9e 12.5%,#68bf9e 50%,#ea6da4 50%,#ea6da4 87.5%,#7dccf3 87.5%,#7dccf3 100%);
}

/* header */
header{
	width:100%;
	background:rgba(255,255,255,0.90);
	z-index:100;
}

.top_body  header{
		position: fixed !important;
		display: none;
}

.header_link a{
	display: inline-block;
	padding:5px 10px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}

.header_link a:first-child{
	margin-right:10px;
}

.main_title img{
	max-height:60px;
}

.main_title img:first-child{
	margin-right:5px;
}

/* global_menu */
.global_menu a{
	display: block;
	padding:5px;
}
.header_logo a:hover{
	background:none !important;
}

.global_menu a:hover{
	color:#fff;
	background:#333;
}

.global_menu a.current{
	color:#fff;
	background:#000;
}

.top_icon a{
	display: inline-block !important;
	padding:3px !important;
}

/* footer */
footer{
	position: relative;
	background:#fff;
}

#copyright{
	background:#000;
	padding:5px 15px 5px 15px;
}

footer,#page{
	position: relative;
}

.top_body footer,.top_body #page{
	top:150px;
}

footer.footer_top{
	top:0px;
}

/* top page */
.top_img{
	position: absolute;
	width:100%;
	height:100vh;
}

.loader{
	position:fixed;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center; /* 縦方向中央揃え */
	justify-content: center; /* 横方向中央揃え */
	flex-direction: column;
	z-index:1000;
	background:rgba(255,255,255,0.98);
}

.loader img{
	max-width:128px;
}

video {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	background-size: cover;
	margin-left:auto;
	margin-right:auto;
}

/* next */
#top_next{
	background: url(../img/back_mask3.png);
	width: 100%;
	height: 100vh;
}

.box_next{
	position: absolute;
	width:100%;
	left:0;
	bottom:0;
}

.box_next .link_scroll{
	color:#fff;
	padding:10px 5px;
}

.box_next a:hover.link_scroll{
	background:rgba(255,255,255,0.30);
}

.top_about_div_inner{
}

/* page */
#page_title .outer{
	background:rgba(255,255,255,0.50);
	height:100px;
}

#page_title .inner{
	display: block;
	position: absolute;
	margin-top:-30px;
	width:100%;
	z-index:2;

}

.div_start_museum{
	margin-top:-30px;
}
#page_title .inner_inner{
	padding:30px;
	background:#fff;
	border:1px solid #999;
	width:50vw;
	margin:0px auto;
}

.box_img a{
	xposition: relative;
	xdisplay: block;
	xwidth:98%;
	xmargin-left:0px !important;
	xmargin-bottom:10%;
	xz-index:2;
}

.box_img div{
	xposition:absolute;
	xwidth:92%;
	xheight:90%;
	xtop:10%;
	xleft:5%;
	xz-index:1;
	xdisplay: flex;
	xalign-items: flex-end;
}

.area_border{
	border-top:1px solid #fff;
}

.box_img div p{
	xwidth:100%;
	xtext-align:right;
	xmargin-right:5%;
	xmargin-bottom:2%;
}

.artist_list .float_left{

}

.artist_list a.float_left{
	display: block;
	z-index:1;
	position: relative;
	width:20%;
	background:#fff;
}

.artist_list a.float_left:hover,
a.img_zoom:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
opacity:1.0 !important;
z-index:3;
}

.atl_inner{
	position: absolute;
	width:100%;
	height:25%;
	bottom:0;
	left:0;
	z-index:1;
	background:rgba(0,0,0,0.30);
	overflow:hidden;
}

a:hover .atl_inner{
	height:52%;
	background:rgba(0,0,0,0.80);
	padding:0px 20px;
}

a:hover .museum_list{
	padding:0px 0px !important;
}

.atl_inner .icon_padding{
	padding:2px !important;
}

.atl_inner ul{
	opacity:0.0;
	transform:translateY(100px);
}

a:hover .atl_inner ul{
	opacity:1.0;
	transform:translateY(0px);
}

.sns_icon li{
	display: block;
	float:left;
	margin-right:15px;
}

.sns_icon li:first-child{
	margin-left:0px !important;
}

.sns_icon li span{
	font-size:28pt;
	color:#333;
	margin-right:0px !important;
}

.page_sub_title{
	margin-top:-30px;
}

.title_mask{
	background:url('../img/title_mask.png');
}

#map{
	height:600px;
}

.end_event{
	color:#f00;
	border:1px solid #f00;
	display: inline-block;
	padding:3px 5px;
	margin-bottom:5px;
}

.chg_txt p{
	width:200px;
	padding:5px 10px;
	text-align:center;
	border:1px solid #333;
	background:#fff;
	cursor:pointer;
}

.chg_txt .current,.chg_txt p:hover{
	background:#333;
	color:#fff;
}

div.en_txt{
	display: none;
}

div.en_txt,div.jp_txt{}

.about_border{
	position: absolute;
	width:90%;left:10%;
	top:20px;
	height:100%;
	border:1px solid #999;
}

.artist_border{
	position: absolute;
	width:90%;left:10%;
	top:50px;height:100%;
	border:1px solid #999;
}

.profile_border{
	position: absolute;
	width:90%;right:10%;
	top:50px;height:96%;
	border:1px solid #999;
}

.profile_outer{
	flex-direction: row-reverse;
}

.about_txt{
	margin-top:30px;
}
.artist_txt{
}

.about_txt_inner{
	padding:20px 25px 20px 0px;
}

.artist_txt_inner{
	padding:0px 25px 30px 0px;
}

.profile_txt_inner{
	padding:0px 0px 0px 30px;
}

.icon_padding{
	padding:5px 10px;
}

.ex_img{
	left:3%;
	width:97%;
	top:4%;
	height:97%;
}

.ex_images{
	width:97%
}

.works_img {
	position: relative;
	z-index:3;
	line-height: 0;
	-webkit-column-gap: 0px;
	-moz-column-gap:0px;
	column-gap: 0px;
	margin-left:-10px;
	margin-right:-10px;
}

.grid {
	padding: 10px;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.works_img_1line {
	position: relative;
	z-index:3;
}
.gallery_inner img{
	position: relative;
	z-index:1;
}

.works_caption {
	padding:5px 10px;
	background:rgba(255,255,255,0.95);
}

p.img_mask{
	position: absolute;
	z-index:2;
	width:100%;
	height:100%;
	background:rga(255,255,255,0.0);
}

.top_at_name{
	display: inline-block;
	padding:2px 8px;
	border:1px solid #333;
}

a:hover.top_at_name{
	background: #333;
	color:#fff;
}

.sp_inner_link{
	margin-left:-15px;
	margin-right:-15px;
}

.sp_inner_link p{
	width:50%;
	padding-left:15px;
	padding-right:15px;
}

form br{
	display: none;
}

form dt .required{
	font-size:7px;
	color:#f00;
}

input, textarea,select{
	border-radius:10px;
	border:1px solid #666;
	padding:5px 5px;
}

.wpcf7-not-valid-tip{
	display: block;
	margin-top:5px;
	color:#f00;
	font-size:12pt;
}

.p_submit input{
	width:100%;
	background:#000;
	padding:20px 10px;
	text-align: center;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	font-size:18pt;
}

.submitting input{
	background: #999 !important;
}

.screen-reader-response{
	display: none;
}

.wpcf7-validation-errors{
	margin-bottom:30px;
	text-align: center;
	color:#f00;
}