@charset "UTF-8";

/*------------------------------------------------
margin＆padding
-------------------------------------------------*/
.mgntop10{
    margin-top:10px;
}
.mgntop20{
    margin-top:20px;
}
.mgntop30{
    margin-top:30px;
}
.mgntop40{
    margin-top:40px;
}
.mgntop50{
    margin-top:50px;
}
.mgntop60{
    margin-top:60px;
}
.mgntop70{
    margin-top:70px;
}
.mgntop80{
    margin-top:80px;
}
.mgnbtm10{
    margin-bottom:10px;
}
.mgnbtm20{
    margin-bottom:20px;
}
.mgnbtm30{
    margin-bottom:30px;
}
.mgnbtm40{
    margin-bottom:40px;
}
.mgnbtm50{
    margin-bottom:50px;
}
.mgnbtm60{
    margin-bottom:60px;
}
.mgnbtm70{
    margin-bottom:70px;
}
.mgnbtm80{
    margin-bottom:80px;
}

/*------------------------------------------------
line
-------------------------------------------------*/

.div-line{
    border-top: #B2B2B2 solid 2px;
    padding: 15px 0 15px;
}
.div-line-blue{
    border-top: #5073FF solid 2px;
    padding: 15px 0 15px;
}
.div-line-green{
    border-top: #29D284 solid 2px;
    padding: 15px 0 15px;
}
.div-line-yellow{
    border-top: #FFEA4A solid 2px;
    padding: 15px 0 15px;
}

@media only screen and (min-width: 768px) {
.div-line{
    border-top: #B2B2B2 solid 5px;
    padding: 20px 0 20px;
}
.div-line-blue{
    border-top: #5073FF solid 5px;
    padding: 20px 0 20px;
}
.div-line-green{
    border-top: #29D284 solid 5px;
    padding: 20px 0 20px;
}
.div-line-yellow{
    border-top: #FFEA4A solid 5px;
    padding: 20px 0 20px;
}
}


/*------------------------------------------------
master変更
-------------------------------------------------*/

.article-block {
    border-top: #B2B2B2 solid 2px;
    padding: 15px 0 15px;
}

.article-block .sec-title {
    margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
.article-block {
    border-top: #B2B2B2 solid 5px;
    padding: 20px 0 20px;
}
.article-block .sec-title {
    margin-bottom: 20px;
}
.button > a {
    padding: 5px 60px 5px 60px;
}
}

/*------------------------------------------------

-------------------------------------------------*/

