/*
Template: jin
Theme Name: jin-child
Author: CrossPiece
Version: 1.00
*/


/* タグ選択のバグ修正 */
#st-clicks-tags .container_clicktags .used_term{
    border: none;
}


/*ヘッダ調整 ヘッダの画像を正方形(ファビコン)にするならON
#header #site-info{
	width: 150px;
}
#header #site-info .tn-logo-size img{
	width:100%!important;
}*/

/* 広告タグ */
.ads-tag{
    width: 100%;
    max-width: 300px;
    min-height: 250px;
    margin: 24px auto;
    position: relative;
}
.ads-tag.m-top{
    margin-top: 0;
}
.ads-tag.adjust {
    margin: -30px auto 25px;
}
.ads-tag-fix{
    width: fit-content;
    max-width: 300px;
    height:600px;
    margin: 24px auto;
}
.ads-tag-sm{
    width: 100%;
    max-width: 320px;
    height: 180px;
    margin: 24px auto;
}
.ads-tag-la{
    width: 100%;
    max-width: 728px;
    height: 90px;
    margin: 24px auto;
    position: relative;
}
.ads-tag-xl{
    width: 100%;
    max-width: 970px;
    min-height: 250px;
    margin: 24px auto;
    position: relative;
}
.ads-tag-flex{
    width: 100%;
    height: 250px;
    margin: 24px 0;
    display: flex;
    justify-content: space-around;
}
.ads-tag-over{
    width: 100%;
    max-width: 768px;
    height: 90px;
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 10;
}
.ads-tag-over-sp{
    width: 100%;
    height: 100px;
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    text-align: center;
    z-index: 10;
}
.ads-tag-other {
    width: 100%;
    margin: 20px 0;
}
.ads-tag-gate-header{
    max-width: 1200px;
    min-height: 309px;
    margin: 0 auto;
}
.ads-tag-gate-header img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: bottom;
}
.ads-tag-gate{
    width: calc((100% - 1200px) / 2);
    height: 100vh;
    position: fixed;
    top: 0;
}
@media screen and (max-width: 1800px){
    .ads-tag-gate{
        display: none;
    }
}
.ads-tag-gate img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: bottom;
}
.ads-tag-gate.left{
    left: 0;
}
.ads-tag-gate.right{
    right: 0;
}

/*サイドバーデザイン変更*/
div#sidebar .widgettitle {
  background-color: #1A1A1A;
  padding: 10px;
  color:#FFE100;
  box-sizing: border-box;
  position: relative;
}

div#sidebar .widgettitle:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    border: 1px solid #FF5D3F;
}





/*見出し関連*/
article.cps-post h2 {
    position: relative;
    font-size: 130%!important;
    background: #1A1A1A!important;
    color: #FFE100!important;
    font-weight: bold;
    box-shadow: 0 0 0 10px #1A1A1A;
    border: #FF5D3F solid 2px;
    border-radius: unset!important;
    margin: 2em 9px 2em 9px;
    padding: 0.5em 1em 0.5em 1em!important;
}

article.cps-post h3 {
    border-bottom: 2px solid #1A1A1A!important;
    background-color: #1A1A1A;
    position: relative;
    font-size: 110%;
    font-weight: bold;
    color: white;
    border-radius: 3%;
    display: block;
    padding: 0.5em 1em 3px 1em;
}
article.cps-post h3::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -6px;
    right: 0px;
    border: solid 2px #FF5D3F;
    width: 98%;
}

article.cps-post h4 {
    border-left: 10px solid #FF5D3F!important;
    position: relative;
    display: block;
    font-size: 100%;
    font-weight: bold;
    padding: 0.5em 1em 3px 1em;
}
/*article.cps-post h4::after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 5px;
    width: 4px;
    height:100%;
    background:#FF5D3F;
}
*/

/*P余白*/
.cps-post-main p {
    padding-bottom: 0 !important;
    margin-bottom: 1.2em;
}
/*ぱんくず関連*/

.breadcrumbs {
    font-size: 0.9em;
}

@media (max-width:480px) {
    .breadcrumbs {
        font-size: 0.5em;
    }
}

#post-top-widget .widget {
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*目次関連*/

#toc_container p.toc_title {
    padding-top: 1em;
}

#toc_container .toc_list>li {
    padding-left: 25px !important;
}

#toc_container ul ul {
    margin-left: -1em !important;
}
/*アイキャッチカテゴリオーバーレイ削除*/
span.post-list-cat{
	display:none!important;
}

/*リストの・を★に
.cps-post-main ul:not([class]) li:before, .cps-post-main ul.jinlist li:before, .cps-post-main ul.wp-block-latest-posts__list li:before, .cps-post-main table ul li:before {
    display: block;
    content: "★";
    position: absolute;
    top: -8px;
    font-size: 25px;
    left: -3px;
    color: #fd694d!important;
    background-color: white!important;
}
*/

div#sidebar .widget{
	border-radius:0.5em;
    box-shadow: none;
}
div#sidebar .widgettitle{
	border-top-left-radius:0.5em;
	border-top-right-radius:0.5em;
	border-radius:0.5em;
}

/*atag リンク*/
#contents a{
    font-weight: bold;
}

/*各種装飾*/
span.red {
    color: red;
    font-weight: bold;
    font-size: 100%;
}

span.big {
    font-size: 120%;
}

span.small {
    font-size: 80%;
}

span.gray{
	color: #5d5c5c;
}

span.center {
    display: block;
    text-align: center;
}

div.center {
    text-align: center;
}

span.bold {
    font-weight: bold;
}


