@charset "utf-8";
/*=============================================================

	Date: 2016-11-02
	CSS Document ： クラソキャンペーン
	
=============================================================*/

#Content_fca {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","sans-serif";
  margin: auto;
  max-width: 960px;
  padding: 0 20px;
}

ul,
li,
p,
div {
  list-style: none;
  margin: 0;
  padding: 0;
}

img {
  height: auto;
  width: 100%;
}

div#content_kr a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

div#content_kr a:hover img.nofilter,
div#content_kr a:hover img.imgover {
	opacity: 1;
	-webkit-filter: none;
	        filter: none;
}

div.social_kr {
	margin-top: 10px;
}

div.social_kr ul {
	float: right;
}

div.social_kr li {
	float: left;
}

div.social_kr .fb_allm {
	width: 110px;
}

div.head_btn_kr ul {
	margin: 34px auto 48px;
}

div.head_btn_kr li {
	float: left;
	margin: 0 24px 0 0;
}

div.head_btn_kr li:last-child {
	margin: 0;
}

div.content_item_kr {
	clear: both;
	overflow: hidden;
	margin: 72px 0 0;
}

div.content_item_kr h3 {
	margin: 0 0 14px;
}

div.special_kr {
	border: solid #8bc2e6;
	border-width: 0 35px 35px;
	margin: 0 0 15px;
}

div.spl_wrap_kr p {
	float: left;
}

div.spl_item_kr {
	background: #efe3cc url("../images/kei_dot.gif") repeat-y center 0;
	width: 830px;
	margin: 0 auto 10px;
	padding: 0 0 24px;
}

div.spl_item_kr dl {
	float: left;
	width: 342px;
	margin: 0 20px 0 42px;
}

div.spl_item_kr dd {
	font-size: 110%;
	text-align: center;
}

div.spl_item_kr dd a {
	text-decoration: underline;
}

div.camp_wrap_kr {
	background: #fbd6a0;
	padding: 0 0 32px;
	position: relative;
}

div.camp_wrap_kr p {
	text-align: center;
}

div.camp_wrap_kr dl {
	font-size: 110%;
	position: absolute;
	bottom: 64px;
	left: 605px;
}

div.camp_wrap_kr dt a {
	text-decoration: underline;
}

div.camp_wrap_kr dd span {
	color: #e40011;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.0;
}

div.kurashi_kr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#camp03_kr .kurashi_kr {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#camp04_kr .item_kr {
  margin-right: 55px;
}

div.kurashi_kr h4 {
	margin: 0 0 26px;
}

div.item_kr {
	width: 29.347%;
	margin: 0 0 42px;
}

div.item_kr a {
	display: block;
}

div.item_kr p {
	margin: 0 0 12px;
}

div.item_kr dt {
	color: #656565;
	font-size: 1.0625rem;
	font-weight: bold;
	margin: 0 0 5px;
}

div.item_kr dd {
	color: #656565;
	font-size: 0.8125rem;
}

div.label_kr dl,
div.label_kr p {
	display: inline-table;
	vertical-align: middle;
}

div.more_btn_kr {
	text-align: center;
}

div.banner_kr {
	margin: 75px 0 0;
}

div.banner_kr p {
	margin: 0 0 20px;
}

div.remark_kr {
	margin: 0 0 54px;
}

div.remark_kr p {
	margin: 0 0 12px;
}

div.remark_kr dl {
	display: table;
	padding: 0 18px;
}

div.remark_kr dt {
	display: inline-table;
	font-size: 150%;
	font-weight: bold;
	width: 260px;
	vertical-align: middle;
}

div.remark_kr dd {
	border-left: 1px solid #000;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: inline-table;
	font-size: 110%;
	width: 600px;
	padding: 0 0 0 20px;
	vertical-align: middle;
}

div.remark_kr a {
	display: block;
}

div.guide_cate_kr {
	margin: 0 0 50px;
}

div.guide_cate_kr li {
	float: left;
	margin: 14px 0 0 10px;
}

div.guide_cate_kr li:first-child {
	float: left;
	margin: 14px 0 0;
}

div.guide_brand_kr {
	width: 920px;
	overflow: hidden;
	margin: 0 0 40px;
}

div.guide_brand_kr ul {
	width: 932px;
}

div.guide_brand_kr li {
	float: left;
	margin: 14px 12px 0 0;
}

div.guide_otoku_kr {
	width: 920px;
	overflow: hidden;
	margin: 0 0 40px;
}

div.guide_otoku_kr ul {
	width: 932px;
}

div.guide_otoku_kr li {
	float: left;
	margin: 14px 11px 0 0;
}

