@charset "UTF-8";


/* ------------- VARS ------------- */
:root{
  /* COLORS */
  --main-red: #E61E1E;
  --sub-red: #EB3323;
  --main-blue: #0064D2;
  --main-black: #333333;
  --main-grey-dark: #EBEBEB;
  --main-grey: #DEDEE0;
  --main-grey-light: #BFBFBF;
  --main-grey-lighter: #F2F2F2;
  --main-grey-lighterer: #F6F6F7;

  --main-label-grey:#E5E5E5;
  --main-label-blue:#0063DA;
  --main-label-red:#ED0000;

  /* ICONS */
  --arrow-red: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Crect width='13' height='13' fill='none'/%3E%3Cpath d='M488.741,295.048a.886.886,0,0,1-.6-.228.736.736,0,0,1,0-1.1l4.207-3.87-4.207-3.869a.736.736,0,0,1,0-1.1.9.9,0,0,1,1.2,0l4.805,4.421a.736.736,0,0,1,0,1.1l-4.805,4.421A.885.885,0,0,1,488.741,295.048Z' transform='translate(-483.994 -283.348)' fill='%23e61e1e'/%3E%3C/svg%3E");
  --arrow-bottom-red: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg transform='translate(24 -604.285) rotate(90)'%3E%3Crect width='16' height='16' transform='translate(604.285 8)' fill='none'/%3E%3Cpath d='M1.044,12.8a1.091,1.091,0,0,1-.738-.28.906.906,0,0,1,0-1.357L5.483,6.4.305,1.638a.906.906,0,0,1,0-1.357,1.108,1.108,0,0,1,1.475,0L7.695,5.722a.906.906,0,0,1,0,1.357L1.78,12.52A1.089,1.089,0,0,1,1.044,12.8Z' transform='translate(608.285 9.6)' fill='%23e61e1e'/%3E%3C/g%3E%3C/svg%3E");
  --arrow-bottom-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg transform='translate(16) rotate(90)'%3E%3Crect width='16' height='16' fill='none'/%3E%3Cpath d='M488.937,297.448a1.091,1.091,0,0,1-.738-.28.906.906,0,0,1,0-1.357l5.177-4.763-5.177-4.762a.906.906,0,0,1,0-1.357,1.108,1.108,0,0,1,1.475,0l5.914,5.441a.906.906,0,0,1,0,1.357l-5.914,5.441A1.089,1.089,0,0,1,488.937,297.448Z' transform='translate(-483.094 -283.048)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
  --arrow-bottom-grey: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg transform='translate(24 -604.285) rotate(90)'%3E%3Crect width='16' height='16' transform='translate(604.285 8)' fill='none'/%3E%3Cpath d='M1.044,12.8a1.091,1.091,0,0,1-.738-.28.906.906,0,0,1,0-1.357L5.483,6.4.305,1.638a.906.906,0,0,1,0-1.357,1.108,1.108,0,0,1,1.475,0L7.695,5.722a.906.906,0,0,1,0,1.357L1.78,12.52A1.089,1.089,0,0,1,1.044,12.8Z' transform='translate(608.285 9.6)' fill='%23777'/%3E%3C/g%3E%3C/svg%3E");
  --arrow-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect width='16' height='16' fill='none'/%3E%3Cpath d='M488.937,297.448a1.091,1.091,0,0,1-.738-.28.906.906,0,0,1,0-1.357l5.177-4.763-5.177-4.762a.906.906,0,0,1,0-1.357,1.108,1.108,0,0,1,1.475,0l5.914,5.441a.906.906,0,0,1,0,1.357l-5.914,5.441A1.089,1.089,0,0,1,488.937,297.448Z' transform='translate(-483.094 -283.048)' fill='%23fff'/%3E%3C/svg%3E");
  --circle-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' fill='%23e61e1e'/%3E%3Cpath d='M488.586,293.148a.724.724,0,0,1-.49-.186.6.6,0,0,1,0-.9l3.438-3.163-3.438-3.162a.6.6,0,0,1,0-.9.736.736,0,0,1,.979,0L493,288.448a.6.6,0,0,1,0,.9l-3.927,3.613A.723.723,0,0,1,488.586,293.148Z' transform='translate(-481.519 -280.398)' fill='%23fff'/%3E%3C/svg%3E");
  --arrow-grey: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg transform='translate(-972.285 -8)'%3E%3Crect width='14' height='14' transform='translate(972.285 8)' fill='none'/%3E%3Cpath d='M488.807,295.848a.955.955,0,0,1-.646-.245.793.793,0,0,1,0-1.187l4.53-4.168-4.53-4.167a.793.793,0,0,1,0-1.187.97.97,0,0,1,1.291,0l5.175,4.761a.793.793,0,0,1,0,1.187l-5.175,4.761A.953.953,0,0,1,488.807,295.848Z' transform='translate(488.592 -275.248)' fill='%23333'/%3E%3C/g%3E%3C/svg%3E");
  --blank-icon-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' viewBox='0 0 13 10'%3E%3Cpath d='M12,1V9H2v1H13V1ZM1,3h9V7H1ZM0,8H11V0H0Z' fill='%23fff'/%3E%3C/svg%3E");
  --plus-red: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect width='16' height='16' fill='none'/%3E%3Cpath d='M-1674.049,161.675a.932.932,0,0,1-.932-.932v-11.47a.932.932,0,0,1,.932-.932.932.932,0,0,1,.932.932v11.47A.932.932,0,0,1-1674.049,161.675Z' transform='translate(1682.05 -147.009)' fill='%23e61e1e'/%3E%3Cpath d='M.932,13.333A.932.932,0,0,1,0,12.4V.932a.932.932,0,0,1,1.864,0V12.4A.932.932,0,0,1,.932,13.333Z' transform='translate(14.667 7.068) rotate(90)' fill='%23e61e1e'/%3E%3C/svg%3E");
  --minus-red: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect width='16' height='16' fill='none'/%3E%3Cpath d='M.932,13.333A.932.932,0,0,1,0,12.4V.932a.932.932,0,0,1,1.864,0V12.4A.932.932,0,0,1,.932,13.333Z' transform='translate(14.667 7.068) rotate(90)' fill='%23e61e1e'/%3E%3C/svg%3E");
  --plus-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Crect width='14' height='14' fill='none'/%3E%3Cpath d='M-1674.166,160.009a.815.815,0,0,1-.815-.815V149.157a.815.815,0,0,1,.815-.815.815.815,0,0,1,.815.815v10.036A.815.815,0,0,1-1674.166,160.009Z' transform='translate(1681.166 -147.175)' fill='%23fff'/%3E%3Cpath d='M.815,11.667A.815.815,0,0,1,0,10.851V.815a.815.815,0,1,1,1.631,0V10.851A.815.815,0,0,1,.815,11.667Z' transform='translate(12.833 6.185) rotate(90)' fill='%23fff'/%3E%3C/svg%3E");
  --minus-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Crect width='14' height='14' fill='none'/%3E%3Cpath d='M.815,11.667A.815.815,0,0,1,0,10.851V.815a.815.815,0,1,1,1.631,0V10.851A.815.815,0,0,1,.815,11.667Z' transform='translate(12.833 6.185) rotate(90)' fill='%23fff'/%3E%3C/svg%3E");
  --big-red-left-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect width='30' height='30' fill='none'/%3E%3Cpath d='M497.21,301.791a1.461,1.461,0,0,0,.989-.375,1.214,1.214,0,0,0,0-1.817l-6.934-6.379,6.934-6.377a1.214,1.214,0,0,0,0-1.817,1.484,1.484,0,0,0-1.975,0l-7.921,7.287a1.214,1.214,0,0,0,0,1.818l7.921,7.287A1.459,1.459,0,0,0,497.21,301.791Z' transform='translate(-479.321 -278.824)' fill='%23e61e1e'/%3E%3C/svg%3E");
  --big-red-right-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg transform='translate(-970.285)'%3E%3Crect width='30' height='30' transform='translate(970.285)' fill='none'/%3E%3Cpath d='M489.291,301.791a1.461,1.461,0,0,1-.989-.375,1.214,1.214,0,0,1,0-1.817l6.934-6.379-6.934-6.377a1.214,1.214,0,0,1,0-1.817,1.484,1.484,0,0,1,1.975,0l7.921,7.287a1.214,1.214,0,0,1,0,1.818l-7.921,7.287A1.459,1.459,0,0,1,489.291,301.791Z' transform='translate(493.106 -278.824)' fill='%23e61e1e'/%3E%3C/g%3E%3C/svg%3E");
  --grey-left-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Crect width='34' height='34' fill='none'/%3E%3Cpath d='M502.675,311.848a2.318,2.318,0,0,0,1.569-.6,1.926,1.926,0,0,0,0-2.884l-11-10.121,11-10.119a1.926,1.926,0,0,0,0-2.884,2.354,2.354,0,0,0-3.134,0l-12.567,11.562a1.926,1.926,0,0,0,0,2.884l12.567,11.562A2.315,2.315,0,0,0,502.675,311.848Z' transform='translate(-477.694 -281.248)' fill='%23666'/%3E%3C/svg%3E");
  --grey-right-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Crect width='34' height='34' fill='none'/%3E%3Cpath d='M490.111,311.848a2.318,2.318,0,0,1-1.569-.6,1.926,1.926,0,0,1,0-2.884l11-10.121-11-10.119a1.926,1.926,0,0,1,0-2.884,2.354,2.354,0,0,1,3.134,0l12.567,11.562a1.926,1.926,0,0,1,0,2.884l-12.567,11.562A2.315,2.315,0,0,1,490.111,311.848Z' transform='translate(-477.694 -281.248)' fill='%23666'/%3E%3C/svg%3E");
  --search-red-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg transform='translate(-1306)'%3E%3Cg transform='translate(1306)'%3E%3Crect width='30' height='30' fill='none'/%3E%3Cpath d='M40.167,37.705l-6.229-6.231a9.8,9.8,0,1,0-1.5,1.5L38.669,39.2a1.059,1.059,0,1,0,1.5-1.5Zm-19.818-6.44a8.4,8.4,0,1,1,11.882,0A8.414,8.414,0,0,1,20.349,31.266Z' transform='translate(-13.191 -12.085)' fill='%23e61e1e'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --search-white-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='none'/%3E%3Cpath d='M41.746,39.185,35.1,32.539a10.458,10.458,0,1,0-1.6,1.6l6.645,6.646a1.129,1.129,0,1,0,1.6-1.6ZM20.607,32.316a8.963,8.963,0,1,1,12.674,0A8.975,8.975,0,0,1,20.607,32.316Z' transform='translate(-12.973 -11.856)' fill='%23fff'/%3E%3C/svg%3E");
  --check-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.6' height='9.6' viewBox='0 0 11.6 9.6'%3E%3Cpath d='M-773.443,1436.953h-.422l-3.348-4.888a.8.8,0,0,1,.208-1.112.8.8,0,0,1,1.112.208l2.563,3.742c1.275-1.423,4.241-4.949,6.162-7.261a.8.8,0,0,1,1.127-.1.8.8,0,0,1,.1,1.127c-.017.02-1.683,2.026-3.358,4.005-.985,1.165-1.782,2.094-2.366,2.761-.351.4-.631.712-.831.926C-772.818,1436.7-773.053,1436.953-773.443,1436.953Z' transform='translate(777.353 -1427.353)' fill='%23fff'/%3E%3C/svg%3E");
  --pause-btn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg transform='translate(-967.285)'%3E%3Ccircle cx='15' cy='15' r='15' transform='translate(967.285)' fill='%23fff'/%3E%3Cpath d='M15,1.6A13.4,13.4,0,0,0,5.525,24.475a13.4,13.4,0,0,0,18.95-18.95A13.312,13.312,0,0,0,15,1.6M15,0A15,15,0,1,1,0,15,15,15,0,0,1,15,0Z' transform='translate(967.285)' fill='%23e61e1e'/%3E%3Crect width='3' height='14' rx='1.5' transform='translate(977.285 8)' fill='%23e61e1e'/%3E%3Crect width='3' height='14' rx='1.5' transform='translate(984.285 8)' fill='%23e61e1e'/%3E%3C/g%3E%3C/svg%3E");
  --play-btn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg transform='translate(-967.285)'%3E%3Ccircle cx='15' cy='15' r='15' transform='translate(967.285)' fill='%23fff'/%3E%3Cpath d='M15,1.6A13.4,13.4,0,0,0,5.525,24.475a13.4,13.4,0,0,0,18.95-18.95A13.312,13.312,0,0,0,15,1.6M15,0A15,15,0,1,1,0,15,15,15,0,0,1,15,0Z' transform='translate(967.285)' fill='%23e61e1e'/%3E%3Cpath d='M489.068,299.048a1.227,1.227,0,0,1-.831-.315,1.02,1.02,0,0,1,0-1.527l5.824-5.358-5.824-5.357a1.02,1.02,0,0,1,0-1.527,1.246,1.246,0,0,1,1.659,0l6.653,6.121a1.02,1.02,0,0,1,0,1.527l-6.653,6.121A1.225,1.225,0,0,1,489.068,299.048Z' transform='translate(490.392 -276.823)' fill='%23e61e1e'/%3E%3C/g%3E%3C/svg%3E");
  --red-open-btn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cg transform='translate(-333 -5.164)'%3E%3Crect width='22' height='22' rx='2' transform='translate(333 5.164)' fill='%23ee0200'/%3E%3Cg transform='translate(336 8.163)'%3E%3Crect width='16' height='16' fill='none'/%3E%3Cpath d='M-1674.049,161.675a.932.932,0,0,1-.932-.932v-11.47a.932.932,0,0,1,.932-.932.932.932,0,0,1,.932.932v11.47A.932.932,0,0,1-1674.049,161.675Z' transform='translate(1682.05 -147.009)' fill='%23fff'/%3E%3Cpath d='M.932,13.333A.932.932,0,0,1,0,12.4V.932a.932.932,0,0,1,1.864,0V12.4A.932.932,0,0,1,.932,13.333Z' transform='translate(14.667 7.068) rotate(90)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --red-close-btn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cg transform='translate(-333 -5.164)'%3E%3Crect width='22' height='22' rx='2' transform='translate(333 5.164)' fill='%23ee0200'/%3E%3Cg transform='translate(336 8.164)'%3E%3Crect width='16' height='16' fill='none'/%3E%3Cpath d='M.932,13.333A.932.932,0,0,1,0,12.4V.932a.932.932,0,0,1,1.864,0V12.4A.932.932,0,0,1,.932,13.333Z' transform='translate(14.667 7.068) rotate(90)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --sort-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15.325' viewBox='0 0 16 15.325'%3E%3Cpath d='M574.251,280.85a.685.685,0,0,1-.686-.683v-6.4l-5.608-7.136a.683.683,0,0,1,.54-1.1h14.629a.683.683,0,0,1,.54,1.1l-5.608,7.136v4.113a.682.682,0,0,1-.279.55l-3.121,2.289A.687.687,0,0,1,574.251,280.85ZM569.9,266.891l4.886,6.217a.681.681,0,0,1,.146.421v5.286l1.749-1.283v-4a.681.681,0,0,1,.146-.421l4.886-6.217Z' transform='translate(-567.811 -265.524)' fill='%23fff'/%3E%3C/svg%3E");


}

/* ------------- FIXES ------------- */
.main-content dt,
.main-content dd, 
.main-content li, 
.main-content caption, 
.main-content col, 
.main-content th, 
.main-content td, 
.main-content p, 
.main-content address, 
.main-content figcaption{
  font-size:1.6rem;
}
.m-prevent-overflow{
  overflow:hidden;
}
.content-header-title .m-title1 + p{
  font-size:1.6rem;
}
.mod-page-top{
  z-index:3;
}

/* ------------- LAYOUT ------------- */
.breadcrumbs-wrapper{
  padding-top:10px;
}
.l-wrapper{
  padding-left:10px;
  padding-right:10px;
  max-width:940px;
  margin-left:auto;
  margin-right:auto;
}
.l-section{
  padding-top:80px;
  padding-bottom:80px;
}
.l-topics-section{
  padding-top:0;
  padding-bottom:40px;
  border-bottom:solid 1px var(--main-grey-light); 
}
.l-narrow-section{
  padding-top:60px;
  padding-bottom:60px;
}
.l-narrow-section-nob{
  padding-top:60px;
}
.l-narrow-section-nob + .l-narrow-section{
  margin-top:60px;
}
.l-narrow-section-not{
  padding-bottom:60px;
}
.l-narrow-section + .l-narrow-section-not{
  margin-bottom:60px;
}
.l-section-icon{
  padding-top:0;
}
.l-section-icon .l-wrapper::before{
  content:'';
  display:block;
  width:400px;
  height:20px;
}
.l-white-bg{
  background:#fff;
}
.l-grey-bg{
  background:var(--main-grey-lighterer);
}
.page-container:not(.page-category-home){
  display: flex;
  flex-direction: column;
  width:100%;
}
.page-container > #pc-header{
  order:0;
}
.page-container > .main-visual{
  order:3;
}
.page-container > .breadcrumbs-wrapper{
  order:3;
}
.page-container > .m-page-title{
  order:4;
}
.page-container > .m-page-title + .breadcrumbs-wrapper{
  order:3;
}
.page-container > .content{
  order:5;
}
.page-container > #pc-footer{
  order:6;
}