/*出典用*/
p.source {
    margin: 0 2em 0 0;
    font-size: 80% !important;
    text-align: right;
}


/*js連動のマーカー*/
.marker-animation.active {
    background-position: -100% .5em;
}

.marker-animation {
    background-image: -webkit-linear-gradient(left, transparent 50%, #fff78f 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, #fff78f 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, #fff78f 50%);
    background-image: -o-linear-gradient(left, transparent 50%, #fff78f 50%);
    background-image: linear-gradient(left, transparent 50%, #fff78f 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 2s ease;
    font-weight: bold;
}

/*k-boxの中の要素はWPに邪魔されない*/
.k-box>div {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.k-box>p {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;

}

.k-box>p {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

/*メリットデメリットのハコ*/
.merit-box_correct {
    position: relative;
    padding-top: 40px !important;
    margin-top: 40px !important;
    border: 1px solid #eee;
    border-radius: 4px;
    margin-bottom: 40px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 25px;
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-color: #86cee8 !important;
}

.merit-box_correct:before {
    content: "メリット" !important;
    color: #86cee8 !important;
    font-size: 20px;
    top: -21px;
    padding: 20px 8px 20px 51px;
    position: absolute;
    font-weight: bold;
    background: #fff;
    line-height: 0;
    letter-spacing: 0;
}

.merit-box_correct:after {
    content: "\e91d";
    line-height: 1.3rem;
}

.merit-box_correct:after {
    position: absolute;
    background: #aaa;
    color: #fff;
    font-family: "jin-icons";
    border: 5px solid #fff;
    text-align: center;
    width: 16px;
    height: 16px;
    -webkit-font-smoothing: antialiased;
    left: 20px;
    top: -28px;
    padding-left: 12px;
    padding-right: 18px;
    padding-top: 13px;
    padding-bottom: 17px;
    border-radius: 40px;
    font-size: 1.4rem;
    background-color: #86cee8 !important;
}

.merit-box_incorrect {
    position: relative;
    padding-top: 40px !important;
    margin-top: 40px !important;
    border: 1px solid #eee;
    border-radius: 4px;
    margin-bottom: 40px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 25px;
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-color: #ed8989 !important;
}

.merit-box_incorrect:before {
    content: "デメリット" !important;
    color: #ed8989 !important;
    font-size: 20px;
    top: -21px;
    padding: 20px 8px 20px 51px;
    position: absolute;
    font-weight: bold;
    background: #fff;
    line-height: 0;
    letter-spacing: 0;
}

.merit-box_incorrect:after {
    content: "\e905";
    line-height: 1.3rem;
}

.merit-box_incorrect:after {
    position: absolute;
    background: #aaa;
    color: #fff;
    font-family: "jin-icons";
    border: 5px solid #fff;
    text-align: center;
    width: 16px;
    height: 16px;
    -webkit-font-smoothing: antialiased;
    left: 20px;
    top: -28px;
    padding-left: 12px;
    padding-right: 18px;
    padding-top: 13px;
    padding-bottom: 17px;
    border-radius: 40px;
    font-size: 1.4rem;
    background-color: #ed8989 !important;
}

.merit-box_correct ul, .merit-box_correct ol, .merit-box_incorrect ul, .merit-box_incorrect ol {
    padding-bottom: 30px !important;
}

@media (max-width: 767px) {

    .merit-box_correct, .merit-box_incorrect {
        width: 100%;
    }

    .merit-box_correct ul, .merit-box_incorrect ul {
        padding-left: 0px !important
    }

    .merit-box_correct, .merit-box_incorrect {
        padding-top: 30px !important
    }


    .merit-box_correct:after, .merit-box_incorrect:after {
        left: 12px;
        top: -23px;
        padding-left: 9px;
        padding-right: 11px;
        padding-top: 8px;
        padding-bottom: 12px;
        border-radius: 28px;
        font-size: 1.15rem;
    }

    .merit-box_correct:before, .merit-box_incorrect:before {
        font-size: 18px;
        top: -21px;
        padding: 20px 8px 20px 32px;
    }
}

/*mybtn関連*/

.on_mybtn_txt{
	color:red;
	text-align:center;
	font-weight:bold;
	margin-bottom:-1em;
	
	
}

.mybtn {
    text-align: center;
    margin: 1em auto;
    display: block;
    clear: both;
}

.mybtn.full {
    width: 100%;
}

.mybtn>a {
    display: inline-block;
    text-decoration: none;
    padding: 1em 2em;
    background-color: #f49801;
	border: none;
    font-weight: bold;
    position: relative;
    box-shadow: 0 3px 0 #a3db9e;
    transition: 0.2s ease-in-out;
    color: #ffffff !important;
	overflow:hidden;

}

.mybtn>a:hover {
    position: relative;
    opacity: 0.8;
	top: 1px;
    box-shadow: none !important;
    transform: translateY(0.1875em);
}


.mybtn.smallbtn>a{
	padding: 0.7em 1.2em!important;
}




.btnshine{
	overflow:hidden;
	
}
.btnshine a{
    /*キラッと光る基点とするためrelativeを指定*/
    position: relative;
    text-decoration: none;
    background-color: #4DAC44;
    font-weight: bold;
    position: relative;
    transition: 0.2s ease-in-out;
    color: #ffffff !important;
}
/*キラッと光る*/
.btnshine a::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
    width: 50%;
  height: 100%;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.8) 100%);
  transform: skewX(-25deg);
    animation: shiny-btn1 3s ease-in-out infinite;
}
/*hoverした際のアニメーション*/
.btnshine a:hover::before {
  animation: shine 0.7s;
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
/*時間経過で発生する無限アニメーション*/
@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}














/*リスト横並び*/
.FlockListBox {
    display: flex;
    justify-content: space-around;
    align-items: stretch;
}

@media (max-width:480px) {
    .FlockListBox {
        flex-flow: column;
    }

    .FlockList {
        width: 100%;
    }
}

/*アフィリエイト関連で使用するClass*/
/*アフィバナーエリア*/
.AfiBannerArea {
    text-align: center;
}

/*アフィデカテキストリンク*/
.AfiBigText {
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 1rem;

}

.AfiBigText.Slightly {
    font-size: 1.2em !important;
}

/*ぷるーむじぇねクラス*/
div.afiLinkContents {
    margin: 1.5em 0;
    padding: 1.2em;
    border: solid 1px #dbdbdb;
    background-color: #fff;
    box-shadow: 2px 3px 8px -5px rgba(0, 0, 0, .25);
}

div.afiLinkContents .afiLinkImg {
    margin: 0 1.2em -1em 0;
    float: left;
}

div.afiLinkContents .afiLinkTitle {
    color: #333;
}

div.afiLinkContents .afiLinkBtn {
    display: table;
    font-weight: bold;
    text-decoration: none;
    font-size: 0.9em;
    height: 30px;
    line-height: 30px;
    padding: 0 18px;
    margin: 1em 2em;
    white-space: nowrap;
}

div.afiLinkContents .afiLinkBtn:hover {
    cursor: pointer;
    opacity: 0.67;
    color: white;
}

div.afiLinkContents .red {
    color: pink;
    background: #b22222;
}

div.afiLinkContents .blue {
    color: skyblue;
    background: blue;
}

div.afiLinkContents .orange {
    color: #fffacd;
    background: #ff8c00;
}

div.afiLinkContents .green {
    color: #e0ffff;
    background: #008000;
}

div.afiLinkContents .black {
    color: #fff;
    background: #333;
}







/*テーブル関連*/
/*スクロールバーを丸く*/
table::-webkit-scrollbar {
  width: 12px;
}
table::-webkit-scrollbar-track {
  background: #eee3ed;
  border-radius: 10px;
}
table::-webkit-scrollbar-thumb {
  background: #FF5D3F;
  border-radius: 10px;
}



/*テーブルのthを背景色付きにする*/
/*horizontal*/
table th {
    background-color: #1A1A1A !important;
    color: #FFE100;
    font-weight: bold;
}


@media (max-width:480px) {
    table th, td {
        font-size: 0.7rem !important;
    }
}

/*vertical*/
table th.ve {
    font-weight: bold;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 3;
}

table.radius-table{
    border-radius: 10px;
    border-collapse: unset;
    border-spacing: 0;
    border: none;
}
table.radius-table tr>*{
    padding: 5px 10px;
    border: none;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
table.radius-table tr:first-child>*:first-child{
    border-radius: 10px 0 0 0;
}
table.radius-table tr:first-child>*:last-child{
    border-radius: 0 10px 0 0;
}
table.radius-table tr:last-child>*:first-child{
    border-radius: 0 0 0 10px;
}
table.radius-table tr:last-child>*:last-child{
    border-radius: 0 0 10px 0;
}


.scroll-table table {
    display: block;
    border-collapse:separate;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.scroll-table table {
    overflow-x: scroll;
}

.scroll-table table::-webkit-scrollbar {
    height: 13px;
}








/*youtubeの自動生成クラスに対する縦横比を渡す*/
div.video {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 55%;
}

div.video>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/*ギャラリー横並び画像*/
.TransplantGalleryImg {
    display: flex;
    flex-wrap: wrap;
}

.TransplantGalleryImg li {
    width: calc(100%/2);
    /* ←画像を2つ並べるために横幅を2で割る */
    padding: 0 5px;
    box-sizing: border-box;
    list-style: none !important;
    margin-top: 0 !important;
    padding-left: 0 !important;
}

.TransplantGalleryImg li img {
    max-width: 100%;
    /* 画像のはみだしを防ぐ */
    height: auto;
    /* 画像の縦横比を維持 */
    border: solid 1px #ccc;
}


/*目次関連*/

#toc_container p.toc_title {
    padding-top: 1em;
}

#toc_container .toc_list>li {
    padding-left: 25px !important;
}

#toc_container ul ul {
    margin-left: -1em !important;
}

/*アコーディオン余白ボトム調整*/
.jin-ac-box01-inner {
    padding-bottom: 1rem !important;
}

/*ハンバーガーメニュー補正*/
@media (max-width: 767px) {
    #navtoggle:checked~.sp-menu-close {
        height: auto;
    }
}

