@charset "UTF-8";
/*
 * CSS common.css
 */

/* ---------------------------------------
	section
--------------------------------------- */
.section{
	margin-bottom: 80px;
}
.sec_in{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width: 767px) {
	.section{
		margin-bottom: 40px;
	}
	.sec_in{
		width: 92%;
	}
}



/* ---------------------------------------
	title
--------------------------------------- */
.pagetitle2{
	border-bottom: 1px solid #c5c5c5;
	margin-bottom: 50px;
}
.pagetitle2 .title_txt1 {
	font-size: 2.8rem;
	margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
	.pagetitle2{
		margin-bottom: 30px;
	}
	.pagetitle2 .title_txt1 {
		font-size: 1.4rem;
		margin-bottom: 0;
	}
}


/* ---------------------------------------
	title
--------------------------------------- */
.title_style1{
	font-size: 2.6em;
	margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.title_style1 {
		font-size: 2.3rem;
		margin-bottom: 30px;
	}
}

.title_style2{
	line-height: 1.2;
	margin-bottom: 50px;
}
.title_style2 span{
	display: block;
}
.title_style2 .jp{
	font-weight: 500;
	font-size: 2.0rem;
	margin-bottom: 10px;
}
.title_style2 .en{
	color: #5CC4C0;
	font-weight: bold;
	font-size: 4.0rem;
	letter-spacing: 0.12em;
}
.title_style2._white .jp,
.title_style2._white .en{
	color: #fff;
}
@media screen and (max-width: 767px) {
	.title_style2{
		line-height: 1.4;
		text-align: center!important;
		margin-bottom: 30px;
	}
	.title_style2 .jp{
		font-size: 1.8rem;
		margin-bottom: 5px;
	}
	.title_style2 .en{
		font-size: 2.4rem;
	}
}




.title_style3{
	font-size: 2.8rem;
	position: relative;
	margin-bottom: 40px;
}
.title_style3:after{
	content: "";
	display: block;
	width: 80px;
	height: 2px;
	background: #d14538;
	margin-top: 35px;
}
@media screen and (max-width: 767px) {
	.title_style3{
		font-size: 2.0rem;
		margin-bottom: 30px;
	}
	.title_style3:after{
		width: 60px;
		margin-top: 10px;
	}
}


.title_style4{
	color: #fff;
	padding: 5px;
	font-size: 2.4rem;
	text-align: center;
	background: #5CC4C0;
	margin-bottom: 30px;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
	.title_style4{
		font-size: 2.0rem;
		margin-bottom: 20px;
	}
}





/* ---------------------------------------
	link
--------------------------------------- */
.c-linkOff{
	pointer-events: none;
	cursor: default;
}
.link_style1{
	color: #5cc4c0;
}



/* ---------------------------------------
	button
--------------------------------------- */
.btn_style1{
	display: block;
	color: #fff;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 22px 30px;
	box-sizing: border-box;
	position: relative;
	background: #d14538;
	margin: auto;
}
.btn_style1._w330{
	max-width: 330px;
}
.btn_style1._w450{
	max-width: 450px;
}
.btn_style1._bg1{
	background: #5cc4c0;
}
.btn_style1 svg{
	width: 8px;
	height: 13px;
	position: relative;
	top: -1px;
	vertical-align: middle;
	margin-left: 18px;
}
.btn_style1 polyline{
	fill:none;
	stroke:#fff;
	stroke-miterlimit:10;
	stroke-width:2px;
}
.btn_style1:hover{
	/*background: #f9ebe6;*/
}
@media screen and (max-width: 767px) {
	.btn_style1{
		font-size: 1.7rem;
		padding: 20px 10px;
	}
	.btn_style1 svg{
		margin-left: 10px;
	}
	.btn_style1._w330,
	.btn_style1._w450{
		max-width: 100%;
	}
}


.btn_style2{
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	height: 140px;
	font-size: 2.0rem;
	font-weight: bold;
	text-decoration: none;
	box-sizing: border-box;
	position: relative;
	border: 1px solid;
	transition: 0.3s;
}
.btn_style2 svg{
	width: 8px;
	position: relative;
	top: -1px;
	vertical-align: middle;
	margin-left: 18px;
}
.btn_style2 polyline{
	fill:none;
	stroke:#333;
	stroke-miterlimit:10;
	stroke-width:2px;
	transition: 0.3s;
}
.btn_style2:hover{
	color: #fff;
	background: #5cc4c0;
	border: 1px solid #5cc4c0;
}
.btn_style2:hover polyline{
	stroke:#fff;
}
.btn_style2._w330{
	max-width: 330px;
	margin: auto;
}
.btn_style2._h80{
	height: 80px;
}
.btn_style2._white{
	color: #fff;
}
.btn_style2._white{
	color: #fff;
}
.btn_style2._white polyline{
	fill:none;
	stroke:#fff;
	stroke-miterlimit:10;
	stroke-width:2px;
}
@media screen and (max-width: 767px) {
	.btn_style2{
		font-size: 1.6rem;
		height: 80px;
	}
}


