/* news_blog_detail */


.single .info {
    margin-bottom: 40px;
}

.single .info dl:not(:last-of-type) {
    margin-bottom: 10px;
}

.single .info dt {
    display: inline-block;
    width: 70px;
    color: #8f7a71;
    font-size: 24px;
    font-family: 'Tangerine', sans-serif;
    letter-spacing: 1px;
    line-height: 1;
    vertical-align: baseline;
}

.single .info dd {
    display: inline-block;
    width: calc(100% - 80px);
    color: #8f7a71;
    font-size: 14px;
    font-family: 'Noto Sans JP', sans-serif;
    vertical-align: middle;
}

.single .info dd span {
    display: inline-block;
}

.single .info dd span:not(:last-of-type):after {
    display: inline-block;
    content: "/";
    margin: 0 5px;
}

.single .tit {
    font-size: 18px;
    font-weight: 600;
    border-bottom: solid 2px #fff;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.single  {
    font-size: 14px;
/*     font-family: 'Noto Sans JP', sans-serif;
line-height: 3; */
}

.single  ol {
    padding-left: 1em;
}

.single  ol li {
    list-style: decimal;
}

.single  ul {
    padding-left: 1em;
}

.single  ul li {
    list-style: disc;
}

.single  h1 {
    font-size: 30px;
    font-weight: 500;
    border-top: solid 3px;
    border-bottom: solid 3px;
    line-height: 1.5;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    text-align: center;
}

.single  h2 {
    font-size: 26px;
    font-weight: 500;
    border-bottom: solid 3px;
    line-height: 1.5;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.single  h3 {
    font-size: 24px;
    font-weight: 500;
    border-left: solid 4px;
    line-height: 1.5;
    padding-left: 10px;
    margin-bottom: 20px;
}

.single  h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 20px;
    padding-left: 25px;
    position: relative;
}

.single  h4:before {
    display: block;
    content: "";
    width: 15px;
    height: 15px;
    background: #7b402a;
    border-radius: 100%;
    position: absolute;
    top: 9px;
    left: 0;
}

.single  #toc_container {
    display: table;
    width: auto;
    background: #fff;
    border: 1px solid #aaa;
    padding: 10px;
    margin-bottom: 20px;
}

.single  #toc_container .toc_title {
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

.single  #toc_container .toc_list > li:not(:last-of-type) {
    margin-bottom: 15px;
}

.single  #toc_container .toc_list > li > ul {
    margin-left: 20px;
}

.single  #toc_container .toc_list > li > ul > li > ul {
    margin-left: 20px;
}

.recoBlog .single .item {
    height: 100%;
    padding: 20px;
    margin-bottom: 0;
}

.recoBlog .single .item .left {
    width: 100%;
}

.recoBlog .single .item .right {
    width: 100%;
    margin-top: 10px;
}

.recoBlog .single .item .right .date {
    font-size: 14px;
}

.recoBlog .single .item .right .tit {
    font-size: 14px;
    margin-top: 5px;
}

@media (max-width: 1024px) {
    .single {
        /* padding: 40px; */
    }
    
    .single  h1 {
        font-size: 28px;
    }
    
    .single  h2 {
        font-size: 24px;
    }
    
    .single  h3 {
        font-size: 22px;
    }
    
    .single  h4 {
        font-size: 20px;
    }
}

@media (max-width: 599px) {
    .newst h3 {
        font-size: 20px;
    }
    
    .single  h4 {
        font-size: 18px;
    }
}


.single li::marker{
  background-color: #cdedde;
}


.single li::marker {
    color: #cdedde;
}


.single h4:before {
    display: block;
    content: "";
    width: 15px;
    height: 15px;
    background: #ccc;
    border-radius: 100%;
    position: absolute;
    top: 9px;
    left: 0;
}

.articledtl01 .ttl {
    padding: 15px 0 10px 0;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-left: 15px;
}


