@charset 'shift_jis';
.category-article-head {
font-size: 15px;
font-weight: 700;
margin-bottom: 20px;
color: #000;
}
.category-article-lead p {
padding-left: 80px;
font-size: 13px;
line-height: 1.8
}
.cate-ld-box {
width: 1180px;
margin: 0 auto 34px;
padding: 10px 0 0;
box-sizing: border-box;
padding-left:80px;
position: relative;
}
.cate-ld-box .category-article-head,
.third-ld-box .category-article-head {
font-size:25px;
margin-bottom: 9px;
}
.cate-ld-box p,
.third-ld-box p {
font-size: 14px;
line-height: 1.6;   
}
.third-ld-box {
width: 1180px;
margin: 0 auto 34px;
padding: 25px 0 0;
box-sizing: border-box;
}
#pc-smartphone .cate-ld-box::before,
#seikatsu-kaden .cate-ld-box::before,
#av-kaden .cate-ld-box::before,
#camera .cate-ld-box::before,
#game .cate-ld-box::before,
#hobby .cate-ld-box::before,
#car .cate-ld-box::before,
#houseware .cate-ld-box::before,
#food .cate-ld-box::before,
#sports .cate-ld-box::before,
#money .cate-ld-box::before,
#fashion .cate-ld-box::before {
width:72px;
height:72px;
content: '';
position: absolute;
top:0;
left: 0;
background: url(https://img1.kakaku.k-img.com/images/kakakumag/common/cate-ic.svg);
background-size:288px;
}
#pc-smartphone .cate-ld-box::before{
background-position: 0 0;
}
#av-kaden .cate-ld-box::before{
background-position: -72px 0;
}
#seikatsu-kaden .cate-ld-box::before{
background-position: -144px 0;
}
#camera .cate-ld-box::before{
background-position: -216px 0;
}
#game .cate-ld-box::before{
background-position: 0 -72px;
}
#hobby .cate-ld-box::before{
background-position: -72px -72px;
}
#car .cate-ld-box::before{
background-position: -144px -72px;
}
#sports .cate-ld-box::before{
background-position: -216px -72px;
}
#fashion .cate-ld-box::before{
background-position: 0 -144px;
}
#money .cate-ld-box::before{
background-position: -72px -144px;
}
#houseware .cate-ld-box::before{
background-position: -144px -144px;
}
#food .cate-ld-box::before{
background-position: -216px -144px;
}
.marin-tag-head {
font-size: 11px;
font-weight: bold;
color: #000;
margin-bottom: 0px;
}
.tag-parent-box {
margin-bottom: 100px
}
.tag-parent-head {
font-size: 13px;
font-weight: 500;
margin-bottom: 20px;
color: #000;
}
.tag-parent {
overflow: hidden;
margin-bottom: 7px
}
.tag-parent-name {
font-size: 11px;
line-height: 1.4;
font-weight: 500;
margin-bottom: 7px;
color: #000;
}
.tag-parent-list li a {
font-size: 10px;
line-height: 1;
float: left;
margin-right: 5px;
margin-bottom: 5px;
padding: 6px;
color: #000;
border: #dbdbdb solid 1px;
border-radius: 2px;
}
.tag-parent-list li a:hover {
text-decoration: none;
background-color: #fff;
}
.category-article-wrap {
margin-bottom: 80px
}
.category-article-thum {
float: left;
width: 180px;
height: 100px;
overflow: hidden;
}
.category-article-thum img {
width:100%;
height:100%;
object-fit: cover;
box-sizing: border-box;
border-radius: 6px;
}
.category-article-element{
width:515px;
float: right;
}
.category-article-list{
width: 834px;
margin: 33px 0 80px;
overflow: hidden;
background: #fff;
padding: 49px 59px 29px ;
box-sizing: border-box;
}
.category-article-list li{
padding: 0 0 15px;
margin-bottom: 15px;
border-bottom: #ebebeb solid 1px;
overflow: hidden;
}
.category-article-list li:last-child{
border-bottom:none;	
}
.category-article-list li a{
display: block;
transition: 0.2s;
text-decoration: none;
overflow: hidden;
}
.category-article-list li a:hover{
opacity: 0.6;
}
.category-article-title {
font-size: 17px;
font-weight: 700;
line-height: 1.4;
margin: 0 0 6px;
color: #000;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.category-article-text {
font-size: 13px;
line-height: 1.6;
margin-bottom: 12px;
word-break: normal
}
a .category-article-text {
color: #000;
}
.category-article-more {
margin-left: 3px;
white-space: nowrap
}
.category-article-more a {
font-weight: 700;
margin-left: 3px
}
.category-article-timestamp {
font-size: 10px;
height: 12px;
line-height: 12px;
padding: 3px 0 0 18px;
color: #939393;
background: url(https://img1.kakaku.k-img.com/images/kakakumag/pc/date_ic.png) no-repeat center left;
background-size: 12px;
}
/*  ranking-page */
.ranking-filter-wrap {
margin-bottom: 50px;
padding: 0 0 30px;
border-bottom: #c7c7c7 solid 1px;
overflow: hidden;
}
.ranking-filter-term {
margin-bottom: 15px
}
.ranking-filter-term-head {
font-size: 12px;
font-weight:bold;
float: left;
width: 65px;
margin-right: 15px;
padding-top: 3px;
color: #474747
}
.ranking-filter-term-list {
float: left;
width: 635px;
overflow: hidden;	
}
.ranking-filter-term-latest {
float: left;
width: 210px;
margin: 0 10px 10px 0;
}
.ranking-filter-term-latest li:first-child a {
border-left: #dbdbdb solid 1px
}
.ranking-filter-term-latest li a {
font-size: 12px;
line-height: 1;
float: left;
margin-bottom: 7px;
padding: 6px;
color: #000;
border-top: #dbdbdb solid 1px;
border-right: #dbdbdb solid 1px;
border-bottom: #dbdbdb solid 1px
}
.ranking-filter-term-latest li:last-child a {
border-bottom: #dbdbdb solid 1px
}
.ranking-filter-term-latest li a.current, .ranking-filter-term-latest li a:hover {
text-decoration: none;
background-color: #ebebeb
}
.ranking-filter-term-month {
float: left;
width: 210px;
margin-right: 10px
}
.ranking-filter-term-month dt {
font-size: 12px;
float: left;
padding-top: 3px;
padding-right: 6px;
color: #000;
}
.ranking-filter-term-month dt+dd a {
border-left: #dbdbdb solid 1px
}
.ranking-filter-term-month dd a {
font-size: 12px;
line-height: 1;
float: left;
height: 12px;
margin-bottom: 7px;
padding: 6px;
color: #000;
border-top: #dbdbdb solid 1px;
border-right: #dbdbdb solid 1px;
border-bottom: #dbdbdb solid 1px
}
.ranking-filter-term-month-select {
margin-left: 6px
}
.ranking-filter-category-select, .ranking-filter-term-month-select {
font-size: 12px;
height: 26px;
padding: 3px 0 5px;
color: #000;
border: #dbdbdb solid 1px;
background: #fff;
}
.ranking-filter-category-select {
width: 150px
}
.ranking-filter-contents-select {
font-size: 12px;
width: 340px;
height: 26px;
padding: 3px 0 5px;
color: #000;
border: #dbdbdb solid 1px;
background: #fff;
}
.ranking-filter-term-month dd a.current, .ranking-filter-term-month dd a:hover {
text-decoration: none;
background-color: #ebebeb
}
.ranking-filter-term-year {
float: left;
width: 190px
}
.ranking-filter-term-year dt {
font-size: 12px;
float: left;
padding-top: 3px;
padding-right: 6px;
color: #000;
}
.ranking-filter-term-year dt+dd a {
border-left: #dbdbdb solid 1px
}
.ranking-filter-term-year dd a {
font-size: 12px;
line-height: 1;
float: left;
height: 12px;
margin-bottom: 7px;
padding: 6px;
color: #000;
border-top: #dbdbdb solid 1px;
border-right: #dbdbdb solid 1px;
border-bottom: #dbdbdb solid 1px
}
.ranking-filter-term-year-select {
font-size: 12px;
height: 26px;
margin-left: 6px;
padding: 3px 0 5px;
color: #000;
border: #dbdbdb solid 1px;
background: #fff;
}
.ranking-filter-term-year dd a.current, .ranking-filter-term-year dd a:hover {
text-decoration: none;
background-color: #ebebeb
}
.ranking-filter-category {
margin-bottom: 15px
}
.ranking-filter-category:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: '.'
}
.ranking-filter-category-head {
font-size: 12px;
font-weight: 700;
float: left;
width: 65px;
margin-right: 15px;
padding-top: 3px;
color: #474747
}
.ranking-filter-category-list {
float: left;
width: 635px
}
.ranking-filter-category-list:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: '.'
}
.ranking-filter-category-list li a {
font-size: 12px;
line-height: 1;
float: left;
margin-right: 7px;
margin-bottom: 7px;
padding: 6px;
color: #656565;
border: #dbdbdb solid 1px
}
.ranking-filter-category-list li a.current, .ranking-filter-category-list li a:hover {
text-decoration: none;
background-color: #ebebeb
}
.ranking-filter-contents {
margin-bottom: 15px;
overflow: hidden;
}
.ranking-filter-contents-head {
font-size: 12px;
font-weight: 700;
float: left;
width: 65px;
margin-right: 15px;
padding-top: 3px;
color: #474747
}
.ranking-filter-contents-list {
float: left;
width: 635px;
overflow: hidden;
}
.ranking-filter-contents-list li a {
font-size: 12px;
line-height: 1;
float: left;
margin-right: 7px;
margin-bottom: 7px;
padding: 6px;
color: #656565;
border: #dbdbdb solid 1px
}
.ranking-filter-contents-list li a.current, 
.ranking-filter-contents-list li a:hover {
text-decoration: none;
background-color: #ebebeb
}
.ranking-filter-reset {
font-size: 12px;
text-align: right
}
.ranking-filter-reset a {
background: url(https://img1.kakaku.k-img.com/images/kakakumag/pc/ranking-filter-reset.png)no-repeat 0 0;
padding-left: 22px;
min-height: 18px;
line-height: 1.4;
display: inline-block;
color: #000;
}
.ranking-article-wrap {
width: 834px;
margin: 33px 0 80px 10px;
overflow: hidden;
background: #fff;
padding: 49px 59px 49px;
box-sizing: border-box;
}
.ranking-article-head {
font-size: 15px;
font-weight: 700;
margin-bottom: 30px;
color: #000
}
.ranking-article-head span {
font-size: 12px;
font-weight: 400;
margin-left: 5px;
color: #a4a4a4
}
.ranking-article-list li {
position: relative;
padding: 0 0 17px;
margin-bottom: 17px;
border-bottom: #ebebeb solid 1px;
line-height: 0;
transition: 0.2s;
}
.ranking-article-list li a {
display: block;
}
.ranking-article-list li:hover {
  opacity:0.6;
}
.ranking-article-list li:last-child {
margin-bottom: 15px;
padding-bottom: 0;
border-bottom: 0
}
.ranking-article-list li:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: '.'
}
.ranking-article-number {
font-size: 16px;
width:28px;
height:28px;
line-height: 30px;
font-weight: bold;
position: absolute;
top: -5px;
left:-5px;
text-align: center;
color: #fff;
background-color: #000;
border-radius: 50px;
z-index: 50;
}
.ranking-article-number.first{
color: #fff;	
border: 1px solid #b89a00;
background: rgb(156,124,0);
background: linear-gradient(306deg, rgba(156,124,0,1) 0%, rgba(211,168,0,1) 100%);
}
.ranking-article-number.second{
color: #fff;	
border: 1px solid #7b7a7a;
background: rgb(99,99,99);
background: linear-gradient(306deg, rgba(99,99,99,1) 0%, rgba(149,149,149,1) 100%);
}
.ranking-article-number.third{
color: #fff;	
border: 1px solid #c96d14;
background: rgb(172,85,37);
background: linear-gradient(306deg, rgba(172,85,37,1) 0%, rgba(217,139,88,1) 100%);
}
.ranking-article-thum {
float: left;
width: 180px;
height: 100px;
overflow: hidden;
position: relative
}
.ranking-article-thum img {
width: 100%;
height:100%;
object-fit: cover;
z-index: 1;
box-sizing: border-box;
border-radius: 6px;
}
.ranking-article-element {
width: 515px;
float: right;
}
.ranking-article-title {
font-size: 17px;
font-weight: 700;
line-height: 1.4;
margin: 0 0 6px;
color: #000;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ranking-article-text {
font-size: 13px;
line-height: 1.6;
margin-bottom: 12px;
word-break: normal;
}
a .ranking-article-text {
color: #000;
}
.ranking-article-more {
margin-left: 3px;
white-space: nowrap
}
.ranking-article-more a {
font-weight: 700;
margin-left: 3px
}
.ranking-article-timestamp {
font-size: 10px;
height: 12px;
line-height: 12px;
padding: 3px 0 0 18px;
color: #939393;
background: url(https://img1.kakaku.k-img.com/images/kakakumag/pc/date_ic.png) no-repeat center left;
background-size: 12px;
}
.ranking-article-count:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: '.'
}
.ranking-article-count {
float: left
}
.ranking-article-access {
float: right;
color: #a7a7a7;
font-size: 12px
}
.ranking-article-access span {
color: #f45a37;
font-weight: 700;
padding-left: 15px
}

