@charset "utf-8";

/*
 * log:	2014-09-02 �����ƥ��ӥ塼��ɽ�����ɲ�
 *		2014-09-05 model, style�¤��Ѥ��Τ����ɵ�
 * 		2015-09-18 �ܺ٥ڡ����Υ������ơ��֥�Υ���ͥ���ɽ���ѹ�
 * 		2015-10-14 �ܺ٥ڡ����Υ������ơ��֥�Υ쥤�������ѹ�
 * 		2015-11-16 Flex�쥤�������Ѥζ��̥��饹���ɲ�
 */

.button1 {
	position: relative;
	display: block;
	padding: 20px 0px;
	background: #cbb39e;
	border: 2px solid #cbb39e;
	color: #7d4210;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	border-radius: 2px;
	width: 245px;
	margin: 0 auto;
	box-shadow: 1px 1px 1px #898989;
	font-size: 14px;
	text-indent: -.5em;
	padding-left: 38px;
	font-weight: bold;
	background-image: url(/img/common/sp_mail_off.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size: 25px;
	background-position-x: 27px;
	background-position-y: center;
}

.button1:hover {
	text-decoration: none;
	color: #fff;
	background: #8b5529;
	border: 2px solid #8b5529;
	background-image: url(/img/common/sp_mail_on.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size: 25px;
	background-position-x: 27px;
	background-position-y: center;
}

.order_btn {
	text-align: center;
	margin: 10px auto;
}

.text-break-spaces {
	white-space: break-spaces;
/*	word-break: keep-all;
*/}

@media screen and (max-width: 1017px) {
	.snavi {
		display: none;
	}
}

@media screen and (min-width: 769px) {
	body,
	div,
	dl,
	dt,
	dd,
	ul,
	ol,
	li,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	pre,
	code,
	form,
	input,
	button,
	textarea,
	select,
	p,
	blockquote,
	th,
	td {
		margin: 0;
		padding: 0;
	}

	.contents h1 {
		font-size: 38px;
	}
	li {
		list-style: none;
	}
	#container {
		width: 100%;
		margin: 0px auto;
		margin-top: 160px;
		max-width: 1000px;
	}

	.contents {
		width: 780px;
		float: none;
		margin-top: 20px;
		overflow: hidden;
		max-width: 1000px;
		margin: 0 auto;
		padding: 10px;
	}
	a.info_icon:hover {
		color: #04c;
	}
	#item_colors {
		display: none;
	}
	#item_style,
	#item_size,
	#model {
		padding-top: 20px;
	}
	#item_colors p.kome,
	#item_style p.kome,
	#printposition p.kome {
		clear: both;
		font-size: 70%;
	}
	ul#color_thumb li {
		float: left;
		border: 1px solid #DFDFDF;
		margin-right: 3px;
		margin-bottom: 3px;
		background: #fff;
	}
	ul#color_thumb li:hover,
	ul#style_thumb li:hover,
	#model ul li:hover {
		border: 1px solid #7F7F7F;
		cursor: pointer;
	}
	ul#color_thumb li.nowimg,
	ul#style_thumb li.nowimg {
		border: 1px solid #7F7F7F;
	}
	ul#style_thumb li,
	#model ul li {
		float: left;
		border: 1px solid #CFCFCF;
		margin-right: 5px;
		margin-bottom: 5px;
		text-align: center;
		font-size: 10px;
		padding: 2px;
		background: #fff;
	}

	li#calbtn {
		display: block;
		height: 85px;
		width: 285px;
		text-align: center;
		line-height: 85px;
		color: #fff;
		background-image: url(/img/common/calstart_btn.png);
		background-repeat: no-repeat;
		background-position: top left;
		margin-left: 5px;
	}
	li#calbtn:hover {
		background-position: 0 -86px;
	}

	#size_detail table {
		clear: both;
		/*width: 729px;*/
	}
	#size_detail table td {
		min-width: 4em;
		font-size: 80%;
		border: 1px solid #999;
		text-align: center;
	}

	#size_detail table td:last-child {
		border-right: 2px solid #eceae8;
	}

	#size_detail table tr.even {
		background: #EEE;
	}

	#size_detail table tbody tr:first-child {
		background: #FFC;
		font-weight: bold;
	}
	#size_detail table tfoot td {
		text-align: right;
		border: none;
	}

	/* �����ƥ��ӥ塼 */
	.unit_body {
		padding: 10px 0;
		border-bottom: 1px dashed #cfcfcf;
	}

	.unit_body > p:first-child {
		color: #803300;
		font-weight: bold;
		font-size: 18px;
	}
	.unit_body > p:first-child img {
		vertical-align: top;
	}
	.unit_body > p:first-child ins {
		padding-left: 10px;
	}
	.contents-lv3 .tor {
		text-align: right;
	}
	/*
 * �ץ��Ȳ�ǽ�ϰ�
 */
	figure .pntposition .psnv > div:nth-of-type(2) {
		position: relative;
	}
	.printarea_wrap table {
		width: 45%;
		margin: 1em 2%;
	}
	.printarea_wrap table colgroup {
		background: #fff;
	}
	.printarea_wrap table colgroup .col01 {
		background: #fee7a0;
	}
	.printarea_wrap table thead th {
		text-align: center;
		font-size: 85%;
		font-weight: bold;
		color: #666;
		background: #ffc;
		border: 1px solid #999;
	}
	.printarea_wrap table tbody th,
	.printarea_wrap table td {
		min-width: 4em;
		border: 1px solid #999;
		text-align: center;
	}
	.printarea_wrap table tbody tr:last-child {
		border-bottom: 2px solid #eceae8;
	}
	.printarea_wrap table tbody th {
		font-weight: bold;
	}
	.printarea_wrap table td {
		font-size: 85%;
	}
	.printarea_wrap .printtype span:not(.none) {
		display: inline-block;
		padding: 1em;
		width: 20%;
		text-align: center;
		font-size: .8rem;
	}

	.footnote p {
		margin: 0 .5em;
	}
	/*
 * Flex container
 */
	/* item 085CVt */
	div.name {
		padding: 8px 10px;
		text-align: left;
		background: #f0f0f0;
		font-weight: bold;
		margin-bottom: 15px;
		font-size: 12px;
	}

	/*	side */
	.snavi {
		float: left;
		width: 220px;
		margin-top: 20px;
		overflow: hidden;
	}
	.snavi .title {
		width: 200px;
		margin-bottom: 0;
		padding: 15px 0;
		text-align: center;
		background: #c3c3c3;
		font-weight: bold;
	}
	.snavi .list {
		padding: 0;
		margin: 0 0 10px 0;
	}
	.snavi .box {
		width: 200px;
		margin-bottom: 2em;
		border: 1px solid #eae7d2;
		background: #fff;
		border-radius: 3px;
	}
	.snavi ul li {
		margin-left: 5px;
		list-style: none;
		font-size: .7rem;
	}
	.snavi ul {
		width: 200px;
		margin: 0px;
		padding: 0px;
	}
	.snavi .list ul li {
		height: 40px;
		margin: 0;
		border-bottom: solid 1px #F0F0F0;
		font-size: .7rem;
	}
	.snavi .list ul li a,
	.snavi .list ul li a:hover {
		height: 40px;
	}
	.snavi .box p a,
	.snavi ul li a {
		display: block;
		color: #666;
		padding: 2px 0px;
	}
	.snavi .list ul li img {
		padding: 0 8px 2px;
		margin-right: 0;
		max-width: 100%;
		height: auto;
	}

	.snavi .list ul li img.img-brand {
		padding: 2px 8px 2px;
		width: 70px;
	}

	.snavi ul li img {
		margin-right: 5px;
		vertical-align: middle;
	}
	table {
		font-size: inherit;
		border-collapse: collapse;
		border-spacing: 0;
	}


	/*	eend calendar */
	/*	 contents */
	#topicpath {
		margin-bottom: 20px;
		font-size: 0.8em;
		margin-top: 20px;
	}

	h2 {
		font-size: 150%;
		font-weight: normal;
	}
	#item_left {
		float: left;
		width: 330px;
	}
	div.dotted {
		height: 3px;
		background: url(/img/common/dotted.png) repeat-x;
		margin-bottom: 5px;
	}
	ul#item_image_notes {
		text-align: left;
		height: 32px;
	}
	ul#item_image_notes li#size_info {
		padding-right: 0;
	}
	ul#item_image_notes li {
		float: left;
		padding-right: 6px;
		font-size: 10px;
		padding-top: 2px;
	}
	ul#item_image_notes li#notes_size {
		font-weight: bold;
		padding-top: 0;
		color: #999;
	}
	ul#item_image_notes li#notes_size span {
		font-weight: normal;
		font-size: 12px;
		color: #000;
	}
	ul#item_image_notes li#notes_color {
		width: 310px;
		height: 19px;
		font-size: 12px;
		padding-top: 0;
		overflow: hidden;
	}
	#item_image {
		border: 1px solid #7F7F7F;
		padding: 10px 8px;
		text-align: center;
		margin-bottom: 20px;
		background: #fff;
	}
	#item_image img {
		margin-bottom: 10px;
		width: auto;
	}
	#style_thumb img {
		width: auto;
	}
	p.thumb_h {
		font-size: 130%;
		font-weight: bold;
		color: #707070;
	}
	p.thumb_h span {
		font-size: 60%;
		padding-left: 10px;
	}
	#item_thumb,
	#item_colors,
	#item_style,
	#item_size,
	#item_review,
	#model {
		clear: both;
	}
	#item_thumb {
		height: 190px;
		overflow: hidden;
	}
	#item_colors {
		display: none;
	}

	#item_style,
	#item_size,
	#model {
		padding-top: 20px;
	}
	#item_right {
		float: right;
		width: 330px;
	}
	#item_title {
		border-top: 1px solid #7F7F7F;
		/* border-bottom: 1px solid #7F7F7F; */
		padding: 10px 10px 7px;
		border-bottom: none;
	}
	#item_title h2 {
		font-size: 100%;
		font-weight: bold;
	}
	#item_title h2 span#item_code {
		float: left;
		margin-right: 10px;
	}
	#item_title h1 span#item_code {
		margin-right: 10px;
		color: #777;
		font-size: 16px;
		display: -webkit-box;
	}
	#item_title h1 {
		clear: both;
		font-size: 140%;
		font-weight: bold;
	}
	#item_title #price {
		margin-top: 10px;
		font-size: 110%;
		color: #ff0000;
	}
	#item_title #price #price_detail {
		font-weight: bold;
		font-size: 110%;
		padding-left: 5px;
	}
	#priceex {
		margin: 5px 3px 10px;
		padding: 7px 7px 0;
		border: 1px solid #ddd;
		background: #f6f6f6;
		font-size: 12px;
		line-height: 15px;
	}
	#priceex span {
		font-weight: bold;
		font-size: 16px;
	}
	#priceexper {
		text-align: right;
		font-size: 18px;
		line-height: 40px;
	}
	#priceexper span {
		font-size: 22px;
	}
	#orderbtn_wrap_up {
		background-image: url(/img/common/operator.png);
		background-repeat: no-repeat;
		background-position: 450px 0px;
	}
	select,
	input,
	textarea,
	button {
		font-size: 99%;
	}
	#btnOrder_up {
		margin: 10px auto;
		display: block;
		background: url(/img/common/order_btn_0.png) no-repeat 0px 0px;
		height: 101px;
		width: 308px;
		padding-left: 85px;
		font-size: 21px;
		line-height: 97px;
		color: #fff;
		cursor: pointer;
	}
	ul#blue_btns li {
		margin-bottom: 15px;
	}
	li#calbtn {
		display: block;
		height: 85px;
		width: 285px;
		text-align: center;
		line-height: 85px;
		color: #fff;
		background-image: url(/img/common/calstart_btn.png);
		background-repeat: no-repeat;
		background-position: top left;
		margin-left: 5px;
	}
	li#calbtn a {
		color: #fff;
		display: block;
		width: 100%;
		height: 100%;
		font-weight: bold;
		padding-left: 7px;
	}
	#contents-lv3,
	.contents-lv3 {
		margin: 10px 0 40px;
	}
	.contents-lv4 {
		margin: 10px 0 40px;
	}
	h2#info_side,
	h2#review_side {
		background: url(/img/common/info_icon_side.png) no-repeat;
	}
	h2#review_side,
	h2#print_side,
	h2#design_side,
	h2#info_side {
		border-bottom: 1px solid #7F7F7F;
		font-size: 115%;
		font-weight: bold;
		padding-left: 20px;
		color: #7F7F7F;
	}
	.contents-lv4 .material_side {
		border-bottom: 1px solid #7F7F7F;
		font-size: 115%;
		font-weight: bold;
		color: #7F7F7F;
	}
	#info_txt p {
		padding: 10px 5px 0 5px;
		font-size: 80%;
	}
	#contents-lv2,
	.contents-lv2 {
		clear: both;
	}
	h2#size {
		background: url(/img/common/size_icon.png) no-repeat;
		margin-top: 30px;
	}
	#contents-lv2 h2,
	.contents-lv2 h2 {
		font-size: 120%;
		color: #707070;
		font-weight: bold;
		padding-left: 30px;
	}
	.contents-lv2 div.dotted {
		margin-bottom: 15px;
	}
	h2#printarea {
		background: url(/img/common/print_icon.png) no-repeat;
		margin-top: 30px;
	}
	#contents-lv2 p,
	.contents-lv2 p {
		font-size: 80%;
	}
	.printarea_wrap .flex-container {
		margin-top: 20px;
	}
	.flex-container {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	#printarea_pic {
		width: 32%;
	}
	.printarea_wrap .flex-around img {
		width: 200px;
		height: 200px;
	}
	#printAreaImageText_one {
		text-align: center;
		font-size: 130%;
	}
	.footnote {
		padding: 0 1.5em 2em;
	}
	.printarea_wrap .printtype {
		margin-left: 1.5em;
		margin-bottom: 20px;
	}
	.printarea_wrap .printtype span:nth-child(2) {
		background: #C22538;
		color: #fff;
	}
	.printarea_wrap .printtype span:nth-child(3) {
		background: #FF8F00;
		color: #FFF;
	}
	.printarea_wrap .printtype span:nth-child(4) {
		background: #689F38;
		color: #fff;
	}
	.printarea_wrap .printtype span:nth-child(5) {
		background: #1BA8DF;
		color: #fff;
	}
	.printarea_wrap .printtype span:nth-child(6) {
		background: #3D5AFE;
		color: #fff;
	}
	div.up {
		text-align: right;
		padding: 10px 0;
		clear: both;
	}
	a.up_icon {
		background: url(/img/common/up.png) no-repeat;
		padding-left: 14px;
		color: #999;
		text-decoration: underline;
		font-size: 10px;
	}
	#contents-lv2 h2#howmuch,
	.contents-lv2 h2#howmuch {
		background: url(/img/common/yen_icon.png) no-repeat;
		margin-top: 30px;
		display: block;
	}
	#hmguide {
		font-size: 18px;
		text-indent: 5px;
	}
	#hmguide span {
		background: url(/img/common/line_cul.png) no-repeat bottom right;
	}

	.clearfix {
		display: block;
	}
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
		line-height: 0;
		font-size: 0;
		clear: both;
	}

	a.info_icon {
		background: url(/img/common/question.png) no-repeat;
		padding: 2px 0 2px 14px;
		color: #999;
		text-decoration: underline;
		font-size: 10px;
	}

	.contents-lv2 p#orderguide {
		font-weight: normal;
	}
	.contents-lv2 p#orderguide,
	.contents-lv2 p#orderguide2 {
		font-size: 12px;
		font-weight: bold;
		padding-left: 40px;
		padding-right: 40px;
	}
	p#orderguide span {
		color: #C43333;
		background: url(/img/common/line_order.png) no-repeat 0 1.2em;
		padding-bottom: .5em;
	}
	#orderbtn_wrap {
		height: 140px;
		background-image: url(/img/common/operator.png);
		background-repeat: no-repeat;
		background-position: 450px 0px;
	}

	#container:after {
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
		line-height: 0;
		font-size: 0;
		clear: both;
	}
	textarea,
	input[type="text"],
	input[type="number"],
	input[type="email"],
	input[type="password"] {
		padding: 1px 5px;
		border: 1px solid #237bc3;
		background: #f6fbfd;
	}
	.flow_1_butt {
		padding: 3%;
		text-align: center;
	}

}



