@charset "UTF-8";
/*!
Theme Name: BasePress ココロ
Theme URI: https://themecountry.com/basepress
Author: ThemeCountry
Author URI: https://themecountry.com
Description: BasePress is a fast loading WordPress theme which is mainly focused on clean design & beautiful typography which to make sure your content is properly served to the reader. Start a Clean design, fast loading & SEO Optimized WordPress Website now with Basepress. Forget the difficulty of customizing website by using Basepress’s state-of-the-art theme option that allows unlimited font & color options as well as very flexible ads management system & more. See demo: https://demo.basepresspro.com
Version: 1.3.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: basepress
Tags: two-columns, custom-background, custom-header, custom-menu, blog, news, featured-image-header, featured-images, flexible-header, custom-colors, full-width-template, sticky-post, threaded-comments, translation-ready, theme-options, one-column, left-sidebar, right-sidebar, three-columns
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Base is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
======
Note: Do not edit this file. If you wish to add your own CSS we strongly recommend creating your own child theme, or installing a custom CSS plugin.
======
*/
/*!
* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
*/
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
* without disabling user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/**
* Remove default margin.
*/
body {
margin: 0; }
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; }
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */ }
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none; }
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent; }
/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active,
a:hover {
outline: 0; }
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted; }
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold; }
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic; }
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000; }
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0; }
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden; }
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px; }
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0; }
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto; }
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */ }
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible; }
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none; }
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */ }
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default; }
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal; }
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
box-sizing: content-box;
/* 2 */ }
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto; }
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold; }
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
/*!
* Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url("assets/fonts/fontawesome-webfont.eot?v=4.6.3");
src: url("assets/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("assets/fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("assets/fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("assets/fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("assets/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal; }
.fa {
display: inline-block;
font: normal normal normal 1em/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.3333333333em;
line-height: 0.75em;
vertical-align: -15%; }
.fa-2x {
font-size: 2em; }
.fa-3x {
font-size: 3em; }
.fa-4x {
font-size: 4em; }
.fa-5x {
font-size: 5em; }
.fa-fw {
width: 1.2857142857em;
text-align: center; }
.fa-ul {
padding-left: 0;
margin-left: 2.1428571429em;
list-style-type: none; }
.fa-ul > li {
position: relative; }
.fa-li {
position: absolute;
left: -2.1428571429em;
width: 2.1428571429em;
top: 0.1428571429em;
text-align: center; }
.fa-li.fa-lg {
left: -1.8571428571em; }
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eee;
border-radius: .1em; }
.fa-pull-left {
float: left; }
.fa-pull-right {
float: right; }
.fa.fa-pull-left {
margin-right: .3em; }
.fa.fa-pull-right {
margin-left: .3em; }
/* Deprecated as of 4.4.0 */
.pull-right {
float: right; }
.pull-left {
float: left; }
.fa.pull-left {
margin-right: .3em; }
.fa.pull-right {
margin-left: .3em; }
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear; }
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1); }
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1); }
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none; }
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle; }
.fa-stack-1x, .fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center; }
.fa-stack-1x {
line-height: inherit; }
.fa-stack-2x {
font-size: 2em; }
.fa-inverse {
color: #fff; }
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: ""; }
.fa-music:before {
content: ""; }
.fa-search:before {
content: ""; }
.fa-envelope-o:before {
content: ""; }
.fa-heart:before {
content: ""; }
.fa-star:before {
content: ""; }
.fa-star-o:before {
content: ""; }
.fa-user:before {
content: ""; }
.fa-film:before {
content: ""; }
.fa-th-large:before {
content: ""; }
.fa-th:before {
content: ""; }
.fa-th-list:before {
content: ""; }
.fa-check:before {
content: ""; }
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: ""; }
.fa-search-plus:before {
content: ""; }
.fa-search-minus:before {
content: ""; }
.fa-power-off:before {
content: ""; }
.fa-signal:before {
content: ""; }
.fa-gear:before,
.fa-cog:before {
content: ""; }
.fa-trash-o:before {
content: ""; }
.fa-home:before {
content: ""; }
.fa-file-o:before {
content: ""; }
.fa-clock-o:before {
content: ""; }
.fa-road:before {
content: ""; }
.fa-download:before {
content: ""; }
.fa-arrow-circle-o-down:before {
content: ""; }
.fa-arrow-circle-o-up:before {
content: ""; }
.fa-inbox:before {
content: ""; }
.fa-play-circle-o:before {
content: ""; }
.fa-rotate-right:before,
.fa-repeat:before {
content: ""; }
.fa-refresh:before {
content: ""; }
.fa-list-alt:before {
content: ""; }
.fa-lock:before {
content: ""; }
.fa-flag:before {
content: ""; }
.fa-headphones:before {
content: ""; }
.fa-volume-off:before {
content: ""; }
.fa-volume-down:before {
content: ""; }
.fa-volume-up:before {
content: ""; }
.fa-qrcode:before {
content: ""; }
.fa-barcode:before {
content: ""; }
.fa-tag:before {
content: ""; }
.fa-tags:before {
content: ""; }
.fa-book:before {
content: ""; }
.fa-bookmark:before {
content: ""; }
.fa-print:before {
content: ""; }
.fa-camera:before {
content: ""; }
.fa-font:before {
content: ""; }
.fa-bold:before {
content: ""; }
.fa-italic:before {
content: ""; }
.fa-text-height:before {
content: ""; }
.fa-text-width:before {
content: ""; }
.fa-align-left:before {
content: ""; }
.fa-align-center:before {
content: ""; }
.fa-align-right:before {
content: ""; }
.fa-align-justify:before {
content: ""; }
.fa-list:before {
content: ""; }
.fa-dedent:before,
.fa-outdent:before {
content: ""; }
.fa-indent:before {
content: ""; }
.fa-video-camera:before {
content: ""; }
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: ""; }
.fa-pencil:before {
content: ""; }
.fa-map-marker:before {
content: ""; }
.fa-adjust:before {
content: ""; }
.fa-tint:before {
content: ""; }
.fa-edit:before,
.fa-pencil-square-o:before {
content: ""; }
.fa-share-square-o:before {
content: ""; }
.fa-check-square-o:before {
content: ""; }
.fa-arrows:before {
content: ""; }
.fa-step-backward:before {
content: ""; }
.fa-fast-backward:before {
content: ""; }
.fa-backward:before {
content: ""; }
.fa-play:before {
content: ""; }
.fa-pause:before {
content: ""; }
.fa-stop:before {
content: ""; }
.fa-forward:before {
content: ""; }
.fa-fast-forward:before {
content: ""; }
.fa-step-forward:before {
content: ""; }
.fa-eject:before {
content: ""; }
.fa-chevron-left:before {
content: ""; }
.fa-chevron-right:before {
content: ""; }
.fa-plus-circle:before {
content: ""; }
.fa-minus-circle:before {
content: ""; }
.fa-times-circle:before {
content: ""; }
.fa-check-circle:before {
content: ""; }
.fa-question-circle:before {
content: ""; }
.fa-info-circle:before {
content: ""; }
.fa-crosshairs:before {
content: ""; }
.fa-times-circle-o:before {
content: ""; }
.fa-check-circle-o:before {
content: ""; }
.fa-ban:before {
content: ""; }
.fa-arrow-left:before {
content: ""; }
.fa-arrow-right:before {
content: ""; }
.fa-arrow-up:before {
content: ""; }
.fa-arrow-down:before {
content: ""; }
.fa-mail-forward:before,
.fa-share:before {
content: ""; }
.fa-expand:before {
content: ""; }
.fa-compress:before {
content: ""; }
.fa-plus:before {
content: ""; }
.fa-minus:before {
content: ""; }
.fa-asterisk:before {
content: ""; }
.fa-exclamation-circle:before {
content: ""; }
.fa-gift:before {
content: ""; }
.fa-leaf:before {
content: ""; }
.fa-fire:before {
content: ""; }
.fa-eye:before {
content: ""; }
.fa-eye-slash:before {
content: ""; }
.fa-warning:before,
.fa-exclamation-triangle:before {
content: ""; }
.fa-plane:before {
content: ""; }
.fa-calendar:before {
content: ""; }
.fa-random:before {
content: ""; }
.fa-comment:before {
content: ""; }
.fa-magnet:before {
content: ""; }
.fa-chevron-up:before {
content: ""; }
.fa-chevron-down:before {
content: ""; }
.fa-retweet:before {
content: ""; }
.fa-shopping-cart:before {
content: ""; }
.fa-folder:before {
content: ""; }
.fa-folder-open:before {
content: ""; }
.fa-arrows-v:before {
content: ""; }
.fa-arrows-h:before {
content: ""; }
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: ""; }
.fa-twitter-square:before {
content: ""; }
.fa-facebook-square:before {
content: ""; }
.fa-camera-retro:before {
content: ""; }
.fa-key:before {
content: ""; }
.fa-gears:before,
.fa-cogs:before {
content: ""; }
.fa-comments:before {
content: ""; }
.fa-thumbs-o-up:before {
content: ""; }
.fa-thumbs-o-down:before {
content: ""; }
.fa-star-half:before {
content: ""; }
.fa-heart-o:before {
content: ""; }
.fa-sign-out:before {
content: ""; }
.fa-linkedin-square:before {
content: ""; }
.fa-thumb-tack:before {
content: ""; }
.fa-external-link:before {
content: ""; }
.fa-sign-in:before {
content: ""; }
.fa-trophy:before {
content: ""; }
.fa-github-square:before {
content: ""; }
.fa-upload:before {
content: ""; }
.fa-lemon-o:before {
content: ""; }
.fa-phone:before {
content: ""; }
.fa-square-o:before {
content: ""; }
.fa-bookmark-o:before {
content: ""; }
.fa-phone-square:before {
content: ""; }
.fa-twitter:before {
content: ""; }
.fa-facebook-f:before,
.fa-facebook:before {
content: ""; }
.fa-github:before {
content: ""; }
.fa-unlock:before {
content: ""; }
.fa-credit-card:before {
content: ""; }
.fa-feed:before,
.fa-rss:before {
content: ""; }
.fa-hdd-o:before {
content: ""; }
.fa-bullhorn:before {
content: ""; }
.fa-bell:before {
content: ""; }
.fa-certificate:before {
content: ""; }
.fa-hand-o-right:before {
content: ""; }
.fa-hand-o-left:before {
content: ""; }
.fa-hand-o-up:before {
content: ""; }
.fa-hand-o-down:before {
content: ""; }
.fa-arrow-circle-left:before {
content: ""; }
.fa-arrow-circle-right:before {
content: ""; }
.fa-arrow-circle-up:before {
content: ""; }
.fa-arrow-circle-down:before {
content: ""; }
.fa-globe:before {
content: ""; }
.fa-wrench:before {
content: ""; }
.fa-tasks:before {
content: ""; }
.fa-filter:before {
content: ""; }
.fa-briefcase:before {
content: ""; }
.fa-arrows-alt:before {
content: ""; }
.fa-group:before,
.fa-users:before {
content: ""; }
.fa-chain:before,
.fa-link:before {
content: ""; }
.fa-cloud:before {
content: ""; }
.fa-flask:before {
content: ""; }
.fa-cut:before,
.fa-scissors:before {
content: ""; }
.fa-copy:before,
.fa-files-o:before {
content: ""; }
.fa-paperclip:before {
content: ""; }
.fa-save:before,
.fa-floppy-o:before {
content: ""; }
.fa-square:before {
content: ""; }
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: ""; }
.fa-list-ul:before {
content: ""; }
.fa-list-ol:before {
content: ""; }
.fa-strikethrough:before {
content: ""; }
.fa-underline:before {
content: ""; }
.fa-table:before {
content: ""; }
.fa-magic:before {
content: ""; }
.fa-truck:before {
content: ""; }
.fa-pinterest:before {
content: ""; }
.fa-pinterest-square:before {
content: ""; }
.fa-google-plus-square:before {
content: ""; }
.fa-google-plus:before {
content: ""; }
.fa-money:before {
content: ""; }
.fa-caret-down:before {
content: ""; }
.fa-caret-up:before {
content: ""; }
.fa-caret-left:before {
content: ""; }
.fa-caret-right:before {
content: ""; }
.fa-columns:before {
content: ""; }
.fa-unsorted:before,
.fa-sort:before {
content: ""; }
.fa-sort-down:before,
.fa-sort-desc:before {
content: ""; }
.fa-sort-up:before,
.fa-sort-asc:before {
content: ""; }
.fa-envelope:before {
content: ""; }
.fa-linkedin:before {
content: ""; }
.fa-rotate-left:before,
.fa-undo:before {
content: ""; }
.fa-legal:before,
.fa-gavel:before {
content: ""; }
.fa-dashboard:before,
.fa-tachometer:before {
content: ""; }
.fa-comment-o:before {
content: ""; }
.fa-comments-o:before {
content: ""; }
.fa-flash:before,
.fa-bolt:before {
content: ""; }
.fa-sitemap:before {
content: ""; }
.fa-umbrella:before {
content: ""; }
.fa-paste:before,
.fa-clipboard:before {
content: ""; }
.fa-lightbulb-o:before {
content: ""; }
.fa-exchange:before {
content: ""; }
.fa-cloud-download:before {
content: ""; }
.fa-cloud-upload:before {
content: ""; }
.fa-user-md:before {
content: ""; }
.fa-stethoscope:before {
content: ""; }
.fa-suitcase:before {
content: ""; }
.fa-bell-o:before {
content: ""; }
.fa-coffee:before {
content: ""; }
.fa-cutlery:before {
content: ""; }
.fa-file-text-o:before {
content: ""; }
.fa-building-o:before {
content: ""; }
.fa-hospital-o:before {
content: ""; }
.fa-ambulance:before {
content: ""; }
.fa-medkit:before {
content: ""; }
.fa-fighter-jet:before {
content: ""; }
.fa-beer:before {
content: ""; }
.fa-h-square:before {
content: ""; }
.fa-plus-square:before {
content: ""; }
.fa-angle-double-left:before {
content: ""; }
.fa-angle-double-right:before {
content: ""; }
.fa-angle-double-up:before {
content: ""; }
.fa-angle-double-down:before {
content: ""; }
.fa-angle-left:before {
content: ""; }
.fa-angle-right:before {
content: ""; }
.fa-angle-up:before {
content: ""; }
.fa-angle-down:before {
content: ""; }
.fa-desktop:before {
content: ""; }
.fa-laptop:before {
content: ""; }
.fa-tablet:before {
content: ""; }
.fa-mobile-phone:before,
.fa-mobile:before {
content: ""; }
.fa-circle-o:before {
content: ""; }
.fa-quote-left:before {
content: ""; }
.fa-quote-right:before {
content: ""; }
.fa-spinner:before {
content: ""; }
.fa-circle:before {
content: ""; }
.fa-mail-reply:before,
.fa-reply:before {
content: ""; }
.fa-github-alt:before {
content: ""; }
.fa-folder-o:before {
content: ""; }
.fa-folder-open-o:before {
content: ""; }
.fa-smile-o:before {
content: ""; }
.fa-frown-o:before {
content: ""; }
.fa-meh-o:before {
content: ""; }
.fa-gamepad:before {
content: ""; }
.fa-keyboard-o:before {
content: ""; }
.fa-flag-o:before {
content: ""; }
.fa-flag-checkered:before {
content: ""; }
.fa-terminal:before {
content: ""; }
.fa-code:before {
content: ""; }
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: ""; }
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: ""; }
.fa-location-arrow:before {
content: ""; }
.fa-crop:before {
content: ""; }
.fa-code-fork:before {
content: ""; }
.fa-unlink:before,
.fa-chain-broken:before {
content: ""; }
.fa-question:before {
content: ""; }
.fa-info:before {
content: ""; }
.fa-exclamation:before {
content: ""; }
.fa-superscript:before {
content: ""; }
.fa-subscript:before {
content: ""; }
.fa-eraser:before {
content: ""; }
.fa-puzzle-piece:before {
content: ""; }
.fa-microphone:before {
content: ""; }
.fa-microphone-slash:before {
content: ""; }
.fa-shield:before {
content: ""; }
.fa-calendar-o:before {
content: ""; }
.fa-fire-extinguisher:before {
content: ""; }
.fa-rocket:before {
content: ""; }
.fa-maxcdn:before {
content: ""; }
.fa-chevron-circle-left:before {
content: ""; }
.fa-chevron-circle-right:before {
content: ""; }
.fa-chevron-circle-up:before {
content: ""; }
.fa-chevron-circle-down:before {
content: ""; }
.fa-html5:before {
content: ""; }
.fa-css3:before {
content: ""; }
.fa-anchor:before {
content: ""; }
.fa-unlock-alt:before {
content: ""; }
.fa-bullseye:before {
content: ""; }
.fa-ellipsis-h:before {
content: ""; }
.fa-ellipsis-v:before {
content: ""; }
.fa-rss-square:before {
content: ""; }
.fa-play-circle:before {
content: ""; }
.fa-ticket:before {
content: ""; }
.fa-minus-square:before {
content: ""; }
.fa-minus-square-o:before {
content: ""; }
.fa-level-up:before {
content: ""; }
.fa-level-down:before {
content: ""; }
.fa-check-square:before {
content: ""; }
.fa-pencil-square:before {
content: ""; }
.fa-external-link-square:before {
content: ""; }
.fa-share-square:before {
content: ""; }
.fa-compass:before {
content: ""; }
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: ""; }
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: ""; }
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: ""; }
.fa-euro:before,
.fa-eur:before {
content: ""; }
.fa-gbp:before {
content: ""; }
.fa-dollar:before,
.fa-usd:before {
content: ""; }
.fa-rupee:before,
.fa-inr:before {
content: ""; }
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: ""; }
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: ""; }
.fa-won:before,
.fa-krw:before {
content: ""; }
.fa-bitcoin:before,
.fa-btc:before {
content: ""; }
.fa-file:before {
content: ""; }
.fa-file-text:before {
content: ""; }
.fa-sort-alpha-asc:before {
content: ""; }
.fa-sort-alpha-desc:before {
content: ""; }
.fa-sort-amount-asc:before {
content: ""; }
.fa-sort-amount-desc:before {
content: ""; }
.fa-sort-numeric-asc:before {
content: ""; }
.fa-sort-numeric-desc:before {
content: ""; }
.fa-thumbs-up:before {
content: ""; }
.fa-thumbs-down:before {
content: ""; }
.fa-youtube-square:before {
content: ""; }
.fa-youtube:before {
content: ""; }
.fa-xing:before {
content: ""; }
.fa-xing-square:before {
content: ""; }
.fa-youtube-play:before {
content: ""; }
.fa-dropbox:before {
content: ""; }
.fa-stack-overflow:before {
content: ""; }
.fa-instagram:before {
content: ""; }
.fa-flickr:before {
content: ""; }
.fa-adn:before {
content: ""; }
.fa-bitbucket:before {
content: ""; }
.fa-bitbucket-square:before {
content: ""; }
.fa-tumblr:before {
content: ""; }
.fa-tumblr-square:before {
content: ""; }
.fa-long-arrow-down:before {
content: ""; }
.fa-long-arrow-up:before {
content: ""; }
.fa-long-arrow-left:before {
content: ""; }
.fa-long-arrow-right:before {
content: ""; }
.fa-apple:before {
content: ""; }
.fa-windows:before {
content: ""; }
.fa-android:before {
content: ""; }
.fa-linux:before {
content: ""; }
.fa-dribbble:before {
content: ""; }
.fa-skype:before {
content: ""; }
.fa-foursquare:before {
content: ""; }
.fa-trello:before {
content: ""; }
.fa-female:before {
content: ""; }
.fa-male:before {
content: ""; }
.fa-gittip:before,
.fa-gratipay:before {
content: ""; }
.fa-sun-o:before {
content: ""; }
.fa-moon-o:before {
content: ""; }
.fa-archive:before {
content: ""; }
.fa-bug:before {
content: ""; }
.fa-vk:before {
content: ""; }
.fa-weibo:before {
content: ""; }
.fa-renren:before {
content: ""; }
.fa-pagelines:before {
content: ""; }
.fa-stack-exchange:before {
content: ""; }
.fa-arrow-circle-o-right:before {
content: ""; }
.fa-arrow-circle-o-left:before {
content: ""; }
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: ""; }
.fa-dot-circle-o:before {
content: ""; }
.fa-wheelchair:before {
content: ""; }
.fa-vimeo-square:before {
content: ""; }
.fa-turkish-lira:before,
.fa-try:before {
content: ""; }
.fa-plus-square-o:before {
content: ""; }
.fa-space-shuttle:before {
content: ""; }
.fa-slack:before {
content: ""; }
.fa-envelope-square:before {
content: ""; }
.fa-wordpress:before {
content: ""; }
.fa-openid:before {
content: ""; }
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: ""; }
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: ""; }
.fa-yahoo:before {
content: ""; }
.fa-google:before {
content: ""; }
.fa-reddit:before {
content: ""; }
.fa-reddit-square:before {
content: ""; }
.fa-stumbleupon-circle:before {
content: ""; }
.fa-stumbleupon:before {
content: ""; }
.fa-delicious:before {
content: ""; }
.fa-digg:before {
content: ""; }
.fa-pied-piper-pp:before {
content: ""; }
.fa-pied-piper-alt:before {
content: ""; }
.fa-drupal:before {
content: ""; }
.fa-joomla:before {
content: ""; }
.fa-language:before {
content: ""; }
.fa-fax:before {
content: ""; }
.fa-building:before {
content: ""; }
.fa-child:before {
content: ""; }
.fa-paw:before {
content: ""; }
.fa-spoon:before {
content: ""; }
.fa-cube:before {
content: ""; }
.fa-cubes:before {
content: ""; }
.fa-behance:before {
content: ""; }
.fa-behance-square:before {
content: ""; }
.fa-steam:before {
content: ""; }
.fa-steam-square:before {
content: ""; }
.fa-recycle:before {
content: ""; }
.fa-automobile:before,
.fa-car:before {
content: ""; }
.fa-cab:before,
.fa-taxi:before {
content: ""; }
.fa-tree:before {
content: ""; }
.fa-spotify:before {
content: ""; }
.fa-deviantart:before {
content: ""; }
.fa-soundcloud:before {
content: ""; }
.fa-database:before {
content: ""; }
.fa-file-pdf-o:before {
content: ""; }
.fa-file-word-o:before {
content: ""; }
.fa-file-excel-o:before {
content: ""; }
.fa-file-powerpoint-o:before {
content: ""; }
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: ""; }
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: ""; }
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: ""; }
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: ""; }
.fa-file-code-o:before {
content: ""; }
.fa-vine:before {
content: ""; }
.fa-codepen:before {
content: ""; }
.fa-jsfiddle:before {
content: ""; }
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: ""; }
.fa-circle-o-notch:before {
content: ""; }
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: ""; }
.fa-ge:before,
.fa-empire:before {
content: ""; }
.fa-git-square:before {
content: ""; }
.fa-git:before {
content: ""; }
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: ""; }
.fa-tencent-weibo:before {
content: ""; }
.fa-qq:before {
content: ""; }
.fa-wechat:before,
.fa-weixin:before {
content: ""; }
.fa-send:before,
.fa-paper-plane:before {
content: ""; }
.fa-send-o:before,
.fa-paper-plane-o:before {
content: ""; }
.fa-history:before {
content: ""; }
.fa-circle-thin:before {
content: ""; }
.fa-header:before {
content: ""; }
.fa-paragraph:before {
content: ""; }
.fa-sliders:before {
content: ""; }
.fa-share-alt:before {
content: ""; }
.fa-share-alt-square:before {
content: ""; }
.fa-bomb:before {
content: ""; }
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: ""; }
.fa-tty:before {
content: ""; }
.fa-binoculars:before {
content: ""; }
.fa-plug:before {
content: ""; }
.fa-slideshare:before {
content: ""; }
.fa-twitch:before {
content: ""; }
.fa-yelp:before {
content: ""; }
.fa-newspaper-o:before {
content: ""; }
.fa-wifi:before {
content: ""; }
.fa-calculator:before {
content: ""; }
.fa-paypal:before {
content: ""; }
.fa-google-wallet:before {
content: ""; }
.fa-cc-visa:before {
content: ""; }
.fa-cc-mastercard:before {
content: ""; }
.fa-cc-discover:before {
content: ""; }
.fa-cc-amex:before {
content: ""; }
.fa-cc-paypal:before {
content: ""; }
.fa-cc-stripe:before {
content: ""; }
.fa-bell-slash:before {
content: ""; }
.fa-bell-slash-o:before {
content: ""; }
.fa-trash:before {
content: ""; }
.fa-copyright:before {
content: ""; }
.fa-at:before {
content: ""; }
.fa-eyedropper:before {
content: ""; }
.fa-paint-brush:before {
content: ""; }
.fa-birthday-cake:before {
content: ""; }
.fa-area-chart:before {
content: ""; }
.fa-pie-chart:before {
content: ""; }
.fa-line-chart:before {
content: ""; }
.fa-lastfm:before {
content: ""; }
.fa-lastfm-square:before {
content: ""; }
.fa-toggle-off:before {
content: ""; }
.fa-toggle-on:before {
content: ""; }
.fa-bicycle:before {
content: ""; }
.fa-bus:before {
content: ""; }
.fa-ioxhost:before {
content: ""; }
.fa-angellist:before {
content: ""; }
.fa-cc:before {
content: ""; }
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: ""; }
.fa-meanpath:before {
content: ""; }
.fa-buysellads:before {
content: ""; }
.fa-connectdevelop:before {
content: ""; }
.fa-dashcube:before {
content: ""; }
.fa-forumbee:before {
content: ""; }
.fa-leanpub:before {
content: ""; }
.fa-sellsy:before {
content: ""; }
.fa-shirtsinbulk:before {
content: ""; }
.fa-simplybuilt:before {
content: ""; }
.fa-skyatlas:before {
content: ""; }
.fa-cart-plus:before {
content: ""; }
.fa-cart-arrow-down:before {
content: ""; }
.fa-diamond:before {
content: ""; }
.fa-ship:before {
content: ""; }
.fa-user-secret:before {
content: ""; }
.fa-motorcycle:before {
content: ""; }
.fa-street-view:before {
content: ""; }
.fa-heartbeat:before {
content: ""; }
.fa-venus:before {
content: ""; }
.fa-mars:before {
content: ""; }
.fa-mercury:before {
content: ""; }
.fa-intersex:before,
.fa-transgender:before {
content: ""; }
.fa-transgender-alt:before {
content: ""; }
.fa-venus-double:before {
content: ""; }
.fa-mars-double:before {
content: ""; }
.fa-venus-mars:before {
content: ""; }
.fa-mars-stroke:before {
content: ""; }
.fa-mars-stroke-v:before {
content: ""; }
.fa-mars-stroke-h:before {
content: ""; }
.fa-neuter:before {
content: ""; }
.fa-genderless:before {
content: ""; }
.fa-facebook-official:before {
content: ""; }
.fa-pinterest-p:before {
content: ""; }
.fa-whatsapp:before {
content: ""; }
.fa-server:before {
content: ""; }
.fa-user-plus:before {
content: ""; }
.fa-user-times:before {
content: ""; }
.fa-hotel:before,
.fa-bed:before {
content: ""; }
.fa-viacoin:before {
content: ""; }
.fa-train:before {
content: ""; }
.fa-subway:before {
content: ""; }
.fa-medium:before {
content: ""; }
.fa-yc:before,
.fa-y-combinator:before {
content: ""; }
.fa-optin-monster:before {
content: ""; }
.fa-opencart:before {
content: ""; }
.fa-expeditedssl:before {
content: ""; }
.fa-battery-4:before,
.fa-battery-full:before {
content: ""; }
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: ""; }
.fa-battery-2:before,
.fa-battery-half:before {
content: ""; }
.fa-battery-1:before,
.fa-battery-quarter:before {
content: ""; }
.fa-battery-0:before,
.fa-battery-empty:before {
content: ""; }
.fa-mouse-pointer:before {
content: ""; }
.fa-i-cursor:before {
content: ""; }
.fa-object-group:before {
content: ""; }
.fa-object-ungroup:before {
content: ""; }
.fa-sticky-note:before {
content: ""; }
.fa-sticky-note-o:before {
content: ""; }
.fa-cc-jcb:before {
content: ""; }
.fa-cc-diners-club:before {
content: ""; }
.fa-clone:before {
content: ""; }
.fa-balance-scale:before {
content: ""; }
.fa-hourglass-o:before {
content: ""; }
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: ""; }
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: ""; }
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: ""; }
.fa-hourglass:before {
content: ""; }
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: ""; }
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: ""; }
.fa-hand-scissors-o:before {
content: ""; }
.fa-hand-lizard-o:before {
content: ""; }
.fa-hand-spock-o:before {
content: ""; }
.fa-hand-pointer-o:before {
content: ""; }
.fa-hand-peace-o:before {
content: ""; }
.fa-trademark:before {
content: ""; }
.fa-registered:before {
content: ""; }
.fa-creative-commons:before {
content: ""; }
.fa-gg:before {
content: ""; }
.fa-gg-circle:before {
content: ""; }
.fa-tripadvisor:before {
content: ""; }
.fa-odnoklassniki:before {
content: ""; }
.fa-odnoklassniki-square:before {
content: ""; }
.fa-get-pocket:before {
content: ""; }
.fa-wikipedia-w:before {
content: ""; }
.fa-safari:before {
content: ""; }
.fa-chrome:before {
content: ""; }
.fa-firefox:before {
content: ""; }
.fa-opera:before {
content: ""; }
.fa-internet-explorer:before {
content: ""; }
.fa-tv:before,
.fa-television:before {
content: ""; }
.fa-contao:before {
content: ""; }
.fa-500px:before {
content: ""; }
.fa-amazon:before {
content: ""; }
.fa-calendar-plus-o:before {
content: ""; }
.fa-calendar-minus-o:before {
content: ""; }
.fa-calendar-times-o:before {
content: ""; }
.fa-calendar-check-o:before {
content: ""; }
.fa-industry:before {
content: ""; }
.fa-map-pin:before {
content: ""; }
.fa-map-signs:before {
content: ""; }
.fa-map-o:before {
content: ""; }
.fa-map:before {
content: ""; }
.fa-commenting:before {
content: ""; }
.fa-commenting-o:before {
content: ""; }
.fa-houzz:before {
content: ""; }
.fa-vimeo:before {
content: ""; }
.fa-black-tie:before {
content: ""; }
.fa-fonticons:before {
content: ""; }
.fa-reddit-alien:before {
content: ""; }
.fa-edge:before {
content: ""; }
.fa-credit-card-alt:before {
content: ""; }
.fa-codiepie:before {
content: ""; }
.fa-modx:before {
content: ""; }
.fa-fort-awesome:before {
content: ""; }
.fa-usb:before {
content: ""; }
.fa-product-hunt:before {
content: ""; }
.fa-mixcloud:before {
content: ""; }
.fa-scribd:before {
content: ""; }
.fa-pause-circle:before {
content: ""; }
.fa-pause-circle-o:before {
content: ""; }
.fa-stop-circle:before {
content: ""; }
.fa-stop-circle-o:before {
content: ""; }
.fa-shopping-bag:before {
content: ""; }
.fa-shopping-basket:before {
content: ""; }
.fa-hashtag:before {
content: ""; }
.fa-bluetooth:before {
content: ""; }
.fa-bluetooth-b:before {
content: ""; }
.fa-percent:before {
content: ""; }
.fa-gitlab:before {
content: ""; }
.fa-wpbeginner:before {
content: ""; }
.fa-wpforms:before {
content: ""; }
.fa-envira:before {
content: ""; }
.fa-universal-access:before {
content: ""; }
.fa-wheelchair-alt:before {
content: ""; }
.fa-question-circle-o:before {
content: ""; }
.fa-blind:before {
content: ""; }
.fa-audio-description:before {
content: ""; }
.fa-volume-control-phone:before {
content: ""; }
.fa-braille:before {
content: ""; }
.fa-assistive-listening-systems:before {
content: ""; }
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: ""; }
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: ""; }
.fa-glide:before {
content: ""; }
.fa-glide-g:before {
content: ""; }
.fa-signing:before,
.fa-sign-language:before {
content: ""; }
.fa-low-vision:before {
content: ""; }
.fa-viadeo:before {
content: ""; }
.fa-viadeo-square:before {
content: ""; }
.fa-snapchat:before {
content: ""; }
.fa-snapchat-ghost:before {
content: ""; }
.fa-snapchat-square:before {
content: ""; }
.fa-pied-piper:before {
content: ""; }
.fa-first-order:before {
content: ""; }
.fa-yoast:before {
content: ""; }
.fa-themeisle:before {
content: ""; }
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: ""; }
.fa-fa:before,
.fa-font-awesome:before {
content: ""; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto; }
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
-ms-word-wrap: break-word;
word-wrap: break-word; }
body,
button,
input,
textarea {
color: #333333;
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
Meiryo,
sans-serif;
line-height: 1.618;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-weight: 400;
}
select {
max-width: 100%;
color: initial;
border: 1px solid #eaeaea;
font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
margin: 0 0 20px;
color: black;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: 700;
}
h1,
.alpha {
font-size: 2.617924em;
line-height: 1.214; }
h2,
.beta {
font-size: 2em;
/* line-height: 1.214; */
}
h2 + h3,
.beta + h3 {
border-top: 1px solid #eaeaea;
padding-top: 0.5407911001em; }
h3,
.gamma {
font-size: 1.618em;
font-weight: 600; }
h4,
.delta {
font-size: 1.41575em;
font-weight: 700; }
h5 {
font-size: 1.3em; }
h6 {
font-size: 1.2em; }
.alpha,
.beta,
.gamma,
.delta {
display: block; }
p + h2,
p + header h2,
p + h3,
p + h4,
ul + h2,
ul + header h2,
ul + h3,
ul + h4,
ol + h2,
ol + header h2,
ol + h3,
ol + h4,
table + h2,
table + header h2,
table + h3,
table + h4,
blockquote + h2,
blockquote + header h2,
blockquote + h3,
blockquote + h4,
form + h2,
form + header h2,
form + h3,
form + h4 {
margin-top: 1em; }
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin: 0 0 1em; }
p {
margin: 0 0 1em; }
ul,
ol {
margin: 0 0 1em 3em;
padding: 0; }
ul {
list-style: disc; }
ol {
list-style: decimal; }
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1em; }
dt {
font-weight: 700; }
dd {
margin: 0 0 1.618em; }
b,
strong {
font-weight: 700; }
dfn,
i {
font-style: italic; }
blockquote {
position: relative;
padding: 15px 15px 15px 60px;
box-sizing: border-box;
background: #ecf8f8;
color: #555;
clear: both;
}
blockquote:before{
display: inline-block;
position: absolute;
top: 18px;
left: 15px;
content: "\f10d";
font-family: FontAwesome;
color: #6DC8C8;
font-size: 30px;
line-height: 1;
font-weight: normal;
}
blockquote p {
padding: 0;
margin: 0;
}
blockquote cite {
display: block;
text-align: left;
color: #888888;
font-size: 14px;
/* background-color: #fdfdfd; */
padding: 0;
font-style: initial;
}
address {
margin: 0 0 1em; }
pre {
background: rgba(0, 0, 0, 0.1);
font-family: "Courier 10 Pitch", Courier, monospace;
margin-bottom: 1.618em;
padding: 1.618em;
overflow: auto;
max-width: 100%; }
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
background-color: rgba(0, 0, 0, 0.05);
padding: 0.202em 0.5407911001em; }
abbr,
acronym {
border-bottom: 1px dotted #666666;
cursor: help; }
mark,
ins {
text-decoration: none;
font-weight: 700;
background: transparent; }
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
bottom: 1ex; }
sub {
top: .5ex; }
small {
font-size: 75%; }
big {
font-size: 125%; }
figure {
margin: 0; }
table {
margin: 0 0 1em;
width: 100%; }
th {
font-weight: bold; }
a {
color: #333 !important;
text-decoration: none;
font-weight: normal;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
-ms-transition: all 0.25s linear;
transition: all 0.25s linear;
word-break: break-all;
}
a:focus {
outline: none; }
.basepress-cute * {
font-family: "Comic Sans MS", sans-serif; }
/**
* Global styles
*/
* {
box-sizing: border-box; }
body {
color: #333 !important;
font-size: 16px;
font-size: 1.6rem;
-webkit-font-smoothing: antialiased;
font-weight: normal;
line-height: 1.8;
background-color: #f2f2f2 !important;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
-webkit-font-smoothing: antialiased;
font-size: 62.5%; }
*,
*::before,
*::after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit; }
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em; }
ul,
ol {
list-style: none;
box-sizing: border-box;
}
dt {
font-weight: bold; }
dd {
margin: 0;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
image-rendering: -webkit-optimize-contrast;
-webkit-backface-visibility: hidden; /* Safari */
backface-visibility: hidden;
display: block;
}
figure {
margin: 0;
/* Extra wide images within figure tags don't overflow the content area. */
}
table {
margin: 0 0 1.5em;
text-align: left;
width: 100%;
/* table-layout: fixed; */
}
tbody th {
font-weight: normal;
background-color: #EEE;
/* width: 260px !important; */
border: 1px solid #AAA;
text-align: center !important;
}
tbody td {
border: 1px solid #AAA;
text-align: center;
vertical-align: middle;
}
th,
td {
padding: 8px 8px;
text-align: left;
/* border: 1px solid #eaeaea; */
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
form {
margin-bottom: 1.618em; }
button,
input,
select,
textarea {
border-radius: 2px;
font-size: 100%;
/* Corrects font size not being inherited in all browsers */
margin: 0;
/* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
vertical-align: baseline;
/* Improves appearance and consistency in all browsers */
*vertical-align: middle;
/* Improves appearance and consistency in all browsers */ }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 0;
background: #fafafa;
border: 1px solid #eaeaea;
color: #333333;
cursor: pointer;
/* Improves usability and consistency of cursor style between image-type 'input' and others */
padding: 0.6180469716em 1.41575em;
text-decoration: none;
text-shadow: none;
display: inline-block;
outline: none;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
}
button.cta, button.alt,
input[type="button"].cta,
input[type="button"].alt,
input[type="reset"].cta,
input[type="reset"].alt,
input[type="submit"].cta,
input[type="submit"].alt {
background-color: #ffdcd2;
border-color: #ffdcd2; }
button.cta:hover, button.alt:hover,
input[type="button"].cta:hover,
input[type="button"].alt:hover,
input[type="reset"].cta:hover,
input[type="reset"].alt:hover,
input[type="submit"].cta:hover,
input[type="submit"].alt:hover {
background-color: #ffdcd2; }
button.added::after,
input[type="button"].added::after,
input[type="reset"].added::after,
input[type="submit"].added::after {
display: inline-block;
font: normal normal normal 1em/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f00c";
margin-left: 0.5407911001em; }
button.loading,
input[type="button"].loading,
input[type="reset"].loading,
input[type="submit"].loading {
opacity: 0.5; }
button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small {
padding: 0.5407911001em 0.875em;
font-size: 0.875em; }
button.disabled, button:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="submit"].disabled,
input[type="submit"]:disabled {
opacity: 0.5 !important;
cursor: not-allowed; }
button.disabled:hover, button:disabled:hover,
input[type="button"].disabled:hover,
input[type="button"]:disabled:hover,
input[type="reset"].disabled:hover,
input[type="reset"]:disabled:hover,
input[type="submit"].disabled:hover,
input[type="submit"]:disabled:hover {
opacity: 0.5 !important; }
input[type="checkbox"],
input[type="radio"] {
padding: 0;
/* Addresses excess padding in IE8/9 */ }
input[type="search"]::-webkit-search-decoration {
/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-webkit-appearance: none; }
input[type="search"] {
box-sizing: border-box; }
button::-moz-focus-inner,
input::-moz-focus-inner {
/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
border: 0;
padding: 0; }
input[type="text"],
input[type="number"],
input[type="range"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="image"],
select,
textarea {
width: 100%;
border: 1px solid #DDD;
-webkit-box-shadow: 0 0 0 #fff;
-moz-box-shadow: 0 0 0 #fff;
box-shadow: 0 0 0 #fff;
letter-spacing: 0.5px;
outline: none;
padding: 0.6180469716em;
color: #333;
border-radius: 2px;
box-sizing: border-box;
font-weight: normal;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="range"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="image"]:focus,
select:focus,
textarea:focus {
outline: none;
color: #1a1919; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
width: auto;
-webkit-appearance: none;
border-radius: 2px;
box-sizing: border-box;
font-weight: normal; }
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
color: black; }
textarea {
overflow: auto;
/* Removes default vertical scrollbar in IE6/7/8/9 */
padding-left: 0.875em;
vertical-align: top;
/* Improves readability and alignment in all browsers */
width: 100%; }
label {
padding-right: 10px;
margin-bottom: 14px; }
label.inline input {
width: auto; }
fieldset {
padding: 0;
border: 0;
margin-bottom: 1.618em; }
fieldset legend {
font-weight: 700; }
[placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.5s 0.5s ease;
-moz-transition: opacity 0.5s 0.5s ease;
transition: opacity 0.5s 0.5s ease;
opacity: 0; }
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
display: none;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */ }
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0; }
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 20px;
width: 100%;
margin-bottom: 20px;
border: 1px solid #DDD;
/* box-shadow: 10px 10px 0 #dae6f0; */
max-width: 320px;
height: 240px;
object-fit: contain;
}
.alignright {
display: inline;
float: right;
margin-left: 25px;
margin-bottom: 25px;
width: 100%;
border: 1px solid #DDD;
/* box-shadow: 10px 10px 0 #DAE6F0; */
margin-right: 10px;
max-width: 320px;
height: 240px;
object-fit: cover;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
border: 1px solid #DDD;
max-width: 100%;
width: 80%;
}
img.eyecatch {
width: 100%;
max-width: 100%;
}
/*--------------------------------------------------------------
# Clear
--------------------------------------------------------------*/
.clearfix {
display: block; }
.clearfix::before,
.clearfix::after {
content: "";
display: table;
table-layout: fixed; }
.clearfix::after {
clear: both; }
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
position: relative;
}
/* Make sure select elements fit in widgets. */
.widget ul {
padding: 0 10px 0;
margin: 0;
/* position: relative; */
z-index: 0;
}
.widget table {
display: table; }
.widget_pages ul li a {
font-weight: normal;
}
.widget li:last-child {
border-bottom: none;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
article.page {
display: block;
padding: 25px 25px;
}
article ul {
margin: 0;
/* list-style-type: disc; */
}
article ol {
margin: 0 0 1.5em 2.5em;
list-style-type: decimal; }
li > ul, li > ol {
margin-bottom: 0; }
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block; }
.hentry {
margin: 0 0 0;
}
.none-sidebar .site-main .intro {
display: block;
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
line-height: 1.4;
letter-spacing: -0.7px;
margin-top: 30px;
margin-bottom: 48px; }
.none-sidebar .site-main .intro:first-child:first-letter {
float: left;
font-size: 88px;
font-size: 8.8rem;
font-weight: normal;
line-height: 60px;
padding-top: 0;
padding-right: 8px;
padding-left: 0px; }
.single .byline,
.group-blog .byline {
display: inline; }
.page-links {
clear: both;
margin: 0 0 1.5em; }
.type-page {
margin-bottom: 0;
}
.post-item .entry-content {
/* font-size: 15px; */
}
.archive-content-area {
margin: 0 !important;
}
.archive-title {
margin: 0;
}
/*--------------------------------------------------------------
## Post List Item
--------------------------------------------------------------*/
.post-item {
width: 100%;
background: #fff;
margin: 0 0 30px 0;
padding: 32px 40px 40px;
word-wrap: break-word;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
clear: both;
}
.post-item .thumbnail {
margin: 0 20px 0 0;
float: left;
width: 30%;
}
.post-item .thumbnail img {
width: 100%;
display: block;
}
.page-title {
font-size: 38px; }
h1.entry-title {
word-wrap: break-word;
margin-bottom: 10px;
line-height: 1.5;
font-size: 24px;
font-weight: bold;
color: #382628;
padding-bottom: 15px;
border-bottom: solid 2px #DDD;
position: relative;
}
h1.entry-title:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 2px #6DC8C8;
bottom: -2px;
width: 20%;
}
.entry-title a {
/* font-size: 32px; */
}
.more-link {
width: 100%;
font-size: 16px;
color: #ffdcd2;
margin: 10px 0;
float: left; }
h2.alpha.entry-title {
line-height: 1.4;
font-size: 20px;
margin: 0;
}
h2.alpha.entry-title a {
display: block;
padding: 0 10px 10px;
/* height: 90px; */
}
/*--------------------------------------------------------------
## Entry-Content
--------------------------------------------------------------*/
.post-item .entry-content.full-content {
overflow: visible; }
.entry-content h1 {
font-size: 24px;
line-height: 2;
margin-top: 33px;
margin-bottom: 23px;
}
.entry-content h2 {
padding: 10px 15px;
color: #fff;
background: #6DC8C8;
-webkit-box-shadow: 5px 5px 0 #299e9e;
box-shadow: 5px 5px 0 #299e9e;
font-size: 20px;
clear: both;
}
.entry-content h3 {
padding: 10px 15px;
border-left: 5px solid #6DC8C8;
background: #ecf8f8;
font-size: 20px;
clear: both;
}
.entry-content h4 {
/* margin-top: 24px; */
/* margin-bottom: 14px; */
font-size: 18px;
/* line-height: 1.3; */
border-left: none;
padding: 7px 10px;
/* background-color: #FAFAFA; */
margin-bottom: 20px;
clear: both;
border-left: 7px solid #6DC8C8;
}
.entry-content h5 {
font-size: 1.2em;
line-height: 1.3;
}
.entry-content h6 {
font-size: 16px;
line-height: 24px;
margin-top: 21px;
margin-bottom: 11px; }
#toc_container {
/* margin-top: 15px; */
}
.entry-content p {
/* line-height: 1.4; */
word-wrap: break-word;
margin-bottom: 2em;
/* font-size: 15px; */
}
.entry-content p a:hover {
text-decoration: underline;
opacity: 0.7;
}
.entry-content ul,
.entry-content ol {
margin: 0 0 30px;
padding-left: 40px;
list-style: none;
word-wrap: break-word;
}
.entry-content ul ul,
.entry-content ul ol,
.entry-content ol ul,
.entry-content ol ol {
margin-bottom: 0; }
.entry-content ul:not(.wp-block-gallery) li::before,
.entry-content ol:not(.wp-block-gallery) li::before {
/* font: normal normal normal 14px/1 FontAwesome; */
/* content: "\f105"; */
/* float: left; */
margin-left: -16px;
line-height: 26px;
font-size: 14px;
}
.entry-content ul li,
.entry-content ol li {
line-height: 1.5;
margin: 0;
}
.entry-content ul li a,
.entry-content ol li a {
color: #333; }
.entry-content ul li a:hover,
.entry-content ol li a:hover {
color: #ffdcd2;
text-decoration: underline; }
.entry-content ul.toc_list li::before {
display: none; }
.merit_demerit {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
.merit_demerit dl {
width: 48%;
border: 1px solid #CCC;
margin: 0 0 20px;
}
.merit_demerit dl dt {
border-bottom: 1px solid #CCC;
padding: 10px;
}
.merit_demerit dl dd {
padding: 10px;
font-weight: bold;
line-height: 2;
}
.merit_demerit dd p {
margin-bottom: 0;
}
ul.toc_list li a:before {
content: "\f0d7";
font-family: 'FontAwesome';
color: #6DC8C8!important;
margin-right: 10px;
position: absolute;
top: 50%;
left: 15px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
ul.toc_list li {
line-height: 1.5;
margin-bottom: 5px;
display: block;
}
ul.toc_list li a {
margin-bottom: 10px;
display: block;
}
h2.sitemap_page {
border-left: 5px solid #6DC8C8;
background-color: initial;
color: initial;
box-shadow: none;
font-size: 18px;
padding: 5px 10px;
margin: 20px 0 5px 0;
}
/*--------------------------------------------------------------
## Entry-Header
--------------------------------------------------------------*/
.entry-header > span {
position: relative;
display: inline-block;
font-size: 15px;
color: #666666;
margin-right: 26px; }
.entry-header > span:last-child {
margin-right: 0; }
.entry-header > span::after {
content: '/';
font-size: 15px;
position: absolute;
top: 0px;
right: -14px; }
/*--------------------------------------------------------------
## Entry-Footer
--------------------------------------------------------------*/
.entry-footer,
.entry-meta {
width: 100%; }
.entry-footer i {
font-size: 14px;
padding-right: 2px; }
.entry-footer > span,
.entry-meta > span {
position: relative;
padding-right: 0;
margin-right: 0;
font-size: 14px;
}
span.meta-date {
margin-bottom: 5px;
display: block;
}
.entry-footer > span:last-child,
.entry-meta > span:last-child {
padding-right: 0; }
.entry-footer > span::after,
.entry-meta > span::after {
content: '';
/* border-right: 1px solid #CCC; */
height: 10px;
position: absolute;
right: 0;
top: 50%;
margin-top: -5px;
}
.entry-footer > span:last-child::after,
.entry-meta > span:last-child::after {
display: none; }
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none; }
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block; }
/*--------------------------------------------------------------
# Default Pagination
--------------------------------------------------------------*/
.posts-navigation {
width: 100%;
float: left;
margin-bottom: 30px;
box-sizing: border-box; }
.posts-navigation .nav-links .nav-previous {
float: left; }
.posts-navigation .nav-links .nav-next {
float: right; }
.posts-navigation .nav-links a {
display: block;
background: #fff;
padding: 16px 26px;
font-size: 16px;
color: #333;
border: 1px solid #e0e0e0;
line-height: 1; }
/*--------------------------------------------------------------
# Numberal Pagination
--------------------------------------------------------------*/
.pagination {
width: 100%;
float: left;
margin-bottom: 30px; }
.pagination .nav-links span,
.pagination .nav-links a {
float: left;
width: 50px;
color: #ffdcd2;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 16px;
background: #fff;
margin-right: 3px;
border: 1px solid #eaeaea;
box-sizing: border-box;
transition: all 0.25s linear;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear; }
.pagination .nav-links a:hover,
.pagination .nav-links span.current {
color: #333;
text-decoration: underline;
background-color: #bfe7e7;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0; }
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%; }
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1em;
max-width: 100%; }
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto; }
.wp-caption .wp-caption-text {
font-size: 16px;
font-size: 1.6rem;
margin: 10px 0 20px 0;
line-height: normal;
text-align: center;
font-style: italic;
color: #ffdcd2; }
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em; }
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%; }
.gallery-columns-2 .gallery-item {
max-width: 50%; }
.gallery-columns-3 .gallery-item {
max-width: 33.33%; }
.gallery-columns-4 .gallery-item {
max-width: 25%; }
.gallery-columns-5 .gallery-item {
max-width: 20%; }
.gallery-columns-6 .gallery-item {
max-width: 16.66%; }
.gallery-columns-7 .gallery-item {
max-width: 14.28%; }
.gallery-columns-8 .gallery-item {
max-width: 12.5%; }
.gallery-columns-9 .gallery-item {
max-width: 11.11%; }
.gallery-caption {
display: block; }
/*--------------------------------------------------------------
# 11.0 - Header
--------------------------------------------------------------*/
.site-header {
position: relative;
margin: 0;
width: 100%;
clear: both;
box-sizing: border-box;
top: 0;
}
.site-header .main-header {
background: #6DC8C8;
}
/*--------------------------------------------------------------
# 12.0 - Header-Images
--------------------------------------------------------------*/
.header-image {
width: 100%;
margin-top: -1px;
text-align: center;
margin: 0; }
.header-image img {
max-width: 2500px;
max-height: 500px;
vertical-align: top;
width: 100%;
height: auto; }
/*--------------------------------------------------------------
# Logo
--------------------------------------------------------------*/
.site-branding {
float: left;
max-width: 100%;
margin: 15px 0;
text-align: center;
}
.logo {
margin-bottom: 0; }
.site-title {
display: inline-block;
font-size: 38px;
margin: 0; }
.site-title a {
color: #333;
text-transform: uppercase;
text-decoration: none;
font-weight: 700; }
.site-description {
margin-bottom: 0;
line-height: 1; }
/*--------------------------------------------------------------
# Main Menu
--------------------------------------------------------------*/
.mobile-only,
.menu-toggle,
.arrow-menu {
display: none; }
.arrow-main-menu {
display: none; }
.widget_nav_menu .arrow-menu {
display: block; }
.widget_nav_menu ul.sub-menu {
display: none; }
.widget_nav_menu .arrow-menu {
width: 44px;
text-align: center;
cursor: pointer;
position: absolute;
right: 0;
top: 50%;
margin-top: -11px; }
.wpadminbar-active .widget_nav_menu .arrow-menu {
top: 0;
margin-top: 11px; }
.widget li.page_item_has_children .arrow-menu,
.widget li.menu-item-has-children .arrow-menu {
top: 0;
margin-top: 0; }
.main-navigation ul li {
position: relative;
float: left; }
.main-navigation ul li.menu-item-has-children > a {
padding-right: 20px; }
.main-navigation ul li .arrow-main-menu {
position: absolute;
top: 31px;
right: 2px; }
.main-navigation ul li .arrow-main-menu i {
font-size: 16px; }
.main-navigation ul > li:last-child > ul {
right: 0; }
.main-navigation ul > li:last-child > ul li:hover > ul {
left: -230px; }
.main-navigation ul ul {
display: none;
position: absolute;
margin: 0;
z-index: 47;
width: 230px;
background-color: #ffffff;
padding: 0;
border-top: 1px solid #eaeaea; }
.main-navigation ul ul li .arrow-main-menu {
top: 15px;
right: 15px; }
.main-navigation ul a {
position: relative;
display: block;
font-size: 16px;
color: #333;
line-height: 1;
padding: 30px 15px; }
.main-navigation ul ul ul {
left: 229px;
top: -1px; }
.main-navigation ul ul li a {
width: 230px;
padding-top: 15px;
padding-bottom: 15px;
background: transparent;
line-height: 1.6;
border-left: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0; }
.main-navigation-menu li:hover > a {
color: #ffdcd2;
text-decoration: underline; }
.main-navigation > ul li.menu-item-has-children > a::after {
content: "\f107";
font-family: FontAwesome;
position: absolute;
right: 7px; }
.main-navigation > ul ul li.menu-item-has-children > a::after {
top: 18px;
right: 10px; }
.secondary-menu {
width: 100%;
position: relative;
background: #fff;
border-top: 1px solid #e0e0e0; }
/*--------------------------------------------------------------
# category Menu
--------------------------------------------------------------*/
.category-menu {
width: 100%;
position: relative;
background: #fff;
}
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
.site-content {
width: 100%;
position: relative;
margin-top: 0;
}
.fullwidth-content-area {
width: 100%;
max-width: 100%;
background: #fff;
margin: 0 0 30px 0;
padding: 40px;
border: 1px solid #e0e0e0;
box-sizing: border-box; }
.container {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
}
.container:before, .container:after {
content: "";
display: table; }
.container:after {
clear: both; }
.container:after {
content: " ";
display: block;
clear: both; }
/*--------------------------------------------------------------
# Single Post
--------------------------------------------------------------*/
.page-content,
.single_post {
width: 100%;
background: #fff;
margin: 0 0 0 0;
padding: 10px;
float: left;
/* border: 1px solid #f2f2f2; */
box-sizing: border-box;
}
.entry-tags {
margin-top: 20px;
}
.single_post .entry-header {
margin-bottom: 0;
}
.single-title {
/* margin: 0 0 10px; */
/* font-size: 36px; */
line-height: 1.2;
}
.single_post .entry-footer {
margin: 15px 0 0;
}
.archive-title {
margin-bottom: 0 !important;
padding: 0;
border-bottom: none !important;
}
.meta-tags a {
position: relative;
display: inline-block;
margin-right: 10px; }
/*------------------------------------------------------------
# breadcrumb
-------------------------------------------------------------*/
.breadcrumb {
width: 100%;
font-size: 16px;
padding: 0;
margin-bottom: 40px;
float: left;
box-sizing: border-box; }
#crumbs a {
margin-right: 5px;
margin-left: 5px; }
#crumbs span {
margin-left: 5px; }
#crumbs a::first-child {
margin-left: 0; }
/*--------------------------------------------------------------
# Post Navigation
--------------------------------------------------------------*/
.post-navigation {
width: 100%;
margin-bottom: 0;
display: inline-block;
box-sizing: border-box;
overflow: hidden;
}
.post-navigation .nav-links {
width: 100%;
display: inline-block; }
.post-navigation .nav-previous {
width: 46%;
float: left;
border: 2px solid #DDD;
padding: 15px;
background-color: #EEE;
}
.post-navigation .nav-previous a {
text-align: left; }
.post-navigation .nav-next {
width: 46%;
float: right;
border: 2px solid #CCC;
padding: 15px;
background-color: #EEE;
}
.post-navigation .nav-next a {
text-align: right; }
.post-navigation .nav-links a {
color: #333;
position: relative;
text-decoration: none;
display: block;
text-overflow: ellipsis;
line-height: normal; }
.post-navigation .nav-links a:before {
font-family: FontAwesome;
position: absolute; }
.post-navigation .nav-links a:hover {
text-decoration: underline;
color: #b2070e; }
.post-navigation .nav-links .nav-previous a {
padding: 0 0 0 24px;
display: block;
}
.post-navigation .nav-links .nav-previous a:before {
content: '\f060';
left: 0;
margin-top: -8px;
top: 50%;
color: #6DC8C8;
}
.post-navigation .nav-links .nav-next a {
padding: 0 24px 0 0; }
.post-navigation .nav-links .nav-next a:before {
content: '\f061';
right: 0;
margin-top: -8px;
top: 50%;
color: #6DC8C8;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.fn a {
color: #353535; }
#comments {
padding: 0;
margin: 0;
float: left;
clear: both;
width: 100%; }
.comments-title {
margin: 0 0 20px 0;
position: relative;
box-sizing: border-box;
background: #f6f6f6;
padding: 30px 40px; }
#comments .avatar {
float: left;
margin-right: 20px;
margin-top: 5px; }
.comment-list > li {
margin-bottom: 25px;
box-sizing: border-box; }
.comment-list > li:last-child {
margin-bottom: 0; }
.comments-area ol {
list-style: none; }
.comment-list {
float: left;
padding: 0;
margin: 0 0 30px 0; }
.comment-list .children {
float: left;
margin: 25px 0 0 0;
padding: 0 0 0 100px; }
.comment-meta {
margin-bottom: 10px; }
.comment-content a {
word-wrap: break-word; }
.comment-content {
overflow: hidden;
margin-bottom: 10px; }
.comment-list .comment-content p {
font-size: 16px; }
.comment-list .comment-content p::last-of-type {
margin-bottom: 0; }
.comment-metadata {
font-size: 14px;
margin-top: 10px;
line-height: 1; }
.comment-metadata a {
color: #a4a4a4; }
.comments-area .reply {
padding-left: 118px;
line-height: 1; }
.reply a {
color: #a4a4a4;
font-size: 16px; }
.reply a:hover {
text-decoration: none;
color: #ffdcd2; }
.comment-content a {
word-wrap: break-word; }
.comment {
float: left;
width: 100%;
margin-bottom: 25px;
-ms-word-wrap: break-word;
word-wrap: break-word; }
.comment .comment-respond {
margin-top: 25px; }
.comment-list .children li:last-child {
margin-bottom: 0; }
.comment-form-wrap {
box-sizing: border-box;
margin-bottom: 30px;
clear: both; }
.comment-reply-title {
font-size: 24px;
margin: 0;
padding-bottom: 10px; }
.comment-awaiting-moderation {
margin: 10px 0;
font-size: 16px;
line-height: 1; }
.bypostauthor {
display: block; }
input#author,
input#email,
input#url {
width: 100%;
max-width: 430px;
font-size: 16px;
border: 1px solid #eaeaea;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 10px;
background: #fff;
color: #c0c0c0; }
textarea#comment {
width: 100%;
font-size: 16px;
border: 1px solid #eaeaea;
padding: 1.4%;
line-height: 25px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
height: 196px;
background: #fff;
color: #c0c0c0; }
input#author,
input#email,
input#url,
textarea#comment {
transition: all .25s ease-in-out; }
.form-submit {
margin-bottom: 10px; }
input#submit {
background: #fafafa;
border: 1px solid #eaeaea;
padding: 13px 20px;
text-shadow: none;
margin: 0;
transition: background 0.25s linear; }
input#submit:hover {
color: #666666; }
.logged-in-as a {
font-size: 16px;
border-bottom: 1px dotted; }
/*--------------------------------------------------------------
# Archive
--------------------------------------------------------------*/
.page-header {
background: #fff;
border: 1px solid #eaeaea;
margin-bottom: 30px; }
.page-header .archive-title,
.page-header .page-title {
font-size: 20px;
display: block;
margin: 0;
padding: 20px 20px;
}
/*--------------------------------------------------------------
# Page 404
--------------------------------------------------------------*/
.error-404 .widgettitle {
margin-top: 30px;
font-size: 24px; }
.not-found .search-form {
max-width: 100%;
width: 100%;
flex: 1;
margin: 0;
}
.not-found .widget_archive select {
max-width: 100%;
width: 360px;
padding: 8px 10px; }
/*--------------------------------------------------------------
# Aside
--------------------------------------------------------------*/
.sidebar .widget {
width: 100%;
clear: both;
overflow: hidden;
position: relative;
margin: 0 0 30px 0;
padding: 0;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.widget a {
background-color: initial !important;
border: none !important;
}
.widget-title {
font-size: 18px;
margin-bottom: 0;
line-height: 1;
background-color: #E2E2E2;
padding: 15px 15px 15px 45px;
letter-spacing: 0;
/* color: #745536 !important; */
position: relative;
font-weight: bold;
border-bottom: 1px solid #DDDDDD;
}
.widget-title a {
color: #000000; }
.widget-title a:hover {
color: #ffdcd2; }
.widget li {
position: relative;
margin-bottom: 0;
/* padding-bottom: 12px; */
border-bottom: 1px solid #eaeaea;
line-height: 1.5;
font-size: 1em;
}
.widget li a:hover {
/* text-decoration: underline; */
/* background-color: #EEE; */
}
.widget li:last-child {
margin-bottom: 0;
}
.widget ul ul {
list-style: none;
padding: 0;
margin: 15px 0 0 0; }
.widget ul ul li {
margin-left: 15px; }
.widget ul ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none; }
/* Facebook Like Box */
.widget.facebook_like .fb-like-box {
display: block;
overflow: hidden; }
/* Widget Recent Comments */
.widget ul li.recentcomments a:hover {
text-decoration: underline;
color: #333; }
/*-------------------------------------------------
# Search
--------------------------------------------------*/
.search-form {
position: relative;
box-sizing: border-box;
/* margin-bottom: 0; */
margin: 15px;
}
.search-form .search-field {
width: 100%;
height: 46px;
line-height: 46px;
display: inline-block;
outline: none;
padding: 8px 15px;
box-shadow: none;
box-sizing: border-box;
-webkit-appearance: none;
background-color: #FFF;
font-size: 16px;
}
.search-form .search-submit {
height: 46px;
width: 46px;
line-height: 46px;
margin: 0;
background: url("/column/wp-content/themes/basepress1/assets/images/search.webp") no-repeat center #6DC8C8;
position: absolute;
top: 0;
right: 0;
font-size: 0;
box-shadow: none;
border: 1px solid #DDD;
}
.widget_search .widget-title {
position: relative;
}
.widget_search .widget-title:before {
content: "\f002";
font-family: 'FontAwesome';
position: absolute;
left: 15px;
font-weight:
normal;
color: #6DC8C8;
}
.modal-close__wrap .widget-title:before {
content: "\f002";
font-family: 'FontAwesome';
position: absolute;
left: 15px;
font-weight: normal;
color: #6DC8C8;
}
.widget_wpsp_widget .widget-title:before {
content: "\f040";
font-family: 'FontAwesome';
position: absolute;
left: 15px;
font-weight: normal;
color: #6DC8C8;
}
.widget_recent_entries .widget-title:before {
content: "\f02d";
font-family: 'FontAwesome';
color: #6DC8C8;
position: absolute;
left: 15px;
font-weight: normal;
}
.widget_categories .widget-title:before {
content: "\f07c";
font-family: 'FontAwesome';
color: #6DC8C8;
position: absolute;
left: 15px;
}
.search-submit:before {
/* content: "\f002"; */
font-family: "FontAwesome";
position: absolute;
color: #FFF;
top: 0;
right: 0;
font-size: 20px;
z-index: 5;
}
input::-webkit-input-placeholder {
color: #999; }
input::-moz-placeholder {
color: #999; }
input:-moz-placeholder {
color: #999; }
input:-ms-input-placeholder {
color: #999; }
input:input-placeholder {
color: #999; }
/*-------------------------------------------------
# Tags Cloud
--------------------------------------------------*/
.tagcloud a {
color: #333 !important;
margin: 0 0 5px 0;
position: relative;
display: inline-block;
border: 1px solid #CCC !important;
padding: 5px 7px;
line-height: 1.5;
border-radius: 4px;
font-size: 14px !important;
background-color: #D9EAEA !important;
}
.tagcloud a:hover {
background: #EEE !important;
text-decoration: none;
color: #333 !important;
}
/* widget Calendar */
#wp-calendar {
margin-bottom: 0;
border: 0; }
#wp-calendar caption {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
padding-top: 10px;
padding-bottom: 10px; }
#wp-calendar td {
text-align: center;
padding: 5px 0;
border: 0; }
#wp-calendar td#today {
color: #ffdcd2; }
#wp-calendar #prev {
text-align: left;
padding-left: 12px; }
#wp-calendar #next {
text-align: right;
padding-right: 12px; }
#wp-calendar thead th {
font-weight: 700;
padding: 10px 0;
text-align: center;
border: 0; }
/*-------------------------------------------------
# Text Widget
--------------------------------------------------*/
.textwidget,
.textwidget p {
font-size: 15px;
line-height: 26px; }
.custom-html-widget img {
display: block;
image-rendering: -webkit-optimize-contrast;
}
/*-------------------------------------------------
# Widget For Theme Pro
--------------------------------------------------*/
.post-meta {
font-size: 12px;
color: #999;
margin: 8px 0 4px; }
.post-meta span {
display: inline-block;
position: relative;
margin-right: 5px; }
.post-meta span:last-child {
margin-right: 0; }
.tc-sidebar-widget li p {
font-size: 13px;
line-height: 1.5;
margin-bottom: 0; }
/*--------------------------------------------------------------
# Social
--------------------------------------------------------------*/
.social-profile-icons ul {
text-align: center; }
.social-profile-icons ul li {
width: 15%;
float: none;
display: inline-block;
text-align: center;
padding: 0;
margin: 2%;
border: none; }
.social-profile-icons ul li a {
display: block;
color: #fff;
line-height: 40px;
text-align: center;
border-radius: 2px; }
.social-profile-icons .facebook a {
background: #45619c; }
.social-profile-icons .youtube a {
background: #cd2227; }
.social-profile-icons .gplus a {
background: #e75c3c; }
.social-profile-icons .linkedin a {
background: #03496E; }
.social-profile-icons .pinterest a {
background: #bd2026; }
.social-profile-icons .behance a {
background: #1879fd; }
.social-profile-icons .flickr a {
background: #ff48a3; }
.social-profile-icons .instagram a {
background: #c13685; }
.social-profile-icons .dribbble a {
background: #ea4c89; }
.social-profile-icons .soundcloud a {
background: #ff7e30; }
.social-profile-icons .twitter a {
background: #0690C2; }
.social-profile-icons .vimeo a {
background: #35c6ea; }
.social-profile-icons .stumbleupon a {
background: #ff5c30; }
.social-profile-icons .tumblr a {
background: #36465c; }
.social-profile-icons .github a {
background: #b5a470; }
.social-profile-icons .foursquare a {
background: #0bbadf; }
.social-profile-icons .reddit a {
background: #ff4400; }
.social-profile-icons .dropbox a {
background: #3476e4; }
.social-profile-icons .skype a {
background: #13c1f3; }
.social-profile-icons .email a {
background: #1d90dd; }
.social-profile-icons .rss a {
background: #f26623; }
/*-------------------------------------------------
# Site Footer
--------------------------------------------------*/
.site-footer {
position: relative;
width: 100%;
background: #6DC8C8 !important;
margin: 30px 0 0 0;
padding: 0 10px 0;
box-sizing: border-box;
}
.site-info {
text-align: center;
font-size: 14px;
color: #FFF !important;
line-height: 1.6;
padding: 20px 0;
}
/*-------------------------------------------------
# Menu Footer
--------------------------------------------------*/
.footer-navigation {
width: 100%;
text-align: center;
margin: 10px 0 0 0; }
.footer-navigation ul {
margin: 0; }
.footer-menu li {
position: relative;
display: inline-block; }
.footer-menu li::after {
/* content: '|'; */
/* position: absolute; */
top: 0;
right: -6px;
font-size: 14px;
color: #333;
}
.footer-menu li:last-child::after {
content: ''; }
.footer-menu li a {
padding: 0 5px 0 5px !important;
display: block;
font-size: 14px;
color: #FFF !important;
}
.footer-menu li:hover a {
color: #6DC8C8 !important;
}
.copyrights .site-info a::hover {
border-bottom: dotted 1px;
text-decoration: none; }
/*-------------------------------------------------
# Back To Top
--------------------------------------------------*/
.back-to-top {
width: 40px;
height: 40px;
line-height: 40px;
color: #fff;
font-size: 16px;
text-align: center;
position: fixed;
right: 20px;
bottom: 10px;
z-index: 10;
cursor: pointer;
border-radius: 2px;
transition: background 0.25s linear;
background: #6DC8C8 !important;
border: 1px solid #FFF;
z-index: 500;
}
.back-to-top:hover {
background: #6DC8C8 !important;
}
/*--------------------------------------------------------------
# Ads Management
--------------------------------------------------------------*/
.ad-center {
clear: both;
width: 100%;
text-align: center;
margin: 10px 0; }
.ad-right {
float: right;
margin: 20px 0 20px 20px; }
.ad-left {
float: left;
margin: 20px 20px 20px 0; }
.ads-970x90,
.ads-468x60 {
width: 100%;
text-align: center;
clear: both; }
.ads-468x60 {
margin: 0 0 40px 0; }
.ads-970x90 {
margin: 0 0 30px 0; }
.ads-970x90 img,
.ads-468x60 img {
display: block;
margin: 0 auto; }
@media screen and (max-width: 880px) {
.content-area,
.widget-area {
display: block;
width: 100%; } }
@media screen and (max-width: 480px) {
.mobile-only,
.menu-toggle,
.arrow-menu {
display: block; }
.widget li.menu-item-has-children .arrow-menu {
display: block; }
.widget li.page_item_has_children ul.children,
.widget li.menu-item-has-children ul.sub-menu {
display: none; } }
@media (min-width: 880px) {
.site-branding {
width: auto;
float: none;
margin: 0 auto;
}
.site-branding .custom-logo {
/* max-width: 100%; */
height: 40px;
display: inline-block;
vertical-align: top;
margin: 20px auto;
width: auto;
margin: 20px auto;
}
.main-navigation {
width: 65.2173913043%;
float: right;
margin-right: 0;
margin: 15px 0;
display: none;
}
.main-navigation .main-navigation-menu {
margin: 0;
padding: 0;
float: right; }
.right-sidebar .content-area {
width: 70%;
float: left;
margin-right: 3%;
}
.right-sidebar .sidebar {
width: 27%;
float: right;
margin-right: 0;
/* position: sticky; */
top: 30px;
right: 0;
}
.left-sidebar .content-area {
width: 65.2173913043%;
float: right;
margin-right: 0; }
.left-sidebar .sidebar {
width: 30.4347826087%;
float: left;
margin-right: 4.347826087%; }
.none-sidebar .content-area {
width: 73.9130434783%;
float: left;
margin-right: 4.347826087%;
margin-left: auto;
margin-right: auto;
float: none; }
.basepress-full-width-content .content-area {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0; }
/**
* Fullwidth template
*/
.page-template-template-fullwidth-php .content-area {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0; }
/**
* Homepage template
*/
.page-template-template-homepage-php .content-area {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0; }
/**
* Footer Widgets
*/
.footer-widgets {
padding-top: 2.617924em;
border-bottom: 1px solid #f5f5f5; }
.footer-widgets:before, .footer-widgets:after {
content: "";
display: table; }
.footer-widgets:after {
clear: both; }
.footer-widgets.col-2 .block {
width: 47.8260869565%;
float: left;
margin-right: 4.347826087%; }
.footer-widgets.col-2 .block.footer-widget-2 {
float: right;
margin-right: 0; }
.footer-widgets.col-3 .block {
width: 30.4347826087%;
float: left;
margin-right: 4.347826087%; }
.footer-widgets.col-3 .block.footer-widget-3 {
float: right;
margin-right: 0; }
.footer-widgets.col-4 .block {
width: 21.7391304348%;
float: left;
margin-right: 4.347826087%; }
.footer-widgets.col-4 .block.footer-widget-4 {
float: right;
margin-right: 0; } }
@media (max-width: 1140px) {
.footer-widgets {
padding-top: 2.617924em; } }
@media (max-width: 1230px) {
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.container {
width: 100%;
padding: 0 3%; }
.page-content,
.single_post {
display: inline-block; } }
@media (max-width: 480px) {
.container {
padding: 0;
}
.post-navigation .nav-links .nav-next a {
padding-left: 0;
padding-right: 20px;
}
.post-navigation .nav-links .nav-next a::before {
/* content: ''; */
}
.post-navigation .nav-links .nav-previous a {
padding-right: 0;
padding-left: 20px;
}
.post-navigation .nav-links .nav-previous a::before {
/* content: ''; */
}
.post-navigation .nav-links a {
font-size: 14px; }
.comment-meta {
width: 100%;
margin-bottom: 5px;
float: left; }
#comments .comment-content {
overflow: visible;
display: inline-block; }
#comments .comment-list .reply {
padding-left: 0; } }
@media (max-width: 970px) {
#page {
-webkit-transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
position: relative;
top: 0;
}
/* Header */
.site-branding {
float: none;
text-align: center;
width: 100%;
margin: 0;
}
.custom-logo-link .custom-logo {
vertical-align: top;
height: 50px;
width: auto;
padding: 10px;
margin: 0;
}
.main-navigation {
display: none; }
/* Menu */
.mobile-only, .arrow-menu {
display: block; }
span.menu-toggle {
position: absolute;
padding: 0 0;
line-height: 24px;
font-size: 24px;
display: block;
cursor: pointer;
top: -48px;
right: 20px;
}
span.menu-toggle::before {
position: absolute;
content: "\f0c9";
font-family: FontAwesome;
display: inline-block;
right: 0;
color: #FFF;
}
.mobile-menu-wrapper {
position: fixed;
top: 0;
right: 0;
width: 90%;
height: 100%;
min-height: 100%;
max-height: 100%;
overflow: scroll;
background: #EEE;
-ms-transform: translate(100%, 0);
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
overflow-x: hidden;
z-index: 9;
}
.wpadminbar-active {
top: 32px; }
.mobile-menu-wrapper ul {
margin: 0;
padding: 0; }
.mobile-menu-wrapper ul li {
width: 100%;
display: block;
position: relative;
border-bottom: 1px solid #f0f0f0; }
.mobile-menu-wrapper ul li li:last-child {
border-bottom: 0; }
.mobile-menu-wrapper ul li a {
margin-bottom: 0;
width: 100%;
padding: 12px 20px 12px 35px;
display: block;
position: relative;
background-color: #FFF !important;
border: none;
}
.mobile-menu-wrapper ul ul {
border-top: 1px solid #f0f0f0; }
.mobile-menu-wrapper ul ul li a {
padding-left: 25px; }
.mobile-menu-wrapper ul ul ul li a {
padding-left: 30px; }
.mobile-menu-active .mobile-menu-wrapper {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
.mobile-menu-active #page {
-ms-transform: translate(-90%, 0);
-webkit-transform: translate(-90%, 0);
transform: translate(-90%, 0);
position: fixed;
top: 0;
width: 100%; }
.main-navigation > ul li.menu-item-has-children > a:after {
content: ''; }
#mobile-menu-wrapper .arrow-menu {
position: absolute;
right: 0;
top: 0;
color: #000;
line-height: 44px;
border-left: 1px solid #f0f0f0;
width: 44px;
font-size: 14px;
text-align: center; } }
@media (max-width: 879px) {
span.menu-toggle {
position: absolute;
padding: 0 0;
line-height: 24px;
font-size: 24px;
display: block;
cursor: pointer;
top: -53px;
right: 20px;
}
}
@media (max-width: 568px) {
/* General */
article ul,
article ol {
margin-left: 1.25em; }
blockquote {
margin: 8px; }
table {
overflow: auto;
/* display: inline-block; */
}
/* Post, Page */
.post-item {
padding: 20px;
}
.page-header .archive-title,
.page-header .page-title {
padding: 22px 30px; }
.taxonomy-description {
padding: 0 30px; }
.single-title,
.entry-title {
font-size: 24px;
}
/* Comment */
#comments .comments-title {
font-size: 22px; }
#comments .comment-list .children {
padding: 0 0 0 32px; }
#comments .avatar {
max-width: 22%; }
/* Sidebar */
.sidebar .widget,
.page-content,
.single_post {
padding: 20px 10px 20px;
}
.widget ul li:last-child {
/* margin-bottom: 0; */
/* padding-bottom: 0; */
} }
/*--------------------------------------------------------------
FLOW
--------------------------------------------------------------*/
.flow_outer {
margin: 20px 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
}
ul.flow {padding: 0;margin: 0;}
ul.flow li {
list-style-type: none;
}
ul.flow li dd {margin: 0;color: initial;font-size: 1.6rem;}
.flow {padding-left: 120px !important;position: relative;}
.flow::before {
content: "";
width: 15px;
height: 100%;
background: #eee;
margin-left: -8px;
display: block;
position: absolute;
top: 0;
left: 120px;
}
.flow > li {
position: relative;
}
.flow > li:not(:last-child) {margin-bottom: 4vh;}
.flow > li .icon {font-size: 12px;color: #fff;padding: 8px 20px;display: block;position: absolute;top: 0;left: -120px;z-index: 100;background-color: #97d1ce;}
.flow > li .icon::after {content: "";border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent #97d1ce;position: absolute;top: 50%;left: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.flow > li dl {padding-left: 70px;position: relative;width: 100%;}
.flow > li dl::before,
.flow > li dl::after {
content: "";
display: block;
position: absolute;
top: 15px;
}
.flow > li dl::before {width: 7px;height: 7px;margin-top: -3px;background: #97d1ce;border-radius: 50%;left: -4px;}
.flow > li dl::after {
width: 50px;
border-bottom: 1px dashed #999;
position: absolute;
left: 5px;
}
.flow > li dl dt {font-size: 20px;font-weight: 600;color: #97d1ce;}
/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/
@media print {
/* Hide elements */
form,
button,
input,
select,
textarea,
.navigation-top,
.social-navigation,
#secondary,
.category-menu,
.content-bottom-widgets,
.header-image,
.panel-image-prop,
.icon-thumb-tack,
.page-links,
.edit-link,
.post-navigation,
.pagination.navigation,
.comments-pagination,
.comment-respond,
.comment-edit-link,
.comment-reply-link,
.comment-metadata .edit-link,
.pingback .edit-link,
.site-footer aside.widget-area,
.site-info,
.site-footer,
.main-navigation,
.entry-footer {
display: none !important; }
.entry-footer,
#comments,
.site-footer,
.single-featured-image-header,
.post-item,
.single_post {
border: 0; }
/* Font sizes */
body {
font-size: 12pt; }
h1 {
font-size: 24pt; }
h2 {
font-size: 22pt; }
h3 {
font-size: 17pt; }
h4 {
font-size: 12pt; }
h5 {
font-size: 11pt; }
h6 {
font-size: 12pt; }
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
font-size: 10pt; }
/* Layout */
.site-content .container {
padding-left: 5% !important;
padding-right: 5% !important;
max-width: none; }
/* Site Branding */
.site-header {
background: transparent;
padding: 0; }
.custom-header-media {
padding: 0; }
.home.blog.has-header-image .site-branding,
.home.blog.has-header-video .site-branding {
position: relative; }
.site-branding {
margin-top: 0;
margin-bottom: 1.75em !important;
/* override styles added by JavaScript */ }
.site-title {
font-size: 25pt; }
.site-description {
font-size: 12pt;
opacity: 1; }
/* Posts */
.single-featured-image-header {
background: transparent; }
.entry-meta {
font-size: 9pt; }
/* Colors */
body,
.site {
background: none !important;
/* Brute force since user agents all print differently. */ }
body,
a,
.site-title a {
color: #222 !important;
/* Make sure color schemes don't affect to print */ }
h2,
h5,
blockquote,
.site-description,
.entry-meta,
.entry-meta a {
color: #777 !important;
/* Make sure color schemes don't affect to print */ }
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 11pt;
width: 34%; }
.site-footer {
padding: 0; } }
/*# sourceMappingURL=style.css.map */
/*# MOBILE MENU */
/*----------------------------
* メニュー開閉ボタン
*----------------------------*/
.menu-btn{
position: fixed;
top: 20px;
right: 20px;
z-index: 2;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background: #333;
color: #fff;
}
/*----------------------------
* メニュー本体
*----------------------------*/
.menu{
position: fixed;
top: 0;
right: 0;
z-index: 1;
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #555;
}
.menu__item{
width: 100%;
height: auto;
padding: .5em 1em;
text-align: center;
color: #fff;
box-sizing: border-box;
}
/*----------------------------
* アニメーション部分
*----------------------------*/
/* アニメーション前のメニューの状態 */
.menu{
transform: translateX(100vw);
transition: all .3s linear;
}
/* アニメーション後のメニューの状態 */
.menu.is-active{
transform: translateX(0);
}
/*# PLUS */
#breadcrumb {
margin: 0 auto;
font-size: 12px;
padding: 0 10px;
}
#breadcrumb ul {
margin: 0;
}
#breadcrumb ul li {
display: inline-block;
}
#breadcrumb ul {
padding: 10px 0 0;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
#breadcrumb ul li:after {content: "\f105";margin: 0 5px;font-family: 'FontAwesome';color: #6DC8C8;}
#breadcrumb ul li:last-child:after {
content: none;
}
.top_page {
margin-top: 0;
}
a:hover {
color: #6DC8C8!important;
text-decoration: none!important;
}
.wpp-meta.post-stats {
text-align: left;
color: #333!important;
}
ul.wpp-list li {
position: relative;
z-index: 100;
padding: 0;
/* border-bottom: none; */
word-break: break-all;
display: flex;
}
ul.wpp-list li:before {left: 10px;top: 10px;background-color: #CCC;padding: 0px 7px;border-radius: 0;z-index: 500;position: absolute; font-weight:bold;}
ul.wpp-list li:nth-child(1):before {content: "1";/* top: 0px; */background-color: #d6aa18;color:#FFF;}
ul.wpp-list li:nth-child(2):before {content: "2";/* top: 0px; */background-color: #9f9c9b; color:#FFF;}
ul.wpp-list li:nth-child(3):before {content: "3";/* top: 0px; */background-color: #e06161; color:#FFF;}
ul.wpp-list li:nth-child(4):before {content: "4";/* top: 0px; */background-color: #EEE; color:#333;}
ul.wpp-list li:nth-child(5):before {content: "5";/* top: 0px; */background-color: #EEE; color:#333;}
ul.wpp-list li:nth-child(6):before {content: "6";/* top: 0px; */background-color: #EEE; color:#333;}
ul.wpp-list li:nth-child(7):before {content: "7";/* top: 0px; */background-color: #EEE; color:#333;}
ul.wpp-list li:nth-child(8):before {content: "8";/* top: 0px; */background-color: #EEE; color:#333;}
ul.wpp-list li:nth-child(9):before {content: "9";/* top: 0px; */background-color: #EEE; color:#333;}
ul.wpp-list li:nth-child(10):before {content: "10";/* top: 0px; */background-color: #EEE; color:#333;}
.main_image img {
margin: 0 auto;
display: table;
}
.main_image {
background-color: #FFF;
}
img.main_image_sp {
display: none;
}
.widget_execphp ul li a,.widget_recent_entries a ,.widget li a {
display: block;
padding: 0 0 0 25px !important;
margin-bottom: 0;
position: relative;
}
.widget_execphp ul li a:before,.widget_recent_entries a:before ,.widget li a:before {content: "\f0da";font-family: FontAwesome;margin-right: 5px;color: #6DC8C8;position: absolute;top: 50%;left: 10px;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
.widget_execphp ul li a:hover,.widget_recent_entries a:hover ,.widget li a:hover {
/* background-color: rgba(0,0,0,0.05) !important; */
}
.widget_execphp ul li ,.widget_recent_entries ul li{
padding: 10px 0;
margin: 0;
}
.eyecatch-widget a:before {
content: none !important;
}
.kanren {
clear: both;
background-color: #FFF;
box-sizing: border-box;
display: flex;
justify-content: space-between;
flex-flow: row wrap;
margin: 0 0 20px;
border-top: 2px solid #EEE;
}
.kanren li a {
border: 2px solid #EEE;
padding: 10px;
display: block;
}
.kanren h3 {
font-size: 20px;
margin-bottom: 0;
line-height: 1;
background-color: #F19BA6;
padding: 15px;
letter-spacing: 0;
color: #FFF !important;
width: 100%;
}
.kanren h3:before {
font-family: "FontAwesome";
content: "\f0c1";
font-weight: normal;
margin-right: 10px;
}
.kanren dl {
padding: 12px;
margin: 1.66%;
width: 30%;
border: 1px solid #eeeeee;
background-color: #FDF6EB;
}
.kanren dt {
padding: 0;
margin: 0;
}
.kanren dd {
margin: 0;
padding: 0;
}
.kanren dd p {
margin: 0;
line-height: 1.6;
}
.meta-area {
display: flex;
justify-content: space-between;
padding: 0 10px 10px;
}
.meta-area p {
font-size: 12px !important;
}
.meta-area ul {
margin: 0;
padding: 0;
}
.meta-area ul li {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
}
.meta-area p {
margin: 0 !important;
padding: 0 !important;
font-weight: normal !important;
line-height: 20px !important;
font-size: 12px;
height: initial !important;
}
.meta-area ul li a {
padding: 0;
margin: 0;
border: none;
font-size: 12px;
line-height: 20px !important;
}
#site-navigation li a:before {content: "\f0da";font-family: FontAwesome;margin-right: 5px;color: #e3aba5;}
.mobile-menu-wrapper ul li a:before {
content: "\f105";
font-family: FontAwesome;
margin-right: 5px;
color: #6DC8C8;
position: absolute;
top: 50%;
left: 20px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
span.red {
color: #b22b2b;
font-weight: bold;
}
span.bold {
font-weight: bold;
}
span.marker {
background: linear-gradient(transparent 0%, #cbe9e7 0%);
font-weight: bold;
border-radius: 4px;
}
.rule {
font-weight: bold;
border: 1px solid #DDD;
display: inline-block;
padding: 15px;
background-color: #f2f2f2;
line-height: 30px;
margin-bottom: 20px;
overflow: hidden;
}
.product_area {
/* border: 1px solid #CCC; */
background-color: #fcfbf8;
padding: 30px;
margin-bottom: 30px;
}
.product_area h3 {
border: none;
margin: 0 0 15px;
padding: 0 15px 10px;
border-bottom: 5px solid #ffdcd2;
font-size: 24px;
}
.product_area figure {
margin: 0 0 40px;
overflow: hidden;
background-color: #FFF;
padding: 20px 0;
}
.product_area figure img {
margin: 0 auto;
display: table;
}
.product_area h4 {
border: none;
}
.product_area table th {
background-color: #f9f9f9;
text-align: center;
width: 40%;
}
.product_area table td {
background-color: #FFF;
width: 60%;
}
.product_area ul {
display: inline-block;
background-color: #FFF;
padding: 20px 20px 20px 40px;
border: 1px solid #eaeaea;
}
p.btn {
color: #fff;
cursor: pointer;
/* display: inline-block; */
padding: 10px 20px;
text-transform: uppercase;
text-align: center;
max-width: 90%;
margin: 20px auto 0;
font-size: 16px;
}
p.btn a {
color: #FFF !important;
display: block;
padding: 10px 0;
position: relative;
font-weight: bold;
background-color: #ff7f05;
border: 2px solid #bc6615;
border-radius: 6px;
text-decoration: none;
}
p.btn a:after {content: "\f105";font-family: FontAwesome;position: absolute;top: 50%;right: 10px;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);font-weight: normal;}
p.btn a:hover {opacity: 0.7 !important;color: #FFF !important;}
.cv_button_area2 dl dd p {
margin: 0 0 10px;
}
.product_area h4 {
position: relative;
padding: 0 39px;
text-align: center;
margin-bottom: 20px;
color: #382628;
}
.product_area h4:before {
position: absolute;
top: calc(50% - 1px);
left: 0;
width: 100%;
height: 2px;
content: '';
background: #ffdcd2;
}
.product_area h4 span {
position: relative;
padding: 0 1em;
background: #fcfbf8;
}
.product_area table {
margin-bottom: 40px;
}
.product_area h2 {
position: relative;
padding: 0 39px;
text-align: center;
margin-bottom: 20px;
color: #382628;
border: none;
background-color: initial;
}
.product_area h2:before {
position: absolute;
top: calc(50% - 1px);
left: 0;
width: 100%;
height: 2px;
content: '';
background: #ffdcd2;
}
.product_area h2 span {
position: relative;
padding: 0 1em;
background: #fcfbf8;
}
.fragrance {
display: flex;
justify-content: space-between;
flex-flow: row wrap;
}
.fragrance_inner {
width: 49%;
background-color: #fcfbf8;
padding: 20px;
margin-bottom: 20px;
}
.fragrance_inner h4 {
border: none;
padding: 0 10px 10px;
border-bottom: 4px solid #ffdcd2;
margin-bottom: 20px;
}
.fragrance_inner figure {
background-color: #FFF;
padding: 10px 0;
}
.fragrance_inner figure img {
max-width: 50%;
margin: 0 auto;
display: table;
}
.rule p:last-child {
margin-bottom: 0;
}
.blog-card {
width: 100%;
background: #D9EAEA;
border: 1px solid #6DC8C8;
word-wrap: break-word;
margin: 0 0 20px;
padding: 0;
position: relative;
border-radius: 4px;
clear: both;
}
.blog-card:hover {
background: #EEE;
}
.blog-card a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
/* justify-content: space-between; */
padding: 15px 60px 15px 15px;
}
.blog-card:after {
content: "\f054";
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
color: #6DC8C8;
font-family: FontAwesome;
font-size: 20px;
}
.blog-card-thumbnail {
width: 240px;
padding: 0;
margin-right: 15px;
}
.blog-card-thumbnail img {
width: 100%;
border: none;
display: block;
padding: 0;
}
.blog-card-content {
line-height: 1.5;
flex: 1;
padding: 0 0 0 0;
}
.blog-card-title {
font-size: 16px;
font-weight: bold;
padding: 0;
margin-bottom: 10px;
}
.blog-card-excerpt {
color: #333;
font-size: 13px;
padding: 0;
}
ul.cv_btn_area {
display: flex;
flex-flow: row wrap;
margin: 0 0 20px;
padding: 0;
}
ul.cv_btn_area li {
width: 100%;
padding: 5px;
}
ul.cv_btn_area li a {
display: block;
}
.btn,
a.btn,
button.btn {
font-size: 1.8rem;
font-weight: 700;
line-height: 2;
position: relative;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #212529;
border-radius: 0.5rem;
}
a.btn--red.btn--cubic {
border-bottom: 4px solid #e56272;
background-color: #F19BA6;
color: #FFF !important;
padding: 15px;
}
a.btn--red.btn--cubic br {
display: none;
}
a.btn--red.btn--cubic:hover {
margin-top: 3px;
border-bottom: 2px solid #e56272;
background-color: #ef96a1;
}
a.btn--orange.btn--cubic {
border-bottom: 4px solid #bc6615;
background-color: #ff7f05;
color: #FFF !important;
font-size: 14px;
width: 100%;
padding: 10px;
}
a.btn--orange.btn--cubic:hover {
margin-top: 3px;
border-bottom: 2px solid #f19a40;
}
a.btn--radius {
border-radius: 6px;
}
.fa-position-right {
position: absolute;
top: calc(50% - .5em);
right: 1rem;
}
.osusume-box {
background-color: #f7f7f7;
margin-bottom: 20px;
}
.box-title {
padding: 15px;
font-weight: bold;
background-color: #E8DBB1;
font-size: 18px;
line-height: 1.5;
}
.box-content {
padding: 15px;
}
table.site_info {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
display: block;
}
table.site_info tr{
border-bottom: solid 4px white;
}
table.site_info tr:last-child{
border-bottom: none;
}
table.site_info th{
position: relative;
text-align: left;
background-color: #9cd1d1;
color: #333;
text-align: center;
padding: 10px;
border: none;
font-weight: bold;
}
table.site_info th:after{
display: block;
content: "";
width: 0px;
height: 0px;
position: absolute;
top:
calc(50% - 10px);
right:-10px;
border-left: 10px solid #9cd1d1;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
table.site_info td{
text-align: left;
/* width: 50%; */
text-align: left;
background-color: #EEE;
padding: 10px 10px 10px 20px;
border: none;
font-weight: bold;
}
.balloon5 {
width: 100%;
margin: 1.5em 0;
overflow: hidden;
}
.balloon5 .faceicon {
float: left;
margin-right: -110px;
width: 100px;
}
.balloon5 .faceicon img{
width: 100%;
height: auto;
border: solid 3px #EEE;
border-radius: 50%;
}
.balloon5 .chatting {
width: 100%;
}
.says {
display: inline-block;
position: relative;
margin: 5px 0 0 120px;
padding: 15px;
border-radius: 12px;
background: #EEE;
}
.says:after {
content: "";
display: inline-block;
border: 12px solid transparent;
border-right: 12px solid #EEE;
position: absolute;
top: 30px;
left: -12px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.says p {
margin: 0;
padding: 0;
}
dl.memo {
margin: 0 0 20px;
padding: 15px;
background-color: #fdf6eb;
display: inline-block;}
dl.memo dt {
margin: 0 10px 15px 40px;
font-size: 18px;
padding: 0 0 0;
position: relative;
line-height: 1.5;
}
dl.memo dd {
margin: 0;
border-top: 2px dashed #f19ba6;
padding: 15px 0 15px 0;
line-height: 2;
font-weight: bold;}
dl.memo dt:before {
font-family: 'Font Awesome 5 Free';
content: "\f518";
margin-right: 0;
color: #97d1ce;
position: absolute;
top: 50%;
left: -25px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
ul#sitemap_list {
margin: 0;
padding: 0;
}
li.cat-item ul {
padding: 0;
margin: 0;
}
li.cat-item ul li {
margin: 0;
padding: 0;
}
li.home-item a:before {
font-family: 'FontAwesome';
content: "\f015";
margin-right: 10px;
color: #6DC8C8;
font-weight: normal;
}
li.home-item a {
background-color: #DDD;
padding: 15px;
display: block;
font-weight: bold;
}
li.cat-item a {
background-color: #DDD;
padding: 15px;
display: block;
/* margin-bottom: 10px; */
font-weight: bold;
}
li.home-item {
margin-bottom: 0 !important;
display: block;
}
li.cat-item {
margin-bottom: 10px !important;
padding: 10px 0 0;
margin: 0;
}
li.page_item {
margin-top: 10px !important;
}
li.cat-item a:before {
content: "\f0da";
font-family: 'FontAwesome';
color: #6DC8C8;
margin-right: 10px;
font-weight: normal;
}
li.post-item a {
background-color: initial;
border: 1px solid #DDD;
position: relative;
padding: 10px 10px 10px 40px;
font-weight: normal;
}
li.cat-item ul {
background-color: #f4f4f4;
padding: 10px;
}
li.post-item a:before {
content: "\f044";
font-family: 'FontAwesome';
color: #6DC8C8;
position: absolute;
top: 50%;
left: 20px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
li.page_item a {
background-color: #DDD;
padding: 15px;
display: block;
margin-bottom: 10px;
position: relative;
font-weight: bold;
}
li.page_item a:before {
content: "\f105";
font-family: FontAwesome;
color: #6DC8C8;
margin-right: 10px;
font-weight: normal;
}
.post-item-819 a:before {
content: "\f02d";
font-family: 'FontAwesome';
color: #FFF;
}
li.page-item-873 a:before {
content: "\f0e8" !important;
font-family: 'FontAwesome';
color: #f19ba6;
margin-right: 10px;
}
li.page-item-871 a:before {
content: "\f023" !important;
font-family: 'FontAwesome';
color: #f19ba6;
margin-right: 10px;
}
li.page-item-854 a:before {
content: "\f007" !important;
font-family: 'FontAwesome';
color: #f19ba6;
margin-right: 10px;
}
ul#sitemap_list li a:hover {
background-color: #d9efef;
color: initial !important;
}
ul.footer-menu li a {
background-color: initial !important;
border: none;
display: inline;
color: #FFF;
}
.widget_categories ul li a {
font-weight: normal;
padding: 10px 10px 10px 25px !important;
}
.widget_categories ul li {
padding: 0 !important;
margin-bottom: 0 !important;
}
ul.footer-menu li a:before {
content: none;
}
dl.faq {
border: 1px solid #CCC;
border-radius: 6px;
padding: 10px 20px 20px;
background-color: #f9f9f9;
}
dl.faq h3 {
border-bottom: 3px dashed #f19ba6;
padding: 0 0 10px;
margin: 0 0 15px;
}
dl.faq dd {
padding: 0;
margin: 0;
}
dl.faq h3:first-letter {
font-size: 40px;
color: #6abfbb;
}
.ranking {
border: 1px solid #DDD;
padding: 10px 20px;
border-radius: 6px;
margin-bottom: 20px;
}
table.site_info thead th {
background-color: #6abfbb;
border-bottom: 2px solid #FFF;
}
table.site_info thead th:after {
content: none;
}
.ranking img.aligncenter {
border: 1px solid #DDD;
}
.ranking h3 {
margin-bottom: 20px;
padding: 5px 10px 10px 10px;
}
.ranking h3:before {
content: "\f521";
font-family: 'Font Awesome 5 Free';
color: #d9b74c;
margin-right: 10px;
font-size: 30px;
}
#pages-2 .gamma:before {
content: "\f040";
font-family: 'FontAwesome';
position: absolute;
left: 15px;
font-weight:
normal;
color: #6DC8C8;
}
table.site_info th br {
display: none;
}
table.site_info td br {
display: none;
}
ul.footer-menu li a:before {
content: none !important;
}
li.current_page_item a {
/* background-color: initial !important; */
/* border: none !important; */
/* margin-bottom: 0 !important; */
}
.kanren_area {
padding: 0 25px;
clear: both;
}
ul.kanren li {width: 32%;margin: 15px 0 0;list-style: none;background-color: #EEE;}
ul.kanren li p {line-height: 1.5;padding: 0;margin: 0;font-weight: bold;height: 70px;}
h2.kanren_title {font-size: 18px;padding: 10px 15px;background-color: #EEE;display: inline-block;margin-bottom: 0;}
.box {
border: 5px solid #EEE;
margin-bottom: 20px;
margin: 0 10px 20px;
}
.box h3,.box h4 {
background-color: #DDD;
font-size: 16px;
margin: 0;
border-bottom: none;
}
.box_inner {
padding: 10px 10px;
}
.box_inner p:last-child {
margin: 0;
}
#toc_container {
background: #EEE !important;
border: 1px solid #CCC !important;
padding: 10px 10px 10px !important;
margin-bottom: 1em !important;
/* width: auto !important; */
display: table !important;
font-size: 95% !important;
margin: 0 auto;
}
ul.toc_list li a {
border: 1px solid #DDD;
background-color: #FFF;
padding: 7px 10px 7px 30px;
line-height: 1.5;
position: relative;
}
ul.toc_list li ul {
margin: 0 !important;
padding: 0;
}
ul.toc_list li ul li a {
border-left: 10px solid #DDD;
}
.heading12 {
position: relative;
font-size: 26px;
border-bottom: none !important;
color: #6DC8C8;
padding: 0 0 0 55px !important;
margin-bottom: 20px;
}
.heading12::before {
content: attr(data-number);
display: inline-block;
margin-right: 20px;
color: #6DC8C8;
font-size: 30px;
border-bottom: 1px solid #6DC8C8;
position: absolute;
top: 45%;
left: 25px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.point {
margin-bottom: 0;
overflow: hidden;
margin-top: 20px;
}
.point_inner {
margin-bottom: 20px;
overflow: hidden;
}
.point_inner figure {
position: relative;
margin: 0 40px 40px 0;
z-index: 2;
width: 40%;
float: left;
}
.point_inner figure:before {
content: "";
position: absolute;
bottom: -20px;
right: -20px;
width: 100%;
height: 100%;
background-image: radial-gradient(#6DC8C8 30%, rgba(0, 0, 0, 0) 31%), radial-gradient(#6DC8C8 30%, rgba(0, 0, 0, 0) 31%);
background-size: 6px 6px;
background-position: 0 0, 3px 3px;
z-index: 1;
}
.point_inner figure img {
position: relative;
z-index: 2;
margin: 0 0 -10px 0;
border: 1px solid #DDD;
}
.heading14 {
position: relative;
padding-left: 70px !important;
font-size: 24px !important;
border-bottom: none !important;
}
.heading14::before {
content: attr(data-number);
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
color: rgba(171,146,170,0.8);
font-size: 50px;
}
.heading14::after {
content: '';
position: absolute;
bottom: 8px;
left: 0;
width: 100px;
height: 1px;
/* background-color: rgba(171,146,170,1); */
}
.company_info1 {
border: 1px solid #6DC8C8;
margin-bottom: 20px;
display: flex;
flex-flow: row wrap;
box-shadow: 10px 10px 0 #6DC8C8;
width: calc(100% - 10px);
margin-bottom: 30px;
}
.company_info1 dl dt {
background-color: #9b4b86;
display: inline-block;
padding: 5px 7px;
color: #FFF;
font-weight: normal;
line-height: 1.5;
font-size: 14px;
}
.company_info1 dl dd p {
margin: 0;
}
.company_info1 dl dd {
display: flex;
justify-content: space-between;
line-height: 1.5;
padding: 10px;
}
.company_info1 figure {
width: 45%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
}
.company_info1 figure img {
max-width: 300px;
}
.company_info1 section {
flex: 1;
padding: 20px 0 5px;
}
.company_info1 dl {
margin: 0;
}
.company_info1 dl dd p.btn {
margin: 0;
padding: 0;
letter-spacing: 0;
line-height: 1.5;
}
.company_info1 dl dd p.btn a {
padding: 0 30px;
font-weight: normal;
line-height: 1.5;
}
.company_info1 dl dd p a:before {
content: "\f0c1";
font-family: 'FontAwesome';
margin-right: 10px;
color: #6DC8C8;
}
.button15 a {
display: block;
position: relative;
margin: 30px auto 50px;
padding: 15px 30px;
width: 90%;
color: #FFF !important;
font-size: 20px;
font-weight: 700;
background: #4b9b59;
border-radius: 50vh;
transition: 0.3s;
text-align: center;
border: 2px solid #258134;
}
.button15 a::before {
content: '';
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
width: 50px;
height: 50px;
background-color: #DDD;
border-radius: 50vh;
}
.button15 a::after {
content: '';
position: absolute;
top: 50%;
right: 32px;
transform: translateY(-50%) rotate(45deg);
width: 8px;
height: 8px;
border-top: 3px solid #333333;
border-right: 3px solid #333333;
}
.button15 a:hover {
text-decoration: none;
background-color: #333;
border: 2px solid #000;
}
.button15 a br {
display: none;
}
.company_info br {
display: none;
}
table.company_info {width: 100%;margin: 0 auto 20px;border-collapse: separate;border-spacing: 0px 2px;}
table.company_info th,
table.company_info td {
padding: 10px;
}
table.company_info th {background: #6DC8C8;vertical-align: middle;text-align: left;width: 100px;overflow: visible;position: relative;color: #fff;font-weight: normal;font-size: 15px;}
table.company_info th:after {left: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-left-color: #6DC8C8;border-width: 10px;margin-top: -10px;}
.half {
width: 25% !important;
margin: 0 auto 20px 0 !important;
}
.half th,.half td {
width: 50%;
font-weight: bold;
text-align: center;
}
.front-page {
display: flex;
flex-flow: row wrap;
}
.front-page article {box-shadow: 0 0 10px #ccc;}
.front-page article:nth-of-type(3n) {
margin-right: 0;
}
.front-page article figure a img {
display: block;
width:100%;
}
.front-page article .thumbnail {
width: 50%;
margin: 0 0 10px;
float: none;
display: block;
order: 1;
}
.front-page article h2 {
font-size: 16px !important;
}
.front-page article header {
order: 2;
padding: 1em 1em 0;
display: block;
width: 50%;
}
.archive .page-content {
background-color: initial;
margin: 0;
padding: 0;
}
.front-page article .entry-meta {
padding: 0;
margin-bottom: 5px;
line-height: 1;
}
/* firefox */
@-moz-document url-prefix() {
table.company_info th::after {
float: right;
padding: 0;
left: 30px;
top: 10px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #295890 10px solid;
margin-top: -10px;
}
}
table.company_info td {background: #f5f4f5;padding-left: 20px;}
.addtoany_content {
margin-bottom: 0 !important;
}
ul.check_list {
border: solid 1px #CCC;
padding: 20px 20px 20px 50px;
position: relative;
display: inline-block;
box-shadow: 10px 10px 0 #DDD;
}
ul.check_list li {
line-height: 1.5;
padding: 0.5em 0;
list-style-type: none!important;/*ポチ消す*/
font-weight: bold;
}
ul.check_list li:before {
font-family: "FontAwesome";
content: "\f00c";
position: absolute;
left: 35px; /*左端からのアイコンまで*/
color: #6DC8C8; /*アイコン色*/
}
ul.work_info {
padding: 0;
margin: 0;
}
ul.work_info li {
border: 2px solid #EEE;
padding: 20px;
border-radius: 15px;
display: flex;
margin-bottom: 10px;
}
ul.work_info li figure {
width: 200px;
margin-right: 20px;
}
ul.work_info li figure img {
width: 100%;
border-radius: 10px;
margin: 0;
}
ul.work_info li article {
flex: 1;
}
ul.work_info li article h4 {
border-radius: 10px;
margin-bottom: 10px;
}
ul.work_info li article p:last-child {
margin-bottom: 0;
}
ul.work_info h3 {
padding: 0 0 10px 10px;
}
.heading10 {
position: relative;
padding-top: 30px;
font-size: 26px;
border-bottom: 1px solid rgba(5,62,98,1);
}
.heading10 span {
position: relative;
z-index: 2;
}
.heading10::before {
content: attr(data-en);
position: absolute;
top: 0px;
left: 0;
color: rgba(5,62,98,0.2);
font-size: 40px;
text-transform: uppercase;
z-index: 1;
}
dl.merit_box,
dl.demerit_box {
border: 5px solid #DDD;
}
dl.merit_box h3,
dl.demerit_box h3 {
border: none;
font-size: 16px !important;
}
.merit dt {
background-color: #cc8585;
color: #FFF;
/* float: left; */
padding: 5px 7px;
}
.demerit dt:before {
content: '\f00d';
font-family: 'FontAwesome';
margin-right: 10px;
}
.demerit dt {
background-color: #99bbf7;
color: #FFF;
/* float: left; */
padding: 10px 15px;
}
.merit dt {
background-color: #f9aaaa;
color: #FFF;
}
.merit dt:before {
content: '\f10c';
font-family: 'FontAwesome';
margin-right: 7px;
}
.merit dd {
/* background-color: #fff5f5; */
}
.demerit dd {
/* background-color: #fff5f5; */
padding: 20px 20px 10px;
}
dl.merit {
background-color: #ffeeee;
}
dl.demerit {
background-color: #f2f6ff;
margin-bottom: 20px;
}
dl.merit_box dt,
dl.demerit_box dt {
display: block;
padding: 10px;
border-bottom: 5px solid #DDD;
background-color: #DDD;
}
dl.merit_box dt h3,
dl.demerit_box dt h3 {
line-height: 15px;
margin-bottom: 0;
}
dl.merit_box dd,
dl.demerit_box dd {
padding: 15px 15px 0;
}
.heading09 {
font-size: 22px !important;
border: none !important;
padding: 10px 10px 15px !important;
margin-bottom: 20px;
color: initial !important;
background-color: #EEE !important;
position: relative;
}
.heading09::before {
content: attr(data-en);
display: block;
color: #6DC8C8;
font-size: 16px;
}
.heading09::after {
content: '';
display: block;
width: 40px;
height: 2px;
background-color: #6DC8C8;
position: absolute;
bottom: 10px;
}
.button05 a {
display: block;
justify-content: space-between;
align-items: center;
margin: 0 auto 0;
padding: 5px 0;
width: 60%;
color: #333;
font-size: 18px;
font-weight: 700;
background-color: #f8e45c;
box-shadow: 0 5px 0 #bba512;
transition: 0.3s;
border-radius: 6px;
flex-flow: row wrap;
position: relative;
text-align: center;
width: 100%;
}
.button05 a::after {
width: 8px;
height: 8px;
border-top: 3px solid #333333;
border-right: 3px solid #333333;
transform: rotate(45deg);
}
.button05 a:hover {
transform: translateY(3px);
text-decoration: none;
box-shadow: 0 2px 0 #aaaaaa;
color: #000 !important;
}
.front-page h2 {
font-size: 18px;
border-left: 5px solid #6DC8C8;
padding: 0 10px;
width: 100%;
}
article.post {
display: block;
padding: 0;
position: relative;
}
article p a {
text-decoration: underline;
color: #0036d6 !important;
}
.archive-title:after {
border-bottom: none !important;
}
.webmaster th {
width: 25% !important;
}
.webmaster td {
width: initial !important;
}
li.menu-item a::before {
content: "\f105";
font-family: 'FontAwesome';
color:#C4E1DC;
}
.product_box {
overflow: hidden;
flex-flow: row wrap;
padding: 0 0 40px;
width: 100%;
}
.product_box figure img {
width: 80%;
margin: 0 auto;
display: table;
}
.product_box section {
border: 1px solid #DDD;
width: calc(48% - 10px);
padding: 0 20px 20px;
/* box-shadow: 10px 10px 0 #DDD; */
float: left;
margin-right: 3%;
}
.product_box .button05 a {
width: 100%;
}
.product_box .button05 a span {
display: block;
}
.product_box .button05 a span {
width: 100%;
font-size: 14px;
}
.button05 p {
margin-bottom: 0;
}
.button05 a:after {
content: "\f105";
font-family: 'FontAwesome';
border: none;
position: absolute;
top: 35%;
right: 10px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.product_box2 {
border: 1px solid #6DC8C8;
width: calc(100% - 10px);
padding: 0;
/* box-shadow: 10px 10px 0 #6DC8C8; */
display: flex;
flex-flow: row wrap;
margin: 0 0 30px;
overflow: hidden;
}
.product_box2 figure {
width: 200px;
margin: 0;
position: relative;
padding: 15px;
overflow: hidden;
}
.product_box2 article {
flex: 1;
padding: 15px 15px 15px 0px;
}
.product_box2 figure img {width: 100%;padding: 0;border: 7px solid #EEE;display: block;}
.product_box2 article p {
margin: 0;
}
span.big {
font-size: 21px;
}
span.yellow {
color: #b29c2b;
}
span.underline {border-bottom: 1px solid;padding: 0 0 2px 0;}
span.link:after {
font-family: 'FontAwesome';
content: "\f08e";
font-weight: normal;
font-size: 16px;
margin: 0 7px 0 7px;
}
.product_box2 a span:hover {
opacity: 0.8;
}
a.link {
text-decoration: underline;
}
#fdw-pricing-table {
margin:0 auto;
text-align: center;
width: 100%; /* total computed width */
zoom: 1;
display: flex;
/* flex-flow: row wrap; */
margin-bottom: 20px;
}
#fdw-pricing-table:before, #fdw-pricing-table:after {
content: "";
display: table
}
#fdw-pricing-table:after {
clear: both
}
/* --------------- */
#fdw-pricing-table .plan {
background: #f5f5f5;
border: 1px solid #ddd;
color: #333;
padding: 0;
_display: inline; /* IE6 double margin fix */
position: relative;
margin: 5px;
-moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
-webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
}
#fdw-pricing-table .plan:after {
z-index: -1;
position: absolute;
content: "";
bottom: 10px;
right: 4px;
width: 80%;
top: 80%;
-webkit-box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
}
#fdw-pricing-table .popular-plan {
top: -20px;
padding: 40px 20px;
}
/* --------------- */
#fdw-pricing-table .header {
position: relative;
font-size: 16px;
font-weight: normal;
/* text-transform: uppercase; */
padding: 10px 0;
margin: 0;
border-bottom: 5px solid;
background-color: #eee;
background-image: -moz-linear-gradient(#fff,#eee);
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
background-image: -webkit-linear-gradient(#fff, #eee);
background-image: -o-linear-gradient(#fff, #eee);
background-image: -ms-linear-gradient(#fff, #eee);
background-image: linear-gradient(#fff, #eee);
line-height: 1.5;
font-weight: bold;
}
#fdw-pricing-table .header:after {
position: absolute;
bottom: -8px;
left: 0;
height: 3px;
width: 100%;
content: '';
background-image: url(images/bar.png);
}
#fdw-pricing-table .popular-plan .header {
margin-top: -40px;
padding-top: 60px;
}
#fdw-pricing-table .plan1 .header{
border-bottom-color: #6DC8C8;
}
#fdw-pricing-table .plan2 .header{
border-bottom-color: #7BD553;
}
#fdw-pricing-table .plan3 .header{
border-bottom-color: #3AD5A0;
}
#fdw-pricing-table .plan4 .header{
border-bottom-color: #45D0DA;
}
/* --------------- */
#fdw-pricing-table .price{
font-size: 20px;
}
#fdw-pricing-table .monthly{
font-size: 12px;
margin-bottom: 0;
text-transform: uppercase;
color: #666;
line-height: 1;
margin-top: 10px;
}
/* --------------- */
#fdw-pricing-table ul {
margin: 0;
padding: 0;
list-style: none;
}
#fdw-pricing-table li {
padding: 0 0 10px;
}
/* --------------- */
#fdw-pricing-table .signup {
position: relative;
padding: 10px 20px;
color: #fff;
font: bold 14px Arial, Helvetica;
text-transform: uppercase;
text-decoration: none;
display: block;
background-color: #72ce3f;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: 0 -1px 0 rgba(0,0,0,.15);
opacity: .9;
width: 90%;
margin: 0 auto 10px;
}
#fdw-pricing-table .signup:hover {
opacity: 1;
}
#fdw-pricing-table .signup:active {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;
box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;
}
#fdw-pricing-table .plan1 .signup{
background: #B3E03F;
}
#fdw-pricing-table .plan2 .signup{
background: #7BD553;
}
#fdw-pricing-table .plan3 .signup{
background: #3AD5A0;
}
#fdw-pricing-table .plan4 .signup{
background: #45D0DA;
}
.plan b {font-size: 12px;}
.plan a:hover {
opacity: 0.7 !important;
color: #555 !important;
}
.plan p {
margin: 0;
}
.plan img {
width: 100%;
margin: 0 auto 0;
display: block;
border-bottom: 1px solid #CCC;
padding: 0 10px;
background-color: #FFF;
padding: 10px 50px;
}
.plan .button05 {
padding: 0 10px 11px 10px;
}
.plan .button05 a {
font-size: 15px;
line-height: 1.5;
padding: 6px 0 !important;
}
.box2 .button05 a br {
display: none;
}
.box2 .button05 a {
padding: 10px 0 !important;
}
blockquote p:last-child {
margin-bottom: 0;
}
span.meta-author.byline {
display: none;
}
span.edit-link {
display: none;
}
.front-page article .entry-meta span {
font-size: 12px;
}
.front-page ul.post-categories {
margin: 5px 0 5px;
/* position: absolute; */
}
.entry-meta {
/* display: flex; */
justify-content: space-between;
margin-bottom: 15px;
}
.front-page article .entry-meta span.meta-tag {
display: none;
}
.entry-tags a {
border: 1px solid #CCC;
padding: 5px 7px;
border-radius: 4px;
margin-right: 5px;
font-size: 14px;
background-color: #D9EAEA;
display: inline-block;
margin-bottom: 5px;
}
.entry-tags a:before {
content: "\f02b";
font-family: FontAwesome;
margin-right: 5px;
}
.entry-tags a:hover {
color: initial !important;
background-color: #EEE;
}
.widget_tag_cloud .widget-title:before {
content: "\f02c";
font-family: 'FontAwesome';
color: #6DC8C8;
position: absolute;
left: 15px;
font-weight: normal;
}
.tagcloud {
padding: 10px;
}
.archive .page-content #breadcrumb {
margin: 0 0 10px;
padding: 0;
}
.archive .page-content #breadcrumb ul {
margin: 0;
padding: 0;
}
.meta-area ul.post-categories {
margin: 0;
padding: 0;
line-height: 20px !important;
display: flex;
}
ul.post-categories li {
list-style: none;
display: inline-block;
width: initial !important;
}
.single_post ul.post-categories li a {border: 1px solid #AAA;padding: 2px 10px;border-radius: 4px;margin-right: 5px;font-size: 14px;background-color: #d9eaea;display: inline-block;margin-bottom: 5px;}
.single_post ul.post-categories li a:before {
content: "\f07c";
font-family: FontAwesome;
margin-right: 5px;
}
.popular-posts .widget-title:before {
content: "\f012";
font-family: 'FontAwesome';
color: #6DC8C8;
position: absolute;
left: 15px;
font-weight: normal;
}
.widget_archive .widget-title:before {
content: "\f187";
font-family: 'FontAwesome';
color: #6DC8C8;
position: absolute;
left: 15px;
font-weight: normal;
}
ul.wpp-list li a:before {
content: none !important;
}
.wpp-list li a {
margin: 0;
padding: 10px !important;
width: 100px;
}
ul.wpp-list {
margin: 0;
padding: 0;
}
.wpp-list li a.wpp-post-title {
flex: 1;
padding: 10px 10px 10px 0 !important;
font-size: 14px;
}
span.blue {
font-weight:bold;
color: #297b9e;
}
span.normal {
font-weight:normal;
}
.wide dl {
width: 95%;
}
.img_2column {
display: flex;
margin-bottom: 20px;
flex-flow: row wrap;
}
.img_2column figure {
width: 49%;
border: 1px solid #CCC;
display: block;
margin: 0 0.5%;
padding: 10px;
}
.img_2column figure img {
width: 100% !important;
}
.meta-area ul.post-categories li:last-child {
margin: 0 0 0 5px !important;
}
.pbox_wide {
border: 2px solid #299E9E;
border-radius: 4px;
display: flex;
flex-flow: row wrap;
padding: 20px;
width: 90%;
margin: 0 auto 20px;
background-color: #ebf5f5;
}
.pbox_wide figure {
width: 200px;
margin-right: 20px;
}
.pbox_wide p {
margin: 0 0 10px;
}
.pbox_wide figure img {
border: none;
display: block;
width: 100%;
margin: 0 auto;
border: 1px solid #CCC;
}
p.pbox_name {
font-weight: bold;
font-size: 20px;
margin-bottom: 10px;
}
.pbox_wide_inner {
display: flex;
width: 100%;
flex-flow: row wrap;
}
.pbox_wide_inner table th {
padding: 0;
border: 1px solid #CCC;
text-align: center !important;
width: 25%;
background-color: #DDD;
}
.pbox_wide_inner table td {
padding: 0 5px 0 5px;
border: 0;
border: 1px solid #CCC;
width: 25%;
background-color: #FFF;
}
.pbox_wide_inner table {
margin: 0 10px 0 0;
width: 59%;
font-size: 15px;
}
.btn_area {margin: 0 0 0 0;flex: 1;}
.pbox_wide article {
flex: 1;
}
p.btn2.half-size {
width: 200px;
text-align: center;
margin: 0 0 0 auto;
}
.btn_area p {
text-align: center;
margin: 0;
}
p.btn2 {max-width: 70%;margin: 20px auto 0 auto;text-align: center;font-size: 16px;}
p.btn2 a {
border: 2px solid #BBA512;
background-color: #F8E45C;
border-radius: 30px;
padding: 10px;
text-decoration: none;
color: #333 !important;
}
p.btn2 a {
font-weight: bold;
display: block !important;
position: relative;
}
p.btn2 a:after {
font-family: 'FontAwesome';
content: "\f054";
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
p.btn2 a:hover {
color: #444 !important;
opacity: 0.7;
}
.hikaku_table th img {margin: 0 auto;width: 70%;display: block;}
.hikaku_table th {
background-color: #FFF;
font-weight: bold;
width: 33%;
}
.hikaku_table tr:nth-child(odd) td {
background: #fafafa;
}
.hikaku_table td {text-align: left;}
.hikaku_table td p {
margin: 0;
}
.hikaku_table td .button05 a {
font-size: 16px !important;
line-height: 1.6;
padding: 10px 0 !important;
display: block;
margin-bottom: 8px;
}
.hikaku_table td .button05 a br {
display: none;
}
.box2 img {
width: 100%;
padding: 20px 100px;
}
.box2 .header br {
display: none;
}
.taisaku_area {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin-bottom: 20px;
}
.taisaku_area dl {
width: 24%;
text-align: center;
margin: 0;
border: 4px solid #EEE;
border-radius: 10px;
padding: 10px 0;
}
.taisaku_area dl dt img {
background-color: #D9EAEA;
border-radius: 50%;
padding: 10px;
margin: 0 auto;
width: 130px;
display: table;
}
.taisaku_area dl dt {
margin-bottom: 10px;
}
img.square_icon {
width: 100px;
background-color: #DAE6F0;
border-radius: 50%;
float: left;
margin: 0 15px 15px 0;
border: 2px solid #DDD;
}
tbody th br {
display: block;
}
.box3 .button05 br {
display: none;
}
.box3 .button05 a {
padding: 10px 0 !important;
}
li.cat-item ul li.post-item {
margin-bottom: 10px;
}
li.cat-item ul li.post-item:last-child {
margin-bottom: 0;
}
.mini {
font-size: 14px;
}
#breadcrumb li a {
border: 1px solid #CCC;
padding: 2px 7px;
border-radius: 10px;
background-color: #EEE;
}
article.post a {
display: flex;
flex-flow: row wrap;
}
.front-page article.post a {
display: flex;
flex-flow: row wrap;
}
.front-page article.post a:hover {
color: initial !important;
box-shadow: none;
}
article.post a figure {
width: 40%;
display: block;
}
.title_area {
padding: 0 10px 5px 0;
}
.title_area h2,.title_area h3 {
font-size: 16px;
line-height: 1.5;
margin-bottom: 5px;
}
.title_area time {
margin: 0;
padding: 0;
font-size: 12px;
}
.title_area .entry-meta {
}
.title_area p {
line-height: 1.5;
font-size: 12px;
margin: 0 !important;
}
article.post a:hover {
/* color: initial !important; */
opacity: 0.8;
}
.front-page ul.post-categories li a {display: inline-block;border: 1px solid #DDD;background-color: #333;color: #FFF !important;font-size: 11px;line-height: 1;padding: 3px;}
article.post a figure img {
display: block;
}
.h1_area {background-color: #e2e2e2;margin-bottom: 35px;}
.h1_area h1 {
font-size: 14px;
text-align: center;
font-weight: normal;
padding: 5px;
margin: 0;
}
.lower_page {
margin-top: 35px;
}
.wp-show-posts-image.wpsp-image-left {
margin-right: 10px !important;
margin-bottom: 0 !important;
}
.wp-show-posts .wp-show-posts-entry-title {
font-size: 14px !important;
line-height: 1.5;
}
.wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child) {
margin-bottom: 0;
}
.wp-show-posts-inner {
padding: 10px;
border-bottom: 1px dotted #DDD;
}
.wp-show-posts-inner:last-child {
border-bottom: none;
}
.rule p {
margin-bottom: 20px;
text-align: left;
line-height: 2 !important;
}
.rule i {color: #b22b2b;margin-right: 10px;}
ul.box_list li {
line-height: 2;
font-weight: bold;
width: 33.3%;
text-align: center;
padding: 5px;
}
ul.box_list li:before {
content: "\f00c";
font-family: FontAwesome;
color: #6DC8C8;
margin-right: 10px;
}
ul.box_list {
border: 1px solid #AAA;
padding: 5px;
display: flex;
max-width: 90%;
flex-flow: row wrap;
margin: 0 auto 30px;
background-color: #F2F2F2;
}
.outer {
text-align: left;
overflow-x: auto;
}
.pbox_wide.bordernone {
padding: 0;
width: 100%;
border: none;
background-color: initial;
}
.pbox_wide.bordernone p.btn2 a:after {
content: "\f063";
}
.cv_button_area {
clear: both;
border: 1px solid #CCC;
display: flex;
flex-flow: row wrap;
padding: 0;
max-width: 80%;
margin: 0 auto 30px;
background-color: #EEE;
}
.cv_button_area figure {
width: 120px;
border-right: 1px solid #CCC;
}
.cv_button_area figure img {
display: block;
}
.cv_button_area_inner {
display: flex;
justify-content: center;
align-items: center;
flex: 1;
}
.product_name_area {
flex: 1;
display: flex;
/* justify-content: center; */
align-items: center;
}
.product_name_area h4 {
border: none;
margin: 0;
}
.cv_button_area_inner p {
margin: 0;
max-width: 100%;
width: 100%;
}
.product_name_area p {
margin: 0;
}
.cv_button_area2 {
display: flex;
max-width: 80%;
margin: 0 auto 30px;
flex-flow: row wrap;
justify-content: space-between;
}
.cv_button_area2 dl {
margin: 0;
text-align: center;
width: 49%;
border: 1px solid #CCC;
}
.cv_button_area2 dl dt {
background-color: #DDD;
padding: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cv_button_area2 dd img {
width: 50%;
}
.cv_button_area2 dd p.btn {
width: 100%;
padding: 0;
margin: 0;
max-width: 100%;
}
.cv_button_area2 dl dd {
margin: 0;
padding: 0 15px 15px;
}
.cv_button_area2.column4 {
max-width: 100%;
}
.cv_button_area2.column4 dl {
width: 24%;
}
.cv_button_area2.column4 dl dd img {
width: 100%;
}
.cv_button_area2.column4 dl dd p.btn {
font-size: 14px;
line-height: 1.5;
}
.cv_button_area2.column4 dl dd p.btn a span {
display: block;
}
.cv_button_area2.column4 dl dd p.btn a {
padding: 5px 0;
}
.cv_button_area2.column3 {
max-width: 100%;
}
.cv_button_area2.column3 dl {
width: 32%;
}
.cv_button_area2.column3 dl dd img {
width: 70%;
}
p.btn2.cvbtn a {
background-color: #FF7F05;
color: #FFF !important;
border: 2px solid #BC6615;
}
.ranking_area ul {
display: block;
width: 100%;
}
.ranking_area ul li {
display: flex;
flex-flow: row wrap;
width: 100%;
border-bottom: 4px solid #F2F2F2;
box-sizing: border-box;
position: relative;
}
.ranking_area ul li a img {
width: 100%;
margin: 0;
display: block;
}
.ranking_area ul li a.wpp-thumbnail {
width: 200px !important;
}
.ranking_area {
display: block;
width: 100%;
overflow: hidden;
background-color: #FFF;
}
.ranking_area ul li a:nth-child(1) {
width: 150px;
}
.ranking_area ul li a:nth-child(2) {
width: auto;
flex: 1;
}
.ranking_area ul li span.wpp-meta {font-size: 12px;position: absolute;left: 150px;top: 35px;}
.ranking_area ul li a {
font-size: 16px !important;
font-weight: bold;
}
span.wpp-date:before {
content: "公開日:";
}
.ranking_area ul li:after {content:"\f054";font-family:FontAwesome;position: absolute;top: 50%;right: 15px;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color: #CCC;}
.onayami_area ul {
margin: 0;
display: flex;
width: 100%;
flex-flow: row wrap;
/* background-color: #FFF; */
padding: 0;
box-sizing: border-box;
justify-content: space-between;
}
.onayami_area ul li {
width: 49%;
box-sizing: border-box;
position: relative;
margin-bottom: 15px;
border-radius: 0;
border: 2px solid #6DC8C8;
background-color: #FFF;
}
.onayami_area {
width: 100%;
margin-bottom: 15px;
}
.onayami_area ul li a {
display: block;
padding: 5px;
box-sizing: border-box;
overflow: hidden;
}
.onayami_area ul li a img {
float: left;
background-color: #FFF;
width: 60px;
margin-right: 10px;
border-radius: 0;
/* border: 1px solid #AAA; */
}
.onayami_area ul li:nth-of-type(3n) {
margin-right: 0;
}
.onayami_area ul li p {
font-weight: bold;
margin: 0;
padding: 15px 0;
}
.category_area ul li:after,
.onayami_area ul li:after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
color: #CCC;
}
.archive .title_area h2 {
border: none;
padding: 0;
}
.onayami_area ul li a:hover {
opacity: 0.7;
color: #333 !important;
}
.onayami_area ul li:hover {
opacity: 0.8;
}
.category_area ul {
display: flex;
margin: 0;
padding: 0;
flex-flow: row wrap;
justify-content: space-between;
}
.category_area ul li {
width: 49%;
position: relative;
margin-bottom: 15px;
}
.category_area {
margin-bottom: 15px;
width: 100%;
}
.category_area ul li a {
background-color: #FFF;
display: block;
padding: 5px;
overflow: hidden;
font-weight: bold;
border: 2px solid #6DC8C8;
}
.category_area ul li a:hover {opacity: 0.7;color: #333 !important;}
.category_area ul li a img {
width: 50px;
float: left;
height: auto;
margin-right: 10px;
}
.category_area ul li a p {
padding: 10px 0;
margin: 0;
}
.modal-open {
display: none;
}
#js-modal {
display: none;
}
body.open {
overflow: hidden;
}
.related {
clear: both;
}
h3.related-title {
font-size: 16px;
border-bottom: 1px solid #6DC8C8;
padding: 0 10px 10px;
margin-bottom: 10px;
}
.page-content {
margin-bottom: 20px;
}
.related ul {
margin: 0;
padding: 0;
display: flex;
flex-flow: row wrap;
}
.related ul li {
width: 24%;
background-color: #FFF;
margin: 0 0.5%;
}
.related ul li img {
display: block;
width: 100%;
}
.related ul li p {
line-height: 1.5;
font-size: 14px;
margin-bottom: 0;
font-weight: bold;
}
.related_inner {
padding: 10px;
}
.related ul li time {
font-size: 12px;
line-height: 1.5;
display: block;
margin-bottom: 10px;
}
.related ul li a:hover {
color: #333 !important;
opacity: 0.7;
}
p.no-related {
font-size: 14px;
}
table.product_table p.btn {
margin: 0 !important;
display: block;
padding: 0;
max-width: 100%;
}
table.product_table p.btn a span {
display: block;
}
table.product_table p.btn a {
line-height: 1.5;
padding: 5px;
}
table.product_table th {
width: 120px;
}
table.product_table td {
width: 170px;
}
table.product_table {
/* width: auto; */
}
table.product_table tr:first-child th {
background-color: #D9EAEA;
font-weight: bold;
}
.medicine_ranking {
display: inline-flex;
border: 1px solid #CCC;
padding: 15px;
margin-bottom: 30px;
}
.medicine_ranking ul li {
line-height: 2;
border-bottom: 1px solid #DDD;
padding: 5px;
}
span.rank1 {
background-color: #d6aa18;
color: #FFF;
padding: 5px 5px;
margin-right: 10px;
font-weight: bold;
}
span.rank2 {
background-color: #9f9c9b;
color: #FFF;
padding: 5px 5px;
margin-right: 10px;
font-weight: bold;
}
span.rank3 {
background-color: #e06161;
color: #FFF;
padding: 5px 5px;
margin-right: 10px;
font-weight: bold;
}
span.rank_other {
background-color: #EEE;
color: #333;
padding: 5px 5px;
margin-right: 5px;
font-weight: bold;
}
.mater p {
margin: 0;
}
.mater {
position: relative;
width: 44px;
margin-right: 15px;
background-image: linear-gradient(#ff2424,#FF6524,#FFB73B,#FFF34C, #AEDE50, #2DAB50);
}
p.top {position: absolute;top: 0;color: #FFF;width: 100%;text-align: center;}
p.bottom {
bottom: 0;
position: absolute;
color: #FFF;
width: 100%;
text-align: center;
}
.medicine_ranking ul {
margin: 0;
padding: 0;
flex: 1;
}
.table3 {
width: 630px;
}
.table4 {
width: 800px;
}
.table2 {
width: 460px;
}
.seibun {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
margin-bottom: 30px;
}
.seibun dl {
border: 1px solid #CCC;
width: 32%;
margin: 0;
}
.seibun dt {
border-bottom: 1px solid #CCC;
padding: 10px;
background-color: #D9EAEA;
line-height: 1.5;
}
.seibun dd {
padding: 10px;
}
.column2 dl {
width: 48%;
}
.price_list {
max-width: 80%;
margin: 0 auto 20px;
}
.price_list th {
background-color: #d2ecec;
font-weight: bold;
}
.price_list tr:nth-child(odd) td {
background-color: #EEE;
}
.column4 li {
width: 25% !important;
}
.column2 th br {
display:none;
}
ul.sitemap_disp_level_0 {
margin: 0 0 20px !important;
padding: 0;
}
ul.sitemap-tag-list {
margin: 10px 0 0 0;
padding: 0;
/* justify-content: space-between; */
flex-flow: row wrap;
display: flex;
clear: both;
}
ul.sitemap-tag-list li {
width: 32.7%;
text-align: left;
margin: 0.25%;
}
ul.sitemap-tag-list li a {
border: 1px solid #CCC;
display: block;
padding: 10px 0 10px 40px;
background-color: #EEE;
font-weight: bold;
position: relative;
}
ul.sitemap_disp_level_0 li a:hover {
background-color: #d9efef;
color: initial !important;
}
ul.sitemap-tag-list li a:hover {
background-color: #d9efef;
color: initial !important;
}
ul.sitemap-tag-list li a:before {
content: "\f02b";
font-family: 'FontAwesome';
font-weight: normal;
color: #6DC8C8;
margin-right: 5px;
position: absolute;
left: 15px;
}
ul.listbox {
border: 1px solid #CCC;
background-color: #ecf8f8;
padding: 15px 15px 15px 30px;
display: inline-block;
margin: 30px 0;
}
ul.listbox li {padding: 5px;}
ul.listbox li:before {
content: "\f04d";
font-family: FontAwesome;
color: #6DC8C8;
margin-right: 15px;
}
ul.product_list_box {
padding: 0;
margin: 30px 0 0;
}
ul.product_list_box li {
display: flex;
flex-flow: row wrap;
border: 1px solid #CCC;
margin-bottom: 10px;
padding: 10px;
}
ul.product_list_box li figure img {
width: 100%;
display: block;
}
ul.product_list_box li figure img {
width: 100px;
display: table;
margin: 0 auto;
}
ul.product_list_box li figure {
width: 150px;
position: relative;
margin-right: 0;
}
ul.product_list_box li figure p {
margin: 0;
}
ul.product_list_box li figure div {
position: absolute;
top: 0;
left: 0;
font-size: 13px;
background-color: rgb(0 0 0 / 45%);
border: 1px solid #CCC;
color: #FFF;
padding: 0 3px;
}
.product_list_name_area h4 {
font-size: 16px;
background-color: initial;
margin: 0;
padding: 0;
border: none;
}
.product_list_name_area {
width: 120px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 20px;
text-align: center;
}
.product_btn_area {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px;
}
.product_count_area span {
font-size: 18px;
}
.product_btn_area p.btn a {
width: 100%;
}
.product_btn_area p.btn {
margin: 0;
max-width: 100%;
width: 100%;
padding: 0;
}
.product_count_area {
display: flex;
justify-content: center;
align-items: center;
margin-right: 20px;
text-align: center;
width: 120px;
}
.product_count_area p {
margin: 0;
font-size: 14px;
}
.page-content figure img {
margin: 0 auto;
display: table;
width: 300px;
background-color: #FFF;
}
.cv_button_area figure img {
margin: 0;
padding: 0;
}
.not-found div.page-content {
padding: 30px;
}
.not-found h2 {
font-size: 20px;
text-align: center;
}
.rule.page404 {
border: none;
background-color: initial;
font-weight: normal;
padding: 0;
margin: 0 auto 30px;
display: table;
}
.not-found figure {
margin: 25px 0 25px 0;
/* background-color: #DDD; */
}
.rule.page404 p {
text-align: center;
}
.pgee404_btn_area {
justify-content: space-between;
display: flex;
flex-flow: row wrap;
}
.pgee404_btn_area p {
text-align: center;
}
.pgee404_btn_area_inner_left {
width: 49%;
}
.pgee404_btn_area_inner_right {
width: 49%;
}
.btn_gray a {
border: 1px solid #333;
display: block;
padding: 15px 0;
border-radius: 7px;
background-color: #EEE;
font-weight: bold;
}
.btn_green a {
border: 1px solid #3d9999;
display: block;
padding: 15px 0;
border-radius: 7px;
background-color: #6DC8C8;
color: #FFF !important;
font-weight: bold;
}
.p_style p {
margin-bottom: 0 !important;
}
.p_style h3 {
margin-top: 0;
}
.p_style h2 {
margin-top: 0;
}
.p_style #toc_container {
margin-bottom: 30px !important;
}
.not-found h1 {
text-align: center;
font-size: 22px;
color: #df1f1f;
margin-bottom: 20px;
}
.error-404 header {
margin-bottom: 0px;
border: none;
border-bottom: 1px solid #6DC8C8;
}
p.btn_gray a:before {
content: "\f053";
font-family: 'FontAwesome';
position: absolute;
left: 15px;
}
p.btn_gray a {
position: relative;
}
p.btn_gray a:hover {
color: #333 !important;
opacity: 0.7;
}
p.btn_green a:hover {
opacity: 0.8;
}
p.btn_green a:after {
content: "\f054";
font-family: 'FontAwesome';
right: 15px;
position: absolute;
}
p.btn_green a {
position: relative;
}
.search_area {
border: 5px solid #EEE;
padding: 15px;
display: flex;
flex-flow: row wrap;
margin-bottom: 30px;
}
.search_area_inner {
margin-right: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.search_area_inner p {
margin: 0;
}
.widget_404_area {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.widget_404_area .widget {
width: 49%;
border: 1px solid #DDD;
}
.widget_404_area .widget h2 {
margin: 0;
font-size: 16px;
padding: 10px 0;
background-color: #EEE;
border-bottom: 1px solid #DDD;
}
.widget_404_area ul {
padding: 5px 10px;
}
.not-found h1 br {
display: none;
}
.widget_404_are {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.widget_404_are .widget {
width: 100%;
border: 1px solid #ddd;
margin-bottom: 30px;
}
.widget_404_are .widget h2 {
font-size: 16px;
background-color: #EEE;
margin: 0;
padding: 7px 0;
border-bottom: 1px solid #DDD;
}
.widget_404_are ul {
margin: 0;
padding: 0;
display: flex;
flex-flow: row wrap;
}
.widget_404_are ul li {
width: 100%;
}
.widget_404_are .widget_categories ul li {
width: 33.3%;
padding: 3px !important;
border: none;
}
.widget_404_are .widget_categories ul li a {
border: 1px solid #CCC !important;
border-radius: 4px;
padding: 10px 10px 10px 30px !important;
}
.widget_404_are .widget_categories ul {
padding: 3px;
}
.widget_404_are .widget_categories ul li a:before {
content: "\f0da" !important;
font-family: 'FontAwesome';
color: #6dc8c8;
position: absolute;
left: 15px;
}
.widget_404_are .widget_categories ul li a:hover {
background-color: #EEE !important;
color: initial !important;
}
.search_area_inner p {
margin: 0;
font-weight: bold;
}
.widget_404_are .tagcloud a:before {
position: absolute;
font-family: 'FontAwesome';
content: "\f02b";
left: 10px;
color: #6DC8C8;
}
.widget_404_are .tagcloud a {
position: relative;
padding: 5px 10px 5px 30px;
display: inline-block;
}
.front-page article figure {
width: 350px;
float: left;
margin-right: 10px;
}
.ECM_CheckboxInput {
padding: 5px 0;
display: flex;
align-items: center;
cursor: pointer;
margin: 0;
flex-flow: row wrap;
}
.ECM_CheckboxInput-Input {
margin: 0;
width: 0;
opacity: 0;
}
.ECM_CheckboxInput:hover{
background: rgba(0,0,0,.05) !important;
}
.ECM_CheckboxInput-Input:focus + .ECM_CheckboxInput-DummyInput{
border: dashed 2px #333333;
}
.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput {
background: #6DC8C8;
}
.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 40%;
height: 4px;
border-radius: 2px;
transform: translate(-6px, 5px) rotateZ(-135deg);
transform-origin: 2px 2px;
background: #FFFFFF;
}
.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 76%;
height: 4px;
border-radius: 2px;
transform: translate(-6px, 5px) rotateZ(-45deg);
transform-origin: 2px 2px;
background: #FFFFFF;
}
.ECM_CheckboxInput-DummyInput {
position: relative;
top: 0;
left: 0;
display: block;
width: 32px;
height: 32px;
border: solid 2px transparent;
background: rgba(0,0,0,0.15);
border-radius: 4px;
}
.ECM_CheckboxInput-LabelText {
margin-left: 15px;
display: block;
font-size: 16px;
font-weight: bold;
color: #333;
flex: 1;
}
ul.check.list {
margin: 0 0 10px;
padding: 0;
/* border: 2px solid #EEE; */
padding: 5px;
}
ul.check.list li {
margin: 0;
border-bottom: 1px dotted #CCC;
padding: 5px 0;
}
ul.check.list li:last-child {
margin: 0;
border: none;
}
.check_outer {
border: 1px solid #CCC;
padding: 5px 15px 15px;
margin: 20px 0;
clear:both;
}
.check_outer form {
margin: 0;
}
.symptoms_checkret,.symptoms_checkret1 {
border: 1px solid #CCC;
padding: 10px;
font-weight: bold;
background-color: #ceeeee;
font-size: 18px;
text-align: left;
}
/* ボタン全体 */
.flowbtn1 {
border-radius: 0;
position: relative;
display: block;
width: 40px;
height: 40px;
font-size: 20px;
color: #fff!important;
text-decoration: none;
transition: .5s
}
.flowbtn1 i {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
ul.sns-list {
padding: 0!important;
list-style: none!important;
width: 100%;
margin: 0 5px 5px;
}
.sns-list {
display: flex;
flex-flow: row wrap
}
.sns-list li {
text-align: center !important;
margin: 0 3px;
}
.flowbtn1:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px)
}
.fl_tw1 {
background: #26eef8;
}
.fl_fb1 {
background: #3572ec;
}
.fl_hb1 {
background: #1bdbf0;
}
.fl_li1 {
background: #4ecb34;
}
.plan.plan1 {
flex-grow: 1;
}
.product_box2 article p a {
text-decoration: none;
}
.widget_popular_posts .widget-title:before {
content: "\f012";
font-family: 'FontAwesome';
color: #6DC8C8;
position: absolute;
left: 15px;
font-weight: normal;
}
.rankListWidget__title a:before {
content: none !important;
}
ol.rankListWidget {
margin: 0;
padding: 0 10px;
}
ol.rankListWidget li a {
margin: 0;
padding: 0 !important;
height: 100%;
}
li.rankListWidget__item {
display: flex;
flex-flow: row wrap;
padding: 10px 0 10px;
box-sizing: border-box;
}
.eyecatch-widget {
width: 100px;
margin-right: 10px;
}
.rankListWidget__title {
flex: 1;
font-size: 14px;
margin: 0;
}
li.rankListWidget__item:last-child {
margin-bottom: 0;
}
ol.rankListWidget li:before {left: 0;top: 10px;background-color: #CCC;padding: 0px 7px;border-radius: 0;z-index: 500;position: absolute;font-weight:bold;}
ol.rankListWidget li:nth-child(1):before {content: "1";/* top: 0px; */background-color: #d6aa18;color:#FFF;}
ol.rankListWidget li:nth-child(2):before {content: "2";/* top: 0px; */background-color: #9f9c9b; color:#FFF;}
ol.rankListWidget li:nth-child(3):before {content: "3";/* top: 0px; */background-color: #e06161; color:#FFF;}
ol.rankListWidget li:nth-child(4):before {content: "4";/* top: 0px; */background-color: #EEE; color:#333;}
ol.rankListWidget li:nth-child(5):before {content: "5";/* top: 0px; */background-color: #EEE; color:#333;}
ol.rankListWidget li:nth-child(6):before {content: "6";/* top: 0px; */background-color: #EEE; color:#333;}
ol.rankListWidget li:nth-child(7):before {content: "7";/* top: 0px; */background-color: #EEE; color:#333;}
ol.rankListWidget li:nth-child(8):before {content: "8";/* top: 0px; */background-color: #EEE; color:#333;}
ol.rankListWidget li:nth-child(9):before {content: "9";/* top: 0px; */background-color: #EEE; color:#333;}
ol.rankListWidget li:nth-child(10):before {content: "10";/* top: 0px; */background-color: #EEE; color:#333;}
.popular_post_outer {
width: 100%;
overflow: hidden;
}
.popular_post_outer ol {
width: 100%;
background: #FFF;
}
.popular_post_outer .eyecatch-widget {
width: 150px;
}
ol.rankListWidget li a img {
display: block;
}
.popular_post_outer p {
font-size: 16px;
font-weight: bold;
}
.popular_post_outer p a {
font-weight: bold;
}
.popular_post_outer ol li {
position:relative;
}
.popular_post_outer ol li:after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
color: #CCC;
}
.rank_title_area a:before {
content: none !important;
}
.rank_title_area {
flex: 1;
}
p.rank_date {
display: none;
}
.popular_post_outer p.rank_date {
display: block;
font-size: 14px;
font-weight: normal;
}
.front-page ul.post-categories li a:hover {
background-color: #DDD;
}
.table_scroll th,.table_scroll td {
border: 1px solid #999;
color: #333;
font-size: 14px;
line-height: 1.5;
padding: 5px 5px;
}
.table_scroll td i {
color: #ffc600;
font-size: 12px;
}
.table_scroll th {
background-color: #a6d1d1;
text-align: center;
font-size: 14px;
}
.table_scroll tr td:nth-child(1) {background-color: #e1efef;position: relative;padding: 5px;/* border: 1px solid #999; */}
.table_scroll tr td:nth-child(3) {text-align: center;}
.table_scroll tr th:nth-child(1) {width: 50px;}
.table_scroll tr th:nth-child(2) {width: 240px;}
.table_scroll tr th:nth-child(3) {width: 90px;}
.table_scroll tr th:nth-child(4) {width: 90px;}
.table_scroll tr th:nth-child(5) {width: 90px;}
.table_scroll tr th:nth-child(6) {width: 90px;}
.table_scroll tr th:nth-child(7) {width: auto;}
.ranking_table_1 {
background-color: #ddb21e;
padding: 0;
border-radius: 0;
color: #FFF;
width: 30px;
left: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
text-align: center;
border: 1px solid #ddb21e;
height: 30px;
line-height: 2;
font-weight: bold;
border-radius: 4px;
font-size: 14px;
}
.ranking_table_2 {
background-color: #aca58d;
padding: 0;
border-radius: 0;
color: #FFF;
width: 30px;
left: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
text-align: center;
border: 1px solid #FFF;
border: 1px solid #aca58d;
height: 30px;
line-height: 2;
font-weight: bold;
border-radius: 4px;
font-size: 14px;
}
.ranking_table_3 {
background-color: #dd621e;
color: #FFF;
padding: 0;
width: 30px;
left: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
text-align: center;
border: 1px solid #dd621e;
height: 30px;
line-height: 2;
font-weight: bold;
border-radius: 4px;
font-size: 14px;
}
.simplebar-track.simplebar-horizontal {
background-color: #DDD;
border-radius: 6px;
}
.tablesorter-headerUnSorted:nth-child(2):after {
content: none;
}
.tablesorter-headerUnSorted:nth-child(7):after {
content: none;
}
.tablesorter-header-inner {
display: block;
position: relative;
}
.tablesorter-headerUnSorted:after
{
margin-left: 0;
content: '\f0dc';
color: #333;
font-size: 1.2rem;
font-family: "FontAwesome";
line-height: 2;
border: 1px solid #555;
background-color: #EEE;
width: 100%;
display: block;
border-radius: 4px;
cursor: pointer;
}
.tablesorter-headerAsc:after
{
position: relative;
content: '\f0dd';
color: #333;
font-size: 1.2rem;
font-family: "FontAwesome";
line-height: 2;
border: 1px solid #555;
background-color: #DDD;
width: 100%;
display: block;
border-radius: 4px;
cursor: pointer;
}
.tablesorter-headerDesc:after
{
position: relative;
content: '\f0de';
color: #333;
font-size: 1.2rem;
font-family: "FontAwesome";
line-height: 2;
border: 1px solid #555;
display: block;
background-color: #DDD;
border-radius: 4px;
}
.ranking_table_other {
background-color: #DDD;
color: #333;
padding: 0;
width: 30px;
left: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
text-align: center;
border: 1px solid #AAA;
height: 30px;
line-height: 2;
font-weight: bold;
border-radius: 4px;
font-size: 14px;
}
.table_scroll tr td:nth-child(1) p {
text-align: left;
padding: 0 5px 0 35px;
line-height: 1.5;
margin-bottom: 0;
font-size: 14px;
}
table#sorter {
margin: 0 0 20px;
}
.table_scroll.simplebar-scrollable-x {
margin-bottom: 20px;
margin-right: 1px;
}
.simplebar-track.simplebar-horizontal {
left: 0;
height: 15px !important;
}
.fixed01 {
/* position: sticky !important; */
/* left: 0; */
/* z-index: 20; */
}
.ranking_table_inner {
display: flex;
flex-flow: row wrap;
}
.ranking_table_inner img {
display: block;
}
.t_product_img {
width: 60px;
padding: 0 !important;
margin: 0 10px 0 30px;
}
.t_product_img img {
width: 100% !important;
padding: 0;
margin: 0;
display: block;
border: 1px solid #DDD;
}
.t_product_name {
flex: 1;
padding: 0 10px 0 0 !important;
text-align: left;
display: flex;
align-items: center;
position: relative;
}
.t_product_name p {
text-align: left;
margin: 0;
padding: 0 !important;
font-weight: bold;
}
.t_product_name:after {
content: "\f054";
font-family: 'FontAwesome';
color: #CCC;
position: absolute;
top: 50%;
right: -5px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.fixed02 a {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.fixed02 a img {
width: 70px;
margin-right: 10px;
height: auto;
border: 1px solid #CCC;
}
.t_product_name span {
font-weight: bold;
}
a.nohover:hover {
color: initial !important;
cursor: initial;
}
a.nohover div:after {
content: none !important;
}
.flow_chart {
clear: both;
margin-bottom: 20px;
margin-top: 20px;
}
dl.flow_chart_inner {
display: flex;
flex-flow: row wrap;
margin: 0;
}
dl.flow_chart_inner dt {
width: 100px;
background-color: #6DC8C8;
color: #FFF;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
border-radius: 10px 0 0 10px;
margin-right: 0;
}
dl.flow_chart_inner dt p {
margin: 0 !important;
text-align: center;
font-size: 16px;
line-height: 1.5;
}
dl.flow_chart_inner dd {
flex: 1;
background-color: #dbeeee;
padding: 20px;
border-radius: 0 10px 10px 0;
}
dl.flow_chart_inner dd p {
margin: 0 !important;
line-height: 2;
font-weight: bold;
}
dl.flow_chart_inner dd h3 {
margin: 0 0 10px;
}
.flow_chart p {
margin: 0 !important;
}
.flow_chart i {
font-size: 20px;
text-align: center;
margin: 10px auto;
display: table;
}
img.article_icon {
width: 100px;
border: 1px solid #AAA;
border-radius: 6px;
margin-right: 1em;
margin-bottom: 1em;
float: left;
}
.balloon1 {
position: relative;
display: flex;
margin: 0 0 20px!important;
padding: 15px;
color: #555;
font-size: 16px;
background: #EEE;
border-radius: 6px;
width: 70%
}
.balloon1:before {
content: "";
position: absolute;
top: 100%;
left: 70px;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #EEE;
}
.balloon1 p {
margin: 0;
padding: 0;
color: #333;
font-weight: bold;
}
.balloon1.last:before {
content: none
}
.number {
width: 30px;
margin-right: 10px
}
.number p {
text-align: center;
background-color: #6DC8C8;
height: 30px;
width: 30px;
border-radius: 50%;
color: #FFF;
line-height: 30px;
}
img.table_img {
width: 100px;
}
.chart_box {
display: flex;
border: 1px solid #CCC;
padding: 20px;
margin: 20px 0 0;
max-width: 750px;
width: 100%;
background-color: #f8f8f8;
}
.chart_box figure {
width: 300px;
padding: 10px 20px;
border: 1px solid #CCC;
margin-right: 20px;
background-color: #FFF;
}
.chart_box figure p {
font-size: 14px;
}
.chart_box ul {
flex: 1;
padding: 0;
margin: 0;
}
.chart_box ul li {
line-height: 2;
}
.chart_box ul li i {
margin-right: 10px;
}
.chart_box figure img {
width: 200px;
margin: 0 auto 10px;
}
.box_outer {
border: 1px solid #DDD;
margin-bottom: 20px;
background-color: #FFF;
}
.box_outer h3 {
background-color: #DDD;
margin: 0;
padding: 10px;
border-bottom: 1px solid #DDD;
border-left: none;
}
.box_outer .box {
display: flex;
flex-flow: row wrap;
background-color: #FFF;
border: none;
margin: 0;
}
.box_outer .box figure {
width: 300px;
padding: 15px;
box-sizing: border-box;
}
.box_outer .box figure img {
border: none;
}
.box_outer .box article {
flex: 1;
padding: 15px 15px 15px 0;
}
.box_outer .box article table {
width: 100%;
font-size: 16px;
margin: 0;
}
.box_outer .box article table th {
width: 50%;
}
.box_outer .box p.btn {
padding: 0;
margin: 0;
}
.box_outer .box_outer p.btn {
padding: 0;
margin: 10px;
}
.box_outer .box figure p {
margin: 0;
}
.box_outer p.btn {
margin: 0;
width: 100%;
display: block;
max-width: 100%;
padding: 0 20px 10px;
}
span.mini_size {
font-size: 10px;
padding: 0 2px;
}
figure.inyou_area {
width: 40%;
margin: 0 20px 20px 0;
float: left;
background-color: #EEE;
}
figure.inyou_area img {
width: 100%;
}
p.inyou_title {
font-size: 14px;
text-align: center;
padding: 5px;
line-height: 1.5;
}
.rule ul {
margin: 0;
padding: 0;
}
.rule ul li {
border-bottom: 1px dotted #CCC;
line-height: 1.5;
padding: 7px 0;
}
.rule ul li i.fa.fa-exclamation-triangle {
color: #d61212;
}
.column2 {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin-bottom: 20px;
}
.column2_inner {
width: 49%;
border: 1px solid #CCC;
padding: 0;
}
.column2_inner h4 {
border: none;
background-color: #d9eaea;
margin: 0;
padding: 7px 15px;
border-bottom: 1px solid #CCC;
}
.column2_inner p {
margin: 0;
padding: 15px;
}
.outer table {
/* white-space: nowrap; */
}
table p.btn {
margin: 0;
padding: 0;
width: 100%;
font-size: 14px;
}
table p.btn a {
display: block;
}
ol.number_box2 {
border: 1px solid #CCC;
margin: 30px 0;
padding: 15px 20px 15px 20px;
background-color: #ecf8f8;
}
ol.number_box2 li {
line-height: 2;
list-style-type: none;
counter-increment: cnt;
border-bottom: 2px dotted #AAA;
padding: 10px 0;
font-weight: bold;
}
ol.number_box2 li:before {
content: ""counter(cnt)"";
margin-right: 10px !important;
font-size: initial !important;
margin-left: 0 !important;
background-color: #299e9e;
text-align: center;
color: #FFF;
padding: 5px 10px;
border-radius: 20px;
font-weight: bold;
}
ol.number_box2 li div {
display: initial;
}
.orange {
color: #9e5f29;
font-weight:bold;
}
.yellow-line {
background: linear-gradient(transparent 60%, #ffe693 0%);
font-weight: bold;
}
.entry-content h5 {
font-size: 18px;
line-height: 2;
border-bottom: 1px solid #6dc8c8;
padding: 0 5px 5px;
}
h2.double_line,
h3.double_line,
h4.double_line,
h5.double_line{
/*線の種類（二重線）太さ 色*/
border-bottom: double 5px #6dc8c8;
border-left: none;
background-color: initial;
padding: 7px 10px;
border-top: none;
color: #333;
box-shadow: none;
}
h2.top_under,
h3.top_under,
h4.top_under,
h5.top_under{
color: #333;/*文字色*/
padding: 10px 15px;/*上下の余白*/
border-top: solid 2px #6dc8c8;/*上線*/
border-bottom: solid 2px #6dc8c8;/*下線*/
background-color: initial;
box-shadow: none;
border-left: none;
}
h2.shadow,
h3.shadow,
h4.shadow,
h5.shadow{
padding: 0.5em;
background: #c0e7e7;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);
color: #333;
}
h2.circle,
h3.circle,
h4.circle,
h5.circle{
color: #333;/*文字色*/
padding: 10px 10px 10px 50px;/*文字周りの余白*/
/*おまじない*/
line-height: 2;/*行高*/
background: #c0e7e7;/*背景色*/
vertical-align: middle;
border-radius: 30px 0px 0px 30px;/*左側の角を丸く*/
box-shadow: none;
position: relative;
box-sizing: border-box;
}
h2.circle:before,
h3.circle:before,
h4.circle:before,
h5.circle:before {
content: '\f111';
color: white;
margin-right: 8px;
font-size: 20px !important;
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
line-height: 2;
font-family: 'FontAwesome';
}
h2.dashed,
h3.dashed,
h4.dashed,
h5.dashed {
background: #c0e7e7;
box-shadow: 0px 0px 0px 5px #c0e7e7;
border: dashed 2px #299e9e;
padding: 0.2em 0.5em;
color: #454545;
}
h2.fuki,
h3.fuki,
h4.fuki,
h5.fuki {
position: relative;
padding: 0.6em;
background: #c0e7e7;
box-shadow: none;
color: #333;
border-radius: 6px;
border-left: none;
}
h2.fuki:after,
h3.fuki:after,
h4.fuki:after,
h5.fuki:after{
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #c0e7e7;
width: 0;
height: 0;
}
p.wp-embed-heading a {font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;}
.wp-embed-excerpt p {
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
}
.wp-embed {
border: 1px solid #AAA !important;
padding: 20px !important;
background-color: #fafafa !important;
border-radius: 6px !important;
}
a.wp-embed-more {
color: #00aeeb !important;
}
span.dashicons.dashicons-admin-comments {
display: none !important;
}
.wp-embed-comments {
display: none !important;
}
.wp-embed-site-title {
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
}
.single_post iframe {
width: 100%;
}
.wp-embed-meta {
display: none !important;
}
.blogcard {
background-color: #f9f9f9;
border: 1px solid #AAA;
padding: 0;
border-radius: 6px;
clear: both;
}
.blogcard a {
display: flex;
flex-flow: row wrap;
position: relative;
padding: 15px 30px 15px 15px;
}
.blogcard a:after {
content: "\f054";
font-family: 'FontAwesome';
position: absolute;
top: 50%;
right: 0px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
font-size: 20px;
}
.blogcard_thumbnail {
width: 200px;
margin-right: 20px;
display: block;
}
.blogcard_thumbnail img {
width: 100%;
display: block;
border-radius: 6px;
}
.blogcard_content {
flex: 1;
}
.blogcard_title {
font-weight: bold;
}
.blogcard_excerpt {
font-size: 14px;
}
.blogcard a:hover {
color: initial !important;
opacity: 0.8 !important;
}
.img_box {
display: flex;
flex-flow: row wrap;
border: 1px solid #CCC;
margin-bottom: 20px;
padding: 20px;
}
.img_box figure {
width: 200px;
margin-right: 20px;
}
.img_box figure img {
width: 100%;
border: none;
}
.img_box div {
flex: 1;
}
.img_box div p {
margin: 0;
}
.img_box div h3 {
border: none;
}
.img_box h4 {
border: none;
background-color: #e2f8ff;
padding: 15px;
font-size: 18px;
}
.important_point {
background-color: #f4f4f4;
padding: 15px;
margin-bottom: 20px;
border: 1px solid #AAA;
}
.important_point h4 {
border: none;
border-bottom: 1px solid #AAAA;
margin-bottom: 15px;
padding: 0 0 15px;
}
.important_point h4:before {
content: "\f071";
font-weight: normal;
font-family: 'FontAwesome';
color: #ff0000;
margin-right: 10px;
font-size: 24px;
}
.important_point p {
margin-bottom: 0;
}
.reason h3 {
border: none;
background-color: initial;
position: relative;
margin-top: 10px;
padding: 5px 0 10px;
border-bottom: 1px solid #CCC;
}
.reason {
border: 1px solid #6dc8c8;
margin-bottom: 20px;
padding: 30px 20px 20px 20px;
}
.reason p {
margin-bottom: 0;
}
span.reason_inner {
position: absolute;
top: -40px;
background-color: #6dc8c8;
color: #FFF;
padding: 5px 10px;
left: -20px;
font-size: 16px;
}
.column_point h3 {
background-color: #6dc8c8;
padding: 5px 10px 5px;
color: #FFF;
border-radius: 6px 6px 0 0;
margin-bottom: 0 !important;
text-align: center;
margin-left: 10px;
display: inline-block;
font-size: 18px;
}
.column_point article {
border: 2px solid #6dc8c8;
padding: 15px;
clear: both;
display: block;
border-radius: 6px;
background-color: #f5ffff;
}
.column_point article p {
margin-bottom: 0 !important;
line-height: 2;
font-weight: bold;
}
.column_point {
margin-bottom: 20px;
}
.column_point article p:before {
content: "\f14a";
font-family: 'FontAwesome';
color: #ff7c29;
margin-right: 10px;
/* display: block; */
}
.fukidashi {
display: flex;
margin: 0 0 20px;
position: relative;
}
.fukidashi figure {
width: 80px;
margin-right: 20px;
}
.fukidashi figure img {
width: 100% !important;
border: 1px solid #AAA;
border-radius: 50%;
}
.fukidashi_inner {
flex: 1;
}
.fukidashi_inner article {
display: inline-block;
background-color: #FFF;
padding: 20px;
border-radius: 10px;
position: relative;
border: 2px solid #6dc8c8;
}
.fukidashi_left .fukidashi_inner article:before {
content: "";
display: inline-block;
position: absolute;
top: 18px;
left: -30px;
border: 10px solid transparent;
border-right: 20px solid #6dc8c8;
}
.fukidashi_left .fukidashi_inner article:after {
content: "";
display: inline-block;
position: absolute;
top: 18px;
left: -26px;
border: 10px solid transparent;
border-right: 20px solid #FFF;
}
.fukidashi_right {
display: flex;
flex-flow: row-reverse;
}
.fukidashi_right figure {
margin-right: 0 !important;
margin-left: 20px;
}
.fukidashi_right .fukidashi_inner {
text-align: right;
}
.fukidashi_right .fukidashi_inner article {
text-align: left;
}
.fukidashi_right .fukidashi_inner article:before {
content: "";
display: inline-block;
position: absolute;
top: 18px;
right: -30px;
border: 10px solid transparent;
border-left: 20px solid #6dc8c8;
}
.fukidashi_right .fukidashi_inner article:after {
content: "";
display: inline-block;
position: absolute;
top: 18px;
right: -26px;
border: 10px solid transparent;
border-left: 20px solid #FFF;
}
.fukidashi_left {padding-right: 100px;}
.fukidashi_right {padding-left: 100px;}
.fukidashi_inner article p {
margin-bottom: 0;
}
dl.desc_box {
font-size: 16px;
line-height: 28px;
}
dl.desc_box dt {
display: inline-block;
border: 1px solid #AAA;
padding: 6px 10px;
border-bottom: none;
background-color: #ecf8f8;
font-weight: bold;
border-radius: 6px 6px 0 0;
}
dl.desc_box dd {
border: 1px solid #AAA;
margin-bottom: 40px;
padding: 10px;
border-radius: 0 6px 6px 6px;
}
dl.desc_box dt:before {
content: "\f00c";
font-family: "FontAwesome";
font-weight: normal;
color: #6dc8c8;
margin-right: 10px;
}
/***ステップバーデザイン3***/
.step-wrap3 {
counter-reset: count;
margin: 2em 0;
position: relative;
}
.step-content3 {
padding: 1.3em 0 .3em 1em;
margin: 0 0 1em 1em;
position: relative;
border-top: solid 2px #ddd;
}
.step-content3::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: -10px;
border-style: solid;
border-width: 17px 8px 0 8px;
border-color: #ddd transparent transparent transparent;
}
.step-content3::after {
content: "";
display: block;
height: calc(100% - 36px);
border-left: dashed 4px #ddd;
position: absolute;
top: 16px;
left: -4px;
}
.step-label3 {
padding: 3px 20px 3px 15px;
color: #fff;
font-weight: bold;
position: absolute;
top: -18px;
left: -20px;
background: #6DC8C8;
border-radius: 20px;
z-index: 1;
}
.step-label3::after {
counter-increment: count;
content: counter(count);
position: relative;
left: 2px;
}
.step-title3 {
font-weight: bold;
font-size: 120%;
}
.step-body3 {
margin-top: .5em;
padding: 0 0 1em;
}
.step-wrap3 > :last-child {
box-shadow: 5px 7px 0 -5px #ddd;
}
.step-wrap3 > :last-child::before, .step-wrap3 > :last-of-type::after {
display: none;
}
/***ステップバーデザイン3***/
/***SUPER VISOR***/
.supervisor_area {
border: 4px solid #dbeaea;
padding: 15px;
margin-bottom: 20px;
}
.supervisor_area h2 {
background-color: initial;
color: #333;
border: none !important;!i;!;
box-shadow: none;
border-bottom: 2px solid #6dc8c8 !important;!i;!;
padding: 0 0 10px 10px;
}
.supervisor_area_inner img {
border-radius: 50%;
border: 1px solid #CCC;
}
.supervisor_area_inner {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
position: relative;
}
.supervisor_area_inner article {
flex: 1;
margin: 0;
}
.supervisor_area_inner img {
width: 100% !important;!i;!;
margin: 0 20px 10px 0 !important;!i;!;
height: 150px;
object-fit: cover;
}
.supervisor_area_inner article ul {
margin: 0;
padding: 0;
}
.supervisor_area_inner h3 {
border: none;
background-color: #9cd1d1;
width: 120px;
font-size: 16px;
text-align: center;
border-radius: 6px;
margin: 0 0 0;
line-height: 1.5;
padding: 5px;
margin-right: 20px;
}
.supervisor_area_inner p {
line-height: 2;
}
.supervisor_area ul li {
margin-bottom: 15px;
display: flex;
align-items: flex-start;
border-bottom: 1px dotted #CCC;
padding: 0 0 15px 0;
flex-flow: row wrap;
}
.supervisor_area_inner figure {
width: 150px;
margin-right: 20px;
}
.supervisor_area_inner p a {
/* color: #0036d6 !important; */
}
.supervisor_area_inner p a:hover {
color: #0036d6 !important;!i;!;
}
.supervisor_area ul li:last-child {
margin-bottom: 0;
border-bottom: none;
padding: 0;
}
.supervisor_area_inner li div {
flex: 1;
margin-right: 50px;
line-height: 1.5;
padding: 5px 0;
}
.insta_btn {
/* display: inline-block; */
text-align: center;/*中央揃え*/
color: #2e6ca5;/*文字色*/
font-size: 20px;/*文字サイズ*/
text-decoration: none;/*下線消す*/
position: absolute;
top: -15px;
right: 0;
}
.insta_btn:hover {/*ホバー時*/
color:#668ad8;/*文字色*/
transition: .5s;/*ゆっくり変化*/
}
.insta_btn .insta{/*アイコンの背景*/
position: relative;/*相対配置*/
width: 35px;/*幅*/
height: 35px;/*高さ*/
background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
overflow: hidden;/*はみ出た部分を隠す*/
border-radius: 5px;/*角丸に*/
padding: 3px;
margin: 10px auto;
display: table;
}
.insta_btn .insta:before{/*グラデーションを重ねるため*/
content: '';
position: absolute;/*絶対配置*/
top: 23px;/*ずらす*/
left: -18px;/*ずらす*/
width: 60px;/*グラデーションカバーの幅*/
height: 60px;/*グラデーションカバーの高さ*/
background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
z-index: 0;
}
.insta_btn .fa-instagram {/*アイコン*/
color: #FFF;/*白に*/
position: relative;/*z-indexを使うため*/
z-index: 2;/*グラデーションより前に*/
font-size: 35px;/*アイコンサイズ*/
line-height: 50px;/*高さと合わせる*/
}
span.insta img {
background-color: initial;
border-radius: 0;
border: none;
position: relative;
margin: 0 !important;!i;!;
height: initial;
}
/***SUPER VISOR***/
a.anchor_link {
color: #0036d6!important;
text-decoration: underline!important;
}
p.btn a br {
display: none;
}
.column_point article ul {
margin: 0;
padding: 0 10px;
}
.column_point article ul li {
line-height: 2;
border-bottom: 1px dotted #AAA;
}
.column_point p {
background-color: #6dc8c8;
display: inline-block;
margin: 0 10px 0 10px;
color: #FFF;
border-radius: 6px 6px 0 0;
padding: 8px 10px 4px;
font-weight: bold;
}
.column_point article ul li a:before {
content: "\f0da";
font-family: 'FontAwesome';
margin-right: 7px;
color: #6dc8c8;
}
.column_point article ul li a {
padding: 5px 0;
display: block;
font-weight: 600;
}
.column_point article ul li a:hover {
background-color: #EEE;
color: #333 !important;!i;!;
}
.profile_text {
margin: 10px 0 0 0;
border-top: 1px dotted #CCC;
padding: 10px 0 0 0;
}
.profile_text p {
margin: 0;
}
.column_point article p {
background-color: initial;
color: #333;
padding: 0;
display: block;
margin: 0;
}
.merit_demerit dl dt i {
margin-right: 10px;
}
.merit_demerit dd i {
margin-right: 7px;
}
dl.merit_side dd i {
color: #f56868;
}
dl.demerit_side dd i {
color: #72cbdb;
}
.midashi_ari {
border: 2px solid #6dc8c8;
display: inline-block;
border-radius: 6px;
margin-bottom: 20px;
}
.midashi_ari p {
background-color: #6dc8c8;
display: inline-block;
color: #FFF;
font-weight: bold;
padding: 5px 10px;
border-radius: 0 0 6px 0;
margin-bottom: 10px !important;!i;!;
font-size: 16px;
}
.midashi_ari ul {
padding: 0 20px 10px;
margin: 0;
}
.midashi_ari ul li {
margin: 0;
padding: 7px 0;
line-height: 2;
border-bottom: 1px dashed #CCC;
font-weight: bold;
}
.midashi_ari ul li:last-child {
border-bottom: none;
}
.midashi_ari ul li i {
margin-right: 10px;
color: #9cd1d1;
}
.midashi_ari ul li i.fa.fa-check {
color: #f35959 !important;!i;!;
}
.category_btn_1 {
width: 100%;
overflow: hidden;
}
.category_btn_1 a {
display: flex;
max-width: 500px;
border: 4px solid #02268057;
flex-flow: row wrap;
padding: 10px;
margin: 0 auto 40px;
background-image: linear-gradient(90deg, #0226801a, #ffffff);
box-sizing: border-box;
}
.category_btn_1 a figure {
width: 150px !important;
display: flex;
align-items: center;
margin-right: 15px;
}
.category_btn_1 a figure img {
width: 100% !important;
margin: 0 !important;
}
.category_btn_1 dl dt {
font-size: 18px;
color: #333;
width: 100%;
text-align: center;
margin-bottom: 5px;
}
.category_btn_1 dl dd {
background-color: #022680;
color: #FFF;
text-align: center;
width: 100%;
padding: 7px 10px;
box-sizing: border-box;
font-size: 16px;
border-radius: 30px;
position: relative;
}
.category_btn_1 a dl {
font-weight: bold;
width: 100%;
margin: 0;
}
.category_btn_1 dl dd:after {
content: "\f0da";
font-family: 'FontAwesome';
font-weight: normal;
font-size: 20px;
position: absolute;
top: 50%;
right: 13px;
transform: translateY(-50%) translateX(-50%);
}
.category_btn_1 a:hover {
opacity: 0.8;
}
.category_btn_1 a article {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}
.category_btn_1 dl dt span {
font-size: 15px;
font-weight: normal;
margin-top: 0;
display: block;
line-height: 1.5;
}
dl.banner_link dt {
text-align: center;
background-color: #b8dfdc;
padding: 10px;
font-size: 16px;
line-height: 1.5;
}
dl.banner_link dd {
border: 1px solid #b8dfdc;
box-sizing: border-box;
padding: 10px;
}
dl.banner_link dd img {
width: 100%;
margin-bottom: 0;
}
dl.banner_link {
/* max-width: 70%; */
width: 70%;
margin: 0 auto 20px;
}
dl.banner_link dt i {
margin-left: 5px;
}
table.hikaku {
width: initial;
}
table.hikaku br {
display: none;
}
table.hikaku th {
background-color: #d1ebeb;
/* font-weight: bold; */
}
table.hikaku img {
display: block;
}
p.btn_review {
margin: 20px 0 20px;
text-align: center;
}
p.btn_review a {
line-height: 1.5;
display: block;
max-width: 320px;
margin: 0 auto;
color: #fff !important;!i;!;
background: #94c130;
border: 2px solid #82aa2a;
width: 100%;
text-decoration: none;
border-radius: 6px;
padding: 15px 40px 15px 50px;
line-height: 2;
font-weight: bold;
box-shadow: 0 0 5px #CCC;
position: relative;
}
p.btn_review a:before {
content:"\f27a";
font-family: 'FontAwesome';
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%) translateX(-50%);
font-weight:normal;
font-size:30px;
}
p.btn_review a:after {
content:"\f0da";
font-family: 'FontAwesome';
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%) translateX(-50%);
font-weight:normal;
}
table.yakuzai tr:first-child th {
background-color: #8dd0d0!important;
font-weight: bold;
text-align: center !important;
}
table.yakuzai th {
background-color: #edf9f9 !important;
text-align: left !important;
}
table.yakuzai td {
text-align: left;
}
.text_box3 {box-sizing: border-box;overflow: hidden;margin-bottom: 20px;}
.text_box3_title {
background-color: #dddddd;
border-radius: 6px 6px 0 0;
padding: 15px 15px 10px 15px;
font-weight: bold;
font-size: 18px;
line-height: 1.5;
}
.text_box3_content ul {
padding: 0;
margin: 0;
}
.text_box3_content {
border: 4px solid #dddddd;
border-radius: 0 0 6px 6px;
padding: 20px;
}
.text_box3_content ol {
padding: 0 0 0 20px;
margin:0;
counter-reset: custom-counter;
}
.text_box3_content ol li {
line-height: 2;
padding: 5px 0 0 15px;
font-weight: bold;
counter-increment: custom-counter;
position: relative;
margin-bottom: 30px;
}
.text_box3_content ol li:before {content: counter(custom-counter);background: #6dc8c8;color: white;width: 27px;height: 27px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-weight: bold;position: absolute;top: 50%;left: 10px;transform: translateY(-50%) translateX(-50%);font-size: 16px !important;line-height: 2 !important;}
.text_box3_content ol li:after {
content: "\f063";
font-family: 'FontAwesome';
position: absolute;
bottom: -36px;
left: -15px;
font-size: 20px;
color: #299e9e;
}
.text_box3_content ol li:last-child {
margin-bottom:0;
}
.text_box3_content ol li:last-child::after {
content:none;
}
.text_box3_title i {
font-weight: normal;
margin-right: 7px;
}
span.back_red_circle {
background-color: #ce1414;
color: #FFF;
padding: 5px;
margin-right: 5px;
border-radius: 50%;
border: 1px solid #AAA;
box-sizing: border-box;
}
span.back_white_circle {
padding: 5px;
margin-right: 5px;
border-radius: 50%;
background-color: #e9e9e9;
border: 1px solid #AAA;
box-sizing: border-box;
}
span.back_yellow_circle {
padding: 5px;
margin-right: 5px;
border-radius: 50%;
background-color: #ffdd00;
border: 1px solid #AAA;
box-sizing: border-box;
}
dl.haigou_seibun dt {
display: inline-block;
background-color: #6dc8c8;
color: #FFF;
padding: 7px 10px 5px;
}
dl.haigou_seibun dd {
border: 2px solid #6dc8c8;
padding: 15px;
line-height: 2;
}
dl.haigou_seibun {
max-width: 400px;
width: 100%;
margin-bottom: 30px;
}
dl.haigou_seibun dd p {
margin-bottom: 20px !important;
}
dl.haigou_seibun dd p:last-child {
margin: 0 !important;
}
ul.supervisor_list {
padding: 0;
margin: 0;
}
ul.supervisor_list {
display: flex;
flex-flow: row wrap;
}
ul.supervisor_list li {
width: 100%;
padding: 10px 20px;
display: flex;
background-color: #ddf3f3;
border-radius: 10px;
}
ul.supervisor_list li img {
border-radius: 50%;
margin: 0 auto 5px;
display: table;
/* box-shadow: 0 0 5px #CCC; */
max-width: 100px;
width: 100%;
}
ul.supervisor_list li span {
display: block;
}
ul.supervisor_list li {
text-align: center;
line-height: 2;
margin-bottom: 20px;
}
span.supervisor_name {
color: #2ba9a9;
font-weight: bold;
font-size: 18px;
}
span.affiliation {
font-size: 14px;
line-height: 1.5;
}
ul.supervisor_list li figure {
width: 170px;
margin-right: 20px;
}
ul.supervisor_list li div {
flex: 1;
display: flex;
align-items: center;
}
ul.lcp_catlist {
width: 100%;
margin: 0 !important;
padding: 0 !important;
}
ul.lcp_catlist li {
border: none !important;
text-align: left;
background-color: initial;
}
ul.lcp_catlist li:last-child {
margin-bottom: 0;
border: none !important;!i;!;
}
ul.lcp_catlist li {
padding: 0;
!i;!;
border-radius: 0;
margin-bottom: 10px;
}
ul.lcp_catlist li a {
line-height: 1.5;
display: flex;
padding: 20px 40px 20px 20px;
color: #333 !important;!i;!;
text-decoration: none;
background-color: #FFF;
position: relative;
border-radius: 8px;
border: 1px solid #CCC;
}
ul.lcp_catlist li a:hover {
!i;!;!i;!;
opacity: 0.8;
}
ul.lcp_catlist::-webkit-scrollbar {
width: 16px;
}
ul.lcp_catlist::-webkit-scrollbar-track {
background-color: #e4e4e4;
border-radius: 8px;
}
ul.lcp_catlist::-webkit-scrollbar-thumb {
background-color: #CCC;
border-radius: 8px;
}
ul.lcp_catlist li p {
margin: 0;
}
ul.lcp_catlist li a img {
border-radius: 0;
max-width: initial;
width: 200px;
margin: 0 20px 0 0;
align-self: self-start;
}
span.title {
flex: 1;
display: flex !important;!i;!;
align-items: center;
}
ul.lcp_catlist li a:after {
content: "\f054";
font-family: 'FontAwesome';
position: absolute;
top: 50%;
right: 5px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
font-size: 20px;
color: #CCC;
}
li.blogcard2 a {
background-color: #f9f9f9;
border: 1px solid #AAA;
border-radius: 6px;
clear: both;
display: flex;
padding: 15px 30px 15px 15px;
flex-flow: row wrap;
position: relative;
box-shadow: 0 0 10px #CCC;
}
ul.blogcard2_outer {
margin: 30px 0;
padding: 0;
}
li.blogcard2 figure {
margin: 0 20px 0 0;
width: 200px !important;!i;!;
}
li.blogcard2 figure img {
border-radius: 6px;
width: 100%;
}
article p.blogcard_title {
margin-bottom: 10px !important;
}
li.blogcard2 a article {
flex: 1;
}
li.blogcard2 a:after {
content: "\f054";
font-family: 'FontAwesome';
position: absolute;
top: 50%;
right: 0px;
transform: translateY(-50%) translateX(-50%);
font-size: 20px;
}
li.blogcard2 a:hover {
color: #444 !important;!i;!;
}
.scroll_table {
width: 100%;
overflow-x: auto; /* 横スクロールを有効にする */
}
.scroll_table table {width: 100%;}
li.blogcard2 .blogcard_excerpt {
margin: 0;
}
.midashi_ari ol {
counter-reset: list-counter;
padding: 5px 15px 5px 15px;
margin: 0;
}
.midashi_ari ol li {
position: relative;
counter-increment: list-counter; /* カウンターを増加 */
padding-left: 45px; /* 番号分の余白を確保 */
line-height: 2;
margin-bottom: 10px;
border-bottom: 1px dotted #CCC;
padding-bottom: 10px;
}
.midashi_ari ol li:before {
content: counter(list-counter); /* カウンターの値を表示 */
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 30px;
background: #299e9e;
color: white;
font-weight: bold;
text-align: center;
line-height: 2 !important;!i;!;
border-radius: 50%; /* 丸くする */
top: 16px;
left: 35px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
font-size: 16px !important;!i;!;
}
.midashi_ari ol li:last-child {
margin: 0;
border: none;
}
.top_supervisor_area img {
max-width: 1000px;
border: 2px solid #6dc8c8;
box-sizing: border-box;
margin: 0 auto 20px;
display: table;
width: 100%;
}
img.side_widget_banner {
width: 100%;
box-sizing: border-box;
}
img.side_widget_banner:hover {
opacity: 0.8;
}
.top_supervisor_area img:hover {
opacity: 0.8;
}
.top_supervisor_area {
display: none;
width: 100%;
}
a.table_link {
border: 2px solid #AAA;
background-color: #EEE;
display: block;
border-radius: 6px;
padding: 5px 10px;
box-shadow: 0 0 5px #CCC;
}
a.table_link:hover {
box-shadow: none;
color: #333 !important;!i;!;
}
a.table_link:after {
content: "\f13a";
font-family: 'FontAwesome';
margin-left: 5px;
}
table.bgcolor2 tr:first-child th {
background-color: #d9eaea;
font-weight: bold;
}
table.table-left th,table.table-left td {
text-align: left!important;
}
table.bgcolor2 {
margin: 0 0 30px !important;
}
.faq_box {
/* border: 1px solid #CCC; */
padding: 0;
margin-bottom: 40px;
border-radius: 10px;
background-color: #fdfdfd;
}
.faq_box li.blogcard2 p {
margin: 0;
}
.faq_box h2 {
border-left: none;
background-color: initial;
padding: 0 0 10px;
border-bottom: 4px dotted #6dc8c8;
margin-bottom: 10px;
font-size: 18px;
}
.faq_box h2:before {
content: "Q";
margin: 0 10px;
color: #b22b2b;
font-size: 30px;
}
.faq_box h3 {
border-left: none;
background-color: initial;
padding: 0 0 10px;
border-bottom: 4px dotted #6dc8c8;
margin-bottom: 10px;
font-size: 18px;
}
.faq_box h3:before {
content: "Q";
margin: 0 10px;
color: #b22b2b;
font-size: 30px;
}
p.faq_box_a:before {
content: "A";
margin: 0 10px;
color: #297b9e;
font-size: 30px;
font-weight:bold;
}
.faq_box li.blogcard2 p:before {
content: none;
}
.faq_box .blogcard2_outer {
margin: 30px 0 0 !important;
}
.faq_box p {
margin-bottom: 0;
}
.flow_type2 {
padding: 0 1em;
}
.flow_type2 ol {
padding: 20px 0 0 20px;
}
.flow_type2 li {
border: 4px solid #d9eaea;
border-radius: 10px;
padding: 1.2em;
margin-bottom: 2em !important;!i;!;
position: relative;
}
.flow_type2_title {
border: none !important;
border-bottom: 2px dashed #CCC !important;!i;!;
padding: 0 0 10px !important;!i;!;
margin-bottom: 20px !important;!i;!;
}
.flow_type2 p {
margin-bottom: 0;
}
.flow_type2 li:last-child {
margin-bottom: 0;
}
.flow_type2 ol li {
position: relative;
counter-increment: list-counter; /* カウンターを増加 */
/* 番号分の余白を確保 */
}
.flow_type2 ol li::before {
content: counter(list-counter); /* カウンターの値を表示 */
line-height: 40px !important;!i;!;
font-size: 20px !important;!i;!;
font-weight: bold;
margin: 0 !important;!i;!;
position: absolute;
top: -22px;
left: -22px;
width: 40px;
height: 40px;
background-color: #6dc8c8;
color: #FFF;
text-align: center;
border-radius: 50%;
}
.flow_type2 ol li::after {
content: "\f078";
font-family: 'FontAwesome';
font-size: 30px;
color: #299e9e;
position: absolute;
bottom: -62px;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.flow_type2 ol li:last-child:after {
content: none;
}
table p.btn a:after {
content: none;
}
span.rank_1 {
background-color: #ddb21e;
border: 1px solid #ddb21e;
padding: 5px 10px;
color: #fff;
text-align: center;
height: 30px;
line-height: 2;
font-weight: 700;
border-radius: 4px;
font-size: 16px;
}
span.rank_2 {
background-color: #aca58d;
border: 1px solid #aca58d;
padding: 5px 10px;
color: #fff;
text-align: center;
height: 30px;
line-height: 2;
font-weight: 700;
border-radius: 4px;
font-size: 16px;
}
span.rank_3 {
background-color: #dd621e;
border: 1px solid #dd621e;
padding: 5px 10px;
color: #fff;
text-align: center;
height: 30px;
line-height: 2;
font-weight: 700;
border-radius: 4px;
font-size: 16px;
}
span.rank_other {
background-color: #ddd;
border: 1px solid #aaa;
padding: 5px 10px;
color: #333;
text-align: center;
height: 30px;
line-height: 2;
font-weight: 700;
border-radius: 4px;
font-size: 16px;
}
.link_box a {
display: flex;
border: 1px solid #AAA;
padding: 10px;
box-shadow: 7px 7px 0 0 #CCC;
flex-flow: row wrap;
position: relative;
font-weight: bold;
}
.link_box {
max-width: 500px;
width: 100%;
margin: 0 auto 30px;
}
.link_box a figure {
margin-right: 10px;
}
.link_box a figure {
width: 40% !important;!i;!;
}
.link_box a article {
flex: 1;
align-items: center;
display: flex;
line-height: 1.8;
}
.link_box a:hover {
color: #333 !important;!i;!;
opacity: 0.8 !important;!i;!;
box-shadow: none;
}
.link_box a:after {
border-top: 40px solid transparent;
border-right: 40px solid #46bdbd;
position: absolute;
right: 0;
bottom: 0;
content: "";
}
.point_kaisetsu dt {
background-color: #EEE;
padding: 10px;
}
.point_kaisetsu dd {
padding: 10px;
border-bottom: 1px solid #CCC;
margin-bottom: 0;
}
.point_kaisetsu {
border: 1px solid #CCC;
margin-bottom: 20px;
margin-top: 0;
border-bottom: none;
}
.point_kaisetsu dd:before {
content: "\f178";
font-family: 'FontAwesome';
margin-right: 7px;
}
.taiken_area_inner table {
text-align: left;
flex: 1;
margin: 0;
}
.taiken_area_inner table th {
width: 25%;
text-align: left !important;
padding: 10px;
background-color: #ecf8f8;
font-weight: bold;
border: 1px solid #AAA;
}
.taiken_area_inner table td {
width: 25%;
text-align: left;
padding: 10px;
}
.taiken_area_inner {
display: flex;
flex-flow: row wrap;
margin-bottom: 20px;
}
.taiken_area_inner figure {
width: 150px;
margin-right: 20px;
}
.taiken_area_inner figure img {
width: 100%;
border-radius: 50%;
border: 4px solid #EEE;
}
.taiken_area {
border: 4px solid #dbeaea;
padding: 15px;
margin-bottom: 20px;
}
.taiken_area p {
margin: 0!important;
}
.taiken_area_inner_inner dl {
margin: 0;
}
dl.half_dl {
display: flex;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
}
dl.half_dl dt {
width: 50%;
border-right: 1px solid #CCC;
padding: 10px;
background-color: #ecf8f8;
}
dl.half_dl dd {
width: 50%;
padding: 10px;
}
.taiken_area_inner_inner {
flex: 1;
}
dl.full_dl {
display: flex;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
}
dl.full_dl dt {
width: 25%;
}
dl.full_dl dd {
width: 75%;
}
dl.full_dl dt {
border-right: 1px solid #CCC;
padding: 10px;
background-color: #ecf8f8;
}
dl.full_dl dd {
border-right: 1px solid #CCC;
padding: 10px;
}
.taiken_area_inner_outer {
flex: 1;
}
.taiken_area_inner_1 dl {
margin: 0;
width: 50%;
}
.taiken_area_inner_2 dl {
margin: 0;
}
.taiken_area_inner_2 dl:last-child {
border-bottom: 1px solid #CCC;
}
.taiken_area_inner_1 {
display: flex;
flex-flow: row wrap;
border-right: 1px solid #CCC;
}
img.square_img {
width: 100%;
max-width: 150px;
margin: 0 auto;
}
/* REVIEW GOOD BAD */
.column_review_area_outer {
display: flex;
flex-flow: row wrap;
}
.category_review_area {
width: 100%;
}
.category_review_area_inner article {
margin: 15px auto;
display: inline-block;
}
.category_review_area_inner dl {
display: flex;
margin: 0;
}
.category_review_area_inner {
text-align: center;
}
.category_review_area h3 {
margin-bottom: 20px;
border: none;
border-bottom: 2px solid #6DC8C8;
background-color: initial;
}
.category_review_area_inner dl dd i {
color: #ffc100;
}
.column_review_area_outer {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin-bottom: 40px;
background-color: #eee;
padding: 20px;
border-radius: 8px;
}
.column_review_area {
width: 49%;
background-color: #fff;
margin: 0 0 20px 0;
padding: 20px;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 6px;
}
.column_review_meta {
display: flex;
flex-flow: row wrap;
margin-bottom: 20px
}
.column_review_meta h4 {
background-color: initial !important;
border: none;
font-size: 18px;
border-bottom: 1px solid #ccc;
padding: 0 0 10px;
width: 100%;
margin-bottom: 20px;
}
.column_review_meta figure {
width: 60px;
margin-right: 10px
}
.column_review_meta figure i {
font-size: 30px;
margin: 0 auto;
display: table;
border: 1px solid #ccc;
padding: 15px;
border-radius: 6px;
color: #fff;
font-weight: 400
}
.column_review_meta p {
margin-bottom: 0!important;
line-height: 28px!important;
font-size: 16px
}
.good i {
background-color: #e58b8b
}
.bad i {
background-color: #8bade5
}
.column_review_meta span i {
background-color: initial;
color: #ffc100;
}
.column_review_area_outer p.btn_return {
width: 100%;
margin: 0 auto !important;
max-width: 600px;
border: none;
text-align: center;
}
.column_review_area_outer p.btn_return a {
border: 1px solid #cf570a;
padding: 12px 0 !important;
margin: 0 auto;
display: block;
width: 100%;
background: #fc7b29;
color: #fff;
border-radius: 6px;
box-sizing: border-box;
position: relative;
cursor: pointer;
font-size: 16px;
line-height: 1.5;
color: #fff !important;
text-decoration: none;
font-weight: bold;
}
.column_review_area_outer p.btn_return a span {
display: block;
line-height: 1!important;
margin-top: 5px
}
.column_review_area_outer p.btn a:after {
content: "\f0a9";
font: normal 20px/1 FontAwesome;
position: absolute;
top: 50%;
right: 0;
transform: translateX(-50%) translateY(-50%)
}
.column_review_area_outer p.btn_return a:after {
content: "\f0a9";
font: normal 20px/1 FontAwesome;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%)
}
.column_review_area_outer p.btn_return a:before {
content: none
}
/* REVIEW GOOD BAD */
@media (max-width: 1230px) {
.right-sidebar .content-area {
width: 100%;
float: none;
margin-right: 0;
}
.right-sidebar .sidebar {
width: 100%;
float: none;
margin-right: 0;
/* position: sticky; */
top: 30px;
right: 0;
margin-top: 20px;
display: none;
}
.top_supervisor_area {
display: block;
}
}
@media (max-width: 1024px) {
.modal-open {
display: block;
}
.modal-open:before {
content: "\f0c9";
font-family: FontAwesome;
color: #FFF;
position: absolute;
top: -30px;
right: 0;
width: 50px;
}
.modal-open:after {
content: "メニュー";
color: #FFF;
font-size: 10px;
position: absolute;
top: 10px;
width: 50px;
right: 0;
font-weight: normal;
}
.modal-open close:before {
content: "\f00d";
font-family: FontAwesome;
color: #FFF;
}
.modal-open close:aftre {
content: "閉じる";
font-family: FontAwesome;
color: #FFF;
}
.overlay {
position: fixed;
width: 100%;
height: 100%;
background: #000;
opacity: 0.7;
display: none;
z-index: 1000;
top: 0;
left: 0;
right: 0;
}
.modal {
width: 100%;
height: auto;
border: 1px solid #CCC;
position: fixed;
top: 0;
left: 0;
background: #fff;
display: none;
z-index: 1000;
padding: 0;
}
.modal p {
position: absolute;
top: 50%;
left: 50%;
text-align: center;
transform: translate(-50%, -50%);
z-index: 10;
font-size: 14px;
}
.modal-close__wrap {
/* position: absolute; */
right: 0;
top: 0;
}
.modal-close {
background: transparent;
border-color: transparent;
padding: 0 10px;
margin: 0 0 0 auto;
cursor: pointer;
display: block;
font-size: 20px;
position: absolute;
top: 7px;
right: 0;
}
.modal-close span {
position: relative;
width: 100%;
height: 1px;
background: black;
display: block;
}
.modal-close span:nth-child(1) {
transform: rotate(45deg);
}
.modal-close span:nth-child(2) {
transform: rotate(-45deg);
}
.modal-open {
cursor: pointer;
color: #fff;
padding: 0 10px;
background-color: initial;
border: none;
font-size: 30px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.overlay.open {
display: block;
}
.modal.open {
display: block !important;
}
#breadcrumb {
padding: 0 30px;
}
.company_info1 dl dt {
line-height: 1.5;
font-size: 14px;
}
.company_info1 figure {
width: 40%;
}
.button15 a {
font-size: 18px;
}
.button05 a {
width: 90%;
}
.front-page article header {
height: initial;
padding: 0;
}
.front-page ul.post-categories li {
display: none;
}
.front-page ul.post-categories li:first-child {
display: block;
}
h2.alpha.entry-title a {
/* height: 120px; */
}
.meta-area ul.post-categories li {
/* display: none; */
}
.meta-area ul.post-categories li:first-child {
display: block;
}
ul.kanren li p {
height: 80px;
}
.custom-html-widget img {
display: block;
margin: 15px auto;
}
.right-sidebar .content-area {
width: 100%;
float: none;
margin-right: 0;
}
.right-sidebar .sidebar {
width: 100%;
float: none;
margin-right: 0;
/* position: sticky; */
top: 30px;
right: 0;
margin-top: 20px;
display: none;
}
:target::before {
content: "";
display: block;
height: 64px; /* ずらしたい高さ */
margin-top: -64px; /* heightに対するネガティブマージン */
visibility: hidden,
}
ul.modal-menu-area {
margin: 0;
padding: 0;
}
ul.modal-menu-area li a {padding: 10px;line-height: 2;display: block;}
ul.modal-menu-area li {
border-bottom: 1px solid #CCC;
}
ul.modal-menu-area li a:before {
content: "\f0da";
font-family: FontAwesome;
margin-right: 10px;
color: #6DC8C8;
}
.modal-close__wrap {
background-color: #E2E2E2;
width: 100%;
position: relative;
}
.related ul li {
width: 46.5%;
background-color: #fff;
margin: 0 1% 2%;
}
.table_scroll table {
width: 100%;
min-width: 900px;
}
.fixed01 {
position: sticky !important;
left: 0;
z-index: 20;
}
.fixed02 {
position: sticky !important;
left: 50px;
z-index: 20;
}
td.fixed02 {
background-color: #FFF;
}
table.sorter {
border-collapse: separate;
border-spacing: 0;
}
.table_scroll th, .table_scroll td {
border-right: 0;
border-bottom: 0;
}
.table_scroll tr:last-child td {
border-bottom: 1px solid #999;
}
.table_scroll tr td:last-child {
border-right: 1px solid #999;
}
}
@media (max-width: 768px) {
.merit,.demerit {
float: none;
/* font-size: 12px; */
width: 100%;
text-align: left;
}
dl.merit_box dt h3, dl.demerit_box dt h3 {
line-height: 1.5;
margin-bottom: 0;
margin: 0 0 0 !important;
padding: 10px 0 0;
}
.kanren {
margin-bottom: 0;
}
.site-footer {
margin: 0;
padding: 0 10px 0;
}
.widget {
padding: 0 !important;
}
.company_info1 figure img {
max-width: 100%;
}
.button05 a {
width: 100%;
}
ul.kanren li p {
height: 100px;
font-size: 15px;
}
.custom-html-widget img {
display: block;
margin: 15px auto;
}
.taisaku_area dl dt img {
width: 90px;
}
.wp-show-posts-image.wpsp-image-left, .wp-show-posts-image.wpsp-image-right {
float: left !important;
}
.title_area p {
display: none;
}
.demerit dt {
background-color: #99bbf7;
color: #FFF;
/* float: left; */
padding: 7px 10px;
font-size: 16px;
}
.fixed01 {
position: sticky !important;
left: 0;
z-index: 20;
}
.fixed02 {
position: sticky !important;
left: 50px;
z-index: 20;
}
td.fixed02 {
background-color: #FFF;
}
.table_scroll table {
width: 100%;
min-width: 800px;
}
ul.lcp_catlist li a img {
max-width: initial;
height: auto;
width: 150px;
}
.column_review_area {
width: 100%;
max-width:100%;
}
}
@media (max-width: 736px) {
.site-header {
position: relative;
margin: 0;
width: 100%;
clear: both;
box-sizing: border-box;
border-top: none;
position: fixed;
z-index: 350;
}
.custom-logo-link .custom-logo {
padding: 10px;
height: 50px;
width: auto;
}
.site-branding {
float: left;
max-width: 100%;
margin: 0;
z-index: 1000;
}
span.menu-toggle {
top: -40px;
right: 10px;
}
.main_image {
background-color: #FFF;
padding-top: 50px;
}
.product_area {
background-color: #fcfbf8;
padding: 10px;
margin-bottom: 30px;
}
#breadcrumb {
padding: 0 20px 0;
}
.top_page {
margin-top: 50px;
}
a.btn--red.btn--cubic br {
display: block;
}
a.btn--red.btn--cubic {
line-height: 1.5;
}
.half {
width: 100% !important;
}
.front-page article h2 {
font-size: 16px !important;
}
.pbox_wide_inner {
display: block;
width: 100%;
}
.pbox_wide_inner table {
margin: 0 0 15px 0;
width: 100%;
font-size: 14px;
}
p.pbox_name {
font-weight: bold;
font-size: 20px;
margin-bottom: 10px;
margin-top: 10px;
text-align: center;
}
.pbox_wide {
width: 95%;
}
.pbox_wide figure img {
width: 60%;
height: initial;
}
.pbox_wide figure {
width: 100%;
margin-right: 0;
height: initial;
margin-bottom: 10px;
}
.custom-html-widget img {
display: block;
margin: 15px auto;
}
.product_table_outer {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
table.product_table td {
padding: 5px;
}
table.product_table th {
width: 70px;
padding: 5px 0;
}
table.product_table {
}
.table_scroll {
overflow-x: scroll;
}
.table_scroll table {
width: 100%;
min-width: 900px;
border-collapse: separate;
border-spacing: 0;
}
.table_scroll tr th:nth-child(1) {
width: 50px;
}
.table_scroll th,.table_scroll td {
font-size: 13px;
}
.t_product_name p {
font-size: 13px !important;
}
.table_scroll tr th:nth-child(2) {
width: 50px;
}
.table_scroll tr th:nth-child(2) {
width: 250px;
}
.table_scroll tr th:nth-child(2) {
width: 250px;
}
.table_scroll tr th:nth-child(3) {
width: 90px;
}
.table_scroll tr th:nth-child(4) {
width: 90px;
}
.table_scroll tr th:nth-child(5) {
width: 90px;
}
.table_scroll tr th:nth-child(6) {
width: 90px;
}
ul.supervisor_list li figure {
width: 130px;
margin-right: 20px;
}
}
@media (max-width: 640px) {
ul.kanren li {
margin: 5px 0 0;
width: 100%;
}
ul.kanren li a img {
width: 100px;
height: auto;
margin-right: 10px;
float: left;
}
ul.kanren li p {
height: initial;
font-size: 15px;
}
.meta-area {
display: flex;
justify-content: space-between;
padding: 5px 10px 5px 15px;
width: 100%;
}
.meta-area ul li a {
height: initial !important;
}
.kanren li a {
height: 80px;
}
.img_2column {
display: block;
}
.custom-html-widget img {
display: block;
margin: 15px auto;
}
.taisaku_area dl {
width: 49%;
margin: 0 0 10px;
padding: 10px 0;
}
.taisaku_area dl dt img {
width: 90px;
}
tbody th br {
display: block;
}
tbody th {
line-height: 1.5;
}
.box3 .button05 br {
display: block;
}
.box3 .button05 a {
padding: 5px 0 !important;
font-size: 14px;
line-height: 1.5;
}
.supervisor_area_inner figure {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.supervisor_area_inner figure img {
width: 100px !important;
margin: 0 auto 0 !important;!i;!;
height: 100px;
}
.supervisor_area ul li {
margin-bottom: 16px;
display: block;
padding-bottom: 10px;
}
.supervisor_area_inner h3 {
margin: 0 0 10px;
}
.supervisor_area {
padding: 10px;
}
.supervisor_area h2 {
margin: 5px 0 15px;
padding: 0 0 10px;
}
.table_scloll_auto {
overflow-x: scroll;
}
ul.supervisor_list li figure {
width: 100%;
margin-right: 0;
}
ul.supervisor_list li {
width: 100%;
display: block;
}
ul.supervisor_list li img {
float: left;
margin: 0 20px 0 0;
}
ul.supervisor_list li figure {
text-align: left;
overflow: hidden;
margin-bottom: 20px;
}
ul.supervisor_list li div {
clear: both;
}
}
@media (max-width: 560px) {
body {
font-size: 16px;
-webkit-font-smoothing: antialiased;
font-weight: 400;
line-height: 2;
}
img.main_image_pc {
display: none;
}
img.main_image_sp {
display: block;
}
.custom-logo-link .custom-logo {
padding: 10px;
}
#breadcrumb {
max-width: 1140px;
margin: 0 auto 10px;
/* padding: 0 10px; */
font-size: 12px;
padding: 0;
}
.entry-meta {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.kanren dl {
padding: 10px;
margin: 2%;
width: 46%;
border: 1px solid #CCC;
}
.entry-content h2 {
font-size: 18px;
line-height: 1.8;
}
.entry-title {
line-height: 1.4;
font-size: 1.2em;
padding-bottom: 10px;
margin-bottom: 10px;
}
.post-navigation .nav-previous {
width: 100%;
float: none;
margin-bottom: 20px;
}
.post-navigation .nav-next {
width: 100%;
float: none;
}
.top_page {
margin-top: 50px;
}
.post-item .thumbnail {
margin: 0 0 10px 0;
float: none;
width: 100%;
}
p.btn a span {
display: block;
}
.product_area h3 {
font-size: 1.2em;
line-height: 1.3;
}
.entry-content h3 {
font-size: 18px;
line-height: 1.5;
clear: both;
margin: 0 0 10px;
}
.fragrance_inner {
width: 100%;
background-color: #fcfbf8;
padding: 20px;
margin-bottom: 20px;
}
.alignleft,.alignright {
float: none;
width: 100%;
margin: 0 auto 20px;
display: block;
}
.blog-card a {
/* display: block; */
}
.blog-card-thumbnail {
width: 130px;
}
.blog-card-content {
line-height: 1.5;
display: flex;
align-items: center;
flex: 1;
}
.blog-card-excerpt {
color: #333333;
font-size: 13px;
padding: 10px;
}
.blog-card-title {
font-size: 14px;
font-weight: bold;
padding: 0;
}
a.btn,
button.btn {
font-size: 1.6rem;
line-height: 1.2;
padding: 1rem 2rem;
}
table.site_info th {
padding: 10px 10px;
font-weight: bold;
/* font-size: 1.6rem; */
line-height: 1.5;
}
.blog-card-excerpt {
display: none;
}
.balloon5 .faceicon {
float: none;
margin: 0 auto;
width: 60px;
}
.says {
margin: 15px 0 0 0;
padding: 15px;
border-radius: 12px;
}
.says:after {
content: "";
display: inline-block;
border: 12px solid transparent;
border-bottom: 12px solid #f7f3e8;
position: absolute;
top: -12px;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.flow > li dl {
padding-left: 30px;
}
.flow > li dl::after {
width: 20px;
}
.flow > li dl dt {
font-size: 16px;
}
ul.flow li dd {
font-size: 1.5rem;
line-height: 1.5;
}
.page-content, .single_post {
margin: 0;
padding: 0;
clear: both;
}
.sidebar .widget {
margin: 0;
}
table.site_info th br {
display: block;
}
table.site_info td br {
display: block;
}
.ranking h3 {padding: 10px 0 10px 0;}
.ranking h3:before {
font-size: 20px;
}
.ranking {
padding: 10px 15px;
}
dl.memo dt {
font-size: 16px;
line-height: 1.5;
}
dl.faq h3 {
font-size: 16px;
}
ul.kanren li {/* width: 100%; */}
h2.kanren_title {
font-size: 16px;
padding: 5px 7px;
}
article.page {
display: block;
padding: 0 0 20px;
}
.company_info1 section {
padding: 0 10px 10px;
}
.company_info1 figure {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.button15 a {
display: block;
position: relative;
margin: 30px auto 50px;
padding: 10px 30px;
width: 100%;
color: #FFF !important;
font-size: 17px;
line-height: 1.4;
}
.button15 a br {
display: block;
}
.heading14 {
padding-left: 60px !important;
font-size: 18px !important;
}
.heading14::before {
font-size: 40px;
}
tbody th {
/* width: 45% !important; */
}
table.company_info th {
font-size: 14px;
}
.point_inner figure:before {
bottom: -10px;
right: -10px;
}
.point_inner figure {
margin: 0 20px 20px 0;
}
.company_info1 {
box-shadow: 10px 10px 0 #6DC8C8;
width: calc(100% - 10px);
margin-bottom: 30px;
}
.company_info1 figure img {
width: 200px;
}
.company_info br {
display: block;
}
.button15 a span {
font-size: 13px;
font-weight: normal;
}
.faceicon p {
margin: 0;
}
#breadcrumb ul {
margin: 0;
padding: 0;
}
h1.entry-title {
font-size: 20px;
}
.heading09 {
font-size: 20px !important;
}
.kanren_area {
padding: 0;
}
ul.work_info li {
padding: 15px;
}
ul.work_info li figure {
width: 100px;
margin: 0 auto 10px;
}
ul.work_info li {
display: block;
}
.button05 a {
width: 100%;
font-size: 16px;
padding: 10px;
}
.webmaster th {
width: 35% !important;
}
#fdw-pricing-table .plan {
width: 48%;
margin: 1%;
margin: 0 1% 10px;
}
.product_box section {
width: calc(100% - 10px);
float: none;
margin-bottom: 25px;
}
.product_box2 {
width: 100%;
display: block;
overflow: hidden;
}
.product_box2 figure {
width: 100%;
margin: 0;
position: relative;
padding: 0;
}
.product_box2 figure img {
margin: 10px auto !important;
display: block;
position: initial;
transform: initial;
border-image-source: initial;
border-width: 0;
border-image-slice: 0;
border-image-repeat: initial;
border-style: solid;
z-index: 1;
width: 50% !important;
/* object-fit: cover; */
/* height: 80px; */
}
img.wide {
width: calc(100% - 10px);
}
#fdw-pricing-table {
flex-flow: row wrap;
}
.front-page {
padding: 10px;
justify-content: space-between;
}
.front-page article {
width: 49%;
box-shadow: none;
}
.front-page article {
margin-right:0;
}
.front-page article:nth-of-type(3n) {
margin-right:0;
}
.front-page article h2 {
font-size: 14px !important;
padding: 0;
line-height: 1.5;
margin-bottom: 0;
}
.front-page article header {
order: 2;
padding: 0;
height: initial;
}
h1.archive-title {
margin-bottom: 0 !important;
padding: 5px 0 10px;
}
.product_box2 article {
padding: 0 10px 10px;
}
.page-content {
padding: 20px 10px 20px;
}
article.post {
display: block;
padding: 0;
/* border: 1px solid #DDD; */
/* box-shadow: 0 0 5px #CCC; */
}
.post-item {
margin: 0 0 15px 0;
}
.merit_demerit dl {
width: 95%;
}
.merit_demerit dl dd {
text-align: left;
}
.single_post .entry-footer {
margin: 15px 0 15px;
}
.single_post ul.post-categories li a {
font-size: 12px;
}
.merit_demerit dl dd p {
margin: 0;
}
div#toc_container {
width: 100%;
}
.no_bullets {
width: 100% !important;
}
.contracted{
width: auto !important;
}
h2.alpha.entry-title a {
/* height: 100px; */
}
.blog-card a {
padding: 10px 30px 10px 10px;
}
.blog-card-title {
margin-bottom: 0;
}
.blog-card:after {
right: 5px;
font-size: 15px;
}
p.post_title {
height: initial !important;
}
ul.kanren li a img {
width: 100px;
height: auto;
margin-right: 10px;
float: left;
}
ul.kanren li {
margin: 5px 0 0;
}
.meta-area {
display: flex;
justify-content: space-between;
padding: 5px 5px 5px 15px;
width: 100%;
}
.meta-area ul li a {
height: initial !important;
}
.kanren li a {
height: 80px;
}
.img_2column {
display: block;
}
.product_box figure img {
width: 80%;
margin: 0 auto;
display: table;
}
.meta-category ul.post-categories {
margin: 0;
}
.half .plan {
width: 80% !important;
margin: 0 auto 0 !important;
display: table !important;
}
.half .plan img {
padding: 0 50px;
}
p.btn2 {
max-width: 100%;
margin: 20px auto 0;
}
.custom-html-widget img {
padding: 0 15px;
}
.table_slide_area {
overflow-y: hidden;
overflow-x: auto;
}
table.hikaku_table {
width: 700px;
}
.hikaku_table td .button05 a br {
display: block;
}
.hikaku_table td .button05 a {
line-height: 1.5;
padding: 5px 0 !important;
}
.box2 img {
width: 100%;
padding: 0 10px;
}
.box2 .header br {
display:block;
}
.box2 .button05 a br {
display:block;
}
.taisaku_area dl {
width: 49%;
margin: 0 0 10px;
padding: 10px 0;
}
.taisaku_area dl dt img {
width: 90px;
}
.sesshu_data {
width: 800px;
}
.sesshu_data1 {
width: 400px;
}
tbody th br {
display: block;
}
.fixed01{
position: sticky;
left: 0;
}
.fixed01:before{
content: "";
position: absolute;
top: -1px;
left: -1px;
width: 100%;
height: 100%;
/* border: 1px solid #AAA; */
}
.title_area {
padding: 0 5px 5px;
width: 100%;
clear: both;
}
.title_area p {
display: none;
}
.title_area time {
font-size: 12px;
}
.entry-date span {/* display: none; */}
.h1_area h1 {
font-size: 12px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.h1_area {
margin-bottom: 0;
}
.front-page article .entry-meta {
padding: 0;
margin-bottom: 0;
font-size: 10px;
text-align: center;
}
article.post a figure {
width: 100%;
display: block;
}
article.post:last-child {
margin-bottom: 0;
}
.front-page ul.post-categories {
top: -2px;
left: initial;
right: 2px;
position: initial;
width: 100%;
padding: 0 5px;
}
ul.box_list {
display: table;
padding: 0 20px;
}
ul.box_list li {
line-height: 2;
font-weight: bold;
width: 100%;
text-align: left;
}
.cv_button_area {
max-width: 100%;
}
p.btn a {
padding: 10px 0;
line-height: 1.5;
}
p.btn {
padding: 10px 10px;
font-size: 15px;
}
.cv_button_area figure {
width: 110px;
}
.cv_button_area2 {
max-width: 100%;
margin: 0 auto 30px;
}
.cv_button_area2 dd img {
width: 100%;
}
.cv_button_area2 dl dd p.btn a {
padding: 5px 0 !important;
font-size: 14px;
line-height: 1.5;
}
.cv_button_area2 dl dd {
margin: 0;
padding: 0 10px 10px;
}
.cv_button_area2.column4 dl {
width: 49%;
margin-bottom: 10px;
}
.cv_button_area2.column3 dl {
width: 49%;
margin-bottom: 10px;
}
.title_area h2, .title_area h3 {
font-size: 14px;
line-height: 1.5;
text-align: left;
margin-bottom: 5px;
height: 85px;
width: 100%;
}
article.post a figure img {
display: block;
height: auto;
}
.front-page h2 {
font-size: 16px;
margin-bottom: 10px;
}
.right-sidebar .sidebar {
display: none;
}
.category_area ul li a {
padding: 5px;
}
.category_area ul li:after, .onayami_area ul li:after {
right: 5px;
}
.category_area ul li a img {
width: 50px;
}
.category_area ul li a p {
padding: 10px 0;
}
.onayami_area ul li a img {
float: none;
width: 40px;
margin: 5px auto 0;
display: table;
}
.onayami_area ul li p {
font-weight: bold;
margin: 0;
padding: 0;
text-align: center;
}
.onayami_area ul li a {
display: block;
padding: 0;
box-sizing: border-box;
overflow: hidden;
}
.ranking_area ul li a:nth-child(2) {
width: auto;
flex: 1;
font-size: 14px !important;
line-height: 1.5;
}
.ranking_area ul li:after {
right: 5px;
}
.ranking_area ul li span.wpp-meta {
font-size: 12px;
position: initial;
width: 100%;
padding: 0 10px 0 10px;
}
.ranking_area ul li a:nth-child(2) {
padding: 10px 25px 0 0 !important;
}
.archive-area {
padding-top: 15px;
}
.ranking_area ul li a:nth-child(1) {
width: 150px;
padding-bottom: 0 !important;
}
.modal-open {
padding: 0;
font-size: 24px;
}
.modal-open:before {
top: -25px;
right: 0;
}
.modal-open:after {
top: 5px;
right: 0;
}
.category_area ul li {
width: 100%;
position: relative;
margin-bottom: 10px;
}
.medicine_ranking {
display: flex;
}
.seibun dl {
border: 1px solid #CCC;
width: 100%;
margin: 0 0 10px;
}
.seibun {
margin-bottom: 20px;
}
.price_list {
max-width: 100%;
}
.column4 li {
width: 100% !important;
}
.front-page article.post a {
display: block;
box-shadow: none;
}
.aligncenter {
max-width: 100%;
width: 100%;
}
.column2 th {
width: 35%;
padding: 10px 0;
}
.column2 th br {
display:block;
}
ul.sitemap-tag-list li {
width: 49.5%;
text-align: left;
margin-bottom: 1%;
}
ul.product_list_box {
display: flex;
word-wrap: initial;
width: 100%;
flex-flow: row wrap;
justify-content: space-between;
}
ul.product_list_box li {
display: block;
margin-bottom: 10px;
width: 49%;
}
ul.product_list_box li figure {
width: 100%;
position: relative;
margin-right: 0;
margin-bottom: 10px;
}
ul.product_list_box li figure img {
width: 100px;
display: table;
margin: 0 auto;
}
.product_list_name_area {
width: 100%;
display: block;
margin-right: 0;
text-align: center;
}
.product_count_area {
display: block;
justify-content: center;
align-items: center;
margin-right: 0;
text-align: center;
margin-bottom: 10px;
}
.product_count_area p span {
font-size: 16px;
}
.product_btn_area {
display: block;
margin-right: 0;
}
.product_btn_area p a {
padding: 5px 0;
line-height: 1.3;
font-size: 14px;
}
.product_count_area {
width: 100%;
}
h3.related-title {
padding: 10px 10px 10px;
}
section.error-404 {
margin-top: 15px;
}
.not-found h1 {
text-align: center;
font-size: 18px;
margin-bottom: 20px;
line-height: 1.5;
}
.not-found h1 br {
display: block;
}
.page-content figure img {
margin: 0 auto;
padding: 0;
width: 150px;
}
.rule.page404 p {
text-align: left;
}
.search_area {
border: 1px solid #DDD;
padding: 0;
display: block;
margin-bottom: 20px;
}
.not-found div.page-content {
padding: 10px 10px 0;
}
.widget_404_are .widget {
width: 100%;
border: 1px solid #DDD;
margin-bottom: 20px;
}
.search_area_inner {
margin-right: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: #EEE;
border-bottom: 1px solid #DDD;
}
.search_area_inner p {
font-size: 16px;
padding: 5px 0;
}
.not-found .search-form {
max-width: 95%;
width: 95%;
flex: 1;
margin: 10px auto;
}
.front-page ul.post-categories li a {
display: inline-block;
background-color: #333;
color: #FFF !important;
font-size: 12px;
line-height: 1;
padding: 3px 3px 3px 3px;
color: #FFF !important;
position: relative;
}
.front-page ul.post-categories li a:before {
/* content: "\f07b"; */
font-family: FontAwesome;
/* color: #6DC8C8; */
margin-right: 5px;
position: absolute;
left: 3px;
}
.front-page ul.post-categories li a:after {
/* content: "\f0da"; */
font-family: FontAwesome;
position: absolute;
right: 5px;
color: #555;
}
.front-page article {
border: 1px solid #DDD;
display: block;
margin-bottom: 2%;
}
.front-page article figure {
width: 100%;
}
.ECM_CheckboxInput-LabelText {
font-size: 14px;
}
.symptoms_checkret {
font-size: 16px;
text-align: center;
}
ul.sns-list {
padding: 5px 0 0!important;
width: 100%;
margin: 0;
}
.widget_404_are .widget_categories ul li {
width: 50%;
padding: 3px !important;
border: none;
}
.plan.plan1 {
flex-grow: initial;
}
.plan img {
padding: 10px 30px;
}
#fdw-pricing-table .header {
font-size: 14px;
}
.img_2column figure {
width: 100%;
margin: 0 0 20px;
}
.popular_post_outer p {
font-size: 14px;
padding: 0 20px 0 0;
}
.popular_post_outer .eyecatch-widget {
width: 100px;
}
.popular_post_outer ol li:after {
top: 50%;
right: 0;
}
.table_scroll tr th:nth-child(1) {
width: 40px;
}
.table_scroll tr th:nth-child(2) {
width: 150px;
}
.table_scroll tr th:nth-child(3) {
width: 70px;
}
.table_scroll tr th:nth-child(4) {
width: 70px;
}
.table_scroll tr th:nth-child(5) {
width: 70px;
}
.table_scroll tr th:nth-child(6) {
width: 70px;
}
.table_scroll tr th:nth-child(7) {
width: auto;
}
.table_scroll table {
width: 100%;
min-width: 650px;
}
.fixed02 a img {
width: 50px;
}
.fixed02 {
position: sticky !important;
left: 40px;
z-index: 20;
}
.table_outer {
overflow-x: scroll;
}
.table_outer table {
width: 100%;
white-space: nowrap;
}
.table_outer table td {
word-break: break-all;
}
.chart_box {
display:block;
}
.chart_box figure {
width: 100%;
margin: 0 0 10px;
}
.box_outer .box figure {
width: 300px;
padding: 15px 0;
box-sizing: border-box;
margin: 0 auto;
}
.box_outer p.btn {
padding: 0 10px 10px;
}
.box_outer .box article {
padding: 10px;
}
.product_name_area {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.cv_button_area img {
width: 100% !important;
}
figure.inyou_area {
width: 80%;
margin: 0 auto 20px;
float: none;
}
figure.inyou_area img {
width: 100% !important;
}
.column2_inner {
width: 100%;
border: 1px solid #CCC;
padding: 0;
margin-bottom: 10px;
}
figure.inyou_area {
width: 80%;
margin: 0 auto 20px;
float: none;
}
figure.inyou_area img {
width: 100% !important;
}
ul.breadcrumb {
padding: 0;
margin-bottom: 20px;
}
.blogcard_thumbnail {
width: 100px;
margin-right: 10px;
display: block;
}
.blogcard_excerpt {
display: none;
}
.blogcard_title {
font-size: 16px;
line-height: 1.5;
}
.img_box figure {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.img_box figure img {
width: 100px !important;
border: none;
}
.img_box {
margin-bottom: 20px;
padding: 10px;
}
.fukidashi_left {
padding-right: 0;
}
.fukidashi_right {
padding-left: 0;
}
.fukidashi figure {
width: 70px;
margin-right: 20px;
}
.fukidashi_inner article {
padding: 15px;
}
.supervisor_area_inner h3 {
margin: 0 0 10px;
}
.supervisor_area_inner figure img {
margin-bottom: 20px;
}
.supervisor_area_inner li div {
margin-right: 0;
}
p.btn a br {
display: block;
}
article.profile_area li {
display: flex;
}
article.profile_area li h3 {
margin-right: 10px;
}
.midashi_ari ul li {
margin-bottom: 7px;
}
.midashi_ari ul li:last-child {
margin-bottom: 0;
}
.category_btn_1 {
width: 100%;
overflow: hidden;
}
.category_btn_1 a {
display: flex;
max-width: 500px;
border: 2px solid #bfbfdb;
flex-flow: row wrap;
padding: 5px;
margin: 0 auto 40px;
background-image: linear-gradient(90deg, #e1e1eb, #ffffff);
box-sizing: border-box;
text-decoration: none;
}
.category_btn_1 a figure {
width: 90px !important;!i;!;
display: flex !important;!i;!;
align-items: center;
margin-right: 10px;
background-color: #FFF;
}
.category_btn_1 a figure img {
width: 100% !important;
margin: 0 !important;
border: none !important;
}
.category_btn_1 dl dt {
font-size: 16px;
color: #333;
width: 100%;
text-align: center;
margin-bottom: 10px;
text-decoration: none !important;
}
.category_btn_1 dl dd {
background-color: #363d6f;
color: #FFF;
text-align: center;
width: 100%;
padding: 5px;
box-sizing: border-box;
font-size: 16px;
border-radius: 30px;
position: relative;
}
.category_btn_1 a dl {
font-weight: bold;
width: 100%;
padding: 0;
}
.category_btn_1 dl dd:after {
content: "\f0da";
font-family: 'FontAwesome';
font-weight: normal;
font-size: 20px;
position: absolute;
top: 50%;
right: 13px;
transform: translateY(-50%) translateX(-50%);
}
.category_btn_1 a:hover {
opacity: 0.8;
}
.category_btn_1 a article {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}
.category_btn_1 dl dt span {
font-size: 14px;
display: block;
font-weight: normal;
margin-top: 0;
}
dl.banner_link dt span {
display: block;
}
table.hikaku br {
display: block;
}
.table_scloll_auto {
overflow-x: scroll;
}
ul.supervisor_list li {
padding: 10px;
}
ul.supervisor_list li figure {
}
ul.supervisor_list li img {margin: 0 10px 0 0;}
ul.lcp_catlist li {
padding: 0 !important;!i;!;
}
ul.lcp_catlist li a {
padding: 10px 40px 10px 10px;
}
span.title {
font-size: 14px;
}
ul.listbox li {
margin-bottom: 20px;
}
ul.listbox li:last-child {
margin-bottom: 0 !important;
}
.link_box img {
margin: 0!important;
width: 100%!important;
}
.insta_btn .insta img {
height: 30px;
}
ol.number_box2 {
padding: 10px 15px;
}
.taiken_area_inner figure img {
margin: 0 auto 20px;
display: table;
width: 100px;
}
.taiken_area_inner figure {
width: 100%;
margin-right: 0;
}
.taiken_area_inner_1 dl {
width: 100%;
}
dl.full_dl dt {
width: 50%;
}
dl.full_dl dd {
width: 50%;
}
.column_review_area {
margin-bottom: 10px;
}
.column_review_area_outer {
padding: 10px;
}
.category_review_area h3 {
padding: 10px;
}
}
@media (max-width: 420px) {
.page-content figure img {
margin: 0 auto;
padding: 0 0 0;
width: 80%;
}
.box_outer .box figure img {
width: 150px;
}
.supervisor_area_inner figure img {
width: 100px !important;
margin: 0 auto 20px;
}
dl.banner_link {
width: 90%;
margin: 0 auto 20px;
}
ul.supervisor_list li img {
max-width: 100px;
width: 100px;
margin: 0 10px 0 0;
float: left;
}
ul.supervisor_list li figure {
width: 100%;
margin-right: 0px;
text-align: left;
margin-bottom: 10px;
}
ul.supervisor_list li {
padding: 10px;
display: block;
}
ul.lcp_catlist {
padding: 0 !important;
border-radius: 8px;
clear: both;
}
ul.lcp_catlist li a span {
flex: 1;
display: flex;
align-items: center;
font-size: 14px;
line-height: 1.5;
}
ul.lcp_catlist li a img {
width: 130px;
max-width: initial;
margin: 0 10px 0 0;
}
ul.lcp_catlist li a {
padding: 10px 30px 10px 10px;
}
ul.lcp_catlist li a:after {
font-size: 16px;
}
li.blogcard2 figure {
margin: 0 10px 0 0;
width: 120px !important;
}
article p.blogcard_title {
margin-bottom: 0 !important;
}
li.blogcard2 a {
padding: 10px 30px 10px 10px;
}
.midashi_ari {
display: block;
width: 100%;
}
ul.listbox li:before {
margin-right: 7px;
}
.taiken_area_inner figure img {
width: 100px;
margin: 0 auto 20px;
}
}
@media (max-width: 360px) {
.button15 a {
font-size: 16px;
}
}
/**
* TEST
*/
/* nosi
========================================================================== */
.alignleftn {
display: inline;
float: left;
margin-right: 20px;
width: 100%;
border: 1px solid #DDD;
/* box-shadow: 10px 10px 0 #dae6f0; */
max-width: 320px;
height: 240px;
object-fit: contain;
}
}