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

body{
padding:0;
margin: 0;
color:#000;
text-align:center;
font-size:17px;
line-height:1.5em;
font-family: 'Noto Sans JP', sans-serif;
}

pre {font-family: 'Noto Sans JP', sans-serif!important;}

a img{border:none;}
img{ max-width: 100%; height: auto!important;}


.pc_elm{ display: none!important;}
.sp_elm{ display: block!important;}

@media screen and (max-width: 728px) {
.pc_elm{ display: block!important;}
.sp_elm{ display: none!important;}
}

.artist_wrap,
.artist_wrap_single,
.exhi_wrap .header,
.exhi_wrap_single,
.news_wrap .inner .head,
.news_wrap_single,
.sl_wrap,
.access_wrap,
.cont_wrap,
.pp_wrap
 { padding-top: 215px;}
 
 body.under.about .mv
 { padding-top: 100px;}
 
 body.under.about .mv img
 { width: 100%!important;}
 
 @media screen and (max-width: 1080px) {
.artist_wrap,
.artist_wrap_single,
.exhi_wrap .header,
.exhi_wrap_single,
.news_wrap .inner .head,
.news_wrap_single,
.sl_wrap,
.access_wrap,
.cont_wrap,
.pp_wrap
 { padding-top: 50px;}
 
 body.under.about .mv
 { padding-top: 0px;}
}

 @media screen and (max-width: 728px) {
.artist_wrap,
.artist_wrap_single,
.exhi_wrap .header,
.exhi_wrap_single,
.news_wrap,
.news_wrap_single,
.sl_wrap,
.access_wrap,
.cont_wrap,
.pp_wrap
 { padding-top: 20vw;}
 
 body.under.about .mv
 { padding-top: 13vw;}

}

#loader-bg{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background: #94C6D6;z-index:99999999;}
#loader{display:none;position:absolute; top:50%;left:50%;margin:-25px 0 0 -150px;width:300px;}

/*menu*/
.menu{ display: none;}

#sp_menu { position: fixed; width: 100%; padding: 3vw; text-align: left; top:0; z-index: 999999; }
#sp_menu h1 img{ width: 30vw;}
body #sp_menu { background: none;}
body.under #sp_menu { background: #94C6D6;}
body.fixed #sp_menu { background: #94C6D6; z-index: 9999999; }


