/* common */
#airconsale_ew  ,
#airconsale_ew *,
#airconsale_ew *:before,
#airconsale_ew *:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
:root {
    --color-black: #333333;
    --color-gray: #f6f6f6;
    --color-white: #ffffff;
    --color-red1: #e6002d;
    --color-red2: #ad0022;
    --color-orange1: #f3981c;
    --color-orange2: #ef8200;
    --color-yellow: #f9d423;
    --color-blue1: #2d91f5;
    --color-blue2: #226db8;
    --color-eblue: #1d50a2;
    --font-mplus1: "M PLUS 1", sans-serif;
    --font-anton: "Anton", sans-serif;
    --font-large: clamp(18px, 0.716rem + 2.05vw, 36px);
    --font-medium: clamp(16px, 0.705rem + 1.48vw, 29px);
    --font-small: clamp(14px, 0.693rem + 0.91vw, 22px);
    --font-price_pc: clamp(45px, -0.957rem + 6.28vw, 60px);
    --font-price_sp: clamp(20px, -0.313rem + 7.81vw, 70px);
    --margin-96: clamp(48px, 1.909rem + 5.45vw, 96px);
    --margin-80: clamp(40px, 1.591rem + 4.55vw, 80px);
    --margin-64: clamp(32px, 1.273rem + 3.64vw, 64px);
    --margin-48: clamp(24px, 0.955rem + 2.73vw, 48px);
    --margin-32: clamp(16px, 0.636rem + 1.82vw, 32px);
    --margin-24: clamp(12px, 0.477rem + 1.36vw, 24px);
}
#airconsale_ew {
    position: relative;
    width: min(100%, 1200px);
    margin: 0 auto;
    padding-bottom: 1%!important;
    font-family: var(--font-mplus1);
    color: var(--color-black);
    background-color: var(--color-white);
    animation: fadeIn .5s;
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
#airconsale_ew a {
    text-decoration: none;
}
#airconsale_ew a:hover {
    opacity: .75;
}
#airconsale_ew li {
    list-style-type: none;
}
#airconsale_ew .view_timer {
    display: none;
}
#footer, footer{
    margin-top: 0;
}

/* include */
#airconsale_ew .slider_w208 li {
    visibility: visible!important;
}
#resultBox {
    padding-top: var(--margin-24);
}
#resultBox.type1 > ul > li {
    width: 236px;
    font-family: initial;
}
.incitem>* {
    text-align: center!important;
}
.incitem img {
    display: inline!important;
    width: 32px!important;
    height: auto!important;
    padding-right: 10px!important;
    vertical-align: middle!important;
}
.summary, #incitemarea2 {
    display: none!important;
}

/* image */
#airconsale_ew img:not(#airconsale_ew #resultBox img) {
    display: block;
    width: 100%;
    height: auto;
}

/* wrapper */
#airconsale_ew .outerwrapper_ew {
    position: relative;
}
#airconsale_ew section {
    margin: 0 auto var(--margin-96);
}
#airconsale_ew .wrapper_ew {
    margin: 0 auto var(--margin-80);
}

/* text */
#airconsale_ew h1{
    margin: 6px auto!important; 
    padding-left: 6px!important; 
}
#airconsale_ew h2 {
    padding: .4em;
    font-size: var(--font-large);
    text-align: center;
    color: var(--color-black);
}
#airconsale_ew h2 span {
    display: block;
    font-size: .7em;
}
#airconsale_ew h2.red_ew {
    color: var(--color-white);
    background: var(--color-red1);
}
#airconsale_ew h2.orange_ew {
    color: var(--color-white);
    background: var(--color-orange1);
}
#airconsale_ew h2.blue_ew {
    color: var(--color-white);
    background: var(--color-blue1);
}
#airconsale_ew h2.black_ew {
    color: var(--color-white);
    background: var(--color-black);
}
#airconsale_ew h3 {
    font-size: var(--font-large);
}
#airconsale_ew .note_ew {
    font-size: var(--font-small);
    margin-bottom: var(--margin-24);
}
#airconsale_ew .note_ew li {
    margin-left: 1.5em;
    /* margin-bottom: .2em; */
    text-indent: -1.5em;
}
#airconsale_ew .note_ew li::before {
  content: "※";
  margin-right: .25em;
}
#airconsale_ew .note_ew a,
#airconsale_ew .link_ew a  {
    color: var(--color-eblue);
    font-weight: bold;
}
#airconsale_ew .link_ew {
    text-align: right;
    font-size: var(--font-small);
    font-weight: 500;
}
#airconsale_ew .marker_ew {
    display: inline;
    background: linear-gradient(transparent 60%, #fff000 0%);
}

