/*
 Theme Name:   jin Child
 Theme URI:
 Description:  jinの子テーマ
 Author:       Asami Yoshida
 Author URI:
 Template:     jin
 Version:
 License:
 License URI:  https://jin-theme.com/
 Tags:
 Text Domain:
*/

/* TOP */
#main-image{
  max-width: 1300px;
  margin: auto;
}

#main-image .main-image-text{
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif!important;
  font-weight: 500;
}

#main-image .main-image-text-sub{
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif!important;
  font-weight: 500;
}

#main-image .top-image-btn-color {
  padding-left:0;
}

.top-image-btn-color a, .color-button01 a, .color-button02 a{
  padding:12px 30px;
}

#main-image .top-image-btn-color a, .top-image-btn-color a:hover, .top-image-btn-color:before
{
  background-color: none;
  box-shadow:none;
}

#main-image .top-image-meta{
  top: 0;
  left: 0;
  width: 100%;
  transform: none;
}
#main-image .main-image-text_add{
  font-size: 1rem;
}
#main-image .main-image-text{
max-width: 7em;
margin-left: auto;
margin-right: 1.5em;
margin-top: 5em;
/*     margin-bottom: 10%; */
margin-bottom: 0;
min-width: 110px;
}
#main-image .main-image-text-sub{
padding-top: 5%;
padding-bottom: 5%;
margin-top: 5em;
margin-right: 3.5%;
margin-left: 3%;
font-size:1rem;
background-color:rgba(255,255,255,0.7);
}
#main-image .top-image-btn-color{
margin-top: 2em;
max-width: 70%;
/*     margin-left:40%; */
}
.main-image-sub-rapper{
  background-color:rgba(255,255,255,0.7);
  padding:20px;
}
.main-image-btn-line{
  width: 90%;
  margin: 10px auto;
}
#main-image .top-image-btn-color-custom{
  margin-top: 1%;
}
#main-image .top-image-btn-color-custom a{
  background: linear-gradient(107.61deg, #98fb98 7.99%, #32cd32 91.12%);
  border-radius:50px;
}
#main-image .jin-shortcode-button a{
  font-size: 1em;
}

@media (min-width: 768px) {
  #main-image .top-image-meta{
    padding-right: 5%;
    padding-left: 35%;
  }

  #main-image .main-image-text{
    max-width: 100%;
    margin-top: 3em;
    margin-right: 0;
    font-size: 2.5rem;
    line-height: 3rem;
  }

  #main-image .main-image-text-sub{
    max-width: 100%;
    margin-top: 2em;
    margin-right: 3%;
    font-size: 1.1rem;
  }

  #main-image .top-image-btn-color {
    margin-top: 10%;
    max-width: 100%;
  }

  #main-image .top-image-btn-color a {
    font-size: 1.5rem;
  }

  #main-image .jin-shortcode-button a{
    font-size: 3vw;
  }

  #main-image .top-image-btn-color-custom{
    margin-top: 5%;
  }

  .main-image-sub-rapper{
    background-color:rgba(255,255,255,0.7);
    padding:20px;
  }

  .main-image-btn-line{
    width: 90%;
    margin: 10px auto;
  }
}

@media (min-width: 1024px) {
  #main-image .top-image-meta{
    padding-right: 1%;
    padding-left: 35%;
  }

  #main-image .main-image-text{
    max-width: 90%;
    margin: 2.8em auto 0;
    font-size: 3rem;
    line-height: 5rem;
  }

  #main-image .main-image-text-sub{
    max-width: 75%;
    margin: 2em auto 0;
    padding: 3% 0 3%;
    font-size: 1.5rem;
  }

  #main-image .top-image-btn-color {
    max-width: 90%;
    margin-top: 10%;
  }

  #main-image .top-image-btn-color a {
    font-size: 2rem;
  }

  #main-image .jin-shortcode-button a{
    font-size: 3vw;
  }

  #main-image .top-image-btn-color-custom{
    margin-top: 5%;
  }

  .main-image-sub-rapper{
    background-color:rgba(255,255,255,0.7);
    padding:20px;
  }

  .main-image-btn-line{
    width: 90%;
    margin: 10px auto;
  }
}

