@charset "UTF-8";


/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
html {
	overflow-y: scroll;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
q, blockquote {
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}
a img {
	border: none;
}
a {
	text-decoration: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}



/* style */

html {
	height: 100%;
}
body {
	height: 100%;
	font-family: arial, sans-serif;
	font-size:16px;
	line-height: 18px;
	color: #3c454c;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	overflow-wrap : break-word;
}
body:lang(ja), body:lang(zh-cn), body:lang(zh-cn) {
	line-height: 20px;
}
body:lang(ja) {
	font-family: arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
@media only screen and (min-width: 360px){}
@media only screen and (min-width: 480px){}
@media only screen and (min-width: 768px){}
@media only screen and (min-width: 1024px){}

header #konami-sites {
	max-width: 980px;
	margin: auto;
	display: none;
}
header #konami-sites .controller ul {
	overflow: hidden;
	padding: 8px 10px 4px 0;
}
header #konami-sites .controller li {
	float: right;
	width: 80px;
	height: 50px;
	font-size:62.5%;
	text-align: center;
	border-left: 1px dotted #B9CDD6;
}
header #konami-sites .controller li a {
	display: block;
	position: relative;
	padding: 30px 0 0 0;
	color: #61737f;
}
header #konami-sites .controller li a:before {
	content: '';
	position: absolute;
	width: 35px;
	height: 21px;
	top: 8px;
	left: 0;
	right: 0;
	margin: auto;
	background: url(../img/icon-header.svg) no-repeat;
	-webkit-background-size: auto 21px;
	background-size: auto 21px;
}
header #konami-sites .controller li.close a:before {
	background-position: -105px 0;
	-webkit-background-position: -105px 0;
}
header #konami-sites .controller li.inquiry a:before {
	background-position: -70px 0;
	-webkit-background-position: -70px 0;
}
header #konami-sites .controller li.global a:before {
	background-position: -35px 0;
	-webkit-background-position: -35px 0;
}
header #konami-sites .controller li a:hover {
	color: #f00;
}
header .ttl {
	padding: 10px;
	font-weight: bold;
	border-bottom: 1px solid #B9CDD6;
}
header .co-profile {
	padding: 0 10px;
	border-bottom: 1px solid #B9CDD6;
}
header .co-profile li+li {
	border-top: 1px dotted #B9CDD6;
}
header .co-profile li a,
header .co-profile li span {
	display: block;
	padding: 10px;
}
header .co-profile li a {
	position: relative;
	color: #990014;
}
header .co-profile li a:hover {
	color: #f00;
}
header .co-profile li a:after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	right: 10px;
	top:0;
	bottom: 0;
	margin: auto;
	border-top: 1px solid #990014;
	border-left: 1px solid #990014;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
header .co-profile li a:hover:after {
	border-top: 1px solid #f00;
	border-left: 1px solid #f00;
}
header .associate {
	display: none;
	padding: 20px 0;
	border-bottom: 1px solid #B9CDD6;
}
header .associate ul {
	display: table;
}
header .associate ul li {
	display: table-cell;
	padding: 0 0 0 6px;
	font-size: 75%;
	line-height: 1.2;
}
header .associate ul li a {
	display: block;
	color: #a60014;
}
header .associate ul li a:hover {
	color: #f00;
}
header #logos {
	overflow: hidden;
	max-width: 960px;
	height: 40px;
	margin: auto;
	padding: 10px;
}
header #logos #konamilogo {
	float: left;
	line-height: 20px;
}
header #logos #konamilogo a {
	display: block;
}
header #logos #konamilogo img {
	display: inline-block;
	width: 112px;
	vertical-align: bottom;
}
header #logos #konamilogo span {
	display: block;
	padding: 10px 0 0 0;
	font-size: 50%;
	line-height: 1;
}
header #logos .btn-konami-sites,
header #logos .btn-inquiry {
	float: right;
	width: 60px;
	height: 30px;
	margin: 10px 0 0 0;
	font-size:62.5%;
	line-height: 1;
	text-align: center;
	border-left: 1px dotted #B9CDD6;
}
header #logos .btn-inquiry {
	width: 70px;
}
header #logos .btn-konami-sites a,
header #logos .btn-inquiry a {
	display: block;
	position: relative;
	padding: 5px 0;
	color: #61737f;
}
header #logos .btn-inquiry a {
	padding: 10px 0;
}
header #logos .btn-konami-sites a:hover,
header #logos .btn-inquiry a:hover {
	color: #f00;
}
header #global-menu {
	min-height: 50px;
	background: #3c454c;
}
header #global-menu .inner {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
}
header #global-menu .headline {
	display: table;
	width: 100%;
	height: 50px;
}
header #global-menu .headline li {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
}
header #global-menu .headline li.search {
	text-align: right;
}
header #global-menu .headline li.search input {
	width: 120px;
	padding: 4px 10px 4px 30px;
	border: none;
	border-radius: 20px;
	line-height: 20px;
	background: url(../img/icon-search-gray.svg) no-repeat 10px 50% #fff;
	-webkit-background-size: 16px;
	background-size: 16px;
	font-size: 81.25%;
}
header #global-menu .headline a {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 50px;
	vertical-align: bottom;
	background: #990014;
}
header #global-menu .headline a span {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 4px;
	margin: -3px 0 0 -12px;
	background:#fff;
	border-radius: 3px;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
}
header #global-menu .headline a span:before,
header #global-menu .headline a span:after {
	content: '';
	position: absolute;
	left: 0;
	width: inherit;
	height: inherit;
	background:#fff;
	border-radius: inherit;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
}
header #global-menu .headline a span:before {
	bottom: 200%;
}
header #global-menu .headline a span:after {
	top: 200%;
}
header #global-menu .headline a.on span {
	background: transparent;
}
header #global-menu .headline a.on span:before {
	bottom: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
header #global-menu .headline a.on span:after {
	top: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
