/*
Template: jin
Theme Name: jin-child
Author: CrossPiece
Version: 1.00
*/


/* BOXの横幅広く */
@media (min-width: 768px) {
.simple-box1,
.simple-box2,
.simple-box3,
.simple-box4,
.simple-box5,
.simple-box6,
.simple-box7,
.simple-box8,
.simple-box9,
.kaisetsu-box1,
.kaisetsu-box2,
.kaisetsu-box3,
.kaisetsu-box4,
.kaisetsu-box5,
.kaisetsu-box6,
.concept-box1,
.concept-box2,
.concept-box3,
.concept-box4,
.concept-box5,
.concept-box6,
.innerlink-box1 {
width: 100%;
}
}
/* BOXの横幅広く */


/* Instagram中央表示 */
.instagram-media{
	margin:auto!important;
}
/* Instagram中央表示 */


/* Twitter中央表示 */
.twitter-tweet{
	margin: 0 auto;
}
/* Twitter中央表示 */


/*--------------------------------------
 記事タイトルの文字を太くする
（全フォントまとめたver.）
--------------------------------------*/
/*パソコン表示*/
@media (min-width: 768px) {
.cps-post-title,/*デフォルトのフォント*/
body#nts-style .cps-post-title,/*角ゴシックのフォント*/
body#rm-style .cps-post-title{/*角丸ゴシックのフォント*/
	font-weight: 500!important;/*数字が大きいほど太く*/
}}

/*スマホ表示*/
@media (max-width: 767px){
.cps-post-title,/*デフォルトのフォント*/
body#nts-style .cps-post-title,/*角ゴシックのフォント*/
body#rm-style .cps-post-title{/*角丸ゴシックのフォント*/
	 font-weight: 600!important;/*数字が大きいほど太く*/
}}

/*--------------------------------------
 記事タイトルの文字を太くする
（全フォントまとめたver.）
--------------------------------------*/

/* 角ゴシック文字をちょぴっと太めにする */
@media (min-width: 768px) {
body#nts-style {
font-weight: 400; } }
@media (min-width: 768px) {
body#nts-style p {
font-weight: 400; } }
/* 角ゴシック文字をちょぴっと太めにする */

/* 角丸ゴシック文字をちょぴっと太めにする */
@media (min-width: 768px) {
body#rm-style {
font-weight: 400; } }
@media (min-width: 768px) {
body#rm-style p {
font-weight: 400; } }
/* 角丸ゴシック文字をちょぴっと太めにする */


/** スマホ記事タイトル文字サイズ **/
@media screen and (max-width:767px) {
 .cps-post .cps-post-header .cps-post-title {
    font-size: 1.2rem; /*文字サイズ*/
    line-height: 1.6rem; /*行間*/
}
}
/** スマホ記事タイトル文字サイズ **/


/*記事左上のカテゴリー文字サイズ*/
.cps-post .cps-post-header .cps-post-cat a {
    padding: 5px 10px; /*ワクのサイズ*/
    font-size: 0.7rem; /*文字サイズ*/
}
/*記事左上のカテゴリー文字サイズ*/


/* reCAPTCHA ロゴ非表示 */
.grecaptcha-badge { visibility: hidden; }
/* reCAPTCHA ロゴ非表示 */


