@charset "utf-8";
/* section page */
.contents_wrapper{
    display: flex;
    flex-direction: row;
    width: 1024px;
}
/* inline link */
.link_basic,
.link_advance,
.link_reference{
    display: inline;
}

.link_basic::before{
    display: inline-block;
    content: url(/naruhodo/common/img/icon_arrow/icon_arrow_basic.png);
    height: 1rem;
    margin: 0 5px 0 0;
}

.link_advance::before{
    display: inline-block;
    content: url(/naruhodo/common/img/icon_arrow/icon_arrow_advance.png);
    height: 1rem;
    margin: 0 5px 0 0;
}

.link_reference::before{
    display: inline-block;
    content: url(/naruhodo/common/img/icon_arrow/icon_arrow_reference.png);
    height: 1rem;
    margin: 0 5px 0 0;
}

.section_guide .link_basic::before,
.section_guide .link_advance::before,
.section_guide .link_reference::before{
    margin: 2px 5px 0 20px;
}

#graph_link .link_basic::before,
#graph_link .link_advance::before,
#graph_link .link_reference::before{
    margin: 2px 5px 0 0;
}
/* section contents page */
#text_wrapper{
    width: 715px;
}

h1{
    padding-left: 1rem;
}

h2 .heading_wrapper,
h3 .heading_wrapper{
    display: flex;
    font-weight: inherit;
    flex-direction: row;
    padding-top: 0.5rem;
}
/*
h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:active{
    color: inherit;
}
*/
.main_contents p{
    margin-bottom: 1.7rem;
}

.main_contents .center_sentence{
    text-align: center;
    margin-bottom: 0;
}

#text_wrapper ul{
    padding-left: 2rem;
    list-style: disc;
}

#text_wrapper ol{
    padding-left: 2rem;
    list-style: decimal;
}

#text_wrapper li{
    display: list-item;
    list-style: inherit;
}

.likeh4{
    font-size: 1.1em;
    font-weight: bold;
}

#text_wrapper img{
    max-width: 100%;
}

.outer_link{
    margin: 0;
    padding: 0;
    height: 1.2rem;
}

.index_img{
    margin-bottom: 0;
}

.left{
    float: left;
    margin-right: 1rem;
}

.right{
    float: right;
    margin-left: 1rem;
}

.picture_wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto 1.8rem;
    width: 100%;
}

.picture_item{
    margin: 0.3rem;
    padding: 0.3rem;
    width: 31%;
}

.picture_item div:first-child{
    font-size: 1.2rem;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-bottom: 1.8rem;
    display: flex;
}

.center_img{
    text-align: center;
    margin-bottom: 1.7rem;
}

.stat_reference{
    display: flex;
    border: solid 1px #025aaa;
    width: 100%;
    margin-bottom: 1.7rem;
}

.stat_reference p{
    margin-bottom: 0;
}

.stat_reference_title{
    display: flex;
    background-color: #025aaa;
    color: #fff;
    width: 20%;
    padding: 0 0.5rem;
    align-items: center;
}
/* Accordion */
.text_accordion_label{
    cursor: pointer;
}

.text_accordion_label span{
    font-size: 0.8rem;
    text-decoration: underline;
}

.text_accordion_label img{
    height: 0.8rem;
    width: 0.8rem;
    margin: 0;
    transform: rotate(90deg);
}

#census,
#hokkaidotohoku_census,
#kanto_census,
#koshinetsuhokuriku_census,
#tokaikinki_census,
#chusikoku_census,
#kyushuokinawa_census,
#step5b_stat,
#step5c_stat,
#step5_3_stat,
#a1,
#a2,
#a3,
#a4,
#a5,
#a6,
#a7,
#a8,
#a9,
#a10{
    margin-top: 1rem;
    max-height: 0;
    overflow-y: hidden;
}

#text_accordion:checked ~ #census{
    max-height: 200rem;
    opacity: 1;
}

