/* <system section="theme" selected="17680117126989116845"> */
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
/*
	Theme: cosmo
	Author: Golyat
	Description:美しさにこだわったブログテーマ
	ver: 1.01
	Responsive: yes
 */

/*------------------------
classリセット
------------------------*/
html, body {color: #000;font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","Yu Mincho",YuMincho,Georgia,游明朝,'Sawarabi Mincho';line-height: 150%;}
/* clearfix */
.clear {clear:both;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

#blog-title, #blog-title #blog-description, #blog-title #title {margin: 0 !important;}
#blog-title #blog-title-inner {padding: 3em;height: auto;}
#blog-title-inner #title a, #blog-title #blog-description {padding: 0.5em 0;text-decoration: none;font-size: 1.0em;color: #FFF;}
#container h1.entry-title {margin: 0;line-height: 1.15;}
#container h1.entry-title a {font-size: 20px;}
#container .menu_block ul li {padding: 0.5em 4.9%;}
#footer #footer-inner .services {margin: 0 !important;}
.archive-entry a,#footer a, #footer,a.hatena-id-link,.entry-content dl dd a {text-decoration: none;}
.header-image-enable #blog-title #title a,.header-image-enable #blog-title #blog-description {text-shadow: none !important;text-decoration: none !important;}
.hatena-module-title a,.hatena-module-body a,.pager-prev a,.pager-next a,ul.comment a.comment-user-id,#container .breadcrumb a,#container .breadcrumb span,body.page-index article.entry .entry-inner a,#container .menu_block ul li a {color: #372B72;text-decoration: none;}

/*------------------------
共通
------------------------*/
#container #container-inner #blog-title #blog-title-inner,body.page-index #container #content #content-inner #wrapper,#footer #footer-inner,#container .breadcrumb .breadcrumb-inner,body:not(.page-index) #container #content #content-inner,#container .menu_block ul {margin: 0 auto;width: 1200px;}
#container #container-inner #blog-title,#footer {background-color: #372B72 !important;}

/* ヘッダー
----------------------*/
#container #container-inner #blog-title #blog-title-inner #blog-title-content {
	margin: auto;
	padding: 2em;
	width: 70%;
	line-height: 1.2;
	background-color: rgba(0,0,0,0.7);
	text-align: center;
}
#container #container-inner #blog-title {
	background-position: center center;
	background-repeat: repeat-x;
	background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/t/tableturning/20190305/20190305000045_original.jpg");
}
body.header-image-enable #container #container-inner #blog-title,body.header-image-only #container #container-inner #blog-title {
	background-image: none !important;
}
body.header-image-only #container #container-inner #blog-title #blog-title-inner #blog-title-content {
	background-color: inherit;
}

/**　パンくず　**/
#container .breadcrumb {
	padding: 5px 0;
	background-color: #edeef4;
}

/**　ナビゲーション　**/
body.page-index #container .menu_block,body.page-about #container .menu_block {
	border-bottom: 1px solid #CCC;
	background-color: #FFF;
}
#container .menu_block ul {
	padding: 0;
}
#container .menu_block ul li {
	float: left;
	margin: 10px 0;
	padding: 0.5em 3.9em;
	border-right: 1px solid #CCC;
	list-style: none;
	font-weight: bold;
}
#container .menu_block ul li:hover {background-color: #edeef4;}
#container .menu_block ul li:first-child {border-left: 1px solid #CCC;}

/**　トップページ　記事一覧表示　**/
body.page-index #main {
	padding: 0;
}
body.page-index #main-inner .archive-entries {
	display: grid;
	grid-template-columns: 33% 33% 33%;
	
	/*　IE11　*/
	display: -ms-grid;
	-ms-grid-columns:1fr 1fr 1fr;
}

