﻿#refine_event,#info_event{margin-left:auto;margin-right:auto;max-width:1400px;box-sizing:border-box}@media screen and (max-width: 1023px){#refine_event,#info_event{border-bottom:1px solid #d1d3d4;padding-left:10px;padding-right:10px}}@media screen and (min-width: 1024px){#refine_event,#info_event{align-items:center;margin-bottom:30px;padding-right:40px}}@media screen and (max-width: 1023px){#refine_event h3,#info_event h3{padding-top:15px;padding-bottom:15px;position:relative}#refine_event h3::after,#info_event h3::after{font-family:"icon";content:"+";font-size:20px;position:absolute;right:0;top:50%;transform:translateY(-50%)}}#refine_event .search_clause,#info_event .search_clause{font-size:1rem;margin-bottom:8px}@media screen and (max-width: 1023px){#refine_event .search_clause::after,#info_event .search_clause::after{content:"-"}}#refine_event>div,#info_event>div{align-items:center}@media screen and (max-width: 1023px){#refine_event>div,#info_event>div{flex-wrap:wrap;margin-bottom:-10px;padding-bottom:15px;display:flex}}@media screen and (min-width: 1024px){#refine_event>div,#info_event>div{display:flex !important;width:calc(100% - 5em);flex:1 1 calc(100% - 5em)}}#refine_event>div label,#info_event>div label{cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:5px;box-sizing:border-box;width:calc((100% - 10px)/2);flex:0 0 calc((100% - 10px)/2);background-color:#f1f2f2}@media screen and (max-width: 1024px){#refine_event>div label,#info_event>div label{margin-bottom:10px}#refine_event>div label:nth-of-type(odd),#info_event>div label:nth-of-type(odd){margin-right:10px}}@media screen and (min-width: 1024px){#refine_event>div label,#info_event>div label{width:calc((100% - 10px*4)/3);flex:0 0 calc((100% - 10px*4)/3)}#refine_event>div label:not(:last-of-type),#info_event>div label:not(:last-of-type){margin-right:10px}}@media screen and (min-width: 768px){.event-btns{display:flex;max-width:1400px;margin:0 auto}}@media screen and (min-width: 768px){.event-btns #refine_event,.event-btns #info_event{width:46%}}@media screen and (max-width: 1023px){.event-btns #refine_event,.event-btns #info_event{border-top:1px solid #d1d3d4}}.event-btns #refine_event>div label,.event-btns #info_event>div label{height:58px;line-height:1;cursor:pointer}.event-btns #refine_event>div label svg,.event-btns #info_event>div label svg{width:85%;height:85%;fill:#013048}.event-btns #refine_event input[type=checkbox]:checked+label svg,.event-btns #info_event input[type=checkbox]:checked+label svg{fill:#fff}.event-btns #refine_event input[type=checkbox]:checked+.color_interop,.event-btns #info_event input[type=checkbox]:checked+.color_interop{background-color:#013048}.event-btns #refine_event input[type=checkbox]:checked+.color_dsj,.event-btns #info_event input[type=checkbox]:checked+.color_dsj{background-color:#d12333}.event-btns #refine_event input[type=checkbox]:checked+.color_location,.event-btns #info_event input[type=checkbox]:checked+.color_location{background-color:#0076b1}.event-btns #refine_event input[type=checkbox]:checked+.color_apps,.event-btns #info_event input[type=checkbox]:checked+.color_apps{background-color:#9f66a9}.event-btns #refine_event input[type=checkbox]:checked+.color_aine,.event-btns #info_event input[type=checkbox]:checked+.color_aine{background-color:#7b8da1}.event-btns #refine_event input[type=checkbox]:checked+.color_vaiex,.event-btns #info_event input[type=checkbox]:checked+.color_vaiex{background-color:#009ec0}.event-btns #refine_event input[type=checkbox]:checked+.color_connected,.event-btns #info_event input[type=checkbox]:checked+.color_connected{background-color:#00aabc}.event-btns #refine_event input[type=checkbox]:checked+.color_instore,.event-btns #info_event input[type=checkbox]:checked+.color_instore{background-color:#fb5d8d}.event-btns #info_event .btn_lo_column{justify-content:center;text-align:left;font-weight:normal;font-size:.8rem;line-height:1.2;padding:0 10px}.event-btns #info_event .btn_lo_column svg{display:block;fill:#013048;width:20px;height:20px;flex:0 0 20px}@media screen and (min-width: 1200px){.event-btns #info_event .btn_lo_column svg{width:30px;height:30px;flex:0 0 30px}}.event-btns #info_event .btn_lo_column svg{margin-right:10px}.event-btns #info_event input[type=checkbox]:checked+label{background-color:#013048;color:#f1f2f2}.event-btns #info_event input[type=checkbox]:checked+label svg{fill:#f1f2f2}.fade-enter-active,.fade-leave-active{will-change:opacity;transition:opacity 275ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}.fade-enter,.fade-leave-to{opacity:0}[v-cloak]{display:none}#product{padding-top:15px;padding-bottom:40px}@media screen and (min-width: 768px){#product{padding-top:40px;padding-bottom:80px}}#product{padding-left:10px;padding-right:10px;margin-left:auto;margin-right:auto;max-width:1400px;box-sizing:border-box;line-height:1.4}#product .icon_d_dl{background-color:#f1f2f2;border:1px solid #013048;color:#013048;padding:5px 7px;line-height:1;display:inline-block;border-radius:4px;font-weight:bold;font-size:12px;margin-bottom:3px}@media screen and (min-width: 768px){#product .icon_d_dl{font-size:14px}}#product h2{color:rgba(38,38,38,.7);font-weight:bold;margin-bottom:15px;margin-left:auto;margin-right:auto;max-width:1400px;box-sizing:border-box}@media screen and (max-width: 767px){#product h2{font-size:1.3rem}}@media screen and (min-width: 768px){#product h2{margin-bottom:40px}}#product h2 span{font-weight:normal;display:block;font-family:"Oswald",sans-serif;color:#000;font-size:4rem}@media screen and (min-width: 768px){#product h2 span{font-size:3.3rem}}#product input[type=checkbox]{display:none}#product>div form{padding:50px 0}#product>div form>input[type=text]{border:1px solid #000;box-sizing:border-box;padding:.3em .5em;width:100%;max-width:500px;border-radius:5px;margin-bottom:1em}#product>div{padding-top:30px;padding-bottom:30px}@media screen and (min-width: 768px){#product>div{padding-top:40px;padding-bottom:40px}}#product>div>p{font-weight:bold}#product>div>p .icon_d_dl{margin:0 5px}#product>div>ul{margin:-15px -10px}@media screen and (min-width: 428px){#product>div>ul{display:flex;flex-wrap:wrap}}@media screen and (min-width: 768px){#product>div>ul{margin:-20px}}#product>div>ul li{display:flex;flex-direction:column;margin:15px 10px}@media screen and (min-width: 428px){#product>div>ul li{flex:0 0 auto;width:calc(50% - 10px*2)}}@media screen and (min-width: 768px){#product>div>ul li{width:calc((100% - 1px)/3 - 20px*2);margin:20px}}@media screen and (max-width: 428px){#product>div>ul li{margin-bottom:40px}}#product>div>ul li>div{width:auto;height:56vw;overflow:hidden;display:block}#product>div>ul li>div>img,#product>div>ul li>div>svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;font-family:"object-fit: contain;"}#product>div>ul li>div{max-height:250px;margin-bottom:10px}@media screen and (min-width: 428px){#product>div>ul li>div{height:28vw}}@media screen and (min-width: 768px){#product>div>ul li>div{height:17vw;margin-bottom:15px}}#product>div>ul li>div:empty{background-color:#ccc}#product>div>ul li>div iframe{width:100%;height:100%;top:0;bottom:0}#product>div>ul li>div>img.thumb{object-fit:cover}#product>div>ul li>div.icons{height:unset}#product>div>ul li h3{font-weight:bold}#product>div>ul li .co_name{margin:.5em 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#product>div>ul li .co_name:last-child{margin-bottom:0}#product>div>ul li a p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:3em}#product>div>ul li .icon_d_dl{margin-top:auto;align-self:flex-start}#product>div>ul li a{text-decoration:underline}@media screen and (min-width: 768px){#product>div>ul li a:hover{text-decoration:none}}#product>div>ul li a{color:#013048;margin:0}#product>div>ul .int,#product>div>ul .dsj,#product>div>ul .cmt,#product>div>ul .lbj,#product>div>ul .apps,#product>div>ul .aine{position:relative}#product>div>ul .int::before,#product>div>ul .dsj::before,#product>div>ul .cmt::before,#product>div>ul .lbj::before,#product>div>ul .apps::before,#product>div>ul .aine::before{position:absolute;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;font-weight:bold;border-radius:5px;width:36px;height:36px;font-size:1.5rem;top:5px;left:5px;z-index:100}@media screen and (min-width: 1024px){#product>div>ul .int::before,#product>div>ul .dsj::before,#product>div>ul .cmt::before,#product>div>ul .lbj::before,#product>div>ul .apps::before,#product>div>ul .aine::before{width:50px;height:50px;font-size:1.9rem;top:15px;left:15px}}#product>div>ul .int::before{content:"INT";background-color:#013048}#product>div>ul .dsj::before{content:"DSJ";background-color:#d12333}#product>div>ul .cmt::before{content:"CMT";background-color:#00aabc}#product>div>ul .lbj::before{content:"LBJ";background-color:#0076b1}#product>div>ul .apps::before{content:"APPS";background-color:#9f66a9;letter-spacing:-1px}#product>div>ul .aine::before{content:"AINE";background-color:#7b8da1;letter-spacing:-1px}#product>div>button{display:flex;justify-content:center;align-items:center;text-align:center;width:10em;height:40px;margin:30px auto 0;border:1px solid #d1d3d4;transition:opacity 1s ease-in-out 0s,transform 1s ease-in-out 0s,background .3s !important}@media screen and (min-width: 768px){#product>div>button{margin-top:40px}}#product>div>button::before{content:"+ ";font-family:"icon"}@media screen and (min-width: 768px){#product>div>button:hover{background:#f9f9f9}}
