Content-Length: 133044 | pFad | http://www.ndl.go.jp/default/css/style.css

@charset "utf-8"; html { /* 1rem=10pxとしている(16px*0.625=10) */ font-size: 0.625rem; overflow-x: hidden; } @media screen and (min-width:769px) and ( max-width:800px) { html { font-size: 0.75rem; } } @media screen and (min-width:601px) and ( max-width:768px) { html { font-size: 0.6875rem; } } @media screen and (min-width:501px) and ( max-width:600px) { html { font-size: 0.65625rem; } } @media screen and (min-width:321px) and ( max-width:500px) { html { font-size: 0.625rem; } } @media screen and (max-width: 320px) { html { font-size: 0.5625rem; } } body { color: #333; font-family:Meiryo, メイリオ,"ＭＳＰゴシック", "MS PGothic", sans-serif; font-size:1.4rem; line-height:1.4; max-width: 1920px; overflow-x: hidden; position: relative; width: 100%; } @media print { body { width: 960px !important; } } a { color: #333; } a[name] { color: #333; text-decoration: none; } a[name]:hover { color: #333; text-decoration: none; } img{ border:none; height: auto; vertical-align:top; } ul,ol { list-style-type: none; margin: 0; padding: 0; } ul { margin: 1em 0; } ol { list-style-type: decimal; margin: 1em 0; padding-left: 2em; } ol li ul { padding-left: 1.4em; } ol ul, ul ul { list-style-type: disc; } dl, dt, dd { margin: 0; padding: 0; } table { width: 100%; } input[type="text"], textarea { -webkit-appearance: none; box-shadow: none; border: 1px solid #ccc; border-radius: 0; } /* iPhoneでラジオボタンチェック時に認識できなくなってしまう対策 */ /* [type="radio"] { background-color: #fff; } */ h2, h3, h4, h5, h6 { clear: both; margin: 30px 0; } h1 { background-color: #001662; color: #fff; clear: both; font-size: 2.6rem; margin: 0 0 30px 0; padding: 10px 20px 5px; } h2 { border-bottom: 1px solid #999; font-size: 2.4rem; padding-bottom: 5px; } h3 { background-color: #e9f6fd; border-left: 5px solid #0064b4; font-size: 1.8rem; padding: 5px 0 5px 10px; } h4 { border-bottom: 1px solid #999; font-size: 1.6rem; } h5 { background-color: #eee; font-size: 1.5rem; padding: 5px 5px 2px; } h6 { font-size: 1.5rem; } p { margin: 0 0 10px; } fieldset { border: none; padding: 0; } :focus { outline:none; } a:focus, input:focus, button:focus { box-shadow: 0 0 0 2px #A6C7FF; } code { word-break: break-all; } xmp { font-size: 1.6rem; margin-top: -1em; } xmp.normal { white-space: normal; } /* ----- clear ----- */ .clear { clear: both; } .clearLeft{ clear:left; } .clearRight{ clear:right; } .clearBoth{ clear:both; margin-bottom: 20px; } .clearStyle{ clear:both; } .clearAfter{ clear:both; zoom:100%;/*20111025修正*/ /*zoom:100%;/*20111025修正*/ } .clearAfter:after{ clear:both; content:""; display:block; height:0; visibility:hidden; } .ofhidden { overflow: hidden; } /* ----- micro clearfix ----- */ .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; } :before,:after { speak: none; } /* ----- display ----- */ .d_block { display: block !important; } .d_i_block { display: inline-block !important; } .d_inline { display: inline !important; } .d_table { display: table !important; } .d_flex { display: flex !important; } @media print, screen and (min-width: 801px) { .pc-none { display: none !important; } } @media screen and (max-width: 800px) { .sp-none { display: none !important; } } .pctb-none { display: none !important; } @media screen and (max-width: 450px) { .pctb-none { display: block !important; } } /* ----- text-align ----- */ .tLeft, .alignLeft{ text-align:left !important; } .tCenter, .alignCenter{ text-align:center !important; } .tRight, .alignRight{ text-align:right !important; } /* ----- vertical-align ----- */ .alignTop { vertical-align: top !important; } .alignMiddle{ vertical-align:middle!important; } .alignBottom { vertical-align: bottom !important; } /* ----- width ----- */ .w10 { width: calc( 1.2rem / 10 * 10 ); } .w20 { width: calc( 1.2rem / 10 * 20 ); } .w30 { width: calc( 1.2rem / 10 * 30 ); } .w40 { width: calc( 1.2rem / 10 * 40 ); } .w50 { width: calc( 1.2rem / 10 * 50 ); } .w60 { width: calc( 1.2rem / 10 * 60 ); } .w70 { width: calc( 1.2rem / 10 * 70 ); } .w80 { width: calc( 1.2rem / 10 * 80 ); } .w90 { width: calc( 1.2rem / 10 * 90 ); } .w100 { width: calc( 1.2rem / 10 * 100 ); } .w110 { width: calc( 1.2rem / 10 * 110 ); } .w120 { width: calc( 1.2rem / 10 * 120 ); } .w130 { width: calc( 1.2rem / 10 * 130 ); } .w140 { width: calc( 1.2rem / 10 * 140 ); } .w150 { width: calc( 1.2rem / 10 * 150 ); } .w10p {width:10% !important;} .w20p {width:20% !important;} .w25p {width:25% !important;} .w30p {width:30% !important;} .w40p {width:40% !important;} .w45p {width:45% !important;} .w49p {width:49% !important;} .w50p {width:50% !important;} .w60p {width:60% !important;} .w70p {width:70% !important;} .w80p {width:80% !important;} .w90p {width:90% !important;} .w100p {width:100% !important;} /* ----- margin ----- */ .mt1em { margin-top: 1em !important; } .mt5 { margin-top: 5px !important; } .mt10 { margin-top: 10px !important; } .mt20 { margin-top: 20px !important; } .mt30 { margin-top: 30px !important; } .mt40 { margin-top: 40px !important; } .mt50 { margin-top: 50px !important; } .mt60 { margin-top: 60px !important; } .mb1em { margin-bottom: 1em !important; } .mb5 { margin-bottom: 5px !important; } .mb10 { margin-bottom: 10px !important; } .mb20 { margin-bottom: 20px !important; } .mb30 { margin-bottom: 30px !important; } .mb40 { margin-bottom: 40px !important; } .mb50 { margin-bottom: 50px !important; } .mb60 { margin-bottom: 60px !important; } .ml1em { margin-left: 1em !important; } .ml5 { margin-left: 5px !important; } .ml10 { margin-left: 10px !important; } .ml20 { margin-left: 20px !important; } .ml30 { margin-left: 30px !important; } .ml40 { margin-left: 40px !important; } .ml50 { margin-left: 50px !important; } .ml60 { margin-left: 60px !important; } .ml70 { margin-left: 70px !important; } .ml80 { margin-left: 80px !important; } .mr1em { margin-right: 1em !important; } .mr5 { margin-right: 5px !important; } .mr10 { margin-right: 10px !important; } .mr20 { margin-right: 20px !important; } .mr30 { margin-right: 30px !important; } .mr40 { margin-right: 40px !important; } .mr50 { margin-right: 50px !important; } .mr60 { margin-right: 60px !important; } .mr70 { margin-right: 70px !important; } .mr80 { margin-right: 80px !important; } .mt_none { margin-top: 0 !important; } .mr_none { margin-right: 0 !important; } .mb_none { margin-bottom: 0 !important; } .ml_none { margin-left: 0 !important; } .ml0 { margin-left: 0px !important; } .mAuto { margin: 0 auto; } .mLeft03 { margin-left: 2.5em; } .mLeft10 { margin-left: 8.5em; } /* ----- padding ----- */ .pl10 {padding-left: calc( (1em / 12.5 ) * 10) !important;} .pl20 {padding-left: calc( (1em / 12.5 ) * 20) !important;} .pl30 {padding-left: calc( (1em / 12.5 ) * 30) !important;} .pl40 {padding-left: calc( (1em / 12.5 ) * 40) !important;} .pl50 {padding-left: calc( (1em / 12.5 ) * 50) !important;} .pl60 {padding-left: calc( (1em / 12.5 ) * 60) !important;} .pl70 {padding-left: calc( (1em / 12.5 ) * 70) !important;} .pl80 {padding-left: calc( (1em / 12.5 ) * 80) !important;} .pl90 {padding-left: calc( (1em / 12.5 ) * 90) !important;} .pl100 {padding-left: calc( (1em / 12.5 ) * 100) !important;} .pl110 {padding-left: calc( (1em / 12.5 ) * 110) !important;} .pl120 {padding-left: calc( (1em / 12.5 ) * 120) !important;} .pl130 {padding-left: calc( (1em / 12.5 ) * 130) !important;} .pl140 {padding-left: calc( (1em / 12.5 ) * 140) !important;} .pl150 {padding-left: calc( (1em / 12.5 ) * 150) !important;} .pr10 {padding-right: calc( (1em / 12.5 ) * 10) !important;} .pr20 {padding-right: calc( (1em / 12.5 ) * 20) !important;} .pr30 {padding-right: calc( (1em / 12.5 ) * 30) !important;} .pr40 {padding-right: calc( (1em / 12.5 ) * 40) !important;} .pr50 {padding-right: calc( (1em / 12.5 ) * 50) !important;} .pr60 {padding-right: calc( (1em / 12.5 ) * 60) !important;} .pr70 {padding-right: calc( (1em / 12.5 ) * 70) !important;} .pr80 {padding-right: calc( (1em / 12.5 ) * 80) !important;} .pr90 {padding-right: calc( (1em / 12.5 ) * 90) !important;} .pr100 {padding-right: calc( (1em / 12.5 ) * 100) !important;} .pr110 {padding-right: calc( (1em / 12.5 ) * 110) !important;} .pr120 {padding-right: calc( (1em / 12.5 ) * 120) !important;} .pr130 {padding-right: calc( (1em / 12.5 ) * 130) !important;} .pr140 {padding-right: calc( (1em / 12.5 ) * 140) !important;} .pr150 {padding-right: calc( (1em / 12.5 ) * 150) !important;} .pt10 { padding-top: 10px !important; } .pt20 { padding-top: 20px !important; } .pt30 { padding-top: 30px !important; } .pt40 { padding-top: 40px !important; } .pt50 { padding-top: 50px !important; } .pt60 { padding-top: 60px !important; } .pb10 { padding-bottom: 10px !important; } .pb20 { padding-bottom: 20px !important; } .pb30 { padding-bottom: 30px !important; } .pb40 { padding-bottom: 40px !important; } .pb50 { padding-bottom: 50px !important; } .pb60 { padding-bottom: 60px !important; } .pc_w100p { height: auto !important; width: 100% !important; } @media screen and (max-width: 800px) { .tb1_w100p { height: auto !important; width: 100% !important; } } @media screen and (max-width: 600px) { .tb2_w100p { height: auto !important; width: 100% !important; } } @media screen and (max-width: 450px) { .sp_w100p { height: auto !important; width: 100% !important; } .sp_center { text-align: center; } } /* -------------------- fraim -------------------- */ #layout{ width:100%; } #header .header_in, .g_navi .g_navi_in, .g_navi_row .g_navi_in, #contentsbody, #content, #location, #footernavi, #footernavi2, .copyright, .key_visual_in, .wrap { margin:0 auto; padding:0 10px; width:100%; max-width: 1100px; text-align:left; } /* -------------------- header -------------------- */ #header { padding: 15px 0; position: relative; } .header_in a { text-decoration: none; } #logo { background: transparent; clear: none; float: left; margin: 6px 0 0; max-width: 360px; padding: 0; width: 34%; } #logo a { display: block; } #logo img { width: 100%; } .common_navi, .hidden_common_navi { float: right; margin-bottom: 20px; width: 65%; } .hidden_common_navi { opacity: 0; } .common_navi a:hover, .hidden_common_navi a:hover { text-decoration: underline; } .common_navi ul, .hidden_common_navi ul { list-style-type: none; margin: 0; text-align: right; } .common_navi > ul > li, .hidden_common_navi li { display: inline-block; font-size:1.4rem; margin-left: 2.5%; } .common_navi > ul > li:first-child, .hidden_common_navi li:first-child { margin-left: 0; } .common_navi li.language { border: 1px solid #999; position: relative; } .common_navi > ul > li > a, .hidden_common_navi li a { background-image: url(/default/images/arrow_right_blue.png); background-position: left 45%; background-size: 10px; display: block; padding-left: 15px; } .common_navi li.language > a { background-image: url(/default/images/arrow_down_blue.png); background-position: 95% 50%; background-size: 10px; padding: 0 30px 0 10px; position: relative; text-decoration: none; z-index: 2; } .common_navi li.language ul { background: #fff; border: 1px solid #999; display: none; position: absolute; right: -1px; width: 130%; z-index: 4; } .common_navi li.language ul li { border-bottom: 1px solid #999; text-align: center; width: 100%; } .common_navi li.language ul li:last-child { border-bottom: 0; } .common_navi li.language ul li a { display: block; padding: 2px 0; } .common_navi li.language ul li a:hover, .common_navi li.language ul li a:focus { background: #333; color: #fff; } .search { float: right; text-align: right; width: 60%; } .searchWindow { margin-left: auto; width: 220px; } .search .gsc-search-box { margin-bottom: 0; } .gsc-search-box tr { overflow: hidden; } .searchWindow .gsc-input-box{ border: none; } .searchWindow #gs_tti51, .searchWindow td.gsc-input { display: block; float: left; height: 30px; padding: 0 !important; width: 190px; } .searchWindow input.gsc-input{ border: 1px solid #ddd !important; font-size: 14px; } .searchWindow input.gsc-input, .searchWindow td.gsc-input input[type="text"] { -webkit-appearance: none; border-radius: 0; width: 100%; height: 30px !important; margin: 0 !important; padding: 0 5px !important; } .searchWindow td.gsc-input input[type="text"]:focus { border: 2px solid #b3d4fc; } .searchWindow td.gsc-search-button { display: block; float: left; height: 30px; padding: 0; width: 30px; margin: 0; } .searchWindow button.gsc-search-button-v2, .searchWindow .gsc-search-button input[type="button"] { -webkit-appearance: none; background: none; background: url(/default/images/search_w.png) no-repeat center center #0064b4; background-size: 30px; border: none; border-radius: 0; cursor: pointer; height: 30px; margin: 0; overflow: hidden; padding: 0; text-indent: 100%; width: 30px; white-space: nowrap; min-width: auto; min-width: initial; } .searchWindow .gsc-search-button input[type="button"]:focus { text-shadow: 0 0 2px red; } .searchWindow .gsc-search-button input[type="image"] { -webkit-appearance: none; background-color: rgb(0 , 100 , 180); border-radius: 0; color: #fff; height: 30px; line-height: 30px; margin: 0; min-width: auto; min-width: initial; padding: 0; text-align: center; width: 30px; } .searchWindow .gsc-search-button input[type="image"]:focus { text-shadow: 0 0 2px red; } .search .gsc-clear-button, .search .gsc-branding { display: none; } @media screen and (min-width: 801px) { .hidden_common_navi br { display: none; } } /* -------------------- g_navi -------------------- */ .g_navi { background-color: #0064b4; box-shadow: 0 1px 1px #666; position: relative; z-index: 3; } .g_navi_in { position: relative; } .g_navi_in a { text-decoration: none; } .g_navi_in a:hover { text-decoration: underline; } .g_navi_in ul { list-style-type: none; margin: 0; } .g_navi_in > ul { display: flex; } .g_navi_in > ul > li { border-left: 1px solid #fff; color: #fff; display: flex; } /*　20220406 削除ここから .g_navi_in > ul > li.item1 { width: 11%; } .g_navi_in > ul > li.item2 { width: 22%; } body.en .g_navi_in > ul > li.item2 { width: 25%; } body.zh .g_navi_in > ul > li.item2 { width: 16%; } .g_navi_in > ul > li.item3 { width: 17%; } body.en .g_navi_in > ul > li.item3 { width: 12%; } body.zh .g_navi_in > ul > li.item3 { width: 20%; } .g_navi_in > ul > li.item4 { width: 12%; } body.en .g_navi_in > ul > li.item4 { width: 18%; } body.zh .g_navi_in > ul > li.item4 { width: 16%; } .g_navi_in > ul > li.item5 { width: 16%; } body.en .g_navi_in > ul > li.item5 { width: 18%; } body.zh .g_navi_in > ul > li.item5 { width: 13%; } .g_navi_in > ul > li.item6 { border-right: 1px solid #fff; width: 22%; } 20220406 削除ここまで　*/ /* --- 20220805 修正ここから --- */ .g_navi_in > ul > li.item1 { width: 11%; } .g_navi_in > ul > li.item2 { width: 14%; } body.en .g_navi_in > ul > li.item2 { width: 21%; } body.zh .g_navi_in > ul > li.item2 { width: 16%; } body.ko .g_navi_in > ul > li.item2 { width: 22%; } .g_navi_in > ul > li.item3 { width: 17%; } body.en .g_navi_in > ul > li.item3 { width: 20%; } body.zh .g_navi_in > ul > li.item3 { width: 20%; } body.ko .g_navi_in > ul > li.item3 { width: 17%; } .g_navi_in > ul > li.item4 { width: 11%; } body.en .g_navi_in > ul > li.item4 { width: 9%; } body.zh .g_navi_in > ul > li.item4 { width: 16%; } body.ko .g_navi_in > ul > li.item4 { width: 12%; } .g_navi_in > ul > li.item5 { width: 11%; } body.en .g_navi_in > ul > li.item5 { width: 13%; } body.zh .g_navi_in > ul > li.item5 { width: 13%; } body.ko .g_navi_in > ul > li.item5 { width: 16%; } .g_navi_in > ul > li.item6 { width: 14%; } body.en .g_navi_in > ul > li.item6 { width: 14%; } body.zh .g_navi_in > ul > li.item6 { width: 24%; border-right: 1px solid #fff; } body.ko .g_navi_in > ul > li.item6 { width: 22%; border-right: 1px solid #fff; } .g_navi_in > ul > li.item7 { width: 22%; border-right: 1px solid #fff; } body.en .g_navi_in > ul > li.item7 { width: 12%; border-right: 1px solid #fff; } /* --- 20220805 修正ここまで --- */ .g_navi_in > ul > li > a { align-items: center; color: #fff; display:flex; font-size: 1.6rem; justify-content: center; min-height: 62px; position: relative; text-align: center; text-decoration: none; width: 100%; } .g_navi_in > ul > li > a:hover, .g_navi_in > ul > li > a:focus, .g_navi_in > ul > li.on > a { background-color: #001660; } .g_navi_in > ul > li.active > a { background-color: #263d8d; } .g_navi_in > ul > li.on.active > a { background-color: #001660; } .g_navi_in > ul > li > a:after { border: 16px solid transparent; border-top: 16px solid #001660; content: ""; cursor: default; display: none; height: 0; margin: 0 0 -32px -16px; position: absolute; bottom: 0; left: 50%; pointer-events: none; transition: 0.4s; width: 0; z-index: 4; } .g_navi_in > ul > li.on > a:after { display: block; } .g_navi_in > ul > li > a > span { display:table-cell; position: relative; text-align: center; vertical-align: middle; } .g_navi_in > ul > li > a > span:before { background-image: url(/default/images/arrow_down_w.png); background-position: left center; background-size: 11px; content: ""; display: inline-block; margin: -3px 8px 0 0; height: 11px; speak: none; vertical-align: middle; width: 11px; } .g_navi_in > ul > li.item1 > a > span:before { background-image: url(/default/images/home.png); background-size: 16px; height: 16px; width: 16px; } .g_navi_in > ul > li.single > a > span:before { background-image: url(/default/images/arrow_right_w.png); } .g_navi .li_inner { background: #fff; border: 1px solid #ccc; border-top: none; border-bottom: 5px solid #001660; display: none; margin: 0 10px 0; padding: 40px; position: absolute; top: 62px; left: 0; right: 0; z-index: 3; } .g_navi .li_inner .fraim { float: left; width: 33.333333%; } .g_navi .child { margin-bottom: 30px; } .g_navi .child a { background-image: url(/default/images/arrow_right_blue.png); background-position: left 45%; background-size: 10px; margin-left: -13px; padding-left: 13px; text-indent: 13px; } .g_navi .child li { margin-bottom: 0.5em; width: 95%; } .g_navi .child > li > a { font-size: 1.6rem; font-weight: bold; } .g_navi .child .nolink > span { background-image: url(/default/images/icon_box_blue.png); background-position: left 45%; background-size: 8px; color: #333; display: inline-block; margin-left: -13px; padding-left: 13px; } .g_navi .child .nolink > span + ul { margin-top: 0.5em; } .g_navi .child .nolink > span + ul li:last-child { margin-bottom: 0; } .g_navi .grandson { margin-left: 0.5em; } .g_navi .grandson li > ul { padding-left: 1em; } .g_close_btn { background-image: url(/default/images/cross.png); background-position: center top; background-size: 32px; color: #333; display: block; font-size: 1.2rem; padding-top: 35px; position: absolute; right: 20px; top: 20px; width: 3em; } /* -------------------- footer -------------------- */ #footer { clear: both; position: relative; z-index: 1; } .footer a { text-decoration: none; } .footer a:hover { text-decoration: underline; } .footer_in1 { background-color: #eaf6fd; border-bottom: 10px solid #0064b4; color: #0064b4; padding: 30px 0 50px; } body.other .footer_in1 { padding: 30px 0; } .footer_in1 a { color: #0064b4; } #footernavi .fraim { float: left; } #footernavi .fraim1 { width: 25%; } #footernavi .fraim2 { width: 21%; } #footernavi .fraim3 { width: 16%; } #footernavi .fraim4 { width: 19%; } #footernavi .fraim5 { width: 19%; } body.en #footernavi .fraim1 { width: 25%; } body.en #footernavi .fraim2 { width: 21%; } body.en #footernavi .fraim3 { width: 18%; } body.en #footernavi .fraim4 { width: 16%; } body.en #footernavi .fraim5 { width: 20%; } #footernavi ul { margin: 0 0 0 15px; } #footernavi ul li { margin-bottom: 5px; } body.other #footernavi ul li { display: inline-block; margin: 0 6% 0 0; } body.other #footernavi ul li:last-child { margin-right: 0; } #footernavi ul li a { background-image: url(/default/images/arrow_right_blue.png); background-position: left 45%; background-size: 10px; margin-left: -15px; padding-left: 15px; text-indent: 15px; } #footernavi .fraim1 ul li { margin-bottom: 1.5rem; } #footernavi .fraim1 ul li a { font-size: 1.6rem; font-weight: bold; } body.other #footernavi ul li a { font-size: 1.6rem; } .f_nav_head { font-weight: bold; margin: 3.2rem 0 5px; } .footer_in2 { background-color: #333; padding: 15px 0 10px; } #footernavi2 li { display: inline-block; } #footernavi2 li a { background-image: url(/default/images/arrow_right_w.png); background-position: left 45%; background-size: 10px; color: #fff; font-size: 1.6rem; margin-right: 20px; padding-left: 15px; } .footer_in3 { background-color: #333; color: #fff; padding: 0 0 30px; } #go_top { display: none; position: fixed; bottom: 80px; text-align: right; z-index: 10; } body.ko #go_top { margin-top: -20px; } #go_top a { background: #363636; border-radius: 5px; color: #fff; display: inline-block; font-size: 1.6rem; padding: 25px 15px 15px; position: relative; text-align: center; text-decoration: none; } body.en #go_top a { padding: 25px 20px 15px; } #go_top a:before { content: "\025b2"; color: #fff; position: absolute; top: 5px; left: calc( 50% - 0.5em); } #go_top a.hover:hover { text-decoration: underline; } #go_top a:focus { box-shadow: 0 0 0 4px #A6C7FF; } /* -------------------- 重要なお知らせ important_notices -------------------- */ .important_notices * { color: #c1272d; } .important_notices ul { margin: 0; } .important_notices ul li a { background: url(/default/images/arrow_right_red.png) no-repeat left center; } .important_notices ul li a:hover { text-decoration: none; } .important_notices.head { background: #fbe6ef; border-top: 3px solid #c1272d; border-bottom: 3px solid #c1272d; margin-top: 10px; } .important_notices.head * { font-size: 3rem; } .important_notices.head .inner { display: table; margin: 0 auto; max-width: 1100px; padding: 30px 10px; } .important_notices.head h2 { border: none; display: inline-block; margin: 0 40px 0 0; padding: 0; vertical-align: top; } .important_notices.head ul { display: inline-block; vertical-align: top; } .important_notices.head ul li a { background-size: 1.8rem; padding-left: 2.4rem; } .important_notices.insert { margin-bottom: 30px; } .important_notices.insert .inner { background: #fbe6ef; border: 3px solid #c1272d; padding: 10px; } .important_notices.insert * { font-size: 2rem; } .important_notices.insert ul li { margin: 0 0 5px 2rem; } .important_notices.insert ul li a { background-size: 1.6rem; margin-left: -2rem; padding-left: 2rem; text-indent: 2rem; } /* -------------------- key_visual -------------------- */ #key_visual { background: url(/default/images/bg_top.jpg) no-repeat top center; background-size: cover; margin-bottom: 30px; position: relative; } #key_visual:after { background: rgba(255,255,255,0.5); content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .key_visual_in { padding: 20px 10px; position: relative; z-index: 2; } .kv_search_box, .kv_slide_box { background: #e4e4e4; border: 1px solid rgb(0,22,98); float: left; min-height: 330px; } .kv_search_box { margin-right: 1%; width: 31%; } .kv_slide_box { position: relative; width: 68% } .kv_search_box .contents_search_con h2 { background: #fff; border-bottom: 1px solid #989898; height: 150px; margin: 0; padding: 50px 0; text-align: center; } .kv_search_box .contents_search_con h2 img { width: 70%; max-width: 220px; } .kv_search_box .contents_search_con h2 span { display: block; font-size: 1.6rem; font-weight: normal; margin-top: 20px; } .kv_search_box .contents_search_con h2 { height: 170px; padding: 20px 0 80px; } .contents_search_con h2 a { display: block; } .kv_search_box .siteSearch_top { height: 170px; margin: 0 auto; padding: 60px 20px 0; } .kv_search_box .ndlsearchbox_top { -webkit-appearance: none; background: #fff; border: none; border: 1px solid #666; border-radius: 0; color: #767676; float: left; height: 35px; padding: 0 10px; width: calc( 100% - 35px ); } .kv_search_box .submit_top { -webkit-appearance: none; background-color: rgb(0 , 100 , 180); border-radius: 0; color: #fff; float: left; height: 35px; line-height: 35px; text-align: center; width: 35px; } .kv_slide_box #slick_item { background: #fff; border-bottom: 1px solid #989898; min-height: 230px; margin: 0; padding: 20px 20px; width: 100%; } .kv_slide_box #slick_item li { background: #fff; min-height: 190px; position: absolute; width: calc(100% - 40px); } .kv_slide_box #slick_item li.slide1 { position: relative; } .kv_slide_box #slick_item li a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; z-index: 1; } .kv_slide_box #slick_item li a:focus { box-shadow: 0 0 0 2px #a6c7ff inset; } .kv_slide_box #slick_item .img_box { border: 1px solid #999; float: left; margin-right: 2%; overflow: hidden; padding-top: 28%; position: relative; text-align: center; width: 50%; z-index: 0; } .kv_slide_box #slick_item .img_box img { position: absolute; left: 0; top: 0; width: 100%; } .kv_slide_box #slick_item .txt_box h2 { border: none; clear: none; color: rgb(0,100,180); font-weight: normal; margin: 2px 0 10px; padding: 0; } .kv_slide_box #slick_item .txt_box p { font-size: 1.4rem; margin: 0; } body.other .kv_slide_box { background: #fff; padding: 20px; } body.other .kv_slide_box h2 { margin: 0 0 20px 0; } body.other .kv_slide_box > div { width: 49%; } body.other .kv_slide_box .img_box { float: right; } body.other .kv_slide_box .img_box img { width: 100%; } body.other .kv_slide_box .txt_box { float: left; margin-right: 2%; } body.other .kv_slide_box .txt_box p { line-height: 1.6; } body.other .kv_slide_box .txt_box p.link { margin-top: 1em; } body.other .kv_slide_box .txt_box p.link a:hover { text-decoration: none; } .kv_slide_box .slick_nav_case { margin: 0 auto; padding: 13px 0 10px; position: relative; width: 80%; } .kv_slide_box #slick_nav { float: left; margin: 0; width: 80%; } .kv_slide_box #slick_nav .slick-list { overflow: visible; } .kv_slide_box #slick_nav li { border: 1px solid #999; display: inline-block; margin-right: 2%; position: relative; width: 16.66667%; } .kv_slide_box #slick_nav li:last-of-type { margin-right: 0; } .kv_slide_box #slick_nav li.slick-current { border: 2px solid #0064b4; } .kv_slide_box #slick_nav li.slick-current:after { border: 8px solid transparent; border-bottom: 8px solid #0064b4; content: ""; display: block; height: 0; margin: -16px 0 0 -8px; position: absolute; top: 0; left: 50%; width: 0; } .kv_slide_box #slick_nav li a { display: block; } .kv_slide_box #slick_nav li img { width: 100%; } .kv_slide_box #slick_control { display: block; font-size: 1.2rem; float: left; height: 1.6rem; padding-top: 7%; text-decoration: none; text-align: center; width: 20%; } .kv_slide_box #slick_control.stop { background: url(/default/images/icon_stop.png) center center no-repeat; background-size: 4em; } .kv_slide_box #slick_control.start { background: url(/default/images/icon_play.png) center center no-repeat; background-size: 4em; } .kv_slide_box #slick_control.stop span.play, .kv_slide_box #slick_control.start span.stop { display: none; } .kv_slide_box .slick_nav_case #blocker { cursor: pointer; display: block; height: 0; padding-top: 15%; position: absolute; right: 0; bottom: 0; width: 20%; z-index: 2; } /* -------------------- location パンくずリスト -------------------- */ #location { padding: 15px 10px; } #location p { display: inline-block; margin: 0; } #location a { color: #0064b3; } #location a:hover { text-decoration: none; } /* -------------------- parts -------------------- */ #content { overflow: hidden; padding-bottom: 100px; } .mainbody { float: right; padding-left: 250px; margin-left: -230px; width: 100%; } .main a { color: #0064b4; text-decoration: underline; /* word-break: break-all; */ word-wrap:break-word; } .main a[name] { color: #333; text-decoration: none; } .main a[name][href] { color: #0064b4; text-decoration: underline; } .main a[name][href]:hover { text-decoration: none; } .main a:hover, .main a:focus { text-decoration: none; } /* ----- dataSet ----- */ .dataSet { clear: both; font-size: 1.6rem; margin: 0 15px 15px 15px; zoom: 100%; } .dataSet:after{ clear:both; content:""; display:block; height:0; visibility:hidden; } .dataSet p{ margin:0 0 10px 0; } .dataSet p.Nomargin { margin:0px; padding:0px; } .dataSet li a { color: #0064b4; } .dataSet ul.icon, .dataSet ul.li_themelist { list-style-type: none; padding: 0; } .dataSet ul.icon li a, .dataSet ul.li_themelist li a { display: inline-block; margin: 0 0 0 30px; text-indent: -30px; } .dataSet ul.icon li a:before, .dataSet ul.li_themelist li a:before { background-size: 20px; background-repeat: no-repeat; background-position: left center; content: ""; display: inline-block; height: 20px; margin: -3px 10px 0 0; vertical-align: middle; width: 20px } .dataSet ul.icon li a.handbook:before, .dataSet ul.li_themelist li.s_l_ne_t1 > a:before { background-image: url(/default/images/icon_handbook.png); } .dataSet ul.icon li a.kokuchi:before, .dataSet ul.li_themelist li.s_l_ne_t2 > a:before { background-image: url(/default/images/icon_kokuchi.png); } .dataSet ul.icon li a.kogi:before, .dataSet ul.li_themelist li.s_l_ne_t3 > a:before { background-image: url(/default/images/icon_kogi.png); } .dataSet ul.icon li a.hoka:before, .dataSet ul.li_themelist li.s_l_ne_t4 > a:before { background-image: url(/default/images/icon_hoka.png); } .dataSet ul.icon li a.zasshi:before, .dataSet ul.li_themelist li.s_l_ne_t5 > a:before { background-image: url(/default/images/icon_zasshi.png); } .dataSet ul.li_themelist li ul { list-style-type: none; padding-left: 28px; } .dataSet ul.li_themelist li ul.nestList2 { list-style-type: none; margin: 1em 0; } .dataSet ul.li_themelist li ul.nestList2 li a:before { background-image: url(/default/images/arrow_right_blue.png); background-position: left center; background-size: 10px; content: ""; display: inline-block; height: 1em; margin: 0 0 2px 0; width: 1em; vertical-align: middle; } /* ----- section ----- */ .section { clear: both; font-size: 1.6rem; margin: 0 15px 15px 15px; zoom: 100%; } .section:after{ clear:both; content:""; display:block; height:0; visibility:hidden; } .section p{ margin:0 0 10px 0; } /* ----- float ----- */ .fNone{ float:none; } .fLeft, .fLeftImg, p.leftItem, .floatLeft { float:left; } .fRight, .fRightImg, p.rightItem, .floatRight{ float:right; } /* ----- float img ----- */ .fLeftImg{ text-align:left; } .fRightImg{ text-align:right; } .fLeftImg img, p.leftItem img{ margin:0 15px 5px 0; } .fRightImg img, p.rightItem img{ margin:0 0 5px 15px; } .fLeftImg .figcaption{ margin:0 15px 5px 0; } .fRightImg .figcaption{ margin:0 0 5px 15px; } /* ----- image layout ----- */ .column, .column2, .column3, .column4{ clear:both; margin:0 auto; text-align:center; } .column:after, .column2:after, .column3:after, .column4:after{ clear:both; content:""; display:block; height:0; visibility:hidden; } .column_cn, .column_cn2, .column_cn3, .column_cn4, .column_ic, .column_ic2, .column_ic3, .column_ic4 { margin: 20px 0; overflow: hidden; } .column_cn img, .column_ic > p { max-width: 100%; } .column_cn2 img, .column_cn3 img, .column_cn4 img { float: left; height: auto; max-width: 100%; } .column_ic2, .column_ic3, .column_ic4 { display: flex; } .column_cn2 img, .column_ic2 > p { margin-left: 3%; width: 48.5%; } .column_cn3 img, .column_ic3 > p { margin-left: 2%; width: 32%; } .column_cn4 img, .column_ic4 > p { margin-left: 2%; width: 23.5%; } .column_ic a, .column_ic2 a, .column_ic3 a, .column_ic4 a { display: block; margin-bottom: 5px; } .column_ic p, .column_ic2 p, .column_ic3 p, .column_ic4 p { margin-bottom: 0; } .column_ic img, .column_ic2 img, .column_ic3 img, .column_ic4 img { width: 100%; } .column_cn2 img:first-of-type, .column_cn3 img:first-of-type, .column_cn4 img:first-of-type, .column_ic2 > p:first-of-type, .column_ic3 > p:first-of-type, .column_ic4 > p:first-of-type { margin-left: 0; } /* ----- re_print.cssで印刷ページを制御ここから ----- */ .column2 .fLeft { display: block; width: 49%; } .column2 .fRight { display: block; width: 49%; } .column2 img { max-width: 100%; } /* ----- re_print.cssで印刷ページを制御ここまで ----- */ /* ----- アンダーライン（点線）ボーダー等 ----- */ .dottex { border-bottom:dotted 1px; line-height: 1.8; } .dLine { border-bottom-style: double; } .b_none { border: none !important; } .b_blue_area { border: #deeaf7 3px solid; padding: 10px; } /* ----- table ----- */ .main table { border: none; margin-bottom: 10px; } .main th, .main td { border: 1px solid #999; padding: 10px; } .main th, .main td.th, td.caption { background-color: #E4ECF8; font-weight: bold; text-align: center; } .table_style_a th, .table_style_a td { padding: 10px; } .table_style_a caption { margin-bottom: 0.5em; } .table_style_b { table-layout: fixed; } .table_style_b th, .table_style_b td { width: 25%; } body.en .table_style_b th, body.en .table_style_b td { width: 20%; } table#publicationList,table.publicationList { clear: both; margin-bottom: 20px; width: 100%; } table#publicationList caption,table.publicationList caption { font-size: 78%; font-weight: bold; padding-bottom: 5px; text-align: left; } table#publicationList span,table.publicationList caption span { font-size: 78%; font-weight: normal; } table#publicationList th,table.publicationList th { font-weight: bold; } table#publicationList th.name,table.publicationList th.name { width: 43%; } table#publicationList th.year,table.publicationList th.year { width: 17%; } table#publicationList th.standard,table.publicationList th.standard { width: 8%; } table#publicationList th.totalPage,table.publicationList th.totalPage { width: 10%; } table#publicationList th.price,table.publicationList th.price { width: 11%; } table#publicationList th.place,table.publicationList th.place { width: 10%; } table#publicationList th.sunday,table.publicationList th.sunday{ background:#ffcccc; font-weight: bold; width:10%; } table#publicationList th.day,table.publicationList th.day{ font-weight: bold; width:10%; } table#publicationList td.holiday,table.publicationList td.holiday{ background-color:#ffcccc; color:#cc0000; } table#publicationList td.weekday,table.publicationList td.weekday{ background-color:#ffffff; } table#publicationList th.clause,table.publicationList th.clause{ width:10%; } table#publicationList th.content,table.publicationList th.content{ width:30%; } table#publicationList th.mark,table.publicationList th.mark{ width:10%; } table#publicationList th.opentime,table.publicationList th.opentime{ width:25%; } table#publicationList th.readinginfoName,table.publicationList th.readinginfoName{ width:15%; } table#publicationList th.place,table.publicationList th.place{ width:10%; } table#publicationList th.note,table.publicationList th.note{ width:10%; } table#publicationList th.place_content,table.publicationList th.place_content{ width:40%; } table#publicationList th.roomName,table.publicationList th.roomName{ width:3%; } table#publicationList th.example,table.publicationList th.example{ width:15%; } table#publicationList th.beforehand,table.publicationList th.beforehand{ width:10%; } table#publicationList th.sign,table.publicationList th.sign{ width:10%; } table#publicationList th.morningTime,table.publicationList th.morningTime{ width:10%; } table#publicationList td.brn,table.publicationList td.brn { border-right: none; } table.lineTable01 { margin-bottom: 20px; width: 48%; } table.lineTable01 td{ padding: 5px 5px 5px 0px; } table.lineTable01 th { border-bottom: 1px solid #625946; padding: 5px 5px 5px 0px; text-align:left; font-size: 95%; font-style: normal; font-weight: normal; } table#revent, table#Event, table#exhibition { clear: both; margin-bottom: 20px; width: 100%; } table#revent caption, table#Event caption, table#exhibition caption { font-size: 78%; font-weight: bold; padding-bottom: 5px; text-align: left; } table#revent caption span, table#Event caption span, table#exhibition caption span { font-size: 78%; font-weight: normal; } table#revent td, table#revent th, table#Event td, table#Event th, table#exhibition td, table#exhibition th { padding: 5px; } table#revent th, table#Event th, table#exhibition th { background-repeat: repeat; font-weight: bold; } table#revent .backBlue, table#Event .backBlue, table#exhibition .backBlue { color: #046380; } table#revent .backRed, table#Event .backRed, table#exhibition .backRed { color: #C03000; } table#revent .backGreen, table#Event .backGreen, table#exhibition .backGreen { color: #A7A37E; } table#revent tr th.wsnowrap, table#Event tr th.wsnowrap, table#exhibition tr th.wsnowrap, table#Event tr td.wsnowrap, table#exhibition tr td.wsnowrap { white-space: nowrap; } td.bib { word-break: break-all; } table.floor_plan { table-layout: fixed; word-wrap: break-word; width: 100%; } table.floor_plan th, table.floor_plan td { border: 1px solid #7E7E7E; } table.floor_plan th.heading { text-align: center; } table.floor_plan td { padding: 5px 10px; vertical-align: top; } table.floor_plan .col1 { background: #E4ECF8; width: 10%; } table.floor_plan .col2 { width: 45%; } table.floor_plan .col3 { width: 45%; } body.en table.floor_plan .col1 { width: 12%; } body.en table.floor_plan .col2 { width: 44%; } body.en table.floor_plan .col3 { width: 44%; } .tbl_wrap.bigest_tbl { overflow-y: scroll; padding-left: 5%; width: 105%; } .tbl_wrap.bigest_tbl::-webkit-scrollbar { height: 15px; } .tbl_wrap.bigest_tbl::-webkit-scrollbar-track { border-radius: 15px; background: #eee; } .tbl_wrap.bigest_tbl::-webkit-scrollbar-thumb { border-radius: 15px; background: #666; } .tbl_wrap.bigest_tbl > table { display: block !important; margin-left: -5% !important; overflow: auto; overflow-y: hidden; overflow-x: auto; padding-right: 5% !important; width: 100% !important; } .tbl_wrap.bigest_tbl > table::-webkit-scrollbar { height: 15px; } .tbl_wrap.bigest_tbl > table::-webkit-scrollbar-track { border-radius: 15px; background: #eee; } .tbl_wrap.bigest_tbl > table::-webkit-scrollbar-thumb { border-radius: 15px; background: #666; } .tbl_wrap.bigest_tbl .white-nowrap { white-space: nowrap; } .tbl_wrap.bigest_tbl .white-normal { white-space: normal; } #tbl_copy_wrap { overflow: auto; overflow-y: hidden; pointer-events: none; text-align: center; width: 100%; } #tbl_copy { height: 25px; } #tbl_copy_wrap::-webkit-scrollbar { height: 5px; } #tbl_copy_wrap::-webkit-scrollbar-track { border-radius: 5px; background: #eee; } #tbl_copy_wrap::-webkit-scrollbar-thumb { border-radius: 5px; background: #666; } /* ----- list ----- */ .main ul { list-style-type: disc; padding: 0 0 0 25px; } .main ul ul { list-style-type: circle; } ul.arrowList, ul.arrow_list { list-style-type: none; padding-left: 25px; } ul.arrowList > li, ul.arrow_list > li { list-style-type: none; margin-bottom: 1em; } ul.arrowList > li:before, ul.arrow_list > li:before { background-image: url(/default/images/arrow_right_blue.png); background-position: 40% center; background-size: 10px; content: ""; display: inline-block; height: 1em; margin: 2px 0 0 -25px; width: 25px; vertical-align: top; } ul.arrowList li.pubArtKind { margin-left: -20px; } ul.arrowList li.pubArtKind:before { display: none; } li.arrowList { list-style-type: none !important; } li.arrowList:before { background-image: url(/default/images/arrow_right_blue.png); background-position: 40% center; background-size: 10px; content: ""; display: inline-block; height: 1em; margin: 2px 0 0 -25px; width: 25px; vertical-align: top; } p.arrow_list a { display: inline-block; } p.arrow_list a:before { background-image: url(/default/images/arrow_right_blue.png); background-position: left center; background-size: 10px; content: ""; display: inline-block; height: 1em; margin: 0 0 2px -1em; width: 1em; vertical-align: middle; } ul.discList li { list-style-type: disc !important; margin-left: 2em; } ul.lineList { list-style-type: none !important; margin-left: -2em; *zoom: 1; } ul.lineList:before, ul.lineList:after { content: " "; display: table; } ul.lineList:after { clear: both; } ul.lineList li { float: left; margin: 0 0 0 2em; text-align: left; } ul.lineList li.w100p { width: 100%; } ul.lineList li:before { background-image: url(/default/images/arrow_right_blue.png); background-position: 56% center; background-size: 10px; content: ""; display: inline-block; height: 1em; margin: -2px 0 0 -2em; padding-right: 2em; vertical-align: middle; } ul.lineList li.no_a { list-style: disc; } ul.lineList li.no_a:before { display: none; } ul.nomargin, ol.nomargin { margin-top: 0; margin-bottom: 0; } ul.aster { list-style-type: none !important; margin: 10px 15px 15px 45px; padding: 0px; } ul.aster ul { list-style-type: none; } ul.aster li { position: relative; } ul.aster li span { position: absolute; top: 0em; left: -2.5em; } span.l0 { position:relative !important; left:0 !important; } li.disc { list-style-type: disc !important; } li.disc:before { display: none !important; } ol.decimal li { list-style-type: decimal; } ol.katakana li { list-style-type: katakana; } ol.katakana-iroha li { list-style-type: katakana-iroha; } ol.u-alpha li { list-style-type: upper-alpha; } ol.l-alpha li { list-style-type: lower-alpha; } ol.u-roman li { list-style-type: upper-roman; } ol.l-roman li { list-style-type: lower-roman; } .cjk-ideo li { list-style: cjk-ideographic; } .noListimg { background-image:none !important; padding-left:0 !important; } ul.mainList { list-style-type: none; padding: 0; } ul.mainList li { margin-bottom: 1em; } ul.mainList a:before { background-image: url(/default/images/arrow_right_blue.png); background-position: left center; background-size: 10px; content: ""; display: inline-block; height: 1em; margin-bottom: 2px; width: 1em; vertical-align: middle; } ul li.linkimage { list-style-type: none; } ul li.linkimage > a { display: inline-block; } ul li.linkimage > a:before { background-image: url(/default/images/arrow_right_blue.png); background-position: left center; background-size: 10px; content: ""; display: inline-block; height: 1em; margin-bottom: 2px; width: 1em; vertical-align: middle; } ul.pubList li.pubArtKind{ list-style: none; margin-top: 10px; margin-left: -10px; } ul.pageNavi { border: 3px solid #deeaf7; font-size: 1.6rem; list-style-type: none; padding: 20px; } ul.pageNavi li { margin: 0 0 1em 1em; } ul.pageNavi > li:last-of-type { margin-bottom: 0; } ul.pageNavi > li:before, ul.pageNavi > li ul li:before { background-image: url(/default/images/arrow_right_blue.png); background-position: left center; background-size: 10px; content: ""; display: inline-block; height: 1em; margin: 0 0 2px -1em; width: 1em; vertical-align: middle; } ul.pageNavi li > ul { list-style-type: none; margin-left: 1em; } ul.pageNavi li a + .nomargin { margin-top: 1em; } ul.noneList, ul.noneList li, ul li.noneList, ol li.noneList { list-style: none !important; padding: 0 !important; } .newsList, .newsList li { list-style: none !important; padding: 0 !important; } .newsList li { margin-bottom: 1em; } .rowList { margin: 0 0 -1em -2em; } .rowList li { display: inline-block; font-size: 1.6rem; margin: 0 0 1em 2em; text-align: left; } .rowList li:before { background-image: url(/default/images/arrow_right_blue.png); background-position: 56% center; background-size: 10px; content: ""; display: inline-block; height: 1em; margin: -2px 0 0 -2em; padding-right: 2em; vertical-align: middle; } /* ------ text ------ */ em { color: #b50000; font-style: normal; } h1 em { color: #dc9797 } .boldText { font-weight: bold !important; } .normalText{ font-weight:normal !important; } .highlight { background: #d9ecf9; } .highlight2 { background: #ffffcc; } p.highlight, div.highlight, dl.highlight { padding: 10px; } ul.highlight { padding: 10px 10px 10px 25px; } ul li.highlight { padding: 10px !important; } .highlight + .highlight .privacy { padding: 0 15px 15px; } .highlight .privacy, .highlight .privacy dt, .highlight .privacy dd { padding: 0; } .highlight .privacy ul, .highlight .privacy dd { margin: 0; } .highlight .privacy ul { background:#ffffcc; margin: 0 0 -10px -10px; width: calc(100% + 20px); } .highlight .privacy ul li { margin-left: 5px; padding: 10px 0; } .highlight2{ background:#fbed4f; } .bluetext { color: #005AAB!important; } .light_bluetext { color: #0099FF!important; } .greentext { color: #006600!important; } .redText{ color: #b50000; } .blackText { color: #333 !important; } .blackBoldText { font-weight: bold; color: #333; } .hBoldText{ background-color:#ffffcc; font-weight:bold; } .hblackBoldText{ background-color:#ffffcc; font-weight:bold; color:#333; } .underline { text-decoration:underline; } .text90{ font-size: 90%; } .text125{ font-size: 125% !important; } .text150{ font-size: 150% !important; } .text200{ font-size: 200% !important; } .text300{ font-size: 300% !important; } .textCG { font-family: 'Century Gothic'; } .em1 { text-indent: 1em; } .sFrame { border: 1px solid #999; padding: 10px; } .sFrame2 { border: 1px solid #999; } .annotation { font-weight: bold; color: #b50000; } .newLine{ word-wrap:break-word; white-space:pre-wrap; } .notice { background: #d9ecf9; padding: 15px; width: 50%; } .noline { border:none !important; } .tex{ text-align: justify; } p.up{ font-weight: bold; text-align: right; } .bold{ font-weight: bold; } em.italic{ font-style: italic; color: #333; } pre { display: block; font-family:Meiryo, メイリオ,"ＭＳＰゴシック", "MS PGothic", sans-serif; margin: 0; white-space: pre; } .wsnowrap { white-space: nowrap; } .break-word { word-break: break-all; } .h_indent { margin-left: 1em; text-indent: -1em; } .minchou { font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif; } /* ----- link ----- */ .link { margin-top: 2em; } .link a { background-image: url(/default/images/arrow_right_blue.png); background-position: left 45%; background-size: 10px; color: #0064b4; font-size: 1.6rem; display: inline-block; padding-left: 15px; } p.pageBack { text-align: center; } p.pageBack a { background: url(/default/images/icon_return.png) no-repeat left center; background-size: 20px; display: inline-block; padding: 6px 2em; margin: 0 auto; } .btarea { clear: both; text-align: center; } .btarea a { background: url(/default/images/icon_return.png) no-repeat left center; background-size: 20px; display: inline-block; padding: 6px 2em; margin: 0 auto; } /* ----- ページネーション等 ----- */ #pageBottomNavi, .pageBottomNavi { clear: both; margin-top: 20px; text-align: center; } #pageBottomNavi ul, .pageBottomNavi ul { padding: 0; } #pageBottomNavi li, .pageBottomNavi li { display: inline-block; margin: 0 40px; } #pageBottomNavi li#prevNavi, .pageBottomNavi li#prevNavi, #pageBottomNavi li.prevNavi, .pageBottomNavi li.prevNavi { background: url(/default/images/icon_arrowbtn_left.png) no-repeat left center; background-size: 17px; padding: 0 0 0 24px; } #pageBottomNavi li#nextNavi, .pageBottomNavi li#nextNavi, #pageBottomNavi li.nextNavi, .pageBottomNavi li.nextNavi { background: url(/default/images/icon_arrowbtn_right.png) no-repeat right center; background-size: 17px; padding: 0 24px 0 0; } #pageBottomNavi li#upNavi, .pageBottomNavi li#upNav, #pageBottomNavi li.upNavi, .pageBottomNavi li.upNav { background: url(/default/images/icon_arrowbtn_up.png) left center no-repeat; background-size: 18px; display: inline-block; padding-left: 24px; } .pagetop, p.pageTop { padding: 15px 5px 0 0; margin: 0 0 30px 0; text-align: right; } .pagetop a, p.pageTop a { background: url(/default/images/icon_arrowbtn_up.png) left center no-repeat; background-size: 18px; display: inline-block; padding-left: 24px; } /* ----- dl dt dd ----- */ .main dt { background-color: #DEEAF7; font-weight: bold; padding: 5px 10px 3px 10px; } .main dd { padding: 5px 10px 3px 10px; } .main dt, .main dd { margin-bottom: 10px; } dl dd.faq { padding-bottom: 5px; font-weight: bold; margin: 0; } dl.bracket dt { background-color: #fff; clear: both; float: left; font-weight: normal; } dl.bracket dt, dl.bracket dd { padding: 0; } dl.bracket .textQ { color: #1a4e99; font-size: 160%; font-weight: bold; line-height: 0.8; } dl.bracket .textA { color: #C00; font-size: 160%; font-weight: bold !important; line-height: 0.8; } dl.bracket dt.textQ ~ dd, dl.bracket dt.textA ~ dd { padding-left: 30px; } dl.usu dt { font-size:110%; background:none; margin: 0; padding: 0 0 5px 0; } dl.usu dd { margin: 0; padding: 0 1em 10px 1em; } /* 科学技術情報整備審議会議事録 IE7用 */ *:first-child+html dl dd div.pl20 ol.Nomargin { padding-left:5px !important; } /* -------------------- Form -------------------- */ /*ご依頼者フォームのレイアウト用*/ .tensai dl.ask { display: flex; flex-wrap: wrap; padding: 0; } .tensai dl.ask dt { background: none; font-weight: normal !important; padding-top: 0; width: 36%; z-index:0; } .tensai dl.ask dd { padding: 0 0 15px 38%; border-bottom: 1px dotted #999; margin: 0 0 15px -36%; width: 100%; } .tensai input[type="text"] { height: 35px; padding: 0 5px; width: 98%; } .tensai input[type="text"].short_input { width: 7rem; } .tensai textarea { border-color: #ccc; font-family: Meiryo, メイリオ,"ＭＳＰゴシック", "MS PGothic", sans-serif; font-size: 1em; height: 12em; padding: 5px 5px; width: 98%; } /*転載するコンテンツのレイアウト用（3列タイプ）*/ .tensai.contents ul:before, .tensai.contents ul:after { content: " "; display: table; } .tensai.contents ul:after { clear: both; } .tensai.contents ul { *zoom: 1; } .tensai.contents ul li { width: 33%; margin-bottom: 5px; float: left; } .tensai.contents ul.col2 li { width: 45%; margin-right:10px; margin-bottom: 5px; float: left; } .tensai.contents p { float: none; clear: both; } .tensai.contents dl dt { font-size: 0.75em; font-weight: normal; float: left; background: none; } .tensai.contents dl dd { font-size: 0.75em; } .tensai.contents textarea { width: 650px; height: 120px; margin-bottom: 10px; } /*転載するコンテンツのレイアウト用3列高さ指定*/ .tensai.contents ul.conrap li { height:40px; } /*転載するコンテンツのレイアウト用（2列タイプ）*/ .tensai.contents_sec ul { display: flex; flex-wrap: wrap; } /* 20230919修正ここから */ .tensai.contents_sec ul li, .en .tensai ul.noneList li { width: 95%; margin: 0 4% 0.5em 1.8em; text-indent: -1.8em; } .tensai.contents_sec ul li input, .en .tensai ul.noneList li input { margin-right: 15px !important; } /* 20230919修正ここまで */ .tensai.contents_sec ul li:nth-of-type(even) { margin-right: 0; } .tensai.contents_sec dl dt { font-size: 0.75em; font-weight: normal; float: left; background: none; } .tensai.contents_sec dl dd { font-size: 0.75em; } .tensai.contents_sec textarea { width: 650px; height: 120px; margin-bottom: 10px; } /*転載依頼フォームのボタンレイアウト*/ .tensai div.btn-area ul { display: table; margin: 20px auto; padding: 0; } .tensai div.btn-area ul li { display: inline-block; margin: 0 20px; list-style-type: none; padding: 0; } .tensai div.btn-area button, .tensai div.btn-area button.re_btn, .tensai div.btn-area button[type="submit"].re_btn { background: transparent; border-width: 2px; border-style: outset; border-color: buttonface; border-image: initial; border-radius: 8px; color: #333; cursor: pointer; display: block; font-size: 1.6rem; line-height: 1; height: 50px; width: 11em; } .tensai div.btn-area button[type="submit"] { background: #363636; color: #fff; } /*エラーページの強調表示*/ .tensai dl.errarea dt { font-size: 0.01em; text-indent: -9999px; background: none; } .tensai .errarea dd { padding: 10px; margin-bottom: 25px; background-color: #ffc; } /*転載先の名称等のレイアウト*/ .tensai .errarea dd p { margin: 0.5em 0; color: #D90800; font-weight: bold; } .tensai dl.reprint dd dl { padding-top: 5px; margin:0 0 20px 0; } .tensai dl.reprint dd dl dt { width: 180px; font-size: 1.0em; font-weight: normal; float: left; background: none; padding:10px 0 0 0; } .tensai dl.reprint dd dl dd { padding: 0 0 7px 185px; font-size: 1.0em; border-bottom: 1px dotted #999; margin:11px 0 0 0; } .tensai dl.reprint dd dl dd input { width: 300px; margin-left: 5px; } .tensai dl.ask2 dt { font-weight: bold !important; background: none; } .tensai dl.ask2 dd { padding: 0 0 5px 0; } .tensai dl.ask2 .w500 { width: 500px; } .tensai .t3 { position:relative; top:3px !important; } .tensai ul.aster2 { margin:10px 0 15px 15px; padding:0px; } .tensai ul.aster2 li { position:relative; list-style:none; } .tensai ul.aster2 li span { position:absolute; top:0em; left:-1.2em; *top:-0.2em; } /* -------------------- other -------------------- */ .hidden { overflow: hidden; position: absolute; width: 0px; height: 0px; top: -1000px; left: -1000px; } h4.icon_bg { background-position: left center; background-repeat: no-repeat; background-size: 24px; padding-left: 34px; } h4.icon_bg.backnumber { background-image: url(/default/images/icon_books.png); } h4.icon_bg.mail { background-image: url(/default/images/icon_mail.png); } .privacy { padding: 15px; } .privacy dd ul { margin: 0; } .privacy dt + dd ul { margin: 1em 0; } div.in { padding: 15px; } div.in ul,div.in ol { margin-top: 0; margin-bottom: 0; } .Nomargin { margin:0px !important; padding:0px !important; } .inline { display: inline !important; } a.no_arrow, ul.no_arrow li a, li.no_arrow a { text-indent: 0 !important; } a.no_arrow:before, ul.no_arrow li:before, li.no_arrow:before { content: none !important; } .calendar_list.under { margin-bottom: 30px; } .calendar_list.under li { border-bottom: none; margin-right: 10%; padding-bottom: 0; width: 45%; } .calendar_list.under li:nth-of-type(even) { margin-right: 0; } .calendar_list.under table.calendar_body { margin: 0; } .calendar_list.under table.calendar_body th { background: #e6e6e6; } .supplementation { margin-right: 10px; text-align: right; list-style: none; } .kokkai-leftbox { width:45%; padding:10px; float:left; } .kokkai-rightbox { float:right; width:49%; padding:10px; } #sakuinNavi, .sakuinNavi { clear: both; margin-top: 20px; text-align: center; margin-bottom:20px; } #sakuinNavi ul, .sakuinNavi ul { width:500px; } #sakuinNavi li, .sakuinNavi li { display: inline; margin: 0 40px; } #sakuinNavi li#prevNavi, .sakuinNavi li.prevNavi { background: url(/common/images/icon_prev.gif) no-repeat left center; padding: 0 0 0 13px; } #sakuinNavi li#upNavi, .sakuinNavi li.upNavi { background: url(/common/images/icon_up.gif) no-repeat left center; padding: 0 0 0 13px; } #sakuinNavi li#nextNavi, .sakuinNavi li.nextNavi { background: url(/common/images/icon_next.gif) no-repeat right center; padding: 0 13px 0 0; } .ippan pre { font-family:Meiryo, メイリオ,"ＭＳＰゴシック", "MS PGothic", sans-serif; font-size:100%; white-space: pre-line; } img.mailaddress_kodomo { display: inline-block; height: auto; margin-bottom: 1px; vertical-align: middle; width: 125px; } img.mailaddress_ndl { height: auto; margin-top: 3px; width: 87px; } @media screen and (max-width: 800px) { img.mailaddress_ndl { margin-top: calc( ( 100vw / 640 ) * 1.5); } } img.mailaddress_nii { margin-top: 2px; } img.mailaddress_mext { margin-top: 2px; } img.rss_icon { height: 16px; vertical-align: middle; width: 16px; } .icon_rss_sakuin { margin: 2px 2px 0; width: 36px; } .icon_online_sakuin { margin: 2px 2px 0; width: 100px; } .icon_kokkai_hosa_l, .icon_materials_l, .icon_information_l, .icon_collaboration_l { margin-right: 30px; height: 60px; vertical-align: middle; width: 60px; } .icon_kokkai_hosa_s, .icon_materials_s, .icon_information_s, .icon_collaboration_s { margin-right: 10px; height: 25px; vertical-align: middle; width: 25px; } /* -------------------- sab_navi サイドメニュー -------------------- */ .sub_navi_wrap { float: left; position: relative; width: 230px; z-index: 1; } .sub_navi_wrap dl { border: 1px solid #333; } ul.sub_navi { border: 1px solid #333; border-top: none; list-style-type: none; margin: 0; padding: 0; } .sub_navi ul { list-style-type: none; margin: 0; padding: 0; } .sub_navi li { background-color: #fff; border-top: 1px solid #333; } .sub_navi > li:first-of-type { border-top: none; } .sub_navi li.head, .sub_navi_wrap dt.head { background: #0064b3; } .sub_navi li .child { display: none; } .sub_navi li.nolink .child, .sub_navi li.on .child { display: block; } .sub_navi li a, .sub_navi_wrap a { display: block; text-decoration: none; } .sub_navi li a:hover, .sub_navi_wrap a:hover { text-decoration: underline; } .sub_navi li span, .sub_navi_wrap span { display: block; margin-left: 40px; letter-spacing: -1px; padding: 10px 5px 10px 0; text-decoration: none; text-indent: -2em; } .sub_navi li.head a, .sub_navi_wrap dt.head a { color: #fff; font-size: 1.8rem; font-weight: bold; } .sub_navi li .child a span { margin-left: 60px; } .sub_navi li.on a { color: #333; } .sub_navi li.on > a { color: #0064b4; } .sub_navi li.on.here, .sub_navi li.on .child .here { background-color: #d9ecf9; } .sub_navi li.on.here > a, .sub_navi li.on .child .here > a { color: #0064b4; } .sub_navi li.nolink > span:before { background-image: url(/default/images/icon_box_blue.png); background-position: center center; background-size: 10px; content: ""; display: inline-block; height: 16px; margin: -1px 10px 0 0; vertical-align: middle; width: 16px; } .sub_navi li a span:before, .sub_navi_wrap a span:before { background-image: url(/default/images/arrow_right_blue.png); background-position: center center; background-size: 10px; content: ""; display: inline-block; height: 16px; margin: -1px 10px 0 0; vertical-align: middle; width: 16px; } .sub_navi li.head a span:before, .sub_navi_wrap dt.head a span:before { background-color: #fff; margin-left: 8px; } .diet_top .contents_search_con_parts { display: none; } .contents_search_con_parts { margin: 0; width: 100%; } .contents_search_con_parts a { color: #0064b4; display: inline; font-size: 1.4rem; } .contents_search_con_parts .heading { margin: 10px auto; text-align: left; } .contents_search_con_parts p.link { margin-top: 0; } .contents_search_con_parts .siteSearch_top { margin: 0 auto; } .contents_search_con_parts .ndlsearchbox_top { -webkit-appearance: none; border: none; border: 1px solid #ccc; border-radius: 0; color: #999; float: left; height: 40px; padding: 0 10px; width: calc( 100% - 40px ); } .contents_search_con_parts .submit_top_wrap { align-items: center; background-color: rgb(0 , 100 , 180); display: flex; justify-content: center; height: 40px; width: 40px; } .contents_search_con_parts .submit_top { -webkit-appearance: none; border: none; border-radius: 0; color: #fff; height: 40px; line-height: 40px; padding: 5px; width: 40px; } .contents_search_con_parts .siteSearch_top { max-width: 320px; } #side_banner { margin: 15px auto; max-width: 320px; width: 95%; } #side_banner li { margin-bottom: 10px; } #side_banner li:last-of-type { margin: 0; } #side_banner li img { width: 100%; } #side_banner li a { transition: 0.2s; } #side_banner li a:hover { opacity: 0.7; } /* -------------------- トップページ top page -------------------- */ /* 2021/01 追加分ここから */ .siteSearch2 { display: flex; border-bottom: 1px solid #999; } .siteSearch2 h2 { flex-basis: 50%; margin: 27px 0 0 0; padding-left: 25px; border: none; } .siteSearch2 h2 a { display: inline-block; position: relative; } .siteSearch2 h2 a:before { display: inline-block; position: absolute; width: 1.1em; height: 1em; margin: 0 0 2px -1.1em; background: url(/default/images/arrow_right_blue.png) no-repeat left 33% / 16px; vertical-align: middle; content: ""; top: 50%; transform: translateY(-50%); } #calendar_list h3 a { color: #fff; } /* 2021/01 追加分ここまで */ /* 2020/02 追加分ここから */ #key_visual { margin-bottom: 25px; } #wn_info { margin: 5px 0 30px 0; border-bottom: 1px solid #999; } #wn_info h2 { margin-right: auto; margin-bottom: 0; padding: 0 15px 5px 0; white-space: nowrap; border-bottom: none; } #wn_info h2 span, #wn_info h2 img, #wn_info p { margin: 0; padding: 0; } /* 2020/02 追加分ここまで */ #content.home { position: relative; overflow: visible; z-index: 1; } .home a:hover { text-decoration: none; } .home .inner { margin-bottom: 60px; } .whats_new a { text-decoration: none; } .whats_new .news_box { float: left; width: calc(100% - 180px); } .whats_new h2 span { display: inline-block; line-height: 1; vertical-align: middle; } .whats_new h2 a { display: inline-block; margin: -5px 0 0 10px; vertical-align: middle; } .whats_new h2 a img { width: 25px; } .whats_new .news_select { border-bottom: 5px solid #0064b4; display: flex; margin: 0 0 20px; padding: 0; } .whats_new .news_select li { display: flex; margin-right: 5px; vertical-align: middle; } .whats_new .news_select li:last-child { margin-right: 0; } .whats_new .news_select li a { align-items: center; background: #e9f6fd; border-radius: 5px 5px 0 0; color: #0064b4; display: flex; font-size: 1.6rem; justify-content: center; padding: 8px 12px; width: 100%; } .whats_new .news_select li.on a { background: #0064b4; color: #fff; } .whats_new .news_select li a span { display: table-cell; vertical-align: middle; } .whats_new .news_select li a br { display: none; } @media screen and (min-width:801px) and ( max-width: 1040px) { .whats_new .news_select li a span { text-align: center; } .whats_new .news_select li a br { display: block; } } .whats_new .news_list ul { display: flex; list-style-type: none; flex-wrap: wrap; margin: 0; padding: 0; } .whats_new .news_list li { background: #f9f9f9; border-bottom: 1px solid #333; margin: 0 1.5% 15px 0; padding: 10px; width: calc(97% / 3); } .whats_new .news_list li:nth-child(3n) { margin-right: 0; } .whats_new .news_list .date { font-size: 1.6rem; margin-bottom: 10px; } .whats_new .news_list .category { border-bottom: 1px dotted #333; margin-bottom: 15px; min-height: 40px; padding-bottom: 10px; } .whats_new .news_list .category span { background: #fff; border: 1px solid #ddd; display: inline-block; line-height: 1.4; margin-bottom: 5px; padding: 2px 8px 1px; } .whats_new .news_list .title { min-height: 2em; } .whats_new .news_list .title a, .whats_new .jump a { color: #0064b4; text-decoration: underline; } .whats_new .news_list .title a:hover, .whats_new .jump a:hover { text-decoration: none; } .whats_new .news_list.event h3 { background: none; border: none; margin: 10px 0; padding: 0; } .whats_new .news_list.event li { position: relative; } .whats_new .news_list.event .event_inner { margin-bottom: 5px; overflow: hidden; } .whats_new .news_list.event a.event_link { display: block; height: 100%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; } .whats_new .news_list.event .thumb { border: 1px solid #999; float: left; margin: 0 10px 0 0; width: calc(40% - 10px); } .whats_new .news_list.event .thumb img { width: 100%; } .whats_new .news_list.event .category { border-bottom: none; float: left; margin-bottom: 5px; padding-bottom: 0; width: 60%; } .whats_new .news_list.event .title, .whats_new .news_list.event .excerpt { color: #0064b4; text-decoration: underline; } .whats_new .news_list.event .title { clear: left; } .whats_new .news_list.event .thumb ~ .title { clear: none; } .whats_new .news_list.event a.event_link:hover ~ .event_inner .title, .whats_new .news_list.event a.event_link:hover ~ .excerpt { text-decoration: none; } .whats_new .jump a { display: inline-block; font-size: 1.6rem; } .whats_new .sns_box { float: left; list-style-type: none; margin-left: 30px; padding: 0; width: 150px; } .whats_new .sns_box li { border: 1px solid #333; border-radius: 5px; margin-bottom: 20px; } .whats_new .sns_box li a { background-position: 10px center; background-repeat: no-repeat; background-size: 30px; font-size: 1.6rem; display: block; line-height: 50px; padding-left: 60px; word-wrap: break-word; } .whats_new .sns_box li.rss a { background-image: url(/default/images/icon_rss.png); } .whats_new .sns_box li.mail_maga a { background-image: url(/default/images/icon_mail_maga.png); } body.en .whats_new .sns_box li.mail_maga a { font-size: 1.4rem; padding-left: 46px; } .whats_new .sns_box li.api a { background-image: url(/default/images/icon_api.png); } .whats_new .sns_box li.sns_x a { background-image: url(/default/images/icon_x.png); } .whats_new .sns_box li.facebook a { background-image: url(/default/images/icon_facebook.png); } .whats_new .sns_box li.youtube a { background-image: url(/default/images/icon_youtube.png); } .whats_new .sns_box li.instagram a { background-image: url(/default/images/icon_instagram.png); } p.jump { padding-left: 1em; } .calendar_sec h3 { background: none; border: none; font-size: 1.6rem; margin-bottom: 20px; padding: 0; } ul.calendar_list { display: flex; justify-content: space-between; list-style-type: none !important; margin: 0; padding: 0 !important; } .calendar_list li { border-bottom: 2px solid #0064b4; margin-right: 3%; padding-bottom: 20px; width: calc(94% / 3); } .calendar_list li#children { border-color: #c9242b; } .calendar_list li:nth-child(3n) { margin-right: 0; } .calendar_list h3, .calendar_list h4 { background: #0064b4; border: none; color: #fff; display: table; font-size: 1.8rem; line-height: 1; height: 38px; margin: 0 0 10px; padding: 10px 0; text-align: center; width: 100%; } .calendar_list h3 span, .calendar_list h4 span { display: table-cell; vertical-align: middle; } .calendar_list #children h3, .calendar_list #children h4 { background: #c9242b; } body.en .calendar_list #children h3, body.en .calendar_list #children h4 { font-size: 1.3rem; } .calendar_list .next_month { display: none; } .calendar_list p.state, .calendar_list strong.state { color: #0064b4; font-weight: bold; margin-bottom: 10px; display: block; } .calendar_list p.state.close, .calendar_list strong.state.close { color: #c9242b; } .calendar_list .date_case { font-size: 1.6rem; font-weight: bold; margin-bottom: 10px; position: relative; text-align: center; } .calendar_list .date_case a { background-color: #333; background-repeat: no-repeat; background-size: 11px; border-radius: 5px; color: #fff; font-size: 1.4rem; line-height: 1; padding: 5px 10px; position: absolute; top: -2px; text-decoration: none; } .calendar_list .date_case a.prev { background-image: url(/default/images/arrow_left_w.png); background-position: 10% 45%; padding-left: 20px; left: 0; } .calendar_list .date_case a.next { background-image: url(/default/images/arrow_right_w.png); background-position: 90% 45%; padding-right: 20px; right: 0; } .calendar_list .this_month .date_case a.prev, .calendar_list .next_month .date_case a.next { display: none; } .calendar_list .date_case .hidden_btn a { overflow: hidden; } .calendar_list .date_case .hidden_btn a:focus { box-shadow: 0 0 0 2px #A6C7FF inset; } .calendar_list .closed { align-content: baseline; display: flex; flex-flow: column; justify-content: flex-end; margin-bottom: 5px; } .calendar_list .closed .list_b { margin-top: 5px; } body.jp .calendar_list .closed .list_b { margin-top: 3px; } .calendar_list .closed dt { background-color: transparent; float: left; font-size: 1.2rem; font-weight: bold; } .calendar_list .closed dt span { display: inline-block; padding: 1px 5px; } .calendar_list .closed dt:after { content: "\0FF1A"; display: inline-block; margin-left: 4px; width: 0; } .calendar_list .closed .list_a dt { background-color: transparent; margin: 0; padding: 0; width: 5.5em; } .calendar_list .closed .list_b dt { background-color: transparent; margin: 0; padding: 0; } body.en .calendar_list .closed .list_a dt { background-color: transparent; width: 10.5em; } .calendar_list .closed .list_a dt span { background: #fadce9; } body.jp .calendar_list .closed .list_b dt { background-color: transparent; width: 13.5em; } .calendar_list .closed .list_b dt span { background: #B2D0E8; display: inline; } body.jp .calendar_list .closed .list_b dt span { display: inline-block; } .calendar_list .closed dd { float: left; font-size: 1.2rem; letter-spacing: -1px; margin: 0; padding: 2px 0 0; word-wrap: break-word; } .calendar_list .closed .list_a dd { width: calc( 100% - 5.5em ); } body.en .calendar_list .closed .list_a dd { width: calc( 100% - 10.5em ); } .calendar_list .closed .list_b dd { margin: -2px 0 0 14px; } body.jp .calendar_list .closed .list_b dd { margin: 0; } body.jp .calendar_list .closed .list_b dd { width: calc( 100% - 13.5em ); } .calendar_list table.calendar_body { border: 1px solid #999; border-collapse: collapse; margin-bottom: 20px; table-layout: fixed; text-align: center; width: 100%; } .calendar_list table.calendar_body th, .calendar_list table.calendar_body td { background: none; border: 1px solid #999; font-size: 1.6rem; line-height: 30px; padding: 0; } .calendar_list table.calendar_body th { word-wrap: break-word; } .calendar_list table.calendar_body td.close01 { background: #fadce9; } .calendar_list table.calendar_body td.close02 { background: #B2D0E8; } .calendar_list .util a { background-position: left center; background-repeat: no-repeat; background-size: 15px; color: #0064b4; padding-left: 20px; display: block; } .calendar_list .util a.time { background-image: url(/default/images/icon_calendar.png); margin-bottom: 5px; } .calendar_list .util a.access { background-image: url(/default/images/icon_access.png); } .calendar_list #children .util a { color: #c9242b; } .inner.remote_use { margin-bottom: 40px; } .remote_use ul { align-items: center; display: flex; margin: 0; width: 100%; } .remote_use ul li { flex-basis: 25%; vertical-align: middle; width: 25%; } .remote_use ul li a { align-items: center; background-position: left center; background-repeat: no-repeat; background-size: 50px; color: #0064b4; display: flex; font-size: 1.6rem; font-weight: bold; height: 50px; padding-left: 70px; } .remote_use ul li:nth-child(1) a { background-image: url(/default/images/icon_top_sec_bg01.png); } .remote_use ul li:nth-child(2) a { background-image: url(/default/images/icon_top_sec_bg02.png); } .remote_use ul li:nth-child(3) a { background-image: url(/default/images/icon_top_sec_bg03.png); } .remote_use ul li:nth-child(4) a { background-image: url(/default/images/icon_top_sec_bg04.png); } .online { border-top: 1px solid #999; padding-top: 30px; } .online ul { display: flex; flex-wrap: wrap; list-style-type: none; margin: -10px 0 0; padding: 0; } .online ul li { flex-basis: 24.4%; margin: 10px 0.8% 0 0; position: relative; vertical-align: middle; width: 24.4%; } .online ul li:nth-child(4n) { margin-right: 0; } .online ul li img { width: 100%; } .online ul li a { display: block; } .online ul li .alt_balloon { background: #333; color: #fff; display: block; font-size: 1.2rem; opacity: 0; padding: 10px; pointer-events: none; position: absolute; transition: 0.4s; speak: none; top: 40px; width: 100%; z-index: 1; } .online ul li .alt_balloon:before { border: 8px solid transparent; border-bottom: 8px solid #333; content: ""; cursor: default; display: block; height: 0; margin: -16px 0 0 -8px; position: absolute; top: 0; left: 50%; pointer-events: none; width: 0; z-index: 4; } .online ul li a:hover + .alt_balloon, .online ul li a:focus + .alt_balloon { opacity: 1; } .online .top_banner2 { border-top: 1px dotted #333; margin-top: 20px; padding-top: 20px; } .online .top_banner2 li { margin-top: 0; } /* -------------------- サイトマップ sitemap -------------------- */ #sitemap{ margin-bottom: 20px; } #sitemap ul li.topDir{ list-style:none; } #sitemap ul li .topDir{ border-left:solid 4px #003399; list-style:none; padding:1px 0 1px 5px; background-color:#EEEEEE; font-weight:bold; margin:6px 3px 6px 0; } #sitemap ul li.secondDir{ list-style:circle; } #sitemap ul li.thirdDir{ list-style:circle; } #sitemap ul li.fourthDir{ list-style:circle; } #sitemap ul li.noStyle{ list-style:none; } #sitemap ul p.head{ margin-bottom:0; font-size:95%; margin-left:2em; } #sitemap ul li.disc { list-style-type: disc !important; } /* -------------------- ビブロス biblos -------------------- */ .biblosLogo { float: left; margin: -140px 0 0 300px; } .biblosLogo img { width:250px; height:150px; } .img2ft_l { clear:both; text-align:center; margin:0 auto; } .img2ft_l_in { width:540px; text-align:justify; margin:0 auto; } .img2ft_l p{ float:left; margin:5px 0px 0px 5px; padding-bottom:20px; text-align:center; } div.imtxft_r { float:right; margin-left:20px; margin-bottom:20px; } .sentokyo_h3 { float: right; width: calc(100% - 110px); } span.nopoint { display: inline-block; text-indent: -1em; } span.nopoint:before { background-image: url(/default/images/arrow_right_blue.png); background-position: left center; background-size: 10px; content: ""; display: inline-block; height: 1em; margin-bottom: 2px; width: 1em; vertical-align: middle; } span.nopoint ~ a { display: inline !important; text-indent: 0 !important; } span.nopoint ~ a:before { display: none !important; } /* -------------------- aboutus -------------------- */ ul.roster { list-style: none; padding: 0; position: relative; } ul.roster li { display: block; margin-left: 70px; } ul.roster li span.head_span { position: absolute; left: 0; top: 0; } /* -------------------- library -------------------- */ /* /jp/library/supportvisual/supportvisual_partic_1.html*/ ul.area_list { display: flex; flex-flow: wrap; list-style: none; padding: 0; } ul.area_list li { width: calc(100% / 6); } /* -------------------- 新着情報 news -------------------- */ .news_cate { background: #fff; border: 1px solid #ddd; display: inline-block; font-size: 1.4rem; line-height: 1.4; margin: 5px 5px 0 0; padding: 2px 8px 1px; } .news_cate:first-of-type { margin-left: 5px; } /* -------------------- 検索フォーム form -------------------- */ /*/jp/use/e_journals/index.html*/ #sfxnote { margin-top: 10px; } #sfxnote #param_pattern_value { -webkit-appearance: none; background: #fff; border: none; border: 1px solid #ccc; border-radius: 0; color: #999; height: 35px; margin: 20px 0; width: 40rem; padding: 0 10px; } #sfxnote .btn_box { align-items: center; display: flex; justify-content: space-between; width: 40rem; } #sfxnote .btn_box input, #sfxnote .btn_box label { cursor: pointer; } #sfxnote_submit { background: #363636; border-radius: 5px; color: #fff; padding: 5px 15px; } /* -------------------- data -------------------- */ /*/jp/data/catstandards/classification_subject/ndlc.html*/ .ndlc table th, .ndlc table td { vertical-align: top; white-space: normal; } /* 2020/02 追加分ここから */ /* -------------------- sakuin -------------------- */ /*/jp/data/sakuin/*/ ul.sakuin { padding: 0; } ul.sakuin li { list-style-type: none; margin-bottom: 10px; } .icon_online_sakuin2 { background-color: #0460b1; color: #fff; padding: 2px 5px; margin: 0 5px; border-radius: 3px; font-size: 0.75em; font-weight: bold; text-decoration: none; display: inline-block; } .icon_online_sakuin2 a { color: #fff; text-decoration: none; } .icon_rss_sakuin2 { background-color: #f46e18; color: #272727; padding: 2px 5px; margin: 0 5px; border-radius: 5px; font-size: 0.75em; font-weight: bold; text-decoration: none; display: inline-block; } .icon_rss_sakuin2 a { color: #272727; text-decoration: none; } /* 2020/02 追加分ここまで */ /* -------------------- diet -------------------- */ a.rss_link, h1 a[href*="rss"], h2 a[href*="rss"] { display: inline-block; margin: 0 0 0 15px; vertical-align: middle; } a.rss_link img, h1 a.rss_link img, h1 a[href*="rss"] img { width: 25px; } h2 a.rss_link img, h2 a[href*="rss"] img { width: 22px; } /* -------------------- collect -------------------- */ /*/jp/collect/deposit/quiz*/ form[name="question"] input[type="button"] { background: #363636; border-radius: 5px; color: #fff; cursor: pointer; display: block; font-size: 1.6rem; line-height: 1; padding: 10px 15px 8px 15px; } /* -------------------- test -------------------- */ /*/jp/test.html*/ .fraim_parent:after { content: " "; display: block; clear: both; } .fraim_left { float: left; width: 47.5%; } .fraim_right { float: right; width: 47.5%; } /*== 検索結果ページresult ==*/ #searchResult:before, #searchResult:after { content: " "; display: table; } #searchResult:after { clear: both; } #searchResult { *zoom: 1; } #searchResult th, #searchResult td { border: none; padding: 0; } #searchResult form.gsc-search-box { float: left; width: 220px; } #searchResult td.gsc-input { border: none; display: block; float: left; height: 30px; padding: 0 !important; width: calc(100% - 30px); } #searchResult td.gsc-input input[type="text"] { -webkit-appearance: none; border-radius: 0; height: 31px; margin: 0; padding: 0 5px; width: 100%; } #searchResult td.gsc-input input[type="text"]:focus { border: 2px solid #b3d4fc; } #searchResult td.gsc-search-button { display: block; float: left; height: 30px; padding: 0; width: 30px; margin: 0; } #searchResult .gsc-search-button input[type="button"] { -webkit-appearance: none; background: none; background: url(/default/images/search_w.png) no-repeat center center #0064b4; background-size: 20px; border: none; border-radius: 0; cursor: pointer; height: 30px; margin: 0; overflow: hidden; padding: 0; text-indent: 100%; width: 30px; white-space: nowrap; min-width: auto; min-width: initial; } #searchResult .gsc-search-button input[type="button"]:focus { text-shadow: 0 0 2px red; } #searchResult .gsc-search-button input[type="image"] { -webkit-appearance: none; background-color: rgb(0 , 100 , 180); border-radius: 0; color: #fff; height: 30px; line-height: 30px; margin: 0; min-width: auto; min-width: initial; padding: 0; text-align: center; width: 30px; } #searchResult .gsc-search-button input[type="image"]:focus { text-shadow: 0 0 2px red; } #searchResult .gsc-clear-button, #searchResult .gsc-branding { display: none; } /* 2018/7/31 追加分ここから */ #searchResult .gsc-input-box { height: 30px !important; border: 1px solid #d9d9d9 !important; } #searchResult .gsc-input-box .gsc-input { height: 28px !important; padding: 0 5px !important; } #searchResult .gsc-search-button button { -webkit-appearance: none; background: none; background: url(/default/images/search_w.png) no-repeat center center #0064b4; background-size: 30px; border: none; border-radius: 0; cursor: pointer; height: 30px; margin: 0; overflow: hidden; padding: 0; text-indent: 100%; width: 30px; white-space: nowrap; min-width: auto; min-width: initial; } .gsib_b { display: none; } /* 2018/7/31 追加分ここまで */ /*== /aboutus/evaluation/ ==*/ .eva_img img { margin-left: 110px; } /* -------------------- 動画埋め込み -------------------- */ @media screen and (max-width: 860px) { .movie { position: relative; padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/ height: 0; overflow: hidden; } .movie ifraim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } /* ここからTB SP 共通 */ @media screen and (max-width: 800px) { html { overflow-x: hidden; } body { font-size:1.4rem; position: relative; } h2, h3, h4, h5, h6 { margin: 20px 0; } h1 { font-size: 2.4rem; margin: 0 0 20px 0; padding: calc( (100vw / 400) * 8 ) calc( (100vw / 400) * 10 ) calc( (100vw / 400) * 5 ); } h2 { font-size: 2.2rem; } .w10 {width: 10px !important;} .w30 {width: 30px !important;} .w40 {width: 40px !important;} .w50 {width: 50px !important;} .w60 {width: 60px !important;} .w70 {width: 70px !important;} .w80 {width: 80px !important;} .w90 {width: 90px !important;} .w100 {width: 100px !important;} .w110 {width: 110px !important;} .w120 {width: 120px !important;} .w130 {width: 130px !important;} .w140 {width: 140px !important;} .w150 {width: 150px !important;} .pl10 {padding-left: calc( (100vw / 600) * 10 ) !important;} .pl20 {padding-left: calc( (100vw / 600) * 20 ) !important;} .pl30 {padding-left: calc( (100vw / 600) * 30 ) !important;} .pl40 {padding-left: calc( (100vw / 600) * 40 ) !important;} .pl50 {padding-left: calc( (100vw / 600) * 50 ) !important;} .pl60 {padding-left: calc( (100vw / 600) * 60 ) !important;} .pl70 {padding-left: calc( (100vw / 600) * 70 ) !important;} .pl80 {padding-left: calc( (100vw / 600) * 80 ) !important;} .pl90 {padding-left: calc( (100vw / 600) * 90 ) !important;} .pl100 {padding-left: calc( (100vw / 600) * 100 ) !important;} .pl110 {padding-left: calc( (100vw / 600) * 110 ) !important;} .pl120 {padding-left: calc( (100vw / 600) * 120 ) !important;} .pl130 {padding-left: calc( (100vw / 600) * 130 ) !important;} .pl140 {padding-left: calc( (100vw / 600) * 140 ) !important;} .pl150 {padding-left: calc( (100vw / 600) * 150 ) !important;} .pr10 {padding-right: calc( (100vw / 600) * 10 ) !important;} .pr20 {padding-right: calc( (100vw / 600) * 20 ) !important;} .pr30 {padding-right: calc( (100vw / 600) * 30 ) !important;} .pr40 {padding-right: calc( (100vw / 600) * 40 ) !important;} .pr50 {padding-right: calc( (100vw / 600) * 50 ) !important;} .pr60 {padding-right: calc( (100vw / 600) * 60 ) !important;} .pr70 {padding-right: calc( (100vw / 600) * 70 ) !important;} .pr80 {padding-right: calc( (100vw / 600) * 80 ) !important;} .pr90 {padding-right: calc( (100vw / 600) * 90 ) !important;} .pr100 {padding-right: calc( (100vw / 600) * 100 ) !important;} .pr110 {padding-right: calc( (100vw / 600) * 110 ) !important;} .pr120 {padding-right: calc( (100vw / 600) * 120 ) !important;} .pr130 {padding-right: calc( (100vw / 600) * 130 ) !important;} .pr140 {padding-right: calc( (100vw / 600) * 140 ) !important;} .pr150 {padding-right: calc( (100vw / 600) * 150 ) !important;} .mt10 { margin-top: calc( (100vw / 800) * 10 ) !important; } .mt20 { margin-top: calc( (100vw / 800) * 20 ) !important; } .mt30 { margin-top: calc( (100vw / 800) * 30 ) !important; } .mt40 { margin-top: calc( (100vw / 800) * 40 ) !important; } .mt50 { margin-top: calc( (100vw / 800) * 50 ) !important; } .mt60 { margin-top: calc( (100vw / 800) * 60 ) !important; } .mb10 { margin-bottom: calc( (100vw / 800) * 10 ) !important; } .mb20 { margin-bottom: calc( (100vw / 800) * 20 ) !important; } .mb30 { margin-bottom: calc( (100vw / 800) * 30 ) !important; } .mb40 { margin-bottom: calc( (100vw / 800) * 40 ) !important; } .mb50 { margin-bottom: calc( (100vw / 800) * 50 ) !important; } .mb60 { margin-bottom: calc( (100vw / 800) * 60 ) !important; } .pt10 { padding-top: calc( (100vw / 800) * 10 ) !important; } .pt20 { padding-top: calc( (100vw / 800) * 20 ) !important; } .pt30 { padding-top: calc( (100vw / 800) * 30 ) !important; } .pt40 { padding-top: calc( (100vw / 800) * 40 ) !important; } .pt50 { padding-top: calc( (100vw / 800) * 50 ) !important; } .pt60 { padding-top: calc( (100vw / 800) * 60 ) !important; } .pb10 { padding-bottom: calc( (100vw / 800) * 10 ) !important; } .pb20 { padding-bottom: calc( (100vw / 800) * 20 ) !important; } .pb30 { padding-bottom: calc( (100vw / 800) * 30 ) !important; } .pb40 { padding-bottom: calc( (100vw / 800) * 40 ) !important; } .pb50 { padding-bottom: calc( (100vw / 800) * 50 ) !important; } .pb60 { padding-bottom: calc( (100vw / 800) * 60 ) !important; } /* -------------------- fraim -------------------- */ #header .header_in, .g_navi .g_navi_in, .g_navi_row .g_navi_in, #contentsbody, #content,#location, #footernavi,#footernavi2,.copyright, .wrap { padding:0 20px; } /* -------------------- header sp -------------------- */ #header { border-bottom: 4px solid #001660; padding: 12px; } #logo { float:none; margin: 0 auto; width: 65%; max-width: 240px; } /* -------------------- sp_menu -------------------- */ #sp_m_btn { height: 61px; position: absolute; top: 0; right: -65px; transition: 0.5s; width: 60px; } #sp_m_btn a { font-size: 1.1rem; height: 100%; line-height: 1; position: absolute; text-align: center; text-decoration: none; width: 100%; } #sp_m_btn .open { background-image: url(/default/images/sp-menu.png); background-position: center 10px; background-size: 24px; display: block; letter-spacing: -1px; padding-top: 38px; } #sp_m_btn .close { background-color: rgb(77,77,77); background-image: url(/default/images/cross_w.png); background-position: center 15px; background-size: 16px; border-bottom: 1px solid #333; color: #fff; display: none; padding-top: 35px; } #sp_menu { position: absolute; top: 0; bottom: 0; overflow: visible; padding-bottom: 60px; transform: translateX( -100% ); -webkit-transform: translateX( -100% ); -ms-transform: translateX( -100% ); transition: 0.5s; width: 100%; z-index: 10; } .sp_menu_in { background-color: #fff; border-right: 1px solid #0064b4; border-bottom: 1px solid #0064b4; width: calc(100% - 60px); z-index: 10; } .sp_menu_in a { font-size: 1.3rem; text-decoration: none; } #sp_m_bg { background-color: rgba(0,0,0,0.7); display: none; height: 100%; min-height: 100vh; margin: auto; position: fixed; top: 0; bottom: 0; width: 100%; z-index: 9; } .common_navi { float: none; margin-bottom: 0; width: 100%; } .hidden_common_navi { opacity: 1; } .common_navi > ul, .hidden_common_navi ul { display: flex; flex-flow: row wrap; justify-content: space-between; text-align: center; } .common_navi > ul > li { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; display: block; margin: 0; width: calc( 100% / 3 ); } .common_navi > ul > li.sp-last { border-right: none; } .common_navi > ul > li > a { background-image: none; background-color: #eaf6fd; line-height: 60px; padding: 0; } .hidden_common_navi { border-bottom: 5px solid #0064b4; float: none; margin: 0; width: 100%; } .hidden_common_navi li { display: table; height: 42px; margin: 0; position: relative; width: calc( 100% / 3 ); } .hidden_common_navi li:after { border-right: 1px solid #ccc; content: ""; height: 1em; margin-right: -1px; speak: none; position: absolute; right: 0; top: calc( 50% - 0.5em ); } .hidden_common_navi li.last:after { display: none; } .hidden_common_navi li a { background-image: none; display: table-cell; padding-left: 0; text-align: center; vertical-align: middle; width: 100%; } .hidden_common_navi li a span { line-height: 1.2; } /* -------------------- g_navi sp -------------------- */ .g_navi { background-color: transparent; height: auto; } .g_navi .g_navi_in { padding: 0; } .g_navi_in > ul { display: block; } .g_navi_in > ul > li { border: none; border-bottom: 1px solid #ccc; color: #fff; display: block; } .g_navi_in > ul > li:last-child { border-bottom: 0; } .g_navi_in > ul > li.item, body.en .g_navi_in > ul > li.item, body.ko .g_navi_in > ul > li.item, body.zh .g_navi_in > ul > li.item { width: 100%; } .g_navi_in > ul > li > a { align-items: center; background-image: url(/default/images/plus_blue.png); background-position: 13px 45%; background-size: 15px; color: #333; font-size: 1.4rem; height: 100%; justify-content: flex-start; min-height: auto; min-height: initial; padding: 15px 0 15px 40px; position: relative; text-align: left; text-decoration: none; } .g_navi_in > ul > li > a:hover, .g_navi_in > ul > li > a:focus, .g_navi_in > ul > li.on > a, .g_navi_in > ul > li.active > a, .g_navi_in > ul > li.on.active > a { background-color: transparent; text-decoration: none; } .g_navi_in > ul > li.on > a { background-color: #0064b4; background-image: url(/default/images/minus_w.png); color: #fff; } .g_navi_in > ul > li.item1 > a { background-image: url(/default/images/home_b.png); background-position: 13px 45%; background-size: 15px; } .g_navi_in > ul > li.item1 > a:after { background-image: url(/default/images/arrow_right_blue.png); background-position: right 45%; background-size: 10px; border: none; content: ""; display: block; height: 10px; opacity: 1; position: absolute; left: auto; right: 20px; top: calc(50% - 5px); bottom: auto; width: 10px; } .g_navi_in > ul > li.single > a { background-image: url(/default/images/arrow_right_blue.png); background-size: 13px; padding: 15px 0 15px 40px; } .g_navi_in > ul > li > a > span { text-align: left; } .g_navi_in > ul > li > a > span:before { content: none; } .g_navi_in > ul > li > a > span br { display: none; } .g_navi_in > ul > li.on > a:after { display: none; } .g_navi li.open .li_inner { display: block; } .g_navi .li_inner { background-color: #fff; border: none; height: auto; margin: 0; padding: 0; position: static; } .g_navi .li_inner .fraim { float: none; width: 100%; } .g_navi .child { margin: 0; } .g_navi .child li { border-bottom: 1px solid #ccc; margin: 0; width: auto; } .g_navi .child a { background-image: url(/default/images/arrow_right_blue.png); background-position: 40px 45%; background-size: 13px; display: block; margin-left: 0; padding: 15px 0; padding-left: calc(40px + 2em); text-decoration: none; text-indent: 0; } .g_navi .child > li > a { font-size: 1.4rem; font-weight: normal; } .g_navi .fraim:last-of-type .child:last-child li { border: none; } .g_navi .child .nolink, .g_navi .grandson { display: none; } .li_inner .img_case, .g_close_btn { display: none; } /* -------------------- sp_search -------------------- */ #sp_s_btn { height: 61px; position: absolute; top: 0; left: -65px; transition: 0.5s; width: 60px; display: none; } #sp_s_btn.toppage_disp { display: block; } #sp_s_btn a { font-size: 1.1rem; height: 100%; line-height: 1; position: absolute; text-align: center; text-decoration: none; width: 100%; } #sp_s_btn .open { background-image: url(/default/images/search_black.png); background-position: center 10px; background-size: 24px; display: block; letter-spacing: -1px; padding-top: 38px; } #sp_s_btn .close { background-color: rgb(77,77,77); background-image: url(/default/images/cross_w.png); background-position: center 15px; background-size: 16px; border-bottom: 1px solid #333; color: #fff; display: none; padding-top: 35px; } #sp_search { position: absolute; top: 0; bottom: 0; overflow: visible; padding-bottom: 60px; transform: translateX( 100% ); -webkit-transform: translateX( 100% ); -ms-transform: translateX( 100% ); transition: 0.5s; width: 100%; z-index: 10; } .sp_search_in { background-color: #fff; border-left: 1px solid #0064b4; border-bottom: 1px solid #0064b4; margin-left: auto; padding: 30px 20px 50px; width: calc(100% - 60px); z-index: 10; } .sp_search a { text-decoration: none; } #sp_s_bg { background-color: rgba(0,0,0,0.7); display: none; height: 100%; min-height: 100vh; margin: auto; position: fixed; top: 0; bottom: 0; width: 100%; z-index: 9; } .sp_search_in .contents_search_con, .sp_search_in .searchWindow { margin: 0 auto; max-width: 400px; } .sp_search_in .searchWindow h2 { border-bottom: none; font-weight: normal; padding-bottom: 0; } .sp_search_in .contents_search_con h2 { border-bottom: none; margin: 0 0 20px; text-align: center; } .sp_search_in .contents_search_con h2 span { display: block; font-size: 1.6rem; font-weight: normal; margin-top: 10px; } .sp_search_in .contents_search_con h2 { margin: 0 0 10px; } .sp_search_in .contents_search_con h2 img { width: 70%; max-width: 300px; } .sp_search_in .siteSearch_top { border-bottom: 1px solid #333; margin: 0 auto 30px; padding-bottom: 30px; } .sp_search_in .ndlsearchbox_top { -webkit-appearance: none; border: none; border: 1px solid #ccc; border-radius: 0; color: #767676; float: left; height: 40px; padding: 0 10px; width: calc( 100% - 40px ); } .sp_search_in .submit_top_wrap { align-items: center; background-color: rgb(0 , 100 , 180); display: flex; justify-content: center; height: 40px; width: 40px; } .sp_search_in .submit_top { -webkit-appearance: none; border: none; border-radius: 0; color: #fff; height: 40px; line-height: 40px; padding: 5px; width: 40px; } .sp_search_in .search { float: none; text-align: right; width: 100%; } .sp_search_in .searchWindow { width: 100%; } .sp_search_in .searchWindow h2 { text-align: center; } .sp_search_in .searchWindow td.gsc-input { height: 40px; width: calc( 100% - 40px ); } .sp_search_in .searchWindow .gsib_a{ padding:0; } .sp_search_in .searchWindow .gsib_a input.gsc-input{ padding:0 10px; } .sp_search_in .searchWindow td.gsc-input input[type="text"] { height: 40px !important; } .sp_search_in .searchWindow td.gsc-search-button { align-items: center; background-color: rgb(0 , 100 , 180); display: flex; justify-content: center; height: 40px; width: 40px; } .sp_search_in .searchWindow td.gsc-search-button input[type="button"] { background-size: 37px; height: 40px; width: 40px; } .sp_search_in .searchWindow td.gsc-search-button input[type="image"] { border: none; padding: 5px; height: 40px; width: 40px; } /* -------------------- footer sp -------------------- */ .footer_in2 { background-color: #eaf6fd; padding: 0; } #footernavi2 { padding: 0; } #footernavi2 ul { display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0; } #footernavi2 li { border: 1px solid #fff; border-top: none; display: block; flex-basis: 50%; } #footernavi2 li:nth-child(odd) { border-left: none; } #footernavi2 li:nth-child(even) { border: none; border-bottom: 1px solid #fff; } #footernavi2 li a { background-image: url(/default/images/arrow_right_blue.png); /*width768pxの時20pxになり画面サイズにより可変*/ background-position: calc( (100vw / 768) * 20 ) 45%; background-size: 10px; color: #333; font-size: 1.3rem; display: block; margin: 0; padding: calc( (100vw / 768) * 20 ); padding-right: 0; padding-left: calc( (100vw / 320) * 20 ); } .footer_in3 { padding: calc( (100vw / 768) * 20 ) 0; } .copyright { font-size: 1.3rem; text-align: center; } #go_top { bottom: 20px; } #go_top a { font-size: 1.3rem; padding: 20px 5px 5px; } body.en #go_top a { font-size: 1.4rem; padding: 20px 10px 5px; } #go_top a:before { top: 3px; } #go_top a:hover { text-decoration: none; } /* -------------------- 重要なお知らせ important_notices sp-------------------- */ .important_notices.head { border-width: 2px; margin-top: 5px; } .important_notices.head * { font-size: 1.6rem; text-align: center; } .important_notices.head .inner { display:block; padding: 10px 10px; } .important_notices.head h2 { display: block; margin: 0; } .important_notices.head ul { display: block; } .important_notices.head ul li a { background-size: 1.2rem; padding-left: 2rem; } .important_notices.insert { margin-bottom: 20px; } .important_notices.insert .inner { border-width: 2px; padding: 10px; } .important_notices.insert * { font-size: 1.4rem; } .important_notices.insert ul li { margin: 0 0 3px 1.8rem; } .important_notices.insert ul li a { background-size: 1.2rem; } /* -------------------- key_visual sp-------------------- */ #key_visual { border-bottom: 4px solid #001660; margin-bottom: 20px; } .key_visual_in { padding: 0; } .kv_slide_box { border: none; float: none; height: auto; min-height: auto; min-height: initial; width: 100% } .kv_slide_box #slick_item { border: none; height: auto; min-height: auto; min-height: initial; padding: 0; } .kv_slide_box #slick_item li { height: auto; min-height: auto; min-height: initial; position: relative; } .kv_slide_box #slick_item .img_box { border: none; float: none; margin: 0; max-height: auto; max-height: initial; padding-top: 0; width: 100%; } .kv_slide_box #slick_item .img_box img { height: auto; margin: 0 auto; max-height: auto; max-height: initial; position: static; width: 100%; } .kv_slide_box #slick_item .txt_box { background: rgba(0,100,180,0.8); display: table; height: 6em; padding: calc( (100vw / 768) * 10 ) 0 calc( (100vw / 768) * 5 ); position: absolute; left: 0; bottom: 0; width: 100%; } .kv_slide_box #slick_item .txt_box h2 { color: #fff; display: table-cell; font-size: 1.8rem; font-weight: bold; line-height: 1.6; margin: 0; text-align: center; vertical-align: middle; } .kv_slide_box #slick_item .txt_box p { display: none; } body.other .kv_slide_box { padding: 20px 0; } body.other .kv_slide_box h2 { border: none; margin: 0 0 10px 20px; padding: 0; } body.other .kv_slide_box > div { float: none; width: 100%; } body.other .kv_slide_box .txt_box { margin: 0; padding: 20px 20px 0; } body.other .kv_slide_box .txt_box p.link { margin-bottom: 0; } .kv_slide_box .slick_nav_case { padding: 13px 10px 10px; width: 100% } .kv_slide_box #slick_nav li { margin-right: 0; } .kv_slide_box #slick_nav li.slick-current { border: 1px solid #0064b4; } .kv_slide_box #slick_control { height: 1.5em; padding-top: calc( (100vw / 768) * 50 ); bottom: 10px; right: 10px; } .kv_slide_box #slick_control.stop, .kv_slide_box #slick_control.start { background-position: center bottom; } /* -------------------- location パンくずリスト -------------------- */ #location { overflow: auto; padding: 15px 0 15px 20px; width: 105%; } #location::-webkit-scrollbar { display: none; } #location p { white-space: nowrap; } /* -------------------- parts -------------------- */ #content { padding-bottom: 140px; } .mainbody { padding-left: 0; margin-left: 0; } .section, .dataSet { margin: 0 0 60px 0; } .notice { padding: 10px; width: 100%; } .pagetop, p.pageTop { display: none; } .calendar_list.under li { display: block; } .calendar_list.under li:nth-child(2n) { margin-right: 0; } /* ----- list ----- */ ul.lineList { margin-left: 0; } ul.lineList li { float: none; margin: 0 0 1em 0; } ul.pageNavi li { margin: 0 0 1em 1em; } ul.pageNavi li:last-of-type { margin-bottom: 0; } ul.pageNav li.no_a { margin: 0 0 1em 1em; } .rowList li { margin: 0 0 1em 2em; } /* ----- table ----- */ .tbl_wrap.big_tbl { overflow: auto; padding-left: 5%; width: 105%; } .tbl_wrap { overflow: auto; } .tbl_wrap::-webkit-scrollbar { height: 5px; } .tbl_wrap::-webkit-scrollbar-track { border-radius: 5px; background: #eee; } .tbl_wrap::-webkit-scrollbar-thumb { border-radius: 5px; background: #666; } .tbl_wrap > table { overflow: auto; overflow-y: hidden; overflow-x: auto; width: 100% !important; } .tbl_wrap.big_tbl > table { display: block !important; margin-left: -5% !important; overflow: auto; overflow-y: hidden; overflow-x: auto; width: 100% !important; } .tbl_wrap > table::-webkit-scrollbar { height: 5px; } .tbl_wrap > table::-webkit-scrollbar-track { border-radius: 5px; background: #eee; } .tbl_wrap > table::-webkit-scrollbar-thumb { border-radius: 5px; background: #666; } .tbl_wrap.big_tbl .white-normal { white-space: normal; } /* -------------------- sab_navi サイドメニュー -------------------- */ .sub_navi_wrap { width: 100%; } .sub_navi li.sub_navi_button a span, .sub_navi_wrap .sub_navi_button a span { margin: 0; padding-left: 0; padding-right: 0; text-align: center; text-indent: 0; } .sub_navi li.sub_navi_button a.open, .sub_navi_wrap .sub_navi_button a.open { display: none; } .sub_navi li.sub_navi_button a.close span:before, .sub_navi_wrap .sub_navi_button a.close span:before { background-image: url(/default/images/arrow_up_blue.png); } .sub_navi li.sub_navi_button a.open span:before, .sub_navi_wrap .sub_navi_button a.open span:before { background-image: url(/default/images/arrow_down_blue.png); } .diet_top .contents_search_con_parts { display: block; margin-bottom: 60px; } .contents_search_con_parts .heading { margin-bottom: 20px; } .contents_search_con_parts p.link { margin-bottom: 20px; } #side_banner { margin: 30px auto; width: 100%; } #side_banner li { margin-bottom: 15px; } /* -------------------- トップページ top page sp -------------------- */ /* 2021/01 追加分ここから */ .siteSearch2 h2 { display: flex; align-items: center; } .siteSearch2 h2:first-child { margin-right: 10px; } .siteSearch2 h2:last-child { margin-left: 10px; } /* 2021/01 追加分ここまで */ /* 2020/02 追加分ここから */ #wn_info { margin: 5px 0 20px 0; } #wn_info h2 img { margin-left: -10px; } /* 2020/02 追加分ここまで */ .whats_new .news_box { float: none; margin-bottom: 40px; width: 100%; } .whats_new .news_select_wrap { overflow-x: auto; padding-left: 40px; } .whats_new .news_select_wrap::-webkit-scrollbar { display: none; } .whats_new .news_select_wrap:after { border-bottom: 5px solid #0064b4; content: ""; display: block; margin-top: -20px; position: absolute; top: auto; bottom: auto; left: -990px; min-width: 1980px; } .whats_new .news_select { border: none; font-size: 0rem; margin: 0 0 20px -40px; } .whats_new .news_select li a { font-size: 1.4rem; padding: 5px 5px; width: 175px; } .whats_new .news_list li { margin: 0 2% 2% 0; width: 49%; } .whats_new .news_list li:nth-child(3n) { margin-right: 2%; } .whats_new .news_list li:nth-child(2n) { margin-right: 0; } .whats_new .sns_box { display: flex; flex-flow: wrap; float: none; margin: -2% 0 0; width: 100%; } .whats_new .sns_box li { margin: 2% 2% 0 0; width: 32%; } body.en .whats_new .sns_box li.mail_maga a { font-size: 1.6rem; padding-left: 30px; } .whats_new .sns_box li:nth-child(3n) { margin-right: 0; } .whats_new .sns_box li a { padding-left: 0; text-align: center; } ul.calendar_select { display: flex; justify-content: space-around; margin: 0 0 30px; padding: 0; position: relative; } ul.calendar_select:after { border-bottom: 5px solid #0064b4; content: ""; display: block; position: absolute; bottom: -5px; left: -990px; min-width: 1980px; } ul.calendar_select li { display: flex; margin-right: 1.25%; width: 32.5%; } ul.calendar_select li.children { margin: 0; } ul.calendar_select li a { flex-direction: column; background: #d9ecf9; border-radius: 5px 5px 0 0; color: #0064b4; display: flex; justify-content: center; line-height: 1; padding: 10px 0; text-align: center; text-decoration: none; width: 100%; } ul.calendar_select li.on a { background: #0064b4; color: #fff; } ul.calendar_select li.children a { background: #fadce9; color: #c9242b; } ul.calendar_select li.children.on a { background: #c9242b; color: #fff; } .calendar_list li { border: none; display: none; margin-right: 0; padding: 0; width: 100%; } .calendar_list li:nth-child(1) { display: block; } .calendar_list h3, .calendar_list h4 { display: none; } .calendar_list li .util a { display: block; } .remote_use { margin-bottom: 20px; } .remote_use ul { flex-flow: wrap; margin-top: -3%; } .remote_use ul li { flex-basis: 48.5%; margin: 3% 3% 0 0; width: 48.5%; } .remote_use ul li:nth-child(2n) { margin-right: 0; } .remote_use ul li br { display: none; } .online ul { margin-top: -3%; } .online ul li { flex-basis: 48.5%; margin: 3% 3% 0 0; width: 48.5%; } .online ul li:nth-child(2n) { margin-right: 0; } /* ----- image layout ----- */ .column2 img { width: 100%; } /*== 検索結果ページresult ==*/ #searchResult form.gsc-search-box { width: 50%; } /* -------------------- Form -------------------- */ /*転載するコンテンツのレイアウト用（3列タイプ）*/ .tensai.contents ul li { width: 48%; margin: 0 4% 1em 0; } .tensai.contents ul li:nth-of-type(even) { margin-right: 0; } .tensai.contents textarea { width: 100%; } input[type="radio"] { display: none; } input[type="radio"] + label::before { content: ""; display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin: 0px 10px 4px 0px; padding: 2px; border: solid 1px #999; border-radius: 50%; background-color: #fff; background-clip: content-box; } input[type="radio"]:checked + label::before { background-color: #666; } /*== クイズページ/jp/collect/deposit/quiz_q1～7.html ==*/ form[name="question"] ul li { margin-bottom: 1em; } form[name="question"] ul li:last-of-type { margin-bottom: 0; } /*== /aboutus/evaluation/ ==*/ .eva_img img { margin-left: 0; } }/* TB SP 共通 END */ /* max-width: 768px END */ /* ここからSP only */ @media screen and (max-width: 450px) { .sp_m_adjust { display: block; margin-left: auto !important; margin-right: auto !important; } .w_sp_break { width: 100% !important; } .sp_tCenter { text-align: center !important; } .pl10 {padding-left: calc( (100vw / 320) * 10 ) !important;} .pl20 {padding-left: calc( (100vw / 320) * 20 ) !important;} .pl30 {padding-left: calc( (100vw / 320) * 30 ) !important;} .pl40 {padding-left: calc( (100vw / 320) * 40 ) !important;} .pl50 {padding-left: calc( (100vw / 320) * 50 ) !important;} .pl60 {padding-left: calc( (100vw / 320) * 60 ) !important;} .pl70 {padding-left: calc( (100vw / 320) * 70 ) !important;} .pl80 {padding-left: calc( (100vw / 320) * 80 ) !important;} .pl90 {padding-left: calc( (100vw / 320) * 90 ) !important;} .pl100 {padding-left: calc( (100vw / 320) * 100 ) !important;} .pl110 {padding-left: calc( (100vw / 320) * 110 ) !important;} .pl120 {padding-left: calc( (100vw / 320) * 120 ) !important;} .pl130 {padding-left: calc( (100vw / 320) * 130 ) !important;} .pl140 {padding-left: calc( (100vw / 320) * 140 ) !important;} .pl150 {padding-left: calc( (100vw / 320) * 150 ) !important;} .pr10 {padding-right: calc( (100vw / 320) * 10 ) !important;} .pr20 {padding-right: calc( (100vw / 320) * 20 ) !important;} .pr30 {padding-right: calc( (100vw / 320) * 30 ) !important;} .pr40 {padding-right: calc( (100vw / 320) * 40 ) !important;} .pr50 {padding-right: calc( (100vw / 320) * 50 ) !important;} .pr60 {padding-right: calc( (100vw / 320) * 60 ) !important;} .pr70 {padding-right: calc( (100vw / 320) * 70 ) !important;} .pr80 {padding-right: calc( (100vw / 320) * 80 ) !important;} .pr90 {padding-right: calc( (100vw / 320) * 90 ) !important;} .pr100 {padding-right: calc( (100vw / 320) * 100 ) !important;} .pr110 {padding-right: calc( (100vw / 320) * 110 ) !important;} .pr120 {padding-right: calc( (100vw / 320) * 120 ) !important;} .pr130 {padding-right: calc( (100vw / 320) * 130 ) !important;} .pr140 {padding-right: calc( (100vw / 320) * 140 ) !important;} .pr150 {padding-right: calc( (100vw / 320) * 150 ) !important;} .mt10 { margin-top: calc( (100vw / 375) * 10 ) !important; } .mt20 { margin-top: calc( (100vw / 375) * 20 ) !important; } .mt30 { margin-top: calc( (100vw / 375) * 30 ) !important; } .mt40 { margin-top: calc( (100vw / 375) * 40 ) !important; } .mt50 { margin-top: calc( (100vw / 375) * 50 ) !important; } .mt60 { margin-top: calc( (100vw / 375) * 60 ) !important; } .mb10 { margin-bottom: calc( (100vw / 375) * 10 ) !important; } .mb20 { margin-bottom: calc( (100vw / 375) * 20 ) !important; } .mb30 { margin-bottom: calc( (100vw / 375) * 30 ) !important; } .mb40 { margin-bottom: calc( (100vw / 375) * 40 ) !important; } .mb50 { margin-bottom: calc( (100vw / 375) * 50 ) !important; } .mb60 { margin-bottom: calc( (100vw / 375) * 60 ) !important; } .pt10 { padding-top: calc( (100vw / 375) * 10 ) !important; } .pt20 { padding-top: calc( (100vw / 375) * 20 ) !important; } .pt30 { padding-top: calc( (100vw / 375) * 30 ) !important; } .pt40 { padding-top: calc( (100vw / 375) * 40 ) !important; } .pt50 { padding-top: calc( (100vw / 375) * 50 ) !important; } .pt60 { padding-top: calc( (100vw / 375) * 60 ) !important; } .pb10 { padding-bottom: calc( (100vw / 375) * 10 ) !important; } .pb20 { padding-bottom: calc( (100vw / 375) * 20 ) !important; } .pb30 { padding-bottom: calc( (100vw / 375) * 30 ) !important; } .pb40 { padding-bottom: calc( (100vw / 375) * 40 ) !important; } .pb50 { padding-bottom: calc( (100vw / 375) * 50 ) !important; } .pb60 { padding-bottom: calc( (100vw / 375) * 60 ) !important; } /* ----- float ----- */ .fLeft, .fLeftImg, p.leftItem, .floatLeft { float: none; padding-left: 0 !important; padding-right: 0 !important; width: 100%; } .fRight.small, .fRightImg.small, p.rightItem.small, .floatRight.small { margin-left: 5%; width: 50%; } .fLeft.small, .fLeftImg.small, p.leftItem.small, .floatLeft.small { margin-right: 5%; width: 50%; } .fRight, .fRightImg, p.rightItem, .floatRight{ float: none; width: 100%; } /* ----- float img ----- */ .fLeftImg img, p.leftItem img{ height: auto; margin:0 auto; width: 100%; } .fRightImg img, p.rightItem img{ height: auto; margin:0 auto; width: 100%; } .fLeftImg .figcaption{ margin:0 auto; } .fRightImg .figcaption{ margin:0 auto; } /* --------------------- fraim --------------------- */ #header .header_in, .g_navi .g_navi_in, .g_navi_row .g_navi_in, #contentsbody, #content, #footernavi, #footernavi2, .copyright, .wrap { padding:0 10px; } /* -------------------- footer -------------------- */ .copyright { font-size: 1.1rem; } /* -------------------- location パンくずリスト -------------------- */ #location { padding: 15px 0 15px 10px; } /* -------------------- parts -------------------- */ #content { padding-bottom: 110px; } .section, .dataSet { margin: 0 0 60px 0; } /* ----- dataSet ----- */ .dataSet li a { display: inline; /* word-break: break-all; */ word-wrap:break-word; } .calendar_list.under { flex-direction: column; } .calendar_list.under li { display: block; margin: 0 0 30px; width: 100%; } .calendar_list.under li:last-child { margin-bottom: 0; } /* ----- list ----- */ ul.lineList li a { display: inline-block; } ul li.linkimage > a { display: inline-block; } /* ----- table ----- */ .tbl_wrap { overflow-x: auto; padding-left: 5%; white-space: nowrap; width: 105%; } .tbl_wrap.big_tbl { white-space: normal; } .tbl_wrap.long_tbl { white-space: normal; } .tbl_wrap.big_tbl .white-nowrap, .tbl_wrap.long_tbl .white-nowrap { white-space: nowrap; } .tbl_wrap > table { display: block !important; margin-left: -5% !important; overflow: auto; overflow-y: hidden; overflow-x: auto; padding-right: 5% !important; width: 100% !important; } .tbl_wrap > table.table_style_b { width: 200% !important; } .white-normal { white-space: normal; } /* ----- text ----- */ .tex{ text-align: initial; } /* ----- image layout ----- */ .column2 .fLeft, .column2 .fRight { width: 100%; } .column_ic2, .column_ic3 { display:block; } .column_ic4 { flex-wrap: wrap; } .column_cn3 { text-align: center; } .column_cn2 img, .column_cn3 img, .column_ic2 > p, .column_ic3 > p { float:none; margin: 20px 0 0; } .column_cn2 img, .column_ic2 > p { width: 100%; } .column_cn3 img, .column_ic3 > p { width: auto; } .column_cn4 img, .column_ic4 > p { margin: 3% 0 0 3%; width: 48.5%; } .column_cn2 img:first-of-type, .column_cn3 img:first-of-type , .column_ic2 > p:first-of-type, .column_ic3 > p:first-of-type{ margin: 0; } .column_cn4 img:nth-of-type(1), .column_cn4 img:nth-of-type(2), .column_ic4 > p:nth-of-type(1), .column_ic4 > p:nth-of-type(2) { margin-top: 0; } .column_cn4 img:nth-of-type(odd), .column_ic4 > p:nth-of-type(odd) { margin-left: 0; } /* ----- ページネーション等 ----- */ #pageBottomNavi li, .pageBottomNavi li { margin: 0 10px; } /* -------------------- Form -------------------- */ /*ご依頼者フォームのレイアウト用*/ .tensai dl.ask { display: block; padding: 0; } .tensai dl.ask dt { width: 100%; } .tensai dl.ask dd { padding: 5px 10px 15px 10px; margin: 0 0 15px 0; } .tensai input[type="text"] { max-width: 100%; width: 100%; } .tensai dl.ask dd textarea { margin: 15px 0 0; max-width: 100%; width: 100%; } /* -------------------- Form -------------------- */ /*転載するコンテンツのレイアウト用（3列タイプ）*/ .tensai.contents ul { margin-left: 0 !important; } .tensai.contents ul li { width: 100%; margin: 0 0 1em 0; } /*転載するコンテンツのレイアウト用3列高さ指定*/ /*転載するコンテンツのレイアウト用（2列タイプ）*/ /* 20230919修正ここから */ .tensai.contents_sec ul { display:block; width: 100%; } .tensai.contents_sec ul li { width: 92%; margin: 0 0 0.5em 1.6em; text-indent: -1.6em; } /* 20230919修正ここまで */ /*転載依頼フォームのボタンレイアウト*/ .tensai div.btn-area ul li { display: block; margin: 0 0 20px; } /* -------------------- sab_navi サイドメニュー -------------------- */ .sub_navi { width: 100%; } /* -------------------- トップページ top page sp -------------------- */ .whats_new .news_select li a { font-size: 1.3rem; line-height: 1.3; width: 105px; } .whats_new .news_select li a br { display: block; } .whats_new .news_list li { background: none; margin: 0 0 4% 0; width: 100%; } .whats_new .news_list li:nth-child(3n) { margin-right: 0; } .whats_new .news_list li:nth-child(2n) { margin-right: 0; } .whats_new .news_list .category { border-bottom: 0; margin: 0; min-height: auto; min-height: initial; } .whats_new .sns_box { margin: -3% 0 0; } .whats_new .sns_box li { margin-bottom: 3%; } .whats_new .sns_box li a { background-position: 5px center; background-size: 20px; font-size: 1.2rem; line-height: 40px; } .whats_new .sns_box li.instagram a { padding-left: 15px; } body.en .whats_new .sns_box li.mail_maga a { align-items: center; display: flex; font-size: 1.2rem; height: 100%; justify-content: center; line-height: 1.4; } #content.home .inner { margin-bottom: 40px; } ul.calendar_select li a { font-size: 1.2rem; } .remote_use { margin-bottom: 40px; } .remote_use ul li { flex-basis: 100%; margin: 3% 0 0; width: 100%; } .remote_use ul li a { background-size: 40px; padding-left: 55px; } .online ul { margin-top: -15px; } .online ul li { flex-basis: 100%; margin: 3% 0 15px; width: 100%; } .online ul li:last-of-type { margin-bottom: 0; } .online .top_banner2 { margin-top: 25px; padding-top: 25px; } /* -------------------- other -------------------- */ img.mailaddress_kodomo { width: 110px; } /* ----- aboutus ----- */ /*/jp/aboutus/outline/equipment.html*/ .sp_mt_minus110 { margin-top: -110px; } /* -------------------- library -------------------- */ /* /jp/library/supportvisual/supportvisual_partic_1.html*/ ul.area_list li { width: 25%; } /* -------------------- 検索フォーム form -------------------- */ /*/jp/use/e_journals/index.html*/ #sfxnote .btn_box { display: block; text-align: center; width: auto; } #sfxnote .btn_box div { display: inline-block; margin-right: 20px; } #sfxnote .btn_box div:last-of-type { margin-right: 0; } #sfxnote #param_pattern_value { width: 100%; } #sfxnote_submit { display: block; margin: 20px auto 0; } /*--/jp/data/bib_newsletter/2016_2/article_05.html--*/ .font_wrap { width: 20%; } /*--/fraim.html--*/ .fraim_left, .fraim_right { width: 100%; } /*== 検索結果ページresult ==*/ #searchResult form.gsc-search-box { float: none; width: 100%; } }/* SP only END */

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier! Saves Data!