@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

/*--------------------------------------
  見出しh2
--------------------------------------*/
.entry-content h2{

}
.fa5 .entry-content h2:before {/*fontawesome5を使う場合*/
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
/*--------------------------------------
  見出しh3
--------------------------------------*/
.entry-content h3 {

}
.fa5 .entry-content h3:before {/*fontawesome5を使う場合*/
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
/*--------------------------------------
  見出しh4
--------------------------------------*/
.entry-content h4 {

}
.fa5 .entry-content h4:before {/*fontawesome5を使う場合*/
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

/*リンクマークカラー調整*/
.link-blue {
	color: #92BCD9;
}

/*箇条書き調整*/
.list-1{
   list-style: none;
   padding:0;
   margin:0 0 0 0;
}
.list-1 li {
   position: relative;
   margin:0.5em 0 0 -0.5em !important;
   max-width:100%; /* 横幅 */
   padding: 0 0 0.5em 1.4em;
}
.list-1 li:last-child{ 
   border:none;
}
.list-1 li:before {
   background-color:  #92BCD9; /* 点の色 */
   position: absolute;
   content: '';
   top:0.7em;
   left: 0.2em;
   width: 7px;
   height: 7px;
   border-radius: 4px;
}
/*番号箇条書き調整・四角*/
.list-2{
   counter-reset:number; 
   list-style-type: none; 
   padding:0;
   margin:0.5em 0 0 0;
}
.list-2 li {
   position: relative;
   margin:0.5em 0 0.5em 0 !important;
   padding-left: 3.3em;
}
.list-2 li:before {
   counter-increment: number;
   content: counter(number);
   background-color: #92BCD9; /* 文字背景色 */
   color: #fff; /* 文字色 */
   position: absolute;
   font-weight:bold;
   font-size: 15px;
   left: 1.0em;
   top:0.4em;
   width: 25px;
   height: 25px;
   line-height: 25px;
   text-align: center;
}
/*番号箇条書き調整・丸*/
.list-3{
   counter-reset:number; 
   list-style-type: none; 
   padding:0;
   margin:0 0 0 0;
}
.list-3 li { 
   position: relative;
   margin:0.5em 0 !important;
   padding-left: 3.2em;
}
.list-3 li:before {
   counter-increment: number;
   content: counter(number);
   background-color: #95B3D7; /* 文字背景色 */
   color: #fff; /* 文字色 */
   position: absolute;
   font-weight:bold;
   font-size: 15px;
   border-radius: 50%;
   left: 1.0em;
   top:0.4em;
   width: 25px;
   height: 25px;
   line-height: 25px;
   text-align: center;
}

/*ボックス・箇条書き*/
.box40 {
    padding: 0.7em 0 0 0;
    margin: 2em 0;
    color: #545454;/*文字色*/
    background: #FFF;
    border: solid 3px #92BCD9;/*線*/
    border-radius: 4px;/*角の丸み*/
}
.box40 p {
    margin: 0; 
    padding: 0;
}
@media only screen and (min-width: 768px) {
.box40 {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
}
}
@media only screen and (max-width: 481px){
.box40 { 
	padding: 0.5em 0 0 0;
}
}
/*ボックス箇条書き・二重線*/
.box41 {
    padding: 0.7em 0.3em 0.3em 0;
    margin: 2em 0;
    border: double 4px #92BCD9;
}
.box41 p {
    margin: 0; 
    padding: 0;
}
@media only screen and (min-width: 768px) {
.box41 {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
}
}
@media only screen and (max-width: 481px){
.box41 { 
	padding: 0.6em 0 0 0;
}
}
/*ボックス箇条書き・交差線*/
.box42{
    margin:2em 0;
    position: relative;
    padding: 0.7em 1.0em 0 0.7em;
    border-top: solid 2px #92BCD9;
    border-bottom: solid 2px #92BCD9;
}
.box42:before, .box42:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #92BCD9;
}
.box42:before {left: 10px;}
.box42:after {right: 10px;}
.box42 p {
    margin: 0; 
    padding: 0;
}
@media only screen and (min-width: 768px) {
.box42 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
}
@media only screen and (max-width: 481px){
.box42 { 
	padding: 0.5em 0 0 0.2em;
}
}

/* ボックスタイトルテキストセンター寄せ調整 */
.centering_parent {
    text-align: center;/* 中央寄せ */
}
.centering_item {
    margin: 1.0em 0 0 0;/* 外側の余白 */
}

/* ボックス・箇条書き */
.box2 {
    padding: 0 0.5em 0 1.0em;
    margin: 2em 0;
    color: #545454;/*文字色*/
    background: #FFF;
    border: solid 3px #92BCD9;/*線*/
    border-radius: 4px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}
@media only screen and (min-width: 768px) {
.box2 {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
}
}
@media only screen and (max-width: 481px){
.box2 { 
	padding: 0 0.1em 0 0.9em;
}
}
/* ボックス・二重線・インフォメ・アテンション・メモ */
.box5 {
    padding: 0 0.5em 0.5em 1.0em;
    margin: 2em 0;
    border: double 4px #92BCD9;
}
.box5 p {
    margin: 0; 
    padding: 0;
}
@media only screen and (min-width: 768px) {
.box5 {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
}
}
@media only screen and (max-width: 481px){
.box5 { 
	padding: 0 0.1em 0 0.9em;
}
}
/* ボックス・交差線・参考記事まとめ・こんな人におすすめなど */
.box17{
    margin:2em 0;
    position: relative;
    padding: 0 1.0em 0 1.5em;
    border-top: solid 2px #92BCD9;
    border-bottom: solid 2px #92BCD9;
}
.box17:before, .box17:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #7fbae9;
}
.box17:before {left: 10px;}
.box17:after {right: 10px;}
.box17 p {
    margin: 0; 
    padding: 0;
}
@media only screen and (min-width: 768px) {
.box17 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
}
@media only screen and (max-width: 481px){
.box17 { 
	padding: 0 0.5em 0 1.2em;
}
}

/*ボタン：バッジの基本装飾*/
.b-b-link,
.b-b-sanko,
.b-b-quot,
.b-b-syutten {
	padding: 0.2em 0.7em 0.2em;
	margin: 0 8px 15px 1px;
	font-size: 80%;
	border-radius: 3px;
	font-weight: bold;
	float: left;
}
/*LINKの装飾*/
.b-b-link {
	color: #fff;
	background-color: #92BCD9;
}
/*参考の装飾*/
.b-b-sanko {
	color: #fff;
	background-color: #92BCD9;
}
/*引用の装飾*/
.b-b-quot {
	color: #fff;
	background-color: #92BCD9;
}
/*出典の装飾*/
.b-b-syutten {
	color: #fff;
	background-color: #92BCD9;
}
/*ボタン：バッジに隣接するリンクの装飾*/
#main span[class^="b-b"] + a {
	text-decoration: none; /*テキスト下：線なしに*/
	color: #00488E;
	transition: 1s; /*ふわ～っと色変更*/	
	display: block;
	overflow: hidden;
	word-wrap: break-word;
}
/*ボタン：バッジに隣接するリンク・onマウス時の装飾*/
#main span[class^="b-b"] + a:hover {
	color: #92BCD9;
}
/*floatの解除*/
.clearfix {
	display: block;
}

