@charset "UTF-8";

/*

  Skin Name: ぶるちょ

  Description: 丸くて青いスキン。

  Author: わさび

  Screenshot URI: 

  Version: 1.0.0

*/



h1.entry-title {

	color: #3f3f3f;

	margin: 18px 0px 45px 0px;

	font-size: 24px;

  position: relative;

  line-height: 1.4;

  padding:0.25em 1em;

  display: inline-block;

}



h1.entry-title:before, h1.entry-title:after { 

  content:'';

  width: 20px;

  height: 30px;

  position: absolute;

  display: inline-block;

}



h1.entry-title:before {

  border-left: solid 1px #005497;

  border-top: solid 1px #005497;

  top:0;

  left: 0;

}



h1.entry-title:after {

  border-right: solid 1px #005497;

  border-bottom: solid 1px #005497;

  bottom:0;

  right: 0;

}



.toc {

    border-radius: 1px;         /* 角を丸める */

    padding: 9px;             /* 内側の余白 */

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);  /* 軽いシャドウ効果 */

    margin: 15px 0;           /* 上下の余白 */

    outline:1px solid #005497; /* アウトラインを追加 */

    width: 100%;              /* 要素いっぱいに広げる */

}



label.toc-title {

		border-bottom: solid 3px #005497;

    font-weight: bold;

    text-align: left;

    margin-bottom: 15px;

    color: #005497;

    position: relative; /* 擬似要素の位置を調整するために必要 */

    display: inline-block; /* インラインブロックにすることで幅を調整可能に */

	

}



.main {

  border-radius: 18px; /* 角の丸み */

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* シャドー */

	border-top: 10px solid #005497; /* 上に青い線を追加 */

}



div.sidebar.nwa.cf {

  border-radius: 18px; /* 角の丸み */

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* シャドー */

  border-top: 10px solid #005497; /* 上に青い線を追加 */

}



img.wp-post-image {

    border-radius: 12px;

    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);

		margin: 0px 0px 45px 0px;

}



h2.wp-block-heading {

    position: relative;

    display: block;

    font-size: 24px;

    color: #3f3f3f;

    padding: 10px 20px;

    background-color: white;

    box-shadow: 0 0 0 10px white;

    width: 100%; 

}



	h2.wp-block-heading::after {

			content: '';

			position: absolute;

			left: 0; /* 左端からスタート */

			bottom: 0;

			width: 100%; /* 親要素の幅いっぱい */

			height: 3px;

			background: linear-gradient(to right, #005497, #00a8e8);

}



h3.wp-block-heading {

  padding: 0.5rem 0.8rem;

  color: #494949;

  background:#fff;

  border-left: solid 9px #005497;

  border-top: none;

  border-right: none;

  border-bottom: none;

}



h4.wp-block-heading {

  padding: 0.5rem 0.8rem;

  border-left: 4px dotted #005497;

	border-top: none;

  border-right: none;

  border-bottom: none;

}



button#comment-reply-btn.comment-btn.key-btn {

    outline: 2px solid #005497;

    border-radius: 5px;

    background-color: transparent;

    border: none;

    padding: 10px 20px;

    cursor: pointer;

    font-size: 16px;

    color: #005497;

}



button#comment-reply-btn.comment-btn.key-btn:hover {

    background-color: #005497;

    color: white;

}



button.wp-block-search__button.wp-element-button {

    outline: 2px solid #005497;

    border-radius: 3px;

    background-color: transparent;

    border: none;

    padding: 1px 10px;

    cursor: pointer;

    font-size: 14px;

    color: #005497;

}



button.wp-block-search__button.wp-element-button:hover {

    background-color: #005497;

    color: white;

}



input#wp-block-search__input-1.wp-block-search__input {

    outline: 1px solid #005497;

    border-radius: 3px;

    border: 1px solid #005497;

    padding: 11px;

    font-size: 16px;

    width: 100%;

    max-width: 249.31px;

    height: 50px;

    box-sizing: border-box;

}



input#wp-block-search__input-1.wp-block-search__input:focus {

    border-color: #005497;

    box-shadow: 0 0 5px rgba(0, 84, 151, 0.5);

}



span.related-entry-main-heading.main-caption {

    border-bottom: 3px solid #051794;

}



h2#comments.comment-title {

    border-bottom: 3px solid #051794;

}



input#submit.submit {

    outline: 2px solid #005497;

    border-radius: 5px;

    background-color: transparent;

    border: none;

    padding: 10px 20px;

    cursor: pointer;

    font-size: 16px;

    color: #005497;

}



div.author-box.border-element {

		border-top: 11px solid #005497; /* 上に青い線を追加 */

    border-radius: 5px; /* 角を丸める */

    padding: 15px; /* 内側の余白 */

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 軽いシャドウ効果 */

    margin: 15px 0; /* 上下の余白 */

    width: 100%; /* 要素いっぱいに広げる */

    box-sizing: border-box; /* パディングとボーダーを幅に含める */

    background-color: white; /* 背景色を白に設定 */

}



.footer-container {

	border-top: 2px solid #005497;

}



nav#navi {

	border-top: 2px solid #005497;

	background-color: #fff;

	color: #fff;

}



a.pagination-next-link.key-btn {

	border-radius: 5px;

	background-color: #005497;

	border: none;

	padding: 10px 20px;

	cursor: pointer;

	font-size: 16px;

	color: #fff;

}



span.page-numbers.current {

	border-radius: 5px;

	background-color: #005497;

	border: none;

	padding: 1px 1px;

	cursor: pointer;

	font-size: 16px;

	color: #fff;



}



a.page-numbers {

	outline: 2px solid #005497;

	border-radius: 5px;

	background-color: #fff;

	border: none;

	padding: 1px 1px;

	cursor: pointer;

	font-size: 16px;

	color: #005497;

}



span.cat-label.cat-label-1 {

	border-radius: 3px;

	background-color: #005497;

	border: none;

	cursor: pointer;

	font-size: 12px;

	color: #fff;



}



span.entry-date {

	border-radius: 3px;

	background-color: #fff;

	border: none;

	cursor: pointer;

	font-size: 12px;

	color: #005497;



}



a.comment-reply-link {

	outline: 1px solid #005497;

	border-radius: 3px;

	background-color: #fff;

	border: none;

	cursor: pointer;

	font-size: 12px;

	color: #005497;

	

}



time.entry-date {

	border-radius: 3px;

	background-color: #fff;

	border: none;

	cursor: pointer;

	font-size: 12px;

	color: #005497;

	

}



        div.caption-wrap {

            position: relative;

            display: inline-block;

            margin-bottom: 1em;

        }



        div.caption-wrap::before {

            content: '';

            position: absolute;

            bottom: -9px;

            display: inline-block;

            width: 60px;

            height: 2px;

            left: 50%;

            transform: translateX(-50%);

            background-color: #005497;

            border-radius: 2px;

            transition: width 0.3s ease;

        }



        div.caption-wrap:hover::before {

            width: 100%;

        }



span.page-numbers.dots {

	outline: 2px solid #005497;

	border-radius: 5px;

	background-color: #fff;

	padding: 1px 1px;

	cursor: pointer;

	font-size: 16px;

	color: #095947;

	border: none;

}