@charset "utf-8";



/* 一時保管 str ---- common_elementにいれる */

/* hr設定
--------------------------------------------------- */
hr{
  border-bottom: 1px solid rgba(0,0,0,0.2);
  color: transparent;
  margin: 2em auto;
  width: 75%;
}
/* 読みやすいようにページタイトル外部にグラデ */
body.PcView .PageTitle{
  box-shadow: 0 0 200px 200px rgba(255,255,255,0.85) !important;
}
/* 一時保管 end */


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Template                                      */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */





/* 画像表示設定（試作物）version 2016060801
--------------------------------------------------- */

    /* デフォルト */
    .Image img{
      width: 100%;
      height: auto;
    }
    /* 表示枠を埋める */
    .Image.Cover{
    
    }
    .Image.Cover img{
      max-width: none;
    }
    .Image.Cover img.Landscape{
      width: auto;
      height: 100%;
    }
    .Image.Cover img.Portrait{
      width: 100%;
      height: auto;
    }
    /* 全体を見せる */
    .Image.Contain{
    }
    .Image.Contain img.Landscape{
      width: 100%;
      height: auto;
    }
    .Image.Contain img.Portrait{
      width: auto;
      height: 100%;
    }
    /* フィット */
    .Image.Fit{
    
    }
    .Image.Fit img{
      width: 100%;
      height: 100%;
    }
    
    
/* SknTpl common
--------------------------------------------------- */
.SknTpl{
  margin: 20px 0;
}



/* ImageParagraph Template
--------------------------------------------------- */
.SknTplImageParagraph{
}
    /* ImageItem */
    .SknTplImageParagraph .ImageItem{
      width: 35%;
    }
    .SknTplImageParagraph .ImageItem .Caption{
      display: block;
      font-size: 75%;
      line-height: 1.25;
      display: block;
      margin: 0.5em 0 0;
      text-align: center;
    }
    .SknTplImageParagraph .ImageItem .Image{
      margin: 0;
      display: block;
      text-align: center;
    }
    .SknTplImageParagraph .ImageItem .Image img{
      width: 100%;
    }
    /* TextItem */
    .SknTplImageParagraph .TextItem{
      width: 62.5%;
    }
    .SknTplImageParagraph .TextItem .HeadingType1,
    .SknTplImageParagraph .TextItem .HeadingType2,
    .SknTplImageParagraph .TextItem .HeadingType3,
    .SknTplImageParagraph .TextItem .HeadingType4,
    .SknTplImageParagraph .TextItem .HeadingType5{
      margin-left: 0;
      margin-right: 0;
    }
    .SknTplImageParagraph .TextItem .HeadingType1:first-child,
    .SknTplImageParagraph .TextItem .HeadingType2:first-child,
    .SknTplImageParagraph .TextItem .HeadingType3:first-child,
    .SknTplImageParagraph .TextItem .HeadingType4:first-child,
    .SknTplImageParagraph .TextItem .HeadingType5:first-child{
      margin-top: 0;
    }
        /* 暫定処理 アーティストバンク用 */
        .ArtistProfile {
          margin: 30px 0 0;
        }
        .ArtistProfile .SknTplImageParagraph .ImageItem {
          width: 17.5%;
        }
        .ArtistProfile .SknTplImageParagraph .TextItem {
          width: 80%;
        }
    
    
    /* - - FullImage - - */
    .SknTplImageParagraph.FullImage{
    }
    .SknTplImageParagraph.FullImage .ImageItem{
      width: auto;
      margin-bottom: 1em;
    }
    .SknTplImageParagraph.FullImage .TextItem{
      width: auto;
    }
    /* - - LeftImage - - */
    .SknTplImageParagraph.LeftImage .ImageItem{
      float: left;
      margin-right: 10px;
    }
    .SknTplImageParagraph.LeftImage .TextItem{
      float: right;
    }
    /* - - RightImage - - */
    .SknTplImageParagraph.RightImage .ImageItem{
      float: right;
      margin-left: 10px;
    }
    .SknTplImageParagraph.RightImage .TextItem{
      float: left;
    }
