@charset "UTF-8";

/*------------------------------------------ contents */


main .bg {
	background-repeat: no-repeat;
	background-position: center top;
}
main .ttl {
	position: relative;
	border: 3px solid #a48d0c;
}
main .ttl h1 {
	position: relative;
	margin: 0;
}
main .ttl p {
	position: absolute;
	margin: 0;
	opacity: 0;
}

main .ttl p.ttl_img_01 {
	animation-name: fadein-bottom;
	animation-duration: 0.7s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	animation-delay: 0.7s;
}

main .ttl p.ttl_img_02 {
	animation-name: fadein-bottom;
	animation-duration: 0.7s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	animation-delay: 1.4s;
}
@keyframes fadein-bottom {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
main #cont_block ul.product_list {
	list-style: none;
}
main #cont_block ul.product_list li img {
	display: block;
}
.product_item {
	background-color: #fff;
}

.mfp-wrap {
	box-sizing: border-box;
}
.mfp-container {
	position: absolute;
	top: 0;
	bottom: 0;
	height: auto;
	margin: auto;
}
.mfp-content {
	width: auto !important;
}
.mfp-inline-holder .mfp-content {
	padding: 0;
}
.mfp-inline-holder .mfp-content a {
	padding: 0;
	background-image: none;
}
.mfp-arrow {
	opacity: 1.0;
}
.mfp-arrow::before {
	width: 30px;
	height: 30px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	border: none;
	opacity: 1.0;
}
.mfp-arrow::after {
	content: none;
}
.mfp-arrow-right::before {
	right: 10px;
	left: auto;
	border-top: 1px solid #b5a132;
	border-right: 1px solid #b5a132;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mfp-arrow-left::before {
	left: 10px;
	border-bottom: 1px solid #b5a132;
	border-left: 1px solid #b5a132;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
main #cont_block div.profile {
	position: relative;
	border-right: 1px solid #a48d0c;
	border-left: 1px solid #a48d0c;
}
main #cont_block div.profile::before {
	content: "";
	position: absolute;
	top: -8px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #a48d0c;
}
main #cont_block div.profile::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -8px;
	width: 100%;
	height: 1px;
	background-color: #a48d0c;
}
main #cont_block div.profile dl dd {
	margin: 0;
	letter-spacing: -0.09em;
}

/*------------------------------------------ rate_notice */
.product_item .item_details .rate_notice {
	margin-left: 0;
	list-style-type: none;
}
.product_item .item_details .rate_notice li {
	margin-left: 1em;
	text-indent: -1em;
}

/* 736px以下用（SP用）の記述------------------------------------------- */
@media screen and (max-width: 736px) {
.wrap {
	margin-right: 4.66%;
	margin-left: 4.66%;
}
main .bg {
	background-image: url("../../../img/lp/gold_zodiac/bg.jpg");
	background-size: 100% auto;
}
main .ttl {
	margin-top: 13.5%;
	margin-bottom: 12.9%;
}
main .ttl h1 {
	z-index: 1;
}
main .ttl p.ttl_img_01 {
	margin-top: -13.5%;
	top: 0;
	left: 6.93%;
	width: 29.3%;
}
main .ttl p.ttl_img_02 {
	margin-top: 12%;
	top: 0;
	left: -3.73%;
	width: 22.6%;
}
main .lede {
	margin: 0;
}
main p.btn_details {
	margin: 7.3% 0 5.8%;
	text-align: center;
}
main p.btn_details img {
	width: 36.2%;
}
main #cont_block ul.product_list {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
main #cont_block ul.product_list li {
	width: 50%;
	margin: 0;
}

.product_item {
	position: relative;
	padding-bottom: 60px;
}
.product_item p.item_img {
	margin: 0;
}
.product_item p.item_img img {
	display: block;
}
.product_item .item_details {
	margin: 0 8.0%;
}
.product_item .item_details h2 {
	display: none;
}
.product_item .item_details p {
	font-size: 1.2rem;
}

