@charset "UTF-8";

/*　スタイルガイド流用　**********************************/
/*　アイコン用　*/
@font-face{
  font-family: "monotaroIcon";
  src: url("/fonts/monotaroIcon.eot?v=c7502c853a958c880505ff312d10b137");
  src: url("/fonts/monotaroIcon.eot?v=c7502c853a958c880505ff312d10b137") format("embedded-oPentype"), url("/fonts/monotaroIcon.ttf?v=c7502c853a958c880505ff312d10b137") format("truetype"), url("/fonts/monotaroIcon.woff?v=c7502c853a958c880505ff312d10b137") format("woff"), url("/fonts/monotaroIcon.svg?v=c7502c853a958c880505ff312d10b137") format("svg");
  font-weight: normal;
  font-style: normal; }
[class*="Icon--"],
[class*="Icon--"]:after,
[class*="Icon--"]:before{
  font-family: "monotaroIcon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Icon--AngleDown:before{
  content: "\e92d";
}
.Icon--AngleRight:before{
  content: "\e91b";
}
.Icon--ArrowRight:before{
  content: "\e90e";
}
.Icon--SortDown:before{
  content: "\e903";
}
.Icon--SortRight:before{
  content: "\e905";
}
.Icon--Plus:before{
  content: "\e936";
}
.Icon--Close:before{
  content: "\e91c";
}

/*　ボタン用　*/
.Button{
  display: inline-block;
  position: relative;
  min-width: 120px;
  padding: 0 16px;
  font-weight: bold;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #b3b3b3;
  -webkit-box-shadow: inset 0 -1px 0 0 #b3b3b3;
  box-shadow: inset 0 -1px 0 0 #b3b3b3;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
}
.Button--Secondary{
  background-color: #f1f1f1;
}
.Button--Lg{
  height: 40px;
  font-size: 1.5rem;
  line-height: 38px;
}
.Button--Md{
  height: 32px;
  font-size: 1.3rem;
  line-height: 30px;
}
.Button--Sm{
  height: 24px;
  font-size: 1.1rem;
  line-height: 22px;
}
.Button:hover{
  color: #999;
  border-color: #ccc;
  box-shadow: none;
}

/*　テキスト　*/
.TextLink{
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
  }
.TextLink,
.TextLink:link{
  color: rgba(0, 0, 0, 0.8);
}
.TextLink:active,
.TextLink:hover{
  color: rgba(0, 0, 0, 0.4);
}
.TextLink:visited{
  color: #85000a;
}
.TextLink__Text{
  text-decoration: underline;
}
.u-FontWeight--Bold{
  font-weight: bold;
}

