@charset "UTF-8";
/* CSS Document */
body, .break, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, pre {
  color: #333;
  /*font-family: ten-mincho-text, serif;
  font-style: normal;
  font-weight: 400;*/
  line-height: 1.7;
 font-family: Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,HiraginoSans-W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif
}
body, button, input, select, textarea {
  /*font-family: ten-mincho-text, serif;*/
	 font-family: Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,HiraginoSans-W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif
}
html {
  font-size: 14px;
  scroll-behavior: smooth;
}
ul, ol, dl, p, details, address, .vcard, figure, pre, fieldset, table, dt, dd, hr {
  color: #333;
 /* font-family: ten-mincho-text, serif;
  font-style: normal;
  font-weight: 400;*/
	 font-family: Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,HiraginoSans-W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif
  line-height: 1.9;
  font-size: 16px;
    text-transform: none;
}
a {
  color: #65bac7;
  font-weight: bolder;
}
#primary {
    padding-bottom: 40px!important;
    padding-top: 0px!important;
}
#main {
  /*overflow: auto; 20210825 全幅が表示されないためコメントアウト*/
  overflow: inherit;
overflow: hidden;
}
.site-content {
  border-top: none;
}
.home .site-content {
  background: #fff;
}
.mb-view {
  display: none !important;
}
.site-footer .btt a {
  background: rgb(102 185 199);
  bottom: 30px;
  top: auto;
  position: fixed;
  border-radius: 50px;
  color: #ffffff;
  display: none;
}
.site-footer .btt a i{
    margin-left: 0px;
    display: block;
    margin-right: 0px;
    text-align: center;
    margin-top: 10px;
}
.breadcrumbs a:before {
  display: none !important;
}
.breadcrumbs a:after {
  display: none;
}
.home .breadcrumbs {
  display: none;
}
.breadcrumbs {
  border: none;
  display: block;
  /* border-bottom: 1px solid #000; */
  width: 100%;
  max-width: 1530px;
  margin: 0 auto;
}
.breadcrumbs .container {
	max-width: 1530px;
	width: 100%;
}
.breadcrumbs span {
  margin-right: 40px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0px;
}
.breadcrumbs span.breadcrumb_last {
  /*display:none;*/
}
.breadcrumbs a {
  text-decoration: none;
  color: #666666;
  font-weight: 600;
  padding: 0px 5px;
}
.single-products .breadcrumbs {
  margin-bottom: 0px;
  line-height: 2.4em;
  position: relative;
  z-index: 99;
}
/*********header***********/
.onepress-menu a {
  padding: 10px 10px;
  color: #333;
  /*font-family: ten-mincho-text, serif;
  font-style: normal;
  font-weight: 400;*/
	 font-family: Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,HiraginoSans-W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif
  line-height: 1.9;
  font-size: 16px;
}
.onepress-menu a:hover {
  color: #65bac7;
}
.onepress-menu ul li a {
  color: #65bac7;
}
.site-header {
  position: fixed;
  box-shadow: none;
}
.site-header.header-fixed {
  box-shadow: none;
  position: fixed;
}
.site-branding {
  width: 210px;
  margin-top: 15px;
}
.site-header .container {
  width: 100%;
    max-width: 1530px;
  padding: 0 20px;
}
.onepress-menu {
  float: right;
  margin-right: 0px;
}
.over-top-loginname {
  line-height: 1em;
  display: block;
  position: absolute;
  top: 15px;
  left: 20px;
  font-size: 0.8em;
  color: #888;
}
#logout br {
  display: none;
}
#logout img {
  display: none;
}
#logout a {

}
.mobile-overtop {
  display: none;
}
.followWrap {}
.header-right-wrapper {
}
.onepress-menu li.contact {
  background: #63acd6;
}
.onepress-menu li.contact a {
  padding-right: 15px;
  color: #fff;
}
.onepress-menu ul li a:hover {
  background: #444;
  color: #fff;
}
.onepress-menu ul {
  border: none;
}
.floating-box {
  text-align: right;
  max-width: 100%;
  margin: 0 auto;
}
.floating-box ul {
  list-style: none;
  margin-bottom: 0;
}
.floating-box ul li.floating-btn {
  display: inline-block;
  margin-left: 5px;
  font-size: 0.6em;
  margin-top: 5px;
}
.floating-box ul li.floating-btn a {
    color: #fff;
    padding: 10px 15px 10px 15px;
    border: none;
    background: #65bac7;
    border-radius: 0px 0px 6px 6px;
    font-size: 14px;
}
.floating-box ul li.btn-7 a {
    background: #aaa;
}
.floating-box ul li.btn-8 a {
    background: #666;
}
.floating-box ul li.floating-btn a:hover {
  background: #333;
  color: #fff;
  transition: 0.3s;
  text-decoration: none;
}

.floating-box ul li.floating-btn:nth-child(2) {

}
.floating-box ul li.floating-btn:nth-child(6) {
  border-left: 2px solid #ddd;
  padding-left: 8px;
  margin-left: 8px;
}
.headerserchbtn {}
.page-header {
  display: none;
  background: none;
  max-width: 1140px;
  margin: 0 auto;
  border-bottom: 1px solid #cccccc;
}
.page-header .entry-title, .page-header .page-title {
  font-size: 32px;
  line-height: 1.5;
}
.page-header-search {
  display: block;
  border-top: 0px;
  margin-bottom: 45px;
}
.right-sidebar .content-area {
  border-right: none;
}
#secondary {
  padding-top: 40px;
  margin-top: 40px;
}
.headerserchbtn form {}
.headerserchbtn form ul {}
.headerserchbtn form ul li {
  margin: 0;
  padding: 0;
}
.headerserchbtn form input[type="text"] {
  border: 1px solid #666;
  padding: 1.5px 10px 0.5px 10px;
  margin-right: -1px;
  background: none;
  font-size: 0.6em;
}
.headerserchbtn form input[type="submit"] {
  padding: 7.5px 10px 6.5px 10px;
  margin: 0;
  border-radius: 0px;
  background: #65b9c7;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  font-size: 0.6em;
}
.page-custom-header {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 20px;
  margin-top: 45px;
  margin-bottom: 30px;
}
.page-custom-header h1 {
  /*font-family: ten-mincho-text, serif;*/
  font-weight: bolder;
  font-size: 32px;
  line-height: 1.5;
}
.section-news .entry-title, .archive .entry-title, .blog .entry-title {
  font-size: 32px;
  line-height: 1.5;
}
/*****header-icon******/
.custom-icon-cart {
  position: fixed;
  top: 120px;
  right: 8px;
  color: #999;
  z-index: 999;
  background: #fff;
  border-radius: 50px;
  height: 45px;
  width: 45px;
  padding: 2px 0px 0 0;
}
.custom-icon-cart img {
  top: 125px;
  right: 13px;
  position: fixed;
  width: 35px;
}
.custom-icon-mypage {
  position: fixed;
  top: 190px;
  right: 8px;
  color: #999;
  z-index: 999;
  background: #fff;
  border-radius: 50px;
  height: 45px;
  width: 45px;
  padding: 2px 0px 0 0;
}
.custom-icon-mypage img {
  top: 195px;
  right: 13px;
  position: fixed;
  width: 35px;
}
.custom-icon-mail {
  position: fixed;
  top: 260px;
  right: 8px;
  color: #999;
  z-index: 999;
  background: #fff;
  border-radius: 50px;
  height: 45px;
  width: 45px;
  padding: 2px 0px 0 0;
}
.custom-icon-mail img {
  top: 265px;
  right: 13px;
  position: fixed;
  width: 35px;
}
.custom-icon-instagram {
  position: fixed;
  bottom: 250px;
  right: 8px;
  color: #999;
  z-index: 999;
  background: #fff;
  border-radius: 50px;
  height: 40px;
  width: 40px;
  padding: 2px 0px 0 0;
}
.custom-icon-instagram img {
  bottom: 257px;
  right: 15px;
  position: fixed;
  width: 25px;
}
.custom-icon-facebook {
  position: fixed;
  bottom: 200px;
  right: 8px;
  color: #999;
  z-index: 999;
  background: #fff;
  border-radius: 50px;
  height: 40px;
  width: 40px;
  padding: 2px 0px 0 0;
}
.custom-icon-facebook img {
  bottom: 205px;
  right: 13px;
  position: fixed;
  width: 30px;
}
.site-header_icons-wrapper {
  text-align: center;
  display: none;
}
.site-header_icons-wrapper a {
  text-decoration: none;
}
.site-header_icons-wrapper a:hover {
  text-decoration: none;
}
.site-header_icons-wrapper span {
  font-size: 9px;
  font-weight: bolder;
  margin-top: 12px;
  display: block;
}
.custom-copyright {
  position: fixed;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: .8em;
  bottom: 20px;
  right: -10px;
  color: #999;
  z-index: 999;
  letter-spacing: 1px;
display:none;
}
/***********************/
.mainvisualbox {
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  margin-top: 0px;
  height: 50vh;
  overflow: hidden;
  padding: 0 55px;
  padding-left: 0px;
}
.mainvisual {}
.copy {}
.copy h2 {
  font-weight: bold;
  font-size: 2.5em;
  margin-bottom: 0;
  color: #fff;
  text-shadow: 0 0 5px #000;
}
.copy h3 {
  color: #000;
  font-weight: bold;
  font-size: 1.3em;
}
.mainvisualbox .copy {
  position: absolute;
  top: 40%;
  right: 9%;
  z-index: 99;
}
.mainvisualbox .copy span.row1 {}
.mainvisualbox .more-btn {}
.mainvisualbox .more-btn a {
  font-size: 1em;
}
.mainvisual .pcview {}
.swiper-container {
  position: relative;
}
.swiper-container::before {}
.swiper-wrapper {}
.swiper-container .swiper-slide .slide-img {}
.swiper-container .swiper-slide .slide-img img {
  width: 100%;
  height: 50vh;
  object-fit: cover;
}
.swiper-container {
  width: 100%;
  height: 80vh;
}
.swiper-slide {}
@keyframes zoomUp {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1.15);
  }
}
.swiper-slide-active .slide-img, .swiper-slide-duplicate-active .slide-img, .swiper-slide-prev .slide-img {
  animation: zoomUp 10s linear 0s 1 normal both;
}
.mbview {
  display: none;
}
.white-row-box {
    padding: 0;
    margin-bottom: 45px;
}
.gray-row-box {
    padding: 40px 20px;
	margin-bottom: 45px;
}
.white-cell {}
.item-title-area {
  text-align: center;
  position: relative;
	    margin-bottom: -30px;
}
.item-title-area h2 {
  font-size: 2em;
  margin-bottom: 0;
}
.item-title-area h3 {

  font-size: 1.2em;
}
.item-title-area h3::after {
  content: "";
  display: block;
  width: 100px;
  height: 1px;
  position: relative;
  background: #000;
  margin: 0 auto;
  margin-top: 15px;
}
.item-title-area p {}
.item-title-area h4 {
  font-size: 1.6em;
  font-weight: bold;
}
.item-title-area ol {
  display: inline-block;
  margin-top: 0;
  font-weight: bold;
}
.item-title-area ol li {
  text-align: left;
}
.white-item-cell {}
.white-item-cell h3 {
  text-align: center;
  font-size: 1.5em;
}
.white-item-cell p {}
.box-border-right {
  border-right: 1px solid #333;
  padding-right: 30px;
}
.more-btn {}
.more-btn a {
  /*display: block;
  width: 100%;
  max-width: 400px;
  border: 1px solid #000;
  padding: 15px;
  text-align: center;
  color: #000;
  margin: 20px auto;
  text-decoration: none;
  font-size: 1.5em;*/
    display: block;
    width: 100%;
    max-width: 400px;
    border: none;
    padding: 10px;
    text-align: center;
    color: #fff;
    margin: 20px auto;
    text-decoration: none;
    font-size: 0.9em;
    background: #65bac7;
	border-radius: 4px;
	
}
.sidebar .widget .more-btn a {
  /*display: block;
  width: 100%;
  max-width: 400px;
  border: 1px solid #000;
  padding: 15px;
  text-align: center;
  color: #000;
  margin: 20px auto;
  text-decoration: none;
  font-size: 1.5em;*/
    display: block;
    width: 100%;
    max-width: 400px;
    border: none;
    padding: 15px;
    text-align: center;
    color: #fff;
    margin: 20px auto;
    text-decoration: none;
    /* font-size: 1.5em; */
    background: #65bac7;
	
}
.originals-contact-btn a{
	background: #65b9c7; 
	color: #fff;
	border: none;
	font-size: 1.5em;
}
.more-btn a:hover {
  background: #333;
  color: #fff !important;
  transition: 0.3s;
  text-decoration: none !important;
}

.sidebar .widget .more-btn a:hover {
  background: #333;
  color: #fff !important;
  transition: 0.3s;
  text-decoration: none !important;
}