.c-commingSoon .professors-img:after,
.c-commingSoon .sec_professors-boximg:after{
	content: "Coming Soon";
	color: #fff;
	font-size: 1.3em;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
}




.ico_pdf{
	position: relative;
}
.ico_pdf:after{
	content: "";
	display: block;
	width: 15px;
	height: 16px;
	position: absolute;
	top: calc(50% - 8px);
	right: 20px;
	background: url(/educate/psychol/module/img/common/ico_pdf.png) no-repeat;
	background-size: 100%;
}
.ico_pdf2{
	position: relative;
	padding-right: 22px;
}
.ico_pdf2:after{
	content: "";
	display: block;
	width: 15px;
	height: 16px;
	position: absolute;
	top: calc(50% - 8px);
	right: 0;
	background: url(/educate/psychol/module/img/common/ico_pdf.png) no-repeat;
	background-size: 100%;
}
.ico_blank{
	position: relative;
}
.ico_blank svg{
	width: 14px!important;
	height: 12px;
	position: absolute;
	top: calc(50% - 5px)!important;
	right: 20px;
	margin-left: 0;
}
.ico_blank svg rect{
	fill:#333;
}
.ico_blank:hover svg rect{
	fill:#fff;
}

.ico_blank2 .icon{
	padding-right: 20px;
	position: relative;
}
.ico_blank2 svg{
	width: 14px!important;
	position: absolute;
	top: calc(50% - 5px)!important;
	right: 0;
	margin-left: 0;
}
.ico_blank2 svg rect{
	fill:#333;
}




.breadcrumb ol{
	padding: 10px 0;
	margin-bottom: 20px;
	text-align: left;
}
.breadcrumb ol li{
	color: #666;
	font-size: 0.92em;
	display: inline-block;
}
.breadcrumb ol li a{
	color: inherit;
	text-decoration: none;
}
.breadcrumb ol li:before{
	content: " / ";
	margin: 0 5px;
}
.breadcrumb ol li:first-child:before{
	display: none;
}
@media screen and (max-width: 767px) {
	.breadcrumb{
		display: none;
	}
}


#mainv{
	color: #fff;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 400px;
	background-size: cover!important;
}
#mainv .pagetitle{
	width: 520px;
	padding: 10px 10px 20px;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #fff;
}
#mainv .pagetitle span{
	display: block;
}
#mainv .pagetitle .jp{
	font-size: 4.0rem;
}
#mainv .pagetitle .en{
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
	#mainv{
		color: #333;
		height: 245px;
		background-size: cover!important;
		margin-bottom: 25px;
	}
	#mainv .pagetitle{
		width: 90%;
		padding: 8px 10px 12px;
		border: 1px solid #333;
	}
	#mainv .pagetitle .jp{
		font-size: 2.4rem;
	}
}

#professors #mainv{ background: url(/educate/psychol/module/img/professors/mainv.jpg) no-repeat center; }
#news       #mainv{ background: url(/educate/psychol/module/img/news/mainv.jpg) no-repeat center; }
#ug         #mainv{ background: url(/educate/psychol/module/img/ug/index/mainv.jpg) no-repeat center; }
#pg         #mainv{ background: url(/educate/psychol/module/img/pg/index/mainv.jpg) no-repeat center; }
#support    #mainv{ background: url(/educate/psychol/module/img/support/index/mainv.jpg) no-repeat center; }
#form       #mainv{ background: url(/educate/psychol/module/img/form/index/mainv.jpg) no-repeat center; }
#contact    #mainv{ background: url(/educate/psychol/module/img/contact/mainv.jpg) no-repeat center; }
#sitemap    #mainv{ background: #BEE7E6; }
@media screen and (max-width: 767px) {
	#professors #mainv{ background: url(/educate/psychol/module/img/professors/mainv_m.jpg) no-repeat center; }
	#news       #mainv{ background: url(/educate/psychol/module/img/news/mainv_m.jpg) no-repeat center; }
	#ug         #mainv{ background: url(/educate/psychol/module/img/ug/index/mainv_m.jpg) no-repeat center; }
	#pg         #mainv{ background: url(/educate/psychol/module/img/pg/index/mainv_m.jpg) no-repeat center; }
	#support    #mainv{ background: url(/educate/psychol/module/img/support/index/mainv_m.jpg) no-repeat center; }
	#form       #mainv{ background: url(/educate/psychol/module/img/form/index/mainv_m.jpg) no-repeat center; }
	#contact    #mainv{ background: url(/educate/psychol/module/img/contact/mainv_m.jpg) no-repeat center; }
}