.product_item .item_details p.btn_link {
	width: 68%;
}
.mfp-wrap {
	padding-right: 6%;
	padding-left: 6%;
}
.mfp-container {
	padding-right: 6%;
	padding-left: 6%;
}
.mfp-inline-holder .mfp-content {
	position: relative;
	left: auto;
	top: auto;
}
.mfp-inline-holder .mfp-content p {
	margin: 1em 0;
	text-indent: 0;
	font-size: 3.2vw;
	letter-spacing: -0.05em;
}
.mfp-inline-holder .mfp-content p.item_img {
	margin: 0;
}
.mfp-arrow {
	height: 60px;
	margin-top: 0;
}
button.mfp-arrow-right {
	margin-right: 12%;
}
button.mfp-arrow-left {
	margin-left: 12%;
}
.mfp-close-btn-in .mfp-close {
	z-index: 10;
	width: 25px;
	height: 25px;
	top: auto;
	bottom:25px;
	left: 0;
	right: 0;
	margin: 0 auto;
	line-height: 25px;
	color: #b5a132;
}
main #cont_block .product_txt {
	margin: 0 2% 5em;
	font-size: 1.2rem;
	line-height: 1.3;
}
main #cont_block div.profile {
	margin-bottom: 5em;
}
main #cont_block div.profile dl {
	margin: 1em 6px;
	padding: 20px;
	background-color:rgba(233,220,164,0.9);
}

main #cont_block div.profile dl dt {
	margin: 0 0 1em;
	font-size: 1.3rem;
	text-align: center;
	line-height: 1.1;
}
main #cont_block div.profile dl dd {
	font-size: 1.2rem;
	line-height: 1.3;
}

/*------------------------------------------ rate_notice */
.product_item .item_details .rate_notice {
	font-size: 2.5vw;
	margin: 0 auto 0;
	line-height: 1.2;
}


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


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

main .bg {
	background-image: url("../../../img/lp/gold_zodiac/bg_pc.jpg");
}
main #cont_block {
	position: relative;
	margin: 0 50px;
}
main .ttl {
	float: left;
	width: 563px;
	margin: 70px 0 0 0;
	border: none;
}
main .ttl h1 {
	margin-left: 120px;
}
main .ttl p.ttl_img_01 {
	top: -70px;
	left: 0px;
	width: 190px;
}
main .ttl p.ttl_img_02 {
	top: 80px;
	left: -60px;
	width: 136px;
}
main .lede {
	float: right;
	margin: 118px 80px 0 0;
}
main p.btn_details {
	position: absolute;
	top: 204px;
	right: 0;
	width: 136px;
	margin: 0;
}
main #cont_block div.product {
	width: 1100px;
	height: 381px;
	margin: 142px 0 146px;
	padding: 1px 0;
	background-image: url("../../../img/lp/gold_zodiac/product_bg.png");
	background-repeat: no-repeat;
}
main #cont_block ul.product_list {
	position: relative;
	margin: 0;
}
main #cont_block ul.product_list li {
	position: absolute;
	margin: 0;
}
main #cont_block ul.product_list li:nth-child(1) {
	top: -108px;
	left: 481px;
}
main #cont_block ul.product_list li:nth-child(2) {
	top: -78px;
	right: 277px;
}
main #cont_block ul.product_list li:nth-child(3) {
	top: -14px;
	right: 81px;
}
main #cont_block ul.product_list li:nth-child(4) {
	top: 83px;
	right: -16px;
}
main #cont_block ul.product_list li:nth-child(5) {
	top: 241px;
	right: 34px;
}
main #cont_block ul.product_list li:nth-child(6) {
	top: 307px;
	right: 272px;
}
main #cont_block ul.product_list li:nth-child(7) {
	top: 312px;
	left: 465px;
}
main #cont_block ul.product_list li:nth-child(8) {
	top: 299px;
	left: 278px;
}
main #cont_block ul.product_list li:nth-child(9) {
	top: 228px;
	left: 123px;
}
main #cont_block ul.product_list li:nth-child(10) {
	top: 102px;
	left: -6px;
}
main #cont_block ul.product_list li:nth-child(11) {
	top: -42px;
	left: 123px;
}
main #cont_block ul.product_list li:nth-child(12) {
	top: -70px;
	left: 266px;
}
main #cont_block ul.product_list li a {
	display: block;
}
main #cont_block ul.product_list li a:hover {
	opacity: 0.8;
}
.product_item {
	display: flex;
}
.product_item .item_img {
	width: 65.45%;
	margin: 0;
}
.product_item .item_details {
	width: 25.81%;
	padding-right: 8.38%;
	font-size: 1.4rem;
	line-height: 1.4;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
	box-sizing: content-box;
}
#inline-wrap1 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_01.png");
}
#inline-wrap2 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_02.png");
}
#inline-wrap3 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_03.png");
}
#inline-wrap4 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_04.png");
}
#inline-wrap5 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_05.png");
}
#inline-wrap6 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_06.png");
}
#inline-wrap7 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_07.png");
}
#inline-wrap8 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_08.png");
}
#inline-wrap9 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_09.png");
}
#inline-wrap10 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_10.png");
}
#inline-wrap11 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_11.png");
}
#inline-wrap12 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_12.png");
}
.product_item .item_details h2 {
	margin-top: 30%;
	margin-bottom: 1.5em;
}
.product_item .item_details .item_spec {
	width: 105%;
	margin: 1.5em 0;
}
.product_item .item_details .btn_link {
	width: 82.74%;
}
.product_item .item_details .btn_link a:hover {
	opacity: 0.8;
}
.mfp-container {
	padding-left: 10%;
	padding-right: 10%;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	max-width: 1100px;
}
button.mfp-arrow-right {
	margin-right: 6%;
}
button.mfp-arrow-left {
	margin-left: 6%;
}
.mfp-arrow-right::before {
	border-color: #fff;
}
.mfp-arrow-left::before {
	border-color: #fff;
}
.mfp-close-btn-in .mfp-close {
	right: 32px;
	top: 32px;
	width: 26px;
	height: 26px;
	line-height: 26px;
}
main #cont_block .product_txt {
	margin-top: 100px;
	font-size: 1.4rem;
	text-align: center;
}
main #cont_block div.profile {
	margin: 0 120px 170px 120px ;
}
main #cont_block div.profile::before {
	top: -4px;
}
main #cont_block div.profile::after {
	bottom: -4px;
}
main #cont_block div.profile dl {
	margin: 1em 4px;
	padding: 20px;
	background-color:rgba(164,141,12,0.3);
}
main #cont_block div.profile dl dt {
	display: table-cell;
	width: 220px;
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.2;
	vertical-align: middle;
}
main #cont_block div.profile dl dd {
	display: table-cell;
	padding: 0 26px;
	font-size: 1.4rem;
	line-height: 1.5;
}

