@charset "utf-8";
/*日本語*/
@import url('https://fonts.googleapis.com/css?family=Roboto:700');

/* Noto Sans */
/*

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("fonts/NotoSansCJKjp-Regular-sub-j1.woff")  format('woff');
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("fonts/NotoSansCJKjp-Medium-sub-j1.woff")  format('woff');
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("fonts/NotoSansCJKjp-Bold-sub-j1.woff")  format('woff');
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("fonts/NotoSansCJKjp-Black-sub-j1.woff")  format('woff');
}
*/



/* Roboto Latin */


@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.is-sp{
    display:none;
}
.right_navi_ben_sp{
    display:none;
}

@media screen and (max-width:768px){
    .is-sp{
        display:block;
    }
    tr.is-sp{
        display:table-row;
    }
    .right_navi_ben_sp{
        display:block;
    }
}
.sp_br,
.sp-br{
	display:none;
}
.inner1200{
	width:1200px;
	margin:0 auto;
	position:relative;
	clear:both;
}

.link_view_all{
	position:absolute;
	right:0;
	top:0;
}
.link_view_all a{
	font-size:14px;
	font-family: 'Roboto';
	font-weight:700;
	padding-left:25px;
	background:url(../img/top/icon_viewall.png) no-repeat left center;
	transition:color ease 0.4s;
}
.link_view_all a:hover{
	color:#ef1234;
}

@media screen and (min-width:768px){
	.isSP,
	.drawer_switch,
	.gmenu_sp_only,
	.sp_additional{
		display:none !important;
	}

}

@media screen and (max-width:767px){
	.sp_br,
	.sp-br{
		display:block;
	}
	.pc_br,
	.pc-br{
		display:none;
	}
	.inner1200{
		width:100%;
	}
	.link_view_all{
		position:relative;
		right:auto;
		top:auto;
		width:70%;
		margin:0 auto;
	}
	.link_view_all a{
		display:block;
		color:#fff;
		text-align:center;
		font-size:3.8vw;
		padding-left:0;
		background:#000;
		padding:4vw 0;
	}
	.sp_hidden{
		display:none;
	}

	.isPC,
	.hidden_box,
	.gmenu_sub{
		display:none !important;
	}
	.isSP{
		display:inline;
	}
	.gmenu_sp_only,
	.sp_additional{
		display:block !important;
	}


}

/*--------------------
全体
--------------------*/

body{
/*	font-family: "Noto Sans JP","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",YuGothic,"Yu Gothic","游ゴシック", Osaka,"ＭＳ Ｐゴシック" ,sans-serif;*/
	font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",YuGothic,"Yu Gothic","游ゴシック", Osaka,"ＭＳ Ｐゴシック" ,sans-serif;
	font-size:12px;
	width:100%;
	margin:0;
	padding:0;
	margin:0 auto;
	word-wrap: break-word;
}
*{
	margin:0;
	padding:0;
}
img{
	vertical-align:middle;
	border:none;
}

a{
	text-decoration:none;
	color:#000;
	outline:none;
}


li{
	list-style:none;
}

.bk_b{
	background-color:#000000;
}

.bk_g{
	background-color:#333333;
}

p{
	padding:0;
	margin:0;
	line-height:1.6em;
}

img{
	border:0;
}
.catch_l{
	font-size:250%;
}
.catch_s{
	font-size:150%;
}

#pulldownMenu201505{
	display:none;
}


/*--------------------
画像マウスオーバ
--------------------*/
a.opacity{
   background-color:#ffffff;
   display:inline-block;
}

a.opacity:hover img,
a.opacity:active img{
    -moz-opacity:0.6;
   opacity:0.6;
   filter:alpha(opacity=60);
}
a.text:hover{
	text-decoration:none;
}


/*--------------------
クリアフィックス
--------------------*/
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
	visibility:hidden;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}





/*--------------------
ヘッダー
--------------------*/
#headerbg{
	background-color:#fff;
	border-top:3px solid #c5111a;
	width:100%;
	min-width:1000px;
}
#header{
	margin: 0 auto;
	width:1000px;
	padding-bottom:22px;
	background-color:#fff;
}

#support_sp{
	display:none;
}




/*----------------------------------------------------------------

新デザインのぱんくず

------------------------------------------------------------------*/
.pankuzu{
	width:1000px;
	margin:0 auto;
    border-bottom:1px solid #e5e5e5;
}
.pankuzu_list{
	width:100%;
	background:#fff;
	padding:20px 0;
	text-align:right;
	letter-spacing:-.40em;
}
.pankuzu_list li{
	display:inline-block;
	letter-spacing:normal;
	position:relative;
	line-height:1.1;
	padding:10px 10px 10px 20px;
	font-size:11px;
	font-weight:300;
}
.pankuzu_list li:after{
	content:"";
	display:block;
	position:absolute;
	top: 50%;
	left: 0px;
	width: 8px;
	height: 8px;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	transform: rotate(45deg) translateY(-2px);
	transform-origin: right 50% 0;
}
.pankuzu_list li:first-child:after{
	display:none;
}
.pankuzu_list li:first-child{
	background:url(../img/common/icon_home.png) no-repeat left center;
	background-size:12px auto;
}

.pankuzu_list a{
	font-size:11px;
	font-weight:300;
}
.pankuzu_list a:hover{
	text-decoration:underline;
}


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

	.pankuzu{
		width:94%;
		padding-top:6vw;
        border-bottom:none;
	}
	.pankuzu_list{
		margin:2vw auto;
		text-align:left;
	}
	.pankuzu_list li{
		padding:1vw 2vw 1vw 5vw;
		font-size:3vw;
	}
	.pankuzu_list li:first-child{
		background:url(../img/common/icon_home.png) no-repeat left center;
		background-size:3.5vw auto;
	}
    .pankuzu_list li:after{
    	width: 1.5vw;
    	height: 1.5vw;
    }

	.pankuzu_list a{
		font-size:3vw;
	}


}




/*-------------------------------------------------

トップやアバウトで使うカルーセルバナー
アバウトは、右カラムがなくなり、フッタ上に移動
トップの仕様に合わせる

-------------------------------------------------*/
.mini_banner{
	width:1200px;
	margin:0 auto;
	padding:50px 0;
	border-top:1px solid #e5e5e5;
}
.mini_banner_list{
	width:100%;
}
.mini_banner_list li{
	width:200px;
	margin:0 5px;
}
.mini_banner_list li img{
	max-width:100%;
}

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

	.mini_banner{
		width:100%;
		padding:5vw 0;
		overflow:hidden;
	}
	.mini_banner_list li{
		width:36vw;
		margin:0 2vw;
		position:relative;
	}

	.mini_banner_list .slick-slide:after{
		content:"";
		display:block;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.5) !important;
	}

	.mini_banner_list .slick-slide[data-slick-index=0]:after,
	.mini_banner_list .slick-slide[data-slick-index=-1]:after{
		display:none !important;
/*		background:rgba(0,0,0,0);*/
	}

	.mini_banner_list .slick-slide.newCenter:after{
		display:none !important;
/*		background:rgba(0,0,0,0) !important;*/
	}




}



/*-------------------------------------------------

コンテンツエリア最上部のリードテキスト
学部インデックスなど

-------------------------------------------------*/
.common-lead-box{
    width:100%;
    padding-top:20px;
}
.common-lead{
    font-size:18px;
    font-weight:700;
    line-height:1.5;
}
.faculty_anchor + .common-lead-box{
    padding-top:40px;
}
@media screen and (max-width:767px){
    .common-lead-box{
        width:89.33%;/*spのコンテンツ幅*/
        margin:0 auto;
        padding-top:5vw;
    }
    .common-lead{
        font-size:3.8vw;
        line-height:1.7;
    }
    .faculty_anchor + .common-lead-box{
        padding-top:10vw;
    }
}


/*-------------------------------------------------

下層のメインタイトル。
テキスタイルの背景を敷くイメージ
学費ページなど

-------------------------------------------------*/
.static-mv{
	width:100%;
	background:#ccc;
	height:230px;
	background:#ccc url(/assets2018/img/applicants/static_mvBG_pc.png) repeat-x center top;
}
.static-mv-box{
    width:1000px;
    margin:0 auto;
    display:flex;
    align-items:flex-end;
	height:230px;
}
.static-mv-name{
	color:#fff;
	font-size:31px;
	font-weight:700;
	display:inline-block;
    padding-bottom:30px;
}
.static-mv-name b{
	display:block;
    padding-top:10px;
	font-family: 'Roboto', sans-serif;
	text-align:left;
	font-size:12px;
	font-weight:700;
}

.static-mv-lead{
	padding-top:5px;
	font-size:18px;
	font-weight:700;
	color:#fff;
	line-height:1.4;
}


@media screen and (max-width:1020px){
    .static-mv-box{
        width:96%;
    }
}
@media screen and (max-width:767px){
    .static-mv{
    	height:auto;
        padding:17vw 0 10vw;
    	background:#ccc url(/assets2018/img/applicants/static_mvBG_sp.png) no-repeat center top;
        background-size:cover;
    }
    .static-mv-box{
        width:89.33%;
        height:auto;
    }
    .static-mv-name{
    	font-size:8vw;
        padding-bottom:0;
    }
    .static-mv-name b{
        padding-top:2vw;
    	font-size:4.3vw;
    }

}








/*-------------------------------------------------

新デザインの左エリアアンカー

-------------------------------------------------*/
.contents-anchor{
	width:100%;
	margin-top:40px;
}
.contents-anchor-list{
    display:flex;
    width:100%;
    box-sizing:border-box;
}
.contents-anchor-list + .contents-anchor-list{
	margin-top:5px;
}
.contents-anchor-list.each4{
	flex-wrap:wrap;
}
.contents-anchor-item{
    box-sizing:border-box;
    flex-basis:100%;
	letter-spacing:normal;
	text-align:center;
	border-top:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
}
.contents-anchor-item a{
    display:block;
	width:100%;
	position:relative;
	text-align:center;
	padding:12px 0;
	background:#fff;
	transition:background ease 0.4s,color ease 0.4s;
	font-size:14px;
	font-weight:500;
	line-height:1.1;
}
.contents-anchor-item a:after{
	content:"";
	position:absolute;
	top:50%;
	right:12px;
	width:5px;
	height:5px;
	border-right:2px solid #d2d2d2;
	border-bottom:2px solid #d2d2d2;
	transform:rotate(45deg) translateY(-2px);
	transform-origin:right 50% 0;
}

.contents-anchor-item:first-child{
	border-left:1px solid #d2d2d2;
}
.contents-anchor-item a:hover{
	background:#000;
	color:#fff;
}
.contents-anchor-list.each4 .contents-anchor-item{
	max-width:25%;
	margin-bottom:6px;
}
.contents-anchor-list.each4 .contents-anchor-item:nth-of-type(4n+1){
	border-left:1px solid #d2d2d2;
}

.contents-anchor-list.each3 .contents-anchor-item{
	width:33.33%;
}


@media screen and (max-width:767px){
	.contents-anchor{
		margin:0 auto;
		width:94%;
	}

	.contents-anchor-item{
        display:flex;
        justify-content:center;
        align-items:center;
		position:relative;
    }
	.contents-anchor-item:after{
		content:"";
		position:absolute;
		bottom:.5vw;
		left:calc(50% - .9vw);
		width:1.5vw;
		height:1.5vw;
		border-right:2px solid #888;
		border-bottom:2px solid #888;
		transform:rotate(45deg) translateY(-2px);
		transform-origin:right 50% 0;
	}
	.contents-anchor-item a{
		padding:2vw 0 4vw;
		font-size:2.9vw;
        line-height:1.4;
        transition:none;
	}
	.contents-anchor-item a:after{
		display:none;
	}

    .contents-anchor-item a:hover{
    	background:#fff;
    	color:#000;
    }
	.contents-anchor-list + .contents-anchor-list{
		margin-top:3vw;
	}

}
@media screen and (max-width:320px){
	.contents-anchor-item a{
		padding:2vw 4vw;
		font-size:3.8vw;
	}
}






