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

/* common --------------------------------------------------------- */

.cf:after {
    content:"";
    display:block;
    clear:both;
}
body {
	font-family: "Sawarabi Mincho";
}
a {
 	color:#000;
}
a:hover {
	color:#333;
	text-decoration: underline;
}
header {
	padding:20px 0 20px 0;
	background-color:#F0EEE5;
}
header .drawer-toggle {
	/*float:right;*/
	display: none;
	/*padding:5px 15px 5px 5px;*/
}
.header-left {
	float:left;
}
.header-right{
	float:right;	
}
.header-right a{
	margin:0 0 0 10px;
	padding:5px;
}
footer {
	padding:20px 0 20px 0;
}
.footer-left {
	float:left;
}
.footer-right{
	float:right;	
}
.container {
  max-width: 1170px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}
.top-wrapper .container h1 {
  text-align: center;
  color:white;
  font-size: 45px;
}
.top-wrapper {
	background-image: url(../img/top/main_1.jpg);
	background-position: right;
	background-size: cover;
	height:550px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#page-top-bt {
  width: 70px;
  height: 70px;
  position: fixed;
  right: 0;
  bottom: 0;
  display: none;
}
#page-top-bt a{
  display: block;
  width: 70px;
  height: 70px;
  text-decoration: none;
  color:#fff;
  background: #000;
  opacity: 0.6;
}
#page-top-bt a:hover{
  opacity: 0.8;
}
#page-top-bt a i {
  width: 70px;
  height: 70px;
    display: flex;
	justify-content: center;
	align-items: center;
}

/* top --------------------------------------------------------- */

.top-schedule-wrapper {
	padding:30px 0 50px 0;
}
.schedule_title {
text-align: center;
font-size : 25px;
margin:0 0 20px 0;
padding:0 0 10px 0;
border-bottom:1px solid #000;
}
.schedule_contents {
padding: 0 100px;
}
.top-banner {
  display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.top-banner img {
width:360px;
}


/* profile --------------------------------------------------------- */

.profile-wrapper .container h1 {
  text-align: center;
  color:white;
  font-size: 40px;
}
.profile-wrapper {
	background-image: url(../img/top/main_1.jpg);
	background-position: right;
	background-size: cover;
	height:350px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.profile-contents {
	padding:60px 100px 50px 100px;
}
.profile-toenglishsub{
	text-align: right;
}
.profile-contents .profile-lead {
	clear:right;
	text-align: center;
	padding:20px 0 20px 0;
	/*padding:20px 0 60px 0;*/
	border-bottom : 1px solid #000;
	line-height: 1.8rem;
}
.profile-contents .profile-lead h2 {
	font-size: 35px;
	margin: 0 0 15px 0;
}
.profile-contents p {
	padding:20px 0 0 0;
	line-height: 1.8rem;
}
#profile-english {
	padding:100px 0 0 0;
}
#profile-english h2 {
	text-align: center;
	padding:20px 0 60px 0;
	border-bottom : 1px solid #000;
	line-height: 1.8rem;
}

/* discography --------------------------------------------------------- */

.discography-wrapper .container h1 {
  text-align: center;
  color:white;
  font-size: 40px;
}
.discography-wrapper {
	background-image: url(../img/top/main_1.jpg);
	background-position: right;
	background-size: cover;
	height:350px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.discography-contents {
	padding:30px 0px 50px 0px;
}
.discography_sort {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
margin:25px 0 0 0;
	padding:0;
}
.discography_sort li {
  list-style: none;
font-size:0.8rem;
	margin : 0 8px;
}
.discography_sort li a {
  padding : 4px 15px;
	background-color: #EEEEEE;
		text-decoration:none;
}
.discography_sort li a:hover {
	background-color: #DDDDDD;
}
.discography-contents ul.grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  width: 100%;
	padding:0 45px;
	margin:0;
}
.discography-contents ul li {
	height:150px;
	width:auto;
	list-style: none;
	margin : 0 5px;
}

figure {
  position: relative;
  overflow: hidden;
  width: 140px;
  height : auto;
}
figcaption {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0;
  color:#fff;
  padding:3px 15px;
  line-height: 1.3rem;
}
figcaption p h2 {
　font-size: 0.2rem;
  line-height: 1.2rem;
}
figure:hover figcaption {
  opacity: 1;
}
.cell.is-empty {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

/* discography-detail --------------------------------------------------------- */

.disography_breadcrumb {
	padding: 15px 0 0 45px;
}
.discography-d-contents {
	padding:30px 40px 50px 40px;
}
.d-sub-ttl {
	font-size:0.7rem;
	padding:4px 10px;
	background-color: #000;
	color:#fff;
	display: inline;
}
.discography-d-img{
	margin : 0 0 20px 0;
}
.discography-d-img img {
	width : 100%;
	height:auto;
}
.discography-d-info {
	font-size:0.9rem;	
	padding: 20px 0;
}
.discography-d-contents-l {
	float:left;
	width:38%;
}
.discography-d-contents-r {
	float:right;
	width:58%;
}
.discography-d-ttl {
	font-size : 2.5rem;
}
.discography-d-name {
	font-size : 2rem;
	padding : 0 0 30px 0 ;
}
.discography-d-comment{
	padding: 0 0 25px 0 ;
}
.discography-d-contents-r p {
	padding : 12px 0 20px 0;
}

/* schedule --------------------------------------------------------- */

.schedule-wrapper .container h1 {
  text-align: center;
  color:white;
  font-size: 40px;
}
.schedule-wrapper {
	background-image: url(../img/top/main_1.jpg);
	background-position: right;
	background-size: cover;
	height:350px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.schedule-contents {
	padding:45px 100px 50px 100px;
}


/* instruments --------------------------------------------------------- */

.instruments-wrapper .container h1 {
  text-align: center;
  color:white;
  font-size: 40px;
}
.instruments-wrapper {
	background-image: url(../img/top/main_1.jpg);
	background-position: right;
	background-size: cover;
	height:350px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.instruments-contents {
	padding:45px 100px 50px 100px;
}
.instruments-contents p {
	padding:0 0 25px 0;
}

.instruments_column div img {
	margin : 0 0 30px 0;
}
.instruments_column_1_l {
	float:left;
	width : 24%;
}
.instruments_column_1_l img {
	width:100%;
	height:auto;
}
.instruments_column_1_r {
	float:right;
	width : 72%;
}
.instruments_column_2_l {
	float:left;
	width : 52%;
}
.instruments_column_2_r {
	float:right;
	text-align: right;
	width : 44%;
}
.instruments_column_2_r img {
	width:100%;
	height:auto;
}