/*　IE11　*/
body.page-index #main-inner .archive-entries section:nth-child(1n) {-ms-grid-column:1;}
body.page-index #main-inner .archive-entries section:nth-child(2n) {-ms-grid-column:2;}
body.page-index #main-inner .archive-entries section:nth-child(3n) {-ms-grid-column:3;}
body.page-index #main-inner .archive-entries section:nth-child(n+4):nth-child(-n+6) {-ms-grid-row:2}
body.page-index #main-inner .archive-entries section:nth-child(n+7):nth-child(-n+9) {-ms-grid-row:3}
body.page-index #main-inner .archive-entries section:nth-child(n+10):nth-child(-n+12) {-ms-grid-row:4}
body.page-index #main-inner .archive-entries section:nth-child(n+13):nth-child(-n+15) {-ms-grid-row:5}

body.page-index article.entry {
	position: relative;
	margin: 10px;
	border: 1px solid;
}
body.page-index #main-inner > article.entry {
	background-color: #FFF;
}
body.page-index #main-inner::after {
	display: block;
	content: "";
	clear: both;
}
body.page-index #main-inner > article.entry .entry-inner {
	background-color: #FFF;
	padding: 0 10px;
}
body.page-index article.entry .entry-inner .entry-header {
	margin: 10px 0;
}
h1.entry-title {
	margin: 0;
	border-bottom: 1px solid #372B72;
}
.archive-entries .archive-entry .archive-entry-header {
	margin: 215px 0 0 0;
	line-height: 1.5;
}
.archive-entries .archive-entry {
	position: relative;
	margin: 10px;
	padding: 0.5em;
	border: 1px solid #AFB9BC;
	background-color: #FFF;
	background-image: url('https://cdn-ak.f.st-hatena.com/images/fotolife/t/tableturning/20190313/20190313101239.jpg');
	background-repeat: no-repeat;
	background-position: top;
}
.archive-entries .archive-entry:hover {
	opacity: 0.8;
}

.archive-entry .categories a,.entry-categories a {
	display: inline-block;
	margin: 10px 0 0;
	padding: 5px;
	background-color: #edeef4;
}
.archive-entry a {
	color: #372B72;
}
.archive-entries .entry-thumb {
	position: absolute;
	float: none;
	margin: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 210px;
	background-size: cover;
	background-position: center 45%;
	background-color: #edeef4;
}

/**　トップページ　全文表示　**/
body.page-index #main-inner article.entry{
	border:none !important;
}
body.page-index #main-inner article header {
	line-height: 2.3;
	text-align: center;
}

/**　トップページ　フッター　**/
body.page-index #box2 {
	margin: 1.0em 0 0;
	padding: 1px 0;
	background-color: #edeef4;
}
body.page-index #box2-inner {
	margin: 0 auto;
	max-width: 1200px;
}

/**　プロフィール　**/
body.page-index .profile-activities {
	float: right;
}

/**　最新記事 注目記事　**/
body.page-index ul.entries-access-ranking::after,body.page-index .hatena-module-recent-entries ul::after {
	display: block;
	content: "";
	clear: both;
}
body.page-index ul.entries-access-ranking li,body.page-index .hatena-module-recent-entries ul {
	display: block;
}
body.page-index ul.entries-access-ranking li,body.page-index .hatena-module-recent-entries ul li {
	float: left;
	width: 30%;
	min-height: 50px;
}
body.page-index .hatena-module-body ul.entries-access-ranking li {
	margin: 10px 5px;
}

/**　カテゴリ　**/
body.page-index .hatena-module.hatena-module-links ul li,body.page-index .hatena-module.hatena-module-category ul li {
	float: left;
	padding: 0 2.0em 0 0;
}
body.page-index .hatena-module.hatena-module-category ul::after,body.page-index .hatena-module.hatena-module-links ul::after {
	content: "";
	clear: both;
	display: block;
}

/* サイドコンテンツ
----------------------*/
.hatena-module {
	margin: 2em 0;
}
.hatena-module-title {
	border-bottom: 1px solid #372B72;
	font-size: 1.3em;
	font-weight: bold;
	color: #372B72;
}
.hatena-module-body {
	margin: 1.0em 0;
}
.hatena-module-body ul {
	padding: 0;
}