/*===============================================
��tablet.css ���̤β�����768px�ޤ�
===============================================*/

@media screen and (max-width: 768px) {
	body {
		color: #383838;
		line-height: 1.5;
		-webkit-text-size-adjust: none;
		text-size-adjust: none;
		background-color: #ffffff;
		-webkit-text-size-adjust: 100%;
		text-size-adjust: 100%;
		font-size: 90%;
	}
	#container {
		width: 100%;
		margin: 0px auto;
		margin-top: 160px;
	}

	.contents {
		width: 100%;
		float: none;
		margin-top: 20px;
		overflow: hidden;
		max-width: 1000px;
		margin: 0 auto;
		padding: 10px;
	}
	ol,
	ul {
		list-style: none;
	}
	#topicpath {
		display: none;
	}
	ul#item_image_notes {
		text-align: left;
		height: 32px;
	}
	.flex-container {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	.snavi {
		display: none;
	}
	#model {
		display: none;
	}

	div.dotted {
		height: 3px;
		background: url(/img/common/dotted.png) repeat-x;
		margin-bottom: 5px;
	}
	ul#item_image_notes {
		text-align: left;
		height: 32px;
	}
	ul#item_image_notes li {
		float: left;
		padding-right: 6px;
		font-size: 10px;
		padding-top: 2px;
	}
	ul#item_image_notes li#notes_size span {
		font-weight: normal;
		font-size: 12px;
		color: #000;
	}
	ul#item_image_notes li#notes_color {
		width: 310px;
		height: 19px;
		font-size: 12px;
		padding-top: 0;
		overflow: hidden;
	}
	ul#item_image_notes li#notes_size {
		font-weight: bold;
		padding-top: 0;
		color: #999;
	}
	items_style_responsive.css:80 ul#item_image_notes li#notes_size span {
		font-weight: normal;
		font-size: 12px;
		color: #000;
	}
	ul#item_image_notes li#size_info {
		padding-right: 0;
	}
	#item_colors {
		display: none;
	}
	p.thumb_h {
		font-size: 130%;
		font-weight: bold;
		color: #707070;
	}
	.notes_color,
	.thumb_h {
		display: block;
		text-align: center;
	}
	p.thumb_h span {
		font-size: 60%;
		padding-left: 10px;
	}
	ul#color_thumb li.nowimg,
	ul#style_thumb li.nowimg {
		border: 1px solid #7F7F7F;
	}
	ul#color_thumb li {
		min-width: 30px;
	}
	ul#color_thumb li {
		float: left;
		border: 1px solid #DFDFDF;
		margin-right: 3px;
		margin-bottom: 3px;
		background: #fff;
	}

	h2#size,
	h2#printarea,
	h2#howmuch {
		font-size: 240%;
	}
	.unit_body p {
		font-size: 180%;
	}
	#contents-lv2 p,
	.contents-lv2 p {
		font-size: 80%;
	}
	#info_txt {
		font-size: 180%;
	}
	.contents-lv4 .material_txt {
		font-size: 180%;
	}
	#item_left {
		float: left;
		width: 48%;
	}
	#item_right {
		float: right;
		width: 48%;
	}
	#item_title {
		border-top: 1px solid #7F7F7F;
		/* border-bottom: 1px solid #7F7F7F; */
		padding: 10px 10px 7px;
		border-bottom: none;
	}
	#item_title h2 {
		font-size: 100%;
		font-weight: bold;
	}
	#item_title h2 span#item_code {
		float: left;
		margin-right: 10px;
	}
	#item_title h1 {
		clear: both;
		font-size: 140%;
		font-weight: bold;
	}
	#item_title #price {
		margin-top: 10px;
		font-size: 110%;
		color: #ff0000;
	}
	#item_title #price #price_detail {
		font-weight: bold;
		font-size: 110%;
		padding-left: 5px;
		/* padding: 0 20px 0 60px; */
	}
	#priceex {
		margin: 5px 3px 10px;
		padding: 7px 7px 0;
		border: 1px solid #ddd;
		background: #f6f6f6;
		font-size: 12px;
		line-height: 15px;
	}
	#priceex span {
		font-weight: bold;
		font-size: 16px;
	}
	#priceexper {
		text-align: right;
		font-size: 18px;
		line-height: 40px;
	}
	#priceexper span {
		font-size: 22px;
	}
	#blue_btns {
		padding: 0px;
	}
	ul#blue_btns li {
		margin-bottom: 15px;
	}
	.unit_body {
		padding: 10px 0;
		border-bottom: 1px dashed #cfcfcf;
		font-size: 60%;
	}
	.unit_body > p:first-child {
		color: #803300;
		font-weight: bold;
		font-size: 18px;
	}
	.unit_body > p:first-child img {
		vertical-align: top;
	}
	.unit_body > p:first-child ins {
		padding-left: 10px;
	}
	.unit_body p {
		font-size: 180%;
	}
	.contents-lv3 .tor {
		text-align: right;
	}
	#contents-lv3,
	.contents-lv3 {
		margin: 10px auto 40px;
		width: 95%;
	}
	.contents-lv4 {
		margin: 10px auto 40px;
		width: 95%;
	}
	h2#info_side,
	h2#review_side {
		background: url(/img/common/info_icon_side.png) no-repeat;
	}
	h2#size {
		background: url(/img/common/size_icon.png) no-repeat;
		margin-top: 30px;
	}
	h2#printarea {
		background: url(/img/common/print_icon.png) no-repeat;
		margin-top: 30px;
	}
	#contents-lv2 h2,
	.contents-lv2 h2 {
		font-size: 120%;
		color: #707070;
		font-weight: bold;
		padding-left: 30px;
	}
	h2#review_side,
	h2#print_side,
	h2#design_side,
	h2#info_side {
		border-bottom: 1px solid #7F7F7F;
		font-size: 115%;
		font-weight: bold;
		padding-left: 20px;
		color: #7F7F7F;
	}
	.contents-lv4 .material_side {
		border-bottom: 1px solid #7F7F7F;
		font-size: 115%;
		font-weight: bold;
		color: #7F7F7F;
	}
	#contents-lv2 h2,
	.contents-lv2 h2 {
		font-size: 120%;
		color: #707070;
		font-weight: bold;
		padding-left: 30px;
	}
	#size_detail table tbody tr:first-child {
		background: #FFC;
		font-weight: bold;
	}
	#size_detail table td.hov {
		background: #FCC;
	}
	#size_detail table tr.even {
		background: #EEE;
	}
	#size_detail table {
		clear: both;
		width: 95%;
		margin: 0 auto;
	}
	#size_detail table td {
		min-width: 4em;
		font-size: 80%;
		border: 1px solid #999;
		text-align: center;
	}
	#size_detail table td {
		min-width: 2em;
		font-size: 180%;
	}
	#size_detail table td:last-child {
		border-right: 2px solid #eceae8;
	}
	#size_detail table tfoot td {
		text-align: right;
		border: none;
	}
	h2#review_side,
	h2#print_side,
	h2#design_side,
	h2#info_side {
		font-size: 160%;
	}
	.contents-lv4 .material_side {
		font-size: 160%;
		white-space: pre;
	}
	#info_txt {
		font-size: 150%;
	}
	.contents-lv4 .material_txt {
		font-size: 150%;
	}
	#info_txt p {
		padding: 10px 5px 0 5px;
		font-size: 80%;
	}
	#contents-lv2,
	.contents-lv2 {
		clear: both;
		margin: 10px auto 40px;
		width: 95%;
	}
	.contents-lv2 #size_detail {
		width: 98%;
	}
	.printarea_wrap .flex-container {
		margin-top: 20px;
		font-size: 180%;
	}
	#printarea_pic {
		width: 32%;
	}
	.printarea_wrap .flex-around img {
		width: 100%;
		height: auto;
	}
	#printAreaImageText_one {
		text-align: center;
		font-size: 130%;
	}
	.printarea_wrap table {
		width: 95%;
		margin: 1em 2%;
	}
	.printarea_wrap table colgroup {
		background: #fff;
	}
	.printarea_wrap table colgroup .col01 {
		background: #fee7a0;
	}
	.printarea_wrap table thead th {
		text-align: center;
		font-size: 70%;
		font-weight: bold;
		color: #666;
		background: #ffc;
		border: 1px solid #999;
	}
	.printarea_wrap table tbody th,
	.printarea_wrap table td {
		min-width: 4em;
		border: 1px solid #999;
		text-align: center;
	}
	.printarea_wrap table tbody tr:last-child {
		border-bottom: 2px solid #eceae8;
	}
	.printarea_wrap table td {
		font-size: 70%;
	}
	.printarea_wrap table tbody th {
		font-weight: bold;
	}
	.footnote {
		padding: 0 1.5em 2em;
	}
	.printarea_wrap .printtype {
		margin-left: 1.5em;
		margin-bottom: 20px;
		text-align: center;
	}
	.printarea_wrap .printtype {
		margin-left: 1.5em;
		margin-bottom: 20px;
		text-align: center;
	}
	.printarea_wrap .printtype span:nth-child(6) {
		background: cornflowerblue;
		color: yellow;
	}
	.printarea_wrap .printtype span:nth-child(5) {
		background: brown;
		color: #eee;
	}
	.printarea_wrap .printtype span:nth-child(4) {
		background: pink;
	}
	.printarea_wrap .printtype span:nth-child(3) {
		background: lightgreen;
	}
	.printarea_wrap .printtype span:nth-child(2) {
		background: orange;
	}
	.printarea_wrap .printtype span:not(.none) {
		display: inline-block;
		padding: 1em 0;
		width: 40%;
		text-align: center;
		margin-left: 0px;
	}
	div.up {
		text-align: right;
		padding: 10px 0;
		clear: both;
	}
	a.up_icon {
		background: url(/img/common/up.png) no-repeat;
		padding-left: 14px;
		color: #999;
		text-decoration: underline;
		font-size: 10px;
	}

	#contents-lv2,
	.contents-lv2 {
		clear: both;
		margin: 10px auto 40px;
		width: 95%;
	}
	#contents-lv2 h2,
	.contents-lv2 h2 {
		font-size: 120%;
		color: #707070;
		font-weight: bold;
		padding-left: 30px;
	}
	h2#size,
	h2#printarea,
	h2#howmuch {
		font-size: 175%;
	}
	#contents-lv2 h2#howmuch,
	.contents-lv2 h2#howmuch {
		background: url(/img/common/yen_icon.png) no-repeat;
		margin-top: 30px;
		display: block;
	}
	#hmguide {
		font-size: 16px;
		font-weight: bold;
		text-indent: 5px;
	}
	#hmguide span {
		background: url(/img/common/line_cul.png) no-repeat bottom right;
	}

	a.info_icon {
		background: url(/img/common/question.png) no-repeat;
		color: #999;
		text-decoration: underline;
		transform: scale(1.2, 1.2);
		text-decoration: underline;
		padding-right: 10px;
		font-size: 10px;
		padding: 2px 0 2px 14px;
	}

	#item_thumb {
		overflow: hidden;
		width: 95%;
		margin: 0 3%;
		height: 100%;
	}
	#color_thumb {
		padding-left: 3px;
	}
	#item_style,
	#item_size,
	#model {
		padding-top: 20px;
		width: 98%;
		margin: 0 3%;
	}
	#price_wrap table {
		border: none;
		width: 100%;
		margin: 0;
		clear: both;
		border-collapse: collapse;
	}

	#item_image {
		width: 70%;
		border: 1px solid #7F7F7F;
		padding: 10px 8px;
		text-align: center;
		margin-bottom: 20px;
		margin: auto;
		background: #fff;
	}
	#item_image img {
		margin-bottom: 10px;
		width: 100%;
		height: 100%;
	}

	#size_detail table {
		clear: both;
		width: 80%;
		margin: 0 10%;
	}
	.printarea_wrap .printtype {
		margin-left: 1.5em;
		margin-bottom: 20px;
		text-align: center;
	}
	.printarea_wrap .flex-around img {
		width: 100%;
		height: auto;
	}

	.printarea_wrap .flex-container {
		margin-top: 20px;
		font-size: 180%;
	}
	.printarea_wrap .printtype span:not(.none) {
		display: inline-block;
		padding: 1em 0;
		width: 40%;
		text-align: center;
		margin-left: 0px;
	}

	a.info_icon {
		background: url(/img/common/question.png) no-repeat;
		color: #999;
		text-decoration: underline;
		transform: scale(1.2, 1.2);
		text-decoration: underline;
		padding-right: 10px;
	}
	.flow_s {
		display: none;
	}

	ul#color_thumb li {
		min-width: 30px;
	}
	input[type=text],
	input[type=number],
	input[type=email],
	input[type=tel],
	input[type=date],
	input[type=password] {
		/* padding: 7px 22px; */
		/* line-height: 22px; */
		border: 1px solid #8C8B8B;
		background-color: #fff;
	}
	#printfee_wrap table {
		width: 60%;
	}
	.flow_1_butt {
		padding: 3%;
		text-align: center;
	}

}

