@charset "utf-8";

* {
  margin: 0;
  padding: 0;
  font-family: Futura, Arial, Helvetica, "ヒラギノ角ゴ Pro W6",
    "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
  width: 100%;
}
th {
  text-align: left;
}

ul,
dl,
ol {
  text-indent: 0;
}

li {
  list-style: none;
}

img {
  border: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* For modern browsers */
.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}


/*
    html5への対応
*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}


img {vertical-align: bottom;}

.wrapper {
	width: 100%;
  font-size: 14px;
}
.contents {
	width: 750px;
	margin: 0 auto;
}
.red{
  color: red;
}
@media screen and (max-width: 750px){
	.contents {
		width: 100%;
	}
}
.youtube {
  position: relative;
  width: 1001px;
  max-width: 100%;
  margin: auto;
}
.youtube::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#contents .pageContent .payForm .cardNote th {
  padding: 0;
}
#contents .pageContent .payForm .cardNote td {
  border: none;
}
.cardNote {
  font-size: 14px;
  line-height: 1.4;
}
.cardNote p {
  margin-bottom: .5em;
  text-indent: -3.3em;
  padding-left: 3em;
}
.notification {
  margin-top: 5em;
}
.notification dt {
  font-weight: 700;
  margin-bottom: 0.5em;
}
.notification dd {
  padding-left: 1em;
  margin-bottom: 1em;
}
.notification dd ul.text-indent1 li {
  padding-left: 1em;
  text-indent: -1em;
}
#form #priceTable .productSelectItem input[type="radio"] + label{
  margin: 8px 1em 2px .2em;
}
.formParts input[type="radio"] + label {
  margin: 0 1em 0 .2em;
}
.l-footer {
  background-color: #eee;
}
.l-footer__copyright {
  text-align: center;
  padding: 1em 0;
  font-size: 12px;
}










/*****content_radio_cross****/
body {
  line-height: 1.43
}

table,tbody,td,tfoot,th,thead {
  box-sizing: border-box
}

#main>article,.pankuzu {
  margin-bottom: 2%
}

.pankuzu:not(:first-child) {
  margin-top: -2%
}

.archiveControl {
  overflow: hidden;
  clear: both;
  margin-bottom: 2%
}

.displayArea {
  margin-bottom: 2%;
  overflow: hidden
}

.displayDesc {
  float: left
}

.displayDesc span {
  font-size: 1.5em
}

.displayVol {
  float: right
}

.displayVol select {
  margin-left: 5px
}

.photoArea {
  width: 48%;
  float: left;
  margin: 0 4% 4% 0
}

.photoArea figure {
  width: 100%;
  line-height: 0;
  margin-bottom: 2%
}

.photoArea figure img {
  width: 100%;
  max-width: 100%;
  height: auto
}

.photoArea ul {
  background-color: #eee;
  overflow: hidden;
  clear: both
}

.photoArea ul li {
  width: 25%;
  padding: 1%;
  float: left;
  line-height: 0;
  cursor: pointer
}

.photoArea ul li img {
  max-width: 100%;
  height: auto;
  border: 1px solid #ccc
}

.itemInfo {
  width: 48%;
  float: right
}

.itemInfo .lead {
  margin-bottom: 3%;
  font-size: 1.166em
}

.itemExplain {
  margin-bottom: 3%
}

.itemPrice {
  margin-bottom: 3%;
  padding: 2% 0;
  text-align: right;
  font-size: 1.5em
}

.itemPrice:not(:first-child) {
  display: none
}

.itemPrice strong {
  font-size: 1.6em
}

.itemPrice .noStock {
  display: inline-block;
  margin-right: 10px;
  color: red;
  font-size: .84em
}

.descriptionsSection {
  margin-bottom: 8%
}

.descriptionsSection h3 {
  font-size: 1.17em
}

.cartArea,.optionsSection {
  background-color: #eee;
  padding: 3%;
  margin-bottom: 3%
}

.itemSkuSelect {
  margin-bottom: 3%;
  font-size: 1.166em
}

.itemSkuSelect li {
  margin-bottom: 2%
}

.itemSkuSelect li:last-child {
  margin-bottom: 0
}

.handleBuyArea {
  background-color: #fff;
  padding: 3%;
  margin-bottom: 3%
}

.handleBuyArea .disabledLabel .disabled {
  color: #f30
}

.handleBuyArea input[type=radio] {
  margin-right: 5px
}

.handleBuyArea input[type=radio][disabled] {
  visibility: hidden
}

.selectQuantity {
  font-size: 1.166em
}

.selectQuantity:not(:first-child) {
  margin-top: 10px
}

.selectQuantity select {
  vertical-align: top;
  margin-left: 5px;
  min-width: 50px
}

.btnCartIn,.btnFavorite {
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  font-size: 1.5em;
  line-height: 50px;
  position: relative;
  color: #fff;
  padding: 5px 0;
  margin-top: 3%
}

.btnCartIn:disabled {
  background-color: #999;
  background-image: none
}

.btnCartIn {
  font-family: Microsoft Yahei;
  width: 70%;
  text-shadow: #fff .1em .1em .2em;
  margin: 3% auto 0;
  background-color: gold;
  background-image: linear-gradient(to bottom,gold,gold);
  background-image: -moz-linear-gradient(top,gold,gold);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,gold),color-stop(1,gold));
  border: 1px solid #fff;
  border-color: ##ffffff00 ##ffffff00 ##ffffff00;
  box-shadow: 0 0 1px #fff inset;
  border-radius: 5px
}

.btnCartIn,.btnFavorite {
  display: block;
  width: 70%;
  text-align: center;
  text-decoration: none;
  font-size: 1.5em;
  line-height: 50px;
  position: relative;
  color: #000;
  text-shadow: 0 0 .2em #fff;
  padding: 5px 0;
  margin-top: 3%
}