.sp-menu-box {
    background-color: rgba(255, 255, 255, 0.80) !important;
}


/*投稿日非表示*/
/* .cps-post-date-box>span.cps-post-date{
	display:none;
} */
.cps-post-date-box>span.timeslash {
    display: none;
}



/*オンリー表示*/
.pc-only {
    display: block !important;
}

span.pc-only {
    display: inline-block !important;
}

.sp-only {
    display: none !important;
}

@media only screen and (max-width: 768px) {
    .pc-only {
        display: none !important;
    }

    span.pc-only {
        display: none !important;
    }

    .sp-only {
        display: block !important;
    }
}

/*引用の調整*/

.cps-post-main blockquote {
    padding: 3.0em 3.0em 3.0em 3.0em !important;
}

/*Janetアフィリンクジェネレーター(3代目)*/
.afiLinkContents02{
display:flex;
align-items:center;
border:solid 1px gray;
border-radius:7px;
padding:1em;
margin:0.5em 1em;
}
.ALC02-leftbox{
display:block;
width:40%;
}
.ALC02-leftbox img{
display:block;
margin:auto;
}
.ALC02-rightbox{
display:block;
width:60%;
}

.ALC02-title{
display:block;
text-align:center;
color:black!important;
margin-bottom:1em;
}

.btn-field{
display:flex;
flex-wrap:wrap;
width:100%;
}

