@charset "utf-8";
/* CSS Document */

/* =======================================
文字装飾
======================================== */

/* 文字を囲む */
.fl-bl {
    padding: 0em .6em;
    margin: 0.3em;
    color: #FFFFFF;
    background: #00A0E8;
    line-height: 2.2em;
}

.fl-or {
    padding: 0em .6em;
    margin: 0.5em;
    color: #FFFFFF;
    background: #F59600;
    line-height: 2.2em;
}

.fl-yl {
    padding: 0em .6em;
    margin: 0.5em;
    color: #333333;
    background: #FFDE00;
    line-height: 2.2em;
}

.fl-gy {
    padding: 0em .6em;
    margin: 0.5em;
    color: #333333;
    background: #F3F3F3;
    line-height: 2.2em;
}

.fl-lbl {
    padding: 0em .6em;
    margin: 0.5em;
    color: #333333;
    background: #5cc1e5;
    line-height: 2.2em;
}

.fl-wh {
    padding: 0em .6em;
    margin: 0.5em;
    color: #333333;
    background: #fff;
    line-height: 2.2em;
}


/* 文字を囲む マージンなし */
.fl-lbl2 {
    padding: 0em;
    margin: 0;
    background: #e5f5fd;
    line-height: 1.6em;
}

/*ボーダー*/
.text-border_bk01 {
    border-bottom: 1px solid #000000;
    padding-bottom: 2px;
}
.text-border_bk02 {
    border-bottom: 2px solid #000000;
    padding-bottom: 2px;
}

.text-border_bl01 {
    border-bottom: 1px solid #00A0E8;
    padding-bottom: 2px;
}
.text-border_bl02 {
    border-bottom: 2px solid #00A0E8;
    padding-bottom: 2px;
}
.text-border_bl03 {
    border-bottom: 3px solid #00A0E8;
    padding-bottom: 2px;
}
.text-border_or01 {
    border-bottom: 1px solid #f59600;
    padding-bottom: 2px;
}
.text-border_or02 {
    border-bottom: 2px solid #f59600;
    padding-bottom: 2px;
}

.text-border_yl01 {
    border-bottom: 1px solid #ffde00;
    padding-bottom: 2px;
}
.text-border_yl02 {
    border-bottom: 2px solid #ffde00;
    padding-bottom: 2px;
}



/* 蛍光マーカー */
#edit-area .marker-bl {background: linear-gradient(transparent 60%, #00A0E8 60%);} /*ブルー*/
#edit-area .marker-or {background: linear-gradient(transparent 60%, #F59600 60%);} /*オレンジ*/
#edit-area .marker-yl {background: linear-gradient(transparent 60%, #FFDE00 60%);} /*イエロー*/
#edit-area .marker-lbl {background: linear-gradient(transparent 60%, #5CC1E5 60%);} /*ライトブルー*/
#edit-area .marker-lor {background: linear-gradient(transparent 60%, #F4B962 60%);} /*ライトオレンジ*/
#edit-area .marker-lyl {background: linear-gradient(transparent 60%, #FFE966 60%);} /*ライトイエロー*/
/* 蛍光マーカー細 */
#edit-area .marker-bl2 {background: linear-gradient(transparent 80%, #00A0E8 80%);} /*ブルー*/
#edit-area .marker-or2 {background: linear-gradient(transparent 80%, #F59600 80%);} /*オレンジ*/
#edit-area .marker-yl2 {background: linear-gradient(transparent 80%, #FFDE00 80%);} /*イエロー*/
#edit-area .marker-lbl2 {background: linear-gradient(transparent 80%, #5CC1E5 80%);} /*ライトブルー*/
#edit-area .marker-lor2 {background: linear-gradient(transparent 80%, #F4B962 80%);} /*ライトオレンジ*/
#edit-area .marker-lyl2 {background: linear-gradient(transparent 80%, #FFE966 80%);} /*ライトイエロー*/

/* リボン */
.ribbon1 {
    display: inline-block;
    position: relative;
    height: 30px;/*リボンの高さ*/
    line-height: 30px;/*リボンの高さ*/
    text-align: center;
    padding: 0 20px;/*横の大きさ*/
    background: #f59600;/*塗りつぶし色*/
    color: #FFF;/*文字色*/
    box-sizing: border-box;
    white-space: nowrap;
}

.ribbon1:before, .ribbon1:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}

.ribbon1:before {
    top: 0;
    left: 0;
    border-width: 15px 0px 15px 10px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}

.ribbon1:after {
    top: 0;
    right: 0;
    border-width: 15px 10px 15px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}

/* =======================================
ボタン
======================================== */
/* オレンジボタン大 */
a.btn-deco_01,
span.btn-deco_01,
div.btn-deco_01 {
    display: inline-block;
    padding: 0.3em 1.0em .36em;
    text-align: center;
    border: 3px solid #fff;
    background: #F59600;
    text-decoration: none !important;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    margin-bottom: 10px;
    border-radius: 4.0em;
    color: #fff;
    transition: 0.5s;
    font-size: 128.6%;
    font-weight: 700;
	width: 460px;
}

a.btn-deco_01:hover,
span.btn-deco_01:hover,
div.btn-deco_01:hover {
    border: 3px solid #F59600;
    background: #fff;
    color: #F59600;
	transition: 0.5s;
}

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

	a.btn-deco_01,
	span.btn-deco_01 {
		width: 100%;
	}
}