header #nav_global_menu {
	display: none;
	padding: 10px;
	background: #990014;
}
header #nav_global_menu > div > div > a {
	display: block;
	padding: 10px;
	color: #fff;
	border-top: 1px #B97D85 dotted;
}
header #nav_global_menu > div > div > a:hover {
	background: #61010d;
}
header #nav_global_menu > div > div:first-child > a {
	border-top: none;
}
header #nav_global_menu div ul {
	padding: 0 0 0 20px;
	background: #990014;
}
header #nav_global_menu div ul li {
	display: inline-block;
	font-size: 87.5%;
	width: 50%;
}
header #nav_global_menu div ul li a {
	display: block;
	padding: 6px;
	color: #fff;
}
header #nav_global_menu div ul li a:hover {
	background: #61010d;
}
@media only screen and (min-width: 480px){
	header #nav_global_menu div ul li {
		width: 33.3%;
	}
}
@media only screen and (min-width: 640px){
	header #logos {
		height: 22px;
		padding: 8px 10px 10px;
	}
	header #logos #konamilogo a {
		display: inline-block;
		vertical-align: middle;
	}
	header #logos #konamilogo img {
		width: 123px;
	}
	header #logos #konamilogo span {
		display: inline-block;
		padding: 0 0 0 20px;
		font-size: 75%;
	}
	header #logos .btn-inquiry {
		height: 20px;
		margin: 0;
	}
	header #logos .btn-konami-sites {
		height: 20px;
		margin: 0;
	}
	header #logos .btn-inquiry a {
		padding: 5px 0;
	}
	header #logos .btn-konami-sites a {
		padding: 0;
	}
}
@media only screen and (min-width: 768px){
	header #nav_global_menu div ul li {
		width: 25%;
	}
}
@media only screen and (min-width: 860px){
	header .controller {
		overflow: hidden;
	}
	header .controller > p {
		float: left;
		line-height: 50px;
	}
	header .controller > ul {
		float: right;
	}
	header .ttl {
		border: none;
	}
	header .co-profile {
		border: none;
	}
	header .co-profile li {
		display: inline-block;
		padding: 0 5px 0 0;
		border-left: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;
	}
	header .co-profile li+li {
		border-top: none;
		border-left: none;
	}
	header .co-profile li a {
		display: inline-block;
		padding: 10px 25px 10px 10px;
		font-size: 75%;
	}
	header .co-profile li a:before {
		position: absolute;
		content: '';
		right: 5px;
		top:0;
		bottom: 0;
		margin: auto;
		width: 14px;
		height: 14px;
		border-radius: 4px;
		background: #990014;
	}
	header .co-profile li a:hover:before {
		background: #f00;
	}
	header .co-profile li a:after,
	header .co-profile li a:hover:after{
		width: 5px;
		height: 5px;
		border-color: #fff;
	}
	header .associate {
		display: block;
	}
	header #global-menu .headline {
		position: absolute;
	}
	header #global-menu .headline .humburger {
		display: none;
	}
	header #nav_global_menu {
		position: relative;
		/* アコーディオンメニューのjsでdisplay:none;されている場合があるため */
		display: block !important;
		padding: 0;
		z-index: 1;
	}
	header #nav_global_menu div ul {
		border-bottom: none;
	}
	header #nav_global_menu > div {
		position: absolute;
		overflow: hidden;
		width: 660px;
		padding:0;
	}
	header #nav_global_menu > div > div {
		float: left;
		width: 10%;
		font-size: 75%;
		line-height: 30px;
		text-align: center;
	}
	header #nav_global_menu > div > div a {
		border: none;
	}
	header #nav_global_menu > div > div > a:hover {
		background: transparent;
	}
	header #nav_global_menu > div > div+div {
		width: 18%;
		border: none;
	}
	header #nav_global_menu .focus {
		display: block;
		position: absolute;
		width: 18%;
		left: -200px;
		height: 50px;
		background: #990014;
		-webkit-transition: width .5s, left .5s;
		-o-transition: width .5s, left .5s;
		transition: width .5s, left .5s;
		z-index: -1;
	}
	header #nav_global_menu > div > div:nth-child(1).current ~ .focus {left: 0; width: 10%;}
	header #nav_global_menu > div > div:nth-child(2).current ~ .focus {left: 10%; width: 18%;}
	header #nav_global_menu > div > div:nth-child(3).current ~ .focus {left: 28%; width: 18%;}
	header #nav_global_menu > div > div:nth-child(4).current ~ .focus {left: 46%; width: 18%;}
	header #nav_global_menu > div > div:nth-child(5).current ~ .focus {left: 64%; width: 18%;}
	header #nav_global_menu > div > div:nth-child(6).current ~ .focus {left: 82%; width: 18%;}
	header #nav_global_menu > div > div:nth-child(1):hover ~ .focus {left: 0; width: 10%;}
	header #nav_global_menu > div > div:nth-child(2):hover ~ .focus {left: 10%; width: 18%;}
	header #nav_global_menu > div > div:nth-child(3):hover ~ .focus {left: 28%; width:18%;}
	header #nav_global_menu > div > div:nth-child(4):hover ~ .focus {left: 46%; width: 18%;}
	header #nav_global_menu > div > div:nth-child(5):hover ~ .focus {left: 64%; width: 18%;}
	header #nav_global_menu > div > div:nth-child(6):hover ~ .focus{left: 82%; width: 18%;}
	
	header #nav_global_menu > div > div ul {
		height: 0;
		padding: 0;
		text-align: left;
		-webkit-transition: transform .2s .1s;
		-o-transition: transform .2s .1s;
		transition: transform .2s .1s;
		-webkit-transform: scaleY(0);
		-ms-transform: scaleY(0);
		-o-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	header #nav_global_menu > div > div:hover ul {
		height: auto;
		-webkit-transform: scaleY(1);
		-ms-transform: scaleY(1);
		-o-transform: scaleY(1);
		transform: scaleY(1);
	}
	header #nav_global_menu > div > div ul li {
		display: block;
		width: auto;
	}
	header #nav_global_menu > div > div:hover ul {
		display: block;
	}
	header #nav_global_menu > div > div ul a {
		display: block;
		padding: 0 0 0 10px;
	}
}
.breadcrumb {
	color: #fff;
	background: #990014;
	font-size: 75%;
}
.breadcrumb .inner {
	max-width: 980px;
	margin: 0 auto;
}
.breadcrumb ul {
	padding: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.breadcrumb ul li {
	display: inline;
}
.breadcrumb ul li:after {
	display:inline-block;
	content: '';
	width: 4px;
	height: 4px;
	margin: 2px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.breadcrumb ul li:last-child:after {
	display:none;
}
.breadcrumb ul li a {
	color: #fff;
}
.breadcrumb ul li:first-child a:before {
	content: '';
	display: inline-block;
	background: url(../img/icon-home.svg) no-repeat;
	width: 12px;
	height: 12px;
	margin: 0 6px 4px 0;
	-webkit-background-size: 100%;
	background-size: 100%;
	vertical-align: middle;
}
.topics.card-view {
	max-width: 970px;
	padding: 0 10px;
	margin: 0 auto;
	background: transparent;
}
.topics.card-view .topic a {
	position: relative;
	overflow: hidden;
	display: block;
	color: #fff;
	margin: 0 0 5px;
	border-radius: 3px;
}
.topics.card-view .topic h3 p.title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-indent: 8px;
	font-size: 87.5%;
	line-height: 28px;
	border-radius: 3px 3px 0 0;
	background: #990014;
}
.topics.card-view .topic dl {
	display: table;
	width: 100%;
}
.topics.card-view .topic dt {
	display: table-cell;
	width: 141px;
	background-color:#e5e5e5;
}
.topics.card-view .topic.yt dt{
	background-color:#000;
}
.topics.card-view .topic dt p {
	position: relative;
	overflow: hidden;
	padding-top: 76.6%;
	height: 0;
}
.topics.card-view .topic dt p img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	margin: auto;
	vertical-align: bottom;
}
.topics.card-view .topic dt p span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-webkit-box-shadow: rgba(0,0,0,.1) 2px -2px 2px 0 inset;
	box-shadow: rgba(0,0,0,.1) 2px -2px 2px 0 inset;
}
.topics.card-view .topic dt p span img {
	display: none;
}
.topics.card-view .topic dd {
	display: table-cell;
	vertical-align: top;
	background: #3c454c;
}
.topics.card-view .topic dd div {
	position: relative;
	overflow: hidden;
	height: 108px;
}
.topics.card-view .topic dd div:after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	border-radius: 0 0 4px 4px;
	background: -moz-linear-gradient(top,  rgba(60,69,76,0) 0%, rgba(60,69,76,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(60,69,76,0) 0%,rgba(60,69,76,1) 100%);
	background: linear-gradient(to bottom,  rgba(60,69,76,0) 0%,rgba(60,69,76,1) 100%);
}
.topics.card-view .topic dd h4 {
	padding: 8px 10px 4px;
	font-size: 87.5%;
	font-weight: bold;
	border-radius: 2px;
}
.topics.card-view .topic dd p {
	padding: 0 10px;
	font-size: 75%;
	color: #9abed4;
}
.topics.card-view .topic .devices {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 9px;
	line-height: 12px;
	border-radius: 0 0 3px 3px;
	background: #3c454c;
}
.topics.card-view .topic .devices li {
	display: inline-block;
	padding: 1px 4px;
	margin: 0 2px 0 0;
	font-size: 50%;
	color: #000;
	background: #7e9ca7;
	border-radius: 2px;
	vertical-align: bottom;
}
.topics.card-view .tw a {
	position: relative;
	overflow: hidden;
	display: block;
	color: #fff;
	margin: 0 0 10px;
	border-radius: 3px;
}
.topics.card-view .tw h3 p.title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-indent: 4px;
	font-size: 87.5%;
	line-height: 28px;
	border-radius: 3px 3px 0 0;
	background: #55acee;
}
.topics.card-view .tw dl {
	display: table;
	width: 100%;
}
.topics.card-view .tw dt {
	display: table-cell;
	width: 141px;
}
.topics.card-view .tw dt p {
	position: relative;
	overflow: hidden;
	padding-top: 76.6%;
	height: 0;
	background: transparent;
}
.topics.card-view .tw dt p img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 80px;
	height: auto;
	margin: auto;
	vertical-align: bottom;
	border-radius: 3px;
}
.topics.card-view .tw dt p span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-webkit-box-shadow: rgba(0,0,0,.1) 2px -2px 2px 0 inset;
	box-shadow: rgba(0,0,0,.1) 2px -2px 2px 0 inset;
}
.topics.card-view .tw dt p span img {
	display: none;
}
.topics.card-view .tw dd {
	display: table-cell;
	vertical-align: top;
	background: #3c454c;
}
.topics.card-view .tw dd div {
	position: relative;
	overflow: hidden;
	height: 108px;
}
.topics.card-view .tw dd div:after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	border-radius: 0 0 4px 4px;
	background: -moz-linear-gradient(top,  rgba(60,69,76,0) 0%, rgba(60,69,76,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(60,69,76,0) 0%,rgba(60,69,76,1) 100%);
	background: linear-gradient(to bottom,  rgba(60,69,76,0) 0%,rgba(60,69,76,1) 100%);
}
.topics.card-view .tw dd h4 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 2px 6px;
	font-size: 87.5%;
	font-weight: bold;
	border-radius: 2px;
}
.topics.card-view .tw dd h4:before {
	display: inline-block;
	content: '';
	width: 18px;
	height: 18px;
	margin: 4px 2px 0 0;
	vertical-align: bottom;
	background: url(../../common/img/logo-twitter.svg) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	vertical-align: bottom;
}
.topics.card-view .tw dd p {
	padding: 0 6px;
	font-size: 75%;
	color: #9abed4;
}
@media only screen and (min-width: 480px){
	.topics.card-view {
		margin: 0 0 0 10px;
		padding: 0;
	}
	.topics.card-view .list {
		overflow: hidden;
	}
	.topics.card-view .list > li {
		float: left;
		position: relative;
		width: 50%;
	}
	.topics.card-view .list > li a {
		margin: 0 10px 10px 0;
	}
	.topics.card-view .topic h3 {
		position: absolute;
		top: 0;
		width: 100%;
	}
	.topics.card-view .topic h3 p.spacer {
		overflow: hidden;
		padding-top: 76.6%;
		height: 0;
	}
	.topics.card-view .topic h3 p.spacer span {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		height: auto;
		margin: auto;
	}
	.topics.card-view .topic h3 p.title {
		border-radius: 0;
		font-size: 75%;
		text-indent: 15px;
	}
	.topics.card-view .topic dl {
		display: block;
	}
	.topics.card-view .topic dt {
		width: 100%;
	}
	.topics.card-view .topic dt {
		display: block;
	}
	.topics.card-view .topic dt p {
		margin: 0 0 28px;
	}
	.topics.card-view .topic dt p span {
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.topics.card-view .topic dt p span img {
		display: inline-block;
	}
	.topics.card-view .topic dd {
		display: block;
	}
	.topics.card-view .topic dd h4 {
		padding: 10px 15px 2px;
		line-height: 1.286;
	}
	.topics.card-view .topic dd div p {
		/*height: 110px;*/
		padding: 0 15px;
	}
	.topics.card-view .topic .devices {
		padding: 10px 15px;
	}
	.topics.card-view .topic .devices li {
		font-size: 56.3%;
	}
	.topics.card-view .tw a {
		background: #55acee;
	}
	.topics.card-view .tw h3 {
		width: 100%;
	}
	.topics.card-view .tw h3 p.title {
		position: absolute;
		box-sizing: border-box;
		width: 100%;
		padding: 4px 0 0 10px;
		line-height: 28px;
	}
	.topics.card-view .tw h3 p.title:before {
		display: inline-block;
		content: '';
		width: 24px;
		height: 24px;
		margin: 4px 6px 0 0;
		vertical-align: bottom;
		background: url(../../common/img/logo-twitter.svg) no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		vertical-align: bottom;
	}
	.topics.card-view .tw h3 p.title:after {
		display: block;
		content: '';
		height: 1px;
		margin: 4px 10px 0 0;
		background: #93CCF7;
	}
	.topics.card-view .tw dl {
		display: block;
	}
	.topics.card-view .tw dt {
		width: 100%;
	}
	.topics.card-view .tw dt {
		display: block;
	}
	.topics.card-view .tw dt p {
		background: transparent;
	}
	.topics.card-view .tw dt p img {
		width: 38%;
	}
	.topics.card-view .tw dt p span {
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.topics.card-view .tw dt p span img {
		display: inline-block;
	}
	.topics.card-view .tw dd {
		display: block;
	}
	.topics.card-view .tw dd div {
		overflow: visible;
		height: auto;
	}
	.topics.card-view .tw dd div p {
		box-sizing: border-box;
		height: 170px;
		padding: 10px 10px 0;
	}
	.topics.card-view .tw dd h4 {
		position: absolute;
		width: 100%;
		padding: 0;
		top: -25%;
		font-weight: normal;
		text-align: center;
	}
	.topics.card-view .tw dd h4:before {
		display: none;
	}
	.topics.card-view .topic.no-device dd div {
		height: 142px;
	}
	.topics.card-view .topic .readmore {
		margin: 0 10px 0 0;
	}
}
@media only screen and (min-width: 768px){
	.topics.card-view .list {
		width: 100%;
	}
	.topics.card-view .list > li {
		width: 33.3%;
	}
}
@media only screen and (max-width: 479px){
	.topics.card-view .tw dt{
		-webkit-box-shadow: rgba(0,0,0,.1) 2px -2px 2px 0 inset;
		box-shadow: rgba(0,0,0,.1) 2px -2px 2px 0 inset;
	}
}

.readmore {
	height: 40px;
}
.readmore a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 5px;
	margin: 0 auto;
	line-height: 20px;
	border: #9ABED4 solid 5px;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	background: #9ABED4;
	-moz-transition: border .4s, border-radius .4s , width .4s;
	-webkit-transition: border .4s, border-radius .4s , width .4s;
	-o-transition: border .4s, border-radius .4s , width .4s;
	-ms-transition: border .4s, border-radius .4s , width .4s;
}
.readmore a:after {
	content: '';
	display: inline-block;
	background: url(../img/icon-reload-white.svg) no-repeat;
	width: 16px;
	height: 16px;
	margin: 0 0 2px 6px;
	-webkit-background-size: 100%;
	background-size: 100%;
	vertical-align: bottom;
}
.readmore.loading a {
	width: 40px;
	height: 40px;
	border-top: transparent solid 5px;
	border-radius: 30px;
	color: transparent;
	background: transparent;
	-moz-animation: loading 2s linear .3s infinite;
	-webkit-animation: loading 2s linear .3s infinite;
	animation: loading 2s linear .3s infinite;
}
.readmore.loading a:after {
	display: none;
}
#modal_loading {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 3px;
	background: rgba(255,255,255,.7);
}
#modal_loading span {
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 40px;
	height: 40px;
	border: #999 solid 5px;
	border-top: transparent solid 5px;
	border-radius: 30px;
	-moz-animation: loading 2s linear 0s infinite;
	-webkit-animation: loading 2s linear 0s infinite;
	animation: loading 2s linear 0s infinite;
}
@-moz-keyframes loading {
	0% {
		-moz-transform: rotate(0deg);
		transform:  rotate(0deg);
	}
	100% {
		-moz-transform:  rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes loading {
	0% {
		-webkit-transform:  rotate(0deg);
		transform:  rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes loading {
	0% {
		-webkit-transform:  rotate(0deg);
		-moz-transform:  rotate(0deg);
		-o-transform:  rotate(0deg);
		-ms-transform:  rotate(0deg);
		transform:  rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.btn-language-select {
	max-width: 980px;
	margin: 0 auto;
	padding: 5px 0 15px;
}
.btn-language-select a {
	display: inline-block;
	position: relative;
	margin: 0 10px;
	padding: 10px 40px 10px 10px;
	font-size: 75%;
	border: 1px solid #DAE1E7;
	border-radius: 3px;
	color: #3c454c;
}
.btn-language-select a:hover {
	color: #f00;
}
.btn-language-select a:before,
.btn-language-select a:after {
	position: absolute;
	content: '';
	right: 10px;
	top:0;
	bottom: 0;
	margin: auto;
}
.btn-language-select a:before {
	width: 14px;
	height: 14px;
	border-radius: 3px;
	background: #3c454c;
}
.btn-language-select a:hover:before {
	background: #f00;
}
.btn-language-select a:after {
	width: 5px;
	height: 5px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(135deg) translate(4px,4px);
	-ms-transform: rotate(135deg) translate(4px,4px);
	-o-transform: rotate(135deg) translate(4px,4px);
	transform: rotate(135deg) translate(4px,4px);
}
footer .sitenav {
	overflow: hidden;
	padding: 10px;
	font-size: 75%;
	background: #bfcbd7;
}
footer .sitenav .inner {
	max-width: 980px;
	margin: 0 auto;
}
footer .sitenav dl {
	display: inline-block;
	box-sizing: border-box;
	width: 33.2%;
	border-bottom: 1px dotted #7E9CA7;
	border-right: 1px dotted #7E9CA7;
	text-align: center;
	vertical-align: top;
}
footer .sitenav dl:nth-child(3n) {
	border-right: none;
}
footer .sitenav dt a {
	display: block;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 80px 0 4px;
	color: #3C454C;
}
footer .sitenav dt a:hover {
	color: #f00;
}
footer .sitenav dt a:before {
	content: '';
	display: block;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	width: 80px;
	height: 80px;
	margin: auto;
	background: url(../img/icon-footer.svg) no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}
footer .sitenav .gs a:before {
	background-position: -160px 0;
	-webkit-background-position: -160px 0;
}
footer .sitenav .mobile dt a:before {
	background-position: -80px 0;
	-webkit-background-position: -80px 0;
}
footer .sitenav .arcade dt a:before {
	background-position: -240px 0;
	-webkit-background-position: -240px 0;
}
footer .sitenav .card dt a:before {
	background-position: -320px 0;
	-webkit-background-position: -320px 0;
}
footer .sitenav .music-video dt a:before {
	background-position: -400px 0;
	-webkit-background-position: -400px 0;
}
footer .sitenav dd {
	display: none;
}
footer .sitenav dd ul {
	padding: 0 0 0 6px;
}
footer .sitenav dd ul li {
	position: relative;
	padding: 0 0 0 1em;
}
footer .sitenav dd ul li:before {
	content: '・';
	position: absolute;
	left: 0;
}
footer .sitenav dd ul li a {
	color: #3C454C;
}
footer .sitenav dd ul li a:hover {
	color: #f00;
}
footer .sitenav dl.registration {
	margin: 10px 0 0 0;
}
footer .sitenav dl.registration,
footer .sitenav dl.co-profile {
	display: block;
	width: auto;
	padding: 10px 0;
	border: none;
	text-align: left;
}
footer .sitenav dl.registration dt,
footer .sitenav dl.co-profile dt {
	font-weight: bold;
}
footer .sitenav dl.registration dt a,
footer .sitenav dl.co-profile dt a {
	display: inline;
	padding: 0px 4px;
}
footer .sitenav dl.registration dt a:before,
footer .sitenav dl.co-profile dt a:before {
	display: none;
}
footer .sitenav dl.registration dd,
footer .sitenav dl.co-profile dd {
	display: block;
}
footer .footer-menu {
	max-width: 960px;
	margin: auto;
	padding: 10px;
}
footer .footer-menu li {
	display: inline;
	font-size: 75%;
}
footer .footer-menu li+li:before {
	content: "|";
}
footer .footer-menu li a {
	display: inline-block;
	padding: 3px 6px;
	color: #3C454C;
}
footer .footer-menu li a:hover {
	color: #f00;
}
footer .copyright {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 10px 15px;
	font-size: 75%;
}
@media only screen and (min-width: 768px){
	.btn-language-select {
		padding: 10px 0 20px;
	}
	footer .sitenav dl {
		padding: 10px 0;
		border: none;
		text-align: left;
	}
	footer .sitenav dl dt {
		font-weight: bold;
	}
	footer .sitenav dt a {
		display: inline;
		padding: 0px 4px;
	}
	footer .sitenav dt a:before {
		display: none;
	}
	footer .sitenav dl dd {
		display: block;
	}
	footer .sitenav dl.registration{
		margin-top:0;
	}
	footer .sitenav dl.registration,
	footer .sitenav dl.co-profile {
		display: inline-block;
		width: 33.3%;
	}
}
@media only screen and (min-width: 980px){
	.btn-language-select a {
		margin-left: 0;
	}
}


/* top */
.index .contents {
	background: -moz-linear-gradient(top,  #b9cdd6 0%, #fff 100%) no-repeat;
	background: -webkit-linear-gradient(top,  #b9cdd6 0%,#fff 100%) no-repeat;
	background: linear-gradient(to bottom,  #b9cdd6 0%,#fff 100%) no-repeat;
	-webkit-background-size: 100% 300px;
	background-size: 100% 300px;
}
.index .top-special {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	padding: 15px 0 0;
}
.index .top-special.wide {
	max-width: 100%;
	padding: 0;
}
.index .top-special p {
	position: relative;
	overflow: hidden;
	margin: 0 10px;
}
.index .top-special.wide p {
	margin: 0;
}
.index .top-special p > a {
	display: block;
	position: relative;
}
.index .top-special img {
	display: block;
	width: 100%;
	max-width: 980px;
	height: auto;
	margin: 0 auto;
	vertical-align: bottom;
	border-radius: 3px;
}
.index .top-special.wide a img {
	border-radius: 0;
}
.index .top-special .prev {
	display: block;
	position: absolute;
	overflow: hidden;
	top: 50%;
	left: 10px;
	width: 40px;
	height: 50px;
	margin: -20px 0 0 0;
	border-radius: 0 10px 10px 0;
	background: rgba(0,0,0,.55);
}
.index .top-special .next {
	display: block;
	position: absolute;
	overflow: hidden;
	top: 50%;
	right: 10px;
	width: 40px;
	height: 50px;
	margin: -25px 0 0 0;
	border-radius: 10px 0 0 10px;
	background: rgba(0,0,0,.55);
}
.index .top-special .prev:hover,
.index .top-special .next:hover {
	background: rgba(153,0,20,.7)
}
.index .top-special.wide .prev {
	left: 0;
}
.index .top-special.wide .next {
	right: 0;
}
.index .top-special .prev:before,
.index .top-special .prev:after,
.index .top-special .next:before,
.index .top-special .next:after{
	display: block;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 20px;
	height: 3px;
	border-radius: 10px;
	background: #fff;
}
.index .top-special .prev:before {
	margin: auto 10px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
}
.index .top-special .prev:after {
	margin: auto 10px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
}
.index .top-special .next:before {
	margin: auto 7px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}
.index .top-special .next:after {
	margin: auto 7px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	transform-origin: 100% 0;
}
.index .top-special ul {
	position: absolute;
	display: inline-block;
	left: 50%;
	bottom: 6px;
	padding: 0 6px;
	border-radius: 10px;
	background: rgba(0,0,0,.55);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	vertical-align: middle;
}
.index .top-special ul li {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 2px;
	border-radius: 10px;
	background: #fff;
}
.index .top-special ul li.current {
	background: #990014;
}
.index .top-normal,
.category-top .top-normal{
	max-width: 1000px;
	margin: 0 auto 10px;
}
.index .top-normal ul,
.category-top .top-normal ul{
	display: table;
	box-sizing: border-box;
	width: 100%;
	padding: 0 10px;
}
.index .top-normal li,
.category-top .top-normal li{
	display: table-cell;
	width: 50%;
	box-sizing: border-box;
	padding: 7px 3px 0 0;
}
.index .top-normal li+li,
.category-top .top-normal li+li{
	padding: 7px 0 0 3px;
}
.category-top .top-normal li,
.category-top .top-normal li+li{
	padding-top: 15px;
}
.index .top-normal li a,
.category-top .top-normal li a{
	display: block;
	position: relative;
	overflow: hidden;
}
.index .top-normal li img,
.category-top .top-normal li img{
	width: 100%;
	border-radius: 3px;
	vertical-align: bottom;
}
.index .has-lead-text .lead-text,
.category-top .has-lead-text .lead-text{
	display: inline-block;
	position: absolute;
	max-width: 70%;
	margin: auto;
	padding: 10px 20px 10px 10px;
	font-size: 75%;
	line-height: 1.4;
	background: rgba(0,0,0,.8);
	color: #fff;
}
.index .has-lead-text .lead-text:before,
.index .has-lead-text .lead-text:after,
.category-top .has-lead-text .lead-text:before,
.category-top .has-lead-text .lead-text:after{
	position: absolute;
	content: '';
	right: 0;
	bottom: 0;
}
.index .has-lead-text .lead-text:before,
.category-top .has-lead-text .lead-text:before {
	width: 20px;
	height: 20px;
	background: #990014;
}
.index .has-lead-text:hover .lead-text:before,
.category-top .has-lead-text:hover .lead-text:before{
	background: #f00;
}
.index .has-lead-text .lead-text:after,
.category-top a.has-lead-text .lead-text:after{
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: rotate(135deg) translate(2px,10px);
	-ms-transform: rotate(135deg) translate(2px,10px);
	-o-transform: rotate(135deg) translate(2px,10px);
	transform: rotate(135deg) translate(2px,10px);
}
.index .lead-left-top .lead-text,
.category-top .lead-left-top .lead-text{ top: 0; left: 0;}
.index .lead-left-middle .lead-text,
.category-top .lead-left-middle .lead-text { left: 0; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.index .lead-left-bottom .lead-text,
.category-top .lead-left-bottom .lead-text { left: 0; bottom: 0;}
.index .lead-center-top .lead-text,
.category-top .lead-center-top .lead-text { top: 0; left: 0; right: 0;}
.index .lead-center-middle .lead-text,
.category-top .lead-center-middle .lead-text { left: 0; right: 0; top: 50%;  -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.index .lead-center-bottom .lead-text,
.category-top .lead-center-middle .lead-text { left: 0; bottom: 0; right: 0;}
.index .lead-right-top .lead-text,
.category-top .lead-right-top .lead-text { top: 0; right: 0;}
.index .lead-right-middle .lead-text,
.category-top .lead-right-middle .lead-text { right: 0; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.index .lead-right-bottom .lead-text,
.category-top .lead-right-bottom .lead-text { bottom: 0; right: 0;}
.index .topics .readmore {
	margin: 0 10px 0 0;
}
.index .sub-banner {
	margin: 20px 0 10px 10px;
}
.index .sub-banner ul {
	max-width: 980px;
	margin: 0 auto;
}
.index .sub-banner li {
	display: inline-block;
	width: 50%;
}
.index .sub-banner li a {
	display: block;
	margin: 0 10px 10px 0;
}
.index .sub-banner li img {
	width: 100%;
	border-radius: 3px;
	vertical-align: bottom;
}
.index .main {
	padding: 5px 0 0 0;
}
.index .social-account .inner {
	margin: 10px;
}
.index .social-account dl {
	margin: 0 0 10px;
	padding: 0 10px;
	border-radius: 3px;
}
.index .social-account dl dt {
	position: relative;
	font-size: 87.5%;
}
.index .social-account dl dd {
	border-top: 1px solid #93CCF7;
}
.index .social-account dl dt:before,
.index .social-account dl dt:after,
.index .social-account dl dd.account-list a:before,
.index .social-account dl dd.account-list a:after {
	position: absolute;
	content: '';
	right: 10px;
	top:0;
	bottom: 0;
	margin: auto;
}
.index .social-account dl dt:before,
.index .social-account dl dd.account-list a:before {
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	border-radius: 4px;
	border: 1px solid #fff;
}
.index .social-account dl dt:after,
.index .social-account dl dd.account-list a:after {
	width: 5px;
	height: 5px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(135deg) translate(4px,4px);
	-ms-transform: rotate(135deg) translate(4px,4px);
	-o-transform: rotate(135deg) translate(4px,4px);
	transform: rotate(135deg) translate(4px,4px);
}
.index .social-account dl dt a,
.index .social-account dl dd a {
	display: block;
	padding: 10px 0;
	color: #fff;
}
.index .social-account dl dd a+a {
	padding: 0 0 10px;
}
.index .social-account dl dd .profile {
	display: table;
}
.index .social-account dl dd .profile span {
	display: table-cell;
	vertical-align: middle;
	font-size: 87.5%;
}
.index .social-account dl dd .profile span img {
	width: 40px;
}
.index .social-account dl dd .profile span+span {
	padding: 0 0 0 10px;
}
.index .social-account dl dd .tweet {
	font-size: 75%;
}
.index .social-account dl dd.account-list a {
	position: relative;
	font-size: 87.5%;
}
.index .social-account .twitter {
	background: #55acee;
}
.index .social-account .twitter dt a:before {
	content: '';
	display: inline-block;
	background: url(../../common/img/logo-twitter.svg) no-repeat;
	width: 32px;
	height: 27px;
	margin: 0 6px 0 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	vertical-align: middle;
}
.index .social-account .twitter dd img.media{
width: 100%;
}
.index .social-account ul {
	margin: 0 0 10px;
	padding: 0 10px;
	border-radius: 3px;
}
.index .social-account ul li {
	position: relative;
	font-size: 87.5%;
}
.index .social-account ul li+li {
	border-top: 1px solid #627EB7;
}
.index .social-account ul li:before,
.index .social-account ul li:after {
	position: absolute;
	content: '';
	right: 10px;
	top:0;
	bottom: 0;
	margin: auto;
}
.index .social-account ul li:before {
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	border-radius: 4px;
	border: 1px solid #fff;
}
.index .social-account ul li:after {
	width: 5px;
	height: 5px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(135deg) translate(4px,4px);
	-ms-transform: rotate(135deg) translate(4px,4px);
	-o-transform: rotate(135deg) translate(4px,4px);
	transform: rotate(135deg) translate(4px,4px);
}
.index .social-account ul li a {
	display: block;
	padding: 10px 0;
	color: #fff;
}
.index .social-account .facebook {
	background: #3c5a98;
}
.index .social-account .youtube {
	background: #e32527;
}
.index .social-account ul.facebook li:first-child a:before {
	content: '';
	display: inline-block;
	background: url(../../common/img/logo-facebook.svg) no-repeat;
	width: 34px;
	height: 34px;
	margin: 2px 6px 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
	vertical-align: middle;
}
.index .social-account ul.youtube li:first-child a:before {
	content: '';
	display: inline-block;
	background: url(../../common/img/logo-youtube.svg) no-repeat;
	width: 62px;
	height: 26px;
	margin: 2px 6px 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
	vertical-align: middle;
}
.index .special-site .inner {
	margin: 10px;
	padding: 0 10px;
	border: 1px solid #DAE1E7;
	border-radius: 3px;
	background: #fff;
}
.index .special-site ul li+li {
	border-top: 1px dotted #DAE1E7;
}
.index .special-site ul li a {
	display: block;
	position: relative;
	padding: 10px 10px 10px 0;
	font-size: 87.5%;
	color: #990014;
}
.index .special-site ul li a:hover {
	color: #f00;
}
.index .special-site ul li a:before,
.index .special-site ul li a:after {
	position: absolute;
	content: '';
	right: 10px;
	top:0;
	bottom: 0;
	margin: auto;
}
.index .special-site ul li a:before {
	width: 14px;
	height: 14px;
	border-radius: 4px;
	background: #990014;
}
.index .special-site ul li a:hover:before {
	background: #f00;
}
.index .special-site ul li a:after {
	width: 5px;
	height: 5px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(135deg) translate(4px,4px);
	-ms-transform: rotate(135deg) translate(4px,4px);
	-o-transform: rotate(135deg) translate(4px,4px);
	transform: rotate(135deg) translate(4px,4px);
}
.index .special-site ul li dl {
	display: table;
}
.index .special-site ul li dl dt,
.index .special-site ul li dl dd {
	display: table-cell;
}
.index .special-site ul li dl dt img {
	width: 45px;
	vertical-align: bottom;
	border-radius: 3px;
}
.index .special-site ul li dl dd {
	padding: 0 16px 0 6px;
	line-height: 1.2;
	vertical-align: middle;
}
.index .important-notice .inner {
	margin: 10px;
	border: 1px solid #DAE1E7;
	border-radius: 3px;
	background: #fff;
}
.index .important-notice h3 {
	padding: 10px;
}
.index .important-notice h3:before {
	content: '';
	display: inline-block;
	background: url(../img/icon-important.svg) no-repeat;
	width: 24px;
	height: 24px;
	margin: 2px 6px 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
	vertical-align: bottom;
}
.index .important-notice ul {
	padding: 0 10px;
	font-size: 87.5%;
}
.index .important-notice ul li+li {
	border-top: 1px solid #DAE1E7;
}
.index .important-notice ul li a {
	display: block;
	padding: 10px;
	color: #990014;
}
.index .important-notice ul li a:hover {
	color: #f00;
}
@media only screen and (max-width: 479px){
	.index .topics .readmore {
		margin: 10px 0 0;
	}
	.index .sub-banner {
		margin: 10px 0 10px 10px;
	}
	.index .sub-banner li:nth-child(3) a,
	.index .sub-banner li:nth-child(4) a{
		margin: 0 10px 0 0;
	}
}
@media only screen and (min-width: 480px){
	.index .top-special {
		padding: 20px 0 0;
	}
	.index .top-normal,
	.category-top .top-normal{
		margin: 0 auto 15px;
	}
	.index .top-normal li{
		padding: 7px 5px 0 0;
	}
	.category-top .top-normal li {
		padding: 15px 5px 0 0;
	}
	.index .top-normal li+li{
		padding: 7px 0 0 5px;
	}
	.category-top .top-normal li+li{
		padding: 15px 0 0 5px;
	}
}
@media only screen and (min-width: 768px){
	.index .top-special {
		padding: 20px 0 0 0;
	}
	.index .top-special .prev {
		width: 70px;
		height: 90px;
		margin: -45px 0 0 0;
	}
	.index .top-special .next {
		width: 70px;
		height: 90px;
		margin: -45px 0 0 0;
	}
	.index .top-special .prev:before,
	.index .top-special .prev:after,
	.index .top-special .next:before,
	.index .top-special .next:after{
		width: 35px;
		height: 5px;
		background: #fff;
	}
	.index .top-special .prev:before,
	.index .top-special .prev:after{
		margin: auto 20px;
	}
	.index .top-special .next:before,
	.index .top-special .next:after{
		margin: auto 15px;
	}
	.index .top-normal li{
		padding-top: 10px;
	}
	.index .has-lead-text .lead-text {
		font-size: 100%;
	}
	.index .sub-banner ul li {
		width: 33.3%;
	}
	.index .sub-banner ul li:nth-child(4) {
		display: none;
	}
	.index aside {
		display: table;
		margin: 0 10px 0 0;
	}
	.index aside .social-account,
	.index aside .special-site,
	.index aside .important-notice {
		display: table-cell;
		width: 33.3%;
		vertical-align: top;
	}
	.index aside .social-account .inner,
	.index aside .special-site .inner,
	.index aside .important-notice .inner {
		margin: 10px 0 10px 10px;
	}
	.index .social-account ul,
	.index .social-account dl {
		margin-bottom: 6px;
	}
}
@media only screen and (min-width: 980px){
	.index .has-lead-text .lead-text {
		padding: 20px 60px 20px 20px;
		font-size: 125%;
	}
	.index .has-lead-text .lead-text:before {
		width: 40px;
		height: 40px;
	}
	.index .has-lead-text .lead-text:after {
		width: 10px;
		height: 10px;
		border-top: 3px solid #fff;
		border-left: 3px solid #fff;
		-webkit-transform: rotate(135deg) translate(4px,22px);
		-ms-transform: rotate(135deg) translate(4px,22px);
		-o-transform: rotate(135deg) translate(4px,22px);
		transform: rotate(135deg) translate(4px,22px);
	}
	.index .main {
		max-width: 980px;
		margin: 0 auto;
		padding: 10px 10px 0;
	}
	.index .main > .inner {
		display: table;
	}
	.index .products {
		display: table-cell;
		vertical-align: top;
	}
	.index .topics.card-view {
		margin: 0;
	}
	.index aside {
		display: table-cell;
		width: 237px;
	}
	.index aside .social-account,
	.index aside .special-site,
	.index aside .important-notice {
		display: block;
		width: 100%;
	}
	.index aside .social-account .inner,
	.index aside .special-site .inner,
	.index aside .important-notice .inner {
		margin: 0 0 10px;
	}
	.index .sub-banner {
		margin: 20px 0 0;
	}
}
.product-search .contents {
	padding: 10px;
	background: -moz-linear-gradient(top,  #b9cdd6 0%, #fff 100%) no-repeat;
	background: -webkit-linear-gradient(top,  #b9cdd6 0%,#fff 100%) no-repeat;
	background: linear-gradient(to bottom,  #b9cdd6 0%,#fff 100%) no-repeat;
	-webkit-background-size: 100% 300px;
	background-size: 100% 300px;
}
.product-search .contents .inner {
	max-width: 980px;
	margin: 0 auto;
}
.product-search .search-area {
	padding: 5px;
	border: 1px solid #B9CDD6;
	border-radius: 3px;
	background: #fff;
}
.product-search .filter {
	padding: 0 10px;
	color: #3c454c;
	background: #b0bec1;
	border-radius: 3px;
}
.product-search .filter h4 {
	display: block;
	position: relative;
	padding: 10px 0 10px 23px;
	color: #3c454c;
	font-size: 87.5%;
	cursor: pointer;
}
.product-search .filter h4:before {
	position: absolute;
	content:'+';
	display: block;
	width: 14px;
	height: 14px;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	color: #3c454c;
	line-height: 14px;
	text-align: center;
	border: 1px solid #3c454c;
	border-radius: 4px;
}
.product-search .filter h4.on {
	border-bottom: 1px solid #dae0e2;
}
.product-search .filter h4.on:before {
	content:'';
}
.product-search .filter h4.on:after {
	content:'';
	position: absolute;
	width: 8px;
	height: 1px;
	background: #3c454c;
	top: 0;
	left: 4px;
	bottom: 0;
	margin: auto;
}
.product-search .filter .options {
	display: none;
	padding: 10px 0;
}
.product-search .filter .options dl {
	display: table;
	width: 100%;
}
.product-search .filter .options dl dt {
	display: table-cell;
	width: 40%;
	font-size: 75%;
	text-align: right;
	vertical-align: middle;
}
.product-search .filter .options dl dd {
	display: table-cell;
	padding: 5px 0 5px 10px;
}
.product-search .filter .options dl.keyword dd {
	padding: 5px 0;
}
.product-search .filter .options dl dd select {
	min-width: 144px;
	padding: 4px;
	border: none;
	font-size: 81.25%;
}
.product-search .filter .options dl dd select:disabled {
	opacity: .7;
}
.product-search .filter .options .keyword {
	text-align: center;
}
.product-search .filter .options .keyword input {
	width: 200px;
	padding: 4px 10px 4px 30px;
	border: none;
	border-radius: 20px;
	line-height: 20px;
	background: url(../img/icon-search-gray.svg) no-repeat 10px 50% #fff;
	-webkit-background-size: 16px;
	background-size: 16px;
	font-size: 81.25%;
}
.product-search .result {
	position: relative;
	margin: 10px auto;
	border: 1px solid #B9CDD6;
	border-radius: 3px;
	background: #fff;
}
.product-search .result .counts {
	margin: 10px;
	padding: 8px 10px;
	font-size: 75%;
	border: 1px solid #B9CDD6;
	border-radius: 3px;
}
.product-search .result .counts span {
	display: inline-block;
	margin: 0 3px 0 0;
	color: #990014;
	font-weight: bold;
	font-size: 150%;
}
.product-search .game-list > ul {
	padding: 5px 10px 0;
}
.product-search .game-list li {
	margin: 0 0 20px;
}
.product-search .game-list a {
	display: block;
	color: #990014;
}
.product-search .game-list a:hover {
	color: #f00;
}
.product-search .game-list dl dt {
	position: relative;
	overflow: hidden;
	padding-top: 64.5%;
	height: 0;
}
.product-search .game-list dl dt span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	margin: auto;
	background: no-repeat 50% 50%;
	background-size: contain;
	-webkit-box-shadow: rgba(0,0,0,.1) 0 0 6px 0 inset;
	box-shadow: rgba(0,0,0,.1) 0 0 6px 0 inset;
	border-radius: 3px;
}
.product-search .game-list dl dd p {
	padding: 10px 6px 5px;
	font-size: 75%;
	line-height: 1.25;
}
.product-search .game-list .devices {
	padding: 0 6px;
}
.product-search .game-list .devices li {
	display: inline-block;
	margin: 0 2px 0 0;
	padding: 4px;
	font-size: 62.5%;
	line-height: 1;
	color: #fff;
	background: #3C454C;
	border-radius: 2px;
	vertical-align: top;
}
.product-search .result .nodata {
	margin: 10px;
	padding: 20px 10px;
	border-radius: 3px;
	background: #f2f6f7;
}
.product-search .result .pager {
	margin: 0 10px;
	border-top:1px solid #B9CDD6;
}
.product-search .result .pager ul {
	margin: 10px 0;
	text-align: center;
}
.product-search .result .pager ul li {
	display: inline-block;
}
.product-search .result .pager ul li a {
	display: block;
	padding: 1px 6px;
	font-size: 75%;
	border: 1px solid #B9CDD6;
	border-radius: 3px;
	color: #3C454C;
}
.product-search .result .pager ul li.current a {
	background: #B9CDD6;
}
@media only screen and (min-width: 480px){
	.product-search .game-list > ul {
		padding: 5px 0 0 10px;
	}
	.product-search .game-list > ul > li {
		display: inline-block;
		position: relative;
		width: 50%;
		vertical-align: top;
	}
	.product-search .game-list ul li {
		margin: 0 0 20px;
	}
	.product-search .game-list ul li a {
		margin: 0 10px 10px 0;
	}
}
@media only screen and (min-width: 768px){
	.product-search .filter {
		padding: 0 15px;
	}
	.product-search .filter .options dl.keyword dd {
		padding: 5px 0 5px 10px;
	}
	.product-search .search-area {
		padding: 10px;
	}
	.product-search .search-area .filter h4 {
		display: none;
	}
	/* アコーディオンメニューのjsでdisplay:none;されている場合があるため */
	.product-search .search-area .filter .options {
		display: table !important;
		width: 100%;
	}
	.product-search .search-area .filter .options dl {
		display: table-cell;
		width: auto;
		vertical-align: middle;
		white-space: nowrap;
	}
	.product-search .search-area .filter .options dl dt {
		display: inline-block;
		width: auto;
	}
	.product-search .search-area .filter .options dl dd {
		display: inline-block;
		min-width: auto;
	}
	.product-search .filter .options .keyword {
		text-align: right;
	}
	.product-search .filter .options .keyword input {
		width: 150px;
	}
	.product-search .game-list > ul > li {
		width: 33.3%;
		vertical-align: top;
	}
	.product-search .game-list dl dd p {
		padding: 10px 10px 5px;
		font-size: 87.5%;
		line-height: 1.286;
	}
	.product-search .game-list .devices {
		padding: 0 10px;
	}
	.product-search .result .counts {
		padding: 10px 13px;
	}
	.product-search .result .pager ul {
		margin: 20px 0;
	}
	.product-search .result .pager ul li a {
		font-size: 87.5%;
		padding: 6px 12px;
	}
	.product-search .result .pager ul li.prev {
		margin: 0 10px 0 0;
	}
	.product-search .result .pager ul li.next {
		margin: 0 0 0 10px;
	}
}
@media only screen and (min-width: 980px){
	.product-search .search-area .filter .options dl dt {
		display: inline-block;
		width: auto;
	}
	.product-search .filter .options .keyword input {
		width: 250px;
	}
}
@media only screen and (min-width: 768px){
	.product-list .search-area .filter .options dl {
		text-align: left;
	}
	.product-list .search-area .filter .options dl dt {
		display: inline-block;
		width: auto;
	}
}
.product-detail img {
	vertical-align: bottom;
}
.product-detail .contents {
	padding: 15px 10px;
	background: -moz-linear-gradient(top,  #b9cdd6 0%, #fff 100%) no-repeat;
	background: -webkit-linear-gradient(top,  #b9cdd6 0%,#fff 100%) no-repeat;
	background: linear-gradient(to bottom,  #b9cdd6 0%,#fff 100%) no-repeat;
	-webkit-background-size: 100% 300px;
	background-size: 100% 300px;
}
.product-detail .detail {
	overflow: hidden;
	max-width: 980px;
	margin: 0 auto;
	border: 1px solid #dae1e7;
	border-radius: 4px;
	background: #fff;
}
.product-detail .detail .ttl {
	margin: 0 10px;
	border-bottom: 1px solid #dae1e7;
}
.product-detail .detail .ttl h1 {
	margin: 10px 5px;
	font-weight: bold;
}
.product-detail .sns-share {
	margin: 10px 0;
	padding: 0 0 0 10px;
	white-space: nowrap;
	text-align: right;
}
.product-detail .sns-share li {
	display: inline-block;
}
.product-detail .sns-share li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../img/sns-icon.png) no-repeat 0 0;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	vertical-align: bottom;
	border-radius: 4px;
}
.product-detail .sns-share li.facebook a {
	background-position: 0 -30px;
}
.product-detail .sns-share li.line a {
	background-position: 0 -60px;
}
.product-detail .sns-share li.google a {
	background-position: 0 -90px;
}
.product-detail .official-website {
	border: 1px solid #dab7bc;
	margin: 10px;
	border-radius: 4px;
}
.product-detail .official-website:hover {
	border: 1px solid #f00;
}
.product-detail .official-website a {
	position: relative;
	display: block;
	color: #990014;
	padding: 10px;
}
.product-detail .official-website a:hover {
	color: #f00;
}
.product-detail .official-website a:after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	right: 10px;
	top:0;
	bottom: 0;
	margin: auto;
	border-top: 1px solid #990014;
	border-left: 1px solid #990014;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.product-detail .official-website a:hover:after {
	border-top: 1px solid #f00;
	border-left: 1px solid #f00;
}
.product-detail .main-visual {
	padding: 10px;
	text-align: center;
}
.product-detail .main-visual img {
	width: auto;
	max-width: 100%;
}
.product-detail .main-visual.stretch .inner {
	position: relative;
	overflow: hidden;
	padding-top: 55.6%;
	height: 0;
}
.product-detail .main-visual.stretch .inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.product-detail .main-visual.stretch img {
	width: 100%;
	vertical-align: bottom;
}
.product-detail .platform ul {
	margin: 0 10px;
}
.product-detail .platform ul li {
	display: inline-block;
	padding: 4px 5px;
	font-size: 75%;
	line-height: 1;
	color: #fff;
	background: #3c454c;
	border-radius: 2px;
}
.product-detail .product-info .description-short {
	padding: 10px;
	font-size: 87.5%;
}
.product-detail .topics {
	padding: 0 1px;
	margin: 10px;
	border-radius: 4px;
	background: #3c454c;
}
.product-detail .topics h3 {
	display: table;
	width: 100%;
	color: #fff;
}
.product-detail .topics h3 p {
	display: table-cell;
	padding: 10px;
	vertical-align: middle;
}
.product-detail .topics h3 p:first-child:before {
	content: '';
	display: inline-block;
	background: url(../img/icon-topics-white.svg) no-repeat;
	width: 21px;
	height: 18px;
	margin: 0 6px 2px 0;
	-webkit-background-size: 100%;
	background-size: 100%;
	vertical-align: bottom;
}
.product-detail .topics h3 p a {
	position: relative;
	display: block;
	padding: 0 20px 0 0;
	font-size: 75%;
	text-align: right;
	color: #fff;
}
.product-detail .topics h3 p a:before,
.product-detail .topics h3 p a:after {
	position: absolute;
	content: '';
	right: 0;
	top:0;
	bottom: 0;
	margin: auto;
}
.product-detail .topics h3 p a:before {
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	border: 1px solid #fff;
	border-radius: 4px;
}
.product-detail .topics h3 p a:after {
	width: 5px;
	height: 5px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(135deg) translate(4px,4px);
	-ms-transform: rotate(135deg) translate(4px,4px);
	-o-transform: rotate(135deg) translate(4px,4px);
	transform: rotate(135deg) translate(4px,4px);
}
.product-detail .topics ul li {
	border-top: 1px solid #53656f;
}
.product-detail .topics ul li a {
	position: relative;
	display:block;
	overflow: hidden;
	height:95px;
	color: #fff;
}
.product-detail .topics ul li a:after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 20px;
	background: -moz-linear-gradient(top,  rgba(60,69,76,0) 0%, rgba(60,69,76,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(60,69,76,0) 0%,rgba(60,69,76,1) 100%);
	background: linear-gradient(to bottom,  rgba(60,69,76,0) 0%,rgba(60,69,76,1) 100%);
}
.product-detail .topics ul li:last-child a:after{
	border-radius: 0 0 4px 4px;
}
.product-detail .topics dl {
	display: table;
	width: 100%;
}
.product-detail .topics dt {
	display: table-cell;
	width: 102px;
}
.product-detail .topics dt p {
	position: relative;
	overflow: hidden;
	padding-top: 76.6%;
	height: 0;
	background: #3C454C;
}
.product-detail .topics .yt dt p{
	background: #000;
}
.product-detail .topics dt p img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	margin: auto;
}
.product-detail .topics .tw dt p {
	background: #3C454C;
}
.product-detail .topics .tw dt p img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 70%;
	height: auto;
	margin: auto;
	border-radius: 3px;
}
.product-detail .topics .tw dd h4:before {
	content: '';
	display: inline-block;
	background: url(../../common/img/logo-twitter.svg) no-repeat;
	width: 20px;
	height: 18px;
	margin: 0 6px 0 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	vertical-align: middle;
}
.product-detail .topics dd {
	display: table-cell;
	padding: 10px;
	vertical-align: top;
}
.product-detail .topics dd h4 {
	font-size: 87.5%;
	font-weight: bold;
}
.product-detail .topics dd p {
	font-size: 75%;
	color: #7e9ca7;
}
.product-detail .buy {
	margin: 10px;
	padding: 0 10px;
	border: 1px solid #B9CDD6;
	border-radius: 4px;
	background: #f2f6f7;
}
.product-detail .buy div.disable {
	position: relative;
}
.product-detail .buy div.disable > p {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 80%;
	height: 40px;
	margin: auto;
	padding: 10px;
	font-size: 87.5%;
	vertical-align: middle;
	text-align: center;
}
.product-detail .buy h3{
	margin: 10px 0;
	padding: 5px 10px;
	font-size: 87.5%;
	border-radius: 2px;
	color: #fff;
	background: #3c454c;
}
.product-detail .buy .disable h3 {
	opacity: .3;
}
.product-detail .buy dl {
	display: table;
	width: 100%;
	margin: 0 0 10px;
}
.product-detail .buy dt {
	display: table-cell;
	width: 100px;
	text-align: left;
}
.product-detail .buy img {
	width: 90px;
	vertical-align: bottom;
}
.product-detail .buy .disable span {
	display: inline-block;
	width: 80px;
	height: 100px;
	vertical-align: bottom;
	background: #ccc;
	box-shadow: #aaa 0 0 20px;
}
.product-detail .buy dd {
	display: table-cell;
	vertical-align: top;
}
.product-detail .buy dd h4 {
	margin: 0 0 6px;
	padding: 3px 5px 5px;
	font-size: 81.25%;
	line-height: 1.231;
	font-weight: bold;
	border-bottom: 1px solid #B9CDD6;
}
.product-detail .buy .disable dd h4 {
	text-shadow: #999 0 0 10px;
	color: transparent;
}
.product-detail .buy dd p {
	padding: 0 0 0 5px;
	font-size: 75%;
}
.product-detail .buy dd p select {
	margin: 5px 0 0 0;
	padding: 2px;
	font-size: 100%;
}
.product-detail .buy .disable dd p {
	text-shadow: #999 0 0 10px;
	color: transparent;
}
.product-detail .buy .disable dd p select {
	text-shadow: #333 0 0 10px;
	color: transparent;
	opacity: .5;
}
.product-detail .buy dd p em {
	display: inline-block;
	font-weight: bold;
}
.product-detail .buy dd a {
	display: block;
	position: relative;
	width: auto;
	margin: 10px 0;
	padding: 5px 10px;
	font-size: 75%;
	color: #fff;
	background: #990014;
}
.product-detail .buy dd a:hover {
	background: #f00;
}
.product-detail .buy dd a:after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	right: 10px;
	top:0;
	bottom: 0;
	margin: auto;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.product-detail .buy .disable dd a {
	box-shadow: #990014 0 0 10px;
	text-shadow: #fff 0 0 10px;
	color: transparent;
	opacity: .1;
}
.product-detail .download {
	margin: 10px;
	border: 1px solid #B9CDD6;
	border-radius: 4px;
	background: #f2f6f7;
}
.product-detail .download .app-icon {
	width: 80px;
	padding: 10px 10px 0;
	margin: 0 auto;
}
.product-detail .download .app-icon img {
	width: 80px;
	border-radius: 12px;
	vertical-align: bottom;
}
.product-detail .download h4 {
	margin: 10px;
	padding: 5px 10px;
	font-size: 87.5%;
	border-radius: 2px;
	color: #fff;
	background: #3C454C;
}
.product-detail .download dl {
	display: table;
	width: 100%;
	margin: 0 0 10px;
}
.product-detail .download dl dt {
	display: table-cell;
	width: 100px;
	padding: 0 0 0 10px;
	vertical-align: top;
}
.product-detail .download dl dt img {
	border: 1px solid #dddddd;
	vertical-align: bottom;
}
.product-detail .download dl dd {
	display: table-cell;
	padding: 0 10px;
	font-size: 87.5%;
	vertical-align: top;
}
.product-detail .download dl dd img {
	width: 135px;
}
.product-detail .download dl dd a.link-text {
	position: relative;
	display: inline-block;
	margin: 10px 0;
	padding: 0 0 0 20px;
	color: #990014;
}
.product-detail .download dl dd a.link-text:hover {
	text-decoration: underline;
	color: #f00;
}
.product-detail .download dl dd a.link-text:hover:before {
	border: 1px solid #f00;
}
.product-detail .download dl dd a.link-text:hover:after {
	border-top: 1px solid #f00;
	border-left: 1px solid #f00;
}
.product-detail .download dl dd a.link-text:before,
.product-detail .download dl dd a.link-text:after {
	position: absolute;
	content: '';
	left: 0;
	top:0;
	bottom: 0;
	margin: auto;
}
.product-detail .download dl dd a.link-text:before {
	width: 14px;
	height: 14px;
	border-radius: 3px;
	border: 1px solid #dab7bc;
}
.product-detail .download dl dd a.link-text:after {
	width: 5px;
	height: 5px;
	left: 9px;
	border-top: 1px solid #990014;
	border-left: 1px solid #990014;
	-webkit-transform: rotate(135deg) translate(4px,4px);
	-ms-transform: rotate(135deg) translate(4px,4px);
	-o-transform: rotate(135deg) translate(4px,4px);
	transform: rotate(135deg) translate(4px,4px);
}
.product-detail .screenshot {
	margin: 10px;
}
.product-detail .screenshot ul {
	width: 100%;
	overflow-x: auto;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
}
.product-detail .screenshot ul li {
	display: inline-block;
	vertical-align: middle;
}
.product-detail .screenshot ul li a,
.product-detail .screenshot ul li p{
	display: inline-block;
}
.product-detail .screenshot ul li img {
	max-height: 360px;
	width: auto;
}
.gs .product-detail .screenshot ul li img {
	max-height:none;
	max-width:360px;
	height:auto;
}
.product-detail .screenshot ul li.type-youtube a{
	overflow: hidden;
	position: relative;
	display:table-cell;
	height: 360px;
	vertical-align:middle;
	background: #000;
}
.product-detail .screenshot ul li.type-youtube img {
	max-height:none;
	max-width:480px;
	height:auto;
	opacity: .7;
	z-index: -1;
}
.product-detail .screenshot ul li.type-youtube a:before {
	position: absolute;
	content: '';
	display: block;
	top: 10px;
	left: 10px;
	width: 65px;
	height: 28px;
	margin: 2px 6px 0 0;
	background: url(../../common/img/logo-youtube.svg) no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	z-index: 1;
}
.product-detail .screenshot ul li.type-youtube a:after {
	position: absolute;
	content: '';
	display: block;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 82px;
	height: 82px;
	margin: auto;
	background: url(../../jp/img/icon-play.svg) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	z-index: 1;
}
.product-detail .screenshot ul li.type-youtube a:hover:after {
	background: url(../../jp/img/icon-play.svg) no-repeat 0 100%;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	z-index: 1;
}
.product-detail .description-long {
	padding: 10px;
	font-size: 87.5%;
}
.product-detail .description-long h2,
.product-detail .description-short h2 {
	padding: 0 0 15px;
	font-size: 114.3%;
	font-weight: bold;
}
.product-detail .description-long h3,
.product-detail .description-short h3 {
	padding: 8px 15px;
	margin: 10px 0;
	background: #f2f6f7;
	font-weight: bold;
}
.product-detail .description-long h4,
.product-detail .description-short h4 {
	padding: 0 5px 5px;
	margin: 0 0 5px;
	border-bottom: 1px dotted #ccc;
}
.product-detail .description-long p.lead {
	padding-bottom:10px;
}
.product-detail .description-long .list,
.product-detail .description-short ul.list {
	padding: 10px;
}
.product-detail .description-long .list li,
.product-detail .description-short ul.list li {
	position: relative;
	padding: 0 0 0 1em;
	margin: 0 0 5px;
	font-size: 85.7%;
}
.product-detail .description-long .list.dot li:before,
.product-detail .description-short ul.list.dot li:before {
	position: absolute;
	left: 0;
	content:"・";
}
.product-detail .description-long .list.asterisk li:before,
.product-detail .description-short ul.list.asterisk li:before{
	position: absolute;
	left: 0;
	content:"※";
}
.product-detail .description-long .list.num li,
.product-detail .description-short ul.list.num li{
	counter-increment: num;
}
.product-detail .description-long .list.num li:before,
.product-detail .description-short ul.list.num li:before {
	position: absolute;
	left: 0;
	content: counter(num, decimal);
}
.product-detail ul.img-list {
	margin: 0 0 10px;
}
.product-detail ul.img-list.center li {text-align: center;}
.product-detail ul.img-list.left li {text-align: left;}
.product-detail ul.img-list.right li {text-align: right;}
.product-detail ul.img-list li img {
	max-width: 100%;
}
.product-detail .img-block-list li {
	display: inline-block;
	box-sizing: border-box;
	padding: 0 1.14007% 10px;
	max-width: 33.33%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.product-detail .img-block-list.center {text-align: center;}
.product-detail .img-block-list.left {text-align: left;}
.product-detail .img-block-list.right {text-align: right;}
.product-detail .img-block-list.columns-1 li {max-width: 100%;}
.product-detail .img-block-list.columns-2 li {max-width: 50%;}
.product-detail .img-block-list.columns-4 li {max-width: 25%;}
.product-detail .img-block-list.columns-5 li {max-width: 20%;}
.product-detail .img-block-list.columns-6 li {max-width: 16.66%;}
.product-detail .img-block-list.columns-7 li{max-width: 14.28%;}
.product-detail .img-block-list.columns-8 li {max-width: 12.5%;}
.product-detail .img-block-list.columns-9 li {max-width: 11.11%;}
.product-detail .img-block-list li img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
.product-detail p.btn a{
	position: relative;
	display: inline-block;
	padding: 6px 20px 6px 10px;
	margin: 10px 0;
	border: 1px solid #dab7bc;
	border-radius: 3px;
	color: #990014;
}
.product-detail p.btn a:after{
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	right: 10px;
	top:0;
	bottom: 0;
	margin: auto;
	border-top: 1px solid #990014;
	border-left: 1px solid #990014;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.product-detail p.btn a:hover{
	border: 1px solid #f00;
	color: #f00;
}
.product-detail p.btn a:hover:after{
	border-top: 1px solid #f00;
	border-left: 1px solid #f00;
}
.product-detail .shop-search {
	padding: 10px;
}
.product-detail .shop-search p.btn a {
	margin: 0;
	padding: 10px 25px 6px 10px;
	border: 1px solid #990014;
	background: #990014;
	color: #fff;
}
.product-detail .shop-search p.btn a:before {
	content:"";
	margin: -7px 3px -3px -5px;
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	background: url(../../jp/img/icon-shop-search.svg) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.product-detail .shop-search p.btn a:after {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
.product-detail .shop-search p.btn a:hover {
	border: 1px solid #f00;
	background: #f00;
}

.product-detail .description-long .spec,
.product-detail .description-short .spec {
	margin: 0;
}
.product-detail .description-long .spec table,
.product-detail .description-short .spec table {
	font-size: 100%;
}
.product-detail .description-long .image-description,
.product-detail .description-short .image-description {
	display: table;
	width: 100%;
	margin: 0 0 15px;
}
.product-detail .description-long .image-description img,
.product-detail .description-short .image-description img {
	max-width: 100%;
	vertical-align: bottom;
}
.product-detail .description-long .image-description dd,
.product-detail .description-short .image-description dd {
	padding: 10px 0 0 0;
}
.product-detail .description-long .image-description dt,
.product-detail .description-short .image-description dt {
	text-align: center;
}
.product-detail .description-long .download-docs,
.product-detail .description-short .download-docs {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #ced9e0;
}
.product-detail .description-long .download-docs dt,
.product-detail .description-short .download-docs dt {
	padding: 6px 0 6px 10px;
}
.product-detail .description-long .download-docs ul li,
.product-detail .description-short .download-docs ul li {
	padding: 6px 0 6px 16px;
	border-top: 1px dotted #b3bbbf;
}
.product-detail .description-long .download-docs ul li a,
.product-detail .description-short .download-docs ul li a {
	color: #990014;
}
.product-detail .description-long .download-docs ul li a:hover,
.product-detail .description-short .download-docs ul li a:hover {
	color: #f00;
}
.product-detail .description-long .download-docs ul li a:before,
.product-detail .description-short .download-docs ul li a:before {
	content: '';
	display: inline-block;
	background: url(../img/icon_download.svg) no-repeat;
	width: 25px;
	height: 25px;
	margin: 0 6px 0 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	vertical-align: bottom;
}
.product-detail .spec {
	margin: 10px;
	padding: 10px;
	border: 1px solid #ced9e0;
}
.product-detail .spec table {
	width: 100%;
	font-size: 81.25%;
}
.product-detail .spec tr th {
	padding: 6px 5px;
	vertical-align: top;
}
.product-detail .spec tr td {
	padding: 6px 0 6px 10px;
	vertical-align: top;
}
.product-detail .spec tr+tr th,
.product-detail .spec tr+tr td {
	border-top: 1px dotted #b3bbbf;
}
.product-detail .spec td {
	border-left: 1px dotted #b3bbbf;
}
.product-detail .spec td dl dt span {
	display: block;
	margin: 0 0 5px;
	padding: 2px 4px;
	border-radius: 2px;
	background: #e2e6e7;
	font-size: 76.9%;
}
.product-detail .spec td dl + dl {
	margin: 5px 0 0 0;
}
.product-detail .spec td.platforms span{
	display: inline-block;
}
.product-detail .rating {
	margin: 10px;
}
.product-detail .rating img {
	width: 56px;
	height: 68px;
}
.product-detail .copy {
	margin: 10px;
	font-size: 75%;
	line-height: 1.4;
}
.product-detail .copy img {
	max-width:100%;
	margin: 10px 0;
}
.product-detail .related-info .topics {
	display: none;
}
.product-detail .social-account {
	margin: 10px;
}
.product-detail .social-account dl {
	padding: 0 10px;
	margin: 0 0 10px 0;
	border-radius: 4px;
}
.product-detail .social-account dl dt {
	position: relative;
	font-size: 87.5%;
}
.product-detail .social-account dl dd {
	border-top: 1px solid #93CCF7;
}
.product-detail .social-account dl dt:before,
.product-detail .social-account dl dt:after {
	position: absolute;
	content: '';
	right: 0;
	top:0;
	bottom: 0;
	margin: auto;
}
.product-detail .social-account dl dt:before {
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	border-radius: 4px;
	border: 1px solid #fff;
}
.product-detail .social-account dl dt:after {
	width: 5px;
	height: 5px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(135deg) translate(4px,4px);
	-ms-transform: rotate(135deg) translate(4px,4px);
	-o-transform: rotate(135deg) translate(4px,4px);
	transform: rotate(135deg) translate(4px,4px);
}
.product-detail .social-account dl dt a {
	display: block;
	padding: 10px 0;
	vertical-align: middle;
	color: #fff;
}
.product-detail .social-account dl dd {
	padding: 10px 0;
}
.product-detail .social-account dl dd a {
	color: #fff;
}
.product-detail .social-account dl dd .profile {
	display: table;
}
.product-detail .social-account dl dd .profile span {
	display: table-cell;
	vertical-align: middle;
	font-size: 87.5%;
}
.product-detail .social-account dl dd .profile span img {
	width: 40px;
}
.product-detail .social-account dl dd .profile span+span {
	padding: 0 0 0 10px;
}
.product-detail .social-account dl dd .tweet {
	font-size: 75%;
}
.product-detail .social-account .twitter {
	background: #55acee;
}
.product-detail .social-account .twitter dt a:before {
	content: '';
	display: inline-block;
	background: url(../../common/img/logo-twitter.svg) no-repeat;
	width: 32px;
	height: 27px;
	margin: 0 6px 0 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	vertical-align: middle;
}
.product-detail .social-account .facebook {
	background: #3c5a98;
}
.product-detail .social-account .facebook dt a:before {
	content: '';
	display: inline-block;
	background: url(../../common/img/logo-facebook.svg) no-repeat;
	width: 34px;
	height: 34px;
	margin: 0 6px 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
	vertical-align: middle;
}
.product-detail .social-account .youtube {
	background: #e32527;
}
.product-detail .latest-updates {
	margin: 10px;
	padding: 10px;
	border: 1px solid #B9CDD6;
	border-radius: 4px;
}
.product-detail .latest-updates h3 {
	display: table;
	width: 100%;
	border-bottom: 1px solid #B9CDD6;
	border-radius: 4px;
}
.product-detail .latest-updates h3 p {
	display: table-cell;
	width: 50px;
	padding: 0 0 10px 0;
	vertical-align: middle;
}
.product-detail .latest-updates h3 p+p {
	width: auto;
}
.product-detail .latest-updates h3 p img {
	width: 40px;
	vertical-align: bottom;
}
.product-detail .latest-updates h3 p a {
	position: relative;
	display: block;
	padding: 0 20px 0 0;
	font-size: 75%;
	text-align: right;
	color: #990014;
}
.product-detail .latest-updates h3 p a:before,
.product-detail .latest-updates h3 p a:after {
	position: absolute;
	content: '';
	right: 0;
	top:0;
	bottom: 0;
	margin: auto;
}
.product-detail .latest-updates h3 p a:before {
	width: 14px;
	height: 14px;
	border-radius: 4px;
	background: #990014;
}
.product-detail .latest-updates h3 p a:after {
	width: 5px;
	height: 5px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(135deg) translate(4px,4px);
	-ms-transform: rotate(135deg) translate(4px,4px);
	-o-transform: rotate(135deg) translate(4px,4px);
	transform: rotate(135deg) translate(4px,4px);
}
.product-detail .latest-updates ul li+li {
	border-top: 1px solid #B9CDD6;
}
.product-detail .latest-updates ul li a {
	display: block;
	position: relative;
	padding: 10px;
	color: #990014;
}
.product-detail .latest-updates ul li a span {
	font-size: 75%;
	line-height: 1;
	color: #3d444a;
}
.product-detail .latest-updates ul li a p {
	font-size: 75%;
	line-height: 1.2;
}
.product-detail .recommended_items {
	margin: 10px;
}
.product-detail .recommended_items .inner {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 10px;
	border: 1px solid #B9CDD6;
	border-radius: 4px;
	background: #f2f6f7;
}
.product-detail .recommended_items h3 {
	padding: 10px 0;
	border-bottom: 1px solid #B9CDD6;
}
.product-detail .recommended_items h3:before {
	content: '';
	display: inline-block;
	background: url(../img/icon-recommend.svg) no-repeat;
	width: 20px;
	height: 20px;
	margin: 0 6px 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
	vertical-align: bottom;
}
.product-detail .recommended_items ul li+li {
	border-top: 1px dotted #B9CDD6;
}
.product-detail .recommended_items ul li a {
	display: block;
	padding: 10px 0;
	font-size: 87.5%;
	line-height: 1.4;
	color: #990014;
}
.product-detail .recommended_items ul li a:hover {
	color: #f00;
}
.product-detail .recommended_items dl {
	display: table;
}
.product-detail .recommended_items dl dt {
	display: table-cell;
}
.product-detail .recommended_items dl dt img {
	width: 60px;
	vertical-align: bottom;
	border-radius: 6px;
}
.product-detail .recommended_items.pkg_items dl dt img {
	border-radius: 0;
}
.product-detail .recommended_items dl dd {
	display: table-cell;
	padding: 3px 0 0 10px;
	vertical-align: top;
}
.product-detail .recommended_items dl dd p.title {
	font-size: 87.5%;
}
.product-detail .recommended_items dl dd p.price {
	padding: 2px 0;
	color: #3c454c;
	font-size: 87.5%;
}
.product-detail .recommended_items dl dd p.price span {
	display: block;
	font-size: 8px;
}
.product-detail .recommended_items dl dd p.device span {
	display: inline-block;
	margin: 2px;
	padding: 4px;
	font-size: 75%;
	line-height: 1;
	color: #fff;
	background: #3c454c;
	border-radius: 2px;
}
.product-detail .link-text a {
	display: inline-block;
	margin: 0 0 10px;
	padding: 0 0 0 20px;
	position: relative;
	color: #990014;
}
.product-detail .link-text a:hover {
	text-decoration: underline;
	color: #f00;
}
.product-detail .link-text a:hover:before {
	border: 1px solid #f00;
}
.product-detail .link-text a:hover:after {
	border-top: 1px solid #f00;
	border-left: 1px solid #f00;
}
.product-detail .link-text a:before,
.product-detail .link-text a:after {
	position: absolute;
	content: '';
	left: 0;
	top:0;
	bottom: 0;
	margin: auto;
}
.product-detail .link-text a:before {
	width: 14px;
	height: 14px;
	border-radius: 3px;
	border: 1px solid #dab7bc;
}
.product-detail .link-text a:after {
	width: 5px;
	height: 5px;
	left: 9px;
	border-top: 1px solid #990014;
	border-left: 1px solid #990014;
	-webkit-transform: rotate(135deg) translate(4px,4px);
	-ms-transform: rotate(135deg) translate(4px,4px);
	-o-transform: rotate(135deg) translate(4px,4px);
	transform: rotate(135deg) translate(4px,4px);
}
.product-detail .languages-table {
	margin: 10px;
	background: #f2f6f7;
	border: 1px solid #B9CDD6;
	border-radius: 4px;
}
.product-detail .description-long .languages-table {
	margin: 0 0 10px;
}
.product-detail .description-long .languages-table .lang-ttl{
	font-size: 100%;
}
.product-detail .languages-table .lang-ttl {
	display: block;
	position: relative;
	padding: 10px 10px 10px 30px;
	margin: 0;
	border-radius: 3px;
	background: #f2f6f7;
	font-size: 87.5%;
	cursor: pointer;
	border: none;
}
.product-detail .languages-table .lang-ttl:before {
	position: absolute;
	content:'+';
	display: block;
	width: 14px;
	height: 14px;
	top: 0;
	left: 10px;
	bottom: 0;
	margin: auto;
	color: #3C454C;
	line-height: 14px;
	text-align: center;
	border: 1px solid #3C454C;
	border-radius: 4px;
}
.product-detail .languages-table.on .lang-ttl:before {
	content:'';
}
.product-detail .languages-table.on .lang-ttl:after {
	content:'';
	position: absolute;
	width: 8px;
	height: 1px;
	background: #3C454C;
	top: 0;
	left: 14px;
	bottom: 0;
	margin: auto;
}
.product-detail .languages-table .languages-table-inner {
	display: none;
}
.product-detail .languages-table.on .languages-table-inner {
	display: block;
}
.product-detail .languages-table .languages-table-inner {
	padding: 0 10px 10px;
}
.product-detail .languages-table .languages-table-inner table {
	width: 100%;
	background: #fff;
}
.product-detail .languages-table .languages-table-inner table th,
.product-detail .languages-table .languages-table-inner table td {
	padding: 6px 10px;
	border: 1px solid #ced9e0;
	text-align: center;
	font-size: 75%;
}
.product-detail .languages-table .languages-table-inner table th {
	width: 25%;
	background: #3C454C;
	color: #fff;
}
/* 年齢認証の結果、ページを表示できない */
.product-detail .detail .not-age-varification{
	padding:40px 20px 50px;
}

@media only screen and (min-width: 480px){
	.product-detail .description-long .image-description dt,
	.product-detail .description-short .image-description dt,
	.product-detail .description-long .image-description dd,
	.product-detail .description-short .image-description dd {
		display: table-cell;
		width: 50%;
		vertical-align: top;
		box-sizing: border-box;
	}
	.product-detail .description-long .image-description dd,
	.product-detail .description-short .image-description dd {
		padding: 0 0 0 10px;
	}
	.product-detail .description-long .download-docs,
	.product-detail .description-short .download-docs {
		display: table;
		box-sizing: border-box;
		width: 100%;
	}
	.product-detail .description-long .download-docs dt,
	.product-detail .description-short .download-docs dt {
		display: table-cell;
	}
	.product-detail .description-long .download-docs ul,
	.product-detail .description-short .download-docs ul {
		border-left: 1px dotted #b3bbbf;
	}
	.product-detail .description-long .download-docs ul li,
	.product-detail .description-short .download-docs ul li {
		border: none;
	}
	.product-detail .description-long .download-docs ul li+li,
	.product-detail .description-short .download-docs ul li+li {
		border-top: 1px dotted #b3bbbf;
	}
	.product-detail .detail .ttl {
		position: relative;
		min-height: 50px;
		margin: 0 10px;
	}
	.product-detail .detail .ttl h1 {
		position: relative;
		min-height: 25px;
		margin: 0 160px 0 5px;
		padding: 15px 0 10px;
		font-weight: bold;
	}
	.product-detail .sns-share {
		position: absolute;
		right: 0;
		width: 150px;
		margin: 0;
		padding: 10px 0 10px 10px;
		white-space: nowrap;
		text-align: right;
	}
	.product-detail .buy dd a {
		width: 120px;
		margin: 15px 0 0 0;
		font-size: 81.25%;
	}
	.product-detail .buy dt {
		width: 165px;
	}
	.product-detail .buy dt img {
		width: 150px;
	}
	.product-detail .buy dd h4 {
		margin: 0 0 10px;
		padding: 15px 5px 10px;
		font-size: 93.75%;
		border-bottom: 1px dotted #B9CDD6;
	}
	.product-detail .buy dd p {
		font-size: 81.25%;
	}
	.product-detail .buy dd p select {
		margin: 8px 0 0;
	}
	.product-detail .download .inner {
		display: table;
		width: 100%;
	}
	.product-detail .download .inner > p,
	.product-detail .download .inner > ul{
		display: table-cell;
		vertical-align: top;
	}
	.product-detail .download .app-icon {
		padding: 10px 5px 0 10px;
		width: 80px;
	}
	.product-detail .download .app-icon img {
		width: 80px;
	}
	.product-detail .spec tr th,
	.product-detail .spec tr td {
		padding: 6px 10px;
	}
	.product-detail .spec td .inner {
		display: table;
	}
	.product-detail .spec td dl {
		display: table-row;
	}
	.product-detail .spec td dl dt {
		display: table-cell;
		padding: 0 10px 0 0;
	}
	.product-detail .spec td dl dd{
		display: table-cell;
	}
	.product-detail .spec td dl dt span {
		margin: 0;
		text-align: center;
	}
	.product-detail .spec td dl+dl dt {
		padding-top: 10px;
	}
	.product-detail .spec td dl+dl dd{
		padding-top: 10px;
	}
}
@media only screen and (min-width: 768px){
	.product-detail .detail .ttl {
		padding: 7px 0 0 0;
		margin: 0 10px 10px;
	}
	.product-detail .detail .ttl h1 {
		font-size: 125%;
	}
	.product-detail .platform ul {
		margin: 7px 10px;
	}
	.product-detail .product-info {
		float: left;
		width: 100%;
		box-sizing: border-box;
		margin: 0 -300px 0 0;
		padding: 0 290px 0 0;
	}
	.product-detail .description-long h2,
	.product-detail .description-short h2 {
		font-size: 142.8%;
	}
	.product-detail .related-info {
		float: right;
		width: 300px;
	}
	.product-detail .related-info .topics {
		display: block;
	}
	.product-detail .product-info .topics {
		display: none;
	}
	.product-detail .shop-search {
		padding: 0 10px 10px;
	}
	.product-detail .official-website {
		width: 200px;
		margin: 10px 10px 20px;
	}
	.product-detail .official-website a {
		padding: 6px 10px;
		font-size: 81.25%;
	}
	.product-detail .topics ul li:first-child a{
		height:auto;
	}
	.product-detail .topics ul li:first-child a:after {
		height: 0;
		background: transparent;
	}
	.product-detail .topics li:first-child dl {
		display: block;
	}
	.product-detail .topics li:first-child dt {
		display: block;
		width: 100%;
	}
	.product-detail .recommended_items dl dt img {
		width: 86px;
	}
	.product-detail .recommended_items dl dd {
		padding: 6px 0 0 12px;
	}
	.product-detail .recommended_items dl dd p.title {
		padding: 0 0 6px 2px;
	}
	.product-detail .recommended_items dl dd p.price {
		padding: 0 0 6px 2px;
	}
}
table.responsible-table {
	width: 100%;
	margin: 0 0 15px;
	box-sizing: border-box;
}
table.responsible-table th,
table.responsible-table td {
	padding: 10px;
	border: 1px solid #ced9e0;
}
table.responsible-table th p,
table.responsible-table td p {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
table.responsible-table th  { background: #f2f6f7; }
table.responsible-table em { color:#990014;}

table.normal-table {
	width: 100%;
	margin: 0 0 15px;
	box-sizing: border-box;
}
table.normal-table th,
table.normal-table td {
	padding: 10px;
	border: 1px solid #ced9e0;
}
table.normal-table th  { background: #f2f6f7; }

/*----------------------------------------------------
.responsible-table.cell
----------------------------------------------------*/
table.cell th  {
	width: 30%;
	text-align: left;
}
@media only screen and (max-width:480px){
	table.cell th,
	table.cell td{
		width: 100%;
		box-sizing: border-box;
		display: block;
		border-top: none;
	}
	table.cell tr:first-child th { border-top: 1px solid #ddd; }
}

/*----------------------------------------------------
.responsible-table.oveflow
----------------------------------------------------*/
table.oveflow th  {
	width: 13%;
	text-align: center;
}
table.oveflow td  { text-align: center; }
table.oveflow td:first-child  { text-align: left; }
@media only screen and (max-width: 800px) { 
	table.oveflow { 
		display: block; 
		width: 100%; 
	}
	table.oveflow thead{ 
		display: block; 
		float: left;
		overflow-x:scroll;
	}
	table.oveflow tbody{ 
		display: block; 
		width: auto; 
		overflow-x: auto; 
		white-space: nowrap;
	}
	table.oveflow th{ 
		display: block;
		width:auto;
	}
	table.oveflow tbody tr{ 
		display: inline-block; 
		margin: 0 -2.8px;
	}
	table.oveflow td{ 
		display: block;
	}
}

/*----------------------------------------------------
.responsible-table.list
----------------------------------------------------*/
table.list th,
table.list td  {
	width: 20%;
	text-align: left;
}
@media only screen and (max-width: 480px) { 
	table.list tr {
		display:block;
		margin-bottom: 10px;
	}
	table.list th {
		display:block;
		width: 100%;
		box-sizing: border-box;
	}
	table.list td {
		display: list-item;
		list-style-type: none;
		width: 100%;
		box-sizing: border-box;
		border: none;
		border-bottom: 1px dotted #ccc;
	}
}
.topics-list .contents {
	padding: 10px 0 0 0;
	background: -moz-linear-gradient(top,  #b9cdd6 0%, #fff 100%) no-repeat;
	background: -webkit-linear-gradient(top,  #b9cdd6 0%,#fff 100%) no-repeat;
	background: linear-gradient(to bottom,  #b9cdd6 0%,#fff 100%) no-repeat;
	-webkit-background-size: 100% 300px;
	background-size: 100% 300px;
}
.topics-list .contents .inner {
	max-width: 980px;
	margin: 0 auto;
}
.topics-list .search-area {
	margin: 0 10px;
	padding: 10px;
	border-radius: 3px;
	background: #fff;
}
.topics-list .filter {
	padding: 0 10px;
	color: #fff;
	background: #990014;
	border-radius: 3px;
}
.topics-list .filter .options {
	width: 100%;
	padding: 10px 0;
}
.topics-list .filter .options dl {
	text-align: center;
}
.topics-list .filter .options dl dt {
	display: inline-block;
	font-size: 75%;
	white-space: nowrap;
}
.topics-list .filter .options dl dd {
	display: inline-block;
	box-sizing: border-box;
	width: 60%;
	padding: 5px 0 5px 10px;
}
.topics-list .filter .options dl dd select {
	box-sizing: border-box;
	width: 100%;
	padding: 4px;
	border: none;
	font-size: 81.25%;
}
.topics-list .filter .options dl dd select:disabled {
	opacity: .7;
}
.topics-list .filter .options .keyword {
	text-align: center;
}
.topics-list .filter .options .keyword input {
	width: 200px;
	padding: 4px 10px 4px 30px;
	border: none;
	border-radius: 20px;
	line-height: 20px;
	background: url(../img/icon-search-gray.svg) no-repeat 10px 50% #fff;
	-webkit-background-size: 16px;
	background-size: 16px;
}
.topics-list .search-area .recommended-keywords {
	margin: 10px 0 0 0;
}
.topics-list .search-area .recommended-keywords h4 {
	display: block;
	background: #f2f6f7;
	position: relative;
	padding: 10px 10px 10px 30px;
	border-radius: 3px;
	cursor: pointer;
}
.topics-list .search-area .recommended-keywords h4:before {
	position: absolute;
	content:'';
	display: block;
	width: 14px;
	height: 14px;
	top: 0;
	left: 10px;
	bottom: 0;
	margin: auto;
	color: #3C454C;
	line-height: 14px;
	text-align: center;
	border: 1px solid #3C454C;
	border-radius: 4px;
}
.topics-list .search-area .recommended-keywords h4:after {
	content:'';
	position: absolute;
	width: 8px;
	height: 1px;
	background: #3C454C;
	top: 0;
	left: 14px;
	bottom: 0;
	margin: auto;
}
.topics-list .search-area .recommended-keywords h4.on:before {
	content:'+';
}
.topics-list .search-area .recommended-keywords h4.on:after {
	display: none;
}
.topics-list .search-area .recommended-keywords ul {
	display: none;
	margin: 10px 0 0;
}
.topics-list .search-area .recommended-keywords ul li {
	display: inline;
	font-size: 75%;
}
.topics-list .search-area .recommended-keywords ul li+li:before {
	content: '|';
}
.topics-list .search-area .recommended-keywords ul li a {
	display: inline-block;
	padding: 0 8px;
	margin: 2px 0;
	color: #3C454C;
}
.topics-list .search-area .recommended-keywords ul li a:hover {
	color: #f00;
}
.topics-list .topics {
	margin: 0;
	padding: 10px;
	border-radius: 3px;
}
@media only screen and (min-width: 768px){
	.topics-list .search-area .filter .options dl dd {
		display: inline-block;
		width: 80%;
	}
	.topics-list .game-list > ul > li {
		width: 33.3%;
		vertical-align: top;
	}
	.topics-list .search-area .recommended-keywords ul {
		display: block;
	}
	.topics-list .topics {
		padding: 10px 0 10px 10px;
	}
	.topics-list .topics .readmore {
		padding: 0 10px 0 0;
	}
}
.topics-detail .contents {
	padding: 15px 10px;
	background: -moz-linear-gradient(top,  #b9cdd6 0%, #fff 100%) no-repeat;
	background: -webkit-linear-gradient(top,  #b9cdd6 0%,#fff 100%) no-repeat;
	background: linear-gradient(to bottom,  #b9cdd6 0%,#fff 100%) no-repeat;
	-webkit-background-size: 100% 300px;
	background-size: 100% 300px;
}
.topics-detail .contents .inner {
	max-width: 980px;
	margin: 0 auto;
	border-radius: 3px;
	background: #fff;
	border: 1px solid #dae1e7;
}
.topics-detail .contents-header {
	position: relative;
	margin: 0 10px;
}
.topics-detail .contents-header .sns-share {
	float:right;
	padding: 7px 0 0 0;
	text-align: right;
}
.topics-detail .contents-header .sns-share li {
	display: inline-block;
}
.topics-detail .contents-header .sns-share li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../img/sns-icon.png) no-repeat 0 0;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	vertical-align: bottom;
	border-radius: 4px;
}
.topics-detail .contents-header .sns-share li.facebook a {
	background-position: 0 -30px;
}
.topics-detail .contents-header .sns-share li.line a {
	background-position: 0 -60px;
}
.topics-detail .contents-header .sns-share li.google a {
	background-position: 0 -90px;
}
.topics-detail .contents-header h2 {
	padding: 15px 5px 10px;
	font-weight: bold;
}
.topics-detail .contents-header h2:before {
	content: '';
	display: inline-block;
	background: url(../img/icon-topics-gray.svg) no-repeat;
	width: 24px;
	height: 21px;
	margin: -2px 6px 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
	vertical-align: middle;
}
.topics-detail article:after,
.topics-detail article p:after {
	clear: both;
	content: "";
	display: table;
}
.topics-detail article h1 {
	position: relative;
	margin: 0 10px 10px;
	padding: 10px 15px 10px 30px;
	font-weight: bold;
	border-radius: 2px;
	color: #bcced8;
	background: #3c454c;
}
.topics-detail article h1:before {
	content: '';
	position: absolute;
	top:0;
	left:0;
	width: 17px;
	height: 17px;
	border-radius: 3px 0 0 0;
	background: #990014;
}
.topics-detail article h1 span {
	display: block;
	margin: 0;
	padding: 10px 0;
}
.topics-detail article h1 span.subtitle {
	font-size: 0.875rem;
	border-bottom: 1px rgba(188, 206, 216,.3) solid;
}
.topics-detail article h2 {
	margin: 10px;
	padding: 10px;
	font-weight: bold;
	border-radius: 3px;
	background: #f2f6f7;
}
.topics-detail .date {
	text-align: right;
}
.topics-detail article .date p{
	padding:0 10px 0 0;
}
.topics-detail article p,
.topics-detail article figure.wp-caption{
	margin: 10px;
	padding: 10px;
	font-size: 87.5%;
}
.topics-detail article p strong {
	font-weight: bold;
}
.topics-detail article p em {
	font-style: italic;
}
.topics-detail article figure.wp-caption {
	max-width: 100%;
	box-sizing: border-box;
}
.topics-detail article p img,
.topics-detail article figure.wp-caption img {
	max-width: 100%;
	height: auto;
}
.cms-wepes2018 .topics-detail article p img{
	display:block;
	margin:1em auto;
}
.topics-detail article p img.aligncenter,
.topics-detail article figure.aligncenter {
	display: block;
	margin: 0 auto;
}
.topics-detail article p img.alignleft,
.topics-detail article figure.alignleft {
	float: left;
	margin: 0 20px 10px 0;
}
.topics-detail article p img.alignright,
.topics-detail article figure.alignright {
	float: right;
	margin: 0 0 10px 20px;
}
.topics-detail article table {
	width: auto;
	margin: 10px 20px;
	font-size: 87.5%;
}
.topics-detail article table th,
.topics-detail article table td {
	width: auto;
	padding: 10px;
	border: 1px solid #ced9e0;
}
.topics-detail article table th { background: #f2f6f7; }
.topics-detail article .list,
.topics-detail article ul,
.topics-detail article ol {
	font-size: 87.5%;
	margin: 10px;
	padding: 10px;
}
.topics-detail article .list li,
.topics-detail article ul li,
.topics-detail article ol li{
	position: relative;
	padding: 0 0 0 1em;
}
.topics-detail article .list.dot li:before,
.topics-detail article ul li:before {
	position: absolute;
	left: 0;
	content:"・";
}
.topics-detail article .list.asterisk li:before {
	position: absolute;
	left: 0;
	content:"※";
}
.topics-detail article .list.num li,
.topics-detail article ol li{
	counter-increment: num;
}
.topics-detail article .list.num li:before,
.topics-detail article ol li:before {
	position: absolute;
	left: 0;
	content: counter(num, decimal);
}
.topics-detail article .link-text a {
	position: relative;
	padding: 0 0 0 20px;
	color: #990014;
	text-decoration: none;
}
.topics-detail article .link-text.black a {
	color: #3C454C;
}
.topics-detail article .link-text a:hover {
	text-decoration: underline;
	color: #f00;
}
.topics-detail article .link-text a:hover:before,
.topics-detail article .link-text.black a:hover:before {
	border: 1px solid #f00;
}
.topics-detail article .link-text a:hover:after,
.topics-detail article .link-text.black a:hover:after {
	border-top: 1px solid #f00;
	border-left: 1px solid #f00;
}
.topics-detail article .link-text a:before,
.topics-detail article .link-text a:after {
	position: absolute;
	content: '';
	margin: auto;
}
.topics-detail article .link-text a:before {
	width: 14px;
	height: 14px;
	left: 0;
	top:0;
	border-radius: 3px;
	border: 1px solid #dab7bc;
}
.topics-detail article .link-text.black a:before {
	border: 1px solid #3C454C;
}
.topics-detail article .link-text a:after {
	width: 5px;
	height: 5px;
	left: 9px;
	top: 5px;
	border-top: 1px solid #990014;
	border-left: 1px solid #990014;
	-webkit-transform: rotate(135deg) translate(4px,4px);
	-ms-transform: rotate(135deg) translate(4px,4px);
	-o-transform: rotate(135deg) translate(4px,4px);
	transform: rotate(135deg) translate(4px,4px);
}
.topics-detail article .link-text.black a:after {
	border-top: 1px solid #3C454C;
	border-left: 1px solid #3C454C;
}
.topics-detail article p.btn a{
	position: relative;
	display: inline-block;
	padding: 6px 20px 6px 10px;
	border: 1px solid #dab7bc;
	border-radius: 3px;
	color: #990014;
	text-decoration: none;
}
.topics-detail article p.btn a:after{
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	right: 10px;
	top:0;
	bottom: 0;
	margin: auto;
	border-top: 1px solid #990014;
	border-left: 1px solid #990014;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.topics-detail article p.btn a:hover{
	border: 1px solid #f00;
	color: #f00;
}
.topics-detail article p.btn a:hover:after{
	border-top: 1px solid #f00;
	border-left: 1px solid #f00;
}
.topics-detail article .article-inner {
	margin: 10px 20px;
	background: #f2f6f7;
	border: 1px solid #B9CDD6;
	border-radius: 3px;
}
.topics-detail article h3 {
	margin: 10px;
	padding: 10px;
	font-size: 87.5%;
	font-weight: bold;
	border: 1px dotted #B9CDD6;
	border-radius: 3px;
}
.topics-detail article h4 {
	margin: 0 10px 5px;
	padding: 0 10px 5px;
	font-size: 87.5%;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
}
.topics-detail article h5 {
	margin: 10px 20px;
	font-size: 87.5%;
	font-weight: bold;
}
.topics-detail article h6 {
	margin: 10px 20px;
	font-size: 87.5%;
}
.topics-detail article hr {
	border: none;
	height: 1px;
	background: #dae1e7;
}
.topics-detail article blockquote{
	padding:2.6em 1em 1em;
	margin: 10px 20px;
	position:relative;
	background-color:#f2f6f7;
	border: 1px solid #B9CDD6;
	border-radius: 3px;
}
.topics-detail article blockquote:before{
	content:"“";
	font-size:600%;
	line-height:1em;
	position:absolute;
	left:10px;
	top:0;
	color: #B9CDD6;
}
.topics-detail article blockquote pre {
	font-size: 87.5%;
}
.topics-detail article blockquote pre strong {
	font-weight: bold;
}

.topics-detail article a {
	color: #990014;
	text-decoration: underline;
}
.topics-detail article a:hover {
	color: #f00;
}
.cms-wepes2018 .topics-detail article a.youtube{
	position:relative;
	display:block;
	max-width:480px;
	margin-left:auto;
	margin-right:auto;
	background-color:#000;
}
.cms-wepes2018 .topics-detail article a.youtube > img{
	opacity:0.5;
}
.cms-wepes2018 .topics-detail article a.youtube:before{
	content:"";
	position:absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin: -29px 0 0 -29px;
	border: 4px rgba(255,255,255, .8) solid;
	border-radius: 50px;
	background-color: rgba(0,0,0, .1);
	transition: all .2s linear;
	z-index:2;
}
.cms-wepes2018 .topics-detail article a.youtube:after {
	display: block;
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -6px;
	border-top: 12px solid transparent;
	border-left: 20px solid rgba(255,255,255, .8);
	border-bottom: 12px solid transparent;
	transition: all .2s linear;
	z-index: 2;
}
.topics-detail article .responsible-table {
	font-size: 87.5%;
	margin: 10px 20px;
	width: 100%;
}
.topics-detail article .spec {
	padding: 0 20px;
}
.topics-detail article .spec .responsible-table {
	font-size: 75%;
	margin: 10px 0;
}
.topics-detail article .gallery {
	margin: 10px;
	padding: 10px;
}
.topics-detail article .gallery-item {
	display: inline-block;
	box-sizing: border-box;
	padding: 0 1.14007% 10px;
	max-width: 33.33%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.topics-detail article .gallery-columns-1 .gallery-item {max-width: 100%;}
.topics-detail article .gallery-columns-2 .gallery-item {max-width: 50%;}
.topics-detail article .gallery-columns-4 .gallery-item {max-width: 25%;}
.topics-detail article .gallery-columns-5 .gallery-item {max-width: 20%;}
.topics-detail article .gallery-columns-6 .gallery-item {max-width: 16.66%;}
.topics-detail article .gallery-columns-7 .gallery-item {max-width: 14.28%;}
.topics-detail article .gallery-columns-8 .gallery-item {max-width: 12.5%;}
.topics-detail article .gallery-columns-9 .gallery-item {max-width: 11.11%;}
.topics-detail article .gallery-item img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
.topics-detail article .gallery-item a img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.topics-detail article .wp-caption-text,
.topics-detail article .gallery-item .gallery-caption {
	margin: 5px 0 0;
	padding: 10px;
	background: #cedfe9;
	border: 1px solid #B9CDD6;
	border-radius: 3px;
	font-size: 75%;
	line-height: 1.25;
	text-align: left;
}
.topics-detail article .trademark-notice {
	margin: 0 10px;
	padding: 0 10px;
	font-size: 62.5%;
	line-height: 1.2;
}
.topics-detail .topics {
	padding: 0 10px;
	margin: 30px auto 10px;
}
.topics-detail .topics .topics-header {
	display: table;
	width: 100%;
	margin: 0 0 10px;
	border-bottom: 1px solid #dae1e7;
}
.topics-detail .topics .topics-header h2 {
	display: table-cell;
	padding: 10px 5px;
	font-weight: bold;
}
.topics-detail .topics .topics-header h2:before {
	content: '';
	display: inline-block;
	background: url(../img/icon-topics-gray.svg) no-repeat;
	width: 24px;
	height: 21px;
	margin: -2px 6px 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
	vertical-align: middle;
}
.topics-detail .topics .topics-header p {
	display: table-cell;
	padding: 10px 0;
	width: 120px;
}
.topics-detail .topics .topics-header p a {
	position: relative;
	display: block;
	padding: 6px 10px;
	font-size: 87.5%;
	border: 1px solid #dab7bc;
	border-radius: 3px;
	color: #990014;
}
.topics-detail .topics .topics-header p a:after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	right: 10px;
	top:0;
	bottom: 0;
	margin: auto;
	border-top: 1px solid #990014;
	border-left: 1px solid #990014;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.topics-detail .topics .topics-header p a:hover {
	border: 1px solid #f00;
	color: #f00;
}
.topics-detail .topics .topics-header p a:hover:after {
	border-top: 1px solid #f00;
	border-left: 1px solid #f00;
}
.topics-detail article .inquiry-detail {
	border: 1px solid #ced9e0;
	margin: 20px 10px;
	border-radius: 3px;
}
.topics-detail article .inquiry-detail h5 {
	margin: 0;
	padding: 5px 0;
	background:#f2f6f7;
	border-bottom: 1px solid #ced9e0;
	text-align: center;
	font-size: 87.5%;
}
.topics-detail article .inquiry-detail .inquiry-inner ul {
	padding: 0;
	margin: 0;
	font-size: 100%;
}
.topics-detail article .inquiry-detail .inquiry-inner ul li {
	padding: 0;
	border-bottom:1px dotted #ccc;
}
.topics-detail article .inquiry-detail .inquiry-inner ul li:before {
	content:"";
}
.topics-detail article .inquiry-detail .inquiry-inner ul li:last-child {
	border:none;
}
.topics-detail article .inquiry-detail .inquiry-inner dl {
	display: table;
	padding: 10px;
	width: 100%;
	table-layout : fixed;
	box-sizing: border-box;
}
.topics-detail article .inquiry-detail .inquiry-inner dl dt {
	display: table-cell;
	width: 55px;
}
.topics-detail article .inquiry-detail .inquiry-inner dl dt em {
	display: inline-block;
	width: 35px;
	padding: 3px 5px;
	background: #3C454C;
	color: #fff;
	font-size: 62.5%;
	line-height: 1;
	text-align: center;
	border-radius: 2px;
}
.topics-detail article .inquiry-detail .inquiry-inner dl dd ol {
	padding: 0;
	margin: 0;
}
.topics-detail article .inquiry-detail .inquiry-inner dl dd {
	display: table-cell;
	word-wrap : break-word;
	overflow-wrap : break-word;
}
.topics-detail article .inquiry-detail .inquiry-inner dl dd ol li {
	border:none;
}
.topics-detail article .inquiry-detail .inquiry-inner dl dd.mail-info {
	font-size: 87.5%;
	font-weight: bold;
	line-height: 1.286;
}
.topics-detail article .inquiry-detail .inquiry-inner dl dd.mail-info span {
	display: block;
}
.topics-detail article .inquiry-detail .inquiry-inner dl dd.mail-info a {
	font-weight: 100;
}
.topics-detail article .inquiry-detail .inquiry-inner dl dd.phone-info p {
	padding: 0;
	margin: 0;
	font-size: 87.5%;
	font-weight: bold;
}
.topics-detail article .inquiry-detail .inquiry-inner dl dd.phone-info p span {
	margin:3px 0;
	font-weight: 100;
	font-size: 87.5%;
	line-height: 1;
	display: block;
}
.topics-detail article .inquiry-detail .inquiry-inner dl dd.phone-info ol li {
	position: relative;
	padding: 0;
}
.topics-detail article .inquiry-detail .inquiry-inner dl dd.phone-info ol li:before {
	position: absolute;
	content:"";
	display: block;
	width: 20px;
	height: 20px;
	left: 0;
	top: 50%;
	background: url(../img/icon_telephone.svg) no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.topics-detail article .inquiry-detail .inquiry-inner dl dd.phone-info ol li span {
	font-size: 62.5%;
	line-height: 1;
}
.topics-detail article .inquiry-detail .inquiry-inner dl dd.phone-info ol li em {
	display: block;
	padding: 0 0 0 25px;
	font-size: 125%;
}
@media only screen and (min-width: 480px){
	.topics-detail .contents-header .sns-share {
		margin: 0;
		padding: 10px 0 10px 10px;
		position: absolute;
		right: 0;
		text-align: right;
		white-space: nowrap;
		width: 150px;
	}
	.topics-detail .contents-header h2 {
		position: relative;
		padding: 15px 0 10px;
		margin: 0 160px 0 5px;
		min-height: 25px;
		font-weight: bold;
	}
	.topics-detail .contents-header h2:before {
		width: 25px;
		height: 22px;
	}
	.topics-detail article h1 {
		padding: 15px 70px;
		font-size: 125%;
		line-height: 1.2;
	}
	.topics-detail article h1:before {
		width: 28px;
		height: 28px;
	}
	.topics-detail article h1 span.subtitle {
		font-size: 1rem;
	}
	.topics-detail .topics {
		padding: 10px 0 10px 10px;
	}
	.topics-detail .topics .topics-header p {
		padding: 10px 10px 10px 0;
	}
	.topics-detail article .inquiry-detail {
		margin: 20px;
	}
}
@media only screen and (min-width: 660px){
	.topics-detail article .inquiry-detail ul {
		display: table;
		
		width: 100%;
	}
	.topics-detail article .inquiry-detail ul > li {
		display: table-cell;
		width: 50%;
	}
	.topics-detail article .inquiry-detail ul > li:first-child {
		border-right: 1px dotted #ccc;
		border-bottom: none;
	}
}
@media only screen and (min-width: 768px){
	.topics-detail .contents-header {
		padding: 7px 0 0;
	}
	.topics-detail .contents-header h2 {
		font-size: 112.5%;
	}
	.topics-detail .contents-header h2:before {
		width: 25px;
		height: 22px;
	}
	.topics-detail .topics .topics-header {
		margin: 0 0 20px;
	}
	.topics-detail .topics .topics-header h2 {
		font-size: 112.5%;
	}
	.topics-detail .topics .topics-header h2:before {
		width: 25px;
		height: 22px;
	}
}


.search .contents {
	padding: 10px;
	background: -moz-linear-gradient(top,  #b9cdd6 0%, #fff 100%) no-repeat;
	background: -webkit-linear-gradient(top,  #b9cdd6 0%,#fff 100%) no-repeat;
	background: linear-gradient(to bottom,  #b9cdd6 0%,#fff 100%) no-repeat;
	-webkit-background-size: 100% 300px;
	background-size: 100% 300px;
}
.search .contents .inner {
	max-width: 980px;
	margin: 0 auto;
}
.search .search-area {
	padding: 10px;
	border-radius: 3px;
	background: #fff;
}
.search .search-area .filter {
	color: #fff;
	background: #990014;
	border-radius: 3px;
}
.search .search-area .filter h4 {
	display: block;
	position: relative;
	margin: 0 10px;
	padding: 10px 0 10px 20px;
	color: #fff;
}
.search .search-area .filter h4:before {
	position: absolute;
	content:'+';
	display: block;
	width: 14px;
	height: 14px;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	color: #fff;
	line-height: 14px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 4px;
}
.search .search-area .filter h4.on {
	border-bottom: 1px solid #fff;
}
.search .search-area .filter h4.on:before {
	content:'';
}
.search .search-area .filter h4.on:after {
	content:'';
	position: absolute;
	width: 8px;
	height: 1px;
	background: #fff;
	top: 0;
	left: 4px;
	bottom: 0;
	margin: auto;
}
.search .search-area .filter .options {
	display: none;
}
.search .search-area .filter .options dl {
	display: table;
	margin:0 auto;
}
.search .search-area .filter .options dl dt {
	display: table-cell;
	min-width: 100px;
	padding: 5px 0 5px 10px;
	font-size: 75%;
}
.search .search-area .filter .options dl dd {
	display: table-cell;
	padding: 5px 0 5px 10px;
}
.search .search-area .filter .options dl dd select {
	min-width: 140px;
	border: none;
}
.search .search-area .filter .options input {
	min-width: 120px;
	padding: 0 8px;
	border: none;
	border-radius: 20px;
	line-height: 20px;
}
.search .search-area .filter .options p {
	text-align: center;
}
.search .search-area .filter .options p a {
	display: block;
	padding: 10px;
	color: #fff;
	background: #3c454c;
	border-radius: 0 0 3px 3px;
}
.search .search-area .filter .options p a:after {
	content: '';
	display: inline-block;
	background: url(../img/icon-search-white.svg) no-repeat;
	width: 20px;
	height: 20px;
	margin: 0 0 0 6px;
	-webkit-background-size: 100%;
	background-size: 100%;
	vertical-align: bottom;
}
.search .contents .result {
	margin: 10px auto;
	border: 1px solid #B9CDD6;
	border-radius: 3px;
	background: #fff;
}
.search .contents .search-area .filter-service h4,
.search .contents .search-area .filter-genre h4 {
	position: relative;
	margin: 10px 0 0;
	padding: 10px 10px 10px 30px;
	border-radius: 3px;
	font-weight: bold;
	background: #f2f6f7;
}
.search .contents .search-area .filter-service h4:before,
.search .contents .search-area .filter-genre h4:before {
	position: absolute;
	content:'+';
	display: block;
	width: 14px;
	height: 14px;
	top: 0;
	left: 10px;
	bottom: 0;
	margin: auto;
	color: #000;
	line-height: 14px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #000;
	border-radius: 4px;
}
.search .contents .search-area .filter-service h4.on:before,
.search .contents .search-area .filter-genre h4.on:before {
	content:'';
}
.search .contents .search-area .filter-service h4.on:after,
.search .contents .search-area .filter-genre h4.on:after {
	content:'';
	position: absolute;
	width: 8px;
	height: 1px;
	background: #000;
	top: 0;
	left: 14px;
	bottom: 0;
	margin: auto;
}
.search .contents .search-area .filter-service ul,
.search .contents .search-area .filter-genre ul {
	display: none;
	overflow: hidden;
	margin: 0 0 0 20px;
}
.search .contents .search-area .filter-service li,
.search .contents .search-area .filter-genre li {
	float: left;
	width: 50%;
	padding: 6px 0;
	font-size: 75%;
	border-bottom: 1px dotted #cfd0d2;
}
.search .contents .search-area .filter-service li label,
.search .contents .search-area .filter-genre li label {
	display: block;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 6px 0 20px;
}
.search .contents .search-area .filter-service li label input,
.search .contents .search-area .filter-genre li label input {
	position: absolute;
	left: 0;
}
.search .contents .result .options {
	margin: 10px;
	border-radius: 3px;
	color: #fff;
	background: #3c454c;
}
.search .contents .result .options dl {
	display: table;
	margin:0 auto;
}
.search .contents .result .options dl dt {
	display: table-cell;
	min-width: 100px;
	padding: 5px 0 5px 10px;
	font-size: 75%;
}
.search .contents .result .options dl dd {
	display: table-cell;
	padding: 5px 0 5px 10px;
}
.search .contents .result .options dl dd select {
	min-width: 140px;
	border: none;
}
.search .contents .result .options input {
	min-width: 120px;
	padding: 0 8px;
	border: none;
	border-radius: 20px;
	line-height: 20px;
}
.search .contents .result .options p {
	text-align: center;
}
.search .contents .result .options p a {
	display: block;
	padding: 10px;
	border-radius: 0 0 3px 3px;
	color: #fff;
	background: #990014;
}
.search .contents .result .options p a:after {
	content: '';
	display: inline-block;
	background: url(../img/icon-reload-white.svg) no-repeat;
	width: 20px;
	height: 20px;
	margin: 0 0 0 6px;
	-webkit-background-size: 100%;
	background-size: 100%;
	vertical-align: bottom;
}
.search .contents .result .counts {
	margin: 10px;
	padding: 6px;
	font-size: 87.5%;
	border: 1px solid #B9CDD6;
	border-radius: 3px;
}
.search .contents .result .counts span {
	color: #990014;
	font-weight: bold;
}
.search .contents .game-list > ul {
	padding: 0 0 0 10px;
}
.search .contents .game-list li {
	margin: 0 0 10px;
}
.search .contents .game-list a {
	display: block;
	color: #990014;
}
.search .contents .game-list a:hover {
	color: #f00;
}
.search .contents .game-list img {
	width: 100%;
	border-radius: 3px;
}
.search .contents .game-list .devices {
	margin: 0 0 6px;
	line-height: 1;
}
.search .contents .game-list .devices li {
	display: inline-block;
	padding: 2px;
	font-size: 75%;
	line-height: 1;
	color: #fff;
	background: #3C454C;
	border-radius: 2px;
}
.search .contents .result .pager ul {
	margin: 10px;
	text-align: center;
}
.search .contents .result .pager ul li {
	display: inline-block;
	border: 1px solid #B9CDD6;
	border-radius: 4px;
}
.search .contents .result .pager ul li a {
	padding: 4px 6px;
	font-size: 75%;
	color: #3C454C;
}
@media only screen and (min-width: 480px){
	.search .game-list > ul {
		text-align: center;
	}
	.search .game-list > ul > li {
		display: inline-block;
		position: relative;
		width: 50%;
		text-align: left;
	}
	.search .game-list ul > li a {
		margin: 0 10px 10px 0;
	}
}
@media only screen and (min-width: 768px){
	.search .search-area .filter h4 {
		display: none;
	}
	/* アコーディオンメニューのjsでdisplay:none;されている場合があるため */
	.search .search-area .filter .options,
	.search .contents .result .options .inner {
		display: table !important;
		width: 100%;
	}
	.search .search-area .filter .options dl,
	.search .search-area .filter .options p,
	.search .contents .result .options dl,
	.search .contents .result .options p {
		display: table-cell;
		vertical-align: middle;
		white-space: nowrap;
	}
	.search .search-area .filter .options dl+dl {
		width: 60%;
	}
	.search .search-area .filter .options dl dt,
	.search .search-area .filter .options dl dd,
	.search .contents .result .options dl dt,
	.search .contents .result .options dl dd {
		display: inline-block;
		min-width: auto;
	}
	.search .search-area .filter .options p,
	.search .contents .result .options p {
		font-size: 75%;
		width: 80px;
	}
	.search .search-area .filter .options p a,
	.search .contents .result .options p a {
		height: 100%;
		padding: 36px 10px 4px 10px;
		border-radius: 0 3px 3px 0;
		background: url(../img/icon-search-white.svg) no-repeat #3c454c 50% 8px;
		-webkit-background-size: 30px;
		background-size: 30px;
	}
	.search .contents .result .options p a {
		background: url(../img/icon-reload-white.svg) no-repeat transparent 50% 12px;
	}
	.search .search-area .filter .options p a:after,
	.search .contents .result .options p a:after {
		display: none;
	}
	.search .contents .search-area .filter-service li {
		width: 20%;
	}
	.search .contents .search-area .filter-genre li {
		width: 25%;
	}
	.search .game-list > ul > li {
		width: 33.3%;
	}
}
.simple-page .contents {
	background: -moz-linear-gradient(top,  #b9cdd6 0%, #fff 100%) no-repeat;
	background: -webkit-linear-gradient(top,  #b9cdd6 0%,#fff 100%) no-repeat;
	background: linear-gradient(to bottom,  #b9cdd6 0%,#fff 100%) no-repeat;
	-webkit-background-size: 100% 300px;
	background-size: 100% 300px;
}
.simple-page .contents .inner  {
	max-width: 960px;
	margin: 0 auto;
	padding: 10px;
}
.simple-page .contents section {
	border: 1px solid #DAE1E7;
	border-radius: 3px;
	background: #fff;
}
.simple-page .contents section h1 {
	margin: 10px;
	padding: 10px;
	font-weight: bold;
	border-bottom: 1px solid #DAE1E7;
}
.simple-page .contents section h2 {
	margin: 10px;
	padding: 10px;
	font-weight: bold;
	font-size: 0.875rem;
	border-bottom: 1px solid #DAE1E7;
}
.simple-page .contents section h3 {
	margin: 10px 10px 10px 20px;
	font-size: 0.875rem;
	font-weight: bold;
}
.simple-page .contents section p {
	margin: 10px 10px 10px 20px;
	font-size: 0.875rem;
}
.simple-page .contents section a {
	color: #990014;
	text-decoration: underline;
}
.simple-page .contents section a:hover {
	color: #f00;
}
.simple-page .contents section table.responsible-table {
	width: 100%;
	margin: 0 0 15px;
	box-sizing: border-box;
}
.simple-page .contents section table.responsible-table th,
.simple-page .contents section table.responsible-table td {
	padding: 10px;
	border: 1px solid #ced9e0;
}
.simple-page .contents section table.responsible-table th p,
.simple-page .contents section table.responsible-table td p {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
.simple-page .contents section table.responsible-table th  { background: #f2f6f7; }
.simple-page .contents section table.responsible-table em { color:#990014;}

.simple-page .contents section table.cell th  {
	width: 30%;
	text-align: left;
}
@media only screen and (max-width:480px){
	.simple-page .contents section table.cell th,
	.simple-page .contents section table.cell td{
		width: 100%;
		box-sizing: border-box;
		display: block;
		border-top: none;
	}
	.simple-page .contents section table.cell tr:first-child th { border-top: 1px solid #ddd; }
}
.simple-page .contents section dl {
	font-size: 0.875rem;
	margin: 10px;
}
.simple-page .contents section dd {
	padding: 0 0 0 10px;
}
.simple-page .contents section ul,
.simple-page .contents section ol {
	counter-reset:num;
	font-size: 0.875rem;
	margin: 10px;
	padding: 10px;
}
.simple-page .contents section ul > li,
.simple-page .contents section ol > li{
	position: relative;
	margin: 10px 0;
	padding: 0 0 0 1.4em;
}
.simple-page .contents section ul > li:before {
	position: absolute;
	left: 0;
	content:"・";
}
.simple-page .contents section ul.asterisk > li:before {
	content:"※";
}
.simple-page .contents section ol > li{
	counter-increment: num;
}
.simple-page .contents section ol > li:before {
	position: absolute;
	left: 0;
	content: counter(num, decimal) ".";
}
.simple-page .contents section ol.lower-latin > li:before{
	content: counter(num, lower-latin) ".";
}
.simple-page .contents section ol.parenthesis > li:before{
	content: "(" counter(num, decimal) ")";
}
.simple-page .contents section p.btn a{
	position: relative;
	display: inline-block;
	padding: 6px 20px 6px 10px;
	border: 1px solid #990014;
	border-radius: 3px;
	color: #990014;
	text-decoration: none;
}
.simple-page .contents section p.btn a:after{
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	right: 10px;
	top:0;
	bottom: 0;
	margin: auto;
	border-top: 1px solid #990014;
	border-left: 1px solid #990014;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.simple-page .contents section p.btn a:hover{
	border: 1px solid #f00;
	color: #f00;
}
.simple-page .contents section p.btn a:hover:after{
	border-top: 1px solid #f00;
	border-left: 1px solid #f00;
}
.age_verification .contents {
	padding: 10px;
	background: -moz-linear-gradient(top,  #b9cdd6 0%, #fff 100%) no-repeat;
	background: -webkit-linear-gradient(top,  #b9cdd6 0%,#fff 100%) no-repeat;
	background: linear-gradient(to bottom,  #b9cdd6 0%,#fff 100%) no-repeat;
	-webkit-background-size: 100% 300px;
	background-size: 100% 300px;
}
.age_verification .input-birthday {
	max-width: 980px;
	margin: 0 auto;
	border-radius: 3px;
	background: #1a1e21;
	color: #fff;
}
.age_verification .input-birthday .inner {
	padding: 10px;
}
.age_verification .input-birthday h2 {
	margin: 20px 0;
	font-size: 125%;
}
.age_verification .select_birthdate .select_birthdate_in {
	display: table;
}
.age_verification .select_birthdate dl {
	display: table-cell;
	padding: 0 10px 0 0;
	text-align: center;
}
.age_verification .select_birthdate dl dt {
	font-size: 75%;
}
.age_verification .select_birthdate select {
	min-width: 72px;
	padding: 4px;
}
.age_verification .input-birthday .remember-me {
	margin: 10px 0;
}
.age_verification .input-birthday p.error {
	position: relative;
	display: block;
	margin: 10px 0 0 0;
}
.age_verification .input-birthday p.error span {
	display: inline-block;
	padding: 2px 10px;
	font-size: 87.5%;
	background: #990014;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
}
.age_verification .input-birthday p.error:before {
	position: absolute;
	content: "";
	top: -20px;
	left: 2px;
	border: 10px solid transparent;
	border-bottom-color: #990014;
}
.age_verification .input-birthday p.lead {
	margin: 4px;
	font-size: 75%;
	line-height: 1.4;
}
.age_verification .input-birthday .btn-policy a {
	display: inline-block;
	position: relative;
	margin: 10px 0;
	padding: 2px 30px 2px 10px;
	font-size: 75%;
	border-radius: 3px;
	color: #fff;
	background: #636768;
}
.age_verification .input-birthday .btn-policy a:after {
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	right: 10px;
	top:0;
	bottom: 0;
	margin: auto;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.age_verification .input-cookie {
	width: 80%;
	margin: 20px 10px 10px;
	padding: 10px;
	border: 1px solid #3C454C;
	border-radius: 3px;
}
.age_verification .btn-area {
	margin: 10px 0 0;
	text-align: right;
	border-top: 1px solid #3C454C;
}
.age_verification .btn-area a {
	display: inline-block;
	position: relative;
	margin: 10px 4px;
	padding: 10px 40px 10px 10px;
	border-radius: 3px;
	text-align: left;
	color: #fff;
	background: #990014;
}
.age_verification .btn-area a:after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	right: 10px;
	top:0;
	bottom: 0;
	margin: auto;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
@media only screen and (min-width: 480px){
	.age_verification .input-birthday .inner {
		padding: 10px 40px 20px;
	}
}
@media only screen and (min-width: 1024px){
	.age_verification .input-birthday .inner {
		padding: 10px 80px 20px;
	}
}
.sns-account .contents {
	background: -moz-linear-gradient(top,  #b9cdd6 0%, #fff 100%) no-repeat;
	background: -webkit-linear-gradient(top,  #b9cdd6 0%,#fff 100%) no-repeat;
	background: linear-gradient(to bottom,  #b9cdd6 0%,#fff 100%) no-repeat;
	-webkit-background-size: 100% 300px;
	background-size: 100% 300px;
}
.sns-account .contents > .inner  {
	max-width: 960px;
	margin: 0 auto;
	padding: 10px;
}
.sns-account .account-list .btn-area {
	margin: 10px;
	padding: 10px 0;
	border-bottom: 1px solid #DAE1E7;
}
.sns-account .account-list .btn-area p {
	display: inline-block;
}
.sns-account .account-list .btn-area p a {
	position: relative;
	display: inline-block;
	width: 120px;
	padding: 6px 20px 6px 10px;
	font-size: 87.5%;
	border: 1px solid #990014;
	border-radius: 3px;
	color: #990014;
}
.sns-account .account-list .btn-area p a:after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	right: 10px;
	top:0;
	bottom: 0;
	margin: auto;
	border-top: 1px solid #990014;
	border-left: 1px solid #990014;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.sns-account .account-list .btn-area p a:hover{
	border: 1px solid #f00;
	color: #f00;
}
.sns-account .account-list .btn-area p a:hover:after {
	border-top: 1px solid #f00;
	border-left: 1px solid #f00;
}
.sns-account .account-list {
	border: 1px solid #DAE1E7;
	border-radius: 3px;
	background: #fff;
}
.sns-account .account-list h1 {
	margin: 10px;
	padding: 10px;
	font-weight: bold;
	border-bottom: 1px solid #DAE1E7;
}
.sns-account .account-list h2 {
	margin: 10px;
	padding: 10px;
	font-weight: bold;
	font-size: 87.5%;
	border-bottom: 1px solid #DAE1E7;
}
.sns-account .account-list h2.has-btn {
	overflow: hidden;
}
.sns-account .account-list h2.has-btn p {
	float: left;
}
.sns-account .account-list h2.has-btn p+p {
	float: right;
}
.sns-account .account-list h2.has-btn a {
	position: relative;
	display: inline-block;
	padding: 0 20px 0 0;
	font-size: 87.5%;
	text-align: right;
	font-weight: normal;
	color: #990014;
}
.sns-account .account-list h2.has-btn a:hover {
	color: #f00;
}
.sns-account .account-list h2.has-btn a:before,
.sns-account .account-list h2.has-btn a:after {
	position: absolute;
	content: '';
	right: 0;
	top:0;
	bottom: 0;
	margin: auto;
}
.sns-account .account-list h2.has-btn a:before {
	width: 14px;
	height: 14px;
	border-radius: 4px;
	background: #990014;
}
.sns-account .account-list h2.has-btn a:hover:before {
	background: #f00;
}
.sns-account .account-list h2.has-btn a:after {
	width: 5px;
	height: 5px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(135deg) translate(4px,4px);
	-ms-transform: rotate(135deg) translate(4px,4px);
	-o-transform: rotate(135deg) translate(4px,4px);
	transform: rotate(135deg) translate(4px,4px);
}
.sns-account .account-list ul li {
	overflow: hidden;
	margin: 10px;
	padding: 10px;
	border-radius: 3px;
	background: #f2f6f7;
}
.sns-account .account-list ul li dt {
	float: left;
	width: 64px;
	margin: 0 -74px 0 0;
}
.sns-account .account-list ul li dt img {
	width: 64px;
	vertical-align: bottom;
	border-radius: 3px;
}
.sns-account .account-list ul li .name,
.sns-account .account-list ul li .btn {
	float: left;
	width: 100%;
}
.sns-account .account-list ul li .name p,
.sns-account .account-list ul li .btn p {
	margin: 0 0 0 74px;
}
.sns-account .account-list ul li .name a {
	display: block;
	width: 100%;
	font-size: 87.5%;
	font-weight: bold;
	line-height: 24px;
	color: #000;
}
.sns-account .account-list ul li .name a:hover {
	text-decoration: underline;
}
.sns-account .account-list ul li .btn a:hover {
	background: #999;
}
.sns-account .account-list ul.twitter li .name a:before,
.sns-account .account-list ul.facebook li .name a:before,
.sns-account .account-list ul.weibo li .name a:before {
	display: inline-block;
	content: '';
	width: 24px;
	height: 24px;
	margin: 0 4px 0 0;
	vertical-align: bottom;
	background: no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.sns-account .account-list ul li .btn a {
	display: inline-block;
	position: relative;
	margin: 6px 0;
	padding: 2px 30px 2px 10px;
	font-size: 75%;
	border-radius: 3px;
	text-decoration: none;
	color: #fff;
	background: #636768;
}
.sns-account .account-list ul li .btn a:after {
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	right: 10px;
	top:0;
	bottom: 0;
	margin: auto;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.sns-account .account-list ul li .bio {
	clear: both;
	padding: 6px 0 0;
	font-size: 75%;
	line-height: 1.4;
}
.sns-account .account-list ul.twitter li .name a {
	color: #55acee;
}
.sns-account .account-list ul.twitter li .name a:before {
	background-image: url(../../common/img/logo-twitter-blue.svg);
}
.sns-account .account-list ul.twitter li .btn a {
	background: #55acee;
}
.sns-account .account-list ul.twitter li .btn a:hover {
	background: #89c5f2;
}
.sns-account .account-list ul.facebook li .name a {
	color: #3C5A98;
}
.sns-account .account-list ul.facebook li .name a:before {
	background-image: url(../../common/img/logo-facebook-blue.svg);
}
.sns-account .account-list ul.facebook li .btn a {
	background: #3C5A98;
}
.sns-account .account-list ul.facebook li .btn a:hover {
	background: #6180bf;
}
.sns-account .account-list ul.weibo li .name a:before {
	background-image: url(../../asia/img/icon-weibo.svg);
}
@media only screen and (min-width: 768px){
	.sns-account .account-list ul li dt {
		width: 130px;
		margin: 0 -140px 0 0;
	}
	.sns-account .account-list ul li dt img {
		width: 130px;
	}
	.sns-account .account-list ul li .name p,
	.sns-account .account-list ul li .btn p,
	.sns-account .account-list ul li .bio p {
		margin: 0 0 0 140px;
	}
	.sns-account .account-list ul li .bio {
		float: left;
		clear: none;
	}
}
.contactus .contents {
	padding: 15px 10px;
	background: -moz-linear-gradient(top,  #b9cdd6 0%, #fff 100%) no-repeat;
	background: -webkit-linear-gradient(top,  #b9cdd6 0%,#fff 100%) no-repeat;
	background: linear-gradient(to bottom,  #b9cdd6 0%,#fff 100%) no-repeat;
	-webkit-background-size: 100% 300px;
	background-size: 100% 300px;
}
.contactus .contents .inner {
	overflow: hidden;
	max-width: 980px;
	padding: 5px;
	box-sizing: border-box;
	margin: 0 auto;
	border-radius: 4px;
	border: 1px solid #dae1e7;
	background: #fff;
}
.contactus .contents .inner .ttl {
	border-bottom: 1px solid #dae1e7;
}
.contactus .contents .inner .ttl h1 {
	padding: 8px 5px;
	font-weight: bold;
}
.contactus .contents .inner .main {
	padding: 0 5px;
}
.contactus .contents .inner .main ul li dl dt {
	padding: 13px 5px 3px;
	font-size: 81.25%;
	border-bottom: 1px solid #dae1e7;
	font-weight: bold;
}
.contactus .contents .inner .main ul li dl dd {
	padding: 10px 5px;
	font-size: 81.25%;
	line-height: 1.461;
}
.contactus .contents .inner .main ul li dl dd em {
	display: block;
	color: #990014;
	font-weight: bold;
}
.contactus .contents .inner .main ul li dl dd a {
	color: #990014;
}
.contactus .contents .inner .main ul li dl dd a:hover {
	color: #f00;
}
@media only screen and (min-width: 768px){
	.contactus .contents .inner {
		padding: 10px;
	}
	.contactus .contents .inner .ttl h1 {
		padding: 20px 5px 10px;
		font-size: 125%;
	}
	.contactus .contents .inner .main {
		padding: 15px 10px;
	}
	.contactus .contents .inner .main ul {
		overflow: hidden;
		width: 100%;
	}
	.contactus .contents .inner .main ul li {
		float: left;
		width: 50%;
		box-sizing: border-box;
		min-height: 210px;
	}
	.contactus .contents .inner .main ul li:nth-child(even) {
		padding: 0 0 0 20px;
	}
	.contactus .contents .inner .main ul li:nth-child(odd) {
		padding: 0 20px 0 0;
	}
	.contactus .contents .inner .main ul li dl dt {
		padding: 18px 5px 8px;
		font-size: 100%;
	}
	.contactus .contents .inner .main ul li dl dd {
		padding: 15px 5px;
		font-size: 93.75%;
		line-height: 1.6;
	}
}
@media only screen and (min-width: 980px){
	.contactus .contents .inner .main ul li:nth-child(even) {
		padding: 0 0 0 30px;
	}
	.contactus .contents .inner .main ul li:nth-child(odd) {
		padding: 0 30px 0 0;
	}
}

#page-cover{
	display:none;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	background-color:rgba(0,0,0,0.9);
	z-index: 9998;
}
#popup{
	display:none;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	z-index: 9999;
}
#popup .common {
	width: 300px;
	margin: 0 auto;
	background: #fff;
	border-radius: 3px;
}
#popup .common .ttl {
	display: table;
	width: 100%;
	color: #fff;
	background: #3c454c;
}
#popup .common .ttl p {
	padding: 10px;
	display: table-cell;
	vertical-align: middle;
}
#popup .common .ttl p+p {
	width: 20px;
	padding: 4px;
}
#popup .common .ttl p a {
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 32px;
	height: 32px;
	border-radius: 3px;
	background: #fff;
	vertical-align: bottom;
}
#popup .common .ttl p a:after,
#popup .common .ttl p a:before {
	display:inline-block;
	position: absolute;
	left: 0;
	right:0;
	top:0;
	bottom:0;
	width:24px;
	height:1px;
	content:"";
	margin: auto;
	background: #3c454c;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#popup .common .ttl p a:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#popup .common h1 {
	margin: 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	color: #3c454c;
}
#popup .common .main {
	min-height: 4em;
	margin: 10px;
	font-size: 87.5%;
}
#popup .common .btn-area {
	margin: 10px;
	padding: 10px 0 0;
	border-top: 1px solid #ccc;
	text-align: center;
}
#popup .common .btn-area a {
	display: inline-block;
	min-width: 100px;
	padding: 10px;
	border-radius: 3px;
	font-size: 87.5%;
	color: #fff;
	background: #3c454c;
}
#popup .common .btn-area a.ok {
	background: #990014;
}
#popup .common .close {
	margin: 10px;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	text-align: right;
}
#popup .common .close a {
	font-size: 87.5%;
	color: #3c454c;
}
#popup .common .close a span {
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 24px;
	height: 24px;
	margin: 0 0 0 5px;
	border-radius: 3px;
	background: #3c454c;
	vertical-align: middle;
}
#popup .common .close a span:after,
#popup .common .close a span:before {
	display:inline-block;
	position: absolute;
	left: 0;
	right:0;
	top:0;
	bottom:0;
	width:20px;
	height:1px;
	content:"";
	margin: auto;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#popup .common .close a span:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#popup .topic {
	width: 600px;
	margin: 0 auto;
	background: #3c454c;
	border-radius: 3px;
}
#popup .topic .ttl {
	display: table;
	width: 100%;
	color: #fff;
	background: #990014;
	border-radius: 3px 3px 0 0;
}
#popup .topic .ttl p {
	padding: 10px;
	display: table-cell;
	vertical-align: middle;
}
#popup .topic .ttl p+p {
	width: 20px;
	padding: 4px;
}
#popup .topic .ttl p a {
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 32px;
	height: 32px;
	border-radius: 3px;
	background: #fff;
	vertical-align: bottom;
}
#popup .topic .ttl p a:after,
#popup .topic .ttl p a:before {
	display:inline-block;
	position: absolute;
	left: 0;
	right:0;
	top:0;
	bottom:0;
	width:24px;
	height:1px;
	content:"";
	margin: auto;
	background: #990014;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#popup .topic .ttl p a:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#popup .topic .thumbnail {
	text-align: center;
}
#popup .topic .thumbnail img {
	width: 300px;
	margin: 10px;
}
#popup .topic .youtube {
	margin: 10px 10px 20px;
}
#popup .topic .youtube .inner {
	position: relative;
	overflow: hidden;
	padding-top: 55.6%;
	height: 0;
	background: #000;
}
#popup .topic .youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#popup .topic h1 {
	margin: 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #7e9ca7;
	font-weight: bold;
	color: #fff;
}
#popup .topic .tags {
	display: table;
	width: 100%;
	font-size: 75%;
}
#popup .topic .tags p {
	display: table-cell;
	padding: 0 10px;
	color: #7e9ca7;
}
#popup .topic .tags ul {
	display: table-cell;
	padding: 0 10px;
	text-align: right;
}
#popup .topic .tags ul li {
	display: inline-block;
	padding: 2px;
	margin: 0 4px 0 0;
	color: #000;
	background: #7e9ca7;
	border-radius: 2px;
	vertical-align: bottom;
	line-height: 1;
}
#popup .topic .description {
	margin: 10px;
	font-size: 87.5%;
	color: #7e9ca7;
}
#popup .topic .description p a {
	color: #fff;
	text-decoration: underline;
}
#popup .topic .description p a:hover {
	text-decoration: none;
}
#popup .topic .website {
	width: 40%;
	margin: 20px 10px;
}
#popup .topic .website a {
	position: relative;
	display: block;
	padding: 10px;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #fff;
}
#popup .topic .website a:after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	right: 10px;
	top:0;
	bottom: 0;
	margin: auto;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
#popup .topic .website a:hover:after {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
#popup .topic .close {
	margin: 10px;
	padding: 10px 0;
	border-top: 1px solid #7e9ca7;
	text-align: right;
}
#popup .topic .close a {
	font-size: 87.5%;
	color: #fff;
}
#popup .topic .close a span {
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 24px;
	height: 24px;
	margin: 0 0 0 5px;
	border-radius: 3px;
	background: #fff;
	vertical-align: middle;
}
#popup .topic .close a span:after,
#popup .topic .close a span:before {
	display:inline-block;
	position: absolute;
	left: 0;
	right:0;
	top:0;
	bottom:0;
	width:20px;
	height:1px;
	content:"";
	margin: auto;
	background: #000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#popup .topic .close a span:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#popup .notice {
	width: 600px;
	margin: 0 auto;
	background: #fff;
	border-radius: 3px;
}
#popup .notice .ttl {
	display: table;
	width: 100%;
	color: #fff;
	background: #3c454c;
}
#popup .notice .ttl p {
	padding: 10px;
	display: table-cell;
	vertical-align: middle;
}
#popup .notice .ttl p+p {
	width: 20px;
	padding: 4px;
}
#popup .notice .ttl p a {
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 32px;
	height: 32px;
	border-radius: 3px;
	background: #fff;
	vertical-align: bottom;
}
#popup .notice .ttl p a:after,
#popup .notice .ttl p a:before {
	display:inline-block;
	position: absolute;
	left: 0;
	right:0;
	top:0;
	bottom:0;
	width:24px;
	height:1px;
	content:"";
	margin: auto;
	background: #3c454c;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#popup .notice .ttl p a:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#popup .notice .thumbnail {
	text-align: center;
}
#popup .notice .thumbnail img {
	width: 300px;
	margin: 10px;
}
#popup .notice .youtube {
	margin: 10px 10px 20px;
}
#popup .notice .youtube .inner {
	position: relative;
	overflow: hidden;
	padding-top: 55.6%;
	height: 0;
	background: #000;
}
#popup .notice .youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#popup .notice h1 {
	margin: 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	color: #3c454c;
}
#popup .notice .tags {
	display: table;
	width: 100%;
	font-size: 75%;
}
#popup .notice .tags p {
	display: table-cell;
	padding: 0 10px;
}
#popup .notice .tags ul {
	display: table-cell;
	padding: 0 10px;
	text-align: right;
}
#popup .notice .tags ul li {
	display: inline-block;
	padding: 2px;
	margin: 0 4px 0 0;
	color: #fff;
	background: #3c454c;
	border-radius: 2px;
	vertical-align: bottom;
	line-height: 1;
}
#popup .notice .description {
	margin: 10px;
	font-size: 87.5%;
	color: #3c454c;
}
#popup .notice .website {
	width: 40%;
	margin: 20px 10px;
}
#popup .notice .website a {
	position: relative;
	display: block;
	padding: 10px;
	border: 1px solid #990014;
	border-radius: 3px;
	color: #990014;
}
#popup .notice .website a:after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	right: 10px;
	top:0;
	bottom: 0;
	margin: auto;
	border-top: 1px solid #990014;
	border-left: 1px solid #990014;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