.btnCartIn:hover {
  background: linear-gradient(to bottom,#bc3315 5%,#d0451b 100%);
  background-color: #bc3315
}

.btnCartIn:active {
  position: relative;
  top: 1px
}

.btnCartIn:active {
  background-image: linear-gradient(to bottom,#ff8c00,gold);
  background-image: -moz-linear-gradient(top,#ff8c00,gold);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff8c00),color-stop(1,gold))
}

.btnCartIn:disabled {
  background-color: #999;
  background-image: none
}

.btnCartIn:disabled i {
  display: none
}

.btnCartIn i,.btnFavorite i {
  margin-right: 10px
}

.btnCartIn .fa-2x {
  font-size: 1.2em
}

.btnFavorite {
  background-color: #f06292
}

.btnCartIn:hover,.btnFavorite:hover {
  text-decoration: none
}

.itemInfo .skuArea {
  margin-bottom: 2%;
  font-size: 1.17em
}

.itemInfo .skuArea dl {
  margin-bottom: 2%
}

.itemInfo .skuArea dl dt {
  font-weight: 700
}

.itemInfo .skuArea dl dt span {
  font-weight: 400
}

.itemInfo .skuArea dl dd ul::after {
  content: "";
  display: block;
  clear: both
}

.itemInfo .skuArea dl dd ul li {
  margin: 0 5px 5px 0;
  float: left
}

.itemInfo .skuArea dl dd label {
  display: block;
  cursor: pointer;
  position: relative;
  border: solid 1px #ccc;
  border-radius: 2px
}

.itemInfo .skuArea dl dd .skuSizes label {
  min-width: 70px;
  padding: 5px
}

.itemInfo .skuArea dl dd .skuSizes .disabled label {
  background: #eee
}

.itemInfo .skuArea dl dd .skuSizes input {
  margin-right: 5px
}

.itemInfo .skuArea dl dd .skuSizes input[disabled] {
  visibility: hidden
}

.itemInfo .skuArea dl dd .skuColors label {
  width: 55px;
  height: 45px
}

.itemInfo .skuArea dl dd .skuColors .black label {
  background: #000
}

.itemInfo .skuArea dl dd .skuColors .gray label {
  background: #ddd
}

.itemInfo .skuArea dl dd .skuColors .white label {
  background: #fff
}

.itemInfo .skuArea dl dd .skuColors .brown label {
  background: #745630
}

.itemInfo .skuArea dl dd .skuColors .beige label {
  background: #e5d5b4
}

.itemInfo .skuArea dl dd .skuColors .red label {
  background: #db2c22
}

.itemInfo .skuArea dl dd .skuColors .orange label {
  background: #ea9e1a
}

.itemInfo .skuArea dl dd .skuColors .navy label {
  background: #193282
}

.itemInfo .skuArea dl dd .skuColors .blue label {
  background: #1a50ea
}

.itemInfo .skuArea dl dd .skuColors .purple label {
  background: #7c1aea
}

.itemInfo .skuArea dl dd .skuColors .pink label {
  background: #f68ddc
}

.itemInfo .skuArea dl dd .skuColors .green label {
  background: #4cac48
}

.itemInfo .skuArea dl dd .skuColors .skyblue label {
  background: #77c8f7
}

.itemInfo .skuArea dl dd .skuColors label .title,.itemInfo .skuArea dl dd .skuColors label input {
  opacity: .01;
  position: absolute;
  left: 0;
  top: 0
}

.itemInfo .skuArea dl dd .skuColors label input+i {
  display: none;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  color: #1e90ff;
  font-size: 16px;
  text-align: center;
  text-shadow: 1px 1px 1px #fff,1px -1px 1px #fff,-1px -1px 1px #fff,-1px 1px 1px #fff,1px 0 1px #fff,0 1px 1px #fff,-1px 0 1px #fff,0 -1px 1px #fff;
  position: absolute;
  top: 50%;
  left: 50%
}

.itemInfo .skuArea dl dd .skuColors label input:checked+i {
  display: block
}

.itemInfo .skuArea dl dd .skuColors .disabled {
  opacity: .5
}

.itemTypeSelect li {
  border-top: 1px solid #ccc;
  padding: 0 0 0 5px;
  font-size: 1.167em
}

.itemTypeSelect li input[type=radio] {
  margin-right: 10px
}

.itemTypeSelect li label {
  display: table;
  width: 100%;
  cursor: pointer
}

.itemTypeSelect li div {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  padding: 10px 0
}

.itemTypeSelect li:last-child div {
  padding: 10px 0 0 0
}

.itemTypeSelect li div.price {
  text-align: right;
  font-size: .857em
}

.itemTypeSelect li div.price span {
  font-size: 2em
}

.optionContent>section {
  margin-bottom: 2%;
  background-color: #eee;
  padding: 2%
}

.optionContent>section:last-child {
  margin-bottom: 0
}

.optionContent h3 {
  font-size: 1.3333em;
  margin-bottom: 2%;
  background-color: #999;
  padding: 1%;
  color: #fff
}

.optionContent ul {
  margin-left: 1em
}

.optionContent ul li {
  margin-bottom: 2%;
  overflow: hidden;
  clear: both
}

.optionContent ul li:last-child {
  margin-bottom: 0
}

.optionContent ul li figure {
  float: right;
  width: 200px;
  overflow: hidden;
  height: auto
}

.optionContent ul li figure img {
  width: 100%;
  height: auto
}

.optionDetail {
  margin-right: 220px
}

.imgNone .optionDetail {
  margin-right: 0
}

.optionDetail h4 {
  font-size: 1.333em;
  margin-bottom: 1%
}

.optionDetail input {
  margin-right: 1em
}

.optionDetail p {
  margin-left: 2em
}

.optionDetail .price {
  margin-bottom: 1%
}

.optionDetail .price span {
  font-size: 1.5em;
  font-weight: 700
}

.optionsSection h3 {
  margin-bottom: 2%;
  font-size: 1.17em
}

.optionsSection h3 i {
  margin-right: 5px
}

.optionsSection ul li {
  margin-bottom: 2%;
  border: solid 1px #ccc;
  border-radius: 2px
}

.optionsSection ul li:last-child {
  margin-bottom: 0
}

.optionsSection ul li label {
  display: block;
  padding: 2%;
  cursor: pointer
}

.optionsSection ul li h4 {
  font-size: 1.17em;
  font-weight: 700
}

.optionsSection ul li h4 .price {
  font-size: .84em;
  float: right
}

.optionsSection ul li h4 .price .num {
  font-size: 1.33em
}

.optionsSection ul li input {
  margin-right: 5px
}

.reviewArea>div {
  font-size: 1.166em
}

.reviewContent ul {
  margin-bottom: 2%
}

.reviewContent li {
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 2%;
  margin-bottom: 2%
}

.reviewContent li:last-child {
  margin-bottom: 0
}

.reviewContent li:after {
  clear: both;
  content: "";
  display: table
}

.rateArea {
  float: left;
  width: 20%
}

.rateArea .starbox {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle
}

.rateArea p {
  font-size: .857em
}

.rateText {
  margin-left: 25%
}

.rateText h3 {
  margin-bottom: 1%
}

.reviewWriteForm dl {
  width: 80%;
  margin: 0 auto;
  border: 1px solid #ddd;
  padding: 2%
}

.reviewWriteForm dt {
  float: left;
  clear: left;
  padding: 2% 0
}

.reviewWriteForm dd {
  padding: 2% 0 2% 10em;
  border-top: 1px dotted #ccc
}

.reviewWriteForm dd:last-child {
  border-bottom: 1px dotted #ccc
}

.reviewWriteForm dd input[type=text],.reviewWriteForm dd textarea {
  width: 100%;
  padding: 1%
}

.recommendArea .itemList li {
  width: 20%
}

.reviewAverage strong {
  font-size: 1.333em
}

.reviewAverage .starbox {
  margin-bottom: 3%
}

.deliveryContent h3 {
  margin-bottom: 1%;
  font-size: 1.166em
}

.deliveryContent table {
  margin-bottom: 1.5%
}

.pageContent h3 {
  margin-bottom: 1%;
  font-size: 1.333em
}

.pageContent h3 small {
  font-weight: 400;
  font-size: .83em
}

.pageContent .mainImage {
  margin-bottom: 4%;
  text-align: center
}

.pageContent .mainImage img {
  max-width: 100%
}

.pageContent .pageBody {
  min-height: 240px;
  font-size: 1.17em;
  line-height: 2
}

.pageContent table {
  width: 100%
}

.pageContent table td,.pageContent table th {
  padding: 1%;
  border-bottom: 1px solid #ccc
}

.pageContent table tr td:nth-child(2) {
  border-left: 6px solid #e3e3e3;
  border-right: 6px solid #e3e3e3;
  border-bottom: 6px solid #e3e3e3;
  border-top: none;
  padding: 0 10px;
  box-sizing: border-box
}

.pageContent table th {
  background-color: #ddd;
  font-size: 21px;
  line-height: 40px
}

.pageContent table .zipcodeTxt {
  display: inline-block;
  vertical-align: top;
  line-height: 1
}

.pageContent table #ec_client_landing_page_type_sex {
  padding: 10px 0
}

#main #landing h2 {
  background-color: gold;
  text-align: center
}

.itemName {
  font-size: 24px;
  color: #fff;
  text-align: center;
  background-color: #e30174;
  font-family: "��𡏭悻嚙賣𩣪嚙質鼧嚙踝蕭","Yu Mincho","��𡏭悻嚙賣𩣪嚙踝蕭",YuMincho,serif;
  padding: 8px 0;
  margin-bottom: 2%
}

.itemWrap .descriptionsSection {
  margin-bottom: 3%;
  float: right;
  width: 48%
}

.itemWrap .descriptionsSection h3 {
  font-size: 16px;
  margin-bottom: 2%
}

.pageContent .payForm {
  margin-bottom: 4%
}

.pageContent .payForm h3 {
  background-color: #ac0101;
  color: #fff;
  padding: 0 15px 0
}

.pageContent .payForm table tr {
  margin: 0 0 10px 0
}

#form .pageContent .payForm table td,#form .pageContent .payForm table th {
  padding: 1% 10px;
  font-weight: 400
}

.pageContent .payForm table td span.important,.pageContent .payForm table th span.important {
  color: red
}

.pageContent .payForm table th {
  background-color: #e3e3e3;
  font-size: 21px;
  font-weight: 700;
  color: #333;
  box-sizing: border-box;
  display: block;
  text-align: left
}

.pageContent .payForm table th .required {
  color: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #e64545;
  padding: 0 5px;
  margin-top: 1%;
  margin-left: 5px;
  font-size: 11px;
  font-weight: 100;
  border: 1px solid red;
  display: inline-block;
  vertical-align: top;
  height: auto;
  line-height: initial
}

.pageContent .payForm table td {
  border-bottom: 1px solid #ccc;
  text-align: left;
  background-color: #fff;
  padding: 10px;
  font-size: 14px;
  line-height: 1.7
}

.pageContent .payForm table td label {
  font-size: 18px;
  cursor: pointer
}

.pageContent .payForm input {
  padding: 10px;
  border: 1px solid #dbdbdb;
  border-top: 2px solid #9b9b9b;
  border-left: 2px solid #9b9b9b;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  outline: 0
}

.pageContent .payForm input,.pageContent .payForm select {
  font-size: 16px;
  margin-bottom: 5px;
  margin-top: 8px;
  margin-right: 6px
}

.pageContent .payForm table {
  line-height: 1.2
}

.pageContent .payForm table tbody {
  display: flex;
  flex-direction: column
}

.pageContent .payForm input:focus {
  border-top: 2px solid #9b9b9b;
  border-left: 2px solid #9b9b9b;
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  background-color: #ffffe8
}

.pageContent .payForm input:placeholder-shown {
  line-height: 110%
}

.pageContent .payForm input::-moz-placeholder {
  line-height: 110%
}

.pageContent .payForm input:-ms-input-placeholder {
  line-height: 110%
}

.pageContent .payForm select {
  height: 35px;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-top: 2px solid #9b9b9b;
  border-left: 2px solid #9b9b9b;
  border-radius: 5px 0 0 5px;
  padding: 0 10px;
  min-width: 100px
}

.pageContent .payForm .formParts.required select {
  background-color: #fff
}

.pageContent .payForm select {
  background-color: #fff
}

.pageContent .payForm .productName {
  background-color: #ffeff0
}

.pageContent .payForm .noBlock th {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc
}

.pageContent .payForm .noBlock tr td {
  line-height: 60px
}

.pageContent .payForm .noBlock th:last-child {
  border-right: none
}

.pageContent .payForm .error {
  color: #e50074;
  display: block;
  font-weight: 700
}

.formParts {
  position: relative;
  vertical-align: middle;
  display: inline-block
}

.formParts .err {
  padding: 0 0 0 10px;
  color: red;
  position: absolute;
  display: block;
  right: -40%;
  bottom: 35%
}

.formParts input {
  background-color: #fff
}

.formParts.required input {
  background-color: #fff
}

.formParts select {
  outline: 0
}

.formParts input.yubin {
  width: 130px
}

.blockUIcontent {
  padding: 20px
}

.blockUIcontent p {
  margin-bottom: 10px;
  font-size: 14px
}

.guidance {
  font-size: 18px;
  margin-bottom: 2%;
  letter-spacing: 1px;
  text-align: center
}

.linkPrivacy {
  text-align: center;
  margin-top: 10px
}

.linkPrivacy a {
  text-decoration: underline;
  padding-left: 10px
}

.bgModal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.6);
  z-index: 1000
}

.bgModal:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -15px 0 0 -15px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 8px solid #fff;
  border-right-color: transparent;
  animation: spin 1s linear infinite
}

@keyframes spin {
  0% {
      transform: rotate(0);
      opacity: .2
  }

  50% {
      transform: rotate(180deg);
      opacity: 1
  }

  100% {
      transform: rotate(360deg);
      opacity: .2
  }
}

