@charset "utf-8";

#specialMv {
	padding-bottom: 0 !important;
  position: relative;
}
h1#specialMv  {
  position: relative;
  width: 100%;
  height: 325px;

}
h1#specialMv img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
h2.headText {
	text-align: center;
	color: #fff !important;
	background-color: #d6c9b4;
	color: #535151 !important;
	padding: 5px;
	margin-bottom: 25px;
	font-size: 16px;
}

#htContent{
  font-family: 'メイリオ', Meiryo,'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ＭＳ ゴシック',sans-serif;
  width: 770px !important;
  padding: 0 !important;
}
#AboutArea.anchor{
	margin-top: -100px;
	padding-top: 100px;
	position: absolute;
}
#LineupArea.anchor{
	margin-top: -20px;
	padding-top: 20px;
	position: absolute;
}
/* =======================
#htPageLinkList
======================= */
#htPageLinkList{
  font-size: 0;
  line-height: 0;
  display: block;
  margin: 0 -10px;
  list-style:none;
}
#htPageLinkList li{
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding: 0 7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#htPageLinkList li a{
  display: table;
  color: #fff;
  text-align: center;
  background: url(/ec/shop/hankyu-food/images/special/happyturns/0919/nav_bg.png) center top no-repeat;
  height: 75px;
  width: 100%;
  padding-bottom: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#htPageLinkList li a p{
    display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  line-height: 22px;
}
#htPageLinkList li a:hover{
  color: #fff;
  text-decoration: none;
}
/* =======================
#htAboutArea
======================= */
#htAboutArea{
  /*margin-top: 20px;*/
/*  margin-top: 50px;*/
  text-align: center;
}
#htAboutArea p{
  margin-bottom: 20px;
  text-align: left;
}
#htAboutArea p.title{
  margin-bottom: 20px;
  text-align: center;
}
#htAboutHeadline{
  height: 173px;
  color: #fff;
  overflow: hidden;
}

#htAboutHeadline p{
  font-size: 18px;
  line-height: 24px;
  padding-top: 38px;
text-align: left;

}
#htAboutHeadline p span{
  display: inline-block;
  background-color: #fff;
  font-size: 16px;
  color: #373636;
  font-weight: bold;
  padding: 0 8px;
  margin-right: 15px;
}
#htAboutHeadline h2{
  font-family: "HG明朝G", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
  font-size: 26px;
  line-height: 39px;
  margin-top: 50px;
}


/* #htAboutContent
----------------------- */
#htAboutContent{
	border-top: solid 1px #e8412e;
border-radius: 15px 15px 0 0;
border-left: solid 1px #e8412e;
border-right: solid 1px #e8412e;
  background:url(/ec/shop/hankyu-food/images/special/happyturns/0919/bg_square.png);
	padding-top: 30px;
}
#htAboutContent h2{

  font-size: 26px;
  line-height: 1em;
  text-align: center;
  color: #e8412e;
	position: relative;
/*
  padding: 24px 0 16px 0;
*/
  padding-top: 30px;
  padding-bottom: 27px;
  background: url(/ec/shop/hankyu-food/images/special/happyturns/0919/ic_line.png) center bottom no-repeat;
}
#htAboutContent h2 span{
	font-size: 30px;
}
#htAboutContent h2::after{
	content: "";
	position: absolute;
	top: 11px;
	    left: 70px;
	    width: 613px;
	    height: 99px;
	background: url(/ec/shop/hankyu-food/images/special/happyturns/221102/pc/bg.png) center no-repeat;
}
#htAboutContent ul li{
  display: inline-block;
  margin:0;
  padding:0;
}
.htAboutContentBox{
    padding: 0px 20px 35px;
}
.htAboutContentBox .flex-row{
    display: flex;
    align-items: center;
    margin-top: 18px;
}
.htAboutContentBox p {
	padding: 0 21px 0 40px;
    line-height: 1.5rem;
    letter-spacing: 0.06rem;
    font-size: 16px;
}


