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

@media only screen and (min-width: 768px) {
	/*---------------- 利用規約 ----------------*/
	#guideSection{
		margin: 54px auto 0;
		max-width: 1100px;
	}

	#guideSection h2{
		font-size: 42px;
		letter-spacing: 0.12em;
		line-height: 0.8;
	}

	#guideSection span.futura {
		font-size: 42px;
		letter-spacing: 0.12em;
		line-height: 0.8;
	}

	#guideSection span.terms{
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1.2;
		font-weight: 400;
	}
	#guideSection .policy_message{
		margin-top: 46px;
		margin-bottom: 60px;
		font-size: 16px;
		line-height: 1.75;
		font-weight: 400;
	}

	#guideSection .agreement{
		margin: 46px 0 0 0;
	}

	#guideSection .contentsInner{
		margin: 0 0 30px 0;
	}

	#guideSection .contentsInner .subTTL{
		font-size: 20px;
		line-height: 1.2;
		margin: 0 0 12px 0;
	}

	#guideSection .contentsInner p,
	#guideSection .contentsInner li{
		font-size: 16px;
		line-height: 1.75;
		font-weight: 400;
	}
	/*---------------- 利用規約 ----------------*/


	/*---------------- ご利用ガイド ----------------*/

	#shopping-guid span {
		font-size: 42.06px;
		letter-spacing: 0.12em;
		line-height: 1.2;
	}

	#shopping-guid h4 {
		font-size: 20px;
		margin: 32px auto 24px;
		padding: 0 32px 0 34px;
	}

	#shopping-guid h2.mainTTL {
		margin: 60px auto 58px;
		max-width: 1100px;
		font-size: 18px;
		letter-spacing: 0.12em;
	}

	#shopping-guid .subTTL {
		font-size: 16px;
		line-height: 1.8;
		margin: 0 auto 86px;
		max-width: 1100px;
		font-weight: 400;
	}

	/*---------------- outline ----------------*/

	#shopping-outline {
		/* height: 426px; */
		background: #f5f5f5;
		padding: 88px 0;
	}

	#shopping-outline .shopping-main {
		display: flex;
		margin: auto;
		max-width: 1100px;
		justify-content: center;
	}

	#shopping-outline .shopping-guide {
		width: 342px;
		background: #fff;
		height: 425px;
		border-radius: 10px;
		position: relative;
	}

	#shopping-outline .shopping-guide:nth-of-type(2),
	#shopping-outline .shopping-guide:nth-of-type(3) {
		margin-left: 40px;
	}

	#shopping-outline .shopping-guide h3 {
		text-align: center;
		font-size: 20px;
		letter-spacing: 0.04em;
		margin: 35px auto 15px;
		padding: 0;
	}

	#shopping-outline .shopping-guide hr {
		border-top: solid 1px #aaaaaa;
		width: 25px;
		margin: auto;
	}

	#shopping-outline .shopping-guide p {
		text-align: center;
		font-size: 14px;
		line-height: 1.8;
		margin: 32px auto 0;
		font-weight: 400;
	}

	#shopping-outline .shopping-guide span {
		font-size: 12px;
	}

	#shopping-outline span.note {
		font-size: 12px;
		position: relative;
		top: -4px;
	}

	#shopping-outline p.postag-img,
	#shopping-outline p.set-img,
	#shopping-outline p.point-img {
		margin: 0;
		/* height: 75px; */
		padding-top: 70px;
	}

	#shopping-outline .shopping-guide span.linkarea1,
	#shopping-outline .shopping-guide span.linkarea2 {
		font-size: 14px;
		letter-spacing: 0.06em;
		color: #fff;
		display: inline-block;
		margin: 0;
		padding-right: 20px;
	}

	#shopping-outline .shopping-guide a {
		color: #fff;
		display: block;
		width: 342px;
		height: 36px;
		text-align: center;
	}

	#shopping-outline .shopping-guide .bg {
		height: 36px;
		background: #555555;
		border-radius: 0 0 10px 10px;
		position: absolute;
		left: 0%;
		bottom: 0%;
		width: 100%;
	}

	#shopping-outline .shopping-guide span.linkarea1 {
		line-height: 34px;
		margin: 0 auto;
		text-align: left;
		position: relative;
	}

	#shopping-outline .shopping-guide span.linkarea2 {
		line-height: 34px;
		margin: 0 auto;
		text-align: left;
		position: relative;
	}

	#shopping-outline .shopping-guide span.linkarea1::before {
	      content: "";
	      display: block;
	      position: absolute;
	      top: 52%;
	      right: 0;
	      width: 2px;
	      height: 0;
	      border-top: 1px solid #fff;
	      border-right: 1px solid #fff;
	      border-width: 8px 0 8px 0;
	      border-radius: 1px;
	      transform: translateY(-50%) rotate(130deg);
	}

	#shopping-outline .shopping-guide span.linkarea1::after{
		  content: "";
	      display: block;
	      position: absolute;
	      top: 52%;
	      right: -3.5%;
	      width: 2px;
	      height: 0;
	      border-top: 1px solid #fff;
	      border-right: 1px solid #fff;
	      border-width: 8px 0 8px 0;
	      border-radius: 1px;
	      transform: translateY(-50%) rotate(50deg);
	}

	#shopping-outline .shopping-guide span.linkarea2::before {
	      content: "";
	      display: block;
	      position: absolute;
	      top: 52%;
	      right: 0;
	      width: 2px;
	      height: 0;
	      border-top: 1px solid #fff;
	      border-right: 1px solid #fff;
	      border-width: 8px 0 8px 0;
	      border-radius: 1px;
	      transform: translateY(-50%) rotate(130deg);
	}

	#shopping-outline .shopping-guide span.linkarea2::after{
		  content: "";
	      display: block;
	      position: absolute;
	      top: 52%;
	      right: -2.8%;
	      width: 2px;
	      height: 0;
	      border-top: 1px solid #fff;
	      border-right: 1px solid #fff;
	      border-width: 8px 0 8px 0;
	      border-radius: 1px;
	      transform: translateY(-50%) rotate(50deg);
	}

	/*---------------- outline ----------------*/

	/*---------------- order ----------------*/
	#guidestep{
		width: 1000px;
	    margin: 0 auto;
		position: relative;
	}

	#guidestep img {
		display: block;
		width: 85%;
		height: auto;
		margin: auto;
	}

	#guidestep .swiper-container{
		width: 900px;
	    overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		z-index: 1;
	}

	#guidestep .swiper-wrapper {
		position: relative;
		height: 100%;
		z-index: 1;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-transition-property: -webkit-transform;
		-moz-transition-property: -moz-transform;
		-o-transition-property: -o-transform;
		-ms-transition-property: -ms-transform;
		transition-property: transform;
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-o-transform: translate(0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	#shopping-order {
		padding: 0 0 77px;
		max-width: 1100px;
		margin: auto;
	}

	.wrapper {
		max-width: 1100px;
		margin: auto;
	}

	#shopping-order h3 {
		padding-bottom: 54px;
	}

	#shopping-order span {
		font-size: 12px;
		letter-spacing: 0.12em;
	}


	#guidestep .swiper-slide {
		-webkit-flex-shrink: 0;
		-ms-flex: 0 0 auto;
		flex-shrink: 0;
		width: 284px !important;
		height: 100%;
		position: relative;
	}

	#guidestep .swiper-slide .number {
		font-size: 14px;
		letter-spacing: 0.12em;
		margin-bottom: 24px;
	}

	#guidestep .swiper-slide .com {
		font-size: 12px;
		letter-spacing: 0;
		line-height: 1.8;
		margin-top: 20px;
	}

	#guidestep .swiper-slide .item_img {
		width: 280px;
		height: 380px;
		border: solid 1px #e0e0e0;
		border-radius: 10px;
		display: flex;
	}

	#guidestep .swiper-slide a {
		display: block;
		text-decoration: none;
		-webkit-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
	}
	#guidestep .swiper-slide a:hover {
		opacity: 0.6;
	}

	#guidestep .pagination {
		display: block;
		margin: 0 auto;
		text-align: center;
		padding-top: 50px;
	}

	#guidestep .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		margin: 0 8px;
		display: inline-block;
		background: #cccccc;
	    border-radius: 50%;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	    cursor: pointer;
	}
	#guidestep .swiper-pagination-bullet:hover{opacity: .6;}
	#guidestep .swiper-pagination-bullet-active {
		opacity: 1;
		background: #555555;
	}
	#guidestep .swiper-pagination-bullet-active:hover{opacity: 1;}

	#guidestep .prev,
	#guidestep .next{
		display: block;
		border: solid 1px #b0b0b0;
		width: 80px;
	    height: 80px;
		border-radius: 100%;
		position: absolute;
		top: 34.8%;
		z-index: 1;
	    -webkit-transition: opacity 0.2s ease;
	    -moz-transition: opacity 0.2s ease;
	    -o-transition: opacity 0.2s ease;
	    transition: opacity  0.2s ease;
		cursor: pointer;
	}
	#guidestep .prev{
		left: -56px;
	}

	#guidestep .next{
		right: -52px;
	}

	#guidestep .next:hover,
	#guidestep .prev:hover{opacity: 1.0;}

	#guidestep .next::before,
	#guidestep .next::after,
	#guidestep .prev::before,
	#guidestep .prev::after{
		content: '';
		display: block;
		width: 5px;
		height: 1px;
		background: #333333;
		position: absolute;
	}
	#guidestep .next::before{
		transform: rotate(45deg);
		top: 36px;
		left: 38px;
	}
	#guidestep .next::after{
		transform: rotate(-45deg);
		bottom: 39px;
		left: 38px;
	}
	#guidestep .prev::before{
		transform: rotate(-45deg);
		top: 36px;
		right: 38px;
	}
	#guidestep .prev::after{
		transform: rotate(45deg);
		bottom: 39px;
		right: 38px;
	}
	#guidestep .prev:hover,
	#guide .next:hover{opacity: 1.0;}

	#guidestep .prev.swiper-button-disabled,
	#guidestep .next.swiper-button-disabled{
		opacity: 0;
		cursor: default;
	}
	/*---------------- order ----------------*/

	/*---------------- fee ----------------*/

	#shopping-fee {
		height: 580px;
		background: #f5f5f5;
	}

	#shopping-fee h3 {
		margin: 0 0 58px 0;
		padding-top: 72px;
	}

	#shopping-guid h3 {
		font-size: 22px;
		text-align: center;
		line-height: 1.5;
		padding-top: 77px;
	}

	#shopping-fee span {
		font-size: 12px;
		letter-spacing: 0.12em;
	}

	#shopping-fee ul {
		width: 1104px;
		margin: auto;
	}

	#shopping-fee ul.about-postage {
		display: flex;
		justify-content: center;
	}

	#shopping-fee ul.about-postage:nth-of-type(2) li:first-of-type h4 {
		line-height: 1.6;
		margin: 25px auto 20px;
	}

	#shopping-fee ul.about-postage:first-of-type {
		margin: 0 auto 24px;
	}

	#shopping-fee ul:nth-of-type(2) li {
		height: 192px;
	}

	#shopping-fee li {
		width: 540px;
		height: 120px;
		background: #fff;
		border-radius: 10px;
	}

	#shopping-fee li:nth-of-type(2) {
		margin-left: 24px;
	}

	#shopping-fee ul.about-postage p {
		font-size: 14px;
		margin: 0 auto;
		font-weight: 400;
		padding: 0 32px 0 34px;
	}
	/*---------------- fee ----------------*/

	/*---------------- point ----------------*/
	#shopping-point {
		height: 572px;
		background: #f5f5f5;
		margin-top: 2px;
	}

	#shopping-point span {
		font-size: 12px;
		letter-spacing: 0.12em;
	}

	#shopping-point .point-cont {
		display: flex;
		justify-content: center;
		margin-top: 60px;
	}

	#shopping-point li {
		width: 540px;
		height: 120px;
		background: #fff;
		border-radius: 10px;
	}

	#shopping-point li:nth-of-type(2) {
		margin-top: 24px;
		height: 136px;
	}

	#shopping-point .limit {
		width: 540px;
		height: 280px;
		background: #fff;
		border-radius: 10px;
		margin-left: 24px;
	}

	#shopping-point ul.about-point h4 {
		padding-top: 32px;
		margin-top: 0;
	}

	#shopping-point ul.about-point p,
	#shopping-point .limit p {
		font-size: 14px;
		margin: 0 auto;
		letter-spacing: 0;
		font-weight: 400;
		padding: 0 32px 0 34px;
	}

	#shopping-point p.description {
		margin-bottom: 15px;
		line-height: 1.6;
		font-weight: 400;
	}

	#shopping-point span.mypage {
		font-size: 12px;
		color: #1b6bc1;
		margin-left: 32px;
	}

	#shopping-point p.note {
		margin-top: 15px;
		font-size: 12px;
		line-height: 1.8;
		font-weight: 400;
	}

	#shopping-point hr {
		border-top: solid 1px #1b6bc1;
		width: 120px;
		margin: 6px auto auto 32px;
	}
	/*---------------- point ----------------*/

	/*---------------- payment ----------------*/
	#shopping-payment {
	/*	height: 802px;*/
		background: #f5f5f5;
		margin-top: 2px;
	    padding-bottom: 77px;
	}

	#shopping-payment .about-payment h4 {
		margin: 0 auto 18px;
		padding-top: 32px;
	}

	#shopping-payment p.coment,#shopping-exchange p.coment{
		text-align: center;
		margin: 62px 0 0 0;
		font-weight: 400;
		line-height: 1.8;
	}

	#shopping-payment .payment-cont {
		display: flex;
		justify-content: center;
		margin-top: 64px;
	}

	#shopping-payment span.futura {
		font-size: 12px;
		letter-spacing: 0.12em;
	}


	#shopping-payment li {
		width: 540px;
		height: 120px;
		background: #fff;
		border-radius: 10px;
	}

	#shopping-payment li:nth-of-type(1) {
		height: 140px;
	}

	#shopping-payment li:nth-of-type(3) {
	    height: 242px;
	}

	#shopping-payment li:nth-of-type(2),
	#shopping-payment li:nth-of-type(3) {
		margin-top: 24px;
	}

	#shopping-payment .postpay {
		width: 540px;
		height: 284px;
		background: #fff;
		border-radius: 10px;
		margin-left: 24px;
	}

	#shopping-payment .postpay h4 {
		margin: 32px auto 20px;
	}

	#shopping-payment .about-payment p,
	#shopping-payment .postpay p {
		margin: 0 auto 0;
		line-height: 1.6;
		font-size: 14px;
		letter-spacing: 0;
		font-weight: 400;
		padding: 0 32px 0 34px;
	}

	#shopping-payment .about-payment span.blank {
		letter-spacing: -0.1em;
		font-size: 14px;
		line-height: 1.6;
	}

	#shopping-payment p.note,#shopping-fee ul.about-postage p.note {
		font-size: 12px;
		color: #e60012;
		margin-top: 12px;
		line-height: 1.8;
	}
	/*---------------- payment ----------------*/

	/*---------------- exchange ----------------*/
	#shopping-exchange {
	    /* height: 470px; */
	    background: #f5f5f5;
	    margin-top: 2px;
	    padding-bottom: 77px;
	}

	#shopping-exchange ul {
		display: flex;
		justify-content: center;
		margin-top: 64px;
	}

	#shopping-exchange li {
	    width: 540px;
	    /* height: 175px; */
	    background: #fff;
	    border-radius: 10px;
	    padding-bottom: 20px;
	}

	#shopping-exchange span {
		font-size: 12px;
		letter-spacing: 0.12em;
	}


	#shopping-exchange li:last-of-type {
		margin-left: 24px;
	}

	#shopping-exchange .about-exchange h4 {
		margin: 32px auto 12px;
	}

	#shopping-exchange .about-exchange li:first-of-type h4:first-of-type {
		line-height: 1.6;
		margin: 28px auto 12px;
	}

	#shopping-exchange .about-exchange p {
		margin: auto;
		line-height: 1.8;
		font-size: 14px;
		letter-spacing: 0;
		font-weight: 400;
		padding: 0 32px 0 34px;
		letter-spacing: -0.01em;
	}
	/*---------------- exchange ----------------*/

	/*---------------- btn ----------------*/
	#shopping-btn {
		text-align: center;
		margin: 88px auto;
		width: 482px;
		height: 80px;
		border-radius: 40px;
		background: #555555;
	}

	#shopping-btn .regular {
		color: #fff;
		background: #555555;
		font-size: 14px;
		letter-spacing: 0.06em;
		position: relative;
		padding: 0;
		border-radius: 50px;
		text-align: left;
		line-height: 80px;
		display: inline-block;
		padding-right: 20px;
	}

	#shopping-btn a {
		color: #fff;
		display: block;
		width: 482px;
		height: 80px;
	}

	#shopping-btn span.regular::after {
	      content: "";
	      display: block;
	      position: absolute;
	      top: 48%;
	      right: -2%;
	      width: 5px;
	      height: 5px;
	      border-top: 2px solid #fff;
	      border-right: 2px solid #fff;
	      transform: translateX(-50%) rotate(45deg);
	}
	/*---------------- btn ----------------*/

	/*---------------- contact ----------------*/
	#shopping-contact {
		height: 424px;
		background: #f5f5f5;
	}

	#shopping-contact span {
		font-size: 12px;
		letter-spacing: 0.12em;
	}

	#shopping-contact .coment {
		margin: 66px auto 34px;
		text-align: center;
		font-size: 14px;
		letter-spacing: 0;
		font-weight: 400;
	}

	#shopping-contact .tel {
		font-size: 46px;
		letter-spacing: 0;
		display: flex;
		justify-content: center;
	}

	#shopping-contact .tel-number {
		margin-left: 12px;
		margin-right: 20px;
	}

	#shopping-contact .tel-reception {
		text-align: center;
		margin-top: 8px;
		font-size: 14px;
		letter-spacing: 0;
		font-weight: 400;
	}

	#shopping-contact .tel img {
		padding-bottom: 12px;
	}
	/*---------------- contact ----------------*/

	/*---------------- invoice ----------------*/
	#shopping-invoice {
		padding-bottom: 77px;
		margin-top: 2px;
		background: #f5f5f5;
	}
	#shopping-invoice h3 {
	    font-size: 22px;
	    text-align: center;
	    line-height: 1.5;
	    padding-top: 77px;
	}
	#shopping-invoice span.futura {
	    font-size: 12px;
	    letter-spacing: 0.12em;
	}
	.invoice-inner {
	    max-width: 900px;
	    padding: 32px;
	    margin: 64px auto 0;
	    font-size: 14px;
	    line-height: 1.8;
	    font-weight: 400;
	    background: #fff;
	    border-radius: 10px;
	}
	.invoice-inner a {
	    text-decoration: underline;
	    color: inherit;
	}
	/*---------------- invoice ----------------*/

	/*---------------- payment ----------------*/
	#shopping-payment .payment-cont {
	  justify-content: space-between;
	}
	.payment-cont-clm {
	  width: 49%;
	}
	.payment-cont-item {
	  padding: 1px 40px 40px;
	  margin-bottom: 24px;
	  background: #FFF;
	  border-radius: 10px;
	}
	#shopping-guid .payment-cont-title {
	  padding: 0;
	}
	/*---------------- payment ----------------*/

	/*---------------- ご利用ガイド ----------------*/
}