/* button */
#airconsale_ew .btn-wrapper_ew {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px 10px;
}

#airconsale_ew .btn_ew {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    width: min(90%, 600px);
    margin: 0 auto;
    padding: .6em;
    font-size: var(--font-small);
    font-weight: bold;
    text-align: left;
    border-radius: 8px;
    color: var(--color-white);
    transition: all .2s;
}
#airconsale_ew .btn-wrapper_ew>.btn_ew {
    margin: 0;
}
#airconsale_ew .btn_ew.red_ew {
    background: var(--color-red1);
    border: 2px solid var(--color-red2);
    box-shadow: 0 5px 0 var(--color-red2);
}
#airconsale_ew .btn_ew.orange_ew {
    background: var(--color-orange1);
    border: 2px solid var(--color-orange2);
    box-shadow: 0 5px 0 var(--color-orange2);
}
#airconsale_ew .btn_ew.blue_ew {
    background: var(--color-blue1);
    border: 2px solid var(--color-blue2);
    box-shadow: 0 5px 0 var(--color-blue2);
}
#airconsale_ew .btn_ew:hover {
    box-shadow: none;
    transform: translateY(5px);
    opacity: 1;
}
#airconsale_ew .btn_ew .arrow_ew {
    margin-left: .5em;
}
#airconsale_ew .btn-wrapper_ew>.btn_ew::after {
    content: '▼';
}

#airconsale_ew .btn-wrapper_ew>.btn_ew:hover {
    box-shadow: none;
    transform: translateY(5px);
    opacity: 1;
}

/* item */
#airconsale_ew .itemwrapper_ew {
    height: 10%;
    background: url(/ito/contents/special/js/lightbox/img/loading.gif) no-repeat center / 18px;
    margin: 0 auto var(--margin-48);
    padding-bottom: var(--margin-48);
}
#airconsale_ew .red_ew .itemwrapper_ew {
    border-bottom: 4px dotted var(--color-red1);
}
#airconsale_ew .orange_ew .itemwrapper_ew {
    border-bottom: 4px dotted var(--color-orange1);
}
#airconsale_ew .blue_ew .itemwrapper_ew {
    border-bottom: 4px dotted var(--color-blue1);
}
#airconsale_ew .itemwrapper_ew:last-child {
    border-bottom: none;
    margin: 0 auto;
    padding: 0;
}
#airconsale_ew .itemwrapper_ew.isActive {
    height: auto;
    background: none;
}
#airconsale_ew .itemwrapper_ew .sub_ew {
    margin-top: var(--margin-48);
}
#airconsale_ew .itemwrapper_ew .sub_ew ul{
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
}
#airconsale_ew .itemwrapper_ew a {
    display: block;
    position: relative;
}
#airconsale_ew .itemwrapper_ew .text_ew {
    display: none;
    line-height: 2;
    font-size: var(--font-medium);
    font-weight: bold;
}
#airconsale_ew .itemwrapper_ew.isActive .text_ew {
    display: block;
}
#airconsale_ew .price_wrapper_ew {
    position: absolute;
    bottom: -4%;
    left: 3%;
}
#airconsale_ew .price_wrapper_ew>*{
    display: inline-block;
    padding-right: .05em;
}
#airconsale_ew .price_ew {
    font-family: var(--font-anton);
    font-weight: 400;
    color: var(--color-red1);
}
#airconsale_ew .en_ew,
#airconsale_ew .zei_ew {
    font-family: var(--font-mplus1);
    font-weight: 800;
    color: var(--color-black);
}
#airconsale_ew .en_ew {
    font-size: .5em;
}
#airconsale_ew .zei_ew {
    font-size: .3em;
}

