@charset "utf-8";

@media screen and (max-width: 979px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 479px) {
}
/**************************************************************
*
* トップページ
*
**************************************************************/
/**************************************************************
* お知らせバナー
**************************************************************/
.bnr_topic {
	position: relative;
	z-index: 2;
	background-color: #fff;
}
.bnr_topic .item {
		height: 45px;
		width: 100%;

		padding-top: 13px;
		padding-bottom: 8px;
	}
.bnr_topic .item > * {
		display: inline-block;
		vertical-align: middle;
	}
.bnr_topic .item .date {
		font-weight: bold;
		font-size: 1.4rem;

		width: 120px;
	}
.bnr_topic .item a {
		color: inherit;
		text-decoration: underline;
		font-weight: 200;
		line-height: 1.45;
	}
.hover .bnr_topic .item a:hover,
		.bnr_topic .item a.hover,
		.bnr_topic .item a:focus {
			text-decoration: none;
		}
#bnr_topic {
	opacity: 0;
	transition: opacity .1s linear;
	}
#bnr_topic.slick-initialized {
		opacity: 1;
	}
@media screen and (max-width: 768px) {
		.bnr_topic .item {
			height: 80px;
		}
		.bnr_topic .item .date {
			display: block;
			margin-bottom: 5px;
		}
}
@media screen and (max-width: 599px) {
	.bg {
		background-color: #ecfffd;
	}
	.bnr_topic {
		background-color: #ecfffd;
	}
	.bnr_topic .item a {
		font-size: 1.25rem;
	}
}

/**************************************************************
* メインビジュアル
**************************************************************/
.mainslide {
	overflow: hidden; 
	position: relative;
}
.mainslide .slide {
	 min-width: 100%;
	 height: inherit;
	 display: none;
 }
.mainslide .slick-list {
	 overflow: visible;
}
.mainslide .slide.slick-initialized {
	display: block;
	margin-left: -100%;
}
.mainslide .slick-prev,
.mainslide .slick-next {
	z-index: 10;
	width: auto;
}
.mainslide .slick-prev::before,
.mainslide .slick-next::before {
	font-size: 50px;
	color: #ccc;
}
.mainslide .slick-prev {
	/* left: -60px; */
	left: 940px;
	width: 50px;
	height: 50px;
}
.mainslide .slick-next {
	right: -60px;
	width: 50px;
	height: 50px;
}
.mainslide .slide .sitem {
	width: 100%;
	display: block;
	position: relative;
	margin: auto;
	text-align: center;
}
.mainslide .slide .sitem.load {
	display: none;
}

.mainslide .slide .slick-slide .bg_black {
	display: block;
	width: 1000px;
	height: 370px;

	position: absolute;
	top: 0;

	background-color: #000;
	opacity: 0.5;
	transition: opacity 800ms linear;
}
.mainslide .slide .slick-slide.slick-center .bg_black {
	opacity: 0;
}
/* .mainslide .slide .slick-slide::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	max-width: 1000px;
	height: 100%;
	background-color: #000;
	opacity: 0;

	transition: opacity 800ms linear;
}

.mainslide .slide .slick-slide:not(.slick-center)::after {
	opacity: 0.5;
} */

.mainslide .slide .sitem img {
	margin: auto;
}

@media screen and (max-width: 979px) {
	.mainslide .slick-prev {
		/* left: 25px; */
		left: calc(100% - 49%);
	}
	.mainslide .slick-next {
		right: 25px;
	}
}

@media screen and (max-width: 768px) {
	.mainslide .container {
		height: auto;
		padding-left: 0;
		padding-right: 0;
	}
	.mainslide .slide {
		height: auto;
	}
	.mainslide .slick-prev {
		/* left: 15px; */
		left: calc(100% - 49%);
	}
	.mainslide .slick-next {
		right: 15px;
	}
	.mainslide .slick-prev::before,
	.mainslide .slick-next::before {
		font-size: 40px;
		color: #ddd;
	}
}
@media screen and (max-width: 599px) {
	.mainslide .slide.slick-initialized {
		margin-left: -80%;
	}
	.mainslide .slick-prev {
		left:calc(100% - 54%);
	}
}


@media screen and (max-width: 599px) {
	.mainslide .center .slick-slide::after {
		content: none;
	}
	.mainslide .slick-prev::before,
	.mainslide .slick-next::before {
		font-size: 30px;
		color: #fefefe;
	}
	.mainslide .slide .sitem:not(.slick-center)::after {
		opacity: 0;
	
	}
}

/**************************************************************
	* 商品カテゴリー
	**************************************************************/

.top .list_product {
		/* margin-top: -20px; */

		position: relative;
		z-index: 2;

		/* background-color: rgba(245,245,245,0.75); */
		background-color: #fff;
		/* border-top: 2px solid #3ec8b7; */
		border-top: 2px solid #0539ff;
	}

.top .list_product .product_list {
	-js-display: flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;

	margin-bottom: 2rem;
}
.top .list_product .product_list .fitem {
	flex: 1 1;
	flex-basis: 16.6666667%;
	max-width: 16.6666667%;
	display: flex;
	/* flex-basis: 20%;
	max-width: 20%; */
}
.top .list_product .product_list .fitem a {
	display: block;

	color: #fff;
	text-align: center;
	font-size: 1.72rem;

	padding: 1rem;

	/* background-color: #008088;
	border: 1px solid #008088; */
	background-color: #000f48;
	border: 1px solid #000f48;

	width: 100%;
}
.top.hover .list_product .product_list .fitem a:hover,
.top .list_product .product_list .fitem a.hover,
.top .list_product .product_list .fitem a:focus {
	background-color: #fff;

	/* color: #008088; */
	color: #000f48;
}
.top .list_product .product_list .fitem:not(:last-child) {
	border-right: 1px solid #fff;
}
.top .list_product .product_list .fitem .icon {
	font-size: 6rem;

	margin-bottom: 0.555rem;
}
.top .list_product .product_list .fitem .headline {
	font-size: 1.72rem;
	line-height: 1.35;
}

.top .list_product > .headline {
			padding-top: 2px;
			padding-bottom: 2px;
			margin-bottom: 10px;

			text-align: center;
			font-size: 2.2rem;
			font-weight: bold;
			color:#008088;
		}

.top .list_product > .headline > * {
				vertical-align: middle;
			}

.top .list_product > .headline .num {
				font-size: 4rem;

				margin-left: 10px;
				margin-right: 10px;
			}

.top .list_product .flex {
			-js-display: flex;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-flow: row wrap;
			    flex-flow: row wrap;
			-ms-flex-pack: justify;
			    justify-content: space-between;
			-ms-flex-align: stretch;
			    align-items: stretch;
			-ms-flex-line-pack: start;
			    align-content: flex-start;

			padding-left: 20px;
			padding-right: 20px;
			padding-bottom: 20px;
		}

.top .list_product .flex .fitem {
				-ms-flex: 0 1;
				    flex: 0 1;
				-ms-flex-preferred-size: 48%;
				    flex-basis: 48%;
				max-width: 48%;

				border: #cccccc 1px solid;
				background-color: #fff;

				padding: 25px;
				margin-top: 50px;
			}

.top .list_product .flex .fitem .icon {
					display: block;
					position: relative;
					width: 70px;
					height: 70px;

					margin-left: auto;
					margin-right: auto;
					margin-top: -55px;
					margin-bottom: 10px;
					padding: 5px;

					border: #008088 5px solid;
					background-color: #fff;

					font-size: 5rem;
					color: #008088;
				}

.top .list_product .flex .fitem .headline {
					font-size: 3rem;
					color: #008088;
					text-align: center;
					font-weight: 200;

					margin-bottom: 25px;
				}

.top .bnr_campaign {
	text-align: center;
	padding-top: 2rem;
}

.top .bnr_campaign .bnr_width {
	max-width: 60%;
}


@media screen and (max-width: 999px) {
					.top .list_product .flex .fitem .headline {
						font-size: 2.3rem;
					}
	}

