@charset "utf-8";
/* CSS Document */


/*--------------------
 共通 
---------------------*/
.titleWrap-pattern div{
 font-weight: 500;
 font-size: 3rem;
 letter-spacing: 0.1em;
 text-align: center;
}
.detailContainer{
 width:980px;
 margin: 50px auto 180px;
}

.centering_detailContainer {
    text-align:  center;        /* 中央寄せ */
    margin-left:auto;
    margin-right: auto;    
}


/* 日付部分 */
.detailContainer .newsDate{
 font-size: 1.2rem;
 line-height: 2.4rem;
 color: #999;
 margin-bottom: 75px;
}
.detailContainer .newsDate span{
 display: inline-block;
 min-width: 110px;
 height: 2.4rem;
 text-align: center;
 color: #fff;
 margin-left: 22px;
 border-radius: 1.2rem;
 background-color: #acacac;
 padding: 0 10px;
}

/* ニュースタイトル部分 */
.detailContainer .newsTitle{
 font-size: 2.4rem;
 font-weight: 500;
 text-align: center;
 line-height: 3.2rem;
}
.detailContainer .newsTitle a{
 border-bottom: 1px solid #000000;
 transition: border-color 0.1s;
}
.detailContainer .newsTitle a:hover{ border-color: rgba(255,255,255,0);}

/*前の画面に戻るボタン*/
.backLink{ margin-top: 70px;}




/*--------------------
 ニュース内容 
---------------------*/
.centering_parent {
    text-align:  center;        /* 中央寄せ */
    margin-left:auto;
    margin-right: auto;    
}

.detailInner{
 font-size: 1.4rem;
 line-height: 2.4rem;
}
.detailInner a{
 color: #003f7e;
 border-bottom: 1px solid #003f7e;
 transition: border-color 0.1s;
}
.detailInner a:hover{ border-color: rgba(255,255,255,0);}

.detailInnerLogo{
 font-size: 1.4rem;
 line-height: 2.4rem;
}
.detailInnerLogo a{
 color: #003f7e;
 border-bottom: 0px solid #003f7e;
 transition: border-color 0.1s;
}
.detailInnerLogo a:hover{ border-color: rgba(255,255,255,0);}


S/*---- 画像の最大幅と真ん中よせ ----*/
.detailInner .img{
 display: block;
 max-width: 100%;
 height: auto;
 margin-left: auto;
 margin-right: auto;
}


/*---- トピックタイトル ----*/
.detailInner .topicsTitle{
 color: #005082;
 font-size: 1.6rem;;
 line-height: 2.8rem;
 font-weight: 500;
 border-bottom: 1px solid #005082;
 padding-left: 4px;
 margin-bottom:  4px;
}

.detailInner .topicsTitleNoBorder{
 color: #005082;
 font-size: 1.6rem;;
 line-height: 2.8rem;
 font-weight: 500;
 border-bottom: 0px solid #005082;
 padding-left: 4px;
 margin-bottom:  5px;
}

/*---- 横並びレイアウト ----*/
.detailInner .flexBox{
 display: flex;
 align-items: top;
}
.detailInner .flexBox .padding10{
 padding-left:  10px;
}

.detailInner .flexBox .imgWrap{ flex-shrink: 0;}
.detailInner .flexBox .imgWrap img{ display: block;}
/*200px用*/
.detailInner .flexBox .imgWrap.img200 img{
 max-width: 200px;
 height: auto;
}

.detailInner .flexBox .rightimg{
 margin-right:0;
}
.detailInner .flexBox .leftimg{
 margin-left:0;
}
.detailInner .flexBox .bottomimg{
 margin-bottom:0;
    vertical-align: bottom;
}

/*---- 横並びレイアウト　センター配置 ----*/
.detailInner .flexBoxCenter{
 display: flex;
 align-items: top;
 text-align:  center;        /* 中央寄せ */
 margin-left: auto;
 margin-right: auto;    
}

/*---- トピック内タイトル ----*/
.detailInner .innerTitle{
 font-size: 1.5rem;
 color: #005082;
 font-weight: 500;
}

/*---- トピック内テキスト1 ----*/
.detailInner .text191219_1{
/*---    padding: 10px 10px;---*/
 margin-left: 10px;
}


/*---- 赤字のテキスト ----*/
.detailInner .red,
.detailInner .red a{ color: #EA4040;}
.detailInner .red a{ border-color: #EA4040;}
.detailInner .red a:hover{ border-color: rgba(255,255,255,0);}


/*---- 赤背景と青背景 ----*/
.detailInner .redblueWrap{ display: table;}
.detailInner .bgRed,
.detailInner .bgBlue{
 padding: 0 6px;
 color: #fff;
}
.detailInner .bgRed{ background-color: #f00;}
.detailInner .bgBlue{ background-color: #00f;}