.page-header-top {
  padding: 90px 0;
}
.page-header-top::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgb(255 255 255 / 70%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.page-title h1 {
  position: relative;
  font-weight: bold;
}
.big-title {
  text-align: center;
  margin: 40px 0;
	    margin-bottom: 0px;
}
.big-title h2 {
  font-size: 2.3em;
  font-weight: bold;
}
.big-title h2::after {
  content: "";
  display: block;
  width: 100px;
  height: 1px;
  position: relative;
  background: #000;
  top: 25px;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.big-title h3 {
  font-size: 2em;
}
.middle-title {
  margin-bottom: -30px;
}
.middle-title h3 {
  font-size: 1.8em;
  margin-bottom: 0;
}
/*デジタル工場見学*/
.digital-factory-header {
  position: relative;
}
.digital-factory-header::after {
  content: "";
  display: block;
  position: absolute;
  background: #ffefcc;
  height: 300px;
  width: 100%;
  margin: auto;
  top: 200px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.digital-factory-header .lead {
  text-align: left;
  margin-bottom: -130px;
  width: auto;
  float: left;
  background: #65bac7;
  padding: 20px;
  border-radius: 12px;
    z-index: 9;
    position: relative;	
}
.digital-factory-header .lead h3 {
  color: #fff;
  font-family: 'dashicons';
  margin-bottom: 10px;
}
.digital-factory-header .lead p {
  padding: 0;
  margin: 0;
  color: #fff;
  font-size: 1em;
  font-family: 'dashicons';
}
.digital-factory-header .key-visual {
  position: relative;
  z-index: 2;
}
.digital-factory-header .key-visual img {}
.factory-wrapper {
  width: 100%;
  position: relative;
  min-width: 800px;
}
.digital-factory-bnr-wrapper {}
.digital-factory-bnr-cell {
  background: #d9534f;
  padding: 20px;
  border-radius: 12px;
  font-family: 'dashicons';
  position: relative;
  padding-right: 60px;
  overflow: auto;
}
.digital-factory-bnr-cell:hover {
  opacity: 0.8;
}
.digital-factory-bnr-cell2:hover {
  opacity: 1;
}
.digital-factory-bnr-cell::after {
  content: "▶︎";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 50px;
  font-size: 2em;
  color: #fff;
  margin: auto;
  text-align: center;
}
.digital-factory-bnr-cell2::after {
  display: none;
}
.digital-factory-bnr-cell h3 {
  color: #fff;
  margin-bottom: 10px;
  font-family: 'dashicons';
}
.digital-factory-bnr-cell p {
  font-family: 'dashicons';
  margin: 0;
  color: #fff;
  line-height: 1.5em;
}
.digital-factory-bnr-cell .small {
  line-height: 1.2em;
  display: inline-block;
  margin-top: 10px;
}
.digital-factory-bnr-cell a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.digital-factory-bnr-cell .morebtn {
  color: #fff;
  padding: 5px 10px 7px 10px;
  border: 1px solid;
  width: auto;
  display: inline-block;
  float: right;
  margin-top: 15px;
}
.factory-bg {
  width: 100%;
  height: auto;
}
ul.factory-map {}
ul.factory-map li {}
ul.factory-map li.tooltip {
  opacity: 1;
  margin: 0;
}
ul.factory-map li.tooltip a {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
  opacity: 0;
  text-align: center;
}
ul.factory-map li.ctp {
  height: 13%;
  width: 39%;
  position: absolute;
  top: 10%;
  left: 29%;
}
ul.factory-map li.dtp {
  height: 19%;
  width: 35%;
  position: absolute;
  top: 20%;
  left: 1%;
}
ul.factory-map li.bookbinding {
  height: 29%;
  width: 58%;
  position: absolute;
  top: 41%;
  left: 1%;
}
ul.factory-map li.printing {
  height: 24%;
  width: 50%;
  position: absolute;
  top: 23%;
  right: 1%;
}
ul.factory-map li.backyard {
  height: 24%;
  width: 50%;
  position: absolute;
  top: 73%;
  right: 3%;
}
ul.factory-map li.tooltip:hover {}
ul.factory-map li.tooltip:hover a {
  opacity: 1;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
ul.factory-map li.tooltip::after {}
ul.factory-map li.ctp::after {}
.balloon1 {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 15px 10px;
  width: 100%;
  max-width: 280px;
  min-width: 250px;
  color: #fff;
  font-size: 20px;
  background: #d9534f;
  text-align: center;
  border-radius: 8px;
  box-shadow: 0px 0px 10px #999;
  animation: wobbling_x 0.8s ease-in-out infinite alternate, wobbling_y 1.1s ease-in-out infinite alternate;
  top: -100px;
}
@keyframes wobbling_x {
  0% {
    margin-left: 8px;
  }
  100% {
    margin-left: 0px;
  }
}
@keyframes wobbling_y {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 8px;
  }
}
.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #d9534f;
}
.balloon1 p {
  margin: 0;
  padding: 0;
}
.balloon-icon {
  width: 70%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  margin-top: 10px;
}
.dgfc-attention {
  margin-top: 30px;
}
.dgfc-attention h3 {
  text-align: center;
}
.font_white {
  color: #fff;
}
.font_white h3 {
  color: #fff;
}
.font_white p {
  color: #fff;
}
.fc_page_header {
  height: 300px;
}
.fc_page_header img {}
.dg_fc_step {
  margin-bottom: -30px;
}
.dg_fc_step p.step {
  font-family: monospace;
  color: #d31a3f;
  font-weight: bold;
  margin: 0 auto;
  background: #ffffff;
  width: 140px;
  height: 110px;
  text-align: center;
  padding: 17px 10px;
  background: url(/wp/wp-content/uploads/2021/11/step_fkds.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.dg_fc_step p.step span {
  font-size: 2em;
  display: block;
  text-align: center;
  margin-top: -16px;
  font-weight: bold;
}
.seihon_row p.step {
  font-family: monospace;
  color: #d31a3f;
  font-weight: bold;
  margin: 0 auto;
  background: #ffffff;
  width: 140px;
  height: 110px;
  text-align: center;
  padding: 17px 10px;
  background: url(/wp/wp-content/uploads/2021/11/step_fkds.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.seihon_row p.step span {
  font-size: 2em;
  display: block;
  text-align: center;
  margin-top: -16px;
  font-weight: bold;
}
.dg_fc_title_row {
  background: #612423;
}
.dg_fc_title_row_seihon {
  background: #d9534f;
}
.dg_fc_title_row_print {
  background: #6bc16b;
}
.dg_fc_title_row_backyard{
  background: #5D6DC1;
}

.dg_fc_title {}
.dg_fc_title_row h2 {
  color: #fff;
  padding: 30px 0 20px;
  text-align: center;
  font-size: 3em;
}
.dg_fc_title h2 {
  font-family: monospace;
}
.dg_fc_row .dg_fc_title h3 {
  padding: 7px 0 10px;
  text-align: center;
  font-family: 'dashicons';
  font-size: 2.3em;
}
.dg_fc_title h4 {
  font-family: 'dashicons';
  font-size: 1.6em;
  font-weight: bold;
  /*text-align: center;*/
}
.dg_fc_title p {
  font-family: 'dashicons';
}
.dg_fc_row {
  padding: 40px 60px;
  border-radius: 20px;
}
.dg_fc_row img {
  border-radius: 20px;
}
.dg_fc_row video {
    border-radius: 20px;
    min-height: 300px;
	object-fit: cover;
}
.font_white p, .font_white h3, .font_white h4 {
  color: #fff;
  font-family: 'dashicons';
}
.ctp_row { /*CTP*/
  background: #fdf05b;
}
.dtp_row { /*DTP*/
  background: #45b2cb;
}
.seihon_row { /*製本工場*/
  background: #d9534f;
}
.print_row { /*印刷工場*/
  background: #6bc16b;
}

.backyard_row { /*倉庫*/
  background: #5D6DC1;
}
.inner_white_box{
	background: #fff;
	padding: 20px 25px;
	border-radius: 20px;
}
.green_font h3,.green_font h4{
	color: #5cb85c;
}
.red_font h3,.red_font h4{
	color:#dc4444;
}
.bg_dotted {
  /**	    background-color: rgba(255, 255, 255, 0.0);
    background-image: radial-gradient(#ffffff 17%, transparent 17%), radial-gradient(#ffffff 17%, transparent 17%);
    background-position: 0 0, 20px 20px;
    background-size: 10px 10px;
    padding: 60px 0;
	**/
}
.bottom-30 {
  margin-bottom: -30px;
}
.top_30 p {
  margin-top: 30px;
}
.img_btn a:hover {
  opacity: 0.8;
}
.digital-factory-header-pages {
  margin-bottom: -30px;
}
.digital-factory-header-pages img {
  width: 65%;
}
.digital-factory-header-title h1 {
  position: absolute;
  right: 80px;
  top: 0;
  bottom: 0;
  height: 80px;
  margin: auto;	
  z-index: 3;
  color: #fff;
  font-family: monospace;
  font-weight: bolder;
  font-size: 4em;
}
.digital-factory-header-pages::after {
  height: 220px;
  top: 0px;
}
.digital-factory-header-seihon::after {
  background: #d9534f;
}
.digital-factory-header-dtp::after {
  background: #45b2cb;
}
.digital-factory-header-ctp::after {
  background: #fdf05b;
}
.digital-factory-header-print::after {
  background: #6bc16b;
}
.digital-factory-header-backyard::after {
  background: #5D6DC1;
}
.digital-factory-header-ctp h1 {
  color: #333;
}
h4.dg_fc_caption {
  font-size: 1.35em;
  margin-bottom: 5px;
}
p.dg_fc_caption {
  font-size: 14px;
  line-height: 1.5em;
}
.dg_fc_section {
  border-bottom: 3px solid rgba(255, 255, 255, 0.4);
  padding-bottom: 30px;
}
.dg_fc_section_lead {}
.dg_fc_section_lead p {
  font-family: 'dashicons';
}
.dg_fc_thumbrow {
  clear: both;
}
.dg_fc_thumbbox {
  position: relative;
  border-radius: 20px;
}
.dg_fc_thumbbox:hover {
  opacity: 0.8;
}
.dg_fc_thumbbox a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dg_fc_thumbimage {}
.dg_fc_thumbimage img {}
.dg_fc_thumbtitle {
  margin-bottom: -50px;
}
.dg_fc_thumbtitle h3 {
  color: #fff;
  font-family: 'dashicons';
  text-align: center;
  padding-top: 15px;
}
.dg_fc_thumbbox_ctp .dg_fc_thumbtitle h3 {
  color: #333;
}
.dg_fc_thumbbox_dtp {
  background: #44b3cb;
}
.dg_fc_thumbbox_ctp {
  background: #fdf05b;
}
.dg_fc_thumbbox_print {
  background: #6bc16b;
}
.dg_fc_thumbbox_seihon {
  background: #d9534f;
}
.dg_fc_thumbbox_souko {
  background: #5d6cc2;
}

.dg_fc_title_row_backyard{
  background: #5D6DC1;
}

/*********************
  既存HTMLページのデザイン上書き
********************/
.pagebox h1, .choice h1 {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 30px;
  margin-top: 45px;
  margin-bottom: 30px;
  background: none;
  color: #000;
  border-radius: 0;
  font-size: 32px;
  line-height: 1.5;
}
.pagebox h2 {
  font-weight: bold;
  text-align: center;
  border-bottom: none;
  text-indent: 0;
  color: #000;
  margin: 60px 0 40px;
}
.pagebox h2::before, .choice h2::before {
  display: none;
}
.pagebox h2::after {
  content: "";
  display: block;
  width: 100px;
  height: 1px;
  position: relative;
  background: #000;
  top: 25px;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.choice h2 {
  border-bottom: 1px solid #333;
  text-indent: 10px;
  color: #000;
  padding-bottom: 8px;
  margin: 10px 0 30px;
}
.box_table table td.itemtitle input {
  margin-left: 0px;
}
/*********ここまで**********/
.title-row {
  clear: both;
  margin-bottom: -30px;
}
.page-lead {
  text-align: center;
}
.page-content-cell {
  padding: 0 40px;
}
.page-content-cell ol, .page-content-cell ul {
  padding-left: 0;
}
.page-content-cell li {
  margin-left: 2em;
}
.page-content-row {
  padding: 40px 0;
}
.option-rowbox {
  position: relative;
}
.option-title {
  margin-bottom: -30px;
}
.option-title h3 {
  text-align: center;
}
.option-box {
  border: 1px solid #ddd;
  padding: 20px;
  position: relative;
}
.option-box:hover {
  background: #ddd;
  transition: 0.3s;
}
.option-row {
  margin-bottom: -15px;
}
.option-btn {}
.option-btn a {
  display: block;
  width: 100%;
  border: 1px solid #000;
  padding: 15px;
  text-align: center;
  color: #000;
  margin: 0 auto;
  text-decoration: none;
}
.option-btn a:hover {
  background: #333;
  color: #fff;
  transition: 0.3s;
}
.option-cell {}
.option-cell a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
table.cloumn2 tbody td.column-1 {
  width: 200px;
  font-weight: bold;
}
table.cloumn2 tbody td {
  padding: 15px;
  line-height: 1.9em;
}
.gray-solid-box {
  padding: 40px 35px;
  background: #fff;
  border: 1px solid #ddd;
}
.gray-solid-box h3 {
  font-size: 1.7em;
  margin-bottom: 10px;
  font-weight: bold;
}
.gray-solid-box .middle-title {
  margin-bottom: -10px;
}
.gray-solid-box .middle-title h4 {
  text-align: center;
}
.gray-solid-img {
  width: 70%;
  margin: 0 auto -30px;
}
.gray-solid-img img {}
.gray-solid {
  border: 1px solid #ddd;
}
.red-solid-box{
    border: 1px solid red;
}
.start-box {
  min-height: 270px;
}
.guide-cell {}
.guide-cell img {
  width: 70%;
  margin: 0 auto;
  border: 1px solid #ccc;
}
.guide-cell img:hover {
  opacity: 0.7;
}
.guide-cell ul {
  list-style: none;
}
.guide-cell li {}
.guide-cell li a {
  color: #a5a5a5;
}
.center {
  text-align: center;
}
.about-cell {}
.about-cell p {
  font-size: 1.1em;
}
/*********************/
/*********Footer*********/
.site-footer {
  margin-top: 20px;
}
#footer-widgets {
  background: #fff;
	padding:  10px;
}
#footer-widgets .container {
	    width: 100%;
    max-width: 1530px;
}
#footer-1 {
  overflow: hidden;
}
.footer-box {}
.footer-content-box{
	    margin-bottom: -30px;
}
.footer-content-main{
	    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 15px 0px;
}
.footer-sitemap{}
.footer-sitemap .bellows {}
.footer-sitemap .bellows .bellows-nav{
	    display: flex;
    flex-wrap: wrap;
}
.footer-sitemap .bellows .bellows-nav .bellows-menu-item{
	    width: calc(25% - 15px);
    margin: 5px;
}
.footer-sitemap .bellows .bellows-nav .bellows-menu-item a {}
.footer-sitemap .bellows .bellows-nav .bellows-menu-item .bellows-submenu{
	
}
.footer-sitemap .bellows .bellows-nav .bellows-menu-item .bellows-submenu li{
	
}
.footer-sitemap .bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0 > .bellows-target{
	    padding: 12px;
	    background: #fff;
}
.footer-sitemap .bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0.bellows-active > .bellows-target{
	padding: 12px;
}
.footer-sitemap .bellows .bellows-nav .bellows-menu-item a::before {}
.footer-sitemap .bellows .bellows-nav .bellows-menu-item a .bellows-submenu{}
.footer-sitemap .bellows .bellows-nav .bellows-menu-item .bellows-submenu .bellows-menu-item{
	    width: 100%;
    margin: 0px;
}
.footer-sitemap .bellows .bellows-nav .bellows-menu-item .bellows-submenu .bellows-menu-item a{}
.footer-copyright{}
.footer-box01 {
  margin-bottom: 70px;
}
.relative {
  position: relative;
}
.post-list ul.su-posts {}
.post-list ul.su-posts li {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 8px;
  padding-left: 10px;
}
.post-list ul.su-posts li span.hiduke {
  margin-right: 10px;
  font-size: 0.8em;
}
.footer-title {
  text-align: center;
  margin-bottom: 25px;
}
.footer-title h3 {
  font-size: 1.6em;
  margin-bottom: 0;

}
.footer-title p {}
.footer-title p::after {
  content: "";
  display: block;
  width: 100px;
  height: 1px;
  position: absolute;
  background: #000;
  right: 0;
  left: 0;
  bottom: 10px;
  margin: auto;
}
.footer-menu-btn {}
.footer-menu-btn ul {}
.footer-menu-btn ul li {
  text-align: center;
  display: table-cell;
  float: left;
  width: 19%;
  border: 1px solid;
  margin: 0.4%;
}
.footer-menu-btn ul li a {
  display: block;
  padding: 20px 15px;
}
.footer-menu-btn ul li a:hover {
  background: #333;
  color: #fff;
  text-decoration: none !important;
  transition: .3s;
}
.page-middle-link{}
.page-middle-link ul{
	    display: flex;
}
.page-middle-link ul li{
    float: none;
    width: 100%;
    font-size: 0.8em;
    border: 1px solid #ccc;
}
.page-middle-link ul li a{}
.page-middle-link ul li a:hover{}

.site-footer .site-info {
  background: #f4f4f4;
	    display: none;
}
.site-footer .site-info p.footer-text {
  color: #7b7979;
  font-weight: bold;
  letter-spacing: 1.5px;
  margin-bottom: 0;
}
.site-footer .site-info p.footer-text img {
  width: 30px;
  margin-right: 10px;
}
.menu-footermenu-container {}
.menu-footermenu-container #menu-footermenu {
	    float: right;
}
.menu-footermenu-container #menu-footermenu li {
  float: left;
  margin-right: 25px;
}
/***************
 Inqury｜問い合わせ
***************/
.form-box {}
.form-spec {}
.form-spec p {
  font-size: 1.2em;
  margin-bottom: 5px;
  text-transform: initial;
}
p.form-title {}
p.form-title span {
  background: #e23130;
  color: #fff;
  padding: 3px;
  border-radius: 3px;
  font-weight: 500;
}
.form-btn {}
textarea:not(.editor-post-title__input), input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
  width: 100%;
  max-width: none;
}
input[type="reset"], input[type="submit"], input[type="submit"], .pirate-forms-submit-button, .contact-form div.wpforms-container-full .wpforms-form .wpforms-submit {
  width: 100%;
}
input[type="reset"], input[type="submit"], input[type="submit"], input[type="reset"]:hover, input[type="submit"]:hover, input[type="submit"]:hover .nav-links a:hover, .btn-theme-primary, .btn-theme-primary-outline:hover, .section-testimonials .card-theme-primary, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce button.button.alt, .pirate-forms-submit-button, .pirate-forms-submit-button:hover, input[type="reset"], input[type="submit"], input[type="submit"], .pirate-forms-submit-button, .contact-form div.wpforms-container-full .wpforms-form .wpforms-submit, .contact-form div.wpforms-container-full .wpforms-form .wpforms-submit:hover, .nav-links a:hover, .nav-links a.current, .nav-links .page-numbers:hover, .nav-links .page-numbers.current {
  background: #d9534f;
}
.form-box .form-title-step1 {
  margin-bottom: 30px;
}
.form-box .form-title-step1 h3 {
  background: #006799;
  padding: 10px 15px;
  color: #fff;
}
.form-box .form-title-step1 h3 span {
  padding: 5px;
  margin-right: 10px;
}
/**********制作事例*********/
.blog-label {
  display: inline-block;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  color: #666;
  padding: 5px;
  font-weight: bolder;
  display: none;
}
.blog-label .custom-bread {}
.blog-label .custom-bread::after {
  content: "｜"
}
.blog-label .custom-bread:last-child {}
.blog-label .custom-bread:last-child::after {
  content: ""
}
.byline {
  display: none;
}
.archive-flex{
	display: flex;
	flex-wrap: wrap;
}

.works-detail {}
.works-post {
  width: calc(94%/4);
  float: left;
  padding: 15px;
  background: #fff;
  margin: 0.7%;
  /*height: 460px;*/
}
.works-post h2 {
  font-size: 1.5em;
  margin-bottom: 10px;
  margin-top: 10px;
}
.works-post .su-works-thumbnail img {
  display: block;
  margin: 0;
  padding: 0px;
  border-radius: 0px;
  width: 100%;
  height: 180px;
  object-fit: cover;
}
/************コンサルティング事例*************/
.consulting-product {}
.consulting-product p {
  font-size: 1.8em;
  border-bottom: 1px solid #ccc;
}
.consulting-usage {}
.consulting-usage p {
  font-size: 1.8em;
  border-bottom: 1px solid #ccc;
}
.consulting-label {
  display: inline-block;
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
  color: #666;
  font-weight: bolder;
}
.consulting-comment {}
.consulting-comment h3 {
  text-align: center;
  font-size: 1.8em;
}
.consulting-responsive {}
/*以下、①背景色など*/
.line-bc {
  padding: 20px 10px;
  max-width: 450px;
  margin: 15px auto;
  text-align: right;
  font-size: 14px;
  background: #7da4cd;
}
.consulting-responsive h3 {
  text-align: center;
  font-size: 1.8em;
}
/*以下、②左側のコメント*/
.balloon6 {
  width: 100%;
  margin: 10px 0;
  overflow: hidden;
}
.balloon6 .faceicon {
  float: left;
  margin-right: -50px;
  width: 40px;
}
.balloon6 .faceicon img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.balloon6 .chatting {
  width: 100%;
  text-align: left;
}
.says {
  display: inline-block;
  position: relative;
  margin: 0 0 0 50px;
  padding: 20px;
  width: 90%;
  max-width: 500px;
  border-radius: 12px;
  background: #f4f4f4;
}
.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 3px;
  left: -19px;
  border: 8px solid transparent;
  border-right: 18px solid #edf1ee;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}
.says p {
  margin: 0;
  padding: 0;
}
/*以下、③右側の緑コメント*/
.mycomment {
  margin: 10px 0;
}
.mycomment p {
  display: block;
  margin: 0 auto;
  position: relative;
  padding: 20px;
  width: 80%;
  border-radius: 12px;
  background: #65b9c7;
  float: none;
  color: #fff;
}
.mycomment p:after {
  content: "";
  position: absolute;
  top: 3px;
  right: -19px;
  border: 8px solid transparent;
  border-left: 18px solid #65b9c7;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
.consulting-left {
  overflow: auto;
  width: 50%;
  float: left;
  padding-right: 40px;
  margin-bottom: 45px;
}
.consulting-left h3 {
  text-align: center;
  font-size: 1.8em;
}
.consulting-right {
  overflow: auto;
  width: 50%;
  float: right;
  padding-right: 20px;
}
/************商品アーカイブ*************/
.entry-meta .archive-lead {
  font-size: 1.2em;
  font-weight: normal;
}
.entry-meta .archive-lead span {
  background: none;
  padding: 0px;
  margin-right: 0px;
  font-weight: bolder;
  font-size: 1.2em;
}
.taxonomy-area {}
.taxonomy-area h1 {
  font-size: 3em;
  border-bottom: 1px solid;
}
.taxonomy-content {
  margin-top: 30px;
}
.taxonomy-content .list-article {
  width: calc(94%/4);
  float: left;
  padding: 5px;
  border: none;
  margin-bottom: 30px;
  height: 300px;
}
.taxonomy-content .list-article:first-of-type {
  padding-top: 5px !important;
}
.taxonomy-content .list-article:last-of-type {
  border-bottom: none;
}
.taxonomy-content .list-article-thumb {
  margin-right: 0;
}
.taxonomy-content .list-article a {}
.taxonomy-content .list-article a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.product-detail .list-article-thumb {
  margin-right: 0px;
  margin-bottom: 20px;
}
.product-detail .list-article-content {
  float: none;
  overflow: inherit;
}
.product-detail .list-article-content .entry-header h2 {
  font-family: serif;
  margin-bottom: 5px;
}
.product-content .slick-slide {
  height: 350px;
}
.slick-slider{
padding-right: 20px;	
}
.thumnail-slider .slick-next{
	display:none!important;
}
.thumnail-slider .slick-prev{
	display:none!important;
}
.listproduct-detail {}
h2.listproduct-title {
  font-size: 1.7em;
  margin-bottom: 5px;
}
.listproduct-table {}
.products-detail {}
.products-post {
  width: calc(94%/4);
  padding: 15px;
  background: #fff;
  margin: 0.7%;
  border: 1px solid #ddd;
  position: relative;
}
.products-post:hover {
  background: #f4f4f4;
  transition: 0.3s;
}
.products-post-thumb {
  position: relative;
}
.products-post-thumb::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.products-post-thumb img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}
.products-post a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	z-index:2;
}
.products-post table {
  background: #fff;
}
.products-post h2 {
  font-size: 1.5em;
  margin-bottom: 10px;
  margin-top: 10px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.products-post .su-products-thumbnail img {
  display: block;
  margin: 0;
  padding: 0px;
  border-radius: 0px;
  width: 100%;
  height: 180px;
  object-fit: cover;
}
.product-post-row {}
.products-post table {
  background: none;
  border: none;
  font-size: 1em;
  table-layout: auto;
  margin-bottom: 5px;
}
.products-post table tr:first-child {
	border-top: 1px solid #dddddd;
}
.products-post table tr {
  border: none;
  border-bottom: 1px solid #dddddd;
}
.products-post table tr th {
  font-size: 1em;
  border: none;
  font-weight: normal;
  min-width: 70px;
  -moz-text-align-last: justify;
  text-align-last: justify;
  text-justify: inter-ideograph;
    /*background: #eee;*/
}
.products-post table tr td {
  border: none;
  display: table-cell;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

}
.products-post-2col {
  width: calc(94%/2);
}
.nav-links {
  clear: both;
}
.nav-links a {
  background: none;
  color: #000;
  padding: 12px 20px;
  font-weight: 600;
  font-size: 0.6em;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 0px;
  border: 1px solid;
}
.nav-links a:hover {
  background: #333;
  color: #fff;
  transition: .3s;
}
.posts-navigation .nav-previous {
  float: right;
}
.posts-navigation .nav-next {
  float: left;
}
.archive-soldout a {
  background: rgb(255 255 255 / 50%);
}
.archive-soldout a::after {
  content: "SOLD OUT";
  background: #999999;
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
  display: block;
  color: white;
  text-align: center;
  padding: 5px;
}
/**フッターミドル**/
.product-middle-box {
  clear: both;
  overflow: auto;
  border-top: 1px solid #ccc;
  padding-top: 40px;
  margin-top: 40px;
}
.product-middle-cell {
  position: relative;
  width: calc(94%/4);
  float: left;
  padding: 0px 0px;
  background: #fff;
  margin: 0.7%;
  border: 1px solid #ddd;
}
.product-middle-cell:hover {
  background: #f4f4f4;
  transition: 0.3s;
}
.product-middle-cell a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.product-middle-image {
  width: 30%;
  float: left;
  padding: 10px;
}
.product-middle-image img {
  width: 100%;
  height: auto;
}
.product-middle-title {
  width: 70%;
  float: right;
}
.product-middle-title h4 {
  font-size: 1.1em;
  line-height: 1.2em;
}
.product-middle-cell .line1 {
  padding-top: 29px;
}
.product-middle-cell .line2 {
  padding-top: 21px;
}
.product-middle-cell .line3 {
  padding-top: 13px;
}
/**スライダー**/
.slick-loading .slick-list {
  background: #fff url('./ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url('./fonts/slick.eot');
  src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev, .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: .25;
}
.slick-prev:before, .slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}
.slick-prev:before {
  content: '＜';
}
[dir='rtl'] .slick-prev:before {
  content: '＜';
}
.slick-next {
  right: -25px;
}
[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}
.slick-next:before {
  content: '＞';
}
[dir='rtl'] .slick-next:before {
  content: '＞';
}
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
  list-style: none;
  padding: 0px;
  margin-top: 0px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '●';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}
