@charset "UTF-8";

/*------------------------------------------ contents */
main#Gold_tumbler {
	font-family: 'BIZ UDGothic', sans-serif;
	color: #000;
}
main#Gold_tumbler section {
	position: relative;
}
main#Gold_tumbler img {
	vertical-align: bottom;
}
main#Gold_tumbler p.fwhite {
	color: #fff;
}
main#Gold_tumbler video {
	display: block;
	width: 100%;
}


/* 736px以下用（SP用）の記述------------------------------------------- */
@media screen and (max-width: 736px) {
	main#Gold_tumbler p {
		margin: 5% 0;
	}
	main#Gold_tumbler section.notice p {
		margin: 0;
	}
	main#Gold_tumbler div.blank {
		position: relative;
		margin: auto;
		margin-left: 5.33%;
		margin-right: 5.33%;
		padding: 1px 0;
	}
	main#Gold_tumbler div.p_relative {
		position: relative;
	}
	main#Gold_tumbler section.ct01 ul.border {
		width: 82.941%;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin: 0 auto;
		padding: 6% 0;
		list-style: none;
	}
	main#Gold_tumbler section.ct02 ul.border {
		width: 86.941%;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin: 0 auto;
		padding: 10% 0;
		list-style: none;
	}
	main#Gold_tumbler div.list::before {
		display: block;
		position: relative;
		width: 100%;
		height: 5vw;
		margin-top: 15%;
		background-image: url("../../../img/lp/Gold_tumbler/item_list.png");
		background-repeat: no-repeat;
		background-size: 18.826%;
		background-position: center top;
		content: "";
	}
	main#Gold_tumbler ul.border li {
		margin: 0 0 7.5%;
	}
	main#Gold_tumbler section.ct02 ul.border li {
		margin: 0 0 8.5%;
	}
	main#Gold_tumbler ul.border li:last-of-type,
	main#Gold_tumbler section.ct02 ul.border li:last-of-type {
		margin-bottom: 0;
	}
	main#Gold_tumbler p.descript {
		margin-left: 3%;
		margin-right: 3%;
		font-size: 3.1vw;
		line-height: 1.4em;
	}
	main#Gold_tumbler section.ct02 p.descript {
		font-size: 3.1vw;
	}
	main#Gold_tumbler p.bomb {
		margin-top: 18%;
	}
	main#Gold_tumbler p.head_img {
		text-align: center;
	}
	main#Gold_tumbler p.head_img img {
		width: 68.529%;
	}
	main#Gold_tumbler p.vartical_txt_img{
		width: 16.176%;
		margin: 0 auto;
		padding-bottom: 10%;
		text-align: center;
	}
	main#Gold_tumbler section#movie {
		background-image:url("../../../img/lp/Gold_tumbler/movie_bg.jpg");
		background-position: center top;
		background-size: 100%;
		background-repeat: no-repeat;
	}
	main#Gold_tumbler section#movie div {
		width: 84.8%;
		margin: 0 auto;
		padding: 8% 0 14%;
	}
	main#Gold_tumbler section#movie div::after {
		position: absolute;
		top: 80%;
		right: 16.5%;
		background-image: url("../../../img/lp/Gold_tumbler/movie_title.png");
		background-size: 100%;
		background-repeat: no-repeat;
		width: 68%;
		height: 22%;
		content: "";
	}
	main#Gold_tumbler div.bg {
		position: relative;
		background-image: url("../../../img/lp/Gold_tumbler/bg.jpg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center top;
	}
	main#Gold_tumbler section.read {
		margin-top: 17%;
		padding-bottom: 15%;
	}
	main#Gold_tumbler section.ct01 {
		margin-top: 6%;
		padding-bottom: 15%;
	}
	main#Gold_tumbler section.ct02 {
		margin-top: 51%;
		padding-bottom: 10%;
	}

	main#Gold_tumbler section.read p.fwhite {
		margin-top: 6%;
		font-size: 2.795vw;
	}

	main#Gold_tumbler p.bomb::before {
		display: block;
		width: 25%;
		height: 21%;
		position: absolute;
		top: 40.5%;
		left: -6%;
		background-image: url(../../../img/lp/Gold_tumbler/bomb.png);
		background-size: 100%;
		background-repeat: no-repeat;
		content: "";
	}
	main#Gold_tumbler section.ct01 div.p_relative + p{
		margin-bottom: 11%;
	}
	main#Gold_tumbler section.ct02 div.p_relative + p{
		margin-bottom: 14%;
		font-size: 3.3vw;
	}
	main#Gold_tumbler section p.sub01,
	main#Gold_tumbler section p.sub02 {
		width: 66.471%;
		position: relative;
		margin: 0 auto;
	}
	main#Gold_tumbler section.ct01 p.sub01::after {
		display: block;
		width: 68.889%;
		height: 15%;
		position: absolute;
		top: 27%;
		left: -24%;
		background-image: url(../../../img/lp/Gold_tumbler/ct01_03_sub.png);
		background-size: 100%;
		background-repeat: no-repeat;
		content: "";
	}
	main#Gold_tumbler section.ct02 p.sub02::after {
		display: block;
		width: 72.667%;
		height: 100%;
		position: absolute;
		top: 83%;
		left: -27%;
		background-image: url(../../../img/lp/Gold_tumbler/ct02_03_sub.png);
		background-size: 100%;
		background-repeat: no-repeat;
		content: "";
	}
	main#Gold_tumbler section.ct01 p.sub01 + p, 
	main#Gold_tumbler section.ct02 p.sub02 + p {
		width: 65%;
		margin: 3% auto 0;
		font-size: 3.2vw;
	}
	main#Gold_tumbler section.ct02 p.sub02 + p {
		font-size: 3.4vw;
		line-height: 1.5;
	}
	main#Gold_tumbler p.list_header img {
		width: 16.8%;
	}
	main#Gold_tumbler section.notice {
		margin: 2% 0 8%;
	}
	main#Gold_tumbler section.notice p {
		padding-left: 1em;
		text-indent: -1em;
		font-size: 2.5vw;
	}
	main#Gold_tumbler section.pane_topic_path {
		margin-bottom: 0;
	}
	main#Gold_tumbler section.pane_topic_path ul {
		margin: 0;
		font-size: 3vw;
	}
	main#Gold_tumbler section.pane_topic_path ul li {
		padding-bottom: 2.5%;
	}
	main#Gold_tumbler section.pane_topic_path .wrap {
		padding-top: 2%;
	}

