@charset "utf-8";

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

	--- INDEX ---
	[0] index.html

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



/*	[0] index.html
----------------------------------------------------------------------------*/
#main{
	position:relative;
	width:900px;
	margin:0 auto 80px;
}

#sns{
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	width:870px;
	margin:0 auto 15px;
}



#slideshow {
	position:relative;
	width:900px;
	height:375px;
	text-align: left;
	background:url(../top/set/bg_slider.gif) no-repeat;
	margin:0 auto 30px;
}
	#slideshow #sd_wrap{
		position: relative;
		width: 710px;
		height: 375px;
		overflow: hidden;
	}
	#slideshow #sd_wrap div{
		top: 0;
		left: 0;
		width: 710px;
		height: 375px;
		position: absolute;
	}
	
	#sd_menu{
		position:absolute;
		left:722px;
		top:14px;
		width:166px;
		height:348px;
		overflow:hidden;
	}
	#sd_menu ul{
		position:absolute;
		left:0;
		top:0;
		width:178px;
		transition:.5s;
	}
	#sd_menu ul li{
		position:relative;
		display: block;
		width: 166px;
		height:64px;
		margin:0 0 7px;
		transition:.3s;
	}
	#sd_menu ul li a{
		display:block;
		width:100%;
		height:100%;
	}
	#sd_menu ul li.active:after{
		position:absolute;
		content:'';
		left:0;
		top:0;
		width:100%;
		height:100%;
		pointer-events: none;
		border:3px solid rgba(255,255,255,.5);
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	#sd_menu_top, #sd_menu_btm{
		position:absolute;
		display:block;
		right:86px;
		top:-7px;
		color:#FC3;
		font-size:13px;
		text-shadow:1px 1px 3px rgba(0,0,0,.3), 1px 1px 6px rgba(0,0,0,.3), 1px 1px 12px rgba(0,0,0,.3);
		cursor:pointer;
		z-index:9999;
		transition:.5s;
	}
	#sd_menu_btm{
		top:inherit;
		bottom:-7px;
	}
	
	
#tvcm{
	position:relative;
	margin:0 auto 40px;
}
	#tvcm #cm1,
	#tvcm #cm2{
		position:absolute;
		left:160px;
		top:202px;
		width:169px;
		height:142px;
		z-index:1;
	}
	#tvcm #cm1 h3,
	#tvcm #cm2 h3{
		width:169px;
		height:142px;
	}
	#tvcm #cm1 a,
	#tvcm #cm2 a{
		display:block;
	}
	#tvcm #cm1 p,
	#tvcm #cm2 p{
		display:none;
	}
	#tvcm #cm2{
		left:521px;
	}
	#tvcm #tksm{
		position:absolute;
		right:0;
		bottom:0;
	}
	#tvcm .i_soon{
		position:relative;
		pointer-events:none;
	}
	#tvcm .i_soon:after{
		position:absolute;
		display:block;
		content:'';
		left:9px;
		top:14px;
		width:169px;
		height:142px;
		background:url(../top/m_coming-soon.png) no-repeat;
		z-index:1;
	}



#topics{
	margin:0 0 30px;
}
	#topics div{
		width:100%;
		height:135px;
		background:#eee;
		overflow:auto;
		overflow-x:hidden;
	}
	#topics ul{
		padding:10px 35px 20px;
		background:#eee;
	}
	#topics li{
		padding:10px 0;
		font-size:15px;
		line-height:1;
		border-bottom:1px solid rgba(0,0,0,.2);
	}
	#topics time{
		font-size:12px;
	}



#paypay{
	text-align:center;
	margin:0 0 30px;
}

#cpn{
}
#cpn:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	margin:0 0 40px;
}
#cpn div{
	float:left;
	margin:0 10px 0 0;
}
#cpn div:nth-child(2){
	margin:0 0 0 0;
}





#top_menu{
	position:relative;
	height:440px;
}

	#tm_search,
	#tm_hachibei,
	#tm_chopped,
	#tm_cpn,
	#tm_biz,
	#tm_mynavi{
		position:absolute;
		display:block;
	}
	
	#tm_cashless	{left:0px; 	top:0px;}
	#tm_search		{left:0px; 	top:0px;}
	#tm_hachibei	{left:0px; 	top:287px;}
	#tm_chopped		{left:0px; 	top:109px;}
	#tm_cpn			{left:665px; 	top:0px;}
	#tm_biz			{left:665px;	top:177px;}
	#tm_mynavi		{left:665px; 	top:291px;}

	#tm_biz a,
	#tm_biz img{
		display:block;
		line-height:0;
	}
	#bn_staff,
	#bn_recruit{
		margin-bottom:5px;
	}
	
	#tm_search h2{
		position:absolute;
		left:0;
		top:0;
	}
	#tm_search input[type='image']{
		position:relative;
		top:8px;
	}
	#tm_search #tm_s1{
		position:absolute;
		left:26px;
		top:42px;
		width:280px;
		text-align:center;
		z-index:1;
	}
	#tm_search #tm_s2{
		position:absolute;
		left:325px;
		top:42px;
		width:280px;
		text-align:center;
		z-index:1;
	}
	
	#bn_btm{
		text-align:right;
		margin:40px 0 0;
	}

.d_youtube{
	position:relative;
}
.btn_close{
	position:absolute;
	left:50%;
	top:0;
	width:52px;
	height:52px;
	background:url(../common/btn_close.png) 0 0 no-repeat;
	cursor:pointer;
	z-index:102;
	transform:translate(350px,70px);
}