/**オンライン注文**/
.onlineorder-lead {
  text-align: center;
}
.onlineorder-lead h3 {}
/**商品詳細**/
.entry-header .entry-title {
 /* font-family: ten-mincho-text, serif;*/
  font-weight: bolder;
}
.text-lead {
  margin-bottom: 45px;
}
.text-lead p {}
.content-section {
  display: block;
  overflow: auto;
  margin-bottom: 45px;
}

.half-section {
  width: 45%;
  float: left;
  margin-right: 5%;
}
.half-section:last-child {
  padding-left: 0px;
}
.product-slide {
  width: 50%;
  float: left;
}
.main-content-left {
  width: 50%;
  float: left;
  padding: 20px;
}
.main-content {
  background: #f4f4f4;
  padding: 40px;
  clear: both;
}
.main-content h3 {
  font-size: 1.8em;
  margin-bottom: 30px;
  margin-top: 20px;
}
.main-content p {}
.main-content-right {
  width: 50%;
  float: right;
  padding: 20px;
}
.main-content img {
  width: 100%;
  height: auto;
}
.sub-content-box {
  display: flex;
align-items: stretch;
  overflow: auto;
	flex-wrap: wrap; /* 折返し指定 */
}
.sub-content {
  width: calc(100%/3);
  float: left;
  padding: 20px;
  margin-bottom: 0px;
}
.sub-content h4 {
  font-size: 1.4em;
}
.sub-content p {
  font-size: 1.1em;
  padding-bottom: 15px;
  border-bottom: 1px solid #cccccc;
}
.sub-content-left {}
.sub-content-right {
  margin-bottom: 15px;
}
.spec-section {
  clear: both;
  display: block;
  overflow: auto;
  margin-top: 45px;
  margin-bottom: 45px;
}
.spec-table {
  width: 60%;
  float: left;
  padding-right: 20px;
}
.spec-table h3 {
  text-align: center;
  font-size: 1.8em;
}
.spec-table table {
  font-size: 1.1em;
  border: none;
}
.spec-table table tr {
  border-bottom: 1px solid #cccccc;
}
.spec-table table tr th {
  border: none;
  padding: 15px 10px;
  min-width: 140px;
}
.spec-table table tr td {
  border: none;
  padding: 10px;
}
.print-area {
  width: 40%;
  float: right;
}
.print-area h3 {
  text-align: center;
  font-size: 1.8em;
}
.print-area img {
	padding: 20px;
}
.print-image {
  margin-bottom: 45px;
}
.wrap-image {
  margin-bottom: 45px;
}
.template-file {
}
.template-file-header {
	    margin-top: 30px;
}
.template-file h3 {}
.template-dlbtn {
  /* 
  width: 80%;
  margin: 0 auto;
  text-align: center;
  font-size: 1.2em;
  display: block;
  position: relative;
  border: 1px solid #000;
  padding: 15px;
  font-weight: bolder;
  */
  /*width: 80%;
  margin: 0 auto;
  text-align: center;
  font-size: 1.2em;
  display: block;
  position: relative;
  border: none;
  padding: 15px;
  font-weight: bolder;
  background: none;
  color: #333;
  border: 1px solid;
	*/
width: 80%;
  margin: 0 auto;
  text-align: center;
  font-size: 1.2em;
  display: block;
  position: relative;
  border: none;
  padding: 15px;
  font-weight: bolder;
  background: none;
  color: #333;
  border: 1px solid;
}
.template-dlbtn span {}
.template-dlbtn span img {
  /*
  width: 40px;
  display: inline-block;
  margin-right: 10px;
	*/
  width: 25px;
  display: inline-block;
  margin-right: 10px;
padding: 0px;
  /*filter: brightness(500%);*/
}
.template-dlbtn a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.template-dlbtn:hover {
  background: #000;
  color: #fff;
}


