/* カスタマイズ用CSS */


/* メインコンテンツ外枠の横幅固定を外す */
.ec-layoutRole .ec-layoutRole__contents{
    max-width: none; /* 1150px; */
    /*margin-top: -20px;*/
}

/* スライドショーの横幅固定を外す */
.ec-sliderRole{
   max-width: none; /* 1130px; */
   padding-left: 0; /* 20px; */
   padding-right: 0; /* 20px; */
   /*margin-top: 20px; */
}


/*------------------------------------------------
    共通
--------------------------------------------------*/
body {
    font-weight:500;
    color:#333;
}

p {
    margin-bottom: 0.5rem;
    line-height: 1.6;
}

/* マージン */
.mb2 {
    margin-bottom: 2rem;
}

.mb125 {
    margin-bottom: 1.25rem;
}

.mt2 {
    margin-top: 2rem;
}

.mt05 {
    margin-top: 0.5rem;
}

/* パディング*/
.pt1 {
    padding-top: 1rem;
    text-align:center;
}

.pb1 {
    padding-bottom: 1rem;
}

/* ボタン */
.btn-primary {
    background-color: #FE9500;
    border-color: #FE9500;
    font-weight:500;
    font-size: 1rem;
}

.btn-primary a {
    color: #ffffff;
}

.btn-primary:hover {
    color: #FE9500;
    background-color: #ffffff;
    border-color: #FE9500;
}

.btn-primary a:hover {
    color: #FE9500;
}
.btn-primary:active {
    background-color: #FE9500;
    border-color: #FE9500;
    color: #fff;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
    background-color: #FE9500;
    border-color: #FE9500;
    box-shadow:none;
}

button {
    border-radius: 0.25rem;
}

.ec-blockBtn--action,.ec-blockBtn--cancel {
     border-radius: 0.25rem;
}

.marker {
    background: linear-gradient(transparent 50%, #FED900 50%);
    padding-bottom: 0.25rem;
}

.tag1 {
    font-size: 1.25rem;
    font-weight: bold;
    color: #FE9500;
}

/* 色 */
.color_red {
    color: #E61300;
}

/* スクロール */
.scroll-hint-icon {
  top: 20vh;
}

@media only screen and (min-width: 768px) {
    .center_pc {
        text-align: center;
    }
}


@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}


/*------------------------------------------------
    ヘッダー
--------------------------------------------------*/

.ec-headerNaviRole {
    max-width: none;
    padding-bottom: 0;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 767px) {
   .ec-headerNaviRole {
       padding-left: 0;
       padding-right: 0;
       display: none;
       padding-top: 0;
   } 
}


/* ロゴ */

.logo img {
    width: 18.75rem;
}


 
/* ナビメニュー */
.menu {
    display: flex;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

.menu li a {
    color: #333;
    font-weight: 500;
   
}

/*.menu li a:after {
    background-color: #FE9500; 
    border-radius: 1.5px; 
    content: "";
    display: block;
    height: 3px; 
    margin-top:0.25rem
}
*/

.menu li {
    padding: 0 0.85rem;
    border-right: 1px solid #FE9500;
    display: flex;
    align-items: center;
}

.ec-headerNaviRole .ec-headerNaviRole__right {
    justify-content:flex-start;
   }

.ec-headerNav .ec-headerNav__itemIcon {
    color: #333;
}

.ec-headerNav .ec-headerNav__itemLink {
    font-size: 1rem;
    color: #333;
}


.navi_sp_right {
    margin: 0 0 0 auto;
    padding: 0 0.25rem;
}

/* 検索バー */
.search_area,.search_area_sp {
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    color: #525263;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: none;
    display: flex;
    justify-content: center;
    align-items: center;
   padding: 1rem 0;
    background: #FFBF00;
}

.search_area ,.search_area_sp {
  margin: 0 auto;  
}


.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
    background: #525263;
    display: none;
}

.ec-headerSearch .ec-headerSearch__keyword {
        border: 1px solid #ffffff;
    background-color: #ffffff;
    border-radius: 50px;
    width: 100%;
}

.ec-headerNaviRole__search {
    width: 30%;
}

.search_area_sp .ec-headerNaviRole__search {
    width: 80%;
}

.ec-input input {
       border-radius:50px; 
}