.tab-block__nav_basics {
    background-color: #29D284 !important; }
.page-link__link_basics {
      background-color: #29D284 !important; }

/* TOP Youtube 埋め込み*/
.movie-wrap {
     position: relative;
     padding-bottom: 56%;
     /*padding-bottom: 56.25%;*/ /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
     border: #D6D6D6 solid 1px;
}

.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.article_ttl,.article_ttl2{
    font-weight:bold !important;
    margin:20px auto 0 auto !important;
    line-height:1.6em !important;
}
.green{
    color:#05ce78 !important;
}
@media only screen and (min-width: 768px) {
.article_ttl2{
    margin:20px auto -20px auto !important;
}
}

.article_profile{
margin-top:20px;
line-height:1.6;
}
.article_profile .ttl{
font-weight:bold;
}



@media only screen and (min-width: 768px) {
body.index .point__list > li figure figcaption {
    font-size: 18px;
    font-size: 1.8rem;
}
}

/*------------------------------------------------
記事
-------------------------------------------------*/

.article-headlines span small {
    font-size: 12px;
    font-size: 1.2rem;
}

@media only screen and (min-width: 768px) {
.article-headlines span small {
    font-size: 16px;
    font-size: 1.6rem;
}
}
/*------------------------------------------------
page
-------------------------------------------------*/

  .page-temp {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 60px;
}
  .page-temp p, .page-temp a {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.75em;
    margin: 20px auto; }

  .page-temp a {
    text-decoration: underline; }

    @media only screen and (min-width: 768px) {
      .page-temp a {
        cursor: pointer;
		text-decoration: underline;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
        .page-temp a:hover {
          opacity: .7; } }
  .page-temp ol {
    text-align: left;
    margin-top: 17px; }
    @media only screen and (min-width: 768px) {
      .page-temp ol {
        margin-top: 30px; } }
    .page-temp ol li {
      position: relative;
      list-style-type: none;
      font-weight: bold;}
    .page-temp ol ul li {
      position: relative;
      list-style-type: none;
      font-weight: normal;}
      .page-temp ol li, .page-temp ol li a {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 2em;
        position: relative;
        border: none; }
        @media only screen and (min-width: 768px) {
          .page-temp ol li {
			font-size: 16px;
            font-size: 1.6rem; }
          .page-temp ol li a {
            cursor: pointer;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s; }
            .page-temp ol li a:hover {
              opacity: .7; } }
    .page-temp ol > ul {
      padding-left: 30px; }
      .page-temp ol > ul > ul {
        padding-left: 14px; }

@media only screen and (max-width: 767px) {
  .page-temp .banner {
    padding: 50px 0;}
}

/*------------------------------------------------
terms-of-use
-------------------------------------------------*/
  .terms-of-use ol ul li {
      list-style-type:none;
      list-style-position:inside;
      counter-increment: cnt;}
  .terms-of-use ol ul li:before {
        display: marker;
        content: "(" counter(cnt) ") ";}
  .terms-of-use ol li p {
      font-weight: normal;
      margin: auto;}
   @media only screen and (min-width: 768px) {
      .terms-of-use {}
}

/*------------------------------------------------
Contact
-------------------------------------------------*/


/*------------------------------------------------
Contact
-------------------------------------------------*/
.article-headlines ol li ul li{
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 2em;
        position: relative; }
        @media only screen and (min-width: 768px) {
          .article-headlines ol li ul li {
            cursor: pointer;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s; }
          }

 /*------------------------------------------------
プロジェクト記事プレッジ詳細
-------------------------------------------------*/
.bold{
    font-weight:bold;}
.predge{
    font-size:1.2em !important;
}
.indicator {
  position: relative;
  padding-bottom: 20px;
  border-bottom: 15px solid #ccc;
}
.indicator::after {
  position: absolute;
  bottom: -15px;
  left: 0;
  z-index: 2;
  content: '';
  width:20% ;
  height: 15px;
  background-color: #05CE78;
}
p.predgetext{
margin-top:40px;
margin-bottom:0px !important;
}
.predgeattention{
    font-size:0.8em;
    line-height:1.6em;
}
.reward{
    margin-bottom:40px !important;
}
.rewardbox{
    border:1px solid #000;
    padding:20px;
    line-height:1.6em;
    margin-bottom:20px;
    width:100%;
}
.rewardbox p{
    font-size:0.9em;
    margin:0 !important;
    width:100%;
}
.rewardbox span.price{
    font-size:1.2em;
    font-weight:bold;
    line-height:1.6em;
}
.rewardbox span.rewarddetail{
    color:#05CE78;
    font-weight:bold;
}
@media only screen and (min-width: 768px) {
.reward {
  display: flex;
}
.rewardbox{
    margin-right:20px;
    margin-bottom:0;
}
}

.graybox{
  quotes: none; }
  .graybox:before, .graybox:after{
    content: "";
    content: none; }
  .article-contents .graybox {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.75em;
    background-color: #F0F3F5;
    display: block;
    padding: 17px 20px 20px;
    margin: 40px auto; }
    @media only screen and (min-width: 768px) {
      .article-contents .graybox {
        width: calc(100% -40px);
        padding: 20px 40px 20px; } }


img.icon-targetlink{
    width:13px !important;
    margin-left:5px !important;
    vertical-align: middle !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
}

 /*------------------------------------------------
Author画像縮小
-------------------------------------------------*/
.article-author > div {
    width: 50px;
}
.article-author .avatar-100{
    width:50px !important;
}

 /*------------------------------------------------
フッタロゴ
-------------------------------------------------*/
.nav-block__logo {
  width: 260px !important;}
  @media only screen and (min-width: 768px) {
    .nav-block__logo {
      width: 260px !important;
     } }

.clearfix{
    clear:both !important;
}

 /*------------------------------------------------
page links
-------------------------------------------------*/

.tab-block__nav > li .en,
.page-link__link .en{
font-family:inherit !important;
font-weight:bold !important;
}
.tab-block__nav > li .en .large{
font-size:1.2rem !important;
}
.page-link__link .en .medium,.page-link__link .en .small,.page-link__link .en .large{
font-size:1.0rem !important;
}
.tab-block__nav > li .ja{
font-size:1.2rem !important;
/*padding:3px 0 5px 0 !important;*/
}
.page-link__link .ja{
font-size:1.4rem !important;
margin-bottom:3px !important;
}

@media only screen and (min-width: 768px){
.tab-block__nav > li .en,
.page-link__link .en{
font-family:inherit !important;
font-weight:bold !important;
}
.tab-block__nav > li .en .large{
font-size:1.8rem !important;
}
.page-link__link .en .medium,.page-link__link .en .small,.page-link__link .en .large{
font-size:1.6rem !important;
}
.tab-block__nav > li .ja{
font-size:1.6rem !important;
/*padding:10px 0 10px 0 !important;*/
}
.page-link__link .ja{
margin-bottom:7px !important;
}
}

 /*------------------------------------------------
ブログ用 ヘッダー画像
-------------------------------------------------*/
.article-heading__photo {
  margin: 12px 0 20px;}
  @media only screen and (min-width: 768px) {
    .article-heading__photo {
     } }

 /*------------------------------------------------
ブログ用 ヘッダーSNS
-------------------------------------------------*/

.article-sns {
    /*border-bottom: 3px solid;*/
    padding-bottom: 30px;
    margin-bottom: 36px;
}
.article-sns .article-header-sns {
    margin: 0;
}
.article-header-sns {
    /*margin: 20px auto;*/
    font-size: 0;
    text-align: right;
    /*text-align: center;*/
}
.right {
    float: right;
}
.article-header-sns li {
    display: inline-block;
    width: 100px;
    line-height: 40px;
    margin-right: 10px;
}
.article-top-sns li:nth-child(3){
    margin-right:0 !important;
}
.article-heading{
    padding-bottom:0 !important;
}

 /*------------------------------------------------
記事罫線の色変更（緑）
-------------------------------------------------*/
  .sidebar .article-block .article-list_typeD > li {
    border-top: none;
    border-bottom: #2AD284 solid 1px !important; }

.sidebar .article-block .article-list_typeA > li {
    border-top: none;
    border-bottom: #2AD284 solid 1px !important; }

 /*------------------------------------------------
記事詳細フッター追加テキスト
-------------------------------------------------*/
.article-bottom-text {
    font-size: 14px;
    font-size: 1.4rem;
    color: #707070;
	line-height: 1.4;
	padding-bottom: 10px;
    /*text-align: right;*/

}
.article-bottom-text a {
    font-size: 14px;
    font-size: 1.4rem;
    border-bottom: #707070 solid 1px;
}

 /*------------------------------------------------
画像下caption PCサイズササイズ変更
-------------------------------------------------*/
@media only screen and (min-width: 768px){
.article-contents .wp-caption-text {
    font-size: 14px !important;
    font-size: 1.4rem !important;}
}

 /*------------------------------------------------
TOPページ キックスターター特徴 レイアウト変更（６→３スマホ調整）
-------------------------------------------------*/
@media only screen and (max-width: 767px) {
body.index .point__list > li:nth-child(-n + 3) {
    margin-top: 0 !important;
}
body.index .point__list>li {
    width: calc((100% - 20px) / 3) !important;
    /*width: calc((100% - 45px) / 3) !important;*/
}
body.index .point__list > li figure img {
    max-width: 100px !important; }
body.index .point__list>li figure figcaption {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.4em;
	font-feature-settings: "palt";}
}

 /*------------------------------------------------
ブログリストTypeD 罫線上下余白調整 （色は各TOP個別cssに記述）
-------------------------------------------------*/

.inner .article-list_typeD>li .article-post {
    padding: 10px 0 10px;
}


 /*------------------------------------------------
ヘッダメニューの文字サイズ調整
-------------------------------------------------*/
.header__nav_hamburger .nav-small > li a .en,
.header__nav_hamburger .nav-small > li a .ja{
          font-size: 14px;
          font-size: 1.4rem;
}
 @media screen and (min-width: 940px) {
        .header__nav_hamburger .nav-small > li a .ja {
          margin-top:10px !important;
          font-size: 14px;
          font-size: 1.4rem; }
        .header__nav_hamburger .nav-small > li a .en{
          font-size:10px;
          font-size:1.0rem;
        }
        .header__nav_hamburger {
          align-items: flex-start !important;
        }
}
.header__nav_hamburger .nav-large > li a {
    padding: 0 30px 0 20px;
}

.header__nav_hamburger .nav-large > li a .en {
        font-family:inherit !important;
        font-weight:bold;
}
.header__nav_hamburger .nav-large > li a .en small,
            .header__nav_hamburger .nav-large > li a .en span{
              font-size: 17px;
              font-size: 1.7rem; }
@media screen and (min-width: 940px) {
            .header__nav_hamburger .nav-large > li a .en small,
            .header__nav_hamburger .nav-large > li a .en span{
              font-size: 20px;
              font-size: 2.0rem; }
            }

.header__nav_hamburger .bluemarker {
    /*background: linear-gradient(transparent 70%, #5073FF 60%);*/
    background: linear-gradient(transparent 0%, rgba(80,115,255, 0.4) 60%);
}

.header__nav_hamburger .bluemarker2 {
    background: linear-gradient(transparent 70%, #5073FF 60%);
}

.header__nav_hamburger .yellowmarker {
    /*background: linear-gradient(transparent 70%, #FFEA4A 60%);*/
    background: linear-gradient(transparent 0%, rgba(255,234,74, 0.6) 60%);
}


 /*------------------------------------------------
記事内の関連記事ボックス
-------------------------------------------------*/

.otherarticlesttl{
  width: calc(100% - 40px);
  font-weight:bold;
  margin-bottom:20px;
}

.otherarticles{
  border:1px solid #000;
  width: calc(100% - 40px);
  padding:3%;
  margin:0 auto 40px auto;
  overflow: auto;
  background:#F6F4F5;
}
.otherarticles:hover{
  background:#eee !important;
}
.otherarticles .left{
  width:20%;
  float:left;
}
.otherarticles .left img{
  margin:0 !important;
}
.otherarticles .right{
  width:78%;
  float:right;
}
.otherarticles .right p{
  font-wieght:normal;
  font-size:0.8em;
  line-height:1.6em !important;
  margin:0 !important;
}
.otherarticles .right p span{
  font-wieght:bold !important;
  font-size:1.2em !important;
  line-height:2.0em;
}
@media screen and (max-width: 1000px) {
.otherarticles .right p{
  margin:0 !important;
  width:100% !important;
}
.otherarticles .right p span{
  line-height:1.6em;
  font-size:1.1em !important;
}
}


.otherarticles2{
  border:1px solid #2AD284;
  width: calc(100% - 40px);
  margin:0 auto 40px auto;
  overflow: auto;
}
.otherarticles2 .left{
  width:20%;
  float:left;
}
.otherarticles2 .left img{
  margin:0 !important;
}
.otherarticles2 .right{
  padding-right:3%;
  width:77%;
  float:right;
  position:relative;
}
.otherarticles2 .right p{
  margin: 10px 0 0 0 !important;
  font-size:1em !important;
}
@media screen and (max-width: 1000px) {
.otherarticles2 .left{
  width:35%;
}
.otherarticles2 .right{
  width:62%;
  padding-right:3% !important;
}
.otherarticles2 .right p{
width:100% !important;
font-size:0.85em !important;
margin:0 !important;
line-height:1.5em;
}
}


.otherarticles3{
  border:1px solid #2AD284;
  width: calc(100% - 40px);
  padding:3%;
  margin:0 auto 40px auto;
  overflow: auto;
}
.otherarticles3:hover{
  background:#eee !important;
}
.otherarticles3 .left{
  width:20%;
  float:left;
}
.otherarticles3 .left img{
  margin:0 !important;
}
.otherarticles3 .right{
  width:78%;
  float:right;
}
.otherarticles3 .right p{
  font-wieght:normal;
  font-size:0.8em;
  line-height:1.6em !important;
  margin:0 !important;
}
.otherarticles3 .right p span{
  font-wieght:bold !important;
  font-size:1.2em !important;
  line-height:2.0em;
}
@media screen and (max-width: 1000px) {
.otherarticles3 .right p{
  margin:0 !important;
  width:100% !important;
}
.otherarticles3 .right p span{
  line-height:1.6em;
  font-size:1.1em !important;
}
}


.otherarticles4{
  border:1px solid #2AD284;
  width: calc(100% - 40px);
  margin:0 auto 40px auto;
  overflow: auto;
}
.otherarticles4 .left{
  width:30%;
  float:left;
}
.otherarticles4 .left img{
  margin:0 !important;
}
.otherarticles4 .right{
  padding-right:3%;
  width:67%;
  float:right;
  position:relative;
}
.otherarticles4 .right p{
  margin: 30px 0 0 0 !important;
  font-size:1em !important;
}
@media screen and (max-width: 1000px) {
.otherarticles4{
  position:relative;
}
.otherarticles4 .left{
  position:absolute;
  width:40%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}
.otherarticles4 .right{
  width:57%;
  padding-right:3% !important;
}
.otherarticles4 .right p{
width:100% !important;
font-size:0.85em !important;
margin-top:5px !important;
margin-left:0 !important;
margin-right:0 !important;
margin-bottom:0 !important;
}
}


.otherarticles5{
  border:1px solid #2AD284;
  width: calc(100% - 40px);
  margin:0 auto 40px auto;
  overflow: auto;
}
.otherarticles5 .left{
  width:28%;
  float:left;
  padding-top:2%;
  padding-left:2%;
  padding-bottom:2%;
}
.otherarticles5 .left img{
  margin:0 !important;
}
.otherarticles5 .right{
  padding-right:3%;
  width:67%;
  float:right;
  position:relative;
}
.otherarticles5 .right p{
  margin: 40px 0 0 0 !important;
  font-size:1em !important;
}
@media screen and (max-width: 1000px) {
.otherarticles5{
  position:relative;
}
.otherarticles5 .left{
  position:absolute;
  width:40%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}
.otherarticles5 .right{
  width:57%;
  padding-right:3% !important;
}
.otherarticles5 .right p{
width:100% !important;
font-size:0.85em !important;
margin:10px 0 !important;
}
}



 /*------------------------------------------------
翻訳について
-------------------------------------------------*/

.righttxt {
	line-height: 1.4;
	padding-bottom: 10px;
    text-align: right;
     font-size: 14px;
    font-size: 1.4rem;
    color: #707070;
}
.righttxt a {
    font-size: 14px;
    font-size: 1.4rem;
    border-bottom: #707070 solid 1px;
}

 /*------------------------------------------------
レイアウトB＆C 画像上のmargin変更（大きく）
-------------------------------------------------*/
.article-list_typeB > li, .article-list_typeC > li {
margin-top: 24px !important;
}
@media only screen and (min-width: 768px) {
main .article-list_typeB > li, main .article-list_typeC > li {
margin-top: 40px !important;
}
}
 /*------------------------------------------------
記事上部 オーサー名
-------------------------------------------------*/
.article-heading__sub figcaption{
/*text-decoration: underline;*/
}

.article-heading__sub figure p{
margin-left: 15px;
font-size: 12px;
color: #707070;
text-decoration: underline;
font-weight: bold;
}

 /*------------------------------------------------
記事上部 オーサー名
-------------------------------------------------*/

.article-author figcaption .top-link{
/*text-align: right;*/
font-size: 12px;
color: #707070;
text-decoration: underline;
font-weight: bold;
margin-top: 20px;
}

 /*------------------------------------------------
クリエイタープロフィール関連
-------------------------------------------------*/

.article-contents .storybox .creator .top-link_creator a{
font-size: 12px;
color: #707070;
font-weight: bold;
margin-top: 20px;
}

.article-contents .storybox .creator-profile-link, .article-contents .storybox .creator-profile-link a {
font-size: 12px;
color: #707070;
font-weight: bold;
text-align: right;
}

/*------------------------------------------------
Status Icon調整 TypeE
-------------------------------------------------*/


    .article-list_typeE .article-post__status, .article-list_typeE .article-heading__status {
      margin: initial !important;
      position: initial !important;
      right: initial !important;
      top: initial !important;
      display: initial !important;
      display: initial !important;
      -webkit-flex-direction: initial !important;
      flex-direction: initial !important;
      -webkit-align-items: initial !important;
      align-items:  initial !important; }
      .article-list_typeE .article-post__status > span, .article-list_typeE .article-heading__status > span {
        margin: 0 2px 4px 0 !important; }
        .article-list_typeE .article-post__status > span:nth-child(n + 2), .article-list_typeE .article-heading__status > span:nth-child(n + 2) {
          margin: 0 2px 4px 0 !important; }

    .article-list_typeE .status__title {
		margin: 0px 0px 10px;
      }


 /*------------------------------------------------
レイアウトtypeF
-------------------------------------------------*/
.article-list_typeF {
  padding-bottom: 45px; }
  @media only screen and (min-width: 768px) {
    .article-list_typeF {
      display: none; }
      .article-list_typeF.slick-initialized {
        display: block; }
      .article-list_typeF .slick-list {
        max-width: 600px;
        overflow: inherit;
        position: relative; }
        .article-list_typeF .slick-list .slick-slide {
          padding-right: 20px; } }
  @media only screen and (max-width: 767px) {
    .article-list_typeF {
      width: calc(100% + 10px);
      overflow-x: auto;
      /* 横スクロールの指定 */
      white-space: nowrap;
      /* 横スクロールの指定 */
      overflow-scrolling: touch;
      /* スクロールを滑らかにする */
      -webkit-overflow-scrolling: touch;
      /* スクロールを滑らかにする */
      -ms-overflow-style: none;
      /* IE, Edge 対応 */
      scrollbar-width: none;
      /* Firefox 対応 */ }
      .article-list_typeF::-webkit-scrollbar {
        /* Chrome, Safari 対応 */
        display: none; }
      .article-list_typeF > li {
        width: 36.8vw;
        /*width: 67.6vw;*/
        display: inline-block;
        vertical-align: top;
        padding-top: 10px;
        padding-right: 10px; }
        .article-list_typeF > li .article-post__title > span {
          white-space: initial; }
        .article-list_typeF > li:last-child {
          padding-right: 10px; } }
  .article-list_typeF .article-post {
    position: relative; }
    .article-list_typeF .article-post__icon {
      left: 10px;
      top: -14px; }
      @media only screen and (max-width: 767px) {
        .article-list_typeF .article-post__icon {
          left: 7px;
          top: -8px; } }
    .article-list_typeF .article-post__img {
      margin-bottom: 10px;
      position: relative; }
    /*.article-list_typeF .article-post__status, .article-list_typeF .article-heading__status {
      margin: 0;
      position: absolute;
      right: 10px;
      top: 10px;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: flex-end;
      align-items: flex-end; }
      .article-list_typeF .article-post__status > span, .article-list_typeF .article-heading__status > span {
        margin: 0; }
        .article-list_typeF .article-post__status > span:nth-child(n + 2), .article-list_typeF .article-heading__status > span:nth-child(n + 2) {
          margin: 5px 0 0; }*/
    .article-list_typeF .article-post__status, .article-heading__status {
      margin: initial;}
    .article-list_typeF .article-post__title {
      margin: 0 0 10px; }
      .article-list_typeF .article-post__title span {
        font-size: 18px;
        font-size: 1.8rem;
        font-feature-settings: inherit; }
        @media only screen and (max-width: 767px) {
          .article-list_typeF .article-post__title span {
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 1.75; } }
      .article-list_typeF .article-post__title i img {
        vertical-align: sub; }
    .article-list_typeF .article-post__sub {
      width: 100%;
      position: static; }
    .article-list_typeF .article-post__arrow {
      position: absolute;
      z-index: 10;
      top: 75px;
      /*top: 66px;*/
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .article-list_typeF .article-post__arrow.slick-disabled {
        opacity: 0; }
      .article-list_typeF .article-post__arrow_left {
        left: 10px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
      .article-list_typeF .article-post__arrow_right {
        right: 10px; }

/*------------------------------------------------
TypeG
-------------------------------------------------*/

.article-list_typeG {
  padding-bottom: 45px; }
  @media only screen and (min-width: 768px) {
    .article-list_typeG {
      display: none; }
      .article-list_typeG.slick-initialized {
        display: block; }
      .article-list_typeG .slick-list {
        max-width: 600px;
        overflow: inherit;
        position: relative; }
        .article-list_typeG .slick-list .slick-slide {
          padding-right: 20px; } }
  @media only screen and (max-width: 767px) {
    .article-list_typeG {
      width: calc(100% + 10px);
      overflow-x: auto;
      /* 横スクロールの指定 */
      white-space: nowrap;
      /* 横スクロールの指定 */
      overflow-scrolling: touch;
      /* スクロールを滑らかにする */
      -webkit-overflow-scrolling: touch;
      /* スクロールを滑らかにする */
      -ms-overflow-style: none;
      /* IE, Edge 対応 */
      scrollbar-width: none;
      /* Firefox 対応 */ }
      .article-list_typeG::-webkit-scrollbar {
        /* Chrome, Safari 対応 */
        display: none; }
      .article-list_typeG > li {
        width: 67.6vw;
        display: inline-block;
        vertical-align: top;
        padding-top: 10px;
        padding-right: 10px; }
        .article-list_typeG > li .article-post__title > span {
          white-space: initial; }
        .article-list_typeG > li:last-child {
          padding-right: 10px; } }
  .article-list_typeG .article-post {
    position: relative; }
    .article-list_typeG .article-post__icon {
      left: 10px;
      top: -14px; }
      @media only screen and (max-width: 767px) {
        .article-list_typeG .article-post__icon {
          left: 7px;
          top: -8px; } }
    .article-list_typeG .article-post__img {
      margin-bottom: 10px;
      position: relative; }
    /*.article-list_typeG .article-post__status, .article-list_typeG .article-heading__status {
      margin: 0;
      position: absolute;
      right: 10px;
      top: 10px;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: flex-end;
      align-items: flex-end; }
      .article-list_typeG .article-post__status > span, .article-list_typeG .article-heading__status > span {
        margin: 0; }
        .article-list_typeG .article-post__status > span:nth-child(n + 2), .article-list_typeG .article-heading__status > span:nth-child(n + 2) {
          margin: 5px 0 0; }*/
    .article-list_typeG .article-post__title {
      margin: 0 0 10px; }
      .article-list_typeG .article-post__title span {
        font-size: 18px;
        font-size: 1.8rem;
        font-feature-settings: inherit; }
        @media only screen and (max-width: 767px) {
          .article-list_typeG .article-post__title span {
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 1.75; } }
      .article-list_typeG .article-post__title i {
        display: inline-block; }
        .article-list_typeG .article-post__title i img {
          vertical-align: sub;
          display: inline-block; }
    .article-list_typeG .article-post__sub {
      width: 100%;
      position: static; }
    .article-list_typeG .article-post__arrow {
      position: absolute;
      z-index: 10;
      top: 66px;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .article-list_typeG .article-post__arrow.slick-disabled {
        opacity: 0; }
      .article-list_typeG .article-post__arrow_left {
        left: 10px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
      .article-list_typeG .article-post__arrow_right {
        right: 10px; }

/*------------------------------------------------
TypeH(tag board-games), TypeI(tag gadget), TypeI(tag art), TypeK(tag japan), TypeL(popular-projects), TypeM(tag filmvideo music)
-------------------------------------------------*/

.article-list_typeH, .article-list_typeI, .article-list_typeJ, .article-list_typeK, .article-list_typeL, .article-list_typeM, .article-list_typeO  {
  padding-bottom: 45px; }
  @media only screen and (min-width: 768px) {
    .article-list_typeH, .article-list_typeI, .article-list_typeJ, .article-list_typeK, .article-list_typeL, .article-list_typeM, .article-list_typeO {
      display: none; }
      .article-list_typeH.slick-initialized, .article-list_typeI.slick-initialized, .article-list_typeJ.slick-initialized, .article-list_typeK.slick-initialized, .article-list_typeL.slick-initialized, .article-list_typeM.slick-initialized, .article-list_typeO.slick-initialized {
        display: block; }
      .article-list_typeH .slick-list, .article-list_typeI .slick-list, .article-list_typeJ .slick-list, .article-list_typeK .slick-list, .article-list_typeL .slick-list, .article-list_typeM .slick-list, .article-list_typeO .slick-list {
        max-width: 600px;
        overflow: inherit;
        position: relative; }
        .article-list_typeH .slick-list .slick-slide, .article-list_typeI .slick-list .slick-slide, .article-list_typeJ .slick-list .slick-slide, .article-list_typeK .slick-list .slick-slide, .article-list_typeL .slick-list .slick-slide, .article-list_typeM .slick-list .slick-slide, .article-list_typeO .slick-list .slick-slide {
          padding-right: 20px; } }
  @media only screen and (max-width: 767px) {
    .article-list_typeH, .article-list_typeI, .article-list_typeJ, .article-list_typeK, .article-list_typeL, .article-list_typeM, .article-list_typeO {
      width: calc(100% + 10px);
      overflow-x: auto;
      /* 横スクロールの指定 */
      white-space: nowrap;
      /* 横スクロールの指定 */
      overflow-scrolling: touch;
      /* スクロールを滑らかにする */
      -webkit-overflow-scrolling: touch;
      /* スクロールを滑らかにする */
      -ms-overflow-style: none;
      /* IE, Edge 対応 */
      scrollbar-width: none;
      /* Firefox 対応 */ }
      .article-list_typeH::-webkit-scrollbar, .article-list_typeI::-webkit-scrollbar, .article-list_typeJ::-webkit-scrollbar, .article-list_typeK::-webkit-scrollbar, .article-list_typeL::-webkit-scrollbar, .article-list_typeM::-webkit-scrollbar, .article-list_typeO::-webkit-scrollbar {
        /* Chrome, Safari 対応 */
        display: none; }
      .article-list_typeH > li, .article-list_typeI > li, .article-list_typeJ > li, .article-list_typeK > li, .article-list_typeL > li, .article-list_typeM > li, .article-list_typeO > li {
        width: 67.6vw;
        display: inline-block;
        vertical-align: top;
        padding-top: 10px;
        padding-right: 10px; }
        .article-list_typeH > li .article-post__title > span, .article-list_typeI > li .article-post__title > span, .article-list_typeJ > li .article-post__title > span, .article-list_typeK > li .article-post__title > span, .article-list_typeL > li .article-post__title > span, .article-list_typeM > li .article-post__title > span, .article-list_typeO > li .article-post__title > span {
          white-space: initial; }
        .article-list_typeH > li:last-child, .article-list_typeI > li:last-child, .article-list_typeJ > li:last-child, .article-list_typeK > li:last-child, .article-list_typeL > li:last-child, .article-list_typeM > li:last-child, .article-list_typeO > li:last-child {
          padding-right: 10px; } }
  .article-list_typeH .article-post, .article-list_typeI .article-post, .article-list_typeJ .article-post, .article-list_typeK .article-post, .article-list_typeL .article-post, .article-list_typeM .article-post, .article-list_typeO .article-post {
    position: relative; }
    .article-list_typeH .article-post__icon, .article-list_typeI .article-post__icon, .article-list_typeJ .article-post__icon, .article-list_typeK .article-post__icon, .article-list_typeL .article-post__icon, .article-list_typeM .article-post__icon, .article-list_typeO .article-post__icon {
      left: 10px;
      top: -14px; }
      @media only screen and (max-width: 767px) {
        .article-list_typeH .article-post__icon, .article-list_typeI .article-post__icon, .article-list_typeJ .article-post__icon, .article-list_typeK .article-post__icon, .article-list_typeL .article-post__icon, .article-list_typeM .article-post__icon, .article-list_typeO .article-post__icon {
          left: 7px;
          top: -8px; } }
    .article-list_typeH .article-post__img, .article-list_typeI .article-post__img, .article-list_typeJ .article-post__img, .article-list_typeK .article-post__img, .article-list_typeL .article-post__img, .article-list_typeM .article-post__img, .article-list_typeO .article-post__img {
      margin-bottom: 10px;
      position: relative; }
    /*.article-list_typeH .article-post__status, .article-list_typeH .article-heading__status {
      margin: 0;
      position: absolute;
      right: 10px;
      top: 10px;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: flex-end;
      align-items: flex-end; }
      .article-list_typeH .article-post__status > span, .article-list_typeH .article-heading__status > span {
        margin: 0; }
        .article-list_typeH .article-post__status > span:nth-child(n + 2), .article-list_typeH .article-heading__status > span:nth-child(n + 2) {
          margin: 5px 0 0; }*/
    .article-list_typeH .article-post__title, .article-list_typeI .article-post__title, .article-list_typeJ .article-post__title, .article-list_typeK .article-post__title, .article-list_typeL .article-post__title, .article-list_typeM .article-post__title, .article-list_typeO .article-post__title {
      margin: 0 0 10px; }
      .article-list_typeH .article-post__title span, .article-list_typeI .article-post__title span, .article-list_typeJ .article-post__title span, .article-list_typeK .article-post__title span, .article-list_typeL .article-post__title span, .article-list_typeM .article-post__title span, .article-list_typeO .article-post__title span {
        font-size: 18px;
        font-size: 1.8rem;
        font-feature-settings: inherit; }
        @media only screen and (max-width: 767px) {
          .article-list_typeH .article-post__title span, .article-list_typeI .article-post__title span, .article-list_typeJ .article-post__title span, .article-list_typeK .article-post__title span, .article-list_typeL .article-post__title span, .article-list_typeM .article-post__title span, .article-list_typeO .article-post__title span {
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 1.75; } }
      .article-list_typeH .article-post__title i, .article-list_typeI .article-post__title i, .article-list_typeJ .article-post__title i, .article-list_typeK .article-post__title i, .article-list_typeL .article-post__title i, .article-list_typeM .article-post__title i, .article-list_typeO .article-post__title i {
        display: inline-block; }
        .article-list_typeH .article-post__title i img, .article-list_typeI .article-post__title i img, .article-list_typeJ .article-post__title i img, .article-list_typeK .article-post__title i img, .article-list_typeL .article-post__title i img, .article-list_typeM .article-post__title i img, .article-list_typeO .article-post__title i img {
          vertical-align: sub;
          display: inline-block; }
    .article-list_typeH .article-post__sub, .article-list_typeI .article-post__sub, .article-list_typeJ .article-post__sub, .article-list_typeK .article-post__sub, .article-list_typeL .article-post__sub, .article-list_typeM .article-post__sub, .article-list_typeO .article-post__sub {
      width: 100%;
      position: static; }
    .article-list_typeH .article-post__arrow, .article-list_typeI .article-post__arrow, .article-list_typeJ .article-post__arrow, .article-list_typeK .article-post__arrow, .article-list_typeL .article-post__arrow, .article-list_typeM .article-post__arrow, .article-list_typeO .article-post__arrow {
      position: absolute;
      z-index: 10;
      top: 66px;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .article-list_typeH .article-post__arrow.slick-disabled, .article-list_typeI .article-post__arrow.slick-disabled, .article-list_typeJ .article-post__arrow.slick-disabled, .article-list_typeK .article-post__arrow.slick-disabled, .article-list_typeL .article-post__arrow.slick-disabled, .article-list_typeM .article-post__arrow.slick-disabled, .article-list_typeO .article-post__arrow.slick-disabled {
        opacity: 0; }
      .article-list_typeH .article-post__arrow_left, .article-list_typeI .article-post__arrow_left, .article-list_typeJ .article-post__arrow_left, .article-list_typeK .article-post__arrow_left, .article-list_typeL .article-post__arrow_left, .article-list_typeM .article-post__arrow_left, .article-list_typeO .article-post__arrow_left {
        left: 10px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
      .article-list_typeH .article-post__arrow_right, .article-list_typeI .article-post__arrow_right, .article-list_typeJ .article-post__arrow_right, .article-list_typeK .article-post__arrow_right, .article-list_typeL .article-post__arrow_right, .article-list_typeM .article-post__arrow_right, .article-list_typeO .article-post__arrow_right {
        right: 10px; }

    .article-list_typeH .status__title, .article-list_typeI .status__title, .article-list_typeJ .status__title, .article-list_typeK .status__title, .article-list_typeL .status__title, .article-list_typeM .status__title, .article-list_typeO .status__title {
		margin: 0px 0px 10px;
      }

/*------------------------------------------------
TypeN(tag tips)
-------------------------------------------------*/
.article-list_typeN {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 45px;
  justify-content: space-between;}
  @media only screen and (min-width: 768px) {
    main .article-list_typeN > li {
      width: calc((100% - 30px) / 4);
      margin-top: 20px;
      /*margin-left: 30px;*/ } }
  .article-list_typeN > li {
    width: calc((100% - 15px) / 4);
    margin-top: 12px;
    /*margin-left: 15px;*/ }
    .article-list_typeN > li:nth-child(-n + 4) {
      margin-top: 0; }
    .article-list_typeN > li:nth-child(3n + 4) {
      /*margin-left: 0;*/ }
  .article-list_typeN .article-post {
    position: relative; }
    .article-list_typeN .article-post__img {
      margin-bottom: 10px; }


/*------------------------------------------------
Counter
-------------------------------------------------*/

.ranking　{
  counter-reset: ranking 0 !important;
}

.ranking .slick-slide li:before /*PC*/ {
  counter-increment: ranking 1;
  content: counter(ranking);
  background-color: #29D284;
  font-size: 85%;
  display: block;
  position: absolute;
  color: #ffffff;
  padding: 0.2em 0.2em 0.2em 0;
  font-weight: bold;
  width: 4.5em;
  text-align: center;
  opacity: 0.8;
  border-radius: 0 18px 18px 0;
  box-sizing: border-box;
  z-index: 10;
}

.ranking .article-list_typeE > li:before /*SP*/ {
  counter-increment: ranking 1;
  content: counter(ranking);
  background-color: #29D284;
  font-size: 85%;
  display: block;
  top: 20px;
  position: relative;
  /*position: absolute;*/
  color: #ffffff;
  padding: 0.2em 0.2em 0.2em 0;
  font-weight: bold;
  width: 4.5em;
  text-align: center;
  opacity: 0.8;
  border-radius: 0 18px 18px 0;
  box-sizing: border-box;
  z-index: 10;
}

@media only screen and (max-width: 767px) {
.ranking .article-list_typeE .article-post__title span {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5em;
  font-feature-settings: "palt";
}	
}

 /*------------------------------------------------
Hamburger
-------------------------------------------------*/
.header__nav_hamburger .nav-large > li.nav-large_subnav{
    margin-top: 10px;
    height: 20px;
    font-weight:bold;
    font-size:1.4rem;
}
.header__nav_hamburger .nav-large > li.nav-large_subnav:after{
    content: '';
    width: 8.5px;
    height: 13.5px;
    background-image: url(../images/common/icon-arrow-black.svg);
    background-repeat: no-repeat;
    background-size: 8.5px 13.5px;
    background-position: center;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.header__nav_hamburger .nav-large > li.nav-large_subnav.mgnbtm25{
    margin-bottom:25px !important;
}
.header__nav_hamburger .category-list {
    padding: 25px 0 0 0;
    border-top: #000 solid 2.5px;
}
.header__nav_hamburger .category-list > span {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 0;
}
.header__nav_hamburger .nav-small > li {
    position: relative;
    padding: 20px 0 0 0;
    border-left:none;
}
.header__nav_hamburger .nav-small {
    padding-left:0;
    border:0;
    margin: 0 0 28px;
}
.header__nav_hamburger .nav-small > li:after {
top: 75%;
}
@media screen and (min-width: 940px){
    .header__nav_hamburger .nav-large > li a .ja span {
        font-size:1.15rem;
        line-height:1.5em;
    }
    .header__nav_hamburger .nav-large > li.nav-large_subnav{
        margin-top: 20px;
        font-size: 1.4rem;
        height:10px;
    }
    .header__nav_hamburger .nav-large > li.nav-large_subnav:after{
        content: '';
        background-image: url(../images/common/icon-arrow-black.svg);
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .header__nav_hamburger .nav-large > li.nav-large_subnav.mgnbtm25 {
        margin-bottom:0 !important;
    }
    .header__nav_hamburger .category-list {
    margin: 0 !important;
    position: relative !important;
    top: -5px !important;
    padding:0 !important;
    border-top:0 !important;
    padding-left:15px !important;
    width:185px !important;
    }
    .header__nav_hamburger .category-list > span{
    font-weight: bold;
    display: inline-block;
    font-size: 1.2rem !important;
    }
    .header__nav_hamburger .keyword-list {
    padding:0 0 0 20px !important;
    }
}



/* トップのスライダー部分の「新着」アイコン */
.article-list_typeE .article-post__icon {
    left: 10px;
    top: -10px;
}
.article-post__icon {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    font-size: 1.0rem !important;
    padding-top: 8px !important;
}
@media only screen and (max-width: 767px){
.article-list_typeE .article-post__icon {
    left: 10px;
    top: -10px;
}
.article-post__icon {
    font-size: 0.7rem !important;
    width: 24px !important;
    height: 24px !important;
    padding-top: 8px !important;
}
}





/* 検索ページ */
.searchtxt{
margin-bottom:80px;
}




/* ハンバーガーメニュー内調整 20210607 */
.header__nav_hamburger .nav-large > li a .en small, .header__nav_hamburger .nav-large > li a .en span {
    font-size: 1.5rem;
}
.header__nav_hamburger .nav-large > li a .en small, .header__nav_hamburger .nav-large > li a .en span small{
    color:#000000;
    font-size: 14px !important;
    line-height: 1.6em;
}
.header__nav_hamburger .nav-large > li a .ja {
    line-height: 1.6em;
}
.header__nav_hamburger .nav-large > li a .ja span {
   font-size: 1.5rem;
}
@media screen and (min-width: 940px){
.header__nav_hamburger .nav-large > li a .en small, .header__nav_hamburger .nav-large > li a .en span {
    font-size: 1.6rem;
}
.header__nav_hamburger .nav-large > li a .ja span {
    font-size: 1.5rem;
    line-height: 1.2em;
}
}


/* カラーボタン 20210607 */
@media only screen and (max-width: 767px){
.button.linkbutton_yellow > a,
.button.linkbutton_blue > a,
.button.linkbutton_black > a,
.button.linkbutton_red > a
    {
    font-size:1.4rem !important;
    padding: 10px 25px 10px 10px !important;
    }
.button.linkbutton_green > a {
    font-size:1.2rem !important;
    padding: 10px 25px 10px 5px !important;
    }
.button.linkbutton_kodansha > a {
    padding: 10px 20px 10px 10px !important;
    }
}
.button.linkbutton_yellow > a {
    border:none !important;
}
.button.linkbutton_yellow > a:after {
    background-image: url(/images/common/icon-arrow.svg);
}
.linkbutton_yellow > a {
    color: #FFF;
    background-color: #FFEA4A;
}
.linkbutton_yellow > a span{
    color:#000000;
    padding-left:10px;
    font-size:1.1em;
}
.linkbutton_yellow > a span small{
    font-size:0.7em !important;
}

.button.linkbutton_blue > a {
    border:none !important;
}
.button.linkbutton_blue > a:after {
    background-image: url(/images/common/icon-arrow.svg);
}
.linkbutton_blue > a {
    color: #FFF;
    background-color: #5073FF;
}
.linkbutton_blue > a span{
    color:#000000;
    padding-left:10px;
    font-size:1.1em;
}
.linkbutton_blue > a span small{
    font-size:0.7em !important;
}
.button.linkbutton_red > a:after {
    background-image: url(/images/common/icon-arrow-red.svg);
}
.linkbutton_red > a {
    color: #cc0000;
    background-color: #ffffff;
    border: 1px solid #cc0000 !important;
}
.linkbutton_red > a span{
    color:#cc0000;
    padding-left:10px;
    font-size:1.1em;
}
.linkbutton_red > a span small{
    font-size:0.7em !important;
}
.linkbutton_red.linkbutton_red_promokun{
    width: 20px;
    margin-right: 5px;
    vertical-align: middle;
}
    @media only screen and (min-width: 768px) {
    .linkbutton_red.linkbutton_red_promokun{
        width: 25px;
    }
    }
    /*.button.linkbutton_red > a:before {
      content: '';
      width: 15px;
      height: 15px;
      background-image: url(/images/common/promokun-icon.png);
      background-repeat: no-repeat;
      background-size: 15px 15px;
      background-position: center;
      position: absolute;
      top: 56%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 15px; }
      @media only screen and (min-width: 768px) {
        .button.linkbutton_red > a:before {
          width: 20px;
          height: 20px;
          background-size: 20px 20px;
          left: 115px; } }*/

.button.linkbutton_black > a:after {
    background-image: url(/images/common/icon-arrow-black.svg);
}
.linkbutton_black > a {
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #000000 !important;
}
.linkbutton_black > a span{
    color:#000000;
    padding-left:10px;
    font-size:1.1em;
}
.linkbutton_black > a span small{
    font-size:0.7em !important;
}


.button.linkbutton_green > a {
    border:none !important;
}
.button.linkbutton_green > a:after {
    background-image: url(/images/common/icon-arrow.svg);
}
.linkbutton_green > a {
    color: #FFF;
    background-color: #29D284;
}
.linkbutton_green > a span{
    color:#000000;
    padding-left:10px;
}
.linkbutton_green > a span small{
    font-size:0.9em !important;
}
@media only screen and (max-width: 767px){
.linkbutton_green > a span small{
    font-size:1.0em !important;
}
}


.button.linkbutton_contact > a {
    border:none !important;
    padding: 10px 25px 10px 5px !important;
}
@media only screen and (max-width: 767px){
.button.linkbutton_contact > a {
    font-size:1.4rem !important;
    padding: 7px 25px 7px 5px !important;
    }
}
.button.linkbutton_contact > a {
    border:none !important;
}
.button.linkbutton_contact > a:after {
    background-image: url(/images/common/icon-arrow.svg);
}
.linkbutton_contact > a {
    color: #000000;
    background-color: #29D284;
}
.linkbutton_contact > a span{
    color:#000000;
    padding-left:10px;
    vertical-align: middle;
}
.linkbutton_contact img{
    width:30px;
    vertical-align: middle;
}
@media only screen and (min-width: 768px){
.linkbutton_contact img{
    width:50px;
    vertical-align: middle;
}
}

.button.linkbutton_contact2 > a {
    border:none !important;
    padding: 10px 25px 10px 5px !important;
}
@media only screen and (max-width: 767px){
.button.linkbutton_contact2 > a {
    font-size:1.4rem !important;
    padding: 7px 25px 7px 5px !important;
    }
}
.button.linkbutton_contact2 > a:after {
    background-image: url(/images/common/icon-arrow.svg);
}
.linkbutton_contact2 > a {
    color: #ffffff;
    background-color: #333333;
}
.linkbutton_contact2 > a span{
    color:#ffffff;
    padding-left:10px;
    vertical-align: middle;
}
.linkbutton_contact2 img{
    width:30px;
    vertical-align: middle;
}
@media only screen and (min-width: 768px){
.linkbutton_contact2 img{
    width:50px;
    vertical-align: middle;
}
}



.button.linkbutton_contact2_side > a, .button.linkbutton_side > a, .button.linkbutton_side_green > a, .button.linkbutton_side > a, .button.linkbutton_side_black > a {
    border:2px solid #29D284;
    padding: 10px 25px 10px 5px !important;
}
@media only screen and (max-width: 767px){
.button.linkbutton_contact2_side > a, .button.linkbutton_side > a, .button.linkbutton_side_green > a, .button.linkbutton_side_black > a {
    font-size:1.4rem !important;

    }
}
.button.linkbutton_contact2_side > a:after, .button.linkbutton_side > a:after {
    background-image: url(/images/common/icon-arrow-green.svg);
}
.button.linkbutton_side_green > a:after, .button.linkbutton_side_black > a:after {
    background-image: url(/images/common/icon-arrow.svg);
}
@media only screen and (min-width: 767px){
.button.linkbutton_contact2_side > a:after, .button.linkbutton_side > a:after, .button.linkbutton_side_green > a:after, .button.linkbutton_side_black > a:after {
    right: 20px !important;
    width: 10px;
    height: 18px;
    background-size: 10px 18px;
    }
}
.linkbutton_contact2_side > a, .linkbutton_side > a {
    color: #29D284;
    background-color: #fff;
    font-size:16px !important;
}
.linkbutton_side_green > a {
    color: #ffffff;
    background-color: #29D284;
    font-size:16px !important;
}
.linkbutton_side_black > a {
    color: #000000;
    background-color: #29D284;
    font-size:16px !important;
}
.linkbutton_contact2_side > a span, .linkbutton_side > a span{
    color:#29D284;
    padding-left:10px;
    /*vertical-align: middle;*/
}
.linkbutton_side_green > a span{
    color:#ffffff;
    padding-left:10px;
    /*vertical-align: middle;*/
}
.linkbutton_side_black > a span{
    color:#000000;
    padding-left:10px;
    /*vertical-align: middle;*/
}
.linkbutton_contact2_side img, .linkbutton_side img, .linkbutton_side_green img, .linkbutton_side img, .linkbutton_side_black img{
    width:30px;
    /*vertical-align: middle;*/
}
@media only screen and (min-width: 768px){
.linkbutton_contact2_side img, .linkbutton_side img, .linkbutton_side_green img, .linkbutton_side_black img{
    width:50px;
    /*vertical-align: middle;*/
}
}


/* PC右側の新着アイコン 20210607
@media only screen and (min-width: 768px){
.recommended.article-block ul.article-list.article-list_typeA .article-post__icon{
    width: 28px !important;
    height: 20px !important;
    padding-top:4px !important;
}
*/


/* インスタ一覧のボーダー */
.project.article-block.instagram-block .article-list_typeF .article-post__img img{
  border: #D6D6D6 solid 0.5px !important;
}
.instagram .article-list_typeMix-B li .article-post img{
  border: #D6D6D6 solid 0.5px !important;
}

 /*------------------------------------------------
Page Navi
-------------------------------------------------*/
.wp-pagenavi .last, .wp-pagenavi .first {
    font-size: 13px !important;
    font-size: 1.3rem !important;
    margin: 0 12px !important;
}
.wp-pagenavi .nextpostslink {
    margin-left: 15px !important;
	/*display: none;*/
}
.wp-pagenavi .previouspostslink {
    margin-right: 15px !important;
	/*display: none;*/
}
.wp-pagenavi .page, .wp-pagenavi .extend {
    margin: 0 7px !important;
}

.wp-pagenavi .current {
    margin: 0 2px !important;
}

 /*------------------------------------------------
PageLink
-------------------------------------------------*/
@media only screen and (min-width: 768px) {
.page-link__top .page-link {
        margin: 0 0 40px !important;
}
}



/*------------------------------------------------
メディア掲載
-------------------------------------------------*/
.mediaarea{
    padding: 0 14px;
    font-size:1.4rem;
    line-height:1.6em;
}

.mediaarea p{
    margin:10px 0 0 0;
}


@media only screen and (min-width: 768px) {
.mediaarea{
    padding:0;
    /*width:300px;*/
    font-size:14px;
}
}

.mediaarea_projectbox{
  margin-bottom:30px;
  /*border-top: #29D284 solid 1px;
  padding-top: 40px;*/
}

.mediaarea_projectbox:first-child {
  /*border-top: none !important;
  padding-top: 0px !important;*/
}

.mediaarea_projectbox h4.article-post__title {
    margin: 0 0 10px;
}

.mediaarea_projectbox .article-post__title span {
    font-size: 18px;
    font-size: 1.8rem;
    font-feature-settings: inherit;
	font-weight: bold;
    line-height: 1.5em;
}

.mediaarea_projectbox .text {
　　line-height: 24px;
}

.mediaarea_projectbox .readmore-btn {
　　text-align: right;
　　display: none;
}

.read-more-state {
  display: none;
}
.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .15s ease;
}
.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}
.read-more-state ~ .read-more-trigger:before {
  content: '↓その他のメディア掲載実績';
}
.read-more-state:checked ~ .read-more-trigger:before {
   content: '↑閉じる';
}
.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  font-size:1.4rem;
  line-height: 1.6em;
  padding-bottom:20px;
}




/*------------------------------------------------
続きを読む
-------------------------------------------------*/
.media .media-inner{
    margin-bottom:20px;
}
.media .media-inner ul{
    margin-left:10px !important;
}
@media only screen and (min-width: 768px) {
  .media .media-inner ul {
    margin-top: 0;
  }
}

.media .media-inner ul li {
  position: relative;
  font-size: 15px;
  font-size: 1.5rem;
  line-height:1.8em;
  padding: 0 0 0 20px;
}
.media .media-inner ul li a:before{
  counter-increment: list;
  content: url(/images/common/icon-pen.png) !important;
  display: block;
  position: absolute;
  margin-right: 5px;
  left: -6px;
  height: 17px !important;
  width: 17px !important;
  top: 5% !important;
  transform: scale(0.035);
}

.media .media-inner ul.ul02 {
  display: none;
}

.media .media-inner ul.ul02 li:last-child {
  background: none;
}



@media only screen and (min-width: 768px) {
  .media .media-inner ul li{
  font-size: 16px;
  font-size: 1.6rem;
  }
  .media .media-inner ul li:before {

  }
}

.media .media-inner ul li date {
  font-size: 13px;
  font-size: 1.3rem;
}

@media only screen and (min-width: 768px) {
  .media .media-inner ul li date {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.7;
  }
}

.media .media-inner ul li p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.7;
  padding-top: 4px;
}

.media .media-inner>a {
  width: 100%;
  padding: 10px 0;
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  /*font-size: 15px;
  font-size: 1.5rem;*/
  /*color: #b2b2b2;*/
  margin: 0 auto;
  position: relative;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

@media only screen and (min-width: 768px) {
  .media .media-inner>a {
    padding: 5px 0;
    /*width: 300px;*/
  }
}

.media .media-inner a:hover {
  opacity: .7;
}

.media .media-inner .plus:before {
  content: 'もっと見る ＋';
  /*content: '↓';*/
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.media .media-inner .minus:before {
  content: '閉じる −';
  /*content: '↑';*/
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}


.banner a span {
    padding-top: 5px;
    padding-bottom:10px;
    line-height:1.5em !important;
}


/*------------------------------------------------
SNS side
-------------------------------------------------*/
.nav-block__sns_upper{
    padding:20px 0;
    margin: 10px 17px 20px 17px;
    /*margin: 10px 17px 40px 17px;*/
    background:#d5f6e6;
    border-radius: 10px;
}
.nav-block__sns_upper .official-sns ul > li:nth-child(n + 2) {
    margin-left:30px;
}
.nav-block__sns_upper .official-sns em {
    font-size: 13px;
    font-size: 1.3rem;
}
.nav-block__sns_upper .official-sns > span {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 15px;
}
@media only screen and (min-width: 767px){
    .nav-block__sns_upper{
        padding:20px 0 !important;
        margin:10px auto 20px auto !important;
    }
    .nav-block__sns_upper .official-sns em {
        font-size: 15px;
        font-size: 1.5rem;
    }
    .nav-block__sns_upper .official-sns > span {
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        display: inline-block;
        margin-bottom: 15px;
    }
}

/*------------------------------------------------
記事内のラベル調整
-------------------------------------------------*/
.article-post__status span, .article-heading__status span {
    margin:0 10px 0 0;
}
.article-heading__status span {
    font-size:1.4rem !important;
    font-size:14px !important;
    padding: 6px 16px 7px !important;
}

@media only screen and (max-width: 768px){
.article-post__status span, .article-heading__status span {
    margin:0 10px 0 0 !important;
}
.article-heading__status span {
    font-size:12px !important;
    font-size:1.2rem !important;
    padding: 3px 7px 4px !important;
}
}

@media only screen and (min-width: 768px) {
.recommended .article-list a .article-post__status span,
.recommended .article-list a .article-heading__status span{
margin: 0 3px 6px 0 !important;
}
}

.mediainfo {
    width: 90%;
    margin: 0 auto;
}

@media only screen and (min-width: 768px) {
.mediainfo {
    width: 80%;
    /*width: 50%;*/
    margin: 0 auto;
}
}

 /*------------------------------------------------
Instagram
-------------------------------------------------*/

.instabutton{
}
.instabutton > a {
    width: 90%;
    font-weight:bold;
    font-size: 15px;
    font-size: 1.5rem;
    text-align: center;
    display: inline-block;
    background:#ffffff;
    border:1px solid #000;
    border-radius: 50px;
    padding: 5px 15px 5px 15px;
    position: relative;
    line-height: 1.0em;
    vertical-align:middle;
    color:#000;
    padding:12px 0;
}
.instabutton > a{
  text-decoration:none;
}
.instabutton > a:after {
    content: '';
    width: 15px;
    height: 15px;
    background-image: url(/images/common/icon-target_black.svg);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
}
@media screen and (min-width: 640px) {
.instabutton > a {
    width: 60%;
    font-size:1.0em !important;;
    padding: 5px 60px 7px 30px;
    line-height:2.0em;
}
.instabutton > a:after  {
    width: 16px !important;
    height: 16px !important;
    background-size: 16px 16px;
    right: 33px;
}
}

.instabutton2{
}
.instabutton2 > a {
    width: 90%;
    font-weight:bold;
    font-size: 15px;
    font-size: 1.5rem;
    text-align: center;
    display: inline-block;
    padding: 5px 15px 5px 15px;
    position: relative;
    line-height: 1.0em;
    vertical-align:middle;
    padding:12px 0;
	background: linear-gradient(
135deg
, #427eff 0%, #f13f79 70%) no-repeat;
    color: #fff;
    border-radius: 50px;
    border: none;
}
.instabutton2 > a{
  text-decoration:none;
}
.instabutton2 > a:after {
    content: '';
    width: 10px;
    height: 16px;
    background-image: url(/images/common/icon-arrow.svg);
    background-repeat: no-repeat;
    background-size: 10px 16px;
    background-position: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
}
@media screen and (min-width: 640px) {
.instaicon{
width:80%;
}
.instabutton2 > a {
    width: 60%;
    font-size:1.0em !important;;
padding: 5px 60px 7px 30px;
line-height:2.0em;
}
.instabutton2 > a:after  {
    width: 12px !important;
    height: 20px !important;
    background-size: 12px 20px;
    right: 33px;
}
}


.kickbutton{
}
.kickbutton > a {
    width: 90%;
    font-weight:bold;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    display: inline-block;
    background:#000;
    /*border:1px solid #ffffff;*/
    border-radius: 50px;
    padding: 5px 15px 5px 15px;
    position: relative;
    line-height: 1.0em;
    vertical-align:middle;
    color:#ffffff;
    padding:12px 0;
}
.kickbutton > a{
  text-decoration:none;
}
.kickbutton > a:after {
    content: '';
    width: 15px;
    height: 15px;
    background-image: url(/images/common/icon-target.svg);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
}
@media screen and (min-width: 640px) {
.kickbutton > a {
    width: 60%;
    font-size:1.0em !important;;
    padding: 5px 60px 7px 30px;
    line-height:2.0em;
}
.kickbutton > a:after  {
    width: 16px !important;
    height: 16px !important;
    background-size: 16px 16px;
    right: 33px;
}
}

.navibutton{
}
.navibutton > a {
    width: 90%;
    font-weight:bold;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    display: inline-block;
    background:#05ce78;
    border-radius: 50px;
    padding: 5px 15px 5px 15px;
    position: relative;
    line-height: 1.0em;
    vertical-align:middle;
    color:#fff;
    padding:12px 0;
    border-bottom:1px solid #05ce78;
}
.navibutton > a{
  text-decoration:none;
}
.navibutton > a:after {
    content: '';
    width: 10px;
    height: 16px;
    background-image: url(/images/common/icon-arrow-white2.svg);
    background-repeat: no-repeat;
    background-size: 10px 16px;
    background-position: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
}
@media screen and (min-width: 640px) {
.navibutton > a {
    width: 60%;
    font-size:1.0em !important;;
padding: 5px 60px 7px 30px;
line-height:2.0em;
}
.navibutton > a:after  {
    width: 12px !important;
    height: 20px !important;
    background-size: 12px 20px;
    right: 33px;
}
}


 /*------------------------------------------------
タグmargin調整
-------------------------------------------------*/
.article-list.article-list_typeA .article-post__status span,
.article-list.article-list_typeA .article-heading__status span {
margin: 0 2px 4px 0 !important;
}
@media screen and (min-width: 768px) {
.article-list.article-list_typeA .article-post__status span,
.article-list.article-list_typeA .article-heading__status span {
margin: 0 3px 6px 0 !important;
}
}

.article-list.article-list_typeB .article-post__status span,
.article-list.article-list_typeB .article-heading__status span {
margin: 0 2px 4px 0 !important;
}
@media screen and (min-width: 768px) {
.article-list.article-list_typeB .article-post__status span,
.article-list.article-list_typeB .article-heading__status span {
margin: 0 3px 6px 0 !important;
}
}

.article-list.article-list_typeC .article-post__status span,
.article-list.article-list_typeC .article-heading__status span {
margin: 0 2px 4px 0 !important;
}
@media screen and (min-width: 768px) {
.article-list.article-list_typeC .article-post__status span,
.article-list.article-list_typeC .article-heading__status span {
margin: 0 3px 6px 0 !important;
}
.article-list.article-list_typeC li:first-child .article-post__status{
float: right;
width: calc(100% - 460px);
}
}

 /*------------------------------------------------
Project記事 黒枠ボックス内ロゴ非表示
-------------------------------------------------*/

.article-contents .graybox .boxlogo {
    display: none !important;
}

/*------------------------------------------------
Ranking shortcut
-------------------------------------------------*/

.contents-list-side {
    margin: 10px auto 20px auto !important;
}

.contents-list-side .button.linkbutton_ranking_side > a {
	border: 1px solid #000000;
    border-radius: 0 !important;
	padding: 10px 25px 10px 5px !important;
	font-size: 16px !important;
}

.contents-list-side .button.linkbutton_ranking_side > a:after {
    right: 12px !important;
    width: 10px;
    height: 18px;
    background-size: 10px 18px;
}

@media only screen and (min-width: 768px) {
.contents-list-side .linkbutton_ranking_side > a span {
	font-size: 0.8em;
}
.contents-list-side .button.linkbutton_ranking_side > a:after {
    right: 10px !important;
}
}

@media only screen and (max-width: 767px) {
.contents-list-side .button.linkbutton_ranking_side > a {
    font-size: 1.4rem !important;
	width: 90%;
}
}

/*------------------------------------------------
header__contact
-------------------------------------------------*/

.header__contact {
  width: 45px;
  /*width: 40px;*/
  height: 45px;
  margin-left: 5px;
  display: block;
  /*background-color: #ff3d7b;*/
  /*border-radius: 50%;*/
  position: relative; 
  text-align:center;
  }
  .header__contact img{
  width:100%;
  margin:0 auto;
  }
  @media only screen and (min-width: 768px) {
    .header__contact {
      cursor: pointer;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; 
      margin-right: 5px;}
      .header__contact:hover a {
        opacity: .7; } }
  @media only screen and (min-width: 768px) {
    .header__contact {
      width: 70px;
      height: 70px; 
     /* margin-bottom:30px;*/}
    .header__contact img {
      /*margin-top: 10px;*/}
}

  @media only screen and (max-width: 767px) {
.header__hamburger {
    width: 45px;
    height: 45px;
} }

@media only screen and (max-width: 767px) {
.header__right {
    margin-top: 8px;
	margin-right: 10px;
}
.header__fixed .header__right {
    margin-top: 0px;
}
}

.header__fixed .header__contact {
    width: 50px;
    height: 50px;}
.header__fixed {
    height: 50px;}
  @media only screen and (min-width: 768px) {
    .header__fixed .header__contact {
      width: 40px;
      height: 40px;
}
}
.header__fixed .header__right .search-box {
    margin: 0 20px 0 0;
}

/*------------------------------------------------
medialist_archive
-------------------------------------------------*/

.archive .mediaarea_projectbox {
    margin-bottom: 20px;
    border-top: #29D284 solid 1px;
    padding-top: 40px;
}
.archive .mediaarea_projectbox:first-child {
    border-top: none;
}



/*------------------------------------------------
ハンバーガーメニュー内青いボタン
-------------------------------------------------*/
@media screen and (min-width: 940px){
.header__nav_hamburger .logo {
    max-width: 400px;
}
}
@media screen and (max-width: 940px){
.header__nav_hamburger .logo{
}
.contactarea2{
    width: 50px;
    position: absolute;
    right: 40px;
    top: 5px;
}
}
@media screen and (min-width: 940px){
.contactarea2{
    width:500px;
}
.contactarea2 .header__contact {
    width: 50px;
    height: 50px;
    margin: 0 0 0 430px;
}
}

/*------------------------------------------------
ハンバーガーメニュー内ランキング
-------------------------------------------------*/
.contents-list-head {
    margin: 10px auto 20px auto !important;
}
.contents-list-head .button.linkbutton_ranking_head > a {
    border: 1px solid #000000;
    border-radius: 0 !important;
    padding: 10px 25px 10px  10px !important;
    font-size: 14px !important;
    background:#fff !important;
}
.contents-list-head .button.linkbutton_ranking_head > a:after {
    right: 12px !important;
    width: 10px;
    height: 18px;
    background-size: 10px 18px;
}
@media only screen and (min-width: 768px) {
.contents-list-head .linkbutton_ranking_head > a{
  text-align:left !important;
}
.contents-list-head .linkbutton_ranking_head > a span {
	font-size: 0.9em;
}
.contents-list-head .button.linkbutton_ranking_head > a:after {
    right: 10px !important;
}
}
@media only screen and (max-width: 767px) {
.contents-list-head .button.linkbutton_ranking_head > a {
    font-size: 1.4rem !important;
	width: 90%;
}
}

/*------------------------------------------------
CreatorsLab
-------------------------------------------------*/
.nav-block__creatorslab__outer {
  margin-bottom: 20px; }

.nav-block__creatorslab {
  background-color: #ffffff;
  border: 1px solid;
  width: 300px;
  display: block;
  margin: 0 auto 5px;
	/*margin: 0 auto 30px;*/
  padding: 17px 12.5px;
  text-align: left;
  position: relative; }
  @media only screen and (min-width: 768px) {
    .nav-block__creatorslab {
      cursor: pointer;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .nav-block__creatorslab:hover {
        opacity: .7; } }
  @media only screen and (min-width: 768px) {
    .nav-block__creatorslab {
      padding: 13px 15px;
      /*margin: 0 auto 40px;*/ } }
  .nav-block__creatorslab:after {
    /*content: '';
    width: 12px;
    height: 12px;
    background-image: url(../images/common/icon-target_black.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 12px;*/ }
    @media only screen and (min-width: 768px) {
      .nav-block__creatorslab:after {
        /*width: 9px;
        height: 9px;
        background-size: 9px 9px;*/ } }
  .nav-block__creatorslab img {
    width: 150px;
    margin-left: 20%;}
    @media only screen and (min-width: 768px) {
      .nav-block__creatorslab img {
        width: 140px; } }
  .nav-block__creatorslab span {
    color: #000000;
    font-size: 10px;
    font-size: 1rem;
    display: inline-block;
    padding: 10px 0 2px 10px;
    margin-left: 18%;}
    @media only screen and (min-width: 768px) {
      .nav-block__creatorslab span {
        padding: 10px 0 2px 10px; } }

/*------------------------------------------------
SP スライダータイトル文字サイズ(temp)
-------------------------------------------------*/

@media only screen and (max-width: 767px) {
.project .titlebig .article-list_typeE > li .article-post__title > span, .project .titlebig .article-list_typeH > li .article-post__title > span, .project .titlebig .article-list_typeI > li .article-post__title > span, .project .titlebig .article-list_typeJ > li .article-post__title > span, .project .titlebig .article-list_typeK > li .article-post__title > span, .project .titlebig .article-list_typeL > li .article-post__title > span, .project .titlebig .article-list_typeM > li .article-post__title > span  {
    font-size: 16px;
    /*font-size: 4.1vw;*/
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.5em;
    font-feature-settings: "palt";
    /*font-feature-settings: "inherit";*/
}}

/*------------------------------------------------
注目ワード
-------------------------------------------------*/

@media only screen and (max-width: 767px){
.keyword-nav {
    padding: 5px 0 10px;
}}

 /*------------------------------------------------
各マージン調整
-------------------------------------------------*/

@media only screen and (max-width: 767px) {
.banner-bottom {
    margin: 0 auto 20px !important;
}
body.index .banner {
    padding-bottom: 0px !important;
}
}

/*------------------------------------------------
下部KeywordNav
-------------------------------------------------*/

@media only screen and (min-width: 768px) {
.footer_keyword-nav .keyword-nav{
    width: 750px;
}	
}

.hotkeywords_article-title {
    font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.hotkeywords_article {
    margin: 12px 0 40px;
}

.hotkeywords_article li {
    display: inline-block;
	margin: 0 10px 10px 0;
}


/*------------------------------------------------
successアイコン
-------------------------------------------------*/
.article-post__status span.success, .article-heading__status span.success {
    background-color: #fff;
    border: #cc0000 solid 1px;
    color: #cc0000;
}

/*------------------------------------------------
JAPAN Project
-------------------------------------------------*/
.buttom_jppjt a {
    font-size: 1.2rem;
	font-size: 12px;
}
@media only screen and (min-width: 768px) {
.buttom_jppjt a {
    font-size: 2rem;
	font-size: 20px;
}
}

#jp_pjts .article-list_typeE .article-post__img {
    border: solid 1px #cc0000;
}

/*------------------------------------------------
Instalist Button
-------------------------------------------------*/

.instalistbtn .button > a {
    padding: 0 30px 0 0;
    border: none;
    text-align: right;
    font-size: 16px;
    font-size: 1.6rem;
    /*display: inline-block;*/
}

@media only screen and (min-width: 768px){
.instalistbtn .button > a:after {
    right: 0px;
    /*right: 43px;*/
	}
}

/*------------------------------------------------
Success Navi
-------------------------------------------------*/

/*………………………………………………………
Article Headlines
………………………………………………………*/
.article-headlines-snavi {
  border: #707070 solid 1px;
  text-align: center;
  padding: 15px 10px;
  /*padding: 22px 20px 30px;*/ }
.article-headlines-snavi p {
  padding: 0; }
.article-headlines-snavi .lead {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 10px auto; 
  display: inline-block;
  text-align: left;
  background: #e9f9f1;
  line-height: 1.7em;
  padding: 2%;}
.article-headlines-snavi .title {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: left;
  font-weight: bold;
  margin: 5px auto; 
  width: 100%;
  line-height: 1.545454545em;}
.article-headlines-snavi ol {
  /*width: 100%;*/
  text-align: left;
  /*margin-top: 17px;*/ }
.article-headlines-snavi ol li {
  width: 100%;
  position: relative;
  text-decoration: none;
  margin-top: 5px;}
.article-headlines-snavi ol li:before {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 2em;
  position: absolute;
  left: 0;
  top: 1px; }
.article-headlines-snavi ol li a {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 2em;
  position: relative;}
.article-headlines-snavi ol li p {
  margin: 0 0 0 16px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 2em; }
.article-headlines-snavi ol > li > ul {
  padding-left: 20px; }
.article-headlines-snavi ol > li > ul > li > ul {
  padding-left: 20px; }
.article-headlines-snavi .main-num {
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  border-radius: 50%;
  text-align: center;
  color: #FFF;
  background-color: #000000;
  border: #000000 solid 1px;
  /*color: #000000;
  background-color: #F0F3F5;
  border: #F0F3F5 solid 1px;*/
  padding-top: 2px;
  display: inline-block
   }
.article-headlines-snavi .main-title {
  display: inline-block;
  padding-left: 10px;
  vertical-align: middle;
  line-height: 2em;
   }
.article-headlines-snavi .main-title a {
  font-size: 16px;
  font-size: 1.6rem;
   }
.article-headlines-snavi .current .main-title {
  color: #5073FF;
  font-weight: bold;
   }
.article-headlines-snavi .current .main-num {
  color: #FFF;
  background-color: #000000;
  border: #000000 solid 1px;
  /*color: #FFF;
  background-color: #e5004f;
  border: #e5004f solid 1px;*/
   }
.article-headlines-snavi .sub-num {
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  border-radius: 10%;
  text-align: center;
  color: #000000;
  background-color: #F0F3F5;
  border: #F0F3F5 solid 1px;
  padding-top: 2px;
  display: inline-block
   }
.article-headlines-snavi .current .sub-num {
  color: #FFF;
  background-color: #000000;
  border: #000000 solid 1px;
   }
.article-headlines-snavi .sub-title {
  display: inline-block;
  padding-left: 10px;
  vertical-align: middle;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 2em;
   }
.article-headlines-snavi .current span {
    color: #ff3c5f;
    margin-left: 10px;
}
@media only screen and (min-width: 768px) {
.article-headlines-snavi {
  padding: 15px 20px; }
}

/*………………………………………………………
Parts h2/Q&A
………………………………………………………*/

#s-navi p span.question {
    color: #29D284;
    /*font-weight: bold;*/
    font-weight: 700;
    padding-right: 5px;
}

#s-navi p span.answer {
    color: #5073FF;
    font-weight: bold;
}

#s-navi p span.answer2 {
    color: #000000;
    font-weight: bold;
}

#s-navi p span.answer3 {
    color: #f6507b;
    font-weight: bold;
}

/*………………………………………………………
creator profile
………………………………………………………*/

.article-contents #s-navi .creator-profile {
    padding: 10px 15px;
    /*padding: 2%;*/
    /*padding: 5%;*/
    /*border: 10px solid #F0F3F5;*/
    position: relative;
    background: #000000;
    color: #ffffff;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.75em;
}
.article-contents #s-navi .creator-profile-icon {
    width: 200px;
    margin: 0 auto;
    background: #5073FF;
    color: #ffffff;
    text-align: center;
    font-size: 1.6rem;
    display: block;
    line-height: 25px;
    /*position: absolute;*/
}

.article-contents #s-navi h3, .article-contents h3 a {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5em;
    /*text-decoration: underline;*/
    font-weight: bold;
    margin: 5px auto;
    /*margin: 20px auto;*/
}

.article-contents #s-navi .link-btn-green {
    width: 100%;
    /*width: 90%;*/
    padding: 2px 2px 3px 10px;
    background: #05CE78;
    color: #ffffff;
    margin-left: 0;
    font-size: 0.8em;
    margin-top: 10px;
}

.article-contents #s-navi .link-btn-black {
    width: 100%;
    /*width: 90%;*/
    padding: 2px 2px 3px 10px;
    background: #000000;
    color: #ffffff;
    margin-left: 0;
    font-size: 0.8em;
    margin-top: 10px;
}


.article-contents #s-navi .link-btn {
    width: 100%;
    /*width: 90%;*/
    padding: 2px 2px 3px 10px;
    border: 1px solid #ffffff;
    /*border: 1px solid #05CE78;*/
    background-color: #ffffff;
    color: #000000;
    margin-left: 0;
    font-size: 0.8em;
    margin-top: 10px;
}

@media only screen and (min-width: 768px) {
.article-contents #s-navi .creator-profile {
    padding: 20px 40px 20px;
}
    
.article-contents #s-navi .link-btn-green, .article-contents #s-navi .link-btn-black, .article-contents #s-navi .link-btn {
     width: 45%;
}
}

.article-contents #s-navi .link-btn-green a, .article-contents #s-navi .link-btn-black a, .article-contents #s-navi .link-btn a {
    /*font-size: 0.8em;
    font-size: 12px;
    font-size: 1.2rem;*/
    border-bottom: none;
}

@media only screen and (min-width: 768px) {
.article-contents #s-navi .link-btn-green a, .article-contents #s-navi .link-btn-black a, .article-contents #s-navi .link-btn a {
    /*font-size: 0.8em;*/
    /*font-size: 16px;
    font-size: 1.6rem;*/
}
}

