@charset "utf-8";
/* CSS Document */

body{
	font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

	/*----- 共通設定ここから -----*/

	/*----- TOP IMAGE ここから -----*/
.campaign_bg{
	position: relative;
	height: 36vw;
	width: 100%;
	background-image: url(../images/fa645-bg.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.campaign_bg1{
	position: absolute;
	width: 30%;
	top: 6rem;
	left: 20rem;
}
.campaign_bg2{
	position: absolute;
	width: 30%;
	top: 16vw;
	right: 10vw;
}
	/*----- TOP IMAGE ここまで -----*/

	/*----- キャンペーン概要 ここから -----*/
.main-text, .rule-con{
	background-color: #4682b4;
	margin: 0;
	padding: 0!important;
	overflow: hidden;
}
.main-cont{
	position: relative;	
}
.main-cont .golfball-1{
	display: inline;
	opacity: 0.7;
	position: absolute;
	top: -3%;
	left: -3%;
	width: 23vw;
}
.main-text .container, .rule-con .container{
	width: 80vw;
}
.main-inner{
	border: double 14px #fff;
	margin: 3vw 0 8rem 0;
	padding: 0!important;
	text-align: center;
}
.main-inner .inner-box p, .main-inner .ringolf .prize .prize-info p, .main-inner .ringolf .prize .period p{
	font-size: 1.6rem;
	line-height: 1.8rem;
}
.main-inner .inner-box, .rule-inner .inner-box{
	background-color: #fff;
	padding: 4rem;
	margin: 0;
	text-align: center;
}
#main-text h2{
	font-size: 3rem;
	line-height: 3rem;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
}
#main-text .main-inner .ringolf{
	background-color: #fff;
	height: 100%;
	padding: 0 10rem;
}
.main-inner .ringolf h2{
	color: #0099CC;
}
.main-inner .ringolf .prize{
	-webkit-display: inline-flex;
	display: inline-flex;
	align-items: center;
	padding-bottom: 5rem;
	height: 100%;
	width: 100%;
}
.main-inner .ringolf .prize-name {
	-webkit-display: inline-flex;
	display: inline-flex;
	justify-content: center;
	align-self: stretch;
	border: 1px solid #0099CC;
	background-color: #0099CC;
	border-radius: 4px 0 0 4px;
	overflow: hidden;
}
.main-inner .ringolf .prize-info {
	-webkit-display: inline-flex;
	display: inline-flex;
	flex-direction: column;
	align-self: stretch;
	border: 1px solid #0099CC;
	border-radius: 0 4px 4px 0;
	padding: 0 2rem;
	overflow: hidden!important;
	position: relative;
}
.main-inner .ringolf .prize-name p {
	align-self: center;
	justify-content: center;
	font-size: 1.8rem;
	color: #fff;
	padding: 5rem 0;
	margin: 0;
	overflow: hidden;
}
.main-inner .ringolf .prize-info p {
	/*align-self: center;*/
	font-size: 1.4rem;
	line-height: 2rem;
	padding: 1.5rem 5px;
	margin: 0;
	text-align: left;
	overflow: hidden;
}
.main-inner .ringolf .prize-compe img{
	/* height: 30vh;*/
	width: 20vw;
	margin: 12px auto 0 auto;
}
.main-inner .ringolf .prize-bag img{
	width: 40vw;
	margin: 0 auto;
}
#main-text .ringolf .prize-info a{
	display: inline-block;
	font-size: 1.6rem;
	color: #0099CC!important;
	text-decoration: none!important;
	margin:0;
	padding: 0;
}
.main-inner .ringolf .prize-info a:hover{
	opacity: 0.7;
}
.rule-register{
	padding-bottom: 5rem;
	overflow: hidden;
	word-break: break-all;
}
.rule-register ol li {
	text-align: left;
	font-size: 1.6rem;
	line-height: 2.2rem;
}
.rule-register ul li {
	text-align: left;
	font-size: 1.4rem;
	line-height: 2.4rem;
	color: #000!important;
	list-style: none;
}
.register-btn {
	width: 100%;
	padding-bottom: 7rem;
	text-align: center;
	position: relative;
}
.main-cont .golfball-2{
	display: inline;
	opacity: 0.7;
	position: absolute;
	bottom: -3%;
	left: 60%;
	width: 36vw;
	z-index: 0;
}
.register-btn a{
	display: inline-block;
	width: 300px;
	height: 7rem;
	line-height: 7rem;
	font-size: 1.8rem;
	color: #fff!important;
	border: 1px solid #0099CC;
	background-color: #0099CC!important;
	z-index: 2;
}
.register-btn a:hover{
	opacity: 0.8;
}
/*----- キャンペーン概要 ここまで -----*/



	/*----- 応募規約 ここから -----*/
