@charset "utf-8";

/*========*/
/* トップ */
/*========*/



/*============*/
/* コンテンツ */
/*============*/

/* 背景
-----------------------------------*/
/* 伊藤鉄工のお仕事、特徴 */
.work,
.work-feature {
	background-image: url(/images/work/work_bg01.jpg);
}

/* 製品案内 */
.product,
.product-drawing,
.product-sprinkler {
	background-image: url(/images/product/product_bg01.jpg);
}

.product-alphabet {
	background-image: url(/images/product/alphabet_bg01.jpg);
}

.product-material {
	background-image: url(/images/product/material_bg01.jpg);
}

.product-landscape {
	background-image: url(/images/product/landscape_bg01.jpg);
}

@media screen and (max-width: 767px) {

.product,
.product-drawing,
.product-sprinkler,
.product-alphabet,
.product-material,
.product-landscape {
	background-image: none;
}

}

/* 納入事例 */
.case {
	background-image: url(/images/case/case_bg01.jpg);
}

.case-tree-elegance {
	background-image: url(/images/case/landscape/tree_elegance_bg01.jpg);
}

.case-bollard {
	background-image: url(/images/case/landscape/bollard_bg01.jpg);
}

.case-gate {
	background-image: url(/images/case/landscape/gate_bg01.jpg);
}

.case-fence {
	background-image: url(/images/case/landscape/fence_bg01.jpg);
}

.case-lighting {
	background-image: url(/images/case/landscape/lighting_bg01.jpg);
}

.case-other {
	background-image: url(/images/case/landscape/other_bg01.jpg);
}

.case-disaster-manhole {
	background-image: url(/images/case/material/disaster_manhole_bg01.jpg);
}

/* 会社情報 */
.company {
	background-image: url(/images/company/company_bg01.jpg);
}

.company-history,
.company-overview,
.company-access,
.company-recruit {
	background-image: url(/images/company/company_bg02.jpg);
}

/* 新着情報 */
.news {
	background-image: url(/images/news/news_bg01.jpg);
}

/* オンラインショップ */
.shopping {
	background-image: url(/images/shopping/shopping_bg01.jpg);
}

/* 特定商取引法に基づく表記 */
.shopping-order {
	background-image: url(/images/shopping/shopping_bg02.jpg);
}

/* お問い合わせ・資料請求、カタログ・価格ダウンロード */
.contact,
.catalog {
	background-image: url(/images/contact/contact_bg01.jpg);
}

/* プライバシーポリシー、サイトのご利用について、サイトマップ */
.privacy,
.abouts,
.sitemap {
	background-image: url(/images/privacy/privacy_bg01.jpg);
}


/*==================*/
/* 伊藤鉄工のお仕事 */
/*==================*/
.work .maincolumn > h1 span {
	font-size: 22px;
	line-height: 1.0;
}

.work .catch {
	font-size: 28px;
	font-weight: bold;
}

.work .catch + p {
	margin-top: 20px;
	font-size: 18px;
}

.work .txt01 {
	color: #06C;
}

.work .txt02 {
	color: #090;
}

.work .txt03 {
	color: #F60;
}

@media (max-width: 767px) {
	.work .catch {
		font-size: 20px;
	}

	.work .catch + p {
		font-size: 16px;
	}
}

/* リンク */

.link-wrap {
	overflow-x: auto;

}
.work-link {
	position: relative;
	width: 1000px;
	height: 520px;
	margin-top: 50px;
	background: url(/images/work/work_bg02.jpg) no-repeat 0 0;
}

.work-link a img {
	opacity: 1 !important;
	filter: none !important;
}

.work-link li {
	position: absolute;
}

.work-link .link01 {
	top: 5px;
	left: 138px;
}

.work-link .link02 {
	top: 5px;
	left: 269px;
}

.work-link .link03 {
	top: 5px;
	left: 399px;
}

.work-link .link04 {
	top: 59px;
	left: 558px;
}

.work-link .link05 {
	top: 59px;
	left: 888px;
}

.work-link .link06 {
	top: 167px;
	left: 888px;
}

.work-link .link07 {
	top: 275px;
	left: 888px;
}

.work-link .link08 {
	top: 383px;
	left: 888px;
}

.work-link .link09 {
	top: 383px;
	left: 733px;
}

.work-link .link10 {
	top: 275px;
	left: 604px;
}

.work-link .link11 {
	top: 275px;
	left: 492px;
}

.work-link .link12 {
	top: 412px;
	left: 518px;
}

.work-link .link13 {
	top: 412px;
	left: 325px;
}

.work-link .link14 {
	top: 323px;
	left: 16px;
}

.work-link .link15 {
	top: 205px;
	left: 58px;
}

.work-link .link16 {
	top: 79px;
	left: 28px;
}

.work-link .link17 {
	top: 323px;
	left: 160px;
}


/* 詳細 */
.work-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 30px 2.4%;
}

.work-list li {
	width: 23.2%;
}

.work-list li figure {
	margin-bottom: 15px;
}

.work-list li figure + p {
	margin-bottom: 5px;
	font-weight: bold;
}

.work-list li a {
	display: block;
	text-decoration: none;
}

@media (max-width: 767px) {
	.work-list {
		gap: 16px 4%;
	}

	.work-list li {
		width: 48%;
	}
}


/*================*/
/* 伊藤鉄工の特徴 */
/*================*/

/* ページナビゲーション
-----------------------------------*/
.work-feature .page-navi {
	margin-bottom: 40px;
}

.work-feature .page-navi ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 8px;
}

.work-feature .page-navi ul li {
	width: 180px;
}

.work-feature .page-navi .btn01 a {
	width: 180px;
}

.work-feature .catch {
	font-size: 18px;
}

.work-feature .catch + h2 {
	margin-top: 30px;
}

@media (max-width: 767px) {

	.work-feature .page-navi {
		margin-bottom: 24px;
	}

	.work-feature .page-navi ul li {
		width: 120px;
	}

	.work-feature .page-navi .btn01 a {
		width: 100%;
		font-size: 14px;
	}

	.work-feature .catch {
		font-size: 14px;
	}

	.work-feature .catch + h2 {
		margin-top: 16px;
	}
}

/* 歴史
-----------------------------------*/
.feature-history .history-box {
	padding-bottom: 120px;
	background: url(/images/work/feature_bg01.png) no-repeat center bottom 50px;
}

.feature-history .history-box:last-child {
	padding-bottom: 0;
	background: none;
}

.feature-history .history-box > h3 {
	padding: 13px 24px 13px 24px;
	background: #D0F5FF;
	border: solid 1px #6DADE4;
	font-size: 20px;
	font-weight: bold;
}

.feature-history .history-data {
	overflow: hidden;
	padding: 24px;
	border: solid 1px #CCC;
	border-top: none;
}