/*………………………………………………………
BackNumber
………………………………………………………*/
/*.article-list_successnavi {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;}
.article-list_successnavi > li {
    width: 100%;
    border-top: #B2B2B2 solid 1px;}
.article-list_successnavi > li:first-child {
    border-top: none; }
.article-list_successnavi > li:last-child {
    border-bottom: #B2B2B2 solid 1px;}
.article-list_successnavi > li .article-post {
    padding: 15px 0 20px;
    position: relative;
    min-height: 120px;}
.article-list_successnavi > li .article-post__img {
    width: 120px;
    float: left;}
.article-list_successnavi .article-post__title {
    width: calc(100% - 130px);
    float: right;}
.article-list_successnavi > li .article-post__img img {
    margin: initial;}
.article-list_successnavi a {
    border-bottom: none;
    margin: initial;}
.article-list_successnavi  > li > a {
    height: initial;}

.article-list_successnavi .backnumber-title .main {
  position: relative; }
  .backnumber-title .main:before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../images/common/icon-check-green.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 5px; }
    @media only screen and (min-width: 768px) {
      .backnumber-title .main:before {
        width: 25px;
        height: 25px;
        background-size: 25px 25px;
        top: 5px;
        margin-right: 3px; } }
    @media all and (-ms-high-contrast: none) {
      .backnumber-title .main:before {
        background-size: 25px 25px; } }
  .backnumber-title .main em {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
    font-weight: bold;
    background:initial;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .backnumber-title .main em {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.5em; } }
  @media only screen and (max-width: 767px) {
    .backnumber-title .main small {
      font-size: 12px;
      font-size: 1.2rem; } }*/

