@charset "utf-8";
/*
Theme Name: influ
Author: circular
Description: インフルエンサーサイトの専用テーマ
Version: 1.0.0
*/
/* ===================
 reset functions.php
=================== */
/* ===================
 web-font

=================== */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif);

/* ===================
 font-family
=================== */
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}

@font-face {
  /*フォントの名前*/
  font-family: 'jane';
  src: url('fonts/DearJane.ttf') format('truetype');

}

body {
  font-family: "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", osaka, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #131200;
  /* background: #f7f5f5; */
  -webkit-text-size-adjust: 100%;
  width: 100%;
  word-break: break-all;
}

input, textarea {
  font-family: -apple-system, "BlinkMacSystemFont", "Noto Sans Japanese", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", osaka, sans-serif;
}

body {
  min-width: 1120px;
  -webkit-text-size-adjust: 100%;
}

* {
  -webkit-appearance: none;
}

.dt *:focus {
  outline: -webkit-focus-ring-color auto 5px !important;
}

#author_template_saboxplugin-gravatar .saboxplugin-gravatar a ,
#author_template_saboxplugin-gravatar .saboxplugin-wrapbox .saboxplugin-authorname a.vcard.author {
    pointer-events: none;
    display:block;
}

@media only screen and (max-width: 768px) {
  body {

    min-width: 100%;
    font-size: 24px;
  }
}

/* ===================
 reset-add
=================== */
a:active {
  color: #222;
}

a {
  color: #666666;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

input[type="text"],
input[type="submit"],
input[type="search"],
input[type="image"],
textarea {
  font-size: 16px;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

a[href^="tel:"] {
  cursor: default;
}

ol, ul {
  list-style: none;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  box-sizing: border-box;
}

/* ===================
 common
=================== */
.nest {
  width: 1100px;
  margin: 0 auto;
}

.cf:after {
  content: "";
  clear: both;
  display: block;
}

.button {
  font-size: 16px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  font-weight: bold;
}

.button::before, .button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}

.button, .button::before, .button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* 黒ベタ-黄色ベタ*/
.btn-b a,
.btn-b>span {
  width: 55.9%;
  line-height: 58px;
  background: #e76c5c;
  color: #ffffff;
  position: relative;
}

.btn-b a:hover {
  opacity: 0.7;
}

.btn-b a:after {
  content: '';
  width: 10px;
  height: 16px;
  background: url(img/icon-arrow-b.png);
  background-size: contain;
  vertical-align: bottom;
  z-index: 10;
  position: absolute;
  top: calc(50% - 8px);
  right: 25px;
}

/* 黄色ベタ-黒ベタ*/
.btn-y a,
.btn-y>span {
  width: 55.9%;
  line-height: 58px;
  background: #fc0;
  color: #333;
  position: relative;
  font-weight: 900;
}

.btn-y a:hover, input:hover[type="submit"] {
  background-color: #333;
  color: #fff;
}

.btn-y a:after,
.btn-y>span:after,
table.form+p+div>p:after,
#feas-searchform-0 p.btn-b:after {
  content: '';
  width: 10px;
  height: 16px;
  background: url(img/icon-arrow-b.png);
  background-size: contain;
  vertical-align: bottom;
  z-index: 10;
  position: absolute;
  top: calc(50% - 8px);
  right: 25px;
}

.btn-y a:hover:after,
table.form+p+div>p:hover:after,
#feas-searchform-0 p.btn-b:hover:after {
  background: url(img/icon-arrow-w.png);
  background-size: contain;
}

.shadow {
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.appear {
  transform-origin: center top;
  animation: show 1s both;
}

span.appear {
  display: inline-block;
  white-space: nowrap;
}

.d1 {
  animation-delay: 0.5s;
}

.d2 {
  animation-delay: 1s;
}

.d3 {
  animation-delay: 1.5s;
}

.d4 {
  animation-delay: 2s;
}
.mb60  {
  margin-bottom: 60px!important;
}
@keyframes show {
  0% {
    transform: translate(0, 2em);
    opacity: 0;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

header .pc li, header .pc h1,header .pc .h1,
.tbox-blog>a,
footer a, .side-blog li a {
  transition: all .4s;
  display: block
}

.path a {
  transition: all .4s;
}

header .pc li:hover, header .pc h1:hover,header .pc .h1:hover,
.tbox-blog>a:hover,
footer a:hover, .side-blog li a:hover,
.path a:hover {
  opacity: 0.6;
}

.lineatBtn {
  opacity: 0;
  position: fixed;
  right: 50px;
  bottom: 50px;
  z-index: 11;
  transition: all .5s;
}

.lineatBtn.fadein {
  opacity: 1;
}

#footer {
  position: relative;
}

.lineatBtn a {
  display: block;
}

.lineatBtn a img {}

.row_clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 24px;
  max-height: 24px;
}

.catlist-img {
  width: 80px;
  float: left;
}

@media only screen and (max-width: 768px) {
  .button {
    font-size: unset;
  }

  .nest {
    width: 100%;
  }
.bread .nest{
  padding: 0 20px;
}
  .shadow {
    box-shadow: none;
  }

  .btn-b a, .btn-y a {
    width: 100%;
  }

  footer a {
    display: inline
  }
}

.pc-only {
  display: block;
}

.pc-onlyI {
  display: inline;
}

.sp-only, .sp-onlyI {
  display: none;
}

@media only screen and (max-width: 768px) {
  .sp-only {
    display: block;
  }

  .sp-onlyI {
    display: inline;
  }

  .pc-only, .pc-onlyI {
    display: none;
  }
}

.wp-pagenavi {
  display: table;
  clear: both;
  border: 1px solid #eeeeee;
  margin: 0 auto 30px;
}

.wp-pagenavi a, .wp-pagenavi span {
  text-decoration: none;
  border: none;
  border-right: 1px solid #eeeeee;
  padding: 13px 15px;
  display: inline-block;
  margin: 0;
}

.wp-pagenavi a:last-child {
  border-right: none;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
  border-color: #eeeeee;
}

.wp-pagenavi .current {
  background: #dbaa7d;
  color: #ffffff;
}

/* ===================
15_サイトマップ　sitemap
=================== */
dl.search {
  width: 210px;
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #aaa;
  margin-left: auto;
  margin-bottom: 20px;
}

dl.search dt {
  margin-left: 30px;
  padding: 8px 0 8px 8px;
}

dl.search dt input {
  width: 100%;
  height: 24px;
  line-height: 24px;
  background: none;
  border: none;
}

dl.search dd {
  position: absolute;
  top: 10px;
  left: 0px;
}

dl.search dd button {
  display: block;
  background: none;
  border: none;
}

dl.search dd button span {
  display: block;
  width: 14px;
  height: 15px;
  background: url(img/icon-search.png) no-repeat scroll 0 0;
  background-size: 15px auto;
}

.sitemap ul {
  margin: 30px 0 0;
}

.sitemap li {
  font-size: 18px;
  margin: 10px 0 0 0;
}

.sitemap li:before {
  /*疑似要素*/
  display: inline-block;
  vertical-align: middle;
  content: '';
  width: 0.5em;
  height: 0.5em;
  background: #333;
  border-radius: 50%;
  margin-right: 8px;
}

@media only screen and (max-width: 425px) {
  dl.search {
    margin: 0 0;
  }
}

/* ===================
 header
=================== */
header {
  background: #ffffff;
  /* box-shadow:0 -10px 10px 10px rgba(0,0,0,0.4); */
}

#header {}

.header_inner {
  margin-top: 15px;
      display: flex;
      flex-direction: column;
    }
.header_inner h1{

}
.header_inner .inner {}

header nav {
  display: flex;
  justify-content: space-between;
}

header nav.nest {
  position: relative;
  height: 100px;
  z-index: 50;
}

header h1,header .h1 {
  font-size: 10px;
  padding-top: 0px;
  color: #333333;
  font-weight: normal;
  text-align: left;
  margin-bottom: 3px;
}

/* 2021..3.01　追加 */
.header_logo_link {
  display: block;
  width: 390px;
  margin-right: 15px;
  /* padding: 1% 32.14% 0; */
}

header div.hr {
  flex-basis: 60%;
  display: flex;
  /* align-items: baseline; */
  flex-direction: column;
  justify-content: flex-end;
}

header div.hr .inner {}

header ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

header ul li {}

header ul li a {
  font-weight: normal;
  display: block;
  color: #000000;
  padding: 0 18px 12px;
}

header ul li.current a {
  border-bottom: 4px solid #e0822d;
}

header ul li:first-child a {}

@media only screen and (max-width: 768px) {
  #header {}

  header nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}
}

/* ===================
 side-sp-menu
=================== */
.js-offcanvas h3 {
  padding: 11% 20% 7%;
  background: url(img/line-top02.png) center bottom no-repeat;
  margin: 0 0 5% 0;
}

.js-offcanvas h3+ul li {
  width: 100%;
  font-weight: bold;
}

.js-offcanvas h3+ul li a {
  display: block;
  padding: 15px 10px;
  color: #333333;
}

.js-offcanvas ul+p {
  padding: 5px 5% 20px;
}

.js-offcanvas ul.cf li {
  display: inline-block;
  width: 28px;
  padding: 0 0 20px 0;
  margin: 0 5px;
}

.js-fixed-header {
  height: 0;
}

.js-offcanvas ul.cf li img {
  max-height: 28px;
}

