@charset 'utf-8';

/* 大阪城ホール公演詳細
--------------------------------------- */
#main{
  padding:70px 0;
  background-color:rgba(4,22,58,0.7);
  background-color:#edf4f8;
}
@media screen and (max-width:750px){
  #footer{padding-bottom:0;}
}/*
.detail-oosaka .inner{color:#fff;}*/
.detail-oosaka .block{/*
  width:840px;*/
  margin:0 auto 70px;
  text-align:left;
}
.detail-oosaka .block:last-of-type{margin-bottom:0;}
.detail-oosaka .hd3{
  margin-bottom:20px;
  font-size:1.17em;
  font-weight:600;
}
.detail-oosaka .hd3 .small{font-size:0.854em;}
.detail-oosaka .dtl{}
.detail-oosaka .dtl .link a{text-decoration:underline;transition:color 300ms}
.detail-oosaka .dtl .link a:hover{color:rgba(4,22,58,0.7);}
/*
.detail-oosaka .dtl .link a.outer{
  padding-right: 20px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-external-link%22%3E%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2215%203%2021%203%2021%209%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2210%22%20y1%3D%2214%22%20x2%3D%2221%22%20y2%3D%223%22%3E%3C%2Fline%3E%3C%2Fsvg%3E');
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: right center;
}
.detail-oosaka .dtl .link a:hover {
  color:rgba(4,22,58,0.7);
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23B99b00%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-external-link%22%3E%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2215%203%2021%203%2021%209%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2210%22%20y1%3D%2214%22%20x2%3D%2221%22%20y2%3D%223%22%3E%3C%2Fline%3E%3C%2Fsvg%3E');
}
*/
.detail-oosaka .dtl .note{
  font-size:0.933em;
  padding-left:1.0em;
  text-indent:-1.0em;
}
.detail-oosaka .dtl .date{
  font-weight:600;
}
.detail-oosaka .dtl .info{
  margin-bottom:20px;
}
.detail-oosaka .dtl .gougai{margin-top:120px;}
.detail-oosaka .dtl .gougai a{
  display:flex;
  justify-content:center;
  align-items:center;
  height:3.0em;
  font-weight:600;
  background-color:#fff;
  border:1px solid #000;
  transition:background-color 300ms;
}
.detail-oosaka .dtl .gougai a:hover{
  background-color:rgba(4,22,58,0.2);
}
.detail-oosaka .members{}
.detail-oosaka .members .hd3{
  margin-bottom:0;
}
.detail-oosaka .members .small{font-size:0.854em;}
.detail-oosaka .wrap-members{margin-top:30px;}
.detail-oosaka .members .group{
  width:100%;
  margin:0 auto 40px;
}
.detail-oosaka .members .group .box{
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  gap:20px
}
.detail-oosaka .members .group .instrument{
  margin-bottom:10px;
  font-weight:600;
}
.detail-oosaka .members .group .member{
  width:230px;
  text-align:center;
}
.detail-oosaka .members .group .member a{
  display:block;
}
.detail-oosaka .members .group .member a .img{
  width:100%;
  height:315px;
  overflow:hidden;
}
.detail-oosaka .members .group .member a img{
  transition:all 300ms ease-in-out;
}
.detail-oosaka .members .group .member a:hover img{
  transform:scale(1.2);
}
@media screen and (max-width:1000px){
  .detail-oosaka .members .group .member{width:calc(25% - 20px);}
  .detail-oosaka .members .group .member a .img{height:30vw;}
}
@media screen and (max-width:750px){
  .detail-oosaka .block{
    width:100%;
  }
  .detail-oosaka .dtl .link a{transition:none}
  .detail-oosaka .dtl .link a:hover{color:#000;}
  .detail-oosaka .dtl .info{margin-bottom:30px;}
  .detail-oosaka .dtl .gougai a{transition:none;}
  .detail-oosaka .dtl .gougai a:hover{background-color:fff;}
  .detail-oosaka .members .group .box{
    flex-wrap: wrap;
    gap:45px;
  }
  .detail-oosaka .members .group .member{
    width:320px;/*322*/
  }
  .detail-oosaka .members .group .member a .img{
    width:100%;
    height:auto;
    margin-bottom:5px;
  }
  .detail-oosaka .members .group .member a img{
    transition:none;
  }
  .detail-oosaka .members .group .member a:hover img{
    transform:scale(1);
  }
}

/* モーダル プロフィール
--------------------------------------- */
body.modal{
  background-color:#fff;
}
.window{
  position:relative;
  width:100%;
}
.window .hd{
  width:90%;
  margin:auto;
  border-bottom:1px solid #04163a;
}
.window .hd .mi{
  padding:12px 0;
  font-size:24px;
  font-weight:600;
  text-align:center;
}
.window .prof{
  min-height:410px;
  min-height:550px;
  padding:20px 40px 20px;
}
.window .prof .name{
  margin-bottom:10px;
  font-size:24px;
}
.window .prof .name span{
  margin-left:0.5em;
  font-size:18px;
}
.window .prof .dtl{
  margin-bottom:16px;
}
.window .prof .link a{}
.window .prof .link a:hover{text-decoration:underline;}
.window .ft{}
.window .ft .close{text-align:center;}
.window .ft .close a{
  display:inline-block;
  padding:4px 30px;
  font-size:21px;
  color:#04163a;
  background-color:rgba(4,22,58,0.2);
  border-radius:3px;
  transition:color 300ms, background-color 300ms;
}
.window .ft .close a:hover{color:#fff;background-color:rgba(4,22,58,0.7);}
@media screen and (max-width:750px){
  .window .hd .mi{font-size:36px;}
  .window .prof .name{font-size:36px;}
  .window .prof .name span{font-size:28px;}
  .window .ft .close a{font-size:32px;}
  .window .prof{min-height:auto;padding-bottom:70px;}
  .window .prof .dtl,
  .window .ft{margin-bottom:40px;}
  .window .ft .close a{padding:8px 50px;}
}