.lower #mainv{
	height: 120px;
}
.lower #mainv .pagetitle{
	width: 100%;
	padding: 0;
	border: none;
}
@media screen and (max-width: 767px) {
	.lower #mainv{
		color: #333;
		height: 50px;
		margin-bottom: 30px;
	}
}



.btnbox{
	margin-right: -3%;
}
.btnbox li{
	float: left;
	width: 47%;
	margin: 0 3% 3% 0;
}
.btnbox li._w100p{
	width: 97%;
}
.btnbox .btn_style2 svg {
	width: 8px;
	position: absolute;
	top: calc(50% - 8px);
	right: 20px;
	margin-left: 0;
}
@media screen and (max-width: 767px) {
	.btnbox{
		margin-right: 0%;
	}
	.btnbox li{
		float: none;
		width: 100%;
		margin: 0 0% 2% 0;
	}
	.btnbox li._w100p{
		width: 100%;
	}
	.btnbox .btn_style2 svg {
		right: 12px;
	}
}


.table_box + .table_box{
	margin-top: 60px;
}
.table_box .t_title{
	color: #fff;
	padding: 5px;
	font-size: 2.4rem;
	text-align: center;
	background: #5CC4C0;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.table_box .t_detail_txt{
	font-size: 1.4rem;
	margin-top: 10px;
}
.table_box .t_btn{
	position: relative;
}
.table_box .t_btn a{
	text-decoration: none;
}
.table_box .t_btn a:hover{
	text-decoration: underline;
}
.table_box .t_btn a:hover svg rect{
	fill:#333;
}
@media screen and (max-width: 767px) {
	.table_box + .table_box{
		margin-top: 30px;
	}
	.table_box .t_title{
		font-size: 2.0rem;
		margin-bottom: 8px;
	}
	.table_box .t_detail_txt{
		font-size: 1.3rem;
		margin-top: 5px;
	}
}

.table_style1{
	width: 100%;
	background: #fff;
}
.table_style1 th{
	background: #DFDFDF;
}
.table_style1 th,
.table_style1 td{
	padding: 15px 20px;
	box-sizing: border-box;
	border: 1px solid #000;
	vertical-align: middle;
}
.table_style1 .cell_w350{
	width: 350px;
}
.table_style1 .cell_w400{
	width: 400px;
}
.table_style1 .cell_w450{
	width: 450px;
}
.table_style1 .cell_w50p{
	width: 50%;
}
@media screen and (max-width: 767px) {
	.table_style1 th,
	.table_style1 td{
		padding: 10px 15px;
	}
	.table_style1 .cell_w350{
		width: 130px;
	}
	.table_style1 .cell_w400{
		width: 130px;
	}
	.table_style1 .cell_w450{
		width: 200px;
	}
}


.dl_list1 + .dl_list1{
	margin-top: 15px;
}
.dl_list1 dt{
	color: #fff;
	font-size: 2.0rem;
	background: #5cc4c0;
	padding: 7px 20px;
	display: inline-block;
	margin-left: -15px;
}
.dl_list1 dd{
	margin-top: -20px;
	padding: 40px 40px 30px;
	background: #fff;
}
@media screen and (max-width: 767px) {
	.dl_list1 dt{
		font-size: 1.6rem;
		padding: 5px 15px;
		margin-left: 0;
	}
	.dl_list1 dd{
		margin-top: -15px;
		padding: 30px 30px 20px;
	}
}