.pagePrivacy section {
  margin-bottom: 3%
}

.pagePrivacy section h3 {
  border-bottom: 2px dotted #ea9e1a
}

.pagePrivacy section div {
  line-height: 160%
}

.pagePrivacy section div p {
  margin-bottom: 10px
}

.positioner {
  position: relative;
  display: inline-block;
  line-height: 0
}

.starbox {
  cursor: pointer
}

.starbox.unchangeable {
  cursor: default
}

.starbox .colorbar,.starbox .ghost {
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0
}

.starbox .stars {
  display: inline-block
}

.starbox .stars .star_holder {
  position: relative;
  z-index: 1
}

.starbox .stars .star_holder .star {
  display: inline-block;
  vertical-align: baseline;
  background-repeat: no-repeat
}

.starbox .stars .star_holder .star {
  background-image: url('../images/5-large.png');
  width: 33px;
  height: 33px
}

.starbox.small .stars .star_holder .star {
  width: 17px;
  height: 17px;
  -webkit-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%
}

.starbox .stars {
  background: #ccc
}

.starbox .rated .stars {
  background: #dcdcdc
}

.starbox .rated.hover .stars {
  background: #ccc
}

.starbox .colorbar {
  background: #ffcc1c
}

.starbox .hover .colorbar {
  background: #1e90ff
}

.starbox .rated .colorbar {
  background: #ffd851
}

.starbox .rated.hover .colorbar {
  background: #1e90ff
}

.starbox .rated.hover:active .colorbar {
  background: #ffd851
}

.starbox .ghost {
  background: #a1a1a1
}

.pager {
  padding: 25px 0;
  margin: 0 -5px;
  text-align: center
}

.pager a,.pager strong {
  box-sizing: border-box;
  display: inline-block;
  min-width: 32px;
  height: auto!important;
  padding: 0 5px;
  margin: 5px;
  border: solid 1px #ea9e1a;
  background: #ea9e1a;
  color: #fff;
  line-height: 32px;
  text-align: center
}

.pager strong {
  background: #fff;
  color: #999;
  font-weight: 700
}

.payForm.calender.datepicker-trigger {
  width: 24px;
  height: 24px;
  padding: 0;
  background: 0 0;
  position: absolute;
  top: 2px;
  right: 0
}

.payForm.calender.datepicker-trigger img {
  width: 20px
}

.payForm .spForm01.ui-datepicker-trigger img {
  width: 24px;
  position: absolute;
  right: 21px;
  top: 13px
}

.payForm .spForm01 .zipcodeBox {
  display: flex;
  align-items: center;
  margin-top: 2px
}

.ui-datepicker-trigger {
  width: 29px;
  height: 24px;
  padding: 0;
  background: 0 0;
  position: absolute;
  top: 12px;
  right: 8px
}

#contents {
  padding: 55px 0 110px
}

#form #priceTable td,#form #priceTable th {
  display: block;
  width: 100%
}

#form #priceTable tr {
  display: block
}

#form #priceTable tr:first-child {
  float: left;
  width: 30%
}

#form #priceTable tr:nth-child(2) {
  float: left;
  width: 70%
}

#form #priceTable tr:first-child th {
  display: block;
  width: 100%;
  border-bottom: 0;
  border-right: 0
}

#form #priceTable tr:first-child th:last-child {
  border-bottom: 1px solid #ccc
}

#form #priceTable tr:nth-child(2) td {
  width: 100%;
  padding: 0 0 0 20px
}

#form #priceTable .productSelectItem {
  display: flex;
  padding-top: 5px;
  padding-bottom: 5px
}

#form #priceTable .productSelectItem label {
  line-height: normal
}

#form .payTable tr td label {
  margin-right: 10px;
  display: flex;
  align-items: center
}

#form .payTable .hideSet {
  position: absolute
}

#form .payTable #paymentAddType {
  padding: 10px 0;
  display: flex;
  flex-wrap: wrap
}

#form .payTable #paymentAddType .addpay {
  margin: 10px 20px 10px 0;
  display: flex
}

#form .payTable #paymentAddType .addpay img {
  display: inline-block;
  vertical-align: bottom;
  width: auto;
  max-height: 31px;
  margin-left: 5px;
}

#form .payTable .np_atobarai {
  display: flex
}

#form .payTable .np_atobarai p {
  font-size: 14px
}

#form .payTable .np_atobarai p img {
  max-width: 600px
}

#form .payTable .np_atobarai td {
  flex: 1 1 100%
}

#form .sendTable tr td:nth-child(2) {
  padding: 10px
}

#form .sendTable td .sendTimeSelect {
  display: flex;
  align-items: center
}

#form .sendTable td .sendTimeSelect .deliDate {
  display: flex;
  align-items: center
}

#form .cartButton {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 5px 0 20px
}

.ftb {
  position: fixed;
  bottom: 10px;
  right: 10px
}

.ftb img {
  width: 110px
}

.pymRgrTxt {
  display: none;
  padding: 5px;
  margin-top: 15px;
  background: #f9f9f9;
  border: 1px solid #dcdcdc
}

.pymRgrTxt p {
  font-size: 12px;
  margin-bottom: 10px
}

.important {
  color: red
}

.custom {
  font-size: 13px
}

.pageContent .note {
  padding: 10px;
  font-size: 14px;
  line-height: 1.7
}

.calender img {
  width: 100%;
  display: block
}

.after_pay img {
  width: 100%;
  margin: 0 auto
}

#priceTable tr:nth-child(2) td:nth-child(3) .error {
  display: inline-block
}

#AfteePC {
  display: inherit
}

#AfteeSP {
  display: none
}

@media screen and (max-width: 1023px) {
  #form .cartButton {
      text-align:center
  }

  #form .btnCartIn {
      width: 80%
  }

  #form .pageContent {
      width: 100%
  }

  #form .pageContent .payForm {
      width: 100%
  }
}

@media only screen and (max-width: 768px) {
  #ec_client_landing_page_type_product_sku_id {
      width:90%
  }

  .pageContent .payForm h3 {
      padding: 1% 2%;
      font-size: 1.1em
  }

  .pageContent .payForm input,.pageContent .payForm select {
      font-size: 14px
  }

  .linkPrivacy {
      font-size: 14px
  }

  #AfteePC {
      display: none
  }

  #AfteeSP {
      display: block
  }
}

@media screen and (max-width: 468px) {
  #form .btnCartIn {
      width:70vw;
      font-size: 7vw
  }

  #form .cartButtonNote {
      font-size: 3.6vw;
      line-height: 1.5
  }

  .pageContent table th .required {
      margin-top: 3%
  }

  #form .payTable #paymentAddType {
      padding: 30px 0 10px 0;
      flex-direction: column
  }

  #form .payTable #paymentAddType .addpay {
      margin: 0 0 20px 0
  }

  .pageContent .payForm table th .required {
      margin-top: 3.5%
  }

  #form .sendTable td .sendTimeSelect {
      flex-direction: column;
      align-items: flex-start
  }

  .payForm .spForm01 select {
      min-width: 80px
  }

  .pageContent .payForm table td label.coupon_notice {
      font-size: 14px
  }
}

#contents {
  transition: all .3s ease-in-out
}

.couDiv #ec_client_landing_page_type_use_coupon {
  width: 240px;
  height: 35px;
  font-size: 14px
}

.couDiv .coupon_notice {
  margin-left: 5px
}

#contents .payForm h3 {
  background-color: #1b8a93
}

#contents .pageContent .payForm {
  margin-bottom: 2%
}

#contents .pageContent .payForm table th {
  padding: 2%;
  vertical-align: middle;
  font-weight: 500
}

#contents .pageContent .payForm table td {
  vertical-align: middle
}

#contents .pageContent .payForm .formParts.required select {
  background-color: #e8e7e2;
}

#contents .cartButton {
  width: 70%;
  margin: auto
}

#contents .cartButton:hover button {
  cursor: pointer
}

#contents .formParts.required input {
  background-color: #cef2f2
}

#contents .ui-datepicker-trigger {
  width: 28px;
  height: auto
}

.buyInfoBg {
  width: 85%;
  margin: 20px auto;
  font-size: initial;
  font-weight: 400
}

.buyInfoBg p {
  font-size: 16px;
  line-height: 2.3;
  text-align: left;
  color: #666
}

.servicePhone {
  width: 90%;
  margin: 0 auto;
  font-size: 1.5rem;
  text-align: center;
  color: #666
}

#contents .btnCartIn {
  box-shadow: none;
  text-shadow: none;
  font-family: 'Noto Sans TC',sans-serif;
  font-size: 30px;
  padding: 10px;
  margin: auto;
  color: #fff;
  font-weight: 300;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#00aab7),color-stop(1,#00594f));
  border: 1px solid #1b8a93
}

#contents .btnCartIn:disabled {
  background-color: #999;
  background-image: none
}

#contents .btnCartIn:hover {
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#00aab7),color-stop(1,#00aab7));
}

#contents .btnCartIn .agreePrivacy {
  font-size: 14px;
  line-height: 20px
}

#contents .linkPrivacy {
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 400;
  font-size: 16px
}

.buyInfoBg .text {
  display: block;
  text-align: justify;
  line-height: 1.4rem;
  margin: 0 0 .8rem 0
}

.wrapRuleBg {
  width: 70%;
  height: 200px;
  font-weight: 300;
  overflow-y: auto;
  font-size: initial;
  border: 1px solid #ccc;
  margin: 10px auto 0 auto;
  padding: 10px;
  box-sizing: border-box;
  background-color: rgba(255,255,255,.6)
}

.wrapRuleBg h2 {
  font-size: 1.2rem;
  font-weight: 500;
  padding: 10px;
  font-family: 'Noto Sans TC',sans-serif
}

.wrapRuleBg .box {
  position: initial;
  box-shadow: none;
  padding: 5px
}