.btn-field p.ALC02-btn{
    text-align: center;
    margin: 0em auto;
    display: block;
    width:100%;
    clear: both;
    overflow:hidden;
}

.ALC02-btn>a {
    display: inline-block;
    text-decoration: none;
    padding: 0.5em 1em;
    background-color: #f49801;
    border: none;
    font-weight: bold;
    position: relative;
    width:85%;
    box-shadow: 0 3px 0 #925625;
    transition: 0.2s ease-in-out;
    color: #ffffff !important;
    overflow:hidden;
	border-radius:7px;
}

.ALC02-btn>a:hover {
    position: relative;
    opacity: 0.8;
    color: #925625 !important;
    top: 1px;
    box-shadow: none !important;
    transform: translateY(0.1875em);
}


p.ALC02-btn.red>a{
    background-color: red;
    box-shadow: 0 3px 0 #6e0a0a;

}
p.ALC02-btn.green>a{
    background-color: #35ae86;
    box-shadow: 0 3px 0 #1d5d48;
}
p.ALC02-btn.orange>a{
    background-color: #f49801;
    box-shadow: 0 3px 0 #925625;
}


/*キラッと光る*/
.ALC02-btn a::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.8) 100%);
  transform: skewX(-25deg);
  animation: shiny-btn1 3s ease-in-out infinite;
}
/*hoverした際のアニメーション*/
.ALC02-btn a:hover::before {
  animation: shine 0.7s;
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
/*時間経過で発生する無限アニメーション*/
@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}


@media (max-width:480px) {
    .afiLinkContents02{
        flex-wrap:wrap;
    }

    .ALC02-leftbox {
        width:100%;
    }
    .ALC02-rightbox {
        width:100%;
    }
    .btn-field p.ALC02-btn{
        margin:0.5em;
    }
}


/*銘柄テーブルGeneratorに関するClass*/
table.GSpread img {
    margin-bottom: 0;
}

table.GSpread span {
    display: block;
    text-align: center;
    font-weight: bold;
}

table.GSpread.SP th {
    width: 110px;
    min-width: 110px;
    max-width: 110px;
}

table.GSpread.SP td {
    min-width: 110px;
}

.GS-mbottom {
    margin-bottom: 1.5em;
}

.GSpread.SP {
    margin-bottom: 0;
}


/*ブログカードpzlinkのデザインをJINそっくりにする*/
.linkcard {
    display: block;
    position: relative;
    margin: 16px auto;
    width: 90%;
}


.linkcard:before {
    position: absolute;
    font-family: 'jin-icons' !important;
    content: "\e936あわせて読みたい";
    color: white;
    background-color: #21a596;
    border-radius: 4px;
    width: 120px !important;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
    top: -8px;
    left: 20px;
    width: 130px;

}

.linkcard:after {
    position: absolute;
    font-family: 'jin-icons';
    content: 'この記事を読む \e902';
    font-weight: bold;
    right: 10px;
    bottom: 10px;
    padding: 1px 15px;
    background: #5fccea;
    /*「この記事を読む」の背景色*/
    color: #fff;
    /*「この記事を読む」の文字色*/
    font-size: .8em;
    border-radius: 20px;
}


.linkcard:hover {
    opacity: 0.8 !important;
}

.lkc-internal-wrap {
    max-width: initial;
    border: 1px solid #21a596;
    border-radius: 4px;
    background-color: initial;
}

.lkc-card {
    margin-top: 26px;
    margin-right: 7px;
    margin-bottom: 7px;
    margin-left: 7px;
    padding: 0 1em;
}


.lkc-title-text {
    color: #327bb7;
    text-decoration: underline;
    font-weight: bold;
}


.lkc-thumbnail {
    margin: 0 20px 0 0;
}


.lkc-excerpt {
    display: none !important;
}

.lkc-info {
    display: none !important;
}

.lkc-url {
    display: none !important;
}

/*かんたんリンクのjs生成クラスを全て上から殴り倒して希望するデザインを差し込むimportantcss塊*/
.entry-content div.af-boxtitle {
    border: solid 3px #8ccaff;
    border-radius: 10px 10px 0px 0px;
    border-bottom: none;
    padding: 1em;
    color: #fff;
    font-weight: bold;
    font-size: 110%;
    text-shadow: 1px 2px 3px #808080;
    background-color: #8ccaff;
}

