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

/*===============================================
●共通
===============================================*/
.guide p,
.guide a,
.guide ul li,
.guide strong {
	line-height: 1.75;
}
.guide .dotList li { line-height: 1.6;}
.guide .dotList li:before { top: 0.8em;}

.guide .tit04 {
	text-align: left;
}
.guide .headDeco {
	position: relative;
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: bold;
	padding-left: 1em;
}
.guide .headDeco:before {
	position: absolute;
	content: "";
	width: 10px;
	top: 50%;
	left: 0;
	transform: translateY(-60%);
	background-color: #0053A4;
}
.guide svg .guideOrange {
	fill: #FF7140;
}
.guide svg .guideBlue {
	fill: #0053A4;
}
.guide .blueBack {
	background-color: #eaf5fc;
	line-height: 1.8em;
}

/* attentionList */
.attentionList {
	background-color: #FEEFEC;
}
.attentionList h6 {
	line-height: 1.5;
}
.attentionList li {
	position: relative;
}
.attentionList li:before {
	position: absolute;
	content: "";
	width: 7px;
	height: 7px;
	top: 7px;
	left: 0;
	background: url("../../img/guide/dot.svg") no-repeat center center / cover;
}
.attentionList li .add {
	display: block;
}
.attentionList li .dotList li:before {
	width: 0.24em; height: 0.24em; background: #000; display: block; border-radius: 50%; left: 0.4em; top: 0.75em; transform: translate(-50%, -50%);
}


/* box01
---------------------------------------- */
#box01 .guideList {
	display:flex;
	flex-wrap:wrap;
	align-items: flex-start;
	width:100%;
}
#box01 .guideList li {
	text-align: center;
	border:#c7bdc0 1px solid;
}
#box01 .guideList a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration:none;
	padding:0.5em 0.5em 0.7em!important;
	background-color: #0052a4;
	color: #fff;
	}
#box01 .guideList a:hover{opacity: 0.6;}
#box01 .guideList span {
	margin-left: 1em;
	color:#fff;
}
#box01 .guideList span svg {
	width: 10px;
	height: 6px;
	fill: #fff;
}

/* orderWrap
---------------------------------------- */
#orderWrap h6 {
	font-weight: bold;
}
#orderWrap .blueBack p a {
	font-weight: bold;
}
#orderWrap #orderBox .blueBack ul li {
	font-weight: bold;
}
#orderWrap #orderBox .blueBack ul li a {
	margin-left: 0.5em;
}
#orderWrap .blueBack .btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
}
#orderWrap .blueBack .btn a span {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #0053A4;
	border-radius: 100%;
}
#orderWrap .blueBack .btn a span svg {
	fill: #fff; color: #fff;
}
#orderWrap .blueBack .btn .guideMail svg {
	width: 14px;
	height: 10px;
}
#orderWrap .blueBack .blueBtn2 span svg {
	width: 16px;
	height: 14px;
}

/* orderFlowChart
---------------------------------------- */
#orderFlowChart #flowChartBox section {
	position: relative;
}
#orderFlowChart #flowChartBox section .arrowBox {
	position: relative;
	display: flex;
	border-top: 1px solid #0053A4;
	margin-bottom: 0.5em;
}
#orderFlowChart #flowChartBox section .chartHead {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #0053A4;
	color: #fff;
	font-family: "Teko", sans-serif;
}
#orderFlowChart #flowChartBox section .chartHead span {
	display: block;
}
#orderFlowChart #flowChartBox section .chartMain {
	display: flex;
	align-items: center;
	background-color: #fff;
	color: #0053A4;
}
#orderFlowChart #flowChartBox section .flowchartIcon svg {
	height: 46px;
}
#orderFlowChart #flowChartBox section:first-child .flowchartIcon svg {
	width: 92px;
}
#orderFlowChart #flowChartBox section:nth-child(2) .flowchartIcon svg {
	width: 47px;
}
#orderFlowChart #flowChartBox section:nth-child(3) .flowchartIcon svg {
	width: 65px;
}
#orderFlowChart #flowChartBox section:nth-child(4) .flowchartIcon svg {
	width: 66px;
}
#orderFlowChart #flowChartBox section:nth-child(5) .flowchartIcon svg {
	width: 65px;
}
#orderFlowChart #flowChartBox section:nth-child(6) .flowchartIcon svg {
	width: 40px;
}
#orderFlowChart #flowChartBox section .chartMain h5 {
	font-weight: bold; white-space: nowrap;
}
#orderFlowChart #flowChartBox section dl {
	line-height: 1.5;
}
#orderFlowChart #flowChartBox section dl dt {
	font-weight: bold;
}
#orderFlowChart #flowChartBox section dl dt span {
	color: #D73C45;
}
#orderFlowChart ul li {
	padding-left: 1em;
	line-height: 1.5;
}
#orderFlowChart ul li:first-child {
	text-indent: -1em;
}

/* salesformWrap
---------------------------------------- */
#salesformWrap .flexBox table th,
#salesformWrap .flexBox table td {
	padding: 0.5em 0;
	text-align: center;
	border: 1px solid #CDD6DD;
	font-size: 0.875em;
}
#salesformWrap .flexBox table th {
	background-color: #0053A4;
	color: #fff;
}
#salesformWrap .flexBox table tr td:first-child {
	width: 33%;
}
#salesformWrap .flexBox table tr td:last-child {
	width: 67%;
}
#salesformWrap .flexBox table tr td span {
	display: block;
	font-weight: bold;
	color: #d73c45;
	margin-top: 0.5em;
}
#salesformWrap #salesformImage img {
	width: 100%;
	border: 1px solid #CDD6DD;
}