/* tooltip */
#airconsale_ew .tooltip-trigger_ew {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    padding: 12px 8px;
    font-size: 14px;
    font-weight: bold;
    color: var(--color-white);
    background: rgba(0, 0, 0, 0.9);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
    cursor: pointer;
    z-index: 9;
}
#airconsale_ew .tooltip-trigger_ew:hover {
    background: rgba(29, 80, 162, 1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
    transition: .2s;
}
#airconsale_ew .tooltip_ew {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(90%, 800px);
    padding: 1em;
    border-radius: 4px;
    font-size: calc(var(--font-small) * 0.8);
    text-align: left;
    color: var(--color-black);
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
    z-index: 999;
}
#airconsale_ew .tooltip_ew dt {
    margin-bottom: .5em;
    padding-bottom: .25em;
    font-weight: bold;
    border-bottom: 1px dotted var(--color-black);
}
#airconsale_ew .tooltip_ew>dl>dt {
    text-align: center;
    font-size: 1.2em;
    border-bottom: none;
}
#airconsale_ew .tooltip_ew dd {
    margin: 0 0 1em 0;
}
#airconsale_ew .tooltip-close_ew {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
    background: url(/ito/img/0to/0000003335/icon-close.png?v=251203) no-repeat center top / cover;
    cursor: pointer;
}
#airconsale_ew .tooltip-bg_ew {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
}
#airconsale_ew .tooltip-trigger_ew,
#airconsale_ew .tooltip_ew,
#airconsale_ew .tooltip-bg_ew {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}
#airconsale_ew .tooltip-trigger_ew.isActive,
#airconsale_ew .tooltip_ew.isActive,
#airconsale_ew .tooltip-bg_ew.isActive {
    visibility: visible;
    opacity: 1;
}

/* frame */
#airconsale_ew .frame_ew.red_ew {
    border: 4px solid var(--color-red1);
}
#airconsale_ew .frame_ew.orange_ew {
    border: 4px solid var(--color-orange1);
}
#airconsale_ew .frame_ew.blue_ew {
    border: 4px solid var(--color-blue1);
}

/* reflection */
#airconsale_ew .reflection_ew{
    display: block;
    position: relative;
    overflow: hidden;
}
#airconsale_ew .reflection_ew:before {
    position: absolute;
    content: "";
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 45%, rgba(255, 255, 255, 0) 100%);
    transform: skewX(-45deg);
    animation: reflection 4s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite;
}
@keyframes reflection {
    0% {left: -100%;}
    8% {left: 100%;}
    100% {left: 100%;}
}

/* sale2023 */
#airconsale_ew .sale2023_ew {
    background: #ffffcd;
    padding: var(--margin-64) var(--margin-32);
}
#airconsale_ew .sale2023_ew .btn_ew {
    justify-content: center;
    width: 100%;
    border: 4px solid var(--color-red2);
    box-shadow: none;
}
#airconsale_ew .sale2023_ew .btn_ew:hover {
    transform: translateY(0);
    opacity: .75;
}
#airconsale_ew .sale2023_ew .speechbubble_ew {
    position: relative;
    width: min(85%, 900px);
    margin: 0 auto var(--margin-24);
    padding: .2em .4em;
    font-size: var(--font-medium);
    font-weight: bold;
    text-align: center; 
    background: var(--color-yellow);
    background-image: repeating-linear-gradient(-45deg, #fff000, #fff000 10px, #ebdf32 10px, #ebdf32 20px);
    border-radius: 8px;
    border: 4px solid var(--color-black);
}
#airconsale_ew .sale2023_ew .speechbubble_ew::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 50%;
  border-style: solid;
  border-width: 12px 12px 0 12px;
  border-color: var(--color-black) transparent transparent;
  translate: -50% 100%;
}