#contents .pageContent h3 {
  margin: 5px 0;
  padding-left: 10px;
  background-color: #00594f;
  color: #fff
}

.wrapRuleBg p {
  padding: 5px 10px;
  font-size: 16px;
  text-align: left
}

.basicPrivacypolicyMonthBg {
  padding: 16px 16px;
  font-weight: 900;
  background-color: #ccc
}

.basicPrivacypolicyMonthBg .basicPrivacypolicyMonth {
  background-color: #fff;
  padding: 16px 16px;
  font-size: 20px
}

@media screen and (max-width: 1280px) {
  #form {
      max-width:100%
  }
}

@media screen and (max-width: 1024px) {
  .buyInfoBg {
      width:90%
  }
}

@media screen and (max-width: 768px) {
  #form #contents {
      padding:0 0 50px
  }

  #contents #form #priceTable td,#contents #form #priceTable th,#contents .pageContent .payForm table th {
      font-size: 13px
  }

  #form #ec_client_landing_page_type_product_sku_id {
      width: 95%
  }

  .couDiv {
      width: 65%
  }

  .couDiv #ec_client_landing_page_type_use_coupon {
      width: 100%;
      font-size: 13px;
      position: relative
  }

  .couDiv .coupon_notice {
      margin-left: 0;
      position: absolute;
      top: 0;
      right: 0
  }

  #contents .ui-datepicker-trigger {
      width: 26px;
      height: 26px
  }

  #contents .calender img {
      top: -2px
  }

  #contents .formParts p span {
      display: block
  }

  #contents .pageContent p {
      display: inherit;
      line-height: 1.8;
      font-size: 14px
  }

  .buyInfoBg {
      margin: 10px auto 20px
  }

  #contents .btnCartIn {
      font-size: 25px;
      padding: 10px 0;
      width: 80%
  }

  #contents .linkPrivacy {
      font-size: 14px
  }

  .wrapRuleBg {
      width: 90%
  }

  .wrapRuleBg .box {
      font-size: 13px
  }

  .wrapRuleBg h2 {
      font-size: .9rem
  }
}

@media screen and (max-width: 468px) {
  #contents .pageContent .payForm table th .required {
      display:block;
      width: 50%;
      margin: 5% auto 0
  }

  #form {
      padding-top: 0;
      margin-top: 0
  }

  .basicPrivacypolicyMonthBg {
      padding: 8px 8px;
      font-size: 1rem
  }

  .basicPrivacypolicyMonthBg .basicPrivacypolicyMonth {
      padding: 8px 8px
  }

  .wrapRuleBg {
      line-height: 1.5;
      font-size: 1rem
  }

  .servicePhone {
      font-size: 1.3rem
  }
}

@media screen and (max-width: 375px) {
  .couDiv {
      width:60%
  }
}

.pageContent .payForm .mail.error {
  font-weight: 400
}

.pageContent .payForm #mail_check-error.error {
  font-size: 20px
}

.pageContent .header {
  background-color: #ea9e1a;
  color: #fff;
  padding: 8px 15px 8px
}

.noBlock tr td {
  font-size: 14px
}

.noBlock tr th {
  background-color: #fffaf0;
  font-size: 14px;
  font-weight: 700;
  color: #333;
  border-bottom: 1px solid #ccc;
  text-align: center
}

#form #priceTable tr,#form #priceTable tr:nth-child(2),form #priceTable tr:first-child {
  float: inherit!important;
  width: 100%!important
}

#form #priceTable td,#form #priceTable th {
  width: 100%;
  text-align: left
}

#form #priceTable th {
  padding-left: 10px;
  text-align: left
}

.pageContent .payForm table th {
  display: block;
  border: none!important;
  text-align: left;
  width: 100%
}

.pageContent .payForm table th {
  background-color: #e3e3e3;
  font-size: 21px;
  font-weight: 700;
  color: #333;
  box-sizing: border-box;
  display: block;
  text-align: left
}

.pageContent .payForm table td {
  display: block;
  width: 100%
}

div#paymentAddType img {
  display: inline-block;
  vertical-align: middle;
  width: auto
}

#form .payTable #paymentAddType .addpay {
  margin: 10px 20px 10px 0;
  display: flex
}

#form #priceTable .productSelectItem label {
  cursor: pointer;
  width: 100%
}

div#paymentAddType {
  display: flex
}

.septext {
  font-size: 15px;
  color: red;
  line-height: 13px;
  margin-left: 10px;
  padding-top: 1%
}

@media screen and (max-width: 468px) {
  #contents .pageContent .payForm table th .required {
      vertical-align:middle;
      margin: 0 0 0 1%;
      width: auto;
      display: inline-block
  }
}

/*パソコン
---------------------------------------------------------------------------*/
/*******************************************共通*/
/*リセット*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p {margin: 0; padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
a img {border: none;}
a:hover {opacity: 0.8;}
input:hover {opacity: 0.8;}
/*******************************************共通レイアウト*/
body {
  background-color:#fffff;
  font-family: -apple-system,Segoe UI,Helvetica Neue,Hiragino Kaku Gothic ProN,"メイリオ",meiryo,sans-serif;
  font-size: 14px;
  letter-spacing: 0.1em;
  margin: 0;
}
#wrapper {
  margin: 0 auto;
  padding: 0 10px 40px;
  width: 720px;
}


#footer {
  font-size: 12px;
  margin: 120px auto 0;
}
/*******************************************ランディングページ*/
#wrapper img {
  width: 100%;
  vertical-align: bottom;
}

/*オファー部分 20221024追加*/
.trial_offer_wrap{
  position: relative;
}

.trial_offer_btn{
  width: 85%!important;
  position: absolute;
  left: 7%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  bottom: 41%;
}

/*ボタンアニメーション 20230131追加*/
.cv_btn {
  margin: 0 auto;
}
.cv_btn img {
  animation: anime1 0.5s ease 0s infinite alternate;
  transform-origin:center;
}

@keyframes anime1 {
  from {
    transform: scale(0.9,0.9);
  }
  to {
    transform: scale(1,1);
  }
}


/*QA部分 20221111追加*/
.qa_wrap {
  position: relative;
}

.qa_btn {
  width: 5%!important;
  position: absolute;
  left: 50%;
  bottom: 8.2%;
}

