@charset "utf-8";
/* CSS Document */
/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

	カテゴリー　コンテンツ
	
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
/***
====================================================================================================================================================================================================================================================================================


各商品カテゴリー　コンテンツ共通ページ  common　contents


====================================================================================================================================================================================================================================================================================
***/
.contents {
  width: 700px;
}
.seriesList {
  /*  margin-bottom: 16px;*/
}
/*.category-contents h3 {
  text-align: center;
  font-size: 16px;
  background: #666;
  color: #fff;
  padding: 5px 0;
  margin-bottom: 24px;
  font-weight: bold;
}
*/
/*　各最上位カテゴリーのカテゴリー名　*/
.category_bigtitle {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  margin: 24px 0 4px;
  color: #16254a;
}
.cateCo_header {
  margin-bottom: 48px;
}
.cateCo_header img {
  margin-bottom: 16px;
}
.category_title {
  padding: 10px 0 5px;
  margin-bottom: 24px;
  font-size: 22px;
  line-height: 1.3;
  color: #333;
  text-align: left;
  font-weight: bold;
  border-bottom: solid 3px #333;
}
.category_uppertext img {
  margin-bottom: 16px; /* 楽天 */
}
/*.category_title.fl {
  background: #E6B514;
  font-weight: bold;
}
*/
.category_title img {
  box-shadow: 0 3px 6px #ccc;
}
/*　カテゴリーリスト　*/
.categoryList ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 48px
}
.categoryList ul li {
  width: 30%;
  box-sizing: border-box;
  margin-bottom: 32px;
  background: #f9f6f5;
}
.categoryList ul li a {
  color: #333;
}
.categoryList ul li a dt img {
  width: 100%;
}
.categoryList ul li a dd {
  padding: 16px 16px 24px 16px
}
.categoryList ul li a:hover {
  opacity: 0.6
}
.categoryList ul li h2 {
  font-size: 16px;
  margin-bottom: 8px;
  font-weight: normal;
  line-height: 1.3
}
.categoryList ul li a dd p {
  color: #666;
  font-size: 12px;
  line-height: 1.2
}
#ijm-category span.nitie {
  display: inlie-block;
  font-size: 12px;
  margin-bottom: 5px
}
/***
====================================================================================================================================================================================================================================================================================

01-dp
デジタル印刷機消耗品


====================================================================================================================================================================================================================================================================================
***/
/*******************************************************************************　

デジタル印刷機消耗品カテゴリートップ
.contents_dp01 各メーカー第2階層
表組

*******************************************************************************/
.contents_dp h3 {
  margin-bottom: 16px;
  margin-top: 32px;
}
.contents_dp table {
  border-collapse: collapse;
  width: 100%;
  border-left: solid 1px #ccc;
}
.contents_dp table td {
  width: calc(100%/7);
  padding: 16px 8px;
  border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}