/* -------------  MODULES ------------- */
/* noscript */
.m-noscript {
  padding: 20px;
  background: rgba(250, 150, 40, 0.4);
}
.m-noscript > p {
  font-size: 16px;
  margin: 0;
}
/* headings */
.m-title1{
  font-size:3.5rem;
  font-weight:bold;
}
.m-title2{
  font-size:3.2rem;
  font-weight:bold;
}
.m-title3{
  font-size:2.8rem;
  font-weight:bold;
}
.has-border{
  position: relative;
  padding-left: 20px;
  line-height: 1.2;
}
.has-border::before{
  position: absolute;
  top: 0;
  left: 0;
  width: 9px;
  height: 94%;
  background: url(/common/img/module/common-title_bg01.png) repeat;
  content: "";
}
.m-title3 .m-circle-arrow-link{
  font-size:2.8rem;
}
.m-title3 .m-circle-arrow-link::before {
  width: 26px;
  height: 26px;
  background-size:contain;
  margin-right:8px;
  transform:translateY(4px);
}
.m-title4{
  font-size:2rem;
  font-weight:bold;
}
.m-subtitle{
  display:block;
  padding-top:10px;
  padding-bottom:15px;
  margin-top:10px;
}

/* section headers */
.page-container{
  position:relative;
}
.m-page-title.has-gradation{
  background: #49a8d3 url(/common/img/layout/content-header_bg01.png) repeat-x;
  color:#fff;
  padding-top:73px;
  padding-bottom:40px;
}
.m-page-title.has-inner{
  color:#fff;
}
.m-page-title.has-inner > .inner{
  padding-top:73px;
  padding-bottom:40px;
}
.m-page-title.has-inner > .inner > .l-wrapper {
  padding:0;
}
.breadcrumbs-wrapper + .content{
  margin-top:38px;
}
.m-page-title.has-inner + .breadcrumbs-wrapper,
.m-page-title.has-gradation + .breadcrumbs-wrapper{
  padding-top:0;
  transform:translateY(calc(100% + 11px));
  height:0;
}
.m-page-title.has-inner + .breadcrumbs-wrapper .breadcrumbs a,
.m-page-title.has-gradation + .breadcrumbs-wrapper .breadcrumbs a,
.m-page-title.has-inner + .breadcrumbs-wrapper .breadcrumbs span,
.m-page-title.has-gradation + .breadcrumbs-wrapper .breadcrumbs span{
  color:#fff;
}
.breadcrumbs a.current{
  text-decoration:none;
  pointer-events:none;
}
.m-link-header{
  position:relative;
  padding-right:50%;
  margin-bottom:20px;
}
.m-dropdown-parent{
  position:relative;
}
.m-link-header .m-arrow-button,
.m-dropdown-parent .m-simple-dropdown{
  position:absolute;
  right:0;
  top:0;
}
.m-centered-header{
  text-align:center;
}
.m-products-cat-top-head{
  position:relative;
  margin-bottom:30px;
  margin-top:-15px;
}
.m-products-cat-top-head > img{
  display:block;
  width:480px;
  margin-left:auto;
  height:auto;
}
.m-products-cat-top-head .m-products-cat-top-head-title{
  position:absolute;
  background:#fff;
  left:0;
  width:500px;
  box-sizing:border-box;
  padding-top:20px;
  padding-right:25px;
  padding-bottom:10px;
  display:flex;
  flex-direction:column;
  min-height:200px;
  justify-content:center;
}
.m-products-cat-top-head .m-products-cat-top-head-title .m-title1{
  line-height:1.3;
}
.l-responsive .content-header-title{
  margin-bottom: 7px;
  margin-top: 1px;
}
.l-responsive .mod-related-link > li > a{
  background: none;
  display: flex;
  padding-left: 0;
}
.l-responsive .mod-related-link > li > a::before {
  content: "";
  background: url(/common/img/parts/arrow_icon01.png) no-repeat;
  width: 15px;
  height: 15px;
  margin-right: 7px;
  position: relative;
  top: 4px;
  display: block;
}
.l-responsive .mod-accordion .fn-alpha-rollover{
  cursor:pointer;
}
.l-responsive .mod-accordion .fn-alpha-rollover .mod-local-title{
  background: none !important;
}
.l-responsive .mod-accordion .fn-alpha-rollover .mod-local-title h3::after{
  content:'';
  display:inline-block;
  width:18px;
  height:18px;
  
  background-image:url(/common/img/module/accordion_plus_btn02.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  vertical-align: -3px;
  margin-left: 20px;
}
.l-responsive .mod-accordion.is-expanded .fn-alpha-rollover .mod-local-title h3::after{
  background-image:url(/common/img/module/accordion_minus_btn02.png);
}
.l-responsive .fn-alpha-rollover{
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.l-responsive .mod-outline{
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}

.l-responsive .m-area-map-container .header ~ .section .section.body .mod-button a{
  background-image: var(--arrow-white);
  background-repeat: no-repeat;
  background-position: 20px center;
  background-color:var(--main-black);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position:relative;
  font-size:1.6rem;
}

.l-responsive .m-area-map-container .header ~ .section .section.body .mod-button a::before{
  display:none;
}
.l-responsive .m-area-map-container .header ~ .section .section.body .mod-button a[target="_blank"]::after{
  content:'';
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  width:13px;
  height:10px;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center center;
  background-image:var(--blank-icon-white);
}

.l-responsive .m-area-map-container .header ~ .section .section.body .mod-button a .mod-icon-window{
  display:none;
}



/* utilities */
.m-align-right{
  text-align:right;
}
.m-align-left{
  text-align:left;
}
.m-align-center{
  text-align:center;
}
.m-font-size-s{
  font-size:1rem !important;
}
.m-width-50 {
  width: 50%;
}

/* lists */
.m-simple-list > li:not(:last-of-type){
  padding-bottom:10px;
}
.m-pickup-list .swiper > ul > li{
  box-shadow:0 0 10px rgba(0, 0, 0, 0.16);
}
.m-pickup-list .swiper > ul > li a{
  text-decoration:none;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.m-pickup-list .swiper > ul > li a img{
  width:100%;
  height:auto;
  display:block;
}
.m-pickup-list .swiper > ul > li a .m-pickup-labels{
  margin-top:-10px;
  display:flex;
  flex-wrap:wrap;
  gap:0 5px;
  position:relative;
  z-index:1;
}
.m-pickup-list .swiper > ul > li a .m-pickup-labels > span{
  width:80px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  border:solid 1px var(--main-black);
  font-size:1.4rem;
  font-weight:bold;
  padding-top:3px;
}
.m-pickup-list .swiper > ul > li a .m-pickup-labels > span.m-label-black{
  background:var(--main-black);
  color:#fff;
}
.m-pickup-list .swiper > ul > li a .m-pickup-labels > span.m-label-white{
  background:#fff;
  color:var(--main-black);
}
.m-pickup-list .swiper > ul > li a .m-pickup-texts{
  padding:20px 20px 25px 20px;
  display:flex;
  flex-direction:column;
  gap:10px 0;
}
.m-pickup-list .swiper > ul > li a .m-pickup-texts .m-pickup-date,
.m-pickup-list .swiper > ul > li a .m-pickup-texts .m-pickup-desc{
  font-size:1.4rem;
}
.m-pickup-list .swiper > ul > li a .m-pickup-texts .m-pickup-date{
  color:#666666;
}
.m-pickup-empty {
  border: 1px solid var(--main-grey-light);
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-top: 50px;
}
.m-trend-words-list > ul{
  display:grid;
  gap:0 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.m-trend-words-list > ul > li{
  padding-top:25px;
}
.m-trend-words-list > ul > li a{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px 0;
  text-decoration:none;
}
.m-trend-words-list > ul > li a img{
  display:block;
  width:100%;
  height:auto;
  flex:0 0 auto;
}
.m-products-list > ul{
  display:grid;
  gap:30px 20px;
  grid-template-columns: 1fr 1fr 1fr;
  overflow:hidden;
}
.m-products-list > ul > li{
  padding-top:30px;
  position:relative;
}
.m-products-list > ul > li > a{
  text-decoration:none;
  display:block;
}
.m-products-list > ul > li:nth-of-type(3n+1)::before{
  content:'';
  width:calc(300% + 40px);
  height:1px;
  background:var(--main-grey-light);
  position:absolute;
  left:0;
  top:0;
}
.m-image-link img{
  display:block;
  width:100%;
  height:auto;
}
.m-products-list > ul > li .m-image-link{
  display:block;
  margin-top:9px;
  margin-bottom:20px;
}
.m-products-list > ul > li .m-image-link img{
  display:block;
  width:100%;
  margin:0 auto;
  height:auto;
}
.m-recommend-slider{
  position:relative;
  margin-bottom:58px;
  margin-top:20px;
}
.m-recommend-slider .swiper:not(.swiper-container-initialized) .swiper-wrapper{
  display: flex;
  gap: 0 20px;
}
.m-recommend-slider .swiper:not(.swiper-container-initialized) .swiper-wrapper .swiper-slide{
  max-width:220px;
}
html body .swiper-pagination{
  z-index:1;
}
.m-recommend-slider .swiper-pagination-bullets{
  bottom:-46px;
  width:100%;
}
.m-recommend-slider .swiper-button-prev,
.m-recommend-slider .swiper-button-next{
  width:34px;
  height:34px;
  margin-top:0;
  transform:translateY(-50%);
  background-repeat:no-repeat;
  background-position:center center;
}
.m-recommend-slider .swiper-button-prev::after,
.m-recommend-slider .swiper-button-next::after{
  display:none;
}
.m-recommend-slider .swiper-button-prev{
  left:-56px;
  background-image:var(--grey-left-arrow);
}
.m-recommend-slider .swiper-button-next{
  right:-56px;
  background-image:var(--grey-right-arrow);
}
.m-recommend-slider .m-recommend-slide-link{
  text-decoration:none;
  display:block;
}
.m-recommend-slider .m-recommend-slide-link span{
  font-size:1.6rem;
  font-weight:bold;
}
.m-recommend-slider .m-recommend-slide-link,
.m-recommend-slider .m-recommend-slide-link span{
  font-size:1.6rem;
}
.m-recommend-slider .m-recommend-slide-link img{
  width:100%;
  height:auto;
  display:block;
  margin-bottom:14px;
  border:solid 1px var(--main-grey-light);
  box-sizing:border-box;
}
.m-recommend-slider .m-recommend-slide-desc{
  display:block;
  margin-top:10px;
  font-size:1.4rem;
}
.m-support-list{
  padding-top:25px;
  display:flex;
  justify-content:space-between;
  gap:0 40px;
  align-items:flex-start;
  position:relative;
}
.m-support-list > ul{
  padding-top:10px;
  display:grid;
  gap:0 20px;
  grid-template-columns: 1fr 1fr 1fr;
}
.m-support-list > ul > li{
  width:180px;
}
.m-support-list > ul > li a{
  text-decoration:none;
  aspect-ratio: 1/1;
  border-radius:100%;
  border:solid 2px var(--main-red);
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:center;
  overflow:hidden;
  gap: 12px 0;
  justify-content: center;
  padding:20px;
}
.m-support-list > ul > li a .m-arrow-link{
  font-size:1.4rem;
}
.m-support-list > ul > li a .m-arrow-link::before {
  transform:translateY(-1px);
}
.m-images-list{
 margin-bottom:30px;
}
.m-images-list .m-title4{
  margin-top:30px;
}
.m-images-list > ul{
  padding-top:10px;
  display:grid;
  gap:0 20px;
  grid-template-columns: 1fr 1fr 1fr;
}
.m-images-list > ul > li > a{
  position:relative;
  display:block;
  height:100%;
}
.m-images-list > ul > li > a > span{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2.4rem;
  font-weight:bold;
  color:#fff;
  text-align:center;
  line-height:1.3;
  background-color:rgba(51, 51, 51, 0.5);
}
.m-images-list > ul > li > a > img{
  display:block;
  width:100%;
  height:auto;
}
.m-images-list > ul > li > a > span small{
  font-size:2.2rem;
}
.m-links-list{
  padding-top:17px;
  border-top:solid 1px var(--main-grey-light);
}
.m-links-list ul{
  display:flex;
  gap:5px 30px;
  flex-wrap:wrap;
}
.m-topics-list{
  padding-top:5px;
}
.m-topics-list > ul{
  display:flex;
  flex-direction:column;
  border-top:solid 1px var(--main-grey-light);
}
.m-topics-list > ul > li{
  border-bottom:solid 1px var(--main-grey-light);
  padding:20px 0;
  display:block;
}
.m-topics-list > ul > li .m-topics-list-head{
  display:flex;
  flex-wrap:wrap;
  gap:5px 5px;
}
.m-topics-list > ul > li .m-topics-list-head .m-topics-list-date{
  font-weight:bold;
  margin-right:5px;
  flex:0 0 auto;
}
.m-topics-list > ul > li .m-topics-list-head .m-topics-list-label{
  height:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  font-size:1.2rem;
  font-weight:bold;
  padding:3px 13px 0px 13px;
  box-sizing:border-box;
}
.m-topics-list-label.m-grey-label{
  background-color:var(--main-label-grey);
}
.m-topics-list-label.m-red-label{
  background-color:var(--main-label-red);
  color:#fff;
}
.m-topics-list-label.m-blue-label{
  background-color:var(--main-label-blue);
  color:#fff;
}
.m-products-related{
  margin-top:60px;
  padding:26px 30px 30px 30px;
}
.m-products-related > ul{
  display:flex;
  flex-direction:column;
  gap:15px 0;
  padding-top:17px;
}
.m-products-related > ul > li > a{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  text-decoration:none;
}
.m-products-related > ul > li > a .m-image-link{
  width:200px;
}
.m-products-related > ul > li > a .m-related-desc{
  width:calc(100% - (200px + 30px));
  display:flex;
  flex-direction:column;
  gap:8px 0;
}

/* links - buttons */
.m-red-button,
a.m-red-button,
.m-red-button:link{
  background-image: var(--arrow-white);
  background-repeat:no-repeat;
  background-position:20px center;
  background-color: var(--main-red);
  color:#fff;
  height:60px;
  max-width:300px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 40px;
  box-sizing:border-box;
  border-radius:6px;
  font-size:1.6rem;
  font-weight:bold;
  text-decoration:none;
}
a[target="_blank"] .m-red-button,
a.m-red-button[target="_blank"]{
  position:relative;
}
a[target="_blank"] .m-red-button::after,
a.m-red-button[target="_blank"]::after{
  content:'';
  width:13px;
  height:10px;
  display:block;
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  background-image:var(--blank-icon-white);
  background-position:center center;
  background-repeat:no-repeat;
}
.m-red-button.has-max-width{
  width:100%;
  max-width:300px;
}
.m-arrow-link{
  display:inline-block;
  text-decoration:none;
  line-height:1.4;
  font-weight:bold;
  font-size:1.6rem;
  padding-left:20px;
  position:relative;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.m-arrow-link::before{
  content:'';
  width:14px;
  height:14px;
  position:absolute;
  left:0;
  top:2.5px;
  background-image: var(--arrow-red);
  background-repeat: no-repeat;
  background-position: center center;
  margin-right:6px;
  display:inline-block;
}
.m-arrow-link.m-anchor::before{
  background-image: var(--arrow-bottom-red);
}
a[target="_blank"] .m-arrow-link::after,
a.m-arrow-link[target="_blank"]::after{
  content:'';
  width: 13px;
  height: 10px;
  margin-left: 6px;
  background-image: url(/common/img/parts/link_window_icon01.png);
  display:inline-block;
}
.m-arrow-button{
  display: flex;
  text-decoration:none;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap;
  font-size:1.5rem;
  font-weight:bold;
  border:solid 1px var(--main-grey-light);
  border-radius:4px;
  padding:14px 17px 10px 17px;
  word-break: break-word;
  box-sizing:border-box;
}
.m-arrow-button::before{
  content:'';
  width:14px;
  height:14px;
  flex:0 0 auto;
  background-image: var(--arrow-red);
  background-repeat: no-repeat;
  background-position: center center;
  margin-right:6px;
  transform:translateY(-2px);
}
.m-arrow-button.m-cupon-button{
  padding:14px 14px 10px 14px;
  justify-content:space-between;
}
.m-arrow-button.m-cupon-button::after{
  content:'';
  width:30px;
  height:30px;
  margin-left:6px;
  flex:0 0 auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30' height='30' viewBox='0 0 30 30'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='30' height='30' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 0)'%3E%3Cg transform='translate(0 0)' clip-path='url(%23a)'%3E%3Cpath d='M10.346,18.7l1.4,4.465a.328.328,0,0,0,.374.227c1.569-.3,9.144-2.074,12.026-8.868A.339.339,0,0,0,24,14.1l-4.078-2.275a.328.328,0,0,0-.445.119A13.65,13.65,0,0,1,10.6,18.283a.33.33,0,0,0-.254.419' transform='translate(-3.625 -4.135)' fill='%23e61e1e'/%3E%3Cpath d='M6.034,27.215A5.258,5.258,0,0,1,2.57,25.941a4.566,4.566,0,0,1-1.326-3.47,4.436,4.436,0,0,1,1.521-3.51,5.216,5.216,0,0,1,2.389-1.108,4.737,4.737,0,0,1,6.707-3.529A.649.649,0,1,1,11.3,15.5,3.439,3.439,0,0,0,6.4,18.467a.65.65,0,0,1-.24.478.638.638,0,0,1-.458.143,3.329,3.329,0,0,0-3.156,3.383A3.328,3.328,0,0,0,3.461,25a4.075,4.075,0,0,0,2.671.917h12.32a3.516,3.516,0,0,0,2.243-.774A2.171,2.171,0,0,0,21.3,23.5c0-.522-.127-2.225-1.758-2.225a.649.649,0,1,1,0-1.3c1.828,0,3.057,1.416,3.057,3.523a3.441,3.441,0,0,1-1,2.577,4.77,4.77,0,0,1-3.162,1.136H6.168c-.008,0-.055,0-.134,0' transform='translate(-0.436 -4.865)' fill='%23e61e1e'/%3E%3Cpath d='M40.084,22.874H33.54a.649.649,0,0,1,0-1.3h6.544a.649.649,0,0,1,0,1.3' transform='translate(-11.541 -7.57)' fill='%23e61e1e'/%3E%3Cpath d='M41.047,31.33H37.422a.649.649,0,1,1,0-1.3h3.625a.649.649,0,0,1,0,1.3' transform='translate(-12.903 -10.537)' fill='%23e61e1e'/%3E%3Cpath d='M39.721,27.1h-2.3a.649.649,0,1,1,0-1.3h2.3a.649.649,0,0,1,0,1.3' transform='translate(-12.903 -9.054)' fill='%23e61e1e'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.m-arrow-button.m-cupon-button > span{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
.m-arrow-button.m-cupon-button > span small{
  font-size:1.4rem;
  font-weight:normal;
}
.m-arrow-button.m-cupon-button > span strong{
  font-size:1.5rem;
  font-weight:bold;
}
.m-circle-arrow-link{
  display:inline-flex;
  text-decoration:none;
  align-items:flex-start;
  justify-content:flex-start;
  flex-wrap:nowrap;
  font-size:1.7rem;
  line-height:1.4;
  font-weight:bold;
}
.m-circle-arrow-link::before{
  content:'';
  width:17px;
  height:17px;
  flex:0 0 auto;
  background-image: var(--circle-arrow);
  background-repeat: no-repeat;
  background-position: center center;
  margin-right:6px;
  transform:translateY(2.5px);
}
.m-black-search-button{
  display:flex;
  max-width:420px;
  margin:0 auto;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border-radius:6px;
  background:var(--main-black);
  color:#fff;
  gap:0 16px;
  padding:13px 20px;
  box-sizing:border-box;
  font-size:1.4rem;
  color:#fff;
  font-weight:bold;
  border:none;
  cursor: pointer;
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
}
.m-black-search-button::before{
  content:'';
  width:32px;
  height:32px;
  background-image:var(--search-white-icon);
  background-position:center center;
  background-repeat:no-repeat;
  flex:0 0 auto;
}
.m-black-search-button.m-compact{
  padding:8px 15px;
}
.m-black-search-button.m-compact::before{
  width:18px;
  height:18px;
  background-size:contain;
}
.m-black-search-button span{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px 0;
}
.m-black-search-button strong,
.m-black-search-button small{
  color:#fff;
  font-weight:bold;
}
.m-black-search-button strong{
  font-size:1.8rem;
}
.m-black-search-button small{
  font-size:1.4rem;
}
.m-show-more-btn{
  display:flex;
  max-width:400px;
  margin:0 auto;
  align-items:center;
  justify-content:space-between;
  text-decoration:none;
  border-radius:6px;
  background:var(--main-black);
  color:#fff;
  gap:0 10px;
  padding:16px 30px;
  box-sizing:border-box;
  color:#fff;
  font-weight:bold;
  border:none;
  cursor: pointer;
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  font-size:1.8rem;
}
.m-show-more-btn::before{
  content:'';
  width:16px;
  height:16px;
  background-image:var(--arrow-bottom-white);
  background-position:center center;
  background-repeat:no-repeat;
  flex:0 0 auto;
}
.l-list-button{
  padding-top:40px;
}
.m-simple-dropdown{
  border-radius:4px;
  overflow:hidden;
  box-shadow:0 0 6px rgba(0,0,0,0.16);
  display:flex;
  flex-direction:column;
}
.m-simple-dropdown-trigger{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: 0;
  padding: 0;
  margin:0;
  appearance: none;
  -webkit-appearance: none;
  font-size:1.4rem;
  font-weight:bold;
  color:#fff;
  background-color:var(--main-black);
  padding:8px 15px;
  display:flex;
  justify-content:center;
  align-items:center;
  box-shadow:none;
  overflow:hidden;
  width:100%;
}
.m-simple-dropdown-trigger::before{
  content:'';
  background-image:var(--plus-white);
  background-repeat:no-repeat;
  background-position:center center;
  width:14px;
  height:14px;
  margin-right:6px;
}
.m-simple-dropdown.is-opened .m-simple-dropdown-trigger::before{
  background-image:var(--minus-white);
}
.m-simple-dropdown-container{
  background:#fff;
}
.m-simple-dropdown-container > ul{
  padding:10px 15px;
}
.m-simple-dropdown-container > ul > li{
  padding:7.5px 0;
}
.m-simple-dropdown-container > ul > li a{
  font-size:1.4rem;
  display:block;
}

/* ------------- JS MODULES ------------- */
.js-dropdown .js-dropdown-container{
  overflow:hidden;
  transition:max-height 0.25s ease-out;
}
.js-dropdown:not(.is-opened) .js-dropdown-container{
  max-height:0;
}




/* ------------- PC HEADER / FOOTER ------------- */
#pc-header .sp-header_only{
  display:none !important;
}
#sp-header .pc-header_only{
  display:none !important;
}
.page-header .global-nav-drop > ul > li.is-current-category > a{
  pointer-events:none;
}
#pc-footer{
  margin-top: 60px;
}

/* ------------- CONTENTS ------------- */
/* TOP PAGE */

/* TOP PAGE MAIN VISUAL - SLIDER */
.main-visual{
  background:#fff;
}
.main-visual .swiper-slide{
  height:340px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.main-visual .swiper-slide > img{
  object-fit: cover;
  width:100%;
  height:100%;
}
.main-visual .swiper-slide > div{
  height:100%;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
}
.main-visual .swiper-tools{
  display:flex;
  justify-content:center;
  align-items:center;
  height:60px;
}
.main-visual .swiper-tools .swiper-pagination{
  position:relative;
  width:auto;
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 5px;
  top:inherit;
  left:inherit;
  bottom:inherit;
  right:inherit;
}
.main-visual .swiper-tools .swiper-button-pause{
  border:none;
  background-color:transparent;
  cursor:pointer;
}
.main-visual .swiper-tools .swiper-button-pause,
.main-visual .swiper-tools .swiper-button-next,
.main-visual .swiper-tools .swiper-button-prev{
  position:relative;
  top:inherit;
  left:inherit;
  bottom:inherit;
  right:inherit;
  width:30px;
  height:30px;
  background-position:center center;
  background-repeat:no-repeat;
  margin:0 5px;
}
.main-visual .swiper-tools .swiper-button-next::after,
.main-visual .swiper-tools .swiper-button-prev::after{
  display:none;
}
.main-visual .swiper-tools .swiper-button-prev{
  background-image: var(--big-red-left-arrow);
}
.main-visual .swiper-tools .swiper-button-next{
  background-image: var(--big-red-right-arrow);
}
.main-visual .swiper-tools .swiper-button-pause{
  background-image: var(--pause-btn);
}
.main-visual .swiper-tools .swiper-button-pause.is-paused{
  background-image: var(--play-btn);
}

/* DMI 6月追記*/
.main-visual .gramoch:before{
content: "";
width: 454px;
height: 30px;
display: block;
background: url(/img/top/gm_pc.png) no-repeat;
position: absolute;
bottom: 0;
right: 0;
}

.m-recommend-slider .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper .swiper-pagination-bullets .swiper-pagination-bullet{
  width:12px;
  height:12px;
  background:var(--main-grey-light);
  margin:0 8px;
}
.m-recommend-slider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background:var(--main-red);
}

/* SEARCH RESULTS */
.page-category-products{
  background:#fff;
}
.page-category-products .result_nav,
.page-category-products .result_nav.fixed{
  position: sticky;
  top: 48px;
}
.result.l-narrow-section{
  padding-top:0;
}
.m-search-result{
  display: grid;
  grid-template-columns: 220px auto;
  grid-template-areas:
  "image title"
  "image desc"
  "image specs"
  "image blank";
  text-decoration:none;
  gap:0 30px;
  padding:30px 0;
  border-top:solid 1px var(--main-grey-light);
}
.m-search-result-image{
  grid-area: image;
}
.m-search-result-image img{
  width:100%;
  height:auto;
  display:block;
}
.m-search-result-title{
  grid-area: title;
  margin-bottom:10px;
  padding-left:23px;
  position:relative;
  word-break:break-all;
}
.m-search-result-title .m-circle-arrow-link{
  display:inline;
  word-break: break-word;
}
.m-search-result-title .m-circle-arrow-link::before{
  position:absolute;
  left:0;
  top:0;
}
.m-search-result.is-new .m-search-result-title::after{
  content:'NEW';
  font-size:1.2rem;
  color:var(--sub-red);
  color:var(--main-red);
  border:solid 1px #E20000;
  border:solid 1px var(--main-red);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:20px;
  padding-top:3px;
  font-weight:bold;
  box-sizing:border-box;
  margin-left:10px;
}
.m-search-result-desc{
  grid-area: desc;
  padding-bottom:7px;
}
.m-search-result-desc > p{
  display:block;
  margin-top:0;
  margin-bottom:2px;
}
.m-search-result-desc > p:last-of-type{
  margin-bottom:0;
}
.m-search-result-specs{
  grid-area: specs;
  background:var(--main-grey-lighterer);
  padding:12px 15px;
  display:block;
}
.m-search-result-specs > dl{
  display:grid;
  grid-template-columns: 90px 1fr;
  gap:0 10px;
}
.m-search-result-specs > dl > dt,
.m-search-result-specs > dl > dd{
  font-size:1.4rem;
  color:#666666;
}
.m-search-result-specs > dl > dd{
  display:flex;
}
.m-search-result-specs > dl > dd::before{
  content: ':';
  margin-right:5px;
}
.m-search-results-state{
  font-size:1.6rem;
  margin-bottom:30px;
  width:100%;
}
.m-search-results-state{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.m-search-results-state > p{
  font-weight:bold;
}
.m-search-results-state p strong{
  font-size:2rem;
}
.m-search-results-state > .m-black-search-button{
  margin:0;
}
.m-search-results-conditions{
  padding:12px 15px;
  display:flex;
  flex-direction:column;
  padding:17px 20px 15px 20px;
  background:var(--main-grey-lighterer);
  margin-bottom:45px;
}
.m-search-results-conditions > p{
  font-weight:bold;
  margin-bottom:5px;
}
.m-search-results-conditions > dl{
  display:grid;
  grid-template-columns: 96px 1fr;
  gap:0 10px;
}
.m-search-results-conditions > dl > dt,
.m-search-results-conditions > dl > dd{
  font-size:1.6rem;
}
.m-search-results-conditions > dl > dd{
  display:flex;
}
.m-search-results-conditions > dl > dd::before{
  content: ':';
  margin-right:5px;
}
nav .mod-paging > li{
  margin:0 5px;
}
nav .mod-paging > li.prev > a,
nav .mod-paging > li.next > a,
nav .mod-paging > li > a{
  width:36px;
  height:36px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border: none;
  box-sizing:border-box;
  padding-top:3px;
  font-size:1.8rem;
  color:var(--main-black);
  background:transparent;
  transition:opacity 0.2s;
}
nav .mod-paging > li > a.is-current{
  background:var(--sub-red);
  background:var(--main-red);
  color:#fff;
  pointer-events:none;
}
nav .mod-paging > li > a:hover{
  color:var(--main-black);
  background:transparent;
  opacity:0.7;
}
nav .mod-paging > li > a.is-current:hover{
  background:var(--sub-red);
  background:var(--main-red);
  color:#fff;
}
nav .mod-paging > li.next{
  margin:0;
  margin-left:20px;
}
nav .mod-paging > li.prev{
  margin:0;
  margin-right:20px;
}
nav .mod-paging > li.prev > a > span,
nav .mod-paging > li.next > a > span{
  display:none;
}
nav .mod-paging > li.prev > a,
nav .mod-paging > li.next > a{
  background-position:center center;
  background-repeat:no-repeat;
  background-size:20px 20px;
}
nav .mod-paging > li.prev > a{
  background-image:var(--grey-left-arrow);
}
nav .mod-paging > li.next > a{
  background-image:var(--grey-right-arrow);
}

.mod-search_checkbox-list > li[data-prod="5"], /* 店舗機器 */
.mod-search_checkbox-list > li[data-prod="8"], /* モノクロ複合機 */
.mod-search_checkbox-list > li[data-prod="15"], /* インクジェットヘッド */
.mod-search_checkbox-list > li[data-prod="16"] /* 複合機用特殊用紙 */
{
  display:none !important;
}

.m-search-form{
  padding-top:20px;
}
.m-search-form .m-search-form-list.product_list{
  display: flex;
  flex-wrap:wrap;
  gap:20px 0;
  justify-content:space-between;
}
.m-search-form .m-search-form-list{
  padding-bottom:20px;
}
.m-search-form .m-search-form-list > .product_list_box{
  width:calc(50% - 10px);
  margin:0;
  border:none;
  box-sizing:border-box;
  box-shadow:none;
  padding:25px 20px;
}
.m-search-form .m-search-form-list > .product_list_box:nth-of-type(-n+3){
  width:calc(33.333% - (40px / 3));
}
.m-search-form .m-search-form-list .product_list_box_title {
  font-size: 1.6rem;
  display: flex;
  width: 100%;
  padding: 0;
  box-sizing:border-box;
  background: none;
  color: var(--main-black);
  line-height: inherit;
}

.m-search-form .m-search-form-list .product_list_box_inner {
  padding:0;
  /* padding-top:15px; */
  /* margin-top:15px; */
  /* border-top:solid 1px var(--main-grey-light); */
}

.m-search-form .m-search-form-list .product_list_box_inner .mod-search_checkbox-list > li:first-of-type{
  display:block;
  position:relative;
  padding-top: 15px;
  margin-top: 15px;
}
.m-search-form .m-search-form-list .product_list_box_inner .mod-search_checkbox-list > li:first-of-type::before{
  content:'';
  width:100%;
  height:1px;
  display:block;
  background: var(--main-grey-light);
  position:absolute;
  left:0;
  top:0;
}


.m-search-form .m-search-form-list a{
  text-decoration:none;
}
.m-search-form .mod-search_checkbox input + label,
.m-search-form .mod-search_checkbox-list > li input + label{
  padding-left:25px;
}
.m-search-form .mod-search_checkbox input + label:before,
.m-search-form .mod-search_checkbox-list > li input + label:before{
  top: 3px;
  width: 16px;
  height: 16px;
  border-radius:2px;
  box-sizing:border-box;
  border:solid 1px var(--main-grey-light);
  background:#fff;
}
.m-search-form .mod-search_checkbox input:checked + label:before,
.m-search-form .mod-search_checkbox-list > li input:checked + label:before{
  background-color:var(--main-red);
  background-image:var(--check-mark);
  background-position:center center;
  background-repeat:no-repeat;
  border-color:var(--main-red);
  background-size: 10px auto;
}
.m-search-form .business_list {
  margin-top: 0;
  padding: 25px 20px;
  border: none;
  background-color: #fff;
  margin-top:15px;
}
.m-search-form .m-search-form-list.business {
  padding-bottom:35px;
}
.m-search-form .business_list .mod-search_checkbox-list{
  display:flex;
  width:100%;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:15px 0;
  justify-content:space-between;
}
.m-search-form .business_list .mod-search_checkbox-list > li {
  margin:0;
  width:calc(25% - (60px / 3));
}
.m-search-form .m-search-form-button button.js-search-submit {
  width:100%;
  max-width:300px;
}
.m-search-form .m-search-form-button .opt-button-disabled > button.js-search-submit {
  background-color: #ccc;
  cursor: default;
  pointer-events:none;
}
.m-search-form .category1 a:hover,
.m-search-form .category2 a:hover,
.m-search-form .business a:hover{
  text-decoration:none;
  color:var(--main-black);
}
.m-anchor-list{
  padding:20px;
}
.m-anchor-list > ul{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px 30px;
  flex-wrap:nowrap;
}
.m-recommend-list{
  padding-top:30px;
}
.m-recommend-list > ul{
  display:grid;
  gap: 20px 30px;
  grid-template-columns: 1fr 1fr;
}
.m-recommend-list > ul > li > a{
  display:flex;
  flex-direction:column;
  gap:20px 0;
  text-decoration:none;
}
.m-recommend-list > ul > li > a .m-image-link img{
  width:100%;
  height:auto;
}
.m-recommend-list > ul > li > p{
  display:block;
  margin-top:10px;
}
.m-products-lists p.m-intro{
  display:block;
  padding-bottom:30px;
}
.m-products-top-section{
  padding-top:0;
}
.m-products-list-top{
  padding-top:30px;
}
.m-products-list-top > ul{
  display:flex;
  flex-direction:column;
}
.m-products-list-top > ul > li{
  border-top:solid 1px var(--main-grey-light);
  padding:30px 0 35px 0;
}
.m-products-list-top > ul > li:last-of-type{
  padding-bottom:0;
}
.m-products-list-top > ul > li > a{
  font-size:2rem;
}
.m-products-list-top > ul > li > a img{
  width:100%;
  height:auto;
}
.m-products-list-top > ul > li > ul{
  display:grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-top:13px;
}
.m-products-list-top > ul > li > ul .m-image-link{
  padding-bottom:14px;
}
.m-products-cat-top-bloc{
  padding-top:30px;
}
.m-products-cat-top-list{
  display:grid;
  gap: 60px 20px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom:20px;
  position:relative;
  overflow: hidden;
  transition: max-height 0.3s;
}
.m-products-cat-top-list > div{
  text-decoration:none;
  display:flex;
  flex-direction:column;
  gap:15px 0;
}
.m-products-cat-top-list > div .m-search-result-title{
  margin-bottom: 0;
}
.m-products-cat-top-list .is-new a .m-circle-arrow-link::after{
  content:'NEW';
  font-size:1.2rem;
  color:var(--sub-red);
  color:var(--main-red);
  border:solid 1px #E20000;
  border:solid 1px var(--main-red);
  text-decoration:none;
  display:inline-block;
  text-align:center;
  line-height:15px;
  align-items:center;
  justify-content:center;
  width:54px;
  height:20px;
  padding-top:3px;
  font-weight:bold;
  box-sizing:border-box;
  margin-left:10px;
}
.m-products-cat-top-list > div:nth-of-type(n+10) ~ .m-products-cat-top-list-more{
  display:inherit;
}
.m-products-cat-top-list{
  counter-reset: product-counter;
  position:relative;
}
.m-products-cat-top-list > div:nth-of-type(n+10){
  counter-increment: product-counter;
  position: absolute;
  bottom: -100%;
}
.m-products-cat-top-list > .m-products-cat-top-list-more{
  grid-column-start:1;
  grid-column-end:4;
  display:none;
  background:#fff;
  transition: opacity 0.28s 0.02s;
}
.m-products-cat-top-list > .m-products-cat-top-list-more span i::after{
  content: counter(product-counter);
}
.m-products-cat-top-list.is-opened > div:nth-of-type(n+10) ~ .m-products-cat-top-list-more{
  opacity:0;
}
.m-products-cat-top-list.is-finished > div:nth-of-type(n+10) ~ .m-products-cat-top-list-more{
  display:none;
}
.m-products-cat-top-list.is-opened > div:nth-of-type(n+10){
  position:relative;
  bottom:inherit;
}
.m-products-cat-top-list.is-opened > div:nth-of-type(n+10) ~ .m-products-cat-top-list-more{
  position:absolute;
  left:0;
  bottom:-1px;
  width: 100%;
  padding-top:2px;
  padding-bottom:2px;
}
.m-products-cat-top-list > div > a{
  text-decoration:none;
  display:flex;
  flex-direction:column;
  gap:15px 0;
}
.m-products-cat-top-list > div > a img{
  width:100%;
  height:auto;
  display:block;
}
.m-products-cat-top-list > div > p{
  display:flex;
  flex-direction:column;
  gap:4px 0;
  margin:0;
}
.l-responsive .support_link{
  display:flex;
}
.l-responsive .ir-news{
  border-bottom:none;
}
.l-responsive .mod-news .mod-news_title{
  background: none;
}
.l-responsive .mod-news .mod-news_title a{
  text-decoration:underline;
}
.l-responsive .header + .l-wrapper-sp > .mod-anchor-box{
  margin-top:30px;
}
.l-responsive .mod-news .mod-news_date{
  font-weight:bold;
  font-size:1.6rem;
}
.l-responsive .mod-news .mod-news_title{
  font-size:1.6rem; 
}
.l-responsive .m-contents-separator{
  padding:15px 0;
}
.l-responsive .m-contents-separator:last-child{
  padding-bottom:0;
}
.l-responsive .mod-news_label{
  font-size:1.1rem;
}
.mod-news_label.thema-product > span{
  background-color:var(--main-label-blue);
}
.mod-news_label.thema-company > span{
  background-color:var(--main-label-red);
}
.l-responsive .l-wrapper-sp .mod-box{
  margin-top: 25px;
}
.l-responsive .l-wrapper-sp .m-contents-separator > .mod-box{
  margin-top: 0;
}
.l-responsive .section[id]{
  margin-top:0;
  padding-top:50px;
}
.l-responsive #contentArea h2{
  font-size:2.2rem;
}
.l-responsive #contentArea h3{
  font-size:1.6rem;
  line-height:28px;
  background: linear-gradient(to right, #7a7a7a 0%,#828282 25%,#9b9b9b 76%,#a2a2a2 100%);
  position: relative;
  height: auto;
  min-height: 25px;
}
.l-responsive #contentArea h3::after {
  content: "";
  width: 5px;
  background-color: #ec1d1d;
  height: calc(100% - 10px);
  top: 5px;
  left: 5px;
  position: absolute;
}
#contentArea h4{
  font-size:1.8rem;
}
.l-responsive #contentArea p{
  font-size:1.6rem;
}
.l-responsive #contentArea div.section{
  padding-top:10px;
}
.l-responsive #contentArea table.m-table th ul,
.l-responsive #contentArea table.m-table th ul > li:last-of-type{
  margin-bottom:0;
}
.l-responsive #contentArea table.m-table th ul li{
  margin-top:-25px;
}
.l-responsive #contentArea table.m-table th{
  padding:5px 15px 4px 5px;
}
.l-responsive #contentArea table.m-table th,
.l-responsive #contentArea table.m-table td{
  text-align:left;
  vertical-align:top;
  font-weight:normal;
}
.l-responsive .m-table th,
.l-responsive .m-table td{
  text-align:left;
  vertical-align: top;
}
.l-responsive .l-clear{
  float:none;
  clear:both;
}
.l-responsive .tec-event{
  margin-bottom:0;
  margin-top:50px;
  padding-top:45px;
  padding-bottom:50px;
  /* padding-bottom:20px; */
}

