@charset "utf-8";

.pcOn{
  display: block!important;
}
.spOn{
  display: none!important;
}


/*color*/

.color-gold {
	color: #966012;
}



.guide_u-wrap {
  max-width: 120rem;
  margin: 0 auto;
  background: #f1f1f2;
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
    padding: 62px 38px;
}
.guide_top_box_wrap_max_width {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  max-width: 1020px;
  width: 100%;
  margin: 0 auto 20px;
}

.guide_top_box_wrap_max_width:last-child {
  margin-bottom: 0;
}

.guide_top {
  margin-top: 4rem;
}


.toggle_top_contents{
  margin-top: 20px;
}


.guide_top_box_wrap_max_width .gray {
  font-family: "Noto Sans JP";
  font-weight: bold;
  font-size: 1.8rem;
  text-align: left;
  color: #333;
  padding: 24px 20px;
  justify-content: left;
  display: flex;
  align-items: center;
  background-image: url(/images/common/border-title-bottom02.svg);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100%;
  position: relative;
}


.guide_top_box_wrap_max_width .no_bg_bottom_all {
	background: none;
}


.guide_top_box_wrap_max_width .gray a {
  padding-left: 28px;
}

.guide_top_box_wrap_max_width .gray a:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url("/images/common/icon-arrow-right-bg-blue01.svg") no-repeat;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translate(0,-50%);
}

.guide_top_box_wrap_max_width .gray a:hover {
  text-decoration: underline;
  color: #0c60d1;
}

.guide_top_box_wrap2 {
  border-radius: 0px 0px 10px 10px;
  background: #f8f8f8;
  padding: 62px 20px;
  margin-bottom: 30px;
}

.guide_top_box2,
.guide_top_box1 {
  border-radius: 8px;
  background: #fff;
  border: 1px solid #dedede;
  width: calc((100% - (20px * 1)) / 2);
}

.guide_list {
  padding: 30px 41px;
}

.guide_list li {
  margin-bottom: 17px;
}

.guide_mainSubMenu li:not(:nth-child(4n)) {
    margin-right: 20px;
}

.guide_mainSubMenu li {
    width: calc((100% - 60px) / 4);
    height: 8rem;
    margin-bottom: -0.1rem;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.guide_list a,
.guide_mainSubMenu a {
  display: block;
  font-size: 1.6rem;
  color: #333;
  position: relative;
  padding-left: 28px;
}
.guide_list a:before{
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url("/images/common/icon-arrow-right-bg-blue01.svg") no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0,-50%);
}

.guide_mainSubMenu a:before{
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url("/images/common/icon-arrow-bottom-bg-blue01.svg") no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0,-50%);
}


.guide_mainSubMenu a {
    padding: 1.2rem 0 1.2rem 28px;
	align-items: center;
	display: flex;
	width: 100%;
	height: 100%;
}

.guide_list a:hover {
  text-decoration: underline;
  color: #0c60d1;
}
.guide_list li:last-child {
  margin-bottom: 0;
}

.heading_sub_wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 50px;
}


/*ポイント*/

.flex-section {
	display: flex;
	align-items: flex-start;
}


.flex-section h4 {
	color: #1d2087;
}



.left {
	flex-basis: 9%;
	color: #1d2087;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;

}

.right {
	flex-basis: 91%;
	margin-left: 1rem;
	color: #1d2087;
}


.point-wrap {
	border:  1px solid #1d2087;
	padding: 1rem;
	border-radius: 0.6rem
}


.small {
	font-size: 1.4rem;
	color: #1d2087;
	text-align: center;

}


.big {
	font-size: 4rem;
	color: #1d2087;
	text-align: center;
}







.heading_sub_title {
  font-weight: bold;
  font-size: 2.4rem;
  text-align: left;
  color: #333;
}
.heading_sub_title span {
  font-size: 1.6rem;
  font-weight: normal;
}

