/* ************************************************
*	共通設定
* ************************************************ */
/* #region common */
table {
	margin-bottom: 20px;
	width: 100%;
	background-color: #fff;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
table th ,
table td {
	padding: 5px;
	border: 1px solid #dadada;
}
table th {
	text-align: center;
	background-color: #fbf0e8;
}

dl {
	min-height: 1px;
	margin-bottom: 15px;
	border-bottom: 1px #ccc dotted;
	background-color: #fbf0e8;
}
dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

dl dt {
	display: inline;
	float: left;
	clear: left;
	width: 200px;
	padding: 7px 15px;
	border-top: 1px #ccc dotted;
}

dl dd {
	margin-left: 230px;
	padding: 7px 15px;
	border-top: 1px #ccc dotted;
	background-color: #fff;
}

.left {
	float: left;
	margin: 0 10px 10px 0;
}

.right {
	float: right;
	margin: 0 0 10px 10px;
}

main ul li {
	margin-left: 25px;
}
/* #endregion */

/*---------------------------
PC用css
---------------------------*/

@media print, screen and (min-width: 641px) {
/* #region common */
	.pc {
		display: block;
		margin-bottom: 10px;
	}
	.sp {
		display: none;
	}

	body {
		color: #111;
		font: 16px/1.6 "Noto Sans JP", meiryo, sans-serif;
	}
	a {
		color: #e97924;
	}
	a:hover ,
	a:focus {
			opacity: 0.8;
	}
	.btn_detail {
		margin: auto;
		display: block;
		text-align: center;
		width: 20em;
		padding: 3px 30px;
		color: #fff;
		font-size: 18px;
		text-decoration: none;
		background-color: #e97924;
		border: 2px solid #e97924;
		border-radius: 10px;
		transition: .4s;
	}
	.btn_detail:hover {
			color:#e97924;
			background-color: #fff;
			border: 2px solid #e97924;
	}
/* #endregion */

/* #region header */
	#headTop {
			padding: 0;
	}

	header {
			margin-top: 10px;
	}

	header div {
			margin: auto;
			width: 1100px;
	}

	header div::after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
	}

	header div h1 {
		margin: 0;
}

	header div h1 a {
		margin-top: 3px;
	}

	.brand {
			float: left;
			width: 550px;
			line-height: 35px;
			font-size: 45px;
			letter-spacing: -1px;
			color: #372110;
			text-decoration: none;
	}

	.brand:hover {
			opacity: 0.8;
	}

	.brand img {
			float: left;
			margin-right: 10px;
	}

	.brand span {
			display: block;
			font-size: 17px;
			line-height: 22px;
			margin-bottom: 8px;
	}
	.brand .company_name {
		margin-top: 12px;
		margin-bottom: 0;
		font-size: 14px;
		line-height: 16px;
	}

	header div div {
			float: right;
			width: 460px;
	}

	header div div a {
			float: left;
			margin: 0px 12px 0 0;
			padding: 10px 15px;
			width: 70px;
			height: 83px;
			text-align: center;
			text-decoration: none;
			color: #fff;
			font-size: 14px;
			background-color: #e97924;
			border-radius: 10px;
	}

	header div .header_btn_mycard img {
			margin: 13px auto;
	}
	
	header div div a img {
			display: block;
			margin: 8px auto;
			padding-top: 5px;
	}

	header div div p {
			font-size: 13px;
	}

	header div .contact_number ,
	header div .contact_mail {
			font-weight: bold;
			font-size: 18px;
	}

	header div .contact_number span ,
	header div .contact_mail span {
		margin-right: 5px;
		color: #fff;
		background-color: #e97924;
		border-radius: 5px;
		width: 50px;
		display: inline-block;
		text-align: center;
		font-size: 15px;
	}

	header div .contact_mail {
		font-size: 16px;
		letter-spacing: -1px;
	}

	header div div a:hover ,
	header ul a:hover {
			background: #f7a05d;
	}

	header nav div {
			width:auto;
	}


	header nav {
			height: 42px;
			margin-top: 10px;
			background: #e97924;
			z-index: 8000;
	}

	header nav.fixed {
			position: fixed;
			top: 0;
			margin-top: 0;
			width: 100%;
			z-index: 8000;
			border-bottom: 1px solid #fff;
	}

	header nav ul {
			width: 1100px;
			margin: 0 auto;
	}

	header nav li {
			position: relative;
			float: left;
		list-style-type: none;
			border-right: 1px solid #fff;
			background: #e97924;
	}

	header nav li > p ,
	header nav li a {
			display: block;
			height: 42px;
			padding: 0 16px;
			line-height: 42px;
			text-align: center;
			text-decoration: none;
			color: #fff;
			font-size: 18px;
	}
	header nav > ul > li:first-child{
			border-left: 1px solid #fff;
	}

	header nav .container	{
			display: none;
			position: absolute;
			top: 42px;
			left: -2px;
			width: auto;
			z-index: 50;
	}
	header nav .container li {
			display: block;
	}

	header nav .container li:first-child a {
	border-top: 1px solid #fff;
	}
	header nav .container a {
			line-height: normal;
			width: 210px;
			height: auto;
			padding: 10px 5px;
			font-size: 16px;
			background: #e97924;
			border-left: 1px solid #fff;
			border-bottom: 1px solid #fff;
	}

	header nav > ul > li:last-child a {
			padding: 0;
			width: 144px;
	}

	header nav .container li a:hover,
	header nav .container li a:focus {
			background: #f7a05d;
	}
/* #endregion */

/* #region visuals */
	.slick-dots li {
			background: #fbf0e8;
			border-radius: 20px;	
	}

	.slick-dots li.slick-active {
			background: #e97924;
	}

	#visual button.slick-prev ,
	#visual button.slick-next {
			display: inline-block!important;
			text-align: center;
	}

	#visual .slick-prev {
			left: auto;
			margin-left: -477px;
	}

	#visual .slick-next {
			right: auto;
			margin-left: 418px;
	}


	div .slick-prev,
	div .slick-next ,
	div .slick-prev:hover,
	div .top_slider .slick-next:hover ,
	div .slick-prev:focus ,
	div .slick-next:focus {
			height: 60px;
			width: 60px;
			color: #fff;	
			background: rgba(233,121,36,0.8)!important;
			z-index: 1;
	}


	div .slick-prev:before ,
	div .slick-next:before {
			content: '';
			position: absolute;
			top: 16px;
			left: 23px;
			width: 25px;
			height: 25px;
			border-top: solid 2px #FFF;
			border-right: solid 2px #fff;
			transform: rotate(225deg);
			opacity:1.0;
	}

	div .slick-next:before {
			left: 7px;
			border-top: solid 2px #FFF;
			border-right: solid 2px #fff;
			transform: rotate(405deg);
	}

	#visual .slick-slide ,
	#visual .slick-slide:hover {
			width: auto !important;
			opacity: 0.5;
			background: #000;
	}
	#visual .slick-current {
			width: 835px !important;
			opacity: 1;
			background: transparent;
	}
/* #endregion */