@media only screen and (min-width: 768px) {
.ec-headerSearch .ec-headerSearch__category .ec-select select {
    max-width: none;
}
.ec-headerSearch .ec-headerSearch__keyword input[type=search] {
    font-size: 1rem;
}
 .search_area_sp {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .ec-headerNaviRole .ec-headerNaviRole__right,.search_area,.ec-footerNavi {
        display: none;
    }
   
}

/* カート*/

.fa-shopping-cart {
    line-height: 1.4;
}

.ec-cartNavi a {
    color: #333;
}

.ec-cartNavi {
    margin-left: 0.85rem;
}

@media only screen and (min-width: 768px) {
.ec-cartNavi {
    padding: 0;
    background: none;
    border-radius: 0;
    min-width: auto;
    height: auto;
}

.ec-cartNavi .ec-cartNavi__price {
    display: none;
}
}



/* ハンバーガーメニュー*/

.ec-headerNavSP .fas {
    vertical-align: middle;
}

.ec-drawerRole .ec-headerSearch {
    background: #FFBF00;
}
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li a {
    border-bottom: none;
    background: #fff;
    color: #333;
    font-weight: 500
}

.ec-drawerRole .ec-headerLinkArea .ec-headerLink__list {
    border-top: none;
}

.ec-drawerRole .ec-headerLinkArea,.ec-drawerRole {
    background: #FFF4E6;
}

.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item {
    color: #333;
    border-bottom: 1px solid #fff;
}

.ec-itemNav__nav li {
    border-bottom: 1px solid #FE9500;
}

.ec-drawerRole .ec-headerCategoryArea .ec-headerCategoryArea__heading {
    border-bottom: none;
    border-top: none;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    background:#FE9500 ;
}

.ec-headerNavSP {
     font-size: 1.5rem;
     width: 60px;
     height: 60px;
     color: #333;
     border-radius: 0;
     position: initial;
    
}

.ec-drawerRoleClose {
    width: 60px;
    height: 60px;
    border-radius: 0;
    top:0;
    left: 260px;
    font-size: 1.5rem;
}

.ec-headerRole__navSP {
    display: flex;
    height: 80px;
    background-color: #fff;
    width: 100%;
    padding: 0.25rem;
    align-items: center;
    }

.logo_sp img {
    height: 60px;
    width: auto;
}


@media screen and (min-width: 768px) {
 .ec-headerRole__navSP {
     display: none;
 }   

}

@media screen and (max-width: 767px) {
   .ec-headerNaviRole .ec-headerNaviRole__left {
     display: none;  
}
}

/*------------------------------------------------
    フッター
--------------------------------------------------*/
.ec-footerRole {
    background: #FFF4E6;
    border-top: none;
}

@media only screen and (min-width: 768px) {
.ec-footerNavi .ec-footerNavi__link {
    display: block;
}
.ec-footerNavi .ec-footerNavi__link a {
    text-decoration: none;
    margin: 0;
}
}

.ec-footerNavi .ec-footerNavi__link a {
    color: #333;
    font-size: 1rem;
    font-weight: 500;
}

.ec-footerNavi,.ec-footerTitle {
    color:#333 ;
}

.ec-footerNavi {
    text-align: left;
}

.ec-footerNavi .ec-footerNavi__link {
    padding: 0 1rem 0.5rem 1rem;
}

.ec-footerseach .ec-footerNavi h4 {
    font-size: 1rem;
    padding-left: 0.7rem;
    font-weight:bold;
    border-left: 4px solid #FE9500;
}

@media only screen and (max-width: 767px) {
    .ec-footerTitle__logo {
        text-align: center;
        padding-top: 1.25rem;
    }
}

/* 固定ボタン */

.fixed_btn_sp {
    font-size: 1rem;
}

.fixed_btn_sp .col-6 {
    background: #FFBF00;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
    border-right: 1px solid #fff;
}

.fixed_btn_sp a {
    color: #333;
    padding: 0 0.5rem;
    line-height: normal;
    }

.fixed_btn_sp img {
    width: 25px;
}


@media only screen and (min-width:577px) {
    .fixed_btn_sp{
        display: none;
    }
}

/*------------------------------------------------
    トップページ
--------------------------------------------------*/

.ec-topicRole {
    background: #ffffff;
}

/* ページトップへ（ボタン） */
.ec-blockTopBtn {
    background-color:#FE9500 ;
}



/* 見出し */
.ec-secHeading .ec-secHeading__en {
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: 0.2rem;
    color: #FE9500;
    border-bottom: 2px solid #FE9500;
    display: block;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.ec-secHeading .ec-secHeading__ja {
    font-size: 1rem;
    font-weight: 500;
    padding-left: 0.5rem;
    letter-spacing: 0.2rem;
    color: #333;
}

.ec-secHeading {
    margin-bottom: 2rem;
}

/* お知らせ */
.information {
    background: #FFF4E6;
    text-align: center;
    padding: 1rem;
    border-radius: 0.25rem;
    margin-bottom: 1.25rem;
}

.information p {
    font-weight: bold;
    color: #E61300;
   }
   
/* 新着商品 */

.ec-headingTitle {
    font-size: 1.25rem;
    font-weight:bold;
    color: #333;
}

.refine_new_product dl {
    margin-top: 1rem;
}

.ec-shelfGrid {
    color: #333;
}

@media only screen and (min-width: 768px) {
.refine_new_product .ec-shelfGrid__item {
  width: calc(100% / 3);
  box-sizing: border-box;
}
}
  
 /* 簡単検索・詳細検索・履歴検索 */  
 .search_block .card-title {
         font-size: 2rem;
         text-align: center;
         margin-bottom: 1.25rem;
 }
 
 .card-body { 
     padding: 1rem 1rem 0;
     margin-top: 3.25rem;
 }
 .card-footer {
     border-top: none;
     background-color: #fff;
     padding-bottom: 1.25rem;
     padding-top: 1.25rem;
     text-align: center;
 }
 
 .icon_search img {
     width: 90%;
 }
 
 .icon_search {
    position: absolute;
    top: -50%;
    left: 50%;
    z-index: 1;
    margin: 4rem -4rem;
}
 
 /* 2枚目の画像は最初透明 */
.icon_search img:last-of-type {
  opacity: 0;
  transition: opacity .7s;
  position: absolute;
  top: -47%;
  left: 42%;
  z-index: 1;
  margin: 4rem -4rem;
}
/* hoverすると2枚目の画像が透明じゃなくなる */
.icon_search:hover img {
  opacity: 1;
}


 .search_block .col-lg-4 {
     position: relative;
     margin-bottom: 1.25rem;
 }
 
 .search_block {
     margin-top: 7rem;
 }
 
.btn_arrow1,.btn_arrow2,.btn_arrow3,.btn_arrow4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin:0 auto;
    padding: .9em 2em;
    border: none;
    border-radius: 100vh;
    color: #fff;
    font-weight: 600;
    font-size: 1em;
    transition: .5s ease;
}

.btn_arrow1:after ,.btn_arrow2:after ,.btn_arrow3:after ,.btn_arrow4:after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
}

