@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20151225
*/

/* Simplicity子テーマ用のスタイルを書く */
.modal-1__wrap input {
    display: none;
}

.modal-1__open-label,
.modal-1__close-label {
    cursor: pointer;
}

.modal-1__open-label {
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0 auto;
    padding: .8em 2em;
    border: none;
    border-radius: 5px;
    background-color: #057cf6;
    color: #ffffff;
    font-weight: 600;
    font-size: 1em;
}

.modal-1__open-label:hover {
    background-color: #fff;
    color: #057cf6;
    outline: 1px solid #057cf6;
}

.modal-1 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}

.modal-1__open-input:checked + label + input + .modal-1 {
    display: block;
    animation: modal-2-animation .6s;
}

.modal-1__content-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 650px;
    background-color: #fefefe;
    z-index: 2;
    border-radius: 5px;
}

.modal-1__close-label {
    background-color: #777;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 20px;
    width: 36px;
    height: 36px;
    line-height: 1.6;
    text-align: center;
    display: table-cell;
    position: fixed;
    top: -15px;
    right: -2%;
    z-index: 99999;
    font-size: 1.3em;
}

.modal-1__content {
    max-height: 50vh;
    overflow-y: auto;
    padding: 39px 45px 40px;
}

.modal-1__background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .45);
    z-index: 1;
}

@keyframes modal-1-animation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@media only screen and (max-width: 520px) {
    .modal-1__open-label {
        max-width: 90%;
        padding: .94em 2.1em .94em 2.6em;
    }

    .modal-1__close-label {
        top: -17px;
        right: -4%;
    }

    .modal-1__content-wrap {
        width: 90vw;
    }

    .modal-1__content {
        padding: 33px 21px 35px;
        max-width: 100%;
    }
}
.modal-2__wrap input {
    display: none;
}

.modal-2__open-label,
.modal-2__close-label {
    cursor: pointer;
}

.modal-2__open-label {
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0 auto;
    padding: .8em 2em;
    border: none;
    border-radius: 5px;
    background-color: #057cf6;
    color: #ffffff;
    font-weight: 600;
    font-size: 1em;
}

.modal-2__open-label:hover {
    background-color: #fff;
    color: #057cf6;
    outline: 1px solid #057cf6;
}

.modal-2 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}

.modal-2__open-input:checked + label + input + .modal-2 {
    display: block;
    animation: modal-2-animation .6s;
}

.modal-2__content-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 650px;
    background-color: #fefefe;
    z-index: 2;
    border-radius: 5px;
}

.modal-2__close-label {
    background-color: #777;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 20px;
    width: 36px;
    height: 36px;
    line-height: 1.6;
    text-align: center;
    display: table-cell;
    position: fixed;
    top: -15px;
    right: -2%;
    z-index: 99999;
    font-size: 1.3em;
}

.modal-2__content {
    max-height: 50vh;
    overflow-y: auto;
    padding: 39px 45px 40px;
}

.modal-2__background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .45);
    z-index: 1;
}

@keyframes modal-2-animation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@media only screen and (max-width: 520px) {
    .modal-2__open-label {
        max-width: 90%;
        padding: .94em 2.1em .94em 2.6em;
    }

    .modal-2__close-label {
        top: -17px;
        right: -4%;
    }

    .modal-2__content-wrap {
        width: 90vw;
    }

    .modal-2__content {
        padding: 33px 21px 35px;
        max-width: 100%;
    }
}
.modal-3__wrap input {
    display: none;
}

.modal-3__open-label,
.modal-3__close-label {
    cursor: pointer;
}

.modal-3__open-label {
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0 auto;
    padding: .8em 2em;
    border: none;
    border-radius: 5px;
    background-color: #057cf6;
    color: #ffffff;
    font-weight: 600;
    font-size: 1em;
}

.modal-3__open-label:hover {
    background-color: #fff;
    color: #057cf6;
    outline: 1px solid #057cf6;
}

.modal-3 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}

.modal-3__open-input:checked + label + input + .modal-3 {
    display: block;
    animation: modal-2-animation .6s;
}

.modal-3__content-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 650px;
    background-color: #fefefe;
    z-index: 2;
    border-radius: 5px;
}

