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

#cp-conditions {
	margin-bottom: -100px;}
#cp-detail { margin-bottom: -10px;}
.clearfix {
    display: block;
}
.sp {
        display:none;
}


img {
    border: 0;
    vertical-align: bottom;
    /* display: block; */
}
img {
    -webkit-backface-visibility: hidden;
}




/*その他*/

table {
  border-collapse:collapse;
  border-spacing:0;
  line-height:1.5em;
}



.mb20 {
	margin:0 0 20px 0;
}

.course_attention {
	margin: 10px 10px 0 10px;
}



/* カウンター用 */
#index_bnr_timesale20130520 {
	position:relative;
    font-family: "Crimson Text", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

#index_bnr_timesale20130520 span {
	display: block;
    font-weight: bold;
	color: #000;
    text-align: left;
    font-size: 40px;
	 font-family: "Crimson Text", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	position: absolute;
    top: 33px;
    left: 56%;
    transform: scale(1.4, 1.3);
}
.banner_timer_end {
        transform: scale(1, 1) !important;
        text-indent: -0.7em !important;
}
.limit_end {
    display: block;
    font-weight:bold;
	 font-family: "Crimson Text", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color: #000;
	font-size: 40px;
	position: absolute;
	text-align: left;
    top: 33px;
    left: 56%;
    text-indent: -0.7em;
}

/* リンク関連 */
a.imageLink:hover {
	opacity: 0.8;
}

/* キャッチ */
.ttl_catch {
    text-align: center;
    margin: 40px 0;

}

.ttl_catch h2 {
    line-height: 1.6em;
}


/* レイアウト関係 */
.top_img {
    text-align: center;
}
.mainvisual {
	padding: 0;
	margin: 0 auto;
	width:100%;
	height:100%;
	background-position:center;
	background-size:cover;
}

#bl_bg.mainvisual{
    background:url(/images/campaign/limit/point2022/bg_mainvisual_bl.png) no-repeat;
	background-position:center;
	background-size:cover;
}

#or_bg.mainvisual{
    background:url(/images/campaign/limit/point2022/bg_mainvisual_or.png) no-repeat;
	background-position:center;
	background-size:cover;
}

#ye_bg.mainvisual{
    background:url(/images/campaign/limit/point2022/bg_mainvisual_ye.png) no-repeat;
	background-position:center;
	background-size:cover;
}

.mainvisual img {
	width: 980px;
	margin: 0 auto;
	/* padding: 0 0 20px; */
}
.mainvisual h1 {
    width: 980px;
    margin: 0 auto 0;
}

.img_finish img {
    width: 980px;
    margin: 1% 0 -3%;
}

p.textAttention{
	font-size: 14.5px;
    margin: 0px 0px 0px 7em;
    text-indent: -1em;
}




/*--------------------------------------------------------------------*/
/* レスポンシブル対応
/*--------------------------------------------------------------------*/

@font-face {
    font-family: 'WebSymbolsgfeditRegular';
    src: url('/css/font/websymbols_gf-edit-webfont.eot');
    src: url('/css/font/websymbols_gf-edit-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/font/websymbols_gf-edit-webfont.woff') format('woff'),
         url('/css/font/websymbols_gf-edit-webfont.ttf') format('truetype'),
         url('/css/font/websymbols_gf-edit-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (max-width:980px) {
	#cp-conditions {
	margin-bottom: -18%;}
    .br_pc {
        display: none;
    }
 

    .mainvisual h1{
        width: 100%;
        margin-bottom: 15px;
    }
    .mainvisual img{
        width: 100%;
        height: auto;
    }

    .img_finish img {
        width: 100%;
    }
    #index_bnr_timesale20130520 span,
    .limit_end {
        font-size: 4.2vw;
        top: 3.4vw;
        right: auto;
    }
	
    p.textAttention{
        margin: 3px 0px 0px 1em;
        font-size: 13px;
    }

}


@media screen and (max-width:640px) {
	
	#cp-conditions {
	margin-bottom: 0;}
#cp-detail { margin-bottom: 0;}
	.pc
    { display: none;
    }
    .sp {
        display: block;
    }

    .img_finish img {
        width: 90%;
        margin: 4% 5%;
        text-align: center;
    }

    h1.pc{
        display: none;
    }
   
    p.kome{
	 display: block;
         margin:5px 0 15px;
    }


    /* メインビジュアル */
    .mainvisual{
        background-image: none;
    }
     .mainvisual .sp {
        display: block;
        margin-bottom: 20px;
    }

    .ttl_catch h2 {
        font-size: 21px;
    }


	
	
	/*-----------------------------------------------------*/
	/* カウンターのスタイル（#index_bnr_timesale20130520）
	/*-----------------------------------------------------*/


	#index_bnr_timesale20130520 span,
    .limit_end{
        font-size: 6.3vw;
        top: 9.5%;
        left: 41%;
	}

}