@charset "utf-8";
/*
Theme Name: KATO 下層ページ
Theme URI:
Description:
Author: あそびラボ
*/

/*=======================================================
下層ページ共通
=======================================================*/
#page header {
	border: none;
}
#page footer {
	padding: 0;
}
.page {
	max-width: 1020px;
	margin: 60px auto 125px;
	font-size: 15px;
	line-height: 1.6;
}

/*=======================================================
パン屑
=======================================================*/
.breadcrumbs {
	background: #dbc14c;
	padding: 10px 0 2px;
}
.breadcrumbs ul {
	max-width: 1020px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.breadcrumbs ul li {
	font-size: 12px;
	margin: 0 0 5px;
}
.breadcrumbs ul li span {
	padding: 0 7px;
}
.breadcrumbs ul li a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
.breadcrumbs ul li a:hover {
	color: #ef0000;
}

/*=======================================================
トップページ
=======================================================*/
#home .sales-information ul li a p {
	text-decoration: underline;
}

/*=======================================================
商品詳細ページ
=======================================================*/
#item_detail h2 {
	font-size: 22px;
	font-weight: bold;
	border-bottom: 2px solid #000;
	padding: 0 0 5px;
	margin: 0 0 20px;
	line-height: 1.2;
}
#item_detail h2 span {
	margin: 0 18px 0 0;
}
#item_detail h2 span.date {
	color: #fff;
	font-size: 13px;
	background: #a3a3a3;
	border-radius: 5px;
	padding: 5px 10px 3px;
	float: right;
	margin: 0;
}

#item_detail h2 span.special {
	color: #fff;
	background: #e96800;
	font-weight: bold;
	padding: 3px 5px 1px;
	margin: 0 10px 0 0;
	font-size: 16px;
}
#item_detail .photo {
	max-width: 1020px;
	height: auto;
	text-align: center;
}
#item_detail .photo ul.slick-slider {
	display: flex;
	margin: 15px 0;
	flex-wrap: wrap;
	background: none;
	padding: 0;
}
#item_detail .photo ul li {
	margin: 5px;
}
#item_detail .photo ul li img {
	cursor: pointer;
}
#item_detail .zoom {
	font-size: 12px;
	position: relative;
	padding: 0 0 0 30px;
	margin: 0 0 40px;
}
#item_detail .zoom:before {
	content: url(/images/user/item_detail/zoom.png);
	position: absolute;
	top: -6px;
	left: 3px;
}
#item_detail .zoom + p {
	margin: 0 0 35px;
}
#item_detail .att::before {
	content: "※"
}
#item_detail .att{
	text-align: right;
	width: 100%;
	font-size: 13px;
	margin:0 0 5px;
}
#item_detail table {
	width: 100%;
	margin:0 0 25px;
}
#item_detail table th {
	background: #559355;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 7px 0 3px;
	border: 2px solid #fff;
}
#item_detail table tr {
	display: table-row;
}
#item_detail table th:nth-of-type(1) {
	width: 130px;
}
#item_detail table th:nth-of-type(3){
	width:88px;
}
#item_detail table th:nth-of-type(4),
#item_detail.noindex table th:nth-of-type(3){
	width: 140px;
}
#item_detail table tr:nth-of-type(even) {
	background: #ebebeb;
}
#item_detail table tr:nth-of-type(odd) {
	background: #d3d3d3;
}
#item_detail table td {
	border: 2px solid #fff;
	padding: 15px 10px;
	display: table-cell;
	vertical-align: middle;
}
#item_detail table td:nth-of-type(1) {
	text-align: center;
}
#item_detail table td:nth-of-type(2) {
	padding: 10px 30px;
}
#item_detail table td:nth-of-type(3){
	padding: 0;
	vertical-align: middle;
}
#item_detail table td:nth-of-type(3) a:before {
	content: url(/images/user/schedule_pdf.png);
	margin: 8px 5px 0 0;
}
#item_detail table td:nth-of-type(3) a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 88px;
	height: 100%;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	font-size: 13px;
}
#item_detail table td:nth-of-type(4) ,
#item_detail.noindex table td:nth-of-type(3){
	text-align: right;
	padding: 10px 20px 10px 10px;
}
#item_detail table td span.release {
	color: #fff;
	background: #cf1c1c;
	font-weight: bold;
	font-size: 12px;
	padding: 3px 5px 1px;
	margin: 0 35px 0 10px;
}
#item_detail table td span.schedule {
	color: #c26a02;
	font-size: 13px;
}
#item_detail table td span.schedule a {
	color: #c26a02;
	margin: 0 0 0 10px;
}/*20190307*/
#item_detail table td span.special {
	color: #fff;
	background: #e96800;
	font-weight: bold;
	font-size: 12px;
	padding: 3px 5px 1px;
	margin: 0 10px 0 0;
}/*20190307*/
#item_detail h3 {
	border-bottom: 2px solid #ccc;
	margin: 0 0 25px 2px;
	font-weight: bold;
}
#item_detail h3 span {
	font-size: 20px;
	border-left: 4px solid #003300;
	padding: 0 0 0 10px;
	display: block;
	margin: 0 0 4px;
}
#item_detail h3 + figure {
	margin: 0 0 45px;
}
#item_detail h3 + ul {
	margin: 0 0 30px;
}
#item_detail h3 + ul li {
	text-indent: -1.3em;
	padding-left: 1.3em;
	margin: 0 0 10px;
}
#item_detail.noindex ul.other{
	margin: 10px 0 30px;
}
#item_detail ul.relation {
	display: flex;
	margin: 0 0 40px 10px;
	flex-wrap: wrap;
}
#item_detail ul.relation li {
	text-indent: 0;
	padding: 10px;
	margin: 0 15px 30px;
	background: #ededed;
	height: 205px;
	position: relative;
	width: 170px;
}
#item_detail ul.relation li figcaption {
	font-size: 13px;
	margin: 15px 0;
	display: flex;
}
#item_detail ul.relation li figcaption span {
	margin: 0 10px 0 0;
}
#item_detail ul.relation li a {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
}
#item_detail ul.note {
	font-size: 13px;
	border-top: 1px solid #000;
	padding: 20px 0 0;
}
#item_detail ul.note li {
	margin: 0 0 8px;
}
#item_detail ul.note li.banner {
	margin-bottom: 12px;
	width: 100%;
}
/*--- 詳細はこちら ---*/
#item_detail .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 10px auto 30px;
	color: #ffffff;
}
#item_detail .cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
#item_detail .cp_actab label {
	position: relative;
	display: block;
	cursor: pointer;
	margin: 0 0 10px;
	/*background: url(../images/item_detail/open.png) no-repeat;*/
	background-color: #003300;
	height: 39px;
	width: 280px;
	font-weight: bold;
	padding: 8px 0 0 20px;
	border-radius: 5px;
}
#item_detail .cp_actab label::after {
	content: "";
	background: url(/images/user/item_detail/open.png) no-repeat;
	width: 22px;
	height: 22px;
	position: absolute;
	background-size: contain;
	top: 9px;
	right: 10px;
}
#item_detail .cp_actab label p {
	visibility: hidden;
}
#item_detail .cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	color: #333333;
}
/* :checked */
#item_detail .cp_actab input:checked ~ .cp_actab-content {
	max-height: 200em;
}
#item_detail .cp_actab input[type=checkbox]:checked + label {
	text-indent: -9999px;
}
#item_detail .cp_actab input[type=checkbox]:checked + label::after {
	content: "";
	background: url(/images/user/item_detail/close.png) no-repeat;
	width: 22px;
	height: 22px;
	position: absolute;
	background-size: contain;
	top: 9px;
	right: 10px;
}
#item_detail .cp_actab input[type=checkbox]:checked + label p {
	visibility: visible;
	text-indent: 0;
	margin: -25px 0 0;
}
#item_detail .cp_actab dl dd {
	margin: 0 0 0 3px;
	text-indent: -1em;
	padding-left: 1em;
}
#item_detail table td span.schedule a {
	color: #c26a02;
	margin: 0 0 0 10px;
}
#item_detail table td span.special {
	color: #fff;
	background: #e96800;
	font-weight: bold;
	font-size: 12px;
	padding: 3px 5px 1px;
	margin: 0 10px 0 0;
}

/*=======================================================
生産予定表
=======================================================*/
#schedule h2 {
	background: url(/images/user/h2_bg_long.png) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	padding: 0 0 0 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 45px;
	margin: 0 0 10px;
	border-bottom: 2px solid #003300;
}
#schedule h2 + ul {
	margin: 30px 0 10px;
}
#schedule h2 + ul li:nth-of-type(2) {
	display: flex;
	align-items: center;
}
#schedule h2 + ul li:nth-of-type(2) span {
	width: 80px;
	height: 25px;
	background: #f8d5d5;
	display: block;
	margin: 10px 20px 10px 0;
}
#schedule dl {
	background: #efefef;
	padding: 18px 25px 15px;
	max-width: 850px;
	margin: 0 0 45px;
}
#schedule dl dt {
	font-weight: bold;
	border-bottom: 1px solid #000;
	margin: 0 0 8px;
	padding: 0 0 5px;
}
#schedule dl dd {
	font-size: 12px;
	margin: 0 0 5px;
	text-indent: -1.3em;
	padding-left: 1.3em;
	line-height: 1.7;
}
#schedule .att{
	text-align: left;
	width:100%;
	font-size: 13px;
	margin: 0 0 5px;
	display: flex;
	align-items: center;
}
#schedule .att a {
	color: blue;
	text-decoration: underline;
}
#schedule table th {
	background: #115511;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	padding: 10px 5px;
	border: 2px solid #fff;
	vertical-align: middle;
}
#schedule table tr:first-of-type th:last-of-type {
	background: #225180;
	font-size: 15px;
	width: 200px;
	border-left: 7px solid #fff;/*←20190108追加*/
}
#schedule table tr:nth-of-type(2) th {
	background: #559355;
	font-size: 15px;
	padding: 10px 3px;
}
#schedule table tr th.day {
	width: 82px;
}
#schedule table tr:nth-of-type(2) th:nth-of-type(6), #schedule table tr:nth-of-type(2) th:last-of-type {
	background: #567da3;
	width: 100px;
	text-align: center;
}
#schedule .jan_code {
	width: 140px;
}
#schedule table tr th.month_title {
	background: #737373;
}
#schedule table tr th.month_title2 {
	background: #737373;
	border-left: 7px solid #fff;/*20190108*/
}
#schedule table td {
	background: #ebebeb;
	padding: 0 8px;/*20190107*/
	border: 2px solid #fff;
	font-size: 13px;
	text-align: center;
	height: 35px;/*20190107*/
	vertical-align: middle;
}
#schedule table tr:nth-of-type(even) td {
	background: #d3d3d3;
}
#schedule table td:first-of-type {
	width: 90px;
	text-align: left;
}
#schedule table td.name {
	width: 422px;
	text-align: left;
}
#schedule table td.name a {
	text-decoration: underline;
}/*20190307*/
#schedule table td.price {
	width: 125px;
	text-align: right;
	padding: 0px 4px;
}
#schedule table td.jan {
	width: 100px;
}
#schedule table td.date p {
	display: flex;
	align-items: center;
}
#schedule table td.assy,
#schedule table tr:nth-of-type(2) th:nth-of-type(6) {
	border-left: 7px solid #fff;/*20190108追加*/
}
#schedule table td.assy a:before {
	content: url(/images/user/schedule_pdf.png);
	margin: 8px 5px 0 0;
}
#schedule table td.assy a{
	display: flex;
	align-items: center;
	width:75px;
	margin: 0 auto;
}
#schedule table td a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
#schedule table td span.new {
	color: #fff;
	font-weight: bold;
	background: #c31a1a;
	padding: 0 5px;
	margin: 0 10px 0 0;
}/*20190307*/
#schedule table td span.special {
	color: #fff;
	font-weight: bold;
	background: #e96800;
	padding: 1px 5px 0;
	margin: 0 10px 0 0;
	font-size: 11px;
}/*20190307*/
#schedule .is_update td {
	background: #f8d5d5 !important;
}
#schedule table td.assy,
#schedule table tr:nth-of-type(2) th:nth-of-type(6) {
	border-left: 7px solid #fff;
}
#schedule table td.assy a{
	display: flex;
	align-items: center;
	width:75px;
	margin: 0 auto;
}
#schedule table tr th.month_title2 {
	background: #737373;
	border-left: 7px solid #fff;
}

