@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ● トップページ専用CSS                                  */
/*    ・ページ固有の処理を記述                             */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body{
  text-align: center;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
body.PcView{
/*  text-align: center;
  overflow-wrap: break-word;
  word-wrap: break-word;
  margin: 0 auto;
  min-width: 320px;
  width:100%;
  margin:0 auto;*/
}

body.PcView.DefaultView {
  background-image: url(../img/common/decoration/top_main_bg.jpg);
}
body.SpView {
  background-image: url(../img/common/decoration/top_main_bg.jpg);
  background-position:50% -260px;
  background-size: auto 105%;
}

       #Deco{
         /*background: #005629 url(../img/common/decoration/bg_head_deco.png)repeat-x top center;*/
        box-shadow:none!important;
       }


/* --------------------------------------------------- */
/* MainImageBlock                                      */
/* メイン画像用ブロック                                */
/* --------------------------------------------------- */

/* MainImageBlock
--------------------------------------------------- */
.MainImageBlock{
  margin-top:20px;
  margin-bottom:20px;
  border:0px solid #fff;
}

.MainImageBlock > .BlockContents{
  position:relative;
}
.MainImageBlock .BlockContents .SiteConceptItem{
  position:absolute;
  bottom:0px;
  width:100%;
  border:0px solid #fff;
}
.MainImageBlock .BlockContents .SiteConceptItem .SiteConceptParagraph{
  width:580px;
  width:650px;
  height:137px;
  position:relative;
  margin:0 auto;
}
.MainImageBlock .BlockContents .SiteConceptItem .SiteConceptParagraph .ParagraphHeader{
  position:absolute;
  right:-75px;
  right:-5px;
  top:-50px;
}
.MainImageBlock .BlockContents .SiteConceptItem .SiteConceptParagraph .ParagraphHeader a:hover h2{
  background:#fff;
  border-radius:100%;
}
/*コメント*/
.MainImageBlock .BlockContents .SiteConceptItem .SiteConceptParagraph .ParagraphContents{
  width:580px;
  margin-right:70px;
  height:137px;
  background:  url(../img/common/decoration/siteconcepiItem.png)no-repeat 0 0px;
}
.MainImageBlock .BlockContents .SiteConceptItem .SiteConceptParagraph .ParagraphContents .ConceptText{
  padding-top:25px;
}
.MainImageBlock .BlockContents .SiteConceptItem .SiteConceptParagraph .ParagraphContents .ConceptText > span{
  margin:0 14% 0 30%;
  display:block;
  overflow-y:auto;
  height:95px;
  color:#fff;
  line-height:1.85;
  letter-spacing:0.15em;
  font-size:1rem;
}

.MainImageBlock .MainTitleItem{
  padding:200px 50px 300px;
  display: block;
}
.MainImageBlock .MainTitleItem span{

}
.MainImageBlock .MainTitleItem span img{
  width:100%;
  height:auto;
}
/*写真キャプション*/
.MainImageBlock .PhotoCaption{
  position:absolute;
  bottom:0;
  right:50px;
  color:#fff;
}
.MainImageBlock .PhotoCaption span{
  text-shadow: 0 0.04em 0.3em rgba(0,0,0,0.8),0 0.04em 0.3em rgba(0,0,0,0.5);
}

/* --------------------------------------------------- */
/* トップページ 表示コンテンツ用                       */
/* --------------------------------------------------- */


