@charset "UTF-8";

/* 一覧 */
.list {
	margin:0px;
}

.lists {
	margin:0px;
}

.list ul {
	padding: 0px;
}
.list li {
	list-style-type:square;
	list-style-position: inside;
}


div.imagebox {
	background-color: #000000;
	width: 160px;
	height: 360px;
	float: left;
	margin: 0px 15px 15px 0px;
}
.list.type_01 div.imagebox:nth-child(5n+3) {
	margin: 0px 0 15px 0px;
}
.list.type_02 div.imagebox:nth-child(5n) {
	margin: 0px 0 15px 0px;
}
div.imagebox img {
	width: 100%;
	height: auto;
}


div.imageboxs {
	background-color: #000000;
	width: 335px;
	height:300px;
	float: left;
	margin: 0px 15px 15px 0px;
}

p.image, p.caption {
	margin: 0px;
		}
p.name {
	font-size: 0.75em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 5px;
		}
p.caption {
	font-size: 0.65em;
	line-height: 160%;
}

p.exp {
	clear: left;
		}
        
/* モーダルウィンドウ：20200424追加 */
a:hover.modal {
    opacity: 0.85;
}
.modal_box {
    display: none;
}
.modal_box_cont {
    color: #fff;
}
.modal_box_cont dt {
   font-size: 1.2em;
   margin: 0 0 1em 0;
}
.modal_box_cont dt span {
   font-size: 0.85em;
   margin: 0 0 0 1em;
}
.modal_box_cont a {
    color: #fff;    
}

/* タブ切り替え：20200502追加 */
.tabs{
  width: 100%;
  margin: 0 auto;
  position:relative;
}
.tab-buttons span{
  font:400 14px 'open sans',sans-serif;
  color:#fff;
  cursor:pointer;
  border-bottom:2px solid #ddd;
  display:block;
  width:50%;
  float:left;
  text-align:center;
  height:40px;
  line-height:40px;
}
.tab-content{
  padding-top: 50px;
  display:inline-block;
  color:#333;
}
#lamp{
  width:50%;
  height:2px;
  background:#333;
  display:block;
  position:absolute;
  top:40px;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}
#lamp.artist_cla {
  left: 0;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}
#lamp.artist_sax {
  left: 50%;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}

/* プロフィール：20200520追加 */
.scllnk {
    display: flex;
    margin-top: 1em;
    align-items: center;
}
.scllnk i.fa-window-restore {
    font-size: 1em;
    margin: 0 30px 0 5px;
}
.scllnk i {
    font-size: 1.4em;
    margin: 0 30px 0 0;
}
.scllnk i a:hover {
    text-decoration: none;
}