@font-face {
    font-family: 'Konatu';
    src: url('../fonts/Konatu.eot');
    src: url('../fonts/Konatu.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Konatu.woff2') format('woff2'),
        url('../fonts/Konatu.woff') format('woff'),
        url('../fonts/Konatu.ttf') format('truetype'),
        url('../fonts/Konatu.svg#Konatu') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Love Letter Typewriter';
    src: url('../fonts/LoveLetterTypewriter.eot');
    src: url('../fonts/LoveLetterTypewriter.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LoveLetterTypewriter.woff2') format('woff2'),
        url('../fonts/LoveLetterTypewriter.woff') format('woff'),
        url('../fonts/LoveLetterTypewriter.ttf') format('truetype'),
        url('../fonts/LoveLetterTypewriter.svg#LoveLetterTypewriter') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html {
  scroll-behavior: smooth;
}
html body{
margin: 0;
padding: 0;
font-size: 16px;
overflow-wrap: break-word;
color: #000;
overflow-x: hidden;
line-height: 1.7;
width: 100%;
font-family: 'Konatu';
}
a{text-decoration:none;}
a:hover{opacity:0.7;}
figure{margin:0;}
img{
    max-width: 100%;
    height: auto;
}
img.aligncenter{
    margin: 0 auto;
    display: block;
}
iframe{max-width:100%;}
p{margin-bottom:25px;margin-top: 0;}
ul{padding:0;list-style:none;}
.alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em;
}
.alignleft {
    float: left;
    margin: 0.5em 0 0.5em 1em;
}
.marg20{margin-top: 20px;margin-bottom: 20px;}
.marg30{margin-top: 30px;margin-bottom: 30px;}
.marg40{margin-top: 40px;margin-bottom: 40px;}
.marg50{margin-top: 50px;margin-bottom: 50px;}
.margin-bottom20{margin-bottom:20px;}
.margin-bottom30{margin-bottom:30px;}
.margin-bottom40{margin-bottom:40px;}
.margin-bottom50{margin-bottom:50px;}
.margin-bottom100{margin-bottom:100px;}
.margin-top30{margin-top:30px;}
.margin-top40{margin-top:40px;}
.margin-top70{margin-top:40px;}
.margin-top100{margin-top:100px;}

