body{
    background-color:#ffffffaa;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

.studystyle
{
	font-family: 'Pacifico', cursive;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.title_img {
	float:left;
	margin-right:5px;
}

.jhb{
    background-color:#eeffee22;
}
.c_more_row{
    margin-bottom:1em;
}
.c_search_row{
    margin-top:1em;
    margin-bottom:1em;
}
.c_more {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #00bcd4;
    transition: .4s;
    margin-right:1em;
	margin-left:auto;
	margin-top:5px;
}

.c_more_help {
	background: #33bc33;
	border-radius: 10px;
}

.c_title_help {
	margin-bottom:1em;
	margin-left:auto;
	margin-right:1em;
	background: #33bc33;
}

.c_more a{
    color:white;
}
.c_more:hover {
    background: #1ec7bb;
}

.c_wait {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #888;
    transition: .4s;
    margin-right:1em;
	margin-left:auto;
}

.c_return {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #a22284;
    transition: .4s;
    margin-right:1em;
	margin-left:auto;
}
.c_return a{
    color:white;
}
.c_return:hover {
    background: #d222a4;
}

.place {
	position: relative;
}

.place_right {
	position:absolute;
	right:0px;
}

.copyright {
	position: absolute;
	bottom:0px;
}

.dm {
	position:absolute;
	right:0px;
	bottom:0x;
}

.footer {
	height:2em;
	margin-top:1em;
	margin-bottom:1em;
}
.v_vv{
	height:2em;
}
a.bt-vv{
	display: block;
	text-decoration: none;
	height:35px;
	width: 120px;
	line-height: 30px;
	text-align: center;
	color: #2bb6c1;
	border:solid 1px #2bb6c1;
	border-radius: 20px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	font-size:90%;
}
a.bt-vv:hover{
	background: #2bb6c1;
	color: #fff;
}
#T_MAINMSG {
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    border: 1px solid #ccc;
    border-top: 4px solid #1c66fe;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
    margin: 2em 0;
    padding: 2em;
}

.INTRO_MSG {
	font-size:13pt;
    background: #fff;
    border: 1px solid #ccc;
    border-left: 4px solid #1c66fe;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
    margin: 1em 0;
    padding: 1em;
}

.INTRO_TABLE{
	font-family:Courier;
	font-size:12pt;
	font-weight:700;
	border-collapse:collapse;
	margin:0 auto;
}
.INTRO_TABLE  td,th{
	padding:10px;
	border-bottom:1px solid #ccc;
}
.INTRO_TABLE tr th:nth-child(odd),
.INTRO_TABLE tr td:nth-child(odd){
	background:#e6f2ff;
}

#T_UNIV {
	font-size:20pt;
	position: relative;
	background: #f1f8ff;
	padding: 0.25em 0.5em;
	border-left: solid 2em #5c9ee7;
}
	
#T_UNIV::before {
	content: '\f19d';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	padding: 0em;
	color: white;
	top: 52%;
	left: -1.55em;
	bottom: auto;
	transform: translateY(-50%);
}
	
#T_UNIV .fa-arrow-circle-right {
	position:absolute;
	margin-top:0.2em;
	right: 12px;
	left: auto;
}

#T_HS {
	font-size:20pt;
	position: relative;
	background: #f1fcf6;
	padding: 0.25em 0.5em;
	border-left: solid 2em #5cc79c;
	margin-bottom:1em;
}
	
#T_HS::before {
	content: '\f549';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	padding: 0em;
	color: white;
	top: 52%;
	left: -1.55em;
	bottom: auto;
	transform: translateY(-50%);
}
	
#T_HS .fa-arrow-circle-right {
	position:absolute;
	margin-top:0.2em;
	right: 12px;
	left: auto;
}

/* pc */
@media screen and (min-width: 961px) {
	.ar_block{
		
	}
	.c_Item {
		padding:1em;
	}
	.header_right {
		position:absolute;
		right:0px;
	}
}
 
/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
	.ar_block{
		padding: 0.4em 0.5em;/*�����̏㉺ ���E�̗]��*/
		color: #494949;/*�����F*/
		background: #f4f4f4;/*�w�i�F*/
		border-left: solid 5px #7db4e6;/*����*/
		border-bottom: solid 3px #d7d7d7;/*����*/
		margin-bottom: 10px;
	}
	.ar_block1{
		padding: 0.4em 0.5em;/*�����̏㉺ ���E�̗]��*/
		color: #494949;/*�����F*/
		background: #f4f4f4;/*�w�i�F*/
		border-left: solid 5px #7db4e6;/*����*/
		border-bottom: solid 3px #d7d7d7;/*����*/
		margin-bottom: 10px;
	}
	.ar_block2{
		padding: 0.4em 0.5em;
		color: #494949;
		background: #f4f4f4;
		border-left: solid 5px #7de6b4;
		border-bottom: solid 3px #d7d7d7;
		margin-bottom: 10px;
	}
	.c_Item {
		padding:1em;
		text-align:center;
	}
	.header_right {
		position:absolute;
		right:0px;
	}
}
.v_title{
    padding: 0.5em 1em;
    margin: 1em 0;
    color: #5989cf;
    background: #efe;
    border-top: solid 2px #aac5de;
    border-right: solid 2px #aac5de;
    border-left: solid 2px #aac5de;
    border-bottom: solid 6px #aac5de;
    border-radius: 9px;
}
.v_title p {
    margin: 0; 
    padding: 0;
}
.v_url {
	font-family: 'Cherry Smash', cursive;
}
.v_comment{
    padding: 0.5em 1em;
    margin: 1em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.v_comment p {
    margin: 0; 
    padding: 0;
}

.v_tag {
    position: relative;
    margin: 1em 0;
    padding: 1em 0em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.v_tag .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.v_tag p {
    margin: 0; 
    padding: 0;
} 
/* smartPhone */
@media screen and (max-width: 640px) {
	.ar_block{
		padding: 0.4em 0.5em;
		color: #494949;
		background: #f4f4f4;
		border-left: solid 5px #7db4e6;
		border-bottom: solid 3px #d7d7d7;
		margin-bottom: 10px;
	}
	.ar_block1{
		padding: 0.4em 0.5em;
		color: #494949;
		background: #f4f4f4;
		border-left: solid 5px #7db4e6;
		border-bottom: solid 3px #d7d7d7;
		margin-bottom: 10px;
	}
	.ar_block2{
		padding: 0.4em 0.5em;
		color: #494949;
		background: #f4f4f4;
		border-left: solid 5px #7de6b4;
		border-bottom: solid 3px #d7d7d7;
		margin-bottom: 10px;
	}
	.c_Item {
		padding:1em;
		text-align:center;
	}
	.header_right {
		position:absolute;
		padding-left:3px;
		background-color:white;
		top:-25px;
		right:0px;
	}
	.cl-vv {
		padding:0.5em;
	}
}