.rule-inner{
	margin-bottom: 3rem;
	border: double 14px #fff;
	padding: 0!important;
	text-align: center;
	margin-bottom: 6rem;
}
#rule-con h3, #rule-con h4, #rule-con p, #rule-con ul li, #rule-con ul li ol li{
	color: #0099CC;
	text-align: left;
}
#rule-con h3{
	font-size: 2.2rem;
}
#rule-con h4{
	font-size: 2rem;
}
#rule-con p{
	font-size: 1.4rem;	
}
#rule-con ul li, #rule-con ul li ol li{
	font-size: 1.4rem;
	line-height: 2.2rem;
	margin: 6px 2rem;
}
.rule-con {
	position: relative;
}
.rule-con .golfball-3{
	display: inline;
	opacity: 0.7;
	position: absolute;
	bottom: 80%;
	left:  -5%;
	width: 18vw;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
#rule-con .inner-box ul, #rule-con .inner-box h4, #rule-con .inner-box p{
	padding-left: 5rem;
}
/*----- 応募規約 ここまで -----*/




	/*----- アイコン ここから -----*/

[class^="icon"] {
	display: inline-block;
	padding-right: 3px;
}

h2 .icon-flag {
	display: inline-block;
	color: #0099CC!important;
	font-size: 3rem;
}
h3 .icon-flag,  h4 .icon-flag{
	display: inline-block;
	color: #0099CC!important;
	font-size: 3rem;
}	/*----- アイコン ここまで -----*/




	/*----- bootstrap ここから -----*/
.gh__header__nav__locale{
	padding: .35rem 2rem!important;
}

.gh__header__nav__locale a.gh__header__nav__locale__link{
	font-size: 1.5rem!important;
}
.gh__header__nav .gh__nav .gh__list .gh__list__item span.gh__list__item__link__text{
	font-size: 1.8rem!important;
}


.gh__list__wrapper--flyout .gh__list--flyout .gh__list__item .js__gh__list__item__link a.gh__list__item__link{ 
	margin-right: 50rem;
}
.gh__list__wrapper--flyout .gh__list--flyout .gh__list__item .js__gh__list__item__link a.gh__list__item__link{
	font-size: 1.6rem!important;
}
.gh__list__wrapper .gh__list .gh__list__item .js__gh__list__item__link .gh__list__item__link{
	font-size: 1.6rem!important;
}
.gh__list__wrapper .gh__list .gh__list__item .gh__list__item__link span{
	font-size: 1.3rem!important;
}


.gf__footer .gf__list .gf__list__item span.gf__list__item__link__text{
	font-size: 1.8rem!important;	
}
.gf__footer .gf__list .gf__list__wrapper .gf__list .gf__list__item .js__gf__list__item__link a.gf__list__item__link{
	font-size: 1.4rem!important;
	line-height: 2.4rem!important;
}
.gf__company .gf__locale a.gf__locale__link{
	font-size: 1.6rem!important;
}
.gf__company .gf__social .gf__social__list .gf__social__list__item svg{
	width: 2rem!important;
}
.gf__legal p, .gf__legal .gfl__list .gfl__list__item .js__gfl__list__item__link a.gfl__list__item__link{
	font-size: 1.3rem!important;
}
/*----- bootstrap ここまで -----*/



@media (max-width:991px) {
	.campaign_bg{
	position: relative;
	height: 60vw;
	width: 100%;
	background-image: url(../images/fa645-mb-bg.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
	.campaign_bg1{
	position: absolute;
	top: 3rem;
	left: 25vw;
	width: 50%;
	}
	.campaign_bg2{
	position: absolute;
	top: 28vw;
	left: 25vw;
	width: 50%;
	}
	.main-inner .inner-box, .main-inner .ringolf, .rule-inner .inner-box{
	background-color: #fff;
	padding: 4rem 1rem;
	margin: 0;
	}
	.main-inner{
		margin-bottom: 10rem;
	}
	#main-text .main-inner .ringolf{
	background-color: #fff;
	height: 100%;
	padding: 0 4rem;
	}
	.main-inner .ringolf .prize{
	display: inline-block;
	padding-bottom: 5rem;
	height: 100%;
	}
	.main-inner .ringolf .prize-name {
	display: inline-block;
	border: 1px solid #0099CC;
	background-color: #0099CC;
	border-radius: 4px 0 0 4px;
	}
	.main-inner .ringolf .prize-info {
	display: inline-block;
	border: 1px solid #0099CC;
	border-radius: 0 4px 4px 0;
	overflow: hidden;
	}
.main-inner .ringolf .prize-bag img{
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	}
	.register-btn a{
	display: inline-block;
	width: 300px;
	height: 7rem;
	line-height: 7rem;
	font-size: 1.8rem;
	color: #fff!important;
	border: 1px solid #0099CC;
	background-color: #0099CC!important;
	z-index: 2!important;
	}
	.main-cont .golfball-1{
	display: inline;
	opacity: 0.7;
	position: absolute;
	top: -2%;
	left: -10%;
	width: 60%;
	}
	.main-cont .golfball-2{
	display: inline-block;
	opacity: 0.7;
	position: absolute;
	bottom: 2%;
	left: 50%;
	width: 60vw;
	z-index: 0;
	}
	.rule-con .golfball-3{
	display: inline;
	opacity: 0.7;
	position: absolute;
	bottom: 80%;
	left: -5%;
	width: 34vw;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	}
	#rule-con .inner-box ul, #rule-con .inner-box h4, #rule-con .inner-box p{
	padding-left: 4.5rem;
	}
}

@media screen and (min-width: 1024px) {
	.gh__nav>.gh__list>.gh__list__item>.gh__list__wrapper.gh__list__wrapper--flyout>.gh__list--flyout>.gh__list__item{
		margin-right: 0!important;
	}
}
