@charset "UTF-8";

/* html */
html{
	overflow-y:scroll;
}
div#platform{
	background:none;
}

button, input, optgroup, select, textarea {
	font-family:'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro','游ゴシック','Yu Gothic','游ゴシック体','YuGothic',メイリオ,Meiryo,sans-seri;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/* #skipNavi */
#skipNavi{
	position:absolute;
	left:-9999px;
	top:0;
}

/* .headerArea */
div#header.headerArea{
	min-width:1112px;
	position:relative;
	font-family:'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro','游ゴシック','Yu Gothic','游ゴシック体','YuGothic',メイリオ,Meiryo,sans-seri;
	font-size:14px;
	background:#fff;
	min-height:0;
	width:100%;
	border:0;
	padding:0;
	border-top:4px solid #ff0000;
}
div#header.headerArea:after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	width:100%;
	height:1px;
	background:#e2e2e2;
	visibility:visible;
}
.headerArea .headerAreaIn{
	max-width:1102px;
	margin:0 auto;
	padding:0 10px;
	-webkit-box-sizing:unset;
	-moz-box-sizing:unset;
	box-sizing:unset;
}
.headerArea .headerAreaIn .logoArea{
	float:left;
}
.headerArea .headerAreaIn .logoArea .logo{
	margin:0!important;
	border:0;
	padding:0;
	margin:0;
}
.headerArea .headerAreaIn .logoArea .logo a{
	display:block;
	line-height:0;
}
.headerArea .headerAreaIn .logoArea .logo a img{
	width:100%;
	height:auto;
}
/** .subNavigationArea **/
.headerArea .headerAreaIn .subNavigationArea ul{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:center;
}
.headerArea .headerAreaIn .subNavigationArea ul li{
}
.headerArea .headerAreaIn .subNavigationArea ul li a{
	text-decoration:none;
	color:#000;
}
/** .navigationArea **/
.headerArea .headerAreaIn .navigationArea{
}
.headerArea .headerAreaIn .navigationArea ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.headerArea .headerAreaIn .navigationArea ul li{
}
.headerArea .headerAreaIn .navigationArea ul li a{
	text-decoration:none;
	color:#000;
}
.headerArea .headerAreaIn .navigationArea .searchBtn .searchBox button{
	padding-inline-start: 0;
	padding-inline-end: 0;
}
	.headerArea .headerAreaIn .topBar{
		position:relative;
		padding-top:23px;
	}
	.headerArea .headerAreaIn .subNavigationArea{
		position:absolute;
		bottom:0;
		right:0;
	}
	.headerArea .headerAreaIn .subNavigationArea ul{
		display:block;
	}
	.headerArea .headerAreaIn .subNavigationArea ul li{
		float:left;
		margin-right:28px;
		font-size:15px;
	}
	.headerArea .headerAreaIn .subNavigationArea ul li:last-child{
		margin-right:0;
	}
	.headerArea .headerAreaIn .subNavigationArea ul li a{
		display:inline-block;
	}
	.headerArea .headerAreaIn .subNavigationArea ul li a:hover{
		text-decoration:underline;
	}
	.headerArea .headerAreaIn .subNavigationArea ul li a.onlineshop{
		padding-left:18px;
		background:url(/common/images/2017/pc/icon_gnavi_secure.png) no-repeat 0 10%;
	}
	.headerArea .headerAreaIn .subNavigationArea ul li a.text{
		padding-left:18px;
		background:url(/common/images/2017/pc/icon_gnavi_text.png) no-repeat 0 10%;
	}
	.headerArea .headerAreaIn .subNavigationArea ul li a.external{
		padding-right:18px;
		background: url(/common/images/2017/icon_link_external-red.png) no-repeat 100% 50%;
		-webkit-background-size: .9em .8em;
		background-size: .9em .8em;
	}
	div#header.headerArea .navigationArea.fixed{
		position:fixed;
		top:0;
		left:0;
		z-index:1000;
		width:100%;
		min-width:1112px;
		background:#fff;
	}
	div#header.headerArea .navigationArea.fixed .navigationMenu{
		width:100%;
		max-width:1102px;
		padding:0 10px;
		margin:0 auto;
	}
	.headerArea .headerAreaIn .logoArea .logo a{
		width:304px;
	}
	.headerArea .headerAreaIn .navigationArea{
		position:relative;
		padding:25px 0 20px;
	}
	.headerArea .headerAreaIn .navigationArea ul{
		display:table;
		width:100%;
	}
	.headerArea .headerAreaIn .navigationArea ul li{
		display:table-cell;
		font-size:17px;
		vertical-align:middle;
	}
	.headerArea .headerAreaIn .navigationArea ul li.pcMenu01{
		width:10.8%;
	}
	.headerArea .headerAreaIn .navigationArea ul li.pcMenu02{
		width:12.6%;
	}
	.headerArea .headerAreaIn .navigationArea ul li.pcMenu03{
		width:14.2%;
	}
	.headerArea .headerAreaIn .navigationArea ul li.pcMenu04{
		width:10%;
	}
	.headerArea .headerAreaIn .navigationArea ul li.pcMenu05{
		width:16%;
	}
	.headerArea .headerAreaIn .navigationArea ul li.pcMenu06{
		width:12%;
	}
	.headerArea .headerAreaIn .navigationArea ul li.pcMenu07{
		width:24.4%;
	}
	.headerArea .headerAreaIn .navigationArea ul li a{
		display:block;
		width:100%;
		padding:6px 0;
	}
	.headerArea .headerAreaIn .navigationArea ul li a.active,
	.headerArea .headerAreaIn .navigationArea ul li a:hover,
	.headerArea .headerAreaIn .navigationArea ul li a:active{
		color:#e60012;
		opacity:1;
		filter:alpha(opacity=100);
	}
	.headerArea .headerAreaIn .navigationArea .searchBtn{
		margin:0;
		width:275px;
	}
	.headerArea .headerAreaIn .navigationArea .searchBtn .searchBox{
		position:relative;
		margin:0;
		border-bottom:1px solid #666;
		padding:0 33px 0 3px;
	}
	.headerArea .headerAreaIn .navigationArea .searchBtn .searchBox input{
		border:none;
		width:100%;
		font-size:14px;
		padding:8px 0;
		-moz-box-sizing:unset;
		box-sizing:unset;
	}
	.headerArea .headerAreaIn .navigationArea .searchBtn .searchBox button{
		position:absolute;
		bottom:6px;
		right:3px;
		width:27px;
		height:27px;
		border:0;
		background:transparent url(/common/images/2017/header_search-red.png) no-repeat 0 0;
		vertical-align:top;
		pointer-events:auto;
		cursor:pointer;
	}
	.headerArea .headerAreaIn .navigationArea .searchBtn .searchBox button img{
		width:27px;
		height:27px;
		vertical-align:text-top;
	}
	.headerArea .headerAreaIn .navigationArea .spMenuBtn{
		display:none;
	}
	.pcHide{
		display:none!important;
	}

	.spNavigationArea{
		display:none!important;
	}

/* .clearfix */
.headerArea .cf::before,
.headerArea .cf::after{
	content:" ";
	display:table;
}
.headerArea .cf::after{
	clear:both;
}
.headerArea .cf{
	*zoom:1;
}
.spNavigationArea .cf::before,
.spNavigationArea .cf::after{
	content:" ";
	display:table;
}
.spNavigationArea .cf::after{
	clear:both;
}
.spNavigationArea .cf{
	*zoom:1;
}

/* for old contents */
#main.tvcm_detail .inner{
	clear:both;
	overflow:hidden;
}