.contents_dp table:nth-of-type(2) td:nth-of-type(n+3) {
  border: none;
}
.contents_dp table td dl dt {
  font-weight: bold;
  margin-bottom: 8px;
  line-height: 1.2;
  text-align: center;
}
.contents_dp table td dl dd {
  display: flex;
  justify-content: space-between;
}
.contents_dp table td dl dd a {
  font-size: 13px;
  width: 50%;
  text-align: center;
  box-sizing: border-box;
}
.contents_dp table td dl dd a:hover {
  text-decoration: underline;
}
.contents_dp table a:hover {
  opacity: 0.6;
}
/*********************

リコー純正　タブ切替
リコーカテゴリーtop

********************/
.dpTabArea .tab {
  justify-content: center;
}
.dpTabArea {
  margin-bottom: 8.0em;
}
.dpTabArea a:hover {
  opacity: 0.6;
}
.dpTabArea h2 {
  font-size: 1.4rem;
  margin-bottom: 16px;
}
.dpTabArea h2 + p {
  font-size: 1.2rem;
  margin-bottom: 24px;
}
.dpTabArea .flexArea {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 24px;
}
.dpTabArea .flexArea div {
  flex-basis: 12.85%;
  background: #fff;
  padding: 16px;
  text-align: center
}
.dpTabArea .flexArea div dl dt {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 16px;
}
.dpTabArea .flexArea div dl dd {
  border: solid 2px #999;
  margin-bottom: 8px;
  border-radius: 10px;
}
.dpTabArea .flexArea div dl dd a {
  padding: 10px;
  display: block;
}
.dpTabArea .tab li {
  width: calc(100%/5);
}
.dpTabArea .tab li a {
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: center;
}
/*******************************************************************************　

リコー純正品のシリーズごとのタブデザイン

*******************************************************************************/
.rc-gi-TabArea .area.is-active {
  background: #f4e4e4 !important;
}
.rc-gi-TabArea .tab {
  justify-content: center;
}
.rc-gi-TabArea .tab li {
  width: calc(100%/5);
}
.rc-gi-TabArea .tab li a {
  background: #f2f2f2;
  border-top: solid 1px #999;
  border-radius: none;
  line-height: 1.4;
  color: #999;
  font-size: 16px !important;
  text-align: center;
}
.rc-gi-TabArea .tab li a span {
  font-size: 14px;
  width: 100%;
  display: block;
  text-align: center;
}
.rc-gi-TabArea .tab li.active a {
  background: #f4e4e4;
  border-top: solid #f4e4e4;
  border-radius: none;
  border-radius: 0 !important;
  color: #333;
  /*        font-size: 21px !important;*/
}
.area h2 {
  text-align: center;
}
.area h2:nth-child(2) {
  margin-top: 24px;
}
.area.rc-gi-area table {
  border-collapse: collapse;
  border-spacing: 5px;
  background: #FFF;
  width: 100%;
}
.area.rc-gi-area table th {
  font-size: 13px;
  border-bottom: solid 1px #333;
  white-space: nowrap;
  line-height: 1.4;
  font-weight: bold;
  padding: 0 10px;
}
.area.rc-gi-area table tr {
  border-bottom: solid 1px #999;
}
.area.rc-gi-area table td {
  padding: 10px;
  text-align: center;
  font-size: 14px;
}
.area.rc-gi-area table td:first-child {
  width: 60%;
  font-size: 16px;
  line-height: 1.4;
}
.area.rc-gi-area table.rc-gi-table-i td:nth-child(3) {
  font-size: 13px;
}
.area table.rc-gi-table-i th:first-child {
  width: 7%;
  text-align: center;
}
.area table.rc-gi-table-m td:nth-child(3) {
  text-align: center;
}
.area table.rc-gi-table-m td:nth-child(2) span {
  background: #666;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
}
.area table.rc-gi-table-m th:first-child {
  width: 10%;
  text-align: center;
}
.area.rc-gi-area table th:last-child {
  padding: 5px 30px;
  width: 30%;
}
.area.rc-gi-area table td:last-child a {
  border: solid 2px #999;
  padding: 5px 10px 5px 15px;
  box-sizing: border-box;
  border-radius: 5px;
  /*    font-weight: bold;*/
  position: relative;
  background: #fff;
  width: 100%;
  display: block;
  color: #333;
  font-size: 16px;
}
.area.rc-gi-area table td:last-child a::before {
  content: "\0bb";
  position: absolute;
  top: 0;
  left: 2px;
  width: 21px;
  height: 21px;
  font-size: 21px;
}
.area.rc-gi-area table td:last-child a:hover {
  opacity: 0.6;
}
.area.rc-gi-area table .color div {
  font-size: 11px;
  color: #fff;
  padding: 5px 1px;
  border-radius: 3px;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap
}
/***
====================================================================================================================================================================================================================================================================================


02-ic
コンテンツ　インクカートリッジ　ic


====================================================================================================================================================================================================================================================================================
***/
.contents_ic02.bg-ic {
  background: #CBE0E9;
  padding: 1.5em;
}
section h4 {
  font-size: 36px;
  font-weight: bold;
}
.section h4, .section-search h4 {
  font-size: 1.2rem;
  margin-bottom: 16px;
  color: #fff;
}
.contents_ic02 h4 {
  background: #294C5F;
  color: #fff !important;
  padding: 8px;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 16px;
  font-size: 1.2rem;
}
.contents_ic02 .seriesList li {
  /*border: solid 1px #ccc;*/
  padding: 16px 8px 24px 8px;
  box-sizing: border-box;
  border-radius: 5px;
  box-shadow: #294c62 6px 6px 0px;
  background: #fff;
  height: 195px;
  margin-bottom: 16px;
}
.contents_ic02 .seriesList li a:hover {
  opacity: 0.6;
}
.contents_ic02 .seriesList li a dt {
  text-align: center;
  margin-bottom: 16px
}
.contents_ic02 .seriesList li a dt span {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 20px;
  color: #294C62;
}
.contents_ic02 dl dd {
  display: block;
}
/*　汎用・純正・リサイクル種別ボタン共通　*/
.contents_ic02 .icon {
  padding: 10px 0px;
  display: block;
  color: #fff;
  text-align: center;
  width: 98%;
  margin: 5px auto 0;
  font-weight: bold;
  border-radius: 5px;
  background: #698cb9;
}
/*汎用品*/
.contents_ic02 .iconRe {
  background: #59BF9D;
}
/*純正品*/
.contents_ic02 .iconJu {
  background: #999;
}
/*リサイクル品*/
.contents_ic02 .iconHan {
  background: #297EB4;
  margin-top: 10px
}
/*　コンテンツ　ローランド、ミマキページ　　*/
.cate02_rolamd_mimaki {
  border-bottom: solid 20px #ccc;
  width: 820px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 40px;
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 1.6;
}
.rolamd_mimaki_exp_jp {
  margin-bottom: 20px
}
.cate02_rolamd_mimaki h3 {
  font-size: 32px;
  line-height: 1.2;
  height: 100px;
  padding-top: 20px;
  padding-left: 20px;
  margin-bottom: 20px;
  color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.thin_small {
  font-size: 18px;
  color: #fff;
  font-weight: normal;
}
.cate02_rolamd_mimaki_h4 {
  overflow: hidden;
  margin-bottom: 20px;
  line-height: 1.2
}
.cate02_rolamd_mimaki_h4 img {
  float: left;
}
.cate02_rolamd_mimaki_h4 h4, .cate02_rolamd_mimaki_h4 p {
  margin-left: 190px
}
.cate02_rolamd_mimaki h4 {
  font-size: 24px;
  margin-bottom: 10px;
  color: #F00;
}
.cate02_rolamd_mimaki_h4 p {
  margin-right: 100px
}
.cate02_rolamd_mimaki h5 {
  color: #4E4642;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  border: solid 1px #4E4642;
}
.cate02_rolamd_mimaki dt {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #4E4642;
}
.cate02_rolamd_mimaki dd {
  font-size: 16px;
  line-height: 1.6;
  color: #4E4642;
}
.cate02_rolamd_mimaki ul {
  margin-right: 50px;
  padding-left: 20px;
}
.cate02_rolamd_mimaki ul li {
  margin-bottom: 10px;
  line-height: 1.6;
}
/***
====================================================================================================================================================================================================================================================================================


04-ijm
カテゴリー
インクジェットメディア


====================================================================================================================================================================================================================================================================================
***/
/*　item_variation　大判インクジェットメディア　タイプ表　色のパターン５色を使い分ける　*/
.mediaType .mediaType-name {
  padding: 10px;
  font-size: 18px;
  margin-bottom: 16px;
  font-weight: normal;
}
/*　mediaType01のカラー　水色　*/
.mediaType01 .mediaType-name {
  border-left: solid 15px #5fb8cc;
}
.mediaType01 .mediaType-name, .mediaType01 .item_variation th, .mediaType01 .item_variation .item-number {
  background: #D8ECF7;
}
/*　mediaType02のカラー　オレンジ　*/
.mediaType02 .mediaType-name {
  border-left: solid 15px #f49a7e;
}
.mediaType02 .mediaType-name, .mediaType02 .item_variation th, .mediaType02 .item_variation .item-number {
  background: rgb(247, 225, 216) none repeat scroll 0% 0%;
}
/*　mediaType03のカラー　グリーン　*/
.mediaType03 .mediaType-name {
  border-left: solid 15px #518e8e
}
.mediaType03 .mediaType-name, .mediaType03 .item_variation th, .mediaType03 .item_variation .item-number {
  background: rgb(219, 236, 233) none repeat scroll 0% 0%;
}
/*　mediaType04のカラー　青　*/
.mediaType04 .mediaType-name {
  border-left: solid 15px #1B3BA0;
}
.mediaType04 .mediaType-name, .mediaType04 .item_variation th, .mediaType04 .item_variation .item-number {
  background: rgb(185, 202, 234) none repeat scroll 0% 0%;
}
/*　mediaType05のカラー　ピンク　*/
.mediaType05 .mediaType-name {
  border-left: solid 15px #D47FC1;
}
.mediaType05 .mediaType-name, .mediaType05 .item_variation th, .mediaType05 .item_variation .item-number {
  background: rgb(247, 212, 238) none repeat scroll 0% 0%;
}
.mediaType01 .item_variation {
  background: rgba(245, 247, 251, 0.9) none repeat scroll 0% 0%;
}
.mediaType02 .item_variation {
  background: rgba(247, 241, 229, 0.5) none repeat scroll 0% 0%;
}
.mediaType03 .item_variation {
  background: #f2f9f7e6;
}
.mediaType04 .item_variation {
  background: rgba(241, 244, 251, 0.9) none repeat scroll 0% 0%;
}
.mediaType05 .item_variation {
  background: rgba(251, 245, 251, 0.9) none repeat scroll 0% 0%;
}
.mediaType {
  margin-bottom: 32px;
}
.item_variation {
  margin-bottom: 10px;
  padding: 1.0em;
  border-radius: 15px;
}
.item_variation table {
  width: 100%;
  table-layout: fixed
}
.item_variation > table {
  border-right: solid 1px #f1f1f1;
  border-top: solid 1px #f1f1f1;
  border-left: solid 1px #f1f1f1;
}
/*　商品名　*/
.item_variation .item-number {
  background: #D8ECF7;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  width: 130px;
  padding: 10px;
  line-height: 1.4;
  box-sizing: border-box;
  border-bottom: solid 1px #fff
}
/*　商品アイコン　*/
.item_variation .feat-icon3 {
  white-space: nowrap;
  width: 130px;
  /*padding: 0 6px;*/
  box-sizing: border-box;
  background: #fff;
  border-right: solid 1px #f0f0f0;
}
.item_variation .feat-icon4 {
  white-space: nowrap;
  width: 170px;
  padding: 0 0px;
  box-sizing: border-box;
  background: #fff;
  border-right: solid 1px #f0f0f0;
}
.item_variation .feat-icon table, .item_variation .feat-icon td, .item_variation .feat-icon tr {
  margin: 0;
  padding: 2px 0;
}
.item_variation .feat-icon table td {
  width: 37px;
}
.item_variation .feat-icon table td img {
  width: 37px;
}
/*　商品説明　*/
.item_variation .item-exp {
  background: #fff;
  padding: 10px;
  line-height: 1.6;
  font-size: 12px;
  color: #333;
  width: 440px;
}
/*　下段　*/
.item_variation th {
  padding: 5px;
  font-weight: normal;
  font-size: 12px;
  border-right: solid 1px #fff;
}
.item_variation th:last-of-type {
  border-right: none;
}
.item_variation .data {
  padding: 5px;
  font-size: 12px;
  text-align: center;
  background: #fff;
  border-right: solid 1px #f2f2f2;
  border-bottom: solid 1px #f2f2f2;
}
.item_variation .data:last-of-type {
  border-right: none;
}
/*　粘着剤　*/
.item_variation .type {}
/*　粘着剤　*/
.item_variation .adhesive {}
/*　厚み　*/
.item_variation .thickness {}
/*　規格　長さ　*/
.item_variation .size {}
/*　商品ページへのリンク　*/
.item_variation .page-link {
  font-weight: bold;
  width: 120px;
}
.item_variation .page-link a {
  background: linear-gradient(to bottom, #FFAD30, #D04818);
  border: solid #FFA11E 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 12px;
  padding: 5px 12px;
  -webkit-box-shadow: 1px 1px 5px 0 #ccc;
  -moz-box-shadow: 1px 1px 5px 0 #ccc;
  box-shadow: 1px 1px 5px 0 #ccc;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}
/***
====================================================================================================================================================================================================================================================================================


05-cs カッティングシート


====================================================================================================================================================================================================================================================================================
***/
/*　カテゴリーヘッダー　*/
.contents_cut {
  padding-bottom: 20px;
}
.contentsHeader {
  height: 166px;
  width: 820px;
  background-size: contain;
  margin-bottom: 20px
}
.contentsHeader p.category-top {
  padding-top: 27px;
  padding-left: 30px;
  font-size: 24px;
}
.contentsHeader.contentsHeader_cut p.category-top {
  color: #fff;
}
.contentsHeader.contentsHeader_cut .category-top {
  padding-top: 27px;
  padding-left: 30px;
  font-size: 24px;
}
.contentsHeader h3 a {
  color: #ff3300;
}
.contentsHeader p:not(.category-top) {
  margin-top: 20px;
  margin-left: 30px;
  margin-right: 270px;
  color: #333;
  font-size: 15px;
  line-height: 1.6;
}
.contentsHeader ul {
  margin-top: 30px;
  margin-left: 25px;
  overflow: hidden;
  vertical-align: middle;
}
.contentsHeader ul li {
  float: left;
}
.contentsHeader ul li.category01 {
  vertical-align: middle
}
.contentsHeader ul li.category01 span {
  font-size: 28px;
  font-weight: bold;
  margin-left: 20px;
}
/*　旧商品から新商品への誘導リンク　*/
.link-newCuttingsheetpage a {
  background: #ff3300;
  color: #fff;
  padding: 1.0em 2.0em;
  border-radius: 10px;
  display: block;
  line-height: 1.6
}
.link-newCuttingsheetpage a:hover {
  opacity: 0.6;
}
.link-newCuttingsheetpage span {
  text-decoration: underline;
  font-weight: bold;
}
/*********************************section-search/
.btn-lg {
  line-height: 100px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  padding: 1% 5%;
  border-radius: 10px;
}
.bannarArea {
  padding: 3.0em;
}
.section-data h4 {
  font-size: 18px;
  font-weight: bold;
}
.section-data {
  padding: 20px;
}
.section-data table {
  width: 100%;
  border-top: solid 1px #666;
  border-left: solid 1px #666;
  border-bottom: solid 1px #666;
}
.section-data table tr th, .section-data table tr td {
  padding: 1.0em;
  border-right: solid 1px #666;
  border-bottom: solid 1px #666;
  font-weight: normal
}
.section-data table tr th {
  white-space: nowrap;
}
/*　#machineTypeSearch　*/
#machineTypeSearch .flexWrap .flex5col {
  background: #fff;
  padding: 15px 5px;
  box-sizing: border-box;
  border-radius: 10px;
}
#machineTypeSearch .flexWrap .flex5col h4 {
  text-align: center
}
#machineTypeSearch .flexWrap .flex5col li {
  margin-bottom: 5px;
  line-height: 1.2;
  text-align: center;
  border-radius: 3px;
}
#machineTypeSearch .flexWrap .flex5col .rubi {
  font-size: 10px
}
.font-chuogata {
  font-size: 1.0rem !important;
}
#machineTypeSearch .flexWrap a {
  white-space: nowrap;
  background: #01a89d;
  border: solid 1px #6bb5b1;
  border-radius: 5px;
  color: #fff !important;
  box-shadow: 0 8px 5px rgba(0, 0, 0, 0.2);
  padding: 10px 3px;
  box-sizing: border-box;
  display: block;
  font-weight: bold;
  font-size: 0.9rem;
}
.section-search .flexWrap a:hover {
  opacity: 0.6;
}
/*　データエリア　*/
.section-data {
  color: #333;
}
/*　リストスタイル　*/
.section-data ul li {
  list-style-type: disc;
  list-style-position: inside !important;
  margin-bottom: 0.5em
}
.section-data p {
  line-height: 1.6;
}
.section-data table th {
  white-space: nowrap;
}
#sizeSearch.bgcolor-f2f2f2, #typeSearch.bgcolor-f2f2f2 {
  background: rgb(251, 242, 242) none repeat scroll 0% 0%;
}
/*　フィルムラベル検索ボタン見出し　*/
#sizeSearch.bgcolor-f2f2f2 h4, #typeSearch.bgcolor-f2f2f2 h4 {
  background: #D92929;
  color: #fff;
}
#typeSearch .flexWrap img, .bgcolor-lorange .flexWrap img, #sizeSearch .flexWrap img, .boxShadow img, .cs-05.bnr-l img {
  width: 100% !important;
  box-shadow: 0 8px 5px rgba(0, 0, 0, 0.2);
}
.cs-05.bnr-l:hover, .cs-05 bnr bnr-contents-a:hover {
  opacity: 0.6
}
.cs-05.bnr-left-a img {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
.cs-05 bnr bnr-contents-a {}
/**-----------------------------------------------

サンプル請求フォーム

　---------------------------------------------**/
.sampleList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 90%;
  max-width: 1080px;
  gap: 10px;
}
#cs-sampleform-sp {
  width: 100%;
  background: #02a89c;
  padding-top: 5em;
  padding-bottom: 5em;
  box-sizing: border-box;
}
.sampleList li {
  background: #fff;
}
.sampleList li dd {
  padding: 10px 8px 10px;
  box-sizing: border-box;
  position: relative;
  color: #666;
  text-align: center;
  font-weight: bold;
  background: #f2f2f2;
}
.sampleList li dd span {
  color: #fff;
  padding: 0px 5px;
  background: #02a89c;
  vertical-align: middle;
  margin-left: 10px;
  border-radius: 3px;
}
.album {
  position: relative;
}
.album img {
  width: 100%;
  animation-name: album;
  -webkit-animation-name: album;
  animation-duration: 10s;
  -webkit-animation-duration: 10s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  opacity: 0;
}
.album .img1 {
  display: block;
  margin: 0 auto;
}
.album .img2 {
  animation-delay: 5s;
  -webkit-animation-delay: 5s;
  position: absolute;
  top: 0;
  left: 0;
}
/*　2枚の画像の切り替え　*/
@keyframes album {
  0% {
    opacity: 0;
  }
  12.5% {
    opacity: 1;
  }
  37.5% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
} /**/
@-webkit-keyframes album {
  0% {
    opacity: 0;
  }
  12.5% {
    opacity: 1;
  }
  37.5% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
} /**/
@media screen and (max-width: 960px) {
  .sampleList li {
    flex-basis: 31.0%;
  }
  .sampleList li dd span {
    width: 80%;
    display: block;
    margin: 8px auto 0;
    padding: 3px;
  }
  .sampleForm h2 img {
    max-width: 80%;
  }
} /**/
@media screen and (min-width: 961px) {
  .sampleList li {
    flex-basis: 24%;
  }
}
@media screen and (max-width: 461px) {
  .sampleList li {
    flex-basis: 48%;
  }
} /**/
/***====================================================================================================================================================================================================================================================================================


06-ls 帳票


====================================================================================================================================================================================================================================================================================***/
/***

タブデザイン 

***/
/* タブシステム全体を包む */
.contents_ls .flexWrap .flex4col dt {
  background: #999;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  margin-bottom: 16px;
}
.contents_ls .flexWrap .flex4col > dl dt a {
  color: #fff;
  display: block;
}
.contents_ls .flexWrap .flex4col dt a {
  color: #fff;
  display: block;
}
.contents_ls .seriesList li dd li {
  margin-bottom: 10px;
}
.contents_ls .seriesList li dd li {
  margin-bottom: 10px;
  text-align: center;
}
/*　

タブ

*/
.chohyoTabArea {
  width: 100%;
  margin-bottom: 56px;
}
.chohyoTabArea .tab li.active a {
  background: #e6e7f0;
}
.chohyoTabArea .area.is-active {
  background: #e6e7f0;
}
.chohyoTabArea .tab li a {
  font-size: 16px;
  padding: 20px 35px;
  background: #fafafa;
  border-top: solid 1px #f2f2f2;
  border-right: solid 1px #f2f2f2;
  border-left: solid 1px #f2f2f2;
}
.chohyoTabArea .area h2 {
  background: #0a1f71;
  font-size: 21px;
}
.chohyoTabArea .area h2 {
  margin-bottom: 24px;
  text-align: center;
  border-radius: 5px
}
.chohyoTabArea .area h2 span {
  font-weight: normal;
  font-size: 21px;
}
.chohyoTabArea .area h2 a {
  color: #fff;
  display: block;
  padding: 8px;
}
.chohyoTabArea .area h2 a:hover {
  opacity: 0.6;
  background: rgba(74, 70, 126, 1.00)
}
.chohyoTabArea .area > ul {
  display: flex;
  /*flex-wrap: wrap;*/
  gap: 10px;
}
.chohyoTabArea .area > ul > li {
  text-align: center;
  padding: 0 5px;
  box-sizing: border-box;
}
.chohyoTabArea .area > ul > li {
  flex-basis: 25%;
  background: #fff;
}
.chohyoTabArea .area > ul > li dl {
  background: #fff;
  border-radius: 5px
}
.chohyoTabArea .area > ul > li dl {
  padding: 15px 10px 20px;
}
.chohyoTabArea .area > ul > li dt {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 16px;
  line-height: 1.4
}
.chohyoTabArea .area > ul > li dd ul li {
  margin-bottom: 5px;
  border: solid 1px #0a1f71;
  border-radius: 2px
}
.chohyoTabArea .area > ul > li dd ul li a {
  padding: 10px;
  display: block;
  line-height: 1.4;
  font-size: 16px;
}
.chohyoTabArea .area > ul > li dd ul li a:hover {
  opacity: 0.6
}
/*

2階層以下

*/
.bg-chohyo {
  background: #e6e7f0;
  margin-bottom: 48px;
}
.bg-chohyo h4 {
  background: #0a1f71;
  margin-bottom: 24px;
}
.bg-chohyo > ul {
  display: flex;
}
.bg-chohyo > ul > li {
  flex-basis: 25%;
  padding: 0 10px;
  box-sizing: border-box;
}
.bg-chohyo ul li dl {
  background: #fafafa;
  padding: 0px 10px 20px;
  border-radius: 5px
}
.bg-chohyo ul li dl dt {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  padding: 15px 10px 15px;
  line-height: 1.3
}
.bg-chohyo ul li dl dd ul li {
  margin-bottom: 5px;
  border: solid 1px #999;
  border-radius: 3px;
}
.bg-chohyo ul li dl dd ul li a {
  padding: 10px;
  display: block;
  line-height: 1.4;
  text-align: center;
}
.bg-chohyo .flexWrap .flex4col {
  background: #fafafa;
}
.bg-chohyo .flexWrap {
  flex-wrap: nowrap;
}