<style>
.grid-child > h2, .grid-child > p {
color: #fff!important;
}

.grid-child.box {
background: #A41E35;
color: #fff;
width: 33.333%;
height: inherit;
margin-bottom: 0px!important;
padding: 3px 3px;
padding-bottom: 3px !important;
}
.grid-child.box a{
color: #fff;
}
a.btn-white {
display: block;
text-align: center;
color: #fff!important;
border: 1px solid #A41E35;
text-decoration: none;
padding: 3px 3px;
padding-bottom: 3px !important;
}
a.btn-white:hover {
background: white;
color: #A41E35!important;
border: 1px solid #A41E35;
text-decoration: none;
padding: 3px 3px;
padding-bottom: 3px !important;
}
@media screen and (max-width: 600px) {
.grid-child.box { width: 100%; }
dl {
display: flex;
grid-template-columns: max-content auto;
flex-direction: column;
}
}
@media (min-width: 720px){
br.pcv {
display: none;
}
}
div.cntr {
display: table;
margin-right: auto;
margin-left: auto;
}
.small_nav_area {
width: 100%;
margin-bottom: 0!important;
}
.small_nav_box {
font-family: "Roboto Condensed", sans-serif;
font: bold;
float: left;
width: 31%;
margin: 0 1%;
}
#custom_hyperlist {
width: 100%;
min-height: 1em;
margin: 0 0 4em 0;
font-family: "Roboto Condensed", sans-serif;
font: bold;
}
#custom_hyperlist div a {
float: left;
width: 100%;
color: #343434;
text-decoration-line: none;
line-height: 1.5em;
padding: 0.25em 0.5em;
background: #FFFFFF;
border-bottom: thin solid #f1efe8;
}
#custom_hyperlist div a:hover {
color: #9E1B34;
background: #f1efe8;
}
#custom_hyperlist div.arrow-mother a {
border-top: thin solid #baa682;
}
#custom_hyperlist div:first-child a {
border-top: medium solid #baa682;
}
#custom_hyperlist div:last-child a {
border-bottom: medium solid #baa682;
}
/* #custom_hyperlist div.arrow-mother a:before{
color: #9E1B34;
content: "\025b6\00a0";
text-align: left;
} */
/* #custom_hyperlist div.arrow-child a:before{
color: #9E1B34;
content: "\025b7\00a0";
text-align: left;
padding-left: 1em;
} */
h2.hblck{
background: #222;
padding: 5px;
color: #fff!important;
width: max-content;
}
body.tu-layout-theme-rebrand main > .region-content h2.gold_h2 {
text-transform: uppercase;
border-bottom: 3px solid #BAA682;
line-height: 1.8;
margin-bottom: 1em;
}
body.tu-layout-theme-rebrand main > .region-content h2.gold_h2_mb0 {
text-transform: uppercase;
border-bottom: 3px solid #BAA682;
line-height: 1.8;
margin-bottom: 0;
}
@media (max-width: 900px) {
/* 横幅が900px以下の場合に適用するスタイル */
.small_nav_box {
width: 100%;
}
body.tu-layout-theme-rebrand section > .region-content .paragraphs-bundle .paragraphs-bundle--cta_in_node_text .-delta-9 {
margin-right: calc((82% - 84rem) / 2) !important;
}
</style>