body * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.topTxt {
	font-size: 14px;
	margin-bottom: 10px
}
.topTxt .lgBold {
	font-size: 16px;
	font-weight: bold
}
.topTxt a {
	color: #555;
	text-decoration: underline
}
.topTxt .free {
	display: block;
	font-size: 24px;
	font-weight: bold
}
.fontTbl {
	width: 100%;
	margin-bottom: 10px
}
.fontTbl th, .fontTbl td {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 1px #999;
	padding: 5px
}
.fontTbl th.type, .fontTbl td.type {
	width: 100px;
	text-align: center
}
.fontTbl th {
	text-align: center;
	background: #eee
}
.fontTbl .white {
	background: #fff;
	color: #fff
}
.fontTbl .black {
	background: #000;
	color: #000
}
.fontTbl .red {
	background: #e02126;
	color: #e02126
}
.fontTbl .blue {
	background: #0139ab;
	color: #0139ab
}
#guideIndex .comSubTtl {
	position: relative;
	padding: 0
}
#guideIndex .comSubTtl:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5px;
	content: '';
	width: 5px;
	height: 5px;
	border-top: 2px solid #630;
	border-right: 2px solid #630;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: auto 0
}
#guideIndex .comSubTtl a {
	color: #663300;
	display: block;
	padding: 4px 10px
}
.guideComCont {
	font-size: 14px;
	padding-bottom: 20px
}
.guideComCont:last-of-type {
	padding-bottom: 0
}
.guideComCont.bdDotted {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 20px
}
.guideComCont.bdSolid {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px
}
.guideComCont .lead {
	padding-bottom: 10px
}
.guideComCont .clearBox {
	*zoom: 1;
	margin: 0 -3px
}
.guideComCont .clearBox:after {
	content: "";
	display: table;
	clear: both
}
.guideComCont .clearBox .ttlBox {
	padding: 0 3px;
	float: left
}
.guideComCont .clearBox .ttlBox.colum1 {
	width: 33.33%
}
.guideComCont .clearBox .ttlBox.colum2 {
	width: 66.66%
}
.guideComCont .clearBox .dataTtl {
	background: #eee;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 7px 0;
	margin-bottom: 6px
}
.guideComCont .dataImgList {
	*zoom: 1;
	margin: 0 -3px;
	margin-bottom: 10px
}
.guideComCont .dataImgList:after {
	content: "";
	display: table;
	clear: both
}
.guideComCont .dataImgList li {
	float: left;
	width: 33.33%;
	padding: 0 3px
}
.guideComCont .cautionBox {
	background: #ffc8ca;
	padding: 10px
}
.guideComCont .cautionBox .ttl {
	font-weight: bold
}
.guideComCont .cautionBox ul li {
	padding-left: 1em;
	text-indent: -1em
}
.guideComCont .cautionBox ul li a {
	text-decoration: underline
}
.guideComCont .grayBox {
	background: #eee;
	padding: 8px
}
.guideComCont .grayBox li {
	padding-left: 1em;
	text-indent: -1em
}
.guideComCont .dotteBox dt {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px
}
.guideComCont .dotteBox dd {
	padding: 0 20px
}
.guideComCont .blueBox {
	background: #1eb9ef;
	padding: 15px
}
.guideComCont .blueBox p {
	color: #fff;
	font-weight: bold
}
.guideComCont .proofBox:last-of-type dd {
	padding-bottom: 0
}
.guideComCont .proofBox dt {
	position: relative;
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
	margin-bottom: 8px;
	padding-left: 1.2em;
	text-indent: -1.2em
}
.guideComCont .proofBox dt:before {
	background: #663300;
	width: 15px;
	height: 15px;
	content: '';
	display: inline-block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	left: 0;
	bottom: 4px;
	margin-right: 0.2em;
	position: relative;
	bottom: -1px
}
.guideComCont .proofBox dt:after {
	background: #eee;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 4px;
	left: 0;
	content: '';
	z-index: -1
}
.guideComCont .proofBox dd {
	padding-bottom: 15px
}
.guideComCont .proofBox dd .numList {
	list-style-type: decimal;
	padding-left: 18px
}
.guideComCont .proofBox dd .emph {
	font-size: 16px;
	font-weight: bold;
	color: #ff0000
}
.guideComCont .charmBox dt {
	font-weight: bold
}
.guideComCont .charmBox dd ul li {
	padding-left: 1.5em;
	text-indent: -1.5em
}
.guideComCont .charmBox dd ul li .numCircle {
	display: inline-block;
	width: 15px;
	height: 15px;
	font-size: 11px;
	color: #fff !important;
	background: #313131;
	text-align: center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 0.5em;
	text-indent: 0;
	padding-left: 0
}
.guideComCont .charmBox.merit dt {
	font-size: 16px
}
.guideComCont .charmBox.merit dt:before {
	content: '○';
	color: #e30920;
	margin-right: 0.25em
}
.guideComCont .charmBox.merit dd ul li span {
	color: #e30920
}
.guideComCont .charmBox.demerit dt {
	font-size: 16px
}
.guideComCont .charmBox.demerit dt:before {
	content: '×';
	color: #0c6fb9;
	margin-right: 0.25em
}
.guideComCont .charmBox.demerit dd ul li span {
	color: #0c6fb9
}
.guideComCont .silkDescTtl {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px
}
.guideComCont .silkDescTtl.price {
	color: #e50d83
}
.guideComCont .silkDescTtl.print {
	color: #f49e1a
}
.guideComCont .silkDescTtl.color {
	color: #c3d705
}
.guideComCont .silkDescTtl.colors {
	color: #e4007f
}
.guideComCont .silkDescTtl.silk {
	color: #00a0e9
}
.guideComCont .silkDescTtl img {
	width: 22px;
	height: 22px;
	margin-right: 5px;
	position: relative;
	bottom: 1px
}
.guideComCont .silkDescList {
	list-style-type: disc;
	padding-left: 20px
}
.guideComCont .flBox {
	*zoom: 1
}
.guideComCont .flBox:after {
	content: "";
	display: table;
	clear: both
}
.guideComCont .flBox .frImg {
	float: right;
	width: 63px;
	height: 61px
}
.guideComCont .flBox .flBoxL {
	float: left;
	width: 48%
}
.guideComCont .flBox .flBoxR {
	float: right;
	width: 48%
}
.guideComCont .numTxt {
	font-size: 15px;
	font-weight: bold
}
.guideComCont .numTxt .num {
	display: inline-block;
	background: #555;
	font-size: 12px;
	color: #fff;
	width: 18px;
	height: 18px;
	text-align: center;
	font-weight: bold;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 5px;
	position: relative;
	top: -2px
}
.guideComCont .lead a {
	text-decoration: underline;
	color: #555
}
.orderBtn {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #fff !important;
	padding: 8px;
	text-align: center;
	position: relative;
	background: #e30920
}
.orderBtn:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	content: '';
	width: 8px;
	height: 8px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: auto 0
}
.banBox {
	display: block
}
.redBdTtl, .orangeBdTtl {
	font-size: 16px;
	font-weight: bold;
	color: #e60012;
	border-bottom: 2px solid #e60012;
	margin-bottom: 10px
}
.orangeBdTtl {
	color: #eb6100;
	border-bottom: 2px solid #eb6100
}
.charmTtl {
	background: #0086d1;
	padding: 8px 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold
}
.kuroTtl {
	background: #000;
	padding: 8px 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px
}
.boldTtl {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px
}
.fireTtl {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	margin-bottom: 5px
}
.proBtn {
	display: block;
	padding: 10px;
	color: #fff !important;
	font-size: 16px;
	font-weight: bold;
	position: relative
}
.proBtn:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	content: '';
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: auto 0
}
.proBtn span {
	font-size: 14px;
	font-weight: normal
}
.proBtn.default {
	background: #e70305
}
.proBtn.original {
	background: #ec730a
}
.proBtn.other {
	background: #6bae71
}
.colorImgAc {
	margin-bottom: 10px
}
.colorImgAc dt {
	font-size: 14px;
	font-weight: bold;
	color: #663300;
	padding: 12px 0;
	border: 2px solid #663300;
	text-align: center;
	position: relative
}
.colorImgAc dt:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	content: '';
	width: 5px;
	height: 5px;
	border-top: 2px solid #630;
	border-right: 2px solid #630;
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	margin: auto 0
}
.colorImgAc dt.open:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	content: '';
	width: 5px;
	height: 5px;
	border-top: 2px solid #630;
	border-right: 2px solid #630;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin: auto 0
}
.colorImgAc dd {
	display: none
}
#beginner .beginnerBox {
	background: #fdedd5;
	padding: 20px 10px;
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: -10px
}
#beginner .comSubTtl {
	background: #e5e5e5
}
#beginner .comSubTtl.color1 {
	border-left: 5px solid #e60012;
	color: #e60012
}
#beginner .comSubTtl.color2 {
	border-left: 5px solid #0086d1;
	color: #0086d1
}
#beginner .comSubTtl.color3 {
	border-left: 5px solid #8ec31f;
	color: #8ec31f
}
#beginner .compTxt {
	color: #886a44;
	font-weight: bold
}
#beginner .floBox {
	overflow: hidden;
	*zoom: 1
}
#beginner .floBox .bbFloTtl {
	color: #313131;
	font-weight: bold;
	border-bottom: 1px solid #898989;
	padding-bottom: 5px;
	margin-bottom: 7px
}
#beginner .floBox .flL {
	float: left;
	width: 60%
}
#beginner .floBox .flL.fl1 {
	width: 65%
}
#beginner .floBox .floImg {
	float: right;
	padding-left: 10px;
	width: 40%
}
#beginner .floBox .floImg.img1 {
	width: 35%
}
#beginner .orderBox {
	padding-bottom: 12px
}
#beginner .orderBox .orderLink {
	color: #313131 !important;
	display: block;
	padding: 7px 10px;
	border: 1px solid #c9c9c9;
	font-weight: bold;
	padding-right: 25px;
	position: relative;
	margin-bottom: 8px
}
#beginner .orderBox .orderLink:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	content: '';
	width: 8px;
	height: 8px;
	border-top: 2px solid #a0a0a0;
	border-right: 2px solid #a0a0a0;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: auto 0
}
#beginner .orderBox .orderLink span {
	color: #ff0000;
	float: right
}
#orderflow_box #tab-box #tab {
	overflow: hidden;
	*zoom: 1;
	margin: 0 -5px
}
#orderflow_box #tab-box #tab li {
	width: 50%;
	float: left;
	padding: 0 5px
}
#orderflow_box #tab-box #tab li.active a {
	background: #f8b62b;
	color: #fff !important;
	border: 1px solid #f8b62b;
	border-bottom: none
}
#orderflow_box #tab-box #tab li a {
	display: block;
	text-align: center;
	line-height: 1;
	padding: 8px 0;
	font-size: 14px;
	border: 1px solid #ccc;
	border-bottom: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px;
	border-radius: 3px 3px 0 0
}
#orderflow_box #tab-box #tab li a span {
	display: block;
	font-size: 10px;
	margin-bottom: 3px
}
.flowCnt {
	border: 2px solid #f8b62b;
	padding: 10px 7px;
	background: #f8b62b
}
.flowCnt.disnon {
	display: none
}
.flowCnt .flowBox {
	font-size: 14px;
	padding-bottom: 15px;
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 20px;
	border: 1px dashed #999;
	position: relative
}
.flowCnt .flowBox:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #313131 transparent transparent transparent;
	content: '';
	position: absolute;
	left: 50%;
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	bottom: -16px
}
.flowCnt .flowBox:last-child {
	margin-bottom: 0
}
.flowCnt .flowBox:last-child:after {
	display: none
}
.flowCnt .flowBox .flowTtl {
	color: #f8b62b;
	font-weight: bold;
	margin-bottom: 8px
}
.flowCnt .flowBox .flowTtl span {
	display: inline-block;
	border: 1px solid #f8b62b;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align: center;
	font-size: 10px;
	margin-right: 5px;
	padding-top: 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.flowCnt .flowBox p ul {
	padding-left: 1em;
	list-style-type: disc
}
.flowCnt .flowBox p ul li {
	padding-left: 1em;
	text-indent: -1em
}
.flowCnt .flowBox .imgBox {
	text-align: center;
	margin-top: 8px;
	margin-bottom: 8px
}
.guideComCont#normal .deliTtl {
	border-left: 5px solid #2834d4
}
.guideComCont#choutokkyu .deliTtl {
	border-left: 5px solid #cc0502
}
.guideComCont#loose .deliTtl {
	border-left: 5px solid #16700c
}
.guideComCont#omatase .deliTtl {
	border-left: 5px solid #ee9a03
}
.guideComCont .bgBox1 {
	background: url('/images/black-titi.jpg') no-repeat right 0;
	-moz-background-size: contain;
	-o-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
	padding: 10px 0 30px;
	padding-right: 120px
}
.guideComCont .bgBox1 .ttl {
	font-size: 16px;
	font-weight: bold
}
.guideComCont .bgBox1 .price {
	font-size: 16px;
	font-weight: bold;
	color: #ff0000
}
.guideComCont .bgBox2 {
	background: url('../../img/guide/bg-kurochichi2.png?1510294056') no-repeat right 40px;
	-moz-background-size: contain;
	-o-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
	padding: 10px 0 0;
	padding-right: 90px
}
.guideComCont .bgBox2 .ttl {
	font-size: 16px;
	font-weight: bold
}
.guideComCont .bgBox2 .price {
	font-size: 16px;
	font-weight: bold;
	color: #ff0000
}
.guideComCont .noteTxt {
	font-size: 12px;
	color: #999
}
.guideComCont p a {
	color: #555;
	text-decoration: underline
}
#fire_retardant_info .fireCont {
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	margin-bottom: 10px
}
#fire_retardant_info .fireCont p {
	font-size: 14px
}
#fire_retardant_info .fireCont p a {
	color: #0068b7;
	text-decoration: underline
}
#fire_retardant_info .linkBtn {
	display: block;
	background: #000;
	padding: 8px 10px;
	color: #fff !important;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	position: relative
}
#fire_retardant_info .linkBtn:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	content: '';
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: auto 0
}
#fire_retardant_info .guideComCont.bdRed {
	padding-bottom: 0
}
#fire_retardant_info .fireLink {
	margin-top: 15px;
	padding-top: 15px;
	border-top: solid 2px #e60013
}
#fire_retardant_info .fireLink li {
	font-size: 14px;
	margin-bottom: 10px
}
#fire_retardant_info .fireLink li:before {
	content: '■';
	color: #ff0000
}
#fire_retardant_info .fireLink li a {
	display: block;
	color: #555
}
.sokunouBox {
	background: #fff0f5;
	font-size: 14px;
	padding: 8px
}
.sokunouBox .att {
	font-size: 16px;
	font-weight: bold
}
.sokunouBox .emphasis {
	font-size: 16px;
	font-weight: bold;
	color: #cc0000
}
.deliTtl {
	font-size: 16px;
	font-weight: bold;
	border-left: 5px solid #999;
	padding-left: 5px;
	margin-bottom: 8px
}
.discList {
	list-style-type: disc;
	padding-left: 1em;
	text-align: left
}
.discList li {
	margin-left: 0.5em
}
.discList li .blkb {
	font-size: 16px;
	font-weight: bold
}
.discList li a {
	color: #555;
	text-decoration: underline
}
.necessaryList li:before {
	content: '●';
	font-size: 10px;
	color: #ff0000;
	margin-right: 5px
}
.tblAc {
	margin-bottom: 10px
}
.tblAc>dt {
	padding: 8px 10px;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	border: 1px solid #000
}
.tblAc>dt:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	content: '';
	width: 8px;
	height: 8px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	margin: auto 0
}
.tblAc>dt.open:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	content: '';
	width: 8px;
	height: 8px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin: auto 0
}
.tblAc>dt span {
	font-size: 13px
}
.tblAc.nomal dt {
	background: #ebecff
}
.tblAc.nomal dd .deliveryTbl td {
	background: #ebecff
}
.tblAc.limited dt {
	background: #ffe5e4
}
.tblAc.limited dd .deliveryTbl td {
	background: #ffe5e4
}
.tblAc.choutokkyu dt {
	background: #ffd6d4
}
.tblAc.choutokkyu dd .deliveryTbl td {
	background: #ffd6d4
}
.tblAc.loose dt {
	background: #e3fee0
}
.tblAc.loose dd .deliveryTbl td {
	background: #e3fee0
}
.tblAc.omatase dt {
	background: #fdf2df
}
.tblAc.omatase dd .deliveryTbl td {
	background: #fdf2df
}
.tblAc>dd {
	display: none
}
.tblAc>dd .dataBtn {
	display: block;
	padding: 8px 10px;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	color: #fff;
	background: #df0011
}
.tblAc>dd .dataBtn:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	content: '';
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: auto 0
}
.tblAc>dd .deliveryTbl {
	width: 100%
}
.tblAc>dd .deliveryTbl th {
	display: block;
	width: 100%;
	text-align: center;
	padding: 7px
}
.tblAc>dd .deliveryTbl td {
	padding: 7px;
	display: block;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #ccc
}
.tblAc>dd .deliveryTbl td .blkbb {
	font-size: 16px;
	font-weight: bold
}
.tblAc>dd .deliveryTbl td .price {
	font-size: 16px;
	font-weight: bold;
	color: #ff0000
}
.tblAc>dd .deliveryTbl td .price .tax {
	font-size: 14px;
	font-weight: normal;
	color: #333
}
.takkyubinBtn {
	background: #006cb7;
	font-weight: bold;
	display: table;
	width: 100%;
	padding: 5px 8px;
	margin-bottom: 10px
}
.takkyubinBtn .leftTxt {
	color: #f39700;
	font-size: 10px;
	display: table-cell;
	vertical-align: middle;
	width: 23%
}
.takkyubinBtn .text {
	display: table-cell;
	font-size: 14px;
	color: #fff;
	vertical-align: middle
}
.pageLibkList {
	margin: 0 -5px;
	*zoom: 1
}
.pageLibkList:after {
	content: "";
	display: table;
	clear: both
}
.pageLibkList li {
	width: 50%;
	float: left;
	padding: 0 5px;
	margin-bottom: 10px
}
.pageLibkList li:last-child {
	margin-bottom: 0;
	margin: 0 auto;
	float: none
}
.pageLibkList li a {
	display: block
}
#carriage .mapImg {
	margin-top: -80px
}
#carriage .mapTbl {
	font-size: 12px;
	text-align: center;
	width: 100%;
	border-left: 1px solid #a0a0a0;
	border-right: 1px solid #a0a0a0;
	border-top: 1px solid #a0a0a0
}
#carriage .mapTbl caption {
	font-size: 16px;
	font-weight: bold;
	color: #313131;
	margin-bottom: 10px
}
#carriage .mapTbl tr {
	border-bottom: 1px solid #a0a0a0
}
#carriage .mapTbl th {
	color: #fff;
	padding: 6px 0;
	text-align: center;
	border-right: 1px solid #a0a0a0;
	font-weight: bold;
	width: 75%
}
#carriage .mapTbl th.blue {
	background: #0080cb
}
#carriage .mapTbl th.purple {
	background: #a574af
}
#carriage .mapTbl th.orange {
	background: #f29600
}
#carriage .mapTbl th.red {
	background: #e7364a
}
#carriage .mapTbl td {
	font-weight: bold;
	color: #ff0000;
	padding: 6px 0;
	text-align: center
}
#carriage .regionTbl {
	font-size: 12px;
	border-left: 1px solid #a0a0a0;
	border-top: 1px solid #a0a0a0
}
#carriage .regionTbl.pole td {
	background: #ffffcc
}
#carriage .regionTbl tr {
	border-bottom: 1px solid #a0a0a0
}
#carriage .regionTbl th {
	padding: 6px 0;
	border-right: 1px solid #a0a0a0;
	text-align: center;
	background: #ccc
}
#carriage .regionTbl .tax {
	color: #666;
	font-size: 10px
}
#carriage .regionTbl td {
	text-align: center;
	padding: 6px 0;
	border-right: 1px solid #a0a0a0;
	color: #cc0000;
	font-weight: bold;
	width: 32%;
	background: #fff
}
#carriage .regionTbl td a {
	display: block;
	text-decoration: underline
}
#carriage .regionTbl td.item {
	color: #000
}
#carriage .regionTbl td.region {
	width: 36%;
	color: #000
}
.attentionOkinawa {
	background: #f6efe9;
	padding: 10px
}
.attentionOkinawa .ttl {
	font-size: 16px;
	font-weight: bold
}
.redList {
	color: #e7311b;
	font-weight: bold
}
.fareTbl {
	font-size: 14px;
	width: 100%;
	border-bottom: 1px solid #aaa;
	margin-top: 10px
}
.fareTbl th, .fareTbl td {
	display: block;
	width: 100%;
	border: 1px solid #aaa;
	padding: 6px;
	border-bottom: none
}
.fareTbl th {
	background: #eee;
	font-size: 14px;
	text-align: center
}
#payment .payTxt {
	font-size: 16px;
	font-weight: bold
}
#payment .paymentTbl {
	font-size: 12px;
	border-left: 1px solid #a0a0a0;
	border-top: 1px solid #a0a0a0;
	width: 100%
}
#payment .paymentTbl tr {
	border-bottom: 1px solid #a0a0a0
}
#payment .paymentTbl th {
	padding: 6px 0;
	border-right: 1px solid #a0a0a0;
	text-align: center;
	background: #ccc;
	font-weight: bold
}
#payment .paymentTbl td {
	text-align: center;
	padding: 6px 0;
	border-right: 1px solid #a0a0a0;
	color: #cc0000;
	font-weight: bold;
	background: #fff
}
#payment .paymentTbl td a {
	text-decoration: underline
}
#payment .paymentTbl td.t-head {
	color: #000;
	font-weight: normal;
	width: 70%
}
#payment .paymentTbl.bank .t-head {
	width: 40%;
	padding: 6px
}
#payment .payBlock .payTtl {
	font-size: 14px;
	font-weight: bold;
	color: #555;
	margin-bottom: 8px
}
#payment .payBlock .payTtl:before {
	content: '■';
	color: #ff0000;
	margin-right: 5px
}
#payment .payBlock .pay-block-box {
	background: #ffffcc;
	padding: 10px
}
#payment .payBlock .pay-block-box .discList li {
	margin-bottom: 10px
}
#payment .payBlock .pay-block-box .discList li:last-child {
	margin-bottom: 0
}
#payment .flowTbl {
	display: table;
	font-size: 12px;
	width: 100%;
	height: 50px;
	margin-bottom: 5px
}
#payment .flowTbl dt {
	display: table-cell;
	width: 30px;
	background: #cc0000;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	line-height: 1.2
}
#payment .flowTbl dt.blue {
	background: #01458e
}
#payment .flowTbl dd {
	background: #e5e5e5;
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px
}
#payment .flowTbl dd.pink {
	background: #fee6e6
}
#faq .contactBtn {
	display: block;
	padding: 11px 0;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #7d7d7d;
	border: 2px solid #7d7d7d;
	position: relative
}
#faq .contactBtn:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	content: '';
	width: 10px;
	height: 10px;
	border-top: 3px solid #7d7d7d;
	border-right: 3px solid #7d7d7d;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: auto 0
}
#faq .productTtl {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px
}
#faq .faqBox {
	font-size: 12px;
	margin-bottom: 5px
}
#faq .faqBox dt {
	padding: 8px 7px 10px 2em;
	border: 2px solid #dcdcdc;
	font-weight: bold;
	position: relative
}
#faq .faqBox dt:before {
	color: #66666e;
	content: "Q";
	font-size: 15px;
	font-weight: bold;
	left: 7px;
	margin-right: 7px;
	position: absolute;
	top: 6px
}
#faq .faqBox dd {
	display: none;
	padding: 10px 7px;
	background: #eee;
	padding-left: 2.4em;
	position: relative
}
#faq .faqBox dd:before {
	content: 'A';
	font-size: 15px;
	font-weight: bold;
	color: #e30000;
	position: absolute;
	top: 8px;
	left: 9px
}
#faq .faqBox dd .faqBtn {
	display: block;
	padding: 6px 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #7d7d7d;
	border: 1px solid #7d7d7d;
	position: relative;
	background: #fff;
	margin-top: 10px
}
#faq .faqBox dd .faqBtn:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	content: '';
	width: 5px;
	height: 5px;
	border-top: 1px solid #7d7d7d;
	border-right: 1px solid #7d7d7d;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: auto 0
}
dl.notice {
	margin: 0 0 10px 0;
}
dl.notice dt {
	box-sizing: border-box;
	background: #ff0000;
	color: #fff000;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 8px;
}
dl.notice dd {
	box-sizing: border-box;
	border: 2px solid #ff0000;
	color: #ff0000;
	padding: 10px;
	font-size: 13px;
	margin: 0;
}
/*---------- のぼり屋さんドットコムは満足度No.1 ----------*/

