@charset "UTF-8"; *, ::after, ::before { box-sizing: border-box; word-wrap: break-word; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0!important } hr { box-sizing: content-box; height: 0; overflow: visible } h1, h2, h3, h4, h5, h6 { margin: 0; } p { margin: 0; } abbr[data-original-title], abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } address { margin-bottom: 1rem; font-style: normal; line-height: inherit } dl, ol, ul { margin: 0; padding: 0; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } b, strong { font-weight: bolder } small { font-size: 80% } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: #333; text-decoration: none; background-color: transparent } a:hover { color: #666; text-decoration: underline } a:not([href]) { color: inherit; text-decoration: none } a:not([href]):hover { color: inherit; text-decoration: none } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto } figure { margin: 0 } img { vertical-align: middle; border-style: none } svg { overflow: hidden; vertical-align: middle } table { border-collapse: collapse } caption { padding-top: .75rem; padding-bottom: .75rem; color: #6c757d; text-align: left; caption-side: bottom } th { text-align: inherit } label { display: inline-block; margin-bottom: .5rem } button { border-radius: 0 } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, input { overflow: visible } button, select { text-transform: none } select { word-wrap: normal } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance: listbox } textarea { overflow: auto; resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal } progress { vertical-align: baseline } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: none } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } output { display: inline-block } summary { display: list-item; cursor: pointer } template { display: none } [hidden] { display: none!important } a img:hover { opacity: 0.8; } html, body { margin: 0; padding: 0; } .article { font-size: 16px; line-height: 170%; } div.wpcf7 input[type="file"] { max-width: 100%; } /*記事・カテゴリ中の画像を要素内に収める*/ .article img, .category-description img, .wp-caption, .hover-image { max-width: 100%; height: auto; } .aligncenter { clear: both; } .cf:after { content: ""; clear: both; display: block; } .rc-anchor.rc-anchor-invisible { display: none!important } /*---------------------- FONT ---------------------- */ body { font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, Arial, sans-serif; font-size: 14px; -webkit-text-size-adjust: 100%; background: #fff; } /*---------------------- IMAGE ---------------------- */ img { border-width: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; } /*---------------------- DISPLAY ---------------------- */ main { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 1280px; max-width: 98%; min-width: 980px; margin: 0 auto; } #main { width: calc(100% - 370px); background: #fff; padding: 1em 3%; margin: 16px .5% 16px 1%; } #right-sidebar_wrap { width: 330px; padding: 16px 0; } @media (max-width: 832px) { main { display: block; min-width: auto; } #main, #right-sidebar_wrap { width: 100%; padding: 12px; position: relative; } } @media (max-width: 640px) { main { display: block; min-width: auto; } #main, #right-sidebar_wrap { width: 100%; padding: 0; padding-right: 0; margin: 1.5em 0; position: relative; clear: both; } } .single-pressrelease #main { border: 1px solid #ccc; } .prcats { background: #f8f8f8; padding: 1em; } @media (max-width: 640px) { .single-pressrelease #main { padding: .5em; margin-top: 1em; } } /*---------------------- PAGER ---------------------- */ .pagination { list-style-type: none; padding-left: 0; text-align: center; margin: 40px 0; } .pagination li { display: inline-block; } .pagination a { font-weight: 300; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; width: 36px; height: 36px; color: #333; display: block; line-height: 36px; } .pagination li:not([class*="current"]) a:hover { background-color: #eee; } .pagination li:first-of-type a { border-left-width: 1px; } .pagination li.first span, .pagination li.last span, .pagination li.previous span, .pagination li.next span { position: absolute; top: -9999px; left: -9999px; } .pagination li.first a::before, .pagination li.last a::after, .pagination li.previous a::before, .pagination li.next a::after { display: inline-block; font-family: Fontawesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .pagination li.first a::before { content: "\f100"; } .pagination li.last a::after { content: "\f101"; } .pagination li.previous a::before { content: "\f104"; } .pagination li.next a::after { content: "\f105"; } .pagination li.current a { background-color: #ddd; cursor: default; pointer-events: none; } .pagination>li:first-child>a { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination>li:last-child>a { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } @media only screen and ( max-width: 640px) { .pagination li.first, .pagination li.last { position: absolute; top: -9999px; left: -9999px; } .pagination li.previous a { border-left-width: 1px; } } @media only screen and ( max-width: 500px) { .pagination li { position: absolute; top: -9999px; left: -9999px; } .pagination li.current, .pagination li.first, .pagination li.last, .pagination li.previous, .pagination li.next { position: initial; top: initial; left: initial; } .pagination li.previous a { border-left-width: 0; } } .entry-large-thumnail { width: 100%; height: auto; } .pagination a { margin: 0 0.45em; border: 1px solid #234; border-radius: 4px; background-color: #234; color: white; font-weight: bold; } .pagination li.current a, .pagination li:not([class*="current"]) a:hover { background-color: white; color: #234; } /*---------------------- NAVI ---------------------- */ #navis { display: none; } #navis.active { display: block; } #navis { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 9999999999; } #navis-out { position: absolute; left: 300px; top: 0; width: calc(100% - 300px); height: 100vh; background: rgba(0, 0, 0, 0.75); z-index: 99999999999; } #navis-in { position: absolute; left: 0; top: 0; overflow-y: scroll; background: #f0f4f8; width: 300px; height: 100vh; -webkit-overflow-scrolling: touch; box-sizing: border-box; } #navis-in ul {} #navis-in ul.children { padding-left: 2em; } #navis-in li {} #navis-in li a { display: inline-block; background: #fff; padding: 0.5em 1em; border-radius: 0.5em; margin: 1px; margin-left: 1em; position: relative; transform: translateX(8px); color: #333; } #navis-in ul.children a {} #navis-in li a:before { content: ""; position: absolute; top: 50%; left: -12px; margin-top: -6px; border: 6px solid transparent; border-right: 6px solid #fff; } #navis-in li a:hover { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .right-menu_widget_title { background: #234; color: #fff; display: block; padding: 0.5em 1em; position: relative; border-radius: 0.5em; margin: 0.5em; } .right-menu_widget_title:before { content: ""; position: absolute; top: 50%; left: -12px; margin-top: -6px; border: 6px solid transparent; border-right: 6px solid #234; } a.righttopicons1 { position: absolute; top: 10px; right: 20px; height: 25px; line-height: 25px; min-width: 40px; margin: 0; display: inline-block; text-align: center; color: #fff; opacity: 0.7; font-size: 85%; } a.righttopicons1:hover { opacity: 0.9; } a.righttopicons2 { position: absolute; top: 35px; right: 20px; height: 25px; line-height: 25px; min-width: 40px; margin: 0; display: inline-block; text-align: center; color: #fff; opacity: 0.7; font-size: 85%; } a.righttopicons2:hover { opacity: 0.9; } @media (max-width: 640px) { a.righttopicon1 { top: 0; right: 8px; height: 32px; line-height: 48px; width: 40px; margin: 0; } a.righttopicons1 { top: 2px; right: 8px; height: 44px; line-height: 48px; min-width: 40px; margin: 0; font-size: 11px; } a.righttopicons2 { /*top:22px;right:8px;height:16px;line-height:24px;min-width:40px;margin:0;font-size:11px;*/ display: none; } span.righttopicon2 { top: 0; right: 0; height: 32px; line-height: 48px; width: 40px; margin: 0; } div.righttopicons { height: 48px; line-height: 48px; padding: 0 40px; width: calc(100% - 80px); } span.righttopicon3 { line-height: 5em; } } /*---------------------- FOOTER ---------------------- */ #footer { background: #234; } #footer-in {} /*1164px*/ #footer-widget { max-width: 1280px; margin: 0 auto; overflow: hidden; font-size: 16px; line-height: 2; } #footer-widget .footer-left, #footer-widget .footer-center, #footer-widget .footer-center2, #footer-widget .footer-right { width: 21%; margin: 0 1%; float: left; padding: 2em 0 0 0; } #footer-widget .footer-left { width: 29%; } @media (max-width: 1024px) { #footer-widget { margin: 0 auto 1.5em; } #footer-widget .footer-left, #footer-widget .footer-center, #footer-widget .footer-center2, #footer-widget .footer-right { width: 48%; margin: 0 1%; float: left; padding: 1.5em 0 0 0; } } @media (max-width: 640px) { #footer-widget { margin: 0 auto 1em; } #footer-widget .footer-left, #footer-widget .footer-center, #footer-widget .footer-center2, #footer-widget .footer-right { width: 95%; margin: 0 2.5%; float: none; padding: 1em 0 0 0; } } #footer-widget h3 { background: #234; color: #fff; text-align: center; padding: 0.5rem 0; margin: 0.5rem 0; } #footer-widget a { display: block; color: #333; padding-left: 1em; height: 2.5em; line-height: 2.5em; overflow: hidden; } #footer-widget a:hover { background: rgba(255, 255, 255, 0.2); } .ptnlogowrap { overflow: hidden; } #footer-widget a.ptnlogo { padding-right: 6px; padding-left: 6px; height: auto; line-height: 1; overflow: hidden; margin: .5em 2%; text-align: center; width: calc(46% - 12px); float: left; } #footer-widget a.ptnlogo .ptnlogoimg { display: block; margin: 0 auto; width: 100%; } #footer-widget a.ptnlogotxt { color: #4b9ed9; border: 1px solid #4b9ed9; text-align: center; margin: 1em 2.5em 0; font-size: 80%; padding: 0; } #copyright { background: #234; color: #fff; text-align: center; padding: 3em 0 128px; } #copyright .credit { font-size: 12px; color: #fff; } #copyright .credit a { color: #fff; } #copyright #footer-navi ul.snsp {} #copyright #footer-navi ul.snsp li { display: inline-block; margin: 0 0.5em; } #copyright #footer-navi ul.snsp li a { color: #fff; font-size: 32px; border-radius: 4px; } #copyright #footer-navi ul.snsp li a:hover { background: rgba(255, 255, 255, 0.1); } .grecaptcha-badge { visibility: hidden; } @media (max-width: 640px) { #copyright { background: #234; color: #fff; text-align: center; padding: 3em 0 7em; } } /*---------------------- pagetop ---------------------- */ #page-top { position: fixed; display: none; right: 10px; bottom: 10px; } #page-top a { color: #fff; padding: 7px; text-decoration: none; display: block; cursor: pointer; text-align: center; background-color: rgba(0, 0, 0, 0.5); line-height: 100%; border-radius: 4px; font-size: 11px; } @media (max-width: 1164px) {} @media (max-width: 1024px) {} @media (max-width: 640px) {} /************************************ ** パンくずリスト(Breadcrumb) ************************************/ #breadcrumb { color: #777; font-size: 13px; margin: 2em 0; } div#breadcrumb div { display: inline; } #breadcrumb span.sp { margin: 0 10px; } #breadcrumb a { text-decoration: none; color: #777; } /*以下のパンくずスタイルは、いずれ削除*/ #breadcrumb ul { margin: 0; padding: 0; list-style: none; } #breadcrumb ul li { display: inline; } #breadcrumb ul li span.sp { margin: 0 10px; } #breadcrumb ul li a { text-decoration: none; color: #777; } /************************************ ** SNSシェアボタン ************************************/ #sns-group { clear: both; } ul.snsb { padding: 10px 0; width: 100%; margin-bottom: 0; font-family: sans-serif; } .snsb li { float: left; list-style-type: none; margin-right: 7px; margin-top: 2px; margin-bottom: 5px; } ul.snsbs li { margin-right: 5px; margin-bottom: 5px; } ul.snsbs li a { color: #fff; text-decoration: none; font-size: 25px; background-color: #000; display: block; padding: 7px 6px 3px 6px; border-radius: 5px; width: 25px; height: 30px; position: relative; text-align: center; } ul.snsbs li a .social-count { font-size: 10px; background-color: #555; width: auto; padding: 1px 3px; border-radius: 5px; position: absolute; display: inline-block; right: 0; bottom: 0; height: 12px; line-height: 12px; font-family: Arial; } ul.snsbs a.twitter-btn-icon-link { background-color: #55acee; } ul.snsbs a.facebook-btn-icon-link { background-color: #3b5998; } ul.snsbs a.google-plus-btn-icon-link { background-color: #dd4b39; } ul.snsbs a.hatena-btn-icon-link { background-color: #3C7DD1; } ul.snsbs a.pocket-btn-icon-link { background-color: #EE4257; } ul.snsbs a.line-btn-icon-link { background-color: #00c300; } ul.snsbs a.evernote-btn-icon-link { background-color: #51b125; } ul.snsbs a.feedly-btn-icon-link { background-color: #87bd33; } ul.snsbs a.push7-btn-icon-link { background-color: #eeac00; } ul.snsbs a.comments-btn-icon-link { background-color: #555; padding-top: 4px; padding-bottom: 6px; } .snsbs li a:hover { opacity: 0.7; } .snsbs li img { border-radius: 10px; } img.line-btn-img { height: 62px; } img.line-btn-img-mini { display: none; } img.evernote-btn-img { min-height: 62px; } img.evernote-btn-img-mini { display: none; } .sns-group { overflow: hidden; } .sns-group-viral ul.snsb { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .sns-group-viral ul.snsb li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 49%; margin: 0 0.5%; } .sns-group-viral ul.snsb li a { /*width: 150px;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 45px; border-radius: 3px; margin-bottom: 5px; text-align: center; font-size: 16px; line-height: 35px; } .sns-group-viral ul.snsbs li a .social-count { font-size: 12px; bottom: 2px; right: .5em; font-weight: bold; background-color: transparent; } .sns-group-viral .social-icon:after { margin-left: 7px; position: relative; top: -2px; font-family: arial; } .sns-group-viral .fa-comment:after { top: 0; } .sns-group-viral .icon-twitter:after { content: 'Twitter'; } .sns-group-viral .icon-facebook:after { content: 'Facebook'; } .sns-group-viral .icon-googleplus:after { content: 'Google+'; } .sns-group-viral .icon-hatena:after { content: 'Hatena'; } .sns-group-viral .icon-pocket:after { content: 'Pocket'; } .sns-group-viral .icon-line:after { content: '最速情報はLINE登録'; } .sns-group-viral .icon-evernote:after { content: 'Evernote'; } .sns-group-viral .icon-feedly:after { content: 'Feedly'; } .sns-group-viral .icon-push7:after { content: 'Push'; } .sns-group-viral .fa-comment:after { content: 'Comment'; } .telegram-logo2:before { content: ""; background: url(img/telegram.png) no-repeat 50% 50%; background-size: 100%; display: inline-block; width: 17px; ; height: 17px; } .telegram-logo2:after { content: "Telegram"; margin-left: 7px; position: relative; top: -2px; font-family: arial; } @media (max-width: 640px) { .sns-group-viral ul.snsb li a { font-size: 14px; } } /************************************ ** SNSページフォロー ************************************/ #sidebar ul.snsp, #main ul.snsp, #footer ul.snsp { padding-left: 0; text-align: center; } .sns-follow-msg { margin: 8px 0 0 0; font-size: medium; } .sns-share-msg { margin-bottom: -20px; font-size: medium; } #header .sns-follow-msg { display: none; } ul.snsp { list-style: none; padding-left: 0; margin: 10px 0 15px; } ul.snsp li { display: inline; margin-right: 5px; } ul.snsp li a { font-size: 19px; line-height: 170%; text-decoration: none; } /*Facebookコメント欄が表示されない不具合修正*/ .fb-like iframe { max-width: none; } /*アイコフォントの大きさ*/ ul.snsp li { display: inline-block; margin-right: 3px; margin-left: 0 !important; } ul.snsp li a { text-decoration: none; } ul.snsp li a span { display: block; font-size: 33px; width: 33px; height: 33px; overflow: hidden; border-radius: 4px; background-color: #666; color: #fff; } /*feedly、LINEアイコンは自作なので少し大きかったので調整*/ ul.snsp li a span.icon-feedly-square, ul.snsp li a span.icon-line-square, ul.snsp li a span.icon-push7-square, ul.snsp li a span.icon-hatebu-square { font-size: 34px; position: relative; } #sns-group ul.snsp li a:hover { color: #fff; } .icon-twitter:before { content: ""; background: url(img/twitter.png) no-repeat 50% 50%; background-size: 100%; display: inline-block; width: 1em; height: 1em; } .icon-facebook:before { content: ""; background: url(img/facebook.png) no-repeat 50% 50%; background-size: 100%; display: inline-block; width: 1em; height: 1em; } .icon-twitter-logo:before { content: ""; background: url(img/twitter.png) no-repeat 50% 50%; background-size: 75%; display: inline-block; width: 33px; height: 33px; } .icon-facebook-logo:before { content: ""; background: url(img/facebook.png) no-repeat 50% 50%; background-size: 75%; display: inline-block; width: 33px; height: 33px; } .icon-youtube-logo:before { content: ""; background: url(img/youtube.png) no-repeat 50% 50%; background-size: 75%; display: inline-block; width: 33px; height: 33px; } .icon-line-logo:before { content: ""; background: url(img/line.png) no-repeat 50% 50%; background-size: 75%; display: inline-block; width: 33px; height: 33px; } .icon-telegram-logo:before { content: ""; background: url(img/telegram.png) no-repeat 50% 50%; background-size: 75%; display: inline-block; width: 33px; height: 33px; } .icon-feedly-logo:before { content: ""; background: url(img/feedly.png) no-repeat 50% 50%; background-size: 75%; display: inline-block; width: 33px; height: 33px; } .icon-rss-logo:before { content: ""; background: url(img/rss.png) no-repeat 50% 50%; background-size: 75%; display: inline-block; width: 33px; height: 33px; } .fa-angle-double-up:before{ content: ""; background: url(img/toup.png) no-repeat 50% 50%; background-size: 95%; display: inline-block; width: 20px; height: 20px; } ul.snsp li.twitter-page a span:hover { background-color: #55acee; } ul.snsp li.facebook-page a span:hover { background-color: #3b5998; } ul.snsp li.google-plus-page a span:hover { background-color: #dd4b39; } ul.snsp li.instagram-page a span:hover { background-color: #3f729b; } ul.snsp li.hatebu-page a span:hover { background-color: #008fde; } ul.snsp li.tele-page a span:hover { background-color: #008fde; } ul.snsp li.pinterest-page a span:hover { background-color: #cc2127; } ul.snsp li.youtube-page a span:hover { background-color: #e52d27; } ul.snsp li.flickr-page a span:hover { background-color: #1d1d1b; } ul.snsp li.feedly-page a span:hover { background-color: #87bd33; } ul.snsp li.push7-page a span:hover { background-color: #eeac00; } ul.snsp li.line-page a span:hover { background-color: #00c300; } ul.snsp li.rss-page a span:hover { background-color: #fe9900; } ul.snsp li.feedly-page a img { margin-bottom: -3px; width: 32.5px; height: 32.5px; border-radius: 7px; border-width: 0px; } /* ------------- header ------------- */ article.article h1, article.article h2, article.article h3, article.article h6 { margin: 2em 0 1.5em -6px; background-color: transparent; border: none; display: table; padding: .3em 0 !important; position: relative; } article.article h1 { color: #111; font-size: 26px; } article.article h2 { font-size: 23px; color: #345; font-weight: bold; } article.article h3 { font-size: 21px; border-bottom: 2px solid #678; color: #345; font-weight: bold; } article.article h6 { color: #345; font-size: 18px; font-weight: bold; } article.article h6:before { content: ":"; font-weight: bold; color: #345; font-size: 18px; margin-left: -6px; } article.article h4 { font-size: 20px; color: #345; font-weight: bold; margin: 2em auto 1.5em -6px; background-color: transparent; position: relative; display: block; padding: 0 0 0 55px !important; border: none; } article.article h4:before { /* , article.article h4:after */ content: ''; position: absolute; top: calc(50% - 2px); display: inline-block; width: 45px; height: 2px; border-top: solid 1px #678; border-bottom: solid 1px #678; } article.article .entry-content h4:after { content: ""; } article.article h4:before { left: 0; } article.article h4:after { left: calc(100% - 45px); } article.article h5 { font-size: 20px; color: #345; font-weight: bold; margin: 3em 0 2em -8px; background-color: transparent; position: relative; display: inline-block; padding: 0 0 0 55px; } article.article h5:before { content: ''; position: absolute; top: 50%; display: inline-block; width: 45px; height: 1px; background: #345; } article.article h5:before { left: 0; } article.article h5:after { right: 0; } @media only screen and ( max-width: 640px) { article.article h1, article.article h2, article.article h3, article.article h4, article.article h5, article.article h6 { margin-left: 0; } } h1#archive-title { margin: 1em auto; font-size:1.75em; } @media only screen and ( max-width: 640px) { h1#archive-title { font-size:1.4em; } } article.article header .entry-title { color: #000; margin: .5em 0 1.5em; text-align: left; border-bottom: none; display: block; line-height: 1.4; } article.article p { margin: 1em .5em; } /* article.article img:nth-child(1){display:block;margin:1.5em auto;} */ @media only screen and ( max-width: 640px) { article.article header .entry-title { font-size: 23px; line-height: 1.2; text-align: left; margin: 1em 0 .5em; } } /************************************ ** メインカラム(#main、記事、固定ページなど) ************************************/ #main .post, #main .page { margin-bottom: 0; } .sticky { /* 先頭固定ポストのスタイル */ } article.article p.post-meta, .post-meta { margin: 0 0 0.5em; line-height:1.5; padding:.5em 0 .4em; text-align: right; background-color: #F7F7F7; color: #555; font-size: 14px; overflow: hidden; } /* article.article p.post-meta2, .post-meta2 { margin: 0 0 0; padding-left:1em; text-align: left; background-color: #F7F7F7; color: #555; font-size: 14px; overflow: hidden; } */ .post-auther { float: left; margin-left: .5em; } .post-meta .post-date, .post-meta .post-update, .post-meta .category, .post-meta .comments, .post-meta .edit, .footer-post-meta .post-tag, .footer-post-meta .post-author, .footer-post-meta .edit { padding-right: 0.7em; } .comment-num { white-space: nowrap; } .footer-post-meta { text-align: right; color: #555; font-size: 16px; clear: both; } .article-list .footer-post-meta { margin-top: 30px; } .more-link { clear: both; display: block; margin-bottom: 30px; text-align: right; margin-top: 15px; } /*タグが入っていない場合は非表示*/ #list .post .footer-post-meta:empty, #list .post .footer-post-meta .post-tag:empty { display: none; } @media (max-width: 640px) { .post-meta { margin-bottom: 0.5em; text-align: right; background-color: #F7F7F7; color: #555; font-size: 11px; line-height: 1.75; } .post-meta .category { display: inline-block; float: right; margin-top: .5em; } .post-meta .post-auther { display: inline-block; float: left; margin-top: .5em; } .post-meta .post-date { display: inline-block; float: right; clear: both; margin-bottom: .25em; } .post-meta .post-update { display: inline-block; float: left; margin-bottom: .25em; } .post-auther { margin-left: 0; } .post-update { padding-left: .5em; } } /* ---- media sitelist ---- */ .sitelist { overflow: hidden; margin-bottom: 5em; } .sitelist a.crpin { width: 28%; padding: 1em 0.5em 1em; margin: 2em 2.5%; float: left; } .sitelist a.crpin:hover { text-decoration: underline; } @media (max-width: 640px) { .sitelist a.crpin { width: 44%; padding: .5em 0.5em .5em; margin: 1.5em 2.5%; float: left; } } .widget-column-bottom h3 { text-align: center; } .widget-column-bottom .textwidget { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; } a.crpin { width: 20%; display: block; text-align: center; padding: .5em; box-sizing: border-box; font-size: 16px; height: 180px; margin: .5em 0; color: #678; } a.crpin:hover { color: #234; } a.crpin img { width: 64%; margin-bottom: 0; } a.crpin .crpimg { height: calc(180px - 3em); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: .5em; } a.crpin .crpnm { height: 2em; line-height: 1em; } a.crpin .crpimg img { max-height: 100%; max-width: 100%; width: auto; } a.crpin:hover img { opacity: 0.8; } @media screen and (max-width: 800px) { a.crpin { width: 34%; } } @media screen and (max-width: 640px) { a.crpin { width: 48%; } } .cptopimage { width: 37%; margin: 0 0 1em 3%; float: right; } /*---------------------- SIDE ---------------------- */ .prfooter-prlist2 h3, #relatedkiji h2, .right-sidebar_title { border-bottom: 2px solid #C7C7C7; font-size: 20px; font-weight: bold; padding: .35em .5em; margin: 1.5em 0 0; } /* .topmains-rights .right-sidebar_title{margin:0 0 0.5em;} .right-sidebar_title span{color:#fff;} */ #right-sidebar_wrap-cont { max-width: 330px; } @media only screen and ( max-width: 1024px) { #right-sidebar_wrap-cont { max-width: 100%; } } .r-wpp ul.wpp-list { counter-reset: number; list-style: none; } .r-wpp ul.wpp-list li { position: relative; } .r-wpp ul.wpp-list li:after { content: ""; clear: both; display: block; } .r-wpp ul.wpp-list li:before { position: absolute; content: counter(number); counter-increment: number; text-align: center; font-weight: bold; line-height: 26px; width: 24px; height: 24px; color: #fff; background-color: #136689; border-radius: 50%; left: -10px; top: 2px; } .r-wpp ul.wpp-list li { background: white; margin: 8px 12px; padding: 8px 8px 4px 18px; overflow: initial; } .r-wpp ul.wpp-list li a { font-size: 16px; display: block; color: #555; text-decoration: none; } .r-wpp ul.wpp-list li .r-wpp-date { font-size: 12px; display: block; text-align: right; color: #aaa; font-weight: bold; } .r-wpp ul.wpp-list li .r-wpp-cate { color: #fff; } .r-wpp ul.wpp-list li .r-wpp-cate a { float: right; color: #fff; background: #39e; font-size: 96%; font-weight: bold; padding: 0 0.25em; } .intv-list a { display: block; background: white; margin: 0.5em 0.5em 1em; padding: 0; text-decoration: none; padding-bottom: 0.3em; } .intv-list a img { width: 100%; } .intv-list a h5 { color: #333; margin: 0; padding: 0 0.5em; font-size: 15px; } .intv-list a:hover h5 { color: #000; } a.intv-link { display: block; background: #234; color: #fff; text-decoration: none; padding: 0.75em 0; width: 96%; margin: 0.75em auto 0; border-radius: 0.5em; text-align: center; } a.intv-link:hover { background: #468; } #tweets { max-height: 512px; width: 92%; margin: 0 auto; overflow-y: scroll; overflow-x: hidden; } a#tweetsbot { display: block; background: #234; color: #fff; text-decoration: none; padding: 0.75em 0; width: 96%; margin: 0.75em auto 0; border-radius: 0.5em; text-align: center; } a#tweetsbot:hover { background: #468; } /* 2019-03-27 momoken */ @media screen and (max-width : 640px) { .sp-core-img { width: 50% !important; } .sp-core { width: 100% !important; height: 100% !important; } .sp-core-body { width: 50% !important; padding-left: 15px !important; } } /* .wpp-core { width: 100%; background-color: rgb(255, 255, 255); box-sizing: border-box; overflow: hidden; padding: 0 4px 8px 0; position: relative; float: left; min-height:5em; } */ .wpp-core { background-color: rgb(255, 255, 255); margin: 8px 4px; padding: 8px 4px 4px; } .wpp-core-body-full a { display: block_; color: #555; font-weight: bold; font-size: 16px; } .wpp-core-body-full-date { display: block; text-align: right; color: #136689; font-weight: bold; font-size: 12px; padding: 0; } .wpp-core-img { width: 50%; overflow: hidden; float: left; box-sizing: border-box; } .wpp-core-body { width: 50%; padding: 0 0 0 4px; box-sizing: border-box; overflow: hidden; line-height: 1.2em; height: 3.5em; } .wpp-core-title { color: rgb(51, 51, 51); font-size: 16px; max-height: 80px; overflow: hidden; } .wpp-core-title-anchor { font-size: 14px; font-weight: bold; text-decoration: none; width: 100%; height: 100%; color: inherit; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .wpp-core-ad-pill { width: 100%; /* bottom: 6px; */ white-space: nowrap; display: inline-block; /* position: absolute; */ } @media screen and (min-width: 640px) and (max-width: 1024px) { .wpp-core { width: 190px; padding-left: 6px; /* margin-right:calc(calc(100% - calc( 190px * 3)) / 3); */ } .wpp-core-body { width: 190px; padding: 6px 0 0 0; height: 80px; } .wpp-core-img { width: 190px; height: 90px; } .wpp-core-ad-pill { width: 190px; } } @media screen and (min-width: 1025px) { .wpp-core-img { width: 40%; } .wpp-core-body { width: 60%; } .wpp-core-title-anchor { font-size: 13px; -webkit-line-clamp: 3; } } .r-wpp { counter-reset: momo-wpp-rank; background-color: rgb(255, 255, 255); width: 100% !important; max-height: 100%; max-width: 100%; overflow: hidden; padding: 1em 0 !important; } .r-wpp div.wpp-core-img::before { counter-increment: momo-wpp-rank; content: counter(momo-wpp-rank); z-index: 1; position: absolute; top: 0; left: 0; width: 1.13em; padding-left: 5px; background: #136689; color: white; font-weight: bold; border-radius: 50%; } /* .r-wpp div.wpp-core-body-full::before { counter-increment: momo-wpp-rank; content: counter(momo-wpp-rank); z-index: 1; position: relative; top: 0; left: 0; width: 1em; padding: 2px 4px; background: #136689; color: white; font-weight: bold; border-radius: 50%; display:inline-block; text-align:center; } */ /* momoken ここまで */ .prfooter-prlist, .prfooterdiv { padding: .75em .75em .25em; margin-top: 1em; border: 1px solid #ccc; overflow: hidden; background: #fff; } .prfooter-prlist h3, .prfooterdiv h5 { padding: .5em; border-bottom: 2px solid #36a; margin-bottom: 1em; } .column-style .prfooter-prlist h3, .column-style .prfooterdiv h5 { padding: .5em; border-bottom: 2px solid #234; } .column-style #header-in { max-width: 1100px; margin: 0 auto; } .column-style #header-in #site-title { text-align: center; } .prfooterdiv p { padding: 0 1em; } .prfooterdiv p a.prfootertag { padding: .5em; margin: .25em; border: 1px solid #ccc; color: #666; display: inline-block; } .prfooterdiv p a.prfootertag:hover { background: #f8f8f8; } /* #right-sidebar_wrap-cont{ background:#fff; overflow: hidden; padding:.75em; } */ .prcorplists { margin-bottom: 1.5em; border: 1px solid #ccc; padding: 1.5em; background: #fff; } .prcorplistlogo { text-align: center; min-height: 8em; display: flex; align-items: center; } .prcorplistlogo img { margin: 0 auto; } .prcorplistcp { margin: 0 0; } .prcorplist { padding: .5em .25em; margin: .25em 0; border-bottom: 1px solid #ccc; word-break: break-all; } .prcorplist a { color: #111; } .prcorplist a:hover { color: #2098A8; } .prcorplist span { background: #666; color: #fff; padding: 4px; font-size: 88%; margin-right: .75em; border-radius: 2px; } .prcorplistcp a { display: block; text-align: center; padding: .5em .25em; border: 1px solid #ccc; } .column-style .prcorplistcp a { color: #234; } .column-style .prcorplistcp a:hover { color: #c03; } .pr-related-entry-thumbnail, .prlist-related-entry-thumbnail, .prside-related-entry-thumbnail { overflow: hidden; } .pr-related-entry-thumbnail a, .prlist-related-entry-thumbnail a, .prside-related-entry-thumbnail a {} .pr-related-entry-thumb, .prlist-related-entry-thumb, .prside-related-entry-thumb { width: 152px; height: 80px; background: #f6f8fa; float: left; text-align: center; border: 1px solid #f0f0f0; margin-right: 1em; overflow: hidden; } .prside-related-entry-thumb { width: 60px; height: 60px; margin: 8px 8px 0 0; } .pr-thumbnail-entry-thumb-image, .prlist-thumbnail-entry-thumb-image, .prside-thumbnail-entry-thumb-image { width: auto; height: 100%; max-width: unset; } .pr-related-entry-content, .prlist-related-entry-content, .prside-related-entry-content { /*width:calc( 100% - 160px );float:right;*/ overflow: hidden; } .prside-related-entry-content { display: inline; /*width:calc( 100% - 68px );*/ } .pr-related-entry-content a, .prlist-related-entry-content a, .prside-related-entry-content a { display: block; padding: 4px 0 0; } .pr-related-entry-title, .prlist-related-entry-title, .prside-related-entry-title { font-size: 16px; } .pr-related-entry-title:hover, .prlist-related-entry-title:hover, .prside-related-entry-title:hover { color: #a40; } .pr-related-entry-content-cat, .prlist-related-entry-content-cat, .prside-related-entry-content-cat { font-size: 82%; text-align: right; } .pr-related-entry-content-cat a, .prlist-related-entry-content-cat a, .prside-related-entry-content-cat a { display: inline-block; padding: 0.25em; border: 1px solid #2098A8; margin: 4px 0; color: #2098A8; } .pr-related-entry-content-cat a:hover, .prlist-related-entry-content-cat a:hover, .prside-related-entry-content-cat a:hover { background: #2098A8; color: #fff; } .pr-related-entry-content-date, .prlist-related-entry-content-date, .prside-related-entry-content-date { font-size: 92%; text-align: right; margin: 4px 0; color: #666; } .prlist-related-entry-content { overflow: hidden; } .prlist-related-entry-content-cat { display: inline-block; float: right; } .prlist-related-entry-content-date { display: inline-block; float: left; line-height: 2; } .prlist-related-entry-thumbnail { margin: 1.5em 0; } .prside-related-entry-content { overflow: hidden; margin-top: 1.5em; } .prside-related-entry-content-cat { display: inline-block; float: right; clear: both; } .prside-related-entry-content-date { display: inline-block; float: left; line-height: 2; margin-bottom: 1.5em; } @media (max-width: 640px) { .pr-related-entry-thumb, .prlist-related-entry-thumb, .prside-related-entry-thumb { width: 80px; height: 80px; } .pr-related-entry-content, .prlist-related-entry-content, .prside-related-entry-content { width: calc( 100% - 100px); } .pr-related-entry-title, .prlist-related-entry-title, .prside-related-entry-title { font-size: 100%; } } .prcatdisc { overflow: hidden; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } .prcatdisc-in1 { width: 30%; padding: 1em; border: 1px solid #ccc; } .prcatdisc-sp { width: 2%; } .prcatdisc-in2 { width: 68%; padding: 0 1em; border: none; font-size: 96%; } .prcatdisc-in2 div:last-child { border-bottom: none; } .prcatdisc-in3 { margin: 0 1em 1em; } @media (max-width: 640px) { .prcatdisc { display: block; } .prcatdisc-sp { display: none; } .prcatdisc-in1, .prcatdisc-in2 { width: calc( 100% - 2em - 2px); margin-bottom: .5em; } .prcatdisc-in1 .prcorplistcp { margin-bottom: 0; } .prcatdisc-in2 { border: none; } .sidebar_pr_wrap .prcorplists { display: none; } } .apcform .prform-block { margin: 1em 0; } .apcform .prform-block p { margin: 0.5em 1em 0; font-size: 82%; color: #567; line-height: 1.5; } .prform-block-txt { font-weight: bold; } .prform-block-info { border: 1px solid #abc; padding: 1em 1em 0; margin: 2em 0; } .prform-block-h { font-weight: bold; text-align: center; } .hkblock { display: block; padding: 0.2em; border-radius: 0.2em; border: 3px solid #7ad; overflow: hidden; } a.hkblock:hover { background: #f6f8fa; } .hkblock_h { background: #69c; color: #fff; text-align: center; padding: 0.5em 0; } .hkblock_set { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; padding: 1em 0; } .hkblock_t { width: 72%; color: #777; padding: .75em 0 0 .5em; line-height: 1.28; } .hkblock_t2 { width: 90%; margin: 0 auto; background: #69c; border-bottom: 3px solid #46a; border-radius: 0.5em; margin: 1em auto .5em; padding: 0.25em 0; text-align: center; color: #fff; font-weight: bold; } .hkblock_t2:hover { border-bottom: none; border-top: 3px solid #f6f8fa; } .hkblock_i { width: 28%; text-align: center; padding: .75em 4px 4px; } .hkblock_i img { width: 100%; max-width: 138px; } select.wpcf7-select { height: 2.25em; margin: 0 0 0.5em 0.5em; width: calc(100% - 1em); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; border: 1px solid #ccc; } .apcform input.wpcf7-date { height: 2.25em; margin: 0 0 0.5em 0.5em; width: calc(100% - 1em); background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #333; font-size: 16px; line-height: 1.42857; padding: 6px 12px; box-sizing: border-box; } .prbtlist { text-align: right; margin-top: .5em; } .prbtlist a.prbtlista { color: #a5b9c6; padding: 4px 1.5em; border: 1px solid #e0e9ee; } .prbtlist a.prbtlista:hover { background: #e0e9ee; } .prbtlist span.prbtlists { background: #a5b9c6; color: #fff; padding: 4px 1.5em; border: 1px solid #a5b9c6; } p.footer-post-meta { margin: 1.5em 0 2em; } #sns-group { overflow: hidden; } /* .pressrelease article.article header { background-color: #e26913; } .pressrelease .entry-content h2 { background-color: #e26913; } .pressrelease .entry-content h3 { border-left: 5px solid #e26913; } */ #header-area_wrap { padding: 1em; background: #e0e8ef; background: #fff; z-index: 999; } /* wrappers.css */ #sub-menu-main { width: 100%; overflow: hidden; background-color: #39e; color: white; font-weight: bold; } #sub-menu-main .selecteds { background-color: #fff; color: #39e; } #sub-menu-main #sub-menu-bot1, #sub-menu-main #sub-menu-bot2, #sub-menu-main #sub-menu-bot3, #sub-menu-main #sub-menu-bot4 { float: left; width: 25%; text-align: center; padding: 0.5em 0; box-sizing: border-box; cursor: pointer; } #sub-menu-main #sub-menu-bot1, #sub-menu-main #sub-menu-bot2, #sub-menu-main #sub-menu-bot3 { border-right: 1px solid white; } #sub-menu-1, #sub-menu-2, #sub-menu-3, #sub-menu-4 { background: white; padding: 0.8em 1.5em 0.5em; overflow: hidden; display: none; position: relative; } #sub-menu-1 a, #sub-menu-2 a, #sub-menu-3 a, #sub-menu-4 a { display: block; float: left; width: 50%; text-decoration: none; } #sub-menu-1 a:before, #sub-menu-2 a:before, #sub-menu-3 a:before, #sub-menu-4 a:before { font: normal normal normal 20px FontAwesome; content: "\f0da"; color: #39e; margin-right: 0.3em; } .sub-menu-close { font-size: 14px; position: absolute; top: 0.5em; right: 0.5em; color: #39e; cursor: pointer; } @media screen and (max-width:699px) { #sub-menu-main { font-size: 70%; } #sub-menu-1 a, #sub-menu-2 a, #sub-menu-3 a, #sub-menu-4 a { width: 100%; } } #mobile-menu a { color: #39e; text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px; } body.category #new_entries-4, body.category #text-7 { display: none; } div.up { width: 100%; padding: 6px 0 0; height: 66px; background: #fff; overflow: hidden; word-wrap: break-word; text-align: center; line-height: 1; border-radius: 0.4em; } div.up img { width: 24px; height: auto; } div.up span { font-size: 88%; display: block; height: 1.2em; line-height: 1.2; overflow: hidden; white-space: nowrap; } div.up .l { color: #666; font-size: 80%; margin-bottom: 2px; } div.up .p { font-weight: bold; } div.up .c { color: #04f; } div.up .p:before { content: "¥"; } div.up .cm { color: #f20; } #favcoin { font-size: 12px; overflow: hidden; background: #39e; border-radius: 0.4em; padding: 4px 12px; } #favcoin div.up { float: left; width: 23%; margin: 0 1%; height: 46px; overflow: hidden; } #favcoin div.up p { float: left; width: 33%; padding: 0; margin: 0; text-align: center; } #favcoin div.up span { float: right; width: 58%; font-size: 92%; height: 1.3em; line-height: 1.3; text-align: left; } #favcoin div.up p img { float: right; width: 40px; height: 40px; } @media screen and (max-width:699px) { #favcoin { font-size: 12px; overflow: hidden; background: #39e; border-radius: 0.4em; padding: 4px 12px; } #favcoin div.up { float: left; width: 23%; margin: 0 1%; height: 69px; overflow: hidden; text-align: center; } #favcoin div.up p { width: 100%; float: none; padding: 0; margin: 0; text-align: center; } #favcoin div.up span { float: none; width: 100%; font-size: 90%; height: 1.3em; line-height: 1.3; text-align: center; } #favcoin div.up p img { float: none; width: 20px; height: 20px; } } #text-7 .widget-index-top-title, #text-17 .widget-index-top-title, #text-11 .widget-index-top-title { display: none; } .entry-large-thumbnail { background-size: cover; position: relative; z-index: 0; overflow: hidden; } #main .widgets { margin-top: 0px; margin-bottom: 20px; } #mobile-menu1 { width: 40px; height: 40px; position: absolute; right: 12px; top: 4px; line-height: 40px; text-align: center; z-index: 99999999; } #mobile-menu1.on { position: fixed; z-index: 99999999; } #mobile-menu2 { width: 40px; height: 40px; position: absolute; left: 8px; top: 4px; line-height: 40px; text-align: center; z-index: 99999; } #mobile-menu2.on { position: fixed; z-index: 99999999; } .fixed { position: fixed; width: 100%; height: 100%; overflow-y: scroll; } #mobile-menu1, #mobile-menu2 { color: #39e; text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 2px 0px 1px #fff, -2px 0px 1px #fff, 0px -2px 1px #fff, 0px 2px 1px #fff; } .category-description { background-color: transparent; border: none; margin: 1em 0.5em; padding: 0; border-radius: 0; } .category-description .sec { background-color: #fff; border-radius: 0.5em; padding: 0.75em 1em; } .category-description .link { overflow: hidden; } .category-description .link a:nth-child(odd) { display: block; background: #39e; color: #fff; padding: 0.2em 0 0.2em 1.5%; margin: 0.4em 0 0 0; border-radius: 1em; font-weight: bold; text-decoration: none; width: 48%; float: left; } .category-description .link a:nth-child(even) { display: block; background: #39e; color: #fff; padding: 0.2em 0 0.2em 1.5%; margin: 0.4em 0 0 0; border-radius: 1em; font-weight: bold; text-decoration: none; width: 48%; float: right; } @media screen and (max-width:699px) { .category-description .link a:nth-child(odd), .category-description .link a:nth-child(even) { display: block; background: #39e; color: #fff; padding: 0.2em 0 0.2em 2%; margin: 0.4em 0 0; border-radius: 1em; font-weight: bold; text-decoration: none; width: 98%; float: none; } } .category-description .link a:hover { background-color: #26a; } /* 取扱通貨リスト */ ul.single-coinlist { padding: 0!important; } li.coin-wrap { display: inline-block; width: 30%; margin-left: 0.5%; margin-bottom: 1%; font-size: 80%; height: 7.3em; padding: 0.5em 0; text-align: center; text-decoration: none; border: 2px solid #eee; background: #fff; border-radius: 0.5em; } .single-long { width: 100%; display: block; white-space: nowrap; overflow: hidden; } .single-short { display: block; } /* 記事内リスト */ .entry-content ul, td ul { padding: 1.5em; list-style-type: none; border: 0.1em solid #1976d2; background: #e3f2fd; border-radius: 0.25em; font-weight: bold; } .entry-content ul li:last-child { margin-bottom: 0; } .entry-content ul li { margin-bottom: 1em; } /* 目次 */ dl.content_outline { padding: 1em; border: 0.01em solid #1976d2; background-color: #e3f2fd; margin: 1.5em 0; } .content_outline dt { font-weight: bold; font-size: 1.5em; margin-bottom: 1em; } .content_outline dd { margin-left: 0; } .content_outline li { margin-bottom: 1em; } .content_outline li:last-child { margin-bottom: 0em; } /* テーブル */ table { border-collapse: collapse; } caption, .entry-content caption { font-weight: bold; font-size: 1.5em; padding: 0.5em; text-align: center; } th, .entry-content th { background-color: #136689!important; color: white; font-weight: normal; font-size: 0.8em; padding: 1em 0.5em; text-align: center; } td, .entry-content td { /* background-color: #e3f2fd; */ font-weight: normal; font-size: 0.8em; border: solid 1px #ccc; padding: 1em 0.5em; } /* 見出し */ .entry-content h2, .entry-content h3, .entry-content h4 { border: none; border-radius: 0.1em; padding: 0.5em!important; margin: 1em 0; font-weight: 1em; } .entry-content h2 { background-color: #136689; font-size: 1.4em; color: white; } .entry-content h3 { font-size: 1.2em; border-bottom: 2.5px solid #eee; border-left: 5px solid #136689; color: #222; } .entry-content h4 { font-size: 1.1em; border-bottom: 2px solid #eee; color: #222; display: flex; } .entry-content h4:before { content: "■"; color: #c7e6fd; position: relative; top: 0; left: -5px; font-size: 21px; margin-right: 5px; } .entry-content h4:after { content: "□"; color: #c7e6fd; position: absolute; top: -2px; left: 12px; font-size: 21px; } /* 記事ファーストビュー */ .topic-pickup { border: 0.2em solid #0288d1; padding: 1em; margin: 1.5em 0; } .topic-pickup dt { text-decoration: underline; font-weight: bold; font-size: 1.1em; } .topic-pickup dd { /* font-size: 0.9em; */ line-height: 1.1em; margin-bottom: 1em; line-height: initial; } /* フォントセット */ .red { color: red; } .bold { font-weight: bold; } .red-underline { border-bottom: 0.1em solid red; } .big { font-size: 1.2em; font-weight: bold; } /* 仮想通貨の特徴 */ .coin-tab img { width: 40px; height: 40px; } td.coin-tab { display: inline-block; width: 100%; margin-left: 0.5%; margin-bottom: 1%; font-size: 80%; height: 7.3em; padding: 0.5em 0; text-align: center!important; text-decoration: none; border: 2px solid #eee; background: #fff; border-radius: 0.5em; } .tab-long { width: 100%; display: block; white-space: nowrap; overflow: hidden; } .tab-short { display: block; } /* wallet一覧 */ .wallet-line { display: flex; } .wallet-left img { width: 100px; } .wallet-os:before { content: '対応OS:'; } ul.wallet-coin li { display: inline-block; } ul.wallet-coin { border: none; border: none; padding: 1em 0.5em 0.5em 1em !important; border: none!important; } .wallet-wrap { border-bottom: 1px solid #000; padding: 2em 0em; } .wallet-coin li { margin: 0!important; padding: 0 0.5em 0.5em 0; } .wallet-description { border: 1px solid #00b8d4; background-color: #e0f7fa; padding: 1.5em; border-radius: 0.1em; } .wallet-name { font-weight: bold; font-size: 1.4em; } .wallet-hyouka:before { content: '評価:'; } span.star { color: #ffd600; } ul.wallet-coin:before { content: '取扱い通貨一覧'; padding-bottom: 0.5em; font-size: 1.2em; color: #01579b; text-decoration: underline; display: block; } .wallet-description:before { content: 'ウォレットの特徴'; padding-bottom: 0.5em; font-size: 1.2em; color: #01579b; text-decoration: underline; display: block; font-weight: bold; } .app-description { border: 1px solid #00b8d4; background-color: #e0f7fa; padding: 1.5em; border-radius: 0.1em; } .app-description:before { content: 'アプリの特徴'; padding-bottom: 0.5em; font-size: 1.2em; color: #01579b; text-decoration: underline; display: block; font-weight: bold; } .wallet-left { margin-right: 1em; } .wallet-list dd { margin-left: 0; } ol.trading-img-list { list-style-type: none; padding-left: 0!important; display: inline-block; width: 100%; text-align: center; } ol.trading-img-list li { width: 32%; height: 50px; display: inline-block; } /* 溜まるウォレット */ .wallet-gain:before { content: '保有通貨:'; } .wallet-gain-recommend:before { content: '推奨ウォレット:'; } .wallet-gain-frequency:before { content: '配布頻度:'; } /* .wallet-gain-description:before {content: '条件';padding-bottom: 0.5em;font-size: 1.2em;color: #01579b;text-decoration: underline;display: block;font-weight: bold;} */ .wallet-gain-description { border: 1px solid #00b8d4; background-color: #e0f7fa; padding: 1.5em; border-radius: 0.1em; } /* ボタン */ .btn-link { padding: 0.5em; text-align: center; border-radius: 0.2em; display: block; margin: 0.5em 0; font-size: 120%; } .btn-link a { color: white; text-decoration: none; display: block; } /* ボタンの色 */ .btn-link.blue { background-color: #0277bd; box-shadow: 0.5em 0.5em rgba(2, 109, 189, 0.2); } .wallet-os { word-break: break-word; } /* 取引所グループ */ .trading-place-list li { width: 32%; height: 50px; display: inline-block; text-align: center; } .trading-place-list dd { margin-left: 0!important; } .trading-place-list ol { list-style-type: none; padding-left: 0!important; } /* 画像中央寄せ */ img.img-center { display: block; margin-left: auto; margin-right: auto; } /* 翻訳記事 */ .blockquote-heading { font-weight: bold; font-size: 1.2em; color: #333; } .btn-link { margin: 1em 0em 2em; } .avgtbl { width: 100%; max-width: 100%; } .avgtbl th a { color: yellow; font-weight: bold; text-decoration: none; } .avgtbl td, .avgtbl th { font-size: 100%; } .avgtbl td { text-align: right; } h3.avgh3 { background: #1976d2; color: white; margin: 1em 0 0.5em; width: 100%; text-align: center; padding: 0.5em 0; } .avgwrap { overflow: -webkit-paged-x; width: 100%; margin-bottom: 0.5em; } .avgl { float: left; width: 60%; } .avgh { background: #888; color: white; text-align: center; border-radius: 4px 4px 0 0; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; } .avgval { font-size: 150%; font-weight: bold; background: #f4f4f4; border-radius: 0 0 4px 4px; text-align: center; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 0.25em; } .yenval { font-size: 160%; } .usdval { font-size: 140%; } .krwval { font-size: 140%; } .usdval span, .krwval span { display: block; font-size: 90%; color: #666; line-height: 1; } .avgt { font-size: 80%; text-align: center; } .avgt span:nth-child(1) { background: #def; padding: 0 0.6em; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; border-radius: 4px 0 0 4px; } .avgt span:nth-child(2) { background: #f8fcff; padding: 0 0.6em; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-radius: 0 4px 4px 0; } .avgr { float: right; width: 39%; } .avgh2 { background: #def; text-align: center; border-radius: 4px 4px 0 0; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; } .avgv1 { font-weight: bold; } .avgv1, .avgv2, .avgv3 { text-align: center; border-left: 1px solid #eee; border-right: 1px solid #eee; } .avgv3 { border-bottom: 1px solid #eee; border-radius: 0 0 4px 4px; } .tojpy { background: #def; padding: 0.5em 0.5em 1em 0.5em; margin: 0 -0.5em -1em; display: block; } .chartwig { max-width: 100%; height: 360px; margin-bottom: 1em; overflow: hidden; } @media screen and (max-width:699px) { .avgtbl th a { font-size: 75%; } .avgtbl th { font-size: 70%; padding: 1em 0; } .avgtbl td { font-size: 70%; text-align: right; padding: 1em 0.25em 1em 0; } .tojpy { margin: 0 -0.25em -1em 0; padding: 0 0.25em 1em 0; } .avgt { font-size: 75%; } .avgv1, .avgv2, .avgv3 { font-size: 85%; } } @media screen and (max-width:359px) { .avgtbl th a { font-size: 70%; } .avgtbl th { font-size: 65%; padding: 1em 0; } .avgtbl td { font-size: 65%; text-align: right; padding: 1em 0.25em 1em 0; } .tojpy { margin: 0 -0.25em -1em 0; padding: 0 0.25em 1em 0; } .avgt { font-size: 70%; } .avgv1, .avgv2, .avgv3 { font-size: 80%; } } #favcoin h4 { color: white; margin: 0; text-align: center; } /*--特設ページ--*/ @media screen and (min-width: 680px) { .pc-flex { display: flex; } .pc-flex-parts { width: 45%; width: -webkit-calc(50% - 1em); width: calc(50% - 1em); margin: 0.5em; } } @media screen and (min-width: 680px) { .pc-flex3 { display: flex; } .pc-flex-parts3 { width: 30%; width: -webkit-calc(33% - 1em); width: calc(33% - 1em); margin: 0.5em; } } @media screen and (min-width: 680px) { .pc-flex3-2 { display: flex; } .pc-flex-parts3-2 { width: 30%; width: -webkit-calc(33% - 1em); width: calc(33% - 1em); margin: 0.5em; } } @media screen and (max-width: 679px) { .pc-flex2 { display: flex; } .pc-flex-parts2 { width: 45%; width: -webkit-calc(50% - 1em); width: calc(50% - 1em); margin: 0.5em; } } #ex-box { margin: 0 auto; border: 1px solid #aaaaaa; width: 300px; } #favs h4, #favcoin h4 { color: white; margin: 0; padding: 0; text-align: center; border: none; font-size: 14px; font-weight: bold; } #favs { background: #39e; border-radius: 0.4em; padding: 4px 6px 8px; margin-bottom: 1em; overflow: hidden; } .favs1 .blog-card { width: 98%; background: white; margin: 0 1%; min-width: auto; } .favs2 .blog-card { width: 48%; background: white; margin: 0 1%; min-width: auto; float: left; clear: initial; } .favs3 .blog-card { width: 32.3%; background: white; margin: 0 0.5%; min-width: auto; float: left; clear: initial; } .upbox { float: left; width: 23%; margin: 0 1%; overflow: hidden; height: 120px; border-radius: 0.4em; background: #f8fafc; } #favcoin div.up2 { width: 100%; margin: 0; height: 46px; float: none; } .upmemo { height: 75px; line-height: 15px; font-size: 11px; padding: 4px; } .upmemo a { text-decoration: none; word-break: break-all; max-height: 44px; overflow: hidden; display: block; } .upmemo a:before { font: normal normal normal 20px FontAwesome; content: "\f101"; font-size: 11px; } .navigation { margin: 0px -10px 20px; } @media screen and (max-width: 699px) { #favs { padding: 4px; margin-bottom: 1em; } .favs1 .blog-card, .favs2 .blog-card, .favs3 .blog-card { margin-bottom: 4px; } .upbox { width: 48%; margin: 3px 1%; height: auto; } #favcoin { padding: 4px; } #favcoin div.up2 { width: 100%; height: auto; margin: 0; } #favcoin div.up p { float: left; width: 36%; padding: 0; margin: 0; text-align: right; } #favcoin div.up p img { width: 3em; max-width: 100%; height: auto; } #favcoin div.up span { float: right; width: 59%; font-size: 92%; height: 1.3em; line-height: 1.3; text-align: left; } #body { margin-top: 0; padding: 0; } .widget_new_entries .new-entrys-large .new-entry { height: 3em; line-height: 6em; } .widget_new_entries .new-entrys-large-on .new-entry .new-entry-content { height: 3em; max-height: 3em; line-height: 3.3em; } .navigation { margin-left: -6px; margin-right: -6px; } } /* 画像の外枠 */ .img-box { border: 0.1em solid #757575; padding: 1em; } /*アイコンボックス*/ .iconbox { display: flex; width: 100%; align-items: center; max-width: 700px; margin-left: auto; margin-right: auto; } .iconbox-img { width: 30%; display: block; } .iconbox-text { width: 70%; display: block; padding: 10px; } .iconbox-text p { font-size: 13px; color: #333; } .iconbox-text p span { font-size: 16px; font-weight: bold; color: #333; border-bottom: 2px solid #555; } .conversation-1 { border: 1px solid #1b5e20; background-color: #e8f5e9; padding: 1.5em; border-radius: 0.1em; margin: 1em 0; } .conversation-2 { border: 1px solid #0091ea; background-color: #e1f5fe; padding: 1.5em; border-radius: 0.1em; margin: 1em 0; } .conversation-3 { border: 1px solid #b71c1c; background-color: #ffebee; padding: 1.5em; border-radius: 0.1em; margin: 1em 0; } /*フォントセット追加*/ .black-underline { text-decoration: underline; } .advertisement-text { font-size: 1.2em; font-weight: bold; text-decoration: underline; text-align: center; } /*青枠解説*/ .description { border: 1px solid #00b8d4; background-color: #e0f7fa; padding: 1.5em; border-radius: 0.1em; } /*デフォルトリスト*/ .entry-content ul.ul-default { display: block; list-style-type: disc; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px; background: #fff; border: none; font-weight: normal; } .entry-content ul.ul-default li { margin-bottom: 0; } .entry-content ul.ul-default { margin-bottom: 1em; } .entry-content ul li.li-no-margin { margin-bottom: 1em; } /*marginなしの段落*/ .no-margin-p { -webkit-margin-before: 0em; -webkit-margin-after: 0em; } .no-margin-p-before { -webkit-margin-before: 0em; } .no-margin-p-after { -webkit-margin-after: 0em; } .p-left { text-align: left } /*画像下方向にmarginを付ける*/ img.img-margin { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; } #navis-in .new-entrys { padding-left: 0; } #navis-in .widget_new_entries ul li { overflow: hidden; list-style-type: none; } #navis-in .new-entrys ul li img { height: 3.5em; width: 3.5em; } #navis-in .new-entry-thumb { width: 4em; float: left; margin-right: 0; height: 4.5em; } #navis-in .new-entry-thumb a.new-entry-image { height: 3.5em; width: 3.5em; margin-top: 0; box-shadow: none; } #navis-in .textwidget .blog-card { margin: 5px 0 0; width: auto; min-width: auto; min-height: auto; padding: 8px; } #navis-in .textwidget .blog-card .blog-card-thumbnail a img { width: 3.5em; height: 3.5em; } #navis-in .textwidget .blog-card .blog-card-content { margin-left: 4em; margin-bottom: 0; } #navis-in .textwidget .blog-card .blog-card-footer { display: none; } #navis2-in .textwidget .coinlist2 .coinlists img { max-width: 90%; margin-top: 1.5em; } #navis2-in .widget_search { margin: 10px; } #navis-in .widget_search { margin: 10px; } .coinlist { overflow: hidden; } .coinlist .coinlists { box-sizing: border-box; float: left; display: block; width: 32%; margin-left: 1%; margin-bottom: 4px; font-size: 80%; line-height: 1.3em; padding: 0.5em 0; text-align: center; text-decoration: none; border: 2px solid #eee; background: #fff; border-radius: 0.5em; } .coinlist .coinlists span { display: block; white-space: nowrap; overflow: hidden } @media screen and (max-width: 980px) { #site-title { height: 40px; margin-top: 2px; margin-bottom: 2px; } #top-menu-main1, #top-menu-main2, #top-menu-main3, #top-menu-main4, #top-menu-main5, #top-menu-main6 { padding: 0.75em 0.5em; margin: 0 0 0.75em; } } @media screen and (max-width: 740px) { .favs3 .blog-card { width: 100%; margin: 0 0 5px; } } @media screen and (max-width: 699px) { #tweets { width: 85%; height: 480px; } a#tweetsbot { width: 80%; } } #mobile-menu1 .fa-search:before { content: ''; display: inline-block; width: 32px; height: 32px; background-image: url(//coinpost.jp/img/ranking.png); background-size: contain; vertical-align: middle; } #mobile-menu2 .fa-th:before { content: ''; display: inline-block; width: 32px; height: 32px; background-image: url(//coinpost.jp/wp-content/uploads/2017/11/menu.png); background-size: contain; vertical-align: middle; } #top-menu-main3-2 a img, #top-menu-main3 a img { display: block; height: 1.6em; margin: 6px auto 3px; } /*インタビュー質問と回答*/ .interview { margin-left: 0px; margin-top: 20px; margin-bottom: 50px; position: initial; padding: 5px 0px 5px 20px; background: #FFF; border-left: 2px solid #0288d1; } .interview-answer { text-decoration: underline; font-weight: bold; font-size: 1.2em; } .interview-quest { font-weight: bold; font-size: 1.1em; } .interview p { position: relative; } .interview-img { margin: -1.25em 0.5em -1.25em 0; border-radius: 50%; height: 3.5em; width: 3.5em; } /*記事内引用*/ .in_article { margin-left: 5px; margin-top: 20px; margin-bottom: 20px; padding: 5px 0px 5px 20px; background: #FFF; border-left: 2px solid #0288d1; } span.speaker { text-decoration: underline; font-weight: bold; font-size: 1.2em; } span.right { float: right !important; } /*メニュー広告被らない用マージン*/ div.menu-margin { margin-bottom: 100px; } /*トップ下メニュー*/ div.top-under-menu { color: white; bottom: 0em; font-size: 2.4em; border-bottom: 0px; position: absolute; text-shadow: 0 0 5px #000, 0 0 10px #000; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); left: 0; right: 0; font-weight: bold; } @media screen and (max-width: 374px) { div.top-under-menu { bottom: 0em; font-size: 2.0em; border-bottom: 0px; } } @media screen and (max-width: 699px) { div.top-under-menu { bottom: 0em; font-size: 2.4em; border-bottom: 0px; } } @media screen and (max-width: 980px) { div.top-under-menu { bottom: 0em; font-size: 2.0em; border-bottom: 0px; } } /*税理士プロフィール*/ div.tax_accountant1 { border-top: 0.2em solid #0288d1; border-bottom: 0.2em solid #0288d1; margin-bottom: 20px; padding: 0.7em; overflow: hidden; } img.tax_accountant2 { float: left; margin: 0 20px 10px 0; } /*ボタン*/ .button-link-article { position: relative; background-color: #FF9933; border-radius: 4px; color: #fff; -webkit-transition: none; transition: none; box-shadow: 0 5px 0 #FF6600; text-shadow: 0 1px 1px rgba(0, 0, 0, .4); } .button-link-article:hover { top: -4px; box-shadow: 0 8px 0 #FF6600; } .button-link-article:active { top: 3px; box-shadow: none; } /*カテゴリーページ*/ div.category-text h2 { background-color: #345; font-size: 1.4em; color: white; border: none; border-radius: 0.1em; padding: 0.5em!important; margin: 1em 0; } div.category-text p { font-size: 16px; line-height: 170%; } .cointable { display: table; width: 100%; border-collapse: separate; border-spacing: 4px } .cointablerow { display: table-row; } .cointablerow a { display: table-cell; margin: 4px; border: 2px solid #eee; background: #fff; border-radius: 0.5em; text-align: center; text-decoration: none; padding: 6px; } .cointablerow a img { max-width: 100%; height: auto; } .cointablerow a span { display: block; text-align: center; font-size: 80%; line-height: 1.3em; color: #39e; } /*文字中央揃える*/ p.text-center { text-align: center; } /* タグ */ p.footer-post-meta { width: 100%; text-align: left; } p.footer-post-meta span.post-tag { overflow: hidden; } p.footer-post-meta span.post-tag a { display: inline-block; white-space: nowrap; background: #345; border: 2px solid #345; color: #fff; border-radius: 3px; text-decoration: none; padding: 0.2em 0.75em 0.2em 0.5em; margin: 0.2em; } p.footer-post-meta span.post-tag a:hover { background: #fff; border: 2px solid #345; color: #345; border-radius: 3px; text-decoration: none; } p.footer-post-meta span.post-tag a:before { content: "\f02b"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; } /*上メニューリスト文字省略*/ span.menu-list { display: block; white-space: nowrap; overflow: hidden; } /*上メニュー通貨別ニュース*/ span.top-menu-news { margin-left: 0.3em; } #page-top { bottom: 4em; } /* 登録フロー */ .ue_body { font-size: 18px; } .ue_test { background: #eee; color: #aaa; padding: 1em; } .ue_body .ue_cat { font-size: 16px; color: red; background: #fff8fc; margin: 0.5em auto; max-width: 540px; padding: 0.2em 0 0.1em 0.5em; border-radius: 0.5em; border: 1px solid #f00; border-left: 1.2em solid #f00; box-sizing: border-box; } .ue_body .ue_fbox { clear: both; overflow: hidden; margin: 0.4em auto; max-width: 540px; box-sizing: border-box; } .ue_body .ue_text { font-size: 17px; line-height: 1.8; background: #fafbfc; padding: 1em; margin: 0.5em; border: 1px solid #f0f1f2; border-right: 1px solid #e8eaec; } .ue_body .ue_mail { margin: 0; padding: 0; } .ue_body .ue_mail_head { display: block; float: left; width: 14%; height: 48px; text-align: center; background: white; color: black; border: 1px solid #ddd; border-radius: 0.5em 0 0 0.5em; vertical-align: middle; box-sizing: border-box; line-height: 48px; } .ue_body .ue_mail_input { display: block; float: left; width: 66%; height: 48px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: none; border-right: none; border-radius: 0; box-shadow: none; vertical-align: middle; } .ue_body .ue_mail_submit { font-size: 16px; font-weight: normal; display: block; float: left; width: 20%; height: 48px; color: #fff; background: #f40; border-radius: 0 0.5em 0.5em 0; border: none; } .ue_body .ue_mail_submit:hover { background: #f80; } .ue_body .ue_or { background: #f8f8f8; text-align: center; font-size: 12px; line-height: 12px; margin: 2em; } .ue_body .ue_or span { background: #fff; padding: 0 1.5em; color: #39f; font-weight: bold; } .ue_body .ue_acc { overflow: hidden; margin: 1em 0 2em; } .ue_body .ue_fb, .ue_body .ue_tw, .ue_body .ue_yh, .ue_body .ue_gg { display: block; margin: 0.5em auto; max-width: 540px; padding: 0.5em 0 0.3em; text-align: center; border-radius: 0.5em; box-sizing: border-box; text-decoration: none; } .ue_body .ue_fb:hover, .ue_body .ue_tw:hover, .ue_body .ue_yh:hover, .ue_body .ue_gg:hover { font-weight: bold; } .ue_body .ue_fb { color: white; background: #3c5a99; } .ue_body .ue_fb:before { font-family: 'icomoon' !important; content: "\e919"; margin-right: 0.6em; } .ue_body .ue_tw { color: white; background: #55acee; } .ue_body .ue_tw:before { font-family: 'icomoon' !important; content: "\e91c"; margin-right: 0.6em; } .ue_body .ue_yh { color: #555; background: #f4f4f4; border: 1px solid #ccc; } .ue_body .ue_gg { color: white; background: #dd4b39; } .ue_body .ue_gg:before { font-family: 'icomoon' !important; content: "\ea8b"; margin-right: 0.6em; } .ue_body .ue_pass { margin: 0; padding: 0; } .ue_body .ue_pass .ue_fbox { margin: 1em auto; } .ue_body .ue_pass_h1 { display: block; float: left; width: 30%; height: 48px; text-align: center; background: #39e; color: #fff; border-radius: 0.5em 0 0 0.5em; vertical-align: middle; box-sizing: border-box; line-height: 48px; } .ue_body .ue_pass_input1 { display: block; float: left; width: 70%; height: 48px; border: 1px solid #ddd; border-radius: 0; box-shadow: none; vertical-align: middle; border-radius: 0 0.5em 0.5em 0; } .ue_body .ue_pass_h2 { display: block; float: left; width: 30%; height: 48px; text-align: center; background: #39e; color: #fff; border-radius: 0.5em 0 0 0.5em; vertical-align: middle; box-sizing: border-box; line-height: 48px; } .ue_body .ue_pass_input2 { display: block; float: left; width: 70%; height: 48px; border: 1px solid #ddd; border-radius: 0; box-shadow: none; vertical-align: middle; border-radius: 0 0.5em 0.5em 0; } .ue_body .ue_pass_submit { display: block; width: 100%; height: 52px; margin: 1em auto; max-width: 540px; box-sizing: border-box; font-size: 17px; font-weight: normal; text-align: center; border-radius: 0.5em; } .ue_body .ue_mp_h { display: block; float: left; width: 14%; height: 48px; text-align: center; background: white; color: black; border: 1px solid #ddd; border-radius: 0.5em 0 0 0.5em; vertical-align: middle; box-sizing: border-box; line-height: 48px; } .ue_body .ue_mp_input { display: block; float: left; width: 86%; height: 48px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: none; border-right: 1px solid #ddd; border-radius: 0; box-shadow: none; vertical-align: middle; border-radius: 0 0.5em 0.5em 0; } .ue_body .ue_mp_h1 { display: block; float: left; width: 30%; height: 48px; text-align: center; background: #39e; color: #fff; border-radius: 0.5em 0 0 0.5em; vertical-align: middle; box-sizing: border-box; line-height: 48px; } .ue_body .ue_mp_input1 { display: block; float: left; width: 70%; height: 48px; border: 1px solid #ddd; border-radius: 0; box-shadow: none; vertical-align: middle; border-radius: 0 0.5em 0.5em 0; } .ue_body .ue_mp_h2 { display: block; float: left; width: 30%; height: 48px; text-align: center; background: #39e; color: #fff; border-radius: 0.5em 0 0 0.5em; vertical-align: middle; box-sizing: border-box; line-height: 48px; } .ue_body .ue_mp_input2 { display: block; float: left; width: 70%; height: 48px; border: 1px solid #ddd; border-radius: 0; box-shadow: none; vertical-align: middle; border-radius: 0 0.5em 0.5em 0; } .ue_body .ue_mp_submit { display: block; width: 100%; height: 52px; margin: 3em auto 1em; max-width: 540px; box-sizing: border-box; font-size: 17px; font-weight: normal; text-align: center; border-radius: 0.5em; } #text-11 .main-widget-label { display: none; } /* パソコンで見たときは"pc"のclassがついた画像が表示される */ img.img-pc { display: block !important; } img.img-sp { display: none !important; } /* スマートフォンで見たときは"sp"のclassがついた画像が表示される */ @media only screen and (max-width: 750px) { img.img-pc { display: none !important; } img.img-sp { display: block !important; } } /*仮想通貨価格情報カードのマージン*/ div.crypto-card-margin { margin-bottom: 1.0em; } /*求人*/ div.human-resources { width: 98%; margin: 0.5em 1%; text-decoration: none; padding: 0.5em 0.5em; border-radius: 0.4em; box-sizing: border-box; border: 2px solid #eee; text-align: center; } div.human-resources a { display: block; text-decoration: none; } h2.bottom-article { color: #fff; background: #345; border-radius: 0.1em; padding: 0.3em 0 0.1em; text-align: center; } #top-menu-main2-2 p span.big, #top-menu-main3-2 p span.big { display: block; border-radius: 0.1em; background: #39e; text-align: center; color: #fff; padding: 0.3em 0 0.1em; } #navis-in, #navis2-in { padding-bottom: 14em; } /* #navis-in #search-5{position: sticky;top:0;} */ #navis-in .widget_text { margin-bottom: 14em; } div#sidebar { padding: 0; margin-bottom: 0; } #main, #respond { margin-bottom: 0; } ul.new2-entrys, ul.new3-entrys { list-style-type: none; margin: 0; padding: 0; } li.new2-entry { background: white; margin: 8px 4px; padding: 8px 4px 4px; border-radius: 0.4em; } li.new2-entry:after { content: ""; clear: both; display: block; } li.new2-entry a { display: block; color: #555; font-weight: bold; text-decoration: none; font-size: 16px; } li.new2-entry .new2-entry-content-a-date { display: block; text-align: right; color: #136689; font-weight: bold; font-size: 12px; padding: 0; } li.new2-entry .new2-entry-content-a-cat { float: right; font-size: 96%; font-weight: bold; } li.new2-entry .new2-entry-content-a-cat a { padding: 0.2em 0.25em 0; color: #fff; background: #39e; margin: 1px; font-size: 90%; text-decoration: none; } li.new2-entry a:hover, li.new2-entry .new2-entry-content-a-cat a:hover { text-decoration: underline; } ul.new3-entrys, ul.new3-entrys { list-style-type: none; margin: 0; padding: 0; } li.new3-entry { background: white; margin: 8px 12px; padding: 8px 8px 4px; border-radius: 0.4em; } li.new3-entry:after { content: ""; clear: both; display: block; } li.new3-entry a { display: block; color: #555; font-weight: bold; text-decoration: none; font-size: 16px; } li.new3-entry .new3-entry-content-a-date { display: block; text-align: right; color: #136689; font-weight: bold; font-size: 12px; padding: 0; } li.new3-entry .new3-entry-content-a-cat { float: right; font-size: 96%; font-weight: bold; } li.new3-entry .new3-entry-content-a-cat a { padding: 0.2em 0.25em 0; color: #fff; background: #39e; margin: 1px; font-size: 90%; text-decoration: none; } li.new3-entry a:hover, li.new3-entry .new3-entry-content-a-cat a:hover { text-decoration: underline; } /* li.new3-entry{background:white;margin:8px 12px;padding:0;border-radius:0.4em;} .new3-entry-content-a-date{display:block;color:#39e;font-weight:bold;text-align:right;padding:8px 8px 4px;} a.new3-entry-content-img{display:block;width:276px;height:145px;} a.new3-entry-content-a{display:block;color:#17f;padding:4px 8px 8px;font-weight:bold;text-decoration:none;} a.new3-entry-content-a:hover{text-decoration:underline;} */ .widget_sns_follow_buttons ul.snsp { text-align: center; } .intv-list a { display: block; background: white; margin: 8px 12px; padding: 0; border-radius: 0.4em; text-decoration: none; padding-bottom: 0.3em; } .intv-list a img { width: 100%; border-radius: 0.4em 0.4em 0 0; } .intv-list a h5 { color: #39e; margin: 0; padding: 0 0.5em; font-size: 15px; } .newblists { margin: 1em; border: 6px solid #1976d2; border-radius: 0.4em; } .newblists h3 { background: #1976d2; color: white; width: 100%; text-align: center; padding: 0.5em 0; margin: 0; } .newblists-in { background: #fff; padding: 1em; overflow: hidden; background: url(/img/nbl-bg.png) 50% 50%; background-size: cover; } .newblists-in a { display: block; float: left; width: 48%; font-size: 16px; font-weight: bold; margin: 4px 1%; text-decoration: none; padding: 0.5em 0.5em; border-radius: 0.4em; box-sizing: border-box; border: 2px solid #eee; text-align: center; background: #fff; } .nblists { margin: 1em; border: 6px solid #1976d2; border-radius: 0.4em; } .nblists h3 { background: #1976d2; color: white; width: 100%; text-align: center; padding: 0.5em 0; margin: 0; } .nblists-in, .nblists-in2 { padding: 0.25em; overflow: hidden; } .nblists-in a { display: block; float: left; width: 24%; font-size: 16px; font-weight: bold; margin: 4px 0.5%; text-decoration: none; padding: 0; border-radius: 0.4em; box-sizing: border-box; border: none; text-align: center; background: #fff; } .nblists-in a img { max-width: 100%; display: block; } .nblists-in2 a { display: block; float: left; width: 32%; font-size: 16px; font-weight: bold; margin: 4px 0.5%; text-decoration: none; padding: 0; border-radius: 0.4em; box-sizing: border-box; border: none; text-align: center; background: #fff; border: 1px solid #ccc; overflow: hidden; } .nblists-in2 a img { max-width: 100%; display: block; } @media screen and (max-width: 699px) { .newblists-in a { font-size: 12px; } .nblists-in a { display: block; float: left; width: 48%; margin: 4px 1%; } .nblists-in2 a { display: block; float: left; width: 48%; margin: 4px 1%; } .nblists-in2 a:nth-child(3) { display: block; float: none; width: 60%; margin: 4px auto; } } .nblists-in a:hover { opacity: 0.8; } .nbl1:before { content: "\f15a"; display: block; font: normal normal normal 42px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; margin: 4px 0; } .nbl2:before { content: "\f1ad"; display: block; font: normal normal normal 42px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; margin: 4px 0; } .nbl3:before { content: "\f059"; display: block; font: normal normal normal 42px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; margin: 4px 0; } .nbl4:before { content: "\f02d"; display: block; font: normal normal normal 42px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; margin: 4px 0; } /*テーブルスクロール*/ div.scroll { overflow: auto; white-space: nowrap; } div.scroll::-webkit-scrollbar { height: 5px; } div.scroll::-webkit-scrollbar-track { background: #F1F1F1; } div.scroll::-webkit-scrollbar-thumb { background: #BCBCBC; } /*ボタン*/ .square_btn { margin: 1.5em 0em 1em; display: block; text-align: center; font-size: 16px; padding: 0.3em 1em; text-decoration: none; color: #345; border: solid 2px #345; border-radius: 3px; transition: .4s; } .square_btn:hover { background: #345; color: white; } /*コインリストリンク*/ .sp-slide-link { text-decoration: initial; color: black; } /*取引所比較*/ .exchange-recommend-box1 { margin-top: 3em; margin-bottom: 2em; margin-left: 0.5em; margin-right: 0.5em; border: 6px solid #1976d2; border-radius: 1em; } .exchange-recommend-box2 { display: block; font-size: 150%; background: #1976d2; color: white; height: 1.5em; padding-top: 0.1em; padding-bottom: 0.15em; } .exchange-rank { width: 38px; height: 38px; float: left; } .exchange-rank-name { margin-left: 2em; margin-top: 0.25em; } .exchange-description1 { margin: 0.5em; font-size: 80%; line-height: 1.3; } .exchange-description2 { margin-top: 1em; margin-bottom: 1em; margin-left: 3em; margin-right: 3em; } .logo-margin { margin-top: 2em; margin-bottom: 1em; } .list-white { background: white; padding: 1.9em; } /*概要*/ .bgnmemo-2 { padding: 0.5em; margin-bottom: 0.5em; border-radius: 0.5em; margin-left: 40px; } .topic-pickup2 .hicon { border-bottom: 2px solid } .topic-pickup2 .hicon0 { border-color: #ffec6d } .topic-pickup2 .hicon1 { border-color: #ff8635 } .topic-pickup2 .hicon2 { border-color: #1bc346 } .topic-pickup2 .hicon2-2 { border-color: #1bc346 } .topic-pickup2 .hicon3 { border-color: #3399ff } .topic-pickup2 .hicon4 { border-color: #9a52f3 } .topic-pickup2 .hicon5 { border-color: #f14a4a } .topic-pickup2 .hicon6 { border-color: #b0b0b0 } .topic-pickup2 dl { border: 0.2em solid #136689; padding: 1.5em 0.5em 0em; margin: 1.5em 0; } .topic-pickup2 dd { margin-bottom: 1em; } .topic-pickup2 .hicon5-2:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2017/07/hicon5_3.png); } .topic-pickup2 .hicon2-2:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2017/07/hicon2-2.png); } .topic-pickup-bc dl { border: 0.2em solid #f7d0ec; background: #fff8fc; padding: .5em 0.5em 0em; margin: 1.5em 0; border-radius: 0.5em } .topic-pickup-bc dd { margin-bottom: 1em; } .topic-pickup-bc dd.bgnmemo-2 { padding: 0.5em; margin-bottom: 0.5em; border-radius: 0.5em; margin-left: 0; } .topic-pickup-bc .hicon { background: #ea94db; border-radius: 0.25em; padding: 0.25em; color: #fff; } .topic-pickup-bc-mokuji { margin: 0 auto; } .topic-pickup-bc-mokuji dl { border: 0.2em double #f96; background: #fff; padding: .5em; margin: 1.5em 0; border-radius: 0.5em } .topic-pickup-bc-mokuji dd { margin-bottom: 1em; } .topic-pickup-bc-mokuji dt.hicon2-2 { margin-bottom: .5em; } .topic-pickup-bc-mokuji dd.bgnmemo-2 { padding: 0.25em; margin-bottom: 0; margin-top: .25em; border-radius: 0.5em; margin-left: 0; } .topic-pickup-bc-mokuji dd.bgnmemo-2 li { list-style-type: none; } .topic-pickup-bc-mokuji .hicon { border-bottom: 0.15em solid #f96; border-radius: 0; padding: 0.25em; color: #f96; font-weight: bold; } .category-crypto-beginner article.article header { background-color: transparent; border-radius: 0.5em; border: 1px solid #F7F7F7; } .category-crypto-beginner article.article header.wgadh { background-color: #D14031; } .category-crypto-beginner article.article header .entry-title { color: #000; } .category-crypto-beginner p.post-meta { border-radius: 0 0 0.5em 0.5em; } .category-crypto-beginner p.post-meta a { color: #dc5ac5; word-wrap: break-word; } .category-crypto-beginner p.post-meta a:hover { color: #e33; } .hicon-all { text-indent: -2em; padding-left: 2em; } article.related-entry header { background-color: transparent !important; border: none; box-shadow: none; } .entry-content article.related-entry header h3 { margin: 0; padding: 0 !important; border: none; } .google-visualization-tooltip { opacity: 0.9; margin: 0; padding: 0; } .entry-content div.google-visualization-tooltip ul.google-visualization-tooltip-item-list { padding: 0; border: none; background: transparent; border-radius: 0.25em; font-weight: bold; } div.google-visualization-tooltip-square { display: none; } p.related-entry-time { margin: 0; font-size: 80%; color: #888; text-align: right; border-top: 1px dotted #ccc; } .accbox { margin: 2em 0; padding: 0; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; } .accbox label { margin: 1.5px 0; color: #2f8fcf; font-weight: bold; background: #a4cbf3; display: block; cursor: pointer; min-height: 3rem; line-height: 3rem; padding: 0 1rem; background-color: #fff; border-bottom: 1px solid #ddd; } .accbox input { display: none; } .accbox .accshow { height: 0; padding: 0; overflow: hidden; opacity: 0; border-bottom: 1px solid #ddd; box-sizing: border-box; } .cssacc:checked+.accshow { height: auto; padding: 5px; opacity: 1; border-bottom: 1px solid #ddd; box-sizing: border-box; } /*チャート一覧下ボタン*/ .chart-button { width: 100%; text-align: left; clear: both; } .chart-button-1 { display: inline-block; white-space: nowrap; background: #fff; border: 2px solid #345; border-radius: 3px; text-decoration: none; padding: 0.2em 0.75em 0 0.5em; margin: 0.2em; } .chart-button-1:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; } /*仮想通貨豆知識*/ .hicon-tips { display: block; text-decoration: none; font-weight: bold; } .hicon-tips:before { content: ""; display: inline-block; width: 26px; height: 32px; vertical-align: middle; background-size: contain; margin-right: 10px; margin-top: -8px; } .hicon-tips1:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/1.png); } .hicon-tips2:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/2.png); } .hicon-tips3:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/3.png); } .hicon-tips4:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/4.png); } .hicon-tips5:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/5.png); } .hicon-tips6:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/6.png); } .hicon-tips7:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/7.png); } .hicon-tips8:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/8.png); } .hicon-tips9:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/9.png); } .hicon-tips10:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/10.png); } .hicon-tips11:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/11.png); } .hicon-tips12:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/12.png); } .hicon-tips13:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/13.png); } .hicon-tips14:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/14.png); } .hicon-tips15:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/15.png); } .hicon-tips16:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/16.png); } .hicon-tips17:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/17.png); } .hicon-tips18:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/18.png); } .hicon-tips19:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/19.png); } .hicon-tips20:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/20.png); } .hicon-tips21:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/21.png); } .hicon-tips-b:before { content: ""; display: inline-block; width: 35px; height: 35px; vertical-align: middle; background-size: contain; margin-right: 10px; margin-top: -8px; } .hicon-tips1-b:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/ranking1.png); } .hicon-tips2-b:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/ranking2.png); } .hicon-tips3-b:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/ranking3.png); } .hicon-tips4-b:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/ranking4.png); } .hicon-tips5-b:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/ranking5.png); } .hicon-tips6-b:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/ranking6.png); } .hicon-tips7-b:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/ranking7.png); } .hicon-tips8-b:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/ranking8.png); } .hicon-tips9-b:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/ranking9.png); } .hicon-tips10-b:before { background-image: url(//cdn.coinpost.jp/wp-content/uploads/2018/07/ranking10.png); } div.beginner-tittle { border: none; border-radius: 0.1em; padding: 0.5em!important; margin: 1em 0; background-color: #136689; font-size: 1.4em; color: white; margin-bottom: 0; } div.beginner-tittle-h3 { font-size: 1.2em; border-bottom: 2.5px solid #eee; border-left: 5px solid #136689; color: #222; border-radius: 0.1em; padding: 0.5em!important; margin: 1em 0; } .beginner-article-tittle { margin: 0; color: #39e; padding: 0.5em; font-size: 16px; width: -webkit-fill-available; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; font-weight: bold; } .post-auther { float: left; padding: 0 0.5em; text-align:left; } .ad-cat { color: #f00; } p.ad-cat:before { content: "※"; } /*チャートやカードに仕込むリンク*/ a.chart-link { text-decoration: initial; color: initial; } /*初心者向け記事で使う画像付き吹き出し*/ .speech { display: table; overflow: hidden; width: 100%; margin: 1.5em 0; } .speech-right { text-align: right; } .speech-box-1 { display: table-cell; position: relative; width: calc(100% - 100px); font-size: .95em; vertical-align: top; } .speech-box-2 { display: inline-block; text-align: left; padding: 13px; border: solid 2px #69f; border-radius: 12px; background: #fff; word-break: break-all; } .speech-box-2:before { display: inline-block; position: absolute; top: 18px; left: -23px; border: 12px solid transparent; border-right: 12px solid #69f; content: ""; } .speech-box-2:after { display: inline-block; position: absolute; top: 18px; left: -20px; border: 12px solid transparent; border-right: 12px solid #fff; content: ""; } .speech-right .speech-box-2 { border: solid 2px #f69; } .speech-right .speech-box-2:before, .speech-right .speech-box-2:after { right: -23px; left: auto; border: 12px solid transparent; border-left: 12px solid #f69; } .speech-right .speech-box-2:after { right: -20px; border-left-color: #fff; } .speech-right .speech-face { padding: 0 0 0 10px; } .speech-face { padding-right: 10px; display: table-cell; width: 100px; text-align: center; vertical-align: top; font-size: 92%; } .speech-left .speech-face { color: #69f; line-height: 1.4; } .speech-right .speech-face { color: #f69; line-height: 1.4; } .speechbox-k .speech-box-2 { border: solid 2px #666; } .speechbox-k .speech-box-2:before { border: 12px solid transparent; border-right: 12px solid #666; } .speech-right.speechbox-k .speech-box-2 { border: solid 2px #666; } .speech-right.speechbox-k .speech-box-2:before { border: 12px solid transparent; border-left: 12px solid #666; } .speechbox-k .speech-face { color: #666; } .speechbox-r .speech-box-2 { border: solid 2px #f69; } .speechbox-r .speech-box-2:before { border: 12px solid transparent; border-right: 12px solid #f69; } .speech-right.speechbox-r .speech-box-2 { border: solid 2px #f69; } .speech-right.speechbox-r .speech-box-2:before { border: 12px solid transparent; border-left: 12px solid #f69; } .speechbox-r .speech-face { color: #f69; } .speechbox-g .speech-box-2 { border: solid 2px #8f8; } .speechbox-g .speech-box-2:before { border: 12px solid transparent; border-right: 12px solid #8f8; } .speech-right.speechbox-g .speech-box-2 { border: solid 2px #8f8; } .speech-right.speechbox-g .speech-box-2:before { border: 12px solid transparent; border-left: 12px solid #8f8; } .speechbox-g .speech-face { color: #4a4; } .speechbox-b .speech-box-2 { border: solid 2px #69f; } .speechbox-b .speech-box-2:before { border: 12px solid transparent; border-right: 12px solid #69f; } .speech-right.speechbox-b .speech-box-2 { border: solid 2px #69f; } .speech-right.speechbox-b .speech-box-2:before { border: 12px solid transparent; border-left: 12px solid #69f; } .speechbox-b .speech-face { color: #69f; } .speechbox-o .speech-box-2 { border: solid 2px #f80; } .speechbox-o .speech-box-2:before { border: 12px solid transparent; border-right: 12px solid #f80; } .speech-right.speechbox-o .speech-box-2 { border: solid 2px #f80; } .speech-right.speechbox-o .speech-box-2:before { border: 12px solid transparent; border-left: 12px solid #f80; } .speechbox-o .speech-face { color: #f80; } .speechbox-p .speech-box-2 { border: solid 2px #c4f; } .speechbox-p .speech-box-2:before { border: 12px solid transparent; border-right: 12px solid #c4f; } .speech-right.speechbox-p .speech-box-2 { border: solid 2px #c4f; } .speech-right.speechbox-p .speech-box-2:before { border: 12px solid transparent; border-left: 12px solid #c4f; } .speechbox-p .speech-face { color: #c4f; } @media (max-width: 640px) { .speech-face { width: 64px; font-size: 70%; } } .entry-content h2.bc-h2 { border: none; border-radius: 0; background: transparent; color: #000; position: relative; line-height: 1.5em; padding-left: 2em!important; margin: 2em 0; } .entry-content h2.bc-h2:before { content: "!"; position: absolute; background: #f69; color: #fff; display: block; width: 1.5em; height: 1.5em; line-height: 1.5em; text-align: center; border-radius: 50%; font-weight: bold; transform: rotate(30deg); left: 0; top: .45em; } .category-crypto-beginner .entry-content h3 { border: none; border-left: 1em solid #f69; font-weight: bold; margin: 2em 0; } .category-crypto-beginner .entry-content h4 { border: none; border-left: .5em solid #f69; font-weight: bold; margin: 2em 0; } .category-crypto-beginner .entry-content h3:before { content: ""; } .category-crypto-beginner .entry-content h3:after { content: ""; } .category-crypto-beginner .entry-content h4:before { content: ""; } .category-crypto-beginner .entry-content h4:after { content: ""; } .speech-face span { font-size: 11px; font-weight: bold; } /* 初心者向け記事 dl dd */ .category-crypto-beginner .topic-pickup-bc dl { border: none; background: #fffae4; padding: .5em 0.5em 0em; margin: 1.5em 0; border-radius: 0.5em } .category-crypto-beginner .topic-pickup-bc dd { margin-bottom: 1em; } .category-crypto-beginner .topic-pickup-bc dd.bgnmemo-2 { padding: 0.75em; margin-bottom: 0.5em; border-radius: 0.5em; margin-left: 0; } .category-crypto-beginner .topic-pickup-bc .hicon { background: transparent; border-radius: 0; padding: 0.25em; color: #000; font-size: 111%; border-left: 4px solid #f69; font-weight: bold; margin: 1em .5em 0; } /* 初心者向け記事 サイドバー */ #beginner-side { padding: 1em; background: #fff; border-radius: 0.5em; margin-bottom: 1em; } .bw-box { padding: 0.5em; background: #fffae4; margin: 0.5em 0; } .bwface { display: block; margin: 0.25em auto; width: 100px; } .bw-name1 { display: block; text-align: center; color: #69f; padding: 0.25em; border-bottom: 1px solid #69f; font-weight: bold; } .bw-name2 { display: block; text-align: center; color: #f69; padding: 0.25em; border-bottom: 1px solid #f69; font-weight: bold; } .bw-txt { padding: 0.5em; } /* 質問のCSS */ .cp_qa *, .cp_qa *:after, .cp_qa *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } .cp_qa .cp_actab { position: relative; overflow: hidden; width: 100%; margin: 0 0 1em 0; color: #1b2538; } .cp_qa .cp_actab input { position: absolute; opacity: 0; } /* 質問 */ .cp_qa .cp_actab label { font-weight: bold; line-height: 1.6em; position: relative; display: block; margin: 0 0 0 0; padding: 1em 2.3em 1em 2.5em; cursor: pointer; text-indent: 1em; border-radius: 0.5em; background: rgba(27, 37, 56, 0.1); } .cp_qa .cp_actab label::before { font-family: serif; font-size: 1.5em; margin-left: -2em; padding-right: 0.5em; content: 'Q'; } .cp_qa .cp_actab label:hover { transition: all 0.3s; color: #00838f; } /* --質問の+アイコン */ .cp_qa .cp_actab label::after { font-size: 1.7em; font-weight: bold; line-height: 2em; position: absolute; top: 0; right: 0; content: '\2b'; display: inline-block; width: 2em; height: 2em; -webkit-transition: transform 0.4s; transition: transform 0.4s; } /* 答え */ .cp_qa .cp_actab .cp_actab-content { position: relative; overflow: hidden; max-height: 0; padding: 0 0 0 2.5em; -webkit-transition: max-height 0.2s; transition: max-height 0.2s; border-radius: 0 0 0.5em 0.5em; } .cp_qa .cp_actab .cp_actab-content::before { font-family: serif; font-size: 1.5em; position: absolute; margin: 0.4em 0 0 -1em; padding: 0; content: 'A'; } .cp_qa .cp_actab .cp_actab-content p { margin: 1em 1em 1em 0; } /* 質問を開いた時の仕様 */ /* --答えの高さ */ .cp_qa .cp_actab input:checked~.cp_actab-content { max-height: 40em; border: 10px solid rgba(27, 37, 56, 0.1); } /* 質問をクリックした時のアイコンの動き */ .cp_qa .cp_actab input:checked~label { color: #00838f; border-radius: 0.5em 0.5em 0 0; } /* 質問をクリックした時の+の動き */ .cp_qa .cp_actab input[type=checkbox]:checked+label::after { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } /*テスト*/ @media screen and (max-width: 1023px) { .prompt-report { max-width: 100%; margin: 0 auto; } } .prompt-report { position: relative; z-index: 1; } @media screen and (max-width: 1023px) { .m-article-archives .m-article-lists { padding-bottom: 90px; } } @media screen and (max-width: 1023px) { .m-article-lists { padding-bottom: 30px; } } @media screen and (max-width: 1279px) { .m-article-lists { padding-bottom: 90px; } } .m-article-lists { position: relative; padding-bottom: 120px; } .m-article-list-date { position: relative; padding: 0 0.6em 0 0; background: none; color: #245059; font-size: 2.2rem; font-weight: 600; line-height: 1.35; opacity: 0.87; border-bottom: 5px solid #F0F0F0; border-top: 5px solid #F0F0F0; padding-top: 1em; padding-bottom: 1em; } .m-article-lists.breaking { padding: 0; } @media screen and (max-width: 1023px) { .m-article-archive .m-article-lists { padding-bottom: 90px; } } @media screen and (max-width: 1023px) { .m-article-lists { padding-bottom: 30px; } } @media screen and (max-width: 1279px) { .m-article-lists { padding-bottom: 90px; } } .m-article-lists { position: relative; padding-bottom: 120px; } .breaking-list { position: relative; margin-left: 20px; padding: 0 0 24px; } .breaking-list-line { border-bottom: 1px solid #F0F0F0; } .breaking-post { width: 100%; height: 100%; } .breaking-post .meta { position: relative; top: 36px; left: -17px; width: 40px; height: 32px; font-size: 0.8rem; } .breaking-post .date { background-color: #39e; padding: 1px; color: #fff; text-align: center; } .breaking-post .text-box { padding: 0 0 0 32px; position: relative; } .breaking-post .breaking-ttl { width: 100%; margin-bottom: 19px; font-size: 1.8rem; font-weight: 500; line-height: 1.5; color: #222; } .breaking-post .breaking-text { color: #222; line-height: 1.5; margin: 16px 0; } .breaking-post .text-box .link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .breaking-post .footer-box { padding: 0 0 0 32px; position: relative; height: auto; } #main .sok-list { border-top: none; } .sok-ymd { background: #136689; color: #fff; font-size: 128%; padding: 0.1em 0 0 0.5em; } .sok-article { padding-top: 1rem; padding-bottom: 1rem; border-left: 1px solid #eee; margin-left: 1.5rem; padding-left: 1.5rem; } .sok-article p { margin: 0; padding: 0; } .sok-content h2 { padding-left: 0.5rem; position: relative; } a.sok-link { text-decoration: none; } .sok-time { display: block; position: absolute; top: -0.75rem; left: -3rem; width: 3rem; height: 3rem; line-height: 3rem; font-size: 12px; font-weight: bold; background: #def; color: #26f; text-align: center; border-radius: 50%; } .sok-article p.sok-description { padding-left: 1rem; } .sok-article p.sok-tag { text-align: right; } .sok-article p.sok-tag a { display: inline-block; text-decoration: none; margin: 0.5rem 0 0 0.5rem; padding: 0.2rem 0.4rem; background: #136689; border: 2px solid #136689; color: #fff; border-radius: 0.5rem; font-size: 81%; } /*取引所比較*/ @media screen and (max-width: 500px) { img.advertisement-img { display: none; } } div.score { margin: 2em 0 2em 0; } @media screen and (max-width: 700px) and (min-width: 501px) { div.score { margin: 1em 0 1em 0; } } @media screen and (max-width: 500px) { div.score { margin: 0.5em 0 0.5em 0; } } @media screen and (max-width: 500px) { img.ad-a { display: none; } } @media screen and (min-width: 501px) { img.ad-b { display: none; } } ul#sitemap_list, ul#sitemap_list ul { border: 0; background: transparent; padding: 1em; } ul#sitemap_list li, ul#sitemap_list ul li { border: 0; background: transparent; padding: 0.25em; } /* etc */ iframe, twitterwidget { margin: 0 auto; display: block; } .clf-entry { padding: 0.5em; } .clf-entry-link { overflow: hidden; line-height: 1.5em; color: #333; } .clf-entry-thumb-image { width: 4.5em; height: 4.5em; float: left; margin-right: 1em; } .clf-entry-time { color: #888; float: right; font-size: 80%; } /*黄色マーカー*/ span.marker { background: linear-gradient(transparent 0%, #ffff66 0%); } span.marker-under { background: linear-gradient(transparent 60%, #ffff66 60%); } div.related_article { margin-top: 2em; } /*ランキング上位*/ span.color-green { color: blue; } span.color-red { color: red; } /* イベントカレンダー */ .ec-card { overflow: hidden; margin-bottom: 2em; } .ec-card.ec-new { position: relative; } .ec-card.ec-new:before { content: "NEW"; background: #d14; color: #fff; font-weight: bold; padding: 0 6px; position: absolute; top: 2px; right: 2px; border: 2px solid #fff; font-size: 11px; z-index: 9999; line-height: 1.5; } .ec-old .ec-card-body { background: #fafafa; } .ec-now .ec-card-body { background: #fffcf0; } .ec-card-time { font-size: 16px; width: 5.5rem; height: 5.5rem; line-height: 5.5rem; background: #136689; color: #fff; font-weight: bold; float: left; text-align: center; } .ec-old .ec-card-time { background: #057; } .ec-now .ec-card-time { background: #e50; } .ec-card-body { width: calc(100% - 8rem); float: right; overflow: hidden; border: 1px solid #ccc; padding: 1rem; } .entry-content .ec-card-body h3 { margin: 0 0 0.5rem 0; border-left: 0; border-bottom: 1px solid #ccc; padding: 0 !important; } .entry-content .ec-card-body h3 a { color: #136689; display: block; padding: 0.25em 0; } .entry-content .ec-card-body h3 a:hover { color: #c03; } .ec-card-op { font-size: 15px; line-height: 2; margin-bottom: 0.5rem; } .ec-card-text { font-size: 15px; color: #555; line-height: 1.3; } .ec-card-date {} .ec-card-date:before { content: "開催日時"; background: #136689; color: #fff; padding: 3px 8px; border-radius: 4px; margin-right: 0.5rem; } .ec-card-area a { margin-right: 1em; border: 1px solid #2098A8; padding: 3px 8px; border-radius: 4px; background: #fff; } .ec-card-area:before { content: "開催場所"; background: #136689; color: #fff; padding: 3px 8px; border-radius: 4px; margin-right: 0.5rem; } .ec-card-date-en:before { content: "Date"; background: #136689; color: #fff; padding: 3px 8px; border-radius: 4px; margin-right: 0.5rem; } .ec-card-area-en:before { content: "Place"; background: #136689; color: #fff; padding: 3px 8px; border-radius: 4px; margin-right: 0.5rem; } .ec-card-price:before { content: "Price"; background: #136689; color: #fff; padding: 3px 8px; border-radius: 4px; margin-right: 0.5rem; } .ec-card-sponsored:before { content: "Sponsored Plan"; background: #136689; color: #fff; padding: 3px 8px; border-radius: 4px; margin-right: 0.5rem; } .ec-card-sponsored a { border: 1px solid #2098A8; border-radius: 4px; padding: 3px 8px; background: #fff; } .article .ec-pr img.ec-card-img { max-width: 12rem; height: auto; float: left; } .ec-pr .ec-card-op { width: calc(100% - 13rem); float: right; } .ec-pr .ec-card-text { width: calc(100% - 13rem); float: right; } .ec-link { margin-bottom: 4rem; } .ec-link-date-button { background: #136689; color: #ff8; font-size: 18px; font-weight: bold; text-align: center; border-radius: 8px; display: block; width: 90%; margin: 0 auto 1rem; padding: 1.25rem; } .ec-link-date-button:hover { color: #fff; background: #234; } .entry-content .ec-link-area ul { width: 85%; margin: 0 auto 2rem; padding: 0; list-style-type: none; border: none; background: #f0f8ff; border-radius: 0.25em; font-size: 16px; font-weight: bold; } .entry-content .ec-link-area ul li { display: inline-block; margin: 0.5rem 0; padding: 0.5rem; } .ec-pager { width: 75%; margin: 2rem auto; overflow: hidden; } .ec-pager a { display: block; text-align: center; font-size: 18px; padding: 0.5em 0; font-weight: bold; background: #136689; color: #fff; } a.ec-pager-pre { width: 49%; float: left; border-radius: 2em 0 0 2em; } a.ec-pager-next { width: 49%; float: right; border-radius: 0 2em 2em 0; } .entry-content h2.ec-h2 {} .contactform { width: calc(85% - 2em); margin: 3em auto 0; padding: 1em; background: #f8f8f8; } .contactform p.txt { font-weight: bold; margin: 1em 0; } .ec-menu-link { overflow: hidden; margin: 2em 0; } .ec-menu-link a { display: block; width: calc(24% - 4px); margin-right: 1%; float: left; border: 2px solid #136689; font-weight: bold; text-align: center; border-radius: 1em; color: #136689; } .ec-menu-link a:hover { background: #eee; } @media (max-width: 640px) { .ec-card { margin-bottom: 1em; } .ec-card.ec-new:before { border: none; right: 0; } .ec-card-time { z-index: 999; font-size: 13px; width: 60px; height: 60px; line-height: 60px; background: #136689; color: #fff; font-weight: bold; float: left; text-align: center; position: relative; } .ec-card-body { width: calc(100% - 24px); float: right; overflow: hidden; margin-top: -40px; padding: 0.5rem; z-index: 99; position: relative; } .entry-content .ec-card-body h3 { padding-left: 2.75em !important; font-size: 19px; } .article .ec-pr img.ec-card-img { max-width: 100%; height: auto; float: none; } .ec-pr .ec-card-op { width: 100%; float: none; } .ec-pr .ec-card-text { width: 100%; float: none; } .ec-link-date-button { font-size: 16px; } .entry-content .ec-link-area ul { font-size: 13px; } .ec-pager a { font-size: 16px; } .ec-card-op { font-size: 13px; } .ec-card-text { font-size: 12px; } .entry-content .ec-link-area ul { font-size: 14px; } .contactform { width: calc(99% - 1em); margin: 2em auto; padding: 0.5em; } .ec-menu-link a { width: calc(49% - 4px); margin-bottom: 0.5em; font-size: 15px; } } input[type="submit"].wpcf7-submit { display: block; background: #136689; color: #fff; border: 3px solid #136689; border-radius: 1.5em; width: 65%; margin: 0 auto; display: block; } input.wpcf7-submit:hover { background: #fff; color: #136689; border: 3px solid #136689; } p.shutterstock1, p.shutterstock2 { color: #678; font-size: 12px; padding: 0; margin: 0; font-style: italic; text-align: right; line-height: 1.5; } /************************************ ** ブログカードのスタイル ************************************/ .blog-card { margin: .5em auto; max-width: 100%; width: 640px; position: relative; clear: both; min-height: 145px; min-width: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #sidebar .blog-card { margin-left: 0; margin-right: 0; } #sidebar .blog-card-title { font-size: 14px; line-height: 120%; } #sidebar .blog-card-excerpt, #sidebar .blog-card-footer { font-size: 11px; line-height: 120%; } #sidebar img.blog-card-thumb-image { width: 80px; height: 80px; margin-bottom: 20px; } #sidebar .blog-card-thumbnail-left .blog-card-content { margin-left: 90px; } .internal-blog-card, .external-blog-card { padding: 12px; padding-bottom: 6px; border: 1px solid #ddd; word-wrap: break-word; border-radius: 5px; } .external-blog-card-hatena { border: 0; background-color: transparent; overflow: hidden; } .blog-card-thumbnail { float: left; } .blog-card img.blog-card-thumb-image { border: 0; width: 100px; height: 100px; object-fit: cover; display: block; margin-bottom: 10px; } .blog-card-content { margin-left: 110px; line-height: 120%; margin-bottom: 0.5em; } .blog-card-title { margin-bottom: 5px; } .blog-card-title a { font-weight: bold; text-decoration: none; color: #111; } .blog-card-excerpt { color: #333; font-size: 0.9em; max-height: 80px; overflow: hidden; } .blog-card-footer { font-size: 0.7em; width: 100%; color: #777; clear: both; vertical-align: bottom; margin-left: -4px; } .blog-card-site { float: left; margin-right: 7px; margin-top: 1px; } .blog-card-hatebu { float: left; margin-right: 7px; position: relative; bottom: -5px; } .blog-card-date { float: right; margin-bottom: -5px; } .blog-card-site { position: relative; } .blog-card-site a { color: #777; text-decoration: none; } .blog-card-favicon { margin-right: 3px; position: relative; bottom: -4px; } .blog-card-favicon-img { width: 16px; height: 16px; } /***********************************ブログカード(幅が狭い場合)***********************************/ @media screen and (max-width: 560px) { .article .blog-card, .article .entry-content .hover-card { width: 100%; } .blog-card-content { margin-left: 0; } .blog-card-title a { font-size: 14px; line-height: 120%; } .blog-card-excerpt, .blog-card-footer { font-size: 11px; line-height: 120%; } #main .blog-card, #main .hover-card { margin-left: 0; margin-right: 0; width: 100%; } img.blog-card-thumb-image { width: 80px; height: 80px; } .blog-card-content { margin-left: 110px; } } .clear { clear: both; } #sidebar .blog-card, #sidebar .hover-internal-blog-card, #sidebar .hover-external-blog-card, #footer .blog-card, #footer .hover-internal-blog-card, #footer .hover-external-blog-card { width: 100%; min-width: initial; } @media screen and (max-width:524px) {} /************************************ ** 前の記事へ、次の記事へ ************************************/ .navigation { clear: both; overflow: hidden; margin-bottom: 0px; margin: 20px -16px 0px; } @media (max-width: 640px) { .navigation { margin-left: -8px; margin-right: -8px; } } .navigation>div { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .navigation>div+div { border-top: 0; border-bottom: 1px solid #ddd; } .navigation .alignright { text-align: right; } .navigation a { display: block; padding: 1em; border: none; } .navigation a span { color: #ddd; padding-right: 10px; margin-top: -4px; clear: left; } .navigation a:hover { background: #eee; } .navigation .alignright a:hover { border-left: 1px solid #ddd; } /************************************ ** サムネイルつきポストナビ ************************************/ #prev-next { width: 100%; margin: 36px 0 24px; padding: 0; display: table; } #prev-next #prev, #prev-next #next { width: 50%; display: table-cell; position: relative; text-decoration: none; } #prev-next #prev:hover, #prev-next #next:hover { background-color: rgba(238, 238, 238, 0.7); } #prev-next #prev { border-right: #ddd 1px solid; } #prev-next #prev-title, #prev-next #next-title { top: -0.8em; position: absolute; border: 1px #ccc solid; text-align: center; padding: 5px; color: #666; font-size: 28px; border-radius: 6px; background-color: #fff; } #prev-next #next-title { right: 10px; } #prev-next span { padding: 0; margin: 0; } #prev-next #prev img, #prev-next #next img { margin: 0 auto; width: 100px; height: 100px; } #prev-next #prev-no, #prev-next #next-no { width: 50%; padding: 0 10px; display: table-cell; } #prev-next #prev-no { border-right: #ddd 1px solid; } #prev-no, #next-no { position: relative; } #prev-no a:hover, #next-no a:hover { background-color: #fff; } #prev-next-home span { color: #ccc; font-size: 100px; margin: 0 auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /*IE10以降に適用されるCSSハック(一応)*/ @media all and (-ms-high-contrast:none) { #prev-next-home span { margin-top: 50px; } } #prev-next #prev, #prev-next #prev::before, #prev-next #prev::after, #prev-next #next, #prev-next #next::before, #prev-next #next::after { box-sizing: border-box; } #prev-next #next-title { right: 10px; } #prev-next #prev img { margin-top: 10px; float: left; margin-right: 10px } #prev-next #next img { margin-top: 10px; float: right; margin-left: 10px; } /************************************ ** WordPress Misc ************************************/ .aligncenter { display: block; margin-right: auto; margin-left: auto; } img.alignleft, .wp-caption.alignleft { float: left; margin-right: 10px; margin-bottom: 10px; } img.alignright, .wp-caption.alignright { float: right; margin-left: 10px; margin-bottom: 10px; } .wp-caption { margin: 1em auto; padding: 6px 6px 0 6px; border: 1px solid #ddd; background: #f8f8f8; border-radius: 3px; text-align: center; max-width: 95%; } .wp-caption-text { font-size: 80%; margin: initial; } .gallery-caption { font-size: 80%; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { margin: 0; padding: 0 4px 5px; font-size: 11px; line-height: 17px; } img.alignright { display: inline-block; margin: 0 0 1em 1.5em; } img.alignleft { display: inline-block; margin: 0 1.5em 1em 0; } .twitter-tweet { margin: 1.5em auto; clear: both; } article.article li { margin-left: 1.5em; } article.article a { text-decoration: underline; } .list-breaking-area-list { padding: .5em 0; font-size: 15px; } .list-breaking-area-list-date { padding: .75em 0; font-size: 20px; text-align: center; color: #666; } .list-breaking-area-list-content { font-size: 18px; border: 1px solid #eee; padding: 1.5em 1.5em 1.5em .5em; overflow: hidden; border-radius: 4px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); } .list-breaking-area-list-content-list { width: 5.5em; text-align: center; float: left; line-height: 1; } .list-breaking-area-list-content-list-time { background-color: #136689; font-size: 14px; padding: .5em .5em .35em; border-radius: .2em; color: #fff; display: inline-block; margin-bottom: .5em; } .list-breaking-area-list-content a { color: #136689; font-weight: bold; } .list-breaking-area-list-content-list-cat-listing a { color: #f50; font-size: 11px; display: block; } .list-breaking-area-list-content-list-cat-announcement a { color: #0b5; font-size: 11px; display: block; } .list-breaking-area-list-content-list-cat-pressrelease a { color: #08f; font-size: 11px; display: block; } .list-breaking-area-list-content-lists { width: calc(100% - 8.5em); float: right; color: #111; font-size: 14px; line-height: 1.5; } .list-breaking-area-list-content-title { color: #555; font-weight: bold; font-size: 18px; line-height: 1.5; display: block; color: #136689; } .list-breaking-area-list-content-body { margin: .5em 0; } .list-breaking-area-list-content-cat a { color: #136689; float: right; font-size: 14px; } .list-breaking-area-list-content a:hover, .list-breaking-area-list-content-cat a:hover { text-decoration: underline; } @media (max-width: 640px) { .list-breaking-area-list { padding: 1em 0; font-size: 15px; } .list-breaking-area-list-date { padding: .75em 0 1.25em; font-size: 20px; text-align: center; color: #666; } .list-breaking-area-list-content-list { float: none; width: auto; margin-top: -.75em; } .list-breaking-area-list-content { font-size: 16px; padding: 0 .75em .75em .75em; overflow: initial; border-radius: 4px; } .list-breaking-area-list-content-lists { width: auto; float: none; color: #111; font-size: 14px; line-height: 1.25; margin-top: .5em; } .list-breaking-area-list-content-title { color: #555; font-weight: bold; font-size: 15px; line-height: 1.25; display: block; color: #136689; } .list-breaking-area-list-content-cat a { color: #136689; float: right; font-size: 14px; } } #adContent { max-width: 800px !important; margin: 0 auto !important; } .theblock-pack { border: 1px solid #ccc; margin: 1em 0 1.5em; padding: 0; position: relative; line-height: 1.5; } .theblock-pack a{text-decoration: none !important;} .theblock-pack .prcorplist span { background-color: #f8f8f8; color: #000; display: block; font-weight: bold; margin:0 auto; } .theblock-pack .prcatdisc_head { display: block; text-align: center; background: #eee; padding-top: 2px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #ccc; padding: .75em 0 .5em; } .theblock-pack .prcatdisc { padding: .5em 0; } .theblock-pack2 .prcorplists_head { display: block; text-align: center; background: #eee; padding-top: 2px; font-size: 14px; font-weight: bold; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .theblock-pack .prcorplistcp, .theblock-pack2 .prcorplistcp { margin: 0; } .theblock-pack .prcatdisc-in1, .theblock-pack2 .prcorplists { padding: 0 1em 1em; } .theblock-pack .prcatdisc-in1, .theblock-pack .prcatdisc-in2 { border: none; } .theblock-pack .prcatdisc-in2 { padding-top: 1em; } .theblock-pack .prcatdisc-in2 .prcorplist { border: none; padding: 0; margin: 0; } .theblock-kiji { padding-bottom: .5em; } .theblock-kiji-h { background: #eee; padding-top: 2px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; text-align: center; padding: .75em 0 .5em; } a.theblock-kiji-link { display: block; padding: .5em; margin: .5em .5em 0; line-height: 1.4; color: #333; } a.theblock-kiji-link:hover { background: #f8f8f8; } .theblock-kiji-link span { color: #888; } .theblock-kiji2 { padding-bottom: .5em; border: 1px solid #ccc; margin-bottom: 1.5em; } .theblock-kiji2_head { display: block; text-align: center; background: #eee; padding-top: 2px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #ccc; } .theblock-kiji2-h { background: #eee; padding-top: 2px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; text-align: center; } a.theblock-kiji2-link { display: block; padding: .5em; margin: .5em .5em 0; line-height: 1.4; color: #333; } a.theblock-kiji2-link:hover { background: #f8f8f8; } .theblock-kiji2-link span { color: #888; } @media (max-width: 640px) { .prcatdisc-in1, .prcatdisc-in2 { width: 100%; } } .author-wrap { border: 1em solid #f0f4f8; padding: 1.25em; margin: 1.5em 0; } h3.author-h3, .article h3.author-h3 { margin: 0; font-size: 110%; overflow: hidden; margin-bottom: 0.75em; border: none; padding: 0; } a.author-a { text-decoration: none; font-size: 128%; } .author-s { color: #666; display: block; margin: 0.5em 0 0; } a.author-t { float: right; text-decoration: none; font-size: 75%; background: #39f; color: #fff; padding: 0 0.5em; border-radius: 0.4em; } a.author-t:before { font-family: 'icomoon' !important; content: "\e91c"; padding-right: 0.5em; } a.author-t:hover { color: #ff0; } .author-b { padding-left: 2em; } /************************************ ** 入力フォーム(Form) ************************************/ input[type="text"], input[type="url"], input[type="password"], input[type="email"], input[type="search"], input[type="tel"], textarea { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #333; font-size: 16px; line-height: 1.42857; padding: 6px 12px; -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; box-sizing: border-box; } input#author, input#email, input#url { max-width: 360px; } .gsc-search-box input[type="text"] { background-color: #FFF; border-radius: 0px; } #comment-area input[type="text"], #comment-area textarea { display: block; } textarea { overflow: auto; width: 100%; box-sizing: border-box; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="url"]:focus, input[type="tel"]:focus, textarea:focus { border: 1px solid #ff69b4; background: #fff; box-shadow: 0 0 3px rgba(255, 105, 180, 1); color: #444; } .button, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; margin-bottom: 20px; padding: 6px 12px; border: 1px solid #777; border-radius: 3px; background: #fff; color: #333; text-decoration: none; font-weight: bold; line-height: normal; cursor: pointer; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background: #eee; } .formlist { padding: 2em 0 1.5em; background: #f8fcff; text-align: center; margin-bottom: 1.5em; } .formlist h3 { margin: 1em 0; padding: .5em; background: #e70; border: none; color: #fff; display: inline-block; } .formlistin { clear: both; } .formlist a { display: inline-block; width: 18%; padding: 0 .5em; box-sizing: border-box; font-size: 86%; color: #000; } .formlist a img { width: 75%; } .formlist a span { display: block; line-height: 1.2em; height: 4.8em; overflow: hidden; } .formlist a span i { font-size: 90%; display: block; line-height: 1.2em; font-style: normal; color: #68a; } .formlist a:hover img { opacity: 0.7; } .formlist a:hover span { color: #b00; } @media screen and (max-width: 640px) { .formlist { overflow: hidden; } .formlist a { width: 33.3%; padding: .5em .2em; overflow: hidden; float: left; } .formlist a span { height: 6em; } .formlistin a:last-child { float: none; } .formlistin a:last-child span { height: 2.5em; } } .infoforms { margin: 1em; padding: 1em; background: #f8f8f8; } .infoforms label { display: block; } .infoforms-block p { margin: 0 0 1.5em; font-size: 85%; color: #444; } .infoforms-block-txt { display: block; margin-top: .75em; font-weight: bold; } .infoforms-block-file { display: block; background: #fff; border-radius: 4px; padding: 8px; border: 1px solid #ccc; } div.wpcf7 input[type="file"] { cursor: pointer; line-height: 1; } .infoforms-block-send { height: 2.5em; } div.wpcf7 .ajax-loader { margin: 0; height: 1px; width: 1px; } .boshuset { margin: .75em; } .boshuset a { padding: 1.25em .75em; display: block; color: #fff; border-radius: .25em; background: #0b62ba; } .boshuset a:hover { color: #ff0; background: #0139b4; } a.boshuimg:hover { opacity: 0.8; } /* .boshusetbig a{padding:2em .75em;} */ .prforms { background: #f8f8f8; padding: 1em; } #thumbslide-1, #thumbslide-2 { background: #f0f8ff; padding: 1em; border-radius: 4px; } .prbtnwrap { text-align: center; margin: 1.5em .5em; } a.prbtn { border: 1px solid #2098A8; color: #2098A8; padding: .5em 1.2em; border-radius: .5em; } a.prbtn:hover { background: #2098A8; color: #fff; } .star-5:before { content: "★★★★★"; color: #fa0; } .star-4:before { content: "★★★★"; color: #fa0; } .star-3:before { content: "★★★"; color: #fa0; } .star-2:before { content: "★★"; color: #fa0; } .star-1:before { content: "★"; color: #fa0; } .star-4:after { content: "★"; color: #eee; } .star-3:after { content: "★★"; color: #eee; } .star-2:after { content: "★★★"; color: #eee; } .star-1:after { content: "★★★★"; color: #eee; } .homelnew-coins { text-align: center; margin: 12px 0 0; } .homelnew-coins img { height: 1.4em; width: auto; margin: 0 3px; } @media screen and (max-width: 640px) { .homelnew-coins { text-align: center; margin: 0 0 6px; } } /* ------------ home main ------------ */ #main-column { width: 100%; } .homes { width: 100%; min-width: 980px; max-width: 1280px; margin: 2em auto; } .home-main { width: calc(100% - 380px); float: left; } .home-sub { width: 340px; float: right; } @media (max-width: 640px) { #main-column { width: 100%; } .homes { width: 100%; min-width: auto; max-width: auto; margin: 2em auto; } .home-main { width: 100%; float: none; } .home-sub { width: 100%; float: none; margin-top: 2em; } .homes-wrap { overflow: auto; } } /* ------------ home side head ------------ */ .home-sub-head { border-bottom: 2px solid #C7C7C7; font-size: 20px; font-weight: bold; padding: .35em .5em; margin-top: 1px; } .home-sub-head-t { display: inline-block; } .home-sub-head a { display: inline-block; float: right; font-size: 16px; font-weight: normal; color: #c7c7c7; margin-top: 4px; } .home-sub-head a:after { content: " >"; } .home-sub-div { margin-bottom: 3em; } @media (max-width: 640px) {} /* ------------ home side news ------------ */ .home-soks { padding: .75em; } .homesoks-dat { font-size: 17px; font-weight: bold; padding: .75em 0 0; border-top: 1px solid #fff; margin-top: -1px; color: #345; } .homesoks-in { overflow: hidden; border-bottom: 1px solid #eee; font-size: 15px; color: #444; padding: 1em 0em; } .homesoks-time { width: 3.5em; float: left; } .homesoks-text { width: calc(100% - 3.5em); float: right; font-weight: bold; } .homesokstimes { font-weight: normal; } @media (max-width: 640px) {} /* ------------ home side global ------------ */ .home-glo .home-sub-head { margin-bottom: .5em; } .home-glo .sp-thumbnail-container { border-bottom: 4px solid #eee; font-size: 15px; text-align: center; line-height: 48px; } .home-glo .sp-selected-thumbnail { border-bottom: 4px solid #F21E16; } #top-breaking-area { max-width: 330px !important; margin: 0 auto !important; } .top-breaking-area-list { font-size: 15px; padding: 1em 0; border-bottom: 1px solid #eee; } .top-breaking-area-list-content { overflow: hidden; } .top-breaking-area-list-content-date { width: 4em; float: left; font-size: 15px; color: #234; } .top-breaking-area-list-content-date span { display: block; text-align: center; } .top-breaking-area-list-content-date span.nowd { display: none; } .top-breaking-area-list-content-title { width: calc(100% - 4em); float: right; color: #111; font-weight: normal; } .top-breaking-area-list-content-title a { color: #555; } .top-breaking-area-list-content-cat a { color: #2098A8; float: left; font-weight: bold; } .top-breaking-area-list-content-cat:after { content: ":"; } #top-breaking-area { position: relative } #top-breaking-area:after { position: absolute; bottom: 0; left: 0; z-index: 2; content: ''; width: 100%; height: 10%; background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, 1) 100%); } .top-breaking-area-bottom { border-top: 3px solid #eee; padding-top: .25em; margin-bottom: 2em; text-align: right; font-size: 16px; } .list-breaking-area-list { padding: .5em 0; font-size: 15px; } .list-breaking-area-list-date { padding: .75em 0; font-size: 20px; text-align: center; color: #666; } .list-breaking-area-list-content { font-size: 18px; border: 1px solid #eee; padding: 1.5em 1.5em 1.5em .5em; overflow: hidden; border-radius: 4px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); } .list-breaking-area-list-content-list { width: 5.5em; text-align: center; float: left; line-height: 1; } .list-breaking-area-list-content-list-time { background-color: #136689; font-size: 14px; padding: .5em .5em .35em; border-radius: .2em; color: #fff; display: inline-block; margin-bottom: .5em; } .list-breaking-area-list-content a { color: #136689; float: left; } .list-breaking-area-list-content-list-cat-listing a { color: #f50; font-size: 11px; display: block; } .list-breaking-area-list-content-list-cat-announcement a { color: #0b5; font-size: 11px; display: block; } .list-breaking-area-list-content-list-cat-pressrelease a { color: #08f; font-size: 11px; display: block; } .list-breaking-area-list-content-lists { width: calc(100% - 8.5em); float: right; color: #111; font-size: 14px; line-height: 1.5; } .list-breaking-area-list-content-title { color: #555; font-size: 18px; line-height: 1.5; display: block; color: #136689; } .list-breaking-area-list-content-body { margin: .5em 0; } .list-breaking-area-list-content-cat { text-align: right; display: block; } .list-breaking-area-list-content-cat a { color: #136689; font-size: 14px; float: none; } .list-breaking-area-list-content-list-cat-listing a, .list-breaking-area-list-content-list-cat-announcement a { float: none; } .list-breaking-area-list-content a:hover, .list-breaking-area-list-content-cat a:hover { text-decoration: underline; } @media (max-width: 640px) { #top-breaking-area { max-width: calc(100% - 24px) !important; margin: 0 12px !important; } .list-breaking-area-list { padding: 1em 0; font-size: 15px; } .list-breaking-area-list-date { padding: .75em 0 1.25em; font-size: 20px; text-align: center; color: #666; } .list-breaking-area-list-content-list { float: none; width: auto; margin-top: -.75em; } .list-breaking-area-list-content { font-size: 16px; padding: 0 .75em .75em .75em; overflow: initial; border-radius: 4px; } .list-breaking-area-list-content-lists { width: auto; float: none; color: #111; font-size: 14px; line-height: 1.25; margin-top: .5em; overflow: hidden; } .list-breaking-area-list-content-title { color: #555; font-size: 15px; line-height: 1.25; display: block; color: #136689; } .list-breaking-area-list-content-cat a { color: #136689; float: right; font-size: 14px; } } /* ------------ home side altcoin ------------ */ .home-alt-list { padding: 1em .5em; } .home-alt-list a { display: block; margin: .5em; padding: 1em 2em; border: 1px solid #ddd; border-radius: .5em; overflow: hidden; position: relative; } .home-alt-list a:hover { background: #fafafa; } .home-alt-list a .ec-image { width: 3em; height: 3em; float: left; } .home-alt-list a .ec-image img { height: 100%; } .home-alt-list a .ec-chart { display: none; } .home-alt-list a .ec-sym { position: absolute; top: 1em; left: 6em; font-family: sans-serif; font-weight: bold; } .home-alt-list a .ec-name { position: absolute; bottom: 0.7em; left: 6em; font-family: sans-serif; color: #888; } .home-alt-list a .ec-price { position: absolute; top: 1em; right: 2em; color: #2db482; font-family: sans-serif; font-weight: bold; } .home-alt-list a .ec-par { position: absolute; bottom: 0.7em; right: 2em; color: #2db482; font-family: sans-serif; } .home-alt-list a .ec-mn { color: #b42d32; } .home-alt-list a .ec-price:before { content: "¥"; } .home-alt-list a .ec-par:after { content: "%"; } @media (max-width: 640px) {} /* ------------ cat side altcoin ------------ */ .cat-alt-list { padding: 1em .5em; max-width: 480px; margin: 0 auto; position: relative; } .cat-alt-list a { display: block; margin: 0 .5em; padding: 1em 2em; border: 1px solid #ddd; border-radius: .5em; overflow: hidden; position: relative; } .cat-alt-list a:hover { background: #fafafa; } .cat-alt-list a .ec-image { width: 3em; height: 3em; float: left; } .cat-alt-list a .ec-image img { height: 100%; } .cat-alt-list a .ec-chart { display: none; } .cat-alt-list a .ec-sym { position: absolute; top: 1em; left: 6em; font-family: sans-serif; font-weight: bold; } .cat-alt-list a .ec-name { position: absolute; bottom: 0.7em; left: 6em; font-family: sans-serif; color: #888; } .cat-alt-list a .ec-price { position: absolute; top: 1em; right: 2em; color: #2db482; font-family: sans-serif; font-weight: bold; } .cat-alt-list a .ec-par { position: absolute; bottom: 0.7em; right: 2em; color: #2db482; font-family: sans-serif; } .cat-alt-list a .ec-mn { color: #b42d32; } .cat-alt-list a .ec-price:before { content: "¥"; } .cat-alt-list a .ec-par:after { content: "%"; } .cat-alt-list .poweredby-coingecko a { border: none; margin-top: 1em; } @media (max-width: 640px) {} .sp-bottom-thumbnails .sp-thumbnail-container, .sp-top-thumbnails .sp-thumbnail-container { margin-left: 0 !important; margin-right: 0 !important; } .toukoukanren { overflow: hidden; margin: .5em 0 3em; padding: 0 .5em; } .toukoukanren a { text-decoration: none !important; } .kanrenlist-in { overflow: hidden; padding: 1em 0; border-bottom: 1px solid #ddd; position: relative; } .kanrenlist-in figure { width: 130px; height: 80px; float: left; } .kanrenlist-in figure img { width: 100%; margin-top: 4px; } .kanrenlist-in .kanrenlist-in-text { width: calc(100% - 150px); float: right; } .kanrenlist-in .kanrenlist-in-text a { color: #333; font-size: 18px; font-weight: bold; line-height: 1.25; } .kanrenlist-in .kanrenlist-in-sub { position: absolute; bottom: .75em; right: 0px; left: 150px; line-height: 1.5em; } .kanrenlist-in .kanrenlist-in-sub .kanrentimes { float: left; font-size: 12px; color: #888; } .kanrenlist-in .kanrenlist-in-sub .kanrentimes:before { font-family: "FontAwesome"; content: "\f017"; font-size: 14px; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; padding: 0 .2em; } .kanrenlist-in .kanrenlist-in-sub .kanrencoins { float: right; } .kanrenlist-in .kanrenlist-in-sub .kanrencoins img { /*width: 1.25em;*/ margin: 0 .4em; } .kanrenlist-in .kanrenlist-in-sub .kanrenorg { float: right; } .kanrenlist-in .kanrenlist-in-text .kanrenorg a { color: #333; font-size: 14px; font-weight: normal; } @media (max-width: 640px) { .kanrenlist-in { overflow: hidden; padding: .75em 0 .5em; border-bottom: 1px solid #ddd; position: relative; } .kanrenlist-in figure { width: 100px; height: 62px; float: left; margin-top: 0; } .kanrenlist-in .kanrenlist-in-text { width: calc(100% - 110px); float: right; } .kanrenlist-in .kanrenlist-in-text a { color: #333; font-size: 16px; font-weight: bold; min-height: 62px; display: block; } .kanrenlist-in .kanrenlist-in-text .kanrenorg a { color: #333; font-size: 14px; font-weight: normal; min-height: auto; } .kanrenlist-in .kanrenlist-in-sub { position: relative; bottom: 0; right: 0; left: 0; line-height: 1.5em; margin-top: 0; margin-left: -110px; } } .kanrenlists-in { overflow: hidden; padding: 1em 0; border-top: 1px solid #ddd; position: relative; width: 49%; float: left; margin: 0 2% 0 0; } .kanrenlists-in:nth-child(1), .kanrenlists-in:nth-child(2) { border-top: none; } .kanrenlists-in:nth-child(even) { margin: 0; } .kanrenlists-in figure { width: 110px; height: 80px; float: right; } .kanrenlists-in figure img { width: 100%; margin-top: 0px; } .kanrenlists-in .kanrenlists-in-text { width: calc(100% - 115px); float: left; margin-bottom: 1.5em; } .kanrenlists-in .kanrenlists-in-text a { color: #333; font-size: 15px; font-weight: bold; line-height: 1.25; } .kanrenlists-in .kanrenlists-in-sub { position: absolute; bottom: .75em; right: 0; left: 0; line-height: 1.5em; } .kanrenlists-in .kanrenlists-in-sub .kanrentimes { float: left; font-size: 12px; color: #888; } .kanrenlists-in .kanrenlists-in-sub .kanrentimes:before { font-family: "FontAwesome"; content: "\f017"; font-size: 14px; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; padding: 0 .2em; } .kanrenlists-in .kanrenlists-in-sub .kanrencoins { float: right; } .kanrenlists-in .kanrenlists-in-sub .kanrencoins img { width: 1em; margin: 0 .2em; } .kanrenlists-in .kanrenlists-in-sub .kanrenorg { float: right; } .kanrenlists-in .kanrenlists-in-text .kanrenorg a { color: #333; font-size: 14px; font-weight: normal; } .kanrenlists-rank { background: #456; color: #fff; text-align: center; font-weight: bold; width: 20px; height: 20px; line-height: 21px; font-size: 14px; border-radius: 50%; display: inline-block; top: -2px; position: relative; margin-right: 6px; } @media (max-width: 640px) { .kanrenlists-in { overflow: hidden; padding: .75em 0 .5em; border-top: 1px solid #ddd; position: relative; width: 100%; margin: 0; float: none; } .kanrenlists-in:nth-child(1) { border-top: none; } .kanrenlists-in:nth-child(2) { border-top: 1px solid #ddd; } .kanrenlists-in figure { width: 110px; height: 80px; float: right; margin-top: 0; } .kanrenlists-in .kanrenlists-in-text { width: calc(100% - 115px); float: left; } .kanrenlists-in .kanrenlists-in-text a { color: #333; font-size: 16px; font-weight: bold; min-height: 62px; display: block; } .kanrenlists-in .kanrenlists-in-text .kanrenorg a { color: #333; font-size: 14px; font-weight: normal; min-height: auto; } .kanrenlists-in .kanrenlists-in-sub { float: none; bottom: .5em; } } .widget_pc_text { margin-bottom: 2.5em; } .googlead .widget_pc_text { margin-bottom: 0; } .r-wpp div.wpp-core-body-full::before { counter-increment: momo-wpp-rank; content: counter(momo-wpp-rank); z-index: 1; position: relative; top: 0; left: 0; font-size: 14px; width: 24px; height: 24px; line-height: 24px; background: #136689; color: white; font-weight: bold; border-radius: 50%; display: inline-block; text-align: center; } blockquote { background: none repeat scroll 0 0 rgba(245, 250, 255, .8); border: 1px solid #fff; margin: 1em 0; padding: 20px 55px 10px; position: relative } blockquote:before { color: #b8c8d8; content: "“"; font-family: serif; font-size: 450%; left: 0; line-height: 1em; position: absolute; top: 0 } @media (max-width: 640px) { blockquote { padding: 1em 1em .5em; } blockquote:before { font-size: 450%; } } a.square_btn { display: none; } #archive-title.archive-title-organ { padding: 0 10px; color: #fff; } .coinscats { overflow: hidden; display: -webkit-flex; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; } .coinscats_l { width: 240px; padding: .5em; } .coinscats_img { display: block; text-align: center; } .coinscats_img img { width: 50%; max-width: 125px; } article.article a.coinscats_name, a.coinscats_name { display: block; text-align: center; text-decoration: none; font-weight: bold; } .coinscats_r { width: calc(100% - 240px); padding: .5em; } article.article a.coinscats_rk, a.coinscats_rk { display: block; text-decoration: none; line-height: 1.5; margin: 1.25em 0; } .coinscats.coinscats2 { display: block; margin-bottom: 2.5em; } .coinscats2 .coinscats_l, .coinscats2 .coinscats_r { width: 100%; } @media (max-width: 640px) { .coinscats { overflow: hidden; display: block; justify-content: center; align-items: center; border: 1px solid #ccc; } .coinscats_l, .coinscats_r { width: 100%; } .coinscats.coinscats2 { display: none; } } #kiji_h3_before { margin: 2em 0; } /* ------------ 用語集 ------------ */ .glossary-title{color:#2d3c4b;} /* 【「」行】で始まる用語 の部分*/ .boxGlossary03 ul{ list-style: none outside; width: 90%; margin: auto; display:table; } .boxGlossary03 ul li { float: left; width: 46%; height:35px; margin-top: 1.3%; margin-bottom: 1.3%; margin-left: 2%; margin-right: 2%; } @media (max-width:420px){ .boxGlossary03 ul li{ width: 95%; margin-top: 2.5%; margin-bottom: 2.5%; margin-left: 2%; margin-right: 2%; } } .boxGlossary03 ul li a:link, .boxGlossary03 ul li a:visited { background-color: #e9e9e9; } .boxGlossary03 ul li a:hover{ background-color: #CCF2FF; opacity:0.75; } .boxGlossary03 ul li a { display: block; white-space: nowrap; padding: 10px 15px 10px 35px; border-radius: 15px; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .5); overflow: hidden; /* background: url(../../../../img/glossary/arrow-right-s-line.png) no-repeat 8px 0.5em; */ background: url(../../../../img/glossary/chevron-right-solid.svg) no-repeat 10px 0.8em; background-size: 3.5%; } .equalHeight{ display: flex; flex-direction: column; align-items:center; } /* 真ん中の線 */ .hrSolid01{ width: 100%; margin: 3% 0; unicode-bidi: isolate; color: #e9e9e9; } /* 注目のクリプト用語 */ .glossary-heading3{ margin: 30px 0 .25em 0; background: url(../../../../img/glossary/lightbulb-line.png) no-repeat 0 0; color:#2d3c4b; font-size: 19px; font-weight: bold; border-radius: .5em; } @media screen and (min-width:0px){ .glossary-heading3{ padding: 0 0 0 8%; } } @media screen and (min-width:540px){ .glossary-heading3{ padding: 0 0 0 4%; } } .boxGlossary01{ width: 100%; margin: auto; margin: 2.5px 0 30px 0; padding: .5em; background-color: #fff; border: 2px solid #3385a6; border-radius:.5em; } .glossary-col02 .wpp-list{ /* display:-webkit-box; */ /* display:flex; */ display: table; /* -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap; flex-direction: column; */ /* test */ margin: auto; list-style: none outside; width:90%; padding-bottom: 4px; } .glossary-col02 .wpp-list li{ /* list-style: none; width:33%; float:left; clear:both; */ float: left; width: 46%; height:35px; margin-top: 1.3%; margin-bottom: 1.3%; margin-left: 2%; margin-right: 2%; } @media (max-width:420px){ .glossary-col02 .wpp-list li{ width: 95%; margin-top: 2.5%; margin-bottom: 2.5%; margin-left: 2%; margin-right: 2%; } } .glossary-col02 .wpp-list li a{ /* padding-left: 35%; text-decoration: none; background: url(../../../../img/glossary/arrow-right-s-line.png) no-repeat -9px -0.4em; */ display: block; white-space: nowrap; padding: 10px 15px 10px 35px; border-radius: 15px; box-shadow: 0 2px 3px 0 rgb(0 0 0 / 50%); overflow: hidden; /* background: url(../../../../img/glossary/arrow-right-s-line.png) no-repeat 8px 0.5em; */ background: url(../../../../img/glossary/chevron-right-solid.svg) no-repeat 10px 0.8em; background-size: 3.5%; background-color: #e9e9e9; } /* タブのデザイン + 切り替え */ .tab_container { background-color: #fff; border:1px solid #3385a6; border-radius:.5em; margin: 0 auto; margin: 20px 0; } .tab_item { width: calc(100%/3); /*100%/2に*/ padding:15px 0; border-bottom: 1px solid #3385a6; background-color: #ececec; text-align: center; color: #3385a6; display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease; } /* 丸角 */ .tab_item1{ border-radius:.4em 0px 0px 0px; } .tab_item2{ border-radius:0px .4em 0px 0px; } .tab_item:hover { opacity: 0.75; } /* 切り替え */ input[name="tab_item"] { display: none; } .tab_content { display: none; padding: 1em; clear: both; overflow: hidden; } #tab1:checked ~ #tab1_content, #tab2:checked ~ #tab2_content, #tab3:checked ~ #tab3_content{ display: block; } .tab_container input:checked + .tab_item { background-color: #3385a6; color: #fff; } /* 50音 (tab2の部分)*/ .glossary-column{ display: flex; flex-wrap: wrap; justify-content: center; } .glossary-col{ margin:0; padding:0 2%; } @media screen and (min-width:0px){ .glossary-col{ width: 80%; } } @media screen and (min-width:540px){ .glossary-col{ width: 40%; } } .boxGlossary02 table{ border-collapse: collapse; border-spacing: 0; display:block; margin: 1px 0 0 0; } .boxGlossary02 table tbody tr td:first-child{ background-color:#e4e4e4; border: 1px solid #acacac; width: 45px; height: 45px; text-align: center; } .boxGlossary02 table tbody tr td{ border: 1px solid #acacac; width: 45px; height: 45px; text-align: center; padding:0; } .boxGlossary02 table tbody tr td:hover{ background-color: #CCF2FF; } .boxGlossary02 table tbody tr td a{ color: black; text-decoration: none; font-size:16px; white-space:nowrap; display:block; padding:9px 5px; } /* ジャンルで探すの部分 (tab1)*/ .glossary-col-genre{ margin:0; padding:0 2%; } @media screen and (min-width:0px){ .glossary-col-genre{ width: 100%; } } @media screen and (min-width:540px){ .glossary-col-genre{ width: 50%; } } .glossary-column .linkListTx01{ justify-content:start; } .glossary-col ul{ margin: 0 15px; } .linkListTx01 li,.linkListTx02 li{ position: relative; list-style: none; font-size:16px; margin: 0 0 12px 0; white-space: nowrap; text-align:left; box-shadow: 5px 5px 5px #eaebed; border-radius: 15px; } .genre-list a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 10px 0 0 120px; } .genre-list a:hover,.genre-list:hover::before{ opacity: 0.75; } @media screen and (min-width:0px){ .genre-list a{ padding:10px 0 0 90px; } } @media screen and (min-width:540px){ .genre-list a{ padding:10px 0 0 120px; } } /* iphone8 横向き */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape){ .genre-list a{ padding:10px 0 0 90px; } } /* ipad 横向き */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){ .genre-list a{ padding:10px 0 0 80px; } } /* ipad pro 縦向き */ @media only screen and (min-device-width: 1024px) and (max-device-width: 1356px) and (orientation: portrait){ .genre-list a{ padding:10px 0 0 80px; } } /* surface duo 縦向き*/ @media only screen and (min-device-width: 540px) and (max-device-width: 720px) and (orientation: portrait){ .genre-list a{ padding:10px 0 0 65px; } } .genre-list{ position: relative; height:48px; } .genre-list::before{ content:""; position: absolute; left: 0; top: 0; line-height: 3; height: 100%; width:20%; border-radius: 15px 0 0 15px; } .genre-list-currency::before{ background-color: #ED8E2E; background-image: url(../../../../img/glossary/bitcoin.svg); background-size: 60% 60%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } .genre-list-eth::before{ background-color: #878EAB; background-image: url(../../../../img/glossary/bank-line.svg); background-size: 60% 60%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } .genre-list-exchange::before{ background-color: #34ABB6; background-image: url(../../../../img/glossary/stats-dots.svg); background-size: 60% 60%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } .genre-list-blockchain::before{ background-color: #63B9E8; background-image: url(../../../../img/glossary/link.svg); background-size: 60% 60%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } .genre-list-mining::before{ background-color: #E85C5D; background-image: url(../../../../img/glossary/hammer.svg); background-size: 60% 60%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } .genre-list-others::before{ background-color: #AD9767; background-image: url(../../../../img/glossary/search.svg); background-size: 60% 60%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } /* .linkListTx01 li a{ background: url(../../../../img/glossary/arrow-right-s-line.png) no-repeat 8px 0.2em; } */ /* 通貨で探す */ .genre-crypto{ position: relative; height:45px; } .genre-crypto::before{ content:""; position: absolute; left: 0; top: 0; line-height: 3; height: 100%; width:20%; border-radius: 15px 0 0 15px; } .genre-crypto a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 10px 0 0 110px; } .genre-crypto a:hover,.genre-crypto:hover::before{ opacity: 0.75; } .genre-crypto::before{ content:""; position: absolute; left: 0; top: 0; line-height: 3; height: 100%; width:20%; border-radius: 15px 0 0 15px; } .genre-crypto-btc::before{ background-color: #ED8E2E; background-image: url(../../../../img/glossary/bitcoin.svg); background-size: 60% 60%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } .genre-crypto-eth::before{ background-color: #878EAB; background-image: url(../../../../img/glossary/ethereum.svg); background-size: 60% 60%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } .genre-crypto-xrp::before{ background-color: #1f2547; background-image: url(../../../../img/glossary/xrp-xrp-logo.svg); background-size: 50% 50%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } .genre-crypto-defi::before{ background-color: #fc157b; background-image: url(../../../../img/glossary/uniswap-uni-logo.svg); background-size: 77% 77%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } .genre-crypto-nft::before{ background-color: #7866D5; background-image: url(../../../../img/glossary/enjin-coin-enj-logo.svg); background-size: 60% 60%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } .genre-crypto-dapps::before{ background-color: #2a5ada; background-image: url(../../../../img/glossary/chainlink-link-logo.svg); background-size: 60% 60%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } .genre-crypto-cex::before{ background-color: #f3ba2f; background-image: url(../../../../img/glossary/binance-coin-bnb-logo.svg); background-size: 60% 60%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } .genre-crypto-dex::before{ background-color: #3ab7c4; background-image: url(../../../../img/glossary/aave-aave-logo.svg); background-size: 60% 60%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } .genre-crypto-private::before{ background-color: #f05f30; background-image: url(../../../../img/glossary/monero-xmr-logo.svg); background-size: 60% 60%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } .genre-crypto-stable::before{ background-color: #54af95; background-image: url(../../../../img/glossary/tether-usdt-logo.svg); background-size: 60% 60%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } @media screen and (min-width:0px){ .genre-crypto a{ padding:10px 0 0 90px; } } @media screen and (min-width:540px){ .genre-crypto a{ padding:10px 0 0 120px; } } /* 用語集、各用語の解説ページ */ .boxGlossary06{ margin: 40px 0 0 0; } .boxGlossary06 .heading { background: url(../../../../img/glossary/message-3-line.png) no-repeat 0 0; font-size: 19px; font-weight: bold; } @media screen and (min-width:0px){ .boxGlossary06 .heading { padding: 0 0 .25em 8%; } } @media screen and (min-width:540px){ .boxGlossary06 .heading { padding: 0 0 .25em 4%; } } .heading1{ background: url(../../../../img/glossary/book-2-line.png) no-repeat 0 0; } .heading1 .official{ font-size:16px; display:inline-block; } @media screen and (min-width:0px){ .heading1 .title { padding: 0 0 0 11%; } } @media screen and (min-width:540px){ .heading1 .title { padding: 0 0 0 6%; } } /* 短い解説部分 */ .para01 { margin: 1em 0 0 0; font-size:18px; } /* 用語の使用例 */ .boxGlossary06 .balloon .inner { padding: 20px; border: 2px solid #3385a6; border-radius: .5em; font-size: 18px; box-shadow: 5px 5px 5px #eaebed; } /* 詳しい説明 */ .boxGlossary07 .heading { padding: 30px 0 1px 1px; background: url() no-repeat 0 0.2em; font-size: 19px; font-weight: bold; margin-bottom:.25em; } .boxGlossary07 .column .col02{ overflow: hidden; margin: 1px 0 0 0; /* border: 4px solid #dddddd; */ zoom: 1; padding: 20px; font-size: 18px; border-radius:.5em; box-shadow:3px 3px 4px 4px #eaebed; } /* サイドバー、口座開設への遷移ボタン */ .exchange-btn{ display: inline-block; width:100%; max-width: 300px; padding: 1em 1em; background-color: #3385a6; border:2px solid transparent; color: #fff; font-size:1.125rem; text-align: center; text-decoration: none; } .exchange-btn:focus, .exchange-btn:hover{ opacity: 0.75; color:white; } /* サイドバー、初めての仮想通貨 */ .glossary-beginner-sidebar{ background-color: rgb(255, 255, 255); width: calc(100% - 2em); max-height: 100%; max-width: 100%; overflow: hidden; padding: 1em; margin-bottom:2em; } /* 関連記事 デザイン */ .glossary-kanren-title{ color: #2d3c4b; font-size: 19px; font-weight: bold; margin-top: 30px; margin-bottom:.25em; } .glossary-related-article{ border: 2px solid #3385a6; border-radius: .5em; box-shadow: 3px 3px 4px 4px #eaebed; } .glossary-related-article .right-sidebar_title{ border-bottom: 0px; padding: .35em .5em; margin: 0 0 0; } .glossary-related-article .toukoukanren{ overflow: hidden; margin: .1em 0 0.4em; padding: 0 .5em; } .glossary-related-article .kanrenlist-in { overflow: hidden; padding: 0 0; border-bottom: 0px; position: relative; } .grs_in{padding:0 .5em;} /* ページヘッダー:TOP右(指標部分/注目情報) */ .top-right-hot-topic{ width: 100%; } .hot-topic-title{ width: 100%; border-bottom: 3px solid #1C1E21; } .hot-topic-title h2{ padding: 7px 15px; } .hot-topic-list{ overflow: hidden; } @media screen and (min-width:540px){ .hot-topic-list { height: calc(26.25vw - 40px); } } .hot-topic-content{ border-bottom: 1px solid #ccc; overflow: hidden; display: table; width:100%; height:33%; } .hot-content-headline{ width: 90%; margin:auto; } @media screen and (min-width:0px){ .hot-content-headline { margin-top: 1.1em; margin-bottom: 1.1em; } } @media screen and (min-width:540px){ .hot-content-headline { margin-top: 1.8em; } } .hot-content-headline h4{ font-size: 18px; } /* 20200428 */ article.article header .entry-title span{ display:block; font-size:72%; margin-top:.4em; opacity: 0.85; font-weight: normal; } /* 20200505 comment */ /* 記事下 */ .under-article-bg { border: none; } .under-article-bg{ /* background:#f8fafc;*/ padding-bottom: 1em; } .under-article-header{ /* display:flex; flex-wrap: nowrap; */ } @media screen and (min-width:0px){ .under-article-header { /* padding: 0px 10px 0px 0px;*/ height: 66px; /* margin-top: 0px; margin-left: 26px;*/ } } @media screen and (min-width:540px){ .under-article-header { /* padding: 12px 22px 10px 22px;*/ height: 73px; /* margin-top: 8px; margin-left: 11px;*/ } } @media screen and (min-width:833px){ .under-article-heading{ /* padding: 12px 10px 10px 5px;*/ } } a.under-article-coin-link{ display:flex; flex-wrap: nowrap; text-decoration: none !important; padding:.75em .5em; border-radius:6px; } a.under-article-coin-link:hover{ background:#f8f9fa; } @media (max-width: 640px) { a.under-article-coin-link{ padding:.5em 0; } } .under-article-coin-heading{ width: 50%; display: flex; height: 43px; } @media screen and (min-width:0px){ .under-article-coin-heading{ padding-top: 23px; padding-left:10px; } } @media screen and (min-width:540px){ .under-article-coin-heading{ padding-top: 0px; } } .under-article-coin-price{ width: 50%; text-align: right; padding-right: 10px; } @media screen and (min-width:0px){ .under-article-coin-heading,.under-article-coin-price{ width: 100%; } } @media screen and (min-width:540px){ .under-article-coin-heading,.under-article-coin-price{ width: 50%; } } @media screen and (min-width:0px){ .under-article-coin-price{ padding-top: 0px; } } @media screen and (min-width:540px){ .under-article-coin-price{ padding-top:0px; } } .under-article-coin-name{ font-size: 32px; font-weight: bold; margin-left: 7px; margin-top: 10px; margin-bottom: 0px; } @media screen and (min-width:833px){ .under-article-coin-name{ font-size: 29px; } } .under-article-coin-ticker{ height: 26px; background-color: #eff2f5; color: #58667e; border-radius: 4px; margin-top: 13px; margin-right: 6px; margin-left: 7px; padding: 2px 6px; font-size: 12px; font-weight: 600; line-height: 22px; } @media screen and (min-width:0px){ .under-article-coin-name, .under-article-coin-ticker{ display:none; } } @media screen and (min-width:540px){ .under-article-coin-name, .under-article-coin-ticker{ display:block; } } .under-article-price-heading{ color: #58667e; font-size: 11px; font-weight: bold; } .under-article-price-section{ display: inline-flex; } .under-article-price-value{ font-weight: 700; line-height: 33px; margin-right: 16px; } @media screen and (min-width:0px){ .under-article-price-value{ font-size: 25px; margin-right: 4px; } } @media screen and (min-width:540px){ .under-article-price-value{ font-size: 30px; line-height: 33px; margin-right: 16px; } } @media screen and (min-width:833px){ .under-article-price-value{ font-size: 28px; line-height: 33px; margin-right: 3px; } } .under-article-price-rate{ white-space: nowrap; border-radius: 8px; padding: 3px 7px; background-color: #ea3943; color: #fff; } @media screen and (min-width:833px){ .under-article-price-rate{ padding: 3px 4px; font-size:12px; } } .under-article-price-rate-p{ background-color: #16c784; background-color:#4aca9a; margin-left:.5em; padding-left:.5em; padding-right:.5em; border-radius: 4px; font-size:14px; } .under-article-price-rate-m{ background-color: #ea3943; } ul.under-article-ul { padding: initial; border: initial; background: initial; border-radius: initial; font-weight: initial; width:100%; overflow:hidden; } .under-article-4buttons{ display: flex; flex-wrap:wrap; } @media screen and (min-width:0px){ .under-article-4buttons{ margin: 0px 10px 10px 10px; } } @media screen and (min-width:540px){ .under-article-4buttons{ margin: 5px 10px 10px 10px; } } @media screen and (min-width:0px){ .under-article-2buttons{ width: 100%; } } @media screen and (min-width:540px){ .under-article-2buttons{ width: 50%; } } li.under-article-button{ text-decoration: none; margin:auto !important; margin-top: 10px !important; margin-bottom: 5px !important; margin-left: 1% !important; margin-right: 1% !important; width: 98%; float:left; position: relative; height:2.5em; font-size: 19px; box-shadow: 5px 5px 5px #eaebed; border-radius:10px; } a.under-article-link{ text-decoration:initial !important; display: block; width: 100%; height: 100%; padding-top: 0; text-align: center; padding-left:23% !important; background-color: #fff; line-height:2.5em; font-weight: bold; color: #333; border-radius:10px; } a.under-article-link::before{ content:""; position: absolute; left: 0; top: 0; height: 100%; width: 23%; background-color: #5F97A4; border-radius: 10px 0px 0px 10px; } a.under-article-link-news::before{ background-image: url(img/newspaper-solid.svg); background-size: 35% 35%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } a.under-article-link-about::before{ background-image: url(img/rocket-solid.svg); background-size: 35% 35%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } a.under-article-link-exchange::before{ background-image: url(img/thumbs-up-regular.svg); background-size: 35% 35%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } a.under-article-link-glossary::before{ background-image: url(img/search-solid.svg); background-size: 35% 35%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } @media screen and (min-width:0px){ a.under-article-link { } } @media screen and (min-width:540px){ a.under-article-link { } li.under-article-button{ margin-left: 1% !important; margin-right: 1% !important; width: 48%; } }; .under-article-link:hover{ opacity: 0.75; } .under-article-ul{ list-style-type: none; border: 0; } .under-article-grid{ width: 100%; } /* ページヘッダー:TOP右(指標部分) */ .top-right-hot-topic{ width: 100%; } .hot-topic-title{ width: 100%; border-bottom: 3px solid #1C1E21; } .hot-topic-title h2{ padding: 7px 15px; } .hot-topic-list{ overflow: hidden; } @media screen and (min-width:540px){ .hot-topic-list { height: 26.25vw; } } .hot-topic-content{ border-bottom: 1px solid #2E3C4A; overflow: hidden; display: table; width:100%; height:25%; } .hot-content-headline{ width: 90%; margin:auto; } @media screen and (min-width:0px){ .hot-content-headline { margin-top: 0.5em; margin-bottom: 0.5em; } } @media screen and (min-width:540px){ .hot-content-headline { margin-top: 1.5em; } } .hot-topics-subtitle{ color:#A6892F; margin-top: -4px; padding-bottom: 7px; font-size: 15px; } .hot-content-headline h4{ font-size: 17px; position: relative; padding-left: 0.3em; } .hot-content-headline h4::before{ content: ""; display:inline-flex; height: 20px; width:14px; background-image:url(img/caret-right-solid.svg); background-repeat:no-repeat; position: absolute; top: 9%; left: -2.4%; } .right-top-arrow{ font-size:13px; padding-right: 2px; color:#508C9C; } .iconarea{width:calc(72px * 3);margin:0;float:right;position: relative;margin-right:30px;} .iconarea a{display:block;width:72px;padding:8px 0 4px 0;text-align:center;float:left;} .iconarea a:hover{text-decoration: none;opacity: .9;} .iconarea a img {display:block;width:32px;margin:0 auto;} .iconarea a span{display:block;max-width:100%;font-size:12px;} @media screen and (max-width:640px) { .iconarea{width:calc(36px * 3);height:48px;margin:0;float:none;position: absolute;top:0;right:52px;} .iconarea a{display:block;width:36px;padding:0;float:right;} .iconarea a img {display:block;width:26px;margin:13px 5px 0;} .iconarea a span{display:none;} } .coinarea2{background:#012;padding:0;height:28px;line-height:28px;overflow:hidden;} .coinarea2 a{color:#fff;display:inline-block;padding:0 5px;font-size:12px;} .coinarea2 a:hover{background:#000;border-radius:4px;opacity: 0.9;} .coinarea2 div{color:#fff;display:inline-block;padding:0 3px;} .coinarea2 a .tc-sym{font-weight: bold;} .coinarea2 a .tc-par,.coinarea2 a .tc-price{color:#4aca9a;} .coinarea2 a .tc-mn{color:#df4c52;} .coinarea2 a .tc-price:before {content: "¥";} .coinarea2 a .tc-par:after{content: "%";} .coinarea2 a.tc-list{float:right;padding:0 12px;} .coinarea2 a.tc-list:hover{text-decoration: none;} .coinarea2 a.tc-list:after {content: " >";} @media screen and (max-width:640px) { .coinarea2 a .tc-par{display: none;} } #top-pressrelease-slide-wrap{clear: both;overflow: hidden;} .footer-5 aside div{display:flex;justify-content: space-between;width:90%;margin:2.5em auto .5em;} .footer-4 aside div{display:flex;justify-content: space-between;width:90%;margin:.5em auto;} #footer-widget .footer-5 aside div a,#footer-widget .footer-4 aside div a{color:#fff;padding:.5em;height:auto;line-height:2;display: block;width:100%;text-align:center;} #footer-widget .footer-5 aside div a:hover, #footer-widget .footer-4 aside div a:hover{text-decoration: none;} @media screen and (max-width:640px) { .footer-5 aside div,.footer-4 aside div{display:block;} #footer-widget .footer-5 aside div a,#footer-widget .footer-4 aside div a{padding:.25em;} } .home-main .googlead{margin-bottom:2em;} .textwidget .homeside-block{border-top: 2px solid #C7C7C7;padding:1em 1em 1.5em;} .textwidget .homeside-block:last-child{border-bottom: 2px solid #C7C7C7;} .homeside-youtube{padding:2.5em 0 2em;} .homeside-block h3{font-size:20px;margin-bottom:.5em;} .homeside-block h3:after{content:" >";font-weight:bold;} .homeside-block ul{list-style-type:none;padding:0;margin:0;} .hsb-ranking li, .hsb-newbs li{padding:0;margin:0;} .hsb-ranking li a{display:block;overflow: hidden;padding:1em .5em;border-bottom:1px solid #C7C7C7;} .hsb-ranking li a:hover{opacity: 0.9;} .hsb-ranking div:first-child{width:30%;float:left;position: relative;} .hsb-ranking div:last-child{width:65%;float:right;} .hsb-ranking div:first-child img{margin-top:64px;} .hsb-ranking .r1st div:first-child{background: url(/img/new/1st.png) no-repeat 50% 0;background-size:auto 64px;} .hsb-ranking .r2nd div:first-child{background: url(/img/new/2nd.png) no-repeat 50% 0;background-size:auto 64px;} .hsb-ranking .r3rd div:first-child{background: url(/img/new/3rd.png) no-repeat 50% 0;background-size:auto 64px;} .hsb-ranking div h4{font-size:17px;font-weight: bold;} .hsb-ranking div p{font-size:15px;} .hsb-newbs li a{display:block;background: url(https://coinpost.jp/wp-content/themes/coinpost_t/img/caret-right-solid.svg) no-repeat 10px 50%;background-size:9px auto;line-height:1.5;padding:.75em 0 .75em 32px;border-bottom:1px solid #C7C7C7;font-size:16px;font-weight:bold;} .hsb-newbs li a:hover{background:#f8f8f8 url(https://coinpost.jp/wp-content/themes/coinpost_t/img/caret-right-solid.svg) no-repeat 16px 50%;text-decoration: none;background-size:9px auto;} .textwidget .homeside-block.hsb-coindat{min-height:408px;border-bottom: 2px solid #C7C7C7;padding-bottom:1em;} a.t3-set{padding:.5em 1em;overflow: hidden;display:flex;justify-content: space-between;border-radius: 6px;} a.t3-set:hover{text-decoration: none;opacity: .9;background:#f6f8fa;} .t3-set1{width:35%;} .t3-set2{width:65%;text-align: right;display: flex;justify-content: flex-end;align-items: center;} a.t3-set .t3-name{color:#2098A8;font-weight: bold;} a.t3-set .t3-sym{color:#666;} a.t3-set .t3-price{font-weight:bold;display:inline-block;font-size:16px;} a.t3-set .t3-par{display:inline-block;background:#4aca9a;color:#fff;padding:2px 4px 1px;border-radius: 4px;margin-left:8px;width:4.5em;text-align:center;font-size:12px;} a.t3-set .t3-price.t3-mn{color:#df4c52;} a.t3-set .t3-par.t3-mn{background:#df4c52;} a.t3-set .t3-price:before {content: "¥";} a.t3-set .t3-par:after{content: "%";} .top-look-in header{font-size:17px;font-weight: bold;padding-left:40px;background:#345 url(/img/new/award_w.png) no-repeat 10px 50%;background-size: 24px auto;height:36px;line-height:36px;margin:7px ;color:#fff;} .t-wpp{} .twpp-wrap a{font-size:15px;line-height:20px;height:46px;padding:3px;margin:0 10px;border-top: 1px solid #c7c7c7;display: flex;justify-content: space-between;align-items: center;} .twpp-wrap:first-child a{border-top:none;} .twpp-wrap a:hover{opacity: 0.9;text-decoration:none;} .twpp-nos{width:2em;margin-right:.5em;text-align:center;font-weight:bold;color:#2098A8;} .twpp-title{width:100%;font-weight: bold;max-height:40px;overflow:hidden;} .twpp-wrap1{font-size:14px;line-height:26px;height:26px;padding:3px;margin:0 10px;display: flex;justify-content: space-between;align-items: center;} .twpp-wrap2{font-size:15px;line-height:30px;height:32px;padding:1px;margin:0 10px;border-top: 1px solid #c7c7c7;display: flex;justify-content: space-between;align-items: center;} a .twpp-wrap2{text-decoration: none;} a:hover .twpp-wrap2{opacity: 0.9;text-decoration:none;} .twpp-w1,.twpp-w2,.twpp-w3,.twpp-w4, .twpp-l1,.twpp-l2,.twpp-l3,.twpp-l4{width: 100%;} .twpp-l2 img{width:1.2em;height:auto;margin-right:.2em;} .twpp-w2 span, .twpp-l2 span.twppw{width: 6em;margin:0 auto;display: block;text-align:left;} .twpp-w3 span, .twpp-l3 span.twppw{width: 9em;margin:0 auto;display: block;text-align:right;} .twpp-w4 span, .twpp-l4 span.twppw{width: 5em;margin:0 auto;display: block;text-align:right;} .twpp-w1,.twpp-l1{width:1rem;margin:0 1rem;text-align:center;font-weight:bold;color:#2098A8;} .twpp-l2{font-weight:bold;width:100%;font-size:15px;color:#666;} .twpp-l3{font-weight:bold;width:100%;font-size:14px;} .twpp-l3 span.twppw span{color: #a0a4a8;width:1.75em;display: inline-block;text-align: left;} .twpp-l4{font-weight:bold;width:100%;font-size:14px;} .twpp-l4{color:#24bf85;padding:0;} .twpp-l4.mns{color:#df4c52;} .twpp-l4 span.twppw span{opacity: .6;width:1.75em;display: inline-block;text-align: left;} .twpp-l4 span.twppw::after{content:"%";} /*.twpp-l1,.twpp-l2,.twpp-l3,.twpp-l4{text-align: center;}*/ .twpp-w2{font-size: 14px;font-weight:bold;} .twpp-w3{font-size: 14px;font-weight:bold;} .twpp-w4{font-size: 14px;font-weight:bold;} @media screen and (max-width:640px) { .twpp-nos{width:1em;margin-right:0 0 0 .5em;font-size:14px;} .twpp-title{font-size:15px;} .twpp-w1,.twpp-l1{width:1em;margin:0;font-size:14px;text-align:center;} .twpp-w2,.twpp-l2{font-size:14px;} .twpp-w3,.twpp-l3{font-size:13px;} .twpp-w4,.twpp-l4{font-size:13px;} .twpp-l3-s{font-size:11px;} .twpp-l4-s{font-size:11px;} } #top-menubar{list-style-type: none;margin:0;padding: 0;} .top-menubar-in{display: inline-block;position: relative;z-index:9999999;} .top-menubar-ins{font-size:18px;color:#fff;display: inline-block;padding:8px 16px;margin:4px 4px 0 4px;border-radius:5px 5px 0 0;font-weight: bold;} .top-menubar-ins.tmi-act, .top-menubar-in:hover .top-menubar-ins{background:#fff;color:#234;} a.top-menubar-ins{font-size:18px;color:#fff;display: inline-block;padding:8px 16px 4px;margin:4px 4px 4px 4px;border-radius:5px;} .top-menubar-in:hover a.top-menubar-ins{text-decoration: none;color:#fff;background:rgba(0, 0, 0, .2);} .top-menubar-in ul{display:none;} .top-menubar-in:hover ul, .top-menubar-in ul.tmiul-act{display:block;} .top-menubar-in ul{list-style-type: none;position: absolute;top:47px;left:4px;width:400px;background:#fff;border-radius:0 5px 5px 5px;padding:16px;font-size:15px;line-height:2;box-shadow: 0 5px 5px rgba(0,0,0,.2);z-index:99999999;} .top-menubar-ins-in header{font-weight: bold;color:#234;border-top:1px solid #ccc;padding-top:4px;} .top-menubar-ins-in:first-child header{border:none;padding-top:0;} .top-menubar-ins-in-a{padding-left:16px;background: url(https://coinpost.jp/wp-content/themes/coinpost_t/img/caret-right-solid.svg) no-repeat 2px 50%;background-size: 6px auto;display: block;} .top-menubar-ins-in-a:hover{opacity:.9;background: url(https://coinpost.jp/wp-content/themes/coinpost_t/img/caret-right-solid.svg) no-repeat 5px 50%;background-size: 6px auto;text-decoration: none;} .top-menubar-ins-in-a-s{display:inline-block;min-width:30%;padding-left:16px;background: url(https://coinpost.jp/wp-content/themes/coinpost_t/img/caret-right-solid.svg) no-repeat 2px 50%;background-size: 6px auto;} .top-menubar-ins-in-a-s:hover{opacity:.9;background: url(https://coinpost.jp/wp-content/themes/coinpost_t/img/caret-right-solid.svg) no-repeat 5px 50%;background-size: 6px auto;text-decoration: none;} #menubar_icon{display:none;} .andv,.iosv{display: none;} @media screen and (max-width:640px) { .top-menubar-in:hover ul{display: none;} #menubar_icon{display:block;width:40px;height:40px;position:fixed;top:4px;right:4px;background:#fff url(/img/new/menu.png) no-repeat 50% 50%;background-size:30px 30px;z-index: 9999999999;border-radius:4px;border:1px solid #e8e8e8;} #menubar_icon.mb-close{display:block;width:40px;height:40px;position:fixed;top:4px;right:4px;background:#fff url(/img/new/close.png) no-repeat 50% 50%;background-size:30px 30px;z-index: 9999999999;border-radius:4px;border:none;} #header-menu_wrap{position: fixed;top:0;right:0;bottom:0;left:0;background:#fff !important;overflow: hidden;z-index: 99999999999;display:none;} #top-menubar{margin-top:7em;border-top:1px solid #ccc;height:calc(100vh - 7em);padding-bottom:4em;overflow-y: scroll;} .top-menubar-in{display: block;border-bottom:1px solid #ccc;} .top-menubar-ins,a.top-menubar-ins{font-size:16px;color:#333;display: block;padding:4px 12px;margin:4px;font-weight: bold;} .top-menubar-in:hover a.top-menubar-ins{color:#333;} #top-menubar .scarea {display:block;position: absolute;width: calc(100% - 16px);margin: 8px;height: 30px;top:3.5em;right: 0;left:0;} .top-menubar-in ul{position:relative;display:none;width:100%;top:0;left:0;box-shadow: none;border-radius:0;background:#f4f5f6;} .top-menubar-ins-in-a-s{min-width: 30%;} span.top-menubar-ins{padding-left:48px;position: relative;} span.top-menubar-ins:before{position: absolute;top:2px;left:12px;width:28px;height:28px;background: #fff url(/img/new/down.png) no-repeat 50% 50%;background-size: 28px 28px;content:"";} .mi-close span.top-menubar-ins:before{position: absolute;top:2px;left:12px;width:28px;height:28px;background: #fff url(/img/new/up.png) no-repeat 50% 50%;background-size: 28px 28px;content:"";} .scroll-prevent {position: fixed;z-index: -1;width: 100%;height: 100%;} #top-menubar-5{margin-bottom:4em;} } .header-top-right{font-size:16px;height:26.25vw;} .header-top-right header{color:#A6892F;border-bottom:1px solid #A6892F;text-align:center;height:2em;line-height:1.5;} .htr-set{} .htr-wrap{} .htr-wrap a{display:block;height:calc(calc(26.25vw - 2em) / 5);border-bottom:1px solid #333;line-height:1.2;display: flex;justify-content: flex-start;align-items: center;} .htr-wrap a:hover{text-decoration: none;opacity: .9;} .htr-nos{width:2em;text-align: center;font-weight: bold;color:#2098A8;} .htr-title{overflow:hidden;width:calc(100% - 2em);display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-weight: bold;} @media screen and (max-width:1400px) { .htr-title{-webkit-line-clamp: 2;} } @media screen and (max-width:1024px) { .htr-title{-webkit-line-clamp: 1;} } @media screen and (max-width:640px) { .header-top-right header{line-height:2;} .header-top-right{font-size:15px;height:auto;} .htr-wrap a{height:3.5em;} .htr-title{-webkit-line-clamp: 2;} } .htr2{font-size:17px;height:auto;margin:1.5em 0;padding: 1em 1em 1.5em;border-top: 2px solid #C7C7C7;border-bottom: 2px solid #C7C7C7;} .htr2 header{font-size:20px;margin-bottom:1em;font-weight:bold;} .htr2 header:after{content:" >";font-weight:bold;} .htr2-set{} .htr2-wrap{} .htr2-wrap a{display:block;height:4.5em;border-bottom:1px solid #333;line-height:1.2;display: flex;justify-content: flex-start;align-items: center;} .htr2-wrap a:hover{text-decoration: none;opacity: .9;} .htr2-nos{width:2em;text-align: center;font-weight: bold;color:#2098A8;} .htr2-title{overflow:hidden;width:calc(100% - 2em);display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-weight: bold;} @media screen and (max-width:1400px) { .htr2-title{-webkit-line-clamp: 2;} } @media screen and (max-width:1024px) { .htr2-title{-webkit-line-clamp: 1;} } @media screen and (max-width:640px) { .htr2 header{line-height:2;} .htr2{font-size:15px;height:auto;} .htr2-wrap a{height:3.5em;} .htr2-title{-webkit-line-clamp: 2;} } .kjstwrap{padding:.25em 0;border-radius:4px;margin:.25em 0;} @media screen and (max-width:640px) { .kjstwrap{padding:0;border-radius:4px;margin:0;} } article.article .top-look-in a{text-decoration: none;} .sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before{background-color:#0004 !important;} .sp-horizontal .sp-previous-arrow{left:0 !important;} .sp-horizontal .sp-next-arrow, .sp-horizontal.sp-rtl .sp-previous-arrow{right:0 !important;} .sp-horizontal .sp-arrows{top:60% !important;} #kiji-awa-slide-wrap{margin: 1em 2em;} #kiji-awa-slide-wrap .sp-horizontal .sp-previous-arrow{left:-1.75em !important;} #kiji-awa-slide-wrap .sp-horizontal .sp-next-arrow{right:-1.75em !important;} #kiji-awa-slide-wrap .sp-horizontal .sp-arrows{top:50% !important;} #top-look-slide-wrap{padding:0;margin:1em 2em;} #top-look-slide-wrap h3{color:#fff;font-size:16px;font-weight:bold;text-align: left;margin:-10px -32px 10px;background:#136689;padding:8px 0 4px 1em;} #top-look-slide{height:240px;} .top-look-in{width:100%;height:240px;display:block;border:1px solid #ccc;background:#fff;} #top-look-slide.sp-horizontal .sp-previous-arrow{left:-1.75em !important;} #top-look-slide.sp-horizontal .sp-next-arrow{right:-1.75em !important;} @media screen and (max-width:640px) { #top-look-slide-wrap{padding:0;margin:0;} #top-look-slide.sp-horizontal .sp-previous-arrow, #top-look-slide.sp-horizontal .sp-next-arrow{display:none;} } .kanrenlistz-in.sp-slide{background:#fff;border-radius: 8px;} .kanrenlistz-in figure{margin-bottom:.5em;} .kanrenlistz-in figure img{} .kanrencoinz img{height:1.4em;line-height:1;margin-right:.25em;vertical-align: top;} .kanrenlistz-in-text a{text-decoration: none !important;font-weight: bold;line-height:1.4;padding:0 6px;display:block;} .kanrenlistt{margin:1em 2em;} .kanrenlistt-in{} .kanrenlistt-in-sub{display:inline-block;} .kanrenlistt-in a{text-decoration: none !important;background:#fff;display:block;font-size:15px;line-height:20px;margin:.8em 0 0;display: flex;justify-content: space-between;align-items: center;border-radius:3px;box-shadow: 0 0 4px rgba(0, 0, 0, .2);overflow: hidden;} .kanrenlistt-in a:hover{background: #f8fafc;} .kanrenlistt-in span{display: block;height:32px;line-height:32px;} .kanrenlistt-in span.kanrencoins{display: inline;height:32px;line-height:32px;} .kanrencoins img{height:1.4em;line-height:1;margin-right:.25em;vertical-align: text-bottom;} .kanrenlistt-in span.kanrenlistt-rank{margin:0;width:3em;text-align: center;font-weight: bold;} .kanrenlistt-in span.kanrenlistt-text{margin:0;width:calc(100% - 3.5em);white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -o-text-overflow: ellipsis;padding-right:.2em;} /* .kanrenlistt-in span.kanrentimes{margin:0;width:7.5em;text-align:center;overflow:hidden;font-size:80%;color:#aaa;} */ .kanrenlistt-rank{background:#345;color:#fff;} @media screen and (max-width:640px) { .kanrenlistt{margin:1em;} .kanrenlistt-in a{line-height:20px;} .kanrenlistt-in span.kanrenlistt-rank{width:3em;height:48px;line-height:48px;} .kanrenlistt-in span.kanrenlistt-text{width:calc(100% - 3.2em);height:48px;line-height:20px;padding:4px 4px 4px 2em;white-space:inherit;position: relative;} .kanrenlistt-in span.kanrentimes{display: none;} .kanrenlistt-in span.kanrencoins{display: inline;height:22px;width:auto;line-height:22px;position: absolute;top:14px;left:2px;} } .acd-check{ display: none; } .acd-label{ background: linear-gradient(rgba(248, 250, 252, 1) 50%, rgba(248, 250, 252, 0) 100%); color: #678; display: block; font-size:15px; margin: .8em 0 0; padding: .4em; text-align: center; border-radius: 0 0 .5em .5em; font-weight: bold; line-height:1; box-shadow: 0 0 4px rgba(0, 0, 0, .2); } .acd-label:hover{opacity: .7;} .acd-content{ height: 0; opacity: 0; padding: 0; margin:0; transition: .5s; visibility: hidden; } .acd-check:checked + .acd-label + .acd-content{ height: auto; opacity: 1; visibility: visible; } .acd-check:checked + .acd-label{ height: 0; opacity: 0; padding: 0; margin: 0; transition: .5s; visibility: hidden; } .kjst_wrap{overflow: hidden;padding:0 2em;display: flex;flex-wrap: wrap;justify-content: center;} article.article .kjst_wrap a{text-decoration: none;} .kjst_set{width:30%;padding:0 1em;display: flex;flex-direction: column;justify-content: center;} .kjst_set img{width:100%;border-radius:8px;} .article .kjst_set_text{line-height:1.2;padding-top:.5em;} .kjst_sets{width:70%;display: flex;flex-direction: column;justify-content: center;} .kjst_set_text1 a{font-size:17px;padding:.5em;display:block;font-weight: bold;position: relative;} .kjst_set_text1 a::before{content: "・";position: absolute;left:-.5em;top:.5em;} .entry-content .kjstsns ul{border:none;background: transparent;padding:1em 0;} @media (max-width: 640px){ .kjst_wrap{display: block;} .kjst_set{width:100%;padding:0 .5em;margin-bottom:1em;} .kjst_sets{width:100%;} .kjst_wrap{padding:0 .75em;margin:1em 0;} .kjst_set_text1 a::before{display: none;} } .home-main{position: relative;} .home-main-t{border-bottom:4px solid #345;font-size:20px;font-weight:bold;padding:.35em .75em;} .home-main-menus{font-size:20px;font-weight:bold;color:#777;padding:0 0 1em;margin-top:1.5em;} .home-main-menu-in{overflow:hidden;box-sizing: border-box;position: relative;} .home-main-menu-in:after{position: absolute;content:"";bottom:0;left:0;right:-400px;height:4px;background:#E8E8E8;z-index:99;} .hmmbb{padding:.45em 0;width:calc(100% / 3);text-align:center;float:left;position: relative;cursor: pointer;} .hmmbb.hmms{color:#333;} .hmmbb:hover{color:#333;} .hmmbb.hmms:after{position: absolute;content:"";bottom:0;left:0;right:0;height:4px;background:#F21E16;z-index:999;} @media (max-width: 640px){ .home-main-menu-ins{width:100%;} .hmmbb{font-size: 15.5px;} .hmmbb{width:calc(100% / 3);display:inline-block;padding:.75em 0;text-align: center;} } .btn-spacing{ text-align: center; margin: 1em 0; } /* 20220114 */ .single_related-article-title .expand-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: transparent; } .single_related-article-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .single_related-article img { width: 100%; } @media (min-width: 641px) { .single_related-article { overflow: hidden; padding: 2em 0; border-bottom: 1px solid #ddd; position: relative; } .single_related-article figure { width: 200px; height: 105px; float: left; } .single_related-article-title a { color: #333; font-size: 18px; font-weight: bold; text-decoration: none!important; } .single_related-article-right { width: calc(100% - 220px); float: right; } } @media (max-width: 640px) { .single_related-article { overflow: hidden; padding: 1.25em 0 1em; border-bottom: 1px solid #ddd; position: relative; } .single_related-article figure { width: 120px; height: 62px; float: left; } .single_related-article-title a { color: #333; font-size: 16px; font-weight: bold; min-height: 62px; display: block; text-decoration: none!important; } .single_related-article-right { width: calc(100% - 130px); float: right; } } .single_related-article{ background-color: #f7f7f7; padding: 1em; box-shadow: 1px 1px 3px #aaa; margin:0 0.5em; } .topunder{padding:1em .5em;} .topunder_h{font-size: 20px;margin: .5em 0; padding:.5em .5em .3em;font-weight: bold;background:#345;color:#fff;} .topunder_set{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: top;align-items: top;} .topunder_sets{width:25%;padding:.5em;} .topunder_sets figure{width:100%;} .topunder_sets figure a{} .topunder_sets figure a img{width:100%;} .topunder_sets_h{} .topunder_sets_h a{font-size: 15px;line-height: 20px;padding-top: 6px;display:block;font-weight: bold;} @media (max-width: 640px){ .topunder{padding:.5em 0;} .topunder_h{font-size: 18px;} .topunder_set{display:block;} .topunder_sets{width:100%;padding:.5em;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: top;align-items: top;} .topunder_sets figure{width:25%;} .topunder_sets figure a{} .topunder_sets figure a img{width:100%;} .topunder_sets_h{width:75%;padding-left:.75em;} .topunder_sets_h a{font-size: 15px;line-height: 20px;padding-top: 0;display:block;} .topunder_sets1{width:100%;padding:.5em;display:block;} .topunder_sets1 figure{width:100%;} .topunder_sets1 .topunder_sets_h{width:100%;padding-left:0;} .topunder_sets1 .topunder_sets_h a{padding-top:6px;} } /* #div-gpt-ad-1593090039381-0, .googlead{background:#fac;} */