@media only screen and (max-width: 768px) {
  .js-fixed-header {
    position: relative;
    background: #ffffff;
    height: 100px;
    z-index: 50;
    /* box-shadow:0 -10px 10px 10px rgba(0,0,0,0.6); */
  }
  .js-offcanvas h3 {
      padding: 11% 20% 7%;
      background: url(img/line-top02.png) center bottom no-repeat;
      margin: 0 0 5% 0;
      text-align: center;
  }
  .navbar-toggle {
    /* float: left;
  margin-left: 10px; */
  }

  .js-offcanvas-btn {
    text-indent: -9999px;
  width: 70px;
  /* flex-basis: 10%; */
  text-align: center;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  /* padding: 5px 0 20px 5px; */
  appearance: none;
  margin-top: -15px;
  margin-right: 0px;
}

  .js-fixed-header h1,  .js-fixed-header .h1 {
    height: auto;
    padding: 0;
    margin-left: 15px;
    margin-top: 0px;
  }

  .js-fixed-header h1 img,  .js-fixed-header .h1 img {
    width: auto;
    padding-top: 0;
  }
}

/* ===================
 mainvisual
=================== */
#mv {
  position: relative;
  background: #efede8;
  padding: 50px 0 30px;
  width: 100%;
}

#mv .slider {}

#mv .slider .slider-child {
  margin: 0 7px;
}

#mv .slider .slider-child .slider_photo {
  overflow: hidden;
  width: 100%;
  height: 300px;
  position: relative;
}

#mv .slider .slider-child .slider_photo img {
  object-fit: cover;
  max-width: 100% !important;
  max-height: 100% !important;
  height: 100%;
  width: 100%;
  transition: 0.8s;
}

.slider_photo:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.slider-text {
  width: 100%;
  position: absolute;
  bottom: 0;
  color: #ffffff;
  background: rgba(67, 67, 67, 0.8);
  padding: 12px;
  text-align: center;
}

.slider .prev {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 9%;
  margin: auto;
  width: 44px;
  height: 44px;
  background-image: url(img/mv_arrow_re.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 44px auto;
  z-index: 1;
}

.slider .next {
  position: absolute;
  top: 0;
  right: 9%;
  bottom: 0;
  margin: auto;
  width: 44px;
  height: 44px;
  background-image: url(img/mv_arrow.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 44px auto;
  z-index: 1;
}

@media only screen and (max-width: 768px) {
  #mv {
    position: relative;
    /* margin-bottom: 10px; */
    height: auto;
    background: #efede8;
    /* background-size: cover; */
    /* background-position: center; */
    padding: 50px 0 80px;
}
.slider .prev,.slider .next
{
  width: 60px;
  height: 60px;
    background-size: 60px auto;
}
.slider .prev{
  left: 3%;
}
.slider .next{
  right: 3%;
}
}

/* ===================
 contents-layout
=================== */
#container {
  scroll-behavior: smooth;


  padding: 40px 0;
}

#main {
  flex-basis: 71%;
  max-width: 71%;
}

#side {
  flex-basis: 25%;
}

p.path {
  font-size: 12px;
  padding: 0 0 1.78% 1.78%;
  text-align: left;
}

p.path span[property="itemListElement"] {
  margin: 0 .5em;
}
@media only screen and (max-width: 768px) {
  #container {
margin-bottom: 0;
    display: block;
    padding-bottom: 0;
  }
  #main {
    max-width: 100%;
      padding: 0 20px;
}
}
/* ===================
サイドバー
=================== */
ul.sidebox {}

ul.sidebox li {
  display: flex;
  margin-bottom: 20px;
}

ul.sidebox li div.s_box div.s_img:before {
  content: '';
}

ul.sidebox li div.s_box div.s_img:before {}

ul.sidebox li div.s_box {
  display: flex;
  justify-content: space-between;
}

ul.sidebox li:first-child {}

ul.sidebox li div.s_box div.s_img {
  flex-basis: 20%;
  margin-right: 7%:;
  height: 40px;
  width: 100%;
}

ul.sidebox li div.s_box div.s_img img {
  object-fit: cover;
}

ul.sidebox li p.ar {
  flex-basis: 73%;
  line-height: 1.6em;
}
.s_ar_box a{
  color: #000000;
}
.s_ar_box, .s_kw_box, .s_ak_box {
  margin-bottom: 50px;
}

.s_ar_box .s_box {}

.s_ak_box li, .s_ar_box li {
  list-style-type: none;

  }
#wpp-2,ul.scat_inner{
  padding-left: 20px!important;
}
.s_ar_box .wpp-list {
  padding-left: 50px;
  position: relative;
}

.s_ar_box .wpp-list li:before {
  position: absolute;
  left: 0;
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(img/rank1.png) no-repeat;
  /* background-size: contain; */
  background-position: center;
}

.s_ar_box .wpp-list li:nth-child(2):before {
  background: url(img/rank2.png) no-repeat;
  background-position: center;
}

.s_ar_box .wpp-list li:nth-child(3):before {
  background: url(img/rank3.png) no-repeat;
  background-position: center;
}

.s_ar_box .wpp-list li:nth-child(4):before {
  background: url(img/rank4.png) no-repeat;
  background-position: center;
}

.s_ar_box .wpp-list li:nth-child(5):before {
  background: url(img/rank5.png) no-repeat;
  background-position: center;
}

.s_kw_box .widget_search_meter::marker, .s_kw_box h2.widgettitle, .s_ak_box h2.widgettitle {
  display: none;
  list-style-type: none;
}

.s_kw_box li, .s_ak_box li {
  list-style-type: none;
}

ul.sidebox li p.tn_usr_text {
  color: #333333;
  font-weight: bold;
}

.sidelink {
  text-align: right;
}

.sidelink a {
  color: #999999;
  text-align: right;
  text-decoration: underline;
}