.template-row1{}
.template-row1 .template-left{
	    margin-bottom: 15px;
}
.template-row1 .template-right{
    background: #f4f4f4;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    display: block;
    position: relative;
    border: none;
    padding: 10px;
    font-weight: bolder;
    margin-bottom: 15px;
}
.template-row1 .template-right span{
	    margin-right: 10px;
}
.template-row1 .template-right p{
	margin-bottom: 0px;
}

.order-btn {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  font-size: 1.2em;
  display: block;
  position: relative;
  border: none;
  padding: 15px;
  font-weight: bolder;
  background: #65b9c7;
  color: #fff;
}
.order-btn a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.order-btn:hover {
  background: #666;
  color: #fff;
}
.entry-meta {
  border-bottom: 1px solid #cccccc;
}
.entry-meta span {
  background: #f4f4f4;
  padding: 10px;
  margin-right: 10px;
}
.product-slider {}
.product-slider li {
  margin: 0px;
  padding: 15px;
}
.slick-prev:before, .slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: 0px;
  z-index: 1;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #000;
}
.slick-next {
  right: 0px;
  z-index: 1;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #000;
}
.grey {
  background: #f4f4f4;
  padding: 40px;
}
.background-grey {
  background: #f4f4f4;
}
.product-price {
  width: 50%;
  float: right;
  padding: 0px 30px;
}
.product-price #s_priceList {}
.product-price #s_priceList table {}
.product-price #s_priceList table tr {}
.product-price #s_priceList table tr th {
  text-align: center;
}
.product-price #s_priceList table tr th .printsampleimg {
  display: block;
  margin: 0 auto;
}
.product-price #s_priceList table tr td {
  text-align: center;
}
.product-price #s_priceList table tr td br {
  display: none;
}
.product-price #s_priceList table tr td span.price::after {
  content: "円";
  font-size: 80%;
}
.product-price #s_priceList table tr td span.small::before {
  content: "（";
}
.product-price #s_priceList table tr td span.small::after {
  content: "）";
}
.product-price #s_priceList table tr td a {
  /*color: #000;
  background: #f4f4f4;
  padding: 5px 10px;
  display: inline-block;
  font-weight: bolder;
  width: 100%;
	*/
  background: #65b9c7;
  padding: 5px 10px;
  display: inline-block;
  font-weight: bolder;
  width: 100%;
  color: #fff;
}
.product-price #s_priceList table tr td a:hover {
  background: #666;
  color: #fff;
  text-decoration: none;
}
.product-price h3 {
  font-size: 1.5em;
  margin-bottom: 0px;
  margin-top: 10px;
  text-align: center;
}
.product-price p {
  text-align: center;
  font-size: 0.8em;
}
.products h1.entry-title {
  margin-bottom: -20px !important;
}
.entry-header {
  position: relative;
}
.spec-icon {
  /*position: absolute;
  right: 0;
  display: block;
  bottom: 10px;*/
  position: relative;
  right: 0;
  display: block;
  bottom: 15px;
	overflow: auto;
}
.spec-icon span {
  height: 45px;
  width: 45px;
  background: #666;
  color: #fff;
  text-align: center;
  font-weight: bolder;
  float: right;
  margin-left: 10px;
  font-size: 0.9em;
}
.spec-icon span.rokuyo {}
.spec-icon span.shukujitsu {}
.spec-icon span.sunday {}
.spec-icon span.nextmonth {}
.spec-icon span.rokuyo::before {
  content: "六曜";
  display: block;
  margin-top: 14px;
}
.spec-icon span.shukujitsu::before {
  content: "祝日";
  display: block;
  margin-top: 14px;
}
.spec-icon span.sunday::before {
  content: "日曜始";
  display: block;
  margin-top: 14px;
}
.spec-icon span.monday::before {
  content: "月曜始";
  display: block;
  margin-top: 14px;
}
.spec-icon span.nextmonth::before {
  content: "翌月入";
  display: block;
  margin-top: 14px;
}
.spec-icon span.yeartable::before {
  content: "年表";
  display: block;
  margin-top: 14px;
}
.product-single-loop {
  overflow: auto;
  clear: both;
}
.product-single-loop h3 {
  text-align: center;
  font-size: 1.8em;
}
.hashtag-box {
  margin-top: -15px;
  text-align: right;
  display: inline-block;
  margin-bottom: 10px;
}
.hashtag-box .basic-tag {
  color: #333333;
  margin-right: 10px;
  font-weight: bolder;
  padding: 1px 10px 1px 10px;
  background: #f4f4f4;
  display: inline-block;
  margin-top: 5px;
}
.hashtag-box .basic-tag:last-child {
  margin-right: 0px;
}
.hashtag {
  color: #ffffff;
  margin-right: 10px;
  font-weight: bolder;
  padding: 5px 10px 5px 10px;
  background: #e89696;
}
.hashtag:last-child {
  margin-right: 10px;
}
.fsc {
  background: #68c1b9;
}
.sdgs {
  background: #6fb9da;
}
.original {
  background: #f7c42c;
}
.semi-order {
  background: #9e9e9e;
}
.desk-cal {
  background: #f38a82;
}
.name {
  background: #aa86ea;
}
.wall-cal {
  background: #8793d4;
}
.recycle {
  background: #94a4b1;
}
.eco {
  background: #96c75c;
}
.free-column-section {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.free-column-section h3 {}
.free-column {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin-right: 15px;
  width: 100%;
  font-size: 1.1em;
  padding-bottom: 15px;
  border-bottom: 1px solid #cccccc;
}
.free-column:last-child {
  margin-right: 0px;
}
.semi-type-name {}
.semi-type-image {}
.semi-size-hontai {
  padding: 5px 10px;
  border-bottom: 1px solid #cccccc;
}
.semi-size-kumitate {
  padding: 5px 10px;
  border-bottom: 1px solid #cccccc;
}
.semi-size-hontai span {
  font-weight: bolder;
}
.semi-size-kumitate span {
  font-weight: bolder;
}
.semi-size-lead {
  padding: 5px 10px;
  border-bottom: 1px solid #cccccc;
}
h3.textaligncenter {
  text-align: center;
  font-size: 1.8em;
}
.semi-original {}
.semi-original .template-dlbtn {
  font-size: 0.8em;
  padding: 8px;
  margin-top: 10px;
}
.semi-original .template-dlbtn span {
  font-size: 0.8em;
}
.semi-original .template-dlbtn span img {
  margin-bottom: 2px;
  width: 22px;
  height: auto;
}
.semi-original .template-dlbtn .smalltext {
  font-size: 0.5em;
  margin-left: 5px;
}
.semi-original .order-btn {
  font-size: 1em;
  padding: 8px;
  margin-top: 10px;
}
.semi-original .order-btn span {
  font-size: 0.9em;
}
.semi-original .order-btn .smalltext {
  font-size: 0.5em;
  margin-left: 5px;
}
.semi-original img {
  margin-bottom: 15px;
}
.semi-original .spec-table {
  width: 100%;
  float: none;
  padding-right: 0px;
}
.semi-fscmark {
  text-align: center;
}
.semi-fscmark img {
  width: 100px;
  height: auto;
  margin: 0 auto;
}
.main-content a {
  color: #66bac7;
  font-weight: bolder;
  border: 1px solid #66abc7;
  padding: 5px 10px;
  font-size: 0.9em;
  margin-top: 10px;
  display: inline-block;
  text-decoration: none;
}
.main-content a:hover {
  background: #66bac7;
  color: #fff;
}
.sale_status_single {}
.sale_status_single .reguler {
  display: none;
}
.sale_status_single .soldout {}
.sale_status_single .soldout::after {
  content: "SOLD OUT";
  display: block;
  color: red;
  border: 1px solid red;
  width: 100%;
  height: auto;
  text-align: center;
  font-weight: bolder;
  padding: 15px;
  margin-top: 30px;
  font-size: 1.5em;
  border-radius: 4px;
}
.soldout-table {
  position: relative;
}
.soldout-table::before {
  content: "SOLD OUT";
  z-index: 1;
  position: relative;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  font-size: 1.5em;
  color: red;
  border: 1px solid red;
  background: rgba(255, 255, 255, 0.5);
  padding: 5px;
  display: block;
  margin-bottom: 15px;
}
.soldout-table::after {
  content: "";
  display: block;
  background: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/**製作事例**/
.works-table {
  width: 100%;
}
.consulting-post {
  min-height: auto;
}
/**お問合せ**/
.actions input[type="submit"] {
  width: 98%;
}
.hs-button {
  width: 98%;
}
.works-attention {
  margin-bottom: 20px;
  font-size: 0.7em;
  text-align: center;
}
/**固定ページ汎用**/
h3.widget-title {
  font-size: 1.7em;
  margin-bottom: 25px;
  font-weight: bold;
}
.basic-page-common-footer {
  padding-top: 40px;
  margin-bottom: -20px;
}
.left-sidebar .content-area {
  border-left: none;
}
.sidebar {
  /*width: 21%;*/
}
/**オンライン注文**/
.onlineorder-cell {
  border: 1px solid #ddd;
  position: relative;
}
.onlineorder-cell:hover {
  background: #f4f4f4;
  transition: 0.3s;
}
.onlineorder-image {
  width: 100%;
  margin-bottom: -10px;
}
.onlineorder-image img {
  width: 100%;
  height: 160px !important;
  object-fit: cover;
}
.onlineorder-text {
  padding: 0px 15px 0px 15px;
  margin-bottom: 0px;
}
.onlineorder-text h3 {}
.onlineorder-text p {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 0px;
}
.onlineorder-cell a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
/**業界別ページ**/
.industry-header-image {
  width: 100%;
  overflow: hidden;
}
.industry-header-image img {
  width: 100%;
  object-fit: cover;
  height: 220px !important;
}
.point-cell {}
.point-icon {
  width: 45%;
  margin: 0 auto;
}
.point-icon img {}
.point-text {}
.point-text h3 {}
.point-text p {
  line-height: 1.5em;
  margin-bottom: 0px;
}
.point-image {
  padding: 0px 40px 0px 40px;
}
.point-image img {}
.industry-recommend-cell {}
.industry-recommend-cell h3 {
  text-align: center;
}
.industry-recommend-cell p {
  text-align: center;
}
/**フォーム関係**/
.hs-input select option:first-child {}
/**検索結果**/
.search-results .hentry {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.common-searchbox {
  margin: 0 auto;
  margin-top: -20px;
  margin-bottom: -30px;
  width: 100%;
  max-width: 760px;
}
.common-searchbox form {}
.common-searchbox form ul {
  width: 100%;
}
.common-searchbox form ul li {
  display: inline-block !important;
}
.common-searchbox form ul li:first-child {
  width: 70%;
}
.common-searchbox form ul li:last-child {
  width: 30%;
}
.common-searchbox form input[type="text"] {
  border: 1px solid #b3b3b3;
  margin: 0px;
  background: #fff;
}
.common-searchbox form input[type="submit"] {
  background: #66bac7;
  border-radius: 0px;
  margin: 0px;
  border: 1px solid #66bac7;
  padding: 16px 10px 13px 10px;
}
/**注文方法**/
.order-novelty-box {
  position: relative;
}
.box-hovereffect:hover {
  background: #f4f4f4;
  transition: 0.3s;
}
.order-novelty-box img {
  max-width: 240px !important;
  margin: 0 auto;
}
.order-novelty-box a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/******ご利用ガイドアコーディオン*******/
.guide-list-row {
  margin-bottom: 30px;
}
.guide-list-cell {
  margin-bottom: -30px;
}
.guide-list-cell .su-spoiler {
  margin-bottom: 0;
}
.guide-list-cell .su-spoiler-title {
  background: #f1f1f1;
  margin-bottom: 5px;
  padding-left: 37px !important;
}
.guide-list .su-spoiler-icon {
  width: 20px;
  height: 33px;
  line-height: 33px;
  font-size: 17px;
  padding-left: 17px;
}
.guide-list h3 {
  font-size: 1.5em;
  margin-bottom: 0;
}
.guide-list .guide-row {
  clear: both;
  overflow: auto;
}
.guide-row {
  margin: 30px 0px;
}
.guide-row .left-cell {
  width: 48%;
  float: left;
}
.guide-row .right-cell {
  width: 48%;
  float: right;
}
.guide-box h4 {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 8px;
  margin: 10px 0 30px;
  border-bottom: 1px solid;
}
.guide-box h5 {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 5px;
  margin-top: 10px;
}
.guide-list ul.list-none {
  list-style: none;
}
.guide-list ul.main-list {
  margin-top: 0;
}
.guide-list ul.main-list li {}
.guide-list ul.main-list h4 {
  font-weight: bold;
}
.guide-list ul.main-list h4 span {
  color: #ffffff;
  font-weight: bold;
  background: #66b9c7;
  padding: 3px 9px;
  margin-right: 10px;
}
.guide-box h4 span {
  color: #ffffff;
  font-weight: bold;
  background: #66b9c7;
  padding: 3px 9px;
  margin-right: 10px;
}
.guide-list ul.main-list p {}
.sub-listbox {
  padding-left: 15px;
  margin-bottom: 20px;
}
.sub-listbox h5 {
  font-size: 18px;
  margin-bottom: 5px;
  margin-top: 5px;
  border-bottom: none;
}
.sub-listbox ul.sub-list {
  list-style: none;
  padding-left: 20px;
}
.sub-listbox ul.sub-list li {
  text-indent: -20px;
}
.sub-listbox ul.sub-list li::before {
  content: "◉";
  color: #ddd;
  margin-right: 5px;
}
.furikomi-box {
  border-radius: 5px;
  padding: 30px 30px 0px;
  position: relative;
  border: 1px solid;
}
.furikomi-box .box-title {
  position: absolute;
  height: 40px;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  padding-top: 10px;
  border-radius: 0 0 5px 0px;
}
.furikomi-box .sub-list li {}
.caution-box {
  border-radius: 5px;
  padding: 50px 30px 30px;
  position: relative;
  background: #f3f3f3;
}
.caution-box .box-title {
  position: absolute;
  height: 40px;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  padding-top: 10px;
  border-radius: 0 0 5px 0px;
}
.step-flow, .pay-list {
  list-style: none;
}
.guide-list ul.pay-list h4 {
  font-weight: bold;
  border-bottom: 1px solid;
  padding-bottom: 8px;
  margin-top: 30px;
}
.guide-list ul.step-flow li {
  margin-left: 1em;
}
.guide-list .card-img img {
  width: 50%;
  margin: 0 0px 30px 0;
}
.paid-img {
  margin: 0px auto;
  width: 70%;
  display: block;
}
.paid-img img {
  width: 100%;
  margin: 0 auto 30px;
}
.member-img {}
.member-img img {
  width: 100%;
  margin: 0 auto 30px;
  border: 1px solid #ddd;
  padding: 8px;
}
.nyukou {}
.nyukou img {
  width: 300px;
  display: block;
  margin: 0 auto 30px;
}
.nyukou p {
  color: #999;
  font-size: 1em;
  margin: 0 auto;
}
.nyukou h5 {
  color: #999;
}
.workframe {}
.nabi01 {
  overflow: auto;
  width: 32%;
  display: inline-block;
  padding: 10px;
  border: 1px solid #666;
  border-radius: 10px;
  margin: 0 5px;
}
.nabi01 p {
  width: 70%;
  float: right;
  margin-bottom: 0;
  margin-top: 7px;
}
.nabi01 p span {
  display: block;
}
.icon-img {
  width: 25%;
  float: left;
}
.icon-img img {}
img.mypage-icon {
  width: 130px;
  background: #328382;
  padding: 2px;
  margin: 0 auto;
  display: block;
  border-radius: 10px;
}
.icon-table-style {}
.icon-table-style ul {
  list-style: none;
  margin: 0;
}
.icon-table-style li {
  display: inline-table;
}
table.soryo-table {}
table.soryo-table, .soryo-table td, .soryo-table th {
  border: 1px solid #333;
  border-collapse: collapse;
}
.soryo-table td, .soryo-table th {
  padding: 10px;
  height: 25px;
  width: 30px;
  text-align: center;
}
.soryo-table th {
  background: #f0e6cc;
}
.soryo-table .even {
  background: #fbf8f0;
}
.soryo-table .odd {
  background: #fefcf9;
}
.soryo-table td.ui-selected {
  background: #5f5f5f;
}
tr.first-row {
  background: #5f5f5f;
  color: #fff;
  text-align: center;
}
tr.second-row {}
tr.third-row {
  text-align: center;
}
.solidbox {
  clear: both;
  border: 1px solid #c1c1c1;
  overflow: auto;
  padding: 10px;
  background: #f1f1f1;
  margin-bottom: 20px;
}
.solidbox .icon-mypage {
  width: 20%;
  float: left;
  background: #328382;
  padding: 2px;
  margin: 0 auto;
  display: block;
  border-radius: 10px;
}
.solidbox p {
  width: 76%;
  float: right;
  font-size: 1.2em;
}
.solidbox p span {
  font-size: 0.9em;
  font-weight: bold;
  display: block;
  margin-top: 8px;
}
span.sml-font {
  font-size: 0.8em;
  padding-left: 3px;
}
p.black-back {
  background: #333;
  color: #fff;
  width: 25%;
  text-align: center;
  border-radius: 0px;
}
p.fax-num {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  border: 1px solid;
  width: 300px;
  padding: 8px;
  margin: 0 auto;
}
.backcolor-red {
  background: #E04246;
  color: #ffffff;
  font-weight: bolder;
  padding: 2px 0;
}
.backcolor-orng {
  background: #F39140;
  color: #ffffff;
  font-weight: bolder;
  padding: 2px 0;
}
.backcolor-green {
  background: #5EACAF;
  color: #ffffff;
  font-weight: bolder;
  padding: 2px 0;
}
.backcolor-white {
  background: #fff;
  color: #000;
  font-weight: bolder;
  padding: 2px 0;
  border: 1px solid;
}
.red-font {
  color: #d9534f;
}
.red-border {
  border: 2px solid #E04246;
  padding: 3px;
}
a.tx-link {
  color: #559482;
}
.mark {
  padding: .2em;
  background-color: #fff0a3;
}
.subpage {
  margin: 0 0 4em;
}
.text {
  display: block;
}
/*****************
ノベルティの制作方法
*****************/
.noveltyorder-header {}
.noveltyorder-header h3 {
  text-align: center;
  font-size: 1.8em;
  color: #65bac7;
  font-weight: bolder;
}
/*******************
サンプル資料請求
*******************/
.sample-lineup {}
.sample-lineup a:hover {
  opacity: 0.7;
}
.sample-lineup p {
  font-size: 1em;
}
.sample-lineup p a {
  color: inherit;
}
.sample-lineup p a:hover {
  text-decoration: none;
}
.sample-color-box {
  margin-top: -35px;
}
.sample-color-box p {
  text-align: center;
  font-size: 0.8em;
}
.samplecolor {}
.samplecolor::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  border-radius: 15px;
  margin: 0 auto;
}
.samplecolor-white::before {
  background: #fff;
}
.samplecolor-black::before {
  background: #000;
}
.samplecolor-gray::before {
  background: #595757;
}
.samplecolor-pink::before {
  background: #F2A7C1;
}
.samplecolor-blue::before {
  background: #6699CC;
}
.samplecolor-green::before {
  background: #52AD33;
}
.samplecolor-bold::before {
  background: #982436;
}
.samplecolor-ivory::before {
  background: #C6AC8F;
}
/***************
ハンバーガーメニュー常時表示
***************/
/*　ハンバーガーボタン　*/
.hamburger {
  display: block;
  position: absolute;
  z-index: 3;
  right: 10px;
  top: 50px;
  width: 40px;
  height: 50px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display: block;
  position: absolute;
  width: 26px;
  height: 2.5px;
  left: 6px;
  background: #666;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}
.hamburger span.menulabel {
  background: none;
  width: auto;
  height: 10px;
  top: 6px;
  font-size: 0.8em;
  text-align: center;
  display: block;
  left: 3px;
}
/* ナビ開いてる時のボタン */
.hamburger.active {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 13px;
}
.hamburger.active span:nth-child(2) {
  width: 0px;
}
.hamburger.active span:nth-child(1), .hamburger.active span:nth-child(3) {
  background: #fff;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.hamburger.active span:nth-child(1) {
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  -o-transform: translateY(4px);
  transform: translateY(4px);
}
.hamburger.active span:nth-child(3) {
  -webkit-transform: translateY(-16px) rotate(90deg);
  -ms-transform: translateY(-16px) rotate(90deg);
  -o-transform: translateY(-16px) rotate(90deg);
  transform: translateY(-16px) rotate(90deg);
}
.hamburger.active span.menulabel {
  display: none;
}
nav.globalMenuSp {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  text-align: center;
  transform: translateX(100%);
  transition: all 0.6s;
  width: 100%;
  color: #fff;
  background: rgb(59 168 185 / 90%);
  padding: 40px 55px 20px 55px;
  height: 100%;
  overflow: scroll;
}
nav.globalMenuSp h3 {
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  color: #fff;
  font-weight: bold;
}
nav.globalMenuSp h4 {
  border-bottom: 1px dashed #ddd;
  padding-bottom: 10px;
  color: #fff;
}
nav.globalMenuSp .ham-1col {
  padding: 0px 0px;
}
nav.globalMenuSp .ham-2col {
  width: calc(100%/2);
  float: left;
  padding: 0px 10px;
}
nav.globalMenuSp .ham-3col {
  width: calc(100%/3);
  float: left;
  padding: 0px 10px;
}
nav.globalMenuSp .ham-4col {
  width: calc(100%/4);
  float: left;
  padding: 0px 10px;
}
nav.globalMenuSp .ham-section {
  clear: both;
  overflow: auto;
  margin-bottom: 20px;
}
nav.globalMenuSp .ham-search {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}
nav.globalMenuSp .ham-search ul {}
nav.globalMenuSp .ham-search ul li {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
}
nav.globalMenuSp .ham-search ul li:first-child {
  width: 70%;
}
nav.globalMenuSp .ham-search ul li:last-child {
  width: 30%;
}
nav.globalMenuSp .ham-search input[type="text"] {
  font-size: 0.8em;
  padding: 8.5px;
}
nav.globalMenuSp .ham-search input[type="submit"] {
  margin: 0;
  border-radius: 0px 0px 0px 0px;
  font-size: 0.8em;
}
nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
  font-size: 0.85em;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
nav.globalMenuSp ul li:hover {
  background: #3794a5;
}
nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
  padding: 4px 0;
  text-decoration: none;
}
.globalMenuSp .floating-box {
  display: block !important;
}
.globalMenuSp .floating-box ul {
  display: flex;
  text-align: center;
}
.globalMenuSp .floating-box ul li.floating-btn {}
.globalMenuSp .floating-box ul li.floating-btn:nth-child(2) {
  border-left: none;
  padding-left: 0;
  margin-left: 5px;
}
.globalMenuSp .floating-box ul li.floating-btn:nth-child(6) {
  border-left: none;
  padding-left: 0;
  margin-left: 5px;
}
.globalMenuSp .floating-box ul li.floating-btn a {
  color: #fff;
  border: 1px solid #fff;
}

/*****
オリジナル商品
******/
.originals_spec{
	    border: 1px solid #e5e5e5;
    padding: 10px 20px;
}
.originals_spec table {
	border: none;
}
.originals_spec table tr {
	    border-bottom: 1px solid #e5e5e5;
}
.originals_spec table tr th {
	    border: none;
    padding: 15px 0px;
}
.originals_spec table tr td {
    border: none;
    padding: 15px 0px;
    font-size: 1.3em;
}
.originals_spec span{
	color: red;
}

.product-form-box{
clear: both;
    position: relative;
    background: #f4f4f4;
    padding: 40px;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
	margin-bottom: 45px;
	    margin-top: 45px;
}

.product-form-box h2{
	    color: #65bac7;
    text-align: center;
}

.product-form-box h3{
	text-align: center;
	margin-bottom: 45px;
}
.originals-bnr-box{
	    display: flex;
	    align-items: stretch;
}
.originals-bnr{
	    padding: 10px;
}
.originals-bnr:hover{
	    opacity: 0.8;
}
.originals-bnr img{
	width: 100%;
	height: auto;
}
.text-lead-section{
	font-size: 16px;
	    margin-bottom: 45px;
}
.text-lead-section p {
	    font-size: 16px;
    text-align: left;
}

.sankoukakaku-section{
	/*    margin-top: 30px;
    margin-bottom: 30px;
	*/
	display:none;
}

.sankoukakaku-info{
    text-align: center;
    font-size: 16px;
    color: #e15454;
    margin-top: -30px;
}

/**リニューアル20220510**/
.home_news{
    /* background: #f4f4f4; */
    margin-top: -15px;
    padding: 0px 20px;
}
.home_news .post-list{}
.home_news .post-list ul{
	    list-style: none;
    padding: 0;
}
.home_news .post-list ul li{
	    margin-left: 0;
}
.home_news .post-list ul li a{
    color: #777777;
    font-size: 14px;
}
.home_news_title{
    margin-top: 20px;
    margin-bottom: -20px;

}
h2.su-products-title {
	font-size: 1.3em;
	line-height: 1.5em;
}
.su-tabs{
	background: #fff!important;
}
.su-tabs .su-tabs-pane{
	    background: #f4f4f4;
}
.su-tabs .su-tabs-nav{
	    background: #fff;
}
.su-tabs .su-tabs-nav .featured_tub{
	    background: #fff;
    border: 2px solid #f4f4f4;
    border-bottom: none;
	    font-size: 1.3em;
}
.su-tabs .su-tabs-nav .su-tabs-current{
	background: #f4f4f4;
}

.ranking{}
.ranking .su-posts-products-loop{}
.ranking .su-posts-products-loop .products-post{}
.ranking .su-posts-products-loop .products-post:nth-child(1){}
.ranking .su-posts-products-loop .products-post:nth-child(2){}
.ranking .su-posts-products-loop .products-post:nth-child(3){}
.ranking .su-posts-products-loop .products-post:nth-child(4){}

.ranking .su-posts-products-loop .products-post::before{
	display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 12px;
    z-index: 1;
    color: #fff;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: bolder;
}
.ranking .su-posts-products-loop .products-post:nth-child(1)::before{
	content: "1";
	 background: #cebb17;
}
.ranking .su-posts-products-loop .products-post:nth-child(2)::before{
	content: "2";
	 background: #9e9e9e;
}
.ranking .su-posts-products-loop .products-post:nth-child(3)::before{
	content: "3";
	 background: #b99f51;
}
.ranking .su-posts-products-loop .products-post:nth-child(4)::before{
	content: "4";
	 background: #e67a72;
}

#content-inside.left-sidebar{
	width: 100%;
    max-width: 1530px;

}
#content-inside.left-sidebar #primary{
	width: 74%;
}
#content-inside.left-sidebar #secondary{
	width: 24%;
}
.sidebar-box{
	    border: 1px solid #ddd;
    padding: 15px 8px;
    border-radius: 5px;
	margin-bottom: -15px;
}
.sidebar-title{
	    margin-bottom: -30px;
}
.sidebar-title h3{}
.sidebar-bnr{
	    position: relative;
}