/*------------------------------------------ rate_notice */
.product_item .item_details .rate_notice {
	position: absolute;
	bottom: 1.5em;
	margin-right: 1em;
	font-size: 1.0rem;
}

}
/* 737px以上用（PC用）の記述 end--------------------------------------- */






/* 1399px以下用（PC用）の記述------------------------------------------- */
@media screen and (min-width:738px) and ( max-width:1399px) {

main .bg {
	background-image: url("../../../img/lp/gold_zodiac/bg_pc.jpg");
	background-size: 100%;
}
main .wrap {
	width: 85.71%;
}
main #cont_block {
	width: 91.66%;
	position: relative;
	margin: 0 4.16%;
}
main .ttl {
	float: left;
	width: 51.18%;
	margin: 6.36% 0 0 0;
	border: none;
}
main .ttl h1 {
	margin-left: 21.31%;
}
main .ttl p.ttl_img_01 {
	margin-top: -12.43%;
	top: 0;
	left: 0px;
	vertical-align: top;
	width: 33.74%;
	line-height: 0;
}
main .ttl p.ttl_img_02 {
	margin-top: 14.2%;
	top: 0;
	left: -10.65%;
	width: 24.15%;
}
main .lede {
	float: right;
	margin: 10.72% 7.27% 0 0;
	width: 36.36%;
}
main p.btn_details {
	position: absolute;
	margin: 18.54% 0 0;
	top: 0;
	right: 0;
	width: 12.36%;
}
main #cont_block div.product {
	width: 100%;
	height: auto;
	margin: 12.9% 0 13.27%;
	padding: 0.09% 0 34.63%;
	background-image: url("../../../img/lp/gold_zodiac/product_bg.png");
	background-repeat: no-repeat;
	background-size: 100%;
}
main #cont_block ul.product_list {
	position: relative;
	margin: 0;
}
main #cont_block ul.product_list li {
	position: absolute;
	margin: 0;
}
main #cont_block ul.product_list li:nth-child(1) {
	width: 12.72%;
	margin-top: -9.81%;
	top: 0;
	left: 43.72%;
}
main #cont_block ul.product_list li:nth-child(2) {
	width: 14.54%;
	margin-top: -7.09%;
	top: 0;
	right: 25.18%;
}
main #cont_block ul.product_list li:nth-child(3) {
	width: 17.81%;
	margin-top: -1.27%;
	top: 0;
	right: 7.36%;
}
main #cont_block ul.product_list li:nth-child(4) {
	width: 12.72%;
	margin-top: 7.54%;
	top: 0;
	right: -1.45%;
}
main #cont_block ul.product_list li:nth-child(5) {
	width: 20%;
	margin-top: 21.9%;
	top: 0;
	right: 3.09%;
}
main #cont_block ul.product_list li:nth-child(6) {
	width: 13.27%;
	margin-top: 27.9%;
	top: 0;
	right: 24.72%;
}
main #cont_block ul.product_list li:nth-child(7) {
	width: 16.54%;
	margin-top: 28.36%;
	top: 0;
	left: 42.27%;
}
main #cont_block ul.product_list li:nth-child(8) {
	width: 14.51%;
	margin-top: 27.18%;
	top: 0;
	left: 25.27%;
}
main #cont_block ul.product_list li:nth-child(9) {
	width: 11.63%;
	margin-top: 20.72%;
	top: 0;
	left: 11.18%;
}
main #cont_block ul.product_list li:nth-child(10) {
	width: 14.54%;
	margin-top: 9.27%;
	top: 0;
	left: -0.54%;
}
main #cont_block ul.product_list li:nth-child(11) {
	width: 12.72%;
	margin-top: -3.81%;
	top: 0;
	left: 11.18%;
}
main #cont_block ul.product_list li:nth-child(12) {
	width: 14.18%;
	margin-top: -6.36%;
	top: 0;
	left: 24.18%;
}
.product_item .item_img {
	width: 65.45%;
	margin: 0;
}
.product_item .item_details {
	width: 25.81%;
	padding-right: 8.38%;
	font-size: 1.4rem;
	line-height: 1.4;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
	box-sizing: content-box;
}
#inline-wrap1 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_01.png");
}
#inline-wrap2 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_02.png");
}
#inline-wrap3 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_03.png");
}
#inline-wrap4 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_04.png");
}
#inline-wrap5 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_05.png");
}
#inline-wrap6 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_06.png");
}
#inline-wrap7 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_07.png");
}
#inline-wrap8 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_08.png");
}
#inline-wrap9 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_09.png");
}
#inline-wrap10 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_10.png");
}
#inline-wrap11 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_11.png");
}
#inline-wrap12 .item_details {
	background-image: url("../../../img/lp/gold_zodiac/item_bg_12.png");
}
.product_item .item_details h2 {
	margin-top: 30%;
	margin-bottom: 1.5em;
}
.product_item .item_details p {
	font-size: 1vw;
}
.product_item .item_details .item_spec {
	width: 105%;
	margin: 1.5em 0;
}
.product_item .item_details .btn_link {
	width: 82.74%;
}
.product_item .item_details .btn_link a:hover {
	opacity: 0.8;
}
.mfp-container {
	padding-left: 10%;
	padding-right: 10%;
	min-width: 1200px;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	max-width: 1100px;
	min-width: 942px;
}
button.mfp-arrow-right {
	margin-right: 6%;
}
button.mfp-arrow-left {
	margin-left: 6%;
}
.mfp-arrow-right::before {
	border-color: #fff;
}
.mfp-arrow-left::before {
	border-color: #fff;
}
.mfp-close-btn-in .mfp-close {
	right: 32px;
	top: 32px;
	width: 26px;
	height: 26px;
	line-height: 26px;
}
main #cont_block .product_txt {
	position: absolute;
	margin-top: 42.5%;
	top: 0;
	left: 30.81%;
	font-size: 1vw;
	text-align: center;
}
main #cont_block div.profile {
	margin: 0 10.9% 15.45% 10.09% ;
}
main #cont_block div.profile::before {
	margin-top: -0.36%;
	top: 0;
}
main #cont_block div.profile::after {
	margin-bottom: -0.36%;
	bottom: 0;
}
main #cont_block div.profile dl {
	margin: 1% 0.46%;
	padding: 2.32%;
	background-color:rgba(164,141,12,0.3);
}
main #cont_block div.profile dl dt {
	display: table-cell;
	width: 25.58%;
	text-align: center;
	line-height: 1.2;
	vertical-align: middle;
}
main #cont_block div.profile dl dd {
	display: table-cell;
	padding: 0 3.02%;
	line-height: 1.5;
}
main #cont_block div.profile dl dt,
main #cont_block div.profile dl dd {
	font-size: 1vw;
}

/*------------------------------------------ rate_notice */
.product_item .item_details .rate_notice {
	font-size: 0.8vw;
}

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

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


main #cont_block .product_txt {
	font-size: 12px;
}
.product_item .item_details p {
	font-size: 12px;
}
main #cont_block div.profile dl dt,
main #cont_block div.profile dl dd {
	font-size: 12px;
}
.product_item .item_details .rate_notice {
	font-size: 9.6px;
}

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




/*-------------------------------------------------------------------------------*
 *	Clear fix
 *-------------------------------------------------------------------------------*/

main .cont_head {
	zoom: 100%;
}

main .cont_head:after {
	content: "";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}