@charset "UTF-8"; /* NotoSans - Black 900 */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;900&display=swap'); .pc_block{display:block} .sp_block{display:none} @media only screen and (min-width:640.998px){ .pc_block{display:block} .sp_block{display:none} .contents_wrap{width: auto;} .contents_wrap-inner{width: 980px; margin: 0 auto;} .main .inner{width: 980px; margin: 0 auto;padding: 0 14px;} } @media only screen and (max-width:640px){ .pc_block{display:none} .sp_block{display:block} } /* ============================ iifes2024 ============================= */ /* iifes2024 - common */ .iifes2024{font-family: Roboto,sans-serif;} .iifes2024 *, .iifes2024 *::before, .iifes2024 *::after{box-sizing: border-box;} /* iifes2024 - section */ .iifes2024 #intro, .iifes2024 #news, .iifes2024 #joint_exhibition, .iifes2024 #access_booth, .iifes2024 #access{padding-bottom: 60px;} .iifes2024 #campaign{padding: 40px 0 65px;} @media only screen and (max-width:640px){ .iifes2024 #intro, .iifes2024 #news, .iifes2024 #joint_exhibition, .iifes2024 #access_booth, .iifes2024 #access{padding-bottom: 30px;} .iifes2024 #campaign{padding: 40px 0 30px;} } /* iifes2024 - bg-color */ .iifes2024 #news, .iifes2024 #joint_exhibition, .iifes2024 #access{background-color: #e5eef3;} /* iifes2024 - heading */ .iifes2024 h3.heading_title{color: #007cb6;font-weight: 700;text-align: center;} .iifes2024 h3.heading_title > span{display: inline-block; position: relative;} .iifes2024 h3.heading_title > span::before{content: ''; display: block; position: absolute; bottom: -18px; left: 0; right: 0; margin: auto; width: 60px; height: 5px; border-right: 30px solid #00479d; background-color: #0093d8;} .iifes2024 .heading_description {font-size: 1rem;font-weight: 700;text-align: center;margin: 20px auto 30px;font-feature-settings: "palt";letter-spacing: 0.06em;} .iifes2024 .heading_description strong, .iifes2024 .heading_description strong > a {color: #0066b5;} @media only screen and (min-width:640.998px){ .iifes2024 h3.heading_title{padding-top: 1.25em; font-size: 2rem;line-height: 1;margin-bottom: 45px;} .iifes2024 #access h3.heading_title, .iifes2024 #campaign h3.heading_title{padding-top: 1.5em;} } @media only screen and (max-width:640px){ .iifes2024 h3.heading_title{padding-top: 1.3333em; font-size: 1.428rem;line-height: 1;margin-bottom: 0.83333333em;} .iifes2024 .heading_description {font-size: 0.857rem; padding: 0 20px;} .iifes2024 h3.heading_title > span::before{bottom: -14px;} } /* products_head - pc */ #products #products_head{background-color: #e5eef3;} #products #products_head .inner{width: calc(980px + 28px);} #products #products_head h3.heading_title{color: #007cb6;padding-top: 60px;} #products #products_head h3.heading_title > span::before{background-color: #0093d8;border-right-color: #00479d;} #products #products_head .heading_description{color: #333;} #products #products_head .heading_description > a{color: #007cb6;text-decoration: underline;} #products #products_head .heading_description > a:hover{text-decoration: none;} #products #products_head ul.tab_products{display: flex; justify-content: flex-start; flex-wrap: wrap;} #products #products_head ul.tab_products li{display: flex; justify-content: center; align-items: center; position: relative; background-color: #fff; color: #333; font-size: 0.937rem; line-height: calc(15 / 14); text-align: center; text-decoration: none; border-top: 4px solid #00469d; border-bottom: 1px solid #e5eef3; cursor: pointer; transition: all .2s ease;} #products #products_head ul.tab_products li{width: calc(100% / 4); height: 55px;} #products #products_head ul.tab_products li::before{content: ''; display: block; position: absolute; left: 0; top: -4px; width: 1px; height: calc(100% + 4px); background-color: #e5eef3;} #products #products_head ul.tab_products li.active, #products #products_head ul.tab_products li:hover{color: #fff; font-weight: 700;} /* products_head - color */ #products #products_head ul.tab_products li.c_000{border-top-color: #00377A;} #products #products_head ul.tab_products li.c_000:hover, #products #products_head ul.tab_products li.c_000.active{background-color: #00377A;} #products #products_head ul.tab_products li.c_001{border-top-color: #00469d;} #products #products_head ul.tab_products li.c_001:hover, #products #products_head ul.tab_products li.c_001.active{background-color: #00469d;} #products #products_head ul.tab_products li.c_002{border-top-color: #007ac4;} #products #products_head ul.tab_products li.c_002:hover, #products #products_head ul.tab_products li.c_002.active{background-color: #007ac4;} #products #products_head ul.tab_products li.c_003{border-top-color: #47844a;} #products #products_head ul.tab_products li.c_003:hover, #products #products_head ul.tab_products li.c_003.active{background-color: #47844a;} #products #products_head ul.tab_products li.c_004{border-top-color: #a96809;} #products #products_head ul.tab_products li.c_004:hover, #products #products_head ul.tab_products li.c_004.active{background-color: #a96809;} #products #products_head ul.tab_products li.c_005{border-top-color: #697f21;} #products #products_head ul.tab_products li.c_005:hover, #products #products_head ul.tab_products li.c_005.active{background-color: #697f21;} #products #products_head ul.tab_products li.c_006{border-top-color: #585858;} #products #products_head ul.tab_products li.c_006:hover, #products #products_head ul.tab_products li.c_006.active{background-color: #585858;} #products #products_head ul.tab_products li.c_007{border-top-color: #004878;} #products #products_head ul.tab_products li.c_007:hover, #products #products_head ul.tab_products li.c_007.active{background-color: #004878;} #products #products_head ul.tab_products li.c_008{border-top-color: #d44152;} #products #products_head ul.tab_products li.c_008:hover, #products #products_head ul.tab_products li.c_008.active{background-color: #d44152;} /* products_head - pc */ @media only screen and (min-width:640.998px){ #products #products_head ul.tab_products li.tab_09{font-size: 0.875rem;} #products #products_head ul.tab_products li:nth-of-type(n + 5){width: calc(100% / 5);} #products #products_head ul.tab_products li.tab_01::before, #products #products_head ul.tab_products li.tab_05::before{display: none;} } /* products_head - sp */ @media only screen and (max-width:640px){ #products #products_head .inner{width: 100%; padding: 0;} #products #products_head h3.heading_title{padding-top: 30px; margin-bottom: 38px; line-height: 1.2;} #products #products_head h3.heading_title > span::before{height: 4px; width: 50px;} #products #products_head ul.tab_products li{font-size: 0.687rem; width: calc(100% / 2); height: 40px; padding-bottom: 2px;} #products #products_head ul.tab_products li:first-of-type{width: 100%;} #products #products_head ul.tab_products li::after{bottom: 5px; margin: auto; width: 7px; height: 5px; background: url(/fa/events-seminars/exhibitions/2024/iifes2024/assets/img/icon_arrow_bottom_blue.png) 0 0 no-repeat; background-size: 7px 5px;} #products #products_head ul.tab_products li:first-of-type:before, #products #products_head ul.tab_products li:nth-of-type(2n):before{display: none;} } /* products_body - pc */ #products #products_body{position: relative;} #products #products_body .tab_contents_wrap > section{display: none;} #products #products_body .tab_contents_wrap > section.active{display: block;} #products #products_body{padding: 45px 0 75px; background-image: url(/fa/events-seminars/exhibitions/2024/iifes2024/assets/img/bg_02_pc.jpg); background-position: center bottom 20%; background-repeat: no-repeat;} #products #products_body #tab_contents_01::before{content: ''; display: block; position: absolute; width: 1600px; height: 651px; top: 0; left: 0; right: 0; margin: auto;/* background: url(/fa/events-seminars/exhibitions/2024/iifes2024/assets/img/bg_01_pc.jpg) 0 0 no-repeat; */ z-index: -1;} #products #products_body .inner{width: calc(980px + 28px);} @media only screen and (max-width:1620px){ #products #products_body #tab_contents_01::before{width: 100%; height: 100%; background-size: 100% auto;} } /* products_body - sp */ @media only screen and (max-width:640px){ #products #products_body{padding: 15px 0 50px;} #products #products_body .inner{width: 100%;} #products #products_body #tab_contents_01::before{display: none;} } /* products_body - booth_list - pc */ #products #products_body ul.booth_list li{display: flex; justify-content: space-between; background-color: #e5eef3; padding: 30px; margin-top: 20px;} #products #products_body ul.booth_list li:first-of-type{margin-top: 0;} #products #products_body ul.booth_list li .booth_photo{width: 340px;} #products #products_body ul.booth_list li .booth_photo img{display: block; width: auto; max-width: 100%;} #products #products_body ul.booth_list li .booth_text{width: calc(100% - 390px);} #products #products_body ul.booth_list li .booth_text .title_sub{font-size: 1.062rem; font-weight: 700; color: #00479d; line-height: calc(26 / 17); padding-top: 4px; margin-bottom: 6px;} #products #products_body ul.booth_list li .booth_text .title_main{font-size: 1.75rem; font-weight: 700; color: #333; line-height: 1; font-feature-settings: "palt"; margin-bottom: 18px;} #products #products_body ul.booth_list li .booth_text p{font-size: 1rem; line-height: calc(26 / 16); font-feature-settings: "palt";} #products #products_body ul.booth_list li .btn_booth{overflow: hidden; margin-top: 16px;} #products #products_body ul.booth_list li .btn_booth a{display: inline-flex; justify-content: center; align-items: center; position: relative; background-color: #0086c4; font-size: 0.875rem; color: #fff; font-weight: 700; line-height: 1; height: 36px; padding: 0 26px 2px 32px; text-decoration: none; transition: opacity .2s ease;} #products #products_body ul.booth_list li .btn_booth a::after{content: ''; position: absolute; right: -14px; bottom: 0; width: 0;height: 0;border-style: solid;border-color: transparent transparent transparent #0086c4;border-width: 38px 0px 0px 14px;} #products #products_body ul.booth_list li .btn_booth a:hover{opacity: .7;} /* products_body - booth_list - color */ #products #products_body ul.booth_list li.c_001{background-color: #edf2f8;} #products #products_body ul.booth_list li.c_001 .booth_text .title_main{color: #00479d;} #products #products_body ul.booth_list li.c_001 .btn_booth a{background-color: #00469d;} #products #products_body ul.booth_list li.c_001 .btn_booth a::after{border-color: transparent transparent transparent #00469d;} #products #products_body ul.booth_list li.c_002{background-color: #ebf2f6;} #products #products_body ul.booth_list li.c_002 .booth_text .title_main{color: #007ac4;} #products #products_body ul.booth_list li.c_002 .btn_booth a{background-color: #007ac4;} #products #products_body ul.booth_list li.c_002 .btn_booth a::after{border-color: transparent transparent transparent #007ac4;} #products #products_body ul.booth_list li.c_003{background-color: #f0f8ef;} #products #products_body ul.booth_list li.c_003 .booth_text .title_main{color: #47844a;} #products #products_body ul.booth_list li.c_003 .btn_booth a{background-color: #47844a;} #products #products_body ul.booth_list li.c_003 .btn_booth a::after{border-color: transparent transparent transparent #47844a;} #products #products_body ul.booth_list li.c_004{background-color: #f6f1ea;} #products #products_body ul.booth_list li.c_004 .booth_text .title_main{color: #c07817;} #products #products_body ul.booth_list li.c_004 .btn_booth a{background-color: #a96809;} #products #products_body ul.booth_list li.c_004 .btn_booth a::after{border-color: transparent transparent transparent #a96809;} #products #products_body ul.booth_list li.c_005{background-color: #ecf1e3;} #products #products_body ul.booth_list li.c_005 .booth_text .title_main{color: #5e7b21;} #products #products_body ul.booth_list li.c_005 .btn_booth a{background-color: #697f21;} #products #products_body ul.booth_list li.c_005 .btn_booth a::after{border-color: transparent transparent transparent #697f21;} #products #products_body ul.booth_list li.c_006{background-color: #eeeeee;} #products #products_body ul.booth_list li.c_006 .booth_text .title_main{color: #585858;} #products #products_body ul.booth_list li.c_006 .btn_booth a{background-color: #585858;} #products #products_body ul.booth_list li.c_006 .btn_booth a::after{border-color: transparent transparent transparent #585858;} #products #products_body ul.booth_list li.c_007{background-color: #e6ebef;} #products #products_body ul.booth_list li.c_007 .booth_text .title_main{color: #004878;} #products #products_body ul.booth_list li.c_007 .btn_booth a{background-color: #004878;} #products #products_body ul.booth_list li.c_007 .btn_booth a::after{border-color: transparent transparent transparent #004878;} #products #products_body ul.booth_list li.c_008{background-color: #f7eeef;} #products #products_body ul.booth_list li.c_008 .booth_text .title_main{color: #d44152;} #products #products_body ul.booth_list li.c_008 .btn_booth a{background-color: #d44152;} #products #products_body ul.booth_list li.c_008 .btn_booth a::after{border-color: transparent transparent transparent #d44152;} /* products_body - booth_list - sp */ @media only screen and (max-width:640px){ #products #products_body ul.booth_list li{display: block; padding: 20px; margin-top: 20px;} #products #products_body ul.booth_list li .booth_photo{width: 100%;} #products #products_body ul.booth_list li .booth_text{width: 100%;} #products #products_body ul.booth_list li .booth_text .title_sub{font-size: 0.75rem; line-height: calc(26 / 17); padding-top: 4px; margin-bottom: 6px; text-align: center;} #products #products_body ul.booth_list li .booth_text .title_main{font-size: 1.125rem; margin-bottom: 18px; text-align: center;} #products #products_body ul.booth_list li .booth_text p{font-size: 0.812rem; line-height: calc(26 / 16); font-feature-settings: "palt"; margin-bottom: 14px;} #products #products_body ul.booth_list li .btn_booth a{display: flex; font-size: 0.875rem; height: 38px; padding: 0 0 2px 14px; margin-right: 14px;} #products #products_body ul.booth_list li .btn_booth a::after{right: -14px; border-width: 40px 0px 0px 14px;} } /* products_body - products_list - pc */ /* header */ #products #products_body .products_list_header .title_sub{font-size: 1.062rem; font-weight: 700; color: #00479d; line-height: calc(26 / 17); text-align: center; padding-top: 4px; margin-bottom: 6px;} #products #products_body .products_list_header .title_main{font-size: 1.75rem; font-weight: 700; color: #333; line-height: 1; text-align: center; margin-bottom: 18px; position: relative;} #products #products_body .products_list_header .title_main::before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 1px; background-color: #d0d0d0; z-index: -1;} #products #products_body .products_list_header .title_main > span{display: inline-block; background-color: #fff; padding: 0 0.5em;} #products #products_body .products_list_header p{font-size: 1rem; line-height: calc(26 / 16); text-align: center; margin-bottom: 35px;} /* list */ #products #products_body ul.products_list{display: flex; justify-content: flex-start; flex-wrap: wrap;} #products #products_body ul.products_list > li{background-color: #e5eef3; padding: 12px; width: 235px; margin: 0 0 14px 13px;} #products #products_body ul.products_list > li .image{position: relative; margin-bottom: 15px;} #products #products_body ul.products_list > li .image.mov a{position: relative; display: block;} #products #products_body ul.products_list > li .image.mov a::before{content: ''; position: absolute; display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.33;transition: opacity .2s ease;} #products #products_body ul.products_list > li .image.mov a::after{content: ''; position: absolute; display: block; left: 0; right: 0; bottom: 0; top: 0; margin: auto; width: 62px; height: 62px; background: url(/fa/events-seminars/exhibitions/2024/iifes2024/assets/img/common/icon_mov.png) 0 0 no-repeat; background-size: 62px; transition: opacity .2s ease;} #products #products_body ul.products_list > li .image.mov a:hover::before, #products #products_body ul.products_list > li .image.mov a:hover::after{opacity: 0.7;} #products #products_body ul.products_list > li .image.limited::before{content: '会員限定'; display: block; position: absolute; left: 6px; top: 6px; width: 4.5em; padding: 2px 2px 3px; font-size: 0.75rem; line-height: 1.2; font-weight: 400; color: #cc0201; border: 1px solid #cc0201; background-color: #fff; text-align: center; z-index: 3; cursor: pointer;} #products #products_body ul.products_list > li .image img{max-width: 100%; width: auto;} #products #products_body ul.products_list > li .caption{font-size: 0.75rem; font-weight: 700; text-align: center; color: #00479d; line-height: calc(18 / 13); margin-bottom: 9px;} #products #products_body ul.products_list > li .headline_product{font-size: 0.8125rem; font-weight: 700; text-align: center; color: #333; line-height: calc(21 / 17); margin-bottom: 12px;} #products #products_body ul.products_list > li .detail{font-size: 0.8125rem; text-align: left; line-height: calc(20 / 14); margin-bottom: 27px;} /* buttons */ #products #products_body ul.products_list > li .buttons ul li{margin-top: 8px;} #products #products_body ul.products_list > li .buttons ul li:first-of-type{margin-top: 0;} #products #products_body ul.products_list > li .buttons ul li.btn_arrow a{box-sizing: border-box;display: flex;align-items: center;justify-content: center;width: 100%; min-height: 35px; padding: 3px 10px;font-size: 0.8125rem; line-height: 1.4; color: #333; background-color: #fff; border: 1px solid #ccc; transition: all .2s ease;} #products #products_body ul.products_list > li .buttons ul li.btn_arrow a:hover{text-decoration: none; text-decoration: none; border-color: #cc0201; background-color: #cc0201; color: #fff;} #products #products_body ul.products_list > li .buttons ul li.btn_arrow a>div{display: flex;align-items: center;flex-wrap: wrap;} #products #products_body ul.products_list > li .buttons ul li.btn_arrow a span{display: block;position: relative;padding-left: 13px;} #products #products_body ul.products_list > li .buttons ul li.btn_arrow a span::before{content:''; display: block; width: 9px; height: 10px; position: absolute; top: calc(.7em - 5px); left: 0; background: url(/fa/events-seminars/exhibitions/2024/iifes2024/assets/img/common/icon_arrow_right_red.png) 0 0 no-repeat;background-size: 100% auto;} #products #products_body ul.products_list > li .buttons ul li.btn_arrow a:hover span::before{background-image: url(/fa/events-seminars/exhibitions/2024/iifes2024/assets/img/common/icon_arrow_right_white.png);} #products #products_body ul.products_list > li .buttons ul li.btn_arrow.btn_color a{background-color: #0086c4; border: none; color: #fff;font-weight: 700;} #products #products_body ul.products_list > li .buttons ul li.btn_arrow.btn_color a span::before{background-image: url(/fa/events-seminars/exhibitions/2024/iifes2024/assets/img/common/icon_arrow_right_white.png);} #products #products_body ul.products_list > li .buttons ul li.btn_arrow.btn_color a:hover{opacity: 0.7;} #products #products_body ul.products_list > li .buttons ul li.btn_arrow.btn_pdf a span{padding-right: 20px;} #products #products_body ul.products_list > li .buttons ul li.btn_arrow.btn_pdf a span::after{content: ''; width: 16px; height: 16px; background: url(/fa/events-seminars/exhibitions/2024/iifes2024/assets/img/common/icon_pdf.png) no-repeat 0 0; background-size: cover;position: absolute;top: calc(50% - 8px);right: 0;} #products #products_body ul.products_list > li .buttons ul li.btn_arrow.btn_blank a span{padding-right: 16px;} #products #products_body ul.products_list > li .buttons ul li.btn_arrow.btn_blank a span::after{content: '';width: 12px; height: 12px; background: url(/fa/events-seminars/exhibitions/2024/iifes2024/assets/img/common/icon_blank_wh.png) no-repeat 0 0; background-size: cover;position: absolute;top: calc(50% - 6px);right: 0;} #products #products_body ul.products_list > li .buttons ul li.btn_arrow .limited{font-weight: 400;display: block; line-height: 1; padding: 2px; height: 18px; font-size: 0.687rem; color: #cc0201; border: 1px solid #cc0201; background-color: #fff;margin: 2px 5px 2px 0;white-space: nowrap;} #products #products_body ul.products_list > li .buttons ul li.annotation{font-size: 0.75rem;} @media only screen and (min-width:640.998px){ #products #products_body ul.products_list > li:nth-of-type(4n + 1){margin-left: 0;} #products #products_body ul.products_list > li .buttons ul li.btn_arrow.btn_pdf.wide a{padding-left: 1em;} } /* products_body - products_list_header - color */ #products #products_body .c_001 .products_list_header .title_main{color: #00479d;} #products #products_body .c_002 .products_list_header .title_main{color: #007ac4;} #products #products_body .c_003 .products_list_header .title_main{color: #47844a;} #products #products_body .c_004 .products_list_header .title_main{color: #c07817;} #products #products_body .c_005 .products_list_header .title_main{color: #5e7b21;} #products #products_body .c_006 .products_list_header .title_main{color: #585858;} #products #products_body .c_007 .products_list_header .title_main{color: #004878;} #products #products_body .c_008 .products_list_header .title_main{color: #d44152;} /* products_body - products_list - color */ #products #products_body .c_001 ul.products_list > li{background-color: #edf2f8;} #products #products_body .c_001 ul.products_list > li .caption{color: #00479d;} #products #products_body .c_001 ul.products_list > li .buttons ul li.btn_arrow.btn_color a{background-color: #00469d;} #products #products_body .c_002 ul.products_list > li{background-color: #ebf2f6;} #products #products_body .c_002 ul.products_list > li .caption{color: #007ac4;} #products #products_body .c_002 ul.products_list > li .buttons ul li.btn_arrow.btn_color a{background-color: #007ac4;} #products #products_body .c_003 ul.products_list > li{background-color: #f0f8ef;} #products #products_body .c_003 ul.products_list > li .caption{color: #47844a;} #products #products_body .c_003 ul.products_list > li .buttons ul li.btn_arrow.btn_color a{background-color: #47844a;} #products #products_body .c_004 ul.products_list > li{background-color: #f6f1ea;} #products #products_body .c_004 ul.products_list > li .caption{color: #c07817;} #products #products_body .c_004 ul.products_list > li .buttons ul li.btn_arrow.btn_color a{background-color: #a96809;} #products #products_body .c_005 ul.products_list > li{background-color: #ecf1e3;} #products #products_body .c_005 ul.products_list > li .caption{color: #5e7b21;} #products #products_body .c_005 ul.products_list > li .buttons ul li.btn_arrow.btn_color a{background-color: #697f21;} #products #products_body .c_006 ul.products_list > li{background-color: #eeeeee;} #products #products_body .c_006 ul.products_list > li .caption{color: #959595;} #products #products_body .c_006 ul.products_list > li .buttons ul li.btn_arrow.btn_color a{background-color: #585858;} #products #products_body .c_007 ul.products_list > li{background-color: #e6ebef;} #products #products_body .c_007 ul.products_list > li .caption{color: #004878;} #products #products_body .c_007 ul.products_list > li .buttons ul li.btn_arrow.btn_color a{background-color: #004878;} #products #products_body .c_008 ul.products_list > li{background-color: #f7eeef;} #products #products_body .c_008 ul.products_list > li .caption{color: #d44152;} #products #products_body .c_008 ul.products_list > li .buttons ul li.btn_arrow.btn_color a{background-color: #d44152;} /* products_body - products_list - sp */ @media only screen and (max-width:640px){ /* header */ #products #products_body .products_list_header .title_sub{font-size: 0.75rem; line-height: calc(26 / 17); text-align: center; padding-top: 15px; margin-bottom: 6px;} #products #products_body .products_list_header .title_main{font-size: 1.25rem; margin-bottom: 18px; position: relative; font-feature-settings: "palt";} #products #products_body .products_list_header .title_main::before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 1px; background-color: #d0d0d0; z-index: -1;} #products #products_body .products_list_header .title_main > span{padding: 0 0.3em;} #products #products_body .products_list_header p{font-size: 0.812rem; line-height: calc(40 / 26); text-align: left; margin-bottom: 25px;} /* list */ #products #products_body ul.products_list{display: block;} #products #products_body ul.products_list > li{padding: 20px; width: 100%; margin: 0 0 15px 0;} #products #products_body ul.products_list > li:nth-of-type(4n + 1){margin-left: 0;} #products #products_body ul.products_list > li .caption{font-size: 0.75rem; text-align: center; line-height: calc(18 / 13); margin-bottom: 9px;} #products #products_body ul.products_list > li .headline_product{font-size: 1rem; line-height: calc(21 / 17); margin-bottom: 12px;} #products #products_body ul.products_list > li .detail{font-size: 0.812rem; line-height: calc(20 / 14); margin-bottom: 27px;} } /* news - common */ .iifes2024 #news .news_wrap .news_box{position:relative;margin: 55px auto 0;background-color: #fff;} .iifes2024 #news .news_wrap .news_box:first-of-type{margin-top: 80px;} .iifes2024 #news .news_wrap .news_box .title_sub{font-weight: 700; color: #0086c4; display: inline-block; padding-bottom: 0.4em; line-height: 1; border-bottom: 2px solid #0086c4; font-feature-settings: "palt";} .iifes2024 #news .news_wrap .news_box .title_sub > span{font-size: 75%;} .iifes2024 #news .news_wrap .news_box .title_main{font-weight: 900;color: #333; font-feature-settings: "palt";} .iifes2024 #news .news_wrap .news_box .title_main .small{font-size: 69.230769230769%;} .iifes2024 #news .news_wrap .news_box .box_image{position: relative;} .iifes2024 #news .news_wrap .news_box .box_image .speaker{margin-top: 0.75em;} .iifes2024 #news .news_wrap .news_box .box_image .speaker > strong{font-weight: 700;} .iifes2024 #news .news_wrap .news_box .box_btn{display: flex; justify-content: flex-start;} .iifes2024 #news .news_wrap .news_box .box_btn > .btn_arrow > a{display: flex; justify-content: center; align-items: center; width: 100%; height: 45px; padding-right: 1em; padding-bottom: 0.1em; line-height: 1; border-radius: 3px; transition: all .2s ease; padding-left: 1.5em; background-color: #d73300; border-color: #d73300; color: #fff; text-decoration: none;} .iifes2024 #news .news_wrap .news_box .box_btn > .btn_arrow > a::before{display: none;} .iifes2024 #news .news_wrap .news_box .box_btn > .btn_arrow.btn_limited > a::before{content: '会員限定'; display: inline-block; position: static; width: auto; height: auto; padding: 2px 3px; margin-right: 9px; font-size: 0.687rem; line-height: 1; color: #cd0201; background: none #fff;} .iifes2024 #news .news_wrap .news_box .box_btn > .btn_arrow > a > span::before {content: '';display: inline-block; position: relative; top: 0; bottom: 0; right: 0; left: 0; margin-top: 1px;margin-left: 0; margin-right: 0.2em; width: calc(17px / 2);height: calc(24px / 2);background: url(/fa/events-seminars/exhibitions/2024/iifes2024/assets/img/common/icon_arrow_right_white.png) no-repeat 0 0;background-size: calc(20px / 2) calc(24px / 2);} .iifes2024 #news .news_wrap .news_box .box_btn > .btn_arrow.btn_blank > a > span::after {content: '';display: inline-block;margin-top: 1px;margin-left: 0.25em;width: calc(24px / 2);height: calc(24px / 2);background: url(/fa/events-seminars/exhibitions/2024/iifes2024/assets/img/common/icon_blank_wh.png) no-repeat 0 0;background-size: calc(24px / 2) calc(24px / 2);} .iifes2024 #news .news_wrap .news_box .list_infomation{display: block; padding: 20px 0 0; margin-top: 15px; border-top: 1px solid #d0d0d0;} .iifes2024 #news .news_wrap .news_box .list_infomation dl{display: flex; justify-content: space-between;} .iifes2024 #news .news_wrap .news_box .list_infomation dl dt{display: flex; justify-content: center; align-items: center; text-align: center; line-height: 1; font-weight: 700; padding: 0.5em 0; background-color: #e5eef3;} .iifes2024 #news .news_wrap .news_box .list_infomation dl.online dt{background-color: #e7eed0;} .iifes2024 #news .news_wrap .news_box > .badge{position: absolute; right: -30px; top: -30px; width: 158px; height: 158px; z-index: 1;} .iifes2024 #news .news_wrap .news_box .box_image > .badge_sp{display: none;} .iifes2024 .category{position: absolute; left: 0; top: -35px; display: flex; justify-content: flex-start; align-items: center; overflow: hidden;} .iifes2024 .category.single{padding-right: 20px;} .iifes2024 .category > span{display: flex; align-items: center; position: relative; color: #fff; text-align: center; line-height: 1; font-weight: 700; padding:0 17px 1px 22px; font-size: 0.937rem; height: 35px;} .iifes2024 .category > span:first-of-type::after{content: ''; position: absolute; bottom: 0; right: -11px; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 37px 0 0 12px; border-color: transparent transparent transparent #0086c4;} .iifes2024 .category > span.bluelight{background-color: #0086c4;} .iifes2024 .category > span.blue{background-color: #00479d;} .iifes2024 .category > span.green{background-color: #86ac14;} .iifes2024 .category > span.gray{background-color: #3c3c3c;} .iifes2024 .category > span.green:first-of-type::after{border-color: transparent transparent transparent #86ac14;} .iifes2024 .category > span.gray:first-of-type::after{border-color: transparent transparent transparent #3c3c3c;} /* news - pc */ @media only screen and (min-width:640.998px){ .iifes2024 #news .news_wrap .news_box{padding: 40px 50px;display: flex;justify-content: space-between;} .iifes2024 #news .news_wrap .news_box#news_session, .iifes2024 #news .news_wrap .news_box#news_seminar_01, .iifes2024 #news .news_wrap .news_box#news_seminar_02{padding-bottom: 110px;} .iifes2024 #news .news_wrap .news_box .box_text{width: 480px;} .iifes2024 #news .news_wrap .news_box .title_sub{font-size: 1.625rem; margin-bottom: 14px; padding-bottom: 0.2em;} .iifes2024 #news .news_wrap .news_box .title_main{font-size: 1.625rem;line-height: calc(34 / 26);margin-bottom: 0.392857em;} .iifes2024 #news .news_wrap .news_box .text_main{line-height: 1.625;font-size: 1rem;} .iifes2024 #news .news_wrap .news_box .box_image{width: 330px;} .iifes2024 #news .news_wrap .news_box .box_image .speaker{line-height: calc(26 / 16); font-size: 1rem;} .iifes2024 #news .news_wrap .news_box .box_free .box_image{width: auto;margin-top: 23px;} .iifes2024 #news .news_wrap .news_box .box_free .box_image img{margin:0 auto;} .iifes2024 #news .news_wrap .news_box .box_btn{position: absolute; bottom: 30px; left: 0; right: 0; margin: auto; width: calc(100% - 100px);} .iifes2024 #news .news_wrap .news_box .box_btn > .btn_arrow{width: 49.5%;} .iifes2024 #news .news_wrap .news_box .box_btn > .btn_arrow.full{width: 100%;} .iifes2024 #news .news_wrap .news_box .box_btn > .btn_arrow:nth-of-type(2){margin-left: 1%;} .iifes2024 #news .news_wrap .news_box .box_btn > .btn_arrow > a{transition: opacity .2s ease;} .iifes2024 #news .news_wrap .news_box .box_btn > .btn_arrow > a:hover{opacity: 0.7;} .iifes2024 #news .news_wrap .news_box .list_infomation dl{margin-top: 12px;} .iifes2024 #news .news_wrap .news_box .list_infomation dl:first-of-type{margin-top: 0;} .iifes2024 #news .news_wrap .news_box .list_infomation dl dt{width: 116px; font-size: 0.875rem;} .iifes2024 #news .news_wrap .news_box .list_infomation dl dd{width: calc(100% - 128px); font-size: 0.937rem;} .iifes2024 #news .news_wrap .news_box .list_infomation dl dd > .date{display: inline-block; width: 5em; text-align: right;} } /* news - sp */ @media only screen and (max-width:640px){ .iifes2024 #news .news_wrap .news_box{padding: 16px 22px; display: block;justify-content: space-between;} .iifes2024 #news .news_wrap .news_box:first-of-type{margin-top: 60px;} .iifes2024 #news .news_wrap .news_box .box_text{width: 100%;} .iifes2024 #news .news_wrap .news_box .title_sub{font-size: 1.125rem; margin-bottom: 10px;} .iifes2024 #news .news_wrap .news_box .title_main{font-size: 1.125rem;line-height: calc(34 / 26);margin-bottom: 0.392857em;} .iifes2024 #news .news_wrap .news_box .text_main{line-height: calc(40 / 26);font-size: 0.812rem;} .iifes2024 #news .news_wrap .news_box .box_image{margin: 23px auto;} .iifes2024 #news .news_wrap .news_box .box_image > img{max-width: 165px; width: auto; margin: 0 auto; display: block;} .iifes2024 #news .news_wrap .news_box .box_image .speaker{font-size: 0.812rem;} .iifes2024 #news .news_wrap .news_box .box_btn{width: 100%; display: block; position: relative;} .iifes2024 #news .news_wrap .news_box .box_btn > .btn_arrow{width: 100%; margin-top: 20px;} .iifes2024 #news .news_wrap .news_box .box_btn > .btn_arrow:nth-of-type(2){margin-left: auto; margin-top: 10px;} .iifes2024 #news .news_wrap .news_box .box_btn > .btn_arrow > a{font-size: 0.875rem; height: 35px;} .iifes2024 #news .news_wrap .news_box .list_infomation dl{margin-top: 12px;} .iifes2024 #news .news_wrap .news_box .list_infomation dl:first-of-type{margin-top: 0;} .iifes2024 #news .news_wrap .news_box .list_infomation dl dt{width: 65px; font-size: 0.75rem;} .iifes2024 #news .news_wrap .news_box .list_infomation dl dd{width: calc(100% - 75px); font-size: 0.75rem;} .iifes2024 #news .news_wrap .news_box .list_infomation dl dd > .date{display: inline-block; width: 5em; text-align: right;} .iifes2024 #news .news_wrap .news_box#news_stage .list_infomation dl{display: block;} .iifes2024 #news .news_wrap .news_box#news_stage .list_infomation dl dt{width: 100%; margin-bottom: 10px;} .iifes2024 #news .news_wrap .news_box > .badge{display: none;} .iifes2024 #news .news_wrap .news_box .box_image > .badge_sp{display: block; position: absolute; right: 10px; top: -15px; width: 79px; height: 79px; z-index: 1;} .iifes2024 .category{position: absolute; left: 0; top: -25px; display: flex; justify-content: flex-start; align-items: center;} .iifes2024 .category.single{padding-right: 8px;} .iifes2024 .category > span{display: flex; align-items: center; position: relative; color: #fff; text-align: center; line-height: 1; font-weight: 700; padding:0 12px 1px 12px; font-size: 0.687rem; height: 25px; font-feature-settings: "palt";} .iifes2024 .category > span:first-of-type::after{content: ''; position: absolute; bottom: 0; right: -8px; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 25px 0 0 8px; border-color: transparent transparent transparent #0086c4;} } /* other */ #area_info{background-color: #007cb6;} @media only screen and (max-width: 640px){ .gs18-Footer{box-sizing: border-box;} }