.sidebar-bnr-img{
	    max-width: 80px;
    min-width: 50px;
}
.sidebar-bnr-img img{}
.sidebar-bnr-text {}
.sidebar-bnr-text h3 {
	margin-bottom: 5px;
}
.sidebar-bnr-text p {
font-size: 12px;
    line-height: 1.2em;
    color: #888888;
    margin-bottom: 0px;
}
.sidebar-bnr-text a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.sidebar-bnr-inner{
	position: relative;
}
.sidebar-bnr-inner:hover{
	background: #f8f8f8;
}
.sidebar-bnr-smallbox{
	    margin-top: -35px;
}
.sidebar-bnr-smallbox ul{
	    margin-bottom: 10px;
}
.sidebar-bnr-smallbox ul li{
	padding-right: 10px;
}
.sidebar-bnr-smallbox ul li a{
	    border-bottom: 1px dashed #c5c5c5;
    display: block;
	text-decoration: none;
	position: relative;
	    padding-left: 15px;
}
.sidebar-bnr-smallbox ul li a::before{
    content: "▶︎";
    position: absolute;
    left: 0px;
    top: 4px;
    font-size: 0.7em;
    color: #c5c5c5;
    z-index: 1;
    font-family: sans-serif;
}

.sidebar-bnr-smallbox ul li a:hover{
	    background: #f8f8f8;
	text-decoration: none!important;
	color: #777777!important;
}