/* bxslider を上書き
--------------------------------------------------- */
.MainImageBlock .bx-wrapper{
  margin: 0 auto;
}
    .MainImageBlock .bx-wrapper .bx-viewport{
      border: none;
      background: none;
      box-shadow: none;
      left: auto;
    }
    .MainImageBlock .bx-wrapper .bx-pager,
    .MainImageBlock .bx-wrapper .bx-controls-auto {
      bottom: 0;
      padding: 2vw 0;
      background: rgba(15,15,15,0.9);
    }
    .MainImageBlock .bx-wrapper .bx-pager.bx-default-pager{
    }
    .MainImageBlock .bx-wrapper .bx-pager.bx-default-pager a {
      margin: 0 1.25vw;
      position: relative;
      z-index: 100;
      width: 1vw;;
      height: 1vw;
      border-radius: 100%;
    }
    .MainImageBlock .bx-wrapper .bx-pager.bx-default-pager a:hover {
      background: #fff;
    }
    .MainImageBlock .bx-wrapper .bx-pager.bx-default-pager a.active {
      background: #ff3264;
      -webkit-transform: scale(2);
              transform: scale(2);
    }
        /* + + + + + レスポンシブ + + + + +  */
        body.rsbp-under-bp3 .MainImageBlock .bx-wrapper .bx-pager,
        body.rsbp-under-bp3 .MainImageBlock .bx-wrapper .bx-controls-auto {
          position: static;
        }
        /* + + + + + /レスポンシブ + + + + +  */
        
        

#ContentsDivision{
  background:none;
}

.Container {
  background: none;
  border-radius: 0;
  text-shadow: none;
  box-shadow: none;
}


        /* + + + + + レスポンシブ + + + + +  */
        body.rsbp-under-bp1 .MainContentsArea{
          margin:10px 0 50px;
        }
        body.rsbp-under-bp1 .ScheduleBlock .ColumnGroup > .Column > .inner .ImageItem > p {
          height: 180px;
          overflow: hidden;
        }
        /* + + + + + /レスポンシブ + + + + +  */
        


.InformationBlock{
  margin:20px 0 40px 0;
  background: rgba(255,255,255,0.95);
  border-radius: 2px;
  text-shadow: 0 0.04em 0.18em rgba(0,0,0,0.2);
  box-shadow: 0 0.04em 0.18em rgba(0,0,0,0.4),0 0.04em 0.3em rgba(0,0,0,0.3);
}
.InformationBlock > .inner{
  padding:15px;
}
.InformationBlock table th.BlockHeader{
  width:200px;
  background:#0092cc;
  margin-right:15px;
  display: table-cell;
  text-align:center;
}

.InformationBlock table.InformationTable{
  width:100%;
}
.InformationBlock table th.BlockHeader span{
  color:#fff;
  margin: 0;
  display:inline-block;
  font-size:1.5rem;
  font-size:200%;
  letter-spacing:0.3rem;
  font-weight:normal;
}
.InformationBlock table td.BlockContents{
  
}
.InformationBlock table td.BlockContents > .inner{
  padding-left:20px;
}
.InformationBlock .BlockContents ul{
  list-style:none;
}
.InformationBlock .BlockContents ul li{
  border-bottom:1px dotted #ccc;
}
.InformationBlock .BlockContents ul li:last-child{
  border:none;
}
.InformationBlock .BlockContents ul li a{
  display: block;
  padding:5px;
  color:#222;
  -webkit-transition: color .2s, padding .2s , height .2s;
  transition: color .2s, padding .2s , height .2s;

}
.InformationBlock .BlockContents ul li .inner{
  padding:5px;
}
.InformationBlock .BlockContents ul li a:hover{
  background: #222;
  color: #fff;
  -webkit-transition: color .2s, padding .2s , height .2s;
  transition: color .2s, padding .2s , height .2s;

}
.InformationBlock .BlockContents ul li p{
  font-size:86.5%;
}
.InformationBlock .BlockContents ul li .Date{
  font-size:0.8rem;
  margin:0.3em 0 0.3em;
}
.InformationBlock .BlockContents ul li .Title{
  font-size:1.2rem;
  font-weight:normal;
}
.InformationBlock .BlockContents ul li a .Title{
  color:#0092cc;
  -webkit-transition: color .2s, padding .2s , height .2s;
  transition: color .2s, padding .2s , height .2s;

}
.InformationBlock .BlockContents ul li a:hover .Title{
  color:#fff;
  -webkit-transition: color .2s, padding .2s , height .2s;
  transition: color .2s, padding .2s , height .2s;
}





/*年間の行事**/
.ScheduleArea{}
.ScheduleBlock{
  margin:40px 0;
  background: rgba(255,255,255,0.95);
  border-radius: 2px;
  text-shadow: 0 0.04em 0.18em rgba(0,0,0,0.2);
  box-shadow: 0 0.04em 0.18em rgba(0,0,0,0.4),0 0.04em 0.3em rgba(0,0,0,0.3);
}

