/*=============================================================================
	上書き
=============================================================================*/
#container{
	background: none;
}
#footer #toriContact{
	margin-top: 30px;
}

/* @group Untitled Group */

/*#topics .inner.cf h1{
	margin-bottom: 18px;
	border-left: 4px solid #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
}*/

/* @end */

/*=============================================================================
	slider
=============================================================================*/

#mv_slider {
	width: 100%;
	height:480px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.loading{
	background: url('../images/common/loading.gif') center center no-repeat;
	background-size: 30px 30px;
}

#mv_slider ul,
#mv_slider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

#mv_slider .article{
	display:none;
}

#mv_slider ul li img {
	display: block;
	width: 100%;
	padding: 0px 18px;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: url(../images/common/arrowLeft.png) no-repeat right center; background-size: 16px 34px;}
.slider_next {background: url(../images/common/arrowRight.png) no-repeat left center; background-size: 16px 34px;}

.pagination {
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
	display:none;
}

.pagination a {
	background: #666;
    border-radius: 5px;
    display: inline-block;
    height: 10px;
    margin: 0 5px;
    outline: 0 none;
    width: 10px;

}
.pagination a.active {
	filter:alpha(opacity=60)!important;
	-moz-opacity: 0.6!important;
	opacity: 0.6!important;
}

#mv_slider_wrap{
	width:100%;
	margin:20px auto 0;
}

#mv_slider li a{
	display:block;
	text-align: center;
}

#mv_slider h1{
	margin:20px 0 15px 0;
	font-size:20px;
	font-size:2rem;
}

#mv_slider p {
	line-height: 1.7;
	font-size:13px;
	font-size:1.3rem;
}


/*=============================================================================
	pickup
=============================================================================*/

#pickup{
	width:100%;
	margin:36px auto;
}

#pickup .inner{
	width:100%;
	max-width: 1008px;
	margin: 0 auto;
	padding:36px 0;
	border-top:dashed 1px #9fa0a0;
	border-bottom:dashed 1px #9fa0a0;
}

#pickup article{
	width:33.333%;
	float: left;
	padding:18px;
}

#pickup img{
	width:100%;
}

#pickup .imageBox{
	position: relative;
	margin-top:10px;
}

#pickup .imageBox h1{
	position: absolute;
	font-size:16px;
	font-size:1.6rem;
	padding:5px 4px 0 4px;
	bottom:0;
	margin-bottom:15px;
	background-color: rgba(255,255,255,0.9);
}

#pickup .pTitle{
	text-align: center;
}

#pickup .pTitle span{
	display: inline-block;
	font-size:16px;
	font-size:1.6rem;
	padding-bottom:3px;
	border-bottom:solid 4px #e8e8e8;
}

#pickup p{
	text-align: center;
	font-size:14px;
	font-size:1.4rem;
	line-height: 1.7;
	margin-top:20px;
}


/*=============================================================================
	interview
=============================================================================*/

#interview{
	width:100%;
	background:#eff6fa;
}

#interview .inner{
	width:100%;
	max-width: 1008px;
	margin:0 auto;
}

#interview .inner .left{
	width:50%;
	float:left;
	text-align: center;
}

#interview .inner .left img{
	max-width:474px;
	width: 100%;
	height:auto;
	padding-right:16px;
}

#interview .inner .right{
	width:50%;
	float:right;
}

#interview .inner .right {
	width:50%;
	float:right;
	padding:36px 10px 20px 16px;
}

#interview .inner .right h1{
	font-size:23px;
	font-size:2.3rem;
	line-height: 1.1;
	margin-top:30px;
}

#interview .inner .right h1 span{
	background: #FFF;
	display: inline-block;
	margin: 4px;
	padding:0 20px;
}

#interview .inner .right div.series{
	font-size:14px;
	font-size:1.4rem !important;
}

#interview .inner .right .respondent{
	font-size:16px;
	font-size:1.6rem;
	margin-top:28px;
}

#interview a{
	display: block;
	width:100%;
}