@media screen and (max-width: 768px) {
		.top main .container:first-child {
			padding-left: 0;
			padding-right: 0;
		}
		.top .list_product {
			margin-top: 0px;
		}
		.top .list_product .product_list .fitem {
			flex-basis: 50%;
			max-width: 50%;

			border-bottom: 1px solid #fff;
		}
		.top .list_product .product_list .fitem a {
			text-align: left;
			font-size: 1.42rem;

			padding: 1rem 2rem;
		}
		.top .list_product .product_list .fitem:not(:last-child) {
			border-bottom: 1px solid #fff;
		}
		.top .list_product .product_list .fitem:nth-of-type(even) {
			border-right: none;

		}
		.top .list_product .product_list .fitem .icon {
			font-size: 2rem;

			margin-right: 1rem;

			display: inline;
			vertical-align: middle;
		}
		.top .list_product .product_list .fitem .headline {
			font-size: 0.889em;
			font-weight: bold;

			display: inline;
			vertical-align: middle;
		}
		.top .list_product .product_list .fitem .headline br {
			display: none;
		}
	}

@media screen and (max-width: 599px) {
	.top .list_product .product_list .fitem {
		flex-basis: 100%;
		max-width: none;

		border-bottom: 1px solid #fff;
	}
	.top .list_product .product_list .fitem:nth-of-type(odd) {
		border-right: none;
	}
			.top .list_product > .headline {
				padding-top: 2px;
				padding-bottom: 2px;
				margin-bottom: 10px;

				text-align: center;
				font-size: 1.72rem;
				font-weight: bold;
			}

				.top .list_product > .headline > * {
					vertical-align: middle;
				}

				.top .list_product > .headline .num {
					font-size: 2em;

					margin-left: 10px;
					margin-right: 10px;
				}

			.top .list_product .content_paragraph {
				padding-left: 10px;
				padding-right: 10px;
			}

			.top .list_product .flex {
				padding-left: 10px;
				padding-right: 10px;
				padding-bottom: 10px;
			}

				.top .list_product .flex .fitem {
					-ms-flex: 1 1;
					    flex: 1 1;
					-ms-flex-preferred-size: 100%;
					    flex-basis: 100%;
					max-width: 100%;

					padding: 10px;
				}

					.top .list_product .flex .fitem > .headline {
						margin-bottom: 15px;
						margin-top: 15px;

						font-size: 2rem;
					}

					.top .list_product .flex .fitem .icon {
						font-size: 4rem;

						width: 55px;
						height: 55px;

						border-width: 3px;
					}

					.top .list_product .flex .fitem .row {
						padding: 10px 6px;
						background-color: #ecfffd;
					}

					.top .list_product .flex .fitem .list_type1 {
						display: inline;
					}

						.top .list_product .flex .fitem .list_type1 .litem {
							display: block;
							float: left;
							width: 50%;

							padding-left: 0.5%;
							padding-right: 0.5%;
							margin-bottom: 10px;
						}

							.top .list_product .flex .fitem .list_type1 .litem .text {
								display: block;
								float: none;
								width: auto;
							}

								.top .list_product .flex .fitem .list_type1 .litem .text a {
									text-decoration: none;
									font-weight: 600;
									color: #fff;
									font-size: 1.25rem;
									text-align: center;

									display: block;
									position: relative;

									padding: 13px 0px 11px;

									border: 1px solid #ddd;
									background-color: #008088;
								}

									.top .list_product .flex .fitem .list_type1 .litem .text a:after {
								      content: "";
								      width: 0;
								      height: 0;
								      border-style: solid;
								      border-width: 0 6px 6px 0;
								      border-color: transparent #fff transparent transparent;

								      position: absolute;
								      top: 2px;
								      right: 2px;
								    }

							.top .list_product .flex .fitem .list_type1 .litem i {
								display: none;
							}
	}

/**************************************************************
	* イチ押し特集
	**************************************************************/
.top .feature .box_info .btn_type2.vari1 {
		width: 100%;
		max-width: 100%;
}
.top .feature .box_info .btn_type2.vari1 .detail {
	width: 50%;
	padding: 50px 30px;
}

.top .feature .row .col_6:nth-of-type(n+3) {
	margin-top: 2rem;
}
@media screen and (max-width: 999px) {
	.top .feature .box_info .btn_type2.vari1 .detail {
		padding: 30px 12px;
	}
}
@media screen and (max-width: 768px) {
				.top .feature .box_info .btn_type2.vari1 .detail {
					width: 100%;
					padding: 12px;
				}
					.top .feature .row .col_6 {
					width: 50%;
					float: left;
				}
	}

@media screen and (max-width: 599px) {
				.top .feature .box_info .btn_type2.vari1 .detail {
					width: 220px;
				}
				.top .feature .row .col_6 {
					width: 100%;
					float: none;
				}
	}

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

.top .guide .gutters {
			margin-bottom: 45px;
		}
.top .guide .gutters.flex {
	display: flex;
}
.top .guide .gutters .col_3.flex {
	display: flex;
}
.top .guide .gutters .col_3.flex .btn_type3 {
	width: 100%;
}

@media screen and (max-width: 768px) {
	.top .guide .gutters.flex {
		flex-flow: row wrap;
	}
	.top .guide .gutters .col_3.flex {
		flex-flow: row wrap;
	}
	.top .guide .row .col_3 {
		width: 50%;
		float: left;

		margin-bottom: 20px;
	}
}	

/**************************************************************
	* スタッフブログ
	**************************************************************/

.top .blog .row {
			margin-bottom: 50px;
		}

@media screen and (max-width: 768px) {
				.top .blog .row .col_4 {
					margin-bottom: 25px;
				}
	}

@media screen and (max-width: 599px) {
			.top .blog .row {
				margin-bottom: 25px;
			}
	}
