@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; }

/* ブログカード　*/
/*
.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; }


/* メディアの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ページアウトライン各種ウィジェット


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

body#news .toptxt{ text-align: center; }
@media screen and (max-width: 500px) {
	body#news .toptxt{ text-align: left; }
}

body#case.archive .incnt._1{ max-width: 1100px; }
body#case.archive .caselist .titlebox{ background: #F7F7F7; }

.archivecategorybox{ text-align: center; padding-top: 70px; position: relative; }
.archivecategorybox::before{ content: ""; background: #1b2b57; width: 1px; height: 47px; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; display: inline-block; }
.archivecategorybox .title{ font-weight: bold; font-size: 3.6rem; color: #1b2b57; line-height: 1.4; margin-bottom: 20px; letter-spacing: 0; }
.archivecategorybox .categorylist{ margin-bottom: -10px; }
.archivecategorybox .categorylist>li{ display: inline-block; vertical-align: middle; font-size: 2rem; margin-bottom: 10px; }
.archivecategorybox .categorylist>li:first-child:before{ content: none; }
.archivecategorybox .categorylist>li:before{ content: "/"; margin: 0 5px; font-weight: bold; }
.archivecategorybox .categorylist>li>a{ font-weight: bold; position: relative; padding-bottom: 5px; }
.archivecategorybox .categorylist>li>a:after{ content: ""; background: #1b2b57; height: 1px; width: 0; transition: .4s; position: absolute; bottom: 0; left: 0; }
.archivecategorybox .categorylist>li>a:hover,
.archivecategorybox .categorylist>li.current>a{ color: #1b2b57; }
.archivecategorybox .categorylist>li>a:hover:after,
.archivecategorybox .categorylist>li.current>a:after{ width: 100%; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	.archivecategorybox{ padding-top: 40px; }
	.archivecategorybox::before{ height: 37px; }
	.archivecategorybox .title{ font-size: 2.8rem; }
	.archivecategorybox .categorylist>li{ font-size: 1.6rem;  }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}


.casesingleinfo{ margin-bottom: 60px; }
.casesingleinfo .singletitle{ font-weight: bold; font-size: 3.2rem; letter-spacing: 0.1em; text-align: center; margin-bottom: 20px; line-height: 1.4; }
.casesingleinfo .info{ font-size: 1.4rem; text-align: center; }
.casesingleinfo .info .date{ display: inline-block; vertical-align: middle; }
.casesingleinfo .info .date:after{ content: "/"; margin: 0 5px 0 10px; }
.casesingleinfo .info .cat{ display: inline-block; vertical-align: middle; }
.casesingleinfo .info .cat>a{ text-decoration: none; }
.casesingleinfo .info .cat>a:hover{ opacity: 0.7; }
@media screen and (max-width: 1040px) {
	.casesingleinfo .singletitle{ font-size: 2.4rem; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}



.productimgarea{ margin-bottom: 100px; }
.productimgarea:not(._under4):not(._under1) .mainlist>ul{ position: relative; }
.productimgarea .mainlist img{ object-fit: cover;font-family: 'object-fit: cover;';width: 100%;height: 600px; }
.productimgarea .thumblist{ margin-top: 20px; }
.productimgarea .thumblist img{ object-fit: cover;font-family: 'object-fit: cover;';width: 100%;height: 100px; }
.productimgarea:not(._under4):not(._under1) .thumblist>ul .slick-list,
.productimgarea._under4 .thumblist>ul{width: calc(100% - 300px);max-width: 600px; margin-left: auto; margin-right: auto;}
.productimgarea:not(._under4):not(._under1) .thumblist>ul{ display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: -30px; position: relative; width: 100%; }
.productimgarea:not(._under4):not(._under1) .thumblist>ul li.slick-slide{ width: 25%; cursor: pointer; }
.productimgarea .slick-arrow{ width: 72px; height: 58px; background: #1B2B57; border: 1px solid #1b2b57; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; display: flex; align-items: center; justify-content: center; font-size: 0; padding: 0; min-width: inherit; z-index: 10; }
.productimgarea .slick-arrow.slick-next{ right: 0; }
.productimgarea .slick-arrow.slick-prev{ left: 0; }
.productimgarea .slick-arrow.slick-prev:before,
.productimgarea .slick-arrow.slick-prev:after{ content:""; background: url(../img/common/prev.svg); background-size: cover; width: 48px; height: 6px; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; left: 0; transition: .4s; }
.productimgarea .slick-arrow.slick-prev:after{ opacity: 0; background: url(../img/common/prev_h.svg); background-size: cover; width: 48px; height: 6px; }
.productimgarea .slick-arrow.slick-next:after,
.productimgarea .slick-arrow.slick-next:before{ content:""; background: url(../img/common/next.svg); background-size: cover; width: 48px; height: 6px; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; left: 0; transition: .4s; }
.productimgarea .slick-arrow.slick-next:after{ opacity: 0; background: url(../img/common/next_h.svg); background-size: cover; width: 48px; height: 6px; }
.productimgarea .slick-arrow:hover{ background: #fff; }
.productimgarea .slick-arrow.slick-prev:hover:after,
.productimgarea .slick-arrow.slick-prev:hover:before{ left: -5px; }
.productimgarea .slick-arrow.slick-prev:hover:after{ opacity: 1; }
.productimgarea .slick-arrow.slick-prev:hover:before{ opacity: 0; }
.productimgarea .slick-arrow.slick-next:hover:after,
.productimgarea .slick-arrow.slick-next:hover:before{ right: -5px; }
.productimgarea .slick-arrow.slick-next:hover:after{ opacity: 1; }
.productimgarea .slick-arrow.slick-next:hover:before{ opacity: 0; }
.productimgarea:not(._under4):not(._under1) .thumblist .slick-arrow{ background: #fff; border: 1px solid #fff; }
.productimgarea:not(._under4):not(._under1) .thumblist .slick-arrow:hover{ background: #1B2B57; }
.productimgarea:not(._under4):not(._under1) .thumblist .slick-arrow.slick-prev:after{ opacity: 1; }
.productimgarea:not(._under4):not(._under1) .thumblist .slick-arrow.slick-prev:before{ opacity: 0; }
.productimgarea:not(._under4):not(._under1) .thumblist .slick-arrow.slick-next:after{ opacity: 1; }
.productimgarea:not(._under4):not(._under1) .thumblist .slick-arrow.slick-next:before{ opacity: 0; }
.productimgarea:not(._under4):not(._under1) .thumblist .slick-arrow.slick-prev:hover:after{ opacity: 0; }
.productimgarea:not(._under4):not(._under1) .thumblist .slick-arrow.slick-prev:hover:before{ opacity: 1; }
.productimgarea:not(._under4):not(._under1) .thumblist .slick-arrow.slick-next:hover:after{ opacity: 0; }
.productimgarea:not(._under4):not(._under1) .thumblist .slick-arrow.slick-next:hover:before{ opacity: 1; }

.productimgarea._under4 .mainlist { position: relative; width: 100%; height: 600px; }
.productimgarea._under4 .mainlist li { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; }
.productimgarea._under4 .mainlist li:first-child { display: block; }
.productimgarea._under4 .thumblist>ul{ overflow: hidden; display: flex; flex-direction: row; justify-content: center; }
.productimgarea._under4 .thumblist li { width: 25%; cursor: pointer; }
@media screen and (max-width: 1040px) {
	.productimgarea .mainlist img{ height: 500px; }
	.productimgarea._under4 .mainlist { height: 500px; }
}
@media screen and (max-width: 767px) {
	.productimgarea{ margin-bottom: 50px; }
	.productimgarea._under1{ margin-bottom: 20px; }
	.productimgarea .mainlist img{ height: 400px; }
	.productimgarea._under4 .mainlist { height: 400px; }
	.productimgarea .thumblist{ display: none; }
	.productimgarea .slick-arrow{ width: 62px; height: 48px; }
	.productimgarea .slick-arrow.slick-prev:before,
	.productimgarea .slick-arrow.slick-prev:after{ width: 38px; }
	.productimgarea .slick-arrow.slick-prev:after{ width: 38px; }
	.productimgarea .slick-arrow.slick-next:after,
	.productimgarea .slick-arrow.slick-next:before{ width: 38px; }
	.productimgarea .slick-arrow.slick-next:after{ width: 38px; }
	.productimgarea .slick-arrow{ top: auto; bottom: -65px; }
	.productimgarea._under4 .mainlist li { position: static; display: block; }
}
@media screen and (max-width: 500px) {
	.productimgarea .mainlist img{ height: 300px; }
	.productimgarea._under4 .mainlist { height: 300px; }
}





body#case.single .editbody{ margin-bottom: 65px; }
@media screen and (max-width: 767px) {
	body#case.single .editbody{ margin-bottom: 40px; }
}


/* pager */
.pager{ margin-top: 160px; }
.pager>.incnt{ max-width: 787px; }
.pager>.incnt>.inwrap { width: 100%; position: relative; height: 100px; }
.pager .prev{ position: absolute; top: 0; left: 0; height: 100px; }
.pager .next{ position: absolute; top: 0; right: 0; height: 100px; }
.pager .prev,
.pager .next {display: flex;width: 25%;flex-shrink: 0;}
.pager .prev>a,
.pager .next>a{ display: flex; align-items: center; justify-content: center; background: #1b2b57; color: #fff; width: 100%; text-decoration: none; border: 1px solid #1b2b57; }
.pager .prev>a>.inwrap,
.pager .next>a>.inwrap{ font-weight: bold; font-size: 2rem; display: inline-block; position: relative; }
.pager .prev>a>.inwrap{ padding-left: 55px; }
.pager .next>a>.inwrap{ padding-right: 55px; }
.pager .prev>a:hover,
.pager .next>a:hover{ background: #fff; color: #1b2b57; }
.pager .prev>a>.inwrap:before,
.pager .prev>a>.inwrap:after{ content:""; background: url(../img/common/prev.svg); background-size: cover; width: 48px; height: 6px; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; transition: .4s; }
.pager .prev>a>.inwrap:after{ opacity: 0; background: url(../img/common/prev_h.svg); background-size: cover; width: 48px; height: 6px; }
.pager .next>a>.inwrap:after,
.pager .next>a>.inwrap:before{ content:""; background: url(../img/common/next.svg); background-size: cover; width: 48px; height: 6px; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 0; transition: .4s; }
.pager .next>a>.inwrap:after{ opacity: 0; background: url(../img/common/next_h.svg); background-size: cover; width: 48px; height: 6px; }
.pager .prev>a:hover>.inwrap:after,
.pager .prev>a:hover>.inwrap:before{ left: -5px; }
.pager .prev>a:hover>.inwrap:after{ opacity: 1; }
.pager .prev>a:hover>.inwrap:before{ opacity: 0; }
.pager .next>a:hover>.inwrap:after,
.pager .next>a:hover>.inwrap:before{ right: -5px; }
.pager .next>a:hover>.inwrap:after{ opacity: 1; }
.pager .next>a:hover>.inwrap:before{ opacity: 0; }
.pager .center{ display: flex; background: #262626; align-items: center; justify-content: center; width: 50%; border: 1px solid #262626; margin: 0px auto; height: 98px; }
.pager .center ul.page-numbers { text-align: center; font-size: 2rem; margin-left: -15px; }
.pager .center ul.page-numbers li { display: inline-block; margin-left: 15px; }
.pager .center ul.page-numbers li a,
.pager .center ul.page-numbers li span {display: block;text-align: center;margin: 0;text-decoration: none;transition : 0.5s;box-sizing: border-box;color: #fff;font-weight: bold;position: relative;}
.pager .center ul.page-numbers li a:before,
.pager .center ul.page-numbers li span:not(.dots):before{ content: ""; background: #fff; display: inline-block; height: 1px; width: 0; transition: .4s; position: absolute; bottom: 0; left: -1px; }
.pager .center ul.page-numbers li a:hover:before,
.pager .center ul.page-numbers li span:not(.dots):before{ width: calc(100% + 2px); }
.pager .center ul.page-numbers li span.dots { padding: 9px 5px; }
body.single .pager .center .backlink{display: flex;background: #262626;border: 1px solid #262626;align-items: center;justify-content: center;width: 100%;height: 100%;color: #fff;}
body.single .pager .center .backlink>.inwrap{ font-weight: bold;font-size: 1.8rem; display: inline-block; position: relative;padding-right: 55px; }
body.single .pager .center .backlink:hover{ background: #fff; color: #262626; }
body.single .pager .center .backlink>.inwrap:after,
body.single .pager .center .backlink>.inwrap:before{ content:""; background: url(../img/common/next.svg); background-size: cover; width: 48px; height: 6px; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 0; transition: .4s; }
body.single .pager .center .backlink>.inwrap:after{ opacity: 0; background: url(../img/common/next_h.svg); background-size: cover; width: 48px; height: 6px; }
body.single .pager .center .backlink>.inwrap:after,
body.single .pager .center .backlink>.inwrap:before{ right: -5px; }
body.single .pager .center .backlink:hover>.inwrap:after{ opacity: 1; }
body.single .pager .center .backlink:hover>.inwrap:before{ opacity: 0; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	.pager{ margin-top: 100px; }
	.pager>.incnt>.inwrap { height: auto; flex-wrap: wrap; display: flex; padding-top: 50px; }
	.pager .prev>a>.inwrap,
	.pager .next>a>.inwrap{ font-size: 1.8rem; }
	.pager .center ul.page-numbers { font-size: 1.8rem; }
	.pager .prev>a>.inwrap{ padding-left: 45px; }
	.pager .next>a>.inwrap{ padding-right: 45px; }
	.pager .prev>a>.inwrap:before,
	.pager .prev>a>.inwrap:after{ width: 38px; }
	.pager .prev>a>.inwrap:after{ width: 38px; }
	.pager .next>a>.inwrap:after,
	.pager .next>a>.inwrap:before{width: 38px;}
	.pager .next>a>.inwrap:after{ width: 38px; }
	.pager .prev{ order: 1; height: 50px; }
	.pager .next{ order: 2; height: 50px; }
	.pager .center{ order: 3; height: 70px; width: 100%; }
	.pager .prev,
	.pager .next { width: 50% }
	body.single .pager .center .backlink>.inwrap{ font-size: 1.6rem; }
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
}