@charset "UTF-8";
/*!
Theme Name: 11032_life
Description: 初心者向けのテーマ
Author: Num
Version: 1.0
*/
.content.home .aside .widget .ranking-post a img, .content.home .aside .widget .widget_modify_update a img { margin: 0; }

.content.home .aside .widget .ranking-post a, .content.home .aside .widget .widget_modify_update a { display: -webkit-box; display: -ms-flexbox; display: flex; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

html { font-size: 100%; line-height: 2em; }
.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex-column { display: -webkit-box; display: -ms-flexbox; display: flex; }
* { -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-all; }

img { width: auto; max-width: 100%; height: auto; vertical-align: bottom; margin: 0; padding: 0; }

a { color: #1a0dab; text-decoration: none; }
a:hover { opacity: 0.7; }

.time-data { text-align: right; margin: 20px auto; }
.time-data time { padding-left: 15px; position: relative; font-size: 12px; color: #666; }
.time-data time:last-child { margin-left: 10px; }
.time-data time:before { font-family: "Font Awesome 5 Free"; font-weight: 900; color: #666; font-size: 12px; position: absolute; left: 0; top: -7px; }
.time-data time.time:before { content: "\f017"; }
.time-data time.modified:before { content: "\f01e"; }

.container { overflow: hidden; }

body { max-width: 1920px; margin: 0 auto; width: 100%; font-family: "Noto Sans JP", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック"; color: #212121; background: #fff; height: 100%; background-color: #413f3f; font-size: 1em; line-height: 2em; }

h1 { font-size: 2em; line-height: 2em; margin-bottom: 1em; font-weight: 600; }
h2 { font-size: 1.5em; line-height: 2em; margin-bottom: 2em; font-weight: 600; }
h3 { font-weight: 600; margin-bottom: 4em; }

h4 { font-weight: 600; margin-bottom: 4em; }

.post_title { border-bottom: 1px solid #ccc; padding: 10px 15px; font-weight: 500; }

.header { padding: 0; }
.header_inner { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 1024px; width: 100%; }
.header_inner .siteTitleInner { background: #fff; width: 100%; padding: 25px 0; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; }.header_inner .siteTitleInner .siteTitle { display: inline-block; line-height: 0; margin: 0; font-size: 30px; padding: 10px 40px; }.header_inner .siteTitleInner .siteTitle a { display: block; margin: 15px auto 0; color: #333; font-weight: 500; }.header_inner .siteTitleInner .siteTitle a:hover { opacity: 0.5; }
.header_inner .header__nav {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;background: #c9ccd3;background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(0, 0, 0, 0.5)));background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);background-blend-mode: lighten;padding: 0 30px;/* -webkit-box-shadow: 0 4px 0 1px #ebebeb; */box-shadow: 0;/* box-shadow: 0 4px 0 1px #ebebeb; */x solid #f0eaea;}.header_inner .header__nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; }
.header_inner .header__nav ul li { width: 100%; }
.header_inner .header__nav ul li:last-child { margin-right: 0; }
.header_inner .header__nav ul li a { width: 100%; display: block; text-align: center; padding: 15px 30px; color: #fff; position: relative; background: #91091e; /*padding-left: 30px;
&::before {
	content: "\f360";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	left: 0;
	position: absolute;
}
*/ }

header .widget_search { margin: 0; }
header .widget_search .searchbox { margin: 0 auto; }
header .widget_search .s { width: 300px; }

.header .header_img { margin: 0 auto; max-width: 1024px; text-align: center; background: #fff; padding: 30px; border-right: 6px solid #d9d9d9; border-left: 6px solid #d9d9d9; }

.content { max-width: 1024px; width: 100%; margin: 0px auto 0px; background: #ffffff; border-right: 6px solid #d9d9d9; border-left: 6px solid #d9d9d9; padding: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.content.home { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }.content .main { max-width: calc(100% - 250px - 20px); margin-right: 20px; width: 100%; }
.content .main.home { margin-right: 0; max-width: 100%; }.content .aside { max-width: 250px; width: 100%; }
.content .aside.home { max-width: 100%; }.content .post_content { 		/*
		h3 {
			position: relative;
			//border-bottom: 6px solid $main-color;
			padding: 10px;
			font-weight: 500;
			background: #f4f4f4;
			margin: 30px 0;
			border-radius: 6px;
			padding: 15px;
		}
*/ /*
h3:before {
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 20%;
	height: 6px;
	content: "";
	background: $sub-color;
}
*/ }
.content .post_content .outline { padding: 20px; margin-top: 20px; display: inline-block; font-size: 0.9em; line-height: 1.5em; }
.content .post_content .outline .outline__toggle { display: none; }
.content .post_content .outline .outline__title { font-size: 14px; font-size: 18px; display: block; border-bottom: 3px solid #da723c; padding: 10px; margin: 20px auto; font-weight: 600; color: #454545; }
.content .post_content .outline .outline__switch::before { content: "開く"; cursor: pointer; border: solid 1px #d8d8d8; padding: 5px; font-size: 0.8rem; margin-left: 5px; border-radius: 5px; }
.content .post_content .outline .outline__toggle:checked + .outline__switch::before { content: "閉じる"; }
.content .post_content .outline .outline__switch + .outline__list { overflow: hidden; width: 0; height: 0; margin-top: 0; margin-left: -20px; -webkit-transition: 0.2s; transition: 0.2s; }
.content .post_content .outline .outline__toggle:checked + .outline__switch + .outline__list { width: auto; height: auto; margin-top: 20px; -webkit-transition: 0.2s; transition: 0.2s; border: none; padding-top: 1em; padding-left: 20px; }
.content .post_content .outline .outline__item:before { content: normal; }
.content .post_content .outline .outline__link { position: relative; color: #212121; line-height: 2.5; text-decoration: none; display: block; font-size: 13px; }
.content .post_content .outline .outline__link:hover { border: none; text-decoration: underline; }
.content .post_content .outline .outline__number { display: inline-block; color: #3c3c3c; background: #f7f7f7; padding: 0px 10px; font-weight: 600; font-size: 12px; margin-right: 5px; margin-bottom: 5px; }
.content .post_content .outline label.outline__switch { position: relative; float: right; }
.content .post_content .outline li .outline__item { list-style-type: none; padding: 0; }
.content .post_content .outline ul { -webkit-padding-start: 0; border: none; padding: 0; }
.content .post_content .outline ul > .outline__item { list-style-type: none; padding: 0; }
.content .post_content .outline ul > .outline__item > ul > .outline__item { padding-left: 30px; }
.content .post_content h2 { color: #fff; padding: 10px 10px 10px 10px; font-weight: 500; position: relative; background-image: -webkit-gradient(linear, left top, right top, from(#c39e5c), to(#6a5907)); background-image: linear-gradient(to right, #c39e5c 0%, #6a5907 100%); }
.content .post_content h3 { position: relative; padding: 0.5em 1.2em; border-radius: 4px; margin: 20px auto; border: 1px solid #ccc; -webkit-box-shadow: inset 1px 1px 0 white; box-shadow: inset 1px 1px 0 white; background: -webkit-gradient(linear, left top, left bottom, from(#efefef), color-stop(50%, #ffffff), color-stop(50%, #eeeeee), to(#ffffff)); background: linear-gradient(#efefef 0%, #ffffff 50%, #eeeeee 50%, #ffffff 100%); }
.content .post_content h4 { position: relative; padding: 10px; font-weight: 500; }
.content .post_content h4:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; content: ""; background-image: -webkit-repeating-linear-gradient(135deg, #91091e, #91091e 1px, transparent 2px, transparent 5px); background-image: repeating-linear-gradient(-45deg, #91091e, #91091e 1px, transparent 2px, transparent 5px); background-size: 7px 7px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.content .post_content strong { background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(60%, #ffff66)); background: linear-gradient(rgba(0, 0, 0, 0) 60%, #ffff66 60%); }
.content .post_content p { margin: 20px auto; line-height: 2; }
.content .post_content .left, .content .post_content .center, .content .post_content .right { width: 100%; }
.content .post_content .center { display: block; margin: 20px auto; max-width: 600px; }
.content .post_content .left { float: left; margin: 20px; max-width: 300px; }.content .post_content .right { float: right; margin: 20px; max-width: 300px; }.content .post_content ul { padding: 10px; }
.content .post_content ul li { padding-left: 30px; position: relative; line-height: 1.8; font-weight: 600; color: #666; font-size: 15px; }
.content .post_content ul li:before { content: "\f138"; font-family: "Font Awesome 5 Free"; font-weight: 600; position: absolute; top: 0; left: 0; }
.content .post_content ol { list-style-type: none; counter-reset: item; padding: 10px; }
.content .post_content ol li { line-height: 1.8; font-weight: 600; color: #666; padding-left: 5px; font-size: 15px; }
.content .post_content ol li:before { counter-increment: item; content: counter(item) "."; padding-right: 5px; font-weight: bold; }
.content .post_content dl dt { border-bottom: 3px solid #c39e5c; color: #333; font-weight: 600; padding: 10px; font-size: 15px; }
.content .post_content dl dd { padding: 10px; line-height: 1.8; font-size: 15px; }
.content .post_content a{
	text-decoration:underline;
}

.content .post_content a:hover{
	text-decoration:none;
}
.content .post_content aside.supplement { border-bottom: 1px solid #e0e0e0; margin: 20px auto; }
.content .post_content details.supplement { border: 1px solid #ccc; }
.content .post_content details.supplement:not(:last-child) { margin-bottom: 20px; }
.content .post_content details.supplement summary { list-style: none; cursor: pointer; padding: 20px; color: #fff; font-size: 18px; font-weight: bold; background: #c39e5c; }
.content .post_content details.supplement summary:before { font-family: "Font Awesome 5 Free"; font-weight: 600; content: "\f067"; margin-right: 20px; }
.content .post_content details.supplement p { margin: 0; padding: 20px; }
.content .post_content details[open].supplement summary { border-bottom: 1px solid #ccc; }
.content .post_content details[open].supplement summary::before { content: "\f068"; }
.content .post_content details.supplement summary::-webkit-details-marker { display: none; }
.content .post_content .paging { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 20px auto 40px; }.content .post_content .paging span.text { font-weight: 600; font-size: 15px; position: relative; }
.content .post_content .paging .left_link span.text { padding-left: 20px; }
.content .post_content .paging .left_link span.text::before { content: "\f053 "; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 600; top: -2px; left: 0; }
.content .post_content .paging .right_link span.text { padding-right: 20px; }
.content .post_content .paging .right_link span.text::before { content: "\f054 "; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 600; top: -2px; right: 0; }
.content .post_content .paging .left_link { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 5px auto 5px 5px; }.content .post_content .paging .left_link a { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }.content .post_content .paging .left_link a span { margin-left: 20px; max-width: calc(100% - 120px); }
.content .post_content .paging .right_link { text-align: right; margin: 5px 5px 5px auto; }.content .post_content .paging .right_link a { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }.content .post_content .paging .right_link a .img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
.content .post_content .paging .right_link a span { margin-right: 20px; max-width: calc(100% - 120px); }
.content .post_content .paging .left_link a, .content .post_content .paging .right_link a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: 1px solid #dadada; padding: 8px 10px; color: #525252; font-size: 14px; letter-spacing: 1.3px; text-decoration: none; background: #fefefe; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), color-stop(51%, #f5f5f5), to(#efefef)); background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 51%, #efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#efefef', GradientType=0); display: block; width: 250px; text-align: left; line-height: 1.5; display: -webkit-box; display: -ms-flexbox; display: flex; }
.content .post_content .paging .left_link a:hover, .content .post_content .paging .right_link a:hover { opacity: 0.7; }
.content .post_content .paging .left_link a img, .content .post_content .paging .left_link a amp-img, .content .post_content .paging .right_link a img, .content .post_content .paging .right_link a amp-img {    font-family: 'object-fit: cover;';
    object-fit: cover; width: 80px; height: 80px; }
.content .post_content .recommend_title { font-size: 20px; text-align: center; margin: 30px auto; padding: 15px; position: relative; font-weight: 500; color: #fff; line-height: 1.5; background: #91091e; }
.content .post_content .related-entry { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; padding: 10px 0; border-bottom: 1px solid #ccc; }
.content .post_content .related-entry .related-entry-thumb { width: 100px; }
.content .post_content .related-entry .related-entry-thumb img {width: 100px;height: 100px;max-width: 100px;font-family: 'object-fit: cover;';object-fit: cover;}
.content .post_content .related-entry .related-entry-content { margin-left: 50px; }
.content .post_content .related-entry-title { margin-bottom: 5px; }
.content .post_content .related-entry-title a { font-weight: 600; text-decoration: none; line-height: 1.5; color: #212121; }.content .post_content .related-entry-title a:hover { text-decoration: underline; }
.content .post_content .related-entry-snippet { margin: 5px auto; font-size: 12px; }.content .post_content .related-entry-read { margin: 0 auto 25px; font-size: 12px; padding: 0; text-align: right; }.content .post_content .related-entry-read a { font-weight: 500; color: #fff; background: #666; padding: 10px; letter-spacing: 0.8px; border-radius: 4px; }
.content .archive ul.list { margin: 20px auto; }
.content .archive ul.list li { margin-bottom: 30px; padding: 10px 10px 40px 10px; border-bottom: 1px solid #ccc; }
.content .archive ul.list li section { display: -webkit-box; display: -ms-flexbox; display: flex; }
.content .archive ul.list li section .list-box img {max-width:200px;width:200px; height:150px; max-height:150px; font-family: 'object-fit: cover;';
object-fit: cover;}
.content .archive ul.list li section .list-container { margin-left: 10px; }
.content .archive ul.list li section .list-container time { display: inline-block; min-width: 100px; color: #6a6a6a; }
.content .archive ul.list li section .list-container .cat-data { display: inline-block; min-width: 50px; text-align: center; background: #009499; color: #fff; border-radius: 2px; padding: 3px 5px; }
.content .archive ul.list li section .list-container h2 a { color: #212121; display: block; margin: 10px auto; font-size: 18px; line-height: 1.5; }
.content .archive ul.list li section .list-container p { margin: 20px auto; line-height: 1.5; color: #6a6a6a; }
.content .archive .pagination { margin: 10px 0; text-align: center; padding-bottom: 25px; }
.content .archive .pagination .next, .content .archive .pagination .prev { border-radius: 0; margin: 0; }
.content .archive .pagination .next:first-child, .content .archive .pagination .prev:first-child { float: left; text-align: left; }
.content .archive .pagination .next:last-child, .content .archive .pagination .prev:last-child { float: right; text-align: right; }
.content .archive .pagination .next:hover, .content .archive .pagination .prev:hover { text-decoration: underline; opacity: 0.7; }
.content .archive .pagination a { background: white; padding: 8px 13px; border: 1px solid #f5f5f5; -webkit-box-shadow: 2px 2px 3px #ccc; box-shadow: 2px 2px 3px #ccc; color: #666; font-size: 14px; border-radius: 50%; -webkit-transition: all 0.2s; transition: all 0.2s; }
.content .archive .pagination a:hover { background: #ccc; color: #fff; -webkit-box-shadow: none; box-shadow: none; border-color: #ccc; }
.content .archive .pagination .current { color: #fff; font-size: 14px; border-radius: 50%; text-decoration: none; padding: 2px 14px; color: #ffffff; font-size: 14px; font-weight: 500; border-radius: 50%; background: #91091e; margin: 0 5px; display: inline-block; }
.content .aside .side_title { border-bottom: 3px double #ccc; padding: 5px 10px; margin-bottom: 10px; }
.content .aside .widget .rank-count { left: 5px; position: absolute; top: 5px; background: #333; color: #fff; width: 25px; height: 25px; line-height: 25px; padding: 0 8px; }.content .aside .widget ul { margin-bottom: 20px; }
.content .aside .widget ul li { padding: 5px; border-bottom: 1px dotted #ccc; }
.content .aside .widget ul li a { color: #333; font-size: 14px; }
.content .aside .widget .ranking-post, .content .aside .widget .widget_modify_update { max-width: 100%; }
.content .aside .widget .ranking-post ul, .content .aside .widget .widget_modify_update ul { padding: 0; list-style: none; }
.content .aside .widget .ranking-post li, .content .aside .widget .widget_modify_update li { position: relative; margin-top: 10px; border-bottom: dotted 1px #ddd; -webkit-transition: all 0.2s; transition: all 0.2s; }
.content .aside .widget .ranking-post li:hover, .content .aside .widget .widget_modify_update li:hover { opacity: 0.6; }
.content .aside .widget .ranking-post li.clr, .content .aside .widget .widget_modify_update li.clr { display: block; clear: both; }.content .aside .widget .ranking-post li.clr:after, .content .aside .widget .widget_modify_update li.clr:after { height: 0; clear: both; font-size: 0px; display: block; content: ""; }
.content .aside .widget .ranking-post a, .content .aside .widget .widget_modify_update a { display: block; text-decoration: none; color: #333; padding: 0; }
.content .aside .widget .ranking-post a:before, .content .aside .widget .widget_modify_update a:before { display: none; }
.content .aside .widget .ranking-post a:after, .content .aside .widget .widget_modify_update a:after { display: block; clear: both; content: ""; position: relative; border: none; }
.content .aside .widget .ranking-post a:hover, .content .aside .widget .widget_modify_update a:hover { text-decoration: none; }
.content .aside .widget .ranking-post a .side-text, .content .aside .widget .widget_modify_update a .side-text { font-size: 0.9em; margin-left: 10px; line-height: 1.5; max-width: 100%; }
.content .aside .widget .ranking-post a .side-text p, .content .aside .widget .widget_modify_update a .side-text p { margin: 10px auto 0; line-height: 1.8; }
.content .aside .widget .ranking-post a img, .content .aside .widget .widget_modify_update a img {font-family: 'object-fit: cover;';
object-fit: cover; display: block; margin: 0 auto; max-width: 250px; }
.content .aside .widget .ranking-post a .cat-data, .content .aside .widget .widget_modify_update a .cat-data { margin: 5px 0 0 auto; padding: 5px 5px; display: inline-block; color: #fff; background: #91091e; max-width: 85px; text-align: center; border-radius: 2px; font-size: 11px; top: -5px; right: 15px; position: absolute; }
body .content .sitemap { margin: 20px auto; padding: 10px; }
body .content .sitemap h2 { margin-top: 20px; }
body .content .sitemap ul { margin: 5px auto 50px; padding: 0; }
body .content .sitemap ul li { list-style: none; margin-left: 30px; }
body .content .sitemap ul li::before, body .content .sitemap ul li::after { display: none; }
body .content .sitemap ul li a { color: #333; }
body .content .sitemap > ul > li { margin-left: 0; line-height: 1.5; }
body .content .sitemap > ul > li > a { display: block; padding: 10px 10px 10px 60px; background: #ffffff; border-radius: 2px; margin: 10px auto; font-size: 18px; text-decoration: none; position: relative; border-bottom: 1px dotted #ccc; font-weight: 500; }
body .content .sitemap > ul > li > a:before { content: ""; position: absolute; width: 25px; height: 25px; border-radius: 2px; top: 10px; left: 15px; background: #91091e; }
body .content .sitemap > ul > li > a:after { content: ""; position: absolute; top: 20px; left: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 5px; height: 5px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
body .content .sitemap > ul > li li { line-height: 1.5; }
body .content .sitemap > ul > li li > a { font-size: 16px; padding-left: 30px; display: block; margin: 20px auto; position: relative; line-height: 1.5; font-weight: 500; }
body .content .sitemap > ul > li li > a::before, body .content .sitemap > ul > li li > a::after { content: ""; position: absolute; top: 8px; left: 0; }
body .content .sitemap > ul > li li > a::before { -webkit-box-sizing: border-box; box-sizing: border-box; width: 16px; height: 16px; border-radius: 2px; background: #9f9f9f; }
body .content .sitemap > ul > li li > a::after { left: 3px; width: 5px; height: 5px; top: 13px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.contact { margin: 20px auto; }
.contact label { color: #5b5b5b; font-weight: 600; margin-bottom: 5px; display: inline-block; }
.contact span { color: #d80202; font-size: 11px; font-weight: 600; letter-spacing: 0.5px; }
.contact form > div { margin-bottom: 20px; }
.contact input { width: 100%; height: 35px; line-height: 1.5; margin: 5px auto; font-size: 15px; border: 3px solid #eaeaea; }
.contact input[type~="submit"] { height: 40px; line-height: 1.5; color: #fff; -webkit-box-shadow: 2px 2px 3px #dfdfdf; box-shadow: 2px 2px 3px #dfdfdf; background: #91091e; }
.contact textarea { width: 100%; border: 3px solid #dfdfdf; }
.contact select { padding: 5px; border: 3px solid #dfdfdf; font-size: 14px; color: #5b5b5b; }

.breadcrumbsinner { background: #c39e5c; margin: 0 auto; padding: 20px 40px; color: #fff; max-width: 1024px; }
.breadcrumbsinner ul.breadcrumbs {display:flex; padding: 0; margin: 0 auto; max-width: 1024px; }
.breadcrumbsinner ul.breadcrumbs li { display: inline-block; font-weight: 500; line-height: 1.8; }
.breadcrumbsinner ul.breadcrumbs li a { color: #fff; font-weight: 500; text-decoration: none; }
.breadcrumbsinner ul.breadcrumbs li span { padding-left: 28px; position: relative; font-size: 14px; color: #fff; }
.breadcrumbsinner ul.breadcrumbs li span:before { content: ""; position: absolute; top: 5px; left: 10px; width: 5px; height: 5px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.breadcrumbsinner ul.breadcrumbs li:first-child span { padding-left: 0; }
.breadcrumbsinner ul.breadcrumbs li:first-child span:before { display: none; }

#page-top { position: fixed; bottom: 20px; right: 20px; z-index: 9; }
#page-top a { display: block; }
#page-top a i { font-size: 30px; font-weight: bold; position: relative; color: #ffffff; padding: 10px 12px; background: #333; }
#page-top a:hover { opacity: 0.7; }

.content .post_content .share ul.sns_btn { border: none; padding: 0; margin: 20px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.content .post_content .share ul.sns_btn li { padding: 0; margin: 0; width: 100%; }
.content .post_content .share ul.sns_btn li:before { display: none; }
.content .post_content .share ul.sns_btn li a { display: block; position: relative; max-width: 100%; height: 50px; line-height: 50px; color: #fff; text-align: center; padding: 5px; font-weight: 600; font-size: 15px; letter-spacing: 0.8px; }
.content .post_content .share ul.sns_btn li a:hover { text-decoration: none; opacity: 0.7; }
.content .post_content .share ul.sns_btn li a i { font-size: 25px; }
.content .post_content .share ul.sns_btn li.facebook a { background: #3b5998; }
.content .post_content .share ul.sns_btn li.tweet a { background: #1da1f2; }
.content .post_content .share ul.sns_btn li.pocket a { background: #ef3f56; }
.content .post_content .share ul.sns_btn li.hatena a { background: #008fde; text-decoration: none; }
.content .post_content .share ul.sns_btn li.hatena a i { font-style: normal; position: relative; top: -3px; }
.content .post_content .share ul.sns_btn li.feed a { background: #ff8c00; }

.footer { background: #212121; color: #fff; }.footer_inner { max-width: 1024px; width: 100%; margin: 0 auto; }
.footer_inner .footer__nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.footer_inner .footer__nav ul li { margin-right: 10px; }
.footer_inner .footer__nav ul li:last-child { margin-right: 0; }
.footer_inner .footer__nav ul li a { font-size: 12px; color: #fff; }
.footer_inner small span { display: block; font-size: 12px; text-align: center; }
.footer_inner small span a { color: #fff; }

.widget_search { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0px auto; padding: 0; }

.searchform { position: relative; }

.widget_search .s { font-size: 14px; width: 100%; margin: 3px; padding: 10px; border: solid 3px #e5e5e5; background-color: #ffffff; }
.widget_search .searchsubmit {font-family: "Font Awesome 5 Free";font-weight: 600;font-size: 1.4em;position: absolute;top: 3px;right: 3px;padding: 10px;cursor: pointer;color: #6297f5;border: none;height: 40px;width: 40px;background: rgba(204, 204, 204, 0.3);}

.searchbox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: none; border-radius: 6px; position: relative; padding: 0; margin: 10px auto 0; }
.searchbox:before { content: "\f002"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #546e7a; position: absolute; cursor: pointer; font-size: 22px; right: 3px; top: 3px; height: 40px; padding: 0; line-height: 40px; border-radius: 0 6px 6px 0px; background: none; padding: 0 10px 0 10px; background: #d8d7d7; width: 25px; }

@media screen and (min-width: 1025px) { .pcNone { display: none; } }

@media screen and (max-width: 1024px) { .spNone { display: none; }  .flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }  .header_inner .siteTitleInner {-ms-flex-pack: distribute;justify-content: space-around;padding: 15px 0 0;}  .header_inner .siteTitleInner .siteTitle a { margin: 10px; line-height: 1.5; }  .header_inner .header__nav { display: none; }  .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }  .content { padding: 20px; }  .content .main { margin-right: 0; max-width: 100%; }  .content .aside { max-width: 100%; }  .content .post_content .left { float: none; margin: 20px auto; display: block; }  .content .post_content .right { float: none; margin: 20px auto; display: block; }  .content .post_content .paging { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }  .content .post_content .paging .left_link { margin: 5px; }  .content .post_content .paging .left_link a { width: 100%; }  .content .post_content .paging .right_link { margin: 5px; }  .content .post_content .paging .right_link a { width: 100%; }  .content .post_content .related-entry-title a { font-size: 16px; }  .content .post_content .related-entry-snippet { display: none; }  .content .post_content .related-entry-read { display: none; }  .content .aside .widget .modify_date { display: none; }  .content .aside .widget .ranking-post li.clr, .content .aside .widget .widget_modify_update li.clr { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .content .aside .widget .ranking-post li.clr a, .content .aside .widget .widget_modify_update li.clr a { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .content .aside .widget .ranking-post li.clr a img, .content .aside .widget .widget_modify_update li.clr a img { max-width: 100px; width: 100%; height: 60px; }  .content aside .widget .ranking-post a .cat-data, .content aside .widget .widget_modify_update a .cat-data { display: none; }  .footer { padding: 0 20px; }  .scroll-prevent { overflow: hidden; }
  .header_spNav {padding: 0px;display:block;margin-top: 0px;margin-left:auto;padding-right:10px;}
  .l-drawer { position: relative; width: 50px; margin-left: auto; }
  .l-drawer__checkbox { display: none; }
  .l-drawer__text { position: absolute; right: 0; left: 14px; bottom: 0; margin: auto; font-size: 10px; color: #333; }
  .l-drawer__icon { cursor: pointer; display: block; width: 56px; height: 60px; position: absolute; }
  .l-drawer__icon-parts, .l-drawer__icon-parts:before, .l-drawer__icon-parts:after { background-color: #333; display: block; width: 26px; height: 2px; position: absolute; right: 0; left: 0; bottom: 0; margin: auto; top: -10px; }
  .l-drawer__icon-parts:before, .l-drawer__icon-parts:after { content: " "; }
  .l-drawer__icon-parts:before { top: 16px; }
  .l-drawer__icon-parts:after { top: -16px; }
  .l-drawer__overlay { opacity: 0; pointer-events: none; width: 100%; height: 100%; position: fixed; top: 0; right: 0; }
  .l-drawer__menu { background: #ffffff; max-width: 100%; width: 320px; height: 100vh; overflow-y: auto; -webkit-overflow-scrolling: touch; position: fixed; top: 0; right: -320px; }
  .l-drawer__icon { z-index: 34; }
  .l-drawer__menu { z-index: 31; }
  .l-drawer__overlay { z-index: 30; }
  .l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts, .l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:after, .l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:before { right: 0; }
  .l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__text { display: none; }
  .l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts { background: transparent; }
  .l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 0; background: #fff; }
  .l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 0; background: #fff; }
  .l-drawer__checkbox:checked ~ .l-drawer__overlay { opacity: 0.3; pointer-events: auto; }
  .l-drawer__checkbox:checked ~ .l-drawer__menu { right: 0; height: 100%; }
  .l-drawer__icon-parts, .l-drawer__icon-parts:after, .l-drawer__icon-parts:before, .l-drawer__overlay, .l-drawer__menu { -webkit-transition: all 0.7s; transition: all 0.7s; }
  .l-drawer .l-drewer_title { color: #fff; font-size: 23px; padding: 20px; position: fixed; width: 100%; z-index: 99; background: #c39e5c; }
  .l-drawer .l-drewer-subtitle { color: #fff; background: #91091e; padding: 15px; margin: 20px auto; font-weight: 500; padding-left: 25px; }
  .l-drawer .l-drewer-container { padding: 70px 0; }
  .l-drawer .l-drewer-content { padding: 0 20px; }
  .l-drawer .l-drewer-content .searchform { margin-top: 30px; }
  .l-drawer .l-drewer-content .searchform::before { right: 19px; }
  .l-drawer nav ul li { margin-bottom: 5px; border-bottom: 1px solid #ccc; }
  .l-drawer nav ul li a { font-size: 16px; padding: 15px; display: block; } }

@media screen and (min-width: 551px) { .mobNone2 { display: none; } }

@media screen and (max-width: 550px) { .mobNone { display: none; }  h1 { font-size: 1.3em; } }

@media screen and (max-width: 768px) { h1 { font-size: 1.5em; }  h2 { font-size: 1em; }  .header_inner .siteTitleInner .siteTitle { font-size: 16px; padding: 10px; }
.content .archive ul.list li section{
	flex-direction:column;
}
.content .archive ul.list li section .list-box img{
	margin:0 auto;
	display:block;
}
#page-top {
bottom:80px;}
.footer_inner small span{
  line-height:1.5;
  padding:10px 0;
}
 }