.modal-3__close-label {
    background-color: #777;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 20px;
    width: 36px;
    height: 36px;
    line-height: 1.6;
    text-align: center;
    display: table-cell;
    position: fixed;
    top: -15px;
    right: -2%;
    z-index: 99999;
    font-size: 1.3em;
}

.modal-3__content {
    max-height: 50vh;
    overflow-y: auto;
    padding: 39px 45px 40px;
}

.modal-3__background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .45);
    z-index: 1;
}

@keyframes modal-3-animation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@media only screen and (max-width: 520px) {
    .modal-3__open-label {
        max-width: 90%;
        padding: .94em 2.1em .94em 2.6em;
    }

    .modal-3__close-label {
        top: -17px;
        right: -4%;
    }

    .modal-3__content-wrap {
        width: 90vw;
    }

    .modal-3__content {
        padding: 33px 21px 35px;
        max-width: 100%;
    }
}
.wp-block-categories a{
	font-weight:bold;
}
.promotion{
  display: flex;
  justify-content: flex-end;
	margin-bottom:-30px;
}
.promotion p{
	 background-color:#057cd8;
	color:#ffffff;
	padding:3px 20px;
	font-size:100%;
}

/* 引用 */
blockquote{
  position:relative;
  border:1px solid #057cd8;
  padding:20px;
}
blockquote:before{
  position:absolute;
  left:45%;
  top:-24px;
  background-color:#057cd8;
  color:#FFFFFF;
  border:2px solid #057cd8; 
  box-sizing:border-box;
  font-family:'FontAwesome';
  content:'\f10d';
  line-height:1;
  padding-top:12px;
  text-align:center;
  width:48px;
  height:48px;
  font-size:20px;
  border-radius:24px;
}

blockquote cite {
  display: block;
  padding-top:10px;
  font-size: 0.8rem;
  text-align: right;
  color: #808080;
}
/* ボタン */
/* solid007 */
.button_solid007 {
    text-align: center;
}
.button_solid007 p {
    margin-bottom: 5px;
    color: #6bb6ff;
    letter-spacing: 0.04rem;
    display: inline-block;
    position: relative;
}
.button_solid007 p:before, .button_solid007 p:after {
    display: inline-block;
    position: absolute;
    top: 45%;
    width: 20px;
    height: 3px;
    border-radius: 5px;
    background-color: #6bb6ff;
    content: "";
}
.button_solid007 p:before {
    left: -30px;
    -webkit-transform: rotate( 50deg );
    transform: rotate( 50deg );
}
.button_solid007 p:after {
    right: -30px;
    -webkit-transform: rotate( -50deg );
    transform: rotate( -50deg );
}
.button_solid007 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    padding: 10px 25px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    background: #6bb6ff;
    filter: drop-shadow(0px 2px 4px #ccc);
    border-radius: 3px;
}
.button_solid007 a:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
}
/* solid011 */
.button_solid011 a {
    background: #6bb6ff;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 20px 25px 10px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    flex-direction: column;
    border-radius: 8px;
    border-bottom: solid 5px #1d7fde;
}
.button_solid011 a span {
    background: #FFFF00;
    text-align: center;
    position: absolute;
    top: -15px;
    filter: drop-shadow(0px 1px 2px #aaa);
    padding: 3px;
    font-size: 0.8rem;
    color: #2b7fde;
    border-radius: 5px;
}
.button_solid011 a span:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top: 5px solid #ffffff;
}
.button_solid011 a:hover {
    border-bottom: solid 2px #1d7fde;
    transform: translateY(3px);
}
/* solid004 */
.button_solid004{
	background:#f5faff;
	padding:20px 40px;
	border:1px solid #6bb6ff;
}
.button_solid004 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    padding: 10px 25px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #6bb6ff;
    border-radius: 8px;
    border-bottom: solid 5px #1d7fde;
}
.button_solid004 a:hover {
    border-bottom: solid 2px #1d7fde;
    transform: translateY(3px);
}
/* solid005 */
.button_solid005{
	background:#ffefed;
	padding:20px 40px;
	border:1px solid #ff5a53;
}
.button_solid005 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    padding: 10px 25px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #ff5a53;
    border-radius: 8px;
    border-bottom: solid 5px #f81200;
}
.button_solid005 a:hover {
    border-bottom: solid 2px #f81200;
    transform: translateY(3px);
	text-decoration:none !important;
	color:#ffffff !important;
}
.button_solid017 {
	margin-bottom:20px;
padding:20px 30px;
	border:1px solid #0b672d;
	background:#00b300;
}
.button_solid017 a {
	font-size:120%;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    padding: 20px 25px;
    color: #009200;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background:#ffffff;
    border-radius: 50px;
    border: 0.3rem solid #62f362;
    box-shadow: 0.2rem 0.2rem 0px 0.1rem #007b00;
}
.button_solid017 a:hover {
  transform: translate3d(0.2rem, 0.2rem, 0);
  box-shadow: none;
  opacity: 1;
    color: #009200 !important;
  transition: all 0.2s;
}
.button_solid017 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #543618;
    border-right: 3px solid #543618;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button_solid017_2{
	margin-bottom:20px;
