@charset "UTF-8"; .more { position: relative; } .more a { display: block; font-size: 12px; padding: 15px 0; text-align: center; } 
/*.more a::after { content: "\f061"; font-family: "Font Awesome 5 Free"; font-weight: bold; display: inline-block; font-size: 12px; margin: 0 0 0 1em; }*/
.more a::after {content: "";width: 12px;height: 12px;background: url(../images/common/arrows/home-jnl-arrow.png) no-repeat center / contain;display: inline-block;vertical-align: middle;margin: -2px 0 0 8px;}
.more a:hover, .more a:active { opacity: 1; } a:hover + .border, a:active + .border { border: none; } a:hover + .border .top, a:active + .border .top, a:hover + .border .bottom, a:active + .border .bottom { width: 100%; } a:hover + .border .left, a:active + .border .left, a:hover + .border .right, a:active + .border .right { height: 100%; } .remodal img { margin: 0 auto; max-width: 100%; } .banner.under-header .slick-dots { height: 30px; bottom: -30px; } .banner.under-header .slick-dots li { border-radius: 20px; position: relative; width: 12px; height: 30px; } .banner.under-header .slick-dots li::after { content: ""; display: block; border: 1px solid #ccc; border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; width: 12px; height: 12px; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .banner.under-header .slick-dots li button { background: #ccc; border-radius: 10px; margin: 0 auto; opacity: 0.75; padding: 0; width: 6px; height: 6px; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .banner.under-header .slick-dots li.slick-active button { background: #4bafbd; opacity: 1; } .banner.under-header .slick-dots li button:before { content: none; } #content { line-height: inherit; } #content section { margin: 0 0 40px; } #content h2 { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: none; border-top: none; color: #000; font-size: 14px; font-weight: bold; margin: 0 0 10px; padding: 0px; } #content h2::before { content: ""; display: inline-block; background: #006837; margin: 0 12px 0 0; width: 6px; height: 30px; position: inherit; top: inherit; left: inherit; } #content h2::after { content: none; } #content h2 .en { color: #000; display: block; font-size: 10px; font-family: "Roboto", sans-serif; font-weight: normal; -webkit-transform: translateY(25%); -ms-transform: translateY(25%); transform: translateY(25%); padding-bottom: 3px; } #content h2 .en::before { content: "/"; display: inline-block; margin: 0 1em; } #content h2 .archive { font-size: 12px; margin-right: 10px; margin-left: auto; } #content h2 .archive a { color: #333; display: inline-block; vertical-align: middle; font-weight: normal; margin: 0 0 0 0.5em; } #content h2 .archive a.before-margin { margin-left: 2px; } #content h2 .archive::before { content: ""; display: inline-block; vertical-align: middle; background: url("../images/common/arrows/book-cd-arrow@2x.svg") 0 0 no-repeat; background-size: contain; width: 12px; height: 12px; } #content h2 .archive a:hover, #content h2 .archive a:active { text-decoration: underline; opacity: 1; } section#archives { } section#archives .tab-control { padding: 0 0 30px; position: relative; z-index: 1; } section#archives .tab-control ul { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } section#archives .tab-control ul li { border: 1px solid #09375b; border-radius: 2px; color: #09375b; cursor: pointer; font-size: 14px; font-weight: bold; position: relative; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 6px 12px; white-space: nowrap; } section#archives .tab-control ul li:hover, section#archives .tab-control ul li.current { background: #09375b; color: #fff; } section#archives .tab-control ul li.current::after { content: ""; display: block; background: url("../images/home/ichimen-icon@2x.png") 0 0 no-repeat; background-size: contain; width: 20px; height: 23px; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: -30px; } section#archives .tab-control .mCustomScrollBox { overflow: visible; } section#archives .tab-control .mCSB_container { overflow: visible; } section#archives .tab-wrap { border: 1px solid #7f7f7f; margin: -1.5px 0 0; padding: 20px; position: relative; } section#archives .tab { display: none; position: absolute; top: 0; left: 0; } section#archives .tab.current { display: block; position: relative; } section#archives .tab .archive ul li { margin: 0 0 10px; overflow: hidden; } section#archives .tab .archive ul li:last-of-type { margin: 0; } section#archives .tab .archive ul li span.date { display: block; float: left; font-size: 14px; line-height: 1.4; width: 100px; } section#archives .tab .archive ul li span.title { background-image: none; color: #000; display: block; font-size: inherit; font-weight: normal; height: auto; line-height: inherit; overflow: hidden; padding: 0; } section#archives .tab .archive ul li span.title a { color: #000; display: inline-block; font-size: 13px; line-height: 1.4; max-width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; } section#archives .tab .archive ul li span.title a:hover, section#archives .tab .archive ul li span.title a:active { opacity: 1; text-decoration: underline; } section#archives .tab .archive ul li.image span.title a { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 24px 0 0; position: relative; } section#archives .tab .archive ul li.image span.title a::after { content: ""; display: inline-block; vertical-align: middle; margin: 0 0 0 10px; background: url("../images/home/ichimen-icon.png") 0 0 no-repeat; background-size: contain; width: 18.5px; height: 13.5px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } section#archives .tab .more { margin: 28px auto 0; position: relative; width: 220px; z-index: 1; } section#archives .tab#today .archive .date { margin: 0 0 20px; } section#archives .tab#today .archive .date span { display: inline-block; font-weight: bold; margin: 0 1em 0 0; } section#archives .tab#today .archive ul li span.cat { border: 1px solid #000; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; display: block; float: left; font-size: 14px; font-weight: bold; line-height: 1.4; margin: 0 20px 0 0; text-align: center; width: 80px; } section#news { } section#news h2::before { background: #dd4436; } section#news ul { border: 1px solid #7f7f7f; padding: 20px; } section#news ul li { margin: 0 0 10px; overflow: hidden; } section#news ul li:last-of-type { margin: 0; } section#news ul li .date { display: block; float: left; font-size: 14px; line-height: 1.7; width: 100px; } section#news ul li .title { background-image: none; background-repeat: no-repeat; color: #000; display: block; font-size: inherit; font-weight: inherit; height: auto; line-height: inherit; overflow: hidden; padding: 0; } section#news ul li .title a { display: block; font-size: 13px; line-height: 1.7; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } section#news ul li .title a:hover, section#news ul li .title a:active { opacity: 1; text-decoration: underline; } section#news ul li.new .title::before { content: "New"; display: block; background: #d31919; /* border-radius: 4px; */ border-radius: 0px; color: #fff; float: left; font-size: 10px; line-height: 1.7; margin: 0.25em 1em 0.25em 0; padding: 0px 8px; } section#journal { } section#journal h2::before { background: #0067b7; } section#journal h2 a { text-decoration: none; } section#journal a { /*color:#2B86BD;text-decoration:underline;*/ } section#journal .column-wrap { -js-display: flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } section#journal .column-wrap .column { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } section#journal .box { overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; } section#journal .box .thumb { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 0 20px 0 0; width: 50%; } section#journal .box .thumb[data-remodal-target="modal"] { cursor: pointer; } section#journal .box .thumb a { display: block; } section#journal .box .thumb img { width: 100%; height: auto; } section#journal .box .text { margin: 0 0 20px 0; } section#journal .box .thumb + .text { margin: 0 0 0 calc(50%); } section#journal .box .text .title { background-image: none; background-repeat: no-repeat; color: #09375b; margin: 0 0 10px 0; font-size: 14px; font-weight: bold; height: inherit; line-height: 1.4; padding: 0; } section#journal .box .text .title::after { content: ""; display: block; border-top: 1px dashed #000; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 5px 0 0; width: 100%; height: 1px; } section#journal .box .text p { font-size: 12px; line-height: 1.7; } section#journal .column.left { border: 1px solid #7f7f7f; padding-top: 1px;} section#journal .column.left .box { height: 100%; padding: 20px 30px 20px 20px; } section#journal .column.left .box .link { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } section#journal .column.left .box .link .btn { margin: 20px 20px 0 0; position: relative; width: 100%; z-index: 1; } 
section#journal .column.left .box .link .btn + .btn { margin: 20px 0 0 0; } 
section#journal .column.left .box .link .btn a { border: 1px solid #7f7f7f; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; font-size: 10px; padding: 10px 0; position: relative; text-align: center; text-decoration: none; position: relative; } 
section#journal .column.left .box .link .btn a:hover, section#journal .column.left .box .link .btn a:active { border-color: transparent; opacity: 1; } 
/*section#journal .column.left .box .link .btn a::after { 
    content: "\f061"; font-family: "Font Awesome 5 Free"; font-size: 12px; font-weight: bold;  color:#374149; display: inline-block; vertical-align: middle; margin: 0 0 0 0.5em; } */
section#journal .column.left .box .link .btn a::after {
    content: "";width: 12px;height: 12px;background: url(../images/common/arrows/home-jnl-arrow.png) no-repeat center / contain;display: inline-block;vertical-align: middle;margin: -4px 0 0 8px;}