/* アフィリンク・メイン */
.abtn-mc1 a {
    display: inline-block;
    width: 100%;
    margin: 0;
    border-radius: 3px;
    background: #92BCD9;
    color: #fff;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 60px;
    text-decoration: none;
    box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);
}
.abtn-mc1 a:after {
    content: "\f101";
    font-family: "font awesome 5 free";
    font-weight: 900;
    margin-left: 15px;
}
.abtn-mc1 a:hover{
    text-decoration: none;
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
    -webkit-tap-highlight-color: transparent;
}
.abtn-mc1 img{
    display: block;
}
p.abtn-mc1-top-text {
    font-weight: normal;
    margin-bottom: 3px;
}
p.abtn-mc1-under-text {
    font-size: .8em;
    margin-top: 3px;
}
/* アフィリンク・ライトブルー */
.abtn-mc2 a {
    display: inline-block;
    width: 100%;
    margin: 0;
    border-radius: 3px;
    background: #92BCD9;
    color: #fff;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 60px;
    text-decoration: none;
    box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);
}
.abtn-mc2 a:after {
    content: "\f101";
    font-family: "font awesome 5 free";
    font-weight: 900;
    margin-left: 15px;
}
.abtn-mc2 a:hover{
    text-decoration: none;
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
    -webkit-tap-highlight-color: transparent;
}
.abtn-mc2 img{
    display: block;
}
p.abtn-mc2-top-text {
    font-weight: normal;
    margin-bottom: 3px;
}
p.abtn-mc2-under-text {
    font-size: .8em;
    margin-top: 3px;
}