.btn_arrow1:hover,.btn_arrow2:hover,.btn_arrow3:hover,.btn_arrow4:hover {
     /*transform: translateY(3px);
    border-bottom-width: 2px;*/ 
    color: #fff;
}
.btn_arrow1 {
    border-bottom: solid 5px #2B6600;
     background-color: #4AB300;
}
.btn_arrow2 {
    border-bottom: solid 5px #002B66;
     background-color: #004ab3;
}

.btn_arrow3 {
    border-bottom: solid 5px #FF4DA6;
     background-color: #FF80BF;
}

.btn_easy h5 {
    color: #4AB300;
}
.btn_detail h5 {
    color: #004ab3;
}
.btn_history h5 {
    color: #FF80BF;
}

.btn_easy {
    border: 1px solid #CFE6CF;
}

.btn_detail {
    border: 1px solid #CFE6E6;
}

.btn_history {
    border: 1px solid #E6CFCF;
}



@media only screen and (max-width: 991px) {
.search_block .col-lg-4 {
    margin-bottom: 7rem;
}
.search_block .col-lg-4:last-child {
    margin-bottom: 1.25rem;
}
}


/* トピックス */

 .ec-topicRole .col-md-6 {
    margin-bottom: 1.25rem;
}


/* 商品ラインアップ */

.block_lineup {
    background: url(/html/user_data/assets/img/top/lineup_bg.jpg);
    background-repeat: repeat;
}

.block_lineup h2 {
    text-align: center;
    padding: 1rem 2rem;
    border-top: 6px double #333;
    border-bottom: 6px double #333;
    margin-bottom: 4rem;
}

.block_lineup .card {
    border: none;
    background-color: transparent;
}

.block_lineup .card img {
    border-radius: 0.25rem;
}

.block_lineup .card-header {
    border-bottom: none;
    background: transparent;
    font-size: 1.25rem;
    font-weight: bold;
    border-left: 4px solid #FE9500;
    padding-left: 0.5rem;
    border-radius: 0;
    margin-bottom:1.25rem ;
}

.block_lineup .card-footer {
    background-color: transparent;
}

.btn_arrow4 {
    border-bottom: solid 5px #ff6a00;
     background-color: #FE9500;
}

.block_lineup_inner .col-md-4 {
    margin-bottom: 1.25rem;
}

/* 新着情報 */
@media only screen and (min-width: 768px) {
.ec-newsRole .ec-newsRole__news {
    border: none;
}
}

.ec-newsRole .ec-newsRole__newsCloseBtn {
   background: #FE9500; 
}

.ec-newsRole .ec-newsRole__newsTitle,.ec-newsRole__newsItem.is_active .ec-newsRole__newsDescription {
    color: #333;
}


.ec-newsRole .ec-newsRole__newsDescription a {
    color:#FE9500 ;
}

.ec-inlineBtn--top {
    margin-top: 1.25rem;
    background-color:#fff  ;
    border-color: #333 ;
    color: #333;
    display: block;
    margin: 20px auto 0;
    width: 70px;
}

.ec-inlineBtn--top:hover,.ec-inlineBtn--top:active,.inlineBtn--top:focus {
    background-color: #333;
    border-color: #333;
}


/* お電話でのお問い合わせ */
.tel_contact {
    text-align: center;
   }

.tel_contact img {
    max-width:100px;
}

.tel_contact_l a,.faxnumber {
    font-size: 1.25rem;
    color: #FE9500;
}

.tel_contact_l div,.fax_contact div {
    border: 1px solid #FE9500;
    border-radius: 0.25rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tel_contact .col-md-6 {
    display: flex ;
    flex-direction: column;
}



@media screen and (max-width: 767px) {
    .tel_contact_l {
        display: flex;
        justify-content:center;
    }
    .tel_contact img {
        width: 60px;
    }
    
    .tel_contact_c,.tel_contact_l {
        padding: 0.5rem;
    }
    .tel_contact_r {
        padding: 0 0.5rem 0.5rem;
    }
    
    .tel_contact_l p {
        padding: 0 1rem;
    }
}

/* カレンダー */

.ec-calendar__month th, .ec-calendar__month td,.ec-calendar .ec-calendar__title {
    border: 1px solid #f3f3f3;
}

.ec-calendar .ec-calendar__mon, .ec-calendar .ec-calendar__tue, 
.ec-calendar .ec-calendar__wed, .ec-calendar .ec-calendar__thu, 
.ec-calendar .ec-calendar__fri,.ec-calendar .ec-calendar__sun,.ec-calendar .ec-calendar__sat {
    background: #fff;
}

.ec-calendar .ec-calendar__today::before {
    background:#FFF4E6;
}

.ec-calendar {
    margin-bottom: 1.25rem;
}

.ec-calendar .ec-calendar__title {
    color: #333;
}

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

	下層ページ

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

.ec-headerRole .ec-headerRole__title {
    display: none;
}

.ec-pageHeader h1 {
    border-bottom: none;
    text-align: center;
    color: #333;
}

.ec-role {
    color: #333;
}

.page .ec-pageHeader {
    text-align: center;
}

.page .ec-pageHeader h1 {
    position: relative;
}

.page .ec-pageHeader h1::before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -0.75rem;
    left: 50%;
    transform: translateX(-50%);
    width: 3.75rem;
    height: 4px;
    background-color: #FE9500;
}

