@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
*/


#sitename{
 font-weight: 600;
}

.desc{
 font-weight: 600;
 font-size: 20px;
}

h1,h2,h3,h4,h5,h6{
 font-weight: 600;
 color:#49142c;
}

/*H3サイドバー見出し*/
#side h3 {
      color: #49142c;/*文字色*/
}

/*H4サイドバー見出し*/
#side h4 {
      color: #49142c;/*文字色*/
}

/* 枠指定 */

.post h2{
  padding: 0 0.5em;/*上下 左右の余白*/
  background: transparent;/*背景透明に*/
  border-left: solid 1.2em #800080;/*#993366紫*/
  line-height: 1.2em;
}

.post h3{
  padding: 0 0.3em;/*上下 左右の余白*/
  background: transparent;/*背景透明に*/
  border-left: solid 1.2em #d4699a;/*桃*/
  line-height: 1.2em;
}

.post h4{
  padding: 0em 0.5em;/*上下 左右の余白*/
  background: transparent;/*背景透明に*/
  border-left: solid 1.2em #567C03;/*緑*/
  line-height: 1.2em;
}

.post h5{
  padding: 0em 0.5em;/*上下 左右の余白*/
  background: transparent;/*背景透明に*/
  border-left: solid 1.2em #0066cc;/*青*/
  line-height: 1.2em;
}

.post h6{
  padding: 0em 0.5em;/*上下 左右の余白*/
  background: transparent;/*背景透明に*/
  border-left: solid 1.2em #ff9900;/*橙*/
  line-height: 1.2em;
}

.boxorigin {
	position: relative;
	padding: 1.4em;
	font-size: 24px;
	line-height: 2em;
	margin: 1.6em 0 1.6em 0;
	border: solid 3px #775580;
	border-radius: 10px;
	background-color: #ffffef;
}

.boxorigin p {
    margin: 0; 
    padding: 0;
}

.boxkana {
    padding: 1em 1.3em;
    margin: 1.6em 0 1.6em 0;
    font-size: 23px;
    line-height: 2em;
    border: solid 3px #775580;
    background-color: #f4f4ff;
    border-radius: 10px;/*角の丸み*/
}

.boxkana p {
    margin: 0; 
    padding: 0;
}

.boxj {
    padding: 1em 1.3em;
    margin: 1.6em 0 1.6em 0;
    font-size: 23px;
    line-height: 2em;
    background-color: #fff9fc;/* #FFF8EA;*/
    border: solid 3px #775580;
    border-radius: 10px;/*角の丸み*/
}

.boxj p {
    margin: 0; 
    padding: 0;
}

.kokuban-t2 {
 position: relative;
 margin: 1.6em 0 0 0;
 padding: 1.8em 1.3em 1.3em 1.5em;
 font-size: 23px;
 font-weight: bold;
 line-height: 2.5em;
 border: 5px solid #b2771f;/*#b2771f; */
 border-radius: 10px; /* 角の丸み */
}

.kokuban-t2 p {
    margin: 0; 
    padding: 0;
}

.hoho2 {
    position: relative;
    font-size: 18px;
 　 font-weight: bold;
    line-height: 2em;
    margin: 0.6em 0 0.6em 0;
    padding: 0.8em;
    border: solid 3px #b2771f; /*#0066cc 茶 */
}

.hoho2 p {
    margin: 0; 
    padding: 0;
}

.hok {
    position: relative;
    font-size: 23px;
    line-height: 2em;
    margin: 0.8em 0 0.8em 0;
    padding: 1em;
    border: solid 3px #d4699a; /*#0066cc 茶 */
}

.hok p {
    margin: 0; 
    padding: 0;
}

.boxkou {
    position: relative;
    font-size: 23px;
    line-height: 2em;
    margin: 1em 0 2em 0;
    padding: 1.3em;
    border: solid 5px #d4699a;/*#d4699a;桃色*/
    background-color: #ffffef;
    border-radius: 10px; /* 角の丸み */
}

.boxkou p {
    margin: 0; 
    padding: 0;
}

p.diagram{
	font-size: 23px;
	color: #493759;
	text-align: center;
}

.post p.diagram{
	border: dashed 1px #775580;
	background-color: #ffefff;
	border-radius: 10px;
	margin-top: 2em;
	margin-bottom: 1em
} 

.hogo {
    position: relative;
    font-size: 23px;
    line-height: 2em;
    margin: 1em 0 2em 0;
    padding: 1.3em;
    border: solid 3px #775580;
    background: #fff9fc;
}

.hogo p {
    margin: 0; 
    padding: 0;
}

.boxhose {
    position: relative;
    font-size: 23px;
    line-height: 2em;
    margin: 1em 0 2em 0;
    padding: 1.3em;
    border: solid 3px #775580;
    background-color: #ffffef;
}