/*  article-tag */
.article-tag {
margin-top: 20px;
margin-bottom: 20px;
padding-top: 40px;
border-top: #ebebeb solid 3px;
overflow: hidden;
}
.article-tag a.article-tag-words{
font-size:14px;
padding:7px 10px 6px;
display:inline-block;
color: #009ac8;
border: #009ac8 solid 1px;
border-radius: 50px;
background: #fff;
text-decoration: none;
transition: 0.2s;
float: left;
margin: 0 9px 10px 0;
max-width: 100%;
}
_:-ms-input-placeholder, :root .article-tag a.article-tag-words {
padding:9px 10px 4px;
}
.article-tag a.article-tag-words:hover{
color: #fff;
border: #08b1e2 solid 1px;
border-radius: 50px;
background: #08b1e2;
}
.article-type {
color: #656565;
font-weight: bold;
display: block;
font-size: 12px;
line-height: 1.2;
}
.article-type a {
color: #000;
}
.article-catch {
font-size: 18px;
line-height: 1.3;
margin: 20px 0 13px;
font-weight: bold;
}
.article-type + .article-title{
margin-top:15px;
}
.article-title {
font-size:30px;
line-height: 1.3;
margin-bottom: 22px;
color: #2e2e2e;
font-weight: bold;
}
.article-info {
margin-bottom: 30px;
overflow: hidden;
}
.article-writer{
width: 580px;
}
.article-writer li{
font-size: 13px;
line-height: 1.0;
float: left;	
margin-right: 20px;
}
.article-writer a{
color: #000;
transition: 0.3s;
text-decoration: none;
}
.article-writer a:hover{
opacity: 0.6;
}
.article-ic-writer{
padding: 0 10px;
height: 17px;
line-height: 17px;
background: #f1f1f1;
color: #000;
text-align: center;
border-radius: 50px;
font-size: 9px;
display: inline-block;
margin-right: 8px;
border: 1px solid #e3e3e3;
box-sizing: border-box;
}
.article-timestamp {
float:right;
padding: 4px 0 0 18px;
font-size: 10px;
height: 12px;
line-height: 12px;
color: #939393;
background: url(https://img1.kakaku.k-img.com/images/kakakumag/pc/date_ic.png) no-repeat center left;
background-size: 12px;
}
.article-timestamp_update {
font-size: 16px;
margin-top: 45px;
}
.article-itemvew-head {
font-size: 13px;
margin-bottom: 10px;
color: #a9a9a9
}
.article-itemvew-box {
  margin-bottom: 70px
}
.disclaimer {
  margin-bottom: 50px
}
.disclaimer-title {
  font-size: 12px;
  margin-bottom: 5px;
  color: #666
}
.disclaimer li {
  font-size: 11px;
  line-height: 1.7;
  color: #666
}
/* 免責文言追加★20250620 */
.disclaimer-affi {
font-size: 11px;
line-height: 1.7;
color: #939393;
text-align: right;
margin: -20px auto 25px;
}
.disclaimer-affi-amazon {
font-size: 11px;
line-height: 1.7;
color: #666;
margin: 50px auto;
}
/* ----★---- */
.OUTBRAIN {
  margin: 50px 0
}
.article-sns-box {
width: 520px;
margin: 0 auto 110px;
box-sizing: border-box;
}
.article-twitter-box {
width: 520px;
height: 358px;
overflow: hidden;
border-bottom: 1px solid #cfd9de;
}
.article-credit {
margin: 70px auto 70px;
overflow: hidden;
width: 715px;
}
.article-credit-thum {
width: 60px;
}
.article-credit-thum img {
width: 60px;
border-radius: 50%;
}
.article-credit-element {
  width: 640px
}
.article-credit-in{
color: #000;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 6px;
}
.article-credit a {
display: block;
transition: 0.3s;
text-decoration: none;
color: #000;
}
.article-credit a:hover{
opacity: 0.6;
}
.article-credit-element dt {
  font-size: 13px;
  line-height: 1.0;
  margin-bottom: 10px;
}
.article-credit-element dd {
  font-size: 12px;
  line-height: 1.5;
}
.article-credit a .tolist{
font-size: 12px;
height: 13px;
line-height: 15px;
position: relative;
text-align: right;
text-decoration: underline!important;
background: url("https://img1.kakaku.k-img.com/images/kakakumag/common/arrow_writer.svg") no-repeat center right;
background-size: 13px;
padding-right: 17px;
padding-bottom: 1px;
}
.article-credit a + a{
margin-top: 13px;
}
.article-credit-intro {
width:100%;
margin-bottom:50px;
border: 1px solid #dfdfdf;
padding: 37px  37px  40px;
border-radius: 5px;
box-sizing: border-box;
color: #2e2e2e;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.article-credit-intro-thum {
float: left;
width: 70px;
}
.article-credit-intro-thum img {
  width: 70px;
border-radius:50%;
}
.article-credit-intro-element {
width: 550px;
color: #333;
}
.article-credit-intro-writer {
font-size: 15px;
margin-bottom: 10px;
font-weight: bold;
}
.article-credit-intro-writer img {
  width: 70px
}
.article-credit-intro-text {
font-size: 13px;
line-height: 1.6;
}
.backnumber-article-wrap {
width: 834px;
margin: 33px 0 80px 10px;
overflow: hidden;
background: #fff;
padding: 49px 59px 29px;
box-sizing: border-box;
}
.backnumber-article-head {
    font-size: 14px;
    font-weight:bold;
    margin-bottom: 20px;
    color: #2e2e2e;
}
.backnumber-article-list li a{
display: block;
}
.backnumber-article-list li {
display: block;
transition: 0.2s;
text-decoration: none;
overflow: hidden;
}
.backnumber-article-list li {
padding: 0 0 15px;
margin-bottom: 15px;
border-bottom: #ebebeb solid 1px;	
}
.backnumber-article-list li:last-child {
border-bottom: none;	
}
.backnumber-article-list li:hover {
opacity: 0.6;
}
.backnumber-article-thum {
float: left;
width: 180px;
height: 100px;
overflow: hidden;
position: relative
}
.backnumber-article-thum img {
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
box-sizing: border-box;
border-radius: 6px;
}
.backnumber-article-element {
    width: 515px;
    float: right;
}
.backnumber-article-title {
font-size: 17px;
font-weight: 700;
line-height: 1.4;
margin: 0 0 6px;
color: #000;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
a .backnumber-article-text {
  color: #000;
}
.backnumber-article-text {
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 12px;
  word-break: normal
}
.backnumber-article-more {
  margin-left: 3px;
  white-space: nowrap
}
.backnumber-article-more a {
  font-weight: 700;
  margin-left: 3px
}
.backnumber-article-timestamp {
font-size: 10px;
height: 12px;
line-height: 12px;
padding: 3px 0 0 18px;
color: #939393;
background: url(https://img1.kakaku.k-img.com/images/kakakumag/pc/date_ic.png) no-repeat center left;
background-size: 12px;
}
.info-head-tag {
  margin-right: 15px
}
.info-head-keywords {
  font-weight: 700;
  margin-right: 15px
}
.info-count-range {
  font-size: 15px;
  margin-right: 3px
}
.info-count-part {
  font-size: 12px;
  margin: 0 3px;
  color: #b4b4b4
}
.info-count-total {
  font-size: 15px;
  margin: 0 3px;
  color: #929191;
}
#lbOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: #000;
 z-index: 200;
}
#lbBottomContainer, #lbCenter {
  position: absolute;
  overflow: hidden;
  background-color: #fff;
 z-index: 300;
}
.lbLoading {
  background: #fff url(https://kakakumag.com/images/mag/slimbox-loading.gif)no-repeat center
}
#lbImage {
  position: absolute;
  top: 0;
  left: 0;
  border: 10px solid #fff;
  background-repeat: no-repeat;
 z-index: 300;
}
#lbNextLink, #lbPrevLink {
  position: absolute;
  top: 0;
  display: block;
  width: 50%;
  outline: 0;
  z-index: 500;
}
#lbPrevLink {
  left: 0;
  z-index: 500;
}
#lbPrevLink:hover {
  background: url(https://kakakumag.com/images/mag/slimbox-prev.png)no-repeat 0 50%;
}
#lbNextLink {
  right: 0;
  z-index: 500;
}
#lbNextLink:hover {
  background: url(https://kakakumag.com/images/mag/slimbox-next.png)no-repeat 100% 50%;
}
#lbBottom {
  text-align: left;
  color: #2e2e2e;
  border: 10px solid #fff;
  border-top-style: none;
}
#lbCloseLink {
  display: block;
  float: right;
  width: 17px;
  height: 22px;
  margin: 5px 0;
  outline: 0;
  background: url(https://kakakumag.com/images/mag/slimbox-close.png)no-repeat 0 0;
}
#lbCaption, #lbNumber {
  font-size: 10px;
  margin-right: 71px
}
#lbCaption {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 10px;
  padding-right: 10px
}
.err-wrap {
  width: 660px;
  height: 550px;
  margin: 80px auto 0;
}
.err-title {
  font-size: 36px;
  margin-bottom: 40px
}
.err-text, .err-title {
  line-height: 2;
  text-align: center
}
.err-text {
  margin-bottom: 60px;
  color: #2e2e2e
}
.err-search {
  width: 310px;
  margin: 0 auto !important;
  padding: 10px 23px;
  border: 1px solid #d8d8d8;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px
}
.err-search:after {
  display: block;
  visibility: hidden;
  clear: both;
  overflow: hidden;
  height: 0;
  content: '.'
}
.err-search input[type='text'].err-search-box {
  font-size: 12px;
  width: 282px;
  color: #2e2e2e;
  border: 0;
  outline: 0
}
.err-search-submit {
  float: right;
  width: 13px;
  height: 13px;
  margin: 3px 0 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  background: url(https://kakakumag.com/images/mag/icon-search.png)no-repeat 0 0
}

/* pr-icon */
.hl-slider .pr-icon {
  font-size:18px;
  vertical-align:2px;
  display: inline-block;
 margin-right:4px;
}
.cts-wrap .pr-icon {
  font-size: 11px;
  vertical-align:2px;
  display: inline-block;
  margin-right: 3px;
}
.mov-cts-l .pr-icon {
  font-size: 11px;
  vertical-align:1px;
  display: inline-block;
  margin-right: 3px;
}
.mov-cts-s .pr-icon {
  font-size: 9px;
  vertical-align:1px;
  display: inline-block;
  margin-right: 3px;
}
.slct-cts .pr-icon {
  font-size:12px;
  vertical-align:1px;
  display: inline-block;
  margin-right: 3px;
}
.backnumber-article-title .pr-icon, 
.category-article-title .pr-icon, 
.ranking-article-title .pr-icon, 
.result-article-title .pr-icon {
  font-size: 11px;
  vertical-align:3px;
  display: inline-block;
  margin-right: 3px;
}
.article-sns-top {
  margin: 5px 0 20px
}
.article-sns-btm {
  margin: 0 0 40px
}
.article-sns-list {
display: flex;
flex-wrap: wrap;
  height: 80px;
}
.article-sns-list li {
  margin-left: 6px;
}
.article-sns-list li:first-child {
  margin-left: 0
}
.article-sns-list li.sns-facebook a, .article-sns-list li.sns-hatena a, .article-sns-list li.sns-line a, .article-sns-list li.sns-twitter a {
  width: 149px;
  border-radius: 3px
}
.article-sns-list .sns-facebook-like {
  width: 95px;
}
.article-sns-list .sns-twitter a {
background: #000 url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_x.svg") no-repeat center center;
background-size: auto 38px ;
}
.article-sns-list .sns-hatena a {
background: #00a4de url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_hatena_acl.svg") no-repeat center center;
background-size: auto 18px ;
}
.article-sns-list .sns-line a {
background: #2cbf13 url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_line_acl.svg") no-repeat center center;
background-size: auto 22px ;
}
.article-sns-list .sns-facebook a {
background: #3b5999 url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_facebook_acl.svg") no-repeat center center;
background-size: auto 21px ;
}
.article-sns-list li a{
  display: block;
  height: 40px;
}
.article-sns-list li a span {
  display: none
}

/* present */
.present-article-type {
display: none;
}
.present-article-catch {
  font-size: 21px;
  line-height: 1.2;
  margin: 0 0 10px
}
.present-article-title {
  margin-bottom: 5px
}
.present-article-title, .present-date {
  font-size: 32px;
  line-height: 1.4;
  color: #2e2e2e;
  font-weight: bold;
}
.present-date {
  margin-bottom: 20px
}
p.present-lead {
  line-height: 1.8;
  margin-bottom: 20px !important
}
.article-present .line-box {
  width: 715px;
  margin: 0 auto 30px
}
.article-present .oth-box {
  margin: 0 auto 30px
}
.line-box + .present-box,
.oth-box + .present-box{
    margin-top: 60px;
}
.article-present .line-box img,
.article-present .oth-box img {
  width: 715px !important
}
.article-present .line-box .sp,
.article-present .oth-box .sp{
  display: none
}
.comingsoon-wrap {
width: 885pt;
margin: 40px auto;
background: #fff;
padding: 90px 0 190px;
}
#comingsoon .footer-main{
border: none;
}
#comingsoon .container-inner{
margin-bottom:0;
}
#comingsoon .container-inner{
padding-bottom: 0;
}
#comingsoon .footer-inner {
padding-top: 0;
}
#comingsoon input:-webkit-autofill{
box-shadow: 0 0 0px 1000px #ffff inset;
}
.comingsoon-title {
  font-size: 36px;
  line-height: 2;
  margin-bottom: 40px;
  text-align: center
}
.comingsoon-text {
  line-height: 2;
  margin-bottom: 60px;
  text-align: center;
  color: #2e2e2e;
}
.comingsoon-search {
  width: 310px;
  margin: 0 auto !important;
  padding: 10px 23px;
  border: 1px solid #d8d8d8;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px
}
.comingsoon-search:after {
  display: block;
  visibility: hidden;
  clear: both;
  overflow: hidden;
  height: 0;
  content: '.'
}
.comingsoon-search input[type='text'].comingsoon-search-box {
  font-size: 12px;
  width: 282px;
  color: #2e2e2e;
  border: 0;
  outline: 0
}
.comingsoon-search-submit {
  float: right;
  width: 13px;
  height: 13px;
  margin: 3px 0 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  background: url(https://kakakumag.com/images/mag/icon-search.png)no-repeat 0 0
}
.present-box {
  margin-bottom: 70px
}
p+.article-sns-top {
  margin-top: 40px
}
.article-edit .present-box img
.present-box h2.present-title {
  font-size: 28px;
  line-height: 1.4;
  margin: 0 0 25px;
  padding-top: 10px;
  font-weight: 700;
  display: block;
  color: #2e2e2e;
  border-bottom: none;
  word-break: break-all
}
.present-box h2.present-title .present-maker {
  display: block;
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 6px
}
.present-box h2.present-title .present-catch {
  display: block;
  font-size: 20px;
  line-height: 1.5;
  margin: 10px 0 0;
  font-weight: 700
}
.article-present p {
  margin-bottom: 20px
}
.item-description {
  padding-bottom: 10px
}
.article-edit .item-description p {
  margin-bottom: 15px
}
img+.item-description {
  margin-top: 35px
}
.present-spec-box {
  margin: 0 auto 30px;
  padding: 25px;
  background: #f7f7f7
}
.present-spec-box p {
  font-size: 13px !important;
  line-height: 1.75!important;
  margin-bottom: 0 !important
}
.note {
  padding: 30px 30px 10px;
  border: 1px solid #cdcccc;
  margin-bottom: 60px
}
.note-title {
  font-size: 18px;
  margin-bottom: 25px;
  text-align: center
}
.note-title, .note-title-s {
  color: #666;
  font-weight: 700
}
.note-title-s {
  font-size: 13px;
  margin-bottom: 10px;
  border-left: 5px solid #ccc;
  padding-left: 10px
}
.article-present ul {
  margin-bottom: 25px
}
.note li {
  font-size: 12px;
  line-height: 1.7;
  color: #666;
  margin-bottom: 2px
}
.present-box+#present-btn {
  margin-top: 50px
}
#present-btn {
  padding-top: 60px;
  border-top: #ddd solid 1px
}
#present-btn a {
  position: relative;
    background: #C93E00;
    border-bottom: #BC3B01 solid 1px;
  display: block;
  text-align: center;
  font-weight: 700;
  line-height: 1.2;
  font-size: 18px;
  padding: 19px 15px 18px;
  width: 640px;
  cursor: pointer;
  margin: 0 auto 60px;
  text-decoration: none;
  box-sizing: border-box;
  color: #fff;
  border-radius: 5px;
  letter-spacing: 2px
}
#present-btn a:hover {
  opacity:0.6;
}
.external-link {
  padding: 10px 0 0
}
.external-link p {
  margin-bottom: 10px !important;
  line-height: 1.4
}
.external-link a{
color: #1345a0;
}
.external-link a:hover{
text-decoration: underline;
}
.to-application {
  font-size: 12px
}
.new-feature {
margin-bottom: 60px;
box-sizing: border-box;
margin-left: 10px;
}
.new-feature-head {
  font-size: 13px;
  font-weight: 400;
  color: #2e2e2e
}
.new-feature-head, .new-feature-list {
  margin-bottom: 15px
}
.new-feature-list li a {
  padding: 8px 0 4px;
  display: block
}
.new-feature-list li a:hover {
opacity:0.6;
text-decoration: none;
}
.new-feature-title {
font-size: 13px;
font-weight: 700;
line-height: 1.5;
}
.new-feature-list a .new-feature-title{
color: #000;		
}
.new-feature-more {
  font-size: 12px;
  font-weight: 400;
  color: #2e2e2e;
  text-align: right;
  margin-bottom: 50px
}
.new-feature-more a:after {
  content: '\00a0\00a0＞'
}