/* オレンジボタン小*/
a.btn-deco_01s,
span.btn-deco_01s {
    display: inline-block;
    padding: 0.3em 2em 0.36em;
    text-align: center;
    border: 2px solid #fff;
    background: #F59600;
    text-decoration: none !important;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    margin-bottom: 10px;
    border-radius: 4.0em;
    color: #fff;
    transition: 0.5s;
    font-size: 100%;
    font-weight: 500;
	width: auto;
}

a.btn-deco_01s:hover,
span.btn-deco_01s:hover {
    border: 2px solid #F59600;
    background: #fff;
    color: #F59600;
	transition: 0.5s;
}

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

	a.btn-deco_01s,
	span.btn-deco_01s {
		width: 100%;
	}
}
/*ブルーボタン大*/
a.btn-deco_02,
span.btn-deco_02 {
    display: inline-block;
    padding: 0.3em 1.0em .36em;
    text-align: center;
    border: 3px solid #fff;
    background: #00A0E8;
    text-decoration: none !important;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    margin-bottom: 10px;
    border-radius: 4.0em;
    color: #fff;
    transition: 0.5s;
    font-size: 128.6%;
    font-weight: 700;
	width: 460px;
}

a.btn-deco_02:hover,
span.btn-deco_02:hover {
    border: 3px solid #00A0E8;
    background: #fff;
    color: #00A0E8;
	transition: 0.5s;
}

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

	a.btn-deco_02,
	span.btn-deco_02 {
		width: 100%;
	}
}

/* ブルーボタン小*/
a.btn-deco_02s,
span.btn-deco_02s {
    display: inline-block;
    padding: 0.3em 2em 0.36em;
    text-align: center;
    border: 2px solid #fff;
    background: #00A0E8;
    text-decoration: none !important;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    margin-bottom: 10px;
    border-radius: 4.0em;
    color: #fff;
    transition: 0.5s;
    font-size: 100%;
    font-weight: 500;
	width: auto;
}

a.btn-deco_02s:hover,
span.btn-deco_02s:hover {
    border: 2px solid #00A0E8;
    background: #fff;
    color: #00A0E8;
	transition: 0.5s;
}

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

	a.btn-deco_02s,
	span.btn-deco_02s {
		width: 100%;
	}
}

/*ブルー囲み枠のボタン*/
a.btn-deco_03,
span.btn-deco_03 {
    display: inline-block;
    padding: 0.3em 1.0em .36em;
    text-align: center;
    border:  #00A0E8 solid 1px;
    background: #FFF;
    text-decoration: none !important;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    margin-bottom: 10px;
    color: #000;
    transition: 0.5s;
	width: 100%;
}

a.btn-deco_03:hover,
span.btn-deco_03:hover {
    border: 1px solid #FFDE00;
    background: #e5f5fd;
    color: #000 !important;
	transition: 0.5s;
}

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

	a.btn-deco_03,
	span.btn-deco_03{
		width: 100%;
	}
}

/*ブルー囲み枠のボタン2*/
a.btn-deco_04,
span.btn-deco_04 {
    display: inline-block;
    padding: 0.3em 1.0em .36em;
    text-align: center;
    border:  #00A0E8 solid 1px;
    background: #FFF;
    text-decoration: none !important;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    margin-bottom: 10px;
    color: #333;
    transition: 0.5s;
	width: 100%;
	font-size: 85.7%;
}

a.btn-deco_04:hover,
span.btn-deco_04:hover {
    background: #00A0E8;
    color: #fff;
	transition: 0.5s;
}

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

	a.btn-deco_04,
	span.btn-deco_04 {
		width: 100%;
	}
}

/*ブルー囲み枠のボタン3*/
a.btn-deco_06,
span.btn-deco_06 {
    display: inline-block;
    text-align: center;
    border:  #00A0E8 solid 2px;
    background: #FFF;
    text-decoration: none !important;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    margin-bottom: 10px;
    color: #00A0E8;
    transition: 0.8s;
	width: 100%;
}

a.btn-deco_06:hover,
span.btn-deco_06:hover {
    background: #00A0E8;
    color: #fff;
	transition: 0.5s;
}

@media only screen and (max-width: 599px) {
	a.btn-deco_06,
	span.btn-deco_06 {
		width: 100%;
	}
}

/*ブルー囲み枠のボタン4*/
a.btn-deco_07,
span.btn-deco_07 {
    display: inline-block;
    text-align: center;
    border:  #00A0E8 solid 2px;
    background: #00A0E8;
    text-decoration: none !important;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    margin-bottom: 10px;
    color: #fff;
    transition: 0.8s;
	width: 100%;
}

a.btn-deco_07:hover,
span.btn-deco_07:hover {
    background: #fff;
    color: #00A0E8;
	transition: 0.5s;
}

@media only screen and (max-width: 599px) {
	a.btn-deco_07,
	span.btn-deco_07 {
		width: 100%;
	}
}

/*イエローボタン大*/
a.btn-deco_05,
span.btn-deco_05 {
    display: inline-block;
    padding: 0.3em 1.0em .36em;
    text-align: center;
    border: 3px solid #fff;
    background: #FFDE00;
    text-decoration: none !important;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    margin-bottom: 10px;
    border-radius: 4.0em;
    color: #000;
    transition: 0.5s;
    font-size: 128.6%;
    font-weight: 700;
	width: 460px;
}