/*----------------------------------------------------------------

学部新見出し⇒汎用的に下層のコンテンツエリアの共通見出し

------------------------------------------------------------------*/
/*「中見出し」欧文赤と日本語黒*/
.contents-common-headline{/*h2*/
	clear:both;
	font-size:34px;
	font-weight:900;
	color:#ef1234;
	line-height:1.1;
	margin:0;
}
/*日本語赤の大見出し*/
.contents-common-headline.lt-jp{/*h2*/
	font-size:28px;
}
.contents-common-headline-sub{
	clear:both;
	display:inline-block;
	margin-left:22px;
	padding-left:22px;
	position:relative;
	font-weight:700;
	font-size:18px;
	line-height:1.1;
	color:#000;
	vertical-align:middle;
}
.contents-common-headline-sub:after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:-8px;
	width:0;
	height:24px;
	border-left:1px dotted #b8b8b8;
}

/*「小見出し」日本語黒と欧文赤*/
.contents-common-subhead{/*h4*/
	clear:both;
	margin:0;
	padding:0;
	font-size:22px;
	font-weight:700;
}
.contents-common-subhead span{
	display:inline-block;
	margin-left:14px;
	font-size:14px;
	color:#ef1234;
	font-weight:700;
}
.contents-common-subhead.red{
	margin-left:0;
	font-size:16px;
    color:#ef1234;
}
.contents-common-subhead.black{
	margin-left:0;
	font-size:16px;
    color:#000;
}

/*「小小見出し」欧文赤のみ*/
.contents-common-lasthead{
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:900;
	color:#ef1234;
}


@media screen and (max-width:767px){
/*「中見出し」欧文赤と日本語黒*/
	.contents-common-headline{/*h2*/
		font-size:4.2vw;
		text-align:center;
	}
	/*日本語赤の大見出し*/
	.contents-common-headline.lt-jp{/*h2*/
		font-size:5.6vw;
	}
	.contents-common-headline-sub{
		display:block;
		margin-left:0;
		padding-left:0;
		padding-top:2vw;
		font-size:5.6vw;
		text-align:center;
		font-weight:900;
	}
	.contents-common-headline-sub:after{
		display:none;
	}

/*「小見出し」日本語黒と欧文赤*/
	.contents-common-subhead{/*h4*/
		font-size:5vw;
		text-align:left;
		font-weight:900;
	}
	.contents-common-subhead span{
		margin-left:14px;
		font-size:3.6vw;
		font-weight:700;
	}

	/*「小小見出し」欧文赤のみ*/
	.contents-common-lasthead{
		font-size:4.2vw;
	}

    .contents-common-subhead.red{
        text-align:center;
    }





}





/*----------------------------------------------------------------

コンテンツエリアの各セクション

------------------------------------------------------------------*/
.common-section-box{
    width:100%;
    padding-top:60px;
	clear:both;
}

.contents-common-text{
	clear:both;
    line-height:1.9;
}
.contents-common-subhead + .contents-common-text{
    padding-top:10px;
}
.contents-common-text + .contents-common-subhead{
    padding-top:18px;
}
.contents-common-subhead.red + .contents-common-subhead.black{
    padding-top:10px;
}
.contents-common-list{
    padding:10px 0 20px;
    width:100%;
}
.contents-common-item{
    line-height:2;
    padding-left:15px;
    position:relative;
    font-size:11px;
}
.contents-common-item:before{
    content:"●";
    display:block;
    position:absolute;
    left:0;
    top:0;
}
.contents-common-item.red:before{
    color:#ef1234;
}

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

    .common-section-box{
        padding-top:8vw;
    }
    .contents-common-text{
        width:94%;
        margin:0 auto;
    }
    .contents-common-subhead + .contents-common-text{
        padding-top:3vw;
    }
    .contents-common-text + .contents-common-subhead{
        padding-top:4vw;
    }
    .contents-common-subhead.red + .contents-common-subhead.black{
        padding-top:2vw;
    }
    .contents-common-list{
        padding:3vw 0 6vw;
        width:94%;
        margin:0 auto;
    }
    .contents-common-item{
        padding-left:1.5em;
        font-size:2.8vw;
    }
.contents-common-item:before{
    content:"●";
    display:block;
    position:absolute;
    left:0;
    top:0;
}




}
/*----------------------------------------------------------------

学部共通 - CONTACT US ⇒汎用的に下層のコンテンツ領域で使用

------------------------------------------------------------------*/
.common-contactus{
	clear:both;
	width:calc(100% - 28px);
	padding-top:40px;
	position:relative;
	margin-top:60px;
	border:14px solid #e7e7e7;
	background:#fff;
	z-index:1;
}
.contactus_ttl{
	margin-top:-70px;
	position:relative;
	z-index:10;
	text-align:center;
	font-size:30px;
	font-weight:900;
	line-height:1.1;
}
.contactus_ttl span{
	display:block;
	padding-top:8px;
	line-height:1.1;
	font-size:12px;
	font-weight:500;
}
.common-contactus dl{
	width:100%;
	display:flex;
}
.common-contactus dt{
	width:28%;
	text-align:right;
	padding:15px 0;
}
.contactus_image img{
	max-width:95%;
	margin-top:-25px;
}

.common-contactus dd{
	width:72%;
	padding-top:25px;
}

.contactus_lead{
	width:90%;
	margin:auto;
	font-size:14px;
	font-weight:300;
	line-height:1.6;
}
.contactus_lead small{
	font-size:10px;
	color:#999;
}

.contactus_link_btn{
	width:90%;
	margin:auto;
	padding-top:25px;
}
.contactus_link_btn li{
	width:100%;
}
.contactus_link_btn a{
	display:block;
	width:100%;
	height:65px;
	color:#fff;
	font-size:17px;
	transition:background ease 0.4s;
	background:#a01620 url(../img/faculty/contactus_link_btnBG.png) no-repeat -45% center;
	background-size:auto;
	line-height:1.1;
}

.contactus_link_btn a:hover{
	background:#a01620 url(../img/faculty/contactus_link_btnBG.png) no-repeat -55% center;
}


.contactus_btn_inner{
	display:flex;
	width:100%;
	height:65px;
	align-items: center;
}
.contactus_btn_catch{
	width:25%;
	text-align:center;
	line-height:1.1;
}
.contactus_btn_catch span{
	display:inline-block;
	margin-top:5px;
	border:2px solid #fff;
	padding:2px 2em;
	font-size:13px;
	line-height:1.1;
}
.contactus_btn_text{
	width:75%;
	text-align:center;
	font-size:20px;
	font-weight:500;
	line-height:1.1;
}



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

	.common-contactus{
		width:100%;
		padding-top:6vw;
		padding-bottom:1vw;
		margin-top:12vw;
		border:none;
		border-top:10px solid #e7e7e7;
		border-bottom:10px solid #e7e7e7;
		margin-bottom:6vw;
	}
	.contactus_ttl{
		margin-top:-11vw;
		font-size:5.6vw;
	}
	.contactus_ttl span{
		padding-top:2vw;
		font-size:12px;
	}
	.common-contactus dl{
		width:94%;
		margin:0 auto;
	}
	.common-contactus dt{
		width:25%;
		padding:2vw 0;
	}
	.contactus_image img{
		max-width:95%;
		margin-top:-4vw;
	}

	.common-contactus dd{
		width:75%;
		padding-top:6vw;
	}

	.contactus_lead{
		margin:auto;
		font-size:3vw;
	}
	.contactus_lead small{
		font-size:2vw;
	}


	.contactus_link_btn{
		width:100%;
		margin:5vw auto 0 auto;
		display:block;
	}
	.contactus_link_btn li{
		width:100%;
		margin-bottom:3vw;
	}

	.contactus_link_btn a{
		font-size:4vw;
		background:#a01620 url(../img/faculty/contactus_link_btnBG.png) no-repeat -175% center;
		background-size:auto 100%;
	}

.contactus_link_btn a:hover{
	background:#a01620 url(../img/faculty/contactus_link_btnBG.png) no-repeat -35% center;
}


	.contactus_link_material a{
		line-height:1.1;
		padding:3vw 0;
		height:auto;
		border:none;
	}

	.contactus_btn_inner{
		height:16vw;
	}

	.contactus_btn_catch{
		width:35%;
	}
	.contactus_btn_catch span{
		margin-top:2vw;
		border:1px solid #fff;
		padding:1vw 1.5em;
		font-size:3.4vw;
	}
	.contactus_btn_text{
		width:65%;
		font-size:5.4vw;
	}





}







/*--------------------
属性別ナビゲーション
--------------------*/

#attribute_nav{
	padding:10px 0 0 70px;
	float:right;
	background:url(/common/img/attribute_navBG.png) no-repeat left 12px;
}
#attribute_nav li{
	display:inline-block;
	padding:0 10px;
	white-space:nowrap;
	border-right:1px solid #ccc;
}
#attribute_nav li:first-child{
	border-left:1px solid #ccc;
}
#attribute_nav li a{
	color:#000;
	padding:2px 0;
	display:block;
	text-align:center;
}

/*--------------------
logo
--------------------*/
#logo{
	width:340px;
	float:left;
}
#logo h1#tagline{
	margin-top:-5px;
	margin-bottom:10px;
	color:#000;
	font-size:12px;
	margin-left:0;
	margin-right:0;
	font-weight:normal;
	padding-left:0;
	line-height:1.6em;
}
#logo #tagline{
	margin-top:-5px;
	margin-bottom:10px;
	color:#000;
	font-size:12px;
	margin-left:0;
	margin-right:0;
	font-weight:normal;
	padding-left:0;
}

#logo #tagline img{
	vertical-align:middle;
	margin-left:10px;
}

#logo_sp{
	display:none;
}

/*--------------------
support
--------------------*/
#access_sp{
	display:none;
}
#support{
	float:right;
	margin-top:5px;
	width:660px;
	display:table;
	border-collapse:separate;
	border-spacing:0;
	table-layout:fixed;
}
#support div{
	display:table-cell;
	width:370px;
	vertical-align:top;
	padding-top:7px;
}
#support div.btn{
	width:230px;
	padding-top:5px;
	padding-left:12px;
}
#support p{
	color:#000;
	text-align:right;
	padding-top:3px;
}
#support p span{
	display:inline-block;
}
#support p.tel{
	font-weight:bold;
	font-size:120%;
	color:#000;
}

#support .access a{
	color:#999;
	font-weight:bold;
	margin:0 15px 0 15px;
	padding:3px 0 3px 25px;
	background:url(/common/img/icon_acs_01.png) no-repeat left bottom;
	border-bottom:1px dotted #ccc;
	font-size:14px;
}
#support .qa a{
	color:#999;
	font-weight:bold;
	padding:3px 0 3px 25px;
	background:url(/common/img/icon_qa_02.png) no-repeat left bottom;
	border-bottom:1px dotted #ccc;
	font-size:14px;
}
#support .access a:hover,
#support .qa a:hover{
	text-decoration:underline;
}
#support div.btn a:hover img{
	opacity:0.5;
}


/*--------------------*/

