.webcontents{
	max-width: 1200px;
	margin:0 auto 3em;
	font: 16px/1.75 "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif !important;
}

.webcontents h1{
    position: relative;
}
.webcontents h1 .final-i{
    position: absolute;
    top: -4px;
    right: 0;
    width: 17%;
}

.main-contents{
	margin:0 auto;
    max-width: 860px;
}

.chapter-head-container{
    display: flex;
    justify-content: center;
    margin-top: max(1em, min(7vw,6em));
}
.chapter-head{
    font-family: "Times New Roman", Times, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", 游明朝, YuMincho, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: 700;
    display: flex;
    align-items: center;
    font-size: 32px;
    line-height: 1.4;
}
.chapter-num{
    font-family:Helvetica, sans-serif;
    font-size: 65%;
    margin-right: 6px;
    white-space: nowrap;
}
.num-red{
    color: #e83820;
}

@media (max-width: 767px){
    .chapter-head{
        font-size: 22px;
    }
    .chapter-num {
    font-size: 70%;
    }
    .webcontents h1 .final-i{
    width: 33%;
    }
}

section p:not(:root){
    font-family: "Times New Roman", Times, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", 游明朝, YuMincho, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
    line-height: 1.9 !important;
}

section strong, a[href^="#modal-id"]{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.introduce-papers{
    background: #bf8c65;
    padding: 16px;
    border-radius: 10px;
    margin: max(4em, min(7vw,6em)) 0 4em;
    box-shadow: 2px 2px 6px 3px #b1b1b1;
    position: relative;
}
.introduce-papers::before{
    content: '';
    background: #5e3e34;
    position: absolute;
    width: 70px;
    height: 80px;
    top: 0;
    right: 0;
    border-radius: 0 10px 0 0;
    clip-path: polygon(0 0, 100% 0%, 100% 80%);
}
.ip-conteiner{
    background: #fff;
    padding: 58px max(20px, min(5vw,30px)) 40px;
    box-shadow: 2px 2px 2px 0px rgb(0 0 0 / 10%);
    position: relative;
}
.ip-conteiner::before{
    content: '';
    position: absolute;
    width: 178px;
    height: 55px;
    top: -9px;
    right: 4px;
    background: url(/jikkenigaku/special/fiction/images/ip-title.png) no-repeat;
    background-size: 178px;
}
.ip-head{
    margin: 0;
    font-family: serif;
    border-bottom: 1px solid;
    line-height: 1.4;
    padding-bottom: 10px;
    font-size: 16px;
    margin-bottom: 1em;
}
.ip-conteiner p:not(:root){
    margin-bottom: 0;
    font-family: sans-serif;
}

.pan_navi {
    margin-top: 1.8em;
    padding-left: 20px;
    display: flex;
    justify-content: flex-end;
}

/*プロフィール*/
div.profile{
	border:1px solid #999;
	margin-bottom:10px;
	}

div.profile dl{
	padding:5px 10px 0 10px;
	margin-bottom:20px;
	}

div.profile h3.ttl_profile{
	background-color:#ccc;
	margin:0 0 14px;
	padding:2px 0 2px 10px;
	border-bottom:1px solid #999;
	}

span.tips{text-decoration:underline;color: #428bca;cursor:pointer; margin-right: 2px;}
span.tips .glyphicon{text-indent:0;}
.popover {
    max-width: 600px; /* この数字を変える */
    z-index: 2;
}
.popover-content{
    font-family: sans-serif;
}

.fig-right, .fig-center{
    margin: 2.4em 0;
}
figure img{
    width: 100%;
}
@media (min-width: 641px){
    .fig-right{
        float: right;
        width: 50%;
        margin: 10px 0 10px 15px;
    }
    .fig-center{
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
}

.ruled-line{
    margin: 0 4px;
    display: inline-block;
    height: 1px;
    width: 2em;
    background: #333;
    margin-bottom: 5px;
}

.indent{
    text-indent: 1em;
}

.mt0-5{
    margin-top:0.5em !important;
}

.mt1{
    margin-top:1em !important;
}

.mt2{
    margin-top:2em !important;
}

.mt2-4{
    margin-top:2.4em !important;
}

.mt3{
    margin-top:3em !important;
}

.mt3-4{
    margin-top:max(2em, min(5vw,3.4em)) !important;
}

.mt3-6{
    margin-top:3.6em !important;
}

.mt4{
    margin-top:4em !important;
}

.mt4-4{
    margin-top:4.4em !important;
}

.mb1{
    margin-bottom:1em !important;
}

.mb1-5{
    margin-bottom:1.5em !important;
}

.mb2{
    margin-bottom:2em !important;
}

.mb2-4{
    margin-bottom:2.4em !important;
}

.mb3{
    margin-bottom:3em !important;

}
.mb3-6{
    margin-bottom:3.6em !important;
}

.mb3-4{
    margin-bottom:3.4em !important;
}

.mb4{
    margin-bottom:4em !important;
}

.mb5{
    margin-bottom:5em !important;
}