@charset "utf-8";
/* ------------------------------
ページ構成
------------------------------ */
.cp_page_main img {
width: 100%;
height: 300px;
object-fit: cover;
}

#contents.cultural_property .bread {
margin: 0 auto 40px;
}

.cultural_property .cp_page_title {
margin-bottom: 20px;
text-align: center;
}

.cultural_property .cp_page_title p {
font-size: 280%;
color: #226AB6;
font-family: "fot-chiaro-std", sans-serif;
font-weight: 700;
font-style: normal;
line-height: 120%;
}

.cultural_property .cp_page_title img {
width: auto;
height: 280px;
margin-bottom: 15px;
}

.cultural_property ul.page_index {
width: 92%;
max-width: 1050px;
margin: 0 auto 60px;
display: flex;
justify-content: center;
}

.cultural_property ul.page_index li {
width: 32%;
margin-right: 2%;
border: solid 1px #CCCCCC;
text-align: center;
border-radius: 10px;
box-sizing: border-box;
font-weight: bold;
line-height: 140%;
display: flex;
align-items: center;
}

.cultural_property ul.page_index li:last-child {
margin-right: 0;
}

.cultural_property ul.page_index li a {
width: 100%;
padding: 15px 10px;
display: block;
color: #333333;
text-decoration: none;
}

.cultural_property section {
width: 92%;
max-width: 1050px;
margin: 0 auto 60px;
}

.cultural_property .page_sub_title {
padding: 14px 20px;
margin-bottom: 20px;
color: #FFFFFF;
font-weight: bold;
font-size: 110%;
background: #5BB0D5;
border-radius: 5px;
}

.cultural_property .page_lead {
margin-bottom: 60px;
text-align: center;
font-size: 120%;
line-height: 160%;
}

/*------------------------------------------------*/

.character .character_box {
height: 370px;
border-radius: 10px;
position: relative;
}

.character .character_box.bun {
border: solid 4px #c96d15;
}

.character .character_box.kou {
border: solid 4px #333333;
}

.character .character_box.soku {
border: solid 4px #c1514e;
}

.character .character_box.min {
border: solid 4px #72bdd8;
}

.character .character_box.bun .illust,
.character .character_box.soku .illust {
position: absolute;
bottom: 10px;
left: 30px;
text-align: left;
}

.character .character_box.bun dl,
.character .character_box.soku dl {
width: calc(100% - 560px);
position: absolute;
right: 40px;
top: 40px;
}

.character .character_box.kou .illust,
.character .character_box.min .illust {
position: absolute;
bottom: 10px;
right: 30px;
text-align: right;
}

.character .character_box.kou dl,
.character .character_box.min dl {
width: calc(100% - 560px);
position: absolute;
left: 40px;
top: 40px;
}

.character .character_box .illust img {
width: 70%;
}

.character .character_box dt {
margin-bottom: 20px;
padding-bottom: 15px;
font-size: 220%;
line-height: 100%;
font-family: "fot-chiaro-std", sans-serif;
font-weight: 700;
font-style: normal;
display: flex;
align-items: center;
letter-spacing: 20px;
}

.character .character_box dt p {
font-size: 45%;
color: #333333;
line-height: 100%;
border-radius: 30px;
display: inline-block;
padding: 10px 30px;
font-family: "zen-maru-gothic", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0;
}

.character .character_box.bun dt {
color: #c96d15;
border-bottom: solid 2px #c96d15;
}

.character .character_box.bun dt p {
background: #F7D1B7;
}

.character .character_box.kou dt {
color: #333333;
border-bottom: solid 2px #333333;
}

.character .character_box.kou dt p {
background: #ACACAC;
}

.character .character_box.soku dt {
color: #c1514e;
border-bottom: solid 2px #c1514e;
}

.character .character_box.soku dt p {
background: #DEA8A7;
}

.character .character_box.min dt {
color: #72bdd8;
border-bottom: solid 2px #72bdd8;
}

.character .character_box.min dt p {
background: #BBDEEB;
}

.character .character_box dd {
font-size: 130%;
line-height: 160%;
font-family: "zen-maru-gothic", sans-serif;
font-weight: 700;
font-style: normal;
}



/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{

.character .character_box {
height: 340px;
}

.character .character_box .illust img {
width: 54%;
}

.character .character_box.bun .illust,
.character .character_box.soku .illust {
bottom: 20px;
}

.character .character_box.kou .illust,
.character .character_box.min .illust {
bottom: 20px;
}

.character .character_box.bun dl,
.character .character_box.soku dl {
width: calc(100% - 440px);
}


.character .character_box.kou dl,
.character .character_box.min dl {
width: calc(100% - 440px);
}

.character .character_box dt {
font-size: 200%;
}

.character .character_box dt p {
padding: 10px 15px;
}

.character .character_box dd {
font-size: 110%;
}

}


	
/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{

.cp_page_main img {
height: 100px;
}

.cultural_property .cp_page_title {
display: block;
text-align: center;
}

.cultural_property .cp_page_title p {
font-size: 200%;
}

.cultural_property .cp_page_title img {
height: 200px;
margin-bottom: 10px;
}

.cultural_property ul.page_index li {
width: 48%;
font-size: 85%;
}

/*------------------------------------------------*/

.cultural_property .page_lead {
font-size: 100%;
}

.character .character_box {
height: auto;
position: static;
padding: 25px;
}

.character .character_box.bun .illust,
.character .character_box.soku .illust {
position: static;
text-align: center;
margin-bottom: 25px;
}

.character .character_box.bun dl,
.character .character_box.soku dl {
width: 100%;
position: static;
}

.character .character_box.kou .illust,
.character .character_box.min .illust {
position: static;
text-align: center;
margin-bottom: 25px;
}

.character .character_box.kou dl,
.character .character_box.min dl {
width: 100%;
position: static;
}

.character .character_box .illust img {
width: 90%;
}

.character .character_box dt {
font-size: 200%;
}

}