/* #region common_2? */
	main {
			margin:auto;
			width: 1100px;
	}
	
	main #leftContents {
			display: block;
			float: left;
			margin: 0;
			width: 210px;
	}
	main #leftContents .categories ul {
			padding-left: 0;
	}
	main #leftContents .categories ul li {
			margin-left: 0;
	}
	main #mainContents {
		float: left;
	margin-left: 15px;
		padding: 0;
		width: 875px;
	}

	main .topicpath {
		margin: 0 0 10px;
	}
	main .topicpath a {
	color: #e97924;
	}
	
	.product_sort {
		float: right;
	}
	
	h2 {
		color: #fff;
		margin: 0 0 15px -15px;
		background-color: #e97924;
		padding: 5px 5px 5px 10px;
	}

	#mainContents section {
		margin-left: 15px;
		margin-bottom: 30px;
	}
	main section p {
		margin-bottom: 20px;
	}

	h3 {
		margin: 0 0 15px -15px;
		padding: 5px 5px 5px 15px;
		font-size: 20px;
		background-color: #fbf0e8;
		border-left: 5px solid #e97924;
	}
	section section {
		margin-left: 15px;
	}

	h4 {
			margin: 0 0 15px -15px;
		padding: 0 5px 0 15px;
		font-size: 18px;
		border-bottom: 3px solid #e97924;
	}
		
	.t_left {
		text-align: left;
	}

	.t_center {
		text-align: center;
	}
	
	.t_right {
		text-align: right;
	}
/* #endregion */

/* ===============================================
	商品一覧、商品検索ページ
=============================================== */
/* #region products */
	.sort_select {
			display: inline;
			margin-left: 20px;
		padding: 5px 0;
			color: #fff;
			border-radius: 20px;
			text-decoration: none;
			background: #fbf0e8;
	}

	.sort_select .sort_active {
		font-weight: bold;
			background: #e97924;
			padding: 5px 20px;
			border-radius: 20px;
	}

	.sort_select a {
			margin: 20px;
			color: #111;
			text-decoration: none;
	}

	ul.item-list	{
		position: relative;
		float: left;
		padding: 0 0 25px 0;
		font-size: 100%;
	}

	ul.item-list ul {
		list-style: none outside none;
	}

	ul.item-list li {
			display: block;
			float: left;
			min-height: 220px;
			margin: 20px 20px 0 0;
			text-align: center;
			width: 200px;
	}

	ul.item-list li:nth-of-type(4n) {
			margin-right: 0;
	}

	ul.item-list li a {
			display: block;
			height: 235px;
			padding: 10px 5px;
			color: #111;
			border: 1px solid #999999;
	}

	ul.item-list li a:hover {
		opacity: 0.7;
	}

	ul.item-list li a .item_thumbnail {
			width: 150px;
			height: 120px;
			margin: 0 auto 10px;
	}

	ul.item-list li a .item_thumbnail img {
			width: auto;
			height: 100%;
			max-width: 150px;
			max-height: 120px;
	}

	ul.item-list li a p {
		margin-bottom: 0;
	}

	ul.item-list li a .product_name {
		margin-bottom: 10px;
			height: 75px;
			overflow: hidden;
	}

	ul.item-list li a .product_price {
		font-weight: bold;
        max-height: 1.5em;
        overflow: hidden;
	}

	.product_amount {
			text-align: center;
	}

	.product_amount a {
		padding:2px 20px;
		text-decoration: none;
		color: #fff;
		background-color: #e97924;
		border-radius: 20px;
	}
/* #endregion */

/* ===============================================
	ご注文の流れ
=============================================== */
/* #region flow */
	.flow_step_image::after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		clear: both;
		visibility: hidden;	
	}

	#flow .flow_step_image li {
		float: left;
		margin: 0 10px 10px 0;
		padding-bottom: 10px;
		width: 164px;
		list-style-type: none;
		font-size: 20px;
		text-align: center;
		font-weight: bold;
		background-color: #f1ebe0;
	}

	.flow_step_image li span {
			float: left;
			margin-bottom: 15px;
			padding: 0 10px;
			text-align: left;
			color: #fff;
			font-size: 16px;
			background-color: #e97924;
	}

	.flow_step_image li img {
			clear: both;
			display: block;
			margin: 0 auto 10px;
			height: 60px;
	}

	#flow .flow_step_image li:last-child {
			margin-right: 0;
	}
	
	#flow ul li {
		margin-left: 20px;
	}
/* #endregion */

/* ===============================================
	プリントの種類・位置・料金
=============================================== */
/* #region print_type */ 
	#print_type {
	}

	#print_type section::after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;	
	}
	#print_type section img {
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	#print_type .p_merit {
		clear: both;
	}
	#print_type .merit ,
	#print_type .demerit {
		display: block;
		text-align: center;
		padding: 0 20px;
		width: 6em;
		color: #fff;
	}
	#print_type .merit {
	background-color: #e97924;
	}
	#print_type .demerit {
	background-color: #959595;
	}
	#print_type .p_merit ul {
		margin-bottom: 20px;
	}
/* #endregion */

/* #region print_place */
	#c_pri {
		padding-top:20px;
	}
	#c_pri_title {
		padding-bottom: 30px;
	}
	#c_pri_con1 {
		padding-bottom: 30px;
	}
	#c_pri_con1::after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		clear: both;
		visibility: hidden;	
	}

	#c_pri_con1 div {
			margin: auto;
		width: 676px;
	}

	#c_pri_con1 img {
		float: left;
		margin: 0 10px 10px 0;
		width: 159px;	
		height: auto;
	}
	#c_pri_con1 img:nth-of-type(5) ,
	#c_pri_con1 img:last-of-type {
		margin-right: 0;
	}
	#c_pri_con1_inner1, #c_pri_con1_inner2 {
		padding-bottom: 20px;
	}
	.c_pri_con_all {
		float: left;
		width: 176px;
		padding-right: 20px;
	}
	.c_pri_con_all_last {
		padding-right: 0;
	}
	#c_pri_con2 {
			margin-bottom: 30px;
			padding: 30px 30px 0;
			color: #e97924;
			border: solid 5px #e97924;
	}
	.c_pri_con2_title {
		padding-bottom: 10px;
		font-size: 14px;
		font-weight: bold;
	}
	.c_pri_con2_txt {
		padding-bottom: 30px;
	}
	#c_pri_con3 {
		background-color: #f2f2f2;
		padding: 30px;
	}
	#c_pri_con3_title {
		font-weight:bold;
		padding-bottom:20px;
		font-size:14px;
	}
/* #endregion */

/* ===============================================
	フォント・カラー・生地見本
=============================================== */
/* #region color */
	.colorList::after {
				content: ".";
				display: block;
				height: 0;
				clear: both;
				visibility: hidden;
	}
	.colorList li {
			margin-left: 0;
		list-style-type: none;
	}
	.colorList li a {
		float: left;
		margin: 0 26px 20px 0;
	}
	.colorList li:nth-child(5n) a {
		margin-right: 0;
	}
/* #endregion */

/* #region kiji */
	.indexBtnArea ul li {
		float: left;
		margin: 0 10px 10px 0;
		width: 159px;
		list-style-type: none
	}
	.indexBtnArea ul li:nth-child(5n) {
		margin-right: 0;	
	}

	.indexBtnArea ul li a {
		display: block;
		margin: 0 auto;
		padding: 15px 0;
		text-align: center;
		text-decoration: none;
		color: #111;
		border: 1px solid #e97924;
		border-radius: 5px;
		background-color: #fbf0e8;
		transition: .4s;
	}
	.indexBtnArea ul li a:hover {
		color: #fff;
		background-color: #e97924;
		opacity: 1;
	}

	#fabric_sample div {
		clear: both;
		margin-bottom: 20px;
	}

	#fabric_sample div::after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		clear: both;
		visibility: hidden;	
	}

	#fabric_sample div img {
		float: left;
		margin-right: 10px;
	}
	
	#fabric_sample div p {
		line-height: 18px;
		float: left;
		width: 483px;
	}

	#fabric_sample div span {
		display: block;
		font-weight: bold;
		font-size: 18px;
		border-bottom: 1px solid #372110;
		margin: 0 0 5px 0;
		padding: 5px;
	}
