@charset "utf-8";
/*===============================================
●共通
===============================================*/

/* box */
.box .txtBox {
	/* font-family: "ゴシックMB101 M"; */
	font-weight: 500;
	text-align: center;
}
.box p a {
	color: #fff;
	text-decoration: none;
}
.box p a:hover {opacity: 0.5;}

/* h3 */
#ezupWrap h3 {
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	text-align: center;
}
#ezupWrap h3 span {/* font-family: "ゴシックMB101 B"; */ font-weight: bold;}
#ezupWrap h3 span.blueTxt {color: #0052a4;}

/* btn */
.btn {
	/* display: block; */
	position: relative;
	transition: all .6s ease;
	z-index: 0;
	border-radius: 6px;
	margin: 0 auto;
}
.btn a {color: #fff!important;}

.btn a::after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 38px;
	height: 7px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: skewX(45deg) translateY(-50%);
	-ms-transform: skewX(45deg) translateY(-50%);
	transform: skewX(45deg) translateY(-50%);
	transition: all .4s ease;
}
.btnRed a {background-color: rgba(215,1,17,1.0);}
.btnRed a:hover {background-color: rgba(215,1,17,0.8);}
.btnBlue a {background-color: rgba(0,155,219,1.0);}
.btnBlue a:hover {background-color: rgba(0,155,219,0.8);}
.btnOrange a {background-color: rgba(236,105,65,1.0);}
.btnOrange a:hover {background-color: rgba(236,105,65,0.8);}
.btnPink a {background-color: rgba(228,0,127,1.0);}
.btnPink a:hover {background-color: rgba(228,0,127,0.8);}
.btnNavy a {background-color: rgba(0,117,220,1.0);}
.btnNavy a:hover {background-color: rgba(0,117,220,0.8);}

/* 背景色 */
.blueBg {background-color: #f5fbff;}

.enTxt {text-align: center;}

/* svg */
.arrow {
	text-align: center;
	margin: 0 auto 1.5em;;
}
.arrow svg {fill: #0052a4;}

/* 価格 */
p.price {
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	color: #f6ff00;
	line-height: 1.3em;
}
p.price span {font-family: "Oswald", sans-serif;}

/* mainImg
---------------------------------------- */
#mainImg {
	background: url("../../img/ezup/mainImg.jpg") no-repeat center bottom / cover;
}
#mainImg #catch {
	text-align: center;
	color: #000;
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	line-height:1.4em;
	text-shadow: #fff 2px 0px 7px, #fff -2px 0px 7px,
	#fff 0px -2px 7px, #fff -2px 0px 7px,
	#fff 2px 2px 7px, #fff -2px 2px 7px,
	#fff 2px -2px 7px, #fff -2px -2px 7px,
	#fff 1px 2px 7px, #fff -1px 2px 7px,
	#fff 1px -2px 7px, #fff -1px -2px 7px,
	#fff 2px 1px 7px, #fff -2px 1px 7px,
	#fff 2px -1px 7px, #fff -2px -1px 7px,
	#fff 1px 1px 7px, #fff -1px 1px 7px,
	#fff 1px -1px 7px, #fff -1px -1px 7px;
}
#logo {
	text-align: center;
	margin-top: -5.5em;
}
#logo img {width: 175px;}

/* heading
---------------------------------------- */
#heading h3 {
	line-height: 1.5em;
	margin: 0.8em 0;
}
#heading h3 span {font-size: 1.1em;}
.txtSpace {margin-left: -0.2em;}

/* box01
---------------------------------------- */
#box01 {background-color: #003567;}
#box01 .txtBox {text-align: left;}
#box01 h4 {
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	color: #ffe400;
}
#box01 p {color: #fff;}
#box01 a {
	color: #00d2ff;
	text-decoration: none;
}
#box01 #movie {position: relative;}
#box01 #movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
#box01 {
	background-image: url("../../img/ezup/enBg01.png"), url("../../img/ezup/enBg02.png"), url("../../img/ezup/enBg03.png");
	background-color: #003567;
	background-repeat: no-repeat, no-repeat, no-repeat;
	position: relative;
}