/* netMethodWrap
---------------------------------------- */
#netMethodWrap #netMethodBox section {
	position: relative;
	display: flex;
}
#netMethodWrap #netMethodBox section:not(:last-child) {
	border-bottom: 3px solid #fff;
}
#netMethodWrap #netMethodBox section:not(:last-child):before {
	position: absolute;
	content: "";
	width: 3px;
	height: 100%;
	background-color: #004BB1;
	z-index: 1;
}
#netMethodWrap #netMethodBox section .iconBox span {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #004BB1;
	border-radius: 100%;
	z-index: 10;
}
#netMethodWrap #netMethodBox section .iconBox span svg {
	fill: #fff; color: #fff;
}
#netMethodWrap #netMethodBox section .methodMainBox .methodHead {
	margin-top: 1em;
}
#netMethodWrap #netMethodBox section .methodMainBox .methodHead .step span {
	color: #004BB1;
	font-family: "Teko", sans-serif;
}
#netMethodWrap #netMethodBox section .methodMainBox .methodHead .step span:first-child {
	font-size: 1.5em;
	margin-right: 0.2em;
}
#netMethodWrap #netMethodBox section .methodMainBox .methodHead .step span:last-child {
	font-size: 2.75em;
}
#netMethodWrap #netMethodBox section .methodMainBox .methodHead h5 {
	font-weight: bold;
}
#netMethodWrap #netMethodBox section .methodMainBox .methodBody .methodImage img {
	width: 100%;
	border: 1px solid #CDD6DD;
}
#netMethodWrap #netMethodBox section .methodMainBox .methodBody p,
#netMethodWrap #netMethodBox section .methodMainBox .methodBody ul li {
	line-height: 1.86;
}
#netMethodWrap #netMethodBox section .methodMainBox .methodBody span {
	font-weight: bold;
}

/* paymentWrap
---------------------------------------- */
#paymentWrap #paymentInfo {
	/* font-family: "ゴシックMB101 M"; */
	font-size: 1.125em; font-weight: 500;
}
#paymentWrap #paymentType {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
#paymentWrap #paymentType div {
	background-color: #fff;
	font-weight: bold;
	padding: 0.2em 0.5em;
	letter-spacing: 0.05em;
}
#paymentWrap #paymentType .amazonpay img {
	width: 120px;
}

/* creditWrap
---------------------------------------- */
#creditWrap {
	margin-bottom: 3.75em;
}
#creditWrap #creditType {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0.5em;
}
#creditWrap #creditType li {
	font-weight: bold;
}

/* GMOWrap
---------------------------------------- */
#GMOWrap {
	margin-bottom: 3.75em;
}
#GMOWrap #creditType {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0.5em;
}
#GMOWrap #creditType li {
	font-weight: bold;
}

/* cashonWrap
---------------------------------------- */
#cashonWrap {
	margin-bottom: 3em;
}
#cashonWrap h5 {
	font-weight: bold;
	margin-bottom: 0.56em;
}
#cashonWrap table {
	margin-bottom: 0.3em;
}
#cashonWrap table tr th,
#cashonWrap table tr td {
	border: 1px solid #CDD6DD;
	vertical-align: middle;
	line-height: 1.5;
}
#cashonWrap table th {
	background-color: #0053A4;
	color: #fff;
}

/* prepaidWrap
---------------------------------------- */
#prepaidWrap p:nth-of-type(2) {
	margin-bottom: 1em;
}
#prepaidWrap .colorcaution {
	font-weight: bold;
}
#prepaidWrap table tr th,
#prepaidWrap table tr td {
	border: 1px solid #CDD6DD;
	vertical-align: middle;
	line-height: 1.5;
}
#prepaidWrap table th {
	width: 33%;
	background-color: #0053A4;
	color: #fff;
}
#prepaidWrap table tr td {
	width: 67%;
}

/* amazonPayWrap
---------------------------------------- */
#amazonPayWrap strong {
	display: block;
}
#amazonPayWrap .colorcaution {
	font-weight: bold;
}
#amazonPayWrap div {
	border: 1px solid #CDD6DD;
}

/* deferredWrap
---------------------------------------- */
#deferredWrap .colorcaution,
#deferredWrap h5 {
	font-weight: bold;
}
#deferredWrap h5 {
	margin-bottom: 0.5em;
}
#deferredWrap table {
	width: 100%;
	margin-bottom: 0.5em;
}
#deferredWrap table tr th,
#deferredWrap table tr td {
	border: 1px solid #CDD6DD;
	vertical-align: middle;
	line-height: 1.5;
}
#deferredWrap table th {
	width: 29%;
	background-color: #0053A4;
	color: #fff;
}
#deferredWrap table tr td {
	width: 71%;
}
#deferredWrap #differentAddress {
	font-weight: bold;
}
#deferredWrap .attentionList h6 {
	display: inline-block;
	font-weight: bold;
	background-color: #D73C45;
	color: #fff;
	padding: 0 0.5em;
	margin-bottom: 1em;
}
#deferredWrap p:last-of-type {
	font-weight: bold;
	margin-bottom: 0.5em;
}