/* #endregion */

/* ===============================================
	法人様＆大口注文窓口
=============================================== */
/* #region forbiz */
	#forbiz .img_wide {
		display: block;
		width: 845px;
		height: auto;
	}
	#forbiz .inquiry_method {
		width: auto;
	}
	#forbiz .inquiry_method div {
		width: 410px;
		border: 1px solid #eee;
	}
	#forbiz .inquiry_mail {
		margin-right: 0;
	}
	#forbiz .inquiry_method::after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
/* #endregion */

/* ===============================================
	制作実績紹介
=============================================== */
/* #region archive */
	.history-inner{
		overflow: hidden;
	}
	.history-items-box {
		position: relative;
		float: left;
		padding: 5px;
		text-align: center;
		width: 161px;
		height: 265px;
		margin: 0 10px 30px 0;
		border: 1px solid #eee;
		box-sizing: border-box;
		overflow: hidden;
	}

	.history-items-box:last-of-type {
		margin-right: 0;
	}

	.history-items-box img {
		display: block;
		margin: auto;
		width: auto;
		height: 120px;
	}

	.history-items-box .history_item_name {
		display: block;
		height: 100px;
		overflow: hidden;
	}

	.history_item_name img {
		height: auto;
	}

	.history-items-box .price{
		position: absolute;
		bottom: 5px;
		left: 5px;
		display: block;
		margin-bottom: 0;
		font-size: 0.95em;
	}

	#mainContents .history-wrap {
		margin-left: 30px;
	}


	.history-wrap h3 {
		margin-left: -15px;	
	}

	.history-wrap a {
		color: #111;
	}
/* #endregion */

/* #region contact */
	#inquiry {
		clear: both;
		background: url(https://img02.shop-pro.jp/PA01170/795/etc/bg_inquiry.jpg?cmsp_timestamp=20220215195106) no-repeat center center;
		background-size: cover;
		padding: 50px 0;
		text-align: center;
	}

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

	#inquiry h2 ,
	#inquiry > p {
		text-shadow: 2px 2px 10px #fff, 2px 2px 10px #fff, 2px 2px 10px #fff, 2px 2px 10px #fff;
	}
	
	#inquiry h2 {
		text-align: center;
		padding: 0;
		color: #372110;
		font-size: 40px;
		background-color: transparent;
	}
	#inquiry > p {
		margin-bottom: 40px;
		text-align: center;
		color: #372110;
	}
	.inquiry_method {
		margin: auto;
		width: 1100px;
	}
	.inquiry_method div {
		float: left;
		width: 353px;
		height: 168px;
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		background: #fff;
	}

	.inquiry_method div p:first-of-type {
		margin-bottom: 40px;
		text-align: center;
		padding: 10px 0 0;
		height: 44px;
		line-height: normal;
		color: #fff;
		font-weight: bold;
	}

	.inquiry_tel ,
	.inquiry_mail {
		margin-right: 20px;
	}

	.inquiry_method .inquiry_tel p:first-of-type {
		margin-bottom: 15px;
		background-color: #e97924;
	}

	.inquiry_tel p {
		text-align: center;
		line-height: 40px;
	}

	.inquiry_tel span:nth-of-type(2) {
		font-size: 30px;
	}

	.inquiry_method .inquiry_mail p:first-of-type {
		padding-top: 13px;
		height: 45px;
		background-color: #091d74;
	}

	.inquiry_tel span {
		font-size: 35px;
		font-weight: bold;
	}

	.inquiry_mail a ,
	.inquiry_line a {
		padding: 3px 20px;
		color: #fff;
		text-decoration: none;
		border-radius: 10px;
		background-color: #091d74;
		border: 2px solid #091d74;
		transition: .4s;
	}

	.inquiry_mail a:hover {
		color: #091d74;
		background-color: #fff;
		border: 2px solid #091d74;
	}


	.inquiry_line p ,
	.inquiry_line a {
		background-color: #00b900;
		border: 2px solid #00b900;
	}

	.inquiry_line a:hover {
		color: #00b900;
		background-color: #fff;
		border: 2px solid #00b900;
	}

	.inquiry_method div p img {
		vertical-align: middle;
		margin-right: 10px;
	}
/* #endregion */


/* ===============================================
	FOOTER
=============================================== */
/* #region footer */
	footer {
		clear: both;
		background-color: #fbf0e8;
	}

	footer > div {
		margin: 0 auto 20px;
		padding-top: 10px;
		width: 1100px;
	}

	footer .brand {
		margin-bottom: 10px;
		font-weight: bold;
		font-size: 35px;
		line-height: 30px;
	}

	footer .brand img {
		margin-top: 5px;
	}


	footer .brand span{
		font-size: 17px;
	}

	footer div div {
		width: auto;
	}

	footer .sns_icon {
		float: right;
		margin: auto;
		padding: 0;
	}

	footer .sns_icon a {
		margin-left: 10px;
	}

	footer .sns_icon a:hover {
		opacity: 0.8;
	}

	footer address {
		clear: both;
		padding-bottom: 10px;
		font-style: normal;
	}

	footer div address span {
		margin-left: 10px;
	}

	footer div address a {
		margin-left: 20px;
		padding:0 20px;
		color: #fff;
		text-decoration: none;
		background: #e97924;
		border-radius: 20px;
	}

	footer .footer_item_list ,
	footer .footer_plan_list {
		float: left;
		margin-right: 20px;
		width: 410px;
	}

	footer .footer_plan_list {
		width: 310px;
	}


	footer .footer_item_list li ,
	footer .footer_plan_list li {
		margin-left: 5px;
		margin-bottom: 5px;
		list-style-type: none;
	}

	footer .footer_item_list li {
		float: left;
		width: 200px;
	}

	footer .footer_item_list p ,
	footer .footer_plan_list p {
		margin-bottom: 10px;
		padding-left: 10px;
		font-weight: bold;
		border-bottom: 1px solid #111;
	}

	footer div a {
		color: #111;
		text-decoration: none;
	}

	footer .other_page_list {
		float: right;
		margin-bottom: 20px;
		width: 280px;
	}

	footer .other_page_list a {
		margin-bottom: 10px;
		font-weight: bold;
		line-height: 35px;
	}

	footer div div a:hover {
		color: #e97924;
	}

	.copyright {
		clear: both;
		text-align: center;
		padding: 2px 0;
		color: #fff;
		background-color: #e97924;
	}

	/* #region fixed_buttons */
		footer .to_top, footer .to_line, footer .to_mail {
			position: fixed;
			right: 20px;
			width: 95px; height: 95px;
			box-sizing: border-box;
			border-radius: 10px;
			color: #fff;
			text-align: center;
			text-decoration: none;
			z-index: 1000;
			transition: .4s;
		}
		footer .to_top.active:hover, footer .to_line:hover, footer .to_mail:hover {
			opacity: 0.8;
		}
		footer .to_top {
			bottom: 20px;
			padding-top: 50px;
			font-size: 1.4em;
			background: url(https://img02.shop-pro.jp/PA01170/795/etc/fixed_icon_top.png) no-repeat center 11px / auto 30px, #e97924;
			opacity: 0;
			pointer-events: none;
		}
		footer .to_top.active {
			opacity: 1.0;
			pointer-events: initial;
		}
		footer .to_line {
			bottom: 135px;
			padding-top: 45px;
			font-size: 0.8em;
			background: url(https://img02.shop-pro.jp/PA01170/795/etc/fixed_icon_line.png) no-repeat top center / auto 45px, #00ba01;
		}
		footer .to_mail {
			bottom: 250px;
			padding-top: 50px;
			font-size: 0.8em;
			background: url(https://img02.shop-pro.jp/PA01170/795/etc/fixed_icon_mail.png) no-repeat center 12px / auto 30px, #091d74;
		}
	/* #endregion */

/* #endregion */

}

* {
margin: 0px;
padding: 0px;
outline: none;
}
body {
/*	color: #000000;
font-size: small;
font-family: meiryo;
line-height: 1.6em;
text-align: center;*/
}
br.clear {
clear: both;
font: 0pt/0pt sans-serif;
}
img {
border: 0px;
}
/*
h2 {
border-left: 5px solid #ccc;
text-indent: 10px;
background: linear-gradient(#fff, #f3f3f3);
padding: 10px 0;
margin: 30px 0 10px 0;
}
*/
.erudition {
font-size: 65%;
}
br.clear {
clear: both;
}

/* -------------------------------------
*	ページレイアウト
* -------------------------------------
*※ページ全体の幅は1100pxとなっています。
	幅を広げる場合は、.sideと.mainのwidth
	の合計値が#containerのwidthになるよう
	設定してください。
* ------------------------------------- */

/* #region page_leyout */
/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	position: relative;
	margin: 0px auto;
	width: 800px;
	text-align: left;
}
/*ヘッダー（ページタイトル、メンバーナビ、グローバルメニュー）*/
#header {
	width: 100%;
	clear: left;
}
.search-form {
	float: right;
}
/*　グローバルメニュー　*/
ul.global-nav {
	height: 40px;
	position: relative;
	width: 800px;
	background: #333;
}