a.btn-deco_05:hover,
span.btn-deco_05:hover {
    border: 3px solid #FFDE00;
    background: #fff;
    color: #000;
	transition: 0.5s;
}

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

	a.btn-deco_02,
	span.btn-deco_02 {
		width: 100%;
	}
}

/* イエローボタン小*/
a.btn-deco_05s,
span.btn-deco_05s {
    display: inline-block;
    padding: 0.3em 2em 0.36em;
    text-align: center;
    border: 2px solid #fff;
    background: #FFDE00;
    text-decoration: none !important;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    margin-bottom: 10px;
    border-radius: 4.0em;
    color: #000;
    transition: 0.5s;
    font-size: 100%;
    font-weight: 500;
	width: auto;
}

a.btn-deco_05s:hover,
span.btn-deco_05s:hover {
    border: 2px solid #FFDE00;
    background: #fff;
    color: #000;
	transition: 0.5s;
}

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

	a.btn-deco_02s,
	span.btn-deco_02s {
		width: 100%;
	}
}

/*クラブ・サークル用ボタン*/
.club_btn {
	text-align: center;
}
.club_btn a {
	display: inline-block;
	padding: 15px 30px;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	background: #00a0e8;
	border-radius: 4px;
	transition:opacity 0.3s ease-out;
}
.club_btn a:hover {
	color: #fff;
	opacity: 0.6;
}
.club_btn a::before {
	content: "▶";
	padding-right: 4px;
	font-size: 66%;
	vertical-align: 0.1em;
}

/*下に押し込まれるボタン*/
a.push_btn1 {
    width: 600px;
    text-decoration: none;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0 auto;
    padding: 7px 20px 9px 20px;
    color: #000;
    font-weight: 700;
    background-color: #dcdcdc;
    border-radius: 50vh;
    transition: 0.3s;
}

a.push_btn1::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    border: 2px solid #00A0E8;
    border-radius: 50vh;
    transition: 0.2s;
}

a.push_btn1:hover::before {
    top: 0;
    left: 0;
}

a.push_btn1:hover {
    text-decoration: none;
    background-color: #a0c4d3;
    color: #000;
}

/*線が伸びて上下線になるボタン*/
.btn-deco_08 {
    background: #fff;
    position:relative;
    height:60px;
    padding:15px;
    transition:800ms ease all;
    font-size: 120%;
}
.btn-deco_08:hover{
    background: #ECECEC;
    color:#00A0E8;
}
.btn-deco_08:before,.btn-deco_08:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    height:2px;
    width:0;
    background: #00A0E8;
    transition:400ms ease all;
}
.btn-deco_08:after{
    right:inherit;
    top:inherit;
    left:0;
    bottom:0;
}
.btn-deco_08:hover:before,.btn-deco_08:hover:after{
    width:100%;
    transition:800ms ease all;
}

.btn-deco_08 a {
    text-decoration: none;
    color: #333333;
}
.btn-deco_08 a:hover{
    text-decoration: none;
    color: #333333;
}

/* =======================================
テキストデコレーション
======================================== */
/* --------
テキストデコレーション_01 ※文字列に中央から下線が引かれる
 -------- */