/* popular category */
.tag-cts-wrap {
padding: 0 17px;
margin-bottom: 60px;
}
.tag-cts-wrap .tag-parent-box{
margin-left: 0!important;
}
.tag-box-list {
overflow: hidden;
margin-bottom: 80px;
}
.tag-box-list li a {
font-size: 11px;
height: 22px;
line-height: 22px;
float: left;
margin-right: 15px;
margin-bottom: 15px;
padding: 0 6px;
color: #000;
background: #e0e0e0;
border: 1px solid #D8D8D8;
text-decoration: none;
transition: 0.2s;
border-radius: 3px;
}
_:-ms-input-placeholder, :root .tag-box-list li a {
line-height: 24px;
}
.tag-box-list li a:hover {
text-decoration: none;
background-color: #fff;
border: 1px solid #D1D1D1;
color: #000;
}
.tag-parent-box {
margin:0 0 80px 10px;
width: 100%;
box-sizing: border-box;
}
.tag-parent-head {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 20px;
  color: #000;
}
.tag-parent {
overflow: hidden;
margin-bottom: 5px
}
.tag-parent-name {
font-size: 11px;
line-height: 1.4;
font-weight: 700;
margin-bottom:7px;
color: #000;
display: block;
}
.tag-parent-list li a {
font-size: 11px;
height: 22px;
line-height: 22px;
float: left;
margin-right: 15px;
margin-bottom: 15px;
padding: 0 6px;
color: #000;
background: #e0e0e0;
border: 1px solid #D8D8D8;
text-decoration: none;
transition: 0.2s;
border-radius: 3px;
}
_:-ms-input-placeholder, :root .tag-parent-list li a{
line-height: 24px;
}
.tag-parent-list li a:hover  {
text-decoration: none;
background-color: #fff;
border: 1px solid #D1D1D1;
color: #000;
}

