@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/************************************
**全体背景色グラデーション
************************************/
body{
  background: linear-gradient(to bottom, #164a8418, #164a8418
);
  background-attachment: fixed;
}

/*******************************
* 目次
********************************/
.p-toc__list li {

font-weight: bold;

font-size:15px;

color:#555555;

}

.p-toc__list li li {

font-weight: normal;

font-size:13px;

}

ul.is-style-index li li::before {

border-bottom: solid 2px;

border-left: solid 0px;

}

/*******************************
* 全体のフォントスタイル
********************************/
body {
  
  /* 文字間隔の調整の設定 */
  letter-spacing: 1.5px;
  
  /* 行間の設定 */
  line-height: 1.75;
}

/*******************************
* 見出し
********************************/
.post h1{
    padding: 0.5em 1em;
    background: -moz-linear-gradient(#1e50a2, #7ebeab);
    background: -webkit-linear-gradient(#1e50a2, #7ebeab);
    background: linear-gradient(to right, #1e50a2, #7ebeab);
    color: #FFF;
}
.post h1 p {
    margin: 0; 
    padding: 0;
}
.post h2{
color: #ffffff;
background: #164A84;
border-left: transparent;
}
.post h3{
color:  #164A84;/*文字色*/
padding: 0.1em 0;/*上下の余白*/
border-top: solid 2px #1e50a2;/*上線*/
border-bottom: solid 2px #1e50a2;/*下線*/
border-left: transparent;
}
.post h4{
color: #ffffff;
background: #164A84;
border-left: transparent;
}
/* --- サイドバーの見出し --- */
#side h3, #col3 h3, #side h4, #col3 h4 {
color: #ffffff;
padding: 0.4em 0.3em;/*上下・左右の余白*/
background: #164A84;
border-left: transparent;
}
/* --- テーブルの表示幅 --- */
table {
width: 100%;
table-layout: fixed;
font-size: 13px;
}
/*******************************
* 記事内ボックス装飾
********************************/

/* ご注意ください */
.warning-box {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #e95464;
}
.warning-box .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 16px;
    background: #e95464;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.warning-box p {
    margin: 0; 
    padding: 0;
}

.warning-box .box-title:before{
	font-family: "Font Awesome 5 Free";
  content: "\f071";
  padding-right : 5px;/*文字との隙間*/
  color: #FFFFFF;/*アイコンの色*/
}

/* 記事内リンク */
.in-link-box{
  margin: 1em 0;
  padding: 1.5em 1em 1em;
  position: relative;
  border: 1px solid #5d99c6;
    border-radius: 5px;/*角の丸み*/
  background-color: #fff;
}
.in-link-box .box-title{
  position: absolute;
  top: -0.8em;
  left: 20px;
  font-size: 16px;
  background-color: #5d99c6;
  color: #fff;
  padding: 0 0.5em;
}
.in-link-box .box-title p{
  margin: 0;
  padding: 0;
}
/* クエスチョン */
.question{
  background-color: #F4F3EB;
  padding: 28px 20px 20px 50px;
  border-radius: 4px;
  position: relative;
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
}
.question::before{
  font-family: 'Material Icons';
  font-size: 35px;
  position: absolute;
  top: 10px;
  left: 10px;
  color: #ceccb9;
}
.question::before{
  font-family: 'Material Icons';
  content: "help";
}
/* ビックリマーク */
.alert{
  background-color: #fff4f4;
  padding: 28px 20px 20px 50px;
  border-radius: 4px;
  position: relative;
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
}
.alert::before{
  font-family: 'Material Icons';
  font-size: 35px;
  position: absolute;
  top: 10px;
  left: 10px;
  color: #d3b1b1;
}
.alert::before{
  font-family: 'Material Icons';
  content: "error";
}
/*インフォメッセージ（ブルー）*/
.sp-info {
  background-color: #eff6ff;
  padding:16px;
  border-radius:4px;
  margin-bottom:16px;
}
/* 強調枠（パープル） */
.excerpt-box  {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #f3edf9;
    border-radius: 5px;/*角の丸み*/
}
/* 強調枠（グレー） */
.excerpt-box-02  {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #ffffff;
    border: solid 2px #e4e5e5;/*線*/
    border-radius: 5px;/*角の丸み*/
}
/*警告メッセージ*/
.sp-danger {
  background-color: #F2DEDE;
  border-color: #EBCCD1;
  padding:16px;
  border-radius:4px;
  margin-bottom:20px;
}
/*ボックス（ブルー）*/
.box-10 {
    margin: 2em 0;
    background: #eff6ff;
}
.box-10 .box-title {
    font-size: 1.2em;
    background: #aac2dd;
    padding: 2px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box-10 p {
    padding: 15px 20px;
    margin: 0;
}
/*ボックス（レッド）*/
.box-11 {
    margin: 2em 0;
    background: #fff4f4;
}
.box-11 .box-title {
    font-size: 1.2em;
    background: #e5c7c7;
    padding: 2px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box-11 p {
    padding: 15px 20px;
    margin: 0;
}
/* NEWS*/
.news{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #f5deb3;
    box-shadow: 0px 0px 0px 3px #f5deb3;
    border: dashed 1px white;
}
.news p {
    margin: 0; 
    padding: 0;
}
/* check（赤系）*/
.check01{
  margin: 1em 0;
  padding: 1.5em 1em 1em;
  position: relative;
  border: 1px solid #892d2d;
    border-radius: 5px;/*角の丸み*/
  background-color: #fff;
}

.check01 .box-title{
  position: absolute;
  top: -0.8em;
  left: 20px;
  font-weight: bold;
  font-size: 16px;
  background-color: #892d2d;
  color: #fff;
  padding: 0 0.5em;
}

.check01 .box-title p{
  margin: 0;
  padding: 0;
}

/* ピックアップ */
.pickup{
  margin: 1em 0;
  padding: 1.5em 1em 1em;
  position: relative;
  border: 1px solid #57697f;
    border-radius: 5px;/*角の丸み*/
  background-color: #fff;
}
.pickup-box-title{
  position: absolute;
  top: -0.8em;
  left: 20px;
  font-size: 16px;
  background-color: #57697f;
  color: #fff;
  padding: 0 0.5em;
}
.pickup-box-title p{
  margin: 0;
  padding: 0;
}
/* 次のページへ*/
.next-p{padding:.8em .5em;margin:2em 0;background:wheat;box-shadow:0 0 0 3px wheat}.next-p p{margin:0;padding:0}
/*******************************
* 蛍光アンダーライン
********************************/
/*グリーン*/
.marker_lime {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #7fffd4 0%) repeat scroll 0 0;}
/*******************************
* 固定ページ投稿者非表示
********************************/
.page .meta,
.page .meta-box {
    display:none;
}
/*右側にライン*/
.line-right {display:flex; align-items:center;}
.line-right:after {margin-left:5px; border-top:1px solid #ccc; content:""; flex-grow:1;}

/* ページネーション */
.pagination > li > a, .pagination > li > span {
	background-color: #eee;
	border:1px solid #ccc;
}
.pagination > .active > span,
.pagination > li > a:hover {
	color: #fff;
	background: #87a0bc;
}
.pagination > li {
	padding:0 3px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span, .pagination > .not-allow:first-child > span:hover{
	border:1px solid #ccc;
}