/*　モノタロウロゴ　*/
.BrandImage{
  margin: 0 8px 8px 0;
  padding: 0;
  display: inline-block;
  width: 80px;
  height: 16px;
}
.BrandImage--Monotaro{
  background-image: url(https://jp.images-monotaro.com/img/icons/PBIcon--Monotaro.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

/* パンくず */
.BreadCrumbs__CategoryName{
  white-space: nowrap;
  display: inline-block;
}
.BreadCrumbs__CategoryName:before{
    font-family: "monotaroIcon";
    content: "\e91b";
    padding: 0 4px;
}
.BreadCrumbs__CategoryName:first-child:before{
  content: "";
  padding: 0;
}
.BreadCrumbs__CategoryName--Md{
  font-size: 1.3rem;
}
.BreadCrumbs__CategoryName--Md:before{
  font-size: 1.2rem;
}
.Breadcrumb__Item{/* SP用スタイルガイド流用 */
  display: inline-block;
  position: relative;
  margin-right: 12px;
  padding-right: 12px;
 }

/*　テーブル　*/
.Table__HeadCell{
  padding: 8px;
  background: #fafafa;
  font-weight: normal;
  text-align: left;
}
.Table__HeadCell--TopHeader{
  border-bottom: 1px solid #b3b3b3;
}
.Table__HeadCell--LeftHeader{
  border-right: 1px solid #b3b3b3;
}
.Table__Row{
  border-top: 1px solid #e6e6e6;
}
.Table__Row--AutoStripeStyle:nth-child(even){
  background: #fafafa;
}
.Table__TbodyCell{
  padding: 8px;
}

/*　スタイルガイド流用 ここまで　**********************************/


/*　monotaroAll-min.css記入のcssを修正して使用　**********************************/

p{
  padding: 0;
  margin: 0;
}



/*　共通　**********************************/

.DisplaySpOnly{
  display: none;
}

.ArticleContents{
  position: relative;
  margin: 0 auto 64px;
  color: #333;
  font-size: 1.3rem;
  line-height: 1.5;
}

/* パンくず */
.Breadcrumb--Plus{
  margin: 16px 0 8px 8px;
  font-size: 1.3rem;
}
.TextLink--PlusBreadcrumb:link{
  text-decoration: underline;
}
.TextLink--PlusBreadcrumb:after{
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}

/*　テーブル */
.Contents__Table, .ContentsChild__Table{
  margin: 0 auto 16px;
  border-top: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  border-collapse: collapse;
  border-spacing:0px;
  background-color: #fff;
}
/*　Contents下テーブル */
.Contents__Table{
  width: 800px;
}
.Contents__Table--TopSpace{
  margin: 16px auto;
}
/*　ContentsChild下テーブル */
.ContentsChild__Table{
  width: 640px;
}
/*　テーブル 右ライン追加 */
.Table__TbodyCell--RightBorder{
  border-right: #e6e6e6 1px solid;
}


/*　ヘッダー(toppage・2階層以下)　**********************************/
.Header, .HeaderSecond{
  width: 100%;
  text-align: center;
  background-color: #66add6;
}
.Header__TopImage{
  padding: 0;
  margin: 0;
  height: 216px;
}
.Header__TopImage--Image{
  width: 960px;
  height: 216px;
}
.HeaderSecond{
  height: 88px;
}

/*　toppage　**********************************/

/*　解決方法を探す全体 */
.SearchSceneBox{
  padding: 48px 0 40px;
  margin: 8px auto 0;
  background-color: #fdfcf0;
}
.Search{
  width: 1102px;
  margin: 0 auto;
}
/*　解決方法の選択部分(Search) */
.Search__Button{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 1070px;
  padding: 16px;
  margin: 0 auto 48px;
  background-color: #fff;
}
.Search__Title{
  width: 100%;
  padding: 0;
  margin: 0 0 8px 0;
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold;
}
.AllSelectsButton{
  width: 100%;
  text-align: right;
  margin: 0 0 16px 0;
}
.SearchArea, .SearchSituation{
  padding: 8px;
  margin: 0 8px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.SearchArea{
  flex: 0 1 304px;
  min-width: 0;
}
.SearchSituation{
  flex: 1 1 0;
  min-width: 0;
}
.SearchArea__Title, .SearchSituation__Title{
  padding: 0 0 0 8px;
  margin: 8px 0;
  font-size: 1.5rem;
  font-weight: bold;
}
.SearchArea__Title{
  border-left: 15px solid #cc4b00;
}
.SearchSituation__Title{
  border-left: 15px solid #005898;
}
.SearchArea__List,
.SearchSituation__List{
  display: flex;
  flex-wrap: wrap;
}
.SearchArea__Button, .SearchSituation__Button{
  min-height: 88px;
  padding: 64px 0 8px 0;
  margin: 8px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-position: center 8px;
  background-repeat: no-repeat;
  box-sizing: border-box;
}
.SearchArea__Button{
  flex: 0 0 calc(50% - 16px);
}
.SearchSituation__Button{
  flex: 0 0 calc(20% - 16px);
}
.SearchArea__Button--Factory{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_factory-a.png);
}
.SearchArea__Button--Factory.is-Active{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_factory-b.png);
}
.SearchArea__Button--Office{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_office-a.png);
}
.SearchArea__Button--Office.is-Active{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_office-b.png);
}
.SearchArea__Button--Outdoor{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_outdoor-a.png);
}
.SearchArea__Button--Outdoor.is-Active{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_outdoor-b.png);
}
.SearchArea__Button--Home{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_home-a.png);
}
.SearchArea__Button--Home.is-Active{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_home-b.png);
}
.SearchSituation__Button--Storage{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_storage-a.png);
}
.SearchSituation__Button--Storage.is-Active{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_storage-b.png);
}
.SearchSituation__Button--Bulletin{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_bulletin-a.png);
}
.SearchSituation__Button--Bulletin.is-Active{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_bulletin-b.png);
}
.SearchSituation__Button--Keep{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_keep-a.png);
}
.SearchSituation__Button--Keep.is-Active{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_keep-b.png);
}
.SearchSituation__Button--Carry{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_carry-a.png);
}
.SearchSituation__Button--Carry.is-Active{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_carry-b.png);
}
.SearchSituation__Button--Security{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_security-a.png);
}
.SearchSituation__Button--Security.is-Active{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_security-b.png);
}
.SearchSituation__Button--Organize{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_organize-a.png);
}
.SearchSituation__Button--Organize.is-Active{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_organize-b.png);
}
.SearchSituation__Button--Hygiene{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_hygiene-a.png);
}
.SearchSituation__Button--Hygiene.is-Active{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_hygiene-b.png);
}
.SearchSituation__Button--Packing{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_packing-a.png);
}
.SearchSituation__Button--Packing.is-Active{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_packing-b.png);
}
.SearchSituation__Button--Workplace{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_workplace-a.png);
}
.SearchSituation__Button--Workplace.is-Active{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_workplace-b.png);
}
.SearchSituation__Button--Hiyarihatto{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_hiyarihatto-a.png);
}
.SearchSituation__Button--Hiyarihatto.is-Active{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_hiyarihatto-b.png);
}
.SearchArea__Button:hover, .SearchArea__Button:active{
  background-color: #fff0e6;
}
.SearchSituation__Button:hover, .SearchSituation__Button:active{
  background-color: #e6f4fa;
}
.Icon--SearchArea, .Icon--SearchSituation{
  display: none;
}

