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

/*--- Gポイント トップ ---*/
.Exc_TopMenu {
  margin-bottom: 4%; }
  .Exc_TopMenu a {
    text-decoration: none;
    display: block;
    position: relative;
    padding: 3%;
    color: #a18851;
    font-weight: bold;
    font-size: 14px;
    font-size: 4.375vw; }
    .Exc_TopMenu a:hover, .Exc_TopMenu a:link, .Exc_TopMenu a:visited, .Exc_TopMenu a:active {
      text-decoration: none; }
    .Exc_TopMenu a:after {
      text-decoration: none;
      position: absolute;
      top: 50%;
      right: 10px;
      right: 2vw;
      display: block;
      content: '';
      width: 8px;
      width: 1.6vw;
      height: 8px;
      height: 1.6vw;
      margin-top: -4px;
      margin-top: -0.8vw;
      border-top: 0.2vw solid #ae8f45;
      border-right: 0.2vw solid #ae8f45;
      border-top: 1px solid #ae8f45;
      border-right: 1px solid #ae8f45;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
  .Exc_TopMenu li {
    list-style: none;
    border: solid 1px #dbc99e;
    margin: 0 4% 2% 4%; }

.Exc_BtnWrap {
  display: -webkit-box;
  /*--- Android4.3以下ブラウザ用 ---*/
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center; }
  .Exc_BtnWrap div {
    margin-bottom: 4%;
    width: 40%; }
    .Exc_BtnWrap div:first-child {
      margin-right: 4%; }
    .Exc_BtnWrap div img {
      width: 100%;
      height: auto; }

/*--- Gポイント交換 ---*/
.Exc_PointData {
  display: -webkit-box;
  /*--- Android4.3以下ブラウザ用 ---*/
  display: -ms-flexbox;
  display: flex;
  margin: 0 3% 2% 3%;
  font-size: 12px;
  font-size: 3.75vw; }
  .Exc_PointData .Exc_PointDName1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    border: #dbc99e 2px solid;
    color: #FFF;
    padding: 2%;
    background: #b92846;
    /* Old browsers */
    background: -moz-linear-gradient(top, #b92846 0%, #b82846 14%, #a81c45 34%, #941744 55%, #6c1030 90%, #5c0d25 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b92846 0%, #b82846 14%, #a81c45 34%, #941744 55%, #6c1030 90%, #5c0d25 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b92846 0%, #b82846 14%, #a81c45 34%, #941744 55%, #6c1030 90%, #5c0d25 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
  .Exc_PointData .Exc_PointDValue1 {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFF;
    width: 50%;
    text-align: right;
    border-top: #dbc99e 2px solid;
    border-right: #dbc99e 2px solid;
    border-bottom: #dbc99e 2px solid;
    padding: 2%;
    color: #654a1b; }
  .Exc_PointData .Exc_PointDName2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    border: #dbc99e 2px solid;
    color: #FFF;
    padding: 2%;
    background: #463a91;
    /* Old browsers */
    background: -moz-linear-gradient(top, #463a91 0%, #45398f 17%, #3c2c73 41%, #2c1f54 72%, #25163d 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #463a91 0%, #45398f 17%, #3c2c73 41%, #2c1f54 72%, #25163d 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #463a91 0%, #45398f 17%, #3c2c73 41%, #2c1f54 72%, #25163d 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
  .Exc_PointData .Exc_PointDValue2 {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFF;
    width: 50%;
    text-align: right;
    border-top: #dbc99e 2px solid;
    border-right: #dbc99e 2px solid;
    border-bottom: #dbc99e 2px solid;
    padding: 2%;
    color: #654a1b; }

.Exc_Button {
  width: 100%;
  padding: 4% 0;
  border-radius: 6px;
  box-shadow: 4px 4px 3px -3px #d6d6d6;
  text-align: center;
  border: #8d6d43 1px solid;
  font-size: 14px;
  font-size: 4.375vw;
  font-weight: bold;
  color: #624d29;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f2 8%, #f1eed9 19%, #e0d9b1 50%, #bba47c 52%, #bfa77c 67%, #d7bd8b 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f2 8%, #f1eed9 19%, #e0d9b1 50%, #bba47c 52%, #bfa77c 67%, #d7bd8b 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #f9f9f2 8%, #f1eed9 19%, #e0d9b1 50%, #bba47c 52%, #bfa77c 67%, #d7bd8b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7bd8b',GradientType=0 );
  /* IE6-9 */
  text-shadow: #FFF 2px 0px 2px, #FFF -2px 0px 2px, #FFF 0px -2px 2px, #FFF 0px 2px 2px, #FFF 2px 2px 2px, #FFF -2px 2px 2px, #FFF 2px -2px 2px, #FFF -2px -2px 2px, #FFF 1px 2px 2px, #FFF -1px 2px 2px, #FFF 1px -2px 2px, #FFF -1px -2px 2px, #FFF 2px 1px 2px, #FFF -2px 1px 2px, #FFF 2px -1px 2px, #FFF -2px -1px 2px, #FFF 1px 1px 2px, #FFF -1px 1px 2px, #FFF 1px -1px 2px, #FFF -1px -1px 2px; }

li {
  position: relative; }

li input {
  height: 100%;
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0; }

li input + label {
  color: #333;
  display: block;
  text-align: center;
  padding: 3% 0;
  margin: 0 3% 3% 3%;
  border: 1px solid #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#EEEEEE));
  background: -moz-linear-gradient(#F9F9F9, #EEEEEE); }

li:first-child input + label {
  border-radius: 4px 0 0 4px; }

li:last-child input + label {
  border-radius: 0 4px 4px 0;
  border-left: none; }

li input:checked + label {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5393C5), to(#6FACD5));
  background: -moz-linear-gradient(#5393C5, #6FACD5);
  border: 1px solid #2373A5;
  color: #fff; }

.Exc_SeleWrap {
  color: #654a1b;
  margin: 0 3% 4% 3%;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  /*--- Android4.3以下ブラウザ用 ---*/
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify; }

.Exc_Sele1,
.Exc_Sele2 {
  display: block;
  padding: 4% 0; }
  .Exc_Sele1 .Exc_SeleLeft,
  .Exc_Sele2 .Exc_SeleLeft {
    margin-bottom: 2%; }
  .Exc_Sele1 .Exc_SeleRight,
  .Exc_Sele2 .Exc_SeleRight {
    margin-right: 10px;
    position: relative; }
    .Exc_Sele1 .Exc_SeleRight input,
    .Exc_Sele2 .Exc_SeleRight input {
      border: #ddd 1px solid;
      margin-right: 5px;
      font-size: 14px;
      font-size: 4.375vw;
      text-align: right; }

/*css radio02*/
.Exc_SeleInput {
  display: none; }

.Exc_SeleInput + label {
  width: 94%;
  padding: 3% 3%;
  border-radius: 4px;
  border: 1px solid #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#EEEEEE));
  background: -moz-linear-gradient(#F9F9F9, #EEEEEE); }

.Exc_SeleInput + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  /* 
    border: 1px solid #999;
  */
  border-radius: 50%;
  margin-top: 20px;
  margin-left: 5px; }

.Exc_SeleInput:checked + label {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa443), to(#ff7400));
  background: -moz-linear-gradient(#ffa443, #ff7400);
  border: 1px solid #e6832f;
  color: #fff;
  border-radius: 4px; }

.Exc_SeleInput:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  margin-top: 20px;
  margin-left: 5px;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  /* 
  background: #6fb2ff; 
  background: -moz-linear-gradient(top, #6fb2ff 0%, #6fb2ff 29%, #64afff 35%, #2e9dff 53%, #1892f9 65%, #0987ed 76%, #047fe1 82%, #006fc5 94%, #0467b5 100%); 
  background: -webkit-linear-gradient(top, #6fb2ff 0%,#6fb2ff 29%,#64afff 35%,#2e9dff 53%,#1892f9 65%,#0987ed 76%,#047fe1 82%,#006fc5 94%,#0467b5 100%); 
  background: linear-gradient(to bottom, #6fb2ff 0%,#6fb2ff 29%,#64afff 35%,#2e9dff 53%,#1892f9 65%,#0987ed 76%,#047fe1 82%,#006fc5 94%,#0467b5 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fb2ff', endColorstr='#0467b5',GradientType=0 ); /* IE6-9 */
  border-radius: 50%; }

.Exc_table {
  border-collapse: collapse;
  margin: 0 auto 3% auto;
  font-size: 12px;
  font-size: 3.75vw;
  width: 94%;
  margin: 0 3% 4% 3%;
  color: #654a1b; }
  .Exc_table td, .Exc_table th {
    border: 1px solid #a18851;
    padding: 2%; }
  .Exc_table th {
    background: #EFEFEF;
    width: 52%;
    font-weight: normal;
    text-align: left; }
  .Exc_table td {
    text-align: right; }

.GpMenuWrap {
  text-align: center; }
  .GpMenuWrap img {
    width: 40%;
    margin-right: 1%;
    margin-bottom: 2%;
    height: auto; }
  .GpMenuWrap:last-child {
    margin-bottom: 4%; }

/*--- Gポイント商品交換 ---*/
.GoodsSelect_Text {
  font-size: 10px;
  font-size: 3.125vw;
  line-height: 14px;
  line-height: 4.375vw;
  margin: 4% 4% 2% 4%;
  color: #654a1b; }
  .GoodsSelect_Text span {
    color: #f32164; }
  .GoodsSelect_Text .red {
    color: #f32164; }

.GoodsSelect_Wrap {
  background: #faf5e4;
  padding: 3%;
  margin: 3%;
  border: #dbc99e 2px solid;
  border-radius: 6px; }
  .GoodsSelect_Wrap .GoodsTitle {
    color: #0a00cd;
    font-size: 10px;
    font-size: 3.125vw;
    font-weight: bold;
    margin: 2% 0; }
  .GoodsSelect_Wrap .GoodsText {
    font-size: 9px;
    font-size: 2.8125vw;
    color: #5f5323; }
  .GoodsSelect_Wrap .GoodsSelect_fbox {
    display: -webkit-box;
    /*--- Android4.3以下ブラウザ用 ---*/
    display: -ms-flexbox;
    display: flex; }
  .GoodsSelect_Wrap .GoodsSelect_left {
    width: 35%; }
    .GoodsSelect_Wrap .GoodsSelect_left .Goodsimg {
      width: 100%; }
      .GoodsSelect_Wrap .GoodsSelect_left .Goodsimg img {
        border: #dbc99e 2px solid; }
  .GoodsSelect_Wrap .GoodsSelect_right {
    width: 62%;
    margin-left: 3%; }
    .GoodsSelect_Wrap .GoodsSelect_right .GoodsNum {
      color: #5f5323;
      font-size: 11px;
      font-size: 3.4375vw;
      font-weight: bold;
      margin-bottom: 2%; }
      .GoodsSelect_Wrap .GoodsSelect_right .GoodsNum span {
        color: #f71958; }
      .GoodsSelect_Wrap .GoodsSelect_right .GoodsNum .GoodsSelecter {
        font-size: 11px;
        font-size: 3.4375vw; }

.GoodsSelect_Wrap2 {
  background: #faf5e4;
  padding: 3%;
  margin: 3% 0;
  border: #dbc99e 2px solid;
  border-radius: 6px; }
  .GoodsSelect_Wrap2 .GoodsTitle {
    color: #0a00cd;
    font-size: 10px;
    font-size: 3.125vw;
    font-weight: bold;
    margin: 2% 0; }
  .GoodsSelect_Wrap2 .GoodsText {
    font-size: 9px;
    font-size: 2.8125vw;
    color: #5f5323; }
  .GoodsSelect_Wrap2 .GoodsSelect_fbox {
    display: -webkit-box;
    /*--- Android4.3以下ブラウザ用 ---*/
    display: -ms-flexbox;
    display: flex; }
  .GoodsSelect_Wrap2 .GoodsSelect_left {
    width: 30%; }
    .GoodsSelect_Wrap2 .GoodsSelect_left .Goodsimg {
      width: 100%; }
      .GoodsSelect_Wrap2 .GoodsSelect_left .Goodsimg img {
        border: #dbc99e 2px solid; }
  .GoodsSelect_Wrap2 .GoodsSelect_right {
    width: 67%;
    margin-left: 3%; }
    .GoodsSelect_Wrap2 .GoodsSelect_right .GoodsNum {
      color: #5f5323;
      font-size: 11px;
      font-size: 3.4375vw;
      font-weight: bold;
      margin-bottom: 2%; }
      .GoodsSelect_Wrap2 .GoodsSelect_right .GoodsNum span {
        color: #f71958; }
      .GoodsSelect_Wrap2 .GoodsSelect_right .GoodsNum .GoodsSelecter {
        font-size: 11px;
        font-size: 3.4375vw; }

.ExcGoods_Flow {
  width: 94%;
  margin: -2% 3% 0 3%; }

.Goods_BtnAllWrap {
  display: -webkit-box;
  /*--- Android4.3以下ブラウザ用 ---*/
  display: -ms-flexbox;
  display: flex; }
  .Goods_BtnAllWrap .Goods_BtnWrap {
    text-align: center;
    font-weight: bold;
    font-size: 9px;
    font-size: 2.8125vw;
    text-shadow: 1px 1px 0px #5d4423;
    border-radius: 6px;
    width: 48%;
    margin: 2% 0 1% 2%; }
    .Goods_BtnAllWrap .Goods_BtnWrap a {
      display: block;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9f925f+0,89784b+32,77613a+74,593f20+100 */
      background: #9f925f;
      /* Old browsers */
      background: -moz-linear-gradient(top, #9f925f 0%, #89784b 32%, #77613a 74%, #593f20 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #9f925f 0%, #89784b 32%, #77613a 74%, #593f20 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #9f925f 0%, #89784b 32%, #77613a 74%, #593f20 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f925f', endColorstr='#593f20',GradientType=0 );
      /* IE6-9 */
      border-radius: 6px;
      border: 1px solid #ddd8c6;
      box-shadow: 1px 1px #574a38, -1px -1px #574a38;
      padding: 4%;
      color: #FFF; }
      .Goods_BtnAllWrap .Goods_BtnWrap a:link, .Goods_BtnAllWrap .Goods_BtnWrap a:visited, .Goods_BtnAllWrap .Goods_BtnWrap a:active {
        text-decoration: none; }

.GoodsAdd_table {
  margin-left: 25%;
  color: #654a1b; }
  .GoodsAdd_table .GoodsAdd_formName {
    margin: 12px 0 12px 5px;
    border: #dbc99e 1px solid;
    width: 200px;
    font-size: 15px;
    padding: 10px;
    color: #654a1b;
    background: #FFF; }
  .GoodsAdd_table .GoodsAdd_formZip {
    margin: 12px 0 12px 5px;
    border: #dbc99e 1px solid;
    width: 80px;
    font-size: 15px;
    padding: 10px;
    color: #654a1b;
    background: #FFF; }
  .GoodsAdd_table .GoodsAdd_formAdd {
    margin: 12px 0 12px 5px;
    border: #dbc99e 1px solid;
    width: 400px;
    font-size: 15px;
    padding: 10px;
    color: #654a1b;
    background: #FFF; }

/*--- Gポイント通帳 ---*/
.GPHistoryFlame {
  border: #dbc99e 2px solid;
  margin: 2% 2% 2% 2%;
  background: #FFF;
  background-size: 7%; 
}
.GHFlame_Title {
    text-align: center;
    font-size: 14px;
    font-size: 4.375vw;
    color: #FFF;
    font-weight: bold;
    background: #574c8c;
    padding: 3% 0;
  }
.GHFlame_Title2 {
    background: #aa1a32;
    padding: 3% 2%;
    font-size: 14px;
    font-size: 4.375vw;
    color: #FFF;
    border-radius: 4px;
    margin: 2% 0; }
.GHFlame_Title3 {
  color: #aa1a32;
  font-size: 12px;
  font-size: 3.75vw;
  margin: 0 0 2% 1%;
  background: #f4ced5;
  padding: 1%;
}
.GHFlame_Text {
    font-size: 10px;
    font-size: 3.125vw;
    line-height: 14px;
    line-height: 4.375vw;
    margin: 2% 1% 2% 1%;
    color: #654a1b; }
.GHFlame_Text span {
      color: #f32164; }
.GHFlame_Text .red {
      color: #f32164; }
.GHFlame_PastLink {
    text-align: center;
    font-size: 12px;
    font-size: 3.75vw;
    padding: 3% 2%;
    margin: 2%;
    background: #e8dec5; }
.GHFlame_table {
    border-collapse: collapse;
    margin: 0 auto 3% auto;
    font-size: 11px;
    font-size: 3.4375vw;
    width: 98%;
    margin: 0 1% 2% 1%;
    color: #654a1b;
    white-space: nowrap; }
    .GHFlame_table td, .GHFlame_table th {
      border: 1px solid #a18851;
      padding: 2%; }
 .GHFlame_table th {
      background: #f5efe0;
      font-weight: normal; }
.GHFlame_table .GHFlame_number {
      text-align: right; }
.GHFlame_table2 {
    border-collapse: collapse;
    margin: 0 auto 3% auto;
    font-size: 8px;
    font-size: 2.5vw;
    width: 98%;
    margin: 0 1% 2% 1%;
    color: #654a1b;
    white-space: nowrap; }
    .GHFlame_table2 td,.GHFlame_table2 th {
      border: 1px solid #a18851;
      padding: 2%; }
.GHFlame_table2 th {
      background: #f5efe0;
      font-weight: normal; }
.GHFlame_table2 .GHFlame_number {
      text-align: right; }
.GHFlame_table {
    border-collapse: collapse;
    margin: 0 auto 3% auto;
    font-size: 11px;
    font-size: 3.4375vw;
    width: 98%;
    margin: 0 1% 2% 1%;
    color: #654a1b;
    white-space: nowrap; }
    .GHFlame_table td, .GHFlame_table th {
      border: 1px solid #a18851;
      padding: 2%; }
.GHFlame_table th {
      background: #f5efe0;
      font-weight: normal; }
.GHFlame_table .GHFlame_number {
      text-align: right; }