#popup .notice .website a:hover:after {
	border-top: 1px solid #f00;
	border-left: 1px solid #f00;
}
#popup .notice .btn-area {
	margin: 10px;
	padding: 10px 0 0;
	border-top: 1px solid #ccc;
	text-align: center;
}
#popup .notice .btn-area a {
	display: inline-block;
	min-width: 100px;
	padding: 10px;
	border-radius: 3px;
	font-size: 87.5%;
	color: #fff;
	background: #3c454c;
}
#popup .notice .btn-area a.ok {
	background: #990014;
}
#popup .notice .close {
	margin: 10px;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	text-align: right;
}
#popup .notice .close a {
	font-size: 87.5%;
	color: #3c454c;
}
#popup .notice .close a span {
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 24px;
	height: 24px;
	margin: 0 0 0 5px;
	border-radius: 3px;
	background: #3c454c;
	vertical-align: middle;
}
#popup .notice .close a span:after,
#popup .notice .close a span:before {
	display:inline-block;
	position: absolute;
	left: 0;
	right:0;
	top:0;
	bottom:0;
	width:20px;
	height:1px;
	content:"";
	margin: auto;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#popup .notice .close a span:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#fullpanel{
	display: none;
	background: #fff;
}
#fullpanel .language-select .ttl {
	display: table;
	width: 100%;
	color: #fff;
	background: #3c454c;
}
#fullpanel .language-select .ttl p {
	padding: 10px;
	display: table-cell;
	vertical-align: middle;
}
#fullpanel .language-select .ttl p+p {
	width: 20px;
	padding: 4px;
}
#fullpanel .language-select .ttl p a {
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 32px;
	height: 32px;
	border-radius: 3px;
	background: #fff;
	vertical-align: bottom;
}
#fullpanel .language-select .ttl p a:after,
#fullpanel .language-select .ttl p a:before {
	display:inline-block;
	position: absolute;
	left: 0;
	right:0;
	top:0;
	bottom:0;
	width:24px;
	height:1px;
	content:"";
	margin: auto;
	background: #000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#fullpanel .language-select .ttl p a:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#fullpanel .language-list {
	margin: 10px;
}
#fullpanel .language-list section h1 {
	margin: 0 10px 10px 10px;
	border-bottom: 1px dotted #DAE1E7;
	font-weight: bold;
}
#fullpanel .language-list section ul {
	margin: 0 0 20px 0;
}
#fullpanel .language-list section ul li {
	margin: 0 0 0 20px;
}
#fullpanel .language-list section ul li a {
	font-size: 87.5%;
	color: #990014;
}
#fullpanel .language-list section ul li a:hover {
	color: #f00;
}
#fullpanel .language-select .close {
	text-align: right;
}
#fullpanel .language-select .close a {
	padding: 0 10px;
	color: #000;
}
#fullpanel .language-select .close a span {
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 24px;
	height: 24px;
	margin: 0 0 0 5px;
	border-radius: 3px;
	background: #3c454c;
	vertical-align: middle;
}
#fullpanel .language-select .close a span:after,
#fullpanel .language-select .close a span:before {
	display:inline-block;
	position: absolute;
	left: 0;
	right:0;
	top:0;
	bottom:0;
	width:20px;
	height:1px;
	content:"";
	margin: auto;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#fullpanel .language-select .close a span:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
