@import url("reset.css");

/* for PC,ipad */
@import url("common_pc.css") screen and (min-width:927px);

/* for iphone,ipod,Andoroid */
@import url("common_mobi.css") screen and (min-width:0) and (max-width:926px);

/* //////////////////////////////////////////////////////////
*****************************************
Common Style - Common device
Developer: Neoworkers Corp.

--- お客様へ ---
お客様サイドでスタイル指定したい場合は、以下のCSSファイルに記述してください。
■全てのデバイス共通 … /css/lower/single.css
■PC(ipadなどのタブレット含む)　… /css/lower/single_pc.css
■モバイル … /css/lower/single_mobi.css

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



/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Web Font Import
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

/* free font import  (for ver 5.1 only)*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700;900&display=swap');

.titillium {font-family: 'Titillium Web', sans-serif;}
.lato {font-family: 'Lato', sans-serif;font-weight:400;}


/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Neoworkers Common Style
Version: 6.0
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

body {
	font-weight:400;
	color:#333;
	margin:0;
	padding:0;
}

.tsukub_{
	font-family: fot-tsukubrdgothic-std,sans-serif !important;
}
.yuji{
	font-family: 'Yuji Syuku', serif !important;
}

h1.yuji,h2.yuji,h3.yuji,h4.yuji,h5.yuji,h6.yuji{font-weight:400 !important;}

/* Font Family */
.texts,textarea {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic',Verdana, Arial,  sans-serif;
}

.fontAr,.formTable .fm-mail,.formTable .fm-fax,.formTable .fm-postcode {font-family:Arial,Osaka,メイリオ, Meiryo, sans-serif;}
.fontAr{font-size:1.2em;}