/*--------------------
global
--------------------*/
#global_navbg{
	width:100%;
	background-color:#000;
	clear:both;
	padding-top:10px;
	min-width:1000px;
}
#global_navbox{
	margin:0 auto;
	width:1000px;
	height:55px;
	background:transparent;
}
#global_nav{
	float:left;
	width:100%;
	position: relative;
	padding:11px 0;
}
#global_nav li a{
	float:left;
	width:82px;
	line-height:1.1;
	border-right:1px solid #666;
	text-align:center;
	color:#FFF;
	font-size:15px;
	padding:6px 0;
}
#global_nav li.nav1 a{
	width:100px;
	border-left:1px solid #666;
}
#global_nav li.nav2 a{
	width:230px;
}
#global_nav li.nav3 a{
	width:136px;
}
#global_nav li.nav4 a{
	width:136px;
}
#global_nav li.nav5 a{
	width:150px;
}
#global_nav li.nav6 a{
	width:120px;
}
#global_nav li.nav7 a{
	width:114px;
}
#global_nav li a:hover{
	text-decoration:underline;
}


/*color-change20141023*/
#global_nav li.nav1>a,
#global_nav li.nav2>a,
#global_nav li.nav3>a,
#global_nav li.nav4>a,
#global_nav li.nav5>a,
#global_nav li.nav6>a,
#global_nav li.nav7>a,
#global_nav li.nav8>a{
	color:#fff;
}




/*--------------------
 Level2
--------------------*/
#global_nav .mdd_lv1 li ul.mdd_lv2{
    display:none;
    position:absolute;
    top:40px;
    background-color:#000;
    width:730px;
    padding:20px !important;
    list-style-position:outside;
    margin:0;
	z-index:300;
}
#global_nav ul.mdd_lv1 li:hover ul.mdd_lv2 {
    display:block;
}
#global_nav ul.mdd_lv2 li {
	float:left;
    margin-left:10px;
    width:225px;
	color:#ffffff;
	min-height:50px;
}


#global_nav ul.mdd_lv2 li a{
	background:url(../../faculty/img/icon_arrow.png) no-repeat 20px center;
    height:auto;
    width: auto;
    background-color: #000000;
    color: #fffff;
/*	padding:0 50px 0 30px;*/
	padding:0 40px 0 30px;
	border:none;
	line-height:25px;
	font-size:13px;
}
#global_nav ul.mdd_lv2 li a:hover{
	text-decoration:underline;
}
#global_nav ul.mdd_lv2 li span{
	display:block;
	clear:both;
	margin-left:30px;
	color: #dddddd;
}

/*#global_nav ul.mdd_lv2 li a*/

#appeal{
	float:left;
	width:230px;
}
#appeal p#top_event{
	float:left;
	margin-left:20px;
}

#appeal p#top_event a{
	background:url(../img/btn_eveoff_01.png) no-repeat;
	text-indent:-9999px;
	display: inline-block;
    height: 51px;
    padding: 0;
    text-indent: -9999px;
    width: 100px;
}

#appeal p#top_event a:hover{
	background:url(../img/btn_eveon_01.png) no-repeat;
}

#appeal p#top_material{
	float:right;
}

#appeal p#top_material a{
	background:url(../img/btn_matoff_01.png) no-repeat;
	text-indent:-9999px;
	display: inline-block;
    height: 51px;
    padding: 0;
    text-indent: -9999px;
    width: 100px;
}

#appeal p#top_material a:hover{
	background:url(../img/btn_maton_01.png) no-repeat;
}

#appeal p#top_material a.btnA{
	background:url(../img/btn_matoff_01_A.png) no-repeat;
}
#appeal p#top_material a.btnA:hover{
	background:url(../img/btn_matoff_01_Aon.png) no-repeat;
}
#appeal p#top_material a.btnB{
	background:url(../img/btn_matoff_01_B.png) no-repeat;
}
#appeal p#top_material a.btnB:hover{
	background:url(../img/btn_matoff_01_Bon.png) no-repeat;
}
#appeal p#top_material a.btnC{
	background:url(../img/btn_matoff_01_C.png) no-repeat;
}
#appeal p#top_material a.btnC:hover{
	background:url(../img/btn_matoff_01_Con.png) no-repeat;
}


#responsive-menu{
	display:none;
}

#mdd_overlay{
    background:#000;
    opacity:0;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    display:none;
    z-index:100;
}



/*--/ヘッダー--*/

/*------------------
main
------------------*/
#main img{
	margin:0 auto;
	max-width:1200px;
	width:100%;
	height:auto;
	display:block;
}

/*------------------
wrap
------------------*/
#wrap{
	width:1200px;
	margin:0 auto;
}



/*------------------
content_wrap
------------------*/
#contentbk{
	background-image:url(../img/bk_color.gif);
	background-repeat:repeat-y;
	background-position:center;
}

#left_bg{
	display: block;
    position: absolute;
    right: 0;
    z-index: 0;
}

#content_wrap{
	width:1000px;
	margin:0 auto;
	z-index:20;
	position:relative;
}

/*content*/
#content{
	width:750px;
	float:left;
	margin:0 auto;
	padding-right:20px;
	background:#FFFFFF;
	margin-bottom:20px;
}


.sc_in{
}

.ank {
	float:left;
}

.ank ul{
	padding:0;
	margin:0 auto;
}

.ank ul li{
	width:149px;
	float:left;
	background-color:#999999;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
}
.ank ul li.li_l{
	width:148px;
	float:left;
	background-color:#999999;
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
}

.ank ul li a,
.ank ul li_l a{
	padding:5px 10px;
	color:#FFFFFF;
	font-weight:bold;
	display:list-item;
}

.con_a{
	width:750px;
	display:inline-block;
}
.con_img img{
	float:left;
	margin-right:15px;
}

.con_img_l img{
	margin-right:0;
}


/*co_in*/
.co_in_con{
	float:left;
	width:250px;
	margin-bottom:20px;
}

.co_in_con img{
	border:2px solid #FF3300;
	padding:10px;
	text-align:center;
}

.co_in_con .cah{
	padding:0 10px;
}


/*co_fte*/
.co_fte{
	display:inline-block;
}

.co_fte_1{
	width:355px;
	float:left;
	padding:0 10px;
}

.co_fte_1 .cah{
	height:34px;
}

.co_fte_1 .co_fte_img{
	text-align:center;
}

/*co_fte02*/

.co_fte_2{
	width:355px;
	float:left;
	padding:0 10px;
}

.co_fte_img02{
	float:left;
}


/*pe_bulletin*/
a .bulletin_con{
	color:#000000;
}

.bulletin_tit span{
	color:#FFFFFF;
	padding:5px;
	float:left;
	vertical-align:middle;
}

.bulletin_name{
	margin-top:5px;
}

.bulletin_tit,
.bulletin_tit_s,
.bulletin_txt,
.bulletin_bu{
	float:left;
	width:580px;
}
.bulletin_tit_s{
	color:#90000;
	margin-bottom:0;
}

a:hover .bulletin_bu{
	text-decoration:none;
	color:#999999;
}

.bulletin_bu{
	text-align:right;
	text-decoration:underline;
}

.bulletin_img{
	float:right;
	width:120px;
}


/*summary_con*/

.summary_con{
	float:left;
	width:250px;
	margin-bottom:20px;
	border:1px solid #000000;
	padding:0;
}


.summary_tit{
	width:250px;
	margin:0;
	float:left;
	color:#FFFFFF;
	padding-top:10px;
}

.region{
	width:90px;
	float:left;
	margin:0;
}
.course{
	width:160px;
	float:left;
	margin:0;
}




/*--------------------
right_nav
--------------------*/
#right_navi{
	width:230px;
	float:right;
	z-index:99;
	position:relative;
}

#right_navi #right_navi_bg_white ul li.tpc_li_on,
#right_navi #right_navi_bg_white ul li.tpc_li_on_la,
#right_navi #right_navi_bg_white ul li.tpc_li_off,
#right_navi #right_navi_bg_white ul li.tpc_li_off_la{
    width: 208px;
	background:URL(/common/img/arrow01.png) no-repeat 10px center #FFFFFF;
	color: #000000;
	font-size:16px;
	font-weight:bold;
    padding: 12px 0 11px 20px;
	display:block;
	border-bottom:1px solid #D2D2D2;
	border-right:1px solid #D2D2D2;
	border-left:1px solid #D2D2D2;
	cursor:pointer;
}
li.tpc_li_on .right_navi_underline{
	display:none;
}



#right_navi #right_navi_bg_white ul li:last-child{
	border-bottom:none;
}
#right_navi #right_navi_bg_white ul li.li_on,
#right_navi #right_navi_bg_white ul li.li_off,
#right_navi #right_navi_bg_white ul li.li_off_la{
	background-color: #FFFFFF;
    width: 228px;
	
}

#right_navi #right_navi_bg_white ul li.li_on{
    width: 229px;
}

#right_navi #right_navi_bg_white ul li.li_off{
	border:1px solid #D2D2D2;
}

#right_navi #right_navi_bg_white ul li.li_off_la{
	border-bottom:1px solid #D2D2D2;
	border-right:1px solid #D2D2D2;
	border-left:1px solid #D2D2D2;
}


#right_navi #right_navi_bg_white ul li.li_on a,
#right_navi #right_navi_bg_white ul li.li_off a,
#right_navi #right_navi_bg_white ul li.li_off_la a{
	background-color: #FFFFFF;
	background:URL(/common/img/arrow01.png) no-repeat left center;
	color: #000000;
	font-size:16px;
	font-weight:bold;
	margin-left: 10px;
    padding: 12px 0 11px 10px;
	display:block;
}


#right_navi ul.right_navi_underline li.underline_li_off{
    width: 208px;
	border-bottom:1px dotted #6F6F6F;
	margin-left:20px;
}

#right_navi ul.right_navi_underline li:last-child{
	border-bottom:none;
}
/*li:last-child*/
#right_navi ul.right_navi_underline li.underline_li_off_la{
    width: 208px;
	margin-left:20px;
}
#right_navi ul.right_navi_underline li.underline_li_on_la{
    width: 209px;
    margin-left: 20px;	
}

#right_navi ul.right_navi_underline li.underline_li_l{
	border-bottom:none;
}
/*li:last-child*/

#right_navi ul.right_navi_underline li.underline_li_on{
    width: 209px;
	border-bottom: 1px dotted #6F6F6F;
    margin-left: 20px;
}

#right_navi ul.right_navi_underline li.underline_li_on a,
#right_navi ul.right_navi_underline li.underline_li_on_la a{
	background:URL(/common/img/arrow01.png) no-repeat 14px center;
	padding:5px 0 5px 25px;
	margin:5px 0;
	background-color:#ccc;
}



#right_navi ul.right_navi_underline li a{
	background-color: #FFFFFF;
	background:URL(/common/img/arrow01.png) no-repeat 14px center;
	color: #000000;
	padding:5px 0 5px 25px;
	margin:5px 0;
	display:block;
}

#right_navi ul.right_navi_underline li a:hover{
	background-color:#FFFFFF;
	
}

.right_navi_ben{
	margin:20px 0 0 19px;
}

.right_navi_ben img{
	vertical-align:bottom;
	max-width:100%;
}

.right_navi_ben p{
	margin-bottom:20px;
}

/*--------------------
イベント情報
--------------------*/
#event_information{
	width:100%;
	border-top:1px solid #ADADAD;
	position:relative;
}

#index span.icon_fa04,
#index span.icon_hm04,
#index span.icon_we04,
#index span.icon_de04,
#index span.icon_mv04,
#index span.icon_far_02,
#index span.icon_csmos_02,
#index span.icon_guardian_02,
#index span.icon_hs3_02,
#index span.icon_hs12_02,
#index span.icon_js3_02{
	height: 19px;
	width: 72px;
	margin: 0 1px;
	background-position: center 0;
	background-size: 118px 18px;
}