.s_kw_box ul {
  display: flex;
  ;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.s_kw_box li {
  margin-right: 5px;
  margin-bottom: 10px;
}

.s_kw_box li a {
  color: #333333;
  font-size: 12px;
  background: #fcf7f4;
  padding: 5px 5px;
  border: 1px solid #dbaa7d;
  border-radius: 3px;
}

.s_ak_box ul.sidebox {
  padding-left: 50px;
}

.s_ak_box ul.children {
  display: none;
}

.s_ak_box ul li {
  list-style-type: none;
}

.ac_list li {
  margin-bottom: 15px;
}

.ac_list li a {}

.ac_list li a span {
  display: block;
  font-size: 12px;
}

ul.scat_inner {}

ul.scat_inner li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

ul.scat_inner li a img {
  flex-basis: 18%;
  margin-right: 4%;
}

ul.scat_inner li a div {
  flex-basis: 77%;
  font-size: 15px;
}

ul.scat_inner li a div  .row_clamp{
  font-size: 12px;
  color: #999999;
}

@media only screen and (max-width: 768px) {
  /* #main-c{
  float: none;
  width: 100%;
  }
	#main-c.job-list{
	padding-top: 50px;
	}
  #main-s{
  display:none;
  } */
}

/* ===================
下層共通
=================== */
.applyarea{
  border-left: 1px solid #eee;
}
h2.ttitle ,h1.ttitle {
  font-size: 26px;
  font-weight: bold;
  text-align: left;
 margin-bottom: 25px;
  color: #333333;
}
h1.ttitle.nmtitle{
   margin-bottom: 0px;
}
 p.tt{  margin-bottom: 25px;
  font-size: 12px;
}
h2.ttitle span {
  margin-left: 10px;
  font-family: 'jane';
  font-size: 14px;
  font-weight: normal;
  color:#999999;
}

h2.ttitle p {
  font-weight: normal;
  font-size: 14px;
  padding: 10px 0 0;
}

h2.stitle:before {}

h2.stitle {
  border-left: 3px solid #e0822d;
  padding-left: 20px;
  font-size: 19px;
  text-align: left;
  margin-bottom: 20px;
}

h2.stitle span {
  display: block;
  font-family: 'jane';
  font-size: 14px;
  color: #999999;
  margin-top: 3px;
  }

.threebox {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.threebox li {
  flex-basis: 30%;
  margin-right: 3%;
  margin-bottom: 20px;
}

.marginauto {
  margin: 0 auto;
}

.white_btn {
  text-align: center;
}

.white_btn a {
  border: 1px solid #666666;
  padding: 13px 20px;
  min-width: 240px;
  display: table;
  margin: 0 auto;
  transition: .3s;
  font-size: 14px;
}

.white_btn a:hover {
  background: #dbaa7d;
  color: #ffffff;
}



.bread {
  background: #efede8;
  padding: 10px 0;
  color:#666666;
  font-size: 10px;
}
.bread span{
  margin:0 3px;
}
.lkc-info {
    margin-bottom: 10px;
}
.lkc-thumbnail {
    margin: 0 10px 4px 4px;
}
.lkc-url {
    margin-bottom: 5px;
}

.privacy{

}
.privacy .inner{
  margin-bottom: 30px;
}
.privacy .inner h3{
  font-size: 120%;
  margin-bottom: 10px;

}
.privacy .inner b{
    font-size: 110%;
  margin-bottom: 15px;
}
.privacy .inner p{

}
.privacy .inner ol{
  margin: 10px 0;
  list-style:   inside;
}
.privacy .inner ol li{
  margin-bottom: 5px;
}
.termhead{
  display: table;
  background: #eee;
  padding: 30px;
  margin-bottom: 40px;
}
.organise table{
  margin-bottom: 40px;
  width: 100%;
  margin: 40px auto;
}
.organise tr{
  display: flex;
  width: 100%;
    border-top: 1px solid #ccc;
}
.organise th{
    padding: 20px 10px 10px 10px;
    background: #f4f4f4;
    flex-basis: 25%;
    border-bottom: 1px solid #ccc;
}
.organise td{
      flex-basis: 75%;
  padding: 20px 20px;
  border-bottom: 1px solid #ccc;
  background: #fff;
}
.aboutie{
  background: url(img/ab_bg.png)no-repeat;
      background-size: cover;
      background-position: center bottom;
      line-height: 3em;
      font-size: 120%;
      padding: 0px 30px 100px;
  }
.aboutie p{

}

@media only screen and (max-width: 768px) {
  .organise tr{
    display: block;
  }
  .organise th,.organise td{
    border: none;
  }
 h2.ttitle{
   font-size: 40px;
 }
 h2.ttitle.small{
   font-size: 36px;
 }

.front h2.ttitle {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
  color: #333333;
}
.front  h2.ttitle span {
    margin-left: 0px;
    font-family: 'jane';
    font-size: 24px;
    font-weight: normal;
    display: block;
}
h2.ttitle p {
    font-weight: normal;
    font-size: 18px;
    padding: 10px 0 0;
}
.threebox {
    display: block;
  }
  .threebox li {
    margin-right: 0%;

}
.threebox li a > div{
  margin-right: 0%;
  display: flex;
  justify-content: space-between;
  }
.threebox li a > div > div{
  flex-basis: 48%;
}
.white_btn a {
    border: 1px solid #666666;
    padding: 15px 40px;
    /* min-width: 320px; */
    display: table;
    margin: 0 auto;
    transition: .3s;
    font-size: unset;
}
.gold_btn a {
    display: table;
    background: #dbaa7d;
    color: #ffffff;
    padding: 15px 40px;
    min-width: 300px;
    margin: 0 auto;
    transition: .3s;
    font-size: unset;
    font-weight: normal;
}

h2.stitle {
  border-left: 3px solid #e0822d;
  padding-left: 20px;
  font-size: 19px;
  text-align: left;
  margin-bottom: 20px;
}

h2.stitle span {
  display: block;
  font-family: 'jane';
  font-size: 14px;
  color: #999999;
}



}
/* ===================
01 top
=================== */
.top_news {
  margin-bottom: 60px;
}

.topnews_box {}

.topnews_box ul {
  margin-bottom: 10px;
}

.topnews_box ul.threebox li {
  margin-bottom: 20px;
}

div.tn_photo {
  overflow: hidden;
  width: 100%;
  height: 135px;
  position: relative;
  margin-bottom: 10px;
}

div.tn_photo img {
  object-fit: cover;
  max-width: 100% !important;
  max-height: 100% !important;
  height: 100%;
  width: 100%;
  transition: 0.8s;
}

div.tn_photo:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.topnews_text .tn_cat {
  font-size: 12px;
  color: #999999;
  margin-bottom: 5px;
}

.topnews_text .tn_cat a {
  color: #999999;
  margin-bottom: 5px;
}

.tn_usr {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.tn_usr span {
  font-size: 10px;
  color: #999999;
  font-weight: normal;
}

.tn_usr_photo {
  height: 40px;
  /* flex-basis: 20%; */
  width: 40px;
  margin-right: 10px;
  border-radius: 50%;
  overflow: hidden;
}

.tn_usr_photo img {
  object-fit: cover;
  height: 40px;
  width: 40px;
}

.tn_usr_text {
  color: #999999;
}

.topnews_text h3 {
  font-size: 16px;
  color: #666666;
  margin-bottom: 10px;
}

.topinflu_box {}

.topinflu_box .writers {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 30px;
  flex-wrap: wrap;
  }

.topinflu_box .writers li {
  flex-basis: 16.6%;
  margin-bottom: 30px;
  padding: 0 0.7%;
  text-align: center;
  border-right: 1px solid #eeeeee;
}

.topinflu_box .writers li a {}

.topinflu_box .topinflu_box_photo {
  border-radius: 50%;
  overflow: hidden;
  width: 70px;
  height: 70px;
  margin: 0 auto 10px;
}

.topinflu_box .topinflu_box_photo img {
  object-fit: cover;
  width: 70px;
  height: 70px;
}

.topinflu_box p {
  font-size: 15px;
  color: #666666;
}

.topinflu_box p span {
  display: block;
  font-size: 10px;
  color: #999999;
  margin-bottom: 3px;
}
.topinflu_box p span.author-name{
  font-size: 15px;color: #666666;
  font-weight: bold;

}
.toprecommen_box {
  clear: both;
  overflow: hidden;
}

ul.tab {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

ul.tab li {
  /*タブ部分*/
  flex-basis: 32%;
  margin-right: 2%;
  margin-bottom: 20px;
}

ul.tab li:nth-child(3n) {
  margin-right: 0;
}

ul.tab li a {
  margin-bottom: 0px;
  color: #cea47e;
  border: 1px solid #cea47e;
  padding: 10px 0;
  display: block;
  text-align: center;
  transition: .3s;
}

ul.tab li.active a {
  /*選択中のタブ*/
  color: #ffffff;
  background: #cea47e;
  font-weight: bold;
}

.tab_area {
  display: none;
}

.tab_area.show {
  display: block;
}
.area {
	display:none;
}
.area.show {
	display:block;
}
.tab_content {
  /*内容*/
  overflow: hidden;
}

.tab_content .tab_area ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  mar
}

.tab_content .tab_area li {
  flex-basis: 32%;
  margin-right: 2%;
  margin-bottom: 20px;
}

.tab_content .tab_area li:nth-child(3n) {
  margin-right: 0;
}

.tab_content .tab_area li img {
  object-fit: cover;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  div.tn_photo {
    overflow: hidden;
    width: 100%;
    height: 155px;
    position: relative;
    margin-bottom: 10px;
}
.topnews_text .tn_cat {
    font-size: 18px;
    color: #999999;
    margin-bottom: 5px;
}
.topnews_text h3 {
    font-size: 24px;
    color: #666666;
    margin-bottom: 10px;
}
.tn_usr_photo {
    height: 60px;
    /* flex-basis: 20%; */
    width: 60px;
    margin-right: 10px;
    border-radius: 50%;
    overflow: hidden;
}
.tn_usr_photo img {
    object-fit: cover;
    height: 60px;
    width: 60px;
}
.tn_usr_text {
  font-size: 12px;
    color: #999999;
}
.tn_usr_text {
  font-size: 20px;
    color: #999999;
margin-top: -10px;
}
.tn_usr span {
  font-size: 16px;
  color: #999999;
  font-weight: normal;
}
.topnews_box ul.threebox li {
    margin-bottom: 40px;
}
.topinflu_box .writers {
margin-bottom: 40px;}
.topinflu_box .writers li {
    flex-basis: 48%;
    margin: : 0 1%;
    text-align: center;
    border-right: 1px solid #eeeeee;
    margin-bottom: 30px;
    }
.topinflu_box .topinflu_box_photo {
    border-radius: 50%;
    overflow: hidden;
    width: 150px;
    height: 150px;
    margin: 0 auto 20px;
}
.topinflu_box .topinflu_box_photo img {
    object-fit: cover;
    width: 150px;
    height: 150px;
}
.topinflu_box p {
    font-size: unset;
    color: #666666;
    font-weight: bold;
}
.topinflu_box p span{
font-size: 18px;
color: #999999;
font-weight: normal;
}
}
@media only screen and (min-width: 769px) {



}

/* ===================
下層カテゴリーページ
=================== */
.catbox {
  margin-bottom: 20px;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.catbox_inner {
  padding-left: 30px;
}

.catparent {
  font-size: 15px;
  margin-bottom: 15px;
}

.catbox ul {
  display: flex;
  justify-content: flex-start;
}
.catbox ul.sp-only{
  display: none;
}
.catbox ul li {
  margin-right: 5px;
  margin-bottom: 10px;
}

.catbox ul li a {
  color: #333333;
  font-size: 12px;
  background: #fcf7f4;
  padding: 5px 5px;
  border: 1px solid #dbaa7d;
  border-radius: 3px;
}

.catbox2 {
  margin-bottom: 20px;
  padding: 0px;
}

.catbox2 h2 {
  margin-bottom: 40px;
}

.catbox2 ul {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.catbox2 ul li {
  margin-right: 5px;
  margin-bottom: 10px;
}

.catbox2 ul li a {
  color: #333333;
  font-size: 12px;
  background: #fcf7f4;
  padding: 5px 5px;
  border: 1px solid #dbaa7d;
  border-radius: 3px;
}

.catbox2 p {
  line-height: 1.6em;
}
@media only screen and (max-width: 768px) {
  .catparent {
      font-size: unset;

  }
  .catbox ul.sp-only{
    display: flex;
  }
  .catbox{
flex-wrap: wrap;
  }
  .catlist-img {
    width: 70px;
    float: left;
}
    .catbox > a{
      flex-basis: 23%;
        margin-bottom: 30px;
    }
    .catbox ul li a {
    color: #333333;
    font-size: 22px;
    background: #fcf7f4;
    padding: 10px 13px;
    border: 1px solid #dbaa7d;
    border-radius: 3px;
}
    .catbox .catparent{
      flex-basis: 60%;
      margin-top: -35px;
  }
  .catbox ul li {
    margin-right: 10px;
    margin-bottom: 15px;
}
        .catbox .catparent a{
          text-decoration: underline;
        }
    .catbox ul{

    }
  ul.tab {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
  ul.tab li {
    flex-basis: 48%;
    margin-right: 0%;
    margin-bottom: 20px;
}
ul.tab li.active a {
    color: #ffffff;
    background: #cea47e;
    font-weight: normal;
}
.topnews_box .area ul.threebox li, .under ul.threebox li{
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.topnews_box .area ul.threebox li >div,.under ul.threebox li >div{
  flex-basis: 48%;
}
.topinflu_box p span.author-name {
    font-size: 24px;
    color: #666666;
    font-weight: bold;
}

}
/* ===================
シングルページ single page
=================== */
#toc {
  margin: 0 auto;
  width: 100%;
}

.mokuji_wrap {
  background: #f9f9f9;
  border-left: 3px solid #e0822d;
  padding: 20px;
  margin-bottom: 30px;
}

.mokuji {
  color: #e0822d;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}

#toc ul {
  list-style-type: none; //はみ出し対策
  font-size: 100%;
}

#toc li {
  padding: 0px;
  list-style-type: none;
}

#toc li a {
  padding: 0px 0 15px;
  display: inline-block;
  max-width: 95%;
  vertical-align: top;
}

#toc li:before {
  content: "";
  background: url(img/ss_arrow.png) no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin: 0 10px 3px 0;
}
#toc li>ul>li:before{
  background: url(img/ss_a.png) no-repeat;
  width: 10px;
  height: 10px;
}
#toc li>ul>li {
  padding: 0px 0 0 1em;
}

#toc li a {
  font-size: 14px;
}

