@charset "UTF-8";

div#body {
width: auto;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
#wrapper {
width: auto;
}
div#body .ttl {
position: relative;
margin: 0 auto;
width: 960px;
}
div#body .sns {
position: absolute;
top: 0;
right: 15px;
}
#wrapper .inner{
width: 1000px;
margin: 0 auto;
position: relative;
}
#wrapper .pb40{
padding-bottom: 40px;
}
#wrapper .pb50{
padding-bottom: 50px;
}
#wrapper .pb60{
padding-bottom: 60px;
}
/* --------------------------------------------------
  btn-area
-------------------------------------------------- */
.btn-area{
text-align: center;
}
.btn-area ul.gift{
text-align: center;
font-size: 0;
padding-bottom:0;
}
.btn-area ul.gift li.in-stock {
display: inline-block;
margin: 18px;
transition: opacity 0.3s ease-in-out;
}
.btn-area ul.gift li.in-stock:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.btn-area ul.gift li.out-of-stock {
display: inline-block;
margin:18px;
}

/* --------------------------------------------------
  sec1
-------------------------------------------------- */
#wrapper #sec1 {
height: 806px;
background: #6ac6e6 url(../img/sec1_bg.jpg) center top no-repeat;
}
#wrapper #sec1 .logo {
position: absolute;
top:34px;
right:0px;
}
#wrapper #sec1 .ank{
position: absolute;
top:94px;
left:254px;
}
#wrapper #sec1 .ank a{
transition: opacity 0.3s ease-in-out;
}
#wrapper #sec1 .ank a:hover{
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
#wrapper #sec1 .icon{
position: absolute;
top:143px;
left:482px;
}
#wrapper #sec1 h2{
position: absolute;
top:289px;
left:482px;
}
#wrapper #sec1 .date{
position: absolute;
top:485px;
left:482px;
}
/* --------------------------------------------------
  sec2
-------------------------------------------------- */
#wrapper #sec2 {
background: #fff;
margin-bottom: 138px;
}
#wrapper #sec2 h2{
margin: 56px 0 0 0;
}
#wrapper #sec2 .txt{
margin-top:28px;
margin-bottom: 76px;
}
#wrapper #sec2 .cut{
position: absolute;
right: -128px;
top:64px;
}

/* --------------------------------------------------
  sec3
-------------------------------------------------- */
#wrapper #sec3 {
height: 676px;
background: #e0d7ce url(../img/sec3_bg.jpg) center top no-repeat;
}
#wrapper #sec3 h2{
position: absolute;
top:163px;
left:468px;
}
#wrapper #sec3 .txt{
position: absolute;
top:334px;
left:469px;
}
#wrapper #sec3 .txt-att{
position: absolute;
top:558px;
left:469px;
}

#wrapper #pre #pre1{
background:url("../img/sec3_present1_bg.jpg") center 0 no-repeat #f7f7f7;
text-align:center;
}

#wrapper #pre #pre2{
background:url("../img/sec3_present2_bg.jpg") center 0 no-repeat #f4f4f7;
text-align:center;
}

#wrapper #pre h2{
margin: 0;
}

/* --------------------------------------------------
  sec4
-------------------------------------------------- */
#wrapper #sec4 {
background: #fbf4ec;
padding-bottom: 138px;
}
#wrapper #sec4 h2{
margin: 0;
padding: 56px 0 0 0;
}
#wrapper #sec4 ul{
font-size: 0;
text-align: center;
margin: 0;
}
#wrapper #sec4 ul li{
display: inline-block;
}

/* --------------------------------------------------
  sec5
-------------------------------------------------- */
#wrapper #sec5 {
background: #f6f6f9;
padding-top: 103px;
text-align: center;
}
#wrapper #sec5 .btn2{
transition: opacity 0.3s ease-in-out;
}
#wrapper #sec5 .btn2:hover{
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
/* --------------------------------------------------
  attention
-------------------------------------------------- */
#attention {
padding: 120px 0 0 0;
background: #f6f6f9;
background-size: 100% auto;
}
#attention .inner {
width: 840px;
margin: 0 auto;
padding: 0 0 140px 0;
color: #666666;
font-size: 12px;
line-height: 30px;
}
#attention h5,
#attention h6 {
font-weight:normal;
}
#attention h6,
#attention p {
margin: 30px 0 0 0;
}
#attention h5 + h6 {
margin: 0;
}