@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

:root {
    --ol_background-color: #191919;
    --ol_mouzi-bgk: #3c3c3c53;
    --ol_mouzi-bk: #61616180;
    --ol_title-color: #ededed;
    --ol_text-color: #d4d4d4;
    --ol_gurahu-bk-cl: #3c3c3c53;
    --ol_gurahu-bk-cll: transition;
    --ol_gurahu-li-cl: #606060e5;
}

body {
    background-color: var(--ol_background-color);
}

/* WordPress画面下の白いバー */
#admin-panel {
    display: none;
}

/* ヘッダー */
.l-header,
.p-breadcrumb.-bg-on,
.l-fixHeader:before {
    background-color: var(--ol_background-color);
}

.l-header__inner,
.p-breadcrumb__list,
.l-fixHeader__inner {
    color: var(--ol_text-color);
}

/* ホームページ遷移番号 */
[class*="page-numbers"]{
    background-color: var(--ol_background-color);

}

/* 目次 */
#main_content .p-toc {
    width: 100%;
}

#main_content .p-toc {
    border-radius: 20px;
}

.p-toc.-double {
    background: var(--ol_mouzi-bgk);
    border: 1px solid var(--ol_mouzi-bk);
}

@media screen and (max-width: 480px) {
    .p-toc__ttl {
        font-size: 16px;
    }

    ol.is-style-index ol>li,
    ol.is-style-index>li {
        font-size: 14px;
    }

    .p-toc .p-toc__expandBtn {
        margin: 1.4em auto 0;
        padding: .5em 1em;
        font-size: 13px;
    }

    #main_content .p-toc {
        margin: 2em auto;
    }
}

/* タイトル付近の日付 */
.c-postTimes__posted,
.c-postTitle__date,
.c-postTimes__modified{
    color: var(--ol_title-color);
    opacity: 0.8;
}


/* PR表記 */
.c-prNotation[data-style=small]{
    color: var(--ol_title-color);
    border: none;
    opacity: 0.7;
    padding: .125em .4em .125em 0;
}

/* タイトル */
.c-postTitle__ttl,
.post_content h2,
.post_content h3,
.post_content h4,
.post_content h5,
.post_content h6 {
    color: var(--ol_title-color);
}

.post_content h2 {
    font-size: 1.4em;
    margin-left: 0;
    padding: .75em 0;
}

.post_content h3 {
    font-size: 1.3em;
    padding: 0 0 .5em;
}

.post_content h4 {
    font-size: 1.2em;
    border-left: solid 2px var(--ol_title-color);
    padding-left: 15px;
}

.post_content h5 {
    font-size: 1.1em;
    padding-bottom: 5px;
    border-bottom: solid 1px var(--ol_title-color);
}

.post_content h6 {
    font-size: 1em;
}

/* テキスト */
.post_content>* {
    color: var(--ol_text-color);
    margin: 0 0 1.5em 0;
    line-height: 1.65;
	letter-spacing: 0.4px;
}

@media screen and (max-width: 480px) {
    .l-mainContent__inner>.post_content{
        margin: 2em 0;
    }

    .post_content h2 {
        margin: 2em 0 0.8em 0;
    }

    .post_content h3 {
        margin: 1.4em 0 1.1em 0;
    }

    .post_content h4 {
        margin: 1em 0 0.8em 0;
    }

    body .l-mainContent__inner .post_content>* {
        -webkit-text-size-adjust: 90%;
		letter-spacing: 0.2px;
    }
}

/* リンク */
a {
    color: #0199ec;
    text-decoration: none;
}

:root :where(a:where(:not(.wp-element-button))) {
    text-decoration: none;
}

.wp-block-table tbody tr {
    border-radius: 10px;
}

/* 画像 */
.wp-block-gallery.has-nested-images figure.wp-block-image {
    margin-top: 1.9em;
    margin-bottom: 2em;
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
    border-radius: 12px;
}

.wp-block-image img{
    border-radius: 12px;
}

/* 表 */
.wp-block-table thead {
    background-color: var(--ol_gurahu-bk-cl);
    text-align: center;
}

