@charset 'utf-8';
/* 2018/12/06 新テンプレート用スタイルシート */

/* HOMEスタイル */
body#home #menuBox{
    display: none;
}
body#home #article h1{
    background:#ffffff;
    border: none;
    width:976px;
    height:290px;
    text-indent: -9999px;
    margin-bottom:0;
    transition: opacity 1.6s;
    opacity: 0;
}
    body#home #article h1.rand1{
        background: url(../img/home/mainImg1.png) no-repeat;
        opacity: 1;
    }
    body#home #article h1.rand2{
        background: url(../img/home/mainImg2.png) no-repeat;
        opacity: 1;
    }
    body#home #article h1.rand3{
        background: url(../img/home/mainImg3.png) no-repeat;
        opacity: 1;
    }
    body#home #article h1.rand4{
        background: url(../img/home/mainImg4.png) no-repeat;
        opacity: 1;
    }
    body#home #article h1.rand5{
        background: url(../img/home/mainImg5.png) no-repeat;
        opacity: 1;
    }
body#home #article h2{
    margin:0 !important;
    margin:0 0 15px 0 !important;
    position: relative;
}
    body#home #article h2 a{
        text-decoration: none;
        color:#000000 !important;
    }
    body#home #article h2 a.more{
        position: absolute;
        top:10px;
        right:0;
        font-size:16px;
    }
    body#home #article h2 a.more:hover{
        text-decoration: underline;
    }

body#home #article #informationBox{
    background: #F0F9F7;
    padding:25px 20px;
}
    body#home #article #informationBox .monthBox{
        margin:0 !important;
    }
    body#home #article #informationBox h2{
        background: url(../img/home/iconInformation_M.png) no-repeat 0 30%;
        padding:0 0 0 35px !important;
    }

body#home #article .flexbox{
    display: flex;
}

body#home #article .flexbox #update{
    margin:40px 0 0 0;
    width:650px;
}
    body#home #article #update h2{
        padding-left:0;
        padding:0 0 0 0 !important;
    }
    body#home #article #update dl{
        padding:0 0 0 28px;
    }
    body#home #article #update dl dt{
        position: relative;
        color: #666666;
        line-height:1em;
        padding:8px 0 3px;
    }
    body#home #article #update dl dt::before{
        content:  url(../img/iconLink_1.png);
        position: absolute;
        top:6px;
        left:-28px;
        background: #008833;
    }
    body#home #article #update dl dd{
        padding:0 0 14px 0;
    }
    body#home #article #update dl dd a{
        text-decoration: none;
    }
    body#home #article #update dl dd a:hover{
        text-decoration: underline;
    }



body#home #article .flexbox #links{
    width:300px;
    padding:40px 0 0 30px;
}
    body#home #article .flexbox #links p{
        margin: 0 0 10px 0;
    }
    body#home #article .flexbox #links p a:hover{
        opacity: 0.7;
    }

body#home #article #plan h2{
    background: url(../img/home/iconPlan_M.png) no-repeat 0 37%;
    padding:0 0 0 35px !important;
}
body#home #article #result h2{
    background: url(../img/home/iconResult_M.png) no-repeat 0 37%;
    padding:0 0 0 30px !important;
}
body#home #article #report h2{
    background: url(../img/home/iconDocment_M.png) no-repeat 0 37%;
    padding:0 0 0 35px !important;
}
body#home #article #common h2{
    background: url(../img/home/iconCommon_M.png) no-repeat 0 37%;
    padding:0 0 0 40px !important;
}

body#home #article ul li{
    margin-left:-15px !important;
}
    body#home #article .daybox ul ul{
        margin:10px 0 0 36px;
    }
    body#home #article .daybox ul ul li{
    }

body#home #article .contentsBox{
    display: flex;
    flex-wrap: wrap;
}

body#home #article .contentsBox .daybox{
    width:50%;
    padding:0 20px 40px 0;
    box-sizing: border-box;
}
    body#home #article .contentsBox .daybox:nth-child(2n){
        padding:0 0 40px 20px;
    }



/* 汎用スタイル */
#article .daybox *{
    line-height: 2em;
}
    #article .daybox ol,
    #article .daybox ul{
        margin:0 0 0;
    }
    #article .daybox ol li,
    #article .daybox ul li{
        padding:0 0 10px 5px;
        margin:0 0 0;
        list-style-type: none;
    }

    body.android #article .daybox ul li a{
        display: inline;
        /* Androidのみ、Li>aに対してdisplay:inline-blockを適用するとフォントサイズが無視される問題を解決 */
        /* .android　クラスはheader.jsによって付与 */
    }

    #article h1{
        border-left:solid 4px #00892E;
        border-bottom:none;
        background-color:#F0F9F7;
        font-size:26px;
        padding-bottom:15px;
        padding-right:15px;
        line-height:1.2em;
        min-height: inherit;
    }
    #article h2{
        border-bottom:solid 3px #aaaaaa;
        margin:40px 0 20px 0 !important;
        padding:20px 0 5px 0 !important;
        position: relative;
        font-size:22px !important;
        line-height: 1em !important;
    }
        #article h2::after{
            content: "-";
            text-indent: -9999px;
            display: block;
            width:190px;
            position: absolute;
            bottom:-3px;
            left:0;
            border-bottom:solid 3px #00892E;
        }

    #article h3{
        border-left:solid 5px #00892E;
        font-size:18px !important;
        margin:25px 0 20px 0;
        padding:4px 0 0 10px ;
        line-height:1 !important;
        color:#00892E;
    }

    #article h4{
        font-size:16px;
        margin:20px 0 5px 10px;
        color:#4A4A4A;
        font-weight: bold;
    }

    #article h5{
        font-size:14px;
        margin:20px 0 5px 10px;
        color:#333;
    }

    #article p{
        margin:0 0 20px 0;
    }