.l-responsive .mod-page-link{
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

/* keyword search results page */

/*  DEVELOPMENT  */

       /* .l-responsive .mf_finder_organic .mf_finder_organic_header_wrapper,
      #mf_overlay,
      #mf_layer_fg,
      #mf_layer_fg,
      #mf_view_ifr,
      .navi-view.mf_enabled .mf_navigation-bar,
      .frame-view .mf_navigation-bar,
      .full-view .mf_navigation-bar,
      #mf_layer{
        display:none !important;
      }
      .l-responsive .mf_finder_zubaken_item.mf_finder_doc_outbound{
        pointer-events:none;
      } */

/*  DEVELOPMENT  */


.l-responsive .mf_finder_organic_header{
  max-width:100%;
}
.l-responsive #search-box .mf_finder_organic_header_wrapper{
  width:100%;
  margin-bottom:20px;
  overflow:hidden;
}
.l-responsive .mf_finder_zubaken_wrapper .mf_finder_zubaken_image img{
  width:100% !important;
  max-width:unset !important;
  max-height:unset !important;
  height:auto !important;
}
.l-responsive .mf_finder_zubaken{
  margin-top:50px;
  padding:0;
  border-radius:6px;
  background:#fff;
  overflow: hidden;
  padding:17px 30px 20px 30px;
  border-radius:6px;
}
.l-responsive .mf_finder_drilldown_item_children{
  display:none !important;
}
.l-responsive .mf_finder_drilldown_item_count::before{
  content:'（';
}
.l-responsive .mf_finder_drilldown_item_count::after{
  content:'）';
}
.l-responsive .mf_finder_zubaken::before{
  content:'おすすめページ';
  display:block;
  width:100%;
  font-size:1.6rem;
  font-weight:bold;
  margin-bottom:13px;
}
.l-responsive .mf_finder_zubaken_items{
  justify-content:flex-start;
}
.l-responsive .mf_finder_zubaken_items > li{
  margin-left:20px;
  padding:0;
  text-align:left;
  cursor:pointer;
  text-decoration:underline;
  width: 98px;
  max-width: 98px;
  width: 130px;
  max-width: 130px;
  display:flex;
  flex-direction:column-reverse;
  justify-content:flex-end;
}
.l-responsive .mf_finder_organic_docs > div:first-child{
  border-top: 1px solid var(--main-grey-light);
}
.l-responsive .mf_finder_organic_doc{
  border-bottom: 1px solid var(--main-grey-light);
}
.l-responsive .mf_finder_zubaken_items > li:nth-of-type(n+7){
  display:none !important;
}
.l-responsive .mf_finder_zubaken_wrapper.mf_imgsize_0 .mf_finder_zubaken_image img,
.l-responsive .mf_finder_zubaken_wrapper.mf_imgsize_1 .mf_finder_zubaken_image img {
  max-width: 100%;
  max-height: inherit;
  width: 100%;
}
.l-responsive .mf_finder_zubaken_items > li:hover{
  text-decoration:none;
}
.l-responsive .mf_finder_zubaken_items > li:first-of-type{
  margin-left:0
}
.l-responsive .mf_finder_zubaken_image.mf_gui_img_frame img,
.l-responsive .mf_finder_zubaken_image.mf_gui_img_frame .zubaken.image{
  border: 1px solid #ddd;
}
.l-responsive .cmp-drilldown-head{
  display:block;
  text-align:center;
  background:#666666;
  font-size:1.6rem;
  color:#fff;
  font-weight:bold;
  padding:10px 10px 9px 10px;
}
.l-responsive .mf_finder_drilldown_reset {
  text-align: center;
  padding: 5px 10px 20px 10px;
}
.l-responsive .mf_finder_drilldown_reset a {
  padding: 7px 15px;
  display: inline-block;
  color: var(--main-black);
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  border-radius: 4px;
  border: 1px solid #BFBFBF;
}
.l-responsive .mf_finder_zubaken_title{
  margin-bottom: 0;
  overflow: inherit;
  white-space: normal;
  text-overflow: inherit;
  font-size: 1.2rem;
  margin-top: 5px;
  display: block;
  overflow-wrap: break-word;
  width: 100%;
  flex: 0 0 auto;
}
.l-responsive .mf_finder_drilldown_item_bullet {
  display:none !important;
}
.l-responsive .mf_finder_drilldown_item_title {
  font-size: 1.4rem;
  color: var(--main-black);
  font-weight:bold;
}
.l-responsive .mf_finder_drilldown_item_count {
  margin-left: 0;
  margin-right:0;
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  font-size: 1.4rem;
  color: var(--main-black);
  font-weight:bold;
}
.l-responsive .mf_finder_drilldown_item_link{
  display: block;
  text-decoration: none;
  padding:5px 13px 5px 40px;
  width:100%;
  position:relative;
}
.l-responsive .mf_finder_drilldown_item_selected>div .mf_finder_drilldown_item_link {
  background-color: var(--main-grey-lighter);
}
.l-responsive .mf_finder_drilldown_item_link::before {
  content: '';
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  background-image: var(--circle-arrow);
  background-repeat: no-repeat;
  background-position: center center;
  transform: translateY(2.5px);
  position:absolute;
  left:13px;
  top:5px;
}
.l-responsive .mf_finder_drilldown_items {
  margin-left: 0;
  margin-right:0;
  padding: 2px;
  border-radius: 0;
  background-color: transparent;
  font-size: 1.4rem;
  color: var(--main-black);
  font-weight:bold;
}
.l-responsive .l-zuba-col {
  display:flex;
  justify-content:space-between;
  margin-top: 60px;
}
.l-responsive .l-zuba-col-left {
  width:200px;
}
.l-responsive .mf_finder_organic_doc_img_wrapper.mf_gui_img_frame {
  width:130px;
  min-width:130px;
}
.l-responsive .l-zuba-col-left .mf_finder_drilldown{
  background:#fff;
  border-radius:6px;
  overflow:hidden;
  padding-bottom:0;
}
.l-responsive .l-zuba-col-right {
  width:calc(100% - 220px);
}
.l-responsive .mf_finder_organic_wrapper .mf_finder_organic_doc_img_wrapper.mf_gui_img_frame .mf_finder_organic_doc_img img {
  max-width: 100%;
  max-height: inherit;
}
.l-responsive .mf_finder_organic_doc_url{
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word; 
}

