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

/*-------------------------
  見出しh2
---------------------------*/
.entry-content h2{
 padding: 10px;
margin: 5px 0;
border: solid 1px #bed6ed;
color:#000;
}
/*-------------------------
  見出しh3
---------------------------*/
.entry-content h3 {
padding: 10px;
margin: 5px 0;
color: #000;
background: #ebebeb;
border-left: solid 12px #bed6ed;
}
/*-------------------------
  見出しh4
---------------------------*/
.entry-content h4 {
padding: 12px;
margin: 5px;
color: #000;
border-top: solid 3px #bed6ed;
border-bottom: solid 3px #bed6ed;
}
/*-------------------------
  見出しh5
---------------------------*/
.entry-content h5{
padding: 14px;
margin: 5px 0;
color: #000;
border-left: solid 12px #bed6ed;
}

/*-------------------------
水色　タイトル付ボックス　色変更
---------------------------*/
.box26 {
 border: solid 2px #7fbae9;
 border-radius: 5px;
}
.box26 .box-title {
 color: #7fbae9;
}
/*-------------------------
黒ボックス　色変更
---------------------------*/
.box1 {
    border: solid 2px #dce9f5;
}
/*-------------------------
グローバルナビ　サブメニューの背景色変更
---------------------------*/
.header .desktop-nav .sub-menu li {
width: 230px;
color: #4f96f6 !important;
background-color:#fff;
	border-bottom-color:#7fbae9;
}
.header .desktop-nav .sub-menu li a {
color: #4f96f6 !important;
}
.header .desktop-nav .sub-menu  li a:hover {
background: #c8e4ff;
}
/*---------------------------
  関連記事(横長)
-----------------------------*/
.linkto {/*全体*/
		margin: 0;
    position: relative;
    max-width: 600px;
}
.linkto:before {
    position: absolute;
content: "関連記事";
    top: 10px;
    left: 125px;
    display: inline-block;
width: 90px;
    height: 27px;
    text-align: center;
    vertical-align: middle;
    background: #ff525290;
    font-size: 14px;
    line-height: 28px;
    color: white;
    letter-spacing: 3px;
    padding-left: 3px;
    border-radius: 2px;
}
.linkto:after {
    position: absolute;
    display: flex;
    height: 100%;
    padding: 0px 15px;
    content: "\f138";/*アイコン*/
    font-family: "FontAwesome";
    top: 0px;
    right: 0px;
    font-size: 2.8em;
    color: #fff;
    background: #eaedf2;
    align-items: center;
}
.linkto .tbtext {/*テキスト部分*/
    padding: 30px 62px 0px 10px;
    vertical-align: top;
    font-size: .95em;
}
/*---------------------------
  参考リンク
-----------------------------*/
.reference {/*全体*/
	margin: 0;
width: 80%;
    background: #fff;
    box-shadow: none;
    border: 2px solid rgba(66,66,66,0.1);
    padding: 6px;
    position: relative;
}
.reference:before {
    content: "新しいタブで開く";
color: #384b50;
    position: absolute;
    right: 10px;
    font-size: 12px;
    bottom: 6px;
    display: inline-block;
background:#d9e3ee;
    padding: 2px 25px 2px 10px;
    border-radius: 15px;
}
.reference:after {/*リンクのアイコン部分*/
    content: "\f08e";/*アイコン*/
    font-family:FontAwesome;
    color: rgba(66,66,66,0.54);
    position: absolute;
    right: 17px;
    font-size: 14px;
    bottom: 6px;
}
.reference .refttl {/*参考とアイコン部分*/
    width: 89px;
border-right: none;
background: #d9e3ee;
    padding: 13px;
}
.reference .refcite {
    padding-left: 15px;
    line-height: 1.8;
}
.reference .refcite span {
    color: rgba(66,66,66,0.38);
    font-size: .95em;
}
@media screen and (max-width: 500px){
.reference {
    width: 100%;
}
.reference .refcite {
    padding-left: 10px;
    font-size: .8em;
    padding-bottom: 25px;
}}
.reference:hover {
    box-shadow: none;
    color: rgba(66,66,66,0.87);
    background: rgba(66,66,66,0.07);
}
/*---------------------------
  ページトップへ戻るボタン
-----------------------------*/
.totop {
 bottom: 80px;
}
/*---------------------------
  テーブルレイアウト
-----------------------------*/
/*テーブル１　文字小*/
.table01 {
border-collapse: collapse;
line-height: 1.5;
border: 1px solid #ccc;
font-size: 13px;
}
.table01 th {
padding: 10px;
font-weight: bold;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 2px solid #0099e3;
background: #cee7ff;
}
.table01 td {
padding: 10px;
vertical-align: top;
}
.table01 tr:nth-child(even) {
background: #e8edee;
}
/*テーブル２*/
.table02 {
border-collapse: collapse;
line-height: 1.5;
border: 1px solid #ccc;
font-size: 15px;
}
.table02 th {
padding: 10px;
font-weight: bold;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 2px solid #0099e3;
background: #cee7ff;
}
.table02 td {
padding: 10px;
vertical-align: top;
}
.table02 tr:nth-child(even) {
background: #e8edee;
}
/*---------------------------
  SANGO CTA
-----------------------------*/
.cta h3{
	font-size:16px;
}
.cta-descr{
	text-align:center;}