@charset "utf-8";

/* 注意
----------------------------------------------- *
 * paddingとmarginはpx、font-sizeは%
 * パスの指定は相対で。例：background-image: url(../img/thumb.png);
----------------------------------------------- */

/* 本番環境入稿時に削除 */
body {
    color: #000;
    background-color: #f7fafa;
    line-height: 1;
}
.mod-articleDetail {
    font-size: 13px;
}
/* 基本設定 */
body {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
a {
    text-decoration: none;
}
.mod-articleDetail p {
    line-height: 1.3;
}
.ui-frame-orange-bar {
    border-top: none;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 0 0;
}
.headerContents,
.rankingContents,
.reportContents,
.otherRankingContents {
    margin-bottom: 20px;
}



/* LP content
--------------------------------------------------------------------- */
/* font */
/*
font-size: 84.6%; 11px
font-size: 92.3%; 12px
font-size: 100% !important; 13px
font-size: 107.7%; 14px
font-size: 115.4%; 15px
font-size: 123.1%; 16px
font-size: 184.6%; 24px */

.mod-articleDetail {
color: #333;
font-feature-settings: "palt";
text-align: justify;
letter-spacing: 1px;
}

.mod-articleDetail p {
font-size: 115.4%; /* 15px */
line-height: 1.8;
padding: 0 0.5px 20px;
}

.mod-articleDetail .bold {
font-weight: bold;
}

.mod-articleDetail .sp {
display: none;
}

.mod-articleDetail h1 {
border-radius: 0;
padding-top: calc(316 / 698 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url(../img/img_head.jpg) no-repeat center top;
background-size: cover;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
line-height: 0;
}

/* contentInner */
.mod-articleDetail .contentInner {
padding: 20px;
}

/* sectionBlock */
.mod-articleDetail .sectionBlock {
margin-bottom: 40px;
}

.mod-articleDetail .sectionBlock h2 {
font-size: 176.9%; /* 23px */
border-left: #ed6103 4px solid;
color: #ed6103;
padding: 6px 10px 6px 20px;
line-height: 1.3;
box-sizing: border-box;
letter-spacing: 0.04em;
margin-bottom: 20px;
}

.mod-articleDetail .sectionBlock p a {
text-decoration: underline;
letter-spacing: 0;
}

/* imgFull */
.mod-articleDetail .imgFull {
margin: 0 auto 20px auto;
width: 640px;
}

.mod-articleDetail .imgFull img {
max-width: 100%;
}


/* tableBox */
.mod-articleDetail .tableBox {
margin-bottom: 30px;
}

.mod-articleDetail .tableBox table {
border-top: #434343 2px solid;
border-left: #434343 2px solid;
border-right: 0;
border-bottom: 0;
width: 100%;
box-sizing: border-box;
}

.mod-articleDetail .tableBox table th {
border-top: 0;
border-left: 0;
border-right: #434343 2px solid;
border-bottom: #434343 2px solid;
background-color: #f6e5ec;
text-align: center;
padding: 10px 0 8px 0;
font-size: 184.6%;
width: 50%;
}

.mod-articleDetail .tableBox table td {
border-top: 0;
border-left: 0;
border-right: #434343 2px solid;
border-bottom: #434343 2px solid;
text-align: center;
padding: 6px 0 4px 0;
font-size: 184.6%;
}

.mod-articleDetail .tableBox table td span {
font-size: 75%;
}

.mod-articleDetail .tableBox table tr:nth-child(odd) {
background-color: #efedf0;
}

.mod-articleDetail .tableBox p {
padding: 0;
}


/* voice */
.mod-articleDetail .voice {
background-color: #f5f5f5;
padding: 15px;
margin-bottom: 10px;
}

.mod-articleDetail .voice dl {
display: flex;
flex-wrap: nowrap;
margin-bottom: 15px;
}

.mod-articleDetail .voice dl dt {
width: 104px;
}

.mod-articleDetail .voice dl dt img {
max-width: 100%;
}

.mod-articleDetail .voice dl dd {
width: 524px;
}

.mod-articleDetail .voice dl dd h3 {
padding: 15px 10px 10px 12px;
box-sizing: border-box;
color: #049900;
font-size: 153.8%;
line-height: 1.4;
}

.mod-articleDetail .voice dl dd span {
padding: 0 10px 10px 12px;
font-size: 115.4%;
}

.mod-articleDetail .voice p {
padding: 0 0 5px 0;
margin: 0;
}


/* listBox */

.mod-articleDetail ul.listBox {
display: flex;
flex-wrap: wrap;
}

.mod-articleDetail ul.listBox li {
width: 210px;
margin-right: 14px;
box-sizing: border-box;
margin-bottom: 15px;
}

.mod-articleDetail ul.listBox li:nth-child(1),
.mod-articleDetail ul.listBox li:nth-child(2),
.mod-articleDetail ul.listBox li:nth-child(3) {
background: #f4f4f4 url(../img/icon_arrow_green.png) no-repeat right bottom;
}

.mod-articleDetail ul.listBox li:nth-child(4),
.mod-articleDetail ul.listBox li:nth-child(5),
.mod-articleDetail ul.listBox li:nth-child(6) {
background: #f4f4f4 url(../img/icon_arrow_yellow.png) no-repeat right bottom;
}

.mod-articleDetail ul.listBox li:nth-child(7),
.mod-articleDetail ul.listBox li:nth-child(8),
.mod-articleDetail ul.listBox li:nth-child(9) {
background: #f4f4f4 url(../img/icon_arrow_red.png) no-repeat right bottom;
}

.mod-articleDetail ul.listBox li a {
color: #333;
}

.mod-articleDetail ul.listBox li a:hover {
color: #999;
}

.mod-articleDetail ul.listBox li:nth-child(3n) {
margin-right: 0px;
}

.mod-articleDetail ul.listBox li dl {
display: flex;
flex-wrap: nowrap;
}

.mod-articleDetail ul.listBox li dt {
width: 90px;
}

.mod-articleDetail ul.listBox li dt img {
max-width: 100%;
}

.mod-articleDetail ul.listBox li dd {
width: 120px;
padding: 12px;
box-sizing: border-box;
font-size: 123.1%;
font-weight: bold;
line-height: 1.3;
}

.mod-articleDetail ul.listBox li dd span {
font-size: 143.8%;
display: block;
}


/* overviewBox */
.mod-articleDetail .overviewBox {
margin-bottom: 30px;
}

.mod-articleDetail .overviewBox dl {
display: flex;
flex-wrap: nowrap;
font-size: 115.4%; /* 15px */
padding-bottom: 5px;
line-height: 1.5;
}

.mod-articleDetail .overviewBox dl dt {
width: 135px;
}

.mod-articleDetail .overviewBox dl dd {
width: 523px;
}