.c-button--back {
  padding: 1rem 1rem 1rem 4.5rem;
  background-image: url(/images/common/icon-back.svg);
  background-repeat: no-repeat;
  background-position: left 1rem center;
  background-size: 2rem 2rem;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.02em;
}

.guide_mainSubMenu {
display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 3rem;
}


.c-section--background-wrap {
padding: 1rem;
    background-color: #fcfaf0;
}

.c-guide-link__btn {
  font-family: "Noto Sans JP";
  font-weight: bold;
  font-size: 1.8rem;
  text-align: left;
  color: #1d2087;
  padding: 24px 20px;
  justify-content: left;
  display: flex;
  align-items: center;
  position: relative;
}

.c-guide-link__btn a {
  padding-left: 28px;
}

.c-guide-link__btn a:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url("/images/common/icon-arrow-right-bg-blue01.svg") no-repeat;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translate(0,-50%);
}

.c-guide-link__btn a:hover {
  text-decoration: underline;
  color: #0c60d1;
}

.flowBox{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 6rem;
}
.flowTxt{
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}
.guide_order_box1 {
    width: 71%;
  }
.guide_order_box2 {
    margin-left: 2%;
	width: 26.6%;
  }
.guide_order_box2 img {
    max-width: 100%;
	height: auto;
  }




.circle {
    border-radius: 50%;
	background-color:#1d2087;
	width: 40px;
	height: 40px;
	color: #fff;
	display: flex;
	font-size: 1.8rem;
	justify-content: center;
	align-items: center;
	margin-right: 1rem;
}


.heading {
    color: #1d2087;
	font-size: 1.8rem;
	font-weight: bold;
}




.txtBoxWide{
	width: 100%;
}

.imgR{
	float: right;
}


.clearfix {
    display: block;
}


/** /guide/kakegami.html **/


.kome {
	font-size: 1.3rem;
}

.kome-t {
	font-size: 1.3rem;
	margin-top: 1rem;
	display: inline-block;
}




.c-has-button-block__next {
	margin-bottom: 4rem;
}

.kake-img{
margin-top: 1rem;
margin-bottom: 0.5rem;
}

.kake-txt{
margin-bottom: 0.5rem;
}


/** /guide/policy.html **/

.useGuide .c-section ol.law-list {
 	list-style-type: decimal;
	margin-left: 2em;
}





