@charset "utf-8";





#main {
	margin: 0 auto;
	background: #fff;
	font-weight: 500;
	font-size: 90%;
	line-height: 1.8;
	font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.caution {
	line-height: 1.8;
}

#top_image_box {
	background: url('/images/golf/top_img.png') no-repeat,
				url('/images/golf/top_img_light.png') no-repeat;
	background-position: center bottom, center 45px;
	background-size: 100% auto, 1072px 163px;
	overflow: hidden;
}


#top_img {
	padding-top: 60px;
	max-width: 1000px;
	width: 96%;
	margin: 0 auto;
	text-align: center;
}
#top_heading {
	padding: 40px 0;
	background: 
		url('/images/golf/golf_title_flame_top.png') no-repeat center top,
		url('/images/golf/golf_title_flame_bottom.png') no-repeat center bottom;
	font-size: 320%;
	line-height: 1.2;
	font-weight: bold;
	color: #5E7153;
}

#top_text {
	position: relative;
	padding: 300px 0 60px;/* safari用 */
	padding: 20vw 0 4vw;
	margin: 0 auto;
	line-height: 1.4;
	width: 28em;
	text-align: left;
	font-size: 140%;
	font-weight: 600;
	color: #fff;
	text-shadow: -1.5px -1.5px 2px #808080, 1.5px 1.5px 2px #808080;
}

#br:before {
	content: "\A";
	white-space: pre;
}

#top_image_cat {
	position: absolute;
	left: -180px;
	bottom: 3px;
}

#golf_woman {
	position: absolute;
	right: -200px;
	bottom: 0;
}

#plan_box {
	background: url('/images/golf/bg_plan.png') no-repeat;
	background-position: center top 45px;
	position: relative;
	padding-top: 60px;
}

#plan {
	padding-top: 0;
	padding-bottom: 80px;
	background-image: none;
	max-width: 890px;
	margin: 0 auto;
	width: 90%;
}

#plan_list {
	width: 60%;
	float: left;
}

.plan_picture {
	box-sizing: border-box;
	float: right;
	width: 40%;
	line-height: 0;
	padding-left: 15px;
	margin-bottom: 30px;
	text-align: center;
}
.plan_picture img {
	width: 100%;
	max-width: 358px;
}



.plan_topics {
	padding: 16px 0 16px 70px;
	background: url('/images/golf/plan_image.png') no-repeat left center;
	font-size: 190%;
	font-weight: bold;
	color: #5E7153;
}
.plan_text {
	padding: 0 0 40px 70px;
	font-size: 110%;
}
.plan_price {
	font-size: 130%;
}
.plan_attention {
	margin-left: 15px;
}



#plan .caution {
	clear: both;
	padding: 0 50px;
	font-size: 105%;
}

#contact_box {
	background-color: #ffffed;
	position: relative;
}

#contact {
	text-align: center;
	max-width: 905px;
	margin: 0 auto;
	padding: 90px 0 120px;
	width: 90%;
}

.contact_button_anchor {
	min-width: 400px;
	background: url('/images/golf/contact_button.png') no-repeat center center;
	background-size: 400px 80px;
	display: inline-block;
	margin: 0 auto 20px;padding: 26px 0;
	color: #fff;
	font-size: 110%;
	text-align: center;
}

#contact_button_anchor img {
	width: 100%;
}



#contact_info{
	margin: 0 auto 30px;
	font-size: 130%;
	text-align: center;
	line-height: 2.5;
}



#contact_picture {
	margin-right: 20px;
	float: left;
}



#contact .caution {
	max-width: 905px;
	text-align: left;
	font-size: 110%;
	padding-left: 210px;
	background: url('/images/golf/shoses_ball.png') no-repeat left top;
}

#campaign {
	width: 100%;
	max-width: 866px;
	margin: 0 auto 60px;
	line-height: 1.2;
	background: url('/images/golf/campaign_bg_img.png') no-repeat top center;
	padding: 5px 0 60px;
}

#campaign2{
	font-size: 90%;
}

#campaign3{
	font-size: 55%;
}

#campaign4{
	font-size: 90%;
}

#campaign5{
	font-size: 220%;
}

#campaign6{
	font-size: 80%;
}

#campaign7{
	font-size: 115%;
}

#campaign_upper {
	font-size: 200%;
	font-weight: 600;
	color: #ca2221;
}

#campaign_bottom {
	font-size: 140%;
}

#companion_list_box {
	position: relative;
	background: url('/images/golf/golf_backgound_cat.png') no-repeat right top 200px;
	background-color: #f5fdd4;
}


#companion_list {
	position: relative;
	max-width: 848px;
	margin: 0 auto;
	width: 96%;
	padding: 125px 0 150px;
}

.contact_button {
	text-align: center;
	margin-bottom: 70px;
}

#bottom_button {
	width: 92.75%;
	max-width: 400px;
}

#contact_button_cat {
	position: relative;
}

#golf_bottom_cat {
	position: absolute;
	max-width: 169px;
	width: 34%;
	right: 0;
	bottom: 0;
}

#companion_topics {
	text-align: center;
	font-size: 200%;
	font-weight: bold;
	color: #5E7153;
}