/*………………………………………………………
Other
………………………………………………………*/

/*break-all解除*/
.article-contents #s-navi {
    word-break: break-word;
}

.article-contents #s-navi .article-interview-snavi {
    margin-top: 30px;
    width: 100%;
}

.article-contents #s-navi .article-interview-snavi img {
    margin: 20px auto 10px;
}

.article-contents #s-navi .article-interview-snavi .photo-cap {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5em;
    text-align: center;
    display: block;
    margin: 10px auto 0;
    width: 80%;
    /*width: calc(100% - 20px);*/
}

.article-contents #s-navi .title-snavi {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5em;
  font-weight: bold;
  position: relative;
  padding-left: initial;
  margin: 5px auto;
  /*margin: 20px auto;*/ }

.article-contents #s-navi .title-snavi:before {
  display: none; }

.article-contents #s-navi .lead-box {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.75em;
    background-color: #d5f6e6;
    display: block;
    padding: 17px 20px 20px;
    margin: 40px auto;
}

/*------------------------------------------------
reCAPTCHA v3 ロゴ（バッジ）非表示
-------------------------------------------------*/
.grecaptcha-badge { visibility: hidden; }

/*------------------------------------------------
記事 break-all解除
-------------------------------------------------*/
#project .article-contents, #blogs .article-contents, #success .article-contents, #topics .article-contents  {
    word-break: break-word;
}
/*------------------------------------------------
SmartNews用
-------------------------------------------------*/
.navi-ignore  {
    display: none;
}