#event_information span.icon_fa04,
#event_information span.icon_hm04,
#event_information span.icon_we04,
#event_information span.icon_de04,
#event_information span.icon_mv04,
#event_information span.icon_far_02,
#event_information span.icon_js3_02,
#event_information span.icon_csmos_02,
#event_information span.icon_guardian_02,
#event_information span.icon_hs12_02,
#event_information span.icon_hs3_02{
	height: 19px;
	width: 72px;
	margin: 0 1px;
	background-position: center 0;
	background-size: 118px 18px;
}

.event_information_content{
	width:1000px;
	margin:0 auto;
}

.area_event{
	border:1px solid #ADADAD;
	width:448px;
	padding:20px;
	float:left;
	background:#FFFFFF;
	z-index:100;
}

.area_event a{
	color:#000000;
}

.area_event a .area_event_txt{
	background: url("/common/img/arrow01.png") no-repeat left 5px;
	padding-left:10px;
	display:block;
	margin-bottom:5px;
}

.area_event_line{
	border-bottom:1px solid #DDDDDD;
	padding-bottom:10px;
}
.area_event a:hover .area_event_txt{
	text-decoration:underline;
}
.area_event a .date{
	color:#666666;
}

.area_event .area_event_title{
	font-size:14px;
	font-weight:bold;
}

.area_event_detail{
	margin-top:15px;
	height:auto;
}

.area_event_detail_right span.icon_fa03,
.area_event_detail_right span.icon_hm03,
.area_event_detail_right span.icon_we03,
.area_event_detail_right span.icon_de03,
.area_event_detail_right span.icon_mv03,
.area_event_detail_right span.icon_fa04,
.area_event_detail_right span.icon_hm04,
.area_event_detail_right span.icon_we04,
.area_event_detail_right span.icon_de04,
.area_event_detail_right span.icon_mv04{
	float:left;
}

.area_event_detail p img{
	float:left;
	margin-right:10px;
}

.area_event_detail_right{
	float:left;
	width:336px;
}

.area_event_detail_right p{
	display:inline-block;
}

.area_event_detail_right p img{
	margin:0;
	padding:0;
	float:left;
}


/*--------------------
ページリンク
--------------------*/
.page_link{
	width:750px;
	margin:0 auto 20px;
	text-align:center;
}

.page_link ul{
	margin:0 auto;
	display:inline-block;
}

.page_link ul li{
	float:left;
	margin-left:10px;
}

.page_link ul li.page_before a{
	background:url(../img/icon_pbeforeoff_01.png) no-repeat;
	color:#000000;
	font-weight:bold;
	text-align:center;
	width:25px;
	height:25px;
	display:inline-block;
	text-indent:-9999px;
}

.page_link ul li.page_before a:hover{
	background:url(../img/icon_pbeforeon_01.png) no-repeat;
}

.page_link ul li.page_link_on a{
	/*background:url(../img/img_pagelinkon_01.jpg) no-repeat;*/
	background:#FFFFFF;
	color:#000000;
	font-weight:bold;
	text-align:center;
	padding:4px 8px;
	border:1px solid #000000;
	display:inline-block;
}

.page_link ul li.page_link_off a{
	/*background:url(../img/img_pagelinkoff_01.jpg) no-repeat;*/
	background:#000000;
	color:#FFFFFF;
	font-weight:bold;
	display:inline-block;
	text-align:center;
	padding:4px 8px;
	border:1px solid #000000;
}

.page_link ul li.page_link_off a:hover{
	background:#FFFFFF;
	color:#000000;
	border:1px solid #000000;
	
}

.page_link ul li.page_next a{
	background:url(../img/icon_pnextoff_01.png) no-repeat;
	color:#000000;
	font-weight:bold;
	text-align:center;
	width:25px;
	height:25px;
	display:inline-block;
	text-indent:-9999px;
}

.page_link ul li.page_next a:hover{
	background:url(../img/icon_pnexton_01.png) no-repeat;
}



/*--------------------
アンカーリンク
--------------------*/
.anchor_link{
	width:750px;
/*	position:absolute;
	top:0;
}

.anchor_link.fixed{
	position:fixed;
	top:0;*/
}

.anchor_link ul{
	padding:0;
	margin:0;
	border-bottom:1px solid #DDDDDD;
}

.anchor_link li a{
	float:left;
	width:73px;
	height:27px;
	padding:4px 0 0 0;
	text-align:center;
	background:URL(../img/img_anchorbgon_02.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	margin-right:2px;
}

.anchor_link li a:hover{
	background:URL(../img/img_anchorbgoff_02.jpg);
	background-repeat:no-repeat;
	color:#000000;
	width:73px;
	height:27px;
}

/*--------------------
他の記事へのボタン
--------------------*/

.article_btn{
    padding: 0;
    width: 750px;
	margin: 50px 0;
}

.article_btn .btn_previous a{
	background:url(../img/btn_previousoff_01.jpg) no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
	height: 27px;
    padding: 5px 0;
    text-align: center;
    width: 160px;
}

.article_btn .btn_previous a:hover{
	background:url(../img/btn_previousspon_01.jpg) no-repeat;
	color:#000000;
}


.article_btn .btn_next a{
	background:url(../img/btn_nextoff_02.jpg) no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	float:right;
	height: 27px;
    padding: 5px 0;
    text-align: center;
    width: 160px;
}
.article_btn .btn_next a:hover{
	background:url(../img/btn_nexton_02.jpg) no-repeat;
	color:#000000;
}



.f_logo_txt{
	margin-top:5px;
}

#attribute_nav_sp{
	display:none;
}

.sh_faculty dt,
.sh_faculty02 dt{
	border-bottom:1px dashed #939393;
	margin-bottom:10px;
	padding-bottom:5px;
	margin-left:5px;
	font-weight:bold;
}


.sh_faculty dt a,
.sh_faculty02 dt a{
	color:#FFFFFF;
	background: url(../img/btn_nextarrow_02.png) no-repeat left center;
	padding-left: 15px;
}

.sh_faculty dt a:hover,
.sh_faculty02 dt a:hover,
.sh_faculty dd a:hover,
.sh_faculty02 dd a:hover{
	text-decoration:underline;
}


.sh_faculty dd,
.sh_faculty02 dd{
	margin-left:15px;
	margin-bottom:10px;
}

.sh_faculty dd a,
.sh_faculty02 dd a{
	color:#FFFFFF;
	background: url(../img/btn_nextarrow_02.png) no-repeat left center;
	padding-left: 15px;
}


.sh_faculty02{
	float:left;
	width:397px;
}

.sh_faculty02 dd.dd_le{
	float:left;
	clear:left;
	width:196px;
}

.sh_faculty02 dd.dd_ri{
	float:right;
	clear:right;
	width:196px;
}

#dd_ri_top{
    position: absolute;
	margin-left:200px;
}





.sh_faculty02{
	float:left;
	width:397px;
}

.sh_faculty02 dd.dd_le{
	float:left;
	clear:left;
	width:196px;
}

.sh_faculty02 dd.dd_ri{
	float:right;
	clear:right;
	width:196px;
}

#dd_ri_top{
    position: absolute;
	margin-left:200px;
}




/*アンカー固定*/
.fixed {
  position: fixed;
  top:0;
}
.f_logo2{
	float:left;
	padding-right:10px;
}



/*--------------------
fashion学部
--------------------*/
.right_navi_underline li.headling{
	padding:20px 0 5px 0;
	border-bottom:1px solid #000000;
	margin:0 0 0 20px;
	font-size:14px;
}

.right_navi_underline{
	margin-bottom:20px !important;
}

.btn_basic{
	min-width:160px;
	background:#000000 url(../../faculty/img/icon_arrow.png) 10px center no-repeat;
	display:block;
	padding:8px 10px 8px 20px;
	text-align:center;
}

.btn_basic:hover{
	background:#ffffff url(../../faculty/img/icon_arrow_on.png) 10px center no-repeat;
	padding:7px 9px 7px 19px;
	border:1px solid #000000;
	color:#000000 !important;
}



.fright{
	float:right;
	color:#ffffff;
}

#sp_conversion{
	display:none;
}

/*--------------------
zoom
--------------------*/

.summary_img{
	margin-bottom:5px;
	position:relative;
}

.summary_img img.zoom_img{
	vertical-align:bottom;
}
img.zoom{
	position:absolute;
	vertical-align:bottom;
	right:0;
	bottom:0;
}

/*--------------------
ジャンル
--------------------*/
.pickup_genre span{
	border:1px solid #707070;
	padding:2px 5px;
	margin-right:5px;
	display:inline-block;
}



/*--------------------
学部アイコン
--------------------*/

span.icon_fa02{
	background:url(../img/icon_fa_02.png) no-repeat;
	display: inline-block;
    height: 20px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 192px;
}

span.icon_hm02{
	background:url(../img/icon_hm_02.png) no-repeat;
	display: inline-block;
    height: 20px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 192px;
}
span.icon_we02{
	background:url(../img/icon_we_02.png) no-repeat;
	display: inline-block;
    height: 20px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 192px;
}
span.icon_de02{
	background:url(../img/icon_de_02.png) no-repeat;
	display: inline-block;
    height: 20px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 192px;
}
span.icon_mv02{
	background:url(../img/icon_mv_02.png) no-repeat;
	display: inline-block;
    height: 20px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 192px;
}



span.icon_fa03{
	background:url(../img/icon_fa_03.png) no-repeat;
	display: inline-block;
    height: 22px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 153px;
}

span.icon_hm03{
	background:url(../img/icon_hm_03.png) no-repeat;
	display: inline-block;
    height: 22px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 153px;
}
span.icon_we03{
	background:url(../img/icon_we_03.png) no-repeat;
	display: inline-block;
    height: 22px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 153px;
}
span.icon_de03{
	background:url(../img/icon_de_03.png) no-repeat;
	display: inline-block;
    height: 22px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 153px;
}
span.icon_mv03{
	background:url(../img/icon_mv_03.png) no-repeat;
	display: inline-block;
    height: 22px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 153px;
}









/*--------------------
方へアイコン
--------------------*/

span.icon_csmos{
	background:url(../img/icon_csmos_01.png) no-repeat;
	display: inline-block;
    height: 22px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 153px;
}

span.icon_far{
	background:url(../img/icon_far_01.png) no-repeat;
	display: inline-block;
    height: 22px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 153px;
}

span.icon_guardian{
	background:url(../img/icon_guardian_01.png) no-repeat;
	display: inline-block;
    height: 22px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 153px;
}

span.icon_hs3{
	background:url(../img/icon_hs3_01.png) no-repeat;
	display: inline-block;
    height: 22px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 153px;
}


span.icon_hs12{
	background:url(../img/icon_hs12_01.png) no-repeat;
	display: inline-block;
    height: 22px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 153px;
}

span.icon_js3{
	background:url(../img/icon_js3_01.png) no-repeat;
	display: inline-block;
    height: 22px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 153px;
}

/*--------------------
方へアイコン02
--------------------*/

span.icon_csmos_02{
	background:url(../img/icon_csmos_02.png) no-repeat;
	display: inline-block;
    height: 22px;
    width: 135px;
	background-size: 135px 22px;
    text-indent: -9999px;
}

span.icon_far_02{
	background:url(../img/icon_far_02.png) no-repeat;
	display: inline-block;
    height: 22px;
    width: 135px;
	background-size: 135px 22px;
    text-indent: -9999px;
}

span.icon_guardian_02{
	background:url(../img/icon_guardian_02.png) no-repeat;
	display: inline-block;
    height: 22px;
    width: 135px;
	background-size: 135px 22px;
    text-indent: -9999px;
}

span.icon_hs3_02{
	background:url(../img/icon_hs3_02.png) no-repeat;
	display: inline-block;
    height: 22px;
    width: 135px;
	background-size: 135px 22px;
    text-indent: -9999px;
}


