/*
Theme Name:     Material Gaze for AndroPlus
Theme URI:      https://github.com/m-e-h/material-gaze
Author:         Marty Helmick
Description:    A clean and minimal child theme for the <a href=\"http://wordpress.org/themes/stargazer\">Stargazer</a> parent theme. This child theme takes inspiration from Google's Material Design to transform how it's parent theme looks.  It offers an alternative color scheme and comes packaged with additional headers to use with the WordPress custom header feature.
Version:        1.0.2_20150506
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    material-gaze
Tags:           blue, light, one-column, two-columns, left-sidebar, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
Template:       stargazer-androplus

Material Gaze, Copyright 2015 Marty Helmick.
Material Gaze is distributed under the terms of the GNU GPL.
This theme was inspired by material design stylings and patterns as laid out by Google Inc. Copyright 2015.
*/

/* material */
body {
    margin: 0
}

iframe {
    display: block;
    width: 100%;
    border: none
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

details {
    border: 1px solid #aaa;
    padding: 1rem;
    border-radius: 4px;
}

fieldset {
    margin: 0 0 1rem;
    padding: 1rem 0.5rem 1rem;
}

legend {
    font-size: 0.8rem;
}

a,
.mdl-accordion,
.mdl-button,
.mdl-card,
.mdl-checkbox,
.mdl-dropdown-menu,
.mdl-icon-toggle,
.mdl-item,
.mdl-radio,
.mdl-slider,
.mdl-switch,
.mdl-tabs__tab {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.mdl-button {
    background: 0 0;
    border: none;
    border-radius: 2px;
    color: #000;
    position: relative;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    font-family: 'Roboto', 'McMejiro Regular', 'Mejiro Regular', 'Koruri Regular', 'Noto Sans Japanese', "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "MS Gothic", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle
}

.mdl-button::-moz-focus-inner {
    border: 0
}

.mdl-button:hover {
    background-color: rgba(158, 158, 158, .2)
}

.mdl-button:focus:not(:active) {
    background-color: rgba(0, 0, 0, .12)
}

.mdl-button:active {
    background-color: rgba(158, 158, 158, .4)
}

.mdl-button.mdl-button--colored {
    color: rgb(33, 150, 243)
}

.mdl-button.mdl-button--colored:focus:not(:active) {
    background-color: rgba(0, 0, 0, .12)
}

input.mdl-button[type="submit"] {
    -webkit-appearance: none
}

.mdl-button--raised {
    background: rgba(158, 158, 158, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mdl-button--raised:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    background-color: rgba(158, 158, 158, .4)
}

.mdl-button--raised:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
    background-color: rgba(158, 158, 158, .4);
    color: #fff;
}

.mdl-button--raised.mdl-button--colored {
    background: rgb(33, 150, 243);
    color: rgb(255, 255, 255)
}

.mdl-button--raised.mdl-button--colored:hover {
    background-color: rgb(33, 150, 243);
    color: #fff !important;
}

.mdl-button--raised.mdl-button--colored:active {
    background-color: rgb(33, 150, 243)
}

.mdl-button--raised.mdl-button--colored:focus:not(:active) {
    background-color: rgb(33, 150, 243);
    color: #fff;
}

.mdl-button--raised.mdl-button--colored .mdl-ripple {
    background: rgb(255, 255, 255)
}

.mdl-button--accent.mdl-button--accent {
    color: rgb(83, 109, 254)
}

.mdl-button--accent.mdl-button--accent .mdl-ripple {
    background: rgb(255, 255, 255)
}

.mdl-button--accent.mdl-button--accent.mdl-button--raised,
.mdl-button--accent.mdl-button--accent.mdl-button--fab {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(83, 109, 254)
}

.mdl-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

/*Forest Blue*/
.mdl-button[href*="forest-blue"] {
    background: #192C3A;
    color: rgb(255, 255, 255);
}

.mdl-button[href*="forest-blue"]:focus:not(:active),
.mdl-button[href*="forest-blue"]:hover:not(:active) {
    background-color: #001321;
}

.mdl-button[href*="forest-blue"]:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
}

.mdl-button[href*="forest-blue"]:active,
.mdl-button[href*="forest-blue"]:focus,
.mdl-button[href*="forest-blue"]:hover {
    border-bottom-color: #001321;
}

/*Mineral Black*/
.mdl-button[href*="mineral-black"] {
    background: #635552;
    color: rgb(255, 255, 255);
}

.mdl-button[href*="mineral-black"]:focus:not(:active),
.mdl-button[href*="mineral-black"]:hover:not(:active) {
    background-color: #4A3C39;
}

.mdl-button[href*="mineral-black"]:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
}

.mdl-button[href*="mineral-black"]:active,
.mdl-button[href*="mineral-black"]:focus,
.mdl-button[href*="mineral-black"]:hover {
    border-bottom-color: #4A3C39;
}

/*Platinum*/
.mdl-button[href*="platinum"] {
    background: #DEDBD7;
    color: #212121;
}

.mdl-button[href*="platinum"]:focus:not(:active),
.mdl-button[href*="platinum"]:hover:not(:active) {
    background-color: #C5C2BE;
}

.mdl-button[href*="platinum"]:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
}

.mdl-button[href*="platinum"]:active,
.mdl-button[href*="platinum"]:focus,
.mdl-button[href*="platinum"]:hover {
    border-bottom-color: #C5C2BE;
}

/*Luminous Chrome*/
.mdl-lchrome {
    background: #696B69;
    color: #fff;
}

.mdl-lchrome:focus:not(:active),
.mdl-lchrome:hover:not(:active) {
    background-color: #505250;
}

.mdl-lchrome:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
}

.mdl-lchrome:active,
.mdl-lchrome:focus,
.mdl-lchrome:hover {
    border-bottom-color: #505250;
}

/*Deepsea Black*/
.mdl-dblack {
    background: #434549;
    color: #fff;
}

.mdl-dblack:focus:not(:active),
.mdl-dblack:hover:not(:active) {
    background-color: #2A2C30;
}

.mdl-dblack:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
}

.mdl-dblack:active,
.mdl-dblack:focus,
.mdl-dblack:hover {
    border-bottom-color: #2A2C30;
}

/*Bronze Pink*/
.mdl-bpink {
    background: #FFD2D5;
    color: #333;
}

.mdl-bpink:focus:not(:active),
.mdl-bpink:hover:not(:active) {
    background-color: #E6B9BC;
}

.mdl-bpink:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
}

.mdl-bpink:active,
.mdl-bpink:focus,
.mdl-bpink:hover {
    border-bottom-color: #E6B9BC;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.marginauto {
    margin: 0 auto;
}

.textcenter {
    text-align: center;
}

.boxshadow1 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.boxshadow2 {
    /*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.boxshadow3 {
    /*box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);*/
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.boxshadow4 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.boxshadow5 {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.clear {
    clear: both;
}

/* ====== Primary Font ====== */
.font-primary,
#site-title,
.menu.font-secondary,
body,
input,
textarea,
.label-checkbox,
.label-radio,
.required,
#reply-title small {
    font-family: 'Roboto', 'McMejiro Regular', 'Mejiro Regular', 'Koruri Regular', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
    font-feature-settings: "palt" 1;
    font-kerning: auto;
    line-height: 1.6;
}

/* ====== Secondary Font ====== */
.font-secondary,
#site-description,
dt,
th,
legend,
label,
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
select,
option,
.wp-caption-text,
.gallery-caption,
.mejs-controls,
.wp-playlist-item-meta,
.entry-byline,
.entry-footer,
.chat-author cite,
.chat-author,
.comment-meta,
.breadcrumb-trail,
.media-info .prep,
.comment-reply-link,
.comment-reply-login,
.clean-my-archives .day,
.whistle-title {
    font-family: 'Roboto', 'McMejiro Regular', 'Mejiro Regular', 'Koruri Regular', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
    font-feature-settings: "palt" 1;
    font-kerning: auto;
}

/* ====== Headlines Font ====== */
.font-headlines,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', 'McMejiro Regular', 'Mejiro Regular', 'Koruri Regular', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
    font-feature-settings: "palt" 1;
    font-kerning: auto;
    /*font-weight: 400;
    letter-spacing: 0.05em;*/
}