.l-responsive .mf_finder_organic .mf_finder_link,
.l-responsive .mf_finder_organic .mf_finder_link:visited {
  color:inherit;
}
.l-responsive #search-box .mf_finder_organic_docs{
  margin-top:0;
}

.l-responsive #search-box .mf_finder_searchBox_submit {
  display:flex;
  align-items:center;
  justify-content:center;
  width: 120px;
  height: 40px;
  margin-left: 20px;
  border: none;
  background: #313131;
  color: #fff;
  line-height: 24px;
  font-weight: bold;
  font-size: 1.9rem;
  border-radius: 0;
}

.l-responsive #search-box .mf_finder_searchBox_submit:before {
  width: 24px;
  height: 24px;
  padding-right: 0;
  margin-right:10px;
  background-image: var(--search-white-icon);
  background-position:center center;
  background-size:contain;
  background-repeat:no-repeat;
  vertical-align: 0;
}
.l-responsive .mf_finder_searchBox_submit span{
  display:none !important;
}

/* .l-responsive .mf_finder_organic_doc_contents,
.l-responsive .mf_finder_organic .mf_finder_link,
.l-responsive .mf_finder_organic_doc_contents_wrapper{
  display: inline;
}
.l-responsive .mf_finder_organic_wrapper .mf_finder_organic_doc{
  display:block;
}


.l-responsive .mf_finder_organic_doc{
  float:none;
  clear:both;
}
.l-responsive .mf_finder_organic_doc_img_wrapper.mf_gui_img_frame {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  float:none;
  clear:both;
  transform: translateY(-15px);
} */



/* PC ONLY */
@media not screen and (max-width: 767px){
  .sp_only{
    display:none !important;
  }
  #sp-header,
  #sp-footer{
    display:none;
  }
  .m-pickup-list .swiper{
    overflow:visible;
  }
  .m-pickup-list .swiper > ul{
    display:grid; 
    gap:0 20px;
    grid-template-columns: 1fr 1fr 1fr;
    transform: none !important;
  }
  .m-pickup-list .swiper > ul > li{
    margin-top:10px;
    width:auto !important;
  }
  .m-pickup-list .swiper > ul > li.swiper-slide-duplicate{
    display:none !important;
  }
  .m-pickup-list .swiper .swiper-pagination{
    display:none !important;
  }

  /* MOUSE OVER */
  .m-show-more-btn,
  .m-black-search-button,
  .m-simple-dropdown-trigger{
    transition:background-color 0.2s;
  }
  .m-show-more-btn:hover,
  .m-black-search-button:hover,
  .m-simple-dropdown-trigger:hover{
    background-color:#707070;
  }
  .m-red-button,
  a.m-red-button{
    transition:opacity 0.2s;
  }
  a:hover .m-red-button,
  a.m-red-button:hover{
    opacity:0.7;
  }
  .m-image-link{
    background:#fff;
  }
  .m-image-link img{
    transition:opacity 0.2s;
  }
  a:hover .m-image-link img,
  a.m-image-link:hover img{
    opacity:0.6;
  }
  .m-arrow-button{
    transition:color 0.2s;
  }
  .m-arrow-button::before,
  .m-arrow-button::after{
    transition:opacity 0.2s;
  }
  .m-arrow-button:hover{
    color:#757575;
  }
  .m-arrow-button:hover::before,
  .m-arrow-button:hover::after{
    opacity:0.6;
  }
  .main-visual a.swiper-slide{
    transition:opacity 0.3s;
  }
  .main-visual a.swiper-slide:hover{
    opacity:0.7;
  }
  .swiper-button-pause,
  .swiper-button-next,
  .swiper-button-prev{
    transition:opacity 0.2s;
  }
  .swiper-button-pause:hover,
  .swiper-button-next:hover,
  .swiper-button-prev:hover{
    opacity:0.6;
  }
  a:hover .m-arrow-link,
  a.m-arrow-link:hover{
    text-decoration-line:underline;
    text-underline-offset: 2px;
  }
  a:hover .m-circle-arrow-link,
  a.m-circle-arrow-link:hover{
    text-decoration-line:underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
  }
  .m-topics-list > ul > li > a,
  .m-simple-list > li > a{
    text-underline-offset: 2px;
    transition:color 0.2s;
  }
  .m-topics-list > ul > li > a:hover,
  .m-simple-list > li > a:hover{
    text-underline-offset: 2px;
    text-decoration-line: underline;
  }
  .m-topics-list > ul > li > a:not(.m-arrow-link):hover,
  .m-simple-list > li > a:not(.m-arrow-link):hover{
    color:#757575;
  }
  .m-products-list > ul > li a .m-circle-arrow-link{
    text-decoration-line:underline;
    text-decoration-color: transparent;
    transition:text-decoration-color 0.2s;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
  }
  .m-products-list > ul > li a:hover .m-circle-arrow-link{
    text-decoration-line:underline;
    text-decoration-color: initial;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
  }
  .m-search-form .m-search-form-list .product_list_box_title a,
  .m-search-form .m-search-form-list a,
  .m-search-form .business a{
    text-decoration:none;
    color:var(--main-black);
    text-underline-offset: 2px;
    transition: color 0.2s;
  }
  .m-search-form .m-search-form-list .product_list_box_title a{
    text-decoration-thickness: 2px;
  }
  .m-search-form .m-search-form-list a:hover,
  .m-search-form .business a:hover{
    text-decoration-line:underline;
    color:var(--main-black);
    text-underline-offset: 2px;
    color: #757575;
  }
  .l-responsive .mod-news .mod-news_title a:hover{
    text-decoration:none;
  }
  .l-responsive .breadcrumbs-wrapper > .inner{
    margin:0 auto;
  }
  .l-responsive .m-pc-centered{
    text-align:center;
  }

  .l-responsive .mf_finder_drilldown_items {
    max-height:none !important;
  }

  .main-visual .swiper-slide.estudio-slide{
    --grad-brk: calc(50% + 250px);
    --grad-deg: 114deg;
    --grad-lcolor:#0d6fb8;
    --grad-rcolor:#ffffff;
    background: linear-gradient(var(--grad-deg), var(--grad-lcolor) 0%, var(--grad-lcolor) var(--grad-brk), var(--grad-rcolor) var(--grad-brk), var(--grad-rcolor) 100%);
  }
  .main-visual .swiper-slide.estudio-slide > img{
    max-width:1920px;
  }
  .main-visual .swiper-slide.datasolution-slide > div{
    background-size:1920px auto;
    background-color:#f10000;
  }




}

