@charset "utf-8";

/*トップ H2*/
h2.top_g01{
	font-weight: 800;
	font-size: 30px;
	text-align: center;
	line-height: 1em;
	margin-bottom: 30px;
	position: relative;
}
h2.top_g01 span{
	color: #64D2FF;
}
h2.top_g01::after {
position: absolute;
bottom: -20px;
content: '';
width: 80px;
height: 5px;
  background-image: linear-gradient(90deg, #00b5ff 10%, #4062bb 71%);
left: 50%;
transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
h2.top_g01{
font-size: 6.8vw;
	margin-bottom: 15px;
}

}



/*トップH2/下層H2タイトル*/
h2.top_pp{
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	position: relative;
	margin-bottom: 60px;
	line-height: 1em;
}
h2.top_pp::after {
position: absolute;
bottom: -20px;
content: '';
width: 70px;
height: 4px;
background-color: #FF780A;
left: 50%;
transform: translateX(-50%);
}
h2.top_pp.nobelow::after {
	display: none;
}
@media screen and (max-width: 767px) {
h2.top_pp,h1.sub_pp{
font-size: 5.3vw;
margin-bottom: 50px;
}

}


/* 下層H2タイトル Vertical　ラインを文字合わせする */
h2.Vertical{
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-size: 18px;
	font-weight: 500;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-left: 0px;
	line-height: 1.6;
}

h2.Vertical span{
	display: inline-block;
	position: relative;
}

/* PC：縦ライン */
h2.Vertical span::after{
	content: "";
	position: absolute;
	top: 0;
	right: -10px; /* ← 文字との距離 */
	width: 3px;
	height: 100%;
	background: linear-gradient(#46ffff, #6d6bdf);
}

@media screen and (max-width: 767px) {
h2.Vertical{
	writing-mode: horizontal-tb;
	text-orientation: mixed;
	font-size: 3.8vw;
	line-height: 1.4;
	margin: 0 0 20px;
	display: inline-block;
}

h2.Vertical span{
	display: inline-block;
	position: relative;
	padding-bottom: 10px;
}

/* SP：横ライン */
h2.Vertical span::after{
	top: auto;
	right: auto;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #46ffff, #6d6bdf);
}

}



/* 下層H2タイトル Vertical　ラインを文字合わせしない */
h2.Vertical2{
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-size: 18px;
	font-weight: 500;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-left: 0px;
	margin-bottom: 60px;
	line-height: 1.6;
}

/* 右側の縦ライン */
h2.Vertical2::after{
  content: '';
  position: absolute;
  top: 0;
  right: -12px;
  width: 3px;
  height: 150px;
  background-image: linear-gradient(#46ffff, #6d6bdf);
}

@media screen and (max-width: 767px) {
  h2.Vertical2{
    writing-mode: horizontal-tb;   /* ← 横書きに戻す */
    text-orientation: mixed;
    font-size: 3.8vw;
    line-height: 1.4;
    margin: 0 0 20px;
    display: inline-block;
    padding-bottom: 10px;
  }

  h2.Vertical2::after{
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 3px;
    background-image: linear-gradient(90deg, #46ffff, #6d6bdf);
    transform: none;
  }
}



/*下層H2タイトル　グラデマーカー*/
h2.sub_g01{
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-size: 18px;
	font-weight: 500;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-left: 0px;
	line-height: 1.6;
}

h2.sub_g01 span{
	display: inline-block;
	position: relative;
}

/* PC：縦ライン */
h2.sub_g01 span::after{
	content: "";
	position: absolute;
	top: 0;
	right: -10px; /* ← 文字との距離 */
	width: 3px;
	height: 100%;
	background: linear-gradient(#46ffff, #6d6bdf);
}

@media screen and (max-width: 767px) {
h2.sub_g01{
	writing-mode: horizontal-tb;
	text-orientation: mixed;
	font-size: 3.8vw;
	line-height: 1.4;
	margin: 0 0 20px;
	display: inline-block;
}

h2.sub_g01 span{
	display: inline-block;
	position: relative;
	padding-bottom: 10px;
}

/* SP：横ライン */
h2.sub_g01 span::after{
	top: auto;
	right: auto;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #46ffff, #6d6bdf);
}

}



.search_Cat {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	position: relative;
	margin-bottom: 30px;
	line-height: 1.2em;
}
.search_Cat span {
	font-size: 17px;
	font-weight: normal;
	display: block;
}
@media screen and (max-width: 767px) {
.search_Cat {
	font-size: 20px;
	margin-bottom: 20px;
}
.search_Cat span {
	font-size: 15px;
}

}



/*左右中央配置 general*/
.g-wrap_C {
	display: flex;
	justify-content: center;
	/*align-items: center;*/
}
.g-wrap_R,.g-wrap_RC {
display: flex;
justify-content: flex-end;
}
.g-wrap_L,.g-wrap_LC {
display: flex;
justify-content: flex-start;
}

@media screen and (max-width: 767px) {
.g-wrap_RC,.g-wrap_LC {
justify-content: center;
align-items: center;
}
}



/*View more ボタン*/
.b_more {
	display: inline-block;
}
.b_more a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	position: relative;
	text-decoration: none;
	color: #000;
	padding-left: 40px; /* 矢印分のスペース */
	font-size: 14px;
}
.b_more a::before{
	content: "→";
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 1;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #fff;
	color: #222;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	text-align: center;
	transition: all 0.3s;
	border: 1px solid #000000;
}

.b_more a:hover::before{
background: #64D2FF;
	color: #FFF;
	border: 1px solid #64D2FF;
	transform:translateX(4px);
}
@media(max-width: 767px){
.b_more {
}
.b_more a {
font-size: 3.3vw;
}
}


/*general_ボタン01*/
p.g_btn01 {
min-width: 300px;
}
p.g_btn01 a{
	border-radius: 50px;
	border: 1px solid #4062BB;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
	display: block;
	font-size: 12px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #FFFFFF;
	color: #4062BB;
	line-height: 1.5em;
}
p.g_btn01 i{
width: 20px;
height: auto;
display: block;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s;
}
p.g_btn01 a:hover{
/*background-color: #FFEFF1;*/
z-index: 0;
text-decoration: none;
}
p.g_btn01 a:hover i{
right: 16px;
}


@media screen and (max-width: 1250px) {

p.g_btn01 a{
width: 90%;
}
}



/* 画像スクロール */
.S_wrap{
width: 100%;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}

.scroll-table img{
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {

/* 表ラッパーを横スクロールコンテナにする */
.scroll-table{
position: relative;
margin: 0 auto 20px;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
padding-bottom: 10px; /* スクロールバーとの余白 */
}

/* 画像は縮めずスクロールさせる */
.scroll-table img{
display: block;
height: auto;
max-width: none;      /* 親幅で縮めない */
width: 800px;
}

/* スクロールヒント（初期は非表示） */
.scroll-table::after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100px;
	height: 100px;
	background: url("../parts/i_scroll.svg") center/contain no-repeat;
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s;
}
.scroll-table.has-hint::after{ opacity:1; }


/* デスクトップはスクロールバーを控えめに見せる */
.scroll-table::-webkit-scrollbar{ height: 6px; }
.scroll-table::-webkit-scrollbar-track{ background: rgba(0,0,0,.06); }
.scroll-table::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.28); border-radius: 4px; }


/* ヒントは “スクロール可能な時だけ” 表示（JSと連携） */
.scroll-table::after{ transition: opacity .25s; }

}




.scroll-tablePC img{
  display: block;
  width: 100%;
  height: auto;
}
/* 表ラッパーを横スクロールコンテナにする */
.scroll-tablePC{
position: relative;
margin: 0 auto 20px;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
padding-bottom: 10px; /* スクロールバーとの余白 */
}

/* 画像は縮めずスクロールさせる */
.scroll-tablePC img{
display: block;
height: auto;
max-width: none;      /* 親幅で縮めない */
width: 1800px;     /* 表画像の実寸幅に調整 */
}

/* スクロールヒント（初期は非表示） */
.scroll-tablePC::after{
content:"";
position:absolute;
left:50%; top:50%;
transform:translate(-50%,-50%);
width:100px; height:100px;
background:url("../parts/i_scroll.svg") center/contain no-repeat;
opacity:0; pointer-events:none;
transition:opacity .2s;
}
.scroll-tablePC.has-hint::after{ opacity:1; }


/* デスクトップはスクロールバーを控えめに見せる */
@media (hover: hover) {
.scroll-tablePC::-webkit-scrollbar{ height: 6px; }
.scroll-tablePC::-webkit-scrollbar-track{ background: rgba(0,0,0,.06); }
.scroll-tablePC::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.28); border-radius: 4px; }
}