/*　解決方法一覧のタイル(SearchList) */
.Search__List{
  display: flex;
  flex-wrap: wrap;
  width: 1106px;
}
.SearchResult{
  display: flex;
  flex-direction: column;
  width: 228px;
  padding: 8px!important;
  margin: 0 24px 24px!important;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 2px 2px 4px #ccc;
  box-sizing: border-box;
  background-color: #fff!important;
}
.SearchResult:hover, .SearchResult:active{
  opacity: 0.6;
}
.SearchResult__Image{
  width: 212px;
  height: auto;
  margin: 0 0 8px 0;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.SearchResult__Text{
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 0 8px 0;
}
.SearchResult__Label{
  display: block;
}
.SearchResult__Label--Area, .SearchResult__Label--Situation{
  float: left;
  padding: 0 8px;
  margin: 0 4px 4px 0;
  font-size: 1.1rem;
  border-width: 1px;
  border-style: solid;
}
.SearchResult__Label--Area{
  color: #cc4b00;
  border-color: #cc4b00;
}
.SearchResult__Label--Situation{
  color: #005898;
  border-color: #005898;
}
.SearchResult__Link{
  margin-top: auto;
  align-self: flex-end;
  font-size: 1.1rem;
  padding-top: 8px;
}
.Icon--SearchResult{
  color: #f56b00;
  font-weight: bold;
}

/*　エリア別お悩み一覧 */
.AreaList{
  width: 1070px;
  padding: 56px 0;
  margin: 0 auto;
}
.AreaList__Title{
  padding: 4px 0;
  margin: 0 0 32px;
  font-size: 1.9rem;
  font-weight: bold;
  text-align: center;
  background-color: #ffe2cc;
}
.AreaCategoryBox{
  display: inline-block;
}
.AreaCategory{
  float: left;
  width: 235px;
  margin: 0 16px ;
}
.Icon--AreaCategory{
  display: none;
}
.AreaCategory__Heading{
  margin: 0 0 16px 0;
  text-align: center;
  border: 1px solid #ccc;
}
.AreaCategory__Title{
  padding: 4px 8px;
  margin: 0;
  text-align: left;
  font-size: 1.3rem;
  font-weight: bold;
  background-color: #eeeeee;
}
.AreaCategory__Title--Close{
  color: #005898;
}
.AreaCategory__Image{
  width: 214px;
  height: auto;
  margin: 8px auto;
}
.ChoiceList{
  padding: 0;
  margin: 0;
  list-style: none;
}
.ChoiceList__Item{
  padding: 0 0 8px 19px;
  margin: 0;
  text-indent: -19px;
  line-height: 1.3;
}
.ChoiceList__Link{
}


/*　2階層以下　**********************************/

.MainWrapper{
  clear: both;
  padding: 40px 0 0 0;
}

.SecondPageHeading{
  width: 960px;
  margin: 0 auto;
}
/*　タイトル */
.SecondPageTitle{
  padding: 24px 0 16px 8px;
  color: #333;
  font-size: 3.2rem;
  border-top: #66add6 solid 8px;
  border-bottom: #66add6 solid 2px;
}

/*　タイトル下ラベル */
.CategoryLabelBox{
  margin: 8px 0 40px;
  text-align: right;
}
.CategoryLabel{
  display: inline-block;
  height: 24px;
  padding: 0 8px;
  margin: 0 0 0 8px;
  line-height: 24px;
  text-align: center;
  font-size: 1.1rem;
  font-weight: bold;
}
.CategoryLabel--Area{
  color: #cc4b00;
  border: 1px solid #cc4b00;
}
.CategoryLabel--Situation{
  color: #005898;
  border: 1px solid #005898;
}

/*　イントロダクション */
.PageIntroduction{
  padding: 0 0 64px;
}
.PageIntroduction--Toppage{
  padding: 120px 0 64px;
}
.PageIntroduction__Image{
  display: block;
  width: 800px;
  height: 450px;
  margin: 0 auto;
}
.PageIntroduction__Sentence{
  width: 800px;
  margin: 16px auto 0;
  font-size: 1.9rem;
  line-height: 1.5;
}
.PageIntroduction__Sentence--Toppage{
  font-size: 2.2rem;
  line-height: 1.7;
}
/*　ポイント */
.Point{
  width: 528px;
  padding: 16px;
  margin: 0 auto 72px;
  text-align: center;
  border: #f56b00 1px solid;
}
.PointTitle{
  color: #f56b00 !important;
  font-size: 2.2rem;
  font-weight: bold !important;
}
.PointList{
  width: 70%;
  padding: 0;
  margin: 0 auto;
  font-size: 1.5rem;
  text-align: left;
  list-style: none;
}
.PointList__Item{
  padding: 16px 0 0 0;
  margin: 0
}

/*　「困った！」「スッキリ！」背景 */
.ProblemBox{
  padding: 48px 0;
}
.ProblemBox--Later{
  padding: 48px 0;
}
.SolutionBox{
  padding: 48px 0;
  background-color: #fdfadd;
}
/*　「困った！」「スッキリ！」 */
.Contents{
  clear: both;
  width: 960px;
  margin: 0 auto;
}
.Contents--AfterSecond{
  margin: 40px auto 0;
}
/*　「困った！」「スッキリ！」タイトル */
.Contents__Title{
  display: inline-block;
  margin: 12px 0 0 0;
  font-size: 2.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.Contents__Title--Subtext{
  padding: 0 0 0 16px;
  font-size: 1.5rem;
}
.TitlePoint__Problem,.TitlePoint__Solution{
  float: left;
  color: #fff;
  padding: 8px 8px 8px 44px;
  margin: 0 8px 0 0;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-position: 8px;
  -ms-flex-negative:0;
  flex-shrink:0;
}
.TitlePoint__Problem{/*　「困った！」タイトル前部分 */
  background-color: #333;
  background-image: url("//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-komatta.png");
}
.TitlePoint__Solution{/*　「スッキリ！」タイトル前部分 */
  background-color: #f56b00;
  background-image: url("//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-sukiri.png");
}
.Contents__Image{
  margin: 32px auto 0;
  width: 800px;
  height: auto;
  display: block;
}
.Contents__Sentence{
  width: 800px;
  padding: 16px 0 0 0;
  margin: 0 auto;
  font-size: 1.5rem;
  line-height: 1.5;
}
.ContentsChild{
  padding: 0 0 16px 0;
  margin: 24px 0 0 0;
}
.ContentsChild--Nobottom{
  padding: 0;
}
.ContentsChild--TopSpace{
  padding: 62px 0 16px;
}
.ContentsChild__Title{
  font-size: 1.9rem;
  color: #eb6700 !important;
  text-align: center;
  padding: 0 0 24px 0;
  margin: 0 !important;
}
.ContentsChild__ImageBox{
  display: inline-block;
}
.ContentsChild__Image{
  display: block;
  width: 640px;
  height: auto;
  margin: 0 auto 16px;
}
.ContentsChild__Image--TopSpace{
  margin-top: 24px;
}
.ContentsChild__Image--Left,.ContentsChild__Image--Right{
  float: left;
  width: 460px;
  height: auto;
}
.ContentsChild__Image--Left{
  margin: 0 40px 16px 0;
}
.ContentsChild__Image--Second{
  margin: 16px auto;
}
.ContentsChild__Sentence{
  width: 640px;
  margin: 0 auto;
  font-size: 1.5rem;
  line-height: 1.5;
}
.ContentsChild__Sentence--Source{
  margin: 0 auto 16px;
  text-align: right;
}

/*　Tips */
.TipsBox{
  padding: 48px 0;
  margin:  48px 0;
  background-color: #e6fafa;
}
.TipsTitle{
  color: #005898 !important;
  font-size: 2.2rem;
}
.TipsTitle__Problem{
  display: inline-block;
  padding: 8px;
  margin: 0 8px 0 0;
  color: #fff;
  font-size: 1.9rem;
  font-weight: normal;
  background-color: #005898;
}
.TipsTitle__Problem:before{
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: -3px 4px 0 0;
  background: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/exclamation.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.Tips{
  display: inline-block;
  width: auto;
  padding: 24px;
  margin: 24px 0 0;
  background-color: #fff;
}
.Tips__ImageBox{
  float: left;
  width: 448px;
  margin: 0 72px 0 0;
  text-align: center;
}
.Tips__Sukkiri{
  width: 208px;
  height: auto;
  margin: 0 0 16px 0;
}
.Tips__Image{
  width: 448px;
  height: auto;
}
.TipsProductBox{
  width: 344px;
  padding: 8px;
  margin: 0 0 0 552px;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
}
.TipsProductTitle{
  margin: 0;
  padding: 0 !important;
  color: #d51b28 !important;
  font-size: 1.3rem !important;
}
.TipsProduct{
  margin: 16px 0 0 0;
}
.TipsProduct__Image{
  float: left;
  width: 64px;
  height: 64px;
  margin: 0 16px 0 0;
}
.TipsProduct__Text{
  margin: 0 0 0 80px;
}
.TipsProduct__Name, .TipsProduct__Brand, .TipsProduct__Point, .TipsProduct__TaxIncludedPrice{
  padding: 0 0 8px 0;
  font-size: 1.1rem;
}
.TipsProduct__Price{
  color: #d51b28;
  font-size: 1.3rem;
  font-weight: bold;
}
.TipsProduct__TaxIncludedPrice:after{
  content: " 税込";
}

/*　機密情報を守る(protectinformation)ページ　「家庭用シュレッダー」部分 */
.ShredderBox{
  display: inline-block;
}
.Shredder{
  width: 280px;
  margin: 0 20px;
  float: left;
}
.Shredder__Type{
  padding: 0 0 8px 0;
  margin: 0;
  background: no-repeat;
  border: none;
}
.Shredder__ImageBox{
  width: 280px;
  height: 280px;
  border: #ccc 1px solid;
  background-color: #fff;
}
.Shredder__Image{
  width: 248px;
  height: 248px;
  margin: 16px;
}
.Shredder__Point{
  margin: 8px 0 24px 0;
  line-height: 1.5;
}

/*　商品や備品の迷子を減らすラベルシート活用(label)ページ　スッキリ！2部分 */
.LabelTypeBox{
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
  margin: 24px 0 0 0;
}
.LabelType{
  width: calc(25% - 18px);
}
.LabelType__Link:hover, .LabelType__Link:active{
  opacity: 0.6;
}
.LabelType__Image{
  width: 100%;
  height: auto;
  margin: 0 0 8px 0;
}

/*　在庫管理での入力漏れやミスの発生(laserscanner)ページ　スッキリ！部分 */
.BarcodeWork{
  display: inline-block;
  margin: 24px 80px 0;
}
.BarcodeWork--Left{
  float: left;
  width: 424px;
  margin: 0 40px 0 0;
}
.BarcodeWork--Right{
  float: left;
  width: 336px;
}
.BarcodeWork__Title{
  padding: 0 0 0 4px !important;
  margin: 0 0 16px 0 !important;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  border: none !important;
  border-left: 15px solid #333 !important;
}
.BarcodeWork__Detail{
  padding: 0;
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.5;
}
.ProductInfo{
  padding: 16px;
  text-align: center;
  background-color: #fff;
}
.ProductInfo__Title{
  padding: 0;
  margin: 0 0 8px 0;
  color: #f56b00;
  font-size: 1.5rem;
  font-weight: bold;
  background: no-repeat;
  border: none;
}
.ProductInfo__Image{
  width: 136px;
  height: 136px;
  margin: 0 0 8px 0;
}
.ProductInfo__Text{
  padding: 0 0 16px 0;
  text-align: left;
}
.ProductInfo__MoreProductButton{
  width: 100%;
  white-space: normal;
}

/*　快適なオフィス環境に(officeenvironment)ページ　「部屋の目的に沿った色を取り入れる」table部分 */
.Table__HeadCell--Officeenvironment{
  width: 104px;
}

/*　夏場の屋外の作業や工場内で室温管理(heatcountermeasures)ページ　「暑さ指数（WBGT）」dl・table部分 */
.WbgtList{
  width: 640px;
  margin: 16px auto;
  font-size: 1.5rem;
}
.WbgtList__Team{
  font-weight: bold;
  margin: 0 0 8px;
}
.WbgtList__Description{
  margin: 0 0 16px 16px;
}

/*　法令のお知らせ　定義リストを横並びに */
.WbgtListAlert{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.WbgtListAlert__Team{
  flex: 0 0 88px;
  margin: 0 0 8px;
  font-weight: bold;
}
.WbgtListAlert__Description{
  flex: 0 0 calc(100% - 88px);
  margin: 0 0 8px;
}
.WbgtListAlert__Row{
  display: flex;
  margin: 0 0 4px;
}
.WbgtListAlert__Row:last-child{
  margin: 0;
}
.WbgtListAlert__RowTitle{
  flex: none;
}

.HeatcountermeasuresTableList{
  padding: 0 0 0 24px;
  margin:0;
}
.HeatcountermeasuresTableList__Item{
  margin: 0 0 8px;
}
.HeatcountermeasuresTableList__Item:last-child{
  margin: 0;
}
.ContentsChild__Table--WbgtList{
  margin: 16px auto 0;
}

/*　適切な換気の方法(properventilation)ページ　table部分 */
.Table__HeadCell--Properventilation{
  width: 25%;
}
.AirEnvironmentList{
  margin: 0;
}
.AirEnvironmentList__Description{
  margin: 0 0 8px 16px;
}
.AirTemperatureList{
  padding: 0 0 0 16px;
  margin: 0;
}

/*　工場ライン設備の見える化・省人化で生産性向上(factoryautomation)ページ　スッキリ！部分 */
.SquareTypeList{
  margin:0 auto;
  padding: 0;
  width: 640px;
 }
.SquareTypeList__Term{
  font-size: 1.5rem;
  font-weight: bold;
  margin: 16px auto;
  padding: 0 0 0 20px;
  position: relative;
}
.SquareTypeList__Term:before{
  content: "";
  position:absolute;
  top:0px;
  left:0px;
  border-left: 15px solid #333;
  height:15px;
}
.ContentsChild__TableCaption{
  margin: 0 0 16px;
  text-align: left;
  font-size: 1.5rem;
  font-weight: bold;
}
.SquareTypeInnerList{
  padding: 0;
}
.SquareTypeList__Description{
  margin:0 auto;
  padding-left: 0;
  font-size: 1.5rem;
  line-height:1.5;
 }
.SquareTypeInnerList__Item{
  padding: 0;
  width: 624px;
  margin-left: 24px;
}
.SquareTypeInnerList__Item:last-child{
  margin-bottom: 0;
}
.SquareTypeList__Bottom{
  margin-bottom: 16px;
}

/*　おすすめ商品 *********************/
.ProductDescription{
  margin: 0 0 24px 0;
}
.ProductDescription__Text{
  font-size: 1.5rem;
}
.ProductDescription__ImageBox{
  display: inline-block;
  padding: 8px;
  margin: 16px 0 0 0;
  background-color: #eeeeee;
}
.ProductDescription__Image{
  width: 200px;
  height: auto;
  margin: 8px;
}
.ProductContents{
  width: 960px;
  margin: 80px auto 0;
}
.ProductContentsTitle{
  padding: 0 0 16px 16px;
  font-size: 2.2rem;
  font-weight: bold;
  background-position: bottom !important;
  background-repeat: repeat-x !important;
  background-image: url("//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-product_box_title_under.png") !important;
}
.ProductBox{
  display: inline-block;
  width: 960px;
  padding: 48px 32px 32px;
}
.ProductBox--NoMoreProduct{
  padding: 48px 32px 0;
}
.ProductBox__List{
  display: flex;
  flex-wrap: wrap;
  gap: 24px 0;
}
.ProductBox__Title{
  padding: 0 !important;
  margin: 0 0 16px 0;
  font-size: 1.9rem;
  font-weight: bold;
}
.ProductBox__Title--Description{
  margin: 0 0 0 8px;
  font-size: 1.3rem;
  font-weight:normal;
}
.Product{
  float: left;
  width: 176px;
  margin: 0 24px;
}
.Product__ImageBox{
  width: 160px;
  height: 160px;
  padding: 8px;
  margin: 0 0 8px 0;
  display: inline-table;
  line-height: 0;
  text-align: center;
  border: #e6e6e6 1px solid;
}
.Product__ImageBox--SpecialPrice{
  border: #9b000b 1px solid;
}
.Product__Image{
  width: 160px;
  height: 160px;
}
.Product__Image:hover{
  opacity: 0.8;
}
.Product__Brand{
  margin: 0 0 8px 0;
  font-size: 1.3rem;
}
.Product__Name{
  margin: 0 0 8px 0;
  font-size: 1.5rem;
  font-weight: bold;
}
.BrandImage--Repair{/*　ロゴ使用　スタイルガイドの調整 */
  margin: 0 0 -3px 0;
  background-position: left;
}
.Product__Point{
  margin: 0 0 8px 0;
}
.Product__Price{
  color: #d51b28;
  font-size: 1.9rem;
  font-weight: bold;
}
.Product__PriceEn{
  font-size: 1.3rem;
}
.Product__TaxIncludedPriceEn{
  font-size: 1.1rem;
}
.Product__TaxIncludedPrice:after{
  content: " 税込";
}

/*　おすすめ「商品」はこちら　*/
.RecommendProduct{
  display: flex;
  flex-direction: row;
  margin: 32px auto 0;
  justify-content: center;
}
.RecommendProduct--NoSpaces{
  margin: 0 auto;
}
.RecommendProduct__Link{
  padding: 0 16px 0 0;
}
.RecommendProduct__Link:last-child{
  padding: 0;
}
.Button--RecommendProduct{
  padding: 0 8px 0 46px;
}
/*　商品をもっと見るリンク　*/
.MoreProduct{
  clear: both;
  width: 440px;
  margin: 0 auto;
  text-align: center;
}
.MoreProduct--NoMore{
  margin: 24px auto 0;
}
.MoreProduct__Button{
  float: left;
  width: 440px;
  margin: 0 0 16px;
}
.MoreProduct__Link{
  display:inline-block;
}

/*　おすすめ商品ページ内リンク　*/
.ToProduct{
  position: absolute;
  right: 0;
  float: right;
  width: auto;
  padding: 16px 8px 8px;
  text-align: center;
  background-color: #f56b00;
  border-radius: 4px;
  z-index: 10;
}
.ToProduct--SpOnly{
  display: none;
}
.ToProduct__Link:link{
  display: inline-table;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.ToProduct__Solution{
  display: inline;
  padding: 0 8px;
  margin: 0 auto;
  color: #eb6700;
  font-size: 1.5rem;
  background-color: #fff;
  border-radius: 4px;
}
.ToProduct__Info{
  color: #fff;
  font-size: 1.9rem;
  padding: 8px 0 0;
}
/*　おすすめ商品ページ内リンク固定用　*/
.ToProduct--Fixed{
  position: fixed;
  top: 0;
  z-index: 10;
}

/*　参考資料 *********************/
.ReferenceBox{
  margin: 40px 0 0;
  background-color: #f1f1f1;
}
.Reference{
  width: 960px;
  padding: 40px 0;
  margin: 0 auto;
}
.Reference__List{
  display: inline-block;
  margin: 8px 0 0;
}
.Reference__Item{
  margin: 8px 0 0;
}

/*　SNSボタン *********************/
.SNSButtonStyle{
  width: 960px;
  text-align: right;
  margin: 0 auto 16px;
}

/*----- for SP (max-width:767px & max-width:896pxかつSP横向き) -----*/
@media screen and (max-width: 767px) , screen and (max-width: 896px) and (orientation: landscape){

/*　スタイルガイド流用　**********************************/
/*　ボタン用　*/
.Button{
  min-width: 64px;
  margin: 0;
  font-weight: 500;
}
.Button--Lg{
  height: 48px;
  line-height: 24px;
}
.Button--Md{
  height: 36px;
  line-height: 18px;
}
.Button--Sm{
  line-height: 12px;
}
.Section{
  padding: 0 12px 16px 12px;
  border-top: 8px solid #e6e6e6;
}
.Section--NoBar{
  border: none;
}

/* パンくず */
.SideScrollArea{/* スタイルガイドより　padding: 0 12px;　削除して使用 */
  width:100%;
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.SideScrollGradient{
  position: absolute;
  top: 0;
  right: 0;
  width: 64px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(79%, white), to(white));
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 79%, white 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 79%, white 100%);
  z-index: 1;
 }
.SideScrollGradient--Left{
  left: 0;
  background: -webkit-gradient(linear,right top,left top,from(hsla(0,0%,100%,0)),color-stop(79%,#fff),to(#fff));
  background: -o-linear-gradient(right,hsla(0,0%,100%,0) 0,#fff 79%,#fff 100%);
  background: linear-gradient(270deg,hsla(0,0%,100%,0) 0,#fff 79%,#fff);
}
.Breadcrumb{
  padding: 12px 0;
  width: 100%;
  min-width: 312px; /* スタイルガイドでは min-width: 320px; */
  font-size: 1.1rem;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
}
.Breadcrumb__Item{
  display: inline-block;
  position: relative;
  margin-right: 12px;
  padding-right: 12px;
 }
 .Breadcrumb__CurrentPage{
  font-weight: 600;
}

/*　スタイルガイド流用 ここまで　**********************************/


/*　共通　************/
html {
  font-size: 62.5%;
}

.DisplayPcOnly{
  display: none;
}
.DisplaySpOnly{
  display: block;
}

.ArticleContents{
  margin: 0 auto 24px;
}

/* パンくず */
.Breadcrumb--Plus{
  padding: 4px 0 8px 8px;
  margin: 0;
}
.TextLink--PlusBreadcrumb:after{
  border-right: 1px solid #b3b3b3;
  border-top: 1px solid #b3b3b3;
}

/*　テーブル */
.Contents__Table, .ContentsChild__Table{
  width: auto;
}


/*　ヘッダー(top・2階層以下)　********************************/
.Header__TopImage{
  height: auto;
}
.Header__TopImage--Image{
  width: 100%;
  max-width: 375px;
  height: auto;
}
.HeaderSecond{
  height: auto;
  line-height: 0;
}
.HeaderSecond--Image{
  width: 100%;
  max-width: 375px;
  height: auto;
}

/*　toppage　********************************/

/*　解決方法を探す全体 */
.SearchSceneBox{
  padding: 16px 0 0;
}

/*　解決方法の選択部分(Search) */
.Search{
  width: auto;
  padding: 12px 8px;
}
.Search__Button{
  width: auto;
  margin: 0 auto 16px;
  flex-direction: column;
}
.Search__Title{
  margin: 0 0 16px 0;
  font-size: 1.8rem;
}
.AllSelectsButton{
  width: 100%;
  text-align: right;
}
.SearchArea, .SearchSituation{
  flex: none;
  width: 100%;
  padding: 0;
  margin: 0 0 16px 0;
  border: none;
}
.SearchArea__Title, .SearchSituation__Title{
  margin: 0 0 8px 0;
  font-size: 1.3rem;
  border-left-width: 12px;
}
.SearchArea__List{
  font-size: 1.1rem;
}
.SearchArea__List,
.SearchSituation__List{
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  overflow: hidden;
}
.SearchArea__Button, .SearchSituation__Button{
  height: auto;
  min-height: 0;
  padding: 12px 4px 12px 26px;
  margin: -1px 0 0 -1px;
  font-size: 1.1rem;
  text-align: left;
  border-radius: 0;
  background-position-x: 4px;
  background-position-y: 48%;
  background-size: 16px;
}
.SearchArea__Button{
  flex: 0 0 50%;
}
.SearchSituation__Button{
  flex: 0 0 33.33%;
}
.SearchArea__Button--Factory:hover{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_factory-b.png);
}
.SearchArea__Button--Office:hover{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_office-b.png);
}
.SearchArea__Button--Outdoor:hover{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_outdoor-b.png);
}
.SearchArea__Button--Home:hover{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_home-b.png);
}
.SearchSituation__Button--Storage:hover{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_storage-b.png);
}
.SearchSituation__Button--Bulletin:hover{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_bulletin-b.png);
}
.SearchSituation__Button--Keep:hover{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_keep-b.png);
}
.SearchSituation__Button--Carry:hover{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_carry-b.png);
}
.SearchSituation__Button--Security:hover{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_security-b.png);
}
.SearchSituation__Button--Organize:hover{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_organize-b.png);
}
.SearchSituation__Button--Hygiene:hover{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_hygiene-b.png);
}
.SearchSituation__Button--Packing:hover{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_packing-b.png);
}
.SearchSituation__Button--Workplace:hover{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_workplace-b.png);
}
.SearchSituation__Button--Hiyarihatto:hover{
  background-image: url(//jp.images-monotaro.com/etc/merchandising/mc_2049/plus-topicon_hiyarihatto-b.png);
}

/*　解決方法一覧のタイル(SearchList) */
.Search__List{
  width: auto;
  margin: 0;
}
.SearchResult{
  width: 46%;
  padding: 8px;
  margin: 0 2% 12px !important;
  box-sizing: border-box;
}
.SearchResult__Image{
  width: 100%;
}
.SearchResult__Text{
  margin: 0 0 4px 0;
  font-size: 1.3rem;
}
.SearchResult__Label{
  display: block;
}
.SearchResult__Label--Area, .SearchResult__Label--Situation{
  margin: 0 4px 4px 0;
}

/*　エリア別お悩み一覧 */
.AreaList{
  width: auto;
  padding: 24px 12px 0;
  margin: 0 auto;
}
.AreaList__Title{
  font-size: 1.3rem;
  margin: 0 0 12px 0;
}
.Icon--AreaCategory{
  display: inline-block;
  padding: 0 4px 0 0;
  color: #005898;
  position: absolute;
  font-weight: bold;
  right: 12px;
}
.Icon--AreaCategory:before{
  font-weight: bold;
}
.AreaCategoryBox{
  width: 100%;
}
.AreaCategory{
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.AreaCategory__Heading{
  margin: 0;
  border: none;
}
.AreaCategory__Title{
  padding: 16px 8px;
  font-weight: normal;
  border-top: 1px solid #ccc;
  background: none;
}
.AreaCategory__Image{
  display: none;
}
.ChoiceList__Item{
  padding: 16px 8px;
  text-indent: 0;
  border-top: 1px dotted #ccc;
}
.Icon--AngleRight:before{
  content: none;
}
.Icon--AngleRight:after{
  content: "\e91b";
  position: absolute;
  right: 12px;
  top: auto;
}

/*　2階層以下　**********************************/
.Icon--Breadcrumb{
  display: none;
}
.SecondPageHeading{
  width: auto;
  margin: 0 12px;
}
.SecondPageTitle{
  padding: 16px 8px;
  margin: 8px 0 0 0;
  font-size: 2.2rem !important;
  border-top: #66add6 solid 4px;
  border-bottom: #66add6 solid 1px;
}

/*　タイトル下ラベル */
.CategoryLabelBox{
  margin: 4px 0;
}

/*　イントロダクション */
.PageIntroduction{
  padding: 0 12px 32px;
}
.PageIntroduction--Toppage{
  padding: 80px 12px 32px;
}
.PageIntroduction__Image{
  width: 100%;
  height: auto;
}
.PageIntroduction__Sentence{
  width: auto;
  font-size: 1.3rem;
}
.PageIntroduction__Sentence--Toppage{
  font-size: 1.5rem;
}
/*　ポイント */
.Point{
  width: auto;
  margin: 0 12px 32px;
}
.PointTitle{
  font-size: 1.8rem !important;
  padding: unset !important;
  border: unset !important;
  background-color: unset !important;
  background: unset !important;
}
.PointList{
  width: auto;
  font-size: 1.3rem;
}

/*　「困った！」「スッキリ！」 */
.Contents{
  width: auto;
  padding: 0 12px;
}
.Contents--AfterSecond{
  margin: 24px auto 0;
}
.Contents__Title{
  display: block;
  padding: 0 !important;
  color: #333 !important;
  margin: 0;
  font-size: 1.8rem !important;
  border: none !important;
  background: none !important;
}
.Contents__Title--Subtext{
  padding: 0 0 0 8px;
  font-size: 1.3rem;
}
.TitlePoint__Problem, .TitlePoint__Solution{
  display: table;
  float: none;
  padding: 4px 8px 4px 34px;
  margin: 0 0 8px 0;
  font-size: 1.5rem;
  background-size: 22px 22px;
}
.Contents__Image{
  width: 100%;
  height: auto;
  margin: 16px auto 0;
}
.Contents__Sentence{
  width: auto;
  padding: 8px 0 0 0;
  font-size: 1.3rem;
}
.ContentsChild{
  padding: 0 0 8px 0;
  margin: 0;
}
.ContentsChild--Nobottom{
  padding: 0;
}
.ContentsChild__Title{
  font-size: 1.5rem !important;
  text-align: left;
  padding: 16px 0 8px 0 !important;
  border: none !important;
}
.ContentsChild__Image{
  width: 100%;
  height: auto;
  margin: 0 auto 8px;
}
.ContentsChild__Image--TopSpace{
  margin-top: 16px;
}
.ContentsChild__Image--Left,.ContentsChild__Image--Right{
  float: none;
}
.ContentsChild__Image--Second{
  margin: 16px auto 8px;
}
.ContentsChild__Sentence{
  width: auto;
  font-size: 1.3rem;
}

/*　機密情報を守る(protectinformation)ページ　「家庭用シュレッダー」部分 */
.Shredder{
  float: none;
  width: auto;
  margin: 0 auto 24px;
}
.Shredder:last-child{
  margin: 0 auto;
}
.Shredder__ImageBox{
  width: auto;
  height: auto;
  text-align: center;
}
.Shredder__Image{
  width: 180px;
  height: 180px;
  margin: 8px;
}

/*　「困った！」「スッキリ！」背景 */
.ProblemBox, .ProblemBox--Later, .SolutionBox{
  padding: 24px 0;
}

/*　Tips */
.TipsBox{
  padding: 24px 0;
  margin: 12px 0;
}
.TipsTitle{
  font-size: 1.8rem !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}
.TipsTitle__Problem{
  display: block;
  width: 64px;
  padding: 4px;
  margin: 0 0 4px 0;
  font-size: 1.5rem;
}
.TipsTitle__Problem:before{
  width: 16px;
  height: 16px;
  margin: -1px 4px 0 0;
}
.Tips{
  width: auto;
  padding: 16px 8px;
  margin: 12px 0;
}
.Tips--ProductOnly{
  padding: 0px 4px 16px;
}
.Tips__ImageBox{
  float: none;
  width: auto;
  max-width: 351px;
  margin: 0;
}
.Tips__Sukkiri{
  width: 152px;
  margin: 0 0 8px 0;
}
.Tips__Image{
  width: 100%;
  max-width: 351px;
}
.TipsProductBox{
  width: auto;
  max-width: 351px;
  margin: 12px 0 0 0;
}
.TipsProductTitle{
  border: unset !important;
}
.TipsProduct__Name{
  font-size: 1.3rem;
  text-decoration: underline;
}

/*　商品や備品の迷子を減らすラベルシート活用(label)ページ　スッキリ！2部分 */
.LabelTypeBox{
  gap: 16px 8px;
  margin: 16px 0 0 0;
}
.LabelType{
  width: calc(50% - 4px);
}
.LabelType__Image{
  width: 100%;
}

/*　在庫管理での入力漏れやミスの発生(laserscanner)ページ　スッキリ！部分 */
.BarcodeWork{
  display: block;
  margin: 16px 0 0 0;
}
.BarcodeWork--Left{
  float: none;
  width: auto;
  margin: 0 0 16px 0;
}
.BarcodeWork--Right{
  float: none;
  width: auto;
}
.BarcodeWork__Title{
  font-size: 1.3rem !important;
  color: #333 !important;
  padding: 0;
}
.BarcodeWork__Detail{
  font-size: 1.3rem;
}
.ProductInfo{
  padding: 12px;
}
.ProductInfo__Title{
  padding: 0;
  margin: 0 0 8px 0;
  color: #f56b00;
  font-size: 1.5rem;
  font-weight: bold;
}
.ProductInfo__Text{
  padding: 0 0 12px 0;
}

/*　快適なオフィス環境に(officeenvironment)ページ　「部屋の目的に沿った色を取り入れる」table部分 */
.Table__HeadCell--Officeenvironment{
  width: 24%;
}


/*　夏場の屋外の作業や工場内で室温管理(heatcountermeasures)ページ　「暑さ指数（WBGT）」dl・table部分 */
.WbgtList{
  width: auto;
  margin: 8px auto;
  font-size: 1.3rem;
}
.WbgtList__Team{
  margin: 0 0 4px;
}
.WbgtList__Description{
  margin: 0 0 8px 16px;
}

/*　法令のお知らせ　定義リストの横並びを解除 */
.WbgtListAlert{
  display: block;
}
.WbgtListAlert__Team{
  margin: 0 0 4px;
}
.WbgtListAlert__Description{
  margin: 0 0 8px 16px;
}
.WbgtListAlert__Row{
  display: block;
}

.HeatcountermeasuresTableList{
  padding: 0 0 0 16px;
}
.HeatcountermeasuresTableList__Item{
  list-style-type: disc;
}


/*　適切な換気の方法(properventilation)ページ　table部分 */
.AirEnvironmentList__Description{
  margin: 0 0 8px 8px;
}
.AirTemperatureList__Item{
  list-style-type: decimal;
}

/*　工場ライン設備の見える化・省人化で生産性向上(factoryautomation)ページ　スッキリ！部分 */
.SquareTypeList{
  width:100%;
 }
.SquareTypeList__Term{
  width: auto;
  font-size: 1.3rem;
}
.SquareTypeList__Term{
  display: block;
  margin: 16px 0!important;
}
.ContentsChild__TableCaption{
  width: auto;
  font-size: 1.3rem;
  margin: 24px auto 8px auto;
}
.SquareTypeList__Description{
  padding: 0;
  font-size: 1.3rem;
}
.SquareTypeInnerList__Item{
  padding: 0;
  margin: 8px 0 0 16px;
  list-style-type: disc;
  list-style: outside;
  width:auto;
}
/*　おすすめ商品 *********************/
.ProductDescription{
  margin: 8px 0 0 0;
}
.ProductDescription__Text{
  font-size: 1.3rem;
}
.ProductDescription__ImageBox{
  padding: 4px;
}
.ProductDescription__Image{
  display: block;
  float: left;
  width: 46%;
  max-width: 200px;
  margin: 4px 2%;
}
.ProductContents{
  width: auto;
  margin: 40px 12px 0;
}
.ProductContentsTitle{
  font-size: 1.8rem !important;
  padding: 0 0 16px 8px !important;
  border: none !important;
}
.ProductBox{
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
.ProductBox__List {
  gap: 0;
}
.ProductBox__Title{
  font-size: 1.5rem !important;
  margin: 24px 0 0 0 !important;
  border: none !important;
}
.Product{
  width: 50%;
  padding: 0 2%;
  margin: 24px 0 0 0;
  min-height: auto;
}
.Product__ImageBox{
  width: 100%;
  height: auto;
  padding: 4px;
}
.Product__Image{
  width: 105px;
  height: 105px;
}
.Product__Name{
  height: auto;
  margin: 0 0 4px 0;
  text-decoration: underline;
}
.BrandImage--Repair{/*　ロゴ使用　スタイルガイドの調整 */
  margin: 0 0 -6px 0;
}
.Product__Point{
  margin: 0 0 4px 0;
  height: auto;
  font-size: 1.1rem;
}
.Product__Price{
  font-size: 1.8rem;
  margin: 0 0 4px 0;
}
.Product__TaxIncludedPrice{
  color: #d51b28;
  font-size: 1.1rem;
}
/*　おすすめ「商品」はこちら　*/
.RecommendProduct{
  flex-direction: column;
}
.RecommendProduct__Link{
  padding: 0 0 12px 0;
  width: 100%;
  max-width: 375px;
  font-size: 1.3rem;
  line-height: 1.5;
  margin: 0 auto;
}
.RecommendProduct__Link:last-child{
  padding: 0;
}
.Button--RecommendProduct{
  width:100%;
  padding: 0;
  text-align: center;
  white-space: normal;
}

/*　商品をもっと見るリンク　*/
.MoreProduct{
  width: auto;
  margin: 12px 0 0 0;
}
.MoreProduct__Button{
  float: none;
  width: 100%;
  max-width: 375px;
  margin: 12px 0 0;
  white-space: normal;
}
.MoreProduct__Link{
  display: block;
}

/*　おすすめ商品ページ内リンク　*/
.ToProduct{
  position: static;
  right: auto;
  float: none;
  width: -webkit-fit-content;
  width: fit-content;
  max-width: 90%;
  height: auto;
  line-height: 1.3;
  margin: 8px auto 0;
  padding: 8px 12px;
}
.ToProduct--Fixed{
  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.ToProduct--SpOnly{
  display: block;
}
.ToProduct__Link,
.ToProduct__Link:link{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.ToProduct__Solution{
  flex-shrink: 0;
  background-color: #f56b00;
  color: #fff;
}
.ToProduct__Info{
  flex: none;
  font-size: 1.5rem;
  padding: 0;
}
.ToProduct__Icon{
  width: auto;
  flex-shrink: 0;
  padding: 0 0 4px 8px;
  line-height: 1;
}

/*　参考資料 *********************/
.Reference{
  width: auto;
  padding: 24px 0;
  margin: 0 12px;
}
.Reference__Item{
  list-style: disc;
  margin: 8px 0 0 24px;
}
.Reference__Link:link{
  text-decoration: underline;
}

/*　SNSボタン *********************/
.SNSButtonStyle{
  width: 100%;
  padding: 0 12px;
  margin: 0 0 8px;
  text-align: right;
  border-top: none;
  border-bottom: none;
}
.SNSButton__Item{
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
}

}


/*----- for SP (max-width:320px) -----*/
@media screen and (max-width: 320px){

.MoreProduct__Button{
  font-size: 1.3rem;
}
.SearchSituation__Button{
  background-size: 12px;
  background-position-x: 4px;
  padding: 12px 2px 12px 20px;
}
.Button--RecommendProduct{
  font-size: 1.2rem;
}

}