@charset "utf-8";
/* CSS Document */


/* PC */
.pc {display:block;}
.sp {display:none;}

#clubselect { position: relative; max-width:960px; margin:0 auto 0 auto;}
#clubselect p { font-size:14px; line-height:1.5em; width:90%; margin:0 0 0 5%; text-align:center;}

#clubselect header { z-index:1; position:relative; background:url(../img/header_bg.png) repeat-x top center; width:100%; height:300px; }
#clubselect header .tx { position:absolute; top:10px; left:10px;}
#clubselect header .tx02 { position:absolute; top:70px; left:10px; width: 635px; text-align: center; }
#clubselect header .tx02 h1{ display: block; font-size: 34px; margin: 0 0 0 0; }
#clubselect header .tx02 h1 span{ color: #ff0000; font-size: 34px; }
#clubselect header .tx02 p{ text-align: center; font-size: 18px; margin: 0 0 0 0; }
#clubselect header .obi { position:absolute; top:160px; left:0; background:url(../img/header_obi.png) repeat-x top left; width:100%; height:130px; animation: cloudmove 20s linear infinite; -webkit-animation: cloudmove 20s linear infinite;	-moz-animation: cloudmove 20s linear infinite;}
@keyframes cloudmove {0% {background-position: 0 0;}100% {background-position: -822px 0;}}
@-webkit-keyframes cloudmove {0% {background-position: 0 0;}	100% {background-position: -822px 0;}}
@-moz-keyframes cloudmove {0% {background-position: 0 0;}100% {background-position: -822px 0;}}

#clubselect header .club { z-index:2; position:absolute; top:0; right:20px; text-align:right;}
#clubselect header .club img { width:50%;}

#clubselect header .btn { z-index:3; position:absolute; top:320px; left:0; width:100%; padding:20px 0 20px 0; box-sizing:border-box;}
#clubselect header .btn .left { float:left; width:50%;}
#clubselect header .btn .left img { max-width:100%;}
#clubselect header .btn .right {float:right; margin:-130px 0 0 0; width:50%; text-align:right;}
#clubselect header .btn .right img { max-width:100%;}

#clubselect h2 { z-index:0; width:100%; text-align:center;}
#clubselect h2.section1-ti { position:relative; margin:100px 0 0 0;}
#clubselect h2.section2-ti { position:relative; margin:50px 0 20px 0; padding:0 0 10px 0; border-bottom:#993300 1px dotted;}
#clubselect h2.section2-ti img { max-width:100%;}

#clubselect h2 .section1-bg  { z-index:2; position:absolute; top:0; left:0; width:100%; height:300px; margin:0; box-sizing:border-box; background:url(../img/section1_bg.png) repeat-x bottom left;}
#clubselect h2 .section1-tx { z-index:1; position:absolute; top:0; left:0; width:90%; margin:0 5% 0 5%; text-align:center;}
#clubselect h2 .section1-tx img { max-width:1024px;}

#clubselect section { width:100%; margin:0; padding:20px; box-sizing:border-box;}

#clubselect section.section1 { text-align:center; background:#318123; border-radius:0 0 10px 10px; margin-top:380px;  }
#clubselect section.section1 .box { width:30%; margin:0 1% 2% 1%; display:inline-block; position: relative; background-color: #FFF; border-radius: 4px; padding: 0 0 5px 0; vertical-align: top; box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.6);  -moz-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.6); }
#clubselect section.section1 .box h3{ display:block; color: #993300; margin: 0 0 8px 0; width:100%; box-sizing: border-box; text-align: left; font-size: 12px; padding: 1% 4% 4% 4%; background-color: #FFF; margin: 0 0 0 0; }
#clubselect section.section1 .box p{ display:block; width:100%; box-sizing: border-box; text-align: left; font-size: 12px; padding: 1% 4% 4% 4%; background-color: #FFF; margin: 0 0 0 0; }


#clubselect section.section1 .les { width:95%; border-radius:4px; padding:3%; box-sizing:border-box; background-color:#ffffff; margin:0 auto 0; box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.6);  -moz-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.6);}
#clubselect section.section1 .les .ti { margin:0 0 20px 0; padding:0 0 10px 0 ; border-bottom:#cccccc 1px dotted;}
#clubselect section.section1 .les .box2 { width:49%; display:inline-block; text-align: left; vertical-align:top;}
#clubselect section.section1 .les .box2 p { text-align:left; margin:10px auto 8px; width: 94%; }
#clubselect section.section1 .les .box2 p a{ display: block; }
#clubselect section.section1 .les .box2 p a span{ display: block; }
#clubselect section.section1 .les .box2 p a strong{ color:#993300; font-size:12px;}

#clubselect section.section2 { text-align:center; }
#clubselect section.section2 .box { width:30%; margin:0 1% 2% 1%; display:inline-block;}

