@charset "utf-8";
/* :root{
	--bs-font-sans-serif: -apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
} */
	*{
margin: 0;
padding: 0;
}
body{
	overflow-x: hidden;
	}
h1,h2,h3,h4,h5,h6,p{
margin-bottom: 0;
}
input[type="submit"]{
	padding:10px  20px;
}
.row {
margin: 0;
}
@media (max-width: 768px) {
.col-md-4{
	margin-top: 30px;
}
	.row{
--bs-gutter-x: 0;	}
}
h1{
margin:0px 0px 0px 0px;
text-decoration: none;
vertical-align:middle;
}
/* *:focus {
	color : inherit;
}
*:active {
	color : inherit;
} */
@media screen and (max-width: 500px) {
	body {
		overflow-wrap: break-word;
	}
}

a {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	cursor:pointer;
	outline: none;
}
.container{
margin-right: auto;
margin-left: auto;
}
.main-container{
margin-right: auto;
margin-left: auto;
margin-top: 15px;
margin-bottom: 15px;
padding-top: 20px;
padding-bottom: 30px;
}

.single-post-category a{
	white-space: nowrap;
}
.single-post-category::before,
.single-post-tags::before,
[class*="span-icon"]::before{
    padding-right:3px;
}
.sitename{
font-size: 30px;
text-decoration: none;
line-height: 40px;
width: 100%;
}
.sitename a {
vertical-align: top;
color:#000;
text-decoration: none;
padding: 0;
margin: 0;
}
a .link-line-none {
text-decoration: none;
}
.float_none {
clear: both;
margin: 0;
}
img .noimg-150x150 {
width: 150px;
height: 150px;
object-fit: cover;
margin: 0;
padding: 0;
}
.noimg-320x180 {
width: 100%;
object-fit: cover;
margin: 0;
padding: 0;
}
.article-img-320x180{
width: 100%;
object-fit: cover;
margin: 0;
padding: 0;
}
.commentlist {
list-style-type: none;
padding-left : 0;
}

.children {
list-style-type: none;
}

.commentlist .reply {
text-align: right;
}

.comment-respond {
padding: 10px;
margin: 10px;
border: solid 1px #cccccc;
}

.comment-respond #comment {
width: 100%;
border: solid 1px #cccccc;
}

.comment-form #author{
width: 100%;
display: block;
border: solid 1px #cccccc;
}
.comment-form #email{
width: 100%;
display: block;
border: solid 1px #cccccc;
}

.comment-respond #url {
width: 100%;
display: block;
border: solid 1px #cccccc;
}



.comment-respond #submit {
margin: 25px auto;
display: inline-block;
color: #000;
padding: 5px 5px;
border-radius: 5px;
font-size: 1.2em;
width: 50%;
max-width: 100%;
}
.comment-respond #submit:hover {
background-color: #ffffff;
}
.form-submit{
text-align: center;
}
/* .bypostauthor >.comment-body  {  background-color: #f1f1f1;} */


.main-contents{
margin-bottom: 25px;
}
.main-contents::after{
	display: block;
	clear: both;
	content: '';
}

/******************************************************************
Required WordPress CSS
*******************************************************************/


.sidebar .wp-block-latest-comments{
padding-left: 0;
}
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}

.alignleft {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.alignright {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}


.wp-caption {
display: block;
padding-top: 4px;
border: 1px solid #ccc;
text-align: center;
max-width: 100%;
margin-top: 2px;

}

.wp-caption-text {
display: inline-block;
font-size: 90%;
margin: 2px;
}

img[class*="wp-image-"], img[class*="attachment-"] {
max-width: 100%;
height: auto;
}
.gallery-caption ,.wp-caption-text {
font-size: 90%;
}

/* .wp-block-image.alignfull, */
/* .wp-block-cover.alignfull, */
.alignfull{
    width: 100vw;
    margin: 0 calc(50% - 50vw);

}


div.alignwide{
	max-width: 100%;
}

/*******************************************************
ウィジェット
********************************************************/
/* wpカレンダー */
#wp-calendar {
background-color: #fff;
}
.wp-calendar-nav{
margin-bottom: 25px;
background-color: #fff;
}
#wp-calendar #today {
background: floralwhite;
}

.wp-calendar-table caption{
caption-side:top ;
text-align: center;
background-color: #fff;
border: 1px solid gainsboro;
padding: 5px;
}
/* アーカイブ */
.wp-block-archives select{
padding: 5px;
width: 100%;
max-width: 100%;
}
.wp-block-archives{
margin-bottom: 20px;
}
.wp-block-categories select {
	padding: 5px;
	width: 100%;
	max-width: 100%;
}
/* タグクラウド */
.widget_tag_cloud >.is-style-outline a{
display: flex;
width: 100%;
flex: 1;
white-space: nowrap;
text-align: center;
}