/* GMO_kakeWrap
---------------------------------------- */
#GMO_kakeWrap .headDeco {
	line-height: 1.5;
}
#GMO_kakeWrap .attentionList h6 {
	display: inline-block;
	font-weight: bold;
	color: #D73C45;
	font-size: 1.125em;
	border-bottom: 2px solid #D73C45;
	padding-bottom: 0.2em;
}
#GMO_kakeWrap p:last-of-type {
	font-weight: bold;
	margin-bottom: 0.5em;
}
#GMOWrap #invoicetext,
#GMO_kakeWrap #invoicetext {
	font-weight: bold;
	color: #D73C45;
	font-size: 1em;
	line-height: 1.2em;
	margin-bottom: 0;
}
#GMO_kakeWrap #receivableImage {
	margin-bottom: 1em;
}
#GMO_kakeWrap table {
	width: 100%;
}
#GMO_kakeWrap table tr th,
#GMO_kakeWrap table tr td {
	border: 1px solid #CDD6DD;
	vertical-align: middle;
	line-height: 1.5;
	padding: 0.5em;
}
#GMO_kakeWrap table th {
	font-weight: bold;
	background-color: #0053A4;
	color: #fff;
	text-align: center;
}
#GMO_kakeWrap table tr td {
	font-weight: bold;
	font-size: 1.6rem;
}
#GMO_kakeWrap table tr td span { font-size: 75%; font-weight: normal;}


/* deliveryTimeWrap
---------------------------------------- */
#deliveryTimeWrap > p {
	/* font-family: "ゴシックMB101 M"; */
	font-size: 1.125em; font-weight: 500;
}
#deliveryTimeWrap table {
	width: 100%;
}
#deliveryTimeWrap table tr th,
#deliveryTimeWrap table tr td {
	border: 1px solid #CDD6DD;
	vertical-align: middle;
	line-height: 1.5;
}
#deliveryTimeWrap table tr th:first-child,
#deliveryTimeWrap table tr td:first-child {
	width: 44%;
}
#deliveryTimeWrap table tr th:last-child,
#deliveryTimeWrap table tr td:last-child {
	width: 56%;
}
#deliveryTimeWrap table th {
	font-weight: bold;
	background-color: #0053A4;
	color: #fff;
	text-align: center;
}
#deliveryTimeWrap table tr td:first-child {
	font-weight: bold;
}
#deliveryTimeWrap table tr:nth-child(2) td,
#deliveryTimeWrap table tr:nth-child(4) td {
	background-color: #EAF5FC;
}
#deliveryTimeWrap table tr td:last-child ul li,
#deliveryTimeWrap table tr td:last-child span {
	font-weight: bold;
}
#deliveryTimeWrap table tr:nth-child(3) td:last-child p:first-of-type,
#deliveryTimeWrap table tr td:last-child ul {
	margin-bottom: 1em;
}
#deliveryTimeWrap table tr td:last-child ul li {
	position: relative;
	padding-left: 1em;
}
#deliveryTimeWrap table tr td:last-child ul li:before {
	position: absolute;
	content: "";
	width: 7px;
	height: 7px;
	top: 7px;
	left: 0;
	background: url("../../img/guide/bluedot.svg") no-repeat center center / cover;
}

/* shippingWrap
---------------------------------------- */
#shippingWrap #cod .shippingBtn {
	position: relative;
	width: 270px;
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: bold;
	background-color: #0053A4;
	color: #fff;
	border: 1px solid #0053A4;
	padding: 0.7em 0;
	text-align: center;
	cursor: pointer;
}
#shippingWrap #cod .shippingBtn:before,
#shippingWrap #cod .shippingBtn:after {
	position: absolute;
	content: "";
	width: 13px;
	height: 2px;
	top: 50%;
	right: 2em;
	transform: translateY(-50%);
	background: url("../../img/guide/line.svg") no-repeat center center / cover;
}
#shippingWrap #cod .shippingBtn:after {
	transform: translateY(-50%) rotate(90deg);
	transition: transform ease 0.3s;
}
#shippingWrap #cod .shippingBtn.open:after {
	transform: translateY(-50%) rotate(180deg);
}
#shippingWrap #cod .shippingList {
	display: none;
}
#shippingWrap #cod ul {
	display: flex;
	flex-wrap: wrap;
	background-color: #0053A4;
	padding: 0.625em 1em;
}
#shippingWrap #cod ul li {
	display: flex;
	justify-content: space-between;
	border: 1px solid #0053A4;
}
#shippingWrap #aboutDm a {
	font-weight: bold;
}
#shippingCompany #yamatoDm a {
	display: block;
	font-weight: bold;
	text-decoration: underline;
}
#shippingCompany #yamatoDm ul li span {
	font-weight: bold;
}

/* shippingCompany
---------------------------------------- */
#shippingCompany > p {
	/* font-family: "ゴシックMB101 M"; */
	font-weight: 500;
}
#shippingCompany #aboutregular a {
	font-weight: bold;
	text-decoration: underline;
}

/* returnsWrap
---------------------------------------- */
#returnsWrap .attentionList {
	margin-bottom: 0.625em;
}
#returnsWrap .attentionList span,
#returnsWrap .attentionList a {
	font-weight: bold;
}
#returnsWrap #returnAddress {
	border: 1px solid #CDD6DD;
	line-height: 1.75;
	font-weight: bold;
	letter-spacing: 0.05em;
}
#returnsWrap #returnAddress span {
	display: block;
}
#returnsWrap #returnAddress dt,
#returnsWrap #returnAddress dd {
	font-weight: bold;
}
#returnsWrap #returnAddress dt {
	background-color: #0053A4;
	color: #fff;
}

/* favariteWrap
---------------------------------------- */
#favariteWrap strong {
	display: block;
	/* font-family: "ゴシックMB101 M"; */
	font-weight: 500;
}
#favariteWrap .favariteBox .favariteImage div {
	border: 1px solid #CDD6DD;
}