.modalItem {
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  align-items:center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

.modalItem img {
  max-width: 35%;
}

.modalItem.open {
  display: flex;
}



/*フォーム部分*/
#form_landing{
  background-color: #FFF;
  width: 100%;
}
h2#order_title{
  color:#fff;
  text-align: center;
  margin-bottom: 24px;
  padding:1em 0;
  width: 100%;
  background-color: #009966;
  clear: both;
}
/*お客様情報タイトル非表示設定*/
h2#form_checkout_title {
  display: none;
}
/*EFO*/
#landing_form-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
/*入力残数アラート*/
#efo_required_box {
  font-size: 14px;
  width: 100%;
  display: none;
  margin: 20px 0 0 0;
  padding: 15px 0;
  background-color: #fff;
  color: #f78;
  text-align: center;
  white-space: nowrap;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  position: absolute;
}
#efo_required_box.complete {
  color: #008000;
}
#efo_required_box.complete #efo_required_remaining {
  font-weight: bold;
}
#efo_required_box strong {
  font-size: 18px;
  font-weight: bold;
}
.efo_input_glay{
  background-color:#eee;
}
.efo_input_white{
  background-color:#FFFFFF;
}
.efo_input_border_red{
  border: 2px solid #f78;
}
.efo_input_border_gray{
  border: 2px solid #ccc;
}
.honki_efo_input_glay{
  background-color:#eee;
}
.honki_efo_input_border_gray{
  border: 2px solid #ccc;
}
/*未入力時の吹き出し*/
.tipsy{cursor:pointer !important;position:absolute !important;z-index:100000 !important;}
.ureru-efo-baloon-wrapper{width:auto !important;padding:0 !important;}
.ureru-efo-baloon-baloon{width:auto !important;border-collapse:collapse !important;border:none !important;border-spacing:0 !important;}
.ureru-efo-baloon-baloon td{border:none !important;padding:0 !important;}
.ureru-efo-baloon-comment{
  margin-left:0 !important;
  background-color:#f78;
  padding:4px;
  font-size: small;
  border-radius: 10px;
  color:#FFFFFF;
}
/*
.tipsy{cursor:pointer !important;position:absolute !important;z-index:100000 !important;}
.ureru-efo-baloon-wrapper{width:auto !important;padding:0 !important;}
.ureru-efo-baloon-baloon{width:auto !important;border-collapse:collapse !important;border:none !important;border-spacing:0 !important;}
.ureru-efo-baloon-baloon td{border:none !important;padding:0 !important;}
.ureru-efo-baloon-baloon-0,.ureru-efo-baloon-baloon-1,.ureru-efo-baloon-baloon-2{height:4px !important;}
.ureru-efo-baloon-baloon-3,.ureru-efo-baloon-baloon-4,.ureru-efo-baloon-baloon-5{height:auto !important;}
.ureru-efo-baloon-baloon-6,.ureru-efo-baloon-baloon-7,.ureru-efo-baloon-baloon-8{height:15px !important;}
.ureru-efo-baloon-baloon-0,.ureru-efo-baloon-baloon-3,.ureru-efo-baloon-baloon-6{width:23px !important;}
.ureru-efo-baloon-baloon-1,.ureru-efo-baloon-baloon-4,.ureru-efo-baloon-baloon-7{width:auto !important;}
.ureru-efo-baloon-baloon-2,.ureru-efo-baloon-baloon-5,.ureru-efo-baloon-baloon-8{width:8px !important;}
.ureru-efo-baloon-baloon-0{background-image:url('../img/tipsy/ureru-efo-baloon-0.png');background-position:left top !important;background-repeat:no-repeat !important;}
.ureru-efo-baloon-baloon-0{background-image:url('../img/tipsy/ureru-efo-baloon-0.gif')\9;}
.ureru-efo-baloon-baloon-1{background-image:url('../img/tipsy/ureru-efo-baloon-1.png');background-position:center top !important;background-repeat:repeat-x !important;}
.ureru-efo-baloon-baloon-1{background-image:url('../img/tipsy/ureru-efo-baloon-1.gif')\9;}
.ureru-efo-baloon-baloon-2{background-image:url('../img/tipsy/ureru-efo-baloon-2.png');background-position:right top !important;background-repeat:no-repeat !important;}
.ureru-efo-baloon-baloon-2{background-image:url('../img/tipsy/ureru-efo-baloon-2.gif')\9;}
.ureru-efo-baloon-baloon-3{background-image:url('../img/tipsy/ureru-efo-baloon-3.png');background-position:left center !important;background-repeat:repeat-y !important;}
.ureru-efo-baloon-baloon-3{background-image:url('../img/tipsy/ureru-efo-baloon-3.gif')\9;}
.ureru-efo-baloon-baloon-4{background-image:url('../img/tipsy/ureru-efo-baloon-close.png');background-color:#FF0000 !important;background-position:right top !important;background-repeat:no-repeat !important;}
.ureru-efo-baloon-baloon-4{background-image:url('../img/tipsy/ureru-efo-baloon-close.gif')\9;}
.ureru-efo-baloon-baloon-5{background-image:url('../img/tipsy/ureru-efo-baloon-5.png');background-position:right center !important;background-repeat:repeat-y !important;}
.ureru-efo-baloon-baloon-5{background-image:url('../img/tipsy/ureru-efo-baloon-5.gif')\9;}
.ureru-efo-baloon-baloon-6{background-image:url('../img/tipsy/ureru-efo-baloon-6.png');background-position:left bottom !important;background-repeat:no-repeat !important;}
.ureru-efo-baloon-baloon-6{background-image:url('../img/tipsy/ureru-efo-baloon-6.gif')\9;}
.ureru-efo-baloon-baloon-7{background-image:url('../img/tipsy/ureru-efo-baloon-7.png');background-position:center bottom !important;background-repeat:repeat-x !important;}
.ureru-efo-baloon-baloon-7{background-image:url('../img/tipsy/ureru-efo-baloon-7.gif')\9;}
.ureru-efo-baloon-baloon-8{background-image:url('../img/tipsy/ureru-efo-baloon-8.png');background-position:right bottom !important;background-repeat:no-repeat !important;}
.ureru-efo-baloon-baloon-8{background-image:url('../img/tipsy/ureru-efo-baloon-8.gif')\9;}
.ureru-efo-baloon-comment{margin:0 0 0 -15px !important;padding:3px 25px 0px 0px !important;max-width:400px !important;font-size:14px !important;font-weight:bold !important;color:#FFFFFF !important;}
html*.ureru-efo-baloon-comment{margin-left:0 !important;}
*/
#landing_form{
  overflow: auto;
  width: 100%;
}
/*ラベル*/
/*
.form_box{
  border:1px solid #eee;
}
*/
/*支払方法ラベル*/
#landing_form .form_box_label{
  float: left;
  width: 100%;
  background-color: #ceeeeb;
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  box-sizing: border-box;
  margin: 1em 0;
}
/*必須テキスト*/
#landing_form-wrapper span.form_required {
  border-radius: 4px;
  float: right;
  background-color: #f78;
  color: #fff;
  font-weight: bold;
  padding: 0 2px;
}
/*必須テキスト（数量設定）*/
#product_qty span.form_required {
  border-radius: 4px;
  background-color: #f78;
  color: #fff;
  font-weight: bold;
  padding: 2px;
}
/*入力欄*/
.form_input_box{
  float: left;
  padding-top: 10px;
}
/*姓、めいとか*/
p.input_label{
  float: left;
  padding-top: 6px;
}
/*入力名*/
.form_example{
  display: none;
  /*color: #999;*/
  /*padding-top: 1em;*/
  /*font-size: small;*/
  /*float: right;*/
}
#input_name,#input_kana,#input_zip,#input_prefecture,#input_address1,#input_address2,#input_tel_no,#input_email,#input_email_confirm,#input_birthday,#input_extra1,#input_extra2,#input_extra3,#input_extra4,#input_extra5,#input_extra6,#input_extra7,#input_extra8,#input_extra9,#input_extra10{
  width:100%;
  clear: both;
  overflow: auto;
}
#input_name p.form_box_label{
  float: left;
  width: 360px;
  background-color: #ceeeeb;
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  margin-right: 20px;
}
#input_kana p.form_box_label{
  float: left;
  width: 360px;
  background-color: #ceeeeb;
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  margin-right: 20px;
}
#input_zip p.form_box_label{
  float: left;
  width: 360px;
  background-color: #ceeeeb;
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  margin-right: 20px;
}
#input_prefecture p.form_box_label{
  float: left;
  width: 360px;
  background-color: #ceeeeb;
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  margin-right: 20px;
}
#input_address1 p.form_box_label{
  float: left;
  width: 360px;
  background-color: #ceeeeb;
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  margin-right: 20px;
}
#input_address2 p.form_box_label{
  float: left;
  width: 360px;
  background-color: #ceeeeb;
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  margin-right: 20px;
}
#input_tel_no p.form_box_label{
  float: left;
  width: 360px;
  background-color: #ceeeeb;
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  margin-right: 20px;
}
#input_email p.form_box_label{
  float: left;
  width: 360px;
  background-color: #ceeeeb;
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  margin-right: 20px;
}
#input_email_confirm p.form_box_label{
  float: left;
  width: 360px;
  background-color: #ceeeeb;
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  margin-right: 20px;
}
#input_birthday p.form_box_label{
  float: left;
  width: 360px;
  background-color: #ceeeeb;
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  margin-right: 20px;
}
#input_extra1 p.form_box_label{
  float: left;
  width: 360px;
  background-color: #ceeeeb;
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  margin-right: 20px;
}
#input_extra2 p.form_box_label{
  float: left;
  width: 360px;
  background-color: #ceeeeb;
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  margin-right: 20px;
}
#input_extra3 p.form_box_label{
  float: left;
  width: 360px;
  background-color: #ceeeeb;
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  margin-right: 20px;
}
#input_extra4 p.form_box_label{
  float: left;
  width: 360px;
  background-color: #ceeeeb;
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  margin-right: 20px;
}
#input_extra5 p.form_box_label{
  float: left;
  width: 360px;
  background-color: #ceeeeb;
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  margin-right: 20px;
}
#input_extra6 p.form_box_label{
  float: left;
  width: 360px;
  background-color: #ceeeeb;
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  margin-right: 20px;
}
#input_extra7 p.form_box_label{
  float: left;
  width: 360px;
  background-color: #ceeeeb;
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  margin-right: 20px;
}
#input_extra8 p.form_box_label{
  float: left;
  width: 360px;
  background-color: #ceeeeb;
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  margin-right: 20px;
}
#input_extra9 p.form_box_label{
  float: left;
  width: 360px;
  background-color: #ceeeeb;
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  margin-right: 20px;
}
#input_extra10 p.form_box_label{
  float: left;
  width: 360px;
  background-color: #ceeeeb;
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  margin-right: 20px;
}
/*入力エリア*/
#OrderFamilyName {width: 8em;margin-right: 1em;margin-left: 1em;float: left;}
#OrderGivenName {width: 8em;margin-left: 1em;clear: both;}
#OrderFamilyKana {width: 8em;margin-right: 1em;float: left;}
#OrderGivenKana {width: 8em;clear: both;}
#OrderPrefecture {}
#OrderZip1 {width: 3em;}
#OrderZip2 {width: 4em;}
#OrderAddress1 {width: 20em;}
#OrderAddress2 {width: 20em;}
#OrderTelNo1 {width: 4em;}
#OrderTelNo2 {width: 4em;}
#OrderTelNo3 {width: 4em;}
#OrderEmail {width: 20em;}
#OrderEmailConfirm {width: 20em;}
#OrderBirthdayYear {width: 100px;}
#OrderExtra1{}
/*同意チェックボックス*/
#form_landing #agreement {
  background-color: #ceeeeb;
  clear: both;
  padding: 0 1em 1em 0;
  margin-bottom: 64px;
}
#form_landing #agreement table{
  border:none;
}
#form_landing #agreement table td{
  border:none;
}
#form_landing #agreement table td.agreement_check{
  padding: 1em 0 0 1em;
}
#form_landing #agreement table td.agreement_label{
  padding: 1em 0 0 1em;
}
#form_landing #agreement span.form_notice {
  border-radius: 4px;
  background-color: #f78;
  color: #fff;
  font-weight: bold;
  padding: 2px;
}
#confirm_button{
  margin: 0 auto;
}
/*入力後ボタン表示設定*/
#confirm_button_disable {
  position: relative;
  z-index: 2000;
}
#confirm_button_disable img {
  left: 295px;
  position: absolute;
  z-index: 1000;
}
/*サブボタン*/
.btn_sub {
  margin-right: auto;
  margin-left: auto;
}
/*共通テーブルデザイン*/
/*
#form_landing table {
  text-align: left;
  font-size: 14px;
  border-collapse: collapse;
  border-left: 1px solid #999999;
  border-top: 1px solid #999999;
  margin: 0 auto;
  width: 100%;
}
#form_landing table th {
  padding: 10px;
  width: 305px;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  background-color: #ceeeeb;
}
#form_landing table tr.form_required th {
  background: url("pc_icon_must.gif") no-repeat scroll right center;
  background-color: #ceeeeb;
}
#form_landing table td {
  text-align: left;
  font-size: 14px;
  padding: 13px;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
}
*/
input {
  font-size: 16px;
  padding: 5px 4px 4px 5px;
}
input[type="checkbox"] {
  -ms-transform: scale(1.7, 1.7);
  -webkit-transform: scale(1.7, 1.7);
  transform: scale(1.7, 1.7);
  margin: 5px;
}
input[type="radio"] {
  -ms-transform: scale(1.7, 1.7);
  -webkit-transform: scale(1.7, 1.7);
  transform: scale(1.7, 1.7);
  margin: 5px;
}
select {
  font-size: 16px;
  padding: 5px;
}
/*追加テーブルデザイン*/
table.add_table {
  width: 100%;
  text-align: left;
  font-size: 14px;
  border-collapse: collapse;
  border-left: 1px solid #999999;
  border-top: 1px solid #999999;
  margin: 0 auto;
}
table.add_table th {
  padding: 1em;
  width: 305px;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  background-color: #ceeeeb;
}
table.add_table td {
  padding: 1em;
  text-align: left;
  font-size: 13px;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
}
/*数量*/
table#product_qty {
  margin-bottom: 20px;
}
/*お支払い方法選択*/
#form_payment_method_select {
  margin-bottom: 24px;
}
/*
#form_payment_method_select input {
  text-align: left;
  margin-left: 230px;
}
*/
/*
#form_payment_method_select {
  padding: 6px;
}
*/
#form_payment_method_select label{
  cursor: pointer;
  background: #eee;
  border:2px solid #ccc;
  border-radius: 48px;
  padding: 1em;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 8px;
}
#form_payment_method_select label:hover {
  background: #fffacd;
  border:2px solid #FD3;
}
#form_payment_method_select input:checked + label {
  background: #fffacd;
  border:2px solid #FD3;
}
#form_payment_method_select input[type=radio],
#form_payment_method_select input[type=checkbox] {
  display: inline-block;
  margin-right: 1em;
  display: none;
}
#form_payment_method_select input[type=radio]+label,
#form_payment_method_select input[type=checkbox]+label {
  display: inline-block;
  cursor: pointer;
}
#form_payment_method_select select {
  font-size: 200%;
}