.feature-history .history-txt {
	float: left;
	width: 640px;
}

.feature-history .history-img {
	float: right;
	max-width: 280px;
}

.feature-history .viewer {
	overflow: hidden;
	max-width: 280px;
	height: 250px;
}

.feature-history .viewer ul {
	overflow: hidden;
	position: relative;
	max-width: 280px;
	height: 250px;
}

.feature-history .viewer ul li {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	max-width: 280px;
	height: 250px;
}

@media (max-width: 767px) {

	.feature-history .history-box > h3 {
		padding: 8px;
		font-size: 18px;
	}

	.feature-history .history-data {
		padding: 8px;
	}

	.feature-history .history-txt {
		float: none;
		width: 100%;
	}

	.feature-history .history-img {
		float: none;
		margin: 0 auto;
	}

}


/* 歴史以外
-----------------------------------*/
.work-feature .multicolumn > h3 {
	margin-bottom: 20px;
	padding-left: 15px;
	border-left: solid 10px #15B8C8;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}

.work-feature .multicolumn > figure {
	float: right;
	padding-left: 30px;
}

/* 2016.5.19追加▽---------------------------- */
.work-feature .multicolumn > figure p {
	margin: 10px 0;
	text-align: right;
}

.work-feature .multicolumn > figure a {
	padding-left: 12px;
	background:url(/images/common/com_ic01.png) no-repeat 0 6px;
}

/* 2016.5.19追加△---------------------------- */


@media (max-width: 767px) {

	.work-feature .multicolumn > h3 {
		margin-bottom: 16px;
		font-size: 18px;
	}

	.work-feature .multicolumn > figure {
		float: none;
		max-width: 240px;
		margin: 0 auto 24px;
	}


}
/*==========*/
/* 製品案内 */
/*==========*/

/* 製品案内トップ
-----------------------------------*/
.alphabet-btn {
	max-width: 748px;
	margin: 0 auto;
	padding: 10px;
	border: solid 1px #999;
	background: #E5E5E5;
}

.alphabet-btn ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 10px;
	justify-content: center;
}

.alphabet-btn ul li {
	width: 70px;
}

.alphabet-btn ul li:nth-child(n+28) {
	width: 110px;
}

.alphabet-btn ul li:nth-child(-n+9) {
	margin-top: 0;
}

.alphabet-btn ul li:nth-child(9n),
.alphabet-btn ul li:last-child {
	margin-right: 0;
}

.alphabet-btn li a img {
	opacity: 1 !important;
	filter: none !important;
}

.product-txt {
	position: relative;
	float: left;
	width: 64%;
	min-height: 170px;
	padding-bottom: 110px;
}

.product-img {
	float: right;
	width: 34%;
}

.product-txt .catch {
	font-size: 22px;
	font-weight: bold;
}

.product-txt .btn01 {
	display: flex;
	justify-content: space-between;
	margin-top: 24px;
}

.product-txt .btn01 li {
	width: 48%;
}

.product-txt .btn01 a {
	width: 100%;
	padding: 25px 0;
}

.product-txt table {
	width: 100%;
	margin-top: 20px;
	border-top: solid 1px #CCC;
	border-right: solid 1px #CCC;
}

.product-txt table th,
.product-txt table td {
	padding: 5px 10px;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	vertical-align: top;
}

.product-txt table th {
	width: 25%;
	background: #C9F4FA;
	font-weight: bold;
	text-align: left;
}

.product-btn {
	display: flex;
	flex-wrap: wrap;
	gap: 16px 12px;
	margin-top: 20px;
}

.product-btn li {
	width: 240px;
}

.product-btn li a img {
	opacity: 1 !important;
	filter: none !important;
}

@media (max-width: 767px) {
	.alphabet-btn {
		padding: 4px;
	}

	.alphabet-btn ul {
		display: flex;
		gap: 4px 4px;
	}

	.alphabet-btn ul li {
		width: 40px;
	}

	.alphabet-btn ul li:nth-child(n+28) {
		width: 80px;
	}

	.product-txt {
		float: none;
		width: 100%;
		padding-bottom: 0;
	}

	.product-img {
		float: none;
		width: 100%;
		text-align: center;
	}

	.product-txt .catch {
		font-size: 18px;
	}

	.product-txt .btn01 a {
		padding: 16px 0;
		font-size: 14px;
	}

	.product-txt .btn01.win li {
		width: 100%;
	}

	.product-txt table th,
	.product-txt table td {
		padding: 4px;
	}

	.product-btn {
		gap: 8px 4%;
	}

	.product-btn li {
		width: 48%;
	}
}

/* 製品リスト
-----------------------------------*/
/* タブボタン */
.product-tabbtn {
	position: absolute;
	top: 13px;
	right: 30px;
}

.product-tabbtn ul {
	overflow: hidden;
}

.product-tabbtn ul li {
	float: left;
}

.product-tabbtn ul li:first-child {
	margin-right: 15px;
}

.product-tabbtn ul li a {
	box-sizing: border-box;
	display: inline-block;
	width: 150px;
	padding: 5px 0px;
	border: 1px solid #3CC;
	background-color: rgba(255, 255, 255, 0.7);
	color: #333;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
}

.product-tabbtn ul li a:hover,
.product-tabbtn ul li a.active {
	background-color: rgba(51, 204, 204, 1);
	color: #FFF;
}

/* バルブボックス類穴あけ指示書ボタン 2020.5.12 */
.product-otherbtn {
	position: absolute;
	top: 13px;
	right: 360px;
}

.product-otherbtn ul li a {
	box-sizing: border-box;
	display: inline-block;
	width: 260px;
	padding: 5px 0px;
	border: 1px solid #3CC;
	background-color: rgba(255, 255, 255, 0.7);
	color: #333;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
}

.product-otherbtn ul li a:hover,
.product-otherbtn ul li a.active {
	background-color: rgba(51, 204, 204, 1);
	color: #FFF;
}


@media screen and (max-width: 767px) {

.product-tabbtn {
	position: static;
}

.product-tabbtn .fright {
	float: none !important;
}

.product-tabbtn ul li {
	width: 49%;
}

.product-tabbtn ul li:first-child {
	margin-right: 2%;
}

.product-tabbtn ul li a {
	width: 100%;
}

.product-tabbody {
	margin-top: 16px;
}

/* バルブボックス類穴あけ指示書ボタン 2020.5.12 */
.product-otherbtn {
	position: static;
	margin-bottom: 2%;
}

.product-otherbtn ul li {
	width: 49%;
}

.product-otherbtn ul li a {
	width: 100%;
}

}

@media screen and (max-width: 560px) {
.product-otherbtn ul li {
	width: 100%;
}

}

/* 詳細表示 */
.product-item {
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 40px 0;
	margin-top: 56px;
}

.product-item .item-box {
	float: none;
	width: 48%;
}