@media screen and (max-width: 728px) {
.menu{ display: block;}
.menu { height: 20px; position: fixed; right: 3%; top:4vw; width: 30px; z-index: 99999999; }
body.fixed .menu, body.active .menu {z-index: 999;}

.menu__line{ background: #fff; display: block; height: 4px; position: absolute; transition:transform .3s; width: 100%; }
.menu__line--center{ top: 9px; }
.menu__line--bottom{ bottom: -2px; width: 100%; }
.menu__line--bottom.active{ width: 100%; }
.menu__line--top.active{ top: 8px; transform: rotate(45deg); }
.menu__line--center.active{ transform:scaleX(0); }
.menu__line--bottom.active{ bottom: 8px; transform: rotate(135deg); }

}

/*gnav*/
.gnav{ background: #94C6D6; display: none; height: 100%; position: fixed; width: 100%; z-index: 99999;  top:0; }
.gnav__wrap{ align-items:center; display: flex; height: 100%; justify-content: center; position: absolute; width: 100%; }

.gnav ul{ list-style: none; line-height: 2.5em;}

.gnav__wrap .inner .menu_box.under{ border-bottom:none; margin-bottom: 30px;}
.gnav__wrap .inner .menu_box ul{ margin-bottom: 50px; color: #fff;}
.gnav__wrap .inner .menu_box dl dd ul{ margin-left: 30px; width: auto;}

.gnav__wrap .inner ul.sns{ display: flex; justify-content: center; }
.gnav__wrap .inner ul.sns li{ margin: 0 10px;}

@media screen and (max-width: 728px) {
.gnav .inner{ display: block;padding: 0 3%; width: 94%;}
.gnav__wrap .inner ul.sns li img { width: 40px;}
}


/* FONT */

.js,
body.top .news .right .inner dl dt,
.news_wrap .inner dl dt,
.exhi_wrap .art_wrap dl dd .date,
.exhi_wrap .art_wrap dl dd .galle,
.artist_wrap_single .news_wrap dl dt,
.artist_wrap_single .art_wrap dl dd .date,
.artist_wrap_single .art_wrap dl dd .galle,
.special_wrap .archive_wrap dl dd .date,
.special_wrap .archive_wrap dl dd .galle,
.artist_wrap_single .history .his_inner .grad-trigger:checked ~ .grad-btn::before
{font-family: 'Cabin', sans-serif;}

 .excl_tag
{ font-size: 10px;}

footer .copy,
.about_wrap .credo dl dd,
.about_wrap .action dl dd,
.cont_wrap .tel p,
.cont_wrap .mail p,
.about_wrap .credo .inner .gray dd
{ font-size: 14px;}

.exhi_wrap .header ul
{ font-size: 15px;}

.exhi_wrap_single .head .inner .info,
body.top .event dl dt .btn a
{ font-size: 17px;}

.exhi_wrap .art_wrap dl dd h4,
.exhi_wrap_single.fe .art_wrap dl dd h4,
.artist_wrap_single .head .btn,
.artist_wrap_single .art_wrap dl dd h4,
.special_wrap .archive_wrap dl dd h4,
.about_wrap .credo .inner .gray dt,
.exhi_wrap_single .btn a,
.exhi_wrap_single .btn_bta a,
.artist_wrap_single .btn_bta a
{ font-size: 20px;}

@media screen and (max-width: 728px) {
	
	.exhi_wrap .art_wrap dl dd .date,
	.exhi_wrap .art_wrap dl dd .galle,
	body.top .event dl dt .post 
	{ font-size: 14px;}
	
	.exhi_wrap .art_wrap dl.big dd .date,
	.exhi_wrap .art_wrap dl.big dd .galle,
	.exhi_wrap .art_wrap dl p.cate,
	body.top .event dl dt time,
	body.top .event dl dt h3
	{ font-size: 16px;}

	.artist_wrap_single .head .btn
	{ font-size: 17px;}
		
	.exhi_wrap .art_wrap dl dd h4
	{ font-size: 18px;}
}

body.top .event dl dt h2 span.name_ex,
body.top .event dl dt h2 p.order_artist,
.exhi_wrap .art_wrap.top dl.big p.cate,
.cont_wrap .tel dl dt
{ font-size: 22px;}


.cont_wrap .tel dl dt,
.gnav ul,
.news_wrap_single.fe .comment
{ font-size: 24px;}

@media screen and (max-width: 1080px) {
	body.top .event dl dt h2,
	.cont_wrap .tel dl dt
	{ font-size: 14px;}
	
	.exhi_wrap .art_wrap.top dl.big p.cate,
	body.top .event dl dt h2 span.name_ex
	{ font-size: 18px;}
}

@media screen and (max-width: 728px) {
	.cont_wrap .tel dl dt
	{ font-size: 16px;}
	.cont_wrap .tel dl dt span
	{ font-size: 24px;}
}

header ul li,
.special_wrap h3,
.news_wrap_single p.time
{ font-size: 25px;}

@media screen and (max-width: 1080px) {
	header ul li
	{ font-size: 15px;}
	
	.exhi_wrap_single .exhi_info h3
	{ font-size: 23px;}
}

@media screen and (max-width: 1080px) {
	.artist_wrap_single h3
	{ font-size: 23px;}

}

.exhi_wrap .art_wrap.top dl.big dd h4 span,
body.top .event dl dt h2 span,
body.top .event dl dt h2 p,
.exhi_wrap_single .head h2 p,
.cont_wrap .tel dl dd
{ font-size: 28px; }

.exhi_wrap_single .head h2 p
{ line-height: 140%; }

body.top .mv .popup .tx,
body.under .exhi_wrap h3,
.news_wrap_single h2
{ font-size: 33px;}

body.top .spaces h3,
body.under .access_wrap .galle_box .white .box h3,
.access_wrap .other h3
{ font-size: 36px;}

@media screen and (max-width: 1080px) {
	
	.exhi_wrap .art_wrap.top dl.big dd h4 span,
	body.top .event dl dt h2 p
	{ font-size: 20px;}
	
	body.under .access_wrap .galle_box .white .box h3
	{ font-size: 23px;}
	
	body.under .access_wrap .other h3
	{ font-size: 27px;}
	
	.cont_wrap .tel dl dd
	{ font-size: 26px;}
	
	body.under .exhi_wrap h3,
	body.top .spaces h3
	{ font-size: 27px;}

}

@media screen and (max-width: 728px) {
	
	.cont_wrap .tel dl dd
	{ font-size: 22px;}
	
}

body.top .pickup li .inner .left h3,
.news_wrap .inner h2,
.exhi_wrap .inner h2,
.access_wrap h2,
.pp_wrap h2,
.about_wrap h2,
.about_wrap h3.about_h3,
.sl_wrap h2,
.exhi_wrap_single .head h2 div,
.special_wrap h2
{ font-size: 37px;}

@media screen and (max-width: 1080px) {
	body.top .pickup li .inner .left h3,
	.cont_wrap h2,
	.news_wrap_single p.time,
	.news_wrap_single h2,
	.exhi_wrap_single .head h2 div,
	.special_wrap h2
	{ font-size: 27px;}
}
@media screen and (max-width: 728px) {
	
	.artist_wrap h2.h2_2,
	.news_wrap .inner h2,
	.about_wrap h3.about_h3,
	.about_wrap h2,
	.sl_wrap h2,
	.access_wrap h2,
	.exhi_wrap .inner h2,
	.pp_wrap h2
	{ font-size: 33px;}
	
	.cont_wrap h2
	{ font-size: 40px;}
}

body.top .about h2,
body.top .pickup h2,
body.under .access_wrap .other h3 span,
body.under .access_wrap .other h3.kyoto,
.artist_wrap_single .head h2 div
{ font-size: 50px;}

body.under .access_wrap .galle_box .white .box h3 span
{ font-size: 52px;}

@media screen and (max-width: 1080px) {
	body.under .access_wrap .galle_box .white .box h3 span
	{ font-size: 27px;}
	
	body.top .about h2,
	body.top .pickup h2,
	body.under .access_wrap .other h3 span
	{ font-size: 40px;}
	
	body.under .access_wrap .other h3 span
	{ font-size: 30px;}
}

@media screen and (max-width: 728px) {
	.artist_wrap_single .head h2 div
	{ font-size: 33px; font-weight: 400!important;}
}

body.top .news .left h2,
body.top .pickup li .inner .right h2
{ font-size: 62px;}

@media screen and (max-width: 728px) {
	body.top .news .left h2,
	body.top .spaces h2
	{ font-size: 40px; }
}



/* LINK */

header ul a,
header ul a:hover,
header ul a:active,
header ul a:visited,
body.top .event .btn a,
body.top .event .btn a:hover,
body.top .event .btn a:active,
body.top .event .btn a:visited,
body.top .about .btn a,
body.top .about .btn a:hover,
body.top .about .btn a:active,
body.top .about .btn a:visited,
body.top .pickup li .inner .right .btn a,
body.top .pickup li .inner .right .btn a:hover,
body.top .pickup li .inner .right .btn a:active,
body.top .pickup li .inner .right .btn a:visited,
body.top .spaces dl dt .btn a,
body.top .spaces dl dt .btn a:hover,
body.top .spaces dl dt .btn a:active,
body.top .spaces dl dt .btn a:visited,
.artist_wrap .inner .btn a,
.artist_wrap .inner .btn a:hover,
.artist_wrap .inner .btn a:active,
.artist_wrap .inner .btn a:visited,
.access_wrap dl dt .btn a,
.access_wrap dl dt .btn a:hover,
.access_wrap dl dt .btn a:active,
.access_wrap dl dt .btn a:visited,
.exhi_wrap_single .others .left .btn_2 a,
.exhi_wrap_single .others .left .btn_2 a:hover,
.exhi_wrap_single .others .left .btn_2 a:active,
.exhi_wrap_single .others .left .btn_2 a:visited,
.artist_wrap_single .head .btn a,
.artist_wrap_single .head .btn a:active,
.artist_wrap_single .head .btn a:visited,
.exhi_wrap_single .head .btn a:visited,
.exhi_wrap_single .head .btn a,
.exhi_wrap_single .head .btn a:active,
.exhi_wrap_single .head .btn a:visited,
#cboxLoadedContent .btn_modal a,
#cboxLoadedContent .btn_modal a:hover,
#cboxLoadedContent .btn_modal a:visited,
#cboxLoadedContent .btn_modal a:active,
.artist_wrap_single .artist_cont_wrap .btn_cont a,
.artist_wrap_single .artist_cont_wrap .btn_cont a:hover,
.artist_wrap_single .artist_cont_wrap .btn_cont a:visited,
.artist_wrap_single .artist_cont_wrap .btn_cont a:active,
.exhi_wrap_single .exhi_cont_wrap .btn_cont a,
.exhi_wrap_single .exhi_cont_wrap .btn_cont a:visited,
.exhi_wrap_single .exhi_cont_wrap .btn_cont a:active,
.about_wrap .btn a,
.about_wrap .btn a:hover,
.about_wrap .btn a:active,
.about_wrap .btn a:visited,
.gnav__wrap .inner .menu_box ul a:hover,
.gnav__wrap .inner .menu_box ul a:active,
.gnav__wrap .inner .menu_box ul a:visited,
.gnav__wrap .inner .menu_box ul a
{ color: white; text-decoration: none;}

.news_wrap .inner dl dd a,
.news_wrap .inner dl dd a:active,
.news_wrap .inner dl dd a:visited,
.artist_wrap .inner .box dl dd h3 a,
.artist_wrap .inner .box dl dd h3 a:active,
.artist_wrap .inner .box dl dd h3 a:visited,
.news_wrap_single .box dl dd h3 a,
.news_wrap_single .box dl dd h3 a:active,
.news_wrap_single .box dl dd h3 a:visited,
.exhi_wrap .art_wrap dl a,
.exhi_wrap .art_wrap dl a:active,
.exhi_wrap .art_wrap dl a:visited,
.artist_wrap_single .art_wrap dl a,
.artist_wrap_single .art_wrap dl a:active,
.artist_wrap_single .art_wrap dl a:visited,
.special_wrap .archive_wrap dl a,
.special_wrap .archive_wrap dl a:active,
.special_wrap .archive_wrap dl a:visited,
.sl_wrap .list a,
.sl_wrap .list a:hover,
.sl_wrap .list a:active,
.sl_wrap .list a:visited,
.artist_wrap_single .works ul li a,
.artist_wrap_single .works ul li a:active,
.artist_wrap_single .works ul li a:visited,
.exhi_wrap_single .works ul li a,
.exhi_wrap_single .works ul li a:active,
.exhi_wrap_single .works ul li a:visited,
.artist_wrap_single .news_wrap dl dd a,
.artist_wrap_single .news_wrap dl dd a:active,
.artist_wrap_single .news_wrap dl dd a:visited,
.dropdwn_menu li a,
.dropdwn_menu li a:active,
.dropdwn_menu li a:visited,
body.top .info dl a,
body.top .info dl a:active,
body.top .info dl a:visited
{ color: #000; text-decoration: none;}

.news_wrap_single .tx_box a,
.news_wrap_single .tx_box a:active,
.news_wrap_single .tx_box a:visited,
.pp_wrap a,
.pp_wrap a:active,
.pp_wrap a:visited,
.dropdwn_menu li a:hover
{ color: #000; text-decoration: underline;}

body.top .news .right .inner .btn a,
body.top .news .right .inner .btn a:hover,
body.top .news .right .inner .btn a:active,
body.top .news .right .inner .btn a:visited,
.artist_wrap .inner .btn2 a,
.artist_wrap .inner .btn2 a:hover,
.artist_wrap .inner .btn2 a:active,
.artist_wrap .inner .btn2 a:visited,
footer ul.menu_ft li a,
footer ul.menu_ft li a:active,
footer ul.menu_ft li a:visited,
.artist_wrap_single .btn_bta a,
.artist_wrap_single .btn_bta a:hover,
.artist_wrap_single .btn_bta a:active,
.artist_wrap_single .btn_bta a:visited,
.exhi_wrap_single .btn_bta a,
.exhi_wrap_single .btn_bta a:active,
.exhi_wrap_single .btn_bta a:visited,
.news_wrap .inner .head ul li a,
.news_wrap .inner .head ul li a:active,
.news_wrap .inner .head ul li a:visited,
.exhi_wrap  .btn_search a,
.exhi_wrap  .btn_search a:active,
.exhi_wrap  .btn_search a:visited
{ color: #725F58; text-decoration: none;}

.news_wrap .inner .head ul li a:hover
{ color: #725F58; text-decoration: underline;}

body.top .info dl a:hover,
footer ul.menu_ft li a:hover
{ color: #2AA1CB; text-decoration: underline;}

.about_wrap .btn.pat2 a,
.about_wrap .btn.pat2 a:active,
.about_wrap .btn.pat2 a:visited,
{ color: #725F58; text-decoration: none; border: 1px solid #808080; background: none;}

.about_wrap .btn.pat2 a:hover
{ color: #5C4E48; text-decoration: none; border: 1px solid #5C4E48; background: none;}

/*
body.top .news .right .inner .btn:hover,
.artist_wrap_single .bio .btn a:hover,
.artist_wrap_single .history .btn a:hover,
.access_wrap dl dt .btn a:hover,
.news_wrap_single .btn a:hover,
.artist_wrap_single .artist_cont_wrap .btn_bta a:hover,
.exhi_wrap_single .exhi_cont_wrap .btn_bta a:hover,
.artist_wrap .inner .btn2 a:hover
*/
a img:hover,
#cboxLoadedContent .btn_modal a:hover,
.sl_wrap .list a dl:hover,
{     
	-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;  
	opacity: 0.4;  
	filter: alpha(opacity=60);  
}

header ul a:hover,
.artist_wrap .inner .box dl dd h3 a:hover,
.artist_wrap_single .art_wrap dl a:hover,
.artist_wrap_single .works ul li a:hover,
.artist_wrap_single .news_wrap dl dd a:hover,
.special_wrap .archive_wrap dl a:hover,
.pp_wrap a:hover,
.news_wrap .inner dl dd a:hover,
.news_wrap_single .tx_box a:hover,
.news_wrap_single .box dl dd h3 a:hover,
.exhi_wrap .art_wrap dl a:hover,
.exhi_wrap_single .works ul li a:hover,
.cont_wrap .tel dl dd a:hover
{
	-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; 
	color: #2AA1CB; 
}

body.top .event dl dt .btn a:hover,
body.top .pickup li .inner .right .btn a:hover,
body.top .spaces .btn a:hover,
.artist_wrap .inner .btn a:hover,
.artist_wrap_single .head .btn a:hover,
.artist_wrap_single .artist_cont_wrap .btn_cont a:hover,
.exhi_wrap_single .head .btn a:hover,
.exhi_wrap_single .others .left .btn_2 a:hover,
.exhi_wrap_single .exhi_cont_wrap .btn_cont a:hover,
.cont_wrap .submit input:hover,
.about_wrap .btn a:hover
{
	-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; 
	background: #5C4E48; 
	color: #fff!important;
}

.artist_wrap_single .btn_bta a:hover,
.exhi_wrap_single .btn_bta a:hover
{
	-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; 
	border: #5C4E48 1px solid;
	color: #5C4E48;
}
	
body.top .news .right .inner .btn a:hover,
.exhi_wrap  .btn_search a:hover
{
	-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; 
	border: #5C4E48 2px solid;
	color: #5C4E48;
	}

body.top .about .btn a:hover
{
	-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; 
	background: #8BB9C9; 
}

.exhi_wrap_single .btn a:hover
{
	-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; 
	color: #8BB9C9!important; 
	border:1px solid #8BB9C9; 
}


body.top .spaces dl dt .btn.Tennouz a:hover,
.access_wrap dl dt .btn.Tennouz a:hover
{
	-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; 
	background: #5C80B6!important; 
}

body.top .spaces dl dt .btn.Bakurocho a:hover,
.access_wrap dl dt .btn.Bakurocho a:hover
{
	-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; 
	background: #E5A528!important; 
}

/* WIDTH */
body.top .info,
body.top .event,
body.top .pickup,
body.top .spaces,
footer .inner,
body.under .news_wrap_single,
body.under .artist_wrap,
body.under .access_wrap h2,
body.under .access_wrap .galle_box .white,
body.under .access_wrap .other,
body.under .pp_wrap,
body.under .artist_wrap_single,
body.under .exhi_wrap_single,
body.under .about_wrap .head,
body.under .about_wrap .exp,
body.under .about_wrap .credo .inner,
body.under .about_wrap .action,
body.under .about_wrap .history,
body.under .sl_wrap,
body.under .free_wrap,
body.under .special_wrap,
.exhi_wrap,
body.under #news.news_wrap
{ max-width: 1080px; margin: 0 auto;}



body.under .cont_wrap,
body.under .news_wrap
{ max-width: 870px; margin: 0 auto;}


@media screen and (max-width: 1080px) {
body.top .info,
body.top .event,
body.top .pickup,
body.top .spaces,
footer .inner,
body.under .news_wrap,
body.under .news_wrap_single,
body.under .artist_wrap,
body.under .access_wrap h2,
body.under .access_wrap .galle_box .white,
body.under .access_wrap .other,
body.under .pp_wrap,
body.under .artist_wrap_single,
body.under .exhi_wrap_single,
body.under .about_wrap .head,
body.under .about_wrap .exp,
body.under .about_wrap .credo .inner,
body.under .about_wrap .action,
body.under .about_wrap .history,
body.under .cont_wrap,
body.under .sl_wrap,
body.under .free_wrap,
body.under .special_wrap,
.exhi_wrap
{ max-width: 1080px; margin: 0 3%;}
}

/* header */
body.top header,
body.fixed.top header
{
	-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;  
}

body.top header,
body.under header
{ position: fixed; width: 100%; z-index: 9999;top:0; }

body.top header .inner,
body.under header .inner
{ max-width: 1080px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;height: 100px;	}

@media screen and (max-width: 1080px) {
	body.top header .inner, body.under header .inner { margin: 0 3%; }
}

header ul{ list-style: none; display: flex; color: white;  }
header ul li{ margin-left: 30px; line-height: 1em;}

body.fixed.top header,
body.under header
{ background: #94C6D6; height: 100px;	}

body.top header h1 img,
body.under header h1 img{ min-width: 236px;}


@media screen and (max-width: 1080px) {
body.top header h1,
body.under header h1{ width: 20%;}

}

/* TOP */
body.top .mv{ line-height: 0; margin-bottom: 30px; position: relative; }
body.top .mv .popup{ position: absolute; bottom:0; width: 1080px; left: 50%; margin-left: -540px; }
body.top .mv .popup .sakuhin{ position: absolute; bottom:-39px; right: 0; height: 15vw!important; animation: poyon 5s infinite; }
body.top .mv .popup .tx div{ background: #fff; line-height: 1em; display: inline-block; float: right; margin-right: 8vw;  margin-bottom: 8vw; position: relative; width: 257px; height: 80px; line-height: 80px;}
body.top .mv .popup .tx div::after{ content: ""; display: block; height: 15px; width: 15px; position: absolute; transform: rotate(-45deg); background: #fff; right: -7px; bottom:33px;}

@media screen and (max-width: 1080px) {
body.top .mv .popup{ position: absolute; bottom:0; width: 100%; left: 0%; margin-left: 0px; }
body.top .mv .popup .sakuhin{ right: 0; height: 35vw!important; }
body.top .mv .popup .tx div{ background: #fff; line-height: 1em; display: inline-block; float: right; margin-right: 22vw;  margin-bottom: 14vw; position: relative; width: auto; height: 50px; line-height: 50px; padding: 0 15px;}
body.top .mv .popup .tx div::after{ content: ""; display: block; height: 15px; width: 15px; position: absolute; transform: rotate(-45deg); background: #fff; right: -7px; bottom:17px;}
 
body.top .mv .popup .tx{ font-size: 100%;}

body.top .mv .popup .sakuhin{ bottom: -37px; }

body.top .mv .slider_wrap{ max-height: 450px; overflow: hidden;}

}

@keyframes poyon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  2%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
  5%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
  10%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
  15%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  20% { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

body.top .info{ border: 2px solid #725F58; margin-bottom: 50px; }
body.top .info dl{ display:flex; align-items: center;  }
body.top .info dl dt div
{padding: 15px;}

body.top .info dl dd div
{padding: 15px 15px 15px 50px;}
body.top .info dl dt {width: 18.5%;text-align: center;}
body.top .info dl dd {width: 81.5%;text-align: left; line-height: 25px;}

body.top .info dl,
body.top .info dl h2{ font-size: 100%; font-weight: 300;}

body.top .info dl dt{ color: white; background:#725F58;}


@media screen and (max-width: 1080px) {
body.top .info dl{ display:block; }

body.top .info dl h2{ font-weight: 700;text-align: left;}
body.top .info dl{ display:block;text-align: left;}
body.top .info dl dt div,
body.top .info dl dd div
{padding: 8px;}
body.top .info dl dt,
body.top .info dl dd {width: auto; }
body.top .info dl dd{ font-size: 14px; line-height: 1.5em;}
body.top .info dl dt{ color: white; background:#725F58;}
}


body.top .event dl{ display:flex; text-align: left;}
body.top .event dl dd{margin-bottom: 30px;}
body.top .event dl dt,body.top .event dl dd{ width: 50%;}
body.top .event dl dt .inner{ margin-right: 50px;}
body.top .event dl dt h2{ font-weight: 300; line-height: 1.5em;}
body.top .event dl dt h2 span::after{ content: "/"; }
body.top .event dl dt h2 span:last-child::after{ content: ""; }
body.top .event dl dt h2 p{  margin-bottom: 10px;}
body.top .event dl dt time,
body.top .event dl dt h3{ font-weight: 300; line-height: 1.2em;}
body.top .event dl dt h3.osaka span{ color: #db7093;}
body.top .event dl dt h3.tennoz span{ color: #76A1E1;}
body.top .event dl dt h2,
body.top .event dl dt h3,
body.top .event dl dt .post{ margin-bottom: 20px;}
body.top .event dl dd{ line-height: 0;}

body.top .event .post{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 25px;
  max-height: calc(25px*3);
}

body.top .event dl dt h2 p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
}

@media screen and (max-width: 728px) {
	body.top .event dl dt h2 p{
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;
	  line-height: 1.3em;
	  margin-bottom: 15px;
	}
}


@media screen and (max-width: 1080px) {
body.top .event dl{ flex-direction: column-reverse; }
body.top .event dl dt,body.top .event dl dd{ width: 100%;}
body.top .event dl dt{ margin-bottom: 0px;}
body.top .event dl dt .inner{ margin-right: 0px;}
body.top .event dl dd{margin-bottom: 20px;}
}

body.top .news { display: flex; margin-bottom: 120px;} 
body.top .news .left{ width: 25%; background: #9ACAD9;}
body.top .news .left h2{ line-height: 1em; margin: 44px auto!important; color: white;}
body.top .news .right{ width: 75%; background: #EDEBE6;}
body.top .news .right .inner { padding: 80px;}
body.top .news .right .inner dl{ display: flex; margin-bottom: 30px;}
body.top .news .right .inner dl dt{ margin-right: 40px;}
body.top .news .right .inner dl dd{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 25px;
  max-height: calc(25px*1);
  text-align: left;
}

body.top .news .news_wrap dl:nth-child(n + 6) { display: none;}

@media screen and (max-width: 1080px) {
	body.top .news { display:block; background: url(../images/top/bg.png) left top no-repeat #EDEBE6; background-size: 30% 100%;}
	body.top .news .left,
	body.top .news .right{ width: 100%; background:none;}
	body.top .news .left h2{ margin: 0px!important; padding: 30px 3%; text-align: left;}
	body.top .news .right .inner { padding: 0px 3% 80px 3%; }
	body.top .news .right .inner dl{ text-align: left;}
	body.top .news .right .inner .btn { text-align: center;}
	
	
	body.top .news .right .inner dl dd{
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 1;
	  -webkit-box-orient: vertical;
	  line-height: 25px;
	  max-height: calc(25px*1);
	  text-align: left;
	}
}

@media screen and (max-width: 728px) {
	body.top .news .right .inner dl dt { font-size: 16px;}
	body.top .news .right .inner dl dd { font-size: 14px;}
}

body.top .about h2{ line-height: 1.2em; margin-bottom: 50px; font-weight: 500; } 
body.top .about h2 p{ line-height: 1.2em;font-weight: 500; font-size: 17px; padding-top: 30px;}
body.top .about .tx{ line-height: 2em; margin-bottom: 50px;} 
body.top .about .btn{ text-align: center; margin-bottom: 120px;}
body.top .about .slider_wrap .slider{ margin-bottom: 10px;}
body.top .about .slider_wrap{ margin-bottom: 120px;}
body.top .about .slider_wrap li{ padding: 0 5px; text-align: center;}
body.top .about .slider_wrap li img{ height: 200px!important; width: auto!important; margin: 0 auto;}

@media screen and (max-width: 728px) {
body.top .about .slider_wrap li img{ height: 110px!important;}
body.top .about .tx{ font-size: 16px;} 

}

body.top .about h2,
body.top .about .tx { margin: 0 3% 50px 3%;}
}

body.top .pickup h2{ line-height: 1.2em; margin-bottom: 50px; font-weight: 500; } 
body.top .pickup { margin-bottom: 120px;}
body.top .pickup li .inner{ display: flex; justify-content: space-between;}
body.top .pickup li .inner .left,
body.top .pickup li .inner .right{ width: 47%; position: relative;}
body.top .pickup li .inner .left h3{ font-weight: 500;}
body.top .pickup li .inner .left h3,
body.top .pickup li .inner .left img{ position: absolute;}
body.top .pickup li .inner .left h3{ color: #ccc; transform: rotate(-90deg);transform-origin:right top; right: 1.5em; top:0; z-index: 999;}
body.top .pickup li .inner .left:after{content: ""; display: block; width: 100%; padding-top: 100%;}
body.top .pickup li .inner .left img.img_1{ width: 80%; }
body.top .pickup li .inner .left img.img_2{ width: 35%; right: 0; bottom: 0;}
body.top .pickup li .inner .right{ text-align: left;}
body.top .pickup li .inner .right h2,
body.top .pickup li .inner .right .tx{ margin-bottom: 50px;}
body.top .pickup li .inner .right h2{ line-height: 1em; margin-top: 30px; font-weight: 500;}
body.top .pickup li .inner .right .btn{ text-align: left; margin-bottom: 120px;}

@media screen and (max-width: 1080px) {
body.top .pickup li .inner .right h2{ display: none; }
body.top .pickup li .inner .right{ padding-top: 30px;}
body.top .pickup li .inner{ display: block; }
body.top .pickup li .inner .left,
body.top .pickup li .inner .right{ width: 100%; }
body.top .pickup li .inner .right .btn{ text-align: center;}

body.top .pickup{ position: relative;}
body.top .pickup .slick-dots { width: 100%!important; text-align: center; }
body.top .pickup h2{ padding-bottom: 30px;}

}
@media screen and (max-width: 728px) {
body.top .pickup li .inner .right .btn{ margin-bottom: 60px;}
body.top .pickup li .inner .right .tx{ font-size: 16px;}
}


body.top .spaces{ text-align: left;}
body.top .spaces h2{ line-height: 1em; font-weight: 500; }
body.top .spaces dl{ display:flex;}
body.top .spaces dl dt,
body.top .spaces dl dd{ width: 50%;}
body.top .spaces .tx dl{ display:flex; padding-bottom: 0;}
body.top .spaces .tx dl.en{ display:block; padding-bottom: 8px;}
body.top .spaces .tx dl dt,
body.top .spaces .tx dl dd{ width: auto; line-height: 1.5em;}
body.top .spaces .tx dl:after { display: none;}
body.top .spaces .tx dl:last-child{ padding-top: 0!important;}
body.top .spaces dl dt .inner{ margin-right: 50px;}
body.top .spaces dl dt h3{ font-weight:500; line-height: 1,5em; }
body.top .spaces dl dt h3 span{ font-size: 52px; line-height: 1.2em;}
body.top .spaces dl dd{ line-height: 0;}
body.top .spaces h2,
body.top .spaces dl{padding-bottom: 80px;}
body.top .spaces dl dt h3,
body.top .spaces dl dt .inner,
body.top .spaces dl dt .btn{margin-bottom: 20px;}

body.top .spaces .tennoz span{ color: #76A1E1;}
body.top .spaces dl dt .btn.tennoz a{background: #76A1E1;}

body.top .spaces .bakurocho span{ color: #F4A025;}
body.top .spaces dl dt .btn.bakurocho a{background: #F4A025;}

body.top .spaces .other h3{ color: #808080;}
body.top .spaces dl dt .btn.tennoz a{background: #76A1E1;}

@media screen and (max-width: 1080px) {
body.top .spaces dl { display: block; }
body.top .spaces dl dt,
body.top .spaces dl dd{ width: 100%; z-index: 9999; position: relative;}
body.top .spaces dl dt .inner { margin-right: 7vw; }
body.top .spaces dl dt h3 span{ font-size: 36px; line-height: 1.2em;}

body.top .spaces .address,
body.top .spaces .access,
body.top .spaces .tx dl
{font-size: 16px;}

body.top .spaces .access
{ margin-bottom: 8px;}

body.top .spaces h2,
body.top .spaces dl{ position: relative;}
body.top .spaces h2:after,
body.top .spaces .map dl:after{ content: ""; height: 100%; position: absolute; width: 10vw; top:0; right: -3vw; z-index: 9;}
body.top .spaces h2:after,
body.top .spaces dl:first-child:after{ background: #76A1E1;}
body.top .spaces .map dl:last-child:after{ background: #F4A025;}

body.top .spaces h2,
body.top .spaces .map dl:last-child,
body.top .spaces .other
{ padding-top: 50px;}

}

/* footer */
footer{ background: #EDEBE6; overflow: hidden; margin-top: 140px;}
footer .inner{ padding:50px 0 0 0; position: relative;}
footer .animal{ position: absolute; bottom:-10px; right: 5vw; width: 5vw; animation: fuwafuwa 2s infinite; }
footer ul{ list-style: none; display: flex; justify-content: center;}
footer ul.sns li{ margin: 0 15px; padding-bottom: 30px; }
footer ul.sns li img{ width: 40px;  }
footer ul.menu_ft { margin-bottom: 30px;}
footer ul.menu_ft li{ line-height: 3em; padding: 0 15px; width: 120px; text-align: left; }
footer ul.menu_ft li:first-child{ border-right: 1px solid #725F58; text-align: right;}
footer .copy{ line-height: 3em; color: #725F58;}

@keyframes fuwafuwa {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}

@media screen and (max-width: 1080px) {
footer .animal{ width: 15vw;  }
}

/* UNDER */
@media screen and (max-width: 1080px){
body{ padding-top:130px;}
body.top{ padding-top:0px;}
body.about.under{ padding-top:100px;}
}

@media screen and (max-width: 728px){
body{ padding-top:	0px;}
body.about.under{ padding-top:0px;}

}


/* news */
.news_wrap .inner .head{ margin-bottom: 35px;text-align: left;}
.news_wrap .inner .head,
.news_wrap .inner .head ul{ display: flex; justify-content: space-between; font-size: 20px; }
.news_wrap .inner .head ul { list-style: none;padding-right: 15px; font-size: 20px;}
.news_wrap .inner .head ul li{ margin-left: 30px;}

@media screen and (max-width: 1080px) {
	.news_wrap .inner .head{padding-top: 0px; }
	.news_wrap .inner .head{ display: block; }
	.news_wrap .inner .head ul{ justify-content:flex-end;}
}

.news_wrap .inner dl dt{ font-size: 16px;}
.news_wrap .inner dl dd{ font-size: 14px; }

.news_wrap .inner dl{ display: flex; border-bottom:1px solid #ccc;padding: 17px 0; align-items: center;}
.news_wrap .inner dl dt{ width: 150px;}
.news_wrap .inner .pager{ padding: 70px 0;}

.news_wrap_single{ text-align: left;}

.news_wrap_single p.time
{ line-height: 1em; margin-bottom: 8px;}

.news_wrap_single h2
{ line-height: 1.5em; margin-bottom: 70px; font-weight: 500;}


.news_wrap_single figure
{ line-height: 0; margin-bottom: 60px;}

.news_wrap_single .tx_box,
.news_wrap_single ul.archive
{ margin-bottom: 80px;}

.news_wrap_single .tx_box
{ line-height: 29px;}

.news_wrap_single .tx_box pre,
.news_wrap_single .tx_box p,
.news_wrap_single .tx_box div
{ white-space: inherit;}

.news_wrap_single .btn
{text-align: center;}

.news_wrap_single .btn a
{ border: 1px solid #725F58;width: 240px; height: 30px; display: inline-block; line-height: 30px; text-align: center; font-size: 14px; }

.exhi_wrap_single .info .lead .right .btn a{ display: block; text-indent: -36px; border: 1px solid #9ACAD9; text-align: center; line-height: 2em; position: relative;}
.exhi_wrap_single .info .lead .right .btn a::before{ content: ""; display: inline-block; height: 0.8em; width: 0.8em; margin-right: 0.5em; background: url(../images/artist/icon_pdf.svg) center center no-repeat; background-size: contain;}
.exhi_wrap_single .info .lead .right .btn a,
.exhi_wrap_single .info .lead .right .btn a:active,
.exhi_wrap_single .info .lead .right .btn a:visited{ color: #9ACAD9; text-decoration: none;}
.exhi_wrap_single .info .lead .right .btn a:after{ content: ""; position: absolute; right: 0; height: 100%; width: 36px; background:url(../images/artist/arrow.svg) #9ACAD9 center center no-repeat; }

@media screen and (max-width: 728px) {
	.exhi_wrap_single .info .lead .right .btn a{ width: 330px; margin: 0 auto;	}
}

.news_wrap_single .btn a,
.news_wrap_single .btn a:active,
.news_wrap_single .btn a:visited
{ text-decoration: none; color: #725F58;}

.news_wrap_single .btn a:hover
{
	-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; 
	color: #5C4E48;
	border: 1px solid #5C4E48;
}

.exhi_wrap_single .btn a,
.exhi_wrap_single .btn a:active,
.exhi_wrap_single .btn a:visited
{ text-decoration: none; color: #9ACAD9;}

.news_wrap_single ul.archive
{ list-style: none; display: flex; justify-content: space-between; line-height: 0; }

.news_wrap_single ul.archive li
{ width: 30%;}

.news_wrap_single .rela h3{ margin-bottom: 30px; font-size: 100%; font-weight: 500;}
.news_wrap_single .rela .box{ display: flex; flex-wrap: wrap;}
.news_wrap_single .rela .box dl{ width: 23%; margin-right: 2.6%; margin-bottom: 60px;}
.news_wrap_single .rela .box dl:nth-of-type(4n){margin-right: 0;}
.news_wrap_single .rela .box dl dt{ line-height: 0; margin-bottom: 15px;}
.news_wrap_single .rela .box dl dt a{ display: block;background-size: cover; background-position: center center; background-repeat: no-repeat;}
.news_wrap_single .rela .box dl dt a::before { content: ""; padding-top: 100%; display: block; top: 0; bottom: 0; left: 0; right: 0;
}


.news_wrap_single .rela .box dl dd h3{ font-weight: 100;}
.news_wrap_single .rela .box dl dd h3 p{ font-size: 80%;}
.news_wrap_single .rela .excl_tag{ height: 2em; padding-bottom: 5px;}
.news_wrap_single .rela .excl_tag span{ color: white; background: #9ACAD9; display: inline-block; line-height: 2em; padding: 0 5px; border-radius: 1em; }


@media screen and (max-width: 728px) {
	.news_wrap .inner h2{ margin-bottom: 15px;}
	.news_wrap_single .rela .box dl{ width: 49%; margin-right: 2%; margin-bottom: 30px;}
	.news_wrap_single .rela .box dl:nth-of-type(2n){margin-right: 0;}
	.news_wrap .inner dl{ display: block; text-align: left; padding: 15px 0;}
	.news_wrap .inner dl dt{ margin-right: 0px; font-weight: 700;}
}



/* artist */

/* shopにリンクするボタン削除*/
.pat2{
	display:none;
}
/**/

.artist_wrap #biograhy,
.artist_wrap #history,
.artist_wrap #works,
.artist_wrap #art_wrap,
.artist_wrap #news,
.artist_wrap #others{ margin-top: -150px; padding-top: 150px;}

.artist_wrap,
.artist_wrap_single
{ text-align: left;}


.artist_wrap .inner.pat1{ padding-bottom:80px;}
.artist_wrap .inner h2{ padding-bottom: 50px;}

.artist_wrap .inner .news_archive { padding:20px 30px; display: flex; border: 1px solid #9ACAD9;}
.artist_wrap .inner .news_archive h2{ font-weight: 300; font-size: 100%; width:13%; padding-bottom: 0;}
.artist_wrap .inner .news_archive .update{ width:87%;}
.artist_wrap .inner .news_archive dl{ display: flex; padding-bottom: 15px; }
.artist_wrap .inner .news_archive dl:last-child{padding-bottom: 0;}
.artist_wrap .inner .news_archive dl dt{ width: 15%;}
.artist_wrap .inner .news_archive dl dd{ width: 85%;}
.artist_wrap .inner .news_archive dl dd {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 25px;
    max-height: calc(25px*1);
    text-align: left;
}

@media screen and (max-width: 1080px) {
	.artist_wrap .inner .news_archive { padding: 15px; display: block; border: 1px solid #9ACAD9; 	}
	.artist_wrap .inner .news_archive h2,
	.artist_wrap .inner .news_archive .update,
	.artist_wrap .inner .news_archive dl dt,
	.artist_wrap .inner .news_archive dl dd
	 { width: auto; }
	.artist_wrap .inner h2 { padding-bottom: 10px; }
	.artist_wrap .inner .news_archive dl { padding-bottom: 15px; display: block;}
	
	.artist_wrap .inner .news_archive dl dt{ font-size: 16px;}
	.artist_wrap .inner .news_archive dl dd{ font-size: 14px;}
	
	.artist_wrap .inner .news_archive h2{ font-weight: 400; font-size: 23px;}
}



.artist_wrap .inner .box{ display: flex; flex-wrap: wrap;}
.artist_wrap .inner .box dl{ width: 23%; margin-right: 2.6%; margin-bottom: 60px;}
.artist_wrap .inner .box dl:nth-of-type(4n){margin-right: 0;}
.artist_wrap .inner .box dl dt{ line-height: 0; margin-bottom: 3px; overflow: hidden;  }
.artist_wrap .inner .box dl dt{ position: relative;}
.artist_wrap .inner .box dl dt.normal:before{ content: ""; padding-top: 100%; display: block;}
.artist_wrap .inner .box dl dt.normal a{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;  }
.artist_wrap .inner .box dl dt.normal a:hover{ width: 150%; height: 150%;}

.artist_wrap .inner .box dl dt.normal a,
.artist_wrap .inner .box dl dt.normal a:hover
{	-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; 
}

.artist_wrap .inner .box dl dd h3{ font-weight: 100;}
.artist_wrap .inner .box dl dd h3 p{ font-size: 80%;}
.artist_wrap .inner .btn{ text-align: center; margin-bottom: 0px; padding-top: 50px;}
.artist_wrap .inner .btn a{ background: #725F58;width: 257px; height: 45px; display: inline-block; line-height: 45px; text-align: center;}
.artist_wrap .inner .box .excl_tag{ height: 2em; padding-bottom: 5px;}
.artist_wrap .inner .box .excl_tag span{ color: white; background: #9ACAD9; display: inline-block; line-height: 2em; padding: 0 5px; border-radius: 1em; }

.artist_wrap .inner .btn2 { text-align: center;}
.artist_wrap .inner .btn2 a{ border:2px solid #725F58; padding: 5px 30px; line-height: 1em; background: #fff;}


@media screen and (max-width: 728px) {
.artist_wrap .inner .box dl dd h3{ font-size: 17px;}
.artist_wrap .inner .box dl dd h3 p{ font-size: 14px;}
	
.artist_wrap .inner .btn a{ width: 330px;}
	
.artist_wrap .inner .box dl { width: 49%; margin-right: 2%; margin-bottom: 30px; }
.artist_wrap .inner .box dl:nth-of-type(2n){margin-right: 0;}
}

.artist_wrap_single .head,
.artist_wrap_single .bio,
.artist_wrap_single .works,
.artist_wrap_single .news_wrap,
.artist_wrap_single .art_wrap
{ margin-top: -150px; padding-top: 150px;padding-bottom: 80px;}

.artist_wrap_single .history
{ margin-top: -150px; padding-top: 150px; padding-bottom: 140px;}

@media screen and (max-width: 728px) {
.artist_wrap_single .head,
.artist_wrap_single .bio,
.artist_wrap_single .history,
.artist_wrap_single .works,
.artist_wrap_single .news_wrap,
.artist_wrap_single .art_wrap
{ margin-top: -50px; padding-top: 50px;}
}

.artist_wrap_single .works{ margin-bottom: 150px;}

.artist_wrap_single h3
{ line-height: 1em; margin-bottom: 50px;}

.artist_wrap_single .bio .box
{ display: flex;}

@media screen and (max-width: 728px) {
	.artist_wrap_single .head,
	.artist_wrap_single .bio,
	.artist_wrap_single .history,
	.artist_wrap_single .works,
	.artist_wrap_single .art_wrap
	 { padding-bottom: 40px;}
	 
	.artist_wrap_single h3
	{ line-height: 1em; margin-bottom: 20px;}
	
	.artist_wrap_single .bio .box,
	.artist_wrap_single .history .box
	{ display: block;}
}

.artist_wrap_single .btn{ width: 23%; }
.artist_wrap_single .btn a{ display: block; text-indent: -36px; border: 1px solid #9ACAD9; text-align: center; line-height: 2em; position: relative;}
.artist_wrap_single .btn a::before{ content: ""; display: inline-block; height: 0.8em; width: 0.8em; margin-right: 0.5em; background: url(../images/artist/icon_pdf.svg) center center no-repeat; background-size: contain;}
.artist_wrap_single .btn a,
.artist_wrap_single .btn a:active,
.artist_wrap_single .btn a:visited{ color: #9ACAD9; text-decoration: none;}
.artist_wrap_single .btn a:after{ content: ""; position: absolute; right: 0; height: 100%; width: 36px; background:url(../images/artist/arrow.svg) #9ACAD9 center center no-repeat; }

.artist_wrap_single .btn a:hover{color: #8BB9C9;border: 1px solid #8BB9C9;}

@media screen and (max-width: 728px) {
	.artist_wrap_single .btn{ width: 330px; margin: 15px auto 0 auto; }
}

.artist_wrap_single .head { display: flex; justify-content: space-between; }
.artist_wrap_single .head .btn{ width: auto; }
.artist_wrap_single .head .btn a:after,
.artist_wrap_single .head .btn a:before{ display: none;}
.artist_wrap_single .head .btn a{ text-indent: 0;}
.artist_wrap_single .head h2 div{line-height: 1em; margin-bottom: 15px; font-weight: 300;}
.artist_wrap_single .head .btn { height: 45px; margin-bottom: 15px; text-align: right; padding-top: 5px;}
.artist_wrap_single .head .btn a{ background: #725F58; border: none; border-radius:23px;width: 257px; height: 45px; display: inline-block; line-height: 45px; text-align: center;}
.artist_wrap_single .head ul{ list-style: none; display: flex; font-size: 20px;}
.artist_wrap_single .head ul li{ margin-left: 30px;}
.artist_wrap_single .head ul li a,
.artist_wrap_single .head ul li a:active,
.artist_wrap_single .head ul li a:visited{ color: #725F58; text-decoration: none; }
.artist_wrap_single .head ul li a:hover{ color: #725F58; text-decoration: underline; }

@media screen and (max-width: 728px) {
	.artist_wrap_single .head .btn a{ width: 330px;}
	
	.artist_wrap_single .head { display: block; }
	.artist_wrap_single .head h2 { margin-bottom: 30px;}
	.artist_wrap_single .head ul{ flex-wrap: wrap; justify-content: center; line-height: 2em; font-size: 15px;}
	.artist_wrap_single .head ul li{ margin-left: 0px; padding: 0 5px;}
	
	.artist_wrap_single .head .btn { text-align: center; }
	
	.artist_wrap_single .head h2 p{ font-size:23px; font-weight:600; }
}


.artist_wrap_single .box_head{ display: flex; justify-content: space-between;}

.artist_wrap_single .bio figure{ width: 27%; margin-right: 4%; margin-bottom: 30px; }
.artist_wrap_single .bio .grad-wrap{ width: 40%; margin-right: 4%; line-height: 1.7em;  }
.artist_wrap_single .bio .grad-wrap.width{ width: 70%; margin-right: 0; line-height: 1.7em;  }

.artist_wrap_single .bio .grad-wrap .grad-btn.elm{ display: none!important; }


@media screen and (max-width: 728px) {
	.artist_wrap_single .bio figure{ width: 100%; margin-right: 0%; }
	.artist_wrap_single .bio .grad-wrap{ width: 100%; margin-right: 0%; line-height: 1.7em;  }
	.artist_wrap_single .bio .grad-wrap.width{ width: 100%;  }
}

.artist_wrap_single .history .his_inner{}
.artist_wrap_single .history .his_inner .grad-btn::before { content: ""; display: block; width: 80px; text-align: center; height: 17px; background: url(../images/artist/arrow_open.svg) center center no-repeat; margin: 0 auto; }
.artist_wrap_single .history .his_inner .grad-trigger:checked ~ .grad-btn::before { content: "CLOSE"; display: block; width:80px; text-align: center; height: 17px; background: url(../images/artist/arrow_close.svg) center center no-repeat;font-size: 17px; padding-top: 30px; color: #725F58;}

@media screen and (max-width: 728px) {
	.artist_wrap_single .history .his_inner{width: 100%; margin-right: 0%;}
	.artist_wrap_single .history .his_inner .grad-btn::before { width: 100%;}
}

.artist_wrap_single .works ul{ list-style: none; display: flex; flex-wrap: wrap; justify-content: space-around;}
.artist_wrap_single .works ul li{ text-align: left; padding-bottom: 50px; width: 30%; }
.artist_wrap_single .works .grad-trigger:checked ~ .grad-btn::before { content: "CLOSE"; display: block; width:100%; text-align: center; height: 17px; background: url(../images/artist/arrow_close.svg) center center no-repeat;font-size: 17px; padding-top: 30px; color: #725F58;}

@media screen and (max-width: 728px) {
.artist_wrap_single .works ul li{ width: 49%; }
}

.artist_wrap_single .art_wrap .archive{ display: flex; flex-wrap: wrap; padding-bottom: 80px;}
.artist_wrap_single .art_wrap .archive dl{ width: 32%; text-align: left; margin-bottom: 30px;}
.artist_wrap_single .art_wrap .archive dl{ margin-right: 2%;}
.artist_wrap_single .art_wrap .archive dl:nth-of-type(3n){ margin-right: 0;}
.artist_wrap_single .art_wrap .grad-trigger:checked ~ .grad-btn::before { content: "CLOSE"; display: block; width:100%; text-align: center; height: 17px; background: url(../images/artist/arrow_close.svg) center center no-repeat;font-size: 17px; padding-top: 30px; color: #725F58;}
.artist_wrap_single .art_wrap dl dd h4{ font-weight: 500; margin-bottom: 5px; }
.artist_wrap_single .art_wrap dl dd h4 span::after{ content: "/";}
.artist_wrap_single .art_wrap dl dd h4 span:last-child::after{ content: "";}
.artist_wrap_single .art_wrap dl dd p.cate{ font-weight: 500; margin-bottom: 15px; }

.artist_wrap_single .art_wrap .archive dl dt{ line-height: 0; margin-bottom: 15px; position: relative; background-size: contain;  background-position: center center; background-repeat: no-repeat;}
.artist_wrap_single .art_wrap .archive dl dt a::before{ content: ""; display: block; top:0; bottom: 0; left: 0; right: 0; padding-top: 65%; }

.artist_wrap_single .art_wrap dl dd h4{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 25px;
    max-height: calc(25px*2);
    text-align: left;
}



@media screen and (max-width: 728px) {
	.artist_wrap_single .art_wrap .archive{ justify-content: space-between;padding-bottom: 0px;}
	.artist_wrap_single .art_wrap .archive dl{ width: 49%; margin-right: 0%; }
	.artist_wrap_single .art_wrap .archive dl a{ display: block;}
}

.artist_wrap_single .news_wrap .archive{ height: 140px; margin-bottom: 30px;}
.artist_wrap_single .news_wrap dl{ display: flex; padding: 30px 0; border-bottom:1px #ccc solid; }
.artist_wrap_single .news_wrap dl dt { width: 20%;}
.artist_wrap_single .news_wrap dl dd { width: 80%;}
.artist_wrap_single .news_wrap .grad-trigger:checked ~ .grad-btn::before { content: "CLOSE"; display: block; width:auto; text-align: center; height: 17px; background: url(../images/artist/arrow_close.svg) center center no-repeat;font-size: 17px; padding-top: 30px; color: #725F58;}

@media screen and (max-width: 728px) {
	.artist_wrap_single .news_wrap dl{ display: block; padding: 15px 0; }
	.artist_wrap_single .news_wrap dl dt ,
	.artist_wrap_single .news_wrap dl dd { width: 100%;}
	.artist_wrap_single .news_wrap dl dt { font-weight: 700;}
}

.artist_wrap_single .artist_cont_wrap{ text-align: center; padding-top: 100px;}
.artist_wrap_single .artist_cont_wrap .p_1{ color:#725F58; padding-bottom: 30px;}

@media screen and (max-width: 728px) {
	.artist_wrap_single .artist_cont_wrap{ padding-top: 70px;}
}

.artist_wrap_single .artist_cont_wrap .btn_cont{ width: auto; padding-bottom: 50px; }
.artist_wrap_single .artist_cont_wrap .btn_cont { height: 45px; margin-bottom: 15px;padding-top: 5px;}
.artist_wrap_single .artist_cont_wrap .btn_cont a{  background: #725F58; border: none; border-radius:23px;width: 257px; height: 45px; display: inline-block; line-height: 45px; text-align: center;}

@media screen and (max-width: 728px) {
	.artist_wrap_single .artist_cont_wrap .btn_cont{ padding-bottom: 20px; }
	.artist_wrap_single .artist_cont_wrap .btn_cont a{  width: 330px; }
}


.artist_wrap_single .btn_bta,
.artist_wrap_single .btn_bta.pat2 { text-align: center;}
.artist_wrap_single .works .btn_bta { padding-top: 50px;}

.artist_wrap_single .btn_bta a{ border:1px solid #725F58; width: 240px; height: 30px; display: inline-block; line-height: 30px; text-align: center; font-size: 14px; }

.artist_wrap_single .btn_bta.pat2 a{ border:1px solid #725F58; width: 200px; display: inline-block; line-height: 45px; text-align: center;  margin: 0 auto; width: 257px; height: 45px; font-size: 17px;}

@media screen and (max-width: 728px) {
.artist_wrap_single .btn_bta.pat2 a{ width: 330px; }
}


#cboxCurrent{ display: none!important;}
#cboxPrevious { background: url(../images/artist/arrow_close_left.svg) center center no-repeat; background-size: contain;     height: 30px; width: 30px; display: block; overflow: hidden; position: absolute; left:0px; top: 40%; margin-top: -15px; border: none; text-indent: -99999px; }
#cboxNext { background: url(../images/artist/arrow_close_right.svg) center center no-repeat; background-size: contain; height: 30px; width: 30px; display: block; overflow: hidden; position: absolute; right:0px; top: 40%; margin-top: -15px; border: none;
 text-indent: -99999px; }
 
#cboxLoadedContent { margin-bottom: 0!important;}  }
#cboxLoadedContent p{ line-height: 0; margin-bottom:40px;}
#cboxLoadedContent .detail{ text-align: left;}
#cboxLoadedContent .btn_modal { height: 45px; text-align: right; padding-top: 5px;}
#cboxLoadedContent .btn_modal a{ display: inline-block; background: #725F58; line-height: 45px; height: 45px; padding: 0 25px; border-radius:23px;}

.artist_wrap_single .others .mov{ margin-bottom: 80px;}
.artist_wrap_single .others .mov iframe{ width: 100%;}
.artist_wrap_single .others .grad-trigger:checked ~ .grad-btn::before { content: "CLOSE"; display: block; width:100%; text-align: center; height: 17px; background: url(../images/artist/arrow_close.svg) center center no-repeat;font-size: 17px; padding-top: 30px; color: #725F58;}
.artist_wrap_single .others.pat2 .grad-item{ height: 150px;}


.artist_wrap_single .grad-btn::before { content: ""; display: block; width: 100%; text-align: center; height: 17px; padding-top: 17px; background: url(../images/artist/arrow_open.svg) center center no-repeat; }
.artist_wrap_single .grad-item { position: relative; overflow: hidden; height: 80%; line-height: 1.7em;}
.artist_wrap_single .history .grad-item{ height: 280px; }
.artist_wrap_single .history .grad-item .wrap{ display: flex;}
.artist_wrap_single .history .grad-item .wrap .cv_inner{ width: 77%;}
.grad-item .wrap .cv_inner{ line-height: 33px;}
.artist_wrap_single .works .grad-item { height: 650px; }
.artist_wrap_single .art_wrap .grad-item { height: 1405px; }
.artist_wrap_single .others .grad-item { height: 0; }
.artist_wrap_single .art_wrap dl dd .galle.tennoz span{ color: #8BB9C9;}
.artist_wrap_single .art_wrap dl dd .galle.bakurocho span{ color: #F4A025;}

@media screen and (max-width: 1200px) {
.artist_wrap_single .grad-item { height: 50%; }
	
}

@media screen and (max-width: 728px) {
.artist_wrap_single .history .grad-item .wrap .cv_inner{ width:100%;}

.artist_wrap_single .grad-item,
.artist_wrap_single .history .grad-item .wrap .cv_inner,
.artist_wrap_single .works ul li dl 
 { font-size: 16px;}
	
}

.artist_wrap_single .grad-trigger { display: none; }
.artist_wrap_single .grad-trigger:checked ~ .grad-btn::before { content: ""; display: block; width: 100%; text-align: center; height: 17px; background: url(../images/artist/arrow_close.svg) center center no-repeat; }
.artist_wrap_single .grad-trigger:checked ~ .grad-item { height: auto; }
.artist_wrap_single .grad-trigger:checked ~ .grad-item::before { display: none;}

.artist_wrap_single .art_wrap .grad-item::before,
.artist_wrap_single .grad-item::before { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; 
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%); background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%); content: ""; z-index: 1; }


/* exhi */
.exhi_wrap .header{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 30px;}
.exhi_wrap h3{ text-align: left; padding-bottom: 50px;}

.termname{ font-size: 80%;}

.exhi_wrap .header ul li { list-style: none; border-left: 1px solid #ccc; line-height: 1em;}
.exhi_wrap .header ul li:first-child {border-left: none;}
.exhi_wrap .header ul li li{ border: none;}
.exhi_wrap .header ul.dropdwn:before {
    content: "";
    height: 1em;
    width: 1em;
    display: block;
    background: url(../images/exhi/search.svg) center center no-repeat;
    background-size: contain;
    margin-right: 20px;
    left: 22px;
    position: absolute;
    top: 36%;
}
/*
.exhi_wrap .header ul.dropdwn li.child:after {
    content: "";
    height: 1em;
    width: 1em;
    display: block;
    background: url(../images/exhi/arrow.svg) center center no-repeat;
    background-size: contain;
    margin-right: 10px;
    margin-left: 10px;
    position: absolute;
    right: 0;
    top: 30%;
}*/
ul.dropdwn{
    max-width: 45%;
    display: flex;
    border:1px solid #ccc;
    padding: 0;
    text-align: center;
    list-style-type: none;
    color: #000;
    padding-left: 50px;
    position: relative;
}
.dropdwn li.child{
    padding:0 23px;
    margin: 15px 0;
    display: block;
    cursor: pointer;
   /* background: url(../images/exhi/arrow.svg) center right 5px no-repeat;*/
}

.dropdwn>li.child{
    width: auto;
    display: inline;
    text-align: center;
}

.dropdwn_menu{
    width: 455px;
    left: 0;
    display: none;
    position: absolute;
    margin-top: 0px;
    padding: 0;
    background:#efefef;
    text-align: left;
    z-index: 999999;
}

.dropdwn_menu li{
    width: 33%;
    display: inline-block;
    padding: 10px 0;
    text-align: center;
}
.dropdwn_menu li a{
    display: block;
}


@media screen and (max-width: 728px) {
	
ul.dropdwn{ max-width: 100%; padding-left: 30px;  }
.dropdwn_menu { width: 94vw;}
.dropdwn { justify-content: space-around;}
.dropdwn li.child { padding: 5px 0; text-align: center;}
.dropdwn li.child span{ display: block; padding: 0 10px;}
.exhi_wrap .header ul li { font-size: 12px; }
.exhi_wrap .header ul.dropdwn:before { margin-right: 10px; left: 10px;}
.exhi_wrap .header ul.dropdwn li.child:after{ display: none;}
}



/*
.exhi_wrap .header ul li{ list-style: none;}
.exhi_wrap .search .wpcfs-preset form{display: flex; }
.exhi_wrap .search{
    max-width: 45%;
    height: 45px;
    display: flex;
    border:1px solid #725F58;
    padding: 0;
    text-align: center;
    list-style-type: none;
    color: #000;
    padding:0 25px 0 50px;
    position: relative;
}
.exhi_wrap .search .wpcfs-input
{ 
	display: none;
	width: 100%;
	background: #efefef;
	z-index: 999999;
}

ul.wpcfs-checkboxes { padding: 8px; display: flex; flex-wrap: wrap;}
ul.wpcfs-checkboxes li{ line-height: 2em;  width: 33%; text-align: left;}
.wpcfs-input-wrapper:hover .wpcfs-input { display:block; position: absolute; width: 100%; padding:0; margin:0; top:46px; left:0; list-style-type:none;}
.wpcfs-input-submit input{ background: url(../images/exhi/search.svg) center center no-repeat; background-size: contain; width: 15px; height: 15px; border: none; overflow: hidden; text-indent: -99999px; position: absolute; left: 17px; top:15px;}
.wpcfs-label{ line-height: 45px; padding-right: 20px; position: relative; margin-right: 30px;}
.f3 .wpcfs-label{ margin-right: 0px;}
.wpcfs-label:after { content: ""; height: 1em; width: 1em; display: block; background: url(../images/exhi/arrow.svg) center center no-repeat; background-size: contain; position: absolute; right: 0; top: 20%; }

@media screen and (max-width: 728px) {
	
.exhi_wrap .search{ max-width: 100%; padding: 0 20px 0 50px; font-size: 12px; text-align: left;}	
.wpcfs-label { padding-right: 5px; margin-right: 23px; }
.wpcfs-label:after { top:40%; right: -13px; }
.wpcfs-search-form label { display: inline-block!important; }
ul.wpcfs-checkboxes li { width: 50%;}

}
*/


@media screen and (max-width: 728px) {
	.exhi_wrap .header{ display: block; align-items: center; padding-bottom: 30px;}
	.exhi_wrap .header h2{ text-align: left; margin-bottom: 15px; }
}

.exhi_wrap .art_wrap{ display: flex; flex-wrap: wrap; padding-bottom: 80px;}
.exhi_wrap .art_wrap dl{ width: 32%; margin-right: 1.5%; text-align: left; margin-bottom: 30px;}
.exhi_wrap .art_wrap dl p.cate{ margin-bottom: 15px;}
.exhi_wrap .art_wrap.top dl:nth-of-type(5),
.exhi_wrap .art_wrap.top dl:nth-of-type(8),
.exhi_wrap .art_wrap.top dl:last-child,
.exhi_wrap .art_wrap.under dl:nth-of-type(3n) 
{ margin-right: 0;}
.exhi_wrap .art_wrap.past dl:nth-of-type(3n){margin-right: 0;}
.exhi_wrap .art_wrap.top dl.big dt{ margin-bottom: 30px;}
.exhi_wrap .art_wrap dl dd h4 { margin-bottom: 0px; font-weight: 300; }

.exhi_wrap .art_wrap dl dt{ line-height: 0; margin-bottom: 15px; position: relative; background-size: cover;  background-position: center center; background-repeat: no-repeat;}
.exhi_wrap .art_wrap dl dt a::before{ content: ""; display: block; top:0; bottom: 0; left: 0; right: 0; padding-top: 65%; }

.exhi_wrap .art_wrap dl dd h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 28px;
  max-height: calc(28px*2);
}

.exhi_wrap .art_wrap.top dl.big{ width: 49%;}
.exhi_wrap .art_wrap.top dl.big:nth-child(odd){ margin-right: 2%;}
.exhi_wrap .art_wrap.top dl.big:nth-child(even){ margin-right: 0;}
.exhi_wrap .art_wrap.top dl.big:nth-of-type(2){ margin-right: 0;}
.exhi_wrap .art_wrap.top dl dd.bog h4 span:last-child{ content: "";}
.exhi_wrap .art_wrap.top dl.big dd h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 30px;
    max-height: calc(40px*2);
    font-weight: 400;
    margin-bottom: 8px;
}


.exhi_wrap .art_wrap dl dd h4 span::after{ content: "/";}
.exhi_wrap .art_wrap dl dd h4 span:last-child::after{ content: "";}

.exhi_wrap .art_wrap dl dd .galle.tennoz span{ color: #76A1E1;}
.exhi_wrap .art_wrap dl dd .galle.osaka span{ color: #db7093;}
.exhi_wrap .art_wrap dl dd .galle.bakurocho span{ color: #F4A025;}

.exhi_wrap  .btn_search{ text-align: center; display: block; width: 100%; padding-top: 50px; }
.exhi_wrap  .btn_search a {
    border: 2px solid #725F58;
    background: #fff;
    width: 330px;
    height: 45px;
    display: inline-block;
    line-height: 45px;
    text-align: center;
}

@media screen and (max-width: 728px) {
	.exhi_wrap .art_wrap{ padding-bottom: 30px; justify-content: space-between;}
	.exhi_wrap .art_wrap dl{ width: 49%; }
	.exhi_wrap .art_wrap dl{ margin-right: 0;}
	.exhi_wrap .art_wrap.top dl.big{ width: 100%;}
	.exhi_wrap .art_wrap.top dl.big dt { margin-bottom: 15px; }
	.exhi_wrap .art_wrap.top dl.big,
	.exhi_wrap .art_wrap.top dl.big:nth-child(odd) 
	{ margin-right: 0%; }
	
	.exhi_wrap .art_wrap dl dd h4
	{ font-weight: 400;}
}


.exhi_wrap h2.search{ text-align: left;}
.exhi_wrap h2.search p{ padding-top:30px;}

.exhi_wrap_single #info,
.exhi_wrap_single #photo,
.exhi_wrap_single #artworks,
.exhi_wrap_single #others
{ margin-top: -150px; padding-top: 150px;}

.exhi_wrap_single .photo h3{ padding-bottom: 50px;}

.exhi_wrap_single .head .btn,
.exhi_wrap_single .others .left .btn_2
 { height: 45px; margin-bottom: 15px; text-align: right; padding-top: 5px;}
.exhi_wrap_single .head .btn a,
.exhi_wrap_single .others .left .btn_2 a{  border-radius:23px; background: #725F58; width: 257px; height: 45px; display: inline-block; line-height: 45px; text-align: center; border: 0; padding: 0;}

@media screen and (max-width: 728px) {
.exhi_wrap_single .head .btn a, .exhi_wrap_single .others .left .btn_2 a{  width: 330px;}
}

.exhi_wrap_single { text-align: left;}
.exhi_wrap_single .head{ padding-bottom: 80px;}
.exhi_wrap_single .head .inner{ display: flex; justify-content: space-between; align-items: flex-end; }
.exhi_wrap_single .head .inner .info{ font-weight: 700; line-height: 1.5em;}
.exhi_wrap_single .head .btn{ width: auto; }
.exhi_wrap_single .head h2 div{line-height: 1.5em; margin-bottom: 15px; font-weight: 400;}
.exhi_wrap_single .head h2 div span::after{ content:"/";}
.exhi_wrap_single .head h2 div span:last-child::after{ content:"";}
.exhi_wrap_single .head ul{ list-style: none; display: flex; font-size: 20px;}
.exhi_wrap_single .head ul li{ margin-left: 30px;}
.exhi_wrap_single .head ul li a,
.exhi_wrap_single .head ul li a:active,
.exhi_wrap_single .head ul li a:visited{ color: #725F58; text-decoration: none; }
.exhi_wrap_single .head ul li a:hover{ color: #725F58; text-decoration: underline; }
.exhi_wrap_single .head .bakurocho span{ color: #F4A025;}
.exhi_wrap_single .head .tennoz span{ color: #76A1E1;}
.exhi_wrap_single .head .osaka span{ color: #db7093;}

@media screen and (max-width: 728px) {
	.exhi_wrap_single .head ul{ justify-content: center;}
	.exhi_wrap_single .head ul li{ margin: 0px 15px;}
}

.exhi_wrap_single .info figure,
.exhi_wrap_single .info .lead{margin-bottom: 80px;}
.exhi_wrap_single .info h3{ line-height: 1em; margin-bottom: 50px; }
.exhi_wrap_single .info figure{ line-height: 0; text-align: center; }
.exhi_wrap_single .info .lead{ display: flex;}
.exhi_wrap_single .info .lead .left{ width: 70%; margin-right: 4%}
.exhi_wrap_single .info .lead .left.no_btn{ width: 100%; margin-right: 0;}
.exhi_wrap_single .info .lead .right{ width: 26%; text-align: right;}
.exhi_wrap_single .info .lead .right .btn{ margin-bottom: 15px;}
.exhi_wrap_single .info .post .galle,
.exhi_wrap_single .info .post p{ margin-bottom: 50px;}
.exhi_wrap_single .exhi_info{ background: #EEEEEE; padding: 80px 90px; margin-bottom: 200px;}

.exhi_wrap_single .exhi_info h3{ margin-bottom: 50px;}
.exhi_wrap_single .exhi_info dl{ display: flex; margin-bottom: 8px;}
.exhi_wrap_single .exhi_info dl dt::after{ content: ":"; margin: 0 5px;}
.exhi_wrap_single .exhi_info dl .bakurocho span{ color:#F4A025;}
.exhi_wrap_single .exhi_info dl .tennoz span{ color:#76A1E1;}
.exhi_wrap_single .exhi_info dl .osaka span{ color:#db7093;}

.exhi_wrap_single .exhi_info dl.artist{ display: block; overflow: hidden;}
.exhi_wrap_single .exhi_info dl.artist dt{ float: left;}
.exhi_wrap_single .exhi_info dl.artist dd span::after{ content: "/"; }
.exhi_wrap_single .exhi_info dl.artist dd span:last-child::after{ content: ""; }

/*
.exhi_wrap_single .exhi_info .max-3-lines{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 25px;
  max-height: calc(25px*3);
}*/

.exhi_wrap_single .photo ul{ list-style: none; display: flex; flex-wrap: wrap; justify-content: space-around;margin-bottom: 100px;}
.exhi_wrap_single .photo ul li{ height: 280px; text-align: center; padding-bottom: 50px; }
.exhi_wrap_single .photo ul li img { height: 100%!important; width: auto!important;}


.exhi_wrap_single .btn_wrap{ display: flex; align-items: center;}
.exhi_wrap_single .btn_wrap .left,
.exhi_wrap_single .btn_wrap .right{ width: 50%; text-align: center;}
.exhi_wrap_single .btn_wrap .left .btn_2{ text-align: center;}


.exhi_wrap_single .exhi_cont_wrap{ text-align: center; padding-top: 100px;}
.exhi_wrap_single .exhi_cont_wrap .p_1{ color:#725F58; padding-bottom: 30px;}

@media screen and (max-width: 728px) {
	.exhi_wrap_single .photo ul li img { height: auto!important; width: 100%!important;}
	.exhi_wrap_single .photo ul li{ height: auto; padding-bottom: 15px; }
	.exhi_wrap_single .exhi_cont_wrap{ padding-top: 70px;}
	
	.exhi_wrap_single .exhi_info dl.artist{ display: block; overflow: hidden;}
	.exhi_wrap_single .exhi_info dl.artist dt{ float: none;}
	
}

.exhi_wrap_single .exhi_cont_wrap .btn_cont{ width: auto; padding-bottom: 50px; }
.exhi_wrap_single .exhi_cont_wrap .btn_cont { height: 45px; margin-bottom: 15px;padding-top: 5px;}
.exhi_wrap_single .exhi_cont_wrap .btn_cont a{ background: #725F58;  border-radius:23px;width: 257px; height: 45px; display: inline-block; line-height: 45px; text-align: center;}

@media screen and (max-width: 728px) {
	.exhi_wrap_single .exhi_cont_wrap .btn_cont{ padding-bottom: 20px; }
	.exhi_wrap_single .exhi_cont_wrap .btn_cont a{ width: 330px;}
}

.exhi_wrap_single .btn_bta{ text-align: center;}
.exhi_wrap_single .btn_bta a
{border:1px solid #725F58; width: 200px; height: 30px; font-size: 14px; line-height: 30px; display: inline-block; text-align: center; }


@media screen and (max-width: 728px) {
	.exhi_wrap_single .head h2,
	.exhi_wrap_single .head .inner .info{ margin-bottom: 15px;}
	.exhi_wrap_single .head .inner { display: block;}
	.exhi_wrap_single .head .btn{ text-align: center;}
	.exhi_wrap_single .info h3 { margin-bottom: 15px; font-size: 23px; }
	.exhi_wrap_single .info figure { margin-bottom: 15px; }
	.exhi_wrap_single .info .lead { margin-bottom: 60px;display: block; }
	.exhi_wrap_single .info .lead .left{  width: 100%; margin-right: 0%; margin-bottom: 15px;}
	.exhi_wrap_single .info .lead .right{ width: 100%;}
	.exhi_wrap_single .btn a { display: block; text-align: center; }
	.exhi_wrap_single .exhi_info { padding: 5vw; margin-bottom: 60px; }
	.exhi_wrap_single .exhi_info dl { display: block; margin-block: 8px; font-size: 16px; }
	.exhi_wrap_single .exhi_info dl dt{ font-weight: 700; }
	.exhi_wrap_single .exhi_info dl dt,
	.exhi_wrap_single .exhi_info dl dd 	{font-size: 16px;}
	.exhi_wrap_single .others .mov { margin-bottom: 30px; }
	
	.exhi_wrap_single .btn_wrap { display: block;}
	.exhi_wrap_single .btn_wrap .left, .exhi_wrap_single .btn_wrap .right { width: 100%; text-align: center; }
	.exhi_wrap_single .others .left .btn_2 a { display: block;}
	.exhi_wrap_single .works ul { margin-bottom: 60px; }
	.exhi_wrap_single .post iframe{ max-width: 100% !important;}
	
	.exhi_wrap_single .head h2 div{ font-size: 33px; font-weight: 400;}
	.exhi_wrap_single .head h2 p{font-family: 'Noto Sans JP', sans-serif; font-size: 27; font-weight: 400;}
	.exhi_wrap_single .head .inner .info .time{font-weight: 600;}
	
	.exhi_wrap_single .info .lead .left,
	.exhi_wrap_single .post,
	.exhi_wrap_single .exhi_cont_wrap .p_1
	{font-size: 16px;}
}

.exhi_wrap_single .works ul li img { max-height: auto!important; width: 100%!important;}

.exhi_wrap_single .works ul{ list-style: none; display: flex; flex-wrap: wrap; justify-content: space-around;}
.exhi_wrap_single .works ul li{ text-align: left; padding-bottom: 50px; width: 30%; position: relative; height: auto!important;  }
.exhi_wrap_single .works ul li a{line-height: 1.5em; text-align: left;}
.exhi_wrap_single .lightbox{ position: relative;z-index: 0;}

@media screen and (max-width: 728px) {
	.exhi_wrap_single .works ul li{ width: 49%; }
}

.exhi_wrap_single.fe h2{ padding-bottom: 30px;}
.exhi_wrap_single.fe h3.fe_tit{ padding-bottom: 40px;}
.exhi_wrap_single.fe .post.about,
.exhi_wrap_single.fe .post.img_1,
.exhi_wrap_single.fe .post.img_2,
.exhi_wrap_single.fe .post.text{ padding-bottom: 70px;}
.exhi_wrap_single.fe .post.img_1 ul,
.exhi_wrap_single.fe .post.img_2 ul{ list-style: none; display: flex; justify-content: space-between;}
.exhi_wrap_single.fe .post ul li { line-height: 0; margin-right: 15px;}
.exhi_wrap_single.fe .post ul li:last-child{ margin-right:0px;}

.exhi_wrap_single.fe .art_wrap{ display: flex; flex-wrap: wrap; padding-bottom: 80px;}
.exhi_wrap_single.fe .art_wrap dl{ width: 32%; margin-right: 1.5%; text-align: left; margin-bottom: 30px;}
.exhi_wrap_single.fe .art_wrap dl p.cate{ margin-bottom: 15px;}
.exhi_wrap_single.fe .art_wrap.top dl:nth-of-type(5),
.exhi_wrap_single.fe .art_wrap.top dl:nth-of-type(8),
.exhi_wrap_single.fe .art_wrap.top dl:last-child,
.exhi_wrap_single.fe .art_wrap.under dl:nth-of-type(3n) 
{ margin-right: 0;}
.exhi_wrap_single.fe .art_wrap.past dl:nth-of-type(3n){margin-right: 0;}
.exhi_wrap_single.fe .art_wrap.top dl.big dt{ margin-bottom: 30px;}
.exhi_wrap_single.fe .art_wrap dl dd h4 { margin-bottom: 0px; font-weight: 300; }

.exhi_wrap_single.fe .art_wrap dl dt{ line-height: 0; margin-bottom: 15px; position: relative; background-size: cover;  background-position: center center; background-repeat: no-repeat;}
.exhi_wrap_single.fe .art_wrap dl dt a::before{ content: ""; display: block; top:0; bottom: 0; left: 0; right: 0; padding-top: 65%; }

.exhi_wrap_single.fe .art_wrap dl dd h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 28px;
  max-height: calc(28px*2);
}

.exhi_wrap_single.fe .art_wrap dl dd .galle.tennoz span{ color: #8BB9C9;}
.exhi_wrap_single.fe .art_wrap dl dd .galle.bakurocho span{ color: #F4A025;}

@media screen and (max-width: 728px) {
	.exhi_wrap_single.fe.art_wrap{ padding-bottom: 30px; justify-content: space-between;}
	.exhi_wrap_single.fe .art_wrap dl{ width: 49%; }
	.exhi_wrap_single.fe .art_wrap dl{ margin-right: 2%;}
	.exhi_wrap_single.fe .art_wrap dl:nth-child(even){ margin-right: 0%; }
}



/* Access */
.access_wrap h2{ text-align: left; padding-bottom: 35px;}
.access_wrap .galle_box{ background:#EDEBE6; padding: 70px 0;}
.access_wrap .galle_box .white{ background:#ffffff ;}
.access_wrap .galle_box .white .white_inner
{ padding: 70px 35px;}

.access_wrap .other
{ padding: 70px 35px 0px 35px;}

.access_wrap .galle_box .white .box h3{ margin-bottom: 35px; line-height: 1em; font-weight: 500;}


@media screen and (max-width: 728px) {
.access_wrap .galle_box{ background:#EDEBE6; padding: 3vw 0;}
.access_wrap .galle_box .white .white_inner,
.access_wrap .other
{ padding: 12vw 3vw;}
}

.access_wrap{ text-align: left;}
.access_wrap h2{ line-height: 1em; }
.access_wrap dl{ display:flex;}
.access_wrap dl dt{ width: 55%;}
.access_wrap dl dd{ width: 45%;}

.access_wrap .tx dl dt,
.access_wrap .tx dl dd{ width: auto; line-height: 1.5em;}
.access_wrap .tx dl { margin-bottom: 0px; display:flex; }
.access_wrap .tx dl.en { margin-bottom: 8px; display:block; }

.access_wrap dl dt .inner{ margin-right: 50px;}
.access_wrap .other dl dt .inner{ margin-left: 50px;}
.access_wrap dl dt h3{ font-weight:500; line-height: 1,5em; }
.access_wrap dl dt h3 span{ font-size: 120%;}
.access_wrap dl dd{ line-height: 0;}
.access_wrap dl dt .btn a{ display: inline-block; border-radius:23px; width: 257px; height: 45px; display: inline-block; line-height: 45px; text-align: center;}
.access_wrap dl{margin-bottom: 80px;}
.access_wrap .box:last-child dl{margin-bottom: 0px;}
.access_wrap .galle_box .white .box:last-child dl{margin-bottom: 0px;}
.access_wrap dl dt h3,
.access_wrap dl dt .inner,
.access_wrap .address,
.access_wrap .access,
.access_wrap dl dt .btn{margin-bottom: 20px;}

.access_wrap .other h3{ line-height: 1em;}

@media screen and (max-width: 728px) {
	.access_wrap dl{ display:block;}
	.access_wrap dl dt, .access_wrap dl dd { width: 100%; }
	.access_wrap dl dt .inner{ margin-right: 0px;}
	.access_wrap .other dl dt .inner{ margin-left: 0px;}
	.access_wrap dl dt .btn a span.sp{ display: none;}
	
	.access_wrap .address,
	.access_wrap .access,
	.access_wrap .tx
	{ font-size: 14px;}
}

.access_wrap .Tennouz span{ color: #76A1E1;}
.access_wrap dl dt .btn.Tennouz a{background: #76A1E1;}

.access_wrap dl dt .btn.Bakurocho a{background: #F4A025;}

.access_wrap .other h3{ color: #808080;}
.access_wrap dl dt .btn.Tennouz a{background: #76A1E1;}

.access_wrap .other h3{ margin-bottom: 20px; font-weight: 500;}
.access_wrap .other dl{flex-direction: row-reverse;}
.access_wrap .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.access_wrap .slick-dots li button:before { font-size: 10px; }

/* About */
.about_wrap #credo,
.about_wrap #action,
.about_wrap #history
{ margin-top: -150px; padding-top: 150px;}

.about_wrap #action
{ display: none;}

.about_wrap
{ padding-top: 80px;}

@media screen and (max-width: 728px) {
	.about_wrap{ padding-top: 40px;}
}

.about_wrap .head
{ padding-bottom: 20px;}

.about_wrap .exp,
.about_wrap .action
{ padding-bottom: 160px;}

.about_wrap .credo
{ margin-bottom: 160px;}

@media screen and (max-width: 728px) {
	.about_wrap .exp,
	.about_wrap .action
	{ padding-bottom: 80px;}
	
	.about_wrap .exp .lead
	{ font-size: 16px;	}
	
	.about_wrap .credo
	{ margin-bottom: 80px;}
}

.about_wrap .exp,
.about_wrap .head h2,
.about_wrap .credo,
.about_wrap .action,
.about_wrap .history
{ text-align: left; }

.about_wrap .head,
.about_wrap .archive dl
{ display: flex; }

.about_wrap .head h2{ line-height: 1em;}
.about_wrap .head h2,
.about_wrap .head .box{ width: 50%;}

@media screen and (max-width: 728px) {
	.about_wrap .head h2,
	.about_wrap .head .box{ width: 100%;}
	.about_wrap .head .box{ margin-bottom: 40px;}
	
	.about_wrap .head{ flex-direction: column-reverse; flex-wrap: wrap; }
}

.about_wrap .btn { height: 45px; padding-top: 15px;}
.about_wrap .head .btn{ text-align: right;}
.about_wrap .btn a{ background: #725F58; border-radius:23px;width: 257px; height: 45px; display: inline-block; line-height: 45px; text-align: center;}

.about_wrap .btn.pat2 a{ background: white; border: 1px solid #725F58; color: #725F58; border-radius:23px; width: 257px; height: 45px; display: inline-block; line-height: 45px; text-align: center;}

@media screen and (max-width: 728px) {
	.about_wrap .btn a,
	.about_wrap .btn.pat2 a
	{width: 330px;}
}

/*9/1時点での対応*/
.about_wrap .head .box ul li:first-child,
.about_wrap .credo { display: none;}


.about_wrap .head .box ul { list-style: none; display: flex; float: right; font-size: 20px; }
.about_wrap .head .box ul li{ margin-left: 30px;}
.about_wrap .head .box ul li a,
.about_wrap .head .box ul li a:active,
.about_wrap .head .box ul li a:visited{ color: #725F58; text-decoration: none; }
.about_wrap .head .box ul li a:hover{ color: #725F58; text-decoration: underline; }

@media screen and (max-width: 728px) {
	.about_wrap .archive dl
	{ display: block; }
	.about_wrap .head .box{ width: 100%;}
}

.about_wrap .credo 
{ color: #fff; background: url(../images/about/bg.png) right top repeat-y #808080; background-size: 30% auto; text-align: left;}

@media screen and (max-width: 728px) {
	.about_wrap .credo { background-size: 3% auto; }
}

.about_wrap .credo h3,
.about_wrap .action h3,
.about_wrap .history h3
{ margin-bottom: 30px;}

.about_wrap .credo .inner .gray p,
.about_wrap .action .p_1
{ margin-bottom: 60px;}

@media screen and (max-width: 728px) {
	.about_wrap .credo .inner .gray p,
	.about_wrap .action .p_1
	{ margin-bottom: 30px;}
}

.about_wrap .credo .inner{ padding: 80px 0;}
.about_wrap .credo .inner .gray{ padding-right:14vw;}
.about_wrap .credo .inner .gray dt{ margin-bottom:15px; font-weight: 500;}

@media screen and (max-width: 728px) {
	.about_wrap .credo .inner{ padding: 40px 0;}
	.about_wrap .credo .inner .gray{ padding-right:0;}
}

.about_wrap .action .box{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.about_wrap .action .box dl{ display: flex;flex-wrap: wrap; width: 48%; color: #808080; border: 1px solid #808080;}
.about_wrap .action .box.odd dl{  width: 30%; }

.about_wrap .action .box dl dt{ height: 1.5em; }
.about_wrap .action .box dl dd{ min-height: 85px; }
.about_wrap .action .box dl dt,
.about_wrap .action .box dl dd{ padding: 15px 30px; width: 100%; line-height: 1.5em;}

@media screen and (max-width: 728px) {
	.about_wrap .action .box dl{ width: 100%; }
	.about_wrap .action .box dl dt,
	.about_wrap .action .box dl dd{ padding: 15px 3vw; }
}

.about_wrap .exp p{ margin-bottom: 40px; line-height: 2em; }
.about_wrap .exp .mb_1{ margin-bottom: 80px;}

.about_wrap ul.thumb { list-style: none; display: flex; justify-content: space-between;}
.about_wrap ul.thumb li{ width: 30%;}

@media screen and (max-width: 728px) {
.about_wrap .exp p{ line-height: 1.5em; }
	
.about_wrap .exp p{ margin-bottom:20px;}
.about_wrap .exp .mb_1{ margin-bottom: 40px; margin-top: 0px;}
	
.about_wrap ul.thumb { flex-wrap: wrap;}
.about_wrap ul.thumb li{ width: 100%; line-height: 0; margin-bottom: 15px;}
}

.about_wrap h3.about_h3{ line-height: 1em; }

.about_wrap .history .p_1,
.about_wrap .credo dl,
.about_wrap .action dl
{ margin-bottom: 80px; line-height: 1.5em;}

@media screen and (max-width: 728px) {
	.about_wrap .action dl:last-child { margin-bottom: 0px;}
}

.about_wrap .archive dl:last-child
{ margin-bottom: 80px!important;}

.about_wrap .archive dl{ margin-bottom: 20px;}
.about_wrap .archive dl dt{ width: 7%;}
.about_wrap .archive dl dd{ width: 93%;}

@media screen and (max-width: 728px) {
.about_wrap .archive dl dt{ font-weight: 500; font-size: 16px;}
.about_wrap .archive dl dd{ font-size: 14px;}
.about_wrap .archive dl dt, .about_wrap .archive dl dd{ width: 100%;}
}

/* PP */
.pp_wrap{ text-align: left; }
.pp_wrap h2 {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #ccc;
}
.pp_wrap h3,
.pp_wrap p,
.pp_wrap ul
{ margin-bottom: 20px; font-size: 100%; font-weight: 300;}
.pp_wrap ul{ list-style-position: inside;}

@media screen and (max-width: 728px) {
.pp_wrap .inner{ font-size: 14px;}
}


/* Contact */
.cont_wrap{ text-align: left; }
.cont_wrap h2{padding-bottom: 35px;}
.cont_wrap .tel,
.cont_wrap .mail
{ padding: 60px 0;}
.cont_wrap .tel{ border-top:2px solid #808080; border-bottom:2px solid #808080; }
.cont_wrap .tel h3,
.cont_wrap .mail h3
{ font-weight: 300; line-height: 1em; margin-bottom: 20px;}
.cont_wrap .tel p,
.cont_wrap .mail p
{ margin-bottom: 60px;}
.cont_wrap .tel .wrap{ margin:0 90px; font-weight: 700; }
.cont_wrap .tel dl{display: flex;line-height: 60px;}
.cont_wrap .tel dl dt,
.cont_wrap .tel dl dd{ width: 50%; text-align: center;}
.cont_wrap .tel dl dt{ text-align: left; position: relative;}
.cont_wrap .tel dl dt::after{ content: ""; height: 1em; width: 1em; position: absolute; right:15px; top:50%; margin-top: -0.5em; background: url(../images/contact/arrow.svg) center center no-repeat; }
.cont_wrap .tel dl dt.tennoz span{ color: #76A1E1;}
.cont_wrap .tel dl dt.bakurocho span{ color: #F9B83A;}
.cont_wrap .tel dl dd a,
.cont_wrap .tel dl dd a:active,
.cont_wrap .tel dl dd a:visited{ text-decoration: none; color: #000;}
.cont_wrap .tel dl dd a span { width: 100px; display: inline-block; }
.cont_wrap .tel dl dd a span::after{content: "-"; margin: 15px;}
.cont_wrap .tel dl dd a span:last-child::after{ content: "";}


@media screen and (max-width: 728px) {
	.cont_wrap h2
	{ font-size: 33px;}

	.cont_wrap .tel h3,
	.cont_wrap .mail h3
	{ font-size: 23px;}
	
	.cont_wrap .tel, .cont_wrap .mail { padding: 30px 0 0 0;}
	.cont_wrap .tel p, .cont_wrap .mail p { margin-bottom: 30px;}
	.cont_wrap .tel .wrap{ margin:0 3vw; }
	
	.cont_wrap .tel dl{display: block; line-height: 1.5em; margin-bottom: 30px; }
	.cont_wrap .tel dl dt{ margin-bottom: 15px;}
	.cont_wrap .tel dl dt, .cont_wrap .tel dl dd { width: 100%; text-align: left;}
	
	.cont_wrap .tel dl dt::after{ display: none; }
	
	.cont_wrap .tel dl dd a span { width: auto;	 }
}

.cont_wrap .mail dl{ display: flex; margin-bottom: 35px;}
.cont_wrap .mail dl.ta{ display: block;}
.cont_wrap .mail dl dt{ width: 25%; line-height: 45px; position: relative;}
.cont_wrap .mail dl dd{ width: 75%; height: 45px;}
.cont_wrap .mail dl.ta dd{ width: 100%; height: 270px;}
.cont_wrap .mail dl dd input,
.cont_wrap .mail dl dd select,
.cont_wrap .mail dl dd textarea
{ width: 100%; box-sizing: border-box; height: 100%; border:1px solid #808080; padding: 15px;}
.cont_wrap .mail dl dt.hissu{ 
	position: relative;
}

.cont_wrap .mail dl dd select {
  -webkit-appearance: none;
  appearance: none; /* デフォルトのスタイルを無効 */
}
.cont_wrap .mail dl dd select::-ms-expand {
  display: none; /* デフォルトのスタイルを無効(IE用) */
}

.cont_wrap .mail dl dd select {
  background-image: url(../images/contact/arrow_open.svg);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 13px 13px;
}


.cont_wrap .mail dl dt.hissu span{ padding-left: 50px;}
.cont_wrap .mail dl dt.hissu::before {
    content: "必須";
    display: inline-block;
    color: #808080;
    border: 1px solid #808080;
    font-size: 10px;
    line-height: 1em;
    padding: 5px 10px 3px 10px;
    height: 1em;
    align-self: center;
    position: absolute;
    margin-top: 11px;
}
.cont_wrap .submit { text-align: center; padding-top: 30px;}
.cont_wrap .submit input{border: none; color: #fff; background: #725F58; margin-bottom: 30px; width: 257px; height: 45px; display: inline-block; line-height: 45px; text-align: center;} 


@media screen and (max-width: 1080px) {
	.cont_wrap .mail dl{ display: block; margin-bottom: 15px;}
	.cont_wrap .mail dl dt,
	.cont_wrap .mail dl dd{ width: 100%; height: 45px;}
}


/* Shoplist */
.sl_wrap{ text-align: left; }
.sl_wrap h2{padding-bottom: 35px;}
.sl_wrap .head{padding-bottom: 90px;}
.sl_wrap .list dl{ display: flex; padding:40px 4vw; border: 1px solid #333; text-align: left; align-items: center; position: relative; background: white; margin-bottom: 50px;}
.sl_wrap .list dl:hover{ box-shadow:0px 0px 0px #9ACAD9!important;}

.sl_wrap .list dl,.sl_wrap .list dl:hover
{
	-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; 
}

.sl_wrap .list dl dt{ width: 30%;}
.sl_wrap .list dl dt div{padding-right: 4vw;}
.sl_wrap .list dl dd{ width: 70%; /*background: url(../images/shoplist/arrow.svg) center right  no-repeat;*/ padding-right: 5%; }

.sl_wrap .list dl dd h3{ font-size: 28px; margin-bottom: 8px;}
.sl_wrap .list dl dd p{ font-size: 14px;}

@media screen and (max-width: 728px) {
.sl_wrap .list dl dd h3{ font-size: 23px; }
	
.sl_wrap .head{padding-bottom: 30px;}
.sl_wrap .list{ margin: 0 3vw 0 0; }
.sl_wrap .list dl { display: block; padding: 5vw; }
.sl_wrap .list dl dt,
.sl_wrap .list dl dd{ width: 100%;}
.sl_wrap .list dl dd{ /*background: url(../images/shoplist/arrow.svg) center right 2vw no-repeat;*/ padding-right: 0;}
.sl_wrap .list dl dd p{ /*margin-right: 15px;*/}
.sl_wrap .list dl dt div{padding-right: 0; margin-bottom: 15px;}
}

/* 自由追加編集 */
.free_wrap { text-align: left; padding-top: 80px;}
.free_wrap h2{padding-bottom: 35px;}
.free_wrap .inner p{ margin-bottom: 50px;}

@media screen and (max-width: 728px) {
.free_wrap { text-align: left; padding-top: 40px;}
}

/* Special */
.special_wrap{ padding-top: 80px; text-align: left;}
.special_wrap .head h2{padding-bottom: 15px; line-height: 1em;}
.special_wrap .head,
.special_wrap .head .cmnt,
.special_wrap h3
{padding-bottom: 50px;}

.special_wrap .about
{padding-bottom: 80px;}

.special_wrap .head figure{ line-height: 0;}
.special_wrap h3{ line-height: 1em;}

.special_wrap .archive_wrap .grad-item{ display: flex; flex-wrap: wrap; padding-bottom: 80px;}
.special_wrap .archive_wrap .grad-item dl{ width: 32%; text-align: left; margin-bottom: 30px;}
.special_wrap .archive_wrap .grad-item dl{ margin-right: 2%;}
.special_wrap .archive_wrap .grad-item dl:nth-of-type(3n){ margin-right: 0;}
.special_wrap .archive_wrap .grad-trigger:checked ~ .grad-btn::before { content: "CLOSE"; display: block; width:100%; text-align: center; height: 17px; background: url(../images/artist/arrow_close.svg) center center no-repeat;font-size: 17px; padding-top: 30px; color: #725F58;}
.special_wrap .archive_wrap dl dd h4{ font-weight: 500; margin-bottom: 5px; }
.special_wrap .archive_wrap dl dd p.cate{ font-weight: 500; margin-bottom: 15px; }
.special_wrap .archive_wrap dl dd .galle.tennoz span{ color: #8BB9C9;}
.special_wrap .archive_wrap dl dd .galle.bakurocho span{ color: #F4A025;}

@media screen and (max-width: 728px) {
	.special_wrap .archive_wrap .grad-item{ justify-content: space-between;padding-bottom: 0px;}
	.special_wrap .archive_wrap .grad-item dl{ width: 49%; margin-right: 0%; }
	.special_wrap .archive_wrap .grad-item dl a{ display: block;}
}


/*BTN*/
body.top .event dl .btn a
{width: 257px; height: 45px; font-size: 20pt; line-height: 45px; text-align: center;}

body.top .event .btn a{ background: #725F58; display: inline-block; }

body.top .news .right .inner .btn{ text-align: left; padding-top: 30px;}

body.top .news .right .inner .btn a { border: 2px solid #725F58; background: #fff; width: 257px; height: 45px; display: inline-block; line-height: 45px; text-align: center; }

body.top .about .btn a{ background: #9ACAD9; width: 257px; height: 45px; display: inline-block; line-height: 45px; text-align: center;}

body.top .pickup li .inner .right .btn a{ background: #725F58; width: 257px; height: 45px; display: inline-block; line-height: 45px; text-align: center; }

body.top .spaces dl dt .btn a{ border-radius:2em;width: 257px; height: 45px; display: inline-block; line-height: 45px; text-align: center;}

@media screen and (max-width: 728px) {
	
body.top .news .right .inner .btn{ margin-left: 33%;}
body.top .event dl .btn{ text-align: center;}
body.top .event .btn a { border-radius: 45px; width: 330px; height: 45px; display: inline-block; line-height: 45px; text-align: center; font-size: 17px; margin-bottom: 80px;}
body.top .news .right .inner .btn a { background: #EDEBE6;}
body.top .about .btn a{ display: block; margin:0 auto; line-height: 3em; height: 3em;}
body.top .news .right .inner .btn a { border: 2px solid #725F58; background: #fff; width: auto; height: 45px; display: block; line-height: 45px; text-align: center; }

body.top .pickup li .inner .right .btn a{ background: #725F58; width: 330px; height: 45px; display: inline-block; line-height: 45px; text-align: center; border-radius: 2em;}

body.top .spaces dl dt .btn a span{ display: none;}

}


/*BTT*/
body{position: relative;}
#topBtn { position: fixed; bottom: 100px; right: 10px; z-index: 9999; }

/*その他調整*/
.gallery { display: flex; justify-content: space-around; padding-bottom: 30px;}
.gallery dl{ padding: 0 5px; line-height: 0;}
@media screen and (max-width: 728px) {
.gallery { flex-wrap: wrap; padding-bottom: 0px;}
.gallery dl{ padding: 0 0 15px 0; line-height: 0;}
}

.popupimg{ width: 70vmin!important;}
@media screen and (max-width: 728px) {
.popupimg{ width: 70vmin!important;}
}

.btn.btn-primary{ background: red;}

.wpcf7 .ajax-loader {
    display: block!important;
    margin: 0 auto!important;
}

.wp-pagenavi a.first,
.wp-pagenavi a.last{ display: none!important;}
.wp-pagenavi a, .wp-pagenavi .current { margin: 0 10px 10px 10px!important; }

.slick-slide img {
    display: block;
    margin: 0 auto;
}

.grecaptcha-badge { visibility: hidden; }

body.under.cont .grecaptcha-badge { visibility:inherit; bottom: 105px!important; }