/* １カラムページ */
.page .cps-post-title{
  margin-bottom: 0px;
}
.cps-post-main{
  margin-top: 0px;
}

/* プロフィールページ */
.profile_select_wrapper{
  display: flex;
}
.profile_select_wrapper p, .profile_wrapper p{
  padding: 0;
}
.profile_select{
  padding: 10px;
}
.profile_select_wrapper a, .profile_wrapper a{
  text-decoration: none;
}
.profile_selectbtn{
  height: 5em;
  width: 5em;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}
.color_bk_1{
  background-color: #ff8e9e;
}
.color_bk_2{
  background-color: #f8c4c6;
}
.color_font_white{
  color: #ffffff;
}
.profile_selectbtn_font{
  line-height:5em;
  color: white;
}
.profile_wrapper{
  background-color: #ffeae9;
  margin: 10px;
  padding: 10px;
}
.profile_wrapper_inner{
  padding: 20px 15px;
  margin: 10px;
  border-top:3px #8e8e93 solid;
  border-bottom:3px #8e8e93 solid;
}
.profile_wrapper .mainblock{
  padding-top: 20px;
}
.profile_img_area{
  position: relative;
  text-align: center;
}
.profile_img_area .img_flame{
  width: 200px;
  position: relative;
  top:0px;
  left:0px;
  z-index: 2;
}
.profile_img_area .img_main{
  width: 200px;
  position: absolute;
  top:-2%;
  z-index: 1;
  padding: 20px;
  margin-left: -100px;
}
.profile_content_main {
  display: inline-block;
  width: 100%;
}
.profile_title{
  width: 90px;
  display: inline-block;
}
.profile_text{
  padding: 5px 20px;
}
.profile_wrapper_inner hr{
  height: 2px;
  border: none;
  border-bottom: 2px #cccccc dashed;
}
.profile_wrapper .button_more, .profile_wrapper .button_undo{
  width: 120px;
  background-color: #ff8e9e;
  border-radius: 25px;
  padding: 5px;
  color: #3b4675;
  text-align: center;
  margin: 20px auto;
  cursor:pointer;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

/* サイドバー */
.textwidget img{
  margin: auto;
}
.sidebar_banner{
  margin: 10px auto;
  width: fit-content;
}

/* ページフッター */
footer .footer-inner div {
  display: inline-block; }
footer .footer-inner #privacy a {
  border-left: none; }
footer .footer-inner #terms a,
footer .footer-inner #contact a {
  padding: 0 15px;
  border-right: 1px solid #ddd; }
  @media (max-width: 767px) {
	footer .footer-inner #terms a,
	footer .footer-inner #contact a {
      margin: 0 auto; } }
  @media (min-width: 768px) {
	footer .footer-inner #terms a,
	footer .footer-inner #contact a {
      float: left;
      font-weight: 300; } }
footer .footer-inner #terms a {
  border-left: 1px solid #ddd; }

/* Wath's New */
#home-top-widget .widget.widget_custom_html {
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18) !important;
}
.whatsnew_more{
  text-align: right;
}
div.whatsnew dt{
  font-size: small;
  color:#ff697d;
}
div.whatsnew hr{
  height:1px;
  background-color:#ececdb;
  border:none;
}
div.whatsnew h1{
  font-size:large;
  padding:5px 15px;
  color:#545454;
  font-weight:unset;
  background-color: #ffeae9;
  margin-bottom: 5px;
  border-radius: 5px;
}
div.whatsnew dd{
  font-size:small;
}
.whatsnew_more a{
  background-color: #eb7081;
  padding: 5px 15px;
  border-radius: 5px;
  color: #fff5f5!important;
  font-size: small;
}
@media screen and (min-width: 600px) {
  div.whatsnew dt{
    width:11em
  }
}
#home-top-widget .textwidget{
  overflow-y: scroll;
  height: 180px;
}
@media screen and (max-width: 767px){
  #home-top-widget .textwidget{
    height: 240px;
  }
}
.line_img {
    text-align: center;
    margin: 20px 0;
}
.line_img img {
    width: 200px;
}