h1 {
    font-size: 2.134rem;
    line-height: 1.4;
    padding-bottom: 0.5rem;
    margin: 0 0 0.5rem;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {
    html {
        font-family: Verdana, Meiryo, sans-serif;
    }
}

@media all and (-ms-high-contrast: active) {
    html {
        font-family: Verdana, Meiryo, sans-serif;
    }
}

#site-title a:hover,
#site-title a:focus,
#site-title a:active,
.font-headlines a:hover,
.font-headlines a:focus,
.font-headlines a:active,
h1 a:hover,
h1 a:focus,
h1 a:active,
h2 a:hover,
h2 a:focus,
h2 a:active,
h3 a:hover,
h3 a:focus,
h3 a:active,
h4 a:hover,
h4 a:focus,
h4 a:active,
h5 a:hover,
h5 a:focus,
h5 a:active,
h6 a:hover,
h6 a:focus,
h6 a:active {
    border-bottom: 0;
    text-decoration: none;
}

#menu-secondary .menu-toggle button,
a,
a:hover {
    text-decoration: none;
}

a.more-link {
    border-bottom: 0;
}

a {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* ====== color: #424242 ====== */
body,
.media-shortcode-extend .media-info,
.wp-playlist-dark .wp-playlist-item {
    color: #424242;
}

#menu-primary {
    padding: 12px 0 0;
}

body.custom-colors {
    border-top-color: #455a64;
    border-bottom-color: #455a64;
}

code {
    max-width: 100%;
}

/* ====== background: #455A64 ====== */
#menu-primary,
#menu-primary .search-form>div,
#footer,
.audio-shortcode-wrap,
.media-shortcode-extend .media-info,
.media-info-toggle,
.entry-content .media-info-toggle,
.media-info-toggle:hover,
.media-info-toggle:focus,
.wp-audio-shortcode.mejs-container,
.mejs-controls,
.mejs-volume-button .mejs-volume-slider,
.mejs-overlay-play .mejs-overlay-button::after,
.mejs-time-rail .mejs-time-float,
.wp-playlist-dark {
    background: #455a64;
}

.mejs-overlay-play .mejs-overlay-button::after {
    content: "?";
}

.media-shortcode-extend,
.mejs-offscreen,
.mejs-overlay-loading {
    display: none;
}

.vjs-big-play-centered {
    margin: 0 auto;
}

.wp-video {
    margin: 0 auto;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/9;
}

.mejs-fullscreen-button button,
.mejs-playpause-button button,
.mejs-volume-button button {
    background: #fafafa;
}

.mejs-play button {
    background-position: 0 0 !important;
}

.mejs-mute,
.mejs-fullscreen-button {
    display: none !important;
}

.gallery .gallery-icon a img {
    padding: 0;
    border: 0;
    border-radius: 2px;
    background: none;
}

#menu-primary .menu-toggle button {
    color: rgba(255, 255, 255, 0.75);
}

#menu-primary li a,
#menu-secondary li a,
#menu-primary .menu-toggle button:hover,
#menu-primary .menu-toggle button:focus {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
}

#menu-primary li li a,
#menu-secondary li li a {
    border-color: #fff;
    color: rgba(33, 33, 33, 0.75);
    background: #fff;
}

#menu-primary li a,
#menu-secondary li a,
#menu-primary li li a,
#menu-secondary li li a {
    font-size: 0.9rem;
    font-weight: 500;
    text-transform: capitalize;
}

.sub-menu {
    padding: 4px 0;
    border-radius: 2px;
    background: #fff;
}

@media only screen and (max-width: 799px) {
    #menu-primary li.current-menu-item>a {
        color: #424242;
    }

    .menu-toggle button {
        box-shadow: none;
    }

    .menu-toggle button:hover,
    .menu-toggle button:focus {
        box-shadow: none;
    }

    #menu-secondary .menu-toggle button {
        padding: 0.5rem 0.75rem 0.5rem 0;
        border-color: transparent;
        border-radius: 2px;
        color: rgba(255, 255, 255, 0);
        background: rgba(255, 255, 255, 0.5);
        font-size: 0;
    }

    #menu-secondary .menu-toggle button:hover {
        background-color: rgba(255, 255, 255, 0.7);
    }

    #menu-secondary .menu-toggle button:focus {
        outline: 0;
        background-color: rgba(255, 255, 255, 0.8);
    }

    #menu-secondary .menu-toggle button.active {
        border-radius: 2px 2px 0 0;
        background-color: rgba(255, 255, 255, 0.9);
    }

    #menu-secondary .menu-toggle button:after {
        color: rgba(33, 33, 33, 0.75) !important;
    }

    .wrap .menu-items {
        box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.19), 0 6px 3px 0 rgba(0, 0, 0, 0.23);
    }

    #menu-secondary .wrap,
    #menu-primary .search-form>div {
        background: #1f1f1f;
    }

    #menu-primary li a,
    #menu-secondary li a,
    #menu-primary li li a,
    #menu-secondary li li a {
        border-color: transparent;
        color: rgba(33, 33, 33, 0.75);
        background: #fff;
    }

    #menu-primary li a:hover,
    #menu-secondary li a:hover,
    #menu-primary li a:focus,
    #menu-secondary li a:focus,
    #menu-primary li li a:hover,
    #menu-secondary li li a:hover,
    #menu-primary li li a:focus,
    #menu-secondary li li a:focus {
        color: #212121;
        background: #eee;
    }
}

.nav-block {
    background-color: rgba(0, 0, 0, 0.5);
    display: inline-block;
    width: 100%;
    padding: 2px;
    border-radius: 4px;
}

.trail-time {
    float: right;
    color: #fff;
    font-size: 16px;
}

.entry-title,
.entry-title a {
    color: #455a64;
}

.entry-byline,
.entry-footer,
.comment-meta,
.wp-playlist-item-meta {
    color: rgba(85, 85, 85, 0.75);
}

.entry .landscape {
    width: 100%;
}

.entry img {
    border-radius: 4px;
}

.post-thumbnail img {
    max-height: 20rem;
    object-fit: contain;
}

/* IE10 & IE11 */
_:-ms-input-placeholder,
:root .post-thumbnail img {
    max-height: 100%;
}

.image-sizes .sep {
    color: #e3e3e3;
}

li.ping,
.comment-content,
.loop-description {
    border-color: #fafafa;
    border-radius: 2px;
    background: #fafafa;
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
}

label:focus,
label.focus {
    text-decoration: none;
}

blockquote {
    color: #fff;
    border-color: transparent;
    border-radius: 2px;
    outline: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.23);
}

/* Menu colors */
@media only screen and (min-width: 800px) {
    .sub-menu {
        box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.19), 0 6px 3px 0 rgba(0, 0, 0, 0.23);
    }

    .sidebar .sub-menu {
        box-shadow: none;
    }

    .menu li>ul::before {
        border-right-color: transparent;
        border-bottom-color: #fff;
        border-left-color: transparent;
    }

    .menu li li>ul::before {
        border-top-color: transparent;
        border-bottom-color: transparent;
    }

    .ltr .menu li li>ul::before {
        border-right-color: #fff;
    }

    .rtl .menu li li>ul::before {
        border-left-color: #fff;
    }

    #menu-primary ul ul li a:hover,
    #menu-secondary ul ul li a:hover,
    #menu-primary ul ul li a:focus,
    #menu-secondary ul ul li a:focus {
        color: #212121;
        background: #eee;
    }

    #menu-primary .search-form .search-toggle::before {
        color: rgba(255, 255, 255, 0.75);
    }

    #menu-primary .search-toggle:hover::before,
    #menu-primary .search-toggle:focus::before {
        color: #fff;
    }
}

#container>.wrap {
    border-radius: 2px;
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
}

.display-header-text #header {
    border: 0;
    border-radius: 2px 2px 0 0;
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
}

#site-title a,
h2#site-description.font-primary {
    color: inherit;
    font-style: normal;
}

#site-title a,
#menu-item-22593 a {
    font-size: 2rem !important;
}

#footer>.wrap,
#menu-primary>.wrap {
    max-width: 1300px;
    padding-left: 5px;
}

#menu-primary .menu-toggle button::before,
#menu-secondary .menu-toggle button::after {
    content: '\f0c9';
    font-family: "Font Awesome 5 Pro", FontAwesome;
}

.widget_search>.search-form {
    border-radius: 2px;
}

.widget-title,
form label {
    cursor: default;
}

.widget-title,
#comments-number,
#reply-title,
.attachment-meta-title {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
}

.attachment-meta-title>.wrap,
#comments-number>.wrap,
#reply-title>.wrap,
.widget-title>.wrap {
    box-sizing: border-box;
    width: 100%;
    padding: 1rem 1rem 0.925rem;
    border-radius: 2px;
    font-size: 1.3rem;
    font-weight: 300;
    text-transform: capitalize;
}

#menu-primary .search-form .search-toggle {
    position: relative;
    width: 45px;
    height: 45px;
    margin-top: -5px;
    margin-right: -6px;
    border-radius: 50%;
}

#menu-primary .search-form .search-toggle:before {
    color: #fff;
    font-size: 1.3rem;
}

#menu-primary .search-form .search-toggle,
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.more-link,
.page-links a,
.comment-reply-link,
.comment-reply-login,
.wp-calendar td.has-posts a,
#menu-sub-terms li a {
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
}