/* お問い合わせフォームの設定 */
/* 送信ボタン */
input.sub-btn {
	width: 300px;
	height: 60px;
	background: #5384b8;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #ffae13;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}

/* 送信ボタンホバー */
input.sub-btn:hover{
	background: #FFF;
	color: #5384b8;  
}

/* 送信ボタン中央寄せ */
.center {
	text-align:center;
}
/* お問い合わせフォームの設定 */


/************************************
** ボックスナビ
************************************/
.p-nav{
margin:2em 0;/* 全体外余白 */
padding:0;/* 全体内余白 */
}
.p-nav ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style:none;
margin:0;
padding:0;
border:none;
}
.p-nav ul li{
-ms-flex-preferred-size: calc(100%/3);/* 3列 */
flex-basis: calc(100%/3);/* 3列 */
margin:0;
padding:0;
text-align:center;
box-shadow: inset 1px 1px 0 0 #e0ddd1, 1px 1px 0 0 #e0ddd1, 1px 0 0 0 #e0ddd1;/* 罫線 */
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
min-height:100px;/* 最低の高さ */
cursor:pointer;
background:#fff;/* 背景色 */
}
.p-nav ul li:hover{
z-index:2;
box-shadow: inset 2px 2px 0 0 #5384b8, 2px 2px 0 0 #5384b8, 2px 0 0 0 #5384b8, 0 2px 0 0 #5384b8;/* 罫線(マウスホバー) */
transition: 0.35s ease-in-out;
}
.p-nav ul li:before{
content:unset !important;
}
.p-nav ul li a{
display:block;
padding: 0.5em 1em;/* 内余白 */
text-decoration:none;
width:100%;
}
.p-nav ul li a:hover{
background:none;
opacity:1;
}
.p-nav ul li a img{
max-width:50% !important;/* 画像横幅 */
height: auto !important;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.1));/* 画像影 */
display: inline-block;
}
.p-nav .p-nav-title{
display: block;
color: #666;/* 文字色 */
font-size: 0.7em;/* 文字大きさ */
letter-spacing: 1px;
font-weight: 600;/* 文字太さ */
text-align: center;
line-height: 1.5;/* 文字行間高さ */
}
/* サイドバー */
.sidebar .p-nav ul li{
-ms-flex-preferred-size: calc(100%/3);/* 3列 */
flex-basis: calc(100%/3);/* 3列 */
}
/* スマホ */
@media screen and (max-width: 559px) {
  .p-nav ul li{
    -ms-flex-preferred-size: calc(100%/3);/* 3列 */
    flex-basis: calc(100%/3);/* 3列 */
  }
}
/* fontawesome */
.p-nav ul li a i,.p-nav ul li a svg{
font-size: 40px;/* アイコン大きさ */
padding: 10px 0;/* アイコン余白 */
color: #b85453;/* アイコン色 */
display:inline-block;
}
/* fontawesome(2番目) */
.p-nav ul li:nth-of-type(2) a i,.p-nav ul li:nth-of-type(2) a svg{
color:#b85453;/* アイコン色 */
}
/* fontawesome(3番目) */
.p-nav ul li:nth-of-type(3) a i,.p-nav ul li:nth-of-type(3) a svg{
color:#b85453;/* アイコン色 */
}
/* fontawesome(4番目) */
.p-nav ul li:nth-of-type(4) a i,.p-nav ul li:nth-of-type(4) a svg{
color:#b85453;/* アイコン色 */
}
/************************************
** ボックスナビ
************************************/


/************************************
** スマホメニュー ボックスナビ
************************************/
.sp-menu-box .p-nav ul.menu-box{
height:auto;
}
.sp-menu-box .p-nav ul{
padding: 0 7% 1%;
}
.sp-menu-box .p-nav .menu-item{
min-height:120px;
}
.sp-menu-box .p-nav li a:before{
content:unset;
}
.sp-menu-box .p-nav ul li a {
padding: 0.3em 1em 1em;
}
@media screen and (min-width: 768px) {
  ul.menu-box li.menu-item a img{
    display:none;
  }
}
/************************************
** スマホメニュー ボックスナビ
************************************/