padding:20px 40px;
	border:1px solid #7f0f0c;
	background:#d31b1c;
}
.button_solid017_2 a {
	font-size:100%;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    padding: 10px 25px;
    color: #920000;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background:#ffffff;
    border-radius: 50px;
    border: 0.3rem solid #fd9ea3;
    box-shadow: 0.2rem 0.2rem 0px 0.1rem #960d0e;
}
.button_solid017_2 a:hover {
  transform: translate3d(0.2rem, 0.2rem, 0);
  box-shadow: none;
  opacity: 1;
    color: #920000 !important;
  transition: all 0.2s;
}
.button_solid017_2 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #543618;
    border-right: 3px solid #543618;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.recent-comment-date{
margin-bottom:15px;
}
.recent-comment-content{
margin:15px;
font-size:120% !important;
line-height: 1.5em;
}
/*関連ページ*/
.related-entry-thumbnail{
	padding-bottom:80px !important;
}
.category-description{
background-color: #fff;	/* 背景色 */
	border: 2px solid #057cd8;	/* 線の太さ・種類・色 */
	border-radius: 5px;
	margin: 40px 5px 40px 10px;	/* 外側の余白 上・右・左・下 */
	padding: 25px 20px 10px 20px;	/* 内側の余白 上・右・左・下 */
	position: relative;
}
.category-description:before{
	background-color: #057cd8;	/* 吹き出し背景色 */
	border-radius: 5px;
	color: #fff;	/* 吹き出し文字色 */
	content: 'このページは？';
	padding: 5px 20px;
	position: absolute;
	left: -10px;
	top: -20px;
}
.category-description:after{
	border-top: 12px solid #057cd8;		/* 吹き出し三角部分の色 */
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	content: '';
	position: absolute;
	top: 10px;
	left: 15px;
}

.comment-body img{
	display:none;
}

.comment-reply-link{
	background-color:#000000;
	color:#ffffff;
	border:5px solid #ffffff;
	padding:10px;
}
.commets-list{
	margin:10px;
}
#comments,#reply-title{
	background-color:#000000;
	color:#ffffff;
	padding:10px;
}
.comment-body{
	border-bottom:1px solid #000000;
}
.submit{
	color: #ffffff !important;
	background-color:#057cd8 !important;
	width:100%;
	font-size:100%;
	text-align:center;
	font-weight:bold;
		display:block;
		padding:10px;
}
.submit:hover {
	background-color:#ffffff !important;
	color: #057cd8 !important;
	border:1px solid #057cd8 !important;
}
.entry-snippet{
	font-size:120%;
	padding:10px 0;
}
.entry-title-link{
	font-size:150%;
	padding:10px 0;
	display:block;
}
.post-meta{
	background-color:#e3f2fd;
	padding:5px;
  font-weight: bold;
  text-shadow: 2px 2px 0 white;
color:#057cd8 !important;
}
.post-meta a{
	color:#057cd8 !important;
}
@media screen and (max-width: 480px) {
.post-meta {
	font-size:75%;
  }
}
.top_title:first-letter {
  font-size: 2em;
  color: #057cd8;
}
/* スクロールtable */
.scroll_content { /* リスト全体のスタイル */
  display: flex;
  max-width: 800px;
  margin: auto;
  overflow-x: auto;
}

.scroll_content li { /* 各リストのスタイル */
  width: 90%;
  padding: 8px;
  margin: 3px;
  flex-shrink: 0;
  list-style: none;
}
 