.product-item .item-box > h3 {
	margin-bottom: 20px;
	padding-left: 15px;
	border-left: solid 10px #15B8C8;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}

.product-item .item-data {
	overflow: hidden;
	display: flex;
	margin-bottom: 15px;
}

.product-item .item-img {
	float: none;
	width: 180px;
	margin-right: 25px;
}

.product-item .item-img figure {
	display: table-cell;
	width: 168px;
	height: 168px;
	padding: 5px;
	border: solid 1px #CCC;
	text-align: center;
	vertical-align: middle;
}

.product-item .item-img figure img {
	max-width: 168px;
	height: auto;
}

.product-item .item-txt {
	float: none;
	width: calc(100% - 205px);
}

.product-item .item-txt a:link,
.product-item .item-txt a:visited {
	color: #3CC;
}

.product-item .item-txt a:hover,
.product-item .item-txt a:active {
	color: #3CC;
	text-decoration: none;
}

.product-item .item-document {
	padding: 10px 0;
	border-top: dotted 1px #CCC;
	border-bottom: solid 1px #CCC;
}

.product-item .item-document ul {
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}

.product-item .item-document ul li {
	width: 47.916%;
}

.product-item .item-document .btn01 div,
.product-item .item-document .btn01 a {
	width: 100%;
}

.product-item .item-document .btn01 div {
	color: #999;
}

@media screen and (max-width: 1048px) {

	.product-item {
		display: block;
		margin-top: 0;
	}

	.product-item .item-box {
		width: 100%;
		margin: 24px 0 0 0;
	}
}

@media screen and (max-width: 767px) {

.product-item .item-box > h3 {
	font-size: 18px;
}

.product-item .item-data {
	display: block;
	height: auto !important;
}

.product-item .item-img {
	width: 100%;
	margin: 0 auto 16px;
}

.product-item .item-txt {
	width: 100%;
}

.product-item .item-document {
	padding: 10px 0 16px;
}

.product-item .item-document ul {
	display: block;
}

.product-item .item-document ul li {
	width: 100%;
}

.product-item .item-document ul li:last-child {
	margin-top: 8px;
}

}

/* 詳細表示（別ウインドウ) */

body.product-detail {
	min-width: 500px;
}

.product-detail .contents {
	width: 500px;
	margin: 0 auto;
	text-align: left;
}

.product-detail .product-item {
	display: block;
	margin-top: 0;
}

.product-detail .product-item .item-box {
	width: 100%;

}

@media screen and (max-width: 767px) {

body.product-detail {
	min-width: 100%;
}

.product-detail .contents {
	width: 100%;
	padding: 16px;
	box-sizing: border-box;
}

}


/* 動画アイコン */
.btn01.mov a[href^="https://youtu"] {
    border: solid 1px #F33;
    background: #F33;
    color: #FFF;
}

.btn01.mov a:hover[href^="https://youtu"] {
    background: #FFF;
    color: #333;
}

.btn01.mov a[href^="https://youtu"] span {
	padding-left: 31px;
}

.btn01.mov a[href^="https://youtu"] span:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 26px;
	height: 22px;
	margin-top: -11px;
	background: url(/images/common/com_ic05.png) no-repeat 0 0;
}

.btn01.mov a:hover[href^="https://youtu"] span:before {
	content: "";
	background: url(/images/common/com_ic05.png) no-repeat 0 -22px;
}

/* 簡易表示 */
.product-list {
	margin-top: 56px;
}

.product-list .item-box {
	overflow: hidden;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: solid 1px #CCC;
}

.product-list .item-box > h3 {
	float: left;
	width: 455px;
	padding-left: 15px;
	border-left: solid 10px #15B8C8;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}

.product-list .item-document li {
	float: left;
	width: 230px;
}

.product-list .item-document li:first-child {
	margin-right: 20px;
}

.product-list .item-document li a {
	box-sizing: border-box;
	display: inline-block;
	width: 230px;
	font-size: 15px;
	text-decoration: none;
}

.product-list .item-document li a:hover,
.product-list .item-document li a:active {
	text-decoration: underline;
}

.product-list .item-document li a span {
	position: relative;
	padding-left: 23px;
}

.product-list .item-document li a span:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 18px;
	height: 22px;
	margin-top: -11px;
	background: url(/images/product/product_ic01.png) no-repeat 0 0;
}

.product-list .item-document li a:hover span:before {
	content: "";
	background: url(/images/product/product_ic01.png) no-repeat 0 -22px;
}

@media screen and (max-width: 767px) {

.product-list {
	margin-top: 0;
}

.product-list .item-box > h3 {
	width: 100%;
	float: none;
	font-size: 18px;
	margin-bottom: 16px;
}
.product-list .item-document li {
	width: 49%;
}

.product-list .item-document li:first-child {
	margin-right: 2%;
}

}


/* 2016.6.29追加▽---------------------------- */

/*===================*/
/* 製品案内 > 施工図 */
/*===================*/

/* ページナビゲーション
-----------------------------------*/
.product-drawing .page-navi {
	margin-bottom: 40px;
}

.product-drawing .page-navi ul {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	gap: 7px .666%;/*6.66/1000*/
	margin: 0 auto;
}

.product-drawing .page-navi ul li {
	width: 24.5%;/*245/1000*/
}

.product-drawing .page-navi .btn01 a {
	display: block;
}

.product-drawing .product-item .item-document ul {
	margin-top: 0;
}

@media screen and (max-width: 1048px) {

	.product-drawing .page-navi ul {
		gap: 7px .925%;/*7/756*/
		max-width: 756px;
	}

	.product-drawing .page-navi ul li {
		width: 32.407%;/*245/756*/
	}
}

@media screen and (max-width: 767px) {

	.product-drawing .maincolumn > h1 {
		font-size: 20px;
	}

	.product-drawing .page-navi ul {
		display: block;
	}

	.product-drawing .page-navi ul li {
		width: 100%;
		margin-bottom: 7px;
	}

	.product-drawing .page-navi ul li:last-child {
		margin-bottom: 0;
	}
}


/* product-item
-----------------------------------*/

.product-drawing .product-item {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 40px 0;
}

.product-drawing .product-item .item-box {
	float: none;
	width: 48%;
	margin: 0;
}

.product-drawing .product-item .item-box:nth-child(-n+2),
.product-drawing .product-item .item-box:nth-child(2n) {
	margin: initial;
}

.product-drawing .item-document ul {
	display: flex;
	flex-wrap: wrap;
	gap: 16px 4.166%;/*20/480*/
	max-width: 480px;
	margin-bottom: 0;
}

.product-drawing .item-document ul li {
	float: none;
	max-width: 230px;
	width: 47.916%;/*230/480*/
	margin: 0;
}

.product-drawing .product-item .item-document .btn01 div,
.product-drawing .product-item .item-document .btn01 a {
	width: 100%;
}