/* ヒントは “スクロール可能な時だけ” 表示（JSと連携） */
.scroll-tablePC::after{ transition: opacity .25s; }

@media screen and (max-width: 767px) {
.scroll-tablePC img{
width: 1600px;
}
.scroll-tablePC::-webkit-scrollbar{ height: 6px; }
.scroll-tablePC::-webkit-scrollbar-track{ background: rgba(0,0,0,.06); }
.scroll-tablePC::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.28); border-radius: 4px; }

}





/*フリーワード検索用タイトル*/
h1.free_S{
color: #444444;
font-size: 40px;
font-weight: bold;
text-align: center;
position: relative;
margin-bottom: 30px;
line-height: 1em;
letter-spacing: 0.1em;
}
h1.free_S span{
font-size: 40px;
}
h1.free_S em{
font-size: 16px;
display: block;
color: #595757;
font-weight: normal;
letter-spacing: 0.3em;
margin-top: 5px;
font-style: normal;
}
@media screen and (max-width: 767px) {
h1.free_S{
line-height: 1.3em;
margin-bottom: 20px;
padding-top: 3%;
}
h1.free_S span{
font-size: 8.2vw;
}
h1.free_S em{
font-size: 3.5vw;
margin-top: 0px;
}
}



/*==================================================
5-2-6 3本線が回転して×に
===================================*/

/*1600pxまで*/
@media screen and (max-width: 1600px) {
.openbtn{
top: calc((min(100vh, 800px) - 60px) / 2);
}
}
/*1600px以上*/
@media screen and (min-width: 1600px) {
.openbtn{
top: calc((min(100vh, 880px) - 60px) / 2);
}
}

/*1180px以下*/
@media screen and (max-width: 1180px){
.openbtn{
top: calc((min(100vh, 720px) - 60px) / 2);
}
}

/*1030px以下*/
@media screen and (max-width: 1030px){
.openbtn{
top: calc((min(100vh, 640px) - 60px) / 2);
}
}



/*ボタン外側*/
.openbtn{
/*
	position: fixed;
		top: 270px;
	right: 0px;
	z-index: 100;
	cursor: pointer;
	width: 60px;
	height: 60px;
	overflow: hidden;
*/
/*	background-color: rgba(34,34,34,0.30);*/
}

.openbtn{
	position: fixed;
/*	top: calc((min(100vh, 650px) - 60px) / 2);*/
	right: 0;
	transform: translateY(-50%) translateY(-30px);
	z-index: 100;
	cursor: pointer;
	width: 60px;
	height: 60px;
	overflow: hidden;
/*	background-color: rgba(34,34,34,0.30);*/
}

.openbtn.active {
	border-top: 1px solid rgba(0,0,0,0.40);
	border-bottom: 1px solid rgba(0,0,0,0.40);
	margin-right: 10px;
	padding-right: 10px;
}

@media screen and (max-width: 767px) {
.openbtn{
top:0px;
right: 0px;  
width: 60px;
height: 60px;
}
.openbtn.active {
	border-top: none;
	border-bottom: none;
	margin-right: 0px;
	padding-right: 0px;
}
}

/*ボタン内側*/
.openbtn span{
display: inline-block;
transition: all .4s;
position: absolute;
left: 20px;
height: 2px;
border-radius: 0px;
background: #FFFFFF;
}



.openbtn span:nth-of-type(1) {
top:20px;	
width: 38%;
}

.openbtn span:nth-of-type(2) {
top:28px;
width: 38%;
}

.openbtn span:nth-of-type(3) {
top:37px;
width: 38%;
}
/*3つ目の要素のafterにMenu表示を指定*/
/*
.openbtn span:nth-of-type(3)::after {
content: "MENU";
position: absolute;
top: 0px;
left: -2px;
color: #FFFFFF;
font-size: 0.7rem;
text-transform: uppercase;
font-weight: 300;
}
*/

/*activeクラスが付与されると線が回転して×になる*/

.openbtn.active span {
background: #000000;
}

.openbtn.active span:nth-of-type(1) {
top: 22px;
left: 23px;
/*transform: translateY(6px) rotate(-135deg);*/
transform: translateY(6px) rotate(-45deg);

width: 38%;
}

.openbtn.active span:nth-of-type(2) {
opacity: 0;
}

.openbtn.active span:nth-of-type(3){
top: 34px;
left: 23px;
/*transform: translateY(-6px) rotate(135deg);*/
transform: translateY(-6px) rotate(45deg);
width: 38%;
}

/*3つ目の要素のafterにClose表示を指定*/
/*
.openbtn.active span:nth-of-type(3)::after {
content:"CLOSE";
transform: translateY(0) rotate(-45deg);
top:0px;
left:11px;
}
*/

@media screen and (max-width: 767px) {
/*ボタン内側*/
.openbtn span{
background: #000000;
}
.openbtn.active span:nth-of-type(1) {
left: 21px;
}
.openbtn.active span:nth-of-type(3){
left: 21px;
}
}











/* ---------------------------------------------------------------- *
バーガーナビ
* ---------------------------------------------------------------- */

#g-wrap{
position: fixed;
z-index: 5;
top: 0;
right: 0;
width: 100%;
height: 100vh;
transition: all 0.3s;
pointer-events: none;
}

/*アクティブクラスがついたら位置を0に、背景を黒に*/
#g-wrap.panelactive{
right: 0;
background-color: rgba(0,0,0,0.50);
pointer-events:auto;
}

#g-nav{
	/*position:fixed;にし、z-indexの数値を大きくして前面へ*/
	position: fixed;
	z-index: 999;
	/*ナビのスタート位置と形状*/
	top: 0;
	right: -100%;
	width: 100%;
	height: 100vh;/*ナビの高さ*/
	/*	background-color: #FFFFFF;*/
	transition: all 0.6s;
	background-image: url(../parts/menu_bg_pc.svg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive{
right: 0;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
/*ナビの数が増えた場合縦スクロール*/
position: fixed;
z-index: 999; 
width:100%;
height: 100vh;/*表示する高さ*/
overflow: auto;
-webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav ul {
/*ナビゲーション天地中央揃え*/
/*position: absolute;
z-index: 999;
top:50%;
left:50%;
transform: translate(-50%,-50%);*/
}
@media screen and (max-width: 820px) {
#g-nav,
#g-nav.panelactive #g-nav-list{
width:100%;
}
}

@media screen and (max-width: 767px) {
#g-nav{
	background-image: url(../parts/menu_bg_sp.svg);
}
}


/*バーバーナビリスト*/
.nav_list {
margin-bottom: 100px;
margin-top: 100px;
width: 80%;
margin-left: auto;
margin-right: auto;
}	
.nav_list ul.in_desc {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 50px;
padding-bottom: 100px;
}

/*エリア1*/
.nav_list ul.in_desc li.item.area1 {
}

.nav_list ul.in_desc li .in_cat {
display: grid;
gap: 0px 20px;
grid-template-columns: 1fr;
padding-top: 0px;
padding-bottom: 20px;
}

.nav_list ul.in_desc li.item h2 a{
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000000;
	display: block;
	font-weight: bold;
}

.nav_list ul.in_desc li.item h2.solo{
	margin-bottom: 15px;
}

.nav_list ul.in_desc li .in_cat .box {
	border-left: 1px solid rgba(0,0,0,0.40);
	padding-left: 10px;
}


.nav_list ul.in_desc li.item p a{
	display: block;
	font-weight: normal;
}
.nav_list ul.in_desc li.item p a:hover,.nav_list ul.in_desc li.item h2 a:hover{
color: #00B5FF;
}