.scroll_content img { /* 画像のスタイル */
  width: 100%;
  min-height: 200px;
  object-fit: cover;
}
 
.scroll_content::-webkit-scrollbar {
  height: 12px; /* スクロールバーの高さ */
}
 
.scroll_content::-webkit-scrollbar-thumb {
  background: #aaa; /* ツマミの色 */
  border-radius: 6px; /* ツマミ両端の丸み */
}
 
.scroll_content::-webkit-scrollbar-track {
  background: #ddd; /* トラックの色 */
  border-radius: 6px; /* トラック両端の丸み */
}
@media screen and (min-width: 300px) {
 
  .scroll_content li {
    width: 45%;
  }
}
.scroll_content p{ 
  display: flex;
  max-height: 100px;
	height:100px;
  margin: auto;
  overflow-x: auto;
}
/* ブログカードの設定 */
.img_border{
	border: solid 1px #dcdcdc;
}
.wp-block-liquid-speech-balloon{
margin-top:10px !important;
}
.blog-card-thumbnail-link img{
	width:150px !important;
	height:150px !important;
	margin:0 20px;
}
.blog-card-date{
	font-size:14px;
}
.blog-card-title a{
	font-size:26px;
	line-height:30px;
}
.blog-card-excerpt{
	font-size:18px;
	line-height:28px;	
	 overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 任意の行数を指定 */
}
.tag-description{
	background-color:#ffffff;
}
.entry-content img{
	margin-top:20px;
}
#ez-toc-container{
	margin-top:20px;
}
.widget-under-page-article-title{
	display:none;
}
/* マイクロコピー */
.microcopy{
	font-size:14px;
	text-align:center;
	margin-top:20px !important;
	margin-bottom:0 !important;
	font-weight:bold;
	color:#009200;
}
/* マイクロコピー */
.microcopy2{
	font-size:14px;
	background-color:#057cd8;
	text-align:center;
	margin-top:20px !important;
	margin-bottom:0 !important;
	color:#ffffff !important;
}
/* マイクロコピー */
.microcopy3{
	font-size:14px;
	text-align:center;
	margin-top:20px !important;
	margin-bottom:0 !important;
	font-weight:bold;
	color:#aa2926;
}
.microcopy_ranking{
	font-size:120%;
	margin-right:10px;
	margin-left:10px;
}
/* モバイル設定 */
@media (max-width: 450px) {
.microcopy_ranking{
	font-size:80%;
	line-height:100%;
	margin-right:10px;
	margin-left:10px;
}}
/* ボタン */
.btn_link a {
    background: #eee;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
	margin-bottom:20px;
    width:90%;
	padding: 10px 0;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.btn_link a:hover {
    background: #313131;
    color: #FFF;
}
.btn_link a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.btn_link a:hover:after {
    border-color: #FFF;
}
/* ボタン */
.wp-block-button__link {
	margin:10px 0 !important;
    position: relative !important;
    display: flex !important;
    justify-content: space-around !important;
    align-items: center;
    margin: 0 auto;
    padding: 10px !important;
    color: #FFF;
    transition: 0.3s ease-in-out !important;
    background: #000000 !important;
	font-size:16px;
    border-radius: 8px;
text-decoration: none !important;
    border-bottom: solid 5px #0659a9 !important;
}
.wp-block-button__link:hover {
  /*ボタンを押したとき*/
    border-bottom: solid 2px #0659a9 !important;
    transform: translateY(3px);
    color: #FFF !important;
}

.widget_media_image{
	margin:0 auto !important;
	padding:0 auto !important;
}
.wp-block-image img{
	margin:10px 0;
}
.has-background{
		margin:0 auto !important;
	padding:0 auto !important;
}
aside .wp-block-heading{
		margin:0 auto !important;
}
#navi a{
font-size:100% !important;
}
p {
line-height:190% !important;
font-size:120%;
}
a {
text-decoration: underline !important;
}
/* ヘッダー */
#header{
	margin:0 auto !important;
	padding:0 auto !important;
	background-image: url("https://kyoteisagi.net/wp-content/uploads/2023/06/cropped-burst_title.jpg") !important;
	background-position:center;
	width:1400px !important;