#golf_companion_box {
	overflow: hidden;
	margin-bottom: 100px;
}
#golf_companion_box a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.golf_companion {
	float: left;
	box-sizing: border-box;
	padding: 40px 7px 0 5px;
	width: 25%;
}

.golf_companion:nth-child(4n + 1) {
	clear: left;
}

.golf_companion a {
	color: #333;
}

.companion_picture {
	padding: 4px;
	line-height: 0;
	border: 1px solid #999;
	margin-bottom: 5px;
}
.companion_picture img {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	border: 3px solid #999;
}


.companion_profile {
	padding: 0 5px;
	font-size: 110%;
	line-height: 1.2;
}

.line_top {
	position: absolute;
	width: 100%;
	max-width: 918px;
	bottom: -0.4px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 9999;
}

.line_bottom {
	position: absolute;
	width: 100%;
	max-width: 918px;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 9999;
}
.card_mini img {
	max-width: 260px;
	width: 80%;
}




/*===============================================
●ブレイクポイント
===============================================*/
@media screen and (max-width: 1010px){
	
#top_text {
	padding: 200px 0 40px;/* safari用 */
	padding: 20vw 0 4vw;
}
	
#campaign {
	background-size: 100% auto;
}
	
#campaign_upper {
	font-size: 3.2vw;
	font-weight: 600;
	color: #ca2221;
}
	
#campaign_bottom {
	font-size: 2.3vw;
}
	
}/* 1010pxの閉じカッコ */

/*===============================================
●ブレイクポイント
===============================================*/
@media screen and (max-width: 768px){
#top_text {
	width: 85%;
	font-size: 110%;
	padding: 150px 13% 30px 0;/* safari用 */
	padding: calc(20vw + 30px) 13% 4vw 0;
}
	
#br:before {
	content: "";
}

#top_image_cat {
	display: none;
}
	
#golf_woman {
	right: -16.7%;
	bottom: 0;
	width: 27.7%;
}

#plan_box {
	background: none;
}
	
#plan_list {
	width: 100%;
	margin-bottom: 30px;
}
	
.plan_text {
	padding: 0 15%;
	background-position: 5% center;
}
	
.plan_picture {
	padding-left: 0;
	width: 100%;
}

.plan_topics {
	padding-left: 15%;
	background-position: 6% center;
}
	
#campaign_upper {
	font-size: 160%;/* safari用 */
	font-size: 3.2vw;
}
	
#campaign_bottom {
	font-size: 100%;/* safari用 */
	font-size: 2.3vw;
}

#profile_box {
	background-size: 500px;
}
	
#companion_list_box {
	background-size: 500px;
}
	
#contact .caution {
	max-width: 905px;
	text-align: left;
	font-size: 110%;
	padding: 0 0 170px 0;
	background: url('/images/golf/shoses_ball.png') no-repeat right bottom;
}
	

	
#contact {
	padding-bottom: 40px;
}

}/* 768pxの閉じカッコ */


/*===============================================
●ブレイクポイント
===============================================*/
@media screen and (max-width: 640px) {

#top_text {
	font-size: 100%;
}
	
#top_image_box {
	background-size: 640px;
}
	
#top_img {
	padding-top: 30px;
}
	
#top_heading {
	font-size: 220%;
}
	
.plan_topics {
	background-size: 8.6% auto;
}
	
.plan_text {
	padding: 0 0 40px 5%;
	background-position: 5% center;
}
	
#contact_info{
	text-align: left;
}
	
#campaign_upper {
	font-size: 120%;/* safari用 */
	font-size: 3.2vw;
}
	
#campaign_bottom {
	font-size: 80%;/* safari用 */
	font-size: 2.3vw;
}
	
#contact .caution {
	padding-bottom: 130px;
	background-size: 140px auto;
}
	
#companion_list_box {
	background-size: 300px;
}
	
.golf_companion {
	padding: 20px 7px 0 5px;
	width: 33.3%;
}
	
.golf_companion:nth-child(4n + 1) {
	clear: none;
}
	
.golf_companion:nth-child(3n + 1) {
	clear: left;
}
	
#plan .caution {
	padding: 0;
}
	
.companion_profile {
	font-size: 90%;
}

}/* 640pxの閉じカッコ */


/*===============================================
●ブレイクポイント
===============================================*/
@media screen and (max-width: 540px) {
	
#top_text {
	width: 77%;
	padding: calc(20vw + 40px) 65px 4vw 0;
}

#golf_woman {
	width: 136px;
	right: -22.5%;
}
	
.safari #campaign, .safari3 #campaign {
	background-size: 540px;
}
	
.iphone #campaign {
	background-size: 100% auto;
}

}/* 540pxの閉じカッコ */


/*===============================================
●ブレイクポイント
===============================================*/
@media screen and (max-width: 475px) {
	
#campaign_upper {
	font-size: 100%;/* safari用 */
	font-size: 3.2vw;
}
	
#campaign_bottom {
	font-size: 80%;/* safari用 */
	font-size: 2.3vw;
}

.companion_profile {
	font-size: 80%;
}
	
}

/*===============================================
●ブレイクポイント
===============================================*/
@media screen and (max-width: 460px) {
	
.contact_button_anchor {
	background-size: 100% auto;
	min-width: 0;
	width: 100%;
	font-size: 3.4vw;
}/* 432pxの閉じカッコ */
	
}