#content #nobori_satisfaction_box ul.satisfaction_menu {
	width: auto;
	margin: 10px auto 20px auto;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	flex-wrap: wrap;
}
#content #nobori_satisfaction_box ul.satisfaction_menu li {
	list-style: none;
	display: block;
}
#content #nobori_satisfaction_box h3 {
	background: none;
	margin: 20px 0 10px 0 !important;
	padding: 0;
}
#content #nobori_satisfaction_box p.satisfaction_catch {
	font-size: 28px;
	color: #d32d26;
	text-align: center;
	font-weight: bold;
}
#content #nobori_satisfaction_box p.satisfaction_txt01 {
	font-size: 16px;
	text-align: center;
}
#content #nobori_satisfaction_box p.satisfaction_txt02 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#content #nobori_satisfaction_box p.satisfaction_txt02 span {
	color: #d32d26;
}
#content #nobori_satisfaction_box dl.satisfaction_user_no1 dt {
	font-weight: normal;
	line-height: 1.5;
}
#content #nobori_satisfaction_box dl.satisfaction_user_no1 dd {
	color: #d22d26;
	line-height: 1.5;
	margin: 5px 0;
}
#content #nobori_satisfaction_box p.satisfaction_user_no1_txt {
	font-size: 14px;
	margin: 10px 0 40px 0;
}
#content #nobori_satisfaction_box dl.satisfaction_price_no1 dt {
	font-weight: normal;
	line-height: 1.75;
	padding: 30px 0 10px 0;
}
#content #nobori_satisfaction_box dl.satisfaction_price_no1 dt span {
	font-size: 18px;
	color: #d32d26;
	font-weight: bold;
	line-height: 1.75;
}
#content #nobori_satisfaction_box dl.satisfaction_price_no1 dd {
	text-align: center;
	margin: 10px 0;
}
#content #nobori_satisfaction_box dl.satisfaction_price_no12 dt {
	margin-top: 15px;
}
#content #nobori_satisfaction_box dl.satisfaction_price_no12 dt span {
	background: #000;
	color: #fff !important;
	padding: 2px 10px;
	margin: 10px 0;
	font-size: 18px;
	font-weight: bold;
}
#content #nobori_satisfaction_box dl.satisfaction_price_no12 dt span a {
	color: #fff !important;
}
#content #nobori_satisfaction_box dl.satisfaction_price_no12 dd span {
	padding: 10px 3px 0 3px;
	font-size: 32px;
	font-weight: bold;
}
#content #nobori_satisfaction_box dl.satisfaction_price_no12 dd {
	font-weight: bold;
	margin: 10px 0 20px 0;
}
#content #nobori_satisfaction_box dl.satisfaction_speed01 dt, #content #nobori_satisfaction_box dl.satisfaction_speed02 dt {
	font-size: 20px;
	font-weight: bold;
}
#content #nobori_satisfaction_box dl.satisfaction_speed01 dt span, #content #nobori_satisfaction_box dl.satisfaction_speed02 dt span {
	font-size: 50px;
}
#content #nobori_satisfaction_box dl.satisfaction_speed01 dd, #content #nobori_satisfaction_box dl.satisfaction_speed02 dd {
	font-size: 20px;
	font-weight: bold;
	margin: 0;
}
#content #nobori_satisfaction_box dl.satisfaction_speed01 dd span, #content #nobori_satisfaction_box dl.satisfaction_speed02 dd span {
	font-size: 32px;
}
#content #nobori_satisfaction_box dl.satisfaction_speed01 dd span.sp_yoku, #content #nobori_satisfaction_box dl.satisfaction_speed02 dd span.sp_yoku {
	color: #d22d26;
}
#content #nobori_satisfaction_box div.satisfaction_just01 p, #content #nobori_satisfaction_box div.satisfaction_just02 p, #content #nobori_satisfaction_box div.satisfaction_just03 p {
	margin: 15px;
}
/*---------- 初めての方へ ----------*/