background-size:contain; 
	background-repeat: no-repeat;
}
@media screen and (max-width: 480px) {
#header{
	margin:0 auto !important;
	background: #000000 url("https://kyoteisagi.net/wp-content/uploads/2023/06/cropped-burst_title.jpg") no-repeat !important;
	width:100% !important;
	background-size:cover !important;
	height:120px;
	}
}
/* 区切り線 */
.wp-block-separator{
	border:1px solid #000000 !important;
	margin:100px 0;
}
/* プロフィール用css */
#prf_base{
	padding: 8%;
	margin: 5%;
	color:#ffffff;
}
#prf_icon{
   background-image: url("https://kyoteisagi.net/wp-content/uploads/2022/10/main_icon2.jpg");  /* 表示する画像 */
width:8em;
    height:8em;
    border-radius: 50%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
	border:1px solid #c9c9c9;
	text-indent: -9999px;
	margin:0 auto;
}
#prf_name{
	margin-top: 3%;
	text-align: center;
	font-size: 120%;
}
#prf_text{
	margin-top: 7%;
	font-size: 100%;
}
/*プラグインNewpost Catchでタイトルを整えるコード*/
#npcatch li{
overflow:hidden;
clear:both;
vertical-align:top;
border-bottom: 1px dotted #666666;
}
#npcatch img{
float:left;
padding:5px 10px 0 0;
margin:0px 0px 10px;
}
#npcatch .title a{
font-weight: 700;
text-decoration: none;
}
#npcatch .date {
font-size: small;
font-weight: 600;
		text-align:right;
display:block;
color: #adb5bf;
margin-bottom: 5px;
}
#npcatch li:hover{}
#npcatch li:hover .title{}
#npcatch li:hover .title a{}
#npcatch li:hover .date{}
/* TOPサイト一覧リンクボタン */
.btn-square {
  display: block;
	margin:0 auto !important;
	text-align:center;
	font-weight:bold;
	width:70%;
	font-size:140%;
  padding: 1.0em 1em;
  text-decoration: none;
  background: #057cd8;/*ボタン色*/
  color: #ffffff !important;
  border: solid 10px #005ba1;
	border-radius:20px;
}
.btn-square:hover {
  /*ボタンを押したとき*/
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}
.btn-square2 {
    background: #eee;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.btn-square2:hover {
    background: #edf6ff;
}
.btn-square2:before, .btn-square2:after {
  content: "";
  position: absolute;
  display: block;
  transition: all 0.3s;
  right: 0.6rem;
  top: 50%;
}
.btn-square2:before {
  width: 1.4rem;
  height: 2px;
  background: #614f38;
  transform: translateY(-50%);
}
.btn-square2:after {
  opacity: 0;
  width: 0;
  height: 0;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.btn-square2:hover:before {
  width: 1.5rem;
}
.btn-square2:hover:after {
  opacity: 1;
  width: 8px;
  height: 8px;
}
#searchform{
	margin-bottom:-50px !important;
}
/* TOPのタイトル画像 */
#top_title01{
	background-size: 100% auto;
	margin:0 auto;
	height:100px;
	background-color:#ffffff !important;
	background-image:url("../../../wp-content/uploads/2023/04/top_title01-scaled.jpg");
	background-repeat: no-repeat;
overflow: hidden !important;
text-indent: 110% !important;
white-space: nowrap !important;
}
#top_title02{
	background-size: 100% auto;
	margin:0 auto;
	height:100px;
	background-color:#ffffff !important;
	background-image:url("../../../wp-content/uploads/2023/04/top_title02-scaled.jpg");
	background-repeat: no-repeat;
overflow: hidden !important;
text-indent: 110% !important;
white-space: nowrap !important;
}
#top_title03{
	background-size: 100% auto;
	margin:0 auto;
	height:100px;
	background-color:#ffffff !important;
	background-image:url("../../../wp-content/uploads/2023/04/top_title03-scaled.jpg");
	background-repeat: no-repeat;
overflow: hidden !important;
text-indent: 110% !important;
white-space: nowrap !important;
}