#input_payment_method{margin-bottom: 24px;width: 100%;}
#OrderCardName{width: 20em;}
#OrderCardNo{width: 20em;}
/*クレジットカード入力エリア*/
#form_payment_method_credit{
  background-image: url("../payment_creditcard.png");
  background-repeat: no-repeat;
  background-position: 24px 24px;
  padding:120px 24px 24px;
  background-color: #eee;
  border-radius: 20px;
  margin: 0 auto;
    width: 600px;
    box-sizing: border-box;
}
.credit_box{
  margin-bottom: 1em;
}
.credit_title{
  margin-bottom: 12px;
  font-weight: bold;
}
.credit_input{
  margin-bottom: 4px;
}
.credit_example{
  color: #999;
  font-size: small;
}
/*
#form_payment_method_credit_form {
  margin: 10px 0 0 0;
  background-image: url("f_card.gif");
  background-position: 640px 261px;
  background-repeat: no-repeat;
}
#form_payment_method_credit_form th {
  text-align: left;
  font-size: 14px;
}
#form_payment_method_credit_form td {
  text-align: left;
  padding: 10px;
  font-size: 12px;
}
#form_payment_method_credit_form span {
  font-size: 13px;
  line-height: 22px;
}
*/
#OrderCardMonth {
  width: 3em;
}
#OrderCardYear {
  width: 3em;
}
#form_payment_method_densan {
  text-align: center!important;
    width: 600px;
    margin: 0 auto;
}
#form_payment_method_densan img {
  max-width: 600px!important;
}
/*NP*/
#form_payment_method_np {
  margin: 10px 0;
}
#form_payment_method_np_form {
  text-align: left;
  border: 1px solid #CCCCCC;
  padding: 10px;
  margin: 0 auto;
}
#np_note {
  margin-top: 1em;
  text-align: left;
}
#np_note .np_description {
  padding: 0 12px;
  width: auto;
}
#error-message {
  color: #f78;
}
/*購入回数制限アラート*/
#duplicate_error {
  background-color: #f78;
  color: #FFFFFF;
  font-size: 2em;
  font-weight: bold;
  margin: 0 auto 20px;
  padding: 10px 0;
  text-align: center;
}
#copyright{font-size: 10px;}
/*******************************************確認・アップセルページ*/
/*お申込み内容*/
#order_info{
  overflow: auto;
  margin-bottom: 24px;
}
h2#order_info_order_title {
  color:#fff;
  text-align: center;
  margin-bottom: 24px;
  padding:1em 0;
  width: 100%;
  background-color: #009966;
}
#order_info_product_info-landing{
}
#order_info_product_price{
}
#order_info table {
  width: 100%;
  border-collapse: collapse;
}
#order_info table th {
  width: 30%;
  text-align: left;
  padding: 1em;
  border-bottom: 1px solid #fff;
  background-color: #ceeeeb;
}
#order_info table td {
  text-align: left;
  padding: 1em;
  border-bottom: 1px solid #fff;
  background-color: #fff;
}
/*お届け先情報*/
.customer_info{
  overflow: auto;
  margin-bottom: 24px;
}
h2#order_info_checkout_title {
  color:#fff;
  text-align: center;
  margin-bottom: 24px;
  padding:1em 0;
  width: 100%;
  background-color: #009966;
}
#order_info_checkout .form_box_label{
  float: left;
  width: 30%;
  background-color: #ceeeeb;
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #fff;
  vertical-align: top;
  margin-right: 20px;
  box-sizing: border-box;
  overflow: auto;
}
#order_info_checkout .form_input_box{
  float: left;
  padding: 1em 0;
}
#order_info_name,#order_info_kana,#order_info_zip,#order_info_prefecture,#order_info_address1,#order_info_address2,#order_info_tel_no,#order_info_email,#order_info_sex,#order_info_extra1{clear: both;}

table#order_info_order td {
  text-align: right;
  background-color: #fff;
}
/*お支払い方法*/
#order_info_payment_box{
  overflow: auto;
  margin-bottom: 24px;
}
h2#order_info_payment_title {
  color:#fff;
  text-align: center;
  margin-bottom: 24px;
  padding:1em 0;
  width: 100%;
  background-color: #009966;
  clear: both;
}
/*アップセルお支払い方法非表示*/
#form_upsell{
  display: none;
}
/*******************************************再確認ページ*/

/*******************************************サンクスページ*/