.wp-block-table .has-fixed-layout {
    background-color: var(--ol_gurahu-bk-cll);
    border: 1px solid var(--ol_gurahu-li-cl);
    border-radius: 10px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
}

.wp-block-table td,
.wp-block-table th {
    border: .5px solid var(--ol_gurahu-li-cl);
}

.wp-block-table th:first-child,
.wp-block-table td:first-child {
    border-left: none;
}

.wp-block-table th:last-child,
.wp-block-table td:last-child {
    border-right: none;
}

.wp-block-table thead tr:first-child th,
.wp-block-table tbody tr:first-child td {
    border-top: none;
}

.wp-block-table tbody tr:last-child td {
    border-bottom: none;
}

/* 表 ストライプ */
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: var(--ol_gurahu-bk-cl);
}

.wp-block-table.is-style-stripes {
    border: none;
}

/* 区切り線 */
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    border: 1px solid var(--ol_mouzi-bk);
    max-width: none;
}

/* あわせて読みたい */
.p-blogCard__caption{
    background-color: var(--ol_background-color);
}
[data-type=type1] .p-blogCard__inner:before{
    border-radius: 12px;
}

/* 記事下 カテゴリー・タグ */
.p-articleFoot {
    border-top: 1px solid var(--ol_mouzi-bk);
}

.p-articleMetas__termList {
    border: 1px solid var(--ol_text-color);
    border-radius: 8px;
    opacity: 0.9;
    padding: 8px 11px;
}

.c-categoryList__link,
.c-tagList__link {
    padding: 0 0 0 5px;
    background-color: transparent;
    color: var(--ol_text-color);
}

.c-categoryList:before,
.c-tagList:before {
    color: var(--ol_text-color);
}

/* 記事下 共有 */
.c-shareBtns__message {
    text-align: left;
}

.c-shareBtns__message .__text {
    padding: 0;
}

.c-shareBtns__message span {
    color: var(--ol_text-color);
    font-weight: bold;
}

.c-shareBtns__message .__text:before,
.c-shareBtns__message .__text::after {
    display: none;
}

.c-shareBtns__btn {
    background-color: transparent;
    border: 1px solid var(--ol_text-color);
    border-radius: 8px;
    opacity: 0.8;
    padding: 10px 0;
}

/* 記事下 次の記事・前の記事 */
.p-pnLinks__item {
    border: 1px solid var(--ol_text-color);
    border-radius: 8px;
}

.p-pnLinks__title {
    color: var(--ol_text-color);
    padding: 0 20px;
    font-size: 1.1em;
    font-weight: 500;
}

.p-pnLinks__link {
    min-height: 3.5em
}

.p-pnLinks .-next .p-pnLinks__link {
    border: none;
}

.p-pnLinks .-prev .p-pnLinks__link {
    border: none;
}

.p-pnLinks .-next:before {
    margin-right: 10px;
}

.p-pnLinks__item.-prev:before {
    margin-left: 10px;
}

/* 記事下 関連記事 */
.c-secTitle {
    color: var(--ol_text-color);
    border-left: none;
    padding: 0;
    font-size: 1.1em;
}

.p-postList .p-postList__title {
    color: var(--ol_text-color);
}

.-type-card .p-postList__thumb {
    border-radius: 8px;
}

/* サイドバー */
.c-widget__title{
    color: var(--ol_text-color);
}

/* サイドバー 人気記事 */
.c-widget__title -side,
.asp_box_p6 h3 {
    color: var(--ol_text-color);
}

/* サイドバー  カテゴリー*/
.c-listMenu a {
    border: none;
    color: var(--ol_text-color);
}

/* サイドバー  */
.tag-cloud-link {
    color: var(--ol_text-color) !important;
    background: transparent;
}
.tag-cloud-link a{
    color: var(--ol_text-color) !important;
    background: transparent;
}


/* サイドバー  */

/* スマホサイドメニュー */
.p-spMenu__inner::before{
    background-color: var(--ol_background-color);
}
.c-iconBtn{
    color: var(--ol_text-color);
}

