/** Shopify CDN: Minification failed

Line 120:3 Expected ":"
Line 852:26 Expected identifier but found "*"
Line 852:35 Expected identifier but found "*"
Line 1104:22 Expected ")" to end URL token
Line 1104:54 Expected identifier but found "?"
Line 1355:0 Unexpected "}"

**/

.rte a:not(.button):not(.link):not(.btn-cv a):not(.rte .pointTable2 tr:last-child a) {
  all: revert !important;
  text-decoration: none !important;
  color: #0066cc !important;
}


/* custom css */
.osusume-user_box {
box-shadow: 0 0 0 4px #1f9ccb1;
	margin:40px 0 !important;
}
.osusume-user_box li:before {
border: 4px solid #1f9ccb;
background: #1f9ccb;
}
.osusume-user_box ol li:before {
background: #1f9ccb;
}
.osusume-user_box{
box-shadow: 0 0 0 4px #1f9ccb;
position: relative;
padding: 30px 20px 25px;
border-radius:10px;
margin: 30px 0 20px 0;
}
div.osusume-user_box ul{
margin: 0;
}
.osusume-user_box .midasi{
position: absolute;
width: 100%;
height: 40px;
left: 0;
top: -20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.osusume-user_box .midasi div{
background: #fff;
font-size: 16px;
display: inline-block;
margin: 0;
color:#1f9ccb;
padding: 0 10px;
max-width: 96%;
font-weight:bold;
}
.osusume-user_box .midasi p{
background: #fff;
font-size: 16px !important;
display: inline-block;
margin: 0 0 0 0;
padding: 4px 10px 0 10px !important;
max-width: 96%;
color: #1f9ccb !important;
font-weight:bold;
}
div.osusume-user_box ul li,
div.osusume-user_box ol li{
position: relative;
padding: 0 0 0 20px !important;
margin-bottom: 5px !important;
font-size:14px;
font-weight:bold;
margin-top: 0;
}
.osusume-user_box li:before{
content: '';
display: block;
width: 8px;
height: 8px;
padding: 0;
position:absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
border-radius:50px;
border: 3px solid #1f9ccb;
background: #ffff66;
}
div.osusume-user_box ul li:last-of-type{
margin: 0 !important;
}
.osusume-user_box li a{
vertical-align: middle;
text-decoration: none;
}
.osusume-user_box li a img{
vertical-align: middle;
display: inline-block;
}
.osusume-user_box02{
	box-shadow: 0 0 0 4px #48adc9!important;
}
.osusume-user_box li .b-red {
    background:none;
    font-weight: bold;
    position:relative;
    z-index:0;
    color:#1f9ccb !important;
}
.osusume-user_box li .b-red:before{
content:"";
position:absolute;
width:104%;
height:5px;
bottom:1px;
left:-2%;
z-index:-1;
background:rgb(33 150 243 / 30%);
border-radius:50px;
}
.osusume-user_box dd{
    margin-bottom:10px;
    line-height:1.5;
    }
    .osusume-user_box dt img{
    display:inline-block;
    margin-right:5px;
    } 
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.osusume-user_box{
padding: 25px 10px 20px;
}
.osusume-user_box .midasi p{
max-width: 100%;
padding: 0 8px;
font-size: 15px;
}
div.osusume-user_box ul li{
margin-bottom: 10px;
}

div.osusume-user_box ul li{
position: relative;
padding: 0 0 0 21px !important;
}
}
.osusume-user_box .midasi p {
    background: #fdfdfd;
    color: #ff4185;
}
.osusume-user_box .midasi p {
    background: #fff;
    font-size: 16px;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    max-width: 96%;
    color: #1f9ccb;
    font-weight: bold;
}

#mainInner-col2 {
  margin: 0 auto;
  width: 640px;
    height: 946px;
}

@media only screen and (orientation: landscape) and (max-width: 813px),
(orientation: portrait) and (max-width: 753px) {
  #mainInner-col2 {
    margin: 0 auto;
    width: 100%;
height: auto;
  }
}

#mainInner-col2 #mainCenter {
  width: 100% !important;
height: auto;
}

@media only screen and (orientation: landscape) and (max-width: 813px),
(orientation: portrait) and (max-width: 753px) {
  #mainInner-col2 #mainCenter {
    width: 100%;
  }
}

#mainCenter .table-type2 {
  font-size: 14px;
  line-height: 1.8;
  table-layout: auto;
}

#mainCenter table {
  margin-bottom: 1.5em;
  padding: 0;
  border: 1px solid #dde4e6;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  word-break: break-all;
}

@media only screen and (orientation: landscape) and (max-width: 813px),
(orientation: portrait) and (max-width: 753px) {
  #mainCenter td,
  #mainCenter th {
    padding: 0.5em;
    border-right: 1px solid #dde4e6;
    border-bottom: 1px solid #dde4e6;
    font-size: 13px;
  }
}
@media only screen and (orientation: landscape) and (max-width: 813px),
(orientation: portrait) and (max-width: 753px) {
  #mainCenter td,
  #mainCenter th {
    padding: 0.5em;
    border-right: 1px solid #dde4e6;
    border-bottom: 1px solid #dde4e6;
    font-size: 13px;
}
}

#mainCenter td,
#mainCenter th {
  padding: 0.5em;
  border-right: 1px solid #dde4e6;
  border-bottom: 1px solid #dde4e6;
  font-size: 15px;
}

.zyuni-imgTable td {
  background-color: white !important;
  color: #0066cc !important;
}

.zyuni-imgTable td:first-of-type {
  position: relative;
}

