/*
--------------------------------------------
    PAGE/BODY
*/

#inner-page
{
    min-height: 60vh;
}
/*
--------------------------------------------
    PAGE/main
*/
.main .section-text
{
    white-space: pre-line;
    margin-top: -15px;
    margin-bottom: 20px;
}
.main .section-inner
{
    min-height: 60vh;
}
.main .section-inner h3
{
    margin-top: 15px;
    margin-bottom: 0px;
}
h3.title
{
    font-size: 1.6em;
    font-weight: 500;
}
.list time {
    font-size: 0.8em;
}
.w-pc-100 {
	width: 100% !important;
}
.relativebox {
    position: relative;
    font-size:0.9em;
}
.category-box
{
    border: 1px solid #0066CC;
    padding: 3px 8px 1px 8px;
    border-radius: 0.6em;
    font-size: 14px;
    line-height: 14px;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    background-color: #E8F8FF;
}
ul.boxlist li
{
    position: relative;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0.2rem;
    padding-bottom: 0.6rem;
    padding-top: 0.2rem;
    border-bottom-color: #CCCCCC;
}
ul.boxlist li.close
{
    background-color: #E8E8E8;
}
.img-in img {
	margin-bottom: 0.5em;
}
.f-img2
{
    border: 1px solid #e6e6e6;
    margin-top: 4px;
    margin-bottom: 4px;
}
.f-img2 img {
	max-width: 100%;
}

.tags-lain
{
    border: 1px solid #333333;
    padding: 3px 8px 2px 8px;
    border-radius: 0.6em;
    font-size: 14px;
    line-height: 14px;
    background-color: #FFFFFF;
    color: #333333;
}
.tags-lain a
{
    color: #333333;
}
.tags-lain:hover
{
    background-color: #E2E2E2;
}
.tags-lain.active
{
    background-color: #E2E2E2;
}
#inner-page .main-text
{
    margin-top: 15px;
}
/*
--------------------------------------------
    document
*/
.main.document h2
{
    padding: 10px 10px 6px 10px;
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #0066CC;
    vertical-align: middle;
    margin-bottom: 20px;
    font-size: 27px;
    line-height: 27px;
    background-color: #EEEEEE;
}
.main.document.detail h2
{
    padding: 8px 10px 4px 10px;
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #0099CC;
    vertical-align: middle;
    margin-bottom: 17px;
    font-size: 30px;
    line-height: 30px;
    background-color: #FFFFFF;
}
.main.document h3 a
{
    color: #0057AE;
    margin-top: 0px;
    font-size: 26px;
    line-height: 26px;
}
.main.document h3 a:hover
{
    color: #93C9FF;
}
.main.document h3.keywords
{
    display: inline-block;
    color: #000000;
    padding: 5px 15px 3px 15px;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 15px;
    background-color: #FFF1E3;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #C0C0C0;
}
.main.document .text-box
{
    border: 1px solid #CCCCCC;
    padding: 2px 12px 0px 12px;
    border-radius: 0.3em;
    font-size: 16px;
    background-color: #F4FCFD;
}
.doc-category-lain
{
    border: 1px solid #289F28;
    padding: 2px 12px 0px 12px;
    border-radius: 0.6em;
    font-size: 14px;
    line-height: 14px;
}
.doc-tags
{
    padding: 3px 8px 2px 8px;
    border-radius: 0.6em;
    font-size: 14px;
    line-height: 14px;
    background-color: #797979;
    color: #FFFFFF;
}
.doc-tags a
{
    color: #FFFFFF;
}
.doc-tags:hover
{
    background-color: #557EC4;
}
.doc-tags-lain
{
    border: 1px solid #333333;
    padding: 3px 8px 2px 8px;
    border-radius: 0.6em;
    font-size: 14px;
    line-height: 14px;
    background-color: #FFFFFF;
    color: #333333;
}
.doc-tags-lain a
{
    color: #333333;
}
.doc-tags-lain:hover
{
    background-color: #E2E2E2;
}
.doc-tags-lain.active
{
    background-color: #E2E2E2;
}

/*
--------------------------------------------
    profile
*/
.main.profile .row h3
{
    margin-bottom: 10px;
}
/*
--------------------------------------------
    info
*/
.main.info .section ol li
{
    list-style-type:list-style-type;
    margin-left: 25px;
}
.main.info .section h3
{
    margin-top: 20px;
    margin-bottom: 10px;
}
.main.info h3.h3-title
{
    font-size: 20px;
    line-height: 20px;
    background-color: #FAFAFA;
    border: 2px solid #CCCCCC;
    color: #333333;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 8px;
    margin-bottom: 15px;
    border-radius: 1.90rem;
}
/*
--------------------------------------------
    MEMBER
*/
.main.member .midashi
{
    font-size: 16px;
    color: #333333;
    margin-top: 5px;
    margin-bottom: 10px;
}
.main.member .content-m
{
    margin-left: 25px;
    font-size: 14px;
    margin-bottom: 10px;
}
.main.member .content-s
{
    margin-left: 25px;
    font-size: 14px;
}


/********************************************/
@media print, screen and (min-width: 768px){
    .column2 img, .img-in img {
        max-width: 100%;
    }
}
@media (min-width: 769px)
{
    .f-img2
    {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        background: #F9F9F9;
    }
    .f-img img, .f-img2 img {
        text-align: center;
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
    }
    .f-img2 {
        height: 12vh;
    }
}
@media (min-width: 768px){
    .f-img2 img {
        max-height: 21vh;
    }
}