@charset "UTF-8";
/* CSS Document */

/* ================================================
 
 H1
 
================================================ */

h1.archive_title {
padding: 20px 0px;
font-size: 2.1rem;
font-weight: 700;
text-align: center;
}
@media screen and (min-width: 835px) {
  h1.archive_title {
  padding: 20px 0px !important;
  font-size: 3.0rem;
  border-radius: 3px;
  }
}
/* ================================================
 
 sub category 
 
================================================ */

.cat_wrp {
margin: -5px auto 20px;
padding: 8px 5px 0px;
width: 92%;
background: #fff6f7;
border: 1px solid #f3acb7;
border-radius: 10px;
}
.cat_sub {
display: flex;
flex-wrap: wrap;
margin: -9px 7px 5px 10px;
padding: 0px;
}
.cat_sub a.cat_link {
position: relative;
margin: 0px 10px 10px 0px;
padding: 7px 25px 7px 10px;
font-size: 1.4rem;
font-weight: 700;
background: #fff;
border: 1px solid #ef7b8d;
border-radius: 4px;
}
.cat_sub a.cat_link:hover {
color: #d5d5d5;
background: #e22b48;
border: 1px solid #e22b48;
}
.cat_sub a.cat_link:after {
content: "\f054";
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline-block;
font-size: 1.2rem;
color: #e22b48;
right: 7px;
transition: all .2s ease;
}
.cat_sub a.cat_link:hover:after {
color: #fff;
}
/* more */
.heightmoretext {
padding-top: 15px;
height: 45px;
overflow: hidden;
}
.heightmorebtn a {
display: block;
margin: 13px auto;
padding: 8px 1.5em;
width: 150px;
font-size: 1.7rem;
text-align: center;
color: #fff;
border-radius: 25px;
background-color: #e22b48;
opacity: 0.6;
}
.heightmorebtn a:after {
display: inline-block;
content: "\f078";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1.5rem;
margin-left: 8px;
}
.type_vt a:hover {
opacity: 1;
}
.heightmorebtn a.active {
margin-top: 5px;
border: 1px solid #e22b48;
background-color: #fff;
color: #e22b48;
}
.heightmorebtn a.active:after {
content: "\f077";
}

@media screen and (min-width: 1024px) {
  .sub_ttl {
  margin: 0px 0px 10px;
  font-size: 2.2rem;
  }
  .heightmoretext {
  padding-top: 7px;
  height: 50px;
  }
  .cat_wrp {
  margin: 5px auto 20px;
  width: 100%;
  }
  .cat_sub {
  margin: 0px 0px 10px;
  padding: 0px 20px;
  }
  .cat_sub a.cat_link {
  margin: 0px 10px 10px 0px;
  padding: 6px 25px 6px 10px;
  }
  .heightmorebtn a {
  margin: 10px auto 14px;
  padding: 6px 1.5em;
  width: 200px;
  }
  .heightmorebtn a.active {
  margin-top: 0px;
  }
}

/* ================================================
 
 ranking 
 
================================================ */