.zyuni-imgTable tr:nth-of-type(2) td:first-of-type:before {
  background: url(https://magaseekcm.com/wp-content/uploads/2023/07/ranking1.png) no-repeat center / contain;
}

.zyuni-imgTable tr:nth-of-type(3) td:first-of-type:before {
  background: url(https://magaseekcm.com/wp-content/uploads/2023/07/ranking2.png) no-repeat center / contain;
}

.zyuni-imgTable tr:nth-of-type(4) td:first-of-type:before {
  background: url(https://magaseekcm.com/wp-content/uploads/2023/07/ranking3.png) no-repeat center / contain;
}

.zyuni-imgTable tr:nth-of-type(5) td:first-of-type:before {
  background: url(https://magaseekcm.com/wp-content/uploads/2023/07/ranking4.png) no-repeat center / contain;
}

.zyuni-imgTable tr:nth-of-type(6) td:first-of-type:before {
  background: url(https://magaseekcm.com/wp-content/uploads/2023/07/ranking5.png) no-repeat center / contain;
}

.zyuni-imgTable td:first-of-type:before {
  content: '';
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0px;
  left: 0px;
  z-index: 2;
}

.zyuni-imgTable td:first-of-type a {
  position: relative !important;
  z-index: 3 !important;
  display: inline-block !important;
  line-height: 1.4 !important;
  font-weight: normal !important;
}

body .post a {
  text-decoration: underline !important;
}

a:link,
a:visited {
  text-decoration: none !important;
}

img.iconwaku {
  border: 1px solid #dde4e6;
  border-radius: 10px;
}

img.aligncenter {
  display: block;
  margin: auto;
}

img {
  max-width: 100%;
}

.zyuni-imgTable td:first-of-type::after {
  content: '';
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid #dde4e6;
  z-index: 1;
}

#mainCenter .table-type2 td:last-child {
  padding: 20px 0 15px 7px;
  line-height: 2.2;
}

@media only screen and (orientation: landscape) and (max-width: 813px),
(orientation: portrait) and (max-width: 753px) {
  #mainCenter td,
  #mainCenter th {
    padding: 0.5em;
    border-right: 1px solid #dde4e6;
    border-bottom: 1px solid #dde4e6;
    font-size: 13px;
  }
}

#mainCenter td,
#mainCenter th {
  padding: 0.5em;
  border-right: 1px solid #dde4e6;
  border-bottom: 1px solid #dde4e6;
  font-size: 15px;
}

#mainCenter .table-type2 ul {
  margin: 0;
  padding: 0px;
}

#mainCenter .post .article .table-type2 li {
  font-size: 12px;
  line-height: 1.8;
  border: 0;
  margin: 0;
  font-weight: normal;
}

#mainCenter .post .article table ul li {
  background: none;
}

#mainCenter .post ul li {
  padding: 0;
}

#mainCenter table td ul li {
  padding: 5px 0;
  border-bottom: 1px dotted #ccc;
  background: #fff;
  margin-bottom: 0;
}

@media only screen and (orientation: landscape) and (max-width: 813px),
(orientation: portrait) and (max-width: 753px) {
  #mainCenter .table-type2 li .b {
    font-weight: bolder;
    font-size: 12px;
    color: #61c2ce;
    background: none;
  }
}

#mainCenter .table-type2 li .b {
  font-weight: bolder;
  font-size: 13px;
  color: #61c2ce;
  background: none;
}

.ranking-main-dl ul,
.sub-column li,
li {
  list-style: none !important;
}

@media only screen and (orientation: landscape) and (max-width: 813px),
(orientation: portrait) and (max-width: 753px) {
  span.bold {
    font-size: 12px;
  }
}

.b,
.bold,
b,
strong {
  font-weight: initial;
}

@media only screen and (orientation: landscape) and (max-width: 813px),
(orientation: portrait) and (max-width: 753px) {
  #mainCenter .table-type2 .btn-wrap a.icon_rotate-btn.r_arrow,
  #mainCenter .btn-wrap a.btn-dl.jyoubu {
    line-height: 28px !important;
    font-size: 13px !important;
    text-align: center !important;
    position: relative !important;
    width: 95% !important;
    margin-top: 4px !important;
    padding: 0px !important;
    text-decoration: none !important;
    display: block !important;
    background-image: linear-gradient(179deg, #f97596 22%, #c0234b 100%);
    box-sizing: border-box !important;
    color: #FFF !important;
    font-weight: bold !important;
    border-radius: 50px !important;
    box-shadow: 0 2px 0 0 #95606d !important;
    margin: 4px 0 !important;
    -webkit-transition: opacity .3s, background-color .3s !important;
    transition: opacity .3s, background-color .3s !important;
  }
}

#mainCenter .table-type2 .btn-wrap a.icon_rotate-btn.r_arrow,
#mainCenter .btn-wrap a.btn-dl.jyoubu {
  box-shadow: 0 4px 0 0 #95606d !important;
  background-image: linear-gradient(179deg, #f97596 22%, #c0234b 100%) !important;
  width: 62% !important;
  margin: 0 auto !important;
  margin-top: 4px !important;
  margin-bottom: 5px !important;
}

#mainCenter .table-type2 .btn-wrap a {
  line-height: 28px !important;
  font-size: 13px !important;
  text-align: center !important;
  position: relative !important;
  width: 74% !important;
  margin-top: 4px !important;
  padding: 0px !important;
  text-decoration: none !important;
  display: block !important;
  background: #ff0260 !important;
  box-sizing: border-box !important;
  color: #FFF !important;
  font-weight: bold !important;
  border-radius: 50px !important;
  box-shadow: 0 2px 0 0 #9a2649 !important;
  margin: 4px 0 !important;
  -webkit-transition: opacity .3s, background-color .3s !important;
  transition: opacity .3s, background-color .3s !important;
}