#schedule a.jan_link:link {
	color: #0000FF;
	text-decoration: underline;
}

#schedule a.jan_link:visited {
	color: #0000FF;
	text-decoration: underline;
}

#schedule a.jan_link:hover {
	color: #FF0000;
	text-decoration: underline;
}

#schedule a.jan_link:active {
	color: #FF0000;
	text-decoration: underline;
}

#schedule table td.name a {
	text-decoration: underline;
}

#schedule table td .sp ul li span.name {
	text-decoration: underline;
}

#schedule table td span.new {
	color: #fff;
	font-weight: bold;
	background: #c31a1a;
	padding: 0 5px;
	margin: 0 10px 0 0;
	font-size: 11px;
}

/*=======================================================
生産予定表
=======================================================*/
/* 見出し */
#status_search >  h2{
	background: url(/images/user/h2_bg_long.png) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	padding: 0 0 0 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 45px;
	margin: 0 0 10px;
	border-bottom: 2px solid #003300;
}
/* div位置変更 */
#status_search .search_result{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column-reverse;
	font-size: 14px;
}
/*** 検索 ***/
#status_search .search_result .search{
	width:100%;
	margin: 0 0 30px;
	padding: 25px 0 20px;
	border-bottom: 1px solid #c9c9c9;
}
#product_search{
	margin: 0 0 10px;
}
#product_search input{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
}
#product_search input[type="search"]{
	width: 533px;
	height: 40px;
	border:2px solid #828282;
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.4) inset;
	border-radius: 5px;
	font-size: 18px;
	margin: 0 8px 0 0;
	padding: 0 0 0 10px;
}
#product_search input[type="submit"]{
	width:125px;
	height: 40px;
	background: -moz-linear-gradient(to bottom,#525252,#3f3f3f 50%,#131313);
	background: -webkit-linear-gradient(to bottom,#525252,#3f3f3f 50%,#131313);
	background: linear-gradient(to bottom,#525252,#3f3f3f 50%,#131313);
	border-radius: 5px;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
}
#status_search #product_search + .att{
	font-size: 13px;
	margin: 0 0 1rem;
}
#status_search #product_search + .att::before{
	content: "※";
}
/* 検索結果の製品画像について */
#status_search .search_result .search .att_img{
	display: flex;
	justify-content: center;
	align-items: center;
	width:218px;
	height: 25px;
	margin: 0 0 10px;
	background:#858585;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

/*** 検索結果リスト ***/
#status_search .search_result .list .result{
	margin: 0 0 45px;
}
#status_search .search_result .list > .item_list > li{
	position: relative;
	width:100%;
	margin: 0 0 50px;
	padding: 0 0 0 20%;
}
#status_search .search_result .list a:hover{
	opacity: 0.7;
}
/* サムネ */
#status_search .search_result .list > .item_list > li .img{
	position: absolute;
	top: 0;
	left: 0;
	width: 17%;
}
/* 商品名 */
#status_search .search_result .list > .item_list > li .name{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 15px;
}
#status_search .search_result .list > .item_list > li .name h3{
	display: inline-block;
}
#status_search .search_result .list > .item_list > li .name a{
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
}
/* 再生産ラベル */
#status_search .search_result .list > .item_list > li .name .reproduction{
	background: #565656;
	width:69px;
	margin: 0 0 0 10px;
	font-size: 14px;
}
/* 商品説明 */
#status_search .search_result .list > .item_list > li .description{
	margin: 0 0 15px;
}
#status_search .search_result .list > .item_list > li .description a{
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
#status_search .search_result .list > .item_list > li .sold_out{
	margin: 0 0 5px;
}
/* 在庫無し値段 */
#status_search .search_result .list > .item_list > li > .price{
	margin: 0 0 15px;
}
/* 商品情報 */
#status_search .search_result .list > .item_list > li .details{
	margin: 0 0 5px;
}
#status_search .search_result .list > .item_list > li .details span{
	display: inline-block;
	margin: 0 10px 0 0;
}
#status_search .search_result .list > .item_list > li .details .day{
	color: #ef0000;
}
/* ラベル */
#status_search .search_result .list > .item_list > li .label{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#status_search .search_result .list > .item_list > li .label a,
#status_search .search_result .list > .item_list > li .name .reproduction{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 21px;
	padding:0 12px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#status_search .search_result .list > .item_list > li .label a{
	margin: 0 10px 5px 0;
}
#status_search .search_result .list > .item_list > li .label a:last-of-type{
	margin: 0 0 5px;
}
#status_search .search_result .list > .item_list > li .label .sold_out{
	margin: 0 0 15px;
}
#status_search .search_result .list > .item_list > li .label .details{
	margin: 0 0 10px;
}
#status_search .search_result .list > .item_list > li .label .stock{
	background:#694ac2;
}
#status_search .search_result .list > .item_list > li .label .not_stock{
	background:#9c9c9c;
}
#status_search .search_result .list > .item_list > li .label .info{
	background:#548d1d;
}
#status_search .search_result .list > .item_list > li .label .production{
	background:#c26b02;
}

/*** 出荷日について / ご案内 ***/
#status_search .search_result .list #ship_date,
#status_search .search_result .list .guide{
	margin: 0 0 5px;
}
#status_search .search_result .list #ship_date + ol{
	margin: 0 0 30px;
}
#status_search .search_result .list #ship_date + ol li,
#status_search .search_result .list .guide + ul li{
	margin: 0 0 3px;
	position: relative;
	text-indent: -1em;
	padding-left: 1em;
}
#status_search .search_result .list #ship_date + ol li{
	padding: 0 0 0 53px;
}
#status_search .search_result .list #ship_date + ol li span,
#status_search .search_result .list .guide + ul li::before{
	display: block;
	position: absolute;
	top:0;
	left: 0;
}
#status_search .search_result .list #ship_date + ol li span::before{
	content: "☆";
}

/*=======================================================
在庫表
=======================================================*/
/* section設定 */
#stock_search > section{
	margin: 0 0 40px;
}
/* 見出し */
#stock_search > section > h2{
	background: url(/images/user/h2_bg_long.png) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 21px;
	margin: 0 0 25px;
	padding: 0 0 0 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 45px;
	border-bottom: 2px solid #003300;
}
/* リンクホバー */
#stock_search a:hover{
	opacity: 0.8;
}

/*** メーカー在庫表 ***/
#stock_search .stock_list h2 + p::before{
	content: "■";
	color: #ef0000;
	margin: 0 3px 0 0;
}
#stock_search .stock_list h2 + p{
	font-size: 15px;
	margin: 0 0 30px;
}
#stock_search .stock_list h2 + p .day{
	font-weight: bold;
}
#stock_search .stock_list .att::before{
	content: "※";
	display: block;
	position: absolute;
	top:0;
	left: 0;
}
#stock_search .stock_list .att{
	font-size: 13px;
	position: relative;
	margin: 0 0 20px;
	padding: 0 0 0 15px;
}
#stock_search .stock_list .banner{
	width:330px;
	height: 54px;
}
#stock_search .stock_list .forshop a {
	color: blue;
	display: flex;
}/*20190307*/
#stock_search .stock_list .forshop a:before {
	content: url(/images/user/schedule_pdf.png);
	margin: 0 5px 0 0;
}/*20190307*/

/*** メーカー在庫表 ***/
#stock_search .free_word h2 + p{
	margin: 0 0 5px;
}

/*** カテゴリ別 在庫情報 ***/
#stock_search .category{
	overflow: hidden;
}
#stock_search .category ol{
	float: left;
	width:48%;
}
#stock_search .category ol:first-of-type{
	margin: 0 2% 0 0;
}
#stock_search .category ol li{
	margin: 0 0 15px;
}
#stock_search .category ol li a{
	color: #000;
}

/*** 検索結果 ***/
#stock_search .result .about{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 40px;
}
/*　検索条件　*/
#stock_search .result .about > ul li::before{
	content: "◆";
	position: absolute;
	top:0;
	left: 0;
}
#stock_search .result .about > ul li{
	position: relative;
	margin: 0 0 0 14px;
	padding: 0 0 0 23px;
}

/*　カテゴリ一覧　*/
#stock_search .result .about > ul:last-of-type {
	margin: 10px 0 0;
}
#stock_search .result .about > ul:last-of-type li {
	margin: 0;
}
#stock_search .result .about > ul:last-of-type li::before {
	content :"";
}
#stock_search .result .about a{
	text-decoration: none;
	display: block;
	margin: 10px 0;
}
#stock_search .result .about a p{
	width: 180px;
	height: 30px;
	padding: 2px 0 0 13px;
	background:#1d1d1d url(/images/user/stock_search/result_arrow.png) no-repeat top 9px left 12px;
	background-size: 17px 12px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}/*20190307*/
