/* CSS Document */
@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

/* ▼フォントテスト */
@font-face {
  /*フォントの名前*/
  font-family: "YuGoM";
  /*フォントファイルへのパス（複数指定の場合、上から順に読み込まれる）*/
  src: url("/font/YuGothM.woff2") format("woff2"),
       url("/font/YuGothM.woff") format("woff");
}

@font-face {
  /*フォントの名前*/
  font-family: "YuGoB";
  /*フォントファイルへのパス（複数指定の場合、上から順に読み込まれる）*/
  src: url("/font/YuGothB.woff2") format("woff2"),
       url("/font/YuGothB.woff") format("woff");
}
/* ▲フォントテスト */


:root {
	/* ベースカラー */
	/*--base-color: #242424;*/
	--base-color: #000000;
	
	/* タイトル等に使用するフォント */
	--header-font: Avenir, 'Montserrat', sans-serif, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic bold", "游ゴシック Bold", "Segoe UI", Verdana, Meiryo, sans-serif;
	--header-hamburger-font: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic bold", "Segoe UI", Verdana, Meiryo, sans-serif;
	/*--title-font: 'Archivo Black', sans-serif;*/
	/*--title-font: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",  sans-serif;*/
	--title-font: Avenir, 'Montserrat', sans-serif, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue,"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",  sans-serif;
	
	--index-news-waku: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic bold", "Segoe UI", Verdana, Meiryo, sans-serif;
}

body{
	/*font-family: "YuGoB";*/
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",  sans-serif;
	font-weight: 500;
}



h2{
	font-family: var(--title-font);
	font-weight: bold;
	font-size:24px;
	border-bottom:1px solid var(--base-color);
	background-image:url("../img/default/h2Bg.png");
	background-repeat: repeat-x;
	background-position: bottom;
	height:35px;
	margin-bottom:50px;
}

h2 span.title{
	display: inline-block;
	float: left;
	background-color: #fff;
	height:35px;
	padding-right:20px;
}

h2 span.sub-title, h3 span.sub-title{
	display: inline-block;
	float:right;
	font-size:14px;
	/*font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;*/
	font-family: var(--title-font);
}

/* インスタグラムボタン */
.button-instagram{
	/* ボタンの配置位置  */
	position: fixed;
	/*top: 640px;*/
	right: 30px;
	/*bottom:10%;*/
	/* 最前面に */
	z-index: 99999;
	/* ボタンの大きさ  */
	width: 40px;
	height: 40px;
	background-image:url("../img/Templates/buttonInstagramPc.png");
	background-repeat: no-repeat;
	background-position: center;
}

/* インスタグラムのボタン配置位置 */
/* ウインドウの高さ689px以上（MacBook Airの高さに合わせる） */
.button-instagram-height-689{
	top: 640px;
}
/* ウインドウの高さ640px以下 */
.button-instagram-height-min{
	bottom:10%;
}

/* パンくずリスト */
.pankuzu{
	width:100%;
	text-align: right;
	margin:15px 0 50px;
	color: #9D9D9D;
	font-size:12px;
}

.pankuzu a{
	text-decoration: none;
	color: #9D9D9D;
}

.pankuzu a strong{
	color:#010101;
	font-weight: normal;
}
/* / パンくずリスト */

/* view moreボタン */
a.viewmore{
	position:relative;
	display: block;
	width:150px;
	margin:0 auto;
	text-align: center;
	text-decoration: none;
	color:var(--base-color);
	font-size:14px;
	font-family: var(--title-font);
	font-weight: bold;
	border:2px solid var(--base-color);
	-webkit-border-radius: 20px;
       -moz-border-radius: 20px;
         -o-border-radius: 20px;
            border-radius: 20px;
	background-color:#fff100;
}

/* ボタンの横線 */
a.viewmore:after {
	content:"";
	display:inline-block;
	width:26px;
	height:2px;
	background-color:var(--base-color);
	position:absolute;
	top:14px;
	right:-13px;

}

/* ボタンにテキストを配置する時、上下のスペースを揃える */
a.viewmore:before{
	content: "";
	display: inline-block;
	height: 30px;
	vertical-align: middle;
}
/* / view moreボタン */


/* スライダー */
.slider {
        width: 100%;
        margin: 0px auto 20px;
    }

    .slick-slide {
      margin: 0px 0px;
    }

    .slick-slide img {
      width: calc(100% - 6px);
		border:3px solid var(--base-color);
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
    }

    .slick-prev:before,
    .slick-next:before {
        color: black;
    }

.slider {
  display:none;
}
.slider.slick-initialized {
  display: block;
}
/* / スライダー */



/****************/
/* テンプレート */
/****************/
body{
	margin:0;
	padding:0;
	width:100%;
	/*width:1080px;*/
	min-height: 100vh;
	position: relative;
	padding-bottom: 80px;
	box-sizing: border-box;
}

/* ヘッダー */
header.site-header{
	background: #fff;
	display: flex;
	position: fixed;
	justify-content: space-between;
	width:100%;
	height:80px;
	z-index: 9999;
}

header.site-header .headerInner{
	width:1280px;
	margin:0 auto;
	padding: 10px 0 0;
}

header.site-header .logo{
	float:left;
	width:193px;
}

header.site-header .logo img{
	width:100%;
	margin-top:12px;
}

header.site-header .headMenu{
	float:right;
	width:900px;
	text-align: right !important;
	margin:0 0 0 auto;
}

header.site-header .headMenu ul{
	float:right;
	display: block;
	padding:0;
	/*width:80%;*/
}

header.site-header .headMenu li{
	float:left;
	list-style-type: none;
	margin-right:20px;
}

header.site-header .headMenu li a{
	/*font-family: 'Archivo Black', sans-serif;*/
	font-family: var(--header-font);
	/*font-weight: bold;*/
	font-weight: 700;
	text-decoration: none;
	font-size:12px;
	color:var(--base-color);
	position: relative;
	display: inline-block;
	transition: .3s;
}

header.site-header .headMenu li a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 1px;
  background-color: var(--base-color);
  transition: .3s;
  transform: translateX(-50%);
}

header.site-header .headMenu li a:hover::after{
  width: 100%;
}

header.site-header .headMenu ul:after{
	content:"";
	clear: both;
	display: block;
}

header.site-header .headMenu a.buttonHeaderOtoiawase{
	float: right;
	display: block;
	text-align: center;
	color: var(--base-color);
	text-decoration: none;
	font-family: var(--header-font);
	font-weight: bold;
	width:130px;
	border:3px solid var(--base-color);
	margin-right:20px;
	padding:10px 5px;
	-webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
}