/* ボックス・番号箇条書きメインカラー */
.box26 .box-title::before{
    display:none;
}
.box26 .box-title{
    letter-spacing:0.1em;
    left:-9px;
    top:-18px;
    font-size:14px;
    font-weight: 600;/*フォントの太さ（太文字にする場合600）*/
    color:#fff;
    padding: 10px 10px;/*内側の余白*/
    position: relative;
    background: #92BCD9;
}
.box26 .box-title:after {
    position: absolute;
    content: '';
    border: 14px solid transparent;
    border-top: 14px solid #92BCD9;
    width: 0;
    height: 0;
    top: 35px;/*上からの位置調整*/
    left: 18px;/*左からの位置調整*/
}
.box26{
    font-size:100%;
    margin-top:2.5em;
    padding:0;
    border:2px solid #92BCD9;/*枠線*/
    border-radius: 0;/*角丸をOFF*/
    background:none;
}
.box26 ol{
    margin-top:-7px;
    margin-left:0em;
    margin-bottom:-10px;
}
/* ボックス・番号箇条書きアクセントカラー */
.box27 .box-title::before{
    display:none;
}
.box27 .box-title{
    letter-spacing:0.1em;
    left:-9px;
    top:-18px;
    font-size:14px;
    font-weight: 600;/*フォントの太さ（太文字にする場合600）*/
    color:#fff;
    padding: 10px 10px;/*内側の余白*/
    position: relative;
    background: #92BCD9;
}
.box27 .box-title:after {
    position: absolute;
    content: '';
    border: 14px solid transparent;
    border-top: 14px solid #92BCD9;
    width: 0;
    height: 0;
    top: 35px;/*上からの位置調整*/
    left: 18px;/*左からの位置調整*/
}
.box27{
    font-size:100%;
    margin-top:2.5em;
    padding:0;
    border:2px solid #92BCD9;/*枠線*/
    border-radius: 0;/*角丸をOFF*/
    background:none;
}
.box27 ol{
    margin-top:-7px;
    margin-left:0em;
    margin-bottom:-10px;
}


