/** Shopify CDN: Minification failed

Line 112:3 Expected ":"
Line 844:26 Expected identifier but found "*"
Line 844:35 Expected identifier but found "*"
Line 1096:22 Expected ")" to end URL token
Line 1096:54 Expected identifier but found "?"
Line 1211:22 Expected identifier but found whitespace

**/
/* 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;
}

.headline-main .headline-main-thumb {
	min-width: 100%;
	min-height: 100%;
	height: 100%;
}
.headline-main .attachment-full.size-full.wp-post-image {
	min-height: 100%;
}
img:not(.small).radius {
	min-width: 110px;
	min-height: 110px;
}
.aside-box a, sideblock_social img {
	min-width: 100%;
	min-height: 100%;
}
.aside-box img.small.radius {
	width: 90px;
	height: 90px;
	min-width: 90px;
	min-height: 90px;
}
.aside-box .block.block img:not(.small).radius {
	min-width: 50px;
	min-height: 50px;
}
.aplilist_typebox a img.radius {
	min-width: 140px;
	min-height: 140px;
}
/*.setsumei img,*/
.indexPlus img,
.categoryGroup__list img,
.mb20.top_column img,
.overview img {
	min-width: 100%;
	min-height: 100%;
}
.indexPlus .arrowTop img {
	min-width: 120px;
	min-height: 70px;
}
.indexPlus .twoCol img {
	width: 35%;
	min-width: 35%;
	height: auto;
}
.categoryGroup__list img {
  min-width: 48px;
  min-height: 48px;
}
.top_column .block.rb.mb10 img {
	min-width: 100%;
	min-height: 100%;
}
.overview.z-index2 img {
	min-width: 140px;
	min-height: 26px;
}
 /* top */
.sb-type-std > .sb-subtype-a > .sb-speaker > .sb-icon img,
.sb-type-std > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon {
	width: 64px;
	height: 90px;
}

.aside-box img.small.radius {
  width: 90px;
  height: 90px;
  min-width: 90px;
  min-height: 90px;
}
ul.commentlist.slider. > li.slick-slide mr10 img:first-child,
.slick-slide mr10 img:nth-of-type(1) {
	width: 78px;
	height: 52px !important;
}

.p-feature {
 height: 100%;/*204px;/* 225px;*/
/* min-height: 204px;*/
 min-width: 650px;
 display:inline-table;
}
	.headline-main .headline-main-thumb {
		min-width: 100%;
		min-height: 222px;
	}
	.sb-content-top > .sb-speech-bubble {
min-width: 550px;	
/*	width: auto;/*550px;*/
		min-height: 100%
		line-height: 1.5em;
	}
	.aside-box h2 {
		font-weight: 700;
		line-height: 1.5em;
	}

@media screen and (max-width: 768px){
	.aplilist_typebox a img.radius {
		min-width: 110px;
		min-height: 110px;
	}
}
@media screen and (max-width: 640px){
	#new-wrap { /* 追加 */
		padding: 0;
	}
		#primary #content {
		padding-right: 0px;
	}
}

.sb-content-top > .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;
}

.sb-subtype-a {
  display: flex;
  align-items: flex-start; /* aligns top edges */
  gap: 20px; /* space between speaker and content */
}

.sb-speaker {
  flex-shrink: 0; /* prevents shrinking of the speaker icon */
  width: 80px; /* fixed width for speaker section */
}

.sb-content-top {
  flex: 1; /* take remaining space */
}
  
.setsumei.deainotora {
  width: 100% !important;
  max-width: 100% !important;
}
  
.setsumei.deainotora img {
  width: 100% !important;
  height: auto !important;
  display: block;
  max-width: 100% !important;
}

body {
  color: black !important;
}

.aplilist_typebox .aplibox {
    width: 160px;
    display: inline-block;
}