/* 736px以下用（SP用）の記述 end--------------------------------------- */
}



/* 737px以上用（PC用）の記述------------------------------------------- */
@media screen and (min-width: 737px) {

#Gold_tumbler {
	margin: 0 auto;
	max-width: 1400px;
	min-width: 1200px;
}
#Gold_tumbler a {
	transition: all .3s;
}
#Gold_tumbler a:hover {
	opacity: .6;
}
#Gold_tumbler p{
	margin-top: 0;
	margin-bottom: 0;
}
#Gold_tumbler p.descript,
#Gold_tumbler p.fwhite,
#Gold_tumbler p.sub_width {
	font-size: 12.8px;
}

#Gold_tumbler div.list li {
	margin: 7% 0;
}
main#Gold_tumbler div.blank {
	margin: 0 4.616%;
	padding: 1px 0;
}
main#Gold_tumbler section#movie {
	padding: 3% 0 4.9%;
	background-image: url("../../../img/lp/Gold_tumbler/movie_bg_pc.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}
main#Gold_tumbler section#movie div {
	width: 61.12%;
	margin: 0 auto;
}
main#Gold_tumbler section#movie div::after {
	position: absolute;
	top: 72%;
	right: 36.5%;
	background-image: url("../../../img/lp/Gold_tumbler/movie_title_pc.png");
	background-size: 100%;
	background-repeat: no-repeat;
	width: 25.714%;
	height: 22%;
	content: "";
}
main#Gold_tumbler div.bg {
	background-image: url("../../../img/lp/Gold_tumbler/bg_pc.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}
main#Gold_tumbler section.read {
	margin: 7.5% 0;
}
main#Gold_tumbler section.read p.head_img {
	margin: 1.5% 0;
	text-align: center;
}
main#Gold_tumbler section.read p.head_img img {
	width: 36.507%;
}
main#Gold_tumbler section.ct01 div,
main#Gold_tumbler section.ct02 div {
	position: relative;
}
main#Gold_tumbler section.ct01 div{
	margin-top: 12%;
}
main#Gold_tumbler section.ct02 {
	margin-top: 6.5%;
}
main#Gold_tumbler section.ct01 div.list,
main#Gold_tumbler section.ct02 div.list {
	width: 22%;
	position: absolute;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;	
}
main#Gold_tumbler section.ct01 div.list::before,
main#Gold_tumbler section.ct02 div.list::before {
	display: block;
	position: absolute;
	top: -5%;
	width: 100%;
	height: 2vw;
	background-image: url("../../../img/lp/Gold_tumbler/item_list.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 21%;
	content: "";
}
main#Gold_tumbler section.ct01 p.sub01::after {
	display: block;
	width: 65.889%;
	height: 15%;
	position: absolute;
	top: 28%;
	left: -49%;
	background-image: url(../../../img/lp/Gold_tumbler/ct01_03_sub_pc.png);
	background-size: 100%;
	background-repeat: no-repeat;
	content: "";
}
main#Gold_tumbler section.ct02 p.sub02::after {
	display: block;
	width: 78.667%;
	height: 15%;
	position: absolute;
	top: 64%;
	left: -61%;
	background-image: url(../../../img/lp/Gold_tumbler/ct02_03_sub_pc.png);
	background-size: 100%;
	background-repeat: no-repeat;
	content: "";
}
main#Gold_tumbler div.p_relative p {
	width: 50.5%;
}
main#Gold_tumbler p.vartical_txt_img,
main#Gold_tumbler p.vartical_txt_img + p {
	position: absolute;
}
main#Gold_tumbler section.ct01 p.vartical_txt_img {
	width: 5.156%;
	top: 2.6%;
	left: 20%;
}
main#Gold_tumbler section.ct01 p.vartical_txt_img + p{
	width: 35%;
	top: 40%;
	right: 5%;
	line-height: 1.6em;
}
main#Gold_tumbler section.ct02 p.vartical_txt_img {
	width: 5.156%;
	top: 4.3%;
	right: 21%;
}
main#Gold_tumbler section.ct02 p.vartical_txt_img + p{
	width: 35%;
	top: 40%;
	left: 5%;
	line-height: 1.5em;
}
main#Gold_tumbler div.p_relative p:last-of-type {
	position: relative;
	transform: translate(0, -15%);
}
main#Gold_tumbler section.ct01 div.p_relative p.bomb::before {
	position: absolute;
	top: -7%;
	left: 88%;
	width: 25%;
	height: 27%;
	background-image: url("../../../img/lp/Gold_tumbler/bomb01_pc.png");
	background-position: center top;
	background-size: 100%;
	background-repeat: no-repeat;
	content: "";
}
main#Gold_tumbler section.ct02 div.p_relative p.bomb::before {
	position: absolute;
	top: -6%;
	right: 88%;
	width: 25%;
	height: 27%;
	background-image: url("../../../img/lp/Gold_tumbler/bomb02_pc.png");
	background-position: center top;
	background-size: 100%;
	background-repeat: no-repeat;
	content: "";
}
main#Gold_tumbler section.ct01 div.p_relative p:first-of-type {
	margin: 0 0 0 auto;
}
main#Gold_tumbler section.ct02 div.p_relative p:last-of-type {
	margin: 0 0 0 auto;
}
main#Gold_tumbler section.ct01 div.list {
	top: 41.5%;
	right: 5%;
}
main#Gold_tumbler section.ct02 div.list {
	width: 25.5%;
	top: 51.6%;
	left: 3%;
}
main#Gold_tumbler section.ct01 ul,
main#Gold_tumbler section.ct02 ul {
	width: 100%;
	list-style: none;
}
main#Gold_tumbler section.ct01 div.p_relative + p {
	position: absolute;
	width: 35%;
	top: 72.5%;
	left: 4%;
}
main#Gold_tumbler section.ct02 div.p_relative + p {
	position: absolute;
	width: 33%;
	top: 72%;
	right: 1%;
	line-height: 1.5em;
}
main#Gold_tumbler section.ct01 p.sub01 {
	position: relative;
	width: 21.5%;
	left: 44.5%;
	transform: translate(0, -12%);
}
main#Gold_tumbler section.ct02 p.sub02 {
	position: relative;
	width: 21%;
	left: 39%;
	transform: translate(0, -10%);
	margin: 0;
}
main#Gold_tumbler section.ct01 p.sub_width {
	width: 16%;
	position: absolute;
	bottom: 11%;
	left: 25.5%;
}
main#Gold_tumbler section.ct02 p.sub_width {
	width: 17%;
	position: absolute;
	bottom: 2%;
	left: 20%;
}
main#Gold_tumbler section.notice {
	margin: 4.9% 0 2.5%;
}
main#Gold_tumbler section.notice p {
	margin: 0;
	font-size: 12px;
}
main#Gold_tumbler section.pane_topic_path {
	margin-bottom: 0;
}
main#Gold_tumbler section.pane_topic_path .wrap {
	padding-top: 0;
}
main#Gold_tumbler section.pane_topic_path ul li {
	margin: 2.5% 0;
}
/* 737px以上用（PC用）の記述 end--------------------------------------- */
}


/* 1399px以下用（PC用）のフォント可変値　記述------------------------------------------- */
@media screen and (min-width:1200px) and ( max-width:1399px) {

main#Gold_tumbler p.fwhite,
main#Gold_tumbler p.descript,
main#Gold_tumbler p.sub_width {
	font-size: 0.904vw;
}
main#Gold_tumbler section.notice p {
	font-size: 0.857vw;
}


/* 1399px以下用（PC用）の記述 end--------------------------------------- */
}


/* 1199px以下用（PC用）のフォント最小値　記述------------------------------------------- */
@media screen and (min-width:738px) and ( max-width:1199px) {

main#Gold_tumbler p.fwhite,
main#Gold_tumbler p.descript,
main#Gold_tumbler p.sub_width {
	font-size: 11px;
}
main#Gold_tumbler section.notice p {
	font-size: 10.285px;
}
/* 1199px以下用（PC用）の記述 end--------------------------------------- */
}