h3 {
    font-size: 1.17em;
}

#gift_cat {
    width: 100%;
}
#gift_cat img {
    width: 100%;
    vertical-align: bottom;
}

#gift_cat a {
    display: block;
    color: #000;
}

#gift_cat ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#gift_cat ul.gift_list {
    padding: 0 25px;
    background-color: #f3eee4;
}

#gift_cat ul.gift_list li {
    width: 32.5%;
    margin-bottom: 15px;
}

#gift_cat ul.sake_value {
    padding: 0 25px;
    background-color: #f3eee4;
}

#gift_cat ul.sake_value li {
    width: 23%;
    margin-bottom: 14px;
}

#gift_cat .mb20 {
    margin-bottom: 20px;
}

#gift_cat .ps20 {
    padding: 0 20px;
}

#gift_cat ul.two_col li {
    width: 50%;
    margin-bottom: 30px;
}

#gift_cat table {
    border-collapse: collapse;
    border: solid 1px #802E28;
    margin: 20px auto;
    font-family: serif;
}

#gift_cat table tr {
    height: 30px;
    padding: 7px;
}

#gift_cat table th {
    color: white;
    font-weight: normal;
    font-size: 12px;
    background-color: #802E28;
    width: 112px;
    border-bottom: solid 1px white;
}

#gift_cat table td {
    padding: 7px;
    font-size: 11px;
    border-bottom: solid 1px #802E28;
}


/* ------- */


#gift_cat img {
  display: block;
}

#gift_cat p#intro {
  width: 97%;
  margin: auto;
  text-align: center;
  font-family: serif;
  font-weight: bold;
  font-size: 13px;
  line-height: 2;
}

#gift_cat .anchor {
  display: block;
  padding-top: 150px;
  margin-top: -150px;
}

#gift_cat #nine_reason {
  width: 97%;
  margin: 20px auto;

}

#gift_cat #nine_reason #nine_reason_in {
  background-color: #94b98d;
  width: 100%;
}

#gift_cat #nine_reason #reason_bottom {
  position: relative;
  bottom: 20px;
}

#gift_cat #nine_reason img {
  display: block;
}

#gift_cat #nine_reason div {
  width: 90%;
  margin: auto;
}

#gift_cat #nine_reason h2 img {
  width: 90%;
  margin: 0 auto 20px;
}

#gift_cat #nine_reason h2 + p img{
  width: 35%;
  margin:0 auto 20px;
}

#gift_cat #nine_reason p{
  font-size: 15px;
  text-align: justify;
  color: #000;
}

#gift_cat #nine_reason div {
  margin-bottom: 20px;
}

#gift_cat #nine_reason div h3 {
  color: white;
  border-bottom: solid 1px white;
  padding-left: 35px;
  margin-bottom: 20px;
  background-repeat: no-repeat;
  background-size: 8%;
}

#gift_cat #nine_reason #reason1 h3 {
  background-image: url(../img_sp/gift_cat/reason_9.png);

}

#gift_cat #nine_reason #reason1 img, #gift_cat #nine_reason #reason5 img, #gift_cat #nine_reason #reason7 img {
  width:60%;
  margin: 0 auto 20px;
}

#gift_cat #nine_reason #reason2 h3 {
  background-image: url(../img_sp/gift_cat/reason_8.png);
}

#gift_cat #nine_reason #reason3 h3 {
  background-image: url(../img_sp/gift_cat/reason_18.png);
}

#gift_cat #nine_reason #reason4 h3 {
  background-image: url(../img_sp/gift_cat/reason_10.png);
}

#gift_cat #nine_reason #reason4 img {
  margin-bottom: 15px;
}

#gift_cat #nine_reason #reason4 #prize_list {
  background-color: #d2e5cf;
  border-radius: 10px;
  padding: 12px;
  width: 93%;
}

#gift_cat #nine_reason #reason4 #prize_list + p img {
  width: 55%;
  margin:0 auto 20px;
}

#gift_cat #nine_reason #reason4 #itqi_list {
  text-align: center;
  font-size: 13px;
}

#gift_cat #nine_reason #reason4 #itqi_list span{
  color: #cc8c00;
  font-size:16px;
  font-weight: bold;
}

#gift_cat #nine_reason #reason4 #itqi_list + p {
  text-align: center;
  font-size: 10px;
}

#gift_cat #nine_reason #reason5 h3 {
  background-image: url(../img_sp/gift_cat/reason_11.png);
}

#gift_cat #nine_reason #reason6 h3 {
  background-image: url(../img_sp/gift_cat/reason_12.png);
}

#gift_cat #nine_reason #reason7 h3 {
  background-image: url(../img_sp/gift_cat/reason_13.png);
}

#gift_cat #nine_reason #reason8 h3 {
  background-image: url(../img_sp/gift_cat/reason_14.png);
}

#gift_cat #nine_reason #reason9 h3 {
  background-image: url(../img_sp/gift_cat/reason_15.png);
}

#gift_cat #nine_reason #reason9 img {
  margin-bottom: 20px;
}

#gift_cat div.gift_list {
  background-color: #f3eee4;
  padding: 10px;
}

#gift_cat div.gift_list h2 {
  font-size: 30px;
  color: #bb8801;
  text-align: center;
  font-family: sans-serif;
}