.page .ec-pageHeader h2 {
    position: relative;
	display: inline-block;
	top:0;
	padding: .25em 1em;
}
.page .ec-pageHeader h2::before, .page .ec-pageHeader h2::after {
  position: absolute;
	display: inline-block;
	top: 0;
	content:'';
	width: 8px;
	height: 100%;
}
.page .ec-pageHeader h2::before {
  left: 0;
	border-top: solid 1px #FE9500;
	border-bottom: solid 1px #FE9500;
	border-left: solid 1px #FE9500;
}
.page .ec-pageHeader h2::after {
  right: 0;
	border-top: solid 1px #FE9500;
	border-right: solid 1px #FE9500;
	border-bottom: solid 1px #FE9500;
}

/*------------------------------------------------
    お問い合せ
--------------------------------------------------*/
.ec-contactRole {
    color: #333;
}

.ec-contactRole .ec-input input {
    border-radius: 0.25rem;
}
/*------------------------------------------------
    プライバシーポリシー
--------------------------------------------------*/
.alert-warning {
    margin-top:2rem;
}
.alert-warning a {
    color: #333;
    text-decoration: underline;
}

.privacy .alert-warning {
    color: #333;
    background-color: #E9F6F9;
    border-color:  #CFE6E6;
}

.ec-heading-bold,.faq_h2 {
    background: #FFF4E6;
    padding: 0.5rem 0.8rem;
    border-radius: 0.25rem;
    font-size: 1.5rem;
    font-weight:500;
    display: flex;
    align-items: center;
}

.ec-heading-bold::before,.faq_h2::before {
    display: inline-block;
    width: 4px;
    height: 2rem;
    margin-right: 0.75rem;
    background-color: #FE9500;
    content: '';
}

@media only screen and (min-width: 768px) {
.ec-off1Grid {
    margin-bottom: 1.25rem;
}
}
/*------------------------------------------------
    特定商取引法に基づく表記
--------------------------------------------------*/

.table > :not(:first-child) {
    border-top: none;
}

.tradelaw_price {
    line-height: 2;
}
.tradelaw_price th {
    width: 30%;
}
.tradelaw_price td{
    width: 70%;
}

.tradelaw_price thead {
    background: #F8F8F8;
}
.tradelaw_return {
    line-height: 1.6;
}

.tradelaw_return li {
    margin-bottom: 0.5rem;
}

.ec-borderedDefs dt {
    padding-left: 0.25rem;
}

/*------------------------------------------------
    ご利用ガイド
--------------------------------------------------*/
.ec-off1Grid__cell p {
    padding: 0 0.5rem;
}

.guide,.privacy {
    line-height: 1.6;
}

.guide h3 {
    font-size: 1.25rem;
    font-weight: bold;
    border-left: 4px solid #FE9500;
    padding-left: 0.5rem;
    margin-left: 1rem;
}

.guide .tradelaw_price {
    padding: 1rem;
}

.guide .creditcard {
    display: flex;
    list-style: none;
    align-items: center;
    flex-wrap: wrap;
}

.guide .creditcard li {
    padding: 0 0.5rem;
    width: 10%;
}

@media only screen and (max-width: 767px) {
    .guide .creditcard li {
    padding: 0;
    width: 20%;
}
}
/*------------------------------------------------
    よくある質問
--------------------------------------------------*/
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FE9500'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FE9500'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-item:not(:first-of-type) {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.accordion-item {
    margin-bottom: 1.25rem;
    border-radius: 0.25rem;
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
    color: #333;
    background-color: #fff;
    font-weight:bold;
    font-size: 1.25rem;
}

.accordion-header {
    margin-top: 0;
    line-height: 1.6;
}

.accordion-button {
    font-size: 1.25rem;
    font-weight: 500;
    border-radius: 0.25rem;
    position: relative;
    padding-left: 3.5rem;
   font-weight:bold;
}


.accordion-button::before {
    color: #FE9500;
    content: "Q";
    font-size: 1.75rem;
    padding-right: 0.75rem;
    position: absolute;
    left: 1.5rem;
    top: 0.75rem;
    
}
.accordion-body::before {
    color: #FF6A00;
    content: "A";
    font-size: 1.75rem;
    padding-right: 0.75rem;
    font-weight:bold;
    position: absolute;
    left: 1.5rem;
    top: 0.75rem;
    
}

.accordion-body {
    position: relative;
    padding: 1rem 1.25rem 1rem 3.5rem;
}

.accordion-button:focus {
    box-shadow: none;
}

#collapseEight img {
    max-width:86px;
}

.accordion {
    margin-bottom: 2rem;
    padding: 1rem;
    }
    
  
  @media only screen and (max-width: 576px) {
.accordion-button,.accordion-button:not(.collapsed)  {
   font-size: 1rem;
}
}
/*------------------------------------------------
    お問い合せ
--------------------------------------------------*/

.ec-required {
    font-weight:500;
    background: #DE5D50;
    color: #fff;
    padding: 0.25rem;
    border-radius: 0.25rem;
}


/*------------------------------------------------
    オリジナル商品（KP-TN0100）
--------------------------------------------------*/
.kp_tn0100 h3 {
    padding: .5em .7em;
    border: 2px solid #FE9500;
    box-shadow: 5px 5px #FE9500;
    color: #FE9500;
    display: inline-block;
    margin-bottom: 2rem;
    border-radius: 0.25rem;
}

.text1 {
    font-size: 1.5rem;
    text-align: center;
}

.text2 {
    font-size: 2rem;
    }

.case {
    border: 1px solid;
    border-radius: 0.25rem;
}

.tax {
    font-size: 1rem;
    padding-left: 0.25rem;
}

