@charset "utf-8";
/*
Site Author: Lirica
CSS Author: Lirica
Version: 3.x
Update: 2016.11
*/
/* liricanews_layout start
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.page_body .lirica_index article .article_info .lirica_heading_b:after,
.page_body .lirica_index article:after,
.page_body .lirica_index article .article_info .foot_info:after,
.page_body .page_nav:after,
.page_body .page_nav ul:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.page_body .lirica_index {
    margin: 30px 0;
}
.page_body .lirica_index h3 {
    font-size: 120%;
    font-weight: bold;
}
.page_body .lirica_index article {
    border: solid 1px #000;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 20px 0;
    padding: 30px;
    -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.page_body .lirica_index article:hover {
    -ms-filter: "alpha( opacity=$number*100 )";
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.page_body .lirica_index article figure {
    display: block;
    width: 33%;
    float: left;
	font-size:60%;
	text-align:center;
}
.page_body .lirica_index article .article_info {
    width:63%;
    float: right;
    position: relative;
}
.page_body .lirica_index article .article_info .lirica_heading_b time {
    font-size: 80%;
    display: block;
    float:left;
    margin-right: 15px;
}
.page_body .lirica_index article .article_info .lirica_heading_b .new_icon {
    font-family: Arial, Helvetica, sans-serif , sans-serif;
    font-weight: bold;
    color:#E13399;
    position: relative;
    display: inline-block;
    overflow:hidden;
}
.page_body .lirica_index article .article_info .lirica_heading_b .new_icon::after {
    position: absolute;
    bottom:0;
    left:-100%;
    content:'';
    width:100%;
    height:1px;
    background-color: #E13399;
    animation: headLineB 1.7s linear infinite;
    -webkit-animation: headLineB 1.7s linear infinite;
}
@-webkit-keyframes headLineB {
    0% {
        left: -100%;
    }
    50% {
        left:100%;
    }
    99.9%,100%{
        left: 100%;
    }
}
@keyframes headLineB {
    0% {
        left: -100%;
    }
    50% {
        left:100%;
    }
    99.9%,100%{
        left: 100%;
    }
}
.page_body .lirica_index article .article_info h4 {
    color:#0066cc;
    font-weight: bold;
}
.page_body .lirica_index article .article_info .quote_text {
    font-size: 75%;
    max-height: 70px;
    overflow: hidden;
}
.page_body .wp-pagenavi {
    clear: both;
    width: 100%;
    text-align:right;
}
.page_body .wp-pagenavi a, .wp-pagenavi span {
    display:inline-block;
    text-decoration: none;
    border: 1px solid #333;
    padding: 0 5px;
    margin: 2px;
}
.page_body .wp-pagenavi a {
    padding: 0 5px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.page_body .wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #000;
    color: #fff;
    background-color: #333;
}
.page_body .wp-pagenavi span.current {
    color: #fff;
    background-color: #333;
    padding: 0 5px;
}
.page_body .lirica_body {
    margin: 30px 0;
}
.page_body .lirica_body .lirica_heading_a .heading_float:after,
.page_body .lirica_body .lirica_heading_a .heading_list:after,
.page_body .lirica_body article .article_info .news_heading_b:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.page_body .lirica_body .lirica_heading_a .heading_float time {
    font-size: 80%;
    display: block;
    float:left;
    margin-right: 15px;
}
.page_body .lirica_body .lirica_heading_a .heading_float .new_icon {
    font-family: Arial, Helvetica, sans-serif , sans-serif;
    font-weight: bold;
    color:#E13399;
    position: relative;
    display: inline-block;
    overflow:hidden;
}
.page_body .lirica_body .lirica_heading_a .heading_float .new_icon::after {
    position: absolute;
    bottom:0;
    left:-100%;
    content:'';
    width:100%;
    height:1px;
    background-color: #E13399;
    animation: headLineA 1.7s linear infinite;
    -webkit-animation: headLineA 1.7s linear infinite;
}
@-webkit-keyframes headLineA {
    0% {
        left: -100%;
    }
    50% {
        left:100%;
    }
    99.9%,100%{
        left: 100%;
    }
}
@keyframes headLineA {
    0% {
        left: -100%;
    }
    50% {
        left:100%;
    }
    99.9%,100%{
        left: 100%;
    }
}
.page_body .lirica_body .lirica_heading_a h3 {
    font-size: 170%;
    font-weight: bold;
    line-height: 140%;
    border-bottom: solid 1px #0066cc;
    margin-bottom: 10px;
}
.page_body .lirica_body .lirica_contents_body {
    margin: 30px 0;
}
.page_body .lirica_body .lirica_contents_body p {
    font-size: 90%;
    line-height: 220%;
}
.page_body .lirica_body .lirica_contents_body a {
	color:#0066cc;
	text-decoration: underline;
}
.page_body .lirica_body .lirica_contents_body a:hover {
	text-decoration: none;
}
.page_body .lirica_body .lirica_contents_body li {
	margin-bottom: 7px;
}
.page_body .lirica_body .lirica_contents_body figure {
    margin: 15px 0;
    max-width:400px;
    width:100%;
	font-size: 75%;
}
.page_body .lirica_body .sns_box {
    margin: 40px 0;
}
.page_body .lirica_body .sns_box .fb_iframe_widget iframe {
    top: -6px;
}
.page_body .lirica_body .list_back {
    cursor: pointer;
    display: inline-block;
    position: relative;
    background-color: #ccc;
    padding: 0 5px 0 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.page_body .lirica_body .list_back a {
    display:block;
    font-size: 80%;
    color: #fff;
}
.page_body .lirica_body .list_back:before {
    position: absolute;
    top: 5px;
    bottom:0;
    content:"";
    vertical-align:middle;
    left:1px;
    width: 6px;
    height: 6px;
    border: solid 6px transparent;
    border-right: solid 6px #fff;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.page_body .lirica_body .list_back:hover {
    -ms-filter: "alpha( opacity=$number*100 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
}
/* media query
**************/
@media screen and (max-width: 980px)
{
    .page_body .lirica_index {
        margin: 15px 0;
    }
    .page_body .lirica_index .index_heading {
        border-bottom: solid 1px #000;
        font-size: 100%;
    }
    .page_body .lirica_index article {
        border-left:none;
        border-right: none;
        border-top: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        margin: 10px 0;
        padding: 20px 0;
    }
    .page_body .lirica_index article:hover {
        filter: alpha(opacity=100);
        opacity: 1;
    }
    .page_body .lirica_index article .article_info h4 {
        text-decoration: underline;
        color:#0066cc;
    }
    .page_body .lirica_index article .article_info .shop_cat {
        font-size: 80%;
    }
    .page_body .lirica_index article .article_info .quote_text {
        font-size: 75%;
        height: 40px;
        overflow: hidden;
    }
    .page_body .wp-pagenavi {
        text-align:center;
    }
    .page_body .wp-pagenavi a, .wp-pagenavi span {
        margin: 0 2%;
    }
    .page_body .lirica_body {
        margin: 15px 0;
    }
}
@media screen and (max-width: 320px)
{
    .page_body .lirica_index article figure {
        width: 43%;
    }
    .page_body .lirica_index article .article_info {
        width:52%;
    }
}
/* liricanews_layout end
**************************************/