#content #nobori_greeting_box h5.nobori_greeting_menu {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #d32d26;
	margin-top: 20px;
	position: inherit;
}
#content #nobori_greeting_box .tab-content-cloth h3 {
	background: none;
	margin: 10px 0 !important;
	border-left: 0;
	padding: 5px;
  background: #fdf7ed;
}
#content #nobori_greeting_box p.title_txt {
	margin-left: 60px;
	font-size: 16px;
}
#content #nobori_greeting_box p.begginer_txt {
	font-size: 16px;
	padding: 20px 5px 0;
}

div.croth_item ul li{
	display: inline-block;
	font-size: 14px;
	margin: 3px 0.5em 3px 3px;
}

.cloth-Item{
	max-width: 100%;
	font-size: 14px;
}


div.croth_item ul li a{
	text-decoration: underline dotted;
}

.cloth_moviebtn{
	margin-bottom: 10px;
}

.clothcontents h6{
	font-size: 20px;
}
.tab-content-cloth .squ-l .txtSmall {
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  margin: 5px 0 0 ;
}

#for_begginer_box{
	padding: 0 5px;
}

#for_begginer_box h3{
	padding: 0;
}

.tab-switch-cloth{
	margin-top: 20px;
}

.tab-switch-cloth label{
	padding: 0.5em;
	font-size: 14px;
}