/* 固定ページ タイトル*/
.c-pageTitle[data-style=b_bottom],
.c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
    border: none;
    color: var(--ol_text-color);
}

/* フッター */
.l-footer {
    background-color: var(--ol_background-color);
    color: var(--ol_text-color);
}






/* 景品表示法 */
.pr_text_box {
    background-color: #ffffff06;
    border: 1px solid #ffffff1c;
    border-radius: 8px;
    margin-bottom: -10px;
}

.pr_text_box p {
    margin: 4px 10px;
    font-size: 13px;
    opacity: 0.8;
    color: #d4d4d4;
}

@media screen and (max-width: 480px) {
    .pr_text_box {
        margin-left: 15px;
        margin-right: 15px;
    }
}

/* Google AdSense 記事内広告枠 */
.adsense_in-article_ad {
	margin: 1.8em 0 1.8em 0;
}
@media screen and (max-width: 480px) {
  .adsense_in-article_ad {
    max-width: 300px;
	text-align: center;
    margin: 1.8em auto;
  }
}
/* .adsense_in-article_ad {
    margin: 1.8em 0 1.8em 0;
    min-height: 300px;
    text-align: center;
}

@media screen and (max-width: 480px) {
    .adsense_in-article_ad {
        max-width: 300px;
        min-height: 250px;
        text-align: center;
        margin: 1.8em auto;
    }
} */

/* ConoHaWINGボタン装飾 */
.asp_box_p2_button {
    text-align: center;
    margin: 2em 0 2em 0;
}

.asp_box_p2_button p {
    font-size: 15px;
    margin: 0 0 1em 0;
}

.asp_box_p2_button a {
    padding: 10px 20px;
    background-color: #ffffff04;
    border: 1px solid #ffffff47;
    border-radius: 8px;
    font-size: 17px;
    color: #ffffffde;
    letter-spacing: 1.5px;
}

.asp_box_p2_button a:hover {
    padding: 11px 24px;
    color: #cecece;
    border: 1px solid #ffffff2b;
    transition: all .5s ease;
}

@media screen and (max-width: 480px) {
    .asp_box_p2_button p {
        font-size: 14px;
    }

    .asp_box_p2_button a {
        font-size: 16px;
    }
}

/* 通販ASPボタン 紹介ブロック3 */
.abp3_4_b {
    margin: 1.4em 0 2em 0;
    padding-bottom: 35px;
    border-bottom: 1px solid #ffffff2a;
}

.abp3_4_b>p {
    margin-bottom: 13px;
    text-align: center;
    font-size: 15px;
    opacity: 0.9;
    font-weight: bold;
}

.abp3_4_box {
    display: flex;
    justify-content: center;
}

.abp3_4_box a {
    display: block;
    border-radius: 30px;
    letter-spacing: 2.5px;
}