#stock_search .result .about > ul:last-of-type li:first-of-type a p {
	background: red url(/images/user/stock_search/result_arrow.png) no-repeat top 9px left 12px;
	background-size: 17px 12px;
}/*20190307*/

/*　在庫欄マーク　*/
#stock_search .result .about .mark{
	width:460px;
	height: auto;
	padding: 13px 21px;
	border: 1px solid #8c8c8c;
	font-size: 13px;
	line-height: 1.3rem;
}
#stock_search .result .about .mark h3{
	margin: 0 0 3px;
}

/*　在庫リストテーブル　*/
#stock_search .result .att::before {
	content: "※";
}
#stock_search .result .att{
	text-align: right;
	width: 100%;
	font-size: 13px;
	margin: 0 0 5px;
}
#stock_search .result .list{
	width:100%;
	font-size: 13px;
}
#stock_search .result .list tr{
	border-bottom: 2px solid #fff;
}
#stock_search .result .list tbody tr:nth-of-type(odd){
	background:#ececec;
}
#stock_search .result .list tbody tr:nth-of-type(even){
	background:#d6d6d6;
}
#stock_search .result .list thead tr th,
#stock_search .result .list tbody tr td{
	border-right: 2px solid #fff;
}
#stock_search .result .list thead tr th.assy,
#stock_search .result .list tbody tr .assy {
	display: none;
}
#stock_search .result .list thead tr th:last-of-type,
#stock_search .result .list tbody tr td:last-of-type{
	border:none;
}
/*　見出し　*/
#stock_search .result .list thead tr th{
	height: 45px;
	background: #909090;
	color: #fff;
	vertical-align: middle;
	font-weight: bold;
}
/*　商品一覧　*/
#stock_search .result .list tbody tr td{
	padding: 8px 0;
	vertical-align: middle;
	text-align: center;
}
#stock_search .result .list tbody tr td a{
	color: #000;
	font-weight: normal;
}
#stock_search .result .list tbody tr .assy{
	width:10%
}
#stock_search .result .list tbody tr .assy a::before{
	content:"";
	display: inline-block;
	background:url(/images/user/stock_search/result_pdf.png) no-repeat top center;
	background-size: contain;
	width:23px;
	height:23px;
	vertical-align: middle;
	margin: 0 5px 1px 0;
}
#stock_search .result .list tbody tr .assy a{
	color:#ef0000;
	text-decoration: none;
}
#stock_search .result .list tbody tr .number{
	width:10%
}
#stock_search .result .list tbody tr .name{
	width:34%;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}
#stock_search .result .list tbody tr .price{
	width:11%
}
#stock_search .result .list tbody tr .stock,
#stock_search .result .list tbody tr .month{
	width: 4%;
}
#stock_search .result .list tr .month .month_sp{
	display: none;
}
#stock_search .result .list tbody tr .stock span.note {
	display: none;
}/*20190307*/
#stock_search .result .list tbody tr .jan{
	width:15%
}
#stock_search .result .list tbody tr .quantity{
	width: 12%;
}
/*　注意書き　*/
#stock_search .result .list tfoot tr td::before{
	content: "※";
	margin: 0 5px 0 0;
}
#stock_search .result .list tfoot tr td{
	padding: 15px 0 0;
	text-align: right;
}
#stock_search ._js_tree_root {
	cursor: pointer;
}

#stock_search ._category_index_tree_item_wrap{
	display: none;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#stock_search ._category_index_tree_item_wrap li {
	margin-bottom: 5px;
}

#stock_search ._category_index_tree_item{
	list-style: none;
	margin-left: 40px;
	margin-bottom: 5px;
}

#stock_search ._category_index_tree_icon{
	cursor: pointer;
}

#stock_search .child-category-indent a {
	font-size: 11px;
}

#stock_search .child-category-indent {
	margin-left: 20px;
}

#stock_search .stock_list .forshop a {
	color: blue;
	display: flex;
}
#stock_search .stock_list .forshop a:before {

	margin: 0 5px 0 0;
}
#stock_search .result .about > ul:last-of-type li:first-of-type a p {
	background: red url(/images/user/stock_search/result_arrow.png) no-repeat top 9px left 12px;
	background-size: 17px 12px;
}

#stock_search .result .about > ul:last-of-type li:first-of-type a p {
	background-size: 17px 12px;
}
#stock_search .result .list tbody tr .stock span.note {
	display: none;
}

/*=======================================================
発売予定品ポスター
=======================================================*/
#poster .plan{
	font-size: 14px;
}
#poster .plan a:hover{
	opacity: 0.8;
}
/* 見出し */
#poster .plan > h2{
	background: url(/images/user/h2_bg_long.png) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	margin: 0 0 25px;
	padding: 0 0 0 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 45px;
	border-bottom: 2px solid #003300;
}
/* 注意書き */
#poster .plan > h2 + ul{
	margin: 0 0 25px;
}
#poster .plan > h2 + ul li p{
	position: relative;
	padding: 0 0 0 15px;
}
#poster .plan > h2 + ul li p::before{
	content: "・";
	display: block;
	position: absolute;
	top:0;
	left: 0;
}
/* 販売店様へ */
#poster .plan > .store + p{
	margin: 0 0 30px;
}

/*** ポスターリスト ***/
#poster .plan .poster_list{
	width:100%;
	border-top: 1px solid #c9c9c9;
	padding: 35px 0 0;
}
#poster .plan .poster_list > li{
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	margin: 0 0 50px;
}

/* ポスター画像 */
#poster .plan .poster_list li > p{
	margin: 0 60px 0 0;
	width:417px;
	height: 295px;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* 販売日予定 */
#poster .plan .poster_list li > p{
	width:417px;
}
/* 販売日予定 */
#poster .plan .poster_list li div{
	padding: 5px 0 0;
}
#poster .plan .poster_list li div h3{
	margin: 0 0 18px;
	font-size: 16px;
}
/* DLバナー */
#poster .plan .poster_list li div p{
	margin: 0 0 10px;
}
#poster .plan .poster_list li div p a{
	width:230px;
	height:45px;
	border:1px solid #9b9b9b;
	background: #eee;
	display: flex;
	align-items: center;
}
#poster .plan .poster_list li div p:first-of-type a{
	padding: 0 0 0 10px;
}
#poster .plan .poster_list li div p:last-of-type a{
	padding: 0 0 0 5px;
}
#poster .plan .poster_list li div p:first-of-type a img{
	width: 74%;
}
#poster .plan .poster_list li div p:nth-of-type(2) a img{
	width:179px;
}
#poster .plan .poster_list li div ul li {
	margin: 0 0 5px;
}
#poster .plan .poster_list li div ul li a {
	color: #000;
	font-size: 12px;
}

.lum-lightbox {
	z-index: 120!important;
}

.poster-text {
	max-width: 500px;
}

#poster .plan .poster_list li div ul li span.special {
	color: #fff;
	font-weight: bold;
	background: #f57c00;
	padding: 1px 5px 0;
	margin: 0 10px 0 0;
	font-size: 11px;
}

#poster .plan .poster_list li div ul li span.icon {
	margin: 0 10px 0 0;
}
#poster .plan .poster_list li div ul li span.icon img {
	width: 29px;
}

.lum-lightbox {
	z-index: 120!important;
}

/*=======================================================
販売店検索
=======================================================*/
#shop_search {
	display: flex;
	justify-content: space-between;
	letter-spacing: 0.07em;
}
#shop_search .search {
	width: 240px;
	text-align: center;
	margin: 0 10px 0 0;
}
#shop_search section {
	width: 750px;
}
#shop_search h2 {
	color: #fff;
	background: #003300;
	font-weight: bold;
	font-size: 22px;
	padding: 7px 20px 3px;
	margin: 0 0 15px;
}
#shop_search .search form {
	margin: 0 0 30px;
}
#shop_search .search select {
	width: 100%;
	border: 1px solid #828282;
	border-radius: 5px;
	padding: 5px 20px 8px;
	background: #fff;
	background: -webkit-linear-gradient(top, #fff 0%,#dcdcdc 100%);
	background: linear-gradient(to bottom, #fff 0%,#dcdcdc 100%);
	font-size: 15px;
	margin: 0 0 15px;
}
#shop_search .search input {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
}
#shop_search .search input[type="submit"] {
	width: 125px;
	height: 40px;
	background: -moz-linear-gradient(to bottom,#525252,#3f3f3f 50%,#131313);
	background: -webkit-linear-gradient(to bottom,#525252,#3f3f3f 50%,#131313);
	background: linear-gradient(to bottom,#525252,#3f3f3f 50%,#131313);
	border-radius: 5px;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
}
#shop_search .search input[type="search"] {
	width: 100%;
	height: 40px;
	border: 2px solid #828282;
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.4) inset;
	border-radius: 5px;
	font-size: 18px;
	margin: 0 0 15px;
	padding: 0 10px;
}
#shop_search .search ul li {
	border: 1px solid #848484;
	padding: 10px 10px 7px 55px;
	font-weight: bold;
	font-size: 15px;
	text-align: left;
	margin: 0 0 10px;
	line-height: 1.5;
	width: 240px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#shop_search .search ul li:after {
	content: "▶";
	color: #ef0000;
}
#shop_search .search ul li:first-of-type {
	background: url(/images/user/shop_web_icon2.png) 6% 50% no-repeat;
	background-color: #f2f2f2;
}
#shop_search .search ul li:nth-of-type(2) {
	background: url(/images/user/shop_sb_icon.png) 6% 50% no-repeat;
	background-color: #f2f2f2;
}
#shop_search .search ul li:last-of-type {
	background: #62993a;
	color: #fff;
	padding: 10px 15px 7px;
	display: block;
}
#shop_search .search ul li:last-of-type:after {
	content: "";
}
#shop_search .search ul li span {
	display: block;
	font-weight: normal;
	font-size: 13px;
}
#shop_search section h2 + p {
	background: #e3e3e3;
	padding: 25px 35px;
	margin: 0 0 30px;
	line-height: 1.8;
}
#shop_search section .message {
	margin: 0 0 20px;
}
#shop_search section table {
	width: 100%;
	margin: 0 0 50px;
}
#shop_search section table th {
	color: #fff;
	font-weight: bold;
	text-align :center;
	font-size: 15px;
	background: #565656;
	padding: 10px 5px 6px;
	border: 2px solid #fff;
}
#shop_search section table td {
	text-align: center;
	font-size: 13px;
	background: #ececec;
	border: 2px solid #fff;
	vertical-align: middle;
	height: 46px;
	padding: 5px;
}
#shop_search section table td a {
	color: #000;
	font-weight: normal;
}
#shop_search section table td a:hover {
	color: #e96800;
}
#shop_search section table tr:nth-of-type(odd) td {
	background: #d6d6d6;
}
#shop_search .condition_link {
	color: #000000;
	text-decoration: none;
}
#shop_search .apply_link {
	color: #FFFFFF;
	text-decoration: none;
}