label:has(:checked) + .tab-content-cloth .link{
	padding: 0 20px;
}

#content #content #nobori_greeting_box .tab-content-cloth h3.bg{
	border-left: 0;
}

#content #nobori_greeting_box p.begginer_txt span {
	font-weight: bold;
}
#content #nobori_greeting_box dl.nobori_greeting_cloth {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
#content #nobori_greeting_box dl.nobori_greeting_cloth dt {
	font-size: 32px;
	color: #d32d26;
}
#content #nobori_greeting_box dl.nobori_greeting_cloth dt span {
	font-size: 40px;
	font-weight: bold;
}
#content #nobori_greeting_box dl.nobori_greeting_cloth dd {
	font-size: 16px;
}

#nobori_greeting_box .box-shadow{
	background: #fff;
  -webkit-filter: drop-shadow(0px 2px 2px rgba(0,0,0,.2));
  filter: drop-shadow(0px 2px 2px rgba(0,0,0,.2));
  margin: 0 0 15px;
  padding: 5px;
}

#nobori_greeting_box .box-shadow .desc{
	font-size: 12px;
	margin: 6px;
}

/*タブ切り替え全体のスタイル*/

.nobori_greeting_tabs {
	width: 661px;
	margin: 10px auto 40px auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
}
/*タブのスタイル*/

