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

File name : contents.css
----------------------------------------------------------- */


/*----------------------------------------------------
 common
----------------------------------------------------*/
/* pc/sp 非表示 */
#clear .sp{
	display:none;
}
#clear .pc{
	display: block;
}


/* 共通設定 */
#clear{
	background-color:#000000;
	color:#ffffff;
}
#clear img,
#clear a img{
	width:100% !important;
}
#clear p{
	margin-bottom:0;
}
#clear a:hover img{
	filter: alpha(opacity=70); 
	-moz-opacity:0.7; 
	-khtml-opacity: 0.7; 
	opacity:0.7;
}

/*----------------------------------------------------
 header
----------------------------------------------------*/
#clear .clear_mainHeader{}



/*----------------------------------------------------
 top navi
----------------------------------------------------*/
#clear .clear_navi ul li{
	float:left;
	width:33.33333333333333%;
}


/*----------------------------------------------------
 cnts01
----------------------------------------------------*/
/* テキスト */
#clear .clear_cnts01 p{
	font-size:122%;
	line-height:1.6em;
}
#clear .clear_cnts01 p.tit{
	font-size:170%;
	font-weight:bold;
	padding-top:26px;
	margin-bottom:0.8em;
}
#clear .clear_cnts01 p span{
	color:#ff000b;
	padding-bottom:0.5em;
	display:inline-block;
}
/* レイアウト */
#clear .clear_cnts01{
	padding:30px;
}
#clear .clear_inner{
	padding-top:26px;
}
#clear .cnts01_img01,
#clear .cnts01_txt02{
	float:left;
	width:50%;
}
#clear .cnts01_txt02{
	padding-left:30px;
}
#clear .cnts01_img03,
#clear .cnts01_txt03_2{
	float:right;
	width:50%;
}
#clear .cnts01_txt03_2{
	padding-right:30px;
}


/*----------------------------------------------------
 clear_movie
----------------------------------------------------*/
/* タイトル */
#clear .clear_movieTit{
  border-top: 1px solid #ffffff;
  padding: 12px 0;
}
/* レイアウト */
#clear .clear_movie{
	border-top: 1px solid #AEAEAE;
	border-bottom: 1px solid #AEAEAE;
}
#clear .clear_movie_inner{
	width:57%;
	margin:0 auto;
}
/* YouTube */
#clear .clear_movie_box{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
#clear .clear_movie_box iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*----------------------------------------------------
 clear_promo
----------------------------------------------------*/
/* タイトル */
#clear .promo_img{
	padding:0 30px;
}
/* キャンペーン概要 */
#clear .promo_txt_box{
	margin:0 30px;
	border-left:1px solid #ff0000;
	border-right:1px solid #ff0000;
	border-bottom:1px solid #ff0000;
}
#clear .promo_img02,
#clear .promo_txt{
	float:left;
}
#clear .promo_img02{
	width:22%;
}
#clear .promo_txt{
	width:78%;
	padding:0 26px 26px 0;
	font-size:122%;
	line-height:2em;
}
#clear .promo_txt p{
	padding:26px 0;
}
/* バナー */
#clear .promo_btn03{
	padding:30px;
}

/*----------------------------------------------------
 clear_pc_banner
----------------------------------------------------*/
#clear .clear_pc_banner{
	position: fixed;
	top:155px;
	width:1140px;
}
#clear .clear_pc_banner a{
	float:right;
}


/*----------------------------------------------------
 clear2015-2
----------------------------------------------------*/
#clear.clear2015-2 .cnts01_txt01 p.tit{
	margin-bottom:0;
}

#clear.clear2015-2 .cnts01_txt02 p.tit{
	padding-top:0px;
}


/*----------------------------------------------------
 メディアクエリ
----------------------------------------------------*/
@media screen and (max-width: 990px) {
/*----------------------------------------------------
 common
----------------------------------------------------*/
/* 共通設定 */
#clear{
	padding-top:45px;
}

}


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

/*----------------------------------------------------
 common
----------------------------------------------------*/
/* pc/sp 非表示 */
#clear .sp{
	display:block ;
}
#clear .pc{
	display:none;
}

/* 共通設定 */
#clear{
	padding-top:45px;
}

/*----------------------------------------------------
 cnts01
----------------------------------------------------*/
/* テキスト */
#clear .clear_cnts01 p{
	font-size:92%;
	line-height:1.5em;
	padding:0 10px 10px;
}
#clear .clear_cnts01 p.tit{
	font-size:114%;
	padding-top:16px;
	margin-bottom:0.6em;
}
/* 画像 */
#clear .cnts01_img01{
	padding:14px 10px;
}
#clear .cnts01_img02{
	padding:14px 10px 0;
}
/* レイアウト */
#clear .clear_cnts01{
	padding:0;
}
#clear .clear_inner {
    padding-top: 0;
}
#clear .cnts01_img01,
#clear .cnts01_txt02,
#clear .cnts01_img03,
#clear .cnts01_txt03_2{
	float: none;
	width:100%;
}
#clear .cnts01_txt02{
	padding-left:0;
}
#clear .cnts01_txt03_2{
	padding-right:0;
}


/*----------------------------------------------------
 clear_movie
----------------------------------------------------*/
/* タイトル */
#clear .clear_movieTit{
  padding:0;
}
/* レイアウト */
#clear .clear_movie{
	border:none;
}
#clear .clear_movie_inner{
	width:100%;
}


/*----------------------------------------------------
 clear_promo
----------------------------------------------------*/
/* タイトル */
#clear .promo_img{
	padding:0;
}
/* キャンペーン概要 */
#clear .promo_txt_box{
	margin:0 10px;
}
#clear .promo_img02{
	width:33%;
}
#clear .promo_txt{
	width:67%;
	padding:0 12px 12px 0;
	font-size:95%;
	line-height:1.5em;
}
#clear .promo_txt p{
	padding:12px 0;
}
/* バナー */
#clear .promo_btn02{
	padding:10px 10px 0;
}
#clear .promo_btn03{
	padding:10px;
}


/*----------------------------------------------------
 pagetop
----------------------------------------------------*/
#clear .pagetop{
	border-top: 1px solid #717171;
	padding:14px 10px;
	margin-top:2px;
}
#clear .pagetop a{
	width:38%;
	display:block;
	float:right;
}


/*----------------------------------------------------
 banner
----------------------------------------------------*/
#txtaa,
#txtaa2{
	width:100%;
	text-align:center;
	position:fixed;
	left:0;
}
	#txtaa{top:48.5%;}
	#txtaa2{top:51.5%;}


/* banner ---------- */
#banner{
	width:100%;
	height:123px;
	position:fixed;
	left:0;
	bottom:-123px;
}


}


@media screen and (max-width: 412px) {
/*----------------------------------------------------
 banner
----------------------------------------------------*/
#banner{
	height:121px;
	bottom:-121px;
}

}


@media screen and (max-width: 384px) {
/*----------------------------------------------------
 banner
----------------------------------------------------*/
#banner{
	height:114px;
	bottom:-114px;
}

}


@media screen and (max-width: 375px) {
/*----------------------------------------------------
 banner
----------------------------------------------------*/
#banner{
	height:110px;
	bottom:-110px;
}

}

@media screen and (max-width: 360px) {
/*----------------------------------------------------
 banner
----------------------------------------------------*/
#banner{
	height:107px;
	bottom:-107px;
}

}

@media screen and (max-width: 320px) {
/*----------------------------------------------------
 banner
----------------------------------------------------*/
#banner{
	height:95px;
	bottom:-95px;
}

}