@charset "utf-8";

/**********************************************/
/* 共通部品 */
/**********************************************/

/*★*/

#aside_nav_now {
    font-weight: bold;
}


section {
    /*border:1px red solid;*/
}

.headline {
    /*border:1px green solid; */
}
.section-headline {
    /*border:1px blue solid; */
}


/*****************************/
/*見出し400;500;600*/
/*****************************/
/*大見出し*/
.headline {
    color:#373463;
    margin-top: 20px;
    margin-bottom: 30px;

}

/*中見出し*/
.section-headline {
    margin-bottom: 30px;
}


/*中見出し*/
.section-headline-sub {
    margin-bottom: 30px;
}

/*大見出しのガイド*/
.headline-guide {
    margin-bottom: 5px;
    margin-top: -20px;
}

/*中見出し*/
/*
.headline-sub {}
*/



/*サイドタイトル*/
.side-title {
    padding-left:5px;
    margin: 20px auto 5px;
}

/*アイコン：アーカイブ*/
.mk-archive {
    background:url("../images/icon_folder.svg") no-repeat left center;
    background-size: 28px;
    padding:1px 0 1px 35px;
}





/*----------------------*/
/*カラム*/
/*----------------------*/
.column {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;

    display: flex;    
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*justify-content: center;*/
    /*align-items: center;*/
}

.col {
    width:8.333%;
}
.col2 {
    width:calc(8.333% * 2);
}
.col3 {
    width:calc(8.333% * 3);
}
.col4 {
    width:calc(8.333% * 4);
}
.col5 {
    width:calc(8.333% * 5);
}
.col6 {
    width:calc(8.333% * 6);
}
.col7 {
    width:calc(8.333% * 7);
}
.col8 {
    width:calc(8.333% * 8);
}
.col9 {
    width:calc(8.333% * 9);
}
.col10 {
    width:calc(8.333% * 10);
}



/****************************/
/*画像拡大用*/
/****************************/
.imgWrap {
	overflow: hidden;
}
.imgWrap img {
	display: block;
	transition-duration: 0.3s;
}
.imgWrap img:hover {
	transform: scale(1.1);
	transition-duration: 0.5s;
	opacity: 0.8;	/* 小さくするほど暗くなる */
}



/****************************/
/*フェードイン処理*/
/****************************/
.fadein {
    opacity: 0;
    transform : translate(0, 50px);
    transition : all 1500ms;
}
.fadein.scrollin{
    opacity: 1;
    transform: translate(0, 0);
}




/****************************/
/*MOREボタン*/
/****************************/
.btn-more {
    text-decoration: none;

    
    color:#fff;
    /*
    border:1px #ddd solid;
    color:#000;
    */

    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.8rem;
    line-height: 100%;
    border-radius: 100px;

    margin: 0 auto;
    display: inline-block;

}
.btn-more:hover {
    /*
    background-color: #2077e6;
    border:1px #2077e6 solid;
    color:#fff;
    */

    background-color: #ddd;
    border:1px #ddd solid;
    color:#000;


}

/*次へ*/
.next {
    background:url("../images/icon_arrow2_r.svg") no-repeat 90% center;
    background-color: #2077e6;
    border:1px #2077e6 solid;
    color:#fff;
    /*
    background-color: #ddd;
    */

    background-size: 20px;
    padding-right: 40px;
    padding-left: 20px;
}
.next:hover {
    background-position: 95% center;
}

/*前へ*/
.prev {
    background:url("../images/icon_arrow2_l.svg") no-repeat 10% center;
    /*background-color: #ddd;*/
    background-color: #2077e6;
    border:1px #2077e6 solid;
    color:#fff;
    background-size: 20px;
    padding-right: 20px;
    padding-left: 40px;
}
.prev:hover {
    background-position: 5% center;
}



/*----------------------*/
.small {
    font-size: 80%;
}

/*----------------------*/
/*位置*/
/*----------------------*/
.txtr { text-align: right; }
.txtl { text-align: left; }
.txtc { text-align: center; }


/*----------------------*/
/*色*/
/*----------------------*/
.red { color:red; }


/*----------------------*/
/* 「※」マークつきリスト*/
/*----------------------*/
ul.notes {
    margin-left:0;
    margin-right: 0;
    padding: 0;
    list-style-type: none;
}
ul.notes li {
    margin-bottom: 5px;
    margin-left: 1em;
    text-indent: -1em;
    font-size:1.4rem;
}
ul.notes li:before {
    display: inline;
    content: "※";
    padding-right: 3px;
}