section#journal .column.left .box .link .btn a span { /*text-decoration:underline;*/ } section#journal .column.right { } section#journal .column.right .box { border: 1px solid #7f7f7f; border-left: none; padding: 20px 20px 20px 30px; position: absolute; top: 0; right: 0; width: 50%; height: 133px; } section#journal .column.right .box:nth-of-type(2) { border-top: none; top: inherit; bottom: 0; } section#journal .contents { background: #fff; width: 50px; height: 50px; margin: 0 auto; z-index: 1; position: absolute; left: 0; right: 1px; top: 50%; -webkit-transform: translate(0, -50%) rotate(45deg); -ms-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); } section#journal .contents a { border: 1px solid #7f7f7f; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; -js-display: flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } section#journal .contents a:hover, section#journal .contents a:active { opacity: 1; border: none; } section#journal .contents a span.wrap { display: block; font-size: 10px; text-align: center; -webkit-transform: rotate(-45deg) translateY(25%); -ms-transform: rotate(-45deg) translateY(25%); transform: rotate(-45deg) translateY(25%); white-space: nowrap; } section#journal .contents a span.text { /*text-decoration:underline;*/ } 

/*section#journal .contents a span.wrap::after { 
    content: "\f061"; display: block; font-family: "Font Awesome 5 Free"; font-size: 14px; font-weight: bold; margin: 5px 0 0; } */