/* ----------------- SpView ----------------- */

    /* - - for narrow display - - */
    @media screen and ( orientation: portrait ) {}
    
    /*500+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
      @media only screen and (max-width: 500px) {
      
        body .SknTplImageParagraph.RightImage .ImageItem,
        body .SknTplImageParagraph.LeftImage .ImageItem{
          float: none;
          width: auto;
          margin-bottom: 10px;
          padding: 0;
        }
        body .SknTplImageParagraph.RightImage .ImageItem .Image,
        body .SknTplImageParagraph.LeftImage .ImageItem .Image{
          text-align: center;
        }
        body .SknTplImageParagraph.RightImage .TextItem,
        body .SknTplImageParagraph.LeftImage .TextItem{
          float: none;
          width: auto;
        }
        
     }/*500++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
        



    
/* TextList Template
--------------------------------------------------- */
.SknTplTextList{
}
    /* - - ul - - */
    .SknTplTextList ul.TextList{
      list-style: none;
      margin: 0;
    }
    .SknTplTextList ul.TextList > li{
      padding: 0.5em 0;
      margin: 0;
      border-bottom: 1px dotted #ddd;
    }
    .SknTplTextList ul.TextList > li:first-child{
    }
    .SknTplTextList ul.TextList > li > a{
      margin: -0.25em 0;
      padding: 0.5em 0.5em 0.5em 2.5em;
      display: block;
      text-decoration: none;
      border-radius: 0.25em;
      position: relative;
    }
    .SknTplTextList ul.TextList > li > a > span.FontSizeSmall{
      /*display: none;*/
      display: block;
      padding: 0.25em;
      font-size: 75%;
      line-height: 1;
      opacity: 0.75;
    }
    .SknTplTextList ul.TextList > li > a:hover > span.FontSizeSmall{
    }
    .SknTplTextList ul.TextList > li > a:hover{
      text-decoration: none;
      background-color: #e5f9fe;
    }
    .SknTplTextList ul.TextList > li > a:before{
      color: #02c3cc;
      background: #0899ea;
      color: #fff;
      padding: 0.25em;
      font-size: 0.8em;
      width: auto;
      border-radius: 2em;
      vertical-align: middle;
      position: absolute;
      top: 50%;
      left: 0px;
      margin-top: -0.75em;
    }
    
    
    
/* TextButton Template
--------------------------------------------------- */
.SknTplTextButton{
}
    /* - - ul - - */
    .SknTplTextButton ul{
      font-size: 100%;
      list-style: none;
      text-align: center;
      margin: 0;
    }
    .SknTplTextButton li{
      margin: 0 2.5px;
      display: inline-block;
    }