ul.global-nav li {
	display: inline;
	float: left;
}
ul.global-nav li, ul.global-nav a {
	height: 40px;
	color: #fff;
}
ul.global-nav {
	width: 800px;
	clear: both;
	height: 40px;
	background: transparent;
}
ul.global-nav li {
	float: left;
	height: 40px;
	line-height: 0;
	margin: 10px 0px 0px 0px;
	width: 140px;
	text-indent: -9999px;
}
ul.global-nav li#home {
	float: left;
	height: 40px;
	line-height: 0;
	margin: 10px 0px 0px 0px;
	width: 100px;
	text-indent: -9999px;
}
ul.global-nav li a {
	display: block;
	height: 100%;
	line-height: normal;
	background: url("https://img02.shop-pro.jp/PA01170/795/etc/menu_bg.png?20130215122213");
}
ul.global-nav li#home a {
	background-position: 0px top;
}
ul.global-nav li.order-flow a {
	background-position: -100px top;
}
ul.global-nav li.print-variation a {
	background-position: -240px top;
}
ul.global-nav li.print-price a {
	background-position: -380px top;
}
ul.global-nav li.payment a {
	background-position: -520px top;
}
ul.global-nav li.faq a {
	background-position: -660px top;
}
ul.global-nav li#home a:hover {
	background-position: 0px bottom;
}
ul.global-nav li.order-flow a:hover {
	background-position: -100px bottom;
}
ul.global-nav li.print-variation a:hover {
	background-position: -240px bottom;
}
ul.global-nav li.print-price a:hover {
	background-position: -380px bottom;
}
ul.global-nav li.payment a:hover {
	background-position: -520px bottom;
}
ul.global-nav li.faq a:hover {
	background-position: -660px bottom;
}
/*　画面左側メニューの幅　*/
.side {
	float: left;
	width: 200px;
}
.subtotal {
	padding: 5px 0;
}
.stotal {
	text-align: right;
}
.total {
	padding: 5px 0;
	border-top: 1px solid #C3C3C3;
	text-align: right;
}
.postage {
	border-top: 1px dotted #C3C3C3;
	border-bottom: 1px dotted #C3C3C3;
	list-style-type: none;
	margin-bottom: 5px;
}
.postage li {
	margin: 5px 0;
	color: red;
	text-align: left;
}
.viewcart {
	padding: 5px 0;
	text-align: center;
}
/* 画面左側メニューの部分 */
div.cart_nav {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 5px;
}
div.cart_nav p.title {
	font-size: 16px;
	padding: 3px;
	color: #fff;
	background-color: #02A8F2;
}
.side-nav {
	background: url("https://img02.shop-pro.jp/PA01170/795/etc/mainmenu_title.png?20130215123407") no-repeat scroll 0 0 #02A8F2;
	margin: 10px 0;
}
.side-nav p {
	font-size: 1.2em;
	text-align: center;
	color: #fff;
	padding: 0.8em 0 0;
}
.side-nav-wrap {
	background: url("https://img02.shop-pro.jp/PA01170/795/etc/mainmenu_footer.png?20130215123400") no-repeat scroll center bottom transparent;
	width: 200px;
}
.side-nav-wrap .side-menu {
	padding: 20px 0 10px;
}
.side-nav-wrap .side-menu {
	width: 200px;
	height: 1025px;
}
.side-nav-wrap ul li a {
	color: #333;
	font: 1.2em;
	text-decoration: none;
}
.side-nav-wrap ul li a:hover {
	/* background: #CCC; */
}
.side-nav-wrap ul {
	width: 200px;
}
.side-white a {
	color: #fff;
	text-decoration: none;
}
.adobe-bana {
	height: 40px;
}
/*
.fb_iframe_widget iframe {
	width: 200px !important;
}
*/
/*　画面右側の幅　*/
.main {
	float: left;
	margin: 10px 0 0 30px;
	width: 570px
}
/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
	text-align: left;
	margin-top: 10px;
}
p#sk_link_other a {
	font-size: 12px;
}

.f10 {
	font-size: 10px;
}
/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	position: relative;
	margin: 0px auto;
	width: 800px;
	text-align: left;
}
/*ヘッダー（ページタイトル、メンバーナビ、グローバルメニュー）*/
#header {
	width: 100%;
	clear: left;
}
.search-form {
	float: right;
}
.logo-area {
}
/* メンバーナビ */
ul.member-nav {
	float: right;
	margin: -140px 0 0;
	width: 320px;
	font-size: 11px;
}
ul.member-nav li a {
	color: #666;
	text-decoration: none;
	display: block;
	height: 70px;
}
ul.member-nav li {
	display: inline;
	float: left;
	margin: 0 10px;
}
.phon-dial {
	background: url("https://img02.shop-pro.jp/PA01170/795/etc/phone-icon.png?20120413150613") no-repeat scroll left top transparent;
	width: 250px;
	height: 70px;
	font: normal 26px/1.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 0 0 0 50px;
}
.mail-form {
	background: url("https://img02.shop-pro.jp/PA01170/795/etc/mail-icon.png?20120413150522") no-repeat scroll center bottom transparent;
	width: 55px;
	height: 70px;
}
.myaccount {
	background: url("https://img02.shop-pro.jp/PA01170/795/etc/myaccount-icon.png?20120413150600") no-repeat scroll center bottom transparent;
	width: 90px;
	height: 70px;
}
.cart {
	background: url("https://img02.shop-pro.jp/PA01170/795/etc/cart-icon.png?20120413150439") no-repeat scroll center bottom transparent;
	width: 100px;
	height: 70px;
}
/*　グローバルメニュー　*/
ul.global-nav {
	height: 40px;
	position: relative;
	width: 800px;
	background: #333;
}