section#journal .contents a span.wrap::after {
    content: "";display: block;width: 14px;height: 14px;background: url(../images/common/arrows/home-jnl-arrow.png) no-repeat center / contain;margin: 4px 0 0 18px;}
section#journal .contents .border { border: none; -webkit-transform: none; -ms-transform: none; transform: none; } section#journal .contents .border span { -webkit-transform: none; -ms-transform: none; transform: none; } section#books-data { opacity: 1; } section#books-data h2::before { background: #efb51e; } section#books-data .wrap { position: relative; } section#books-data ul { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } section#books-data ul li { -webkit-box-sizing: border-box; box-sizing: border-box; border: solid #999; border-width: 0 1px 1px 0; overflow: hidden; position: relative; text-align: center; width: 25%; } section#books-data ul li:nth-of-type(-n + 4) { border-top: 1px solid #999; } section#books-data ul li:nth-of-type(4n + 1) { border-left: 1px solid #999; } section#books-data ul li.new::after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 35px 35px 0 0; border-color: #d31919 transparent transparent transparent; position: absolute; left: 0; top: 0; z-index: 10; } section#books-data ul li.new::before { content: "New"; display: block; color: #fff; font-size: 10px; width: 35px; height: 35px; position: absolute; left: 0; top: 0; z-index: 20; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg) translate(-50%, 40%); -ms-transform: rotate(-45deg) translate(-50%, 40%); transform: rotate(-45deg) translate(-50%, 40%); } section#books-data ul li a { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 100%; padding: 20px; } section#books-data ul li .thumb { margin: 0 auto 20px; } section#books-data ul li .thumb img { max-width: 100%; height: auto; } section#books-data ul li .title { background-image: none; color: #000; font-size: 12px; font-weight: normal; height: auto; line-height: 1.7; padding: 0 0 0 1.5em; position: relative; text-align: left; } section#books-data ul li .title::before { content: ""; display: block; background: url("../images/common/arrows/book-cd-arrow@2x.svg") 0 0 no-repeat; background-size: contain; margin: 0; width: 12px; height: 12px; position: absolute; top: 0; left: 0; -webkit-transform: translateY(25%); -ms-transform: translateY(25%); transform: translateY(25%); } section#books-data ul li a:hover .thumb, section#books-data ul li a:active .thumb { opacity: 0.5; } section#books-data ul li a:hover .title, section#books-data ul li a:active .title { text-decoration: underline; } section#books-data .keishin-data { width: 50px; height: 50px; z-index: 1; position: absolute; top: 50%; left: 0; right: 1px; margin: 0 auto; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } section#books-data .keishin-data a { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } section#books-data .keishin-data a:hover, section#books-data .keishin-data a:active { opacity: 1; } section#books-data .keishin-data a span { display: block; font-size: 10px; text-align: center; -webkit-transform: rotate(-45deg) translateY(25%); -ms-transform: rotate(-45deg) translateY(25%); transform: rotate(-45deg) translateY(25%); white-space: nowrap; } section#books-data .keishin-data a span::after { content: "\f061"; display: block; font-family: "Font Awesome 5 Free"; font-size: 14px; font-weight: bold; margin: 5px 0 0; } section#books-data .keishin-data .border { background: #fff; } section#books-data .keishin-data.hide { opacity: 0; } @media print { section { page-break-inside: avoid; } } @media screen and (max-width: 820px) { .banner.under-header { margin: 0 -10px 25px; } .banner.under-header .slick-dots { height: 20px; bottom: -20px; } .banner.under-header .slick-dots li { height: auto; } .more a { border: 1px solid #7f7f7f; padding: 10px; } section + section { margin: 60px 0 0; } section h2 { font-size: 16px; margin: 0 0 20px; } section h2::before { margin: 0 10px 0 0; width: 5px; height: 25px; } section h2 span.archive { display: none; } #content h2 .en { padding-bottom: 0; padding-top: 4px; } section h2 .en { -ms-flex-item-align: normal; align-self: normal; font-size: 12px; } section >.archive { display: block; margin: 20px 0 0; text-align: center; } section >.archive a { border: 1px solid #7f7f7f; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 12px; padding: 10px; /* width: 220px; */ width: 100%; position: relative; } section >.archive a::after { content: "\f061"; font-family: "Font Awesome 5 Free"; font-weight: bold; display: inline-block; font-size: 12px; /* margin: 0 0 0 1em; */ position: absolute; right: 10px; } section#archives { margin: 0 -20px 40px; } section#archives .tab-control { margin: 0 4px 10px 0; overflow: hidden; padding: 0 0 10px; } section#archives .tab-control ul li { margin: 0 0 0 4px; } section#archives .tab-control ul li.current::after { content: none; } section#archives .tab-control .mCustomScrollBox { overflow: hidden; } section#archives .tab-control .mCSB_container { overflow: hidden; } section#archives .tab-wrap { border: none; padding: 0; } section#archives .tab .archive ul li { border-bottom: 1px solid #000; padding: 10px 20px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } section#archives .tab .archive ul li span.title { padding: 0; } section#archives .tab .archive ul li span.title a { font-weight: bold; white-space: normal; } section#archives .tab .archive ul li.image span.title a { padding: 0; } section#archives .tab .archive ul li.image span.title a::after { position: relative; top: inherit; -webkit-transform: none; -ms-transform: none; transform: none; } section#archives .tab .more { margin: 20px auto 0; } section#archives .tab#today .archive .date { font-size: 14px; margin: 0 0 10px; padding: 0 20px; } section#archives .mCSB_horizontal.mCSB_inside >.mCSB_container { margin-bottom: 12px; } section#news ul { border: none; margin: 0 -20px; padding: 0; } section#news ul li { border-bottom: 1px solid #ff0000; padding: 10px 20px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } section#news ul li .title { padding: 0; } section#news ul li .title a { display: inline; font-weight: bold; white-space: normal; } section#news .more { margin: 20px auto 0; width: 220px; } section#news .archive a { background-color: #f9f9f9; font-weight: bold; width: 100%; padding: 15px 10px; } section#news .archive a::after { content: ""; display: inline-block; vertical-align: middle; background: url(../images/common/arrows/book-cd-arrow@2x.svg) 0 0 no-repeat; background-size: contain; width: 13px; height: 13px; } section#journal .column.left .box { padding: 10px; } section#journal .column-wrap .column { width: 100%; } section#journal .column.left .box .link { margin: 0 0 0 -10px; width: auto; min-width: 100%; } section#journal .column.left .box .link .btn { margin: 20px 0 0 10px; width: 100%; } section#journal .column.left .box .link .btn:last-of-type { margin: 20px 0 0 10px; } section#journal .column.left .box .link .btn a { white-space: nowrap; background-color: #f9f9f9; } section#journal .column.left .box .link .btn a:hover, section#journal .column.left .box .link .btn a:active { border-color: #7f7f7f; } section#journal .column.left .box .link .btn a span { font-weight: bold; } section#journal .column.left .box .link .btn a::after { content: ""; display: inline-block; vertical-align: middle; background: url(../images/common/arrows/book-cd-arrow@2x.svg) 0 0 no-repeat; background-size: contain; width: 12px; height: 12px; margin: 0; position: absolute; right: 10px; } section#journal .archive a { border: none; background-color: #cd3248; font-weight: bold; width: 100%; padding: 15px 10px; color: #fff; } section#journal .archive a::after ,section#journal .mokuji a::after { content: ""; display: inline-block; vertical-align: middle; background: url(../images/common/arrows/book-cd-arrow_wh@2x.svg) 0 0 no-repeat; background-size: contain; width: 13px; height: 13px; } section#journal .mokuji { display: block; margin: 20px 0 0; text-align: center; } section#journal .mokuji a { /* border: 1px solid #7f7f7f; */ -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 12px; /* padding: 10px; */ padding: 15px 10px; text-decoration: none; /* width: 220px; */ width: 100%; font-weight: bold; background-color: #494949; color: #fff; position: relative; } section#journal .mokuji a::after { /* content: "\f061"; font-family: "Font Awesome 5 Free"; font-weight: bold; display: inline-block; font-size: 12px; margin: 0 0 0 1em; */ margin: 0; position: absolute; right: 10px; } section#journal .mokuji a span { /* text-decoration: underline; */ } section#journal .archive a { text-decoration: none; } section#journal .archive a span { /* text-decoration: underline; */ } section#books-data ul { } section#books-data ul li { border-width: 0 1px 1px 0; width: 50%; } section#books-data ul li:nth-of-type(-n + 4) { border-top-width: 0; } section#books-data ul li:nth-of-type(4n + 1) { border-left-width: 0; } section#books-data ul li:nth-of-type(-n + 2) { border-top-width: 1px; } section#books-data ul li:nth-of-type(odd) { border-left-width: 1px; } section#books-data ul li .thumb img { margin: 0 auto; } section#books-data ul li .title { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } section#books-data ul li a { padding: 10px; } section#books-data .archive a { border: none; background-color: #cd3248; font-weight: bold; width: 100%; padding: 15px 10px; color: #fff; } section#books-data .archive a::after ,section#books-data .keishin-data a span::after { content: ""; display: inline-block; vertical-align: middle; background: url(../images/common/arrows/book-cd-arrow_wh@2x.svg) 0 0 no-repeat; background-size: contain; width: 13px; height: 13px; } section#books-data .keishin-data { margin: 20px 0 0; position: relative; text-align: center; width: auto; height: auto; -webkit-transform: none; -ms-transform: none; transform: none; } section#books-data .keishin-data a { /* border: 1px solid #7f7f7f; */ -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; /* padding: 10px; */ padding: 15px 10px; /* width: 220px; */ width: 100%; font-weight: bold; background-color: #494949; color: #fff; position: relative; } section#books-data .keishin-data a span { font-size: 12px; -webkit-transform: none; -ms-transform: none; transform: none; } section#books-data .keishin-data a span::after { display: inline-block; font-size: 12px; /* margin: 0 0 0 1em; */ margin: 0; position: absolute; right: 10px; } }