.asp_box_p3_box1 a {
    background-color: transparent;
    border: 1px solid #0199ec;
    color: #0199ec;
    font-weight: bold;
    height: 43px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.abp3_4_box>a>span {
    font-size: 12px;
    margin-top: 4px;
    margin-left: 1px;
}

.abp3_4_box a:first-child {
    font-size: 17px;
    margin-right: 10%;
}

.abp3_4_box a:last-child {
    font-size: 15px;
}

.asp_box_p3_box1 a:hover {
    background-color: #2b73dc;
    border: 1px solid #4385e7;
    color: #ffffffcf;
    transition: all .5s ease;
}

.abp3_4_box a::after {
    display: block;
    position: absolute;
    font-size: 12px;
    color: #b1b1b1;
    text-align: center;
    margin-top: 80px;
}

.abp3_4_box a:first-child::after {
    content: "Amazon限定セールをチェック!!";
    /* content: "Amazon限定セール開催中!!";  */
}

.abp3_4_box a:last-child::after {
    content: "楽天のお得なセールをチェック!!";
    /* content: "楽天ポイントも貯めてお得にゲット!!";  */
}

@media screen and (max-width: 590px) {
    .asp_box_p3_box1 a {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 480px) {
    .abp3_4_b>p {
        margin-bottom: 9px;
        font-size: 14px !important;
        font-weight: 500;
    }

    .abp3_4_box {
        display: flex;
        justify-content: space-between;
    }

    .abp3_4_box a {
        display: inline-block;
        width: 49%;
        height: 41px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
    }

    .abp3_4_box a:first-child {
        font-size: 14px;
        padding: 0;
        margin-right: 0;
    }

    .abp3_4_box a:last-child {
        font-size: 13px;
        padding: 0;
    }

    .abp3_4_box>a>span {
        margin-top: 3px;
        font-size: 11px;
    }

    .abp3_4_b {
        padding-bottom: 40px;
    }

    .abp3_4_box a::after {
        font-size: 10px;
        margin-top: 75px;
    }

    .abp3_4_box a:first-child::after {
        content: "限定セールをチェック!!";
    }

    .abp3_4_box a:last-child::after {
        content: "お得なセールをチェック!!";
        /* content: "ポイントも貯めてゲット!!";  */
    }
}

@media screen and (max-width: 400px) {
    .abp3_4_b>p {
        margin-bottom: 8px;
        font-size: 13px !important;
    }

    .abp3_4_box a {
        height: 37px;
    }
}

/* プログラム記事商品紹介ブロック */
.asp_box_p5 {
    margin: 2em 0 2em 0;
}

.asp_box_p5 h2 {
    font-size: 26px;
}

.asp_box_p5 h3 {
    font-size: 20px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.334);
}

.asp_box_p5_link {
    display: flex;
    justify-content: center;
}

.asp_box_p5_link a {
    display: block;
    font-size: 17px;
    padding: 4px 26px 6px 26px;
    letter-spacing: 2.5px;
    border-radius: 30px;
    background-color: transparent;
    border: 1px solid #0199ec;
    color: #0199ec;
    font-weight: bold;
}

.abp5l a:first-child {
    font-size: 17px;
    padding: 5px 26px 7px 26px;
    margin-right: 10%;
}

.abp5l a:last-child {
    font-size: 15px;
    padding: 7px 26px 5px 26px;
}

.asp_box_p5_link a:hover {
    background-color: #2b73dc;
    border: 1px solid #4385e7;
    color: #ffffffcf;
    transition: all .5s ease;
}

.asp_box_p5_link a span {
    font-size: 14px;
}

@media screen and (max-width: 590px) {
    .abp5l a:first-child {
        font-size: 16px;
        padding: 5px 21px 7px 21px;
        margin-right: 3%;
    }

    .abp5l a:last-child {
        font-size: 14px;
        padding: 8px 21px 4px 21px;
    }

    .asp_box_p5_link a span {
        font-size: 11px;
    }

}

@media screen and (max-width: 402px) {
    .abp5l {
        display: block;
    }

    .abp5l a {
        margin: 0 auto;
        width: 230px;
        text-align: center;
    }

    .abp5l a:first-child {
        font-size: 16px;
        padding: 6px 30px 8px 30px;
        margin: 0 auto;
        margin-bottom: 14px;
    }

    .abp5l a:last-child {
        font-size: 14px;
        padding: 7px 37.5px 7px 37.5px;
    }
}

/* サイドバートップ５商品紹介ボックス */
.asp_box_p6 {
    width: 100%;
}

.asp_box_p6 h3 {
    text-align: center;
}

.asp_box_p6_box>p {
    display: none;
    width: 20%;
    margin: 0 auto;
    text-align: center;
    background-color: #ffffff0c;
    border-radius: 6px;
    color: #d4d4d4d5;
    font-size: 14px;
}

.abp6_i {
    display: flex;
    color: #d4d4d4;
    font-weight: bold;
    border-bottom: 1px solid #cecece3e;
    padding-top: 10px;
    margin-bottom: 10px;
}

.abp6_i_text p {
    margin-bottom: 0;
}

.abp6_i>p {
    width: 10%;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 3px;
}

.abp6_i_text {
    width: 90%;
    padding-right: 12px;
    margin-top: 3px;
}

.abp6_i_text p:nth-child(1) {
    font-size: 14px;
    line-height: 1.3;
}

.abp6_i_text p:nth-child(2) {
    font-size: 13px;
    margin-top: 2px;
    text-align: right;
}

.abp6_i>img {
    width: 55px;
    height: 55px;
    background-color: #ffffff0a;
}

.abp6_i:hover {
    color: #ffffff;
    background-color: #ffffff15;
    transition: all .5s ease;
}

@media screen and (max-width: 430px) {
    .abp6_i>p {
        width: 8%;
        font-size: 18px;
    }

    .abp6_i_text {
        width: 92%;
    }
}

.asp_box_p6_mb {
    display: none;
}

@media screen and (max-width: 1023px) {
    .asp_box_p6_mb {
        display: block;
        margin-left: 1em;
        margin-right: 1em;
    }

    .asp_box_p6 {
        display: none;
    }
}

/* サイドバーAmazon公式サイト・オーディブル紹介 */
.asp_box_p7 {
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.187);
    padding-bottom: 15px;
}