span.icon_hs12_02{
	background:url(../img/icon_hs12_02.png) no-repeat;
	display: inline-block;
    height: 22px;
    width: 135px;
	background-size: 135px 22px;
    text-indent: -9999px;
}

span.icon_js3_02{
	background:url(../img/icon_js3_02.png) no-repeat;
	display: inline-block;
    height: 22px;
    width: 135px;
	background-size: 135px 22px;
    text-indent: -9999px;
}




/*--------------------
トピックスアイコン
--------------------*/
span.icon_blog{
	background:url(../img/icon_blog_01.png) no-repeat;
	display: inline-block;
    height: 20px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 87px;
	background-size:87px 20px;
}
span.icon_news{
	background:url(../img/icon_news_02.png) no-repeat;
	display: inline-block;
    height: 20px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 87px;
	background-size:87px 20px;
}

span.icon_media{
	background:url(../img/icon_media_03.png) no-repeat;
	display: inline-block;
    height: 20px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 87px;
	background-size:87px 20px;
}


/*--------------------
東京・大阪アイコン
--------------------*/
/*幅43px*/
span.areaicon_tokyo{
	background:url(../img/icon_tokyou_04.png) no-repeat;
	display: inline-block;
    height: 20px;
    margin-right: 5px;
    text-indent: -9999px;
    width: 43px;
	background-size:43px 20px;
}
span.areaicon_osaka{
	background:url(../img/icon_osaka_05.png) no-repeat;
	display: inline-block;
    height: 20px;
    margin-right: 5px;
    text-indent: -9999px;
    width: 43px;
	background-size:43px 20px;
}
/*幅47px*/
span.areaicon_tokyo02{
	background:url(../img/icon_tokyou_06.png) no-repeat;
	display: inline-block;
    height: 20px;
    margin-right:1px;
    text-indent: -9999px;
    width: 47px;
	vertical-align:middle;
	background-size:47px 20px;
}
span.areaicon_osaka02{
	background:url(../img/icon_osaka_07.png) no-repeat;
	display: inline-block;
    height: 20px;
    margin-right:1px;
    text-indent: -9999px;
    width: 47px;
	vertical-align:middle;
	background-size:47px 20px;
}


/*--------------------
イベントアイコン
--------------------*/
span.icon_entfree{
	background:url(../img/icon_entfree_01.png) no-repeat;
	background-size:90px 22px;
	width:90px;
    height: 22px;
	display: inline-block;
    margin:0 1px 1px 0;
    text-indent: -9999px;
	vertical-align:middle;
	
}

span.icon_entpay{
	background:url(../img/icon_entpay_01.png) no-repeat;
	background-size:90px 22px;
	display: inline-block;
	width:90px;
    height: 22px;
    margin:0 1px 1px 0;
    text-indent: -9999px;
	vertical-align:middle;
	
}

span.icon_ltcp{
	background:url(../img/icon_ltcp_01.png) no-repeat;
	background-size:90px 22px;
	display: inline-block;
	width:90px;
    height: 22px;
    margin:0 1px 1px 0;
    text-indent: -9999px;
	vertical-align:middle;
	
}


span.icon_pylt{
	background:url(../img/icon_pylt_01.png) no-repeat;
	background-size:90px 22px;
	display: inline-block;
	width:90px;
    height: 22px;
    margin:0 1px 1px 0;
    text-indent: -9999px;
	vertical-align:middle;
	
}


span.icon_gdap{
	background:url(../img/icon_gdap_01.png) no-repeat;
	background-size:90px 22px;
	display: inline-block;
	width:90px;
    height: 22px;
    margin:0 1px 1px 0;
    text-indent: -9999px;
	vertical-align:middle;
	
}

span.icon_fdap{
	background:url(../img/icon_fdap_01.png) no-repeat;
	background-size:90px 22px;
	display: inline-block;
	width:90px;
    height: 22px;
    margin:0 1px 1px 0;
    text-indent: -9999px;
	vertical-align:middle;
	
}




/*------------------------------
mdx2014.5.14追加
------------------------------*/
.alignCenter{
	text-align:center !important;
}

@media screen and (min-width:750px){
	#attribute_nav_sp2015{
		display:none;
	}
}









/*====================================================================================================================


以下、新デザイン。
これ以前の不要になったスタイルは最後に削除する


====================================================================================================================*/


.sp-custom-menu{
	display:none;
}


.right_navi_ben img{
	max-width:100%;
}
#right_navi ul.right_navi_underline li a{
	transition:background-color ease 0.4s;
}
#right_navi ul.right_navi_underline li a:hover{
	background-color:#ccc;

}

@media screen and (max-width:750px){
	#right_navi #right_navi_bg_white ul li.li_on,
	#right_navi #right_navi_bg_white ul li.li_off,
	#right_navi #right_navi_bg_white ul li.li_off_la{
		width:calc(100% - 2px) !important;
	}
}

.gmenu{
	width:100%;
	min-width:1240px;
	height:90px;
	position:fixed;
	left:0;
	top:0;
	display:flex;
	background:rgba(255,255,255,0.9);
	z-index:998;
}

.gmenu_logo{
	width:170px;
	height:90px;
/*	background:#000;*/
	background:#fff;
	text-align:center;
	vertical-align:middle;
}
.gmenu_logo img{
/*	margin-top:20px;*/
	margin-top:8px;
}
.header_location{
	padding-top:7px;
	line-height:1.1;
}
.location_box{
	display:inline-block;
	box-sizing:border-box;
	width:45px;
	border:1px solid #252525;
	padding:3px 0;
	margin:0 3px;
	letter-spacing:.05em;
	font-size:10px;
	text-align:center;
}

.gmenu_text{
	width:calc(100% - 170px);
}

/*サブメニュー*/
.gmenu_sub{
	width:100%;
	height:29px;
	display:flex;
	justify-content:space-between;
	align-items: center;
	border-bottom:1px solid #dbdbdb;
}
.gmenu_catch{
	font-size:10px;
	font-weight:400;
	width:19%;
	text-indent:20px;
}
.gmenu_sub_list{
	width:80%;
	letter-spacing:-.40em;
	text-align:right;
	padding-right:1%;
}
.gmenu_sub_list li{
	display:inline-block;
	letter-spacing:0;
	margin-left:1.8em;
}
.gmenu_sub_list a{
	font-size:10px;
	font-weight:400;
}




/*メインメニュー*/
.gmenu_main{
	width:100%;
	height:60px;
}
.gmenu_main_list{
	letter-spacing:-.40em;
	padding-left:25px;
	width:calc(100% - 240px);
}
.gmenu_main_item{
	display:inline-block;
	letter-spacing:0;
	padding-right:20px;
}
.gmenu_main_item.isHome{
	display:none;
}
.gmenu_main_item>a{
	display:inline-block;
	padding-top:20px;
	height:40px;
	font-size:13px;
	font-weight:500;
	transition:color ease 0.4s;
}
.gmenu_main_item.on a,
.gmenu_main_item a:hover{
	color:#ef1234;
}
.sp_gmenu_box{
	width:100%;
	height:60px;
	display:flex;
	justify-content:space-between;
	align-items: center;
}
.sp_search_box{
	display:none;
	width:90%;
	margin:0 auto;
	padding:13vw 5% 4vw 5%;
	background:#000;
}

.header_conversion{
/*	width:220px;*/
	width:255px;
	display:flex;
}
.header_conversion p{
	width:50%;
	height:60px;
	text-align:center;
	font-size:14px;
	font-weight:500;
}

.header_conversion a{
	display:flex;
	justify-content:center;
	align-items:center;
	height:60px;
	color:#fff;
/*	padding-top:18px;*/
	transition:background-color ease 0.4s;
}
.header_conversion_form a{
	background:rgba(255,0,42,1);
}
.header_conversion_event a{
	background:rgba(0,0,0,1);
}
.header_conversion_form a:hover{
	background:rgba(255,0,42,0.7);
}
.header_conversion_event a:hover{
	background:rgba(0,0,0,0.7);
}

.global2018_sp_access{
	display:none !important;
}

.hidden_box{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	background:#000;
	z-index:998;
	display:none;
	padding:20px 0;
}

.hidden_list{
	width:80%;
	margin:0 auto;
	padding:20px 0;
	display:flex;
	flex-wrap:wrap;
}
.hidden_list li{
	width:25%;
	margin-bottom:20px;
	position:relative;
	padding-left:20px;
	text-align:left;
}
.hidden_list li:after{
	content:"";
	display:block;
	position:absolute;
	top:11px;
	left:3px;
	width: 5px;
	height: 5px;
	border-right:2px solid #fff;
	border-top:2px solid #fff;
	transform: rotate(45deg) translateY(-2px);
	transform-origin: right 50% 0;

}
.hidden_list a{
	color:#fff;
	font-size:14px;
	font-weight:400;
	text-align:left;
}
.hidden_list span{
	display:block;
	color:#fff;
	font-size:12px;
	font-weight:400;
	text-align:left;
}


/*スクロール中*/
.gmenu.scrolling{
	min-width:1140px;
	height:60px;
	background:rgba(255,255,255,1);
	box-shadow:0 1px 0 0px rgba(0,0,0,0.2);
}
.gmenu.scrolling .gmenu_logo,
.gmenu.scrolling .gmenu_sub{
	display:none;
}
.gmenu.scrolling .gmenu_text{
	width:100%;
}
.gmenu.scrolling .gmenu_main_list{
	padding-left:0px;
	text-align:center;
}
.gmenu.scrolling .gmenu_main_item.isHome{
	display:inline-block;
}