/* フォント変更 */
html body {
   font-family: 'Montserrat',"ヒラギノ角ゴシック",YuGothic,"Yu Gothic","Hiragino Sans","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
body .dfont {
   font-family: 'Montserrat',"ヒラギノ角ゴシック",YuGothic,"Yu Gothic","Hiragino Sans","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/* フォントカラー変更 */
body {
  color: #545454;
}

/* テキストマーカー調整 */
.under-blue {
  background: linear-gradient(transparent 60%, #E8F3FA 60%);
  font-weight: bold;
}
.keiko_blue {
  background: linear-gradient(transparent 50%, #E8F3FA 50%);
}

/*文字間調整*/
.entry-content p {
    letter-spacing: 0.1em;
}

/*リンクカラー・装飾調整*/
a {
	color: #00488E;
	letter-spacing: 0.1em;
}
a:hover {
	color: #92BCD9;
	text-decoration:none;
}

/*1カラム横幅広く調整 */
.one-column #main {
	max-width: none;
}
.one-column #inner-content {
	width: 100%;
	max-width: 875px;
}

/*メイン・サイドの幅調整*/
@media only screen and (min-width: 1230px) {
.d-5of7 {
    width: 75%;/*メインコンテンツ幅*/
}
.d-2of7 {
    width: 25%;/*サイドバー幅*/
}
}

/*メイン・サイドバーなど枠線消去*/
.post, .sidebar .widget {
	border: none!important;
}

/*グローバルメニュー文字サイズ・太さ変更*/
@media only screen and (min-width: 768px){
.desktop-nav li a {
    font-size: 14px;/* 文字サイズ */
    font-weight: normal;
}
}

/*ヘッダー下の影を消去*/
.header {
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
	
/*記事一覧カードフォントサイズ変更*/
.cardtype h2 {
    font-size: 14px;/*スマホ〜タブレットでのフォントサイズ*/
	font-weight: 500;
	letter-spacing: 0.1em;
}
.cardtype time {
    font-size: 12px;/*スマホ〜タブレットでの日付フォントサイズ*/
    font-weight: 400;/*スマホ〜タブレットでの日付フォント太さ*/
}
@media only screen and (min-width: 1030px) {
.cardtype h2 {
    font-size: 15px;/*PCでのフォントサイズ*/
	font-weight: 500;
	letter-spacing: 0.1em;
}
.cardtype time {
    font-size: 13px;/*PCでの日付フォントサイズ*/
    font-weight: 400;/*PCでの日付フォント太さ*/
}
}

/*TOP1カラム記事一覧カードフォント*/
.related-posts li a {
	color: #545454;
	font-weight: 500;
	letter-spacing: 0.1em;
}
.c_linkto {
    margin: 1em 0;
    padding: 0;
    border-radius: 1px;
    color: #545454;
	font-size: 15px;
    font-weight: 500;
}

/*記事一覧カード余白*/
.cardtype__img img {/*カード記事の画像*/
    padding: .3em .4em 0 .4em;/*上　右　下　左の余白*/
}
.c_linkto img {
    padding: .3em .4em 0 .4em;/*上　右　下　左の余白*/
}
.osusume-card .cardtype__link {/*カード記事全体に対して*/
    padding-bottom: 15px;/*下の余白(内側)*/
    text-align: center;/*文字中央揃え*/
}
.newmark {/*NEWの部分*/
    right: 1.05em;/*右からの距離*/
    top: 0.5em;/*上からの距離*/
}

/*記事一覧カード日付右・太さ変更*/
.entry-time {
    text-align: right;
	letter-spacing: 0.1em;
}
.sng-link-time {
    text-align: right;
	letter-spacing: 0.1em;
	color: #999;
}
.cardtype__article .entry-time,
.sidelong__article .entry-time {
  font-weight: 400;
}
/*スマホ文字サイズ調整*/
@media screen and (max-width: 450px) {
.sng-link-time {
	font-size: 12px;
}
}

/*ページャーを四角に調整*/
.pagination span{
    border-radius: 5%;/*角丸*/
}
.pagination a{
    border-radius: 5%;/*角丸*/
    background: #ffffff;/*背景薄いグレー*/
}
.pagination li {
    margin: 3.5px 7px;/*ページャー同士の幅*/
}

/*白抜きボタン調整*/
.btn.flat2 {
	border:solid 2px #77B0D9;
	color: #77B0D9;
	padding: 0.7em 1.5em;
}
.btn.flat2:hover{
	border:solid 2px #77B0D9;
	background:#77B0D9;
	color:#fff;
}
/*カラーボタン調整*/
.btn.flat1 {
	width: 100%;
	background:#92BCD9;
	color: #fff;
	padding: 0.9em 1.5em;
	font-weight: bold;
}
.btn.flat1:hover{
	background:#007FB0;
	color:#fff;
}

/*箇条書き枠線消去など調整*/
.wp-block-list:not([class*=is-style-sango-list]) {/*箇条書きブロックの枠線削除*/
    border: none;
}
.entry-content ul {
    border: none;
	padding-left: 22px;
	color: #545454;
}
.entry-content ol {
    border: none;
	padding-left: 22px;
	color: #545454;
}

/*番号付きリストフォント調整*/
ol.is-style-sango-list-main-color>li:before, ol.is-style-sango-list-accent-color>li:before, .is-style-sango-list-main-color li ol>li:before, .is-style-sango-list-accent-color li ol>li:before {
    width: 27px;
    height: 27px;
    line-height: 27px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 15px;
}

/*基本ボックス調整（現在のボックス・これだけしか使わない）*/
.box3 {
    background: #E8F3FA;
	color: #545454;
	padding: 1.5em 1.5em;
	letter-spacing: 0.1em;
}

/*リスト内のリンク/ボックス内テキストも下線表示*/
.entry-content li a, .sng-box a {
    text-decoration: underline;
}
/*ホバー時*/
.entry-content li a:hover, .sng-box a:hover {
    text-decoration: none;
}
/*目次の下線を消す指定*/
.toc_list li a {
    text-decoration: none;
}
/*TOPページ記事一覧の下線を消す指定*/
.related-posts li a {
    text-decoration: none;
}

/*パンくずリスト調整*/
#breadcrumb li:after {
	color: #545454;/*アイコン色*/
	font-size: 10px;/*アイコンサイズ*/
}
#breadcrumb li a {
	color: #545454;/*全ページの文字色*/
}
#entry #breadcrumb a {
	color: #545454;/*文字色*/
	font-size: 10px;/*文字サイズ*/
}
#breadcrumb {
    background: #FFFFFF;/*背景色*/
	color: #545454;/*全ページのアイコン色*/
	font-size: 10px;/*全ページのアイコンサイズ*/
}

/*投稿記事・固定ページタイトル調整*/
.entry-title {
    font-size: 1.7em;
	letter-spacing:0.1em;
	line-height:1.4em;
    font-weight:normal;
	text-align: center;
}
.single-title, .page-title {
	font-size: 1.7em;
	letter-spacing:0.1em;
	line-height:1.4em;
    font-weight:normal;
	text-align: center;
}

/*投稿記事日付右へ*/
.entry-meta {
	text-align: right;
	letter-spacing: 0.1em;
}

/*見出し調整*/
.entry-content h2 {
	text-align: center;
	color: #545454;/*文字色*/
	padding: 0.5em 0;/*上下の余白*/
	border-bottom: solid 2px #E8F3FA;
	font-weight:normal;
	letter-spacing: 0.1em;
}
.entry-content h3 {
	text-align: center;
	color: #545454;/*文字色*/
	padding: 0.5em 0;/*上下の余白*/
	border-top: solid 1px #E8F3FA;/*上線*/
	border-bottom: solid 1px #E8F3FA;/*下線*/
	border-left: none;/*左線消す*/
	font-weight:normal;
	letter-spacing: 0.1em;
}
.entry-content h4 {
	text-align: center;
	color: #545454;/*文字色*/
	padding: 0.5em 0;/*上下の余白*/
	border-bottom: double 3px #E8F3FA;
	font-weight:normal;
	letter-spacing: 0.1em;
}
/*固定ページ見出し調整*/
#inner-content .hh {
  font-weight: normal;
  text-align: center;
}