@media screen and (max-width: 767px) {

.flowBox{
	display: block;
}

.guide_order_box1 {
    width: 100%;
  }
.guide_order_box2 {
    margin-left: 0;
	margin-top: 2%;
	width: 100%;
	text-align: center;
  }


.guide_u-wrap {
    padding: 40px 20px;
}

.guide_top_box_wrap_max_width {
    margin: 0 auto;
}


.guide_top_box2,
.guide_top_box1	{
 width: 100%;
 margin: 0;
}
/*.guide_top_box1 {
  margin-bottom: 20px;
}*/



.toggle_top_contents dt{
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.toggle_top_contents .toggle_title {
  position: relative;
  padding: 15px;
  cursor: pointer;
  font-size: 26px;
  text-align: left;
  line-height: 1.4;
}
.toggle_top_contents .toggle_btn {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  display: block;
  width: 24px;
  height: 24px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 50%;
}
.toggle_btn:before, .toggle_btn:after {
  display: block;
  content: '';
  background-color: #2366c3;
  position: absolute;
  width: 15px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toggle_btn:before {
  width: 2px;
  height: 15px;
}
.toggle_title.selected .toggle_btn:before {
  content: normal;
}
.toggle_top_contents ul {
  display: none;
}


.guide_u-wrap .gray {
  font-size: 1.6rem;
  padding: 20px;
  background: none;
}
.guide_list {
  padding: 30px 38px;
}


.heading_sub_title {
  font-size: 2rem;
  width: 100%;
  margin-bottom: 10px;
}


.heading_sub_wrap {
  margin-bottom: 30px;
}

.c-button--back {
  padding: 1rem 1rem 1rem 3.5rem;
  background-size: 1.5rem 1.5rem;
  font-size: 1.1rem;
}


.guide_mainSubMenu {
  margin-bottom: 6rem;
}



.guide_mainSubMenu li:not(:nth-child(4n)) {
    margin-right: 0;
}


.guide_mainSubMenu li:not(:nth-child(2n)) {
    margin-right: 20px;
}


.guide_mainSubMenu li {
    width: calc((100% - 20px) / 2);
}


.left {
	flex-basis: 14%;

}

.right {
	flex-basis: 86%;

}


.point-wrap {
	padding: .5rem;
}

.small {
	font-size: 1rem;

}



/** /guide/kakegami.html **/
.kome {
	font-size: 1.2rem;
}

.kome-t {
	font-size: 1.2rem;
	margin-top: 2rem;
}


.c-has-button-block__next {
	margin-bottom: 2rem;
}



}



/* 共通 */
.guideTxtP{
  margin-bottom: 10px!important;
}
.guideTxtP03{
  display: inline-block;
  margin-bottom: 3px!important;
}
.guideTxtTopP20{
  margin-top: 20px!important;
}
.guideStepH{
  font-size: 1.8rem;
  margin-bottom: 10px;
}
.link_text_5rem{
  margin-bottom: 5rem;
}/*テキストリンクの下にh4が来る場合に使用*/
.guideTxtBox{
  padding: 20px;
  border: 0.1rem solid #dedede;
  margin-bottom: 10px;
}
.c-section .guideTxtBox:last-child{
  margin-bottom: 0;
}
.guideImgBoxNoline{
  display: inline-block;
  margin: 10px 0;
}
.guideImgBoxNoline img{
  display: block;
}

/* 商品について */
.guideImgBox{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin:0;
}
.guide_img_box1 {
  width: 71%;
}
.guide_img_box2 {
  margin-left: 2%;
  width: 26.6%;
}
.guideIconBox{
  padding: 20px;
  border: 0.1rem solid #dedede;
}
.guideIconBox .iconList{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.guideIconBox .iconList li{
  width: calc((100% - (20px * 1)) / 2);
  margin-bottom: 10px;
}
.guideIconBox .iconList li img{
  margin-right: 5px;
}

.guideIconBox .iconList li {
  display: flex;
  align-items: center;
}

.guideIconBox .iconList li:not(:nth-child(2n)) {
  margin-right: 20px;
}


.allergyIconBox{
  padding: 20px;
  border: 0.1rem solid #dedede;
  margin-bottom: 10px;
}
.allergyIconBox .iconList{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.allergyIconBox .iconList li{
  margin:10px 10px 0 0;
}
.allergyIconBox .iconList li:last-child{
  margin-right: 0;
}

@media screen and (max-width: 767px) {


.guideImgBox{
  display: block;
}
.guide_img_box1 {
  width: 100%;
}
.guide_img_box2 {
  margin-left: 0;
  margin-top: 2%;
  width: 100%;
  text-align: center;
}

.guide_img_box2 img {
  max-width: 100%;
}




	.guideIconBox .iconList{
  align-items: flex-start;
}

	.guideIconBox .iconList li{
    margin-right: 15px;
  }

.guideIconBox .iconList li {
  display: block;
}

.guideIconBox .iconList li img {
  margin-bottom: 5px;
}





  .guideIconBox .iconList li:nth-child(even) {
    margin-right: 0;
  }
  .toggle_contents dt{
    height: 5rem!important;
    line-height: 1.3em!important;
  }
  .toggle_contents dt br{
    display: block!important;
  }
}

.toggle_contents dt{
  border: 1px solid #d9d9d9;
  height: 4rem;
  margin-bottom: 20px;
  padding: 1rem;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.02em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.toggle_contents dt br{
  display: none;
}
.toggle_title {
  position: relative;
  padding: 15px;
  cursor: pointer;
  font-size: 26px;
  text-align: center;
  line-height: 1.4;
}
.toggle_contents .toggle_btn {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  display: block;
  width: 24px;
  height: 24px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 50%;
}
.toggle_btn:before, .toggle_btn:after {
  display: block;
  content: '';
  background-color: #2366c3;
  position: absolute;
  width: 15px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toggle_btn:before {
  width: 2px;
  height: 15px;
}
.toggle_title.selected .toggle_btn:before {
  content: normal;
}

.toggle_title.selected {
  background-image: url(/images/common/border-title-bottom02.svg);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100%;
  position: relative;
}





.toggle_contents dd {
  display: none;
}
.toggle_contents{
  margin-top: 20px;
}
.toggle_contents .allergyIcon{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.toggle_contents .allergyIcon li{
  margin: 10px 0 0;
}
.toggle_contents .allergyIcon li img{
  margin-right: 10px;
}
.toggle_contents .allergyIcon2{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.toggle_contents .allergyIcon2 li{
  width: calc((100% - (10px * 7)) / 7);
  margin-right: 10px;
}
.toggle_contents .allergyIcon2 li img{
  margin-right: 5px;
}
.toggle_contents .allergyIcon2 li:last-child{
  margin-right: 0;
}
.toggle_contents .guideTxtBox{
  margin-top: 10px;
  padding: 20px!important;
}
@media screen and (max-width: 767px) {
  .toggle_contents .guideTxtBox{
    padding: 20px 13px 20px 20px!important;
  }
  .toggle_contents .allergyIcon2 li{
    width: calc((100% - (20px * 2)) / 2);
    margin-right: 15px;
  }
  .toggle_contents .allergyIcon2 li:last-child{
    margin-right: 0;
  }
}

@media screen and (max-width: 374px) {
  .toggle_contents .guideTxtBox{
    padding: 15px 13px 15px 15px!important;
  }
  .toggle_contents .allergyIcon2 li{
    width: calc((100% - (10px * 2)) / 2);
    margin-right: 10px;
    font-size: 1.4rem;
  }
}


/* ギフトについて */
#giPacking .pcOn{
  margin: 10px 0 30px;
}
.link_text:not(:last-child){
  margin-bottom: 10px;
}
.link_text_inline{
  font-size: 1.6rem;
}
.link_text_inline .link_text{
  display: inline-block;
  color: #333;
  margin-bottom: 17px;
  position: relative;
  padding-left: 28px;
}
.link_text_inline .link_text:hover {
  color: #0c60d1;
}
#guideGift .packingList{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 20px 0 5rem;
}
#guideGift .packingList li{
  width: calc((100% - (20px * 2)) / 3);
  margin: 0;
  height: 350px;
  text-align: center;
  background-position: center bottom;
  background-repeat: no-repeat;
}
#guideGift .packingList li.img01{
  background-image: url(/images/order/img_wrap_02.gif);
}
#guideGift .packingList li.img02{
  background-image: url(/images/order/img_wrap_03.gif);
}
#guideGift .packingList li.img03{
  background-image: url(/images/order/img_wrap_01.gif);
}

/* お支払い、配送について */
#guidePayment .creBox{
  margin-bottom: 20px;
}
#guidePayment .conBox_adress{
  margin-top: 20px;
}
#guidePayment .areaPriceTitle{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 20px 0 0 0;
  font-weight: bold;
}
#guidePayment .areaPriceTitle span{
  font-weight: normal;
}
#guidePayment .price{
  max-width: 102rem;
  margin-bottom: 20px;
}
#guidePayment .price th {
  background: #ebf2fa;
   vertical-align: middle;
}
#guidePayment .price th.area00 {
  background: #cbcbf4;
  width: 8%;
}
#guidePayment .price th.area01 {
  background: #fbd6d6;
  width: 8%;
}
#guidePayment .price th.area02 {
  background: #f8ca99;
  width: 8%;
}
#guidePayment .price th.area03 {
  background: #fff59c;
  width: 8%;
}
#guidePayment .price th.area04 {
  background: #d0e89e;
  width: 8%;
}
#guidePayment .price th.area05 {
  background: #a5e1f9;
  width: 8%;
}
#guidePayment .price td {
  color: #666;
  vertical-align: middle;
}
#guidePayment .price td.areaName{
  width: 60%;
}
#guidePayment .con-pay-block{
  margin-top: 20px;
}
#guidePayment .con-pay-block .guideTxtP03{
  margin-bottom: 10px !important;
  padding: 8px;
  border: 1px solid #666;
  line-height: 1;
}
#guidePayment .con-pay-block .conveni_procedure + .guideTxtP03{
  margin-top: 30px;
}
#guidePayment .con-pay-step-container + .con-pay-step-container{
  margin-top:20px
}
#guidePayment .con-pay-step-container dt{
  padding-bottom: 3px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  font-weight: 700;
}
#guidePayment .con-pay-step-container dd{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#guidePayment .con-pay-step-container dd img{
  width: 140px;
  height: auto;
}
#guidePayment .con-pay-step-container dd .con-pay-step-caption{
  width: calc(100% - 160px);
}

