@charset "utf-8"; /* CSS Document */ a.en_g:link, a.en_g:visited { display: block; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ecedef)); background: -webkit-linear-gradient(top, #fff, #ecedef); background: -o-linear-gradient(top, #fff, #ecedef); background: linear-gradient(to bottom, #fff, #ecedef); border: 1px solid #ddd; font-size: 75%; font-size: 0.75rem; padding: 5px 17px 5px 17px; text-decoration: none; } a.en_g::before { font-family: 'Font-Awesome-Icons'; font-weight: normal; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; width: 12px; content: "\f105"; color: #df0523; font-size: 100%; font-size: 1rem; vertical-align: middle; line-height: 1; position: relative; top: -2px; margin-right: 5px; } a.en_g:hover { background: -webkit-gradient(linear, left top, left bottom, from(#ecedef), to(#fff)); background: -webkit-linear-gradient(top, #ecedef, #fff); background: -o-linear-gradient(top, #ecedef, #fff); background: linear-gradient(to bottom, #ecedef, #fff); } #main01>p.pic00 { margin-bottom: 30px; border-top: solid 3px #df0523; } #main01 h2 { font-size: 16px; } #nav01 > ul { border-top: 1px solid #ddd; margin: 0; padding: 0; list-style: none; } #nav01 > ul > li { border-bottom: 1px solid #ddd; } #nav01 > ul > li > a { display: block; text-decoration: none; font-size: 100%; font-size: 1rem; padding: 14px 15px; } #nav01 > ul > li > ul > li a { font-size: 0.875rem; } #nav01 > ul > li > a.-current, #nav01 > ul > li.slct > a { background: #f3f3f3; } #nav01 > ul > li > a:hover, #nav01 > ul > li > a:active, #nav01 > ul > li > a:focus { color: #df0523; background: #f3f3f3; } #nav01 > ul > li > a > span { display: inline-block; border-left: 2px solid #df0523; padding-left: 8px; line-height: 1.3; } #nav01 > ul > li > ul { display: none; padding: 0; margin-top: 13px; } #nav01 > ul > li.-open > ul { display: block; } #nav01 > ul > li > ul > li { margin: 0; line-height: 1.3; padding: 0; list-style: none; border-top: 1px solid #ddd; } #nav01 > ul > li > ul > li:last-child { margin-bottom: 0; } #nav01 > ul > li > ul > li > a { text-decoration: none; padding: 13px 15px 13px 23px; font-size: 87.5%; font-size: 0.875rem; display: block; } #nav01 > ul > li > ul > li > a:hover, #nav01 > ul > li > ul > li > a:active, #nav01 > ul > li > ul > li > a:focus { text-decoration: underline; color: #df0523; } #nav01 > ul > li > ul > li.-current > a { font-weight: bold; } #nav01 > ul > li.-open > a { background: #f3f3f3; } #nav02 > ul { margin: 0 0 20px 0; padding: 0; list-style: none; } #nav02 > ul > li { font-size: 1rem; position: relative; padding: 0 0 0 13px; margin: 0 0 6px; line-height: 1.4; list-style: none; } #nav02 > ul > li::before { font-family: 'Font-Awesome-Icons'; font-weight: normal; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; content: "\f105"; color: #df0523; position: absolute; top: 0; left: 0; font-size: 1rem; } #sideR { width: 100%; } #sideR nav { margin-bottom: 20px; } #sideR nav#nav01 { min-height: 384px; } #sideR div.cf div { margin-bottom: 15px; width: 48%; } #sideR h3 { font-size: 1rem; font-weight: bold; margin: 0 0 10px; } #sideR p { margin-bottom: 6px; } .ttl_h2 { font-size: 18px; font-weight: bold; margin-bottom: 30px; } #wrapper01 .txt01 { } .l-ir-drawer-lang { font-size: 1rem; background: #fff; border-bottom: 1px solid #dadada; padding: 10px 15px; } .l-ir-drawer-lang > ul { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .l-ir-drawer-lang > ul > li { list-style: none; margin: 0; padding: 0; } .l-ir-drawer-lang > ul > li > .nav { display: block; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ecedef)); background: -webkit-linear-gradient(top, #fff, #ecedef); background: -o-linear-gradient(top, #fff, #ecedef); background: linear-gradient(to bottom, #fff, #ecedef); border: 1px solid #ddd; font-size: 100%; font-size: 1rem; padding: 10px 25px; text-decoration: none; color: #333; } .l-ir-drawer-lang > ul > li > .nav::before { font-family: 'Font-Awesome-Icons'; font-weight: normal; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f105"; color: #df0523; font-size: 112.5%; font-size: 1.125rem; vertical-align: middle; line-height: 1; position: relative; top: -2px; margin-right: 8px; } .txt01 p { margin-bottom: 15px; } .fs12 { font-size: 12px; } .mincho { font-family: "Microsoft YaHei", "微软雅黑",'SimSun', Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; } .st-GlobalSiteNav_SubLinkTop, .st-GlobalSiteNav_SubList { display: none; } .st-GlobalSiteNav_SubLinkTop.active { display: block; } .st-GlobalSiteNav_SubLinkTitle, .st-GlobalSiteNav_SubLink { font-weight: 500; font-size: 1rem; } .st-GlobalSiteNav_SubItem::before { top: 1.3em !important; } @media print, screen and (max-width: 1200px) and (min-width: 1024px) { #sideR { width: 100% !important; } #main01 h2 { font-size: 21px; } body main .st-GlobalInner #wrapper01 #contents01 #sideR #nav01 #side_menu li.-open ul { display: block; } } @media print, screen and (min-width: 1024px) { #ttl_h1 { } h1.st-Title { margin: 20px auto; } #main01 h2 { font-size: 21px; } #wrapper01 { margin-bottom: 30px; } #sideR { width: 250px; } #sideR div.cf div { width: 100%; } #contents01 { width: 100%; } #main01 { width: 885px; } #nav01 > ul > li > ul > li, #nav01 > ul > li > ul > li > a { border-top: none; font-size: 16px; line-height: 20.8px; } #nav01 > ul > li > ul > li > a { padding: 0 15px 10px 24px; } } @media print, screen and (min-width: 768px) { } /*============================================== SP版フッタナビ修正 ==============================================*/ @media print, screen and (max-width: 1024px) { body main .st-GlobalInner #wrapper01 #contents01 #sideR #nav01 > ul > li > ul{ display:none; } body main .st-GlobalInner #wrapper01 #contents01 #sideR #nav01 #side_menu li { position: relative; } body main .st-GlobalInner #wrapper01 #contents01 #sideR #nav01 #side_menu li a { z-index: 1; } body main .st-GlobalInner #wrapper01 #contents01 #sideR #nav01 #side_menu li .accdon_btn { cursor: pointer; display: block; width: 80px; height: 40px; padding-right: 5px; position: absolute; right: -10px; top: 5px; z-index: 99999; text-align: right; max-height: 100%; -webkit-text-size-adjust: none; line-height:1.0; } body main .st-GlobalInner #wrapper01 #contents01 #sideR #nav01 #side_menu li .accdon_btn::after { content: '+'; font-size: 23px; color: #df0523; width: 24px; height: 32px; display: block; position: absolute; top: 10px; right: 30px; max-height: 100%; -webkit-text-size-adjust: none; line-height:1.0; } body main .st-GlobalInner #wrapper01 #contents01 #sideR #nav01 #side_menu li .accdon_btn.open { } body main .st-GlobalInner #wrapper01 #contents01 #sideR #nav01 #side_menu li .accdon_btn.open::after { content: '-'; font-size: 23px; max-height: 100%; -webkit-text-size-adjust: none; line-height:1.0; width:12px; height:16px; right:41px; } }