@charset "utf-8";

/*----------------------

Theme name:九州スポーツ鬼ごっこ連盟WEBサイト
Theme URL:https://kyusyu-onigokko.com
-----------------------------------------*/

/* RESET
----------------------------------------------------------------------------------------------------*/

a,article,body,dd,div,dl,dt,em,form,footer,header,
h1,h2,h3,h4,h5,h6,html,i,iframe,img,label,legend,
li,nav,ol,p,section,main,span,table,tbody,tfoot,thead,
time,tr,th,td,ul,video,figure{
  font-family:inherit;
  font-size:100%;
  font-weight:inherit;
  font-style:inherit;
  vertical-align:baseline;
  white-space:normal;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  line-height:1.8;
  clear: both;
  }
textarea{
  font-family:inherit;
  font-size:100%;
  font-weight:inherit;
  font-style:inherit;
  vertical-align:baseline;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  line-height:1.6;
  }
article,footer,header,nav,section{
  display:block;
  }
ol,ul{
  list-style:none;
  }
table{
  border-collapse:collapse;
  border-spacing:0;
}
*,::before,::after{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  }
body {
  margin:0;
  padding:0;
  font-size: 16px;
  font-size:1rem;
  height:100%;
  line-height: 1.6;
  font-family:'M PLUS Rounded 1c', sans-serif,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","sans-serif";
  font-weight: 700;
  color: #333;
  -webkit-text-size-adjust: 100%;
  position: relative;
}
:root{
  --primary:#333;
  --background:#fff;
  --secondary-background:#c84d64;
  --off-w-bg:rgba( 255, 255, 255, 0.9);
  --off-bur-bg:rgba(200,77,100,0.9);
  --bur-red:#c84d64;
  --yellow:#ffff00;
  --bg-glay:#eee;  
}
.bg_red{
  background-color:#c84d64;
}
a{
  outline:none;
  color: #333;
}
a:hover {
  text-decoration: none;
}
a,a:hover,a:hover img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
}
a:focus{
  outline:none !important;
}
button{
  outline: none;
  background-color:transparent;
  padding:0;
  margin:0;
  border-style: none;
  display:block;
  width:100%;
}
img, svg {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}
/*-------------------------------
  margin
--------------------------------*/
.mg_top30{  
  margin-top:30px !important;
}
.mg_top50{  
  margin-top:50px !important;
}
.mg_top75{
  margin-top:75px !important;
}
.mg_top100{
  margin-top:100px !important;
}
.mg_top150{
  margin-top:150px !important;
}
.mg_b30{ 
  margin-bottom:30px;
}
.mg_b50{ 
  margin-bottom:50px;
}
.mg_b100{ 
  margin-bottom:100px;
}
.mg_l10{
  margin-left:10px !important;
}
/*-------------------------------
  padding
--------------------------------*/
.pd_top50{
  padding-top:50px;
}
.pd_top75{
  padding-top:75px;
}
.pd_top100{
  padding-top:100px;
}
.pd_top150{
  padding-top:150px;
}
.pd_b50{
  padding-bottom:50px;
}
.pd_b100{ 
  padding-bottom: 100px;
}
.pd_b150{ 
  padding-bottom: 150px !important;
}
/*===========
 text
=============*/
.text_center{ 
  text-align: center;
}
.text_right{
  text-align:right;
}
.text_left{
  text-align:left;
}   
.white{
  color:#fff !important;
}
.red{
  color:#D54D69;
}
.bold{
  font-weight:bold;
}
.small{
  font-size:80%;
}
/* -------------------
  btn
---------------------*/
.btn_b{
  display:flex;
  justify-content: center;
  align-items:center;
  text-align:center;
  position: relative;
  padding:15px 30px;
  margin:50px auto 30px;
  color:#fff;
  background-color:var(--bur-red);
  width:100%;
  width:250px;
  font-size:1rem;
  font-weight:800;
  border:solid 2px #fff;
  border-radius:10px;
  line-height:1.4;
}
@media screen and (min-width:768px){
  .btn_b{
    width:400px;
  }
}
.btn_b:hover{
  background-color:#fff;
  color:var(--bur-red);
  -webkit-transition:all 0.6s;
  transition:all 0.6s;
  border:solid 2px var(--bur-red);
}
.btn_w{
  display:flex;
  justify-content: center;
  align-items:center;
  text-align:center;
  position: relative;
  padding:15px 30px;
  margin:50px auto 30px;
  color:var(--bur-red);
  background-color:#fff;
  width:100%;
  width:250px;
  font-size:1rem;
  font-weight:800;
  border:solid 2px var(--bur-red);
  border-radius:10px;
	line-height:1.4;
}
@media screen and (min-width:768px){
  .btn_w{
    width:400px;
  }
}
.btn_w:hover{
  background-color:var(--bur-red);
  color:#fff;
  -webkit-transition:all 0.6s;
  transition:all 0.6s;
  border:solid 2px #fff;
}
.btn_b .fa-chevron-right,
.btn_w .fa-chevron-right{
  margin-left:10px;
  margin-bottom:2px;
}
/* -------------------
  container
---------------------*/
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
.container {
  width: 750px;
 }
}
@media (min-width: 991px) {
.container {
  width: 970px;
 }
}
@media (min-width: 1280px) {
.container {
  width: 1280px;
 }
}
/*-----------
  SP
  -----------*/