#q1:checked ~ #a1,
#q2:checked ~ #a2,
#q3:checked ~ #a3,
#q4:checked ~ #a4,
#q5:checked ~ #a5,
#q6:checked ~ #a6,
#q7:checked ~ #a7,
#q8:checked ~ #a8,
#q9:checked ~ #a9,
#q10:checked ~ #a10{
    max-height: 9rem;
    opacity: 1;
}


#hokkaidotohoku:checked ~ #hokkaidotohoku_census,
#kanto:checked ~ #kanto_census,
#koshinetsuhokuriku:checked ~ #koshinetsuhokuriku_census,
#tokaikinki:checked ~ #tokaikinki_census,
#chusikoku:checked ~ #chusikoku_census,
#kyushuokinawa:checked ~ #kyushuokinawa_census{
    max-height: 20rem;
    opacity: 1;
}

#step5b_accordion:checked ~ #step5b_stat,
#step5c_accordion:checked ~ #step5c_stat,
#step5_3_accordion:checked ~ #step5_3_stat{
    max-height: 50rem;
    opacity: 1;
}

.local_stat span{
    font-size: 1rem;
}
/* Core Statistics */
.core_static{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
}

.core_static div{
    border: solid #009e80 2px;
    height: 355px;
    text-align: center;
    border-radius: 10px;
}

.core_static div p:first-child{
    font-size: 1.2rem;
}

#text_wrapper .core_static a{
    text-decoration: none;
}
/* dl */
dl{
    display: flex;
    color: #323232;
    padding: 0.5rem;
    margin-bottom: 30px;
    border-radius: 10px;
    align-items: center;
}

dt{
    width: 25%;
    margin: auto 10px auto 0;
    border-right: dotted #323232 2px;
}

dd{
    width: 75%;
    margin: auto 0;
}

.keyword p,
.term p{
    margin: 0;
}

.keyword{
    background-color: #71d0bf;
    height: 150px;
}

.keyword dt{
    height: 110px;
    padding: 19px 10px;
}
/* 13_yougo */
.term_guide{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 1rem;
}

.term_guide_item{
    width: 138px;
    margin: 5px 2.5px 0 2.5px;
    height: 2rem;
    line-height: 2;
    text-align: center;
    background-color: #71c3d0;
    border-radius: 10px;
}

.active_term_guide_item{
    background-color: #d97968;
}

.term{
    display: flex;
    margin-bottom: 1.7rem;
}

.related{
    display: flex;
    background-color: #71c3d0;
    width: 25%;
    justify-content: center;
    align-items: center;
    margin-right: 0.6rem;
}

.detail{
    display: flex;
    background-color: #a0b6ec;
    width: 25%;
    justify-content: center;
    align-items: center;
    margin-right: 0.6rem;
}

.term div:nth-child(2){
    width: 75%;
}

.term_img{
    margin-bottom: 30px;
}
/* table */
table{
    margin-bottom: 1.7rem;
    width: 100%;
}

th,td{
    border: solid #000 1px;
    border-collapse: collapse;
    vertical-align: middle;
}

th{
    text-align: center;
    height: 2rem;
}

td{
    padding: 0.5rem 0 0.5rem 0.5rem;
}

th:first-child,
td:first-child{
    width: 20%;
}

#statistics_doc_table th:first-child,
#statistics_doc_table td:first-child{
    width: 25%;
}

#potato_table td{
    width: calc(100% / 10);
    text-align: center;
}

#comparison_table th{
    background-color: #d3d3d3;
}

#comparison_table td:nth-child(2){
    background-color:#fcebd2;
    padding: 0.5rem;
}

#comparison_table td:nth-child(3),
#comparison_table td:nth-child(4),
#comparison_table td:nth-child(5),
#comparison_table td:nth-child(6),
#comparison_table td:nth-child(7),
#comparison_table td:nth-child(8){
    width: 3%;
    text-align: center;
    padding: 0;
}

#comparison_table td:nth-child(4),
#comparison_table td:nth-child(6),
#comparison_table td:nth-child(8){
    background-color: #fdcef4;
}