#toc li::before {}

.single_box {
  margin-bottom: 80px;
}

.single_box strong {
  background: linear-gradient(transparent 60%, #f6d9c0 40%);
}

.ss_mainphoto {
  width: 100%;
  margin-bottom: 30px;
}

.ss_mainphoto img {
  width: 100%;
  object-fit: cover;
}

.ss_maintext {
  margin-bottom: 60px;
}

.ss_maintext strong {
  font-weight: normal;
}

.ss_pro {
  overflow-x: scroll;
}

.ss_pro ul.ss_author_box {
  overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }

.ss_pro ul li {

  margin-right: 10px;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  width: 280px;
      display: inline-block;
      white-space: normal;
      vertical-align: top;
      }

.ss_author_box p {
  color: #666666;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  line-height: 1.8em;
  max-height: 160px;
}

.ss_pro ul li:nth-child(3n) {
  /* margin-right: 0; */
}

.ss_pro ul li .ss_author_inner {
  display: flex;
  justify-content: flex-start;

  padding: 10px;
}

.ss_pro ul li .ss_author_inner .author3{
  font-size: 17px;
  color: #666666;
  font-weight: bold;
}

.ss_pro ul li .ss_author_inner span {
  font-weight: normal;
  font-size: 12px;
  color: #999999;
}
.ss_pro ul li .ss_author_text{
padding: 20px;
}
.ss_pro ul li .ss_author_text .block{
    border-top: 1px solid #eeeeee;
    min-height: 110px;
}

.ss_pro ul li .ss_author_inner img {
  margin-right: 10px;
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 20px;
}

.ss_pro ul li p {
  padding: 10px 15px 15px;
}

h2.ss_box1_title, h2.point_title,h3.point_title {
  font-size: 24px;
  margin-bottom: 20px;
}

.ss_box1_img {
  width: 100%;
  margin-bottom: 30px;
}

.ss_box1_img img {
  width: 100%;
  object-fit: cover;
}

.ss_box1_text {
  margin-bottom: 60px;
}
.ss_maintext h2.ss_box1_text h2,.ss_box2_lead h2{
font-size: 24px;
font-weight: bold;
text-align: left;
margin:10px 0 25px;
color: #333333;
}

.ss_box2_title,.ss_maintext h3 ,.ss_box1_text h3,.ss_box2_lead h3,.box2_repeat h3{
  font-size: 20px;
  border-left: 3px solid #e0822d;
  padding-left: 20px;
  margin-bottom: 15px;
  color: #333333;
}
.box2_repeat img{
  width: 100%;
  height: auto;
}

div.ss_box2_lead {
  margin-bottom: 30px;
}

.box2_repeat h2 ,.ss_maintext h4,.ss_box1_text h4,.ss_box2_lead h4,.freearea h4{
  font-size: 20px;
  margin-bottom: 20px;
  color: #333333;
}
.box2_repeat h3,.ss_maintext h3,.ss_maintext h4,.ss_box1_text h3,.ss_box1_text h4,.ss_box2_lead h3,.ss_box2_lead h4,.freearea h3,.freearea h4{
  margin-top: 10px;
}
.box2_img img {
  margin-bottom: 15px;
  width: 100%;
}

.box2_repeat .box_re_text {
  margin-bottom: 40px;
}
.ss_box3_pro{
  height: auto;
  overflow-y: auto;
  /* white-space: nowrap; */
}
.point_rebox {
  margin-bottom: 80px;
}

.point_re {
  border: 1px solid #e5e5e5;
  padding: 20px;
  border-radius: 3px;
  margin-bottom: 20px;
  color: #333333;
}

.point_re h3 {
  font-size: 20px;
  background: linear-gradient(transparent 75%, #d5e6ec 25%);
  display: table;
  margin-bottom: 20px;
      color: #333333;
  }

.point_re_inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.point_re_inner .h4title{
  flex-basis: 100%;

}
.point_re_inner h3{
  display: table;
}
.point_re_inner div.point_re_img {
  flex-basis: 15%;
}

.point_re_inner div.point_re_img img {
  width: 100%;
  object-fit: cover;
  margin-bottom: 0;
}

.point_re_inner div.point_re_text {
  flex-basis: 82%;
}

.acbox {
  margin-bottom: 70px;
}

#acMenu {
  margin-bottom: 20px;
  text-align: left;
}

#acMenu dt ,#acMenu h3 {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #434343;
  color: #ffffff;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  padding: 0 20px;
  position: relative;
}

#acMenu dd {
  background: #f2f2f2;
  width: 100%;
  height: auto;
  line-height: 1.8em;
  border: #666 1px solid;
  border-top: none;
  display: none;
  padding: 20px;
  cursor: pointer;
  color: #666666;
  font-size: 15px;
}

#acMenu dt::after ,#acMenu h3::after {
  position: absolute;
  content: '';
  background: url(img/ssrank_a.png) no-repeat;
  background-size: 20px;
  width: 20px;
  height: 20px;
  top: 15px;
  right: 20px;
}

#acMenu dt.active::after,#acMenu h3.active::after {
  background: url(img/ssrank_b.png) no-repeat;
}

.ss_box3 {}

.ss_box3_lead {
  margin-bottom: 20px;
  font-size: 15px;
  color: #666666;
}

.ss_box3_box {
  border: 1px solid #e5e5e5;
  padding: 30px;
  position: relative;
  margin-bottom: 40px;
}

.ss_box3 .ss_box3_box:after {
  position: absolute;
  content: '';
  background: url(img/ss_number.png) no-repeat;
  background-size: 60px;
  width: 60px;
  height: 60px;
  left: 0;
  top: 0;
}

.ss_box3:first-child .ss_box3_box:after {
  position: absolute;
  content: '';
  background: url(img/ss_number1.png) no-repeat;
  background-size: 60px;
  width: 60px;
  height: 60px;
  left: 0;
  top: 0;
}
.ss_box3:nth-child(2) .ss_box3_box:after {
  position: absolute;
  content: '';
  background: url(img/ss_number2.png) no-repeat;
  background-size: 60px;
  width: 60px;
  height: 60px;
  left: 0;
  top: 0;
}
.ss_box3_lead ul{
  list-style-type: none.
}
li.ss_box3{
  counter-increment: count-ex01;
  position: relative;
}
li.ss_box3::before{
  content: counter(count-ex01);
      position: absolute;
      top: 4px;
      left: 12px;
      z-index: 999;
      font-size: 20px;
      font-weight: bold;
      color: #ffffff;
  }

.ss_box3:first-child{

}
.ss_box3:nth-child(2){

}