.greeting_menu01, .greeting_menu02, .greeting_menu03, .greeting_menu04 {
	background: #d32d26;
	display: block;
	float: left;
	cursor: pointer;
}
/*ラジオボタンを全て消す*/

input[name="tab_item"] {
	display: none;
}
/*タブ切り替えの中身のスタイル*/

.tab_content {
	display: none;
	clear: both;
	overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/

#nobori_greeting_menu01:checked~#nobori_greeting_menu01_conte.greeting_menu01, #nobori_greeting_menu02:checked~#nobori_greeting_menu02_conte.greeting_menu02, #nobori_greeting_menu03:checked~#nobori_greeting_menu03_conte.greeting_menu03, #nobori_greeting_menu04:checked~#nobori_greeting_menu04_conte.greeting_menu04 {
	background: #f7aa00;
	display: block;
}
/*選択されているタブのスタイルを変える*/

.nobori_greeting_tabs input:checked+.greeting_menu01, .nobori_greeting_tabs input:checked+.greeting_menu02, .nobori_greeting_tabs input:checked+.greeting_menu03, .nobori_greeting_tabs input:checked+.greeting_menu04 {
	background: #f7aa00;
	display: block;
}
#nobori_greeting_menu01:checked~#nobori_greeting_menu01_conte, #nobori_greeting_menu02:checked~#nobori_greeting_menu02_conte, #nobori_greeting_menu03:checked~#nobori_greeting_menu03_conte, #nobori_greeting_menu04:checked~#nobori_greeting_menu04_conte {
	display: block;
	margin-top: 20px;
}
#nobori_greeting_menu02_conte:target {
	display: block;
}