.sidebar ul {
list-style-type: none;
padding-left:0;
}
.sidebar ul a{
text-decoration: none;
}
.sidebar ul li{
padding-top:5px;
padding-bottom: 5px;
}
.sidebar ul li ul{
padding-left:20px;
}

.widget_recent_comments ol {
padding-left: 0;
}
.widget_recent_comments >.has-avatars li{
border:1px solid gainsboro;
padding: 5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}

.sidebar .wp-block-latest-posts__featured-image{
float: left;
padding-right: 10px;
}
.sidebar .wp-block-latest-posts__featured-image li{
clear: both;
}

.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}

@media (max-width: 768px) {
	.sidebar{
	padding-right: none;
	padding-left:none;
	}
	}
/*******************************************************
メニュー PC
********************************************************/
@media (min-width: 768px) {
/* メニューバーの装飾 */
.drawer {
padding: 0;
}
.global-menu ul{
	list-style-type: none;

}
ul.global-menu {
padding-left: 0;
text-align: center;
display: table;
margin-bottom: 0;

}

/* メインメニュー項目の装飾 */
ul.global-menu li {
display: table-cell;
list-style-type: none;
position: relative;
z-index: 3;

}

ul.global-menu li a {
color: #313131;
text-align: center;
text-decoration: none;
display: block;
padding: 0.5rem 1rem;
border-color: transparent;
}
ul.global-menu li a:hover {
/* background-color: ghostwhite; */
color: #313131;
}

/* ▼サブメニューは、とりあえず非表示にしておく */
ul.global-menu ul {
display: none;
}
/* サブメニューの装飾 */
ul.global-menu ul {
display: none;
margin: 0px;
padding: 0px;
position: absolute;

}

/* サブメニューがある場合に開く処理 */
/* ※サブメニューが1階層しか存在しない場合の記述 */
ul.global-menu li:hover > ul {
	display: block;
}
/* サブメニュー項目の装飾 */
ul.global-menu ul li {
/* display: inline-block; */
display: block;
white-space: nowrap;
width: 100%;
border: none;
border-top: none;
border-bottom: none;
margin-left: 0px;
text-shadow: none;
padding: 0;

}

ul.global-menu ul li a {
	display: block;
line-height: 25px;
text-align: left;
padding-left: 5px;
font-weight: normal;
/* background-color: #ffffff; */
border: none;
border-top: none;
border-bottom: none;
}

.header-type-fixed-sticky ul.global-menu ul li a {
border: none;
border-top: none;
border-bottom: none;
}

ul.global-menu ul li a:hover {
display: block;
/* background-color: whitesmoke; */
/* color: #000; */
border: none;
border-top: none;
border-bottom: none;
}

.header-type-fixed-sticky ul.global-menu ul li a:hover {
	border: none;
	border-top: none;
	border-bottom: none;
	}

/* ▼3階層目以降(孫メニュー以降)の装飾 */
/* ※下ではなく横(右)に表示します。 */
ul.global-menu ul ul {
margin: 0px;
padding: 0px;
display: none;
position: absolute;
top: 0px;
left: 100%;
/* right: 100%; */
}
}

/*******************************************************
メニュー mobile
********************************************************/
/* ここから下がハンバーガーメニュー に関するCSS */
.drawer-hidden {
display: none;
}

/* アイコンがクリックされたら初期アイコンを非表示 */
#drawer-check:checked ~ .drawer-open span::before {
display:none;
}
@media (max-width: 768px) {
/* チェックボックスを非表示 */
/* ハンバーガーアイコン外枠 */
.drawer-open {
display: flex;
height: 3.5rem;
width: 3.5rem;
justify-content: center;
align-items: center;
position: absolute;
top: 0rem;
right: 0rem;
color: #F8F8F8;
border: 1px solid dimgray;
z-index: 100;
cursor: pointer;
color: #000;
}

/* 初期状態のアイコン(menu) */
.drawer-open span:before {
font-size: 2rem;
display: inline-block;
content: "\f0c9";
font-family: "Font Awesome 6 Free";
font-weight: 900;

}

/* アイコンがクリックされたら初期アイコンを非表示 */
#drawer-check:checked ~ .drawer-open span::before {
display:none;
}