div.guide_kraso_kr p {
	margin: 0 0 14px;
}

div.contents_kr {
	margin: 0 0 55px;
	position: relative;
}

.p_camp1_kr {
	position: absolute;
	top: 178px;
	left: 110px;
}

.p_camp2_kr {
	position: absolute;
	top: 1460px;
	left: 110px;
}

div.contents_kr li a {
	display: block;
	float: left;
}

div.more_kr {
	text-align: center;
	margin: 24px 0 0;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

#Content_fca p.pagetop_fca{
  font-size: 0.75rem;
	padding: 0;
  text-align: right;
}

div.foot_head_kr {
	clear: both;
}

div.hot_main_kr {
	margin: 0 0 50px;
}

div.hot_main_kr p {
	margin: 0 0 12px;
}

div.hot_main_kr dl {
	display: table;
	padding: 0 18px;
}

div.hot_main_kr dt {
	display: inline-table;
	font-size: 150%;
	font-weight: bold;
	width: 260px;
	vertical-align: middle;
}

div.hot_main_kr dd {
	border-left: 1px solid #000;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: inline-table;
	font-size: 110%;
	width: 600px;
	padding: 0 0 0 20px;
	vertical-align: middle;
}

div.hot_main_kr a {
	display: block;
}

div.hot_sub_kr {
	float: left;
	width: 432px;
	margin: 0 0 50px 0;
}

div.hot_sub_kr:nth-child(odd) {
	margin: 0 55px 50px 0;
}

div.hot_sub_kr p {
	margin: 0 0 18px;
}

div.hot_sub_kr dt {
	color: #4d4d4d;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 8px;
}

div.hot_sub_kr dd {
	color: #666;
	font-size: 110%;
}

div.hot_sub_kr a {
	display: block;
}

@media (max-width: 768.98px) {
  #Content_fca {
    padding: 0;
  }

  div.content_item_kr {
    margin: 36px 0 0;
  }

  div.kurashi_kr {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: auto;
    width: 92%;
  }

  div.item_kr {
    margin-bottom: 20px;
    width: 48%;
  }

  #camp04_kr .item_kr {
    margin-bottom: 0;
    margin-right: 0;
  }

  #camp04_kr .item_kr dd {
    font-size: 0.625rem;
  }

  div.item_kr dt {
    font-size: 0.6875rem;
  }
}

div.updete_kr {
  position: relative;
}

div.updete_kr p {
  background-color: #ffef01;
  font-size: 0.875rem;
  line-height: 1.0;
  padding: 6px 16px;
  position: absolute;
  left: 32px;
  top: -16px;
}

div.updete_kr p span {
  position: absolute;
  right: 0;
  bottom: 0;
}

div#camp02_kr h3 {
  margin: 0;
  background: #000000;/*タイトル　背景色*/
  /*font-family:"Jun 34";タイトル　フォント指定*/
  color:#ffffff;/*タイトル　文字色*/
  font-size:1.625rem;/*タイトル　フォントサイズ*/
  letter-spacing: 0.2em;/*タイトル　文字幅*/
  padding:5px;
  text-align:center;
}

div.campaign_otoku_kr {
  background:  #f8f4e6;/*メインバナーエリア　背景色*/
  padding: 40px 0;
}

div.campaign_otoku_kr a {
  color: #666;
  display: block;
}

div.campaign_otoku_kr li p {
  text-align: center;
}

.otoku_wrap_kr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: auto;
  width: 89.565%;
}

div.otoku_item_kr {
  width: 47.087%;
  margin: 54px 0 0;
}
div.otoku_item_kr dt {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 0 10px;
}

div.otoku_item_kr dd {
  font-size: 0.8125rem;
}

div#camp02_kr .camp_read_kr {
  padding: 0 0 0 46px;
}

div#camp02_kr .camp_read_kr h4 {
  color: #1a1a1a;
  font-size: 250%;
  line-height: 1.3;
  margin: 0 0 10px;
}

div#camp02_kr .camp_read_kr p {
  color: #666;
  font-size: 140%;
}


@media (max-width: 768.98px) {
div.campaign_otoku_kr {
  padding: 0 0 40px;
}

div.otoku_item_kr {
  margin: 22px 0 0;
}

div.otoku_item_kr dt {
  font-size: 0.6875rem;
}

div.otoku_item_kr dd {
  font-size: 0.625rem;
  margin: 0;
}
}

div.kraso_degital_kr {
  margin: 62px auto;
  width: 65.217%;
}

@media (max-width: 768.98px) {
div.kraso_degital_kr {
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  width: 94%;
}
}