#bouen_box{
	padding: 0 5px;
}

#bouen_box a{
	text-decoration: dotted underline;
}

#bouen_box p{
	font-size: 14px;
		line-height: 1.6;
}

#bouen_box h4{
	font-size: 16px;
  font-weight: bold;
  padding: 6px;
  background: #ffe5c5;
  margin: 10px 0;
}

.bouenright{
	text-align: center;
}

 .bouenleft{
	margin: 20px 0 0;
 }

 .tabMenu li{
	margin-bottom: 2px;
 }


/*ノウハウ*/

.contentIn.column p {
	margin: 0 0 5px;
	font-size: 12px;
	line-height: 1.6;
	text-align: justify;
	font-size: 14px;
}
.contentIn.column .comSubTtl, .contentIn.column .comSubTtlRed, .contentIn.column .comSSTtlRed {
	margin: 20px 0 5px;
}
.contentIn.column ul {
	margin: 10px 0 10px 1.5em;
	list-style-type: disc;
}
.contentIn.column .guideComCont h2 {
	margin: 30px 0 20px;
	font-weight: bold;
	font-size: 130%;
	color: #E60012;
	border-bottom: 1px dotted #E60012;
}
.contentIn.column table th, .contentIn.column table td {
	border: solid 1px #aaa;
	padding: 5px 10px;
	line-height: 1.35;
}
.contentIn.column .column_date {
	text-align: right;
	margin: 5px;
}
.txtLink {
	margin: 20px 0;
}
.txtLink a {
	line-height: 2;
	padding-left: 2em;
	background: url(../../../../images/arrow_red.png) 8px center no-repeat;
	color: #333;
	text-decoration: underline;
}
.contentIn.column dl {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px dotted #000;
	padding: 5px 0;
}
.contentIn.column dl dt {
	width: 40%;
}
.contentIn.column dl dd {
	width: 55%;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 0 10px 0;
	line-height: 1.4;
}
#orderflow_box #tab-box ul#nav li {
	width: 48%;
	float: right;
}
#orderflow_box #tab-box ul#nav li.first {
	float: left;
	margin: 0;
}
#orderflow_box .step_content {
	padding: 10px;
}
#orderflow_box .step_content .sb_right {
	float: none;
	text-align: center;
}
#orderflow_box .step_content .sb_left {
	width: 100%;
	float: none;
}
#orderflow_box .step_content .sb_left p {
	line-height: 1.6 !important;
	font-size: 14px;
	padding: 0 10px 10px;
}
#orderflow_box .step_content .sb_left br {
	display: none;
}
#orderflow_box dl, #orderflow_box ul {
	font-size: 14px;
}
#orderflow_box #tab-box div#tab-01, #orderflow_box #tab-box div#tab-02 {
	display: none;
	margin-bottom: 30px;
	padding: 10px 8px 10px;
	border: 3px solid #F8B62B;
	background: #F8B62B;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