/*=======================================================
404
=======================================================*/
/* 見出し */
#error section{
	width:100%;
	text-align: center;
	padding: 60px 2% 90px;
}
#error section h2{
	margin: 0 0 50px;
}
#error section h2 + p{
	line-height: 1.8;
	margin: 0 0 30px;
}
#error section .btn a{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width:200px;
	height: 45px;
	background: #003300;
	margin: 0 auto;
	padding: 2px 10px 0 0;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
}
#error section .btn a::after{
	content: "▶";
	font-size: 11px;
	margin: 0 0 0 35px;
}
/*=======================================================
会社概要
=======================================================*/
#company section .wrap {
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	flex-flow: column-reverse;
}
#company section h2{
	background: url(/images/user/h2_bg_long.png) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	margin: 0 0 25px;
	padding: 0 0 0 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 45px;
	border-bottom: 2px solid #003300;
}
#company section ul {
	margin: 0 0 40px;
}
#company section ul li {
	width: 32.3%;
}
#company section table {
	background: #ebebeb;
	width: 100%;
	margin: 0 0 40px;
}
#company section table th,
#company section table td {
	padding: 15px 15px 15px 25px;
	border: 2px solid #fff;
}
#company section table th {
	background: #d3d3d3;
	text-align: left;
}
#company section table td dl dd {
	margin: 0 0 0 1em;
}
#company section table td dl dt:nth-of-type(2),
#company section table td dl dt:last-of-type {
	margin: 10px 0 0;
}
#company section table + div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 30px;
}
#company section table + div div {
	width: 625px;
}
#company section table + div h3 {
	background: url(/images/user/company/company_contact.png) no-repeat;
	margin: 0 0 3px;
	padding: 5px 0 3px 35px;
	color: #fff;
	font-weight: bold;
	font-size: calc(90% + 0.5vw);;
}
#company section table + div dl {
	border: 2px solid #003300;
	padding: 25px 27px;
	max-width: 620px;
	margin: 0 10px 0 0;
}
#company section table + div dl dt {
	font-size: 17px;
	font-weight: bold;
	background: linear-gradient(transparent 60%, #f7e254 60%);
	display: inline-block;
	margin: 0 0 20px;
}
#company section table + div dl dd {
	font-size: 14px;
	line-height: 1.8;
}
#company section table + div figure {
	width: 285px;
}
#company section table + div figure figcaption {
	text-align: center;
	margin: 0 0 10px;
	font-size: 14px;
}
#company section ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

/*=======================================================
海外販売代理店一覧
=======================================================*/
#partners section h2 {
	background: url(/images/user/h2_bg_long.png) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	margin: 0 0 25px;
	padding: 0 0 0 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 45px;
	border-bottom: 2px solid #003300;
}
#partners section h2 + div {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#partners section h2 + div ul li {
	margin: 0 0 30px;
	display: flex;
	font-size: 12px;
}
#partners section h2 + div ul li figure {
	margin: 0 25px 0 0;
	width: 106px;
	flex-grow: 0;
	flex-shrink: 0;
}

#partners section h2 + div ul li dl dt a {
	color: #000;
	font-weight: bold;
}

/*=======================================================
採用情報 20190502変更
=======================================================*/
#recruit section {
	position: relative;
}
#recruit section > div {
	border-bottom: 5px solid #483934;
	padding: 0 0 3px;
	margin: 0 0 10px;
}
#recruit section h2 {
	background: url(/images/user/recruit/recruit_h2.png) top right no-repeat;
	background-size: contain;
	height: 92px;
	margin: 0 auto;
	color: #000;
	font-weight: bold;
	font-size: 19px;
	padding: 26px 0 0 30px;
	display: flex;
	max-width: 695px;
	justify-content: space-between;
}
#recruit section h2 span {
	font-size: 22px;
	color: #fff;
	width: 534px;
	text-align :center;
	padding: 12px 0 0;
}
#recruit section > div + p {
	font-size: 12px;
	text-align: right;
	margin: 0 0 50px;
	/*margin: 0 0 190px; 会社説明会開催表示時*/
}
/* 会社説明会開催表示時
#recruit .jobBtn{
    width: 386px;
    height: 133px;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 150px;
    left: 0;
    right: 0;
}*/
#recruit section > div + p + .att{
	font-size: 16px;
	text-align: center;
	line-height: 1.8;
	margin: 0 0 50px;/*募集有りの時*/
}
#recruit section > div + p + .att .sp{
	display: none;
}
/*** ボタン ***/
#recruit .info{
	position: relative;
}
/* 項目2～4つ用
#recruit .info{
	padding: 95px 0 0;
}
*/
/* 項目5つ用
#recruit .info{
    padding: 100px 0 0;
}*/
#recruit .info li label{
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	font-weight: bold;
	position:absolute;
	top: 0;
	z-index: 5;
}
/* 項目2～3つ用
#recruit .info li label{
	width: 330px;
}
 */
/* 項目2～4つ用
#recruit .info li label{
	height: 70px;
	padding: 3px 0 10px;
	font-size: 16px;
}
 */
/* 項目4つ用
#recruit .info li label{
width: 240px;
} */
/* 項目5つ用
#recruit .info li label{
width: 200px;
height: 65px;
padding: 3px 0 10px;
font-size: 15px;
} */
#recruit .info #btn01 + label{
	background: #d8eed8;
	border: 1px solid #b2dcb2;
	left: 0;
}
#recruit .info #btn02 + label{
	background: #d8eeeb;
	border: 1px solid #b2dcd6;
}
/* 項目2～3つ用
#recruit .info #btn02 + label{
	left: 0;
	right: 0;
	margin: 0 auto;
}
 */
/* 項目4つ用
#recruit .info #btn02 + label{
left: 25.5%;
} */
/* 項目5つ用
#recruit .info #btn02 + label{
left: 205px;
} */
/*項目3つ用
#recruit .info #btn03 + label{
	background: #d8deee;
	border: 1px solid #b2bedc;
	right: 0;
}*/
/* 項目4つ用
#recruit .info #btn03 + label{
right: 25.5%;
} */
/* 項目5つ用
#recruit .info #btn03 + label{
right: 410px;
} */
/* 項目4つ用
#recruit .info #btn04 + label{
right: 0;
background: #fad7d4;
border: 1px solid #f3b0ab;
} */
/* 項目5つ用
#recruit .info #btn04 + label{
right: 205px;
}
#recruit .info #btn05 + label{
	background: #ffe5ba;
	border: 1px solid #ffcc7e;
	right: 0;
} */
#recruit .info li label::after,
#recruit .info li label::before{
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	bottom:0;
	left: 0;
}
#recruit .info li label::after{
	z-index: 10;
}
/*項目2～4つ用
#recruit .info li label::after{
	height: 15px;
}
*/
/* 項目5つ用
#recruit .info li label::after{
height: 11px;
 } */
#recruit .info #btn01 + label::after{
	background: #b2dcb2;
}
#recruit .info #btn02 + label::after{
	background: #b2dcd6;
}
#recruit .info #btn03 + label::after{
	background: #b2bedc;
}
#recruit .info #btn04 + label::after{
	background: #f3b0ab;
}
/* 項目5つ用
#recruit .info #btn05 + label::after{
	background: #ffcc7e;
}
*/
#recruit .info li label span::before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 15;
}
/* 項目2～4つ用
#recruit .info li label span::before{
	border-width: 7px 6px 0 6px;
	top: 57px;
}
 */
/* 項目5つ用
#recruit .info li label span::before{
border-width: 6px 5px 0 5px;
top: 55px;
 } */
#recruit .info li label:hover::before,
#recruit .info li input:checked + label::before{
	height: 100%;
	background: rgba(0,0,50,0.2);
	z-index: 20;
}
#recruit .info li label span br{
	display: none;
}
/* テーブル */
#recruit .info table,
#recruit .info input{
	display: none;
}
#recruit .info input:checked ~ table{
	display: table;
}
#recruit .info table {
	width: 1020px;
	margin: 0 0 70px;
}
#recruit .info table th,
#recruit .info table td {
	padding: 7px 15px 5px 15px;
	border: 2px solid #fff;
}
#recruit .info table th {
	text-align: left;
	width: 165px;
}
#recruit .info table td{
	width: 853px;
}
#recruit .info table td p + p{
	margin: 15px 0 0;
}
#recruit .info table td ul {
	margin: 0 0 15px;
}
#recruit #btn01 ~ table{
	background: #d8eed8;
}
#recruit #btn01 ~ table th {
	background: #b2dcb2;
}
#recruit #btn02 ~ table{
	background: #d8eeeb;
}
#recruit #btn02 ~ table th {
	background: #b2dcd6;
}
#recruit #btn03 ~ table{
	background: #d8deee;
}
#recruit #btn03 ~ table th {
	background: #b2bedc;
}
#recruit #btn04 ~ table{
	background: #fad7d4;
}
#recruit #btn04 ~ table th {
	background: #f3b0ab;
}
/* 項目5つ用
#recruit #btn05 ~ table{
    background: #ffe5ba;
}
#recruit #btn05 ~ table th {
    background: #ffcc7e;
}
#recruit #btn05 ~ table .conditions td p{
    margin: 5px 0 15px;
}
#recruit #btn05 ~ table .conditions td p:last-of-type{
    margin: 5px 0 0;
}
 */
#recruit #btn02 ~ table td ul,
#recruit #btn03 ~ table td ul,
#recruit #btn04 ~ table td ul{
	margin: 3px 0 15px;
}
/* 項目5つ用
#recruit #btn03 ~ table td ul:last-of-type{
    margin: 3px 0 0;
}
 */
#recruit #btn02 ~ table tr:last-of-type td ul,
#recruit #btn03 ~ table tr:last-of-type td ul,
#recruit #btn04 ~ table tr:last-of-type td ul{
	margin: 0 0 15px;
}
/*=======================================================
会社説明会開催のお知らせ
=======================================================*/
#jobfair {
	margin: 35px auto 45px;
}
/* 大見出し */
#jobfair .info h2{
	width: 1020px;
	height: 125px;
	background: url("/images/user/jobfair_h2.png") bottom right 200px/ 725px 125px no-repeat;
	border-bottom: 6px solid #483934;
	margin: 0 auto 50px;
}
#jobfair .info h2 img{
	display: none;
}
#jobfair .info h2 span{
	display: block;
	width: 725px;
	height: 125px;
	margin: 0 auto;
	padding: 54px 52px 0 245px;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