#gift_cat div.gift_list h2 + p {
  font-family:serif;
  font-size: 13px;
  text-align: center;
  margin-bottom: 10px;
  font-weight: bolder;
}

#gift_cat div.gift_list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#gift_cat div.gift_list ul li {
  width: 32%;
  margin-bottom: 8px;
}

#gift_cat div.gift_list ul li a img {
  margin-bottom: 5px;
}

#gift_cat div.gift_list ul li a p {
  font-size: 14px;
  text-indent: 1em;
  background-image: url(../img_sp/gift_cat/gift_list_0.png);
  background-repeat: no-repeat;
  background-size: 6%;
  background-position: left 0 top 2px;
}

#gift_ranking h2 {
  font-size: 30px;
  color: #bb8801;
  text-align: center;
}


#gift_ranking .gift_ranking_in {
  width: 97%;
  margin: 0 auto 20px;
}

#gift_ranking .gift_ranking_in h3 {
  font-size: 17px;
  color: #dc1c24;
  font-weight: bold;
  font-family: serif;
  text-align: center;
}

#gift_ranking .gift_ranking_in h4 {
  color: #000;
  text-align: center;
  font-size: 18px;
  margin-bottom:5px;
}

#gift_ranking .gift_ranking_in h4 + p {
  text-align: center;
  color: #000;
  font-size: 12px;
}

#gift_ranking .gift_ranking_in .price img {
  margin: 20px auto;
  width: 70%;
}

#gift_ranking .gift_ranking_in .price + p img {
  width: 85%;
  margin: auto;
}

#gift_ranking .gift_ranking_in ul {
  margin: auto;
  width: 88%;

}

#gift_ranking .gift_ranking_in ul li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: dotted 1px #bb8801;
  padding: 5% 0;
}

#gift_ranking .gift_ranking_in ul li:last-child {
  border-bottom: none;
}

#gift_ranking .gift_ranking_in ul li .left{
  position: relative;
  width: 14%;
}

#gift_ranking .gift_ranking_in ul li .left img {
  position: absolute;
  bottom: 0;
}

#gift_ranking .gift_ranking_in ul li .right {
  width: 78%;
}

#gift_ranking .gift_ranking_in ul li .right h4 {
  text-align: left;
  font-size: 20px;
  color: block;
  font-family: serif;
  font-weight: bold;
}

#gift_ranking .gift_ranking_in ul li .right h4 span {
  font-size: 16px;
}

#gift_ranking .gift_ranking_in ul li .right p {
  font-size: 13px;
  text-align: left;
  color: black;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-bottom: 10px;
  line-height: 1.5;
}

#gift_ranking .gift_ranking_in a {
  width: 70%;
  margin: 20px auto;
}

#ranking1 {
  border: solid 1px #e0be39;
}

#ranking2 {
  border: solid 1px #b3b3b3;
}

#ranking3 {
  border: solid 1px #9e6441;
}

#ranking3 div#pf {
  background-image: url(../img_sp/gift_cat/t8862.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 10px 0;
  margin-bottom: 10px;
}

#ranking3 div#pf + p img {
  width: 85%;
  margin: auto;
}

#gift_cat div#serect_use {
  background-color: #fff;
}

#gift_cat #serect_name+div a {
  display: block;
  width: 90%;
  margin: 20px auto 0;
}

#gift_cat #serect_name+div {
  padding-bottom: 20px;
}

#gift_cat #serect_budget {
  background-color: #fff;
}

#gift_cat #serect_variety {
}

#gift_cat #serect_variety ul li {
  width: 24%;
}

#gift_cat #serect_variety li p {
  background-image: none;
  text-indent: 0;
  font-size: 12px;
  font-weight: bolder;
  text-align: center;
  font-family: sans-serif;
}

#gift_cat #serect_katarogu {
  background-color: #fff;
}

#gift_cat #serect_nomikurabe {
  background-color: #fff;
}

#gift_cat #serect_nomikurabe ul li {
  position: relative;
  width: 50%;
  margin-bottom: 10px;
}

#gift_cat #serect_nomikurabe ul li h4{
  font-size: 14px;
  font-family: serif;
  font-weight: bolder;
  color: #624823;
  margin-bottom: 8px;
}

#gift_cat #serect_nomikurabe ul li p.lineup {
  font-size: 12px;
  font-family: serif;
  margin-bottom: 5px;
  font-weight: bolder;
}

#gift_cat #serect_nomikurabe ul li p.item_id {
  font-size: 12px;
  letter-spacing: -1px;
}

#gift_cat #serect_nomikurabe ul li p.item_id span {
  font-size: 13px;
  color: #fff;
  background-color: #624823;
  padding: 3px;
  letter-spacing: normal;
}

#gift_cat #serect_nomikurabe ul li p.price {
  font-size: 20px;
  color: #c21920;
  font-family: serif;
  font-weight: bold;
}

#gift_cat #serect_nomikurabe ul li p.price span {
  font-size: 20px;
}

#gift_cat #serect_nomikurabe ul li p.tax {
  font-weight: bold;
}

#gift_cat #serect_nomikurabe ul li img.free_shipping {
  position:absolute;
  display: block;
  width: 30%;
  bottom: 11%;
  right: 14%;
}

#gift_cat #serect_nomikurabe ul li a {
  margin: 5px auto;
  width: 100%;
}