#orderflow_box .step_content {
	padding: 12px 3px 5px 12px;
	margin: 0 0 0;
	border: 2px dashed #333;
	border-radius: 8px;
	background-color: #fff !important;
}
.contentIn .nouki_choice {
	background: #FFFDAE;
	padding: 15px;
	margin: 10px 0 20px 0;
}
.contentIn .nouki_choice h3 {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	background: none;
	margin: 0;
	color: #000;
}
.contentIn .nouki_choice ul {
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0;
}
.contentIn .nouki_choice ul li {
	margin: 5px;
}
.contentIn div.top_tool_products {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	margin-top: 0px;
	padding: 0;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap;
}
.lp h2 {
	color: #000;
	margin: 10px 0 20px;
	padding: 10px 10px 10px 0;
	background: none;
	border-bottom: 1px dotted;
	line-height: 1.4;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}
.lp h2 span {
	font-size: 70%;
	display: block;
}
.lp h2 span::before {
	content: "〈";
	display: inline-block;
	color: #E37A6E;
	margin: 0 10px;
}
h2 span::after {
	content: "〉";
	display: inline-block;
	color: #E37A6E;
	margin: 0 10px;
}
.lp h3 {
	font-size: 14px;
	color: #fff;
	margin: 20px 0 10px;
	padding: 5px 5px 5px 10px;
	background: #E37A6E;
	font-size: 18px;
}
.img_box.zoom::after {
	position: absolute;
	right: 3px;
	top: 0px;
	content: "\f00e";
	font-family: FontAwesome;
	font-size: 25px;
	color: #222;
	opacity: 0.6;
}
.img_box {
	position: relative;
	display: inline-block;
}
.lp .img_box {
	margin: 0 auto;
}
.lp.cloth .name, .lp.cloth .icon {
	display: inline-flex;
	vertical-align: middle;
	justify-content: center;
}
.lp.cloth .name {
	font-size: 26px;
	font-weight: bold;
	align-items: center;
	margin-left: 10px;
}
.lp.cloth .icon img {
	margin: 4px;
}
.lp.cloth .spec, .lp.cloth .fig {
	margin: 10px 0;
	text-align: center;
}
.lp.cloth .box {
	width: 98%;
	margin: 0 auto;
}
.lp.cloth .desc {
	width: 96%;
	margin: 0 auto;
}
.lp.cloth .box+.box {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dotted #000;
}
.redBtn {
	text-align: center;
}
.redBtn a {
	display: inline-block;
	padding: 10px 30px;
	color: #fff;
	background: #E64524;
	font-weight: bold;
	border-radius: 10px;
	text-decoration: none;
	font-size: 18px;
	transition: 0.2s;
}
.redBtn a:hover {
	color: #fff;
	text-decoration: none;
	opacity: 0.8;
}
.page_link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.page_link a {
	box-sizing: border-box;
	border: 2px solid #ccc;
	position: relative;
	color: #333;
	display: block;
	text-decoration: none;
	margin-bottom: 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	font-weight: bold;
	width: 100%;
	padding: 15px;
	font-size: 14px;
}
.page_link a::before {
	position: absolute;
	content: '\f0d7';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #E37A6E;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.page_link a:hover {
	background-color: #fdefef;
}
h3.image-bg {
	background: url("../../../images/lp/tapestry_scene_anime.jpg")right top no-repeat;
	width: 100%;
	padding: 0 0 0 1em;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	line-height: 1.3;
	color: #fff;
	background-size: contain;
	font-size: 18px;
	height: 4em;
	background-color: #E37A6E;
}
h3.image-bg#expo {
	background-image: url("../../../images/lp/tapestry_scene_expo.jpg")
}
h3.image-bg#store {
	background-image: url("../../../images/lp/tapestry_scene_store.jpg")
}
.squ-l {
	font-size: 18px;
	color: #000;
	margin: 20px 0 5px;
	padding: 5px 10px 5px 1em;
	background: none;
	line-height: 1.3;
	position: relative;
	overflow: hidden;
}
.squ-l::before {
	content: "";
	display: block;
	width: 0.5em;
	height: 100%;
	background: #E37A6E;
	margin-right: 10px;
	position: absolute;
	top: 0;
	left: 0;
}
.lp .design_sample {
	position: relative;
	background: url("../../../images/lp/tapestry_expo_designsample_bg.jpg")center top no-repeat;
	width: 100%;
	height: auto;
	padding: 0 10px 40%;
}
.lp .design_sample.anime {
	background-image: url("../../../images/lp/tapestry_anime_designsample_bg.jpg");
}
.lp .design_sample.store {
	background-image: url("../../../images/lp/tapestry_store_designsample_bg.jpg");
}
.lp .design_sample .sample {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.borderBox {
	border: 2px solid #ccc;
	border-radius: 6px;
}
.w97 {
	width: 97%;
}
.m-auto {
	margin: auto;
}