.search-form .search-submit{
	    background: #65bac7;
}

.search-form .search-field {
    font-size: 1em;
}
.border-box{
	border: 1px solid #ddd;
    padding: 20px;
}
.agency-count {
    padding: 30px 20px 20px 20px;
}
.agency-count h3{
	    text-align: center;
	    margin-bottom: 0px;
}
.agency-count p{
	text-align: center;
	    margin-bottom: -10px;
	    margin-top: -20px;
}
.agency-count .count-size{
    font-size: 3.5em;
    color: #65bac7;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: bolder;
    letter-spacing: 0.1em;
}
.agency-count-icon{}
.agency-count-icon img{
	width: 100px;
	height: auto;
}
.count-small{
	    display: block;
    line-height: 1.2em;
	text-align: right;
    font-size: 0.9em;
    margin-top: -5px;
}
.gothic-font{
	    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: bolder;
}
.orderflow-box{}
.orderflow-cell{
	background: #f4f4f4;
    border-radius: 8px;
	    position: relative;
	padding: 10px;
	    min-height: 163px;
}
.orderflow-cell::after{
    content: "▶︎";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -25px;
    margin: auto;
    width: 20px;
    height: 35px;
    font-size: 20px;
    color: #64b9c6;
}
.orderflow-cell-afternone::after{
	display: none;
}

.orderflow-img{
	    margin-bottom: -15px;
}
.orderflow-img img{
	    max-width: 80px!important;
    margin: 0 auto;
}
.orderflow-title{}
.orderflow-title p{
    text-align: center;
    line-height: 1em;
}
.orderflow-small{
	font-size: 0.7em;
}

/**お知らせ｜ランディングページ｜LP**/
.lp-content {}
.lp-green {}
.pr-box {
  border-bottom: 5px solid #ccc;
}
.pr-box h3 {
  font-size: 1.5em;
  color: #65bac7;
  margin-bottom: 30px;
}
.pr-box h3 span {
  background: #65bac7;
  color: #fff;
  padding: 10px;
  font-size: 1.6em;
  margin-right: 10px;
}
.margin-top20 {
  margin-top: 20px!important;
}
.margin-top30 {
  margin-top: 30px;
}
.margin-top40 {
  margin-top: 40px;
}
.margin-top60 {
  margin-top: 60px;
}
.margin-top-30 {
  margin-top: -30px;
}
.margin-top-40 {
  margin-top: -40px;
}
.margin-top-60 {
  margin-top: -60px;
}
.margin-top-80 {
  margin-top: -80px;
}
.margin-top-100 {
  margin-top: -100px;
}
.margin-top-120 {
  margin-top: -120px;
}
.margin-top-140 {
  margin-top: -140px;
}
.margin-top-160 {
  margin-top: -160px;
}
.margin-top-180 {
  margin-top: -180px;
}
.margin-top-200 {
  margin-top: -200px;
}
.margin-top-220 {
  margin-top: -220px;
}
.margin-top-240 {
  margin-top: -240px;
}
.margin-top-260 {
  margin-top: -260px;
}
.margin-top-280 {
  margin-top: -280px;
}
.margin-top-300 {
  margin-top: -300px;
}
.margin-top-320 {
  margin-top: -320px;
}
.margin-top-340 {
  margin-top: -340px;
}
.margin-top-360 {
  margin-top: -360px;
}
.margin-top-380 {
  margin-top: -380px;
}
.margin-bottom-15 {
  margin-bottom: -15px;
}
.margin-bottom-30 {
  margin-bottom: -30px;
}
.margin-bottom-60 {
  margin-bottom: -60px;
}
.margin-bottom-80 {
  margin-bottom: -80px;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  transform: translateX(0%);
}
/********************
サイドバー追加 CSS追加用
*********************/
.left-sidebar .sidebar{
	border-right: none;
	padding-right: 20px;
}
.mainvisualbox {
    width: 100%;
}
.sidebar_cat_box{

}
.sidebar_cat_box h3{
	font-size: 15px;
    font-weight: bolder;
}
.sidebar_cat_box ul{
	list-style: none;
	padding-left: 0;
}
.sidebar_cat_box li{

}
	
