@charset "utf-8";
/*
 * 全ページ共通基本設定
 *
 */

@media screen and (max-width: 767px) {
	body,
	body #breadcrumb,
	.wrap,
	.banners_container .banners,
	.menu_container .footer-menu{
		display: block;
		width: 100%;
	}
	body #breadcrumb{
		width: 100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		display: block;
		overflow: hidden;
		overflow-x:scroll;
		-webkit-overflow-scrolling : touch;
		//white-space: nowrap;
		padding: 7px 0 0 22px;
		margin: 0;
		position: static;
		height: 37px;
	}
	body #breadcrumb ul{
		display: flex;
		position: static;
		margin-bottom: 0;
	}
	body #breadcrumb li{
		margin-right: 4px;
		vertical-align: middle;
		white-space: nowrap
	}
	body #breadcrumb li:last-child{
		padding-right: 22px;
	}
	a.textlink, a.textlink:hover{
		display: inline-block;
	}
	/* ヘッダー */
	.header{	
	}
	.headerRight{
		display: block;
		/* position: absolute;
		right: 0; */
		width : 24vw;
		margin: 3vw;
	}
	.header .headerInner{
		width: 100%;
		height: 58px;
	}
	.headLogo img{
		width: 185px;
		height: auto;
	}
	#nav-drawer{
		/* width: 29px; */
	}
	.menu-trigger{
		width: 29px;
		/* left: auto;
		right: 7px;
		top: 3px; */
	}
	.menu-trigger span{
		width: 29px;
		left: 3px;
	}
	.menu-trigger:after{
		font-size: 10px;
		left: 1px;
	}
	.page-id-601 .site-content {
		display: block;
	}
	.headerRight ul.menu li a{
		font-size: 16px;
		height: 60px;
		padding-top: 0;
		line-height: 60px;
	}
	.header{
		border-top: none;
	}
	.headerRight ul.menu .menuCloser{
		background: #f4f2ee;
		border-top: solid 3px #E4017F;
		height: 58px;
	}
	.menuCloser span{
		display: inline-block;
		position: relative;
		margin: 0 30px 0 7px;
		padding: 0;
		width: 1px;
		height: 25px;
		background: #e4017f;
		transform: rotate(45deg);
	}
	.menuCloser span:before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: -12px;
		width: 25px;
		height: 1px;
		margin-top: -1px;
		background: #e4017f;
	}
	.headerRight ul.menu li a{
		position: relative;
	}
	.headerRight ul.menu li a:after{
		content: "";
		position: absolute;
		display: block;
		top: 50%;
		right: 16px;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		border-top: 2px solid #E4017F;
		border-right: 2px solid #E4017F;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.sidebar{
		display: none;
	}
}

/*
* フッター
*
*/

.page-id-601 .kv_background .kv {
	position: relative;
	background: #eee;
	color:#000;
	margin : 0px -480px;
	padding: 0;
	height: 414px;
	z-index: 0;
}
.kv .swiper-container {
	width : 100%;
	height: 100%;
}
.kv .swiper-container > p,
.kv .button_inner p{
	display: none;
}
.swiper-container-fade .swiper-slide > p{
	display: none;
}
.kv .swiper-slide {
	background-position: center;
	background-size: cover;
}
.kv .buttons_on_kv {
	left: 548px;
}

/*
* メディア一覧（トップページ向け）
*
*/
.listPartsMedia {
	//border-bottom: solid 1px #D8D8D8;
	//margin-bottom: 18px;
}
/*
* リスト表示
*/
.listPartsMedia li {
	//border-top: solid 1px #D8D8D8;
	/* border-bottom: solid 1px #D8D8D8; */
	//padding-top: 12px;
	//padding-bottom: 12px;
	//padding-left: 4px;
}
/* カテゴリの共通装飾 */
.blockPartsMediaItem {
	//display: flex;
}
.blockPartsMediaItem .category {
	//display: inline-block;
	/* width: 160px; */
	/*
	max-width: 160px;
	min-width: 160px;
	margin-right: 30px;
	text-align: center;
	height: 26px;
	line-height: 26px;
	background-color: rgb(255, 255, 255);
	font-size: 12px;
	flex: 1 1 0%;
	*/
}
.president_ns,
.management_ns,
.graduate-course-of-living_ns {
	border-width: 1px;
	border-style: solid;
	border-image: initial;
}
/* 日付 */
.blockPartsMediaItem .timeTextMedia {
	display: flex;
	align-items: center;
	margin-right: 30px;
	font-size: 14px;
}
/* タイトル */
.blockPartsMediaItem .textPartsMedia {
	margin: 0px;
	width: 630px;
	display: block;
	font-size: 14px;
}

