@charset "UTF-8";


/************ Main Image ************/

.main-image-wrapper {
	display: none;
}

.main-image-sp {
	width: 100%;
	margin-top: -5px;
}

.main-cap {
	font-size: 1.4rem;
	color: #c8b33d;
	text-align: center;
	padding-bottom: 16px;
}

.comment {
	width: 92%;
	max-width: 960px;
	text-align: center;
	margin: 0 auto 16px auto;
}




/******************* Button *******************/

.button {
	display: inline-block;
	font-size: 1.4rem;
	padding: 12px 0;
	margin: 0 0 16px 0;
	width: 100%;
	color: #c8b33d;
	text-align: center;
	background: inherit;
	border: 1px solid #c8b33d;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.button:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("http://file.saintseiya-gold.com/20150316/img/option/arrow_right.png") no-repeat;
    background-size: auto 14px;
    position: relative;
    top: 2px;
}

.button:hover:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("http://file.saintseiya-gold.com/20150316/img/option/arrow_right_hover.png") no-repeat;
    background-size: auto 14px;
    position: relative;
    top: 2px;
}

.button_img {
	padding: 3px 3px 0 0;
}

.button_box {
	position: absolute;
}

.button:visited,
.button:link {
	color: #c8b33d;
}

.button:hover {
	color: #ffffff;
	background: #c8b33d;
}

/*,.top-onair-cell p:hover {
	color: #ffffff;
}*/

.button_box {
	display: inline-block;
}

/************ Video iframe ************/

.video-wrapper {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 32px;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video-container video,
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/************ PV ONAIR ************/

.pv-area {
	width: 100%;
	margin: 0;
}

/*********** onair　***********/

.top-onair-area {
	width: 100%;
	margin: 0;
}

.top-onair-cell-bdch {
	display: table;
	position: relative;
	font-size: 1.4rem;
	margin: 0 0 16px 0;
	width: 100%;
	height: auto;
	color: #c8b33d;
	background: inherit;
	border: 1px solid #c8b33d;
	border-radius: 4px;
	cursor: pointer;
}

.top-onair-cell-bdch:after {
	content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("http://file.saintseiya-gold.com/20150316/img/option/link_blank.png") no-repeat;
    background-size: auto 14px;
    position: absolute;
    bottom: 44%;
    right: 14px;
}

.top-onair-cell-bdch:hover:after {
	content: "";
    width: 14px;
    height: 14px;
    background: url("http://file.saintseiya-gold.com/20150316/img/option/link_blank_hover.png") no-repeat;
    background-size: auto 14px;
}


.link-bdch {
	display: table;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.image-box {
	display: table-cell;
	vertical-align: middle;
	width: 28%;
	padding: 14px;
}


.image-bdch {
	width: 100%;
	margin: 0;
}

.text-bdch {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding: 14px 28px 14px 0;
	color: #c8b33d;
	line-height: 1.35;
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}


.top-onair-cell-bdch:hover {
	background: #c8b33d;
}

.top-onair-cell-bdch:hover,
.top-onair-cell-bdch:hover .link-bdch .text-bdch {
	color: white;
}
	

.top-onair-cell_2 {
	display: block;
	font-size: 1.4rem;
	padding: 12px 0;
	margin: 0 0 16px 0;
	width: 100%;
	color: #c8b33d;
	text-align: center;
	background: inherit;
	border: 1px solid #c8b33d;
	border-radius: 4px;
	cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}

.top-onair-cell_2:hover {
	color: #ffffff;
	background: #c8b33d;
}

.top-onair-cell_2:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("http://file.saintseiya-gold.com/20150316/img/option/arrow_right.png") no-repeat;
    background-size: auto 14px;
    position: relative;
    top: 2px;
}

.top-onair-cell_2:hover:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("http://file.saintseiya-gold.com/20150316/img/option/arrow_right_hover.png") no-repeat;
    background-size: auto 14px;
    position: relative;
    top: 2px;
}







.button_news {
	display: inline-block;
	font-size: 1.4rem;
	padding: 12px 0;
	margin: 16px 0 8px 0;
	width: 100%;
	color: #c8b33d;
	text-align: center;
	background: inherit;
	border: 1px solid #c8b33d;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.button_news:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("http://file.saintseiya-gold.com/20150316/img/option/arrow_right.png") no-repeat;
    background-size: auto 14px;
    position: relative;
    top: 2px;
}