.ss_box3_box_inner {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.ss_box3_box_inner .inner {
  flex-basis: 42%;
}

.ss_box3_box_inner .inner:first-child {
  flex-basis: 55%;
  max-width: 55%;
}

.ss_box3_m_title {
  color: #333333;
}

.ss_box3_m_text {font-weight: bold;
  font-size: 20px;
  margin-bottom: 15px;
}
.box2_repeat h2.ss_box3_m_text{
      font-size: 22px;
}
.linkbtn {
  margin-bottom: 10px;
  display: block;
}

.linkbtn a {
  background: url(img/ss_gb_01.png) no-repeat;
  width: 290px;
  height: 50px;
  text-align: center;
  display: block;
  line-height: 1.2em;
  color: #ffffff;
  position: relative;
  transition: .3s;
}

.linkbtn a span {
  display: block;
  font-weight: normal;
  font-size: 12px;
}

.linkbtn a span:first-child {
  font-size: 15px;
  font-weight: bold;
}

.linkbtn a p {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.linkbtn.first {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.linkbtn.second a {
  background: url(img/ss_gb_02.png) no-repeat;
}

.linkbtn.third a {
  background: url(img/ss_gb_03.png) no-repeat;
}

.linkbtn.fourth a {
  background: url(img/ss_gb_04.png) no-repeat;
}

.linkbtn a:hover {
  opacity: 0.7;
}

.ss_box3_box_under {}

.ss_box3_hyouka {
  display: flex;
  justify-content: center;
  border: 1px solid #eeeeee;
  padding: 5px 0;
  width: 99.9%;
}

.ss_box3_hyouka .inner {
  margin: 0 1%;
  padding: 3px 0;
}

.ss_box3_hyouka .inner.innerimg {
  padding-top: 1px;
}

.ss_box3_hyouka_number {
  color: #e0822d;
  font-weight: bold;
}

.box3star_box {
  margin-bottom: 30px;
}

.box3star_box_inner {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-left: 1px solid #eeeeee;
}

.box3star_box_inner dl {
  flex-basis: 50%;
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #eeeeee;
}

.box3star_box_inner dl dt {
  flex-basis: 35%;
  background: #f9f9f9;
  padding: 7px 10px;
  border-right: 1px solid #eeeeee;
  font-weight: bold;
  color: #333333;
}

.box3star_box_inner dl dd {
  flex-basis: 65%;
  padding: 7px 10px;
  border-right: 1px solid #eeeeee;
  text-align: center;
}

h3.ss_box3_sub_title {
  margin-bottom: 20px;
  font-size: 18px;
}

div.ss_box3_sub_text {
  margin-bottom: 30px;
  margin-bottom: 30px;
  font-size: 15px;
  color: #333333;
  line-height: 1.6em;
}

.ss_box3_osusume_repeater {
  padding: 15px;
  border-radius: 3px;
  border: 3px solid #f6d9c0;
  margin-bottom: 40px;
}

.ss_box3_osusume_repeater h3 {
  font-size: 16px;
  color: #e0822d;
  margin-bottom: 5px;
}
.ss_box3_osusume_repeater li{

}
.ss_box3_osusume_repeater li span{
  padding: 5px 0px 5px 0px;
  font-size: 15px;
  color: #333333;
}

.ss_box3_osusume_repeater li:before {
  content: "";
  background: url(img/ss_arrow.png) no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}

li.ss_box3_pro_list_inner {
  display: flex;
  justify-content: flex-start;
  padding: 10px;
  align-items: center;
  font-size: 12px;
  color: #666666;
  line-height: 1.6em;
}

li.ss_box3_pro_list_inner img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  object-fit: cover;
}

li.ss_box3_pro_list_inner h3 {
  font-size: 17px;
  color: #666666;
}

li.ss_box3_pro_list_inner span {
  font-size: 12px;
  color: #999999;
  font-weight: normal;
}

li.ss_box3_pro_list_inner .inner:nth-child(1) {
  flex-basis: 15%;
  padding: 0 10px 0;
}

li.ss_box3_pro_list_inner .inner:nth-child(2) {
  flex-basis: 25%;
}

li.ss_box3_pro_list_inner .inner:nth-child(3) {
  flex-basis: 60%;
  background: #fcf7f4;
  padding: 20px;
}

.ss_fukidashi {
  position: relative;
  background: #fcf7f4;
}

.ss_fukidashi:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 10px solid #fcf7f4;
}

.ss_box4 {
  margin-bottom: 60px;
}

.ss_box4_inner {
  overflow-x: scroll;
}

h2.ss_category_titles {
  font-size: 24px;
  padding: 20px 0;
}

.ss_box4 table {
  border: 1px solid #eeeeee;
  padding: 0px;
  width: 100%;
  table-layout: fixed;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

.ss_box4 table thead {}

.ss_box4 table tbody {}

.ss_box4 table tr {
  border-bottom: 1px solid #eeeeee;
}

.ss_box4 table tr th {
  vertical-align: middle;
  padding: 5px;
  background: #f9f9f9;
  padding: 10px;
  border-right: 1px solid #eeeeee;
}

.ss_box4 table tr th:first-child {
  width: 200px;
}

.ss_box4 table tr th:nth-child(2) {
  width: 230px;
}

.ss_box4 table tr th.ssb_loop {
  width: 120px;
}

.ss_box4 table tr th.ssb_site {
  width: 200px;
}

.ss_box4 table tr th.ssb_link {
  width: 200px;
}

.ss_box4 table tr th:last-child {
  border-right: none;
}

.ss_box4 table tr td {
  vertical-align: middle;
  padding: 10px;
  border-right: 1px solid #eeeeee;
}

.ss_box4 table tr td.ssb_loop {}

.ss_box4 table tr td:last-child {
  border-right: 0;
}

.linkbtn_s {
  margin-bottom: 10px;
  display: block;
}

.linkbtn_s a {
  background: url(img/ssb_gb_01.png) no-repeat;
  width: 180px;
  height: 50px;
  text-align: center;
  display: block;
  line-height: 1.2em;
  color: #ffffff;
  position: relative;
  transition: .3s;
}

.linkbtn_s a span {
  display: block;
  font-weight: normal;
  font-size: 12px;
}

.linkbtn_s a span:first-child {
  font-size: 15px;
  font-weight: bold;
}

.linkbtn_s a p {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.linkbtn_s.first {}

.linkbtn_s.second a {
  background: url(img/ssb_gb_02.png) no-repeat;
}

.linkbtn_s.third a {
  background: url(img/ssb_gb_03.png) no-repeat;
}

.linkbtn_s.fourth a {
  background: url(img/ssb_gb_04.png) no-repeat;
}

.linkbtn_s a:hover {
  opacity: 0.7;
}

.ss_box5 {
  overflow-x: scroll;
  margin-bottom: 0px;
}

.ss_influ_lead {
  margin-bottom: 30px;
  font-size: 15px;
  color: #333333;
  line-height: 1.6em;
}

.ss_influ_box {
  border: 1px solid #eeeeee;
  padding: 30px;
  margin-bottom: 60px;
}

.influ_user_box {
  display: flex;
  justify-content: space-around;
  margin-bottom: 40px;
}

.influ_user_box .inner {
  flex-basis: 72%;
}

.influ_user_box .inner:first-child {
  flex-basis: 25%;
}

.influ_user_box .inner img {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  object-fit: cover;
  max-width: none;
}

.influ_user_box .inner h4 {
  font-size: 20px;
  color: #666666;
}

.influ_user_box .inner span {
  font-weight: normal;
  font-size: 15px;
  color: #999999;
}

.influ_fukidashi {
  padding: 20px;
  border-radius: 3px;
  position: relative;
  background: #fcf7f4;
}

.influ_fukidashi p.ten{
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 15px;
}

.influ_fukidashi p {
  font-size: 12px;
  color: #666666;
  line-height: 1.6em;
}

.influ_fukidashi:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 10px solid #fcf7f4;
}

.ss_influ_garelly {
  display: flex;
  justify-content: space-between;
}

.ss_influ_garelly .inner {
  flex-basis: 48%;
  max-width: 48%;
}

.influ_star_box {
  border: 1px solid #eeeeee;
}

.influ_star_hyouka {
  display: flex;
  justify-content: center;
  padding: 5px;
  align-items: center;
  border-bottom: 1px solid #eeeeee;
}

.influ_star_hyouka .i_inner {
  padding: 3px 2%;
}

.influ_star_hyouka .i_inner.innerimg {
  padding-top: 0px;
}

.influ_star_box dl {
  display: flex;
  border-bottom: 1px solid #eeeeee;
      align-items: center;
}

.influ_star_box dl:last-child {
  border: none;
}

.influ_star_box dl dt {
  font-weight: bold;
  flex-basis: 40%;
  background: #f9f9f9;
  padding: 7px 10px;
  text-align: left;
  border-right: 1px solid #eeeeee;
}

.influ_star_box dl dd {
  flex-basis: 60%;
  padding: 7px 10px;
  text-align: center;
}

.influ_link {
  display: flex;
  justify-content: space-between;
}

.linkbtn_i {
  margin-bottom: 10px;
  display: block;
}

.linkbtn_i a {
  background: url(img/ssi_gb_01.png) no-repeat;
  width: 168px;
  height: 50px;
  text-align: center;
  display: block;
  line-height: 1.2em;
  color: #ffffff;
  position: relative;
  transition: .3s;
}

.linkbtn_i a span {
  display: block;
  font-weight: normal;
  font-size: 12px;
}

.linkbtn_i a span:first-child {
  font-size: 15px;
  font-weight: bold;
}

.linkbtn_i a p {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.linkbtn_i.first {}

.linkbtn_i.second a {
  background: url(img/ssi_gb_02.png) no-repeat;
}

.linkbtn_i.third a {
  background: url(img/ssi_gb_03.png) no-repeat;
}

.linkbtn_i.fourth a {
  background: url(img/ssi_gb_04.png) no-repeat;
}

.linkbtn_i a:hover {
  opacity: 0.7;
}

.ss_box6 {
  margin-bottom: 60px;
}

.ss_box6 ul.threebox li a {}



/* スライダー矢印 */

.synchro-slider .prev ,.synchro-slider2 .prev {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1%;
    margin: auto;
    width: 44px;
    height: 44px;
    background-image: url(img/mv_arrow_re.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 44px auto;
    z-index: 1;
}

.synchro-slider .next ,.synchro-slider2 .next {
    position: absolute;
    top: 0;
    right: 1%;
    bottom: 0;
    margin: auto;
    width: 44px;
    height: 44px;
    background-image: url(img/mv_arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 44px auto;
    z-index: 1;
}
/* ギャラリー */
#thumbslider {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#thumbslider2 {
  margin-bottom: 20px;
}

.synchro-slider {
  width: 100%;
  margin: 0 auto 0px;
}

.slide-item img {
  height: 280px;
  width: 100%;
  object-fit: cover;
  margin-bottom: 15px;
}

.synchro-slider-thumb {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.synchro-slider-thumb img {
  margin-bottom: 0;
  width: 100%;
  object-fit: cover;
}

.thumbnail-item, .thumbnail-item2 {
  flex: 0 1 12.4%;
  margin: 0 1% 10px;
  box-sizing: border-box;
  position: relative;
}

.thumbnail-item:nth-child(7n), .thumbnail-item2:nth-child(7n) {
  margin-right: 0;
}
.saboxplugin-wrapbox {
    flex-basis: 70%;
}
.saboxplugin-gravatar{
  padding: 0;
}
.saboxplugin-wrapbox {
    flex-basis: 70%!important;
}
.author_box .saboxplugin-wrap{
  align-items: center;
}
.thumbnail-item:after, .thumbnail-item2:after {
  content: '';
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: .3s opacity linear;
}

.thumbnail-current:after {
  opacity: 0;
}

.thumbnail-current:after img {
  width: 100%;
  margin: 0 auto;
}

/* authorユーザー詳細 */
.author_box {}

.author_box .saboxplugin-wrap {
  border: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.author_box .saboxplugin-gravatar {
  flex-basis: 20%;
  float: none;
}

.saboxplugin-wrapbox{
  flex-basis: 75%;
}
.saboxplugin-desc{
  flex-basis: 100%;
}
.saboxplugin-desc, .saboxplugin-wrap .saboxplugin-desc p {
  font-size: 15px !important;
  line-height: 1.6em !important;
  color: #333333;
}

.saboxplugin-socials {
  position: relative;
  display: block;
  background: #fcfcfc;
  padding: 5px;
  margin-left: 15px;
  border-top: none !important;
}

.sab-edit-settings, .sab-profile-edit {
  display: none;
}

.author_box .saboxplugin-gravatar a {}

.author_box .saboxplugin-gravatar a img {
  width: 120px;
  max-width: none;
  height: 120px;
  object-fit: cover;
  border-radius: 50%;
}

.author_box #user_group_name {
  font-size: 14px;
  color: #333333;
  margin-bottom: 5px;
}

.author_box a span.fn {
  font-size: 24px;
  color: #333333;
  margin-bottom: 20px;
  display: block;
}


@media only screen and (max-width: 768px) {
  .ss_mainphoto {
    width: 100%;
    margin-bottom: 15px;
}
  .ss_maintext {
    margin-bottom: 30px;
}
.ss_pro ul li .ss_author_text {
    padding: 15px;
}
.ss_maintext img{
  margin: 0 auto;
  width: 100%;
  height: auto;
  }
  .point_re_inner div.point_re_text {
flex-basis: 100%;
}
  .author_box .saboxplugin-gravatar a img {
    width: 100px;
    max-width: none;
    height: 100px;

  }
  .saboxplugin-wrap .saboxplugin-authorname {
    font-size: 18px;
    line-height: 25px;
    margin: 20px 0 0 10px;
}
.saboxplugin-desc, .saboxplugin-wrap .saboxplugin-desc p {
    font-size: unset !important;
    line-height: 1.6em !important;
    color: #333333;
}
  .author_box #user_group_name {
    font-size: 16px;
    color: #999999;
    margin-bottom: 10px;
}
.saboxplugin-wrapbox {
    flex-basis: 65%!important;
    margin-left: 5%;
}
.saboxplugin-wrap .saboxplugin-authorname{
  text-align: left!important;
}
.author_box a span.fn {
    font-size: 24px;
    color: #333333;
    margin-bottom: 0px;
    display: block;
}
  #side #acMenu {
    margin-bottom:0px;

  }
  #side  .acbox {
    margin-bottom: 0px;
}
#side #acMenu dt,#side #acMenu h3{
  display: block;
      width: 100%;
      height: auto;
      line-height: unset;
      background: #f5f4f1;
      border-top: 1px solid #666666;
      border-bottom: 1px solid #666666;
      color: #666666;
      cursor: pointer;
      font-size: unset;
      font-weight: normal;
      padding: 20px 20px;
      position: relative;
  }

#side  #acMenu dt::after,#side  #acMenu h3::after {
      position: absolute;
      content: '';
      background: url(img/ssrank_c.png) no-repeat;
      background-size: 30px;
      width: 30px;
      height: 30px;
      top: 22px;
      right: 20px;
  }

#side  #acMenu dt.active::after,#side  #acMenu h3.active::after {
  background: url(img/ssrank_d.png) no-repeat;
}
#side  #acMenu dd{
  border: none;
  background: #ffffff;
  padding: 0;
}
#side  ul.scat_inner li a img{
  width: 40px;
  height: 40px;
  flex-basis: auto;
}
#side .catparent {
  font-size: unset;
    padding: 15px;
    margin: 0;
    border-bottom: 1px solid #eeeeee;
}
#side ul.scat_inner li a div {
    flex-basis: unset;
    font-size: 20px;
}