#clubselect .campaign { position:relative; width:100%; margin-bottom:20px; }
#clubselect .campaign img { width:100%;}

#clubselect .pcctxt { text-align: left; line-height: 1.8;  }



/* social */

.social { text-align:center; margin:20px 0 0 0; width:100%; overflow:hidden;}
.golpa { display:inline-block;}
.socialButtons {
	overflow: hidden;
	margin:0 0 20px;	
	width:100%;
	height:50px;
	text-align:center;
	display:inline-block;
}
.socialButtons li {
	display:inline-block;
	margin-right: 10px;
}

@media screen and (max-width: 767px){
.pc {display:none;}
.sp {display:block;}

#clubselect { position: relative; }
#clubselect p { font-size:14px; line-height:1.5em; width:90%; margin:0 0 0 5%;}

#clubselect header { z-index:1; position:relative; background:url(../img/header_bg.png) repeat-x top center; width:100%; }
#clubselect header .tx { position:static; top:10px; left:0; width:100%; text-align:center;}
#clubselect header .tx img { width:90%;}
#clubselect header .tx02 { position:static;  width: 100%; text-align: center; }
#clubselect header .tx02 h1{ display: block; font-size: 16px; margin: 0 0 0 0; }
#clubselect header .tx02 h1 span{ color: #ff0000; font-size: 16px; }
#clubselect header .tx02 p{ display: block; width: 100%; text-align: center; font-size: 12px; margin: 0 0 0 0; }
#clubselect header .obi { position:absolute; top:120px; left:0; background:url(../img/header_obi.png) repeat-x top left; width:100%; height:130px; animation: cloudmove 20s linear infinite; -webkit-animation: cloudmove 20s linear infinite;	-moz-animation: cloudmove 20s linear infinite;}
@keyframes cloudmove {0% {background-position: 0 0;}100% {background-position: -822px 0;}}
@-webkit-keyframes cloudmove {0% {background-position: 0 0;}	100% {background-position: -822px 0;}}
@-moz-keyframes cloudmove {0% {background-position: 0 0;}100% {background-position: -822px 0;}}

#clubselect header .club { z-index:2; position:absolute; top:auto; bottom:25%; width:80%; text-align:center;}
#clubselect header .club img { width:60%;}

#clubselect header .btn { z-index:3; position:absolute; top:220px; left:0; width:100%; padding:20px; box-sizing:border-box;}
#clubselect header .btn .left { float: none; margin:10px 0 0 0; width:100%;}
#clubselect header .btn .left img { width:100%;}
#clubselect header .btn .right {float: none; margin:0 0 0 0; width:100%;}
#clubselect header .btn .right img { width:100%;}

#clubselect h2 { z-index:0; width:100%; text-align:center;}
#clubselect h2.section1-ti { position:relative; margin:40% 0 0 0;}
#clubselect h2.section2-ti { position:relative; margin:50px 0 20px 0; padding:0 0 10px 0; border-bottom:#993300 1px dotted;}
#clubselect h2.section2-ti img { width:100%;}

#clubselect h2 .section1-bg  { z-index:2; position:absolute; top:0; left:0; width:90%; height:300px; margin:0 5% 0 5%; box-sizing:border-box; background:url(../img/section1_bg.png) repeat-x bottom left; display:none;}
#clubselect h2 .section1-tx { z-index:1; position:absolute; top:0; left:0; height:auto; margin:0 0 0 0;}
#clubselect h2 .section1-tx img { width:100%;}

#clubselect section { width:100%; margin:0 0 0 0; padding:20px; box-sizing:border-box;}

#clubselect section.section1 { text-align:center; background:#318123; border-radius:0 0 0 0; margin-top:70%; }
#clubselect section.section1 .box { width:90%; margin:0 1% 2% 1%; display:inline-block;}

#clubselect section.section1 .les { width:90%; border-radius:4px; padding:3%; box-sizing:border-box; background-color:#ffffff; margin:0 auto 0; box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.6);  -moz-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.6);}
#clubselect section.section1 .les .ti { margin:0 0 20px 0; padding:0 0 10px 0 ; border-bottom:#cccccc 1px dotted;}
#clubselect section.section1 .les .ti img { width:100%;}
#clubselect section.section1 .les .box2 { width:100%; display: inherit; text-align: left; vertical-align:top;}
#clubselect section.section1 .les .box2 p { text-align:left; margin:10px auto 0;}
#clubselect section.section1 .les .box2 p b { color:#993300; font-size:16px;}

#clubselect section.section2 { text-align:center; }
#clubselect section.section2 .box { width:90%; margin:0 1% 2% 1%; display:inline-block;}

#clubselect .campaign { position:relative; width:100%; margin-bottom:20px; }
#clubselect .campaign img { width:100%;}


}