@charset "utf-8";
/* ************************************************************************
*
* STYLE
*
************************************************************************ */

/*-------------共通-------------*/
body{
  word-break:break-all;
  position: relative;
  margin: auto;
  /*min-width: 1024px;*/
}
body .wrap0{
	width:100%;
	overflow:hidden;
}
p{
	line-height: 1.5em;
}
img{
    width: 100%;
    height: auto;
}
section{
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}
ul{
    list-style: none;
}
.sp{
  display:none;
}

a{ 
	text-decoration:underline;
	transition: all ease .5s;
	}
a:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}

/*-------------header-------------*/
header {
    position: relative;
    margin: auto;
}

h1 {
	line-height: 0;
}

/*-------------概要-------------*/
#overview{
	padding:80px 0;
	margin-bottom:10px;
	background: linear-gradient(#ea6b92, #53bcd3);
	}

#overview .wrap{
	max-width: 980px;
    margin: auto;
    text-align: center;
    background-image: url(../images/waku.png);
    background-size: 100%;
	background-repeat:no-repeat;
    padding: 85px 0;
	background-size: 100% 100%;
}
#overview .wrap .inner{
	width: 784px;
    height: 328px;
    margin: 0 auto;
	text-align:left;
	}
h2{
	width:560px;
	height:auto;
	/*padding-top: 75px;
    padding-left: 70px;*/
	margin-bottom:20px;
	}
.exhibition{
    font-weight: bold;
    color: #ff7463;
    /*margin-bottom: 5px;*/
    font-size: 25px;
    line-height: 1em;
	}
.exhibition span{
	font-size:15px;
}
.kids_day{
	font-weight:bold;
	font-size:13px;
	margin-bottom:10px;
	}

span.line{
	text-decoration:underline;
	font-weight:bold;
	color: #ff7463;
	}

/*-------------about-------------*/
#about{
	padding:80px 0;
	margin-bottom:10px;
	background: linear-gradient(#d8d96e, #7aab75);
	}
#about h3{
	width:326px;
	height:auto;
	margin:0 auto 50px;
}	
#about .wrap{
	max-width: 900px;
    text-align: center;
	background-color:#fff;
	margin: 0 auto;
}
#about .wrap .inner{
	width: 790px;
    margin: 0 auto;
	text-align:left;
	padding: 40px 0;
	}
.artist{
	margin-bottom:25px;
	}
	
#about dd{
	margin-bottom:15px;
	line-height:1.5em;
	}	
#about dt{
	font-weight:bold;
	float:left;
	}
#about dd{
	overflow:hidden;
}

.name{
	font-weight:bold;
	}
.release{
	/* font-size: 16px; */
    font-weight: bold;
    color: #fff;
    background-color: #464083;
    /* width: 221px; */
    padding: 5px 10px;
    margin-top: 15px;
    margin-bottom: 10px;
}
/*-------------event-------------*/

#event{
	padding:80px 0;
	background: linear-gradient(#d3bb38, #ae2680);
	}
#event h3{
	width:326px;
	height:auto;
	margin:0 auto 25px;
}
#event .lead{
	font-size:20px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	margin-bottom:10px;
	}	
#event .wrap{
	max-width: 900px;
    text-align: center;
	background-color:#fff;
	margin: 40px auto 0;
	overflow: hidden;
}
#event .wrap .inner{
	width: 760px;
    margin: 0 auto;
	text-align:left;
	padding: 40px 0;
	overflow: hidden;
	}
/*---ART & TALK---*/	
#event .art_tark h4{
	width:381px;
	height:auto;
	margin:0 auto 30px;
	}
#event .lead_2{
	text-align:center;
	margin-bottom:55px;
	}
#event li{
	margin-bottom:35px;
	overflow: hidden;
	}
.kirin{
	width:638px;
	margin:13px auto;
	}
.photo_1{
	width: 180px;
    height: auto;
    float: left;
    margin-left: 84px;
}
.photo_2{
	width:327px;
	height:auto;
	float:left;
	}
.photo_3{
	width: 167px;
    height: auto;
    float: left;
    margin-left: 84px;
}
.info{
	float:right;
	width:395px;
	padding-top:15px;
}
.info .date{
	font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #ff7463;
    line-height: 1;
    padding: 4px 6px;
    margin: 0 0 20px;
	}
.info dd{
	margin-bottom:15px;
	line-height:1.5em;
	}	