/**　モジュールタイトル　**/
.hatena-module-title::after {
	margin: 0 auto 0 0;
	vertical-align: top;
	font-size: 0.7em;
	font-weight: normal;
	text-align: right;
	color: #666;
}
.hatena-module-profile .hatena-module-title::after {content: "～Profile～";}
.hatena-module-related-entries .hatena-module-title::after {content: "～Related Article～";}
.hatena-module-search-box .hatena-module-title::after {content: "～Search～";}
.hatena-module-links .hatena-module-title::after {content: "～Link～";}
.hatena-module-recent-entries .hatena-module-title::after {content: "～New Entry～";}
.hatena-module-archive .hatena-module-title::after {content: "～Archive～";}
.hatena-module-category .hatena-module-title::after {content: "～Category～";}
.hatena-module-recent-comments .hatena-module-title::after {content: "～Comment～";}
.hatena-module-entries-access-ranking .hatena-module-title::after {content: "～Pick Up～";}
.hatena-module-circles .hatena-module-title::after {content: "～Group～";}
.hatena-module-authors-list .hatena-module-title::after {content: "～Authors～";}

/**　プロフィール　**/
.profile-description p {
	margin: 0;
}
.hatena-module-profile .id a {
	vertical-align: top;
	color: #000;
}
.hatena-follow-button-box {
	display: inline-block;
	vertical-align: top;
}
a.urllist-category-link {
	display: inline-block;
	padding: 0;
	margin: 0;
	background-color: #edeef4;
}

/**　リンクボタン　**/
.hatena-module-body ul li {
	list-style-type: none;
}
.hatena-module-category ul li a::before,.hatena-module-links ul li a::before {
	position: absolute;
	margin-top: -4px;
	top: 50%;
	left: 0;
	content: '';
	width: 7px;
	height: 7px;
	border-top: solid 1px #372B72;
	border-right: solid 1px #372B72;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.hatena-module-category ul li a,.hatena-module-links ul li a {
	position: relative;
	padding: 0 0 0 1.0em;
}

/** カレンダー　**/
.archive-module-calendar {
	max-width: 340px;
}
.archive-module-calendar table {
	max-width: 340px;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #FFF;
}
.archive-module-calendar-highlight {
	background-color: yellow;
	font-weight: bold;
}
td.calendar-day:nth-child(1), th.calendar-sunday {
	color: red;
}
td.calendar-day:nth-child(7), th.calendar-saturday {
	color: #1DA1F2;
}
.archive-module-calendar th {
	font-size: .8em;
	text-align: center;
	padding: .3em 0;
}
.archive-module-calendar .archive-module-calendar-week td {
	text-align: center;
}
td.calendar-day, .js-archive-module-calendar-container th {
	border: 1px solid #efefef;
	width: 10%;
}
.calendar-day span {
	padding: 10px;
	display: block;
}

/**　検索ボックス　**/
.search-module-input {
	padding: 0 0 0 0.5em;
	width: 270px;
	height: 27px;
	border: 1px solid #372B72;
}
.search-module-button {
	padding: 5.5px 10px;
	background-color: #372B72;
	border: none;
	border-radius: 2px;
	vertical-align: top;
	color: #FFF;
}

/** サークル一覧 **/
.hatena-urllist.circle-urllist::after {
	display: block;
	content: "";
	clear: both;
}
.hatena-module-body .circle-urllist li {
	float: left;
	display: block;
	margin: 0 0.5em 0 0;
	padding: 5px;
	min-width: 130px;
	background-color: #FFF;
	*zoom: 1;
}
.hatena-module-body .circle-urllist li img.circle-image {
	border: 1px solid;
}