/**************************************************************
* ツイッターウィジェット
**************************************************************/
.twitter_widget {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
/**************************************************************
*
* ご利用の流れ
*
**************************************************************/
.flow.subpage .flow_contents {
		position: relative;
		padding-bottom: 10px;
	}
.flow.subpage .flow_contents:after {
			content: "";
			position: absolute;
			top: calc(100% + 20px);
			left: 0;
			right: 0;

			margin: auto;

			width: 0;
			height: 0;
			border-style: solid;
			border-width: 20px 15px 0 15px;
			border-color: #3ec8b7 transparent transparent transparent;
		}
@media screen and (max-width: 768px) {
		.flow.subpage .flow_contents {
			padding-bottom: 0;
		}
	}

/**************************************************************
*
* 銀座プリントのこだわり
*
**************************************************************/
.point.subpage .index.content .list_nav {
			margin-bottom: 100px;
			margin-left: -8px;
			margin-right: -8px;

			text-align: center;
		}
.point.subpage .index.content .list_nav .litem {
				display: inline-block;

				margin-left: 8px;
				margin-right: 8px;
			}
.point.subpage .index.content .list_nav .litem.one .circle {
					background-color: #3ec8b7;
				}
.point.subpage .index.content .list_nav .litem.two .circle {
					background-color: #008088;
				}
.point.subpage .index.content .list_nav .litem.three .circle {
					background-color: #005257;
				}
.point.subpage .index.content .list_nav .litem .circle {
					display: block;
					width: 300px;
					height: 300px;

					color: #fff;
					text-align: center;
					font-size: 1rem;

					border-radius: 50%;

					padding-top: 25px;

					transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
				  transition-property: transform, box-shadow;
				}
.point.subpage .index.content .list_nav .litem .circle .num {
						font-size: 3.6em;

						margin-bottom: 10px;
					}
.point.subpage .index.content .list_nav .litem .circle .head {
						margin-bottom: 5px;
					}
.point.subpage .index.content .list_nav .litem .circle .head .subheadline {
							font-size: 1.8em;

							display: block;

							margin-bottom: 3px;
						}
.point.subpage .index.content .list_nav .litem .circle .head .headline {
							font-size: 4.8em;
							font-weight: 500;

							display: block;
						}
.point.subpage .index.content .list_nav .litem .circle .icon {
						font-size: 9em;
					}
.point.subpage .index.content .list_nav .litem .circle .icon-arrow-down {
						display: block;

						margin-left: auto;
						margin-right: auto;

						font-size: 1.6em;
					}

.hover.subpage.point .index.content .list_nav .litem .circle:hover,
				.hover.subpage.point .index.content .list_nav .litem .circle:focus,
				.hover.subpage.point .index.content .list_nav .litem .circle.hover {
					box-shadow:0px 8px 11px -1px #6e6e6e;
				  -ms-transform :translateY(-10px);
				      transform :translateY(-10px);
				}

@media screen and (max-width: 999px) {
					.point.subpage .index.content .list_nav .litem .circle {
						padding-top: 15px;

						width: 220px;
						height: 220px;

						font-size: 0.8rem;
					}

						.point.subpage .index.content .list_nav .litem .circle .icon {
							font-size: 8em;
						}
}
@media screen and (max-width: 768px) {
			.point.subpage .index.content .list_nav {
				margin-bottom: 60px;
			}

		.point.subpage .content_type1 .col_4 {
			width: 45%;
			float: right;

			margin-left: 10px;
		}
}
@media screen and (max-width: 599px) {
			.point.subpage .index.content .list_nav {
				margin-bottom: 30px;
			}

				.point.subpage .index.content .list_nav .litem {
					display: block;
				}

					.point.subpage .index.content .list_nav .litem .circle {
						width: 100%;
						height: auto;
						display: table;

						padding-top: 8px;
						padding-bottom: 8px;

						border-radius: 0%;
					}

						.point.subpage .index.content .list_nav .litem .circle > * {
							display: table-cell;
							vertical-align: middle;

							text-align: center;
						}

						.point.subpage .index.content .list_nav .litem .circle .num {
							font-size: 5em;

							width: 20%;
						}

						.point.subpage .index.content .list_nav .litem .circle .head {
							width: 35%;
						}

						.point.subpage .index.content .list_nav .litem .circle .icon-arrow-down {
							display: table-cell;

							width: 20%;
						}

					.point.subpage .index.content .list_nav .litem + .litem {
						margin-top: 8px;
					}
			.point.subpage .content_type1 .objfit {
				width: 100%;
				height: 180px;

				object-fit: cover;
				object-position: center top;
				font-family: 'object-fit: cover;object-position: center top;';

				margin-bottom: 15px;
			}

		.point.subpage .content_type1 .col_4 {
			width: 100%;
			float: none;

			margin-left: 0px;
		}
}

/**************************************************************
*
* よくある質問
*
**************************************************************/
.faq.subpage .question {
	border-bottom: #3ec8b7 2px dotted;

	padding-bottom: 12px;
	margin-bottom: 20px;

	font-size: 0;
}
.faq.subpage .question > * {
		display: block;
		float: left;
	}
.faq.subpage .question .num {
		font-size: 3.6rem;
		color: #3ec8b7;

		width: 55px;
	}
.faq.subpage .question .headline {
		font-size: 3rem;

		width: calc(100% - 55px);
	}

.faq.subpage .answer_offset {
	padding-left: 10%;
}

.faq.subpage .answer_offset .head {
		float: left;
		width: 55px;

		color: #3ec8b7;
		font-size: 3.6rem;
	}

.faq.subpage .answer_offset .box {
		float: left;
		width: calc(100% - 55px);

		padding-top: 13px;
	}
@media screen and (max-width: 768px) {
		.faq.subpage .question .headline {
			font-size: 2.2rem;
		}
	.faq.subpage .answer_offset {
		padding-left: 8%;
	}
}
@media screen and (max-width: 599px) {
	.faq.subpage .question {
		margin-bottom: 14px;
	}

		.faq.subpage .question .headline {
			font-size: 1.8rem;

			padding-top: 8px;
		}
	.faq.subpage .answer_offset {
		padding-left: 0;
	}

		.faq.subpage .answer_offset .box {
			padding-top: 0;
		}
}

/**************************************************************
*
* 目的別かんたん注文
*
**************************************************************/
@media screen and (max-width: 768px) {
		.easy-order.subpage .headline_type2_offset {
			padding-left: 0;
		}

		.easy-order.subpage .head {
			margin-bottom: 18px;
		}
			.easy-order.subpage .flex .fitem {
				text-align: center;
			}
}

/**************************************************************
*
* データ入稿
*
**************************************************************/
.data.subpage .caution .box_type3 {
	position: relative;
}
.data.subpage .caution .box_type3 .pop {
		font-size: 1.4rem;
		color: #008088;
		font-family: '小塚ゴシック Pro L','Kozuka Gothic Pro Light',sans-serif;
		font-weight: bold;

		padding: 8px;

		border: #008088 2px solid;
		border-radius: 4px;

		position: absolute;
		top: -45px;
		left: -2px;
	}
.data.subpage .caution .box_type3 .pop:before {
			content: "";
			position: absolute;
			z-index: 2;
			top: 100%;
			right: 0;
			left: 0;
			margin: auto;

			width: 0;
			height: 0;
			border-style: solid;
			border-width: 28px 6px 0 6px;
			border-color: #008088 transparent transparent transparent;

			-ms-transform :skewX(15deg);

			    transform :skewX(15deg);
		}
.data.subpage .caution .box_type3 .pop:after {
			content: "";
			position: absolute;
			z-index: 2;
			top: 100%;
			right: 1.5px;
			left: 0;
			margin: auto;

			width: 0;
			height: 0;
			border-style: solid;
			border-width: 20px 4px 0 4px;
			border-color: #fff transparent transparent transparent;

			-ms-transform :skewX(15deg);

			    transform :skewX(15deg);
		}
.data.subpage .caution .box_type3 .box_btns {
		margin-left: -7.5px;
		margin-right: -7.5px;
		margin-bottom: -10px;

		text-align: center;

		position: relative;
	}
.data.subpage .caution .box_type3 .btn_type5 {
		margin-left: 7.5px;
		margin-right: 7.5px;
		margin-bottom: 10px;
	}
.data.subpage .caution .box_type3 .paragraph {
	padding-left: 130px;
}

@media screen and (max-width: 999px) {
	.data.subpage .caution .box_type3 .paragraph {
		padding-left: 0px;
		margin-bottom: 60px;
	}
}
@media screen and (max-width: 768px) {
	.data.subpage .content_type1 .col_4 {
		margin-bottom: 15px;
	}
}

.dlist_type4  {
  overflow: hidden;
}

.dlist_type4 .dhead {
  width: 3em;
  float: left;
  line-height: 1.5;
}

.dlist_type4 .ditem {
  padding-left: 3em;
  line-height: 1.5;
  margin-bottom: 0.5em;
}

/**************************************************************
*
* 送料・お支払い方法
*
**************************************************************/
.pay.subpage .flex_calc {
	-js-display: flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row nowrap;
	    flex-flow: row nowrap;
	-ms-flex-pack: center;
	    justify-content: center;
	-ms-flex-align: center;
	    align-items: center;
}
.pay.subpage .flex_calc .fitem.box {
		padding: 30px;

		border: #3ec8b7 2px solid;

		font-size: 2.4rem;
		text-align: center;
	}
.pay.subpage .flex_calc .fitem.box.total {
			background-color: #3ec8b7;

			color: #fff;
		}
.pay.subpage .flex_calc .fitem.mark {
		font-size: 2.4rem;
		font-weight: bold;
		text-align: center;
		color: #3ec8b7;

		padding-left: 15px;
		padding-right: 15px;
	}
.pay.subpage .flex_calc .inner_flex {
		-js-disply: flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row nowrap;
		    flex-flow: row nowrap;
		-ms-flex-align: center;
		    align-items: center;
		-ms-flex-pack: start;
		    justify-content: flex-start;
	}
@media screen and (max-width: 1099px) {
		.pay.subpage .flex_calc .fitem.box {
			padding: 20px;

			font-size: 2.1rem;
		}
}
@media screen and (max-width: 999px) {
		.pay.subpage .flex_calc .fitem.box {
			padding: 15px;

			font-size: 1.8rem;
		}
}
@media screen and (max-width: 768px) {
		.pay.subpage .flex_calc .inner_flex {
			-ms-flex-flow: column nowrap;
			    flex-flow: column nowrap;
		}

			.pay.subpage .flex_calc .inner_flex .fitem {
				width: 200px;

				padding: 12px 20px;
			}
}
@media screen and (max-width: 599px) {
		.pay.subpage .flex_calc .fitem.box {
			font-size: 1.5rem;

			padding: 12px;
		}
			.pay.subpage .flex_calc .inner_flex .fitem {
				width: 140px;
			}
			.pay.subpage .flex_calc .inner_flex .fitem.mark {
				padding: 3px 12px;
			}
}

/**************************************************************
* お支払い方法
**************************************************************/
.pay.subpage .cash_delivery .table_type2 + .right_txt {
		max-width: 506px;
		display: block;

		margin-left: auto;
		margin-right: auto;
		margin-top: 3px;
	}
.pay.subpage .card_list {
	overflow: hidden;
}
.pay.subpage .card_list .litem {
	float: left;
	margin-right: 1em;
	border: 1px solid #3ec8b7;
	padding: 0.5em;
}


/**************************************************************
* 納期のご案内
**************************************************************/
.pay.subpage .timeboards {
	text-align: center;
}
.pay.subpage .timeboards .box {
		width: 300px;
		display: inline-block;

		padding: 20px;
		margin-bottom: 20px;

		color: #fff;
	}
.pay.subpage .timeboards .box.cash {
			background-color: #3ec8b7;
		}
.pay.subpage .timeboards .box.data {
			background-color: #008088;
		}
.pay.subpage .timeboards .box .head {
			margin-bottom: 12px;
		}
.pay.subpage .timeboards .box .head > * {
				display: inline-block;
				vertical-align: text-top;
			}
.pay.subpage .timeboards .box .head i {
				margin-right: 15px;

				font-size: 4rem;
			}
.pay.subpage .timeboards .box .head .headline {
				font-size: 2.4rem;
				font-weight: 600;
			}
.pay.subpage .timeboards .box .body {
			font-size: 2.4rem;
			font-weight: 600;
			text-align: center;

			margin-bottom: 20px;
		}
.pay.subpage .timeboards .box .body > * {
				vertical-align: middle;
			}
.pay.subpage .timeboards .box .body .big {
				font-size: 2.5em;

				margin-right: 10px;
			}
.pay.subpage .timeboards .box .subtext {
			text-align: center;
		}
.pay.subpage .timeboards .dlist_type1 {
		max-width: 610px;

		margin-left: auto;
		margin-right: auto;
	}
@media screen and (max-width: 599px) {
		.pay.subpage .timeboards .box {
			width: 175px;

			padding: 12px;
		}
				.pay.subpage .timeboards .box .head .headline {
					font-size: 1.8rem;
				}

			.pay.subpage .timeboards .box .body {
				font-size: 1.6rem;
			}

			.pay.subpage .timeboards .box .subtext {
				font-size: 1.4rem;
			}
}
/**************************************************************
* 送料・代引き手数料
**************************************************************/
.pay.subpage .shipping .table_type2.vari1 .titem.tright {
		white-space: nowrap;
	}
.pay.subpage .fee .table_type2 + .right_txt {
		max-width: 506px;
		display: block;

		margin-left: auto;
		margin-right: auto;
		margin-top: 3px;
	}

/**************************************************************
* キャンセル
**************************************************************/
.pay.subpage .phone {
	max-width: 525px;

	margin-left: auto;
	margin-right: auto;
}
.pay.subpage .phone .paragraph {
		text-align: center;
		color: #008088;
		font-weight: 600;

		margin-bottom: 10px;
	}
.pay.subpage .phone .tel {
		text-align: center;
	}
.pay.subpage .phone .tel > * {
			display: inline;

			vertical-align: middle;
			color: #008088;
			font-size: 1.8rem;
		}
.pay.subpage .phone .tel .num {
			font-weight: 500;
			font-size: 2.666em;

			margin-left: 8px;
		}

/**************************************************************
*
* 料金表
*
**************************************************************/
.price.index.subpage .content.begin {
	padding-bottom: 7px;
}
.price.index.subpage .content.begin .btn_type5 {
	margin-bottom: 18px;
}

/**************************************************************
*
* ご相談・ご注文窓口
*
**************************************************************/
.contact.subpage .comment:not(textarea) {
	color: #999999;

	margin-top: 5px;
}
@media screen and (max-width: 599px) {
	.contact.subpage .comment .sml {
		font-size: 0.75em;
	}
}
/**************************************************************
*
* フルオーダーご相談窓口
*
**************************************************************/
.full-order.subpage .comment {
	color: #999999;

	margin-top: 5px;
}
@media screen and (max-width: 599px) {
	.full-order.subpage .comment .sml {
		font-size: 0.75em;
	}
}

/**************************************************************
*
* 見積り作成
*
**************************************************************/
.order.subpage .product_subcategory {
		margin-bottom: 30px;
	}
.order.subpage .product_subcategory .headline {
			font-size: 3rem;

			float: left;
		}
.order.subpage .product_subcategory .btn_type4 {
			float: right;
		}
@media screen and (max-width: 768px) {
			.order.subpage .product_subcategory .headline {
				font-size: 2.6rem;
			}
		}
@media screen and (max-width: 599px) {
			.order.subpage .product_subcategory .headline {
				font-size: 2rem;

				float: none;
			}
			.order.subpage .product_subcategory .btn_type4 {
				float: none;
				max-width: none;
				width: 100%;

				margin-top: 12px;
				padding: 8px;

				font-size: 1.32rem;
				font-weight: bold;
			}

				.order.subpage .product_subcategory .btn_type4 br {
					display: none;
				}
			.order.subpage .product_subcategory .content_paragraph {
				margin-bottom: 18px;
			}
		}
/* 選択項目のナビ */
.order.subpage .nav_order {
		-js-display: flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row nowrap;
		    flex-flow: row nowrap;
		-ms-flex-pack: start;
		    justify-content: flex-start;
		-ms-flex-align: stretch;
		    align-items: stretch;

		margin-left: -10px;
		margin-right: -10px;
		margin-bottom: 60px;
	}
.order.subpage .nav_order .item {
			-ms-flex: 0 1;
			    flex: 0 1;
			-ms-flex-preferred-size: 150px;
			    flex-basis: 150px;
			max-width: 150px;

			padding: 10px;
		}
.order.subpage .nav_order .item a {
				background-color: #3ec8b7;

				padding: 40px 5px;

				display: block;
				position: relative;

				color: #fff;
				text-align: center;
				font-size: 1.32rem;
			}
.order.subpage .nav_order .item a i {
					position: absolute;
					left: 0;
					right: 0;
					bottom: 10px;

					width: 1em;
					height: 1em;

					margin: auto;

					font-size: 0.6em;
				}
@media screen and (max-width: 999px) {
			.order.subpage .nav_order {
				margin-left: -5px;
				margin-right: -5px;
			}
			.order.subpage .nav_order .item {
				-ms-flex-preferred-size: 120px;
				    flex-basis: 120px;
				max-width: 120px;

				padding: 5px;
			}

				.order.subpage .nav_order .item a {
					padding: 25px 8px 30px;

					font-size: 1.72rem;
				}
		}
@media screen and (max-width: 768px) {
			.order.subpage .nav_order .item {
				-ms-flex-preferred-size: 100px;
				    flex-basis: 100px;
				max-width: 100px;
			}

				.order.subpage .nav_order .item a {
					padding: 20px 5px 30px;

					font-size: 1.6rem;
				}
		}
@media screen and (max-width: 599px) {
			.order.subpage .nav_order {
				-ms-flex-flow: row wrap;
				    flex-flow: row wrap;
				-ms-flex-pack: start;
				    justify-content: flex-start;

						margin-bottom: 30px;
			}

				.order.subpage .nav_order .item {
					-ms-flex-preferred-size: 33%;
					    flex-basis: 33%;
					max-width: 33%;
				}

					.order.subpage .nav_order .item a {
						padding: 6px;

						font-size: 1.1rem;
						text-align: left;
						font-weight: bold;
					}
					.order.subpage .nav_order .item a i {

						bottom: 0;
						top: 0;
						left: auto;
						right: 6px;
					}
		}

@media screen and (max-width: 599px) {
	.order.subpage .nav_order + .subtext {
		margin-bottom: 2rem;

		font-size: 1.2rem;
		text-align: left;
	}
}

.order.subpage .container_input {
		padding: 20px;
	}
@media screen and (max-width: 999px) {
			.order.subpage .container_input {
				padding: 10px 0px;
			}
		}
.order.subpage .box_radio1 {
		-js-display: flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row wrap;
		    flex-flow: row wrap;

		border-left: 1px solid #3ec8b7;
	}
.order.subpage .box_radio1 .item {
			padding: 28px 20px;

			-ms-flex: 0 1;

			    flex: 0 1;
			-ms-flex-preferred-size: 16.666%;
			    flex-basis: 16.666%;
			max-width: 16.666%;

			border-right: 1px solid #3ec8b7;
			border-bottom: 1px solid #3ec8b7;

			cursor: pointer;
		}
.order.subpage .box_radio1 .item:nth-of-type(1),
			.order.subpage .box_radio1 .item:nth-of-type(2),
			.order.subpage .box_radio1 .item:nth-of-type(3),
			.order.subpage .box_radio1 .item:nth-of-type(4),
			.order.subpage .box_radio1 .item:nth-of-type(5),
			.order.subpage .box_radio1 .item:nth-of-type(6) {
				border-top: 1px solid #3ec8b7;
			}
.order.subpage .box_radio1 .item.active {
				background-color: #3ec8b7;
			}
.order.subpage .box_radio1 .item.active input[type="radio"] + .radio {
					border-color: #fff;
				}
/* vari1 */
.order.subpage .box_radio1.vari1 .item {
				-ms-flex: 0 1;
				    flex: 0 1;
				-ms-flex-preferred-size: 33.33%;
				    flex-basis: 33.33%;
				max-width: 33.33%;
			}
.order.subpage .box_radio1.vari1 .item > * {
	vertical-align: middle;
}
@media screen and (max-width: 999px) {
			.order.subpage .box_radio1 .item {
				padding: 20px 10px;
			}
		}
@media screen and (max-width: 599px) {
			.order.subpage .box_radio1 .item {
				padding: 6px;

				-ms-flex-preferred-size: 16.666%;

				flex-basis: 16.666%;
				max-width: 16.666%;
			}

			.order.subpage .box_radio1.vari1 .item {
				-ms-flex-preferred-size: 50%;
						flex-basis: 50%;
				max-width: 50%;
			}
		}
.order.subpage .box_radio2 {
		-js-display: flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row wrap;
		    flex-flow: row wrap;
		-ms-flex-align: stretch;
		    align-items: stretch;

		border-left: 1px solid #3ec8b7;
	}
.order.subpage .box_radio2 .item {
			padding: 16px 10px;

			display: -ms-flexbox;

			display: flex;
			-ms-flex-align: center;
			    align-items: center;
			-ms-flex: 0 1;
			    flex: 0 1;
			-ms-flex-preferred-size: 33.333%;
			    flex-basis: 33.333%;
			max-width: 33.333%;
			/*align-self: center;*/

			border-right: 1px solid #3ec8b7;
			border-bottom: 1px solid #3ec8b7;
			cursor: pointer;

			line-height: 1.45;
		}
.order.subpage .box_radio2 .item:nth-of-type(1),
			.order.subpage .box_radio2 .item:nth-of-type(2),
			.order.subpage .box_radio2 .item:nth-of-type(3) {
				border-top: 1px solid #3ec8b7;
			}
.order.subpage .box_radio2 .item .radio {
				vertical-align: middle;
			}
.order.subpage .box_radio2 .item .checkboxtext {
				display: inline-block;
				vertical-align: middle;
			}
.order.subpage .box_radio2 .item.active {
				background-color: #3ec8b7;
			}
.order.subpage .box_radio2 .item.active input[type="radio"] + .radio {
					border-color: #fff;
				}
.order.subpage .box_radio2 .item.disabled {
				background-color: #ccc;
				filter: grayscale(100%);
				/*pointer-events: none;*/
				cursor: not-allowed;
			}
@media screen and (max-width: 599px) {
			.order.subpage .box_radio2 .item {
				-ms-flex-preferred-size: 50%;
				    flex-basis: 50%;
				max-width: 50%;

				padding: 7px 5px;

				font-size: 1rem;
			}

				.order.subpage .box_radio2 .item:nth-of-type(3) {
					border-top: none;
				}
		}
.order.subpage .box_radio3 {
		-js-display: flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row nowrap;
		    flex-flow: row nowrap;
	}
.order.subpage .box_radio3 .item {
			padding: 25px 10px;

			-ms-flex: 0 1;

			    flex: 0 1;
			-ms-flex-preferred-size: 25%;
			    flex-basis: 25%;
			max-width: 25%;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-align: center;
			    align-items: center;

			cursor: pointer;


			border-top: 1px solid #3ec8b7;
			border-left: 1px solid #3ec8b7;
			border-bottom: 1px solid #3ec8b7;
		}
.order.subpage .box_radio3 .item .radio {
				vertical-align: middle;
			}
.order.subpage .box_radio3 .item .checkboxtext {
				display: inline-block;
				vertical-align: middle;
				line-height: 1.35;
			}
.order.subpage .box_radio3 .item .checkboxtext img {
					margin-bottom: 5px;

					pointer-events: none;
				}
.order.subpage .box_radio3 .item:last-child {
				border-right: 1px solid #3ec8b7;
			}
.order.subpage .box_radio3 .item.active {
				background-color: #3ec8b7;
			}
.order.subpage .box_radio3 .item.active input[type="radio"] + .radio {
					border-color: #fff;
				}
.order.subpage .box_radio3 .item.disabled {
				background-color: #ccc;
				filter: grayscale(100%);
				/*pointer-events: none;*/
				cursor: not-allowed;
			}
@media screen and (max-width: 768px) {
			.order.subpage .box_radio3 {
				-ms-flex-flow: row wrap;
				    flex-flow: row wrap;

				border-left: 1px solid #3ec8b7;
			}
			.order.subpage .box_radio3 .item {
				-ms-flex-preferred-size: 25%;
				    flex-basis: 25%;
				max-width: 25%;

				border-right: 1px solid #3ec8b7;
				border-left: none;
				border-top: none;
			}

				.order.subpage .box_radio3 .item:nth-of-type(1),
				.order.subpage .box_radio3 .item:nth-of-type(2),
				.order.subpage .box_radio3 .item:nth-of-type(3),
				.order.subpage .box_radio3 .item:nth-of-type(4) {
					border-top: 1px solid #3ec8b7;
				}
		}
@media screen and (max-width: 599px) {
			.order.subpage .box_radio3 .item {
				padding: 10px;

				-ms-flex-preferred-size: 33.333%;

				    flex-basis: 33.333%;
				max-width: 33.333%;
			}

				.order.subpage .box_radio3 .item:nth-of-type(4) {
					border-top: none;
				}

				.order.subpage .box_radio3 .item .checkboxtext {
					font-size: 1rem;
				}
		}
.order.subpage .box_radio4 {
		-js-display: flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row nowrap;
		    flex-flow: row nowrap;
	}
.order.subpage .box_radio4 .item {
			padding: 25px 10px;

			-ms-flex: 0 1;

			    flex: 0 1;
			-ms-flex-preferred-size: 50%;
			    flex-basis: 50%;
			max-width: 50%;
			display: block;

			cursor: pointer;

			border-top: 1px solid #3ec8b7;
			border-left: 1px solid #3ec8b7;
			border-bottom: 1px solid #3ec8b7;
		}
.order.subpage .box_radio4 .item .radio {
				vertical-align: middle;
			}
.order.subpage .box_radio4 .item .checkboxtext {
				display: inline-block;
				vertical-align: middle;
				line-height: 1.35;
				text-align: center;
				font-size: 1.8rem;

				max-width: calc(100% - 45px);
			}
.order.subpage .box_radio4 .item .checkboxtext img {
					margin-bottom: 5px;

					pointer-events: none;
				}
.order.subpage .box_radio4 .item:last-child {
				border-right: 1px solid #3ec8b7;
			}
.order.subpage .box_radio4 .item.active {
				background-color: #3ec8b7;
			}
.order.subpage .box_radio4 .item.active input[type="radio"] + .radio {
					border-color: #fff;
				}
.order.subpage .box_radio4 .item.disabled {
				background-color: #ccc;
				filter: grayscale(100%);
				/*pointer-events: none;*/
				cursor: not-allowed;
			}
@media screen and (max-width: 599px) {
	.order.subpage .box_radio4 .item {
		padding: 10px;
	}
	.order.subpage .box_radio4 .item .checkboxtext {
		font-size: 1.2rem;
	}
}
.order.subpage .box_radio5 {
		-js-display: flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row wrap;
		    flex-flow: row wrap;
		-ms-flex-align: stretch;
		    align-items: stretch;

		border-left: 1px solid #3ec8b7;

		margin-bottom: 10px;
	}
.order.subpage .box_radio5 .item {
			padding: 16px 10px;

			cursor: pointer;

			display: -ms-flexbox;

			display: flex;
			-ms-flex-align: center;
			    align-items: center;
			-ms-flex: 0 1;
			    flex: 0 1;
			-ms-flex-preferred-size: 25%;
			    flex-basis: 25%;
			max-width: 25%;
			/*align-self: center;*/

			border-right: 1px solid #3ec8b7;
			border-bottom: 1px solid #3ec8b7;

			line-height: 1.45;
		}
.order.subpage .box_radio5 .item:nth-of-type(1),
			.order.subpage .box_radio5 .item:nth-of-type(2),
			.order.subpage .box_radio5 .item:nth-of-type(3),
			.order.subpage .box_radio5 .item:nth-of-type(4) {
				border-top: 1px solid #3ec8b7;
			}
.order.subpage .box_radio5 .item .radio {
				vertical-align: middle;
			}
.order.subpage .box_radio5 .item .checkboxtext {
				display: inline-block;
				vertical-align: middle;
			}
.order.subpage .box_radio5 .item.active {
				background-color: #3ec8b7;
			}
.order.subpage .box_radio5 .item.active input[type="radio"] + .radio {
					border-color: #fff;
				}
@media screen and (max-width: 599px) {
			.order.subpage .box_radio5 .item {
				-ms-flex-preferred-size: 50%;
				    flex-basis: 50%;
				max-width: 50%;

				padding: 7px 5px;

				font-size: 1rem;
			}

				.order.subpage .box_radio5 .item:nth-of-type(3),
				.order.subpage .box_radio5 .item:nth-of-type(4) {
					border-top: none;
				}
		}
.order.subpage .box_select {
		border: #3ec8b7 1px solid;

		padding: 20px;
	}
@media screen and (max-width: 599px) {
	.order.subpage .box_select {
		padding: 0;

		border: none;
	}
			.order.subpage .box_select .select-wrap {
				max-width: calc(100% - 30px);
			}
		}
.order.subpage .effectContainer {
		display: none;
	}
.order.subpage .box_number {
		border: #3ec8b7 1px solid;

		padding: 20px;
	}
.order.subpage .box_number .item {
		display: block;
	}
.order.subpage .box_number .comment {
		font-size: 1.4rem;
		color: #666;

		display: block;

		margin-bottom: 8px;
	}
.order.subpage .box_number .quantity,
		.order.subpage .box_number .page {
			font-size: 5rem;
			line-height: 1;
			text-align: right;

			width: 230px;

			margin-right: 8px;

			border-color: #000;
		}
@media screen and (max-width: 599px) {
			.order.subpage .box_number {
				padding: 10px;
			}
			.order.subpage .box_number .quantity,
			.order.subpage .box_number .page {
				font-size: 1.2rem;

				width: 90px;

				padding: 4px;
			}
		}
/* お見積り金額 */
.order.subpage .price {
		width: 430px;

		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
	}
.order.subpage .price .dhead {
			display: block;
			width: 100%;

			font-weight: bold;
			font-size: 2rem;

			margin-left: auto;
			margin-bottom: 8px;
		}
@media screen and (max-width: 599px) {
			.order.subpage .price {
				width: 90%;
			}

				.order.subpage .price .dhead {
					font-size: 1.8rem;
				}
		}
/* 送料の注記 */
.order.subpage .price_ship {
		margin-top: 3px;

		font-size: 1.4rem;
		line-height: 1.5;
	}
.order.subpage .price_ship a {
			display: block;

			color: #666;
			text-decoration: underline;
		}
.order.subpage .box_price input {
			border-color: #000;

			padding: 30px;

			font-weight: 600;
			font-size: 4.8rem;
			text-align: center;
		}
.order.subpage .box_price input:focus {
				background-color: #fff;
				border-color: #000;
			}
@media screen and (max-width: 599px) {
			.order.subpage .box_price input {
				padding: 10px 20px;

				font-size: 4rem;
			}
		}
/* お見積り金額(固定部分) */
.order.subpage .fix_price {
		position: fixed;
		z-index: 2;
		bottom: 0;
		left: 0;
		width: 100%;

		background-color: rgba(82,220,203, 0.9);

		padding-top: 10px;
		padding-bottom: 10px;

		transform: translateY(100%) translateZ(0px);

		transition: transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
	}
.order.subpage .fix_price.active {
			transform: translateY(0%) translateZ(0px);
		}
.order.subpage .fix_price .container {
			display: table;
			width: 100%;
		}
.order.subpage .fix_price .container > * {
				display: table-cell;
				vertical-align: middle;
			}
.order.subpage .fix_price .estimate {
			width: 45%;
		}
.order.subpage .fix_price .estimate > * {
				display: table-cell;
				vertical-align: middle;
			}
.order.subpage .fix_price .estimate > .text {
				font-size: 2rem;
				font-weight: 500;

				padding-right: 8px;
			}
.order.subpage .fix_price .estimate .box > * {
					display: inline-block;
					vertical-align: bottom;
				}
.order.subpage .fix_price .estimate .box input {
					width: 160px;

					padding: 5px 15px;

					font-size: 2.4rem;
					font-weight: 600;
					text-align: right;
					line-height: 1;

					border: none;
				}
.order.subpage .fix_price .estimate .box input:focus {
						background-color: #fff;
						border: none;
					}
.order.subpage .fix_price .estimate .box .text {
					font-size: 1.8rem;

					margin-left: 5px;
					padding-bottom: 5px;
				}
.order.subpage .fix_price .estimate .box .text .sml {
						font-size: 0.7em;
					}
.order.subpage .fix_price .arrow {
			width: 10%;

			text-align: center;
		}
.order.subpage .fix_price .button {
			width: 45%;
		}
.order.subpage .fix_price .button button {
				margin-bottom: 0;
			}
@media screen and (max-width: 999px) {
				.order.subpage .fix_price .estimate > .text {
					font-size: 1.6rem;
				}
					.order.subpage .fix_price .estimate .box input {
						width: 130px;
					}
			.order.subpage .fix_price .arrow {
				width: 6%;
			}
		}
@media screen and (max-width: 768px) {
			.order.subpage .fix_price .estimate {
				width: 40%;
			}

				.order.subpage .fix_price .estimate > * {
					display: block;
				}
				.order.subpage .fix_price .estimate > .text {
					margin-bottom: 3px;
				}
			.order.subpage .fix_price .arrow {
				display: none;
			}
			.order.subpage .fix_price .button {
				width: 60%;
			}
		}
@media screen and (max-width: 599px) {

			.order.subpage .fix_price .container > * {
				vertical-align: bottom;
			}
			.order.subpage .fix_price .estimate {
				width: 53%;
			}

				.order.subpage .fix_price .estimate > .text { font-size: 1.24rem; }
					.order.subpage .fix_price .estimate .box input {
						font-size: 2rem;

						width: 115px;

						padding: 5px 10px;
					}
					.order.subpage .fix_price .estimate .box .text {
						font-size: 1.2rem;
					}
			.order.subpage .fix_price .button {
				width: 47%;
			}

				.order.subpage .fix_price .button .btn_type4 {
					font-size: 1.6rem;
				}

					.order.subpage .fix_price .button .btn_type4 .sp_none {
						display: none;
					}
		}
/* 用紙サイズ */
.order.subpage .sheet_size ~ .checkboxtext {
		display: inline-block;

		font-size: 3rem;
		font-weight: 600;

		margin-left: 10px;
	}
.order.subpage .sheet_size ~ .checkboxtext .sml {
			display: block;

			margin-top: 6px;

			font-size: 0.5em;
		}
/* フォームパーツ */
@media screen and (max-width: 999px) {
		.order.subpage .sheet_size ~ .checkboxtext {
			font-size: 2.8rem;
		}
	}
@media screen and (max-width: 768px) {
		.order.subpage .sheet_size ~ .checkboxtext {
			margin-left: 2px;
		}
	}
@media screen and (max-width: 599px) {
		.order.subpage .sheet_size ~ .radio {
			top: 2px;

			margin-right: 4px;
		}
		.order.subpage .sheet_size ~ .checkboxtext {
			font-size: 1.2rem;
			line-height: 1;
		}
	}
/* 用紙サイズ2 */
@media screen and (max-width: 768px) {
			.order.subpage .box_radio1.vari1 .sheet_size ~ .checkboxtext {
				font-size: 2rem;
			}
			.order.subpage .box_radio1.vari1 .sheet_size ~ .radio {
				top: 4px;
			}
	}
@media screen and (max-width: 599px) {
			.order.subpage .box_radio1.vari1 .sheet_size ~ .checkboxtext {
				font-size: 1.3rem;
			}
			.order.subpage .box_radio1.vari1 .sheet_size ~ .radio {
				top: 2px;
			}
	}
/* 色数 */
@media screen and (max-width: 768px) {
		.order.subpage .sheet_color ~ .checkboxtext {
			font-size: 1.32rem;
		}
	}

/* 次に進むボタン */
@media screen and (max-width: 599px) {
		.order.subpage .btn_type4.vari2[type="submit"] {
			font-size: 1.9rem;
		}
	}
/* おすすめテキスト */
.order.subpage .good_choice {
		margin-bottom: 18px;
		margin-top: 4px;
	}
.order.subpage .good_choice .head {
			font-size: 1.52rem;
			font-weight: 500;
			/*color: #008088;*/
			color: red;
			vertical-align: middle;

			margin-right: 10px;

			display: inline-block;
		}
.order.subpage .good_choice .em {
			display: inline-block;

			/*background-color: #008088;*/
			background-color: red;
			border-radius: 10px;

			padding: 4px 10px;
			margin-right: 3px;

			color: #fff;
			font-size: 1.68rem;
			font-weight: 400;
			vertical-align: middle;
		}
.order.subpage .good_choice i {
			/*color: #008088;*/
			color: red;
			vertical-align: -0.1em;
			font-size: 1.2em;

			margin-right: 5px;
		}
@media screen and (max-width: 599px) {
	.order.subpage .good_choice {
		margin-bottom: 10px;
	}
			.order.subpage .good_choice .head {
				font-size: 1.1rem;
			}
			.order.subpage .good_choice .em {
				font-size: 1rem;
			}
		}
/* モーダルウィンドウ */
.order.subpage .bg_help_sheet {
		position: fixed;
		z-index: 10;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0;
		visibility: hidden;

		transition: cubic-bezier(0.000, 0.000, 0.580, 1.000);
		transition-property: opacity, visibility;
		transition-duration: 400ms, 0ms;
		transition-delay: 0ms, 400ms;

		background-color: rgba(0,0,0,0.5);
	}
.order.subpage .bg_help_sheet.active {
			opacity: 1;
			visibility: visible;

			transition-duration: 400ms, 0ms;
			transition-delay: 10ms, 0ms;
		}
.order.subpage .close_help_sheet {
		position: absolute;
		width: 50px;
		height: 50px;
		top: 20px;
		right: 20px;

		margin: auto;

		font-size: 0;

		border: 2px solid #333;
		background-color: #fff;
	}
.order.subpage .close_help_sheet:before,
		.order.subpage .close_help_sheet:after {
			content: "";
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;

			margin: auto;

			width: 68%;
			height: 11px;

			background-color: #333;
		}
.order.subpage .close_help_sheet:before {
			-ms-transform: rotate(45deg);
			    transform: rotate(45deg);
		}
.order.subpage .close_help_sheet:after {
			-ms-transform: rotate(-45deg);
			    transform: rotate(-45deg);
		}
@media screen and (max-width: 599px) {
			.order.subpage .close_help_sheet {
				top: 12px;
				right: 12px;
				width: 40px;
				height: 40px;
			}

				.order.subpage .close_help_sheet:before,
				.order.subpage .close_help_sheet:after {
					height: 7px;
				}
		}
.order.subpage .help_sheet {
		position: fixed;
		z-index: 11;
		width: 100%;
		max-width: 1000px;
		height: 90%;
		overflow-y: scroll;
		opacity: 0;
		visibility: hidden;

		transition: cubic-bezier(0.000, 0.000, 0.580, 1.000);
		transition-property: opacity, visibility;
		transition-duration: 400ms, 0ms;
		transition-delay: 0ms, 400ms;

		top: 5%;
		left: 0;
		right: 0;

		margin: auto;
		padding-top: 20px;
		padding-bottom: 50px;

		background-color: #fff;
	}
.order.subpage .help_sheet.active {
			opacity: 1;
			visibility: visible;

			transition-duration: 600ms, 0ms;
			transition-delay: 10ms, 0ms;
		}
.order.subpage .help_sheet .container {
			padding: 0px 30px;
		}
.order.subpage .help_sheet .head {
			padding-bottom: 15px;
			margin-bottom: 15px;
			border-bottom: #f5f5f5 8px solid;
		}
.order.subpage .help_sheet .head i {
				color: #3ec8b7;
				font-size: 7rem;

				display: inline-block;
				vertical-align: middle;

				margin-right: 10px;
			}
.order.subpage .help_sheet .head .headline_header {
				display: inline-block;
				vertical-align: middle;

				color: #008088;
				font-size: 2.4rem;
				font-weight: 500;
			}
.order.subpage .help_sheet .body .headline_body {
				font-size: 3rem;
				font-weight: 200;

				padding-bottom: 15px;
				margin-bottom: 20px;

				border-bottom: dashed 1px #3ec8b7;
			}
.order.subpage .help_sheet .body .flex_help_sheet {
				-js-display: flex;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-flow: row wrap;
				    flex-flow: row wrap;
				-ms-flex-align: stretch;
				    align-items: stretch;

				border-left: 1px solid #3ec8b7;
			}
.order.subpage .help_sheet .body .flex_help_sheet .fitem {
					-ms-flex: 0 1;
					    flex: 0 1;
					-ms-flex-preferred-size: 33.333%;
					    flex-basis: 33.333%;
					max-width: 33.333%;

					padding: 20px;
					padding-top: 0;

					border-bottom: 1px solid #3ec8b7;
					border-right: 1px solid #3ec8b7;
				}
.order.subpage .help_sheet .body .flex_help_sheet .fitem:nth-of-type(1),
					.order.subpage .help_sheet .body .flex_help_sheet .fitem:nth-of-type(2),
					.order.subpage .help_sheet .body .flex_help_sheet .fitem:nth-of-type(3) {
						border-top: 1px solid #3ec8b7;
					}
.order.subpage .help_sheet .body .flex_help_sheet .fitem .headline {
						font-size: 2rem;
						font-weight: 600;

						height: 65px;
						position: relative;

						border-bottom: 1px solid #cccccc;

						margin-bottom: 15px;
					}
.order.subpage .help_sheet .body .flex_help_sheet .fitem .headline .text {
							display: block;
							position: absolute;
							top: 50%;
							-ms-transform: translateY(-50%);
							    transform: translateY(-50%);
						}
.order.subpage .help_sheet .body .flex_help_sheet .fitem .dlist_type3 {
						margin-bottom: 4px;
					}
@media screen and (max-width: 1099px) {
			.order.subpage .help_sheet {
				max-width: 1000px;
				width: 90%;
			}
		}
@media screen and (max-width: 999px) {
				.order.subpage .help_sheet .body .headline_body {
					font-size: 2.4rem;
				}
					.order.subpage .help_sheet .body .flex_help_sheet .fitem {
						padding: 15px;
						padding-top: 0;
					}

						.order.subpage .help_sheet .body .flex_help_sheet .fitem .headline {
							font-size: 1.72rem;
						}
		}
@media screen and (max-width: 768px) {
					.order.subpage .help_sheet .body .flex_help_sheet .fitem {
						-ms-flex-preferred-size: 50%;
						    flex-basis: 50%;
						max-width: 50%;
					}

						.order.subpage .help_sheet .body .flex_help_sheet .fitem:nth-of-type(3) {
							border-top: none;
						}
		}
@media screen and (max-width: 599px) {
			.order.subpage .help_sheet {
				border: 1px solid #000;
			}
			.order.subpage .help_sheet .container {
				padding: 0px 12px;
			}
			.order.subpage .help_sheet .head {
				max-width: calc(100% - 60px);
			}
				.order.subpage .help_sheet .head i {
					font-size: 3rem;
				}
				.order.subpage .help_sheet .head .headline_header {
					font-size: 2rem;
				}
				.order.subpage .help_sheet .body .headline_body {
					font-size: 1.8rem;
				}
					.order.subpage .help_sheet .body .flex_help_sheet .fitem {
						-ms-flex-preferred-size: 100%;
						    flex-basis: 100%;
						max-width: 100%;
					}

						.order.subpage .help_sheet .body .flex_help_sheet .fitem:nth-of-type(2) {
							border-top: none;
						}

						.order.subpage .help_sheet .body .flex_help_sheet .fitem .headline {
							font-size: 1.5rem;

							height: 50px;
						}
		}
/**************************************************************
*
* 見積り作成 - 見積り内容の確認
*
**************************************************************/
.order-check .red_txt {
	  margin: 10px auto 0px;

	  font-size: 1.4rem;

	  max-width: 910px;
	}
@media screen and (max-width: 999px) {
		.order-check .red_txt {
			max-width: 600px;

			font-size: 1.2rem;
			line-height: 1.5;
		}
	}
@media screen and (max-width: 768px) {
		.order-check .red_txt {
			max-width: 480px;

			font-size: 1.2rem;
			line-height: 1.5;
		}

			.order-check .red_txt br {
				display: none;
			}
	}
@media screen and (max-width: 599px) {
		.order-check .red_txt {
			max-width: 240px;

			text-align: justify;
			font-size: 1.1rem;
		}
	}
.detail .orderDetail {
		margin-bottom: 35px;
	}
.detail .orderDetail .product {
			font-size: 1.8rem;
			font-weight: bold;
			line-height: 1.35;

			margin-bottom: 25px;
			margin-top: 20px;
		}
.detail .orderDetail .choices {
			max-width: 750px;
		}
.detail .orderDetail .dlist_type2 {
			/*width: 300px;*/
			min-width: 250px;
			display: inline-block;

			margin-bottom: 8px;
			margin-right: 15px;
		}
.detail .price {
		margin-top: -30px;
	}
.detail .price .dlist_price {
			margin-top: 15px;
			margin-bottom: 15px;
			margin-right: 20px;
			margin-left: auto;

			line-height: 1.3;
		}
.detail .price .hover_type1 {
			margin-left: auto;
			margin-right: 20px;
		}
@media screen and (max-width: 999px) {
		.detail .price {
			margin-top: 0;
		}
		.detail .btn_type4.vari2 {
			font-size: 2rem;

			width: 300px;
		}
	}
@media screen and (max-width: 768px) {
		.detail .price {
			margin-top: 40px;
		}
		.detail .btn_type4.vari2 {
			font-size: 2rem;

			width: 240px;
		}
	}
@media screen and (max-width: 599px) {
					.detail .orderDetail .product .dlist_type2 .ditem {
						margin-top: 8px;
					}
			.detail .orderDetail .dlist_type2 {
				width: 100%;

				margin-bottom: 15px;
				margin-right: 0;
			}
		.detail .btn_type4.vari2 {
			margin-bottom: 12px;
		}
	}
/* お客様備考欄 */
.orderComment {
	padding-top: 15px;
	margin-top: 20px;

	border-top: 1px dashed #ccc;
}
.orderComment .headline {
	font-size: 1.4rem;
	color: #666;

	margin-bottom: 10px;
}
.orderComment .paragraph {
	font-size: 1.4rem;
	line-height: 1.5;
}
@media screen and (max-width: 599px) {
	.orderComment .paragraph {
		font-size: 1.28rem;
	}
}
/**************************************************************
*
* 見積り作成 - ゲストユーザーの情報入力
*
**************************************************************/
.guest.subpage .table_type5 .err .thead,
			.guest.subpage .table_type5 .err .titem {
				background-color: #fbb7b7;
			}
/* 会員登録のチェックボックス */
.guest.subpage .admission .check_item {
			margin-bottom: 0;
		}
.guest.subpage .admission .red_txt {
			line-height: 1.35;
			font-size: 1.4rem;
		}
/* お支払い方法のラジオボタン */
.guest.subpage .payment .radio_box {
			line-height: 1.75;
		}
@media screen and (max-width: 599px) {
				.guest.subpage .table_type5 .thead br {
					display: none;
				}
				.guest.subpage .admission .table_type5 .thead {
					display: none;
				}
	}
/**************************************************************
*
* 見積り作成 - 会員ユーザーの注文確認
*
**************************************************************/
.confirm.subpage .table_type5 .err .thead,
			.confirm.subpage .table_type5 .err .titem {
				background-color: #fbb7b7;
			}
/**************************************************************
*
* ログイン
*
**************************************************************/
.login.subpage .box_login {
		max-width: 500px;

		margin-left: auto;
		margin-right: auto;
	}
.login.subpage .box_login .detail {
			padding: 35px 20px 30px;

			border: #ccc 1px solid;
		}
.login.subpage .box_login .table {
			margin-bottom: 30px;
			margin-left: auto;
			margin-right: auto;

			max-width: 400px;
			width: 100%;
		}
.login.subpage .box_login .table .thead,
			.login.subpage .box_login .table .titem {
				vertical-align: middle;

				padding: 8px 10px;
			}
.login.subpage .box_login .table .thead {
				text-align: right;
				font-size: 1.4rem;

				width: 120px;
			}
.login.subpage .box_login .table input {
				outline: none;

				padding: 6px;

				font-size: 1.6rem;

				width: 100%;
			}
.login.subpage .box_login .cache {
			text-align: center;
			font-size: 1.4rem;

			margin-bottom: 12px;
		}
.login.subpage .box_login .cache input {
				margin-right: 8px;
			}
.login.subpage .box_login .forget {
			margin-top: 8px;
		}
.login.subpage .box_login .forget i {
				font-size: 0.6em;
				color: #666;
			}
.login.subpage .box_login .forget a {
				text-decoration: underline;
			}
.login.subpage .box_login .forget a:hover,
				.login.subpage .box_login .forget a:focus {
					text-decoration: none;
				}
@media screen and (max-width: 599px) {
			.login.subpage .box_login .detail {
				padding: 20px 12px 15px;
			}

	}
/**************************************************************
*
* マイページ
*
**************************************************************/
.mypage.subpage .aside .status_login {
			padding-top: 10px;
			padding-bottom: 10px;
		}
.mypage.subpage .aside .list_side {
			margin-top: 10px;

			border-top: 1px solid #cccccc;
			border-right: 1px solid #cccccc;
			border-bottom: 1px solid #cccccc;
		}
.mypage.subpage .aside .list_side .litem {
				border-left: 3px solid #cccccc;
			}
.mypage.subpage .aside .list_side .litem a {
					display: block;

					padding: 14px;

					line-height: 1.75;
					color: #000;
					font-size: 1.4rem;

					background-color: #f1f1f1;
				}
.mypage.subpage .aside .list_side .litem:not(:last-child) {
					border-bottom: 1px solid #ccc;
				}
.mypage.subpage.hover .aside .list_side .litem a:hover,
					.mypage.subpage.hover .aside .list_side .litem a.hover,
					.mypage.subpage.hover .aside .list_side .litem a:focus,
					.mypage.subpage.hover .aside .list_side .litem a.active {
						background-color: #ddd;
					}
.mypage.subpage .post_order {
		border: #cccccc 1px solid;

		padding: 10px;
		margin-bottom: 15px;
	}
.mypage.subpage .post_order .product_container + .product_container {
	border-top: #ccc 1px dotted;

	margin-top: 8px;
	padding-top: 8px;
}

.mypage.subpage .post_order .left {
			float: left;
			width: calc(100% - 200px);
		}
.mypage.subpage .post_order .product {
			margin-bottom: 12px;
		}
.mypage.subpage .post_order .product .dlist_type2 {
				font-size: 1.66rem;
			}
.mypage.subpage .post_order .product .dlist_type2 .ditem {
					font-weight: bold;
				}
.mypage.subpage .post_order .orderDetail .dlist_type2 {
				display: inline-block;

				margin-bottom: 5px;
				margin-right: 15px;
			}
.mypage.subpage .post_order .orderDetail .dlist_type2.orderComment {
	font-size: 1.32rem;
	line-height: 1.65;

	display: block;
}
.mypage.subpage .post_order .right {
			float: right;
			width: 200px;
		}
.mypage.subpage .post_order .right .dlist_price {
				margin-bottom: 12px;
			}

@media screen and (max-width: 768px) {
	.mypage.subpage .layout_type1 .aside .headline_type7 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 599px) {
	.mypage.subpage .layout_type1 .aside {
		margin-bottom: 15px;
	}
	.mypage.subpage .layout_type1 .aside .status_login {
		padding-top: 0;
		padding-bottom: 0;
	}
	.mypage.subpage .post_order .left {
		float: none;
		width: 100%;

		border-bottom: #ccc 1px solid;

		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	.mypage.subpage .post_order .orderDetail .dlist_type2 {
		margin-right: 0;
	}
	.mypage.subpage .post_order .dlist_type2 .dhead,
	.mypage.subpage .post_order .dlist_type2 .ditem {
		display: block;
	}
	.mypage.subpage .post_order .dlist_price {
		width: 100%;

		margin-bottom: 15px;
	}

	.mypage.subpage .post_order .right {
		float: none;
		width: 100%;
	}

	.mypage.subpage .post_order button[type="submit"] {
		margin-top: 25px;
	}
}

/**************************************************************
*
* 背景色変更（白→青緑（薄））
*
**************************************************************/
body,
.header .row.one,
.bnr_topic,
.top .list_product {
	background-color: #f9fcff;
}

/* 背景透明の箇所 */
/* .box_type1 .detail,
.table_type1 .titem {
	background-color: #fff;
} */