.flex_box_column {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* KP16-TN0100のバリア性*/

.kp_tn0100 tbody th {
    width: 50%;
    vertical-align: middle;
}

.kp_tn0100 tbody td {
    width: 25%;
    vertical-align: middle;
}

.kp_tn0100 th {
    font-weight:500;
}

.kp_tn0100 .btn-primary {
    padding: 1rem;
}
.kp_tn0100 .col-md-6 {
    margin-bottom: 1.25rem;
}

.tr_item {
    border: 2px solid;
    color: #FE9500;
    font-weight:bold;
}

.tr_item th {
    font-weight:bold;
}

.kp_tn0100 .card-text {
    margin-bottom: 1.25rem;
}

 @media only screen and (max-width: 576px) {
     .kp_tn0100 .text-end {
         font-size: 0.75rem;
     }
     
    
 }

/* KP16-TN0100の特長 */

.kp_tn0100 .card-title {
    font-weight:bold;
    color: #FE9500;
}

.kp_tn0100 .card-header {
    background-color: #fff;
    border-bottom: none;
    font-size: 4rem;
    text-align: center;
    position: relative;
    padding: 0;
    margin-bottom: 1.25rem;
}

.kp_tn0100 .card-header::before {
  content: '';
  position: absolute;
  bottom: 0;
  display: inline-block;
  width: 3.5rem;
  height: 0.25rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #333;
  border-radius: 2px;
}

.kp_tn0100 .card {
    border: none;
    box-shadow: 0 4px 15px rgba(0,0,0,.2);
}

.kp_tn0100 .card-body {
    margin-top: 0;
}

.kp_tn0100 .card img {
    max-width: 220px;
    margin: 1rem auto;
}

/* KP16-TN0100(商品詳細) */

.kp_tn0100 .ec-headingTitle {
    font-size: 2rem;
}

.kp_tn0100 .ec-productRole__priceRegular {
    padding-top: 1rem;
}
.kp_tn0100 .ec-price__price {
    font-size: 1.75rem;
}

.kp_tn0100 .ec-price {
    padding: 1rem 0;
    border-bottom: 1px dotted #ccc;
}
.kp_tn0100 .ec-productRole__profile {
    margin: 1.5rem 0;
}

/* なぜ？フィルム形式のパッケージが増えているの？ */

.kp_tn0100 ul {
    display: flex;
    list-style: none;
    padding-left: 0;
}

.kp_tn0100 li {
    padding: 0.5rem 1rem;
}

.kp_tn0100 .kp_tn0100_q .kp_tn0100_q_arrow{
    text-align: center;
    padding: 2rem 0;
}

.kp_tn0100 .kp_tn0100_q .kp_tn0100_q_arrow img {
    max-width: 130px;
}

.kp_tn0100 .kp_tn0100_q {
    padding: 4rem 0;
}

@media only screen and (max-width: 767px) {
    .kp_tn0100 .kp_tn0100_q {
    padding: 2rem 0;
}
}

/* 吹き出し */
.balloon3-right-btm {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 0 5px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  background: #1D8355;
  border-radius: 50%;
  box-sizing: border-box;
}

.balloon3-right-btm:before {
  content: "";
  position: absolute;
  bottom: -8px;
  right: -8px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #1D8355;
  z-index: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.kp_tn0100 .kp_tn0100_q_title h3 {
    padding: 0;
    border: none;
    margin-bottom: 0;
    color: #333;
    font-weight: bold;
    box-shadow:none;
    display: block;
}

.kp_tn0100_q_title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3rem;
}

 @media only screen and (max-width: 576px) {
     .kp_tn0100_q_title {
         display: block;
     }
     
     .balloon3-right-btm {
         margin: 0;
     }
     
     .kp_tn0100 .kp_tn0100_q_title h3 {
         line-height: 1.7;
         margin-top: 0.5rem;
     }
 }
 
 /* 従来の商品（ボックス） */
 
 .box5-4{
	padding: 3.5rem 1.5rem 1.5rem;
    position: relative;
    border: 2px solid #666666;
    border-radius: 0.25rem;
    margin-bottom: 3rem;
}
.box5-4 .box-title {
	background-color: #fff;
    font-size: 1.25rem;
    color: #666666;
    padding: 0.5rem 2rem;
    line-height: 1;
    position: absolute;
    top: -1rem;
    border-radius: 0.25rem;
    left: 20px;
    font-weight: bold;
    box-shadow: 5px 5px #666666;
    border: 2px solid #666666;
}

 /* 従来の商品（リスト） */
 
.kp_tn0100 .kp_tn0100_q ul {
    display: block;
}

.list_check_o {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.list_check_o > li {
    position: relative;
    padding: 0px 0px 0px 2em;
    margin: 0px;
    font-size: 18px;
    display: flex;
    align-items: center;
}
.list_check_o > li::before,
.list_check_o > li::after {
    position: absolute;
    top: 50%;
    height: 1em;
    content: "";
}
.list_check_o > li::before {
    left: 0px;
    transform: translateY(-50%);
    width: 1em;
    border: 1px solid #666666;
}
.list_check_o > li::after {
    left: 0.5em;
    transform: translateY(-75%) rotate(45deg);
    width: 0.5em;
    border-bottom: 3px solid #666666;
    border-right: 3px solid #666666;
}

.list_check_o > li + li {
    margin: 1em 0px 0px;
}


 /* フィルムパウチ（ボックス） */
 
 .box5-4_n{
	padding: 3.5rem 1.5rem 1.5rem;
    position: relative;
    border: 2px solid #FE9500;
    border-radius: 0.25rem;
    margin: 3rem 0;
}
.box5-4_n .box-title {
	background-color: #fff;
    font-size: 1.25rem;
    color: #FE9500;
    padding: 0.5rem 2rem;
    line-height: 1;
    position: absolute;
    top: -1rem;
    border-radius: 0.25rem;
    left: 20px;
    font-weight: bold;
    box-shadow: 5px 5px #FE9500;
    border: 2px solid #FE9500;
}

 /* フィルムパウチ（リスト） */
 
.kp_tn0100 .kp_tn0100_q ul {
    display: block;
}

.list_check_n {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.list_check_n > li {
    position: relative;
    padding: 0px 0px 0px 2em;
    margin: 0px;
    font-size: 18px;
    display: flex;
    align-items: center;
}
.list_check_n > li::before,
.list_check_n > li::after {
    position: absolute;
    top: 50%;
    height: 1em;
    content: "";
}
.list_check_n > li::before {
    left: 0px;
    transform: translateY(-50%);
    width: 1em;
    border: 1px solid #FE9500;
}
.list_check_n > li::after {
    left: 0.5em;
    transform: translateY(-75%) rotate(45deg);
    width: 0.5em;
    border-bottom: 3px solid #FE9500;
    border-right: 3px solid #FE9500;
}

.list_check_n > li + li {
    margin: 1em 0px 0px;
}

.kp_tn0100_q_img {
    padding: 0 1rem;
}

 @media only screen and (max-width: 576px) {
     .box5-4 .box-title,.box5-4_n .box-title {
         left: 50%;
        transform: translateX(-50%);
        padding: 0.5rem 1rem;
        top: -2rem;
        width: 70%;
        text-align: center;
     }
     
     .list_check_o > li,.list_check_n > li {
         font-size: 1rem;
 }   
 
 .list_check_o > li::before,.list_check_o > li::after, .list_check_n > li::before,.list_check_n > li::after {
     top:9%;
 } 
 .list_check_o > li,.list_check_n > li {
     display: block;
 }
 
 .kp_tn0100_q_img img {
     max-height: 70px;
     width: auto;
 }
 
 .kp_tn0100_q_img {
     margin-top: 1rem;
     text-align: center;
 }
 }
 

/*------------------------------------------------
    ハイバリア商品特集
--------------------------------------------------*/
.feature_highbarrier {
    margin-top: 4rem;
}

.feature_highbarrier h3 {
    border-bottom: 2px solid #FE9500;
    display: inline-block;
    padding: 0 0.5rem 0.25rem 0.5rem;
    color: #FE9500;
    font-weight: bold;
}

.feature_highbarrier_header {
    text-align: center;
    margin-bottom: 2rem;
}

.table {
    color: #333;
}
.feature_highbarrier .table {
    margin-bottom: 2rem;
}

.feature_highbarrier td,.feature_highbarrier th {
    padding: 0.75rem;
    vertical-align: middle;
}

.feature_highbarrier th {
    vertical-align: middle;
    text-align: left;
    font-weight:500;
}  

.feature_highbarrier thead th {
    text-align: center;
}

.feature_highbarrier a {
    color: #333;
}

.sb1 {
   font-size: 1.25rem;
   display: flex;
  justify-content: center;
  align-items: center;
  font-weight:bold;
  text-align: center;
}
  
.sb1::before,
.sb1::after {
  content: '';
  width: 3px;
  height: 40px;
  background-color: #333;
}
.sb1::before {
  margin-right: 30px;
  transform: rotate(-35deg)
}
.sb1::after {
  margin-left: 30px;
  transform: rotate(35deg)
}

.feature_highbarrier h4 {
    border-left: 4px solid #FE9500;
    padding-left: 0.5rem;
    margin-bottom: 1.25rem;
}

.feature_highbarrier a {
    text-decoration: underline;
}

@media only screen and (max-width: 767px)  {
    .feature_highbarrier td,.feature_highbarrier th {
        padding: 0.75rem 0.25rem;
    }
}

/*------------------------------------------------
    サンプルのご依頼について
--------------------------------------------------*/

.flow_design09 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flow09 {
  padding-left: 0;
  border-bottom: solid 1px #FFF4E6;
}

.flow09 > li {
  list-style-type: none;
  display: flex;
  padding: 20px 0;
  border-top: solid 1px #FFF4E6;
}

.flow09 > li dl dt {
  font-size: 1.2em;
  line-height: 2;
  font-weight: bold;
  margin-bottom: 10px;
}

.flow09 > li .icon09 {
  line-height: 1;
  font-size: 2em;
  font-weight: bold;
  color: #FE9500;
  text-align: center;
  width: 70px;
  position: relative;
  margin-top: 0;
}

.flow09 > li .icon09::before {
  content: 'STEP';
  font-size: 0.3em;
  display: block;
  margin-bottom: 3px;
  letter-spacing: 1px;
}

.flow09 > li .icon09::after {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 40px);
  background-color: #333333;
  position: absolute;
  left: 0;
  right: 0;
  top: 60px;
  margin: auto;
}

.flow09 > li dl dd {
  margin: 0;
  text-align: center;
}

.flow09 > li dl dd p {
   text-align: left;
   margin-bottom: 2rem;;
}

.flow09 > li dl dd img {
   max-width: 600px;
}


.flow09 > li dl {
  width: calc(100% - 70px);
  margin-top: 0.8em;
}

.flow_design09 h4 {
    color: #FE9500;
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 1.25rem;
}
.flow_design09 .col-md-6 {
    margin-bottom: 2rem;
}

.howtosample {
    margin-top: 2rem;
}

/*------------------------------------------------
    特集ページ
--------------------------------------------------*/
.easy_result_choice .special_li {
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    background: linear-gradient(90deg, #FE9500 0% 33%, #ff6a00 33% 66%, #FE9500 66%);
    background-repeat: no-repeat;
    background-size: 4rem 0.4rem;
    background-position: bottom;
    font-weight: bold;
    font-size: 2rem;
    text-align: center;
    border-radius: 0;
}

.easy_result_choice .special_ul {
    display: block;
}

/*------------------------------------------------
    商品詳細ページ
--------------------------------------------------*/

.ec-sliderItemRole {
    display: none;
}

.img_shape {
    padding-right: 2rem;
    margin-bottom: 2rem;
}

.icon_shape,.icon_purpose {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    margin-top: 1rem;
}

.icon_shape img,.icon_purpose img {
    width: 86px;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

.item_detail {
    display: flex;
    padding: 1rem 0;
    border-bottom: 1px dotted #ccc;
    width: 100%;
    color: #333;
}

.item_detail h3 {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1rem;
    padding: 0 0.5rem;
    font-weight: 500;
}

.item_detail div {
    padding: 0 0.5rem;
}

.ec-productRole__subtitle {
    border-left: 4px solid #FE9500;
    padding-left: 0.5rem;
}

.item_detail_maker {
    display: none;
}

/* 単価 */
.ec-price__label {
  font-size: 1rem;
  color: #333;  
}

.ec-price .price02-default {
    font-size: 1.25rem;
    color: #333;
}


/* 販売価格(税別) */
.ec-price .not_tax  {
    color: #333;
    font-size: 1.25rem;
}

.ec-productRole .ec-productRole__category ul {
    padding-top: 0.25rem;
}

.detail_title h2 {
    margin-bottom: 0;
    font-weight: 500;
}

/* 数量 */
.ec-numberInput {
    margin-top: 1rem;
}

.ec-productRole__title .ec-headingTitle {
    font-weight:500;
}

@media (max-width: 768px) {
    .item_detail {
        display: block;
    }
    .item_detail h3, .item_detail div {
        width: 100%;
    }
    
    .item_detail h3 {
        margin-bottom: 0.5rem;
    }
}


/*------------------------------------------------
    商品一覧
--------------------------------------------------*/
.ec-shelfRole .ec-productRole__tags{
	margin-top: 16px;
	padding: 0;
	padding-bottom: 16px;
}
.ec-shelfRole .ec-productRole__tag {
	display: inline-block;
	padding: 2px 5px;
	list-style: none;
	/*
	font-size: 80%;
	*/
	color: #525263;
	border-radius: 3px;
	background-color: #F5F7F8;
	border: solid 1px #D7DADD;
}
/*新商品*/
.ec-productRole__tag.tag_1{
    background: #FE9500;
    color: #fff;
    border: none;
}
/*残りわずか*/
.ec-productRole__tag.tag_2{
    background: #FFBF00;
    color: #fff;
    border: none;
}
/*ポイント2倍*/
.ec-productRole__tag.tag_3{
    background: #004ab3;
    color: #fff;
    border: none;
}
/*残りわずか*/
.ec-productRole__tag.tag_4{
    background: #FF80BF	;
    color: #fff;
    border: none;
}

/*限定品*/
.ec-productRole__tag.tag_5{
    background: #E61300	;
    color: #fff;
    border: none;
}

/*環境配慮型商品*/
.ec-productRole__tag.tag_6 {
    background: #4AB300	;
    color: #fff;
    border: none;
}

/*検索条件に該当する商品がありません*/

.message_area {
    border: 1px solid #ccc;
    padding: 2rem;
    margin: 2rem;
    text-align: center;
}

/*ご指定のカテゴリは存在しません*/

.errormsg {
    border: 1px solid;
    padding: 2rem;
    margin-top: 2rem;
    text-align: center;
}


/*------------------------------------------------
    カテゴリーページ
--------------------------------------------------*/

.icons {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  list-style: none;
  padding-left: 0;
  margin-top: 1rem;
}

.icons img {
    width: 86px;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

.usage h4,.shape h4,#category h4,.title_lineup,.search_easy h4,.search_detail h4,.howtosample h2 {
    border-left: 4px solid #FE9500;
    padding-left: 0.5rem;
    font-size: 1.53125rem;
}

.shape-image {
    margin-right: 2rem;
    margin-bottom: 2rem;;
}
.shape-image h4,.image h4 {
    display: none;
}
.image {
    margin-bottom: 2rem;
}

.category_content {
    margin-top: 2rem;
}

#category h4,.title_lineup {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.example dt {
    color: #10804f;
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}

#category ul {
    list-style: none;
    padding-left: 0;
}

.pr_v {
    text-align: right;
}

.pr_v img {
    width: 60px;
    padding-bottom: 0.25rem;
}

table {
    width: 100%;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    
}

th,td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

th {
    text-align: center;
    padding: 1rem 0.75rem;
}

td {
    padding: 0.75rem;
    text-align: center;
}

.product_name {
    text-align: left;
}

.product_lineup a {
  position: relative;
  padding-right: 2rem;
  color: #525263;
}

.product_lineup a:before { 
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  width: 23px; 
  height: 23px; 
  border-radius: 50%; 
  background: #FE9500;
}
 
.product_lineup a:after { 
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 8px;
  width: 10px;
  height: 10px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}

.scroll-hint-icon-wrap {
    overflow-y: hidden;
}

@media screen and (max-width: 767px) {
    .lineup {
        overflow-x: auto;
    }
    
    .lineup table {
        min-width: 1000px;
    }
    .category_list_title, .detail_title {
        font-size: 1.53125rem;
    }
}

.category_list_title ,.detail_title,.ec-productRole__title .ec-headingTitle {
 background:#FFF4E6;
  border-bottom: solid 2px #FE9500;
  margin: 0 auto 2rem;
  padding: 0.5rem 1rem;
  font-size: 2rem;
}


.product_lineup_link {
    width: 100px;
}

/* カラー展開 */
#category .item {
    display: flex;
    flex-wrap: wrap;
}

#category .item li {
    width: 25%;
    padding: 1rem;
    text-align: center;
}