#menu-primary .search-form .search-toggle:hover,
#menu-primary .search-form .search-toggle:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
button:hover,
button:focus,
.more-link:hover,
.more-link:focus,
.page-links a:hover,
.page-links a:focus,
.comment-reply-link:hover,
.comment-reply-link:focus,
.comment-reply-login:hover,
.comment-reply-login:focus,
.wp-calendar td.has-posts a:hover,
.wp-calendar td.has-posts a:focus,
#menu-sub-terms li a:hover,
#menu-sub-terms li a:focus {
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.19), 0 6px 3px 0 rgba(0, 0, 0, 0.23);
    text-decoration: none;
}

.comment-reply-link,
.comment-reply-login {
    border-radius: 0 0 2px 2px;
}

#footer {
    color: rgba(255, 255, 255, 0.75);
}

#footer a {
    font-weight: 700;
}

.ltr .widget-title>.wrap::before {
    padding-right: 10px;
    font-size: 1.5rem;
    line-height: 0.8;
}

.rtl .widget-title>.wrap::before {
    padding-left: 10px;
    font-size: 1.5rem;
    line-height: 0.8;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    border-radius: 2px;
    font-weight: 400;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select {
    border-top: 0;
    border-right: 0;
    border-bottom-color: #616161;
    border-left: 0;
    border-radius: 2px 2px 0 0;
    background: #fafafa;
}

input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus,
select:focus {
    background: #fafafa;
}

textarea {
    resize: vertical;
}

.mejs-controls button {
    box-shadow: none;
}

/* AndroPlus */
@media only screen and (max-width: 1175px) {
    .custom-background #container>.wrap {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 700px) {
    h1 {
        font-size: 1.7rem;
        line-height: 1.4;

    }

    .entry-content p,
    .entry-summary p {
        line-height: 1.75;
    }

    .keep_br br,
    .specsheet br,
    code br {
        display: block !important;
    }

    .entry-content br,
    .entry-summary br {
        display: none;
    }
}

/*.more-link{
	display:block;
	background-color:#2196F3;
	color: #fff;
	text-align:center;
	padding-top:8px;
	padding-bottom:10px;
	width:50%;
	margin:0 auto;
}
.more-link:hover,
.more-link:focus,
{
	color: #fff !important;
}*/
.my_adslot,
.my_adslot_i2 {
    margin: 0 auto;
}

hr.adhr {
    border-top: 3px dotted #eee;
    border-bottom: 0px;
    margin-bottom: 0px;
}

.entry-content p,
.entry-summary p {
    margin: 0px 0px 15px;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

.entry-summary p:nth-of-type(2) {
    text-align: center;
}

/*.entry-content blockquote,.entry-summary blockquote,.entry-content blockquote a,.entry-summary blockquote a{
	color:#424242;
}
.entry-content blockquote a:hover,.entry-summary blockquote a:hover{
	color:#4F4F4F;
}*/

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-evernote:before {
    content: "\e004";
}

.icon-feedly:before {
    content: "\e007";
}

.icon-pocket:before {
    content: "\e008";
}

.icon-line:before {
    content: "\e009";
}

.icon-hatena:before {
    content: "B";
}

.icon-feedly-square:before {
    content: "\e601";
}

.icon-googleplus:before {
    content: "\e608";
}

.icon-facebook:before {
    content: "\e60d";
}

.icon-instagram:before {
    content: "\e610";
}

.icon-twitter:before {
    content: "\e611";
}

.icon-feed:before {
    content: "\e614";
}

.icon-youtube:before {
    content: "\e617";
}

.icon-flickr2:before {
    content: "\e61e";
}

.icon-githubmark:before {
    content: "\e626";
}

.icon-github:before {
    content: "\e627";
}

.icon-wordpress:before {
    content: "\e629";
}

.icon-tumblr:before {
    content: "\e62d";
}

.icon-yahoo:before {
    content: "\e62f";
}

.icon-apple:before {
    content: "\e631";
}

.icon-android:before {
    content: "\e633";
}

.icon-windows:before {
    content: "\e634";
}

.icon-windows8:before {
    content: "\e635";
}

.icon-skype:before {
    content: "\e636";
}

.icon-delicious:before {
    content: "\e638";
}

.icon-pinterest:before {
    content: "\e63a";
}


/* Font Awesome hatena bookmark */
.fa-hatena:before {
    content: "B!";
    font-family: Verdana;
    font-weight: bold
}

.socl_button {
    margin-top: 10px;
}

.socl {
    display: inline-block;
    width: 120px;
    border-radius: 3px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
}

.pushnotif {
    display: inline-block;

    border-radius: 3px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
}

.twitter {
    background: #4099FF;
}

.twitter:hover {
    background: #2780E6;
}

.googleplus {
    background: #d34836;
}

.googleplus:hover {
    background: #BA2F1D;
}

.hatena {
    background: #2C6EBD;
}

.hatena:hover {
    background: #0C4E9D;
}

.pocket {
    background: #EF3E56;
}

.pocket:hover {
    background: #D6253D;
}

.embedly {
    background: #4DC7E6;
}

.embedly:hover {
    background: #00C7E4;
    padding: 5px !important;
}

.embedly img {
    vertical-align: middle;
}

.copyinfo,
.webshare {
    color: #333;
    width: 190px;
}

.bpush {
    background: #26A69A !important;
    color: #fff;
}

.mastodon {
    background: #3088D4;
}

.mastodon:hover {
    background: #176FBB;
}

.clr {
    clear: both;
}

.post-thumbnail-wrap {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 3%;
}

.ratio {
    /*heightの比率を可変*/
    content: "";
    display: block;
    padding-top: 50%;
    /*比率を変えることでサイズ変更できます。*/
}

.post-thumbnail-in {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.post-thumbnail-wrap img {
    /*width: 100%;*/
    height: 100%;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    -webkit-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
}

.entry-content table[border="0"][cellpadding="0"][cellspacing="0"] {
    margin: 0px auto;
    width: auto;
}

.avatar {
    border: 0px !important;
    border-radius: 0 !important;
}

.warn_root,
.warn_time {
    width: 98%;
    border: 1px solid #EEE;
    border-radius: 3px;
    margin: 5px;
    font-size: 0.8em;
}

.warn_time {
    background-color: #ffebee;
    margin-bottom: 13px;
}

.warn_root {
    background-color: #eee;
}

.wpex-link {
    background-color: #607d8b;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
}

.wpex_div {
    display: block;
    background-color: #eee;
    border-radius: 3px;
    padding: 5px;
}

#fancybox-title-outside {
    font-size: 1.4em;
}

.h3-somc {
    border-bottom: 1px solid #e8e8e8;
    font-weight: 700;
    margin-top: 2.5rem;
    line-height: 1.4;
    word-break: auto-phrase;
}

.h3-somc .fa-square {
    margin-right: 8px;
    color: #ccc;
}

.h3-somc span {
    font-size: 1.4rem;
}

#toc_container a:hover {
    text-decoration: none !important;
}

.specsheet tr {
    background-color: #f1f1f1;
    border: 1px solid #e0e0e0;
}

.specsheet td {
    font-family: 'Roboto', 'McMejiro Regular', 'Mejiro Regular', 'Koruri Regular', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
    color: #333;
    text-align: center;
    border-color: #e0e0e0;
    vertical-align: middle;
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-all;
}

.specsheet th {
    text-align: center;
    text-transform: none;
}

.specsheet tr:first-of-type td {
    background: #f1f1f1;
}

.specsheet tr td:first-of-type {
    background-color: #f1f1f1;
}

.specsheet img {
    margin: 0 auto !important;
}

.specsheet .yes {
    background: #DCEDC8 !important;
}

.specsheet .no {
    background: #FFCDD2 !important;
}

.main-index .entry,
.main-index .entry {
    float: left;
    width: 50%;
}

.entry-card-wide.mdl-card {
    width: 98%;
    float: left;
    height: 300px;
    margin: 5px;
}

.a-card-wide.mdl-card {
    width: 98%;
    min-height: 280px;
    padding: 10px;
    margin-top: 15px;
}

.entry-card-wide>.mdl-card__title,
.a-card-wide>.mdl-card__title {
    color: #fff;
    height: 300px;
    cursor: pointer;
    cursor: hand;
}

.entry-card-wide>.mdl-card__menu {
    color: #fff;
}

.mdl-card__title-text {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 3px;
    border-bottom: none;
    width: 100%;
    min-height: 2.5em;
    font-size: 20px !important;
    color: #FFF;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}

.mdl-card__title-text a {
    color: #fff !important;
    font-size: 18px;
    padding: 3px;
}

.mdl-card__time {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 3px;
    background-color: rgba(0, 0, 0, 0.2);
    border-bottom-right-radius: 3px;
    font-size: 14px;
    text-shadow: rgba(0, 0, 0, 0.2) 2px 2px 0;
}

.mdl-card__supporting-text {
    min-height: 3em;
    height: 3em;
    padding: 4px 6px;
}

.mdl-button--icon {
    background: rgba(0, 0, 0, 0.5);
}

.mdl-cta-blk,
.mdl-button-blk {
    text-align: center;
}

.mdl-cta,
.mdl-buton {
    margin: 10px auto;
    display: inline-block;
    line-height: 1.5;
    height: auto;
    padding: 1.2rem 2rem !important;
    font-size: 1.2rem;
    font-weight: bold;
}

img[width="1"][height="1"] {
    float: left;
}

img[width="1"][height="1"]:after {
    content: "";
    clear: both;
    display: block;
}

.h2_border {
    clear: both;
    border-bottom: 1px solid #bdbdbd;
    margin: 10px 0px;
    padding-top: 5px;
    padding-bottom: 0px !important;
}

.h2_border_in {
    border-bottom: 3px solid #2196f3;
    display: inline-block;
    padding-bottom: 3px;
    font-size: 1.2rem;
    /*text-shadow:1px 1px 1px #ccc;*/
}

.entry-byline {
    margin: 0 0 5px;
}

.article_body,
.page {
    width: 99%;
    background-color: #fff;
    border-radius: 4px;
    padding: 0.1rem 0.5rem;
}

.loop-pagination .prev,
.loop-pagination .page-numbers,
.loop-pagination .next {
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 5px;
    border-radius: 3px;
}

.loop-pagination .prev {
    border-radius: 20px 3px 3px 20px;
}

.loop-pagination .next {
    border-radius: 3px 20px 20px 3px;
}

.loop-pagination .current {
    background-color: rgba(0, 0, 0, 0.5);
}

.profile-block {
    width: 100%;
    float: left;
    padding-left: 10px;
    background-color: #fff;
    border-radius: 4px;
    display: inline-block;
    margin: 5px;
    padding: 5px;
}

.profile-block-post {
    width: 99%;
    background-color: #fff;
    border-radius: 4px;
    display: inline-block;
    margin-top: 16px;
    padding: 5px;
}

.profile-block-post p {
    margin: 3px;
}

.profile-block-post .profile-block-icon-img {
    border-radius: 100px !important;
}

.profile-block-icon-img {
    width: 100px;
    height: 100px;
    margin-right: 10px;
    float: left;
    border-radius: 100px;
    border: 1px solid #ccc;
}

.profile-block-name {
    float: left;
    padding-top: 0.2em;
    font-size: 1.3em;
}

.profile-block-desc {
    float: left;
    font-size: 0.9em;
    width: 80%;
    width: calc(100% - 120px);
}

.profile-block-social {
    float: left;
}

.profile-block-social button {
    color: #fff;
}

..widget {
    clear: both;
}

.widget-title {
    background: #2196F3;
    color: #fafafa;
    padding-left: 5px;
}

.lkc-internal-wrap,
.lkc-external-wrap {
    max-width: 95% !important;
    border-radius: 4px;
}

.lkc-content {
    height: auto !important;
}

@media screen and (min-width:480px) {
    .lkc-thumbnail {
        margin: 0 9px 4px 4px !important;
        max-width: 100% !important;
        max-height: 120px !important;
    }

    .lkc-thumbnail-img {
        max-width: 100% !important;
        max-height: 120px !important;
    }
}

.bookmarklet-gp {
    margin: 0 auto;
}

@media(max-width: 1050px) {
    .profile-block {
        width: 100%;
    }
}

.show_on_sp {
    display: none;
}

@media(max-width: 768px) {
    .show_on_sp {
        display: block;
        text-align: center;
        margin-bottom: 1rem;
    }
}

/* レスポンシブ広告 */

.my_adslotd,
.my_adslots {
    width: 320px;
    height: 100px;
    clear: both;
    overflow: hidden;
}

@media(max-width: 500px) {
    .my_adslotd2 {
        display: none !important;
        clear: both;
    }

    .mdl-card__supporting-text {
        display: none;
    }
}

@media(min-width: 500px) {
    .my_adslotd {
        display: block !important;
        width: 468px;
        height: 60px;
        clear: both;
        margin: 0 auto;
    }

    .my_adslotd2 {
        display: none !important;
        clear: both;
    }

    .my_adslots {
        display: none !important;
        clear: both;
    }
}

@media(min-width: 1240px) {

    .my_adslotd2,
    .my_adslot_i2 {
        display: block !important;
        width: 336px;
        height: 280px;
    }

    .my_adslotd {
        display: block !important;
        width: 728px;
        height: 90px;
    }

    .floatl {
        float: left;
    }

    .my_adslots {
        display: none !important;
        clear: both;
    }
}

@media(max-width: 550px) {
    .av_loop {
        width: 95% !important;
    }

    .entry,
    .a-card,
    .aslot_list {
        width: 98% !important;
    }

    .a-card {
        height: auto !important;
    }
}

/* トップの記事下 */
.my_adslot {
    width: 300px;
    height: 250px;
    clear: both;
}

@media(min-width: 300px) {
    .my_adslot {
        width: 300px;
        height: 250px;
        clear: both;
    }

    .a-card-wide {
        height: 280px;
        min-height: 280px;
    }
}

@media(min-width: 815px) {
    .my_adslot {
        width: 728px;
        height: 90px;
        clear: both;
    }

    .a-card-wide {
        height: 110px;
        min-height: 110px;
    }
}

@media(min-width: 950px) {
    .my_adslot {
        width: 300px;
        height: 250px;
        clear: both;
    }

    .a-card-wide {
        height: 280px;
        min-height: 280px;
    }
}

@media(max-width: 1360px) {
    .my_adslot_sky {
        display: none;
    }
}

.aslot_list {
    width: 300px;
    height: 250px;
}

@media (min-width:400px) {
    .aslot_list {
        width: 336px;
        height: 280px;
    }
}

.a-card {
    float: left;
    width: 50%;
    height: 300px;
    padding: 5px;
    margin-top: 5px;
}

.my_as_double {
    width: 100%;
    display: table;
    table-layout: fixed;
    text-align: center;
}

.my_as_double>div {
    display: table-cell;
    vertical-align: middle;
}

.my_as_double_sp {
    display: none;
}

@media(max-width: 680px) {
    .my_as_double {
        display: none !important;
    }

    .my_as_double_sp {
        display: block !important;
        width: 100%;
        text-align: center;
    }

}

/* スペックボックス */
.specsbox {
    display: table;
}

.specsbox:after {
    content: "";
    display: block;
    clear: both;
}

.specsbox table {
    display: table-cell;
    min-width: 475px;
    text-align: center;
    vertical-align: middle;
    width: auto;
}

.specsbox table tbody {
    display: table;
    margin: 0 auto;
}

.specsbox table th {
    display: none;
}

.specsbox table tr {
    border: none;
}

.specsbox table td {
    font-size: 14px;
    font-weight: normal !important;
    position: relative;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    border: none;
}

.specsbox table td em:first-line {
    font-family: "Proxima Nova Bold", Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.specsbox table td em {
    background: #fff;
    border: 1px solid #ededed;
    color: #08B7D6;
    display: inline-block;
    font-style: normal;
    line-height: 1;
    margin: 10px 0;
    min-width: 50px;
    padding: 5px 10px;
    position: relative;
    white-space: nowrap;
}

.specsbox table td img {
    max-height: 400px;
}

.specsbox table tbody tr:nth-of-type(1) td:nth-of-type(2) em {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.specsbox table tbody tr:nth-of-type(1) td:nth-of-type(2):before {
    background: -webkit-linear-gradient(top, rgba(116, 212, 226, 0) 0%, rgba(116, 212, 226, 1) 40%, rgba(116, 212, 226, 1) 60%, rgba(116, 212, 226, 0) 100%);
    background: linear-gradient(to bottom, rgba(116, 212, 226, 0) 0%, rgba(116, 212, 226, 1) 40%, rgba(116, 212, 226, 1) 60%, rgba(116, 212, 226, 0) 100%);
    bottom: 5px;
    content: "";
    display: block;
    position: absolute;
    right: 49%;
    right: calc(50% - 1px);
    top: 5px;
    width: 2px;
}

.specsbox table tbody tr:nth-of-type(2) td:nth-of-type(1):before {
    background: -webkit-linear-gradient(left, rgba(116, 212, 226, 0) 0%, rgba(116, 212, 226, 1) 40%, rgba(116, 212, 226, 1) 60%, rgba(116, 212, 226, 0) 100%);
    background: linear-gradient(to right, rgba(116, 212, 226, 0) 0%, rgba(116, 212, 226, 1) 40%, rgba(116, 212, 226, 1) 60%, rgba(116, 212, 226, 0) 100%);
    bottom: 49%;
    bottom: calc(50% - 1px);
    content: "";
    display: block;
    height: 2px;
    left: 15px;
    position: absolute;
    right: 15px;
}

.specsbox ul {
    display: table-cell;
    font-size: 0;
    padding-bottom: 40px;
    vertical-align: middle;
}

.specsbox li {}

.specsbox li:before {}

.specsbox ul li {
    border: none;
    padding: 0 0 20px;
}

.specsbox ul li:before,
.specsbox ul ul li:before {
    display: none;
}

.specsbox li ul {
    background: #fff;
    border: 1px solid #EDEDED;
    color: #08B7D6;
    display: block;
    margin: -10px 10px 0;
    padding: 5px 22px;
}

.specsbox ul ul li {
    font-size: 16px;
    padding: 5px 0;
}

.specsbox ul ul li:first-of-type {
    font-family: "Proxima Nova Bold", Helvetica, Arial, sans-serif;
    font-size: 18px;
}

.specsbox ul ul li:first-child {
    list-style-type: none;
    margin-left: -1em;
}

@media all and (max-width:1280px) {
    .specsbox table {
        min-width: 300px;
    }

    .specsbox table td img {
        height: 32vw;
    }

    .specsbox ul {
        padding-bottom: 0;
    }
}

@media all and (max-width:1024px) {
    .article-body .specsbox>ul>li {
        font-size: 0;
    }
}

@media all and (max-width:1000px) {
    .specsbox {
        display: block;
        margin: 60px 0;
    }

    .specsbox ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 10px 0 0;
    }

    .specsbox li ul {
        width: 100%;
    }

    .specsbox table {
        display: table;
        margin: 0 auto;
    }

    .specsbox table td img {
        height: 65vw;
    }

    .specsbox ul li {
        width: 50%;
    }

    .specsbox ul li:last-of-type:nth-of-type(odd) {
        width: 100%;
    }

    .specsbox ul ul li {
        width: auto;
    }
}

@media all and (max-width:800px) {
    .specsbox table {
        display: table-cell;
        min-width: 50vw;
    }

    .specsbox ul {
        display: table-cell;
        padding-bottom: 0;
    }

    .specsbox ul li {
        width: auto;
    }

    .specsbox ul ul li {
        padding: 3px 0;
    }
}

@media all and (max-width:660px) {
    .specsbox {
        display: block;
        margin: 60px 0;
    }

    .specsbox ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 10px 0 0;
    }

    .specsbox table {
        display: table;
        margin: 0 auto;
    }

    .specsbox table td img {
        height: 80vw;
    }

    .specsbox ul li {
        width: 50%;
    }

    .specsbox>ul>li {
        display: flex;
    }

    .specsbox ul ul li {
        width: auto;
    }
}

@media all and (max-width:480px) {
    .specsbox ul {
        display: block;
    }

    .specsbox li ul,
    .specsbox ul li {
        width: auto;
    }

    .specsbox>ul>li {
        display: list-item;
    }
}

@media all and (max-width:400px) {
    .specsbox table td img {
        height: 70vw;
    }

    .specsbox table td em:first-line {
        font-size: 14px;
    }

    .specsbox table td em {
        font-size: 12px;
    }
}

@media screen and (min-width:0\0) {
    .specsbox li ul {
        margin: 8px 10px 0;
    }
}

@media screen and (min-width:0\0) and (max-width:660px) {
    .specsbox ul {
        display: block;
        margin: 10px auto 0;
    }

    .specsbox ul li {
        width: auto;
    }
}

.specsbox+.caption {
    margin-top: -40px;
    margin-bottom: 35px;
}

@media all and (max-width:1000px) {
    .specsbox {
        margin: 0 -40px 60px;
    }

    .specsbox table {
        display: table-cell;
        min-width: 50vw;
    }

    .specsbox table td img {
        height: 60vw;
    }

    .specsbox ul {
        display: table-cell;
        padding-bottom: 0;
    }

    .specsbox li ul,
    .specsbox ul li {
        width: auto;
    }

    .specsbox ul ul li {
        padding: 3px 0;
    }
}

@media all and (max-width:800px) {
    .specsbox {
        margin: 0 -20px 60px;
    }
}

@media all and (max-width:660px) {
    .specsbox {
        display: block;
        margin: 60px 0;
    }

    .specsbox ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 10px 0 0;
    }

    .specsbox table {
        display: table;
        margin: 0 auto;
    }

    .specsbox table td img {
        height: 80vw;
    }

    .specsbox ul li {
        width: 50%;
    }

    .specsbox li ul {
        width: 100%;
    }

    .specsbox ul ul li {
        width: auto;
    }
}

@media all and (max-width:480px) {
    .specsbox ul {
        display: block;
    }

    .specsbox li ul,
    .specsbox ul li {
        width: auto;
    }
}

@media all and (max-width:400px) {
    .specsbox table td img {
        height: 70vw;
    }

    .specsbox table td em:first-line {
        font-size: 14px;
    }

    .specsbox table td em {
        font-size: 12px;
    }
}

@media screen and (min-width:0\0) and (max-width:660px) {
    .specsbox ul {
        display: block;
        margin: 10px auto 0;
    }

    .specsbox ul li {
        width: auto;
    }
}

/* スペックボックス */

/*Piz*/


.linkcard {
    margin-top: 4px;
    margin-bottom: 16px;
    margin-left: 4px;
    margin-right: 16px;
}

.linkcard a {
    text-decoration: none;
}

.linkcard img {
    margin: 0 !important;
    padding: 0;
    border: none;
}

.lkc-internal-wrap {
    margin: 0 auto;
    border: 1px solid #ddd;
    padding: 0;
    max-width: 95%;
    background-color: #fff;
    line-height: 100%;
}

.lkc-internal-wrap::after {}

.lkc-internal-wrap::before {}

.lkc-external-wrap {
    margin: 0 auto;
    border: 1px solid #ddd;
    padding: 0;
    max-width: 95%;
    background-color: #fff;
    line-height: 100%;
}

.lkc-external-wrap::after {}

.lkc-external-wrap::before {}

.lkc-this-wrap {
    margin: 0 auto;
    border: 1px solid #ddd;
    padding: 0;
    max-width: 95%;
    background-color: #eee;
    line-height: 100%;
}

.lkc-this-wrap::after {}

.lkc-this-wrap::before {}

.lkc-card {
    margin-top: 7px;
    margin-right: 7px;
    margin-bottom: 7px;
    margin-left: 7px;
}

.lkc-content {
    height: 108px;
    margin-top: 6px;
    word-break: break-all;
    white-space: normal;
    overflow: hidden;
}

.lkc-title {
    color: #111111;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5 !important;
    overflow: hidden;
    word-break: break-all;
}

.lkc-title:hover {
    text-decoration: underline;
}

.lkc-url {
    color: #4466ff;
    font-size: 9px;
    font-weight: normal;
    text-decoration: underline;
    line-height: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.lkc-excerpt {
    color: #333333;
    font-size: 11px;
    padding: 0;
    margin: 6px 0 0 0;
    line-height: 15px;
    overflow: hidden;
}

.lkc-thumbnail {
    max-width: 100px;
    max-height: 100px;
    padding: 0;
    margin: 0 6px 4px 4px;
    float: left;
}

.lkc-thumbnail-img {
    max-width: 100px;
    max-height: 100px;
    border: 1px solid #222;
}

.lkc-info {
    padding: 0;
    color: #222222;
    font-size: 12px;
    overflow: hidden;
    display: inline !important;
}

.lkc-domain {
    color: #222222;
    font-size: 12px;
    text-decoration: none;
    display: inline !important;
}

.lkc-domain:hover {
    color: #222222;
    font-size: 12px;
    text-decoration: underline;
    display: inline !important;
}

.lkc-favicon {
    height: 16px;
    width: 16px;
    margin: 0 4px;
    border: none;
    vertical-align: top;
    display: inline !important;
}

.lkc-name a {
    margin: 0;
    padding: 0;
    float: right;
    color: #888888;
    font-size: 4px;
    opacity: 0.5;
    text-decoration: none;
    display: none;
}

.lkc-share {
    text-shadow: none;
}

.lkc-sns-tw {
    margin: 0;
    padding: 0 1px;
    color: #5ea9dd !important;
    background-color: #f5f8fa !important;
    font-size: 9px;
    text-decoration: underline !important;
    font-weight: bold !important;
    white-space: nowrap;
}

.lkc-sns-fb {
    margin: 0;
    padding: 0 1px;
    color: #ffffff !important;
    background-color: #3864a3 !important;
    font-size: 9px;
    text-decoration: underline !important;
    font-weight: bold !important;
    white-space: nowrap;
}

.lkc-sns-hb {
    margin: 0;
    padding: 0 1px;
    color: #ff6464 !important;
    background-color: #ffefef !important;
    font-size: 9px;
    text-decoration: underline !important;
    font-weight: bold !important;
    white-space: nowrap;
}

.lkc-sns-gp {
    margin: 0;
    padding: 0 1px;
    color: #dd4e42 !important;
    background-color: #ffffff !important;
    font-size: 9px;
    text-decoration: underline !important;
    font-weight: bold !important;
    white-space: nowrap;
}

.lkc-sns-po {
    margin: 0;
    padding: 0 1px;
    color: #eeeeee !important;
    background-color: #ee4055 !important;
    font-size: 9px;
    text-decoration: underline !important;
    font-weight: bold !important;
    white-space: nowrap;
}

.clear {
    clear: both;
}

blockquote.lkc-quote {
    background-color: transparent;
    background-image: none;
    padding: 0;
    margin: 0;
    border: none;
}

.lkc-iframe-wrap {
    margin: 0 auto;
    max-width: 95%;
}

.lkc-iframe {
    padding: 0;
    margin: 0;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .lkc-title {
        font-size: 90%;
    }

    .lkc-excerpt {
        font-size: 80%;
    }

    .lkc-thumbnail {
        max-width: 70px;
        max-height: 70px;
    }

    .lkc-thumbnail-img {
        max-width: 70px;
        max-height: 70px;
    }
}

@media screen and (max-width: 640px) {
    .lkc-title {
        font-size: 80%;
    }

    .lkc-excerpt {
        font-size: 65%;
    }

    .lkc-thumbnail {
        max-width: 60px;
        max-height: 60px;
    }

    .lkc-thumbnail-img {
        max-width: 60px;
        max-height: 60px;
    }
}

@media screen and (max-width: 480px) {
    .lkc-title {
        font-size: 70%;
    }

    .lkc-excerpt {
        font-size: 50%;
    }

    .lkc-thumbnail {
        max-width: 50px;
        max-height: 50px;
    }

    .lkc-thumbnail-img {
        max-width: 50px;
        max-height: 50px;
    }
}

.show-comments {
    width: 100%;
    margin-bottom: 2rem;
}

#disqus_thread iframe:not([src*="disqus.com/embed"]) {
    display: none;
}

.entry-content a,
.entry-summary a,
.comment-content a {
    border-bottom-color: rgba(33, 150, 243, 0.15);
}

#text-4 {
    margin-top: -1.5em;
}


