/* 2023/6/20 タイトル実装 */
#nl-title {
    width: 100%;
    display: flex;
    justify-content: center;   
}
#nl-title > div {
    width:100%;
}


#nl-title > div > img {
    width:100%;
    height: 150px;
    object-fit: cover;
    object-position: 50% 45%;
}

 /* IE11 */
@media all and (-ms-high-contrast:none){
    #nl-title > div > img  {
         height: auto;
    } 
}

@media screen and (min-width: 800px) {
    #nl-title > div {
        width:800px;
    }
}


/* 2023/6/21 6pack 実装 */
.photo-container.six-pack {
    flex-wrap: wrap;
}
.photo-container.six-pack img{
    border:none;
    width:32%;
    margin-bottom: -10px;
}
.lbox-caption.six-pack span.w_disp{
    display: inline;
}
p.w_disp{
    display: block;
}
.lbox-caption.six-pack span.n_disp,
p.n_disp{
    display: none;
}


/* 2023/7/4 1pack 実装：セッション１対応*/
.photo-container {
    display: block;
    margin:0 auto;
    width:64%;
}
.photo-container.six-pack {
    width:86%;
}
.photo-container.one-pack img{
    border:none;
    width: 96%;
}
.photo-container.two-pack img{
    border:none;
    width: 48%;
}
@media screen and (max-width: 700px) {
    .photo-container {
        width:96%;

    }
}

@media screen and (max-width: 800px) {
    .photo-container.six-pack img{
        width:48%;
    }
    .lbox-caption.six-pack span.w_disp,
    p.w_disp{
        display: none;
    }
    .lbox-caption.six-pack span.n_disp{
        display: inline;
    }
    p.n_disp{
        display: inline;
        font-weight: normal;
    }
    
}


/* 2023/6/21 img-left^30 再定義 */


@media screen and (max-width: 800px) {
  .img-left-30 {
    width:95%;
  }
  .img-left-30 + p {
    display: inline;
    width:95%;
  }
}







/*タブ実装*/
.tab_box .btn_area {
    margin:10px 0px;
    display: -webkit-box;
    display: flex;
    justify-content: center;
}

.tab_box .tab_btn {
    width: 40px;
    height:40px;
    padding: 8px 0;
    margin-left:20px;
    color: #333;
    background: #f5f7f8;
    border:solid 2px #07539f;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease 0s;
}

.tab_prev,
.tab_next {
    height: 40px;
    margin-left:20px;
}
.tab_prev i,
.tab_next i {
    margin-left:10px;
}

.catch40_taidan {
    width:95%;
    margin:0 auto;
}

.arrow_prev {
    height:70px;
    padding-top:0px;
    text-align: center;
    color:#305496;
}
.arrow_prev >p {
    font-size:16px;
    display: block;
    text-align: center;
}

.arrow_prev.nodisp,
.tab_prev.nodisp,
.tab_next.nodisp,
.catch40_taidan.nodisp,
.hide_title.nodisp {
    display:none;
}


hr.hr2 {
    border:0;
    margin:40px 10px;
    height: 5px;
    background-image: repeating-linear-gradient(45deg,skyblue 0, skyblue 1px, transparent 0, transparent 50%);
    background-size: 5px 5px;

    /* height: 3px;
    background: skyblue;
    background-image: -webkit-linear-gradient(left, #caeaf7, #07539f, #caeaf7);
    background-image: -moz-linear-gradient(left, #caeaf7, #07539f, #caeaf7);
    background-image: -ms-linear-gradient(left, #caeaf7, #07539f, #caeaf7);
    background-image: -o-linear-gradient(left, #caeaf7, #07539f, #caeaf7); */
  }

@media screen and (max-width: 700px) {
    .hide_title {
        display: none;
    }
}


.box26 p {
    display: inline;
}
.box26-width {
width:auto;
}
  

/* .tab_box .tab_btn + .tab_btn {
    margin-left: 20px;
} */