#guidePayment #py3dsecure .u-lead-text{
  margin-bottom: 0;
}
#guidePayment .secure-content{
  margin-top: 20px;
}
#guidePayment .secure-howto {
  margin-top: 10px;
	letter-spacing: -0.4em;
  width: 662px;
  display: flex;
  flex-wrap: wrap;
}
#guidePayment .secure-howto li {
	margin: 0;
	padding: 0;
	letter-spacing: normal;
	list-style: none;
  border-left:1px solid #dedede;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}
#guidePayment .secure-howto li:nth-child(n + 4){
  border-top: none;
}
#guidePayment .secure-howto li:last-child,
#guidePayment .secure-howto li:nth-child(3n){
  border-right: 1px solid #dedede;
}
#guidePayment .secure-howto li a:hover img {
	opacity: 0.7;
}
#guidePayment .secure-buy-howto img + .kome.color-gold{
  margin-top: 10px;
}
#guidePayment .secure-note-list{
  margin-left: 1em;
  text-indent: -1em;
}
#guidePayment .coupon-image-cap img{
  width: 100%;
  height: auto;
}
#guidePayment .coupon-image-cap + p{
  margin-top: 10px;
}
#guidePayment #pyCoupon .u-lead-text .coupon-image-cap{
  margin-top: 10px;
}
#guidePayment .coupon-image-cap-code{
  width: 100%;
  max-width: 792px;
  height: auto;
}
#guideOrder .cancel-note-block .kome-t + .kome-t{
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .pcOn{
    display: none!important;
  }
  .spOn{
    display: block!important;
  }
  #giPacking .spOn{
    margin: 10px 0 20px;
  }
  #guidePayment .price td.areaName{
    width: 40%;
  }
  #guidePayment .price td strong{
    font-size: 120%;
  }
  #guidePayment .con-pay-step-container dd img{
    width: 90px;
  }
