#wrapper { background-color: #fff; background-image: url(); } .related-entry-headline-text span:before, #comment-title span:before, #reply-title span:before { background-color: #0068b7; border-color: #0068b7 !important; } #breadcrumb:after, #page-top a { background-color: #0068b7; } footer { background-color: #0068b7; } .footer-inner a, #copyright, #copyright-center { border-color: #fff !important; color: #fff !important; } #footer-widget-area { border-color: #fff !important; } .page-top-footer a { color: #0068b7 !important; } #breadcrumb ul li, #breadcrumb ul li a { color: #0068b7 !important; } body, a, a:link, a:visited, .my-profile, .widgettitle, .tabBtn-mag label { color: #686868; } a:hover { color: #ff28a2; } .widget_nav_menu ul>li>a:before, .widget_categories ul>li>a:before, .widget_pages ul>li>a:before, .widget_recent_entries ul>li>a:before, .widget_archive ul>li>a:before, .widget_archive form:after, .widget_categories form:after, .widget_nav_menu ul>li>ul.sub-menu>li>a:before, .widget_categories ul>li>.children>li>a:before, .widget_pages ul>li>.children>li>a:before, .widget_nav_menu ul>li>ul.sub-menu>li>ul.sub-menu li>a:before, .widget_categories ul>li>.children>li>.children li>a:before, .widget_pages ul>li>.children>li>.children li>a:before { color: #0068b7; } .widget_nav_menu ul .sub-menu .sub-menu li a:before { background-color: #686868 !important; } .d--labeling-act-border{ border-color: rgba(104,104,104,0.18); } .c--labeling-act.d--labeling-act-solid{ background-color: rgba(104,104,104,0.06); } .a--labeling-act{ color: rgba(104,104,104,0.6); } .a--labeling-small-act span{ background-color: rgba(104,104,104,0.21); } .c--labeling-act.d--labeling-act-strong{ background-color: rgba(104,104,104,0.045); } .d--labeling-act-strong .a--labeling-act{ color: rgba(104,104,104,0.75); } footer .footer-widget, footer .footer-widget a, footer .footer-widget ul li, .footer-widget.widget_nav_menu ul>li>a:before, .footer-widget.widget_categories ul>li>a:before, .footer-widget.widget_recent_entries ul>li>a:before, .footer-widget.widget_pages ul>li>a:before, .footer-widget.widget_archive ul>li>a:before, footer .widget_tag_cloud .tagcloud a:before { color: #fff !important; border-color: #fff !important; } footer .footer-widget .widgettitle { color: #fff !important; border-color: #e00087 !important; } footer .widget_nav_menu ul .children .children li a:before, footer .widget_categories ul .children .children li a:before, footer .widget_nav_menu ul .sub-menu .sub-menu li a:before { background-color: #fff !important; } #drawernav a:hover, .post-list-title, #prev-next p, #toc_container .toc_list li a { color: #686868 !important; } #header-box { background-color: #0068b7; } @media (min-width: 768px) { .top-image-meta { margin-top: calc(0px - 30px); } } @media (min-width: 1200px) { .top-image-meta { margin-top: calc(0px); } } .pickup-contents:before { background-color: #0068b7 !important; } .main-image-text { color: #555; } .main-image-text-sub { color: #555; } @media (min-width: 481px) { #site-info { padding-top: 15px !important; padding-bottom: 15px !important; } } #site-info span a { color: #f4f4f4 !important; } #heenu .headsns .line a svg { fill: #f4f4f4 !important; } #heenu .headsns a, #heenu { color: #f4f4f4 !important; border-color: #f4f4f4 !important; } .profile-follow .line-sns a svg { fill: #0068b7 !important; } .profile-follow .line-sns a:hover svg { fill: #e00087 !important; } .profile-follow a { color: #0068b7 !important; border-color: #0068b7 !important; } .profile-follow a:hover, #heenu .headsns a:hover { color: #e00087 !important; border-color: #e00087 !important; } .search-box:hover { color: #e00087 !important; border-color: #e00087 !important; } #header #heenu .headsns .line a:hover svg { fill: #e00087 !important; } .s-icon-bar, #navtoggle:checked+.sp-menu-open .s-icon-bar { background-color: #f4f4f4; } #nav-container { background-color: #fff; } .menu-box .menu-item svg { fill: #f4f4f4; } #drawernav ul.menu-box>li>a, #drawernav2 ul.menu-box>li>a, #drawernav3 ul.menu-box>li>a, #drawernav4 ul.menu-box>li>a, #drawernav5 ul.menu-box>li>a, #drawernav ul.menu-box>li.menu-item-has-children:after, #drawernav2 ul.menu-box>li.menu-item-has-children:after, #drawernav3 ul.menu-box>li.menu-item-has-children:after, #drawernav4 ul.menu-box>li.menu-item-has-children:after, #drawernav5 ul.menu-box>li.menu-item-has-children:after { color: #f4f4f4 !important; } #drawernav ul.menu-box li a, #drawernav2 ul.menu-box li a, #drawernav3 ul.menu-box li a, #drawernav4 ul.menu-box li a, #drawernav5 ul.menu-box li a { font-size: 14px !important; } #drawernav3 ul.menu-box>li { color: #686868 !important; } #drawernav4 .menu-box>.menu-item>a:after, #drawernav3 .menu-box>.menu-item>a:after, #drawernav .menu-box>.menu-item>a:after { background-color: #f4f4f4 !important; } #drawernav2 .menu-box>.menu-item:hover, #drawernav5 .menu-box>.menu-item:hover { border-top-color: #0068b7 !important; } .s-info-bar a { background-color: #002f71 !important; } @media (min-width: 768px) { .post-list-mag .post-list-item:not(:nth-child(2n)) { margin-right: 2.6%; } } @media (min-width: 768px) { #tab-1:checked~.tabBtn-mag li [for="tab-1"]:after, #tab-2:checked~.tabBtn-mag li [for="tab-2"]:after, #tab-3:checked~.tabBtn-mag li [for="tab-3"]:after, #tab-4:checked~.tabBtn-mag li [for="tab-4"]:after { border-top-color: #0068b7 !important; } .tabBtn-mag label { border-bottom-color: #0068b7 !important; } } #tab-1:checked~.tabBtn-mag li [for="tab-1"], #tab-2:checked~.tabBtn-mag li [for="tab-2"], #tab-3:checked~.tabBtn-mag li [for="tab-3"], #tab-4:checked~.tabBtn-mag li [for="tab-4"], #prev-next a.next:after, #prev-next a.prev:after, .more-cat-button a:hover span:before { background-color: #0068b7 !important; } .swiper-slide .post-list-cat, .post-list-mag .post-list-cat, .post-list-mag3col .post-list-cat, .post-list-mag-sp1col .post-list-cat, .swiper-pagination-bullet-active, .pickup-cat, .post-list .post-list-cat, #breadcrumb .bcHome a:hover span:before, .popular-item:nth-child(1) .pop-num, .popular-item:nth-child(2) .pop-num, .popular-item:nth-child(3) .pop-num { background-color: #e00087 !important; } .sidebar-btn a, .profile-sns-menu { background-color: #e00087 !important; } .sp-sns-menu a, .pickup-contents-box a:hover .pickup-title { border-color: #0068b7 !important; color: #0068b7 !important; } .pro-line svg { fill: #0068b7 !important; } .s-post-cat a, .meta-cat, .popular-cat { background-color: #e00087 !important; border-color: #e00087 !important; } .tagicon, .tag-box a, #toc_container .toc_list>li, #toc_container .toc_title { color: #0068b7 !important; } .widget_tag_cloud a::before { color: #686868 !important; } .tag-box a, #toc_container:before { border-color: #0068b7 !important; } .s-post-cat a:hover { color: #ff28a2 !important; } .pagination li:not([class*="current"]) a:hover, .widget_tag_cloud a:hover { background-color: #0068b7 !important; } .pagination li:not([class*="current"]) a:hover { opacity: 0.5 !important; } .pagination li.current a { background-color: #0068b7 !important; border-color: #0068b7 !important; } .nextpage a:hover span { color: #0068b7 !important; border-color: #0068b7 !important; } .cta-content:before { background-color: #ffffff !important; } .cta-text, .info-title { color: #686868 !important; } #footer-widget-area.footer_style1 .widgettitle { border-color: #e00087 !important; } .sidebar_style1 .widgettitle, .sidebar_style5 .widgettitle { border-color: #0068b7 !important; } .sidebar_style2 .widgettitle, .sidebar_style4 .widgettitle, .sidebar_style6 .widgettitle, #home-bottom-widget .widgettitle, #home-top-widget .widgettitle, #post-bottom-widget .widgettitle, #post-top-widget .widgettitle { background-color: #0068b7 !important; } #home-bottom-widget .widget_search .search-box input[type="submit"], #home-top-widget .widget_search .search-box input[type="submit"], #post-bottom-widget .widget_search .search-box input[type="submit"], #post-top-widget .widget_search .search-box input[type="submit"] { background-color: #e00087 !important; } .tn-logo-size { font-size: 90% !important; } @media (min-width: 481px) { .tn-logo-size img { width: calc(90%*0.5) !important; } } @media (min-width: 768px) { .tn-logo-size img { width: calc(90%*2.2) !important; } } @media (min-width: 1200px) { .tn-logo-size img { width: 90% !important; } } .sp-logo-size { font-size: 50% !important; } .sp-logo-size img { width: 50% !important; } .s-post-main ul>li:before, .s-post-main ol>li:before { background-color: #e00087 !important; } .profile-card .profile-title { background-color: #0068b7 !important; } .profile-card { border-color: #0068b7 !important; } .s-post-main a { color: #008db7; } .s-post-main .marker { background: -webkit-linear-gradient(transparent 60%, #ffcedb 0%); background: linear-gradient(transparent 60%, #ffcedb 0%); } .s-post-main .marker2 { background: -webkit-linear-gradient(transparent 60%, #a9eaf2 0%); background: linear-gradient(transparent 60%, #a9eaf2 0%); } .s-post-main .jic-sc { color: #e9546b; } .simple-box1 { border-color: #ef9b9b !important; } .simple-box2 { border-color: #f2bf7d !important; } .simple-box3 { border-color: #b5e28a !important; } .simple-box4 { border-color: #7badd8 !important; } .simple-box4:before { background-color: #7badd8; } .simple-box5 { border-color: #e896c7 !important; } .simple-box5:before { background-color: #e896c7; } .simple-box6 { background-color: #fffdef !important; } .simple-box7 { border-color: #def1f9 !important; } .simple-box7:before { background-color: #def1f9 !important; } .simple-box8 { border-color: #96ddc1 !important; } .simple-box8:before { background-color: #96ddc1 !important; } .simple-box9:before { background-color: #e1c0e8 !important; } .simple-box9:after { border-color: #e1c0e8 #e1c0e8 #fff #fff !important; } .kaisetsu-box1:before, .kaisetsu-box1-title { background-color: #ffb49e !important; } .kaisetsu-box2 { border-color: #89c2f4 !important; } .kaisetsu-box2-title { background-color: #89c2f4 !important; } .kaisetsu-box4 { border-color: #ea91a9 !important; } .kaisetsu-box4-title { background-color: #ea91a9 !important; } .kaisetsu-box5:before { background-color: #57b3ba !important; } .kaisetsu-box5-title { background-color: #57b3ba !important; } .concept-box1 { border-color: #85db8f !important; } .concept-box1:after { background-color: #85db8f !important; } .concept-box1:before { content: "ポイント" !important; color: #85db8f !important; } .concept-box2 { border-color: #f7cf6a !important; } .concept-box2:after { background-color: #f7cf6a !important; } .concept-box2:before { content: "注意点" !important; color: #f7cf6a !important; } .concept-box3 { border-color: #86cee8 !important; } .concept-box3:after { background-color: #86cee8 !important; } .concept-box3:before { content: "良い例" !important; color: #86cee8 !important; } .concept-box4 { border-color: #ed8989 !important; } .concept-box4:after { background-color: #ed8989 !important; } .concept-box4:before { content: "悪い例" !important; color: #ed8989 !important; } .concept-box5 { border-color: #9e9e9e !important; } .concept-box5:after { background-color: #9e9e9e !important; } .concept-box5:before { content: "参考" !important; color: #9e9e9e !important; } .concept-box6 { border-color: #8eaced !important; } .concept-box6:after { background-color: #8eaced !important; } .concept-box6:before { content: "メモ" !important; color: #8eaced !important; } .innerlink-box1, .blog-card { border-color: #73bc9b !important; } .innerlink-box1-title { background-color: #73bc9b !important; border-color: #73bc9b !important; } .innerlink-box1:before, .blog-card-hl-box { background-color: #73bc9b !important; } .concept-box1:before, .concept-box2:before, .concept-box3:before, .concept-box4:before, .concept-box5:before, .concept-box6:before { background-color: #fff; background-image: url(); } .concept-box1:after, .concept-box2:after, .concept-box3:after, .concept-box4:after, .concept-box5:after, .concept-box6:after { border-color: #fff; border-image: url() 27 23 / 50px 30px / 1rem round space0 / 5px 5px; } .jin-ac-box01-title::after { color: #0068b7; } .color-button01 a, .color-button01 a:hover, .color-button01:before { background-color: #008db7 !important; } .top-image-btn-color a, .top-image-btn-color a:hover, .top-image-btn-color:before { background-color: #e00087 !important; } .color-button02 a, .color-button02 a:hover, .color-button02:before { background-color: #d9333f !important; } .color-button01-big a, .color-button01-big a:hover, .color-button01-big:before { background-color: #25851e !important; } .color-button01-big a, .color-button01-big:before { border-radius: 5px !important; } .color-button01-big a { padding-top: 20px !important; padding-bottom: 20px !important; } .color-button02-big a, .color-button02-big a:hover, .color-button02-big:before { background-color: #e00087 !important; } .color-button02-big a, .color-button02-big:before { border-radius: 5px !important; } .color-button02-big a { padding-top: 20px !important; padding-bottom: 20px !important; } .color-button01-big { width: 75% !important; } .color-button02-big { width: 75% !important; } .top-image-btn-color:before, .color-button01:before, .color-button02:before, .color-button01-big:before, .color-button02-big:before { bottom: -1px; left: -1px; width: 100%; height: 100%; border-radius: 6px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25); -webkit-transition: all .4s; transition: all .4s; } .top-image-btn-color a:hover, .color-button01 a:hover, .color-button02 a:hover, .color-button01-big a:hover, .color-button02-big a:hover { -webkit-transform: translateY(2px); transform: translateY(2px); -webkit-filter: brightness(0.95); filter: brightness(0.95); } .top-image-btn-color:hover:before, .color-button01:hover:before, .color-button02:hover:before, .color-button01-big:hover:before, .color-button02-big:hover:before { -webkit-transform: translateY(2px); transform: translateY(2px); box-shadow: none !important; } .h2-style01 h2, .h2-style02 h2:before, .h2-style03 h2, .h2-style04 h2:before, .h2-style05 h2, .h2-style07 h2:before, .h2-style07 h2:after, .h3-style03 h3:before, .h3-style02 h3:before, .h3-style05 h3:before, .h3-style07 h3:before, .h2-style08 h2:after, .h2-style10 h2:before, .h2-style10 h2:after, .h3-style02 h3:after, .h4-style02 h4:before { background-color: #0068b7 !important; } .h3-style01 h3, .h3-style04 h3, .h3-style05 h3, .h3-style06 h3, .h4-style01 h4, .h2-style02 h2, .h2-style08 h2, .h2-style08 h2:before, .h2-style09 h2, .h4-style03 h4 { border-color: #0068b7 !important; } .h2-style05 h2:before { border-top-color: #0068b7 !important; } .h2-style06 h2:before, .sidebar_style3 .widgettitle:after { background-image: linear-gradient(-45deg, transparent 25%, #0068b7 25%, #0068b7 50%, transparent 50%, transparent 75%, #0068b7 75%, #0068b7); } .jin-h2-icons.h2-style02 h2 .jic:before, .jin-h2-icons.h2-style04 h2 .jic:before, .jin-h2-icons.h2-style06 h2 .jic:before, .jin-h2-icons.h2-style07 h2 .jic:before, .jin-h2-icons.h2-style08 h2 .jic:before, .jin-h2-icons.h2-style09 h2 .jic:before, .jin-h2-icons.h2-style10 h2 .jic:before, .jin-h3-icons.h3-style01 h3 .jic:before, .jin-h3-icons.h3-style02 h3 .jic:before, .jin-h3-icons.h3-style03 h3 .jic:before, .jin-h3-icons.h3-style04 h3 .jic:before, .jin-h3-icons.h3-style05 h3 .jic:before, .jin-h3-icons.h3-style06 h3 .jic:before, .jin-h3-icons.h3-style07 h3 .jic:before, .jin-h4-icons.h4-style01 h4 .jic:before, .jin-h4-icons.h4-style02 h4 .jic:before, .jin-h4-icons.h4-style03 h4 .jic:before, .jin-h4-icons.h4-style04 h4 .jic:before { color: #0068b7; } @media all and (-ms-high-contrast:none) { *::-ms-backdrop, .color-button01:before, .color-button02:before, .color-button01-big:before, .color-button02-big:before { background-color: #595857 !important; } } .jin-lp-h2 h2, .jin-lp-h2 h2 { background-color: transparent !important; border-color: transparent !important; color: #686868 !important; } .jincolumn-h3style2 { border-color: #0068b7 !important; } .jinlph2-style1 h2:first-letter { color: #0068b7 !important; } .jinlph2-style2 h2, .jinlph2-style3 h2 { border-color: #0068b7 !important; } .jin-photo-title .jin-fusen1-down, .jin-photo-title .jin-fusen1-even, .jin-photo-title .jin-fusen1-up { border-left-color: #0068b7; } .jin-photo-title .jin-fusen2, .jin-photo-title .jin-fusen3 { background-color: #0068b7; } .jin-photo-title .jin-fusen2:before, .jin-photo-title .jin-fusen3:before { border-top-color: #0068b7; } .has-huge-font-size { font-size: 42px !important; } .has-large-font-size { font-size: 36px !important; } .has-medium-font-size { font-size: 20px !important; } .has-normal-font-size { font-size: 16px !important; } .has-small-font-size { font-size: 13px !important; } .broken_link, a.broken_link { text-decoration: line-through; } /*<!-- rtoc -->*/ .rtoc-mokuji-content { background-color: #ffffff; } .rtoc-mokuji-content.frame1 { border: 1px solid #0068b7; } .rtoc-mokuji-content #rtoc-mokuji-title { color: #0068b7; } .rtoc-mokuji-content .rtoc-mokuji li>a { color: #877179; } .rtoc-mokuji-content .mokuji_ul.level-1>.rtoc-item::before { background-color: #0068b7 !important; } .rtoc-mokuji-content .mokuji_ul.level-2>.rtoc-item::before { background-color: #0068b7 !important; } .rtoc-mokuji-content.frame2::before, .rtoc-mokuji-content.frame3, .rtoc-mokuji-content.frame4, .rtoc-mokuji-content.frame5 { border-color: #0068b7 !important; } .rtoc-mokuji-content.frame5::before, .rtoc-mokuji-content.frame5::after { background-color: #0068b7; } .widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 .rtoc-item.rtoc-current:after, .widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 .rtoc-item.rtoc-current:after, #scrollad #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 .rtoc-item.rtoc-current:after, #sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 .rtoc-item.rtoc-current:after { background-color: #0068b7 !important; } .cls-1, .cls-2 { stroke: #0068b7; } .rtoc-mokuji-content .decimal_ol.level-2>.rtoc-item::before, .rtoc-mokuji-content .mokuji_ol.level-2>.rtoc-item::before, .rtoc-mokuji-content .decimal_ol.level-2>.rtoc-item::after, .rtoc-mokuji-content .decimal_ol.level-2>.rtoc-item::after { color: #0068b7; background-color: #0068b7; } .rtoc-mokuji-content .rtoc-mokuji.level-1>.rtoc-item::before { color: #0068b7; } .rtoc-mokuji-content .decimal_ol>.rtoc-item::after { background-color: #0068b7; } .rtoc-mokuji-content .decimal_ol>.rtoc-item::before { color: #0068b7; } /*rtoc_return*/ #rtoc_return a::before { background-image: url(https://hrvatska-rijec.com/wp-content/plugins/rich-table-of-content/include/../img/rtoc_return.png); } #rtoc_return a { background-color: #0068b7 !important; } /* アクセントポイント */ .rtoc-mokuji-content .level-1>.rtoc-item #rtocAC.accent-point::after { background-color: #0068b7; } .rtoc-mokuji-content .level-2>.rtoc-item #rtocAC.accent-point::after { background-color: #0068b7; } .rtoc-mokuji-content.frame6, .rtoc-mokuji-content.frame7::before, .rtoc-mokuji-content.frame8::before { border-color: #0068b7; } .rtoc-mokuji-content.frame6 #rtoc-mokuji-title, .rtoc-mokuji-content.frame7 #rtoc-mokuji-title::after { background-color: #0068b7; } #rtoc-mokuji-wrapper.rtoc-mokuji-content.rtoc_h2_timeline .mokuji_ol.level-1>.rtoc-item::after, #rtoc-mokuji-wrapper.rtoc-mokuji-content.rtoc_h2_timeline .level-1.decimal_ol>.rtoc-item::after, #rtoc-mokuji-wrapper.rtoc-mokuji-content.rtoc_h3_timeline .mokuji_ol.level-2>.rtoc-item::after, #rtoc-mokuji-wrapper.rtoc-mokuji-content.rtoc_h3_timeline .mokuji_ol.level-2>.rtoc-item::after, .rtoc-mokuji-content.frame7 #rtoc-mokuji-title span::after { background-color: #0068b7; } .widget #rtoc-mokuji-wrapper.rtoc-mokuji-content.frame6 #rtoc-mokuji-title { color: #0068b7; background-color: #ffffff; } /*figure*/ figure { font-size: 12px; color: #b1b1b1; margin-bottom: 1.5em; } figure img { margin-bottom: 0 !important; } /*【PC】figure*/ @media screen and (min-width: 768px) { figcaption { text-align: center; } } /*【PC】サイド画像hover*/ @media screen and (min-width: 768px) { .sdb1 a:hover { opacity: 0.7; transition: .5s; } } /*記事内リンクホバー時の色*/ .s-post-main a:hover{ opacity:.6; color:#ff008f } /* レスポンシブ画像変更 */ .pc{ display:block!important } .sp{ display:none!important } @media screen and (max-width: 767px){ .pc{ display:none!important } .sp{ display:block!important } } /*スマホのページTOPボタン*/ #page-top{ bottom:75px } /*JINAccordion*/ .jin-ac-box01-inner{ padding:30px 30px 0; background:#fffbfb } .jin-ac-box01-title,.jin-ac-box02-title{ background:#f8fdff } /*目次調整*/ #toc_container .toc_list > li ul{ margin-top:5px; padding-left:0; margin-bottom:10px } #toc_container p.toc_title{ text-align:center; font-weight:700; margin:0; padding:20px 0 0 } @media screen and (max-width: 767px){ #toc_container .toc_list > li > ul > li{ margin-bottom:7px; padding-left:15px } } /*サイドバー追尾目次*/ .toc_widget_list li{ font-size:14px; font-weight:700; padding:4px 0 } .toc_widget_list li ul a::before{ content:"・" } .toc_widget ul li ul{ border:none; padding:0 0 0 10px } .toc_widget ul{ max-height:370px; overflow-y:auto } .toc_widget_list li ul{ margin-left:1em; text-indent:-1em } .toc_widget_list li ul li a{ font-size:13px; font-weight:400 } /*スマホ追尾目次*/ #mobile-toc-widget-wrap .menu-trigger,#mobile-toc-widget-wrap .menu-trigger span{ display:inline-block; transition:all .4s; box-sizing:border-box } #mobile-toc-widget-wrap .menu-trigger{ position:relative; width:25px; height:35px } #mobile-toc-widget-wrap .menu-trigger span{ position:absolute; left:0; width:100%; height:3px; background-color:#fff; border-radius:4px } #mobile-toc-widget-wrap .menu-trigger span:nth-of-type(1){ top:13px } #mobile-toc-widget-wrap .menu-trigger span:nth-of-type(2){ top:20px } #mobile-toc-widget-wrap .menu-trigger span:nth-of-type(3){ top:27px } #mobile-toc-widget-wrap .menu-trigger.active{ -webkit-transform:rotate(360deg); transform:rotate(360deg) } #mobile-toc-widget-wrap .menu-trigger.active span:nth-of-type(1){ -webkit-transform:translateY(20px) rotate(-45deg); transform:translateY(20px) rotate(-45deg); top:0 } #mobile-toc-widget-wrap .menu-trigger.active span:nth-of-type(2){ -webkit-transform:translateY(0) rotate(45deg); transform:translateY(0) rotate(45deg) } #mobile-toc-widget-wrap .menu-trigger.active span:nth-of-type(3){ opacity:0 } #mobile-toc-widget-wrap{ position:fixed; bottom:10px; right:14px; margin:0; padding:0; z-index:5; counter-reset:mobile-toc } #mobile-toc-widget-wrap label .mobile-toc-button{ width:58px; height:58px; border-radius:50%; background:#0068b7; box-shadow:0 2px 6px rgba(0,0,0,0.16); transition:ease-out .3s; text-align:center; position:relative; z-index:3 } #mobile-toc-widget-wrap label .mobile-toc-button .mobile-toc-button-title{ color:#fff; font-size:.65em; letter-spacing:0; position:absolute; bottom:7px; left:0; right:0; margin:auto } #mobile-toc-widget-wrap label:hover{ background:#efefef } #mobile-toc-widget-wrap input{ display:none } #mobile-toc-widget-wrap .mobile-toc-show{ display:none } #mobile-toc-widget-wrap input:checked ~ .mobile-toc-show{ background:#fff; position:absolute; top:0; left:0; padding:2.5em 1em; opacity:.97; position:fixed; width:100%; height:100%; display:block; animation:.5s fade-in; -webkit-animation:.5s fade-in; overflow-y:scroll } @-webkit-keyframes fadeIn{ 0%{ display:none; opacity:0 } 1%{ display:block; opacity:0 } 100%{ display:block; opacity:.93 } } @keyframes fade-in{ 0%{ display:none; opacity:0 } 1%{ display:block; opacity:0 } 100%{ display:block; opacity:.93 } } #mobile-toc-widget-wrap .widgettitle{ text-align:center; margin:0 0 1em; color:#f6a068; font-size:1.1em; letter-spacing:2px; font-weight:600 } #mobile-toc-widget-wrap .toc_widget_list{ font-size:.8em; padding:0!important } #mobile-toc-widget-wrap .toc_widget_list a{ text-decoration:none; color:#555; font-weight:600 } #mobile-toc-widget-wrap .toc_widget_list > li{ list-style-type:none!important; position:relative; margin-left:13px; margin-right:25px; padding-left:32px; margin-bottom:15px; padding-bottom:0; font-size:1.1em; line-height:1.8 } #mobile-toc-widget-wrap .toc_widget_list > li:before{ counter-increment:mobile-toc; content:counter(mobile-toc); position:absolute; left:5px; top:-1px; background:none; font-size:1.1em; color:#f6a068 } #mobile-toc-widget-wrap .toc_widget_list > li ul{ margin-top:5px; padding-left:20px; list-style:none } #mobile-toc-widget-wrap .toc_widget_list > li > ul > li a{ position:relative; text-decoration:none!important; font-weight:300 } #mobile-toc-widget-wrap .toc_widget_list > li ul li a:before{ position:absolute; content:"・"; font-size:1.4em; left:-20px; top:-10px; color:#f6a068 } /*テーブル*/ .s-post-main table tr td,.s-post-main table tr th{ padding:8px; vertical-align:middle } table{ margin:10px auto } .tbl-r02 caption{ margin-bottom:-1px; border:1px solid #ccc; border-collapse:collapse; max-width:100%!important; word-break:break-all; font-size:16px; padding:7px; background:#e6e6e6; color:#686868; font-weight:700 } .tbl-r01{ font-size:.9em } .tbl-r01 th{ background:#e6e6e6; border:solid 1px #ccc; color:#686868; padding:10px } .tbl-r01 td{ width:50%; text-align:center } .tbl-r01 caption{ margin-bottom:-1px; border:1px solid #ccc; border-collapse:collapse; max-width:100%!important; word-break:break-all; font-size:16px; padding:7px; background:#e6e6e6; color:#686868; font-weight:700 } @media screen and (max-width: 896px){ .last td:last-child{ border-bottom:solid 1px #ccc; width:100% } .tbl-r1{ width:80% } .tbl-r01 th,.tbl-r01 td{ display:block; width:100% } } .tbl-r02{ font-size:.9em } .tbl-r02 th{ background:#e6e6e6; border:solid 1px #ccc; color:#686868; padding:10px } .tbl-r02 td{ padding:10px } @media screen and (max-width: 896px){ .last td:last-child{ border-bottom:solid 1px #ccc; width:100% } .tbl-r02{ width:80% } .tbl-r02 th,.tbl-r02 td{ display:block; width:100%; text-align:center } .tbl-r02 caption{ padding:8px; background:#a4a4a4; color:#fff; margin-bottom:-2px; border:2px solid #ccc } .tbl-r01 caption{ padding:8px; background:#a4a4a4; color:#fff; margin-bottom:-2px; border:2px solid #ccc } } /*テーブル2*/ ._table *,._table :before,._table :after{ -webkit-box-sizing:border-box; box-sizing:border-box } ._table{ width:100%; border-collapse:collapse } ._table thead th{ background:#e6e6e6; color:#686868 } ._table tbody th{ background:#f4f4f4c2; white-space:normal } ._table tbody td{ padding:10px 15px; vertical-align:top; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#fff } ._table p{ padding-bottom:0; padding-top:0; margin-top:0; margin-bottom:0; letter-spacing:.05em; line-height:1.8em; font-size:.9rem } ._table caption{ margin-bottom:-1px; border:1px solid #ccc; border-collapse:collapse; max-width:100%!important; word-break:break-all; font-size:16px; padding:7px; background:#e6e6e6; color:#686868; font-weight:700 } @media only screen and (max-width:480px){ ._table thead{ display:none } ._table tbody th{ display:block; background:#e6e6e6; white-space:normal; color:#686868 } ._table tbody td{ display:flex } ._table tbody td::before{ font-weight:700; float:left; content:attr(label); width:30%; font-size:11px; line-height:18px; background:#f4f4f4c2; text-align:center; border-radius:5px; letter-spacing:1px; padding:.5em } ._table tbody td p{ width:70%; line-height:1.5em; font-size:13px; margin:8px 0 8px 16px } .s-post-main table tr td,.s-post-main table tr th{ padding:8px; border:1px solid #ccc; vertical-align:middle; align-items:center } ._table caption{ padding:8px; background:#a4a4a4; color:#fff; margin-bottom:-2px; border:2px solid #ccc } } /*テーブル3*/ ._table3 *,._table3 :before,._table3 :after{ -webkit-box-sizing:border-box; box-sizing:border-box } ._table3{ width:100%; border-collapse:collapse } ._table3 thead th{ background:#e6e6e6; color:#686868 } ._table3 tbody th{ background:#f4f4f4c2; white-space:normal } ._table3 tbody td{ padding:10px 15px; vertical-align:top; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#fff } ._table3 p{ padding-bottom:0; padding-top:0; margin-top:0; margin-bottom:0; letter-spacing:.05em; line-height:1.8em; font-size:.9rem } .tbt{ margin:0 } ._table3 img{ margin:auto; margin-bottom:auto; margin-bottom:5px; width:90% } ._table3 caption{ margin-bottom:-1px; border:1px solid #ccc; border-collapse:collapse; max-width:100%!important; word-break:break-all; font-size:16px; padding:7px; background:#e6e6e6; color:#686868; font-weight:700 } @media only screen and (max-width:480px){ ._table3 thead{ display:none } ._table3 tbody th{ display:block; background:#eaeaea; white-space:normal; color:#777 } ._table3 tbody td{ display:flex } ._table3 tbody td::before{ font-weight:700; float:left; content:attr(label); width:30%; font-size:11px; line-height:18px; background:#eaeaea; text-align:center; border-radius:5px; letter-spacing:1px; padding:.5em } ._table3 tbody td p{ width:70%; line-height:1.5em; font-size:13px; margin:8px 0 8px 16px } .s-post-main table tr td,.s-post-main table tr th{ padding:8px; vertical-align:middle; align-items:center } ._table3 img{ margin:auto; margin-bottom:auto; margin-bottom:5px; width:90% } ._table3 caption{ padding:8px; background:#a4a4a4; color:#fff; margin-bottom:-2px; border:2px solid #ccc } } /*テーブル4*/ .thead{ background:#f4f4f4c2 } .tbl-r05 img{ margin-bottom:5px!important } .tbl-r05 td{ text-align:center } @media screen and (max-width: 480px){ .tbl-r05{ width:80% } .tbl-r05 .thead{ display:none } .tbl-r05 tr{ width:100% } .tbl-r05 td{ display:block; text-align:center; width:100% } .tbl-r05 td::before{ content:attr(data-label); font-weight:700; line-height:35px; background:linear-gradient(transparent 0%,#e6e6e6 0%); display:block; margin:0 0 8px } } /* テーブサイズ指定*/ .w10{ width:10% } .w15{ width:15% } .w20{ width:20% } .w25{ width:25% } .w30{ width:30% } .w35{ width:35% } .w40{ width:40% } .w45{ width:45% } .w50{ width:20% } .w55{ width:55% } .w60{ width:60% } .w65{ width:65% } .w70{ width:70% } .w75{ width:75% } .w80{ width:80% } .w85{ width:85% } .w90{ width:90% } /*比較テーブル*/ .comparison-table-wrap{ width:100%; max-width:660px; margin:0 auto 2em; box-shadow:0 1px 2px rgba(0,0,0,0.1) } .comparison-table-title{ background:#4ca570; text-align:center; color:#fff; font-weight:700; padding:1em; letter-spacing:1px; margin:0; font-size:14px; box-shadow:0 2px 5px rgba(100,100,100,0.1) } .comparison-table{ background:#f7f7f7; margin:0; padding:.3em 1em } .comparison-table table{ border-collapse:separate; border-spacing:5px 10px; border:none; margin-bottom:0 } .comparison-table table th,.comparison-table table td{ width:50% } .comparison-table table thead th{ background:#c1ebd2; border:none; color:#5e5e5e; box-shadow:0 2px 5px rgba(100,100,100,0.1); padding:.8em .5em; line-height:1.5; border-radius:3px; font-size:16px } .comparison-table table tbody th{ background:#4ca570; text-align:center; color:#fff; border:none; box-shadow:0 2px 5px rgba(0,0,0,0.2); padding:.4em 1em; font-size:14px; line-height:1.3 } .comparison-table table tbody td{ background:#fff; box-shadow:0 2px 5px rgba(100,100,100,0.1); border-radius:3px; border:none; padding:1.2em; color:#555; line-height:1.8; text-align:justify; vertical-align:top } .comparison-table table tbody td p{ margin:0; padding:0; margin-bottom:1em; font-size:14px } .comparison-table table tbody td .td-h{ text-align:center; font-weight:700; color:#3a3a3aad; font-size:16px; margin-bottom:7px } @media screen and (max-width: 896px){ .comparison-table{ padding:7px } .comparison-table table{ border-spacing:3px 10px } .comparison-table table thead th{ top:0; z-index:100 } } /*比較名背景*/ .comparison-table-img .comparison-table table thead th{ box-shadow:none!important; padding:0; margin:0 } .comparison-table-img .comparison-table table thead tr{ background:none!important } .comparison-table-img .comparison-table table thead th img{ display:block } .comparison-table table thead th p{ margin:0; padding-bottom:0 } .comparison-table img{ margin:0; padding:0; width:100%; max-width:100%; height:auto; border:0 } /*比較テーブル画像タイトル*/ .comparison-table-img .comparison-table table thead th .th-h{ color:#666565; padding:10px 0; font-size:14px } /*年号*/ ._timeline03{ position:relative; margin:3em auto } ._timeline03:before{ position:absolute; top:0; width:4px; height:100%; content:''; background-color:#1571be; left:30px } ._timeline03 .timeline_group{ position:relative; padding-top:55px } ._timeline03 .timeline_group:not(:first-of-type){ margin-top:4rem } ._timeline03 .time_year{ position:absolute; top:0; left:0; padding:.5rem 1.5rem; color:#fff; background-color:#1771be; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; font-weight:700 } ._timeline03 .timeline_item{ margin-bottom:1em; position:relative; padding-left:80px } ._timeline03 .timeline_item:not(:last-of-type){ margin-bottom:2em } ._timeline03 .timeline_item:before{ position:absolute; z-index:-1; left:0; width:99%; height:3px; content:''; background-color:#1571be; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%) } ._timeline03 .time{ position:absolute; left:0; box-sizing:border-box; min-width:65px; min-height:65px; padding:.5em; text-align:center; color:#686357; background-color:#c9e6ff; top:50%; margin-top:-33px; border-radius:65px } ._timeline03 .time_day{ font-size:1em; font-weight:700; display:block } ._timeline03 .time_month{ font-size:.8em; display:block; text-transform:uppercase } ._timeline03 .desc{ padding:.5em 1em; border-left:3px solid #84c7ff; border-radius:2px; background-color:#fff; box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.2); font-size:.9em } ._timeline03 .desc .flag{ font-size:1.2em; font-weight:700; margin:0; padding:0; padding-bottom:.3em } @media only screen and (max-width: 767px){ ._timeline03:before{ left:0 } ._timeline03 .timeline_group{ padding-top:40px } ._timeline03 .timeline_item{ padding-top:60px; padding-left:20px } ._timeline03 .timeline_item:before{ top:90px } ._timeline03 .time{ top:40px; border-radius:0 20px 20px 0; min-height:2em } ._timeline03 .time_day,._timeline03 .time_month{ display:inline-block } ._timeline03 .desc{ font-size:.8em } } .desc p{ margin:0; font-size:.9em; padding:5px 0 } ._timeline03 .timeline_group:not(:first-of-type){ margin-top:3rem } .desc ul{ margin:0; margin-bottom:0; padding:15px 0 15px 15px; background-color:#e1f5f7; border-radius:5px; font-size:.9em } /*記事内BOXナビ*/ .nav-box{ margin:0 0 2em; padding:10px; width:100%; background:#2d9b5914; border:double 5px #407d06; border-radius:10px } .navbox-des{ margin:-15px 0 5px; padding:5px 10px; width:100%; background:#fff; border:solid 1px #e0ddd1; color:#666 } .navbox-des p{ margin:0; padding:7px 0; font-size:14px; line-height:1.5em; letter-spacing:inherit } /*ボックスナビ*/ .p-nav{ margin:2em 0; padding:0 } .p-nav ul,.s-post-main .p-nav ul{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; list-style:none; margin:0; padding:0; border:none } .p-nav ul li{ -ms-flex-preferred-size:calc(100%/4); flex-basis:calc(100%/4); margin:0; padding:0; text-align:center; box-shadow:inset 1px 1px 0 0 #666,1px 1px 0 0 #666,1px 0 0 0 #666; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse; min-height:100px; cursor:pointer; background:#fff } .p-nav ul li:hover{ z-index:2; box-shadow:inset 2px 2px 0 0 #0068b7,2px 2px 0 0 #0068b7,2px 0 0 0 #0068b7,0 2px 0 0 #0068b7; transition:.35s ease-in-out } .p-nav ul li:before{ content:unset!important } .p-nav ul li a{ display:block; padding:.5em 1em; text-decoration:none; width:100% } .p-nav ul li a:hover{ background:none; opacity:1 } .p-nav ul li a img{ max-width:50%!important; height:auto!important; display:inline-block; margin-bottom:5px } .p-nav .p-nav-title{ display:block; color:#666; font-size:.8em; letter-spacing:1px; font-weight:600; text-align:center; line-height:1.5 } /*サイドバー*/ .textwidget img{ width:100%; height:auto; display:block } #sidebar .p-nav ul li{ -ms-flex-preferred-size:calc(100%/2); flex-basis:calc(100%/2) } /*スマホ*/ @media screen and (max-width: 896px){ .p-nav ul li{ -ms-flex-preferred-size:calc(100%/2); flex-basis:calc(100%/2) } } /*fontawesome*/ .p-nav ul li a i,.p-nav ul li a svg{ font-size:40px; padding:10px 0; color:#6495ed; display:inline-block } #drawernav3 ul.menu-box li.menu-item a{ padding:3px 10px } .p-nav-maintitle{ margin:0; padding:4px 0 2px; text-align:center; font-size:16px; background:#0068b7; box-shadow:inset 1px 1px 0 0 #acacac,1px 1px 0 0 #acacac,1px 0 0 0 #acacac; font-weight:600; color:#edcdcc } /*スマホメニュー ボックスナビ*/ .sp-menu-box .p-nav ul.menu-box{ height:auto } .sp-menu-box .p-nav ul{ padding:0 7% 1% } .sp-menu-box .p-nav .menu-item{ min-height:110px } .sp-menu-box .p-nav li a:before{ content:unset } .sp-menu-box .p-nav ul li a{ padding:.6em } .sp-menu-box .p-nav-maintitle{ margin:0 7%; padding-top:5px } @media screen and (min-width: 896px){ ul.menu-box li.menu-item a img{ display:none } } /*ボックスナビ２*/ .p-nav2{ margin:2em 0; padding:0 } .p-nav2 ul,.s-post-main .p-nav2 ul{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; list-style:none; margin:0; padding:0; border:none } .p-nav2 ul li{ -ms-flex-preferred-size:calc(100%/4); flex-basis:calc(100%/2); margin:0; padding:0; text-align:center; box-shadow:inset 1px 1px 0 0 #666,1px 1px 0 0 #666,1px 0 0 0 #666; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse; min-height:100px; cursor:pointer; background:#f1f1f1 } .p-nav2 ul li:hover{ z-index:2; box-shadow: inset 2px 2px 0 0 #88c7ff,2px 2px 0 0 #88c7ff,2px 0 0 0 #88c7ff,0 2px 0 0 #88c7ff; transition:.35s ease-in-out } .p-nav2 ul li:before{ content:unset!important } .p-nav2 ul li a{ display:block; padding: 1em 0.5em; text-decoration:none; width:100% } .p-nav2 ul li a:hover{ background:none; opacity:1 } .p-nav2 ul li a img{ max-width:50%!important; height:auto!important; display:inline-block; margin-bottom: 0; } .p-nav2 .p-nav2-title{ display:block; color:#686868; font-size:.8em; letter-spacing:1px; font-weight:600; text-align:center; line-height:1.5 } /*サイドバー*/ .sidebar .p-nav2 ul li{ -ms-flex-preferred-size:calc(100%/2); flex-basis:calc(100%/2) } /*スマホ*/ @media screen and (max-width: 559px){ .p-nav2 ul li{ -ms-flex-preferred-size:calc(100%/2); flex-basis:calc(100%/2) } } /*fontawesome*/ .p-nav2 ul li a i,.p-nav2 ul li a svg{ font-size:40px; padding:10px 0; color:#f6a068; display:inline-block } /*fontawesome(2番目)*/ .p-nav2 ul li:nth-of-type(2) a i,.p-nav2 ul li:nth-of-type(2) a svg{ color:#ffc539 } /*fontawesome(3番目)*/ .p-nav2 ul li:nth-of-type(3) a i,.p-nav2 ul li:nth-of-type(3) a svg{ color:#ffc539 } /*fontawesome(4番目)*/ .p-nav2 ul li:nth-of-type(4) a i,.p-nav2 ul li:nth-of-type(4) a svg{ color:#ffc539 } /*fontawesome(5番目)*/ .p-nav2 ul li:nth-of-type(5) a i,.p-nav2 ul li:nth-of-type(5) a svg{ color:#ffc539 } /*fontawesome(6番目)*/ .p-nav2 ul li:nth-of-type(6) a i,.p-nav2 ul li:nth-of-type(6) a svg{ color:#ffc539 } .p-nav-maintitle2{ margin:0 0 20px; padding:10px 0 8px; text-align:center; font-size:.95rem; background:#0068b7; color:#fff; border:3px double #fff!important } .p-nav2 .p-nav3-title{ display:block; color:#fff; font-size:.8em; letter-spacing:1px; font-weight:600; text-align:center; line-height:1.5 } #koushiki{ background:#0068b7; flex-basis:calc(100%/2) } .pnav{ width:100% } /*スマホメニュー ボックスナビ2*/ .sp-menu-box .p-nav2 ul.menu-box{ height:auto } .sp-menu-box .p-nav2 ul{ padding:0 7% 1% } .sp-menu-box .p-nav2 .menu-item{ min-height:110px } .sp-menu-box .p-nav2 li a:before{ content:unset } .sp-menu-box .p-nav2 ul li a{ padding:.6em } .sp-menu-box .p-nav-maintitle2{ margin:0 7% 30px; padding-top:5px } #text-3 .sdb1{ margin:30px } @media screen and (min-width: 896px){ ul.menu-box li.menu-item a img{ display:none } } /* FAQ */ ._qa *,._qa :after,._qa :before{ -webkit-box-sizing:border-box; box-sizing:border-box } ._qa{ margin:0 0 2em 10px; padding:1em 1em .5em; background:#2d9b591a } ._qa h3{ font-size:1.2em; position:relative; margin-top:0; margin-right:1em; margin-left:-26px; padding:.3em; color:#fff; background-color:#2d9b59; box-shadow:0 1px 1px rgba(0,0,0,0.2); border-bottom:none } ._qa h3::after{ position:absolute; bottom:-10px; left:0; display:inline-block; width:0; height:0; content:''; border-width:0 10px 10px 0; border-style:solid; border-color:transparent #0f6f58 transparent transparent } ._qa dl{ margin:0 } ._qa dt{ margin-bottom:.5em; padding:.2em .5em .5em 2em; border-radius:.2em; background:#2c9b597d } ._qa dd{ margin-bottom:1em; margin-left:0; padding:.5em 1em 1.5em 3em } /*QAアイコン*/ ._qa dt::before,._qa dd::before{ font-size:1.5em; color:#fff } ._qa dt::before{ margin:.3em .3em 0 -1em; content:'Q' } ._qa dd::before{ margin:0 .5em 0 -2em; padding:.2em .4em; content:'A'; border-radius:.2em; background:#f89a8f } /*下矢印*/ .arrow1{ width:30px; height:30px; border:2px solid; border-color:transparent transparent #565656 #565656; transform:rotate(-45deg); margin:0 auto } /*MyBOX*/ .mybox{ margin:20px 15px 5px; background:#f4f4f4; box-shadow:0 2px 4px rgba(0,0,0,0.22) } .mybox .box-title{ font-size:1.1em; background:#848484; padding:4px; text-align:center; color:#FFF; font-weight:700; letter-spacing:.05em } .mybox p{ padding:15px 10px; margin:0; font-size:14px; letter-spacing:.04em; color:#535353 } .mybox-main{ margin-bottom:2em; background-color:#f2f6fa; padding-bottom:2em } .myboxtitle{ margin:0 0 40px; padding:10px 0; width:100%; font-size:20px; text-align:center; font-weight:700; background-color:#4d91d9; color:#fff } /*黒板風BOX*/ .kokuban-t3{ position:relative; margin:2em auto; padding:3.2em 1em 0; width:90%; background-color:#022e13; color:#fff; border:10px solid #b2771f; border-radius:3px; box-shadow:0 0 5px #333,0 0 5px #555 inset } .kokuban-t3::before,.kokuban-t3::after{ position:absolute; content:''; bottom:0 } .kokuban-t3::before{ right:10px; border:solid 3px #ffff6b; width:20px; border-radius:3px 2px 0 2px } .kokuban-t3::after{ right:40px; border:solid 3px #fff; width:15px; border-radius:8px 5px 2px 5px } .title-t3{ position:absolute; left:1em; top:.9em; font-weight:700; font-size:1.1em; color:#ffff6b } .kokuban-t3 p{ padding-bottom:1rem; margin:0 -5px 0 10px } /*記事内ボックス３カラム*/ .main-nav,.main{ display:-webkit-flex; display:flex; margin-bottom:2em } .main-nav li:first-child{ margin-right:auto } .main-nav a{ margin:10px; border-radius:5px; background:#60B99A; color:#fff; display:block; padding:15px; text-decoration:none } .main-nav .logo{ background:#4584b1 } .main section{ -webkit-flex:1; flex:1; margin:3px; border-radius:5px; background:#faf2f2; padding:15px } .main_title{ color:#0068b7; font-size:1.2rem; font-weight:700 } .main p{ margin-top:10px; padding-bottom:0; font-size:14px } .main ul{ margin:13px 0 0 -10px; margin-bottom:0; padding:0 } .main li{ font-size:14px; margin-top:-5px } @media screen and (max-width: 700px){ .main{ flex-direction:column } } /*色んなBOX内label*/ .box_label{ margin:0 0 10px; padding:0 0 0 16px; font-size:1rem; display:inline-block; border-bottom:double 5px #555; color:#555; position:relative } .box_label::after{ position:absolute; content:''; left:0; width:10px; height:10px; background-color:#555; transform:rotate(45deg); bottom:.5em } /*記事内横並びBOX*/ .sidebox{ width:100%; max-width:750px; margin:auto } .sidebox img{ width:100% } .text-center{ text-align:center } .flexbox{ display:flex } .box1{ width:55%; margin:auto } .box2{ width:45%; margin:0 20px } .sidebox3{ padding:.5em 0; margin:-15px 0 0; color:#474747; background:#f5f5f5; border-left:double 7px #4ec4d3; border-right:double 7px #4ec4d3 } .sidebox3 ul{ padding-left:0 } .sidebox3 p{ margin:0; padding:0 } @media screen and (max-width: 767px){ .flexbox{ display:block } .flexbox .box1{ width:100%; margin:0 auto } .flexbox .box2{ width:100%; margin:0 auto } } /*画像の補足説明*/ .gazou-hosoku{ padding:0; font-size:14px; color:#8a8a8a; margin-top:-17px } .gazou-hosoku2{ font-size:14px; color:#8a8a8a; padding:0; margin-top:-50px } /*サイトマップリスト*/ #sitemap_list li ::before{ content:none!important } /*軽量版サイドバーの追尾(PC)*/ @media (min-width: 768px){ #wrapper{ overflow:visible } #contents{ display:flex } #main-contents{ float:none } #sidebar{ float:none } #widget-sticky-wrap{ position:-webkit-sticky; position:sticky; top:0 } } /*サイドバーのSNSボタン*/ .profile-sns-menu{ background:#0068b7 !important } .sd-line-btn.SP-display{ display:none } @media (max-width: 768px){ .my-profile .profile-sns-menu.PC-display{ display:none } .sd-line-btn.SP-display{ display:block } } /*headerボタンの調整*/ @media (min-width: 768px){ #main-image .top-image-meta{ top:auto; bottom:10%; -webkit-transform:translateY(0%) translateX(-50%); transform:translateY(0%) translateX(-50%) } } @media (min-width: 1199px){ #main-image .top-image-meta{ bottom:10% } } /*ハンバーガーメニュースクロール*/ @media (max-width: 767px){ #main-image .top-image-meta{ top:auto; bottom:6%; -webkit-transform:translateY(0%) translateX(-50%); transform:translateY(0%) translateX(-50%) } } /*ハンバーガーメニュー*/ @media screen and (max-width: 767px){ .sp-menu-box{ overflow:scroll } } /*メールボタン削除*/ .sp-menu-box .sp-menu-title{ margin-top:30px; text-align:center; font-size:1.6rem } .jic-type.jin-ifont-mail{ display:none } .sp-sns-menu{ display:none } /* 記事下ポップアップ */ /* PC(タブレット) */ .fixed-wrap{ position:fixed; z-index:100; max-width:220px; display:none; bottom:20px; right:85px } .fixed-wrap img{ width:100%; height:auto } /*スマホ*/ @media screen and (max-width: 767px){ .fixed-wrap{ max-width:170px; bottom:-10px; left:10px; right:unset } } /*CTA(記事下コンテンツ)*/ .info-title{ background:#0068b7; margin:0; margin-bottom:0; padding:11px; color:#fff!important } .cta-content{ padding:0; margin-top:20px } .cta-content .info-title{ text-align:left } @media screen and (max-width: 896px){ .cta-content{ padding:0; margin-top:40px } .cta-content .info-title{ text-align:left } .cta-content .info-title{ font-size:1.45rem; font-weight:700; margin-bottom:10px } .info-title{ padding:5px } } .data_top{ display:flex; justify-content:space-between; margin:25px 0 0 } .data_top .left{ width:53% } .data_top .left img:hover{ opacity:.7 } .data_top .light{ width:46%; text-align:center; margin:0 0 0 10px } .data_top .cta-hed{ font-size:1.25em; text-align:center; display:inline-block; background:linear-gradient(transparent 90%,#0068b7 0%); width:100% } .data_top .cta-eva{ width:100%; border:1px solid #d8d8d8; padding:13.5px; margin-top:10px } .data_top .eva-top{ display:flex; justify-content:space-between; position:relative; align-items:center } .eva-hed{ font-weight:700; padding:5.15px 5px; background:#fff; z-index:1 } .eva-star{ padding:5.15px 5px; background:#fff; z-index:1 } .cta-eva .eva-top::after{ content:""; border-top:1px solid #d8d8d8; width:100%; position:absolute } .eva-hed .eva-star div{ background:#fff; position:relative; z-index:1; padding:5px 10px } .data_table{ display:flex; margin:15px 0 5px } .data_table dl{ width:50%; border-bottom:1px solid #ccc; border-left:1px solid #ccc; display:flex; flex-wrap:wrap; margin:10px 0 0!important } .data_table dl:last-child{ border-right:1px solid #ccc } .data_table dt{ width:100%; background:#0068b7; color:#fff; text-align:center; padding:8px; font-size:16px } .data_table dd{ padding:10px 0; width:100% } .data_table dd ul{ display:flex; align-items:baseline; list-style:none; padding-left:5px!important; justify-content:center } .data_table dd li{ padding:0 10px!important; margin-bottom:0!important } .data_table dd li:before{ display:none!important } .data_table dd img{ width:90px; margin:0 5px!important; display:block } .data_table p{ text-align:center; margin:5px auto 0; padding:0; font-size:11px; background-color: rgba(157, 213, 255, 0.29); width:90%; font-weight:700 } @media screen and (max-width: 896px){ .data_top{ display:block } .data_top .left{ width:100% } .data_top .light{ width:100%; text-align:center; margin:0 } .data_top .cta-hed{ margin-top:10px } .data_table{ flex-wrap:wrap; margin:10px 0 0 } .data_table dl{ width:100%; margin:0!important; border-right:1px solid #ccc } .data_table dl li{ width:100px; margin:0 5px 0 0 } .data_table dl li a{ width:100% } } /*CTA(ポイント)*/ .title-box2{ margin:20px 0 30px; padding:1.5em 1em 1em; position:relative; border: 1px solid #e00087; background-color: #fffafd; } .title-box2-title{ position:absolute; top:-.8em; left:20px; font-weight:700; font-size:1.1em; background-color:#e00087; color:#fff; padding:0 .5em } .title-box2 p{ margin:0; padding:0 } /*CTA(ボタン)*/ .btn-border{ display:inline-block; max-width:180px; text-align:center; border:2px solid #e00087; font-size:15px; color:#e00087!important; text-decoration:none!important; padding:12px 16px; border-radius:4px; width:100%; margin:0 5px } .btn-border:hover{ background-color:#ff78c9; border-color:#e00087; color:#fff!important } .cta-btn{ display:flex; margin:20px 0 } .cta-btn2{ background:#eee; width:100%; padding:5px 0 20px; margin-bottom:20px } @media screen and (max-width: 896px){ .cta-btn{ flex-wrap:wrap; justify-content:space-between } .cta-btn{ display:flex; margin:20px 0 } .cta-btn a{ width:47%; margin:5px auto } } /*CTA(公式ボタン)*/ .ctabtn2-txt{ margin:10px; text-align:center; font-weight:700 } @media screen and (max-width: 896px){ .cta-btn2 .color-button02-big{ width:95%!important } } /*入金方法6種*/ .pmt-main{ margin:0 0 2em; padding:10px; width:100%; background:#eee; border:double 5px #8e8e8e; border-radius:15px } .pmtbox{ margin:2em 0 1em; padding:0 } .pmtbox ul,.s-post-main .pmtbox ul{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; list-style:none; margin:0; padding:0; border:none } .pmtbox ul li{ -ms-flex-preferred-size:calc(100%/4); flex-basis:calc(100%/3); margin:0; padding:0; text-align:center; box-shadow:inset 1px 1px 0 0 #e0ddd1,1px 1px 0 0 #e0ddd1,1px 0 0 0 #e0ddd1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse; min-height:100px; cursor:pointer; background:#fff } .pmtbox ul li:hover{ z-index:2; box-shadow:inset 2px 2px 0 0 #f66868,2px 2px 0 0 #f66868,2px 0 0 0 #f66868,0 2px 0 0 #f66868; transition:.35s ease-in-out } .pmtbox ul li:before{ content:unset!important } .pmtbox ul li a{ display:block; padding:.8em 1em; text-decoration:none; width:100% } .pmtbox ul li a:hover{ background:none; opacity:1 } .pmtbox ul li a img{ max-width:50%!important; height:auto!important; filter:drop-shadow(0px 0px 3px rgba(0,0,0,0.1)); display:inline-block } .pmtbox .pmtbox-title{ display:block; color:#666; font-size:.7em; letter-spacing:1px; font-weight:600; text-align:center; line-height:1.5 } .pmt-des{ margin:-5px 0 5px; padding:5px 10px; width:100%; background:#fff; border:solid 1px #e0ddd1; color:#666 } .pmt-des p{ margin:0; padding:7px 0; font-size:14px; line-height:1.5em; letter-spacing:inherit } .pmtbox ul li a img{ filter:none; margin-bottom:7px!important } /*スマホ*/ @media screen and (max-width: 559px){ .pmtbox ul li{ -ms-flex-preferred-size:calc(100%/2); flex-basis:calc(100%/2) } .pmtbox ul li a{ display:block; padding:.5em 0; text-decoration:none; width:100% } } /*機種紹介BOX*/ .modelbox{ width:100%; max-width:750px; margin:auto } .modelbox img{ width:100% } .text-center{ text-align:center } .flexbox2{ display:flex } .model1{ width:45%; margin:auto } .model2{ width:45%; margin:0 auto } .modelbox .name{ background-color:#0068b7; color:#fff; font-size:17px; text-align:center; margin:0 0 20px; margin-top:0; padding:5px; margin-top:10px } .model2 img{ margin:0; padding:20px 31px; background-color:#f2f7fa } .demobutton a{ display:flex; justify-content:space-between; align-items:center; margin:0 auto; padding:1em 2em; width:100%; color:#fff; font-size:17px; font-weight:700; border:2px solid #4763b9; text-decoration:none; background-color:#3f8dc1; border-radius:5px!important } .demobutton a::after{ content:''; width:5px; height:5px; border-top:3px solid #fff; border-right:3px solid #fff; transform:rotate(45deg) } .demobutton a:hover{ color:#c8fcff; text-decoration:none; background-color:#3f8dc1 } .demobutton a:hover::after{ border-top:3px solid #c8fcff; border-right:3px solid #c8fcff } .demobutton{ margin:20px auto } .modelbox p{ padding-bottom:0!important } @media screen and (max-width: 767px){ .flexbox2{ display:block } .flexbox2 .model1{ width:100%; margin:0 auto } .flexbox2 .model2{ width:100%; margin:0 auto } .model2 img{ margin:0; padding:0; background-color:none } .demobutton a{ padding:1em 2.3em } } /*機種紹介BOX2*/ .modelbox2{ width:100%; max-width:750px; margin:auto; display:flex } .modelbox2 img{ width:85%; margin:auto } .text-center{ text-align:center } .model3{ width:45%; margin:0 auto; display:flex; flex-direction:column } .modelbox2 h3{ background-color:#0068b7; color:#fff; font-size:17px; text-align:center; margin:0 0 20px; margin-top:0; padding:5px; margin-top:10px; width:100% } .demobutton a{ display:flex; justify-content:space-between; align-items:center; margin:0 auto; padding:1em 2em; width:100%; color:#fff; font-size:17px; font-weight:700; border:2px solid #4763b9; text-decoration:none; background-color:#3f8dc1; border-radius:5px!important } .demobutton a::after{ content:''; width:5px; height:5px; border-top:3px solid #fff; border-right:3px solid #fff; transform:rotate(45deg) } .demobutton a:hover{ color:#c8fcff; text-decoration:none; background-color:#3f8dc1 } .demobutton a:hover::after{ border-top:3px solid #c8fcff; border-right:3px solid #c8fcff } .demobutton{ margin:20px auto } .modelbox2 p{ padding-bottom:0!important } .modelexp{ margin:20px auto; padding:10px; font-size:14px; background-color:#f4f4f4c2; flex-grow:1; width:100%; border-width:initial; border-color:#686868; border-style:double } .modelbox3 h3{ background-color:#0068b7; color:#fff; font-size:17px; text-align:center; margin:0 0 20px; margin-top:0; padding:5px; margin-top:10px; width:100% } .modelbox4 h3{ background-color:#0068b7; color:#fff; font-size:17px; text-align:center; margin:0 0 20px; margin-top:0; padding:5px; margin-top:10px; width:100% } @media screen and (max-width: 767px){ .modelbox2{ width:100%; max-width:750px; margin:auto; display:block } .modelbox2 img{ width:100%; margin:auto } .model3{ width:100%; margin:0 auto } .model4{ width:100%; margin:0 auto } .demobutton a{ padding:1em 2.3em } } /*配当表*/ .role{ width:100%; max-width:750px; margin:auto; display:flex } .payout img.aligncenter{ margin-bottom:0!important } .payout p{ text-align:center; padding-bottom:15px; font-size:14px; margin-top:-4px; line-height:20px; font-weight:700 } .roleright{ width:45%; margin:0 auto; display:flex; flex-direction:column } .roleleft{ width:45%; margin:0 auto; display:flex; flex-direction:column } .role1{ border-width:medium; border-color:#686868; border-style:double; margin:0; margin-bottom:0; padding:20px; margin-bottom:1em } .role2{ border-width:medium; border-color:#686868; border-style:double; margin:0; margin-bottom:0; padding:20px; margin-bottom:2em } .role3{ border-width:medium; border-color:#686868; border-style:double; margin:0; margin-bottom:0; padding:20px; margin-bottom:2em } .rolename{ text-align:center; padding-bottom:0!important; font-size:17px!important; background-color:#f4f4f4c2; color:#686868; margin-bottom:15px!important } @media screen and (max-width: 767px){ .role{ width:100%; max-width:750px; margin:auto; display:block } .roleleft{ width:100%; margin:0 auto; display:flex; flex-direction:column } .roleright{ width:100%; margin:0 auto; display:flex; flex-direction:column } } /*機種一覧のボタン*/ .guidbt{ padding:15px 0; background-color:#f0f0f070; margin-bottom:5em } @media screen and (max-width: 767px){ .guidbt{ padding:0; margin-bottom:5em; background:none } } /*デモ機一覧*/ .demo-list-wrap{ margin-bottom:2em } .demo-list-wrap .main{ margin-bottom:0 } .demo-list-wrap .main_title{ flex:1; height:100%; min-height:0; margin-bottom:10px } .demo-list-wrap .main section{ display:flex; flex-direction:column } .demo-list-wrap .color-button01-big,.demo-list-wrap .color-button02-big{ width:100%!important } /*機種比較*/ .gadwa th{ font-size:11px!important } .gadwa p{ font-size:11px } .gadwa ._table3 img{ margin:auto; margin-bottom:auto; margin-bottom:auto; margin-bottom:5px; width:60% } .hosoku{ color:#959595!important; font-size:12px!important; margin:-10px 0!important } /*CTA（機種）*/ .listtitle{ margin:0; margin-bottom:0; padding:8px; background:#0068b7; color:#fff; font-size:16px; font-weight:500; margin-bottom:5px; text-align:center } .mli{ display:flex; padding: 1em .5em 0; width:100%; flex-wrap:wrap; background:#fff; border:solid 1px #ccc; margin:-5px auto 30px; border-top:none } .modellist{ padding:5px; width:20%; font-size:10px; text-align:center } .playlist img{ margin-bottom:0!important; margin-top:3px } .listbt1{ display:inline-block; padding:7px; text-decoration:none!important; color:#3f8dc1!important; border:solid 2px #3f8dc1; border-radius:3px; transition:.4s!important; margin:8px 0 10px; width:100%; font-size:15px } .listbt1:hover{ background:#3f8dc1; color:#fff!important; opacity:.9!important } .listbt2{ display:inline-block; padding:7px; text-decoration:none!important; color:#599941!important; border:solid 2px #599941; border-radius:3px; transition:.4s!important; margin: 5px 0 15px; width:100%; font-size:15px } .listbt2:hover{ background:#599941; color:#fff!important; opacity:.9!important } .listbt3{ display:inline-block; padding:7px; text-decoration:none!important; color:#3f8dc1!important; border:solid 2px #3f8dc1; border-radius:3px; transition:.4s!important; margin:8px 0 10px; width:100%; font-size:15px } .modellist p{ line-height:normal; margin:4px 0 } .tekkyo{ display:block; padding:7px; text-decoration:none!important; color:#d51b1b!important; border:solid 2px #d51b1b; border-radius:3px; transition:.4s!important; margin:-32px 0 10px; width:100%; font-size:15px } @media screen and (max-width: 480px){ .modellist{ padding:5px; width:50%; font-size:10px; text-align:center } } /*機種CTA*/ .modelmenu2 ul li{ display:inline-block!important; width:45%; margin:0; padding:0 0 10px 30px!important } .mct{ margin:30px 0 20px; padding:8px; background:#e6e6e6; color:#686868; font-size:16px; font-weight:600; border:solid 1px #ccc } .modelmenu2{ padding:20px 0 10px; border:solid 1px #ccc; border-top-color:#ccc; border-top-style:solid; border-top-width:1px; margin:-20px auto 20px; border-top:none } .model-top{ display:flex } .model_left{ width:40% } .model_hed{ font-size:1.25em; text-align:center; display:inline-block; background:linear-gradient(transparent 90%,#0068b7 0%); width:100% } .model_light{ width:60%; text-align:center; margin:0 0 0 20px } .listbt4{ display:inline-block; padding:13px; text-decoration:none!important; color:#3f8dc1!important; border:solid 2px #3f8dc1; border-radius:3px; transition:.4s!important; margin:20px 5px 20px 0; width:100%; font-size:15px } .listbt4:hover{ background:#3f8dc1; color:#fff!important; opacity:.9!important } .listbt5{ display:inline-block; padding:13px; text-decoration:none!important; color:#599941!important; border:solid 2px #599941; border-radius:3px; transition:.4s!important; margin:20px 0 20px 5px; width:100%; font-size:15px } .listbt5:hover{ background:#599941; color:#fff!important; opacity:.9!important } .model_light_bt{ display:flex } .model_light .tbl-r01{ margin:26px auto; font-size:13px } .model_light th{ font-size:13px!important } .model_light_bt{ display:flex; width:100%; margin:-20px auto 0 } .cta_end{ display:flex; background:#0068b7 } .end_left{ width:50%; margin:20px 10px } .end_light{ width:50%; margin:20px 10px } .end_left img{ border:1px solid rgba(255,255,255,0.87) } .end_cta_title{ color:#fff; text-align:center; font-size:20px; font-weight:700; background:linear-gradient(transparent 92%,#fff 0%); width:100% } .end_cta_text{ margin:13px 0; color:#fff; font-size:14px } .listbt7{ display:inline-block; padding:9px; text-decoration:none!important; color:#fff!important; border:solid 2px #fff; border-radius:3px; transition:.4s!important; margin:0 auto; width:100%; font-size:15px; text-align:center; background:#E00087 } .listbt7:hover{ background:#ff47ae; color:#fff!important; opacity:.9!important } .cta2_title{ margin:40px 0 20px; margin-bottom:20px; margin-bottom:20px; padding:11px; background:#0068b7; color:#fff; font-size:1.6rem; font-weight:500; margin-bottom:30px } .cta_pv{ margin:40px 0 20px; padding:8px; background:#0068b7; color:#fff; font-size:16px; font-weight:500 } .cta_pv2{ margin-bottom:10px } .tekkyo2{ display:inline-block; padding:13px; text-decoration:none!important; color:#d51b1b!important; border:solid 2px #d51b1b; border-radius:3px; transition:.4s!important; margin:20px 5px 20px 0; width:100%; font-size:15px } .tekkyo_light{ width:100%; margin:0; display:contents } .pv{ margin-bottom:40px!important } @media screen and (max-width: 480px){ .modelmenu2 ul li{ display:inline-block!important; width:100%; margin:0; padding:0 0 10px 30px!important } .model-top{ display:block } .model_left{ width:100% } .model_light{ width:100%; text-align:center; margin:0 } .cta_end{ display:block; padding:20px } .end_left{ width:100%; margin:auto } .end_light{ width:100%; margin:auto } .end_cta_title{ margin-top:15px } .model_light_bt{ display:block; width:100%; margin:-20px auto 0 } .listbt4{ margin:20px auto 0 } .listbt5{ margin:20px auto } .tekkyo2{ margin:20px 5px 0 0 } } /*英語改行の調整*/ h1,h2,h3,h4,h5,ol,dl,dt,dd,div,span,a,table,tr,th,td{ word-break:break-all } /*フッター調整*/ .myintro{ color:#fff } .myname{ color:#fff } #footer-widget-area.footer_type1 .textwidget p{ font-size:17px!important } .footer-widget .textwidget img { max-width: 293px; } footer .footer-widget .widgettitle { border-color: #fff !important; } /*サイドバーのホール別機種一覧*/ .side-tab-group{ display:flex; justify-content:center } .side-tab{ flex-grow:1; height:40px; line-height:40px; list-style:none; border:1px solid #ccc; text-align:center; cursor:pointer; background:#0068b7; color:#fff; font-weight:700 } .side-tab.tab-A{ margin-right:1px } .side-tab.tab-B{ margin-left:1px } .side--group{ padding:20px 15px; border:solid 1px #ccc; border-top:none; background:#f1f1f1 } .side-{ display:none } .side-tab.is-active{ background:#f1f1f1; color:#0068b7; transition:all .2s ease-out; border:1px solid #ccc; border-bottom:1px solid #f1f1f1 } .side-.is-show{ display:block } .side--group .business-hours{ padding:10px; text-align:center; background:#c9dff0 } .side--group .business-hours span{ font-weight:700; padding-right:10px } .side-model-list li{ margin-top:3px } .side-model-list li a{ display:flex; padding:10px; align-items:center; background:#fff; color:#686868; text-decoration:none } .side-model-list li a:hover{ z-index:2; box-shadow: inset 2px 2px 0 0 #88c7ff,2px 2px 0 0 #88c7ff,2px 0 0 0 #88c7ff,0 2px 0 0 #88c7ff; *罫線マウスホバー/transition:.35s ease-in-out } .side-model-list li img{ width:40px; height:40px; margin-right:10px } .side-model-list li p{ margin:0 } /*サイドバー目次の調整*/ #sidebar #rtoc-mokuji-widget-wrapper #rtoc-mokuji-title{ margin-bottom:15px; padding:10px 15px; font-size:.95rem; border:3px double #fff!important; color:#fff; border-radius:2px; text-align:center; font-weight:500; background-color:#0068b7 !important } #sidebar #rtoc-mokuji-widget-wrapper #rtoc-mokuji-title span { display: block; margin: auto; } #sidebar #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content .rtoc-mokuji.level-1{ max-height:350px; overflow-y:auto } #sidebar.sidebar_style4 #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content{ padding:0 } #sidebar #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1{ padding-left:38px } #sidebar #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 .rtoc-mokuji.level-2 .rtoc-item.rtoc-current:after{ top:12px; left:-23px } #sidebar .rtoc-mokuji-widget-wrapper .mokuji_ul.level-2>.rtoc-item::before{ background-color:#efefef!important } .rtoc-mokuji-content .mokuji_ol > .rtoc-item .mokuji_ul > .rtoc-item::before{ left:-1.4em!important } #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item::before{ width:8px!important; height:8px!important; background-color:#efefef!important; border-radius:50%; top:5px!important; left:-23px!important } #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item:not(:first-of-type)::before{ top:14px!important } #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1::before,.widget #rtoc-mokuji-wrapper .rtoc-mokuji.level-1::before,#sideBarTracking #rtoc-mokuji-wrapper .rtoc-mokuji.level-1::before{ top:12px!important; left:18px!important } /*目次の調整*/ .rtoc-mokuji-content .rtoc-mokuji li>a:hover{ color:#ff28a2 } /*用語集の記事デザイン*/ .glossary-post .s-post .s-post-meta .s-post-date-box{ display:block; margin-bottom:3px; text-align:right } .glossary-post .s-post .s-post-meta .s-post-date-box .s-post-date{ font-size:.8rem; color:#bbb; font-weight:300; letter-spacing:1px } .glossary-post .s-post .s-post-meta .s-post-date-box .s-post-date .jin-ifont-watch:before,.glossary-post .s-post .s-post-meta .s-post-date-box .s-post-date .jin-ifont-reload:before{ font-size:.8rem; padding-bottom:4px; margin-right:-4px; vertical-align:bottom } .glossary-post .s-post-box{ padding-top:0 } .glossary-post .s-post .s-post-thumb{ margin-bottom:40px } .glossary-post .s-post .s-post-header{ padding:24px 20px 20px; border:2px solid #333; -webkit-box-shadow:0 3px 6px #000; box-shadow:0 3px 6px #000; position:relative } .glossary-post .s-post .s-post-header .s-post-cat{ position:absolute; top:-12px; left:10px } .glossary-post .s-post .s-post-header .s-post-cat a{ padding:8px 20px; border-radius:50px } .glossary-answer{ margin:40px 0; padding:50px 20px 0; background:#feffd9; border:2px solid #0068b7; -webkit-box-shadow:0 3px 6px #000; box-shadow:0 3px 6px #000; position:relative; z-index:-2 } .glossary-post .s-post h2{ min-width:214px; margin:0; padding:13px 20px 12px 94px; background:#a00601; color:#fff; position:absolute; top:-29px; left:50%; transform:translateX(-50%); border:none; border-radius:100px; font-size:20px; line-height:initial } .glossary-post .s-post h2:after{ background-image:url(https://hrvatska-rijec.com/wp-content/s/2022/03/speech-balloon2.jpg); background-repeat:no-repeat; background-size:contain; content:""; width:80px; height:80px; border-radius:50%; border:2px solid #0068b7; position:absolute; left:0; bottom:-13px } .title-box3{ margin:1em 0 2em; padding:1.5em 1em 1em; position:relative; border:1px solid #f2aa69; background-color:#fffff3 } .title-box3-title{ position:absolute; top:-.8em; left:20px; font-weight:700; font-size:1.1em; background-color:#f2aa69; color:#fff; padding:0 .5em } .title-box3 p{ margin:0; padding:0 } @media (max-width: 767px){ .glossary-post .s-post .s-post-meta .s-post-date-box .s-post-date{ font-weight:400 } .glossary-post .s-post .s-post-header{ padding:24px 15px 20px } .glossary-answer{ padding:50px 15px 0 } .title-box3 ul{ padding-left:0!important; font-size:.9em } } /*サイドバー高さ調整*/ #sidebar{ height:auto!important } /*SP検索ボタン調整*/ @media screen and (max-width: 767px){ #wrapper{ overflow:hidden } } /*【新】デモ機一覧*/ .demo-list-cont{ flex-wrap:wrap; display:flex; justify-content:space-between; align-items:top; margin-bottom:2em } .demo-list-cont section{ display:flex; width:calc(100% / 3 - 6px); margin:3px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box } .demo-list-cont section .demo-inner{ display:flex; flex-direction:column; padding:15px; background:#faf2f2 } .demo-list-cont .main_title{ flex:1; height:100%; min-height:0; margin-bottom:10px } .demo-list-cont p{ margin-top:10px; padding-bottom:0; font-size:14px } .demo-list-cont .color-button01-big,.demo-list-cont .color-button02-big{ width:100%!important } @media screen and (max-width: 700px){ .demo-list-cont{ flex-direction:column } .demo-list-cont section{ width:100%; display:block } } /*reCAPTCHA調整*/ .grecaptcha-badge{ visibility:hidden } .recaptcha{ font-size:10px; margin-bottom:0; margin-top:-35px; padding:0 0 30px; color:#b5b5b5 } /*スマホの目次内バナー見出し*/ .sdbpr{ text-align:center; margin:50px auto 20px; background:#f0d9d9; padding:10px; font-size:17px } /*記事一覧ディスクリプションの調整*/ .post-list-mag .post-list-item .post-list-inner .post-list-desc{ display:none } .s-post-main .yt iframe { border: none; } /*CTAバナー*/ .cta_bnr1 { margin-top: 30px; } .cta_bnr1 figure { margin-bottom: 0; } .cta_bnr1 img { margin-top: 0; display: block; } /*ヘッダーお知らせ調整*/ .s-info-bar a, .s-info-bar a span:after { color: #fffc6f !important; } window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4CG0XL4M28'); 3s1x3o