/* アイコンがクリックされたら「閉じる」アイコンを表示 */
#drawer-check:checked ~ .drawer-open span::after {
font-size: 2rem;
display: inline-block;
transition: 0.5s;
content: '\f00d';
font-family: "Font Awesome 6 Free";
font-weight: 900;
}
/* メニュー(非表示中)*/
.drawer-content {
width: 100%;
height: 100%;
position: fixed;
top: 0;
right: 100%;
z-index: 50;
background: #F8F8F8;
transition: 0.5s;
margin: 0;
padding-top: 5rem;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer-check:checked ~ .drawer-content {
left: 0;
}

ul.global-menu {
width: auto;
margin: 0px;
padding: 0px 0px 0px 0px;
}

/* メインメニュー項目の装飾 */
ul.global-menu li {
list-style-type: none;
position: relative;
}
ul.global-menu li a {
/* background-color: white; */
color: dimgray;
text-align: left;
text-decoration: none;
display: block;
text-shadow: none;
}
ul.global-menu li a:hover {
/* background-color: ghostwhite; */
/* color: #000; */
}

/* ▼サブメニューは、とりあえず非表示にしておく */
ul.global-menu ul {
display: none;
}
/* サブメニューの装飾 */
ul.global-menu ul {
display: none;
margin: 0px;
padding: 0px;
position: absolute;
}

/* サブメニューがある場合に開く処理 */
/* ※サブメニューが1階層しか存在しない場合の記述 */
ul.global-menu li:hover > ul {
		display: block;
		position: relative;
}
/* サブメニュー項目の装飾 */
ul.global-menu ul li {
white-space: nowrap;
width: 100%;
}
ul.global-menu ul li a {
right: 100%;
/* background-color: whitesmoke; */
text-align: left;
padding-left: 20px;
font-weight: normal;
}
ul.global-menu ul li a:hover {
/* background-color: white; */
/* color: dimgray; */
}
/* 3階層目以降(孫メニュー以降)の装飾 */
/* ※下ではなく横(右)に表示します。 */
ul.global-menu ul ul {
margin: 0px;
padding: 0px;
display: none;
position: absolute;
}
}

/* ----------------------------------- */
/* SNS関係のCSS　 */
/* ----------------------------------- */
@media (min-width: 768px) {
.sns-share-contents {
	color:white;
	padding: 0;
	margin: 1px;
	display: flex;
}
.sns-share-box{
	text-align: right;
	display: inline;
	width: 100%;
		flex-wrap: wrap; 
	flex: 1;
	margin: 1px;
}
}

.sns-share-contents{
display: flex;
flex-wrap: wrap;
margin-bottom: 25px;

}
.sns-share-box{
margin: 1px;
flex: 1 1 80px;
text-align: center;
justify-content: center;
align-items: center;
line-height: 1.5;
}

.sns-share-contents .btn:focus {
box-shadow:none;
}

.sns-share-contents a,
.sns-share-contents button {
color:white;
}
.sns-share-contents a:hover,
.sns-share-contents button:hover

{
color:white;
font-weight:bold;
}
.sns-btn-copy {
color: #fff;
border: #000;
border-radius: 5px;
/* height: 38px; */
}