dv#dmFright {
    display: block;
    margin-bottom: 1em!important;
}

/*===============================================
●画面の横幅が729px以下
===============================================*/
@media screen and (max-width: 729px){
	
	.guide .tit04 {
		margin-bottom: 2em;
	}
	.guide .blueBack {
		padding: 1.5em;
	}
	.guide .headDeco {
		font-size: 1.14em;
		margin-bottom: 1em;
	}
	.guide .headDeco:before {
		height: 23px;
	}

	/* attentionList */
	.attentionList {
		padding: 1em;
	}
	.attentionList li {
		padding-left: 1em;
	}
	.attentionList li:not(:last-child) {
		margin-bottom: 0.5em;
	}

	/* box01
	---------------------------------------- */
	#box01 {
		margin-bottom: 3em;
	}
	#box01 .guideList li:nth-child(2n),
	#box01 .guideList li:last-child {
		margin-right:0;
	}
	#box01 .guideList .icon-arrow-down {display: block;}
	#box01 .guideList li {
		width:49%;
		margin-right:2%;
		line-height:2.5em;
		font-size: 0.8em;
	}
	#box01 .guideList li:not(:last-child) {
		margin-bottom: 1em;
	}

	/* orderWrap
	---------------------------------------- */
	#orderWrap {
		margin-bottom: 3em;
	}
	#orderWrap #aboutOrder {
		margin-bottom: 3em;
	}
	#orderWrap #orderText {
		margin-bottom: 1em;
	}
	#orderWrap h6 {
		line-height: 1.5;
	}
	#orderWrap #orderBox .blueBack:not(:last-of-type) {
		margin-bottom: 1.5em;
	}
	#orderWrap .blueBack .btn a span {
		width: 25px;
		height: 25px;
	}
	#orderWrap .blueBack .btn .noMargin svg {
		width: 10px;
		height: 14px;
	}
	#orderWrap .blueBack #btnWrap .blueBtn {
		margin-bottom: 1em;
	}

	/* orderFlowChart
	---------------------------------------- */
	#orderFlowChart {
		margin-bottom: 3em;
	}
	#orderFlowChart #flowChartBox section {
		width: 100%;
	}
	#orderFlowChart #flowChartBox section:not(:last-child) {
		margin-bottom: 5em;
	}
	#orderFlowChart #flowChartBox section:not(:last-child):before,
	#orderFlowChart #flowChartBox section:not(:last-child):after {
		position: absolute;
		content: "";
		left: 50%;
		transform: translateX(-50%);
	}
	#orderFlowChart #flowChartBox section:not(:last-child):before {
		bottom: -3em;
		border-right: 30px solid transparent;
		border-left: 30px solid transparent;
		border-top: 30px solid #0053A4;
	}
	#orderFlowChart #flowChartBox section:not(:last-child):after {
		bottom: -41px;
		border-right: 28px solid transparent;
		border-left: 28px solid transparent;
		border-top: 28px solid #fff;
	}
	#orderFlowChart #flowChartBox section .arrowBox {
		flex-direction: column;
		border: 1px solid #0053A4;
	}
	#orderFlowChart #flowChartBox section:not(:last-child) .arrowBox {
		margin: 0 auto 1em;
	}
	#orderFlowChart #flowChartBox section:last-child .arrowBox {
		border-bottom: 1px solid #0053A4;
	}
	#orderFlowChart #flowChartBox section .chartHead {
		padding: 1em 0 0.6em;
	}
	#orderFlowChart #flowChartBox section .chartHead span:first-child {
		font-size: 1.2em;
		margin-right: 0.5em;
	}
	#orderFlowChart #flowChartBox section .chartHead span:last-child {
		font-size: 3em;
	}
	#orderFlowChart #flowChartBox section .chartMain {
		justify-content: center;
		width: 100%;
		padding: 1em 0;
	}
	#orderFlowChart #flowChartBox section .chartMain .flowchartIcon {
		margin-right: 1em;
	}

	/* salesformWrap
	---------------------------------------- */
	#salesformWrap {
		margin-bottom: 3em;
	}
	#salesformWrap p,
	#salesformWrap .flexBox table {
		margin-bottom: 1em;
	}
	#salesformWrap .flexBox table,
	#salesformWrap .flexBox #salesformImage {
		width: 100%;
	}
	
	/* netMethodWrap
	---------------------------------------- */
	#netMethodWrap #netMethodBox section:not(:last-child):before {
		bottom: -3em;
		left: 46px;
	}
	#netMethodWrap #netMethodBox section .iconBox {
		margin-right: 1.5em;
	}
	#netMethodWrap #netMethodBox section .iconBox span {
		width: 50px;
		height: 50px;
	}
	#netMethodWrap #netMethodBox section .iconBox span svg {
		width: 30px;
		height: 30px;
	}
	#netMethodWrap #netMethodBox section .methodMainBox .methodHead,
	#netMethodWrap #netMethodBox section .methodMainBox .methodBody .methodImage {
		margin-bottom: 0.5em;
	}
	#netMethodWrap #netMethodBox section .methodMainBox .methodBody ul li:not(:last-child) {
		margin-bottom: 1em;
	}

	/* paymentWrap
	---------------------------------------- */
	#paymentWrap {
		margin-bottom: 3em;
	}
	#paymentWrap #paymentInfo {
		margin-bottom: 1em;
	}
	#paymentWrap #paymentType {
		margin-bottom: 3em;
	}
	#paymentWrap #paymentType div:not(:last-child) {
		margin: 0 1em 1em 0;
		margin-right: 1em;
	}
	#paymentWrap #paymentType div img,
	#paymentWrap #paymentType div:last-child .colorcaution {
		display: block;
	}

	/* creditWrap
	---------------------------------------- */
	#creditWrap p {
		margin-bottom: 0.5em;
	}
	#creditWrap #creditImage {
		margin-bottom: 1em;
	}

	/* GMOWrap
	---------------------------------------- */
	#GMOWrap p {
		margin-bottom: 1em;
	}
	#GMOWrap #creditImage {
		margin-bottom: 1em;
	}


	/* cashonWrap
	---------------------------------------- */
	#cashonWrap {
		margin-bottom: 3em;
	}
	#cashonWrap p:nth-of-type(2) {
		margin-bottom: 1em;
	}
	#cashonWrap table {
		width: 100%;
	}
	#cashonWrap table tr th,
	#cashonWrap table tr td {
		padding: 0.5em;
	}
	#cashonWrap table tr th:first-child,
	#cashonWrap table tr td:first-child {
		width: 70%;
	}
	#cashonWrap table tr th:last-child,
	#cashonWrap table tr td:last-child {
		width: 30%;
	}

	/* prepaidWrap
	---------------------------------------- */
	#prepaidWrap {
		margin-bottom: 3em;
	}
	#prepaidWrap table {
		width: 100%;
	}
	#prepaidWrap table tr th,
	#prepaidWrap table tr td {
		padding: 0.5em;
	}

	/* amazonPayWrap
	---------------------------------------- */
	#amazonPayWrap {
		margin-bottom: 3em;
	}
	#amazonPayWrap p,
	#amazonPayWrap strong {
		margin-bottom: 1em;
	}
	#amazonPayWrap div {
		width: 80%;
		max-width: 300px;
		padding: 1em;
	}

	/* deferredWrap
	---------------------------------------- */
	#deferredWrap {
		margin-bottom: 3em;
	}
	#deferredWrap p:nth-of-type(2) {
		margin-bottom: 1em;
	}
	#deferredWrap table tr th,
	#deferredWrap table tr td {
		padding: 0.5em;
	}
	#deferredWrap #differentAddress,
	#deferredWrap .attentionList,
	#deferredWrap .attentionList h6 {
		margin-bottom: 1em;
	}
	#deferredWrap .attentionList h6 {
		font-size: 1.2em;
	}

	/* GMO_kakeWrap
	---------------------------------------- */
	#GMO_kakeWrap {
		margin-bottom: 3em;
	}
	#GMO_kakeWrap .headDeco:before {
		height: 46px;
	}
	#GMO_kakeWrap h5 { font-weight: bold; margin-bottom: 0.56em; }
	#GMO_kakeWrap p:first-of-type,
	#GMO_kakeWrap .attentionList,
	#GMO_kakeWrap .attentionList h6 {
		margin-bottom: 1em;
	}

	/* deliveryTimeWrap
	---------------------------------------- */
	#deliveryTimeWrap {
		margin-bottom: 3em;
	}
	#deliveryTimeWrap > p {
		margin-bottom: 1em;
	}
	#deliveryTimeWrap table th,
	#deliveryTimeWrap table td {
		padding: 0.5em;
	}

	/* shippingWrap
	---------------------------------------- */
	#shippingWrap {
		margin-bottom: 3em;
	}
	#shippingWrap #sender,
	#shippingWrap #cod,
	#shippingWrap #dmFright,
	#shippingWrap #remoteIsland {
		margin-bottom: 2em;
	}
	#shippingWrap #cod p {
		margin-bottom: 1em;
	}
	#shippingWrap #cod ul li {
		width: 50%;
		padding: 0.5em;
	}
	#shippingWrap #cod ul li.spWhite {
		background-color: #fff;
	}
	#shippingWrap #cod ul li.spBlue {
		background-color: #EAF5FC;
	}
	#shippingWrap #cod #regularFlight {
		margin-bottom: 1em;
	}

	/* shippingCompany
	---------------------------------------- */
	#shippingCompany {
		margin-bottom: 3em;
	}
	#shippingCompany .tit04 {
		margin-bottom: 1em;
	}
	#shippingCompany > p {
		margin-bottom: 1.5em;
	}
	#shippingCompany #aboutregular {
		margin-bottom: 2em;
	}
	#shippingCompany #aboutregular p:last-of-type,
	#shippingCompany #yamatoDm p,
	#shippingCompany #yamatoDm a {
		margin-bottom: 1em;
	}

	/* returnsWrap
	---------------------------------------- */
	#returnsWrap {
		margin-bottom: 3em;
	}
	#returnsWrap #conditionsWrap,
	#returnsWrap #noReturn,
	#returnsWrap #refund {
		margin-bottom: 2em;
	}
	#returnsWrap #returnAddress dt,
	#returnsWrap #returnAddress dd {
		padding: 0.2em 1em;
	}

	/* favariteWrap
	---------------------------------------- */
	#favariteWrap .tit04,
	#favariteWrap strong,
	#favariteWrap p,
	#favariteWrap .favariteBox .favariteImage div:first-child {
		margin-bottom: 1em;
	}
	#favariteWrap > p,
	#favariteWrap .favariteBox:first-of-type {
		margin-bottom: 2em;
	}
	#favariteWrap .favariteBox:last-child {
		margin-bottom: 3em;
	}
}