.ss_pro ul.ss_author_box {
display: inline-flex;
    flex-wrap: nowrap;
}
.ss_pro ul li {
    width: 250px;
    margin-right: 10px;
    border: 1px solid #eeeeee;
    border-radius: 3px;
}
.ss_pro ul li .ss_author_inner span {
    font-weight: normal;
  font-size: 14px;
    color: #999999;
}

element.style {
}
.ss_pro ul li .ss_author_inner img {

    margin-right: 10px;
}
.ss_pro ul li .ss_author_inner {
align-items: center;
    padding: 10
px
;
}
.ss_pro ul li .ss_author_inner h3 {
    font-size: 24px;
    color: #666666;
}
.ss_author_box p {
    color: #666666;
    font-size: unset;
    max-height: 315px;
}
.mokuji {
    color: #e0822d;
    text-align: left;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 15px;
}
#toc li a {
    font-size: unset;
    max-width: 90%;
    padding: 0 0 10px;
}
#toc li:before {
    content: "";
    background: url(img/ss_arrow2.png) no-repeat;
    width: 18px;
    height: 18px;
}
h2.ss_box1_title, h2.point_title {
    font-size: 36px;
    margin-bottom: 20px;
}
.ss_box2_title {
    font-size: 32px;
margin-bottom: 20px;
}
.box2_repeat h2 {
    font-size: 32px;
    margin-bottom: 20px;
    color: #333333;
}
.point_re_inner .h4title{
order: 2;
flex-basis: 65%;
}
.ss_pro ul li p {
    padding: 10px 0px 10px;
}
.point_re_inner h4 {
    display: inline;
}
.point_re_inner div.point_re_img{
  order: 1;
    flex-basis: 30%;
    margin-bottom: 20px;
    }
.point_re_text{
  order: 3;
  flex-basis: 100%;
}
.single_box  #acMenu {
      margin-bottom: 15px;
    }
.single_box #acMenu dt,.single_box #acMenu h3 {
    display: block;
    width: 100%;
    height: auto;
    line-height: unset;
    background: #434343;
    color: #ffffff;
    cursor: pointer;
    font-size: 28px;
    font-weight: bold;
    padding: 15px 20px;
    position: relative;
}
.acbox {
    margin-bottom: 30px;
}
.ss_box3_box {
    border: 1px solid #e5e5e5;
    padding: 10px;
    margin-bottom: 20px;
  }
.single_box #acMenu dt::after,.single_box #acMenu h3::after {
  position: absolute;
  content: '';
  background: url(img/ssrank_e.png) no-repeat;
  background-size: 20px;  width: 20px;  height: 20px;  top: 12px;  right: 10px;
}
.single_box #acMenu dt.active::after,.single_box #acMenu h3.active::after {
  background: url(img/ssrank_f.png) no-repeat;
}
.single_box #acMenu dd {
    background: #ffffff;
    width: 100%;
    height: auto;
    line-height: 1.8em;
    border: #666 1px solid;
    border-top: none;
    display: none;
    padding: 20px;
    cursor: pointer;
    color: #666666;
    font-size: unset;
}
.ss_box3_lead {
    margin-bottom: 20px;
    font-size: unset;
    color: #666666;
}
.ss_box3_box_inner {
    display: block;
  }
  .ss_box3_box_inner .inner:first-child {
    flex-basis: 55%;
    max-width: 100%;
}
.ss_box3_box:after {
  position: absolute;
  content: '';
  background: url(img/ss_number1.png) no-repeat;
  background-size: 90px;
  width: 90px;
  height: 90px;
  left: 0;
  top: 0;
}
.linkbtn a span:first-child {
    font-size: unset;
  }

  .linkbtn a {
    background: url(img/sb_gb_01.png) no-repeat;
    width: 100%;
    background-size: cover;
    height: 0;
    padding-top: 17%;
    text-align: center;
    display: block;
    line-height: 1.2em;
    color: #ffffff;
    position: relative;
    transition: .3s;
}
  .linkbtn.second a {
    background: url(img/sb_gb_02.png) no-repeat ;
        background-size: cover;
}
.linkbtn.third a {
  background: url(img/sb_gb_03.png) no-repeat;
      background-size: cover;
}
.linkbtn.fourth a {
  background: url(img/sb_gb_04.png) no-repeat;
      background-size: cover;
}
.linkbtn a span {
    display: block;
    font-weight: normal;
    font-size: 20px;
}
.linkbtn a p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.linkbtn {
    margin-bottom: 20px;
    display: block;
}
.ss_box3_box_inner {

    margin-bottom:30px;
}
.box3star_box_inner {
    display: block;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    border-left: 1px solid #eeeeee;
}
.box3star_box_inner dl dt {
    padding: 10px;
    }
    h3.ss_box3_sub_title {
    margin-bottom: 20px;
    font-size: 28px;
}
div.ss_box3_sub_text {

    font-size: unset;

}
.ss_box3_hyouka {
  LINE-HEIGHT: 1EM;
}
.ss_box3_hyouka .inner.innerimg{
  padding-top: 0;
}
.ss_box3_osusume_repeater h3 {
    font-size: 22px;
    color: #e0822d;
    margin-bottom: 10px;
}
.ss_box3_osusume_repeater li span{
  padding: 5px 0px 5px 0px;
      font-size: unset;
      color: #333333;
      max-width: 90%;
      display: inline-block;
      vertical-align: top;
  }