@media screen and (max-width: 1048px) {

	.product-drawing .product-item {
		display: block;
	}

	.product-drawing .product-item .item-box {
		width: 100%;
		margin-bottom: 40px !important;
	}

	.product-drawing .product-item .item-box:last-child {
		margin-bottom: 0 !important;
	}
}

@media screen and (max-width: 767px) {

	.product-drawing .product-item .item-box {
		margin-bottom: 20px !important;
	}

	.product-drawing .item-document ul {
		display: block;
		max-width: 100%;
	}

	.product-drawing .item-document ul li {
		max-width: 100%;
		width: 100%;
	}
}


/* 2020.5.12追加▽---------------------------- */

/*=====================*/
/* 製品案内 > 散水栓穴あけ指示書  */
/*=====================*/
.product-sprinkler .btn01 {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 2%;/*20/1000*/
	margin: 0 auto;
}

.product-sprinkler .btn01 li {
	width: 32%;/*320/1000*/
}

.product-sprinkler .btn01 li a {
	width: 100%;
	padding: 25px 0;
}

@media screen and (max-width: 1048px) {

	.product-sprinkler .btn01 {
		gap: 20px 3.03%;/*20/660*/
		max-width: 660px;
	}
	
	.product-sprinkler .btn01 li {
		width: 48.484%;/*320/660*/
	}
}

@media screen and (max-width: 767px) {
	
	.product-sprinkler .btn01 {
		display: block;
	}

	.product-sprinkler .btn01 li {
		width: 100%;
		margin: 2% 0 0 0;
	}

	.product-sprinkler .btn01 li:nth-child(-n+3) {
		margin-top: 2%;
	}

	.product-sprinkler .btn01 li a {
		padding: 5px 0;
		font-size: 15px;
	}

}


/* 2023.1.18追加▽---------------------------- */
/*=================================*/
/* 土木景観材製品 > カテゴリー一覧 */
/*=================================*/
.product-landscape-list > h2 {
	margin: 40px 0 20px;
	padding-left: 15px;
	border-left: solid 10px #15B8C8;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}

.product-landscape-list h2:first-of-type {
	margin-top: 0;
}

.product-landscape-list .item-data-wrap {
	display: flex;
	flex-wrap: wrap;
}

.product-landscape-list .item-data {
	width: 235px;
	margin-right: 20px;
}

.product-landscape-list .item-data:nth-child(4) {
	margin-right: 0;
}

.product-landscape-list .item-data:nth-child(n+5) {
	margin-top: 32px;
}

.product-landscape-list .item-img figure {
	display: table-cell;
	width: 223px;
	height: 223px;
	padding: 5px;
	border: solid 1px #CCC;
	background: #FFF;
	text-align: center;
	vertical-align: middle;
}

.product-landscape-list .item-img figure img {
	width: 100%;
}

.product-landscape-list .item-link a {
	display: block;
	padding: 10px;
	border-bottom: 1px solid #CCC;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

.product-landscape-list .item-link a:hover {
	color: #3CC;
	text-decoration: underline;
}

.product-landscape-list .item-link span {
	position: relative;
	padding-left: 23px;
}

.product-landscape-list .item-link span::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 18px;
	height: 22px;
	margin-top: -11px;
	background: url(/images/product/product_ic01.png) no-repeat 0 0;
}

.product-landscape-list .item-link span:hover::before {
	background: url(/images/product/product_ic01.png) no-repeat 0 -22px;
}

@media screen and (max-width: 767px) {
	.product-landscape-list > h2 {
		font-size: 18px;
	}

	.product-landscape-list .item-data-wrap {
		flex-wrap: wrap;
	}

	.product-landscape-list .item-data {
		width: 47.67%;
		margin-right: 4.66%;
	}

	.product-landscape-list .item-data:nth-child(2) {
		margin-right: 0;
	}

	.product-landscape-list .item-data:nth-child(n+3) {
		margin-top: 24px;
	}

	.product-landscape-list .item-img figure {
		box-sizing: border-box;
		width: 100%;
		height: auto;
	}

	.product-landscape-list .item-link a {
		font-size: 16px;
	}

	.product-landscape-list .item-link a:hover {
		color: #3CC;
		text-decoration: underline;
	}

	.product-landscape-list .item-link span {
		position: relative;
		padding-left: 23px;
	}

	.product-landscape-list .item-link span::before {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 18px;
		height: 22px;
		margin-top: -11px;
		background: url(/images/product/product_ic01.png) no-repeat 0 0;
	}

	.product-landscape-list .item-link span:hover::before {
		background: url(/images/product/product_ic01.png) no-repeat 0 -22px;
	}
}

/*===========================*/
/* 取り扱い説明書のダウンロード */
/*===========================*/
body.obutsunet  {
	min-width: initial;
}

body.obutsunet header #header_inner {
	width: 100%;
    max-width: 1000px;
}

body.obutsunet h1 {
	padding-left: 24px;
}

body.obutsunet #p-navi {
	width: 100%;
    max-width: 1000px;
}

#container.product-drawing.obutsunet-cts {
	padding: 140px 0 100px;
    background-position: 50% 140px;
}

#container.product-drawing.obutsunet-cts .wrap {
	max-width: 100%;
}

.obutsunet #container .maincolumn {
	width: 100%;
	max-width: 1000px;
}

.obutsunet #container.obutsunet-cts .maincolumn h2 {
    color: #0EE7FD;
    font-size: 40px;
    font-weight: bold;
    line-height: 70px;
	padding: 0 24px;
}

.obutsunet .obutsunet-cts .sec01 {
    margin: 80px auto;
	padding: 0 24px;
}

.obutsunet .obutsunet-cts .sec01 .lead {
	margin-bottom: 80px;
}

.obutsunet footer #footer-inner {
	width: 100%;
    max-width: 1000px;
}

.obutsunet footer #footercolumn {
	padding-right: 24px;
}


@media screen and (max-width: 767px) {

	#container.product-drawing.obutsunet-cts #p-navi {
		display: none;
	}

	
	.obutsunet #container.obutsunet-cts .maincolumn h2 {
		font-size: 22px;
	}

	.obutsunet .obutsunet-cts .sec01 {
		margin: 64px auto;
	}

	.product-drawing.obutsunet-cts .sec01 .lead {
		margin-bottom: 40px;
	}

	.product-drawing.obutsunet-cts .sec01 button.btn01 a {
		font-size: 16px;
	}

}
	
/*==========*/
/* 納入事例 */
/*==========*/
.case .case-landscape > h2 {
	margin: 60px 0 30px;
	padding: 10px 0 10px 24px;
	border: solid 1px #6AC169;
	background: #D9E9AD;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.0;
}

.case .case-landscape > h2:first-of-type {
	margin-top: 0;
}

