10878 行
188 KiB
CSS
10878 行
188 KiB
CSS
@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;}
|
||
*/
|