@media only screen and (min-width: 480px){
	#fullpanel .language-list section {
		display: inline-block;
		width: 50%;
		vertical-align: top;
	}
}
@media only screen and (min-width: 768px){
	#fullpanel .language-list section {
		width: 33.3%;
	}
}
#fullpanel .topic {
	background: #3c454c;
	min-height: 100%;
}
#fullpanel .topic .ttl {
	display: table;
	width: 100%;
	color: #fff;
	background: #990014;
}
#fullpanel .topic .ttl p {
	padding: 10px;
	display: table-cell;
	vertical-align: middle;
}
#fullpanel .topic .ttl p+p {
	width: 20px;
	padding: 4px;
}
#fullpanel .topic .ttl p a {
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 32px;
	height: 32px;
	border-radius: 3px;
	background: #fff;
	vertical-align: bottom;
}
#fullpanel .topic .ttl p a:after,
#fullpanel .topic .ttl p a:before {
	display:inline-block;
	position: absolute;
	left: 0;
	right:0;
	top:0;
	bottom:0;
	width:24px;
	height:1px;
	content:"";
	margin: auto;
	background: #990014;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#fullpanel .topic .ttl p a:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#fullpanel .topic .thumbnail {
	text-align: center;
}
#fullpanel .topic .thumbnail img {
	width: 300px;
	margin: 10px;
}

