@charset "utf-8";
/* CSS Document */
img {image-rendering: -webkit-optimize-contrast;}/*Chromeで画像がぼやける場合のCSS対処法*/
li {list-style: none;}/*2022.6.24 商品一覧ページ トップnaviエリア改修時追加*/

/*hover よく使う設定*/
a {outline: none;}
ul.no a {
  display: inline-block;
  color: 000;
  text-decoration: none;
}
ul.no a:visited {
  color: 000;
  text-decoration: none;
  outline: none;
}
ul.no a:hover {
  opacity: 0.6;
}

h1.ttl01 {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  padding: .2em .5em;
  background: -webkit-linear-gradient(to right, rgb(255, 186, 115), transparent);
  background: linear-gradient(to right, rgb(102,102,102), transparent);
  margin-bottom: 5px;
    }
h1.ttl04 {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  padding: .2em .5em;
  background: -webkit-linear-gradient(to right, rgb(255, 186, 115), transparent);
  background: linear-gradient(to right, rgb(102,102,102), transparent);
  margin-bottom: 5px;
    }

/*共通_汎用　テキストサイズのみ*/
.basicT01 {font-size: 1rem;}

/*共通　サンプル帳廃番完売*/
.ttl_discontinuation {
  text-align: center;
  font-size: 2rem;
  color:#fff;
  background-color: #000;
  margin-bottom:5rem;
  margin-top: 5rem;
  line-height: 2;
}


/*共通　サンプル帳ページ　商品説明用*/
.pDetails {
  margin-top: 1.25rem;
  margin-bottom: 0;
  margin-left: 1rem;
  padding: 0;
  font-size: 1rem;
  text-align: left;
  }
.pDetails a{text-decoration-line: none;}
.ttlRank{
  margin: 0 .5rem -.5rem;
  line-height: 1.8;
  color: #fff;
  font-size: 1rem;
}/*売れ筋ランキング*/
.ttlRank_bk{background-color: #090;}/*売れ筋ランキング*/
.bnSpace{margin: 30px 0;}/*売れ筋ランキング バナー上下スペース*/

/*共通　試験データ*/
.annotation { color: #f00;}/*試験データ 注記（赤文字）*/
.annotation2 { color: #f00; font-size: 0.75rem;}/*試験データ 注記（赤文字）fontsize12px=0.75rem 1rem=16px　*/

/*共通　動画枠消*/
video {
/*iPhone safariの枠線を消す*/
  filter: drop-shadow(0px 0px rgba(0,0,0,0));
/*PCのChromeの枠線を消す*/
  outline: none;
  border: none;　　
}

/*HP レフトナビ*/
/*HP レフトナビ　シリーズバナーセット---（例 はっ水）*/
ul.bn3 { list-style: none;}
.naviTxt{ font-size: .8em;}
p.naviTxt a { color: blue !important;}
.naviTxt a:hover { color: blue;}
.naviTxt a::after { color:blueviolet;}  

/*ロイヤルジャカード　特長*/
#typeRoyal {
  width: 650px;
  font-size: 1rem;/*このサイトは16px*/
}
#typeRoyal table {
  border-collapse: collapse;
  margin: 0 auto;
}
#typeRoyal td{
  width: 85%;
  border: 1px solid #F1F0D6;
  padding: 20px 10px 20px 20px;
  font-size: 0.875rem;
}
#typeRoyal th {
  width: 15%;
  padding: 10px;
  border: 1px solid #F1F0D6;
  background: #fcfcf4;
  font-size: 1rem;
  font-weight: normal;
  white-space: nowrap;
}
.link_txt {
  font-size: 0.75rem;
  white-space: nowrap;
}
.txt_nowrap { white-space: nowrap;}
.txt_space {letter-spacing:0.5em;}
.txt_space_02 { margin-left: 1rem;}


/*マスク関連　サンプル帳ページにマスク追加*/
	.imgStyle01 {
		padding-top: 50px;
	}
	.imgStyle02 {
		padding-top: 20px;
		}
	.imgStyle03 {
		padding-top: 10px;
		}
  .ttl05 {
    font-size: 2rem;
    padding-bottom: 0;
    margin-bottom: -10px;
  } 

.txtMask {
  margin: 0;
  padding: 0 4rem .5rem;
  font-size: 1rem;
  text-align: left;
}
/*.txtMask {
  margin: 0;
  padding: 0 4rem 0 0;
  line-height: 1.5;
  font-size: 1rem;
text-align: right;}*/

.txtMask01  {
  margin: 0 0 -.5rem;
  padding: 0 4rem;
  font-size: 1rem;
  text-align: right;
  line-height: 1;
}
.txtMask02  {
  margin: 0;
  padding: 0 4rem .5rem;
  font-size: 1rem;
  text-align: right;
}

