/*ページを構成するヘッダーやメインのコンテンツエリア、サイドバーやフッターといったプロジェクト共通のコンテナーブロックのスタイルを定義します。
このレイヤー以降はクラスセレクタのみを指定します。
例外として、このLayoutレイヤーにだけは必要に応じてIDセレクタを指定することもできます。
*/

.l-main-visual-area {
	position: relative;
	/*min-height: 100vh;*/
}


.l-news-area {
	width: 96%;
	margin: 0 auto;
}

.l-news-area .title,.l-category-area .title,.l-pick_up-area .title{
	font-size: 48px;
	color: #000;
	text-align: center;
	line-height: 1;
	margin: 58px 0 30px;
	font-family: 'frutiger'!important;
}

.l-category-area .title span,.l-for-exhibitors-area .title span,.l-pick_up-area .title span{
	display: block;
    font-size: 18px;
    font-weight: bold;
    margin-top: 1vw;
}

.title-border {
	width: auto;
    margin: 0 auto 38px;
    text-align: center;
    display: block;
}

.l-information-area {
	background: #f2f2f0;
}

/*.l-pick_up-area {
	padding: 62px 0;
}*/

.l-category-area {
	padding: 64px 0 80px;
	/*background: #f2f2f0;*/
}

.l-for-exhibitors-area {
	background: #000;
	margin: 0 0 0 auto;
	padding-top: 63px;
}

.l-for-exhibitors-area .title {
    font-size: 48px;
    color: #fff;
    text-align: center;
    line-height: 1;
    margin: 0 0 30px;
    font-family: 'frutiger'!important;
}

.l-banner-box {
	max-width: 1130px;
	width: 100%;
	margin: 0 auto;
}

.l-contact-are {
	border-top: 1px solid #9e9e9e;
}

.l-contact-are .inner {
	max-width: 764px;
	width: 100%;
	margin: 0 auto;
	padding: 40px 0;
}

.l-footer_wrapper {
	background: #000;
}

.l-pankuz-area {
	background: #f3f3f3;
}

.l-pankuz-area .inner {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

.l-search-area .inner {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto 60px;
}

.l-search-area .title {
	font-size: 24px;
	font-weight: bold;
	color: #000;
}

.l-search-area form {
	padding: 38px 0 40px;
	background: #f3f3f3;
}

.l-page-category {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

.l-magazine-area {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}


@media screen and (max-width: 1200px){
.l-pankuz-area .inner,.l-search-area .inner,.l-page-category,.l-news-area,.l-magazine-area {
	width: 96%;
}
}

@media screen and (max-width: 768px){
.l-pankuz-area .inner,.l-search-area .inner,.l-page-category,.l-news-area,.l-banner-box,.l-magazine-area {
	width: 89.1%;
}

.l-for-exhibitors-area {
	width: 100%;
	margin: 0 auto 10vw;
}
.l-search-area .title {
	font-size: 3.4vw;
}

.l-main_wrapper {
	/*margin-top: 11vw;*/
}

/*.l-main-visual-area {
	margin-top: 15vw;
}*/

.l-pankuz-area {
	margin-top: 15vw;
}

.l-main-visual-area {
	/*position: initial;*/
}

.l-pick_up-area {
	position: relative;
	padding: 7vw 0;
	/*background: url(../images/pick-up.png)  center center /cover no-repeat;*/
	/*background: url(../images/pick-up.png)  center center /cover no-repeat;*/
}

.l-pick_up-area .inner {
	background: url(../images/pick-up.png) center center /cover no-repeat;
	padding: 9vw 0;
}

.p-pick_up-box{
	/*background: url(../images/pick-up.png) center center /cover no-repeat;*/
	/*background: url(../images/pick-up.png)  center center /cover no-repeat;*/
}

.l-pick_up-area img {
/*	max-width: 672px;
	width: 100%;
	margin: 0 auto;*/
}

.l-news-area .title,.l-news-area .title, .l-category-area .title {
	font-size: 8.4vw;
	margin: 58px 0 20px;
}

.l-category-area .title {
	margin-top: 0;
}

.l-category-area {
	padding-top: 48px;
}

/*.l-news-area .title {
	margin-top: 0;
}*/

.l-for-exhibitors-area .title {
	font-size: 8.4vw;
}

.title-border {
	margin-bottom: 8vw;
}

.l-information-area  {
	padding-bottom: 6vw;
}

.l-information-area .c-more-btn a {
	margin-bottom: 0;
	color: #000;
	background: #fff url(../images/btn-arrow.png) 90% 50% / 2vw no-repeat;
}

.l-information-area .c-more-btn a:hover{
	color: #fff;
	background: #000 url(../images/ac-btn-arrow.png) 90% 50% / 2vw no-repeat;
}

.l-category-area .title span, .l-for-exhibitors-area .title span,.l-pick_up-area .title span {
	font-size: 2.6vw;
}



}