@charset "shift_jis";
@media only screen and (min-width : 641px) {
	
	div.col1_{
		padding-top: 0 !important;
	}
	div.customer_ div.navitopicpath_agree a:last-child {
		background: url(../img/usr/common/border.png) right center no-repeat !important;
	}
	div.navitopicpath_agree{
		margin: 20px 0 !important;
	}

	h2.sub_headline{
		font-size: 28px;
		text-align: center;
		margin-top: 10px; 
	}
	h3.sub_headline{
		font-size: 24px;
		text-align: center;
	}
	h3.sub_headline2{
		font-size: 17px;
		text-align: center;
		margin-top: 30px;
	}
	h3.sub_headline_2018{
		font-size: 24px;
		text-align: center;
		border-left: solid 10px #BDCF1D;
		border-bottom: solid 1px #CCC;
	}
	div.CEB_service {
		margin: 30px auto;
		text-align: center;
	}
	div.club_text{
		width: 700px;
		margin: 0 auto;
		padding: 30px 0 20px 0;
	}
	div.club_text p{
		text-align: left !important;
	}
	div.club_text a {
		text-decoration: underline;
	}
	div.club_text a:hover {
		opacity: 0.7;
	}
	div.chart_image{
		margin: 30px 0 0 0;
		text-align: center;
	}
	div.pull_bottom{
		width: 900px;
		margin: 0 auto;
		padding-bottom: 30px;
	}
	div.pull_bottom_2{
		width: 900px;
		margin: 0 auto;
		padding: 20px 0 20px 0;
	}
	div.pull_bottom_2 li {
		list-style: disc;
		margin-left: 20px;
	}
	div.club_contact{
		padding: 15px;
		margin: 0 auto;
		border: solid 1px #999;
		width: 600px;
		border-radius: 2px;
	}
	div.club_attention{
		width: 900px;
		margin: 0 auto;
	}
	p.change_info{
		width: 900px;
		height: 20px;
		background: #535353;
		margin: 50px auto 0;
		padding: 10px 0 15px 0;
		font-size: 21px;
		font-weight: bold;
		color: #FFF;
		text-align: center;
	}
	div.flame{
		width: 900px;
		margin: 0 auto;
		padding: 0 0 30px;
	}
	.foot_btn {
		display: flex;
		justify-content: center;
		padding: 10px 0 20px;
	}
	.foot_btn li {
		margin: 0 15px 0;
	}
	.foot_btn a{
		transition: all .5s;
	}
	.foot_btn a:hover {
		  opacity: 0.7;
	}


	.ceb_main{
		width: 900px;
		margin: 0 auto;
		padding: 45px 0 30px;
	}
	.h_privilege{
		font-size: 18px;
		text-align: center;
		font-weight: bold;
		letter-spacing: .2em;
		padding: 2px 0;
		background-color: #bed600;
		margin: 0 0 10px;
	}
	ul.list_privilege{
		width: 500px;
		height: 400px;
		margin: 0 auto 20px;
		background: url(../img/ceb/pc_ceb_privilege.jpg) no-repeat 0 0;
	}
	ul.list_privilege li{
		display: none;
	}
	.h_service{
		position: relative;
		font-size: 17px;
		font-weight: bold;
		padding: 2px 0 2px 16px;
		margin: 0 0 10px;
		border-top: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
	}
	.h_service:before{
		position: absolute;
		top: 10%;
		left: 0;
		content: "";
		width:5px;
		height:80%;
		background-color: #bed600;
	}
	form[name="agreebody"],
	form[name="privacybody"]{
		display: block;
		width: 900px;
		margin: 10px auto 20px;
	}
	
}@media only screen and (max-width : 640px) {

	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	hr {
		width: 100%;
	}
	h2.sub_headline{
		margin-left: 10px;
	}
	.club_contact p{
		padding: 0 10px 10px;
	}
	.foot_btn {
		display: flex;
		justify-content: center;
		padding: 0 0 40px;
	}
	.foot_btn li {
		margin: 0 15px 0;
	}

	
	.ceb_main {
		padding: 0 10px 20px;
		color: #555
	}
	.customer_ p.h_privilege {
		font-size: 18px;
		font-weight: 700;
		padding: 4px 0 4px 4px;
		background-color: #bed600;
		margin: 0 0 10px
	}
	ul.list_privilege li {
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: dashed 1px #ccc;
	}
	ul.list_privilege li:last-child {
		border: none;
	}
	.customer_ p.h_service {
		position: relative;
		font-size: 16px;
		font-weight: 700;
		padding: 4px 0 4px 15px;
		margin: 0 0 10px;
		border-top: solid 1px #ccc;
		border-bottom: solid 1px #ccc
	}
	.customer_ p.h_service:before {
		position: absolute;
		top: 10%;
		left: 0;
		width: 5px;
		height: 80%;
		background-color: #bed600
	}

}