/* SP ONLY */
@media screen and (max-width: 767px){
  .pc_only{
    display:none !important;
  }

  /* ------------- FIXES ------------- */
  .breadcrumbs-wrapper{
    margin-top:0 !important;
  }
  body,
  .page-header,
  .page-header > .inner,
  .page-header .global-nav > ul,
  .breadcrumbs-wrapper > .inner,
  .content,
  .content-header-title-wrapper > .inner,
  .page-footer .footer-bottom > .inner,
  .inner,
  .page-inner,
  .page-footer .footer-top-nav,
  .page-footer{
    min-width:100%;
    width:100%;
  }
  .main-content dt,
  .main-content dd, 
  .main-content li, 
  .main-content caption, 
  .main-content col, 
  .main-content th, 
  .main-content td, 
  .main-content p, 
  .main-content address, 
  .main-content figcaption{
    font-size:1.4rem;
  }

  /* -------------  LAYOUT ------------- */
  .l-wrapper{
    width:100% !important;
    box-sizing: border-box;
  }
  .l-section{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .l-section-icon{
    padding-top:0;
  }
  .l-topics-section {
    padding-bottom: 30px;
    padding-top:0;
    border-bottom: none;
  }
  .l-narrow-section{
    padding-top:50px;
    padding-bottom:50px;
  }
  .l-narrow-section-nob{
    padding-top:50px;
  }
  .l-narrow-section-nob + .l-narrow-section{
    margin-top:50px;
  }
  .l-narrow-section-not{
    padding-bottom:40px;
  }
  .l-narrow-section + .l-narrow-section-not{
    margin-bottom:40px;
  }

  .m-products-top-section{
    padding-top:0;
  }
  .page-container > #sp-header{
    order:0;
  }
  .page-container > .main-visual{
    order:3;
  }
  .page-container > .m-page-title{
    order:3;
  }
  .page-container > .content{
    order:3;
  }
  .page-container > .m-page-title + .breadcrumbs-wrapper,
  .page-container > .breadcrumbs-wrapper{
    order:4;
    padding:50px 0;

    transform: none;
    height: inherit;
  }
  .m-page-title.has-gradation + .breadcrumbs-wrapper .breadcrumbs a,
  .m-page-title.has-gradation + .breadcrumbs-wrapper .breadcrumbs span{
    color:var(--main-black);
  }
  .page-container > #sp-footer{
    order:5;
  }

  /* -------------  MODULES ------------- */
  /* headings */
  .m-title1{
    font-size:2.8rem;
  }
  .m-title2{
    font-size:2.8rem;
  }
  .m-title3{
    font-size:2.4rem;
  }
  .m-title3 .m-circle-arrow-link{
    font-size:2.8rem;
  }
  .m-title3 .m-circle-arrow-link::before {
    width: 26px;
    height: 26px;
    background-size:contain;
    margin-right:8px;
    transform:translateY(4px);
  }
  .m-title4{
    font-size:1.8rem;
  }
  .m-subtitle {
    display: block;
    padding-bottom: 0px;
  }

  /* section headers */
  .m-dropdown-parent .m-link-header{
    margin-bottom:15px;
  }
  .m-dropdown-parent .m-simple-dropdown{
    position:relative;
    margin-top:20px;
  }
  .m-dropdown-parent .m-link-header{
    padding-right:0;
  }
  .m-simple-dropdown-trigger{
    padding:18px 15px;
    font-size:1.6rem;
  }
  .m-simple-dropdown-trigger::before {
    width: 16px;
    height: 16px;
    background-size:cover;
  }
  .m-link-header{
    padding-right:0;
    margin-bottom:10px;
  }
  .m-link-header .m-arrow-button{
    display:none;
  }
  .m-section-header p,
  .m-centered-header p{
    font-size:1.6rem;
    text-align:left;
  }
  .m-sp-center{
    text-align:center;
  }
  .m-page-title.has-gradation {
    background-size:0.5px auto;
    padding-top: 45px;
    padding-bottom: 37px;
  }
  .m-products-cat-top-head{
    position:relative;
    margin-bottom:20px;
    margin-top:-5px;
  }
  .m-products-cat-top-head > img{
    display:block;
    width:100%;
    margin-left:auto;
  }
  .m-products-cat-top-head .m-products-cat-top-head-title{
    position:relative;
    left:inherit;
    top:inherit;
    width:100%;
    padding-top:2px;
    padding-right:0;
    padding-left:0;
    padding-bottom:40px;
    min-height:inherit;
  }
  /* utilities */
  .m-align-right_sp{
    text-align:right !important;
  }
  .m-align-left_sp{
    text-align:left !important;
  }
  .m-align-center_sp{
    text-align:center !important;
  }
  .m-font-size-m_sp{
    font-size:1.4rem !important;
  }
  .m-width-100_sp {
    width: 100%;
  }

  /* lists */
  .m-simple-dropdown-container > ul > li a{
    font-size:1.6rem;
  }
  .m-products-list > ul {
    display: grid;
    gap: 25px 15px;
    grid-template-columns: 1fr 1fr;
  }
  .m-products-list > ul > li:nth-of-type(3n+1)::before {
    display:none;
  }
  .m-products-list > ul > li:nth-of-type(odd)::before {
    content: '';
    display:block;
    width: calc(300% + 30px);
    height: 1px;
    background: var(--main-grey-light);
    position: absolute;
    left: 0;
    top: 0;
  }
  .m-support-list{
    display:block;
  }
  .m-support-list > ul {
    gap: 20px 20px;
    grid-template-columns: 1fr 1fr;
    max-width:400px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:20px;
    margin-bottom:30px;
    position:relative;
  }
  .m-support-list > ul::after{
    content:'';
    display:block;
    position:absolute;
    left:50%;
    bottom:0;
    width:calc(100vw - 40px);
    height:1px;
    background:var(--main-grey-light);
    transform:translateX(-50%);
  }
  .m-support-list > ul > li{
    width:100%;
  }
  .m-support-list > ul > li a{
    padding: 5px 15px 20px 15px;
    gap: 7px 0;
  }
  .m-support-list > ul > li a img{
    width:60px;
  }
  .m-trend-words-list > ul{
    padding-top:20px;
    gap: 15px 15px;
    grid-template-columns: 1fr 1fr;
  }
  .m-trend-words-list > ul > li {
    padding-top: 0;
  }
  .m-images-list > ul{
    padding-top: 10px;
    display: grid;
    gap: 15px 0;
    grid-template-columns: 1fr;
  }
  .m-images-list > ul > li > a > span{
    font-size:2.2rem;
  }
  .m-links-list{
    padding-top:25px;
  }
  .m-links-list > ul {
    display: grid;
    gap: 25px 15px;
    grid-template-columns: 1fr 1fr;
  }
  .m-links-list > ul .m-arrow-link{
    font-size:1.6rem;
  }
  .m-pickup-list,
  .m-recommend-slider{
    width:calc(100% + 20px);
    margin-left:-10px;
    overflow:hidden;
    margin-bottom:0;
    padding-bottom:0;
  }
  .m-recommend-slider .swiper-button-prev,
  .m-recommend-slider .swiper-button-next{
    display:none;
  }
  .m-pickup-list .swiper,
  .m-recommend-slider .swiper{
    width:calc(100% - 76px);
    overflow:visible;
  }
  .m-pickup-list .swiper:not(.swiper-container-initialized) .swiper-wrapper,
  .m-recommend-slider .swiper:not(.swiper-container-initialized) .swiper-wrapper{
    display: flex;
    gap: 0 20px;
  }
  .m-pickup-list .swiper .swiper-wrapper .swiper-slide{
    margin-top:15px;
  }
  .m-pickup-list .swiper:not(.swiper-container-initialized) .swiper-wrapper .swiper-slide,
  .m-recommend-slider .swiper:not(.swiper-container-initialized) .swiper-wrapper .swiper-slide{
    max-width:calc(100vw - 76px);
    margin-bottom: 10px;
  }
  .m-pickup-list .swiper .swiper-pagination-bullets,
  .m-recommend-slider .swiper-pagination-bullets{
    position:relative;
    bottom:inherit;
    margin-top:30px;
  }
  .swiper .swiper-pagination-bullets:focus-visible,
  .swiper .swiper-pagination-bullets:focus{
    outline: none !important;
    border-color: transparent;
    box-shadow: none;
  }
  .m-pickup-empty {
    margin-top: 30px;
  }
  .m-topics-list > ul > li:last-of-type{
    border-bottom:none;
    padding-bottom:0;
  }
  .m-pickup-list .swiper > ul > li a .m-pickup-texts{
    gap: 5px 0;
  }
  .m-recommend-slider .m-recommend-slide-link span.m-arrow-link,
  .m-pickup-list .swiper > ul > li a .m-pickup-texts .m-arrow-link{
    font-size:1.6rem;
    margin-bottom:25px;
  }
  .m-anchor-list{
    width:calc(100% + 20px);
    margin-left:-10px;
    padding:0;
  }
  .m-products-cat-top-section .m-anchor-list{
    width:100%;
    margin-left:0;
  }
  .m-anchor-list > ul{
    flex-direction:column;
    align-items:flex-start;
    gap:0;
  }
  .m-anchor-list > ul > li{
    border-bottom:solid 2px #fff;
    box-sizing:border-box;
    padding:0 20px;
    width:100%;
    overflow:hidden;
  }
  .m-anchor-list > ul > li > a{
    display:block;
    padding-top:15px;
    padding-bottom:15px;
  }
  .m-anchor-list > ul > li > a.m-arrow-link::before{
    top:16.5px;
  }
  .m-products-list-top > ul > li > ul {
    display: grid;
    gap: 10px 15px;
    grid-template-columns: 1fr 1fr;
    padding-top: 9px;
  }
  .m-products-list-top > ul > li > a{
    font-size:1.8rem;
  }
  .m-products-list-top > ul > li > a::before {
    transform: translateY(2.5px);
  }

  /* links - buttons */
  .m-circle-arrow-link{
    font-size:1.6rem;
  }
  .m-circle-arrow-link::before {
    transform: translateY(1.5px);
    width: 16px;
    height: 16px;
    background-size:contain;
  }
  .m-arrow-link{
    font-size:1.4rem;
  }
  .m-arrow-link::before {
    top: 1.5px;
  }
  .m-arrow-button.m-cupon-button{
    max-width:300px;
    margin:0 auto;
  }
  .m-black-search-button{
    max-width:100%;
  }
  .m-arrow-button.m-cupon-button > span small,
  .m-arrow-button.m-cupon-button > span strong{
    font-size:1.4rem;
  }

/* DMI 6月追記*/
.main-visual .gramoch:before{
content: "";
width: 180px;
height: 21px;
display: block;
background: url(/img/top/gm_sp.png) no-repeat;
position: absolute;
bottom: 0;
right: 0;
background-size: 100%;
}