/*目次調整*/
#toc_container,
#ez-toc-container {
  width: 100% !important;
  margin:30px auto;
  border:0;
  border-top: solid 2px!important;
  border-top-color: #E8F3FA!important;
  border-bottom: solid 2px!important;
  border-bottom-color: #E8F3FA!important;
  background: #fff;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
#toc_container .toc_title,
.entry-content .ez-toc-title-container {
  display:block!important;
  padding:0px!important;
  text-align:center;
  margin-right:15px!important;
  color:#545454!important;
  font-size: 20px;
  font-weight: 500;
}
#toc_container .toc_title:before,
.entry-content .ez-toc-title-container:before {
  content: none!important;
}
#toc_container ul,
#ez-toc-container ul {
  list-style-type: disc;
  padding: 0;
  border: none;
}
.toc_list a{
  color:#545454;
  display: block;
  padding-bottom: .5em;
  font-weight: normal;
  line-height: 1.8;
  position: relative;
}
#toc_container .toc_list,
#ez-toc-container .ez-toc-list {
  margin-bottom: 0;
  margin-left: 25px;
  color: #545454;
}
#toc_container .toc_list li,
.ez-toc-list li {
  font-weight: normal;
  line-height: 1.5;
  position: relative;
  padding:.5em 1em .1em .2em!important;
}
#toc_container .toc_list li:not(:last-child) {
  border-bottom: 1px solid #E8F3FA;
}
#toc_container .toc_list li a,
.ez-toc-list li a {
  color: #545454;
}
.toc_number {
  padding-right: 2px;
  font-family: Montserrat, Quicksand, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
}

/*引用枠線カラー・文字サイズ調整*/
.entry-content blockquote {
    border: solid 2px #E8F3FA;
	color: #545454;
    font-size: .9em;
}

/*吹き出しアイコン調整*/
.entry-content .faceicon img {/*枠線消去*/
    border: none;
}
/*吹き出し色調整*/
.sc{
	border: solid 2px #E8F3FA!important;/*左のふきだし線*/
}
.sc:before {
	border-right: 12px solid #E8F3FA!important;/*左のふきだし線*/
}
.right .sc:before,
.right .sc:after {
	border: 12px solid transparent!important;
	border-left: 12px solid #E8F3FA!important;/*ふきだしの線の色*/
}
.right .sc:after {
	border-left-color: #fff!important ;/*ふきだしの中の色*/
}
@media only screen and (min-width: 481px) {/*スマホ以外の上部位置調整*/
    .sgb-block-say {
        padding-top: 4px;
    }
}

/*ブログカード調整*/
.entry-content a.linkto.table{
    margin:2em 0;
    border:solid 1px #92BCD9;
    background:none;
    transition: .6s;
}
.entry-content a.linkto.table:hover{
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: 0.7 ;
}
.entry-content a.linkto {
    position: relative;
    max-width: 100%;
}
.entry-content a.linkto:before {
    position: absolute;
    content: " \3042\308F\305B\3066\8AAD\307F\305F\3044";
    top: -17px;
    left: 20px;
    display: inline-block;
    width: 120px;
    height: 27px;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    font-size: 11px;
    line-height: 28px;
    color: #92BCD9;
    letter-spacing: 3px;
    padding-left: 3px;
    border-radius: 0px;
}
.entry-content a.linkto:after {
    position: absolute;
    display: flex;
    height: 15%;
    padding: 2px 15px;
    content: "続きを読む";
    bottom: 5px;
    right: 5px;
    font-size: 12px;
    color: #fff;
    background:#007FB0;
    font-weight:bold;
    text-decoration:none;
    align-items: center;
}
.entry-content a.linkto .tbtext {
    padding: 15px 0px 0px 10px;
    vertical-align: top;
    font-size: 15px!important;
    color:#545454;
}

/*タイムライン調整*/
.sgb-tl-item:before {
    background: #92BCD9;
}
.sgb-tl-item__label, .sgb-tl-item__label--default {
    color: #E8F3FA;
}
.sgb-tl-item__main {
    border-bottom: dashed 1px #92BCD9;
}