.ScheduleBlock .BlockHeader{
  position:relative;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f9fc+0,ddf7fd+50,ccf5fd+100 */
  background: rgb(241,249,252); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(241,249,252,1) 0%, rgba(221,247,253,1) 50%, rgba(204,245,253,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(241,249,252,1) 0%,rgba(221,247,253,1) 50%,rgba(204,245,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(241,249,252,1) 0%,rgba(221,247,253,1) 50%,rgba(204,245,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f9fc', endColorstr='#ccf5fd',GradientType=0 ); /* IE6-9 */
  height:130px;
  padding-top:45px;
  text-align:center;
}
.ScheduleBlock .BlockHeader > .Heading{
  display:inline-block;
  font-size:200%;
  color:#0092cc;
  font-weight:400;
  letter-spacing:0.25em;
}

.ScheduleBlock .ColumnGroup .Column .Caption.Contents{
  margin-top:2px;
}



/*活動報告ボタン*/
.ReportButtonItem{
  position:absolute;
  top:50px;
  right:15px;

}
.ReportButtonItem .Button{
  background:#fff;
  border-radius:30px;
  box-shadow: 0 0.04em 0.18em rgba(48,118,183,0.4),0 0.04em 0.3em rgba(48,118,183,0.1);
}
.ReportButtonItem .Button a{
  color:#0091cb;
  display:block;
  padding:1px 20px 1px 1px;
  line-height:1.4;
  font-size:120%;
}
.ReportButtonItem .Button a > span{
  vertical-align: middle;
}
.ReportButtonItem .Button a > span.Title{
  margin-left:5px;
}
.ReportButtonItem .Button a > .Icon::before{
  font-size:200%;
}
.ReportButtonItem .Button a:hover{
  background:#0091cb;
  color:#fff;
}

.ScheduleBlock .BlockContents{
  margin:15px 15px 25px 15px;
}
.ScheduleBlock .BlockContents .SknTplThumbnailList .ColumnGroup .Column{
  

}
.ScheduleBlock .ColumnGroup > .Column > .inner {
    padding: 1px;
}
.ScheduleBlock .ColumnGroup > .Column > .inner .ImageItem > p{
  height:200px;
  overflow:hidden;
}
.ScheduleBlock .ColumnGroup > .Column > .inner .ImageItem > p img.Landscape{
  height:100%;
  width:auto;
  max-width:500px;
  margin-left: -8%;
}
.ScheduleBlock .ColumnGroup > .Column > .inner .ImageItem > p img.Portrait{
  width:100%;
  
}

/*お知らせ*/
.SknTplDecoratedBox > .DecoratedBox{
  margin: 20px 0;
  padding: 20px;
}
.SknTplDecoratedBox > .DecoratedBox > .inner {
  background: rgba(255,255,255,0.95);
  padding: 30px;
  box-shadow: 0 0.04em 0.18em rgba(0,0,0,0.4),0 0.04em 0.3em rgba(0,0,0,0.3);
}
.InformationArea .DefaultText .LinkButton{
  display:inline-block;
  background:#0092cc;
  color:#fff;
  border-radius:10px;
  padding:5px 20px;
  margin:10px 0 ;
  font-weight:600;
  font-size:120%;
  box-shadow: 2px 2px 0.18em rgba(0,0,0,0.2);
}
.InformationArea .DefaultText .LinkButton:hover{
  background:#33afd9;
}

.SknTplImageParagraph .ImageItem {
  width: 30%;
  position: relative;
}
.SknTplImageParagraph.RightImage .ImageItem {
  float: right;
  margin-left: 10px;
}
.SknTplImageParagraph.RightImage .ImageItem .Image{
	border-radius: 10px;
	overflow: hidden;
}




.SknTplImageParagraph .TextItem {
  width: 65%;
}



.SknTplDecoratedBox > .DecoratedBox > .inner .Heading.Title {
  font-size: 150%;
  color: #0092cc;
  font-weight: 500;
  letter-spacing: 0.05em;
}