/**　最新記事　**/
body.page-index ul.entries-access-ranking li,.hatena-module-recent-entries ul li {
	margin: 5px;
	padding: 5px;
	background-color: #FFF;
}
body.page-index ul.entries-access-ranking li .urllist-image,.urllist-with-thumbnails li .urllist-image {
	float: left;
	margin: 0 10px 0 0;
}

/**　関連記事　**/
body.page-index ul.entries-access-ranking li{
	border: none !important;
}
ul.entries-access-ranking li,ul.related-entries li,body.page-entry .hatena-module-recent-entries ul li {
	margin: 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #372B72;
}

/**　記事一覧、記事ページ　**/
body.page-archive:not(.page-index) #content #wrapper,body.page-entry #content #wrapper,body.page-about #content #wrapper {
	float: left;
	margin: 10px 0 10px 0;
	padding: 0 40px 0 0;
	max-width: 800px;
	width: 100%;
	border-right: 1px solid #372B72;
}
body.page-entry #content #main {
	padding:0;
}
body.page-archive:not(.page-index) #content #box2,body.page-entry #content #box2,body.page-about #content #box2 {
	display: inline-block;
	margin: .5em 0;
	padding: 0 0 0 1.0em;
	max-width: 340px;
}
body.page-archive:not(.page-index) #content-inner::after,body.page-entry #content-inner::after {
	display: block;
	content: "";
	clear: both;
}
body.page-archive:not(.page-index) .archive-entries,body.page-entry .archive-entries {
	display: grid;
	grid-template-columns: 50% 50%;

	/*　IE11　*/
	display: -ms-grid;
	-ms-grid-columns:1fr 1fr;
}
body.page-archive:not(.page-index) .archive-entries section:nth-child(odd){-ms-grid-column:1;}
body.page-archive:not(.page-index) .archive-entries section:nth-child(even){-ms-grid-column:2;}
body.page-archive:not(.page-index) .archive-entries section:nth-child(n+3):nth-child(-n+4){-ms-grid-row:2}
body.page-archive:not(.page-index) .archive-entries section:nth-child(n+5):nth-child(-n+6){-ms-grid-row:3}
body.page-archive:not(.page-index) .archive-entries section:nth-child(n+7):nth-child(-n+8){-ms-grid-row:4}
body.page-archive:not(.page-index) .archive-entries section:nth-child(n+9):nth-child(-n+10){-ms-grid-row:5}
body.page-archive:not(.page-index) .archive-entries section:nth-child(n+11):nth-child(-n+12){-ms-grid-row:6}
body.page-archive:not(.page-index) .archive-entries section:nth-child(n+13):nth-child(-n+14){-ms-grid-row:7}
body.page-archive:not(.page-index) .archive-entries section:nth-child(n+15):nth-child(-n+16){-ms-grid-row:8}
body.page-archive:not(.page-index) .archive-entries section:nth-child(n+17):nth-child(-n+18){-ms-grid-row:9}
body.page-archive:not(.page-index) .archive-entries section:nth-child(n+19):nth-child(-n+20){-ms-grid-row:10}