/*Rinker調整*/
div.yyi-rinker-contents {
	border: solid 2px #f9f9f9;
    box-shadow: none;
}
div.yyi-rinker-contents div.yyi-rinker-box {
    border: 1px solid #f9f9f9!important;
}
div.yyi-rinker-img-m div.yyi-rinker-image {
    width: 160px;
    min-width: 160px;
}
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
    width: calc(100% - 175px);
}
div.yyi-rinker-contents div.yyi-rinker-info {
    margin-left: 12px;
    align-self: center;
    padding-left: 0;
}
.yyi-rinker-title {
    margin-bottom: 10px;
    font-size: 1em;
}
div.yyi-rinker-contents div.yyi-rinker-title a {
    color: #545454;
    font-weight: 600;
}
div.yyi-rinker-contents div.yyi-rinker-title a:hover {
    text-decoration: underline;
    color: #e57777;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink { /* kindle */
    background: #007FB0; /* 背景色 */
    border: 2px solid #007FB0; /* 外枠 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink { /* Amazon */
background: #febb5e; /* 背景色 */
border: 2px solid #febb5e; /* 外枠 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink { /* 楽天 */
background: #f57a78; /* 背景色 */
border: 2px solid #f57a78; /* 外枠 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink { /* Yahoo */
background: #7fbae9; /* 背景色 */
border: 2px solid #7fbae9; /* 外枠 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 { /* 自由ボタン1 */
background: #5c9ee7; /* 背景色 */
border: 2px solid #5c9ee7; /* 外枠 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 { /* 自由ボタン2 */
background: #5c9ee7; /* 背景色 */
border: 2px solid #5c9ee7; /* 外枠 */
}
div.yyi-rinker-contents div.yyi-rinker-detail {
    font-size: 1em;
}
div.yyi-rinker-detail .brand {
    font-size: 75%;
}
div.yyi-rinker-contents div.yyi-rinker-detail {
    color: inherit;
    padding-left: 0;
    opacity: .38;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
    margin: 14px 0 0;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
    position: relative;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
    margin: 0px 12px 0px 0px;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2), 0 2px 3px -2px rgba(0,0,0,0.15);
    box-shadow: 0 2px 3px rgba(0,0,0,0.2), 0 2px 3px -2px rgba(0,0,0,0.15);
    transition: 0.6s ease-in-out;
    height: 44px;
    padding: 0;
}
div.yyi-rinker-contents ul.yyi-rinker-links li:last-child {
    margin-right: 0px;
}
body div.yyi-rinker-contents ul.yyi-rinker-links li a {
    padding: 0 20px 0 12px;
    height: 44px;
    line-height: 44px;
    font-weight: 600;
}
.fa5 div.yyi-rinker-contents ul.yyi-rinker-links li:before{
    display: none;
}
.yyi-rinker-links li:after {
    position: absolute;
    right: 8px;
    z-index: 1;
    top: 0;
    line-height: 44px;
    color: white;
    font-weight: 900;
    font-family: "font awesome 5 free";
    content: "\f0da";
}
/*****  hover  *****/
.yyi-rinker-image a:hover {
    opacity: .6;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {
    opacity: 1;
    box-shadow: none;
}
div.yyi-rinker-contents ul.yyi-rinker-links li:hover {
    -webkit-box-shadow: 0 13px 20px -3px rgba(0,0,0,0.24);
    box-shadow: 0 13px 20px -3px rgba(0,0,0,0.24);
}
/*****  mobile  *****/
@media (max-width: 420px) and (min-width: 321px){
div.yyi-rinker-contents div.yyi-rinker-box {
    flex-direction: column;
}
div.yyi-rinker-img-m div.yyi-rinker-image, div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
    width: 100%;
}
div.yyi-rinker-contents div.yyi-rinker-info {
    margin-left: 0px;
    text-align: center;
    margin-top: 12px;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
    margin: 0px 0px 12px;
}
div.yyi-rinker-contents ul.yyi-rinker-links li:last-child {
    margin-bottom: 0px;
}
body div.yyi-rinker-contents ul.yyi-rinker-links li a {
    padding: 0;
}
.yyi-rinker-links li:after {
    right: 12px;
}}