.entry-content div.easyLink-box {
    border: 3px solid;
    box-shadow: 4px 4px 2px #b7afaf;
    margin: 1em 0.3em !important;
    align-items: center;
    padding: 10px 20px;
    border-image: linear-gradient(270deg, #7FC4E0 25%, #7FC4E0);
    border-image-slice: 1;
}


.entry-content div.easyLink-box div.easyLink-img {
    display: flex;
    margin: 20px;

}

div.easyLink-box.easyLink-size-s div.easyLink-img p.easyLink-img-box img {
    filter: none !important;
    box-shadow: none !important;
}

.entry-content div.easyLink-box div.easyLink-info p.easyLink-info-maker {
    display: none;
}

.entry-content div.easyLink-box div.easyLink-info p.easyLink-info-model {
    display: none;
}

.entry-content div.easyLink-box div.easyLink-info p.easyLink-info-btn {
    display: flex;
    justify-content: center !important;
    margin-top: 10px !important;
    overflow: hidden;

}

.entry-content div.easyLink-box div.easyLink-info p.easyLink-info-btn a {
    background: #7FC4E0!important;
    box-shadow: 3px 3px #708eab;
}


/*
.entry-content div.easyLink-box div.easyLink-info p.easyLink-info-btn a:nth-child(1) {
    background: linear-gradient(45deg, #f94d26, #f1b305) !important;
}

.entry-content div.easyLink-box div.easyLink-info p.easyLink-info-btn a:nth-child(2) {
    background: linear-gradient(45deg, #1ecb09, #a9f332) !important;
}

.entry-content div.easyLink-box div.easyLink-info p.easyLink-info-btn a:nth-child(3) {
    background: linear-gradient(45deg, #3576ed, #51e5fd) !important;
}

.entry-content div.easyLink-box div.easyLink-info p.easyLink-info-btn a:nth-child(4) {
    background: linear-gradient(45deg, blue, pink) !important;
}
*/

.entry-content div.easyLink-box div.easyLink-info p.easyLink-info-name {
    font-weight: bold !important;
    padding-left: 6em;
}

.entry-content div.easyLink-box div.easyLink-info p.easyLink-info-name a{
   color:#1A1A1A!important;
}


.entry-content div.easyLink-box div.easyLink-info p.easyLink-info-btn a {
    margin-bottom: 10px;
    padding: 0 5px;
    box-sizing: border-box;
    border-radius: 4px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 60% !important;
    height: 40px;
    color: #fff!important;
    background: linear-gradient(45deg, #63a3e2, #b5ddcf);
    text-shadow: 1px 2px 3px #808080;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.25;
    text-align: center;
    transition: 0.3s ease-in-out;
    text-decoration: none;
    position: relative;
    transition: 0.2s ease-in-out;
}
/*フラッシュエフェクトが他の要素をグラつかせてる可能性があるため一時停止

.entry-content div.easyLink-box div.easyLink-info p.easyLink-info-btn a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);
    transform: skewX(-25deg);
    animation: shiny-btn1 3s ease-in-out infinite;
}
*/

.entry-content div.easyLink-box div.easyLink-info p.easyLink-info-btn a:hover {
    box-shadow: none;
	background-color:#F7A5E0!important;
    transform: translateY(2px);
}

.entry-content div.easyLink-box div.easyLink-info p.easyLink-info-btn {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media screen and (max-width: 480px) {
    .entry-content div.easyLink-box.easyLink-size-s {
        display: flex;
		flex-wrap:wrap;
        margin: 0px 0px auto 0 !important;
        padding: 1em 20px;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    .entry-content div.easyLink-box div.easyLink-info {
        width: 100% !important;
    }

    .entry-content div.easyLink-box div.easyLink-info p.easyLink-info-name {
        padding-left: 1em;
    }

    .entry-content div.easyLink-box div.easyLink-info p.easyLink-info-btn {
        display: flex !important;
        justify-content: center !important;
    }

    .entry-content div.easyLink-box div.easyLink-info p.easyLink-info-btn a {
        width: 80% !important;
        justify-content: center !important;
    }

    .entry-content div.easyLink-box div.easyLink-img {
        display: block !important;
        width: 60%;
        margin: auto;
    }
}

/*切り替えタブフィールド用*/
.tab_switch {
    margin-top: 20px;
    margin-bottom: 20px;
}



/*ビーコン改行非表示*/
img[width="1"] {
    display: none!important;
}




/*SNS系引用調整CSS*/
/*インスタグラムの引用コードで生成されるiframeを中央寄せ*/
iframe.instagram-media{
	margin:auto!important;
}
/*twitter引用quoteに対して中央寄せ自動的に*/
div.twitter-tweet {
    margin: 10px auto;
	display:block!important;
}

div.twitter-tweet iframe[id*="twitter-widget"] {
	margin:auto;
	width:580px!important;
	
}

.cps-post-main ul:not([class]),.cps-post-main ol:not([class]){
	padding-left:0!important;
}

.tab_back:hover{
	opacity:0.8;
    text-align:center;	
}




/*k-boxタイトル付きボックス関連*/
.k-box.intitle {  
  display: block;
  position: relative;
  margin: 2em auto;
  padding: 10px 1em 1em 1em;
  width: 95%;
  background: transparent;
  border:#7FC4E0 solid 1px;
}
.k-box.intitle .box-title {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: calc(100% + 52px);
    padding: 10px;
    margin: 0 0 1em -35px;
    color: white;
    background: #7FC4E0;
}
.k-box.intitle .box-title:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #5e9cc4;
}

/*k-boxカラーバリエーション*/
.k-box.pink{
  border:#f7a5e0 solid 1px;	
}
.k-box.pink .box-title {
    background: #f7a5e0;
}
.k-box.pink .box-title:before {
  border-right: solid 20px #d086bb;
}



section.runMelos_rageMelos {
    background: #7FC4E0;
    border-radius: 15px;
    margin: 2em auto;
    position:relative;
    box-shadow: 1px 1px 5px #d5d5d5, -1px -1px 5px #d5d5d5, -1px 1px 8px #d5d5d5, 1px -1px 8px #d5d5d5;
}
section.runMelos_rageMelos .melos_title {
    background: white;
    font-weight: bold;
    padding: 0.2em 2em 0.2em 2em;
    display: inline-block;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    position: relative;
}
section.runMelos_rageMelos .melos_title:after {
    content: "";
    position: absolute;
    top: 4px;
    right: -23px;
    border-top: 38px solid transparent;
    border-left: 28px solid #ffffff;
    border-bottom: 0px solid transparent;
}
section.runMelos_rageMelos .melos_text{
    background: white;
    padding:0.5em 2em 0.5em 2em;
	text-align:center;
    border-bottom-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-right-radius:15px;
}

/*メロスボックスカラーバリエーション*/
section.runMelos_rageMelos.pink {
    background: #f7a5e0;
}



/*ぴんくネオン*/
span.neon_pastelPink{
    color: #fff;
    line-height: 1;
    text-shadow: 0 0 0.05em #FFABBD, 0 0 0.1em #FFABBD, 0 0 0.15em #FFABBD, 0 0 0.3em #FFABBD;
    filter: saturate(175%);
    -webkit-background-clip: text;
    -webkit-box-reflect: below -0.1em -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .5)), to(transparent));
    animation: neonText_pink 1.5s infinite alternate;
}