#category .item img {
    width: 50%;
}

#category .item p {
    padding: 1rem 0;
}
/* =============================================================

	簡易検索ページ

* ============================================================= */
#category_easy_usage,#category_easy_shapes,#category_detail_usage,#category_detail_shapes {
    display: flex;
    flex-wrap: wrap;
}
#category_easy_usage img,#category_easy_shapes img {
    max-width: 86px;
}

#category_easy_usage label,#category_easy_shapes label {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#category_easy_usage .checkbox ,#category_easy_shapes .checkbox {
    margin-bottom: 2rem;
    width: 20%;
} 
#category_easy_usage input ,#category_easy_shapes input {
    margin-top: 0.5rem;
} 

.search_easy .ec-grid2__cell, .search_detail .ec-grid2__cell{
    padding: 1rem;
    margin: 0 1rem;
    border: 1px solid #FFF4E6;
    border-radius:0.25rem;
    margin-bottom: 2rem;
}

.search_easy h4,.search_detail h4 {
    margin-bottom: 2rem;
}

.search_easy button,.search_detail button {
    font-size: 1.5rem;
}


@media screen and (max-width: 428px) {
    #category_easy_usage .checkbox ,#category_easy_shapes .checkbox {
        width: 25%;
    }
}

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

	詳細検索ページ