.sidebar_cat_box li a{
	font-size: 0.9em;
}
.sidebar_cat_box .widget_nav_menu{
    margin-bottom: 10px;	
}
.menu-sidebar-container{}
.menu-sidebar-container ul.menu{}
.menu-sidebar-container ul.menu li.level1{
	position: relative;    
    padding: 5px 0 5px;
    border-bottom: 1px dashed #ddd;
	background: #fff;
}
.menu-sidebar-container ul.menu li.level1 a{
	display: block;
	position: relative;	
	padding: 8px 10px 8px 50px;
}
.menu-sidebar-container ul.menu li.level1 a::after{
	content: "";
    background: url(https://www.hansoku-choice.net/wp/wp-content/uploads/2022/04/icon-right.png);
    background-size: cover;
	width: 10px;
    height: 10px;
	display: inline-block;
    position: absolute;
    right: 0;
    top: 10px;
}
.menu-sidebar-container .sub-menu{}
.menu-sidebar-container .sub-menu li.level2{}
.menu-sidebar-container .sub-menu li.level2 a{
	
    padding: 5px 5px 5px 50px;
    border-bottom: 1px dashed #ddd!important;
}
.menu-sidebar-container ul.menu li::before {
    display: inline-block;
    margin-right: 6px;
    width: 40px;
    height: 40px;
	position: absolute;
	
}
ul.menu li.calendar::before{
	content: "";
    background: url(https://www.hansoku-choice.net/wp/wp-content/uploads/2022/04/thum-calendar.jpg);
    background-size: cover;
}
ul.menu li.note::before{
	content: "";
    background: url(https://www.hansoku-choice.net/wp/wp-content/uploads/2022/04/thum-note.jpg);
    background-size: cover;
}
ul.menu li.pen::before{
	content: "";
    background: url(https://www.hansoku-choice.net/wp/wp-content/uploads/2022/04/thum-pen.jpg);
    background-size: cover;
}
ul.menu li.towel::before{
	content: "";
    background: url(https://www.hansoku-choice.net/wp/wp-content/uploads/2022/04/thum-towel.jpg);
    background-size: cover;
}
ul.menu li.bag::before{
	content: "";
    background: url(https://www.hansoku-choice.net/wp/wp-content/uploads/2022/04/thum-bag.jpg);
    background-size: cover;
}
ul.menu li.tumbler::before{
	content: "";
    background: url(https://www.hansoku-choice.net/wp/wp-content/uploads/2022/04/thum-tumbler.jpg);
    background-size: cover;
}
ul.menu li.hygiene::before{
	content: "";
    background: url(https://www.hansoku-choice.net/wp/wp-content/uploads/2022/04/thum-hygiene.jpg);
    background-size: cover;
}
ul.menu li.original::before{
	content: "";
    background: url(https://www.hansoku-choice.net/wp/wp-content/uploads/2022/04/thum-hygiene.jpg);
    background-size: cover;
}

/*aside ul.bellows-nav li.bellows-menu-item {
  display: none;
}*/
aside ul.bellows-nav li.bellows-menu-item.bellows-current-menu-item,
aside ul.bellows-nav li.bellows-menu-item.bellows-current-menu-ancestor,
aside ul.bellows-nav li.bellows-menu-item.bellows-current-menu-item ul.bellows-submenu li,
aside ul.bellows-nav li.bellows-menu-item.bellows-current-menu-ancestor ul.bellows-submenu li {
  display: block;
}
.bellows.bellows-skin-blue-material .bellows-nav .bellows-target, .bellows.bellows-skin-blue-material .bellows-nav .bellows-custom-content {
    color: #3c3c3c;
}
.bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0 > .bellows-target, .bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0 > .bellows-custom-content{
border-bottom: 1px solid #ddd;
    background: #fff!important;
    padding: 25px;
    padding-left: 75px;
    padding-right: 25px;
}
.bellows .bellows-nav .bellows-target>.bellows-target-description{
	display: none;
}
.bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0.bellows-active > .bellows-target {
    background: #f8f8f8;
	padding-left: 75px;
	    border-bottom: none;
	    
}
.bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0 > .bellows-target:hover {
    background: #f8f8f8;
	text-decoration: none;
}
.bellows.bellows-skin-blue-material {
    box-shadow: none;
    background: #fff;
	margin: 0px;
}
.bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0 > .bellows-target .bellows-subtoggle {
    background: none;
	    color: #c5c5c5;
}
.bellows.bellows-skin-blue-material .bellows-nav .bellows-submenu .bellows-target{
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #c5c5c5;	
}
.bellows.bellows-skin-blue-material .bellows-nav .bellows-submenu .bellows-target:hover{
	    text-decoration: none;
	    background: #eee;
}
.bellows .bellows-nav .note::after{}

.bellows .bellows-nav li a{
	position: relative;
}


.bellows .bellows-nav li a::before {
    display: inline-block;
    margin-right: 6px;
    width: 60px;
    height: 60px;
	position: absolute;
	left: 5px;
    top: 4px;
	content: "";
	background-size: contain;
}
/*
.bellows .bellows-nav li.allitem a::before{
	content: "";
    background: url(/wp/wp-content/uploads/2021/07/cropped-cropped-choice-favicon-.jpg.webp);
    background-size: cover;
}
.bellows .bellows-nav li.calendar a::before{
	content: "";
    background: url(/wp/wp-content/uploads/2022/04/thum-calendar.jpg);
    background-size: cover;
}
.bellows .bellows-nav li.note a::before{
	content: "";
    background: url(/wp/wp-content/uploads/2022/04/thum-note.jpg);
    background-size: cover;
}
.bellows .bellows-nav li.pen a::before{
	content: "";
    background: url(/wp/wp-content/uploads/2022/04/thum-pen.jpg);
    background-size: cover;
}
.bellows .bellows-nav li.towel a::before{
	content: "";
    background: url(/wp/wp-content/uploads/2022/04/thum-towel.jpg);
    background-size: cover;
}
.bellows .bellows-nav li.bag a::before{
	content: "";
    background: url(/wp/wp-content/uploads/2022/04/thum-bag.jpg);
    background-size: cover;
}
.bellows .bellows-nav li.tumbler a::before{
	content: "";
    background: url(/wp/wp-content/uploads/2022/04/thum-tumbler.jpg);
    background-size: cover;
}
.bellows .bellows-nav li.hygiene a::before{
	content: "";
    background: url(/wp/wp-content/uploads/2022/04/thum-hygiene.jpg);
    background-size: cover;
}
.bellows .bellows-nav li.originalgoods a::before{
	content: "";
    background: url(/wp/wp-content/uploads/2022/04/jaguartowel_top-min-300x300.png.webp);
    background-size: cover;
}
.bellows .bellows-nav li.file a::before{
	content: "";
    background: url(/wp/wp-content/uploads/2021/10/paperclearfile_top-min-300x300.png.webp);
    background-size: cover;
}
.bellows .bellows-nav li.poster a::before{
	content: "";
    background: url(/wp/wp-content/uploads/2021/12/kurage_poster-1-300x300.png.webp);
    background-size: cover;
}
*/

.bellows .bellows-nav .bellows-subtoggle{
    /*right: -20px;	*/
}
.bellows.bellows-skin-blue-material .bellows-nav .bellows-submenu a::before{
	display: none;
}
.bellows.bellows-skin-blue-material .bellows-nav .bellows-submenu li{
	position: relative;
	background: #f8f8f8;
}
.bellows.bellows-skin-blue-material .bellows-nav .bellows-submenu li::before{
	/*content: "▶︎";
    position: absolute;
    left: 23px;
    top: 9px;
    font-size: 0.7em;
       color: #c5c5c5;
	    z-index: 1;	
    font-family: sans-serif;*/
    content: "▶︎";
    position: absolute;
    right: 17px;
    top: 9px;
    font-size: 0.7em;
    color: #65bac7;
    z-index: 1;
    font-family: sans-serif;
}
.bellows .bellows-nav .bellows-subtoggle .fa {
    position: absolute;
    right: 15px;
}
.bellows .bellows-nav .dummymenu .bellows-target .bellows-subtoggle{
	width: 100%;
}
.bellows .bellows-nav .dummymenu .bellows-target .bellows-subtoggle .fa{}
.bellows .bellows-nav .dummymenu a::before{
content: "";
    color: #c5c5c5;
    background: #c5c5c5;
    width: 12px;
    height: 12px;
    border-radius: 20px;
    position: absolute;
    top: 0;
    left: 30px;
    bottom: 0;
    margin: auto;
}


aside ul.bellows-nav li.bellows-menu-item.bellows-current-menu-item,
aside ul.bellows-nav li.bellows-menu-item.bellows-current-menu-ancestor,
aside ul.bellows-nav li.bellows-menu-item.bellows-current-menu-item ul.bellows-submenu li,
aside ul.bellows-nav li.bellows-menu-item.bellows-current-menu-ancestor ul.bellows-submenu li {
  display: block;
}
/*サイドバーの名入れカレンダーとオリジナルカレンダーだけ消す*/
.sidebar-box ul.bellows-nav li.bellows-menu-slug-originalcalendar{
	display:none!important;
}
.sidebar-box ul.bellows-nav li.bellows-menu-slug-readymade{
	display:none!important;
}

.bellows.bellows-skin-blue-material .bellows-nav .bellows-submenu li.nosubmenu{
	
}
.bellows.bellows-skin-blue-material .bellows-nav .bellows-submenu li.nosubmenu::before{
	content: "";
}
.bellows.bellows-skin-blue-material .bellows-nav .bellows-submenu li.nosubmenu a{
	    background: #daeff2;
}
.bellows.bellows-skin-blue-material .bellows-nav .bellows-submenu li.nosubmenu a:hover{
	    background: #c2e3e7;
}

.maincolumn-cat{
	display: none;
}
.maincolumn-cat ul.bellows-nav{
	    display: flex;
    flex-wrap: wrap;
    background: #fff;
}
.maincolumn-cat ul.bellows-nav li{}
.maincolumn-cat .bellows .bellows-nav .bellows-menu-item{
	    width: calc(25% - 15px);
    margin: 5px;
	font-size: 14px;
}
.maincolumn-cat .bellows.bellows-skin-blue-material .bellows-nav .bellows-submenu li{
	    width: 100%;
	margin: 0px;
}

.maincolumn-cat .bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0 > .bellows-target, .bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0 > .bellows-custom-content{
	border: none;
    background: #fff!important;
}

.naireindexmenu{}
.naireindexmenu .su-tabs-nav {
	display: flex;
}
.naireindexmenu .su-tabs-nav span{
	    width: 100%;
    font-size: 16px;
    font-weight: bolder;
    text-align: center;
    padding: 20px 10px;
}

.naireindexmenu .bellows .bellows-nav li a::before{
	    width: 80px;
    height: 80px;
}
.naireindexmenu .bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0 > .bellows-target, .bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0 > .bellows-custom-content{
    padding-left: 90px;
    padding-right: 5px;
    padding-top: 32px;
    padding-bottom: 35px;
}
.naireindexmenu .bellows .bellows-nav .bellows-menu-item{
    border-bottom: 2px solid #f4f4f4;
    width: calc(25% - 20px);
    margin: 10px;
}
.naireindexmenu .bellows .bellows-nav .bellows-menu-item:hover{
	
	opacity: 0.8;
}
.naireindexmenubrand{}
.naireindexmenubrand .bellows .bellows-nav li a::before{
	display: none;
}
.naireindexmenubrand .bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0 > .bellows-target, .bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0 > .bellows-custom-content{
	    padding: 10px;
    text-align: center;
}
.naireindexmenubrand .bellows .bellows-nav .bellows-menu-item{
	width: calc(100% / 9 - 20px);
}

.sidebar .widget{
	margin-bottom: 0px;
}

#secondary {
    padding-top: 0px;
    margin-top: 0px;
}

.sidebar .widget .widget-title{
	text-align:center;
	    font-size: 18px;
}
.sidebar .widget .sidebar-title .widget-title {
    background: #f4f4f4;
    padding: 15px 0px;
    border-radius: 5px;
}
.sidebar .widget .sidebar-title .widget-title h3 {
	margin-bottom: 0px;
}

.sidebar .widget .naire-sidebar{
	position: relative;
}
.sidebar .widget .naire-sidebar a{
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sidebar .widget .naire-sidebar:hover{
	opacity:0.8;
}

.sidebar .widget .naire-sidebar .widget-title {
	/*    background: #e17777;
    color: #fff; */
	    background: #ffffff;
    /* color: #fff; */
border-top: 4px solid #425ba0;
    border-bottom: 4px solid #425ba0;
    border-radius: 0px;
}

.sidebar .widget .naire-sidebar .widget-title::after {
    content: "▶︎";
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 1em;
    color: #eee;
    font-family: sans-serif;
}

.naire-sidebar-box{
    /*border: 2px solid #a7d398;*/
	    border: 3px solid #425ba0;
    padding: 6px 8px;
}
.naire-sidebar-box .bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0 > .bellows-target, .bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0 > .bellows-custom-content{
	    border-bottom: none;
}

.bellows.bellows-skin-blue-material .bellows-nav .bellows-submenu li a span.bellows-target-title {
	    font-size: 13px;
}
.fa-chevron-down:before {
    content: "▼";
    color: #65bac7;
    font-size: 1.2em;
}
.fa-chevron-up:before {
    content: "△";
    color: #65bac7;
    font-size: 1.2em;
}

/**FirefoxでTen-minchoに色がつかない不具合を修正**/
/**Firefoxのみフォントを変更**/
@-moz-document url-prefix() {
  body, .break, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, pre {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  }
  body, button, input, select, textarea {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  }
  ul, ol, dl, p, details, address, .vcard, figure, pre, fieldset, table, dt, dd, hr {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  }
  .onepress-menu a {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  }
  .page-custom-header h1 {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  }
  .entry-header .entry-title {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  }
}


/**OEMノート 2022.11.12**/
.oem-box{}
.oem-header{
	margin-bottom: -20px;
}
.oem-header h2{
    /* border-bottom: 1px solid #cccccc; */
    background: #f4f4f4;
    padding: 0px 15px;
}
.oem-box h3{
	border-bottom: 1px solid #cccccc;
	    font-size: 1.8em;
}
.oem-header p{}
.oem-cell{
    /*border-bottom: 1px solid #f0f0f0;*/
	padding-bottom: 15px;
	
}
.oem-cell h4{
	font-size: 1.5em;
}
.oem-cell img{
	margin-top: -30px;
}
.oem-cell p{
	margin-top: -20px;
	    color: #666;
}
#post-11291 .spec-section {
	display: none;
}
#post-11327 .spec-section {
	display: none;
}
.seihon-example{	
}
.seihon-example ul{	
	    list-style: none;
    padding: 0;
    margin: 0;
}
.seihon-example ul li{	
float: left;
    border: 1px solid #ccc;
    margin-left: 10px;
    padding: 2px 15px;
    margin-bottom: 0px;
}
.margin-bottom30{
    margin-bottom: 30px;
}
.product-soldout{}
.product-soldout .product-slider{}
.product-soldout .product-slider::after{
	    content: "SOLD OUT";
    background: red;
    position: absolute;
    top: 0;
    right: 0;
    width: 45%;
    display: block;
    color: white;
    text-align: center;
    padding: 5px;
}
.product-soldout .product-slider .slick-list{
	    opacity: 0.6;
}
.product-soldout .product-slider .slick-list::after{
	content:"";
	
}

.nairetaitle{
    background: #e9e9e9;
    padding: 6px;
}
.nairetaitle h2{
	    text-align: center;
	margin-bottom: 0;
}

.nairetaitle h2 span{
	font-size: 0.7em;
}
.naireoriginal h3{
	    color: #65bac7;
    font-size: 1.8em;
    font-weight: bolder;
}
.nairetabbox{}
.nairetabbox .su-tabs{}
.nairetabbox .su-tabs .su-tabs-nav{}
.nairetabbox .su-tabs .su-tabs-nav span{
	    font-size: 14px;
}
.nairetabbox h2.su-products-title{
	    font-size: 15px;
}

/**閲覧履歴**/
.sidebar_cat_box .dd_last_viewed:empty{
    display: none;
}
.sidebar_cat_box .dd_last_viewed{
     margin-bottom: 0px;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 5px 0px 0px 0px;
    background: #f4f4f4;
    position: fixed;
    width: 90px;
    right: 0;
    bottom: 0px;
    z-index: 999;
}
.sidebar_cat_box .dd_last_viewed::before{
    content: "閲覧履歴";
    
    text-align: center;
    display: block;
    font-size: 1.1em;
    margin-bottom: -10px;
}
.sidebar_cat_box li a.lastViewedTitle{
    font-size: 12px;    
	    
}
.sidebar .dd_last_viewed h2.widget-title{
    padding-bottom: 0;
    margin-bottom: -10px;
}
.lastViewedThumb img{
        width: 60px;
    height: auto;
}
.lastViewedThumb{    
    margin: auto;
    float: none;
    text-align: center;
    display: block;
}
.lastViewedContent{    
    padding-top: 20px;    
    line-height: 0.9;
	display: none;
}
.lastViewedList li.lastViewedItem{
    list-style-type: none;
    padding: 5px;
    border-bottom: 1px solid #ddd;
}

/**閲覧履歴**/

/************
名入れカレンダー
************/

.naire-row{}
.naire-row .naire-cell{}
.naire-row .naire-cell .widget_sow-editor{
}
.naire-pagebtn{}
.naire-pagebtn .ow-button-base a{}
.naire-pagebtn .ow-button-base a span{
	    color: #333;
    font-size: 1.2em;
}
.naire-pagebtn .ow-button-base a .sow-icon-image{
	    width: 3em;
    height: 3em;
}

.naire-nouhin{
	padding: 20px;
	border: 1px solid #ddd;
}

#tablepress-4 th,#tablepress-4 td,#tablepress-5 th,#tablepress-5 td,#tablepress-6 th,#tablepress-6 td{
	text-align: center;
}

.nairebnr-box{
    position: relative;
    border: 2px solid #a7d398;
    padding: 15px;
    border-radius: 4px;
	
}
.nairebnr-box img{}
.nairebnr-box h3{
    margin-bottom: 0px;
    text-align: center;
    font-size: 1.6em;
}
.nairebnr-box p{
	    line-height: 1.3em;
    font-size: 1em;
}
.nairebnr-box a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.naire-page-btn{
	position: relative;
	border: 2px solid #a7d398;
    border-radius: 4px;
    padding: 15px;
}
.naire-page-btn:hover{
	opacity: 0.8;
}
.naire-page-btn img{
	    margin-bottom: -20px;
}
.naire-page-btn h3 {
    margin-bottom: 0px;
	text-align: center;
	font-size: 1.6em;
}
.naire-page-btn h3::after {
    content: "▶︎";
    display: inline-block;
    border: 2px solid;
    color: #a7d399;
    border-radius: 30px;
    line-height: 1em;
    padding: 3px;
    font-size: 0.7em;
    margin-left: 5px;
}
.naire-page-btn a {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	
}
span.product_kingaku{
	    font-size: 0.8em;
    display: inline-block;
    letter-spacing: 0.1em;
	display: none;
}

.product_kingaku_row{
	display:none;
}
.naire-comment{}
.naire-comment ul{
	    padding: 0;
}
.naire-comment ul li{
    position: relative;
    list-style: none;
    margin-left: 0em;
    padding-left: 2.5em;
    border-bottom: 1px dashed #bbb;
}
.naire-comment ul li:empty{
	display: none;
}
.naire-comment ul li::before{
    content: "";
    position: absolute;
    top: 0.25em;
    left: 1.3em;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 7px;
    height: 14px;
    border-right: 3px solid #65b9c7;
    border-bottom: 3px solid #65b9c7;
}
.naire-gaiyopoint{
	margin-top: 30px;
}
.naire-gaiyopoint p{
	font-weight: bolder;
}

/**************
壁掛けカレンダー別売りケースの対応
一部のカテゴリで非表示
**************/
.naire_wall46-6 .betsuuricase{
	display: none;
}

.diary-2 .betsuuricase{
	display: none;
}
.naire_desk .betsuuricase{
	display: none;
}

.nairecalendar span.product_kingaku, .page-id-27078 span.product_kingaku, .parent-pageid-27078 span.product_kingaku{
	display: inline-block;
}

.nairecalendar .product_kingaku_row, .page-id-27078 .product_kingaku_row, .parent-pageid-27078 .product_kingaku_row{
	display: table-row;
}
.term-sale .product_kingaku_row{
	display: table-row;
}


/**************
セール対応
**************/
.sale-section{}
.sale-section h3{
    color: white;
    font-size: 2em;
    background: #ff3b75;
    margin-bottom: 15px;
}
.sale-section .sale-tuujo{
	    text-align: center;
    font-size: 16px;
}
.sale-section .sale-tuujo span{
	    color: inherit;
}
.sale-section .sale-kakaku{
	    text-align: center;
    font-size: 2.5em;
    color: #ff3b75;
    font-weight: bold;
}
.sale-section .sale-kakaku span{
	    display: block;
    font-size: 0.5em;
    margin-top: -10px;
    margin-bottom: 10px;
	color: #ff3b75;
}
.sale-content{}
.sale-content .product-slider li{
	position: relative;
}
.sale-content .product-slider li::before{
	content: "";
	background: url(https://www.hansoku-choice.net/wp/wp-content/uploads/2024/08/sale_obi.png);
	    width: 110px;
    height: 110px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
}
.archive-sale{}
.archive-sale::after{
	content: "";
	background: url(https://www.hansoku-choice.net/wp/wp-content/uploads/2024/08/sale_obi.png);
	    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
	z-index: 1;
}
.archive-sale .product_salekingaku_row{}
.archive-sale .product_kingaku_row2{
	display: none;
}
.archive-reguler .product_salekingaku_row{
	display: none;
}

/***********
固定ページでの商品カテゴリ対応
***********/
.product-page-cat{}
.product-page-cat ul.bellows-nav{
	display: flex;
    flex-wrap: wrap;
}
.product-page-cat ul.bellows-nav li.bellows-menu-item{
	    width: 33.3%;
	display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.product-page-cat ul.bellows-nav li.bellows-menu-item:hover{
	opacity: 0.8;
}
.product-page-cat ul.bellows-nav li.bellows-menu-item a.bellows-target{
	    padding: 0!important;
    padding-left: 0!important;
    padding-right: 0!important;
	/*border-bottom: none!important;*/
    border: 1px solid #ddd;
    margin: 15px;
	    padding: 30px !important;
	display: flex
;
    flex-direction: column;
    flex-grow: 1;
}
.product-page-cat ul.bellows-nav li.bellows-menu-item a.bellows-target::before{
display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background-size: contain;
    height: 100%;
    aspect-ratio: 1 / 1;
    margin-right: 0;
    background-repeat: no-repeat;
}
.product-page-cat ul.bellows-nav li.bellows-menu-item a.bellows-target span.bellows-target-title{
    display: block;
    text-align: center;
    margin-top: 15px;
    font-size: 1.2em;
}

/*記述追加2025.03*/
.newcat-archive{}
.newcat-archive .products-post{
	width: calc(94% / 3);
}
.newcat-archive .products-post h2.su-products-title{
font-size: 1.6em;
}
.body-bread{
	margin-top: 45px;
    margin-bottom: 45px;
}
.body-bread #breadcrumbs{}
.body-bread #breadcrumbs span{
    display: flex;
    width: 100%;
}
.body-bread #breadcrumbs span span{
    display: block;
    margin-right: 3em;
	position: relative;
}
.body-bread #breadcrumbs span span::after{
content: "＞";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -2em;
    margin: auto;
    align-content: center;
    font-weight: bolder;
    color: #999;
}
.body-bread #breadcrumbs span span.breadcrumb_last{
    border: 2px solid #dfdfdf;
    padding: 10px;
    border-radius: 8px;
    text-decoration: none;
    display: block;
    text-align: center;
    align-content: center;
}
.body-bread #breadcrumbs span span.breadcrumb_last::after{
content: "（現在のページ）";
    font-weight: normal;
    font-size: 0.8em;
    display: block;
    text-align: center;
    line-height: 1em;
    position: relative;
    right: auto;
    color: inherit;
}
.body-bread #breadcrumbs span span a{
background: #65bac7;
    color: #fff;
    padding: 10px;
    border-radius: 8px;
    text-decoration: none;
    display: block;
    width: 100%;
	height: 100%;
    text-align: center;
	align-content: center;
}
.body-bread #breadcrumbs span span a::after{
    content: "に戻る";
    font-weight: normal;
    font-size: 0.8em;
    display: block;
    text-align: center;
    line-height: 1em;
}
.body-bread #breadcrumbs span span a:hover{
	opacity: 0.8;
}
.bellows .bellows-nav li a::before {
    display: inline-block;
    margin-right: 6px;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 5px;
    top: 4px;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
}
.bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0 > .bellows-target, .bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0 > .bellows-custom-content {
    border-bottom: none;
    background: #dddddd !important;
    padding: 15px;
    padding-left: 45px;
    padding-right: 15px;
	    border-radius: 5px;
}

.bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0.bellows-active > .bellows-target {
    background: #f8f8f8;
    padding-left: 50px;
    border-bottom: none;
}
.bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0 > .bellows-target .bellows-subtoggle {
display: none;
}
.bellows .bellows-nav .bellows-submenu{
	display: block;
}
.bellows.bellows-skin-blue-material .bellows-nav .bellows-submenu .bellows-target {
    padding-left: 45px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: none;
    padding-right: 0px;
}

.bellows.bellows-skin-blue-material .bellows-nav .bellows-submenu li:last-child a {
    margin-bottom: 12px;
}

.bellows.bellows-skin-blue-material .bellows-nav .bellows-submenu li a span.bellows-target-title {
    font-size: 12px;
}
.bellows.bellows-skin-blue-material .bellows-nav .bellows-submenu li::before {
    content: "┗";
    right: auto;
    left: 30px;
    top: 6px;
    color: #dddddd;
}
.bellows.bellows-skin-blue-material .bellows-nav .bellows-submenu li {
    position: relative;
    background: #fff;
}

.bellows.bellows-skin-blue-material .bellows-nav .bellows-submenu .bellows-target:hover {
    text-decoration: none;
    background: #65bac7;
    color: #fff;
}

.bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0 > .bellows-target:hover {
    background: #65bac7 !important;
    text-decoration: none;
    color: #fff;
}
.body-bread #breadcrumbs span span:nth-child(2){
	display: none;
}
.spec-table h3 {
    text-align: center;
    font-size: 1.8em;
    background: #dddddd;
    padding: 5px;
    border-radius: 5px;
}
.print-area h3 {
    text-align: center;
    font-size: 1.8em;
    background: #dddddd;
    padding: 5px;
    border-radius: 5px;
}