/****************************/
/*ページネーション*/
/****************************/
.pagenavi {
    width: 100%;
    margin: 0 0 30px 0;

    border-top: 1px #ddd solid;
    padding-top: 30px;

    display: flex;    
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pagenavi .pagenavi-left {
    width:calc(8.333% * 4);
}
.pagenavi .pagenavi-center {
    width:calc(8.333% * 4);
}
.pagenavi .pagenavi-right {
    width:calc(8.333% * 4);
    text-align: right;
}


/****************************/
/*ページ内ページトップ*/
/****************************/
.list-pagetop {
    text-align: right;
    border-top: 1px #ddd solid;
    padding-top: 30px;
}
.in-pagetop {
    cursor: pointer;
    background:url("../images/icon_arrow_up2.svg") no-repeat left center;
    background-size: 20px;
    padding: 2px 0 2px 25px;    
}



/****************************/
/*画像フロート*/
/****************************/
.img-l {
    float: left;
    margin: 0 20px 20px 0;
}
.img-r {
    float: right;
    margin: 0 0 20px 20px;
}


/**********************/
/*アコーディオンメニュー*/
/**********************/
.acmenu {
    margin: 0;
    padding:0;
}
.acmenu dt {
  	cursor:pointer;
  	padding-left: 30px;
}
.acmenu dd {
	display:none;
	margin:0;
}
.acmenu dd.active {
    display: block;
}


/*＋-ボタン*/
.acmenu dt.plus {
	background:url("../images/icon_plus.svg") no-repeat left center;
	background-size: 24px;
}
.acmenu dt.plus-on {
	background:url("../images/icon_minus.svg") no-repeat left center;
	background-size: 24px;
}


/**********************/
/*アコーディオンクローズ*/
/**********************/
.list-page-close {
    display: none;
    text-align: center;
    margin-bottom: 30px;
}
.list-page-close a {
    background:url("../images/icon_arrow_up2.svg") no-repeat left center;
    background-size: 18px;
    padding: 1px 0 1px 22px;  
    color:#000;
    text-decoration: none;
}



/**********************/
/*線*/
/**********************/
/*横線*/
.boderline {
    position:relative;
    padding-top: 20px;
    /*padding: 20px 0;*/
}
.boderline::before {
   content:"";
   display:block;
   width:30%;
   height:3px;
   background-color:#1799cc;
   position:absolute;
   /*top:-0.8rem;*/
   top:-0.1rem;
}
.boderline::after {
   content:"";
   display:block;
   width:100%;
   height:1px;
   background-color:hsla(0,0%,0%,0.1);
   position:absolute;
   /*top:-0.8rem;*/
   top:-0.1rem;
}


/*縦線*/
.boderline-t {
    border-left: 3px #000 solid;
    padding-left:10px;
}


/**************************/
/*噴出し（下線のみ）*/
/**************************/
.balloon {
    position: relative;
    display: inline-block;
    background-color: #fff;
    border-bottom: solid 2px #373463;
    padding: 10px 0px;
    /*
    width: 100%;
    max-width: 200px;
    */
    
    color:#373463;
    /*
    min-width: 240px;
    max-width: 100%;
    text-align: center;
    */
}
.balloon:before,
.balloon:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 25%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.balloon:before {
    border: solid 12px transparent;
    border-top: solid 12px #373463;
}
.balloon:after {
    border: solid 14px transparent;
    border-top: solid 14px #fff;
    margin-top: -5px;
}
.balloon p {
    margin: 0;
    padding: 0;
}
  


/**************************/
/*ダウンロードボタン*/
/**************************/
.btn-download {
    background:url("../images/icon_download_w.svg") no-repeat 10px center;
    background-size: 24px;
    /*background-color: crimson;*/
    background-color: #2077e6;
    text-decoration: none;
    color:#fff;
    text-align: center;
    width: 100%;
    max-width: 300px;
    padding: 10px 20px 10px 50px;
    border-radius:5px;
}
.btn-download:hover {
    transition: all .5s;
    background:url("../images/icon_download_w.svg") no-repeat 10px center;
    background-size: 24px;
    background-color: #bbb;
}



/**************************/
/*表示調整用*/
/**************************/
.none { display:none; }
.hidden { display: none; }

/*横棒*/
.dash-2x {
    display: inline-block;
    font-weight: lighter;
    padding: 0 .5em;
    -ms-transform: scale(2.375, 1);
    -webkit-transform: scale(2.375, 1);
    transform: scale(2.375, 1);
}
  
/*ファイルサイズ*/
span.filesize {
    font-size: 90%;
}




/****************************/
/*レスポンシブ*/
/****************************/
@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 980px) {
    .img-l {
        float: none;
        margin: 0 auto 20px;
    }
    .img-r {
        float: none;
        margin: 0 auto 20px;
    }

    #menu-year li {
        width: 100%;
    }
}

@media screen and (max-width: 780px) {
    .list-pagetop {
        display: none;
    }
    .list-page-close {
        display: block;
    }
}

@media screen and (max-width: 580px) {

    .btn-more {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 1.6rem;
    }
    .next {
        padding-right: 40px;
        padding-left: 15px;
    }
    .prev {
        padding-right: 15px;
        padding-left: 40px;
    }

    .pagenavi .pagenavi-left {
        width: 100%;
        text-align: center;
    }
    .pagenavi .pagenavi-center {
        width: 100%;
        text-align: center;
    }
    .pagenavi .pagenavi-right {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 380px) {


}