/*=============================================================================
	topics
=============================================================================*/
#topics{
	margin:36px auto 0;
	width:100%;
}
	#topics .inner{
		width:100%;
		max-width: 1008px;
		margin: 0 auto;
		padding:36px 0 0;
		border-top:dashed 1px #9fa0a0;
	}
		#topicsSliderWrap{
			position: relative;
		}
		#topicsSliderWrap .back{
			position: absolute;
			width: 16px;
			height:34px;
			left:-40px;
			top:50%;
			cursor: pointer;
		}
		#topicsSliderWrap .next{
			position: absolute;
			width: 16px;
			height:34px;
			right:-40px;
			top:50%;
			cursor: pointer;
		}
		#topicsSlider ul{
			width:100%;
		}
		#topicsSlider li{
		}
		#topics .article{
			padding-top:34px;
			padding-bottom:34px;
		}

		#topics .tag{
			width:68px;
			height:68px;
			position: absolute;
			left:50%;
			margin-left: -34px;
			margin-top: -34px;
		}

		#topics .tag span{
			display: table-cell;
			width:68px;
			height:68px;
			background:#64c3d8;
			color:#FFF;
			border-radius: 50%;
			text-align:center;
			vertical-align:middle;
		    -webkit-border-radius: 50%;
		    -moz-border-radius: 50%;
		    font-size:12px;
		    font-size:1.2rem;
		}

#topics .article a{
	display: block;
	width:100%;
}

#topics img{
	display:block;
	width:100%;

}

#topics h1{
	margin-top:16px;
	font-size:13px;
	font-size:1.3rem;
	line-height: 1.3em;
}

#topics time{
	display: block;
	margin-top:16px;
	color:#9fa0a0;
}

#topics p{
	margin-top:16px;
	line-height: 1.4;
	font-size:12px;
	font-size:1.2rem;
}


/*=============================================================================
	selection
=============================================================================*/
#selection{
	width:100%;
	max-width: 1008px;
	margin:0 auto;
	padding-top:36px;
	overflow: hidden;
}
	#selection > .inner{
		width:100%;
		max-width: 1008px;
		margin: 0 auto;
		padding:36px 0 0;
		border-top:dashed 1px #9fa0a0;
	}

#selection li{
	width:25%;
	padding:0 18px;
	float:left;
}

#selection li p{
	font-size:13px;
	font-size:1.3rem;
	margin-top:15px;
	text-align:center;
	font-weight: bold;
	line-height: 1.3;
}

#selection li a{
	display:block;
}

#selection img{
	width:100%;
}

#selection li.qa div.inner{
	position:relative;
}


#selection li.qa div.inner div{
	text-align: center;
	position:absolute;
	width:100%;
	top:50%;
	margin-top:20px;
	left:0;

}

#selection li.qa div.inner div span{

	background-color: #FFF;
	display: inline-block;
	padding:0 5px;
	font-size:17px;
	font-size:1.7rem;
	margin-top: 4px;

}


#selection li.vine div.inner{
	position: relative;
}

#selection li.vine iframe{
	position: absolute;
	top:0;
	left:0;
}


#selection li.vine .inner p{
	position: absolute;
	top:0;
	left:0;
	text-align:left;
	margin-top: 40px;
}


#selection li.vine .inner p span{
	background-color: rgba(255,255,255,0.9);
	display: inline-block;
	padding:0 5px;
	font-size:23px;
	font-size:2.3rem;
	margin-top: 4px;
}


/*=============================================================================
	store
=============================================================================*/
#store{
	width: 100%;
}
#store .inner{
	width: 100%;
	max-width:1008px;
	border:solid 12px #eff6fa;
	margin:36px auto;
	padding:18px;
}

#store .inner .title{
	padding:18px;
}

#store .inner .title h1{
	font-size:20px;
	font-size:2rem;
	color:#64c3d8;
	float:left;
}

#store .inner .title div{
	float:right;
	font-size:12px;
	font-size:1.2rem;
}

#store .inner article{
	width:33.333%;
	padding:0 18px 30px 18px;
	float: left;
}

#store .inner article img{
	width:100%;
}

#store .inner article h1{
	margin-top:15px;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.5;
}

#store .inner article p{
	margin-top: 15px;
	font-size:12px;
	font-size:1.2rem;
	line-height: 1.5;
}

#store .inner article div.price{
	margin-top: 20px;
	font-size:13px;
	font-size:1.3rem;
	font-weight: bold;
}

