/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 24 2022 | 11:58:55 */
@media screen and (min-width:501px) and (max-width:768px){
/*=================*//*=================*/
/*=================*//*=================*/
  /*全体*/
.top_slider{width: 100%;}
/*=================*/
/*スライダー*/
.slider_box{width: 100%;margin-left: 10px;margin-right: 10px;position:relative;}
/*=================*/
/*サムネイル*/
.slider_post_thumbnail{width:100%;}
.slider_post_thumbnail img{width:100%;border-radius:20px;object-fit:cover;height:300px;}
/*=================*/
/*背景三角*/
.slider_back_image{position:absolute;bottom:0;left:0;width:80%;z-index:2;}
.slider_back_image img{width:100%;}
/*=================*/
/*コンテンツ全体*/
.slider_post_meta{position:absolute;bottom:0;left:0;width:100%;z-index:3;padding-top:20px;padding-left:20px;padding-right:20px;padding-bottom:20px;background-color:#FFFFFF00;}
/*投稿日*/
.slider_post_time{width:100%;}
.slider_post_time time{font-size:14px;margin-bottom:10px;font-weight:bold;background-color:#FFFFFF73;display:inline-block;}
/*カテゴリー*/
.slider_post_category{border:solid 1px black;background-color:white;padding-top:5px;padding-left:10px;padding-right:10px;padding-bottom:5px;display:inline-block;margin-bottom:10px;font-weight:bold;}
.slider_post_category div{font-size:12px;display:inline-block;}
/*タグ*/
.slider_post_tag{}
/*タイトル*/
.slider_post_title{font-size:16px;margin-bottom:10px;width:85%;font-weight:bold;background-color:#FFFFFF73;}
/*詳しくはこちらボタン*/
.slider_post_link{display:inline-block;padding-top:5px;padding-left:20px;padding-right:20px;padding-bottom:5px;border:solid 1px black;border-radius:30px;transition:0.3s;}
.slider_post_link:hover{background-color:white;}
/*テキスト*/
.slider_post_link span{color:black;font-size:14px;font-weight:bold;margin-right:5px;}
/*矢印画像*/
.slider_post_link img{width:80px;display:inline-block!important;}
/*=================*//*=================*/
/*=================*//*=================*/
}/*media screen終了*/