body.page-archive:not(.page-index) .archive-header-category,body.page-entry .archive-header-category {margin: 0;}
body.page-archive:not(.page-index) .archive-heading,body.page-entry .archive-heading {text-align: center;}
body.page-archive:not(.page-index) .archive-header-category,body.page-entry .archive-header-category {margin: 0;}
body.page-archive:not(.page-index) .hatena-module-recent-entries ul li{background-color: #edeef4;}

/**　記事ページ　**/
body.page-entry .entry-header a {
	color: #372B72;
	text-decoration: none;
}
body.page-entry .entry-header {
	margin: 0.25em 0 0;
	line-height: 1.5;
}
body.page-entry .entry-content h3,body.page-about .entry-content h3{
	margin: 1.5em 0 0 0;
	line-height: 1.0;
	font-size: 1.5em;
	font-weight: bold;
	color: #372B72;
}
body.page-entry .entry-content h3::after,body.page-about .entry-content h3::after {
	display: block;
	margin: 10px 0 0;
	content: "　";
	border-top: 5px solid #372B72;
	width: 30px;
}
body.page-entry .entry-content h4 {
	margin: 1.5em 0 0 0;
	line-height: 1.5;
	border-bottom: 1px dotted #372B72;
	font-size: 1.3em;
	font-weight: normal;
	color: #372B72;
}
body.page-entry .entry-content h5,body.page-entry .entry-content h6 {
	margin: 1.5em 0 0 0;
	font-size: 1.3em;
	font-weight: normal;
	color: #372B72;
}
.entry-content h3 a,.entry-content h4 a,.entry-content h5 a,.entry-content h6 a {
	text-decoration: none;
}
body.page-entry .entry-content p {
	margin: 0.5em 0;
	font-size: 1.1em;
	line-height: 1.2;
}
/**　表組　**/
.entry-content table {
	margin: 10px 0;
	border-collapse: collapse;
}
.entry-content table th {
	background-color: #efefef;
}
.entry-content table td, .entry-content table th {
	margin: 0;
	padding: 0.3em;
	border: 1px solid #888;
}
/**　定義リスト　**/
.entry-content dl::after {
	display: block;
	clear: both;
	content: "";
}
.entry-content dl {
	padding: 10px;
	border: 2px solid #CCC;
	border-radius: 5px;
}
.entry-content dl dt {
	float: left;
	padding: 0 0.5em 0 0;
	width: 150px;
	color: #2992e5;
	font-weight: bold;
}
.entry-content dl dd ul::after {
	display: block;
	content: "";
	clear: both;
}
.entry-content dl dd li {
	float: left;
	padding: 0 1.0em 0 0;
	list-style-position: inside;
}

/**　目次　**/
.entry-content ul.table-of-contents {
	margin: 10px auto;
	padding: 10px;
	background-color: beige;
}
.entry-content .table-of-contents > li {
	list-style-type: decimal;
	list-style-position: inside;
}

/**　引用　**/
.entry-content blockquote {
	padding: 2.0em 1.0em;
	background-color: #FBFBEF;
}
.entry-content blockquote p {
	line-height: 1.0 !important;
	font-size: 1.1em !important;
}
.entry-content blockquote p::after,.entry-content blockquote p::before {
	position: absolute;
	content: "\f704";
	font-size: 1.5em;
	font-family: blogicon;
	color: orange;
}
.entry-content blockquote p::after,.entry-content blockquote p::before {
	right: 15px;
	bottom: 0px;
}
.entry-content blockquote p::before {
	top: 0px;
	left: 15px;
}

/**　ソースコード　**/
.entry-content pre.code {
	padding: 10px;
	background-color: #364549;
	color: #FFF;
}
.synIdentifier {color: aqua;}
.synStatement {color: aqua;}
.synComment {color: #58ACFA;}
.synPreProc {color: #9F81F7;}
.synType {color: #3ec63e;}

/**　コメント　**/
ul.comment {
	padding: 0;
}
ul.comment li {
	margin: 10px 0;
	padding: 0 10px;
	border: 1px solid #372B72;
	list-style-type: none;
}
ul.comment .comment-user-id {
	vertical-align: top;
}
ul.comment .comment-user-name {
	float: left;
	margin: 1.0em 1.0em 1.0em 0;
	max-width: 100px;
}
body.page-entry .comment-box a.leave-comment-title {
	display: block !important;
	margin: 0 auto 3em;
	padding: 0.5em;
	width: 300px;
	background-color: #372B72;
	color: #FFF;
	text-align: center;
}
body.page-entry .comment-box a:hover {
	opacity: 0.5;
}

.entry-comment .hatena-id-icon {
	display: block;
	width: auto;
	height: auto;
}


/**　ページャー　**/
.pager.pager-permalink.permalink {
	margin: 1.0em 0;
}
.pager-prev,.pager-next {
	display: block;
	padding: 5px 1.5em;
	background-color: #edeef4;
	border: 1px solid #372B72;
}
.pager-prev{text-align:left;float: left;}
.pager-next {text-align: right;float:right; }
.pager::after {
	display: block;
	content: ".";
	height: 0;
	clear: both;
	font-size: 0;
	visibility: hidden;
}

/*　フッター
----------------------*/
#footer {
	padding: 0.5em;
}
#footer a, #footer {
	line-height: 1.2;
	font-size: 0.9em;
	text-align: center;
	color: #FFFC9C;
}

/*------------------------
　レスポンシブ
------------------------*/

/*　ipad
----------------------*/
@media screen and (min-width:769px) and (max-width:1024px) {
	body{font-size: 80%;}
	#container .menu_block ul li{	margin: 0;padding: 1.0em 2em;}
	#container #container-inner #blog-title #blog-title-inner, body.page-index #container #content #content-inner #wrapper, #footer #footer-inner, #container .breadcrumb .breadcrumb-inner, body:not(.page-index) #container #content #content-inner, #container .menu_block ul{width:auto;}
	body.page-index #main-inner .archive-entries{grid-template-columns: 1fr 1fr 1fr;}
	body.page-archive:not(.page-index) #content #wrapper, body.page-entry #content #wrapper, body.page-about #content #wrapper{padding: 0 20px;width:65%;}
	body.page-archive:not(.page-index) #content #box2, body.page-entry #content #box2, body.page-about #content #box2{width:25%;}
	.search-module-input {width: 50%;}
}

/*　iphone
----------------------*/
@media screen and (max-width: 768px) {
	/**　共通　**/
	img{max-width:100%;height:auto;}
	
	#container #container-inner #blog-title #blog-title-inner #blog-title-content {padding:15px;width: 80%;}
	#container #container-inner #blog-title #blog-title-inner,body.page-index #container #content #content-inner #wrapper,#footer #footer-inner,#container .breadcrumb .breadcrumb-inner,body:not(.page-index) #container #content #content-inner,body.page-index #box2-inner{width: auto;padding: 10px;}
	#container .menu_block ul{display: grid;grid-template-columns: 50% 50%;}
	#container .menu_block ul li{margin:0;border:none;}
	#container .menu_block ul li:first-child{border:none;}

	body.page-index #main-inner > article.entry {float: none;margin: 10px 0;padding: 10px 0;width: 100%;}
	body.page-index #main-inner .archive-entries,body.page-index ul.entries-access-ranking, body.page-index .hatena-module-recent-entries ul,body.page-archive:not(.page-index) .archive-entries, body.page-entry .archive-entries {display:block;}
	body.page-index article.entry{background-position:center 0px;}
	body.page-index #container .menu_block{border:1px solid #CCC;}
	body.page-index ul.entries-access-ranking li,body.page-index .hatena-module-recent-entries ul li{float:none;width:auto;}
	body.page-archive:not(.page-index) #content #wrapper,body.page-entry #content #wrapper,body.page-about #content #wrapper {border: none;}
	body.page-archive:not(.page-index) #content #wrapper, body.page-entry #content #wrapper, body.page-about #content #wrapper,body.page-archive:not(.page-index) #content #box2, body.page-entry #content #box2, body.page-about #content #box2,#container .menu_block ul {float: none;padding: 0px;max-width: none;width: auto;}
	body.page-entry .entry-content p {line-height: 1.5;}
	#blog-title #blog-title-inner{padding:10px 0;}
	#blog-title-inner #title a, #blog-title #blog-description{font-size:0.8em;}
	
	/**　サイドコンテンツ　**/
	.archive-module-calendar,.archive-module-calendar table {max-width:100%;}
	.search-module-input {width:200px;}

	/**　記事内の各コンテンツ　**/
	.archive-entries .archive-entry{margin:10px 0;}
	.entry-content dl dt{width:auto;}
	.entry-content dl dd{margin:0;}
	.entry-content dl dd ul{padding:0;}
	.entry-content blockquote{margin:10px 0;}
	.pager-prev, .pager-next{width:32%;}
}
/* </system> */

/*トップ画像背景色*/
#container #container-inner #blog-title, #footer {
 background-color: #FFF!important;
}


/*フォントの設定 */
body {
font-family: "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
}


/* ==目次カスタマイズ== */
.entry-content .table-of-contents {
 position: relative;/* 相対位置 */
 font-weight: bold;/* 文字太さ */
 background: #edf5f4 !important;/*背景色（優先）*/
 padding: 0.5em 0.5em 0.5em 2em;/*ボックス内の余白*/
 border-top: 40px solid #7fdbb6;/* 枠の太さ色(上 */
 border-right: 3px solid #7fdbb6;/* 枠の太さ色(右 */
 border-bottom: 3px solid #7fdbb6;/* 枠の太さ色(下 */
 border-left: 3px solid #7fdbb6;/* 枠の太さ色(左 */
 line-height: 2.0em; /*文の行高*/
}

/* 導入タイトルの設定 */
.entry-content .table-of-contents:before {
 display: block;/* 要素を定義 */
 content: 'この記事の目次';/* 導入タイトル */
 color: ##000000;/* タイトルの文字色 */
 font-weight: bold;/* タイトルの文字太さ */
 font-size: 120%;/* タイトルの文字サイズ */
 position: absolute;/* 絶対位置 */
 top: -35px;
 left: 40px;
}

/* 番号付きリストに変更（箇条書きにする場合は削除） */
.table-of-contents ul,.table-of-contents li {
 list-style-type: decimal/* 番号付きリストへ変更 */
}

/* リンクの下線無し（下線つけたままにする場合は削除） */
.table-of-contents a {
 text-decoration:none/* リンクの下線無し */
 }


/*引用デザイン変更*/
.entry-content blockquote {
    padding: 20px 55px;
    background: rgba(245,245,245,0.8);
    color: #222;
    position: relative;
    border: solid 1px #fff;
    margin: 0.8em 0;
}

.entry-content blockquote:before {
    color: rgba(200, 200, 200, 1);
    content: \"“\";
    font-family: serif;
    font-size: 600%;
    left: 0;
    line-height: 1em;
    position: absolute;
    top: 0;
}

.entry-content blockquote:after {
    content: \"”\";
    font-family: serif;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 600%;
    color: rgba(200,200,200,1);
    line-height: 0;
}


/*SNSリンク*/
.sns-header, .sns-footer {
padding: 0 24px;
}
.sns-area {
margin: 30px auto 10px;
padding: 0;
overflow: hidden;
table-layout: fixed;
display: table;
width: 100%;
}
.sns-area li {
list-style-type: none;
display: table-cell;
vertical-align: middle;
}
.sns-area li:last-child {
margin-right: 0
}
.sns-link {
position: relative;
display: block;
color: #fff;
text-align: center;
text-decoration: none;
outline: none;
overflow: hidden;
height: 42px;
line-height: 42px;
}
.sns-link::after {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: ";
width: 0;
height: 0;
background-color: rgba(255,255,255,.3);
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.sns-link:hover {
text-decoration: none;
}
.sns-link:hover::after {
-webkit-animation: circle .75s;
animation: circle .75s;
}
@-webkit-keyframes circle {
50% {
opacity: 1;
}
100% {
width: 300px;
height: 300px;
}
}
@keyframes circle {
50% {
opacity: 1;
}
100% {
width: 300px;
height: 300px;
}
}
.sns-twitter {
background: #55acee;
}
.sns-facebook {
background: #3a5795;
}
.sns-bookmark {
background: #00A5DE;
}
.sns-pocket {
background: #ED4055;
}
.blogicon-twitter,
.blogicon-facebook,
.blogicon-bookmark,
.blogicon-chevron-down {
margin-right: 5px;
}
@media only screen and (max-width: 767px) {
.sns-txt {
display: none;
}
.blogicon-twitter,
.blogicon-facebook,
.blogicon-bookmark,
.blogicon-chevron-down {
margin-right: 0;
}

.entry-content blockquote {
    padding: 20px 55px;
    background: rgba(245,245,245,0.8);
    color: #222;
    position: relative;
    border: solid 1px #fff;
    margin: 0.8em 0;
}

.entry-content blockquote:before {
    color: rgba(200, 200, 200, 1);
    content: \"“\";
    font-family: serif;
    font-size: 600%;
    left: 0;
    line-height: 1em;
    position: absolute;
    top: 0;
}
}


/*box*/
.box23 {
    position: relative;
    margin: 2em 0 2em 40px;
    padding: 8px 15px;
    background: #fff0c6;
    border-radius: 30px;
}
.box23:before{font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    font-size: 15px;
    left: -40px;
    bottom: 0;
    color: #fff0c6;
}
.box23:after{
    font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    font-size: 23px;
    left: -23px;
    bottom: 0;
    color: #fff0c6;
}
.box23 p {
    margin: 0; 
    padding: 0;
}


/*box*/
.box29 {
    margin: 2em 0;
    background: #dcefff;
}
.box29 .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 p {
    padding: 15px 20px;
    margin: 0;
}



.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px #000000;
}
.box1 p {
    margin: 0; 
    padding: 0;
}



.box9 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #ff7d6e;
    background: #ffebe9;
    border-top: solid 10px #ff7d6e;
}
.box9 p {
    margin: 0; 
    padding: 0;
}