/*タブレット
---------------------------------------------------------------------------*/
@media (min-width:481px) and (max-width:800px){
}
/*スマートフォン
---------------------------------------------------------------------------*/
@media (max-width : 480px){
  /**************************************共通*/
  /*リセット*/
  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p {margin: 0; padding: 0;}
  table {border-collapse: collapse;border-spacing: 0;}
  a img{border: none;}
  a:hover{opacity:0.8;}
  input:hover{opacity:0.8;}
  /**************************************共通レイアウト*/
  body {
    background-color:#fffff;
    font-family: -apple-system,Segoe UI,Helvetica Neue,Hiragino Kaku Gothic ProN,"メイリオ",meiryo,sans-serif;
    font-size: 14px;
    letter-spacing: 0.1em;
    margin: 0;
  }
  #wrapper {
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  #footer {
    font-size: 12px;
    margin: 120px auto 0;
  }
  /*******************************************ランディングページ*/
  /*フォーム部分*/
  #form_landing{
    background-color: #FFF;
    width: 100%;
  }
  /*modal部分*/
  .modalItem img {
    max-width: 95%;
  }
  /*お客様情報タイトル非表示設定*/
  h2#form_checkout_title {
    display: none;
  }
  /*EFO*/
  #landing_form-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  /*入力残数アラート*/
  #efo_required_box {
    width: 100%;
    display: none;
    margin: 20px 0 0 0;
    padding: 15px 0;
    background-color: #fff;
    color: #f78;
    text-align: center;
    white-space: nowrap;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    position: absolute;
  }
  #efo_required_box.complete {
    color: #008000;
  }
  #efo_required_box.complete #efo_required_remaining {
    font-weight: bold;
    font-size: 14px;
  }
  #efo_required_box strong {
    font-weight: bold;
    font-size: 14px;
  }
  .efo_input_glay{
    background-color:#eee;
  }
  .efo_input_white{
    background-color:#FFFFFF;
  }
  .efo_input_border_red{
    border: 2px solid #f78;
  }
  .efo_input_border_gray{
    border: 2px solid #ccc;
  }
  .honki_efo_input_glay{
    background-color:#eee;
  }
  .honki_efo_input_border_gray{
    border: 2px solid #ccc;
  }
  /*未入力時の吹き出し*/
  .tipsy{cursor:pointer !important;position:absolute !important;z-index:100000 !important;}
  .ureru-efo-baloon-wrapper{width:auto !important;padding:0 !important;}
  .ureru-efo-baloon-baloon{width:auto !important;border-collapse:collapse !important;border:none !important;border-spacing:0 !important;}
  .ureru-efo-baloon-baloon td{border:none !important;padding:0 !important;}
  .ureru-efo-baloon-comment{
    margin-left:0 !important;
    background-color:#f78;
    padding:1em;
    font-size: small;
    border-radius: 10px;
    color:#FFFFFF;
  }
  /*
  .tipsy{cursor:pointer !important;position:absolute !important;z-index:100000 !important;}
  .ureru-efo-baloon-wrapper{width:auto !important;padding:0 !important;}
  .ureru-efo-baloon-baloon{width:auto !important;border-collapse:collapse !important;border:none !important;border-spacing:0 !important;}
  .ureru-efo-baloon-baloon td{border:none !important;padding:0 !important;}
  .ureru-efo-baloon-baloon-0,.ureru-efo-baloon-baloon-1,.ureru-efo-baloon-baloon-2{height:4px !important;}
  .ureru-efo-baloon-baloon-3,.ureru-efo-baloon-baloon-4,.ureru-efo-baloon-baloon-5{height:auto !important;}
  .ureru-efo-baloon-baloon-6,.ureru-efo-baloon-baloon-7,.ureru-efo-baloon-baloon-8{height:15px !important;}
  .ureru-efo-baloon-baloon-0,.ureru-efo-baloon-baloon-3,.ureru-efo-baloon-baloon-6{width:23px !important;}
  .ureru-efo-baloon-baloon-1,.ureru-efo-baloon-baloon-4,.ureru-efo-baloon-baloon-7{width:auto !important;}
  .ureru-efo-baloon-baloon-2,.ureru-efo-baloon-baloon-5,.ureru-efo-baloon-baloon-8{width:8px !important;}
  .ureru-efo-baloon-baloon-0{background-image:url('../img/tipsy/ureru-efo-baloon-0.png');background-position:left top !important;background-repeat:no-repeat !important;}
  .ureru-efo-baloon-baloon-0{background-image:url('../img/tipsy/ureru-efo-baloon-0.gif')\9;}
  .ureru-efo-baloon-baloon-1{background-image:url('../img/tipsy/ureru-efo-baloon-1.png');background-position:center top !important;background-repeat:repeat-x !important;}
  .ureru-efo-baloon-baloon-1{background-image:url('../img/tipsy/ureru-efo-baloon-1.gif')\9;}
  .ureru-efo-baloon-baloon-2{background-image:url('../img/tipsy/ureru-efo-baloon-2.png');background-position:right top !important;background-repeat:no-repeat !important;}
  .ureru-efo-baloon-baloon-2{background-image:url('../img/tipsy/ureru-efo-baloon-2.gif')\9;}
  .ureru-efo-baloon-baloon-3{background-image:url('../img/tipsy/ureru-efo-baloon-3.png');background-position:left center !important;background-repeat:repeat-y !important;}
  .ureru-efo-baloon-baloon-3{background-image:url('../img/tipsy/ureru-efo-baloon-3.gif')\9;}
  .ureru-efo-baloon-baloon-4{background-image:url('../img/tipsy/ureru-efo-baloon-close.png');background-color:#FF0000 !important;background-position:right top !important;background-repeat:no-repeat !important;}
  .ureru-efo-baloon-baloon-4{background-image:url('../img/tipsy/ureru-efo-baloon-close.gif')\9;}
  .ureru-efo-baloon-baloon-5{background-image:url('../img/tipsy/ureru-efo-baloon-5.png');background-position:right center !important;background-repeat:repeat-y !important;}
  .ureru-efo-baloon-baloon-5{background-image:url('../img/tipsy/ureru-efo-baloon-5.gif')\9;}
  .ureru-efo-baloon-baloon-6{background-image:url('../img/tipsy/ureru-efo-baloon-6.png');background-position:left bottom !important;background-repeat:no-repeat !important;}
  .ureru-efo-baloon-baloon-6{background-image:url('../img/tipsy/ureru-efo-baloon-6.gif')\9;}
  .ureru-efo-baloon-baloon-7{background-image:url('../img/tipsy/ureru-efo-baloon-7.png');background-position:center bottom !important;background-repeat:repeat-x !important;}
  .ureru-efo-baloon-baloon-7{background-image:url('../img/tipsy/ureru-efo-baloon-7.gif')\9;}
  .ureru-efo-baloon-baloon-8{background-image:url('../img/tipsy/ureru-efo-baloon-8.png');background-position:right bottom !important;background-repeat:no-repeat !important;}
  .ureru-efo-baloon-baloon-8{background-image:url('../img/tipsy/ureru-efo-baloon-8.gif')\9;}
  .ureru-efo-baloon-comment{margin:0 0 0 -15px !important;padding:3px 25px 0px 0px !important;max-width:400px !important;font-size:14px !important;font-weight:bold !important;color:#FFFFFF !important;}
  html*.ureru-efo-baloon-comment{margin-left:0 !important;}
  */
  #landing_form{
    overflow: auto;
    width: 100%;
  }
  /*支払方法ラベル*/
  #landing_form .form_box_label{
    float: left;
    width: 100%;
    background-color: #ceeeeb;
    padding: 1em;
    margin: 0;
    border-bottom: 1px solid #fff;
    vertical-align: top;
    box-sizing: border-box;
    margin: 1em 0;
      font-size: large;
  }
  /*ラベル*/
  .form_box{
  }
  /*支払方法ラベル*/
  .form_box_label{
    float: left;
    width: 100%;
    background-color: #ceeeeb;
    padding: 0.5em;
    margin: 1em 0 0.5em;
    border-bottom: 1px solid #fff;
    vertical-align: top;
    box-sizing: border-box;
  }
  /*必須テキスト*/
  #landing_form-wrapper span.form_required {
    border-radius: 4px;
    float: right;
    background-color: #f78;
    color: #fff;
    font-weight: bold;
    padding: 0 2px;
  }
  /*必須テキスト（数量設定）*/
  #product_qty span.form_required {
    border-radius: 4px;
    background-color: #f78;
    color: #fff;
    font-weight: bold;
    padding: 2px;
  }
  /*入力欄*/
  .form_input_box{
    float: none;
    padding: 0.5em 2%;
  }
  /*姓、めいとか*/
  p.input_label{
    float: none;
    padding-top: 0.6em;
  }
  /*入力例*/
  .form_example{
    display: none;
    color: #999;
    padding-top: 1em;
    font-size: small;
    float: right;
  }
  #input_name,#input_kana,#input_zip,#input_prefecture,#input_address1,#input_address2,#input_tel_no,#input_email,#input_email_confirm,#input_birthday,#input_extra1,#input_extra2,#input_extra3,#input_extra4,#input_extra5,#input_extra6,#input_extra7,#input_extra8,#input_extra9,#input_extra10{
    width:100%;
    clear: both;
  }
  #input_name p.form_box_label{
    float: left;
    width: 100%;
    background-color: #ceeeeb;
    box-sizing: border-box;
    margin: 1em 0;
    border-bottom: 0;
    vertical-align: top;
  }
  #input_kana p.form_box_label{
    float: left;
    width: 100%;
    background-color: #ceeeeb;
    box-sizing: border-box;
    margin: 1em 0;
    border-bottom: 0;
    vertical-align: top;
  }
  #input_zip p.form_box_label{
    float: left;
    width: 100%;
    background-color: #ceeeeb;
    box-sizing: border-box;
    margin: 1em 0;
    border-bottom: 0;
    vertical-align: top;
  }
  #input_prefecture p.form_box_label{
    float: left;
    width: 100%;
    background-color: #ceeeeb;
    box-sizing: border-box;
    margin: 1em 0;
    border-bottom: 0;
    vertical-align: top;
  }
  #input_address1 p.form_box_label{
    float: left;
    width: 100%;
    background-color: #ceeeeb;
    box-sizing: border-box;
    margin: 1em 0;
    border-bottom: 0;
    vertical-align: top;
  }
  #input_address2 p.form_box_label{
    float: left;
    width: 100%;
    background-color: #ceeeeb;
    box-sizing: border-box;
    margin: 1em 0;
    border-bottom: 0;
    vertical-align: top;
  }
  #input_tel_no p.form_box_label{
    float: left;
    width: 100%;
    background-color: #ceeeeb;
    box-sizing: border-box;
    margin: 1em 0;
    border-bottom: 0;
    vertical-align: top;
  }
  #input_email p.form_box_label{
    float: left;
    width: 100%;
    background-color: #ceeeeb;
    box-sizing: border-box;
    margin: 1em 0;
    border-bottom: 0;
    vertical-align: top;
  }
  #input_email_confirm p.form_box_label{
    float: left;
    width: 100%;
    background-color: #ceeeeb;
    box-sizing: border-box;
    margin: 1em 0;
    border-bottom: 0;
    vertical-align: top;
  }
  #input_birthday p.form_box_label{
    float: left;
    width: 100%;
    background-color: #ceeeeb;
    box-sizing: border-box;
    margin: 1em 0;
    border-bottom: 0;
    vertical-align: top;
  }
  #input_extra1 p.form_box_label{
    float: left;
    width: 100%;
    background-color: #ceeeeb;
    box-sizing: border-box;
    margin: 1em 0;
    border-bottom: 0;
    vertical-align: top;
  }
  #input_extra2 p.form_box_label{
    float: left;
    width: 100%;
    background-color: #ceeeeb;
    box-sizing: border-box;
    margin: 1em 0;
    border-bottom: 0;
    vertical-align: top;
  }
  #input_extra3 p.form_box_label{
    float: left;
    width: 100%;
    background-color: #ceeeeb;
    box-sizing: border-box;
    margin: 1em 0;
    border-bottom: 0;
    vertical-align: top;
  }
  #input_extra4 p.form_box_label{
    float: left;
    width: 100%;
    background-color: #ceeeeb;
    box-sizing: border-box;
    margin: 1em 0;
    border-bottom: 0;
    vertical-align: top;
  }
  #input_extra5 p.form_box_label{
    float: left;
    width: 100%;
    background-color: #ceeeeb;
    box-sizing: border-box;
    margin: 1em 0;
    border-bottom: 0;
    vertical-align: top;
  }
  #input_extra6 p.form_box_label{
    float: left;
    width: 100%;
    background-color: #ceeeeb;
    box-sizing: border-box;
    margin: 1em 0;
    border-bottom: 0;
    vertical-align: top;
  }
  #input_extra7 p.form_box_label{
    float: left;
    width: 100%;
    background-color: #ceeeeb;
    box-sizing: border-box;
    margin: 1em 0;
    border-bottom: 0;
    vertical-align: top;
  }
  #input_extra8 p.form_box_label{
    float: left;
    width: 100%;
    background-color: #ceeeeb;
    box-sizing: border-box;
    margin: 1em 0;
    border-bottom: 0;
    vertical-align: top;
  }
  #input_extra9 p.form_box_label{
    float: left;
    width: 100%;
    background-color: #ceeeeb;
    box-sizing: border-box;
    margin: 1em 0;
    border-bottom: 0;
    vertical-align: top;
  }
  #input_extra10 p.form_box_label{
    float: left;
    width: 100%;
    background-color: #ceeeeb;
    box-sizing: border-box;
    margin: 1em 0;
    border-bottom: 0;
    vertical-align: top;
  }
  /*入力エリア*/
  #OrderFamilyName {margin: 0;width: 100%;float: none;}
  #OrderGivenName {margin: 0;width: 100%;}
  #OrderFamilyKana {margin: 0;width: 100%;float: none;}
  #OrderGivenKana {margin: 0;width: 100%;}
  #OrderPrefecture {}
  #OrderZip1 {width: 3em;}
  #OrderZip2 {width: 4em;}
  #OrderAddress1 {width: 100%;}
  #OrderAddress2 {width: 100%;}
  #OrderTelNo1 {width: 4em;}
  #OrderTelNo2 {width: 4em;}
  #OrderTelNo3 {width: 4em;}
  #OrderEmail {width: 100%;box-sizing: border-box;}
  #OrderEmailConfirm {width: 100%;box-sizing: border-box;}
  #OrderBirthdayYear {width: 100px;}
  #OrderExtra1{}
  #OrderExtra2 {width: 100%;box-sizing: border-box;}
  #OrderExtra3 {width: 100%;box-sizing: border-box;}
  #OrderExtra4 {width: 100%;box-sizing: border-box;}
  #OrderExtra5 {width: 100%;box-sizing: border-box;}
  #OrderExtra6 {width: 100%;box-sizing: border-box;}
  #OrderExtra7 {width: 100%;box-sizing: border-box;}
  #OrderExtra8 {width: 100%;box-sizing: border-box;}
  #OrderExtra9 {width: 100%;box-sizing: border-box;}
  #OrderExtra10 {width: 100%;box-sizing: border-box;}
  /*同意チェックボックス*/
  #form_landing #agreement {
    background-color: #ceeeeb;
    clear: both;
    padding: 0 1em 1em 0;
    margin-bottom: 64px;
  }
  #form_landing #agreement table{
    border:none;
  }
  #form_landing #agreement table td{
    border:none;
  }
  #form_landing #agreement table td.agreement_check{
    padding: 1em 0 0 1em;
  }
  #form_landing #agreement table td.agreement_label{
    padding: 1em 0 0 1em;
  }
  #form_landing #agreement span.form_notice {
    border-radius: 4px;
    background-color: #f78;
    color: #fff;
    font-weight: bold;
    padding: 2px;
  }
  #confirm_button{
    margin: 0 auto;
  }
  /*入力後ボタン表示設定*/
  #confirm_button_disable {
    position: relative;
    z-index: 2000;
  }
  #confirm_button_disable img {
    left: 295px;
    position: absolute;
    z-index: 1000;
  }
  /*サブボタン*/
  .btn_sub {
    margin-right: auto;
    margin-left: auto;
  }
  /*共通テーブルデザイン*/
  /*
  #form_landing table {
    text-align: left;
    font-size: 14px;
    border-collapse: collapse;
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    margin: 0 auto;
    width: 100%;
  }
  #form_landing table th {
    padding: 10px;
    width: 305px;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    background-color: #ceeeeb;
  }
  #form_landing table tr.form_required th {
    background: url("pc_icon_must.gif") no-repeat scroll right center;
    background-color: #ceeeeb;
  }
  #form_landing table td {
    text-align: left;
    font-size: 14px;
    padding: 13px;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
  }
  */
  input {
    font-size: 1.4em;
  }
  input[type="checkbox"] {
    -ms-transform: scale(1.7, 1.7);
    -webkit-transform: scale(1.7, 1.7);
    transform: scale(1.7, 1.7);
    margin: 5px;
  }
  input[type="radio"] {
    -ms-transform: scale(1.7, 1.7);
    -webkit-transform: scale(1.7, 1.7);
    transform: scale(1.7, 1.7);
    margin: 5px;
  }
  select {
    font-size: 1.4em;
    padding: 12px 5px;
  }
  /*追加テーブルデザイン*/
  table.add_table {
    border-spacing: 1px;
    width: 100%;
    text-align: left;
    font-size: 14px;
    border-collapse: collapse;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin: 0 auto;
  }
  table.add_table th {
    padding: 1em;
    width: 305px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #ceeeeb;
  }
  table.add_table td {
    padding: 1em;
    text-align: left;
    font-size: 13px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
  /*数量*/
  table#product_qty {
    margin-bottom: 20px;
  }
  /*お支払い方法選択*/
  #form_payment_method_select {
    margin-bottom: 24px;
  }
  /*
  #form_payment_method_select input {
    text-align: left;
    margin-left: 230px;
  }
  */
  /*
  #form_payment_method_select {
    padding: 6px;
  }
  */
  #form_payment_method_select label{
    -webkit-appearance: none;
  }
  #form_payment_method_select label:hover {
    -webkit-appearance: none;
  }
  #form_payment_method_select input:checked + label {
    b-webkit-appearance: none;
  }
  #form_payment_method_select input[type=radio],
  #form_payment_method_select input[type=checkbox] {
    display: inline-block;
    margin-right: 0.5em;
    font-size: 1.4em;
    display: none;
  }
  #form_payment_method_select input[type=radio]+label,
  #form_payment_method_select input[type=checkbox]+label {
    display: inline-block;
    cursor: pointer;
    font-size: 1.2em;
  }
  #form_payment_method_select select {
    font-size: 200%;
  }
  #input_payment_method{margin-bottom: 64px;width: 96%;}
  #OrderCardName{width: 100%;}
  #OrderCardNo{width: 100%;}
  /*クレジットカード入力エリア*/
  #form_payment_method_credit{
    background-image: url("../payment_creditcard.png");
    background-repeat: no-repeat;
    background-position: 24px 24px;
    padding:120px 24px 24px;
    background-color: #eee;
    border-radius: 20px;
    margin: 0 auto;
      width: 100%;
      box-sizing: border-box;
  }
  .credit_box{
    margin-bottom: 1em;
  }
  .credit_title{
    margin-bottom: 12px;
    font-weight: bold;
  }
  .credit_input{
    margin-bottom: 4px;
  }
  .credit_example{
    color: #999;
    font-size: small;
  }
  /*
  #form_payment_method_credit_form {
    margin: 10px 0 0 0;
    background-image: url("f_card.gif");
    background-position: 640px 261px;
    background-repeat: no-repeat;
  }
  #form_payment_method_credit_form th {
    text-align: left;
    font-size: 14px;
  }
  #form_payment_method_credit_form td {
    text-align: left;
    padding: 10px;
    font-size: 12px;
  }
  #form_payment_method_credit_form span {
    font-size: 13px;
    line-height: 22px;
  }
  */
  #OrderCardMonth {
    width: 3em;
  }
  #OrderCardYear {
    width: 3em;
  }
  #form_payment_method_densan {
    text-align: center!important;
    margin: 0 auto;
      width: 100%;
  }
  #form_payment_method_densan img {
    max-width: 100%!important;
  }
  /*NP*/
  #form_payment_method_np {
    margin: 10px 0;
  }
  #form_payment_method_np_form {
    text-align: left;
    border: 1px solid #CCCCCC;
    padding: 10px;
    margin: 0 auto;
  }
  #np_note {
    margin-top: 1em;
    text-align: left;
  }
  #np_note .np_description {
    padding: 0 12px;
    width: auto;
  }
  #error-message {
    color: #f78;
  }
