@charset "utf-8";
  .breadcrumb {
margin-bottom: 40px;
}
.blog-header{
border-bottom: 1px solid #dbdbdf;
padding: 0 0 60px;
position: relative;
}
.blog-header::before,
.blog-header::after {
content: '';
border-style: solid;
border-color: transparent; 
border-width: 30px 15px 0 15px;
position: absolute;
left: 50%;
margin-left: -14px;
}
.blog-header::before {
border-top-color: #dbdbdf;
bottom: -30px;
}
.blog-header::after {
border-top-color: #fff;
bottom: -28px;
}
.sec-blog-ttl{
text-align: center;
max-width: 860px;
width: 100%;
margin: 0 auto 25px;
border-bottom: 1px dotted #dbdbdf;
display: flex;
align-content: flex-end;
flex-wrap: wrap;
justify-content: center;
}
.sec-blog-ttl-en{
font-family: 'Poiret One', cursive;
font-size: 6rem;
line-height: 1.5;
letter-spacing: 0.05em;
margin-right: 20px;
}
.sec-blog-ttl-img{
max-width: 170px;
width: 100%;
font-size: 0;
}
.sec-blog .new{
color: #c6112f;
font-weight: bold;
margin-right: 0.3em;
}
@media screen and (min-width: 768px) {
.blog-header-text{
text-align: center;
}
}
@media screen and (max-width: 767px) {
.sec-blog-ttl-en{
font-size: 5.3rem
}
}
@media screen and (max-width: 480px) {
.blog-header {
padding: 0 0 30px;
}
.sec-blog-ttl-en{
margin: 0;
font-size: 3.5rem
}
.sec-blog-ttl-img {
max-width: 120px;
}
} .sec-blog-list .archive-block{
margin: 100px auto 0;
}
.sec-blog-detail .archive-block{
margin: 80px auto 0;
}
.sec-blog .archive-block-ttl{
font-family: 'Poiret One', cursive;
font-size: 3.6rem;
text-align: center;
border-bottom: 1px dotted #dbdbdf;
margin: 0 auto 50px;
}
.sec-blog .archive-year{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.sec-blog .archive-year li{
display: inline-block;
margin: 10px 10px 0 0;
text-align: center;
}
.sec-blog .archive-year li a{
border-bottom: 2px solid #dbdbdf;
letter-spacing: 0.1em;
display: block;
padding: 0 15px;
}
.sec-blog .archive-year li.current a,
.sec-blog .archive-year li.current a:hover{
border-color: #1f7648;
}
.sec-blog .archive-month{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.sec-blog .archive-month{
max-width: 540px;
width: 100%;
margin: 30px auto 0;
}
.sec-blog .archive-month li{
text-align: center;
width: 14.5%;
margin-top: 10px;
}
.sec-blog .archive-month li a{
border: 1px solid #dbdbdf;
display: block;
padding: 7px 0;
line-height: 1;
}
.sec-blog .archive-month li.current a,
.sec-blog .archive-month li.current a:hover{
background: #1f7648;
color: #fff;
}
@media screen and (min-width: 768px) {
.sec-blog .archive-year li a:hover{
border-color: #363436;
}
.sec-blog .archive-month li a:hover{
background: #363436;
color: #fff;
}
}
@media screen and (max-width: 480px) {
.sec-blog-list .archive-block,
.sec-blog-detail .archive-block{
margin: 60px auto 0;
}
.sec-blog .archive-block-ttl{
margin: 0 auto 25px;
}
.sec-blog .archive-month {
margin: 20px auto 0;
}
.sec-blog .archive-month li {
width: 32%;
}
.sec-blog .archive-month li a{
padding: 10px 0;
}
} .sec-blog-list .text-blog-soon{
text-align:center;
margin-top:80px;
width:100%;
} .sec-blog-list .blog-list-type{
display: flex;
justify-content: space-between;
max-width: 710px;
width: 100%;
margin: 60px auto 0;
}
.sec-blog-list .blog-list-type li{
width: 46%;
text-align: center;
font-size: 2.1rem;
}
.sec-blog-list .blog-list-type li a{
display: block;
}
.sec-blog-list .blog-list-type li a::after{
content: "";
display: block;
background: #dbdbdf;
height: 3px;
width: 100%;
margin-top: 5px;
transition: .2s ease-in-out;
}
.sec-blog-list .blog-list-type li.current a::after,
.sec-blog-list .blog-list-type li.current a:hover::after{
background: #1f7648;
}
@media screen and (min-width: 768px){
.sec-blog-list .blog-list-type li a:hover::after{
background: #363436;
}
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 480px) {
.sec-blog-list .blog-list-type {
margin: 40px auto 0;
}
.sec-blog-list .blog-list-type li{
font-size: 1.8rem;
}
} .sec-blog-list .blog-category-block{
max-width: 960px;
width: 100%;
margin: 40px auto 0;
background: #f5f5f5;
padding: 25px;
}
.sec-blog-list .blog-category-block-ttl{
font-family: 'Poiret One', cursive;
font-size: 3rem;
position: relative;
margin-bottom: 10px;
}
.sec-blog-list .blog-category-block-ttl::before{
content: "";
display: block;
position: absolute;
bottom: calc(50% - 5px);
right: 0;
width: 100%;
border-bottom: 1px dotted #dbdbdf;
}
.sec-blog-list .blog-category-block-ttl span{
background: #f5f5f5;
position: relative;
z-index: 1;
padding: 0 25px 0 0;
}
.sec-blog-list .blog-category-list{
font-size: 0;
}
.sec-blog-list .blog-category-list li {
display: inline-block;
margin: 10px 10px 0 0 ;
font-size: 1.6rem;
}
.sec-blog-list .blog-category-list li a{
display: block;
padding: 2px 15px;
}
.sec-blog-list .blog-category-list-all a{
background: #363436;
border: 1px solid #363436;
color: #fff;
}
.sec-blog-list .blog-category-list-item a{
background: #fff;
border: 1px solid #dbdbdf;
}
.sec-blog-list .blog-category-list-item.current a{
background: #1f7648;
border-color: #1f7648;
color: #fff;
}
@media screen and (min-width: 768px){
.sec-blog-list .blog-category-list-all a:hover{
background: #5e5b5e;
border-color: #5e5b5e;
}
.sec-blog-list .blog-category-list-item a:hover{
background: #1f7648;
border-color: #1f7648;
color: #fff;
}
}
@media screen and (max-width: 767px){
.sec-blog-list .blog-category-block{
padding: 25px 2.5%;
}
.sec-blog-list .blog-category-list li {
margin: 5px 5px 0 0;
font-size: 1.4rem;
}
}
@media screen and (max-width: 480px) {
} .sec-blog-list .article-list-item{
margin: 80px 0 0;
}
.sec-blog-list .list-item-img{
display: block;
border: 1px solid #dbdbdf;
padding: 5px;
font-size: 0;
overflow: hidden;
}
.sec-blog-list .list-item-img img{
width: 100%;
height: 19.298vw;
transition: .4s ease-in-out;
object-fit: cover;
font-family: 'object-fit: cover;';	
}
.sec-blog-list .list-item-data{
border-top: 1px dotted #dbdbdf;
width: 95%;
margin: 20px auto 0;
padding: 20px 0 0 0;
}
.sec-blog-list .list-item-day{
font-size: 1.4rem;
}
.sec-blog-list .list-item-ttl{
font-size: 1.8rem;
font-weight: bold;
letter-spacing: 0.1em;
}
.sec-blog-list .list-item-ttl a{
position: relative;
overflow: hidden;
height:5.5rem;
display: block;
}
.sec-blog-list .list-item-ttl a::before,
.sec-blog-list .list-item-ttl a::after {
position: absolute;
background: #fff;
}
.sec-blog-list .list-item-ttl a::before {
content: "...";
bottom: 0;
right: 0;
padding:0 0.5em 0.08em;
height: 1.5em;
}
.sec-blog-list .list-item-ttl a::after {
content: "";
width: 100%;
height: 100%;
}
.sec-blog-list .list-item-text{
letter-spacing: 0.1em;
position: relative;
overflow: hidden;
height:7.2rem;
margin-top: 20px;
}
.sec-blog-list .list-item-text::before,
.sec-blog-list .list-item-text::after {
position: absolute;
background: #fff;
}
.sec-blog-list .list-item-text::before {
content: "...";
bottom: 0;
right: 0;
padding:0 0.5em 0.08em;
height: 1.5em;
}
.sec-blog-list .list-item-text::after {
content: "";
width: 100%;
height: 100%;
}
.sec-blog-list .list-item-writer{
display: flex;
justify-content: space-between;
align-items: center;
margin: 20px auto 0;
}
.sec-blog-list .list-item-writer-name{
border-bottom: 1px dotted #dbdbdf;
width: 75%;
font-weight: bold;
font-size: 1.8rem;
}
.sec-blog-list .list-item-writer-img{
width: 60px;
font-size: 0;
}
.sec-blog-list .list-item-writer-img img{
width: 100%;
height: 60px;
transition: .2s ease-in-out;
object-fit: cover;
font-family: 'object-fit: cover;';
}
@media screen and (min-width: 768px){
.sec-blog-list .blog-article-list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.sec-blog-list .blog-article-list::after{
content: "";
display: block;
width: 32%;
}
.sec-blog-list .article-list-item{
width: 32%;
}
.sec-blog-list .list-item-img:hover img{
transform:scale(1.1,1.1);
opacity: 0.8;
}
.sec-blog-list .list-item-ttl a:hover,
.sec-blog-list .list-item-writer:hover{
color: #1f7648;
}
.sec-blog-list .list-item-writer:hover .list-item-writer-img img{
opacity: 0.8;
}
}
@media screen and (min-width: 1140px){
.sec-blog-list .list-item-img img{
height: 220px;
}
}
@media screen and (max-width: 767px){
.sec-blog-list .blog-article-list{
padding-top: 30px;
}
.sec-blog-list .article-list-item{
display: flex;
justify-content: space-between;
align-items: flex-start;
border-bottom: 1px solid #dbdbdf;
padding: 30px 0;
margin: 0;
}
.sec-blog-list .blog-article-list .article-list-item:last-child{
border-bottom: none;
}
.sec-blog-list .list-item-img{
width: 30%;
padding: 3px;
}
.sec-blog-list .list-item-data{
border: none;
width: 66%;
margin: 0;
padding: 0;
}
.sec-blog-list .list-item-ttl a {
}
.sec-blog-list .list-item-writer {
margin: 10px auto 0;
}
.sec-blog-list .list-item-text {
height: 4.2rem;
margin-top: 10px;
font-size: 1.4rem;
}
.sec-blog-list .list-item-writer-name {
font-size: 1.4rem;
}
.sec-blog-list .list-item-writer-img {
width: 40px;
}
.sec-blog-list .list-item-writer-img img {
height: 40px;
}
}
@media screen and (max-width: 480px) {
.sec-blog-list .article-list-item{
padding: 20px 0;
}
.sec-blog-list .list-item-img {
width: 26%;
}
.sec-blog-list .list-item-img img {
height: 15.298vw;
}
.sec-blog-list .list-item-data {
width: 70%;
}
.sec-blog-list .list-item-day {
font-size: 1.2rem;
}
.sec-blog-list .list-item-ttl{
font-size: 1.6rem;
}
.sec-blog-list .list-item-ttl a {
height: 2.2rem;
}
.sec-blog-list .list-item-writer-img {
width: 30px;
}
.sec-blog-list .list-item-writer-img img {
height: 30px;
}
} .sec-blog-list.staff-each{
}
.sec-blog-list.staff-each .staff-each-writer-data{
display: flex;
align-items: flex-start;
justify-content: space-between;
margin: 0 auto 15px;
}
.sec-blog-list.staff-each .staff-each-list-item {
width: 100%;
margin-top: 80px;
}
.sec-blog-list.staff-each .staff-each-writer-data .writer-name-block{
padding:0 10px 0 0;
}
.sec-blog-list.staff-each .staff-each-writer-data .writer-name{
font-size: 2.1rem;
font-weight: bold;
}
.sec-blog-list.staff-each .staff-each-writer-data .writer-position{
font-size: 1.4rem;
letter-spacing: normal;
margin-top: 5px;
line-height: 1.3;
}
.sec-blog-list.staff-each .staff-each-writer-data .writer-img{
font-size: 0;
}
.sec-blog-list.staff-each .staff-each-writer-data .writer-img img{
width: 70px;
min-width: 70px;
height: 70px;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.sec-blog-list.staff-each .staff-each-article-list{
background: #f5f5f5;
padding: 25px 10px;
border-top: 1px solid #dbdbdf;
border-bottom: 1px solid #dbdbdf;
}
.sec-blog-list.staff-each .article-list-item{
margin: 0;
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
border-bottom: 1px dotted #dbdbdf;
padding: 10px 0;
}
.sec-blog-list.staff-each .article-list-item:nth-of-type(1){
padding: 0 0 10px;
}
.sec-blog-list.staff-each .article-list-item:nth-of-type(3){
padding: 10px 0 0;
border-bottom: none;
}
.sec-blog-list.staff-each .list-item-img {
width: 90px;
min-width: 90px;
padding: 3px;
background: #fff;
}
.sec-blog-list.staff-each .list-item-img img {
height: 58px;
}
.sec-blog-list.staff-each .list-item-data{
border-top: 0;
margin: 0 0 0 10px;
padding:0;
}
.sec-blog-list.staff-each .list-item-ttl{
font-size: 1.6rem;
}
.sec-blog-list.staff-each .list-item-ttl a{
height: 4.9rem;
}
.sec-blog-list.staff-each .list-item-ttl a::before,
.sec-blog-list.staff-each .list-item-ttl a::after{
background: #f5f5f5;
}
.sec-blog-list.staff-each .btn-staff-each-more{
border: 1px solid #dbdbdf;
background: #dbdbdf;
display: block;
padding: 2px 0;
max-width: 130px;
width: 100%;
margin: 20px 0 0 auto;
font-size: 1.4rem;
text-align: center;
letter-spacing: 0.1em;
}
.sec-blog-list.staff-each .btn-staff-each-more::after {
content: "\f105";
font-family: FontAwesome;
margin-left: 1em;
}
@media screen and (min-width: 568px) {
.sec-blog-list.staff-each .staff-each-list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.sec-blog-list.staff-each .staff-each-article-list{
min-height:307px;
}
}
@media screen and (min-width: 568px) and (max-width: 767px) {
.sec-blog-list.staff-each .staff-each-list-item {
width: 48%;
}
}
@media screen and (min-width: 768px) {
.sec-blog-list.staff-each .staff-each-list::after {
content: "";
display: block;
width: 30%;
}
.sec-blog-list.staff-each .staff-each-list-item{
width: 30%;
}
.sec-blog-list.staff-each .btn-staff-each-more:hover{
background: #fff;	
}
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
.sec-blog-list.staff-each .staff-each-article-list{
padding: 25px 1.5%;
}
.sec-blog-list.staff-each .staff-each-list::after {
width: 32%;
}
.sec-blog-list.staff-each .staff-each-list-item{
width: 32%;
}
.sec-blog-list.staff-each .list-item-ttl{
letter-spacing: normal;
}
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 480px) {
.sec-blog-list.staff-each .staff-each-list-item{
margin-top: 60px;
}
.sec-blog-list.staff-each .staff-each-writer-data .writer-name{
font-size: 1.8rem;	
}
.sec-blog-list.staff-each .btn-staff-each-more{
margin: 10px 0 0 auto;
}
} .sec-blog-list.staff-each-detail .staff-each-ttl{
font-size: 2.8rem;
letter-spacing: 0.1em;
text-align: center;
margin: 60px auto ;
}
.sec-blog-list.staff-each-detail .staff-each-writer{
border-top: 1px solid #dbdbdf;
border-bottom: 1px solid #dbdbdf;
padding: 15px 25px;
}
.sec-blog-list.staff-each-detail .staff-each-writer-img{
font-size: 0;
border: 1px solid #dbdbdf;
padding: 7px;
width: 190px;
min-width: 190px;
height: 190px;
}
.sec-blog-list.staff-each-detail .staff-each-writer-img img{
width: 100%;
height: 100%;
transition: .2s ease-in-out;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.sec-blog-list.staff-each-detail .staff-each-writer-data{
width: 100%;
}
.sec-blog-list.staff-each-detail .staff-each-writer-name-ja{
font-size: 2.8rem;
padding-right: 1em;
}
.sec-blog-list.staff-each-detail .staff-each-writer-name-en{
font-size: 1.8rem;
font-family: 'Poiret One', cursive;
}
.sec-blog-list.staff-each-detail .staff-each-writer-position{
letter-spacing: 0.1em;
margin-top: 10px;
}
.sec-blog-list.staff-each-detail .staff-each-writer-other-link{
display: flex;
justify-content: flex-end;
margin-top: 40px;
}
.sec-blog-list.staff-each-detail .staff-each-writer-other-link li a{
border: 1px solid #dbdbdf;
background: #dbdbdf;
display: block;
padding: 2px 12px;
}
.sec-blog-list.staff-each-detail .staff-each-writer-other-link li a::after{
content: "\f105";
font-family: FontAwesome;
margin-left: 1em;
}
.sec-blog-list.staff-each-detail .archive-block{
margin-bottom: 80px;
}
@media screen and (min-width: 481px) {
.sec-blog-list.staff-each-detail .staff-each-writer{
display: flex;
align-items: center;
}
.sec-blog-list.staff-each-detail .staff-each-writer-data{
padding-left: 50px;
}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
.sec-blog-list.staff-each-detail .staff-each-writer-data{
padding-left: 20px;
}
.sec-blog-list.staff-each-detail .staff-each-writer-position{
font-size: 1.4rem;
}
}
@media screen and (min-width: 768px) {
.sec-blog-list.staff-each-detail .staff-each-writer-other-link li a:hover{
background: #fff;	
}
}
@media screen and (max-width: 767px) {
.sec-blog-list.staff-each-detail .staff-each-ttl{
font-size: 2.6rem;
}
.sec-blog-list.staff-each-detail .staff-each-writer{
padding: 15px 2.5%;
}
.sec-blog-list.staff-each-detail .staff-each-writer-img {
padding: 3px;
width: 130px;
min-width: 130px;
height: 130px;
}
.sec-blog-list.staff-each-detail .staff-each-writer-name-ja{
display: block;
padding: 0;
font-size: 2.4rem;
}
.sec-blog-list.staff-each-detail .staff-each-writer-name-en{
font-size: 1.6rem;
}
.sec-blog-list.staff-each-detail .staff-each-writer-other-link {
margin-top: 20px;
}
}
@media screen and (max-width: 480px) {
.sec-blog-list.staff-each-detail .staff-each-ttl {
margin: 40px auto 20px;
font-size:2.1rem;
}
.sec-blog-list.staff-each-detail .staff-each-writer{
text-align: center;
}
.sec-blog-list.staff-each-detail .staff-each-writer-img {
width: 100px;
min-width: 100px;
height: 100px;
margin:0 auto;
}
.sec-blog-list.staff-each-detail .staff-each-writer-data{
margin-top: 20px;
}
.sec-blog-list.staff-each-detail .staff-each-writer-other-link li{
width: 100%;
}
.sec-blog-list.staff-each-detail .staff-each-writer-other-link li a{
padding: 10px 0;
}
.sec-blog-list.staff-each-detail .archive-block{
margin-bottom: 60px;
}
}
@media screen and (min-width: 768px) {
.sec-blog-list.staff-each-detail .list-item-data{
border-bottom: 1px dotted #dbdbdf;
padding: 20px 0 20px 0;
}
} .sec-blog-detail .back-btn-top{
margin-top: 15px;
}
.blog-detail-article{
padding: 40px 0;
border-bottom: 1px solid #dbdbdf;
}
.blog-detail-article-ttl{
font-size: 2.8rem;
letter-spacing: 0.1em;
border-bottom: 1px solid #dbdbdf;
margin: 0 auto 0;
}
.blog-detail-article-category{
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.blog-detail-article-category li{
margin: 15px 0 0 7px;
}
.blog-detail-article-category li a{
display: block;
background: #1f7648;
color: #fff;
padding: 0 10px;
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
.blog-detail-article-ttl {
font-size: 2.4rem;
}
.blog-detail-article-category li a{
font-size: 1.4rem;
}
}
@media screen and (max-width: 480px){
.sec-blog-detail .back-btn-top {
margin-top: 40px;
}
.blog-detail-article-day{
font-size: 1.4rem;
}
} .blog-detail-article-freeblock{
margin: 60px auto 0;
line-height: 2;
}  .blog-detail-article-freeblock h2{
font-size: 2.4rem;
line-height: 1.5;
background: rgba(0,0,0,0.04);
border-left: 10px solid #1f7648;
padding: 2px 2% 2px 1.5%;
margin: 80px auto 60px;
} .blog-detail-article-freeblock h3{
font-size: 2.1rem;
line-height: 1.5;
border-bottom: 1px dotted #dbdbdf;
padding: 0 0 10px 0;
margin: 60px auto 40px;
} .blog-detail-article-freeblock ul li:not(:last-child),
.blog-detail-article-freeblock ol li:not(:last-child){
margin-bottom: 0.5em;
}
.blog-detail-article-freeblock ul,
.blog-detail-article-freeblock ol{
margin-bottom: 2em;
line-height: 1.5em;
}
.blog-detail-article-freeblock ul li{
position: relative;
padding-left: 1.2em;
}
.blog-detail-article-freeblock ul li::before{
position: absolute;
content: "";
width: 5px;
height: 5px;
background: #363436;
border-radius: 50%;
left: 5px;
top: 8px;
}
.blog-detail-article-freeblock ol{
counter-reset:number; }
.blog-detail-article-freeblock ol li{
position: relative;
padding-left: 30px;
}
.blog-detail-article-freeblock ol li:before{ position: absolute;
counter-increment: number;
content: counter(number); display:inline-block;
background: #363436;
color: white;
font-weight:bold;
font-size: 1.4rem;
left: 0;
width: 20px;
height: 20px;
line-height: 21px;
text-align:center; top: 10px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.blog-detail-article-freeblock a{
text-decoration: underline;
}
.blog-detail-article-freeblock a img{
transition: .2s ease-in-out;
}
.blog-detail-article-freeblock img{
height:auto;
}
@media screen and (min-width: 768px) {
.blog-detail-article-freeblock a:hover{
text-decoration: none;
}
.blog-detail-article-freeblock a:hover img{
opacity: 0.9;
}
}
@media screen and (max-width: 767px) {
.blog-detail-article-freeblock h2 {
font-size: 2.1rem;
border-left: 7px solid #1f7648;
}
.blog-detail-article-freeblock h3 {
font-size: 1.8rem;
}
}
@media screen and (max-width: 480px){
} .blog-detail-article-writer{
margin: 130px auto 0;
padding: 0 2.5%;	
}
.blog-detail-article-writer-ttl{
display: flex;
align-items: baseline;
border-bottom: 1px dotted #dbdbdf;
margin-bottom: 15px;
}
.blog-detail-article-writer-ttl-en{
font-family: 'Poiret One', cursive;
font-size: 3.6rem;
}
.blog-detail-article-writer-ttl-ja{
font-size: 1.8rem;
margin-left: 20px;
}
.blog-detail-article-writer-img{
font-size: 0;
border: 1px solid #dbdbdf;
padding: 10px;
width: 250px;
min-width: 250px;
height: 250px;
}
.blog-detail-article-writer-img img{
width: 100%;
height: 100%;
transition: .2s ease-in-out;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.sec-blog-detail .writer-data-name{
letter-spacing: 0.1em;
}
.sec-blog-detail .writer-data-name-ja{
font-size: 3rem;
padding-right: 1em;
}
.sec-blog-detail .writer-data-name-en{
font-size: 1.8rem;
font-family: 'Poiret One', cursive;
}
.writer-data-position{
letter-spacing: 0.1em;
margin-top: 10px;
}
.sec-blog-detail .writer-other-link{
display: flex;
justify-content: flex-end;
margin-top: 40px;
}
.sec-blog-detail .writer-other-link li a{
border: 1px solid #dbdbdf;
background: #dbdbdf;
display: block;
padding: 2px 12px;
}
.sec-blog-detail .writer-other-link li a::after{
content: "\f105";
font-family: FontAwesome;
margin-left: 1em;
}
.sec-blog-detail .writer-other-link li:first-child{
margin-right:25px;
}
@media screen and (min-width: 768px) {
.blog-detail-article-writer-inner{
display: flex;
justify-content: space-between;
align-items: center;
}
.blog-detail-article-writer-data{
width: 100%;
padding-left: 5%;
}
.sec-blog-detail .writer-other-link li a:hover{
background: #fff;	
}
}
@media screen and (min-width: 1140px){
.blog-detail-article-writer{
padding: 0 25px;	
}
}
@media screen and (max-width: 960px) {
.sec-blog-detail .writer-other-link li a {
font-size: 1.4rem;
padding: 2px 10px;
}
}
@media screen and (max-width: 767px) {
.blog-detail-article-writer-img{
margin:0 auto;
}
.blog-detail-article-writer-data{
text-align: center;
margin-top: 25px;
}
.sec-blog-detail .writer-data-name-ja{
display: block;
padding:0;
}
.sec-blog-detail .writer-other-link {
justify-content: center;
margin-top: 25px;
}
.sec-blog-detail .writer-other-link li a {
padding: 7px 10px;
}
}
@media screen and (max-width: 480px){
.blog-detail-article-writer-ttl-en {
font-size: 3rem;
}
.blog-detail-article-writer-ttl-ja {
font-size: 1.6rem;
margin-left: 10px;
}
.blog-detail-article-writer-img {
padding: 5px;
width: 180px;
min-width: 180px;
height: 180px;
}
.blog-detail-article-writer-data {
margin-top: 15px;
}
.sec-blog-detail .writer-data-name-ja {
font-size: 2.4rem;
}
.sec-blog-detail .writer-data-name-en {
font-size: 1.6rem;
}
.sec-blog-detail .writer-other-link{
display: block;
}
.sec-blog-detail .writer-other-link li{
text-align: center;
}
.sec-blog-detail .writer-other-link li:first-child {
margin: 0 auto 10px;
}
.sec-blog-detail .writer-other-link li a {
padding: 10px 0;
}
} .sec-blog-detail .blog-social_btn{
margin: 15px auto 80px;
font-size: 0;
}
.sec-blog-detail .blog-social_btn_list{
display:flex;
justify-content: flex-end;
}
.sec-blog-detail .blog-social_btn_list li:last-child{
margin-left:10px;
}
@media screen and (min-width: 768px) {
.sec-blog-detail .blog-article-freeblock a:hover{
text-decoration: none;
}
.sec-blog-detail .blog-article-freeblock a:hover img{
opacity: 0.7;
}
}
@media screen and (max-width: 767px) {
.sec-blog-detail .blog-article-ttl{
font-size: 2.1rem;
}
}
@media screen and (max-width: 480px){
.sec-blog-detail .blog-article-block {
margin: 30px auto 0;
}
.sec-blog-detail .blog-article-day{
font-size: 1.4rem;
}
.sec-blog-detail .blog-article-ttl{
font-size: 1.8rem;
}
.sec-blog-detail .blog-article-freeblock{
margin: 40px auto 60px;
}
.sec-blog-detail .blog-social_btn {
margin: 15px auto 60px;
}
} .blog-article-link-pager{
display: flex;
justify-content: space-between;
margin: 0 auto 40px;
}
.blog-article-link-pager li{
width: 50%;
background: rgba(0,0,0,0.04);
}
.blog-article-link-next {
text-align: right;
}
.blog-article-link-pager li a{
display: block;
padding: 40px 0;
}
.blog-article-link-inner{
max-width: 570px;
width: 100%;
padding: 0 7%;
}
.blog-article-link-prev .blog-article-link-inner{
margin: 0 0 0 auto;
border-right: 1px solid #dbdbdf;
}
.blog-article-link-next .blog-article-link-inner{
margin: 0 auto 0 0;
}
.blog-article-link-ttl{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;	
}
.blog-article-link-arw{
font-family: 'Poiret One', cursive;
line-height: 1;
font-size: 2.4rem;
font-weight: bold;
margin-top: 10px;
}
.blog-article-link-arw::before,
.blog-article-link-arw::after{
font-family: FontAwesome;
font-weight: normal;
}
.blog-article-link-prev .blog-article-link-arw::before{
content: "\f104";
margin-right: 1em;
}
.blog-article-link-next .blog-article-link-arw::after{
content: "\f105";
margin-left: 1em;
}
@media screen and (min-width: 768px){
.blog-article-link-pager li{
pointer-events: none;
transition: .4s ease-in-out;
}
.blog-article-link-pager li:hover{
background: rgba(32,118,72,0.9);
}
.blog-article-link-pager li a{
pointer-events: auto;
}
.blog-article-link-pager li a:hover{
color: #fff;
}
}
@media screen and (min-width: 1140px){
.blog-article-link-inner{
padding: 0 60px;
}	
}
@media screen and (max-width: 767px){
.blog-article-link-pager li a{
padding: 25px 0;
}
.blog-article-link-ttl,
.blog-article-link-day{
font-size: 1.4rem;
}
}
@media screen and (max-width: 480px){
.blog-article-link-arw {
font-size: 2.1rem;
}
}
.comment-notes{
display:none;
}
.comment-form-comment{
display: flex;
padding-top: 2px;
}
.comment-form-comment label{
display:block;
width:10%;
}
.comment-form-comment textarea{
width: 45%;
}
.comment-form-author{
display: flex;
padding-top: 2px;
}
.comment-form-author label{
display:block;
width:10%;
}
.comment-form-author input{
}
.comment-form-email{
display:none;
}
.comment-form-url{
display:none;
}
.comment-subscription-form{
display:none;
}
.comment-subscription-form{
display:none;
}
@media screen and (max-width: 767px){
.comment-form-comment{
display: initial;
}
.comment-form-comment label{
display:block;
width:auto;
}
.comment-form-comment textarea{
margin-left: 36px;
width: 85%;
}
.comment-form-author{
display: initial;
}
.comment-form-author label{
display:block;
width:auto;
}
.comment-form-author input{
margin-left: 36px;
width:auto;
border: solid 1px #929292;
line-height: 150%;
}
.form-submit{
margin-top: 2em;
}
}