ul.global-nav li {
	display: inline;
	float: left;
}
ul.global-nav li, ul.global-nav a {
	height: 40px;
	color: #fff;
}
ul.global-nav {
	width: 800px;
	clear: both;
	height: 40px;
	background: transparent;
}
ul.global-nav li {
	float: left;
	height: 40px;
	line-height: 0;
	margin: 10px 0px 0px 0px;
	width: 140px;
	text-indent: -9999px;
}
ul.global-nav li#home {
	float: left;
	height: 40px;
	line-height: 0;
	margin: 10px 0px 0px 0px;
	width: 100px;
	text-indent: -9999px;
}
ul.global-nav li a {
	display: block;
	height: 100%;
	line-height: normal;
	background: url("https://img02.shop-pro.jp/PA01170/795/etc/menu_bg.png?20130215122213");
}
ul.global-nav li#home a {
	background-position: 0px top;
}
ul.global-nav li.order-flow a {
	background-position: -100px top;
}
ul.global-nav li.print-variation a {
	background-position: -240px top;
}
ul.global-nav li.print-price a {
	background-position: -380px top;
}
ul.global-nav li.payment a {
	background-position: -520px top;
}
ul.global-nav li.faq a {
	background-position: -660px top;
}
ul.global-nav li#home a:hover {
	background-position: 0px bottom;
}
ul.global-nav li.order-flow a:hover {
	background-position: -100px bottom;
}
ul.global-nav li.print-variation a:hover {
	background-position: -240px bottom;
}
ul.global-nav li.print-price a:hover {
	background-position: -380px bottom;
}
ul.global-nav li.payment a:hover {
	background-position: -520px bottom;
}
ul.global-nav li.faq a:hover {
	background-position: -660px bottom;
}
/*　画面左側メニューの幅　*/
.side {
	float: left;
	width: 200px;
}
.subtotal {
	padding: 5px 0;
}
.stotal {
	text-align: right;
}
.total {
	padding: 5px 0;
	border-top: 1px solid #C3C3C3;
	text-align: right;
}
.postage {
	border-top: 1px dotted #C3C3C3;
	border-bottom: 1px dotted #C3C3C3;
	list-style-type: none;
	margin-bottom: 5px;
}
.postage li {
	margin: 5px 0;
	color: red;
	text-align: left;
}
.viewcart {
	padding: 5px 0;
	text-align: center;
}
/* 画面左側メニューの部分 */
.side-nav {
	background: none;
	margin:0;
}
.side-nav p {
	font-size: 1.2em;
	text-align: center;
	color: #fff;
	padding: 0.8em 0 0;
}
.side-nav-wrap {
	background: none;
	width: 200px;
}
.side-nav-wrap .side-menu {
	padding:0;
	width: 200px;
}
.side-nav-wrap ul li {
	background: none;
	width: 200px;
	height:50px;
}
.side-nav-wrap ul {
	width: 200px;
}
.side-white a {
	color: #fff;
	text-decoration: none;
}
#side-freepage ul li {
	padding:0;
	margin:0;
	height:45px;
	widows:200px;
}
#side-freepage ul li a {
	display:block;
	height:45px;
	widows:200px;
}
.adobe-bana {
	height: 40px;
}

/*　画面右側の幅　*/
.main {
	float: left;
	margin: 10px 0 0 30px;
	width: 570px
}
/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
	text-align: left;
	margin-top: 10px;
}
p#sk_link_other a {
	font-size: 12px;
}



/* 共通追加 */

.font_red {
	color: #ff0000;
}
.font_bold {
	font-weight: bold;
}
#s_comp {
	padding:10px 0 20px;
}
#s_first {
	padding-bottom:20px;
}
#s_blog_bnr {
	padding:30px 0;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE Mac ＼*/

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* End Hack */



/*江戸川区！応援プランのページ専用 */
.freePagebox {
	width: 570px;
	margin: 0 auto;
	font-size: 12px;
}

.freePagebox p {
	line-height: 1.6em;
	margin-bottom: 1em;
}

.freePagebox h2 {
	font-size: 16px;
	text-align: center;
	background: none;
	border-left: none;
	text-indent: 0;
}

.freePagebox > div:first-child h2:after,
.freePagebox > div:nth-child(2) h2:after {
	content: "";
	height: 2px;
	background: #02a8f2;
	display: block;
	margin: 10px auto 0;
}

.freePagebox > div:first-child h2:after {
	width: 78%;
}

.freePagebox > div:nth-child(2) h2:after {
	width: 60%;
}

.freePagebox h3 {
	color: #02a8f2;
	font-weight: bold;
	padding-top: 15px;
}

.freePagebox > div:first-child,
.freePagebox > div:nth-child(2) {
	padding: 0 20px 10px;
	margin-bottom: 25px;
	border: 2px solid #02a8f2;
	box-shadow: 3px 3px 5px 1px #ebebeb;
	-moz-box-shadow: 3px 3px 5px 1px #ebebeb;
	-webkit-box-shadow: 3px 3px 5px 1px #ebebeb;
	-o-box-shadow: 3px 3px 5px 1px #ebebeb;
}

.freePagebox div div {
	background: #f1f1f1;
	padding: 20px;
	margin-top: 10px;
}

.freePagebox > div:nth-child(3) {
	padding: 0 20px;
}

.freePagebox ul {
	list-style-type: square;
	margin: 20px 20px 0 20px;
}
/* #endregion */

/* ===============================================
BASE
=============================================== */
.pc {
display: block;
}

.sp {
display: none;
}

body {
/*font-family: 'Hiragino Kaku Gothic ProN','メイリオ', sans-serif;*/
width: 100%;
text-align: left;
}


/* ===============================================
コンポーネント
=============================================== */
/* #region components */
.mt15 {
	margin-top: 15px;
}

.mt35 {
	margin-top: 35px;
}

.mt50 {
	margin-top: 50px;
}
.red{
	color: red;
}
.main-ttl03 {
/*	font-size: 21px;
	font-weight: bold;
	display: block;
	width: 100%;
	margin: 0;
	padding-bottom: 10px;
	color: #000;
	border-bottom: 2px solid #000;
	border-left: none;
	background:none;*/
}
.main-ttl03 span {
	font-size: 14px;
	padding-left: 30px;
	color: #797979;
}


.iconBtn a {
	position: relative;
	display: block;
	width: 44px;
	height: 44px;
	border-radius: 50px;
	background-color: #f0f0f0;
}
.iconBtn a:before {
	position: absolute;
	display: block;
	content: '';
}
.iconBtn a:hover {
	background-color: #fbe8c5;
}

.re_mail a:before {
	top: 12px;
	left: 9px;
	width: 27px;
	height: 20px;
	background: transparent url("https://img02.shop-pro.jp/PA01170/795/etc/re_email.png") left top no-repeat;
	background-size: contain;
}

.re_mycard a:before {
	top: 12px;
	left: 7px;
	width: 29px;
	height: 20px;
	background: transparent url("https://img02.shop-pro.jp/PA01170/795/etc/re_mycard.png") left top no-repeat;
	background-size: contain;
}