/*カエレバヨメレバ調整*/
.kaerebalink-name img , .kaerebalink-image > img{
    display: none;
}
.kaerebalink-name p {
    margin-bottom: 0;
}
.kaerebalink-name p a {
    text-decoration: none;
}
.booklink-image > img {
    display: none!important;
}
/*PORIPU対応Yahoo色変更*/
.cstmreba .kaerebalink-link1 .shoplinkyahoo,
.booklink-link2 .shoplinkyahoo {
    background: #7fbae9;
}
/*モバイルデザイン変更*/
@media only screen and (max-width: 481px){
.cstmreba .kaerebalink-image {
		display: block;
		margin: 0 auto 20px;
		width: 100%;
		text-align: center;
}
.booklink-image {
		display: block;
		margin: 0 auto 20px;
		width: 100%;
		text-align: center;
}
.cstmreba .kaerebalink-image a img {
		width: auto;
		max-width: 240px;
		max-height: 240px;
}
.booklink-image img {
		width: auto;
		max-width: 240px;
		max-height: 240px;
}
.cstmreba .kaerebalink-info {
		display: block;
		width: 100%;
}
.booklink-info {
		display: block;
		width: 100%;
}
.cstmreba .kaerebalink-link1 a:before, .booklink-link2 > div a:before {
		padding: 0;
		right: 5px;
		position: absolute;
}
.cstmreba .kaerebalink-link1 > div, .booklink-link2 > div {
		width: 100%;
		text-align: center;
}
.cstmreba .kaerebalink-link1 > div a, .cstmreba .booklink-link2 > div a {
		width: 100%;
		position: relative;
}
}

/*カテゴリーテキスト調整*/	
.footer-meta {
    font-weight: 500;
}
.footer-meta_title {
    padding-right: 6px;
}
.footer-meta ul li a {
    color:#92BCD9;
}
.footer-meta ul li a:hover {
    color:#007FB0;
}

/*SNSシェアボタンタイトル調整*/
.sns-btn__title {
    padding: 0 25px;
    color: #E8F3FA;
    font-size: 15px;
    font-weight: bold;
	letter-spacing: 0.1em;
    line-height: 0;
}
.sns-btn__title:before, .sns-btn__title:after {
    border-radius: 0px;
    background-color: #E8F3FA;
}

/*SNSフォローボタン*/
.flowbtn10{
display:inline-block;	
font-size:35px;
text-decoration:none;
transition:.6s;
color:#E8F3FA;	
}
/*インスタだけ少し大きく*/
.flowbtn10 .fa-instagram,.flowbtn10 .fa-get-pocket,.flowbtn10 .fa-get-pocket,.flowbtn10 .fa-line{
font-size:38px;
}
/*Twitterマウスホバー時*/
.flowbtn10 .fa-twitter:hover{
color:#7dcdf7;
transition : 0.6s;
}
/*Instagramマウスホバー時*/
.flowbtn10 .fa-instagram:hover{
color:#ff7b7b;
transition : 0.6s;
}
/*Facebookマウスホバー時*/
.flowbtn10 .fa-facebook-f:hover{
color:#7c9dec;
transition : 0.6s;
}
/*ulタグの内側余白を０にする*/
ul.snsbtniti{
padding:0!important;
width:200px;
margin:0 auto;
list-style-type:none!important;
}
ul li:before {
width:0!important;
}
/*アイコン全体の位置*/
.snsbtniti{
display:flex;
flex-flow:row wrap;
justify-content:space-between;	
}
/*アイコン同士の余白*/
.snsbtniti li{
flex:0 0 33%;
text-align:center!important;
}

/*記事タイトル・URLコピーボタン*/
.copy-button{
   width : 80%;
   display:block;
   margin:30px auto;
   padding:15px 1em;
   border:solid 2px #77B0D9;
   color:#77B0D9;
   font-size:15px;
   letter-spacing: 0.1em;
   text-align:center;
   cursor:pointer;
   transition: all  0.6s ease;
}
.copy-button:hover{
   border:solid 2px #77B0D9;
   background:#77B0D9;
   color:#fff;
}
.copy-button.success{
   background:#007FB0;
   border-color:#007FB0;
   color:#fff;
}
.copy-button.error{
   background:#222;
   border-color:#222;
   color:#fff;
}
/*スマホでボタン・文字サイズ調整*/
@media screen and (max-width: 450px) {
.copy-button{
   width : 85%;
   padding:16px 1em;
   font-size:14px;
}
}

/*前の記事・次の記事の影消去*/
.prnx_tb{
	box-shadow: none
} 

/*検索ボックス・ボタン調整*/
.wp-block-search__inside-wrapper {
    max-width: 50%;
}
.wp-block-search .wp-block-search__input {
    border-radius: 1px;
    border: 1px solid #92BCD9;
}
.wp-block-search__button {
    background: #92BCD9;
    border-radius: 1px;
    border: 1px solid #92BCD9;
	color: #fff;
}
.wp-block-search__input{
	box-shadow: none!important;
}
/*スマホで幅調整*/
@media screen and (max-width: 450px) {
.wp-block-search__inside-wrapper {
    max-width: 100%;
}
}
#sgb-css-id-2 .wp-block-search .wp-block-search__input {
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
	