/* ランキングのタイトル画像 */
#no01{
	background-image:url("../../../wp-content/uploads/2021/10/no01.png");
	font-weight:bold;
	font-size:150%;
	height:64px;
	background-size: 100% auto;
	background-color:#ffffff !important;
	color:#000000 !important;
	background-repeat: no-repeat;
	padding-left:11%;
	padding-top:2%;
	margin-bottom:-2%;
  top: 0;	
}
#no02{
	background-image:url("../../../wp-content/uploads/2021/10/no02.png");
	font-weight:bold;
	font-size:150%;
	height:64px;
	background-size: 100% auto;
	background-color:#ffffff !important;
	color:#000000 !important;
	background-repeat: no-repeat;
	padding-left:11%;
	padding-top:2%;
	margin-bottom:-2%;
  top: 0;	
}
#no03{
	background-image:url("../../../wp-content/uploads/2021/10/no03.png");
	font-weight:bold;
	font-size:150%;
	height:64px;
	background-size: 100% auto;
	background-color:#ffffff !important;
	color:#000000 !important;
	background-repeat: no-repeat;
	padding-left:11%;
	padding-top:2%;
	margin-bottom:-2%;
  top: 0;	
}
/* tableの設定 */
th{
	background-color:#e3f2fd !important;
	}
table{
	border-color:#002949 !important;

}

/*画像リンクのマウスオーバー*/
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}
/* モバイル設定 */
@media (max-width: 450px) {
	.wp-block-table{
	overflow: scroll !important;
	overflow-x: hidden !important;
	overflow-y: hidden !important;
	}
table, th, tr, td{
margin: 0 0 -1px;    
	}
thead{
    display: none;
  }
  th,
  tr,
  td {
	   display: block;
  }
.wp-block-button__link {
font-size:14px !important;
	font-weight:bold;
    padding: 5px !important;
}
/* ブログカードの設定 */
.blog-card-thumbnail-link img{
	width:100px !important;
	height:100px !important;
	margin:0 10px;
}
.blog-card-date{
	font-size:14px;
}
.blog-card-title a{
	font-size:18px;
	line-height:24px;
}
.blog-card-excerpt{
	font-size:14px;
	line-height:24px;	
}
.tag-description{
	background-color:#ffffff;
}
.entry-content img{
	margin-top:20px;
}
}
#new-reviews-title {
	/*background-color: #000000;*/
}


/*#new-reviews-title h2 {
	color: #FFFFFF;
	padding: 5px;
}*/


#new-reviews-area {
}

.new-reviews-info {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.new-reviews-info .sc1 {
	margin-right: 12px;
}

.new-reviews-info .sc2 {
	margin-right: 12px;
}

.new-reviews-info .sc3 {
	margin-right: 12px;
	color: #FF9900;
	font-weight: bold;
}

.new-reviews-info .sc4 {
}

.new-reviews-info .sc5 {
}

hr{
  color: #ddd;
  margin:0 !important;
	padding:0 !important;
  width:98%;
  border:1px solid #ddd;
}

/* added by side7 */

/* 特定カテゴリの新着エントリ3カラムレイアウト表示用 */
#main .entry-3columns{
 width:214px;
  margin:10px 5px 0 5px;
  border:1px solid #ddd;
  border-radius:5px;
  float:left;
  clear:none;
  overflow: visible;
}
#list .entry-3columns .entry-thumb {
  margin-top:0;
  margin-right: 0;
  margin-left:0;
  text-align:center;
  margin-bottom: 0;
}

.entry-3columns .entry-thumb img{
  width:100%;
  height:auto;
  margin-bottom:0;
  margin: 0px 5px 5px 5px;
}

.entry-3columns .entry-card-content {
  margin-left: 0;
  clear:both;
}

.entry-3columns h2 a{
  margin-top:0;
  font-size:16px;
  line-height:110%;
}

.entry-3columns .post-meta{
  margin:0;
  text-align: left;
  font-size:14px;
}

.entry-3columns .entry-snippet{
  font-size:14px;
  padding:0 5px;
  word-wrap:break-word;
  clear: both;
}

.entry-3columns .entry-read a{
  font-size:12px;
  padding:0 5px;
}

.entry-3columns .post-meta .category{
  display:none;
}

.entry-3columns h2{
  padding:0 5px;
  word-wrap:break-word;
  line-height: 100%;
  margin: 0px 0px 5px 5px;
}

.entry-3columns .entry-read a.entry-read-link{
  padding:5px 0;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  width:auto;
}