.pagination{
display: flex;
justify-content: center;
align-items: center;
gap: 20px !important;
width: 100%;
position: relative;margin: 50px 0;
}
.pagination>li>a, .pagination>li>span{
    color: #000;
	padding: 5px 10px;
	border:1px solid #dc3545;font-family: 'Love Letter Typewriter';background: #fff;
}
.pagination>li>span.current{
    color: #fff;background:#dc3545;
}
.pagination>li>a:hover{
    background:#dc3545;color:#fff;
}
.pagination a.prev  {
  position: absolute;
  left: 0;top: -5px;
}
.pagination a.next  {
  position: absolute;
  right: 0;top: -5px;
}
/*------------------------*/
/* Breadcrumbs */
/*------------------------*/
ul.breadcrumbs {display: flex;list-style: none;padding: 0;margin: 30px 0;}
ul.breadcrumbs li {margin-right: 10px;padding-right: 12px;font-size:20px;position: relative;color: #fff;}
ul.breadcrumbs li a{font-size:20px;color: #fff;}
ul.breadcrumbs li:not(:last-child)::after {border-right: 1px solid;border-top: 1px solid;color: inherit;content: "";display: block;height: 6px;position: absolute;right: 0;top: 50%;transform: translateY(-50%) rotate(45deg);width: 6px;}

/* 上からフェードイン */
.slide-top {opacity: 0;transform: translate(0, -20px);transition: all 1s ease-out;}

/* 下からフェードイン */
.slide-bottom {opacity: 0;transform: translate(0, 20px);transition: all 1s ease-out;}

 /* 左からフェードイン */
.slide-left {opacity: 0;transform: translate(-20px, 0);transition: all 1s ease-out;}

/* 右からフェードイン */
.slide-right {opacity: 0;transform: translate(20px, 0);transition: all 1s ease-out;}
.row {display: flex;justify-content: space-between;flex-wrap: wrap;}
.col12{width:calc(50% - 40px)} 
.col13{width:calc(33% - 20px)} 
.col23{width:calc(66% - 20px)} 
.btn_link{text-align:center;margin-top:32px;margin-bottom: 0;line-height: 1;}
.btn_link img{max-width:320px;}
.section_title {display: flex;flex-direction: column;line-height: 1.5;margin-top:0;}
picture {line-height: 1;display: flex;align-items: center;}
.center{text-align:center;}
.right{text-align:right;}
h1.section_title{margin-top:60px;}
h1.section_title  .jp{font-size:20px;color:#000;font-weight:400;color:#fff;}
h1.section_title  .en{font-size:60px;color:#000;font-family: 'Love Letter Typewriter';font-weight: normal;font-style: normal;color:#fff;}
h2.section_title  .jp{font-size:20px;color:#000;font-weight:400;}
h2.section_title  .en{font-size:48px;color:#000;font-family: 'Love Letter Typewriter';font-weight: normal;font-style: normal;}
h3.section_title  .jp{font-size:20px;color:#000;font-weight:400;}
h3.section_title  .en{font-size:32px;color:#000;font-family: 'Love Letter Typewriter';font-weight: normal;font-style: normal;}
span.red{color:#DF3533 !important}
ul.filter {display: flex;align-items: center;gap: 20px;margin:60px 0 40px;}
.filter a:hover {color: #DF3533;}
#sidebar {position: fixed;left: 0;top: 0;width: 25%;height:100vh;background: url(../images/bg_sidebar.png) left bottom no-repeat;z-index: 99999;transition: width 0.5s;}
#top-page section{padding-bottom: 240px;background: #fff;display: flex;flex-direction: column;}
.layer_slider .slick-list{padding:0 20% 0 0 !important;}
.layer_slider .slick-list .slick-slide{margin:0 0 0 20px;}
.data_slider .slick-slide {margin: 0 0 0 20px;}
#sidebar .wrap{margin:65px 5vw 30px 5vw}
#sidebar .wrap .logo {margin-bottom: 80px;}
#sidebar .wrap .logo img{width:190px;}
#sidebar ul{padding:0;margin:0;list-style:none;}
ul#main_menu li{margin-bottom:30px;}
ul#main_menu li a{display:flex;flex-direction: column;line-height: 1;}
ul#main_menu li a .jp{font-size:14px;color:#000;}
ul#main_menu li a .en{font-size:28px;color:#000;font-family: 'Love Letter Typewriter';font-weight: normal;font-style: normal;}
ul#languages{display: flex;gap: 10px;margin-bottom:40px;}
ul#languages li {display: flex;align-items: center;}
ul#languages img{width:24px;}
ul#languages a{font-size:16px;color:#000;}
ul#social_links img{height:30px;}
main{margin-left:25%;}
.container{max-width:1200px;width:62.5vw;margin:0 auto;}
#banner{width: 75vw;height: 100vh;overflow: hidden;position: fixed;top: 0;left: 25vw;z-index: -1;margin: 0 !important;padding: 0 !important;}
#banner video {transform: scale(1.5);margin-left: 5%;height:100%;}
/* #banner video {width: 100%;height: 100%;transform: scale(1.8);margin-left: 15vw;}*/
@media (min-width:2500px){
	/* #banner video {transform: scale(3.5);margin-left: 18vw;} */
	#banner video {transform: scaleX(2.5);margin-left: 10%;}
} 	
#close_the_world {margin-top: 100vh !important;padding-top: 212px;}
.close_the_world {margin: 0 0 100px;}
#close_the_world .col12 p:first-child{margin-top:-5px;}
#close_the_world .bottom_img{margin-top:160px;}
#close_the_world .bottom_img img{width:100%}
#layer .container_full{margin-left:6vw;}
#layer ul.filter a{color:#000;font-size:20px}
.layer_slider  h3 {display: inline-block;background: #DF3533;padding: 5px 15px;color: #fff;font-weight: 400;font-size: 20px;margin: 15px 0 0}
#top-page section#character {padding-bottom: 120px;}
.character_detail{display:none;}
.character_detail.open{display:block;}
#character_img_list {display: flex;flex-wrap: wrap;margin-top: 40px;}
#character_img_list li{width:calc(10% - 15px);margin:0 15px 15px 0;}
#character_img_list li a.open {opacity: 0.7;}
.big{font-weight:600;font-size:28px;margin-right:20px;}
p.title{font-size:20px;}
#character h3{font-size:24px;font-weight:400;margin:0;}
#top-page section#on_air{padding:50px 0;background:url(../images/bg_on_air.jpg) no-repeat;background-position: top center !important;
background-size: cover !important;}
#top-page section#data{background:#fff;margin-top:360px}
.data_wrap, #data_content {background: #000;color: #fff;padding: 80px 0;}
#data .container_full{margin-left:6vw;}
h2.big_title{font-family: 'Love Letter Typewriter';font-size:70px;margin:0 0 50px;text-align:right;}
#data h3{font-size:28px;margin:-10px 0 20px;font-weight: 400;}
#data .btn_link {margin: 0;}
.data_content{  flex-direction: column;align-items: baseline;justify-content: space-between;}
#data h2.section_title{line-height: 1;background: #1A1A1A;margin: 50px 0 0;height: 240px;}
#data h2.section_title .en {color:#fff;}
.data_box {display: flex;margin-bottom: 20px;}
.data_box figure {margin-right: 40px;width: 160px;}
.data_box .text {font-size:20px; color:#fff;}
.data_slider{margin-left:6vw;margin-top: -140px;}
.data_slider a p{margin:0;color:#fff;}
#data .data_slider a h3{margin:0;color:#fff;font-size:16px;font-weight:400;}
#data_content h2.big_title {text-align:left;}
#data_content h2.big_title span {width: 100%;text-align: right;display: block;}
#data_content h2.section_title .jp,#data_content  h2.section_title .en {color: #fff;}
#data_content h3.section_title .jp,#data_content  h3.section_title .en {color: #fff;}
ul.data_categories {display: flex;gap: 40px;flex-wrap: wrap;margin-bottom: 80px;}
ul.data_categories li{width:calc(33% - 25px);}
ul.data_categories li a{height:100%;display:flex;padding: 7px;display: flex;align-items: center;justify-content: center;background: #fff;color: #000;font-size: 20px;border: 1px solid #DF3533;text-align: center;}
ul.data_categories li a:hover{background:#DF3533;color:#fff;}
#data_content ul.plist {gap: 20px 40px;}
#data_content ul.plist li{width:calc(25% - 30px);}
#data_content ul.plist li a{display:flex;color:#fff;font-size:20px;border:1px solid #fff;line-height: 1.5;padding: 7px 15px;}
#data_content ul.plist li a:hover{opacity:1;color:#DF3533;border-color: #DF3533;}
#data_content ul.plist li h3{width:35%;font-size:16px;margin:0;color:#fff;}
#data_content ul.plist li h4{width:65%;font-size:16px;margin:0;color:#fff;}
#data_content ul.plist li a:hover h3{color:#DF3533;}
#data_content ul.plist li a:hover h4{color:#DF3533;}
#data_content ul.plist li h4 span {margin: 0;display: flex;align-items: center;height: 1px;font-size: 0;}
#top-page section#news{padding-bottom:254px}
#news .filter a {color:#000;	}	
#news .filter a.active {color: #DF3533;border: 1px solid #DF3533;padding: 5px;}
ul.news_list li {display: flex;position: relative;padding: 0 20px 15px;margin-bottom: 15px;border-bottom: 1px solid #000;}
.news_top {position: absolute;left: 20px;width: 100%;display: flex;}
.news_category a{margin-left:20px;color:#fff;background:#DF3533;padding:5px 10px;}
ul.news_list li a.news_title {width: 100%;display: flex;padding-top: 30px;color: #000;background:url(../images/icon_news.png) no-repeat right 25px;}
#products .section_title{margin:0;}
ul.product_list{display: flex;flex-wrap: wrap;}
ul.product_list li{width: calc(20% - 40px);margin-right: 40px;}
ul.product_list li:last-child{margin-right: 0px;}
ul.product_list li a{position:relative;height: 100%;width: 100%;display: flex;}
ul.product_list li a:after{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);top:0;left:0;}
ul.product_list li h3{position:absolute;bottom:20px;left:0;width:100%;margin:0;color:#fff;font-weight:400;font-size:16px;text-align: center;z-index: 1;}
#top_banner{position:relative;background: #000;min-height: 240px;display: flex;}
#top_banner img {height: 100%;width: 100%;object-fit: cover;}
.top_banner_content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#top-page section#bottom_banner{padding-bottom:0;margin: 0;}
#bottom_banner .col12{width:50%;}
#bottom_banner .col12 a{width:100%;display: flex;align-items: center;}
#bottom_banner .col12 img{width:100%;}
#bottom_banner a:hover{opacity:1;}
#share .container {text-align: right;margin: 20px auto 50px;}
#content .container{max-width:800px;font-size:18px;line-height:1.9}
#content .container figure {margin: 25px 0;}
#content .container figure.continued {margin-top: 80px;}
#content .container ul{margin-top:30px;}
#content .container ul li{padding-left:40px;position:relative;}
#content .container ul li:before{content:'-';font-size:20px;color:#000;position: absolute;top: 0px;left: 20px;}
.gray_box {background: #EEE;margin: 100px 0;line-height: 1.7;}
.gray_box  .container {max-width: 800px;}
ul.images{display:flex;gap:100px;margin:80px 0;}
.pfilter {max-width: 1200px;margin: 0 auto;width: 62.5vw;}
#product_content ul.filter li{width:calc(16.6% - 10px);border:1px solid #DF3533}
#product_content ul.filter li a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#000;padding: 5px 0;}
#product_content ul.filter li a.active{background:#DF3533;color:#fff;}
ul.plist {display: flex;flex-wrap: wrap;gap: 60px;}
ul.plist li{width:calc(25% - 45px)}
ul.plist li h3{margin:15px 0 0;color:#000;font-size:16px;font-weight: 400;}
ul.plist .product_popup{display:none;}
ul.plist .product_popup.open{display:flex;align-items:center;justify-content:center;position:fixed;width:100vw;height:100vh;top: 0;left: 0;z-index: 9999999;}
ul.plist .product_popup.open .product_popup_overlay{position:fixed;width:100vw;height:100vh;background: rgba(0,0,0,0.7);top: 0;left: 0;cursor: pointer;}
ul.plist .product_popup.open .product_popup_content{max-width:1200px;margin:0 auto;padding:10%;display:flex;background: #fff;position:relative;}
ul.plist .product_popup.open .product_close{position:absolute;top:32px;right:32px;cursor: pointer;}
ul.plist .product_popup.open .product_popup_content figure{width:30%;margin-right:40px;}
ul.plist .product_popup.open .product_popup_content .des{width:calc(70% - 40px);overflow-y: scroll;height: 40vh;}
ul.plist .product_popup.open .product_popup_content .des h3 {margin: -12px 0 25px;font-size: 28px;}
ul.plist .product_popup.open .product_popup_content .des .plink img {max-width:320px;}
#data-page ul.plist .product_popup.open .product_popup_content {padding: 5%;background: #000;flex-direction: column;color: #fff;border: 1px solid #fff;}
#data-page ul.plist .product_popup.open .product_popup_content .des {width: 100%;height: 60vh;overflow-y: scroll;color: #fff;}
#data-page .product_popup_content h2 {font-size: 32px;color: #fff;font-family: 'Love Letter Typewriter';font-weight: normal;font-style: normal;margin: 0 0 30px;}
#data-page .product_popup_content h2 span.title {font-size: 24px;margin-left:30px;}
footer{  background: url(../images/bg_footer.jpg) left bottom no-repeat;padding: 130px 0;background-size: cover;}
footer .container {display: flex;justify-content: space-between;gap: 20px;}
footer .container .logo img{width:148px;}
footer .container h2{font-size:20px;margin:0 0 20px;font-weight:400}
footer .container ul{margin-bottom:0;}
footer .container ul li{margin-bottom:15px;}
footer .container ul li a{color:#000;}
#copyright{background:#000;padding:15px 0;}
#copyright .container{text-align:right;color:#fff;}
#sp_header{display:none;}

@media (min-width:1025px){
	picture.time_to_live .time_to_live_hover_img{display:none;}
	picture.time_to_live:hover .time_to_live_hover_img{display:block;}
	picture.time_to_live:hover .time_to_live_img{display:none;}
	picture.anique .anique_hover_img{display:none;}
	picture.anique:hover .anique_hover_img{display:block;}
	picture.anique:hover .anique_img{display:none;}
	#layer-page #top_banner, #data-page #top_banner {height: 400px;}
}	
.sp{display:none;}
@media (max-width:767px){
	.sp{display:block;}
	.pc{display:none;}
	ul.breadcrumbs {display: none;}	
	#sp_header{display: flex;justify-content: space-between;align-items: center;padding: 15px 15px 5px;position: fixed;width: calc(100% - 30px);top: 0;left: 0;z-index: 999999;background: #fff;border-bottom: 1px solid #ccc;}
	#sp_header .logo img{width:104px;}
	#sidebar {left:auto;right:0;max-width:280px;width:0}
	#sidebar  .logo{display:none;}
	#sidebar.open {width:280px;overflow-y: scroll;}
	#sidebar .wrap {margin: 100px 5vw 30px 5vw;}
	#main_menu{margin-top:100px;}
	main{margin-left:0;width: 100%;margin-top: 62px;overflow-x: hidden;}
	.container {width: calc(100% - 30px);}
	section {margin-bottom: 40px;}
	h1.section_title {margin-top: 25px;}
	h1.section_title .jp {font-size: 12px;}
	h1.section_title .en {font-size: 36px;}
	h2.section_title .jp {font-size: 12px;}
	h2.section_title .en {font-size: 32px;}
	h3.section_title .jp {font-size: 12px;}
	h3.section_title .en {font-size: 20px;}
	#banner {left: 0;width: 100vw;}
	#banner video {transform: scale(4);margin: 0;}
	#top_banner {min-height: 104px;margin: 0;}
	.close_the_world {margin: 0 0 40px;display: flex;}
	.col12, .col13, .col23 {width: 100%;margin-bottom: 15px;}
	.slick-slide {margin: 0 12px;}
	.big {font-weight: 400;font-size: 24px;}
	p.title {font-size: 18px;}
	#close_the_world{padding-top: 70px;}
	#close_the_world .bottom_img {margin: 0px -15px 0px;}
	ul.filter {margin: 20px 0 30px;gap: 8px;}
	#layer .container_full {margin-left: 15px;}
	#layer ul.filter a {font-size: 16px;}
	.layer_slider h3 {padding: 2px 10px;font-size: 16px;}
	#top-page section#character {padding-bottom: 60px;}
	#character h3 {font-size: 18px;margin: 0 0 20px;}
	#character_img{text-align:center;}
	#character_img img{width:60%}
	#character_img_list {gap: 0px;margin-top: 0px;}
	#character_img_list li {width: calc(20% - 10px);margin: 0 5px 10px 5px;}
	#on_air{background:url(../images/sp_bg_on_air.jpg) no-repeat;margin-bottom: 0;}
	#top-page section#data {background: #fff;margin-top: 160px;padding-bottom: 60px;}
	#data .container_full {margin-left: 15px;}
	#data h2.section_title {margin: 50px 0 0;height: 200px;padding-top: 40px;padding-left: 15px;}
	#data h2.big_title {font-size: 35px;text-align: left;}
	#data h3 {font-size: 20px;}
	.data_box figure {margin-right: 10px;width: 120px;}
	.data_box .text {font-size: 16px;}
	.data_slider {margin-top: -160px;margin-left: 0;}
	.data_slider a p {font-size: 14px;}
	#data .data_slider a h3 {font-size: 14px;}
	ul.product_list {gap: 10px;}
	ul.product_list li{width:calc(50% - 5px);margin-right: 0;}
	ul.news_list li {padding: 0 0px 15px;}
	#data_content h2.big_title{font-size:36px;}	
	.data_categories_list{position:relative;}
	.data_categories_btn{position:absolute;width:20px;height:20px;top: 17px;right: 16px;z-index: 999;}
	.data_categories_btn:before{content:'';position:absolute;top:0;left:9px;width:3px;height:20px;background:#DF3533;}
	.data_categories_btn:after{content:'';position:absolute;left:0;top:9px;height:3px;width:20px;background:#DF3533;}
	.data_categories_btn.open:before{display:none;}
	ul.data_categories {gap:0;align-items: flex-start;border: 1px solid #DF3533;    transition: height 0.5s;height: 50px;background: #fff;overflow: hidden;}
	ul.data_categories.open {height: 430px;overflow-y: scroll;}
	ul.data_categories li {width: 100%;}
	ul.data_categories li a{width: 100%;height:auto;text-align: left;justify-content: flex-start;padding-left: 15px;border:0}
	#data_content ul.plist li {width: 100%;}
	#data_content ul.plist li a {flex-direction: column;text-align: center;}
	#data_content ul.plist li h3 {width: 100%;}
	#data_content ul.plist li h4 {width: 100%;}
	#data_content ul.plist li h4 span {display: inline-flex;;margin: 0 10px;font-size: 16px;height: auto;}
	#data-page .product_popup_content h2 {font-size: 20px;}
	#data-page .product_popup_content h2 span.title , #data-page .product_popup_content h2 span + span{width: 100%;display: block;font-size: 16px !important;margin-left: 0 !important;}
	#top-page section {padding-bottom: 120px;margin: 0;}
	#top-page section#news{padding-bottom: 60px;}
	.news_top {left: 0px;}
	.col.news {margin-bottom: 120px;}
	ul.images {display: flex;gap: 20px;margin: 40px 0;flex-direction: column;}
	ul.images img{width:100%;}
	#content .container {font-size: 16px;}
	#content .container ul li {padding-left: 20px;}
	#content .container ul li::before {left: 0;}
	.gray_box {margin: 100px 15px;}
	#bottom_banner .col12 {width: 100%;margin: 0;}
	.pfilter {width: calc(100% - 30px);padding: 0 15px;overflow-x: scroll;}
	#product_content ul.filter{width: 150%;overflow: scroll;}
	#product_content ul.filter li {width: auto;}
	#product_content ul.filter li a {padding: 5px 10px;font-size: 14px;width: auto;height: auto;}
	ul.plist {gap: 30px;}
	ul.plist li{width:calc(50% - 15px)}
	ul.plist li h3 {margin: 0;font-size: 14px;}
	ul.plist .product_popup.open .product_popup_content {margin: 0;padding: 5%;flex-direction: column;height: 80vh;width: calc(100% - 16%);overflow-y: scroll;}
	ul.plist .product_popup.open .product_close {top: 10vh;right: 20px;width: 25px;position:fixed;z-index:99999;}
	ul.plist .product_popup.open .product_popup_content figure {width: 100%;margin-right: 0;margin-bottom: 20px;text-align: center;margin-top: 20px;}
	ul.plist .product_popup.open .product_popup_content .des {width: 100%;font-size: 14px;height: auto;overflow-y: unset;}
	ul.plist .product_popup.open .product_popup_content .des h3 {margin: 0px 0 15px;font-size: 16px;}
	#bottom_banner{margin-bottom: 80px;}
	footer .container {flex-direction: column;width: 100%;gap: 0;}
	footer .container .logo {text-align: center;margin-bottom: 40px;border:0 !important;padding:0 !important;}
	footer {padding: 30px 0 0px;}
	footer .container .col {padding: 20px 15px;border-top: 1px solid #707070;}
	footer .container h2 {margin: 0;position: relative;}
	footer .container h2:before {content:'';position:absolute;top:10px;right:0;width:24px;height:3px; background:#000;}
	footer .container h2:after {content:'';position:absolute;right:10px;top:0;height:24px;width:3px; background:#000;transition: all 0.5s;}
	footer .container .col.open h2:after {display:none;}
	footer .container .col ul{display:none;transition: all 0.5s;}
	footer .container .col.open ul{display:flex;flex-direction: column;}
	#copyright .container {text-align: center;}
}
@media (max-height:600px){
	#sidebar .wrap {margin: 90px 5vw 30px 5vw;}
	ul#main_menu li {margin-bottom: 15px;}
	ul#main_menu li a .en {font-size: 22px;}
	ul#languages {margin-bottom: 20px;}
}	



/* add llist */
#data_content ul.llist {gap: 20px 40px;}
#data_content ul.llist li{width:calc(25% - 30px);}
#data_content ul.llist li a{display:flex;color:#fff;font-size:20px;border:1px solid #fff;line-height: 1.5;padding: 7px 15px;}
#data_content ul.llist li a:hover{opacity:1;color:#DF3533;border-color: #DF3533;}
#data_content ul.llist li h3{width:35%;font-size:16px;margin:0;color:#fff;}
#data_content ul.llist li h4{width:65%;font-size:16px;margin:0;color:#fff;}
#data_content ul.llist li a:hover h3{color:#DF3533;}
#data_content ul.llist li a:hover h4{color:#DF3533;}
#data_content ul.llist li h4 span {margin: 0;display: flex;align-items: center;height: 1px;font-size: 0;}
ul.llist {display: flex;flex-wrap: wrap;gap: 60px;}
ul.llist li{width:calc(25% - 45px)}
ul.llist li h3{margin:15px 0 0;color:#000;font-size:16px;font-weight: 400;}
ul.llist .product_popup{display:none;}
ul.llist .product_popup.open{display:flex;align-items:center;justify-content:center;position:fixed;width:100vw;height:100vh;top: 0;left: 0;z-index: 9999999;}
ul.llist .product_popup.open .product_popup_overlay{position:fixed;width:100vw;height:100vh;background: rgba(0,0,0,0.7);top: 0;left: 0;cursor: pointer;}
ul.llist .product_popup.open .product_popup_content{max-width:1200px;margin:0 auto;padding:10%;display:flex;background: #fff;position:relative;}
ul.llist .product_popup.open .product_close{position:absolute;top:32px;right:32px;cursor: pointer;}
ul.llist .product_popup.open .product_popup_content figure{width:30%;margin-right:40px;}
ul.llist .product_popup.open .product_popup_content .des{width:calc(70% - 40px);overflow-y: scroll;height: 40vh;}
ul.llist .product_popup.open .product_popup_content .des h3 {margin: -12px 0 25px;font-size: 28px;}
ul.llist .product_popup.open .product_popup_content .des .plink img {max-width:320px;}
#data-page ul.llist .product_popup.open .product_popup_content {padding: 5%;background: #000;flex-direction: column;color: #fff;border: 1px solid #fff;}
#data-page ul.llist .product_popup.open .product_popup_content .des {width: 100%;height: 60vh;overflow-y: scroll;color: #fff;}

@media (max-width:767px){
	#data_content ul.llist li {width: 100%;}
	#data_content ul.llist li a {flex-direction: column;text-align: center;}
	#data_content ul.llist li h3 {width: 100%;}
	#data_content ul.llist li h4 {width: 100%;}
	#data_content ul.llist li h4 span {display: inline-flex;;margin: 0 10px;font-size: 16px;height: auto;}
	ul.llist {gap: 30px;}
	ul.llist li{width:calc(50% - 15px)}
	ul.llist li h3 {margin: 0;font-size: 14px;}
	ul.llist .product_popup.open .product_popup_content {margin: 0;padding: 5%;flex-direction: column;height: 80vh;width: calc(100% - 16%);overflow-y: scroll;}
	ul.llist .product_popup.open .product_close {top: 10vh;right: 20px;width: 25px;position:fixed;z-index:99999;}
	ul.llist .product_popup.open .product_popup_content figure {width: 100%;margin-right: 0;margin-bottom: 20px;text-align: center;margin-top: 20px;}
	ul.llist .product_popup.open .product_popup_content .des {width: 100%;font-size: 14px;height: auto;overflow-y: unset;}
	ul.llist .product_popup.open .product_popup_content .des h3 {margin: 0px 0 15px;font-size: 16px;}
}


/* layer bottom */
section.layer_bottom_banner div.row div.col12 a:hover{opacity:0.7 !important;}