/* ブランドカラー */
.sns-btn-twitter {background: #1DA1F2;}
.sns-btn-facebook {background: #3b5998;}
.sns-btn-hatena-bookmark {background: #00a4de;}
.sns-btn-pocket {background: #ee4056;}
.sns-btn-line {background: #00b900;}
.sns-btn-pinterest {background: #bd081c;}
.sns-btn-linkedin {background: #0077b5;}
.sns-btn-copy {background: #000;}
.sns-btn-instagram {background: #cf2e92;}
.sns-btn-youtube {background: #da1725;}
.sns-btn-twitch {background: #6441a4;}
.sns-btn-github {background: #4183c4;}
.sns-btn-codepen {background: #000;}
.sns-btn-feedly {background: #6CC655;}
.sns-btn-rss {background:#ee802f;}
.sns-btn-tiktok {background:#000000;}

.sns-color-twitter {color: #1DA1F2;}
.sns-color-facebook {color: #3b5998;}
.sns-color-hatena-bookmark {color: #00a4de;}
.sns-color-pocket {color: #ee4056;}
.sns-color-line {color: #00b900;}
.sns-color-pinterest {color: #bd081c;}
.sns-color-linkedin {color: #0077b5;}
.sns-color-copy {color: #000;}
.sns-color-instagram {color: #cf2e92;}
.sns-color-youtube {color: #da1725;}
.sns-color-twitch {color: #6441a4;}
.sns-color-github {color: #4183c4;}
.sns-color-codepen {color: #000;}
.sns-color-feedly {color: #6CC655;}
.sns-color-rss {color:#ee802f;}
.sns-color-tiktok {color:#000000;}
.sns-color-amazon-list {color:#ff9900;}
.sns-color-rakuten-room {color:#bf0000;}

a:hover.sns-color-twitter {color: #1DA1F2;}
a:hover.sns-color-facebook {color: #3b5998;}
a:hover.sns-color-hatena-bookmark {color: #00a4de;}
a:hover.sns-color-pocket {color: #ee4056;}
a:hover.sns-color-line {color: #00b900;}
a:hover.sns-color-pinterest {color: #bd081c;}
a:hover.sns-color-linkedin {color: #0077b5;}
a:hover.sns-color-copy {color: #000;}
a:hover.sns-color-instagram {color: #cf2e92;}
a:hover.sns-color-youtube {color: #da1725;}
a:hover.sns-color-twitch {color: #6441a4;}
a:hover.sns-color-github {color: #4183c4;}
a:hover.sns-color-codepen {color: #000;}
a:hover.sns-color-feedly {color: #6CC655;}
a:hover.sns-color-rss {color:#ee802f;}
a:hover.sns-color-tiktok {color:#000000;}
a:hover.sns-color-amazon-list {color:#ff9900;}
a:hover.sns-color-rakuten-room {color:#bf0000;}
.fontawesome-free {
font-family: "Font Awesome 5 free";
font-weight: 400;
}
.fontawesome-brand {
font-family: "Font Awesome 5 Brands";
font-weight: 400;
}

.comments-pagination,.nav-links .pagination,.nav-links {
display: flex;
width: 100%;
justify-content: center;
}
nav .page-numbers{
text-decoration: none;
font-size: 16px;
display: inline-flex;
width: 50px;
height: 50px;
margin: 1px;
border-radius: 3px;
border: solid 1px gray;
justify-content: center;
align-items: center;
}
/* .page-numbers:hover{
background-color: #CCC;
} */



.sticky-navigation {
position: -webkit-sticky;
position: sticky;
top:0;
z-index: 400;
}

.campaign-bar {
max-width: 100%;
padding: 5px;
}
.campaign-link{
padding-left: 10px;
padding-right: 10px;
border-style:solid ;
border-width: 1px;
margin-left: 10px;
margin-right: 10px;
}
.campaign-bar a{
text-decoration: none;
}

.page-feed {
margin-top: 25px;
margin-bottom: 25px;
}

.page-feed-link{
	display: block;
	text-decoration: none;

}

.page-feed-box {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
margin: 1px;
padding: 5px;
border: 1px solid #cccccc;
}

.page-feed-box img{
margin: 0;
}
.page-feed-box figure{
	margin: 0;
	}
.page-feed-left {
text-align:left;
}

.page-feed-right {
text-align:right;
}
.page-feed-box p.page-next {
text-align: right;
margin-bottom: 0;
padding: 1px;

}
.page-feed-box p.page-prev {
text-align: left;
margin-bottom: 0;
padding: 1px;
}
.comment-lists-box{
	padding: 10px;
}

.comment-body {
padding: 5px;
margin: 10px;
}
.navigation-box {
	display: flex;
	justify-content: space-between;
}
.navigation-left-box{
display: inline-block;
text-align: left;
}
.navigation-right-box{
display: inline-block;
text-align: right;
}

.sns-follow-icon a{
text-decoration: none;
}


/* icomoonアイコン表示 */
/* .span-icon-date-published::before{
content: "\e921";
font-family: "icomoon";
}
.span-icon-date-modified::before{
content: "\e920";
font-family: "icomoon";
}
.span-icon-home::before{
content: "\e909";
font-family: "icomoon";

}
.single-post-category::before,
.span-icon-category::before{
content: "\e91a";
font-family: "icomoon";
}
.single-post-tags::before,
.span-icon-tag::before{
content: "\e90e";
font-family: "icomoon";
}
.span-icon-author::before{
content: "\e90a";
font-family: "icomoon";
}
.span-icon-archive::before{
content: "\e96a";
font-family: "icomoon";
}
.span-icon-search::before{
content: "\e917";
font-family: "icomoon";
}
.span-icon-calendar::before{
content: "\e933";
font-family: "icomoon";
} */

.text-end{
margin: 0;
padding: 0;
margin-left: 0;
padding-left: 0;
}
time{
margin: 0;
padding: 0;
margin-left: 0;
padding-left: 0;
}
/* [class^="fa-"], [class*="fa-"] {
	font-family: 'Font Awesome 5 FREE' !important;
	font-weight:900 !important;
} */

/********************************************************
タイトル
*********************************************************/

.title-navigation-box {
display: flex;
justify-content: space-between;
}
.justify-content-none {
justify-content: flex-start;

}
.title-navigation-left-box{
display: inline-block;
vertical-align: top;
text-align: left;
margin-right: 10px;
}
.title-navigation-right-box{
display: block;
text-align: right;
}

.contact-widget-type{
	display: flex;
	justify-content: flex-end;
}
.header_contact_widget{
	margin-left: 10px;
}

@media (max-width: 768px) {
.title-navigation-box {
	display: flex;
	flex-flow: column;
}
.title-navigation-left-box{
	display: inline-block;
	vertical-align: top;
	text-align:left;
	}
	.contact-widget-type{
		display: none;
	}
}

.title-navigation{
width: 100%;
text-align: center;
height: fit-content;
padding: 10px 0;
margin-right: auto;
margin-left: auto;
}

.header-type-fixed-sticky {
	position: fixed;
	top: -700px;  
	width: 100%;
	/* height: 70px; */
	/* line-height: 70px; */
	/* font-size: 2em; */
	text-align: center;
	box-sizing: border-box;
	transition: .5s;
	z-index: 1000;
	text-align: center;
	padding: 20px;
}
.header-type-fixed-sticky > .title-navigation-box
{
	width: 100%;
}

.header-type-fixed-sticky.is-show {
	top: 0;
	left: 0;
	right: 0;

}
@media (max-width: 768px) {
	.header-type-fixed-sticky{
		display: none;
	}
}



/********************************************************
記事一覧 旧
*********************************************************/
.col-md-6{
display: flex;
}

.list-articles-card .post-meta {
margin-top: 10px;
margin-bottom: 10px;
}

.list-type-card {
padding: 0;
margin-bottom: 20px;
padding: 3px;
}
.list-line-text-type {
font-size: 16px;
border: none;
}
.list-type-excerpt {
padding: 15px;
overflow-wrap: break-word;
}

.eyecatch-float-box-320 {
width: 50%;
height: 50%;
max-width: 320px;
padding: 5px;
object-fit: cover;
}

.eyecatch-float-box-320x180 {
width: 50%;
height: 50%;
max-width: 320px;
max-height: 180px;
padding: 5px;
object-fit: cover;
}
.eyecatch-float-box-150x150 {
width: 50%;
height: 50%;
max-width: 150px;
padding: 5px;
object-fit: cover;
}


.eyecatch-float-box-card {
height: 24vh;
padding: 5px;
}
.card-body>figure{
	margin: 0;
}


.card a{
text-decoration: none;

}
.card:hover{
/* background-color: #f0f8ff; */
}
.card-max{
max-width: 650px;
}

.contents-img {
padding: 0.2em 0;
text-align: center;
background: #e1f3ff;
}

.full-width {
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}


.article-post-meta{
display: flex;
justify-content: flex-start;
}
.article-meta-date{
padding: 2px;
margin: 3px;
line-height:2.2 ;
}

.article-meta-category a {
padding: 2px;
margin-right: 11px;
line-height:2.2 ;

}
.article-meta-tags a {
padding: 2px;
margin-right: 11px;
line-height:2.2 ;
}

.article-list-bs-card-320{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}

.entry-bs-card-320{
width: 320px;
margin: 5px 3px;
padding: 0;
}

.card-img-set{
text-align: center;
margin: 0;
width: 100%;
}

.card-category-pasting{
 position: absolute;
 top:0;
 left:0;
 padding:5px;
}

/********************************************************
記事一覧
*********************************************************/
.article-list{
display: grid;
grid-column-gap: 10px;
grid-row-gap: 1.5em;
grid-template-columns: 1fr;
/* grid-template-columns:repeat( 3, minmax(15px,1fr)) ; */
grid-column-gap: 10px;
grid-row-gap: 1.5em;
margin-bottom: 25px;

}



.list-articles-card{
display:flex;
gap:15px;
height: 100%;
overflow: hidden;
margin: 0px;
width: 100%;
padding: 10px;
text-decoration: none;
color: #000;
border-style: solid;
border-width: 1px;
border-color: #CCC;

}


.list-articles-card:hover{
	transition: 0.3s;
	color:#000;
}
.articles-posted-card-image-zone{
	position:relative;
	max-width: 30%;
	flex-shrink: 1;
	height: auto;
}
.articles-posted-card-figure-zone{
	margin: 0;
	padding: 0;
	overflow: hidden;
height: auto;
}
.articles-posted-card-image-box{
	margin: 0;
	width: 100%;
	object-fit: cover;
	height: auto;
	max-width: 100%;
	height: auto;
}
.articles-posted-card-contents-zone{
	width: 100%;

display: flex;
flex-direction: column;
gap:3px;

align-items: top;
flex: 1;
}

/* .articles-posted-card-contents-zone div:last-of-type{
	display:flex;
	align-items:flex-end;
	flex-grow: 1;
} */

.articles-posted-card-title-zone{
	font-size: 1.5em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding-bottom: 3px;
}

.articles-posted-card-time-zone{
text-align: right;
justify-content: right;
display: flex;
flex: 1;
}

.articles-posted-card-time-zone time{
padding-left: 5px;
	}
	.articles-posted-card-time-zone time:first-of-type{
		padding-left: 0px;
			}

.articles-posted-card-time-label{
position: absolute;
top:0;
left:0;
display: flex;
flex-direction: column;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
gap: 0;
padding: 5px;
background-color: #000;
color: #fff;
z-index: 10;
}

.articles-posted-card-time-year{
text-align: center;
}
.articles-posted-card-time-month{
text-align: center;
font-size: 1.5em;

}
.articles-posted-card-time-day{
text-align: center;
font-size: 1.5em;

}

.articles-posted-card-excerpt-zone{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.articles-posted-card-categorys-label{
	position: absolute;
	top:0;
	left:0;
	z-index: 10;
}
.articles-posted-card-categorys-label .articles-posted-card-categorys-box{
	background-color: #000;
	color: #fff;
	padding: 5px;
}
.articles-posted-card-categorys-area{
	display: flex;
	align-items: center;
	flex-direction: row;
	gap:5px;
}
.articles-posted-card-categorys-zone{
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
}
.articles-posted-card-categorys-box{
	white-space: nowrap;
}
.articles-posted-card-tags-zone{
display: flex;
flex-wrap: wrap;
gap: 3px;

}
.articles-posted-card-tag-box{
	white-space: nowrap;

}
.articles-posted-card-author-zone{
	text-align: right;
	justify-content: right;
}


.article-list{
	display: grid;
	grid-column-gap: 10px;
	grid-row-gap: 1.5em;
	grid-template-columns: 1fr;
	/* grid-template-columns:repeat( 3, minmax(15px,1fr)) ; */
	}

@media(max-width: 768px){
	.article-list-mobile{
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
@media(max-width: 500px){
	.article-list-phone{
		grid-template-columns: 1fr !important;
	}
}


.articles-list-card-border-up-and-down-line{
	border-left: 0;
	border-right: 0;
}
.articles-list-card-border-left-and-right-lines{
	border-top:  0;
	border-bottom: 0;
}
.articles-list-card-border-up-line{
	border-bottom:0;
	border-left: 0;
	border-right: 0;
}
.articles-list-card-border-down-line{
	border-top: 0;
	border-left: 0;
	border-right: 0;
}

.articles-list-card-border-first-none:first-of-type{
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom:0;
}
.articles-list-card-border-last-none:last-of-type{
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}


/********************************************************
投稿ページ固定ページ
*********************************************************/
.single-post-title,
.page-post-title{
padding: 5px;
/* border-bottom: 1px solid #cccccc; */
}
.single-post-eyecatch,
.page-post-eyecatch{
padding: 2px;
margin-bottom: 25px;
}

.related-post {
list-style-type: none;
padding-left: 0;
}

.page-post-contents>h1,h2,h3,h4,h5,h6{
	margin-bottom: 5px;
}
.page-post-contents>h1,h2,h3,h4,h5,h6{
	margin-bottom: 5px;
}


/********************************************************
投稿者情報
*********************************************************/

.posted-by-contents{
margin-top: 25px;
margin-bottom: 25px;
overflow: hidden;
border: solid 1px #000;
}

@media (max-width: 768px) {
.navigation-right-box{
	display: none;
}
}

.posted-by-author-name a {text-decoration:none;}

.posted-by-author-icon-contents{
max-width: 100%;
}

.posted-by-author-icon-contents .avatar{
border-radius: 50px;
}
.posted-by-about-me{
white-space: nowrap;
}
.posted-by-official-position{
white-space: nowrap
}
.posted-by-author-follow-button{
text-align:right;
}
/********************************************************
関連記事
*********************************************************/
.related-layout-standard {
	display: flex;
	padding: 5px;
}
.related-layout-standard-img {
min-width: 100px;
}
.related-layout-standard-sentence {
vertical-align:top;
padding: 5px;
overflow: hidden;
flex: 1;
}

.related-layout-standard a {
text-decoration: none;
}
.related-title{
font-size: 18px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}

.related-excerpt{
overflow: hidden;
}
.related-side-by-side{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}

.related-layout-minicard{
margin: 5px;
padding: 0;
max-width: 240px;
overflow: hidden;
}
@media (max-width: 768px) {
.related-layout-minicard{
	margin: 5px;
	padding: 0;
	max-width: 240px;
	flex-basis:45%;
}
}
.related-layout-minicard h3 {
padding: 3px;
}

/********************************************************
トップナビゲーションバー
********************************************************/
.top-navigation-bar{
width: 100%;
}

/********************************************************
目次
********************************************************/
.toc-details{
margin-bottom: 30px;
transition: all .5s ease; 
background-color: whitesmoke;
border: 1px solid silver;
overflow: hidden;
}
.toc-summary{
position: relative;
display: flex;
align-items: center;
width: 100%;
/* height: 40px; */
padding: 5px;
padding-left: 30px;
color: #000000;
font-size: 1.5em;
font-weight: bold;
transition: all .3s ease;
cursor: pointer;
background-color: lightgray;
justify-content: start;
text-align: center;
}
.toc-summary::after {
content: "+";
position: absolute;
right: 20px;
bottom:5px;
}
.toc-details details[open] summary::after {
transform: rotate(45deg);
}

.menu-item-description  {
display: block;
font-size: 77%;
}

/********************************************************
フッターメニュー
********************************************************/
#footer {
margin: 0;
}
.footer-menu-standard{
text-align: right;
margin: 0;
padding: 10px;
}
.footer-menu-standard ul{
	display: flex;
	justify-content: flex-end;
padding: 10px;
}

.footer-menu-standard li {
padding: 0 20px;
display: inline;
/* border-left: 1px solid #696969; */
text-decoration:none;
}
.footer-menu-standard a {
	text-decoration:none;
}
.footer-menu-standard li:first-child {
border: none;
}

.footer-menu-standard li ul {
display: none;
}
.footer-menu-standard .menu-item-description {
display: block;
padding: 3px 10px;
}
li.menu-item-description {
	display: block;
	/* padding: 3px 10px; */
	}
#menu-footer{
margin: 0;
padding: 0;
}

@media (max-width: 768px) {
.footer-menu-standard ul{
	display: flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.footer-menu-standard ul li {
	border-left: none;
	white-space:nowrap;
	padding: 5px;
}
}

/********************************************************
パンくずリスト
********************************************************/
.breadcrumb li:after {
content: '\003e';
margin-left: 10px;
margin-right: 10px;
color: #888888;
}

.breadcrumb li:last-child:after {
content: "";
}

/********************************************************
コピーライト
********************************************************/
.copyright {
width: 100%;
text-align: center;
padding: 10px;
}

/********************************************************
ローディングアニメーション
********************************************************/
#loading {
width: 100vw;
height: 100vh;
	transition: all 1s;
position: fixed;
z-index: 9999;

background-color: #fff;
	color: #666666;
}
.loaded {opacity: 0;visibility: hidden;}
.loadinganimation {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}
.loadinganimation p {
display: flex;
align-items: center;
/* font-size:20px; */
}
.animation-name-box{
	justify-content: center;
}
.animation-icon-box{
padding: 25px;
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
animation: road-icon-anime 1.0s infinite  ease-in-out;
font-size:50px;
color: #CCC;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
}
.animation-text-box{
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
animation: road-text-anime 1.0s infinite  ease-in-out;

font-size:25px;
}
/* ローディングアニメーション */
@keyframes road-icon-anime {
from {
transform: rotate(0);
}
to{
transform: rotate(360deg);
}
}

/********************************************************
トップへ戻るボタン
********************************************************/
.back-to-top-box{
display: flex;
justify-content: right;
}

.back-to-top{
display: flex;
flex-direction: column;
flex-wrap: wrap;
bottom:2.5rem;
right:2.5rem;
z-index: 100;
text-decoration: none;

justify-content: center;
align-items: center;
opacity: 1;

}

.back-to-top-icon{
font-size:18px;

}

@media (max-width: 768px) {
.back-to-top{
	bottom:0rem;
	right:0rem;
}
}

/* .back-to-top-box.none{
	opacity: 0;
	visibility:hidden;
	} */

/********************************************************
CSSパーツ 調整
********************************************************/
.up-to-lines{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.rows-high-2{
height: calc( 1.8em * 2 );
line-height: 1.8;
}

.contents-omit{
max-width: 50%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.widget p {
margin-bottom: 0;
}

.lise-of-article-title {
margin-bottom: 10px;
}
/********************************************************
追従サイドバー
********************************************************/
.right_sidebar_sticky_widget{
top:1rem;
}

/********************************************************
ピックアップスライダー
********************************************************/
.pickup-slider {
width: 100%;
height: 100%;
align-items: center;
margin-top: 20px;
margin-bottom: 25px;
}

.pickup-slider-box{
justify-content: space-between;
}
.pickup-slider-item {
text-align: center;
border: 1px solid #cccccc;
justify-content: center;
}
.pickup-slider-item p{
margin: 0;
}
.pickup-slider-item a{
text-decoration: none;
}
.swiper-pagination-bullets {
position: static;
margin-top: 16px;
}

/********************************************************
ヒーロースライダー
********************************************************/
.hero-contents {
position: absolute;
top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
font-size: larger;
z-index: 0;
}

.hero-contents h2 {
font-size: 24px;
}

.hero-slider{
margin-bottom: 20px;
}
.hero-slider-item{
display: flex;
position: relative;
width: 100%;
z-index: 0;
overflow-wrap:break-word;
text-align: center;
text-align: center;
}
.hero-slider-item-img{
width: 100%;
min-height: 300px;
object-fit: cover;

}
.hero-slider-item-title{
font-size: 22px;
}
.hero-slider-item-text{
font-size: 16px;
}

	.hero-slider-item-button{
padding: 10px;
	}
	.hero-slider-item-button:hover{
	background-color:#fff;

}

/********************************************************
カスタムヘッダー
********************************************************/
.custom-header-section {
position: absolute;
top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
font-size: larger;
z-index: 1;
text-align: center;
}

.hero-section{
color: #ffffff;
width: 100%;
/* position: relative;
overflow: hidden; */
}

.wp-custom-header{
width: 100%;
}

#wp-custom-header-video{
position: relative;
top:0;
display: block;
width: 100%;
z-index: 0;
object-fit: cover;

}
.wp-custom-header-video{
display: block;
width: 100%;
}
.wp-custom-header-video-button {
display: none;
}

.site-header{
width: 100%;
top:0px;
z-index: 10;
}
.site-footer {
width: 100%;
}

.wp-custom-header img{
position: relative;
height: 500px;
top:0;
z-index: 0;
width: 100%;
height: auto;
object-fit: cover;
vertical-align: top;
}

.custom-header-item-title,
.custom-header-item-p,
.custom-header-item-button{
	text-align: center;
}

.custom-header-item-title{
 font-size: 20px;
}
.custom-header-item-p{
	margin-top: 10px;
	margin-bottom: 20px;
}
.custom-header-item-button {
color: #000;
/* background-color: #cccccc; */
padding: 10px 20px;
text-decoration: none;
font-size: 28px;

}
.custom-header-item-button:focus {
box-shadow:none
}



/********************************************************
動画section
********************************************************/
.hero-header-box{
position: relative;
width: 100%;
max-width: 100%;
min-height: 300px;
object-fit: cover;
z-index: 0;
}
.hero-header-item{
position: relative;
/* top:0; */
width: 100%;
max-width: 100%;
min-height: 600px;
object-fit: cover;
z-index: 0;
}

/********************************************************
動画section
********************************************************/

.header-animation {
animation: slide-anime 3s 3s linear forwards;
}

@keyframes site-header-anime {
0% {
	transform: translateX(0px);
}

100% {
	transform: translateX(300px);
}
}

.class-no-imege{
position: relative;
}

/********************************************************
ピックアップスライダー
********************************************************/
.pickup-slider-item img{
	width: 100%;
}

/********************************************************
WordPress 調整　editor-style.css
********************************************************/
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6{
font-weight:normal;
font-size: 1.5rem;
padding: 10px 10px ;
}
.sidebar label{
font-weight:normal;
padding: 5px 10px ;
}
.breadcrumb li{
	line-height:2.2

}
.single-post-time,
.single-post-category,
.single-post-tags{
line-height:2.2
}
/********************************************************
プラグイン contactform7
********************************************************/
.wpcf7-form p{
	width:100%;
}
.wpcf7-form label{
	width:100%;
}
.wpcf7-form-control{
	display:block;
}
.wpcf7-textarea{
	width:100%;
}
.wpcf7-submit{
		width:100%;
}