@import url("https://kanbanshop.itembox.design/item/css/common.css?t=20250306174329");
@import url("https://kanbanshop.itembox.design/item/css/itempage.css?t=20250306174329");
/* ココに書いて反映を確認したら上記2つのどちらかに振り分けています */

/* media query　FSのCSSにあるブレークポイント
@media screen and (min-width: 1200px) {}
@media screen and (min-width: 960px) {}
---
@media screen and (max-width: 768px) {}
@media screen and (min-width: 768px) {}
---
@media screen and (max-width: 600px) {}
@media screen and (min-width: 600px) {}
---
@media screen and (max-width: 480px) {}
@media screen and (min-width: 480px) {}
*/

/* ヘッダー（季節で入れ替え 2560×170） */
.fs-l-header{
  background: url("https://kanbanshop.itembox.design/item/src/header_bg.png") no-repeat !important;
  background-position: center top !important;
}
.fs-p-phoneOrder {
  background-color: rgba(255, 255, 255, 0.6) !important;
}


.btn_toplink_kanbanshop_acrylical{}
.btn_toplink_kanbanshop{}
.btn_toplink_kanbanshop a{
  display: block;
  width: 50px;
  height: 150px;
  opacity: 0.85;
  position:fixed;
  bottom:350px;
  right:-5px;
  z-index:1000;
}
.btn_toplink_kanbanshop a:hover{
  opacity: 1;
  bottom:350px;
  right:-3px;
}
.btn_toplink_acrylical{}
.btn_toplink_acrylical a{
  display: block;
  width: 50px;
  height: 150px;
  opacity: 0.85;
  position:fixed;
  bottom:190px;
  right:-5px;
  z-index:1000;
}
.btn_toplink_acrylical a:hover{
  opacity: 1;
  bottom:190px;
  right:-3px;
}






.acrylical_header{
  margin:0 0 20px 0;
}
.acrylical_header a:hover{
  opacity:0.8;
}





/* アクリル用検索窓 */
.acrylical_search{
  background: #F8F3EB;
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 38px;
}
.acrylical_search form{
  display: flex;
  font-size: 1.6rem;
}
.acrylical_search form button{
  white-space: nowrap;
  padding: 1rem 3rem;
  letter-spacing: 0.2em;
  background: #b28c6e;
  margin: 0 0 0 0.2em;
  border: none;
  border-radius: 3px;
  color: #ffffff;
}



.acrylical_column1{
  margin:0 0 40px 0;
}
.acrylical_column1 .fs-pt-column__heading{
  font-size:1.3rem;
  font-weight:normal;

}



h1.pageHeading_acrylicaltop,
h1.pageHeading_acrylicalgroup{
  font-size:1.3rem;
  font-weight:normal;
  text-align:right;
  margin:-20px 0 10px 0;
}

p.pageHeading_acrylicalgroup{
  background:url("https://kanbanshop.itembox.design/item/acrylical/acrylical_title_bg.png") no-repeat left top;
  padding:10px;
  border:none;
  letter-spacing:3px;
}



.acrylical_concept_wrap{
  border-top: solid 1px #efefef;
  border-bottom: solid 1px #efefef;
  margin:120px 0 50px 0;
  padding:10px 0;
}
.acrylical_concept{
  background:#fffafa;
  font-size:1.3rem;
  padding:20px;
}








/* シーン提案 */

.acrylical_scene_wrapall,
.kanbanshop_scene_wrapall{
  padding: 30px 0;
}
.acrylical_scene_wrap,
.kanbanshop_scene_wrap{
  display: flex;
  gap: 12px;
}
.acrylical_scene_wrap .scene,
.kanbanshop_scene_wrap .scene{
  margin: 0 0 22px 0;
  font-size:1.4rem;
}
.acrylical_scene_wrap .scene a,
.kanbanshop_scene_wrap .scene a{
  color:#696969;
}
.acrylical_scene_wrap .scene ul,
.kanbanshop_scene_wrap .scene ul{
  list-style:none;
  margin:0 0 0 10px;
  padding:0;
}
.acrylical_scene_wrap .scene ul li,
.kanbanshop_scene_wrap .scene ul li{
  display: flex;
  align-items: center;
  gap: 0 7px;
  padding: 0.1em;
}
.acrylical_scene_wrap .scene ul li::before,
.kanbanshop_scene_wrap .scene ul li::before{
  transform: rotate(-45deg);
  width: 0.4em;
  height: 0.4em;
  border-bottom: 2px solid #aaaaaa;
  border-right: 2px solid #aaaaaa;
  content: '';
}
.acrylical_scene_wrap .scene h3,
.kanbanshop_scene_wrap .scene h3{
  margin:3px 0 7px 0;
}
.acrylical_scene_wrap .scene h4,
.kanbanshop_scene_wrap .scene h4{
  margin:3px;
  text-align:right;
}



.acrylical_ai_recommend{
  margin:30px 0 0 0;
}
.acrylical_ai_recommend h2.fs-p-heading--lv2{
 display:none;
}
.acrylical_ai_recommend h2{
  background:#f8f8f8;
  padding:7px;
  border:none;
  font-size:1.5rem;
}
.acrylical_ai_recommend h2 span{
  font-weight:normal;
  font-size:1.2rem;
}


.category_link{
  margin-bottom:3px!important;
}
.category_link p{
  margin-bottom:0!important;
  text-indent:0.5rem;
  font-size:1.2rem;
}
.category_link p span{
  font-size:1rem;
}


/* バリエーションボタンの表示調整 */
.fs-c-variationMatrix__row{
  background:#fffffc;
  border:1px solid #efefef;
  padding:7px;
  font-size:1.2rem;
}



/* グレーの色変更（変更前：#efefef　変更後：#F8F3EB） */
.fs-p-headerNavBar{
  background:#F8F3EB;
}
.fs-l-footer{
  background:#F8F3EB;
  border-top:1px solid #cccccc;
}
.fs-p-headerNavBar{
  border-bottom:1px solid #cccccc;
}
.fs-p-footerPageTop__link{
  background:#F8F3EB;
}
.fs-clientInfo .fs-p-welcomeMsg{
  background:#F8F3EB;
}
.fs-p-heading--lv2{
  color:#595857;
  border-bottom:#595857;
}
.fs-p-messageBoard{
  border:1px solid #cccccc;
  background:#f8f8f8;
}
.searchtop form button{
  background:#b28c6e;
}
.fs-p-footerNavigationItem__title{
  color:#595857;
  border-bottom:1px solid #cccccc;
}
.fs-p-sideMenu .fs-pt-menu__heading--lv1{
  border:1px solid #cccccc;
}
.fs-p-sideMenu .fs-pt-menu__heading--lv2{
  border-bottom:1px solid #cccccc;
}
.fs-c-productNameHeading{
  color:#595857;
  font-size:2rem;
  letter-spacing:0.1em;
}
.fs-c-subgroupList__link{
  border:1px solid #cccccc;
}


.acrylical_contents{
  padding:0 20px;
}


.acrylical_banner_square{
  margin:0 0 10px 0;
}
.acrylical_banner_square a:hover{
  opacity: 0.85;
}


.lineorder_wrap{
 display:flex;
 justify-content:center;
}
.lineorder_contents{
 width:80%;
}