.entry-3columns .sc3 { display: none; }
.entry-3columns .sc4:before { content: "("; }
.entry-3columns .sc4:after { content: "件)"; }
.entry-3columns .ratings { 
    /*float: left;*/
}


/* 特定カテゴリの新着エントリ2カラムレイアウト表示用 */
#main .entry-2columns{
  width:327px;
  margin:10px 5px 0 5px;
  border:1px solid #ddd;
  border-radius:5px;
  float:left;
  clear:none;
  overflow: visible;
}
#list .entry-2columns .entry-thumb {
  margin-top:0;
  margin-right: 0;
  margin-left:0;
  text-align:center;
  margin-bottom: 0;
}

.entry-2columns .entry-thumb img{
  width:327px;
  height:auto;
  margin-bottom:0;
  margin: 0px 5px 5px 5px;
}

.entry-2columns .entry-card-content {
  margin-left: 0;
  clear:both;
}

.entry-2columns h2 a{
  margin-top:0;
  font-size:16px;
  line-height:110%;
}

.entry-2columns .post-meta{
  margin:0;
  text-align: left;
  font-size:16px;
}

.entry-2columns .entry-snippet{
  font-size:14px;
  padding:0 5px;
  word-wrap:break-word;
  clear: both;
}

.entry-2columns .entry-read a{
  font-size:12px;
  padding:0 5px;
}

.entry-2columns .post-meta .category{
  display:none;
}

.entry-2columns h2{
  padding:0 5px;
  word-wrap:break-word;
  line-height: 100%;
  margin: 0px 0px 5px 5px;
}

.entry-2columns .entry-read a.entry-read-link{
  padding:5px 0;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  width:auto;
}

.entry-2columns .sc3 { display: none; }
.entry-2columns .sc4:before { content: "("; }
.entry-2columns .sc4:after { content: "件)"; }


/* 特定カテゴリの新着エントリシングルレイアウト表示用 */
.entry-single .sc3 { display: none; }
.entry-single .sc4:before { content: "("; }
.entry-single .sc4:after { content: "件)"; }


/* 特定カテゴリの新着口コミ表示用 */
#new-reviews-area .sc0{ margin-left: 12px; }
#new-reviews-area .sc2:before { content: "評価: "; }
#new-reviews-area .sc3:before { content: "平均: "; }
#new-reviews-area .sc4:before { content: "投票数: "; }
#new-reviews-area .sc4:after { content: "件"; }

/* 記事一覧の評価表示用 */

.ratings .sc2:before { content: "評価: "; }

/* 記事詳細の評価表示用 */
.post-ratings .sc2:before { content: "評価: "; }
.post-ratings .sc3 { display: none; }
.post-ratings .sc4{ display: none; }
.post-ratings .sc4:before { content: "("; }
.post-ratings .sc4:after { content: "件)"; }
.hyouka {
    float: right;
}

/* デフォルトの評価表示用(記事詳細) */
.ratings .sc3 { display: none; }
.ratings .sc4:before { content: "("; }
.ratings .sc4:after { content: "件)"; }

/* デフォルトの評価表示用(記事一覧) */
.ratings .sc3 { display: none; }
.entry-card-content .ratings .sc4 { display: none; }
.entry-card-large-content .ratings .sc4 { display: none; }

/* ショートコードでの新着記事表示一覧用 */
.new_post_list_2columns {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.new_post_list_3columns {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
/************************************
** ヘッダー(header)
************************************/

#site-title{display:none;}
#site-description{display:none;}
#navi{
	margin-bottom:10px;
	padding:5px 0 !important;
	text-align:center;align-content
}
#navi a{
		font-size:20px !important;
}
#site-description { /*margin-top: 0;
  color: #777;
  margin:0;
  padding:10 0;
  line-height:140%;
  font-size:15px;
  margin-right:20px;
  margin-bottom:10px;
  font-weight:normal;*/ display:none; }

/*グローバルナビの修飾 */
#navi {
 border-bottom:5px solid #057cd8;
}

/*ホバー時の線と文字の色を変更*/
#navi ul li a:hover{
    color: #057cd8 !important;