#store .inner article div.mark{
	position: relative;
}

#store .inner .tag{
	width:68px;
	height:68px;
	position: absolute;
	top:50%;
	left:-34px;
	margin-top: -34px;
}

#store .inner .tag span{
	display: table-cell;
	width:68px;
	height:68px;
	background:#64c3d8;
	color:#FFF;
	border-radius: 50%;
	text-align:center;
	vertical-align:middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    font-size:16px;
    font-size:1.6rem;
}


/*=============================================================================
	event / press
=============================================================================*/
div.contBlue{
	width:100%;
	background:#eff6fa;
	padding-bottom: 40px;
}

/*=============================================================================
	event
=============================================================================*/
#event{
	width:100%;
}
#event .inner{
	width:100%;
	max-width: 1046px;
	margin:0 auto;
}

	#event .tit{
		text-align: center;
		font-size: 22px;
		font-size:2.2rem;
		padding-top:36px;
	}
	#event .tit span{
		background-color: #FFF;
		display: inline-block;
		padding:0 5px;
		margin-top: 4px;
	}
	#event .description{
		text-align: center;
		margin-top:20px;
		font-size: 13px;
		font-size:1.3rem;
		line-height: 1.5;
	}

	#event #slideOuter{
		width:100%;
		max-width:990px;
		margin:24px auto 0;
		position: relative;
	}

		#event #slideOuter .back{
			position: absolute;
			width: 16px;
			left:-40px;
			top:50%;
			cursor: pointer;
		}
		#event #slideOuter .next{
			position: absolute;
			width: 16px;
			right:-40px;
			top:50%;
			cursor: pointer;
		}
		#event #eventSlider .article{
			width:100%;
			padding:8px;
			background: #FFF;
		}
		#event #eventSlider .article img{
			width: 100%;
			height:auto;
		}
		#event #eventSlider .article h1{
			margin-top:16px;
			font-size:13px;
			font-size:1.3rem;
			font-weight: bold;
		}

		#event #eventSlider .article time{
			display: block;
			margin-top:16px;
			color:#9fa0a0;
			font-size:12px;
			font-size: 1.2rem;
		}

		#event p{
			margin-top:16px;
			font-size:12px;
			font-size:1.2rem;
			line-height: 1.4;
		}



/*=============================================================================
	press
=============================================================================*/
#press {
	width:100%;
}
#press .inner{
	width:100%;
	max-width: 1008px;
	margin:0 auto;
}
#press h1.main{
	text-align: center;
	font-size: 22px;
	font-size:2.2rem;
	padding-top:36px;
}
#press h1.main span{
	background-color: #FFF;
	display: inline-block;
	padding:0 5px;
	margin-top: 4px;
}
#press .mpost {
	width:100%;
	margin:0 auto;
}
#press .mpost li{
	width:16.666%;
	padding:18px;
	float:left;
}
#press .mpost li img{
	width:100%;
}

#mediaCI{
	width:100%;
	max-width: 1008px;
	margin:0 auto;
	padding:36px 0 0;
}

#mediaCI ul{
	padding:20px;
	background: #FFF;
	text-align: center;
}

#mediaCI li{
	padding:0 10px;
	display:  inline;
}
#mediaCI li a{
}
#mediaCI li img{
}