/*タグボックス*/
.square_btn {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #007FB0;
    background: #fff;
    border: solid 1px #92BCD9;
    border-radius: 1px;
    transition: 0.6s;
    font-size: 0.8rem!important;
    margin: 0.15rem;
}
.square_btn:hover{
	border:solid 1px #007FB0;
	background:#007FB0;
	color:#fff;
}
.tagbox {
	max-width: 70%!important;
}

/*コメント入力フォーム説明文文字間調整*/
p.akismet_comment_form_privacy_notice {
	letter-spacing: 0.1em;
}

/*フッターメニュー下線消去*/
#footer-menu .footer-links a:hover {
	color: #545454;
    text-decoration: none;
}
.privacy-policy-link {
	display:none;
}

/*スマホハンバーガーのMENU非表示*/
.drawer__title {
	display:none;
}

/*スマホハンバーガープロフィール調整*/
p.contentsp {
	margin: 0 20px;
	font-size: 12px;
}

/*スマホフッターメニューSHARE色変更*/
.follow-tw {
	background: #92BCD9;
}
.follow-fb {
	background: #92BCD9;
}
.follow-fdly {
	background: #92BCD9;
}
.follow-insta {
  background: #92BCD9;
}

/*インスタ投稿センター寄せ*/
.instagram-center {
	margin:0 auto;
	max-width: 600px;
}
/*Twitter埋め込み調整*/
.tw-box {
    max-width: 500px;/*最大の横幅を調整*/
    margin: 0 auto;/*中央寄せ*/
}

/*ギャラリーカスタマイズ*/
.gallery-columns-1 .gallery-item {
  width: 100% !important;
  margin-right: 0;
}
.gallery-columns-2 .gallery-item {
  width: 49% !important;
  margin-right: 1%;
}
.gallery-columns-3 .gallery-item {
  width: 32% !important;
  margin-right: 1%;
}
.gallery-columns-4 .gallery-item {
  width: 24% !important;
  margin-right: 1%;
}
.gallery-columns-5 .gallery-item {
  width: 19% !important;
  margin-right: 1%;
}
.gallery-columns-6 .gallery-item {
  width: 15% !important;
  margin-right: 1.5%;
}

/*SNSシェアボタンフラット*/
.sns-dif ul {/*シェアボタンの全体*/
    background: none;/*背景色削除*/
}
.sns-dif ul li a {/*SNSボタンの設定*/
    padding: 0;/*内側の余白削除*/
    box-shadow: none;/*影を削除*/
}
.tw a,
.tw .scc {/*Twitterの色*/
  color: #92BCD9;
}
.fb a,
.fb .scc {/*Facebookの色*/
  color: #92BCD9;
}
.pkt a,
.pkt .scc {/*ポケットの色*/
  color: #92BCD9;
}
.hatebu a,
.hatebu .scc {/*ハテブの色*/
  color: #92BCD9;
}
.line a {/*LINEの色*/
  color: #92BCD9;
}

/*固定メニューのシェア・フォロー色調整*/
.follow-tw {
  background: #92BCD9;
}
.follow-x {
  background: #92BCD9;
}
.follow-fb {
  background: #92BCD9;
}
.follow-fdly {
  background: #92BCD9;
}
.follow-youtube {
  background: #92BCD9;
}
.follow-insta {
  background: #92BCD9;
}

/*Contact Form 7カスタマイズ*/
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#545454;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#007FB0;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#92BCD9;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:15px;
 width:350px;
 background:#92BCD9;
 color:#fff;
 font-size:18px;
 font-weight:normal;	 
 border-radius:2px;
 margin:25px auto 0;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#007FB0;
 color:#fff;
 border:2px solid #007FB0;
}
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
}

/*アーカイブページ調整*/
#archive_header {
  border-top-style: none;
}
#archive_header h1 {
	color: 545454;
	text-align: center;
	padding: 0.6em 0.7em;/*文字の上下 左右の余白*/
	position: relative;
	font-size: 1.7em;
	letter-spacing:0.1em;
	line-height:1.4em;
    font-weight:normal;
}

/*サイドバータイトル調整*/
.sidebar .widgettitle {
    text-align: center;
	letter-spacing:0.1em;
	font-weight:normal;
}
.sgb-post-side__title {
	letter-spacing:0.1em;
    font-weight: normal;
}

/*同じカテゴリーの記事調整*/
#main .h-undeline {
    font-weight: bold;
    background: #E8F3FA;
}

/*検索ボックス調整*/
.widget_search #searchsubmit {
  background-color: #92BCD9;
}

/*フッターのサイトディスクリプション調整*/
.site_description {
    color: #545454;
}
.futo {
    font-weight: normal;
}

/*フッターメニュー調整*/
#footer-menu li {
    font-size: 13px;
}

/*プライバシー・利用規約非表示*/
.grecaptcha-badge { visibility: hidden; }