* ============================================================= */
#category_detail_usage div,#category_detail_shapes div {
    width: 50%;
}

.search_entry_other {
    margin: 0 1rem 4rem 1rem;
    padding: 1rem;
    border: 1px solid #FFF4E6;
    border-radius: 0.25rem;
}

.search_entry_other .ec-grid3__cell {
    padding: 1rem;
}

.entrybox {
    display: flex;
    align-items: center;
}

.entry_freetext {
    padding: 0 1rem;
}

.form-check-input:checked {
    background-color: #0055CC;
    border-color: #0055CC;
}

.form-check-input:focus {
    box-shadow: none;
    border-color: rgba(0, 0, 0, 0.25);
}

.ec-productRole {
    color: #333;
}

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

	簡易検索結果ページ

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

.easy_result_choice {
    padding: 1rem 0;
   color: #808080;

    }
.easy_result_choice ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 0;
      }

.easy_result_choice li {
    font-size: 1rem;
    color: #333;
    padding: 0.5rem;
    background: oldlace;
    margin-right: 0.25rem;
    border-radius: 0.25rem;
    
}

.easy_result_choice {
    padding: 1rem 0;
    }
    
.category_list h3 {
    background: #FFF4E6;
    border-bottom: solid 2px #FE9500;
    margin: 0 auto 2rem;
    padding: 0.5rem 1rem;
    font-size: 2rem;
}