/* icon */
#airconsale_ew .icon_ew {
    position: relative;
}
#airconsale_ew .icon_ew::after {
    content: "";
    position: absolute;
    display: block;
    z-index: 1;
}
#airconsale_ew .icon_ew.iina01_ew::after {
    background: url(/ito/img/0to/0000003335/iina01.png?v=251203) no-repeat center / contain;
}
#airconsale_ew .icon_ew.iina02_ew::after {
    background: url(/ito/img/0to/0000003335/iina02.png?v=251203) no-repeat center / contain;
}
#airconsale_ew .icon_ew.iina03_ew::after {
    background: url(/ito/img/0to/0000003335/iina03.png?v=251203) no-repeat center / contain;
}
#airconsale_ew .icon_ew.iina04_ew::after {
    background: url(/ito/img/0to/0000003335/iina04.png?v=251203) no-repeat center / contain;
}
#airconsale_ew .icon_ew.bigger_ew.isActive::after {
    animation: bigger 4s ease-in-out 1;
}
#airconsale_ew .icon_ew.swing_ew.isActive::after {
    animation: swing 4s ease-in-out 1;
}

/* section:intro_ew */
#airconsale_ew #intro_ew .summary_ew {
    padding: var(--margin-24);
    font-size: var(--font-small);
    font-weight: 500;
    color: var(--color-black);
    background: url(/ito/img/0to/0000003335/bg.png?v=251203) no-repeat top / cover;
    background-color: #fdeea7;
    border: clamp(0.25rem, 0.167rem + 0.42vw, 0.5rem) solid var(--color-orange2);
}
#airconsale_ew #intro_ew .summary_ew p {
    line-height: 1.6;
}
#airconsale_ew #intro_ew .summary_ew span {
    color: var(--color-black);
    font-size: 1.2em;
    font-weight: 700;
  text-shadow:  1px 0 var(--color-white), -2px -2px 0 var(--color-white),
  -2px 2px 0 var(--color-white),  2px -2px 0 var(--color-white),
  2px 0 0 var(--color-white), -2px  0 0 var(--color-white),
  0 2px 0 var(--color-white),  0 -2px 0 var(--color-white); 
}

/* section:aircon2027problem */
#airconsale_ew #aircon2027problem .frame_ew {
    padding: var(--margin-32);
}
#airconsale_ew #aircon2027problem h2 {
    position: relative;
    padding: 0 0 var(--margin-48) 0;
}
#airconsale_ew #aircon2027problem h2::before {
    content: '';
    position: absolute;
    bottom: calc(var(--margin-48) - 12px);
    display: inline-block;
    width: 50px;
    height: 6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color:var(--color-red1);
    border-radius: 20px;
}
#airconsale_ew #aircon2027problem p {
    font-size: var(--font-small);
    line-height: 1.7;
}

/* section:news_ew */
#airconsale_ew #news_ew h2 {
    padding: 0 0 var(--margin-32) 0;
    background: var(--color-gray);
}
#airconsale_ew #news_ew {
    padding: var(--margin-32) var(--margin-24);
    background: var(--color-gray);
}
#airconsale_ew #news_ew ul {
    display: flex;
    flex-flow: row wrap;
    gap: 20px;
}
#airconsale_ew #news_ew ul li a {
    color: var(--color-black);
}
#airconsale_ew #news_ew ul li a>div {
    overflow: hidden;
    margin-bottom: 5px;
}
#airconsale_ew #news_ew ul li a p {
    font-size: calc(var(--font-small) * 0.8);
}
#airconsale_ew #news_ew ul li a:hover img {
    transform: scale(1.05);
    transition:.1s all;
}
#airconsale_ew #news_ew ul li a:hover p{
    font-weight: bold;
}

