@charset "utf-8";


h1.ttl_heritage span img {
width: 80%;
height: auto;
max-width: 391px;
}

.top_lead_box {
padding: 20px 0;
text-align: left;
}

.top_lead_box .top_lead_txt {
font-size: 3rem;
line-height: 1.2;
margin-bottom: 12px;
}


.heritage_eachttl_box {
padding: 20px 0;
text-align: left;
}

.heritage_eachttl_box .heritage_eachttl {
font-family: 'Noto Serif JP', serif;
font-size: 2.4rem;
line-height: 1.2;
text-align: left;
overflow: inherit;
padding-bottom:0;
}
.heritage_eachttl_box .heritage_eachttl .ttl_no {
position: inherit;
display: inline-block;
float: none;
margin-right: 0.5rem;
font-family: 'Old Standard TT', serif;
font-size: 3.2rem;
}


.heritage_eachstory_box {
padding: 40px 0;
}

.word_box {
border: solid 1px #273793;
padding: 15px;
display: block;
}

.word_box .word_img {
width: 180px;
margin: 0 auto 20px;
}
.word_box .word_txt_box {
width: 100%;
}
.word_box .word_txt_box .word_txt_ttl {
font-family: 'Noto Serif JP', serif;
color:#fff;
background: #273793;
text-align: left;
padding: 10px;
font-size: 2.4rem;
margin-bottom: 20px;

padding-left:1em;
text-indent: -1em;
}

.quiz_box {
border: solid 1px #8D6E12;
padding: 15px;

display: block;
}
.quiz_ttl {
font-size: 2rem;
}
.quiz_txt {
text-align: left;
margin-bottom: 15px;
font-size: 1.8rem;
}

.quiz_box form .quiz_list  {
display: block;
}

.quiz_box form .quiz_list label {
width: 100%;
max-width: 500px;
display: block;
margin-right:auto;
margin-left:auto;
}

.quiz_box form .quiz_list label span {
text-align: left;
}


.comment_ttl {
font-size: 2rem;
}
.comment_box .comment_each a.rwd-modal-link {
width: calc(50% - 20px);
max-width: 200px;
}
.comment_box .comment_each a.rwd-modal-link img {
width: 100%;
height: auto;
}


/*-------------------*/
body {
padding-bottom: 52px;
}
#rwd-content .rwd-scroll-button {
bottom: 60px;
}

.heritagelevel_box {
position: fixed;
width: 100%;
height: 52px;
background: url("../img/level_bg_sp0.gif") repeat-x center center;
right:0;
bottom:0;
z-index: 1000;
}
.heritagelevel_box .heritagelevel_inbox1 {
position: relative;
width: 248px;
height: 52px;
margin: 0 auto;
background: url("../img/level_bg_sp1.gif") no-repeat center center;
}


.heritagelevel_box .heritagelevel_inbox1 .number_box {
position: absolute;
width: 40px;
text-align: center;
top:10px;
left: 132px;
}
.heritagelevel_box .heritagelevel_inbox1 .number_box img {
display: inline-block;
width: 20px;
height: auto;
}

.heritagelevel_box .heritagelevel_inbox100 {
display: none;
position: relative;
width: 100%;
height: 52px;
margin: 0 auto;
background: url("../img/level_100_bg_sp.gif") repeat-x center center;
}
.heritagelevel_box .heritagelevel_inbox100 img {
display: block;
margin: 0 auto;
width: 278px;
height: 52px;
}