.case .case-material > h2 {
	margin: 60px 0 30px;
	padding: 10px 0 10px 24px;
	border: solid 1px #6DADE4;
	background: #D0F5FF;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.0;
}

.case-box {
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}

.case-box .case-img {
	width: 340px;
	margin-right: 20px;
}

.case-box .case-txt,
.case-box .case-data {
	width: calc(100% - 360px);
}

.case-box .case-txt {
	position: relative;
	min-height: 130px;
	padding-bottom: 70px;
}

.case-box .case-txt .btn01 {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}

.case-box .case-txt .btn01 a {
	width: 230px;
	padding: 5px 0;
}

.case-box .case-data table {
	width: 100%;
	border-top: solid 1px #CCC;
	border-right: solid 1px #CCC;
}

.case-box .case-data table th,
.case-box .case-data table td {
	padding: 10px;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	vertical-align: top;
}

.case-box .case-data table th {
	width: 160px;
	background: #D9E9AD;
	font-weight: bold;
	text-align: left;
}

.case-box .case-data table td {
	width: calc(100% - 160px);
}

.case-disaster-manhole figure ul {
	overflow: hidden;
}

.case-disaster-manhole figure ul li {
	float: left;
	width: 34%;
	margin-right: 2%;
}

.case-disaster-manhole figure ul li:nth-child(-n+2) {
	margin-bottom: 2%;
}

.case-disaster-manhole figure ul li:nth-child(3) {
	clear: both;
}

.case-disaster-manhole figure ul li:nth-child(2),
.case-disaster-manhole figure ul li:nth-child(4) {
	margin-right: 0;
}

.case-disaster-manhole figure ul li:last-child {
	float: right;
	width: 28%;
	margin-right: 0;
	margin-top: -27%;
}

@media (max-width: 767px) {
	.case-box {
		display: block;
	}

	.case-box .case-img {
		width: 100%;
		margin-right: 0;
		margin-bottom: 16px;
		text-align: center;
	}

	.case-box .case-txt,
	.case-box .case-data {
		width: 100%;
	}

	.case-box .case-txt .btn01,
	.case-box .case-txt .btn01 a {
		width: 100%;
	}

	.case-box .case-data table th {
		width: 100px;
	}

	.case-box .case-data table td {
		width: calc(100% - 100px);
	}
}


/*==========*/
/* 会社情報 */
/*==========*/

/* ご挨拶
-----------------------------------*/
.company .message-txt {
	float: left;
	width: 720px;
}

.company .message-img {
	float: right;
	max-width: 250px;
	text-align: center;
}

.company .message-img figcaption {
	margin-top: 15px;
}

@media (max-width: 767px) {
	.company .message-txt {
		float: none;
		width: 100%;
	}

	.company .message-img {
		float: none;
		margin: 0 auto;
 	}
}


/* 沿革
-----------------------------------*/
.history-data table {
	width: 100%;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

.history-data table th,
.history-data table td {
	padding: 10px 10px 10px 25px;
	border-bottom: dotted 1px #CCC;
	vertical-align: top;
}

.history-data table tr:last-child th,
.history-data table tr:last-child td {
	border-bottom: none;
}

.history-data table th {
	width: 20%;
	font-weight: normal;
	text-align: left;
}

@media (max-width: 767px) {

	.history-data table th,
	.history-data table td {
		padding: 8px;
	}

	.history-data table th {
		width: 80px;
	}
}

/* 会社概要
-----------------------------------*/
.company-overview .catch {
	font-size: 24px;
	font-weight: bold;
}

.company-overview .catch + p {
	margin-top: 20px;
}

.overview-data table {
	width: 100%;
	margin-top: 30px;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

.overview-data table th,
.overview-data table td {
	padding: 10px 10px 10px 25px;
	border-bottom: dotted 1px #CCC;
	vertical-align: top;
}

.overview-data table tr:last-child th,
.overview-data table tr:last-child td {
	border-bottom: none;
}

.overview-data table th {
	width: 20%;
	font-weight: normal;
	text-align: left;
}

.overview-data table td table {
	width: auto;
	margin-top: 15px;
	border-top: none;
	border-bottom: none;
}

.overview-data table td table th,
.overview-data table td table td {
	width: auto;
	padding: 0;
	border-bottom: none;
}

.overview-data table td table th {
	padding-right: 1em;
}

.overview-data table td table td:before {
	content: "：";
	padding-right: 1em;
}

.overview-data table tr.none th,
.overview-data table tr.none td {
	border-bottom: none;
}

@media (max-width: 767px) {
	.company-overview .catch {
		font-size: 18px;
	}

	.company-overview .catch + p {
		margin-top: 16px;
	}

	.overview-data table th,
	.overview-data table td {
		padding: 8px 4px;
	}

	.overview-data table th {
		width: 80px;
	}

	.overview-data table td table th {
		width: 50px;
		padding-right: 4px;
		font-weight: bold;
		font-size: 12px;
	}

	.overview-data table td table td {
		font-size: 12px;
	}

	.overview-data table td table td:before {
		content: none;
		padding-right: 0;
	}
}

/* アクセス
-----------------------------------*/
.company-access .head-office > h2,
.company-access .office > h2 {
	margin: 60px 0 20px;
	padding-left: 15px;
	border-left: solid 10px #15B8C8;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}

.company-access .head-office > h2:first-of-type {
	margin-top: 0;
}

.company-access .office iframe + p + p {
	margin-top: 5px;
	text-align: right;
	font-size: 13px;
}

.company-access .office iframe + p + p a {
	color: #888;
}

.company-access .office iframe + p + p a:hover {
	color: #3CC;
}

@media (max-width: 767px) {
	.company-access .head-office > h2,
	.company-access .office > h2 {
		margin: 60px 0 20px;
		padding-left: 15px;
		border-left: solid 10px #15B8C8;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.2;
	}

	.company-access .head-office > h2:first-of-type {
		margin-top: 0;
	}

	.company-access .office iframe + p + p {
		margin-top: 5px;
		text-align: right;
		font-size: 13px;
	}

	.company-access .office iframe + p + p a {
		color: #888;
	}

	.company-access .office iframe + p + p a:hover {
		color: #3CC;
	}
}

/* 採用情報
-----------------------------------*/

.recruit-data table {
	width: 100%;
	/* border-top: solid 1px #CCC; */
	border-bottom: solid 1px #CCC;
	margin-bottom: 62px;
}

.recruit-data table th,
.recruit-data table td {
	padding: 10px 10px 10px 25px;
	border-bottom: dotted 1px #CCC;
	vertical-align: top;
}

.recruit-data table tr:last-child th,
.recruit-data table tr:last-child td {
	border-bottom: none;
}

.recruit-data table th {
	width: 20%;
	font-weight: normal;
	text-align: left;
}

.recruit-contact{
	margin-top: 40px;
}

.head-office .office-data,
.office .office-data {
	float: left;
	width: 58%;
}

.head-office .access-data {
	box-sizing: border-box;
	float: right;
	width: 40%;
	border: solid 1px #CCC;
	background: #FFF;
}

.office .office-map {
	float: right;
	width: 40%;
}

.head-office .office-data table,
.office .office-data table {
	width: 100%;
	border-top: solid 1px #CCC;
	border-right: solid 1px #CCC;
}

.head-office .office-data table th,
.head-office .office-data table td,
.office .office-data table th,
.office .office-data table td {
	padding: 10px;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	vertical-align: top;
}

.head-office .office-data table th,
.office .office-data table th {
	width: 20%;
	background: #C9F4FA;
	font-weight: bold;
	text-align: left;
}

.head-office .office-data table td {
	background: #FFF;
}

.head-office .office-data table tr:nth-child(3) td:nth-child(1) {
	width: 15%;
}

.head-office .office-data table tr:nth-child(3) td:nth-child(2),
.head-office .office-data table tr:nth-child(4) td:nth-child(1) {
	width: 20%;
}

.head-office .access-data .inner {
	padding: 10px;
}

.head-office .access-data p {
	margin-top: 10px;
	font-weight: bold;
}

.head-office .access-data p:first-child {
	margin-top: 0;
}

.head-office .access-data span {
	font-size: 13px;
}

.head-office iframe {
	margin-top: 20px;
}

.head-office iframe,
.office iframe {
	vertical-align: bottom;
}

.head-office iframe + p,
.office iframe + p,
.office #map ~ p {
	margin-top: 5px;
	text-align: right;
	font-size: 13px;
}

.head-office iframe + p a,
.office iframe + p a,
.office #map ~ p a {
	color: #888;
}

.head-office iframe + p a:hover,
.office iframe + p a:hover,
.office #map ~ p a:hover {
	color: #3CC;
}