.single h2 {
    font-size: 26px;
    font-weight: 500;
    border-bottom: solid 3px #ccc;
    line-height: 1.5;
    padding-bottom: 5px;
    margin-bottom: 20px;
}


.single h3 {
    font-size: 24px;
    font-weight: 500;
    border-left: solid 4px #ccc;
    line-height: 1.5;
    padding-left: 10px;
    margin-bottom: 20px;
}


.ttl-cmn02.sub:before{
  display: none;  
}


.meta li::marker{
  color: transparent !important;
}

.meta li{
  margin-bottom: 10px;
}

.single li::marker {
    color: #ccc;
}

.blogsingle .single{
  line-height: 2rem !important;
}

.blogsingle .single div{
  line-height: 2rem !important;
}

.articledtl01 .ttl {
    margin-bottom: 50px;
}

.single h3{
  margin-top: 25px;
}

.single h2{
  margin-top: 50px;
}

.mti50{
  margin-top: 50px !important;
}

.blogsingle .single img{
    width: 80%;
    margin-left: auto;
}


/* 05/19 追記*/

.pti-0{
  padding-top: 0px !important;
}

.mti-0{
margin-top: 0px !important;  
}

.kijiwap.bloglist .dl {
    padding-bottom: 0px;
}

.single .h3s{
  border-left: none !important;
}



/* ボタン全体の装飾 */
.flowbtn4{
font-family:'Trebuchet MS',sans-serif;/* 好きなフォントに変えてね */
border-radius:50%;
display:inline-block;
width:70px;
height:70px;
font-size:30px;
transition:.5s;
text-decoration:none;
}
/* ボタンマウスホバー時テキストカラー */
.flowbtn4:hover{
color:#fff!important;
}
/* Twitter */
.flowbtn4.fl_tw2{
border:solid 1px #55acee;
color:#55acee;
}
/* Twitterマウスホバー時 */
.flowbtn4.fl_tw2:hover{
border:solid 1px #55acee;
background:#55acee;
}
/* Instagram */
.flowbtn4.insta_btn2 {
border:solid 1px #c6529a;
color:#c6529a;
}
/* Instagramマウスホバー時 */
.flowbtn4.insta_btn2:hover{
border:solid 1px #c6529a;
background:#c6529a;
}
/* Facebook */
.flowbtn4.fl_fb2{
border:solid 1px #3b5998;
color:#3b5998;
}
/* Facebookマウスホバー時 */
.flowbtn4.fl_fb2:hover{
border:solid 1px #3b5998;
background:#3b5998;
}
/* Feedly */
.flowbtn4.fl_fd2{
border:solid 1px #6cc655;
color:#6cc655;
}
/* Feedlyマウスホバー時 */
.flowbtn4.fl_fd2:hover{
border:solid 1px #6cc655;
background:#6cc655;
}
/* Pocket */
.flowbtn4.fl_pk2{
border:solid 1px #ef3f56;
color:#ef3f56;
}
/* Pocketマウスホバー時 */
.flowbtn4.fl_pk2:hover{
border:solid 1px #ef3f56;
background:#ef3f56;
}
/* はてブ */
.flowbtn4.fl_hb2{
border:solid 1px #1ba5dc;
color:#1ba5dc;
}
/* はてブマウスホバー時 */
.flowbtn4.fl_hb2:hover{
border:solid 1px #1ba5dc;
background:#1ba5dc;
}
/* YouTube */
.flowbtn4.fl_yu2{
border:solid 1px #fc0d1c;
color:#fc0d1c;
}
/* YouTubeマウスホバー時 */
.flowbtn4.fl_yu2:hover{
border:solid 1px #fc0d1c;
background:#fc0d1c;
}
/* LINE */
.flowbtn4.fl_li2{
border:solid 1px #00c300;
color:#00c300;
}
/* LINEマウスホバー時 */
.flowbtn4.fl_li2:hover{
border:solid 1px #00c300;
background:#00c300;
}
/* お問い合わせ */
.flowbtn4.fl_ma2{
border:solid 1px #3b5998;
color:#3b5998;	
}
/* お問い合わせマウスホバー時 */
.flowbtn4.fl_ma2:hover{
border:solid 1px #3b5998;
background:#3b5998;
}
/* ボタン内テキスト調整 */
.flowbtn4 div{
font-size:11px;	
font-weight:bold;
position:relative;
bottom:22px;		
}
/* ulタグの内側余白を０にする */
ul.snsbtniti{
padding:0!important;
}
/* ボタンの位置 */
.snsbtniti{
display:flex;
flex-flow:row wrap;
justify-content:space-between;
}
/* ボタン同士の余白 */
.snsbtniti li{
flex:0 0 33%;
text-align:center!important;
list-style: none !important;
}