/* #htAboutGift
----------------------- */
#htAboutGift{
  background: url(/ec/shop/hankyu-food/images/special/happyturns/0919/bg_dot.png);
  border: solid 1px #e8412e;
  border-top: none;
  border-radius:0 0 15px 15px;
  padding: 20px 20px 30px;
}
#htAboutGift h2{
  font-family: "HG明朝G", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
  font-size: 30px;
  line-height: 1em;
  text-align: center;
  color: #e8412e;
  padding-top: 50px;
  background: url(/ec/shop/hankyu-food/images/special/happyturns/0919/ic_box.png) center top no-repeat;
  display: block;
}
/* #htAboutGiftContent
----------------------- */
.htAboutGiftBox{
  background-color: #fff;
  padding: 15px 30px 25px;
  margin-top: 25px;
}
.htAboutGiftBox h3{
  margin: 0 -30px;
  border-bottom: solid 1px #e8412e;
  text-align: center;
  font-size: 22px;
  line-height: 1.2em;
  color: #ea5340;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.htAboutGiftBox h4{
  font-size: 18px;
  line-height: 1.5em;
  margin-top: 15px;
  color: #ea5340;
}
.htAboutGiftWrapper{
  font-size: 0;
  line-height: 0;
}
.htAboutGiftBox .image{
  font-size: 0;
  line-height: 0;
}
.htAboutGiftWrapper .image,
.htAboutGiftWrapper .txt{
  display: inline-block;
  vertical-align: top;
}
.htAboutGiftBox .txt{
  color: #333333;
  font-size: 16px;
  line-height: 24px;
}
.htAboutGiftBox .txt p{
  margin-top: 10px;
  text-align:left;
}
.htAboutGiftBox ul.htAboutGiftCaption li,
.htAboutGiftBox p.htAboutGiftCaption{
  font-size: 14px;
  line-height: 1.5em;
  color: #656565;
  padding-left: 1em;
  text-indent: -1em;
  display: block;
}
.htAboutGiftBox .htAboutGiftCaption{
  margin-top: 10px;
}
#htAboutGiftPetit .image{
  text-align: center;
}
#htAboutGiftPetit .htAboutGiftCaption{
  text-align: left;
  margin-left: 30px;
}
#htAboutGiftSouvenir .image{
  width: 405px;
  text-align: left;
}
#htAboutGiftSouvenir .txt{
  width: 260px;
}

/* =======================
#htLineupArea
======================= */
#htLineupArea{
  background-color: #fff4f8;
  border-radius: 15px;
/*  margin-top: 50px;*/
  padding: 40px 0 50px;
}
#htLineupArea h2{
  font-family: "HG明朝G", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
  font-size: 30px;
  line-height: 1em;
  text-align: center;
  color: #e8412e;
  display: block;
  padding-bottom: 27px;
  background: url(/ec/shop/hankyu-food/images/special/happyturns/0919/ic_line.png) center bottom no-repeat;
}
.htLineupBox{
  margin-top: 25px;
}
.htLineupBox + .htLineupBox{
  margin-top: 50px;
}
.htLineupBox h3{
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.htLineupBoxInner{
  margin: 20px 0 0;
	text-align: center;
}
.htLineupBoxInner .ttl2{
    margin-bottom: 16px;
}
.htLineupBoxInner .ttl2 p{
  font-family:'Sawarabi Mincho' , "HG明朝G", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    color: #81c5e8;
}
.htLineupBoxInner .image{
  display: inline-block;
  vertical-align: top;
}
.htLineupBoxInner .txt{
  vertical-align: top;
    margin-top: 16px;
  font-size: 16px;
  line-height: 28px;
  color: #47322b;
}
.htLineupBoxInner .txt span{
    font-weight: bold;
}
.htLineupBoxInner .inner {
  border: 1px solid #fff;
  border-radius: 4px;
  background: #fdedf9;
  padding: 20px 0;
  width: 650px;
  margin: 20px auto;
}
.htLineupBoxInner .inner.next {
  background: #fef3df;
}
#gift .htLineupBtWrap{
    display: flex;
    justify-content: space-around;
    margin: 20px auto;
    width: 100%;
}
#flavor .htLineupBtWrap a{
    display: inline-block;
    margin: 0 auto;
    width: 300px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #e8412e;
    border-radius: 20px;
}
.htLineupBoxInner#flavor .image {
  position: relative;
}
.htLineupBoxInner#flavor .image .icon {
  position: absolute;
  right: 80px;
  top: -38px;
}

/*
#gift .htLineupBtWrap a{
    display: inline-block;
    width: 300px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: #e8412e;
    border-radius: 20px;
}*/
#gift .htLineupBtWrap a:hover{
    text-decoration: none;
}

/* =======================
#htFlavorArea
======================= */
#htFlavorArea{
  margin-top: 45px;
}

