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



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


Editor：unit設定


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














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


文字行EDITOR


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

/* 文字行EDIT v4の出力領域（管理画面も共通） */
.txtbody { max-width: 880px; margin: 0 auto; }
.txtbody:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
.txtbody p, .txtbody div, .txtbody ul, .txtbody ol, .txtbody img, .txtbody table { margin-bottom: 30px; }
.txtbody p:last-child, .txtbody div:last-child, .txtbody ul:last-child, .txtbody ol:last-child, .txtbody img:last-child, .txtbody table:last-child { margin-bottom: 0px; }


.txtbody ul li { padding-left: 1em!important; text-indent: -1em; }
.txtbody ol li { counter-increment: number; padding-left: 1.6em!important; text-indent: -1.6em; }
.txtbody ul li:before { content: "・"; }
.txtbody ol li:before { content: counter(number) "．"; }
.txtbody ul.none li { padding-left: 0!important; text-indent: 0; }
.txtbody ul.dot li:before { content:"●"!important; font-size: 0.6rem; margin-right: 0.4em; color: #660116; }


.txtbody .insectitle { margin-top: 100px; margin-bottom: 30px; }
.txtbody .blocktitle { margin-top: 60px; margin-bottom: 20px;}
.txtbody .subtitle { margin-top: 30px; margin-bottom: 20px; }
.txtbody .insectitle:first-child, .txtbody .blocktitle:first-child, .txtbody .subtitle:first-child { margin-top: 0px; }
@media screen and (max-width: 767px) {
	.txtbody .insectitle { margin-top: 60px; margin-bottom: 25px; }
	.txtbody .blocktitle { margin-top: 40px; margin-bottom: 10px;}
	.txtbody .subtitle { margin-top: 20px; margin-bottom: 10px; }
}

.txtbody div.clearfix { margin-bottom: 0; }
.txtbody div p:last-child, .txtbody div ul:last-child, .txtbody div ol:last-child, .txtbody div img:last-child, .txtbody div table:last-child, .txtbody div div: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; }
}



