@charset "UTF-8";
body.index #localNavi ul li:first-of-type a { border-bottom: 2px solid #ec6c00; }
body.index.history #localNavi ul li:first-of-type a { border-bottom:none; }
br.pc { display: block;}
br.sp { display: none;}
@media screen and (max-width: 767px){
br.pc { display: none;}
br.sp { display: block;}
#english #pageTitle h1 {
line-height: 1.2;
padding: 0 1.4em;
background-size: 15%;
font-size: 25px!important;
}
.crest a { position: relative;}
#anchorNavi ul:last-of-type li.crest { line-height: 160%;}
#anchorNavi ul:last-of-type li.crest a:before, #anchorNavi ul:last-of-type li.crest a:after {
width: 24px;
height: 10px;
background-size: contain;
position: absolute;
}
#anchorNavi ul:last-of-type li.crest a:before {
left: -16px;
bottom: 3px;
}
#anchorNavi ul:last-of-type li.crest a:after {
right: -28px;
bottom: 3px;
}
}
/*index*/
body.index #main { margin-bottom: 0 !important; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; }
body.index #main section { margin-bottom: 0 !important; }
body.index #main article { margin-bottom: 0 !important; }
body.index #main .pageTop { margin-top: -50px !important; margin-bottom: 70px !important; }
body.index #pageTitle h1:before,
body.index #pageTitle h1:after { width: 85px; height: 48px; background-size:80%;}
body.index #pageTitle h1:before { background-image: url(../about/img/h1indexL.png); }
body.index #pageTitle h1:after { background-image: url(../about/img/h1indexR.png); }
@media screen and (max-width:767px){
body.index #main .pageTop { margin-top: 20px !important; margin-bottom: 20px !important; }
body.index #pageTitle h1 { background: url(../about/img/h1indexL.png) no-repeat 0 50%, url(../about/img/h1indexR.png) no-repeat 100% 50%; background-size: 15%; }
}
body.index .thumbnail { width: 88%; font-size: 12px; letter-spacing: 0; line-height: 1.7; text-align: center; margin: 30px auto 0; font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-feature-settings: "pkna"; }
body.index .thumbnail li { float: left; width: 23%; margin: 0 1%; }
body.index .thumbnail img { display: block; max-width: 100%; margin: 0 auto 5px; padding: 0; }
@media screen and (max-width:767px){
body.index .thumbnail { width: 100%; /*margin: 0 auto 35px;*/ }
body.index .thumbnail li { float: left; width: 48%; margin: 0 1% 20px; }
}
#eng_conts .photoBox,
#eng_conts article { margin-top: -80px !important; padding-top: 80px !important; }
#eng_conts article h1 { text-align: center; font-size: 32px; margin-bottom: 40px; }
#eng_conts article h1:before,
#eng_conts article h1:after { content: ''; display: inline-block; width: 50px; height: 14px; background: url(../img/bracketRed.png) no-repeat 50% 50%; vertical-align: middle; }
#eng_conts article h1:before { transform: rotateY(180deg); }
.english { position: absolute; text-align: center; width: 10em; margin: 3px 0 0 -5em; left: 50%; font-size: 16px; letter-spacing: 1px; }
@media screen and (max-width:767px){
#eng_conts article h1 { font-size: 22px; margin-bottom: 20px; }
#eng_conts article h1:before,
#eng_conts article h1:after { width: 24px; height: 10px; background-size: contain; }
}
#eng_conts article dl { width: 80%; margin: 0 auto; }
#eng_conts article dt { }
#eng_conts article dt { display: flex; align-items: center; font-size: 21px; margin-bottom: 20px; }
#eng_conts article dt:before,
#eng_conts article dt:after { content: ""; flex-grow: 1; border-top: 1px solid black; display: block; }
#eng_conts article dt:before { margin-right: 1em; background: linear-gradient(-90deg, black, transparent); }
#eng_conts article dt:after { margin-left: 1em; background: linear-gradient(90deg, black, transparent); }
#eng_conts article dd:first-of-type { font-size: 21px; text-align: center; margin-bottom: 30px; }
#eng_conts article dd span { font-size:16px; line-height:180%;}
@media screen and (max-width:767px){
#eng_conts article dl { width: 100%; margin: 0 auto; }
#eng_conts article dt { font-size: 14px; line-height: 2; margin-bottom: 10px; }
#eng_conts article dd:first-of-type { font-size: 16px; line-height: 2; text-align: center; margin-bottom: 15px; }
}
#crest,
#tree‐lined { margin: 0 auto; }
#crest.article, #tree‐lined.article { display: inline-block; width: 38%; vertical-align: top; padding: 0 5%; }
#crest.article h1, #tree‐lined.article h1 { text-align: center; font-size: 18px; margin-bottom: 40px; position: relative; line-height: 160%; position: relative; margin-right: auto; margin-left: auto; width: -moz-fit-content; width: fit-content;}
#crest.article h1:before,
#crest.article h1:after,
#tree‐lined.article h1:before,
#tree‐lined.article h1:after { content: ''; display: inline-block; width: 20px; height: 14px; background: url(../img/bracketGold.png) no-repeat 50% 50%; vertical-align: middle; }
#crest.article h1:before,
#tree‐lined.article h1:before { transform: rotateY(180deg); }
#crest.article img,
#tree‐lined.article img { display: block; width: 100%; margin: 0 auto 20px; }
@media screen and (min-width:767px){
#crest.article h1:before, #crest.article h1:after, #tree‐lined.article h1:before, #tree‐lined.article h1:after {
position: absolute;
}
#crest.article h1:before {
left: -26px;
bottom: 6px;
}
#crest.article h1:after {
right: -26px;
bottom: 6px;
}
#tree‐lined.article h1:before {
left: -30px;
bottom: 6px;
}
#tree‐lined.article h1:after {
right: -30px;
bottom: 6px;
}
}
@media screen and (max-width:767px){
#crest,
#tree‐lined { max-width: 100%; margin: 0 auto 35px; }
#crest.article,
#tree‐lined.article { display: block; width: 100%; vertical-align: top; margin: 0; padding: 0; }
#crest.article h1,
#tree‐lined.article h1 { font-size: 14px; margin-bottom: 20px; }
#crest.article h1:before, #crest.article h1:after, #tree‐lined.article h1:before, #tree‐lined.article h1:after {
width: 20px;
}
#crest.article h1:before, #tree‐lined.article h1:before {
margin-right: 6px;
}
#crest.article h1:after, #tree‐lined.article h1:after {
margin-left: 6px;
}
}
h3 { margin-bottom:30px;}
#access #pageTitle2 h1 { display: flex; align-items: center; font-weight: normal; margin: 64px 0 48px;}
#access #pageTitle2 h1:before,
#access #pageTitle2 h1:after { content: ""; flex-grow: 1; border-top: 4px double #ec6c00; display: block; }
#access #pageTitle2 h1:before { margin-right: 1.4em; }
#access #pageTitle2 h1:after { margin-left: 1.4em; }
@media screen and (max-width:767px){
#access #pageTitle2 h1 { padding: 0 !important; }
#access #pageTitle2 h1:before,
#access #pageTitle2 h1:after { display: block !important; }
}
#access article { border-top: 1px solid #ec6c00; padding-top: 45px; }
#access article:first-of-type { border-top: 0; padding-top: 0; }
#access article h1 { font-weight: bold; }
#access article h1:before { content: "● "; }
#access article dl { margin-bottom: 24px; }
#access article dl dt { /*float: left; width: 9em;*/ font-weight: bold; margin-bottom: 10px;}
#access article dl dt span { display: block; font-size: 20px;}
#access article dl dd { /*padding-left: 10em;*/ }
#access article dl.okusha dt { /*float: left; width: 19em;*/ margin-bottom: 10px;}
#access article dl.okusha dd { /*padding-left: 19em;*/ }
#access article aside img { width: 15%; }
@media screen and (max-width:767px){
#access article dl dt { float: none !important; width: 100% !important; }
#access article dl dd { padding-left: 0 !important; }
#access article aside img { width: 100%; }
}
#access article a,
#access article a:link,
#access article a:visited { color: #000; padding-bottom: 2px; border-bottom: 1px solid transparent; }
#access article a:active,
#access article a:hover { padding-bottom: 2px; border-bottom: 1px solid #ec6c00; }
@media screen and (max-width:767px){
#access article a { text-align: right; }
}
#access .shinanoji img { width:130px; height:auto;}
@media screen and (max-width:767px){
#access .shinanoji img { width:222px; height:auto;}
}
/* @media screen and (min-width:767px){
#globalNavi ul li a.active, #globalNavi ul li.nav_english {
position: fixed;
display: block!important;
top: -28px;
right: 0;
font-size: 12px;
}
}
@media screen and (min-width:767px){
#footer nav ul {
position: relative;
}
#footer nav ul li.nav_english {
position: absolute;
font-size: 12px;
top: 0;
right: -160px;
}
} */