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






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


Setting


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

/* 
ベース：base { color: #191919; } 
黒：black { color: #191919; }
白：white { color: #fff; }
ライトグレー：light { color: #f7f7f7; }
グレー：grey { color: #aaa; }
赤：red { color: #ff0000; }
黄色：yellow { color: #ffff00; }

キーカラー：main { color: #d60a0f; }

border：#ccc
bg：#f7f7f7
bg2：#eee
*/









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


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











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


sampleコンテンツ


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

/* #-samnav */
#-gnav ul { margin-top: 100px; }
#-gnav ul li { float: left; margin-right: 20px; font-family: Gotham-Black;}
#-gnav ul li a { text-decoration: none; }
#-gnav ul li a:hover { color: #ccc; opacity: 1; }
@media screen and (max-width: 767px) { 
}

/* #-pankuzu */
#-pankuzu { margin-top: 100px; }
#-pankuzu li { float: left;  }
#-pankuzu li a { text-decoration: underline; }
#-pankuzu li:after { content: "/"; margin: 0 5px; }
#-pankuzu li:last-child:after { display: none;  }
#-pankuzu li a:hover { color: #ccc; opacity: 1; }
@media screen and (max-width: 767px) { 
}


/* -cr */
.-cr { padding: 10px 0; }


/* -pagetitle */
.-pagetitle { text-align: left; margin-bottom: 40px; line-height: 1.6; font-weight: bold; color: #000; }
.-pagetitle .en { font-family: Gotham-Black; font-size: 3.2rem; }
.-pagetitle .txt:before { content: "/"; padding: 0 10px; }
@media screen and (max-width: 767px) { 
	.-pagetitle { margin-bottom: 30px; }
	.-pagetitle .en { font-size: 2rem; }
}

/* -sectitle */
.-sectitle { text-align: left; padding-bottom: 20px; line-height: 1.6; color: #cc0001; font-size: 2.8rem; position: relative; font-family: "游明朝", YuMincho, "Yu Mincho", "YuMincho"; }
@media screen and (max-width: 767px) { 
	.-sectitle { padding-bottom: 20px; font-size: 1.8rem; }
}














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


文字行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; }


/* ブログカード　*/
.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;'; /*IE対策*/  backface-visibility: hidden; }
.blogcard .title { font-weight: bold; line-height: 1.6; padding: 10px 0; }
.blogcard .excerpt { font-size: 1.4rem; 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: 1.2rem; }
}


/* 記事の目次　*/
.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;'; }

















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


sampleユニーク設定


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

/* #sec_options_img */
#-options_img li { height: 300px; width: 33.3%; float: left; }
#-options_img img { height: 100%; width: 100%; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ }


/* お知らせリスト */
.list1>li { padding: 15px 0; border-bottom: 1px solid #ccc; position: relative;}
.list1>li:first-child { padding-top: 0; }
.list1>li:last-child { border-bottom: 0; padding-bottom: 0;  }
.list1>li>a { text-decoration: none; }
.list1>li>a:hover { text-decoration: underline; }
.list1>li dt { font-size: 1.5rem; margin-bottom: 3px; }
.list1>li dt span { vertical-align: middle; }
.list1>li dt span.cat { margin-left: 10px; padding: 5px 10px; line-height: 1; vertical-align: middle; background: #000; color: #fff; font-size: 1.3rem; display: inline-block; }
.list1>li>dl { position: relative; }
@media screen and (max-width: 767px) { 
	.list1>li>dl { display: block; padding: 0; }
	.list1>li>dl>dd { width: 100% }
	.list1>li>dl>dd .txt { padding-left: 0!important; text-indent: 0;  }
	.list1>li>dl>dt { width: 100%; text-align: justify; margin-top: 5px; }
}


/* サムネイルリスト light */
.list2 { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -35px; }
.list2>li { width: calc(33.3% - 35px); margin-left: 35px; margin-bottom: 40px; }
.list2>li:nth-last-child(-n+3) { margin-bottom: 0px; }
.list2>li a { text-decoration: none; display: block; }
.list2>li>a:hover { opacity: 1; }
.list2>li a .img { position: relative; width: 100%; height: 220px; }
.list2>li a .img .thumb { overflow: hidden; width: 100%; height: 100%; display: block; }
.list2>li a .img .thumb img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/  transition: 0.5s; backface-visibility: hidden; }
.list2>li>a:hover .img .thumb img { transform: scale(1.1); }
.list2>li a .txtbox { margin-top: 30px; }
.list2>li a .txtbox .title { transition: 0.3s; backface-visibility: hidden; line-height: 1.6; margin-bottom: 5px; }
.list2>li span.date { vertical-align: middle; font-size: 1.5rem; }
.list2>li span.cat { margin-left: 10px; padding: 5px 10px; line-height: 1; vertical-align: middle; background: #aaa; color: #fff; font-size: 1.3rem; display: inline-block; vertical-align: middle; }
@media screen and (max-width: 767px) {
	.list2{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; margin-left: 0; }
	.list2>li{ width: 100%; margin-left: 0; margin-bottom: 25px; }
	.list2>li:nth-child(-n+3) { margin-bottom: 25px; }
	.list2>li:last-child{ margin-bottom: 0!important; }
	.list2>li a .img{ height: 200px; }
	.list2>li a .txtbox { margin-top: 25px; }
}


/* お知らせリスト */
.list3>li { padding: 15px 0; border-bottom: 1px solid #ccc; }
.list3>li:first-child { padding-top: 0; }
.list3>li:last-child { border-bottom: 0; padding-bottom: 0; }
.list3>li>a { text-decoration: none; padding-right: 100px; }
.list3>li>a:hover { text-decoration: underline; }
.list3>li span.view { float: right; }
@media screen and (max-width: 767px) { 
	.list3>li { padding-right: 0; }
	.list3>li span.view { float: none; display: block; }
}


/* お知らせリスト */
.list4>li { }
.list4>li:first-child { padding-top: 0; }
.list4>li:last-child { border-bottom: 0; padding-bottom: 0; }
.list4>li>a { text-decoration: none; }
.list4>li>a:hover { text-decoration: underline; }
@media screen and (max-width: 767px) { 
}


/* お知らせリスト */
.list5 { text-align: left; }
.list5>li { display: inline-block; }
.list5>li:first-child { padding-top: 0; }
.list5>li:last-child { border-bottom: 0; padding-bottom: 0; }
.list5>li:after { content: "/"; padding: 0 5px; }
.list5>li:last-child:after { display: none; }
.list5>li>a { text-decoration: none; }
.list5>li>a:hover { text-decoration: underline; }
@media screen and (max-width: 767px) { 
}











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


各種パーツ


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

/* postmeta */
.postmeta { text-align: left; margin-bottom: 60px; }
.postmeta:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
.postmeta .tag ul { display: inline-block; text-align: left; }
.postmeta .tag li { display: inline-block; margin-right: 3px; }


/* pager */
.pager { width: 100%; position: relative; }
.pager a.prev,
.pager a.next { left:0; position: absolute; top:50%; margin-top: -8px; text-decoration: none; }
.pager a.next { left:auto; right:0; }
.pager a.prev:hover,
.pager a.next:hover { text-decoration: underline; }
.pager a.prev:before,
.pager a.next:after { content: url(../../img/wp/arr1_black.svg); display: inline-block; width: 5px; line-height: 0; vertical-align: 1px; margin-left: 5px; }
.pager a.prev:before { transform: rotate(180deg); margin: 0; margin-right: 5px;}
@media screen and (max-width: 767px) {
	.pager { text-align: center; }
	.pager a.prev,
	.pager a.next { display: inline-block; position: static; margin: 0 10px 10px; }
}


/* 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; line-height: 50px; background: #fff; margin: 0; width: 50px; height: 50px; border-radius: 50%; text-decoration: none; transition : 0.5s; box-sizing: border-box; }
.pager ul.page-numbers li a:hover { background: #d60a0f; 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: #d60a0f; }
@media screen and (max-width: 767px) {
	.pager ul.page-numbers li a,
	.pager ul.page-numbers li span { line-height: 40px; width: 40px; height: 40px; }
	.pager ul.page-numbers li span.dots { padding: 5px 3px; }
}


/* feednav */
.feednav { width: 100%; position: relative; height: 30px; }
.feednav:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
.feednav a[rel="prev"],
.feednav a[rel="next"] { left:0; position: absolute; top:50%; margin-top: -8px; text-decoration: none; }
.feednav a[rel="next"] { left:auto; right:0; }
.feednav a[rel="prev"]:hover,
.feednav a[rel="next"]:hover { text-decoration: underline; }
.feednav a[rel="prev"]:before,
.feednav a[rel="next"]:after { content: url(../../img/wp/arr1_black.svg); display: inline-block; width: 5px; line-height: 0; vertical-align: 1px; margin-left: 5px; }
.feednav a[rel="prev"]:before { transform: rotate(180deg); margin: 0; margin-right: 5px;}
@media screen and (max-width: 767px) {
	.feednav { text-align: center; }
	.feednav a[rel="prev"],
	.feednav a[rel="next"] { display: inline-block; position: static; margin: 0 10px 10px; }
}


/* pagenav */
.pagenav { margin-top: 160px; }


/* .snsbtnbox */
.snsbtnbox { display: flex; justify-content: center; align-items: center; }
.snsbtnbox li a { border-radius: 50%; width: 40px; height: 40px; margin: 3px; position: relative; display: block; box-sizing: border-box; }
.snsbtnbox li a.fb { background: #3B5998; }
.snsbtnbox li a.tw { background: #55acee; }
.snsbtnbox li a.insta { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffe9ae+2,ffe9ae+2,ffbd02+15,ff136e+42,802beb+96,564ee5+100 */ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(45deg,  rgba(255,255,255,1) 0%, rgba(255,233,174,1) 2%, rgba(255,233,174,1) 2%, rgba(255,189,2,1) 15%, rgba(255,19,110,1) 42%, rgba(128,43,235,1) 96%, rgba(86,78,229,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(255,233,174,1) 2%,rgba(255,233,174,1) 2%,rgba(255,189,2,1) 15%,rgba(255,19,110,1) 42%,rgba(128,43,235,1) 96%,rgba(86,78,229,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(255,233,174,1) 2%,rgba(255,233,174,1) 2%,rgba(255,189,2,1) 15%,rgba(255,19,110,1) 42%,rgba(128,43,235,1) 96%,rgba(86,78,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#564ee5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.snsbtnbox li a.hatebu { background: #00A4DE; }
.snsbtnbox li a.pocket { background: #E63F4F; }
.snsbtnbox li a.google { background: #f24033; }
.snsbtnbox li a.line { background: #00c300; }
.snsbtnbox li a.fb:hover { background: #fff; border: 3px solid #3B5998; }
.snsbtnbox li a.tw:hover { background: #fff; border: 3px solid #55acee; }
.snsbtnbox li a.insta:hover { background: #fff; border: 3px solid #FF136E; }
.snsbtnbox li a.hatebu:hover { background: #fff; border: 3px solid #00A4DE; }
.snsbtnbox li a.pocket:hover { background: #fff; border: 3px solid #E63F4F; }
.snsbtnbox li a.google:hover { background: #fff; border: 3px solid #f24033; }
.snsbtnbox li a.line:hover { background: #fff; border: 3px solid #00c300; }
.snsbtnbox li a.fb:hover svg { fill: #3B5998; }
.snsbtnbox li a.tw:hover svg { fill: #55acee; }
.snsbtnbox li a.insta:hover svg { fill: #FF136E; }
.snsbtnbox li a.hatebu:hover svg { fill: #00A4DE; }
.snsbtnbox li a.pocket:hover svg { fill: #E63F4F; }
.snsbtnbox li a.google:hover svg { fill: #f24033; }
.snsbtnbox li a.line:hover svg { fill: #00c300; }
.snsbtnbox li a svg { width: 20px; height: 15px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.snsbtnbox li a.insta svg{ width: 23px; height: 23px; }
.snsbtnbox li a svg { fill: #fff; }
@media screen and (max-width: 767px) { 
}