/* top-movie*/
.container-main-mov .category-article-wrap{
padding: 59px;
}
.feature-mov {
  width: 715px;
  padding: 0 0 10px;
  margin-bottom:53px;
}
.feature-mov-list {
    overflow: hidden;
}
.container-main-mov .category-article-head{
display: none;
}
.feature-mov-head{
    font-size: 23px;
    line-height: 1.0;
    padding-top: 3px;
    font-weight: bold;
    color: #101010;
    margin-bottom: 25px;
    border-left: 5px solid #00b9eb;
    padding-left: 10px;
} 
.feature-mov-head span{
    font-size: 16px;
    line-height: 1.0;
    font-weight: bold;
    color: #101010;
    margin-bottom: 20px;
    padding-left: 5px;
}
.feature-mov-list li {
  margin-right: 35px;
  width: 340px;
  float: left;
  box-sizing: border-box;
}
.feature-mov-list li:nth-of-type(2) {
  margin-right: 0;
  width: 340px;
  float: left;
  box-sizing: border-box;
}
.feature-mov-list li a{
  display: block;
  text-decoration: none;
}
.feature-mov-thumb {
width: 340px;
height: 178px;
position: relative;
margin-bottom: 15px;
overflow: hidden;
cursor: pointer;
border-radius: 10px;
}
.feature-mov-list li a .feature-mov-thumb img {
display: block;
transform: rotate(0.0001deg);
outline: 1px solid transparent;
opacity:1;
transition-duration: 0.2s;
width:100%;
height:100%;
object-fit: cover;
}
.feature-mov-list li a:hover .feature-mov-thumb img{
transform: scale(1.1);
opacity:0.6;
}
.feature-mov-list li a:hover .feature-mov-thumb{
background: #000;
}
.feature-mov-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.7;
    color: #000;
    margin-bottom: 10px;
    padding-bottom: 9px;
    border-bottom: 1px solid #e5e5e5;
     height:85px;
    overflow: hidden;
}
.feature-mov-info{
    overflow: hidden;
}
.feature-mov-category {
    float: left;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    color: #db6251;
}
.feature-mov-date {
float: right;
text-align: right;
font-size: 10px;
height: 12px;
line-height: 12px;
padding:3px 0 0 17px;
margin-left: 15px;
color: #939393;
background: url(https://img1.kakaku.k-img.com/images/kakakumag/pc/date_ic.png) no-repeat center left;
background-size: 12px;
}
.feature-mov-summary {
    font-size: 12px;
    line-height: 1.6;
    color: #434343;
}
.feature-mov-thumb::after {
    content: '';
    display: inline-block;
    width: 69px;
    height: 69px;
    background-image: url(https://img1.kakaku.k-img.com/images/kakakumag/pc/mov_arrow.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

/* new-mov-review */
.new-mov-review {
  width: 715px;
  padding: 0;
margin: 0 auto;
} 
.new-mov-review-head {
    font-size: 23px;
    line-height: 1.0;
    padding-top: 3px;
    font-weight: bold;
    color: #101010;
    margin-bottom: 25px;
    border-left: 5px solid #00b9eb;
    padding-left: 10px;
}
.new-mov-review-head span{
    font-size: 16px;
    line-height: 1.0;
    font-weight: bold;
    color: #101010;
    margin-bottom: 20px;
    padding-left: 5px;
}
.new-mov-review-list {
    width: 715px;
    padding-bottom: 15px;
    overflow: hidden;
}
.new-mov-review-list li {
    float: left;
    width: 220px;
    margin-bottom: 35px;
    margin-right: 27px;
}
.new-mov-review-list li:nth-child(3n) {
    float: left;
    width: 220px;
    margin-bottom: 30px;
    margin-right: 0;
}
.new-mov-review-thumb {
width: 220px;
height: 116px;
position: relative;
margin-bottom: 13px;
overflow: hidden;
cursor: pointer;
border-radius: 8px;
}
.new-mov-review-list li a .new-mov-review-thumb img{
display: block;
transform: rotate(0.0001deg);
outline: 1px solid transparent;
opacity:1;
transition-duration: 0.2s;
width:100%;
height:100%;
object-fit: cover;
}
.new-mov-review-list li a:hover .new-mov-review-thumb img{
transform: scale(1.1);
opacity:0.6;
}
.new-mov-review-list li a:hover .new-mov-review-thumb{
background: #000;
}
.new-mov-review-thumb::after {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(https://img1.kakaku.k-img.com/images/kakakumag/pc/mov_arrow.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.new-mov-review-info {
    overflow: hidden;
    margin-top: 11px;
    padding-top: 10px;
    border-top: 1px solid #e5e5e5;
}
.new-mov-review-ctname {
    float: left;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    color: #db6251;
}
.new-mov-review-date {
float: right;
text-align: right;
font-size: 10px;
height: 12px;
line-height: 12px;
padding:3px 0 0 17px;
margin-left: 15px;
color: #939393;
background: url(https://img1.kakaku.k-img.com/images/kakakumag/pc/date_ic.png) no-repeat center left;
background-size: 12px;
}
.new-mov-review-list li a{
  display: block;
  text-decoration: none;
}
.new-mov-review-title {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.6;
    color: #000;
    height:60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: break-all;
}
.new-mov-review-more {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 80px;
}
.new-mov-review-more a {
    display: block;
    width: 220px;
    color: #000;
    text-decoration: none;
    text-align: center;
    border-radius: 40px;
    font-size: 14px;
    line-height: 46px;
    height: 44px;
    border: 2px solid #444444;
    margin: 0 auto;
    position: relative;
    padding-left: 5px;
    transition: all  0.2s ease;
}
.new-mov-review-more a::before {
    content: '＋';
    display: block;
    position: absolute;
    top: 0;
    left: 18px;
    color:#000; 
    font-size: 20px;
    z-index: 2;
}
.new-mov-review-more a:hover {
    border: 2px solid #444444;
    color: #fff;
    background: #444444;
}
.new-mov-review-more a:hover::before{
    content: '＋';
    display: block;
    position: absolute;
    top: 0;
    left: 18px;
    color:#fff; 
    font-size: 20px;
    z-index: 2;
}
#infiniteScrollLoadingBox {
    text-align: center;
}
.more-load-icon {
    margin-bottom: 30px;
}
.new-mov-review + .new-mov-category {
    margin-top: 37px;
}

/* new-mov-category */
.new-mov-category {
  width: 715px;
  padding: 25px 0 0;
  background: #f7f7f7;
  margin:0 auto 3px;
}
.new-mov-category-list {
    width: 715px;
    padding: 0 20px;
    overflow: hidden;
  margin:0 auto;
}
.new-mov-category-head {
    font-size: 16px;
    line-height: 1.0;
    font-weight: bold;
    color: #101010;
    margin: 0 0 20px 20px;
    border-left: 4px solid #00b9eb;
    padding-left: 15px;
} 
.new-mov-category-list li {
    float: left;
    width: 210px;
    margin: 0 22px 25px 0;
}
.new-mov-category-list li:nth-child(3n) {
    margin: 0 0 25px 0;
}
.new-mov-category-thumb {
    width: 210px;
    height: 110px;
    position: relative;
    display: block;
    margin-bottom: 13px;
    overflow: hidden;
    cursor: pointer;
border-radius: 8px;
}
.new-mov-category-thumb img{
display: block;
transform: rotate(0.0001deg);
outline: 1px solid transparent;
opacity:1;
transition-duration: 0.2s;
width:100%;
height:100%;
object-fit: cover;
}
.new-mov-category-list li a:hover .new-mov-category-thumb img{
transform: scale(1.1);
opacity:0.6;
}
.new-mov-category-thumb:after{
    content: "";
    position: absolute; left: 0px; top: 0px;
    display: block;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.05)),to(rgba(0,0,0,.2)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0.05),rgba(0,0,0,.2));
    background: -moz-linear-gradient(top,rgba(0,0,0,0.05),rgba(0,0,0,.2));
    background: -ms-linear-gradient(top,rgba(0,0,0,0.05),rgba(0,0,0,.2));
    background: -o-linear-gradient(top,rgba(0,0,0,0.05),rgba(0,0,0,.2));
    width: 100%;
    height: 100%;
    transition-duration: 0.6s;
}
.new-mov-category-list li a:hover .new-mov-category-thumb{
background: #000;
}
.new-mov-category-list li a .new-mov-category-thumb img {
    width: 100%;
    transition-duration: 0.4s;
    display: block;
    transform: rotate(0.0001deg);
    outline: 1px solid transparent;
}
.new-mov-category-thumb::after {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(https://img1.kakaku.k-img.com/images/kakakumag/pc/mov_arrow.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.new-mov-category-list li a{
  display: block;
  text-decoration: none;
}
.new-mov-category-title {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.6;
    color: #000;
}
.article-latest-head {
  font-size: 13px;
  margin-bottom: 10px;
  color: #a9a9a9
}
.article-latest {
  margin: 20px 0
}
.article-latest li+li {
  margin-top: 5px
}
.article-latest li {
  line-height: 1.3;
  padding-left: 1em;
  text-indent: -1em
}
.article-latest li a {
  font-size: 13px;
  text-decoration: none
}
.article-latest li a:hover {
  text-decoration: underline
}
.article-latest li:before {
  font-size: 13px;
  margin-right: 3px;
  content: '・';
  color: #b4b4b4
}
.article-relate-head {
  font-size: 13px;
  color: #2e2e2e;
display: none;
}

/* logly */
#logly-lift-4284309 #logly-lift-widget-content{
width: 824px!important;
padding-left: 10px;
}
.article-relate-list {
overflow: hidden!important;
}
#logly-lift-4284309 .logly-lift-ad-title {
max-height: 50px!important;
overflow: hidden!important;
font-size: 13px!important;
font-weight:bold!important;
line-height: 1.3!important;
color: #000!important;
padding-top:3px!important;
}
#logly-lift-4284309 .article-relate-thum img {
width: 100%!important;
height: 100%!important;
object-fit: cover!important;
z-index: 1!important;
box-sizing: border-box!important;
}
#logly-lift-4284309 .article-relate-title {
max-height: 50px!important;
overflow: hidden!important;
font-size: 13px!important;
font-weight:bold!important;
line-height: 1.3!important;
color: #000!important;
padding-top:3px!important;
}
#logly-lift-4284309 .logly-lift-ad-adv{
padding-top: 5px!important;
}
#logly-lift-4284309 .logly-lift-credit2 a {
margin-bottom: 50px!important;
}
#logly-lift-4284309 .logly-lift-ad a,
#logly-lift-4284309 li a{
transition: 0.3s!important;
}
#logly-lift-4284309 .logly-lift-ad a:hover,
#logly-lift-4284309 li a:hover {
opacity: 0.6!important;
}
#logly-lift-4284309 .logly-lift-ad a:hover .logly-lift-ad-title{
text-decoration:none!important;
}
#logly-lift-toaster .logly-lift-credit2, #logly-lift-4284309 .logly-lift-credit2{
margin-bottom: 70px!important;
}
.leadBox {
    padding-bottom: 15px;
}

/* 求人ボックス枠 */
#kyujinbox {
	margin: 0 auto 70px;
	padding: 0 5px 0 15px;
}
#kyujinbox li + li {
	margin-top: 10px;
}
#kyujinbox li a {
	display: block;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #ddd;
	color: #333;
	padding: 19px 27px 17px;
	transition: all ease .3s;
}
#kyujinbox li a:hover {
	opacity: .6;
	text-decoration: none;
}
#kyujinbox li a p {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
#kyujinbox li a dl {
	font-size: 13px;
}
#kyujinbox li a dt {
	height: 1.6em;
	margin: 6px auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#kyujinbox li a dd {
	display: inline-block;
	max-width: 30%;
	height: 18px;
	padding-left: 23px;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#kyujinbox li a dd + dd {
	margin-left: 25px;
}
#kyujinbox li a dd:nth-of-type(1) {
	background: url(https://img1.kakaku.k-img.com/images/kakakumag/common/ic_kyujinbox.png) no-repeat 0 1px;
	background-size: 18px;
}
#kyujinbox li a dd:nth-of-type(2) {
	background: url(https://img1.kakaku.k-img.com/images/kakakumag/common/ic_kyujinbox.png) no-repeat 0 -26px;
	background-size: 18px;
}
#kyujinbox li a dd:nth-of-type(3) {
	background: url(https://img1.kakaku.k-img.com/images/kakakumag/common/ic_kyujinbox.png) no-repeat 0 -53px;
	background-size: 18px;
}
#kyujinbox .credit {
	text-align: right;
	font-size: 11px;
	color: #999;
	margin-top: 15px;
}
#kyujinbox .credit a.kyujinbox-logo {
	display: inline-block;
	width: 80px;
	height: 15px;
	background: url(https://img1.kakaku.k-img.com/images/kakakumag/common/logo_kyujinbox.svg) no-repeat 0 0;
	background-size: contain;
	font-size: 0;
	text-indent: -999em;
	vertical-align: top;
	margin-left: 5px;
}