/* box02
---------------------------------------- */
#box02 h4 {
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	background: url("../../img/ezup/plan_head.png") no-repeat center center / cover;
	color: #fff;
	text-align: center;
}
#box02 h5 {
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	color: #0052a4;
}

/* fireProof */
#fireProof .preventBox table {width:100%;}
#fireProof .preventBox table th {background-color:#f2f2e6;}
#fireProof .preventBox table td {background-color:#fff;}
#fireProof .preventBox table th,
#fireProof .preventBox table td {
	line-height:1.8em;
	vertical-align:middle;
	padding: 1em;
}

/* box03
---------------------------------------- */
#box03 h5 {
	font-weight: bold;
	line-height: 1.28em;
	/* text-align: center; */
}
/* #box03 .btn {margin-top: 8.5%;} */

/* series */
.series {
	background-repeat: no-repeat,no-repeat;
	background-size: contain, contain;
	color: #fff;
	position: relative;
}
#series01,
#series03,
#series04 {background-position: left top,right bottom;}
.summary {width: 100%;}
.summary header {
	font-size: 1.14em;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 0.8em;
}
.summary h4 {
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	line-height: 0.6em;
	margin-bottom: 1.25em;
	margin-left: -0.1em;
}
.summary p {max-width: 400px;}
.summary ul {margin: 2em 0;}
.summary ul li {line-height: 1.42em;}
.memoryBox {
	border: 1px solid  #ffff00;
	max-width: 406px;
}
.memoryBox header {
	background-color: #ffff00;
	color: #000;
	text-align: center;
	padding: 0.2em 0;
}
.memoryBox table {
	max-width: 400px;
	text-align: center;
	width: 100%;
	padding: 1em;
}
.memoryBox table th {text-align: right;}
.thumbnailBox div img {width: 100%;}

/* series01 */
#series01 {
	background-image: url("../../img/ezup/redTop.png"),url("../../img/ezup/redBottom.png");
	background-color: #a40035;
}
#series01 p.price span {/* font-family: "ゴシックMB101 DB"; */ font-weight: 600;}
#series01 p.weightbold {
	text-align: center;
}

/* series02 */
#series02 {
	background-image: url("../../img/ezup/blueTop.png"),url("../../img/ezup/blueBottom.png");
	background-position: left top,left bottom;
	background-color: #001c58;
}

/* series03 */
#series03 {
	background-image: url("../../img/ezup/lightblueTop.png"),url("../../img/ezup/lightblueBottom.png");
	background-color: #005982;
}
#series03 h5 {
	text-align: center;
}
#series03 .itemFlex p:last-of-type {text-align: right;}
#series03 .thumbnailBox p:first-of-type {text-align: right;}
#series03 #deluxeBtnBox .btnYellow a {
	background-color: #ef8402;
}
#series03 #deluxeBtnBox .btnYellow a:hover {
	opacity: 0.8;
}

/* series04 */
#series04 {
	background-image: url("../../img/ezup/orangeTop.png"),url("../../img/ezup/orangeBottom.png");
	background-color: #C4441E;
}
#series04 h5 {
	text-align: center;
}
#series04 section p a {
	display: block;
	text-align: right;
}
#series04 p.weightbold {
	text-align: center;
}
#series04 p.price span {/* font-family: "ゴシックMB101 DB"; */ font-weight: 600;}

/* box04
---------------------------------------- */
#printBox header,
#printBox h4 {
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	text-align: center;
}
#printBox #pointImg {text-align: center;}
#printBox #pointImg img {max-width: 88px;}
#printBox article img  {width: 100%;}

/* box05
--------------------------------------- */
#box05 article section h4  {
	background: url("../../img/ezup/option_head.png") no-repeat left / cover;
	padding: 0.24em 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#box05 article section p.price {
	text-align: right;
	color: #f08300;
}