@keyframes neonText_pink {
  0%, 19%, 21%, 23%,25%, 53%, 57%, 100% {
	text-shadow: 
		0 0 0.05em #FFABBD,
		0 0 0.10em #FFABBD,
		0 0 0.15em #FFABBD,
		0 0 0.30em #FFABBD;
  }
  20%, 24%, 55% {
      text-shadow: 0 0 0.1em #FFABBD;
  }
}

/*水色ネオン*/
span.neon_pastelBlue{
    color: #fff;
    line-height: 1;
    text-shadow: 0 0 0.05em #83cbe5, 0 0 0.1em #83cbe5, 0 0 0.15em #83cbe5, 0 0 0.3em #83cbe5;
    -webkit-background-clip: text;
    -webkit-box-reflect: below -0.1em -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .5)), to(transparent));
    filter: saturate(175%);
    animation: neonText_blue 1.5s infinite alternate;
}
@keyframes neonText_blue {
  0%, 19%, 21%, 23%,25%, 53%, 57%, 100% {
	text-shadow: 
		0 0 0.05em #83cbe5,
		0 0 0.10em #83cbe5,
		0 0 0.15em #83cbe5,
		0 0 0.30em #83cbe5;
  }
  20%, 24%, 55% {
      text-shadow: 0 0 0.1em #83cbe5;
  }
}

/*アニメーションアイコン付きオリジナルブログカード*/
.disckard{
   border-radius:15px;
   background:#1A1A1A;
   padding:1em 3em 1em 3em;
   margin:2em 1em 2em 1em;
}
.disckard .iconsflex d {
    margin: 1em;
    position: relative;
    top: -10px;
    font-size: 100%;
}

.disckard .iconsflex d:before {
    content: "関連記事をチェック";
    color: #FF5D3F;
    text-decoration: underline;
    font-size: 100%;
    left: 50%;
    transform: translateX(-50%);
}

a.disckard-area {
    text-decoration: none;
}
.disckard span.disckard_title {
    background: white;
    display: block;
    position: relative;
    padding: 0.5em;
    border-radius: 10px;
    font-size: 100%;
    text-align: center;
    top: -6px;
    text-decoration: underline;
}

.disckard .iconsflex {
    text-align: center;
}
.iconsflex c{
    position: relative;
    top: 10px;
}
.disckard .iconsflex c:after {
    display: inline-block;
    content: "";
    position: absolute;
    left: 0px;
    top: -40px;
    width: 100px;
    height: 100px;
    z-index: 0;
    background-color: transparent;
    zoom: 1.2;
  transform-style: preserve-3d; /* 要素を3D空間に配置する */
  animation-name: rotateY; /* 使用するアニメーション名 */
  animation-duration: 2s; /* アニメーションの時間 */
  animation-timing-function: linear; /* アニメーションのタイミング関数 */
  animation-iteration-count: infinite; /* アニメーションの繰り返し回数 */

}

.iconsflex c.osu:after {
    left: -228px;
    background: url(https://discka.com/wp-content/uploads/2023/04/a4c36e43bca15e3d8ed70779f05c7f84.webp) no-repeat;
    background-size: contain;
}
.iconsflex c.mesu:after {
    left: 128px;
    background: url(https://discka.com/wp-content/uploads/2023/04/ece2b8c9f413cf81a361f01609b95169.webp) no-repeat;
    background-size: contain;
}
@media (max-width:480px) {
  .iconsflex c.osu:after {
      left: -75px;
      top: -30px;
  }
  .iconsflex c.mesu:after {
      left: -23px;
      top: -30px;
  }
}
/* アニメーションを定義 */
@keyframes rotateY {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(30deg);
  }
  100% {
    transform: rotateY(0deg);
  }

}

/*おすすめBOX*/
.fude_recommend {
    position:relative;
    border: solid #7fc4e0 2px;
    border-radius:7px;
    padding: 1em 2em 1em 2em;
    margin-top:2em;
}
.fude_recommend::before, .fude_recommend::after {
    content: "\e941";
    color: #7fc4e0;
    font-family: "jin-icons";
    background: white;
    padding: 0.2em;
    position: absolute;
    top: -14px;
    left: 15px;
    z-index: 11;
}
.fude_recommend::after {
    content: "この記事はこんな方におすすめです";
    padding-left: 2em;
    z-index: 10;
    color: black;
    font-size: 75%;
}

/*ウィジェットロジックのタイトルを記事内に表示させない*/
#post-bottom-widget .widgettitle.ef {
    display: none;
}