/*--- SNSシェアアイコンのデザイン ---*/
.sns-design-type01 .sns-top li.twitter a, .sns-design-type01 .sns-top li.facebook a, .sns-design-type01 .sns-top li.hatebu a, .sns-design-type01 .sns-top li.pocket a, .sns-design-type01 .sns-top li.line a {
border: 3px double;
border-color: white;
}
.sns-design-type01 .sns li.twitter a, .sns-design-type01 .sns li.facebook a, .sns-design-type01 .sns li.hatebu a, .sns-design-type01 .sns li.pocket a, .sns-design-type01 .sns li.line a {
border: 3px double;
border-color: white;
}
@media (min-width: 768px){
.sns-design-type01 .sns-top li a, .sns-design-type01 .sns li a {
box-shadow: none;
height: 44px;
opacity: .9;
}
.sns-design-type01 .sns-top .twitter a, .sns-design-type01 .sns .twitter a {
padding-top: 9px!important;
}
.sns-design-type01 .sns-top .facebook a, .sns-design-type01 .sns .facebook a {
padding-top: 11px !important;
}
.sns-design-type01 .sns-top li a, .sns-design-type01 .sns .hatebu a, .sns-design-type01 .sns .pocket a {
padding: 13px!important;
}
.sns-design-type01 .sns-top .line a, .sns-design-type01 .sns .line a {
padding-top: 8px!important;
}
.sns-design-type01 .sns li a {
line-height: 11px;
}
}
@media (max-width: 767px){
.sns-design-type01 .sns-top li a, .sns-design-type01 .sns li a {
padding: 6px 6px;
box-shadow: none;
height: 44px;
opacity: .9;
}
.sns-design-type01 .sns-top .facebook a, .sns-design-type01 .sns .facebook a {
padding-top: 11px !important;
}
.sns-design-type01 .sns-top .twitter a, .sns-design-type01 .sns .twitter a {
padding-top: 9px!important;
}
.sns-design-type01 .sns-top li a, .sns-design-type01 .sns .hatebu a, .sns-design-type01 .sns .pocket a {
padding: 13px!important;
}
.sns-design-type01 .sns-top .line a, .sns-design-type01 .sns .line a {
padding-top: 8px!important;
}}
/*--- SNSシェアアイコンのデザイン ---*/