@media screen and (max-width: 767px) {

.company-recruit {
	background-image: none;
}

.recruit-data table th {
	width: 100%;
	display: block;
	font-weight: bold;
	padding: 8px 0 0;
	border-bottom: 0;
	box-sizing: border-box;
}

.recruit-data table td {
	width: 100%;
	display: block;
	padding: 8px 0;
	box-sizing: border-box;
}

.recruit-contact{
	margin-top: 24px;
}

.head-office .office-data,
.office .office-data {
	float: none;
	width: 100%;
}

.head-office .access-data {
	float: none;
	width: 100%;
	margin-top: 16px;
}

.office .office-map {
	float: none;
	width: 100%;
	margin-top: 16px;
}

.head-office .office-data table th,
.head-office .office-data table td,
.office .office-data table th,
.office .office-data table td {
	padding: 8px 4px;
}

.head-office .access-data span {
	font-size: 13px;
}

.head-office iframe {
	margin-top: 20px;
	width: 100% !important;
	height: 200px !important;
}



}

/*====================*/
/* オンラインショップ */
/*====================*/
.shopping .shopping-box .tb-wrap {
	overflow-x: scroll;
}

.shopping .shopping-box .tb-wrap .inner {
	width: 1000px;
}

.shopping-box input[type="text"],
.shopping-box select,
.shopping-box textarea,
.contact-box input[type="text"],
.contact-box select,
.contact-box textarea {
	box-sizing: border-box;
	font-family: inherit;
	padding: 3px 5px;
}

.shopping-box h2 {
	margin: 60px 0 20px;
	padding-left: 15px;
	border-left: solid 10px #15B8C8;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}

.shopping-box > h2:first-of-type {
	margin-top: 0;
}

.shopping-box > h2 + p {
	margin-bottom: 30px;
}

.shopping-box h3 {
	position: relative;
	padding: 10px 126px 10px 24px;
	border: solid 1px #CCC;
	border-top: none;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #dbdbdb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
}

.shopping-box h3:first-of-type {
	border-top: solid 1px #CCC;
}

/* 開閉：開く */
.shopping-box h3 span.close:before {
	content: "開く";
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 73px;
	padding: 0 22px 0 10px;
	color: #FFF;
	background: #15B8C8;
	text-align: center;
}

/* 開閉：開く▼ */
.shopping-box h3 span.close:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -3px;
	border-top: solid 8px #FFF;
	border-left: solid 6px transparent;
	border-bottom: solid 6px transparent;
	border-right: solid 6px transparent;
}

/* 開閉：閉じる */
.shopping-box h3 span.open:before {
	content: "閉じる";
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 73px;
	padding: 0 22px 0 10px;
	color: #FFF;
	background: #15B8C8;
	text-align: center;
}

/* 開閉：閉じる▲ */
.shopping-box h3 span.open:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -10px;
	border-top: solid 6px transparent;
	border-left: solid 6px transparent;
	border-bottom: solid 8px #FFF;
	border-right: solid 6px transparent;
}

/* 商品 */
.shop-item .cw1 {
	width: 4%;
}

.shop-item .cw2 {
	width: 15%;
}

.shop-item .cw3 {
	width: 14%;
}

.shop-item .cw4 {
	width: 30%;
}

.shop-item .cw5 {
	width: 12%;
}

.shop-item .cw6 {
	width: 12%;
}

.shop-item .cw7 {
	width: 19%;
}

.shop-item {
	width: 100%;
}

.shop-item th,
.shop-item td {
	padding: 5px;
	border: solid 1px #CCC;
	border-top: none;
	text-align: center;
	vertical-align: top;
}

.shop-item th {
	font-weight: normal;
}

.shop-item td:nth-child(2),
.shop-item td:nth-child(4) {
	text-align: left;
}

.shop-item input[type="text"] {
	width: 80px;
	text-align: right;
}

/* 商品：確認画面用 */
.shopping-check .shop-item th {
	border-top: solid 1px #CCC;
}

/* 合計 */
.shopping-box .total {
	width: 310px;
	margin: 20px 0 0 auto;
}

.shopping-box .total th,
.shopping-box .total td {
	padding: 5px;
	vertical-align: middle;
	text-align: right;
}

.shopping-box .total th {
	width: 35%;
	font-weight: normal;
	white-space: nowrap;
}

.shopping-box .total td {
	padding-right: 25px;
	width: 65%;
}

.shopping-box .total input[type="text"] {
	width: 140px;
}

.shopping-box .total button[type="button"] {
	outline: none;
	width: 300px;
	margin-bottom: 10px;
	font-family: inherit;
	font-weight: normal;
	cursor: pointer;
}

.shopping-box .total + p {
	margin-top: 10px;
	text-align: right;
}

/* お客様情報入力フォーム、お問い合わせ・資料請求フォーム */
.shopping-box .person,
.contact-box table{
	width: 100%;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	background: #FFF;
}