/* box06
---------------------------------------- */
#box06 .ezupFlex .box06Box div {
	margin-bottom: 1em;
}
#box06 .ezupFlex .box06Box img {
	width: 100%;
}

/* box07
---------------------------------------- */
#box07 .imgBox div img {width: 100%;}

/* box08
---------------------------------------- */
#box08 header,
#box08 .txtBox {/* font-family: "ゴシックMB101 DB"; */ font-weight: 600;}
#box08 header span.blueTxt,
#box08 .blueBigTxt {
	/* font-family: "ゴシックMB101 B"; */
	font-weight: bold;
	color: #0052a4;
}
#box08 .txtBox {text-align: center;}
#box08 article section div img {width: 100%;}
#box08 article section p {text-align: right;}
#box08 .headerBox ,
#box08 #world01 {
	display: flex;
	align-items: flex-end;
}
#box08 a {color: #000;}
#box08 p:last-of-type {margin-top: 0.5em;}

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

	/* box */
	.box h3 {
		font-size: 1.1em;
		margin-bottom: 2em;
		line-height: 1.8em;
	}
	.box span {font-size: 1.4em;}

	/* enTxt */
	.enTxt {
		width: 50%;
		margin: 0 auto -2.5em;
	}

	/* btn */
	.btn a {font-size: 1em;}
	.btn a::after {
		bottom: 8%;
		left: 84%;
	}
	.btn a:hover::after {width: 45px;}

	/* 価格 */
	p.price {margin-top: 1em;}
	p.price span {font-size: 1.5em;}
	p.mainPrice span {font-size: 3.5em;}

	/* svg */
	.arrow svg {
		fill: #0052a4;
		width: 30px;
		height: 21px;
	}

	/* mainImg
	---------------------------------------- */
	#mainImg {padding: 3em 0 20em;}
	#mainImg #catch {font-size: 1.7em;}
	#mainImage ul {display: none;}
	#logo {
		width: 30%;
		margin: -5.5em auto 0;
	}

	/* heading
	---------------------------------------- */
	#heading h3 {font-size: 1.7em;}

	/* box01
	---------------------------------------- */
	#box01 {
		padding: 3.5em 0;
		background-size: 250px;
		background-position: right 5% top 3%, right 5% top 37%, right 5% bottom 30%;
	}
	#box01 section {
		display: flex;
		flex-wrap: wrap;
	}
	#box01 section:not(:last-child) {
		padding-bottom: 3em;
	}
	#box01 section:last-child {
		padding-bottom: 2em;
	}
	#box01 section div:first-of-type {padding-bottom: 1em;}
	#box01 section:nth-child(2n) div:first-of-type {
		order: 2;
		padding-bottom: 0;
	}
	#box01 section:nth-child(2n) div:last-of-type {
		order: 1;
		padding-bottom: 1em;
	}
	#box01 section div img {width: 100%;}
	#box01 h4 {
		font-size: 1.2em;
		line-height: 1.5em;
		margin-bottom: 0.2em;
	}
	#box01 #movie {
		width: 100%;
		padding-top: 75%;
	}
	#box01 #box01Margin {
		margin-bottom: 1.5em;
	}

	/* box02
	---------------------------------------- */
	#box02 {padding: 4em 1em 0;}
	#box02 .txtBox,
	#box02 section:not(:last-of-type) {margin-bottom: 3em;}
	#box02 section p {margin-bottom: 1em;}
	#box02 #plan section:last-of-type {margin-bottom: 4em;}
	#box02 h4 {
		padding: 0.3em 0;
		margin-bottom: 1.5em;
	}
	#box02 h4,
	#box02 h5 {
		font-size: 1.17em;
		line-height: 1.09em;
	}
	#box02 h5 {margin-bottom: 0.5em;}

	#planBox02 div:first-of-type {margin-bottom: 1em;}
	#box02 #planBox01 img,
	#box02 #planBox02 img {width: 100%;}

	/* fireProof */
	#fireProof img {
		display: block;
		margin: 0 auto 2em;
	}
	#fireProof .preventBox table td,
	#fireProof .preventBox table th {display: block;}
	#fireProof .preventBox table th {
		padding-left: 0.5em;
		text-align: center;
		border-top:1px #aaa solid;
	}
	#fireProof .preventBox table td {
		padding-left: 1em;
		margin-bottom: 1em;
		text-align: center;
		border-bottom:1px #aaa solid;
	}
	#fireProof .nomargin {
		margin-bottom: 0!important;
		border-bottom: 0!important;
	}

	/* box03
	---------------------------------------- */
	#box03 {padding-top: 4em;}
	#box03 h3 {margin-bottom: 0.5em;}
	#box03 .arrow {margin-bottom: 2em;}
	#box03 h5 {font-size: 1.3em;}
	#box03 h5 a {
		color: #fff!important;
		text-decoration: none!important;
	}

	/* series */
	.series {padding: 3.5em 0;}
	.series .btn a::after {left: 82%;}
	.series .btn a:hover::after {width: 43px;}
	#series01 p.mainPrice,
	#series02 p.mainPrice {margin-top: 5em;}
	.summary h4 {font-size: 1.6em;}
	.memoryBox img {width: 85px;}
	.memoryBox table th,
	.memoryBox table td {padding: 0 0.2em 0.8em 0.2em}
	.memoryBox table th {width: 40%;}
	.memoryBox table td {width: 60%;}
	.thumbnailBox section {margin-bottom: 3em;}
	.thumbnailBox section div {margin: 1em 0 0.5em}
	.thumbnailBox p.price {text-align: right;}
	.series .tentImg {width: 80%;}

	/* series01 */
	#series01 .tentImgL {margin: 1.5em auto 4em 0;}
	#series01 p.mainPrice span {font-size: 2em;}
	#series01 p.weightbold {
		margin-bottom: 1.5em;
	}

	/* series02 */
	#series02 .tentImgR {margin: 1.5em 0 4em auto;}

	/* series03 */
	#series03 .itemFlex div {margin-bottom: 5em;}
	#series03 .margin25 {margin-bottom: 0!important;}
	#series03 .thumbnailBox {margin-top: 4em;}
	#series03 .tentImgL {margin: 1.5em auto 0 0;}
	#series03 p.mainPrice {margin-top: 2em;}
	#series03 #deluxeBtnBox {
		padding: 0 1em;
	}
	#series03 #deluxeBtnBox .btnOrange {
		margin-bottom: 1.5em;
	}

	/* series04 */
	#series04 .tentImgR {margin: 1.5em 0 0 auto;}
	#series04 .thumbnailBox {margin-top: 4em;}
	#series04 p.weightbold {
		margin-bottom: 1.5em;
	}
	#series04 #endeavorBtnBox {
		padding: 0 1em;
	}
	#series04 #endeavorBtnBox .btnNavy {
		margin-bottom: 1.5em;
	}

	/* box04
	---------------------------------------- */
	#box04 {padding: 5em 1em 4em;}
	#box04 .enTxt {width: 90%;}
	#box04 .txtBox {
		margin-bottom: 2em;
	}

	/* printBox */
	#printBox #pointImg {margin: 3.5em 0 1.5em;}
	#printBox #pointImg  img {width: 20%;}
	#printBox header {
		font-size: 1.4em;
		line-height: 1.1em;
		margin-bottom: 1.8em;
	}
	#printBox #choicePrint {
		margin-bottom: 1em;
	}
	#printBox article {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 4em;
	}
	#printBox article .printBox {
		width: 48%;
	}
	#printBox article .printBox:nth-child(-n+2) {
		margin-bottom: 1em;
	}

	/* contactImage */
	#contactImage {
		margin-bottom: 4em;
	}

	/* box05
	---------------------------------------- */
	#box05 {padding: 5em 0 4em;}
	#box05 .enTxt {width: 70%;}
	#box05 article section:last-of-type {margin-top: 5em;}
	#box05 section p:first-of-type {margin-top: 0.8em;}
	#box05 section p:last-of-type {margin-bottom: 3em;}
	#box05 .inner section div img {width: 100%;}

	/* weightBox */
	#box05 #weightBox .price {
		font-size: 1.2em;
		margin: 0.83em 0 2.3em;
	}

	/* box06
	---------------------------------------- */
	#box06 {padding: 5em 1em 4em;}
	#box06 .enTxt {width: 90%;}
	#box06 section:last-of-type {margin-top: 2.5em;}
	#box06 .ezupFlex .box06Box:first-of-type {margin-bottom: 4em;}
	#box06 .ezupFlex .box06Box p {
		margin-bottom: 2em;
	}

	/* box07
	---------------------------------------- */
	#box07 {padding: 5em 0 4em;}
	#box07 .enTxt {width: 90%;}
	#box07 article {margin-top: 2em;}
	#box07 article .imgBox div {margin-bottom: 3em;}
	#box07 article .ezupFlex div:first-of-type {margin-bottom: 1.5em;}

	/* box08
	---------------------------------------- */
	#box08 {padding: 5em 1em;}
	#box08 header {
		font-size: 1em;
		line-height: 2em;
		margin-right : 0.2em;
	}
	#box08 header span {
		font-size: 1.5em;
		letter-spacing: -2px;
	}
	#box08 .blueBigTxt {
		font-size: 3.1em;
		line-height: 1.2em;
		margin-right: 0.1em;
	}
	#box08 .headerBox {margin-bottom: 1.5em;}
	#imgArea {
		width: 120px;
		margin-top: 0.8em;
	}
	#box08 article section {margin-bottom: 2em;}
	#box08 article section:last-of-type {margin-bottom: 4em;}
	#box08 .headerBox {
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
	}
}