.txtMask03  {
  margin: -1.5rem 0 0;
  padding: 0 4rem .5rem;
  font-size: 1rem;
  text-align: left;
}
/*.txtMask02  {
  margin: 0;
  padding: 0 4rem .5rem;
  font-size: 1rem;
  text-align: left;
}*/
.txtMask04 {
  margin: 0;
  padding: /*0 4rem 0 0*/;
  line-height: 1.5;
  font-size: 1rem;
  text-indent: 3.5rem;
text-align: left;
	}
.txtMask05 {
  margin: 0;
  padding: 0rem .5rem .5rem;
  font-size: 1rem;
  text-align: left;
}
.txtMask06 {
  margin: 0;
  padding: .5rem .5rem;
  font-size: 1rem;
  text-align: left;
}/*不採用 オルフェス ギャラリー2案*/


/*サンプル帳ページ　動画用　36000-405,786,619,*/
.mv {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  }	
.mv ul {
	/*width:;
  padding:;*/
  position: relative;  
}
.mv ul li{
  /*line-height:2 ;*/
  /*padding: 0.5em 0;*/
  /*list-style-type: none !important;*/
}
/* li:nth-child(2) {margin-left: 40px;} */


/*サンプル帳ページ　特長　36000-721,771,44000-511,48000-na,53600,*/
#Pdata {
	margin: 100px 0;
  width: 760px;
  font-size: 1rem;/*このサイトは16px*/
	letter-spacing:1px;
}

.ttl {
  position: relative;
  padding:  .5em;
	font-size: 1.25rem;
	font-weight: 500;
	letter-spacing:3px;

}
.ttl::before,
.ttl::after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 4px;
  box-sizing: border-box;
}
.ttl::before {
  top: 0;
}
.ttl::after {
  bottom: 0;
  border-top: 1px solid #ccc;
  border-bottom: 2px solid #ccc;
}

	#Pdata .txt_indent {
		text-indent: 4.25rem;
    margin-top: 1rem;
	}
.txt_indent2 {
  padding-left:2em;
  text-indent:-2em;
  }/*未使用*/
	.paragraph {padding-bottom: 1rem;}
	.Dbox {
		padding: 0 2rem;
	}/*未使用*/
	.box1 {
		padding: 1.5rem 2rem 0;
	}
	.box2 {
		padding: 1.5rem 2rem 3rem;
	}
	.kochira {
		font-size: .85rem;
	}
	p.kochira {
		margin: 2rem 0 0;
	}
	p.kochira2 {
		font-size: .85rem;
		margin: 2rem 0;
	}
#Pdata section {
		margin-bottom: 4.5rem;
	}
.line_section {
  width: 724px;
  border-top: 4px dotted #ccc;
  }
.link_txt {
  font-size: 0.75rem;
  white-space: nowrap;
}
.txt_center {text-align: center;}
.txt_nowrap { white-space: nowrap;}
.txt_space {letter-spacing:0.5em;}
.txt_space_02 { margin-left: 1rem;}

#areaA {
	margin-top: 2rem;
	margin-bottom: 2.5rem;
  /*box-shadow :0px 0px 3px silver;*/
  /*border: solid 1px whitesmoke;*/
	background: /*#F1F0D6 #fafafa*/whitesmoke;
	}
#areaA ul {
	width: 325px;
  /*box-shadow :0px 0px 3px silver;*/
  /*border: solid 1px whitesmoke;*/
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  background:/* #F1F0D6#fafafa*/;
}

