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






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


Setting


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

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

キーカラー：main { color: #004680; }
キーカラー：sub { color: #79511b; }

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











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


reset


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

.-article:after,
.-section:after,
.-incnt:after,
.-insec:after, 
.-block:after,
.-element:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }









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


sampleコンテンツ


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

.-article { margin-bottom: 160px; }

/* #-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) { 
}

/* .-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.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.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.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 svg { fill: #fff; }
@media screen and (max-width: 767px) { 
}

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












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


基本構成


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

/* -section */
.-section { margin-bottom: 160px; }
@media screen and (max-width: 767px){
	.-section { margin-bottom: 80px; }
}


/* -insec */
.-insec { margin-bottom: 60px; }
@media screen and (max-width: 767px){
	.-insec { margin-bottom: 40px; }
}


/* -incnt */
.-incnt { max-width: 1040px; width: 88%; margin: 0 auto; position: relative; }
.-incnt.min { max-width: 880px; }
.-incnt.wide { max-width: 1180px; }
.-incnt.max { max-width: 1380px; }
.-incnt.fix { max-width: none; width: calc(100% - 120px); margin: 0 60px; }
.-incnt.full { max-width: none; width: 100%; }
@media screen and (max-width: 1280px){
	.-incnt.fix { width: calc(100% - 80px); margin: 0 40px; }
}
@media screen and (max-width: 1040px){
	.-incnt, .-incnt.full, .-incnt.max, .-incnt.wide, .-incnt.min { width: 88%; }
}
@media screen and (max-width: 767px){
	.-incnt, .-incnt.full, .-incnt.max, .-incnt.wide, .-incnt.min { width: 88%; }
	.-incnt.fix { width: calc(100% - 40px); margin: 0 20px; }
	.-incnt.none { width: 100%; }
}


/* -block */
.-block { margin-bottom: 60px; }
.-block.wide { margin-bottom: 80px; }
.-block.min { margin-bottom: 40px; }
.-block.none { margin-bottom: 0px; }
.-block:last-child { margin-bottom: 0; }
@media screen and (max-width: 767px) {
	.-block { margin-bottom: 40px; }
	.-block.wide { margin-bottom: 60px; }
	.-block.min { margin-bottom: 30px; }
	.-block.none { margin-bottom: 0px; }
}

/* ーelement */
.-element { margin-bottom: 30px; }
.-element.wide { margin-bottom: 60px; }
.-element.min { margin-bottom: 20px; }
.-element.long { margin-bottom: 40px; }
.-element.long.wide { margin-bottom: 60px; }
.-element.long.min { margin-bottom: 30px; }
.-element.short { margin-bottom: 20px; }
.-element.short.wide { margin-bottom: 30px; }
.-element.short.min { margin-bottom: 10px; }
.-element.none { margin-bottom: 0px; }
.-element:not(.-scroll):last-child,
.-insec>.-element:not(.-scroll):last-child,
.-section>.-element:not(.-scroll):last-child { margin-bottom: 0; }
@media screen and (max-width: 767px) {
	.-element { margin-bottom: 20px; }
	.-element.wide { margin-bottom: 30px; }
	.-element.min { margin-bottom: 10px; }
	.-element.long { margin-bottom: 30px; }
	.-element.long.wide { margin-bottom: 40px; }
	.-element.long.min { margin-bottom: 20px; }
	.-element.short { margin-bottom: 20px; }
	.-element.short.wide { margin-bottom: 30px; }
	.-element.short.min { margin-bottom: 10px; }
	.-element.none { margin-bottom: 0px; }
}


/* 装飾ボックス */
.-bgbox { background: #f7f7f7; padding: 40px; }
.-bgbox.white { background: #fff; }
.-bgbox.lightblue { background: #f2f6f9;}
.-bgbox.wide { padding: 60px; }
@media screen and (max-width: 639px) { 
	.-bgbox, .-bgbox.wide { padding: 8%; }
}


/* ボーダーボックス */
.-borderbox { padding: 40px; border: 1px solid #333; }
@media screen and (max-width: 639px) { 
	.-borderbox { padding: 8%; }
}


/* スマホ横スクロール（js連動） data-spwidth属性にスマホ時の表示サイズを記載 */
/* .scrollmsg { display: none; color: #004680; margin-bottom: 10px; } */
@media screen and (max-width: 767px) {
/*
	.scrollmsg { display: block; }
	.scrollwrap { overflow: auto; -webkit-overflow-scrolling: touch; border: 8px solid #f1f1f1; box-sizing: border-box; }
*/
	.-scroll { overflow: auto; text-align: center; -webkit-overflow-scrolling: touch; /*滑らかに*/ }
}

/* float回り込みテキスト */
/* wp初期設定の調整 */
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0; }
.alignright { float: right; margin: 0; }
.-roundleft img  { width: 45%; min-width: 350px; margin-right: 30px; margin-bottom: 20px; float: left; }
.-roundright img  { width: 45%; min-width: 350px; margin-left: 30px; margin-bottom: 20px; float: right; }
@media screen and (max-width: 767px) { 
	.-roundleft img,
	.-roundright img { float: none; width: 100%; margin-left: 0; margin-right: 0; min-width: 0; max-width: none; }
}









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


基本テキスト装飾


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


/* 装飾 */
/*
.mincho { font-family: yu-mincho-pr6n,"游明朝体",YuMincho,"Yu Mincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif; } 
.gothic { font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;  } 
*/


/* テキスト寄せ */
/*
.tl { text-align: left!important; }
.tc { text-align: center!important; }
.tr { text-align: right!important; }
*/


/* 文字装飾 */
/*
strong { font-weight: bold!important; }
del { text-decoration: line-through!important; }

.inb { display: inline-block; }
.palt { font-feature-settings : "palt"; letter-spacing: 0.05em; }
.bold,
.bold span,
.bold li { font-weight: bold!important; }
.normal,
.normal span { font-weight: normal!important; }
.underline { text-decoration: underline!important; }
.linethrough { text-decoration: line-through!important; }
.txtsmall { font-size: 14px; } 
*/


/* 大きい文字 */
/*
.txtbig1 { font-size: 24px;; font-weight: bold; line-height: 1.7; }
.txtbig2 { font-size: 20px; font-weight: bold; line-height: 1.7; }
@media screen and (max-width: 767px) { 
	.txtbig1 { font-size: 18px; }
	.txtbig2 { font-size: 15px; line-height: 2; }
}
*/


/* メインカラー */
/*
.txtmain { color: #004680; }
.bgmain { background: #004680; }
.markermain { background: linear-gradient(transparent 60%, #004680 0%); }
.bordermain { border: 1px solid #004680; }
*/

/* サブカラー */
/*
.txtsub { color: #79511b; }
.bgsub { background: #79511b; }
.markersub { background: linear-gradient(transparent 60%, #79511b 0%); }
.bordersub { border: 1px solid #79511b; }
*/

/* 黒 */
/*
.txtblack { color: #333; }
.bgblack { background: #333; }
.markerblack { background: linear-gradient(transparent 60%, #333 0%); }
.borderblack { border: 1px solid #333; }
*/

/* 白 */
/*
.txtwhite { color: #fff; }
.bgwhite { background: #fff; }
.markerwhite { background: linear-gradient(transparent 60%, #fff 0%); }
.borderwhite { border: 1px solid #fff; }
*/

/* 薄い色 */
/*
.txtlight { color: #f7f7f7; }
.bglight { background: #f7f7f7; }
.markerlight { background: linear-gradient(transparent 60%, #f7f7f7 0%); }
.borderlight { border: 1px solid #f7f7f7; }
*/

/* グレー */
/*
.txtgrey { color: #aaa; }
.bggrey { background: #aaa; }
.markergrey { background: linear-gradient(transparent 60%, #aaa 0%); }
.bordergrey { border: 1px solid #aaa; }
*/

/* 赤 */
/*
.txtred { color: #ff0000; }
.bgred { background: #ff0000; }
.markerred { background: linear-gradient(transparent 60%, #ff0000 0%); }
.borderred { border: 1px solid #ff0000; }
*/

/* 黄色 */
/*
.txtyellow { color: #ffff00; }
.bgyellow { background: #ffff00; }
.markeryellow { background: linear-gradient(transparent 60%, #ffff00 0%); }
.borderyellow { border: 1px solid #ffff00; }
*/


/* iframe（動画） */
/*
.iframe { clear: both; text-align: center; position: relative; width: 100%; padding-top: 56.25%; }
.iframe iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
*/


/* reset */
/* li, ol, ul, dl, dt, dd { list-style-type : none; padding: 0; margin: 0; list-style: none; } */


/* indext */
/*
p.indent,
ul.indent li, 
ol.indent li { padding-left: 1em!important; text-indent: -1em; }
*/


/* caution */
/*
p.caution,
ul.caution li { padding-left: 1em!important; text-indent: -1em; }
p.caution:before,
ul.caution li:before { content:"※"!important; }
*/


/* margin */
ul.margin5 li, ol.margin5 li { margin-bottom: 5px; }
ul.margin10 li, ol.margin10 li { margin-bottom: 10px; }


/* 本文 */
.-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) "．"; }
/* 管理画面テキストエディタ用 */
body.mceContentBody ul li { padding-left: 1em!important; text-indent: -1em; }
body.mceContentBody ol li { counter-increment: number; padding-left: 1.6em!important; text-indent: -1.6em; }
body.mceContentBody ul li:before { content: "・"; }
body.mceContentBody ol li:before { content: counter(number) "．"; }


/* blockquote */
blockquote, q { margin: 0; padding: 0; border: 0; font-style:normal; font-weight: normal; vertical-align: baseline; background:transparent; quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
blockquote{ border-left: 2px solid #191919; padding-left: 20px; padding-right: 20px; }


/* シンプルテキスト */
/*
.txtstyle1 { font-size: 32px; line-height: 1.7; color: #004680; letter-spacing: 0.05em; font-feature-settings : "palt"; font-weight: bold; } 
.txtstyle2 { font-size: 24px; line-height: 1.7; color: #004680; letter-spacing: 0.05em; font-feature-settings : "palt"; font-weight: bold; } 
@media screen and (max-width: 767px) { 
	.txtstyle1 { font-size: 20px; }
	.txtstyle1 br { display: none; }
	.txtstyle2 { font-size: 18px; }
}
@media screen and (max-width: 479px) {
}
*/

















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


タイトル・コピー・訴求テキスト


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

/* -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: 32px; }
.-pagetitle .txt:before { content: "/"; padding: 0 10px; }
@media screen and (max-width: 767px) { 
	.-pagetitle { margin-bottom: 30px; }
	.-pagetitle .en { font-size: 20px; }
}


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


/* -cnttitle */
.-cnttitle { text-align: left; padding-bottom: 20px; line-height: 1.6; color: #000; font-size: 34px; position: relative; font-family: "游明朝", YuMincho, "Yu Mincho", "YuMincho"; margin-bottom: 60px; }
.-cnttitle:before { content: ""; width: 70px; height: 2px; position: absolute; left: 0; bottom: 0; display: inline-block; background: #000; }
@media screen and (max-width: 767px) { 
	.-cnttitle { padding-bottom: 20px; font-size: 20px; }
	.-cnttitle:before { width: 40px; height: 1px; }
}

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

/* -blocktitle */
.-blocktitle { text-align: left; line-height: 1.7; color: #000; font-size: 24px; font-weight: bold; }
@media screen and (max-width: 767px) { 
	.-blocktitle { font-size: 18px; }
}

/* -copytxt */
.-copytxt {  }
@media screen and (max-width: 767px) { 
	.-copytxt { }
}






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


リンク・ボタン


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

/* init */
/*
a { color: #333; transition: 0.3s; }
a:hover { color: #666; }
*/
a.-btn { transition: 0.6s; backface-visibility: hidden; color: inherit; }
a.-btn:hover, a.-btn:active, a.-btn::link, a.-btn::visited { text-decoration: underline; }
@media screen and (max-width: 767px) {
	a.-btn { transition: none; }
}

/* ボタン装飾 */
a.-btn { display: inline-block; font-size: 100%; padding:30px 30px; min-width: 220px; line-height: 1.6; text-align: center; text-decoration: none!important; position: relative; }
@media screen and (max-width: 767px) {
	a.-btn { padding: 30px 10%; }
}
@media screen and (max-width: 400px) {
	a.-btn { padding: 30px 5%; width: 90%; }
}

/* ボタン個別設定 */
a.-btn.-borderwhite { background: none; border: 1px solid #fff; color: #fff; }
a.-btn.-borderwhite:hover { background: #fff; color: #004680; }

a.-btn.-bordermain { background: none; border: 1px solid #004680; color: #004680; }
a.-btn.-bordermain:hover { background: #004680; color: #fff; }

a.-btn.-bgmain { background: #333; color: #fff; border: 1px solid #004680; }
a.-btn.-bgmain:hover { background: #fff; color: #004680; }



/* リンクボタン */
a.-linkbtn { text-align: left; font-family: Gotham-Black; font-weight: bold; text-decoration: none; }
a.-linkbtn:hover { color: #ccc; opacity: 1; }
a.-linkbtn:after { content: "→"; margin-left: 5px; }
@media screen and (max-width: 767px){
}


/* .-backlink */
a.-backlink { text-align: center; font-family: Gotham-Black; font-weight: bold; }


/* テキストリンク */
/*
a { color: #333; transition: 0.3s; }
a.link:visited{ color: inherit; }
a.link:hover{ color: #666; }
*/














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


テーブル


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

/* reset */
/*
table { border-collapse: collapse; border-spacing:0; text-align: left; font-style:normal; font-weight:normal; width:100%; }
table th, table td { text-align: left; vertical-align: middle; list-style: none; word-break: break-all; }
table th { font-weight: bold }
table.normal, table.typeA, table.typeB { width: 100%; margin: 10px 0; margin-bottom: 5px; }
*/


/* common */
/*
table.normal th, table.normal td,
table.typeA th, table.typeA td,
table.typeB th, table.typeB td { padding: 20px 2%; line-height: 1.5; border: 1px solid #ccc; }
*/


/* typeA */
/*
table.typeA thead th { background: #eee; text-align: center; } 
table.typeA tbody th { background: #f7f7f7; } 
*/


/* typeB */
/*
table.typeB thead th, table.typeB thead td { text-align: center; font-weight: bold; background: #eee; }
table.typeB th { background: #f7f7f7; }
*/










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


paddding・margin・border


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

/* border */
/*
.bt0{ border-top:0!important; }
.bb0{ border-bottom:0!important; }
.br0{ border-right:0!important; }
.bl0{ border-left:0!important; }
.b0{ border:0!important; }
*/

/* paddding・margin */
/*
.pt0 { padding-top: 0px !important; }
.pb0 { padding-bottom: 0px !important; }
.pl0 { padding-left: 0px !important; }
.pr0 { padding-right: 0px !important; }
.mt0 { margin-top: 0px !important; }
.mb0 { margin-bottom: 0px !important; }
.ml0 { margin-left: 0px !important; }
.mr0 { margin-right: 0px !important; }
.pt10 { padding-top: 10px !important; }
.pb10 { padding-bottom: 10px !important; }
.pl10 { padding-left: 10px !important; }
.pr10 { padding-right: 10px !important; }
.mt10 { margin-top: 10px !important; }
.mb10 { margin-bottom: 10px !important; }
.ml10 { margin-left: 10px !important; }
.mr10 { margin-right: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pb15 { padding-bottom: 15px !important; }
.pl15 { padding-left: 15px !important; }
.pr15 { padding-right: 15px !important; }
.mt15 { margin-top: 15px !important; }
.mb15 { margin-bottom: 15px !important; }
.ml15 { margin-left: 15px !important; }
.mr15 { margin-right: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pb20 { padding-bottom: 20px !important; }
.pl20 { padding-left: 20px !important; }
.pr20 { padding-right: 20px !important; }
.mt20 { margin-top: 20px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml20 { margin-left: 20px !important; }
.mr20 { margin-right: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pb30 { padding-bottom: 30px !important; }
.pl30 { padding-left: 30px !important; }
.pr30 { padding-right: 30px !important; }
.mt30 { margin-top: 30px !important; }
.mb30 { margin-bottom: 30px !important; }
.ml30 { margin-left: 30px !important; }
.mr30 { margin-right: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pb40 { padding-bottom: 40px !important; }
.pl40 { padding-left: 40px !important; }
.pr40 { padding-right: 40px !important; }
.mt40 { margin-top: 40px !important; }
.mb40 { margin-bottom: 40px !important; }
.ml40 { margin-left: 40px !important; }
.mr40 { margin-right: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pb50 { padding-bottom: 50px !important; }
.pl50 { padding-left: 50px !important; }
.pr50 { padding-right: 50px !important; }
.mt50 { margin-top: 50px !important; }
.mb50 { margin-bottom: 50px !important; }
.ml50 { margin-left: 50px !important; }
.mr50 { margin-right: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pb60 { padding-bottom: 60px !important; }
.pl60 { padding-left: 60px !important; }
.pr60 { padding-right: 60px !important; }
.mt60 { margin-top: 60px !important; }
.mb60 { margin-bottom: 60px !important; }
.ml60 { margin-left: 60px !important; }
.mr60 { margin-right: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pb70 { padding-bottom: 70px !important; }
.pl70 { padding-left: 70px !important; }
.pr70 { padding-right: 70px !important; }
.mt70 { margin-top: 70px !important; }
.mb70 { margin-bottom: 70px !important; }
.ml70 { margin-left: 70px !important; }
.mr70 { margin-right: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pb80 { padding-bottom: 80px !important; }
.pl80 { padding-left: 80px !important; }
.pr80 { padding-right: 80px !important; }
.mt80 { margin-top: 80px !important; }
.mb80 { margin-bottom: 80px !important; }
.ml80 { margin-left: 80px !important; }
.mr80 { margin-right: 80px !important; }
.pt90 { padding-top: 90px !important; }
.pb90 { padding-bottom: 90px !important; }
.pl90 { padding-left: 90px !important; }
.pr90 { padding-right: 90px !important; }
.mt90 { margin-top: 90px !important; }
.mb90 { margin-bottom: 90px !important; }
.ml90 { margin-left: 90px !important; }
.mr90 { margin-right: 90px !important; }
.pt100 { padding-top: 100px !important; }
.pb100 { padding-bottom: 100px !important; }
.pl100 { padding-left: 100px !important; }
.pr100 { padding-right: 100px !important; }
.mt100 { margin-top: 100px !important; }
.mb100 { margin-bottom: 100px !important; }
.ml100 { margin-left: 100px !important; }
.mr100 { margin-right: 100px !important; }
*/

/* para */
/*
.para1 { margin-bottom: 10px!important; }
.para2 { margin-bottom: 20px!important; }
.para3 { margin-bottom: 30px!important; } @media screen and (max-width: 767px) { .para3 { margin-bottom: 20px!important; } }
.para4 { margin-bottom: 40px!important; } @media screen and (max-width: 767px) { .para4 { margin-bottom: 30px!important; } }
.para5 { margin-bottom: 50px!important; } @media screen and (max-width: 767px) { .para5 { margin-bottom: 30px!important; } }
.para6 { margin-bottom: 60px!important; } @media screen and (max-width: 767px) { .para6 { margin-bottom: 40px!important; } }
.para7 { margin-bottom: 70px!important; } @media screen and (max-width: 767px) { .para7 { margin-bottom: 50px!important; } }
.para8 { margin-bottom: 80px!important; } @media screen and (max-width: 767px) { .para8 { margin-bottom: 50px!important; } }
.para9 { margin-bottom: 90px!important; } @media screen and (max-width: 767px) { .para9 { margin-bottom: 60px!important; } }
.para10 { margin-bottom: 100px!important; } @media screen and (max-width: 767px) { .para10 { margin-bottom: 60px!important; } }
*/















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


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: 15px; 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: 13px; 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: 15px; }
.-list2>li span.cat { margin-left: 10px; padding: 5px 10px; line-height: 1; vertical-align: middle; background: #aaa; color: #fff; font-size: 13px; 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) { 
}










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


文字行EDITOR


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

/* -block */
.-block.-left .-imgbox,
.-block.-right .-txtbox { float: left; }
.-block.-left .-txtbox,
.-block.-right .-imgbox { float: right; }
.-block[data-pcwidth="30"] .-imgbox { width: 30%; }
.-block[data-pcwidth="30"] .-txtbox { width: calc(70% - 30px); }
.-block[data-pcwidth="35"] .-imgbox { width: 35%; }
.-block[data-pcwidth="35"] .-txtbox { width: calc(65% - 30px); }
.-block[data-pcwidth="40"] .-imgbox { width: 40%; }
.-block[data-pcwidth="40"] .-txtbox { width: calc(60% - 30px); }
.-block[data-pcwidth="45"] .-imgbox { width: 45%; }
.-block[data-pcwidth="45"] .-txtbox {width: calc(55% - 30px); }
.-block[data-pcwidth="50"] .-imgbox { width: 50%; }
.-block[data-pcwidth="50"] .-txtbox { width: calc(50% - 30px); }
@media screen and (max-width: 767px) { 
	.-block.-left .-imgbox,
	.-block.-left .-txtbox,
	.-block.-right .-imgbox,
	.-block.-right .-txtbox { float: none; width: 100%!important; margin: 0!important; min-width: 0; max-width: none; }
}


/* -boxblock */
.-boxblock>ul {}
.-boxblock>ul>li { margin-bottom: 20px; }
.-boxblock>ul>li.-none { margin-bottom: 40px; }

.-boxblock>ul.-none>li:last-child { margin-bottom: 0; }

.-boxblock>ul.-col2 { margin-left: -4%; }
.-boxblock>ul.-col2>li { width: 46%; float: left; margin-left: 4%; box-sizing: border-box; margin-bottom: 4%; }
.-boxblock>ul.-col2.-wrap { margin-left: -2%; }
.-boxblock>ul.-col2>li.-bgbox,
.-boxblock>ul.-col2>li.-borderbox { margin-left: 2%; margin-bottom: 2%; width: 48%;}
.-boxblock>ul.-col2>li.-bgbox:last-child,
.-boxblock>ul.-col2>li.-borderbox:last-child { margin-bottom: 0px; }
.-boxblock>ul.-col2.-m0wrap { margin: 0; }

.-boxblock>ul.-col3 { margin-left: -4%; }
.-boxblock>ul.-col3>li { width: 29.3%; float: left; margin-left: 4%; box-sizing: border-box; margin-bottom: 3%; }
.-boxblock>ul.-col3.-wrap { margin-left: -2%; }
.-boxblock>ul.-col3>li.-bgbox,
.-boxblock>ul.-col3>li.-borderbox { margin-left: 2%; margin-bottom: 2%; width: 31.3%;}
.-boxblock>ul.-col3>li.-bgbox:last-child,
.-boxblock>ul.-col3>li.-borderbox:last-child { margin-bottom: 0px; }
.-boxblock>ul.-col3.-m0wrap { margin: 0; }

.-boxblock>ul.-col4 { margin-left: -4%; }
.-boxblock>ul.-col4>li { width: 21%; float: left; margin-left: 4%; box-sizing: border-box; margin-bottom: 4%; }
.-boxblock>ul.-col4.-wrap { margin-left: -2%; }
.-boxblock>ul.-col4>li.-bgbox,
.-boxblock>ul.-col4>li.-borderbox { margin-left: 2%; margin-bottom: 2%; width: 23%;}
.-boxblock>ul.-col4>li.-bgbox:last-child,
.-boxblock>ul.-col4>li.-borderbox:last-child { margin-bottom: 0px; }
.-boxblock>ul.-col4.-m0wrap { margin: 0; }
@media screen and (max-width: 1040px) {	
	.-boxblock>ul.-col3,
	.-boxblock>ul.-col4 { margin-left: -4%; }
	.-boxblock>ul.-col3>li,
	.-boxblock>ul.-col4>li { width: 46%; float: left; margin-left: 4%; box-sizing: border-box; margin-bottom: 4%; }
	.-boxblock>ul.-col3>li.-bgbox,
	.-boxblock>ul.-col4>li.-bgbox,
	.-boxblock>ul.-col3>li.-borderbox,
	.-boxblock>ul.-col4>li.-borderbox { margin-left: 2%; margin-bottom: 2%; width: 48%;}
}
@media screen and (max-width: 767px) { 	
	.-boxblock>ul { margin: 0!important; border: none!important; float: none!important; width: 100%!important; }
	.-boxblock>ul>li { margin: 0!important; margin-bottom: 30px!important; float: none!important; width: 100%!important; }
	.-boxblock>ul>li.-bgbox,
	.-boxblock>ul>li.-borderbox { margin-bottom: 20px!important; }
	.-boxblock>ul>li.-bgbox:last-child,
	.-boxblock>ul>li.-borderbox:last-child { margin-bottom: 0px!important; }
}


/* -defineblock */
.-defineblock>ul>li.-updown { margin-bottom: 40px; }
.-defineblock>ul>li.-updown dt { font-weight: bold; font-size: 20px; }
.-defineblock>ul>li.-updown dd { margin-top: 20px; }

.-defineblock>ul>li.-leftright dl { display: flex; justify-content: space-between; align-items: center; }
.-defineblock>ul>li.-leftright dt { font-weight: bold; }

.-defineblock>ul>li.-bgbox,
.-defineblock>ul>li.-borderbox { margin-bottom: 20px; }
.-defineblock>ul dt,
.-defineblock>ul dd { box-sizing: border-box; text-align: left; }
.-defineblock>ul>li.-closely { margin: 0; border-bottom: none; }
.-defineblock>ul>li.-closely:last-child { border-bottom: 1px solid #333; }
.-defineblock>ul>li.-separate { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #333; }
.-defineblock>ul>li.-separate:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

.-defineblock>ul>li.-accordion dt{ cursor: pointer; position: relative; padding-right: 40px; }
.-defineblock>ul>li.-accordion dt:before { content: ""; width: 27px; background: #191919; height: 1px; position: absolute; top: 50%; margin-top: 0px; right: 0; }
.-defineblock>ul>li.-accordion dt:after { content: ""; width: 1px; background: #191919; height: 27px; position: absolute; top: 50%; margin-top: -13px; right: 13px; }
.-defineblock>ul>li.-accordion dt.open:after { display: none; }
@media screen and (max-width: 767px) {
	.-defineblock>ul>li{ margin-bottom: 20px; }
	
	.-defineblock>ul>li.-updown dt { font-size: 1em; }
	.-defineblock>ul>li.-updown dd { margin-top: 10px; }
	
	.-defineblock>ul>li.-leftright dl { display: block; }	
	.-defineblock>ul>li.-leftright dt { font-weight: bold; font-size: 1em; margin-bottom: 10px; }
	
	.-defineblock>ul>li.-bgbox,
	.-defineblock>ul>li.-borderbox { margin-bottom: 10px; }
	
	.-defineblock>ul>li.-separate { margin-bottom: 30px; padding-bottom: 30px;}
	
	.-defineblock>ul>li.-accordion dt { padding-right: 30px; }
	.-defineblock>ul>li.-accordion dt:before { width: 21px; }
	.-defineblock>ul>li.-accordion dt:after { height: 21px; margin-top: -10px; right: 10px; }
}


/* -qandablock */
.-qandablock>ul>li { margin-bottom: 40px; }
.-qandablock>ul>li dt { font-weight: bold; font-size: 20px; }
.-qandablock>ul>li dd { margin-top: 20px; }

.-qandablock>ul>li.-bgbox,
.-qandablock>ul>li.-borderbox { margin-bottom: 20px; }
.-qandablock>ul dt,
.-qandablock>ul dd { box-sizing: border-box; text-align: left; }
.-qandablock>ul>li.-closely { margin: 0; border-bottom: none; }
.-qandablock>ul>li.-closely:last-child { border-bottom: 1px solid #333; }
.-qandablock>ul>li.-separate { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #333; }
.-qandablock>ul>li.-separate:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

.-qandablock>ul>li.-accordion dt { cursor: pointer; position: relative; padding-right: 40px; }
.-qandablock>ul>li.-accordion dt:before { content: ""; width: 27px; background: #191919; height: 1px; position: absolute; top: 50%; margin-top: 0px; right: 0; }
.-qandablock>ul>li.-accordion dt:after { content: ""; width: 1px; background: #191919; height: 27px; position: absolute; top: 50%; margin-top: -13px; right: 13px; }
.-qandablock>ul>li.-accordion dt.open:after { display: none; }
@media screen and (max-width: 767px) {
	.-qandablock>ul>li{ margin-bottom: 20px; }
	
	.-qandablock>ul>li dt { font-size: 1em; }
	.-qandablock>ul>li dd { margin-top: 10px; }
	
	.-qandablock>ul>li.-bgbox,
	.-qandablock>ul>li.-borderbox { margin-bottom: 10px; }
	
	.-qandablock>ul>li.-separate { margin-bottom: 30px; padding-bottom: 30px;}
	
	.-qandablock>ul>li.-accordion dt { padding-right: 30px; }
	.-qandablock>ul>li.-accordion dt:before { width: 21px; }
	.-qandablock>ul>li.-accordion dt:after { height: 21px; margin-top: -10px; right: 10px; }	
}


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












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


各種パーツ


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

/* -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: #004680; 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: #004680; }
@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 { margin-top: 160px; }



/* キャプションの固定幅を解除してレスポンシブにする */ .wp-caption { max-width: 100% !important; box-sizing: border-box; } .wp-caption img { max-width: 100%; height: auto; display: block; }