#guidePayment .con-pay-step-container dd .con-pay-step-caption{
  width: calc(100% - (90px + 16px));
}

  #guidePayment .secure-howto {
    margin: 10px auto 0;
    width: calc(100% - 2rem*2);
    max-width: 442px;
  }
  #guidePayment .secure-howto li{
    width: 50%;
    max-width: 219px;
}
#guidePayment .secure-howto li img{
  width: 100%;
}
  #guidePayment .secure-howto li:nth-child(n + 3){
    border-top: none;
  }
  #guidePayment .secure-howto li:nth-child(3n){
    border-right:none;
  }
  #guidePayment .secure-howto li:nth-child(2n){
    border-right: 1px solid #dedede;
  }
}

#guidePayment .price th,
#guidePayment .price td{
  padding: 5px 10px;
  border: 1px solid #ccc;
  text-align: center;
}
#guidePayment .price td strong {
  font-size: 145%;
  color: #444;
}
#guidePayment .price .fsizeS{
  font-size: 83%;
}
#guidePayment .deliveryTBox{
  padding: 20px;
  border: 0.1rem solid #dedede;
  margin-bottom: 10px;
}


#guidePayment .newcard-ttl {
  margin-bottom: 10px;
}


#guidePayment .newcard {
  margin-bottom: 20px;
}