/* お問い合わせページ */
.wpcf7 {
  margin: 0 !important;
  padding: 0px 10px !important;
  padding-bottom: 0px !important;
  background: rgba(255, 255, 255); }
  @media (max-width: 767px) {
    .wpcf7 {
      width: 100%; } }
  @media (min-width: 768px) {
    .wpcf7 {
      width: 80%; } }

.wpcf7-form .form_content {
    margin: 15px 0;
}
.wpcf7-form .form_label {
    font-size: 12px;
}
.wpcf7-form .wpcf7-list-item-label {
    font-size: 12px;
}

.wpcf7-form p {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  padding-bottom: 0}

.wpcf7-form input[type="submit"] {
	margin: 40px auto;
	background: #3ad86b; }
.wpcf7-form input[type="submit"]:hover {
	background: #8bdea5; }

.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap textarea {
  margin-bottom: 0 !important;
  font-size: 0.85em; }

.wpcf7-form-control-wrap input[type="tel"] {
  box-sizing: border-box;
  width: 200px;
  border-radius: 2px;
  border: 1px solid #ccc;
  padding: 7px 10px;
  font-size: 0.85em;
  margin-bottom: 0 !important;
  -webkit-appearance: none; }


span.wpcf7-not-valid-tip {
	font-size: 0.85em;
}

span.wpcf7-list-item {
    margin: 0 0 0 0;
}

div.wpcf7-mail-sent-ok {
	background-color: #ffffff00;
	border: 2px solid #ffffff00;
}

div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
	background-color: #ff0000;
}

div.wpcf7-spam-blocked {
	background-color: #ffa500;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
	background-color: #f7e700;
}
/* 個人情報の取り扱いについて */
.policy_wrap {
    max-height: 300px;
    overflow: scroll;
    box-sizing: border-box;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #ccc;
    padding: 10px 20px;
    margin-bottom: -10px !important;
    -webkit-appearance: none;

}
.policy_wrap .policy_content {
	font-size: 12px;
	color: black;
	letter-spacing: normal;
}
.policy_content ul {
	padding-left: 0;
}
.policy-title {
	margin-bottom: 10px;
	font-weight: bold;
}
.policy_content .policy_block {
	padding-left: 0;
	margin-bottom: 1rem;
}
.policy_content .policy_block .policy_block_title {
    margin-bottom: 5px;
}
.policy_content .policy_block p {
	padding-left: 10px;
	line-height: 1rem;
}

/** 人気記事のアイキャッチ内に順位番号を表示 */
body{
  counter-reset: rank_number;  
}
.wpp_thumb_wrapper{
  position: relative;
}
.wpp_thumb_wrapper:after{
  counter-increment: rank_number;
  content: counter(rank_number);
  display: block;
  position: absolute;
  left: 0;
  width: 20px;
  padding: 3px 0px 3px 0;
  background: #ffd77a;
  font-family: 'Quicksand', 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  font-size: 0.75rem;
  text-align: center;
  border-radius: 2px;
  letter-spacing: 2px;
  color: #fff;
}
.wpp-list li {
    margin-bottom: 0;
    padding: 10px 0;
}
.wpp-post-title{
	font-size: 0.85rem;
	line-height: 1.15rem;
	font-weight: 500;
}

/* レスポンシブ対応テーブル */
.simple-table tbody tr td,
.simple-table tbody tr th{
	white-space: break-spaces !important;
	font-size: 12px;
}