@media screen and (max-width:767px){
	.gmenu{
		width:100vw;
		min-width:0;
		height:auto;
		display:block;
		background:transparent;
	}
	.gmenu.scrolling{
		background:rgba(255,255,255,0);
	}
	.gmenu_logo{
		width:65%;
		height:auto;
		background:transparent;
		text-align:left;
		padding-left:3%;
	}
	.gmenu_logo img{
/*		margin-top:2vw;*/
		margin-top:2.7vw;
		max-width:100%;
	}

	.header_location{
		position:absolute;
		left:71%;
		top:1.5vw;
		padding-top:0;
	}
	.location_box{
		display:block;
		width:5.4em;
		border:none;
		padding:.5vw 0;
		margin:0;
		font-size:1.8vw;
		background:#fff;
	}
	.location_box + .location_box{
		margin-top:.2vw;
	}


	.gmenu_text{
		width:100%;
	}

	/*サブメニュー*/
	.gmenu_sub,
	.gmenu_catch{
		display:none;
	}

	/*メインメニュー*/
	.open .gmenu_main{
		width:100vw;
		height:100%;
		display:block;
		position:fixed;
		left:0;
		top:0;
		z-index:999;
/*		-webkit-overflow-scrolling: touch;*/
	}

	.open .sp_gmenu_box{
		display:block;
		overflow:auto;
		height:100%;
		background:#fff;
		position:relative;
	}
	.gmenu_main_list{
		display:none;
		width:100%;
	}

	.open .gmenu_main{
		background:#000;
	}

	/*検索エリア*/
/*
	.open .sp_search_box{
		display:block;
	}

	.sp_search_element{
		display:flex;
		border:1px solid #737373;
	}
	.sp_search_element input{
		-moz-appearance:none;
		-webkit-appearance:none;
		appearance:none;
	}
	.sp_search_text{
		width:85%;
		background:#000;
	}
	.sp_search_text input{
		color:#fff;
		font-size:4vw;
		background:transparent;
		border:none;
		padding:0 9px;
		width:calc(100% - 20px);
		height:10vw;
	}
	.sp_search_text input:placeholder-shown{
		color:#737373;
		font-size:4vw;
	}
	.sp_search_btn{
		width:15%;
		background:#fff;
	}
	.sp_search_btn input{
		width:100%;
		height:10vw;
		background:#fff url(../img/common/icon_search_lenz.png) no-repeat center center;
		background-size:40% auto;
		border:none;
	}
*/
	/**/
	.gmenu_text .header_conversion{
		display:none;
		width:0;
	}
/*
	.gmenu_text.open .header_conversion{
		display:flex;
		width:90%;
		position:absolute;
		left:5%;
		top:36vw;
	}

	.open .header_conversion p{
		width:50%;
		height:36vw;
	}
	.open .header_conversion a{
		height:12vw;
		padding-top:22vw;
		font-size:4vw;
		font-weight:400;
	}
	.open .header_conversion_form a{
		background:rgba(255,0,42,1) url(../img/common/icon_material_mail.png) no-repeat center 38%;
		background-size:20% auto;
	}
	.open .header_conversion_event a{
		background:rgba(0,0,0,1) url(../img/common/icon_event_timetable.png) no-repeat center 38%;
		background-size:20% auto;
	}
*/
	/*リスト*/
/*
	.open .gmenu_main_list{
		background:#fff;
		width:90%;
		margin:0 auto;
		height:auto;
		padding:45vw 5% 5vw 5%;
		letter-spacing:0;
	}
	.open .gmenu_main_item.isHome,
	.open .gmenu_main_item{
		display:block;
		padding-right:0;
		width:100%;
	}
	.open .gmenu_main_item>a{
		display:block;
		width:97%;
		padding:5vw 0 5vw 3vw;
		height:auto;
		font-size:3.6vw;
		border-bottom:1px solid #d3d3d3;
		text-align:left;
	}
	.open .gmenu_main_item:first-child>a{
		border-top:1px solid #d3d3d3;
	}
*/


	.hidden_box{
		width:0;
	}

	.open .drawer_switch_box{
		width:100%;
		background:#000;
		height:10vw;
		position:fixed;
		z-index:999;
		left:0;
		top:0;
	}

	.drawer_switch{
		display:block;
		position:fixed;
		top:0px;
		right:0px;
/*		width:25vw;*/
		width:10vw;
		height:10vw;
		font-size:3vw;
		color:#fff;
		text-align:left;
		cursor:pointer;
		z-index:999;
		background:#000;
/*		background:rgba(200,28,40,1);*/
	}
	.open .drawer_switch{
		top:0px !important;
	}
	.drawer_switch_text{
		position:absolute;
		top:2.7vw;
		left:1.5vw;
	}
	.drawer_bar{
		position:absolute;
		top:3vw;
/*		left:16vw;*/
		left:2vw;
		display:block;
		width:6vw;
		height:2px;
		background-color:#fff;
		transition:all .5s;
		transform-origin:left top;
	}
	.drawer_bar.middle{
		top:calc(4.5vw + 2px);
		transform-origin:left bottom;
	}
	.drawer_bar.bottom{
		top:calc(6.7vw + 2px);
		transform-origin:left bottom;
	}


	.open .drawer_bar{
		width:6.6vw;
		height:2px;
	}
	.open .drawer_bar.top {
		top:3vw;
/*		left:16vw;*/
		left:2vw;
		transform:rotate(36deg);
	}
	.open .drawer_bar.middle {
		display:none;
	}
	.open .drawer_bar.bottom {
		top:calc(6.2vw + 2px);
/*		left:16vw;*/
		left:2vw;
		transform:rotate(-36deg);
	}


	/*スクロール中*/
	.gmenu.scrolling{
		height:auto;
		box-shadow:0 0 0 0px rgba(0,0,0,0.2);
	}
	.gmenu.scrolling .gmenu_logo,
	.gmenu.scrolling .gmenu_sub{
		display:none;
	}
	.gmenu.scrolling .gmenu_text{
		width:100%;
	}
	.gmenu.scrolling .gmenu_main_list{
		text-align:center;
	}


	/*2020.7新ハンバーガー*/

	.open .sp-custom-menu{
		display:block;
		padding-top:10vw;
		padding-bottom:18vw;
	}

	.sp-custom-menu{
		width:89.33vw;
		margin:0 auto;
	}
	.sp-custom-headline{
		width:100%;
		display:flex;
		justify-content:space-between;
		padding-top:8vw;
		padding-bottom:1vw;
		border-bottom:1px solid #000;
		font-weight:700;
	}
	.sp-custom-headline b{
		display:inline-block;
		font-size:4.6vw;
	}
	.sp-custom-headline span{
		display:inline-block;
		text-align:right;
		font-family: 'Roboto';
		font-size:4.62w;
		font-weight:700;
		color:#ef1234;
	}


	.sp-custom-feature-list{
		width:100%;
		padding-top:3vw;
		display:flex;
		justify-content:space-between;
	}
	.sp-custom-feature-item{
		width:33%;
		height:13vw;
	}
	.sp-custom-feature-item a{
		position:relative;
		display:flex;
		align-items:center;
		justify-content:center;
		width:100%;
		height:13vw;
		background:#323232;
		font-weight:700;
		font-size:3.2vw;
		color:#fff;
		text-align:center;
	}
	.sp-custom-feature-item a:after{
		content:"";
		display:block;
		position:absolute;
		right:3px;
		bottom:3px;
		width:3vw;
		height:3vw;
		background:url(/assets2018/img/common/icon_menu_chip.png) no-repeat right bottom;;
		background-size:100% auto;
	}



	.sp-custom-course-list{
		width:100%;
	}
	.sp-custom-course-item{
		padding-top:2vw;
	}
	.sp-custom-course-item a{
		display:block;
		width:100%;
	}
	.sp-custom-course-item p{
		position:relative;
		width:100%;
		display:flex;
		justify-content:space-between;
		align-items:center;
		height:20vw;
		color:#fff;
	}
	.sp-custom-course-item.ws p{
		color:#000;
		line-height:1.4;
	}
	.sp-custom-course-item p:after{
		content:"";
		display:block;
		position:absolute;
		right:3px;
		bottom:3px;
		width:3vw;
		height:3vw;
		background:url(/assets2018/img/common/icon_menu_chip.png) no-repeat right bottom;;
		background-size:100% auto;
	}

	.sp-custom-course-item b{
		display:inline-block;
		padding-left:5vw;
		font-size:4.6vw;
		font-weight:700;
	}
	.sp-custom-course-item.ws b{
		font-size:3.9vw;
	}
	.sp-custom-course-item span{
		display:inline-block;
		padding-right:5vw;
		font-size:3.4vw;
		font-weight:700;
		font-family: 'Roboto';
	}
	.sp-custom-course-item.fa p{
		background-color:#f12948;
	}
	.sp-custom-course-item.hr p{
		background-color:#ffad4a;
	}
	.sp-custom-course-item.de p{
		background-color:#2968f1;
	}
	.sp-custom-course-item.ws p{
		background-color:#fafafa;
		border:1px solid #e3e3e3;
	}
	.sp-custom-course-item.ws p:after{
		background:url(/assets2018/img/common/icon_menu_chip02.png) no-repeat right bottom;;
		background-size:100% auto;
	}
	.sp-custom-course-item.sd p{
		background-color:#828282;
	}





	.sp-custom-detail-list{
		width:100%;
		padding-top:2vw;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	.sp-custom-detail-item{
		width:48.5%;
		padding-top:1.5vw;
	}
	.sp-custom-detail-item a{
		display:block;
		position:relative;
		background:#323232;
		width:100%;
		padding:5vw 0;
		color:#fff;
		font-weight:700;
		font-size:3.6vw;
		text-align:center;
	}
	.sp-custom-detail-item a:after{
		content:"";
		display:block;
		position:absolute;
		right:3px;
		bottom:3px;
		width:3vw;
		height:3vw;
		background:url(/assets2018/img/common/icon_menu_chip.png) no-repeat right bottom;
		background-size:100% auto;
	}


}



/*-------------------------------------------------

ヘッダ画像下のスクロールダウン

-------------------------------------------------*/
.board_submenu_scrolldown{
	position:absolute;
	left:0px;
	top:-20px;
	z-index:997;
	width:140px;
	height:55px;
	background:#252525;
	color:#fff;
	text-align:center;
	font-size:13px;
	font-family: 'Roboto';
	font-weight:500;
}
.board_submenu_scrolldown span{
	display:inline-block;
	margin-top:22px;
}
.board_submenu_scrolldown:after{
	content:"";
	position:absolute;
	left:50%;
	top:-20px;
	display:block;
	width:1px;
	height:30px;
	background:#fff;
}
.board_submenu_scrolldown.faculty_top{
	background:#000;
}
.board_submenu_scrolldown.faculty_fashion{
	background:#ef1234;
}
.board_submenu_scrolldown.faculty_hairmake{
/*	background:#ef85b5;*/
	background:#ffa436;
}
.board_submenu_scrolldown.faculty_design{
	background:#3c36ff;
}
.board_submenu_scrolldown.faculty_movie{
	background:#ffa436;
}
.board_submenu_scrolldown.faculty_sportsdesign{
	background:#232323;
}


@media screen and (max-width:767px){
	.board_submenu_scrolldown{
		top:-6vw;
		left:19vw;
        width:62%;
        height:12vw;
		font-size:3vw;
	}
	.board_submenu_scrolldown span{
		margin-top:4.5vw;
	}
	.board_submenu_scrolldown:after{
		content:"";
		position:absolute;
		left:50%;
		top:-4vw;
		display:block;
		width:1px;
		height:6vw;
		background:#fff;
	}

}


/*-------------------------------------------------

EVENT

-------------------------------------------------*/
.event{
	width:100%;
	min-width:1200px;
	background:#fafafa;
	margin-top:40px;
	padding-top:75px;
	padding-bottom:50px;
	clear:both;
}
.event .link_view_all{
	top:75px;
}
.event_tab_list{
	display:flex;
	margin-top:35px;

}
.event_tab_list li{
	padding:5px 0;
	width:120px;
	border:1px solid #d2d2d2;
	text-align:center;
	cursor:pointer;
	transition:background ease 0.4s;
}
.event_tab_list span{
	color:#000;
	font-size:14px;
	font-family: 'Roboto';
	font-weight:900;
}
.event_tab_list li.on{
	border:1px solid #000;
	background:#000;
	cursor:default;
}
.event_tab_list li.on span{
	color:#fff;
}
.event_tab_list li:hover{
	background:rgba(0,0,0,0.1);
}
.event_tab_list li.on:hover{
	background:rgba(0,0,0,1);
}


.event_list{
	padding-top:40px;
	width:100%;
}
.event_list li{
	float:left;
	width:276px;
/*	min-height:278px;*/
	height:245px;
    overflow:hidden;
	margin-left:32px;
	margin-bottom:28px;
	border-bottom:1px solid #e5e5e5;
	transition:border-bottom ease 0.4s;
}
.event_list li.left{
	margin-left:0;
}

.event_list li:hover{
	border-bottom:1px solid rgba(0,0,0,0.8);
}

.event_list li a img{
	transition:opacity ease 0.4s;
}
.event_list li a:hover img{
	opacity:0.8;
}

.event_image{
	position:relative;
}
.event_ph{
	width:100%;
	overflow:hidden;
	text-align:center;
}
.event_ph img{
	height:132px;
	max-width:100%;
}
.event_spec{
    width:100%;
	font-family: 'Roboto';
	font-weight:500;
    display:flex;
}

.event_spec span{
	padding:5px 0;
}
.event_spec_area{
    width:6em;
	font-weight:900;
    text-align:center;
	font-size:14px;
	color:#fff;
}
.area_tokyo .event_spec_area{
	background:#ef1234;
}
.area_osaka .event_spec_area{
	background:#1258ef;
}
.area_nagoya .event_spec_area{
	background:#fe601d;
}


.event_spec_date{
    background:#fff;
    width:calc(100% - 6em);
    text-align:center;
	font-size:15px;
    font-weight:900;
}
.area_tokyo .event_spec_date{
	color:#ef1234;
}
.area_osaka .event_spec_date{
	color:#1258ef;
}
.area_nagoya .event_spec_date{
	color:#fe601d;
}




.event_lead{
	padding-top:13px;
	font-size:14px;
	font-weight:400;
	line-height:1.7;
}



/*--------------------------------------------------

2020.7変更

----------------------------------------------------*/
.event .common_headline{
	margin-bottom:30px;
}
.event-tab-list{
	display:flex;
	display:none;
}

.event-area-box{
	width:100%;
	display:flex;
	background:#fff;
	margin-bottom:10px;
}
.event-area-box.tokyo{
	border-bottom:2px solid #e10423;
}
.event-area-box.osaka{
	border-bottom:2px solid #1258ee;
}
.event-area-box.nagoya{
	border-bottom:2px solid #fe611e;
}

.event-area-title{
	display:flex;
	align-content: center;
	flex-wrap:wrap;
	width:22.75%;
}
.tokyo .event-area-title{
	background:url(/assets2018/img/common/event_tokyoBG_pc.jpg) no-repeat center center;
    background-size:cover;
}
.osaka .event-area-title{
	background:url(/assets2018/img/common/event_osakaBG_pc.jpg) no-repeat center center;
    background-size:cover;
}
.nagoya .event-area-title{
	background:url(/assets2018/img/common/event_nagoyaBG_pc.jpg) no-repeat center center;
    background-size:cover;
}

.event-area-name{
	width:100%;
	padding-top:10px;
	text-align:center;
	color:#fff;
	font-size:32px;
	font-weight:700;
	letter-spacing:0.1em;
}
.event-area-name span{
	display:block;
	padding-top:5px;
	font-size:12px;
	font-family:'Roboto';
	font-weight:700;
}
.event-area-link{
	width:35%;
	margin:0 auto;
	padding-top:20px;
}
.event-area-link a{
	display:block;
	width:100%;
	padding:10px 0;
	border:1px solid #fff;
	text-align:center;
	color:#fff;
	font-size:12px;
    transition:background ease .4s,color ease .4s;
}
.event-area-link a:hover{
    background:#fff;
}
.tokyo .event-area-link a:hover{
    color:#e10423;
}
.osaka .event-area-link a:hover{
    color:#1258ee;
}
.nagoya .event-area-link a:hover{
    color:#fe611e;
}

.event-list{
	width:77.25%;
	display:flex;
	justify-content:flex-start;
	padding:23px 15px 23px 0;
}
.event-list-item{
	width:30%;
    transition:margin ease .3s;
    padding-left:26px;
/*    border:1px solid transparent;*/
}
.event-list-item:hover{
    margin-top:-8px;
    margin-bottom:8px;
/*    border:1px solid #ccc;*/
}

.event-list-item:nth-of-type(n+4){
	display:none;
}
.event_lead{
	padding-top:0;
}
.event_spec{
	justify-content:flex-start;
}
.event_spec_date{
	text-align:left;
	width:inherit;
	font-size:16px;
}

.link-view-all{
	position:absolute;
	right:0;
	top:15px;
}
.link-view-all a{
	font-size:14px;
	font-family: 'Roboto';
	font-weight:700;
	padding-left:25px;
	background:url(../img/top/icon_viewall.png) no-repeat left center;
	transition:color ease 0.4s;
}
.link-view-all a:hover{
	color:#ef1234;
}


@media screen and (max-width:767px){
	.event{
		min-width:0;
		margin-top:6vw;
		padding-top:8vw;
		padding-bottom:10vw;
	}
	.event .link_view_all{
		top:0;
	}
	.event .common_headline_jtext{
		padding-top:2.5vw;
		text-align:center;
		line-height:1.3;
	}

	.event_tab_list{
		width:90%;
		margin:0 auto;
		margin-top:4vw;
	}
	.event_tab_list li{
		padding:5px 0;
		width:33.3%;
	}


	.event_list{
		width:90%;
		margin:0 auto;
		padding-top:4vw;
	}
	.event_list li{
		float:none;
		width:100%;
		height:auto;
		margin-left:0;
		margin-bottom:6vw;
		padding-bottom:4vw;
	}
    .event_list li:hover{
	    border-bottom:1px solid #e5e5e5;
    }

	.event_ph img{
		height:auto;

	}

	.event_spec{
        padding:0;
		font-size:3.2vw;
	}
	.event_spec span{
		padding:1.6vw 0;
    }

	.event_spec_area{
	}
    .event_spec_date{
    	font-size:4.5vw;
    }

    .event_lead{
    	padding-top:2.4vw;
    	font-size:3.2vw;
    }




	/*--------------------------------------------------

	2020.7変更

	----------------------------------------------------*/
	.event .common_headline{
		margin-bottom:8vw;
	}
	.event-tab-list{
		width:96%;
		margin:0 auto;
		display:flex;
		justify-content:space-between;
	}
	.event-tab-list li{
		width:32%;
		padding:3vw 0;
		background:#000;
		text-align:center;
		color:#fff;
		font-size:4vw;
		font-family: 'Roboto';
		font-weight:700;
	}
	.event-tab-list li.on.area_tokyo{
		background:#e10423;
	}
	.event-tab-list li.on.area_osaka{
		background:#1258ee;
	}
	.event-tab-list li.on.area_nagoya{
		background:#fe611e;
	}

	.event-area-box{
		width:calc(96% - 2px);
		margin:0 auto 6vw;
		display:block;
	}
	.event-area-box.tokyo{
		border-bottom:none;
		border:1px solid #e10423;
	}
	.event-area-box.osaka{
		border-bottom:none;
		border:1px solid #1258ee;
		display:none;
	}
	.event-area-box.nagoya{
		border-bottom:none;
		border:1px solid #fe611e;
		display:none;
	}

	.event-area-title{
		width:100%;
		height:20vw;
		display:flex;
		align-items: center;
		justify-content:space-between;
		flex-wrap:inherit;
	}
	.tokyo .event-area-title{
    	background:url(/assets2018/img/common/event_tokyoBG_sp.jpg) no-repeat center center;
        background-size:cover;
		border-top:5px solid #e10423;
	}
	.osaka .event-area-title{
    	background:url(/assets2018/img/common/event_osakaBG_sp.jpg) no-repeat center center;
        background-size:cover;
		border-top:5px solid #1258ee;
	}
	.nagoya .event-area-title{
    	background:url(/assets2018/img/common/event_nagoyaBG_sp.jpg) no-repeat center center;
        background-size:cover;
		border-top:5px solid #fe611e;
	}

	.event-area-name{
		width:50%;
		padding-top:0;
		padding-left:5vw;
		text-align:left;
		font-size:5.4vw;
	}
	.event-area-name span{
		display:none;
	}
	.event-area-link{
		width:30%;
		margin:0 0 0 auto;
		padding-right:5vw;
		padding-top:0;
	}
	.event-area-link a{
		padding:2vw 0;
		font-size:3.4vw;
        transition:inherit;
	}
    .event-area-link a:hover{
        background:transparent;
    }
.tokyo .event-area-link a:hover,
.osaka .event-area-link a:hover,
.nagoya .event-area-link a:hover{
    color:#fff;
}

	.event-list{
		width:94%;
		margin:0 auto;
		display:block;
		padding:0;
	}
	.event-list-item{
		width:100%;
		padding:4vw 0;
		border-top:1px solid #d8d8d8;
        transition:inherit;
	}

    .event-list-item:hover{
        margin-top:0;
        margin-bottom:0;
    }

	.event-list-item:nth-of-type(n+4){
		display:none;
	}
	.event-list-item:first-child{
		border-top:none;
	}

	.event_lead{
		font-size:3.6vw;
	}
	.event_spec_date{
		padding-top:1vw;
		font-size:5vw;
	}

	.link-view-all{
		position:relative;
		right:inherit;
		top:inherit;
		width:70%;
		margin:0 auto;
	}
	.link-view-all a{
		display:block;
		background:#000;
		padding:4vw 0;
		color:#fff;
		font-size:3.8vw;
		text-align:center;
		transition:none;
	}
	.link-view-all a:hover{
		color:#fff;
	}



}


/*-------------------------------------------------

Topに戻る

-------------------------------------------------*/
.backtotop{
	position:fixed;
	right:40px;
	bottom:100px;
	width:30px;
	height:30px;
	background:rgba(0,0,0,0.8);
	z-index:900;
}
.backtotop:after{
	content:"";
	display:block;
	position:absolute;
	top:9px;
	left:3px;
	width:24px;
	height:1px;
	background:#fff;
}
.backtotop a,
.backtotop span{
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	text-indent:-9999px;
	overflow:hidden;
}
.backtotop a:after,
.backtotop span:after{
	content:"";
	display:block;
	position:absolute;
	top: 10px;
	left:calc(50% - 9px);
	width: 15px;
	height: 15px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	transform: rotate(-45deg) translateY(-2px);
	transform-origin: right 50% 0;
}

@media screen and (max-width:767px){
	.backtotop{
		right:4vw;
		bottom:20vw;
		width:15vw;
		height:15vw;
	}
	.backtotop:after{
		top:3vw;
		left:2.5vw;
		width:10vw;
	}
	.backtotop a,
	.backtotop span{
		width:15vw;
		height:15vw;
	}

	.backtotop a:after,
	.backtotop span:after{
		top: 3vw;
		left:calc(50% - 3.7vw);
		width: 6vw;
		height: 6vw;
	}

}


/*-------------------------------------------------

フッタ2018

-------------------------------------------------*/
.footer2018{
	width:100%;
	min-width:1200px;
	background:#000;
	position:relative;
	padding:50px 0;
}

.footer_information{
	position:absolute;
	left:0;
	top:0px;
	width:400px;
}
.footer_logo2{
	padding-top:10px;
}
.footer_logo img{
	width:108px;
}
.footer_logo2 img{
	width:330px;
}

.footer_addr{
	display:flex;
	width:100%;
	margin-top:15px;
/*	flex-wrap:wrap;*/
	align-items: start;
}
.footer_addr dt{
	width:50px;
	color:#999;
	font-size:10px;
	font-weight:400;
	letter-spacing:0.08em;
}
.footer_addr dd{
	width:calc(100% - 50px);
}
.footer_addr dd p{
	margin-bottom:0.8em;
	color:#999;
	font-size:10px;
	font-weight:400;
	line-height:1.5;
	letter-spacing:0.09em;
	line-height:1.6;
}
.footer_addr dd a{
	display:inline-block;
	width:20px;
	margin-left:10px;
}
.footer_addr dd a img{
	max-width:8px;
}




.footer_list_box{
	width:750px;
	margin:0 0 0 auto;
	padding-top:40px;
	border-top:1px solid #fff;
}
.footer_list{
	clear:both;
	width:100%;
}
.footer_list>li{
	float:left;
	min-height:180px;
	padding-bottom:40px;
}
.footer_list_wide{
	width:200px;
}
.footer_list_medium{
	width:150px;
}
.footer_list_narrow{
	width:100px;
}
.footer_list_wide2{
	width:400px;
}


.footer_link dt{
	margin-bottom:1em;
}
.footer_link dt a,
.footer_link dt span{
	color:#fff;
	font-size:12px;
	font-weight:700;
}
.footer_sub_list{
}
.footer_sub_list a{
	color:rgba(255,255,255,0.6);
	font-size:10px;
}
.footer_link a:hover{
	text-decoration:underline;
}


.footer_list_wide2 dd{
	width:100%;
	display:flex;
}
.footer_list_wide2 .footer_sub_list{
	width:150px;
}



.footer_cp{
	width:calc(100% - 40px);
	margin:0 auto;
	padding-top:25px;
	border-top:1px solid rgba(255,255,255,0.2);
	text-align:center;
	color:#fff;
	font-size:10px;
	font-weight:500;
	letter-spacing:0.04em;
}


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

	.footer2018{
		width:100%;
		min-width:0;
		padding:6vw 0;
	}


	.footer_information{
		position:relative;
		left:auto;
		top:auto;
		width:92%;
		margin:0 auto;
		padding-top:5vw;
	}
	.footer_logo,
	.footer_logo2{
		text-align:center;
		width:80%;
		margin:0 auto;
	}
	.footer_logo img,
	.footer_logo2 img{
		max-width:100%;
	}


	.footer_addr{
		display:block;
		width:100%;
		margin-top:2vw;
		padding-bottom:3vw;
		clear:both;
	}
	.footer_addr:after{
		content:"";
		display:block;
		clear:both;
	}
	.footer_addr dt{
		width:15%;
		text-align:left;
		font-size:3vw;
		letter-spacing:0;
		float:left;
	}
	.footer_addr dd{
		float:left;
		width:85%;
	}

/*iPhoneバグのため、flex中止
	.footer_addr{
		margin-top:2vw;
		padding-bottom:3vw;
	}
	.footer_addr dt{
		width:14%;
		font-size:3vw;
	}
	.footer_addr dd{
		width:86%;
	}
*/
	.footer_addr dd p{
		margin-bottom:0.8em;
		font-size:3vw;
	}
	.footer_addr dd a{
		width:auto;
		color:#999;
		margin-left:0;
	}
	.footer_addr dd a.map_marker{
		width:3vw;
		margin-left:2vw;
	}


	.footer_addr dd a img{
		max-width:3vw;
	}



	.footer_list_box{
		width:92%;
		margin:0 auto;
		padding-top:0;
	}
	.footer_list{
		width:100%;
	}
	.footer_list>li{
		width:50%;
		min-height:0;
		padding-bottom:0;
		border-bottom:1px dotted #333;
	}
	.footer_list>li:nth-child(2n+1){
		width:47%;
		padding-right:3%;
	}
	.footer_list_wide{
		width:50%;
	}
	.footer_list_medium{
		width:50%;
	}
	.footer_list_narrow{
		width:50%;
	}
	.footer_list_wide2{
		width:50%;
	}


	.footer_link dt{
		margin-bottom:0;
	}
	.footer_link dt a,
	.footer_link dt span{
		display:inline-block;
		width:100%;
		padding-top:5vw;
		padding-bottom:5vw;
		font-size:3vw;
	}
	.footer_sub_list{
		display:none;
	}

	.footer_list_wide2 dd{
		width:100%;
		display:block;
	}



	.footer_cp{
		width:100%;
		padding-top:3vw;
		padding-bottom:10vw;
		border-top:none;
		font-size:2.8vw;
	}






	.sp_sns_list{
		width:92%;
		margin:0 auto;
		padding:6vw 0 0 0;
		text-align:center;
		letter-spacing:-.40em;
	}
	.sp_sns_list li{
		display:inline-block;
		letter-spacing:normal;
		margin:0 1em;
		vertical-align:top;
	}


	.sp_access_link{
		padding-top:5vw;
		width:92%;
		margin:0 auto;
	}
	.sp_access_link a{
		display:block;
		padding:3vw 0;
		width:calc(100% - 2px);
		border:1px solid #fff;
		text-align:center;
		color:#fff;
		font-size:4vw;
		font-weight:400;
		background:url(/assets2018/img/common/icon_access_marker3.png) no-repeat 5vw center;
		background-size:4vw auto;
	}

	.sp_another_list{
		padding-top:5vw;
		width:92%;
		margin:0 auto;
		text-align:center;
		letter-spacing:-.40em;
	}
	.sp_another_list li{
		display:inline-block;
		letter-spacing:normal;
		position:relative;
	}
	.sp_another_list li:first-child{
		margin-right:1em;
		padding-right:1em;
	}
	.sp_another_list li:first-child:after{
		content:"";
		display:block;
		position:absolute;
		right:0;
		top:1vw;
		width:1px;
		height:3vw;
		background:#4d4d4d;
	}
	.sp_another_list li a{
		color:#fff;
		font-size:3.3vw;
		font-weight:500;
	}



	.sp_footer_fixed{
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		z-index:999;
		display:flex;
		opacity:1;
	}

	.sp_footer_fixed.isShow{
		display:flex;
		opacity:1;
	}

	.sp_footer_fixed.menu2{
/*		display:none;
		opacity:0;*/
		transition:opacity ease 0.4s;
	}
	.sp_footer_fixed.menu2 li{
		width:50%;
	}
	.sp_footer_fixed.menu2 li a{
		display:block;
		padding:4vw 0 4vw 1vw;
		width:100%;
		background:rgba(25,25,25,1) url(/assets2018/img/common/icon_event_timetable.png) no-repeat 3.4vw center;
		background-size:3.7vw auto;
		text-align:center;
		color:#fff;
		font-weight:700;
		font-size:3.2vw;
	}
	.sp_footer_fixed.menu2 li:nth-child(1) a{
		background:rgba(255,0,42,1) url(/assets2018/img/common/icon_material_mail.png) no-repeat 9vw center;
		background-size:4vw auto;
	}
	.sp_footer_fixed.menu2 li:nth-child(2) a{
		border-left:1px solid #fff;
		padding:4vw 0 4vw 1.9vw;
		background:rgba(25,25,25,1) url(/assets2018/img/common/icon_event_timetable.png) no-repeat 6.4vw center;
		background-size:3.7vw auto;
	}
	.sp_footer_fixed.menu2 li:nth-child(3) a{
		border-left:1px solid #fff;
		background:rgba(25,25,25,1) url(/assets2018/img/common/icon_access_marker191.png) no-repeat 4.9vw center;
		background-size:3.2vw auto;
	}



	.sp_footer_fixed.menu3 li{
		width:40%;
	}
	.sp_footer_fixed.menu3 li:nth-of-type(3){
		width:20%;
	}
	.sp_footer_fixed.menu3 li a{
		display:flex;
		align-items:center;
		justify-content:center;
		padding:0;
		width:100%;
		min-height:14vw;
		background:rgba(25,25,25,1) url(/assets2018/img/common/icon_event_timetable.png) no-repeat 3.4vw center;
		background-size:3.7vw auto;
		text-align:left;
		color:#fff;
		font-weight:700;
		font-size:3.3vw;
		line-height:1.4;
	}
	.sp_footer_fixed.menu3 li:nth-of-type(1) a{
		background:rgba(255,0,42,1) url(/assets2018/img/common/icon_material_mail.png) no-repeat 8vw center;
		background-size:5.5vw auto;
	}
	.sp_footer_fixed.menu3 li:nth-of-type(2) a{
		border-left:1px solid #fff;
		background:rgba(25,25,25,1) url(/assets2018/img/common/icon_event_timetable.png) no-repeat 2.7vw center;
		background-size:5vw auto;
	}
	.sp_footer_fixed.menu3 li:nth-of-type(3) a{
		border-left:1px solid #fff;
		background:rgba(89,89,89,1);
/*		background-size:5.3vw auto;*/
		font-size:2.8vw;
	}
	.sp_footer_fixed.menu3 li a span{
		display:inline-block;
		padding-left:2em;
		text-align:center;
	}
	.sp_footer_fixed.menu3 li:nth-of-type(2) a span{
		padding-left:1.5em;
	}
	.sp_footer_fixed.menu3 li:nth-of-type(3) a span{
		padding-left:0;
		padding-top:1vw;
	}



}