.re_cart a:before {
	top: 10px;
	left: 10px;
	width: 22px;
	height: 26px;
	background: transparent url("https://img02.shop-pro.jp/PA01170/795/etc/re_cart.png") left top no-repeat;
	background-size: contain;
}
.h1-ttl{
	font-size: 14px;
}
.h1_sub {
	font-size: 16px;
	font-weight: bold;
	color: #006190;
}

.h2_sub {
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	padding-bottom: 5px;
	color: #006190;
	border-bottom: 2px dotted #006190;
	border-left: none;
	text-indent: 0;
	background: none;
}
.left_ttl {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: bold;
	display: block;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
}
.left_ttl span {
	font-size: 12px;
	padding-left: 15px;
	color: #797979;
}

.leftBtn a {
	position: relative;
		display: block;
		box-sizing: border-box;
		width: 100%;
	height: 60px;
		padding: 15px 5px;
		text-decoration: none;
		color: #e97924;
		border: 2px solid #e97924;
	transition: .4s;
}


.leftBottom .left_long_ttl a {
	line-height: 18px;
	padding: 11px 5px;
}

.leftBtn a::after {
		position: absolute;
		top: 23px;
		right: 14px;
		display: block;
		width: 7px;
		height: 7px;
		content: '';
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		border-top: solid 2px #e97924;
		border-right: solid 2px #e97924;
	transition: .4s;
}

.leftBtn a:hover {
	color: #fff;
	background-color: #e97924;
	opacity: 1;
}
.leftBtn a:hover::after {
	right: 10px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}

.ftBtn a {
	font-size: 16px;
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 25px 0;
	text-align: center;
	text-decoration: none;
	color: #000;
	border: 1px solid #000;
}
.ftBtn a::after {
	position: absolute;
	top: 30px;
	right: 14px;
	display: block;
	width: 7px;
	height: 7px;
	content: '';
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: solid 1px #000;
	border-right: solid 1px #000;
}
.ftBtn a:hover {
	color: #fff;
	background-color: #333;
}
.ftBtn a:hover::after {
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
}

.aboutBtn a {
	font-size: 16px;
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 30px 0;
	text-align: center;
	text-decoration: none;
	color: #000;
	background-color: #d3d2d2;
}
.aboutBtn a::after {
	position: absolute;
	top: 35px;
	right: 14px;
	display: block;
	width: 7px;
	height: 7px;
	content: '';
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: solid 1px #000;
	border-right: solid 1px #000;
}
.aboutBtn a:hover {
	color: #fff;
	background-color: #333;
}
.aboutBtn a:hover::after {
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
}
/* #endregion */

/* ===============================================
HEADER
=============================================== */
header {
width: 100%;
}

/*
#headTop {
position: relative;
height: 130px;
}
*/


/* ===============================================
レフト
=============================================== */
/* #region left */
.searchArea input[type='text'] {
	box-sizing: border-box;
	width: 170px;
	height: 40px;
	padding: 0;
	padding: 5px;
	border: 2px solid #e97924;
	border-radius: 0;
	outline: none;
	background: none;
}
.searchArea input[type='submit'] {
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	padding: 0;
	text-indent: -99999px;
	border: none;
	outline: none;
	background: #e97924 url("https://img02.shop-pro.jp/PA01170/795/etc/re_search.png") center no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}
.searchArea .posi {
	width: 210px;
	overflow: hidden;
	*zoom: 1;
}
.searchArea .posi .keywordArea {
	float: left;
	width: 170px;
	height: 40px;
}
.searchArea .posi .submitArea {
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
}
/* .searchArea .posi .submitArea::after {
	position: absolute;
	top: 10px;
	right: 8px;
	display: block;
	width: 22px;
	height: 22px;
	content: '';
	background: transparent url("https://img02.shop-pro.jp/PA01170/795/etc/re_search.png") center no-repeat;
	background-size: contain;
} */

.leftCate {
	padding: 15px 0px;
		background-color: #fbf0e8;
}
.leftCate .left_ttl {
	width: auto;
	padding: 0px 10px;
		margin: 0 10px;
}
.leftCate .categories ul {
	margin: 15px auto 0;
}
.leftCate .categories ul li {
		list-style-type: none;
}
.leftCate .categories ul li a {
	font-size: 12px;
	position: relative;
	display: block;
	padding: 5px 0 5px 5px;
	text-decoration: none;
	color: #000;
	transition: .4s;
}
.leftCate .categories ul li a:hover {
	background-color: #ffb881;
}
.leftCate .categories ul li a span {
	position: absolute;
	top: 22px;
	left: 65px;
	display: block;
	line-height: 15px;
}

.leftBottom li {
	margin: 10px auto;
	list-style-type: none;
}
/* #endregion */

/* ===============================================
スマートフォン用css
=============================================== */
@media screen and (max-width: 640px) {
/* #region common */
	.pc { display: none; }
	.sp { display: block; }

	body {
		font: 16px/1.6 -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', meiryo, sans-serif;
		width: 100%;
	}

	a {
		color: #e97924;
	}
	.btn_detail {
		display: block;
		width: 90%;
		margin: auto;
		padding: 3px 20px;
		box-sizing: border-box;
		color: #fff;
		text-align: center;
		text-decoration: none;
		background-color: #e97924;
		border: 2px solid #e97924;
		border-radius: 10px;
	}

	/* #region topicpath */
		main .topicpath {
			margin: 0 0 10px;
		}
		main .topicpath a {
			color: #e97924;
		}
	/* #endregion */

	/* #region section */
		#mainContents section {
			margin-left: 5px;
			margin-bottom: 20px;
		}
	/* #endregion */

	/* #region h */
		.h1-ttl{
			padding: 0;
		}
		.h1_sub {

		}

		h2 {
			color: #fff;
			margin: 0 0 15px -5px;
			background-color: #e97924;
			padding: 5px 5px 5px 10px;
		}

		h3 {
			margin: 0 0 15px -5px;
			padding: 5px 5px 5px 15px;
			font-size: 20px;
			background-color: #fbf0e8;
			border-left: 5px solid #e97924;
		}
		h4 {
			margin: 0 0 15px -5px;
			padding: 0 5px 0 5px;
			font-size: 18px;
			border-bottom: 3px solid #e97924;
		}
	/* #endregion */
	.t_left { text-align: left; }
	.t_center { text-align: center; }
	.t_right { text-align: right; }
/* #endregion */

/* #region header */
	#headTop ,
	#headTopSp {
			padding: 0;
	}
	
	#headTopSp h1 {
		background-color: #fbf0e8;
		position: fixed;
		left: 0; top: 0;
		border-bottom: 4px solid #e97924;
		width: 100%;
		z-index: 1000;
	}
	#headTopSp .brand img {
		margin-right: 5px;
		height: 60px;
	}

	#headTopSp .header_contact {
		display: none;
	}

	.header_contact {
		margin-top: 10px;
	}

	.header_contact .contact_number ,
	.header_contact .contact_mail {
		margin-bottom: 10px;
		margin-left: 11vw;
		font-weight: bold;
	}

	.header_contact .business_hours {
		text-align: center;
	}

	.header_contact .contact_number a {
		color: #111;
		text-decoration: none;
	}

	.header_contact .contact_number span ,
	.header_contact .contact_mail span {
		margin-right: 5px;
		padding: 0 10px;
		color: #fff;
		background-color: #e97924;
		border-radius: 5px;
	}
	.loginArea {
		text-align: center;
	}
	.loginArea a {
		display:inline-block;
		padding: 2px 20px;
		text-decoration: none;
		color: #fff;
		background-color: #e97924;
		border-radius: 30px;
	}
	#headTopSp img {
		height: 50px;
		vertical-align: middle;	
	}	
	#headTopSp a {
		color: #372110;
		text-decoration: none;
	}
