@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 17, page_airaroma.scss */
#airaroma #titleWrap ul.subImgWrap { opacity: .3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }
/* line 18, page_airaroma.scss */
#airaroma #titleWrap ul.subImgWrap li.ph { width: calc(100% / 3); }
/* line 26, page_airaroma.scss */
#airaroma #intro { padding: 160px 0 200px; }
/* line 27, page_airaroma.scss */
#airaroma #intro .inner { position: relative; }
/* line 28, page_airaroma.scss */
#airaroma #intro .inner::before { content: ""; background: url("../img/worldwide.png") no-repeat top center; background-size: 100% auto; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: -100px; width: 1280px; height: 0; padding-top: 56%; z-index: 0; }
/* line 31, page_airaroma.scss */
#airaroma #intro .ttl, #airaroma #intro .read { position: relative; z-index: 5; }
/* line 32, page_airaroma.scss */
#airaroma #intro .ttl { font-size: 36px; font-size: 2.25rem; line-height: 4.05rem; margin: 0 auto 60px; font-weight: 500; }
/* line 33, page_airaroma.scss */
#airaroma #intro .read { line-height: 2.4; }
/* line 41, page_airaroma.scss */
#airaroma #quality .ttl { margin-bottom: 70px; }
/* line 43, page_airaroma.scss */
#airaroma #quality ul.qualityList li { width: calc(100% / 3 - 50px); }
/* line 44, page_airaroma.scss */
#airaroma #quality ul.qualityList li .ph { height: 160px; margin: 0 auto 20px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
/* line 48, page_airaroma.scss */
#airaroma #quality ul.qualityList li .text .tit { font-size: 26px; font-size: 1.625rem; line-height: 2.925rem; margin: 0 auto 20px; }
/* line 49, page_airaroma.scss */
#airaroma #quality ul.qualityList li .text .read { font-size: 17px; font-size: 1.0625rem; line-height: 2.125rem; text-align: left; }
/* line 53, page_airaroma.scss */
#airaroma #quality ul.qualityList li.list01 .ph { width: 160px; }
/* line 56, page_airaroma.scss */
#airaroma #quality ul.qualityList li.list02 .ph { width: 130px; }
/* line 59, page_airaroma.scss */
#airaroma #quality ul.qualityList li.list03 .ph { width: 100px; }
/* line 68, page_airaroma.scss */
#airaroma #products .ttl { color: #fff; position: relative; z-index: 5; }
/* line 72, page_airaroma.scss */
#airaroma #products .products { display: flex; justify-content: space-between; background: #fff; filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.35)); width: 93.75%; margin: auto; /*align-items: center;*/ position: relative; overflow: hidden; }
/* line 73, page_airaroma.scss */
#airaroma #products .products:not(:last-child) { margin-bottom: 60px; }
/* line 74, page_airaroma.scss */
#airaroma #products .products .ph { width: 32%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 0; height: 100%; }
/* line 75, page_airaroma.scss */
#airaroma #products .products .text { text-align: left; width: 68%; padding: 30px 4%; margin-left: auto; }
/* line 76, page_airaroma.scss */
#airaroma #products .products .text .tit { font-size: 30px; font-size: 1.875rem; line-height: 2.8125rem; font-weight: bold; }
/* line 77, page_airaroma.scss */
#airaroma #products .products .text .tit span { font-weight: 400; }
/* line 78, page_airaroma.scss */
#airaroma #products .products .text .tit em { font-size: 70%; margin-left: .5em; }
/* line 80, page_airaroma.scss */
#airaroma #products .products .text .t { font-size: 24px; font-size: 1.5rem; line-height: 2.7rem; margin-bottom: 10px; }
/* line 81, page_airaroma.scss */
#airaroma #products .products .text .read { font-size: 16px; font-size: 1rem; line-height: 1.8rem; letter-spacing: .03em; text-align: justify; text-justify: inter-ideograph; margin-bottom: 15px; }
/* line 82, page_airaroma.scss */
#airaroma #products .products .text .color, #airaroma #products .products .text .price { display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-bottom: 10px; }
/* line 83, page_airaroma.scss */
#airaroma #products .products .text .color .tt, #airaroma #products .products .text .price .tt { font-size: 14px; font-size: 0.875rem; line-height: 1.575rem; width: 66px; }
/* line 88, page_airaroma.scss */
#airaroma #products .products .text .color ul.colorList li { text-align: center; }
/* line 89, page_airaroma.scss */
#airaroma #products .products .text .color ul.colorList li span, #airaroma #products .products .text .color ul.colorList li em { display: block; }
/* line 90, page_airaroma.scss */
#airaroma #products .products .text .color ul.colorList li span { width: 56px; height: 28px; position: relative; }
/* line 91, page_airaroma.scss */
#airaroma #products .products .text .color ul.colorList li span::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(135deg, #b7b7b7 0%, #3e3e3e 100%); mix-blend-mode: soft-light; }
/* line 93, page_airaroma.scss */
#airaroma #products .products .text .color ul.colorList li em { font-size: 10px; font-size: 0.625rem; line-height: 1.125rem; margin-top: 2px; color: #4a4a4a; }
/* line 94, page_airaroma.scss */
#airaroma #products .products .text .color ul.colorList li.silver span { background: #d8d8d8; }
/* line 95, page_airaroma.scss */
#airaroma #products .products .text .color ul.colorList li.black span { background: #4b4b4a; }
/* line 96, page_airaroma.scss */
#airaroma #products .products .text .color ul.colorList li.blue span { background: #005e9b; }
/* line 97, page_airaroma.scss */
#airaroma #products .products .text .color ul.colorList li.gold span { background: #d4c195; }
/* line 98, page_airaroma.scss */
#airaroma #products .products .text .color ul.colorList li.red span { background: #cb1f14; }
/* line 99, page_airaroma.scss */
#airaroma #products .products .text .color ul.colorList li.white span { background: #fff; border: 1px solid #c4c4c4; }
/* line 105, page_airaroma.scss */
#airaroma #products .products .text .price .priceList { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; }
/* line 106, page_airaroma.scss */
#airaroma #products .products .text .price .priceList em { font-weight: bold; letter-spacing: 0; }
/* line 107, page_airaroma.scss */
#airaroma #products .products .text .price .priceList small { font-size: 80%; }
/* line 111, page_airaroma.scss */
#airaroma #products .products .text .spec .tt { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; font-weight: bold; border-bottom: 1px solid #d0cfcf; padding-bottom: 4px; margin-bottom: 10px; }
/* line 113, page_airaroma.scss */
#airaroma #products .products .text .spec table tr { font-size: 14px; font-size: 0.875rem; line-height: 1.4875rem; }
/* line 115, page_airaroma.scss */
#airaroma #products .products .text .spec table th { font-weight: 400; }
/* line 116, page_airaroma.scss */
#airaroma #products .products .text .spec table td { /*padding-left: .5em; position: relative;*/ }
/* line 117, page_airaroma.scss */
#airaroma #products .products .text .spec table td::before { content: "："; margin: 0 .25em 0 0; }
/* line 122, page_airaroma.scss */
#airaroma #products .products sup { font-size: 40%; vertical-align: top; position: relative; top: -.6em; }
/* line 135, page_airaroma.scss */
#airaroma #products #aromax .text table th { width: 95px; }
/* line 151, page_airaroma.scss */
#airaroma #products #aroslim .text table th { width: 132px; }
/* line 167, page_airaroma.scss */
#airaroma #products #aroscent .text table th { width: 160px; }
/* line 176, page_airaroma.scss */
#airaroma #products #coldairdefusion { color: #fff; position: relative; z-index: 5; margin: auto; width: 67%; padding: 60px 0 0; }
/* line 177, page_airaroma.scss */
#airaroma #products #coldairdefusion .ttl { font-size: 32px; font-size: 2rem; line-height: 3.6rem; }
/* line 178, page_airaroma.scss */
#airaroma #products #coldairdefusion .ph { margin: 0 auto 30px; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.35)); }
/* line 179, page_airaroma.scss */
#airaroma #products #coldairdefusion .read { text-align: left; }
/* line 180, page_airaroma.scss */
#airaroma #products #coldairdefusion .read span, #airaroma #products #coldairdefusion .read em { display: block; }
/* line 191, page_airaroma.scss */
#airaroma #recycle { align-items: center; justify-content: center; }
/* line 192, page_airaroma.scss */
#airaroma #recycle .ttl { width: 100%; margin-bottom: 20px; }
/* line 193, page_airaroma.scss */
#airaroma #recycle .ph { width: 136px; }
/* line 194, page_airaroma.scss */
#airaroma #recycle .read { width: 750px; text-align: left; margin-left: 50px; }
@media only screen and (max-width: 750px) { /* line 207, page_airaroma.scss */
  #airaroma #titleWrap ul.subImgWrap { display: none; }
  /* line 214, page_airaroma.scss */
  #airaroma #intro { padding: 50px 0 60px; }
  /* line 216, page_airaroma.scss */
  #airaroma #intro .inner::before { content: ""; background: url("../img/worldwide.png") no-repeat top center; background-size: 100% auto; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: -10px; width: 100%; height: 0; padding-top: 56%; z-index: 0; }
  /* line 220, page_airaroma.scss */
  #airaroma #intro .ttl { font-size: 29px; font-size: 1.8125rem; line-height: 3.2625rem; margin: 0 auto 20px; }
  /* line 221, page_airaroma.scss */
  #airaroma #intro .read { line-height: 2.2; text-align: left; padding-left: 7.5%; padding-right: 7.5%; }
  /* line 229, page_airaroma.scss */
  #airaroma #quality .ttl { margin-bottom: 40px; }
  /* line 230, page_airaroma.scss */
  #airaroma #quality ul.qualityList { padding-left: 7.5%; padding-right: 7.5%; }
  /* line 231, page_airaroma.scss */
  #airaroma #quality ul.qualityList li { width: calc(100% / 1 - 0px); }
  /* line 232, page_airaroma.scss */
  #airaroma #quality ul.qualityList li:not(:last-child) { margin-bottom: 60px; }
  /* line 233, page_airaroma.scss */
  #airaroma #quality ul.qualityList li .ph { height: auto; margin: 0 auto 20px; }
  /* line 237, page_airaroma.scss */
  #airaroma #quality ul.qualityList li .text .tit { font-size: 22px; font-size: 1.375rem; line-height: 2.475rem; margin: 0 auto 20px; }
  /* line 238, page_airaroma.scss */
  #airaroma #quality ul.qualityList li .text .read { font-size: 16px; font-size: 1rem; line-height: 2rem; }
  /* line 242, page_airaroma.scss */
  #airaroma #quality ul.qualityList li.list01 .ph { width: 140px; }
  /* line 245, page_airaroma.scss */
  #airaroma #quality ul.qualityList li.list02 .ph { width: 110px; }
  /* line 248, page_airaroma.scss */
  #airaroma #quality ul.qualityList li.list03 .ph { width: 100px; }
  /* line 256, page_airaroma.scss */
  #airaroma #products { padding-top: 45px; }
  /* line 257, page_airaroma.scss */
  #airaroma #products .ttl { margin-bottom: 40px; }
  /* line 261, page_airaroma.scss */
  #airaroma #products .products { display: flex; justify-content: space-between; flex-wrap: wrap; filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.35)); width: 93.75%; }
  /* line 262, page_airaroma.scss */
  #airaroma #products .products:not(:last-child) { margin-bottom: 50px; }
  /* line 263, page_airaroma.scss */
  #airaroma #products .products .ph { width: 100%; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; height: 0; padding-top: 100%; }
  /* line 264, page_airaroma.scss */
  #airaroma #products .products .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
  /* line 266, page_airaroma.scss */
  #airaroma #products .products .text { text-align: left; width: 100%; padding: 30px 7.5%; margin-left: 0; }
  /* line 267, page_airaroma.scss */
  #airaroma #products .products .text .tit { font-size: 30px; font-size: 1.875rem; line-height: 2.8125rem; font-weight: bold; margin-bottom: 10px; }
  /* line 268, page_airaroma.scss */
  #airaroma #products .products .text .tit span { font-weight: bold; }
  /* line 269, page_airaroma.scss */
  #airaroma #products .products .text .tit em { font-size: 70%; margin-left: .5em; }
  /* line 271, page_airaroma.scss */
  #airaroma #products .products .text .t { font-size: 22.5px; font-size: 1.40625rem; line-height: 2.53125rem; margin-bottom: 15px; }
  /* line 272, page_airaroma.scss */
  #airaroma #products .products .text .read { font-size: 16px; font-size: 1rem; line-height: 2rem; margin-bottom: 20px; }
  /* line 273, page_airaroma.scss */
  #airaroma #products .products .text .color, #airaroma #products .products .text .price { margin-bottom: 20px; width: 100%; }
  /* line 274, page_airaroma.scss */
  #airaroma #products .products .text .color .tt, #airaroma #products .products .text .price .tt { font-size: 14px; font-size: 0.875rem; line-height: 1.575rem; }
  /* line 277, page_airaroma.scss */
  #airaroma #products .products .text .color .tt { width: 100%; }
  /* line 278, page_airaroma.scss */
  #airaroma #products .products .text .color ul.colorList { width: 100%; }
  /* line 279, page_airaroma.scss */
  #airaroma #products .products .text .color ul.colorList li { width: calc(99% / 5 - 4px); }
  /* line 280, page_airaroma.scss */
  #airaroma #products .products .text .color ul.colorList li span, #airaroma #products .products .text .color ul.colorList li em { display: block; }
  /* line 281, page_airaroma.scss */
  #airaroma #products .products .text .color ul.colorList li span { width: 100%; height: 28px; }
  /* line 282, page_airaroma.scss */
  #airaroma #products .products .text .color ul.colorList li span::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(135deg, #b7b7b7 0%, #3e3e3e 100%); mix-blend-mode: soft-light; }
  /* line 284, page_airaroma.scss */
  #airaroma #products .products .text .color ul.colorList li em { font-size: 10px; font-size: 0.625rem; line-height: 1.125rem; margin-top: 2px; color: #4a4a4a; }
  /* line 290, page_airaroma.scss */
  #airaroma #products .products .text .price .priceList { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; }
  /* line 291, page_airaroma.scss */
  #airaroma #products .products .text .price .priceList em { font-weight: bold; letter-spacing: 0; }
  /* line 292, page_airaroma.scss */
  #airaroma #products .products .text .price .priceList small { font-size: 80%; }
  /* line 296, page_airaroma.scss */
  #airaroma #products .products .text .spec .tt { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; font-weight: bold; border-bottom: 1px solid #d0cfcf; padding-bottom: 4px; margin-bottom: 10px; }
  /* line 298, page_airaroma.scss */
  #airaroma #products .products .text .spec table tr { font-size: 14px; font-size: 0.875rem; line-height: 1.4875rem; }
  /* line 299, page_airaroma.scss */
  #airaroma #products .products .text .spec table tr:not(:last-child) { border-bottom: 1px dotted #d0cfcf; }
  /* line 301, page_airaroma.scss */
  #airaroma #products .products .text .spec table th, #airaroma #products .products .text .spec table td { display: block; }
  /* line 302, page_airaroma.scss */
  #airaroma #products .products .text .spec table th { font-size: 13.5px; font-size: 0.84375rem; line-height: 1.51875rem; font-weight: bold; padding-top: 8px; }
  /* line 303, page_airaroma.scss */
  #airaroma #products .products .text .spec table th::after { content: "："; margin: 0 0 0 .25em; }
  /* line 304, page_airaroma.scss */
  #airaroma #products .products .text .spec table td { /*padding-left: .5em; position: relative;*/ padding-bottom: 6px; }
  /* line 305, page_airaroma.scss */
  #airaroma #products .products .text .spec table td::before { content: none; }
  /* line 310, page_airaroma.scss */
  #airaroma #products .products sup { font-size: 40%; vertical-align: top; position: relative; top: -.6em; }
  /* line 317, page_airaroma.scss */
  #airaroma #products #aromax .ph { padding-top: 90%; }
  /* line 323, page_airaroma.scss */
  #airaroma #products #aromax .text table th { width: auto; }
  /* line 333, page_airaroma.scss */
  #airaroma #products #aroslim .ph { padding-top: 140%; }
  /* line 339, page_airaroma.scss */
  #airaroma #products #aroslim .text table th { width: auto; }
  /* line 349, page_airaroma.scss */
  #airaroma #products #aroscent .ph { padding-top: 120%; }
  /* line 355, page_airaroma.scss */
  #airaroma #products #aroscent .text table th { width: auto; }
  /* line 364, page_airaroma.scss */
  #airaroma #products #coldairdefusion { color: #fff; position: relative; z-index: 5; margin: auto; width: 100%; padding: 20px 7.5% 0; }
  /* line 365, page_airaroma.scss */
  #airaroma #products #coldairdefusion .ttl { font-size: 22px; font-size: 1.375rem; line-height: 2.475rem; text-align: left; margin-bottom: 20px; font-weight: 500; }
  /* line 366, page_airaroma.scss */
  #airaroma #products #coldairdefusion .ph { margin: 0 auto 20px; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.35)); }
  /* line 378, page_airaroma.scss */
  #airaroma #recycle { padding-left: 7.5%; padding-right: 7.5%; box-sizing: border-box; }
  /* line 379, page_airaroma.scss */
  #airaroma #recycle .ttl { width: 100%; margin-bottom: 20px; }
  /* line 380, page_airaroma.scss */
  #airaroma #recycle .ph { width: 120px; margin: 0 auto 20px; }
  /* line 381, page_airaroma.scss */
  #airaroma #recycle .read { width: 100%; margin-left: 0px; } }