header.site-header .headMenu a.buttonHeaderOtoiawase span:before{
	content:url("../img/Templates/buttonHeaderOtoiawaseIcon.png");
	display: inline-block;
	margin-right:5px;
	height:22px;
}

header.site-header .headMenu a.buttonHeaderOnlineshop{
	float:right;
	display: block;
	text-align: center;
	text-decoration: none;
	font-family: var(--header-font);
	font-weight: bold;
	width:180px;
	color:#FBF006;
	background-color:var(--base-color);
	border:3px solid var(--base-color);
	margin:-15px 0 0 0;
	padding:20px 10px 20px;
	-webkit-border-radius: 0 0 6px 6px;
       -moz-border-radius: 0 0 6px 6px;
         -o-border-radius: 0 0 6px 6px;
            border-radius: 0 0 6px 6px;
}

header.site-header .headMenu a.buttonHeaderOnlineshop span.line{
	border-bottom:1px solid #FBF006;
	display:inline-block;
	height:21px;
}


header.site-header .headMenu a.buttonHeaderOnlineshop span.icon:before{
	content:url("../img/Templates/buttonHeaderOnlineshopIcon.png");
	display: inline-block;
	margin-right:5px;
	height:31px;
}

header.site-header:after{
	content:"";
	clear: both;
	display: block;
}
/* / ヘッダー */


/* コンテンツ部分 */
.site-contents{
    margin: 0 auto;
    padding-top: 80px;
    width: 1080px;
}

/* / コンテンツ部分 */


/* フッター */
/* スマホ用のヘッダーを消しておく */
.sp-footer{
	display: none;
}

.site-footer{
	width:100%;
	position: absolute;
	bottom: 0;
	text-align: center;
	font-size:12px;
	color: var(--base-color);
	height:60px;
	padding:20px 0 0 0;
}


/****************/
/* ライブラリー */
/****************/
/* lineup */
.libraryLineup{
	margin-bottom:60px;
}

.libraryLineup h2{
	font-family: var(--title-font);
	font-weight: bold;
	font-size:32px;
	color: #fff;
	border-bottom:1px solid #fff;
	background-image:url("../img/default/h2BgWhite.png");
	background-repeat: repeat-x;
	background-position: bottom;
	height:43px;
	margin-left:-30px;
	padding-left:10px;
}

.libraryLineup h2 span.title{
	display: inline-block;
	float: left;
	background-color: #fff;
	height:35px;
	padding-right:20px;
}

.libraryLineup h2 span.sub-title{
	display: inline-block;
	float:right;
	font-size:14px;
	/*font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;*/
	font-family: var(--title-font);
}

.libraryLineup h3{
	font-family: var(--title-font);
	font-weight: bold;
	font-size:24px;
	color: #fff;
}

/* 「DIY・収納シリーズ」が大きいパターン */
.libraryLineup-large{
	padding:20px 30px 45px;
	margin-bottom:55px;
	background-image: url("../img/library/libraryLineup-largeBg.jpg");
	background-color:rgba(0,0,0,0.4);
	background-blend-mode:darken;
	background-size: cover;
	border:3px solid var(--base-color);
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
}

.libraryLineup-large .libraryLineup-large-flex{
	display: flex;
	flex-wrap :wrap;
	margin:0;
}

.libraryLineup-large .libraryLineup-large-flex a{
	position:relative;
	display: block;
	text-align: center;
	width:calc(100% / 3 - 30px);
	margin-bottom:30px;
	
	font-family: var(--title-font);
	font-weight: bold;
	font-size:16px;
	text-decoration: none;
	color:var(--base-color);
	background-color: #fff;
	border:3px solid var(--base-color);
	-webkit-border-radius: 40px;
       -moz-border-radius: 40px;
         -o-border-radius: 40px;
            border-radius: 40px;
}

.libraryLineup-large .libraryLineup-large-flex a:not(:nth-child(3n) ){
	margin-right:30px;
}

/* ボタンの横線 */
.libraryLineup-large .libraryLineup-large-flex a:after {
	content:"";
	display:inline-block;
	width:36px;
	height:2px;
	background-color:var(--base-color);
	position:absolute;
	top:34px;
	right:-18px;
}

/* ボタンにテキストを配置する時、上下のスペースを揃える */
.libraryLineup-large .libraryLineup-large-flex a:before{
	content: "";
	display: inline-block;
	height: 68px;
	vertical-align: middle;
}

.libraryLineup-2{
	display: flex;
}

.libraryLineup-2 .waku{
	display: block;
	padding:20px 10px 30px;
	width:calc(100% / 2 - 25px);
	border:3px solid var(--base-color);
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
	
	background-color:rgba(0,0,0,0.4);
	background-blend-mode:darken;
	background-size: cover;
}

.libraryLineup-2 .waku:first-child{
	margin-right: 36px;
}

.libraryLineup-2 .waku h2{
	margin-left:-10px;
	padding-left:10px;
}

.libraryLineup-2 .waku h3{
	margin:70px 0 60px;
}

.libraryLineup-2 .nursingcare{
	background-image: url("../img/library/libraryLineup-nursingcareBg.jpg");
}

.libraryLineup-2 .prevention{
	background-image: url("../img/library/libraryLineup-preventionBg.jpg");
	background-position: center;
}
/* / 「DIY・収納シリーズ」が大きいパターン */

/* 「Line up」が3つ均等のパターン */
.libraryLineup-3{
	display: flex;
}

.libraryLineup-3 .waku{
	display: block;
	padding-bottom:45px;
	width:calc(100% / 3 - 25px);
	border:3px solid var(--base-color);
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
	
	background-color:rgba(0,0,0,0.4);
	background-blend-mode:darken;
	background-position: center;
	/*background-size: cover;*/
}

.libraryLineup-3 .waku:not(:last-child){
	margin-right: 38px;
}

.libraryLineup-3 .waku h2{
	margin-left:-5px;
	padding-left:10px;
}

.libraryLineup-3 .waku h3{
	margin:70px 0 60px;
}

.libraryLineup-3 .libraryLineup-small{
	background-image:url("../img/library/libraryLineup-smallBg.jpg");
	background-size: cover;
}

.libraryLineup-3 .nursingcare{
	background-image: url("../img/library/libraryLineup-nursingcareBg.jpg");
	background-size: cover;
}

.libraryLineup-3 .prevention{
	background-image: url("../img/library/libraryLineup-preventionBg.jpg");
	background-size: cover;
}

/* / 「Line up」が3つ均等のパターン */

/* / lineup */

/* DIY Collection */
.libraryCollection .libraryCollection-flex{
	display: flex;
	margin-bottom:60px;
}