/* #endregion */

/* #region visual */
	.slick-dots li {
			background: #fbf0e8;
			border-radius: 20px;	
	}

	.slick-dots li.slick-active {
			background: #e97924;
	}
/* #endregion */

/* #region common_2 */ 
	main {
		margin-top: 70px;
		width: 100%;
	}
	#mainContents {
		margin: 5px;
	}
	section section p {
		margin-bottom: 20px;
	}
	#flow .btn_detail,
	#payment .btn_detail {
		width: 100%;
	}
/* #endregion */

/* #region inquiry */
	#inquiry {
		padding: 40px 0;
		margin: 0;
		background: url("https://img02.shop-pro.jp/PA01170/795/etc/bg_inquiry.jpg?cmsp_timestamp=20220215195106") no-repeat center center;
		background-size: cover;
	}

	#inquiry h2 {
		margin: 0 0 15px -5px;
		padding: 5px 5px 5px 10px;
		text-align: center;
		color: #111;
		background-color: transparent;
	}
	#inquiry h2 ,
	#inquiry h2+p {
		text-align: center;
	}

	#inquiry h2+p {
		margin:  0 5px 20px;
	}

	.inquiry_method {
		margin: 0 5px;
	}

	.inquiry_method div {
		margin-bottom: 20px;
		/*width: 100%;*/
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		background: #fff;
	}

	.inquiry_method div p:first-of-type {
		margin-bottom: 10px;
		text-align: center;
		padding: 5px 0 ;
		color: #fff;
		font-weight: bold;
	}

	.inquiry_tel,
	.inquiry_mail {
	}

	.inquiry_method .inquiry_tel p:first-of-type {
		margin-bottom: 10px;
		background-color: #e97924;
	}

	.inquiry_mail p:first-of-type {
		background-color: #091d74;
	}

	.inquiry_tel span {
		font-weight: bold;
	}

	.inquiry_mail a ,
	.inquiry_line a {
		display: inline-block;
		margin-bottom: 10px;
		padding: 3px 20px;
		font-size: 16px;
		color: #fff;
		text-decoration: none;
		border-radius: 10px;
		background-color: #091d74;
		border: 2px solid #091d74;
	}

	.inquiry_line p ,
	.inquiry_line a {
		background-color: #00b900;
		border: 2px solid #00b900;
	}

	.inquiry_method div p img {
		vertical-align: middle;
			margin-right: 10px;
			margin-top: -3px;
	}
/* #endregion */