body .post a {
  text-decoration: underline !important;
}

#mainCenter .table-type2 .btn-wrap {
  line-height: 2;
  margin: 0;
}

@media only screen and (orientation: landscape) and (max-width: 813px),
(orientation: portrait) and (max-width: 753px) {
  #mainCenter td,
  #mainCenter th {
    padding: 0.5em !important;
    border-right: 1px solid #dde4e6 !important;
    border-bottom: 1px solid #dde4e6 !important;
    font-size: 13px !important;
  }
}

.table-type2 {
  width: 100% !important;
}

.black{color:#000}

.grey0{color:#333;}

.grey{color:#666;}

.grey2{color:#999;}

.comments-paginate a.page-numbers,

.white, .hover-white:hover, .bg-hover-blue:hover{color:#fff;}

.white2{color:#f2f2f2;}

.error-msg,

.red, .error{color:#DD0000;}

.green{color:#27ae60;}

.blue,

.hover-blue:hover{color:#3366CC;}

.yellow{color:#fab704}

.bg-red{background-color:#e46e5c;}

.comments-paginate a.page-numbers,

.bg-black{background-color:#000;}

.bg-white{background-color:#fff;}

.bg-grey{background-color:#454545;}

.bg-grey * {color:#f2f2f2;}

.bg-grey2, .hover-bg-grey2:hover{background-color:#eee;}

.bg-yellow{background-color:#fab704}

.bg-hover-white:hover{background-color:#fff !important;}

.z-index2{position:relative; z-index:2;}

.z-index3{position:relative; z-index:3;}

.z-index4{position:relative; z-index:4;}

.absolute{position:absolute;}

.hidden{display:none;}

.bordered{border:1px solid #ddd; background:#fff;}

.bordered-top{margin-top:-1px;}

.bordered-bottom{margin-bottom:-1px;}

.bordered-left{margin-left:-1px;}

.bordered-right{margin-right:-1px;}

.border-none{border:none;}

.p0{padding:0 !important;}

.ps0{padding-left:0 !important;padding-right:0 !important;}

.pb0{padding-bottom:0 !important}

.p10{padding:10px;}

.p20{padding:20px;}

.p20notop{padding:0px 20px 20px;}

.p2{padding:2px;}

.ps2{padding-left:2px; padding-right:2px;}

.p4{padding:4px;}

.ps4{padding-left:4px; padding-right:4px;}

.ps10{padding-left:10px; padding-right:10px;}

.ps1em{padding-left:1em; padding-right:1em;}

.ps2em{padding-left:2em; padding-right:2em;}

.pv10{padding-top:10px; padding-bottom:10px;}

.pt10{padding-top:10px;}

.pb10{padding-bottom:10px;}

.pr4{padding-right:4px;}

.pl4{padding-left:4px;}

.pr10{padding-right:10px;}

.pl10{padding-left:10px;}

.border-top{border-top:1px solid #ccc;}

.border-bottom{border-bottom:1px solid #ccc;}

.border-bottom-dotted{border-bottom: 1px dotted #ccc;}

.border-2px{border-width:2px;}

.border-3px{border-width:3px;}

.border-4px{border-width:4px;}

.border-left{border-left:1px solid #ccc;}

.border-left4{border-left:4px solid #ccc;}

.border-right{border-right:1px solid #ccc;}

.border-blue{ border-color:#4da7d8;}

.border-black{border-color:#000;}

.border-white{border-color:#fff;}

input.error,

.error-msg,

textarea.error,

.border-red{ border-color:#EE6557;}

.border-grey{border-color:#666;}

.msauto{margin-left:auto; margin-right:auto;}

.m0{margin:0 !important;}

.m10{margin:10px;}

.ms10{margin-left:10px; margin-right:10px;}

.mb10{margin-bottom:10px;}

.mb20{margin-bottom:20px;}

.m2{margin:2px;}

.mr5{margin-right:5px;}

.mr10{margin-right:10px;}

.mr20{margin-right:20px;}

.ml10{margin-left:10px;}

.mt10{margin-top:10px;}

.mt20{margin-top:20px;}

.bold {font-weight:bold !important;}

.normal {font-weight:normal !important;}

.text-center{text-align:center;}

.text-left{text-align:left;}

.text-right{text-align:right;}

.w10{width:10%;}

.w15{width:15%;}

.w20{width:20%;}

.w25{width:25%;}

.w30{width:30%;}

.w33{width:33.3333%;}

.w40{width:40%;}

.w50{width:50%;}

.w60{width:60%;}

.w65{width:65%;}

.w66{width:66%;}

.w67{width:67%;}

.w70{width:70%;}

.w75{width:75%;}

.w80{width:80%;}

.w85{width:85%;}

.w90{width:90%;}

.w95{width:95%;}

.w25px{width:25px;}

.w80px{width:80px}

.w100px{width:100px}

.w120px{width:120px;}

.w150px{width:150px;}

.w200px{width:200px;}

.w100{width:100%;}

.res-image img{max-width:100%; height:auto;}

img{vertical-align:bottom; border:none; max-width:100%;height:auto;}

p img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#content-single{
	line-height:1.8;
}
#content-single h1,
#content-single h2,
#content-single h3,
#content-single h4,
#content-single h5,
#content-single h6
{
	line-height:1.6;
	font-size:16px;
	margin:10px 0 10px;
	font-weight:bold;
}
#content-single h1{
	font-size:22px;
	padding:0 10px;
	border-bottom:2px solid #1f9ccb;
}
#content-single h2{
	font-size:22px !important;
	color:#ffffff;
	padding:10px;
	margin-top:50px;
	margin-bottom:20px;
	margin-left:-20px;
	margin-right:-20px;
	border:none;
	border-left:6px solid #0088CC;
	background:#1F9CCB;
}

#content-single h2.top{
	margin-top:0px;
	font-size:20px;
}

body.page-template-page-template-gray #content-single h2{
	background:#f7f7f7;
	border-color:#666;
}
#content-single h3{
	font-size:20px;
	color:#1f9ccb;
	border-bottom: 1px solid #ccc;
    padding: 8px 10px;
    margin: 30px 0 20px 0;
	background:#f5f5f5;
}
#content-single h4{
	font-size:18px;
	margin-top:20px;
}
#content-single h4:before{
	content: "\f0da";
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
display:inline-block;
margin-right:0.4em;
	color:#1f9ccb;
}
#toc_container {
    background: #f9f9f9;
    border: 1px solid #aaa !important;
    padding: 10px;
    margin-bottom: 1em;
    width: auto;
    display: table;
    font-size: 95%;
}
.article-template__content ul, ol {
  border: none !important;
  background: transparent !important;
}
span.yellowtext {
    background: linear-gradient(transparent 60%, #ffff66 60%);
    font-weight: bold;
    font-size: 14px;
}

.pr-batch{
	display: inline-flex; 
    background: #ccc;
    color: #fff;
    font-size: 11px;
    padding: 3px 6px;
    font-weight: bold;
    border-radius: 2px;
    vertical-align: top;
}

.meta {
  display: flex;
}

.bg-color1, .bg-orange{background-color:#F90 !important;}
.bg-color1-2, .bg-orange2{background-color:#FC6 !important;}
.bg-color2, .bg-blue{background-color: #1f9ccb !important;}
a{color:#00a6c9 !important;}
.color1, .orange, a.orange:hover, a.color1:hover{color:#FC6 !important;}
.color1-2, .orange-2{color:#e57c00 !important;}
.color2, .blue, a.blue:hover, a.color2:hover{color:#00a6c9 !important;}
.border-color1, .border-orange{border-color:#ff8a00 !important;}
.border-color1-2 .border-orange2{border-color:#e57c00 !important;}
.border-color2, .border-blue{border-color:#4ca0db !important;}
.bg-grey3{background:#fafafa !important;}
.bg-black{background:#222; color:#ddd !important;}

.nowrap{white-space:nowrap}

.boxs *{box-sizing:border-box;}

.ib{display:inline-block; *zoom:1; *display: inline; vertical-align:top;}

.table{display:table}

.tr{display:table-row}

.cell{display:table-cell}

.h24, i.h24:before{height:12px !important; line-height:12px !important; padding:0 !important;}

.black{color:#000}

.grey0{color:#333;}

.grey{color:#666;}

.grey2{color:#999;}

.comments-paginate a.page-numbers,

.white, .hover-white:hover, .bg-hover-blue:hover{color:#fff;}

.white2{color:#f2f2f2;}

.error-msg,

.red, .error{color:#DD0000;}

.green{color:#27ae60;}

.blue,

.hover-blue:hover{color:#3366CC;}

.yellow{color:#fab704}

.bg-red{background-color:#e46e5c;}

.comments-paginate a.page-numbers,

.bg-black{background-color:#000;}

.bg-white{background-color:#fff;}

.bg-grey{background-color:#454545;}

.bg-grey * {color:#f2f2f2;}

.bg-grey2, .hover-bg-grey2:hover{background-color:#eee;}

.bg-yellow{background-color:#fab704}

.bg-hover-white:hover{background-color:#fff !important;}

.z-index2{position:relative; z-index:2;}

.z-index3{position:relative; z-index:3;}

.z-index4{position:relative; z-index:4;}

.absolute{position:absolute;}

.hidden{display:none;}

.bordered{border:1px solid #ddd; background:#fff;}

.bordered-top{margin-top:-1px;}

.bordered-bottom{margin-bottom:-1px;}

.bordered-left{margin-left:-1px;}

.bordered-right{margin-right:-1px;}

.border-none{border:none;}

.p0{padding:0 !important;}

.ps0{padding-left:0 !important;padding-right:0 !important;}

.pb0{padding-bottom:0 !important}

.p10{padding:10px;}

.p20{padding:20px;}

.p20notop{padding:0px 20px 20px;}

.p2{padding:2px;}

.ps2{padding-left:2px; padding-right:2px;}

.p4{padding:4px;}

.ps4{padding-left:4px; padding-right:4px;}

.ps10{padding-left:10px; padding-right:10px;}

.ps1em{padding-left:1em; padding-right:1em;}

.ps2em{padding-left:2em; padding-right:2em;}

.pv10{padding-top:10px; padding-bottom:10px;}

.pt10{padding-top:10px;}

.pb10{padding-bottom:10px;}

.pr4{padding-right:4px;}

.pl4{padding-left:4px;}

.pr10{padding-right:10px;}

.pl10{padding-left:10px;}

.border-top{border-top:1px solid #ccc;}

.border-bottom{border-bottom:1px solid #ccc;}

.border-bottom-dotted{border-bottom: 1px dotted #ccc;}

.border-2px{border-width:2px;}

.border-3px{border-width:3px;}

.border-4px{border-width:4px;}

.border-left{border-left:1px solid #ccc;}

.border-left4{border-left:4px solid #ccc;}

.border-right{border-right:1px solid #ccc;}

.border-blue{ border-color:#4da7d8;}

.border-black{border-color:#000;}

.border-white{border-color:#fff;}

input.error,

.error-msg,

textarea.error,

.border-red{ border-color:#EE6557;}

.border-grey{border-color:#666;}

.msauto{margin-left:auto; margin-right:auto;}

.m0{margin:0 !important;}

.m10{margin:10px;}

.ms10{margin-left:10px; margin-right:10px;}

.mb10{margin-bottom:10px;}

.mb20{margin-bottom:20px;}

.m2{margin:2px;}

.mr5{margin-right:5px;}

.mr10{margin-right:10px;}

.mr20{margin-right:20px;}

.ml10{margin-left:10px;}

.mt10{margin-top:10px;}

.mt20{margin-top:20px;}

.bold {font-weight:bold !important;}

.normal {font-weight:normal !important;}

.text-center{text-align:center;}

.text-left{text-align:left;}

.text-right{text-align:right;}

.block{display:block !important;}

@media screen and (max-width: 640px){
	.js_fix_head.sp640 #site_footer_link{
		display:block !important;
		position:fixed;
		bottom:0;
		left:0; right:0;
		z-index:1000000;
	}
	#site_footer_link > .wrap{
		width: calc(100% - 20px);
		background:rgba(51,51,51,0.8);
		padding:10px 10px;
		text-align:center;
		line-height:1.3;
	}
	body.at_page_bottom .js_fix_head.sp640 #site_footer_link{display:none !important}
}

#single-site-head{
padding: 10px 0;
    border-bottom: 1px solid #eee !important;

}
#single-site-head.fixed{
	position:fixed !important;
	top:0 !important;
	z-index:100000 !important;
}

a.block.bg-orange{
  background-color:#F90 !important;
  color:#fff; 
}

#site-summary {
		margin-bottom:20px;
}
#site-summary h2.summary-head {
  margin: 0;
  border: 0;
  position: relative;
  padding: 0.6em;
  background: #1f9ccb;
  color: #fff;
  font-size: 14px;
  display: inline-block;
}
#site-summary h2.summary-head:after {
  position: absolute;
  content: "\A";
  top: 100%;
  left: 25px;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #1f9ccb;
  width: 0;
  height: 0;
}
#site-summary .summary-body {
  margin-top: 20px;
}
#site-summary .summary-body li {
  font-size: 15px;
  color: #333;
  background: url(<?= get_stylesheet_directory_uri(); ?>/imgs/ico_check.png) no-repeat 0 0.5em;
  padding-left: 20px;
  margin: 0 0 0px 10px;
}

.site-satisfaction table td {
  padding: 1px;
}
.site-satisfaction table td.star {
  width: 40%;
  height: 100%;
  font-size: 13px;
}
.site-satisfaction table td.bar {
  width: 50%;
  padding-left: 0;
  padding-right: 0;
  height: 100%;
}
.site-satisfaction table td.bar img {
  vertical-align: top;
  margin-top: 2px;
}
.bunpu-head {
  font-weight: bold;
  text-decoration: underline;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
	#site-summary , .site-satisfaction{
		padding:0 10px;
	}
}
img.aligncenter,
.zyuni-imgTable tr:nth-of-type(2) td img,
.zyuni-imgTable tr:nth-of-type(3) td img,
.zyuni-imgTable tr:nth-of-type(4) td img,
.zyuni-imgTable tr:nth-of-type(5) td img,
.zyuni-imgTable tr:nth-of-type(6) td img{
  display: block !important;
  margin: 0 auto !important;
}

.bunpu-graph {
  padding-bottom: 20px !important;
}

table {
  border: 1px solid #1f9ccb !important;
  border-collapse: collapse; /* Ensures borders don't double up */
}

table tr > * {
    border: 1px solid #1f9ccb !important;
    padding: 10px 10px;
    text-align: left;
    background-color: white !important;
    color: black !important;
}

.rte .headCv a.block{
  /* 1: clear the hard reset */
  all: unset !important;

  /* 2: rebuild the button look */
  display:inline-block !important;
  padding:12px 24px !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:1.4 !important;
  text-decoration:none !important;
  border-radius:6px !important;
  color:#fff !important;
  text-align:center !important;
  transition:background .25s, transform .15s !important;
}

/* colours ------------------------------------------------------------ */
.rte .headCv a[style*="#009ccc"]{background:#009ccc !important;}
.rte .headCv a[style*="#6a8f9b"]{background:#6a8f9b !important;}
.rte .headCv a.bg-orange        {background:#ff9900 !important;}

/* hover */
.rte .headCv a.block:hover{
  transform:translateY(-2px) !important;
  filter:brightness(1.1) !important;
}
.rp4{
  display:flex important;
}
/* small-screen stacking spacing */
@media(max-width:600px){
  .rte .headCv > div:not(:first-child){margin-top:8px !important;}
}

.cell.vat.pl10 {
  vertical-align: top !important;     /* Align top if table-cell layout */
  align-self: flex-start !important;  /* Align top if flex layout */
  padding: 0 !important;              /* Remove all padding */
  margin: 0 !important;               /* Optional: also remove margin */
}

/* Ensure inner elements don't add top spacing */
.cell.vat.pl10 > * {
  margin: 0 !important;
  padding: 0 !important;
}

.lh20 {
  font-size: 16px !important;  /* or any smaller size you want */
}

.headCv {
  display: inline-flex !important;         /* Align items horizontally like inline elements */
  justify-content: flex-start;  /* Align items to the left */
  white-space: nowrap;          /* Prevent wrapping of items */
}

.headCv div {
  margin-right: 10px;           /* Optional: Space between items */
}

.headCv a {
  display: block !important;               /* Make links behave like block elements */
}

.rte table.deai-date th{                    /* left column (labels)   */
  background:#e8f8ff !important;            /* pale-blue cell         */;
  color:#005d83 !important;
}

strong {
  font-weight: bold !important;
}

#toc_container #toc-more ~ span#toc-more,
#toc_container #toc-more ~ div > span#toc-more {
  display: none !important;
}

.toc_title {
  text-align: center !important;
  font-weight: bold !important;
}

.chartjs-size-monitor,
.chartjs-size-monitor *,
#reviewGraph,
#reviewGraph *,
#forumGraph,
#forumGraph *,
.mantitle,
.mantitle *,
.womantitle,
.womantitle *,
[class^="googlegraph_"],
[class*=" googlegraph_"],
a[href="http://tsba.mobi"],
a[title*="TSBA.mobi GoogleGraph Wordpress plugin"] {
  display: none !important;
}

.tsba_googlegraph p,
.tsba_googlegraph p a {
  display: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  visibility: hidden !important;
}

blockquote.twitter-tweet {
  display: block !important;
}

.twitter-tweet p{
  padding-bottom: 1.5em;
}
/* ==== .yuudou call-to-action  ==================================== */
.yuudou{                       /* optional wrapper tweaks            */
  margin:32px 0;
  text-align:center;           /* centres the button on wide screens */
}

.yuudou > a{                   /* ←  this selector outranks the .rte rule */
  /* 1) cancel the “all: revert !important” coming from .rte … */
  all: unset !important;       /* ← KEY: clears the reset only here  */

  /* 2) …and rebuild the button */
  display:inline-block;
  width:100%;
  max-width:540px;             /* remove if you want edge-to-edge    */
  padding:14px 24px;
  background:#4c89c6;
  color:#fff !important;
  font-size:16px;
  font-weight:600;
  line-height:1.4;
  text-align:center;
  text-decoration:none !important;
  border-radius:6px;
  box-shadow:0 2px 0 rgba(0,0,0,.15);
  cursor:pointer;
  transition:background .25s, box-shadow .25s;
}

.yuudou > a:hover,
.yuudou > a:focus{
  background:#3b77b0;
  box-shadow:0 3px 6px rgba(0,0,0,.18);
}

.yuudou > a:active{
  background:#366fa5;
  box-shadow:0 1px 2px rgba(0,0,0,.25) inset;
}

.twitter-tweet-rendered { display:none !important; }

.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}

.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.sb-type-std {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* .sb-subtype-a {
  display: flex;
  align-items: center;
  gap: 10px; /* Adjust the gap as needed */
} */

.sb-speaker {
  display: flex;
  flex-direction: column; /* Stack icon and name vertically */
  align-items: center; /* Center the content */
  text-align: center; /* Ensure text inside sb-name is centered */
}

.sb-icon {
  margin-bottom: 5px; /* Space between the icon and the name */
}

.sb-name {
  font-weight: bold;
  text-align: center; /* Ensure text is centered */
}

.sb-content {
  flex-grow: 1; /* This allows the content to take the remaining space */
  align-self: flex-start;
}

.sb-type-std > .sb-subtype-a > .sb-content > .sb-speech-bubble, .sb-type-std > .sb-subtype-b > .sb-content > .sb-speech-bubble {
    position: relative;
    padding: 5px 10px;
    z-index: 2;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border-radius: 5px;
    color: #333333;
  
}

blockquote.wp-embedded-content,
iframe.wp-embedded-content { display:block !important; }

/* レスポンシブ埋め込み */
.wp-embed-wrap{
  position:relative;
  width:100%;
  max-width:100%;
  margin:2rem auto;          /* お好みで調整 */
}
.wp-embed-wrap > iframe.wp-embedded-content{
  position:absolute;
  inset:0;                  /* top/right/bottom/left 0 */
  width:100% !important;
  height:100% !important;
  border:0;
}

img[alt="nijyu"] {
  display: inline;
  vertical-align: middle;
}


.blog-card {
    background: #fbfaf8;
	border:1px solid #ddd;
	word-wrap:break-word;
	max-width:100%;
	border-radius:5px;
    display:flex !important;        /* ← ここを追加：横並びをカード自身で制御 */
    align-items:center !important;  /* 画像とテキストの垂直中央揃え          */
    border:1px solid #e5e5e5 !important;
    border-radius:8px !important;
    box-sizing:border-box !important;
    padding:12px !important;        /* 内側余白（リンク域共通）             */
    margin:16px 0 !important;
    overflow:hidden !important;     /* はみ出し要素を隠す                   */
  /* sp用 ※4 */
}
.blog-card:hover {
  background: #fee;
}
.blog-card a {
  text-decoration: none;
}
.blog-card-title {
	color: #337ab7;
	display: block;
}
.blog-card-thumbnail {
	float:left;
	padding:10px;
}

.blog-card-thumbnail img {
	display: block !important;
	padding: 0;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.blog-card-content {
	line-height:120%;
}
.blog-card-title {
	padding:10px 10px 10px 0;
	font-size:120%;
  font-weight: bold;
  line-height: 1.5em;
}
.blog-card-excerpt {
	color:#333;
	margin:0 10px 10px;
  line-height: 1.5em;
}
.blog-card .clear {
  clear: both;
}
.clear{
  clear:both;
}

section.mb20 > .type1.single > p.h {
  display: none;
}

.cell.vat.headCv > div:nth-child(-n+2){
    display:none !important;
}
/* 1) The card must be a positioning context */
.blog-card{
  position:relative !important;
}

/* 2) The first (empty) <a> becomes a full-size overlay link */
.rte .blog-card > a:first-of-type{
  position:absolute !important;
  inset:0 !important;          /* stretch over the card            */
  display:block !important;
  z-index:999 !important;
  cursor:pointer !important;
  background:transparent !important;
  /* optional: remove stray space inside empty <a> */
  font-size:0 !important;
}

/* 3) Put the real content back underneath the overlay           */
/*    (only needed if another rule already uses a high z-index). */
.blog-card-thumbnail,
.blog-card-content{
  position:relative !important;
  z-index:1 !important;
}
.sightuserimg {
  padding-top: 20px !important;
}

.rte .blog-card > a:first-of-type{
  position:static   !important;   /* 自然なフローへ戻す */
  inset:auto        !important;
  display:flex      !important;   /* 横並び用：flex は a に指定すると安全 */
  align-items:center!important;
  width:auto        !important;
  height:auto       !important;
  font-size:inherit !important;   /* テキスト選択可 */
  z-index:auto      !important;   /* 重なり順も元へ */
  cursor:pointer    !important;
}

/* 2) blog-card 全体を “疑似リンク” に変える */
.blog-card{
  cursor:pointer;                 /* 手アイコン */
}

.article-template__content ul ul {
  padding-left: 0px !important;
}

.sb-type-std > .sb-subtype-a > .sb-speaker > .sb-name {
  overflow: hidden !important;
  text-align: center !important;
  font-size: 12px !important;
}

.sb-speech-bubble p img {
    display:inline !important;
}

.sb-type-std > .sb-subtype-b > .sb-content {
    float: right !important;
    position: relative !important;
    margin-right: 80px !important;
}

.sb-type-std > .sb-subtype-b > .sb-speaker, .sb-type-std > .sb-subtype-d > .sb-speaker {
    float: right !important;
    margin-left: -70px !important;
    width: 70px !important;
}

.sb-type-std > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon, .sb-type-std > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon, .sb-type-std > .sb-subtype-c > .sb-speaker > .sb-icon > img.sb-icon, .sb-type-std > .sb-subtype-d > .sb-speaker > .sb-icon > img.sb-icon
 {
    height: 60px;
    width: 60px;
    border-radius: 5px;
}
.sb-type-std > .sb-subtype-a > .sb-speaker, .sb-type-std > .sb-subtype-c > .sb-speaker {
    float: left !important;
    margin-right: -70px !important;
    width: 70px !important;;
}
.sb-type-std > .sb-subtype-a > .sb-content {
  float: left !important;
  position: relative !important;
  margin-left: 80px !important;
}

table {
    table-layout: fixed;
    width: 100%;
}

.youtube {
    position: relative !important;
    width: 100% !important;
    padding-top: 56.25% !important;
}

.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
#content-single .p20 .hikaku_table th {
  font-size:13px !important;
}
#content-single .p20 .hikaku_table tr > * {
    padding: 4px !important;
}
@media screen and (min-width: 320px) and (max-width: 600px) {
    body {
        font-size: 14px;
    }
    #content-single .p20 table tr > * {
        padding: 4px !important;
    }
}

.hikaku_table tr > *{
  padding: 4px !important;
}
.btn-cv {
  padding: .5em 0 !important;
  overflow: hidden !important;
  position: relative !important;
}
 
.rte .btn-cv a { 
  all: unset !important;
  border: solid #fff 3px !important;
  border-radius: 12px !important;
  box-shadow: 1px 1px 10px 0 #a1a1a1 !important;
  color: #fff !important;
  display: block !important;
  font-weight: bold !important;
  line-height: 1.3 !important;
  margin: 0.5em auto !important;
  padding: 1em 2em .8em !important;
  position: relative !important;
  text-align: center !important;
  text-decoration: none !important;
  -webkit-transition: .2s ease-in-out !important;
  transition: .2s ease-in-out !important;
  vertical-align: middle !important;
  width: 59% !important;
}
.btn-cv.is-fz20 a {
  font-size: 20px !important;
}
.btn-cv a img {
  vertical-align: middle !important;
}
.btn-cv a:after {
  content: ' ' !important;
}

/* ボタン内のアイコン */
.rte .btn-cv a:before {
  content: "\f138" !important;
  font-family: "fontawesome" !important;
  font-weight: normal !important;
  font-size: 1.1em !important;
  margin-top: -.6em !important;
  position: absolute !important;
  right: 15px !important;
  top: 50% !important;
}
.rte .btn-cv a:hover {
  box-shadow: 1px 1px 2px 0 #a1a1a1 !important;
  filter: alpha(opacity=70) !important;
  opacity: .7 !important;
}

/* 2つ連続で並べる場合の余白 */
.btn-cv + .rte .btn-cv a {
  margin-top: 0 !important;
}

/* 緑ボタン（変更20181106） */
.rte .btn-cv a {
    background: #ff7c9e !important;
    background: -webkit-linear-gradient(#ff7c9e, #b91842)!important;
    background: linear-gradient(#ff7c9e, #b91842)!important;
    text-shadow: 0 0 10px rgba(255,255,255,.8), 1px 1px 1px rgba(0,0,0,1)!important;
}

/* 赤ボタン */
.rte .btn-cv.is-red a {
  background: #fb4e3e;
  background: -webkit-linear-gradient(#00a23f, #39900a);
  background: linear-gradient(#fb4e3e, #d64b26);
}

/* 青ボタン */
.rte .btn-cv.is-blue a {
  background: #09c;
  background: -webkit-linear-gradient(#09c, #069);
  background: linear-gradient(#09c, #069);
}

/* 黒ボタン */
.rte .btn-cv.is-black a {
  background: #666;
  background: -webkit-linear-gradient(#8a8a8a, #666);
  background: linear-gradient(#8a8a8a, #666);
}

/* ボタンの光沢 */
.rte .is-reflection a {
  overflow: hidden;
}
.is-reflection a:after {
  -moz-animation: is-reflection 4s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -ms-animation: is-reflection 4s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -o-animation: is-reflection 4s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -webkit-animation: is-reflection 4s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  animation: is-reflection 4s ease-in-out infinite;
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}
/* アニメーションを遅延させる */
.is-reflection + .is-reflection a:after {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes is-reflection {
  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; }
}

/* CVボタン矢印揺れ */
.is-trembling a:before {
  -webkit-animation-name:is-trembling;
  -webkit-animation-duration:.8s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease;
  -moz-animation-name:is-trembling;
  -moz-animation-duration:1s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:ease;
}
@-webkit-keyframes is-trembling {
  0% {-webkit-transform:translate(-3px, 0);}
  100% {-webkit-transform:translate(0, 0);}
}

/* ボタンをバウンドさせる */
.is-bounce {
  animation: bounce 4s infinite;
  -moz-animation: bounce 4s infinite;
  -webkit-animation: bounce 4s infinite;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
@-webkit-keyframes bounce {
  0%, 4%, 10%, 18%, 100% {-webkit-transform: translateY(0);}
  5% {-webkit-transform: translateY(-6px);}
  12% {-webkit-transform: translateY(-4px);}
}
@keyframes bounce {
  20%, 24%, 30%, 34%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
  25% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}
  32% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
}
/* アニメーションを遅延させる */
.is-bounce + .is-bounce {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}
@media screen and (min-width: 320px) and (max-width: 600px) {
  table:not([class]) td, table:not([class]) th {
    padding: 0.1em !important;
    font-size:11px !important;
  }
}
.sb-type-std{             /* ★追加 */
    width:100% !important;           /* 幅を100 %に固定                  */
    max-width:100% !important;       /* 念のため上限も100 %に            */

}
.sb-subtype-b {         /* ★ added */
    width: 100%;
    display: block;
}
.sb-subtype-a {         /* ★ added */
    width: 100%;
    display: block;
}
.pointTables {
    overflow-x: auto !important;
}
.pointTable2 {
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 20px 0 20px 0 !important;
}
.rte .pointTable2 tr:last-child a {
  all: revert !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    font-size: 12px !important;
    font-weight: bold !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    background-color: #0080A8 !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 3px !important;
    -webkit-box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.1) inset !important;
    box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.1) inset !important;
    color: #fff !important;
    cursor: pointer !important;
}
.pointTable2 th, .pointTable2 td {
    padding: 10px;
    vertical-align: middle;
    /* border: 1px solid #ccc; */
    line-height: 1.3;
    width: 100px;
    text-align: center;
    word-wrap: break-word;
    font-size: 13px;
}
#content-single li.faq-item {
    padding-left: 0;
    text-indent: inherit;
}
.faq-pretty .faq-question
 {
    box-sizing: border-box;
    min-height: 50px;
    padding: 15px 50px 15px 10px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    position: relative;
    margin-left: 50px;
}
.faq-pretty .faq-question:before {
    content: 'Q';
    position: absolute;
    top: 0px;
    left: -35px;
    font-weight: bold;
    color: #1f9ccb;
    font-size: 30px;
}
@media(min-width:600px){
  .faq-pretty .faq-question:after {
      content: "\f13a";
      font-family: 'FontAwesome';
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      margin-right: 0.4em;
      display: block;
      position: absolute;
      top: 8px;
      right: 10px;
      font-size: 20px;
      color: #a9d9e9;
  }
}
.faq-pretty .faq-answer {
    padding: 10px 50px 10px 10px;
    background: #fff;
    margin-left: 50px;
    border: none;
    position: relative;
}
.faq-pretty .faq-answer:before {
    content: 'A';
    position: absolute;
    top: 0;
    left: -35px;
    font-weight: bold;
    color: #e6235f;
    font-size: 30px;
}
#content-single .faq-pretty {
    background: none;
    border: 1px solid rgb(204, 204, 204);
}
.faq-item {
  border-top: 1px solid rgb(204, 204, 204);
}
.faq-pretty{
  padding: 2rem;
}
@media(max-width:600px){
  .article-template__content .faq-pretty ul {
    padding: 0px !important;
  }
  .faq-pretty .faq-answer {
    padding: 0px !important;
  }
  .blog-card-thumbnail{        /* ★ added */
      width: 90px;             /* same width as the image   */
      min-width: 90px;         /* stop flexbox from shrinking */
      height: 90px;            /* keep it square            */
      overflow: hidden;        /* crop any overflow         */
      flex: 0 0 90px;          /* (if parent uses flexbox)  */
      box-sizing: border-box;  /* include padding/border    */
  }
  
  /* ──────────────────────────────────────────────────────────
     Thumbnail image  (updated rule — still complete)
     ────────────────────────────────────────────────────────── */
  .blog-card-thumbnail img{
      width : 100%;            /* ★ changed: fill wrapper   */
      height: 100%;            /* ★ changed: fill wrapper   */
      object-fit: cover;       /* keep aspect, crop excess  */
  
      /* existing props */
      display: block;
      padding: 0;
      -webkit-transition: 0.3s ease-in-out;
         -moz-transition: 0.3s ease-in-out;
           -o-transition: 0.3s ease-in-out;
              transition: 0.3s ease-in-out;
  }
}
.blog-card {
    overflow-wrap: break-word;
    max-width: 100%;
    background: rgb(251, 250, 248);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(221, 221, 221);
    border-image: initial;
    border-radius: 5px;
}