/*
Template: jin
Theme Name: jin-child
Author: CrossPiece
Version: 1.00
*/
/*大石追加*/

.cps-post-main-box .h4-style01 h4 {border-left:none;border-bottom:solid 4px #9ce191 !important;margin:50px 0 40px;padding:0px 1px 12px;font-size:18px;font-weight:900;}

.cps-post-main-box h3 {font-size:16px;}

div.Biggers {font-size: 25px;}

.evA1 {font-size:23px;color:#fff530;}

div.mgntpon {margin-top:100px;}

.title-box2 p.set1 {margin:20px 0 0;}

.title-box2 p.upmagn {margin:40px 0 0;}

p.m0p0 {margin:0;padding:0;}
.cps-post-main p.mini {font-size:.8rem;}

caption{
	padding:0 0 10px 0;
}

.naka{
	text-align:center;
}

.bld1 {font-weight:900;}
.bld2 {font-weight:;}
.minf {font-size:.8rem;}
.minf a.org {font-size:18px;}
.red {color:#f00;}
strong.lg1 {font-size:1.2em;}
.tips {font-size:1.4em;}

.bldR {font-weight:900;color:#fff200;}
.warningTXT {font-weight:900;color:#fff200;font-size:1.5em;}
.warningBACK {border:1px solid #fff;background:#000;border-radius:8px;padding:12px 10px 10px;}
div.warningBACK {margin:8px auto 29px;max-width:425px;text-align:center;}
p.warningBACK {margin:8px auto 29px;padding:8px;}
p.warningBACK.cen {margin:8px auto 29px;padding:8px;text-align:center;}


.ranking01 div.warningBACK {max-width:100%;}

@media screen and (max-width: 768px) {
.warningTXT {font-size:1.2em;}
div.warningBACK {max-width:100%}
}

.tkho {font-weight:900;text-align:center;position: relative;padding: 0 65px;}

.tkho:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #9ce191;
}

.tkho span {
  position: relative;
  padding: 0 1em;
  background: #282828;
	font-size:1.4rem;
}


.gpwaseal {border:3px double #ccc;padding:8px;margin:10px 0 0;}
.gpwalink img {margin:0 auto;border-radius:15px;}
.topma img {margin-top:13px;}
.footqpwa img {border-radius:8px;}
.footqpwa,.packing img {display:inline-block;}
.pqpwa  {margin:5px 0 0;}
.footpack1 {text-align:center;}
.packing {display:inline-block;margin:8px 8px 0 0;width:35%;}

.cps-post .c--labeling-act {margin: 0px auto 0px;}
.scrptpack p {padding:0;}

.custom-html-widget img {margin:0 auto;}


#main-contents a.newlinks {color:#2ed5ff;text-decoration:none;}

/*キャラ吹き出しのバックを黒に talk-Ltxtのとこに追加して*/
.bablk {background:#000;}
.talk .talk-Ltxt.bablk:after {border-right-color:#000;}
.talk .talk-Rtxt.bablk:after {border-left-color:#000;}

.marker0 {font-size:1.3rem;font-weight:900;color:#f8ffba;}
.marker1 {font-size:1.3rem;font-weight:900;color:#4dff76;}

.update {background:#000;font-size:1.2em;border:2px solid #fff;padding:4px 0;}

.p-nav a .p-nav-title {color:#91ffa2;}

ul.lad {margin-bottom:20px;}
ul.lad li {display:inline-block;width:29%;border:1px solid #ccc;border-radius:10px;padding:5px 0;text-align:center;}

@media screen and (max-width: 780px) {
	ul.lad li {width:46%;}
}

dl {background: #333;border-radius:10px;padding:10px;margin-bottom:20px;}
dt {border-bottom:1px solid #ccc;font-weight:900;}
dd {margin:8px 0 20px;padding:0 0 0 10px;}
dd:last-child {margin-bottom:0;}

.p-accordion2 .bk0 th,.p-accordion2 .bk0 td {background:#555555;}


.cps-post-main-box .h3-space-style01 h3.quest {border:3px solid #fff;border-radius:10px;background:#000;padding-left:50px !important;}
.cps-post-main-box .h3-space-style01 h3.quest:before {width:50px;border:none;content:"Q：";padding:3px 0px 0px 12px;background:none;top:9px;}

.cps-post-main-box div.answer {border:3px double #ccc;padding:8px;}
.cps-post-main-box div.answer p:before {content:"A：";width:50px;font-weight:900;}
.cps-post-main-box div.answer p {display:inline-block;padding:8px;}

ul.emotion {margin:0 0 20px;font-weight:900;font-size:1.3rem;color:#f4ffc2;}
ul.emotion li {padding:0;}

@media screen and (max-width: 680px) {
ul.emotion {font-size:1.2rem}
}

.cps-post-main-box .ranking-title01 h3,.cps-post-main-box .ranking-title02 h3,.cps-post-main-box .ranking-title03 h3 {border:none;margin:0;padding:0;font-size:1.3rem;line-height:inherit;}
.cps-post-main-box .ranking-title01 h3:before,.cps-post-main-box .ranking-title02 h3:before,.cps-post-main-box .ranking-title03 h3:before {background:none;border:none;}
.cps-post-main .ranking01 div.ranking-title01 {font-size:18px;padding-bottom:10px;font-weight:900;}
.cps-post-main .ranking01 {margin-bottom:10px;}

table.rankstable p.stk {font-weight:900;margin:0 0 4px;}
table.rankstable td {vertical-align:bottom;}
table.rankstable a.blks {margin:0 0 10px;display:block;text-decoration:none;}
.shiny-btn2 a.org {background-color:#2d54c1;color:#fff !important;}
.cps-post-main table.rankstable td .shiny-btn2 a {padding:7px 0;font-size:12px;}
.cps-post-main table.rankstable th .shiny-btn2 a{padding:7px 0;font-size:12px;}
.shiny-btn2 {text-shadow:1px 1px 0 #000,-1px -1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,0px 1px 0 #000,0 -1px 0 #000,-1px 0 0 #000,1px 0 0 #000;}
.depositbtn.shiny-btn2 {margin:0;}
.depositbtn.shiny-btn2 a {padding:3px;}

table.rankstable th {background:#000;}
table.rankstable td:first-child {text-align:center;}
table.rankstable tr td:last-child {padding:8px 8px 4px;}
.cps-post-main table.rankstable th {font-size:1.1rem;}
table.rankstable td p {padding-bottom:8px;padding-left:8px;}
table.rankstable td:first-child p,table.rankstable th:first-child p {padding:0;}
table.rankstable td p {padding:0;}
table.rankstable th.ftbox,table.p-accordion2 th.svbox {width:25%;}
table.rankstable td img,table.rankstable th img {width:100%;margin:0 0 7px;}
table.rankstable td .shiny-btn2,table.rankstable th .shiny-btn2 {margin:0;}
.cps-post-main table.rankstable td ul {margin:0 0 4px;font-weight:900;padding:0;}
.cps-post-main table.rankstable td ol {padding:0;}
.cps-post-main table.rankstable td ol li {padding:1px 0px 0px 24px;}
.cps-post-main table.rankstable td ol > li:before,.cps-post-main table.mbox td ol > li:before {top:1px;background-color:#bd0000 !important;}
.cps-post-main table.rankstable td ol > li:after {top:11px;}
table.rankstable td .chkp {border-top:1px solid #969696;padding:8px 0 9px;font-size: 14px;}
.bbb {font-weight:900;display:block;margin:0 0 5px;color:#fbff8c;}
.p-accordion2 td p.bomb {}

.p-accordion2 td p.bomb {margin-top:25px;}
.cps-post-main .p-accordion2 td {background:none;}
.cps-post-main .p-accordion2 th {background:#000;}
.cps-post-main th {background:#000;}

.cps-post-main div.chkp ol,.cps-post-main ol.m0p0 {margin-bottom:0;padding-left:0;}
.cps-post-main div table.p-accordion2 td ul {padding:0 0 0;}
.cps-post-main div table.p-accordion2 td ul li {padding:0 0 0 21px;}
.cps-post-main div table.p-accordion2 td ul li:before {left:6px;}

.cps-post-main ul.lsnone li:before {display:none;}
.cps-post-main ul.lsnone,.cps-post-main ul.lsnone li {padding:0;}



table.p-accordion2.tblul td ul {padding:0;}
table.p-accordion2.tblul td p {margin:0 0 0 8px;font-size:1.3em;padding:0 0 7px;}

.ranking01 .mbox caption {margin:0 0 5px;padding:3px 0 0;}
.p-accordion2.mbox th {min-width:120px;}



.newbonus {border:3px solid #fff;padding:8px;background:#000;border-radius:10px;margin:0 0 20px;}
.cps-post-main div.newbonus ul {padding:0;}
#main-contents .newbonus ul li a {color:#fff;text-decoration:none;}
.newbonus ul li .newdate {font-size:1rem;padding:0 2px 0 0;}
.newbonus ul li .newdate:after {content:"：";}
/*.newbonus  {overflow-x:scroll;overflow-x:hidden;height:370px;}*/

.cps-post-main div.newbonus ul li:before {display:none;}
.cps-post-main div.newbonus ul li {padding:0 0 0 10px;}



@media screen and (max-width: 500px) {
.newbonus ul li .newdate {padding:0;}
}

.midashi2 {font-weight:900;font-size:1.2em;text-align:center;border-bottom:1px solid #555;margin:0 0 8px;color:#2ed5ff;}
.mag1 {margin:0px 0 8px;}
.mag2 {margin:13px 0 8px;}

.cps-post-main .title-box2 ul > li:before, .cps-post-main .title-box2 ol > li:before {background-color: #bd0000 !important;}
.cps-post-main .title-box2 ul, .cps-post-main .title-box2 ol {padding:10px 0 0;}

.cps-post-main .ranking01 .ranking-title02.nu11 {padding-left:0;}

.new-entry-item .popular-meta {bottom:-10px;}
#new-entry-box li.new-entry-item {margin-bottom:10px;}


@media screen and (max-width: 835px) {
table.rankstable tr td:last-child {padding:8px 8px 8px;}
table.rankstable th.ftbox,table.p-accordion2 th.svbox {width:30%;}
}
@media screen and (max-width: 768px) {
table.rankstable th.ftbox {width:25%;}
.rktable {font-size:12px;}
table.rankstable tr td:last-child {padding:8px 8px 5px;}
.cps-post-main table.rankstable th,table.rankstable td .chkp {font-size:12px;}
.cps-post-main .ranking01 {margin-bottom:0px;}
}
@media screen and (max-width: 680px) {
table.rankstable th.ftbox {width:10vw;}
}

.vtop {vertical-align:top;}




.cps-post-main-box .h3-space-style01 h3::before {top: 18px;}
.blog-card .blog-card-hl:after {top:9px;}



#toc_container.indem ul.toc_list {padding-top:5vw;}



@media screen and (max-width: 768px) {
	#toc_container .toc_list {padding:0 10px;}
	#toc_container .toc_list > li {padding-left:28px;}
	#toc_container .toc_list > li > ul > li {padding-left:14px;margin-bottom:10px;}
}



.cps-post-main .po2022 ul li,.cps-post-main .po2022a ul li {
  position: relative;
  list-style-type: none!important;/*ポチ消す*/
  padding: 0.5em 0.5em 0.5em 0.5em;
  margin-bottom: 5px;
  line-height: 1.5;
  vertical-align: middle;
	font-weight:900;
}


.cps-post-main .po2022 ul:before {content:"特徴ピックアップ";top:-18px;left:-2px;position:absolute;background:#000;padding:3px 8px;border:2px solid #fff;font-weight:900;}
.cps-post-main .po2022a ul:before {content:"おすすめの理由";top:-18px;left:-2px;position:absolute;background:#000;padding:3px 8px;border:2px solid #fff;font-weight:900;}

.cps-post-main .po2022 ul,.cps-post-main .po2022a ul {margin:30px 0px 30px !important;padding:26px 8px 8px 30px;border:2px solid #fff;background:#000;position:relative;}
.cps-post-main .po2022 ul li,.cps-post-main .po2022a ul li {list-style:none !important;}
.cps-post-main .po2022 ul li:before,.cps-post-main .po2022a ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  position: absolute;
	width:0;
	height:0;
  left : -1em;
	top:7px;
  color: #4dff76 !important; /*アイコン色*/
}


.comcom {
  position: relative;
  display: inline-block;
  margin:0 0 15px;
  padding: 7px 10px;
  min-width: 120px;
  color: #fff;
  font-size: 16px;
  background: #000;
	border-radius:10px;
	border:3px solid #31c12d;
	top:30px;
}

.comcom:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 0px solid transparent;
  border-top: 15px solid #31c12d;
	z-index:9999;
}

.comcom .pacs {margin: 0;padding: 0;font-size:.9rem;}
.recom {text-align:center;}


#bfb_content_pc .inner_bfb .bfb_closed,#bfb_content_sp .inner_bfb .bfb_closed{top:45px;}

.Aicon000 {border:1px solid #bbb;border-radius:10px;padding:5px 8px;margin:0 0 0 5px;background:#ff9100;}
.txtlft li {text-align:left;}

.cps-post-main table tr td ul, .cps-post-main table tr th ul {padding-bottom:0;margin-bottom:0 !important;}

.ranking-info01a .ilbk {display:inline-block;width:85%;margin:20px 0 21px;
}
.ranking-info01a .shiny-btn2.ilbk:first-child {margin:0;} 


.ranking-img01a {width:49%;display:inline-block;text-align:center;position:relative;}
.ranking-img01a img {width:100%;}
.ranking-img01a .Bcount {left:0px;width:100%;margin:0px auto 0;color:#fff;font-size:2.5rem;text-shadow:1px 2px 3px #000;position:absolute;bottom:19px;font-weight:900;}

.ranking-info01a .ilbk a {padding:10px 20px;}
.cps-post-main .ranking01 .ranking-info01a {text-align:center;width:49%;display:inline-block;vertical-align:top;margin:0 0 0 3px;}
.cps-post-main .ranking01 .ranking-info01b {text-align:left;width:49%;display:inline-block;vertical-align:top;margin:0 0 0 3px;}
.cps-post-main #rankcluster .ranking01 div.ranking-title01,.cps-post-main #rankcluster .ranking01 div.ranking-title02,.cps-post-main #rankcluster .ranking02 div.ranking-title02,.cps-post-main #rankcluster .ranking03 div.ranking-title03 {padding-bottom:5px;}

	.p-accordion2 th,.p-accordion2 td{
		padding: 6px 17px 2px 10px !important;
	}

.cps-post-main ol > li:before, .cps-post-main table ol li:before {
    top: -1px;}
.cps-post-main ol > li:after, .cps-post-main table ol li:after {
	top: 9px;}

@media screen and (min-width: 768px) {
	.cps-post-main .po2022 ul,.cps-post-main .po2022a ul {width:auto;}	
	.concept-box1:before,.cps-post-main .concept-box2:before,.concept-box3:before,.concept-box4:before,.concept-box5:before,.concept-box6:before {padding:20px 8px 20px 59px;}
}

@media screen and (max-width: 950px) {
.ranking-img01a,.cps-post-main .ranking01 .ranking-info01a,.ranking-info01a .ilbk,.cps-post-main .ranking01 .ranking-info01b,.ranking-info01b .ilbk {width:100%;}
#rankcluster .ranking01 .ranking-number,#rankcluster .ranking01 .ranking-number-rich,#rankcluster .ranking02 .ranking-number-rich,#rankcluster .ranking03 .ranking-number-rich {display:block;top:28%;left:-1px;}
}
@media screen and (max-width: 768px) {
.cps-post-main .ranking01 .ranking-info01a,.ranking-img01a {width:100%;}
.minf a.org {font-size:19px;}
.concept-box1:before {padding:20px 5px 20px 42px;}
.cps-post-main .ranking01 {margin-bottom:12px;}
}
@media screen and (max-width: 578px) {
.ranking-img01a,.cps-post-main .ranking01 .ranking-info01a,.ranking-info01a .ilbk,.cps-post-main .ranking01 .ranking-info01b,.ranking-info01b .ilbk {width:100%;}
.cps-post-main .title-box2 ul, .cps-post-main .title-box2 ol {padding:18px 0 0;}
.cps-post-main-box .ranking01 h3 {padding-left:0 !important;font-size:1.25rem;}
}


@media screen and (max-width: 350px) {
	.title-box2 .title-box2-title {font-size:.7em;}

}


/*.h3-space-style01 h3.rankh3:before {position:absolute;content:url("https://www.onlinecasino-gambler.com/wp-content/themes/jin/img/rank04-rich.png");background:none;border:none;}*/



/*ランキング早見表 ジャンプボタン*/

.junpers a:after  {font-family: "Font Awesome 5 Free";content: '\f103';font-weight: 900;width:0;height:0;vertical-align: middle;padding: 0px 0 0 10px;}


/*ランキング早見表2 inline版*/

.pckg2 {background:#000;text-align:center;padding:10px 0;margin:0 0 20px;}
.spmidashi {display:none;}
.pckg2 .logobox img,.pckg2 .logobox .shiny-btn2 {margin:0;}
.pckg2 .logobox img {width:100%;}
.revl {text-align:center;margin:8px 0 0;font-size:.95rem;vertical-align:middle;}
.logobox {display:inline-block;width:28%;border:0px solid #ccc;text-align:center;vertical-align:top;}

.pckg2 table caption {border:none;background:#282828;margin:0;border:1px solid #ccc;}
.pckg2 table.p-accordion2 th {width:110px;min-width:100px;background:#000;text-align:center;}
.pckg2 .shiny-btn2 a {padding:10px 5px;}
.pckg2 .shiny-btn2:last-child {margin:8px 0 0;}
.cps-post-main .pckg2 .p2tbl {display:inline-block;width:70% !important;max-width:none;margin:0 0 5px;}
.cps-post-main .pckg2 .p2tbl table {margin:0;}
.pckg2 table td.lfttxt {text-align:left;}


/* ランキング早見表3リストタイプ　*/
#main-contents .nodepolist ul li a {text-decoration:none;color:#fff;width:100%;display:block;padding:10px 100px 10px 29px;font-weight:800;}
#main-contents .nodepolist ul li {background:#2d54c1;margin:0 0 10px;padding:0;border-radius:8px;}
#main-contents .nodepolist ul {padding:0;}
.cps-post-main .title-box2.nodepolist ul > li:before {font-family: "Font Awesome 5 Free";content: '\f06b';font-weight: 900;width:0;height:0;top:13px;left:8px;color:#fcec03;}
.cps-post-main .title-box2.nodepolist ul > li a:after  {font-family: "Font Awesome 5 Free";content: '詳細へ \f103';font-weight: 900;width:70px;height:0;top:11px;right:26px;position:absolute;}
.ndb000 {padding:0 0 0 5px;white-space: nowrap}
.ndb000:before {content:"【";}
.ndb000:after {content:"】";}


@media screen and (max-width: 578px) {
.cps-post-main .title-box2.nodepolist ul > li a:after  {font-family: "Font Awesome 5 Free";content: '\f103';font-weight: 900;width:0;height:0;top:14px;right:26px;position:absolute;}
#main-contents .nodepolist ul li a {padding:10px 33px 10px 29px;font-size:.9rem;}
.ndb000 {padding:0;white-space:normal;}
/* .cps-post-main ul li {padding:0 0 0 8px;} */
}





@media screen and (max-width: 650px) {
.pckg2 {padding:0;}
.spmidashi {display:block;text-align:center;font-weight:900;padding:8px 0 8px;background:#282828;border:1px solid #ccc;}
.pckg2 table caption {display:none;}
.pckg2 .logobox {width:100%;margin:0;}
.pckg2 .shiny-btn2,.revl {width:48%;display:inline-block;}
.cps-post-main .pckg2 .p2tbl {margin:10px 0 0;width:100% !important;display:block;padding:0 8px 8px;}
}



@media screen and (max-width: 500px) {
	.senbatu .shiny-btn2 a {font-size:1rem;}
}






/**BeeBet専用**/
.beLP {text-align:center;margin:0 0 10px;}
.beLP img {width:100%;}

.beLP p {background:#000;border:2px solid #f00;color:#fff;margin:0 auto 0;padding:8px;}
.bom {font-size:1.2em;}

.beLP .none {display:none;}

.beLP p.leftset {text-align:left}
.beLP p.leftset strong.bom {display:block;text-align:center;border-bottom: 1px dashed;margin-bottom:5px;}


/**いいところ悪いところ用**/

.goodess,.baddes {width:48%;display:inline-block;vertical-align: top;}

.goodess .title-box2-title {background:#32b34a;}
.baddes .title-box2-title {background:#5d2387;}



@media screen and (max-width: 500px) {
	.goodess,.baddes {width:100%;display:block;}
}



/**イチオシ差し込み広告用**/

.intad {border:3px double #ccc;padding:0px 4px;background:#000;}
.intad p {padding:5px 0 0;margin:0;font-weight:900;}
.intad img {margin:0;}


/**WPT差し込み広告用**/
.spsnks {width:100%;border:1px solid #ccc;padding:8px;border-radius:3px;margin:0 0 20px;}
.spsnks a {width:48%;display:inline-block;}
.spsnks a img {margin:0;}
.spsnks p {width:48%;display:inline-block;padding:5px 0 8px;vertical-align:top;}
.spsnks .shiny-btn2 {margin:0 0;}

@media screen and (max-width: 500px) {
.spsnks p {display:block;width:100%;}
.spsnks a {width:100%;}
}


/*もっと読む*/
.newbonus p {padding:0;}
.cp_box *, .cp_box *:before, .cp_box *:after,.cp_box2 *, .cp_box2 *:before, .cp_box2 *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box,.cp_box2 {
	position: relative;
}
.cp_box label,.cp_box2 label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 46px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background:linear-gradient(to bottom, rgba(0, 2, 2, 0) 0%, rgba(0, 2, 2, 0.95) 90%) ;/*linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%)*/
}
.cp_box input:checked + label,.cp_box2 input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box label:after,.cp_box2 label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 0px;
	left: 50%;
	width: 150px;
	content: 'もっと見る';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 20px;
	background-color: #1a73e8;
}
.cp_box input,.cp_box2 input {
	display: none;
}
.cp_box .cp_container {
	overflow: hidden;
	height: 140px; /* 開く前に見えている部分の高さ */
	transition: all 0s;
	padding:0 0 43px;
}

.cp_box2 .cp_container2 {
	overflow: hidden;
	height: 430px; /* 開く前に見えている部分の高さ 調整用 */
	transition: all 0s;
	padding:0 0 43px;
}



.cp_box input:checked + label,.cp_box2 input:checked + label {
	 display: none ; 
}
.cp_box input:checked + label:after,.cp_box2 input:checked + label:after {
	content: '閉じる';
}
.cp_box input:checked ~ .cp_container,.cp_box2 input:checked ~ .cp_container2 {
	height: auto;
	padding-bottom: 30px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0s;
	padding:0;
}

.tyusyaku {font-size:11px;}


/*JIN SPACEプラグイン用*/

.entry-content #spaceArticle > p {border-bottom:3px double #fff;padding-bottom:0;margin-bottom:24px;}
.entry-content #spaceArticle > p:before {}


/*TOPセレクション*/

.topselect {text-align:center;}

.topcasinoimg {display:inline-block;width:30%;vertical-align:top;}
.topcont {display:inline-block;width:68.5%;text-align:left;font-size:.9em;}
.cps-post-main .topcont ul {padding:0;}
.topsent {border:1px solid #fff;border-radius:8px;padding:8px;background:#000;margin:6px 0 0;}
.topsent span.atui {border:1px solid #ccc;}

@media screen and (max-width: 650px) {
.topcont,.topcasinoimg {display:block;width:100%;}
	.topcasinoimg img {margin:0;}
}





.mentionpPack {text-align:center;}

.mention1 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 8px;
  min-width: 120px;
  max-width: 100%;
color: #ff29ff;
  font-size: 16px;
  background: #000;
  border: 2px solid #fff;
	border-radius:5px;
}

.mention1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #fff;
}

.mention1 p {
  margin: 0;
  padding: 0;
text-align:center;
}


/*WPポピュラーポスト*/
.popular-count {border-bottom:0px;border:1px solid #fff;border-radius:5px;padding:1px 7px;background:#000;}
.popular-count span{font-weight:900;}
.new-entry-item .popular-meta {bottom: -19px;}
.pop-num {color:#000;font-weight:900;}
#new-entry-box li.new-entry-item {margin-bottom: 20px;border-bottom:1px dashed #ccc;}


/*** ▼コピーボタン *******/
.copy-box{font-weight:900;display:inline-block;vertical-align:top;}
.copy-box div:first-child {margin-top:2px;font-weight:900;font-size:1.3em;}

.btn-copy {
	display:inline-block;
    margin: 0 0 0 8px;
	width: 100px;
    padding: 0.3em 1em;
    text-decoration: none;
    background: #fffb24; /* ボタン背景色 */
    color:#000;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 0px 5px rgba(0,0,0,0.2);
    border-radius: 30px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing:1px;
    line-height: 1.8;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-copy:hover {
    background:#8df542;
}
.btn-copy:before {
    left: -100%;
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	content: "Copy OK!";
}
.btn-copy .btn-copy-text {
    display: inline-block;
    -webkit-transition: all 0.3s;
    -webkit-backface-visibility: hidden;
    -moz-transition: all 0.3s;
}
.btn-copy-active{
    background:#8df542;/* ボタンクリック時 背景色 */
}
.btn-copy-active:before {
    left: 0;
}
.btn-copy-active .btn-copy-text {
    -webkit-transform: translateX(250%);
    -moz-transform: translateX(250%);
    -ms-transform: translateX(250%);
    transform: translateX(250%);
}

.btn-copy-long {display:block;margin:8px auto 5px;}

/*** ▲コピーボタン *******/


/*比較用テーブル*/
table.compare th {width:200px;}
table.compare td.pit {width:120px;font-size:.8em;}


@media screen and (max-width: 650px) {
table.compare th {width:120px;}

}

/*比較用テーブル スクロールレスポンシブ*/
.scrolltbl .longtbl tr th {background:#000;border: solid 1px #ccc;}
.scrolltbl .longtbl tr th:first-child {width:155px;}
.scrolltbl .longtbl tr td {text-align:center;}
.scrolltbl .longtbl tr td.omake0 {text-align:left;}
.cps-post-main table.longtbl {border:none;border-collapse:separate;border-spacing:0;}
.scrolltbl .longtbl p {padding:0;}


@media screen and (max-width: 640px) {
.scrolltbl {
    overflow-x: auto;
  }
.cps-post-main table.longtbl {
    min-width: 800px;
    margin: 0 0 50px;
  }

.longtbl td {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
  }
.scrolltbl .longtbl caption {text-align:left;display:block;position:sticky;left: 0;margin:0;}
.scrolltbl .longtbl tr th:first-child {position:sticky;left:0;width:98px;}
.scrolltbl .longtbl tr th {background:#000;border:solid 1px #ccc;}
	
}



/*記事上部ウィジェット用*/

#main-contents #post-top-widget .widget {border-bottom:0;margin:0;}
#main-contents #post-top-widget,#main-contents #post-top-widget .widget img {margin:0;}


/*カード型展示用*/
.cardbox {text-align:center;}
.cards {border:2px solid #ccc;border-radius:10px;padding:8px;margin:10px 0;display:inline-block;width:48%;background:#000;}
.cards .cardshead {font-weight:900;text-align:center;}
.cards .csnname {font-weight:900;text-align:center;font-size:1.3em;}
.cards-img img {border-radius:8px;border: 1px solid #555;}
.cards-img a img {margin:0;}
.cps-post-main div.cards-exp ul {text-align:center;padding:0;margin:8px 0 10px;}
.cps-post-main .cards-exp ul li:before {display:none;}
.cps-post-main .cards-exp ul li:first-child {font-weight:900;font-size:1.2em;border-bottom: 2px dashed #aaa;margin-bottom: 10px;padding: 0 0 3px 0;}
.cps-post-main .cards-exp ul li {padding:0;margin:0;}
.cps-post-main .cards .slink {text-align:center;}

@media screen and (max-width: 650px) {
.cards {width:98%;}
	
}

/*多段テーブル用*/
@media screen and (max-width: 835px) {
table.w40 th{width:40%;}
table.w50 th{width:50%;}
table.w60 th{width:60%;}
}

/*パチ画像用*/
.cps-post-main img.pachisrc {width:50%;margin:0 25% 8px;text-align:center;}

@media screen and (max-width: 835px) {
	.cps-post-main img.pachisrc {width:100%;margin:0 0 8px;}
}