/*

boxunit

*/
.boxunit ul {}
.boxunit ul li { margin-bottom: 20px; }
.boxunit ul.col2 { margin-left: -4%; }
.boxunit ul.col2 li { width: 46%; float: left; margin-left: 4%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 4%; }
.boxunit ul.col3 { margin-left: -3%; }
.boxunit ul.col3 li { width: 30.3%; float: left; margin-left: 3%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 3%; }
.boxunit ul.col4 { margin-left: -3%; }
.boxunit ul.col4 li { width: 22%; float: left; margin-left: 3%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.boxunit ul:after,
.boxunit ul li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
.boxunit ul li .element:last-child{ margin-bottom: 0; }

.boxunit.borderbox ul { margin-bottom: -40px; margin-top: -40px; }
.boxunit ul li.separate { margin-bottom: 4%; }
.boxunit ul.col2 li.separate:nth-child(2n-1) { border: none; padding-left: 0; }
.boxunit ul.col2 li.separate:nth-child(2n) { padding-right: 0; }
.boxunit ul.col3 li.separate { width: 33.3%; border: none; border-left: 1px solid #191919; margin-left: 0; padding-bottom: 0; padding-top: 0;  }
.boxunit ul.col3 li.separate:nth-child(3n-2) { border: none; padding-left: 0; }
.boxunit ul.col3 li.separate:nth-child(3n) { padding-right: 0; }
.boxunit ul.col4 li.separate { width: 25%; border: none; border-left: 1px solid #191919; margin-left: 0; padding-bottom: 0; padding-top: 0;  }
.boxunit ul.col4 li.separate:nth-child(4n-3) { border: none; padding-left: 0; }
.boxunit ul.col4 li.separate:nth-child(4n) { padding-right: 0; }

.boxunit ul li.closely{ border-left: none; margin-left: 0; padding: 4%; }
.boxunit ul.col2 li.closely { width: 50%; }
.boxunit ul.col2 li.closely:nth-child(2n-1) { border-left: 1px solid #191919;  }
.boxunit ul.col2 li.closely:nth-child(n+3) { border-top: none; margin-top: -4%; }
.boxunit ul.col3 li.closely { width: 33.3%; }
.boxunit ul.col3 li.closely:nth-child(3n-2) { border-left: 1px solid #191919; }
.boxunit ul.col3 li.closely:nth-child(n+4) { border-top: none; margin-top: -3%; }
.boxunit ul.col4 li.closely { width: 25%;  }
.boxunit ul.col4 li.closely:nth-child(4n-3) { border-left: 1px solid #191919; }
.boxunit ul.col3 li.closely:nth-child(n+5) { border-top: none; margin-top: -3%; }

.boxunit ul li.closely{  }
.boxunit ul.none li.closely { border-top: none; margin-bottom: 0; }
.boxunit ul.none li.closely:first-child { border-top: 1px solid #191919; }

.boxunit ul li.separate{  }
.boxunit ul.none li.separate { border: none; border-top: 1px solid #191919; margin-bottom: 0; padding-left: 0; padding-right: 0; }
.boxunit ul.none li.separate:first-child { border-top: none; }

@media screen and (max-width: 767px) {
	.boxunit.bgbox ul { margin-bottom: -40px; margin-top: -40px; }
	.boxunit ul.col2,
	.boxunit ul.col3,
	.boxunit ul.col4 { margin-left:0; }
	.boxunit ul.col2 li,
	.boxunit ul.col3 li,
	.boxunit ul.col4 li { width: 100%!important;  margin-left: 0;}
	
	.boxunit ul li.separate{ border: none!important; border-top: 1px solid #191919!important; margin-bottom: 0; padding-left: 0; padding-right: 0; }
	.boxunit ul li.separate:first-child { border-top: none!important; }
	
	.boxunit ul li.closely { border: 1px solid #191919!important; border-top: none!important; margin-bottom: 0!important; }
	.boxunit ul li.closely:first-child { border-top: 1px solid #191919!important; }
	.boxunit ul.col2 li.closely:nth-child(n+3) { margin-top: 0px; }
	
}
@media screen and (max-width: 479px) { 
	.boxunit.borderbox ul, .boxunit.bgbox ul { margin-bottom: -8%; margin-top: -8%; }
}




/*

defineunit

*/
.defineunit>ul>li{ margin-bottom: 30px; }
.defineunit>ul>li.bgbox,.defineunit>ul>li.borderbox{ margin-bottom: 20px; }
.defineunit>ul>li.leftright dl{ display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; }
.defineunit>ul dt, .defineunit>ul dd{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; }
.defineunit>ul>li dl{ margin-bottom: -20px; }
.defineunit>ul>li dt,
.defineunit>ul>li dd{ margin-bottom: 20px; }
.defineunit>ul>li dt { margin-right: 20px;  }
.defineunit>ul>li dd { border-left: 1px solid #191919;  }
.defineunit>ul>li.updown dd { border-left: none;  }
.defineunit>ul>li dd:empty{ display: none; }
.defineunit>ul dd .element:last-child{ margin-bottom: 0; }
.defineunit>ul>li.leftright dd{ padding-left: 20px; }
.defineunit>ul>li.accordion dt{ cursor: pointer; position: relative; }
.defineunit>ul>li.accordion dt:before { content: ""; width: 27px; background: #191919; height: 1px; position: absolute; top: 50%; margin-top: 0px; right: 0; }
.defineunit>ul>li.accordion dt:after { content: ""; width: 1px; background: #191919; height: 27px; position: absolute; top: 50%; margin-top: -13px; right: 13px; }
.defineunit>ul>li.accordion dt.open:after { display: none; }
.defineunit>ul>li.accordion dt,
.defineunit>ul>li.accordion dd{ margin-bottom: 20px; }
.defineunit>ul>li.separate{ border-bottom: 1px solid #191919; margin-bottom: auto; padding: 40px 0; }
.defineunit>ul>li.separate:last-child{ border-bottom: none; }
.defineunit>ul>li.closely{ margin-bottom: 0; border-bottom: none; }
.defineunit>ul>li.closely:last-child{ border-bottom: 1px solid #191919; }
@media screen and (max-width: 767px) { 
		.defineunit>ul>li{ margin-bottom: 20px; }
	.defineunit>ul>li dd { border-left: none; }
	.defineunit>ul>li.leftright dd{ padding-left: 0; }
	.defineunit>ul>li.leftright{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
	.defineunit>ul>li.separate.leftright dt{ border-bottom: none; }
}




/*

qandaunit

*/
.qandaunit>ul>li{ margin-bottom: 20px }
.qandaunit>ul>li:last-child{ margin-bottom: 0 }
.qandaunit>ul>li dl{  margin-bottom: -10px ; }
.qandaunit>ul>li dl>.question,
.qandaunit>ul>li dl>.answer
{ margin-bottom: 10px; }
.qandaunit>ul>li dl>.question:before{ content: 'Q.'; font-size:2em; font-family: "游明朝", YuMincho, "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif; margin-right: 5px; line-height: 1;}
.qandaunit>ul>li dl>.answer:empty{ display: none; }

.qandaunit>ul>li dl>.answer>.element:last-child{ margin-bottom: 0; }
.qandaunit>ul>li.accordion dl>.question{ position: relative; cursor: pointer; font-family: "游明朝", YuMincho, "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif; font-size:1.25em }
.qandaunit>ul>li.accordion dl>.question:before { content: ""; width: 27px; background: #191919; height: 1px; position: absolute; top: 50%; margin-top: 0px; right: 0; margin-right: 0; font-size:0; }
.qandaunit>ul>li.accordion dl>.question:after { content: ""; width: 1px; background: #191919; height: 27px; position: absolute; top: 50%; margin-top: -13px; right: 13px; }
.qandaunit>ul>li.accordion dl>.question.open:after { display: none; }
.qandaunit>ul>li.closely{ margin-bottom: 0; border-bottom: none; }
.qandaunit>ul>li.closely:last-child{ border-bottom: 1px solid #191919; }
.qandaunit>ul>li.separate{ border-bottom: 1px solid #191919; margin-bottom: auto; padding: 40px 0; }
.qandaunit>ul>li.separate:last-child{ border-bottom: none; }
@media screen and (max-width: 767px) {
	.qandaunit>ul>li.accordion dl>.question{ font-size:1.15em }
}




/*

galleryunit

*/
.galleryunit>ul{ display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;  }
.galleryunit>ul.col2>li{ width: 50%; }
.galleryunit>ul.col3>li{ width: 33.3%; }
.galleryunit>ul.col4>li{ width: 25%; }
.galleryunit>ul.col5>li{ width: 20%; }
.galleryunit>ul.col6>li{ width: 16.6%; }
.galleryunit>ul.col7>li{ width: 14.2%; }
.galleryunit>ul.col8>li{ width: 12.5%; }
.galleryunit>ul.square>li img,
.galleryunit>ul.rectangle4-2>li img,
.galleryunit>ul.rectangle5-3>li img,
.galleryunit>ul.rectangle5-4>li img{ width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }












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


投稿パーツ


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

/*

投稿データ

*/
/* posttitle */
.wp .posttitle { font-size: 36px; font-weight: bold; margin-bottom: 10px; line-height: 1.6; }
@media screen and (max-width: 767px) { 
	.wp .posttitle{ font-size: 22px; margin-bottom: 10px; }
}

/* postmeta */
.wp .postmeta { text-align: left; margin-bottom: 40px; }
.wp .postmeta div { display: inline-block; font-size: 14px; margin-right: 10px; color: #aaa; margin-left: -1px; }
.wp .postmeta .tag ul { display: inline-block; text-align: left; }
.wp .postmeta .tag li { display: inline-block; margin-right: 3px; }



/*

ページャー

*/

/*
// ページャー
*/
/* pagenav */
.wp .pagenav { width: 100%; text-align: center; height:30px; position: relative; max-width: 600px; margin-left: auto; margin-right: auto; }
.wp .pagenav .prev,
.wp .pagenav .next { left:0; position: absolute; top:5px; border: none; padding-left: 0; padding-right: 0; text-decoration: none; transition: 0.3s; }
.wp .pagenav .next { left:auto; right:0; }
.wp .pagenav .prev:hover,
.wp .pagenav .next:hover { text-decoration: underline; }
.wp .pagenav .prev:before,
.wp .pagenav .next:after { content: url(../../img/common/arr1.svg); display: inline-block; width: 12px; line-height: 0; height: 8px; vertical-align: 1px; margin-left: 5px; transform: rotate(-90deg); }
.wp .pagenav .prev:before { transform: rotate(90deg); margin: 0; margin-right: 5px;}
@media screen and (max-width: 639px) {
	.wp .pagenav { height:60px; }
	.wp .pagenav .prev,
	.wp .pagenav .next { display: inline-block; position: static; margin: 0 10px 10px; }
}

/* pagenav page-numbers */
.wp ul.page-numbers { display: block; text-align: center; margin: 0; padding: 0; clear: both; }
.wp ul.page-numbers li { margin: 0!important; padding: 0!important; display: inline-block; }
.wp ul.page-numbers li a,
.wp ul.page-numbers li span { display: block; text-align: center; line-height: 50px; background: #f2f2f2; margin: 0; width: 50px; height: 50px; text-decoration: none; color: inherit; -webkit-transition: 0.5s; -moz-transition : 0.5s; transition : 0.5s; }
.wp ul.page-numbers li a:hover { background: #000; color: #fff; border-color: #000; opacity: 1; }
.wp ul.page-numbers li span.dots { background: none!important; border: none; padding: 9px 5px; }
.wp ul.page-numbers li span.current { cursor: default; color: #fff; background: #000; border-color: #000; }
@media screen and (max-width: 639px) {
	.wp ul.page-numbers li a,
	.wp ul.page-numbers li span { padding: 5px 8px; font-size: 13px; line-height: 40px; width: 40px; height: 40px; }
	.wp ul.page-numbers li span.dots { padding: 5px 3px; }
}


/* 一覧ボタン */
.wp .pagerlinkbtn { text-align: center; width: 100%; margin-top: 10px; }
.wp .pagerlinkbtn a { margin: 0 5px 10px; }