.acd_box + .acd_box{
	margin-top: 30px;
}
.acd_box .acd_btn{
	cursor: pointer;
	font-size: 2.0rem;
	padding: 0 35px;
	display: -ms-flex;
	display: flex;
	align-items: center;
	height: 100px;
	background: #DEF3F2;
	border: 1px solid #5CC4C0;
	position: relative;
}
.acd_box .acd_btn .q_txt{
	color: #5CC4C0;
	font-weight: bold;
}
.acd_box .acd_btn .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100%;
	cursor: pointer;
	background: #5CC4C0;
}
.acd_box .acd_btn .close:after {
	content: "";
	background: url(/educate/psychol/module/img/common/close.svg) no-repeat center;
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 -7px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.acd_box .acd_btn.is-open .close:after {
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
.acd_box .acd_cnt{
	line-height: 2;
	padding: 20px 35px;
	background: #F5F5F5;
}
.acd_box .acd_cnt .a_txt{
	color: #5CC4C0;
	font-weight: bold;
}
.acd_box .acd_cnt .ol_list1{
	padding-left: 1em;
}
.acd_box .acd_cnt .btn_list + .btn_list{
	margin-top: 30px;
}
.acd_box .acd_cnt .btn_list li + li{
	margin-top: 10px;
}
.acd_box .acd_cnt .btn_list a{
	display: block;
	background: #fff;
	padding: 12px 50px 12px 20px;
	border: 1px solid #000;
	text-decoration: none;
}
.acd_box .acd_cnt .btn_list a .txt1{
	display: inline-block;
	color: #000;
	font-weight: bold;
}
.acd_box .acd_cnt .btn_list a .txt2{
	display: inline-block;
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
	.acd_box + .acd_box{
		margin-top: 20px;
	}
	.acd_box .acd_btn{
		font-size: 1.5rem;
		padding: 4px 70px 4px 15px;
		min-height: 60px;
		height: auto;
	}
	.acd_box .acd_btn .close {
		width: 60px;
	}
	.acd_box .acd_cnt{
		line-height: 1.8;
		padding: 15px 25px;
	}
	.acd_box .acd_cnt .btn_list a{
		padding: 8px 50px 8px 15px;
	}
}


.slide_arrow{
	position: absolute;
	cursor: pointer;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #5cc4c0;
}
.slide_arrow svg{
	width: 8px;
}
.slide_arrow polyline{
	fill:none;
	stroke:#fff;
	stroke-miterlimit:10;
	stroke-width:2px;
}
.arrow_prev svg{
	transform: scale(-1, 1);
}



#sec_banner {
	position: relative;
	z-index: 1;
	border-top: 6px solid #d14538;
	padding: 60px 0 60px 90px;
	background: #F9EBE5;
}
#sec_banner .sec_banner_wrap{
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}
#sec_banner .sec_banner_wrap a{
	color: #fff;
	font-size: 2.2rem;
	font-weight: bold;
	width: 480px;
	display: block;
	position: relative;
}
#sec_banner .sec_banner_wrap a.c-commingSoon:before{
	content: "Coming Soon";
	color: #fff;
	font-size: 1.3em;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: rgba(0,0,0,0.7);
}
#sec_banner .sec_banner-btn{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}
#sec_banner .sec_banner-btn img{
	width: 14px;
	position: absolute;
	top: calc(50% - 6px);
	right: 20px;
}
#sec_banner .f_btn_wrap{
	padding: 35px 0;
}
#sec_banner .f_btn_wrap ul{
	margin-right: -40px;
}
#sec_banner .f_btn_wrap ul li{
	float: left;
	width: 220px;
	margin-right: 40px;
}
#sec_banner .f_links ul{
	text-align: center;
}
#sec_banner .f_links ul li{
	display: inline-block;
	margin: 0 10px;
}
#sec_banner .f_links ul li a{
	text-decoration: none;
}
#sec_banner .f_links ul li a:hover{
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
	#sec_banner {
		padding: 30px 0 0 0;
	}
	#index #sec_banner {
		padding: 30px 0;
	}
	#sec_banner .sec_banner_wrap{
		flex-direction: column;
	}
	#sec_banner .sec_banner_wrap a{
		font-size: 1.7rem;
		width: 100%;
		margin: 10px 0;
	}

	#sec_banner .f_btn_wrap{
		padding: 20px 0;
	}
	#sec_banner .f_btn_wrap ul{
		margin-right: -2%;
	}
	#sec_banner .f_btn_wrap ul li{
		width: 48%;
		margin: 5px 2% 5px 0;
	}
	#sec_banner .f_links{
		padding: 10px 3%;
		background: #fff;
	}
	#sec_banner .f_links ul{
		text-align: left;
	}
	#sec_banner .f_links ul li{
		display: block;
		margin: 10px 0;
	}
}


