@import url("reset.css");
@import url("category.css");

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

/* for iphone,ipod,Andoroid */
@import url("common_mobi.css") screen and (min-width:0) and (max-width:812px);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
	font-family: 'Noto Sans JP',"Noto Sans CJK JP","Noto Sans",メイリオ, Meiryo,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体',Verdana, Arial, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;

	font-weight:400;
	color:#000;
	margin:0;
	padding:0;
	overflow-x:hidden;
	background-color:rgba(0,84,162,1);
}

.texts {
	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;}

.titillium {font-family: 'Titillium Web', sans-serif;}

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

body .texts{color:#222222;}

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

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


/* link font color */


a{color:#222222;text-decoration:none;}
a:hover{color:#666;text-decoration:none;}

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

.tran {
	-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;}
.txCn{text-align:center;}
.txRight{text-align:right;}

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

/* shadow */

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

.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 */
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-roman > li {list-style-type:upper-roman;}

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

/* インデント */
.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;}

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

.indent_ul{padding-left:1em;}

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

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

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



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

/* 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{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

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


/* transition */
.tran {
	transition-duration: 0.5s;
}

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

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

/* 透過ボタン */
.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;
}


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



/* ------------------------ 
      wordpress normal content
--------------------------- */
.content_body h1,
.content_body h2,
.content_body h3,
.content_body h4,
.content_body h5,
.content_body h6{
	margin-top:20px;
	color:rgba(0,84,162,1);
	font-weight:800;}

.content_body a{
	color:rgba(0,84,162,1);
	text-decoration:underline;
}
.content_body a:hover{color:#1684bf;}

.content_body h1{font-size:1.8em;}
.content_body h2{font-size:1.6em;}
.content_body h3{font-size:1.4em;}
.content_body h4{font-size:1.2em;}
.content_body h5{font-size:1em;}
.content_body h6{font-size:0.8em;}
.content_body p{
	text-indent:1em;
	line-height:1.8;
	margin-bottom:20px;
}


.content_body ol,
.content_body ul{
	margin:20px 0 20px 1em;
}

.content_body ol li{
	list-style-type:decimal;
	margin-bottom:1em;
}

.content_body >  ul > li{
	list-style-type:disc;
	margin-bottom:1em;
}

.content_body > ul > li > ul > li{
	list-style-type:circle;
	margin-bottom:1em;
}

/* /////////////////////////// */
/* suruga video web style
/* ////////////////////////// */

/* font */
.oswald {
	font-family: 'Oswald', sans-serif;
}


/* font color */
.fcWh{color:#fff;}
.fcRed{color:#cc0000;}

/* font-weight */

/* bgcolor */
.bgBlue{background:rgba(0,84,162,1);}
.bgSuruga{background:#1684bf;}
.bgFujieda{background:#ef7d1b;}
.bgShimizu{background:#4cb234;}
.bgSeishin{background:#da2b6f;}

/* width size */
.nmWidth{
	text-align:center;
	width:100%;
}

.wrapper{
	display:block;
	width:100%;
	min-height:100%;
	background:#ccc;
	background:url(/img/bg/skybg.jpg) no-repeat;
	background-size:cover;
	background-attachment: fixed;
}



/* header
/* ////////////////////////// */


header h1{font-weight:400;}
header h1 span.siteName{
	margin-left:1em;
	font-weight:600;
}

header a,
header a:hover{color:#fff;}

/* home button*/
.homeBtn {
	top:7px;
	right:10px;
	z-index:2000;
	border:1px solid #4272d7;
	border-radius:4px;
	font-size:18px;
	cursor:pointer;
}

.homeBtn a{
	display:block;
	padding:3px 10px;
}



/* footer */
footer{
	width:100%;
	margin-top:40px;
}

/* pass word */

.post-password-form input[type="password"]{
	border:1px solid #333;
	padding:10px;
}


.post-password-form input[type="submit"]{
	display: inline-block;
	border-radius:5%; 
	font-size:16px;
	text-align:center;
	cursor:pointer;
	padding:10px 20px;
	background: rgba(0,84,162,1);
	color:#ffffff; 
	line-height:1em;
	transition:.3s; 
	box-shadow:1px 1px 1px #666666;
	border:1px solid #0054a2;

}

.post-password-form input[type="submit"]:hover {
	background: rgba(0,84,162,0.8);
}

/* userlogin */
#mylogin {
	background:#fff;
}

#mylogin #wpmem_login legend{display:none;}


#wpmem_login input[type="password"], #wpmem_login input[type="text"], #wpmem_reg input[type="date"], #wpmem_reg input[type="email"], #wpmem_reg input[type="number"], #wpmem_reg input[type="password"], #wpmem_reg input[type="text"], #wpmem_reg input[type="url"], #wpmem_reg textarea{
	border:1px solid #666 !important;
}

#mylogin label[for="log"] {
	display:none;
}

#mylogin fieldset:before{
	content:"ユーザーID";
}


#mylogin .button_div{
	width:100% !important;
	margin:0 auto;
	text-align:right;
}

#mylogin input[type="submit"]{
	padding:10px 20px;
	background:#222222;
	color:#fff;
}

/* ////////////////////////// */
/* HOME + Category Top
/* ////////////////////////// */

.nmWidth {margin:0 auto;}

.nmBox > ul > li > a > .inner{
	display:table;
	width:100%;
}

.nmBox > ul > li > a > .inner > span{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}



.category-arc > .nmBox > ul > li > a > .inner > span > h3{
	background:rgba(255,255,255,0.4);
	border-radius:10px;
}

.nmBox > ul > li > a:hover{
	transition-duration: 0.5s;
	opacity:0.8;}



.fcBlue > ul > li > a > .inner > span > h3{color:#006;}
.fcWh > ul > li > a > .inner > span > h3{color:#fff;}

/* blue bubble */

.blueBb > ul > li:nth-child(4n+1) > a > .inner{height:calc(100% - 20px);margin:20px 0 0;}
.blueBb > ul > li:nth-child(4n+2) > a > .inner{height:calc(100% - 30px);margin:0 0 30px;}
.blueBb > ul > li:nth-child(4n+3) > a > .inner{height:100%;margin:0;}
.blueBb > ul > li:nth-child(4n+4) > a > .inner{height:calc(100% - 20px);margin:10px 0 10px;}

.blueBb > ul > li:nth-child(3n+1) > a > .inner > span{
	background:url(/img/bg/bubble_1.png) no-repeat center center;
	background-size:contain;
}

.blueBb > ul > li:nth-child(3n+2) > a > .inner > span{
	background:url(/img/bg/bubble_2.png) no-repeat center center;
	background-size:contain;
}

.blueBb > ul > li:nth-child(3n+3) > a > .inner > span{
	background:url(/img/bg/bubble_3.png) no-repeat center center;
	background-size:contain;
}
/* color bubble */

/* color bubble */
.colorBb > ul > li:nth-child(4n+1) > a > .inner{height:calc(100% - 20px);margin:20px 0 0;}
.colorBb > ul > li:nth-child(4n+2) > a > .inner{height:calc(100% - 20px);margin:0 0 20px;}
.colorBb > ul > li:nth-child(4n+3) > a > .inner{height:100%;margin:0;}
.colorBb > ul > li:nth-child(4n+4) > a > .inner{height:calc(100% - 30px);margin:30px 0 0;}

.colorBb > ul > li:nth-child(4n+1) > a > .inner > span{
	background:url(/img/bg/bubble_c1.png) no-repeat center center;
	background-size:contain;
}

.colorBb > ul > li:nth-child(4n+2) > a > .inner > span{
	background:url(/img/bg/bubble_c2.png) no-repeat center center;
	background-size:contain;
}

.colorBb > ul > li:nth-child(4n+3) > a > .inner > span{
	background:url(/img/bg/bubble_c3.png) no-repeat center center;
	background-size:contain;
}

.colorBb > ul > li:nth-child(4n+4) > a > .inner > span{
	background:url(/img/bg/bubble_c4.png) no-repeat center center;
	background-size:contain;
}


/* school head */

.schoolHead{
	display:flex;
}
.schoolHead > div{
	display:table;
	width:50%;
}

.schoolHead > div > p,
.schoolHead > div > h4{
	width:100%;
	vertical-align:middle;
	display:table-cell;
}

.schoolHead > div.leftbox > p{line-height:1;}
.schoolHead > div.rightbox > h4{text-align:right;}

/* category top head */


.category-arc-head {
	width:100%;
	text-align:center;
}

#specialty-head{background:#C1D1EF;}
#specialty-head,#specialty-head a{color:#000;}

#qualification-head{background:#C1D1EF;}
#qualification-head,#qualification-head a{color:#000;}

#basic-head{background:#C1D1EF;}
#basic-head,#basic-head a{color:#000;}

#education-head{background:#C1D1EF;}
#education-head,#education-head a{color:#000;}

#world-head{background:#D5F5D5;}
#world-head,#world-head a{color:#000;}

#interact-head{background:#D5F5D5;}
#interact-head,#interact-head a{color:#000;}

#special-head{background:#FEEAAD;}
#special-head,#special-head a{color:#000;}

/* back button */
.backBtn,.winClose {
	padding:20px 0;
	text-align:center;}
.backBtn a,.winClose a{
	display:inline-block;
	padding:10px 20px;
	color:#fff;
	background:#666;
	border-radius:5px;
}

.backBtn a:hover,.winClose a:hover{
	background:#999;
}

/* ////////////////////////// */
/* video thumbnail list
/* ////////////////////////// */

.videoList ul > li > a{
	display:block;
	background:rgba(255,255,255,0.6);

}

.videoList ul > li > a:hover{background:rgba(255,255,255,1);}
.videoList ul > li > a .vimeo-thumbnail-img{
	width:100%;
	border:1px solid #555555;
	max-width:100%;}

/* no movie */
.videoList .nopost-mes {
	margin:20px auto;
	background:#fff;
}

/* contnet body */

.content_body {
	background:#fff;
	border-radius:20px;
}


/* ////////////////////////// */
/* video text list
/* ////////////////////////// */
.videoList-txt ol{
	counter-reset: item;
	list-style-type: none;
	padding-left: 0;
}

.videoList-txt ol > li{
	width:100%;
}

.videoList-txt ol > li > a{
	display:block;
	border-radius:10px;
	background:rgba(255,255,255,0.9);
}

.videoList-txt ol > li > a:hover{
	color:#000;
	background:#C1D1EF;
}

.videoList-txt ol > li > a:before {
	display:inline-block;
	counter-increment: item;
	content: counter(item)'.';
	width:26px;
	height:26px;
	border-radius:8px;
	text-align:center;
	background:rgba(0,84,162,1);
	color: #fff;
}