.text-deco_01 {
    text-decoration: none; /* デフォルトの下線を非表示にする */
    color: #000;
    background-repeat: no-repeat;
    background-position: center bottom; /* 線の起点を左・下に設定 */
    background-size: 0px 3px; /* 線の横幅を0、縦幅を1pxに */
    transition: background-size 0.6s; /* 線を伸ばすアニメーション実行時間を指定 */
}
/* 下線の色 */
 .bl .text-deco_01 {
    background-image: linear-gradient(90deg, #00A0E8, #FFDE00);
}
.text-deco_01 .or {
    background-image: linear-gradient(90deg, #00A0E8, #FFDE00);
}
.text-deco_01 .yl {
    background-image: linear-gradient(90deg, #00A0E8, #FFDE00);
}
/* マウスオーバー時 */
.text-deco_01:hover {
    color: #000;
    background-size: 100% 3px; /* 線の横幅を100%にする */
}

a.current {
    text-decoration: none; /* デフォルトの下線を非表示にする */
    color: #000;
    background-repeat: no-repeat;
    background-position: center bottom; /* 線の起点を左・下に設定 */
    background-image: linear-gradient(90deg, #00A0E8, #FFDE00);
    background-size: 100% 3px;
}

/* =======================================
ドロップダウンボタン
======================================== */

/*ドロップダウンボタン01*/
.dropbtn {
    background-color: #e5f5fd;
    color: #333333;
    padding: 10px;
    border: solid 1.5px #00A0E8;
    cursor: pointer;
    text-align: center;
	width: 100%;
    display: block;
    transition: 0.5s;
	z-index: 0 !important;
}

.dropdown {
    position: relative;
    display: inline-block;
	width: 100%;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	width: 100%;
	z-index: 1 !important;
}

.dropdown-content a {
    color: #333333;
    padding: 6px;
    border: solid #00A0E8;
	border-width: 0px 1.5px 1.5px 1.5px;
    text-align: center;
    text-decoration: none;
    display: block;
	z-index: 0 !important;
}

.dropdown-content a:hover {
	background-color: #fffab4;
	color: #333333;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #ffde00;
	color: #333333;
}

/* =======================================
エリアカラー
======================================== */
#edit-area .width-full-bl {background: #00A0E8; padding: 30px 0px} /*ブルー*/
#edit-area .width-full-or {background: #F59600; padding: 30px 0px} /*オレンジ*/
#edit-area .width-full-yl {background: #FFDE00; padding: 30px 0px} /*イエロー*/
#edit-area .width-full-lbl {background: #e5f5fd; padding: 30px 0px} /*ライトブルー*/
#edit-area .width-full-lor {background: #F4D3A4; padding: 30px 0px} /*ライトオレンジ*/
#edit-area .width-full-lyl {background: #FFFAB4; padding: 30px 0px} /*ライトイエロー*/
#edit-area .width-full-wh {background: #FFFFFF; padding: 30px 0px} /*ホワイト*/
#edit-area .width-full-gy {background: #F3F3F3; padding: 30px 0px} /*グレー*/

/* スマホ */
@media only screen and (max-width: 599px) {
	#edit-area .width-full-bl .width-full-or .width-full-yl .width-full-wh { padding-top: 30px;}
}

/* タブレット */
@media only screen and (min-width: 600px) {
	#edit-area .width-full-bl .width-full-or .width-full-yl .width-full-wh { padding-top: 60px;}
}

/* PC */
@media only screen and (min-width: 769px) {
}

/* =======================================
バックグラウンド
======================================== */
.bgimg_border-bl{
    background-color: #e5f5fd;
    background-image: repeating-linear-gradient(-45deg,#fff, #fff 7px,transparent 0, transparent 14px);
}

/* =======================================
カラム・ボックス　装飾
======================================== */
/*カラー*/
#edit-area .area-color-bl {background: #00A0E8; padding: 10px 10px 10px 10px;} /*ブルー*/
#edit-area .area-color-or {background: #F59600; padding: 10px 10px 10px 10px;} /*オレンジ*/
#edit-area .area-color-yl {background: #FFDE00; padding: 10px 10px 10px 10px;} /*イエロー*/
#edit-area .area-color-yl-3 {background: #FFDE00; padding: 3px 3px 3px 3px;} /*イエロー*/
#edit-area .area-color-lbl {background: #e5f5fd; padding: 10px 10px 10px 10px;} /*ライトブルー*/
#edit-area .area-color-lor {background: #F4D3A4; padding: 10px 10px 10px 10px;} /*ライトオレンジ*/
#edit-area .area-color-lyl {background: #FFFAB4; padding: 10px 10px 10px 10px;} /*ライトイエロー*/
#edit-area .area-color-gy {background: #F3F3F3; padding: 10px 10px 10px 10px;} /*グレー*/
#edit-area .area-color-dgy {background: #bfbfbf; padding: 10px 10px 10px 10px;} /*ダークグレー*/
#edit-area .area-color-wh {background: #FFFFFF; padding: 10px 10px 10px 10px;} /*ホワイト*/

/*囲み枠*/
#edit-area .area-border-bl {border: solid 1px #00A0E8; padding: 10px 10px 10px 10px;} /*ブルー*/
#edit-area .area-border-or {border: solid 1px #F59600; padding: 10px 10px 10px 10px;} /*オレンジ*/
#edit-area .area-border-yl {border: solid 1px #FFDE00; padding: 10px 10px 10px 10px;} /*イエロー*/
#edit-area .area-border-bk {border: solid 1px #000000; padding: 10px 10px 10px 10px;} /*ブラック*/
#edit-area .area-border-gy {border: solid 1px #ddd; padding: 10px 10px 10px 10px;} /*グレー*/

/*透過*/
#edit-area .toka {
	opacity: 0.8;
	background-color: #bfbfbf;
}

/* border-radius */
#edit-area .radius-5 {	border-radius: 5px;}
#edit-area .radius-10 {	border-radius: 10px;}
#edit-area .radius-20 {	border-radius: 20px;}
#edit-area .radius-20_0 { border-radius: 20px 20px 0px 0px;}
#edit-area .radius-0_20 { border-radius: 0px 0px 20px 20px;}
#edit-area .radius-30 {	border-radius: 30px;}
#edit-area .radius-30_0 { border-radius: 30px 30px 0px 0px;}
#edit-area .radius-0_30 { border-radius: 0px 0px 30px 30px;}
#edit-area .radius-circle {	border-radius: 50%;}

/* =======================================
フレックスボックス
======================================== */

/* PC */
@media screen and (min-width:769px) {
	#edit-area .flexible-01 {
		flex-wrap: row;
		display: flex;
		justify-content: space-around;
		margin: 0px 0px;
		padding: 0;
	}
}

/* TB */
@media screen and (max-width:768px) {
	#edit-area .flexible-01 {
		flex-wrap: row;
		display: flex;
		justify-content: space-around;
		margin: 0px 0px;
		padding: 0 50px;
	}
	#edit-area .flexible-01 img {
		height: 80px;
		width: auto;
	}
}

/* SP */
@media screen and (max-width:414px) {
	#edit-area .flexible-01 {
		flex-wrap: row;
		display: flex;
		justify-content: space-around;
		margin: 0px 0px;
		padding: 0;
	}
	#edit-area .flexible-01 img {
		height: 55px;
		width: auto;
	}
}