/* ===============================================
	FOOTER
=============================================== */
/* #region footer */
	footer {
		clear: both;
		background-color: #fbf0e8;
	}

	footer div {
		margin: 0 auto 10px;
		padding: 5px;
	}

	footer div a {
		margin-left: 5px;
		color: #111;
		text-decoration: none;
	}

	footer .brand {
		font-weight: bold;
		font-size: 30px;
		line-height: 30px;
	}

	footer .brand img {
		float: left;
		margin-right: 5px;
	}

	footer .brand span {
		display: block;
		font-size: 10px;
	}


	footer div div {
		width: auto;
	}

	footer .sns_icon {
		float: none;
		margin: 10px 0 0;
		text-align: center;
	}

	footer .sns_icon a {
		margin-left: 10px;
	}


	footer address {
		clear: both;
		margin-bottom: 10px;
		font-style: normal;
	}
	footer div address span {
		display: block;
	}

	footer div address a {
		margin-left: 10px;
		padding:0 15px;
		color: #fff;
		text-decoration: none;
		background: #e97924;
		border-radius: 20px;
	}


	.footer_item_list li ,
	.footer_plan_list li {
		float: left;
		margin-bottom: 5px;
		width: 50%;
		list-style-type: none;
	}


	footer .footer_item_list p ,
	footer .footer_plan_list p {
		margin-bottom: 10px;
		padding-left: 10px;
		font-weight: bold;
		border-bottom: 1px solid #111;
	}

	footer .footer_plan_list:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}


	footer .other_page_list {
		display: none;
	}


	.copyright {
		clear: both;
		text-align: center;
		padding: 2px 0;
		color: #fff;
		background-color: #e97924;
	}

	/* #region fixed_buttons */
		footer .to_top, footer .to_line, footer .to_mail {
			position: fixed;
			right: 20px;
			width: 40px; height: 40px;
			box-sizing: border-box;
			border-radius: 40px;
			color: #fff;
			text-align: center;
			text-decoration: none;
			z-index: 1000;
			transition: .4s;
		}
		footer .to_top {
			bottom: 20px;
			padding-top: 21px;
			font-size: 0.7em;
			background: url(https://img02.shop-pro.jp/PA01170/795/etc/fixed_icon_top.png) no-repeat center 7px / auto 13px, #e97924;
		}
		footer .to_top.active {
			opacity: 1.0;
			pointer-events: initial;
		}
		footer .to_line {
			bottom: 70px;
			font-size: 0;
			background: url(https://img02.shop-pro.jp/PA01170/795/etc/fixed_icon_line.png) no-repeat center top / auto 40px, #00ba01;
		}
		footer .to_mail {
			bottom: 120px;
			font-size: 0;
			background: url(https://img02.shop-pro.jp/PA01170/795/etc/fixed_icon_mail.png) no-repeat center 12px / auto 15px, #091d74;
		}


	/* #endregion */

	.footerInner {
		width: 100%;
	}

/* #endregion */

/* #region common_3 */
	.freePagebox{
		width: 100%;
		box-sizing: border-box;
	}

	main section img{
		width: auto;
		max-width: 100%;
		height: auto;
		max-height: 100%;
	}
	.slideArea{
		width: 100%;
	}
	.sp-ttl01 {
		font-size: 1.35rem;
		font-weight: bold;
		display: block;
		width: 100%;
		padding: 20px 0;
		text-align: center;
		color: #000;
		background-color: #fff;
	}

	.sp-ttl02 {
		font-size: 1.35rem;
		position: relative;
		display: block;
		width: 100%;
		padding: 20px 0;
		text-align: center;
		color: #000;
	}
	.sp-ttl02 span {
		font-size: .75rem;
		display: block;
		padding: 15px 0 5px;
		text-align: center;
		color: #797979;
	}
	.sp-ttl02::after {
		position: absolute;
		top: 46px;
		right: 0;
		left: 0;
		display: block;
		width: 10%;
		height: 2px;
		margin: 0 auto;
		content: '';
		background-color: #000;
	}
	.iconArea {
		width: 70%;
		margin: 25px auto;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		-ms-flex-pack: center;
		-webkit-align-items: stretch;
		-moz-align-items: stretch;
		-ms-align-items: stretch;
		align-items: stretch;
	}
	.iconArea li {
		list-style-type: none;
	}
	
	.iconArea .iconBtn {
		-webkit-flex-basis: 33.3333%;
		-moz-flex-basis: 33.3333%;
		-ms-flex-basis: 33.3333%;
		flex-basis: 33.3333%;
		float: initial;
	}
	.iconArea .iconBtn a {
		display: block;
		width: 55px;
		height: 55px;
		margin: 0 auto;
		border-radius: 100px;
		background-color: #fff;
	}
	.iconArea .iconBtn span {
		font-size: 10px;
		display: block;
		padding-top: 5px;
		text-align: center;
	}

	.re_mail a:before {
		top: 18px;
		left: 14px;
		width: 27px;
		height: 20px;
		background: transparent url("https://img02.shop-pro.jp/PA01170/795/etc/re_email_3x.png") left top no-repeat;
		background-size: contain;
	}

	.re_mycard a:before {
		top: 18px;
		left: 13px;
		width: 29px;
		height: 20px;
		background: transparent url("https://img02.shop-pro.jp/PA01170/795/etc/re_mycard_3x.png") left top no-repeat;
		background-size: contain;
	}

	.re_cart a:before {
		top: 15px;
		left: 15px;
		width: 22px;
		height: 26px;
		background: transparent url("https://img02.shop-pro.jp/PA01170/795/etc/re_cart_3x.png") left top no-repeat;
		background-size: contain;
	}
/* #endregion */

/* #region drawer */
	.l-drawer {
		position: relative;
	}
	.l-drawer__checkbox {
		display: none;
	}
	.l-drawer__icon {
		position: fixed;
		right: 0; top: 0;
		display: block;
		width: 56px;
		height: 60px;
		cursor: pointer;
		background: #e97924;
	}
	.l-drawer__icon-parts, .l-drawer__icon-parts:before, .l-drawer__icon-parts:after {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: block;
		width: 26px;
		height: 2px;
		margin: auto;
		background-color: #fff;
	}
	.l-drawer__icon-parts:before, .l-drawer__icon-parts:after {
		content: ' ';
	}
	.l-drawer__icon-parts:before {
		top: 16px;
	}
	.l-drawer__icon-parts:after {
		top: -16px;
	}
	.l-drawer__overlay {
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		opacity: 0;
		background: #000;
	}
	.l-drawer__menu {
		position: fixed;
		top: 0;
		right: -100%;
		overflow-y: auto;
		width: 100%;
		max-width: 100%;
		height: 100vh;
		color: #000;
		background: #fff;
		padding-bottom: 20px;
		-webkit-overflow-scrolling: touch;
	}
	.l-drawer__icon {
		z-index: 9000;
	}
	.l-drawer__menu {
		z-index: 8000;
	}
	.l-drawer__overlay {
		z-index: 8000;
	}
	.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts {
		background: transparent;
	}
	.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:before {
		top: 0;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:after {
		top: 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.l-drawer__checkbox:checked ~ .l-drawer__overlay {
		pointer-events: auto;
		opacity: .3;
	}
	.l-drawer__checkbox:checked ~ .l-drawer__menu {
		right: 0;
	}
	.l-drawer__icon-parts, .l-drawer__icon-parts:after, .l-drawer__icon-parts:before, .l-drawer__overlay, .l-drawer__menu {
		-webkit-transition: all 0.7s;
		transition: all 0.7s;
	}
	.l-drawer .drawer_menu_txt {
		font-size: 10px;
		position: fixed;
		z-index: 5;
		top: 37px;
		right: 8px;
		width: 40px;
		height: 18px;
		overflow: hidden;
		display: block;
		text-align: center;
	}

	.l-drawer__menu {
		background-color: #fbf0e8;
		z-index: 8000;
	}
	.l-drawer__menu .logoArea a {
		display: block;
		width: 76px;
		margin: 0 auto;
	}
	.l-drawer__menu .logoArea a img {
		display: block;
		width: 100%;
	}
	.l-drawer__menu .contact .tel-faxBox {
		width: 100%;
		margin: 5px 0;
	}

	.l-drawer__menu .contact .tel-faxBox li img {
		display: block;
		width: 96%;
		margin: 0 auto;
	}
/* #endregion */

/* #region menuarea */
	.menuArea ul li a {
		display: block;
		width: 96%;
		margin: 0 auto;
		padding: 20px 0;
		text-decoration: none;
		color: #000;
		border-bottom: 1px dotted #444;
	}
/* #endregion */

/* #region categories */ 
	.categories ul {
		margin: 15px 0 70px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		-ms-flex-pack: center;
		-webkit-align-items: stretch;
		-moz-align-items: stretch;
		-ms-align-items: stretch;
		align-items: stretch;
	}
	.categories ul li {
	list-style-type: none;
		-webkit-flex-basis: 50%;
		-moz-flex-basis: 50%;
		-ms-flex-basis: 50%;
		flex-basis: 50%;
	}
	.categories ul li a {
		position: relative;
		display: block;
		box-sizing: border-box;
		width: 96%;
		margin: 0;
		padding: 10px 15px;
		text-decoration: none;
		color: #000;
	}
	.categories ul li a img {
		display: block;
		width: calc(100% / 3);
		margin: 0;
	}
	.categories ul li a span {
		font-size: .75rem;
		line-height: .95rem;
		position: absolute;
		top: 44%;
		left: 41%;
		display: block;
	}
	.categories ul li a .line02 {
		top: 33%;
	}
/* #endregion */

/* #region ftbtns */
	.ftBtn a::after {
		top: 33px;
	}
	.aboutBtn a::after{
		top: 39px;
	}
	.footerInner .footerLeft {
		float: initial;
		width: 100%;
	}
	.footerInner .snsArea {
		margin: 0 auto 40px;
	}
	.footerInner .snsArea ul li a {
		width: 70%;
		margin: 0 auto;
	}
	.footerInner .snsArea ul li a img {
		width: 100%;
	}
	.footerInner .ftBtn {
		margin: 10px auto;
	}
	.footerInner .aboutBtn {
		margin: 0 auto 0;
	}

	footer small {
		font-size: 10px;
		width: 100%;
		margin: 50px auto 0;
		border: none;
		background-color: #000;
		color: #fff;
		padding: 30px 0;
	}
	.colorList li {
		-webkit-flex-basis: 33.333%;
		-moz-flex-basis: 33.333%;
		-ms-flex-basis: 33.333%;
		flex-basis: 33.333%;
	}
	.indexBtnArea ul li {
		-webkit-flex-basis: 33.333%;
		-moz-flex-basis: 33.333%;
		-ms-flex-basis: 33.333%;
		flex-basis: 33.333%;
	}
/* #endregion */

/* #region detail */
/*		.detail p {
		box-sizing: border-box;
		padding: 0 20px;
		font-size: 14px;
		line-height: 24px;
	}
*/
	.detailInner article {
		margin-bottom: 5vh;
		border: none;
	}
	.detailInner article .imgArea {
		float: initial;
		width: 65%;
		margin: 0 auto;
	}
	.detailInner article .imgArea img {
		display: block;
		width: 100%;
	}
	.detailInner article .txtArea {
		float: initial;
		width: 100%;
	}
	.detailInner article .txtArea h3 {
		margin-top: 35px;
		text-align: center;
	}
	.detailInner article .txtArea p{
		font-size: 14px;
		line-height: 24px;
	}
/* #endregion */

/* #region history */
	.history-items-box {
		float: left;
		margin: 0 1% 5px 0;
		padding: 5px;
		width: 32%;
		height: 270px;
		color: #111;
		font-size: 0.8em;
		border: 1px solid #ccc;
		box-sizing: border-box;
	}
	.history-items-box:nth-of-type(4) {
		margin-left: 15vw;
	}
	.history-items-box img {
		display: block;
		margin: auto;			
	}
	.history-items-box .history_item_name {
		display: block;
		height: 100px;
		overflow: hidden;
	}

	.history-items-box .price{
		bottom: 80px;
	}
	#mainContents .history-wrap {
		margin-left: 10px;
	}
	.history-wrap::after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}




/* #endregion */

}