@charset "UTF-8";

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


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


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

/*.editbody { max-width: 880px; margin: 0 auto; }*/
.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 }

/* デフォルト処理 */
.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; }

/* 画像ブロック */
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; }


/* メディアのgallery */
.editbody .gallery .gallery-item { margin-top:0!important; }
.editbody .gallery .gallery-item img { border: none!important; }
@media screen and (max-width: 500px) { 
    .editbody .gallery .gallery-item { width: 100%!important; }
	.editbody .gallery .gallery-item img { border: none!important; }
}













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


WPページアウトライン各種ウィジェット


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


/* pager */
.pager { width: 100%; position: relative; margin-top: 100px; }
.pager a.prev,
.pager a.next {left:0;position: absolute;top:50%;margin-top: -17px;text-decoration: none;color: #06318f;width: 95px;}
.pager a.next { left:auto; right:0; text-align: left; }
.pager a.prev:before,
.pager a.next:after {content: "";display: inline-block;width: 40px;height: 6px;line-height: 0;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;left: 0;background: url(../img/common/arr1_prev.svg) no-repeat;background-size: contain;vertical-align: 4px;position: absolute;transition: .6s;}
.pager a.next:after{  transform: rotate(180deg) scale(1, -1); left: auto; right: 0; }
.pager a.prev{ text-align: right; }
.pager a.next:hover:after{ right: -5px; }
.pager a.prev:hover:before{ left: -5px; }
@media screen and (max-width: 767px) {
	.pager { text-align: center; margin-top: 60px; }
	.pager a.prev,
	.pager a.next { display: inline-block; position: relative; margin: 0 10px 20px; }
	.pager a.prev:before,
	.pager a.next:after {width: 30px;height: 6px;}
	.pager a.prev,
	.pager a.next {width: 80px;}
}


/* pager page-numbers */
.pager ul.page-numbers { text-align: center; }
.pager ul.page-numbers li { display: inline-block; }
.pager ul.page-numbers li a,
.pager ul.page-numbers li span {display: block;text-align: center;text-decoration: none;transition : 0.5s;box-sizing: border-box;color: #06318f;font-size: 1.8rem;width: 20px;position: relative;height: auto;margin: 0 6px;}
.pager ul.page-numbers li a:after,
.pager ul.page-numbers li span:after{content: "";position: absolute;background: #06318f;display: inline-block;height: 4px;bottom: 0;left: 0;transition: .4s;right: 0;width: 0;margin: 0 auto;}
.pager ul.page-numbers li a:hover {  opacity: 1; }
.pager ul.page-numbers li span.dots { padding: 9px 5px; }
.pager ul.page-numbers li span.current { cursor: default; }
.pager ul.page-numbers li a:hover:after,
.pager ul.page-numbers li span.current:after{width: 100%;}
@media screen and (max-width: 767px) {
}



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


#blog.archive


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

#blog.archive #main .incnt{ max-width: 1080px; }
#blog.archive .pager .incnt{ max-width: 600px!important; }
#blog.archive .titlebox{display: flex;flex-direction: row;justify-content: space-between;margin-bottom: 60px;align-items: center;}
#blog.archive .titlebox .copy.s2{ margin-bottom: 0; }
#blog.archive .titlebox .list{ margin-left: -10px; margin-bottom: -10px; display: flex; flex-direction: row; }
#blog.archive .titlebox .list>li{ width: 190px; margin-left: 10px; margin-bottom: 10px; }
#blog.archive .titlebox .list>li>.selectbox{ position: relative; }
#blog.archive .titlebox .list>li>.selectbox>.selecttitle{font-weight: bold;font-size: 1.8rem;color: #06318f;padding: 10px 20px;height: 60px;width: 100%;letter-spacing: 0.1em;box-sizing: border-box;display: flex;align-items: center; background: url("../img/contact/selectarr.svg") no-repeat 92% center, #f7f7f7; background-size: 12px 12px;cursor: pointer;}
#blog.archive .titlebox .list>li>.selectbox>.selecttitle+ul{position: absolute;top: 60px;left: 0;right: 0;width: 100%;background: #f7f7f7;padding: 0;height: auto;z-index: 10; opacity: 0; visibility: hidden;transition: .6s;}
#blog.archive .titlebox .list>li>.selectbox>.selecttitle+ul::-webkit-scrollbar {display:none;}
#blog.archive .titlebox .list>li>.selectbox>.selecttitle+ul::-moz-scrollbar {display:none;}
#blog.archive .titlebox .list>li>.selectbox>.selecttitle+ul::-o-scrollbar {display:none;}
#blog.archive .titlebox .list>li>.selectbox>.selecttitle+ul::-google-ms-scrollbar {display:none;}
#blog.archive .titlebox .list>li>.selectbox>.selecttitle+ul::-khtml-scrollbar {display:none;}
#blog.archive .titlebox .list>li>.selectbox>.selecttitle+ul::-webkit-scrollbar { width: 10px; height: 10px; }
/* #blog.archive .titlebox .list>li>.selectbox>.selecttitle+ul::-webkit-scrollbar-track { border-radius: 5px; box-shadow: 0 0 4px #aaa inset; }
#blog.archive .titlebox .list>li>.selectbox>.selecttitle+ul::-webkit-scrollbar-thumb { border-radius: 5px; background: #06318f; } */
#blog.archive .titlebox .list>li>.selectbox>.selecttitle+ul li{ padding: 10px 20px; cursor: pointer; }
#blog.archive .titlebox .list>li>.selectbox>.selecttitle+ul li:hover{ background: #ccc; }
#blog.archive .titlebox .list>li>.selectbox>.selecttitle+ul.isopen{ opacity: 1; visibility: visible; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
	#blog.archive .titlebox{display: block; margin-bottom: 40px;}
	#blog.archive .titlebox .copy.s2{ text-align: center; font-size: 2.4rem; }
	#blog.archive .titlebox .list{ margin-top: 40px; width: 100%; }
	#blog.archive .titlebox .list>li{ width: calc(50% - 10px); }
	#blog.archive .titlebox .list>li>.selectbox>.selecttitle{font-size: 1.6rem;padding: 8px 20px;height: 50px;}
	#blog.archive .titlebox .list>li>.selectbox>.selecttitle+ul{ top: 50px; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	#blog.archive .titlebox .list{display: block;margin-left: 0;}
	#blog.archive .titlebox .list>li{ width: 100%; margin-left: 0; }
}




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


#blog.single


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

#blog.single #main>.incnt{ max-width: 1100px; }
#blog.single #main>.incnt>.inwrap{ display: flex; flex-direction: row; }
#blog.single #main>.incnt>.inwrap #sec_1{ width: 100%; }
#blog.single #main>.incnt>.inwrap #sidebox{width: 24%;margin-left: 6%;flex-shrink: 0;display: flex;flex-direction: column;}
@media screen and (max-width: 1040px) {
	#blog.single #main>.incnt>.inwrap{ display: block; }
	#blog.single #main>.incnt>.inwrap #sidebox{width: 100%;margin-left: 0%;display: block;}
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}

#blog.single #main>.incnt>.inwrap .singletitlebox{ margin-bottom: 30px; }
#blog.single #main>.incnt>.inwrap .singletitlebox .singletitle{ margin-bottom: 0; }
#blog.single #main>.incnt>.inwrap .singletitlebox .singleinfo{ margin-top: 50px; }
#blog.single #main>.incnt>.inwrap .singletitlebox .singleinfo .date,
#blog.single #main>.incnt>.inwrap .singletitlebox .singleinfo .catlist,
#blog.single #main>.incnt>.inwrap .singletitlebox .singleinfo .catlist li{ display: inline-block; vertical-align: middle; }
#blog.single #main>.incnt>.inwrap .singletitlebox .singleinfo .date,
#blog.single #main>.incnt>.inwrap .singletitlebox .singleinfo .catlist li>.inwrap{ font-weight: bold; font-size: 1.8rem; color: #06318f; letter-spacing: 0.1em; }
#blog.single #main>.incnt>.inwrap .singletitlebox .singleinfo .catlist li:before{ content: "/"; margin: 0 10px 0 8px; color: #06318f; font-weight: bold; vertical-align: 1px; }
#blog.single #main .pager{ margin-top: 130px; }
#blog.single #main .pager .incnt{max-width: 340px;}
@media screen and (max-width: 1040px) {
	#blog.single #main>.incnt>.inwrap .singletitlebox{ margin-bottom: 30px; }
	#blog.single #main>.incnt>.inwrap .singletitlebox .singleinfo{ margin-top: 0; }
	#blog.single #main>.incnt>.inwrap #sec_1{ margin-bottom: 100px; }
	#blog.single #main .pager{ margin-top: 0; margin-bottom: 100px; height: 40px; }
}
@media screen and (max-width: 767px) {
	#blog.single #main>.incnt>.inwrap #sec_1{ margin-bottom: 60px; }
	#blog.single #main .pager{ margin-bottom: 80px; }
	#blog.single #main>.incnt>.inwrap .singletitlebox .singleinfo .date,
	#blog.single #main>.incnt>.inwrap .singletitlebox .singleinfo .catlist>.inwrap{ font-size: 1.6rem; }
}
@media screen and (max-width: 500px) {
}


#blog.single #main>.incnt>.inwrap #sidebox .title {background: #06318f;color: #fff;padding: 19px 30px;box-sizing: border-box;text-align: left;line-height: 1.2;font-weight: bold;font-size: 1.8rem;letter-spacing: 0.15em;margin-bottom: 5px;}
#blog.single #main>.incnt>.inwrap #sidebox .csinbox { margin-bottom: 20px; }
#blog.single #main>.incnt>.inwrap #sidebox .csinbox:last-child { margin-bottom: 0; }
#blog.single #main>.incnt>.inwrap #sidebox ul.list1{ background: #f8f8f8; padding: 20px 30px; text-align: left; }
#blog.single #main>.incnt>.inwrap #sidebox ul.list1>li>a{ font-weight: bold; font-size: 1.8rem; color: #06318f; letter-spacing: 0.1em;  }
#blog.single #main>.incnt>.inwrap #sidebox ul.list1>li a:hover{color: #000; }

#blog.single #main>.incnt>.inwrap #sidebox .csinbox._archive ul.list1>li { margin-bottom: 5px; position: relative; color: #06318f; }
#blog.single #main>.incnt>.inwrap #sidebox .csinbox._archive ul.list1>li .year a { position: relative; width: calc(100% - 30px); display: block; font-weight: bold; }
#blog.single #main>.incnt>.inwrap #sidebox .csinbox._archive ul.list1>li .year a+.arr{ width: 12px; height: 12px; position: absolute;right: 10px;top: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
#blog.single #main>.incnt>.inwrap #sidebox .csinbox._archive ul.list1>li .year a+.arr:after {content:"";width: 0;height: 0;border-style: solid;border-width: 10px 6px 0 6px;border-color: #06318f transparent transparent transparent;}
#blog.single #main>.incnt>.inwrap #sidebox .csinbox._archive ul.list1>li .year a+.arr:hover:after{ border-color: #000 transparent transparent transparent; }
#blog.single #main>.incnt>.inwrap #sidebox .csinbox._archive ul.list1>li.open .year a:after { transform: none;}
#blog.single #main>.incnt>.inwrap #sidebox .csinbox._archive ul.list1>li .year a:hover { text-decoration: none; }
#blog.single #main>.incnt>.inwrap #sidebox .csinbox._archive ul.list1>li>ul{ padding-left: 1em; margin-top: 10px; margin-bottom: 20px; display: none; }
#blog.single #main>.incnt>.inwrap #sidebox .csinbox._archive ul.list1>li:last-child>ul{ margin-bottom: 0; }
#blog.single #main>.incnt>.inwrap #sidebox .csinbox._archive ul.list1>li>ul>li { margin-bottom: 2px; }
#blog.single #main>.incnt>.inwrap #sidebox .csinbox._archive ul.list1>li.current .year a+.arr { transform: rotate(180deg); }
@media screen and (max-width: 1040px) {
	#blog.single #main>.incnt>.inwrap #sidebox .csinbox:not(._archive) ul.list1{ padding-left: 10px; }
	#blog.single #main>.incnt>.inwrap #sidebox .csinbox._archive ul.list1>li>ul{ margin-left: -20px; }
	#blog.single #main>.incnt>.inwrap #sidebox .csinbox:not(._archive) ul.list1>li,
	#blog.single #main>.incnt>.inwrap #sidebox .csinbox._archive ul.list1>li>ul>li{ display: inline-block; margin-left: 20px; }
}
@media screen and (max-width: 767px) {
	#blog.single #main>.incnt>.inwrap #sidebox .csinbox:not(._archive) ul.list1{ padding-left: 30px; }
	#blog.single #main>.incnt>.inwrap #sidebox .csinbox._archive ul.list1>li>ul{ margin-left: 0; }
	#blog.single #main>.incnt>.inwrap #sidebox .csinbox:not(._archive) ul.list1>li,
	#blog.single #main>.incnt>.inwrap #sidebox .csinbox._archive ul.list1>li>ul>li{ margin-left: 0; display: block; }
	#blog.single #main>.incnt>.inwrap #sidebox ul.list1>li>a{ font-size: 1.6rem; }
	#blog.single #main>.incnt>.inwrap #sidebox .csinbox._archive ul.list1>li{ font-size: 1.6rem; }
}
@media screen and (max-width: 500px) {
}