#fullpanel .topic .youtube {
	margin: 10px 10px 20px;
}
#fullpanel .topic .youtube .inner {
	position: relative;
	overflow: hidden;
	padding-top: 55.6%;
	height: 0;
	background: #000;
}
#fullpanel .topic .youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#fullpanel .topic h1 {
	margin: 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #7e9ca7;
	font-weight: bold;
	color: #fff;
}
#fullpanel .topic .tags {
	display: table;
	width: 100%;
	font-size: 75%;
}
#fullpanel .topic .tags p {
	display: table-cell;
	padding: 0 10px;
	color: #7e9ca7;
}
#fullpanel .topic .tags ul {
	display: table-cell;
	padding: 0 10px;
	text-align: right;
}
#fullpanel .topic .tags ul li {
	display: inline-block;
	padding: 2px;
	margin: 0 4px 0 0;
	color: #000;
	background: #7e9ca7;
	border-radius: 2px;
	vertical-align: bottom;
	line-height: 1;
}
#fullpanel .topic .description {
	margin: 10px;
	font-size: 87.5%;
	color: #7e9ca7;
}
#fullpanel .topic .description a {
	color: #fff;
	text-decoration: underline;
}
#fullpanel .topic .website {
	margin: 20px 10px;
}
#fullpanel .topic .website a {
	position: relative;
	display: block;
	padding: 10px;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #fff;
}
#fullpanel .topic .website a:after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	right: 10px;
	top:0;
	bottom: 0;
	margin: auto;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