/*-------------------------------------------------

見出し2018

-------------------------------------------------*/
.common_headline{
	color:#ef1234;
	font-family: 'Roboto','Noto Sans JP';
	font-size:34px;
	font-weight:900;
	line-height:1.1;
}
.common_headline_jtext{
	display:inline-block;
	margin-left:23px;
	padding-left:23px;
	position:relative;
	font-size:18px;
/*	font-family: 'Noto Sans JP'*/;
	font-weight:900;
	color:#000;
	vertical-align:middle;
	line-height:1.1;

}
.common_headline_jtext:after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:-3px;
	width:1px;
	height:23px;
	border-left:1px dotted #b8b8b8;
}


@media screen and (max-width:767px){
	.common_headline{
		font-size:7vw;
		text-align:center;
	}
	.common_headline_jtext{
		display:block;
		margin-left:0;
		padding-left:0;
		font-size:3.7vw;
	}
	.common_headline_jtext:after{
		width:0;
		height:0;
	}
}


/*-------------------------------------------------

画面下部にレコメンドを表示 2019 summer

-------------------------------------------------*/
.recommend-event {
  overflow: hidden;
  position: fixed;
  z-index: 991;
  bottom: 0;
  right: 20px;
  width: 419px;
}

@media only screen and (max-width: 767px) {
  .recommend-event {
    right: 0;
    width: 100%;
	bottom:50px;
  }
}