/*===============================================
●画面の横幅が730px以上
===============================================*/
@media screen and (min-width: 730px) {
	#mainMenu > li:nth-child(6) {
		background-color: #000;
		transition: all 0.3s;
	}
	#mainMenu > li:nth-child(6) a {color: #fff;}

	/* box */
	.box .btn {max-width: 500px !important;}
	.box .btn a::after {
		bottom: 15%;
		left: 82%;
	}

	/* btn */
	.btn a {
		font-size: 1.28em;
		padding: 0.8em 1.5em 0.8em 0.5em;
	}
	.btn a:hover::after {width: 55px;}

	/* 価格 */
	p.price {
		margin-top: 3em;
		font-size: 1.28em;
	}
	p.price span {font-size: 2.5em;}

	/* svg */
	.arrow svg {
		width: 40px;
		height: 31px;
	}

	/* mainImg
	---------------------------------------- */
	#mainImg {
		padding: 9.7% 0;
		width: 100%;
	}
	#mainImg #catch {
		padding: 1em 0 0;
		line-height: 1.5em;
		font-size: 2em;
	}

	/* heading
	---------------------------------------- */
	#heading h3 {
		font-size: 3.14em;
		margin: 1.14em 0;
	}
	#heading h3 span {font-size: 1.1em;}

	/* box01
	---------------------------------------- */
	#box01 {
		padding: 4.29em 0 5.71em;
		background-size: 40% auto, 40% auto, 35% auto;
		background-position: left 15% top 10%, right 16% top 45%, left 19% bottom 28%;
	}

	#box01 section {
		display: flex;
		justify-content: space-between;
	}
	#box01 section:first-child {
		padding-bottom: 12.7%;
	}
	#box01 section div {width: 48%;}
	#box01 section:first-of-type {align-items:  center;}
	#box01 h4 {
		font-size: 1.57em;
		line-height: 1.09em;
		margin-bottom: 1em;
	}
	#box01 #movie {padding-top: 35%;}
	#box01 #box01Margin {
		max-width: 350px;
		margin-bottom: 3em;
	}

	/* box02
	---------------------------------------- */
	#box02 {padding: 4.29em 10px 0;}
	#box02 h3 {
		font-size: 2em;
		margin-bottom: 2em;
	}
	#box02 h3 span {font-size: 1.52em;}
	#box02 .enTxt {margin-bottom: -3em;}
	#box02 .enTxt img {width: 286px;}
	#box02 .txtBox {
		font-size: 1.14em;
		line-height: 1.56em;
		margin-bottom: 3.75em;
	}
	#box02 h4 {
		padding: 0.4em 0;
		margin-bottom: 2.14em;
	}
	#box02 h4,
	#box02 h5 {
		font-size: 1.57em;
		line-height: 1.09em;
	}
	#box02 h5 {
		margin-bottom: 1em;
		text-align: left;
	}
	#box02 #plan {margin-bottom: 10.3%;}
	#box02 #plan #planBox01 {
		display: flex;
		justify-content: space-between;
		margin-bottom: 3.2em;
	}
	#box02 #plan #planBox01 div:first-of-type {width: 48%;}
	#box02 #plan #planBox01 div:last-of-type {width: 45%;}
	#box02 #plan #planBox02 p {margin-bottom: 1.8em;}
	.flexImg {
		display: flex;
		justify-content: space-between;
	}
	.flexImg div {width: 48%;}

	/* fireProof
	---------------------------------------- */
	#fireProof .fireFlex {margin-bottom: 9.4%;}
	#fireProof .leftBox {width:33%;}
	#fireProof .leftBox img {width: 183px;}
	#fireProof .preventBox{width:64%;}
	#fireProof img {width: 100%;}
	#fireProof .preventBox table th {width:25%;}
	#fireProof .preventBox table td {
		padding-left: 2em;
		border-left:1px solid #000;
	}
	#fireProof .preventBox table th,
	#fireProof .preventBox table td {
		border-bottom:1px solid #000;
		border-top:1px solid #000;
		padding: 0 1em;
	}

	/* box03
	---------------------------------------- */
	#box03 {padding-bottom: 5.71em;}
	#box03 h3 {
		font-size: 2.14em;
		line-height: 2em;
		margin-bottom: 1em;
	}
	#box03 h3 span {font-size: 1.52em;}
	#box03 .enTxt {margin-bottom: -4.5em;}
	#box03 .enTxt img {width: 384px;}
	#box03 h5 {font-size: 1.7em;}
	#box03 h5 a {
		color: #fff!important;
		text-decoration: none!important;
	}
	#box03 h5 a:hover{opacity: 0.8!important;}
	#box03 .arrow {
		margin-bottom: 4.3em;
	}
	#box03 p.price {
		margin-top: 1.5em;
	}

	/* series */
	.series {padding: 10% 0 4.29em;}
	.summary h4 {font-size: 2.86em;}
	.memoryBox {width: 100%;}
	.memoryBox img {width: 142px;}
	.memoryBox table th,
	.memoryBox table td {padding: 0 1em 0.5em}
	.memoryBox table th {width: 35%;}
	.memoryBox table td {width: 65%;}
	.tentImgR {
		width: 48%;
		position: absolute;
		top: 10%;
		right: 0;
		margin-left: 1%;
	}
	.thumbnailBox {
		display: flex;
		justify-content: space-between;
		margin-top: 5% !important;
	}
	.thumbnailBox section {width: 48%;}
	.thumbnailBox section div {margin: 1em 0 1.5em}
	.thumbnailBox p.price {text-align: right;}

	/* series01 */
	#series01 {
		padding: 8.15em 0 5.71em;
	}
	#series01 .summary {
		display: flex;
		justify-content: flex-end;
		flex-wrap: wrap;
		padding: 0 10px;
	}
	#series01 .tentImgR {
		width: 38%;
		max-width: 742px;
		top: 4%;
	}
	#series01 p.price span {font-size: 1.6em;}
	#series01 .thumbnailBox {
		margin-bottom: 5.71em;
	}
	#series01 .thumbnailBox section p {text-align: right;}
	#series01 p.weightbold {
		font-size: 1.14em;
		margin-bottom: 1.875em;
	}

	/* series02 */
	#series02 .summary {
		display: flex;
		flex-wrap: wrap;
		padding: 0 10px;
	}
	.tentImgL {
		width: 42%;
		position: absolute;
		top: 4%;
		left: 50%;
		transform: translateX(-120%);
		text-align: right;
	}
	#series02 .tentImgL {
		width: 40%;
		max-width: 680px;
	}
	#series02 .thumbnailBox {
		margin-bottom: 6.43em;
	}
	#series02 .thumbnailBox section p {
		text-align: right;
	}

	/* series03 */
	#series03 .summary {
		display: flex;
		justify-content: flex-end;
		flex-wrap: wrap;
		padding: 0 10px;
	}
	#series03 .tentImgL {
		top: 3.5%;
		max-width: 710px;
	}
	#series03 .thumbnailBox {
		align-items: flex-start;
		margin-bottom: 5.7em;
	}
	#series03 .thumbnailBox section {width: 31.8%;}
	#series03 .thumbnailBox section h5 {
		font-size: 1.29em;
	}
	#series03 #deluxeBtnBox {
		display: flex;
		justify-content: space-between;
		max-width: 980px;
		padding: 0 10px;
		margin: 0 auto;
	}
	#series03 #deluxeBtnBox .btn {
		margin: 0;
		width: 48%;
	}
	.priceOther {margin-top: 4em!important;}
	.itemFlex {
		display: flex;
		justify-content: space-between;
		margin-top: 10%;
	}
	.itemFlex div {width: 48%;}
	.itemFlex h5 {margin-bottom: 0.8em;}
	.itemFlex p.price {text-align: right;}
	.fireFlex {
		display: flex!important;
		justify-content: space-between;
		flex-wrap:wrap;
		align-items: stretch;
		width: 100%;
	}

	/* series04 */
	#series04 .tentImgR {
		top: 5%;
	}
	#series04 .thumbnailBox {
		flex-wrap: wrap;
	}
	#series04 .thumbnailBox section {
		margin-bottom: 4.28em;
	}
	#series04 .thumbnailBox section div {
		margin-bottom: 1em;
	}
	#series04 h5 {
		font-size: 1.28em;
	}
	#series04 p.price span {
		font-size: 1.55em;
	}
	#series04 p.weightbold {
		font-size: 1.14em;
		margin-bottom: 1.875em;
	}
	#series04 #endeavorBtnBox {
		display: flex;
		justify-content: space-between;
		max-width: 980px;
		padding: 0 10px;
		margin: 0 auto;
	}
	#series04 #endeavorBtnBox .btn {
		margin: 0;
		width: 48%;
	}

	/* box04
	---------------------------------------- */
	#box04 {padding: 0 10px 5.71em;}
	#box04 h3 {
		font-size: 2.14em;
		line-height: 2em;
		margin-bottom: 1.5em;
	}
	#box04 h3 span {font-size: 1.52em;}
	#box04 .enTxt {margin-bottom: -4.5em;}
	#box04 .enTxt img {width: 758px;}
	#box04 .txtBox {
		font-size: 1.14em;
		line-height: 1.56em;
		margin-bottom: 3.75em;
	}
	#printBox header {
		font-size: 2.5em;
		line-height: 1.1em;
		margin: 0.6em 0 0.57em;
	}
	#box04 #choicePrint {
		font-size: 1.3em;
		/* font-family: "ゴシックMB101 M"; */
		font-weight: 500;
		text-align: center;
		line-height: 1.5;
		margin-bottom: 3em;
	}
	#printBox article {
		display: flex;
		justify-content: space-between;
		margin-bottom: 5.71em;
	}
	#printBox article .printBox {
		width: 23%;
	}

	/* contactImage */
	#contactImage {
		margin-bottom: 5.71em;
	}

	/* box05
	---------------------------------------- */
	#box05 {padding: 4.29em 0 5.71em;}
	#box05 h3 {
		font-size: 2.14em;
		line-height: 2em;
		margin-bottom: 1.5em;
	}
	#box05 h3 span {font-size: 1.52em;}
	#box05 .enTxt {
		text-align: center;
		margin-bottom: -4.5em;
	}
	#box05 .enTxt img {width: 415px;}
	#box05 .txtBox {
		font-size: 1.14em;
		line-height: 1.56em;
		margin-bottom: 3.75em;
	}
	#box05 article {
		display: flex;
		justify-content: space-between
	}
	#box05 article section {width: 48%;}
	#box05 article section h4  {
		font-size: 1.57em;
		line-height: 1.45em;
	}
	#box05 article section div img {
		width: 100%;
	}
	#box05 article section p:first-of-type {margin-top: 1em;}
	#box05 article section:first-of-type p:first-of-type {margin-bottom: 1.5em;}
	#box05 article section p.price {
		margin-top: 0;
	}
	#box05 article section .btn {margin-top: 5em;}

	/* weightBox */
	#box05 #weightBox .price {
		font-size: 1.8em;
		margin-top: 0.3em;
	}

	/* box06
	---------------------------------------- */
	#box06 {padding: 4.29em 10px 5.71em;}
	#box06 h3 {
		font-size: 2.14em;
		line-height: 2em;
		margin-bottom: 1.5em;
	}
	#box06 h3 span {font-size: 1.52em;}
	#box06 .enTxt {margin-bottom: -4.5em;}
	#box06 .enTxt img {width: 780px;}
	#box06 .txtBox {
		font-size: 1.14em;
		line-height: 1.56em;
		margin-bottom: 3.75em;
	}

	#box06 .ezupFlex .box06Box {
		width: 48%;
	}
	#box06 .ezupFlex .box06Box p {
		margin-bottom: 5.71em;
	}

	/* box07
	---------------------------------------- */
	#box07 {padding: 4.29em 0 5.71em;}
	#box07 h3 {
		font-size: 2.14em;
		line-height: 2em;
		margin-bottom: 1.5em;
	}
	#box07 h3 span {font-size: 1.52em;}
	#box07 .enTxt {margin-bottom: -4.5em;}
	#box07 .enTxt img {width: 575px;}
	#box07 .txtBox {
		font-size: 1.14em;
		line-height: 1.56em;
		margin-bottom: 5.63em;
	}
	#box07 .imgBox {
		display: flex;
		justify-content: space-between;
	}
	#box07 .imgBox div {width: 30%;}
	.ezupFlex {
		display: flex;
		justify-content: space-between
	}
	#box07 .ezupFlex {margin-top: 5.71em;}
	#box07 .ezupFlex .btn {
		width: 48%;
		max-width: 460px;
		margin: 0;
	}

	/* box08
	---------------------------------------- */
	#box08 {padding: 4.29em 10px 5.71em;}
	#box08 header {
		font-size: 1.5em;
		line-height: 2em;
	}
	#box08 header span {
		font-size: 1.3em;
		letter-spacing: -2px;
	}
	#box08 .blueBigTxt {
		font-size: 4em;
		line-height: 1.2em;
		margin-left: 0.2em;
	}
	#box08 .headerBox {
		display: flex;
		align-items: flex-end;
		justify-content: center;
		margin-bottom: 5%;
	}
	#box08 #imgArea {width: 70%;}
	#box08 #world01 {width: 54%;}
	#box08 .txtBox {
		font-size: 2.14em;
		line-height: 1.5em;
		margin: 1.5em 0 1.33em;
	}
	#box08 article {
		display: flex;
		justify-content: space-between;
		margin-bottom: 5.71em;
	}
	#box08 article section {width: 30%;}
	#box08 article section div img {max-width: 283px;}
}


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

	#series03 .thumbnailBox section h5 {
		font-size: 1.1em;
	}
	#series03 .thumbnailBox section p.price span {
		font-size: 2.1em;
	}
	#box03 .tentImgR {
		width: 40%;
	}
}