.single-products .entry-header{
position: relative;
    background: #65bac7;
    padding: 10px;
    border-radius: 5px;
}
.single-products .entry-header h1.entry-title{
	color:#fff;
}
.single-products .entry-header .entry-meta{
	    border-bottom: none;
    margin-bottom: 0px;
}

.originals-contact-btn a {
    background: #e1375d;
}
.product-form-box h2 {
    color: #e1375d;
    text-align: center;
}

.menudisplaynone{
	display: none!important;
}
#comments {
    display: none;
}

/*価格表*/
.iframe-wrapper{
	position: relative;
	aspect-ratio:1.414/1;
	width: 100%;
	height: auto;
}
.iframe-wrapper iframe{
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kakakutable{}
.kakakutable thead th{
	font-size: 14px;
}
.kakakutable td{
	font-size: 14px;
}
.kakakutable td.column-1{}
.kakakutable td.column-2{
	min-width: 5em;
}
.kakakutable td.column-3{}
.kakakutable td.column-4{
	text-align: center;
}
.kakakutable td.column-5{
	text-align: center;
}
.kakakutable td.column-6{
	text-align: center;
}
.kakakutable td.column-7{
	text-align: center;
}
.kakakutable td.column-8{
	text-align: center;
}

.kakakutable-sale{}

    

.kakakutable-sale td.column-4{
	text-align: center;
    text-decoration: line-through;
    color: #999999;
}
.kakakutable-sale td.column-5{
	text-align: center;
    text-decoration: line-through;
    color: #999999;
}
.kakakutable-sale td.column-6{
	text-align: center;
    text-decoration: line-through;
    color: #999999;
}
.kakakutable-sale td.column-7{
	text-align: center;
    text-decoration: line-through;
    color: #999999;
}
.kakakutable-sale td.column-8{
	text-align: center;
    text-decoration: line-through;
    color: #999999;
}


.kakakutable-sale td span{
font-size: 1.1em;
    font-weight: bolder;
    color: #d54242;
    text-decoration: none;
    display: inline-block;
}

/*名入れカレンダー用にヘッダーロゴ画像のカスタマイズ*/
.site-branding .site-logo-div {
    line-height: 75px;
    background: url(https://www.hansoku-choice.net/wp/wp-content/uploads/2022/05/logo-aobado2.jpg.webp);
    height: 44px;
    background-size: contain;
    margin-top: 15px;
    background-repeat: no-repeat;
}
.nairecalendar .site-branding .site-logo-div {
background: url(https://www.hansoku-choice.net/wp/wp-content/uploads/2025/06/logo-naire.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -10px;
    margin-bottom: 6px;
    height: 60px;
    width: 283px;
}
.nairecalendar .site-header.header-fixed{
	    border-bottom: 5px solid #425ba0;
}
.nairecalendar .onepress-menu{
	display: none;
}
.nairecalendar .over-top-loginname{
	display: none;
}
.nairecalendar .breadcrumbs .container span span:nth-child(1){
	display:none;
}
.nairecalendar .breadcrumbs .container span span:nth-child(2){
	display:none;
}
.nairecalendar .breadcrumbs .container span span:nth-child(3){
	display:none;
}
.nairecalendar .body-bread #breadcrumbs span span:nth-child(1){
	display:none;
}
.nairecalendar .body-bread #breadcrumbs span span:nth-child(2){
	display:none;
}
.nairecalendar .body-bread #breadcrumbs span span:nth-child(3){
	display:none;
}
.nairecalendar .sankoukakaku-section{
    display: block;
    margin-bottom: 20px;
    margin-top: 30px;
}
.product_cat-zodiac{}
.product_cat-zodiac .sankoukakaku-section{
	display: block;
}
.product_cat-zodiac .sankoukakaku-section .originals_spec{
	    background: #f4f4f4;
}