#article li a[href]:link {
  color:#194C56 !important;
}
#article li a[href]:hover {
  text-decoration: underline !important;
}
#article li a[href]:visited {
  color:#884488 !important;
}

#article li a[href]:first-child {
  color:#333;
  margin-left:38px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}
    /* 2018/12/06 基本のマーカは外部アドレス用になっており、パスが特定の文字列で始まる場合のみ内部扱いとなる。 */
    #article  li a[href]:first-child::before {
        content:  url(../img/iconLink_1.png);
        position: absolute;
        top:6px;
        left:-28px;
        background: #008833;
    }

    /* HTTPおよびHTTPSで始まるアドレスは一旦赤とする。 */
    #article  li a[href^="https://"]:first-child::before,
    #article  li a[href^="http://"]:first-child::before {
        content:  url(../img/iconLink_2.png);
        position: absolute;
        top:6px;
        left:-28px;
        background: #ff7777;
    }

    /* HTTPおよびHTTPSで始まるアドレスは赤とする。 */
    #article  li a[href^="https://radioactivity.nsr.go.jp"]:first-child::before,
    #article  li a[href^="http://radioactivity.nsr.go.jp"]:first-child::before {
        content:  url(../img/iconLink_1.png);
        position: absolute;
        top:6px;
        left:-28px;
        background: #008833;
    }

#article li>a::after,
#article dd>a::after{
  display: inline-block;
  margin-left:10px;
  padding:0 35px 0 0;
  text-indent: -9999px;
}

#article li>a[href$=pdf]::after,
#article dd>a[href$=pdf]::after{
  content:"pdf" !important;
  background: url(../img/i-pdf.png) no-repeat 50% 40%;
}

#article li>a[href$=xls]::after,
#article li>a[href$=xlsx]::after,
#article dd>a[href$=xls]::after,
#article dd>a[href$=xlsx]::after{
    content:"excel" !important;
    background: url(../img/i-xls.png) no-repeat 50% 40%;
}

#article li>a[href$=csv]::after,
#article dd>a[href$=csv]::after{
    content:"CSV" !important;
    background: url(../img/i-csv.png) no-repeat 50% 40%;
}

#article li>a[href$=docx]::after,
#article li>a[href$=doc]::after,
#article dd>a[href$=docx]::after,
#article dd>a[href$=doc]::after{
    content:"Word" !important;
    background: url(../img/i-doc.png) no-repeat 50% 40%;
}

#article li>a[href$=kmz]::after,
#article dd>a[href$=kmz]::after{
    content:"KMZ" !important;
    background: url(../img/i-kmz.png) no-repeat 50% 40%;
}

#article li>a[href$=zip]::after,
#article dd>a[href$=zip]::after{
    content:"ZIP" !important;
    background: url(../img/i-zip.png) no-repeat 50% 40%;
}
/* Pagerは除外 */


#article .pagerNumber li{
    padding: 0 !important;
    margin-right:10px !important;
}
#article .pagerNumber li.active{
    width:24px !important;
    text-align: center;
    height:26px !important;
}
#article .pagerNumber li.prevChild,
#article .pagerNumber li.moreChild{
    border: none !important;
}
#article .pagerNumber a{
    padding: 0 0 10px 8px !important;
    margin:0 !important;
}
#article .pagerNumber a::before{
    display: none !important;
}

#article .pagerNumber li a[href]:first-child {
  text-decoration: none !important;
  display: inline-block !important;
  position: relative !important;
}


/* 目次生成 */
#article menu{
    width:320px;
    display: block;
    position: fixed;
    box-sizing: border-box;
    top:170px;
    right:-340px;
    background:rgba(255,255,255,0.8);
    border-top: solid 4px #00872B;
    padding:20px 10px 20px 40px;
    box-shadow: 0 2px 3px 3px rgba(0, 0, 0, 0.1);
    z-index:1000;
    transition: right 0.15s ease-out;
}
#article menu.visible{
    right:20px;
    transition: right 0.15s ease-out;
}

    #article menu h2{
        font-size: 16px !important;
        color: #00872B;
        padding: 0 40px 6px 0 !important;
        margin: 0 !important;
        border: none !important;
        position: relative;
    }
        #article menu h2::before{
            content: "●";
            position: absolute;
            top:0;
            left:-20px;
            border: solid 2px #00872B;
            height:10px;
            width:10px;
            border-radius: 10px;
            text-indent: -9999px;
        }
            #article menu h2::after{
                display: none;
            }
    #article menu li{
        list-style-type: decimal;
        padding:5px 0 8px 5px;
        margin:0;
        font-size:12px;
        line-height: 1.4em !important;
        vertical-align: top !important;

    }
    #article menu#menuBox li a{
        line-height: 1 !important;
        margin:0;
        padding: 0 !important;
        color:#194C56 !important;
        display: inline;
    }
    /* #article menu li.active{
            background:#dddde4 !important;
    } */
    #article menu li:hover{
            background:#eeeef4;
    }
    #article menu li a::before{
        color:#000 !important;
        content:"a";
        display: none;
    }
    #article menu li li{
        display: none;
    }
    #article menu span.close{
        position: absolute;
        top:18px;
        right:20px;
        font-size:12px;
        color:#555;
        cursor: pointer;
    }