.shopping-box .person th,
.shopping-box .person td,
.contact-box table th,
.contact-box table td {
	border-bottom: dotted 1px #CCC;
	vertical-align: top;
}

.shopping-box .person tr:last-child th,
.shopping-box .person tr:last-child td,
.contact-box table tr:last-child th,
.contact-box table tr:last-child td {
	border-bottom: none;
}

.shopping-box .person th,
.contact-box table th {
	width: 280px;
	padding: 10px 10px 10px 25px;
	font-weight: normal;
	text-align: left;
}

.shopping-box .person td,
.contact-box table td {
	width: calc(100% - 280px);
	padding: 10px 25px 10px 10px;
}


.shopping-box .person input[type="text"],
.contact-box table input[type="text"] {
	max-width: 500px;
}

.shopping-box .person .w1,
.contact-box table .w1 {
	width: 280px !important;
}

.shopping-box .person .w2,
.contact-box table .w2 {
	width: 120px !important;
}

.shopping-box .person textarea,
.contact-box table textarea {
	max-width: 500px;
	height: 100px;
	font-size: 100%;
}

/* ボタン */
.shopping-box .form-bt,
.contact-box .form-bt {
	margin-top: 30px;
	text-align: center;
}

.shopping-box .form-bt button[type="button"],
.shopping-box .form-bt button[type="submit"],
.contact-box .form-bt button[type="button"],
.contact-box .form-bt button[type="submit"] {
	outline: none;
	width: 300px;
	font-family: inherit;
	font-weight: normal;
	cursor: pointer;
}

.shopping-box .form-bt button:nth-child(2),
.contact-box .form-bt button:nth-child(2) {
	margin-left: 20px;
}

/* ボタン：完了画面 */
.shopping-box .form-bt a,
.contact-box .form-bt a {
	width: 300px;
}

@media (max-width: 767px) {

	.shopping-box .person th,
	.contact-box table th {
		display: block;
		width: 100%;
		padding: 16px 0 8px;
		border-bottom: none;
	}

	.shopping-box .person td,
	.contact-box table td {
		display: block;
		width: 100%;
		padding: 0 0 16px;
	}

	.shopping-box .person input[type="text"],
	.contact-box table input[type="text"] {
		width: 100% !important;
	}

	.shopping-box .person input[type="text"].w2,
	.contact-box table input[type="text"].w2 {
		width: 120px !important;
	}

	.shopping-box .form-bt,
	.contact-box .form-bt {
		max-width: 300px;
		margin: 30px auto 0;
	}

	.shopping-box .form-bt button:nth-child(2),
	.contact-box .form-bt button:nth-child(2) {
		margin: 16px 0 0;
	}
}


/*========================*/
/* 特定商法取引に基づく表示 */
/*========================*/
.shopping-order .order-data table th {
	width: 200px;
}

.shopping-order .order-data table td {
	width: calc(100% - 200px);
}

.shopping-order .order-data .charge table td:nth-of-type(1) {
	width: 325px;
}

.shopping-order .order-data .charge table td:nth-of-type(2) {
	width: calc(100% - 325px);
}

@media (max-width: 767px) {

	.shopping-order .order-data table th,
	.shopping-order .order-data table td {
		padding: 10px 0;
	}

	.shopping-order .order-data table th {
		width: 145px;
	}

	.shopping-order .order-data table td {
		width: calc(100% - 145px);
	}

	.shopping-order .order-data .charge table td:nth-of-type(1),
	.shopping-order .order-data .charge table td:nth-of-type(2) {
		display: block;
		width: 100%;
	}

	.shopping-order .order-data .charge table td:nth-of-type(1) {
		border-bottom: none;
	}

	.shopping-order .order-data .charge table td:nth-of-type(2) {
		padding-top: 0;
	}
}



/*==========================*/
/* 特定商法取引に基づく表示 */
/*==========================*/
.order-data table {
	width: 100%;
	margin-top: 30px;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	background: #FFF;
}

.order-data table th,
.order-data table td {
	padding: 10px 10px 10px 25px;
	border-bottom: dotted 1px #CCC;
	vertical-align: top;
}

.order-data table tr:last-child th,
.order-data table tr:last-child td {
	border-bottom: none;
}

.order-data table th {
	width: 20%;
	font-weight: normal;
	text-align: left;
}

.order-data .charge {
	padding-top: 0;
}

.order-data .charge table {
	width: auto;
	margin: 0 0 15px 0;
	border: none;
}

.order-data .charge table td:nth-child(1) {
	padding-left: 0;
}

.order-data .charge table td:nth-child(2) {
	padding-right: 0;
}