.libraryCollection .libraryCollection-flex a{
	display: block;
	text-align: center;
	width:calc(100% / 4);
	height:200px;
	
	text-decoration: none;
	border:3px solid var(--base-color);
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
}

.libraryCollection .libraryCollection-flex a:not(:last-child){
	margin-right:50px;
}

.libraryCollection .libraryCollection-flex a.collectionImage21s{
	background-image: url("../img/library/libraryCollection-img021s.jpg");
	background-size: cover;
}

.libraryCollection .libraryCollection-flex a.collectionImage11s{
	background-image: url("../img/library/libraryCollection-img011s.jpg");
	background-size: cover;
}

.libraryCollection .libraryCollection-flex a.collectionImage41s{
	background-image: url("../img/library/libraryCollection-img041s.jpg");
	background-size: cover;
}

.libraryCollection .libraryCollection-flex a.collectionViewmore{
	background-color:#cee3e8;
	background-image:url("../img/library/libraryCollection-viewmoreBg.png");
	background-repeat: repeat-y;
	background-position: 12px;
}

.libraryCollection .libraryCollection-flex a.collectionViewmore span{
	position:relative;
	display: block;
	width:150px;
	margin:0 auto;
	text-align: center;
	text-decoration: none;
	color:var(--base-color);
	font-size:14px;
	font-family: var(--title-font);
	font-weight: bold;
	border:2px solid var(--base-color);
	-webkit-border-radius: 20px;
       -moz-border-radius: 20px;
         -o-border-radius: 20px;
            border-radius: 20px;
	background-color:#fff100;
}

/* ボタンの横線 */
.libraryCollection .libraryCollection-flex a.collectionViewmore span:after {
	content:"";
	display:inline-block;
	width:26px;
	height:2px;
	background-color:var(--base-color);
	position:absolute;
	top:14px;
	right:-13px;

}

/* ボタンにテキストを配置する時、上下のスペースを揃える */
.libraryCollection .libraryCollection-flex a.collectionViewmore span:before{
	content: "";
	display: inline-block;
	height: 30px;
	vertical-align: middle;
}
/* / DIY Collection */


/* PDFボタン */
.libraryButtonPdf{
	display: flex;
	margin-bottom:60px;
}

.libraryButtonPdf a{
	display: block;
	text-align: center;
	width:calc(100% / 2);
	height:100px;
	background-color: var(--base-color);
	font-size:26px;
	font-weight:700;
	color:#fff;
	text-decoration: none;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
}

.libraryButtonPdf a:first-child{
	margin-right: 10px;
}
/* / PDFボタン */


/* TOPに戻るボタン */
.libraryModoru{
	margin-bottom:50px;
}

.libraryModoru a{
	position:relative;
	display: block;
	width:300px;
	margin:0 auto;
	text-align: center;
	text-decoration: none;
	color:var(--base-color);
	font-size:16px;
	font-family: var(--title-font);
	font-weight: bold;
	border:2px solid var(--base-color);
	-webkit-border-radius: 70px;
       -moz-border-radius: 70px;
         -o-border-radius: 70px;
            border-radius: 70px;
	background-color:#fff;
}

/* ボタンの横線 */
.libraryModoru a:after {
	content:"";
	display:inline-block;
	width:26px;
	height:2px;
	background-color:var(--base-color);
	position:absolute;
	top:33px;
	right:-13px;

}

/* ボタンにテキストを配置する時、上下のスペースを揃える */
.libraryModoru a:before{
	content: "";
	display: inline-block;
	height: 70px;
	vertical-align: middle;
}
/* / TOPに戻るボタン */

/* 田邊金属リンクボタン */
.libraryTanabeLink{
	display: flex;
	margin-bottom:30px !important;
	width:80%;
	margin: 0 auto;
}

.libraryTanabeLink a{
	position:relative;
	display: block;
	width:300px;
	margin:0 auto;
	text-align: center;
	text-decoration: none;
	color:var(--base-color);
	font-size:16px;
	font-family: var(--title-font);
	font-weight: bold;
	border:2px solid var(--base-color);
	-webkit-border-radius: 70px;
       -moz-border-radius: 70px;
         -o-border-radius: 70px;
            border-radius: 70px;
	background-color:#fff;
}

/* ボタンの横線 */
.libraryTanabeLink a:after {
	content:"";
	display:inline-block;
	width:26px;
	height:2px;
	background-color:var(--base-color);
	position:absolute;
	top:33px;
	right:-13px;

}

/* ボタンにテキストを配置する時、上下のスペースを揃える */
.libraryTanabeLink a:before{
	content: "";
	display: inline-block;
	height: 70px;
	vertical-align: middle;
}
/* / 田邊金属リンクボタン */

/****************/
/* index.php    */
/****************/
/* title */
.index-title{
	padding-top:20px;
	margin-bottom:60px;
}

.index-title .index-title-title1 img.sp, .index-title .index-title-title2 img.sp{
	display: none;
}

.index-title .index-title-title1{
	float:left;
	width:calc(100% / 2 - 25px);
}

.index-title .index-title-title1 img{
	width:100%;
	border:3px solid var(--base-color);
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
}

.index-title .index-title-title2{
	float:right;
	width:calc(100% / 2 - 25px);
}

.index-title .index-title-title2 .index-title-title2-img{
	margin-bottom:40px;
}

.index-title .index-title-title2 .index-title-title2-img img{
	width:calc(100% - 6px);
	border:3px solid var(--base-color);
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
}

.index-title .index-title-title2 .index-title-logo img{
	width:100%;
}


.index-title:after{
	content:"";
	clear: both;
	display: block;
}
/* / title */

/* news */
.index-news{
	margin-bottom:60px;
	padding:20px 20px 30px;
	background-image: url("../img/index/newsBg.png");
	background-color:#EBEEEE;
	border:3px solid var(--base-color);
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
}

.index-news h2{
	margin-top:0;
	margin-bottom:20px;
	background-image:url("../img/default/h2Bg.png");
}

.index-news .index-news-flex{
	display: flex;
	flex-wrap:wrap;
}

.index-news .index-news-flex .index-news-waku{
	position: relative;
	width:calc(100% / 3 - 95px);
	margin-left:30px;
	padding-right:60px;
	padding-bottom:20px;
	margin-bottom:40px;
}

.index-news .index-news-flex .index-news-waku:not(:nth-child(3n) ){
	border-right:1px dashed #727272;
	/*margin-right:30px;*/
}

.index-news .index-news-flex .index-news-waku .img-thumbnail{
	text-align: center;
}

.index-news .index-news-flex .index-news-waku .img-thumbnail img{
	width:100%;
	max-width: 150px;
}


.index-news .index-news-flex .index-news-waku p{
	font-family: var(--index-news-waku);
	font-weight:bold;
	margin-bottom:20px;
}