/* DecoratedTable Template
--------------------------------------------------- */
.SknTplDecoratedTable{
}
    .SknTplDecoratedTable table{
      width: 100%;
      font-size: 87.5%;
      border-collapse: collapse;
      border: 1px solid #c6c6c6;
    }

    /* common */
    .SknTplDecoratedTable th,
    .SknTplDecoratedTable td{
      padding: .75em 10px;
      line-height: 1.5;
    }
    .SknTplDecoratedTable th{
      background: #ebebeb;
      font-weight: normal;
    }
    .SknTplDecoratedTable td{
      background: #fff;
    }
    
    /* thead */
    .SknTplDecoratedTable thead{
    
    }
    .SknTplDecoratedTable thead th{
      padding: 0.75em 0px;
      background: #2f4c8b;
      border-color: #2f4c8b;
      background: url(../img/common/decoration/heading_bg_blue.png) no-repeat 50% 50%;
      color: #fff;
      text-align: center;
      overflow: hidden;
      font-size: 75%;
    }
    .SknTplDecoratedTable thead th:first-child{
      width: 30%;
    }
    /* tbody */
    .SknTplDecoratedTable tbody{
    }
    .SknTplDecoratedTable thead  + tbody{
      border-top: none;
    }
    .SknTplDecoratedTable tbody th,
    .SknTplDecoratedTable tbody td{
      border: 1px solid #c6c6c6;
    }
    .SknTplDecoratedTable tbody th{
      text-align: left;
    }
    .SknTplDecoratedTable tbody > tr > th:not([width]){
      width: 25%;
    }
    .SknTplDecoratedTable tbody td{
    }
    .SknTplDecoratedTable tbody td + td{
      border-left: 1px solid #eee;
    }
    .SknTplDecoratedTable tbody td .HeadingType1,
    .SknTplDecoratedTable tbody td .HeadingType2,
    .SknTplDecoratedTable tbody td .HeadingType3,
    .SknTplDecoratedTable tbody td .HeadingType4 {
      margin-left: 0px;
      margin-right: 0px;
    }
    /* ----------------- SpView ----------------- */
    
    
    
    body .SknTplDecoratedTable{
    }
    
    /*500+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
      @media only screen and (max-width: 500px) {
      
        /* - - for narrow display - - */
        /*@media screen and ( orientation: portrait ) {*/
            body .SknTplDecoratedTable{
            }
            /* notScrollable */
            body .SknTplDecoratedTable{
            }
            body .SknTplDecoratedTable > :not([class*="Scrollable"]) thead th{
              display: none;
            }
            body .SknTplDecoratedTable > :not([class*="Scrollable"]) thead th:first-child:last-child{
              display: block;
            }
            body .SknTplDecoratedTable > :not([class*="Scrollable"]) tr,
            body .SknTplDecoratedTable > :not([class*="Scrollable"]) th,
            body .SknTplDecoratedTable > :not([class*="Scrollable"]) td{
              display: block;
              width: auto;
              border: none;
            }
            body .SknTplDecoratedTable > :not([class*="Scrollable"]) th{
              padding: 0.25em 10px;
              width: auto;
            }
            body .SknTplDecoratedTable > :not([class*="Scrollable"]) td{
              border: 1px solid #ddd;
            }
            body .SknTplDecoratedTable > :not([class*="Scrollable"]) tbody td + td{
              border-top: 1px dotted #c6c6c6;
            }
            body .SknTplDecoratedTable .NoDecoratedTable td{
              border: none!important;
            }
            
            /* Scrollable */
            body .Scrollable .SknTplDecoratedTable thead{
              display: table-header-group;
            }
            body .Scrollable .SknTplDecoratedTable thead th{
              display: table-cell;
            }
            body .Scrollable .SknTplDecoratedTable tr{
              display: table-row;
            }
            body .Scrollable .SknTplDecoratedTable th,
            body .Scrollable .SknTplDecoratedTable td{
              display: table-cell;
            }
        /*}*/
     }/*500++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
        
    /* - - ネスト用(SknTplDecoratedTable の内部にtableを入れた場合は極力装飾を外す) - - */
    .SknTplDecoratedTable table table,
    .SknTplDecoratedTable table table th,
    .SknTplDecoratedTable table table td,
    .SknTplDecoratedTable > table table th,
    .SknTplDecoratedTable > table table td{
      padding: 0!important;
      border: none!important;
      width: auto!important;
      background: none!important;
      font-size: 100%!important;
    }
    .SknTplDecoratedTable > table table td{
      padding-left: 2em!important;
    }
    
    
    
    /* - - inner list - - */
    .SknTplDecoratedTable ul,
    .SknTplDecoratedTable ol{
      margin: 1em 0px 2em 2em;
    }
    .SknTplDecoratedTable li ul ,
    .SknTplDecoratedTable li ol{
      margin: 0.25em 0 0.5em 1em;
    }