/*========================*/
/* お問い合わせ・資料請求 */
/*========================*/
.contact-box h3 {
	margin-bottom: 20px;
	padding-left: 15px;
	border-left: solid 10px #15B8C8;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}

.contact-box h3 + p {
	margin-bottom: 30px;
}


/*======================*/
/* プライバシーポリシー */
/*======================*/
.privacy .privacy-data > h2 {
	margin: 60px 0 20px;
	padding-left: 15px;
	border-left: solid 10px #15B8C8;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}

.privacy-data ol,
.privacy-data ul {
	margin: 30px 0 0 25px;
}

.privacy-data ol li {
	margin-left: 30px;
	list-style: lower-alpha;
}

.privacy-data ol + p,
.privacy-data ol + p + p {
	margin-top: 30px;
}

.privacy-data dl {
	overflow: hidden;
}

.privacy-data dt {
	clear: both;
	float: left;
	width: 7em;
}

.privacy-data dd {
	margin-left: 8em;
}

/*========================*/
/* サイトのご利用について */
/*========================*/
.abouts .abouts-data > h2 {
	margin: 60px 0 20px;
	padding-left: 15px;
	border-left: solid 10px #15B8C8;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}

.abouts-data ul {
	margin: 30px 0 0 25px;
}


/*==============*/
/* サイトマップ */
/*==============*/
.sitemap-data {
	width: 48%;
}
.sitemap-data:nth-child(1) {
	float: left;
}

.sitemap-data:nth-child(2) {
	float: right;
}

.sitemap .sitemap-data > h2 {
	margin-bottom: 20px;
	padding-left: 15px;
	border-left: solid 10px #15B8C8;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}

.sitemap-data > h2 a {
	position: relative;
	padding-right: 26px;
}

.sitemap-data > h2 a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 13px;
	height: 13px;
	margin: -7px 0 0 10px;
	border-top: solid 2px #15B8C8;
	border-right: solid 2px #15B8C8;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.sitemap-data > ul + h2 {
	margin-top: 60px;
}

.sitemap-data > ul {
	margin-left: 25px;
}

.sitemap-data > ul li {
	padding-left: 12px;
	background:url(/images/common/com_ic01.png) no-repeat 0 6px;
}

.sitemap-data > ul li:not(:first-child),
.sitemap-data > ul > li > ul > li {
	margin-top: 10px;
}

.sitemap-data a {
	text-decoration: none;
}

.sitemap-data a:hover {
	text-decoration: underline;
}

.sitemap-data a[href^="http"] {
	position: relative;
	padding-right: 21px;
}

.sitemap-data a[href^="http"]:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url(/images/common/com_ic04.png) no-repeat 0 0;
}

@media (max-width: 767px) {
	.sitemap-data {
		width: 100%;
	}
	.sitemap-data:nth-child(1) {
		float: none;
	}

	.sitemap-data:nth-child(2) {
		float: none;
	}

	.sitemap-data > ul + h2 {
		margin-top: 32px;
	}

	.sitemap-data > ul {
		margin-left: 16px;
	}
	.sitemap-data > ul li:not(:first-child),
	.sitemap-data > ul > li > ul > li {
		margin-top: 8px;
	}
}


/*======================*/
/* カタログ・価格ダウンロード */
/*======================*/
.catalog .col2 {
	overflow: hidden;
}

.catalog .col2 .catalog-cover {
	float: left;
	margin: 0 24px;
	text-align: center;
}

.catalog .col2 .catalog-cover.cover02 img {
	border: solid 4px #F00;
}

.catalog .col2 .catalog-cover a {
	display: block;
	text-decoration: none;
}

.catalog .col2 .catalog-cover figcaption {
	margin-top: 15px;
}

.catalog .col2 .catalog-text {
	float: left;
	/* width: 604px; TOPのカタログが1つ表示のとき*/
}

.catalog .col2 .catalog-note {
	position: relative;
	margin-top: 1em;
	padding-left: 32px;
	color: #F00;
	font-size: 18px;
	font-weight: bold;
}

.catalog .col2 .catalog-note::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: url(/images/catalog/catalog_ic01.svg);
	background-size: 100% auto;
}

.catalog .catalog-list {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 2%;
	margin: 0 auto;
	overflow: hidden;
}

.catalog .catalog-list li {
	width: 18%;/*180/1000*/
	text-align: center;
}

.catalog .catalog-list li a {
	display: block;
	text-decoration: none;
}

.catalog .catalog-list li figcaption {
	margin-top: 15px;
	font-size: clamp(12px, 1.564vw, 16px);/*16/1023*/
}

@media (max-width: 767px) {

	.catalog .maincolumn > h1 {
		font-size: 20px;
	}

	.catalog .catalog-list {
		gap: 24px 4.128%;/*13.5/327*/
		max-width: 500px;
		margin: 0 auto;
	}

	.catalog .catalog-list li {
		width: 30.581%;/*100/327*/
	}
}


/*==========*/
/* 最新情報 */
/*==========*/

/* 最新情報一覧
-----------------------------------*/
.news-list {
	overflow: hidden;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

.news-list dt {
	clear: both;
	float: left;
	width: 145px;
	padding: 15px 10px 15px 25px;
}

.news-list dd {
	padding: 15px 25px 15px 205px;
	border-bottom: dotted 1px #CCC;
}

.news-list dd:last-child {
	border-bottom: none;
}

@media (max-width: 767px) {

	.news-list dt {
		width: 100px;
		padding: 8px 0;
	}

	.news-list dd {
		padding: 8px 0 8px 104px;
	}
}

/* ページナビゲーション
-----------------------------------*/

.wp-pagenavi {
	flex-wrap: wrap;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
	width: 56px;
}

@media (max-width: 767px) {

}

/* 最新情報詳細
-----------------------------------*/
.news-details .news_return {
	clear: both;
}

.news-details .entry-header {
	position: relative;
	padding: 20px 25px;
	border-top: solid 1px #CCC;
	border-bottom: dotted 1px #CCC;
}

.news-details h2.entry-title {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}

.news-details .entry-meta {
	margin-bottom: 10px;
}

.news-details .entry-body {
	padding-bottom: 50px;
	overflow: hidden;
}

.news-details .entry-body .entry-content {
	padding: 20px 25px;
	border-bottom: solid 1px #CCC;
}

@media (max-width: 767px) {

	.news-details .entry-header {
		padding: 16px 0;
	}

	.news-details h2.entry-title {
		font-size: 18px;
	}

	.news-details .entry-body {
		padding-bottom: 24px;
	}

	.news-details .entry-body .entry-content {
		padding: 16px 0;
	}
}

/* 投稿記事
-----------------------------------*/
.news-details .entry-body .entry-content p {
	margin: 15px 0;
}

.news-details .entry-body .entry-content h1 {
	font-size: 2.4em;
	border: none;
}

.news-details .entry-body .entry-content h2 {
	font-size: 2em;
	margin: 0;
	padding-bottom: 0;
	background: none;
	font-weight: normal;
	line-height: inherit;
}

.news-details .entry-body .entry-content h3 {
	font-size: 1.6em;
	margin: 0;
	padding: 0;
	border-left: none;
	font-weight: normal;
	line-height: inherit;

}

.news-details .entry-body .entry-content h4 {
	font-size: 1.4em;
	margin: 0;
	font-weight: normal;
}

.news-details .entry-body .entry-content h5 {
	font-size: 1em;
}

.news-details .entry-body .entry-content h6 {
	font-size: 0.9em;
}

.news-details .entry-body .entry-content h1,
.news-details .entry-body .entry-content h2,
.news-details .entry-body .entry-content h3,
.news-details .entry-body .entry-content h4,
.news-details .entry-body .entry-content h5,
.news-details .entry-body .entry-content h6 {
	margin: 10px 0px !important;
}

.news-details .entry-body .entry-content ul,
.news-details .entry-body .entry-content ol {
	margin: 10px 0 15px 30px;
}

.news-details .entry-body .entry-content ul li {
	list-style: disc;
}

.news-details .entry-body .entry-content ul ul,
.news-details .entry-body .entry-content ol ol,
.news-details .entry-body .entry-content ul ol,
.news-details .entry-body .entry-content ol ul {
	margin-bottom: 0;
}

.news-details .entry-body .entry-content blockquote {
	font-style: italic;
	padding: 0 30px;
}

.news-details .entry-body .entry-content blockquote cite,
.news-details .entry-body .entry-content blockquote em,
.news-details .entry-body .entry-content blockquote i {
	font-style: normal;
}

/* 投稿画像 */
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	/*max-width: 100%;
	height: auto;*/
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}

.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

.wp-caption {
	text-align: center;
}

p.wp-caption-text {
	margin: 0;
}
.btn01 {

}


/*=========================*/
/* responsive.cssの内容追記 */
/*=========================*/

@media screen and (max-width: 767px) {
	.pc-only {
		display: none !important;
	}
}

@media screen and (min-width: 768px) {
	.sp-only {
		display: none !important;
	}
}