.info dt{
	font-weight:bold;
	float:left;
	}
.info dd{
	overflow:hidden;
}
.info .kiri_text{
	margin-top:20px;
	}
.kome{
	font-size:14px;
	}
.btn{
	width: 380px;
    height: auto;
    margin: 25px auto 60px;
	}

/*---ART WALL---*/	
#event .art_wall h4{
	width:593px;
	height:auto;
	margin:0 auto 30px;
	}
.info_2{
	width:392px;
	margin:0 auto 15px;
	}
.info_2 dl{
	margin:0 auto;
	
}
.info_2 dt{
	font-weight: bold;
    color: #fff;
    float: left;
    background-color: #ff7463;
    line-height: 1;
    padding: 4px 34px;
	margin-right:10px;
	}
.info_2 dd{
	line-height:1.5em;
	margin-bottom: 15px;
	overflow:hidden;
}







/*-------------フッター-------------*/
#pageTop{
    display: none;
    position: fixed;
    bottom: -5px;;
    right: 0;
    max-width:80px;
    height: auto;
    line-height: 0;
}

footer{
	padding: 45px 0;
	text-align:center
	}
footer .logo{
	width:152px;
	height:auto;
	margin:0 auto 15px;
	}
footer .copy{
	font-size:12px;
	}


/*//////////////////////////////////*SP*//*//////////////////////////////////*/

@media (max-width: 980px) {
/*--------------共通(sp)--------------*/
    img{
      max-width: 100%;
      height: auto;
  }
  .pc{
      display:none;
  }
  .sp{
    display: block;
}
p{
	font-size:0.9em;
}

/*-------------header(sp)-------------*/
.h1 {
    height: auto;
    background: none;
}

/*-------------概要-------------*/
#overview{
	padding:40px 0;
	}
#overview .wrap{
	max-width: 90%;
    background-image: url(../images/sp_waku.png);
	background-repeat:no-repeat;
	padding:7px 0;
}
#overview .wrap .inner{
	width: 80%;
    height: auto;
    margin: 0 auto;
	text-align:left;
	padding:10% 0;
	}
h2{
	width:90%;
	height:auto;
	margin-bottom:17px;
	}
.exhibition{
    margin-bottom: 3px;
    font-size: 1.3em;
	line-height: 1.3em;
	}
.exhibition span{
	font-size:15px;
}

/*-------------about-------------*/
#about{
	padding:40px 0;
	}
#about h3{
	width:50%;
	margin: 0 auto 25px;
}	
#about .wrap{
	max-width: 90%;
}
#about .wrap .inner{
	width: 90%;
	}
.release{
	width: 90%;
	}

/*-------------event-------------*/

#event {
    padding: 40px 0;
}
#event h3{
	width: 50%;
    margin: 0 auto 10px;
}
#event .lead {
    font-size: 1rem;
}
#event .wrap{
	max-width: 90%;
	margin: 20px auto 0;
}
#event .wrap .inner{
	width: 90%;
	padding: 20px 0;
	}
/*---ART & TALK---*/
#event .art_tark h4{
	width:90%;
	margin: 0 auto 10px;
	}
#event .lead_2{
	margin-bottom:30px;
	}
#event li {
    margin-bottom: 25px;
}
.photo_1{
	width: 50%;
    height: auto;
    float: none;
	margin: 0 auto;
	}	
.photo_2{
	width: 90%;
    height: auto;
	float: none;
    margin: 0 auto;
	}
.photo_3{
    float: none;
	margin: 0 auto;
	}
.info{
	float:none;
	width:100%;
	margin: 0 auto;
}
.info .date{
    margin: 0 0 10px;
	}
.info dd{
	margin-bottom:7px;
	}
/*.info dt {
    float: none;
}*/
.kirin{
    width: 100%;
    margin: 10px auto;
}
.kirin_text{
    margin: 0;
}
.kome {
    font-size: 0.8em;
}

.btn{
    width: 70%;
    margin: 20px auto 30px;
}

/*---ART WALL---*/	
#event .art_wall h4{
	width:100%;
	margin: 0 auto 10px;
	}
.info_2{
	width:100%;
	text-align: center;
	}
.info_2 dt{
    float: none;
	margin-right:0;
	margin-bottom: 5px;
	}
	


/*-------------フッター-------------*/

footer{
	padding: 27px 0;
	text-align:center
	}
footer .logo{
	width:91px;
	height:auto;
	margin:0 auto 10px;
	}


}