/* editor-list*/
.editor-list-wrap{
padding-left: 10px;
box-sizing: border-box;	
}
.editor-box-wrap {
 margin: 12px 0 80px;
 display: flex;
 flex-wrap: wrap;
 width: 100%;
box-sizing: border-box;
}
.editor-list-head {
display: none;
}
.rollover{
font-size: 12px;
color: #aaa;
text-align: right;
	padding-right: 20px;
}
.editor-box {
background: #fff;
box-sizing: border-box;
width: 400px;
border-radius: 5px;
white-space: normal;
text-decoration: none;
color: #333;
margin-bottom: 16px;
border: 1px solid #dfdfdf;
position: relative;
z-index: 1;
}
.editor-box:nth-child(odd){
margin-right: 16px;
}
.editor-pf a{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
color:#333!important;
text-decoration:none;
padding:25px 25px 20px;
width: 100%;
box-sizing: border-box;
}
.editor-box a::after {
content: "";
display: inline-block;
position: absolute;
width: 7px;
height: 7px;
right:23px;
top:calc((100% - 8px) /2)  ;
transform: rotate(-45deg);
border-bottom: 2px solid #C4C3C3;
border-right: 2px solid #C4C3C3;
z-index: 10;
}
.editor-thum {
width: 70px;
height: 70px;
margin-right: 20px;
}
.editor-thum img {
 width: 70px;
height: 70px;
transition: 0.2s;
border-radius: 50px;
}
.editor-box-element {
width:240px;
color: #333;
}
.editor-box-text {
  font-size: 13px;
  line-height: 1.6;
}
.editor-box a {
text-decoration: none;
transition: 0.2s;
}
.editor-box a:hover{
opacity: 0.6;
}
.editor-name {
font-size: 15px;
line-height: 1.2;
margin-bottom: 12px;
font-weight: bold;
}
.editor-date{
font-size: 11px;
line-height: 1.2;
margin-bottom:8px;
color: #939393;
}
.editor-sns{
display: flex;
flex-wrap: wrap;
padding:0 0 25px 115px;
}
.editor-sns li{
width: 26px;
height: 26px;
margin-right:7px;
text-indent: -999em;
font-size: 0;
}
.editor-sns li a{
width: 26px;
height: 26px;
display: block;
}
.editor-sns .pf-ic-x a{
background: url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_x.svg")no-repeat top left;
}
.editor-sns .pf-ic-instagram a{
background: url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_instagram.svg") no-repeat top left;
}
.editor-sns .pf-ic-facebook a{
background: url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_facebook-br.svg")no-repeat top left;
}
.editor-sns .pf-ic-youtube a{
background: url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_youtube.svg")no-repeat top left;
}
.editor-sns .pf-ic-note a{
background: url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_note.svg")no-repeat top left;
}
.editor-sns .pf-ic-tiktok a{
background: url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_tiktok.svg")no-repeat top left;
}
.editor-sns .pf-ic-hp a{
background: url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_hp.svg")no-repeat top left;
}
.editor-sns .pf-ic-other a{
background: url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_other.svg")no-repeat top left;
}
.editor-sns .pf-ic-x a,
.editor-sns .pf-ic-instagram a,
.editor-sns .pf-ic-facebook a,
.editor-sns .pf-ic-youtube a,
.editor-sns .pf-ic-note a,
.editor-sns .pf-ic-tiktok a,
.editor-sns .pf-ic-hp a,
.editor-sns .pf-ic-other a{
background-size: 26px;	
}

/* categories */
.cate-head {
display: none;
}
.cate-wrap {
width: 834px;
box-sizing: border-box;
margin: 33px 0 80px;
margin-left: 10px;
}
.cate-box  + .cate-box {
margin-top: 15px;
}
.cate-box {
width: 100%;
background: #fff;
padding: 59px;
color: #000;
box-sizing: border-box;
}
.cate-main-tit {
font-size: 23px;
    line-height: 1.0;
    padding-top: 3px;
    font-weight: bold;
    color: #101010;
    margin-bottom: 25px;
    border-left: 5px solid #00b9eb;
    padding-left: 10px;
}
.cate-box p {
    font-size: 13px;
    line-height: 2.0;
    margin-bottom: 20px;
}
.cate-article-tit {
    font-size: 14px;
    line-height: 1.8;
    font-weight: bold;
    margin-bottom: 15px;
}
.cate-article-box a{
width: 100%;
box-sizing: border-box;
vertical-align: top;
overflow: hidden;
background: #f7f7f7;
margin: 0 auto 3px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 15px;
text-decoration: none;
transition: 0.2s;
}
.cate-article-box a:hover {
opacity:0.6;
}
.cate-article-thum{
width: 140px;
height: 93px;
}
.cate-article-thum img {
width: 100%;
height: 100%;
object-fit: cover;
box-sizing: border-box;
border-radius: 6px;
}
.cate-element {
box-sizing: border-box;
width: 525px;
}
.cate-tit {
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    margin-bottom:5px;
    font-weight: bold;
}
.cate-element p {
    font-size:12px;
    line-height:1.9;
    margin-bottom: 0!important;
    color: #707070;
}
.cate-article-box + .cate-article-tit {
margin-top: 50px;
}
.cate-tag-box {
overflow: hidden;
}
.cate-tag-box li a {
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 0 6px;
    color: #000;
    background: #e0e0e0;
    border: 1px solid #D8D8D8;
    text-decoration: none;
    transition: 0.2s;
    border-radius: 3px;
}
.cate-tag-box li a:hover {
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #D1D1D1;
    color: #000;
}
_:-ms-input-placeholder, :root .cate-tag-box li a {
line-height: 24px;
}
@supports (-ms-ime-align: auto) {
.cate-tag-box li a  {
line-height: 24px;
  }
}
.cate-box + .cate-bnr-box {
    margin-top:60px;
}
.cate-bnr-box {
   display: flex;
   justify-content: space-between;
    width:715px;
    margin: 0 auto 70px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 50px;
}
.cate-bnr-box a {
   width: 350px;
}
.cate-bnr-box img {
   width: 350px;
}
.red {
    color: #D51E04;
    font-weight: bold;
}