/* DMI 6月追記*/
.main-visual .gramoch:after{
content: "";
width: 160px;
height: 17px;
display: block;
background: url(/common/img/layout/footer_logo.svg) rgba(255,255,255,0.7) no-repeat center center;
position: absolute;
padding: 10px 13px;
top: 0px;
left: 0px;
background-size: 80%;
}


  /* ------------- SP HEADER ------------- */
  #pc-header,
  #pc-footer{
    display:none;
  }
  @media (hover: hover) {
    .has-sp-navi-open{
      overflow:hidden;
      height:100vh;
    }
  }
  .m-only-top{
    display:none !important;
  }
  .l-top-page .m-only-top{
    display:block !important;
  }
  .l-top-page .m-only-top + a{
    display:none !important;
  }

  
  #sp-header{
    position:
    sticky;
    min-height: 45px;
    left:0;
    top:0;
    z-index: 20;
    background:#fff;
    margin-top:0 !important;
    border-bottom:
    solid 1px var(--main-grey);
    box-sizing:
    border-box;
  }
  #sp-header .mf_finder_searchBox_selects{
    display:none !important;
  }
  #sp-header .mf_finder_searchBox_items_wrapper,
  #sp-header .mf_finder_container{
    margin-bottom:0;
  }
  #sp-header .l-wrapper{
    position:relative;
  }
  #sp-header .sp-header-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0px 6px;
    height: 45px;
  }
  #sp-header .sp-header-top .js-open-sp-nav{
    padding: 0;
    appearance: none;
    outline: none;
    display:flex;
    width:32px;
    height:32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='18' viewBox='0 0 25 18'%3E%3Cg transform='translate(-341 -13)'%3E%3Crect width='25' height='2' transform='translate(341 29)' fill='%23333'/%3E%3Crect width='25' height='2' transform='translate(341 21)' fill='%23333'/%3E%3Crect width='25' height='2' transform='translate(341 13)' fill='%23333'/%3E%3C/g%3E%3C/svg%3E");
    background-position:center center;
    background-repeat:no-repeat;
    background-color:transparent;
    border:none;
    cursor:pointer;
    transition:background-image 0.2s linear;
    background-size:auto auto;
  }
  .has-sp-navi-open #sp-header .sp-header-top .js-open-sp-nav{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.113' height='31.113' viewBox='0 0 31.113 31.113'%3E%3Cg transform='translate(0 0)'%3E%3Crect width='26' height='26' transform='translate(2.557 2.557)' fill='%23fff'/%3E%3Cpath d='M1585,6373v-9h-9a1,1,0,1,1,0-2h9v-9a1,1,0,0,1,2,0v9h9a1,1,0,1,1,0,2h-9v9a1,1,0,1,1-2,0Z' transform='translate(3393.406 -5605.235) rotate(45)' fill='%23333'/%3E%3C/g%3E%3C/svg%3E");
  }
  #sp-header .sp-navigation{
    display:
    none;
    flex-direction:
    column;
    width:100%;
    position:
    absolute;
    left:0;
    top:45px;
    max-height: calc(100vh - 45px);
    min-height: calc(100vh - 45px);
    overflow: auto;
    background:#fff;
    overscroll-behavior-y: contain;
    opacity:0;
    z-index: 100;
  }
  @keyframes fadeIn {
    0%   { display:none; opacity:0; }
    1%   { display:flex; opacity:0; }
    100% { display:flex; opacity:1; }
  }
  .has-sp-navi-open #sp-header .sp-navigation{
    display:flex;
    animation: fadeIn 0.3s 1 forwards;
  }
  .sp_search{
    padding:11px 10px 20px 10px;
  }
  .sp_search .mf_finder_searchBox{
    margin-left:0;
    margin-right:0;
  }
  .sp_search .mf_finder_searchBox_items{
    padding:0;
  }
  .sp_search .mf_finder_searchBox_query_input{
    background:var(--main-grey-lighter);
    border:none;
    padding:10px 0 10px 20px;
    outline: none;
    font-size:1.6rem;
  }
  .sp_search .mf_finder_searchBox_submit{
    background-color:var(--main-grey-lighter);
    border:none;
    cursor:pointer;
    outline:none;
    padding:0;
    appearance:none;
    background-image: var(--search-red-icon);
    width:50px;
    height:50px;
    background-position:center center;
    background-repeat:no-repeat;
  }
  .sp_search .mf_finder_searchBox_submit:before,
  .sp_search .mf_finder_searchBox_submit span{
    display:none;
  }
  .sp-navigation > ul > li{
    border-top:solid 1px var(--main-grey-light);
  }
  .sp-navigation > ul > li a{
    display:block;
    font-size:1.6rem;
    text-decoration:none;
    color:var(--main-black);
    font-weight:bold;
  }
  .sp-navigation > ul > li > p > a,
  .sp-navigation > ul > li > a,
  .sp-navigation > ul > li > .js-nav-drop > ul > li > a{
    padding:20px 10px 18px 37px;
    background-image: var(--arrow-red);
    background-repeat:no-repeat;
    background-position:15px 24px;
  }
  .sp-navigation > ul > li > .js-nav-drop > ul > li > a{
    padding:12.5px 10px 10.5px 55px;
    background-position:33px 17px;
  }
  .sp-navigation > ul > li > .js-nav-drop > ul > li:first-of-type > a{
    padding-top:0;
    background-position:33px 4px;
  }
  .sp-navigation > ul > li.js-drop-trigger > p > a{
    background-image: var(--plus-red);
    background-repeat:no-repeat;
    background-position:13px 23px;
    transition:background-image 0.25s linear;
  }
  @supports (-webkit-touch-callout: none) {
    .sp-navigation > ul > li.js-drop-trigger > p > a{
      background-position:13px 25px;
    }
    .sp-navigation > ul > li > p > a{
      background-position: 15px 26px;
    }
    .sp-navigation > ul > li > .js-nav-drop > ul > li:first-of-type > a {
      background-position: 33px 6px;
    }
    .sp-navigation > ul > li > .js-nav-drop > ul > li > a{
      background-position: 33px 19px;
    }
  }
  .sp-navigation > ul > li.js-drop-trigger.has-subnavi-open > p > a{
    background-image: var(--minus-red);
  }
  .sp-navigation .global-nav-drop.js-nav-drop{
    display:block !important;
    position:relative;
    height:auto !important;
  }
  .sp-navigation .global-nav-drop.js-nav-drop > ul{
    max-height:0;
    overflow:hidden;
    transition:max-height 0.2s ease-out;
  }

  /* ------------- SP FOOTER ------------- */
  .m-page-title.has-inner + .breadcrumbs-wrapper .breadcrumbs a,
  .m-page-title.has-gradation + .breadcrumbs-wrapper .breadcrumbs a,
  .m-page-title.has-inner + .breadcrumbs-wrapper .breadcrumbs span,
  .m-page-title.has-gradation + .breadcrumbs-wrapper .breadcrumbs span{
    color:var(--main-black);
  }
  html.ie11 #sp-header{
    position:fixed;
    width:100%;
  }
  html.ie11 body{
    padding-top:45px;
  }
  #sp-footer{
    padding-top:0;
    margin-top:0;
  }
  #sp-footer .mf_finder_searchBox_selects{
    display:none !important;
  }
  #sp-footer .mf_finder_searchBox_items_wrapper,
  #sp-footer .mf_finder_container{
    margin-bottom:0;
  }
  #sp-footer .copyright{
    float:none;
    margin:0;
    display:block;
    background:#464646;
    padding:13px 10px;
  }
  #sp-footer .l-footer-logo{
    display:flex;
    padding: 0 10px 40px 10px;
    justify-content:center;
    background:#fff;
  }
  #sp-footer .copyright > p{
    font-size:1rem;
  }
  .sp-foot-helper{
    margin-bottom:16px;
  }
  .sp-foot-contact{
    padding-top:30px;
    padding-bottom:20px;
  }
  #sp-footer .sp-navigation{
    border-top:solid 1px var(--main-grey-light);
    border-bottom:solid 1px var(--main-grey-light);
    background:#fff;
  }
  .sp-foot-navigation{
    padding-bottom:30px;
    padding-top:40px;
    background:#fff;
  }
  .sp-foot-navigation > ul{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
  }
  .sp-foot-navigation > ul > li{
    margin:0 10px;
  }
  .sp-foot-navigation > ul > li > a{
    display:block;
    padding-left:18px;
    background-image: var(--arrow-grey);
    background-repeat:no-repeat;
    background-position:left 3px;
    text-underline-offset: 3px;
  }
  .mod-page-top{
    width:50px;
    height:50px;
    bottom:30px;
  }
  .mod-page-top a{
    display:block;
    width:100%;
    height:100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Crect width='50' height='50' rx='6' fill='%23333' opacity='0.8'/%3E%3Cg transform='translate(13 13)'%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpath d='M1.566,19.2a1.636,1.636,0,0,1-1.107-.42,1.36,1.36,0,0,1,0-2.036L8.224,9.6.458,2.457a1.36,1.36,0,0,1,0-2.035,1.662,1.662,0,0,1,2.213,0l8.871,8.161a1.359,1.359,0,0,1,0,2.036L2.671,18.78A1.633,1.633,0,0,1,1.566,19.2Z' transform='translate(3.6 18) rotate(-90)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
  }
  .mod-page-top a img{
    display:none;
  }


  /* ------------- CONTENTS ------------- */
  .breadcrumbs a{
    display:inline;
  }
  .main-content {
    float: none;
  }
  .main-visual .swiper-slide {
    height: 300px;
  }
  .main-visual .swiper-slide > div > img{
    max-width:calc(100% - 10px);
  }
  .m-search-results-state{
    display:block;
  }
  .m-search-results-state > .m-black-search-button{
    margin-left:auto;
    margin-top:5px;
  }
  .m-search-form .business_list .mod-search_checkbox-list {
    align-items: flex-start;
    justify-content:flex-start;
    flex-wrap: nowrap;
    gap: 20px 0;
    flex-direction:column;
  }
  .m-search-form .business_list .mod-search_checkbox-list > li {
    width:100%;
  }
  .m-search-form .business_list{
    padding:30px 15px;
    margin-top:10px;
  }
  .m-search-form .m-search-form-list.product_list {
    flex-wrap: nowrap;
    gap: 15px 0;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction:column;
  }
  .m-search-form .m-search-form-list > .product_list_box,
  .m-search-form .m-search-form-list > .product_list_box:nth-of-type(-n+3){
    width:100%;
    padding:30px 15px;
  }
  .m-search-result{
    grid-template-columns: 120px auto;
    grid-template-areas:
    "image title"
    "desc desc"
    "specs specs";
    gap: 0 10px;
    padding: 20px 0;
  }
  .m-search-result .m-search-result-desc{
    padding-top:15px;
    padding-bottom:12px;
  }
  .m-recommend-list {
    padding-top: 20px;
  }
  .m-recommend-list > ul {
    display: flex;
    flex-direction:column;
    gap:30px 0;
  }
  .m-products-cat-top-list{
    display:block;
  }
  .m-products-cat-top-list > .m-products-cat-top-list-more{
    padding-top:30px;
    transition: none;
  }
  .m-products-cat-top-list > div {
    padding:15px 0;
    border-bottom:solid 1px var(--main-grey-light);
  }
  .m-products-cat-top-list > div:first-of-type {
    border-top:solid 1px var(--main-grey-light);
  }
  .m-products-cat-top-list > div > a{
    flex-direction: row;
    gap: 0;
    justify-content:space-between;
  }
  .m-products-cat-top-list > div > a .m-image-link{
    width:120px;
  }
  .m-products-cat-top-list > div > a .m-search-result-title{
    width:calc(100% - (120px + 10px));
    box-sizing:border-box;
  }
  .m-products-cat-top-list > div > p{
    display:none;
  }
  .m-products-related{
    margin-top:30px;
    padding:16px 20px 50px 20px;
  }
  .m-products-related > ul{
    padding-top:15px;
  }
  .m-products-related > ul > li > a{
    flex-direction:column;
    justify-content:flex-start;
    gap:15px 0;
  }
  .m-products-related > ul > li > a .m-image-link{
    width:100%;
  }
  .m-products-related > ul > li > a .m-related-desc{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:8px 0;
  }

  /* CURRENT PAGES -> RESPONSIVE FIX */

  /* headings & headers */
  .m-page-title.has-inner > .inner {
    padding-top: 46px;
    padding-bottom: 30px;
    background-size: 63% auto;
    background-size: 236px auto;
  }
  .m-page-title.has-inner > .inner > .l-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
  .l-responsive > .content > .main-content > .header > .mod-page-title h1,
  .l-responsive > .content > .main-content > .l-wrapper-sp > .header > .mod-page-title h1{
    font-size:2.8rem;
  }
  .l-responsive .rss-icon2{
    padding-bottom:10px;
  }
  .l-responsive .mod-link-title h2,
  .l-responsive .mod-link-title h3{
    font-size:2.4rem;
    background-position:left top;
  }
  .l-responsive h2.size-xxlarge{
    font-size:1.8rem;
    font-weight:bold;
    margin-bottom:14px;
  }
  .l-responsive .mod-link-title + p{
    padding-left:0;
  }
  .l-responsive .content-header-title h1{
    font-size:2.8rem;
  }
  .l-responsive .mod-page-intro_content_title h2,
  .l-responsive .mod-page-intro_content_title h3,
  .l-responsive .mod-page-intro_content_title h4,
  .l-responsive .mod-page-intro_content_title h5,
  .l-responsive .mod-page-intro_content_title{
    display:block;
  }
  .l-responsive .mod-page-intro.opt-intro-horizontal .mod-page-intro_content_title h2{
    font-size:1.8rem;
    background-image: var(--circle-arrow);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: left top;
    padding-left: 24px;
    margin-right:0;
    width: 100%;
    box-sizing: border-box;
  }
  .l-responsive .mod-page-intro.opt-intro-horizontal .mod-page-intro_content_title h3{
    font-size:1.6rem;
    background-image: var(--circle-arrow);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: left top;
    padding-left: 22px;
  }
  .l-responsive .mod-link-title,
  .l-responsive .mod-link-title + p{
    display:block;
  }
  .l-responsive .mod-link-title-wrapper{
    padding-bottom:25px;
  }
  .l-responsive .mod-link-title-wrapper + .section{
    margin-top:-15px;
  }
  .l-responsive .page-inner > .mod-link-title-wrapper + .mod-link-title-wrapper{
    padding-top:20px;
  }
  .l-responsive .mod-page-link .mod-page-link_content .mod-page-link_content_title{
    font-size:1.6rem;
    background-image:var(--circle-arrow);
    background-repeat:no-repeat;
    background-size:16px 16px;
    background-position:left top;
  }
  .l-responsive .mod-page-intro,
  .l-responsive .mod-page-link{
    transition:none;
  }
  .l-responsive .mod-page-intro:hover,
  .l-responsive .mod-page-link:hover{
    background-color: #fff;
  }
  /* layouts & modules */
  .l-responsive .l-wrapper-sp{
    padding-left:10px;
    padding-right:10px;
  }
  .l-responsive .content.l-wrapper-sp{
    box-sizing:border-box;
  }

  .l-responsive .m-full-size-sp, 
  .l-responsive .m-full-size-sp > li, 
  .l-responsive .download_inner, 
  .l-responsive .contacts_inner{
    width:100%;
    box-sizing:border-box;
  }
  .l-responsive ul.mod-ul.m-spaced-list-sp > li,
  .l-responsive ul.m-spaced-list-sp > li{
    margin-top:15px;
  }
  .l-responsive ul.mod-ul.m-spaced-list-sp > li:first-of-type,
  .l-responsive ul.m-spaced-list-sp > li:first-of-type{
    margin-top:0;
  }
  .l-responsive .mod-accordion{
    padding-left:10px;
    padding-right:10px;
    margin-top:15px;
  }
  .l-responsive .mod-sub-title h1:before,
  .l-responsive .mod-sub-title h2:before,
  .l-responsive .mod-sub-title h3:before,
  .l-responsive .mod-sub-title h4:before,
  .l-responsive .mod-sub-title h5:before{
    bottom:inherit;
    top:3px;
  }
  .l-responsive .mod-accordion.opt-accordion-history.js-accordion .js-accordion-handle.fn-alpha-rollover .mod-local-title{
    padding-right:38px;
    background-position:right 10px center !important;
  }
  .l-responsive .opt-accordion-history .mod-accordion_content{
    padding:0;
  }
  .l-responsive .mod-accordion_content .mod-news:last-child{
    margin-bottom:10px;
  }
  .l-responsive .breadcrumbs-wrapper .inner{
    padding-left:10px;
    padding-right:10px;
    box-sizing:border-box;
  }
  .l-responsive .main-content{
    width:100%;
    box-sizing:border-box;
  }
  .l-responsive > .content > .main-content > .header,
  .l-responsive .section .page-inner,
  .l-responsive .intro-area_inner{
    width: 100% !important;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }
  .l-responsive > .content.l-wrapper-sp > .main-content > .header{
    padding-left: 0;
    padding-right: 0;
  }
  .l-responsive .sub-content{
    display:none;
  }
  .l-responsive .mod-multi-col.opt-cols-2.opt-line-narrow > h2.size-xxlarge{
    margin-top:20px;
  }
  .l-responsive .mod-link-title-wrapper + .mod-multi-col.opt-cols-2.opt-line-narrow > h2.size-xxlarge{
    margin-top:0;
  }

  .l-responsive .mod-multi-col .row,
  .l-responsive .mod-link-title-wrapper + .mod-multi-col,
  .l-responsive .mod-multi-col.opt-line-narrow .row,
  .l-responsive .mod-multi-col.opt-cols-3 .col,
  .l-responsive .mod-multi-col.opt-cols-2 .col{
    width:100%;
    float:none;
    clear:both;
    margin:0;
  }
  .l-responsive .mod-multi-col .row > div,
  .l-responsive .mod-multi-col.opt-line-narrow .row > div{
    max-width:100%;
  }
  .l-responsive .ctaxTopInfo {
    background: #fff;
    color: #000!important;
    border: 3px double #f66;
    padding: 8px 50px 10px;
    text-align: center;
    margin: 20px auto 0 auto;
    display: block;
    width: 100%;
    text-decoration: none;
    font-size: 150%;
    font-weight: normal;
    position: relative;
    box-sizing:border-box;
  }

  .l-responsive .mod-page-link.has-link-object.support_link .mod-page-link_content{
    padding-top:15px !important;
    padding-bottom:15px !important;
  }
  .l-responsive .mod-outline:hover{
    border-color:transparent;
  }

  .l-responsive .mod-multi-col.opt-cols-3 .col,
  .l-responsive .mod-multi-col.opt-cols-2 .col{
    margin-bottom:15px;
  }
  .l-responsive .mod-multi-col.opt-cols-3 .row:last-child .col:last-child,
  .l-responsive .mod-multi-col.opt-cols-2 .row:last-child .col:last-child{
    margin-bottom:0;
  }
  .l-responsive .mod-page-intro.has-text,
  .l-responsive .mod-multi-col.opt-cols-2 .mod-page-intro.opt-intro-horizontal,
  .l-responsive .mod-multi-col.opt-cols-2 .col > .mod-page-link.js-equal-heights,
  .l-responsive .mod-page-link.has-link-object{
    display:flex;
  }
  .l-responsive .mod-link-title-wrapper.opt-title-noicon + .mod-outline{
    margin-top:0;
  }
  .l-responsive .mod-multi-col.opt-cols-2 .mod-page-intro.opt-intro-horizontal + p.align-right.size-small.space-near{
    text-align:left !important;
    margin-top:10px;
    font-size:1.4rem !important;
  }
  .l-responsive .mod-page-intro.has-text.js-equal-heights{
    height:unset !important;
    min-height:unset !important;
  }
  .l-responsive .mod-multi-col.opt-cols-3 .mod-page-link_object{
    display:flex;
    width:133px;
    min-height:80px;
    position:relative;
    overflow:hidden;
  }
  .l-responsive .mod-multi-col.opt-cols-2 .col > .mod-page-link.js-equal-heights{
    height:auto !important;
  }

  .l-responsive .mod-multi-col.opt-cols-2.m-no-image-content .col > .mod-page-link.js-equal-heights .mod-page-link_content{
    padding-left:15px !important;
    padding-right:15px !important;
    min-height:inherit !important;
  }


  .l-responsive .mod-multi-col.opt-cols-2 .col > .mod-page-link.js-equal-heights .mod-page-link_content{
    padding-left: 148px !important;
    min-height:80px;
    background-size:0 !important;
    position:relative;
    padding-right:15px;
  }
  .l-responsive .mod-multi-col.opt-cols-2 .col > .mod-page-link.js-equal-heights .mod-page-link_content::after{
    content:'';
    width:133px;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    overflow:hidden;
    background-image:inherit;
    background-size:cover;
    background-position:center;
  }


  .l-responsive .mod-outline{
    padding:15px;
  }
  .l-responsive .mod-outline .mod-media.opt-media-left{
    display:flex;
    flex-direction:column;
  }
  .l-responsive .mod-outline .mod-media.opt-media-left .mod-media_object{
    float:none;
    margin-right:0;
    width:100%;
    display:block;
    margin-bottom:15px;
    padding-top:5px;
    padding-bottom:10px;
  }
  .l-responsive .mod-outline .mod-media.opt-media-left .mod-media_object img{
    margin:0 auto;
    display:block;
    max-width:100%;
    height:auto;
  }
  .l-responsive .mod-outline .mod-media.opt-media-left .mod-media_body p{
    font-size:1.6rem;
  }
  .l-responsive .mod-outline .mod-media.opt-media-left .mod-media_body p span{
    display:inline-block;
  }

  .l-responsive .mod-outline .mod-media.opt-media-left .mod-media_body .exhibition-title{
    font-size:1.8rem;
    margin:8px 0 4px 0;
    background-position:left 3px;
  }
  .l-responsive .tec-event .mod-outline .mod-media.opt-media-left .mod-media_body .exhibition-title{
    font-size:1.56rem;
    margin:4px 0 0 0;
    background-position:left 2px;
  }
  /* .l-responsive .tec-event .mod-outline .mod-media.opt-media-left .mod-media_body .exhibition-title br{
    display:none;
  } */

  .l-responsive .opt-line-narrow .mod-page-link.has-link-object.support_link{
    min-height:80px;
  }
  .l-responsive .mod-page-link.has-link-object.support_link .mod-page-link_object,
  .l-responsive .opt-line-narrow .mod-page-link.has-link-object.support_link .mod-page-link_object{
    width:90px;
    position:relative;
    overflow:hidden;
    display:block;
    min-height:80px;
  }
  .l-responsive .mod-page-link.has-link-object.support_link .mod-page-link_object > img,
  .l-responsive .opt-line-narrow .mod-page-link.has-link-object.support_link .mod-page-link_object > img{
    width:auto !important;
    height:80px !important;
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
  }
  .l-responsive .opt-line-narrow .mod-page-link.has-link-object.support_link .mod-page-link_content{
    width:calc(100% - 90px);
    padding-left:15px !important;
    padding-right:15px !important;
    box-sizing:border-box;
  }

  .l-responsive .mod-page-intro.has-text .mod-page-intro_object img,
  .l-responsive .mod-multi-col.opt-cols-2 .mod-page-intro_object img,
  .l-responsive .mod-multi-col.opt-cols-3 .mod-page-link_object img{
    width:auto;
    max-height:100%;
    height:auto;
    min-height:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translateY(-50%) translateX(-50%);
    min-width:100%;
  }
 

  .l-responsive .mod-multi-col.opt-cols-2 .mod-page-intro.opt-intro-horizontal.m-preserve-img .mod-page-intro_object img{
    width:100%;
    min-width:100%;
    max-width:100%;
    max-height:unset;
    height:auto;
    min-height:unset;
  }
  .l-responsive .mod-multi-col.opt-cols-2 .mod-page-intro.opt-intro-horizontal.m-preserve-img .mod-page-intro_object{
    background:#e9e9e9;
    background: linear-gradient(to bottom, #ebebeb 0%, #ebebeb 50%, #e7e7e7 50%, #e7e7e7 100%);
  }


  .l-responsive .mod-page-link.has-link-object .mod-page-link_content{
    width:calc(100% - 133px);
    display:flex;
    align-items:center;
    justify-content:flex-start;
    box-sizing:border-box;
  }
  .l-responsive .mod-page-intro.has-text .mod-page-intro_object,
  .l-responsive .mod-multi-col.opt-cols-2 .mod-page-intro_object{
    display:flex;
    width:133px;
    min-height:133px;
    position:relative;
  }
  .l-responsive .mod-page-intro.has-text .mod-page-intro_content,
  .l-responsive .mod-page-intro.opt-intro-horizontal .mod-page-intro_content{
    width:calc(100% - 133px);
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    box-sizing:border-box;
    flex-direction:column;
    padding:20px 15px;
    position:relative;
    z-index:1;
    background-color:inherit;
  }
  .l-responsive .mod-page-intro.has-text .mod-page-intro_content .mod-page-intro_content_title + p{
    margin-top: 11px;
  }
  .l-responsive .mod-related-link{
    display:flex;
    flex-direction:column;
  }
  .l-responsive .mod-related-link > li {
    float: none;
    margin-right: 0;
    font-size: 1.6rem;
    margin-top:25px;
  }
  .l-responsive .mod-related-link > li:first-of-type{
    margin-top:20px;
  }
  .l-responsive .space-veryfar {
    margin-top: 40px;
  }
  .l-responsive .intro-area {
    margin-top: 50px;
    padding: 50px 0;
  }
  .l-responsive a.mod-page-intro_object:before{
    width:100vw;
    z-index:2;
  }
  .l-responsive .mod-page-intro{
    overflow:hidden;
  }
  .l-responsive .l-wrapper-sp .mod-ul{
    margin-left: 4px;
  }
  .l-responsive .ir-reference{
    background-size:250px auto;
    background-position:right top;
    background-color:#F0EDFB;
  }
  .l-responsive .ir-reference_list{
    display:flex;
    flex-wrap:wrap;
    padding:5px 10px;
    background-color: #646464;
  }
  .l-responsive .ir-reference_list > li{
    min-width:50%;
    max-width:100%;
    justify-content:flex-start;
    align-items:flex-start;
    float:none;
    margin-left:0;
    padding:10px 5px;
    box-sizing:border-box;
  }
  .l-responsive .ir-reference_list > li > a{
    padding-left:20px;
    background-position:left 4px;
    display:inline-block;
  }
  .l-responsive .ir-news {
    margin-top: 30px;
    padding-bottom: 90px;
    border-bottom: none;
    position:relative;
  }
  .l-responsive .ir-news .mod-section-title.has-link p {
    float: none;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    display:block;
  }
  .l-responsive .ir-news .mod-section-title.has-link p a{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.6rem;
    background-color:var(--main-black);
    background-image:var(--arrow-white);
    background-size:16px 16px;
    background-repeat:no-repeat;
    background-position:16px center;
    padding:5px 40px;
    box-sizing:border-box;
    width:100%;
    max-width:300px;
    margin:0 auto;
    height:60px;
    border-radius:6px;
  }
  .l-responsive .mod-section-title + .mod-news{
    margin-top:0;
  }
  .l-responsive .mod-news{
    margin-top:0;
    display:block;
    padding:20px 0;
    border-bottom:solid 1px var(--main-grey-light);
  }
  .l-responsive .section.l-wrapper-sp > .mod-news:first-child{
    border-top:solid 1px var(--main-grey-light);
  }
  .l-responsive .mod-news .mod-news_date,
  .l-responsive .mod-news .mod-news_label{
    display:inline-block;
    margin-top:0;
    vertical-align: middle;
  }
  .l-responsive .mod-news .mod-news_label{
    font-size:1.2rem;
  }
  .l-responsive .mod-news .mod-news_title{
    display:block;
    padding-left:0;
    padding-top:5px;
    font-size:1.4rem;
  }
  .l-responsive .mod-news .mod-news_date{
    font-size:1.4rem; 
  }
  .l-responsive .csrtop .category_link{
    margin-top:20px;
  }
  .l-responsive .csrtop .category_link + p > a > img{
    width:100%;
  }
  .l-responsive .csrtop .topics_list{
    width:100%;
  }
  .l-responsive .csrtop .category_link .link_col_single2 .each_link a{
    display:block;
  }
  .l-responsive .csrtop .category_link .link_col_single2 .each_link a > div {
    position: absolute;
    right:inherit;
    left: 45%;
    top: 0;
    height:100%;
    width:55%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    -webkit-transform: none;
    transform: none;
  }
  .l-responsive .csrtop .category_link .link_col_single2 .each_link .sine{
    width:50%;
    -webkit-transform: none;
    transform: none;
    margin-top:5px;
    margin-top:1%;
    flex:0 0 auto;
  }
  .l-responsive .csrtop .category_link .link_col_single2 .each_link .sine img{
    width:100%;
    display:block;
  }
  .l-responsive .csrtop .category_link .link_col_single2 .each_link .officer{
    margin-top:8px;
    margin-top:2vw;
    font-size:1.2rem;
    font-size:2vw;
    flex:0 0 auto;
  }
  .l-responsive .csrtop .category_link .each_link .cate_name {
    flex:0 0 auto;
    position:relative;
    height:auto;
  }
  .l-responsive .csrtop .category_link .each_link .cate_name i{
    padding-right: 0;
    font-size: 1.6rem;
    font-size: 3vw;
    -webkit-transition: none;
    transition: none;
  }
  .l-responsive .csrtop .category_link .each_link .cate_name i::before{
    display:none !important;
  }


  .l-responsive .cts_link .child_link li a:hover i::after,
  .l-responsive .csrtop .category_link .each_link a:hover .cate_name i::after,
  .l-responsive .csrtop .category_link .each_link .cate_name i::after{
    content: '';
    position: relative;
    height: 3vw;
    width: 3vw;
    background-color: transparent !important;
    background-image: var(--arrow-white);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    -webkit-transition: none;
    transition: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.4vw;
    transform: translateY(-0.3vw);
  }
  .l-responsive .cts_link .child_link li a:hover i,
  .l-responsive .cts_link .child_link li a i,
  .l-responsive .csrtop .category_link .each_link a:hover .cate_name i,
  .l-responsive .csrtop .category_link .each_link .cate_name i{
    margin-left:1.8vw;
    /* margin-left:2.5vw; */
  }
  .l-responsive .csrtop .category_link .link_col_single2 .each_link .cate_name i,
  .l-responsive .csrtop .category_link .link_col_single2 .each_link a:hover .cate_name i{
    margin-left:0;
  }
  .l-responsive .l-wrapper-sp .mod-box .mod-ul.m-spaced-list-sp{
    padding-bottom: 25px;
  }
  .l-responsive .l-wrapper-sp .mod-box{
    /* padding-top: 30px; */
    padding: 20px 20px 15px 20px;
  }
  .l-responsive .csrtop .category_link .link_col_single .each_link .cate_name{
    position: absolute;
    left: 0;
    top: 0;
    height:100%;
    width:43%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    -webkit-transform: none;
    transform: none;
    padding-left:0;
    
  }
  .l-responsive .csrtop .category_link .link_col .each_link .cate_name{
    position: absolute;
    left: 0;
    top: 0;
    height:100%;
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    -webkit-transform: none;
    transform: none;
  }
  .l-responsive .csrtop .category_link .link_col .each_link .cate_name i,
  .l-responsive .csrtop .category_link .link_col_single .each_link .cate_name i{
    color:#fff;
    padding-right:30px;
    padding-right:0;
    font-size:1.6rem;
    font-size:3vw;
    -webkit-transition: none;
    transition: none;
    line-height:1.3;
  }
  .l-responsive .csrtop .category_link .link_col .each_link .cate_name i span,
  .l-responsive .csrtop .category_link .link_col_single .each_link .cate_name i span{
    font-size:80%;
    margin-bottom:0.5vw;
  }
  .l-responsive .cts_link .each_list li a:hover:after {
    opacity: 0;
  }
  .l-responsive .cts_link .each_list li:hover .ph img {
    transform: none;
  }
  .l-responsive .csrtop .category_link .each_link a:hover .ph::before{
    opacity: 1 !important;
  }
  .l-responsive [data-cts="cts1"] {
    background-color: #FFF;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    width:100%;
    box-sizing:border-box;
    margin-top:-30px;
    padding-top:30px;
    overflow:hidden;
  }
  .l-responsive .csrtop .wrp-topics {
    position:relative;
    padding-bottom:120px;
    margin-bottom:50px;
  }
  .l-responsive .csrtop .wrp-topics .topics_title {
    border-top: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0;
  }
  .l-responsive .csrtop .wrp-topics .topics_title .topics_hdg {
    background-color: var(--main-red);
    border-radius: 0;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.8rem;
    height: 40px;
    width: 100%;
    box-sizing:border-box;
    padding:5px 10px 0 10px;
    font-weight:bold;
  }
  .l-responsive .csrtop .wrp-topics .topics_title a {
    position:absolute;
    left:50%;
    bottom:30px;
    width:100%;
    max-width:300px;
    transform:translateX(-50%);
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-image: var(--arrow-white);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-color: var(--main-red);
    color: #fff;
    padding: 10px 40px;
    box-sizing: border-box;
    border-radius: 6px;
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: none;
  }
  .l-responsive .csrtop .wrp-topics .topics_title .topics_more{
    font-size:inherit;
    padding:0;
  }
  .l-responsive .csrtop .wrp-topics .topics_title .topics_more::before,
  .l-responsive .csrtop .wrp-topics .topics_title .topics_more::after{
    display:none;
  }
  .l-responsive .csrtop .topics_list li a::after,
  .l-responsive .csrtop .topics_list li a:hover::after {
    border-bottom: 2px solid var(--main-red);
    border-right: 2px solid var(--main-red);
    content: "";
    height: 12px;
    opacity: 1;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 12px;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transition: none;
    transition: none
  }
  .l-responsive .csrtop .topics_list li .textb p{
    font-size:1.6rem;
    margin-top:0;
  }
  .l-responsive .csrtop .topics_list li .textb p.ymd{
    font-size:1.4rem;
    color:var(--main-red);
    margin-bottom:3px;
  }
  .l-responsive .csrtop .topics_list li {
    border-bottom: 1px solid var(--main-red);
  }
  .l-responsive .csrtop .topics_list li .thumbnail{
    width:90px;
    margin-right:10px;
  }
  .l-responsive .csrtop .topics_list li a:hover .thumbnail img,
  .l-responsive .csrtop .topics_list li .thumbnail img{
    width:100%;
    -webkit-transition: none;
    transition: none;
    transform:none;
  }
  .l-responsive .l-resp-img{
    width:100%;
    height:auto;
  }
  .l-responsive .header .l-resp-img{
    width:calc(100% + 20px);
    margin-left:-10px;
  }
  .l-responsive .header + .l-wrapper-sp > .mod-anchor-box{
    margin-top:25px;
    padding:20px;
  }
  .l-responsive .header + .l-wrapper-sp > .mod-anchor-box > .mod-anchor-list{
    margin-top:0;
  }
  .l-responsive .mod-anchor-list{
    display:flex;
    flex-direction:column;
  }
  .l-responsive .mod-anchor-list > li {
    float: none;
    margin: 0;
    padding-left: 0;
    background:none;
    margin-bottom:15px;
  }
  .l-responsive .mod-anchor-list > li:last-of-type {
    margin-bottom:0;
  }
  .l-responsive .mod-anchor-list > li a{
    font-size:1.6rem;
    display:inline-block;
    padding-left:22px;
    position:relative;
    background-image:var(--arrow-bottom-grey);
    background-position:left 2px;
    background-repeat:no-repeat;
  }
  .l-responsive .section[id]{
    margin-top:0;
    padding-top:45px;
  }
  .l-responsive .section:first-child{
    padding-top:0;
  }
  .l-responsive .m-contents-separator{
    padding:20px 0;
  }
  .l-responsive .mod-button > a:before,
  .l-responsive .mod-button > button:before{
    display:none;
  }

  .l-responsive .mod-button > a,
  .l-responsive .mod-button > button{
    background-image: var(--arrow-white);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-color: var(--main-red);
    color: #fff;
    height: 60px;
    max-width: 300px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 40px;
    box-sizing: border-box;
    border-radius: 6px;
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: none;
  }
  .l-responsive .fn-alpha-rollover,
  .l-responsive .fn-alpha-rollover:hover{
    transition:none;
    opacity:1;
    cursor:pointer;
    /* -webkit-tap-highlight-color: transparent; */
  }

  .l-responsive .mod-accordion .fn-alpha-rollover .mod-local-title{
    position:relative;
  }
  .l-responsive .mod-accordion .fn-alpha-rollover .mod-local-title h3{
    /* padding-right:42px; */
    position:unset;
    padding-right:6px;
  }
  .l-responsive .mod-accordion .fn-alpha-rollover .mod-local-title h3::after{
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    width:22px;
    height:22px;
    background-image:var(--red-open-btn);
    margin-left:0;
    vertical-align:0;
  }
  .l-responsive .mod-accordion.is-expanded .fn-alpha-rollover .mod-local-title h3::after{
    background-image:var(--red-close-btn);
  }
  .l-responsive .mod-accordion_content.js-accordion-content .section:first-child{
    padding-top:20px;
  }
  .l-responsive .mod-accordion_content.js-accordion-content .section{
    margin-top:0;
    padding-top:30px;
  }
  .l-responsive .m-area-map-container .header ~ .section{
    margin-top:-10px;
  }
  .l-responsive .m-area-map-container .header ~ .section .section.body{
    display:flex;
    flex-direction:column;
    margin-top:25px;
  }
  .l-responsive .m-area-map-container .header ~ .section .section.body .mod-button{
    order:2;
    text-align:center;
    display:block;
    width:100%;
    margin-top: 10px !important;
  }
  .l-responsive .m-area-map-container .header ~ .section .section.body .mod-button a{
    background-color:var(--main-black);
    width:100%;
    margin:0 auto;
    max-width:300px;
    box-sizing:border-box;
    position:relative;
  }

  .l-responsive .m-area-map-container .header ~ .section .section.body .mod-button a[target="_blank"]::after{
    content:'';
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    width:13px;
    height:10px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:var(--blank-icon-white);
    
  }


  .l-responsive .m-area-map-container .header ~ .section .section.body .mod-button a .mod-icon-window{
    display:none;
  }

  .l-responsive .mod-button > a:hover,
  .l-responsive .mod-button > button:hover{
    opacity: 1;
  }
  .l-responsive .news-content{
    margin-top: 25px;
    padding: 40px 15px;
    border: #e2e2e2 2px dotted;
    background-color: #fff;
    width:calc(100% - 20px);
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
  }
  .l-responsive #contentArea .releaseDate{
    margin-top:30px;
    margin-bottom:0;
    padding-bottom:0;
  }
  .l-responsive #contentArea p{
    margin-top:0;
    margin-bottom:0;
    padding-bottom:20px;
  }
  .l-responsive #contentArea .section > p:last-of-type{
    padding-bottom:0;
  }
  .l-responsive #contentArea p + br + h3{
    margin-top:0;
  }
  .l-responsive #contentArea h3{
    margin-top:20px;
    margin-bottom:15px;
  }
  .l-responsive .news-content + .mod-button-list.mt50{
    margin-top: 30px !important;
  }
  .l-responsive .news-content + .mod-button-list > li{
    display:block;
    width:100%;
  }
  .l-responsive .news-content#contentArea div.section{
    margin-top:20px;
  }
  .l-responsive #contentArea table.m-table th,
  .l-responsive #contentArea table.m-table td{
    text-align:left;
    vertical-align: top;
    padding:10px;
  }
  .l-responsive #contentArea table.m-table th{
    padding-left:0;
  }
  .l-responsive #contentArea table.m-table th ul li{
    margin-top:-22px;
  }
  .l-responsive #contentArea table.m-table,
  .l-responsive #contentArea table.m-table tbody,
  .l-responsive #contentArea table.m-table tbody tr,
  .l-responsive #contentArea table.m-table tbody tr th,
  .l-responsive #contentArea table.m-table tbody tr td{
    display:block;
    width:100%;
    box-sizing:border-box;
  }
  .l-responsive #contentArea div.section > table.m-table:last-of-type{
    margin-bottom:0 !important;
  }
  .l-responsive #contentArea h2{
    font-size:2rem;
    text-align:left;
  }

  .l-responsive #search-box {
    width: 100%;
    margin: 0;
    padding:15px 10px;
    box-sizing:border-box;
  }
  .l-responsive .mf_finder_container {
    margin-bottom:20px;
  }
  .l-responsive .mf_finder_searchBox {
    display:flex;
  }
  .l-responsive #search-box .mf_finder_searchBox_sort{
    float:none;
  }
  .l-responsive #search-box .mf_finder_searchBox_pagemax{
    float:none;
  }

  .l-responsive #search-box .mf_finder_searchBox_items{
    position:relative;
    padding:0;
    padding-right:50px;
  }
  .l-responsive .mf_finder_searchBox_query_wrap{
    display:block;
    width:100%;
  }
  .l-responsive #search-box input[type="text"] {
    width:100%;
    height: 50px;
    padding: 14px 10px 14px 20px;
    font-size:1.6rem;
    border:solid 1px #D9D9D9;
    border-right:none;
    line-height: 1.6;
    font-weight: bold;
    vertical-align: middle;
    box-sizing: border-box;
  }
  .l-responsive #search-box input[type="text"]:focus-visible {
    outline: none;
  }


  .l-responsive #search-box .mf_finder_searchBox_submit{
    position:absolute;
    right:0;
    top:0;
    width:50px;
    height:50px;
  }
  .l-responsive #search-box .mf_finder_searchBox_submit:after{
    display:none;
  }
  .l-responsive #search-box .mf_finder_searchBox_submit:before{
    margin-right:0;
    width:30px;
    height:30px;
  }

  .mf_finder_drilldown_items{
    overflow:hidden;
    transition:max-height 0.25s ease-out;
  }
  .mf_finder_drilldown:not(.is-opened) .mf_finder_drilldown_items{
    max-height:0;
  }
  .l-responsive .l-zuba-col{
    display:block;
    margin-top: 0;
  }
  .l-responsive .l-zuba-col-left,
  .l-responsive .l-zuba-col-right{
    width:100%;
  }
  .l-responsive .l-zuba-col-left{
    margin-bottom:20px;
  }
  .l-responsive .mf_finder_organic_doc{
    display:block;
  }
  .l-responsive .mf_finder_organic_doc_img_wrapper.mf_gui_img_frame {
    width: 100px;
    min-width: 100px;
  }
  .l-responsive .mf_finder_organic_doc_body_wrapper {
    margin-top:15px;
  }
  .l-responsive .mf_finder_organic_doc.mf_finder_doc_outbound{
    position:relative;
  }
  .l-responsive .mf_finder_organic .mf_finder_organic_doc_contents_wrapper .mf_finder_organic_doc_title_wrapper.mf_finder_link{
    position:absolute;
    right:0;
    top:17px;
    width:calc(100% - 100px);
    padding-left:15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    height:102px;
    box-sizing:border-box;
  }
  .l-responsive .mf_finder_organic_doc{
    padding:20px 0;
  }
  .l-responsive .mf_finder_organic_doc_url{
    display:none;
  }
  .l-responsive .mf_finder_organic_doc_title{
    word-wrap: break-word;
    word-break: break-all;
  }
  .l-responsive .mf_finder_organic .mf_finder_link,
  .l-responsive .mf_finder_organic .mf_finder_link:hover
  .l-responsive .mf_finder_organic .mf_finder_link:visited{
    text-decoration:none;
  }
  .l-responsive .mf_finder_organic_doc_contents_wrapper{
    margin-left:0;
  }
  .l-responsive .mf_finder_searchBox_form{
    display:block;
    width:100%;
  }
  .l-responsive .mf_finder_organic_doc_zoom {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
    font-weight: bold;
    display: none !important;
  }
  .l-responsive .mf_finder_organic_doc_zoom:before{
    margin-right: 6px;
    font-size: 13px;
    font-weight: normal;
  }

  .l-responsive .mf_finder_drilldown_items {
    padding-top:0;
    padding-bottom:0;
  }
  .l-responsive .mf_finder_drilldown_items > li:first-of-type{
    margin-top:2px;
  }
  .l-responsive .mf_finder_drilldown_items > li:last-of-type{
    margin-bottom:2px;
  }
  .l-responsive .mf_finder_searchBox_items_wrapper{
    margin-bottom:15px;
  }
  
  .l-responsive .mf_finder_zubaken{
    margin-top:30px;
    padding:17px;
  }
  .l-responsive .mf_finder_zubaken_items{
    flex-wrap:wrap;
    justify-content: space-between;
    justify-content: flex-start;
  }
  .l-responsive .mf_finder_zubaken_items .mf_finder_zubaken_item.mf_finder_doc_outbound{
    max-width:calc(33.333% - (24px / 3));
    width:calc(33.333% - (24px / 3));
    margin-left:12px;
    margin-top:12px;
  }
  .l-responsive .mf_finder_zubaken_items .mf_finder_zubaken_item.mf_finder_doc_outbound:nth-child(-n+3){
    margin-top:0;
  }
  .l-responsive .mf_finder_zubaken_items .mf_finder_zubaken_item.mf_finder_doc_outbound:nth-child(3n-2){
    margin-left:0;
  }
    
  

  .l-responsive #search-box .mf_finder_searchBox_links .mf_finder_searchBox_category_links div a, 
  .l-responsive #search-box .mf_finder_searchBox_links .mf_finder_searchBox_imgsize_links div a, 
  .l-responsive #search-box .mf_finder_searchBox_links .mf_finder_searchBox_pagemax_links div a, 
  .l-responsive #search-box .mf_finder_searchBox_links .mf_finder_searchBox_sort_links div a{
    font-weight:bold;
    font-size:14px;
    padding:2px 8px;
  }
  .l-responsive .cmp-drilldown-head{
    cursor:pointer;
  }
  .l-responsive .cmp-drilldown-head::before{
    content:'';
    display:inline-block;
    background-image:var(--sort-icon);
    background-position:center center;
    background-repeat:no-repeat;
    width:16px;
    height:16px;
    margin-right:12px;
    vertical-align:-2px;
  }
  .l-responsive .mf_finder_drilldown_reset{
    padding:0;
    height:0;
    overflow:hidden;
    transition:height 0.25s;
  }
  .l-responsive .mf_finder_drilldown_reset a{
    margin: 5px 10px 20px 10px;
  }
  .l-responsive .mf_finder_drilldown.is-active .mf_finder_drilldown_reset{
    height:53px;
  }
  .l-responsive #search-box .mf_finder_organic_pager_wrapper{
    margin-top:20px;
  }

  .l-responsive .area-map-sp{
    margin-top:15px;
    background:#fff;
  }
  .l-responsive .area-map-sp img{
    display:block;
    width:100%;
    height:auto;
  }
  .l-responsive .area-map-sp .area-map-sp_list{
    list-style:none;
  }
  .l-responsive .area-map-sp .area-map-sp_list > li{
    border-top:solid 2px #F7F7F9;
  }
  .l-responsive .area-map-sp .area-map-sp_list > li > a{
    display:block;
    padding:16px 20px 11px 42px;
    text-decoration:none;
    font-size:1.6rem;
    font-weight:bold;
    background-image:var(--arrow-bottom-red);
    background-repeat:no-repeat;
    background-size:16px 16px;
    background-position:20px 18px;
  }
  .l-responsive .area-map-sp .area-map-sp_list > li > a span{
    content:'';
    width:18px;
    height:18px;
    display:inline-block;
    vertical-align:-3px;
    margin-left:25px;
  }
  .l-responsive .area-map-sp .area-map-sp_list > li.hokkaido > a span{
    background-color:#5E6FCE;
  }
  .l-responsive .area-map-sp .area-map-sp_list > li.tohoku > a span{
    background-color:#7A8CE8;
  }
  .l-responsive .area-map-sp .area-map-sp_list > li.kitakanto > a span{
    background-color:#53B9EF;
  }
  .l-responsive .area-map-sp .area-map-sp_list > li.syutoken > a span{
    background-color:#F74054;
  }
  .l-responsive .area-map-sp .area-map-sp_list > li.tokai > a span{
    background-color:#FF8100;
  }
  .l-responsive .area-map-sp .area-map-sp_list > li.kinki > a span{
    background-color:#FFCC00;
  }
  .l-responsive .area-map-sp .area-map-sp_list > li.chugoku > a span{
    background-color:#87D100;
  }
  .l-responsive .area-map-sp .area-map-sp_list > li.shikoku > a span{
    background-color:#ECF300;
  }
  .l-responsive .area-map-sp .area-map-sp_list > li.kyusyu > a span{
    background-color:#009E01;
  }
  .l-responsive .mod-link-title-wrapper + .no-event{
    margin-top:-10px;
  }

}