/*=============================================================================
	responsive
=============================================================================*/
@media screen and (max-width: 1280px) {
	#pickup{
		width: auto;
		padding:0 20px;
	}
	#interview{
		width: auto;
		padding:0 20px;
	}
	#topics{
		/*width: auto;*/
		padding:0 20px;
	}
		#topicsSliderWrap{
			/*width: 78.75%;*/
			margin:0 auto;
		}
	#selection{
		width: auto;
		padding:0 20px;
	}

	#store{
		width: auto;
		padding:0 20px;
	}

	#event .inner{
		width: 78.75%;
		margin:0 auto;
	}
	#press {
		width: auto;
		padding:0 20px;
	}

}
@media screen and (max-width: 1180px) {
	#topics{
		width: auto;
		padding:0 20px;
	}
		#topicsSliderWrap{
			width: 90%;
			margin:0 auto;
		}



	/*=============================================================================
		pickup
	=============================================================================*/
	#pickup article {
		padding: 40px 18px;
	}

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


	/*=============================================================================
		pickup
	=============================================================================*/
	#pickup article {
		padding: 40px 18px;
	}
	/*=============================================================================
		interview
	=============================================================================*/
	#interview{
		padding:36px 0 ;
	}
	#interview .inner .left{
		float:none;
		width:100%;
	}

	#interview .inner .right{
		width:100%;
		max-width:474px;
		margin: 0 auto;
		float:none;
	}

	/*=============================================================================
		selection
	=============================================================================*/
	#selection {
		margin: 0 auto;
	}
		#selection li {
			width: 33%;
			margin-top: 30px;
		}
		#selection li:nth-child(1),
		#selection li:nth-child(2),
		#selection li:nth-child(3) {
			margin-top: 0;
		}


}
@media screen and (max-width: 800px) {
	#topics{
		width: auto;
		padding:0 20px;
	}
		#topicsSliderWrap{
			width: 78.75%;
			margin:0 auto;
		}


	/*=============================================================================
		pickup
	=============================================================================*/
	#pickup article{
		width:50%;
	}

	/*=============================================================================
		selection
	=============================================================================*/
	#selection {
		margin: 0 auto;
	}
		#selection li {
			width: 50%;
			margin-top: 30px;
		}
		#selection li:nth-child(1),
		#selection li:nth-child(2){
			margin-top: 0;
		}
		#selection li:nth-child(3){
			margin-top: 30px;
		}

	#event #slideOuter .back{
		position: absolute;
		width: 16px;
		left:-20px;
		top:50%;
		cursor: pointer;
	}
	#event #slideOuter .next{
		position: absolute;
		width: 16px;
		right:-20px;
		top:50%;
		cursor: pointer;
	}
}
@media screen and (max-width: 768px) {
	/*=============================================================================
		press
	=============================================================================*/
	#press .inner ul {
		padding: 9px 0;
	}
		#press .inner li {
			width: 29.33%;
			margin: 0 2%;
			padding: 9px 18px;
		}


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

	/*=============================================================================
		pickup
	=============================================================================*/
	#pickup {
		margin-top: 0;
		padding-bottom: 0;
	}
	#pickup .inner {
		padding: 0 18px;
	}

	/*=============================================================================
		interview
	=============================================================================*/
	#interview .inner {
		padding: 18px;
	}
		#interview .inner .left,
		#interview .inner .right {
			float: none;
			width: 100%;
		}
			#interview .inner .left img {
				padding: 0;
			}
		#interview .inner .right {
			padding: 15px 0 0;
		}
			#interview .inner .right h1 {
				margin-top: 15px;
			}
			#interview .inner .right h1 span {
				display: inline;
				margin: 0;
			}
			#interview .inner .right h1 br {
				display: none;
			}
			#interview .inner .right .respondent {
				margin-top: 15px;
			}
	/*=============================================================================
		store
	=============================================================================*/
	#store .inner .title {
		padding-bottom: 30px;
	}
	#store .inner article {
		float: none;
		width: 100%;
	}
		#store .inner .tag {
			top: 0;
		}




}
@media screen and (max-width: 480px) {
	#pickup article{
		width:100%;
		float: none;
		padding:18px;
	}

	/*=============================================================================
		selection
	=============================================================================*/
	#selection {
		margin: 0 auto;
	}
		#selection li {
			float:none;
			width: 90%;
			margin: 30px auto;
		}
		#selection li:nth-child(1),
		#selection li:nth-child(2){
			margin-top: 30px;
		}

}
@media screen and (max-width: 420px) {
	#pickup .inner{
		padding:0px;
	}
	#pickup article{
		padding:18px 0px;
	}

	#selection li {
	    padding: 0 ;
	}

	#store {
	    padding: 0 10px;
	}

	#store .inner {
	    padding: 18px 9px;
	}

	#store .inner .tag {
	    left: -10px;
	    top: 10px;
	}

	#store .inner article {
	    padding: 0 0px 30px;
	}

	#press .inner .mpost {
		text-align: center;
	}
	#press .inner .mpost li {
		display: inline-block;
		float: none;
	    margin: 0 ;
	    padding: 2%;
	    width: 46%;
	}

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