/*===============================================
��smart.css  ���̤β�����640px�ޤ�
===============================================*/

@media screen and (max-width:640px) {
	/*2020/11/17 Sonix-NghiaNT Start: UI-Responsive | アイテム詳細ページ*/
	.contents-lv4 .material_txt {
		font-size: 100%;
	}
	#info_txt {
		font-size: 100%;
		word-break: break-all;
	}
	/*2020/11/17 Sonix-NghiaNT End*/


	#btnOrder_up {
		margin: 10px auto;
		display: block;
		background: url(/img/common/order_btn_0.png) no-repeat 0px 0px;
		height: 101px;
		width: 308px;
		padding-left: 85px;
		font-size: 21px;
		line-height: 97px;
		color: #fff;
		cursor: pointer;
	}
	li#calbtn {
		display: block;
		height: 85px;
		width: 285px;
		text-align: center;
		line-height: 85px;
		color: #fff;
		background-image: url(/img/common/calstart_btn.png);
		background-repeat: no-repeat;
		background-position: top left;
		/*margin-left:5px;*/
		margin: 10px auto;
	}
	li#calbtn a {
		color: #fff;
		display: block;
		width: 100%;
		height: 100%;
		font-weight: bold;
		padding-left: 7px;
	}

	#item_left {
		float: left;
		width: 100%;
	}
	#item_right {
		float: right;
		width: 100%;
	}
	#item_thumb {
		overflow: hidden;
		width: 95%;
		margin: 0 3%;
		padding-top: 15px;
	}
	#item_style,
	#item_size,
	#model {
		padding-top: 20px;
		width: 95%;
		margin: 0 3%;
	}
	#contents-lv3,
	.contents-lv3 {
		margin: 10px auto 40px;
		width: 95%;
	}
	.contents-lv4 {
		margin: 10px auto 40px;
		width: 95%;
	}
	#contents-lv2,
	.contents-lv2 {
		clear: both;
		margin: 10px auto 40px;
		width: 95%;
	}
	.contents-lv2 #size_detail {
		width: 98%;
	}
	.printarea_wrap table {
		width: 95%;
		margin: 1em 2%;
	}
	/*2020/11/18 Sonix-NghiaNT Start: UI-Responsive | アイテム詳細ページ*/
	.printarea_wrap .printtype span:not(.none) {
		/* font-size: 120%; */
		font-size: 95%;
	}
	/*2020/11/18 Sonix-NghiaNT End*/

	.notes_color,
	.thumb_h {
		display: block;
		text-align: center;
	}

	#size_detail table {
		clear: both;
		width: 95%;
		margin: 0 auto;
		font-size: 60%;
	}
	#size_detail table td {
		min-width: 2em;
		font-size: 180%;
	}

	#size_detail table td:last-child {
		border-right: 2px solid #eceae8;
	}

	#style_thumb li {
		float: left;
		border: 1px solid #CFCFCF;
		margin-right: 5px;
		margin-bottom: 5px;
		text-align: center;
		font-size: 10px;
		padding: 2px;
		background: #fff;
	}

}