/************************************
** パンくずリスト（Breadcrumb）
************************************/
#breadcrumb {
    padding-left: 5px;
    color: #fff;
    font-size: 13px;
    display: inline-block;
}

div#breadcrumb div {
    display: inline;
}

#breadcrumb span.sp {
    margin: 0 10px;
}

#breadcrumb a {
    text-decoration: none;
    color: #fff;
}

#breadcrumb_date {
    color: #fff;
    font-size: 13px;
    padding-left: 5px;
    float: right;
}

#breadcrumb ul {
    margin: 0px;
}

#breadcrumb li {
    display: inline;
    color: #ccc;
}

#breadcrumb span.sp {
    margin: 0 10px
}

#breadcrumb a {
    text-decoration: none;
    color: #757575;
}

#breadcrumb_date {
    color: #616161;
    font-size: 13px;
    padding-left: 5px;
}

/*--------------------------------------
ヨメレバ・カエレバ
--------------------------------------*/
.booklink-box,
.kaerebalink-box {
    width: 85%;
    margin: 1em 0 1em;
    padding: 5%;
    border: double #d2d7e6;
    overflow: hidden;
    font-size: small;
    border-radius: 2px;
}

.booklink-image,
.kaerebalink-image {
    margin: 0 0 15px 0;
}