.tab_box .tab_btn:hover {
    background-color: #dce1e4;
}

.tab_box .tab_btn.active {
    background:#07539f;
}
.tab_box .tab_btn.active a{
    color:#fff;
}
.tab_box .panel_area {
    margin-top:0px;
    border: solid 1px #e3ebf3;
    padding: 5px;
}

.tab_box .tab_panel {
    display:none;
}

.tab_box .tab_panel.active {
    display:block;
}

.tab_next.under_page {
    margin-top:20px;
    color:#305496;
    font-weight: bold;
    text-decoration: underline;
}

.bunken {
    margin-top:30px;
}



.bunken ul {
    list-style-type: disc;
    background: #fffcf4;
    border-radius :8px;/*角の丸み*/
    box-shadow :0px 0px 5px silver;/*5px=影の広がり具合*/
    padding: 0.5em 1em 0.5em 2em;
}

.bunken li {
    line-height: 1.5;
    padding: 0.5em 0;
}

/* 2023/2/8:.bunken liを対象から外す */
/* .bunken li, */
.bunken a {
    word-break: break-all;
    display: inline-block;
}


/* 2023/1/6 目次実装 */
.mokuji_title {
/*      width:55%; */
    margin-top:30px;
    margin-left: 10px;
}
.mokuji_title ul {
/*      border: solid 2px #ffb03f; */
    border: solid 2px #305496;
    display: inline-block;
    border-radius:0px 10px 10px 10px;
    padding: 0.5em;
    position: relative;
    margin-top: 5px;
}
.mokuji_title li {
/*      display: inline-block; */
    line-height: 1.0;
    padding: 10px 0 5px 0;
    list-style-type: none!important;
}
.mokuji_title li p {
    margin:0;
}
.mokuji_title li:last-of-type {
    border-top: dashed 1px silver;
    margin-top:5px;
    padding-left:2em;
}

/* .mokuji_title  li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f138";
    position: absolute;
    left : 0.5em;
    color:#305496;
} */

.mokuji_title ul li:after {
    /*タイトルタブ*/
    line-height: 1.5;
    background-color:#305496;
/* もとはマンゴー色
    background: #ffb03f;
*/
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: -2px;
    bottom: 100%;
    border-radius: 10px 10px 0 0;
    padding: 8px 7px 1px 7px;
    content: "シリーズ目次";/*タブの文字*/
    letter-spacing: 0.05em;/*字間*/
}

.mokuji_title .comingsoon {
    background-color: #dce1e4;
}

.mokuji_title li.facepage ::before {
    font-family: "Font Awesome 5 Free";
    content: "\f0a4";
    position: absolute;
    left : 1em; /*左端からのアイコンまで*/
    color: #305496; /*アイコン色*/
}
a.lang_kirikae::before {
    font-family: "Font Awesome 5 Free";
    content: "\f0a4";
    /* position: absolute; */
    left : 1em; /*左端からのアイコンまで*/
    color: #305496; /*アイコン色*/
}


@media screen and (max-width: 500px) {
    .bunken li a.dousitemo {
    display: inline-block!important;
    }
}

.section-frame br {
    display: block;
    content: "";
    height: 1px;
}
.section-frame p.shikiri {
    display:block;
    /* border-bottom:solid 2px #e3ebf3; */
    margin-bottom:25px;
    margin-top:15px;
}
.section-frame .osoroi {
    /* 2022/11/30 単体で崩れるための対策として
    height:30vw;
    width:auto;
    */
    width:45%;
    height:auto;
    border:solid 1px #305496;
    margin:auto;
}
.section-frame .topleft-pittari {
    margin-top:0px;
    padding-left: 0px;
}
.section-frame .name {
    font-weight: bold;
}
.section-frame .name::after{
    content:"："
}

.section-frame .heigh-br {
    content:"\A";
    display:block;
    height:10px;
    /* border: red 1px solid; */
}