/*********************************
* タイムライン
*********************************/
.ptimeline-wrap{
    margin:0 auto 2rem;
}
.ptimeline-wrap .ptimeline{
    padding:0 !important;
    list-style:none !important;
}
.ptimeline-wrap .ptimeline-label {
    padding: 3px 0 0 2px;
    color: #aaa;
    font-size: 12px;
    font-weight: 500;
}
.ptimeline-wrap .ptimeline-title {
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.5;
    color:#5384b8;
}
.ptimeline-wrap .ptimeline-main {
    margin-top: 0.5em;
    padding: 0 0 1.5em;
    font-size: 0.9em;
    line-height: 1.8;
    border-bottom: dashed 1px #ddd;
    color:#555;
}
.ptimeline-wrap .ptimeline-main img{
  display:block;
  margin:1em auto;
}
.ptimeline-wrap .ptimeline-item {
    position: relative;
    padding: 0 0 1em 1.5em !important;
    margin-bottom:0 !important;
    border:none;
}
.ptimeline-wrap .ptimeline .ptimeline-item:before {
    content: "";
    width: 3px;
    background: #eee !important;
    display: block;
    position: absolute;
    top: 25px;
    bottom: -3px;
    left: 5px;
}
.ptimeline-wrap .ptimeline-item:last-child:before{
    content:none;
}
/*********************************
* タイムライン マーカー
*********************************/
.ptimeline-wrap .ptimeline-marker{
    display: block;
    position: absolute;
    content: "";
    top: 6px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: solid 3px #5384b8;
}
.ptimeline-wrap .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .ptimeline-item:last-child .ptimeline-marker{
    background:#5384b8;
}
/*四角 */
.ptimeline-wrap .square .ptimeline-marker{
    border-radius: 0;
}
/* アイコン*/
.ptimeline-wrap .icon .ptimeline-item .ptimeline-marker{
    content:unset;
    border:none !important;
    background:none !important;
}
.ptimeline-wrap .icon .ptimeline-item .ptimeline-marker:before{
    font-family: "Font Awesome 5 Free";
    top: -1px;
    left: 0;
    position:absolute;
    font-weight:bold;
    font-size:16px;
    line-height:1;
    color:#5384b8;
}
.ptimeline-wrap .icon .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .icon .ptimeline-item:last-child .ptimeline-marker{
    background:none !important;
}
/* 画像*/
.ptimeline-wrap .tl-img .ptimeline-item .ptimeline-marker{
    content:unset;
    border:none !important;
    background:none !important;
}
.ptimeline-wrap .tl-img .ptimeline-item .ptimeline-marker:before {
    content:"";
    display:inline-block;
    background-image:url(ここに画像URL); /* 画像1番目*/
    background-size:contain;
    background-repeat:no-repeat;
    width:40px;
    height:40px;
    position: relative;
    top: -4px;
    left: -2px;
}
.ptimeline-wrap .tl-img li:nth-of-type(2) > .ptimeline-marker:before{
    background-image:url(ここに画像URL) !important; /* 画像2番目*/
}
.ptimeline-wrap .tl-img li:nth-of-type(3) > .ptimeline-marker:before{
    background-image:url(ここに画像URL) !important; /* 画像3番目*/
}
.ptimeline-wrap .tl-img li:nth-of-type(4) > .ptimeline-marker:before{
    background-image:url(ここに画像URL) !important; /* 画像4番目*/
}
.ptimeline-wrap .tl-img li:nth-of-type(5) > .ptimeline-marker:before{
    background-image:url(ここに画像URL) !important; /* 画像5番目*/
}
.ptimeline-wrap .tl-img .ptimeline-item {
    padding: 0 0 1em 3em !important;
}
.ptimeline-wrap .tl-img .ptimeline-item:before {
    top: 30px;
    left: 15px;
}
/*********************************
* タイムライン カラー
*********************************/
/* ピンク */
.ptimeline-wrap .red .ptimeline-title{
    color:#b85453 !important; /* タイトル色 */
}
.ptimeline-wrap .red .ptimeline-main{
    color:#5e6c77 !important; /* コンテンツ色 */
}
.ptimeline-wrap .red .ptimeline-marker{
    border: solid 3px #b85453 !important; /* マーカー色 */
    color:#b85453; /* アイコン色 */
}
.ptimeline-wrap .red .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .red .ptimeline-item:last-child .ptimeline-marker{
    background:#b85453; /* マーカー色(最初と最後)*/
}
.ptimeline-wrap .red .ptimeline-item .ptimeline-marker:before{
    color:#b85453 !important; /* アイコン色 */
}

/*********************************
* タイムライン
*********************************/


/*タイトルとURLをコピーする*/
.copy_main {
  margin: 0 0 2.4em;
}

.copy_btn {
  padding: 20px 0;
  border-top: 1px solid #5384b8;
  border-bottom: 1px solid #5384b8;
  background: #5384b8;
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 1em;
  cursor: pointer;
}

@media (max-width:575px) {
  .copy_btn span {
    font-size: 16px;
  }
  .copy_btn.copied span {
    font-size: 16px;
  }
}

.copy_btn i:before {
  display: inline-block;
  margin-right: 8px;
  content: '\f0c5';
  font-size: 28px;
}

.copy_btn:hover {
  opacity: .7;
}

.copy_btn.copied {
  border-top: 1px solid #5384b8;
  border-bottom: 1px solid #5384b8;
  border-left: 1px solid #5384b8;
  border-right: 1px solid #5384b8;
  background: #fff;
  color: #5384b8;
  pointer-events: none;
}

.copy_btn.copied {
  cursor: auto
}

.copy_btn.copied i:before {
  content: '\f00c';
}

.copy_btn.not-copied {
  background: #5384b8;
}

.copy_btn.not-copied i:before {
  content: '\f06a';
}

.copy_text {
  display: none;
  overflow: hidden;
}

.copy_text div {
  margin: 15px 8px 0;
  font-size: 13px;
  line-height: 1.2em;
}

.copied+.copy_text div {
  display: none;
}