#guidePayment .newcard th, 
#guidePayment .newcard td {
    border: 1px solid #ccc;
    text-align: center;
    vertical-align: middle;
    width: 166px;
    height: 75px;
}

#guidePayment .newcard .newcard-item th {
  background: #F5F5F5;
}

#guidePayment .newcard .standard th .u-font-weight-normal {
  font-size: 1.2rem;
}

#guidePayment .newcard .standard th {
  background: #8AA6B6;
  color: #fff;    
}

#guidePayment .newcard .standard td {
  background: #fff;
}

#guidePayment .newcard .gold th {
  background: #D6B76B;
  color: #fff;    
}

#guidePayment .newcard .gold td {
  background: #fff;
}

#guidePayment .newcard .vip th {
  background: #363636;
  color: #fff;    
}

#guidePayment .newcard .vip td {
  background: #fff;
}
#guidePayment .newcard-img {
  display: inline-flex;
  flex-direction: column;
  text-align: center;
}
#guidePayment .newcard-img .cardcopy {
  font-size: .9rempx;
  margin-top: .4rem;
  line-height: 1;
}
#guidePayment .newcard-img img:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  #guidePayment .newcard-img .cardcopy {
    margin-right: 0;
    font-size: .8rem;
    margin-top: .3rem;
  }
}



/* 特定商取引法に基づく表記 */


#guideLaw .comOverview {
  margin: 10px 0;
  max-width: 102rem;
}

#guideLaw .comOverview tr th {
  padding: 8px 10px;
  font-weight: bold;
  background: #f8f8f8;
  border:1px solid #ccc;
}

#guideLaw .comOverview tr td {
  padding: 8px 10px;
  border:1px solid #ccc;
}


#guideAbout .c-button-set-one .c-button {
    width: 36rem;
}

/*  地区別料金表の横スクロール  */
#guidePayment .table-scroll-note{
  display: none;
}

@media screen and (max-width: 1024px) {
  #guidePayment .price-wrapper .price td.areaName {
    width: auto;
}
#guidePayment .price-wrapper .price th.actual-price {
  width: 26%;
}
#guidePayment .price-wrapper .price .sp-nowrap{
  white-space: nowrap;
}
}
@media screen and (max-width: 1279px) {
  #guidePayment .price-wrapper .price td.areaName {
    width: auto;
}
#guidePayment .price-wrapper .price th.actual-price {
  width: 21%;
}
#guidePayment .price-wrapper .price .sp-nowrap{
  white-space: nowrap;
}
}
@media screen and (max-width: 767px) {
  #guidePayment .price-wrapper,
    #guidePayment .newcard-wrapper{
    overflow-x: scroll;
    margin-bottom: 17px;
  }
  #guidePayment .price-wrapper .price,
    #guidePayment .newcard-wrapper .newcard{
    margin-bottom: 3px;
    min-width: 550px;
    width: 100%;
  }
  #guidePayment .newcard th {
      white-space: nowrap;
      padding-left: 8px;
      padding-right: 8px;
  }
}
@media screen and (max-width: 589px) {
  #guidePayment .table-scroll-note{
    display: block;
    margin-top: 2px;
    text-align: center;
    font-size: 14px;
    /* position: relative; */

    background-image: url(/images/guide/icon_scroll-arrow.gif), url(/images/guide/icon_scroll-arrow.gif);
    background-size: 20px auto, 20px auto;
    background-position: 10% center, 90% center;
    background-repeat: no-repeat,no-repeat;
  }
}
@media screen and (max-width: 390px) {
#guidePayment .price-wrapper .price th.actual-price {
  width: 26%;
}
}