@charset "utf-8"; /* Theme Name: Enfold Child Description: A Child Theme for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then. Version: 1.0 Author: Kriesi Author URI: http://www.kriesi.at Template: enfold */ /*Add your own styles here:*/ /*********************** * 変数設定 ***********************/ :root { --khmr-titlebar-background-url: url("images/page_titlebar.png"); --khmr-font-family-primary: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; --khmr-font-family-secondary: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; --khmr-icon-font-family: 'Material Icons Outlined'; --khmr-icon-font-family-secondary: 'Material Symbols Rounded'; --khmr-transition-time: 0.3s; --khmr-primary-font-color: #212121; --khmr-primary-font-color-rgb: 33, 33, 33; --khmr-primary-font-color-contrast: #ffffff; --khmr-secondary-font-color: #444444; --khmr-secondary-font-color-rgb: 68, 68, 68; --khmr-secondary-font-color-contrast: #ffffff; --khmr-color-white: #ffffff; --khmr-color-white-rgb: 255, 255, 255; --khmr-color-white-contrast: #212121; --khmr-color-black: #000000; --khmr-color-black-rgb: 0, 0, 0; --khmr-color-black-contrast: #ffffff; --khmr-color-gray: #777777; --khmr-color-gray-rgb: 170, 170, 170; --khmr-color-gray-contrast: #ffffff; --khmr-color-primary: #0085CE; --khmr-color-primary-rgb: 0, 133, 206; --khmr-color-primary-contrast: #ffffff; --khmr-color-secondary: #06304A; --khmr-color-secondary-rgb: 6, 48, 74; --khmr-color-secondary-contrast: #ffffff; --khmr-color-image-background: #f0f0f0; } /*********************** * sp-only pc-only ***********************/ @media only screen and (min-width:768px) { #top .sp-only { display: none !important; } } @media only screen and (max-width:767px) { #top .pc-only { display: none !important; } } /*********************** * aタグホバー用 ***********************/ #top * a { transition: color var(--khmr-transition-time) ease-in-out; } #top * a:hover { color: var(--khmr-color-primary); } /*********************** * aタグ追加設定 ***********************/ body#top #main a { text-decoration: none; } #top.home .information a.avia-button span { transition: all var(--khmr-transition-time) ease-in-out; } #top.home .information a.avia-button:hover span { color: var(--khmr-color-secondary); } body#top #main .ex-button a, body#top #main .ex-button a > strong, body#top #main .ex-button a > b { transition: all var(--khmr-transition-time) ease-in-out; } body#top #main .ex-button a:hover, body#top #main .ex-button a:hover > strong, body#top #main .ex-button a:hover > b { color: var(--khmr-color-secondary); } /*********************** * avia-button系統 共通設定 ***********************/ #top #wrap_all #header #header_main .av-menu-button > a, #top #wrap_all #main .avia-button { transition: all var(--khmr-transition-time) ease-in-out; } #top #wrap_all #header #header_main .av-menu-button > a:hover, #top #wrap_all #main .avia-button:hover { opacity: 1; background-color: var(--khmr-color-secondary); } /*********************** * khmrslider要素 ***********************/ #top:not(.home) [id^="khmrs-"] .khmrs-next:not(.active), #top:not(.home) [id^="khmrs-"] .khmrs-prev:not(.active), #top:not(.home) [id^="khmrs-"] .khmrs-nav__items:not(.active) > .khmrsni-icon { background-color: #f0f0f0; } [id^="khmrs-"] .khmrs-next, [id^="khmrs-"] .khmrs-prev { transition: all var(--khmr-transition-time) ease-in-out; } [id^="khmrs-"].khmrs-wrap .khmrs-next, [id^="khmrs-"].khmrs-wrap .khmrs-prev { border-color: var(--khmr-color-white); background-color: var(--khmr-color-white); } [id^="khmrs-"] .khmrs-next:hover, [id^="khmrs-"] .khmrs-prev:hover { background-color:rgba(var(--khmr-color-secondary-rgb),0.7) !important; } [id^="khmrs-"] .khmrs-prev .khmrsp-icon:before, [id^="khmrs-"] .khmrs-next .khmrsn-icon:before { color: #2d5ba7; } [id^="khmrs-"] .khmrs-prev:hover .khmrsp-icon:before, [id^="khmrs-"] .khmrs-next:hover .khmrsn-icon:before { color: var(--khmr-color-white); } [id^="khmrs-"].khmrs-wrap > .khmr-slider > .khmrs-item { display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 5px; } [id^="khmrs-"].khmrs-wrap > .khmr-slider > .khmrs-item > * { margin: 1px; } [id^="khmrs-"] .khmrs-nav__items > .khmrsni-icon { background-color: var(--khmr-color-white); } [id^="khmrs-"] .khmrs-next.active, [id^="khmrs-"] .khmrs-prev.active, [id^="khmrs-"] .khmrs-nav__items.active > .khmrsni-icon { background-color: #2d5ba7; } /*********************** * 右下のFixed要素（更新通知） ***********************/ #footer-page { position: relative; z-index: 11; } a#scroll-top-link { display: block !important; } @media only screen and (max-width:767px) { #top a#scroll-top-link { right: 30px; } } #top div#FixedItems { position: fixed; right: 0px; z-index: 2500; bottom: 125px; } #top div#FixedItems > a { display: block; border-radius: 8px 0px 0px 8px; background-color: var(--khmr-color-white); position: relative; width: 120px; height: 100px; padding-top: 63px; line-height: 100%; color: var(--khmr-font-color-primary); font-size: 13px; font-weight: bold; text-align: center; opacity: 1; border: 1px solid #f5f5f5; } #top div#FixedItems > a:hover { opacity: 1; background-color: var(--khmr-color-white); } #top div#FixedItems > a#FixedNoti:before { position: absolute; line-height: 130%; font-family: var(--khmr-icon-font-family-secondary); content: "\e7f7"; color: var(--khmr-color-primary); font-size: 34px; font-weight: 300; top: 16px; left: 50%; transform: translateX(-50%); } #top div#FixedItems > a#FixedNoti:hover:before { animation-name: khmr-bell; animation-duration: 1.5s; animation-iteration-count: infinite; } @keyframes khmr-bell { 0% { transform: translateX(-50%); } 12.5% { transform: translateX(-50%) rotate(-25deg); } 25% { transform: translateX(-50%) rotate(0deg); } 37.5% { transform: translateX(-50%) rotate(25deg); } 50% { transform: translateX(-50%); } 100% { transform: translateX(-50%); } } /*********************** * 右下のFixed要素（更新通知） ***********************/ #footer-page { position: relative; z-index: 11; } a#scroll-top-link { display: block !important; } @media only screen and (max-width:767px) { #top a#scroll-top-link { right: 30px; } } #top div#FixedItems { position: fixed; right: 0px; z-index: 2500; bottom: 125px; } #top div#FixedItems > a { display: block; border-radius: 8px 0px 0px 8px; background-color: var(--khmr-color-white); position: relative; width: 120px; height: 100px; padding-top: 63px; line-height: 100%; color: var(--khmr-font-color-primary); font-size: 13px; font-weight: bold; text-align: center; opacity: 1; border: 1px solid #f5f5f5; } #top div#FixedItems > a:hover { opacity: 1; background-color: var(--khmr-color-white); } #top div#FixedItems > a#FixedNoti:before { position: absolute; line-height: 130%; font-family: var(--khmr-icon-font-family-secondary); content: "\e7f7"; color: var(--khmr-color-primary); font-size: 34px; font-weight: 300; top: 16px; left: 50%; transform: translateX(-50%); } #top div#FixedItems > a#FixedNoti:hover:before { animation-name: khmr-bell; animation-duration: 1.5s; animation-iteration-count: infinite; } @keyframes khmr-bell { 0% { transform: translateX(-50%); } 12.5% { transform: translateX(-50%) rotate(-25deg); } 25% { transform: translateX(-50%) rotate(0deg); } 37.5% { transform: translateX(-50%) rotate(25deg); } 50% { transform: translateX(-50%); } 100% { transform: translateX(-50%); } } /*********************** * 検索フォーム ***********************/ body#top .search.container #searchform>div { max-width: 550px; } #top input#searchsubmit { border-radius: 0px 100px 100px 0px; min-width: 70px; font-size: 22px; } #top input#s { padding: 20px 90px 20px 30px; border-radius: 100px; } .avia_mobile #top #searchsubmit { height: 100%; } /*********************** * メインメニュー全画面検索導入用 ***********************/ body#top { position: relative; } .search-toggle { display: none; } body#top > #search-close__button, body#top > .search-overlay, body#top > .search.container { position: fixed; } body#top > .search-overlay { z-index: 999998; height: 100%; width: 100%; left: 0px; top:0px; background-color: rgba(var(--khmr-color-black-rgb),0.8); } body#top > .search.container { z-index: 999999; left: 50%; top: 50%; transform: translate(-50%,-50%); } body#top .search.container #searchform>div { max-width: 500px; margin: 0px auto; } body#top > #search-close__button { z-index: 999999; width: 40px; height: 40px; right: 30px; top: 30px; border: 1px solid var(--khmr-color-white); padding: 8px; cursor: pointer; transition: all 0.2s ease-in-out,transform 0.5s ease-in-out; } body#top > #search-close__button:hover { background-color: rgba(var(--khmr-color-white-rgb),0.1); } body#top > #search-close__button > span { display: block; width: 100%; height: 2px; background-color: var(--khmr-color-white); border-radius: 4px; } body#top > #search-close__button > span:nth-of-type(1) { transform: rotate(45deg) translate(7px,7px); } body#top > #search-close__button > span:nth-of-type(2) { transform: rotate(-45deg) translate(-5px,5px); } #top .search-toggle input#searchsubmit { height: 100%; line-height: 100%; } #top .search-toggle #s { min-height: 40px; } body#top #header .av-main-nav > li.search-toggle__button { margin-left: 5px; margin-right: 0px; } #top #header .av-main-nav > li.search-toggle__button:before { content: none; } body#top #header .av-main-nav > li.search-toggle__button > a { display: block; width: 35px; max-width: 35px; height: 35px !important; max-height: 35px; line-height: 35px !important; padding: 35px 0px 0px 0px; overflow: hidden; position: relative; } body#top #header .av-main-nav > li.search-toggle__button > a:before { position: absolute; font-family: var(--khmr-icon-font-family-secondary); content: "\e8b6"; top: 0px; left: 0px; font-size: 24px; font-weight: 400; width: 35px; height: 35px; line-height: 35px; text-align: center; color: var(--khmr-primary-font-color); opacity: 1; transition: color var(--khmr-transition-time) ease-in-out; } body#top #header .av-main-nav > li.search-toggle__button > a:hover:before { color: var(--khmr-color-primary); } #top #avia-menu li.search-toggle__button { position: relative; order: 2; } #top #avia-menu li.language_switcher { position: relative; order: 1; } @media only screen and (max-width:989px) { .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li.menu-item-avia-special > a { padding: 2px 0px 0px 0px; } html.responsive.html_mobile_menu_tablet body#top #header_main > .container .main_menu .av-main-nav > li.search-toggle__button > a { padding: 35px 0px 0px 0px; } #top #avia-menu li.search-toggle__button { position: relative; order: 2; } #top #avia-menu li.language_switcher { position: relative; order: 1; } #top #avia-menu #khmr-burger__clone { position: relative; order: 3; } html.responsive.html_mobile_menu_tablet body#top #header_main > .container .main_menu .av-main-nav > li { margin: 0px 3px; } } /*********************** * 全画面検索導入に伴う検索フォーム設定 ***********************/ body#top > .search.container { width: 550px; max-width: 95%; padding: 40px 50px; background-color: var(--khmr-color-white); border-radius: 7px; } #top #searchform input#searchsubmit { border-radius: 0px 7px 7px 0px; background-color: var(--khmr-color-primary); padding: 0px 0px 0px 0px; overflow: hidden; color: var(--khmr-color-white); } #top #searchform input#searchsubmit:hover { background-color: var(--khmr-color-secondary); } #top #searchform input#s { max-width: 100%; border-radius: 7px; padding: 20px 90px 20px 25px; border-color: #999999; background-color: #f8f8f8; } #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select { font-size: 16px; } #top main #searchform input#s { border-color: #e5e5e5; } @media only screen and (max-width: 767px) { body#top > .search.container { padding: 20px 25px; } #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select { font-size: 14px; } } /*********************** * メインフォントファミリー ***********************/ #top.home #wrap_all .all_colors .about-content .av-subheading, #top.home #wrap_all .entry-content-header .av-magazine-title, #top #wrap_all .all_colors .entry-content h2, #top #wrap_all .all_colors .entry-content h3, #top #wrap_all .all_colors .entry-content h4, #top #wrap_all .all_colors .entry-content h5, #top #wrap_all .all_colors .entry-content h6, #top #wrap_all .all_colors .pickup .flex_cell .avia_textblock h4, #top #wrap_all .all_colors .pickup .flex_cell .avia_textblock p, body#top, body#top span:not(.avia-menu-text){ font-family: var(--khmr-font-family-secondary); } #top.home #wrap_all .all_colors h1, #top.home #wrap_all .all_colors h2, #top.home #wrap_all .all_colors h3, #top.home #wrap_all .all_colors h4, #top.home #wrap_all .all_colors h5, #top.home #wrap_all .all_colors h6, #top.home #wrap_all .all_colors .av-subheading { font-family: var(--khmr-font-family-secondary); } /*********************** * タイトルタグ 字間 ***********************/ #top #wrap_all .all_colors h2 { letter-spacing: 2px; line-height: 130%; } #top #wrap_all .all_colors h3, #top #wrap_all .all_colors h4, #top #wrap_all .all_colors h5, #top #wrap_all .all_colors h6 { letter-spacing: 1px; line-height: 130%; } /*********************** * タイトルタグ text-transform ***********************/ .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 { text-transform: none; } /*********************** * ホーム以外での * ex_avia-buttonクラス ***********************/ #top:not(.home):not(.blog):not(.archive):not(.search) #wrap_all .ex_avia-button .avia-button { text-align: left; padding: 15px 45px 15px 20px; position: relative; transition: all var(--khmr-transition-time) ease-in-out; font-weight: bold; font-size: 12px; line-height: 100%; } #top:not(.home):not(.blog):not(.archive):not(.search) #wrap_all .ex_avia-button .avia-button:after { position: absolute; content: "\e5cc"; font-family: var(--khmr-icon-font-family-secondary); font-size: 22px; font-weight: 300; right: 10px; } #top:not(.home):not(.blog):not(.archive):not(.search) #wrap_all .ex_avia-button .avia-button:hover { background-color: var(--khmr-color-secondary); opacity: 1; } /*********************** * メンバーページ関連(グーテンベルク) ***********************/ html #top:not(.home):not(.blog):not(.archive):not(.search) .entry-content .memberlist:not(:first-child) { margin-top: 100px; } html #top:not(.home):not(.blog):not(.archive):not(.search) .entry-content .memberlist img { border-radius: 100%; } .entry-content .memberlist p:not([class]) { margin-bottom: 5px; } html #top:not(.home):not(.blog):not(.archive):not(.search) .entry-content .memberlist h2 { padding: 0px; font-size: 24px; border-bottom: 1px solid #f0f0f0; margin-bottom: 0px; position: relative; } html #top:not(.home):not(.blog):not(.archive):not(.search) .entry-content .memberlist h2 a { position: relative; color: var(--khmr-color-primary); } html #top:not(.home):not(.blog):not(.archive):not(.search) .entry-content .memberlist h2 a:hover { color: var(--khmr-color-secondary); } html #top:not(.home):not(.blog):not(.archive):not(.search) .entry-content .memberlist h2:after { content: none; } html #top:not(.home):not(.blog):not(.archive):not(.search) .entry-content .memberlist h2 a:before { position: relative; font-family: var(--khmr-icon-font-family-secondary); content: "\ea67"; font-weight: 500; margin-right: 10px; vertical-align: middle; } html #top:not(.home):not(.blog):not(.archive):not(.search) .entry-content .memberlist h3 { border: 0px; padding: 0px; font-size: 18px; margin-top: 15px; font-weight: 500; border-left: 2px solid var(--khmr-color-primary); padding-left: 10px; } html #top:not(.home):not(.blog):not(.archive):not(.search) .entry-content .memberlist .smb-media-text__body { margin-top: 0px; } .entry-content .member-sns { margin-top: 18px; } /*********************** * メンバーページ用に作成したSNSカスタムHTML ***********************/ .entry-content .member-sns { margin-top: 18px; } .entry-content .member-sns > a, .entry-content .member-sns > a:before { width: 45px; height: 45px; line-height: 45px; } #top .entry-content .member-sns > a { font-size: 1px; display: inline-block; overflow: hidden; position: relative; transition: all var(--khmr-transition-time) ease-in-out; color: var(--khmr-color-primary); background-color: rgba(245,247,240,0.5); border-radius: 100%; margin-right: 5px; border: 1px solid var(--khmr-color-primary); } #top .entry-content .member-sns > a:hover { box-shadow: 0px 2px 5px 1px #ccc; opacity: 0.7; } .entry-content .member-sns > a:before { position: absolute; font-family: "entypo-fontello"; top: 0px; left: 0px; text-align: center; } .entry-content .member-sns > a.Twitter:before { content: "\e8f1"; font-size: 25px; } .entry-content .member-sns > a.Facebook:before { content: "\e8f3"; font-size: 24px; left: -1px; } .entry-content .member-sns > a.Instagram:before { content: "\f16d"; font-size: 26px; left: -1px; } /*********************** * special heading sub * [class="x-title"] ***********************/ #top .x-title, #top .x-title *{ font-family: var(--khmr-font-family-secondary); } /*********************** * [class="ex-fc"] ***********************/ .responsive #top #wrap_all .ex-fc, .responsive #top #wrap_all .ex-fc * { color: var(--khmr-color-primary); } /*********************** * [class="ex-ls"] ***********************/ #top .ex-ls, #top .ex-ls * { letter-spacing: 1.5px; } /*********************** * [class="ex-ls2"] ***********************/ #top .ex-ls2, #top .ex-ls2 * { letter-spacing: 2px; } /*********************** * [class="ex-ls3"] ***********************/ #top .ex-ls3, #top .ex-ls3 * { letter-spacing: 0.3em; } /*********************** * [class="ex-lh"] ***********************/ #top .ex-lh, #top .ex-lh * { line-height: 190%; } /*********************** * [class="ex-lh2"] ***********************/ #top .ex-lh2, #top .ex-lh2 * { line-height: 140%; } /*********************** * [class="ex-lh3"] ***********************/ #top .ex-lh3, #top .ex-lh3 * { line-height: 2.25em; } /*********************** * [class="fw-bold"] ***********************/ #top .fw-bold, #top .fw-bold * { font-weight: bold; } /*********************** * [class="fw-mid"] ***********************/ #top .fw-mid, #top .fw-mid * { font-weight: 500; } /*********************** * [class="ex-spacing"] (letter-spacing) ***********************/ #top .ex-spacing { letter-spacing: 5px; } /*********************** * smb ボタン用 ex-smb-buttonクラス ***********************/ .entry-content .ex-smb-button { padding-top: 20px; padding-bottom: 0px; } .entry-content .ex-smb-button div { padding: 0px; } .entry-content .ex-smb-button .smb-btn-box__btn-wrapper { text-align: left; } #top .entry-content .ex-smb-button a { display: inline-block; text-align: left; padding: 15px 45px 15px 20px; font-weight: bold; border: none; border-radius: 7px; background-color: var(--khmr-color-primary); color: var(--khmr-color-white); position: relative; transition: all var(--khmr-transition-time) ease-in-out; font-size: 12px; line-height: 100%; } #top .entry-content .ex-smb-button a:after { position: absolute; font-size: 22px; font-weight: 300; right: 10px; display: inline-block; font-family: var(--khmr-icon-font-family-secondary); content: "\e5cc"; } #top .entry-content .ex-smb-button a:hover { color: var(--khmr-color-white); background-color: var(--khmr-color-secondary); filter: none; } @media only screen and (min-width:768px) { #top.page-id-16 .entry-content .c-row--reverse .ex-smb-button .smb-btn-box__btn-wrapper { text-align: right; } } /*********************** * ローディング用 ***********************/ #loader_wrap { z-index: 999999; position: fixed; display: flex; align-items: center; justify-content: center; width: 100vw; height: 100vh; top: 0; background: #fff; pointer-events: none; transition: all 0.8s; } /*********************** * 記事一覧系統 ***********************/ #top.archive article.single-small { display: flex; align-items: flex-start; } #top.archive article.single-small .blog-meta > a { margin-top: 0px; transition: all var(--khmr-transition-time) ease-in-out; } #top.archive article.single-small .blog-meta > a .iconfont:before { color: var(--khmr-color-white); } #top.archive article.single-small .entry-content-wrapper { width: 100%; } #top.archive article.single-small .entry-content-header { padding-top: 5px; line-height: 100%; } #top.archive article.single-small .entry-content { display: none; } #top.archive article.single-small .post-title { font-size: 17px; line-height: 140%; } html #top .bloglist-simple .entry-content-wrapper .post-title a:hover { color: var(--khmr-color-link); } #top #wrap_all .all_colors .post-title > a:hover { color: var(--khmr-color-primary); } /*********************** * シングル ***********************/ #top.single article.post-entry > .entry-content-wrapper > .post_delimiter { display: none; } body#top.post-template-default article > .big-preview { display: none; } /*********************** * タイムライン ***********************/ #top .timeline .scrollcontent { max-height: 400px; } #top .timeline .avia-image-container-inner { width: 100%; display: block; } #top .timeline .avia-image-container-inner img { width: 100%; } /*********************** * お問い合わせページ用 ***********************/ .responsive #top.page-id-22 .main_color .container { max-width: 800px; } /*********************** * テーブル ***********************/ #top:not(.home) .entry-content table tr th { background-color: var(--khmr-color-primary); } #top:not(.home) .entry-content table tr th { color: white; } #top:not(.home) .entry-content table th, #top .entry-content table td { padding: 0.8rem 0.75rem; letter-spacing: 0.75px; line-height: 160%; } @media only screen and (max-width:767px) { #top:not(.home) .entry-content table { display: block; max-width: none; min-width: 100%; width: auto; overflow-x: auto; white-space: nowrap; } } /*********************** * smb のボックスエレメント ***********************/ #top .entry-content .smb-box { margin: 25px 0px; } #top .entry-content .smb-box .smb-box { margin: 0px; } #top .entry-content .smb-box .smb-box { font-size: 90%; } #top .entry-content .smb-box h3 { margin-bottom: 0px; } /*********************** * 組織についてページ ***********************/ #top.page-id-16 .entry-content table td { padding: 20px 30px; font-size: 16px; border-left: none; border-right: none; } #top .entry-content .smbmt-start .c-row { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #top .entry-content .smbmt-start .smb-media-text__body > p:first-child{ margin-top: 0px; } #top .entry-content .smbmt-start h3.smb-media-text__title { padding: 0px; border: none; margin: 0px; } #top .entry-content .smbmt-start .smb-media-text__body { margin-top: 15px; } #top.page-id-16 .entry-content .smb-box__body h3 { margin-bottom: 0px; } @media only screen and (min-width:768px) { #top.page-id-16 .entry-content .c-row--reverse .member-button .smb-btn-box__btn-wrapper { text-align: right; } } #top .faculty .smb-panels__item { border-radius: 10px; padding: 40px; } #top .faculty .smb-panels__item--horizontal { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #top .faculty .smb-panels__item--horizontal>.smb-panels__item__figure { border-radius: 10px; display: inline-block; position: relative; height: 200px; width: 100%; overflow: hidden; } #top .faculty .smb-panels__item--horizontal>.smb-panels__item__figure img { position: absolute; height: auto; max-height: none; min-height: 100%; min-width: 100%; max-width: none; width: auto; position: relative; top: 50%; transform: translateY(-50%); } #top .faculty .smb-panels__item__body { text-align: left; padding: 0px 30px 0px 0px; } #top .faculty .smb-panels__item--horizontal { box-shadow: 0px 0px 12px 0px rgba(204, 204, 204, 0.25); } #top .faculty .smb-panels__item--horizontal:hover { box-shadow: 0px 0px 15px 0px rgba(125, 125, 125, 0.25); } @media only screen and (max-width:639px) { #top .faculty .smb-panels__item__body { margin-bottom: 20px; padding-right: 0px; } #top .faculty .smb-panels__item--horizontal>.smb-panels__item__figure { max-height: 200px; overflow: hidden; } } /*********************** * メンバー詳細ページ ***********************/ #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .mtitle { position: relative; } #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .mtsub { font-size: 6vw; color: rgba(0,0,0,0.075); padding-bottom: 0px; margin-bottom: 0px; line-height: 110%; font-weight: bold; } #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .mtsub:after { content: none; } #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .mtmain{ position: absolute; bottom: 0px; left: 0px; font-size: 3vw; padding-bottom: 15px; margin-bottom: 0px; } #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .mtmain:after { width: 100px; } #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .mpos { border: none; padding: 0px 0px 10px 0px; position: relative; font-size: 20px; line-height: 120%; padding-left: 35px; } #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .mpos:before { position: absolute; font-family: var(--khmr-icon-font-family-secondary); content: "\ea67"; color: var(--khmr-color-primary); font-size: 28px; vertical-align: middle; top: -1px; left: 0px; font-weight: 300; margin-right: 8px; } .entry-content .member-sns > a, .entry-content .member-sns > a:before { width: 35px; height: 35px; line-height: 36px; } .entry-content .member-sns > a { padding-top: 35px; } .entry-content .member-sns > a.Twitter:before { font-size: 20px; left: -1px; } .entry-content .member-sns > a.Facebook:before { font-size: 22px; } .entry-content .member-sns > a.Instagram:before { font-size: 24px; } @media only screen and (max-width:768px) { #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .mtsub { font-size: 10vw; } #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .mtmain { font-size: 5vw; padding-bottom: 10px; } } @media only screen and (max-width:498px) { #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .mtsub { font-size: 50px; } #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .mtmain { font-size: 25px; padding-bottom: 5px; } #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .mpos { font-size: 18px } } #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .member-detail { margin-top: 30px; } #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .member-detail .c-row { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .member-detail img { border-radius: 10px; } #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .paperItem h4 { background-color: transparent; font-size: 16px; padding: 0px 0px 10px 0px; border-bottom: 0px; position: relative; font-weight: bold; } #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .paperItem h4:after { position: absolute; content: ""; display: block; top: 100%; left: 0px; width: 35px; height: 1px; background-color: var(--khmr-color-primary); } #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .paperItem .smb-box { padding: 5px 20px; font-size: 13px; line-height: 120%; } @media only screen and (max-width:767px) { #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .paperItem h4 { font-size: 16px; } } #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .mtmain:after { content: none; } #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .mtitle { position: relative; } #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .mtitle:after { position: absolute; content: ""; width: 35%; height: 2px; background-color: var(--khmr-color-primary); left: 0px; top: 100%; } #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .paperItem .c-row__col--lg-1-4 { --_item-width: 15%; } #top:not(.home):not(.blog):not(.archive):not(.search) main .entry-content .paperItem .c-row__col--lg-3-4 { --_item-width: 85%; } /*********************** * ヘッダー ***********************/ #top #header .av-main-nav > li > a { transition: all var(--khmr-transition-time) ease-in-out; } #top #header .av-main-nav > li > a:hover { opacity: 0.7; } #top #header .avia-menu-fx { display: none; } #top.home #header.av_header_transparency { padding: 20px; } #top #header_meta { border-bottom: 0px; } #top #header_main { border-top: 0px; margin-top: 1px; } #top .header_color .main_menu .menu ul li > a:hover, #top .header_color .main_menu .menu ul li > a:focus { color: var(--khmr-color-primary); } #top div#header_main { position: relative; margin-top: 0px; border-top: none; border-bottom: none; } #top div#header_main > .widget { position: absolute; padding: 0px; right: 0px; z-index: 999; } @media only screen and (max-width:989px) { #header_main .inner-container > .widget { display: none; } .responsive.html_logo_right #top #wrap_all .av_mobile_menu_tablet .main_menu { float: none; right: 0px; left: auto; } .html_header_top #top .av_logo_right .logo { left: 0px; right: auto; float: none; } #top #header_main .inner-container span.logo { padding: 5px 0px; } .responsive .logo img, .responsive .logo svg { max-width: 180px; } } @media only screen and (min-width:990px) { .html_header_top #top .av_header_stretch .container { padding: 0px; } .html_header_top body#top .av_header_stretch .container { width: 100%; } .html_header_top body#top .av_logo_right .logo { left: 0px; right: auto; } #top #header_main .inner-container span.logo { padding: 10px 20px; } .html_header_top body#top .av_header_stretch .container.av-logo-container, .html_header_top body#top .av_header_stretch .container.av-logo-container > .inner-container { width: auto; padding: 0px 20px 0px 10px; } } /*********************** * ヘッダーロゴ ***********************/ #header_main .logo a.av-contains-svg > svg { padding-top: 0px; padding-bottom: 0px; } header.header-scrolled #header_main .logo a.av-contains-svg { padding-top: 5px; padding-bottom: 5px; } @media only screen and (max-width:767px) { #header_main .logo a.av-contains-svg > svg { padding-top: 10px; padding-bottom: 10px; } } .logo img, .logo svg { max-height: none; height: 100%; } #header_main .logo a.av-contains-svg > svg { padding-top: 0px; padding-bottom: 0px; } #top #header_main .inner-container span.logo { padding-top: 35px; padding-bottom: 35px; } header.header-scrolled #header_main .logo a.av-contains-svg { padding: 0px 15px } @media only screen and (max-width:989px) { #top #header_main .inner-container span.logo { padding-top: 15px; padding-bottom: 15px; width: calc(100% - 50px); } #header_main .logo a.av-contains-svg > svg { padding-top: 0px; padding-bottom: 0px; } } @media only screen and (max-width: 767px) { html.responsive #top #header_main > .container .main_menu .av-main-nav > li > a { min-width: 0; padding: 0 0 0 0px; margin: 0; border-style: none; border-width: 0; } #top #header_main .inner-container span.logo { max-width: 210px; } .responsive .logo img, .responsive .logo svg { max-width: 100%; } } /*********************** * メインメニュー ***********************/ #header_main .inner-container { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #header_main .inner-container > .logo, #header_main .inner-container > nav { float: none; position: relative; } #header_main .inner-container > nav { margin-left: auto; margin-right: 0px; } #header_main .inner-container > .widget { padding: 0px; } #header_main .inner-container > .widget > div > ul { display:-webkit-box; display:-ms-flexbox; display:flex; } #header_main .inner-container > .widget li, #header_main .inner-container > .widget li a { line-height: 100%; height: auto; padding: 0px; } #header_main .inner-container > .widget .wpml-ls { padding: 0px; border: none; } #avia-menu .av-language-switch-item { display: none; } #header_main .main_menu [id^="menu-global-sub"] , #header_main .widget, #header_main .main_menu { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #header_main .main_menu > div > ul:first-child > li:not(:last-child) > a { height: 35px !important; line-height: 35px !important; } #header_main .main_menu > div > ul:first-child > li > a:hover { text-decoration: none; } #header_main .main_menu [id^="menu-global-sub"] { margin: 0px; } #header_main .widget { height: 100%; margin-left: 15px; padding-left: 10px; } #header_main .widget_nav_menu > div > ul > li:first-child { padding-left: 10px; } #header_main .widget .wpml-ls-legacy-list-horizontal, #header_main .widget [id^="menu-global-sub"] a { padding: 3px 10px 0px 10px !important; text-align: center; display: block; height: 60px !important; line-height: 130% !important; position: relative; color: var(--khmr-secondary-font-color); } #header_main .widget [id^="menu-global-sub"] a:focus { text-decoration: none; } #header_main .widget .wpml-ls-legacy-list-horizontal:before, #header_main .widget [id^="menu-global-sub"] a:before { position: relative; font-family: var(--khmr-icon-font-family-secondary); content: "\e8b6"; font-size: 34px; display: block; height: auto; line-height: 100%; padding-top: 2px; font-weight: 300; color: rgba(var(--khmr-color-black-rgb),0.5); transition: color var(--khmr-transition-time) ease-in-out; } #header_main .widget .wpml-ls-legacy-list-horizontal:hover:before, #header_main .widget [id^="menu-global-sub"] a:hover:before { color: rgba(var(--khmr-color-black-rgb),0.8); } #header_main .widget .wpml-ls-legacy-list-horizontal:before { content: "\e894"; } #header_main .widget [id^="menu-global-sub"] a[href$="/contact/"]:before { content: "\f187"; } #header_main .wpml-ls-statics-shortcode_actions { border: none; padding: 0px; } #header_main .widget .wpml-ls-legacy-list-horizontal a { height: auto !important; line-height: 100% !important; padding: 0px; position: relative; font-size: 13px; margin: 0px 3px; color: var(--khmr-secondary-font-color); } #header_main .widget .wpml-ls-legacy-list-horizontal li.wpml-ls-current-language > a { border-bottom: 2px solid var(--khmr-color-primary); } #header_main .widget .wpml-ls-legacy-list-horizontal a:hover { text-decoration: none; background-color: transparent; } @media only screen and (min-width: 768px) and (max-width: 989px) { body#top #header .av-main-nav > li > a { padding: 0 5px; font-size: 12px } #header_main .widget { margin-left: 5px; padding-left: 5px; } #header_main .widget .wpml-ls-legacy-list-horizontal a { font-size: 11px !important; } #header_main .widget .wpml-ls-legacy-list-horizontal, #header_main .widget [id^="menu-global-sub"] a { padding: 10px 5px 0px 5px; } #header_main .widget .wpml-ls-legacy-list-horizontal:before, #header_main .widget [id^="menu-global-sub"] a:before { font-size: 25px; } } @media only screen and (max-width:767px) { #header_main .widget { display: none; } } @media only screen and (min-width:989px) { .menu-global-sub-container { border-left: 1px solid rgba(var(--khmr-color-gray-rgb),0.7); } } /*********************** * PC言語メニュー調整 ***********************/ #header_main .widget .wpml-ls-legacy-list-horizontal .wpml-ls-item-en > a:before, #header_main .widget .wpml-ls-legacy-list-horizontal .wpml-ls-item-ja > a:before { top: 9px; } #header_main .widget .wpml-ls-legacy-list-horizontal:before { top: 0px; } #header_main .widget.widget_icl_lang_sel_widget { margin-left: 0px } @media only screen and (max-width:989px) { #header_main .widget .wpml-ls-legacy-list-horizontal .wpml-ls-item-en > a:before, #header_main .widget .wpml-ls-legacy-list-horizontal .wpml-ls-item-ja > a:before { top: 9px; } #header_main .widget .wpml-ls-legacy-list-horizontal:before { top: 0px; } #header_main .widget.widget_icl_lang_sel_widget { margin-left: 0px; } } /*********************** * PCサブメニュー ***********************/ @media only screen and (min-width:990px) { #top #header .av-main-nav > li > .sub-menu > li > a { font-size: 14px; background-color: transparent; border: none; padding: 4px 0px; position: relative; color: var(--khmr-primary-font-color); } #top #header .av-main-nav > li > .sub-menu > li > a:hover { color: var(--khmr-color-primary); } #top #header .av-main-nav > li > .sub-menu > li > a:before { position: relative; content: ""; display: inline-block; width: 5px; height: 1px; background-color: var(--khmr-color-primary); vertical-align: middle; margin-right: 6px; } #top #header .av-main-nav > li > .sub-menu { padding: 10px 20px; background-color: var(--khmr-color-white); border-top: none; box-shadow: none; border-bottom: none; min-width:242px; } #top #header .av-main-nav > li > .sub-menu > li > a { font-size: 14px; color: var(--khmr-primary-font-color); } #top #header .av-main-nav > li > .sub-menu > li > a:hover { color: var(--khmr-color-primary); } #top #header .av-main-nav > li > .sub-menu { top: calc(100% + 14px); border-radius: 7px; box-shadow: 0px 0px 16px -6px rgba(var(--khmr-color-black-rgb),0.6); } #top #header .av-main-nav > li { position: relative; } #top #header .av-main-nav > li:before { visibility: hidden; } #top #header .av-main-nav > li:hover:before { position: absolute; content: ""; width: 100%; height: 14px; top: 100%; visibility: visible; left: 0px; } body#top #header .av-main-nav > li > .sub-menu > li > a:before { background-color: transparent; width: auto; height: auto; font-family: var(--khmr-icon-font-family-secondary); color: var(--khmr-color-primary); content: "\e5e1"; font-size: 12px; } #top #header .av-main-nav > li > .sub-menu { left: 50%; transform: translateX(-50%); } } #top #wrap_all #header .av-menu-button > a { padding: 7px 14px; border-radius: 50px; } #top #wrap_all #header .av-menu-button > a > span { font-size: 12px; color: var(--khmr-color-white) !important; } #top #wrap_all #header:not(.av_header_transparency) .av-menu-button > a { padding: 7px 20px; } /*********************** * スマホ時のヘッダー関連 ***********************/ @media only screen and (max-width: 989px) { html.responsive #top #wrap_all #header #header_main { background-color: var(--khmr-color-white); } #top.home #header { padding: 0px !important; } } /*********************** * demo2スマホ時のバーガーメニュー ***********************/ .html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a { border-color: #4a5d96; } .html_av-overlay-side #top #wrap_all #header_main #av-burger-menu-ul { max-height: 100%; overflow-y: auto; } .html_av-overlay-side #top #wrap_all #header_main .av-burger-overlay-inner { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; } .html_av-overlay-side #top #wrap_all #header_main #av-burger-menu-ul { height: auto; width: 100%; } #top .av-burger-overlay #av-burger-menu-ul { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #top .av-burger-overlay #av-burger-menu-ul > li:first-child > a { border-top: 1px solid; } #top .av-burger-overlay #av-burger-menu-ul > li { width: 100%; } #top .av-burger-overlay #av-burger-menu-ul > li.search-toggle__button, #top .av-burger-overlay #av-burger-menu-ul > li.link-contact { width: 50%; text-align: center; } #top .av-burger-overlay #av-burger-menu-ul > li.search-toggle__button, #top .av-burger-overlay #av-burger-menu-ul > li.link-contact { margin-top: 10px; padding: 10px 10px 0px 10px; } #top .av-burger-overlay #av-burger-menu-ul > li.search-toggle__button > a, #top .av-burger-overlay #av-burger-menu-ul > li.link-contact > a { padding: 25px 10px 20px 10px; display: block; font-size: 12px; position: relative; text-align: center; border: 1px solid; } #top .av-burger-overlay #av-burger-menu-ul > li.search-toggle__button > a { border-right: 1px solid; } #top .av-burger-overlay #av-burger-menu-ul > li.search-toggle__button > a:before, #top .av-burger-overlay #av-burger-menu-ul > li.link-contact > a:before { position: relative; font-family: var(--khmr-icon-font-family-secondary); content: "\e8b6"; font-size: 28px; display: block; text-align: center; margin-bottom:8px; font-weight: 300; height: 28px; line-height: 100%; } #top .av-burger-overlay #av-burger-menu-ul > li.link-contact > a:before { content: "\f187"; top: -1px; } .html_av-overlay-side #top #wrap_all #header_main #av-burger-menu-ul { max-height: 100%; overflow-y: auto; } #top .av-burger-overlay #av-burger-menu-ul > li.search-toggle__button > a, #top .av-burger-overlay #av-burger-menu-ul > li.link-contact > a { padding: 0px; height: 100px; padding-top: 24px; } #top .av-burger-overlay #av-burger-menu-ul > li.wpml-ls-item { width: 50%; } #top .av-burger-overlay #av-burger-menu-ul > li.wpml-ls-item > a { text-align: center; margin-top: 25px; border-top: 1px solid; } #top .av-burger-overlay #av-burger-menu-ul > li.wpml-ls-current-language > a { background-color: var(--khmr-color-primary) !important; color: var(--khmr-color-white) !important; font-weight: bold; } .header_color .av-hamburger-inner, .header_color .av-hamburger-inner:before, .header_color .av-hamburger-inner:after { height: 1px; width: 28px; background-color: var(--khmr-color-white-contrast); border-radius: 0px; } @media only screen and (max-width:767px) { .responsive #top .logo { width: calc(100% - 50px); } body#top #header_main > .container .main_menu { top: calc(50% - 38px); padding-bottom: 0px; } } .html_av-overlay-side #top .av-burger-overlay-scroll { background-color: #efefef; } /*********************** * [id="frontpage-slider"] ***********************/ #frontpage-slider .slideshow_caption { width: 100%; } #frontpage-slider .avia-caption-content p { font-weight: bold; } #top #frontpage-slider .avia-slideshow-button.avia-color-light { background-color: var(--khmr-color-primary); padding: 12px 40px; border: none; border-radius: 100px; font-size: 15px; margin-top: 10px; } #frontpage-slider .avia-caption-content p { margin-top: 22px; } @media only screen and (max-width:767px) { #top #frontpage-slider .avia-slideshow-button.avia-color-light { padding: 8px 30px; font-size: 14px; } } #top #frontpage-slider .avia-slideshow-button.avia-color-light { margin-top: 30px; padding: 15px 20px; width: 150px; } @media only screen and (max-width:767px) { #top #frontpage-slider .avia-slideshow-button.avia-color-light { padding: 10px 20px; margin-top: 15px; width: 120px; font-size: 13px; } html.html_header_transparency #top .avia-builder-el-0 .slideshow_caption { padding-top: 20px; padding: 10px; } } /*********************** * Frontpage LatestNews ***********************/ #top .front-information .entry-content-header { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } #top .front-information .av-magazine-no-thumb .av-magazine-content-wrap { border: none; } #top .front-information .entry-content-header time, #top .front-information .entry-content-header .av-magazine-title { min-height: 75px; } #top .front-information .entry-content-header time { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100px; color: var(--khmr-color-secondary-contrast); background-color: var(--khmr-color-secondary); border-radius: 5px 0px 0px 5px; } #top .front-information .entry-content-header .av-magazine-title { padding: 10px 20px 10px 25px; background-color: var(--khmr-color-white); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc( 100% - 100px ); border-radius: 0px 5px 5px 0px; font-weight: 500; } #top .front-information .entry-content-header .av-magazine-title > a:hover { color: var(--khmr-color-primary); } @media only screen and (max-width:767px) { #top .front-information .entry-content-header .av-magazine-title { padding: 10px 15px 10px 15px; } } #top #frontpage-slider .avia-slideshow-button.avia-color-light { border-radius: 0px; } #top #frontpage-slider .avia-slideshow-button.avia-color-light { background-color: white; color: var(--khmr-color-primary); } #top #frontpage-slider .avia-slideshow-button.avia-color-light:hover { color: white; background-color: var(--khmr-color-primary) !important; } /*********************** * information Tab-Content [class="Info-Tab"] ***********************/ #top .information article.slide-entry { padding: 10px 10px 20px 10px; border: 1px solid rgba(var(--khmr-color-primary-rgb),0.2); background-color: var(--khmr-color-white); } #top .information article.slide-entry .slide-content > .entry-content-header, #top .information article.slide-entry .slide-content { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #top .information article.slide-entry .slide-content > *, #top .information article.slide-entry .slide-content > .entry-content-header > * { width: 100%; } #top .information article.slide-entry .slide-content > .slide-meta { order: 1; margin-top: 10px; } #top .information article.slide-entry .slide-content > .entry-content-header { order: 2; } #top .information article.slide-entry .slide-content > .entry-content { order: 3; } #top .information article.slide-entry .slide-content > .entry-content-header > h3 { order: 2; } #top .information article.slide-entry .slide-content > .entry-content-header > span { order: 1; } #top .information article.slide-entry .entry-title { font-size: 18px; color: var(--khmr-color-primary); margin-bottom: 5px; padding-bottom: 10px; position: relative; } #top .information article.slide-entry .entry-title:after { position: relative; content: ""; display: block; width: 70px; height: 1px; background-color: rgba(var(--khmr-color-primary-rgb),0.3); left: 0px; bottom: -5px; } #top .information article.slide-entry .entry-title a { line-height: 170%; } #top.home .information .av-magazine-cats a { border-radius: 30px; transition: all var(--khmr-transition-time) ease-in-out; } .responsive .information .tab_titles > .tab { background-color: white; } .responsive .information .tab_titles > .tab.active_tab { background-color: var(--khmr-color-primary); } @media only screen and (min-width:768px){ div .information .tabcontainer .active_tab_content { background-color: transparent; } div .information .tabcontainer .tab_content { border: none; padding: 0px; } div .information .tabcontainer .tab_content br { display: none; } #top .information .tabcontainer { overflow: visible; } div .information .tab_titles .tab { border: 1px solid var(--khmr-primary-font-color); } div .information .tabcontainer .active_tab { background-color: var(--khmr-color-primary); color: var(--khmr-color-primary-contrast) !important; } div .information .tabcontainer .tab_titles { display: inline-block; width: auto; } div .information .tabcontainer .tab_content .avia-button-right { position: absolute; top: -75px; right: 0px; } div .information .tabcontainer .active_tab_content, div .information .tabcontainer .active_tab_content .tab_inner_content { overflow: visible; } div .information .tabcontainer .tab_inner_content > .avia-button-wrap .avia-button { padding: 15px; } } .information .post_delimiter { display: none; } div .information .avia-content-slider { margin: 10px 0px 0px 0px; } div .information .tab_titles .tab{ margin-bottom: 25px; position: relative; padding: 5px 20px; } div .information .tab_titles .tab.active_tab:before { position: absolute; content: ""; width:12px; height: 12px; display: block; background-color: var(--khmr-color-primary); bottom: -6px; left: 50%; transform: translateX(-50%) rotate(-45deg); } .information .av-magazine-thumbnail { border-radius: 6px; } @media only screen and (max-width:767px) { .information .tabcontainer .tab.fullsize-tab { display: none; } .responsive .information .tabcontainer { border: none; } .responsive .information .tabcontainer .tab_titles { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .responsive .information .tabcontainer .tab_titles > .tab:last-child { border-right: 1px solid #dddddd; } .responsive .information .tabcontainer .tab_titles > .tab { width: 33.33333%; border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } .responsive #top .information .tab_content { background-color: transparent; padding: 0px 0px 10px 0px; overflow: hidden; border: 0px; } .responsive #top .main_color .tabcontainer .active_tab { background-color: var(--khmr-color-primary); } div .information .tabcontainer .active_tab_content .tab_inner_content { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } div .information .tabcontainer .active_tab_content .tab_inner_content > .avia-button-wrap, div .information .tabcontainer .active_tab_content .tab_inner_content > .avia-content-slider { width: 100%; } div .information .tabcontainer .active_tab_content .tab_inner_content > .avia-content-slider { order: 1; } div .information .tabcontainer .active_tab_content .tab_inner_content > .avia-button-wrap { order: 2; } div .information .tabcontainer .active_tab_content .tab_inner_content > .avia-button-wrap .avia-button { float: none; padding: 10px; font-size: 13px; } div .information .tabcontainer .active_tab_content .slide-entry-wrap { margin-bottom: 15px; } } div .information .tab_titles .tab { border-radius: 20px !important; margin-right: 10px; border: none; } .responsive .information .tab_titles > .tab { background-color: rgba(var(--khmr-color-gray-rgb),0.1); } .responsive .information .tab_titles > .tab.active_tab:before { content: none; } #top .information article.slide-entry .slide-content > .entry-content { display: none; } #top .information article.slide-entry .entry-title:after { content: none; } #top .information article.slide-entry .entry-title > a { font-size: 17px; font-weight: bold; } #top .information article.slide-entry .slide-content > .entry-content-header > span { order: 4; } div .information .av_one_third { width: calc(33.33333% - 10px); margin-left: 15px; } div .information .av_one_third.first { margin-left: 0px; } @media only screen and (max-width: 767px) { #top #wrap_all div .information .av_one_third { margin-bottom: 15px !important; } .responsive .information .tabcontainer .tab_titles > .tab{ margin-right: 5px; width: calc(33.33333% - 5px); } } #top div .information .tabcontainer .tab_content .avia-button-right a { border-radius: 50px; background-color: var(--khmr-color-primary); border: none; padding: 13px; min-width: 150px; transition: background-color var(--khmr-transition-time) ease-in-out; } #top div .information .tabcontainer .tab_content .avia-button-right a span { color: var(--khmr-color-white); font-size: 13px; } #top div .information .tabcontainer .tab_content .avia-button-right a:hover { background-color: var(--khmr-color-secondary); } #top .information .av-magazine-entry { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0px; margin-bottom: 0px; border-top: 1px solid #f0f0f0; } #top .information .av-magazine-entry:last-child { border-bottom: 1px solid #f0f0f0; } #top .information .av-magazine-content-wrap { width: 100%; border-bottom: none !important; } #top .information .av-magazine-thumbnail { width: 100%; float: none; margin: 0px; } #top.home .information .av-magazine-title { padding: 5px 0px 0px 0px !important; border: none; letter-spacing: 2px; line-height: 140%; } #top.home .information .av-magazine-text-sep { display: none; } #top.home .information .av-magazine-cats a { color: var(--khmr-color-white); padding: 2px 20px 0px 20px; font-size: 10px; display: inline-block; margin: 10px auto 10px 0px; max-width: 110px; word-break: break-word; line-height: 120%; } @media only screen and (min-width:768px) { #top .information .av-magazine-thumbnail { width: 220px; margin-right: 25px; } #top .information .av-magazine-content-wrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; } #top.home .information .av-magazine-title { font-size: 18px; } } #top.home .information { position: relative; } .responsive .information .tab_titles > .tab { background-color: var(--khmr-color-gray); color: white; transition: all var(--khmr-transition-time) ease-in-out; } .responsive .information .tab_titles > .tab:hover { color: white !important; } #top.home .information article.slide-entry { padding: 25px; border-radius: 50px 0px 50px 0px; overflow: hidden; } #top.home .information article.slide-entry a.slide-image { width: calc(100% + 100px); max-width: calc(100% + 100px); margin-left: -50px; margin-top: -25px; margin-bottom: 15px; } .responsive #top .information article.slide-entry .entry-title { color: var(--khmr-color-secondary); } .responsive #top .information .avia-builder-el-first { width: 100%; } div .information .tab_titles .tab { padding: 8px 18px; font-size: 12px; line-height: 100%; font-weight: bold; } #top #wrap_all #main .information .avia-button { top: 10px; padding: 13px 18px; line-height: 100%; font-weight: bold; } .information .entry-content-header { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .information .av-magazine-time { width: 140px; float: none; } .information .av-magazine-cats-wrap { width: calc(100% - 140px); float: none; } .information .av-magazine-title { width: 100%; } #top #wrap_all #main .information .avia-button span, .responsive .information .tab_titles > .tab, #top .information .av-magazine-cats-wrap *, #top .information .av-magazine-time, #top .information .av-magazine-title * { font-family: var(--khmr-font-family-secondary); font-weight: 500; } #top .information .av-magazine-time, #top .information .av-magazine-title * { font-size: 17px; } #top #wrap_all #main .information .avia-button, #top div .information .tab_titles .tab, #top.home .information .av-magazine-cats a { border-radius: 0px !important; transition: opacity var(--khmr-transition-time) ease-in-out; } #top div .information .tab_titles .tab:not(.active_tab):hover, #top.home .information .av-magazine-cats a:hover { opacity: 0.7; } #top.home .information .av-magazine-cats a { font-size: 13px; line-height: 100%; padding: 3px 25px 4px 25px; } div .information .tabcontainer .tab_content .avia-button-right { position: relative; top: -15px; } #top #wrap_all div .information .tabcontainer .tab_content .avia-button-right > a { background-color: transparent !important; box-shadow: none !important; padding: 3px !important; text-align: right; min-width: 0px; position: relative; color: var(--khmr-color-primary); font-size: 17px; line-height: 100%; transition: all var(--khmr-transition-time) ease-in-out; } #top #wrap_all div .information .tabcontainer .tab_content .avia-button-right > a:after { position: relative; font-family: var(--khmr-icon-font-family-secondary); content: "\f1df"; vertical-align: middle; font-weight: 300; font-size: 20px; margin-left: 5px; padding-right: 10px; transition: all var(--khmr-transition-time) ease-in-out; } #top #wrap_all div .information .tabcontainer .tab_content .avia-button-right > a:hover > span, #top #wrap_all div .information .tabcontainer .tab_content .avia-button-right > a:hover { color: var(--khmr-color-secondary); } #top #wrap_all div .information .tabcontainer .tab_content .avia-button-right > a:hover:after{ padding-right: 5px; margin-left: 10px; } #top #wrap_all div .information .tabcontainer .tab_content .avia-button-right > a > span { color: var(--khmr-color-primary); font-size: 17px; } /*********************** * カテゴリー ***********************/ .responsive #top .blog-categories > a { text-align: center; padding: 3px 5px 2px 5px; line-height: 130%; background-color: var(--khmr-color-primary); color: white; vertical-align: middle; margin: 0px 0px 10px auto; transition: opacity var(--khmr-transition-time) ease-in-out; } .responsive #top .blog-categories > a:hover { opacity: 0.7; } /*********************** * Frontpage About us ***********************/ #top .about-content .av-special-heading { padding: 0px 20px 10px 20px; } #top .about-content .flex_column { overflow: hidden; } #top .about-content .flex_column .avia-image-overlay-wrap { position: relative; } #top .about-content .flex_column .avia-image-overlay-wrap:after { position: absolute; content: ""; display: block; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgba(var(--khmr-color-primary-rgb),0.3); transition: background-color var(--khmr-transition-time) ease-in-out; } #top .about-content .flex_column:hover .avia-image-overlay-wrap:after { background-color: transparent; } @media only screen and (max-width:767px) { .responsive #top .about-content .flex_column_table { margin-top: 0px; } } /*********************** * Frontpage MemberContent ***********************/ #top .member-content .khmr-slider .avia-testimonial { background-color: rgba(var(--khmr-color-white-rgb),1); border-radius: 6px; } #top .member-content.avia-section { background-size: calc(50% + 350px) auto; background-position-x: -400px; } #top .member-content.avia-section { background-size: calc(50% + 350px) auto; background-position-x: -400px; } @media only screen and (max-width:989px) { #top .member-content.avia-section { background-size: calc(50% + 550px) auto; background-position-x: 120%; background-position-y: bottom; } #top .member-content .khmr-slider .avia-testimonial { background-color: rgba(var(--khmr-color-white-rgb),0.95); border-radius: 6px; } } /*********************** * Frontpage pickup ***********************/ #top .pickup-column { transition: all var(--khmr-transition-time) ease-in-out; } #top .pickup-column:hover { box-shadow: 0px 0px 8px 1px #ababab; } /*********************** * [class="khmr-flex"] ***********************/ #top .khmr-flex, #top .khmr-flex .entry-content-wrapper { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } /*********************** * [class="post-title"] ***********************/ #top #wrap_all .all_colors .post-title { font-size: 32px; line-height: 140%; letter-spacing: 1px; color: #063049; } /*********************** * [class^="no-padding-**"] ***********************/ .responsive body#top #main .no-padding-bottom, .responsive body#top #main .no-padding-bottom .template-page, .responsive body#top #main .no-padding-bottom .av-layout-tab { padding-bottom: 0px; } .responsive body#top #main .no-padding-top, .responsive body#top #main .no-padding-top .template-page, .responsive body#top #main .no-padding-top .av-layout-tab { padding-top: 0px; } /*********************** * [class^="background-**"] ***********************/ #top .background-cover { background-size: cover; } /*********************** * ページタイトルバー ***********************/ #main .title_container { padding-top: 50px; padding-bottom: 50px; background-image: var(--khmr-titlebar-background-url); background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; } #main .title_container:after { position: absolute; content: ""; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgba(var(--khmr-color-black-rgb),0.4); } #main .title_container .breadcrumbs { position: relative; margin-top: 0px; z-index: 1; left: 0px; top: 0px; } #top .title_container .container * { color: var(--khmr-color-white) !important; } #main .title_container strong, #main .title_container h1.main-title.entry-title { line-height: 130%; margin-bottom: 5px; min-height: auto; font-size: 22px; font-weight: 500; } /*********************** * 固定ページ サイドバー ***********************/ #top aside a.group-top__link { display: block; width: 100%; } #top aside a.group-top__link:hover { text-decoration: none; } #top aside .widgettitle + .widget_nav_hide_child { padding-top: 0px; } /*********************** * フッター ***********************/ #footer-page table, #footer-page table tbody, #footer-page table tr, #footer-page table td{ background-color: transparent !important; color: var(--khmr-color-white); padding: 5px 10px 5px 10px; } #top #footer-page .ex-title:before { background-color: var(--khmr-color-white); } #top #footer-page .ex-title:before { background-color: var(--khmr-color-white); } #footer-page ul li a { color: var(--khmr-color-secondary); } #top #footer-page .flex_column .widget_nav_menu li a:hover, #top #footer-page .flex_column .widget_nav_menu ul:first-child>.current-menu-item, #top #footer-page .flex_column .widget_nav_menu ul:first-child>.current_page_item { background-color: transparent; font-weight: bold; } #top #footer-page > .avia-section:nth-of-type(1) .ex-title:before { background-color: #222222; } #footer-page .widget { padding-bottom: 0px; } @media only screen and (max-width:767px) { #footer-page .avia-logo-element-container { margin-top: 0px; } #footer-page .avia-logo-element-container .avia-smallarrow-slider-heading { display: none; } #top #footer-page .template-page { padding: 40px 0px; } } @media only screen and (min-width:768px) { #footer-page ul { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #top #footer-page .flex_column .widget_nav_menu li { border: none; } #top #footer-page .flex_column .widget_nav_menu li > a { padding: 0px 30px 0px 30px; border-left: 1px solid var(--khmr-color-secondary); } #top #footer-page .flex_column .widget_nav_menu li:last-child > a { border-right: 1px solid var(--khmr-color-secondary); } @media only screen and (max-width:989px) { #top #footer-page .flex_column .widget_nav_menu li > a { padding: 0px 10px 0px 10px; } } } #top .footer2 { border-top: 1px solid var(--khmr-color-primary); } #top .footer2 img { text-align: left; width: auto !important; height: 70px !important; } #top #footer-page .footer2 .widget { padding: 0px; } #top #footer-page .footer2 .flex_column .widget_nav_menu li > a { color: var(--khmr-color-primary); font-size: 15px; } #top #footer-page .footer2 .flex_column .widget_nav_menu li { margin: 0px; } html.responsive #top #footer-page .footer3 .flex_column { margin-bottom: 0px; } @media only screen and (min-width: 768px) { #top #footer-page .footer2 ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #top #footer-page .footer2 .flex_column .widget_nav_menu li > a { padding: 0px; border-left: none; margin-left: 60px; } } /*demo10*/ #footer-page .av-share-box ul li a { font-size: 30px; color: var(--khmr-color-secondary); border-color: var(--khmr-color-secondary); } #footer-page .av-share-box { display: block; text-align: center; margin-top: 20px; } #footer-page .av-share-box ul { display: inline-block; } #footer-page .av-share-box ul li { display: inline-block; margin: 0px 50px; } #top #footer-page .copyright .template-page { padding-top: 0px !important; } @media only screen and (max-width:767px) { #footer-page .av-share-box ul li { display: inline-block; margin: 0px 5px; } } /*demo12*/ #top #footer-page table, #top #footer-page table * { border: none; color: var(--khmr-primary-font-color); text-align: left; } #top #footer-page h2.av-special-heading-tag { display: inline-block; border-bottom: 2px solid var(--khmr-color-primary); padding-bottom: 10px !important; margin-bottom: 0px; } #top #footer-page .avia-button { width: 40%; padding: 20px 15px; text-align: center; } @media only screen and (min-width:990px) { #top #footer-page .avia-button { padding-left: 50px; padding-right: 50px; margin: 0px 15px !important; } } #top #footer-page .avia-button:after { margin-left: 0px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); } #top #footer-page .avia-button[href$="/about/"]:after { content: "\f233"; } #top #footer-page .avia-button[href$="/contact/"]:after { content: "\e0e1"; font-weight: normal; } #top #footer-page td.avia-highlight-col { width: 80px; } #footer-page .container.av-section-cont-open { display: block; margin-left: auto; margin-right: auto; float: none; } #top .scrollcontent { max-height: 220px; overflow: auto; padding:20px; box-shadow:0px 0px 3px 2px #ccc inset; } @media only screen and (max-width:767px) { html.responsive body#top.home #footer-page .no-padding-bottom .template-page { padding-top: 65px; } } #top #wrap_all #footer-page h4 { background-color: transparent; padding: 0px; border-bottom: 0px; } /*footer logo link*/ #top #footer-page .avia-smallarrow-slider-heading { display: none; } #top .avia-logo-element-container .av-partner-fake-img { background-size: contain; background-position: center center; display: block; width: 100%; height: 85px; border: none; box-shadow: none; } #top .avia-logo-element-container a { padding: 10px; background-color: var(--khmr-color-white); } @media only screen and (min-width:990px) { #top #footer-page .avia-logo-element-container .slide-entry { padding: 20px !important; } } @media only screen and (max-width:989px) { #top .avia-logo-element-container .slide-entry { width: 33.3333%; padding: 10px !important; } #top .avia-logo-element-container .av-partner-fake-img { height: 70px; } } @media only screen and (max-width:767px) { #top .avia-logo-element-container .slide-entry { width: 100% !important; padding: 0px !important; margin: 0px 0px 15px 0px !important; } #top .avia-logo-element-container .av-partner-fake-img { padding-bottom: 0px !important; height: 125px; } } /*footer menu*/ #top #footer-page ul.menu { margin-bottom: 30px; } #top #footer-page .flex_column .widget_nav_menu li > a { color: #afafaf; font-weight: bold; font-size: 16px; transition: color var(--khmr-transition-time) ease-in-out; } /*footer sns*/ #top #footer-page .av-social-sharing-box { margin-top: 30px; margin-bottom: 50px; } #footer-page .av-share-box ul li a { font-size: 30px; color: var(--khmr-color-white); border: none; background-color: #333333; } /*footer scrollcontent*/ #top #footer-page .scrollcontent { background-color: white; margin-top: 20px; } @media only screen and (min-width: 768px) { #top #footer-page .flex_column .widget_nav_menu li > a:last-child { border: none; } #top #footer-page .flex_column .widget_nav_menu li > a { padding: 0px 60px 0px 0px; border: none; text-align: left; color: #afafaf; font-weight: bold; font-size: 16px; transition: color var(--khmr-transition-time) ease-in-out; } #top #footer-page .flex_column .widget_nav_menu li > a:hover { color: var(--khmr-color-white); } #top #footer-page ul.menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 50px 0px; border-top: 1px solid #444444; border-bottom: 1px solid #444444; margin-bottom: 60px; } #top #footer-page .av-share-box { text-align: left; } #top #footer-page .av-share-link { margin-left: 0px; } } #top #footer-page .avia-logo-element-container .slide-image { transition: opacity var(--khmr-transition-time) ease-in-out; } #top #footer-page .avia-logo-element-container .slide-image:hover { opacity: 0.8; } #footer-page .av-share-box ul li a { transition: all var(--khmr-transition-time) ease-in-out; } #footer-page .av-share-box ul, #top #footer-page .av-share-link { overflow: visible; } /*********************** * フッター コピーライト ***********************/ #socket { border-top: 0px; } #socket .container { text-align: center; padding-top: 0px; } #socket .copyright { float: none; } /*********************** * Archive & Blog & Search ***********************/ body#top.archive .bloglist-excerpt .read-more-link, body#top.blog .bloglist-excerpt .read-more-link { margin-top:10px } body#top.archive .template-blog .bloglist-excerpt .post_delimiter, body#top.blog .template-blog .bloglist-excerpt .post_delimiter { padding: 0px; } body#top.archive .entry-content-header + p, body#top.blog .entry-content-header + p { margin-top: 0px; margin-bottom: 15px; } #top.search article.bloglist-excerpt .post-title, #top.archive article.bloglist-excerpt .post-title, #top.blog article.bloglist-excerpt .post-title { font-size: 17px; } #top.search article.bloglist-excerpt .post-meta-infos, #top.archive article.bloglist-excerpt .post-meta-infos, #top.blog article.bloglist-excerpt .post-meta-infos { line-height: 100%; } /*********************** * サイドバー ***********************/ aside.sidebar .news-thumb { display: none; } /*********************** * section.member-content ***********************/ @media only screen and (max-width:767px) { body#top .member-content .template-page { padding-top: 40px; padding-bottom: 10px; } html body#top .member-content > div.container div.flex_column_table { margin-top: 0px; } } #top .member-content .khmrs-wrap { margin-top: 0px; } #top .khmrs-wrap > .khmr-slider > .khmrs-item { display: flex; } #top .khmrs-wrap > .khmr-slider > .khmrs-item > * { width: 100%; margin: 0px 5px; } #top .pc-only.khmrs-wrap > .khmr-slider > .khmrs-item > * { width: 100%; max-width: 33.333%; margin: 0px 5px; } /*********************** * トップページスマホ調整 ***********************/ @media only screen and (max-width:767px) { html.responsive #top.home #wrap_all .information .template-page { padding-top: 40px; } html.responsive #top.home #wrap_all .information .av_three_fifth { margin-bottom: 30px; } html.responsive #top.home #wrap_all .about-content .template-page { padding-top: 50px; padding-bottom: 10px; } } @media only screen and (max-width: 767px) { html.responsive #top.home #wrap_all .information .template-page { padding-bottom: 0px; } #top .member-content .khmrs-wrap, html body#top .member-content > div.container div.flex_column_table { margin-bottom: 10px; } #top .information .timeline { margin-bottom: 50px !important; } } /*********************** * 特殊メニュー設定用 ***********************/ html.responsive #header #avia-menu .menu-item { display: block; } html.responsive.html_header_transparency #header #avia-menu > .menu-item > a > span { color: white; } .header_color .av-hamburger-inner, .header_color .av-hamburger-inner:before, .header_color .av-hamburger-inner:after { background-color: white; } .header_color .is_active .av-hamburger-inner, .header_color .is_active .av-hamburger-inner:before, .header_color .is_active .av-hamburger-inner:after { background-color: black; } #top #header_main .container { height: 100px !important; line-height: 100px !important; padding-top: 3px; } #top #header_main .inner-container span.logo { padding: 0px; height: auto !important; width: calc(100% - 100px) !important; max-height: 85px; max-width: 200px; } #top #header .main_menu + #khmr-burger__clone.menu-item-avia-special { position: fixed; right: 0px; top: 0px; width: 102px; height: 100px; line-height: 100px; text-align: center; z-index: 99999999; margin: 0px !important; display: block; } html.responsive #top #wrap_all #header .av-burger-menu-main > a { background-color: var(--khmr-color-secondary); padding: 0px 0px 0px 5px; opacity: 1; height: 100px; line-height: 100px; transition: all var(--khmr-transition-time) ease-in-out; display: block;; } html.responsive #top #wrap_all #header .av-burger-menu-main > a:hover { opacity: 1; background-color: var(--khmr-color-secondary); } .html_av-overlay-side #top .av-hamburger-inner, .html_av-overlay-side #top .av-hamburger-inner::before, .html_av-overlay-side #top .av-hamburger-inner::after { background-color: white; height: 2px; transition: all var(--khmr-transition-time) ease-in-out; } .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after { background-color: white !important; } .html_av-overlay-side:not(.av-burger-overlay-active) #top a:hover .av-hamburger-inner { width: 20px } .html_av-overlay-side:not(.av-burger-overlay-active) #top a:hover .av-hamburger-inner::before { width: 28px; } .html_av-overlay-side:not(.av-burger-overlay-active) #top a:hover .av-hamburger-inner::after { width: 13px; } html.responsive #top #wrap_all #header { padding: 0px 100px 0px 40px; } html.responsive #header #avia-menu > .menu-item > a > span { letter-spacing: 1px; } @media only screen and (min-width:990px) { #header_main .inner-container > nav { max-width: calc(100% - 220px); } } @media only screen and (max-width:989px) { html.responsive #header #avia-menu .menu-item { display: none; } html.responsive body#top #wrap_all #header #header_main { background-color: var(--khmr-color-secondary); } #top #header .av-main-nav > #khmr-burger__clone.menu-item-avia-special { width: 85px; } #top #header_main .container, html.responsive #top #wrap_all #header .av-burger-menu-main > a, #top #header .main_menu + #khmr-burger__clone.menu-item-avia-special { height: 85px !important; line-height: 85px !important; } } @media only screen and (max-width: 989px) { html.responsive body#top #wrap_all #header #header_main { background-color: transparent; } .html_mobile_menu_tablet #top #wrap_all #header.av_header_transparency { position: absolute; top: 0px; left: 0px; background-color: transparent; } html.responsive #wrap_all { position: relative; } html.responsive #wrap_all #frontpage-slider .slideshow_caption { padding-top: 50px; } } @media only screen and (max-width: 767px) { html.responsive #top:not(.home) #wrap_all #header { padding: 0px; } #top:not(.home) #header_main .inner-container span.logo { width: calc(100% - 100px) !important; } } .html_av-overlay-side #top .av-burger-overlay-scroll { background-color: var(--khmr-color-secondary); } .html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li[class^="menu-item-"] a { display: flex; flex-wrap: wrap; overflow: hidden; } .html_av-submenu-hidden .av-submenu-indicator { height: 100%; line-height: 100%; top: 0px; margin-top: 0px; opacity: 1; right: -0px; width: 50px; } .html_av-submenu-hidden .av-show-submenu > a > .av-submenu-indicator { -webkit-transform: none !important; transform: none !important; } .html_av-submenu-hidden .av-submenu-indicator:before { position: relative; top: calc(50% - 12px); font-family: var(--khmr-icon-font-family-secondary); content: "\e5cc"; font-size: 24px; line-height: 100%; font-weight: 200; transition: all 0.3s ease-in-out; display: block; } .html_av-submenu-hidden .av-show-submenu > a > .av-submenu-indicator:before { -webkit-transform: rotate(90deg) translateX(2px); transform: rotate(90deg) translateX(2px); } html.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet { background-color: white; opacity: 1; } .html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a { transition: all var(--khmr-transition-time) ease-in-out; color: white; } .html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a:hover { background-color: #0085ce !important; opacity: 1; } .html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li[class*="menu-item-"] a .avia-menu-text , .html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li[class*="menu-item-"] a .avia-menu-subtext { width: 100%; font-weight: bold; display: block; } .html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li[class*="menu-item-"] a .avia-menu-text { order: 2; } .html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li[class*="menu-item-"] a .avia-menu-subtext { order: 1; font-size: 12px; margin-bottom: 5px; } #top .av-burger-overlay #av-burger-menu-ul > li > a { font-weight: bold; } #top .av-burger-overlay #av-burger-menu-ul > li.wpml-ls-current-language > a { background-color: white !important; color: var(--khmr-color-primary) !important; } .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul .wpml-ls-item a { color: #cccccc; } .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul .wpml-ls-item a:hover { opacity: 1 !important; color: white; } #khmr-av_burger-menu { display: none !important; } .html_av-overlay-side #top #wrap_all #header_main .av-burger-overlay { z-index: 9999998; } /*********************** * バーガーアイコンクローン用のアニメーション ***********************/ .html_av-overlay-side #top #wrap_all #header_main .av-burger-overlay { z-index: 9999998; } @keyframes centerAnim { 0% { transform: rotate(45deg); } 50% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } } @keyframes beforeAnim { 0% { top: 50%; transform: translateY(-50%); opacity: 0; } 50% { top: 50%; transform: translateY(-50%); opacity: 0; } 100% { } } @keyframes afterAnim { 0% {top: 50%; transform: translateY(-50%) rotate(-90deg); } 50% { top: 50%; transform: translateY(-50%) rotate(0deg); } 100% {} } #khmr-burger__clone span.av-hamburger-inner { animation-name: centerAnim; animation-fill-mode: forwards; animation-duration: 0.6s; } #khmr-burger__clone span.av-hamburger-inner:before { animation-name: beforeAnim; animation-fill-mode: forwards; animation-duration: 0.6s; } #khmr-burger__clone span.av-hamburger-inner:after { animation-name: afterAnim; animation-fill-mode: forwards; animation-duration: 0.6s; } @keyframes centerAnimActive { 0% { transform: rotate(0deg); } 50% { transform: rotate(0deg); } 100% { transform: rotate(45deg); } } @keyframes beforeAnimActive { 0% {} 25% { top: 50%; transform: translateY(-50%); } 50% { top: 50%; transform: translateY(-50%); opacity: 0; } 100% { top: 50%; transform: translateY(-50%); opacity: 0; } } @keyframes afterAnimActive { 0% {} 25% { top: 50%; transform: translateY(-50%); } 50% { top: 50%; transform: translateY(-50%); } 100% { top: 50%; transform: translateY(-50%) rotate(-90deg); } } #khmr-burger__clone.is-active span.av-hamburger-inner { animation-name: centerAnimActive; animation-fill-mode: forwards; animation-duration: 0.6s; } #khmr-burger__clone.is-active span.av-hamburger-inner:before { animation-name: beforeAnimActive; animation-fill-mode: forwards; animation-duration: 0.6s; } #khmr-burger__clone.is-active span.av-hamburger-inner:after { animation-name: afterAnimActive; animation-fill-mode: forwards; animation-duration: 0.6s; } /*********************** * SP SNS ***********************/ #top #wrap_all #header .av-burger-overlay .MobileSNS > a { display: block; height: 1px; width: 100%; padding: 1px 0px 0px 0px; overflow: hidden; border: none; } #top #wrap_all #header .av-burger-overlay #av-burger-menu-ul .MobileSNS > ul { display: flex; justify-content: center; } #top #wrap_all #header .av-burger-overlay #av-burger-menu-ul .MobileSNS > ul > li { display: block; width: 45px; height: 45px; border-radius: 35px; border: none; overflow: hidden; margin: 45px 8px; } #top #wrap_all #header .av-burger-overlay #av-burger-menu-ul .MobileSNS > ul > li > a { display: block; width: 100%; height: 100%; padding: 100% 0px 0px 0px; position: relative; background-color: var(--khmr-color-primary); color: white; } #top #wrap_all #header .av-burger-overlay #av-burger-menu-ul .MobileSNS > ul > li > a:before { position: absolute; display: block; font-family: "entypo-fontello"; transition: all 0.3s ease-in-out; } #top #wrap_all #header .av-burger-overlay #av-burger-menu-ul .MobileSNS > ul > li > a:hover { background-color: white; color: var(--khmr-color-primary); } #top #wrap_all #header .av-burger-overlay #av-burger-menu-ul .MobileSNS > ul > li.sp-twitter > a:before { content: "\e8f1"; top: calc(50% + 1px); left: 50%; transform: translate(-50%,-50%); font-size: 21px; } #top #wrap_all #header .av-burger-overlay #av-burger-menu-ul .MobileSNS > ul > li.sp-facebook > a:before { content: "\e8f3"; top: calc(50% + 0px); left: calc(50%); transform: translate(-50%,-50%); font-size: 21px; } #top #wrap_all #header .av-burger-overlay #av-burger-menu-ul .MobileSNS > ul > li.sp-instagram > a:before { content: "\e909"; top: calc(50% - 1px); left: calc(50%); transform: translate(-50%,-50%); font-size: 21px; } #top #wrap_all #header .av-burger-overlay #av-burger-menu-ul .MobileSNS > ul > li.sp-youtube > a:before { content: "\f16a"; top: calc(50%); left: calc(50%); transform: translate(-50%,-50%); font-size: 22px; } #top #wrap_all #header .av-burger-overlay .MobileSNS { order: 2; } #top #wrap_all #header .av-burger-overlay #av-burger-menu-ul .MobileSNS > ul > li > a { transition: background-color 0.3s ease-in-out; } #top #wrap_all #header .av-burger-overlay #av-burger-menu-ul .MobileSNS > ul > li > a:hover { background-color: white; } #top #wrap_all #header .av-burger-overlay #av-burger-menu-ul .MobileSNS > ul > li > a:before { transition: color 0.3s ease-in-out; } #top #wrap_all #header .av-burger-overlay #av-burger-menu-ul .MobileSNS > ul > li > a:hover:before { color: var(--khmr-color-primary); } /*********************** * top information ***********************/ #top .information .avia-logo-element-container a { border: 1px solid #dddddd; border-radius: 0px; margin-bottom: 15px; display: block; height: 95px; line-height: 95px; max-width:280px; } #top .information .avia-logo-element-container a span { width: 100%; height: 100%; padding-bottom: 0px !important; } .responsive .information .tab_titles > .tab { background-color: rgba(var(--khmr-color-gray-rgb),0.5); } @media only screen and (max-width: 989px) { #top .avia-logo-element-container .slide-entry { width: 100%; padding: 10px !important; } } /*********************** * ページネーション ***********************/ #top .pagination { padding-left: 0px; padding-right: 0px; } #top .pagination .current, #top .pagination a { border-radius: 0px; margin-right: 5px; } #top .pagination .current { background-color: var(--khmr-color-primary); color: white; } #top .pagination a { background-color: var(--khmr-color-secondary); color: white; transition: all var(--khmr-transition-time) ease-in-out; } #top .pagination a:hover { opacity: 0.7; } /*********************** * smallpreview のサムネイル ***********************/ #top a.small-preview { border-radius: 5px; position: relative; background-color: transparent; } #top a.small-preview > img { position: relative; height: 105%; max-width: none; min-width: 100%; width: auto; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: transform var(--khmr-transition-time) ease-in-out; border-radius: 0px; } #top a.small-preview:hover > img { transform: translate(-50%,-50%) scale(1.1,1.1); } /*********************** * 20250728 ***********************/ html.responsive body#top #wrap_all #header { padding: 0px; } body#top #header_main .inner-container span.logo { max-height: 100%; max-width: 461px; width: auto !important; border-radius: 0px 0px 14px 0px; } body#top #header_main .container { height: auto !important; line-height: 100% !important; padding-top: 0px; padding-left: 0px; } #top #header_main .inner-container { padding: 0px; } #top #f1-s1 .flex_column_table { border-top: 1px dashed #DDDDDD; } #top #f1-s1 .flex_column_table:last-child{ border-bottom: 1px dashed #DDDDDD; } #top #f1-s1 .flex_column_table_cell { position: relative; } #top #f1-s1 .flex_column_table_cell:before { position: absolute; content: ""; display: block; width: 100%; height: calc(100% - 34px); left: 0px; top: 50%; transform: translateY(-50%); background-color: transparent; border-right: 1px dashed #ddd; visibility: visible; } #top #f1-s1 .flex_column_table_cell:nth-of-type(3n-2):before { border-left: 1px dashed #ddd; } #top #f1-s2 .template-page, #top #f1-s3 .template-page { position: relative; padding-top: 50px; } #top #f1-s2 .template-page:before, #top #f1-s3 .template-page:before { position: absolute; content: "NEW TOPICS"; top: -66px; line-height: 66px; height: 66px; display: block; width: 246px; text-align: center; background-color: #F6F7FA; border-radius: 16px 16px 0px 0px; color: #06304A; font-weight: bold; font-size: 16px; } #top #f1-s3 .template-page:before { content: "STUDENT ACTIVITIES"; background-color: white; } #top .avia-section header.entry-content-header { display: flex; align-items: center; flex-wrap: nowrap; padding: 35px 65px 35px 0px; border-top: 1px solid #ddd; position: relative; } #top .avia-section header.entry-content-header:before { position: absolute; font-family: var(--khmr-icon-font-family-secondary); content: "\f591"; font-size: 25px; color: #333; right: 15px; top: 50%; transform: translateY(-50%); } #top .avia-section article:last-child header.entry-content-header { border-bottom: 1px solid #ddd; } #top .avia-section article:has(header.entry-content-header) { margin-bottom: 0px; } #top .avia-section header.entry-content-header > time { width: 165px; order: 1; text-align: center; color: #777777; font-size: 14px; } #top .avia-section header.entry-content-header > span { width: 200px; order: 3; line-height: 12px; margin-top: 0px; text-align: right; min-height: 30px; display: flex; align-items: center; justify-content: right; border-right: 1px solid #ddd; padding-right: 15px; } #top .avia-section header.entry-content-header > h3 { width: calc(100% - 265px); order: 2; padding: 0px 15px 0px 40px; border-left: 1px solid #ddd; margin: 0px; min-height: 30px; display: flex; align-items: center; } #top .avia-section header.entry-content-header > h3::before{ display: none; } #top .avia-section header.entry-content-header > h3 a { color: #333; font-size: 15px; font-weight: 500; line-height: 130% !important; } #top .avia-section .av-magazine-content-wrap { border: none; } #top .avia-section .av-magazine .av-magazine-text-sep.text-sep-cats { display: none; } #top .avia-section header.entry-content-header > span a { font-size: 12px !important; color: #333333 !important; background-color: transparent !important; } #top #footer-page .flex_column:not(:last-child) .av_textblock_section { padding: 20px; border-top: 1px solid white; border-bottom: 1px solid white; display: inline-block; max-width: 270px; } #copyrights section { padding: 0px !important; border-top: 0px !important; border-bottom: 0px !important; display: inline-block !important; max-width: 100% !important; } #top #footer-page .flex_column:not(:last-child) .av_textblock_section p { display: inline-block; } #top #footer-page .flex_column:not(:last-child) .av_textblock_section strong, #top #footer-page .flex_column:not(:last-child) .av_textblock_section em { font-size: 16px; font-weight: bold; font-style: normal; display: inline-block; } #top #footer-page .flex_column:not(:last-child) .av_textblock_section strong { font-size: 10px; } #top #footer-page .flex_column:not(:last-child) .av_textblock_section em { padding-right: 15px; } #top #f2-s2 .avia-image-overlay-wrap > .av-image-caption-overlay { position: relative; order: 2; margin-top: 10px; } #top #f2-s2 .avia-image-overlay-wrap > .av-image-caption-overlay * { padding: 0px; background-color: transparent; font-size: 15px; } #top #f2-s2 .avia-image-overlay-wrap > img { order: 1; } #top #f2-s2 .avia-image-overlay-wrap { display: flex; flex-wrap: wrap; } #top #f2-s2 .av_one_third { padding: 35px clamp(25px,6vw,65px); max-width: 500px; } #top .avia_textblock.greeting h2 { font-weight: 500; font-size: 30px; color: #06304A; } #top #f2-s3 .av-special-heading:has(h2) { position: relative; } #top #f2-s3 .av-special-heading:has(h2):before { position: absolute; content: ""; display: block; width: 50px; height: 2px; background-color: #0085CE; left: 50%; bottom: 18px; transform: translateX(-50%); } #top #f2-s3 .av-special-heading:has(h2) span { font-weight: bold; } #top #f2-s3 .av-special-heading:has(h3) { display: flex; align-items: center; position: relative; padding-bottom: 5px; } #top #f2-s3 .av-special-heading:has(h3):before { position: absolute; content: ""; display: block; height: 2px; width: 100%; background-color: #F6F7FA; z-index: -1; top: 50%; transform: translateY(-50%); left: 0px; } #top #wrap_all #f2-s3 .av-special-heading h3 { padding-right: clamp(10px,3vw,35px); background-color: white; } #top #wrap_all #f2-s3 .av-special-heading h3::before { display: none; } #top #wrap_all #f2-s3 .av-special-heading:has(h3) span { padding-right: clamp(10px,3vw,35px); background-color: white; } #top #wrap_all #f1-s1 .flex_column_table_cell h3 { position: relative; } #top #wrap_all #f1-s1 .flex_column_table_cell h3:before { position: absolute; font-family: var(--khmr-icon-font-family-secondary); content: "\e5e1"; left: -1.1em; font-size: 16px; } #top #wrap_all #main .avia-section[id^="f"] .avia-button:hover{ background-color: transparent; position: relative; } #top #wrap_all #main .avia-section[id^="f"] .avia-button:after { position: relative; font-family: var(--khmr-icon-font-family-secondary); content: "\f591"; font-size: 24px; font-weight: 500; vertical-align: middle; top: -3px; margin-left: 10px; } #top #wrap_all #main .avia-section[id^="f"] .avia-button.avia-color-theme-color:hover{ background-color: var(--khmr-color-secondary); opacity: 0.8; } #top #wrap_all #main .avia-section[id^="f"] .avia-button.avia-color-theme-color:after { content: ""; } #top .avia-section header.entry-content-header > span a:hover, #top .avia-section header.entry-content-header > h3 a:hover { color: #0085ce !important; } #top #f1-s1 .flex_column_table_cell:hover * { color: #06304A !important; } #top #f1-s1 .flex_column_table_cell * { transition: color 0.2s ease; } html.responsive.html_header_transparency #header #avia-menu > .menu-item > a { position: relative; } html.responsive.html_header_transparency #header #avia-menu > .menu-item > a:before { position: relative; font-family: var(--khmr-icon-font-family-secondary); content: "\e89e"; color: #0085CE; vertical-align: middle; top: -1px; font-size: 16px; font-weight: 500; margin-right: 2px; } @media only screen and (max-width:767px) { body#top #f1-s1 .flex_column_table_cell:before { border-left: 1px dashed #ddd; } body#top #f1-s1 .flex_column_table_cell { border-top: 1px dashed #ddd; margin-bottom: 0px !important; padding: 25px 30px; } #top #f1-s1 .flex_column_table { border-top: none; } #top #main #f1-s1.avia-section .template-page { padding-top: 40px; } .responsive #top #wrap_all #f1-s1 .flex_column { margin-bottom: 5px; } #top #f1-s2 .template-page, #top #f1-s3 .template-page { padding-top: 35px; padding-bottom: 80px; } #top #f1-s3 .template-page { padding-bottom: 30px; } #top .avia-section header.entry-content-header { flex-wrap: wrap; align-items: center; padding: 15px 45px 15px 0px; } #top .avia-section header.entry-content-header > time { width: 115px; text-align: left; margin-bottom: 0px; order: 1; } #top .avia-section header.entry-content-header > span { width: calc(100%-115px); order: 2; border: none; } #top .avia-section header.entry-content-header > h3 { width: 100%; order: 3; padding: 0px; border: none; } #top #f2-s3 .av-special-heading:has(h3) { flex-wrap: wrap; } #top #f2-s3.avia-section .template-page .entry-content-wrapper { display: flex; flex-wrap: wrap; } #top #f2-s3.avia-section .template-page .entry-content-wrapper > .flex_column:nth-of-type(1){ order:1; margin-bottom: 10px; } #top #f2-s3.avia-section .template-page .entry-content-wrapper > .flex_column:nth-of-type(2){ order:2; margin-top: 0px; } #top #f2-s3.avia-section .template-page .entry-content-wrapper > .flex_column:nth-of-type(3){ order:3; } #top #f2-s3.avia-section .template-page .entry-content-wrapper > .flex_column:nth-of-type(4){ order:5; } #top #f2-s3.avia-section .template-page .entry-content-wrapper > .flex_column:nth-of-type(5){ order:4; margin-top: 20px; } #top #f2-s3.avia-section .template-page .entry-content-wrapper > .flex_column:nth-of-type(6){ order:6; margin-top: 20px; } #top #f2-s3.avia-section .template-page .entry-content-wrapper > .flex_column:nth-of-type(7){ order:7; } #top #main #f2-s2.avia-section .template-page { padding: 60px 0px 40px 0px; } #top #main #f2-s1.avia-section .template-page, #top #main #f2-s3.avia-section .template-page { padding: 40px 0px; } body#top #header_main .inner-container span.logo { max-width: calc(100% - 105px); } } @media only screen and (min-width:990px) { .avia-menu.av-main-nav-wrap { background-color: white; padding: 20px 100px 20px 15px; border-radius: 8px; right: 40px;; } html.responsive.html_header_transparency #header #avia-menu > .menu-item > a > span { color: #555555; line-height: 150%; } html.responsive.html_header_transparency #header #avia-menu > .menu-item > a { line-height: 100% !important; height: 100% !important; } #top #header .main_menu + #khmr-burger__clone.menu-item-avia-special { right: 50px; top: 55px; border-radius: 8px; overflow: hidden; padding-left: 0px; } body#top #header_main .container { padding-right: 0px; } #top #header .main_menu + #khmr-burger__clone.menu-item-avia-special, html.responsive #top #wrap_all #header .av-burger-menu-main > a { background-color: #06304A; height: 40px; width: 70px; line-height: 42px; } .html_av-overlay-side #top .av-burger-overlay-scroll { background-color: #06304A !important; } span.av-hamburger.av-hamburger--spin.av-js-hamburger { line-height: 40px; } .av-hamburger-inner, .av-hamburger-inner::after, .av-hamburger-inner::before { width: 32px !important; } .av-hamburger-inner::before { top: -8px } .av-hamburger-inner::after { bottom: -8px; } } .header_bg { background-color: transparent !important; } .html_header_top #top .av_header_stretch .container { width: 100%; } @media only screen and (min-width:990px) { #main .title_container { padding: 200px 0px 50px 0px; } } @media only screen and (max-width:989px) { #main .title_container { padding: 100px 0px 50px 0px; } } @media only screen and (max-width:767px) { #main .title_container { padding: 30px 0px 30px 0px; } .responsive #top #wrap_all #header .container { width: 95%; max-width: 95%; } } #top #footer-page .entry-content-wrapper { display: flex; flex-wrap: wrap; } #top #footer-page .entry-content-wrapper > .flex_column .avia-image-container { text-align: left; } #top #footer-page .entry-content-wrapper > .flex_column:nth-of-type(1) { width: 472px; max-width: 40%; } #top #footer-page .entry-content-wrapper > .flex_column:nth-of-type(2) { width: 269px; max-width: 100%; margin: 0px auto 0px 57px; } #top #footer-page .entry-content-wrapper > .flex_column:nth-of-type(3) { width: 230px; max-width: 20%; margin: 0px 0px 0px auto; } #top #footer-page .entry-content-wrapper > .flex_column { margin :0px; float: none; } #top #footer-page .entry-content-wrapper > .flex_column:nth-of-type(4) { width: 100%; margin-top: 25px; margin-bottom: 0px; } #top #footer-page .entry-content-wrapper > .flex_column:nth-of-type(4) p { margin: 0px; } @media only screen and (max-width:989px) { #top #footer-page .entry-content-wrapper > .flex_column:nth-of-type(1) { width: 100%; max-width: 55%; } #top #footer-page .entry-content-wrapper > .flex_column:nth-of-type(2) { width: 269px; max-width: 45%; margin: 0px auto 0px 37px; } #top #footer-page .entry-content-wrapper > .flex_column:nth-of-type(3) { width: 100%; max-width: 100%; margin: 10px 0px 0px; display: flex; } #top #footer-page .entry-content-wrapper > .flex_column:nth-of-type(3) .avia-image-container { margin: 10px 15px 0px 0px; } } @media only screen and (max-width:824px) { #top #footer-page .entry-content-wrapper > .flex_column:nth-of-type(1) { width: 100%; max-width: 100%; } #top #footer-page .entry-content-wrapper > .flex_column:nth-of-type(2) { width: 100%; max-width: 100%; margin: 20px auto 0px auto; } #top #footer-page .entry-content-wrapper > .flex_column:nth-of-type(3) { width: 100%; max-width: 100%; margin: 10px 0px 0px; display: flex; flex-wrap: wrap; } #top #footer-page .entry-content-wrapper > .flex_column:nth-of-type(3) .avia-image-container { margin: 10px 15px 0px 0px; min-width: 230px; } } .member-list { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-start; } .member-list article{ position: relative; width:30%; background: #fff; border-radius: 4px; padding: 30px 30px 0px 30px; margin-bottom:3%; } @media screen and (max-width:1200px){ .member-list article{ width:47%; } } @media screen and (max-width:850px){ .member-list article{ width:100%; } } .member-list article .active-cate{ position: absolute; top:0px; left:0px; display: inline-block; padding:1px 8px; color:#fff; background-color: #8ecde5; font-size:12px; transition: 0.5s !important; pointer-events: none; } .member-list article .active-cate:hover{ color: #fff !important; opacity: 0.7; } .member-list article .active-name{ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: baseline; margin-top: 10px; } .member-list article .m-name{ font-size: 26px; font-weight: bold; letter-spacing: 1px; margin-right: 15px; } .member-list article .m-sub{ font-size:11px; font-weight: normal; } .member-list article .movie-link { background-color: var(--enfold-main-color-primary); padding: 5px 15px; display: block; color: #fff; margin: 25px auto 0px; width: 100px; text-align: center; font-size: 13px; border-radius: 4px 4px 0px 0px; transition: 0.5s !important; } .member-list article .movie-link:hover{ color: #fff !important; opacity: 0.7; } .member-list article .movie-no-link { background-color: #777; padding: 5px 15px; display: block; color: #fff; margin: 25px auto 0px; width: 100px; text-align: center; pointer-events: none; font-size: 13px; border-radius: 4px 4px 0px 0px; } .member-list article .active-info{ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: baseline; font-size:13px; } .member-list article .active-info p { margin-top:0px; margin-bottom:5px; } .member-list article .active-info .y-label, .member-list article .active-info .r-label { background: #aaa; color: #fff; padding: 1px 5px; border-radius: 2px; margin-right: 5px; } .member-list article .active-info .m-year { margin-right:5px; } @media screen and (max-width:767px){ .entry-content .wp-block-column.is-layout-flow { padding-left:20px !important; padding-right:20px !important; } } #top:not(.home).page #main h3, #top:not(.home).single #main h3 { padding-left:18px; line-height: 1.4; position: relative; } #top:not(.home).page #main h3::before, #top:not(.home).single #main h3::before { border-left: 2px solid #086ca3; content: ""; height: 100%; left: 0; position: absolute; top: 0; } #top:not(.home).page #main h4, #top:not(.home).single #main h4 { color:#086ca3; } #top:not(.home).page #main h3 + h4, #top:not(.home).single #main h3 + h4 { margin-top:30px; } /* sidebar */ #top:not(.home) #main .sidebar .widgettitle { margin-bottom: 5px; } #top:not(.home) #main .sidebar .widgettitle a { display: block; width: 100%; height: 100%; color: #fff; padding: 15px; font-weight: bold; font-size: 16px; letter-spacing: 2px; background: #063049; border-radius: 3px; } #top:not(.home) #main .sidebar .widget { padding: 0px; } #top:not(.home) #main .sidebar .widget li a { display: block; width: 100%; height: 100%; padding: 10px 0px 8px 25px; font-size: 15px; border-bottom: none; font-weight: normal; position: relative; transition: all 0.2s ease-in-out; border: none; } #top:not(.home) #main .sidebar .widget li a:before { position: absolute; content:""; left: 5px; width:5px; height: 1px; background-color: #063049; top: 22px; } .main_color .sidebar .current_page_item>a { color:#063049; } #top:not(.home) #main .sidebar .widget li a:hover { opacity: 1; color:#063049; } .widget_nav_menu ul:first-child>.current_page_item { background: transparent !important; border:0px; color:#063049; box-shadow: none !important; } #top:not(.home) #main .sidebar .widget { margin-bottom: 20px; } #top:not(.home) #main .sidebar .widgettitle:not(:has(a)) { display: block; width: 100%; height: 100%; color: #fff; padding: 15px; font-weight: bold; font-size: 16px; letter-spacing: 2px; background: #063049; border-radius: 3px; } #top:not(.home) #main .sidebar .widgettitle:not(:has(a))::before{ display: none; } #top:not(.home) #main .sidebar .widget { margin-bottom: 20px !important; } .wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link:hover { color:#06304a !important; opacity: 0.7; } #top .fullsize .template-blog .bloglist-simple .post-title, .bloglist-simple .entry-content-wrapper .post-title { font-size:17px !important; } .bloglist-simple .more-link-arrow, .bloglist-simple .more-link { display: none; } /* silver副専攻 */ .page-id-82 #main .title_container { background-image:url("images/silver2.jpg"); } @media only screen and (min-width:990px) { .page-id-82 #main .title_container { padding: 280px 0px 100px 0px; } } @media only screen and (max-width:989px) { .page-id-82 #main .title_container { padding: 100px 0px 50px 0px; } } @media only screen and (max-width:767px) { .page-id-82 #main .title_container { padding: 30px 0px 30px 0px; } .responsive #top #wrap_all #header .container { width: 95%; max-width: 95%; } } /* YNU-BOOST */ #top.page-id-79 .avia_textblock.greeting h2, #top.page-id-79 #main h2, #top.page-id-79 #main h2 b, #top.page-id-79 #main h3 b, #top.page-id-79 #main h4, #top.page-id-79 #main h4 b { color: #113d0c; } #top.page-id-79 #main h5, #top.page-id-79 #main h5 b { color:#275317; } #top.page-id-79 #main h3::before { border-left: 2px solid #275317 !important; } #top.page-id-79 #f2-s3 .av-special-heading:has(h2):before { background-color: #275317; } .single-post .post-meta-infos .blog-categories.minor-meta, .single-post .post-meta-infos .text-sep { display: none; } #main .wp-block-buttons.is-vertical { width:100%; } #main .wp-block-buttons.is-vertical a{ background-color: #fff; } .single #main main .entry-content-header .post-meta-infos time { display: block; margin-bottom:40px; } /* 2026-03-06 納品時追加 */ #boost-activity, #spring-activity { padding-top:50px; }