.recommend-event .close {
  margin-left: auto;
  width: 38px;
  height: 38px;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .recommend-event .close {
    width: 11.73333vw;
    height: 11.73333vw;
  }
}

.recommend-event .close img {
  max-width: 100%;
}

.recommend-event a.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  text-decoration: none;
  color: #000000;
}

@media only screen and (max-width: 767px) {
  .recommend-event a.wrapper {
    display: block;
  }
}

.recommend-event a.wrapper .left-block {
  z-index: 10;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 78px;
}

@media only screen and (max-width: 767px) {
  .recommend-event a.wrapper .left-block {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .recommend-event a.wrapper .left-block img {
    max-width: 100%;
  }
}

.recommend-event a.wrapper .right-block {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 340px;
  background-color: #ffffff;
  border-left: solid 1px #c0c0c0;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

@media only screen and (max-width: 767px) {
  .recommend-event a.wrapper .right-block {
    width: 100%;
  }
}

.recommend-event a.wrapper .right-block.hidden {
  -webkit-transform: translateX(340px);
  -ms-transform: translateX(340px);
  transform: translateX(340px);
  opacity: 0;
}

@media only screen and (max-width: 767px) {
  .recommend-event a.wrapper .right-block.hidden {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.recommend-event a.wrapper .right-block.hidden .inner {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

@media only screen and (max-width: 767px) {
  .recommend-event a.wrapper .right-block.hidden .inner {
    padding-top: 0;
    padding-bottom: 0;
    height: 0;
  }
}

@media only screen and (max-width: 767px) {
  .recommend-event a.wrapper .right-block .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 2.66667vw;
    padding-bottom: 2.66667vw;
    margin-left: auto;
    margin-right: auto;
    width: 94.66667vw;
  }
}

@media only screen and (max-width: 767px) {
  .recommend-event a.wrapper .right-block .inner figure {
    width: 29.33333vw;
  }
}

.recommend-event a.wrapper .right-block .inner figure img {
  width: 100%;
  max-height: 155px;
}

.recommend-event a.wrapper .right-block .inner .title-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 18px;
  margin-right: 16px;
  height: 80px;
}

@media only screen and (max-width: 767px) {
  .recommend-event a.wrapper .right-block .inner .title-area {
    display: block;
    margin-left: 0;
    margin-right: 0;
    width: 62.13333vw;
    height: auto;
  }
}

.recommend-event a.wrapper .right-block .inner .title-area p {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  .recommend-event a.wrapper .right-block .inner .title-area p {
    font-size: calc((22 / 2.34375) * 1px + (22 - (22 / 2.34375))*(100vw - 320px)/(750 - 320));
    line-height: 1.36;
  }
}