/* IE11 SUPPORT */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .m-image-link{
    flex:0 0 auto;
  }
  .l-responsive .mf_finder_zubaken_wrapper * {
    flex:0 0 auto;
  }

  .l-responsive .support_link{
    min-height:inherit;
  }
  .m-products-list > ul{
    display:flex;
    flex-wrap:wrap;
  }
  .m-products-list > ul > li{
    width:33.333%;
    max-width:300px;
    margin-right:20px;
    padding-bottom:30px;
  }
  .m-products-list > ul > li:nth-of-type(3n){
    margin-right:0;
  }
  .m-trend-words-list > ul{
    display:flex;
    flex-wrap:wrap;
  }
  .m-trend-words-list > ul > li{
    width:25%;
    max-width:220px;
    margin-right:20px;
  }
  .m-trend-words-list > ul > li:nth-of-type(4n){
    margin-right:0;
  }
  .m-trend-words-list > ul > li a,
  .m-trend-words-list > ul > li a .m-image-link{
    width:100%;
    flex:0 0 auto;
  }
  .m-trend-words-list > ul > li a .m-image-link{
    margin-bottom:10px;
  }
  .m-pickup-list .swiper > ul{
    display:flex;
  }
  .m-pickup-list .swiper > ul > li{
    max-width:300px;
    margin-right:20px;
    height:auto;
  }
  .m-support-list > ul{
    display:flex;
  }
  .m-support-list > ul > li{
    width:180px;
    height:180px;
    margin-right:20px;
  }
  .m-support-list > ul > li:last-of-type{
    margin-right:0;
  }
  .m-support-list > ul > li a{
    width:180px;
    height:180px;
    text-align:center;
  }
  .m-support-list > ul > li a .m-arrow-link{
    display:inline-block;
    max-width:100%;
    margin-top:10px;
  }
  .m-images-list > ul{
    display:flex;
  }
  .m-images-list > ul > li{
    max-width:300px;
    margin-right:20px;
  }
  .m-images-list > ul > li > a > span small{
    display:block;
  }
  .m-images-list > ul > li > a > span small wbr{
    display:block;
  }
  .m-links-list ul > li{
    margin-right:30px;
  }
  .main-visual .swiper-slide{
    position:relative;
    overflow:hidden;
  }
  .main-visual .swiper-slide > img{
    flex:0 0 auto;
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    height:100%;
    width:auto;
  }
  .m-products-list-top > ul{
    display:block;
  }
  .m-products-list-top > ul > li > ul{
    display:flex;
    justify-content:flex-start;
  }
  .m-products-list-top > ul > li > ul > li{
    width:25%;
    max-width:220px;
    margin-right:20px;
  }
  .m-products-list-top > ul > li > ul > li:last-of-type{
    margin-right:0;
  }
  .m-anchor-list > ul > li{
    margin:0 15px;
  }
  .m-cupon-button.m-arrow-button > span strong,
  .m-cupon-button.m-arrow-button > span small,
  .m-black-search-button strong,
  .m-black-search-button small,
  .m-black-search-button::before,
  .m-circle-arrow-link::before,
  .m-arrow-button::before,
  .m-simple-dropdown-trigger::before{
    display:block;
  }
  a:hover .m-arrow-link,
  a.m-arrow-link:hover,
  a:hover .m-circle-arrow-link,
  a.m-circle-arrow-link:hover{
    text-decoration:underline;
  }
  .m-page-title.has-inner + .breadcrumbs-wrapper,
  .m-page-title.has-gradation + .breadcrumbs-wrapper{
    transform:translateY(20px);
  }
  .m-search-form .m-search-form-list > .product_list_box{
    margin-bottom:20px;
  }
  .m-search-form .business_list .mod-search_checkbox-list > li{
    margin-top:15px;
  }
  .m-search-form .business_list .mod-search_checkbox-list > li:nth-of-type(-n+4){
    margin-top:0;
  }
  .m-recommend-list > ul {
    display: flex;
    justify-content:space-between;
  }
  .m-recommend-list > ul > li{
    width:50%;
    max-width:455px;
  }
  .m-recommend-list > ul > li .m-image-link{
    margin-bottom:20px;
  }
  .page-container > .content{
    flex:0 0 auto;
  }
  .m-products-cat-top-list{
    display:flex;
    flex-wrap:wrap;
  }
  .m-products-cat-top-list > div{
    width:33.3333%;
    max-width:300px;
    margin-top:60px;
    margin-right:20px;
    display:block;
    flex:0 0 auto;
  }
  .m-products-cat-top-list > div > a{
    margin-bottom:15px;
  }
  .m-products-cat-top-list > div:nth-of-type(-n+3){
    margin-top:0;
  }
  .m-products-cat-top-list > div:nth-of-type(3n){
    margin-right:0;
  }
  .m-products-cat-top-list > div .m-image-link{
    margin-bottom:15px;
  }
  .m-products-cat-top-list > .m-products-cat-top-list-more{
    width:100%;
    margin-top:50px;
  }
  .m-show-more-btn::before{
    margin-right:10px;
  }
  .m-search-result-specs > dl,
  .m-search-results-conditions > dl{
    display:flex;
    flex-wrap:wrap;
  }
  .m-search-result-specs > dl > dt,
  .m-search-results-conditions > dl > dt{
    width:96px;
    margin-right:10px;
  }
  .m-search-result-specs > dl > dd,
  .m-search-results-conditions > dl > dd{
    width:calc(100% - 106px);
  }
  .m-search-result{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 220px 30px auto;
    grid-template-columns: 220px auto;
    -ms-grid-rows: auto 0 auto 0 auto 0 auto;
        grid-template-areas:
    "image title"
    "image desc"
    "image specs"
    "image blank";
    gap:0 30px;
  }
  .m-search-result-image{
    -ms-grid-row: 1;
    -ms-grid-row-span: 7;
    -ms-grid-column: 1;
    grid-area: image;
  }
  .m-search-result-title{
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: title;
  }
  .m-search-result-desc {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: desc;
  }
  .m-search-result-specs {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    grid-area: specs;
  }
  .m-search-result-specs{
    display:table;
    width:100%;
    box-sizing:border-box;
  }
  .m-search-result-specs > dl{
    display:table-row;
  }
  .m-search-result-specs > dl > dt,
  .m-search-result-specs > dl > dd{
    display:table-cell;
  }
  .m-search-result-specs > dl > dd{
    padding-left:15px;
    box-sizing:border-box;
    position:relative;
  }
  .m-search-result-specs > dl > dd::before{
    position:absolute;
    left:0;
    top:0;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 767px) {
  main{
    width:100%;
    overflow:hidden;
  }
  .m-trend-words-list > ul,
  .m-support-list > ul,
  .m-products-list > ul {
    justify-content:space-between;
    flex-wrap:wrap;
  }
  .m-support-list > ul > li,
  .m-trend-words-list > ul > li,
  .m-products-list > ul > li{
    width:calc(50% - 7px);
    margin-right:0;
    max-width:100%;
  }
  .m-pickup-list .swiper > ul > li{
    max-width:100%;
  }
  .m-support-list > ul > li,
  .m-trend-words-list > ul > li{
    margin-bottom:20px;
  }
  .m-images-list > ul{
    display:block;
  }
  .m-images-list > ul > li{
    width:100%;
    max-width:100%;
    margin-right:0;
    margin-bottom:20px;
  }
  .m-anchor-list > ul > li{
    margin:0;
  }
  .m-products-list-top > ul > li > ul{
    flex-wrap:wrap;
  }
  .m-products-list-top > ul > li > ul > li{
    width:calc(50% - 7.5px);
    margin-right:15px;
    margin-bottom:10px;
    max-width:calc(50% - 7.5px);
  }
  .m-products-list-top > ul > li > ul > li:nth-of-type(even){
    margin-right:0;
  }
  .has-sp-navi-open #sp-header{
    z-index:9;
    position:fixed;
    width:100%;
  }
  .has-sp-navi-open #sp-header .sp-navigation{
    opacity:1;
  } 
  .m-search-form .business_list .mod-search_checkbox-list > li:nth-of-type(-n+4){
    margin-top:15px;
  }
  .m-search-form .business_list .mod-search_checkbox-list > li:first-of-type{
    margin-top:0;
  }
  .m-recommend-list > ul{
    display:block;
  }
  .m-recommend-list > ul > li{
    width:100%;
    max-width:100%;
    margin-bottom:30px;
  }
  .m-recommend-list > ul > li:last-of-type{
    margin-bottom:0;
  }
  .m-products-cat-top-list{
    display:block;
  }
  .m-products-cat-top-list > div{
    margin-right:0;
    width:100%;
    max-width:100%;
    margin-top:0;
  }
  .m-products-cat-top-list > div > a .m-image-link{
    margin-right:15px;
  }
  .m-search-result{
    -ms-grid-columns: 120px 10px auto;
    grid-template-columns: 120px auto;
    -ms-grid-rows: auto 0 auto 0 auto;
        grid-template-areas:
    "image title"
    "desc desc"
    "specs specs";
    gap: 0 10px;
    padding: 20px 0;
    word-break:break-all;
  }
  .m-search-result-image{
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span:1;
    grid-area: image;
  }
  .m-search-result-title{
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: title;
  }
  .m-search-result-desc {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: desc;
  }
  .m-search-result-specs {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: specs;
  }
  .l-responsive .csrtop .category_link .each_link .cate_name i::after{
    bottom:0.5vw;
  }
  .l-responsive .csrtop .category_link .link_col_single2 .each_link .cate_name i::after{
    bottom:0.8vw;
  }

  .l-responsive .mod-page-intro.has-text .mod-page-intro_content .mod-page-intro_content_title + p,
  .mod-page-intro.opt-intro-horizontal .mod-page-intro_content_title + p{
    display:block;
    width:100%;
  }



  .l-responsive .mf_finder_organic_doc_title{
    word-wrap: break-word;
    word-break: break-all;
    display:inline-block;
  }

	.l-responsive .mod-page-link.js-equal-heights,
  .l-responsive .mod-page-intro.has-text.js-equal-heights{
    height:inherit !important;
    min-height:inherit !important;
  }

  .l-responsive .mf_finder_zubaken_wrapper * {
    flex:0 0 auto;
  }
  .l-responsive .mf_finder_organic_doc_title.ie-ellipsis::after {
    content: '...';
    position: absolute;
    right: 0;
    top: 74px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    /* background:#f7f7f9; */
    color:inherit;
    font-size:14px;
    font-weight:normal;
    line-height:0;
    width:1.5rem;
    width:3rem;
    height:2.5rem;
    background: linear-gradient(to right, rgba(255,255,255,0) 0, #f7f7f9 10px, #f7f7f9 10px, #f7f7f9 100%);
  }



}