.ss_box3_osusume_repeater li:before{
  background: url(img/ss_osusume.png) no-repeat;
  width: 18px;
    height: 18px;
}

li.ss_box3_pro_list_inner {
  flex-wrap: wrap;
  font-size: unset;
  padding: 0;margin-bottom: 20px;
  }

li.ss_box3_pro_list_inner .inner:nth-child(1){
  flex-basis: 25%;
  text-align: left;
  margin-bottom: 0px;
  padding: 0;
}
li.ss_box3_pro_list_inner .inner:nth-child(2){
  flex-basis: 70%;
}
li.ss_box3_pro_list_inner .inner:nth-child(3){
  flex-basis: 100%;
  margin-top: 10px;
  padding: 15px;
}
li.ss_box3_pro_list_inner img {
    width: 70px;
    height:70px;
    margin-right: 10px;
    border-radius: 50%;
    object-fit: cover;
}
 img.sab-custom-avatar {
    max-width: unset!important;
}
li.ss_box3_pro_list_inner span {
    font-size: 14px;
    color: #999999;
    font-weight: normal;
}
li.ss_box3_pro_list_inner h3 {
    font-size: 18px;
    color: #666666;
    line-height: 1.4em;

    }
    h2.ss_category_titles {
    font-size: 34px;
    padding: 20px 0;
}

.linkbtn_s a {
    background: url(img/ssbs_gb_01.png) no-repeat;
    background-size: cover;
    width: 100%;
    padding-top: 15%;
    text-align: center;
    display: block;
    line-height: 1.2em;
    color: #ffffff;
    position: relative;
    transition: .3s;
}
.linkbtn_s.second a {
      background: url(img/ssbs_gb_02.png) no-repeat;
      background-size: cover;
}
.linkbtn_s.third a {
      background: url(img/ssbs_gb_03.png) no-repeat;
      background-size: cover;
}
.linkbtn_s.fourth a {
      background: url(img/ssbs_gb_04.png) no-repeat;
      background-size: cover;
}
.ss_box4 table tr th.ssb_site {
    width: 250px;
}
.ss_box4 table tr th.ssb_link {
    width: 250px;
}
.linkbtn_s a span:first-child {
    font-size: 20px;
    font-weight: bold;
}
.linkbtn_s a span {
    display: block;
    font-weight: normal;
    font-size: 19px;
}
.ss_influ_lead {
    margin-bottom: 30px;
    font-size: unset;
    color: #333333;
    line-height: 1.6em;
}
.ss_influ_box {
    border: 1px solid #eeeeee;
    padding: 0 15px 15px;
    margin-bottom: 60px;
}
.influ_user_box {
    display: block;    padding: 10px 0;
}
.influ_fukidashi {
    padding: 15px;
}
  .influ_user_box .inner:first-child {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}
.influ_user_box .inner img{
  margin-right: 10px;
  width: 70px;
height: 70px;
}
.influ_user_box .inner span {
    font-weight: normal;
    font-size: 26px;
    color: #999999;
}
.influ_user_box .inner h4 {

    color: #666666;
}
.influ_fukidashi h5 {
    font-size: 28px;
    color: #666666;
    margin-bottom: 15px;
}
.influ_fukidashi p {
    font-size: unset;
    color: #666666;
    line-height: 1.6em;
}
.ss_influ_garelly {
    display: block;
    justify-content: space-between;
    margin-bottom: 30px;
    }
.ss_influ_garelly .inner {
    flex-basis: 48%;
    max-width: 100%;
}
.slide-item img {
    /* height: auto; */
  }
  .ss_box3_m_text {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 15px;
}

.linkbtn.first {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
  .influ_link {
    display: block;
    justify-content: space-between;
}
.influ_star_box dl {


}
.linkbtn_i a {
    background: url(img/ssib_gb_01.png) no-repeat;
      width: 100%;
    padding-top: 7%;
    background-size: cover;
    text-align: center;
    display: block;
    line-height: 1.2em;
    color: #ffffff;
    position: relative;
    transition: .3s;
}
.linkbtn_i.second a {
    background: url(img/ssib_gb_02.png) no-repeat;
    background-size: cover;
  }
  .linkbtn_i.third a {
      background: url(img/ssib_gb_03.png) no-repeat;
      background-size: cover;
    }
    .linkbtn_i.fourth a {
        background: url(img/ssib_gb_04.png) no-repeat;
        background-size: cover;
      }
      .linkbtn_i a span:first-child {
    font-size: unset;
    font-weight: bold;
}
.linkbtn_i a span {
    display: block;
    font-weight: normal;
    font-size: 20px;
}
.ss_box6 ul.threebox li {
  margin-bottom: 40px;
}
.ss_box6 ul.threebox li a {
  display: flex;
  justify-content: space-between;

}
.ss_box6 ul.threebox li a >div{
  flex-basis: 48%;
}
.ss_box6 ul.threebox li a > div {
    margin-right: 0%;
    display: block;
    justify-content: space-between;
}
.ss_box6 ul.threebox li  .tn_usr_photo img {
    object-fit: cover;
    height: 50px;
    width: 50px;
}
.tn_usr_photo {
    height: 50px;
    /* flex-basis: 20%; */
    width: 50px;
    margin-right: 10px;
    border-radius: 50%;
    overflow: hidden;
}
}

@media only screen and (max-width: 468px) {
.linkbtn_i a p {
top: 43%;}
.linkbtn_i a {
  background-size: contain;
}
.linkbtn_i.second a {
background: url(img/ssib_gb_02.png) no-repeat;
background-size: contain;
}
.linkbtn_i.third a {
background: url(img/ssib_gb_03.png) no-repeat;
background-size: contain;
}
.linkbtn_i.fourth a {
background: url(img/ssib_gb_04.png) no-repeat;
background-size: contain;
}

}

/* ===================
以下過去ページcss利用できれば
=================== */


#page-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 55px;
  z-index: 10;
}

#page-top a {
  text-align: center;
  display: block;
}

#footer {
  position: relative;
}

footer {
  background: #f5f4f1;
  margin-top: 0px;
  padding: 3vw 0;
}

.copy {
  background: #ffffff;
  padding: 20px;
  text-align: center;
}