.booklink-image img,
.kaerebalink-image img {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.booklink-info,
.kaerebalink-info {
    text-align: center;
    line-height: 120%;
    overflow: hidden;
}

.booklink-name,
.kaerebalink-name {
    font-size: 16px;
    margin-bottom: 14px;
    line-height: 1.2em;
}

.booklink-powered-date,
.kaerebalink-powered-date {
    font-size: 6pt;
    padding-top: 10px;
    line-height: 120%;
}

.booklink-powered-date,
.kaerebalink-detail {
    margin-bottom: 15px;
}

.booklink-link2,
.kaerebalink-link1 {
    margin-top: 20px;
}

.shoplinkamazon,
.shoplinkrakuten,
.shoplinkkindle,
.shoplinkyahoo,
.shoplinkkakakucom,
.shoplinkseven,
.shoplinkwowma {
    width: 90%;
    overflow: hidden;
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    margin: 0 auto 5px auto;
    padding: 0px;
    text-align: center;
}

.shoplinkamazon:hover,
.shoplinkrakuten:hover,
.shoplinkkindle:hover,
.shoplinkyahoo:hover,
.shoplinkseven:hover,
.shoplinkwowma:hover {
    background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    background-color: #f6f6f6;
}

.shoplinkamazon:active,
.shoplinkrakuten:active,
.shoplinkkindle:active,
.shoplinkyahoo:active,
.shoplinkseven:active,
.shoplinkwowma:active {
    position: relative;
    top: 1px;
}

.shoplinkamazon a,
.shoplinkrakuten a,
.shoplinkyahoo a,
.shoplinkkindle a,
.shoplinkkakakucom a,
.shoplinkseven a,
.shoplinkwowma a {
    display: block;
    cursor: pointer;
    text-decoration: none;
    font-weight: 800;
}

.shoplinkamazon a {
    color: #fff;
    border-bottom: none !important;
    background-color: #FF9901;
    padding: 10px 0px !important;
}

.shoplinkrakuten a {
    color: #fff;
    border-bottom: none !important;
    background-color: #c20004;
    padding: 10px 0px !important;
}

.shoplinkyahoo a {
    color: #fff;
    border-bottom: none !important;
    background-color: #7b0099;
    padding: 10px 0px !important;
}

.shoplinkseven a {
    color: #fff;
    border-bottom: none !important;
    background-color: #43A047;
    padding: 10px 0px !important;
}

.shoplinkwowma a {
    color: #fff;
    border-bottom: none !important;
    background-color: #F4511E;
    padding: 10px 0px !important;
}

.booklink-footer {
    clear: left;
}

@media only screen and (min-width: 780px) {

    /*--------------------------------------
780px ヨメレバ・カエレバ
--------------------------------------*/
    .booklink-box,
    .kaerebalink-box {
        width: 90%;
        margin: 20px auto;
        padding: 20px;
    }

    .booklink-image,
    .kaerebalink-image {
        margin: 0 15px 0 0;
        float: left;
    }

    .booklink-info,
    .kaerebalink-info {
        margin: 0;
        text-align: left;
    }

    .booklink-name,
    .kaerebalink-name {
        margin-bottom: 24px;
        line-height: 1.5;
    }

    .booklink-link2,
    .kaerebalink-link1 {
        margin-top: 10px;
    }

    .shoplinkamazon,
    .shoplinkrakuten,
    .shoplinkkindle,
    .shoplinkyahoo,
    .shoplinkkakakucom,
    .shoplinkseven,
    .shoplinkwowma {
        float: left;
        width: 30%;
        margin: 15px 1% 0 auto;
        padding: 0px;
    }
}


/*custom-css*/
#menu-primary .search-form .search-toggle,
.display-header-text #header {
    background: #2196F3;
}