@media screen and (min-width: 601px) {
    #airconsale_ew .tb_ew {
        display: block;
    }
    #airconsale_ew .tooltip-trigger_ew {
        width: 180px;
        bottom: 100px;
        right: 20px;
    }
}
@media screen and (max-width: 600px) {
    #airconsale_ew .tb_ew {
        display: none;
    }
    #airconsale_ew .tooltip-trigger_ew {
        width: 100%;
        top: 0;
        left: 0;
    }
}
@media screen and (min-width: 961px) {
    #incitemarea1 #resultBox ul li:nth-child(n+6) {
        display: none;
    }
    #airconsale_ew .pc_ew {
        display: block;
    }
    #airconsale_ew .sp_ew {
        display: none;
    }
    #airconsale_ew .btn-wrapper_ew>.btn_ew {
        width: calc(100% / 3 - 10px);
    }
    #airconsale_ew .frame_ew {
        padding: var(--margin-48);
    }
    #airconsale_ew .icon_ew::after {
        width: 140px;
        height: 140px;
    }
    #airconsale_ew .icon_ew::after {
        right: 5%;
        top: 50%;
        transform: translateY(-50%);
    }
    @keyframes swing {
        0%  { top: 50%; }
        3%  { top: 35%; }
        6%  { top: 50% }
        9%  { top: 35%; }
        12% { top: 50%; }
        100% { top: 50%; }
    }
    #airconsale_ew .sale2023_ew .icon_ew::after {
        top: -15%;
        right: calc(14% + (var(--margin-48) * -1));
    }
    @keyframes bigger {
        0%  { transform: scale(1.0) translateY(-50%);}
        5%  { transform: scale(1.2) translateY(-50%);}
        10%  { transform: scale(1.2) translateY(-50%);}
        15%  { transform: scale(1.2) translateY(-50%);}
        20%  { transform: scale(1.0) translateY(-50%);}
    }
    #airconsale_ew .itemwrapper_ew .sub_ew li{
        width: calc((100% - 20px) / 3);
    }
    #airconsale_ew .price_wrapper_ew {
        font-size: var(--font-price_pc);
    }
    #airconsale_ew #news_ew ul li {
        width: calc((100% - 60px) / 4);
    }
}
@media screen and (max-width: 960px) {
    #incitemarea1 #resultBox ul li:nth-child(n+5) {
        display: none;
    }
    #airconsale_ew .pc_ew {
        display: none;
    }
    #airconsale_ew .sp_ew {
        display: block;
    }
    #airconsale_ew .btn-wrapper_ew>.btn_ew {
        width: calc(100% / 2 - 5px);
    }
    #airconsale_ew .frame_ew {
        padding: var(--margin-24);
    }
    #airconsale_ew .icon_ew::after {
        width: min(16%, 80px);
        height: 100%;
    }
    #airconsale_ew .icon_ew::after {
        right: 1%;
        top: -25%;
    }
    @keyframes swing {
        0%  { top: -25%; }
        3%  { top: -35%; }
        6%  { top: -25% }
        9%  { top: -35%; }
        12% { top: -25%; }
        100% { top: -25%; }
    }
    #airconsale_ew .sale2023_ew .icon_ew::after {
        top: 20%;
        right: calc(12% + (var(--margin-48) * -1));
    }
    @keyframes bigger {
        0%  { transform: scale(1.0) ;}
        5%  { transform: scale(1.2) ;}
        10%  { transform: scale(1.2) ;}
        15%  { transform: scale(1.2) ;}
        20%  { transform: scale(1.0) ;}
    }
    #airconsale_ew .itemwrapper_ew .sub_ew li{
        width: calc((100% - 10px) / 2);
    }
    #airconsale_ew .price_wrapper_ew {
        font-size: var(--font-price_sp);
    }
    #airconsale_ew #news_ew ul li {
        width: calc((100% - 20px) / 2);
    }
}
@media screen and (max-width: 320px) { 
    #airconsale_ew .icon_ew::after {
        display: none;
    }
}