@charset "utf-8";

/* ======================================================
 * suica.css
====================================================== */

/* clearfix */
.clearfix {
	min-height: 1px;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* link */
a.hover02:hover,
a.hover:hover div {
	background-color:#fff;
	display:block;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	zoom: 1;
}

.font_red {
	color:#FF0004;
}

#main {
	width:100%;
	max-width:1020px;
	background:#fff;
}
.contentsWrap {
	background:transparent;
}
.contentsWrap h1 {
	margin-bottom:40px;
}
.mainWrap01 h2 {
	font-weight:bold;
	font-size:200%;
}
.mainWrap01 .heading02 {border-top: 4px solid #fff000;}
.mainWrap01 .heading02 > .head {background: url(../img/com_head_ic_y.png) no-repeat 0 1.05em;}
.mainWrap01 h3 {
	font-weight:bold;
	font-size:115%;
}

.mainWrap01 .cpCode {
	text-align:center;
}
.mainWrap01 .cpCode .heading02 {
	padding:20px 0 0;
	margin-bottom:0;
}
.mainWrap01 .cpCode p {
	font-size:120%;
}
.mainWrap01 .cpCode .code {
	color:#009FE8;
	font-size:200%;
	margin:10px 0 !important;
}

.mainWrap01 .cpCode .code-txt{
	margin:0 4%;
	text-align:left;
}

/*.mainWrap01 .cpCode .code-txt p{
	display:inline-block;
}*/

/*新規会員登録*/
.mainWrap01 .new_btn {
	text-align:center;
	margin:30px 0;
}

/*キャンペーン*/
.mainWrap01 span.bg_green {
	background:#43be0c;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	color:#FFFFFF;
	font-weight:bold;
	padding:1.5% 5%;
	font-size: 0.9em;
	display:inline-block;
}

.mainWrap01 span.bg_orenge {
	background:#fe9400;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	color:#FFFFFF;
	padding:1.5% 5%;
	display:inline-block;
	font-size: 120%;
    font-weight: bold;
	text-align:center;
}

.mainWrap01 span.bg_white {
	background:#FFFFFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	color:#43be0c;
	font-weight:bold;
	padding:2.5% 5%;
	display:block;
	font-size: 120%;
	text-align:center;
}

.mainWrap01 .course01 .content_area h4 .bg_white {
	padding:0.4% 1.8%;
}

.mainWrap01 .course {
	margin-top:50px;
	background:#F3F3F3;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}

/*cpcourse01*/
.mainWrap01 #cpcourse01 .course .head_area {
	background:url(../img/img_cmp1bg.png) no-repeat top #fffddc;
	background-size:100% 100%;
	padding:10px 3% 10px;
}
.mainWrap01 #cpcourse01 .course .head_area h3 {
	background:url(../img/img_h3icon1.png) 0 0 no-repeat;
	background-position:top right;
	min-height:100px;
	font-size:200%;
	text-align:center;
}

.mainWrap01 #cpcourse01 .course .head_area h3 p.h3_1{
	background:url(../img/img_h3_1.png) 0 0 no-repeat;
	background-position:0 20px;
	min-height:100px;
	padding:70px 100px 0 100px;
}
/*cpcourse01*/

/*cpcourse02*/
.mainWrap01 #cpcourse02 .course .head_area {
	background:url(../img/img_cmp2bg.png) no-repeat top #fffddc;
	background-size:100% 100%;
	padding:10px 3% 10px;
}
.mainWrap01 #cpcourse02 .course .head_area h3 {
	background:url(../img/img_h3icon2.png) 0 0 no-repeat;
	background-position:top right;
	min-height:100px;
	font-size:200%;
	text-align:center;
}

.mainWrap01 #cpcourse02 .course .head_area h3 p.h3_1{
	background:url(../img/img_h3_2.png) 0 0 no-repeat;
	background-position:0 20px;
	min-height:100px;
	padding:70px 100px 0 100px;
}
/*cpcourse02*/