/* =======================================
タイトル付きボックス
======================================== */
.box1 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #00A0E8;
    border-radius: 10px;
}
.box1 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 20px;
    padding: 0 4px;
    line-height: 1;
    font-size: 150%;
    background: #FFF;
    color: #00A0E8;
    font-weight: bold;
}
.box1 p {
    margin: 0;
    padding: 0;
}


/* =======================================
見出し
======================================== */
/* 左右に青ボーダーの見出し */
#edit-area .border-heading-bl {
	color: #00a0e8;
	display: flex;
	align-items: center;
}
#edit-area .border-heading-or {
	color: #F59600;;
	display: flex;
	align-items: center;
}
#edit-area .border-heading-bk {
	color: #000;;
	display: flex;
	align-items: center;
}

#edit-area .border-heading-bl:before,
#edit-area .border-heading-bl:after {
	content: "";
	flex-grow: 1;
	height: 4px;
	background: #00a0e8;
	display: block;
}
#edit-area .border-heading-or:before,
#edit-area .border-heading-or:after {
	content: "";
	flex-grow: 1;
	height: 4px;
	background: #F59600;
	display: block;
}
#edit-area .border-heading-bk:before,
#edit-area .border-heading-bk:after {
	content: "";
	flex-grow: 1;
	height: 4px;
	background: #00a0e8;
	display: block;
}

#edit-area .border-heading-bl:before,
#edit-area .border-heading-or:before,
#edit-area .border-heading-bk:before{
	margin-right: .4em;
}
#edit-area .border-heading-bl:after,
#edit-area .border-heading-or:after,
#edit-area .border-heading-bk:after{
	margin-left: .4em;
}

/* 全幅 青い背景の見出し */
#edit-area .bg-heading-bl {
	padding: .2em 0 .3em;
	text-align: center;
	background: #00a0ee;
	color: #fff;
}
#edit-area .bg-heading-or {
	padding: .2em 0 .3em;
	text-align: center;
	background: #F59600;;
	color: #fff;
}

/* アンダーラインの見出し */
#edit-area .underline-heading-bl {
	display: inline-block;
	font-weight: 600;
	border-bottom: 2px solid #00a0ee;
	color: #00a0ee;
}
#edit-area .underline-heading-or {
	display: inline-block;
	font-weight: 600;
	border-bottom: 2px solid #F59600;;
	color: #F59600;;
}

/* aタグのアンダーラインを消す */
a.deco-none {
	text-decoration: none;
	color: inherit;
}
a.deco-none:hover {
	color: inherit;
	cursor: pointer;
}

/* =======================================
影をつける
======================================== */
/* 基本 */
.box_shadow1 {
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, .5);
}
/* 枠線のような */
.box_shadow2 {
    border:1px solid #c0c0c0;
    box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
    -webkit-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
    -moz-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
}

/* =======================================
動き
======================================== */
/* 上へ上がる */
.move1{
  cursor: pointer;
  transition-duration: 0.5s;
}
.move1:hover{
  box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
  transform: translateY(-10px);
  transition-duration: 0.5s;
}

/* 縁どり */
.card {
    position:relative;
}

.card a::before,
.card a::after {
    position:absolute;
    display:block;
    box-sizing:border-box;
    content:"";
    opacity:0;
}
.card a::before {
    top:0;
    left:50%;
    width:0;
    height:100%;
    border-top:2px solid #00A0E8;
    border-bottom:2px solid #00A0E8;
    transition:left 0.3s, width 0.3s, opacity 0.3s;
}
.card a::after {
    left:0;
    top:50%;
    width:100%;
    height:0;
    border-left:2px solid #00A0E8;
    border-right:2px solid #00A0E8;
    transition:top 0.3s, height 0.3s, opacity 0.3s;
}
.card a:hover::before {
    left:0;
    width:100%;
    opacity:1;
}
.card a:hover::after {
    top:0;
    height:100%;
    opacity:1;
}

.card:hover img{
	opacity: 1.0;
}