@media screen and (max-width: 767px) {

	.nav_list{
		width: 100%;
		margin-top: 20px;
		margin-bottom: 0;
	}

	.nav_list ul.in_desc{
	display: block;
	padding-bottom: 0;
	margin-bottom: 15px;
	border-bottom: 1px solid rgba(0,0,0,0.35);
	}

	.nav_list ul.in_desc li.item{
		margin: 0;
		padding: 0;
	}

	.nav_list ul.in_desc li.item h2.solo{
		margin-bottom: 0;
		border-top: 1px solid rgba(0,0,0,0.35);
	}

	.nav_list ul.in_desc li.item h2.solo a{
		display: block;
		padding: 15px 64px 15px 30px;
		font-size: 15px;
		line-height: 1.35;
	}

	.nav_list ul.in_desc li .in_cat{
		display: block;
		padding: 0;
		border-top: 1px solid rgba(0,0,0,0.35);
	}

	.nav_list ul.in_desc li .in_cat h2.grp{
		position: relative;
		margin: 0;
		cursor: pointer;
	}

	.nav_list ul.in_desc li .in_cat h2.grp a{
		display: block;
		padding: 15px 64px 15px 30px;
		font-size: 15px;
		line-height: 1.35;
		text-decoration: none;
		pointer-events: none;
	}

	.nav_list ul.in_desc li .in_cat h2.grp::before,
	.nav_list ul.in_desc li .in_cat h2.grp::after{
		content: "";
		position: absolute;
		right: 30px;
		top: 50%;
		width: 20px;
		height: 1px;
		background: #222222;
		transform: translateY(-50%);
		transition: .25s;
	}

	.nav_list ul.in_desc li .in_cat h2.grp::after{
		transform: translateY(-50%) rotate(90deg);
	}

	.nav_list ul.in_desc li .in_cat.open h2.grp::after{
		opacity: 0;
	}

	.nav_list ul.in_desc li .in_cat .box{
	border-left: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
	}

	.nav_list ul.in_desc li .in_cat:not(.open) .box{
		display: none;
	}

.nav_list ul.in_desc li .in_cat .box p{
	margin: 0;
}


.nav_list ul.in_desc li .in_cat .box p:nth-child(odd){
	background: rgba(0,0,0,0.03);
}


.nav_list ul.in_desc li .in_cat .box p:nth-child(even){
	background: rgba(0,0,0,0.07);
}

	.nav_list ul.in_desc li.item p{
	font-size: 14px;
	line-height: 1.65;
	}

	.nav_list ul.in_desc li.item p:last-child{
		margin-bottom: 0;
	}

	.nav_list ul.in_desc li.item p a{
		display: block;
				padding: 10px 12px;
	}

	.flex_sns{
		display: flex;
		gap: 16px;
		padding: 28px 30px 40px;
	}

	.flex_sns .item img{
		width: 42px;
		height: auto;
	}
}

@media screen and (max-width: 767px) {

/* SPでは上部ボタン化する項目を既存リストから非表示 */

/*ここがイイ! TEIKYO5*/
/*お知らせトピックス*/
/*SNS*/
/*卒業生の声*/
/*在校生の声*/
/*お問い合わせ・資料請求*/
/*よくある質問*/
/*中学生の方へ、卒業生の方へ、保護者の方へ*/
/*校長先生の部屋、プライバシーポリシー、教員・職員採用、スクールバス運行表、グッズ紹介・販売（準備中）、寄付のお願い（準備中）*/
	.nav_list .area1 > h2.solo:nth-of-type(1),
	.nav_list .area1 > h2.solo:nth-of-type(2),
	.nav_list .area1 > h2.solo:nth-of-type(3),
	.nav_list .area2 > h2.solo:nth-of-type(2),
	.nav_list .area2 > h2.solo:nth-of-type(3),
	.nav_list .area2 > h2.solo:nth-of-type(4),
	.nav_list .area2 > h2.solo:nth-of-type(5),
	.nav_list .area3 > h2.solo,
	.nav_list .area4 > h2.solo,
	.nav_list .area4 > .flex_sns{
		display: none;
	}

	.sp_menu_head{
	padding-top: 0px;
	padding-left: 4%;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(0,0,0,0.35);
	margin-bottom: 10px;
	}
	.sp_menu_head .logo img{
		width: 30%;
		height: auto;
		display: block;
	}


	.sp_menu_btns .white_btns{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	margin-bottom: 15px;
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	}

	.sp_menu_btns .white_btns a{
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 45px;
		background: #fff;
		font-size: 3.3vw;
		color: #000;
		text-align: center;
	}

	.sp_menu_btns .gray_btns{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
			margin-bottom: 15px;
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	}

	.sp_menu_btns .gray_btns a{
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 45px;
		background: #777;
		color: #fff;
		font-size: 3.3vw;
		text-align: center;
	}

	.sp_menu_btns .gray_btns a.wide{
		grid-column: 1 / -1;
	}

	.sp_menu_btns .text_links{
		display: flex;
		flex-wrap: wrap;
		gap: 10px 15px;
			margin-bottom: 0px;
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	}

	.sp_menu_btns .text_links a{
		font-size: clamp(14px, 3.2vw, 17px);
		color: #000;
	}

	.sp_menu_btns .text_links a::before{
		content: "●";
		margin-right: 2px;
	}

}





/*　パンくず　*/
.pankuzu {
font-size: 13px;
padding-top: 20px;
padding-bottom: 0px;
width: 100%;
line-height: 2em;
}
.pankuzu a:link {
text-decoration: none;
color: #444444;
}
.pankuzu a:visited {
text-decoration: none;
color: #444444;
}
.pankuzu a:hover, .pankuzu a:active {
text-decoration: underline;
color: #444444;
}

/*　パンくずWP　Breadcrumb NavXT*/
.bread-crumb {
margin:0;
padding: 0px;
}
.bread-crumb li {
font-size:12px;
color:rgb(180,180,180);
float:left;
list-style: none outside none;
}
.bread-crumb li:after {
content : '>';
padding-left:10px;
margin-right:10px;
}
.bread-crumb li:last-child:after {
content : '';
}
.bread-crumb li.current {
}
@media screen and (max-width: 767px) {
.pankuzu {
	font-size: 2.5vw;
	padding-top: 10px;
	padding-bottom: 0px;
	display: none;
}
}


/* ---------------------------------------------------------------- *
ブロックエディタ　投稿ページ用の設定
* ---------------------------------------------------------------- */
.post {
_zoom: 1;
overflow: hidden;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 50px;
clear: both;
padding: 0px;
/*font-family: 'Noto Sans JP', sans-serif;
font-weight: 300;*/
}
.post h1.blog_t{
font-size: 24px;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
margin-bottom: 10px;
border-bottom: 1px solid #989898;
}
.post div.date {
margin-bottom: 30px;
font-size: 14px;
color: #98998;
line-height: 1.5em;
text-align: right;
}
.post p {
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.post {
margin-bottom: 20px;
}
.post h1.blog_t{
font-size: 18px;
}
.post div.date {
margin-bottom: 15px;
font-size: 13px;
}
}