.box21{
    padding: 0.5em 1em;
    background: -moz-linear-gradient(#ffb03c, #ff708d);
    background: -webkit-linear-gradient(#ffb03c, #ff708d);
    background: linear-gradient(to right, #ffb03c, #ff708d);
    color: #FFF;
}
.box21 p {
    margin: 0; 
    padding: 0;
}



.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}


.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

/*文字サイズ↓*/
.entry-content {
    font-size:16px;
}



.entry-content {
   color:#333333;
}

.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}


/* 吹き出しのCSS　*/
.entry-content .l-fuki,
.entry-content .r-fuki {
position: relative;
width: 80%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 20px;
border-radius: 6px;
border: 2px solid #999;
box-shadow: 1px 1px 5px #aaa;
background-color: #fff;
z-index: 1;
}
.entry-content .l-fuki {
margin: 20px 20% 40px 0;
}
.entry-content .r-fuki {
margin: 20px 0 40px 19%;
}
.entry-content .l-fuki::before,
.entry-content .r-fuki::before {
position: absolute;
content: "";
top: 16px;
width: 10px;
height: 10px;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
background-color: #fff;
z-index: 2;
}
.entry-content .l-fuki::before {
right: -7px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.entry-content .r-fuki::before {
left: -7px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.entry-content .l-fuki::after,
.entry-content .r-fuki::after {
position: absolute;
content: "";
width: 80px;
height: 80px;
top: -10px;
border-radius: 40px;
border: 3px solid #fff;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
box-shadow: 1px 1px 5px #aaa;
}
.entry-content .l-fuki::after {
right: -110px;
}
.entry-content .r-fuki::after {
left: -110px;
}
@media screen and (max-width: 620px) {
.entry-content .l-fuki,
.entry-content .r-fuki {
width: 70%
}
.entry-content .l-fuki {
margin-right: 30%;
}
.entry-content .r-fuki {
margin-left: 30%;
}
}
@media screen and (max-width: 478px) {
.entry-content .l-fuki::after,
.entry-content .r-fuki::after {
width: 60px;
height: 60px;
border-radius: 30px;
}
.entry-content .l-fuki::after {
right: -84px;
}
.entry-content .r-fuki::after {
left: -84px;
}
}
.momiji::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/m/momijicraft/20200708/20200708202051.png);}
.aoba::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/m/momijicraft/20200708/20200708202434.png);}