input[type='date']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='email']:focus,
input[type='month']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='time']:focus,
input[type='url']:focus,
input[type='week']:focus,
textarea:focus,
select:focus {
    border-bottom-color: #2196F3;
    box-shadow: 0 1px 0 0 #2196F3;
}

a,
.wp-playlist-light .wp-playlist-playing {
    color: #0044CC;
}

a:not(.more-link .socl):hover,
a:not(.more-link .socl):focus,
legend,
mark,
.comment-respond .required,
pre,
.form-allowed-tags code,
pre code,
.wp-playlist-light .wp-playlist-item:hover,
.wp-playlist-light .wp-playlist-item:focus,
.mejs-button button:hover::after,
.mejs-button button:focus::after,
.mejs-overlay-button:hover::after,
.mejs-overlay-button:focus::after {
    color: #2196F3;
    opacity: 0.8;
}

input[type='submit'],
input[type='reset'],
input[type='button'],
button,
.page-links a,
.comment-reply-link,
.comment-reply-login,
.wp-calendar td.has-posts a,
#menu-sub-terms li a {
    color: #fff;
    background-color: rgba(33, 150, 243, 0.8);
}

legend,
mark,
pre,
.form-allowed-tags code {
    background-color: rgba(33, 150, 243, 0.1);
}

