@media only screen and (max-width: 768px) {
.content2 .content_a .date {
text-align: left;
}
} .content2 .cnt a {
color: #0d6efd;
}
.content2 .cnt a:hover {
color: #0a58ca;
}
.news_hako {
max-width: 900px;
margin: 0 auto;
}
main .a-title {
color: lightcoral;
}
.news_hako .news {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 60px;
border-bottom: solid 1px #33333330;
}
.news_hako .news .img_hako {
width: 50%;
margin: auto 0;
}
.news_hako .news .img_hako .news_img {
border-radius: 10px;
}
.news_hako .news .txt_hako {
color: #333333;
width: 50%;
text-align: left;
margin: auto 20px;
word-break: break-word;
} .news_txt01,
.content2 .content_a .date {
font-family: 'Oranienbaum', 'Droid serif';
font-style: italic;
color: darkcyan;
}
@media only screen and (max-width: 768px) {
.news_hako .news .img_hako {
width: 30%;
}
.news_hako .news .txt_hako {
width: 70%;
}
.news_txt01 {
}
.news_txt02 {
word-break: break-all;
}
}
@media only screen and (max-width: 768px) {
.news_hako .news {
padding: 15px;
}
.news_hako .news .txt_hako {
margin: auto 10px;
}
}
.news_btn_hako {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 30px;
}
.news_btn_hako .news_btn {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #FFA16C;
padding-top: 6px;
text-align: center;
margin-left: 15px;
margin-right: 15px;
color: #fff;
}
.news_btn_hako .news_sankaku01 {
width: 0;
height: 0;
border-right: 20px solid #A5A5A5;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
margin-top: 8px;
margin-right: 5px;
cursor: pointer;
}
.news_btn_hako .news_sankaku02 {
width: 0;
height: 0;
border-left: 20px solid #A5A5A5;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
cursor: pointer;
margin-top: 8px;
margin-left: 5px;
}
@media only screen and (min-width: 769px) {
.left {
text-align: left;
padding-left: 50px;
padding-right: 50px;
}
}
@media only screen and (min-width: 769px) {
.mw_850 {
max-width: 850px;
}
}
@media only screen and (max-width: 768px) { .bg_img {
position: absolute;
display: block !important;
background-repeat: no-repeat;
background-position: 50% 4em;
background-size: 80%;
z-index: -1;
width: 90%;
height: 50%;
min-height: 400px;
max-height: 500px;
opacity: 0.2;
}
}