#htFlavorArea h2{
  font-family: "HG明朝G", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
  font-size: 30px;
  line-height: 1em;
  text-align: center;
  color: #e8412e;
  display: block;
  padding-bottom: 27px;
  background: url(/ec/shop/hankyu-food/images/special/happyturns/0919/ic_line.png) center bottom no-repeat;
}
#htFlavorArea ol{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 45px;
}
#htFlavorArea ol .item-list{
  position: relative;
  padding: 0 5px;
  margin-bottom: 20px;
  width: 370px;
  background: #f8f8f8;
  border-radius: 10px;
}
#htFlavorArea ol .item-list h5 {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 370px;
}
#htFlavorArea ol .item-list h5 img {
  width: 100%;
}
#htFlavorArea ol .item-list p {
  padding: 108px 8px 47px 8px;
  width: 200px;
  height: 90px;
  letter-spacing: 0rem;
}
#htFlavorArea ol .item-list .taste-photo {
  position: absolute;
  z-index: 5;
  bottom: 10px;
  right: 10px;
  width: 150px;
  height: auto;
}
#htFlavorArea ol .item-list .icon {
  position: absolute;
  left: -5px;
  top: -2px;
  z-index: 20;
}
/* =======================
#htPointArea
======================= */
#htPointArea{
/*  margin-top: 70px;*/
  background: url(/ec/shop/hankyu-food/images/special/happyturns/0919/bg_dot_deep.png);
  padding: 35px 20px 25px;
}
#htPointArea h2{
  font-family: "HG明朝G", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
  font-size: 33px;
  line-height: 1em;
  text-align: center;
  color: #e8412e;
  font-weight: normal;
  position: relative;
}
#htPointArea h2 span{
  font-size: 24px;
  line-height: 1em;
  display: block;
  padding-bottom: 12px;
}
#htPointArea h2::before{
  border-left:solid 3px #e8412e;
  -webkit-transform: rotate(-22deg);
  transform: rotate(-22deg);
  height: 84px;
  content: "";
  display: block;
  position: absolute;
  top: -8px;
  left: 40px;
}
#htPointArea h2::after{
  border-left:solid 3px #e8412e;
  -webkit-transform: rotate(22deg);
  transform: rotate(22deg);
  height: 84px;
  content: "";
  display: block;
  position: absolute;
  top: -8px;
  right: 40px;
}
/* #htPointList
----------------------- */
#htPointList{
  display: block;
  padding-top: 12px;
}
#htPointList li{
  display: block;
  position: relative;
  background: url(/ec/shop/hankyu-food/images/special/happyturns/0919/ic_point.png) 285px calc(100% - 10px) #fff no-repeat;
  margin-top: 20px;
  min-height: 250px;
  padding-bottom: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#htPointList li h3{
  background-color: #fff4f8;
  padding: 22px 32px 14px;
  font-size: 18px;
  line-height: 28px;
  color: #3b3b3b;
}
#htPointList li h3 strong{
  color: #e8412e;
  font-size: 23px;
}
#htPointList li p{
  color: #000000;
  font-size: 15px;
  line-height: 24px;
  width: 380px;
  padding-left: 24px;
  margin-top: 15px;
  letter-spacing: -0.07em;
}
#htPointList li .image{
  font-size: 0;
  line-height: 0;
  position: absolute;
  z-index: 5;
  top: 28px;
  right: 20px;
  border-radius:10px;
  overflow: hidden;
}

/* =======================
.htOrderArea
======================= */
.htOrderArea{
  margin-top: 35px;
  text-align: center;
  position: relative;
}
.htOrderBt{
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
.htOrderGotop{
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
}
.htOrderGotop a{
  display: block;
  padding-left: 16px;
  background: url(/ec/shop/hankyu-food/images/special/happyturns/0919/ic_arrow_up.png) left center no-repeat;
  color: #583e0a;
}

/* =======================
#htDescriptionArea
======================= */
#htDescriptionArea{
  margin-top: 70px;
}
#htDescriptionArea h2{
  text-align: center;
  line-height: 1em;
  font-size: 30px;
  color: #532611;
padding: 20px 0 40px;
}
.htDescriptionWrap{
  border-top:dotted 2px #f6afa2;
  padding: 10px 5px;
}
#htDescriptionArea h2 + .htDescriptionWrap{
  margin-top: 30px;
}
.htDescriptionNote{
  border-top:solid 1px #f1e5d6;
  padding: 10px 5px;
  margin-top: 20px;
}
.htDescriptionWrap li,
.htDescriptionNote li{
  padding-left: 1em;
  text-indent: -1em;
}


.ccollaborecommend{
  margin-top: 45px;
}
.ccollaborecommend h2{
  font-family: "HG明朝G", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
  font-size: 30px;
  line-height: 1em;
  text-align: center;
  color: #e8412e;
  line-height: 40px;
  border-bottom:1px dotted #e8412e;
  padding:10px 0px 15px 0px;
  margin:0px 0px 20px 0px;
}

/* 20190612 */
.htLineupBox a {
  display: block;
}
#contents .htLineupBox a:hover {
  text-decoration: none;
}
.htLineupBtWrap span {
    display: inline-block;
    margin: 0 auto;
    width: 300px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #e8412e;
    border-radius: 20px;
}
#gift .htLineupBtWrap dt {
  margin-bottom: 5px;
}
#gift .htLineupBtWrap dd span{
    display: inline-block;
    width: 300px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: #e8412e;
    border-radius: 20px;
}
.areaWrap {
  padding-top: 20px;
}

#htPointAreaWrap {
  margin-top: 70px;
}
#htAboutAreaWrap {
  margin-top: 50px;
}