/*===============================================
●画面の横幅が730px以上
===============================================*/
@media screen and (min-width: 730px) {

	.guide main {
		font-size: 16px;
	}
	.guide .tit03 {
		font-size: 1.75em;
	}
	.guide .tit04 {
		font-size: 1.5em;
		margin-bottom: 2.5em;
	}
	.guide .blueBack {
		padding: 1.875em;
	}
	.guide .headDeco {
		font-size: 1.375em;
		margin-bottom: 1.36em;
	}
	.guide .headDeco:before {
		height: 30px;
	}
	.guide .tit06 {margin-bottom: 1.2em!important;}
	.guide .flexBox {
		display: flex!important;
		justify-content: space-between;
		align-items: stretch;
	}
	.guide .noMargin {
		margin: 0;
	}

	/* attentionList */
	.attentionList {
		padding: 1.875em;
	}
	.attentionList li {
		font-size: 0.875em;
		padding: 0 1.43em;
	}
	.attentionList li:not(:last-child) {
		margin-bottom: 0.71em;
	}

	/*box01
	---------------------------------------- */
	#box01 {
		margin-bottom: 6.19em;
	}
	#box01 .guideList li:nth-child(4n),
	#box01 .guideList li:last-child {
		margin-right:0;
	}
	#box01 .guideList li:last-child {
		min-width: 220px;
	}
	#box01 .guideList li a {
		font-size: 0.875em;
	}
	#box01 .guideList li span {font-size: 0.8em;}
	#box01 .guideList li {
		width: 23.5%;
		margin-right: 2%;
		line-height: 1.6em;
	}
	#box01 .guideList li:nth-child(-n+4) {
		margin-bottom: 1em;
	}

	/* orderWrap
	---------------------------------------- */
	#orderWrap {
		padding-top: 1em;
		margin-bottom: 4em;
	}
	#orderWrap h6 {
		font-size: 1.125em;
	}
	#orderWrap #aboutOrder {
		margin-bottom: 3.75em;
	}
	#orderWrap #orderText {
		margin-bottom: 2em;
	}
	#orderWrap #orderBox .blueBack:not(:last-of-type) {
		margin-bottom: 2em;
	}
	#orderWrap .blueBack .btn a {
		width: 310px;
	}
	#orderWrap .blueBack .btn a span {
		width: 30px;
		height: 30px;
	}
	#orderWrap .blueBack .btn a:hover span {
		background-color: #fff;
	}
	#orderWrap .blueBack .btn a:hover span svg {
		fill: #26addf;
	}
	#orderWrap .blueBack .btn .noMargin svg {
		width: 13px;
		height: 17px;
	}
	#orderWrap .blueBack #btnWrap {
		display: flex;
		width: 100%;
		box-sizing: border-box;
	}
	#orderWrap .blueBack #btnWrap .blueBtn {
		margin-right: 1.25em;
	}

	/* orderFlowChart
	---------------------------------------- */
	#orderFlowChart {
		margin-bottom: 3.75em;
	}
	#orderFlowChart #flowChartBox {
		display: flex;
		flex-wrap: wrap;
	}
	#orderFlowChart #flowChartBox section .arrowBox {
		height: 100px;
		border-bottom: 1px solid #0053A4;
	}
	#orderFlowChart #flowChartBox section:not(:last-child) .arrowBox:before,
	#orderFlowChart #flowChartBox section:not(:last-child) .arrowBox:after {
		position: absolute;
		content: "";
		box-sizing: border-box;
		height: 100%;
	}
	#orderFlowChart #flowChartBox section:not(:last-child) .arrowBox:before {
		top: -1px;
		left: 100%;
		border: 50px solid transparent;
		border-left: 48px solid #0053A4;
	}
	#orderFlowChart #flowChartBox section:not(:last-child) .arrowBox:after {
		top: 0;
		left: 100%;
		border: 48px solid transparent;
		border-left: 46px solid #fff;
	}
	#orderFlowChart #flowChartBox section:not(:last-child) {
		width: 26.8%;
	}
	#orderFlowChart #flowChartBox section:last-child {
		width: 28%;
	}
	#orderFlowChart #flowChartBox section:nth-child(-n+3) {
		margin-bottom: 1em;
	}
	#orderFlowChart #flowChartBox section:nth-child(3) {
		margin-right: 3.6%;
	}
	#orderFlowChart #flowChartBox section:not(:nth-child(3n)) {
		margin-right: 8%;
	}
	#orderFlowChart #flowChartBox section:last-child .arrowBox {
		border-right: 1px solid #0053A4;
	}
	#orderFlowChart #flowChartBox section .chartHead {
		flex-direction: column;
		width: 40px;
	}
	#orderFlowChart #flowChartBox section .chartHead span:first-child {
		font-size: 1.19em;
	}
	#orderFlowChart #flowChartBox section .chartHead span:last-child {
		font-size: 2.69em;
	}
	#orderFlowChart #flowChartBox section .chartMain {
		width: calc(100% - 40px);
		padding: 1.69em 0 1.69em 8.3%;
	}
	#orderFlowChart #flowChartBox section .flowchartIcon {
		margin-right: 9.6%;
	}
	#orderFlowChart #flowChartBox section p,
	#orderFlowChart #flowChartBox section dl {
		font-size: 0.875em;
	}

	/* salesformWrap
	---------------------------------------- */
	#salesformWrap {
		margin-bottom: 2.75em;
	}
	#salesformWrap p {
		margin-bottom: 1.25em;
	}
	#salesformWrap .flexBox {
		justify-content: space-between;
	}
	#salesformWrap .flexBox table,
	#salesformWrap .flexBox #salesformImage {
		width: 47%;
	}

	/* netMethodWrap
	---------------------------------------- */
	#netMethodWrap {
		padding-top: 1em;
	}
	#netMethodWrap #netMethodBox section:not(:last-child):before {
		left: 70px;
		top: 3em;
	}
	#netMethodWrap #netMethodBox section .iconBox {
		width: 80px;
		margin-right: 30px;
	}
	#netMethodWrap #netMethodBox section .iconBox span {
		width: 80px;
		height: 80px;
	}
	#netMethodWrap #netMethodBox section:first-child .iconBox span svg {
		width: 46px;
		height: 47px;
	}
	#netMethodWrap #netMethodBox section:nth-child(2) .iconBox span svg {
		width: 48px;
		height: 39px;
	}
	#netMethodWrap #netMethodBox section:nth-child(3) .iconBox span svg {
		width: 51px;
		height: 48px;
	}
	#netMethodWrap #netMethodBox section:nth-child(4) .iconBox span svg {
		width: 35px;
		height: 34px;
	}
	#netMethodWrap #netMethodBox section:last-child .iconBox span svg {
		width: 40px;
		height: 30px;
	}
	#netMethodWrap #netMethodBox section .methodMainBox {
		width: calc(100% - 110px);
	}
	#netMethodWrap #netMethodBox section .methodMainBox .methodHead {
		display: flex;
	}
	#netMethodWrap #netMethodBox section .methodMainBox .methodHead .step {
		margin-right: 1.44em;
		margin: 0 1.44em 1em 0;
	}
	#netMethodWrap #netMethodBox section .methodMainBox .methodHead h5 {
		font-size: 1.25em;
	}
	#netMethodWrap #netMethodBox section .methodMainBox .methodBody {
		display: flex;
	}
	#netMethodWrap #netMethodBox section .methodMainBox .methodBody .methodImage {
		width: 55%;
	}
	#netMethodWrap #netMethodBox section .methodMainBox .methodBody p,
	#netMethodWrap #netMethodBox section .methodMainBox .methodBody ul {
		width: 45%;
		padding-left: 1.875em;
	}
	#netMethodWrap #netMethodBox section .methodMainBox .methodBody p,
	#netMethodWrap #netMethodBox section .methodMainBox .methodBody ul li {
		font-size: 0.875em;
		letter-spacing: 0.05em;
	}
	#netMethodWrap #netMethodBox section .methodMainBox .methodBody ul li:not(:last-child) {
		margin-bottom: 1.7em;
	}

	/* paymentWrap
	---------------------------------------- */
	#paymentWrap {
		padding-top: 1em;
	}
	#paymentWrap #paymentInfo {
		margin-bottom: 2.22em;
	}
	#paymentWrap #paymentType {
		margin-bottom: 3.75em;
	}
	#paymentWrap #paymentType div:not(:last-child) {
		margin: 0 1.25em 0.69em 0;
	}
	#paymentWrap #paymentType div:nth-child(5) img,
	#paymentWrap #paymentType div:last-child img {
		margin-right: 1em;
	}

	/* creditWrap
	---------------------------------------- */
	#creditWrap {
		margin-bottom: 3.75em;
	}
	#creditWrap p {
		margin-bottom: 1.25em;
	}
	#creditWrap #creditImage {
		margin-bottom: 2.375em;
	}

	/* GMOWrap
	---------------------------------------- */
	#GMOWrap {
		margin-bottom: 3.75em;
	}
	#GMOWrap p {
		margin-bottom: 1.25em;
	}
	#GMOWrap #creditImage {
		margin-bottom: 2.375em;
	}


	/* cashonWrap
	---------------------------------------- */
	#cashonWrap {
		margin-bottom: 3.75em;
	}
	#cashonWrap p:nth-of-type(2) {
		margin-bottom: 1.875em;
	}
	#cashonWrap h5 {
		font-size: 1.125em;
	}
	#cashonWrap table {
		width: 62.5%;
		min-width: 600px;
	}
	#cashonWrap table tr th,
	#cashonWrap table tr td {
		font-size: 0.875em;
		padding: 0.5rem 1.875rem;
	}
	#cashonWrap table tr th:first-child,
	#cashonWrap table tr td:first-child {
		width: 67%;
	}
	#cashonWrap table tr th:last-child,
	#cashonWrap table tr td:last-child {
		width: 33%;
	}

	/* prepaidWrap
	---------------------------------------- */
	#prepaidWrap {
		margin-bottom: 3.75em;
	}
	#prepaidWrap table {
		width: 62.5%;
		min-width: 600px;
	}
	#prepaidWrap table tr th,
	#prepaidWrap table tr td {
		font-size: 0.875em;
		padding: 0.5rem 1.875rem;
	}

	/* amazonPayWrap
	---------------------------------------- */
	#amazonPayWrap {
		margin-bottom: 3.75em;
	}
	#amazonPayWrap p,
	#amazonPayWrap strong {
		margin-bottom: 1.25em;
	}
	#amazonPayWrap div {
		width: 320px;
		padding: 1em 1.68em;
	}

	/* deferredWrap
	---------------------------------------- */
	#deferredWrap {
		margin-bottom: 3.75em;
	}
	#deferredWrap p:nth-of-type(2) {
		margin-bottom: 2.25em;
	}
	#deferredWrap h5 {
		font-size: 1.125em;
	}
	#deferredWrap table tr th,
	#deferredWrap table tr td {
		font-size: 0.875em;
		padding: 0.5rem 1.875rem;
	}
	#deferredWrap #differentAddress {
		font-size: 0.875em;
		margin-bottom: 1.43em;
	}
	#deferredWrap .attentionList {
		margin-bottom: 1.25em;
	}
	#deferredWrap .attentionList h6 {
		font-size: 1.25em;
	}

	/* GMO_kakeWrap
	---------------------------------------- */
	#GMO_kakeWrap {
		margin-bottom: 4em;
	}
	#GMO_kakeWrap p:first-of-type {
		margin-bottom: 1.5em;
	}
	#GMO_kakeWrap .attentionList {
		margin-bottom: 1.56em;
	}
	#GMO_kakeWrap h5 { font-weight: bold; margin-bottom: 0.56em; }
	#GMO_kakeWrap .attentionList h6 {
		margin-bottom: 1.72em;
	}
	#GMO_kakeWrap table { width: auto;}
	#GMO_kakeWrap table tr th { padding: 0.5em 0;}
	#GMO_kakeWrap table tr td { font-size: 1.125em; padding: 1rem 1.875rem;}


	/* deliveryTimeWrap
	---------------------------------------- */
	#deliveryTimeWrap {
		padding-top: 1em;
		margin-bottom: 4em;
	}
	#deliveryTimeWrap > p {
		margin-bottom: 3.33em;
	}
	#deliveryTimeWrap table tr th {
		padding: 0.5em 0;
	}
	#deliveryTimeWrap table tr td {
		padding: 1rem 1.875rem;
	}
	#deliveryTimeWrap table tr td:first-child {
		font-size: 1.125em;
	}

	/* shippingWrap
	---------------------------------------- */
	#shippingWrap {
		padding-top: 1em;
		margin-bottom: 4em;
	}
	#shippingWrap .tit04,
	#shippingWrap #sender,
	#shippingWrap #cod,
	#shippingWrap #dmFright,
	#shippingWrap #remoteIsland {
		margin-bottom: 3.75em;
	}
	#shippingWrap #cod p {
		margin-bottom: 1.25em;
	}
	#shippingWrap #cod ul {
		width: 75%;
		max-width: 720px;
	}
	#shippingWrap #cod ul li {
		width: 33%;
		padding: 0.5em 1em;
	}
	#shippingWrap #cod ul li.pcWhite {
		background-color: #fff;
	}
	#shippingWrap #cod ul li.pcBlue {
		background-color: #EAF5FC;
	}
	#shippingWrap #cod #regularFlight {
		margin-bottom: 1.25em;
	}

	/* shippingCompany
	---------------------------------------- */
	#shippingCompany {
		padding-top: 1em;
		margin-bottom: 4em;
	}
	#shippingCompany .tit04 {
		margin-bottom: 0.67em;
	}
	#shippingCompany > p {
		font-size: 1.125em;
		margin-bottom: 3.33em;
	}
	#shippingCompany #aboutregular {
		margin-bottom: 3.75em;
	}
	#shippingCompany #aboutregular p:last-of-type {
		margin-bottom: 1.375em;
	}
	#shippingCompany #aboutregular a:hover,
	#shippingCompany #yamatoDm a:hover {
		color: #000;
		text-decoration: none;
	}
	#shippingCompany #yamatoDm p,
	#shippingCompany #yamatoDm a {
		margin-bottom: 1.25em;
	}

	/* returnsWrap
	---------------------------------------- */
	#returnsWrap {
		padding-top: 1em;
		margin-bottom: 4em;
	}
	#returnsWrap #conditionsWrap,
	#returnsWrap #noReturn,
	#returnsWrap #refund {
		margin-bottom: 3.75em;
	}
	#returnsWrap #returnAddress {
		display: flex;
		align-items: center;
		font-size: 0.875em;
	}
	#returnsWrap #returnAddress span {
		padding-top: 0.3em;
		padding-bottom: 0.3em;
	}
	#returnsWrap #returnAddress dt {
		padding: 0.3em 1.43em;
	}
	#returnsWrap #returnAddress address {
		padding-left: 1.43em;
	}
	#returnsWrap #returnAddress dd {
		display: flex;
		align-items: center;
	}
	#returnsWrap #returnAddress dd span:first-of-type,
	#returnsWrap #returnAddress dd span:last-child {
		padding-left: 2.14em;
	}

	/* favariteWrap
	---------------------------------------- */
	#favariteWrap {
		padding-top: 1em;
	}
	#favariteWrap .tit04 {
		margin-bottom: 0.67em;
	}
	#favariteWrap strong{
		font-size: 1.125em;
		margin-bottom: 3.33em;
	}
	#favariteWrap > p {
		margin-bottom: 3.75em;
	}
	#favariteWrap .favariteBox p {
		margin-bottom: 1em;
	}
	#favariteWrap .favariteBox .favariteImage {
		display: flex;
		justify-content: space-between;
		margin-bottom: 3.75em;
	}
	#favariteWrap .favariteBox .favariteImage div {
		width: 47%;
	}
}

/*===============================================
●画面の横幅が730px以上1000px以下
===============================================*/
@media screen and (min-width: 730px) and (max-width: 1000px) {

	#orderFlowChart #flowChartBox section:not(:last-child) {
		width: 38%;
	}
	#orderFlowChart #flowChartBox section:last-child {
		width: calc(38% + 25px);
	}
	#orderFlowChart #flowChartBox section:nth-child(odd) {
		margin-right: 6em;
	}
	#orderFlowChart #flowChartBox section:nth-child(-n+4) {
		margin-bottom: 2em;
	}
}