/* =======================================
入試制度一覧
======================================== */
/* 基本のCSS*/
#edit-area * {
  box-sizing: border-box;
}
#edit-area .text-blue {
  color: #00a0ee;
}
#edit-area .text-justify {
  text-align: justify;
  text-justify: inter-ideograph;
}
#edit-area .text-inlineblock {
  display: inline-block;
  vertical-align: middle;
}
#edit-area .text-indent-01 {
  margin-left: 1em;
  text-indent: -1em;
}
#edit-area .text-indent-02 {
  margin-left: 2em;
  text-indent: -2em;
}
#edit-area .text-indent-03 {
  margin-left: 3em;
  text-indent: -3em;
}
#edit-area .icon-doc {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 1.75em;
  height: 1.75em;
}
#edit-area .icon-doc:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: -.1em;
  background: url(/wp-content/themes/umds/imgs/admission/admission-list/icon-doc.png) no-repeat center center / contain;
}
#edit-area .icon-admission-type {
  display: inline-block;
  padding: .25em 1em;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  border-radius: 5px;
}
#edit-area .icon-admission-type.sengan { background: #ffc800;}
#edit-area .icon-admission-type.heigan { background: #F59600;}
@media screen and ( max-width:768px) {
	#edit-area .icon-admission-type {
	  padding: 5px 10px;
	  font-size: 12px;
	}
}
/* チェックポイント*/
#edit-area .sec-checkpoint {
  padding: 2em;
  background: url(/wp-content/themes/umds/imgs/admission/admission-list/css/bg-ptn.png) repeat 0 0;
}
#edit-area .sec-checkpoint h3 {
  position: relative;
  padding-left: 4em;
  margin-bottom: 1em;
  font-size: 20px;
  color: #00a0ee;
}
#edit-area .sec-checkpoint h3:before {
  content: "";
  position: absolute;
  display: block;
  width: 3.5em;
  height: calc(3.5em * .75);
  top: 50%;
  left: 0;
  background: url(/wp-content/themes/umds/imgs/admission/admission-list/css/icon-checkpoint.png) no-repeat center center / contain;
  transform: translateY(-60%);
}
@media screen and ( max-width:768px) {
  #edit-area .sec-checkpoint {
    padding: 2em 1em 1em;
  }
}
/* タイプ */
#edit-area .type-item {
  position: relative;
  height: 100%;
  min-height: 130px;
  padding: 1em 5em 1em 1em;
  background: #EFEFEF;
  z-index: 0;
}
#edit-area .type-item figure {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
#edit-area .type-item dl {
  line-height: 1.6;
}
#edit-area .type-item dt {
  margin-bottom: .5em;
  font-size: 18px;
  font-weight: bold;
  color: #00a0ee;
}
/* データダウンロードボタン */
#edit-area .btn-download {
  position: relative;
  display: block;
  color: inherit;
  padding: 1em;
  font-size: 16px;
  text-decoration: none;
  border: 1px solid #cacaca;
}
#edit-area .btn-download:hover {
  opacity: .7;
}
#edit-area .btn-download:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  border-width: 7px;
  border-style: solid;
  border-color: transparent;
  border-right-color: #009ade;
  border-bottom-color: #009ade;
}
#edit-area .btn-download * {
  font-weight: bold;
}
#edit-area .btn-download i {
  margin: 0 .5em;
}
/* データダウンロードボタン グレーアウト*/
#edit-area .btn-download.disable {
	pointer-events: none;
	color: #acacac;
	background: #eaeaea;
}
#edit-area .btn-download.disable:after {
  border-right-color: #acacac;
  border-bottom-color: #acacac;
}
#edit-area .btn-download.disable .icon-doc:before {
	opacity: 0.4;
}
/* 検定料 */
#edit-area .price-list {
}
#edit-area .price-list li {
	position: relative;
	padding: 5px 10px;
	color: #00a0e8;
	font-size: 114.3%;
	text-align: center;
}
#edit-area .price-list li:first-child {
	color: #fff;
	background: #00a0e8;
}
#edit-area .price-list li:nth-child(2) {
	margin-top: 40px;
	padding: 4px 9px;
	border: 1px #00a0e8 solid;
}
#edit-area .price-list li:nth-child(3) {
	margin-top: 30px;
	background: #ffee80;
}
#edit-area .price-list li:nth-child(2):before {
	content: "";
	position: absolute;
	top: -35px;
	left: 50%;
	margin-left: -15px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 26px;
	font-weight: bold;
	border-radius: 99px;
	background: url(/wp-content/themes/umds/imgs/admission/admission-list/css/icon-plus.png) no-repeat center center / contain;
}
#edit-area .price-list li:nth-child(3):before {
	content: "";
	position: absolute;
	top: -25px;
	left: 50%;
	margin-left: -19px;
	width: 0;
	height: 0;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 16px solid #80d0f4;
}
/* 試験科目 */
#edit-area .score-list {
}
#edit-area .score-list-item {
  position: relative;
  line-height: 1.4;
  padding: 1em;
  text-align: center;
  border: 1px solid #cacaca;
  background: #E5F5FD;
}
#edit-area .score-list-item + .score-list-item:before {
  content: "";
  position: absolute;
  width: 34px;
  height: 34px;
  line-height: 30px;
  font-size: 26px;
  font-weight: bold;
  border-radius: 50px;
  background: url(/wp-content/themes/umds/imgs/admission/admission-list/css/icon-plus.png) no-repeat center center / contain;
  transform: translate(-50%, -50%);
}
#edit-area .score-list-item + .score-list-item-total:before {
  background-image: url(/wp-content/themes/umds/imgs/admission/admission-list/css/icon-equal.png);
}
#edit-area .score-list-item p > * {
  display: block;
}
#edit-area .score-list-item p > * + * {
  margin-top: 10px;
}
#edit-area .score-list-item p > br {
  display: none;
}
@media screen and (min-width:769px) {
  #edit-area .score-list {
    display: flex;
    justify-content: space-between;
    min-height: 160px;
    width: 100%;
  }
  #edit-area .score-list-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 220px;
  }
  #edit-area .score-list-item + .score-list-item {
    margin-left: 23px;
  }
  #edit-area .score-list-item + .score-list-item:before {
    top: 50%;
    left: -13px;
  }
}
@media screen and ( max-width:768px) {
  #edit-area .score-list-item + .score-list-item {
    margin-top: 20px;
  }
  #edit-area .score-list-item + .score-list-item:before {
    top: -10px;
    left: 50%;
  }
}
/* 対象の特典 */
#edit-area .target-list dt {
  margin-bottom: 1em;
}
#edit-area .target-list dt span {
  display: inline-block;
  min-width: 340px;
  padding: .5em 1em;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #cacaca;
  background: #FFF9E5;
}
#edit-area .target-list dd + dt {
  margin-top: 2em;
}
@media screen and ( max-width:768px) {
	#edit-area .target-list dt span {
	  min-width: auto;
	  width: 100%;
	  line-height: 1.4;
	}
	#edit-area .target-list dd + dt {
	  margin-top: 1.2em;
	}
}
/* 大文字のタイトル */
#edit-area .admission-title {
  position: relative;
  margin: 7em 0 3em;
}
#edit-area .admission-title .h-04 {
  line-height: 1.4;
  font-size: 142.9%;
}
#edit-area .admission-title .h-04 span {
  font-size: 120%;
}
@media screen and ( min-width:769px) {
	#edit-area .admission-title .admission-type {
	  position: absolute;
	  top: 50%;
	  right: 0;
	  transform: translateY(-50%);
	}
}