/* SknTplThumbnailList version 2016060801
--------------------------------------------------- */
.SknTplThumbnailList{
}
    .SknTplThumbnailList ul{
      list-style: none;
    }
    
    
    /* クラシックタイプ（Type をつけない） */
    .SknTplThumbnailList .ThumbnailList li > .inner{
      margin: 10px;
    }
    .SknTplThumbnailList .ThumbnailList li > .inner > a{
      display: block;
    }
    .SknTplThumbnailList .ThumbnailList li > .inner > a:hover{
      text-decoration: none;
    }
    .SknTplThumbnailList .ThumbnailList li > .inner > .Image{
      display: block;
      margin: 0 auto;
    }
    .SknTplThumbnailList .ThumbnailList li > .inner > .Label{
      font-size: 87.5%;
      line-height: 1.25;
      display: block;
      margin: 0.5em 0;
      text-align: left;
    }
    /* - - for narrow display - - */

    /* Type1 news type */
    .SknTplThumbnailList .ThumbnailList.Type1{
    }
        /* Thumbnail size */
        .SknTplThumbnailList .ThumbnailList.Type1 .ImageItem{
          width: 100px;
        }
        
        .SknTplThumbnailList .ThumbnailList.Type1 .ImageItem,
        .SknTplThumbnailList .ThumbnailList.Type1 .TextItem{
          height: 62px;
        }
        
        /* Thumbnail pos */
        .SknTplThumbnailList .ThumbnailList.Type1 .ImageItem{
          overflow: hidden;
          display: inline-block;
          vertical-align: middle;
          float: left;
        }
            .SknTplThumbnailList .ThumbnailList.Type1 .ImageItem p{
              height: 100%;
            }
            .SknTplThumbnailList .ThumbnailList.Type1 .ImageItem p .Image{
              display: block;
              height: 100%;
            }
        .SknTplThumbnailList .ThumbnailList.Type1 .TextItem{
          display: table-cell;
          vertical-align: middle;
          padding-left: 0.5em;
        }
            .SknTplThumbnailList .ThumbnailList.Type1 .TextItem .Title{
              font-weight: bold;
              margin: 0 0 0.5em;
            }
            .SknTplThumbnailList .ThumbnailList.Type1 .TextItem .Title:first-child:last-child{
            }
            .SknTplThumbnailList .ThumbnailList.Type1 .TextItem .Sub{
              font-size: 75%;
              
            }
        
        /* list style */
        .SknTplThumbnailList .ThumbnailList.Type1{
          list-style: none;
        }
        .SknTplThumbnailList .ThumbnailList.Type1 > li{
          padding: 0;
          line-height: 1;
          vertical-align: middle;
          border: 1px solid #ccc;
          border-bottom: none;
        }
        .SknTplThumbnailList .ThumbnailList.Type1 > li:last-child{
          border: 1px solid #ccc;
        }
        .SknTplThumbnailList .ThumbnailList.Type1 > li *{
          vertical-align: middle;
          text-align: left;
        }
        .SknTplThumbnailList .ThumbnailList.Type1 > li a{
          display: block;
          position: relative;
        }
        .SknTplThumbnailList .ThumbnailList.Type1 > li > .inner{
          padding: 5px;
        }
    /* Type2 gallery type */
    .SknTplThumbnailList .ThumbnailList.Type2{
    }
        .SknTplThumbnailList .ThumbnailList.Type2 li{
          float: left;
        }
        /* Thumbnail pos */
        .SknTplThumbnailList .ThumbnailList.Type2 .ImageItem{
          overflow: hidden;
          display: inline-block;
          vertical-align: middle;
        }
            .SknTplThumbnailList .ThumbnailList.Type2 .ImageItem p{
              height: 100%;
            }
            .SknTplThumbnailList .ThumbnailList.Type2 .ImageItem p .Image{
              display: block;
              height: 100%;
            }
        .SknTplThumbnailList .ThumbnailList.Type2 .TextItem{
          padding: 1em;
        }
            .SknTplThumbnailList .ThumbnailList.Type2 .TextItem .Title{
              font-weight: bold;
              margin: 0 0 0.5em;
            }
            .SknTplThumbnailList .ThumbnailList.Type2 .TextItem .Title:first-child:last-child{
            }
            .SknTplThumbnailList .ThumbnailList.Type2 .TextItem .Sub{
              font-size: 75%;
            }
        
        /* list style */
        .SknTplThumbnailList .ThumbnailList.Type2{
          list-style: none;
        }
        .SknTplThumbnailList .ThumbnailList.Type2 > li{
          padding: 0;
          line-height: 1;
          vertical-align: middle;
        }
        .SknTplThumbnailList .ThumbnailList.Type2 > li > .inner{
          border: 1px solid #ccc;
          margin: 5px;
        }
        .SknTplThumbnailList .ThumbnailList.Type2 > li a{
          display: block;
          position: relative;
        }
    
