@charset "utf-8";

/* front（共通） */
.front h3, .front p {overflow:hidden;}
.front li {width:100%; padding:13px 0;}

.front h2+ul>li:first-child,
.front h2+p+ul>li:first-child {padding-top:0 !important; border-top:0 !important;}

.front a:hover h3 {color:#1955a5;}

.front figure .cap_category {
position: absolute;
top: 0;
right: 0;
display:block;
font-size:.75rem;
text-align:right;
color:rgba(255,255,255,1);
text-shadow:2px 1px 3px #000;
padding: 8px 10px 6px;
}

.front h3 {
font-family:'DM Serif Text';
font-weight:400;
color:#121212;
font-size:1.2rem;
line-height:1.1;
letter-spacing:.5px;
margin-bottom:10px;
}
@media screen and (min-width :768px) {
.front h3 {font-size:1.26rem;}
}

/* front（post-time） */
.posttime_1 {display:block; color:#121212!important; font-style:italic; margin-top:5px; font-size:.75rem;order: 3;}
.posttime_2 {display:block; color:#121212!important; font-style:italic; margin-top:5px; font-family:'Helvetica Neue',Helvetica,Arial,Sans-Serif; font-size:.75rem;}
.posttime_3 {display:block; color:#fff!important; font-style:italic; margin-top:5px; font-family:'Helvetica Neue',Helvetica,Arial,Sans-Serif; font-size:.75rem;}
.posttime_4 {display:block; font-style:italic; margin-top:5px; font-family:'Helvetica Neue',Helvetica,Arial,Sans-Serif; font-size:.75rem;}
@media screen and (min-width :768px) {
.posttime_4 {color:#fff!important;}
}

/* ------ front_bloc_1 ------ */
.front_bloc_1 {margin-top:20px;}
@media screen and (min-width :990px) {
.front_bloc_1 {display:flex;}
.front_bloc1_wrap1 {width:76%; display:flex;}
.front_bloc1_wrap2 {width:24%; padding-left:15px;}
}
/* ------ front_bloc_2 ------ */
@media screen and (min-width :990px) {
.front_bloc_2 {display:flex; margin-bottom:30px;}
.front_bloc2_wrap1 {width:76%; padding-right:15px;}
.front_bloc2_wrap2 {width:24%; padding-left:15px; border-left: 1px solid #ccc;}
}

/* TOP STORIES */
.category_parts_a ul {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-content:flex-start;
}
.category_parts_a li:nth-child(1) {border-bottom: 1px solid #ccc;}
.category_parts_a li:nth-child(4) {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.category_parts_a li:nth-child(1) h3,
.category_parts_a li:nth-child(4) h3 {
font-size:1.7rem;
line-height:1.1;
}
.category_parts_a li:nth-child(1) figure {}
.category_parts_a li:nth-child(1) .cap_category,
.sports li:nth-child(1) .cap_category {margin-right:10px;}

.category_parts_a li:nth-child(n+2):nth-child(-n+3), 
.category_parts_a li:nth-child(n+5):nth-child(-n+6) {width: 48.5%;}
.category_parts_a li:nth-child(n+2):nth-child(-n+3) figure,
.category_parts_a li:nth-child(n+5):nth-child(-n+6) figure {padding-top:60%;}
.category_parts_a li:nth-child(n+5) {padding-bottom:0;}

@media screen and (min-width:768px) {
.category_parts_a li:nth-child(1) h3 {font-size:1.8rem;}
.category_parts_a li:nth-child(1) p {overflow:visible;}
.category_parts_a li:nth-child(1) figure {
float:right;
width:63%;
padding-top:42%;
margin:0 0 10px 20px;
}
.category_parts_a li:nth-child(n+2):nth-child(-n+3) {width:100%; border-bottom: 1px solid #ccc;}
.category_parts_a li:nth-child(n+2):nth-child(-n+3) figure {
float:left;
width:25%;
padding-top:15%;
margin:0 15px 0 0;
}
.category_parts_a li:nth-child(n+4):nth-child(-n+6) {
width:32%;
padding-bottom:0;
border:0;
}
.category_parts_a li:nth-child(n+4):nth-child(-n+6) figure {
float:none;
width:100%;
padding-top:60%;
margin:0 0 10px 0;
}
.category_parts_a li:nth-child(n+4):nth-child(-n+6) h3 {font-size:1.2rem; line-height:1.1;}
}
@media screen and (min-width :990px) {
.category_parts_a {width:70%; padding-right:15px; margin-bottom:0;}
.category_parts_a li:nth-child(n+2):nth-child(-n+3) h3 {font-size:1.4rem;}
.category_parts_a li:nth-child(n+2):nth-child(-n+3) figure {width:30%; padding-top:18%;}
.category_parts_a li:nth-child(n+2):nth-child(-n+3) h3, 
.category_parts_a li:nth-child(n+2):nth-child(-n+3) p {margin-right:10%;}
.category_parts_a li:nth-child(n+4):nth-child(-n+6) {width:31.5%;}
}
@media screen and (min-width :1150px) {
.category_parts_a li:nth-child(1) h3 {font-size:1.7rem;}
}

/* LATEST NEWS */
.category_parts_b li {border-bottom: 1px solid #ccc; overflow:hidden;}
.category_parts_b li:nth-child(1) h3 {font-size:1.7rem;}
.category_parts_b li:nth-child(1) figure {}
.category_parts_b li:nth-child(n+2) figure {float:left; width:26%; padding-top:20%; margin:0 20px 0 0;}
.category_parts_b li:last-child {padding-bottom:0; border-bottom:0;}
@media screen and (min-width:768px) {
.category_parts_b li:nth-child(1) figure {float:right; width:56%; padding-top:38%; margin:0 0 0 20px;}
.category_parts_b li:nth-child(n+2) figure {width:22%; padding-top:15%; margin:0 25px 0 0;}
}
@media screen and (min-width:990px) {
.category_parts_b {
width:30%;
padding:0 15px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
margin-bottom:0;
}
.category_parts_b figure {display:none;}
.category_parts_b h3 {
font-family:Times New Roman!important;
letter-spacing:0px;
font-weight:700;
font-size:.95rem!important;
line-height:1!important;
}
.category_parts_b p {font-size:.88rem!important;}
.category_parts_b h3, .category_parts_b p {overflow:visible;}
}
@media screen and (min-width:1150px) {
.category_parts_b li:nth-child(n+1) figure {
display:block;
float:right;
width:32%;
padding-top:24%;
margin:0 0 5px 8px;
}
}

/* JN SPECIALITIES */
.category_parts_c li{overflow:hidden; border-bottom: 1px solid #ccc; overflow:hidden; margin-bottom:40px;}
.category_parts_c li:nth-child(1) h3 {font-size:1.7rem;}
@media screen and (min-width :768px) {
.category_parts_c li:nth-child(1) figure {float:right; width:56%; padding-top:38%; margin:0 0 0 20px;}
}
@media screen and (min-width :990px) {
.category_parts_c li:nth-child(1) a {flex-wrap:wrap;}
.category_parts_c li:nth-child(1) h3 {order:1; float:none; width:100%; font-size:1.22rem;}
.category_parts_c li:nth-child(1) figure {order:2; float:none; width:100%; padding-top:60%; margin:0 0 10px 0;}
.category_parts_c li:nth-child(1) p {order:3; float:none; width:100%;}
}

/* POPULAR ARTICLES */
.swiper {
z-index: 0;
}
.swiper-slide{
height: auto;
position:relative; 
}
.swiper-slide::after{
position: absolute;
top: 13px;
right: -15px;
content: "";
width: 1px;
height: 100%;
background: #ccc;
}
.swiper-button-prev,
.swiper-button-next {
height: 45px;
width: 45px;
background-color: white;
box-shadow: 2px 5px 10px 1px #bbbbbb;
border-radius: 50%;
}
.swiper-button-next:after,
.swiper-button-prev:after{
font-size: 17px;
font-weight: bold;
color: #121212;
}
.swiper-button-next:after{
margin-left: 3px;
}
.swiper-button-prev:after{
margin-right: 3px;
}
/* SOCIETY */
.category_parts_f ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.category_parts_f li {border-bottom:1px solid #ccc;}
.category_parts_f li:nth-child(5) {padding-bottom:0; border-bottom:0;}
.category_parts_f li:nth-child(1) h3 {font-size:1.7rem;}
.category_parts_f >ul>li:nth-child(1) figure {}
.category_parts_f li:nth-child(n+2) figure {float:left; width:28%; padding-top:20%; margin:0 5% 0 0;}

@media screen and (min-width :768px) {
.category_parts_f >ul>li:nth-child(1) figure {float:right; width:56%; padding-top:38%; margin:0 0 0 20px;}
.category_parts_f >ul>li:nth-child(1) h3, .vantage_point >ul>li:nth-child(1) p {margin-right:35px;}
.category_parts_f li:nth-child(n+2) figure {width:22%; padding-top:15%;}
}	
@media screen and (min-width :990px) {
.category_parts_f {padding-bottom:0; }
.category_parts_f ul {display:flex; flex-wrap:wrap; justify-content:space-between; align-content:flex-start;}
.category_parts_f >ul>li:nth-child(1) {margin-bottom:13px;}
.category_parts_f >ul>li:nth-child(1) figure {float:left; width:43%; padding-top:25%; margin:0 3% 0 0;}
.category_parts_f >ul>li:nth-child(1) h3,
.category_parts_f >ul>li:nth-child(1) p {padding-right:10%;}
.category_parts_f li:nth-child(n+2) figure {float:none; width:100%; padding-top:63%; margin:0 0 10px 0;}
.category_parts_f li:nth-child(n+2) h3 {font-size:1rem;}
.category_parts_f li:nth-child(n+2){width:calc((100% - 60px) / 4); padding:0; border-bottom:0;}
.category_parts_f li {position:relative;}
.category_parts_f li:nth-child(n+2):nth-child(-n+4)::after {
position: absolute;
top: 0;
right: -10px;
content: "";
width: 1px;
height: 100%;
background: #ccc;
}
}
	
/* IMPERIAL FAMILY */
.category_parts_g li {border-bottom: 1px solid #ccc; overflow:hidden;}
.category_parts_g h2+ul>li:nth-child(1) h3 {font-size:1.7rem;}
.category_parts_g li:nth-child(n+2) figure {float:left; width:26%; padding-top:20%; margin:0 20px 0 0;}
.category_parts_g h2+ul>li:nth-child(2) {padding-bottom:0; border-bottom:0;}
.category_parts_g h2+ul>li:nth-child(2) ul:nth-child(n+2) li:last-child {padding-bottom:0; border-bottom:0;}
@media screen and (min-width :768px) {
.category_parts_g h2+ul>li:nth-child(1) figure {float:right; width:56%; padding-top:38%; margin:0 0 0 20px;}
.category_parts_g li:nth-child(n+2) figure {width:22%; padding-top:15%; margin:0 25px 0 0;}
}
@media screen and (min-width :990px) {
.category_parts_g {margin-bottom:0px!important;}
.category_parts_g h2+ul {display:flex;}
.category_parts_g h2+ul>li:nth-child(1) {width:45%; padding-right:15px; border-right:1px solid #ccc; border-bottom:0;}
.category_parts_g h2+ul>li:nth-child(2) {width:55%; padding:0 0 0 15px;}
.category_parts_g h2+ul ul {display:flex; justify-content:space-between;}
.category_parts_g h2+ul ul li {padding:0; border-bottom:0;}
.category_parts_g h2+ul ul:nth-child(1) {padding-bottom:13px; border-bottom:1px solid #ccc; margin-bottom:13px;}
.category_parts_g h2+ul ul li:nth-child(1) {width:50%; padding-right:15px; border-right:1px solid #ccc;}
.category_parts_g h2+ul ul li:nth-child(2) {width:50%; padding-left:15px;}
.category_parts_g h2+ul>li:nth-child(1)   h3 {text-align:center;}
.category_parts_g h2+ul>li:nth-child(n+2) h3 {font-size:1rem;}
.category_parts_g h2+ul>li:nth-child(1)   figure {float:none; width:100%; padding-top:63%; margin:0 0 10px 0;}
.category_parts_g h2+ul>li:nth-child(n+2) figure {float:none; width:100%; padding-top:60%; margin:0 0 10px 0;}
}

/* News PICKUP */
.category_parts_h li{overflow:hidden; border-bottom: 1px solid #ccc; overflow:hidden;}
.category_parts_h li:nth-child(1) h3 {font-size:1.7rem;}
.category_parts_h li:nth-child(n+2) figure {float:left; width:26%; padding-top:20%; margin:0 20px 0 0;}
@media screen and (min-width :768px) {
.category_parts_h li:nth-child(1) figure {float:right; width:56%; padding-top:38%; margin:0 0 0 20px;}
.category_parts_h li:nth-child(n+2) figure {width:22%; padding-top:15%; margin:0 25px 0 0;}
}
@media screen and (min-width :990px) {
.category_parts_h li:nth-child(1) a {display:flex; flex-wrap:wrap;}
.category_parts_h li:nth-child(1) h3 {order:1; float:none; width:100%; font-size:1.22rem;}
.category_parts_h li:nth-child(1) figure {order:2; float:none; width:100%; padding-top:60%; margin:0 0 10px 0;}
.category_parts_h li:nth-child(1) p {order:3; float:none; width:100%;}
.category_parts_h li:nth-child(n+2) figure {display:none;}
.category_parts_h li:nth-child(n+2) h3 {font-size:1rem}
}
.category_parts_h h2{background-color: #f20004;}
.category_parts_h hr{border-top: 1px solid #ccc;}
/* YOMIURI EDITORIAL */
.category_parts_i div {
margin:0 calc(50% - 50vw);
overflow-x:scroll;
-ms-overflow-style:none;
scrollbar-width:none;
}
.category_parts_i div::-webkit-scrollbar {display:none;}
.category_parts_i ul {
display:flex; justify-content:space-between;
width:1400px; padding:0 18px;
}
.category_parts_i li {position:relative; width:16%; padding:15px 10px; border:1px solid #ccc;}
.category_parts_i h3 {font-size:1.1rem; margin-bottom:15px;}
@media screen and (min-width: 768px){
.category_parts_i ul {padding:0 30px;}
}
@media screen and (min-width: 990px){
.category_parts_i div {margin: 0;}
.category_parts_i ul {width:auto; padding:0;}
}
	
/* POLITICS */
/* WORLD */
/* COLUMNS*/
.category_parts_j li {border-bottom:1px solid #ccc;}
.category_parts_j h2+div>div {padding-bottom:13px; border-bottom:1px solid #ccc;}
.category_parts_j h2+div>div figure {}
.category_parts_j h2+div>div h3 {font-size:1.7rem;}
.category_parts_j ul {display: flex; flex-direction:column;}
.category_parts_j ul li figure {float:left; width:26%; padding-top:20%; margin:0 20px 0 0;}
.category_parts_j ul:nth-of-type(2) li:nth-child(3) {padding-bottom:0; border-bottom:0;}

@media screen and (min-width :768px) {
.category_parts_j h2+div>div {overflow:hidden;}
.category_parts_j h2+div>div figure {float:right; width:56%; padding-top:38%; margin:0 0 0 20px;}
/* .genre_style_1 h2+div>div p, .business h2+div>div h3 {overflow:hidden;} */
.category_parts_j ul li figure {width:22%; padding-top:15%; margin:0 25px 0 0;}
}
@media screen and (min-width :990px) {
.category_parts_j h2+div {display:flex; justify-content:space-between;}
.category_parts_j h2+div>div {width:43%; padding:0 15px 0 0; border-right:1px solid #ccc; border-bottom:0; text-align:center;}
.category_parts_j h2+div>div figure {float:none; width:100%; padding-top:62%; margin:0 0 10px 0;}
.category_parts_j h2+div>div h3,
.category_parts_j h2+div>div p {padding:0 30px;}
.category_parts_j ul:nth-of-type(1) {width:35%; padding:0 15px; border-right:1px solid #ccc;}
.category_parts_j ul:nth-of-type(1) li:first-child,
.category_parts_j ul:nth-of-type(2) li:first-child {padding-top:0;}
.category_parts_j ul:nth-of-type(1) li:last-child {padding-bottom:0; border-bottom:0;}
.category_parts_j ul:nth-of-type(1) h3 {font-family: Times New Roman; font-size:1.1rem; font-weight:700; letter-spacing:0px; line-height:1.15;}
.category_parts_j ul:nth-of-type(1) figure {float:right; width:33%; padding-top:25%; margin:0 0 0 20px;}
.category_parts_j ul:nth-of-type(2) {width:22%; padding-left:15px}
.category_parts_j ul:nth-of-type(2) h3 {font-size:1.3rem;}
.category_parts_j ul:nth-of-type(2) figure {display:none;}
}

/* BUSINESS */
/* NEWS SERVICES */
/* RAMEN OF JAPAN */
/* SCIENCE&NATURE */
.ramen_map_text{text-align: center;} 
.category_parts_k ul {display:flex; flex-direction:column;}
.category_parts_k li {border-bottom:1px solid #ccc;}
.category_parts_k li figure {float:left; width:26%; padding-top:20%; margin:0 20px 0 0;}
.category_parts_k h2+ul li:nth-child(1) figure {float:none; width:100%; padding-top:60%; margin-bottom:10px;}
.category_parts_k h2+ul li:nth-child(1) h3 {font-size:1.7rem;}
.category_parts_k ul+ul li:last-child {padding-bottom:0; border-bottom:0;}

@media screen and (min-width :768px) {
.category_parts_k ul li figure {width:22%; padding-top:15%; margin:0 25px 0 0;}
.category_parts_k h2+ul li:nth-child(1) figure {float:right; width:56%; padding-top:38%; margin:0 0 0 20px;}
.ramen_map{display: flex; justify-content: space-between;align-items: center;}
.flourish-embed{width: 56%;}
.ramen_map_text{width: 44%;text-align: center;}
}
@media screen and (min-width :990px) {
.category_parts_k ul {flex-direction:row; justify-content:space-between;}
.category_parts_k li {padding:0; border:0;}
.category_parts_k h2+ul {padding-bottom:15px; border-bottom:1px solid #ccc; margin-bottom:15px;}
.category_parts_k h2+ul li:nth-child(1) {width:60%; padding:0 15px 0 0; border-right:1px solid #ccc; border-bottom:0;}
.category_parts_k h2+ul li:nth-child(2) {width:20.6%; padding:0 15px; border-right:1px solid #ccc;}
.category_parts_k h2+ul li:nth-child(3) {width:19.4%; padding:0 0 0 15px}
.category_parts_k h2+ul li:nth-child(1) figure {float:left; width:56%; padding-top:38%; margin:0 30px 0 0;}
.category_parts_k2 h2+ul li:nth-child(1) figure {padding-top:35%;}	
.category_parts_k h2+ul li:nth-child(1) h3 {margin-top:3%;}
.category_parts_k h2+ul li:nth-child(n+2) figure {float:none; width:100%; padding-top:62%; margin:0 0 10px 0;}
.category_parts_k ul+ul li{position:relative; width:calc((100% - 90px) / 4);}
.category_parts_k ul+ul li:nth-child(n+1):nth-child(-n+3)::after {position:absolute;    top:0; right:-15px; content:""; width:1px; height:100%; background:#ccc;}
.category_parts_k ul+ul figure {display:none;}
.category_parts_k ul+ul h3 {font-size:.94rem; line-height:1.15;}
.category_parts_k ul+ul p {line-height:1.1;}
}

/* CULTURE */
/* SPORTS */
.category_parts_m div {
margin:0 calc(50% - 50vw);
overflow-x:scroll;
-ms-overflow-style:none;
scrollbar-width:none;
}
.category_parts_m div::-webkit-scrollbar {display:none;}
.category_parts_m ul {
display:flex; justify-content:space-between;
width:3000px; padding:0 18px;
}
.category_parts_m li {position:relative; width:7.5%; padding:0;}
.category_parts_m li::after{
position: absolute;
top: 0;
right: -14px;
content: "";
width: 1px;
height: 100%;
background: #ccc;
}
.category_parts_m li:last-child::after{display: none;}
.category_parts_m figure {background:#000; padding-top:75%;}
.category_parts_m h3 {
color:#121212;
font-size:1.2rem;
}
@media screen and (min-width :768px) {
.category_parts_m ul {padding:0 30px;}
}
@media screen and (min-width :990px) {
.category_parts_m div {margin: 0;}
.category_parts_m ul {width:3000px; padding:0;}
.category_parts_m h3 {font-size:1.2rem;}
}
/* NEWS WITH VIDEO */
.category_parts_n div {
margin:0 calc(50% - 50vw);
overflow-x:scroll;
-ms-overflow-style:none;
scrollbar-width:none;
}
.category_parts_n div::-webkit-scrollbar {display:none;}
.category_parts_n ul {
display:flex; justify-content:space-between;
width:1100px; padding:0 18px;
}
.category_parts_n li {width:19.5%; padding:0;}
.category_parts_n li:not(:last-child) {padding-right:13px; border-right:1px solid #ccc; margin-right:13px;}
.category_parts_n .cap_category {background:rgba(0,0,0,.5);}
.category_parts_n h3 {font-size:1.1rem;}

@media screen and (min-width: 768px){
.category_parts_n ul {padding:0 30px;}
}
@media screen and (min-width:990px) {
.category_parts_n div {margin: 0;}
.category_parts_n ul {width:auto; padding:0;}
.category_parts_n h3 {font-size:1rem;}
}

/* FEATURES */
.category_parts_x h2 {
display:inline-block;
font-family:'Helvetica Neue',Helvetica,Arial,Sans-Serif;
font-size:.8rem;
padding:2px 0 0 5px;
border-left:5px solid #666;
margin-bottom:13px;
}
.category_parts_x h3 {font-family:'Times New Roman'; letter-spacing:0; font-size:1.1rem; margin:0;}
.category_parts_x .design_1+div {display:flex; flex-wrap:wrap;}
.category_parts_x div>div {width:calc((100% - 15px) / 2); 
border-radius: 0  0 5px 5px;
border: 1px solid #ccc;
border-bottom: 2px solid #888;
padding:20px 15px 10px;
margin:0 15px 20px 0;}
.category_parts_x div>div:nth-of-type(2n) {margin-right:0;}
.category_parts_x div>div li:nth-child(n+1):nth-child(-n+3) {border-bottom:1px solid #ddd;}
.category_parts_x div>div figure {margin:0 -15px 10px;}

@media screen and (min-width :768px) {
.category_parts_x div>div {width:calc((100% - 30px) / 3);}
.category_parts_x div>div:nth-of-type(2n) {margin-right:15px;}
.category_parts_x div>div:nth-of-type(3n) {margin-right:0;}
.category_parts_x div>div figure {padding-top:70%;}
}
@media screen and (min-width :990px) {
.category_parts_x div>div figure {padding-top:60%;}
}

/* ----------------------------------------------
スマホ 本文抜粋非表示
---------------------------------------------- */
.category_parts_a ul li:not(:first-of-type) .text,
.category_parts_b .text,
.category_parts_c .text,
.category_parts_f .text,
.category_parts_g .text,
.category_parts_h .text,
.category_parts_j .text,
.category_parts_k .text,
.category_parts_j .text,
.category_parts_k .text,
.category_parts_j .text,
.category_parts_k .text,
.category_parts_l .text,
.category_parts_k .text {display:none;}
@media screen and (min-width:768px) {
.category_parts_a ul li:not(:first-of-type) .text,
.category_parts_b .text,
.category_parts_c .text,
.category_parts_f .text,
.category_parts_g .text,
.category_parts_h .text,
.category_parts_j .text,
.category_parts_k .text,
.category_parts_j .text,
.category_parts_k .text,
.category_parts_j .text,
.category_parts_k .text,
.category_parts_l .text,
.category_parts_k .text {display:block;}
}

/* ----------------------------------------------
 Flickity.css v2.2.0
---------------------------------------------- */
.flickity-enabled {position: relative;}
.flickity-enabled:focus {outline: none;}
.flickity-viewport {overflow:hidden; position:relative; height:100%;}
.flickity-slider {position:absolute;  width:100%;  height:100%;}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {cursor:move; cursor:-webkit-grab; cursor:grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor:-webkit-grabbing; cursor: grabbing;}

/* ---- flickity-button ---- */
.flickity-button {
position: absolute;
background: hsla(0, 0%, 100%, 1);
border: none;
color: #333;
}
.flickity-button:hover {background: hsla(0, 0%, 100%, .7);  cursor:pointer;}
.flickity-button:focus {outline:none; box-shadow:0 0 0 5px #19F;}
.flickity-button:active {opacity: 0.6;}
.flickity-button:disabled {opacity:0; cursor:auto; pointer-events:none;}
.flickity-button-icon {fill:currentColor;}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {top:40%; width:35px; height:35px; border-radius:50%; transform:}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {left:auto; right:10px;}
.flickity-rtl .flickity-prev-next-button.next {right:auto; left:10px;}
.flickity-prev-next-button .flickity-button-icon {position:absolute; left:26%; top:28%; width:45%; height:45%;}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
.flickity-rtl .flickity-page-dots {direction:rtl;}
.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}
.flickity-page-dots .dot.is-selected {opacity: 1;}