@media screen and ( max-width:768px) {
	#edit-area .admission-title .admission-type {
		margin-top: 5px;
		text-align: right;
	}
}

/* 入試制度一覧ページのボタン */
#edit-area .bt {
    position: relative;
    border: solid 1px #C6C5C4;
    background-color: #FEFCE5;
}
/* 入試制度一覧ページのボタン (めくれた表現の部分)*/
#edit-area .bt:after {
    position: absolute;
    bottom: -12px;
    right: -12px;
    content: "";
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-top: 12px solid #00A0E8;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* ボタンをグレーアウト */
#edit-area .bt.not,
.bt.not a {
    color: #acacac !important;
    pointer-events: none;
    background: #eaeaea;
}
#edit-area .bt.not:after {
    border-top: 12px solid #ccc;
}
#edit-area .bt.not .icon-doc {
    opacity: .4;
}

/* 入試制度一覧リストの書式 */

#edit-area #examination_system ul li a {
    display: block;
    padding: 20px 15px;
    text-decoration: none;
    transition: 0.3s;
}

#edit-area #examination_system ul li a:hover {
    opacity: 0.7;
    transition: 0.3s;
}

#edit-area #examination_system ul li a .h {
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding-right: 70px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
}

/*h のグレーアウト*/
#edit-area #examination_system ul li a .h.not {
    color: #808080 !important;
}
/*t のグレーアウト*/
#edit-area #examination_system ul li a .t.not {
    color: #808080 !important;
}

/*専願・併願*/
#edit-area #examination_system ul li a .h .cat {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    padding: 1px 0;
    border-radius: 5px;
    color: #00A0E8;
    text-align: center;
    font-weight: bold;
}

#edit-area #examination_system ul li a .h .cat1 {
    background-color: #fff034;
}

#edit-area #examination_system ul li a .h .cat2 {
    background-color: #e5f5fd;
}

/*cat のグレーアウト*/
#edit-area #examination_system ul li a .h .cat1.not {
    background-color: #d3d3d3 !important;
    color: #808080 !important;
}
#edit-area #examination_system ul li a .h .cat2.not {
    background-color: #d3d3d3 !important;
    color: #808080 !important;
}


#edit-area #examination_system ul li a .t {
    color: #333;
}

#edit-area #examination_system ul li a .t .i {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    color: #FFF;
    background-color: #00A0E8;
    text-align: center;
    line-height: 20px;
}

/* 赤アイコン（新） */
#edit-area span.new {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    color: #FFF;
    background-color: #ef0303;
    text-align: center;
    line-height: 20px;
    color: #ffff00;
}

/* 青アイコン（奨） */
#edit-area span.syo {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    color: #FFF;
    background-color: #00A0E8;
    text-align: center;
    line-height: 20px;
    color: #ffff00;
}

/* =======================================
要素のアニメーション
======================================== */

/* ふわっと上に順に上がる */
.fadeUp{
    animation-name:fadeUpAnime;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    opacity:0;
}