#fullpanel .topic .website a:hover:after {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
#fullpanel .topic .close {
	margin: 10px;
	padding: 10px 0;
	border-top: 1px solid #7e9ca7;
	text-align: right;
}
#fullpanel .topic .close a {
	font-size: 87.5%;
	color: #fff;
}
#fullpanel .topic .close a span {
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 24px;
	height: 24px;
	margin: 0 0 0 5px;
	border-radius: 3px;
	background: #fff;
	vertical-align: middle;
}
#fullpanel .topic .close a span:after,
#fullpanel .topic .close a span:before {
	display:inline-block;
	position: absolute;
	left: 0;
	right:0;
	top:0;
	bottom:0;
	width:20px;
	height:1px;
	content:"";
	margin: auto;
	background: #000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#fullpanel .topic .close a span:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#fullpanel .notice {
	background: #fff;
	min-height: 100%;
}
#fullpanel .notice .ttl {
	display: table;
	width: 100%;
	color: #fff;
	background: #3c454c;
}
#fullpanel .notice .ttl p {
	padding: 10px;
	display: table-cell;
	vertical-align: middle;
}
#fullpanel .notice .ttl p+p {
	width: 20px;
	padding: 4px;
}
#fullpanel .notice .ttl p a {
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 32px;
	height: 32px;
	border-radius: 3px;
	background: #fff;
	vertical-align: bottom;
}
#fullpanel .notice .ttl p a:after,
#fullpanel .notice .ttl p a:before {
	display:inline-block;
	position: absolute;
	left: 0;
	right:0;
	top:0;
	bottom:0;
	width:24px;
	height:1px;
	content:"";
	margin: auto;
	background: #3c454c;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#fullpanel .notice .ttl p a:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#fullpanel .notice .thumbnail {
	text-align: center;
}
#fullpanel .notice .thumbnail img {
	width: 300px;
	margin: 10px;
}
#fullpanel .notice .youtube {
	margin: 10px 10px 20px;
}
#fullpanel .notice .youtube .inner {
	position: relative;
	overflow: hidden;
	padding-top: 55.6%;
	height: 0;
	background: #000;
}
#fullpanel .notice .youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#fullpanel .notice h1 {
	margin: 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	color: #3c454c;
}
#fullpanel .notice .tags {
	display: table;
	width: 100%;
	font-size: 75%;
}
#fullpanel .notice .tags p {
	display: table-cell;
	padding: 0 10px;
}
#fullpanel .notice .tags ul {
	display: table-cell;
	padding: 0 10px;
	text-align: right;
}
#fullpanel .notice .tags ul li {
	display: inline-block;
	padding: 2px;
	margin: 0 4px 0 0;
	color: #fff;
	background: #3c454c;
	border-radius: 2px;
	vertical-align: bottom;
	line-height: 1;
}
#fullpanel .notice .description {
	margin: 10px;
	font-size: 87.5%;
	color: #3c454c;
}
#fullpanel .notice .website {
	margin: 20px 10px;
}
#fullpanel .notice .website a {
	position: relative;
	display: block;
	padding: 10px;
	border: 1px solid #990014;
	border-radius: 3px;
	color: #990014;
}
#fullpanel .notice .website a:after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	right: 10px;
	top:0;
	bottom: 0;
	margin: auto;
	border-top: 1px solid #990014;
	border-left: 1px solid #990014;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
#fullpanel .notice .website a:hover:after {
	border-top: 1px solid #f00;
	border-left: 1px solid #f00;
}
#fullpanel .notice .btn-area {
	margin: 10px;
	padding: 10px 0 0;
	border-top: 1px solid #ccc;
	text-align: center;
}
#fullpanel .notice .btn-area a {
	display: inline-block;
	min-width: 100px;
	padding: 10px;
	border-radius: 3px;
	font-size: 87.5%;
	color: #fff;
	background: #3c454c;
}
#fullpanel .notice .btn-area a.ok {
	background: #990014;
}
#fullpanel .notice .close {
	margin: 10px;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	text-align: right;
}
#fullpanel .notice .close a {
	font-size: 87.5%;
	color: #3c454c;
}
#fullpanel .notice .close a span {
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 24px;
	height: 24px;
	margin: 0 0 0 5px;
	border-radius: 3px;
	background: #3c454c;
	vertical-align: middle;
}
#fullpanel .notice .close a span:after,
#fullpanel .notice .close a span:before {
	display:inline-block;
	position: absolute;
	left: 0;
	right:0;
	top:0;
	bottom:0;
	width:20px;
	height:1px;
	content:"";
	margin: auto;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#fullpanel .notice .close a span:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}