@charset "UTF-8";
/* CSS Document */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ *
BLOG
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

.wp-post
	{
	width:100%;
	padding:0 0 0;
	margin:10% auto 0;
	}
	
.wp-post li
	{
	margin:5% auto 0;
	width:100%;
	text-align: justify;
	transition: all .4s;
	}
	
.wp-post li div
	{
	margin:0 auto 0;
	padding:0 0 9px;
	width:100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	text-align: justify;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
	text-decoration:none;
	font-size: 2rem;
	line-height: 140%;
	border-bottom: dashed 1px #A8AAAD;
	}
	
.wp-post li div:hover
	{
	opacity: .8;
	transition: all .4s;
	}
	
.wp-post li div .category
	{
	margin:0 0 0;
	text-align: center;
	width: 15%;
	background: #fcf171;
	border: #ffcc60 1px solid;
	border-radius: 8px;
	padding:3px 2%;
	font-size: -webkit-calc(1em - 0.4rem); /* Chrome 19以降、Safari 6 */
    font-size:    -moz-calc(1em - 0.4rem); /* Firefox 4以降 */
    font-size:         calc(1em - 0.4rem);
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
	text-decoration:none;
	}
	
.wp-post li .date
	{
	margin:0 0 0;
	text-align: center;
	font-size: -webkit-calc(1em - 0.3rem); /* Chrome 19以降、Safari 6 */
    font-size:    -moz-calc(1em - 0.3rem); /* Firefox 4以降 */
    font-size:         calc(1em - 0.3rem);
	width:14%;
	}
	
.wp-post li .title
	{
	width: 68%;
	margin:0 0 0 0;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
	text-decoration:none;
	-webkit-transition: all .3s;
	transition: all .3s; 
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1980(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1920px) {
 /* ************** */
.wp-post
	{
	margin:8% auto 0;
	}
 /* *************** */
	}
	

/* ▼▼▼▼▼▼▼▼MaxWidth1580(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1480px) {
 /* ************** */
.wp-post
	{
	margin:8% auto 0;
	}
	
.wp-post li
	{
	margin:5% auto 0;
	}
	
.wp-post li div
	{
	margin:0 auto 0;
	padding:0 0 9px;
	font-size: 1.6rem;
	line-height: 140%;
	}
	
.wp-post li div .category
	{
	width: 12%;
	border-radius: 8px;
	padding:3px 2%;
	font-size: -webkit-calc(1em - 0.4rem); /* Chrome 19以降、Safari 6 */
    font-size:    -moz-calc(1em - 0.4rem); /* Firefox 4以降 */
    font-size:         calc(1em - 0.4rem);
	}
	
.wp-post li .date
	{
	font-size: -webkit-calc(1em - 0.3rem); /* Chrome 19以降、Safari 6 */
    font-size:    -moz-calc(1em - 0.3rem); /* Firefox 4以降 */
    font-size:         calc(1em - 0.3rem);
	width:12%;
	}
	
.wp-post li .title
	{
	width: 74%;
	}
 /* *************** */
	}
	
	
/* ▼▼▼▼▼▼▼▼MaxWidth1280(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1280px) {
 /* ************** */
.wp-post
	{
	margin:10% auto 0;
	}
	
.wp-post li
	{
	margin:5% auto 0;
	}
	
.wp-post li div
	{
	margin:0 auto 0;
	padding:0 0 9px;
	font-size: 1.4rem;
	line-height: 140%;
	}
	
.wp-post li div .category
	{
	width: 12%;
	border-radius: 8px;
	padding:3px 2%;
	font-size: -webkit-calc(1em - 0.4rem); /* Chrome 19以降、Safari 6 */
    font-size:    -moz-calc(1em - 0.4rem); /* Firefox 4以降 */
    font-size:         calc(1em - 0.4rem);
	}
	
.wp-post li .date
	{
	font-size: -webkit-calc(1em - 0.3rem); /* Chrome 19以降、Safari 6 */
    font-size:    -moz-calc(1em - 0.3rem); /* Firefox 4以降 */
    font-size:         calc(1em - 0.3rem);
	width:12%;
	}
	
.wp-post li .title
	{
	width: 74%;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 768px) {
 /* ************** */
.wp-post
	{
	margin:10% auto 0;
	}
	
.wp-post li
	{
	margin:5% auto 0;
	}
	
.wp-post li div
	{
	margin:0 auto 0;
	padding:0 0 9px;
	font-size: 1.3rem;
	line-height: 140%;
	}
	
.wp-post li div .category
	{
	width: 15%;
	border-radius: 8px;
	padding:3px 2%;
	font-size: -webkit-calc(1em - 0.3rem); /* Chrome 19以降、Safari 6 */
    font-size:    -moz-calc(1em - 0.3rem); /* Firefox 4以降 */
    font-size:         calc(1em - 0.3rem);
	}
	
.wp-post li .date
	{
	font-size: -webkit-calc(1em - 0.2rem); /* Chrome 19以降、Safari 6 */
    font-size:    -moz-calc(1em - 0.2rem); /* Firefox 4以降 */
    font-size:         calc(1em - 0.2rem);
	width:16%;
	}
	
.wp-post li .title
	{
	width: 65%;
	}
 /* *************** */
	}	
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 480px) {
 /* ************** */
.wp-post
	{
	margin:11% auto 0;
	}
	
.wp-post li
	{
	margin:7% auto 0;
	}
	
.wp-post li div
	{
	margin:0 auto 0;
	padding:0 0 9px;
	font-size: 1.3rem;
	line-height: 140%;
	}
	
.wp-post li div .category
	{
	width: 19%;
	border-radius: 4px;
	padding:3px 2%;
	font-size: -webkit-calc(1em - 0.3rem); /* Chrome 19以降、Safari 6 */
    font-size:    -moz-calc(1em - 0.3rem); /* Firefox 4以降 */
    font-size:         calc(1em - 0.3rem);
	}
	
.wp-post li .date
	{
	font-size: -webkit-calc(1em - 0.2rem); /* Chrome 19以降、Safari 6 */
    font-size:    -moz-calc(1em - 0.2rem); /* Firefox 4以降 */
    font-size:         calc(1em - 0.2rem);
	width:22%;
	}
	
.wp-post li .title
	{
	width: 54%;
	}
 /* *************** */
	}