.index-news .index-news-flex .index-news-waku .date{
	font-family: var(--index-news-waku);
	font-weight:bold;
	margin-bottom:36px;
	font-size:14px;
}

.index-news .index-news-flex .index-news-waku a.viewmore{
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	bottom:20px;
}

.index-news .news-link{
	text-align: right;
}

.index-news .news-link a{
	font-size: 16px;
	color:#000;
	text-decoration: none;
}

.index-news .news-link a:after{
	content: ">";
	margin-left: 5px;
}

/* / news */


/*********************************************************/
/* 取扱商品一覧・カタログダウンロード・寸法図・DIY作品集 */
/* products | downloadcatalog | dimensions | diyworks    */
/*********************************************************/

.products, .downloadcatalog, .dimensions, .diyworks{
	margin-bottom:50px;
}

.products-button, .downloadcatalog-button{
	display: flex;
	padding:0 45px;
	margin-bottom:50px;
}

.products-button a, .downloadcatalog-button a{
	position: relative;
	display: block;
	width:calc(100% / 3 - 45px);
	text-align: center;
	
	color: var(--base-color);
	text-decoration: none;
	font-weight: bold;
	
	border:2px solid var(--base-color);
	-webkit-border-radius: 60px;
       -moz-border-radius: 60px;
         -o-border-radius: 60px;
            border-radius: 60px;
}

.products-button a:not(:last-child), .downloadcatalog-button a:not(:last-child){
	margin-right:45px;
}


.diyworks-button{
	width:100%;
	text-align: center;
	margin-bottom:60px;
}

.diyworks-button a{
	position: relative;
	display: block;
	margin:0 auto;
	height:40px;
	width:530px;
	text-align: center;
	
	background-color: #FFF100;
	color: var(--base-color);
	text-decoration: none;
	font-weight: bold;
	
	border:3px solid var(--base-color);
	-webkit-border-radius: 50px;
       -moz-border-radius: 50px;
         -o-border-radius: 50px;
            border-radius: 50px;
}

/* アイコン */
.fa-position-right {
  position: absolute;
  top: calc(50% - .5em);
  right: 1rem;
}

.fa-position-left {
	position: absolute;
	top: calc(50% - .85em);
	left: 1rem;
	content:url("../diyworks/img/iconInstagram.png");
}


/* ボタンの横線 */
.diyworks-button a:after {
	content:"";
	display:inline-block;
	width:26px;
	height:2px;
	background-color:var(--base-color);
	position:absolute;
	top:18px;
	right:-13px;

}

/* ボタンにテキストを配置する時、上下のスペースを揃える */
.products-button a:before, .downloadcatalog-button a:before{
	content: "";
	display: inline-block;
	height: 60px;
	vertical-align: middle;
}

.diyworks-button a:before{
	content: "";
	display: inline-block;
	height: 43px;
	vertical-align: middle;
}



.products-contents .products-series, .downloadcatalog-contents .downloadcatalog-series, .dimensions .dimensions-series, .diywowks .diywowks-series{
	margin-bottom:60px;
}

.products-contents .products-series h3, .downloadcatalog-contents .downloadcatalog-series h3, .dimensions .dimensions-series h3{
	text-align: center;
	font-size:28px;
	font-family: var(--title-font);
	font-weight: bold;
}

.products-contents .products-flex, .downloadcatalog-contents .downloadcatalog-flex, .dimensions-contents .dimensions-flex, .diyworks-contents .diyworks-flex{
	display: flex;
	flex-wrap :wrap;
}

.products-contents .products-flex .products-waku, .downloadcatalog-contents .downloadcatalog-flex .downloadcatalog-waku, .dimensions-contents .dimensions-flex .dimensions-waku, .diyworks-contents .diyworks-flex .diyworks-waku{
	position: relative;
	width:calc(100% / 4 - 42px);
	padding-bottom:30px;
	margin-bottom:40px;
}

.products-contents .products-flex .products-waku:not(:nth-child(4n)), .downloadcatalog-contents .downloadcatalog-flex .downloadcatalog-waku:not(:nth-child(4n)), .dimensions-contents .dimensions-flex .dimensions-waku:not(:nth-child(4n)), .diyworks-contents .diyworks-flex .diyworks-waku:not(:nth-child(4n)){
	margin-right:55px;
}

.products-contents .products-flex .products-waku .products-img img, .downloadcatalog-contents .downloadcatalog-flex .downloadcatalog-waku .downloadcatalog-img img, .dimensions-contents .dimensions-flex .dimensions-waku .dimensions-img img, .diyworks-contents .diyworks-flex .diyworks-waku .diyworks-img img{
	width:calc(100% - 6px);
	border:3px solid var(--base-color);
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
	
	cursor: pointer;
	cursor: hand;
}
.products-contents .products-flex .products-waku h4, .downloadcatalog-contents .downloadcatalog-flex .downloadcatalog-waku h4, .dimensions-contents .dimensions-flex .dimensions-waku h4{
	margin:18px 0 10px;
	font-size:16px;
	/*font-family:"Yu Gothic bold", "游ゴシック Bold", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";
	font-weight: 700;*/
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
}

.products-contents .products-flex .products-waku p, .downloadcatalog-contents .downloadcatalog-flex .downloadcatalog-waku p{
	margin:0 0 20px;
	font-size:14px;
}