footer .nest {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

footer .nest>.footer_logo {
  flex-basis: 22%;
  text-align: center;
}

footer .nest>.footer_logo a {
  margin-bottom: 30px;
}

footer .nest>.footer_logo p {
  font-size: 12px;
}

footer .nest>.footer_nav {
  flex-basis: 72%;
}

footer .nest>.footer_nav ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
footer .nest>.footer_nav ul li{
  margin-bottom: 20px;
  flex-basis: 18%;
  margin-right: 2%;
  text-align: left;
}
.footer_sns {
  display: flex;
  justify-content: center;
}

.footer_sns a {
  margin: 0 0.5%;
  display: block;
}

@media only screen and (max-width: 768px) {
  footer {
    padding: 60px 0;
}
  footer .nest>.footer_logo {
    flex-basis: 22%;
    text-align: center;
    margin-bottom: 20px;
}


  footer .nest>div.bannerzone p {
    background: none;
    font-size: 16px;
    margin-bottom: 10px;
  }

  footer .nest>div li a {
    font-size: unset;
  }



  footer .nest {
    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  footer .bannerzone {
    width: 100%;
    margin: 0 auto;
  }

  footer .nest>div {
    order: 2;
    flex-basis: 60%;
    padding: 0 5%;
  }

  footer .bannerzone .inner {
    flex-basis: 100%;
    margin-bottom: 15px;
  }

  footer .nest>div.linezone {
    margin-bottom: 20px;
  }

  footer .nest>div.linezone>ul li:last-child {
    display: none;
  }

  footer .nest>div.linezone>ul {
    display: flex;
    justify-content: center;
    padding: 20px 0;
    align-items: center;
  }

  footer .nest>div.linezone>ul li {
    flex-basis: 10%;
    margin: 0 2%;
  }

  footer .nest>div.linezone>ul li img {
    max-height: 31px;
  }

  footer p.sp {
    padding: 20px 5%;
  }

  footer .nest>div li {
    float: none;
    display: inline;
    color: #fff;
    margin: 0 5px 0 0;
  }

  footer .nest>div p {
    text-align: center;
    font-size: 10px;
    padding: 0px;
    margin: 15px 0 0 0;
  }

  footer p.copy {
    background: #111111;
    color: #ffffff;
    padding: 10px 0;
    margin-top: 20px;
    font-size: 12px;
  }
  .copy {
    background: #ffffff;
    padding: 15px;
    text-align: center;
    font-size: 18px;
    color: #666666;
}
.footer_sns a {
    margin: 0 1.5%;
    display: block;
}
.footer_sns a img{
  width: 40px;
  height: 40px;
  object-fit: contain;
}
}

@media all and (min-width:769px) {
  .sp {
    display: none;
  }
}

@media all and (max-width: 768px) {
  .pc {
    display: none;
  }
}

/* ===================
12_問い合わせ　inquiry
=================== */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #d4d4d4;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #d4d4d4;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #d4d4d4;
}

.inquiry dl {
  text-align: center;
  border-bottom: 1px dotted #ccc;
}

.inquiry dt {
  font-weight: bold;
  font-size: 16px;
  padding: 30px 0 10px;
  background: #e7e7e7;
}

.inquiry dd {
  background: #e7e7e7;
  padding: 0 10px 30px;
  margin-bottom: 30px;
}

table.form {
  width: 100%;
  margin: 10px 0 20px;
  text-align: left;
}

table.form th {
  padding: 20px 0 0 0;
  display: block;
}

table.form th span {
  display: block;
  float: left;
  margin-right: 10px;
  background: #c00;
  font-weight: normal;
  color: #fff;
  padding: 2px 20px;
  font-size: 12px;
}

table.form th span.nini {
  background: #00f;
}

table.form td {
  display: block;
  padding: 10px 0 20px;
  border-bottom: 1px dotted #ccc;
}

table.form td input[type="text"], table.form td input[type="email"] {
  padding: 12px;
  border: 1px solid #dadada;
  background-color: #fff;
  width: 100%;
  box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  font-size: 16px;
}

/*table.form td input[type = "checkbox"]{
padding: 12px;
border: 1px solid #dadada;
background-color: #fff;
box-sizing: border-box;
-webkit-appearance: none;
border-radius: 0;
-webkit-border-radius: 0;
font-size: 16px;
}*/
table.form td input[type="checkbox"]::checked {
  color: #ff0000;
}

table.form td textarea {
  width: calc(100% - 24px);
  height: 150px;
  border: 1px solid #dadada;
  font-size: 16px;
  padding: 12px;
  margin: 10px 0 0;
}

.mw_wp_form_error table.form td input,
.mw_wp_form_error table.form td textarea {
  background-color: #ffcccc;
}

.mw_wp_form_error table.form input+p,
.mw_wp_form_error table.form textarea+p,
.mw_wp_form_error table.form ul+p {
  color: #c00;
  margin: 5px 0 0;
}

table.form+p {
  margin: 0 0 20px 0;
}

table.form .label_list {
  padding: 0;
}

table.form .label_list li, table.form .label_list>span {
  float: none;
  display: block;
  margin: 16px auto 16px;
  width: 100%;
}

table.form .label_list label span {
  display: inline-block;
}

table.form .label_list label input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

table.form .label_list label input[type="radio"]+span::before {
  position: absolute;
  display: inline-block;
  content: '';
  box-sizing: border-box;
  border-radius: 20px;
}

table.form .label_list label input[type="radio"]+span::before {
  z-index: 0;
  top: 0;
  left: 0;
  background-color: transparent;
  width: 20px;
  height: 20px;
  border: 2px #78909c solid;
}

table.form .label_list label input[type="radio"]:checked+span::before {
  border-width: 6px;
}

table.form+p,
table.form+p+p {
  text-align: center;
  padding: 0;
}

.mwform-checkbox-field.horizontal-item {
  margin-right: 30px;
}

.mwform-checkbox-field input[type="checkbox"] {
  -webkit-appearance: auto;
}

.mw_wp_form_complete p+p {
  margin: 20px 0;
  text-align: center;
}

table.form+p+div>p,
#feas-searchform-0 p.btn-b {
  width: 55.9%;
  position: relative;
  margin: 0 auto;
}

input[type="submit"] {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  transition: all .4s;
  text-align: center;
  width: 100%;
  line-height: 55px;
  background: #fc0;
  cursor: pointer;
  padding: 0 0em;
  display: inline-block;
  margin: 50px 10px;
  min-width: 35%;
}

table.form+p+div>input[type="submit"] {
  background: #ccc !important
}

table.form+p+div>input,
table.form+p+div>input+p {
  width: 40%;
  display: inline-block;
}

table.form+p+div>input+p {
  float: right;
}

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

  table.form+p+div>input,
  table.form+p+div>input+p {
    width: 46%;
  }

  #feas-searchform-0 p.btn-b {
    width: 100%;
  }
}

@media only screen and (max-width: 425px) {
  table.form+p+div>p {
    width: 100%;
  }

  table.form+p+div>input,
  table.form+p+div>input+p {
    width: 90%;
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
  }

  table.form+p+div>input+p {
    width: 60%;
  }
}

.mw_wp_form_confirm table.form th span {
  display: none;
}

.mw_wp_form_confirm table.form th {
  padding: 20px 10px 10px 0;
  display: table-cell;
  width: 146px;
  border-bottom: 1px dotted #ccc;
}

.mw_wp_form_confirm table.form td {
  display: table-cell;
}

.mw_wp_form_confirm table.form td .span {
  display: none;
}


@media only screen and (max-width: 468px) {
#container{    padding: 30px 0 0;}
  body {
      min-width: 100%;
      font-size: 16px;
  }
  .js-fixed-header{
    height: 70px;
  }
  .js-fixed-header h1 img {
      height: 35px;
      width: auto;
      padding-top: 0;
  }
  .threebox li a > div {
}
div.tn_photo{
  height: auto;
}
div.tn_photo img{
  height: auto;
}
#mv{
  padding: 30px 0 50px;
}
#mv .slider .slider-child .slider_photo
{
  height: 220px;
}
.topnews_text .tn_cat {
    font-size: 12px;
    margin-bottom: 0;
}
.tn_usr_photo {
  margin-right: 5px;
}
.tn_usr span {
    font-size: 10px;
    color: #999999;
    font-weight: normal;
    line-height: 12px;
}
.tn_usr_photo {
    height: 40px;
    /* flex-basis: 20%; */
    width: 40px;
    }
.tn_usr_photo img {
    object-fit: cover;
    height: 40px;
    width: 40px;
}
.tn_usr_text {
    font-size: 14px;
    margin-top: 0;
  }
  .topnews_box ul.threebox li {
    margin-bottom: 20px;
}
.topnews_text h3 {
    font-size: 16px;
    color: #666666;
    margin-bottom: 10px;
}
.slider .prev, .slider .next {
    width: 50px;
    height: 50px;
    background-size: 50px auto;
}
.white_btn a {
  font-weight: normal;
    border: 1px solid #666666;
    padding: 10px 30px;
  }
  .top_news {
    margin-bottom: 40px;
}
.front h2.ttitle{
  font-size: 26px;
  margin-bottom: 30px;
}
.topinflu_box p span.author-name {
    font-size: 16px;
  }
.topinflu_box p span {
    font-size: 12px;
  }
  .topinflu_box .topinflu_box_photo {
    border-radius: 50%;
    overflow: hidden;
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
}
  .topinflu_box .topinflu_box_photo img {
    object-fit: cover;
    width: 100px;
    height: 100px;
}
.front h2.ttitle span{
  font-size: 20px;
}
ul.tab{

  margin-bottom: 20px;
}
ul.tab li {
    flex-basis: 48%;
    margin-right: 0%;
    margin-bottom: 12px;
}
ul.tab li a {
font-size: 14px;}
.topnews_box .area ul.threebox li, .under ul.threebox li{


}
.hiraku-open-btn-line{
  width: 45px;
    height: 6px;
}
.hiraku-open-btn-line:before {
    top: -14px;
}
.hiraku-open-btn-line:after {
    bottom: -14px;
}
.hiraku-open-btn-line:before, .hiraku-open-btn-line:after{
  height: 6px;
}
#side #acMenu dt::after,#side #acMenu h3::after {
    position: absolute;
    content: '';
    background: url(img/ssrank_c.png) no-repeat;
    background-size: 22px;
    width: 22px;
    height: 22px;
    top: 20px;
    right: 20px;
    background-size: 22px!important;
}
#side ul.scat_inner li a div {
    flex-basis: unset;
    font-size: 16px;
}
.bread .nest{
  font-size: 12px;
}

.topnews_box .area ul.threebox li, .under ul.threebox li{

}
.catbox ul.sp-only{
  display: block;
}
.catbox ul li{
  display: inline-block;
}
.catbox .catparent {
    flex-basis: 60%;
    margin-top: -5px;
    margin-left: 15px;
}
.point_re_inner h3{
  display: inline;
}
.single_box #acMenu dt,.single_box #acMenu h3{
  font-size: 18px;
  padding: 8px 15px;
}
h2.ss_box1_title, h2.point_title{
  font-size: 30px;
}
.linkbtn a span{
  font-size: 15px;
}
h4.ss_box3_sub_title{
  font-size: 22px;
}
h2.ss_category_titles{
  font-size: 24px;
  padding: 10px 0;
}
.influ_user_box .inner span{
  font-size: 14px;
}
.influ_user_box h4 a{
  font-size:18px;
}
.influ_fukidashi h5{
  font-size: 24px;
}
.box2_repeat h2 {
    font-size: 24px;
  }
  .ss_box6 ul.threebox li a{

  }
  .ss_box2_title {
    font-size: 24px;
    margin-bottom: 20px;
}
h2.ttitle.small {
    font-size: 24px;
}
h2.ss_box1_title, h2.point_title, h3.point_title {
    font-size: 26px;
  }
  li.ss_box3_pro_list_inner .inner:nth-child(2){
    margin-bottom: 0px;
  }
h2.ttitle, h1.ttitle {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .mokuji {
  font-size: 24px;}
  .linkbtn_i a{
    padding-top: 2%;
  }
   .catbox{
     padding: 20px;
   }
   .catbox > a {
    flex-basis: 20%;
    margin-bottom: 20px;
}
  .catbox ul li a {
    color: #333333;
    font-size: 14px;
  }
  .catbox ul li {
    margin-right: 10px;
    margin-bottom: 10px;
}
.linkbtn_i a span{
  font-size: 16px;
}
}