/* GetAdobeReader Template
--------------------------------------------------- */
.SknTplGetAdobeReader{
  background: #f0f0f0;
  padding: 20px 30px;
}
    .SknTplGetAdobeReader .Banner{
      margin: 0;
      float: left;
      width: 125px;
    }
    .SknTplGetAdobeReader .Text{
      margin: 0 0 0 135px;
      font-size: 75%;
      line-height: 1.25;
      text-align: justify;
      color: #555;
    }
    /* ----------------- SpView ----------------- */
    /* - - for narrow display - - */
    @media screen and ( orientation: portrait ) {
    
    }    
    /*500+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
      @media only screen and (max-width: 500px) {
    
        body .SknTplGetAdobeReader{
          padding: 10px;
        }
        body .SknTplGetAdobeReader .Banner{
          width: 75px;
        }
        body .SknTplGetAdobeReader .Banner img{
        }
        body .SknTplGetAdobeReader .Text{
          margin: 0;
          margin: 0 0 0 85px;
          font-size: 50%;
        }
        
     }/*500++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

    
/* SknTplFaq version 2016060901
--------------------------------------------------- */
.SknTplFaq {
}
    .SknTplFaq > .inner {
      padding: 30px;
      background: #f0f0f0;
      border-radius: 0.5em;
    }
    /* common */
    .SknTplFaq > .inner > .QuestionText,
    .SknTplFaq > .inner > .AnswerText {
      position: relative;
      padding-left: 30px;
    }
    .SknTplFaq > .inner > .QuestionText::before,
    .SknTplFaq > .inner > .AnswerText::before {
      position: absolute;
      top: 0px;
      left: 0px;
      font-family: 'Century Gothic';
      font-weight: normal;
    }
    
    
    
    /* question */
    .SknTplFaq > .inner > .QuestionText {
      font-weight: bold;
      font-size: 100%;
      margin: 0 0 1em;
    }
    .SknTplFaq > .inner > .QuestionText::before {
      content: "Q:";
      color: #233e75;
    }
    /* answer */
    .SknTplFaq > .inner > .AnswerText {
      font-size: 87.5%;
      margin-left: 40px;
    }
    .SknTplFaq > .inner > .AnswerText::before {
      content: "A:";
      color: #cc2262;
    }





/* SknTplEmbedVideo version 2016060801
--------------------------------------------------- */
.SknTplEmbedVideo {
}
    .SknTplEmbedVideo > .inner{
      padding: 30px;
    }
    .SknTplEmbedVideo > .inner > .code {
      position: relative;
      width: 100%;
      padding-top: 56.25%;
    }
    .SknTplEmbedVideo > .inner > .code > iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important;
    }
/* SknTplEmbedGoogleMaps version 2016060801
--------------------------------------------------- */
.SknTplEmbedGoogleMaps {
}
    .SknTplEmbedGoogleMaps > .inner {
      padding: 30px;
    }
    .SknTplEmbedGoogleMaps > .inner > .code {
      position: relative;
      width: 100%;
      padding-top: 56.25%;
    }
    .SknTplEmbedGoogleMaps > .inner > .code > iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important;
    }