@media only screen and (max-width: 767px) {
	/*---------------- 利用規約 ----------------*/
	#guideSection{
		margin: calc(84*(100vw/750)) calc(30*(100vw/750)) 0 calc(30*(100vw/750));
	}

	#guideSection span.futura{
		font-size: calc(64*(100vw/750));
		line-height: 1.2;
	}

	#guideSection span.terms{
		font-size: calc(26*(100vw/750));
		line-height: 1.2;
	}
	#guideSection .policy_message{
		margin-top: calc(78*(100vw/750));
		font-size: calc(22*(100vw/750));
		line-height: 1.73;
		font-weight: 400;
	}

	#guideSection .agreement{
		margin: calc(78*(100vw/750)) 0 0 0;
	}

	#guideSection .contentsInner{
		margin: 0 0 calc(44*(100vw/750)) 0;
	}

	#guideSection .contentsInner:last-of-type{
		margin: 0 0 calc(72*(100vw/750)) 0;
	}

	#guideSection .contentsInner .subTTL{
		font-size: calc(28*(100vw/750));
		line-height: 1.2;
		margin: 0 0 calc(10*(100vw/750)) 0;
		font-weight: 400;
	}

	#guideSection .contentsInner p,
	#guideSection .contentsInner li{
		font-size: calc(22*(100vw/750));
		line-height: 1.73;
		font-weight: 400;
	}
	/*---------------- 利用規約 ----------------*/


	/*---------------- ご利用ガイド ----------------*/
	#shopping-guid h3 {
		font-weight: 400;
	}


	#shopping-guid h4 {
		font-weight: 400;
		padding: calc(62*(100vw/750)) calc(64*(100vw/750)) 0;
	}

	#shopping-guid h2.mainTTL {
		font-size: calc(26.03*(100vw/750));
		line-height: 1.2;
		margin: calc(78*(100vw/750)) auto calc(82*(100vw/750));
		width: calc(686*(100vw/750));
	}

	#shopping-guid h2.mainTTL span {
		font-size: calc(64.06*(100vw/750));
	}

	#shopping-guid p.subTTL {
		font-size: calc(26*(100vw/750));
		line-height: 1.6;
		width: calc(686*(100vw/750));
		margin: 0 auto;
		letter-spacing: 0;
	}

	#shopping-guid li {
		width: calc(686*(100vw/750));
	}


	/*---------------- outline ----------------*/
	#shopping-outline {
		/* height: calc(2020*(100vw/750)); */
		background: #f5f5f5;
		padding: calc(160*(100vw/750)) 0;
		margin: calc(150*(100vw/750)) 0 0;
	}

	#shopping-outline h3 {
		font-size: calc(40*(100vw/750));
		letter-spacing: 0.04em;
		text-align: center;
		font-weight: 400;
	}

	#shopping-outline hr {
		border-top: solid 1px #aaaaaa;
		width: calc(54*(100vw/750));
		height: calc(2*(100vw/750));
		margin: calc(48*(100vw/750)) auto calc(54*(100vw/750));
	}

	#shopping-outline p {
		padding: 0 calc(64*(100vw/750));
		margin: 0 auto 0;
		font-size: calc(28*(100vw/750));
		letter-spacing: 0;
		line-height: 1.8;
	}

	#shopping-outline .shopping-postage span.note {
		position: relative;
		bottom: calc(10*(100vw/750));
	}

	#shopping-outline span {
		font-size: calc(24*(100vw/750));
	}

	#shopping-outline .bg {
		background: #555555;
		color: #fff;
		width: 100%;
		border-radius: 0 0 10px 10px;
		height: calc(72*(100vw/750));
		position: absolute;
		left: 0%;
		bottom: 0%;
	}

	#shopping-outline a {
		color: #fff;
		display: block;
		width: calc(686 * (100vw / 750));
		height: calc(72 * (100vw / 750));
		text-align: center;
	}

	#shopping-outline span.linkarea2 {
		width: calc(396*(100vw/750));
		padding: calc(11*(100vw/750)) 0;
	}

	#shopping-outline span.linkarea1,
	#shopping-outline span.linkarea2 {
		color: #fff;
		letter-spacing: 0.06em;
		font-size: calc(28*(100vw/750));
		position: relative;
		line-height: calc(72 * (100vw / 750));
		padding-right: calc(50 * (100vw / 750));
	}

	#shopping-outline .shopping-postage,
	#shopping-outline .shopping-set,
	#shopping-outline .shopping-point {
		width: calc(686*(100vw/750));
		height: calc(702*(100vw/750));
		margin: 0 auto 0;
		background: #fff;
		border-radius: 10px;
	}

	#shopping-outline .shopping-set {
		height: calc(550*(100vw/750));
	}

	#shopping-outline .shopping-point {
		height: calc(706*(100vw/750));
	}

	#shopping-outline .shopping-set,
	#shopping-outline .shopping-point {
		margin-top: calc(32*(100vw/750));
	}

	#shopping-outline .shopping-postage,
	#shopping-outline .shopping-point {
		position: relative;
	}

	#shopping-outline .postag-img,
	#shopping-outline .set-img,
	#shopping-outline .point-img {
		text-align: center;
	}

	#shopping-outline .postag-img {
		margin-bottom: calc(84*(100vw/750));
	    padding-top: calc(100*(100vw/750));
	}

	#shopping-outline .postag-img img {
		width: 40%;
	}

	#shopping-outline .set-img img {
		width: 30%;
	}

	#shopping-outline .point-img img {
		width: 35%;
	}

	#shopping-outline .set-img {
		margin-bottom: calc(76*(100vw/750));
	    padding-top: calc(80*(100vw/750));
	}

	#shopping-outline .point-img {
		margin-bottom: calc(64*(100vw/750));
	    padding-top: calc(86*(100vw/750));
	}

	#shopping-outline span.linkarea1::before {
	      content: "";
	      display: block;
	      position: absolute;
	      top: 55%;
	      right: 4.5%;
	      width: 2px;
	      height: 0;
	      border-top: 1px solid #fff;
	      border-right: 1px solid #fff;
	      border-width: 8px 0 8px 0;
	      border-radius: 1px;
	      transform: translateY(-50%) rotate(130deg);
	}

	#shopping-outline span.linkarea1::after{
		  content: "";
	      display: block;
	      position: absolute;
	      top: 55%;
	      right: 1.5%;
	      width: 2px;
	      height: 0;
	      border-top: 1px solid #fff;
	      border-right: 1px solid #fff;
	      border-width: 8px 0 8px 0;
	      border-radius: 1px;
	      transform: translateY(-49%) rotate(50deg);
	}

	#shopping-outline span.linkarea2::before {
	      content: "";
	      display: block;
	      position: absolute;
	      top: 55%;
	      right: 4%;
	      width: 2px;
	      height: 0;
	      border-top: 1px solid #fff;
	      border-right: 1px solid #fff;
	      border-width: 8px 0 8px 0;
	      border-radius: 1px;
	      transform: translateY(-50%) rotate(130deg);
	}

	#shopping-outline span.linkarea2::after{
		  content: "";
	      display: block;
	      position: absolute;
	      top: 55%;
	      right: 1.5%;
	      width: 2px;
	      height: 0;
	      border-top: 1px solid #fff;
	      border-right: 1px solid #fff;
	      border-width: 8px 0 8px 0;
	      border-radius: 1px;
	      transform: translateY(-49%) rotate(50deg);
	}

	/*---------------- outline ----------------*/

	/*---------------- order ----------------*/
	#shopping-order h3 {
		font-size: calc(44*(100vw/750));
		letter-spacing: 0;
		padding: calc(148*(100vw/750)) 0 calc(76*(100vw/750));
		line-height: 1.8;
		text-align: center;
		font-weight: 400;
	}

	#shopping-order h3 span {
		font-size: calc(24*(100vw/750));
		letter-spacing: 0.12em;
	}

	#guidestep{
	    display: block;
	    width: 100%;
	    margin: 0 auto;
	    overflow: hidden;
	    position: relative;
	}

	#guidestep img {
		display: block;
		width: 88%;
		margin: auto;
	}

	#guidestep .guidestepslide{
		width: 80%;
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}

	#guidestep .swiper-wrapper {
		position: relative;
		z-index: 1;
	}

	#guidestep .swiper-slide{
		position: relative;
	}

	#guidestep .swiper-slide .number {
		font-size: calc(28*(100vw/750));
		letter-spacing: 0.12em;
		margin: 0 auto calc(50*(100vw/750));
	}

	#guidestep .guidestepslide .each-step {
		display: block;
	}

	#guidestep .swiper-slide .item_img {
		width: 100%;
		height: calc(750*(100vw/750));
		border: solid calc(1*(100vw/750)) #e0e0e0;
		border-radius: calc(10*(100vw/750));
	    display: flex;
		margin: auto;
		box-sizing: border-box;
	}

	#guidestep .swiper-slide .com {
		font-size: calc(24*(100vw/750));
		letter-spacing: 0;
		line-height: 1.8;
		margin: calc(40*(100vw/750)) auto 0;
	}

	#guidestep .swiper-slidea {
		display: block;
		text-decoration: none;
	}

	#guidestep .pagination {
		display: block;
		margin: 0 auto;
		text-align: center;
		padding: calc(70*(100vw/750)) 0 calc(160*(100vw/750));
	}

	#guidestep .swiper-pagination-bullet {
		width: calc(18*(100vw/750));
		height: calc(18*(100vw/750));
		margin: 0 8px;
		display: inline-block;
		background: #cccccc;
	    border-radius: 50%;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	    cursor: pointer;
	}
	#guidestep .swiper-pagination-bullet-active {
		opacity: 1;
		background: #555555;
	}

	#guidestep .prev,
	#guidestep .next{
		display: block;
		width: calc(65*(100vw/750));
	    height: calc(280*(100vw/750));
	    background: #555555;
		position: absolute;
		top: 26%;
		z-index: 1;
	    -webkit-transition: opacity 0.2s ease;
	    -moz-transition: opacity 0.2s ease;
	    -o-transition: opacity 0.2s ease;
	    transition: opacity  0.2s ease;
		cursor: pointer;
	}
	#guidestep .prev{
		left: 0;
		border-radius: 0 5px 5px 0;
	}

	#guidestep .next{
		right: 0;
		border-radius: 5px 0 0 5px;
	}

	#guidestep .next::before,
	#guidestep .next::after,
	#guidestep .prev::before,
	#guidestep .prev::after{
		content: '';
		display: block;
		width: 8px;
		height: 2px;
		background: #fff;
		position: absolute;
	}
	#guidestep .next::before{
		transform: rotate(45deg);
		top: calc(50% - 3px);
		left: 12px;
	}
	#guidestep .next::after{
		transform: rotate(-45deg);
		bottom: calc(50% - 4px);
		left: 12px;
	}
	#guidestep .prev::before{
		transform: rotate(-45deg);
		top: calc(50% - 3px);
		right: 12px;
	}
	#guidestep .prev::after{
		transform: rotate(45deg);
		bottom: calc(50% - 4px);
		right: 12px;
	}

	#guidestep .prev.swiper-button-disabled,
	#guidestep .next.swiper-button-disabled{
		opacity: 0;
		cursor: default;
	}
	/*---------------- order ----------------*/

	/*---------------- fee ----------------*/
	#shopping-fee {
		height: calc(1806*(100vw/750));
		background: #f5f5f5;
	}

	#shopping-fee h3 {
		font-size: calc(44*(100vw/750));
		letter-spacing: 0;
		text-align: center;
		padding: calc(148*(100vw/750)) 0 calc(76*(100vw/750));
		line-height: 1.8;
	}

	#shopping-fee h3 span {
		font-size: calc(24*(100vw/750));
		letter-spacing: 0.12em;
	}

	#shopping-fee ul.about-postage {
		width: calc(686*(100vw/750));
		margin: 0 auto 0;
	}

	#shopping-fee li {
		background: #fff;
		border-radius: 10px;
	}

	#shopping-fee li:nth-of-type(1) {
		height: calc(286*(100vw/750));
	}

	#shopping-fee li:nth-of-type(2) {
		height: calc(235*(100vw/750));
	}

	#shopping-fee li:nth-of-type(3) {
		height: calc(348*(100vw/750));
	}

	#shopping-fee li:nth-of-type(4) {
		height: calc(455*(100vw/750));
	}

	#shopping-fee li:nth-of-type(2),
	#shopping-fee li:nth-of-type(3),
	#shopping-fee li:nth-of-type(4) {
		margin-top: calc(32*(100vw/750));
	}

	#shopping-fee h4 {
		font-size: calc(36*(100vw/750));
		letter-spacing: 0;
		margin: 0 auto calc(45*(100vw/750));
		padding: calc(62*(100vw/750)) calc(64*(100vw/750)) 0;
	}

	#shopping-fee li:nth-of-type(3) h4 {
		line-height: 1.8;
		padding-top: calc(48*(100vw/750));
		margin-bottom: calc(24*(100vw/750));
	}

	#shopping-fee .about-postage p {
		font-size: calc(28*(100vw/750));
		letter-spacing: 0;
		line-height: 1.8;
		padding: 0 calc(64*(100vw/750));
	}
	/*---------------- fee ----------------*/

	/*---------------- point ----------------*/
	#shopping-point {
		height: calc(1842*(100vw/750));
		background: #f5f5f5;
		margin: calc(2*(100vw/750)) 0 0;
	}

	#shopping-point h3 {
		text-align: center;
		padding: calc(148*(100vw/750)) 0 calc(76*(100vw/750));
		font-size: calc(44*(100vw/750));
		letter-spacing: 0;
		line-height: 1.8;
	}

	#shopping-point span {
		font-size: calc(24*(100vw/750));
		letter-spacing: 0.12em;
	}

	#shopping-point ul {
		width: calc(686*(100vw/750));
		margin: 0 auto;
	}

	#shopping-point li {
		background: #fff;
		border-radius: 10px;
	}

	#shopping-point li:nth-of-type(1) {
		height: calc(286*(100vw/750));
	}

	#shopping-point li:nth-of-type(2) {
		height: calc(286*(100vw/750));
	}

	#shopping-point li:nth-of-type(3) {
		height: calc(700*(100vw/750));
	}

	#shopping-point li:nth-of-type(2),
	#shopping-point li:nth-of-type(3) {
		margin-top: calc(32*(100vw/750));
	}

	#shopping-point h4 {
		font-size: calc(36*(100vw/750));
		letter-spacing: 0;
		margin: 0 auto calc(38*(100vw/750));
		padding-top: calc(62*(100vw/750));
	}

	#shopping-point .about-point p {
		font-size: calc(28*(100vw/750));
		letter-spacing: 0;
		line-height: 1.8;
		padding: 0 calc(64*(100vw/750));
		text-align: justify;
	}

	#shopping-point .about-point .mypage {
		font-size: calc(24*(100vw/750));
		letter-spacing: 0;
		color: #0b60bd;
		margin-top: calc(32*(100vw/750));
		width: calc(556*(100vw/750));
		margin-left: calc(64*(100vw/750));
		line-height: 3;
	}

	#shopping-point .about-point hr {
		border-top: solid 1px #0b60bd;
		width: calc(220*(100vw/750));
		height: calc(2*(100vw/750));
		margin: calc(-15*(100vw/750)) auto calc(33*(100vw/750)) calc(64*(100vw/750));;
	}

	#shopping-point .about-point .note {
		font-size: calc(24*(100vw/750));
		letter-spacing: -0.04em;
	}
	/*---------------- point ----------------*/

	/*---------------- payment ----------------*/
	#shopping-payment {
	/*	height: calc(2266*(100vw/750));*/
		background: #f5f5f5;
		margin: calc(2*(100vw/750)) 0 0;
		padding-bottom: calc(76*(100vw / 750));
	}

	#shopping-payment h3 {
		font-size: calc(44*(100vw/750));
		letter-spacing: 0;
		text-align: center;
		padding: calc(148*(100vw/750)) 0 calc(76*(100vw/750));
		line-height: 1.8;
	}

	#shopping-payment span {
		font-size: calc(24*(100vw/750));
		letter-spacing: 0.12em;
	}

	#shopping-payment ul {
		width: calc(686*(100vw/750));
		margin: 0 auto;
	}

	#shopping-payment li {
		background: #fff;
		border-radius: 10px;
	}

	#shopping-payment li:nth-of-type(1) {
	    /* height: calc(286*(100vw/750)); */
	    padding-bottom: 20px;
	}
	#shopping-payment li:nth-of-type(2) {
		height: calc(286*(100vw/750));
	}

	#shopping-payment li:nth-of-type(3) {
	/*	height: calc(385*(100vw/750));*/
		padding-bottom: 30px;
	}

	#shopping-payment li:nth-of-type(4) {
		height: calc(712*(100vw/750));
	}

	#shopping-payment h4 {
		font-size: calc(36*(100vw/750));
		letter-spacing: 0;
		margin: 0 auto calc(45*(100vw/750));
		padding-top: calc(62*(100vw/750));
	}

	#shopping-payment .about-payment p {
		font-size: calc(28*(100vw/750));
		letter-spacing: 0;
		padding: 0 calc(64*(100vw/750));
		line-height: 1.8;
		text-align: justify;
	}

	#shopping-payment p.note,#shopping-fee ul.about-postage p.note {
		font-size: calc(24*(100vw/750));
		letter-spacing: 0;
		color: #e60012;
		margin-top: calc(16*(100vw/750));
	}

	#shopping-payment li:not(:first-child) {
		margin-top: calc(32*(100vw/750));
	}
	/*---------------- payment ----------------*/

	/*---------------- exchange ----------------*/
	#shopping-exchange li:nth-of-type(1) h4 {
		line-height: 1.8;
		padding-top: calc(50*(100vw/750));
		margin-bottom: calc(20*(100vw/750));
	}

	#shopping-exchange {
		background: #f5f5f5;
		margin: calc(2*(100vw/750)) 0 0;
		padding-bottom: calc(160*(100vw/750));
	}

	#shopping-exchange h3 {
		font-size: calc(44*(100vw/750));
		letter-spacing: 0;
		text-align: center;
		padding: calc(148*(100vw/750)) 0 calc(76*(100vw/750));
		line-height: 1.8;
	}

	#shopping-exchange span {
		font-size: calc(24*(100vw/750));
		letter-spacing: 0.12em;
	}

	#shopping-exchange ul {
		width: calc(686*(100vw/750));
		margin: 0 auto;
	}

	#shopping-exchange li {
		background: #fff;
		border-radius: 10px;
		height: inherit;padding-bottom: 9%;
	}
	/*
	#shopping-exchange li:nth-of-type(1) {
		height: inherit;padding-bottom: 9%;
	}

	#shopping-exchange li:nth-of-type(2) {
		height: calc(488*(100vw/750));
	}*/

	#shopping-exchange h4 {
		font-size: calc(36*(100vw/750));
		letter-spacing: 0;
		margin: 0 auto calc(34*(100vw/750));
		padding-top: calc(62*(100vw/750));
	}

	#shopping-exchange h4:last-of-type {
		letter-spacing: -0.04em;
	}

	#shopping-exchange .about-exchange p, p.coment {
	    font-size: calc(28*(100vw/750));
	    letter-spacing: 0;
	    padding: 0 calc(64*(100vw/750));
	    text-align: justify;
	    line-height: 1.8;
	}

	p.coment {
	    padding-bottom: 9%;
	}

	#shopping-exchange li:nth-of-type(2) {
		margin-top: calc(32*(100vw/750));
	}
	/*---------------- exchange ----------------*/

	/*---------------- btn ----------------*/
	#shopping-btn {
		margin: calc(112*(100vw/750)) auto;
		width: calc(600*(100vw/750));
		background: #555555;
		border-radius: 50px;
		height: calc(118*(100vw/750));
	}

	#shopping-btn .btn {
		color: #fff;
		font-size: calc(26*(100vw/750));
		letter-spacing: 0.06em;
		margin: 0 auto;
		text-align: left;
		position: relative;
		display: inline-block;
		padding-right: calc(50 * (100vw / 750));
	}

	#shopping-btn a {
		color: #fff;
		display: block;
		width: calc(600 * (100vw / 750));
		height: calc(118 * (100vw / 750));
		text-align: center;
		line-height: calc(118 * (100vw / 750));
	}

	#shopping-btn span.btn::after {
	      content: "";
	      display: block;
	      position: absolute;
	      top: 44%;
	      right: 0;
	      width: 7px;
	      height: 7px;
	      border-radius: 1px;
	      border-top: 2px solid #fff;
	      border-right: 2px solid #fff;
	      transform: translateX(-50%) rotate(45deg);
	}
	/*---------------- btn ----------------*/

	/*---------------- contact ----------------*/
	#shopping-contact {
		background: #f5f5f5;
	}

	#shopping-contact h3 {
		font-size: calc(44*(100vw/750));
		letter-spacing: 0;
		text-align: center;
		padding: calc(148*(100vw/750)) 0 calc(78*(100vw/750));
		line-height: 1.8;
	}

	#shopping-contact span {
		font-size: calc(24*(100vw/750));
		letter-spacing: 0.12em;
	}

	#shopping-contact .coment {
		text-align: center;
		font-size: calc(28*(100vw/750));
		letter-spacing: 0;
		line-height: 1.8;
	}

	#shopping-contact .tel {
		font-size: calc(70*(100vw/750));
		letter-spacing: 0;
		display: flex;
		justify-content: center;
		margin: calc(62*(100vw/750)) auto calc(48*(100vw/750));
	}

	#shopping-contact .tel-reception {
		text-align: center;
		font-size: calc(28*(100vw/750));
		padding-bottom: calc(160*(100vw/750));
	}

	#shopping-contact .tel-img {
		text-align: center;
		padding-top: calc(10*(100vw/750));
		width: calc(100*(100vw/750));
	}

	#shopping-contact .tel-number {
		font-weight: 400;
		margin-right: calc(55*(100vw/750));
	}

	#shopping-contact .tel-img img {
		width: 60%;
	}
	/*---------------- contact ----------------*/

	/*---------------- invoice ----------------*/
	#shopping-invoice {
		padding-bottom: calc(160*(100vw / 750));
		margin: calc(2*(100vw / 750)) 0 0;
		background: #f5f5f5;
	}
	#shopping-invoice h3 {
	    font-size: calc(44*(100vw/750));
	    letter-spacing: 0;
	    text-align: center;
	    padding: calc(148*(100vw / 750)) 0 calc(76*(100vw / 750));
	    line-height: 1.8;
	}
	#shopping-invoice span.futura {
	    font-size: calc(24*(100vw / 750));
	    letter-spacing: 0.12em;
	}
	.invoice-inner {
		width: calc(686*(100vw/750));
	    padding: calc(50*(100vw/750));
	    margin: 0 auto;
	    font-size: calc(28*(100vw/750));
	    text-align: justify;
	    line-height: 1.8;
	    font-weight: 400;
	    letter-spacing: 0;
	    background: #fff;
	    border-radius: 10px;
	}
	.invoice-inner a {
	    text-decoration: underline;
	    color: inherit;
	}
	/*---------------- invoice ----------------*/

	/*---------------- ご利用ガイド ----------------*/
	#shopping-fee,
	#shopping-payment {
	  height: auto !important;
	  padding-bottom: 80px;
	}
	#shopping-fee li,
	#shopping-payment li {
	  height: auto !important;
	  padding-bottom: 30px;
	}
}