@charset "utf-8";

.clearFix:after {
    content:" ";
    display:block;
    clear:both;
}

html {
}

body {
	line-height: 1.7;
	font-size: 14px;
	font-family: 'Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic ProN',Meiryo,'MS PGothic',sans-serif;
	color: #251412;
}
*{
	box-sizing:border-box;
}
a {
	outline: none;
	text-decoration: none;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover {
	color:#fa0014;
	text-decoration: underline;
}

img {
	vertical-align: bottom;
	max-width:100%;
	height:auto;
}

a img  {
	border: none;
}

li {
	list-style-type: none;
}

input,label,select,textarea {
	vertical-align: baseline;
}

table {
	border-collapse: collapse; 
	border-spacing: 0;
}

main {
	display: block;
	padding: 0 20px;
}

main.top {

	padding: 0;
}


main > * {
	margin:0 auto;
	max-width:1400px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	common

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

body {
	margin:0;
	padding:0;
}

.movie{
	position:relative;
	overflow:hidden;
	margin-bottom: 7%;
}
.movie .playBtn{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-62px;
	margin-top:-62px;
	width:auto;
}

.videoBox{
	position:relative;
	width:100%;
	height:0;
	padding-bottom:56.25%;
}
.videoBox video, .videoBox iframe{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

body > #popupVideo, .popupVideo{
	display:none;
}
#cboxLoadedContent .popupVideo{
	display:block;
}

.ttl {
	text-align: center;
}

.ttl h1{
	font-size: 28px;
	margin: 0 0 5px;
}

.ttl p{
	font-size: 12px;
	color: #fa0014;
	margin: 0;
}

.caption {
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	padding-left: 18px;
	margin: 4% 0 0;
}

.caption::before {
	content: '';
	display: block;
	background-image: url(/_img/common/caption_red.png);
	position: absolute;
	top: 6px;
	left: 0;
	width: 13px;
	height: 13px;
}

.captionNote {
	margin-top: 1.5%;
}

.lineTitle {
	text-align: left;
	position: relative;
	padding: 2% 0;
	margin: 3% 0 0%;
	font-size: 26px;
}

.lineTitle.center {
	text-align: center;
}

.lineTitle::before {
	content: '';
	display: block;
	background-image: url(/_img/common/line_red.png);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
}


.titleRedL {
	font-size: 18px;
	font-weight: bold;
	border-left: 4px solid #e72025;
	padding: 0;
	margin: 0;
	padding-left: 10px;
	margin-bottom: 2em;
	line-height: 40px;
}

.infoW {
	padding: 1em 2em;
	max-width: 980px;
	border: 1px solid #e5e5e5;
	margin: 4% auto 8%;
}

.infoW a{
	color: #251412;
}


.infoW > dl > dt{
	font-size: 18px;
	font-weight: bold;
	border-left: 5px solid #e72025;
	padding: 0;
	margin: 0;
	padding-left: 5px;
	margin-bottom: 1em;
}

.infoW > dl > dd{
	padding: 0;
	margin: 0;
	padding-left: 1em;
	width: 50%;
	float: left;
}

.infoW.international > dl > dd{
	width: 100%;
}

.infoW > dl > dd > a{
	text-decoration: underline;
	font-size: 16px;
	font-weight: bold;
}

.infoW.international .tournament{
	margin-top: 0.2em;
}

.infoW .tournament dt{
	font-size: 16px;
	position: relative;
	padding-left: 15px;
	margin: 0 0 1%;
}

.infoW .tournament dd{
	margin: 0;
}

.infoW .tournament dt::before{
	content: '';
	display: block;
	width: 9px;
	height: 9px;
	background-image: url(../_img/common/arrow_red_s.png);
	position: absolute;
	top: 9px;
	left: 0;
	margin: auto;
	background-size: contain;
}

.infoW .tournament ul {
	margin: 0;
	padding: 0;
	padding-left: 2em;
}

.infoW .tournament ul li{
	display: inline-block;
	margin-right: 10px;
}

.linkBtn p{
	margin: 4% 0 5%;
}

.linkBtn p a{
	display: block;
	width: 42%;
	margin: 0 auto;
	padding: 1.5%;
	text-align: center;
	background: #e60012 url(/_img/common/new_window.png) 96% center no-repeat;
	border-radius: 3px;
	color: #fff;
	font-size: 126%;

}

.linkBtn p a:hover{
	opacity: 0.8;
}

@media screen and (min-width: 769px), print {
	.sp{display:none !important;}
	
	a:hover img{
		opacity:0.8;
	}

	.videoPopup img{
		transition:transform 1s ease;
	}
	.videoPopup:hover img{
		transform:scale(1.1);
	}
	.videoPopup:hover img.playBtn{
		transform:scale(1);
	}
}

@media screen and (max-width: 768px) {
	body {
		position: relative;
		overflow-x: hidden;
		right: 0;
	}

	.fullSp{
		width:100%;
	}
	
	.pc{display:none !important;}
	
	main {

		padding: 0;
	}
	
	.ttl h1{
		font-size: 14px;
	}

	.ttl p{
		font-size: 6px;
	}

	.caption {
		font-size: 16px;
		margin-left: 3%;
	}

	.captionNote {
		margin: 2% 3% 2%;
		font-size: 13px;
	}

	.lineTitle {
		padding: 3% 0;
		font-size: 18px;
		text-align: center;
	}

	.titleRedL {
		margin-bottom: 1em;
		font-size: 16px;
		line-height: 30px;
		margin-left: 3%;
	}

	.infoW {
		padding: 1em;
		margin: 4% 3%;
	}

	.infoW > dl > dd{
		width: 100%;
		margin-bottom: 3%;
	}

	.infoW > dl > dd > a{
		font-size: 14px;
	}

	.infoW.international .tournament{
		margin-top: 0.5em;
	}

	.linkBtn p a{
		padding: 3%;
		width: 84%;
	}
}