@charset "UTF-8";
      article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  a {
background: transparent;
} a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
} abbr[title] {
border-bottom: 1px dotted;
} b,
strong,
.strong {
font-weight: bold;
} dfn,
em,
.em {
font-style: italic;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} p {
-webkit-hyphens: auto;
-epub-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
} pre {
margin: 0;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
} pre {
white-space: pre-wrap;
} q {
quotes: "“" "”" "‘" "’";
} q:before,
q:after {
content: "";
content: none;
}
small, .small {
font-size: 75%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0;
} menu {
padding: 0 0 0 40px;
}
ol,
ul {
padding: 0;
list-style-type: none;
} nav ul,
nav ol {
list-style: none;
list-style-image: none;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; margin: 0; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} input[type=checkbox],
input[type=radio] {
box-sizing: border-box; padding: 0; } input[type=search] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.image-replacement,
.ir {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.clearfix, .cf {
zoom: 1;
}
.clearfix:before, .clearfix:after, .cf:before, .cf:after {
content: "";
display: table;
}
.clearfix:after, .cf:after {
clear: both;
} span.amp {
font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif !important;
font-style: italic;
}          p {
-ms-word-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
-webkit-hyphenate-before: 2;
-webkit-hyphenate-after: 3;
hyphenate-lines: 3; }            .last-col {
float: right;
padding-right: 0 !important;
} @media (max-width: 920px) {
.m-all {
float: left;
padding-right: 0.75em;
width: 100%;
padding-right: 0;
}
.m-1of2 {
float: left;
padding-right: 0.75em;
width: 50%;
}
.m-1of3 {
float: left;
padding-right: 0.75em;
width: 33.33%;
}
.m-2of3 {
float: left;
padding-right: 0.75em;
width: 66.66%;
}
.m-1of4 {
float: left;
padding-right: 0.75em;
width: 25%;
}
.m-3of4 {
float: left;
padding-right: 0.75em;
width: 75%;
}
} @media (min-width: 920px) and (max-width: 1023px) {
.t-all {
float: left;
padding-right: 0.75em;
width: 100%;
padding-right: 0;
}
.t-1of2 {
float: left;
padding-right: 0.75em;
width: 50%;
}
.t-1of3 {
float: left;
padding-right: 0.75em;
width: 33.33%;
}
.t-2of3 {
float: left;
padding-right: 0.75em;
width: 66.66%;
}
.t-1of4 {
float: left;
padding-right: 0.75em;
width: 25%;
}
.t-3of4 {
float: left;
padding-right: 0.75em;
width: 75%;
}
.t-1of5 {
float: left;
padding-right: 0.75em;
width: 20%;
}
.t-2of5 {
float: left;
padding-right: 0.75em;
width: 40%;
}
.t-3of5 {
float: left;
padding-right: 0.75em;
width: 60%;
}
.t-4of5 {
float: left;
padding-right: 0.75em;
width: 80%;
}
} @media (min-width: 1024px) {
.d-all {
float: left;
padding-right: 0.75em;
width: 100%;
padding-right: 0;
}
.d-1of2 {
float: left;
padding-right: 0.75em;
width: 50%;
}
.d-1of3 {
float: left;
padding-right: 0.75em;
width: 33.33%;
}
.d-2of3 {
float: left;
padding-right: 0.75em;
width: 66.66%;
}
.d-1of4 {
float: left;
padding-right: 0.75em;
width: 25%;
}
.d-3of4 {
float: left;
padding-right: 0.75em;
width: 75%;
}
.d-1of5 {
float: left;
padding-right: 0.75em;
width: 20%;
}
.d-2of5 {
float: left;
padding-right: 0.75em;
width: 40%;
}
.d-3of5 {
float: left;
padding-right: 0.75em;
width: 60%;
}
.d-4of5 {
float: left;
padding-right: 0.75em;
width: 80%;
}
.d-1of6 {
float: left;
padding-right: 0.75em;
width: 16.6666666667%;
}
.d-1of7 {
float: left;
padding-right: 0.75em;
width: 14.2857142857%;
}
.d-2of7 {
float: left;
padding-right: 0.75em;
width: 28.5714286%;
}
.d-3of7 {
float: left;
padding-right: 0.75em;
width: 42.8571429%;
}
.d-4of7 {
float: left;
padding-right: 0.75em;
width: 57.1428572%;
}
.d-5of7 {
float: left;
padding-right: 0.75em;
width: 71.4285715%;
}
.d-6of7 {
float: left;
padding-right: 0.75em;
width: 85.7142857%;
}
.d-1of8 {
float: left;
padding-right: 0.75em;
width: 12.5%;
}
.d-1of9 {
float: left;
padding-right: 0.75em;
width: 11.1111111111%;
}
.d-1of10 {
float: left;
padding-right: 0.75em;
width: 10%;
}
.d-1of11 {
float: left;
padding-right: 0.75em;
width: 9.0909090909%;
}
.d-1of12 {
float: left;
padding-right: 0.75em;
width: 8.33%;
}
}  .alert-success, .alert-error, .alert-info, .alert-help {
margin: 10px;
padding: 5px 18px;
border: 1px solid;
}
.alert-help {
border-color: #e8dc59;
background: #ebe16f;
}
.alert-info {
border-color: #bfe4f4;
background: #d5edf8;
}
.alert-error {
border-color: #f8cdce;
background: #fbe3e4;
}
.alert-success {
border-color: #deeaae;
background: #e6efc2;
}  .blue-btn {
display: inline-block;
position: relative;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
color: #fff;
font-size: 0.9em;
font-size: 34px;
line-height: 34px;
font-weight: normal;
padding: 0 24px;
border-radius: 4px;
border: 0;
cursor: pointer;
-webkit-transition: background-color 0.14s ease-in-out;
transition: background-color 0.14s ease-in-out;
}
.blue-btn:hover, .blue-btn:focus {
color: #fff;
text-decoration: none;
outline: none;
}
.blue-btn:active {
top: 1px;
} .blue-btn {
background-color: #0947b7;
}
.blue-btn:hover, .blue-btn:focus {
background-color: #083fa4;
}
.blue-btn:active {
background-color: #083e9f;
}  input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=tel],
input[type=color],
select,
textarea,
.field {
display: block;
height: 40px;
line-height: 1em;
padding: 0 12px;
margin: 0 0 14px 0;
font-size: 1em;
color: #5c6b80;
border-radius: 2px;
vertical-align: middle;
box-shadow: none;
border: 1px solid #ccc;
width: 84%;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 400px;
font-family: Verdana, "Hiragino Maru Gothic Pro", YuGothic, Meiryo, Osaka, "MS PGothic", sans-serif;
background-color: #FFF;
-webkit-transition: background-color 0.24s ease-in-out;
transition: background-color 0.24s ease-in-out;
}
input[type=text]:focus, input[type=text]:active,
input[type=password]:focus,
input[type=password]:active,
input[type=datetime]:focus,
input[type=datetime]:active,
input[type=datetime-local]:focus,
input[type=datetime-local]:active,
input[type=date]:focus,
input[type=date]:active,
input[type=month]:focus,
input[type=month]:active,
input[type=time]:focus,
input[type=time]:active,
input[type=week]:focus,
input[type=week]:active,
input[type=number]:focus,
input[type=number]:active,
input[type=email]:focus,
input[type=email]:active,
input[type=url]:focus,
input[type=url]:active,
input[type=tel]:focus,
input[type=tel]:active,
input[type=color]:focus,
input[type=color]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
background-color: #f7f8fa;
outline: none;
}
input[type=text].error, input[type=text].is-invalid,
input[type=password].error,
input[type=password].is-invalid,
input[type=datetime].error,
input[type=datetime].is-invalid,
input[type=datetime-local].error,
input[type=datetime-local].is-invalid,
input[type=date].error,
input[type=date].is-invalid,
input[type=month].error,
input[type=month].is-invalid,
input[type=time].error,
input[type=time].is-invalid,
input[type=week].error,
input[type=week].is-invalid,
input[type=number].error,
input[type=number].is-invalid,
input[type=email].error,
input[type=email].is-invalid,
input[type=url].error,
input[type=url].is-invalid,
input[type=tel].error,
input[type=tel].is-invalid,
input[type=color].error,
input[type=color].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
color: #fbe3e4;
border-color: #fbe3e4;
background-color: #fff;
background-position: 99% center;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
outline-color: #fbe3e4;
}
input[type=text].success, input[type=text].is-valid,
input[type=password].success,
input[type=password].is-valid,
input[type=datetime].success,
input[type=datetime].is-valid,
input[type=datetime-local].success,
input[type=datetime-local].is-valid,
input[type=date].success,
input[type=date].is-valid,
input[type=month].success,
input[type=month].is-valid,
input[type=time].success,
input[type=time].is-valid,
input[type=week].success,
input[type=week].is-valid,
input[type=number].success,
input[type=number].is-valid,
input[type=email].success,
input[type=email].is-valid,
input[type=url].success,
input[type=url].is-valid,
input[type=tel].success,
input[type=tel].is-valid,
input[type=color].success,
input[type=color].is-valid,
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
color: #e6efc2;
border-color: #e6efc2;
background-color: #fff;
background-position: 99% center;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
outline-color: #e6efc2;
}
input[type=text][disabled], input[type=text].is-disabled,
input[type=password][disabled],
input[type=password].is-disabled,
input[type=datetime][disabled],
input[type=datetime].is-disabled,
input[type=datetime-local][disabled],
input[type=datetime-local].is-disabled,
input[type=date][disabled],
input[type=date].is-disabled,
input[type=month][disabled],
input[type=month].is-disabled,
input[type=time][disabled],
input[type=time].is-disabled,
input[type=week][disabled],
input[type=week].is-disabled,
input[type=number][disabled],
input[type=number].is-disabled,
input[type=email][disabled],
input[type=email].is-disabled,
input[type=url][disabled],
input[type=url].is-disabled,
input[type=tel][disabled],
input[type=tel].is-disabled,
input[type=color][disabled],
input[type=color].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
cursor: not-allowed;
border-color: #cfcfcf;
opacity: 0.6;
}
input[type=text][disabled]:focus, input[type=text][disabled]:active, input[type=text].is-disabled:focus, input[type=text].is-disabled:active,
input[type=password][disabled]:focus,
input[type=password][disabled]:active,
input[type=password].is-disabled:focus,
input[type=password].is-disabled:active,
input[type=datetime][disabled]:focus,
input[type=datetime][disabled]:active,
input[type=datetime].is-disabled:focus,
input[type=datetime].is-disabled:active,
input[type=datetime-local][disabled]:focus,
input[type=datetime-local][disabled]:active,
input[type=datetime-local].is-disabled:focus,
input[type=datetime-local].is-disabled:active,
input[type=date][disabled]:focus,
input[type=date][disabled]:active,
input[type=date].is-disabled:focus,
input[type=date].is-disabled:active,
input[type=month][disabled]:focus,
input[type=month][disabled]:active,
input[type=month].is-disabled:focus,
input[type=month].is-disabled:active,
input[type=time][disabled]:focus,
input[type=time][disabled]:active,
input[type=time].is-disabled:focus,
input[type=time].is-disabled:active,
input[type=week][disabled]:focus,
input[type=week][disabled]:active,
input[type=week].is-disabled:focus,
input[type=week].is-disabled:active,
input[type=number][disabled]:focus,
input[type=number][disabled]:active,
input[type=number].is-disabled:focus,
input[type=number].is-disabled:active,
input[type=email][disabled]:focus,
input[type=email][disabled]:active,
input[type=email].is-disabled:focus,
input[type=email].is-disabled:active,
input[type=url][disabled]:focus,
input[type=url][disabled]:active,
input[type=url].is-disabled:focus,
input[type=url].is-disabled:active,
input[type=tel][disabled]:focus,
input[type=tel][disabled]:active,
input[type=tel].is-disabled:focus,
input[type=tel].is-disabled:active,
input[type=color][disabled]:focus,
input[type=color][disabled]:active,
input[type=color].is-disabled:focus,
input[type=color].is-disabled:active,
select[disabled]:focus,
select[disabled]:active,
select.is-disabled:focus,
select.is-disabled:active,
textarea[disabled]:focus,
textarea[disabled]:active,
textarea.is-disabled:focus,
textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field.is-disabled:focus,
.field.is-disabled:active {
background-color: #d5edf8;
}
input[type=password] {
letter-spacing: 0.3em;
}
textarea {
max-width: 100%;
min-height: 120px;
line-height: 1.5em;
}
select {
-webkit-appearance: none; -moz-appearance: none;
appearance: none;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-position: 97.5% center;
}  html {
overflow: auto;
height: 100%;
}
body {
font-family: Verdana, "Hiragino Maru Gothic Pro", YuGothic, Meiryo, Osaka, "MS PGothic", sans-serif;
line-height: 1.5;
color: #333;
background-color: #FFF;
-webkit-font-smoothing: a ntialiased;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
box-sizing: border-box;
} .wrap {
width: 100%;
margin: 0 auto;
}
#content {
width: 98%;
min-height: 100vh;
margin: 1em auto 2em;
}
body.p_fixed {
position: fixed;
width: 100%;
height: 100%;
left: 0;
} html {
font-size: 55%; }
body {
font-size: 1.6em; }
h1 {
font-size: 2rem;
margin: 0;
}
h2 {
font-size: 1.8rem;
}
h3 {
font-size: 1.5rem;
}
h4 {
font-size: 1.35rem;
}
.sss {
font-size: 1.1rem;
}
.ss {
font-size: 1.3rem;
}
.s {
font-size: 1.4rem;
}
.m {
font-size: 1.5rem;
}
.l {
font-size: 1.6rem;
}
.ll {
font-size: 1.8rem;
}
.lll {
font-size: 2rem;
}
.bold {
font-weight: bold;
}
.red {
font-weight: bold;
color: #F00;
}
.marker_b {
background: linear-gradient(transparent 60%, #b0e5ff 60%);
margin: 0 0.25em;
}
.marker_r {
background: linear-gradient(transparent 60%, #f7bbc9 60%);
margin: 0 0.25em;
}
.marker_y {
background: linear-gradient(transparent 60%, #ffff66 60%);
margin: 0 0.25em;
}
.marker_g {
background: linear-gradient(transparent 60%, #c6ecb4 60%);
margin: 0 0.25em;
} .sp_logo {
display: block;
margin: 0;
}
.sp_logo img {
width: 100%;
height: auto;
}
.pc_logo {
display: none;
} #breadcrumb {
width: 100%;
height: auto;
margin: 0 auto -1em;
}
#breadcrumb .crumb-lists {
display: table;
line-height: 1.5;
margin: 0 0.5em 2em;
font-size: 1.4rem;
}
#breadcrumb .crumb-lists .crumb-home {
width: 3em;
}
#breadcrumb .crumb-lists li {
display: inline;
}
#breadcrumb .crumb-lists li a {
width: 1em;
} .posts_box {
margin: 0 auto;
display: inline-block;
width: 100%;
padding: 0.5em;
background: #fffbfb;
border-radius: 3px;
border: 1px solid #ffefef;
}
.posts_box h2 {
background: #c7281d;
border-radius: 2px;
margin: 0 0 1em;
padding: 0.3em 1em;
color: #FFF;
}
.posts_box .inner_box {
float: left;
width: 97%;
margin: 0.5% 1.5%;
}
.posts_box .inner_box a {
width: 100%;
display: flex;
border-radius: 3px;
border: 1px solid #e4e4e4;
margin: 0 auto;
padding: 0.25em;
background: #FFF;
text-decoration: none;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.posts_box .inner_box a:hover {
transform: translateY(-1px);
transition: 0.2s;
box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.3);
}
.posts_box .inner_box a:hover p {
color: #F00;
}
.posts_box .inner_box .left_box {
width: 25%;
display: inline-block;
}
.posts_box .inner_box .left_box figure {
margin: 0;
width: 100%;
border: 1px solid #ccc;
display: grid;
}
.posts_box .inner_box .left_box figure img {
width: 100%;
height: auto;
}
.posts_box .inner_box .right_box {
width: 73%;
margin: 0 0 0 1.5%;
position: relative;
display: inline-block;
}
.posts_box .inner_box .right_box h4 {
color: #FFF;
text-align: center;
font-weight: bold;
margin: 0;
background: #ed6b1a;
border-radius: 2px;
}
.posts_box .inner_box .right_box h3 {
margin: 0.25em 0;
font-weight: bold;
text-decoration: none;
line-height: 1.3;
border-bottom: none;
}
.posts_box .inner_box .right_box p {
position: absolute;
bottom: 0.5em;
right: 0;
left: 0;
margin: 0 auto;
text-align: center;
color: #FFF;
font-weight: bold;
background: #ed6b1a;
border-radius: 15px;
width: 50%;
padding: 0.25em;
}
.posts_box_tag {
margin: 1em auto;
display: inline-block;
width: 100%;
padding: 0.5em;
background: #fffbfb;
border-radius: 3px;
border: 1px solid #ffefef;
}
.posts_box_tag h2 {
background: #c7281d;
border-radius: 2px;
margin: 0 0 1em;
padding: 0.3em 1em;
color: #FFF;
}
.posts_box_tag .inner_box_tag {
float: left;
width: 49%;
margin: 0.5% 0.5% 2%;
}
.posts_box_tag .inner_box_tag a {
width: 100%;
display: flex;
border-radius: 3px;
border: 1px solid #e4e4e4;
margin: 0 auto;
padding: 0.25em;
text-decoration: none;
}
.posts_box_tag .inner_box_tag a:hover {
color: F00;
opacity: 0.8;
transition: 0.2s;
}
.posts_box_tag .inner_box_tag .report {
margin: 0 0 -0.4em;
}
.posts_box_tag .inner_box_tag .report img {
width: 100%;
height: auto;
}
.index_cont_box {
width: 100%;
margin: 2em auto;
}
.index_cont_box h1 {
background: #c7281d;
border-radius: 2px;
margin: 0 0 1em;
padding: 0.3em 1em;
color: #FFF;
font-size: 1.8rem;
}
.index_cont_box .profile_image {
text-align: center;
float: right;
width: 30%;
margin: 0 0.75em 0 0.5em;
}
.index_cont_box .profile_image img {
width: 100%;
height: auto;
border: 1px solid #ccc;
}
.index_cont_box p {
width: 95%;
margin: 0 auto;
line-height: 2.2;
}
.index_cont_box p a {
font-weight: bold;
} .single_art, .page_art {
width: 100%;
margin: 0 auto;
}
.single_art .single_title, .page_art .single_title {
position: inherit;
background: #c7281d;
width: 98%;
margin: 0 auto;
line-height: 1.3;
font-weight: bold;
border-radius: 3px;
color: #FFF;
padding: 0.3em 1em;
}
.single_art figure, .page_art figure {
width: 98%;
text-align: center;
border-radius: 2px;
border: 1px solid #ccc;
margin: 1em auto;
padding: 0.3em 0.3em 0;
}
.single_art figure img, .page_art figure img {
width: 100%;
height: auto;
}
.single_art figure figcaption, .page_art figure figcaption {
text-align: right;
padding: 0.25em 0.5em;
}
.single_art .cont_nav_box, .page_art .cont_nav_box {
width: 93%;
margin: 2em auto;
border: 1px solid #e6e6e6;
border-radius: 2px;
padding: 1em 0 1.25em;
background: #f7f7f7;
}
.single_art .cont_nav_box h3, .page_art .cont_nav_box h3 {
font-weight: bold;
margin: 0.5em 0.5em;
}
.single_art .cont_nav_box p, .page_art .cont_nav_box p {
margin: 0.25em 0.5em 0.25em 1em;
font-weight: bold;
}
.single_art .cont_box, .page_art .cont_box {
width: 97%;
margin: 2em auto;
}
.single_art .cont_box h2, .page_art .cont_box h2 {
font-weight: bold;
overflow: hidden;
text-align: left;
margin: 4em 0 1em;
}
.single_art .cont_box h2 span, .page_art .cont_box h2 span {
position: relative;
display: inline-block;
margin: 0 2em;
padding: 0 0.35em;
text-align: left;
}
.single_art .cont_box h2 span::before, .single_art .cont_box h2 span::after, .page_art .cont_box h2 span::before, .page_art .cont_box h2 span::after {
position: absolute;
top: 50%;
content: "";
width: 1000%;
height: 2px;
background-color: #c7281d;
}
.single_art .cont_box h2 span::before, .page_art .cont_box h2 span::before {
right: 100%;
}
.single_art .cont_box h2 span::after, .page_art .cont_box h2 span::after {
left: 100%;
}
.single_art .cont_box p, .page_art .cont_box p {
width: 95%;
margin: 0 auto;
line-height: 2.2;
}
.single_art .cont_box .list, .page_art .cont_box .list {
width: 95%;
margin: 0 auto 1em;
}
.single_art .cont_box .list ul, .page_art .cont_box .list ul {
margin: 1em 0 0;
font-weight: bold;
}
.single_art .cont_box .list li, .page_art .cont_box .list li {
list-style: disc;
margin: 0 0 0 1em;
}
.signs_box_l {
width: 98%;
margin: 2em auto;
}
.signs_box_l .signs_icon {
float: left;
margin: -2.5% 0;
border: none;
width: 65px;
}
.signs_box_l .signs_icon img {
width: 100%;
height: auto;
border-radius: 50%;
}
.signs_box_l .icon-torikai img {
border: solid 3px #c0dcf6;
}
.signs_box_l .icon-torikai figcaption {
margin: -0.5em 0 0;
padding: 0;
text-align: center;
letter-spacing: -1px;
}
.signs_box_l .chatting {
margin: 0 0 0 19%;
}
.signs_box_l .chatting .signs {
position: relative;
display: inline-block;
margin: 0 0 1em 15px;
padding: 0.5em 0;
width: 95%;
color: #333;
font-size: 86%;
background: #FFF;
box-sizing: border-box;
border-radius: 6px;
}
.signs_box_l .chatting .signs:before {
content: "";
position: absolute;
top: 22px;
left: -24px;
margin-top: -12px;
border: 12px solid transparent;
border-right: 12px solid #FFF;
z-index: 2;
}
.signs_box_l .chatting .signs:after {
content: "";
position: absolute;
top: 22px;
left: -30px;
margin-top: -14px;
border: 14px solid transparent;
z-index: 1;
}
.signs_box_l .chat-torikai .signs {
border: solid 3px #c0dcf6;
}
.signs_box_l .chat-torikai .signs:after {
border-right: 14px solid #c0dcf6;
}
.signs_box_l p {
line-height: 2 !important;
}
.signs_box_l .chatting {
margin: 0 0 0 19%;
}
.signs_box_l .chatting .signs {
position: relative;
display: inline-block;
margin: 0 0 1em 15px;
padding: 0.5em 0;
width: 95%;
color: #333;
font-size: 86%;
background: #FFF;
box-sizing: border-box;
border-radius: 6px;
}
.signs_box_l .chatting .signs:before {
content: "";
position: absolute;
top: 22px;
left: -24px;
margin-top: -12px;
border: 12px solid transparent;
border-right: 12px solid #FFF;
z-index: 2;
}
.signs_box_l .chatting .signs:after {
content: "";
position: absolute;
top: 22px;
left: -30px;
margin-top: -14px;
border: 14px solid transparent;
z-index: 1;
}
.signs_box_l .chat-torikai .signs {
border: solid 3px #c0dcf6;
}
.signs_box_l .chat-torikai .signs:after {
border-right: 14px solid #c0dcf6;
}
.signs_box_l p {
line-height: 2 !important;
}
.signs_box_r {
width: 98%;
margin: 2em auto;
}
.signs_box_r .signs_icon {
float: right;
margin: -2.5% 0;
border: none;
width: 65px;
}
.signs_box_r .signs_icon img {
width: 100%;
height: auto;
border-radius: 50%;
}
.signs_box_r .icon-other_w img {
border: solid 3px #f4d3d4;
}
.signs_box_r .icon-other_w figcaption {
margin: -0.5em 0 0;
padding: 0;
text-align: center;
}
.signs_box_r .icon-other_m img {
border: solid 3px #c6ecb4;
}
.signs_box_r .icon-other_m figcaption {
margin: -0.5em 0 0;
padding: 0;
text-align: center;
}
.signs_box_r .icon-other_women img {
border: solid 3px #f5c9c9;
}
.signs_box_r .icon-other_women figcaption {
margin: -0.5em 0 0;
padding: 0;
text-align: center;
}
.signs_box_r .chatting {
margin: 0 19% 0 0;
}
.signs_box_r .chatting .signs {
position: relative;
display: inline-block;
margin: 0 15px 1em 0;
padding: 0.5em 0;
width: 95%;
color: #333;
font-size: 86%;
background: #FFF;
box-sizing: border-box;
border-radius: 6px;
}
.signs_box_r .chatting .signs:before {
content: "";
position: absolute;
top: 22px;
right: -24px;
margin-top: -12px;
border: 12px solid transparent;
border-left: 12px solid #FFF;
z-index: 2;
}
.signs_box_r .chatting .signs:after {
content: "";
position: absolute;
top: 22px;
right: -30px;
margin-top: -14px;
border: 14px solid transparent;
z-index: 1;
}
.signs_box_r .chat-other_women .signs {
border: solid 3px #f5c9c9;
}
.signs_box_r .chat-other_women .signs:after {
border-left: 14px solid #f5c9c9;
}
.signs_box_r .chat-other_w .signs {
border: solid 3px #f4d3d4;
}
.signs_box_r .chat-other_w .signs:after {
border-left: 14px solid #f4d3d4;
}
.signs_box_r .chat-other_m .signs {
border: solid 3px #c6ecb4;
}
.signs_box_r .chat-other_m .signs:after {
border-left: 14px solid #c6ecb4;
}
.signs_box_r p {
line-height: 2 !important;
}
.signs_box_lr {
width: 98%;
margin: 2em auto;
}
.signs_box_lr .signs_icon {
float: left;
margin: -2.5% 0;
width: 65px;
border: none;
}
.signs_box_lr .signs_icon img {
width: 100%;
height: auto;
border-radius: 50%;
}
.signs_box_lr .icon-other_w img {
border: solid 3px #f4d3d4;
}
.signs_box_lr .icon-other_w figcaption {
margin: -0.5em 0 0;
padding: 0;
text-align: center;
}
.signs_box_lr .icon-other_m img {
border: solid 3px #c6ecb4;
}
.signs_box_lr .icon-other_m figcaption {
margin: -0.5em 0 0;
padding: 0;
text-align: center;
}
.signs_box_lr .icon-other_women img {
border: solid 3px #f5c9c9;
}
.signs_box_lr .icon-other_women figcaption {
margin: -0.5em 0 0;
padding: 0;
text-align: center;
}
.signs_box_lr .chatting {
margin: 0 0 0 19%;
}
.signs_box_lr .chatting .signs {
position: relative;
display: inline-block;
margin: 0 0 1em 15px;
padding: 0.5em 0;
width: 95%;
color: #333;
font-size: 86%;
background: #FFF;
box-sizing: border-box;
border-radius: 6px;
}
.signs_box_lr .chatting .signs:before {
content: "";
position: absolute;
top: 22px;
left: -24px;
margin-top: -12px;
border: 12px solid transparent;
border-right: 12px solid #FFF;
z-index: 2;
}
.signs_box_lr .chatting .signs:after {
content: "";
position: absolute;
top: 22px;
left: -30px;
margin-top: -14px;
border: 14px solid transparent;
z-index: 1;
}
.signs_box_lr .chat-other_women .signs {
border: solid 3px #f5c9c9;
}
.signs_box_lr .chat-other_women .signs:after {
border-right: 14px solid #f5c9c9;
}
.signs_box_lr .chat-other_w .signs {
border: solid 3px #f4d3d4;
}
.signs_box_lr .chat-other_w .signs:after {
border-right: 14px solid #f4d3d4;
}
.signs_box_lr .chat-other_m .signs {
border: solid 3px #c6ecb4;
}
.signs_box_lr .chat-other_m .signs:after {
border-right: 14px solid #c6ecb4;
}
.signs_box_lr p {
line-height: 2 !important;
}
.section_box {
width: 95%;
height: auto;
margin: 0.5em auto 2em;
padding: 1.25em 0 1.5em;
border-radius: 5px;
background: #fff;
border: 2px solid #f6bcbc;
}
.section_box .s_header {
width: 98%;
margin: 0 auto;
padding: 0 0 0.5em;
color: #333;
border-bottom: 1px solid #333;
}
.section_box .s_header .h2_title {
margin: 0 auto;
font-size: 20px;
font-weight: bold;
text-align: center;
}
.section_box .s_header .hp_link {
margin: 0;
padding: 0.5em 0.5em 0;
font-size: 18px;
text-align: center;
font-weight: bold;
}
.section_box .s_header .hp_link a {
text-decoration: underline;
}
.section_box .s_header .hp_link a:hover {
color: #F00;
}
.section_box .s_middler {
width: 95%;
margin: 1em auto 0.5em;
}
.section_box .s_middler .hp_image {
width: 98%;
height: auto;
margin: 0 auto;
}
.section_box .s_middler .hp_image img {
width: 100%;
height: auto;
border: 1px solid #ccc;
border-radius: 3px;
}
.section_box .s_middler .commentary {
width: 97%;
margin: 0 0 0 3%;
line-height: 1.8;
}
.section_box .s_middler_snd, .section_box .s_middler_snd-2, .section_box .s_middler_snd-cp {
width: 90%;
margin: 0.5em auto 1.5em;
}
.section_box .s_middler_snd .region_box, .section_box .s_middler_snd-2 .region_box, .section_box .s_middler_snd-cp .region_box {
width: 92%;
margin: 0 auto;
border-radius: 5px;
font-size: 14px;
border: 1px solid #c7281d;
background: #FFF;
}
.section_box .s_middler_snd .region_box .h3_title, .section_box .s_middler_snd-2 .region_box .h3_title, .section_box .s_middler_snd-cp .region_box .h3_title {
margin: 0;
text-align: center;
padding: 0.25em 0;
font-size: 15px;
font-weight: bold;
color: #fff;
border-radius: 3px 3px 0 0;
background: #c7281d;
}
.section_box .s_middler_snd .region_box .h3_title .fas, .section_box .s_middler_snd-2 .region_box .h3_title .fas, .section_box .s_middler_snd-cp .region_box .h3_title .fas {
margin: 0 0.25em 0 0;
}
.section_box .s_middler_snd .region_box .region, .section_box .s_middler_snd-2 .region_box .region, .section_box .s_middler_snd-cp .region_box .region {
margin: 0.5em 0;
padding: 0.25em;
text-align: center;
}
.section_box .s_middler_snd .flex_box, .section_box .s_middler_snd-2 .flex_box, .section_box .s_middler_snd-cp .flex_box {
display: block;
}
.section_box .s_middler_snd .flex_box .information_box, .section_box .s_middler_snd .flex_box .information_box-2, .section_box .s_middler_snd-2 .flex_box .information_box, .section_box .s_middler_snd-2 .flex_box .information_box-2, .section_box .s_middler_snd-cp .flex_box .information_box, .section_box .s_middler_snd-cp .flex_box .information_box-2 {
width: 92%;
margin: 0 auto 1.5em;
border-radius: 5px;
border: 1px solid #c7281d;
background: #FFF;
}
.section_box .s_middler_snd .flex_box .information_box .h3_title, .section_box .s_middler_snd .flex_box .information_box-2 .h3_title, .section_box .s_middler_snd-2 .flex_box .information_box .h3_title, .section_box .s_middler_snd-2 .flex_box .information_box-2 .h3_title, .section_box .s_middler_snd-cp .flex_box .information_box .h3_title, .section_box .s_middler_snd-cp .flex_box .information_box-2 .h3_title {
margin: 0;
text-align: center;
padding: 0.25em 0;
font-size: 15px;
font-weight: bold;
color: #fff;
border-radius: 3px 3px 0 0;
background: #c7281d;
}
.section_box .s_middler_snd .flex_box .information_box .h3_title .fas, .section_box .s_middler_snd .flex_box .information_box-2 .h3_title .fas, .section_box .s_middler_snd-2 .flex_box .information_box .h3_title .fas, .section_box .s_middler_snd-2 .flex_box .information_box-2 .h3_title .fas, .section_box .s_middler_snd-cp .flex_box .information_box .h3_title .fas, .section_box .s_middler_snd-cp .flex_box .information_box-2 .h3_title .fas {
margin: 0 0.25em 0 0;
}
.section_box .s_middler_snd .flex_box .information_box .information, .section_box .s_middler_snd .flex_box .information_box-2 .information, .section_box .s_middler_snd-2 .flex_box .information_box .information, .section_box .s_middler_snd-2 .flex_box .information_box-2 .information, .section_box .s_middler_snd-cp .flex_box .information_box .information, .section_box .s_middler_snd-cp .flex_box .information_box-2 .information {
vertical-align: middle;
text-align: center;
padding: 0.25em;
margin: 0.5em 0;
}
.section_box .af_footer {
margin: 1.5em 0 0;
text-align: center;
}
.section_box .af_footer .af_btn {
display: inline-block;
text-align: center;
color: #FFF !important;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
letter-spacing: 0;
border: none;
border-radius: 5px;
text-decoration: none;
padding: 12px 1em;
width: 92%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3ce00), color-stop(1, #ff7800));
background: -webkit-linear-gradient(#f3ce00, #ff7800);
background: -moz-linear-gradient(#f3ce00, #ff7800);
background: -o-linear-gradient(#f3ce00, #ff7800);
background: -ms-linear-gradient(#f3ce00, #ff7800);
background: linear-gradient(#f3ce00, #ff7800);
}
.section_box .af_footer .af_btn:hover {
color: #F00 !important;
}
.section_box .af_footer .af_btn:active {
border: solid 1px #03A9F4;
box-shadow: none;
text-shadow: none;
}
.section_box .s_middler_snd-cp {
margin: 0 auto;
}
.section_box .s_middler_snd-cp .region_box .a_l {
text-align: left;
margin: 0.5em 0.25em;
}
.section_box .s_middler_snd-2 {
margin: 0 auto 1.5em;
}
.flex-box {
display: flex;
flex-direction: column;
}
.flex-box .illust {
width: 95%;
margin: 0.5em auto;
height: auto;
}
.recommend_box {
margin: 2em auto;
display: block;
width: 96%;
}
.recommend_box .recommend {
margin: 0 auto;
border: 3px solid #ccc;
border-radius: 6px;
position: relative;
display: block;
}
.recommend_box .recommend .read_title {
position: absolute;
top: -1.7em;
left: 1em;
font-weight: bold;
color: #F00;
line-height: 1.3;
background: white;
padding: 0 0.5em;
}
.recommend_box .recommend .read {
display: block;
margin: 1.25em 1em;
padding: 0 0.5em;
color: #333;
font-size: 1.5rem;
background: #FFF;
box-sizing: border-box;
border-radius: 6px;
text-align: center;
}
.recommend_box .recommend .read .af_footer {
width: 100%;
margin: 1em 0 0.5em;
text-align: center;
display: inline-block;
}
.recommend_box .recommend .read .af_footer .af_btn {
display: inline-block;
text-align: center;
color: #FFF !important;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
letter-spacing: 0;
border: none;
border-radius: 5px;
text-decoration: none;
padding: 15px 1em;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3ce00), color-stop(1, #ff7800));
background: -webkit-linear-gradient(#f3ce00, #ff7800);
background: -moz-linear-gradient(#f3ce00, #ff7800);
background: -o-linear-gradient(#f3ce00, #ff7800);
background: -ms-linear-gradient(#f3ce00, #ff7800);
background: linear-gradient(#f3ce00, #ff7800);
}
.recommend_box .recommend .read .af_footer .af_btn:hover {
color: #F00 !important;
}
.recommend_box .recommend .read .af_footer .af_btn:active {
border: solid 1px #03A9F4;
box-shadow: none;
text-shadow: none;
}
.recommend_co_box {
margin: 2em auto;
display: block;
width: 96%;
}
.recommend_co_box .recommend {
margin: 0 auto;
padding: 1.5em 0.5em 1em;
border: 2px solid #ccc;
border-radius: 6px;
position: relative;
display: block;
}
.recommend_co_box .recommend .read_title {
position: absolute;
top: -1.7em;
left: 1em;
font-weight: bold;
color: #F00;
line-height: 1.3;
background: white;
padding: 0 0.5em;
}
.recommend_co_box .recommend .table_content {
line-height: 1.8 !important;
}
.related_posts {
width: 100%;
margin: 1em auto 3em;
}
.related_posts h2 {
text-align: center;
margin: 2em auto 0.5em;
}
.related_posts .related_box .related_inner {
float: left;
width: 95%;
margin: 0.35em 2.5%;
padding: 0.35em;
border: 1px solid #ccc;
border-radius: 2px;
}
.related_posts .related_box .related_inner .related_thumb {
display: inline-flex;
float: left;
width: 25%;
border: 1px solid #ccc;
}
.related_posts .related_box .related_inner .related_thumb img {
width: 100%;
height: 100%;
}
.related_posts .related_box .related_inner .related_title {
float: right;
width: 75%;
margin: 0;
padding: 0.15em 0.35em;
font-weight: normal;
line-height: 1.5;
text-decoration: underline;
font-size: 1.6rem;
font-weight: bold;
}
@media (max-width: 374px) {
.signs_box_l .signs_icon {
width: 55px;
}
.signs_box_l .chatting {
margin: 0 0 0 20%;
}
.signs_box_r .signs_icon {
width: 55px;
}
.signs_box_r .chatting {
margin: 0 20% 0 0;
}
}
.single_art .cont_box .amazon_thumbnail {
width: 95%;
border: 1px solid #ccc;
border-radius: 2px;
margin: 1em auto;
padding: 0.25em;
}
.single_art .cont_box .amazon_thumbnail a img {
width: 100%;
height: auto;
display: inherit;
}
.single_art .cont_box .amazon_thumbnail img {
display: none;
}
.single_art .cont_box .single_thumbnail {
width: 95%;
border: 1px solid #ccc;
border-radius: 2px;
margin: 1em auto;
padding: 0.25em 0.25em 0;
}
.single_art .cont_box .single_thumbnail img {
width: 100%;
height: auto;
}
.cont_box .table {
width: 95%;
margin: 3em auto 2em;
text-align: center;
font-weight: bold;
}
.cont_box .table .list {
padding: 1em;
background: #1EA33E;
color: #fff;
}
.cont_box .table .company {
border: 2px solid #fff;
background: #9dcb5f;
width: 25%;
line-height: 1.5;
text-align: center;
}
.cont_box .table .logo {
border: 2px solid #fff;
background: #e6efc2;
line-height: 1.5;
padding: 0.65em 0 0.25em;
width: 20%;
}
.cont_box .table .logo a img {
width: 60%;
height: auto;
border: 1px solid #ccc;
}
.cont_box .table td.value {
border: 2px solid #fff;
background: #f4f8e0;
line-height: 1.5;
padding: 0 1em;
width: 55%;
text-align: center;
}
.pokeca {
width: 40% !important;
background: #ccc !important;
}
.green {
background: #2fb750 !important;
color: #FFF;
padding: 0.15em 0 !important;
}
.three {
width: 100% !important;
}
.cont_box .box_one {
margin: 0 0 3em;
}
.cont_box .box_one .hp_image {
width: 90%;
border: 1px solid #ccc;
margin: 0.25em auto 1em;
}
.cont_box .box_one .hp_image img {
width: 100%;
height: auto;
}
.cont_box .box_one .hp_image figcaption {
text-align: left;
padding: 0 1em;
}
.cont_box .box_one .h3_title {
border-left: 6px solid #59c34f;
padding: 0.25em 0 0.25em 0.5em;
font-weight: bold;
font-size: 1.8rem;
margin: 2em 0 0;
}
.cont_box .camera_table {
width: 95%;
margin: 3em auto 2em;
text-align: center;
font-weight: bold;
}
.cont_box .camera_table .photo {
width: 100%;
height: auto;
border-bottom: none;
border-top: 2px solid #e1e1e1;
border-right: 2px solid #e1e1e1;
border-left: 2px solid #e1e1e1;
padding: 0.5em 0.5em 0;
background: #FFF;
color: #fff;
}
.cont_box .camera_table .photo img {
width: 100%;
height: auto;
}
.cont_box .camera_table .camera {
padding: 0 0 0.25em;
background: #FFF;
border-bottom: 2px solid #e1e1e1;
border-top: none;
border-right: 2px solid #e1e1e1;
border-left: 2px solid #e1e1e1;
color: #333;
}
.cont_box .camera_table .company {
border: 2px solid #e1e1e1;
background: #2fb750;
color: #FFF;
padding: 0.5em;
text-align: center;
}
.cont_box .camera_table .check {
border: 2px solid #e1e1e1;
background: #9dcb5f;
width: 35%;
text-align: center;
padding: 0.15em;
}
.cont_box .camera_table td.situation {
border: 2px solid #e1e1e1;
background: #f4f8e0;
line-height: 1.5;
padding: 0 1em;
width: 55%;
text-align: center;
}
.cont_box .pokeca_table {
width: 95%;
margin: 2em auto 2em;
text-align: center;
font-weight: bold;
}
.cont_box .pokeca_table .photo {
width: 90%;
height: auto;
border-bottom: none;
border-top: 2px solid #e1e1e1;
border-right: 2px solid #e1e1e1;
border-left: 2px solid #e1e1e1;
padding: 0.5em 0.5em 0;
}
.cont_box .pokeca_table .photo img {
width: 100%;
height: auto;
}
.cont_box .pokeca_table .rarity {
padding: 0.25em 0;
background: #818182;
border-bottom: 2px solid #e1e1e1;
border-top: none;
border-right: 2px solid #e1e1e1;
border-left: 2px solid #e1e1e1;
color: #FFF;
}
.cont_box .pokeca_table .pokeca {
width: 40%;
border: 2px solid #e1e1e1;
background: #2fb750;
color: #333;
padding: 0.5em;
text-align: center;
}
.cont_box .pokeca_table .yu_1 {
border: 2px solid #e1e1e1;
background: #9fc2fd;
width: 35%;
text-align: center;
padding: 0.15em;
}
.cont_box .pokeca_table .su_1 {
border: 2px solid #e1e1e1;
background: #fd9f9f;
width: 35%;
text-align: center;
padding: 0.15em;
}
.cont_box .pokeca_table .yu_2 {
border: 2px solid #e1e1e1;
background: #d9e6fc;
line-height: 1.5;
padding: 0 1em;
width: 55%;
text-align: center;
}
.cont_box .pokeca_table .su_2 {
border: 2px solid #e1e1e1;
background: #fbdcdc;
line-height: 1.5;
padding: 0 1em;
width: 55%;
text-align: center;
}
.cont_box .pokeca_table {
width: 100%;
margin: 2em auto 2em;
text-align: center;
font-weight: bold;
}
.cont_box .pokeca_table .card_rarity {
width: 10%;
border: 2px solid #e1e1e1;
background: #cccaca;
color: #333;
padding: 0.5em;
text-align: center;
font-size: 1.4rem;
}
.cont_box .pokeca_table .card_name {
width: 40%;
border: 2px solid #e1e1e1;
background: #cccaca;
color: #333;
padding: 0.5em;
text-align: center;
font-size: 1.4rem;
}
.cont_box .pokeca_table .yu_3 {
border: 2px solid #e1e1e1;
background: #d9e6fc;
width: 25%;
text-align: center;
padding: 0.35em 0 0;
}
.cont_box .pokeca_table .yu_3 a img {
width: 40%;
height: auto;
border: 1px solid #ccc;
}
.cont_box .pokeca_table .su_3 {
border: 2px solid #e1e1e1;
background: #fbdcdc;
width: 25%;
text-align: center;
padding: 0.35em 0 0;
}
.cont_box .pokeca_table .su_3 a img {
width: 40%;
height: auto;
border: 1px solid #ccc;
}
.cont_box .pokeca_table .yu_4 {
border: 2px solid #e1e1e1;
background: #9fc2fd;
width: 25%;
text-align: center;
padding: 0.2em 0;
font-size: 1.4rem;
}
.cont_box .pokeca_table .su_4 {
border: 2px solid #e1e1e1;
background: #fd9f9f;
width: 25%;
text-align: center;
padding: 0.2em 0;
font-size: 1.4rem;
}
.cont_box .pokeca_table .total {
border: 2px solid #e1e1e1;
background: #8d8b8b;
color: #FFF;
font-weight: bold;
padding: 0.5em;
text-align: center;
font-size: 1.6rem;
}
.cont_box .pokeca_table .yu_5 {
border: 2px solid #e1e1e1;
background: #666;
color: #FFF;
width: 25%;
text-align: center;
padding: 0.2em 0;
font-size: 1.6rem;
}
.cont_box .pokeca_table .su_5 {
border: 2px solid #e1e1e1;
background: #666;
color: #FFF;
width: 25%;
text-align: center;
padding: 0.2em 0;
font-size: 1.6rem;
}
.single_art .cont_box .pokemon_thumbnail {
width: 70%;
margin: 1em auto;
padding: 0.25em;
border: none;
}
.single_art .cont_box .pokemon_thumbnail a img {
width: 100%;
height: auto;
display: inherit;
} .page_art {
width: 98%;
margin: 0 auto;
}
.page_art .page_title {
margin: 0.5em 0 1em;
line-height: 1.3;
font-weight: bold;
background-color: #c7281d;
border-radius: 3px;
color: #FFF;
padding: 0.35em 0.75em;
}
.page_art .thumbnail {
width: 95%;
border: 1px solid #ccc;
border-radius: 2px;
margin: 1em auto;
padding: 0.25em;
}
.page_art .thumbnail img {
width: 100%;
height: auto;
}
.page_art .cont_box {
width: 97%;
margin: 0 auto 2em;
}
.page_art .cont_box .cont_title {
font-weight: bold;
overflow: hidden;
text-align: left;
margin: 0 0 1em;
}
.page_art .cont_box .cont_title span {
position: relative;
display: inline-block;
margin: 0 2em;
padding: 0 0.35em;
text-align: left;
}
.page_art .cont_box .cont_title span::before, .page_art .cont_box .cont_title span::after {
position: absolute;
top: 50%;
content: "";
width: 2000%;
height: 1px;
background-color: #ccc;
}
.page_art .cont_box .cont_title span::before {
right: 100%;
}
.page_art .cont_box .cont_title span::after {
left: 100%;
}
.page_art .cont_box .cont {
width: 95%;
margin: 0 auto;
line-height: 2.2;
}
.page_art .chara_box {
width: 97%;
margin: 0.5em auto 3.5em;
}
.page_art .chara_box .chara_title {
text-align: center;
}
.page_art .chara_box .chara_box_inner .thumbnail {
width: 80%;
border: 1px solid #ccc;
border-radius: 2px;
margin: 0 auto 1em;
padding: 0.3em 0.3em 0;
}
.page_art .chara_box .chara_box_inner .thumbnail img {
width: 100%;
height: auto;
} .form_inner {
width: 97%;
display: table;
margin: 0 auto 3em;
background: #f1f1f1;
border-radius: 3px;
font-size: 82%;
}
.form_inner .textbox {
margin: 0;
}
.form_inner .textbox .textbox_table_ul {
width: 95%;
display: table;
margin: 1em auto;
}
.form_inner .textbox .textbox_table_ul li {
width: 100%;
text-align: left;
}
.form_inner .textbox .textbox_table_ul li input[type=text], .form_inner .textbox .textbox_table_ul li input[type=email] {
width: 100%;
max-width: 400px;
font-size: 82%;
border: 1px solid #ccc;
border-radius: 0;
-webkit-border-radius: 0;
appearance: none;
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.form_inner .textbox .textbox_table_ul li textarea {
width: 100%;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 0;
-webkit-border-radius: 0;
appearance: none;
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.form_inner .textbox .unit .button {
display: table;
width: 240px;
margin: 0 auto 15px;
}
.form_inner .textbox .unit .button li {
display: table-cell;
float: left;
}
.form_inner .textbox .unit .button li:first-child {
margin: 0 30px 0 65px;
display: table-cell;
}
.form_inner .textbox .unit .button li:first-child input[type=submit] {
border: #a9a9a9 1px solid;
width: 100px;
height: 30px;
font-size: 82%;
padding: 0 3px;
margin: 5px;
cursor: pointer;
color: #333;
background: #FFF;
} .page_art .sm_cat_box {
width: 97%;
margin: 1em auto;
}
.page_art .sm_cat_box .sm_cat_title {
font-weight: bold;
text-decoration: underline;
}
.page_art .sm_cat_box .post_list {
margin: 0.5em 0 0.5em 1.75em;
}
.page_art .sm_cat_box .post_list li {
font-weight: normal;
text-decoration: underline;
} .sns_box {
display: table;
width: 100%;
height: auto;
margin: 3em auto 0;
border-collapse: separate;
border-spacing: 0.75em 0;
}
.sns_box p {
display: table-cell;
width: 18%;
padding: 0.2em 0.5em 0.15em;
text-align: center;
border-radius: 4px;
vertical-align: middle;
}
.sns_box p a {
display: block;
}
.sns_box p a:hover {
opacity: 0.5;
}
.sns_box .twitter {
background-color: #000000;
}
.sns_box .twitter svg {
display: block;
width: auto;
max-height: 17px;
margin: auto;
}
.sns_box .facebook {
background-color: #3c5a99;
}
.sns_box .line {
background-color: #1dcd00;
}
.sns_box .hatena {
background-color: #3c7dd1;
}
.sns_box .fa-hatena:before {
content: "B!";
font-family: Verdana;
font-weight: bold;
} .sidebar_box_l {
padding: 0 0.25em;
width: 100%;
margin: 2em auto;
display: inline-block;
}
.sidebar_box_l h2 {
background: #c7281d;
border-radius: 2px;
margin: 0 0 0.5em;
padding: 0.3em 1em;
color: #FFF;
}
.sidebar_box_l .inner_box {
float: left;
width: 95%;
margin: 0.5% 2.5% 2%;
}
.sidebar_box_l .inner_box a {
width: 100%;
display: flex;
border-radius: 3px;
border: 1px solid #e4e4e4;
margin: 0 auto;
padding: 0.25em;
text-decoration: none;
}
.sidebar_box_l .inner_box a:hover {
color: F00;
opacity: 0.8;
transition: 0.2s;
}
.sidebar_box_l .inner_box .left_box {
width: 25%;
display: inline-block;
}
.sidebar_box_l .inner_box .left_box figure {
margin: 0;
width: 100%;
display: grid;
border: 1px solid #ccc;
}
.sidebar_box_l .inner_box .left_box figure img {
width: 100%;
height: auto;
}
.sidebar_box_l .inner_box .right_box {
width: 73%;
margin: 0 0 0 2%;
position: relative;
display: inline-block;
}
.sidebar_box_l .inner_box .right_box h3 {
margin: 0.25em 0;
font-weight: bold;
text-decoration: none;
line-height: 1.5;
border-bottom: none;
text-decoration: underline;
font-size: 1.7rem;
}
.sidebar_box_r {
padding: 0 0.25em;
width: 100%;
margin: 1 auto;
display: inline-block;
}
.sidebar_box_r h2 {
background: #c7281d;
border-radius: 2px;
margin: 0 0 0.5em;
padding: 0.3em 1em;
color: #FFF;
}
.sidebar_box_r .inner_box {
float: left;
width: 49%;
margin: 0.5% 0.5% 2%;
}
.sidebar_box_r .inner_box a {
width: 100%;
display: flex;
border-radius: 3px;
border: 1px solid #e4e4e4;
margin: 0 auto;
padding: 0.25em;
text-decoration: none;
}
.sidebar_box_r .inner_box a:hover {
color: F00;
opacity: 0.8;
transition: 0.2s;
}
.sidebar_box_r .inner_box .report {
margin: 0 0 -0.4em;
}
.sidebar_box_r .inner_box .report img {
width: 100%;
height: auto;
}
.sidebar_box {
margin: 1em auto 2em;
padding: 0 0.25em;
float: left;
width: 100%;
}
.sidebar_box .searchform {
position: relative;
width: 95%;
margin: 0 auto;
}
.sidebar_box .searchform input[type=search] {
width: 100%;
height: 40px;
border: 3px solid #ccc;
padding: 4px 10px;
margin: 0;
border-radius: 0;
appearance: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0;
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.sidebar_box .searchform .searchsubmit {
font-family: FontAwesome;
font-size: 1.4em;
position: absolute;
top: 0;
right: 10px;
margin-top: 5px;
padding: 0;
cursor: pointer;
color: #ccc;
border: none;
background: transparent;
width: 30px;
height: 30px;
}
.sidebar_box .searchform .searchsubmit:hover {
opacity: 0.6;
}
.sideber_box_aff {
display: inline-block;
margin: 1em 5% 0;
width: 90%;
height: auto;
}
.sideber_box_aff .aff300 {
display: none;
}
.sideber_box_aff .aff728 {
display: none;
}
.sideber_box_aff .aff336 a img {
width: 100%;
height: auto;
} .search_post_box {
margin: 0;
display: inline-block;
}
.search_post_box .popular {
margin: 0.5em 0 1em;
line-height: 1.3;
font-weight: bold;
background-color: #c7281d;
border-radius: 3px;
color: #FFF;
padding: 0.35em 0.75em;
}
.search_post_box .latest .inner_box {
width: 93%;
margin: 0 auto 1em;
}
.search_post_box .latest .inner_box .inner {
margin: 0 auto;
}
.search_post_box .latest .inner_box .inner .a_box {
width: 100%;
display: block;
border-radius: 3px;
border: 1px solid #e4e4e4;
margin: 0 auto;
color: #545454 !important;
text-decoration: none;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.search_post_box .latest .inner_box .inner .a_box:hover {
box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.3);
transform: translateY(-1px);
transition: 0.2s;
}
.search_post_box .latest .inner_box .inner .a_box:hover .read_more {
color: #F00;
}
.search_post_box .latest .inner_box .inner .left_box {
width: 35%;
margin: 0.25em 0.25em;
float: left;
}
.search_post_box .latest .inner_box .inner .left_box .eye_catch {
margin: 0;
width: 100%;
}
.search_post_box .latest .inner_box .inner .left_box .eye_catch img {
width: 100%;
height: auto;
display: block;
border: 1px solid #e4e4e4;
}
.search_post_box .latest .inner_box .inner .right_box {
width: 98%;
margin: 1% auto 2%;
position: relative;
}
.search_post_box .latest .inner_box .inner .right_box .time_cat_tag_box {
display: inline;
float: left;
width: 59%;
margin: 0.5em 0.25em 0.15em;
}
.search_post_box .latest .inner_box .inner .right_box .time_cat_tag_box .byline {
color: #999;
margin: 0 0.25em 0;
line-height: 1.4;
}
.search_post_box .latest .inner_box .inner .right_box .post_title {
margin: 0.25em 0;
font-weight: bold;
text-decoration: none;
line-height: 1.3;
border-bottom: none;
}
.search_post_box .latest .inner_box .inner .right_box .post_description {
display: none;
margin: 0;
padding: 0 0.15em;
line-height: 1.5;
clear: both;
}
.search_post_box .latest .inner_box .inner .right_box .read_more {
position: absolute;
bottom: 0;
right: 5px;
margin: 0;
text-decoration: underline;
color: #0947b7;
}
form .wp-block-search__button-outside .wp-block-search__text-button .wp-block-search {
width: 95%;
position: relative;
margin: 0 auto;
} footer {
clear: both;
background-color: #c7281d;
color: #FFF;
text-align: center;
}
footer .footer-links {
margin: -0.85em 0 0;
}
footer .footer-links ul.nav {
display: inherit;
}
footer .footer-links ul.nav li {
display: block;
padding: 0.5em 0;
border-bottom: 1px solid #FFF;
}
footer .footer-links ul.nav li a {
color: #FFF !important;
text-decoration: none !important;
font-size: 82%;
font-weight: bold;
}
footer .footer-links ul.nav li a span {
display: none;
}
footer p.source-org.copyright {
font-size: 82%;
}
#page-top {
position: fixed;
bottom: 20px;
right: 20px;
font-size: 30px;
font-weight: bold;
z-index: 2;
}
#page-top a {
background: #000;
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
text-decoration: none;
color: #FFF !important;
width: 60px;
padding: 8px;
text-align: center;
display: block;
border-radius: 50px;
}
#page-top a:hover {
border-style: none;
background: #191919;
}
#page-top a:hover #scroll-to-top {
display: none !important;
} .cat_posts_box {
margin: 0;
display: inline-block;
}
.cat_posts_box .popular {
background: #c7281d;
border-radius: 2px;
margin: 0 0 1em;
padding: 0.3em 1em;
color: #FFF;
}
.cat_posts_box .latest .inner_box {
width: 93%;
margin: 0 auto 1em;
}
.cat_posts_box .latest .inner_box .inner {
margin: 0 auto;
}
.cat_posts_box .latest .inner_box .inner .a_box {
width: 100%;
display: block;
border-radius: 3px;
border: 1px solid #e4e4e4;
margin: 0 auto;
color: #545454 !important;
text-decoration: none !important;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.cat_posts_box .latest .inner_box .inner .a_box:hover {
box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.3);
transform: translateY(-1px);
transition: 0.2s;
}
.cat_posts_box .latest .inner_box .inner .a_box:hover .read_more {
color: #F00;
}
.cat_posts_box .latest .inner_box .inner .left_box {
width: 95%;
margin: 0.25em auto 0.25em;
}
.cat_posts_box .latest .inner_box .inner .left_box .eye_catch {
margin: 0;
width: 100%;
}
.cat_posts_box .latest .inner_box .inner .left_box .eye_catch img {
width: 100%;
height: auto;
display: block;
border: 1px solid #e4e4e4;
}
.cat_posts_box .latest .inner_box .inner .right_box {
width: 98%;
margin: 1% auto 2%;
position: relative;
}
.cat_posts_box .latest .inner_box .inner .right_box .time_cat_tag_box {
display: inline;
float: left;
width: 59%;
margin: 0.5em 0.25em 0.15em;
}
.cat_posts_box .latest .inner_box .inner .right_box .time_cat_tag_box .byline {
color: #999;
margin: 0 0.25em 0;
line-height: 1.4;
}
.cat_posts_box .latest .inner_box .inner .right_box .post_title {
margin: 0.25em 0;
font-weight: bold;
line-height: 1.3;
border-bottom: none;
text-decoration: underline;
color: #0947b7;
font-size: 1.9rem;
}
.cat_posts_box .latest .inner_box .inner .right_box .post_description {
margin: 0;
padding: 0 0.15em;
line-height: 1.5;
clear: both;
font-size: 1.5rem;
}
.cat_posts_box .latest .inner_box .inner .right_box .read_more {
float: right;
margin: 0.5em 0.5em 0.25em;
text-decoration: underline;
color: #0947b7;
} .pagination {
clear: both;
padding: 20px 0;
position: relative;
font-size: 12px;
line-height: 14px;
display: table;
margin: 0 auto;
}
.pagination span, .pagination a {
display: block;
float: left;
width: auto;
margin: 4px 4px 4px 0;
padding: 10px;
background-color: #fff;
color: #555;
text-decoration: none;
border-radius: 3px;
}
.pagination a {
border: 1px solid #ccc;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pagination a:hover {
background-color: #333;
border: 1px solid #333;
color: #fff;
}
.pagination .current {
padding: 10px;
background-color: #333;
border: 1px solid #333;
color: #fff;
} .sns_button_box {
display: table;
width: 100%;
height: auto;
margin: 2em auto;
border-collapse: separate;
border-spacing: 0.75em 0;
}
.sns_button_box .sns_button {
display: table-cell;
width: 18%;
padding: 0.2em 0.5em 0.15em;
text-align: center;
border-radius: 4px;
vertical-align: middle;
}
.sns_button_box .twitter {
background-color: #000000 !important;
}
.sns_button_box .twitter svg {
display: block;
width: auto;
max-height: 17px;
margin: auto;
}
a {
color: #0a60bc !important;
text-decoration: underline !important;
} @media only screen and (min-width: 481px) { html {
font-size: 55%; } .posts_box .inner_box {
width: 49%;
margin: 0.5%;
}
.posts_box .inner_box .left_box {
width: 28%;
}
.posts_box .inner_box .right_box {
width: 70%;
}
.posts_box_tag .inner_box_tag {
float: left;
width: 32.25%;
margin: 0.5% 0.5%;
} .sp_logo {
display: none;
}
.pc_logo {
display: block;
margin: 0;
}
.pc_logo img {
width: 100%;
height: auto;
} .box .com_box .head h2 {
width: 80%;
float: left;
text-align: left;
}
.box .com_box .head p {
float: right;
padding: 1.45em 0.75em 0;
}
.box .com_box .middle figure {
width: 30%;
float: left;
}
.box .com_box .middle p {
width: 68%;
float: right;
}
.box .com_box .foot .region_box {
width: 48%;
margin: 1em 1%;
float: left;
}
.signs_box_l .signs_icon {
margin: -0.5% 0;
width: 72px;
}
.signs_box_l .chatting {
margin: 0 0 0 12%;
}
.signs_box_l .chatting .signs {
margin: 0.75em 0 1em 15px;
width: 97%;
}
.signs_box_l .chatting .signs:before {
top: 20px;
}
.signs_box_l .chatting .signs:after {
top: 20px;
}
.signs_box_r .signs_icon {
margin: -0.5% 0;
width: 72px;
}
.signs_box_r .chatting {
margin: 0 12% 0 0;
}
.signs_box_r .chatting .signs {
margin: 0.75em 15px 1em 0;
width: 97%;
}
.signs_box_r .chatting .signs:before {
top: 20px;
}
.signs_box_r .chatting .signs:after {
top: 20px;
}
.signs_box_lr .signs_icon {
margin: -0.5% 0;
width: 72px;
}
.signs_box_lr .chatting {
margin: 0 0 0 12%;
}
.signs_box_lr .chatting .signs {
margin: 0.75em 0 1em 15px;
width: 97%;
}
.signs_box_lr .chatting .signs:before {
top: 20px;
}
.signs_box_lr .chatting .signs:after {
top: 20px;
}
.section_box {
width: 94%;
}
.section_box .s_middler {
width: 86%;
margin: 1em auto 0.5em;
}
.section_box .s_middler .hp_image {
width: 35%;
height: auto;
float: right;
margin: 0.25em 0.5em 0.25em 0.35em;
}
.section_box .s_middler .commentary {
width: 97%;
margin: 0 0 0 3%;
line-height: 1.8;
}
.section_box .s_middler_snd, .section_box .s_middler_snd-2, .section_box .s_middler_snd-cp {
width: 87%;
}
.section_box .s_middler_snd .region_box, .section_box .s_middler_snd-2 .region_box, .section_box .s_middler_snd-cp .region_box {
width: 96%;
}
.section_box .s_middler_snd .region_box .region, .section_box .s_middler_snd-2 .region_box .region, .section_box .s_middler_snd-cp .region_box .region {
margin: 0.75em 0;
}
.section_box .s_middler_snd .flex_box, .section_box .s_middler_snd-2 .flex_box, .section_box .s_middler_snd-cp .flex_box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 1.5em -10px 1.5em -21px;
}
.section_box .s_middler_snd .flex_box .information_box, .section_box .s_middler_snd-2 .flex_box .information_box, .section_box .s_middler_snd-cp .flex_box .information_box {
width: 27%;
margin: 0 auto;
}
.section_box .s_middler_snd .flex_box .information_box-2, .section_box .s_middler_snd-2 .flex_box .information_box-2, .section_box .s_middler_snd-cp .flex_box .information_box-2 {
width: 42%;
margin: 0 auto;
}
.section_box .af_footer {
margin: 1.5em 0 0;
}
.section_box .af_footer .af_btn {
width: 70%;
}
.section_box .s_middler_snd-cp .region_box .a_l {
text-align: center;
}
.flex-box {
display: flex;
text-align: center;
flex-wrap: wrap;
flex-direction: inherit;
}
.flex-box .illust {
width: 48%;
margin: 1%;
border: none;
height: auto;
}
.related_posts .related_box .related_inner {
padding: 0.35em;
width: 48%;
margin: 0.25em 1%;
}    }
@media only screen and (min-width: 481px) and (min-width: 445px) and (max-width: 569px) {
.signs_box_l .signs_icon {
width: 55px;
}
.signs_box_l .chatting {
margin: 0 0 0 12%;
}
.signs_box_r .signs_icon {
width: 55px;
}
.signs_box_r .chatting {
margin: 0 12% 0 0;
}
}
@media only screen and (min-width: 481px) {
.single_art .cont_box .amazon_thumbnail, .single_art .cont_box .single_thumbnail {
width: 80%;
}
.recommend_box .recommend .read .af_footer {
width: 100%;
}
.br {
display: none;
}
.single_art .cont_box .pokemon_thumbnail {
width: 45%;
}
.cont_box .pokeca_table .card_rarity {
font-size: 1.6rem;
}
.cont_box .pokeca_table .card_name {
font-size: 1.6rem;
}
.cont_box .pokeca_table .yu_4 {
font-size: 1.6rem;
}
.cont_box .pokeca_table .su_4 {
font-size: 1.6rem;
}
.cont_box .pokeca_table .yu_5 {
font-size: 1.8rem;
}
.cont_box .pokeca_table .su_5 {
font-size: 1.8rem;
}
.search_box .inner_box {
width: 49%;
margin: 0.5%;
}
.search_post_box {
margin: 0;
display: inline-block;
}
.search_post_box .popular {
margin: 1em 0 0;
}
.search_post_box .latest .inner_box {
width: 98%;
margin: 0.75em auto 0;
}
.search_post_box .latest .inner_box .inner .a_box {
display: flex;
min-height: 150px;
}
.search_post_box .latest .inner_box .inner .a_box .left_box {
width: 25%;
margin: 0.5em 0.5em;
display: inline-block;
}
.search_post_box .latest .inner_box .inner .a_box .right_box {
width: 75%;
margin: 0.5em 0.5em 0 0.25em;
display: inline-block;
}
.search_post_box .latest .inner_box .inner .a_box .right_box .post_description {
display: inherit;
margin: 0;
padding: 0 0.15em;
line-height: 1.5;
clear: both;
}
.search_post_box .latest .inner_box .inner .a_box .right_box .read_more {
position: absolute;
bottom: 0;
right: 5px;
margin: 0 0 0.25em;
}
.sidebar_box_l {
padding: 0 0.25em;
float: left;
width: 50%;
margin: 1.5em auto;
}
.sidebar_box_l .inner_box {
float: left;
width: 95%;
margin: 0.5% 2.5% 2%;
}
.sidebar_box_l .inner_box .left_box {
width: 30%;
}
.sidebar_box_l .inner_box .right_box {
width: 70%;
}
.sidebar_box_l .inner_box .right_box h3 {
line-height: 1.5;
font-size: 1.7rem;
}
.sidebar_box_r {
padding: 0 0.25em;
float: right;
width: 50%;
margin: 1.5em auto 0;
}
.sidebar_box_r .inner_box {
float: left;
width: 49%;
margin: 0.5% 0.5% 2%;
}
.sideber_box_aff {
display: inline-block;
margin: 2em auto 0;
text-align: center;
width: 100%;
height: auto;
}
.sideber_box_aff .aff300 {
display: none;
}
.sideber_box_aff .aff728 {
display: inherit;
}
.sideber_box_aff .aff728 a img {
width: 70%;
height: auto;
}
.sideber_box_aff .aff336 {
display: none;
}
footer .footer-links {
display: inline-block;
margin: 0.5em auto 1em;
}
footer .footer-links ul.nav {
display: flex;
}
footer .footer-links ul.nav li {
display: inline;
padding: 0 1em;
border-right: 1px solid #f8f9fa;
border-bottom: none;
}
footer .footer-links ul.nav li:first-child {
border-left: 1px solid #FFF;
}
footer .footer-links ul.nav li:first-child a {
color: #f8f9fa;
text-decoration: none;
font-size: 88%;
}
footer .footer-links ul.nav li:first-child a span {
display: none;
}
.cat_posts_box {
margin: 0;
display: inline-block;
}
.cat_posts_box .popular {
margin: 0.5em 0 0;
}
.cat_posts_box .latest .inner_box {
width: 98%;
margin: 0.75em auto 0;
}
.cat_posts_box .latest .inner_box .inner .a_box {
display: flex;
}
.cat_posts_box .latest .inner_box .inner .a_box .left_box {
width: 35%;
margin: 0.5em 0.5em;
display: inline-block;
}
.cat_posts_box .latest .inner_box .inner .a_box .right_box {
width: 65%;
margin: 0.5em 0.5em 0 0.25em;
display: inline-block;
}
.cat_posts_box .latest .inner_box .inner .a_box .right_box .time_cat_tag_box {
float: none;
margin: 0.15em 0 0.25em;
}
.cat_posts_box .latest .inner_box .inner .a_box .right_box .post_title {
margin: 0.25em 0;
font-weight: bold;
line-height: 1.3;
border-bottom: none;
text-decoration: underline;
color: #009;
font-size: 1.8rem;
}
.cat_posts_box .latest .inner_box .inner .a_box .right_box .post_description {
margin: 0;
padding: 0 0.15em;
line-height: 1.5;
clear: both;
font-size: 1.4rem;
}
.cat_posts_box .latest .inner_box .inner .a_box .right_box .read_more {
position: absolute;
bottom: 0;
right: 5px;
margin: 0 0 0.25em;
font-size: 1.5rem;
}
}
@media only screen and (min-width: 481px) and (min-width: 700px) and (max-width: 799px) {
.cat_posts_box .latest .inner_box .inner .a_box .right_box .post_title {
font-size: 1.9rem;
}
.cat_posts_box .latest .inner_box .inner .a_box .right_box .post_description {
font-size: 1.6rem;
line-height: 1.45;
}
.cat_posts_box .latest .inner_box .inner .a_box .right_box .read_more {
font-size: 1.5rem;
}
}
@media only screen and (min-width: 481px) and (min-width: 800px) and (max-width: 899px) {
.cat_posts_box .latest .inner_box .inner .a_box .right_box .post_title {
font-size: 2.1rem;
}
.cat_posts_box .latest .inner_box .inner .a_box .right_box .post_description {
font-size: 1.7rem;
line-height: 1.55;
}
.cat_posts_box .latest .inner_box .inner .a_box .right_box .read_more {
font-size: 1.5rem;
}
} @media only screen and (min-width: 920px) { html {
font-size: 62.5%; } h1 {
width: 100%;
margin: 0 auto;
} .posts_box .inner_box .left_box {
width: 26%;
}
.posts_box .inner_box .right_box {
width: 72%;
} .signs_box_l .chatting {
margin: 0 0 0 10%;
}
.signs_box_l .chatting .signs_icon {
margin: 0.5em 0;
width: 85px;
}
.signs_box_r .chatting {
margin: 0 10% 0 0;
}
.signs_box_r .chatting .signs_icon {
margin: 0.5em 0;
width: 85px;
}
.signs_box_lr .chatting {
margin: 0 0 0 10%;
}
.signs_box_lr .chatting .signs_icon {
margin: 0.5em 0;
width: 85px;
}
.section_box {
width: 94%;
}
.section_box .s_middler {
width: 97%;
margin: 1em auto 0.5em;
}
.section_box .s_middler .hp_image {
width: 40%;
}
.section_box .s_middler .commentary {
width: 97%;
margin: 0 0 0 3%;
line-height: 1.8;
}
.section_box .s_middler_snd, .section_box .s_middler_snd-2, .section_box .s_middler_snd-cp {
width: 90%;
}
.section_box .s_middler_snd .region_box, .section_box .s_middler_snd-2 .region_box, .section_box .s_middler_snd-cp .region_box {
width: 100%;
}
.section_box .s_middler_snd .flex_box, .section_box .s_middler_snd-2 .flex_box, .section_box .s_middler_snd-cp .flex_box {
display: flex;
margin: 1.5em -10px 1.5em -25px;
}
.related_posts .related_box .related_inner {
width: 48%;
margin: 0.25em 1%;
}
.related_posts .related_box .related_inner .related_thumb {
width: 25%;
}
.related_posts .related_box .related_inner .related_title {
width: 75%;
line-height: 1.6;
font-size: 1.5rem;
}
.recommend_box .recommend .read .af_footer {
width: 100%;
} .sideber_box_aff {
display: inline-block;
margin: 1em 2.5% 0;
width: 95%;
height: auto;
}
.sideber_box_aff .aff300 {
display: inherit;
}
.sideber_box_aff .aff300 a img {
width: 100%;
height: auto;
}
.sideber_box_aff .aff728 {
display: none;
}
.sideber_box_aff .aff336 {
display: none;
} .cat_posts_box .latest .inner_box .inner .a_box .right_box .post_title {
font-size: 1.8rem;
}
.cat_posts_box .latest .inner_box .inner .a_box .right_box .post_description {
font-size: 1.4rem;
}
.cat_posts_box .latest .inner_box .inner .a_box .right_box .read_more {
font-size: 1.4rem;
}
} @media only screen and (min-width: 1024px) { html {
font-size: 62.5%; } h1 {
width: 100%;
} #breadcrumb {
width: 1000px;
font-size: 80%;
margin: 1em auto 0;
} .posts_box .inner_box .left_box {
width: 29%;
}
.posts_box .inner_box .right_box {
width: 69%;
} .single_art, .page_art {
width: 100%;
}
.signs_box_l .signs_icon {
margin: 0;
width: 92px;
}
.signs_box_l .chatting {
margin: 0 0 0 14%;
}
.signs_box_r .signs_icon {
margin: 0;
width: 92px;
}
.signs_box_r .chatting {
margin: 0 14% 0 0;
}
.signs_box_lr .signs_icon {
margin: 0;
width: 92px;
}
.signs_box_lr .chatting {
margin: 0 0 0 14%;
}
.information_left {
width: 50%;
}
.information_right {
width: 50%;
}
.info_box {
margin: 1em auto;
}
.info {
width: 420px;
height: 120px;
}
.commentary {
margin: 0 0 0 0.5em;
line-height: 1.9 !important;
font-size: 15px !important;
}
.hp_image {
margin: 0;
} .sidebar_box_l, .sidebar_box_r {
margin: 0.65em auto 1em;
float: left;
width: 100%;
}
.sidebar_box_l .inner_box, .sidebar_box_r .inner_box {
float: left;
width: 97%;
margin: 0.5% 1.5% 2%;
}
.sidebar_box_l .inner_box .left_box, .sidebar_box_r .inner_box .left_box {
width: 35%;
display: inline-block;
}
.sidebar_box_l .inner_box .right_box, .sidebar_box_r .inner_box .right_box {
width: 65%;
margin: 0 0 0 2%;
display: inline-block;
position: relative;
}
.sidebar_box_r {
margin: 1em auto 0;
}
.sidebar_box .searchform {
width: 95%;
}
.sidebar_box_l .sidebar_profile .profile_image {
text-align: center;
width: 75%;
margin: 0 auto 0.25em;
float: none;
}
.search_post_box .latest .inner_box .inner .a_box .left_box {
width: 35%;
}
.search_post_box .latest .inner_box .inner .a_box .right_box {
width: 65%;
} .cat_posts_box .latest .inner_box .inner .a_box .right_box .post_title {
font-size: 1.65rem;
}
.cat_posts_box .latest .inner_box .inner .a_box .right_box .post_description {
font-size: 1.35rem;
line-height: 1.6;
}
.cat_posts_box .latest .inner_box .inner .a_box .right_box .read_more {
font-size: 1.4rem;
}
} @media only screen and (min-width: 1240px) { .wrap {
width: 1024px;
}
header {
position: relative;
}
.left-header {
width: 50%;
height: 251px;
float: left;
background-color: #c7281d;
}
.right-header {
width: 50%;
height: 251px;
float: right;
background-color: #ed6b1a;
}
.logo_header {
position: absolute;
width: 1240px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
}
.pc_logo {
display: block;
margin: 0;
}
.pc_logo img {
width: 100%;
height: auto;
}
} @media print { * {
background: transparent !important;
color: black !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
}
a, a:visited {
color: #444 !important;
text-decoration: underline;
}
a:after, a:visited:after {
content: " (" attr(href) ")";
}
a abbr[title]:after, a:visited abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.sidebar,
.page-navigation,
.wp-prev-next,
.respond-form,
nav {
display: none;
}
}