.boxhose p {
    margin: 0; 
    padding: 0;
}

.boxg {
    position: relative;
    font-size: 23px;
    line-height: 2em;
    margin: 1em 0 2em 0;
    padding: 1.3em;
    border: solid 3px #775580;
    background-color: #f4f4ff;
}

.boxg p {
    margin: 0; 
    padding: 0;
}

.boxjyo {
    position: relative;
    font-size: 23px;
 　 font-weight: bold;
    line-height: 2em;
    margin: 1em 0 2em 0;
    padding: 1.3em;
    border: solid 3px #0066cc;/*青色*/
}

.boxjyo p {
    margin: 0; 
    padding: 0;
}

.boxjyo2 {
    position: relative;
    font-size: 18px;
 　 font-weight: bold;
    line-height: 2em;
    margin: 0.6em 0 0.6em 0;
    padding: 0.8em;
    border: solid 3px #d4699a;/*青色*/
}

.boxjyo2 p {
    margin: 0; 
    padding: 0;
}

/* 注釈　青 */
h5.go5b{
	font-size: 23px;
	line-height: 2.2;
	font-weight: Bold;
	color: #0066cc;
}

.post h5.go5b{
	border-bottom: 5px dotted #0066cc;
	border-left: transparent;
	margin: 0 0 0.8em 0;
}
.post h5.go5b:before{
	color: #0066cc;
	font-family: "Font Awesome 5 Free";
	content: "\f14a";
	font-weight: 400;
	font-size: 1em;
	margin-right: 0.4em;
}

/* 注釈　赤 */
h5.go5{
	font-size: 23px;
	line-height: 2.2;
	font-weight: Bold;
	color: #d4699a;
}

.post h5.go5{
	border-bottom: 5px solid #d4699a;
	border-left: transparent;
	margin: 0 0 0.8em 0;
}
.post h5.go5:before{
	color: #d4699a;
	font-family: "Font Awesome 5 Free";
	content: "\f249";
	font-weight:400;
	font-size: 1em;
	margin-right: 0.4em;
}

.boxyaku {
    padding: 1em 1.3em;
    margin: 1.6em 0 1.6em 0;
    font-size: 23px;
    line-height: 2em;
}

 .boxyaku p {
    margin: 0; 
    padding: 0;
}

/* ページネーションの色を変更 */
.pagination>.active>span, .pagination>li>a:hover{
    background: none;
    background-color: #775580;
}
.pagination>li span, .pagination>li>a{
    background-color: #fbfbfb;
}

/* タグクラウドのデザイン変更 */
.tagcloud a {
    font-size: 14px !important; /* 文字サイズ */
    line-height: 1em;
    border: dotted 1px #493759;
    background: #fff; /* 背景色 */
    color: #442550; /* 文字色 */
    display: inline-block;
    white-space: nowrap;
    padding: 8px 8px; /* 文字周り余白 */
    margin-top: 3px; /* タグ余白 */
    border-radius: 4px; /* 角を丸くする */
    text-decoration: none;
}

.glossaryLinkMain{
	font-size: 15px; font-weight: 500;
}

/* 投稿記事 ページナビ */
@media (min-width: 773px) {
    /* 記事下ページナビを非表示に */
    #pnavi {
        border: none;
        background: transparent;
        box-shadow: none;
        height: 0;
        margin: 0;
    }
    /* ページナビを画面左右に固定 */
    #pnavi div a{
        position: fixed;
        bottom: 150px;
        height: 100px;
        min-height: 100px;
        width: 25px;
        background-color: #0068b7;
        opacity: 0.5;
        box-shadow: 0 0 5px rgba(0,0,0,.3);
        margin: 0!important;
        padding: 0!important;
        transition: all 0.3s;
        z-index: 20;
    }
    #pnavi div a:hover {
        width: 350px;
        opacity: 1;
        background-color: #fff;
        padding: 0;
        margin: 0;
    }
    #pnavi a {
        display: flex; 
    }
    #pnavi .next a{
        right: 0;
        flex-direction: row-reverse;
    }
    #pnavi .prev a{
        left: 0;
        flex-direction: row;
    }
    #pnavi a img {
        display: block;
        opacity: 0;
        width: 0;
        border: none;
        border-radius: 0;
    }
    #pnavi a:hover img {
        display: block;
        opacity: 1;
        width: 100px;
        border: none;
        border-radius: 0;
    }
    #pnavi a::before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-size: 2rem;
        text-align: center;
        line-height: 100px;
        display: block;
        width: 25px;
        flex-shrink: 0;
        background-color: #0068b7;
        color: #fff;
    }
    #pnavi .prev a::before {
        content: "\f053";
    }
    #pnavi .next a::before {
        content: "\f054";
    }
    #pnavi .next-arrow, #pnavi .prev-arrow {
        position: absolute; 
    }
 }