/* ---------------------------------------------------------------- *
エフェクト
* ---------------------------------------------------------------- */
/*Fade in up down*/
.f_in{
opacity: 0;
animation: f_in 2s;
animation-fill-mode: forwards;
}
@keyframes f_in{
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.f_up{
opacity: 0;
animation: f_up 0.7s;
animation-fill-mode: forwards;
}
@keyframes f_up{
0% {
opacity: 0;
transform: translateY(50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.f_down{
opacity: 0;
animation: f_down 0.7s;
animation-fill-mode: forwards;
}
@keyframes f_down{
0% {
opacity: 0;
transform: translateY(-50px);
}
100% {
opacity: 1;
animation-fill-mode: forwards;
}
}



/* 4-1 ふわっ（下から） */
.fadeUp {
animation-name: fadeUpAnime;
animation-duration: 0.7s;
animation-fill-mode: forwards;
}

@keyframes fadeUpAnime {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

/* 4-1 ふわっ（上から） */
.fadeDown {
animation-name: fadeDownAnime;
animation-duration: 0.7s;
animation-fill-mode: forwards;
}

@keyframes fadeDownAnime {
from {
opacity: 0;
transform: translateY(-30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

/* 左から */
.fadeLeft {
animation-name: fadeLeftAnime;
animation-duration: 0.7s;
animation-fill-mode: forwards;
}

@keyframes fadeLeftAnime {
from {
opacity: 0;
transform: translateX(-30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}

/* 右から */
.fadeRight {
animation-name: fadeRightAnime;
animation-duration: 0.7s;
animation-fill-mode: forwards;
}

@keyframes fadeRightAnime {
from {
opacity: 0;
transform: translateX(30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}

/*==================================================
* ボンッ、ヒュッ
* ===================================*/

/* 拡大 */
.zoomIn {
animation-name: zoomInAnime;
animation-duration: 0.7s;
animation-fill-mode: forwards;
}

@keyframes zoomInAnime {
from {
transform: scale(0.6);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}

/* 縮小 */
.zoomOut {
animation-name: zoomOutAnime;
animation-duration: 0.7s;
animation-fill-mode: forwards;
}

@keyframes zoomOutAnime {
from {
transform: scale(1.2);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}

/*==================================================
* スクロールで出現する要素の初期状態
* ここだけ「opacity:0」にしておく
* ===================================*/

.fadeInTrigger,
.fadeUpTrigger,
.fadeDownTrigger,
.fadeLeftTrigger,
.fadeRightTrigger,
.zoomInTrigger,
.zoomOutTrigger {
opacity: 0;
}


/* アニメーションの開始を遅らせるCSS*/
.delay-time05{
animation-delay: 0.5s;
}
.delay-time1{
animation-delay: 1s;
}
.delay-time15{
animation-delay: 1.5s;
}
.delay-time2{
animation-delay: 2s;
}
.delay-time25{
animation-delay: 2.5s;
}










/*Not Found*/
.NotF{
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
clear: both;
padding-top: 100px;
padding-bottom: 100px;
position: relative;
text-align: center;
}
.NotF h1{
font-size: 55px;
font-weight: bold;
padding-bottom: 50px;
color: #444444!important;
line-height: 1.3em;
}
.NotF h1 span{
font-size: 25px;
font-weight: bold;
display: block;
color: #989898;
}
.NotF p{
font-size: 16px;
color: #444444;
}
.NotF p.btn a{
padding-top: 10px;
padding-bottom: 10px;
display: block;
margin-top: 50px;
background-color: #2D2D2D;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;*/
color: #FFFFFF;
}
.NotF p.btn{
width: 30%;
margin-left: auto;
margin-right: auto;
}
.NotF p.btn a:hover{
background-color: #989898;
}
@media screen and (max-width: 767px) {
.NotF{
padding-top: 10%;
padding-bottom: 10%;
}
.NotF h1{
font-size: 35px;
padding-bottom: 30px;
line-height: 1.3em;
}
.NotF h1 span{
font-size: 17px;
}
.NotF p{
font-size: 14px;
text-align: left;
}
.NotF p br{
display: none;
}
.NotF p.btn{
width: 80%;
text-align: center;
}
}


/*ブログナビ*/
#event_nav {
overflow: hidden;
}

#event_nav ul {
position: relative;
left: 50%;
float: left;
}

#event_nav ul li {
position: relative;
left: -50%;
float: left;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
}
#event_nav ul li i.fa{
margin-left: 10px;
}
#event_nav ul li a{
color: #000000;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
margin-right: 10px;
margin-left: 10px;
margin-top: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
font-size: 12px;
}
#event_nav ul li.blog a{
background-color: #E3F0F0;
}
#event_nav ul li.news a{
background-color: #99CDFF;
}
#event_nav ul li.works a{
background-color: #8EC21F;
}

@media screen and (max-width: 767px) {
#event_nav ul li a{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
margin-right: 10px;
margin-left: 10px;
margin-top: 0px;
}
}


/*インデント*/
p.indent-1 {
padding-left:1em;
text-indent:-1em;
}
/*generalインデント*/
.g_indent-1 {
padding-left:1em;
text-indent:-1em;
}

/*ナンバリング*/
.list_num {
_zoom: 1;
overflow: hidden;
clear: both;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
width: 100%;
margin-top: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 50px;
padding-bottom: 30px;
background-color: rgba(241,241,241,0.60);
}
.list_num ol {
counter-reset: my-counter;
list-style: none;
padding: 0px;
margin-right: auto;
margin-left: auto;
max-width: 900px;
}
.list_num ol li {
margin-bottom: 20px;
padding-left: 0px;
position: relative;
padding-right: 0px;
float: left;
width: 46%;
margin-left: 2%;
margin-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.list_num ol li:before {
content: counter(my-counter);
counter-increment: my-counter;
background-color: #0F4C97;
color: #ffffff;
display: block;
float: left;
line-height: 30px;
margin-left: 0px;
text-align: center;
height: 30px;
width: 30px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
margin-right: 10px;
}
.list_num ol li h3 {
font-size: 16px;
font-weight: bold;
}
.list_num ol li p {
}
.list_num ol li h3.indent {
margin-bottom: 10px;
position: relative;
font-size: 18px;
font-weight: bold;
padding-left:3em;
text-indent:0em;
}

@media screen and (max-width: 767px) {
.list_num {
margin-bottom: 20px;
padding-top: 25px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 15px;
}
.list_num ol li {
margin-bottom: 20px;
float: none;
width: 100%;
margin-left: 0%;
margin-right: 0%;
}
.list_num ol li h3.indent {
font-size: 14px;
padding-top: 2px;
line-height: 1.8em;
}
}


.list_num2 {
_zoom: 1;
overflow: hidden;
clear: both;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding-top: 50px;
padding-right: 50px;
padding-left: 50px;
box-sizing: border-box;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding-bottom: 30px;
background-color: rgba(241,241,241,0.60);
}
.list_num2 ol {
counter-reset: my-counter;
list-style: none;
padding: 0px;
margin-bottom: 10px;
clear: both;
}
.list_num2 ol li {
margin-bottom: 15px;
padding-left: 0px;
position: relative;
float: left;
width: 50%;
margin-left: 0%;
margin-right: 0%;
}
.list_num2 ol li:before {
content: counter(my-counter);
counter-increment: my-counter;
background-color: #0F4C97;
color: #FFFFFF;
display: block;
float: left;
line-height: 30px;
margin-left: 0px;
text-align: center;
height: 30px;
width: 30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-right: 10px;
}
.list_num2 ol li p.indent {
padding-left:40px;
text-indent:0px;
}
.list_num2 ol li p strong{
font-weight: bold;
}
@media screen and (max-width: 767px) {
.list_num2 {
margin-bottom: 20px;
padding-top: 25px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 15px;
}
.list_num2 ol li {
margin-bottom: 15px;
padding-left: 0px;
position: relative;
float: left;
width: 100%;
margin-left: 0%;
margin-right: 0%;
}
}


.list_num3 {
clear: both;
margin-right: auto;
margin-bottom: 50px;
margin-left: auto;
width: 100%;
margin-top: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.list_num3 ol {
counter-reset: my-counter;
list-style: none;
padding: 0px;
margin: 0px;
}
.list_num3 ol li.number {
margin-bottom: 15px;
padding-left: 0px;
position: relative;
}
.list_num3 ol li.number:before {
content: counter(my-counter);
counter-increment: my-counter;
background-color: #E7E7E7;
display: block;
float: left;
line-height: 30px;
margin-left: 0px;
text-align: center;
height: 30px;
width: 30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-right: 10px;
}
.list_num3 ol li.number.az:before {
content: counter(my-counter,lower-alpha);
counter-increment: my-counter;
background-color: #E7E7E7;
display: block;
float: left;
line-height: 30px;
margin-left: 0px;
text-align: center;
height: 30px;
width: 30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-right: 10px;
}
.list_num3 ol li.number.az2:before {
content: counter(my-counter,upper-alpha);
counter-increment: my-counter;
background-color: #E7E7E7;
display: block;
float: left;
line-height: 30px;
margin-left: 0px;
text-align: center;
height: 30px;
width: 30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-right: 10px;
}
.list_num3 ol li p.indent {
padding-left:40px;
text-indent:0px;
}
@media screen and (max-width: 767px) {

}




/*アウトライン*/
.flex_Line {
/*_zoom: 1;
overflow: hidden;*/
clear: both;
margin: 0;
padding: 0;
}
.flex_Line ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.flex_Line li{
display: flex;
display: -webkit-flex;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: 1px solid #CCCCCC;
line-height: 2em;
}
.flex_Line li:first-child {
border-top: 1px solid #CCCCCC;
}
.flex_Line li .txt{
width: 25%;
padding-top: 10px;
padding-bottom: 10px;
}
.flex_Line li .txt2{
width: 75%;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
}
.flex_Line li .txt2 p.address a{
color: #009ED9;
font-size: 18px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.flex_Line li .txt{
width: 28%;
text-align: center;
}
.flex_Line li .txt2{
width: 72%;
padding-left: 10px;
}
}
@media screen and (max-width: 320px) {
.flex_Line li p{
font-size: 12px;
}
}

/*アウトライン　サブ*/
.flex_Line table.sub{
width: 100%;
}
.flex_Line table.sub th{
width: 20%;
}
.flex_Line table.sub td{
width: 80%;
}
@media screen and (max-width: 767px) {
.flex_Line table.sub th{
width: 50%;
}
.flex_Line table.sub td{
width: 50%;
}
}


/*外部リンク　アイコン設定*/
i.fa-external-link {
margin-left: 10px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
a:hover i.fa-external-link{
margin-left: 15px;
color: #FF0004;
}

/*reCAPTCHA　ロゴの場所を変更*/
.grecaptcha-badge {
bottom: 0px !important;
}
/*reCAPTCHA　ロゴの場所をトップページだけ非表示*/
.page-id-2 .grecaptcha-badge {
display: none !important;
}

/*ユーチューブ*/
.youtube {
width: 100%;
padding-top: 56.25%;
position: relative;
top: 0;
left: 0;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

.youtube-short {
position: relative;
width: 100%;
max-width: 400px; /* 必要に応じて */
aspect-ratio: 9 / 16;
margin: auto;
}

.youtube-short iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}



/*SNSボタンといいね*/
.f_single {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr;
margin-top: 50px;
}
.f_single .itemA {
padding-top: 10px;
}
.f_single .itemB {
display: flex;
justify-content:flex-end;
}
@media(max-width: 767px){
.f_single {
grid-template-columns: 1fr;
margin-top: 25px;
}
.f_single .itemA {
}
.f_single .itemB {
justify-content:flex-start;
}
}



/*タームナビ　タグナビ*/
.terms_nav {
	margin-bottom: 40px;
}
.terms_nav ul {
display: flex;
flex-wrap:wrap;
justify-content:center;
gap: 10px;
}

/*検索用*/
.I_search .terms_nav ul {
justify-content: center;
margin-bottom: 50px;
}
/*ブログ*/
.s_Life .terms_nav ul {
justify-content: center;
margin-top: 50px;
margin-bottom: 50px;
}

.terms_nav ul li a {
font-size: 12px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 20px;
padding-right: 20px;
color: #444444;
border-radius: 30px;
background-color: #FFFFFF;
transition: all 0.3s;
display: block;
line-height: 1.6em;
position: relative;
}
.terms_nav.comm ul li a {
background-color: #FFFFFF;
}
.terms_nav ul li a:hover {
color: #FFFFFF;
background-color: #1877F2;
text-decoration: none!important;
}
.terms_nav ul li.current a{
color: #FFFFFF;
background-color: #1877F2;
}
/*カレントページ*/
.terms_nav ul li.current-cat a {
color: #FFFFFF;
background-color: #1877F2;
}

@media screen and (max-width: 767px) {
.terms_nav {
	margin-bottom: 20px;
}
.terms_nav ul li a {
padding-top: 3px;
padding-bottom: 3px;
font-size: 2.5vw;
}

}


/*卒業生の声・在校生の声*/
.terms_nav.Voice ul li a {
font-size: 18px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
color: #444444;
border-radius: 50px;
}
.terms_nav.Voice ul li a {
background-color: #FFFFFF;
}
.terms_nav.Voice ul li a:hover {
color: #FFFFFF;
background-color: #1877F2;
text-decoration: none!important;
}
.terms_nav.Voice ul li.current a{
color: #FFFFFF;
background-color: #1877F2;
}
/*カレントページ*/
.terms_nav.Voice ul li.current-cat a {
color: #FFFFFF;
background-color: #1877F2;
}
@media screen and (max-width: 767px) {
.terms_nav.Voice ul li a {
padding-top: 7px;
padding-bottom: 7px;
font-size: 4.4vw;
}

}


/*記事を探す*/
.I_search {
background-color: #EEEEEE;
padding-top: 60px;
padding-bottom: 60px;
margin-bottom: 0px;
margin-top: 80px;
border-top: 10px solid #FFFFFF;
}
.I_search h2.search{
color: #444444;
font-size: 40px;
font-weight: bold;
text-align: center;
position: relative;
margin-bottom: 30px;
line-height: 1em;
/*letter-spacing: 0.1em;*/
}
.I_search h2.search span{
font-size: 16px;
display: block;
/*letter-spacing: 0.3em;*/
margin-top: 5px;
color: #595757;
}
.I_search figure img{
width: 100%;
height: auto;
display: block;
}
@media screen and (max-width: 767px) {
.I_search {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 0px;
margin-top: 40px;
}
.I_search h2.search{
font-size: 8.2vw;
line-height: 1.3em;
margin-bottom: 20px;
padding-top: 3%;
}
.I_search h2.search span{
font-size: 3.5vw;
margin-top: 0px;
}
}


/*検索ボックス*/
.search_B{
position: relative;
width: 40%;
margin-left: auto;
margin-right: auto;
}
.search_container{
box-sizing: border-box;
position: relative;
border: 2px solid #999999;
/*display: block;*/
padding-top: 0px;
padding-bottom: 0px;
padding-right: 10px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
height: 50px;
overflow: hidden;
background-color: #FFFFFF;
padding-left: 20px;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
}
.search_container input[type="text"]{
width: 280px!important;
border: none;
height: 2.0em;
font-size: 16px;
}
.search_container input[type="text"]:focus {
outline: 0;
}
.search_container input[type="submit"]{
cursor: pointer;
/*font-size: 1.3em;*/
font-size: 14px;
border: none;
background-repeat: no-repeat;
background-position: 50% center!important;
background-image: url("../parts/i_search4.svg");
background-size: 75px 54px;
position: absolute;
width: 70px;
height: 48px;
right: 0;
top: -2px;
outline : none;
background-color: #999999;
border-radius: 0px!important;
}
.search_B h3{
font-size: 22px;
font-weight: bold;
text-align: center;
color: #028080;
}
.search_container input.submit{
border-radius: 0px!important;
}
@media screen and (max-width: 767px) {
.search_B{
width: 90%;
}
.search_container input[type="text"]{
font-size: 3.5vm!important;
}
.search_container input[type="submit"]{
height: 52px;
}
}
@media screen and (max-width: 414px) {
.search_container input[type="submit"]{
top: -5px;
}
}










.search_B .nav{
position: absolute;
bottom: 0px;
left: calc(50% - 490px);
width: 110px;
}
.search_B .nav img{
width: 100%;
height: auto;
display: block;
}
.search_B p{
text-align: center;
margin-top: 10px;
}
@media screen and (max-width: 767px) {
.search_B .nav{
left: 5%;
width: 18%;
}
.search_B p{
text-align: center;
width: 85%;
margin-right: 0px;
margin-left: auto;
}
}






/*Instagram　プラグイン　カスタマイズ*/
#sb_instagram .sbi_link {
background: rgba(0,0,0,0.4)!important;
}
#sb_instagram .sbi_link .sbi_caption{
line-height: 1.8!important;
padding-top: 10px;
}
#sb_instagram .sbi_link .sbi_hover_caption_wrap{
padding-top: 20px!important;
}

@media screen and (max-width: 767px) {
#sb_instagram .sbi_link .sbi_hover_caption_wrap{
padding-top: 10px!important;
}
}




/* =========================
   ブロックエディタ 共通
========================= */
.B_editor{
  margin-bottom: 100px;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* =========================
   見出し
========================= */
.B_editor h1,
.B_editor h2,
.B_editor h3,
.B_editor h4{
  margin: 0 0 0.8em;
  padding: 0;
  font-weight: 700;
}

.B_editor h1{
  font-size: 35px;
  line-height: 1.5;
}

.B_editor h2{
  font-size: 30px;
  line-height: 1.5;
}

.B_editor h3{
  font-size: 20px;
  line-height: 1.6;
}

.B_editor h4{
  font-size: 16px;
  line-height: 1.7;
}

/* =========================
   本文
========================= */
.B_editor p{
  margin: 0 0 2.5em;
  font-size: 14px;
  line-height: 2.4;
}

/* =========================
   Gutenberg文字サイズ
========================= */
.B_editor .has-x-large-font-size{
  font-size: 35px !important;
  line-height: 1.6;
}

.B_editor .has-large-font-size{
  font-size: 30px !important;
  line-height: 1.6;
}

.B_editor .has-medium-font-size{
  font-size: 20px !important;
  line-height: 1.6;
}

.B_editor .has-small-font-size{
  font-size: 12px !important;
  line-height: 1.6;
}

/* =========================
   各種ブロック余白
========================= */
.B_editor .wp-block-image,
.B_editor .wp-block-audio,
.B_editor .wp-block-embed,
.B_editor .wp-block-table,
.B_editor .wp-block-video,
.B_editor .wp-block-media-text,
.B_editor .wp-block-gallery,
.B_editor .wp-block-buttons,
.B_editor .wp-block-file,
.B_editor .wp-block-cover,
.B_editor .wp-block-columns{
  margin: 0 0 2em;
}

/* =========================
   リスト
========================= */
.B_editor ul,
.B_editor ol{
  margin: 0 0 2em;
  padding-left: 1.6em;
  font-size: 14px;
  line-height: 2.2;
  list-style-position: outside;
}

.B_editor ul{
  list-style-type: disc;
}

.B_editor ol{
  list-style-type: decimal;
}

.B_editor li{
  display: list-item;
  list-style: inherit;
  margin: 0 0 0.6em;
  padding: 0;
}

/* 旧独自マーカーを無効化 */
.B_editor ul li::before,
.B_editor ul li::after,
.B_editor ol li::before,
.B_editor ol li::after{
  content: none !important;
  display: none !important;
}

/* 入れ子 */
.B_editor ul ul{
  list-style-type: circle;
  margin-top: 0.6em;
}

.B_editor ul ul ul{
  list-style-type: square;
}

.B_editor ol ol{
  list-style-type: lower-alpha;
}

.B_editor ul ul,
.B_editor ul ol,
.B_editor ol ul,
.B_editor ol ol{
  padding-left: 1.6em;
  margin-bottom: 0.8em;
}

/* clearfix は不要なので削除 */
/* .B_editor ul:after は不要 */

/* =========================
   ボタン・ファイル
========================= */
.B_editor .wp-block-button__link,
.B_editor .wp-block-file__button{
  color: #fff !important;
}

/* =========================
   YouTube
========================= */
.B_editor .wp-block-embed-youtube iframe{
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
}

/* =========================
   リンク
========================= */
.B_editor a:link{
  color: #0058DC;
  text-decoration: underline;
}

.B_editor a:visited{
  color: #0058DC;
  text-decoration: underline;
}

.B_editor a:hover,
.B_editor a:active{
  color: #003A92;
  text-decoration: underline;
}

/* =========================
   SP
========================= */
@media screen and (max-width: 767px){
  .B_editor{
    margin-bottom: 50px;
  }

  .B_editor h1{
    font-size: 6.0vw;
    line-height: 1.5;
  }

  .B_editor h2{
    font-size: 5.3vw;
    line-height: 1.5;
  }

  .B_editor h3{
    font-size: 4.4vw;
    line-height: 1.6;
  }

  .B_editor h4{
    font-size: 3.5vw;
    line-height: 1.7;
  }

  .B_editor p{
    font-size: 3.3vw;
    line-height: 2.0;
  }

  .B_editor ul,
  .B_editor ol{
    font-size: 3.3vw;
    line-height: 2.0;
    padding-left: 1.4em;
  }

  .B_editor li{
    margin-bottom: 0.5em;
  }

  .B_editor .has-x-large-font-size{
    font-size: 6.0vw !important;
  }

  .B_editor .has-large-font-size{
    font-size: 5.3vw !important;
  }

  .B_editor .has-medium-font-size{
    font-size: 4.4vw !important;
  }

  .B_editor .has-small-font-size{
    font-size: 3vw !important;
  }
}

/* =========================
   ブロックエディタのリストを強制的に正常化
========================= */

/* ul / ol 本体 */
.B_editor ul.wp-block-list,
.B_editor ol.wp-block-list,
.B_editor ul,
.B_editor ol{
  margin: 0 0 2em;
  padding-left: 1.6em;
  font-size: 13px;
  line-height: 2.2em;
  list-style-position: outside;
}

/* 箇条書き */
.B_editor ul.wp-block-list,
.B_editor ul{
  list-style-type: disc;
}

/* 番号付き */
.B_editor ol.wp-block-list,
.B_editor ol{
  list-style-type: decimal;
}

/* li を明示的に list-item に戻す */
.B_editor ul.wp-block-list li,
.B_editor ol.wp-block-list li,
.B_editor ul li,
.B_editor ol li{
  display: list-item;
  list-style: inherit;
  padding-bottom: 0.6em;
}

/* テーマ側の独自マーカーを無効化 */
.B_editor ul.wp-block-list li::before,
.B_editor ul.wp-block-list li::after,
.B_editor ol.wp-block-list li::before,
.B_editor ol.wp-block-list li::after,
.B_editor ul li::before,
.B_editor ul li::after,
.B_editor ol li::before,
.B_editor ol li::after{
  content: none !important;
  display: none !important;
}

/* 入れ子 */
.B_editor ul ul,
.B_editor ul ol,
.B_editor ol ul,
.B_editor ol ol{
  margin: 0.6em 0 0.8em;
  padding-left: 1.6em;
}

.B_editor ul ul{
  list-style-type: circle;
}

.B_editor ul ul ul{
  list-style-type: square;
}

.B_editor ol ol{
  list-style-type: lower-alpha;
}

/* SP */
@media screen and (max-width: 767px){
  .B_editor ul.wp-block-list,
  .B_editor ol.wp-block-list,
  .B_editor ul,
  .B_editor ol{
    font-size: 3.3vw;
    line-height: 2em;
    padding-left: 1.4em;
  }

  .B_editor ul li,
  .B_editor ol li{
    padding-bottom: 0.5em;
  }
}



/*標準ギャラリーをSP版で1カラムに修正*/
@media screen and (max-width: 767px) {

	.B_editor .wp-block-gallery.has-nested-images {
		display: flex !important;
		flex-direction: column !important;
		gap: 15px !important;
	}

	.B_editor .wp-block-gallery.has-nested-images figure.wp-block-image {
		width: 100% !important;
		max-width: 100% !important;
		flex-basis: 100% !important;
	}

	.B_editor .wp-block-gallery.has-nested-images figure.wp-block-image img {
		width: 100%;
		height: auto;
	}

}




/*月刊アーカイブ　プルダウンメニュー*/
.year-wrap {
position: relative;
max-width: 200px;
margin-left: auto;
margin-right: 0px;
margin-bottom: 20px;
}
.year-wrap::before {
position   : absolute;
content    : "";
width: 12px;
height: 10px;
background-color: #666666;
clip-path: polygon(0 0, 100% 0, 50% 100%);
right: 15px;
z-index: 1;
top: 15px;
}
.year-wrap select{
outline: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
background: none transparent;
vertical-align: middle;
font-size: inherit;
color: inherit;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
height: 40px;
padding-top: 0px;
padding-right: 12px;
padding-bottom: 0px;
border: 1px solid #ddd;
width: 100%;
border-radius: 5px;
padding-left: 20px;
}

@media screen and (max-width: 767px) {
.year-wrap {
max-width: 160px;
}
.year-wrap select{
outline: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
background: none transparent;
vertical-align: middle;
font-size: inherit;
color: inherit;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
height: 40px;
padding-top: 0px;
padding-right: 12px;
padding-left: 10px;
font-size: 3vw!important;
}
}










/*スタイル調整の設定*/
/*投稿日時*/
.entry-date {
margin: 0px;
font-weight: bold;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
color: #128C15;
}

/*続きを読む*/
.link-text {
display: block;
text-align: right;
margin-top: 15px;
line-height: 1;
}

.link-text a:before {
content: '> ';
}

/*NEW表記*/
.newicon {
font-weight: bold;
color: #F00;
margin: 0px;
padding: 0px;
}


/*左右中央*/
.center {
padding: 0px;
text-align: center !important;
margin: 0px;
}
.right {
padding: 0px;
text-align: right !important;
margin: 0px;
}
.left {
padding: 0px;
text-align: left !important;
margin: 0px;
}

/*padding*/
.pt00 { padding-top: 0   !important;}
.pt10 { padding-top:10px !important;}
.pt20 { padding-top:20px !important;}
.pt30 { padding-top:30px !important;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px !important;}

.pb00 { padding-bottom: 0   !important;}
.pb10 { padding-bottom:10px !important;}
.pb20 { padding-bottom:20px !important;}
.pb30 { padding-bottom:30px !important;}
.pb40 { padding-bottom:40px !important;}
.pb50 { padding-bottom:50px !important;}

@media screen and (max-width: 767px) {
.pt10 { padding-top:5px !important;}
.pt20 { padding-top:10px !important;}
.pt30 { padding-top:15px !important;}
.pt40 { padding-top:20px !important;}
.pt50 { padding-top:25px !important;}

.pb10 { padding-bottom:5px !important;}
.pb20 { padding-bottom:10px !important;}
.pb30 { padding-bottom:15px !important;}
.pb40 { padding-bottom:20px !important;}
.pb50 { padding-bottom:25px !important;}
}

/*margin*/
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt70 { margin-top:70px !important;}
.mt80 { margin-top:80px !important;}
.mt90 { margin-top:90px !important;}
.mt100 { margin-top:100px !important;}

.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb80 { margin-bottom:80px !important;}
.mb90 { margin-bottom:90px !important;}
.mb100 { margin-bottom:100px !important;}

@media screen and (max-width: 767px) {
.mt20 { margin-top:10px !important;}
.mt30 { margin-top:15px !important;}
.mt40 { margin-top:25px !important;}
.mt50 { margin-top:30px !important;}
.mt60 { margin-top:35px !important;}
.mt70 { margin-top:40px !important;}
.mt80 { margin-top:45px !important;}
.mt90 { margin-top:50px !important;}
.mt100 { margin-top:60px !important;}

.mb20 { margin-bottom:10px !important;}
.mb30 { margin-bottom:15px !important;}
.mb40 { margin-bottom:20px !important;}
.mb50 { margin-bottom:25px !important;}
.mb60 { margin-bottom:30px !important;}
.mb70 { margin-bottom:35px !important;}
.mb80 { margin-bottom:40px !important;}
.mb90 { margin-bottom:45px !important;}
.mb100 { margin-bottom:50px !important;}
}

/*SPのみ*/
@media screen and (max-width: 767px) {
.mt20_sp { margin-top:10px !important;}
.mt30_sp { margin-top:15px !important;}
.mt40_sp { margin-top:25px !important;}
.mt50_sp { margin-top:30px !important;}
.mt60_sp { margin-top:35px !important;}
}




/*フォントカラー*/
.red  {	color: #F00;}

/* Width */
.w100p   { width: 100% !important;}
.w90p   {
width: 90% !important;
margin-left: auto;
margin-right: auto;
}
.w85p   {
width: 85% !important;
margin-left: auto;
margin-right: auto;
}
.w80p   {
width: 80% !important;
margin-left: auto;
margin-right: auto;
}
.w75p   {
width: 75% !important;
margin-left: auto;
margin-right: auto;
}
.w70p   {
width: 70% !important;
margin-left: auto;
margin-right: auto;
}
.w65p   {
width: 65% !important;
margin-left: auto;
margin-right: auto;
}
.w60p   {
width: 60% !important;
margin-left: auto;
margin-right: auto;
}
.w50p   {
width: 50% !important;
margin-left: auto;
margin-right: auto;
}
.w40p   {
width: 40% !important;
margin-left: auto;
margin-right: auto;
}
.w30p   {
width: 30% !important;
margin-left: auto;
margin-right: auto;
}
.w980   { width: 980px !important;}
.w960   { width: 960px !important;}
.w900   { width: 900px !important;}
.w700	{
width: 700px !important;
margin-right: auto;
margin-left: auto;
}
.w600	{
width: 600px !important;
margin-left: auto;
margin-right: auto;
}
.w500	{ width: 500px !important;}
.w400	{ width: 400px !important;}
.w300	{ width: 300px !important;}
.w200	{ width: 220px !important;}

@media screen and (max-width: 767px) {
.w90p   { width: 100% !important;}
.w85p   { width: 100% !important;}
.w80p   { width: 100% !important;}
.w75p   { width: 100% !important;}
.w70p   { width: 100% !important;}
.w65p   { width: 100% !important;}
.w60p   { width: 100% !important;}
.w50p   { width: 100% !important;}
.w40p   { width: 100% !important;}
.w30p   { width: 100% !important;}

.w980   { width: 100% !important;}
.w960   { width: 100% !important;}
.w900   { width: 100% !important;}
.w700	{ width: 100% !important;}
.w600	{ width: 100% !important;}
.w500	{ width: 100% !important;}
.w400	{ width: 100% !important;}
.w300	{ width: 100% !important;}
.w200	{ width: 100% !important;}
}





/*プライバシーポリシー*/
.Privacy_th {
padding-top: 80px;
padding-bottom: 80px;
position: relative;
z-index: 0;
}
.PrivacyP h2 {
	position: relative;
	font-weight: bold;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 15px;
	font-size: 17px;
}
@media screen and (max-width: 767px) {
.Privacy_th {
padding-top: 40px;
padding-bottom: 40px;
}
.PrivacyP h2 {
font-size: 3.3vw;
	margin-bottom: 10px;
}
}


.PrivacyP p.lead {
margin-bottom: 50px;
font-weight: normal;
}
.PrivacyP p a:link {
color: #0058DC;
text-decoration: underline;
}
.PrivacyP p a:visited {
color: #0058DC;
text-decoration: none;
}
.PrivacyP p a:hover {
color: #003A92;
}
@media screen and (max-width: 430px) {
.PrivacyP p.lead {
margin-bottom: 25px;
}
}

/* カウンター初期化 */
.PrivacyP{
	counter-reset: privacy-num;
}
.PrivacyP .item {
padding: 0px;
position: relative;
margin-bottom: 50px;
}
.PrivacyP .item h3 {
	position: relative;
	font-weight: bold;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-size: 17px;
	border-bottom: 1px solid #CCC;
	/* カウンター加算 */
	counter-increment: privacy-num;
}

/* 自動番号 */
.PrivacyP .item h3::before{
	content: counter(privacy-num) ". ";
}
.PrivacyP .item p{
margin-bottom: 10px;
font-weight: normal;
}
.PrivacyP .item .company{
padding: 20px;
border: 1px solid #CCCCCC;
}


@media screen and (max-width: 767px) {
.PrivacyP .item {
margin-bottom: 30px;
}
.PrivacyP .item h3 {
font-size: 3.3vw;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.PrivacyP .item p{
font-size: 3vw;
}
}

.PrivacyP .item  ol {
}
.PrivacyP .item  ol li {
_zoom: 1;
overflow: hidden;
padding-bottom: 12px;
margin-top: 0px;
padding-top: 12px;
background-repeat: repeat-x;
background-position: left bottom;
margin-bottom: 0px;
background-image: url(../parts/line_dot.gif);
}
.PrivacyP .item  ol li dt {
float: left;
width: 40px;
color: #333;
margin: 0px;
font-weight: bold;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}
.PrivacyP .item  ol li dt span{
font-size: 10px;
}
.PrivacyP .item  ol li dd {
margin-left: 50px;
background-repeat: no-repeat;
background-position: 0px 0px;
margin-right: 10px;
}
.PrivacyP .item  ol li span.blue{
font-size: 15px;
font-weight: bold;
color: #06C;
margin: 0px;
line-height: 1.8em;
padding: 0px;
}
.PrivacyP .item  ol li span.chui{
font-size: 15px;
font-weight: normal;
margin: 0px;
line-height: 1.8em;
padding: 0px;
}
.PrivacyP .item  ol li dd p{
margin: 0px;
padding: 0px;
}
* html .PrivacyP .item  ol li dd {
zoom: 1;
}







/*clCLOSEボタン*/
p.close a{
padding-top: 10px;
padding-bottom: 10px;
margin-right: auto;
margin-left: auto;
width: 30%;
text-align: center;
margin-bottom: 0px;
display: block;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
line-height: 1.5em;
background-color: #000000;
color: #FFFFFF!important;
text-decoration: none;
}
p.close a:hover,
p.close a:active {
background-color: #777777;
color: #FFFFFF!important;
}
@media screen and (max-width: 767px) {
p.close a{
width: 40%;
}
}






/*リストタイプ01*/
.list_type1 {
margin-bottom: 20px;
margin-top: 10px;
}
.list_type1 .item {
display: flex;
gap: 0px;
border-bottom: 1px solid #CCCCCC;
padding-bottom: 20px;
padding-top: 20px;
position: relative;
z-index: 1;
transition: all 0.3s;
}
.list_type1 .item .in_if01 {
flex-basis: 30%;
font-weight: bold;
}
.list_type1 .item .in_if02 {
flex-basis: 70%;
}
@media(max-width: 767px){
.list_type1 .item {
flex-direction: column;
padding-bottom: 15px;
padding-top: 15px;
}
.list_type1 .item .in_if01 p {
margin-right: 20px;
}
}




/* ---------------------------------------------------------------- *
ページ間のナビ設定　＜前の記事　　次の記事＞
* ---------------------------------------------------------------- */
.postlink {
	_zoom: 1;
	overflow: hidden;
	padding: 0px;
	clear: both;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
.postlink ul {
margin: 0;
}
.postlink li {
width: 32.3333%;
margin-left: 0.5%;
margin-right: 0.5%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.postlink li a {
	display: block;
	font-size: 13px;
	line-height: 1em !important;
	padding-top: 15px;
	padding-bottom: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #F1F1F1;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 50px;
	padding-left: 0px;
}

.postlink li.previous {
float: left;
}
.postlink li.list {
float: left;
}
.postlink li.next {
float: left;
}
.postlink a:link {
text-decoration: none;
color: #777777;
}
.postlink a:visited {
text-decoration: none;
color: #777777;
}
.postlink a:hover, .postlink a:active {
text-decoration: none;
color: #777777;
background-color: #EEEEEE;
}
@media screen and (max-width: 767px) {
.postlink {
	margin-top: 20px;
	margin-bottom: 20px;
}

.postlink li.previous {
width: 34%;
margin-left: 0%;
margin-right: 1%;
}
.postlink li.list {
width: 28%;
margin-left: 0%;
margin-right: 0%;
}
.postlink li.next {
width: 34%;
margin-left: 1%;
margin-right: 0%;
}
.postlink li.previous a {
padding-right: 5px;
}
.postlink li.next a {
padding-left: 5px;
}
.postlink li a {
font-size: 11px;
}
}
@media screen and (max-width: 360px) {
.postlink li a {
font-size: 10px;
}
}

/* 空要素のスタイルを設定 */
.postlink ul li:empty:after {
content: '　';
display: block;
}
/* 空要素のスタイルを設定 */
.postlink ul li.empty::after {
	content: '　';
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: none!important;
	line-height: 1em !important;
}



/*タイトル表示*/
.postlink2 {
_zoom: 1;
overflow: hidden;
padding: 0px;
clear: both;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 50px;
margin-left: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.postlink2 ul {
margin: 0;
}
.postlink2 li {
/*width: 32.3333%;
margin-left: 0.5%;
margin-right: 0.5%;*/
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.postlink2 li.previous {
width: 38%;
margin-left: 0%;
margin-right: 1%;
}
.postlink2 li.list {
width: 20%;
margin-left: 0%;
margin-right: 0%;
}
.postlink2 li.next {
width: 38%;
margin-left: 1%;
margin-right: 0%;
text-align: right;
}
.postlink2 li a {
display: block;
font-size: 15px;
line-height: 1.5em !important;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
align-items: center;
background-color: #F5F5F5;
}
.postlink2 li.list a {
justify-content: center;
}
.postlink2 li.previous a {
padding-left: 40px;
padding-right: 10px;
justify-content: flex-start;
right: 10px;
}
.postlink2 li.next a {
padding-left: 10px;
padding-right: 40px;
justify-content: end;
text-align: left;
}

.postlink2 li.previous span.arw{
width: 10px;
height: 10px;
border-top: 1px solid #2D2D2D;
border-left: 1px solid #2D2D2D;
transform: rotate(315deg);
position: absolute;
left: 20px;
top: 43%;
transition: all 0.3s;
}
.postlink2 li.next span.arw{
width: 10px;
height: 10px;
border-top: 1px solid #2D2D2D;
border-left: 1px solid #2D2D2D;
transform: rotate(135deg);
position: absolute;
right: 20px;
top: 43%;
transition: all 0.3s;
}


.postlink2 li.previous {
float: left;
}
.postlink2 li.list {
float: left;
}
.postlink2 li.next {
float: left;
}
.postlink2 a:link {
text-decoration: none;
color: #06C;
}
.postlink2 a:visited {
text-decoration: none;
color: #06C;
}
.postlink2 a:hover, .postlink2 a:active {
text-decoration: none;
color: #06C;
background-color: #EEEEEE;
}
@media screen and (max-width: 896px) {
.postlink2 li.previous {
width: 39%;
margin-left: 0%;
margin-right: 1%;
}
.postlink2 li.list {
width: 18%;
margin-left: 0%;
margin-right: 0%;
}
.postlink2 li.next {
width: 39%;
margin-left: 1%;
margin-right: 0%;
}
.postlink2 li a {
font-size: 2.5vw;
}
.postlink2 li.previous a {
padding-left: 20px;
}
.postlink2 li.next a {
padding-right: 20px;
}
.postlink2 li.previous span.arw{
width: 7px;
height: 7px;
left: 10px;
top: 43%;
}
.postlink2 li.next span.arw{
width: 7px;
height: 7px;
right: 10px;
top: 45%;
}
}


/* 空要素のスタイルを設定 */
.postlink2 ul li:empty:after {
content: '　';
display: block;
}







/*  PageNavi 設定 */
.wp-pagenavi {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 80px;
	display: flex;
	justify-content: center;
	margin-top: 40px;
}
.wp-pagenavi .page {
display: inline-block;
text-align: center;
width: 40px;
line-height: 40px;
border: solid 1px #CCC;
border-radius: 21px;
margin: auto 4px;
transition: 0.3s ease-out;
background-color: #FFFFFF;
}
.wp-pagenavi .page:hover {
background: #1877F2;
color: #FFF;
}
.wp-pagenavi .current {
display: inline-block;
text-align: center;
width: 40px;
line-height: 40px;
color: #fff;
background: #1877F2;
border: solid 1px #1877F2;
border-radius: 21px;
margin: auto 4px;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .extend,
.wp-pagenavi .first,
.wp-pagenavi .last {
line-height: 40px;
margin: auto 8px;
transition: 0.3s ease-out;
font-size: 20px;
font-weight: 100;
}
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .first:hover,
.wp-pagenavi .last:hover {
color: #CCC;
}

@media screen and (max-width: 767px) {
.wp-pagenavi {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}
.wp-pagenavi .page,.wp-pagenavi .current {
width: 35px;
line-height: 35px;
margin: auto 2px;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .extend,
.wp-pagenavi .first,
.wp-pagenavi .last {
line-height: 35px;
margin: auto 6px;
font-size: 18px;
}
}