/*------------------------------------------------
Backer TOP(202203)
-------------------------------------------------*/

@media only screen and (min-width: 768px) {
.categorymenu-title {
    font-size: 2rem;
}
}

.cat-desc {
    margin-bottom: 10px;
	text-align: center;
	margin-top: -15px;
	font-size: 1.2rem;
	font-size: 12px;
	/*font-size: 1rem;
	font-size: 10px;*/
    font-weight: normal;
    padding-top: 5px;
    line-height: 1.4;
	text-decoration: none;
}

@media only screen and (min-width: 768px) {
.cat-desc {
	font-size: 1.4rem;
	font-size: 14px;
	margin-top: -20px;
	margin-bottom: 30px;
}
}

/**/
.cat-more {
    align-items: center;
    background-color: #01a0e9;
    height: 157px;
    color: #ffffff;
    /*order-radius: 50%;*/
}

.cat-more p {
    text-align: center;
    position: relative;
    top: 40%;
    font-weight: bold;
    line-height: 1.2;
}

@media only screen and (max-width: 767px) {
.cat-more {
    margin-top: 10px;
    height: 36.5vw;
    /*height: 36.5vw;*/
}
.cat-more p {
    top: 35%;
}
}

#project_japan .cat-more {
    background-color: #cc0000;
    color: #ffffff;
}