.products-contents .products-flex .products-waku .viewmore, .downloadcatalog-contents .downloadcatalog-flex .downloadcatalog-waku .viewmore, .dimensions-contents .dimensions-flex .dimensions-waku .viewmore{
	position: absolute;
	left:50%;
	bottom:0;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.products-contents .products-flex .products-waku .buttonOption{
	background-color: #fff;
	bottom:-40px !important;
}

.products-contents .products-flex .products-waku .buttonOption2{
	background-color: #fff;
	bottom:-80px !important;
}

/* 詳細ページ */
.products-syosai{
	margin-top:-40px;
}

.products-syosai-button{
	display: flex;
	flex-wrap :wrap;
	margin:0;
}

.products-syosai-button a{
	position:relative;
	display: block;
	text-align: center;
	width:calc(100% / 3 - 40px);
	margin-bottom:30px;
	
	font-family: var(--title-font);
	font-weight: 700;
	text-decoration: none;
	color:var(--base-color);
	background-color: #fff;
	border:3px solid var(--base-color);
	-webkit-border-radius: 30px;
       -moz-border-radius: 30px;
         -o-border-radius: 30px;
            border-radius: 30px;
}

.products-syosai-button a:not(:nth-child(3n) ){
	margin-right:40px;
}

/* ボタンの横線 */
.products-syosai-button a:after {
	content:"";
	display:inline-block;
	width:36px;
	height:2px;
	background-color:var(--base-color);
	position:absolute;
	top:26px;
	right:-18px;
}

/* ボタンにテキストを配置する時、上下のスペースを揃える */
.products-syosai-button a:before{
	content: "";
	display: inline-block;
	height: 56px;
	vertical-align: middle;
}

.products-syosai-button a.onlinestore{
	background-color:#FBF006;
}



.products-syosai-topimg{
	margin-bottom:60px;
}

.products-syosai-setumeiArea{
	margin-bottom:90px;
}

.products-syosai-setumeiArea-item{
	float:left;
	width:48%;
}

.products-syosai-setumeiArea-item h2{
	padding-bottom:20px;
	margin-bottom:30px;
}

.products-syosai-setumeiArea-item h2 span.title{
	background-color:transparent;
}

.products-syosai-setumeiArea-item p{
	font-size:13px;
}


.products-syosai-setumeiArea-point{
	float:right;
	width:calc(48% - 46px);
	
	margin-top:65px;
	padding:16px 20px;
	background-image: url("../img/index/newsBg.png");
	background-color:#EBEEEE;
	border:3px solid var(--base-color);
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
}

.products-syosai-setumeiArea-point h3{
	margin-top:0;
	border-bottom:1px solid var(--base-color);
	background-image:url("../img/default/h2Bg.png");
	background-repeat: repeat-x;
	background-position: bottom;
	height:35px;
	margin-bottom:10px;
	font-family: var(--title-font);
	font-weight: 700;
}

.products-syosai-setumeiArea-point strong{
	font-family: var(--title-font);
	font-weight: 900;
}

.products-syosai-setumeiArea-point p{
	font-size:13px;
	margin:0;
}

.products-syosai-setumeiArea:after{
	content:"";
	clear: both;
	display: block;
}


.products-syosai-setumeiArea .vid_contents{
	width: 90%;
	text-align: center;
	margin: auto;
	padding: 4% 4% 4% 4%;
	background: #e6e6e6;
}

.products-syosai-setumeiArea .vid_contents video.vid_main{
	width: 100%;
	max-width: 920px;
}


.products-syosai-flex{
	display: flex;
	flex-wrap :wrap;
	margin-top:45px;
}

.products-syosai-flex .products-syosai-waku{
	position: relative;
	width:calc(100% / 4 - 42px);
	margin-bottom:45px;
	
	text-align: center;
	font-size:12px;
	font-family: var(--title-font);
	font-weight: bold;
}

.products-syosai-flex .products-syosai-waku:not(:nth-child(4n)){
	margin-right:55px;
}

.products-syosai-flex .products-syosai-waku .products-syosai-img img{
	width:100%;
	border:3px solid var(--base-color);
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
}



.products-syosai-size, .products-syosai-color{
	position:relative;
	padding:20px 20px 0;
	margin-bottom:90px;
	border:3px solid var(--base-color);
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
}

.products-syosai-size h3, .products-syosai-color h3{
	margin-top:0;
	border-bottom:1px solid var(--base-color);
	background-image:url("../img/default/h2Bg.png");
	background-repeat: repeat-x;
	background-position: bottom;
	height:35px;
	margin-right:-20px;
	padding-right:10px;
	font-family: var(--title-font);
	font-weight: bold;
}

.products-syosai-size h3 span.title, .products-syosai-color h3 span.title{
	display: inline-block;
	float: left;
	background-color: #fff;
	height:35px;
	padding-right:20px;
	font-size:32px;
	line-height:0.7em;
}

.products-syosai-color .products-syosai-color-area{
	position: absolute;
	top:20px;
	right:60px;
}

.products-syosai-color .products-syosai-color-area .color{
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	margin-right:10px;
}

.products-syosai-color .products-syosai-color-area .color-white{
	background-color: #fff;
	border:1px solid #000;
}

.products-syosai-color .products-syosai-color-area .color-black{
	background-color: #000;
}

.products-syosai-color .products-syosai-color-area .color-brown{
	background-color: #70322E;
}

.products-syosai-color .products-syosai-color-area .color-gray{
	background-color: #586574;
}

.products-syosai-color .products-syosai-color-area .color-gray2{
	background-color: #B8BBC1;
}

.products-syosai-color .products-syosai-color-area .color-blue{
	background-color: #9CC3CE;
}

.products-syosai-color .products-syosai-color-area .color-beige{
	background-color: #DDBCA9;
}

.products-syosai-color .products-syosai-color-area .color-pink{
	background-color: #FD5394;
}

.products-syosai-color .products-syosai-color-area .color-orange{
	background-color: #ED6D37;
}

.products-syosai-color .products-syosai-color-area .color-green{
	background-color: #009586;
}

.products-syosai-color .products-syosai-color-area .color-skyblue{
	background-color: #B5E1F8;
}

.products-syosai-color .products-syosai-color-area .color-stainless{
	background: linear-gradient(to right, #C4C4C4, #D4D4D4);
}

.products-syosai-color .products-syosai-color-area .color-mintblue-lightgreen{
	background: linear-gradient(90deg, #00ADC0 0%, #00ADC0 50%, #82BC58 50%, #82BC58 100%);
}

.products-syosai-color .products-syosai-color-area .color-navy-orange{
	background: linear-gradient(90deg, #283D6D 0%, #283D6D 50%, #E99320 50%, #E99320 100%);
}

.products-syosai-color .products-syosai-color-area .color-gray-saxeblue{
	background: linear-gradient(90deg, #C7CDCE 0%, #C7CDCE 50%, #4574A9 50%, #4574A9 100%);
}


.products-syosai-youtube{
	margin-bottom:45px;
	text-align: center;
}

.products-syosai-youtube h4{
	font-size:22px;
	font-family: var(--title-font);
	font-weight: bold;
}

.products-syosai-youtube .youtube{
	position: relative;
	width: 84%;
	padding-top: 56.25%;
	
	margin:0 auto;
}

.products-syosai-youtube .youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


.products-syosai-chui{
	margin-bottom: 100px;
}

.products-syosai-chui h3{
	font-family: var(--title-font);
	font-weight: bold;
	font-size:27px;
	border-bottom:1px solid var(--base-color);
	background-image:url("../img/default/h2Bg.png");
	background-repeat: repeat-x;
	background-position: bottom;
	height:45px;
	margin-bottom:30px;
}



.products-syosai-chui .products-syosai-chui-spec{
	float: left;
	width:47%;
}

.products-syosai-chui .products-syosai-chui-spec table{
	width:100%;
	font-size:13px;
}

.products-syosai-chui .products-syosai-chui-spec th{
	width:70px;
	text-align: right !important;
	font-weight: normal;
	vertical-align: top;
}

.products-syosai-chui .products-syosai-chui-caution{
	float: right;
	width:47%;
	
	font-size:13px;
}

.products-syosai-chui:after{
	content:"";
	clear: both;
	display: block;
}




/* ▼Bracket&Hook series */
.products-syosai-flex .products-syosai-waku-bracket_hook{
	width:calc(100% / 5 - 22px);
	line-height: 130%;
	
}

.products-syosai-flex .products-syosai-waku-bracket_hook:not(:nth-child(4n)){
	margin-right:0;
}

.products-syosai-flex .products-syosai-waku-bracket_hook:not(:nth-child(5n)){
	margin-right:25px;
}

/*ボックス全体*/
        .accbox {
            margin: 2em 0 25px;
            padding: 0 0 0;
            /*max-width: 1200px;*//*最大幅*/
        }

        /*ラベル*/
        .accbox label {
			position: relative;
            display: block;
            margin: 1.5px 0;
            padding : 11px 12px;
            color :var(--base-color);
			font-size:20px;
            font-weight: bold;
            background :#fff;
            cursor :pointer;
            transition: all 0.5s;
			border-bottom:1px solid var(--base-color);
        }

        /*アイコンを表示*/
        .accbox label .arrow:after {
			position: absolute;
			display: inline-block;
			top:10px;
			right:10px;
			
            content: "\f107";
            font-family: 'FontAwesome';
			font-size:28px;
            padding-right: 8px;
	        font-weight: normal;
	        color:#000;
        }

        /*ラベルホバー時*/
        .accbox label:hover {
            background :#D2D2D2;
        }

        /*チェックは隠す*/
        .accbox input {
            display: none;
        }

        /*中身を非表示にしておく*/
        .accbox .accshow {
            height: 0;
            padding: 0;
            overflow: hidden;
            opacity: 0;
            transition: 0.8s;
        }

        /*クリックで中身表示*/
        .cssacc:checked + label + .accshow {
            height: auto;
            padding: 5px;
            background: #fff;
            opacity: 1;
        	font-size:14px;
        	line-height: 180%;
        	padding:10px;
        }

        .cssacc:checked + label + .accshow img.riyuuImg{
        	float:left;
        	margin-right:20px;
        }


        /*アイコンを入れ替える*/
        .cssacc:checked + label .arrow:after{
            content: "\f106";
        }

.products-syosai-color-bracket_hook .products-syosai-color-area{
	position: absolute;
	top:10px;
	right:50px;
}

/* ▲Bracket&Hook series */


/****************/
/* sitemap      */
/****************/
.sitemap{
	display: flex;
	padding:0 40px;
}

.sitemap-2{
	width:calc(100% / 2 - 90px);
}

.sitemap-2:first-child{
	margin-right:180px;
}

.sitemap-2 a{
	display: block;
	color: var(--base-color);
	text-decoration: none;
	font-weight: bold;
	font-size:18px;
	margin-bottom: 40px;
}

.sitemap-waku{
	position: relative;
	border:3px solid var(--base-color);
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
	
	padding: 10px 25px 0;
	margin-bottom:60px;
}

.sitemap-waku a{
	margin-bottom:14px;
}

.sitemap-waku a.sitemap-waku-title{
	position: absolute;
	top:-14px;
	left:-5px;
	background-color: #fff;
	padding:0 10px 0 5px;
}

.sitemap-waku ul{
	margin-bottom: 30px;
	font-size:14px;
}

.sitemap-waku li a{
	margin-bottom:0;
	font-weight: normal;
	font-size:14px;
}

.sitemap-2 ul.gaiyou{
	margin:0;
}

.sitemap-2 ul.gaiyou li{
	list-style-type: none;
}

.sitemap-2 ul.gaiyou li a{
	margin-bottom:0;
	font-weight: normal;
	font-size:14px;
}

/****************/
/* policy       */
/****************/
.policy{
	padding:0 40px;
}

.policy p{
	margin-bottom: 45px;
}

.policy ol li{
	margin-bottom:45px;
}

.policy ul{
	font-weight:bold;
}

.policy ol.policy-ol-second{
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
	margin: 0;
}

.policy ol.policy-ol-second li{
	font-size: 16px;
	line-height: 1.5;
	padding-left: 30px;
	position: relative;
	
	margin-bottom:20px;
}

.policy ol.policy-ol-second li:before{
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 18px;
	width: 18px;
	color: #000;
	font-size: 85%;
	line-height: 1;
	position: absolute;
	top: 2px;
	left: 0;
}

.policy p.chui{
	font-size:14px;
}

/****************/
/* mail         */
/****************/
.mailWaku .formHead{
	text-align: center;
}

.mailWaku table{
	width:100%;
}

.mailWaku th{
	position: relative;
	width:25%;
	text-align: left;
	vertical-align: top;
	padding-bottom: 30px;
	font-size:15px;
}

.mailWaku th sup.need{
	position: absolute;
	top:0;
	right:14px;
	color:#FF0000;
	font-size: 14px;
}

.mailWaku td{
	width:75%;
	padding-bottom: 30px;
	font-size:15px;
}

.mailWaku td input{
	width:90%;
	height:35px;
}

.mailWaku td textarea{
	width:90%;
	height:180px;
}

.mailWaku ::placeholder {
	color: #CCCCCC;
}

.mailWaku .formFoot{
	text-align: center;
}

.mailWaku .formFoot .mailWakuButton{
	position:relative;
	display: block;
	width:300px;
	margin:20px auto 45px;
	padding:20px 0;
	text-align: center;
	text-decoration: none;
	background-color:var(--base-color);
	color:#fff;
	font-size:16px;
	font-family: var(--title-font);
	font-weight: bold;
	border:2px solid var(--base-color);
	-webkit-border-radius: 70px;
       -moz-border-radius: 70px;
         -o-border-radius: 70px;
            border-radius: 70px;
	
	cursor: pointer;
	cursor: hand;
}

/* ボタンの横線 */
.mailWaku .formFoot .mailWakuButton:after {
	content:"";
	display:inline-block;
	width:26px;
	height:2px;
	background-color:var(--base-color);
	position:absolute;
	top:33px;
	right:-13px;

}

/* ボタンにテキストを配置する時、上下のスペースを揃える */
.mailWaku .formFoot .mailWakuButton:before{
	content: "";
	display: inline-block;
	height: 70px;
	vertical-align: middle;
}



.thanksMess{
	text-align: center;
	margin-bottom: 90px;
}

.thanksMess h3{
	font-size:30px;
}




@media (max-width: 1280px){
	header.site-header .headerInner{
		width:100%;
	}
	
	header.site-header .headMenu a.buttonHeaderOnlineshop{
		-webkit-border-radius: 0 0 0 6px;
	       -moz-border-radius: 0 0 0 6px;
	         -o-border-radius: 0 0 0 6px;
	            border-radius: 0 0 0 6px;
	}
	
	.site-contents{
		width: 84%;
		margin:0 auto;
	}
}

@media (max-width: 1130px){
	body{
		min-height: 100vh;
		position: relative;
		margin-bottom:153px;
	}
	
	header.site-header .headerInner{
		padding: 10px 27px 0;
	}
	
	header.site-header .headMenu{
		display: none;
	}
	
	.site-contents{
		width: calc(100% - 40px) !important;
		margin:0 auto;
	}
	
	
	
	/* インスタグラムボタン */
	.button-instagram{
		/* ボタンの配置位置  */
		top:inherit;
		bottom:100px;
		right: 20px;
		/* 最前面に */
		z-index: 9999;
		/* ボタンの大きさ  */
		width: 60px;
		height: 60px;
		background-image:url("../img/Templates/buttonInstagramSp.png");
	}
	
	/* スマホ用のヘッダー */
	.sp-footer{
		display: block;
		position: fixed;
		bottom:0;
		width:100%;
		height:70px;
		background-color:#000;
		padding-top:20px;
	}
	
	.sp-footer a.buttonFooterOtoiawase{
		float:left;
		display: block;
		text-align: center;
		color: #fff;;
		text-decoration: none;
		font-weight: bold;
		width:130px;
		border:3px solid #fff;
		margin-right:5px;
		padding:10px 5px;
		-webkit-border-radius: 6px;
		   -moz-border-radius: 6px;
			 -o-border-radius: 6px;
				border-radius: 6px;
	}
	
	.sp-footer a.buttonFooterOtoiawase span:before{
		content:url("../img/Templates/buttonFooterOtoiawaseIcon.png");
		display: inline-block;
		margin-right:5px;
		height:22px;
	}
	
	.sp-footer a.buttonFooterOnlineshop{
		float:right;
		display: block;
		text-align: center;
		text-decoration: none;
		font-family: var(--header-font);
		font-weight: bold;
		width:170px;
		color:#FBF006;
		background-color:var(--base-color);
		border:3px solid var(--base-color);
		margin:-15px 0 0 0;
		padding:20px 5px 20px;
		-webkit-border-radius: 0 0 6px 6px;
		   -moz-border-radius: 0 0 6px 6px;
			 -o-border-radius: 0 0 6px 6px;
				border-radius: 0 0 6px 6px;
	}
	
	.sp-footer a.buttonFooterOnlineshop span.line{
		border-bottom:1px solid #FBF006;
		display:inline-block;
		height:21px;
	}
	.sp-footer a.buttonFooterOnlineshop span.icon:before{
		content:url("../img/Templates/buttonFooterOnlineshopIcon.png");
		display: inline-block;
		margin-right:5px;
		height:31px;
	}
	
	
	
	.sp-footer:after{
		content:"";
		display: block;
		clear: both;
	}
	
	.libraryCollection .libraryCollection-flex a:not(:last-child){
		margin-right:30px;
	}
	
	
	/* sitemap */
	.sitemap-2{
		width:calc(100% / 2 );
	}
}

@media (max-width: 800px){
	.index-news .index-news-flex .index-news-waku{
		width:calc(100% / 3 - 50px);
	}
	
	
	.libraryLineup-large{
		background-image: url("../img/library/libraryLineup-largeBgSp.jpg");
		background-position:center;
		background-size: cover;
	}
	
	.libraryLineup-large h3{
		margin-top:100px;
		margin-bottom:50px;
		font-size:40px;
		line-height: 120%;
	}
	
	.libraryLineup-large .libraryLineup-large-flex a{
		width:calc(100% / 2 - 30px);
		margin-bottom:50px;
	}
	
	.libraryLineup-large .libraryLineup-large-flex a:not(:nth-child(3n) ){
		margin-right:0;
	}
	
	.libraryLineup-large .libraryLineup-large-flex a:not(:nth-child(2n) ){
		margin-right:30px;
	}
	
	.libraryLineup-3{
		display: block;
	}
	
	.libraryLineup-3 .waku{
		width:calc(100% - 25px);
	}

	.libraryLineup-3 .waku:not(:last-child){
		margin-right: 0;
		margin-bottom:60px;
	}

	.libraryLineup-3 .waku h3{
		margin-top:100px;
		margin-bottom:50px;
		font-size:40px;
	}
	
	
	.libraryCollection .libraryCollection-flex{
		flex-wrap :wrap;
	}
	
	.libraryCollection .libraryCollection-flex a{
		width:calc(100% / 2 - 20px) !important;
		height:200px;
		margin-bottom: 20px;
	}

	.libraryCollection .libraryCollection-flex a:not(:last-child){
		margin-right:0;
	}
	
	.libraryCollection .libraryCollection-flex a:not(:nth-child(2n) ){
		margin-right:20px;
	}
	
	.libraryButtonPdf{
		display: block;
	}

	.libraryButtonPdf a{
		width:100%;
		height:100px;
	}

	.libraryButtonPdf a:first-child{
		margin-right: 0;
		margin-bottom:45px;
	}
	
	.libraryTanabeLink{
		width:100%;
	}
	
	/* index */
	.index-news .index-news-flex .index-news-waku{
		padding-right:0;
	}
	
	
	/* products */
	.products-button, .downloadcatalog-button{
		padding:0;
	}
	
	.products-button a, .downloadcatalog-button a{
		width:calc(100% / 3 - 20px);
	}

	.products-button a:not(:last-child), .downloadcatalog-button a:not(:last-child){
		margin-right:20px;
	}
	
	
	.products-contents .products-flex .products-waku, .downloadcatalog-contents .downloadcatalog-flex .downloadcatalog-waku, .dimensions-contents .dimensions-flex .dimensions-waku, .diyworks-contents .diyworks-flex .diyworks-waku{
		width:calc(100% / 2 - 32px);
	}

	.products-contents .products-flex .products-waku:not(:nth-child(4n)), .downloadcatalog-contents .downloadcatalog-flex .downloadcatalog-waku:not(:nth-child(4n)), .dimensions-contents .dimensions-flex .dimensions-waku:not(:nth-child(4n)), .diyworks-contents .diyworks-flex .diyworks-waku:not(:nth-child(4n)){
		margin-right:0;
	}
	
	.products-contents .products-flex .products-waku:not(:nth-child(2n)), .downloadcatalog-contents .downloadcatalog-flex .downloadcatalog-waku:not(:nth-child(2n)), .dimensions-contents .dimensions-flex .dimensions-waku:not(:nth-child(2n)), .diyworks-contents .diyworks-flex .diyworks-waku:not(:nth-child(2n)){
		margin-right:45px;
	}
	
	.diyworks-button{
		width:90%;
		margin: 0 auto 60px;
	}

	.diyworks-button a{
		width:100%;
		height:60px;
	}
	/* ボタンの横線 */
	.diyworks-button a:after {
		top:29px;
	}
	
	.diyworks-button a:before{
		height: 63px;
	}

}

@media (max-width: 740px){
	.libraryLineup-2{
		display: block;
	}
	
	.libraryLineup-2 .waku{
		width:calc(100% - 25px);
	}

	.libraryLineup-2 .waku:first-child{
		margin-right: 0;
		margin-bottom:60px;
	}
	
	.libraryLineup-2 .waku h3{
		font-size:40px;
	}
	
	
	.index-title{
		margin-bottom:30px;
	}
	
	.index-title .index-title-title1 img.pc, .index-title .index-title-title2 img.pc{
		display: none;
	}
	
	.index-title .index-title-title1 img.sp, .index-title .index-title-title2 img.sp{
		display: block;
	}
	
	.index-title .index-title-title1{
		width:40%;
	}

	.index-title .index-title-title2{
		width:57%;
	}
	
	.index-title .index-title-title2 .index-title-title2-img{
		margin-bottom:14px;
	}
	
	
	.libraryTanabeLink a{
		width:calc(100% / 2 - 40px);
	}
	
	
	/* index */
	.index-news h2{
		margin-bottom:20px;
	}
	
	.index-news .index-news-flex{
		display:block;
	}
	
	.index-news .index-news-flex .index-news-waku{
		width:100%;
		margin-left:0;
		padding-bottom:30px;
		border-bottom:1px dashed #727272;
	}

	.index-news .index-news-flex .index-news-waku:not(:nth-child(3n) ){
		border-right:none;
		/*margin-right:30px;*/
	}
	
	.index-news .index-news-flex .index-news-waku .date{
		margin-bottom:20px;
	}
	
	
	/* products */
	/*.products-syosai-button a{
		width:100%;
	}
	
	.products-syosai-button a:not(:nth-child(3n) ){
		margin-right:0;
	}*/
	
	.products-syosai-button a{
		width:calc(100% / 3 - 60px);
		padding:20px;
		-webkit-border-radius: 60px;
		   -moz-border-radius: 60px;
			 -o-border-radius: 60px;
				border-radius: 60px;
	}
	
	.products-syosai-button a:not(:nth-child(3n) ){
		margin-right:20px;
	}

	/* ボタンの縦線に変更 */
	.products-syosai-button a:after {
		content:"";
		display:inline-block;
		width:2px;
		height:30px;
		background-color:var(--base-color);
		position:absolute;
		top:90%;
		left:50%;
	}

	/* ボタンにテキストを配置する時、上下のスペースを揃える */
	.products-syosai-button a:before{
		display: none;
	}
	
	
	
	
	.products-syosai-flex .products-syosai-waku{
		width:calc(100% / 2 - 42px);
		margin-bottom:45px;
	}

	.products-syosai-flex .products-syosai-waku:not(:nth-child(4n)){
		margin-right:0;
	}
	
	.products-syosai-flex .products-syosai-waku:not(:nth-child(2n)){
		margin-right:55px;
	}
	
	.products-syosai-flex .products-syosai-waku-bracket_hook{
		width:calc(100% / 2 - 22px);
	}
	
	.products-syosai-flex .products-syosai-waku-bracket_hook:not(:nth-child(5n)){
		margin-right:0;
	}
	
	.products-syosai-flex .products-syosai-waku-bracket_hook:not(:nth-child(2n)){
		margin-right:25px;
	}
	
	
	.products-syosai-flex{
		margin-top:55px;
	}
	
	.products-syosai-color .products-syosai-color-area{
		top:70px;
		right:0;
	}
	
	.products-syosai-color-bracket_hook .products-syosai-color-area{
		top:60px;
		right:10px;
	}
	
	.products-syosai-setumeiArea-item{
		float:none;
		width:100%;
		margin-bottom: 60px;
	}

	.products-syosai-setumeiArea-point{
		float:none;
		width:calc(100% - 46px);
	}
	
	.products-syosai-youtube .youtube{
		width: 100%;
	}
	
	.products-syosai-chui .products-syosai-chui-spec{
		float: none;
		width:100%;
		margin-bottom: 60px;
	}

	.products-syosai-chui .products-syosai-chui-caution{
		float: none;
		width:100%;
	}
	
	/* policy */
	.policy{
		padding:0;
	}
	
	.policy ol, .policy ul{
		padding-left:20px !important;
	}
	
	.policy ol.policy-ol-second{
		padding-left:0 !important;
	}
	
	
	
	/* sitemap */
	.sitemap{
		display: block;
	}

	.sitemap-2{
		width:100%;
		margin: 0 auto;
	}
	
	.sitemap-2:first-child{
		margin-right:0;
	}
	
	
	/* mail */
	.mailWaku th{
		display: block !important;
		width:100% !important;
		padding-bottom: 10px;
	}

	.mailWaku th sup.need{
		position:static;
	}

	.mailWaku td{
		display: block !important;
		width:100% !important;
	}

}
	

	
@media (max-width: 570px){
	.libraryLineup-large .libraryLineup-large-flex a{
		width:100%;
		margin-bottom:40px;
	}
	
	.libraryLineup-large .libraryLineup-large-flex a:not(:nth-child(2n) ){
		margin-right:0;
	}
	
	/* products */
	.products-button a, .downloadcatalog-button a{
		width:calc(100% / 3 - 5px);
		padding: 5px 20px 5px 5px;
		line-height: 120%;
	}

	.products-button a:not(:last-child), .downloadcatalog-button a:not(:last-child){
		margin-right:5px;
	}
	
	/* ボタンにテキストを配置する時、上下のスペースを揃えるのを解除 */
	.products-button a:before, .downloadcatalog-button a:before{
		display: none;
	}
	
	
	.products-syosai{
		margin-top:-20px;
	}
	
	
	.products-syosai-button a{
		width:100%;
	}
	
	.products-syosai-button a:not(:nth-child(3n) ){
		margin-right:0;
	}
	
	/* ボタンの横線に戻す */
	.products-syosai-button a:after {
		content:"";
		display:inline-block;
		width:36px;
		height:2px;
		background-color:var(--base-color);
		position:absolute;
		top:32px;
		right:-18px;
		left:inherit;
	}
}