@charset "UTF-8"; /*========================================= 【リセットCSS__display以外の全てのスタイルを削除】 ==========================================*/ *:where(:not(html, iframe, canvas, img, svg, video):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::-webkit-input-placeholder { color: unset; } ::-moz-placeholder { color: unset; } :-ms-input-placeholder { color: unset; } ::-ms-input-placeholder { color: unset; } ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /*========================================= 【オリジナル追記部分】 ==========================================*/ a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /*===================================== 【共通_base】 ======================================*/ body { font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; color: #333; font-size: 16px; background-color: #dcebff; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } img { vertical-align: bottom; } /*===================================== 【共通_header】 ======================================*/ .header { width: 100%; height: 14px; background-color: #0C3765; } /*===================================== 【共通_sidebar】 ======================================*/ .sidebar { background-color: #DBD7BF; padding: 16px; } .sidebar__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } .sidebar__list li { width: 48%; border: 1px solid #0C3765; margin-bottom: 10px; } .sidebar__list li a { display: block; } .sidebar__posterPc { display: none; } .sidebar__bnrPc { display: none; } .sidebar__posterSp { text-align: center; } .sidebar__posterSp a { font-size: 18px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto 40px; position: relative; } .sidebar__posterSp a::before { content: ""; position: absolute; top: 12px; left: -20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 5px solid transparent; border-left: 8px solid #0C3765; } .sidebar__bnrSp { text-align: center; max-width: 440px; margin: 20px auto 0; } .nav-item { font-size: 12px; font-weight: bold; display: inline-block; text-align: center; padding: 20px 4px; height: 100%; } .is-active { background-color: #0C3765; color: #fff; } /*===================================== 【共通_footer】 ======================================*/ .footer { position: relative; background-color: #0C3765; color: #fff; } .footer__inner { padding: 16px; } .footer__address { margin-bottom: 20px; } .footer__ttlBox { margin-bottom: 10px; } .footer__ttl { border: 1px solid #fff; text-align: center; padding: 10px 0; } .footer__txt { font-size: 14px; } .footer__txt li:not(:last-of-type) { margin-bottom: 8px; } .footer__annotation p { font-size: 12px; } .footer__annotation p:not(:last-of-type) { margin-bottom: 10px; } /*===================================== 【フロントページ(TOP)__スタイル】 ======================================*/ .top { height: 100%; background-color: #fff; } .mvPc { display: none; } .news { padding: 16px; } .news__ttl { font-size: 21px; color: #fff; font-weight: bold; background: #0C3765; padding: 10px; line-height: 1; border-radius: 3px; margin-bottom: 8px; } .news__time { font-size: 13px; } .news__txt:not(:last-of-type) { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #ccc; } .news__txt--first { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #ccc; } /*===================================== 【開催概要ページ__スタイル】 ======================================*/ .outlineInfo { background-color: #fff; padding: 20px; } .outlineInfo__txtBk { margin-bottom: 20px; } .outlineInfo__ttl { font-size: 21px; color: #fff; font-weight: bold; background: #0C3765; padding: 10px; line-height: 1; border-radius: 3px; margin-bottom: 20px; } .outlineInfo__subTtl { font-size: 18px; font-weight: bold; padding: 0px 0px 5px 5px; line-height: 1; color: #CF0A41; border-bottom: 3px solid #CF0A41; margin-bottom: 8px; } /*===================================== 【大会長挨拶ページ__スタイル】 ======================================*/ .messageMain { padding: 32px 16px 16px 16px; background-color: #fff; height: 100%; } .messageMain__ttl { font-size: 21px; color: #fff; font-weight: bold; background: #0C3765; padding: 10px; line-height: 1; border-radius: 3px; margin-bottom: 16px; } .messageMedia { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .messageMedia__img { width: 240px; margin-bottom: 16px; } .messageDesc { text-align: center; margin-bottom: 40px; font-size: 14px; } .messageDesc__ttl { font-size: 18px; font-weight: bold; margin-bottom: 8px; } .messageMainTxt__p { margin-bottom: 24px; } /*===================================== 【企業のみなさまへページ__スタイル】 ======================================*/ .cosponsor { background-color: #fff; padding: 20px; height: 100%; } .cosponsor__ttl { font-size: 21px; color: #fff; font-weight: bold; background: #0C3765; padding: 10px; line-height: 1; border-radius: 3px; margin-bottom: 20px; } .cosponsor__txt--link { color: #707070; border-bottom: 1px dotted #707070; } .cosponsor__txt--link:hover { opacity: 0.5; -webkit-transition: 0.5s; transition: 0.5s; cursor: pointer; } /*===================================== 【演習演題ページ__スタイル】 ======================================*/ .abstracts { background-color: #fff; } .abstracts__inner { padding: 0px 20px 20px 20px; } .abstracts__ttl { font-size: 21px; color: #fff; font-weight: bold; background: #0C3765; padding: 10px; line-height: 1; border-radius: 3px; margin-bottom: 20px; } .abstracts__h2-ttl { font-size: 18px; font-weight: bold; padding: 0px 0px 5px 5px; line-height: 1; color: #0C3765; border-bottom: 2px solid #CF0A41; margin-bottom: 15px; } .abstracts__h2-ttl--annotation { font-size: 15px; font-weight: normal; margin-left: 2px; } .abstracts__txt--annotation { color: #CF0A41; padding-left: 1em; text-indent: -1em; } .abstracts__txt--link { color: #666; font-weight: bold; border-bottom: 1px dotted #666; } .abstracts__txt-block-pc { display: none; } .abstracts__list { margin-bottom: 15px; position: relative; margin-left: 15px; } .abstracts__list::before { content: ""; position: absolute; width: 7px; height: 7px; background-color: #0C3765; border-radius: 50%; top: 8px; left: -15px; margin-right: 7px; } .abstracts__list--bold { font-weight: bold; } .abstracts__list--link { color: #666; font-weight: bold; border-bottom: 1px dotted #666; } .abstracts__btn { display: block; color: #CF0A41; font-weight: bold; border: 2px solid #CF0A41; line-height: 1; padding: 22px 46px; border-radius: 5px; font-size: 15px; } .abstracts__btn.link-none:hover { opacity: 1; cursor: not-allowed; } .abstracts__mail-link { color: #666; border-bottom: 1px dotted #666; } .abstracts-section { margin-bottom: 20px; } .consideration-color { background-color: #FCF0F4; margin-top: 20px; } .consideration-color__inner { padding: 20px 20px 42px 20px; } .consideration-color__ttl { color: #0C3765; font-weight: bold; margin-bottom: 10px; } .consideration-color__intro { padding-bottom: 10px; border-bottom: 1px dotted #0C3765; margin-bottom: 10px; line-height: 1.6; } .abstracts-table { margin: 0 auto; margin-top: 20px; margin-bottom: 15px; width: 100%; } .abstracts-table__row { border-top: 1px solid #000; } .abstracts-table__row:last-child { border-bottom: 1px solid #000; } .abstracts-table__number { background-color: #FCF0F4; text-align: center; padding: 0 10px; } .abstracts-table__txt { padding-left: 10px; } .abstracts-btn-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; } .abstracts-btn-flex__btn-01 { display: block; color: #CF0A41; font-weight: bold; border: 2px solid #CF0A41; line-height: 1; padding: 22px 46px; border-radius: 5px; max-width: 326px; margin-bottom: 20px; } .abstracts-btn-flex__btn-02 { display: block; color: #CF0A41; font-weight: bold; border: 2px solid #CF0A41; line-height: 1; padding: 22px 46px; border-radius: 5px; max-width: 326px; } /*===================================== 【リンクページ__スタイル】 ======================================*/ .link { height: 100%; background-color: #fff; } .link__inner { padding: 0px 20px 20px 20px; } .link__sec-ttl { font-size: 21px; background-color: #0C3765; padding: 10px; color: #fff; font-weight: bold; border-radius: 5px; } .link__sec-list { margin-top: 20px; } .link__sec-list-item { margin-top: 20px; position: relative; } .link__sec-list-item:first-child { margin-top: 0; } .link__sec-list-item::before { content: ""; position: absolute; top: 4px; left: 0; width: 14px; height: 14px; background-color: #0C3765; border-radius: 50%; } .link__sec-list-item-link { border-bottom: 1px dotted #666; margin-left: 20px; font-weight: bold; color: #666; } .link__sec-list-item-link:hover { opacity: 0.5; -webkit-transition: 0.5s; transition: 0.5s; } /*===================================== 【responsive_タブレット用】 ======================================*/ @media screen and (min-width: 768px) { /*ーーーーーーーーーーーーーー共通レイアウトーーーーーーーーーーーーーーーー*/ .l-wrapper { max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mainContents { width: 740px; } /*ーーーーーーーーーーーーートップページ以外の共通head画像ーーーーーーーーーーーーーーー*/ .commonHeadImgPc { display: block; } .commonHeadImgSp { display: none; } /*ーーーーーーーーーーーーー共通サイドバーーーーーーーーーーーーーーーー*/ .sidebar { width: 260px; padding: 0; } .sidebar__list { margin-bottom: 32px; } .sidebar__list li { width: 100%; border: none; border-bottom: 1px solid #000; } .sidebar__list li a { font-size: 15px; font-weight: normal; text-align: left; padding: 16px; } .sidebar__list li:not(:last-of-type) { margin-bottom: 0; } .sidebar__list li:hover { background-color: #0C3765; color: #fff; } .sidebar__posterSp { display: none; } .sidebar__bnrSp { display: none; } .sidebar__posterPc { display: block; padding: 0px 32px; } .sidebar__posterPc a { display: block; margin-bottom: 8px; } .sidebar__posterPc a:hover { opacity: 0.7; } .sidebar__posterPc p { text-align: center; } .sidebar__bnrPc { display: block; padding: 0px 32px; margin-top: 32px; } .sidebar__bnrPc:hover { -webkit-transition: 0.5s; transition: 0.5s; opacity: 0.5; } /*ーーーーーーーーーーーーー共通フッターーーーーーーーーーーーーーーー*/ .footer__inner { max-width: 1000px; margin: 0 auto; padding: 40px 16px 30px; } .footer__address { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer__ttlBox { margin-right: 40px; } .footer__ttl { height: auto; padding: 10px 50px 10px 50px; } .footer__txt { font-size: 14px; font-weight: 300; } .footer__annotation { font-size: 14px; font-weight: 300; text-align: center; } .footer__annotation p:not(:last-of-type) { margin-bottom: 0; } /*ーーーーーーーーーーーーーー準備中レイアウトーーーーーーーーーーーーーーー*/ .testBlock { height: 100%; } .testBlock p { margin-bottom: 30%; } /*ーーーーーーーーーーーーートップページーーーーーーーーーーーーーーー*/ .mvSp { display: none; } .mvPc { display: block; max-width: 740px; } /*ーーーーーーーーーーーーー開催概要ページーーーーーーーーーーーーーーー*/ .outlineInfo { height: 100%; } /*ーーーーーーーーーーーーー大会長挨拶ページーーーーーーーーーーーーーーー*/ .messageMedia { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 24px; } .messageMedia__img { width: 200px; padding: 0; margin-bottom: 0px; margin-right: 32px; } .messageDesc { text-align: left; } .messageMainTxt { margin-bottom: 48px; } /*ーーーーーーーーーーーーー演題募集ページーーーーーーーーーーーーーーー*/ .abstracts__btn { font-size: 16px; margin-bottom: 0; } .abstracts__h2-ttl--annotation { font-size: 18px; } .abstracts__txt-block-sp { display: none; } .abstracts__txt-block-pc { display: block; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .abstracts-table { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .abstracts-table__row { display: block; width: 100%; } .abstracts-table__txt { font-size: 13px; } .abstracts-table-1-10 { width: 50%; } .abstracts-table-11-20 { width: 50%; } .abstracts-btn-flex { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .abstracts-btn-flex__btn-01 { margin-bottom: 0; margin-right: 40px; padding: 22px 16px; font-size: 15px; } .abstracts-btn-flex__btn-02 { font-size: 15px; padding: 22px 16px; } } /*===================================== 【responsive_PC用】 ======================================*/ @media screen and (min-width: 999px) { /*ーーーーーーーーーーーーー演題募集ページーーーーーーーーーーーーーーー*/ .abstracts__list--link:hover { opacity: 0.5; -webkit-transition: 0.5s; transition: 0.5s; } .abstracts__txt--link:hover { opacity: 0.5; -webkit-transition: 0.5s; transition: 0.5s; } .abstracts__btn:hover { opacity: 0.5; -webkit-transition: 0.5s; transition: 0.5s; } .abstracts__mail-link:hover { opacity: 0.5; -webkit-transition: 0.5s; transition: 0.5s; } .abstracts-table__txt { font-size: 16px; } .abstracts-btn-flex { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .abstracts-btn-flex__btn-01 { width: 322px; padding: 22px 46px; font-size: 16px; margin-right: 0; } .abstracts-btn-flex__btn-01:hover { opacity: 0.5; -webkit-transition: 0.5s; transition: 0.5s; } .abstracts-btn-flex__btn-02 { width: 322px; font-size: 16px; padding: 22px 46px; } .abstracts-btn-flex__btn-02:hover { opacity: 0.5; -webkit-transition: 0.5s; transition: 0.5s; } } /*===================================== 【コンポーネントまとめ】 ======================================*/ /*ーーーーーーーーーーーーー【Template】ーーーーーーーーーーーーーーー*/ .c-template-01 { background-color: #fff; height: 100%; } .c-template-01__inner { padding: 48px 20px; } /*ーーーーーーーーーーーーー【Organisms】ーーーーーーーーーーーーーーー*/ .c-organisms-01 { display: grid; grid-template-columns: repeat(2, 1fr); /* 2列の等間隔レイアウト */ grid-gap: 20px; /* アイテム間の隙間 */ justify-items: center; /* アイテムを中央寄せ */ margin-top: 20px; } .c-organisms-01-item__txt { margin-bottom: 10px; position: relative; margin-left: 13px; font-size: 12px; } .c-organisms-01-item__txt::after { content: ""; position: absolute; top: 6px; left: -13px; -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%); clip-path: polygon(0% 0%, 100% 0%, 50% 100%); width: 12px; height: 12px; background-color: #333; } .c-organisms-01-item__img { border: solid 1px #707070; } @media screen and (min-width: 768px) { .c-organisms-01-item { margin-bottom: 10px; } .c-organisms-01-item__txt { font-size: 14px; } } @media screen and (min-width: 999px) { .c-organisms-01 { grid-template-columns: repeat(3, 1fr); /* 3列の等間隔レイアウト */ } .c-organisms-01-item:hover { opacity: 0.5; -webkit-transition: 0.5s; transition: 0.5s; } } .c-organisms-02 { margin-top: 20px; } .c-organisms-02__item { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 20px auto 0; text-align: center; font-size: 16px; font-weight: bold; color: #cf0a41; border: 2px solid #cf0a41; padding: 16px 50px; border-radius: 4px; } .c-organisms-02__item:first-child { margin-top: 0; } .c-organisms-02__item:hover { opacity: 0.5; -webkit-transition: 0.5s; transition: 0.5s; cursor: pointer; } @media screen and (min-width: 768px) { .c-organisms-02 { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-organisms-02__item { margin: 0px 40px 0px 0px; } } /*ーーーーーーーーーーーーー【Block】ーーーーーーーーーーーーーーー*/ .c-block-01 { margin-top: 40px; } /*ーーーーーーーーーーーーー【Title】ーーーーーーーーーーーーーーー*/ .c-ttl-01 { color: #fff; font-size: 21px; font-weight: bold; background-color: #0c3765; border-radius: 4px; padding: 4px 0px 4px 10px; } .c-ttl-02 { font-size: 18px; font-weight: bold; color: #0c3765; border-bottom: 2px solid #cf0a41; padding-left: 6px; padding-bottom: 2px; } /*ーーーーーーーーーーーーー【Text】ーーーーーーーーーーーーーーー*/ .c-txt-01 { margin-top: 16px; font-size: 16px; } .c-txt-02 { margin-top: 16px; font-weight: bold; } .txt_red { color: #cf0a41; } /*ーーーーーーーーーーーーー【Link】ーーーーーーーーーーーーーーー*/ .c-link-01 { font-weight: bold; display: inline-block; margin-top: 16px; font-size: 16px; color: #666; border-bottom: 1px dotted #707070; position: relative; margin-left: 14px; } .c-link-01::before { content: ""; position: absolute; top: 7px; left: -14px; width: 8px; height: 8px; background-color: #144a73; border-radius: 50%; } .c-link-01:hover { opacity: 0.5; -webkit-transition: 0.5s; transition: 0.5s; cursor: pointer; } .c-link-02 { display: inline-block; font-size: 16px; color: #666; border-bottom: 1px dotted #707070; } .c-link-02:hover { opacity: 0.5; -webkit-transition: 0.5s; transition: 0.5s; cursor: pointer; } .c-link-03 { font-weight: bold; display: inline-block; font-size: 16px; color: #666; border-bottom: 1px dotted #666; line-height: 1.1; } .c-link-03:hover { opacity: 0.5; -webkit-transition: 0.5s; transition: 0.5s; cursor: pointer; } /*ーーーーーーーーーーーーー【Btn】ーーーーーーーーーーーーーーー*/ .c-btn-01 { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 20px auto 0; text-align: center; font-size: 16px; font-weight: bold; color: #cf0a41; border: 2px solid #cf0a41; padding: 16px 50px; border-radius: 4px; } .c-btn-01:hover { opacity: 0.5; -webkit-transition: 0.5s; transition: 0.5s; cursor: pointer; } /*ーーーーーーーーーーーーー【List】ーーーーーーーーーーーーーーー*/ .c-list-01 { margin-top: 40px; } .c-list-01__item { position: relative; margin-left: 16px; margin-top: 10px; } .c-list-01__item::before { content: ""; position: absolute; top: 8px; left: -16px; width: 9px; height: 9px; border-radius: 50%; background-color: #0C3765; } /*===================================== 【common.scss】 ======================================*/ /*ーーーーーーーーーーーーーー【その他】ーーーーーーーーーーーーーーー*/ .fwb { font-weight: bold; } /*ーーーーーーーーーーーーーー margin ーーーーーーーーーーーーーーー*/ .mgT0 { margin-top: 0px; } .mgT10 { margin-top: 10px; } .mgT20 { margin-top: 20px; } .mgT30 { margin-top: 30px; } .mgR10 { margin-right: 10px; } .mgR20 { margin-right: 20px; } .mgR30 { margin-right: 30px; } .mgB0 { margin-bottom: 0px !important; } .mgB10 { margin-bottom: 10px; } .mgB20 { margin-bottom: 20px; } .mgB30 { margin-bottom: 30px; } .mgL3 { margin-left: 3px; } .mgL5 { margin-left: 5px; } .mgL10 { margin-left: 10px; } .mgL15 { margin-left: 15px; } .mgL20 { margin-left: 20px; } .mgL30 { margin-left: 30px; } .mgRL5 { margin-right: 5px; margin-left: 5px; } .mgR5 { margin-right: 5px; } .mg0-auto { margin: 0 auto; } /*ーーーーーーーーーーーーーー padding ーーーーーーーーーーーーーーー*/ .pdT10 { padding-top: 10px; } .pdT20 { padding-top: 20px; } .pdT30 { padding-top: 30px; } .pdT48 { padding-top: 48px; } .pdR10 { padding-right: 10px; } .pdR20 { padding-right: 20px; } .pdR30 { padding-right: 30px; } .pdB10 { padding-bottom: 10px; } .pdB20 { padding-bottom: 20px; } .pdB30 { padding-bottom: 30px; } .pdL10 { padding-left: 10px; } .pdL20 { padding-left: 20px; } .pdL30 { padding-left: 30px; } .pdLR5 { padding: 0 5px; } /*ーーーーーーーーーーーーーー img ーーーーーーーーーーーーーーー*/ .commonHeadImgPc { display: none; } /*ーーーーーーーーーーーーーー text ーーーーーーーーーーーーーーー*/ .txtUl { text-decoration: underline; } .txtLt { text-decoration: line-through; } .quote01 { position: relative; padding: 0px 12px; white-space: nowrap; text-align: center; } .quote01::before, .quote01::after { content: ""; position: absolute; top: 0px; display: block; width: 1px; height: 100%; background: #fff; } .quote01::before { -webkit-transform: rotate(40deg); transform: rotate(40deg); left: -4px; margin-left: 5px; } .quote01::after { right: 4px; -webkit-transform: rotate(40deg); transform: rotate(40deg); } /*ーーーーーーーーーーーーーー line-height ーーーーーーーーーーーーーーー*/ .lh-1 { line-height: 1; } /*ーーーーーーーーーーーーーー before ーーーーーーーーーーーーーーー*/ .before-top3::before { top: 3px; } /*ーーーーーーーーーーーーーー display ーーーーーーーーーーーーーーー*/ .displayB { display: block; } .displayF { display: -webkit-box; display: -ms-flexbox; display: flex; } /*ーーーーーーーーーーーーーー準備中レイアウトーーーーーーーーーーーーーーー*/ .testBlock { background: #fff; height: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*===================================== 【responsive_タブレット用】 ======================================*/ @media screen and (min-width: 768px) { .testBlock { height: 100%; } .r-sp-br { display: none; } .r-tab-txt-a-r { text-align: right; } } /*# sourceMappingURL=style.css.map */