.not-copied+.copy_text div {
  display: block;
}

#copy_textbox {
  margin-top: 10px;
  width: 100%;
  border: 1px solid #bbb;
  border-radius: 3px;
  font-size: 16px;
}
/*タイトルとURLをコピーする*/


/** タグクラウドの文字サイズ拡大 **/
.widget_tag_cloud a{
  font-size:0.85rem !important;/*文字サイズ変更*/
}
/** タグクラウドの文字サイズ拡大 **/


/** Q&Aのデザイン **/
/***Q***/
.jin-ac-box02-title::before {
	color:#5384b8;
}
/***矢印***/
.jin-ac-box02-title::after {
	color:#5384b8;
}
/***A***/
.jin-ac-box02-inner::before {
	color:#b85453;
}
/** Q&Aのデザイン **/


/* 記事リストの文字サイズの拡大 */
@media (min-width: 768px){
	body#nts-style .post-list-link .entry-title,
	body#nofont-style .post-list-link .entry-title,
	body#rm-style .post-list-link .entry-title{
		font-weight: 560!important;
	}	
}
/* 記事リストの文字サイズの拡大 */


/* SNSシェアボタンの上にテキストを追加する */
.sns-top:before,.sns:before{
content: "＼　この記事をSNSでシェアする　／";
font-size: .9em; /* 文字の大きさ */
color:#b85453; /* 文字色 */
font-weight: bold; /* 文字を太く */
}
.sns-top,.sns{
text-align:center;
}
[codebox title="HTML"]
/* SNSシェアボタンの上にテキストを追加する */

/* ハンバーガーメニュースクロール */
@media screen and (max-width: 767px){
.sp-menu-box  {
    overflow: scroll;
}
}
/* ハンバーガーメニュースクロール */


/*--- ブログカードのデザイン ---*/
/*タイトルをリンク色に変更*/
.blog-card-title {
		color: #008db7;
		text-decoration: underline;
}
/*ブログカードの説明文を消す*/
.blog-card-excerpt{
		display:none;
}
/*--- 　ブログカードのデザイン ---*/


/*--- ボタンのマイクロコピー ---*/
.mcbtn {
    margin-bottom: 2rem;
    text-align: center;
}
.mcbtn .color-button01-big {
    margin-bottom: 0;
}
.mcbtn .color-button01-big a {
    padding-top: 12px!important;
    padding-bottom: 15px!important;
    width: 100%!important;
}
.mcbtn p {
    padding-bottom: 0.5rem;
}
.mcbtn p:first-child {
    margin-bottom: 1.5em;
    font-weight: 500!important;
    font-size: .9em;
    color: #999999;
}
.mcbtn p:last-child {
    font-size: .8em;
    display: inline-block;
    text-align: left;
}
/*--- ボタンのマイクロコピー ---*/


/*--- Rinkerのデザイン ---*/
div.yyi-rinker-contents div.yyi-rinker-title p {/*タイトルの文字*/
margin: 0;/*いらない外側の余白を削除*/
}
div.yyi-rinker-contents div.yyi-rinker-title a {/*タイトルのリンク*/
color: #008db7;/*文字の色*/
font-size: .9em;/*文字の大きさ*/
}
div.yyi-rinker-contents div.yyi-rinker-title a:hover {/*タイトルをマウスホバー*/
color: #008db7;/*変化する色*/
text-decoration: underline;/*下線*/
}
span.price {/*価格部分*/
font-size: 1.4em;/*文字の大きさ*/
color:#696969 ;
}
.price-box span:nth-child(n+2) {/*価格の後ろの文字*/
display: none;/*さようなら*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a {/*Amazonのボタンリンク*/
background: #e5833a;/*背景色追加*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a {/*楽天のボタンリンク*/
background: #b85453;/*背景色追加*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a {/*ヤフーショッピングのボタンリンク*/
background: #5384b8;/*背景色追加*/
}
/*--- Rinkerのデザイン ---*/