h2.osusumeranking {
    position: relative;
    padding: 1.2em;
    background: -webkit-repeating-linear-gradient(-45deg, #ec819d, #ec819d 4px, #e56284 3px, #e56284 8px);
    background: repeating-linear-gradient(-45deg, #ec86a1, #f3a5ba 4px, #ec86a1 3px, #ec86a1 8px);
    border-radius: 7px;
    margin-bottom: 1em;
    font-weight: bold !important;
    font-size: 1.4em;
    color: #fff;
    text-align: center;
}

h2.osusumeranking:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 50%;
  border: 15px solid transparent;
  border-top: 15px solid #ec86a1;
  width: 0;
  height: 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;
  
}

h3.commment {
  font-weight: bold !important;
  border-bottom: 2px solid #ccc !important;
  background-repeat: no-repeat;
  padding-bottom: 5px;
  margin: 30px 0 20px;
  line-height: 25px;
  font-size: 21px;
  clear: both;
}


.sb-type-drop > .sb-subtype-a:after,
.sb-type-drop > .sb-subtype-b:after,
.sb-type-drop > .sb-subtype-c:after,
.sb-type-drop > .sb-subtype-d:after {
	display: block;
	clear: both;
	content: "";
}

/**
* .sb-type-TYPE > .sb-subtype-X > .sb-speaker
*
* 話者領域      
* Speaker Field 
*/

.sb-type-drop > .sb-subtype-a > .sb-speaker,
.sb-type-drop > .sb-subtype-c > .sb-speaker {
	float: left;
	position: relative;
	margin-right: -70px;
	width: 70px;
}

.sb-type-drop > .sb-subtype-b > .sb-speaker,
.sb-type-drop > .sb-subtype-d > .sb-speaker {
	float: right;
	position: relative;
	margin-left: -70px;
	width: 70px;
}

/**
* .sb-type-TYPE > .sb-subtype-X > .sb-speaker > .sb-icon
*
* 話者のアイコン部分
* Speaker Icon part 
*/

.sb-type-drop > .sb-subtype-a > .sb-speaker > .sb-icon,
.sb-type-drop > .sb-subtype-b > .sb-speaker > .sb-icon,
.sb-type-drop > .sb-subtype-c > .sb-speaker > .sb-icon,
.sb-type-drop > .sb-subtype-d > .sb-speaker > .sb-icon {
	text-align: center;
	height: 60px;
}

.sb-type-drop > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-drop > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-drop > .sb-subtype-c > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-drop > .sb-subtype-d > .sb-speaker > .sb-icon > img.sb-icon {
	height: 60px;
	width: 60px;
	border-radius: 5px;
}

/**
* .sb-type-TYPE > .sb-subtype-X > .sb-speaker > .sb-name
*
* 話者の名称部分   
* Speaker name part
*/

.sb-type-drop > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-drop > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-drop > .sb-subtype-c > .sb-speaker > .sb-name,
.sb-type-drop > .sb-subtype-d > .sb-speaker > .sb-name {
	position: absolute;
	overflow: hidden;
	top: 0;
	font-size: 12px;
	white-space: nowrap;
}

.sb-type-drop > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-drop > .sb-subtype-c > .sb-speaker > .sb-name {
	left: 80px;
}

.sb-type-drop > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-drop > .sb-subtype-d > .sb-speaker > .sb-name {
	right: 80px;
}



/*----------------------------------------------------------------------------------*/
/* dropタイプの吹き出し                                                             */
/* drop Type   (For a,b)                                                          */
/*----------------------------------------------------------------------------------*/

/**
* .sb-type-TYPE > .sb-subtype-X > .sb-content
* .sb-type-TYPE > .sb-subtype-X > .sb-content:befor, :after
*
* セリフ&引き出し 部分 
* Serief& Tail part    
*/

@media screen and (min-width:721px) {
	.sb-type-drop > .sb-subtype-a > .sb-content {
		float: left;
		position: relative;
		padding-top: 1.5em;
		margin-left: 80px;
		margin-right: 80px;
	}
}
@media screen and (max-width:720px) {
	.sb-type-drop > .sb-subtype-a > .sb-content {
		float: left;
		position: relative;
		padding-top: 1.5em;
		margin-left: 80px;
	}
}


@media screen and (min-width:721px) {
	.sb-type-drop > .sb-subtype-b > .sb-content {
		float: right;
		position: relative;
		padding-top:  1.5em;
		margin-right: 80px;
		margin-left:  70px;
	}
}
@media screen and (max-width:720px) {
	.sb-type-drop > .sb-subtype-b > .sb-content {
		float: right;
		position: relative;
		padding-top:  1.5em;
		margin-right: 80px;
	}
}


/**
* .sb-type-TYPE > .sb-subtype-X > .sb-content > .sb-speech-bubble
*
* 吹き出しの本体部分      
* Speach bubble' body part
*/

.sb-type-drop > .sb-subtype-a > .sb-content > .sb-speech-bubble {
	float: left;
	padding: 10px 20px;
	margin-bottom: 6px;
	background: #D9E5FF;
	border-radius: 15px 33px 50px 50px / 0px 50px 50px 50px;
	border: solid 3px rgba(122,122,180,0.3);
	box-shadow: 7px 7px 8px rgba(0,0,0,0.4);
}


.sb-type-drop > .sb-subtype-b > .sb-content > .sb-speech-bubble {
	float: right;
	padding: 10px 20px;
	margin-bottom: 6px;
	background: #D9E5FF;
	border-radius: 50px 15px 50px 50px / 50px 0px 50px 50px;
	border: solid 3px rgba(122,122,180,0.3);
	box-shadow: 7px 7px 8px rgba(0,0,0,0.4);
}




/*----------------------------------------------------------------------------------*/
/* drop用に調整した考えてるタイプの吹き出し                                         */
/* drop-think Type                                                                  */
/*----------------------------------------------------------------------------------*/

/**
* .sb-type-TYPE > .sb-subtype-X > .sb-content
* .sb-type-TYPE > .sb-subtype-X > .sb-content:befor, :after
*
* セリフ&引き出し 部分 
* Serief& Tail part    
*/

@media screen and (min-width:721px) {
	.sb-type-drop > .sb-subtype-c > .sb-content {   
		float: left;
		position: relative;
		padding-top: 1.5em;
		margin-left: 100px;
		margin-right: 80px;
	}
}

@media screen and (max-width:720px) {
	.sb-type-drop > .sb-subtype-c > .sb-content {
		float: left;
		position: relative;
		padding-top: 1.5em;
		margin-left: 100px;
	}
}

.sb-type-drop > .sb-subtype-c > .sb-content:before {
	position: absolute;
	top: 24px;
	left: -16px;
	z-index: 3;
	height: 9px;
	width:  9px;
	background: #D9E5FF;
	border:solid 3px rgba(122,122,180,0.3);
	border-radius: 9px;
	box-shadow: 7px 7px 8px rgba(0,0,0,0.4);
	content: "";
}

.sb-type-drop > .sb-subtype-c > .sb-content:after {
	position: absolute;
	top: 20px;
	left: -27px;
	z-index: 2;
	height: 5px;
	width:  5px;
	background: #D9E5FF;
	border:solid 3px rgba(122,122,180,0.3);
	border-radius: 5px;
	box-shadow: 7px 7px 8px rgba(0,0,0,0.4);
	content: "";
}


@media screen and (min-width:721px) {
	.sb-type-drop > .sb-subtype-d > .sb-content {
		float: right;
		position: relative;
		padding-top: 1.5em;
		margin-left: 80px;
		margin-right: 100px;
	}
}
@media screen and (max-width:720px) {
	.sb-type-drop > .sb-subtype-d > .sb-content {
		float: right;
		position: relative;
		padding-top: 1.5em;
		margin-right: 100px;
	}
    .sb-content-top > .sb-speech-bubble {
      min-width: auto !important;
      width: 100%;
      box-sizing: border-box;
    }
}

.sb-type-drop > .sb-subtype-d > .sb-content:before {
	position: absolute;
	top: 24px;
	right: -16px;
	z-index: 5;
	height: 9px;
	width:  9px;
	background: #D9E5FF;
	border: solid 3px rgba(122,122,180,0.3);
	border-radius: 9px;
	box-shadow: 7px 7px 8px rgba(0,0,0,0.4);
	content: "";
}

.sb-type-drop > .sb-subtype-d > .sb-content:after {
	position: absolute;
	top: 20px;
	right: -27px;
	z-index: 4;             /* z-中 */
	height: 5px;
	width:  5px;
	background: #D9E5FF;
	border: solid 3px rgba(122,122,180,0.3);
	border-radius: 5px;
	box-shadow: 7px 7px 8px rgba(0,0,0,0.4);
	content: "";
}


/**
* .sb-type-TYPE > .sb-subtype-X > .sb-content > .sb-speech-bubble
*
* 吹き出しの本体部分      
* Speach bubble' body part
*/

.sb-type-drop > .sb-subtype-c > .sb-content > .sb-speech-bubble,
.sb-type-drop > .sb-subtype-d > .sb-content > .sb-speech-bubble {
	position: relative;
	padding: 5px 10px;
	z-index: 3;
	background: #D9E5FF;
	border-style: solid;
	border-width: 2px;
	border: solid 3px rgba(122,122,180,0.3);
	border-radius: 10px;
	box-shadow: 7px 7px 8px rgba(0,0,0,0.4);
}


.sb-type-fb-flat {
	overflow: hidden;
	padding: 5px 20px;
	margin: 0;
	line-height: 1.5;
	color: #333333;
}

.sb-type-fb-flat > .sb-subtype-a:after,
.sb-type-fb-flat > .sb-subtype-b:after,
.sb-type-fb-flat > .sb-subtype-c:after,
.sb-type-fb-flat > .sb-subtype-d:after {
	display: block;
	clear: both;
	content: "";
}

/**
* .sb-type-TYPE > .sb-subtype-X > .sb-speaker
*
* 話者領域      
* Speaker Field 
*/

.sb-type-fb-flat > .sb-subtype-a > .sb-speaker,
.sb-type-fb-flat > .sb-subtype-c > .sb-speaker {
	float: left;
	margin-right: -70px;
	width: 70px;
}

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

/**
* .sb-type-TYPE > .sb-subtype-X > .sb-speaker > .sb-icon
*
* 話者のアイコン部分
* Speaker Icon part 
*/

.sb-type-fb-flat > .sb-subtype-a > .sb-speaker > .sb-icon,
.sb-type-fb-flat > .sb-subtype-b > .sb-speaker > .sb-icon,
.sb-type-fb-flat > .sb-subtype-c > .sb-speaker > .sb-icon,
.sb-type-fb-flat > .sb-subtype-d > .sb-speaker > .sb-icon {
	text-align: center;
	height: 60px;
}

.sb-type-fb-flat > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-fb-flat > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-fb-flat > .sb-subtype-c > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-fb-flat > .sb-subtype-d > .sb-speaker > .sb-icon > img.sb-icon {
	height: 60px;
	width: 60px;
	border-style: none;
	border-radius: 50%;
}

/**
* .sb-type-TYPE > .sb-subtype-X > .sb-speaker > .sb-name
*
* 話者の名称部分   
* Speaker name part
*/

.sb-type-fb-flat > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-fb-flat > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-fb-flat > .sb-subtype-c > .sb-speaker > .sb-name,
.sb-type-fb-flat > .sb-subtype-d > .sb-speaker > .sb-name {
	overflow: hidden;
	font-size: 12px;
	text-align: center;
	color: #666666;
}



/*----------------------------------------------------------------------------------*/
/* fb-flatタイプの吹き出し                                                          */
/* fb-flat Type   (For a,b)                                                         */
/*----------------------------------------------------------------------------------*/

/**
* .sb-type-TYPE > .sb-subtype-X > .sb-content
* .sb-type-TYPE > .sb-subtype-X > .sb-content:befor, :after
*
* セリフ&引き出し 部分 
* Serief& Tail part    
*/

@media screen and (min-width:721px) {
	.sb-type-fb-flat > .sb-subtype-a > .sb-content {
		float: left;
		position: relative;
		padding-top: 14px;
		margin-left: 80px;
		margin-right: 80px;
	}
}

@media screen and (max-width:720px) {
	.sb-type-fb-flat > .sb-subtype-a > .sb-content {
		float: left;
		position: relative;
		padding-top: 14px;
		margin-left: 80px;
	}
}

.sb-type-fb-flat > .sb-subtype-a > .sb-content:before {
	position: absolute;
	top: 23px;
	left: -6px;
	z-index: 1;
	height: 0;
	width: 0;
	border-style: solid solid solid none;
	border-width: 6px;
	border-color: transparent #EEEEEE;
	content: "";
}

.sb-type-fb-flat > .sb-subtype-a > .sb-content:after {
	position: absolute;
	top: 23px;
	left: -5px;
	z-index: 3;
	height: 0;
	width: 0;
	border-style: solid solid solid none;
	border-width: 6px;
	border-color: transparent #EEEEEE;
	content: "";
}



@media screen and (min-width:721px) {
	.sb-type-fb-flat > .sb-subtype-b > .sb-content {
		float: right;
		position: relative;
		padding-top: 14px;
		margin-left: 80px;
		margin-right: 80px;
	}
}

@media screen and (max-width:720px) {
	.sb-type-fb-flat > .sb-subtype-b > .sb-content {
		float: right;
		position: relative;
		padding-top: 14px;
		margin-right: 80px;
	}
}

.sb-type-fb-flat > .sb-subtype-b > .sb-content:before {
	position: absolute;
	top: 23px;
	right: -6px;
	z-index: 1;
	height: 0;
	width: 0;
	border-style: solid none solid solid;
	border-width: 6px;
	border-color: transparent #5555FF;
	content: "";
}

.sb-type-fb-flat > .sb-subtype-b > .sb-content:after {
	position: absolute;
	top: 23px;
	right: -5px;
	z-index: 3;
	height: 0;
	width: 0;
	border-style: solid none solid solid;
	border-width: 6px;
	border-color: transparent #5555FF;
	content: "";
}

/**
* .sb-type-TYPE > .sb-subtype-X > .sb-content > .sb-speech-bubble
*
* 吹き出しの本体部分      
* Speach bubble' body part
*/

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

.sb-type-fb-flat > .sb-subtype-b > .sb-content > .sb-speech-bubble {
	color: #FFFFFF;
	background-color: #5555FF;
	border-color: #5555FF;
}




/*----------------------------------------------------------------------------------*/
/* fb-flat用に調整した考えてるタイプの吹き出し                                      */
/* fb-flat-Think Type   (For c,d)                                                   */
/*----------------------------------------------------------------------------------*/

/**
* .sb-type-TYPE > .sb-subtype-X > .sb-content
* .sb-type-TYPE > .sb-subtype-X > .sb-content:befor, :after
*
* セリフ&引き出し 部分 
* Serief& Tail part    
*/

@media screen and (min-width:721px) {
	.sb-type-fb-flat > .sb-subtype-c > .sb-content {   
		float: left;
		position: relative;
		padding-top: 14px;
		margin-left: 100px;
		margin-right: 80px;
	}
}

@media screen and (max-width:720px) {
	.sb-type-fb-flat > .sb-subtype-c > .sb-content {
		float: left;
		position: relative;
		padding-top: 14px;
		margin-left: 100px;
	}
}

.sb-type-fb-flat > .sb-subtype-c > .sb-content:before {
	position: absolute;
	top: 24px;
	left: -17px;
	height: 12px;
	width:  12px;
	background-color: #EEEEEE;
	border-color: #EEEEEE;
	border-radius: 10px;
	color: #333333;
	content: "";
}

.sb-type-fb-flat > .sb-subtype-c > .sb-content:after {
	position: absolute;
	top: 20px;
	left: -28px;
	height: 8px;
	width:  8px;
	background-color: #EEEEEE;
	border-color: #EEEEEE;
	border-radius: 5px;
	color: #333333;
	content: "";
}




@media screen and (min-width:721px) {
	.sb-type-fb-flat > .sb-subtype-d > .sb-content {
		float: right;
		position: relative;
		padding-top: 14px;
		margin-left: 80px;
		margin-right: 100px;
	}
}

@media screen and (max-width:720px) {
	.sb-type-fb-flat > .sb-subtype-d > .sb-content {
		float: right;
		position: relative;
		padding-top: 14px;
		margin-right: 100px;
	}
}

.sb-type-fb-flat > .sb-subtype-d > .sb-content:before {
	top: 24px;
	right: -17px;
	height: 12px;
	width:  12px;
	background-color: #5555FF;
	border-color: #5555FF;
	position: absolute;
	border-radius: 10px;
	content: "";
}

.sb-type-fb-flat > .sb-subtype-d > .sb-content:after {
	position: absolute;
	top: 20px;
	right: -27px;
	height: 8px;
	width:  8px;
	background-color: #5555FF;
	border-color: #5555FF;
	border-radius: 5px;
	content: "";
}


/**
* .sb-type-TYPE > .sb-subtype-X > .sb-content > .sb-speech-bubble
*
* 吹き出しの本体部分      
* Speach bubble' body part
*/

.sb-type-fb-flat > .sb-subtype-c > .sb-content > .sb-speech-bubble,
.sb-type-fb-flat > .sb-subtype-d > .sb-content > .sb-speech-bubble {
	position: relative;
	z-index: 2;
	padding: 5px 10px;
	background-color: #EEEEEE;
	border-style: solid;
	border-width: 1px;
	border-color: #EEEEEE;
	border-radius: 4px;
	color: #333333;
}

.sb-type-fb-flat > .sb-subtype-d > .sb-content > .sb-speech-bubble {
	background-color: #5555FF;
	border-color: #5555FF;
	color: #FFFFFF;
}

@media screen and (min-width:721px) {
	.sb-type-fb-flat > .sb-subtype-a > .sb-content {
		float: left;
		position: relative;
		padding-top: 14px;
		margin-left: 80px;
		margin-right: 80px;
	}
}

@media screen and (max-width:720px) {
	.sb-type-fb-flat > .sb-subtype-a > .sb-content {
		float: left;
		position: relative;
		padding-top: 14px;
		margin-left: 80px;
	}
}

.sb-type-fb-flat > .sb-subtype-a > .sb-content:before {
	position: absolute;
	top: 23px;
	left: -6px;
	z-index: 1;
	height: 0;
	width: 0;
	border-style: solid solid solid none;
	border-width: 6px;
	border-color: transparent #EEEEEE;
	content: "";
}

.sb-type-fb-flat > .sb-subtype-a > .sb-content:after {
	position: absolute;
	top: 23px;
	left: -5px;
	z-index: 3;
	height: 0;
	width: 0;
	border-style: solid solid solid none;
	border-width: 6px;
	border-color: transparent #EEEEEE;
	content: "";
}



@media screen and (min-width:721px) {
	.sb-type-fb-flat > .sb-subtype-b > .sb-content {
		float: right;
		position: relative;
		padding-top: 14px;
		margin-left: 80px;
		margin-right: 80px;
	}
}

@media screen and (max-width:720px) {
	.sb-type-fb-flat > .sb-subtype-b > .sb-content {
		float: right;
		position: relative;
		padding-top: 14px;
		margin-right: 80px;
	}
}

.sb-type-fb-flat > .sb-subtype-b > .sb-content:before {
	position: absolute;
	top: 23px;
	right: -6px;
	z-index: 1;
	height: 0;
	width: 0;
	border-style: solid none solid solid;
	border-width: 6px;
	border-color: transparent #5555FF;
	content: "";
}

.sb-type-fb-flat > .sb-subtype-b > .sb-content:after {
	position: absolute;
	top: 23px;
	right: -5px;
	z-index: 3;
	height: 0;
	width: 0;
	border-style: solid none solid solid;
	border-width: 6px;
	border-color: transparent #5555FF;
	content: "";
}

/**
* .sb-type-TYPE > .sb-subtype-X > .sb-content > .sb-speech-bubble
*
* 吹き出しの本体部分      
* Speach bubble' body part
*/

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

.sb-type-fb-flat > .sb-subtype-b > .sb-content > .sb-speech-bubble {
	color: #FFFFFF;
	background-color: #5555FF;
	border-color: #5555FF;
}

.sb-subtype-b{
  display:flex;           /* lay children on the same horizontal line   */
  flex-direction: row-reverse;   /* speaker block to the right, content left */
  align-items:flex-start;  /* top-align icon and bubble (optional)      */
}

h3.ninki1 {
    font-weight: bold !important;
    border-bottom: solid 2px #ccc;
    background-image: url(https://magaseekcm.com/wp-content/themes/simplesimple/images/no1.PNG);
    background-repeat: no-repeat;
    padding-top: 5px;
    padding-left: 60px;
    margin-bottom: 10px;
    line-height: 40px;
    clear: both;
    color: #e56284;
    font-size: 22px;
    margin-top: 20px;
}

span.check {
    color: #e56284;
    font-weight: bold;
    /* font-size: 16px; */
}

h3.toph3 {
    color: #111;
    padding: 0 0 0 10px;
    margin-top: 2em;
    font-weight: bold !important;
    margin-bottom: 0;
    border-left: 6px solid #e56284;
    /* background: #eee; */
    font-size: 18px;
}

h4.toph4 {
    font-weight: bold !important;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

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

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

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

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

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

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

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

/* ボタンの光沢 */
.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;
}

h3.ninki2 {
    font-weight: bold !important;
    border-bottom: solid 2px #ccc;
    background-image: url(https://magaseekcm.com/wp-content/themes/simplesimple/images/no2.PNG);
    background-repeat: no-repeat;
    padding-top: 5px;
    padding-left: 60px;
    margin-bottom: 10px;
    line-height: 40px;
    clear: both;
    color: #e56284;
    font-size: 20px;
}

h3.ninki3 {
    font-weight: bold !important;
    border-bottom: solid 2px #ccc;
    background-image: url(https://magaseekcm.com/wp-content/themes/simplesimple/images/no3.PNG);
    background-repeat: no-repeat;
    padding-top: 5px;
    padding-left: 60px;
    margin-bottom: 10px;
    line-height: 40px;
    clear: both;
    color: #e56284;
    font-size: 20px;
}

h3.ninki4 {
    font-weight: bold !important;
    border-bottom: solid 2px #ccc;
    background-image: url(https://magaseekcm.com/wp-content/uploads/2015/09/ranking41.png);
    background-repeat: no-repeat;
    padding-top: 5px;
    padding-left: 60px;
    margin-bottom: 10px;
    line-height: 40px;
    clear: both;
    color: #e56284;
    font-size: 20px;
}

h3.ninki5 {
    font-weight: bold !important;
    border-bottom: solid 2px #ccc;
    background-image: url(https://magaseekcm.com/wp-content/uploads/2018/10/s_no5.png);
    background-repeat: no-repeat;
    padding-top: 5px;
    padding-left: 60px;
    margin-bottom: 10px;
    line-height: 40px;
    clear: both;
    color: #e56284;
    font-size: 20px;
}

h2.toph2 {
    border-top: 1px dotted #D0D0D0;
    border-bottom: 1px dotted #D0D0D0;
    padding: 0.5em;
    font-size: 18px;
    font-weight: bold !important;
    margin: 40px 0 0.5em 0;
    line-height: 1.3;
}

.topIntro {
    border: 1px dotted #ccc;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #333;
    margin-top: 30px;
}

.topIntro2 {
    display: block;
    padding-top: 20px;
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: bold;
    color: #E56284;
    clear: both;
    line-height: 175%;
}

.topIntro2 span {
    box-shadow: 0 -10px 0 inset rgba(11, 144, 148, .1);
    color: #0b9092;
}

.topIntro3 {
    background: #dfefff;
    box-shadow: 0px 0px 0px 5px #dfefff;
    border: dashed 2px white;
    padding: 20px 12px;
    font-size: 16px;
    font-weight: bold !important;
    letter-spacing: 1px;
    color: #333;
    margin: 25px 5px 15px 5px;
}

.pointTables{

	overflow-x: auto !important;

}

.pointTables::-webkit-scrollbar{

	 height: 5px;

}

.pointTables::-webkit-scrollbar-track{

	 background: #F1F1F1;

}

.pointTables::-webkit-scrollbar-thumb {

	 background: #BCBCBC;

}

.pointTable2{

	width:100%;

	box-sizing:border-box;

	margin:20px 0 20px 0;

}

.pointTable2 th{

	padding-top:16px;

	padding-bottom:16px;

}

.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;

}

.pointTable2 td{

	background-color:#fff;

}

.pointTable2 td strong{

	display:block;

	color:#0b9092;

}

.pointTable2 td span{

	color:#E56284;

}

.pointTable2 td.first{

	background-color:#f5f5f5;

	text-align:left;

	font-weight:bold;

}

.pointTable2 tr:last-child a{

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    font-size: 12px;

    font-weight: bold;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    min-height: 48px;

    background-color: #0080A8;

    color:#fff;

    border: 0;

    border-radius: 3px;

    -webkit-box-shadow: 0 -4px 0 rgba(0,0,0,0.1) inset;

    box-shadow: 0 -4px 0 rgba(0,0,0,0.1) inset;

    color: #fff;

    cursor: pointer;

}









@media (max-width: 600px) {

.pointTable2 th,

.pointTable2 td{

	padding:8px;

	width:80px;

	font-size:12px;

}

.pointTable2 a{

	font-size:12px !important;



}

}

.pointTable{

	width:auto;

	box-sizing:border-box;

	margin:20px 0px 20px 0px;

}

.pointTable th:nth-child(1){

	width:10%;

	padding-top:12px;

	padding-bottom:12px;

}

.pointTable th:nth-child(2){

	width:45%;

	padding-top:12px;

	padding-bottom:12px;

}

.pointTable th:nth-child(3){

	width:45%;

	padding-top:12px;

	padding-bottom:12px;

}

.pointTable th,

.pointTable td{

	padding:8px;

	line-height:1.2;

	font-size:13px;

}

.pointTable td span , .pointTable td strong{

	font-size:13px !important;

}
.pointTable{

	width:100%;

	box-sizing:border-box;

	margin:20px auto 20px auto;

}

.pointTable th:nth-child(1){

	width:20%;

	padding-top:16px;

	padding-bottom:16px;

}

.pointTable th:nth-child(2){

	width:40%;

	padding-top:16px;

	padding-bottom:16px;

}

.pointTable th:nth-child(3){

	width:40%;

	padding-top:16px;

	padding-bottom:16px;

}

.pointTable th,

.pointTable td{

	padding:13px;

	vertical-align:middle;

	border:1px solid #ccc;

	line-height:1.3;

}

.pointTable td{

	background-color:#fff;

}

.pointTable td strong{

	display:block;

	color:#0b9092;

}

.pointTable td span{

	color:#E56284;

}

.pointTable td.first{

	background-color:#eee;

	text-align:center;

	font-weight:bold;

}

.pointTable th{

	background-color:#dfefff;

	font-weight:bold;

	color:#333;

	text-align:center;

}

.arrowTop{

	margin:10px 0;

	text-align:center;

}

.twoCol h3{

	background:#4c89c6;

	padding:12px 20px;

	font-size:15px;

	color:#fff;

	margin:10px 0 15px 0;

	text-align:center;

}

.twoCol .col02 h3{

	background:#e673a4;

}

.twoCol .col01 , .twoCol .col02{

	float:left;

	width:50%;

}

.twoCol img{

	float:left;

	width:35%;

	height: auto;

	margin-right:3%;

}

.twoCol p{

	float:left;

	width:60%;

	padding-right:2%;

	font-weight:bold;

	font-size:14px;

	color:#555;

	line-height:200%;

}

.check h3{

	position: relative;

	color: black;

	background: #d0ecff;

	line-height: 1.4;

	padding: 20px 15px 15px 15px;

	margin: 4em 0 0 0;

}

.check h3:after {

	position: absolute;

	font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;

	content: 'Check';

	background: #4c89c6;

	color: #fff;

	left: 0px;

	bottom: 100%;

	border-radius: 5px 5px 0 0;

	padding: 4px 10px 4px 10px;

	font-size: 1em;

	line-height: 2;

	letter-spacing: 0.05em

}

.check p {

	background: #d0ecff;

	padding: 10px 15px 20px 15px;

	margin-bottom:30px;

}

@media (max-width: 600px) {

.topIntro{

	padding:8px;

	font-size:13px;

}

.topIntro2{

	letter-spacing:1px;

	font-size:15px;

	line-height:165%;

}

.topIntro3{

	padding:9px;

	font-size:14px;

	margin:26px 5px 15px 5px;

}

.pointTable{

	width:auto;

	box-sizing:border-box;

	margin:20px 0px 20px 0px;

}

.pointTable th:nth-child(1){

	width:10%;

	padding-top:12px;

	padding-bottom:12px;

}

.pointTable th:nth-child(2){

	width:45%;

	padding-top:12px;

	padding-bottom:12px;

}

.pointTable th:nth-child(3){

	width:45%;

	padding-top:12px;

	padding-bottom:12px;

}

.pointTable th,

.pointTable td{

	padding:8px;

	line-height:1.2;

	font-size:13px;

}

.pointTable td span , .pointTable td strong{

	font-size:13px !important;

}

.twoCol .col01 , .twoCol .col02{

	float:none;

	width:100%;

}

.twoCol img {

	float:none;

	width:90%;

	margin-right:5%;

	margin-left:5%;

	margin-bottom:7px;

}

.twoCol p {

	float:none;

	width:100%;

	font-weight:bold;

	font-size:14px;

	color:#555;

	line-height:190%;

}

.check h3 {

	line-height: 1.4;

	padding: 20px 15px 15px 15px;

	margin: 2em 0 0 0;

	font-size:14px;

}

.check h3:after {

	border-radius: 5px 5px 0 0;

	padding: 4px 10px 4px 10px;

	font-size: 1em;

	line-height: 2;

}

.check p {

	padding: 10px 15px 20px 15px;

	margin-bottom:30px;

	font-size:14px;

	color:#333;

}

.check p br{

	display:none;

}

}

.ranking_intro{

	background:url(https://magaseekcm.com/wp-content/themes/mod/imgs/ranking_bg.jpg) no-repeat;

	background-size:cover;

	text-align:center;

	padding:10px;

}

.ranking_intro img{

	margin-bottom:15px;

}

.ranking_intro .ranking_text{

	line-height:280%;

	margin-bottom:15px;

}

.ranking_intro a{

	padding:12px 20px;

	color:#fff;

	background:#F16F8D;

	border-radius:6px;

}

.ranking_intro span{

	font-size:23px !important;

}



@media (max-width: 600px) {

	.ranking_intro{

		padding:4px;

	}

	.ranking_intro{

		background:url(https://magaseekcm.com/wp-content/themes/mod/imgs/ranking_bg.jpg) no-repeat;

		background-size:cover;

		text-align:center;

		padding:10px 6px;

	}

	.ranking_intro a{

		font-size:12px;

	}

	.ranking_intro span{

		font-size:21px !important;

	}

}



@media (max-width: 330px) {

	.ranking_intro span{

		font-size:16px;

	}

	.ranking_intro{

		padding:0px;

	}

	.ranking_intro a{

		font-size:11px;

	}

	.ranking_intro span{

		font-size:19px !important;

	}

}



.ranking_h4{

	padding: 0.5em 0;

	border-top: solid 3px #1f9ccb;

	border-bottom: solid 3px #1f9ccb;

	margin-top:35px !important;

	font-size:18px !important;

	color:#333 !important;

}

.ranking_h4b{

	padding: 0.5em 0;

	border-top: solid 3px #ff5722;

	border-bottom: solid 3px #ff5722;

	margin-top:35px !important;

	font-size:18px !important;

	color:#333 !important;

}

.ranking_h4b:before{

	color: #ff5722 !important;

}

.ranking_h5{

	position: relative;

	padding: 0.6em;

	background: #c7e4ef;

	margin:25px 0 20px 0 !important;

	font-size:14px !important;

	color:#333 !important;

}

.ranking_h5:after {

	position: absolute;

	content: '';

	top: 100%;

	left: 30px;

	border: 15px solid transparent;

	border-top: 15px solid #c7e4ef;

	width: 0;

	height: 0;

}



.ranking_h5b{

	position: relative;

	padding: 0.6em;

	background: #ffdace;

	margin:25px 0 20px 0 !important;

	font-size:14px !important;

	color:#333 !important;

}

.ranking_h5b:after {

	position: absolute;

	content: '';

	top: 100%;

	left: 30px;

	border: 15px solid transparent;

	border-top: 15px solid #ffdace;

	width: 0;

	height: 0;

}

.ranking_h6{

	position: relative;

	line-height: 1.4;

	padding:0.25em 1em;

	display: inline-block;

	margin:35px 0 15px 0 !important;

	color:#ff5722 !important;

}

.ranking_h6:before, .ranking_h6:after { 

	content:'';

	width: 20px;

	height: 30px;

	position: absolute;

	display: inline-block;

}

.ranking_h6:before {

	border-left: solid 1px #ff5722;

	border-top: solid 1px #ff5722;

	top:0;

	left: 0;

}

.ranking_h6:after {

	border-right: solid 1px #ff5722;

	border-bottom: solid 1px #ff5722;

	bottom:0;

	right: 0;

}

.ranking_matome{

	margin-bottom:10px;

}

.ranking_matome div{

	width:30%;

	display:inline-block;

	margin-right:5%;

}

.ranking_matome p{

	width:64%;

	display:inline-block;

	vertical-align: top;

}



@media (max-width: 600px) {

.ranking_matome div{

	width:100%;

	margin-right:0%;

}

.ranking_matome p{

	width:100%;

	margin-top:10px;

}

}



.ranking_ul{

	border: double 4px #ff5722;

	padding: 0.5em 1em 0.5em 2.3em !important;

	position: relative;

	margin:10px 0 !important;

}

.ranking_ul li {

	line-height: 1.5 !important;

	padding: 0.5em 0 !important;

	list-style-type: none!important ;

}

.ranking_ul li:before {

	font-family: "Font Awesome 5 Free";

	content: "\f0a4";

	position: absolute;

	left : 1em !important;

	color: #ff5722 !important;

}

.setsumei {
    background: #fff;
    /* border: 1px solid #eee; */
    padding: 15px 15px 15px;
    margin-bottom: 20px;
    clear: both;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 21pxpx;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 20px;
    background-color: black;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/* ===== themes\mod\js\slick\slick.css ===== */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}


.aside-box{
	padding:10px;
	background:#fff;
	border:1px solid #eee;
	margin-bottom:10px;
}
.aside-box h2{
	margin-bottom:10px;
	color:#000;
	border-bottom:1px solid #000;
	padding-bottom:6px;
}
.aside-box .ranked .image{
	position:relative;
}
.aside-box .ranked .image > .rank_num{
	position:absolute;
	display:inline-block;
	width:20px;
	line-height:20px;
	text-align:center;
	background:#333;
	color:#fff;
}
.aside-box .ranked .rank:nth-of-type(1) .image > .rank_num{
	background:#b8913c;
}
.aside-box .ranked .rank:nth-of-type(2) .image > .rank_num{
	background:#888888;
}
.aside-box .ranked .rank:nth-of-type(3) .image > .rank_num{
	background:#7d4f23;
}
.aside-box{}

.button-search{
	background:#333;
	color:#fff;
	width:28px;
	line-height:28px;
	border:none;
}

.type1.rankings .rank .rank_num{
	background:#333;
	color:#fff;
	line-height:20px;
	font-size:15px;
	text-align:center;
	display:inline-block;
	width:2.5em;
	margin-right:.4em;
}
.type1.rankings .rank:nth-of-type(1) .rank_num{
	background:#b8913c;
}
.type1.rankings .rank:nth-of-type(2) .rank_num{
	background:#888888;
}
.type1.rankings .rank:nth-of-type(3) .rank_num{
	background:#7d4f23;
}


/* override faq */
#content-single .faq-pretty{
	background:none;
	border-top:1px solid #ccc;
}
.faq-pretty ul{
	margin:0;
}
.faq-pretty .faq-item{
	border-bottom:1px solid #ccc;
	margin:0;
}
.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;
}
.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-item.highlight .faq-question:after {
	content: "\f139";
	color:#febad1;
}
.faq-pretty .faq-item.highlight .faq-question {
	background:none;
    border:none;
	color:#333;
}
.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;
}
.bg-pink {
    background: #e6235f;
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 25px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/* ===== themes\mod\js\slick\slick.css ===== */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px !important;
    height: 20px !important;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    font-size: 21px;
}

.yuudou a {
  background: #e56284;
  color: #fff !important;
  border-radius: 5px;
}
.yuudou a span , .yuudou a i{
	display:inline;
	vertical-align:middle;
    color: #fff;
}

a.block.bg-pink.white.text-center.p4.ps10.smaller {
    font-size: 14px;
    /* padding: 10px 10px 10px 10px; */
    border-radius: 5px;
  color: #fff !important;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
h2.osusumeranking2 {
    background: repeating-linear-gradient(-45deg, #4c89c6, #4c89c6 4px, #71A2D2 3px, #71A2D2 8px) !important;
}
h2.osusumeranking2:after {
    border-top: 15px solid #4c89c6 !important;
  background: repeating-linear-gradient(-45deg, #4c89c6, #4c89c6 4px, #71A2D2 3px, #71A2D2 8px) !important;
}

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

.categoryGroup__list li{width:100%;float:none;margin:0;border:none;border-bottom: 1px #efefef solid;border-radius:0px;clear:both;padding-top:5px;}

.categoryGroup__list li img{display:inline-block !important;float:left !important;width:22% !important;height:auto !important;vertical-align:middle !important;}

.categoryGroup__list li p{display:inline-block !important;width: 70% !important;margin-left:3% !important;clear:none !important;float:left !important;}

}
.categoryGroup__list li {
    display: table;
    width: calc(46% - 6px);
    float: left;
    margin-top: 12px;
    padding: 12px;
    border: 1px #eee solid;
    list-style: none;
    vertical-align: middle;
    border-radius: 8px;
}
.categoryGroup a:nth-child(2n-1) li {
    margin-right: 6px;
}
.categoryGroup{
padding-bottom:70px;
}
.categoryGroup a:nth-child(2n-1) li{
margin-right:6px;
}
.categoryGroup a:nth-child(2n) li{
margin-left:6px;
}
.categoryGroup__list{
margin-bottom:24px;
}
.categoryGroup__list img{
display:table-cell;
width:48px;
height:48px;
border-radius:4px;
margin-right:8px;
vertical-align:middle;
}
.categoryGroup__list li{
display:table;
width:calc(46% - 6px);
float:left;
margin-top:12px;
padding:12px;
border: 1px #eee solid;
list-style:none;
vertical-align: middle;
border-radius:8px;
}
.categoryGroup__list p{
width:80%;
display:table-cell;
vertical-align:middle;
font-size:14px;
}
.categoryGroup__list a{
color:#545454;
}

@media screen and (max-width:800px){
	.categoryGroup a:nth-child(2n-1) li{
	margin-right:0px;
	}
	.categoryGroup a:nth-child(2n) li{
	margin-left:0px;
	}
	.categoryGroup__list{
	margin:0;
	}
	.categoryGroup__list p{
	font-size:16px;
	clear:none !important;
	}
	.categoryGroup__list li{
	width:100%;
	float:none;
	margin:0;
	border:none;
	border-bottom: 1px #efefef solid;
	border-radius:0px;
	clear:both;
	}
	.categoryGroup__list li img{
		display:inline-block !important;
		float:left !important;
		width:22% !important;
		height:auto !important;
		vertical-align:middle !important;
	}
	.categoryGroup__list li p{
		display:inline-block !important;
		width: 70% !important;
		margin-left:3% !important;
		clear:none !important;
		float:left !important;
	}
}
.categoryGroup {
    padding-bottom: 70px;
}
.categoryGroup__list {
    margin-bottom: 24px;
}
.clearfix {
    display: block;
}
.categoryGroup__list a {
    color: #545454;
}
.categoryGroup{
padding-bottom:70px;
}
.categoryGroup a:nth-child(2n-1) li{
margin-right:6px;
}
.categoryGroup a:nth-child(2n) li{
margin-left:6px;
}
.categoryGroup__list{
margin-bottom:24px;
}
.categoryGroup__list img{
display:table-cell;
width:48px;
height:48px;
border-radius:4px;
margin-right:8px;
vertical-align:middle;
}
.categoryGroup__list li{
display:table;
width:calc(46% - 6px);
float:left;
margin-top:12px;
padding:12px;
border: 1px #eee solid;
list-style:none;
vertical-align: middle;
border-radius:8px;
}
.categoryGroup__list p{
width:80%;
display:table-cell;
vertical-align:middle;
font-size:14px;
}
.categoryGroup__list a{
color:#545454;
}

@media screen and (max-width:800px){
	.categoryGroup a:nth-child(2n-1) li{
	margin-right:0px;
	}
	.categoryGroup a:nth-child(2n) li{
	margin-left:0px;
	}
	.categoryGroup__list{
	margin:0;
	}
	.categoryGroup__list p{
	font-size:16px;
	clear:none !important;
	}
	.categoryGroup__list li{
	width:100%;
	float:none;
	margin:0;
	border:none;
	border-bottom: 1px #efefef solid;
	border-radius:0px;
	clear:both;
	}
	.categoryGroup__list li img{
		display:inline-block !important;
		float:left !important;
		width:22% !important;
		height:auto !important;
		vertical-align:middle !important;
	}
	.categoryGroup__list li p{
		display:inline-block !important;
		width: 70% !important;
		margin-left:3% !important;
		clear:none !important;
		float:left !important;
	}
}
.pv10{padding-top:10px; padding-bottom:10px;}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.aplilist_typebox h3{font-size:19px;table-layout: fixed;}

.aplilist_typebox .aplibox{width:160px;display:inline-block;}

@media (max-width: 767px) {

	.aplilist_typebox .aplibox{width:48%;}

}

.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}

.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}

.slick-list:focus{outline: none;}

.slick-list.dragging{cursor: pointer;cursor: hand;}

.slick-slider .slick-track,

.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}

.slick-track:before,

.slick-track:after{display: table;content: '';}

.slick-track:after{clear: both;}

.slick-loading .slick-track{visibility: hidden;}

.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}

[dir='rtl'] .slick-slide{float: right;}

.slick-slide img{display: block;}

.slick-slide.slick-loading img{display: none;}

.slick-slide.dragging img{pointer-events: none;}

.slick-initialized .slick-slide{display: block;}

.slick-loading .slick-slide{visibility: hidden;}

.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}

.slick-arrow.slick-hidden {display: none;}

/* Slider */

.slick-loading .slick-list{background: #fff url('https://magaseekcm.com/wp-content/themes/mod/js/slick/ajax-loader.gif') center center no-repeat;}

/* Dots */

.slick-dotted.slick-slider{margin-bottom: 30px;}

.slick-dots{position: absolute;bottom: -25px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}

.slick-dots li{position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}

.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}

.slick-dots li button:hover,

.slick-dots li button:focus{outline: none;}

.slick-dots li button:hover:before,

.slick-dots li button:focus:before{opacity: 1;}

.slick-dots li button:before{font-family: 'slick';font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.slick-dots li.slick-active button:before{opacity: .75;color: black;}

.slick-arrow:before,
.slick-arrow:after,
.slick-arrow:hover,
.slick-arrow {
  background-color: black;
  border-radius:10px;
}
.slick-next:before {
  content: '\276F'; /* ❯ right arrow */
  font-size: 17px;
}

.slick-prev:before {
  content: '\276E'; /* ❮ left arrow */
  font-size: 17px;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '\276E';
    padding: 0 8px;
}
[dir='rtl'] .slick-prev:before
{
    content: '\276E';
    padding: 0 8px;
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '\276F';
    padding: 0 8px;
}
[dir='rtl'] .slick-next:before
{
    content: '\276F';
    padding: 0 8px;
}

.type1.archive {
    letter-spacing: -.4em;
}
.type1.archive > .block {
    box-sizing: border-box;
    display: inline-block;
    width: 33.33%;
    vertical-align: top;
}
@media (max-width: 768px) {
  .type1.archive > .block {
    width: 100% !important;
    display: block !important; /* prevent side-by-side layout */
  }
}
.type1 {
    display: block;
    box-sizing: border-box;
}
.type1{
	display:block;
	box-sizing:border-box;
}
.type1 .h{
	position:relative;
	margin:10px 0;
	padding:0 10px;
	border-left:5px solid #1f9ccb;
}
.type1 .b{
	background:#fff;
	border:1px solid #eee;
	margin-bottom:10px;
}

@media (max-height:640px) {
	.type1 .b{
		border:none;
	}
}
.type1.archive{
	letter-spacing:-.4em;
}
.type1.archive > *{
	letter-spacing:0;
}
.type1.archive > .block{
	box-sizing:border-box;
	display:inline-block !important;
	width:33.33%;
	vertical-align:top;
}
.type1.archive > .block > .b{
	margin-right:10px;
	border:none;
}
h1.strim20{
  all: revert !important;
}
h1.h{
  font-size: 20px !important;
}

/* --- carousel basic geometry ------------------------------------------- */
.aplilist .slick-list{
    overflow:hidden;                /* masks the oversize track          */
}

.aplilist .slick-track{
    display:flex;                   /* cards in one single row           */
    transition:transform .4s ease;  /* slide animation                   */
}

/* cards: keep whatever you already have; the line below only              */
/* prevents them from shrinking in flexbox                                 */
.aplilist .slick-slide{flex:0 0 auto;}
.slick-dots{
    display:flex;                 /* line them up */
    justify-content:center;
    gap:8px;                      /* space between dots */
    margin:16px 0 0;              /* a little breathing-room */
    padding:0;
}

.slick-dots li{
    list-style:none;              /* kill the bullets */
}

/* the actual dot */
.slick-dots li button{
    width:12px;
    height:12px;
    border-radius:50%;
    background:#cfd4d7;           /* inactive colour */
    border:0;
    padding:0;
    cursor:pointer;
    transition:background .25s, transform .25s;
    
    /* hide the “1 2 3 …” but keep it accessible */
    font-size:0;                  /* visually gone */
    line-height:0;
}

/* hover / focus */
.slick-dots li button:hover,
.slick-dots li button:focus{
    background:#91a1ab;
    outline:none;
    transform:scale(0.8);
}

/* currently-active slide */
.slick-dots li.slick-active button{
    background:black;           /* pick a brand colour */
    transform:scale(1.0);
}
.clearfix {display: inline-block;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}