.button_news:hover:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("http://file.saintseiya-gold.com/20150316/img/option/arrow_right_hover.png") no-repeat;
    background-size: auto 14px;
    position: relative;
    top: 2px;
}

.button_news:visited,
.button_news:link {
	color: #c8b33d;
}

.button_news:hover {
	color: #ffffff;
	background: #c8b33d;
}

.txt_lang_toggle{
	margin:-60px 0 60px;
	text-align:center;
}
.txt_lang_toggle img{
	width:80%;
}

.btn-area{
	overflow:hidden;
	margin:0 auto;
	text-align: center;
}

.btn-area li{
	width:46%;
	float:left;
}

.btn-area li + li{
	float:right;
	margin-bottom:10px;
}

.btn-area a{
	display:block;
	box-sizing: border-box;
	width:100%;
	margin:0;
}

@media screen and (min-width: 960px) {

	.main-image-sp {
		display: none;
	}

	.main-image-wrapper {
		display: block;
		height: 465px;
		width: 1280px;
		margin: 0 auto;
		position: relative;
	}
	
	.txt_lang_toggle img{
		width:50%;
	}
	
	.main-image {
		width: 1280px;
		height: 520px;
		position: absolute;
		top: -55px;
		/*margin: 0 auto;*/
		background-image: url("http://file.saintseiya-gold.com/global/pt/img/top/mainvisual_pc_20150420_1.png");
		background-repeat: no-repeat;
		background-position: center;
		/*background-position: top -55px;*/
		/*margin-top: -55px;*/
	}

	.button {
		padding: 12px 8px;
		width: auto;
		min-width: 220px;
		margin: 0 10px;
	}

	.button_news {
		padding: 12px 8px;
		width: 45%;
		min-width: 220px;
		margin: 16px 10px 0;
	}

	.pv-area {
		/*width: 600px;
		margin: 10px;
		float: left;*/

		width: 854px;
		margin: 10px auto;
		
	}
	
	.btn-area{
		width:788px;
	}
	
	.btn-area li{
		width:366px;
	}
	
	.btn-area li + li{
		text-align:right;
	}

	/*********** onair　***********/

	.top-onair-area {
		width: 320px;
		margin: 10px;
		float: right;
	}

	.top-onair-cell-bdch {
		display: block;
		position: relative;
		font-size: 1.4rem;
		margin: 0 0 24px 0;
		width: 100%;
		height: auto;
		color: #c8b33d;
		background: inherit;
		border: 1px solid #c8b33d;
		border-radius: 4px;
		cursor: pointer;
	    -webkit-transition: all 0.2s ease-out;
	    -moz-transition: all 0.2s ease-out;
	    -o-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	}

	.top-onair-cell-bdch:after {
		content: "";
	    display: inline-block;
	    width: 14px;
	    height: 14px;
	    background: url("http://file.saintseiya-gold.com/20150316/img/option/link_blank.png") no-repeat;
	    background-size: auto 14px;
	    position: absolute;
	    bottom: 20px;
	    right: 14px;
	}

	.top-onair-cell-bdch:hover:after {
		content: "";
	    width: 14px;
	    height: 14px;
	    background: url("http://file.saintseiya-gold.com/20150316/img/option/link_blank_hover.png") no-repeat;
	    background-size: auto 14px;
	}


	.link-bdch {
		display: block;
		width: 100%;
		height: 100%;
	}

	.image-box {
		display: block;
		width: 292px;
		padding: 14px;
	}

	.image-bdch {
		width: 100%;
	}

	.text-bdch {
		text-align: left;
		padding: 6px 16px 18px 16px;
		color: #c8b33d;
		-webkit-transition: all 0.2s ease-out;
	    -moz-transition: all 0.2s ease-out;
	    -o-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	}


	.top-onair-cell-bdch:hover {
		background: #c8b33d;
	}

	.top-onair-cell-bdch:hover,
	.top-onair-cell-bdch:hover .link-bdch .text-bdch {
		color: white;
	}

	.top-onair-cell_2 {
		padding: 8% 0;

	}

}

@media screen and (max-width: 1280px) and (min-width: 960px) {
		.main-image-wrapper {
			width: 100%;
		}
		.main-image {
			width: 100%;
	}
	}