#probability_statistics th:first-child,
#probability_statistics td:first-child{
    width: 40%;
    padding: 10px;
}

#probability_statistics td:nth-child(2),
#probability_statistics td:nth-child(3),
#probability_statistics td:nth-child(4),
#probability_statistics td:nth-child(5),
#probability_statistics td:nth-child(6),
#probability_statistics td:nth-child(7){
    text-align: center;
}

.history th,
.history td{
    border: none;
}

.history th:nth-child(odd),
.jinbutsu,
.toukei{
    width: 40%;
    background-color: #f2fcfd;
}

.nendai{
    width: 20%;
    background-color: #0a4884;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}
/* link group */
#graph_link{
    border: 2px solid #000;
    padding: 0.5rem;
}

#graph_link div{
    display: flex;
    flex-direction: row;
    height: auto;
    line-height: 2rem;
    margin-bottom: 10px;
}

#graph_link .graph_icon{
    margin: 0 5px;
    height: 2rem;
}
/* annotations */
#annotation0,
#annotation1,
#annotation2,
#annotation3,
#annotation4,
#annotation5,
#annotation6{
    font-size: 0.8rem;
    margin:0;
}
/* section index page */
.section_guide{
    display: flex;
    align-items: center;
}

.section_guide img{
    margin: 0 1rem 1rem 0;
}

.section_guide .graph_main_img{
    width: 170px;
    flex-shrink: 0;
}

#spacing2_0{
    height: 195px;
}

#spacing3_0{
    height: 130px;
}

#spacing3_1{
    height: 150px;
    padding: 0 16.5px;
}

#spacing4_0{
    height: 350px;
}

#spacing4_1{
    height: 125px;
    padding: 0 27px;
}

#spacing5_0{
    height: 120px;
}

#spacing5_1{
    height: 133px;
    padding: 0 40px;
}

#spacing7_0{
    padding: 0 64.5px;
    height: 150px;
}

#spacing7_1{
    height: 165px;
}

#spacing8_0{
    height: 130px;
}

#spacing8_1{
    height: 241px;
    padding: 0 15.5px;
}

#spacing9_0,
#spacing9_1{
    height: 225px;
}

#spacing10_0{
    height: 139px;
}

#spacing10_1{
    height: 166px;
    padding: 0 3px;
}

#spacing10_2{
    height: 179px;
    padding: 0 3px;
}

#spacing11_0{
    height: 115px;
    padding: 0 44.5px;
}

#spacing11_1{
    height: 150px;
}

#spacing13_0{
    height: 160px;
}

#spacing14_0{
    height: 195px;
}

#spacing16_1{
    height: 180px;
    padding: 0 3.5px;
}

#spacing16_2{
    height: 180px;
    padding: 0 3.5px;
}

#spacing16_3{
    height: 180px;
    padding: 0 3.5px;
}

#spacing16_4{
    height: 176px;
}

#spacing16_5{
    height: 180px;
    padding: 0 3.5px;
}

.formula{
    width: 495px;
}
/* page control area */
.page_control_wrapper{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 2rem;
    width: 100%;
}

.page_control_wrapper >.return_top{
    margin: 0px 5rem;
    text-align: center;
    padding: 0px;
}

.return_top img{
    width: 10rem;
}

.pagechange{
    margin: 0px;
    padding: 0px;
}

.paging{
    height: 4.5rem;
    margin: 0px;
    padding: 1.7rem;
    text-align: center;
    width: 10rem;
    color: #fff;
    font-weight: bold;
}

.paging:active{
    opacity: 0.3;
}

.hidebutton{
    display: none;
}

/* link Page */
#index_base #text_wrapper{
    width: 1024px;
    margin: 0 auto;
}

.links_wrapper{
    display: flex;
    margin-bottom: 1.7rem;
}

.links_title{
    width: 35%;
    padding-right: 10px;
}

.links_item{
    width: 65%;
}

/*superscript,subscript*/
sup
{
    vertical-align:top;
    font-size:small;
    line-height:1.2;
}

sub
{
    vertical-align:bottom;
    font-size:small;
}