body * {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

body .texts{color:#222222;}



/* google font */



/* Font-Style */
.ftlNm,em{font-style:normal;}

/* ● */
.discMk{
	font-family:メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size:1.4em;line-height:1.0;}

/* flexBox */
.flex,.flexWpGroup > div{
	display:-webkit-box;
	display:-moz-box;
	 display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-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;
}/* ver5.8 update */


/* flex ver5.6- */
.flexWc{justify-content: center;}
.flexHc{align-items: center;}
.flexAllc{
	justify-content: center;
	align-items: center;
}

/* flex 並び順 ver5.8- */
.flexRr{flex-direction : row-reverse;} /* 右→左 */
.flexRc{flex-direction : column-reverse;} /* 下→上 */

/* 子要素box高さ揃える ver6.0- */
.flexHmatch{align-self: stretch;}
.flexHmatch > *{align-items: stretch;}

/* flexコンテナー寄せ ver5.8- */
.flexWr{justify-content: flex-start;}
.flexWl{justify-content: flex-end;}
.flexWbt{justify-content: space-between;}
.flexWAr{justify-content: space-around;}
.flexHr{align-items: right;}
.flexHl{align-items: left;}
.flexStretch{align-items:  stretch;}

/* Font-Weight */
.fwNm{font-weight:normal !important;}
.fwbd{font-weight:bold !important;}
.fw3{font-weight:300 !important;}
.fw4{font-weight:400 !important;}
.fw5{font-weight:500 !important;}
.fw6{font-weight:600 !important;}
.fw7{font-weight:700 !important;}


/* Font Color */
.fcBlk,.fcBlk a{color:#000 !important;}
.fcWh,.fcWh a{color:#fff !important;}
.fcDarkGrey{color:#333 !important;}
.fcGrey{color:#888888 !important;}
.fcGreen,.fcGreen a{color:#5EAC77 !important;}
.fcOrange,.fcOrange a{color:#DE9C35 !important;}
.fcPink,.fcPink a{color:#D779A3 !important;}
.fcYellow,.fcYellow a{color:#FAF063 !important;}
.fcSkyBlue,.fcSkyBlue a{color:#49AAD2 !important;}

.fcGold{color:#a98d18 !important;}
.fcRed{color:#cf1226 !important;}
.fcBrown{color:#654a3b !important;}
.fcDarkBlue{color:#163153 !important;}
.fcBlue{color:#004986 !important;}
.fcNavy{color:#005DA1;}

/* link font color */
a{color:#222222;text-decoration:none;}
a:hover{color:#222222;}

a.linkSkyblue {color:#2a78bf;}
a.linkWh {color:#fff;}
a.linkHvWh:hover {color:#fff;}

/* リンクボーダー指定 */
.bdNone a,a.bdNone{text-decoration:none;}
.bdYes a,a.bdYes{text-decoration:underline;}
.bdHvYes a:hover,.a.bdHvYes:hover{text-decoration:underline;}

/* ver 5.8 (a link追加)*/
.tran,a {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
}

.hvImg {cursor:pointer;}


/* Border Color */
.bdcBlk{border-color:#000;}
.bdcDarkGrey{border-color:#333;}

/* Background-color */
.bgWh{background-color:#fff;}
.bgBlack{background-color:#000;}
.bgRed{background-color:#c00;}
.bgOrange{background-color:#ea6000;}
.bgThinGrey{background-color:#EFEFEF;}
.bgYellow{background-color:#ffb000;}
.bgTrans {
	display:block;
	background-color: transparent;}



.hvBtn:hover,
.nmBtn a:hover{background-color:#999;}
.hvBtn img:hover{opacity:0.9;}

/* Background Common */
.grainBg{background-image: url(../img/bgparts/grain_bg.jpg);}
.wallBg{background-image: url(../img/bgparts/wall_bg.jpg);}
.titGrLine{
	min-height:18px;
	background: url(../img/common/title_gr_line.gif) repeat-x center center;
}

.titBgDot {
	width:100%;
	background: url(../img/common/grey_dot.png) repeat-x center center;
}

.titBgDot span{
	display:inline-block;
	background: url(../img/bgparts/wall_bg.jpg);
	padding:0 20px;
}


.royalTitle-left,.royalTitle-right{display:inline-block;}


/* NEXT > */
.nextIcoYe {
	background-image: url(../img/common/next_ye.gif);
	background-repeat:no-repeat;}

/* Border-color */
.bdGold{border-color:#e2c02e;}
.bdThinPurple{border-color:#eff0f5;}
.bdThinSkyBlue{border-color:#def1f7;}
.bdThinSkyBluelow{border-color:#f4f7f9;}

/* Img border */
.bdImg{border:1px solid #ccc;}

/* box-sizing */ 

.bsCbox {box-sizing: content-box;}
.bsBbox {box-sizing: border-box;}
.bsPbox {box-sizing: inherit;}

/* float */
.clrFixA {clear:both;}
.fLeftA {float:left;}
.fRightA {float:right;}

/* Text align */
.txLeft{text-align:left !important;}
.txCn{text-align:center !important;}
.txRight{text-align:right !important;}

.txLeftImp{text-align:left !important;}
.txCnImp{text-align:center !important;}
.txRightImp{text-align:right !important;}

/* shadow */

.shadowBtm{
box-shadow:0px 5px 10px -5px #6867b3;
-moz-box-shadow:0px 5px 10px -5px #6867b3;
-webkit-box-shadow:0px 5px 10px -5px #6867b3;
}

.shadowrBtm{
box-shadow:5px 5px 10px -5px rgba(0,0,0,0.6);
-moz-box-shadow:5px 5px 10px -5px rgba(0,0,0,0.6);
-webkit-box-shadow:5px 5px 10px -5px rgba(0,0,0,0.6);

}

.txtShdow{
	text-shadow: 1px 1px 3px #555555;  
}

/* List Style (v5.3 updata )*/
ul.liDisc,ul.liCircle,ul.liSq{margin-left:1em;}
ol.up-roman{margin-left:2em;}
ol.up-alpha{margin-left:1em;}

ul.liDisc > li {list-style-type:disc;margin-left:1em;}
ul.liCircle > li {list-style-type:circle;margin-left:1em;}

ul.liSq > li {list-style-type:square;margin-left:1em;}
ol.liDeci > li{list-style-type:decimal;margin-left:2em;}

ol.up-roman > li {list-style-type:upper-roman;margin-left:1em;}
ol.up-alpha > li {list-style-type:upper-alpha;margin-left:1em;}

/* box均等割 (ver 5.7)*/
.twoColumn > *{width:50%;}
.threeColumn > *{width:33.3%;}
.fourColumn > *{width:25%;}
.fiveColumn > *{width:20%;}
.sixColumn > *{width:16.6%;}

/* インデント */
.ind{ text-indent: 1em;}

/* 番号付きリスト */
ol.decimalList {margin-left:20px;}
ol.decimalList > li{list-style-type: decimal;}

/* 番号付きリスト(枠付き用) */
ol.decimalListM li{margin-left:20px;}
ol.decimalListM li{list-style-type: decimal;}

/* 改行禁止(ver5.3-) */
.nowap{
	white-space: nowrap;
}

/* 1文字目がテキストでインデントするli */

.indent_ul{padding-left:1em;}

.indent_ul > li{
padding-left:1em;
text-indent:-0.7em;
}

/* 画像テキスト */
.txtImg{
	overflow:hidden;
	text-indent:-9999px;
}

/* 画像 円トリミング (ver5.7) ※画像正方形必須*/
img.circleImg{
	border-radius:50%;
}

/* list counter */
ol.listConter{
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}
ol.listConter ol{
  padding-left: 1em;
}

ol.listConter li,.listMkIco li{
  text-indent: -1.3em;
  padding-left: 1.3em;
}

.listMkIco{margin-left:20px;}
.listMkIco > li {padding-bottom:20px;}
.listMkIco > li:last-child{padding-bottom:0;}
.listMkIco > li > i.fas,
.listMkIco > li > i.far{
	margin-left:10px;
	font-size:1.5em;}

ol.listConter li:before {
  counter-increment: item;
  content: counter(item)'.';
  padding-right: .5em;
  font-weight: bold;
}

/* 画像マスク (ver 5.8-) ※画像前面に.mask のboxが絶対配置されていること。そのboxに対しての指定 */
/* 黒系マスク グラデーション用 */
.mask.mask90bl,.blmask.masktr10{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.9) 100%);}
.mask.mask80bl,.blmask.masktr20{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.4) 30%, rgba(0,0,0,0.8) 100%);}
.mask.mask70bl,.blmask.masktr30{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.4) 30%, rgba(0,0,0,0.7) 100%);}
.mask.mask60bl,.blmask.masktr40{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.6) 100%);}
.mask.mask50bl,.blmask.masktr50{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.5) 100%);}
.mask.mask40bl,.blmask.masktr60{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.4) 100%);}
.mask.mask30bl,.blmask.masktr70{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.3) 100%);}
.mask.mask20bl,.blmask.masktr80{background: rgba(0,0,0,0.2);}
.mask.mask10bl,.blmask.masktr90{background: rgba(0,0,0,0.1);}

/* 白系マスク */
.mask.mask10wh,.whmask.masktr10{background: rgba(255,255,255,0.1);}
.mask.mask20wh,.whmask.masktr20{background: rgba(255,255,255,0.2);}
.mask.mask30wh,.whmask.masktr30{background: rgba(255,255,255,0.3);}
.mask.mask40wh,.whmask.masktr40{background: rgba(255,255,255,0.4);}
.mask.mask50wh,.whmask.masktr50{background: rgba(255,255,255,0.5);}
.mask.mask60wh,.whmask.masktr60{background: rgba(255,255,255,0.6);}
.mask.mask70wh,.whmask.masktr70{background: rgba(255,255,255,0.7);}
.mask.mask80wh,.whmask.masktr80{background: rgba(255,255,255,0.8);}
.mask.mask90wh,.whmask.masktr90{background: rgba(255,255,255,0.9);}

/* object-fit トリミング起点位置 ※object-fitと同じclassに入れること */
.obj-imgcencen{object-position:center center !important;}
.obj-imgcenleft{object-position:left center !important;}
.obj-imgcenright{object-position:right center !important;}
.obj-imgtopcen{object-position:center top !important;}
.obj-imgtopleft{object-position:left top !important;}
.obj-imgtopright{object-position:right top !important;}
.obj-imgbtmcen{object-position:center bottom !important;}
.obj-imgbtmleft{object-position:left bottom !important;}
.obj-imgbtmright{object-position:right bottom !important;}


/* 1文字目がテキストでインデントする flex ver (ver5.5-) */
.indflex{display:flex;}
.indflex .mk{width:2em;}
.indflex .con{width:calc(100% - 2em);}

/* Normal Form */

.imeAc{ime-mode:active;}
.imeIna{ime-mode:inactive;}
.imeDisd{ime-mode:disabled;}


/* margin top (deviceCommon)*/
.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT35{margin-top:35px;}
.mT40{margin-top:40px;}
.mT45{margin-top:45px;}
.mT50{margin-top:50px;}
.mT55{margin-top:55px;}
.mT60{margin-top:60px;}
.mT65{margin-top:65px;}
.mT70{margin-top:70px;}
.mT75{margin-top:75px;}
.mT80{margin-top:80px;}
.mT85{margin-top:85px;}
.mT90{margin-top:90px;}
.mT95{margin-top:95px;}
.mT100{margin-top:100px;}

/* margin bottom (deviceCommon) */
.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB35{margin-bottom:35px;}
.mB40{margin-bottom:40px;}
.mB45{margin-bottom:45px;}
.mB50{margin-bottom:50px;}
.mB55{margin-bottom:55px;}
.mB60{margin-bottom:60px;}
.mB65{margin-bottom:65px;}
.mB70{margin-bottom:70px;}
.mB75{margin-bottom:75px;}
.mB80{margin-bottom:80px;}
.mB85{margin-bottom:85px;}
.mB90{margin-bottom:90px;}
.mB95{margin-bottom:95px;}
.mB100{margin-bottom:100px;}

/* padding top (deviceCommon) */
.pT5{padding-top:5px;}
.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT25{padding-top:25px;}
.pT30{padding-top:30px;}
.pT35{padding-top:35px;}
.pT40{padding-top:40px;}
.pT45{padding-top:45px;}
.pT50{padding-top:50px;}
.pT55{padding-top:55px;}
.pT60{padding-top:60px;}
.pT65{padding-top:65px;}
.pT70{padding-top:70px;}
.pT75{padding-top:75px;}
.pT80{padding-top:80px;}
.pT85{padding-top:85px;}
.pT90{padding-top:90px;}
.pT95{padding-top:95px;}
.pT100{padding-top:100px;}

/* padding-bottom (deviceCommon) */
.pB5{padding-bottom:5px;}
.pB10{padding-bottom:10px;}
.pB15{padding-bottom:15px;}
.pB20{padding-bottom:20px;}
.pB25{padding-bottom:25px;}
.pB30{padding-bottom:30px;}
.pB35{padding-bottom:35px;}
.pB40{padding-bottom:40px;}
.pB45{padding-bottom:45px;}
.pB50{padding-bottom:50px;}
.pB55{padding-bottom:55px;}
.pB60{padding-bottom:60px;}
.pB65{padding-bottom:65px;}
.pB70{padding-bottom:70px;}
.pB75{padding-bottom:75px;}
.pB80{padding-bottom:80px;}
.pB85{padding-bottom:85px;}
.pB90{padding-bottom:90px;}
.pB95{padding-bottom:95px;}
.pB100{padding-bottom:100px;}

/* line-height (deviceCommon) */
.lHBase{line-height:baseline;} /* ver5.8 */
.lH10 {line-height:1.0;}
.lH11 {line-height:1.1;}
.lH12 {line-height:1.2;}
.lH13 {line-height:1.3;}
.lH14 {line-height:1.4;}
.lH15 {line-height:1.5;}
.lH16 {line-height:1.6;}
.lH17 {line-height:1.7;}
.lH18 {line-height:1.8;}
.lH19 {line-height:1.9;}
.lH20 {line-height:2.0;}

/* position */
.abs{position:absolute;}
.rel{position:relative;}

/* img hover */
.hvlink:hover {opacity:0.8;}

/* img shadow */
.imgShadow{
	filter: drop-shadow(2px 2px 2px #666);
}

/* display */

.dis-in{display:inline;}
.dis-inbl{display:inline-block;}
.dis-td{display:table-cell;}

.dis-tbSet{display:table;}
.dis-tbSet > div,
.dis-tbSet > a{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

/* dl inline (ver 5.7)*/
dl.dl-in dt{margin-right:0.5em;}
dl.dl-in dt,dl.dl-in dd{display:inline-block;}

/* コロン付dl (ver5.7) */
.dtcln dt:after{
	content:":";
}

/* valign (ver5.2)*/
.valign-top{vertical-align:top;}
.valign-md{vertical-align:middle;}
.valign-btm{vertical-align:bottom;}

/* HR */
/* ※色はBorder-colorで指定 */
.hr-solid {
	border-width:1px 0 0;
	border-style:solid;
}

.hr-double {
	border-width:3px 0 0;
	border-style:double;
}

.hr-dashed {
	border-width:1px 0 0;
	border-style:dashed;
}

.hr-dashed2 {
	border-width:2px 0 0;
	border-style:dashed;
}

.hr-dotted {
	border-width:1px 0 0;
	border-style:dotted;
}



/* ------------------------ 
       Common Parts
--------------------------- */

/* 縦書き */
.writ-rl{
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

/* 縦書き追加 ver5.5 */
.writ-lr{
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
}


/* 透過ボタン */
.opImgBtn img:hover{opacity:0.8;}
.opBtn a:hover{opacity:0.8;}

/* 注釈 */
.notes {font-size:0.8em;color:#666;}

/* ※印用 */
.indent_kome{
padding-left:1em;
text-indent:-1em;
}

.note-dl dt,.note-dl dd{
	display:inline-block;
	vertical-align:top;
}

/* sup style解除 ver5.7 */
sup.lift{
	margin:0;
	padding:0;
	vertical-align:baseline;
}

/* ※付list ver5.7 */
ul.asterisk{padding-left:1.5em;}
ul.asterisk li {
  list-style-type: none;
  text-indent: -1em;
}
ul.asterisk li:before {
  display: inline;
  content: "※";
}

ol.asterisk {
  counter-reset: number;
  list-style: none;
}
ol.asterisk li:before {
  counter-increment: number;
  content: "※"counter(number)" ";
}


/* inline -block */

.inline_parent{letter-spacing:-.4em}
.inlinebl,.inline_parent li{display:inline-block;}

/* inline block 調整 */
.ibl_parent{letter-spacing:-.4em;}
.ibl_parent > li{
	vertical-align:top;
	display:inline-block;
	letter-spacing:normal;}

/* text indent */

.ind{text-indent:1em;}

/* white-space */
.ws-nowrap{white-space:nowrap;}
.ws-pre{white-space:pre-wrap;}
.ws-line{white-space:pre-line;}

/* common background */
.bgWh {background-color:#fff;}

/* common width */
.fullWidth {width:100%;}

/* animation hamburger menu */

.hamburger-menu-line {
	position: absolute;
	transition: var(--hamburger-menu-transition);
	width: calc(100% - var(--hamburger-menu-padding) * 2);
	height: var(--hamburger-menu-border-px);
	background-color: var(--hamburger-menu-border-color);
}

.hamburger-menu-active .hamburger-menu-line{
	background-color: var(--hamburger-menu-active-border-color);
}

.line-top {
	top: var(--hamburger-menu-padding);
	left: var(--hamburger-menu-padding);
}

.line-middle {
	top: calc(50% - var(--hamburger-menu-border-px)/2);
	left: var(--hamburger-menu-padding);
}

.line-bottom {
	bottom: var(--hamburger-menu-padding);
	left: var(--hamburger-menu-padding);
}


.hamburger-menu-active > .line-top {
	top: calc(50% - var(--hamburger-menu-border-px)/2);
	transform: rotate(45deg);
}

.hamburger-menu-active > .line-middle {
	width: 0;
	height: 0;
	left: var(--hamburger-menu-padding);
}

.hamburger-menu-active > .line-bottom {
	top: calc(50% - var(--hamburger-menu-border-px)/2);
	transform: rotate(-45deg);
}

.hamburger-menu,.serch-close-btn {
	cursor: pointer;
	position: relative;
}

/* /// table common v5.2new /// */

table,th,td{
	border-collapse:collapse;
}

/* 上下左右中央寄せ */
.tb-mdcn{
	text-align:center;
	vertical-align:middle;
}

/* 上寄せ左右中央寄せ */
.tb-tcn{
	text-align:center;
	vertical-align:top;
}

/* 上寄せ左寄せ */
.tb-tleft{
	text-align:left;
	vertical-align:top;
}


/* 下寄せ左右中央寄せ */
.tb-bcn{
	text-align:center;
	vertical-align:bottom;
}

/* ぼかし ver5.4new */
.blur{
  -ms-filter: blur(6px);
  filter: blur(6px);
}

/* loader  ver5.6 */
#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 4000; /*サイトに合わせて変更 */
}
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	font-size:0.8rem;
	color:#999;
	z-index: 4100; /*サイトに合わせて変更 */
}

/* ------------------------ 
       Common Color
 important ver5.2
--------------------------- */

/* Font Normal Color */
.fcNmc{color:#4C4948;}

/* Font Color */
.fcBlk,.fcBlk a{color:#000 !important;}
.fcWh,.fcWh a{color:#fff !important;}
.fcWhOp{color:rgba(255,255,255,0.5); !important;}/* ver 5.8 */
.fcDarkGrey{color:#333 !important;}
.fcGrey{color:#888888 !important;}
.fcGreen,.fcGreen a{color:#5EAC77 !important;}
.fcOrange,.fcOrange a{color:#DE9C35 !important;}
.fcPink,.fcPink a{color:#D779A3 !important;}
.fcYellow,.fcYellow a{color:#FAF063 !important;}
.fcSkyBlue,.fcSkyBlue a{color:#49AAD2 !important;}

.fcGold{color:#a98d18 !important;}
.fcRed{color:#cf1226 !important;}
.fcBrown{color:#654a3b !important;}
.fcDarkBlue{color:#163153 !important;}
.fcBlue{color:#004986 !important;}
.fcNavy{color:#005DA1 !important;}
.fcThinBrown{color:#c2bbaf !important;}

/* common background color */
.watarblue{background:#87C1DE !important;}
.thinwatarBlue{background:#fbfaf6 !important;}
.bgWh{background:#fff !important;}
.bgThinGrey{background:#efefef !important;} /* ver5.8 */
.bgSkin{background:#fcf2e2 !important;}
.bgSkyBlue{background:#f2f9fc !important;}
.bgThinSky {background:rgba(120,188,221,0.15) !important;}
.bgBroun{background:#231815 !important;}
.bgThinBroun{background:#E2DED8 !important;} /* ver5.2 */

/* common border color */
.bdWhite{border-color:#fff !important;}
.bdGreen{border-color:#5EAC77 !important;}
.bdOrange{border-color:#DE9C35 !important;}
.bdPink{border-color:#D779A3 !important;}
.bdSkyBlue{border-color:#78BCDD !important;}
.bdNone{border-color:transparent !important;}

.bdbtmWhite{border-bottom:1px solid #fff !important;}
.bdtopWhite{border-bottom:1px solid #fff !important;}
.bdbtmDotGrey{border-bottom:1px dotted #666 !important;}
.bdtopDotGrey{border-top:1px dotted #666 !important;}

/* modal ver5.6 */
.modal{
	display: none;
	width:100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left:0;
	z-index:9000;
}
.modal__bg{
	background: rgba(0,0,0,0.8);
	position: absolute;
}
.modal__content{
	background: #fff;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
}
/* ------------------------------------------------ 
       Common Form Parts  ver5.7
---------------------------------------------------  */
/* lebel */
label > span.note{
	margin-left:0.5em;
	display:inline-block;}

.bl-kabel{
	width:100%;
	display:block;
	margin-bottom:10px;}

/* MW WP Form */

.mw_wp_form_input td,
.mw_wp_form_input td label{
	padding-bottom:2em;
	position:relative;}
.mw_wp_form_input td span.error{
	position:absolute;
	bottom:0;
	left:1em;
	color:#fff;
	font-size:0.8em;
	padding:2px 5px;
	background:rgba(204,0,0,0.8);
}
.mw_wp_form_input td span.error:before{
	content: '\f0a6';
	font-family: 'Font Awesome 5 Free';
	color:#fff;
	margin-right:0.5em;
	padding-left:5px;
	font-size:0.8em;
}

/* ------------------------ 
Wordpress ブロックエディタ　パターン用 ver5.6～
--------------------------- */
.wp-block-columns {width:100%;}]
.wp-block-image{text-align:center;}

:root{
--responsive--alignright-margin: 0;
--responsive--alignleft-margin:0;
--responsive--spacing-horizontal:0;
--responsive--aligndefault-width:100%;
--responsive--alignwide-width:0;
--global--font-size-xxl:1rem;
--heading--font-size-h1:100% !important;
}

/* ------------------------ 
モーダル用 ver5.6～
--------------------------- */

.sample_modal__content{
    background: #fff;
    left: 50%;
    padding: 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width:100%;
}

.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}



/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Customer Common Style
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

img {width:auto;height:auto;}

.hansans{
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
}


 /* Ten Mincho Text Regular */
.tenMin{
	font-family: ten-mincho-text, serif;
	font-weight: 400;
	font-style: normal;
}

.tenMinI{
	font-family: ten-mincho-text, serif;
	font-weight: 400;
	font-style: italic;
}

/* font color */
.fcSiteBlue{color:rgba(0,106,182,1);}
.fcSiteSkyBlue{color:rgba(70,148,198,1);}
.fcSiteYellow{color:rgba(255,209,42,1);}
.fcSitebrightYellow{color:rgba(249,240,111,1);}
.fcSiteRed{color:rgba(201,9,38,1);}
.fcSiteLightRed{color:rgba(195,60,69,1);}
.fcSiteShockingPink{color:rgba(221,17,108,1);}
.fcSiteNavyGrey{color:rgba(49,54,66,1);}
.fcSiteNavyLowGrey{color:rgba(175,182,196,1);}
.fcSiteNavyThinGrey{color:rgba(234,236,239,1);}

.fcSiteSpring00{color:rgba(43,62,115,1);}
.fcSiteSummer00{}
.fcSiteAutumn00{color:rgba(197,71,51,1);}
.fcSiteWinter00{}

/* background color */

.bgSiteSalmon,
.bgSiteSalmon a{background:rgba(237,95,80,1);}
.bgSiteSalmon a{color:#fff;}
.bgSiteSalmon a:hover{background:rgba(230,0,39,1);}

.bgSiteGreen{background:rgba(24,109,73,1);}
.bgSiteSeaGreen{background:#399;}
.bgSiteMosGreen{background:rgba(120,182,146,1);}
.bgSiteLightGreen{background:rgba(153,204,102,1);}
.bgSiteThinGreen{background:rgba(230,246,207,1);}
.bgSiteThinLowGreen{background:rgba(237,247,244,1);}
.bgSiteBlue{background:rgba(0,106,182,1);}
.bgSiteNavyBlue{background:rgba(49,69,125,1);}
.bgSiteThinNavyBlue{background:rgba(246,248,250,1);}
.bgSiteCloudBlue{background:rgba(129,179,205,1);}
.bgSiteSkyBlue{background:rgba(70,148,198,1);}
.bgSiteSkyThinBlue{background:rgba(129,179,205,1);}
.bgSiteThinBlue{background:rgba(223,232,235,1);}
.bgSkyThinBlue,.bgSkyThinBlueTb th,.bgSkyThinBlueTb td{background:rgba(231,243,247,1);}
.bgSiteThinYellow,.bgSiteThinYellowTb th,.bgSiteThinYellowTb td{background:rgba(252,244,212,1);}
.bgSiteRed{background:rgba(201,9,38,1);}
.bgSiteLowRed{background:rgba(237,79,62,1);}
.bgSiteThinRed,.bgSiteThinRedTb th,.bgSiteThinRedTb td{background:rgba(252,247,248,1);}
.bgSiteOrange{background:rgba(239,129,15,1);}
.bgSiteYellow{background:rgba(251,208,29,1);}
.bgSiteCreamYellow{background:rgba(255,252,211,1);}
.bgSiteCreamYellow05{background:rgba(255,252,211,0.5);}
.bgSiteGold{background:rgba(223,185,110,1);}
.bgSiteHimawari{background:rgba(255,187,0,1);}
.bgSiteShockingPink{background:rgba(221,17,108,1);}
.bgSiteShockingPink01{background:rgba(221,17,108,0.1);}
.bgSiteCherryBlossom{background:rgba(245,149,162,1);}
.bgSiteLightOrange{background:rgba(255,182,0,1);}
.bgSiteBrown {background:rgba(106,95,55,1);}
.bgSiteDarkBrown {background:rgba(80,68,60,1);}
.bgSiteNavyGrey{background:rgba(49,54,66,1);}
.bgSiteNavyLowGrey{background:rgba(175,182,196,1);}
.bgSiteNavyThinGrey{background:rgba(234,236,239,1);}

a.bgSiteNavyBlue,a.bgSiteRed,a.bgSiteGreen,a.bgSiteOrange{color:#fff;}
a.bgSiteNavyBlue:hover{background:rgba(70,148,198,1);}
a.bgSiteRed:hover{background:rgba(237,79,62,1);}
a.bgSiteGreen:hover{background:rgba(153,204,102,1);}
a.bgSiteOrange:hover{background:rgba(255,182,0,1);}

/* border-color */
.bdSiteGreen{border-color:rgba(24,109,73,1);}
.bdSiteThinGreen{border-color:rgba(230,233,230,0.5);}
.bdSiteSeaGreen{border-color:#399;}
.bdSiteBrown {border-color:rgba(106,95,55,1);}
.bdSiteDarkBrown {border-color:rgba(80,68,60,1);}
.bdSiteBlue{border-color:rgba(0,106,182,1);}
.bdSiteSkyBlue{border-color:rgba(70,148,198,1);}
.bdSiteThinBlue{border-color:rgba(223,232,235,1);}
.bdSkyThinBlue{border-color:rgba(223,232,235,1);}
.bdSiteThinYellow{border-color:rgba(252,244,212,1);}
.bdSiteOrange{border-color:rgba(239,129,15,1);}
.bdSiteRed{border-color:rgba(201,9,38,1);}
.bdSiteLowRed{border-color:rgba(237,79,62,1);}
.bdSiteShockingPink{border-color:rgba(221,17,108,1);}
.bdSiteCherryBlossom{border-color:rgba(245,149,162,1);}

/* triangle */
.bdSiteGreen.triangleB {border-color:rgba(24,109,73,1) transparent transparent transparent;}
.bdSiteSkyBlue.triangleB {border-color:rgba(70,148,198,1) transparent transparent transparent;}
.bdSiteRed.triangleB {border-color:rgba(201,9,38,1) transparent transparent transparent;}
.bdSiteLowRed.triangleB {border-color:rgba(237,79,62,1) transparent transparent transparent;}

/* image boder */
.bdImg{
	border-width:1px;
	border-style:solid;
}

/* font color */
.fcSiteBrown{color:rgba(79,70,41,1);}

/* ------------------------------------------------ 
       header
---------------------------------------------------  */
header{
	width:100%;
	top:0;left:0;
	position:fixed;
	z-index:6000;
}
header .headerLogo .logoImg{max-width:100%;}
header.active{background-color:rgba(255,255,255,1);}

/* low */
.lowcontent header{
	background:#fff;
	border-width:0 0 1px 0;
	border-style:solid;
}
/* ------------------------------------------------ 
       global　nav
---------------------------------------------------  */
header .grNav .grandchildUl{display:none;}

header .grNav .grandchildUl > li >a{
		font-size:12px;
		display:block;
		padding:12px 24px 12px 12px;}
header .grNav .grandchildUl > li >a:hover{color:#222222;}

/* ------------------------------------------------ 
       slide banner + low banner area
---------------------------------------------------  */
#carousel .slides li figure > div,
.lowBannerArea li figure > div{overflow:hidden;}
#carousel .slides li figure > div > img,
.lowBannerArea li figure > div > img{overflow:hidden;}
#carousel .slides li figure > div > img,
.lowBannerArea li figure > div > img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center top;
}
#carousel .slides li figure > figcaption,
.lowBannerArea li figure > figcaption{
	line-height:1;
	color:#fff;
	text-align:center;}

.lowBannerArea li figure > figcaption > span{
	display:block;
	width:100%;
}
	
/* ------------------------------------------------ 
       pick up Link Top
---------------------------------------------------  */
.pickupLinkTop{border-style:solid;}
.pickupLinkTop{border-width:1px 0;}
#home .pickupLinkTop{border-width:0 0 1px 0;}

.pickupLinkTop li{
	border-width:0 1px 0 0;
	border-style:solid;
	width:25%;}

.pickupLinkTop li:nth-child(4n){border-width:0 0 0 0;}
.pickupLinkTop li a{font-weight:700;}

.pickupLinkTop li div{display:table;width:100%;height:100%;}
#home .pickupLinkTop li div{display:block;}
.pickupLinkTop li a{
	width:100%;
	height:100%;
	display:table-cell;
	text-align:center;
	vertical-align:middle;}
#home .pickupLinkTop li a{display:block;text-align:center;}

.pickupLinkTop li a img{display:inline;}
.pickupLinkTop li a span{display:inline-block;}

#home .pickupLinkTop li a span{display:block;}

/* ------------------------------------------------ 
       pick up Link Bottom
---------------------------------------------------  */

.pickupLinkBtm > ul{
	border-width:1px 0 0 0;
	border-style:solid;
}


.pickupLinkBtm li a{
	display:block;
	text-align:center;
	font-weight:700;
}

.pickupLinkBtm li a span{text-align:left;}
/* ------------------------------------------------ 
       post archive
---------------------------------------------------  */

.postArchive ol.archiveLists > li time{display:block;}
.postArchive ol.archiveLists > li .category{text-align:right;}
.postArchive ol.archiveLists > li .category h2{display:inline-block;}
.postArchive ol.archiveLists > li .category h2 span{font-size:1.2em;}
.postPickupWrap .archiveLists li figure img{object-fit:cover;}
.postArchive .kawaraban li time{margin-bottom:10px;}
.archiveLists .catname{
	font-size:0.8rem;
	margin-bottom:1em;
	padding:2px 10px 1px 10px;
	border-radius:3px;
}

/* post archive common */

.archiveListsWrap .archiveLists li figure img{object-fit:cover;}
.archiveListsWrap ol.archiveLists > li{
	border-width:0 0 1px 0;
	border-style:solid;
}

.archiveListsWrap ol.archiveLists.noSingle > li{border-width:0 0 3px 0;}
.archiveListsWrap ol.archiveLists.noSingle > li:last-child{border-width:0;}

.archiveListsWrap .newPost{
	line-height:1;
	display:inline-block;
	vertical-align:top;
}




/* ------------------------------------------------ 
       Conversion Link Button
---------------------------------------------------  */
.cvBannerWrap > ul > li a{
	display:block;
}
.cvBannerWrap > ul > li a > figure img{
	width:100%;
	object-fit:cover;
}

/* ------------------------------------------------ 
       signboard
---------------------------------------------------  */
.signboard,.signboardClub{overflow:hidden;}
.signboard > .primary{height:100%;}
.signboard > .primary > .eyechImg{width:100%;height:100%;object-fit:cover;}
.signboard > .secondary {
	top:0;
	left:0;
	z-index:1000;
	display:table;
}
.signboardTxtOnly{display:table;}

.signboard > .secondary > .inner,
.signboardTxtOnly > .inner{display:table-cell;vertical-align:middle;}
.signboard > .secondary,
.signboard > .secondary > .inner{height:100%;}
.signboardArcIndex .inner,
.signboardCateIndex .inner,
.signboardTxtOnly > .inner{text-align:center;}
.signboardPost .inner{text-align:left;}

.signboardPost .titleBox .category,.signboardPost .titleBox .category > div,
.postContentHead .titleBox .category,.postContentHead .titleBox .category > div{display:inline-block;}
.signboardPost .titleBox .category div:after,
.postContentHead .titleBox .category div:after{
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	font-size:0.8rem;
	margin:0 .5em;
}

.signboardPost .titleBox .category div:nth-last-child(1):after,
.postContentHead .titleBox .category div:nth-last-child(1):after{content:'';margin:0;}
.signboardPost .titleBox time,
.postContentHead .titleBox time{
	font-weight:600;
	display:block;}

/* white mask */
.signboardPost .whiteMask,
.categoryArchivehead .whiteMask{
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:900;
	background:rgba(255,255,255,0.85);
}


/* content head title */
.postContentHead > .titleBox {
	border-width:0 0 1px 0;
	border-style:solid;}
	
/* category archive */
.categoryArchivehead h2{
	display:inline-block;
} 

/* clubsignboard */
.signboardWide{overflow:hidden;}
.signboardClub > .primary img,
.signboardWide > .primary img{
	width:100%;
	object-fit:cover;
}
.signboardClub > .primary img{height:100%;}

/* ------------------------------------------------ 
       breadcrumb List
---------------------------------------------------  */

.breadcrumbList > li:after{
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	margin:0 3px;
	color:#afb5bc;
}

.breadcrumbList > li:last-child:after{
	content: '';
}

/* ------------------------------------------------ 
       pagenation
---------------------------------------------------  */
nav.pagination ul,.wp-pagenavi{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
}

nav.pagination ul > li a,
nav.pagination ul > li span.dots,
nav.pagination ul > li span.current,
.wp-pagenavi > a,.wp-pagenavi > span{
	display:block;
	text-align:center;
	font-family: 'Lato', sans-serif;
}

nav.pagination ul > li span.current{
	color:#fff;
	font-weight:600;}
.wp-pagenavi .pages{display:none;}

.wp-pagenavi > a.last:after{
	content:'最後';
}
.wp-pagenavi > a.first:after{
	content:'最初';
}
.wp-pagenavi > a.last,.wp-pagenavi > a.first{padding-left:5px;padding-right:5px;}
.wp-pagenavi > a.last i,
.wp-pagenavi > a.first i{display:none;}
/* ------------------------------------------------ 
       footer
---------------------------------------------------  */
.schoolBaseData .telno:after{content:"／";}
footer .copy{
	border-width:1px 0 0 0;
	border-style:solid;
}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Customer Common post Style
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

/* post links */
.postLink li > a{
	width:100%;
	text-align:center;
	display:block;}

.postLink li{background-color:#fff !important;}

.postContent h1,.postContent h2,.postContent h3,.postContent h4,.postContent h5,.postContent h6{font-weight:600;}
.postContent{padding-top:50px;}
.archiveLists.noSingle .postContent{padding-top:20px;}
.postContent h1,.postContent h2,.postContent h3,.postContent h4,.postContent h5,.postContent h6,
.postContent ul,.postContent ol,.postContent blockquote.postContent pre,.postContent .wp-block-buttons{
	margin-top:20px;
	margin-bottom:20px;
}

.postContent h1.hrbtm,.postContent h2.hrbtm,.postContent h3.hrbtm,.postContent h4.hrbtm,.postContent h5.hrbtm,.postContent h6.hrbtm{
	line-height:1.2;
	margin-bottom:0;
}

.postContent cite{
	display:block;
	margin-top:20px;}
	
.postContent li{margin-bottom:.5em;}
.postContent li .nmBtn{
	margin-top:20px;
	margin-bottom:20px;}

/* ul  ol */
.postContent > ul > li{
	position: relative;
	padding-left: 1em;
}
 
.postContent > ul > li:before {
	content: "";
	position: absolute;
	top: .7em;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

/* list counter */
.postContent > ol{
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}

.postContent > ol > li{
	padding-left:2em;
	position:relative;}

.postContent > ol > li:before {
	position:absolute;
	top:0;
	left:0;
	counter-increment: item;
	content: counter(item)'.';
	padding-right: .5em;
	font-weight: bold;
	font-size:1.2em;
}

.postContent > ol > li > :is(h1,h2,h3,h4,h5,h6):first-child{
	width:calc(100% - 4em);
	display:inline;
}

/* table */
.postContent table,.postContent th,.postContent td{border-collapse:collapse;}
.postContent th,.postContent td{border:1px solid #e0e5eb;}
.postContent th{background:#fafbfc;}
.postContent .wp-block-buttons{text-align:center;}

/* postContent  other */
.postContent .alignleft{float:left;}
.postContent figure.alignleft{padding-right:20px;}
.postContent .aligncenter{text-align:center;}

.postContent .size-full{width:100%;}
.postContent:after{
	content:'';
	display:block;
	clear:both;
}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Customer Common Parts Style
-------------------------------------------------------------
////////////////////////////////////////////////////////// */



/* common title */
hr.hrLeft,
hr.hrCenter{
	width:80px;
	border-width:3px 0 0;
	border-style:solid;
}

hr.hrLeft{text-align:left;margin-left:0;}
hr.hrCenter{text-align:center;}

/* 中央縦線付タイトル */
.cnbdTitle .cnbdTitleInner{
	left:0;
	text-align:center;
}
.cnbdTitle .cnbdTitleInner span{
	display:inline-block;
	width:0px;
	border-width:0 2px;
	border-style:solid;
}

/* 円数字 */
.circleNumberWrap .tx{display:inline-block;}
.circleNumber {
	display:inline-block;
	vertical-align:top;
	text-align:center;
	margin-right:.5em;
}

/* ------------------------------------------------ 
       table
---------------------------------------------------  */

table.nmTable,table.nmTable th,table.nmTable td,
.wp-block-table.nmTable table,.wp-block-table.nmTable th,.wp-block-table.nmTable td{border-collapse:collapse;}
table.nmTable th,table.nmTable td,
.wp-block-table.nmTable th,.wp-block-table.nmTable td{border:1px solid #e0e5eb;}

/* block edior table normal (左色付)*/
.wp-block-table.nmTable.tdLeftBg tfoot td{font-weight:bold;}

/* 料金表table */
.feeTable sub{vertical-align:baseline;}
.feeTable table th,.feeTable table td{
	vertical-align:middle;
	text-align:center;}

/* dl table (2block)*/
.dlTable{width:100%;}
.dlTable > dl > dt,.dlTable > dl > dd{border:1px solid #e0e5eb;}

/* time table */
.timeTable table{width:100%;}
.timeTable table thead th{width:16.4%;}
.timeTable table thead tr th:nth-child(1){width:40px;}
.timeTable table tbody td{text-align:center;}
.timeTable table tbody tr td:nth-child(1){font-weight:600;}
.timeTable td strong,.timeTableM td strong{
	display:block;
	color:#fff;
	font-weight:400;
	padding:3px 10px;
	border-radius:20px;
}

/* time table (html登録) */
.timeTableM {width:100%;}
.timeTableM thead th{width:16.4%;}
.timeTableM thead tr th:nth-child(1){width:40px;}
.timeTableM tbody td{text-align:center;}
.timeTableM tbody th{font-weight:600;}
.timeTableM tbody td,.timeTableM tbody th{vertical-align:middle;}

/* ------------------------------------------------ 
       page group nav
---------------------------------------------------  */


.pageGroupNav li {margin-bottom:20px;}
.pageGroupNav li > a,
.pageGroupNav li > div{
display:table;width:100%;}

.pageGroupNav li > a > span,
.pageGroupNav li > div > span{
	display:table-cell;
	width:100%;
	text-align:center;
	vertical-align:middle;}

.pageGroupNav li{font-weight:600;}
.pageGroupNav li > a.cateTop > span{color:#fff;}
.pageGroupNav li hr{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
	width:0;
	border-width:5px 0 0 0;
	border-style:solid;}
	
.pageGroupNav li > div hr,
.pageGroupNav li > a:hover hr{width:50%;}

/* ------------------------------------------------ 
       button
---------------------------------------------------  */
.nmBtn.btnRight{text-align:right;}
.nmBtn.btnCenter{text-align:center;}

/* pagetop */
.ptopBtn {
	position:fixed;
	z-index:7000;
}

.ptopBtn a{display:block;}

/* 横並び ボタン*/
.flexBtn3 li{
	width:33.333%;
}


.flexBtn li > a,
.flexBtn li > div.onPage{display:table;}
.flexBtn li > a > span,
.flexBtn li > div.onPage > span{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	font-weight:600;
}

.flexBtn li > a,.flexBtn li > a > span,
.flexBtn li > div.onPage,.flexBtn li > div.onPage > span{
	width:100%;
	height:100%;
}

.flexBtn li > div.onPage{background:#ccc;color:#fff;}

/* 三角形 border-widthは個別指定 */
.triangle {
	width: 0;
	height: 0;
	border-style: solid;
}

/* アイコン付並列リンクボタン */
.parallelBtn li{
	border-width:1px;
	border-style:solid;
}
.parallelBtn li > div,.parallelBtn li > a{height:100%;}
.parallelBtn li dl{
	width:100%;
	height:100%;
	display:table;}
.parallelBtn li dl > dt,.parallelBtn li dl > dd{
	display:table-cell;
	vertical-align:middle;
	height:100%;
}

.parallelBtn li dl > dd{font-weight:600;}


/* ------------------------------------------------ 
       FormParts
---------------------------------------------------  */

/* selectmenu */
.selectbox {
	margin:0 auto;
	position:relative;
}
.selectbox select{
	-webkit-appearance:none;
	appearance:none;
	width:100%;
	box-sizing:border-box;
	border:#ccc 1px solid;
	border-radius:0;
	background:#fff;
	cursor:pointer;
}
.selectbox::after{
	content:"";
	display:block;
	position:absolute;
	border-bottom:#333 2px solid;
	border-right:#333 2px solid;
	transform:rotate(45deg)translateY(-30%);
}

.selectboxCaption{
	margin-bottom:10px;
	color:#888888;
}

input[type=text],input[type=email]{
	font-size:1.2em;
	border:1px solid #ccc;}
input[type=text]:focus,input[type=email]:focus {background:#FCFCE8;}
input.ipthf {max-width:calc(50% - 10px);}
input.fullIpt{width:100%;}

/* normal form */
.nmFormTable{width:100%;}
.nmFormTable th{
	position:relative;
	font-weight:600;
	text-align:left;}
.nmFormTable th em{
	position:absolute;
	background:rgba(248,210,216,1);
	right:0;
	padding:2px 5px;
	font-size:0.8em;
	color:#fff;
}

/* ------------------------------------------------ 
       slick
---------------------------------------------------  */
.slick-dots {
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}

.slick-dots li{margin-right:5px;}
.slick-dots li button{
	cursor:pointer;
	width:15px;
	height:8px;
	font-size:0;
	border:0;
}

button.slick-arrow{
	position:absolute;
	cursor:pointer;
	width:60px;
	height:60px;
	border:0;
	z-index:100;
	overflow:hidden;
	text-indent:-9999px;
}

button.slick-prev{
	top:calc(50% - 60px);
	left:0;
	background:url("/img/common/arrow_wh_right.png")no-repeat center center;
}

button.slick-next{
	top:calc(50% - 60px);
	right:0;
	background:url("/img/common/arrow_wh_left.png")no-repeat center center;
}

/* ------------------------------------------------ 
       club index common
---------------------------------------------------  */
.clubArticle hr.hrCenter{opacity:0.5;}
.clubReport ul li a{display:block;}
.clubReport ul li .secondary{padding-top:10px;}
.clubReport .primary img{object-fit:cover;}

.clubActivityInner .secondary img,
.clubActivityInner .secondary span{width:100%;}

.clubActivityInner .secondary span.play{
	display:table;
	top:0;
	left:0;
	background:rgba(0,0,0,0.5);
}

.clubActivityInner .secondary span.play > span{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	font-size:3em;
}

.clubActivityInner .secondary span.play:hover{
	background:rgba(0,0,0,0.2);
}

.clubActivityInner .secondary img{object-fit:cover;}

.clubResults .cnbdTitle{background:rgba(226,226,226,0.3);}
.clubResults .inner li dt{padding:3px 10px;}
.clubResults .inner li dd{padding-top:15px;padding-left:20px;}

/* ------------------------------------------------ 
       normal tabstyle common
---------------------------------------------------  */
ul.nmTab.tabOne > li{width:100%;}
ul.nmTab.tabTwo > li{width:50%;}

.nmTabShow .tabctTit{
	margin-top:40px;
	margin-bottom:30px;}
.nmTabShow .tabctTit span{padding:5px 10px;}
.nmTabShow .tabctTit .triangle.triangleB{
	left:calc(50% - 20px);
	bottom:-20px;
	border-width: 20px 20px 0 20px;
}

.nmTabShow .timeTable li dt{padding:5px 10px;}
.nmTabShow .eventSc li{position:relative;}
.nmTabShow .eventSc li dt{padding:10px 5px 10px 30px;}
.nmTabShow .eventSc li dd h3{margin:10px 0 20px;}

.tab-area .tab{margin:0 1px;}
.nmTabShow{display:none;}
.nmTabShow.show{display:block;}

.nmTabShow .eventSc {
	counter-reset: item;
	list-style-type: none;
	padding-left: 0;
}

.nmTabShow .eventSc li:before {
	counter-increment: item;
	content: counter(item)'.';
	position:absolute;
	background:#fff;
	font-size:1.6em;
	font-weight:600;
	text-align:center;
	padding:0 5px;
}

/* 学校説明会用 */
ul.nmTab .tab .briefing_title {
	line-height:1.4;
	display:block;
	color:#fff;
}


/* ------------------------------------------------ 
       normal modal common
---------------------------------------------------  */
.nm_modal .modal_close_head{
	text-align:center;
	border-width:1px;
	border-style:solid;
	padding:5px;
	border-radius:50%;
	z-index:9100;
}

/* ------------------------------------------------ 
       modalvideo common
---------------------------------------------------  */
.modalMoveSingle figure a{
	top:0;
	left:0;
	z-index:1000;}
.modalMoveSingle figure a{display:block;}
.modalMoveSingle figure a:hover{opacity:0.8;}
.modalMoveSingle figure a,
.modalMoveSingle figure a span{
	width:100%;
	height:100%;
}

.modalMoveSingle figure a span{display:table;}
.modalMoveSingle figure a span span{
	text-align:center;
	vertical-align:middle;
	display:table-cell;}