div.widget-cs-cta {
    border: solid 3px #21a596;
    padding: 30px;
}

@media (max-width:480px) {
    div.widget-cs-cta {
        padding: 10px;
    }
}

div.widget-cs-cta img {
    margin-bottom: 1em;
}

div.widget-cs-cta a {
    color: #1e90ff !important;
    text-decoration: underline;
}


#post-bottom-widget .widget_text .textwidget{
	padding:0!important;
}




/*CTA*/
.cta_title {
    width: 100%;
    padding: 1em;
    font-weight: bold;
    font-size: 110%;
    color: rgb(85 85 85);
    border: rgb(85 85 85) solid 11px;
}
.cta_main {
        margin: 0.5em 0;
        padding: 1em;
border:rgb(85 85 85) solid 11px;
    }

    .cta_flex {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .cta_img {
        display: flex;
        width: 50%;
		justify-content:center;
    }

    .cta_text {
        width: 50%;
        padding: 0em 1em 1em 1em;
    }

    .cta_text p {
        margin-bottom: 1em !important;
    }

    .cta_ground p {
        margin-bottom: 0.2em !important;
        text-align: center;
    }

    .cta_ground .mybtn {
        margin-top: 0em;
        margin-bottom: 0em;
    }

    .cta_ground span {
        text-shadow: 0px 1px 0px black;
    }

    @media (max-width:640px) {
        .cta_img {
            display: block;
            width: 100%;
            padding: 1em 1em 0em 1em;
        }

        .cta_img img {
            margin-bottom: 0em;
        }

        .cta_text {
            width: 100%;
            padding: 0.5em 1em 1em 1em;
        }


        .cta_title:after {
            display: none;
        }

    }
.cta_button{
  overflow: hidden;
}


/* フッター */
#copyright a:hover{
    opacity: .7;
}

.footer__item{
    padding: 0 5px;
}

/* 年齢確認モーダル用 */
.c-age-confirmation {
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: black;
}

.c-age-confirmation * {
    box-sizing: border-box;
}

.c-age-confirmation ul {
    padding: 0;
}

.c-age-confirmation ul li {
    list-style: none;
}

.c-age-confirmation img {
    display: block;
}

.c-age-confirmation__mask {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -5;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.3);
}

.c-age-confirmation__inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}

.c-age-confirmation__box {
    width: calc(100% - 40px);
    max-width: 650px;
    padding: 25px 25px 6px;
    position: relative;
    background-color: white;
    border: 3px solid #e4b0e6;
    border-radius: 10px;
    font-size: 18px;
    line-height: 1.5;
    z-index: 1;
}

.c-age-confirmation__box::before{
    width: 100%;
    height: 344px;
    position: absolute;
    bottom: 0;
    left: 50%;
    background-image: url(./img/age_bg.webp);
    background-position: center center;
    background-size: auto 100%;
    content: "";
    opacity: .3;
    transform: translateX(-50%);
    z-index: -1;
}

.c-age-confirmation__heading {
    max-width: max-content;
    margin: 0 auto;
    padding: 10px 32px;
    position: relative;
    background-color: #1A1A1A;
    border-radius: 8px;
    color: #FFE100;
    font-size: 28px;
    font-weight: bold;
    z-index: 1;
}

.c-age-confirmation__heading::before{
    width: calc(100% - 30px);
    height: calc(100% - 16px);
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid #FF5D3F;
    content: "";
    transform: translate(-50%, -50%);
}

.c-age-confirmation__txt--large {
    margin-top: 35px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.15;
    text-align: center;
}

.c-age-confirmation__btns {
    width: 90%;
    max-width: 340px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;

}

.c-age-confirmation__btns>li {
    margin: 20px 0;
}

.c-age-confirmation__btn--yes,
.c-age-confirmation__btn--no {
    position: relative;
    border-radius: 50%;
    font-weight: 700;
}

.c-age-confirmation__btn--yes *,
.c-age-confirmation__btn--no * {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: inherit;
    cursor: pointer;
}

.c-age-confirmation__btn--yes {
    width: 50%;
    font-size: 42px;
}

.c-age-confirmation__btn--yes span{
    background-color: #fff;
    border: 4px solid #7fc4e0;
    border-radius: 50%;
    transition: .3s;
}

.c-age-confirmation__btn--yes span:hover,
.c-age-confirmation__btn--no a:hover{
    box-shadow: 0 3px 12px #7fc4e0;
    transform: translateY(-3px);
}

.c-age-confirmation__btn--yes ::before,
.c-age-confirmation__btn--no ::before{
    padding-top: 100%;
    content: "";
    display: block;
}

.c-age-confirmation__btn--no {
    width: 40%;
    font-size: 32px;    
}

.c-age-confirmation__btns .c-age-confirmation__btn--no a{
    background-color: #7fc4e0;
    border-radius: 50%;
    color: #fff;
}

.c-age-confirmation__txt--small {
    margin: 30px 0 0;
    font-size: 12px;
    line-height: 1.15;
    text-align: center;
}

.br-sp {
    display: none;
}

