このリポジトリは2023-09-09にアーカイブされています。 ファイルの閲覧とクローンは可能ですが、プッシュ、イシューの作成、プルリクエストはできません。
hozonsite.php/1648720811/coinpost.jp/?p=333716/design.css

10878 行
188 KiB
CSS
Raw Blame 履歴

このファイルには不可視のUnicode文字が含まれています

このファイルには人間が識別できない不可視のUnicode文字が含まれており、コンピューターによって特殊な処理が行われる可能性があります。 それが意図的なものと考えられる場合は、この警告を無視して構いません。 不可視文字を表示するにはエスケープボタンを使用します。

このファイルには、他の文字と見間違える可能性があるUnicode文字が含まれています。 それが意図的なものと考えられる場合は、この警告を無視して構いません。 それらの文字を表示するにはエスケープボタンを使用します。

@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;}
*/