#areaA ul li {
  line-height: 2;
  padding: 0.5em 0;
  list-style-type: none!important;
}
.arrows {color: #666;font-size: 0.9em; }	
#areaA {display: flex;}	
	
.hover1 {
  display: inline-block;
  /*padding: 0.6em 2em;
  margin: 0 0 1em;
  background-color: #4CAF50;*/
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
.hover1:hover {
  opacity: 0.6;
}
a {outline: none;}	
a:focus{outline:none;}
.no a:link {color: 000;	text-decoration: none;}
.no a:visited {color: 000;	text-decoration: none;}
.no a:hover {color: 000;	text-decoration: none;}
.no a:active {color: 000;	text-decoration: none;}
	
.pic-line {border: 1px solid #e5e5e5;}	
.pic-line02 {border: 1px solid #d2d2d2;}

/*サンプル帳　ページ下部メニュー追加　2021.11.5*/
  /*　リスト横並び用　*/
.area_m {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding-bottom: 1rem;
  }	
.area_m ul {
  position: relative;  
}
.area_m ul li{
  /*line-height:2 ;*/
  /*padding: 0.5em 0;*/
  /*list-style-type: none !important;*/
}
.area_m li:nth-child(2) {margin-left: 40px;}  
.areaWrap {margin-top: 100px; margin-bottom: 30px;}


/*leftnavi（サンプル帳・ギャラリー・試験データ…等）サンプル帳の横にBNでリンク追加*/
.bNumber {padding-left: 114px;}
/*.bn {padding-left: 100px;}    後削除*/
.bn {display:inline-block;  padding-left: 6em;} /*2020.11.19　随時BK追加して行く…開始日*/


/*s-room ショールーム展示会*/
#wrap table.room img {
	padding: 0;
}
#wrap table.room td {
	padding: 0 0;
}
.txt-new {
  font-weight: bold;
  color: #ff0000;
  }
  .wrapBt{ margin: 0 0 10px 15px;}
  .backBt {
  display: inline-block;
  max-width: 180px;
  text-align: center;
  background-color: #585858/*#696969*//*#000*//*#708090*//*#2F4F4F*/;
  font-size: 16px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 21px;
  position: relative;
}

.backBt:before {
  /*font-family: "FontAwesome";
  content: "\f0a8";*//* 好きなフォントアイコンを　*/
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -8px;
}
.backBt:hover {
  opacity: 0.5;
}
  .wrapBt-all { 
    display: flex;
    justify-content: space-between;
  }


/*商品一覧ページ  トップnaviエリア（PDF）*/
.pList_ttl {
  text-decoration: none;
  color: #F08080;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 20px 0 14px;;
  padding: 0 0 0 10px;
  border: 0;
  font-style: normal;
}
.pList_ttl2 {border-top: 1px solid #ccc;}  
  
.navi {
  width: 1250px;
  padding: 14px 0 20px;
}
.boxNavi {
  display: flex;
  flex-wrap: wrap;
}
ul.boxNavi li {
  align-self: center;
  justify-content: center;
  padding-left: 10px;
}
.navi2 {
  width: 1780px;
  padding-left:40px;
  /*padding: 14px 0 20px;*/
}
.boxNavi2 {
  display: flex;
  flex-wrap: wrap;
}
ul.boxNavi2 li {
  align-self: center;
  justify-content: center;
  padding: 0 1rem;
}
.naviNote {color: #666; font-size: .75rem;letter-spacing: 1px;}

/*以下、itemページ slickスライダー*/
/*パターン1 2行以上が崩れる*/
/*.slick-img {
  width: 760px;
}*/
/*.slider-container {
  margin: 30px auto 0;
  max-width: 760px;
  width: 100%;
}
.slider-container img {
  height: auto;
  width: 100%;
  padding: 0 !important;
}
.thumbnail .slick-track {
  transform: unset !important;
}
.thumbnail-img {
  opacity: 0.5;
  transition: opacity .3s linear;
  cursor: pointer;
  width: calc(100% / 6) !important;
}
.thumbnail .slick-current {
  opacity: 1;
}
*/

/*パターン2*/
.slider-container {
  overflow: hidden;
  max-width: 760px;
  /*max-width: 680px;*/
  /*width: 100%;*/
  margin: 0 auto;
  /*display: block;*/
}
.slider-container img {
  max-width: 100%;
  display: block;
  height: auto;
  padding: 0 !important;
}
/*以下、スライダー画像下揃えにする場合*/
/*.slider .slick-track {
  display: flex;
  align-items: flex-end;
  margin-bottom: 5px;
}*/
/*スライダー画像下揃え時の左側余白を消すため　style.cssに有り*/
/*#wrap .main {
  border-collapse: collapse!important;
}*/
/*スライダー画像下揃えにする場合　終わり*/

.thumbnail .slick-track,
.thumbnail02 .slick-track,
.thumbnail03 .slick-track, 
.thumbnail04 .slick-track {
  transform: unset !important;
  width: 100% !important;
  display: flex;
  /*justify-content: space-between;*/
  flex-flow: row wrap;
}

.thumbnail .slick-slide,
.thumbnail02 .slick-slide,
.thumbnail03 .slick-slide,
.thumbnail04 .slick-slide {
    display: block!important;
    float: none !important;
    flex: 0 0 20%;/*grow(1は端まで延ばす),shrink,basis(一画像当たりの横長さ)*/
}
.thumbnail .slick-track:before,
.thumbnail02 .slick-track:before,
.thumbnail03 .slick-track:before,
.thumbnail04 .slick-track:before {
  display: none;
}
.thumbnail .slick-track:after,
.thumbnail02 .slick-track:after,
.thumbnail03 .slick-track:after,
.thumbnail04 .slick-track:after {
  display: none;
}
.thumbnail-img {
  opacity: .6;
  transition: opacity .3s linear;
  cursor: pointer;
  width: calc(100% / 6) !important;
}
.thumbnail .slick-current,
.thumbnail02 .slick-current, 
.thumbnail03 .slick-current, 
.thumbnail04 .slick-current {
  opacity: 1;
}
/*以下、itemページ slickスライダー　終わり*/

/*以下、無料サンプル帳会員ページへのリンク関連*/
.r-sample img {
  padding: 0;
  margin: 0;
}
/*無料サンプル帳会員ページへのリンク関連　終わり*/

/*製品例アイテム別タイトル*/
.seihinrei_ttl h3 {
  background-color: #f4f5f4;
  display: inline-block;
  padding: .5em 3em .5em 2.6em;
  margin: 24px 0 .5em 0;
  font-size: 17px;
  color: #3f443e;
  border-left: 12px solid #e7eae7;
  border-radius: 0 5px 5px 0;
}
/*製品例アイテム別タイトル　終わり*/