@media screen and (max-width: 480px) {
    .c-age-confirmation__box {
        padding: 30px 10px 20px;
        background-size: 78% auto;
    }
    
    .c-age-confirmation__box::before {
        height: 300px;
    }

    .c-age-confirmation__heading {
        font-size: 22px;
    }

    .c-age-confirmation__logo img {
        width: 100%;
        height: auto;
    }

    .c-age-confirmation__txt--large {
        margin-top: 20px;
        font-size: 16px;
    }

    .c-age-confirmation__txt--small {
        margin-top: 25px;
    }

    .c-age-confirmation__btns {
        justify-content: space-between;
    }

    .c-age-confirmation__btn--yes{
        font-size: 32px;
    }

    .c-age-confirmation__btn--no {
        font-size: 20px;
    }

    .br-sp {
        display: block;
    }
}

/*年齢確認モーダル用終わり*/

/*3連3ren*/
div.triple_block_area{
  display: flex;
  padding: 0.5em 0;
  flex-wrap: wrap;
  justify-content: center;
	margin-top:3.5em;
	margin-bottom:1em;
}
div.triple_block_area .tba-title{
  display: block;
  width: 100%;
  text-align: center;
  font-weight:bold;

}
div.triple_block_area .tba-title .jsmonth_string{
  color: red;
  font-size:125%;
}

div.triple_block_area .container{
  position: relative;
  display: block;
  margin: 1em 0.8em 1em 0.8em;
  padding: 0.2em 0;
  width: 30%;
  border: solid 1px #21a596;
  border-radius: 7px;
}
div.triple_block_area .container:before{
    position: absolute;
    content: "";
    display: block;
    width: 90px;
    height: 90px;
    top: -69px;
    left: 65px;
}




.container .inbox_headding{
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    position: relative;
    left: -10px;
    background: #716e6e;
    color: white;
    padding: 0.5em;
	text-align:center;
    font-size: 88%;
    width: calc(100% + 20px);
    font-weight: bold;
}
.container .inbox_headding:before{
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 10px #3e3e3e;
}
.container .inbox_headding:after{
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-left: solid 10px #3e3e3e;
}


.container .inbox_text p{
  text-align:center;
	margin-bottom:0!important;
}
.container .inbox_text .small{
  font-size:83%;
}

.container .mybtn{
	margin-top:0em!important;
}

.container.rank1:before{
    background-image: url(https://discka.com/wp-content/uploads/2023/04/3ren-1-1.webp);
    background-size: contain;
}
.container.rank2:before{
    background-image: url(https://discka.com/wp-content/uploads/2023/04/3ren-2-1.webp);
    background-size: contain;
}
.container.rank3:before{
    background-image: url(https://discka.com/wp-content/uploads/2023/04/3ren-3-1.webp);
    background-size: contain;
}

.container div.inbox_banner{
  text-align:center;
	margin-bottom:0.5em;
}
.container div.inbox_banner img{
  width:90%;
  margin-bottom:0!important;
}


.container div.tba_button{
  overflow: hidden;
}
.container div.tba_button:hover{
}

.btnghost a {
    position: relative;
    display: block;
    text-decoration: none;
    padding: 1em 1em;
    border-radius: 7px;
    background-image: linear-gradient(to right, #068e69 0%, #1bc798 50%, #068e69 100%);
    background-size: 200% auto;
    color: #ffffff !important;
    font-weight: bold;
    background-color: #22a597;
    width: 95%;
    text-align: center;
    margin: 0.5em auto;
    box-shadow: 2px 3px 5px black;
    transition: 0.3s ease-in-out;
}
/*キラッと光る*/
.btnshine a::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
    width: 50%;
  height: 100%;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.8) 100%);
  transform: skewX(-25deg);
    animation: shiny-btn1 3s ease-in-out infinite;
}
/*時間経過で発生する無限アニメーション*/
@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}



/*＠メディアでスマホ時のときのブロックの大きさを横一杯に広げるやつ入れておいた方がよさそう。*/
@media (max-width:640px){
  div.triple_block_area .container{
    width:100%;
  }
div.triple_block_area .container:before {
    position: absolute;
    content: "";
    display: block;
    width: 90px;
    height: 90px;
    top: -35px;
    left: -25px;
    z-index: 2;
}
.container .inbox_headding {
    padding-left:4.5em;
	text-align:inherit;
}

}

/* body {
  padding-bottom: 130px;
}
@media(max-width:767px) {
  body {
    padding-bottom: 110px !important;
  }
}
@media(max-width:480px) {
  body {
    padding-bottom: 70px !important;
  }
} */

/* ロゴとメニューの被り調整 2023/12/13 */
@media(max-width:1200px) {
  #header #site-info {
    min-width: auto;
    max-width: none;
  }
  #site-info img {
    width: 20vw !important;
    max-width: 220px;
  }

  #drawernav3 ul.menu-box li.menu-item a {
    height: auto;
    font-size: clamp(11px, 1.5vw, 14px) !important;
  }

  #drawernav3 ul.menu-box {
    margin-top: 0 !important;
  }

  #header {
    align-items: center;
    gap: 0 20px;
  }
}


/* フッターメニュー調整 2024/1/19 */
footer .footer-inner {
  display: flex;
  flex-wrap: wrap;
  float: none;
  gap: 8px 20px;
  width: 95%;
  margin: 0 auto;
}

@media(max-width:768px) {
  footer .footer-inner {
    justify-content: center;
  }
}

footer #copyright {
  width: 98%;
  display: block;
  margin: 20px auto 0;
  text-align: center;
}

/* フッター下の広告余白 */
/* 2024/01/22 bodyにクラス出し分けて、
広告無いページでは余白つかないように調整 */
body.wide {
  padding-bottom: 130px;
}
@media screen and (max-width: 480px) {
  body.wide {
    padding-bottom: 70px;
  }
}
body.usually {
  padding: 0 !important;
}