　　　　　　　　background-color:#ffffff;
}
#navi ul li a:before{
   background:#ffffff !important;
}
#navi ul,#navi{
 background-color:#ffffff;
}
/*h2デザイン*/
.article h2 {
background-color: #057cd8;
border-left: 0 none;
color: #ffffff;
padding: 20px;
margin-bottom:30px !important;
margin-top:30px !important;
}
/*h3デザイン*/
.article h3 {
border-bottom: 5px solid #057cd8;
border-top: 5px solid #057cd8;
padding: 20px;
color: #057cd8;
margin: 30px 0;
}
/*h4デザイン*/
.article h4 {
border-left: 30px solid #057cd8;
border-bottom: 0px;
padding: 5px 0 5px 10px;
color: #000000;
margin-bottom: 30px;
}
/*h5デザイン*/
.article h5 {
color: #057cd8;
}
/*ウィジットメニューの色*/
#sidebar h3{
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  background: #057cd8;
  font-weight: bold;
  color: #ffffff;
}
/*PCメニューバー*/
#sub_menu {
background:#057cd8;
padding:10px 0;
text-align: center;
margin-bottom:20px; 
}
#sub_menu a{
font-size:14px;
color:#ffffff;
padding:0 10px;
text-decoration:none;
}
#sub_menu :hover{
padding-bottom:4px;
border-bottom:5px #ffffff solid;
}
/*ウィジット-記事のリンク色*/
.cat-item{
background-color: #ffffff;
padding:10px;
}
.cat-item a{
color: #057cd8;
text-decoration: none;
}
.widget_nav_menu .menu-item{
background-color: #ffffff;
padding:10px;
}
.widget_nav_menu .menu-item a{
color: #057cd8;
font-weight:bold;
text-decoration: none;
display:block;
background-image: url(/wp-content/uploads/2017/07/avatar2.png);
background-repeat: no-repeat;
background-position:1px 3px;
padding-left:25px;
width:100%;
}
/*コメント欄色*/
.recent-comment-title{
font-weight:bold;
background-color: #000000;
padding:3px;
margin:0 10px;
}
.recent-comments{
background-color:#ffffff;
padding-top:10px;
}
.recent-comments a{
text-decoration: none;
padding:3px 5px;
display:block;
}
.recent-comments dd{
border-bottom:dotted 1px #000;
}
.recent-comments dt{
margin-right:10px;
}

/*TOP優良サイト一覧　-　文字リンク*/
.entry-card-content h2{
padding:5px !important;
margin:10px auto;
background-color:#ccddff;
}
.entry-card-content h2 a{
color:#057cd8;
text-decoration:none;
}
.entry-card-content h2 a:hover{
text-decoration:underline;
}
/*TOP優良サイト一覧　-　記事を読むリンク*/
.entry-read{
	background:#f5faff;
	padding:20px 40px;
	border:1px solid #6bb6ff;
}
.entry-read a{
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    padding: 10px 25px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #6bb6ff;
    border-radius: 8px;
    border-bottom: solid 5px #1d7fde;
}
.entry-read a:hover{
    border-bottom: solid 2px #1d7fde;
    transform: translateY(3px);
}
/*TOP優良サイト一覧　-　口コミ・評価星★*/
.comments span{
padding:3px !important;
}
entry-thumb img{
width:100%;
margin: auto;
}
/*みんなのコメント*/
#recent_comments-2 h3{
text-indent:-9999px;
background-image: url("https://kyoteisagi.net/wp-content/uploads/2017/07/Sidebar.png");
background-repeat:no-repeat;
display:block;
padding:0px !important;
margin:0px auto !important;
width:300px;
height:138px;
}
/*コピーライト*/
#copyright{
color:#ffffff;
}
#copyright a{
color:#ffffff;
}


/* 人気記事ランキングの順位をカスタマイズ　*/
.widget_popular_ranking ul li:before, .widget_new_popular ul li:before {
  background: none repeat scroll 0 0 #FFF !important;
  color:#000 !important;
  top: -3px !important;
  border-radius: 50px !important;
  border:solid 2px #000 !important;
}
#new-entries ul li img, #popular-entries ul li img {
  margin: 3px 5px 10px 3px;
}
.tag-description p{
margin: 0px; !important;
padding: 0px; !important;
border-width: 0px; !important;
border-style: none; !important;
border-color: #fff; !important;
background: transparent; !important;
background: #fff; !important;
}}