#jp_pjts .cat-more {
    background-color: #ffffff;
    color: #cc0000;
    border: #cc0000 solid 1px;
}

#project_gadget .cat-more {
    background-color: #01a0e9;
    color: #ffffff;
}

#project_board-games .cat-more {
    background-color: #ffff00;
    color: #707070;
}

#project_art .cat-more {
    background-color: #f6507b;
    color: #ffffff;
}


.cat-more a > p:after {
    content: '';
    width: 12px;
    height: 20px;
    background-image: url(/images/common/icon-arrow.svg);
    background-repeat: no-repeat;
    background-size: 12px 20px;
    background-position: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
}

#jp_pjts .cat-more a > p:after {
    background-image: url(/images/common/icon-arrow-black.svg);
}

/**/

.button.linkbutton_yellow.page-anchor > a:after {
    transform: rotate( 90deg ) !important;
    top: 40%;
}
@media only screen and (min-width: 768px) {
.button.linkbutton_yellow.page-anchor > a:after {
    top: 30%;
}
}

/**/

.categorymenu {
    margin-bottom: 20px; 
    background-color: #F0F3F5;
    padding: 10px 0 2px;
}

.categorymenu .categorymenu-title {
    text-align: center;
    font-weight: bold;
}

.categorymenu ul {
    display: flex; 
    justify-content: space-around;
    margin: 1% auto; font-size: 0.7em;
}

.categorymenu ul li {
    display: inline-block; 
    padding: 4px 9px 5px; 
}

.categorymenu ul li a {
    outline: none; 
    color: #000000; 
    text-decoration: underline;
}

/***tab内 index***/
.tab-block__contents > div.is-show ul {
    width: calc(100% - 20px);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 0.7em;
    /*font-size: 12px;
    font-size: 1.2rem;*/
    text-decoration: underline;
    font-weight: bold;
}
@media only screen and (min-width: 768px) {
.tab-block__contents > div.is-show ul {
    width: calc(100% - 100px);
    font-size: 12px;
    font-size: 1.2rem;
}
}

/***fixed header***/

.header__fixed.is-fixed{
    transition-duration: .2s !important;
}