/* search-results */
.result-info {
width: 834px;
margin: 33px 0 0 10px;
overflow: hidden;
background: #fff;
padding: 49px 59px 0;
box-sizing: border-box;
}
.result-info-count {
font-size: 12px;
color: #8A8989;
}
.result-info-noresults {
  font-size: 15px;
  line-height: 1.7;
  margin: 80px 0 190px
}
.result-wrap {
width: 834px;
margin: 0 0 80px 10px;
overflow: hidden;
background: #fff;
padding: 30px 59px 29px;
box-sizing: border-box;
}
.result-info-head {
font-size: 15px;
margin-bottom: 10px;
}
.result-list li {
padding: 0 0 15px;
margin-bottom: 15px;
border-bottom: #ebebeb solid 1px;
line-height: 0;
overflow: hidden;
transition: 0.2s;
}
.result-list li a {
display: block;
text-decoration: none;
}
.result-list li:first-child {
padding-top:0;
}
.result-list li:last-child {
  margin-bottom: 15px;
  padding-bottom: 0;
  border-bottom: 0
}
.result-thum {
float: left;
width: 180px;
height: 100px;
overflow: hidden;
position: relative;
z-index: 1;
}
.result-thum img{
width:100%;
height:100%;
object-fit: cover;
z-index: 1;
border-radius: 6px;
}
_:-ms-input-placeholder, :root .result-thum{
float: left;
width: 180px;
height: 120px;
overflow: hidden;
position: relative;
z-index: 1;
margin-right: 20px;
}
_:-ms-input-placeholder, :root .result-thum img{
width:100%;
height:100%;
z-index: 1;
}
.result-thum .result-thum-cate {
position:absolute;
height: 26px;
line-height: 28px;
font-size: 12px;
padding: 0 7px;
background: rgb(0,198,207);
background: linear-gradient(306deg, rgba(0,198,207,1) 0%, rgba(0,161,233,1) 100%);
color: #fff;
font-weight: bold;
text-align: center;
display: inline-block;
letter-spacing: 0.08em;
z-index: 100;
top:0;
left:0;
border-top-left-radius: 4px;
}
.result-list li:hover {
opacity: 0.6;
}
.result-element {
    width: 515px;
    float: right;
}
.result-list .result-info {
width: 100%;
margin:0;
overflow: hidden;
background: #fff;
padding:0;
box-sizing: border-box;
}
.result-title {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 6px;
    color: #000;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.result-tx {
font-size: 13px;
line-height: 1.6;
margin-bottom:10px;
word-break: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.result-list li a .result-tx {
  color: #000;
  margin-bottom: 12px;
}
.result-more {
  margin-left: 3px;
  white-space: nowrap
}
.result-more a {
  font-weight: 700;
  margin-left: 3px
}
.result-info{
overflow: hidden;
}
.result-tag{
	float: left;
}
.result-tag-name{
font-size: 10px;
    height: 20px;
    line-height: 20px;
    float: left;
    margin-right: 9px;
    padding: 0 6px;
    color: #000;
    background: #E8E8E8;
    border: 1px solid #e0e0e0;
    text-decoration: none;

/*
border-radius: 4px;
background-color: #F5F5F5;
border: #EDEDED solid 1px;
color: #525252;*/
}
_:-ms-input-placeholder, :root .result-tag-name{
line-height: 26px;
}
.result-date {
display: inline-block;
margin-top:5px;
float: right;
font-size: 10px;
height: 12px;
line-height: 12px;
padding-left:18px;
color: #939393;
background: url(https://img1.kakaku.k-img.com/images/kakakumag/pc/date_ic.png) no-repeat top left;
background-size: 12px;
}
h1.abt-tit{
width:834px;
height: 457px;
background:#fff url(https://img1.kakaku.k-img.com/images/kakakumag/common/stm_r.jpg) no-repeat top 55px center;
background-size: 715px 368px;
text-indent: -999em;
font-size: 0;
margin:0 auto;
}
.abt-catch{
width:834px;
height:110px;
background:#fff url(https://img1.kakaku.k-img.com/images/kakakumag/common/stm_catch.png) no-repeat top center;
background-size: 590px 110px;
text-indent: -999em;
font-size: 0;
margin:0 auto;	
}
.abt-tx {
padding-bottom: 20px;
background: #fff;
padding:80px 59px 70px;
margin-bottom: 80px;
color: #000;
}
.abt-tx p{
font-size: 16px;
line-height: 2.0;
margin-bottom: 20px;
}
.policy-tx{
padding-top: 100px;	
}
.policy-tx h2{
font-size:22px;
line-height: 1.0;
font-weight: bold;
margin-bottom: 25px;
border-left: 5px solid #000;
padding-left: 15px;
vertical-align: -1px;
}
.policy-tx h3{
font-size: 15px;
font-weight: bold;
margin-bottom:8px;
}
.policy-tx p + h3{
margin-top: 0!important;
}
.policy-tx p{
font-size: 13px;
line-height: 1.8;
margin-bottom:30px;
}
.policy-tx p:first-of-type{
font-size: 16px;
line-height: 2.0;
margin-bottom: 50px;
}

/* opt-out */
.opt-box{
width: 1180px;
margin: 10px auto 50px;
background: #fff;
padding:50px 90px;
box-sizing: border-box;
}
.p-title {
font-size: 21px;
padding: 0 0 20px;
margin-bottom: 25px;
border-bottom:#dddcdd solid 1px;
font-weight: bold;
}
.p-text {
  font-size: 15px;
  line-height: 2.0;
  margin-bottom: 30px
}
.p-opt-wrap{
width:100%;
margin: 0 auto;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.p-opt-btn {
font-family:"メイリオ","Meiryo","HiraginoSans-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic","Osaka","arial","verdana",sans-serif;
background:#00B9E9;
width: 49%;
font-size: 14px;
height:50px;
line-height: 48px;
border:none;
border-radius: 5px;
display: inline-block;
color: #fff;
text-align: center;
cursor: pointer;
font-weight: bold;
letter-spacing: 0.02em;
transition: 0.3s;
}
.p-opt-btn:hover {
opacity: 0.8;
}
.p-opt-btn:focus {
  outline: none
}
/* top headline slider*/
.hl-slider{
width: 810px;
height: 335px;
position: relative!important;
margin: 33px auto 44px;
border: 1px solid #e0e0e0;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
background: #fff;
display: block;
z-index: 1;
border-radius: 10px;
}
.hl-slider .slider-img a{
position: relative!important;
width: 810px;
height: 335px;
display: block;
transition: 0.2s;
}
.hl-slider .slider-img a:hover{
opacity: 0.7;
}
.hl-slider .slider-img .slider-img-main{
position: absolute;
top:0;
right:0;
width: 530px;
height: 335px;
overflow: hidden;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.hl-slider img.slider-img-main{
width: 100%;
height: 100%;
object-fit: cover;
}
.hl-slider .slider-img a::after {
content: '';
display: inline-block;
position: absolute;
width: 530px;
height: 190px;
bottom: 0;
right: 0;
box-sizing: border-box;
background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.3)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.3));
background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.3));
background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.3));
border-bottom-right-radius: 10px;
}
.hl-slider .slide-main{
  opacity: 0;
  transition: opacity .3s linear;
}
.hl-slider .slide-main.slick-initialized{
  opacity: 1;
}
.hl-slider .slider-info{
position: absolute;
top:60px;
left:55px;
width: 395px;
display: block;
overflow: hidden;
z-index:100;
}
.hl-slider .slider-hl-tit{
font-size: 25px;
line-height: 1.7;
letter-spacing: 0!important;
font-weight: bold;
margin-bottom: 16px;
color: #fff!important;
width: 305px;
word-break: break-all;
}
.hl-slider .slider-hl-tit mark{
background-color: rgba(0,0,0,0.7);
color: #fff!important;
padding:3px 8px;
display: inline;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
word-break: break-all;
}
_::-webkit-full-page-media, _:future, :root .hl-slider .slider-hl-tit {
line-height: 1.8;
}
_::-webkit-full-page-media, _:future, :root .hl-slider .slider-hl-tit mark {
padding:4px 8px;
}
_::-webkit-full-page-media, _:future, :root .hl-slider .slider-hl-tit {
letter-spacing: 0!important;
}
_:-ms-input-placeholder, .hl-slider .slider-hl-tit {
line-height: 1.9;
}
_:-ms-input-placeholder, .hl-slider .slider-hl-tit mark {
padding:4px 0 0;
}
.hl-slider .slider-ic-cate{
margin-bottom: 15px;
background: rgb(0,198,207);
background: linear-gradient(306deg, rgba(0,198,207,1) 0%, rgba(0,161,233,1) 100%);
height: 26px;
line-height: 28px;
font-size: 14px;
padding: 0 10px;
font-weight: bold;
color: #fff;
display: inline-block;
border-radius: 3px;
}
_:-ms-input-placeholder, .hl-slider .slider-ic-cate {
line-height: 30px;
}
.hl-slider .slider-ic-writer{
font-size: 12px;
color: #000;
font-weight: bold;
overflow: hidden;
height: 50px;
line-height:1.4;
width: 210px;
word-break: break-all;
display: flex;
align-items: center;
}
.hl-slider .slider-ic-writer .ic-writer-img{
width: 25px;
float: left;
margin-right: 8px;
border-radius: 25px;
}
.hl-slider .slide-nav {
position: absolute!important;
bottom: 15px!important;
right: 72px!important;
width: 395px!important;
height: 48px!important;
padding: 0!important;
margin: 0!important;
transform: none!important;
z-index:100!important;
overflow: hidden;
}
.hl-slider .slide-nav .slick-track{
transform: unset!important;
}
.hl-slider .slide-nav .slick-slide.slick-current img{
opacity: 1!important;
width: 64px!important;
height: 43px!important;
border-bottom: 5px solid #00b9eb;
}
.hl-slider .slide-nav:focus {
overflow : hidden!important;
outline : none!important;
}
.hl-slider .slide-nav .slick-slide img{
border-bottom: 5px solid transparent;
}
.hl-slider .slide-nav .slide-nav-img{
z-index:100!important;
width: 64px!important;
height: 43px!important;
display: block;
float:left;
margin-left: 12px;
padding-bottom: 5px;
}
.hl-slider .slide-nav .slide-nav-img span{
width: 64px;
height: 43px;
display: block;
background: #fff;
	border-radius: 3px;
}
.hl-slider .slide-nav .slide-nav-img span img{
width: 64px;
height: 43px;
opacity: 0.6!important;
transition: 0.2s;
border-radius: 3px;
}
.hl-slider .slide-nav .slide-nav-img span img:hover{
opacity:1!important;	
}
.hl-slider .slick-prev,
.hl-slider .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
display: block;
width: 37px;
height:37px;
padding: 0;
cursor: pointer;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
color: transparent;
border: none;
outline: none;
background: transparent;
z-index: 1000;
}
.hl-slider .slick-prev{
position: absolute;
top: 50%;
left: 0!important;
}
.hl-slider .slick-next {
position: absolute;
top: 50%;
right:0!important;
}
.hl-slider .slick-prev:hover,
.hl-slider .slick-prev:focus,
.hl-slider .slick-next:hover,
.hl-slider .slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.hl-slider .slick-prev:hover:before,
.hl-slider .slick-next:hover:before{
opacity: .75;
}
.hl-slider .slick-prev.slick-disabled:before,
.hl-slider .slick-next.slick-disabled:before {
opacity: 1;
}
.hl-slider .slick-prev:before,
.hl-slider .slick-next:before {
opacity: 1;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.hl-slider .slide-main .slick-prev {
	left:-17px!important;
}
.hl-slider .slick-prev:before {
content: '';
display: inline-block;
width: 37px;
height: 37px;
background-image: url( "https://img1.kakaku.k-img.com/images/kakakumag/pc/slider_arrow.png");
background-size: contain;
vertical-align: middle;
}
[dir='rtl'] .hl-slider .slick-prev:before {
content: '';
display: inline-block;
width: 37px;
height: 37px;
background-image: url( "https://img1.kakaku.k-img.com/images/kakakumag/pc/slider_arrow.png");
background-size: contain;
vertical-align: middle;
}
.hl-slider .slide-main .slick-next {
right:-17px!important;
}
.hl-slider .slick-next:before {
content: '';
display: inline-block;
width: 37px;
height: 37px;
background-image: url( "https://img1.kakaku.k-img.com/images/kakakumag/pc/slider_arrow.png");
background-size: contain;
vertical-align: middle;
transform: scale(-1, 1);
}
[dir='rtl'] .hl-slider .slick-next:before {
content: '';
display: inline-block;
width: 37px;
height:37px;
background-image: url( "https://img1.kakaku.k-img.com/images/kakakumag/pc/slider_arrow.png");
background-size: contain;
vertical-align: middle;
transform: scale(-1, 1);
}
.hl-slider .slick-dots {
    display: none!important;
}



/* top featured tag */
.ftd-tag-wrap{
margin-bottom: 36px;
overflow: hidden;
padding: 0 17px;
}
.ftd-tag-tit{
font-size: 14px;
font-weight: bold;
margin:5px 10px 0 0;
float: left;
}
/*
.ftd-tagIn {
display: -webkit-box;
overflow-x: auto;
padding-bottom: 5px;
-ms-overflow-style: none;
}*/
.ftd-tagIn::-webkit-scrollbar{
height:7px;
}
.ftd-tagIn::-webkit-scrollbar-track {
background-color:#EFEBEB;
}
.ftd-tagIn::-webkit-scrollbar-thumb {
background-color:#ccc;
border-radius:7px;
}
.ftd-tagIn{
scrollbar-width: thin;
scrollbar-color: #ccc #EFEBEB;
}
.ftd-tagIn li{
float: left;
margin: 0 9px 10px 0;
}
.ftd-tagIn li a {
font-size:14px;
font-weight: bold;
line-height: 30px;
height:30px;
padding:0 12px;
display: block;
color: #0F9EDC;
border: #0F9EDC solid 1px;
border-radius: 50px;
text-decoration: none;
transition: 0.2s;
background: #ffffff;
}
_:-ms-input-placeholder, :root .ftd-tagIn li a {
line-height: 35px;
}
_::-webkit-full-page-media, _:future, :root .ftd-tagIn li a {
line-height: 33px;
}
.ftd-tagIn li a:hover{
color: #fff;
border: #00b9eb solid 1px;
border-radius: 50px;
background: #00b9eb;
}

/* top-contents-tit */
.ad-bnr-box + .slct-cts-wrap {
margin-top: 80px;
}
.cts-tit-wrap,
.writer-tit-wrap {
overflow: hidden;
}
.cts-tit {
font-size: 24px;
line-height: 1.2;
font-weight:bold;
margin-bottom: 25px;
color: #000;
position: relative;
padding-top: 17px;
float: left;
}
.cts-tit::before {
background: rgb(0,198,207);
background: linear-gradient(306deg, rgba(0,198,207,1) 0%, rgba(0,161,233,1) 100%);
border-radius: 5px;
content: "";
display: block;
width: 30px;
height: 6px;
position: absolute;
top: 0;
left: 0;
}
.cts-tit-wrap .more-lk a,
.writer-tit-wrap .more-lk a {
font-size:13px;
line-height:13px;
height: 13px;
margin-top: 28px;
display:block;
color: #000;
position: relative;
text-decoration: none;
float: right;
padding-right: 15px;
transition: 0.2s;
}
.cts-tit-wrap .more-lk a::after,
.writer-tit-wrap .more-lk a::after {
content: "";
display: inline-block;
position: absolute;
bottom: 3px;
right:3px;
width:5px;
height: 5px;
border-top: 2px solid  #B7B7B7;
border-right: 2px solid  #B7B7B7;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.2s;
}
.cts-tit-wrap .more-lk a:hover,
.writer-tit-wrap .more-lk a:hover {
opacity: 0.6;
}



/* top  contents btn */
.cts-btn a {
width: 100%;
height: 52px;
line-height: 52px;
text-align: center;
display: block;
position: relative;
padding-right: 5px;
font-weight: bold;
transition: 0.2s;
text-decoration: none;
border-radius: 8px;
box-sizing: border-box;
font-size: 15px;
background: #00b9eb url(https://img1.kakaku.k-img.com/images/kakakumag/pc/arrow_w.svg) no-repeat top 50% right 20px;	
background-size: 8px 12px;
color: #fff;
border: 1px solid #00b9eb;
margin: 0 auto 60px;
letter-spacing: 0.1em;
}
_:-ms-input-placeholder, :root .cts-btn a  {
line-height: 55px;
}
.side-ranking-wrap .cts-btn a{
height: 50px;
line-height: 50px;	
letter-spacing: 0.1em;
}
.cts-btn a:hover {
background:#000 url(https://img1.kakaku.k-img.com/images/kakakumag/pc/arrow_w.svg) no-repeat top 50% right 20px;	
background-size: 8px 12px;
color:#fff;
border: 1px solid #000;
}
.cts-btn.lt-blue a{
background: #00b9eb url(https://img1.kakaku.k-img.com/images/kakakumag/pc/arrow_w.svg) no-repeat top 50% right 20px;	
background-size: 8px 12px;
color: #fff;
border: 2px solid #00b9eb;
margin: 0 auto;
letter-spacing: 0.2em;
}
.cts-btn.lt-blue a:hover {
background: #000 url(https://img1.kakaku.k-img.com/images/kakakumag/pc/arrow_w.svg) no-repeat top 50% right 20px;	
background-size: 8px 12px;
color: #fff;
border: 2px solid #878787;
}
.ad-bnr-box + .writer-list-wrap,
.ad-bnr-box + .rec-cts-wrap{
margin-top: 70px;
}
.ad-bnr-box{
background: #ebebeb;
padding: 30px 0;
box-sizing: border-box;
margin: 0 17px;
}
.ad-bnr-boxIn{
margin: 0 auto;
width: 655px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ad-left,
.ad-right{
width: 300px;
height: 250px;
}

/* top-new-content / recommended-content */
.new-cts-wrap,
.rec-cts-wrap {
padding: 0 17px;
margin-bottom: 50px;
}
.cts-wrap {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 13px;
}
.cts-wrap li a{
width: 250px;
background: #fff;
text-decoration:none;
transition-duration: 0.2s;
margin-bottom: 27px;
z-index: 1;
display: block;
position: relative;
border: 1px solid #e4e4e4;
color:#000;
box-shadow: 0px 0px 6px -4px #676767;
border-radius:10px;
}
.cts-wrap li{
margin-right: 27px;
}
.cts-wrap li:nth-of-type(3n){
margin-right: 0;
}
.cts-thum {
width: 250px;
height: 140px;
position: relative;
overflow: hidden;
background: #fff;
margin-bottom: 12px;
border-radius: 10px 10px 0 0;
}
.cts-wrap  li a .cts-thum img {
display: block;
transform: rotate(0.0001deg);
outline: 1px solid transparent;
opacity:1;
transition-duration: 0.3s;
width:100%;
height:100%;
object-fit: cover;
border-radius: 10px 10px 0 0;
}

.cts-wrap li a:hover .cts-thum img{
transform: scale(1.04);
opacity:0.8;
}
.cts-wrap li a:hover .cts-thum {
background: #FFF;
}
.cts-ic-cate {
margin-bottom: 10px;
background: rgb(0,198,207);
background: linear-gradient(306deg, rgba(0,198,207,1) 0%, rgba(0,161,233,1) 100%);
height: 27px;
line-height: 28px;
font-size: 13px;
padding: 0 9px;
font-weight: bold;
color: #fff;
display: inline-block;
position: absolute;
top:0px;
left:0px;
z-index:500;
border-top-left-radius: 4px;
border-bottom-right-radius: 3px;
}
_:-ms-input-placeholder, :root .cts-ic-cate {
line-height: 34px;
}
_::-webkit-full-page-media, _:future, :root .cts-ic-cate {
line-height: 32px;
}

.cts-wrap .cts-tx {
font-size: 16px;
height: 67px;
overflow: hidden;
line-height:1.4;
padding: 0 15px;
margin-bottom: 12px;
font-weight: bold;
word-break: break-all;
transition: 0.2s;
}
_:-ms-input-placeholder, :root .cts-wrap .cts-tx  {
height: 66px;
}

.cts-wrap .cts-ic-writer {
font-size: 11px;
color: #000;
font-weight: bold;
height: 22px;
line-height: 22px;
padding: 0 17px;
margin-bottom: 11px;
transition: 0.2s;
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cts-wrap .cts-ic-writer img {
width:22px;
float: left;
margin-right: 7px;
border-radius: 50%;
}
.cts-wrap .cts-date {
font-size: 8px;
height: 12px;
line-height: 12px;
padding: 3px 0 0 18px;
margin-left: 17px;
color: #939393;
background: url(https://img1.kakaku.k-img.com/images/kakakumag/pc/date_ic.png) no-repeat center left;
background-size: 12px;
margin-bottom: 15px;
transition: 0.2s;
}
.cts-wrap li a:hover .cts-tx,
.cts-wrap li a:hover .cts-ic-writer,
.cts-wrap li a:hover .cts-date {
opacity:0.6;
}

/* top-movie */
.mov-cts-wrap {
margin:0 17px 74px;
padding: 42px 50px 50px;
background: #000;
border-radius: 12px;
}
.mov-cts-tit-wrap {
overflow: hidden;
margin-bottom: 30px;
}
.mov-cts-tit {
width: 244px;
height: 54px;
background:url(https://img1.kakaku.k-img.com/images/kakakumag/pc/mov-cts-tit.png) no-repeat;
text-indent: -999em;
font-size: 0;
z-index: 1;
float: left;
}
.mov-cts-tit-wrap .more-lk a{
font-size:13px;
line-height:13px;
height: 13px;
display:block;
color: #fff;
position: relative;
font-weight: bold;
transition: 0.2s;
text-decoration: none;
float: right;
padding-right: 15px;
margin-top: 20px;
}
.mov-cts-tit-wrap .more-lk a::after {
content: "";
display: inline-block;
position: absolute;
bottom: 3px;
right:3px;
width:5px;
height: 5px;
border-top: 2px solid  #fff;
border-right: 2px solid  #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.2s;
}
.mov-cts-tit-wrap .more-lk a:hover{
color: #B7B7B7;
position: relative;
}
.mov-cts-tit-wrap .more-lk a:hover:after{
content: "";
display: inline-block;
position: absolute;
bottom: 3px;
right:3px;
width: 5px;
height:5px;
border-top: 2px solid  #B7B7B7;
border-right: 2px solid  #B7B7B7;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.mov-cts-l,
.mov-cts-s {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 13px;
}
.mov-cts-l li a{
width: 340px;
text-decoration:none;
transition-duration: 0.2s;
margin-bottom: 10px;
z-index: 1;
display: block;
position: relative;
box-shadow: rgba(0, 0, 0, 0.10) 0px 1px 4px;
color: #EDEDED;
padding-bottom: 15px;
}
.mov-cts-l li{
margin-right: 30px;	
}
.mov-cts-l li:nth-of-type(2){
margin-right: 0;
}
.mov-cts-s li a{
width: 220px;
text-decoration:none;
transition-duration: 0.2s;
margin-bottom: 10px;
z-index: 1;
display: block;
position: relative;
box-shadow: rgba(0, 0, 0, 0.10) 0px 1px 4px;
color: #EDEDED;
padding-bottom: 15px;
}
.mov-cts-s li{
margin-right: 25px;	
}
.mov-cts-s li:nth-of-type(3){
margin-right: 0;
}
.mov-cts-l .cts-thum {
width: 340px;
height: 178px;
position: relative;
overflow: hidden;
background: #000;
margin-bottom: 10px;
border-radius: 10px;
}
.mov-cts-l .cts-thum img {
width: 100%;
height:100%;
object-fit: cover;
}
.mov-cts-s .cts-thum {
width:220px;
height: 115px;
position: relative;
overflow: hidden;
background: #000;
margin-bottom: 12px;
border-radius: 8px;
}
.mov-cts-l li a .cts-thum img{
display: block;
transform: rotate(0.0001deg);
outline: 1px solid transparent;
opacity:1;
transition-duration: 0.3s;
width:100%;
height: 100%;
object-fit: cover;
}
.mov-cts-s li a .cts-thum img {
display: block;
transform: rotate(0.0001deg);
outline: 1px solid transparent;
opacity:1;
transition-duration: 0.3s;
width:100%;
height: 100%;
object-fit: cover;
}
.mov-cts-l li a:hover .cts-thum img{
transform: scale(1.03);
opacity:0.8;
}
.mov-cts-s li a:hover .cts-thum img{
transform: scale(1.04);
opacity:0.8;
}
.mov-cts-l li a:hover .cts-thum,
.mov-cts-s li a:hover .cts-thum {
background: #000;
}
.mov-cts-l .cts-tx {
font-size: 16px;
line-height:1.5;
margin-bottom: 12px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: bold;
transition: 0.2s;
}
.mov-cts-s .cts-tx {
font-size: 13px;
line-height:1.5;
margin-bottom: 12px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: bold;
word-wrap:break-word;
transition: 0.2s;
}
.mov-cts-l .cts-ic-writer,
.mov-cts-s .cts-ic-writer {
font-size: 11px;
color:#EDEDED;
font-weight: bold;
height: 22px;
line-height: 22px;
margin-bottom: 11px;
transition: 0.2s;
word-break: break-all;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mov-cts-l .cts-ic-writer img,
.mov-cts-s .cts-ic-writer img {
width:22px;
float: left;
margin-right: 7px;
transition: 0.2s;
border-radius: 50%;
}
.mov-cts-l .cts-date,
.mov-cts-s .cts-date{
font-size: 10px;
height: 12px;
line-height: 12px;
padding: 3px 0 0 18px;
color: #939393;
background: url(https://img1.kakaku.k-img.com/images/kakakumag/pc/date_ic.png) no-repeat center left;
background-size: 12px;
transition: 0.2s;
}
.mov-cts-wrap li a:hover .cts-tx,
.mov-cts-wrap li a:hover .cts-ic-writer,
.mov-cts-wrap li a:hover .cts-date {
opacity:0.6;
}
.mov-cts-l .cts-thum::after{
content: '';
display: inline-block;
width:70px;
height:70px;
background-image: url(https://img1.kakaku.k-img.com/images/kakakumag/pc/mov_arrow.png);
background-size: contain;
vertical-align: middle;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}
.mov-cts-s .cts-thum::after{
content: '';
display: inline-block;
width:50px;
height:50px;
background-image: url(https://img1.kakaku.k-img.com/images/kakakumag/pc/mov_arrow.png);
background-size: contain;
vertical-align: middle;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}

/* rop-serialization */
.srzt-cts-wrap{
padding: 0 17px;
margin-bottom: 50px;
}
.srzt-cts{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 30px;
}
.srzt-cts li a{
display: block;
width: 250px;
height: 132px;
transition: 0.2s;
margin:0 0 16px;
padding: 0;
background: #fff;
border-radius: 6px;
}
.srzt-cts li {
margin-right: 30px;
}
.srzt-cts li:nth-of-type(3n){
margin-right: 0;
}
.srzt-cts li a:hover {
opacity: 0.6;
}
.srzt-cts-wrap .srzt-cts li a img{
margin: 0 auto;	
display: block;
border-radius: 8px;
}


/* rop-writer */
.writer-list-wrap{
padding: 0 17px;
margin-bottom: 90px;
}
.writer-list{
width: 100%;
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
.writer-list li{
margin-right: 18px;
margin-bottom: 18px;
}
.writer-list li:nth-child(6) ,
.writer-list li:nth-child(12){
margin-right: 0;
}
.writer-list li a {
width: 120px;
height: 160px;
border: 1px solid #dfdfdf;
background: #fff;
border-radius: 8px;
white-space: normal;
display: block;
text-decoration: none;
color: #000;
padding: 20px 15px 0;
transition: 0.2s;
font-size: 13px;
box-sizing: border-box;
box-shadow: 0px 0px 6px -4px #676767;
}
.writer-list li a:hover{
opacity: 0.6;
}
.writer-list li a img{
width: 60px;
height: 60px;
margin: 0 auto 10px;
display: block;
border-radius: 50px;
}
.writer-list .writer-name{
font-size: 13px;
line-height: 1.2;
font-weight: bold;
margin-bottom: 5px;
text-align: center;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.writer-list .writer-name span{
display: block;
}
.writer-list .writer-info{
font-size: 10px;
line-height: 1.3;
color: #7f7f7f;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
overflow: hidden;
}
_:-ms-input-placeholder, :root .writer-list .writer-info{
height: 25px;
overflow: hidden;
}

.slct-cts-wrap + .news-cts-wrap {
margin-top: 100px;
}
.news-cts-wrap + .tag-cts-wrap{
margin-top: 100px;	
}



/* top-how-to-choose / news */
.slct-cts-wrap,
.news-cts-wrap{
padding: 0 17px;
margin-bottom: 50px;
}
.slct-cts {
margin-bottom: 35px;
}
.slct-cts li {
position: relative;
}
.slct-cts li a{
color: #000;
text-decoration: none;
overflow: hidden;
z-index: 1;
transition: 0.2s;
display: block;
margin-bottom: 20px;
border-radius: 5px;
}
.slct-cts li a:hover {
opacity: 0.6;
}
.slct-cts-thum {
width: 120px;
height: 70px;
overflow: hidden;
float: left;
margin-right: 14px;
border-radius: 6px;
}
.slct-cts-thum img{
width: 100%;
height: 100%;
object-fit: cover;
}
.slct-cts-ic-cate {
margin-bottom: 9px;
background: rgb(0,198,207);
background: linear-gradient(306deg, rgba(0,198,207,1) 0%, rgba(0,161,233,1) 100%);
height: 23px;
line-height: 24px;
font-size: 11px;
padding: 0 6px;
font-weight: bold;
color: #fff;
display: inline-block;
z-index:15;
position: absolute;
top:0;
left:0;
border-top-left-radius: 5px;
}
.slct-cts-tx {
font-size: 18px;
height: 70px;
line-height: 70px;
font-weight: bold;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.readmore li a {
  font-size: 12px;
  line-height: 1;
  float: left;
  margin-right: 7px;
  margin-bottom: 8px;
  padding: 6px;
  color: #525252;
  border: #EDEDED solid 1px;
 border-radius: 4px;
background-color: #F5F5F5;
}
.readmore li a.current, .readmore li a:hover {
  text-decoration: none;
  background-color: #ebebeb;
}


/* series-list */

.regular-list-wrap {
width: 834px;
margin: 33px 0 80px 10px;
background: #fff;
padding: 49px 59px 9px;
box-sizing: border-box;
}
.regular-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
box-sizing: border-box;
}
.regular-list-head {
font-size: 15px;
font-weight: 700;
margin-bottom: 40px;
color: #000;
}
.regular-box {
width: 336px;
color: #000;
text-decoration: none;
display: block;
margin-bottom: 50px;
}
.regular-box a {
color: #000;
text-decoration: none;
display: block;
transition: 0.3s;
}
.regular-box a:hover {
opacity: 0.6;
}
.regular-thum {
width: 336px;
height:177px;
overflow: hidden;
margin-bottom: 13px;
}
.regular-box img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 6px;
}
.regular-tit{
font-size: 18px;
line-height: 1.4;
margin-bottom: 5px;
font-weight: bold;
}
.regular-tx{
font-size: 13px;
color: #000000;
line-height: 1.7;
}

.main-box{
position: relative;
border-bottom: 1px solid #d7d7d7;
padding-bottom: 23px;
margin-bottom: 40px;
overflow: hidden;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.main-box:before {
position: absolute;
content: "";
width: 100%;
border-bottom: 1px solid #d7d7d7;
bottom:2px;
}
.main-thum{
width: 320px;
height: 169px;
overflow: hidden;
}
.main-thum img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 6px;
}
.main-info{
width: 365px;
}
.main-tit{
font-size: 20px;
line-height: 1.4;
margin-bottom:7px;
font-weight: bold;
}
.main-tx{
font-size: 15px;
color: #000000;
line-height: 1.7;
}
#div-gpt-ad-kmag-category-native1,
#div-gpt-ad-kmag-category-native2,
#div-gpt-ad-kmag-category-native3,
#div-gpt-ad-kmag-category-native4,
#div-gpt-ad-kmag-category-native5 {
height: 130px!important;
margin-bottom: 15px!important;
}
.bnr-pm{
margin-top:40px;
}
.bnr-pm a{
display: block;
transition: 0.3s;
border-radius: 6px;
padding: 14px;
color: #1345a0;
font-size: 14px;
line-height: 1.0;
font-weight: bold;
text-align: center;
border: 2px solid #1345a0;
}
.bnr-pm a:hover{
text-decoration: none;
opacity: 0.6;
}
.bnr-pm a span{
background: url(https://img1.kakaku.k-img.com/images/kakakumag/common/bnr_arrow.svg) no-repeat center left;
background-size: 16px;
padding-left: 28px;
display: inline-block;
padding: 4px 0 4px 28px;
}
.bnr-pm + .article-sns-btm,
.bnr-pm + .pagination-article {
margin-top: 70px;
}
.bnr-pm + .disclaimer{
margin-top:50px;
}


/*アコーディオンタイトル*/
.accordion-btn {
	position: relative;
    cursor: pointer;
    width: 90px;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    height: 24px;
    line-height: 24px;
    border: 1px solid #ccc;
    border-radius: 50px;
    display: block;
    margin: 25px auto 0;
    color: #121111;
	transition: 0.2s;
}
.accordion-btn:hover{
opacity: 0.6;
}
/*　closeというクラスがついたら形状変化　*/
.accordion-btn.close{
display: none;
}
/*アコーディオンで現れるエリア*/
.wtbox {
  display: none;/*はじめは非表示*/
}
.accordion-area{
list-style: none;
width: 100%;
margin: 0 auto;
}
.accordion-area .profile{
padding: 25px 0 0 90px;
box-sizing: border-box;
}
.accordion-area .profile{
font-size: 13px;
line-height: 1.8;
color: #2e2e2e;
}
.accordion-area .profile a{
color: #009dc8;	
text-decoration: underline;
transition: 0.2s;
}
.accordion-area .profile a:hover{
opacity: 0.6;
}
.profile-sns {
 display: flex;
  flex-wrap: wrap;
margin-top: 25px;
}
.profile-sns li{
width: 36px;
height: 36px;
margin-right:10px;
text-indent: -999em;
font-size: 0;
}
.profile-sns li a{
width: 36px;
height: 36px;
display: block;
transition: 0.2s;
}
.profile-sns li a:hover{
opacity: 0.6;
}
.pf-ic-x a{
background: url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_x.svg")no-repeat top left;
}
.pf-ic-instagram a{
background: url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_instagram.svg") no-repeat top left;
}
.pf-ic-facebook a{
background: url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_facebook-br.svg")no-repeat top left;
}
.pf-ic-youtube a{
background: url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_youtube.svg")no-repeat top left;
}
.pf-ic-note a{
background: url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_note.svg")no-repeat top left;
}
.pf-ic-tiktok a{
background: url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_tiktok.svg")no-repeat top left;
}
.pf-ic-hp a{
background: url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_hp.svg")no-repeat top left;
}
.pf-ic-other a{
background: url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_other.svg")no-repeat top left;
}
.pf-ic-x a,
.pf-ic-instagram a,
.pf-ic-facebook a,
.pf-ic-youtube a,
.pf-ic-note a,
.pf-ic-tiktok a,
.pf-ic-hp a,
.pf-ic-other a{
background-size: 36px;	
}

/*ライター用タブ表示*/
.writerTab { 
overflow: hidden;
}
.tabs {
box-sizing: border-box;
width: 100%;
height: 50px;
overflow: hidden;
position: relative;
margin-bottom: 25px;
}
.tabs::after{
content: '';
display: inline-block;
width: 376px;
height: 1px;
background: #e7e6e6;
position: absolute;
right:0;
bottom:0;
}
.tabs li{
text-align: center;
border-top: 3px solid #e1e1e1;
border-left: 1px solid #e7e6e6;
border-bottom: 1px solid #e7e6e6;
height: 50px;
line-height: 46px;
background: #f7f7f7;
width:170px;
color: #2e2e2e;
box-sizing: border-box;
font-size: 11px!important;
float: left;
}
.tabs li a{
transition: 0.2s;
color: #2e2e2e;
text-decoration: none;
display: block;
cursor: pointer;
}
.tabs li a:hover{
color: #A2A2A2;	
}
.tabs li:last-child{
border-right: 1px solid #e7e6e6;	
}
.tabs li.select{
position: relative;
background: #fff;
border-top: 3px solid #00b9eb;
border-bottom: 1px solid #fff;
height: 50px;
box-sizing: border-box;
color: #2e2e2e;
font-size: 11px!important;
}
.content_area{
display:block;
}
.content_area.hide{
display: none;
}
.writerTab .pagination-list{
width: 100%;
margin:0 auto 60px;
}
.tabs.only{
box-sizing: border-box;
width: 100%;
margin-bottom: 25px;
height:11px;
line-height: 11px;
}
.tabs.only::after{
display: none;
}
.tabs.only li{
text-align: left;
border: none;
height:12px;
line-height: 12px;
background: #fff;
width:auto;
color: #2e2e2e;
box-sizing: border-box;
font-size: 12px!important;
font-weight: bold;
}	
.backnumber-article-head + .writerTab{
margin-top: 50px;
}

/* overlay 広告バナー */
#pc_overlay_outer{
display: none;
z-index: 100;
position: fixed;
bottom: 0px;
width:100%;
text-align: center;
}
#pc_overlay_outer.is-active{
display: block;
}
#gCloseButton {
width: 27px;
height: 27px;
position: absolute;
right: 0px;
top: -27px;
font-size: 27px;
text-align: center;
color: #666;
cursor: pointer;
font-weight: bold;
background-color: #fff;
border-radius: 12px 0 0 0;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
line-height: 1.2;
z-index: 1000;
}
.pc_overlay_bnr.is-hidden,
#gCloseButton.is-hidden{
display: none!important;
}
#gStickyAd {
border-top: 1px solid #ddd;
height: 108px;
z-index: 99999;
background-color:#fff;
width:100%;
text-align: center;
display: block;
}
#gStickyAd.is-hidden{
display: none;
pointer-events: auto;
}
.overlay_ad {
min-height: 100px;
margin: 0;
padding-top:5px;
text-align: center;
}