.category_list h3 a {
    color: #333;
}

.category_comment {
    padding: 1rem;
    margin-bottom: 2rem;
}
.image_usage,.image_shape {
    padding: 0 1rem;
}

@media screen and (max-width: 767px) {
    .easy_result_choice li {
        font-size: 1rem;
    }
    .category_list h3 {
        font-size: 1.25rem;
    }
    
}

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

	ご注文内容のご確認

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

.btn_img img {
    width: auto;
}


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

	マイページ

* ============================================================= *//* ボタン */
.mypage .ec-orderRole .btn {
    width: 100%;
    border-radius: 0.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.875rem;
    padding: 0.5rem 0.25rem;
    margin-bottom: 1.25rem;
    
}

.btn_estimate,.btn_invoice,.btn_dn,.btn_receipt,.btn_return {
     font-weight:500;
     color: #ffffff;
    
}

.btn_return {
    background-color: #525263;
    border-color: #525263;
    
    }

.btn_estimate {
    background-color: #508BDE;
    border-color: #508BDE;
    
    }
.btn_invoice {
    background-color: #80CC49;
    border-color: #80CC49;
    
    }
.btn_dn {
    background-color: #F79B59;
    border-color: #F79B59;
    
    }
.btn_receipt {
    background-color: #FC7E97;
    border-color: #FC7E97;
    
    }
.btn_return:hover {
    color: #525263;
    background-color: #ffffff;
    border-color: #525263;
}

.btn_return a:hover {
    color: #525263;
}    
    
.btn_estimate:hover {
    color: #508BDE;
    background-color: #ffffff;
    border-color: #508BDE;
}

.btn_estimate a:hover {
    color: #508BDE;
}

.btn_invoice:hover {
    color: #80CC49;
    background-color: #ffffff;
    border-color: #80CC49;
}

.btn_invoice a:hover {
    color: #80CC49;
}

.btn_dn:hover {
    color: #F79B59;
    background-color: #ffffff;
    border-color: #F79B59;
}

.btn_dn a:hover {
    color: #F79B59;
}

.btn_receipt:hover {
    color: #FC7E97;
    background-color: #ffffff;
    border-color: #FC7E97;
}

.btn_receipt a:hover {
    color: #FC7E97;
}

.ec-mypageRole {
    max-width: 1130px;
}

/*帳票宛名*/
.ui-dialog .ui-dialog-titlebar-close {
    background: url(/html/user_data/assets/img/top/close.png);
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
}

.ui-widget input {
    margin-left: 0.5rem;
}

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

	お客様情報の入力(非会員)

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

.nonmember_dl .ec-input input {
    border-radius: 3px;
}

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

	ログイン画面

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

.ec-login .ec-input input {
    border-radius: 3px;
}