@charset "utf-8";

/*Block上書き*/
.World .PageBlock .MainImage {
  border: 0px solid #ddd;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0px;
  font-size: 130%;
  text-align: center;
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ● チャンネル専用CSS                                  */
/*    ・ページ固有の処理を記述                             */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.GotoLogInMessage .DecoratedBox{
  max-width:975px;
  width:80%;
}
.GotoLogInMessage .ButtonItem.ListBack{
  display:inline-block;
  margin-top: 10px;
}

.GotoLogInMessage .ButtonItem.ListBack .ButtonHistry {
  padding: 2px 15px 2px 12px;
  background: #00a0e9;
  border-radius: 5px;
  color: #fff;
  margin-bottom: 10px;
  font-size: 1.2rem;

}
.GotoLogInMessage .DecoratedBox{
  position:relative;
  box-shadow: 1em 1em 0 rgba(84, 153, 153, 0.15);
}

.GotoLogInMessage .DecoratedBox .inner{
  padding: 10px 15px;
}
          /* + + + + + /レスポンシブ + + + + +  */
          body.rsbp-under-bp2 .GotoLogInMessage .DecoratedBox .inner p{
            text-align:left;
          }
          body.rsbp-under-bp2 .GotoLogInMessage .DecoratedBox .inner p br{
            display:none;
          }
          

body.rsbp-over-bp2 .Container {
  min-width: 1200px;
  margin: 0 auto;
  max-width: 1920px;
}

body.rsbp-under-bp2 .MainContentsArea {
  padding: 0px 0px 0;
}
body.rsbp-under-bp3 .MainContentsArea {
  padding: 0px 0px 0;
}

body.rsbp-under-bp2 .FooterMenuBlock{
  padding: 0px 0px 0;
}

body.rsbp-over-bp3 .PageTitle{
  margin-bottom:0;
}
body.rsbp-under-bp3 .PageTitle{
  margin-bottom:0;
}
.DefaultBlock.ChannelBlock{
  padding:0;
}



.PageBlock{
  margin:0;

}
.PageBlock .DefaultArea{
  width:100%;
}
.PageBlock .DefaultArea .inner{
  margin:0 auto;
}
.PageBlock .DefaultArea .inner .DefaultBlock{
  font-size:90%;
  /*background: url(../img/top/title_channel_page.png) no-repeat top center;
  background-size: 1300px auto;*/

}
.PageBlock .DefaultBlock .BlockHeader{
  margin-top:30px;
}
          /* + + + + + /レスポンシブ + + + + +  */
          body.rsbp-under-bp2 .PageBlock .DefaultBlock{
            padding-top:0;
          }
          body.rsbp-under-bp2 .PageBlock .DefaultBlock .BlockHeader{
            margin-top:0;
            padding: 20px;
          }


.ChannelBlock .BlockContents .Paragraph.MainImageParagraph{
  padding-top:0;
  background:#fefefe;
}
.ChannelBlock .BlockContents .Paragraph .ParagraphHeader.MainImageItem{
  position:relative;
  padding-top:0!important;
}

.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .CannelPageTitle{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  text-align:center;
  padding:40px 390px 15px 90px;
}
.ChannelBlock .BlockContents .Paragraph .ParagraphHeader.SelectPage .CannelPageTitle{
  position:static; 
  text-align:left;
  padding: 15px 0 15px 100px;
}

.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .CannelPageTitle .Coment{
  font-size:1.15rem;
  line-height:1.7;
  color:#fff;
  text-align:left;
}
.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .CannelPageTitle .Coment .unit1{
  max-width:790px;
}
.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .CannelPageTitle .Coment .unit2{
  max-width:710px;
}
.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .FloatComment2{
  position:absolute;
  left:90px;
  bottom:25px;
  width:700px;
  color:#fff;
}

.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .FloatComment2 .ChannelAr{
  
  text-align:left;
  margin:10px auto 2px auto;
  max-width:900px;
  margin-top:1.3em;
}
.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .FloatComment2 .ChannelArList{
  text-align:left;
  margin:2px auto 10px auto;
}
.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .FloatComment2 .ChannelArList li{
  text-align:left;
  margin-left:1.8rem;
}
.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .CannelPageTitle .Main{
  margin:20px 0 20px 0;
}
.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .CannelPageTitle .Main img{
  max-width:1500px;
}
.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .CannelPageTitle .Sub{
  margin:50px 20px 20px;
}
.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .CannelPageTitle .Sub img{
  max-width:800px;
}








.PageBlock .DefaultBlock .BlockHeader .Heading{
  position:relative;
}

.PageBlock .DefaultBlock .BlockHeader .Heading .Main{
  margin:30px 0;
}
.PageBlock .DefaultBlock .BlockHeader .Heading .FreeIcon{
  position:absolute;
  top:0px;
  right:0;
  display:inline-block;
  vertical-align:middle;
}
.PageBlock .DefaultBlock .BlockHeader .Heading .FreeIcon img{
  width:180px;
}

.PageBlock .DefaultBlock .BlockHeader .Heading .Sub{
  margin:30px 0;
}

.DefaultBlock .TypeMiddlesize.DefaultText{
  font-size:90%;
  line-height:1.5;
}




          /* + + + + + /レスポンシブ + + + + +  */
          body.rsbp-under-bp2 .PageBlock .DefaultBlock .BlockHeader{
            padding:10px;
            margin-bottom:0px!important;
          }
          body.rsbp-under-bp2 .PageBlock .DefaultBlock .MainImage{
            height:35vw;
            width:100%;
            overflow:hidden;
          }
          body.rsbp-under-bp2 .PageBlock .DefaultBlock .MainImage img{
            margin:-14vw 0;
          }
          body.rsbp-under-bp2 .ChannelBlock .BlockContents .Paragraph.MainImageParagraph{
            padding-top:0;
          }
          
          body.rsbp-under-bp2 .ChannelBlock .BlockContents .Paragraph .ParagraphHeader .CannelPageTitle{
            position:static;
            left:auto;
            bottom:auto;
            width:100%;
            text-align:left;
            padding:20px;
            color:#222;
            line-height:1.7;
          }

          body.rsbp-under-bp2 .ChannelBlock .BlockContents .Paragraph .ParagraphHeader .CannelPageTitle .FloatComment{
            font-size:90%;
            line-height:1.5;
            color:#222;
            text-align:left;
            margin:0!important;
          }
          body.rsbp-under-bp2 .ChannelBlock .BlockContents .Paragraph .ParagraphHeader .FloatComment2{
            position:static;
            left:auto;
            bottom:auto;
            width:auto;
            color:#222;
            margin:10px;
            padding:10px;
            background:#f5f5f5;
            font-size:90%;
          }
          
          body.rsbp-under-bp2 .PageBlock .DefaultBlock .BlockHeader .Heading .FreeIcon{
            position:static;
            display:block;
            text-align:right;
            margin:0!important;
          }
          body.rsbp-under-bp2 .PageBlock .DefaultBlock .BlockHeader .Heading .Main{
            margin:20px 0;
          }
          body.rsbp-under-bp2 .PageBlock .DefaultBlock .BlockHeader .Heading .Sub{
            margin:10px 0;
          }
          
          body.rsbp-under-bp2 .DefaultArea.ChannelArea .Paragraph .ParagraphHeader{
            position: -webkit-sticky; /* safari対応 */
            position: sticky;
            top: 65px;/* 上端から10pxのところで固定 */
          }
          body.rsbp-under-bp2 .DefaultArea.ChannelArea .Paragraph .ParagraphHeader.MainImageItem{
            background:#fff!important;
          }



body.rsbp-over-bp2.ChannelPage .Container {
  min-width: 1200px;
  margin: 0 auto;
  max-width: 1300px;

  
}

.ChannelBlock .BlockContents .Paragraph .ParagraphHeader{

}
.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .Paragraph.Category1{
  

}

.ChannelBlock .BlockContents .Paragraph.Category1 .ParagraphHeader{
  
  
}
.ChannelBlock .BlockContents .Paragraph.ReadOnly .ParagraphHeader{
  
  
}






          /* + + + + + /レスポンシブ + + + + +  */
          body.rsbp-under-bp2 .ChannelBlock .BlockContents .Paragraph.Category1 .ParagraphHeader{
            
          }
          






          /* + + + + + /レスポンシブ + + + + +  */
          body.rsbp-under-bp2 .ChannelBlock .BlockContents .Paragraph .ParagraphHeader .CannelPageTitle{
            text-align:left;
            padding:15px 20px 15px 40px;
          }
          body.rsbp-under-bp2 .ChannelBlock .BlockContents .Paragraph .ParagraphHeader .CannelPageTitle.Category-1{
            
          }


          body.rsbp-under-bp2 .ChannelBlock .BlockContents .Paragraph.ReadOnly .ParagraphHeader{
           
          }
          body.rsbp-under-bp2 .ChannelBlock .BlockContents .Paragraph.ReadOnly .ParagraphHeader .CannelPageTitle.Category-1{
            background:none;
          }
          
          



/*カテゴリー*/
.ChannelBlock .BlockContents{
  background:#666565;
}
.ChannelBlock .BlockContents .Paragraph{
  padding-top:20px;
}
.ChannelBlock .BlockContents .Paragraph .ParagraphHeader{

}

.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .Heading {
  padding:0 0 20px 0;
  background:#4e5256;
  margin:0 auto;
  width:100%;
  max-width:1100px;
  position:relative;
}
.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .Heading::before{
  content: "";
  position:absolute;
  bottom:0px;
  height:20px;
  width:60px;
  left:0;
  background:#fff;
}
.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .Heading::after{
  content: "";
  position:absolute;
  bottom:0px;
  height:20px;
  right:0;
  background:#1eb9ee;
  display:inline-block;
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
}


.ChannelBlock .BlockContents .Paragraph.Category10 .ParagraphHeader .Heading::after{
  background:#c18a63;
}
.ChannelBlock .BlockContents .Paragraph.Category11 .ParagraphHeader .Heading::after{
  background:#ed86b5;
}
.ChannelBlock .BlockContents .Paragraph.Category12 .ParagraphHeader .Heading::after{
  background:#88c997;
}
.ChannelBlock .BlockContents .Paragraph.Category13 .ParagraphHeader .Heading::after{
  background:#6fac7d;
}
.ChannelBlock .BlockContents .Paragraph.Category14 .ParagraphHeader .Heading::after{
  background:#f39950;
}
.ChannelBlock .BlockContents .Paragraph.Category15 .ParagraphHeader .Heading::after{
  background:#1f955b;
}
.ChannelBlock .BlockContents .Paragraph.Category16 .ParagraphHeader .Heading::after{
  background:#ff0000;
}

.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .Heading .PcItem{
  max-width:1100px;
  margin:0 auto;
}
.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .Heading .PcItem img{
  vertical-align:middle;

}
.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .Heading .PcItem .SelectButton{
  display:inline-block;
  cursor:pointer;
  vertical-align:middle;
  padding-top: 10px;
}
.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .Heading .PcItem .SelectButton span{
  color:#fff;
  border:1px solid #fff;
  border-radius:5px;
  background:rgba(255,255,255,0.1);
  padding:2px 15px;
  display:inline-block;
  vertical-align:middle;
}
.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .Heading a:hover .SelectButton span{
  background:rgba(255,255,255,0.3);
}

.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .Heading .SpItem{
  
}
.ChannelBlock .BlockContents .Paragraph .ParagraphHeader .Heading .SpItem img{
  vertical-align:middle;
}
            /* + + + + + /レスポンシブ + + + + +  */
            body.rsbp-under-bp2 .ChannelBlock .BlockContents .Paragraph .ParagraphHeader .Heading .SpItem .SelectButton{
              display:inline-block;
              cursor:pointer;
              vertical-align:middle;
              padding-top: 10px;
            }
            body.rsbp-under-bp2 .ChannelBlock .BlockContents .Paragraph .ParagraphHeader .Heading .SpItem .SelectButton span{
              color:#fff;
              border:1px solid #fff;
              border-radius:5px;
              background:rgba(255,255,255,0.2);
              padding:2px 5px;
              display:inline-block;
              vertical-align:middle;
            }
            body.rsbp-under-bp2 .ChannelBlock .BlockContents .Paragraph .ParagraphHeader .Heading img{
              width:240px;
            }


/*300+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 320px) {

            body.rsbp-under-bp3 .ChannelBlock .BlockContents .Paragraph .ParagraphHeader .Heading img{
              
            }

                                                       
}/*300++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/





          /* + + + + + /レスポンシブ + + + + +  */
          body.rsbp-under-bp2 .ChannelBlock .BlockContents .Paragraph{
            padding: 10px;
          }
          body.rsbp-under-bp2 .ChannelBlock .BlockContents .Paragraph.MainImageParagraph{
            padding:0;
          }
          body.rsbp-under-bp2 .ChannelBlock .BlockContents .Paragraph .ParagraphHeader .Heading {
            
          }


          body.rsbp-under-bp2 .ChannelBlock .BlockContents .Paragraph .ParagraphHeader .Heading {
            padding:0 0 15px 0;
            background:#4e5256;
            margin:0 auto;
            width:100%;
            max-width:1100px;
            position:relative;
          }
          body.rsbp-under-bp2 .ChannelBlock .BlockContents .Paragraph .ParagraphHeader .Heading::before{
            content: "";
            position:absolute;
            bottom:0px;
            height:15px;
            width:48.979px;
            left:0;
            background:#fff;
          }
          body.rsbp-under-bp2 .ChannelBlock .BlockContents .Paragraph .ParagraphHeader .Heading::after{
            content: "";
            position:absolute;
            bottom:0px;
            height:15px;
            right:0;
            display:inline-block;
            width: -webkit-calc(100% - 48.979px);
            width: calc(100% - 48.979px);
          }





          body.rsbp-under-bp2  .ChannelBlock .BlockContents .Paragraph .ParagraphHeader .CannelPageTitle .Main{
            margin:20px 0;
          }
          body.rsbp-under-bp2  .ChannelBlock .BlockContents .Paragraph .ParagraphHeader .CannelPageTitle .Main img{
            max-width:100%;
          }
          body.rsbp-under-bp2  .ChannelBlock .BlockContents .Paragraph .ParagraphHeader .CannelPageTitle .Sub{
            margin:20px;
          }
          body.rsbp-under-bp2  .ChannelBlock .BlockContents .Paragraph .ParagraphHeader .CannelPageTitle .Sub img{
            max-width:100%;
          }
          body.rsbp-under-bp2 .ChannelBlock .BlockContents .Paragraph .ParagraphHeader .CannelPageTitle .Coment{
            margin:20px auto 5px auto;
            font-size:1.5rem;
            
            text-align:left;
            font-size:1.0rem;
            padding:0 5px;
          }
          body.rsbp-under-bp2 .ChannelBlock .BlockContents .Paragraph .ParagraphHeader .CannelPageTitle .Coment br{
            display:none;
          }
          
          
          

.ChannelBlock .BlockContents .Paragraph .ParagraphContents{
  background:#666565;
}
.ChannelBlock .BlockContents .Paragraph .ParagraphContents .SknTplThumbnailList{
  display:block;
  margin:0 auto; 
  max-width:1100px;
  padding:25px 5px;
}
.ChannelBlock .BlockContents .Paragraph .ParagraphContents .SknTplThumbnailList .ColumnGroup{}


.ChannelBlock .BlockContents .Paragraph .ParagraphContents .SknTplThumbnailList .ColumnGroup li{
  

}
.ChannelBlock .BlockContents .Paragraph .ParagraphContents .SknTplThumbnailList .ColumnGroup li .ImageItem{
  text-align:center;
}
.ChannelBlock .BlockContents .Paragraph .ParagraphContents .SknTplThumbnailList .ColumnGroup li .ImageItem iframe{
  width:275px;
  height:168px;
  width:260px;
  height:146px;
}
.ChannelBlock .BlockContents .Paragraph .ParagraphContents .SknTplThumbnailList .ColumnGroup li .Caption{
  color:#fff;
  font-size:90%;
  width:275px;
  width:260px;
  display:block;
  margin:0 auto;
  overflow:hidden;
  min-height:3em;
}


          /* + + + + + /レスポンシブ + + + + +  */
          body.rsbp-under-bp2 .ChannelBlock .BlockContents .Paragraph .ParagraphContents .SknTplThumbnailList .ColumnGroup li{
            width:100%;
            float:none;
          }
          body.rsbp-over-bp2 .ChannelBlock .BlockContents .Paragraph .ParagraphContents .SknTplThumbnailList .ColumnGroup li .Caption{
            height:3em;
            overflow:hidden;
          }
          body.rsbp-under-bp2 .ChannelBlock .BlockContents .Paragraph .ParagraphContents .SknTplThumbnailList .ColumnGroup li .Caption{
            white-space:normal;
            overflow:visible;
          }