@charset "utf-8";
   .blog .cat a,
.blog .category_list ul .cat_all a,
.blog_list .article_list .article .cat,
.relevant .cat{
display: inline-block;
padding: 7px 15px;
box-shadow: 1px 1px rgba(0,0,0,0.13);
line-height: 1;
}
.blog .cat a,
.blog_list .article_list .article .cat,
.relevant .cat{
background: #f1f1f1;
}
@media all and (-ms-high-contrast:none) {
.blog .cat a,
.blog .category_list ul .cat_all a,
.blog_list .article_list .article .cat,
.relevant .cat{
padding: 9px 15px 5px;	
}
}
@media screen and (min-width: 768px) {
.blog .cat a:hover,
.blog .category_list ul .cat_all a:hover{
background: #005c3f;
color: #fff;
}
}
@media screen and (max-width: 480px) {
.blog .cat a,
.blog .category_list ul .cat_all a,
.blog_list .article_list .article .cat,
.relevant .cat{
font-size: 1.4rem;
}
}
.blog .cat a.current{
background: #005c3f;
border: none;
} .blog_list .category_ttl{
font-weight: bold;
font-size: 1.8rem;
margin-bottom: 20px;
}
.blog_list .category_ttl::before{
content: "■";
}
.blog_list .category_list ul{
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid #bfbfbf;
padding-bottom: 5px;
margin-bottom: 90px;
width: 100%;
position: relative;
}
.blog_list .category_list ul:before,
.blog_list .category_list ul:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.blog_list .category_list ul:before {
border: solid 15px transparent;
border-top: solid 25px #bfbfbf;
}
.blog_list .category_list ul:after {
border: solid 17px transparent;
border-top: solid 28px #fff;
margin-top: -5px;
}
.blog_list .category_list ul li{
margin: 0 15px 15px 0;
}
.blog_list .category_list ul .cat_all a{
background: #959595;
color: #fff;
}
.blog_list .blog_cur.cat a,
.blog_list .category_list ul .blog_cur.cat_all a{
background: #005c3f;
color: #fff;
}
.blog_list .article_list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: -60px;
}
.blog_list .article_list .article{
border: 1px solid #eaeaea;
width: 32%;
margin-bottom: 60px;
position: relative;
}
.blog_list .article_list .article a{
display: block;
}
.blog_list .article_list .article .new{
position: absolute;
top: -9px;
left: 0;
z-index: 1;
}
.blog_list .article_list .article .img{
padding-top: 66.66%;
background: #fffaf5;
}
.blog_list .article_list .article .img img{
transition: 0.15s ease-in-out;	
}
.blog_list .article_list .article .body{
padding: 20px;
line-height: 1.5;
}
.blog_list .article_list .article .article_ttl{
font-size: 1.8rem;
}
.blog_list .article_list .article .article_data{
color:#464646;
margin-top: 15px;
}
.blog_list .article_list .article .article_data i{
margin-right: 0.3em;
}
.blog_list .article_list .article .body ul{
display: flex;
justify-content: flex-end;
margin-top: 15px;
}
@media screen and (min-width: 768px) {
.blog_list .article_list::after{
content:"";
display: block;
width:32%;
}
.blog_list .article_list .article{
transition: border-color 0.15s ease-in-out;
}
.blog_list .article_list .article:hover{
border-color: #f47813;	
}
.blog_list .article_list .article .article_data{
text-align: right;
}
.blog_list .article_list .article:hover .img img {
filter: sepia(40%);
}
}
@media all and (min-width: 768px) and (-ms-high-contrast:none) {
.blog_list .article_list .article:hover .img img {
opacity: 0.7;
}
}
@media screen and (max-width: 960px) {
.blog_list .article_list .article .body{
padding: 20px 4%;
}
.blog_list .article_list .article .article_data{
font-size: 1.4rem;
}
}
@media screen and (max-width: 767px) {
.blog_list .article_list .article{
width: 48%;
} 
}
@media screen and (max-width: 480px) {
.blog_list .category_list ul li{
margin: 0 10px 10px 0;
}
.blog_list .article_list .article{
margin-bottom: 25px;
}
.blog_list .article_list .article .new{
width: 39px;
top: -5px;
}
.blog_list .article_list .article .article_ttl{
font-size: 1.6rem;
}
.blog_list .article_list .article .article_data{
font-size: 1.2rem;
margin-top: 5px;
}
.blog_list .article_list .article .body ul{
margin-top: 5px;
}
} @media screen and (min-width: 768px) {
.blog_detail .article_block{
display: flex;
justify-content: space-between;
}
.blog_detail .main_contents{
width: 73%;
max-width: 800px;
}
.blog_detail .side_contents{
width: 25%;
max-width: 255px;
}
} .blog_detail .main_contents .article .ttl_block{
line-height: 1.5;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
.blog_detail .main_contents .article .ttl_block .block01{
max-width: 59px;
width: 100%;
}
.blog_detail .main_contents .article .ttl_block .block02{
width: 100%;
}
.blog_detail .main_contents .article .article_day{
font-size: 1.8rem;
}
.blog_detail .main_contents .article .article_ttl{
font-size: 2.4rem;
line-height: 1.4;
margin-bottom: 20px;
}
.blog_detail .main_contents .article .article_data{
color: #464646;
margin: 15px auto 60px;
}
.blog_detail .main_contents .article .article_data .article_writer i{
margin-right: 0.3em;
}
@media screen and (min-width: 678px) {
.blog_detail .main_contents .article .ttl_block{
display: flex;
align-items: flex-start;
}
.blog_detail .main_contents .article .ttl_block .block01{
margin-right: 1em;
}
.blog_detail .main_contents .article .article_data{
display: flex;
justify-content: space-between;
align-items: center;
}
}
@media screen and (max-width: 767px) {
.blog_detail .main_contents{
margin-bottom: 60px;	
}
.blog_detail .main_contents .article .ttl_block .block01{
max-width: 39px;
}
.blog_detail .main_contents .article .article_data .article_category{
text-align: right;
margin-top: 5px;
}
}
@media screen and (max-width: 480px) {
.blog_detail .main_contents .article .article_day{
font-size: 1.4rem;
}
.blog_detail .main_contents .article .article_ttl{
font-size: 2.2rem;
}
.blog_detail .main_contents .article .article_data{
font-size:1.4rem;
}
} .blog_detail .main_contents .article .editor_block{
line-height: 1.8;
letter-spacing: 0.05em;
}
#editor_style h2{
font-size: 2.2rem;
font-weight: bold;
background: #ffd6ad;
padding: 0.5em 2%;
color: #333;
margin:60px auto 25px;
}
#editor_style h3{
font-size: 2rem;
font-weight: bold;
border-left: 7px solid #ff9934;
border-bottom: 2px solid #ccc;
padding: 0.3em 1.5%;
margin: 45px auto 25px;
}
#editor_style h4{
font-size: 1.8rem;
font-weight: bold;
position: relative;
padding: 0 0 0 1.2em;
margin: 35px auto 25px;
}
#editor_style h4::before{
font-family: FontAwesome;
content: "\f152"; position: absolute;
left: 0;
color: #005c3f;
}
#editor_style p,
#editor_style pre{
margin-bottom: 2em;
}
#editor_style a{
color: #ff9934;
text-decoration: underline;
}
#editor_style ul,
#editor_style ol{
margin: 25px auto;
}
#editor_style ul li{
position: relative;
padding: 0 0 0 1.3em;
}
#editor_style ul li::before{
content: "\f111";
font-family: FontAwesome;
color: #ff9934;
position: absolute;
left: 0;
}
#editor_style ol{
list-style-type: decimal;
margin-left: 1.2em;
}
#editor_style img {
height: auto;
}
@media all and (min-width:768px){
#editor_style a:hover{
text-decoration: none;
}
#editor_style a img{
transition: 0.15s ease-in-out;
}
#editor_style a:hover img{
filter: sepia(40%);
}
}
@media all and (min-width: 768px) and (-ms-high-contrast:none) {
#editor_style a:hover img{
opacity: 0.7;
}
}
@media screen and (max-width: 480px) {
.blog_detail .main_contents .article .editor_block{
line-height: 1.5;
}
#editor_style h2{
font-size: 2rem;
padding: 0.2em 2%;
margin: 40px auto 15px;
}
#editor_style h3{
font-size: 1.8rem;
margin: 25px auto 15px;
}
#editor_style h4{
font-size: 1.6rem;
margin: 25px auto 15px;
}
} .blog_detail .side_contents .box{
background: #f1f1f1;
padding: 20px 4%;
}
.blog_detail .side_contents .box:not(:last-child){
margin-bottom: 20px;
}
.blog_detail .side_contents .box .box_ttl{
font-size: 2.2rem;
color: #005c3f;
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
display: flex;
align-items: flex-end;
border-bottom: 1px solid #005c3f;
margin-bottom: 20px;
}
.blog_detail .side_contents .box .box_ttl::before{
content: "";
background:linear-gradient(#ff9933 0%,#ff9933 50%,#005c3f 50%,#005c3f 100%);
min-height: 34px;
width: 6px;
display: inline-block;
margin-right: 0.5em;
}
.blog_detail .side_contents .box .body{
line-height: 1.5;
} .blog_detail .side_contents .box01 .writer_name{
font-size: 1.8rem;
font-weight: bold;
}
.blog_detail .side_contents .box01 .text{
margin-top: 10px;
} #calendar_wrap{
position: relative;
}
#wp-calendar {
width: 100%;
background: #fff;
}
#wp-calendar tr th#calendar-caption{
background: #000;
padding: 3px 0 2px;
color: #fff;
}
#calendar-caption p{
color: #fff;
width: 100%;
margin: 0 auto;
letter-spacing: 0.05em;
font-size: 1.8rem;
}
#wp-calendar thead{
border-bottom: 1px solid #000;
}
#wp-calendar th,
#wp-calendar td {
text-align: center;
line-height: 2;
}
#wp-calendar th{
font-size: 1.4rem;
font-weight: bold;
}
#wp-calendar tr th:last-of-type{ color: #ff0004;
}
#wp-calendar tr th:nth-last-of-type(2){ color: #0e4ede;
}
#wp-calendar td{
position: relative;
z-index: 1;
}
#wp-calendar td a::before{
content: "";
background-color: #ffdbb7;
border-radius: 20px;
width: 25px;
height: 25px;
position: absolute;
top: calc(50% - 25px / 2);
left: calc(50% - 25px / 2);
z-index: -1;
}
#wp-calendar td a {
color: #000;
}
#calendar_wrap #prev,
#calendar_wrap #next{
position: absolute;
top: 5px;
color: #000;
padding: 2px 10px;
}
#calendar_wrap #prev{
left: 5px;
}
#calendar_wrap #next{
right: 5px;
}
#calendar_wrap #prev:before{
content: "\f191";
font-family: FontAwesome;
position: absolute;
right: 0;
color: #fff;
}
#calendar_wrap #next:before{
content: "\f152";
font-family: FontAwesome;
position: absolute;
left: 0;
color: #fff;
}
@media screen and (min-width: 768px) {
#wp-calendar td a:hover{
color: #f47813;
}
#calendar_wrap #prev:hover,
#calendar_wrap #next:hover{ opacity: 0.5;
}
}
@media all and (min-width:768px) and (-ms-high-contrast:none) {
#calendar-caption p{
padding: 5px 0 1px;
}
#wp-calendar th,
#wp-calendar td{
padding: 5px 0 0;
}
#calendar_wrap #prev,
#calendar_wrap #next{
top: 10px;
}
}
@media screen and (max-width: 767px) {
#calendar_wrap #prev,
#calendar_wrap #next{
font-size: 2rem;
top: 5px;
}
} .blog_detail .side_contents .box03 .archive_area{
}
.blog_detail .side_contents .box03 .archive_area .month_list{
display: none;
}
#archives{
font-size: 1.6rem;
letter-spacing: 0.05rem;
font-weight: 500;
}
#archives > ul > li{
text-indent: 1.6rem;
line-height: 1.5;
line-height: 1.8;
}
#archives > ul > li a{
color:#000;
}
#archives > ul > li a:hover{
color:#cb866f;
}
#archives .widgettitle {
font-size: 1.8rem;
font-weight: bold;
letter-spacing: 0.05rem;
line-height: 1.8;
color:#000;
}
#archives .widgettitle i{
margin-right: 0.3em;
}
#archives .widgettitle:hover{
opacity:.7;
} .blog_detail .top_back_btn{
text-align: right;
margin-bottom: 45px;
}
.blog_detail a.back_page{
font-size: 1.3rem;
color: #3e3e3e;
padding-bottom: 3px;
border-bottom: 1px solid #3e3e3e;
letter-spacing: 0.05em;
}
.blog_detail a.back_page i{
margin: 0 0 0 1em;
}
.blog_detail .btn_blog-top{
border: 1px solid #ff9933;
color: #ff9933;
display: block;
padding:  20px 2.5%;
max-width: 300px;
width: 100%;
margin: 90px auto 70px;
text-align: center;
}
.blog_detail .btn_blog-top i{
margin-right: 1em;
}
@media screen and (min-width: 768px) {
.blog_detail a.back_page:hover{
border-bottom: none;
}
.blog_detail .btn_blog-top:hover{
background: #ff9933;
color: #fff;
}
}
@media screen and (max-width: 767px) {
.blog_detail .top_back_btn{
margin-bottom: 25px;
}
}
@media screen and (max-width: 480px) {
.blog_detail .btn_blog-top{
margin: 60px auto;
}
} .blog_detail .relevant{
background: #fffaf5;
padding: 30px 0 35px;
}
.blog_detail  .relevant .relevant_ttl{
font-weight: bold;
border-bottom: 1px solid #ccc;
max-width: 960px;
width: 100%;
margin-bottom: 20px;
}
.blog_detail  .relevant .relevant_ttl .en{
font-family: 'Josefin Sans', sans-serif;
font-size: 3rem;
display: inline-block;
}
.blog_detail  .relevant .relevant_ttl .ja{
font-size: 1.8rem;
color: #005c3f;
display: inline-block;
padding-left: 1em;
}
.blog_detail .relevant .article_list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.blog_detail .relevant .article_list .article{
width: 24%;
border: solid 1px #eaeaea;
background: #fff;
line-height: 1.5;
position: relative;
}
.blog_detail .relevant .article_list .article a{
display: block;
padding: 20px 15px;
}
.blog_detail .relevant .article_list .article .new{
position: absolute;
top: -9px;
left: 0;
z-index: 1;
}
.blog_detail .relevant .article_list .article .img{
padding-top: 66.66%;
background: #fffaf5;
}
.blog_detail .relevant .article_list .article:hover .img img {
transition: 0.15s ease-in-out;
}
.blog_detail .relevant .article_list .article .article_ttl{
font-size: 1.8rem;
margin-top: 10px
}
.blog_detail .relevant .article_list .article .article_day{
color: #464646;
text-align: right;
margin-top: 15px;
}
.blog_detail .relevant .article_list .article .article_writer{
color: #464646;
margin: 10px auto 15px;
}
.blog_detail .relevant .article_list .article .article_writer i{
margin-right: 0.3em;
}
.blog_detail .relevant .article_list .article .body ul{
display: flex;
justify-content: flex-end;
}
@media screen and (min-width: 768px) {
.blog_detail .relevant .article_list .article{
transition: border-color 0.15s ease-in-out;
}
.blog_detail .relevant .article_list .article:hover{
border-color: #f47813;	
}
.blog_detail .relevant .article_list .article .article_data{
text-align: right;
}
.blog_detail .relevant .article_list .article:hover .img img {
filter: sepia(40%);
}
}
@media all and (min-width: 768px) and (-ms-high-contrast:none) {
.blog_detail .relevant .article_list .article:hover .img img {
opacity: 0.7;
}
}
@media screen and (max-width: 960px) {
.blog_detail .relevant .article_list .article a{
padding: 15px 4%;
}
.blog_detail .relevant .article_list .article .article_ttl{
font-size: 1.6rem;
}
.blog_detail .relevant .article_list .article .article_day,
.blog_detail .relevant .article_list .article .article_writer{
font-size: 1.4rem;
}
}
@media screen and (max-width: 767px) {
.blog_detail .relevant .article_list .article{
width: 48%;
}
.blog_detail .relevant .article_list .article:first-child,
.blog_detail .relevant .article_list .article:nth-of-type(2){
margin-bottom: 20px;
}
.blog_detail .relevant .article_list .article .article_ttl{
font-size: 1.4rem;
}
.blog_detail .relevant .article_list .article .article_ttl.ellipsis_2line{
height: 4.3rem;
}
.blog_detail .relevant .article_list .article .article_day{
font-size: 1.2rem;
margin-top: 5px;
}
.blog_detail .relevant .article_list .article .article_writer{
font-size: 1.2rem;	
margin: 5px auto 10px;
}
}