@media screen and (max-width: 767px) {
	.contentPart.media_info {
		padding-bottom: 18px;
	}
	.contentPart.pickup {
		padding-bottom: 0;
	}
	.page-id-601 .kv_container{
		width: 100%;
	}
	.page-id-601 .kv_background .kv{
		width: 100%;
		margin: 0;
		height: auto;
	}
	.page-id-601 .kv_background .buttons_on_kv{
		width: 100%;
		top: 75%;
		left: 0;
		padding: 0 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.buttons_on_kv > a{
		width: 50%;
	}
	.buttons_on_kv > a:nth-last-child(2){
		margin-right: 0;
	}
	.buttons_on_kv .bears_button{
		width: 100%;
	}
	.button_inner > .button_text{
		font-size: 11px;
	}
	.button_inner > p > img{
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.footer{
		border-top: 3px solid #e4017f;
	}
	.footer-menu #pageTop.pc{
		display: none;
	}
	.footer #pageTop.sp{
		display: block;
		width: 47px;
		height: 47px;
		position: absolute;
		top: -25px;
		right: 15px;
	}
	.footer #pageTop img{
		width: 100%;
		height: auto;
	}
	.footer .banners_container{
		padding: 48px 37px 32px;
	}
	.footer .banners_container .banners{
		width: 100%;
		margin-top: -16px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-justify-content: space-between;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.footer .banners_container .banners a{
		width: 48%;
		margin-top: 16px;
	}
	.footer .banners_container .banners a:nth-child(1){
		order: 0;
	}
	.footer .banners_container .banners a:nth-child(2){
		order: 2;
	}
	.footer .banners_container .banners a:nth-child(3){
		order: 3;
	}
	.footer .banners_container .banners a:nth-child(4){
		order: 1;
	}
	.footer .banners_container .banners .image_area{
		font-size: 0;
		line-height: 0;
	}
	.footer .banners_container .banners .image_area .pc{
		display: none;
	}
	.footer .banners_container .banners .image_area .sp{
		display: block;
	}
	.footer .banners_container .banners .text_area{
		margin-top: 5px;
		font-size: 10px;
	}
	.footer .menu_container{
		background: #fff;
		border-top: 1px solid #d2d2d2;
	}
	.footer-menu ul.menu{
		display: block;
		width: 100%;
		padding-top: 0;
	}
	.footer-menu ul.menu li,
	.footer-menu ul.menu li:first-child{
		display: block;
		border-left: none;
		border-bottom: 1px solid #d2d2d2;
	}
	.footer-menu ul.menu li a{
		position: relative;
		margin: 0;
		padding: 7px 25px 8px 15px;
		font-size: 12px;
		text-align: left;
	}
	.footer-menu ul.menu li a:after{
		content: "";
		position: absolute;
		display: block;
		top: 50%;
		right: 16px;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		border-top: 2px solid #E4017F;
		border-right: 2px solid #E4017F;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.footerInner{
		padding: 0 0 5px;
	}
	.footerInner small{
		font-size: 10px;
	}

	/*
	* メディア一覧（トップページ向け）
	*
	*/
	.listPartsMedia {
		margin: 25px 38px 0;
		padding: 0;
	}
	/*
	* リスト表示
	*/
	.listPartsMedia li {
		padding: 0;
	}
	.listPartsMedia li a {
		display: block;
		position: relative;
		padding: 2px 1.2em 4px 4px;
	}
	.blockListMediaItem {
		display: block;
		line-height: 1.6;
	}
	.blockListMediaItem .category {
		display: inline-block;
		width: auto;
		padding: 0 10px;
		max-width: inherit;
		min-width: 0;
		margin-right: 6px;
		text-align: center;
		height: 18px;
		line-height: 18px;
		font-size: 10px;
	}
	.president_ns,
	.management_ns,
	.graduate-course-of-living_ns {
	}
	.blockListMediaItem .timePartsMedia,
	.blockListMediaItem .timeTextMedia {
		font-size: 10px;
		margin: 0px;
		width: inherit;
		padding-top: 0;
	}
	.blockListMediaItem .textPartsMedia{
		display: block;
		font-size: 12px;
		margin: 0px;
		width: inherit;
		padding-top: 0;
		width: 100%;
		overflow: hidden;
	}
	.blockListMediaItem .textPartsMedia span{
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.blockListMediaItem .imgPartsMedia{
		position: absolute;
		top: 50%;
		right: 0;
		transform: translate(0,-50%);
		font-size: 0;
	}

}