#duplicate_error {
    background-color: #f78;
    color: #FFFFFF;
    font-size: 1em;
    font-weight: bold;
    margin:24px auto 10px;
    padding: 10px 0;
    width:auto;
}
  #copyright{font-size: 10px;}
  /**************************************確認・アップセルページ*/
  #order_info{
    margin-bottom: 2em;
  }
  /*アップセルお申込み内容タイトル*/
  h2#order_info_order_title {
    color:#fff;
    text-align: center;
    margin: 1em 0;
    padding:1em 0;
    width: 100%;
    background-color: #009966;
  }
  #order_info_product_info-landing{
    margin-bottom: 1em;
  }
  #order_info table {
    width: 100%;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-collapse: collapse;
  }
  #order_info table th {
    width: 30%;
    text-align: left;
    padding: 1em;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    background-color: #ceeeeb;
  }
  #order_info table td {
    text-align: left;
    padding: 1em;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    background-color: #fff;
  }
  #order_info_checkout{
    font-size: medium;
  }
  #order_info_checkout .form_box_label{
    width: 100%;
    padding: 1em;
    background-color: #ceeeeb;
    margin: 0;
    border-bottom: none;
    vertical-align: top;
    box-sizing: border-box;
  }
  #order_info_checkout .form_input_box{
    width: 100%;
    padding: 1em;
    float: none;
    clear: both;
    box-sizing: border-box;
  }
  #order_info_name,#order_info_kana,#order_info_zip,#order_info_prefecture,#order_info_address1,#order_info_address2,#order_info_tel_no,#order_info_email,#order_info_sex,#order_info_extra1,#order_info_extra2,#order_info_extra3,#order_info_extra4,#order_info_extra5,#order_info_extra6,#order_info_extra7,#order_info_extra8,#order_info_extra9,#order_info_extra10{clear: both;}
  table#order_info_order td {
    text-align: right;
    background-color: #fff;
  }
  /*アップセルお届け先情報タイトル*/
  h2#order_info_checkout_title {
    color:#fff;
    text-align: center;
    margin: 1em 0;
    padding:1em 0;
    width: 100%;
    background-color: #009966;
  }
  #order_info_payment_box{
    font-size: medium;
  }
  h2#order_info_payment_title {
    color:#fff;
    text-align: center;
    margin: 1em 0;
    padding:1em 0;
    width: 100%;
    background-color: #009966;
    clear: both;
  }
  /*アップセルお支払い方法非表示*/
  #form_upsell{
    display: none;
  }
  /**************************************再確認ページ*/

  /**************************************サンクスページ*/
}