@keyframes fadeUpAnime{
    from {
        opacity: 0;
        transform: translateY(100px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

    /* スクロールをしたら出現する要素にはじめに透過0を指定　*/ 
.fadeUpTrigger{
    opacity: 0;
}

    /* アニメーションスタートの遅延時間を決めるCSS*/
.fu-time02{
animation-delay: 0.2s;
}
.fu-time04{
animation-delay: 0.4s;
}
.fu-time06{
animation-delay: 0.6s;
}
.fu-time08{
animation-delay: 0.8s;
}
.fu-time10{
animation-delay: 1.0s;
}
.fu-time12{
animation-delay: 1.2s;
}
.fu-time14{
animation-delay: 1.4s;
}


/* 画像がぽよよん */
.poyoyon p:hover{
    -webkit-animation: bound 1.2s ease 0s 1 normal running none; 
    -moz-animation: bound 1.2s ease 0s 1 normal running none; 
    animation: bound 1.0s ease 0s 1 normal running none;
    opacity: 1;
}
@keyframes bound {
    from { transform: none; }
    10% { transform: scale(1.1); }
    40% { transform: scale(0.9); }
    60% { transform: scale(1.04); }
    80% { transform: scale(0.98); }
}

/* 画像がぷるぷる */
.poyoyon2 {
  animation: poyoyon2 2.5s infinite;
  opacity: 1;
}
@keyframes poyoyon2 {
  0%, 40% {
    transform: skew(0deg, 0deg);
  }
  5% {
    transform: skew(5deg, 5deg);
  }
  10% {
    transform: skew(-4deg, -4deg);
  }
  15% {
    transform: skew(3deg, 3deg);
  }
  20% {
    transform: skew(-2deg, -2deg);
  }
  25% {
    transform: skew(1deg, 1deg);
  }
  30% {
    transform: skew(-0.6deg, -0.6deg);
  }
  35% {
    transform: skew(0.3deg, 0.3deg);
  }
}


/* =======================================
年表風リスト
======================================== */
.timeline1 {
    list-style: none;
}
.timeline1 > li {
    margin-bottom: 60px;
}

/* PC */
@media ( min-width : 769px ){
    .timeline1 > li {
        overflow: hidden;
        margin: 0;
        position: relative;
    }
    .timeline1-date {
        width: 70px;
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-right: 10px;
    }
    .timeline1-content {
        width: 85%;
        float: left;
        border-left: 5px #f3f3f3 solid;
        padding-left: 20px;
    }
    .timeline1-content .detail {
        margin-top: 10px;  
        margin-bottom: 10px;
    }
    .timeline1-content::before {
        content: '';
        width: 12px;
        height: 12px;
        background: #00A0E8;
        position: absolute;
        left: 67px;
        top: 17px;
        border-radius: 100%;
    }
}

/* SP */
@media screen and ( max-width:768px) {
    .timeline1 > li {
        overflow: hidden;
        margin: 0;
        position: relative;
    }
    .timeline1-date {
        width: 70px;
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-right: 10px;
    }
    .timeline1-content {
        width: 75%;
        float: left;
        border-left: 5px #f3f3f3 solid;
        padding-left: 20px;
    }
    .timeline1-content .detail {
        margin-top: 10px;  
        margin-bottom: 10px;
    }
    .timeline1-content::before {
        content: '';
        width: 12px;
        height: 12px;
        background: #00A0E8;
        position: absolute;
        left: 67px;
        top: 17px;
        border-radius: 100%;
    }
}

/* =======================================
背景パターン（参考：https://125naroom.com/web/3737#%e8%83%8c%e6%99%af%e3%83%91%e3%82%bf%e3%83%bc%e3%83%b3_%e6%96%b9%e7%9c%bc%e7%b4%99_ver1）
======================================== */

/* 方眼紙１*/
.bg_1 {
  top: 0;
  left: 0;
  width: 100vw;
  height: auto;
  background-color: #f4f9ff;
  z-index: -1;
}
.hogan_1 {
  background-image:  linear-gradient(#dbedff 2px, transparent 2px), linear-gradient(to right, #dbedff 2px, #f4f9ff 2px);
  background-size: 40px 40px;
}

/* 方眼紙2*/
.bg_2 {
  top: 0;
  left: 0;
  width: 100vw;
  height: auto;
  background-color: #fff;
  z-index: -1;
}
.hogan_2 {
  background-image:
    repeating-linear-gradient(to bottom,
      transparent 25px,
      rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
      transparent 27px,  transparent 51px, 
      rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
      transparent 53px,  transparent 77px, 
      rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
      transparent 79px,  transparent 103px, 
      rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
      transparent 105px,  transparent 129px, 
      rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px),
  
    repeating-linear-gradient(to right,
      transparent 25px,
      rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
      transparent 27px,  transparent 51px, 
      rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
      transparent 53px,  transparent 77px, 
      rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
      transparent 79px,  transparent 103px, 
      rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
      transparent 105px,  transparent 129px, 
      rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px);
}



/* =======================================
その他
======================================== */
/* インタビュー形式 */
#edit-area .interview_box .interview_part {
	margin-bottom: 1.0em;
}
#edit-area .interview_box .interview_part .name {
	float: left;
	clear: left;
}

#edit-area .interview_box .interview_part .comment {
	padding-left: 50px;
}

/* パスワード付きページのデザインをカスタマイズ*/
.post-password-form {
    padding: 100px 5px 100px 5px;
    text-align: center;
    
}
.post-password-form p {
    font-size: 16px;
    line-height: 3em;
}
.post-password-form label {
    padding: 10px 5px 12px 5px;
    background-color: buttonface;
}

/*大学生Diaryのリスト*/
@media screen and ( min-width:769px) {
    #edit-area .uneven {
        width: 100%;
        height: auto;
        display: inline-block;
    }
    #edit-area .uneven ul{
        width: 100%;
        height: auto;
        display: inline-block;
        padding-bottom: 100px;
        margin-bottom: 40px;
    }
    #edit-area .uneven li {
        width: 640px;
        float: left;
        display: inline-block;
    }
    #edit-area .uneven li img {
        width: 100%;
    }
    /*奇数に指定*/
    #edit-area .uneven li:nth-of-type(odd) {
        padding: 0 30px 60px 0;
        position: relative;
    }
    /*偶数に指定*/
    #edit-area .uneven li:nth-of-type(even) {
        padding: 0 0 60px 30px;;
        position: relative;
        top: 160px;
    }
    #edit-area .uneven li:last-child {
        padding-bottom: 0px;
    }
}
@media screen and ( max-width:768px) {
    #edit-area .uneven {
        width: 100%;
        height: auto;
        display: inline-block;
    }
    #edit-area .uneven ul{
        width: 100%;
        height: auto;
        display: inline-block;
    }
    #edit-area .uneven li {
        width: 100%;
        display: inline-block;
        margin-bottom: 30px;
    }
    #edit-area .uneven li img {
        width: 100%;
    }
    #edit-area .uneven li:last-child {
        margin-bottom: 0px;
    }
}