/*---------------------------------------
 * 共通設定
---------------------------------------*/ 


/* slick関係
---------------------------------------*/ 

.slick-prev{
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	left: -10px;
	display: block;
	width: 34px;
	height: 34px;
	margin-top: 20px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	background-image: url(../../common/img/arrow_left.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 1;
	box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.5); ;
}

.slick-next{
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	right:-10px;
	display: block;
	width: 34px;
	height: 34px;
	margin-top: 20px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	background-image: url(../../common/img/arrow_right.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 1;
	box-shadow: 0px 2px 6px -2px rgba(0,0,0,0.5); ;
}

.slick-dots{
	margin-top: 30px;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.slick-dots{
		margin-top: 25px;
		text-align: center;
	}
}

.slick-dots li button{
	font-size: 0;
	line-height: 0;
	display: block;
	width: 40px;
	height: 2px;
	padding: 0px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.slick-dots li{
	position: relative;
	display: inline-block;
	width: 40px;
	height: 2px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 2px;
	content: '';
	
	text-align: center;
	opacity: 1;
	background: #CCCCCC;
	-webkit-font-smoothing: antialiased;
	border-radius: 7px;
}

.slick-dots li.slick-active button:before{
	background: #666666;
}



/* 画像hoverエフェクト PCのみ
---------------------------------------*/ 	


/* ZOOM */
	
.img_hover{
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
}

.img_hover img,
.img_hover .imgs{
	transition-duration: .8s;
	
}

.img_hover img.on,
.img_hover .imgs.on{
	transform: scale(1.02);
	transition-duration: .8s;	
}

.img_hover img:hover,
.img_hover .imgs:hover{
	transform: scale(1.02);
	transition-duration: .8s;	
}


/* SHADOW */

.img_shadow{
	width: 100%;
	height: auto;
	/*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}


.img_shadow:hover {
  	box-shadow: 0 10px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}


/* アニメーション 時間制御 */

.animated_1 {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated_2 {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated_3 {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated_4 {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated_5 {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated_6 {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated_10 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.delay_1 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.delay_2 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.delay_3 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.delay_4 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.delay_5 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.delay_6 {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.delay_7 {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.delay_8 {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.delay_9 {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.delay_10 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.delay_11 {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
.delay_12 {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.delay_13 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}
.delay_14 {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
.delay_15 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.delay_16 {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}



@media screen and (min-width: 769px) {



/*---------------------------------------
 * ナビゲーション
---------------------------------------*/ 
	

	header{
		position: relative;
		width: 100%;
		position: fixed;
		top:0;
		right:0;
		background: #FFFFFF;
		z-index: 1000;
		
	}
	header .site-catch{
		width: 100%;
		text-align: center;
		background:#eeeeee;
		font-size: 10px;
		padding: 4px 0;
		line-height: 1;
		display: block !important;
		opacity: 1 !important;
	}
	
	header .header-logo{
		width: 203px;
		margin: 0 auto;
		padding: 13px 0;
	}
	header .menu-btn{
		position: absolute;
		top: 42px;
		left: 20px;
	}
	header .area-link{
		position: absolute;
		top:42px;
		left:90px;
		background: url(../img/icon_area.svg) 0 0 no-repeat;
		background-size: 13px 13px;
		padding-left: 20px;
		display: block !important;
		opacity: 1 !important;
	}
	.ie11 header .area-link{
		padding-top: 3px;
	}
	header .area-link li{
		display: inline-block;
	}
	header .area-link li::after{
		content:" / ";
		display: inline-block;
	}
	header .area-link li.last::after{
		content:"";
	}
	header .sns-link{
		position: absolute;
		top:42px;
		right:20px;
	}
	header .sns-link li{
		display: inline-block;
		width: 13px;
		height: 13px;
		margin-left: 15px;
	}
	



/* メニューボタン
---------------------------------------*/ 

	.menu-trigger,
	.menu-trigger span {
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
	}
	.menu-trigger {
	  width: 34px;
	  height: 14px;
	}
	.menu-trigger.active::after{
		content:"CLOSE";
		text-align: center;
		display: block;
		font-size: 10px;
		margin-top: 22px;
	}
	.menu-trigger span {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 2px;
	  background: #333333;
	}
	.menu-trigger span:nth-of-type(1) {
	  top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
	  top: 6px;
	}
	.menu-trigger span:nth-of-type(3) {
	  bottom: 0;
	}
	
	.menu-trigger.active span:nth-of-type(1) {
	  -webkit-transform: translateY(6px) rotate(-30deg);
	  transform: translateY(6px) rotate(-30deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
	  opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
	  -webkit-transform: translateY(-6px) rotate(30deg);
	  transform: translateY(-6px) rotate(30deg);
	}
	
	
	
	
	/* メニュー
	---------------------------------------*/ 

	.menu{
		width: 100%;
		height: 100%;
		background: #FFFFFF;
		position: fixed;
		top:80px;
		left:0;
		padding-top: 40px;
		display: none;
	}
	.menu .inner{
		width: 730px;
		margin: 0 auto 40px;
	}
	.menu .inner .menu-box{
		float: left;
		width: 280px;
	}
	.menu .inner .other-box{
		float: right;
		width: 424px;
	}
	
	/* メニュー */
	.menu .inner .menu-box .midashi{
		border-bottom: 1px solid #F0F0F0;
		margin-bottom: 20px;
		padding-bottom: 13px;
	}
	.menu .inner .menu-box .midashi .title{
		/*width: 70px;*/
		display: inline-block;
		font-size: 22px;
	}
	.menu .inner .menu-box .midashi .ja{
		font-size: 11px;
		display: inline-block;
		vertical-align: bottom;
		padding-left: 20px;
		position: relative;
		top: -3px;
	}
	.menu .menu-box ul li{
		background:url(../img/deco_menu.svg) 0 50% no-repeat;
		background-size: 13px 13px;
		font-size: 13px;
		padding-left: 25px;
		margin-bottom: 23px;
	}
	.ie11 .menu .menu-box ul li{
		padding-top: 2px;
	}
	.menu .menu-box ul li .en{
		font-size: 10px;
		padding-left: 13px;
		vertical-align: baseline;
		letter-spacing: 1px;	
	}
	
	/* マガジン */
	.menu .other-box .magazine{
		margin-bottom: 30px;
	}
	.menu .other-box .magazine .midashi{
		border-bottom: 1px solid #F0F0F0;
		margin-bottom: 20px;
		padding-bottom: 13px;
	}
	.menu .other-box .magazine .midashi .title{
		/*width: 207px;*/
		display: inline-block;
		font-size: 22px;
	}
	.menu .other-box .magazine .midashi .ja{
		font-size: 11px;
		display: inline-block;
		vertical-align: bottom;
		padding-left: 20px;
		position: relative;
		top:-3px;
	}
	.menu .other-box .magazine ul li{
		width: 79px;
		display: inline-block;
		text-align: center;
		font-size: 10px;
		font-weight: 700;
		margin-right: 32px;
	}
	.menu .other-box .magazine ul li.last{
		margin-right:0;
	}
	.menu .other-box .magazine ul li span{
		padding-top: 4px;
		line-height: 1.3;
		display: inline-block;
	}
	
	/* ホットなワード */
	.menu .other-box .hotword .midashi{
		border-bottom: 1px solid #F0F0F0;
		margin-bottom: 20px;
		padding-bottom: 13px;
	}
	.menu .other-box .hotword .midashi .title{
		/*width: 143px;*/
		display: inline-block;
		font-size: 22px;
	}
	.menu .other-box .hotword .midashi .ja{
		font-size: 11px;
		display: inline-block;
		vertical-align: bottom;
		padding-left: 20px;
		position: relative;
		top:-3px;
	}
	.menu .other-box .hotword .tags{
		line-height: 1.7;
	}
	.menu .other-box .hotword .tags a{
		font-weight: 700;
		font-size: 16px;
		padding-left: 1em;
		display: inline-block;
	}
	
	/* 検索ボックス */
	.menu .search-box{
		width:400px;
		margin: 0 auto;
		position: relative;
		
	}
	.menu .search-box input{
		background: #F0F0F0;
		width: 100%;
		padding: 10px 40px 10px 20px;
		border-radius: 30px;
	}
	.menu .search-box dd button{
		border: none;
		background: transparent;
		position: absolute;
		top:10px;
		right:10px;
		cursor: pointer;
	}
	.menu .search-box dd button span{
		background:url(../img/icon_search.svg) 0 0 no-repeat;
		background-size: 18px;
		display: block;
		width: 18px;
		height: 18px;
		
	}
	
	/* SNSボックス */	
	.menu .sns-box{
		margin-top: 20px;
		width: 100%;
	}
	.menu .sns-box ul{
		text-align: center;
	}
	.menu .sns-box ul li{
		display: inline-block;
		width: 52px;
		padding: 0 15px;
	}
	.menu .sns-box ul li.expo{
		width: 48px;
	}
	
	
	
	/*---------------------------------------
	 * フッター
	---------------------------------------*/ 

	footer{
		width: 100%;
		padding-bottom: 20px;
		background: #FFFFFF;
	}
	footer nav{
		background: #F2F2F2;
		padding: 5px 0;
		margin-bottom: 20px;
	}
	.ie11 footer nav{
		padding: 7px 0 2px;
	}
	footer nav ul{
		text-align: center;
	}
	footer nav ul li{
		display: inline-block;
		font-weight: 700;
		font-size: 12px;
		margin: 0 15px;
	}
	footer ol{
		text-align: center;
		margin-bottom: 20px;
	}	
	footer ol li{
		width: 16px;
		height: 13px;
		margin: 0 10px;
		display: inline-block;
	}
	footer small{
		display: block;
		width: 100%;
		text-align: center;
		font-size: 10px;
	}
	
	
	
	/*---------------------------------------
	 * 共通レイアウト
	---------------------------------------*/ 
	
	main{
		margin-top: 80px;
	}
	


	/*---------------------------------------
	 * モジュール
	---------------------------------------*/ 
	
	
	/* 記事並び
	---------------------------------------*/ 
	
	.col3{
		width: 1083px;
	}
	.col3 li{
		width: 355px;
		float: left;
		margin: 0 3px 15px;
	}
	
	
	.col2{
		width: 1080px;
	}
	.col2 li{
		float: left;
		width: 535px;
		margin-right: 10px;
		margin-bottom: 20px;
	}
	.col2 li:nth-child(2n){
		margin-right: 0
	}
	
	.col4{
		width: 1080px;
	}
	.col4 li{
		float: left;
		width: 240px;
		margin-right: 40px;
		margin-bottom: 40px;
	}
	.col4 li:nth-child(4n){
		margin-right: 0
	}


	/* 特集
	---------------------------------------*/ 	

	.featured-block{
		height: 100%;
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.featured-block .bg-wrap{
		background: rgba(255,255,255,0.7);
		height: 100%;
	}
	.featured-block .inner{
		width: 1080px;
		margin: 0 auto;
		padding: 80px 0;
	}
	.featured-block .inner .cover{
		width: 400px;
		float: left;
	}
	.featured-block .inner .content{
		width: 680px;
		float: right;
	}
	.featured-block .inner .cover .photo{
		width: 100%;
		margin-bottom: 20px;
	}
	.featured-block .inner .cover .featured-link{
		display: block;
		width: 90%;
		margin: 0 auto 15px;
		border: 2px solid #333333;
		border-radius: 20px;
		text-align: center;
		font-size: 13px;
		padding: 13px 0;
		font-weight: 700;
	}
	.featured-block .inner .cover .backnumber{
		display: block;
		font-size: 13px;
		font-weight: 700;
		text-align: center;
	}
	.featured-block .inner .cover .backnumber span{
		background: url(../../common/img/icon_link.svg) 0 50% no-repeat;
		background-size: 13px 13px;
		padding-left: 18px;
	}
	.ie11 .featured-block .inner .cover .backnumber span{
		padding-top: 4px;
	}
	.featured-block .inner .content .date{
		display: inline-block;
		font-size: 16px;
		font-weight: 700;
		background: #FFFFFF;
		padding: 3px 10px 3px 40px;
		margin-bottom: 10px;
	}
	.featured-block .inner .content .featured-title{
		font-size: 30px;
		font-weight: 700;
		margin-left: 40px;
		margin-bottom: 10px;
		line-height: 1.6;
		letter-spacing: 1px;	
	}
	.featured-block .inner .content .featured-read{
		margin-left: 40px;
		line-height: 1.6;
		font-size: 16px;
		margin-bottom: 20px;
	}
	.featured-block .inner .content ul{
		margin-left: 40px;
	}
	.featured-block .backnumber{
		display: none;
	}
	
	
	
	
	/* 下層ページヘッド
	---------------------------------------*/ 
	
	.page-head{
		width: 100%;
		background: #EEEEEE;
		padding: 40px 0 25px;
	}
	.page-head .inner{
		width: 600px;
		padding: 40px;
		background: #FFFFFF;
		margin: 0 auto;
		text-align: center;
	}
	.page-head .inner .page-title {
		font-size: 34px;/*28px*/
		line-height: 1;
	}
	.page-head .inner .catch{
		margin-top: 10px;
	}
	.tag.page-head .inner .catch{
		display: none;
	}
	.page-head .inner .page-title img.newfeeds{
		width: 220px;
		
	}
	.page-head .inner .page-title img.series{
		width: 150px;
		padding: 0;
		margin: 0;
		background: #FFFFFF;
		
	}
	.page-head .inner .page-title img.category-series-img{
		width: 300px;
		padding: 0;
		margin: 0;
		background: #FFFFFF;
		
	}
	.page-head .pankuzu{
		margin-top: 10px;
		font-size: 12px;
		display: block;
		text-align: center;
	}
	



	/*---------------------------------------
	 * パーツ
	---------------------------------------*/ 


	/* イベント一覧ボックス
	---------------------------------------*/ 

	.event-post-box{
		/*border: 1px solid #FFFFFF;*/	
	}
	.event-post-box .week.sunday{
		color: #FF0000;
	}
	.event-post-box .week.saturday{
		color: #2a9ef1;
	}
	
	/*
	.event-post-box dl{
		display: table;
		width: 100%;
	}
	.event-post-box dl dt{
		display: table-cell;
		width: 88px;
	}
	.event-post-box dl dt .month{
		font-size: 24px;
	}
	.event-post-box dl dt .week{
		vertical-align: bottom;
	}
	.event-post-box dl dt .week.sunday{
		color: #FF0000;
	}
	.event-post-box dl dt .week.saturday{
		color: #2a9ef1;
	}
	.event-post-box dl dt .week::before{
		content:"/ ";
		color: #333333;
		font-size: 12px;
		vertical-align: bottom;	
	}
	.event-post-box dl dt .day{
		font-size: 62px;
		margin-top: 5px;
	}
	.event-post-box dl dd{
		display: table-cell;
	}
	.event-post-box dl dd .event-title{
		font-size: 18px;
		font-weight: 700;
		line-height: 1.4;
		margin: 10px 0 5px;
	}
	.event-post-box dl dd .tags{
		color: #CCCCCC;
		font-size: 10px;
		margin-bottom: 9px;
	}
	.event-post-box dl dd .place{
		font-size: 14px;
		font-weight: 700;
		background: url(../img/icon_place.svg) 0 50% no-repeat;
		background-size:12px 12px;
		padding-left: 15px;
	}
	.ie11 .event-post-box dl dd .place{
		padding-top: 3px;
	}
	*/
	
	
	/* 記事一覧ボックス
	---------------------------------------*/	

	.post-box{
		height: 372px;
		padding: 15px;
		background: #FFFFFF;
		position: relative;
	}
	.post-box .date{
		color: #999999;
		font-size: 12px;
		margin-bottom: 13px;
	}
	.post-box .place{
		position: absolute;
		top:15px;
		right:15px;
		color: #999999;
		font-size: 12px;	
	}
	.post-box .photo{
		margin-bottom: 10px;
	}
	.post-box .photo a{
		width: 100%;
		height: 207px;
		background-position: 50%;
		background-size:cover;
		display: block;
	}
	.post-box .post-title{
		font-weight: 700;
		font-size: 17px;
		line-height: 1.5;
		margin-bottom: 10px;
		height: 2.8em;
	}	
	.post-box .tags{
		color: #999999;
		line-height: 1.5;
	}
	.post-box .tags a{
		display: inline-block;
		padding-right: 0.5em;
	}
	
	
	/* 挿入用バナー
	---------------------------------------*/ 
	
	.insert-banner {
	    width: 1080px !important;
	    margin: 0 auto 15px !important;
	}
	.events .insert-banner{
		margin-bottom: 40px !important;
	}
	
	
	
	/* 無限スクロール
	---------------------------------------*/ 
		
	#infscr-loading{
		text-align: center;
		clear: both;
	}
		
		


	/* 特集記事一覧ボックス
	---------------------------------------*/		
	
	.featured-box{
		width: 100%;
		display: table;
		background: #FFFFFF;
		margin-bottom: 5px;
	}
	.featured-box .photo {
		display: table-cell;
		width: 200px;
		height: 110px;
	}
	.featured-box .photo a{
		display: block;
		width: 100%;
		height: 100%;
		background-size: cover;
	}
	.featured-box .text{
		padding: 10px 20px 30px;
		position: relative;
		min-height: 110px;
	}
	.featured-box .text .featured-post-title{
		font-size: 15px;
		font-weight: 700;
		line-height: 1.5;
		margin-bottom: 5px;
		height: 3em;
	}
	.featured-box .text .tags{
		color: #999999;
		font-size: 12px;
		line-height: 1.5;
		min-height: 3em;
	}
	.featured-box .text .tags a{
		padding-right: 0.5em;
	}
	.featured-box .text .data{
		position: absolute;
		bottom:7px;
		left:20px;
	}
	.featured-box .text .date,
	.featured-box .text .place{
		font-size: 12px !important;
		font-weight: 400 !important;
		color: #999999 !important;
		display: inline-block;
		padding: 0 1em 0 0!important;
		margin: 0 !important;
	}
	
	
	
	/* 特集バックナンバーズ
	---------------------------------------*/	
	
	.featured-backnumber-list{
		width: 100%;
	}
	.featured-backnumber-list .photo{
		margin-bottom: 15px;
	}
	.featured-backnumber-list .cat-title{
		font-weight: 700;
		font-size: 17px;
		text-align: center;
		line-height: 1.5;
		margin-bottom: 10px;
	}
	.featured-backnumber-list .cat-read{
		font-size: 12px;
		line-height: 1.6;
		text-align: justify;
		margin-bottom: 10px;
	}
	.featured-backnumber-list .link-btn{
		color: #FFFFFF;
		background: #000000;
		border-radius: 20px;
		font-size: 12px;
		text-align: center;
		display: block;
		width: 50%;
		padding: 10px 0;
		margin: 0 auto;
	}


	/* シリーズ一覧
	---------------------------------------*/ 

	.series-box{
		width: 535px;
		min-height: 145px;
		padding: 35px 180px 10px 20px;
		background: #FFFFFF;
		position: relative;
		overflow: hidden;
	}
	.series-box .series-title{
		width: 300px;
		margin-bottom: 15px;
		position: relative;
		z-index: 1;
	}
	.series-box .series-title img{
		height: 28px;
		width: auto;
	}
	.series-box .series-read{
		font-size: 12px;
		margin-bottom: 15px;
	}
	.series-box .img{
		position: absolute;
		top:0;
		right:0;
		width: 180px;
		height: 100%;
		background-position: 10% 0;
		background-repeat: no-repeat;
		background-size: cover;
		z-index: 0;
	}
	.series-box .img::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		margin-left: -30px;
		border: 30px solid transparent;
		border-top: 165px solid #FFFFFF;
		z-index: 0;
	}
	
	/* 静的 : EXPOCITY*/
	.expo-box{
		padding: 15px 180px 10px 20px;
	}

	.expo-box .series-title img{
		width: 200px;
		height: auto;
	}
	
	
	
	/* もっと見る
	---------------------------------------*/ 

	.more{
		display: block;
		width: 70px;
		height: 22px;
		margin: 0 auto;
	}
	
	
	/* 無限スクロール
	---------------------------------------*/ 
	
	.infinite-scroll-error,
	.infinite-scroll-last{
		width: 200px;
		margin: 10px auto 0; 
		text-align: center;
		color: #FFFFFF;
		background: #000000;
		border-radius: 20px;
		padding: 3px 0;
		display: none;
	}
	.infinite-scroll-request{
	    text-align: center;
	}
	
	
}



@media screen and (max-width: 768px) {
	
	
	/*---------------------------------------
	 * アニメーション
	---------------------------------------*/ 
	
	@-webkit-keyframes fadeOut {
	  from {
	    opacity: 1;
	    visibility: visible;
	  }
	
	  to {
	    opacity: 0;
	    visibility: hidden;
	  }
	}

	@keyframes fadeOut {
	  from {
	    opacity: 1;
	    visibility: visible;
	  }
	
	  to {
	    opacity: 0;
	    visibility: hidden;
	  }
	}
	
	.fadeOut {
	  -ms-animation-name: fadeOut;
	  -webkit-animation-name: fadeOut;
	  animation-name: fadeOut;
	}
	.siteOut{
		transition-delay: 0s !important;
		opacity: 0 !important;
		visibility: hidden !important;
	}
	
	
	@-webkit-keyframes fadeIn {
	  from {
	    opacity: 0;
	    visibility: hidden;
	  }
	
	  to {
	    opacity: 1;
	    visibility: visible;
	  }
	}
	
	@keyframes fadeIn {
	  from {
	    opacity: 0;
	    visibility: hidden;
	  }
	
	  to {
	    opacity: 1;
	    visibility: visible;
	  }
	}
	
	.fadeIn {
	  -ms-animation-name: fadeIn;
	  -webkit-animation-name: fadeIn;
	  animation-name: fadeIn;
	}
	.siteIn{

	}
	
	

	/*---------------------------------------
	 * ナビゲーション
	---------------------------------------*/ 

	header{
		width: 100%;
		position: fixed;
		top:0;
		right:0;
		background: #FFFFFF;
		z-index: 1000;
		border-bottom: 8px solid #F0F0F0;
		
	}
	header .site-catch{
		width: 100%;
		text-align: center;
		font-size: 10px;
		padding: 4px 0;
		transition:all .2s ease; 
	}
	header .site-catch.sc-down{
		padding:0;
		height: 0;
		line-height: 0;
		transition:all .2s ease; 
	}
	header .header-logo{
		width: 160px;
		margin: 0 auto;
		padding: 11px 0;
	}
	header .menu-btn,
	header .close-btn{
		position: absolute;
		top: 39px;
		left: 15px;
		transition: all .2s 0s ease;
		z-index: 1000;
	}
	header .menu-btn.open,
	header .close-btn{
		top:13px;
	}
	header .menu-btn.sc-down{
		top:19px;
		transition: all .2s 0s ease;
	}
	header .menu-btn.sc-down.open{
		top:13px;
	}	
	header .area-link{
		text-align: center;	
		margin-bottom: 5px;
		line-height: 1;
		transition: opacity .2s, visibility 0s ease;
		opacity: 1;
		visibility: visible;
	}
	header .area-link.sc-down{
		margin:0;
		height: 0;
		line-height: 0;
		transition:all .2s 0s ease; 
	}
	header .area-link li{
		display: inline-block;
		padding: 0 8px;
		font-size: 10px;
		font-weight: 700;
		letter-spacing: 1px;
	}
	header .sns-link{
		position: absolute;
		top:34px;
		right:15px;
	}
	header .sns-link.sc-down{
		top:14px;
		transition:all .2s ease; 
	}
	header .sns-link li{
		display: inline-block;
		width: 22px;
		height: 22px;
	}
	header .sns-link li:first-child,
	header .sns-link li:nth-child(2){
		display: none;
	}
	



	/* メニューボタン
	---------------------------------------*/ 

	.menu-trigger,
	.menu-trigger span {
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
	}
	.menu-trigger {
	  width: 22px;
	  height: 14px;
	}
	.menu-trigger.active::after{
		content:"CLOSE";
		text-align: center;
		display: block;
		font-size: 8px;
		margin-top: 20px;
		margin-left: -6px;
		width: 33px;
	}
	.ie11 .menu-trigger.active::after{
		margin-left: -2px;
	}
	.menu-trigger span {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 2px;
	  background: #333333;
	}
	.menu-trigger span:nth-of-type(1) {
	  top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
	  top: 6px;
	}
	.menu-trigger span:nth-of-type(3) {
	  bottom: 0;
	}
	
	.menu-trigger.active span:nth-of-type(1) {
	  -webkit-transform: translateY(6px) rotate(-45deg);
	  transform: translateY(6px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
	  opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
	  -webkit-transform: translateY(-6px) rotate(45deg);
	  transform: translateY(-6px) rotate(45deg);
	}
	
	
	
	
	/* メニュー
	---------------------------------------*/ 

	.menu{
		width: 100%;
		height: 100%;
		background: #FFFFFF;
		position: fixed;
		top:0px;
		left:0;
		padding-top: 40px;
		overflow: scroll;
		display: none;
		
	}

	.menu .inner{
		width: 100%;
		margin: 0 auto 20px;
	}

	
	/* メニュー */
	.menu .inner .menu-box .midashi{
		
	}
	.menu .inner .menu-box .midashi .title{
		/*width: 70px;*/
		margin: 0 auto 15px;
		display: block;	
		font-size: 24px;
		text-align: center;
	}
	.menu .inner .menu-box .midashi .ja{
		display: none;
	}
	.menu .menu-box ul{
		border-top: 1px solid #F0F0F0;
	}
	.menu .menu-box ul li{
		float: left;
		width: 50%;
		border-bottom: 1px solid #F0F0F0;
		border-right: 1px solid #F0F0F0;
		padding: 0 15px;	
	}
	.menu .menu-box ul li:nth-child(2n){
		margin-right: 0;
	}	
	.menu .menu-box ul li a{
		display: block;
		background: url(../img/deco_menu.svg) 0 16px no-repeat;
		background-size: 11px 11px;
		padding: 14px 0 10px 20px;
		font-size: 14px;
	}
	.menu .menu-box ul li .font-small{
		font-size: 12px;
	}
	.menu .menu-box ul li .en{
		display: block;
		font-size: 10px;
		vertical-align: baseline;
		margin-top: 7px;	
	}
	
	/* マガジン */
	.menu .other-box .magazine{
		margin: 40px 0 30px;
	}
	.menu .other-box .magazine .midashi{
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.menu .other-box .magazine .midashi .title{
		/*width: 207px;*/
		margin: 0 auto 10px;
		display: block;
		font-size: 24px;
		text-align: center;
	}
	.menu .other-box .magazine .midashi .ja{
		font-size: 11px;
		display: block;
		
	}
	/*
	.menu .other-box .magazine .midashi .ja::after{
		content:"";
		display: block;
		width: 30px;
		height: 6px;
		border: 1px solid #333333;
		border-right:0;
		border-left:0;
		margin: 15px auto 0;
		
	}
	*/
	.menu .other-box .magazine ul{
		font-size: 0;
		width: 97%;
		margin:0 auto;
		
	}	
	.menu .other-box .magazine ul li{
		width: 22%;
		display: inline-block;
		text-align: center;
		font-size: 10px;
		font-weight: 700;
		margin: 0 1.5%;
	}
	
	.menu .other-box .magazine ul li span,
	.menu .other-box .magazine ul li .caption{
		padding-top: 5px;
		line-height: 1.3;
		display: inline-block;
	}
	
	/* ホットなワード */
	.menu .other-box .hotword{
		margin-bottom: 30px;
	}
	.menu .other-box .hotword .midashi{
		text-align: center;
		margin-bottom: 20px;
	}
	.menu .other-box .hotword .midashi .title{
		/*width: 143px;*/
		display: block;
		margin: 0 auto 10px;
		text-align: center;
		font-size: 24px;
	}
	.menu .other-box .hotword .midashi .ja{
		font-size: 11px;
		display: block;
	}
	/*
	.menu .other-box .hotword .midashi .ja::after{
		content:"";
		display: block;
		width: 30px;
		height: 6px;
		border: 1px solid #333333;
		border-right:0;
		border-left:0;
		margin: 15px auto 0;

	}
	*/
	.menu .other-box .hotword .tags{
		line-height: 1.7;
		width: 98%;
		margin: 0 auto;
	}
	.menu .other-box .hotword .tags a{
		font-weight: 700;
		font-size: 16px;
		padding-left: 1em;
		display: inline-block;
	}
	
	/* 検索ボックス */
	.menu .search-box{
		width:70%;
		margin: 0 auto;
		position: fixed;
		top:9px;
		left:0;
		right:0;
		z-index: 1000;
	}
	.menu .search-box input{
		background: #F0F0F0;
		width: 100%;
		padding: 5px 20px 5px 10px;
		border-radius: 30px;
		line-height: 1.5;
	}
	.menu .search-box dd button{
		border: none;
		background: transparent;
		position: absolute;
		top:5px;
		right:0px;
		cursor: pointer;
	}
	.menu .search-box dd button span{
		background:url(../img/icon_search.svg) 0 0 no-repeat;
		background-size: 18px;
		display: block;
		width: 18px;
		height: 18px;
		
	}
	
	/* SNSボックス */	
	.menu .sns-box{
		margin-bottom: 20px;
		width: 100%;
	}
	.menu .sns-box ul{
		text-align: center;
	}
	.menu .sns-box ul li{
		display: inline-block;
		width: 52px;
		padding: 0 15px;
	}
	.menu .sns-box ul li.expo{
		width: 48px;
	}
	
	/* ホームボタン */
	.menu .home-btn{
		width: 22px;
		height: 22px;
		font-size: 8px;
		text-align: center;
		position: fixed;
		top:9px;
		right:15px;
		z-index: 1000;
	}
	.menu .home-btn span{
		display: inline-block;
		margin: 5px 0 0 -4.5px;	
		width: 31px;
	}
	.ie11 .menu .home-btn span{
		display: inline-block;
		margin: 5px 0 0 -1px;	
	}
	.menu .bg{
		width: 100%;
		height: 50px;
		background: #FFFFFF;
		position: fixed;
		top:0;
		left: 0;
	}	
	
	
	
	/*---------------------------------------
	 * フッター
	---------------------------------------*/ 

	footer{
		width: 100%;
		padding-bottom: 20px;
	}
	footer nav{
		background: #eeeeee;
		padding: 5px 0;
		margin-bottom: 20px;
	}
	.ie11 footer nav{
		padding: 7px 0 2px;
	}
	footer nav ul{
		text-align: center;
	}
	footer nav ul li{
		display: inline-block;
		font-weight: 700;
		font-size: 12px;
		margin: 0 15px;
	}
	footer ol{
		text-align: center;
		margin-bottom: 20px;
	}	
	footer ol li{
		width: 16px;
		height: 16px;
		margin: 0 10px;
		display: inline-block;
	}
	footer small{
		display: block;
		width: 100%;
		text-align: center;
		font-size: 10px;
	}
	
	
		
	/*---------------------------------------
	 * 共通レイアウト
	---------------------------------------*/ 
	
	main{
		margin-top: 83px;
	}
	
	
	
	/*---------------------------------------
	 * モジュール
	---------------------------------------*/ 
	
	
	/*---------------------------------------
	 * モジュール
	---------------------------------------*/ 
	
	
	/* 記事並び
	---------------------------------------*/ 
	
	
	.col4{
		width: 95%;
	}
	.col4 li{
		float: left;
		width: 48%;
		margin-right: 4%;
		margin-bottom: 30px;
	}
	.col4 li:nth-child(2n){
		margin-right: 0
	}
	

	/* 特集
	---------------------------------------*/ 	

	.featured-block{
		width: 100%;
		height: 100%;
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.featured-block .bg-wrap{
		background: rgba(255,255,255,0.7);
		height: 100%;
		padding-bottom: 40px;
		
	}
	.featured-block .inner{
		margin: 0 auto;
		padding: 30px 0 10px;
	}
	.featured-block .inner .cover{
		width: 85%;
		margin: 0 auto;
	}
	.featured-block .inner .content{
		
	}
	.featured-block .inner .cover .photo{
		width: 100%;
		
	}
	.featured-block .inner .cover .featured-link{
		display: block;
		width: 80%;
		margin: -25px auto 25px;
		background: #FFFFFF;
		text-align: center;
		font-size: 15px;
		padding: 18px 0;
		font-weight: 700;
		position: relative;
		z-index: 1;
	}
	.featured-block .inner .cover .backnumber{
		display: none;
	}
	
	.featured-block .backnumber{
		display: block;
		font-size: 13px;
		font-weight: 700;
		text-align: center;
		background: #FFFFFF;
		width: 95%;
		margin: 0 auto;
		padding: 18px 0;
	}
	.ie11 .featured-block .backnumber{
		padding-bottom: 14px;
	}
	.featured-block .backnumber span{
		background: url(../../common/img/icon_link.svg) 0 50% no-repeat;
		background-size: 13px 13px;
		padding-left: 18px;
	}
	.ie11 .featured-block .backnumber span{
		padding-top: 4px;
	}
	.featured-block .inner .content .date{
		display: inline-block;
		font-size: 11px;
		font-weight: 700;
		background: #FFFFFF;
		padding: 6px 15px 6px 5%;
		margin-bottom: 10px;
	}
	.featured-block .inner .content .featured-title{
		font-size: 22px;
		font-weight: 700;
		margin: 0 5% 10px;
		line-height: 1.6;
	}
	.featured-block .inner .content .featured-read{
		margin: 0 5% 40px;
		line-height: 1.6;
	}
	.featured-block .inner .content ul{
		width: 95%;
		margin: 0 auto;
	}
	.featured-block .inner .detail-link{
		display: block;
		width: 40%;
		margin: -20px auto 30px;
		text-align: center;
		color: #FFFFFF;
		background: #000000;
		padding: 12px;
		border-radius: 40px;
	}
	
	
	
	/*---------------------------------------
	 * モジュール
	---------------------------------------*/ 
	
	
	/* ページヘッド
	---------------------------------------*/ 
	
	.page-head{
		width: 100%;
		background: #EEEEEE;
		padding: 20px 0 0px;
	}
	
	.page-head .inner{
		width: 85%;
		padding: 40px;
		background: #FFFFFF;
		margin: 0 auto;
		text-align: center;
	}
	.page-head .inner .page-title {
		font-size: 20px;
		line-height: 1;
	}
	.page-head .inner .catch{
		margin-top: 10px;
		font-size: 12px;
	}
	.tag.page-head .inner .catch{
		display: none;
	}
	.page-head .inner .page-title img.newfeeds{
		width: 160px;
		
	}
	.page-head .inner .page-title img.series{
		width: 90px;
		padding: 0;
		margin: 0;
		background: #FFFFFF;
		
	}
	.page-head .inner .page-title img.category-series-img{
		width: 240px;
		padding: 0;
		margin: 0;
		background: #FFFFFF;
		
	}
	.page-head .pankuzu{
		margin-top: 20px;
		font-size: 10px;
		display: block;
		text-align: center;
		background: #FFFFFF;
		padding: 7px;
	}
	
	/* 特集や連載ページのページヘッダ　*/
	.special.page-head{
		padding: 5px 0 0px;
	}
	.special.page-head .inner{
		width: 100%;
		padding: 20px;	
	}
	.special.page-head .pankuzu{
		margin-top: 1px;
	}
	.special.page-head .inner .page-title{
		font-size: 30px;
	}


	/*---------------------------------------
	 * パーツ
	---------------------------------------*/ 
	
	
	/* イベント一覧ボックス
	---------------------------------------*/ 
	
	.event-title-slide .event-title{
		font-size: 15px;
		font-weight: 700;
		line-height: 1.4;
		margin: 10px 0 5px;
		text-align: center;
	}
	/*
	.event-title-slide .tags{
		color: #CCCCCC;
		font-size: 10px;
		margin-bottom: 9px;
	}
	*/
	.event-title-slide .place{
		font-size: 12px;
		font-weight: 700;
		text-align: center;
	}
	.event-post-box .week.sunday{
		color: #FF0000;
	}
	.event-post-box .week.saturday{
		color: #2a9ef1;
	}
	
	
/*
	.event-post-box{
		border: 1px solid #CCCCCC;
		border-right:none;
		border-left:none;
		padding: 10px 0;
	}
	.event-post-box dl{
		display: table;
		width: 95%;
		margin: 0 auto;
	}
	.event-post-box dl dt{
		display: table-cell;
		width: 88px;
		
	}
	.event-post-box dl dt .month{
		font-size: 24px;
	}
	.event-post-box dl dt .week{
		vertical-align: bottom;
	}
	.event-post-box dl dt .week.sunday{
		color: #FF0000;
	}
	.event-post-box dl dt .week.saturday{
		color: #2a9ef1;
	}
	.event-post-box dl dt .week::before{
		content:"/ ";
		color: #333333;
		font-size: 12px;
		vertical-align: bottom;	
	}
	.event-post-box dl dt .day{
		font-size: 60px;
		margin-top: 5px;
	}
	.event-post-box dl dd{
		display: table-cell;
	}
	.event-post-box dl dd .event-title{
		font-size: 15px;
		font-weight: 700;
		line-height: 1.4;
		margin: 10px 0 5px;
	}
	.event-post-box dl dd .tags{
		color: #CCCCCC;
		font-size: 10px;
		margin-bottom: 9px;
	}
	.event-post-box dl dd .place{
		font-size: 12px;
		font-weight: 700;
		background: url(../img/icon_place.svg) 0 50% no-repeat;
		background-size:10px 10px;
		padding-left: 16px;
	}
*/	
	
	
	
	/* 記事一覧ボックス（トップ）
	---------------------------------------*/	

	.top-feeds .post-box{
		padding: 15px;
		background: #FFFFFF;
		position: relative;
		display: block;
	}
	.top-feeds .post-box .date{
		color: #999999;
		font-size: 12px;
		margin-bottom: 13px;
	}
	.top-feeds .post-box .place{
		position: absolute;
		top:15px;
		right:15px;
		color: #999999;
		font-size: 12px;	
	}
	.top-feeds .post-box .photo{
		width: 100%;
		height: 100%;
		margin-bottom: 10px;
		display: block;
	}
	.top-feeds .post-box .photo a{
		width: 100%;
		height: 100%;
		background-position: 50%;
		background-size:cover;
		display: block;
	}
	.top-feeds .post-box .post-title{
		font-weight: 700;
		font-size: 17px;
		text-align: justify;
		line-height: 1.5;
		margin-bottom: 10px;
		height: 2.8em;
	}	
	.top-feeds .post-box .tags{
		color: #999999;
		line-height: 1.5;
	}
	.top-feeds .post-box .tags a{
		display: inline-block;
		padding-right: 0.5em;
	}	
	
	
	
	/* 記事一覧ボックス（下層）
	---------------------------------------*/	

	.post-box{
		padding: 8px 10px;
		background: #FFFFFF;
		position: relative;
		display: table;
		width: 100%;
	}
	.post-box .date{
		color: #999999;
		font-size: 12px;
		margin-bottom: 13px;
	}
	.post-box .place{
		color: #999999;
		font-size: 12px;	
	}
	.post-box .photo{
		width: 90px;
		height: 90px;
		display: table-cell;
	}
	.post-box .photo a{
		display: block;
		width: 100%;
		height: 100%;
		background-position: 50%;
		background-size: cover;
	}
	.post-box .text{
		display: table-cell;
		padding-left: 10px;
	}
	.post-box .post-title{
		font-weight: 700;
		font-size: 15px;
		text-align: justify;
		line-height: 1.4;
		margin-bottom: 5px;
	}	
	.post-box .tags{
		color: #999999;
		line-height: 1.4;
		font-size: 13px;
		margin-bottom: 10px;
	}
	.post-box .tags a{
		display: inline-block;
		padding-right: 0.5em;
	}
	.post-box span.date{
		display: inline-block;
		color: #999999;
		font-size: 11px;
		margin-bottom: 0;
	}
	.post-box span.place{
		display: inline-block;
		color: #999999;
		font-size: 11px;
		margin-bottom: 0;	
	}
	
	
	
	/* 特集記事一覧ボックス
	---------------------------------------*/		
	
	.featured-box{
		width: 100%;
		height: 100%;
		display: table;
		background: #FFFFFF;
		margin-bottom: 5px;
	}
	.featured-box .photo {
		display: table-cell;
		width: 90px;
		height: 90px;
	}
	.featured-box .photo a{
		display: block;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: 50%;
	}
	.featured-box .text{
		padding: 10px 10px 28px;
		position: relative;
		min-height: 90px;
	}
	.featured-box .text .featured-post-title{
		font-size: 13px;
		font-weight: 700;
		line-height: 1.4;
		margin-bottom: 5px;
		
	}
	.featured-box .text .tags{
		color: #999999;
		font-size: 10px;
		line-height: 1.4;
		
	}
	.featured-box .text .tags a{
		padding-right: 0.5em;
	}
	.featured-box .text .data{
		position: absolute;
		bottom:5px;
		left:10px;
	}
	.featured-box .text .date,
	.featured-box .text .place{
		font-size: 10px !important;
		font-weight: 400 !important;
		color: #999999 !important;
		display: inline-block;
		padding: 0 1em 0 0!important;
		margin: 0 !important;
	}
	
	
	
	/* 特集バックナンバーズ
	---------------------------------------*/	
	
	.featured-backnumber-list{
		width: 100%;
	}
	.featured-backnumber-list .photo{
		margin-bottom: 15px;
	}
	.featured-backnumber-list .cat-title{
		font-weight: 700;
		font-size: 14px;
		text-align: center;
		line-height: 1.5;
		margin-bottom: 10px;
	}
	.featured-backnumber-list .cat-read{
		font-size: 12px;
		line-height: 1.6;
		text-align: justify;
		margin-bottom: 15px;
	}
	.featured-backnumber-list .link-btn{
		color: #FFFFFF;
		background: #000000;
		border-radius: 20px;
		font-size: 12px;
		text-align: center;
		display: block;
		width: 90%;
		padding: 10px 0;
		margin: 0 auto;
	}
	
	
	
	
	/* シリーズ一覧
	---------------------------------------*/ 

	.series-box{
		width: 100%;
		padding: 15px 80px 10px 20px;
		background: #FFFFFF;
		position: relative;
	}
	.series-box .series-title{
		width: 91%;
		margin-bottom: 10px;
		position: relative;
		z-index: 1;
	}
	.series-box .series-read{
		font-size: 12px;
		margin-bottom: 10px;
		line-height: 1.4;
	}
	.series-box .img{
		position: absolute;
		top:0;
		right:0;
		width: 70px;
		height: 100%;
		background-position: 50% 0;
		background-repeat: no-repeat;
		background-size: cover;
		z-index: 0;
	}
	/*
	.series-box .img::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		margin-left: -30px;
		border: 30px solid transparent;
		border-top: 165px solid #FFFFFF;
		z-index: 0;
	}		
	*/
	
	
	/* 静的 : EXPOCITY*/
	.expo-box{
		padding: 10px 80px 10px 20px;
	}

	.expo-box .series-title img{
		width: 65%;
		height: auto;
	}


	/* もっと見る
	---------------------------------------*/ 

	.more{
		display: block;
		width: 60px;
		height: 19px;
		margin: 0 auto;
	}
	
	
	/* 無限スクロール
	---------------------------------------*/ 
	/*
	.infinite-scroll-error,
	.infinite-scroll-last{
		width: 200px;
		margin: 10px auto 0; 
		text-align: center;
		color: #FFFFFF;
		background: #000000;
		border-radius: 20px;
		padding: 3px 0;
		display: none;
	}
	.infinite-scroll-request{
	    text-align: center;
	}
	*/
	
	/* 無限スクロール
	---------------------------------------*/ 
		
	#infscr-loading{
		text-align: center;
		clear: both;
	}
	
	
	/* 挿入用バナー
	---------------------------------------*/ 
	.events .insert-banner{
		margin: -20px 0 20px !important;
		padding: 0 !important;
	}
	
	
}