/* 卒業を予定されている学生の皆さんへ */
#jobfair .info .txt{
	width: 853px;
	margin: 0 auto 25px;
	padding: 35px 0 25px;
	border: 2px solid #72c9db;
	border-radius: 10px;
	text-align: center;
}
#jobfair .info .txt h3{
	font-size: 23px;
	line-height: 34px;
	font-weight: bold;
	margin: 0 0 15px;
	position: relative;
}
#jobfair .info .txt h3::before,
#jobfair .info .txt h3::after{
	content: "";
	display: block;
	width: 115px;
	height: 58px;
	background: url("/images/user/jobfair_icon.svg") center/ contain no-repeat;
	position: absolute;
	top: -8px;
}
#jobfair .info .txt h3::before{
	left: 115px;
}
#jobfair .info .txt h3::after{
	right: 115px;
	transform: scale(-1, 1);
}
#jobfair .info .txt p{
	font-size: 18px;
	margin: 0 0 25px;
}
#jobfair .info .txt p:last-of-type{
	margin: 0;
}
/* 日時・場所 */
#jobfair .info .jobFair{
	width: 853px;
	margin: 0 auto 30px;
	font-size: 16px;
}
#jobfair .info .jobFair tr:first-of-type{
	border-bottom: 2px solid #fff;
}
#jobfair .info .jobFair th{
	width: 187px;
	padding: 0 0 0 25px;
	background: #b2dcd6;
	border-right: 2px solid #fff;
	vertical-align: middle;
	text-align: left;
}
#jobfair .info .jobFair td{
	width: 686px;
	padding: 15px 0 15px 45px;
	background:#d7edeb;
}
/* メールエントリー */
#jobfair .info .entry{
	width: 853px;
	margin: 0 auto;
	font-size: 16px;
}
#jobfair .info .entry p{
	margin: 0 0 25px;
}
#jobfair .info .entry dl.mail{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 25px;
}
#jobfair .info .entry dl.mail dt{
	width: 105px;
	position: relative;
	margin: 0 0 3px;
}
#jobfair .info .entry dl.mail dt::after{
	content: "：";
	position: absolute;
	right: 5px;
	top: 0;
}
#jobfair .info .entry dl.mail dd{
	width: 733px;
}
#jobfair .info .entry dl.mail dd a{
	color: #1b65d4;
	font-weight: normal;
}
#jobfair .info .entry ol.mail li{
	position: relative;
	margin: 0 0 5px;
}
#jobfair .info .entry ol.mail li:last-of-type{
	margin: 0;
}
/*=======================================================
お知らせ一覧
=======================================================*/
#news section h2 {
	background: url(/images/user/h2_bg_long.png) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	padding: 0 0 0 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 45px;
	margin: 0 0 10px;
	border-bottom: 2px solid #003300;
}
#news section ul li {
	background: #ededed;
	margin: 0 0 15px;
	padding: 27px 85px 25px 25px;
	display: flex;
	align-items: flex-start;
	font-size: 14px;
	letter-spacing: 0.05em;
}
#news section ul li span {
	background: #565656;
	color: #fff;
	font-weight: bold;
	margin: 0 20px 0 0;
	width: 120px;
	padding: 5px 10px 2px;
}

/*=======================================================
イベント情報
=======================================================*/
#event section h2 {
	background: url(/images/user/h2_bg_long.png) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	padding: 0 0 0 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 45px;
	margin: 0 0 25px;
	border-bottom: 2px solid #003300;
}
#event section h3 {
	background: #ededed;
	font-size: 22px;
	font-weight: bold;
	padding: 8px 10px 6px 20px;
	display: flex;
	align-items: center;
	margin: 0 0 35px;
}
#event section h3::before {
	content: url(/images/user/event/event_icon.png);
	margin: 0 17px 0 0;
	height: 37px;
}
#event section ul {
	margin: 0 0 40px;
}
#event section ul li {
	margin: 0 0 15px;
}
#event section ul li span {
	background: #565656;
	font-weight: bold;
	color: #fff;
	padding: 5px 10px 2px;
	min-width: 85px;
	text-align: center;
	display: inline-block;
	margin: 0 20px 0 0;
}
#event section figure {
	text-align: center;
	margin: 0 0 35px;
	padding: 0 0 50px;
	border-bottom: 1px solid #000;
}
#event section p {
	font-size: 14px;
	line-height: 1.8;
}

#event .remarks {
	margin-bottom: 25px;
}
/*=======================================================
ご意見窓口
=======================================================*/
#mail h2 {
	background: url(/images/user/h2_bg_long.png) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	padding: 0 0 0 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 45px;
	margin: 0 0 10px;
	border-bottom: 2px solid #003300;
}
#mail h2 + p{
	margin: 30px 0 20px;
	font-size: 14px;
}
#mail form{
	margin: 0 0 100px;
}
#mail table{
	width:100%;
	margin: 0 0 50px;
}
#mail table tr th,
#mail table tr td{
	vertical-align: middle;
}
#mail table thead tr th::before{
	content: "※";
}
#mail table thead tr th{
	height: 45px;
	background: #5b8f5b;
	text-align: left;
	padding: 0 0 0 25px;
	color: #fff;
	font-size: 14px;
}
#mail table tbody::before{
	content: "";
	display: block;
	background: #fff;
	width:100%;
	height: 5px;
}
#mail table tbody tr th{
	width:26%;
	background: #ededed;
	border:1px solid #003300;
	text-align: left;
	padding: 0 0 0 5%;
}
#mail table tbody tr td{
	border:1px solid #003300;
}
#mail table tbody tr:not(.textarea) td{
	padding: 20px 0 20px 30px;
}
#mail table tbody .textarea td{
	padding: 25px 0 25px 30px;
}
#mail table tbody .genre td ul li{
	margin: 0 0 5px;
}
#mail table tbody .genre td ul li:last-of-type{
	margin: 0;
}
#mail table tbody .genre td ul li input{
	margin: 0 10px 0 0;
}
#mail table tbody .title td p{
	margin: 0 0 8px;
}
#mail table tbody .title td input{
	width:640px;
	height:40px;
	padding:0 10px;
}
#mail table tbody .textarea td textarea{
	width: 640px;
	height: 245px;
	resize: none;
	padding: 10px;
	line-height: 1.6;
}
#mail .btn{
	width: 240px;
	height: 50px;
	background: #d98523;
	margin: 0 auto;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
#mail .btn input{
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
/*** 確認画面 ***/
#mail .confirm .read{
	font-size: 22px;
	text-align: center;
	margin:90px 0 30px;
}
#mail .confirm table tr td p{
	margin: 0;
}
#mail .confirm table tbody tr:not(.textarea) td {
	padding: 20px 30px;
}
#mail .confirm table tbody .textarea td {
	padding: 25px 30px;
}
#mail .confirm .btn_btn{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
#mail .confirm .btn_btn .btn{
	margin: 0;
}
#mail .confirm .btn_btn .btn2{
	background: #a1a1a1;
	margin: 0 0 0 45px;
}
#mail .captcha {
	text-align: center;
	margin-bottom: 35px;
}

#mail .captcha .g-recaptcha {
	display: inline-block;
}

#mail #captcha-error {
	display: none;
}

	/*** thanks画面 ***/
#mail .thanks{
	text-align: center;
	margin: 100px 0 220px;
}
#mail .thanks .img{
	margin: 0 0 40px;
}
#mail .thanks .read{
	line-height: 1.8;
	margin: 0 0 60px;
}
#mail .thanks .btn{
	display:flex;
	width: 235px;
	height: 45px;
	color: #fff;
	background: #717171;
	text-decoration: none;
	font-size: 18px;
	margin: 0 auto;
}
#mail .error-text {
	color: red;
	font-size: 12px;
}
#mail .has-error {
	border: red 1px solid;
}

#mail .contact .banner{
	width:650px;
	height: 165px;
	margin: 10px auto;
	border:7px solid #cacaca;
	border-radius: 10px;
	background: #ffffff;
}
#mail .contact .banner dt{
	background: #ddd;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#mail .contact .banner dd address{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-around;
	padding: 15px 25px 0;
}
#mail .contact .banner dd address p strong{
	font-size: 23px;
	font-weight: bold;
}
#mail .contact .banner dd address p a::before{
	content: "";
	display: inline-block;
	width:33px;
	height: 23px;
	background: url(/images/user/repair/icon_tel.png) no-repeat top 0 left 0;
	background-size: contain;
	margin: 0 10px 0 0;
}
#mail .contact .banner dd address p a{
	font-size: 30px;
	font-weight: bold;
	color: #ef0000;
	pointer-events: none;
	text-decoration: none;
}
#mail .contact .banner dd address .time{
	font-size: 13px;
	margin: 3px 0 0;
}

#mail .contact-alert .detail {
	border: solid 1px #000000;
	padding: 12px;
	margin-bottom: 15px;
}

#mail .description-alert {
	color: #E70005;
}

#mail .contact-alert strong {
	font-weight: bold;
}
/*=======================================================
アフターサービス 故障修理のご依頼方法
=======================================================*/
#repair .att::before{
	content: "※";
	position: absolute;
	top:0;
	left: 0;
}
#repair .att{
	font-size: 13px;
	position: relative;
	padding: 0 0 0 15px;
}
/*** 故障修理のご依頼方法 ***/
#repair h2 {
	background: url(/images/user/h2_bg_long.png) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	padding: 0 0 0 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 45px;
	margin: 0 0 30px;
	border-bottom: 2px solid #003300;
}
/* #repair .request p.read{
	font-size: 14px;
	margin: 0 0 30px;
} */
#repair .request span{
	font-weight: bold;
}
#repair .request .red{
	color: #ef0000;
}
#repair .request p.read .blue{
	color: #005aca;
}
#repair .request .box{
	flex-wrap: wrap;
}
#repair .request .box dl{
	width:420px;
	height: 145px;
	margin: 0 0 30px;
	padding: 22px 40px 0;
	background: #f3f0e1;
}
#repair .request .box  dl:first-of-type{
	margin: 0 30px 30px 0;
}
#repair .request .box dl dt{
	width:100%;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px;
}
#repair .request .box dl dd a{
    text-decoration: none;
}
#repair .request .box dl dd a p{
	display: flex;
	align-items: center;
	width:300px;
	height: 60px;
	border: 1px solid #9b9b9b;
	background:linear-gradient(#f3f3f3 30%,#cacaca);
	margin: 0 0 8px;
}
#repair .request .box dl dd a p img{
	padding: 0 0 4px 0;
	height: 65px;
}
#repair .request .box dl dd a p span{
	font-size: 14px;
	vertical-align: middle;
	color: black;
	text-decoration: none;
}
#repair .request .box dl dd address{
	font-size: 14px;
	line-height: 1.7;
}
#repair .request .box dl dd address a{
	color: #000;
	font-weight: normal;
	pointer-events: none;
	text-decoration: none;
}
#repair .request .att_list{
	margin: 0 0 35px;
}
#repair .request .att_list li{
	margin: 0 0 5px;
	line-height: 1.7;
}
#repair .request .att_list li li::before{
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}
#repair .request .att_list li li{
	position: relative;
	font-size: 13px;
	margin: 0 0 5px 15px;
	padding: 0 0 0 15px;
}

