@charset "UTF-8";
/* 
	
CSS wp.css */





/*//////////////////


Setting


//////////////////*/


/* 
base : #0d0d0d
blue : #005188
skyblue : #7CD0F1
border : #005188
bggrey : #f7f7f7
red : #BD0A0F
yellow : #ffff00

*/
































/*//////////////////


wpEDIT v5の出力領域（管理画面も共通）


//////////////////*/

.editbody { /*max-width: 880px; margin: 0 auto;*/ min-height: 200px }
.editbody:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
.editbody div:not(.section):not(.block),
.editbody p,
.editbody h2,
.editbody h3,
.editbody h4,
.editbody ul, .editbody ol, .editbody img, .editbody table { margin-bottom: 30px; }
.editbody p:last-child, .editbody div:last-child, .editbody ul:last-child, .editbody ol:last-child, .editbody img:last-child, .editbody table:last-child { margin-bottom: 0px; } 
 .editbody *>*:last-child { margin-bottom: 0px; } 

 .editbody img{ max-width: 100% }
 .editbody .wp-caption{ width: 100%!important }
@media screen and (max-width: 767px) {
	.editbody{ min-height: 100px }
}

/* デフォルト処理 */
.editbody ul li { padding-left: 1em!important; text-indent: -1em; }
.editbody ol li { counter-increment: number; padding-left: 1.6em!important; text-indent: -1.6em; }
.editbody ul li:before { content: "・"; }
.editbody ol li:before { content: counter(number) "．"; }

.editbody div.clearfix { margin-bottom: 0; }
.editbody div > *:last-child,
.editbody ul > *:last-child,
.editbody li > *:last-child,
.editbody p > *:last-child ,
.editbody dt > *:last-child,
.editbody dd > *:last-child,
.editbody ol > *:last-child { margin-bottom: 0px; }
.editbody div div:not(.section):not(.block):last-child { margin-bottom: 0; }

/* ブログカード　*/
/*
.blogcard { border: 1px solid #eeeeee; word-wrap: break-word; padding: 40px; }
.blogcard div,
.blogcard p { margin-bottom: 0; }
.blogcard a { text-decoration: none; transition: 0.5s;  }
.blogcard a:hover { opacity: 0.6; }
.blogcard .thumb { float: left; margin: 0; width: 200px; height:150px; margin-right: 40px; }
.blogcard .thumb img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; backface-visibility: hidden; }
.blogcard .title { font-weight: bold; line-height: 1.6; padding: 10px 0; }
.blogcard .excerpt { font-size: 14px; line-height: 1.6; padding: 0 0 15px; }
@media screen and (max-width: 767px) {
	.blogcard { padding: 4%; }
	.blogcard .excerpt { display: none; }
	.blogcard .thumb { width: 30%; height:auto; margin-right: 6%; }
	.blogcard .title { font-weight: normal; line-height: 1.6; padding: 0; font-size: 12px; }
}
*/


/* 記事の目次　*/
/*
.txtbody #ez-toc-container p,
.txtbody #ez-toc-container div,
.txtbody #ez-toc-container ul { margin-bottom: 0; }
.txtbody #ez-toc-container { padding: 40px; width:100%; background: #f7f7f7; box-sizing: border-box;}
.txtbody #ez-toc-container .ez-toc-title-toggle { display: none; }
.txtbody #ez-toc-container .ez-toc-title { font-weight: bold; }
.txtbody #ez-toc-container ul a { text-decoration: none; }
.txtbody #ez-toc-container ul a:hover { text-decoration: underline; }
*/


/* 画像ブロック */
img.alignnone { display: block; margin-left: auto; margin-right: auto; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignleft { margin-right: 5%; float: left; }
img.alignright { margin-left: 5%; float: right; }
@media screen and (max-width: 767px) { 
	img.alignnone,
	img.aligncenter,
	img.alignleft,
	img.alignright { float: none; width: 100%!important; margin-left: 0; margin-right: 0; }
}


/* galleryblock */
.galleryblock>ul{ display: flex; flex-wrap: wrap;  }
.galleryblock>ul.square>li img,
.galleryblock>ul.rectangle4-2>li img,
.galleryblock>ul.rectangle5-3>li img,
.galleryblock>ul.rectangle5-4>li img{ width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }


/* imglistbox */
.imglistbox>ul { display: flex; flex-wrap: wrap;  }
.imglistbox>ul>li { list-style-type : none; padding: 0; margin: 0; list-style: none; padding-left:0!important; text-indent: 0;}
.imglistbox>ul>li:before { content: ""; }
.imglistbox.square>ul>li img,
.imglistbox.rectangle4-2>ul>li img,
.imglistbox.rectangle5-3>ul>li img,
.imglistbox.rectangle5-4>ul>li img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }


/* iframe動画 100%表示　*/
.wpvideo,
.wpview.wpview-wrap { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: hidden;  max-width: 100%; height: auto; }
.wpvideo iframe,
.wpvideo object,
.wpvideo embed,
.wpview.wpview-wrap iframe,
.wpview.wpview-wrap object,
.wpview.wpview-wrap embed { position: absolute; top: 0; left: 0; width: 100%!important; height: 100%!important; }















/*//////////////////


sampleユニーク設定


//////////////////*/










/*//////////////////


各種パーツ


//////////////////*/

/* postmeta */
.singleinfobox{ margin-bottom: 60px; }
.singleinfobox .copy{ margin-bottom: 20px; }
.singleinfobox .singleinfo{ color: #005caa; display: flex; flex-direction: row; align-items: center; margin-left: -10px; }
.singleinfobox .singleinfo .date,
.singleinfobox .singleinfo .cat{ display: inline-block; margin-left: 10px; font-family: 'Inter', sans-serif; letter-spacing: 0.08em; font-weight: 600; }
.singleinfobox .singleinfo .cat a{ color: #005caa; text-decoration: none; font-weight: 600; }
.singleinfobox .singleinfo .cat a:hover{ opacity: .8; }
.singleinfobox .singleinfo .cat { padding-left: 15px; margin-left: 15px; position: relative; }
.singleinfobox .singleinfo .cat:before{ content: ""; background: #005caa; width: 1px; height: 12px; position: absolute ; top: 0; bottom: 0; left: 0; margin-top: auto; margin-bottom: auto; }
@media screen and (max-width: 1040px){
	.singleinfobox{ margin-bottom: 40px; }
	.singleinfobox .copy{ margin-bottom: 15px; }
}
@media screen and (max-width: 767px){
}


/* pager */

.pager { width: 100%; position: relative; margin-top: 220px }
.pager .incnt{ max-width: 500px }
.pager a.prev,
.pager a.next { left:0; position: absolute; top:50%; margin-top: -18px; text-decoration: none; font-size: 2rem; letter-spacing: 0.1em; font-weight: 600; }
.pager a.next { left:auto; right:0; }
.pager a.prev:hover,
.pager a.next:hover { color: #005caa }
.pager a.prev:before{ content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 10px 7px 0; border-color: transparent #005baa transparent transparent; display: inline-block; margin-right: 10px; }
.pager a.next:after{ content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 10px; border-color: transparent transparent transparent #005baa; display: inline-block; margin-left: 10px; }
.pager .bottomlink .btnlink{ max-width: 240px; }
body.single .pager .incnt{ max-width: 560px; }
body.single .pager a.prev,
body.single .pager a.next{ margin-top: -24px; }
@media screen and (max-width: 1040px) {
	.pager{ margin-top: 80px; }
	.pager a.prev,
	.pager a.next { font-size: 1.5rem; }
	.pager a.prev:before,
	.pager a.next:after{ vertical-align: -1px; }
	.pager a.prev:before{ margin-right: 6px; }
	.pager a.next:after{ margin-left: 6px; }
}
@media screen and (max-width: 767px) {
	.pager { text-align: center; margin-top: 60px }
	.pager a.prev,
	.pager a.next { display: inline-block; position: static; margin: 0 45px 20px; }
	.pager .bottomlink{ margin-top: 10px }
	.pager .bottomlink .btnlink{ max-width: 225px; }
}
@media screen and (max-width: 479px) {
	.pager .incnt{ max-width: 100%; width: 100%; }
	.pager .bottomlink{ margin-bottom: -5px; }
}



/* pager page-numbers */

.pager ul.page-numbers { text-align: center; margin-left: -5px }
.pager ul.page-numbers li { display: inline-block; margin-left: 5px }
.pager ul.page-numbers li a,
.pager ul.page-numbers li span { display: block; text-align: center; line-height: 38px; background: #f7f7f7; margin: 0; width: 38px; height: 38px; text-decoration: none; transition : 0.5s; box-sizing: border-box; font-size: 2rem; border-radius: 50%; font-weight: 600; }
.pager ul.page-numbers li a:hover { background: #005caa; color: #fff; opacity: 1; }
.pager ul.page-numbers li span.dots { padding: 9px 5px; }
.pager ul.page-numbers li span.current { cursor: default; color: #fff; background: #005caa; }
@media screen and (max-width: 1040px) {
	.pager ul.page-numbers li a,
	.pager ul.page-numbers li span { font-size: 1.5rem; }
}
@media screen and (max-width: 767px) {
	.pager ul.page-numbers li span.dots { padding: 5px 3px; }
}