/*cpcourse03*/
.mainWrap01 #cpcourse03 .course .head_area {
	background:url(../img/img_cmp3bg.png) no-repeat top #fffddc;
	background-size:100% 100%;
	padding:10px 3% 10px;
}
.mainWrap01 #cpcourse03 .course .head_area h3 {
	background:url(../img/img_h3icon1.png) 0 0 no-repeat;
	background-position:top right;
	min-height:100px;
	font-size:200%;
	text-align:center;
}

.mainWrap01 #cpcourse03 .course .head_area h3 p.h3_1{
	background:url(../img/img_h3_3.png) 0 0 no-repeat;
	background-position:0 20px;
	min-height:100px;
	padding:70px 100px 0 100px;
}
/*cpcourse03*/

.schedule dl{
	padding:5px 2%;
	border-bottom:#E0E0E0 1px solid;
	margin: 0 30% 0 0;
}

.schedule dl::after{
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
/*.schedule dd{	float:left;}*/

.schedule dt{
	float:left;
	/*color:#39b303;*/
	font-weight:bold;
	font-size: 105%;
}
.schedule dd{
	padding-left:55px;
	
}
	
.schedule dd .opp::before {
	content: "vs";
  /*position: absolute;*/
  left: 0;
  top: 0em;
  color: #ffffff;
  background-color:#7E7E7E;
  font-size: 1.3rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding:0 0.8%;
	margin:0 1.2% 0 0;
}

.mainWrap01 .course .content_area {
	padding:20px 3%;
}
/*.mainWrap01 .course .content_area h4 {
	font-weight:bold;
	color:#39b303;
	font-size:160%;
}*/
.mainWrap01 #cpcourse01 .course .content_area h4 {
	font-weight:bold;
	color:#F0130A;
	font-size:160%;
}

.mainWrap01 #cpcourse02 .course .content_area h4 {
	font-weight:bold;
	color:#E8944E;
	font-size:160%;
}
.mainWrap01 #cpcourse03 .course .content_area h4 {
	font-weight:bold;
	color:#00B153;
	font-size:160%;
}


.mainWrap01 .course .content_area h4 span.bg_green {
	padding:0.4% 1.8%;
}
.mainWrap01 .course .content_area h4 + p {
	text-align:center;
}
.mainWrap01 .course .content_area h4 + p + p {
	text-align:center;
}
.mainWrap01 .course .content_area .left_box,
.mainWrap01 .course .content_area .right_box {
	margin:20px 0 10px;
}
.mainWrap01 .course .content_area .left_box {
	float:left;
	width:48%;
}
.mainWrap01 .course .content_area .right_box {
	float:right;
	width:48%;
}
.mainWrap01 .course .content_area .left_box img,
.mainWrap01 .course .content_area .right_box img {
	width:100%;
}
.mainWrap01 .course .content_area .point {
	margin:20px 0;
}
.mainWrap01 .course .content_area h5 {
	font-weight:bold;
	font-size:130%;
}
.mainWrap01 .course .content_area h5 span {
	font-weight:normal;
	font-size:80%;
}
.mainWrap01 .course .content_area h5.heading04:before {
	color:#43be0c;
}
.mainWrap01 .course .content_area h5.heading05 {
	
background:url("../img/com_head_ic_g.png") no-repeat scroll 0 0.3em;
	/*position: relative;*/
  padding: 0 0 0 25px;
}