.flowbtn4.fl_tw2 {
    border: solid 1px #55acee;
    color: #55acee;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flowbtn4.insta_btn2 {
    border: solid 1px #c6529a;
    color: #c6529a;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flowbtn4.fl_li2 {
    border: solid 1px #00c300;
    color: #00c300;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flowbtn4.fl_li2 {
    border: solid 1px #00c300;
    color: #00c300;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flowbtn4.fl_ma2 {
    border: solid 1px #3b5998;
    color: #3b5998;
    display: flex;
    align-items: center;
    justify-content: center;
}

.snsbtniti li {
    flex: 0 0 10%;
    text-align: center!important;
    list-style: none !important;
}

ul.snsbtniti {
    padding: 0!important;
    width: 100%;
    justify-content: space-between;
}


.snsbtniti {
    display: flex;
    justify-content: start;
}

.flowbtn4 {
    font-family: 'Trebuchet MS',sans-serif;
    border-radius: 50%;
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 30px;
    transition: .5s;
    text-decoration: none;
}

.snsbtniti li {
    flex: 0 0 10%;
    text-align: center!important;
    list-style: none !important;
}

@media only screen and (max-width: 1024px){
  .snsbtniti li {
    flex: 0 0 15%;
    text-align: center!important;
    list-style: none !important;
}


}


.midashi{
      font-size: 16px;
    margin-bottom: 10px;
    text-decoration: underline;
}


.actor-box{
  margin: 10px 0;
}

.link-area{
  width: 40%;
}

@media only screen and (max-width: 599px){
  .mt-25{
  margin-top: 25px;
}

ul.snsbtniti {
    padding: 0!important;
    width: 46%;
    justify-content: space-between;
}

.link-area {
    width: 70%;
}
}

@media only screen and (min-width: 1025px){
  .sns-flex{
    display: flex;
  }
  
  .sns-flex div:first-child{
    margin-right: 20px;  
  }
  
  .w105{
    width: 105% !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
.link-area {
    width: 60%;
}

ul.snsbtniti {
    padding: 0!important;
    width: 40%;
    justify-content: space-between;
}

  .sns-flex div:first-child{
    margin-bottom: 20px;  
  }
}

/* 記事リンクのデザイン */

.arcive-link-list a {
    font-weight: bold;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 0.1em 0.3em;
    background-position: 0 0;
    color: #726f6d;
}
.arcive-midashi {
    font-weight: bolder;
    font-size: 16px;
    color: #6d6d6d;
}

.arcive-midashi>span{
  color: #ff6e00;
}


@media only screen and (max-width: 599px){
.arcive-link-list li{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px dashed;
    width: 90%;
}

.arcive-link-list li:not(:last-of-type){
    margin-bottom: 10px;
}
  
.arcive-link-list a {
    font-size: 14px;
    color: #726f6d;
}

.arcive-midashi{
    font-size: 14px;
}
}

/* 01/23 追記 */

.blog .btn-type-01 a{
    width: 300px;
    max-width: 80%;
    margin-top: 15px;
    color: #fff;
    font-size: 18px;
    margin-left: inherit;
    margin-right: auto;
    padding: 15px;
    background: rgba(232, 145, 67, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 599px){
  .blog .btn-type-01 a{
  margin-right: auto;
  margin-left: auto;
}
}