#repair .request .att_list ol li{
	position: relative;
	font-size: 13px;
	margin: 0 0 5px 15px;
	padding: 0 0 0 15px;
	list-style-type: none;
	counter-increment: cnt;
}

#repair .request .att_list ol li::before{
	content: "(" counter(cnt) ")";
	position: absolute;
	top: 0;
	left: -4px;
}
/*** Nゲージ車両の修理価格の目安 ***/
#repair .price .pdf{
	margin: 0 0 40px;
}
#repair .price table{
	width:100%;
	margin: 0 0 40px;
}
#repair .price table tr th,
#repair .price table tr td{
	text-align: left;
}
#repair .price table thead tr th p{
	margin: 0 0 10px;
}
#repair .price table tbody tr{
	border-top: 1px solid #adadad;
}
#repair .price table tbody tr:last-of-type{
	border-bottom: 1px solid #adadad;
}
#repair .price table tbody tr th{
	width:87%;
}
#repair .price table tbody tr th,
#repair .price table tbody tr td{
	height: 49px;
	vertical-align: middle;
}
#repair .price table tbody tr th p::before{
	content: "・";
	position: absolute;
	top:0;
	left: 0;
	display: block;
}
#repair .price table tbody tr th p{
	position: relative;
	margin: 0 0 0 20px;
	padding: 0 15px;
}
#repair .price table tfoot tr th p{
	margin: 20px 0 0;
}
/* クレジット決済をご希望の方 */
#repair .price h3{
	width:305px;
	height: 45px;
	background: #003300;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 15px;
}
#repair .price .read{
	font-size: 14px;
	line-height: 1.8;
	margin: 0 0 60px;
}
/*** お問い合わせ ***/
#repair .contact .banner{
	width:650px;
	height: 165px;
	margin: 0 auto;
	border:7px solid #cacaca;
	border-radius: 10px;
}
#repair .contact .banner dt{
	background: #ddd;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#repair .contact .banner dd address{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-around;
	padding: 15px 25px 0;
}
#repair .contact .banner dd address p strong{
	font-size: 23px;
	font-weight: bold;
}
#repair .contact .banner dd address p a::before{
	content: "";
	display: inline-block;
	width:33px;
	height: 23px;
	background: url(/images/user/repair/icon_tel.png) no-repeat top 0 left 0;
	background-size: contain;
	margin: 0 10px 0 0;
}
#repair .contact .banner dd address p a{
	font-size: 30px;
	font-weight: bold;
	color: #ef0000;
	pointer-events: none;
	text-decoration: none;
}
#repair .contact .banner dd address .time{
	font-size: 13px;
	margin: 3px 0 0;
}
/*=======================================================
KATO登録販売店加入のご案内
=======================================================*/
#shop_apply section h2{
	background: url(/images/user/h2_bg_long.png) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	margin: 0 0 30px;
	padding: 0 0 0 2%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 45px;
	border-bottom: 2px solid #003300;
}
#shop_apply .guidance p{
	line-height: 1.8;
}
#shop_apply .guidance h2 + p{
	font-size: 14px;
	margin: 0 0 30px;
}
#shop_apply .guidance .att::before{
	content: "※";
	position: absolute;
	top:0;
	left: 0;
}
#shop_apply .guidance .att{
	position: relative;
	padding: 0 0 0 18px;
}
#shop_apply .guidance h2 + p + p.att{
	font-size: 14px;
	margin: 0 0 25px;
	padding: 0 0 0 18px;
}
#shop_apply .guidance h3::before{
	content: "";
	display: block;
	width:11px;
	height: 11px;
	border-radius: 11px;
	background: #ef0000;
	position: absolute;
	top:6px;
	left: 0;
}
#shop_apply .guidance h3{
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0 0 0 16px;
	position: relative;
	color: #003300;
}
#shop_apply .guidance ol{
	margin: 0 0 30px;
}
#shop_apply .guidance ol li::before{
	display: block;
	position: absolute;
	top:0;
	left: 0;
}
#shop_apply .guidance ol li:first-of-type::before{
	content: "1.";
}
#shop_apply .guidance ol li:nth-of-type(2)::before{
	content: "2.";
}
#shop_apply .guidance ol li:nth-of-type(3)::before{
	content: "3.";
}
#shop_apply .guidance ol li{
	position: relative;
	margin: 0 0 5px;
	padding: 0 0 0 17px;
	font-size: 14px;
}
#shop_apply .guidance .box{
	width:885px;
	margin: 0 0 40px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#shop_apply .guidance .box p{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width:420px;
	height:150px;
	background: #f3f0e1;
	padding: 15px 0 10px;
	font-size: 18px;
	font-weight: bold;
}
#shop_apply .guidance .box p a::before{
	content: "";
	display: block;
	background: url(/images/user/shop_apply/icon_pdf.png) center no-repeat;
	background-size: 44px 45px;
	width:44px;
	height: 45px;
	margin: 0 15px 0 0;
}
#shop_apply .guidance .box p a{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
	width: 354px;
	height: 60px;
	margin: 0 0 3px;
	padding: 3px 0 0;
	border:1px solid #9b9b9b;
	background: linear-gradient(#f3f3f3,#cacaca);
	font-size: 15px;
	line-height: 1.5;
	color: #000;
	text-decoration: none;
}
#shop_apply .guidance .box p a:hover{
	opacity: 0.8;
}
.breadcrumbs ul {
	max-width: 1020px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.breadcrumbs ul li {
	font-size: 12px;
	margin: 0 0 5px;
}
.breadcrumbs ul li span {
	padding: 0 7px;
}
.breadcrumbs ul li a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
.breadcrumbs ul li a:hover {
	color: #ef0000;
}

/*=====================================================================================
スマホ用スタイル
=====================================================================================*/
@media screen and (max-width: 1020px){
	.breadcrumbs {
		padding: 10px 1% 2px;
	}
	.page {
		margin: 20px 1%!important;
	}
	#stock_search .result .about {
		display: block;
	}
	#shop_search h2 {
		font-size: calc(90% + 0.5vw);
	}
	#poster .plan > h2,
	#schedule h2,
	#news section h2,
	#company section h2,
	#partners section h2,
	#event section h2,
	#mail h2,
	#repair section h2,
	#shop_apply h2{
		font-size: 19px;
	}
	#mail h2 + p {
		margin: 20px 0 15px;
	}
	#mail table thead tr th{
		padding: 0 0 0 15px;
	}
	#mail table tbody tr th,
	#mail table tbody tr td{
		display: block;
		width:100%;
		border-bottom: none;
	}
	#mail table tbody tr:last-of-type td{
		border-bottom: 1px solid #003300;
	}
	#mail table tbody tr th{
		height: 40px;
		display: flex;
		align-items: center;
		padding: 0 0 0 15px;
	}
	#mail table tbody .genre td ul li{
		margin: 0 0 10px;
	}
	#mail table tbody tr:not(.textarea) td {
		padding: 20px 25px;
	}
	#mail table tbody .textarea td {
		padding: 25px;
	}
	#mail table tbody .title td input,
	#mail table tbody .textarea td textarea{
		width:100%;
	}
	#mail .btn_btn{
		margin: 0 auto 100px;
	}
	#repair .request .box{
		display: block;
	}
	#repair .request .box dl{
		margin: 0 auto 30px!important;
	}
	#repair .price h3{
		font-size: 17px;
	}
	#shop_apply .guidance .box{
		width:100%;
		justify-content: center;
	}
	#shop_apply .guidance .box p{
		margin:10px;
	}
	#recruit section > div + p + .att{
		/*募集が1つのとき
		margin: 0 0 30px;
		*/
	}
	#recruit .info{
		/*項目2～3つ用
		padding: 90px 0 0;
		*/
		/* 項目4つ用
		padding: 175px 0 0;
		*/
		/* 項目5つ用
		padding: 140px 0 0;
		*/
	}
	#recruit .info li label span::before{
		/* 項目2～4つ用 
		top:52px; */
		/* 項目5つ用
		top: 45px;
		*/
	}
	#recruit .info table{
		width: 100%;
	}
	#recruit .info table td{
		width: 603px;
	}
	#recruit .info li label{
		/* 項目2つ用
		width: 49%;
		 */
		/* 項目3つ用
		width: 33%;*/
		/* 項目2～4つ用
		height: 65px;
		font-size: 17px;
		 */
		/* 項目4つ用
		width: 49%;
	 	*/
		/* 項目5つ用
		width: 32.5%;
		height: 55px;
		*/
	}
	/*項目2つ用
	#recruit .info #btn02 + label{
		right: 0;
		left: auto;
	}
	 */
	/*項目4つ用
	#recruit .info #btn01 + label{
		top:0;
	}
	#recruit .info #btn02 + label{
		right: 0;
		left: auto;
		top:0;
	}
	#recruit .info #btn03 + label{
		left: 0;
		top:80px;
	}
	#recruit .info #btn04 + label{
		top:80px;
	}
	*/
	/* 項目5つ用
	#recruit .info #btn02 + label,
	#recruit .info #btn05 + label{
		right: 0;
		left: 0;
		margin: 0 auto;
	}
	#recruit .info #btn03 + label{
		right: 0;
	}
	#recruit .info #btn04 + label{
		top: 65px;
		left: 0;
	}
	#recruit .info #btn05 + label{
		top: 65px;
	}
	*/
	#recruit .info #btn02 ~ table td br.pc,
	#recruit .info #btn03 ~ table br.pc{
		display: none;
	}
	#jobfair .info h2{
		width: 100%;
		background: url(/images/user/jobfair_h2.png) bottom center/ 725px 125px no-repeat;
	}
	#jobfair .info h2 span{
		padding: 54px 0 0 299px;
	}
	#jobfair .info .txt,
	#jobfair .info .jobFair,
	#jobfair .info .entry,
	#jobfair .info .entry dl.mail{
		width: 100%;
	}
	#jobfair .info .txt br.pc{
		display: block;
	}
	#jobfair .info .jobFair th{
		width: 20%;
	}
	#jobfair .info .jobFair td{
		width: 80%;
	}
	#jobfair .info .entry dl.mail{
		display: block;
	}
	#jobfair .info .entry dl.mail dd:first-of-type{
		margin: 0 0 5px;
	}
}