.asp_box_p7_1 {
    text-align: center;
}

.asp_box_p7_1 img {
    width: 45%;
    margin-top: 20px;
}

.asp_box_p7_2 {
    text-align: center;
    margin-top: 10px;
}

.asp_box_p7_2 a {
    display: block;
    margin: 0 auto;
    width: 90%;
    padding: 8px 0;
    font-size: 15px;
    background-color: #f79f48;
    font-weight: bold;
    color: #131414;
    border-radius: 100px;
    margin-bottom: 5px;
    letter-spacing: 0.6px;
}

.asp_box_p7_2 a:hover {
    opacity: 0.8;
    transition: all .5s ease;
}

/* Apple製品記事 トップダブル画像 */
.macmini_img_box {
    display: flex;
    width: 100%;
    margin-top: 1.9em;
    margin-bottom: 2em;
}

.macmini_img_box a {
    display: block;
}

.macmini_img_box img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.macmini_img_box_a1 img {
    border-radius: 12px 0 0 12px;
}

.macmini_img_box_a2 img {
    border-radius: 0 12px 12px 0;
}

/* 記事前アプリ紹介ボックス7 */
.app_ddc_bo7 p {
    margin: 0;
    font-weight: bold;
}

#app_ddc_box7_p {
    font-size: 17px;
}

#a_db71 {
    color: #d4d4d4;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.app_ddc_box7>p {
    text-align: center;
    margin-bottom: 10px;
}

.app_ddc_box7_1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--ol_mouzi-bgk);
    border: 1px solid var(--ol_mouzi-bk);
    padding: 8px 2.5% 8px 2.5%;
    margin-bottom: 14px;
    border-radius: 13px;
}

.app_ddc_box7_1>img {
    width: 14px;
    margin-left: 10px;
    filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);
}

.app_ddc_box7_1_1 {
    display: flex;
    align-items: center;
    width: 100%;
}

.app_ddc_box7_1_1 img {
    width: 50px;
    border-radius: 12px;
    margin-right: 3%;
}

@media screen and (max-width: 600px) {
    .app_ddc_box7_1_1 img {
        width: 40px;
        border-radius: 10px;
    }

    .app_ddc_box7_1>img {
        width: 18px;
    }
}

@media screen and (max-width: 480px) {
    #app_ddc_box7_p {
        font-size: 14px;
    }

    .app_ddc_box7 {
        margin-left: -5px;
        margin-right: -5px;
    }

    .app_ddc_box7_1 {
        padding: 8px 2.2% 8px 2.2%;
        margin-bottom: 12px;
    }

    .app_ddc_box7_1_1 img {
        width: 37px;
        border-radius: 8px;
    }

    #a_db71 {
        font-size: 14px;
        line-height: 1.5;
    }

    .app_ddc_box7_1>img {
        width: 12px;
        margin-left: 7px;
    }
}

@media screen and (max-width: 400px) {
    #a_db71 {
        font-size: 14px;
        line-height: 1.5;
    }
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {}

/*834px以下*/
@media screen and (max-width: 834px) {}

/*480px以下*/
@media screen and (max-width: 480px) {}