input[type='submit']:hover,
input[type='submit']:focus,
input[type='reset']:hover,
input[type='reset']:focus,
input[type='button']:hover,
input[type='button']:focus,
button:hover,
button:focus,
.page-links a:hover,
.page-links a:focus,
.wp-calendar td.has-posts a:hover,
.wp-calendar td.has-posts a:focus,
.widget-title>.wrap,
#comments-number>.wrap,
#reply-title>.wrap,
.attachment-meta-title>.wrap,
.widget_search>.search-form,
#menu-sub-terms li a:hover,
#menu-sub-terms li a:focus,
.comment-reply-link:hover,
.comment-reply-link:focus,
.comment-reply-login:hover,
.comment-reply-login:focus,
.mejs-time-rail .mejs-time-loaded,
.skip-link .screen-reader-text {
    background-color: #2196F3;
}

::selection {
    background-color: #2196F3;
}

legend {
    border-color: rgba(33, 150, 243, 0.15);
}

body {
    border-top-color: #2196F3;
}

.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.comment-content a:hover,
.comment-content a:focus {
    border-bottom-color: rgba(33, 150, 243, 0.75);
}

body,
.widget-title,
#comments-number,
#reply-title,
.attachment-meta-title {
    border-bottom-color: #2196F3;
}

blockquote {
    background-color: #78909c;
}

blockquote blockquote {
    background-color: #607d8b;
}

blockquote {
    outline-color: rgba(33, 150, 243, 0.85);
}

.custom-header #branding,
#site-title {
    color: #ffffff;
}

.custom-header {
    background: #eeeeee;
}

table a {
    color: #2196F3;
    border-bottom-color: #2196F3 !important;
}

#post-list {
    margin-left: 0px;
    display: -ms-grid;
    display: grid;
    gap: 5px;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 405px 405px;
}

#post-list li:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
}

#post-list li:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
}

#post-list li:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
}

#post-list li:nth-child(4) {
    -ms-grid-column: 2;
    -ms-grid-row: 2;
}

#post-list li:nth-child(5) {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
}

#post-list li:nth-child(6) {
    -ms-grid-column: 2;
    -ms-grid-row: 3;
}

#post-list li:nth-child(7) {
    -ms-grid-column: 1;
    -ms-grid-row: 4;
}

#post-list li:nth-child(8) {
    -ms-grid-column: 2;
    -ms-grid-row: 4;
}

#post-list li:nth-child(9) {
    -ms-grid-column: 1;
    -ms-grid-row: 5;
}

#post-list li:nth-child(10) {
    -ms-grid-column: 2;
    -ms-grid-row: 5;
}


#post-list li {
    list-style: none;
    margin: 0px 15px 15px 0px;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15), 0px 0px 0px 0px transparent;
    overflow: hidden;
    position: relative;
    transition: all 0.3s;
}

#post-list li:hover,
#post-list li:active {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15), 0px 0px 0px 4px #3DDB86;
}

#post-list .post-list-link {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    display: block;
}

#post-list .post-list-image {
    text-align: center;
    overflow: hidden;
    aspect-ratio: 16/9;
}

#post-list .post-list-image img {
    object-fit: contain;
    height: 100%;
}

@supports not (aspect-ratio: 16/9) {
    #post-list .post-list-image img {
        height: auto;
    }
}

#post-list .post-list-title {
    margin: 0.5rem;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.5;
    /*border-bottom: 2px solid #ccc;*/
    word-break: break-all;
}

.post-list-time {
    display: none;
}

#post-list .post-list-excerpt {
    margin: 10px 15px;
    color: #9E9E9E;
    text-overflow: ellipsis;
}

#post-list .post-list-time {
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

@media only screen and (max-width: 580px) {
    #post-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    /*#post-list .post-list-image{
        aspect-ratio: auto;
        max-height: 163px;
    }*/
}

.cover-link-box {
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15), 0px 0px 0px 0px transparent;
    transition: all 0.3s;
}

.cover-link-box:hover,
.cover-link-box:active {
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15), 0px 0px 0px 2px #2196F3;
}

.cover-link {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    display: block;
}

/*マーカーアニメーション*/
.marker-animation {
    text-decoration: underline;
    text-decoration-thickness: 0.3em;
    text-decoration-color: rgba(255, 235, 59, 0.6);
    /*text-underline-offset: -0.1em;*/
    text-decoration-skip-ink: none;
}

.amchart {
    background: #fafafa;
}

#tinymce {
    background: #fff !important;
}

@media (prefers-color-scheme: dark) {
    #tinymce {
        background: #202124 !important;
    }

    body {
        background-color: #202124 !important;
        color: #e4e4e4;
    }

    #toc_container {
        background: #5f6368 !important;
    }

    #menu-primary,
    #header,
    .widget-title {
        border-bottom: 1px solid #5f6368 !important;
    }

    #header,
    .widget-title,
    .widget-title>.wrap,
    #menu-primary,
    #footer,
    #menu-primary-items,
    .wrap-content,
    .main,
    .article_body,
    .entry {
        background: #202124 !important;
    }

    @media only screen and (min-width: 480px) {
        .article_body {
            border: 1px solid #5f6368;
        }
    }

    #post-list li,
    .lkc-internal-wrap,
    .lkc-external-wrap {
        background: #333;
    }

    .entry-title,
    h3,
    h4,
    .copyinfo,
    .webshare,
    .category,
    .entry-footer,
    .loop-title,
    .lkc-title {
        color: #e4e4e4 !important;
    }

    .socl:hover {
        color: #fff !important;
    }

    .specsheet tr {
        background: #1F1B24;
        color: #e4e4e4;
    }

    .specsheet tr td:first-of-type {
        background: #1F1B24;
        color: #e4e4e4;
    }

    .specsheet td {
        background: #202124 !important;
        color: #e4e4e4 !important;
    }

    .specsheet span[style="color: #ff0000;"] {
        color: #ef9a9a !important;
    }

    .warn_root,
    .warn_time {
        color: #202124;
    }

    a,
    .lkc-url,
    .lkc-domain {
        color: #8AB4F8;
    }

    a[href^="https://photos.app.goo.gl"] img {
        filter: grayscale(0%) !important;
    }

    .shoplinkamazon,
    .shoplinkrakuten,
    .shoplinkkindle,
    .shoplinkyahoo,
    .shoplinkkakakucom,
    .shoplinkseven,
    .shoplinkwowma {
        border: none;
    }
}

.wrap>div.google-auto-placed,
#header div.google-auto-placed,
.post-list-image>div.google-auto-placed {
    display: none !important;
}

.list_pros,
.list_cons {
    list-style: none;
    border-radius: 0.4rem;
    max-width: 30rem;
    padding: 0.5rem;
    margin: 1rem !important;
}

.list_pros {
    border: 2px solid #43A047;
}

.list_cons {
    border: 2px solid #E53935;
}

.list_pros li,
.list_cons li {
    font-size: 1.2rem;
}

.list_pros li:before {
    font-family: "Font Awesome 5 Pro", FontAwesome;
    font-weight: 900;
    content: '\f058';
    color: #43A047;
    padding-right: 0.5rem;
}

.list_cons li:before {
    font-family: "Font Awesome 5 Pro", FontAwesome;
    font-weight: 900;
    content: '\f057';
    color: #E53935;
    padding-right: 0.5rem;
}

.pa-gallery-player-widget .embed-wrap iframe {
    min-height: 450px !important;
}

/* ------------------------------------- */
/*          Rinker カスタマイズ          */
/* ------------------------------------- */

/* --------- 外枠 --------- */
div.yyi-rinker-contents {
    /*border: solid 1px #dbdbdb;*/
    /* １重線 */
    border: double #CCC;
    /* ２重線 */
    color: #333;
}

/* ------- 画像 ------- */
div.yyi-rinker-contents div.yyi-rinker-image {
    width: 30%;
}

/* ------- 商品情報 全体 ------- */
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
    margin-top: 0;
    /* 上の余白 */
}

/* --- 商品リンク タイトル --- */
div.yyi-rinker-contents div.yyi-rinker-title a {
    color: #3296d2;
    /* 文字色 */
}

/* --- クレジット＆価格 --- */
div.yyi-rinker-contents div.yyi-rinker-detail {
    margin-top: 0;
    /* 上の余白 */
}

/* ------- クレジット ------- */
div.yyi-rinker-contents div.yyi-rinker-detail .credit {
    margin-bottom: 5px;
    /* 下スペース */
    color: #999;
    /* 文字色 */
}

div.yyi-rinker-contents div.yyi-rinker-detail .credit a {
    /*text-decoration: none;*/
    /* リンクの下線 */
    color: #2581B3;
    /* リンクの文字色 */
}

/* ------- ブランド ------- */
div.yyi-rinker-contents div.yyi-rinker-detail .brand {
    margin-top: 0;
    /* 上の余白 */
}

/* ------- 商品価格 ------- */
div.yyi-rinker-contents div.yyi-rinker-detail .price-box {
    margin: 5px 0;
    /* 上下の余白 */
    color: #aaa;
    /* 文字色 */
}