.category_ranking {
margin-bottom: 20px;
padding-top: 10px;
font-size: 1.5rem;
background: #e3e3e3;
border-radius: 5px;
}
.category_ranking .popular {
display: flex;
flex-wrap: wrap;
margin-bottom: 1.5em;
counter-reset: number;
padding: 0px 0px 0px 8px;
}
.category_ranking a {
display: block;
margin: 0.5% 0.5%;
margin: 0 0.8% 12px;
padding: 5px 8px;
width: 31%;
color: #333;
background: #fff;
border-radius: 5px;
transition: all 0.3s ease-in-out;
}
.category_ranking a:hover {
color: #e22b48;
}
.category_ranking a .popular_entry {
font-size: 1.6rem;
position: relative;
}
.popular_thumb {
float: left;
margin-top: 5px;
margin-bottom: 5px;
position: relative;
width: 100%;
}
.popular_thumb:before {
counter-increment: number;
content: counter(number);
position: absolute;
top: 0;
left: 0;
padding: 4px;
width: 25px;
height: 25px;
line-height: 18px;
background-color: #666;
color: #fff;
opacity: 0.9;
text-align: center;
font-size: 13px;
}
.popular_thumb img {
height: 100px;
object-fit: cover;
width: 100%;
}
.category_ranking .no1 .popular_thumb:before { background: #cca11f; }
.category_ranking .no2 .popular_thumb:before { background: #b1b1b3; }
.category_ranking .no3 .popular_thumb:before { background: #b37036; }
.popular_thumb img:hover {
opacity: 0.7;
transition: all 0.3s ease-in-out;
}
.popular_title {
display: block;
padding-bottom: 5px;
font-size: 13px;
line-height: 130%;
}
@media screen and (min-width: 1024px) {
  .category_ranking {
  margin-top: 1em;
  margin-bottom: 35px;
  }
  .category_ranking a {
  margin: 0 0.3% 12px;
  width: 15.9%;
  }
  .category_ranking .popular {
  margin-bottom: 1.8em;
  padding-left: 14px;
  }
}

/* ================================================
 
 category list 
 
================================================ */

.list_colum {
display: flex;
flex-wrap: wrap;
margin: 0px 5px 0px;
}
.list_colum a.a_wrap {
margin: 0 0 12px;
padding: 7px;
width: 49%;
background: #fff;
border: 3px solid #f4f5f7;
border-radius: 10px;
}
.list_colum a.a_wrap:hover {
color: #333;
background: #fff7f2;
}
.entry_title {
padding: 5px 0px 0px;
}
.list_colum figure {
position: relative;
width: 100%;
height: 150px;
overflow: hidden;
}
.list_colum figure img {
width: 100%;
height: 100%;
object-fit: scale-down;
}
/* 画像をエリアにフィットさせるスタイル
.list_colum figure img {
height: 150px;
object-fit: cover;
width: 100%;
}
*/
@media screen and (min-width: 835px) {
  .list_colum a.a_wrap {
  margin: 0 0.16666% 25px;
  width: 19.6%;
  border: none;
  }
}

/* ================================================
 
 detail
 
================================================ */

h1.detail_title {
font-size: 2.0rem;
font-weight: 700;
line-height: 130%;
}
h2.detail_title {
font-size: 2.8rem;
font-weight: 700;
line-height: 130%;
text-align: center;
}
h2.detail_recomend {
margin: 0px 0px 22px;
font-size: 2.4rem;
font-weight: 700;
text-align: center;
}

/* favo */
.d_favo_icon {
display: inline-block;
margin: 15px 0px 5px 15px;
padding: .4em 0.8em .4em 1.8em;
font-size: 1.3rem;
color: #e6335b;
line-height: 1.05;
background: #f4f4f4;
border: 1px solid #e2e2e2;
border-radius: 50px;
cursor: pointer;
transition: all 200ms ease;
}
.d_favo_icon .icon {
position: relative;
color: #fff;
margin: 0px 3px 0px 0px;
}
.d_favo_icon .icon:before {
content: "";
position: absolute;
top: 50%;
left: -7px;
width: 13px;
height: 11px;
background-image: url("../images/heart_d_icon.png");
background-size: 100% 100%;
transform: translate(-50%,-50%); /* positionに対して要素を中央に配置させる */
}
.d_favo_icon:hover {
color: #fff;
background: #e6335b;
border-color: #e6335b;
}
.d_favo_icon:hover .icon:before {
background-image: url("../images/heart_d_hover_icon.png");
}
.d_favo_icon.active {
color: #b0b0b0;
background: #f4f4f4;
border-color: #e1e1e1;
}
.d_favo_icon.active .icon:before {
background-image: url("../images/heart_d_hover_icon02.png");
}

/* modal favo */
.modal.js-modal-favo {
z-index: 10 !important;
}
.js-modal-favo .modal__content {
padding: 20px 40px 0px;
top: 0px;
left: 0px;
transform: none;
background: #fff;
}
.modalfavo_ttl {
font-size: 17px;
font-weight: 700;
text-align: center;
padding-bottom: 5px;
}
.modalfavo_read {
font-size: 1.4rem;
text-align: center;
}
.modalfavo_bn {
display: flex;
justify-content: center;
padding: 20px 0px 10px;
background: #fff;
}
.modalfavo_bn button.deny,
.modalfavo_bn button.accept {
margin: 0px 3px 30px;
line-height: 250%;
min-width: 103px;
border-radius: 20px;
border: 1px solid #252525;
text-align: center;
font-size: 1.3rem;
text-transform: uppercase;
letter-spacing: 0.4px;
color: #252525;
background: #fff;
}
.modalfavo_bn button.accept {
border: 1px solid #ffb2c3;
background: #ffb2c3;
}
.modalfavo_bn button.deny {
opacity: 0.7;
}
.modalfavo_bn button.deny:hover,
.modalfavo_bn button.accept:hover {
cursor: pointer;
}
@media screen and (max-width: 767px) {
  .modalfavo_bn {
  flex-wrap: wrap;
  flex-direction: column-reverse;
  padding: 15px 0px 10px;
  }
  .modalfavo_bn button.deny,
  .modalfavo_bn button.accept {
  margin: 0px auto 15px;
  width: 65%;
  max-width: 200px;
  line-height: 290%;
  }
}

/* block */
.detail_colum {
display: flex;
flex-wrap: wrap;
padding: 0px 15px 15px;
}
.detail_colum .block_colum {
width: 100%;
margin-top: 10px;
}

/* slider */

.slick-list {
border: 1px solid #eee;
} 
#slider-img {
width: 100%;
margin: 0px auto 10px;
}
.slide-item {
height: 215px !important;
overflow: hidden;
}
.slide-item img {
width: 100%;
height: 100%;
object-fit: scale-down;
}
/* 画像をエリアにフィットさせるスタイル
.slide-item img {
height: 215px;
object-fit: cover;
width: 100%;
}
*/
#thumbnail-list {
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.thumbnail-item {
flex: 0 1 15.9%;
margin: 0px 5px 10px 0px;
width: 100%;
height: 60px;
position: relative;
cursor: pointer;
overflow: hidden;
border: 1px solid #eaeaea;
}
.thumbnail-item:nth-of-type(6) {
margin: 0px 0px 10px 0px;
}
.thumbnail-item:after {
content: '';
background-color: rgba(255,255,255,0.7);
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
transition: 0.3s opacity linear;
}
.thumbnail-item.thumbnail-current:after {
opacity: 0;
}
.thumbnail-item img {
width: 100%;
height: 100%;
object-fit: scale-down;
transition-duration: 0.3s;
}
.thumbnail-item.thumbnail-current {
border-color: #e53e62;
}
.slick-prev { left: 73px !important; }
.slick-next { right: 70px !important; }
#slider-img .slick-prev:before,
#slider-img .slick-next:before {
position: absolute;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
font-size: 4.0rem;
top: 0px;
color: #e5e5e5 !important;
}
#slider-img .slick-prev:before {
content: '\f053' !important;
left: -60px;
}
#slider-img .slick-next:before {
content: '\f054' !important;
right: -60px;
}
.slick-dotted.slick-slider {
margin-bottom: 0px !important;
}
/* icon */
ul.d_icon {
display: flex;
align-content: center;
margin: 0px;
padding: 0px;
}
ul.d_icon li {
font-size: 1.25rem;
color: #666;
}
ul.d_icon li:first-child {
margin-right: 7px;
white-space: nowrap;
}
ul.d_icon .i_oem,
ul.d_icon .i_cumtomization,
ul.d_icon .i_webmeeting,
ul.d_icon .i_logistics,
ul.d_icon .i_insurance {
display: inline-block;
margin: 0px 1px 3px 0px;
padding: 7px 8px;
font-size: 1.3rem;
line-height: 100%;
color: #fff;
background: #8cda1e;
border-radius: 3px;
}
ul.d_icon .i_cumtomization { background: #ffa301; }
ul.d_icon .i_webmeeting { background: #31b3ed; }
ul.d_icon .i_logistics { background: #934de6; }
ul.d_icon .i_insurance { background: #cd45e9; }
ul.d_icon span:first-child {
margin-left: 0px;
}
/* sample */
ul.d_sample {
display: none;
}
/* price */
ul.d_price {
display: flex;
align-items: center;
width: 100%;
margin: 5px auto 0px;
padding: 0px;
border-top: 1px solid #d4d4d4;
} 
ul.d_price li {
padding: 18px 4% 20px;
width: 50%;
font-size: 1.5rem;
}
ul.d_price li.price {
font-size: 1.9rem;
font-weight: 700;
}
ul.d_price li.price_c {
width: 100%;
}
ul.d_price li:last-child {
font-size: 1.7rem;
border-left: 1px solid #d4d4d4;
}
ul.d_price li span {
display: inline-block;
}
ul.d_price li span:last-child {
font-size: 1.45rem;
font-weight: 400;
color: #999;
padding: 0px 0px 0px 3px;
}
ul.d_price li span:last-child:before {
content: "/";
display: inline-block;
padding-right: 3px;
}
ul.d_price li span.unit01,
ul.d_price li span.unit02,
ul.d_price li span.c_price {
padding-right: 5px;
display: block;
font-size: 1.35rem;
font-weight: 400;
}
ul.d_price li span.unit02 {
display: inline-block;
}
ul.d_price li span.c_price {
display: inline-block;
font-size: 1.9rem;
font-weight: 700;
}
.price_estb {
width: 100%;
}
.contact_price {
margin: 10px 0px 0px;
font-size: 1.3rem;
line-height: 135%;
text-align: center;
}

/* product */
.d_product {
margin: 0px auto;
padding: 10px 15px 15px;
width: 100%;
display: inline-block;
text-align: center;
border: 1px solid #d4d4d4;
border-radius: 6px;
}
.d_product .pro_info_ttl {
font-size: 1.4rem;
font-weight: 700;
text-align: left;
}
.d_product .pro_info_ttl.madein {
font-size: 1.7rem;
text-align: center;
text-transform: uppercase; /* すべて大文字表記にする */
}
.d_product .pro_info_ttl.madein:before,
.d_product .pro_info_ttl.madein:after {
content: "－";
display: inline-block;
left: -20px;
top: 50%;
}
.d_product .pro_info_ttl.madein:after {
right: -20px;
}
.d_product ul.d_url {
margin-top: 5px;
padding: 0px;
}
.d_product ul.d_url li {
text-align: left;
}
.d_product ul.d_url li a {
display: block;
font-size: 1.3rem;
color: #1686cc;
line-height: 150%;
padding-bottom: 5px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.d_product ul.d_url li a:before {
content: "■";
display: inline-block;
margin-right: 5px;
color: #333;
}

/* banner */
.d_banner {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 96%;
margin: 0px auto;
}
.d_banner a.d_order,
.d_banner a.d_sample02,
.d_banner a.d_contact {
position: relative;
display: flex;
justify-content: center;
margin: 0px 0px 13px 0px;
padding: 8px 0px;
width: 100%;
color: #fff;
font-size: 1.65rem;
font-weight: 700;
text-align: center;
background: #f52554;
border: 1px solid #52554;
border-radius: 50px;
text-decoration: none;
line-height: 1.7em;
}
.d_banner a.d_sample02,
.d_banner a.d_contact {
width: 49%;
margin: 0px;
padding: 6px 0px;
color: #f52554;
background: #fff;
border: 1px solid #f52554;
}
.d_banner a.d_order:before,
.d_banner a.d_sample02:before,
.d_banner a.d_contact:before {
content: "";
position:relative;
display: inline-block;
top: 7px;
padding-left: 25px;
width: 18px;
height: 14px;
background-image: url(../images/d_order_icon.png);
background-repeat: no-repeat;
background-size: 18px 14px;
}
.d_banner a.d_sample02:before {
padding-left: 22px;
top: 4px;
width: 17px;
height: 18px;
background-image: url("../images/d_sample_icon02.png");
background-size: 17px 18px;
}
.d_banner a.d_contact:before {
padding-left: 27px;
width: 20px;
height: 14px;
background-image: url("../images/d_contact_icon.png");
background-size: 20px 14px;
}
/* easy to buy price */
.d_banner .price_waku {
width: 100%;
}
.price_n {
padding: 12px 0px 7px;
width: 100%;
font-size: 1.85rem;
font-weight: 700;
color: #ff6b09;
text-align: center;
}
a.bn_ask {
position: relative;
display: flex;
justify-content: center;
margin: 0px;
padding: 8px 0px;
width: 100%;
color: #fff;
font-size: 1.65rem;
font-weight: 700;
text-align: center;
background: #ff6b09;
border: 1px solid #ff6b09;
border-radius: 50px;
text-decoration: none;
line-height: 1.7em;
}
a.bn_ask:hover {
color: #ff6b09;
background: #fff;
border: 1px solid #ff6b09;
}
a.bn_ask:before {
content: "";
position:relative;
display: inline-block;
top: 6px;
padding-left: 26px;
width: 22px;
height: 18px;
background-image: url(../images/d_ask_icon.png);
background-repeat: no-repeat;
background-size: 22px 18px;
}
a.bn_ask:hover:before {
background-image: url(../images/d_ask_hover_icon.png);
}
.d_banner02 {
width: 100%;
margin: 10px 0px 10px;
}
a.bn_whats_easy {
display: block;
margin: 10px auto 0px;
width: 95%;
max-width: 350px;
}
a.bn_whats_easy:hover {
opacity: 0.7;
}
.bn_whats_easy img {
width: 100%;
height: auto;
}

/* tag */
.tagcloud.tag_detail {
display: block;
margin: 15px 20px 0px 0px;
}
.tagcloud.tag_detail a {
display: inline-block;
margin: 2px 2px 3px 0px;
padding: 1px 8px;
color: #333;
border: 1px solid #de637e;
border-radius: 2px;
font-size: 1.2rem;
line-height: 170%;
}
.tagcloud.tag_detail a:last-of-type {
margin: 2px 0px 3px 3px;
}
.tagcloud a:hover {
background-color: rgba(255,255,255,.2);
}
.tagcloud.tag_detail .tag_caption {
word-break: break-all;
display: inline-block;
line-height: 1;
}
.tagcloud.tag_detail .tag_caption {
display: inline-block;
line-height: 1;
}
.tagcloud .tag_caption:before {
content: "\f02b";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1.2rem;
line-height: 1;
margin-right: 3px;
}

/* company */
.block_company {
margin: 15px 0px 35px;
padding: 15px 0px;
border-top: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
}
.post_company_read {
font-size: 1.3rem;
text-align: center;
padding: 10px 20px 15px;
}
.post_company_list {
display: flex;
flex-wrap: wrap;
margin: 10px 15px;
}
.post_company_list a {
margin: 0 0.16666% 5px;
padding: 7px;
width: 33%;
font-size: 13px;
font-weight: bold;
color: #333;
text-decoration: none;
border-radius: 10px;
transition: all 0.3s ease-in-out;
}
.post_company_list a:hover {
background: #fff7f2;
}
.post_company_list figure {
width: 100%;
height: 100px;
overflow: hidden;
}
.post_company_list figure img {
width: 100%;
height: 100%;
object-fit: scale-down;
transition-duration: 0.3s;
}
.post_company_list figure img:hover {
opacity: 0.7;
transform: scale(1.1);
transition-duration: 0.3s;
}
h3.post_company_ttl02 {
font-size: 1.35rem;
line-height: 150%;
font-weight: 700;
word-break: break-all;
}

/* follow */
.company_icon {
display: flex;
justify-content: center;
width: 100%;
}
.company_follow_icon {
display: inline-block;
margin: 20px auto 0px;
padding: .5em 0.8em .5em 0.9em;
font-size: 1.3rem;
color: #e6335b;
line-height: 1;
background: #f4f4f4;
border: 1px solid #e2e2e2;
border-radius: 20px;
cursor: pointer;
transition: all 200ms ease;
}
.company_follow_icon.product {
margin: 0px auto 10px;
font-size: 1.25rem;
}
.company_follow_icon .icon {
display: inline-block;
color: #fff;
margin: 0px 4px 0px 0px;
transition: .5s;
transform: rotateZ(0deg);
}
.company_follow_icon .icon:before {
content: "\f067";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1.1em;
color: #e6335b;
}
.company_follow_icon.product .icon:before {
font-size: 0.9em;
}
.company_follow_icon:hover {
color: #fff;
background: #e6335b;
border: 1px solid #e6335b;
}
.company_follow_icon:hover .icon {
transform: rotateY(360deg);
}
.company_follow_icon:hover .icon:before {
content: "\f00c";
color: #fff;
}
/* follow済み */
.company_follow_icon.follow {
color: #b0b0b0;
}
.company_follow_icon.follow .icon:before {
content: "\f00c";
color: #b0b0b0;
}
.company_follow_icon.follow:hover {
background: #e1e1e1;
border-color: #e1e1e1;
}
/* shinkin tag */
.company_shinkin {
margin: 17px auto 0px;
text-align: center;
line-height: 1;
}
.company_shinkin.product {
margin: 7px auto 18px;
}
.sk_tag {
padding: .4em 1.0em .4em 1.0em;
font-size: 1.3rem;
color: #fff;
line-height: 1;
background: #009740;
border-radius: 20px;
}

/* company banner */
button.bn_post_company {
margin: 5px auto 15px;
width: 100%;
background: #fff;
}
button.bn_post_company a {
position: relative;
display: block;
margin: 0px auto;
padding: 10px;
width: 80%;
max-width: 300px;
color: #fff;
font-size: 1.6rem;
font-weight: bold;
text-align: center;
background: #f52554;
border-radius: 120px;
text-decoration: none;
}
button.bn_post_company a:before {
content: "\f1ad";
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline-block;
font-size: 16px;
margin-right: 5px;
}
button.bn_post_company a:hover {
opacity: 0.5;
}

/* recommend */
.related_list {
display: flex;
flex-wrap: wrap;
}
.related_list a {
margin: 0 0.16666% 15px;
padding: 7px;
width: 33%;
font-size: 1.3rem;
font-weight: bold;
color: #333;
text-decoration: none;
transition: all 0.3s ease-in-out;
}
.related_list a:hover {
background: #fff7f2;
}
.related_list figure {
width: 100%;
height: 100px;
overflow: hidden;
}
.related_list figure img {
width: 100%;
height: 100%;
object-fit: scale-down;
transition-duration: 0.3s;
}
.related_list figure img:hover {
opacity: 0.7;
transform: scale(1.1);
transition-duration: 0.3s;
}

@media screen and (min-width: 600px) {
  h1.detail_title {
  font-size: 2.6rem;
  }
  h2.detail_title {
  font-size: 3.0rem;
  }
  h2.detail_recomend {
  text-align: left;
  }
  .d_favo_icon {
  margin: 0px 0px 5px 0px;
  }
  .detail_colum {
  padding: 0px;
  }
  #slider-img {
  margin-top: 8px;
  }
  .slide-item {
  height: 315px !important;
  }
  /* 画像をエリアにフィットさせるスタイル
  .slide-item img {
  height: 315px;
  }
  */
  ul.d_icon li,
  ul.d_sample li,
  ul.d_sample li a {
  font-size: 1.45rem;
  }
  ul.d_icon .i_oem,
  ul.d_icon .i_cumtomization,
  ul.d_icon .i_webmeeting,
  ul.d_icon .i_logistics {
  padding: 6px 8px;
  }
  .d_icon .i_oem,
  .d_icon .i_cumtomization {
  font-size: 1.35rem;
  }
  .d_icon .i_cumtomization {
  margin-left: 0px;
  }
  ul.d_sample {
  display: flex;
  align-content: center;
  margin: 5px 0px 0px;
  }
  ul.d_sample li {
  color: #666;
  }
  ul.d_sample li a {
  position: relative;
  display: block;
  padding: 0px 0px 0px 30px;
  font-size: 1.35rem;
  color: #1686cc;
  }
  ul.d_sample li a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  width: 18px;
  height: 16px;
  background-image: url(../images/d_sample_icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-transform: translate(-50%,-50%); /* positionに対して要素を中央に配置させる */
  transform: translate(-50%,-50%); /* positionに対して要素を中央に配置させる */
  }
  ul.d_sample li a:hover {
  opacity: 0.7;
  }
  .detail_colum .block_colum {
  width: 49%;
  margin-top: 5px;
  }
  .detail_colum {
  justify-content: space-between;
  }
  ul.d_price {
  margin: 10px 0px 0px 0px;
  width: 96%;
  }
  .price_estb .price_n {
  padding: 15px 0px 3px;
  }
  .contact_price {
  margin: 15px 0px 0px;
  width: 100%;
  max-width: 400px;
  text-align: left;
  }
  .d_product {
  padding: 10px 15px 15px;
  width: auto;
  }
  .d_banner {
  width: 100%;
  justify-content: flex-start;
  }
  .d_banner a.d_order,
  .d_banner a.d_contact {
  width: 65%;
  max-width: 380px;
  }
  .d_banner a.d_order {
  margin: 20px 0px 20px 0px;
  }
  .d_banner a.d_contact {
  color: #fff;
  background: #f52554;
  }
  .d_banner a.d_contact:hover {
  color: #e22b48;
  background: #fff;
  }
  .d_banner a.d_contact:before {
  background-image: url("../images/d_contact_icon_hover.png");
  }
  .d_banner a.d_contact:hover:before {
  background-image: url("../images/d_contact_icon.png");
  }
  .d_banner a.d_sample02 {
  display: none;
  }
  .d_banner .price_waku {
  width: 65%;
  }
  .price_waku .price_n, 
  .price_waku a.bn_ask {
  margin-top: 5px;
  width: 100%;
  max-width: 380px;
  }
  .price_waku .price_n {
  padding-bottom: 0px;
  }
  .d_banner02 {
  width: 96%;
  max-width: 400px;
  margin: 10px 0px 0px;
  }
  a.bn_whats_easy {
  margin: 15px auto 0px;
  max-width: 310px;
  }
  .tagcloud.tag_detail {
  margin: 20px 20% 0px 0px;
  }
  .tagcloud.tag_detail a {
  margin: 2px 2px 4px 0px;
  }
  .block_company {
  margin: 60px 0px;
  padding: 50px 0px 0px;
  border-bottom: none;
  }
  .post_company_read {
  padding: 15px 20px 40px;
  font-size: 1.45rem;
  }
  .post_company_list {
  margin: 30px 15px 10px;
  }
  .post_company_list a {
  margin: 2px 2px 20px;
  padding: 1px 8px;
  width: 19.6%;
  font-size: 16px;
  }
  .post_company_list figure {
  height: 150px;
  }
  h3.post_company_ttl02 {
  font-size: 1.6rem;
  line-height: 160%;
  }
  .see_all_product {
  display: flex;
  justify-content: flex-end;
  }
  .see_all_product a {
  display: block;
  font-size: 1.4rem;
  margin: 0px 15px 20px;
  color: #1686cc;
  text-decoration: underline;
  }
  .see_all_product a:hover {
  opacity: 0.7;
  }
  button.bn_post_company {
  padding: 25px 30px;
  background: #f8f8f8;
  border: 1px dashed #999;
  }
  button.bn_post_company a {
  font-size: 18px;
  }
  .related_list a {
  margin-bottom: 15px;
  width: 19.66%;
  }
  .related_list figure {
  height: 150px;
  }
}
@media screen and (min-width: 854px) {
  ul.d_price,
  .price_estb {
  max-width: 400px;
  }
  .d_product {
  width: 100%;
   max-width: 400px;
  }
}
@media screen and (max-width: 599px) {
  .detail {
  margin-top: 10px;
  padding: 0px;
  background: #fff;
  }
  h1.detail_title {
  padding: 0px 15px;
  }
  #thumbnail-list {
  display: none;
  }
  .slick-prev, .slick-next {
  display: block !important;
  }
  #slider-img .slick-prev:before,
  #slider-img .slick-next:before {
  font-size: 3rem !important;
  }
  .slick-dots {
  bottom: 9px !important;
  }
  .slick-dots li button:before {
  font-size: 3.3rem !important;
  color: #cbcbcb !important;
  }
  .slick-dots li.slick-active button:before {
  opacity: 1.0 !important;
  color: #ff6600 !important;
  }
  .see_all_product {
  margin: 5px auto 15px;
  width: 100%;
  background: #fff;
  }
  .see_all_product a {
  position: relative;
  display: block;
  margin: 0px auto;
  padding: 10px;
  width: 80%;
  max-width: 300px;
  color: #ff7519;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  background: #ffe3d1;
  border-radius: 120px;
  text-decoration: none;
  }
  .see_all_product a:hover {
  opacity: 0.5;
  }
}

/* ================================================
 
 pager 
 
================================================ */

.pager .pagination {
margin-top: 30px;
text-align: center;
}
.pager .pagination li {
margin: 0 5px;
padding: 0;
display: inline-block;
background: #c8c8c8;
width: 32px;
height: 32px;
text-align: center;
position: relative;
border-radius: 50px;
}
.pager .pagination li a {
vertical-align: middle;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
display:table;
color: #fff;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.pager .pagination li a span {
display:table-cell;
vertical-align:middle;
}
.pager .pagination li a:hover,
.pager .pagination li a.active {
color: #fff;
background: #f34f69;
border-radius: 50px;
}
.pager .pagination li a span.pre,
.pager .pagination li a span.next {
font-size: 1.7rem;
}
@media only screen and (max-width: 767px) {
  .pager .pagination {
  margin-top: 8px;
  padding-bottom: 15px;
  }
  .pager .pagination li{
  display: none;
  }
  .pager .pagination li.pre,
  .pager .pagination li.next{
  display: inline-block;
  width: 38%;
  height: 45px;
  text-align: center;
  background: #f34f69;
  }
  .pager .pagination li.pre a,
  .pager .pagination li.next a{
  width: 100%;
  text-align: center;
  }
  .pager .pagination li a span.pre,
.pager .pagination li a span.next {
font-size: 1.5rem;
}
  .pager .pagination li.pre span:after{
  content: "　Previous 30";
  }
  .pager .pagination li.next span:before{
  content: "Next 30　";
  }
}

/* ================================================
 
 company profile 
 
================================================ */

h1.company_pro {
padding: 10px 0px 0px;
font-size: 2.8rem;
font-weight: 700;
text-align: center;
}
.company_logo {
margin: 0px auto;
padding: 20px 0px 0px;
text-align: center;
line-height: 1;
}
.company_logo img {
max-width: 150px;
max-height: 60px;
}
dl.company_profile {
margin: 40px auto 0px;
width: 90%;
max-width: 1000px;
border-top: 1px solid #ccc;
line-height: 1.5em;
}
dl.company_profile dt {
font-size: 1.5rem;
font-weight: 700;
line-height: 130%;
padding: 13px 0px 5px 10px;
}
dl.company_profile dd {
font-size: 1.5rem;
padding: 0px 0px 10px 10px;
line-height: 130%;
border-bottom: 1px solid #ccc;
}
/* 835px以上 */
@media screen and (min-width: 835px){
  h1.company_pro {
  font-size: 2.9rem;
  }
  .company_logo {
  padding: 30px 0px 0px;
  }
  dl.company_profile {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  }
  dl.company_profile dt {
  font-size: 1.6rem;
  width: 30%;
  padding: 20px 0px 20px 20px;
  border-bottom: 1px solid #ccc;
  }
  dl.company_profile dd {
  font-size: 1.6rem;
  width: 70%;
  padding: 20px 0px 20px 20px;
  }
}