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

.clearfix::after{
	content: "";
	display: block;
	clear: both;
}

html {
	font-size:62.5%;
}

body {
	font-size:1.6rem;
	color:#333;
	font-family:"Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, MS PGothic, sans-serif;
	text-align: center;
}

a:link, a:visited, a:hover, a:active {
	color:#333;
}

a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=70)";
}

.offer a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=0)";
}


/* 常時ボタン */
.offerPC {
    position: fixed;
    top: 20%; right: 0px;
    padding:15px 0 5px;
}

.youtube{
	width: 995px;
	background: #fcf9ec;
	padding: 40px 0 20px 0;
	margin: 0 auto;
}


/*
フッター
----------------------------------------------------------*/
footer {
	margin:0; padding:50px 0 250px;
	text-align:center;
	font-size:1.4rem;
	color:#333;
	background:#fcf9ec;
}


/*
原材料表記
----------------------------------------------------------*/
.componentArea {
  margin:10px auto 10px; padding:15px;
  max-width:963px;
  border:1px solid #333;
  font-size:1.6rem;
  line-height: 2.8rem;
  text-align:left;
}

.componentTitle {
  margin-top:-28px;
  text-align:center;
}

.componentTitle strong {
  padding:0 10px;
  background:#fff;
}


/*
お買い物ガイド
----------------------------------------------------------*/
.guideArea {
	font-size:1.6rem;
	line-height: 2.8rem;
	text-align: center;
}

.guide_wrap {
	margin:80px auto 30px;
	width:995px;
}

.guide_wrap p {
	margin-bottom:1rem;
}

.guide_wrap li{
	width:480px;
	float:left;
	text-align:left;
}

.guide_wrap li:last-child {
	float:right;
}

.guide_wrap dl {
	margin-bottom:3rem;
}
	
.guide_wrap dt {
	margin:0 0 10px 0 ;padding:0 0 3px 5px;
	border-left:8px solid #e1a21c;
	border-bottom:1px dashed #e1a21c;
	font-weight: bold;
}

.guide_wrap span.caution {
	font-size:1.4rem;
	line-height: 2.2rem!important;
}


/* 一体型フォーム用 */
  iframe#egg_form {
    padding: 0;
    border: 0;
    width:995px; height:2750px;
    overflow: hidden!important;
    overflow-x: hidden!important;
    overflow-y: hidden!important;
  }


  /*
微調整margin
----------------------------------------------------------*/
.martop40{
	margin-top: 40px;
}

  /*
オファー（キティ）
----------------------------------------------------------*/
.offer_bg_tsujo_kitty, .offer_bg_tsujo{
	position: relative;
}

.offer_bg_tsujo_kitty .offer_btn{
	position: absolute;
	bottom: 40px;
	left: 52% ;
}
.offer_bg_tsujo .offer_btn{
	position: absolute;
	bottom: 100px;
	left: 52%;
}

  /*
コピーライト（キティ）
----------------------------------------------------------*/
.sanrio_copyright{
	width: 300px;
	margin: 0 auto;
}

.sanrio_copyright img{
	width: 100%;
}