.c-pagenav ul{
	margin-right: -4px;
}
.c-pagenav ul li{
	margin-right: 4px;
	margin-top: 4px;
	float: left;
}
.c-pagenav ul a{
	width: 247px;
	height: 60px;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	color: #fff;
	font-size: 1.6rem;
	text-decoration: none;
	border: 2px solid #5cc4c0;
	box-sizing: border-box;
	background: #5cc4c0;
	transition: 0.3s;
}
.c-pagenav ul a svg{
	width: 8px;
	height: 5px;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: scale(1, -1);
}
.c-pagenav ul a svg polyline{
	fill:none;
	stroke:#fff;
	stroke-miterlimit:10;
	stroke-width:2px;
}
.c-pagenav._arrow_type2 ul a svg{
	width: 5px;
	margin-top: -3px;
}
.c-pagenav ul li.is-current a,
.c-pagenav ul a:hover{
	color: #5cc4c0;
	background: #fff;
}
.c-pagenav ul li.is-current a svg polyline,
.c-pagenav ul a:hover svg polyline{
	stroke:#5cc4c0;
}
.c-pagenav._column3 ul a{
	width: 330px;
}
@media screen and (max-width: 767px) {
	.c-pagenav ul{
		margin-right: 0;
	}
	.c-pagenav ul li{
		float: none;
		margin-right: 0;
		margin-top: 3px;
	}
	.c-pagenav ul a{
		width: 100%;
	}
}



#sec_bottom._bt{
	border-top: 1px solid #ccc;
	padding-top: 50px;
}
.sec_bottom_tit{
	font-size: 2.8rem;
	text-align: center;
	margin-bottom: 20px;
}
.sec_bottom_txt1{
	margin-bottom: 30px;
}
.sec_bottom-btn_list li{
	margin-bottom: 30px;
}
.sec_bottom-btn_list a{
	font-size: 2.0rem;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 150px;
	position: relative;
	text-decoration: none;
	text-align: center;
	border: 1px solid;
	transition: 0.2s;
}
.sec_bottom-btn_list a:hover{
	color: #fff;
	background: #5cc4c0;
	border: 1px solid #5cc4c0;
}

.sec_bottom-btn_list2{
	margin-bottom: 60px;
}
.sec_bottom-btn_list2 li{
	float: left;
	width: 25%;
	box-sizing: border-box;
	margin: -1px 0 0 -1px;
}
.sec_bottom-btn_list2 li a{
	font-size: 1.4rem;
	text-decoration: none;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
	width: 100%;
	height: 100px;
	border: 1px solid #333;
	position: relative;
}
.sec_bottom-btn_list2 li .icon_pdf{
	width: 12px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.sec_bottom-btn_list2 li .icon_blank{
	width: 14px;
	position: absolute;
	bottom: 5px;
	right: 10px;
}
.sec_bottom-btn_list2 li .icon_arrow{
	width: 6px;
	position: absolute;
	bottom: 5px;
	right: 10px;
}
.sec_bottom-btn_list2 li .icon_arrow polyline{
	fill:none;
	stroke:#333;
	stroke-miterlimit:10;
	stroke-width:2px;
}
@media screen and (max-width: 767px) {
	#sec_bottom._bt{
		padding-top: 30px;
	}
	.sec_bottom_tit{
		font-size: 1.8rem;
		margin-bottom: 15px;
	}

	.sec_bottom_txt1{
		margin-bottom: 20px;
	}
	.sec_bottom-btn_list a{
		font-size: 1.6rem;
		height: 120px;
	}
	.sec_bottom-btn_list li{
		margin-bottom: 20px;
	}


	.sec_bottom-btn_list2{
		margin-bottom: 30px;
	}
	.sec_bottom-btn_list2 li{
		float: none;
		width: 100%;
		margin: -1px 0 0;
	}
	.sec_bottom-btn_list2 li a{
		height: 70px;
	}
}


/* ---------------------------------------
commonModule
--------------------------------------- */
.clearfix, .section, .incnt, .sec_in,{
	zoom: 1;
}
.clearfix:after, .section:after, .incnt:after, .sec_in:after{
	display: block;
	content: "";
	clear: both;
}

.cnt_left {float: left; }
.cnt_right {float: right; }

._on { transition: 0.3s; }
._on:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
@media screen and (max-width: 767px) {
	._on{
		transition: none;
	}
}


/* display adjust */
.basehide, .middlehide, .tablethide, .sphide, .landhide, .porthide {
	display: block;
}
.baseblock, .tabletblock, .middleblock, .spblock, .landblock, .portblock {
	display: none;
}
@media screen and (max-width: 1300px) {
	.baseblock{display: block; }
	.basehide {display: none !important; }
}
@media screen and (max-width: 999px) {
	.tabletblock{display: block; }
	.tablethide {display: none !important; }
}
@media screen and (max-width: 767px) {
	.middleblock{display: block; }
	.middlehide {display: none !important; }
}
@media screen and (max-width: 639px) {
	.landblock{display: block; }
	.landhide {display: none !important; }
}
@media screen and (max-width: 479px) {
	.spblock{display: block; }
	.sphide {display: none !important; }
}
@media screen and (max-width: 400px) {
	.portblock{display: block; }
	.porthide {display: none !important; }
}