/*=====================================================================================
スマホ用スタイル
=====================================================================================*/
@media screen and (max-width: 768px){
	.slick-arrow {
		display: none!important;
	}
	#item_detail h2 {
		margin: 0 0 5px;
	}
	#item_detail h2 + p.date {
		margin: 5px 0 20px;
		text-align: right;
		color: #fff;
		font-size: 13px;
		background: #a3a3a3;
		border-radius: 5px;
		padding: 5px 10px 3px;
		display: inline-block;
		float: right;
		font-weight: bold;
	}
	#item_detail table tr.title {
		display: none;
	}
	#item_detail table tr {
		display: block;
	}
	#item_detail.noindex table tr{
		padding: 5px 0;
	}
	#item_detail table td {
		display: block;
		border: none;
		padding: 3px 10px 1px!important;
	}
	#item_detail.noindex table td{
		padding: 0 10px!important;
	}
	#item_detail table td span.sp {
		display: inline-block;
		margin: 0;
	}
	#item_detail table td span.pc_none {
		display: none;
	}
	#item_detail table td:nth-of-type(1) {
		text-align: left;
	}
	#item_detail table td:nth-of-type(2) {
		padding: 10px;
		display: none;
	}
	#item_detail table td:nth-of-type(3),
	#item_detail.noindex table td:nth-of-type(2){
		display: none;
	}
	#item_detail.noindex table td:nth-of-type(3){
		display: block;
	}
	/*20190517*/
	#item_detail table td:nth-of-type(4),
	#item_detail.noindex table td:nth-of-type(3){
		text-align: left;
		display: flex;
		justify-content: space-between;
	}
	#item_detail table td:nth-of-type(4) div.sp,
	#item_detail.noindex table td:nth-of-type(3) div.sp {
		display: block;
	}
	#item_detail table td:nth-of-type(4) a,
	#item_detail.noindex table td:nth-of-type(3) a {
		margin: 0 5px;
		text-decoration: none;
		color: #c31a1a;
		font-size: 13px;
	}
	/*#item_detail table td:nth-of-type(4):before,
	#item_detail.noindex table td:nth-of-type(3):before{
		content: "本体価格：";
		color: #559355;
		font-weight: bold;
	}*/
	#item_detail table td span.release {
		margin: 0 35px 0 0;
	}

	#item_detail .relation-products li {
		max-width: 160px;
		margin-top: 10px !important;
	}

	#item_detail table td span.number {
		margin: 0 10px 0 0;
	}

	#schedule h2 {
		background: url(/images/user/h2_bg_sp.png) no-repeat;
		background-size: contain;
		height: initial;
	}
	#schedule table {
		width: 100%;
	}
	#schedule table th {
		padding: 5px;
		border: none;
	}
	#schedule table tr.title {
		display: none;
	}
	#schedule table tr th.month_title2 {
		display: none;
	}/*20190108*/
	#schedule table td {
		display: flex;
		height: auto;
		padding: 1px 10px 1px!important;
		text-align: left!important;
		border: none;
		flex-wrap: wrap;
	}
	#schedule table td a {
		/*display: flex;
		flex-wrap: wrap;*/
		text-decoration: none;
		margin: 0 10px 0 0;
	}/*20190517*/
	#schedule table td a > span:first-of-type {
		margin: 0 10px 0 0;
	}
	#schedule table td span.sp {
		display: block;
	}
	#schedule table td:first-of-type,
	#schedule table td.jan,
	#schedule table td.date,
	#schedule table td.assy {
		width: 100%;
	}
	#schedule table td.date:before {
		content: "発売日：";
		color: #559355;
		font-weight: bold;
		margin: 0 5px 0 0;
	}
	#schedule table td.name,
	#schedule table td.price,
	#schedule table td.jan,
	#schedule table td.date2,
	#schedule table td.assy {
		display: none;
	}
	#schedule table td span.new {
		padding: 2px 5px 0;
		font-size: 9px;
	}
	#schedule .jan_code {
		display: none;
	}
	#schedule .att {
		display: none;
	}
	#schedule table td .number_pc {
		display: none;
	}/*20190307*/
	#schedule table td.date {
		display: none;
	}
	#schedule table td div.sp {
		display: flex;
		align-items: flex-start;
		padding: 5px 0 0;
		width: 100%;
	}/*20190517*/
	#schedule table td .sp .date{
		margin: 0 10px 0 0;
		width: 65px;
		flex-shrink: 0;
	}/*20190307*/
	#schedule table td .sp .number {
		margin: 0 10px 0 0;
	}
	#schedule table td .sp .price {
		margin: 0 0 0 10px;
		display: none;
	}
	#schedule table td .sp ul {
		max-width: 650px;
		width: 100%;
	}/*20190307*/
	#schedule table td div.sp ul li a.assy {
		color: #c31a1a;
		font-weight: bold;
		margin: 0;
	}/*20190517*/

	#schedule table td .sp ul li span.name {
		text-decoration: underline;
	}/*20190307*/

	#product_search input[type="search"]{
		width: 75%;
		margin: 0 5px 0 0;
	}
	#product_search input[type="submit"]{
		width:20%;
	}
	#stock_search .result .list thead,
	#stock_search .result .list tr .assy,
	#stock_search .result .list tr .jan{
		display: none;
	}
	#stock_search .result .list tbody tr{
		border:0;
	}
	#stock_search .result .list tbody tr td{
		display:block;
		width: 100%!important;
		padding: 1px 10px 1px!important;
		border-right: none;
		text-align: left;
		display: flex;
		flex-wrap: wrap;
	}
	#stock_search .result .list tbody tr td a {
		display: flex;
		flex-wrap: wrap;
		margin: 0 10px 0 0;
	}
	#stock_search .result .list tbody tr td a > span:first-of-type {
		margin: 0 10px 0 0;
	}
	#stock_search .result .list tbody tr td:last-of-type{
		border: 2px solid #fff;
	}
	#stock_search .result .list tbody tr td::before,
	#stock_search .result .list tr .month .month_sp{
		color: #559355;
		font-weight: bold;
		margin: 0 5px 0 0;
	}
	#stock_search .result .list tbody tr td .sp {
		display: block;
	}
	#stock_search .result .list tbody tr .number {
		padding: 5px 10px 0!important;
	}/*20190307*/
	#stock_search .result .list tbody tr .name{
		padding:10px 0;
	}
	#stock_search .result .list tr .stock::before{
		content: "在庫：";
	}
	#stock_search .result .list tr .month .month_sp{
		display: inline-block;
	}
	#stock_search .result .list tr .month .month_sp::after{
		content: "：";
	}
	#stock_search .result .list tr .quantity::before{
		content: "入数：";
	}
	#stock_search .result .list tbody tr td.month,
	#stock_search .result .list tbody tr td.name,
	#stock_search .result .list tbody tr td.price {
		display: none;
	}
	#stock_search .result .list tbody tr td:last-of-type {
		display: none;
	}

	#stock_search .result .list tbody tr .stock span.stocks {
		display: none;
	}
	#stock_search .result .list tbody tr .stock span.note,
	#stock_search .result .list tbody tr .stock span.sp-stocks {
		display: block;
	}
	#stock_search .result .list tbody tr .stock span.sp-stocks {
		display: inline-block;
		width: 30px;
	}
	#stock_search .result .list tr .stock span.note::before {
		content: "備考：";
		font-weight: bold;
		color: #559355;
	}/*20190307*/
	#stock_search .att {
		display: none;
	}
	#shop_search {
		display: block;
	}
	#shop_search .search,
	#shop_search section {
		width: 100%;
		margin: 0 0 30px;
	}
	#shop_search h2 {
		font-size: 22px;
		text-align: center;
	}
	#shop_search .search ul {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	#shop_search .search ul li {
		margin: 0 0.5% 5px;
	}
	#poster .plan > h2,
	#schedule h2,
	#news section h2,
	#company section h2,
	#partners section h2,
	#event section h2,
	#repair section h2{
		background: url(/images/user/h2_bg_sp.png) no-repeat;
		background-size: contain;
		height: initial;
		font-size: 17px;
	}
	#stock_search > section > h2{
		font-size: 17px;
	}
	#mail h2{
		background: url(/images/user/h2_bg_sp.png) no-repeat;
		background-size: contain;
		height: initial;
		font-size: 17px;
		padding: 2px 0 0 3%;
	}
	#mail .thanks {
		margin: 100px 0 120px;
	}

	#repair .price h3{
		font-size: 15px;
	}
	#repair .request .box dl dd address a,
	#repair .contact .banner dd address p a, #mail .contact .banner dd address p a{
		pointer-events: auto;
	}
	#shop_apply section h2{
		background: url(/images/user/h2_bg_long_sp.png) no-repeat;
		background-size: contain;
		height: initial;
		font-size: 17px;
		margin: 0 0 20px;
		padding: 2px 0 0 3%;
	}
	#shop_apply .guidance h2 + p,
	#shop_apply .guidance ol{
		margin: 0 0 20px;
	}
	#shop_apply .guidance .box p{
		width:100%;
		max-width: 420px;
		padding: 15px 3%;
		font-size: 15px;
		align-items: center;
	}
	#shop_apply .guidance .box p:first-of-type{
		height: 118px;
	}
	#shop_apply .guidance .box p a{
		width:100%;
		max-width: 354px;
		font-size: 13px;
	}
	#shop_apply .guidance .box p:nth-of-type(2) a{
		padding: 3px 20px 0 0;
	}
	#shop_apply .guidance .box p a br:not(.pc){
		display: inline;
	}
	#shop_apply .guidance .box p span.att{
		padding: 0 0 0 14px;
	}
	#shop_apply .guidance h3{
		margin: 0 0 5px;
	}
	#shop_apply .guidance address a{
		pointer-events:auto;
	}
	#jobfair .info h2{
		height: auto;
		margin: 0 auto 30px;
		background: none;
	}
	#jobfair .info h2 img{
		display: block;
	}
	#jobfair .info h2 span{
		padding: 0;
		height: 0;
		width: 0;
		opacity: 0;
	}
	#jobfair .info .txt h3 {
		font-size: 21px;
	}
	#jobfair .info .txt h3::before {
		left: 50px;
	}
	#jobfair .info .txt h3::after {
		right: 50px;
	}
	#jobfair .info .txt p{
		font-size: 16px;
		margin: 0 0 20px;
	}
	#jobfair .info .jobFair{
		font-size: 15px;
	}
	#jobfair .info .jobFair th{
		padding: 0 0 0 15px;
	}
	#jobfair .info .jobFair td{
		padding: 10px 0 10px 15px;
	}
	#jobfair .info .entry{
		width: 100%;
		font-size: 15px;
	}
}
@media screen and (max-width: 668px){
	#item_detail ul.relation {
		margin: 0 0 40px 0;
	}
	#item_detail ul.relation li {
		margin: 0 6px 15px;
		max-height: 205px;
		height: auto;
	}
	#item_detail ul.note li {
		text-indent: -1.3em;
		padding-left: 1.3em;
	}
	#product_search input[type="submit"]{
		font-size: calc(90% + 0.5vw);
	}
	#status_search .search_result .list > .item_list > li .label .info{
		font-size: 12px;
	}
	#status_search .search_result .list #ship_date{
		margin: -100px 0 5px;
		padding: 100px 0 0;
	}
	#stock_search .category ol{
		float: none;
		width:100%;
	}
	#stock_search .result .about .mark {
		width: 100%;
	}
	#stock_search .result .list tfoot tr td::before{
		position: absolute;
		display: block;
		top:5px;
		left: 10px;
	}
	#stock_search .result .list tfoot tr td{
		position: relative;
		padding: 5px 0 5px 25px;
		text-align: left;
	}
	#stock_search > section > h2{
		font-size: 17px;
	}
	#poster .plan .store + p .pc_br{
		display: none;
	}
	#poster .plan .poster_list > li{
		flex-wrap: wrap;
		flex-direction: column-reverse;
		padding: 0 2%;
	}
	#poster .plan .poster_list li > p{
		width: 100%;
		height: auto;
		margin: 0 0 10px;
	}
	#poster .plan .poster_list li > div{
		margin: 0 auto;
		padding: 0 5px;
		display: block;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#poster .plan .poster_list li > div h3{
		width:100%;
		margin: 0 0 12px;
	}
	#poster .plan .poster_list li > div p{
		width:55%;
		margin: 0 auto 15px;
	}
	#poster .plan .poster_list li > div p a{
		width:100%;
		padding: 0 0 0 5px;
	}
	#poster .plan .poster_list li div p:last-of-type a img{
		width:95%;
	}
	#shop_search section table th {
		display: none;
	}
	#shop_search section table td {
		padding: 0 5px 0 20px;
		width: 100%;
		display: flex;
		text-align: left;
		align-items: center;
		border: none;
	}
	#shop_search section table td:first-of-type:before {
		content: "店名：";
		color: #559355;
		font-weight: bold;
		margin: 0 5px 0 0;
		width: 50px;
	}
	#shop_search section table td:nth-of-type(2):before {
		content: "住所：";
		color: #559355;
		font-weight: bold;
		margin: 0 5px 0 0;
		width: 50px;
	}
	#shop_search section table td:nth-of-type(3):before {
		content: "TEL：";
		color: #559355;
		font-weight: bold;
		margin: 0 5px 0 0;
		width: 50px;
	}
	#shop_search section table td:nth-of-type(4):before {
		content: "WEB：";
		color: #559355;
		font-weight: bold;
		margin: 0 5px 0 0;
		width: 50px;
	}
	#error section h2 {
		margin: 0 auto 60px;
		width: 90%;
	}
	#error section h2 + p{
		font-size: 16px;
		margin: 0 0 40px;
	}
	#error section .btn{
		font-size: 17px;
	}
	#error section .btn::after{
		margin: 0 0 0 25px;
	}
	#company section .wrap {
		flex-flow: column;
	}
	#company section ul {
		display: block;
	}
	#company section ul li {
		width: 100%;
		text-align: center;
		margin: 0 0 20px;
	}
	#company section table th, #company section table td {
		display: block;
	}
	#company section table th {
		font-weight: bold;
	}
	#company section table + div {
		display: block;
	}
	#company section table + div div {
		width: 100%;
		margin: 0 0 30px;
	}
	#company section table + div dl {
		padding: 12px 16px;
		max-width: 100%;
		margin: 0;
	}
	#company section table + div figure {
		width: 100%;
		padding: 0 20px;
	}

	#recruit section h2,
	#recruit section h2 span {
		text-indent: -9999px;
	}
	#recruit section h2 {
		content: url(/images/user/recruit/recruit_h2_sp.png);
		background: none;
		padding: 0;
		width: 100%;
		height: auto;
	}
	#recruit section > div {
		border-bottom: 3px solid #483934;
	}
	/* 会社説明会開催表示時
	#recruit section > div + p {
    		margin: 0 0 160px;
	}
	*/
	#recruit .jobBtn {
		width: 314px;
		height: 108px;
		top: 140px;
	}
	#recruit section > div + p + .att {
		font-size: 15px;
		line-height: 1.5;
		/*margin: 0 0 300px;募集無しの時*/
	}
	#recruit section > div + p + .att .sp,
	#recruit .info li label span br{
		display: block;
	}
	#recruit .info table th,
	#recruit .info table td {
		display: block;
		width: 100%;
	}
	#recruit .info table th {
		font-weight: bold;
	}
	/* 項目4つ用
	#recruit .info {
		padding: 155px 0 0;
	}
	 */
	/* 項目5つ用
	#recruit .info {
		padding: 130px 0 0;
	}
	 */
	#recruit .info li label{
		font-size: 14px;
		text-align: center;
		line-height: 1.2;
		padding: 0 0 10px;
	}
	/* 項目4つ用
	#recruit .info #btn03 + label,
	#recruit .info #btn04 + label{
		top: 70px;
	}
	*/
	/* 項目5つ用
	#recruit .info #btn04 + label,
	#recruit .info #btn05 + label{
		top: 60px;
	}
	 */
	#jobfair br.sp{
		display: block;
	}
	#jobfair .info .txt{
		padding: 35px 2% 25px;
	}
	#jobfair .info .txt h3 {
		font-size: 19px;
		line-height: 25px;
	}
	#jobfair .info .txt h3::before,
	#jobfair .info .txt h3::after{
		width: 40px;
		top: -40px;
	}
	#jobfair .info .txt h3::before {
		left: 10px;
	}
	#jobfair .info .txt h3::after {
		right: 10px;
	}
	#jobfair .info .txt p{
		padding: 0 3px;
	}
	#jobfair .info .txt br.pc{
		display: none;
	}
	#jobfair .info .entry dl.mail dt,
	#jobfair .info .entry dl.mail dd{
		width: 100%;
	}
	#jobfair .info .entry dl.mail dt::after{
		display: none;
	}
	#news section ul li {
		display: block;
		padding: 27px 25px;
	}
	#news section ul li span {
		margin: 0 0 8px;
		display: block;
	}
	#mail h2{
		font-size: 16px;
	}
	#mail table {
		margin: 0 0 30px;
	}
	#mail .confirm .read {
		margin: 40px 0 20px;
	}
	#mail .confirm .btn_btn{
		display: block;
		margin: 0 0 100px;
	}
	#mail .confirm .btn_btn .btn{
		margin: 0 auto 20px;
	}
	#mail .contact .banner{
		width: 100%;
		height: auto;
		line-height: 1.5;
	}
	#mail .detail li {
		font-size: 14px;
	}
	#repair .price table tbody tr th{
		width: 75%;
	}
	#repair .price table tbody tr th p{
		margin: 0;
	}
	#repair .price .read {
		margin: 0 0 30px;
	}
	#repair .contact .banner{
		width: 100%;
		height: auto;
		line-height: 1.5;
		margin: 0 0 120px;
	}
	#repair .contact .banner dt, #mail .contact .banner dt{
		text-align: center;
		height: 60px;
	}
	#repair .contact .banner dt .sp, #mail .contact .banner dt .sp{
		display: inline;
	}
	#repair .contact .banner dd address .time, #mail .contact .banner dd address .time{
		margin: 0 0 15px;
	}
}
@media screen and (max-width: 560px){
	#recruit .jobBtn {
		top: 130px;
	}
}
@media screen and (max-width: 414px){
	#item_detail table td span.sp {
		margin: 0;
	}
	#error section h2 {
		margin: 0 auto 40px;
		width: 95%;
	}
	#error section h2 + p{
		font-size: 15px;
		margin: 0 0 30px;
	}
	#error section .btn{
		font-size: 16px;
	}
	#error section .btn::after{
		margin: 0 0 0 35px;
	}
	#poster .plan > h2,
	#schedule h2,
	#stock_search > section > h2,
	#news section h2,
	#company section h2,
	#partners section h2,
	#event section h2,
	#repair section h2,
	#shop_apply section h2{
		font-size: 16px;
	}
	#mail .thanks .pc_t{
		display: none;
	}
	#mail .thanks .sp{
		display: inline;
	}
	#repair .request .box dl{
		width:100%;
		height: auto;
		padding: 20px 0;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	#repair .request .box dl dt,
	#repair .request .box dl dd{
		width:90%;
	}
	#repair .request .box dl dd a p {
		width: 100%;
	}
	#repair .contact .banner dt, #mail .contact .banner dt{
		font-size: 13px;
	}
	#repair .contact .banner dd address, #mail .contact .banner dd address {
		padding: 15px 10px 0;
	}
	#repair .contact .banner dd address p strong, #mail .contact .banner dd address p strong{
		font-size: 20px;
	}
	#repair .contact .banner dd address p a::before, #mail .contact .banner dd address p a::before{
		width:26px;
		height: 18px;
	}
	#repair .contact .banner dd address p a, #mail .contact .banner dd address p a {
		font-size: 28px;
	}
	#repair .contact .banner dd address .time, #mail .contact .banner dd address .time{
		text-align: center;
	}
	#recruit .jobBtn {
		top: 100px;
	}
}

@media screen and (min-width: 1020px){
	#shop_search .shop_name {
		width: 202px;
		text-align: left;
	}

	#shop_search .shop_address {
		width: 336px;
		text-align: left;
	}
}

/*=====================================================================================
IE用スタイル 20181212追加
=====================================================================================*/
@media all and (-ms-high-contrast: none) {
	#shop_search h2 {
		font-size: 18px;
	}
	#product_search input[type='submit'] {
		font-size: 17px;
	}
	#poster .plan .poster_list li > p img {
		max-width: 417px;
	}

}

/*=====================================================================================
Edge用スタイル 20190228追加
=====================================================================================*/
@supports (-ms-ime-align: auto) {
	#recruit .info ul li{
		list-style-image: url(data:0);
	}

}