@charset "UTF-8";
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#contents{
	background-size: cover;
	padding: 0;
}

#contents div.gift2019 {
  position: relative;
  margin:0 0 45% 0;
  padding: 0 0 3%;
  clear:both; }
 #contents div.gift2019a {
  position: relative;
  margin:0;
  padding: 0 0 3%;
  clear:both; }
 

  #contents div.special.gift2019a .bb-box {
    position: relative;
    padding-bottom: 5%;
    margin-top: 5.5%; }
	#contents div.special.gift2019a .bb-box .mv {
	  width: 100%;
	  margin: 0 auto;}
    #contents h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }
    #contents h1 img {
		width:100%;
	}

#contents .original{
	width:100%;
	margin: 0 auto;
	padding: 0;
}

#contents .original .original_in{
	width:90%;
	margin: 0 auto;
}
#contents .original .original_in h2{
	margin-bottom:4%;
	text-align: center;
}

#contents .original .original_in .text01{
	font-size: 16px;
    text-align: center;
	margin: 3% auto 2%;
    line-height: 1.8;
}

#contents .original .original_in .text01 span.attention{
    font-size: 24px;
    font-weight: 500;
}

#contents .limited{
	width:100%;
	padding: 5% 0;
}

#contents .limited .limited_in{
	width:90%;
	margin: 0 auto;
}

#contents .limited .limited_in h2{
	width:100%;
}

#contents .limited .limited_in .gift_box{
	margin: 5% auto;
    width: 100%;
}

#contents .limited .limited_in .gift_box img{
	width:100%;
}

#contents .limited .limited_in .gift_box .box01{
	float: left;
	margin: 0 2% 0 20%;
    width: 30%;
}
#contents .limited .limited_in .gift_box .box02{
	float: left;
	margin:0;
	width:30%;
}

#contents .recommend{
	width:100%;
	margin: 9% auto 10%;
	padding: 0;
}

#contents .recommend h2{
	margin: 0 auto 6%;
	text-align:center;
	width:100%;
}

#contents .recommend ul{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style-type: none;
	/*width: 88%;*/
    margin: 0 auto;
	padding: 0;
	max-width: 1230px;
	text-align:center;
}

#contents .recommend li{
	margin-bottom: 49px;
    max-width: 34%;
    width: 33.3%;
}

#contents .recommend li .item_thm{
	box-sizing: border-box;
    max-height: 299px;
	margin: 0 0 10px 0;
}

#contents .recommend li .item_thm img {
	width: auto;
    max-height: 310px;
}

#contents .recommend li .hin{
	max-width: 240px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.5;
}
#contents .recommend li .price{
	font-size:14px;
}


/*-----------------------------ここはipad-----------------------------------------*/
@media (max-width: 767px) {
  #contents div.gift2019 {
    padding-left: 3%;
    padding-right: 3%; }
  #contents div.special.gift2019 .bb-box {
	  margin-top: 45px; }	
  #contents div.special.gift2019 .bb-box .main-title {
    height: 60px; }
  #contents div.special.gift2019 .bb-box .logo {
    height: 25px; }

	
}
@media (max-width: 769px) {
	#contents div.special.gift2019a .bb-box{
	margin-top:12.5%;
	}
	#contents div.gift2019{
		margin-top:5%;
	}
#contents .limited .limited_in .gift_box .box01{
	float: left;
	margin: 0 3% 0 11%;
    width: 38%;
}
#contents .limited .limited_in .gift_box .box02{
	float: left;
	margin:0;
	width:38%;
}
#contents .recommend ul{
	padding: 0;
}

}


/*-----------------------------ここはスマホ-----------------------------------------*/
@media (max-width: 480px) {
#contents div.special.gift2019a .bb-box {
    position: relative;
    padding-bottom: 5%;
    margin-top: 10%;
}

#contents h1{
	width:50%;
}
  #contents div.special.gift2019 .bb-box .logo {
    height: 17px; }
#contents .original img {
	width:100%;
	margin:8% auto 0;
}
#contents .original .original_in{
	width:88%;
}
#contents .original .original_in .text01 {
    font-size: 14px;
    margin: 8% auto 3%;
    text-align: center;
    line-height: 1.4;
}
#contents .limited {
    width: 100%;
    margin: 5% auto 0;
}
#contents .limited .limited_in{
	width:88%;
	margin: 0 auto;
}
#contents .limited .limited_in h2{
	width:82%;
	margin: 0 auto;
}
#contents .limited .limited_in h2 img {
	width:100%;
}
#contents .limited .limited_in .gift_box {
    margin: 8% auto;
    width: 100%;
}

#contents .limited .limited_in .gift_box .box01 {
    margin: 0;
    width: 100%;
}
#contents .limited .limited_in .gift_box .box02 {
    margin: 3% 0 0 0;
    width: 100%;
}

#contents .recommend h2 img {
	width:82%;
}

#contents .recommend ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style-type: none;
    width: 93%;
    margin: 0 auto;
	padding: 0;
}

#contents .recommend li {
    margin-bottom: 49px;
    width: 48%;
	max-width: 48%;
}
#contents .recommend li .item_thm img {
    width: 100%;
}
#contents .recommend li .hin{
line-height: 1.3;

}
#contents .original .original_in .text01 span.attention {
    font-size: 20px;
    font-weight: 500;
}

#contents .recommend {
    width: 100%;
    margin: 18% auto 10%;
    padding: 0;
}

}