/* --------- ボタン基本スタイル --------- */
div.yyi-rinker-contents ul.yyi-rinker-links li a {
    border-radius: 2px;
    /* ボタン 角の丸み */
    text-align: center;
    min-width: 129px;
    /* ボタンの最小幅 */
    font-size: 0.9em;
    color: #fff;
    /* 文字色 */
}

div.yyi-rinker-contents ul.yyi-rinker-links li {
    margin: 5px;
    border-radius: 5px;
    /* ボタン外枠 角の丸み */
}

/* --------- ボタン色 --------- */
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink {
    /* kindle */
    background: #666;
    /* 背景色 */
    border: 2px solid #666;
    /* 外枠 */
}

div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
    /* Amazon */
    background: #f6a306;
    /* 背景色 */
    border: 2px solid #f6a306;
    /* 外枠 */
}

div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {
    /* 楽天 */
    background: #cf4944;
    /* 背景色 */
    border: 2px solid #cf4944;
    /* 外枠 */
}

div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
    /* Yahoo */
    background: #51a7e8;
    /* 背景色 */
    border: 2px solid #51a7e8;
    /* 外枠 */
}

div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 {
    /* freelink1 */
    background: #4dc0b2;
    /* 背景色 */
    border: 2px solid #4dc0b2;
    /* 外枠 */
}

div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 {
    /* freelink2 */
    background: #4dc0b2;
    /* 背景色 */
    border: 2px solid #4dc0b2;
    /* 外枠 */
}

div.yyi-rinker-contents ul.yyi-rinker-links li.freelink3 {
    /* freelink2 */
    background: #4dc0b2;
    /* 背景色 */
    border: 2px solid #4dc0b2;
    /* 外枠 */
}

div.yyi-rinker-contents ul.yyi-rinker-links li.freelink4 {
    /* freelink2 */
    background: #4dc0b2;
    /* 背景色 */
    border: 2px solid #4dc0b2;
    /* 外枠 */
}

/* --- マウスオーバー時のボタン色 --- */
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {
    background: #fff;
    /* 背景色 */
    opacity: 1;
    /* 透明度(1.0=不透明 0.0=完全透明) */
}

div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink a:hover {
    /* kindle */
    color: #666;
    /* 文字色 */
}

div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:hover {
    /* Amazon文字色 */
    color: #333;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:hover {
    /* 楽天文字色 */
    color: #333;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:hover {
    /* Yahoo文字色 */
    color: #333;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 a:hover {
    /* freelink1 */
    color: #4dc0b2;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 a:hover {
    /* freelink2 */
    color: #4dc0b2;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.freelink3 a:hover {
    /* freelink2 */
    color: #4dc0b2;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.freelink4 a:hover {
    /* freelink2 */
    color: #333;
}

/* --------- 外部リンク マーク削除 --------- */
div.yyi-rinker-contents div.yyi-rinker-title a[target="_blank"]::after {
    /* 商品リンク タイトル */
    content: none;
}

div.yyi-rinker-contents div.yyi-rinker-detail .credit a[target="_blank"]::after {
    /* クレジット */
    content: none;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a[target="_blank"]::after {
    /* ボタン */
    content: none;
}

/* --------- レスポンシブ用 --------- */
@media screen and (max-width: 768px) {

    /* 画面幅768px以下の時 */
    /* --- 商品リンク タイトル --- */
    div.yyi-rinker-contents div.yyi-rinker-title a {
        font-weight: bold;
        /* 太字 */
    }

    /* --------- ボタン基本スタイル --------- */
    div.yyi-rinker-contents ul.yyi-rinker-links li a {
        font-size: 0.8em;
    }
}

@media screen and (max-width: 480px) {

    /* 画面幅480px以下の時 */
    /* --------- 全体 --------- */
    div.yyi-rinker-contents div.yyi-rinker-box {
        display: block !important;
        /* 縦表示に */
    }

    /* ------- 画像 ------- */
    div.yyi-rinker-contents div.yyi-rinker-image {
        width: auto;
        /* 画像を中央寄せ */
    }

    /* ------- 商品情報 全体 ------- */
    div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
        margin: auto;
        /* 中央寄せ */
        width: calc(100% - 10px);
        /* 横幅 */
        text-align: center;
        /* テキスト中央寄せ */
    }

    /* --- 商品リンク タイトル --- */
    div.yyi-rinker-contents div.yyi-rinker-title a {
        font-weight: bold;
        /* 太字 */
        font-size: 1.05em;
    }

    /* --------- ボタン基本スタイル --------- */
    div.yyi-rinker-contents ul.yyi-rinker-links li {
        width: 100%;
        /* 横幅 */
        margin: .5em 0;
        /* 上下の余白 */
    }

    div.yyi-rinker-contents ul.yyi-rinker-links li a {
        padding-left: 3.5px !important;
        /* ボタン文字 位置調整 */
        font-size: 0.8em;
    }
}

/*Rinkerここまで*/

/*ブログカード*/
.card-content .card-title a {
    color: #8AB4F8;
}

.card-wrapper-inner {
    position: relative;
}

.card-bottom-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*ブログカードここまで*/

/*ヘッダーメニュー*/
/* Add a black background color to the top navigation */
.topnav {
    background-color: #333;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 1rem;
    text-decoration: none;
    font-size: 1rem;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: #333 !important;
}

/* Add an active class to highlight the current page */
.topnav a.active {
    background-color: #90AC35;
    color: #fff !important;
    font-weight: bold;
    font-size: 1.5rem;
    padding: 0.6rem 26px;
}

.topnav a.active:hover {
    color: #fff !important;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 900px) {
    .topnav a:not(:first-child) {
        display: none;
    }

    .topnav a.icon {
        float: right;
        display: block;
    }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 900px) {
    .topnav.responsive {
        position: relative;
    }

    .topnav.responsive a.icon {
        position: absolute;
        right: 0;
        top: 0;
    }

    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
}

/*ヘッダーメニューここまで*/

#text-3 p,
#custom_html-2 p {
    text-align: center;
    margin: 1rem;
}

.video-js {
    margin: 1.5rem auto;
}

#device-list-float {
    display: none;
}

#device-list-float.active {
    display: block;
    position: fixed;
    bottom: 0;
    max-width: 30rem;
}

@media screen and (max-width: 1200px) {
    #device-list-float {
        display: none !important;
    }
}

#device-list-float details {
    width: 90%;
    background: #fff;
}

#device-list-float table {
    width: 100%;
    height: 30rem;
    overflow-y: scroll;
    display: inline-block;
}

#device-list-float th:nth-child(even),
#device-list-float td:nth-child(even) {
    display: none !important;
}

#device-list-float tr:first-child {
    position: sticky;
    top: 0;
    background: #fff;
}

@media (prefers-color-scheme: dark) {
    #device-list-float details {
        background: #333;
    }

    #device-list-float tr:first-child {
        background: #333;
    }

    .sortable-table thead th div {
        color: #333;
    }

    .sortable-table tbody th,
    .sortable-table tbody td {
        background: #202124 !important;
        color: #e4e4e4 !important;
        border: 1px solid #e4e4e4 !important;
    }

    .sortable-table div::selection {
        background-color: #333;
    }
}

.sortable-table thead th {
    background-color: #f1f1f1;
    border: 1px solid #e0e0e0;
}

#ulCommentWidget {
    background: #fafafa;
    padding: 1rem;
    margin: 1rem 0;
    border-radius: 0.2rem;
}

.amchart g[fill="#333333"] {
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}

.pr-article {
    border-radius: 0.2rem;
    border: 1px solid #666;
    display: inline-block;
    padding: 0 0.4rem;
    margin: 0.2rem 0 !important;
}

.box-point {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #009688;
    border-radius: 0px 0.5rem 0.5rem 0.5rem;
}

.box-point .box-point-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #009688;
    color: #ffffff;
    font-weight: bold;
    border-radius: 0.5rem 0.5rem 0 0;
}

.box-point p {
    margin: 0;
    padding: 0;
}

.tooltip {
    position: relative;
}

.tooltip:hover::before,
.tooltip:hover::after {
    position: absolute;
    left: 10%;
    transform: translateX(-10%);
}

.tooltip:hover::before {
    bottom: 120%;
    width: 17rem;
    padding: 0.5rem 1rem;
    background-color: #333;
    border-radius: 0.5rem;
    line-height: 1.5;
    content: attr(tooltip-title);
}

.tooltip:hover::after {
    bottom: 95%;
    border: 5px solid transparent;
    border-top-color: #333;
    content: '';
}

#redirect-notification {
    margin: 0.5rem 0;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    padding: 0.5rem;
}

.please-dont-block {
    max-width: 100%;
    overflow-x: hidden;
}