.sp{
  display:block;
}
@media screen and (min-width:991px){
  .sp{
    display:none;
  }
}
/*=====================
   header
======================*/
.header{
  position:fixed;
  right:0;
  top:0;
  display: flex;
  justify-content: space-between;
  align-items:center;
  width:100%;
  padding:5px;
  border-bottom:solid 5px #D54D69;
  background-color:#fff;
  z-index:99;
}
@media screen and (min-width:991px){
  .header{
    padding:0 5px;
  }
}
.h_logo{
  margin:0;
  padding:10px 5px;
  overflow: hidden;
}
.h_logo img{
  width:250px;
  object-fit: cover;
}
@media screen and (min-width:991px){
  .h_logo img{
    width:300px;
  }
}
.h_btn{
  position: fixed;
  right:10px;
  top:10px;
  flex-wrap:wrap;
  justify-content: center;
  align-items:center;
  border:none;
  width:50px;
  height:50px;
  background-color:#D54D69;
  border-radius:50px;
}
@media screen and (min-width:991px){
  .h_btn{
    display:none;
  }
}
.h_btn span{
  display:block;
  position:relative;
  top:0;
  margin:0 auto;
  width:30px;
  height:1px;
  background-color:#fff;
  transition:.6s ease;
}
.h_btn span::before,
.h_btn span::after{
  position: absolute;
  content:'';
  left:0;
  width:100%;
  height:1px;
  transition:all .6s;
  background-color:inherit;
}
.h_btn span::before{
  top:-10px;
}
.h_btn span::after{
  top:10px;
}
body.open .h_btn{
  z-index:30;
  background-color:#fff;
}
body.open .h_btn span{
  width:30px;
  background-color:transparent;
}
body.open .h_btn span::before,
body.open .h_btn span::after{
  top:0;
  background-color:var(--bur-red);
}
body.open .h_btn span::before{
  transform:rotate(45deg);
}
body.open .h_btn span::after{
  transform:rotate(-45deg);
}
/*===============
  nav
================*/
.g_nav{
  position:fixed;
  right:0;
  top:0;
  width:100%;
  height:100vh;
  margin:0;
  padding:75px 0;
  transform:translateX(100%);
  transition:.8s ease;
  background:url(img/nav_bg.jpg)top right;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width:768px) and (max-width:991px){
  .g_nav{
    padding:50px 15px;
  }
}
@media screen and (min-width:991px){
  .g_nav{
    width:100%;
    max-width:900px;
    height:65px;
    background-color:#fff;
    transform:translateX(0);
    position: static;
    overflow: hidden;
    padding:0 15px 0 0;
    margin:0 0 0 30px;
    background-image:none;
  }
}
body.open .g_nav{
  transform:translateX(0);
}
.g_nav_inner{
  display:flex;
  flex-direction:column;
  align-items: flex-start;  
}
@media screen and (min-width:991px){
  .g_nav_inner{
    flex-direction:row;
    padding:0 15px 0 0;
  }
}
.g_nav-main{
  width:100%;
  display:block;
}
@media screen and (min-width:768px) and (max-width:991px){
.g_nav-main{
  display:flex;
  justify-content: space-between;
  align-items:center;
  margin:50px 0;
}
}
.g_menu{
  margin:0 0 15px;
  padding:15px 15px 0;
  width:100%;
}
@media screen and (min-width:768px) and (max-width:991px){
  .g_menu{
    width:80%;
    box-sizing: border-box;
  }
}
@media screen and (min-width:991px){
  .g_menu{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0;
    margin:0;
  }
}
.h_nav-item{
  list-style-type:none;
  padding:0 0 0 5px;
  display:flex;
  align-items:center;
  vertical-align: middle;
  margin:0 0 15px;
  line-height:1;
}
@media screen and (min-width:991px){
  .h_nav-item{
    margin:0;
    padding-left:0;
    text-align:center;
  }
}
.h_nav-item a{
  display:flex;
  align-items: center;
  padding:0;
  margin:0;
  color:#fff;
}
@media screen and (min-width:991px){
  .h_nav-item a{
    padding:10px 18px;
    display:block;
  }
}
.h_nav-item a:hover{
  background-color:var(--bur-red);
  color:#fff;
  transition:0.6s;
  color:#333;
}
.nav_en{
  font-size:1.3rem;
  font-weight:700;
  margin-right:1rem;
  color:#fff;
  position: relative;
  font-family: 'Ubuntu', sans-serif;
}
@media screen and (min-width:768px) and (max-width:991px){
  .nav_en{
    font-size:1.3rem;
  }
}
@media screen and (min-width:991px){
  .nav_en{
    font-size:1rem;
    margin-right:0;
    color:var(--bur-red);
  }
  .h_nav-item a:hover .nav_en,.h_nav-item a:hover .nav_j{
    color:#fff;
    transition:0.6s;
  } 
}
.nav_j{
  font-size:0.7rem;
  font-weight:800;
}
@media screen and (min-width:991px){
  .nav_j{
    margin:-5px 0 0;
    padding:0;
    display:block;
    color:#333;
  }
}
.g_sns-p{
  margin-top:50px;
  font-size:1.2rem;
  color:#fff;
  font-weight:800;
  text-align:center;
  width:100%;
}
.g_sns{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:nowrap;
  padding:10px 10px 10px 20px;
  width:90%;
  margin:15px auto;
  background-color:#fff;
  border-radius:10px;
}
.g_sns-list{
  margin-right:10px;
}
.g_sns-list img{
  width:30px;
  height:30px;
}
.g_submenu{
  width:100%;
  padding:15px 15px 15px 20px;
}
.sub_menu{
  font-size:1rem;
}
@media screen and (min-width:991px){
  .g_sns-p,
  .g_sns,
  .g_submenu{
    display:none;
  }
}
/*==================
  hero-aria
======================*/
.hero_area{
  position: relative;
  width:100%;
  height:90vh;
  margin:50px 0 0 0;
  padding:0 0 60px;
  background-color:var(--bur-red);
}
#slider {
  width: 100%;
  height: 90vh;
}
@media screen and (min-width:991px){
  .hero_area{
    width:95%;
    height:90vh;
    margin:60px auto 0;
    border-radius:15px;
  }
  #slider {
    height:90vh;
    border-radius:15px;
    margin:60px auto 0;
  }
}
/* top_hero-ttl
------------------*/
.top_hero-ttl{
  position: absolute;
  bottom:60px;
  left:0;
  padding:15px 15px;
  margin:0;
  font-weight:bold;
  background-color: rgba(213,77,105,0.8);
  color:#fff;
  font-size:1.4rem;
  text-align:left;
  line-height: 1.4;
}
@media screen and (min-width:991px){
  .top_hero-ttl{
    font-size:2.6rem;
 }
}
/*==================
　TOP PAGE
====================*/
/* ---------------
   ttl
------------------*/
.ttl_r,.ttl_w{
  font-size:3rem;
  font-weight:bold;
  line-height: 1.1;
  font-family: 'Ubuntu', sans-serif;
  position: relative;
  display:block;
  text-align:center;
  z-index:2;
}
.t_ttl{
  font-size:2rem;
  font-weight:bold;
  line-height: 1.1;
  font-family: 'Ubuntu', sans-serif;
  position: relative;
  display:block;
  text-align:center;
  z-index:2;
  color:var(--bur-red);
  margin-bottom:30px;
}
@media screen and (min-width:768px){
  .ttl_r,.t_ttl{
    font-size:4rem;
 }
}
.t_sub-ttl{
  font-size:1.2rem;
  margin:0 0 50px;
  color:var(--bur-red);
  font-weight:bold;
}
.ttl_r{
  color:var(--bur-red);
}
.ttl_w{
  color:#fff;
}
.sub_ttl{
  display:block;
  text-align: center;
  font-size:1rem;
}
/* TOP ABOUT
----------------------*/
.top_about{
  width:100%;
  padding:50px 0;
  margin:30px 0 0;
  position: relative;
  background-color:var(--bur-red);
}
.about_flex{
  display:flex;
  justify-content: space-between;
  width:100%;
  margin:30px 0;
  box-sizing: border-box;
}
.about_l{
  width:15%;
}
.about_r{
  width:80%;
}
.about_ttl{
  margin:0 0 0 -10px;
  color:var(--bur-red);
  writing-mode: vertical-lr;
  -ms-writing-mode:vertical-lr;
  -webkit-writing-mode:vertical-lr;
  font-size:1.6rem;
  font-family: 'Ubuntu', sans-serif;
}
.about_ttl-sub{
  font-size:1rem;
  margin:10px;
  font-weight:bold;
}
.about_ttl-w{
  margin:0 0 0 -10px;
  color:#fff;
  writing-mode: vertical-lr;
  -ms-writing-mode:vertical-lr;
  -webkit-writing-mode:vertical-lr;
  font-size:1.6rem;
  font-family: 'Ubuntu', sans-serif;
}
.about_ttl-w-sub{
  font-size:1rem;
  margin:10px;
  font-weight:bold;
}
.h_ttl{
  font-size:1.3rem;
  color:var(--bur-red);
  line-height: 1.6;
  margin:0 0 30px;
  font-weight:bold;
  text-align:center;
}
.h_ttl-w{
  font-size:1.4rem;
  color:#fff;
  line-height: 1.6;
  margin:0 0 30px;
  font-weight:bold;
  text-align:center;
}
.about_r figure{
  width:100%;
  margin:0 0 30px;
}
.about_r figure img{
  width:100%;
  object-fit: cover;
}
.top_about p{
  color:#fff;
}
@media screen and (min-width:991px){
  .about_flex{
    gap:50px;
  }
  .about_l{
    width:20%;
  }
  .about_ttl-w{
    writing-mode: vertical-lr;
    -ms-writing-mode:vertical-lr;
    -webkit-writing-mode:vertical-lr;
    font-size:3.2rem;
    margin-left: 80px;
    display: flex;
    align-items: center;
	border-right:solid 1px #fff;
  }
  .about_ttl{
    writing-mode: vertical-lr;
    -ms-writing-mode:vertical-lr;
    -webkit-writing-mode:vertical-lr;
    font-size:3.2rem;
    margin-left: 80px;
    display: flex;
    align-items: center;
	border-right:solid 1px var(--bur-red);
  }
  .about_ttl-sub,.about_ttl-w-sub{
    font-size:1.2rem;
  }
  .about_r{
    width:70%;
  }
  .about_r figure{
    width:600px;
    margin:0 auto 30px;
  }
  .h_ttl,.h_ttl-w{
    font-size:2rem;
  }
}
/* TOP NEWS
----------------------*/
.news_flex{
  width:100%;
  margin:30px 0 50px;
  padding:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  flex-wrap:wrap;
}
.news_list{
  width:100%;
  background-color:#fff;
  box-sizing: border-box;
  padding:15px 10px;
  margin:15px 0;
  border-radius:10px;
  border:solid 2px var(--bur-red);
}
@media screen and (min-width:600px){
  .news_list{
    width:calc(50% - 15px);
    margin:30px auto; 
  }
}
@media screen and (min-width:991px){
  .news_list{
    width:calc(33% - 25px);
    margin:30px auto; 
  }
}
.news_list:hover{
  transition: 0.6s;
  box-shadow: 5px 5px var(--yellow);
}
.news_thumb{
  overflow: hidden;
  margin:0;
  padding:0;
  width:100%;
  border-radius:10px 10px 0 0;
  border:solid 1px var(--bur-red);
}
.news_thumb img{
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: 50% 50%;
  transform:scale(1);
  border-radius:10px 10px 0 0; 
}
.news_thumb img:hover{
  transform:scale(1.2);
  transition:0.6s;
}
.news_category{
  font-size:0.9rem;
  background-color: var(--bur-red);
  color:#fff;
  padding:2px 5px;
}
.news_contents{
  margin:10px 0 0;
  width:100%;
}
.news_date{
  font-size:0.9rem;
  display:block;
  display:flex;
  justify-content: space-between;
  align-items:center;
  border-bottom:solid 1px #D54D69;
}
.news_ttl{
  font-size:1rem;
  line-height: 1.4;
  margin:10px 0 5px 0;
  display:block;
}
@media screen and (min-width:600px){
  .news_inner{
    display:block;
  }
  .news_thumb{
    width:100%;
    margin-bottom:10px;
  }
  .news_contents{
    width:100%;
    display:block;
  }
  .news_ttl{
    font-size:1rem;
  }
}
/* TOP TOPIC
----------------------*/
.top_topic{
  width:100%;
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
}
.topic_l{
  width:100%;
}
/*==================
  footer
==================*/
.f_red{
  margin:0;
  padding:50px 0;
  width:100%;
  background-color:var(--bur-red);
  position: relative;
}
.g_f-area{
  width:100%;
  display:flex;
  flex-direction:column;
}
.g_f-area img{
  width:200px;
  margin:30px auto 15px;
}
.f_menu{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.f_menu li{
  width:100%;
  border-bottom:dashed 1px #fff;
  display:flex;
  align-items: center;
  font-size:1.1rem
}
.f_menu li:last-child{
  border-bottom:none;
}
.f_menu li a{
  display: block;
  color:#fff;
  padding:10px;
  line-height: 1.3;
  width:100%;
}
.f_menu li a:hover{
  color:var(--bur-red);
  background-color:#fff;
}
.f_sub{
  margin-left:10px;
  font-size:0.8rem;
  line-height: 1.3;
}
@media screen and (min-width:600px){
  .g_f-area img{
    width:350px;
  }
  .f_menu li{
    width:48%;
    border-bottom:none;
  }
}
@media screen and (min-width:991px){
  .f_menu li{
    width:16%;
    text-align: center;
  }
  .f_sub{
    display: block;
    margin-left:0;
    font-size:0.8rem;
  }
}
.f_menu-list{
  width:100%;
}
.f_logo{
  max-width:350px;
  margin:30px auto;
  padding:0;
} 
.f_logo img{
  width:100%;
  object-fit: cover;
  object-position:50% 50%;
}
.fa-chevron-right{
  margin-right:10px;
}
@media screen and (min-width:768px){

}
/* f_sns area
-----------------*/
.f_sns{
  display:flex;
  align-items:center;
  justify-content:space-around;
  flex-wrap:nowrap;
  margin:30px auto 15px;
  width:100%;
  background-color:#fff;
}
@media screen and (min-width:768px){
  .f_sns{
    max-width:400px;
    margin:30px auto;
  }
}
.f_sns li img{
  width:35px;
  height:35px;
}
/* copyright
----------------*/
.copyright{
  font-size:0.8rem;
  text-align:center;
  font-weight:bold;
}
/*=====================
  PAGE CSS
======================*/
/*
  bread crumb
--------------------*/
.bread{
  margin:0;
  width:100%;
  background-color:#eee;
}
.bread_crumb{
  margin: 0 0;
    padding: 8px 15px;
    font-size: 0.8rem;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    color: #333;
}
.bread_crumb span{
  font-size: 0.8rem;
}
.bread_crumb li{
  list-style:none;
  margin-right:10px;
  color:#333;
}
.bread_crumb li a{
  color:#333;
}
.bread_crumb li a:hover{
  color:#ff7b8c;
  transition: 0.6s;
} 
.bread_crumb li:after{   
  content:'>';
  padding-left:10px;
} 
.bread_crumb li:last-child:after{
  content:'';
}
/*==================
  PAGE HERO
  =================*/
.page_hero{
  width:95%;
  height:60vh;
  background:url(img/page_bg-sp01.jpg)center;
  background-size:cover;
  margin:110px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius:15px;
}
.page_hero-ttl{
  font-size:2rem;
  color:#fff;
  font-weight:bold;
  font-family: 'Ubuntu', sans-serif;
  line-height: 1.4;
  text-align: center;
}
.page_hero-ttl-sub{
  display: block;
  font-size:1rem;
  line-height: 1.4;
}
@media screen and (min-width:991px){
  .page_hero{
    margin:120px auto 0;
    background:url(img/page_bg01.jpg)center;
    height:80vh;
  }
}
/*==================
  ABOUT PAGE
===================*/
.member_ul{
  width:100%;
  display:block;
  margin:0 0 30px;
  padding:0;
}
.member_ul li{
  width:100%;
  padding:10px;
  border-bottom:dashed 1px var(--bur-red);
  font-size:1.3rem;
}
.name{
  font-weight:bold;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  line-height:1.4;
}
.f_team{
  font-size:1rem;
}
.member_ttl{
  font-size:1.3rem;
  padding-left:10px;
  margin-bottom:15px;
}
.about_ul{
  width:100%;
  display:flex;
  align-items: flex-end;
  flex-wrap:wrap;
}
.about_ul li{
  width:100%;
  display:block;
  line-height: 1.2;
  font-size:1.1rem;
  border-bottom:dashed 1px var(--bur-red);
  padding:10px;
}
.about_ul li:last-child{
  border-bottom:none;
}
@media screen and (min-width:600px){
  .about_ul{
    gap:10px;
  }
  .about_ul li{
    width:48%;
  }
}
/*==================
  ENTRY PAGE
===================*/
.entry_hero{
  width:95%;
  height:60vh;
  background:url(img/page_bg-sp02.jpg)center;
  background-size:cover;
  margin:110px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius:15px;
}
@media screen and (min-width:991px){
  .entry_hero{
    margin:120px auto 0;
    background:url(img/page_bg02.jpg)center left;
    height:80vh;
  }
}
.gaiyou_box{
  margin:50px 0;
  width:100%;
  padding:0;
  display:block;
}
.entry_dl{
  width:100%;
  display:block;
  margin:30px 0;
  padding:0;
  color:#fff;
}
.entry_dl dt{
  font-weight: bold;
  font-size:1rem;
  margin:0 0 5px 0;
}
.entry_dl dd{
  font-size:1rem;
  margin:0 0 15px;
  line-height: 1.4;
  border-bottom:dashed 1px #fff;
  padding-bottom:15px;
}
.entry_b-dl{
  width:100%;
  display:block;
  margin:0 0 30px;
  padding:0;
  color:#333;
}
.entry_b-dl dt{
  font-weight: bold;
  font-size:1.2rem;
  margin:0 0 5px 0;
}
.entry_b-dl dd{
  font-size:1rem;
  margin:0 0 15px;
  line-height: 1.4;
  border-bottom:dashed 1px #333;
  padding-bottom:15px;
}
.summary_ul{
  width:100%;
  margin:30px 0 0;
  padding:0;
}
.summary_ul li{
  line-height: 1.4;
  margin:0 0 20px;
}
.entry_ul{
  width:100%;
  margin:0 0 75px;
  color:#fff;
}
.entry_ul li{
  margin:0 0 50px;
  padding:15px 10px;
  border:dashed 1px #fff;
  position: relative;
  line-height: 1.4;
}
.entry_ul li::after{
  position: absolute;
  content:'';
  bottom:-50px;
  left:45%;
  box-sizing: border-box;
  width: 15px;
  height: 15px;
  border: 15px solid transparent;
  border-top: 14px solid #fff;
}
.entry_ul li:last-child::after{
  display:none;
}
.entry_box{
  margin:0 0;
  width:100%;
  padding:0;
  display:block;
}
.entry_day{
  font-size:1.1rem;
  color:var(--yellow);
  font-weight:bold;
}
@media screen and (min-width:991px){
  .entry_day{
    font-size:1.3rem;
  }
}
/*==================
  archive
===================*/
.news_sec{
  margin:500px 0 0;
  padding:100px 0 100px;
}
@media screen and (min-width:991px){
  .news_sec{
    margin:400px 0 0;
    padding:50px 0 100px;
  }
}