@charset "UTF-8";
 .news-area {
width: 100%;
}
.news-inner {
width: 960px;
min-width: 960px;
margin: 0 auto;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.news-inner {
width: 95%;
min-width: 95%;
}
} .switch_area{
width: 500px;
overflow: hidden;
margin:0 auto 60px;
}
.switch_area li a{
box-sizing: border-box;
display: block;
float: left;
width: 50%;
height: 50px;
line-height: 50px;
color: #001c58;
font-size: 19px;
text-align: center;
text-decoration: none;
background: #f9f8f6;
-webkit-transition: all 0.3s;
transition: all 0.3s;
} .switch_area li:first-child a{
border-radius:10px 0 0 10px;
} .switch_area li:last-child a{
border-radius: 0 10px 10px 0;
} .switch_area li a:hover,
.switch_area li.current a{
color: #fff;
background: #001c58;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.switch_area{
width: 100%;
margin-top: 20px;
margin-bottom:20px;
}
.switch_area li a{
font-size: 16px;
}
} .news-list{
margin: 60px auto;
}
.news-list ul li{
position: relative;
border-bottom: 1px solid #ccc;
padding: 0 0 20px 70px;
margin-top: 20px;
}
.news-list ul li a {
display: block;
color:#424242;
font-size: 16px;
line-height:1.8;
text-decoration: none;
-webkit-transition: all .3s;
transition: all .3s;
} .news_date{
margin-right: 3em;
} .news-list .icon_new{
display: block;
position: absolute;
top:0;
left:0;
}
@media screen and (min-width: 768px) {
.news-list ul li a:hover{
color:#001d59;
}
}
@media screen and (min-width: 0px) and (max-width:767px) {
.news-list ul li{
padding: 15px 0;
} .news_date{
display: block;
margin-right: 0;
} .news-list .icon_new{
position: static;
margin-bottom: 10px;
}
} .news_detail_date{
font-size: 18px;
text-align: left;
}
.news_detail_date .icon_new{
display: inline-block;
margin-right: 20px;
vertical-align: middle;
}
.news_detail_ttl{
font-size: 24px;
text-align: left;
line-height: 1.5;
margin: 20px auto;
}
.news_detail_freebox *{
line-height: 1.6;
}
.news_detail_freebox img{
max-width:100%;
height: auto;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.news_detail{
margin-top: 40px;
}
.news_detail_date{
font-size: 16px;
}
.news_detail_date .icon_new{
display: block;
margin-right: 0;
margin-bottom: 10px;
}
.news_detail_ttl{
font-size: 18px;
}
} .btn_area{
margin-top: 80px;
}
.btn_news_detail {
display:block;
color:#ffffff;
font-size:18px;
width:95%;
max-width:340px;
text-align:center;
text-decoration: none;
background:#000 url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/arrow_next.png) 92% 22px no-repeat;
background-size: 20px 20px;
padding: 20px 0 25px;
margin:20px auto 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.btn_news_detail:hover{
color:#fff;
background:#a33029 url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/arrow_next.png) 92% 22px no-repeat;
background-size: 20px 20px;
}
@media screen and (min-width: 0px) and (max-width:480px) {
.btn_news_detail {
font-size:16px;
background:#000 url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/arrow_next.png) center 50px no-repeat;
background-size: 20px 20px;
padding: 20px 0 45px;
}
.btn_news_detail:hover{
background:#a33029 url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/arrow_next.png) center 50px no-repeat;
background-size: 20px 20px;
}
}
@media screen and (min-width: 0px) and (max-width:767px) {
.btn_area{
margin-top: 40px;
}
}