.mainWrap01 .course .content_area .border_y {
	background-color:#ffffff;
	/*border: 3px #fff000 solid;*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	padding:3% 4%;
}
.mainWrap01 .course .content_area .border_y ol li {
	list-style:outside decimal;
	margin-left:25px;
}
.mainWrap01 .course .content_area .border_yby {
	border-bottom: 3px #fff000 solid;
	padding:4% 0;
	margin-bottom:20px;
}

/*ポイントが貯まる対象自販機*/
.mainWrap01 .machine dt {
	float:left;
	margin-bottom:40px;
}

/*注意事項*/
.mainWrap01 .sectioning03 ul li {
	position: relative;
  padding: 0 0 5px 20px;
}
.mainWrap01 .sectioning03 ul li:before {
	content: "●";
  position: absolute;
  left: 0;
  top: 0em;
  color: #fff000;
  font-size: 1.6rem;
}


/*acureメンバーズ*/
.mainWrap01 .acure_members {
	padding:24px 0 18px 7%;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius:20px;
	background-color:#FFF000;
	background-image: -webkit-linear-gradient(-20deg, #F7E600 26%, #FFF000 26%, #FFF000);
	background-image: -moz-webkit-linear-gradient(-20deg, #F7E600 26%, #FFF000 26%, #FFF000);
	background-image: -ms-linear-gradient(-20deg, #F7E600 26%, #FFF000 26%, #FFF000);
	background-image: linear-gradient(-20deg, #F7E600 26%, #FFF000 26%, #FFF000);
}

.mainWrap01 .acure_members .left_box {
	float:left;
	margin:2% 2% 4%;
	width:65%;
}

.mainWrap01 .acure_members .right_box {
	float:right;
	margin:0 5%;
	width:21%;
}
.mainWrap01 .acure_members .btn {
	margin:30px 7% 10px 0;
	text-align:center;
}
.mainWrap01 .acure_members .btn a {
	font-size: 1.8rem;
	background:url(../img/link_arrow.png) 20px 50% no-repeat #00a0e9;
	background-size:10px;
	padding:15px 0px;
	color: #ffffff;
	font-weight: bold;
	display:inline-block;
	width:50%;
	text-decoration:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
	-ms-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
	-o-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
}
.mainWrap01 .acure_members .btn a:hover span {
	background-color:#00a0e9;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	zoom: 1;
}

/*20160428追加*/
.array3{
	width:100%;
	margin:0 auto;

}

.array3 li{
	float:left;
	width:33%;
	text-align:center;
}

.array3 li img{
	width:80%;
	height:auto;
}
.mainWrap01 .heading04 {
    color: #333333;
}

.btnLink01{
	height:70px;
}

.contentsWrap h2{
	font-size: 200%;
    font-weight: bold;
}

.mainWrap01 .heading08{
	    border-top: 4px solid #fff000;
}

/*20160428追加*/

.cpend02::before {
    background: #ff0000 none repeat scroll 0 0;
    border-radius: 7px;
    color: #ffffff;
    content: "こちらのキャンペーンは終了しました";
    font-size: 2.1rem;
    font-weight: bold;
    left: 25%;
    position: absolute;
    top: 40%;
    width: 50%;
    z-index: 3;
	text-align : center ;
	padding:5px;

}
.cpend02 {
    position: relative;
}

.cpend03::before {
    background: #DCDCDC none repeat scroll 0 0;
    border-radius: 7px;
    color: #ffffff;
    content: "";
    font-size: 2rem;
    font-weight: bold;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
	height:100%;
    z-index: 2;
	opacity: 0.3;
	 text-align : center ;
	 display:table-cell;
	 vertical-align:middle;
	 vertical-align:central;
}
.cpend03 {
    position: relative;
}


/*////////////////////////////////////////////////
スマートフォン
///////////////////////////////////////////////////*/

@media screen and (max-width: 640px) {

.SPalCenter{text-align:center;}

.SPnone{display:none}

.contentsWrap h1 {
	margin-bottom:15px;
	padding: 0 10px;
}

.mainWrap01 h2 {
	font-size: 2.2rem;
}
.mainWrap01 .sectioning01 {
	margin-top:15px;
}

.mainWrap01 .cpCode .heading02 {
	font-size:150%;
}
.mainWrap01 .cpCode .heading02 span {
	display:block;
}
.mainWrap01 .cpCode p {
	font-size:100%;
	text-align:left;
}

/*新規会員登録*/
.mainWrap01 .new_btn {
	margin:20px 0;
}

/*キャンペーン*/
.mainWrap01 span.bg_green {
	font-size: 0.8em;
	display:inline-block;
}

.mainWrap01 .course .head_area {
	background:url(../img/img_cmpbg_sp.png) no-repeat top #fffddc;
	background-size:100% 100%;
	padding:10px 3% 20px;
}


.mainWrap01 #cpcourse01 .course .head_area h3, 
.mainWrap01 #cpcourse03 .course .head_area h3 {
 	background:url(../img/img_h3icon1_sp.png) 0 0 no-repeat;
	min-height:70px;
	font-size:130%;
	background-size:47%;
 	/*background-position:220px 0;*/
	background-position:top right;
}
.mainWrap01 #cpcourse02 .course .head_area h3 {
 background:url(../img/img_h3icon2_sp.png) 0 0 no-repeat;
	min-height:70px;
	font-size:130%;
	background-size:47%;
 	/*background-position:220px 0;*/
	background-position:top right;
}
/*.mainWrap01 #cpcourse01 .course .head_area h3, 
.mainWrap01 #cpcourse02 .course .head_area h3, 
.mainWrap01 #cpcourse03 .course .head_area h3 {
	padding-left:54px;
	background-size:70px;
	background:url(../img/img_h3icon1_sp.png) 0 0 no-repeat;
	background-position:210px 0;
	min-height:70px;
	font-size:130%;
}*/
.mainWrap01 #cpcourse01 .course .head_area h3 p.h3_1, 
.mainWrap01 #cpcourse02 .course .head_area h3 p.h3_1, 
.mainWrap01 #cpcourse03 .course .head_area h3 p.h3_1{
	/*background:url(../img/img_h3_1.png) 0 0 no-repeat;*/
	background-position:0 0;
	min-height:auto;
	padding:60px 15px 10px;
	background-size:47%;
}

.schedule dl{
	margin: 0;
}

.mainWrap01 .course .content_area .left_box,
.mainWrap01 .course .content_area .right_box {
	float:none;
	width:100%;
}
.mainWrap01 .course .content_area h4 {
	/*text-align:left !important;*/
	font-size: 1.2em !important;
}
.mainWrap01 .course .content_area h4 + p  {
	text-align:left;
	text-indent:-1em;
	padding-left:1em;
}
.mainWrap01 .course .content_area .point {
	margin:15px 0 10px;
	font-size:100% !important;
}
.mainWrap01 .course .content_area h5 {
	margin:0;
}
.mainWrap01 .course .content_area h4 + p + p  {
	text-align:left;
	text-indent:-1em;
	padding-left:1em;
}

/*ポイントが貯まる対象自販機*/
.mainWrap01 .machine dt img {
	width:140px;
}

/*acureメンバーズ*/
.mainWrap01 .acure_members {
	padding:10px;
	background-image: -webkit-linear-gradient(-17deg, #F7E600 32%, #FFF000 32%, #FFF000);
	background-image: -moz-webkit-linear-gradient(-17deg, #F7E600 32%, #FFF000 32%, #FFF000);
	background-image: -ms-linear-gradient(-17deg, #F7E600 32%, #FFF000 32%, #FFF000);
	background-image: linear-gradient(-17deg, #F7E600 32%, #FFF000 32%, #FFF000);
}

.mainWrap01 .acure_members .left_box h1 {
	margin-bottom:1.5em !important;
}

.mainWrap01 .acure_members .left_box,
.mainWrap01 .acure_members .right_box {
	float:none;
	text-align:center;
	width:100%;
	margin:1.5em 0;
}

.mainWrap01 .acure_members .right_box img {
	width:60%;
}
.mainWrap01 .acure_members .btn {
	margin:20px 0 10px;
}
.mainWrap01 .acure_members .btn a {
	background:url(../img/link_arrow.png) 10px 50% no-repeat #00a0e9;
	background-size:8px;
	padding:10px 0px;
	width:90%;
	font-size:100%;
}


.mainWrap01 .cpCode .code-txt{
	margin:0;
	text-align:center;
}


.cpend02::before {
    font-size: 1.8rem;
    font-weight: bold;
    left: 10%;
    position: absolute;
    top: 40%;
    width: 80%;
    z-index: 2;
	text-align : center ;
	padding:5px;

}


}