@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
*/


















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


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-left: auto; margin-right: 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; }


/*
// ページャー
*/
/* pagenav */
.wp .pagenav { width: 100%; text-align: center; height:130px; position: relative; margin-left: auto; margin-right: auto; border-top: 1px solid #005188; border-bottom: 1px solid #005188; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: center; }
.wp .pagenav .prev a,
.wp .pagenav .next a{ text-decoration: none; line-height: 1; }
.wp .pagenav .prev a:hover,
.wp .pagenav .next a:hover{ color: #005188; }
.wp .pagenav .prev,
.wp .pagenav .next{ position: absolute; top: 0; bottom: 0; }
.wp .pagenav .prev{ left: 0; }
.wp .pagenav .next{ right: 0; }
.wp .pagenav .prev,
.wp .pagenav .next,
.wp .pagenav .numtxt{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; }
.wp .pagenav .prev svg,
.wp .pagenav .next svg{ width: 24px; height: 24px; vertical-align: -5px; }
.wp .pagenav .prev svg{ -webkit-transform: rotate(180deg);transform: rotate(180deg); }
.wp .pagenav .prev svg .arricon_st0.st0,
.wp .pagenav .next svg .arricon_st0.st0{ fill:#005188; }
.wp .pagenav .prev:hover,
.wp .pagenav .next:hover { }
.wp .pagenav .numtxt{ text-align: center; }
.wp .pagenav .numtxt .nownum:after{ content: "/"; padding-left: 3px; margin-right: 5px; text-align: right; }
.wp .pagenav .numtxt .nownum,
.wp .pagenav .numtxt .allnum{ display: inline-block; vertical-align: middle; }
@media screen and (max-width: 1040px){
	.wp .pagenav{ height: 100px; }
}
@media screen and (max-width: 639px) {
	.wp .pagenav{ height: 65px; padding-top: 15px; padding-bottom: 10px; }
	.wp .pagenav .prev{ text-align: left; }
	.wp .pagenav .next{ text-align: right; }
	.wp .pagenav .numtxt{ text-align: center; margin-top: auto; }
	.wp .pagenav .prev,
	.wp .pagenav .next{ bottom: auto; top: 15px; }
	.wp .pagenav .prev svg,
	.wp .pagenav .next svg{ vertical-align: -6px; }
	#topics.wp.single .pagenav .prev,
	#topics.wp.single .pagenav .next{ bottom: 0; top: 0; }
}

/* 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: #992a6c; color: #fff; border-color: #992a6c; 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: #992a6c; border-color: #992a6c; }
@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; }


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



/* .snsbtnbox */
.snsbtnbox { text-align: center; margin-left: -15px; margin-top: 65px; }
.snsbtnbox .title,
.snsbtnbox .list{ display: inline-block; vertical-align: middle; }
.snsbtnbox .title{ font-size: 1.8rem; margin-left: 15px; vertical-align: 2px; }
.snsbtnbox .list>li{ margin-left: 15px; display: inline-block; vertical-align: middle; }
.snsbtnbox .list>li a.fb svg{ width: 32px; height: 32px; }
.snsbtnbox .list>li a.tw svg{ width: 26px; height: 22px; }
.snsbtnbox .list>li a.line svg{ width: 32px; height: 32px; }