@charset "UTF-8";
/*----------このエリアは削除すると正しく動作しない可能性があります----------

Theme Name:   LION MEDIA Child
Theme URI:    http://fit-jp.com/theme/
Description:  FIT(フィット) が制作するメディア用WordPressTHEME「LION MEDIA」の子テーマ
Author:       Kota Naito　@FIT(フィット)
Author URI:   http://fit-jp.com/about/
Template:     lionmedia
Version:      1.2
License:      GNU GENERAL PUBLIC LICENSE
License URI:  http://www.gnu.org/licenses/gpl.html

----------このエリアは削除すると正しく動作しない可能性があります----------*/


/*/////////////////////////////////////////////////
//下記ユーザーカスタマイズエリア
/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////
//SP最適化
/////////////////////////////////////////////////*/

.noSp {
  display: block !important;
}
.noPc {
  display: none !important;
}

@media only screen and (max-width: 767px){


  .l-wrapper {
    width: 100%;
    padding:0 5%;
  }

  .l-main {
    width: 100%;
    padding:5% 0;
  }

  .l-sidebar {
    padding: 0 0 40px 0;
  }

  /* サイドバー要素非表示　*/
  .related__contents {
    display: none;
  }

  /* フォントサイズ大きく　*/
  .content{
    line-height: 170%;
    font-size: 110%;
    margin-top: 0;
  }

  .content h2 {
    padding: 15px;
    color: #191919;
    border: 1px solid #E5E5E5;
    border-left: 5px solid #f0b200;
    font-size: 2rem;
  }

  /* タイトルバー幅狭く　*/
  .singleTitle__heading {
    min-height: 30px;
    padding:5%;
    padding-bottom: 0;
    color: #000;
  }

  /* 投稿日等マージン詰める　*/
  .singleTitle__heading .dateList.dateList-singleTitle {
    padding: 0;
  }

  .heading.heading-singleTitle {
    font-size: 1.8rem;
    line-height: 1.5;
    color: #000;
  }

  .heading.heading-singleTitle {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }

  .breadcrumb {
    display: none;
  }

  .t-rich .single_eyecatch .eyecatch {
    box-shadow: 0px ;
  }

  .singleTitle {
    overflow: hidden;
  }
  .singleTitle::after {
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    opacity: 0.8;
    -webkit-filter: blur(6px);
            filter: blur(6px);
  }

  .single_eyecatch {
    width: 100%;
    height: auto;
  }

  .single_eyecatch .eyecatch {
    box-shadow: 0 0 0 0 rgba(0,0,0,1);
    margin-bottom: 0px;
  }


  .single_eyecatch .eyecatch img:hover {
    transform: scale(1);
  }

  .single_eyecatch img{
    width: 100%;
    height: auto;
  }

  .content .btn {
    width: 100%;
    display: block;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
  }

  .noSp {
    display: none !important;
  }
  .noPc {
    display: block !important;
  }

  .content .row h3 {
    margin-top: 20px;
  }

	.content .overlay_button_link{
		top:49%; /* (190÷740)×100 */
		right:5%; /* (40÷740)×100 */
	}
}

ul.lcp_catlist li {
    list-style:none;
    border-bottom: 1px solid #CCCCCC;
    padding:15px 0;
    display: flex;
    width: 100%;
}
ul.lcp_catlist li p{
    margin-top: 0;
}
ul.lcp_catlist li > a:first-child:hover{
    border: none;
}
ul.lcp_catlist li:before{
    display: none;
}
ul.lcp_catlist li .lcp_post {
    margin-left: 2%;
}
ul.lcp_catlist li .lcp_post a{
    font-weight: bold;
}
@media only screen and (max-width: 767px){
    ul.lcp_catlist {
        display: block;
    }
    ul.lcp_catlist li a:first-child{
        width: 40%;
    }
    ul.lcp_catlist li a img{
        min-width: 100%;
        height: auto;
    }
    ul.lcp_catlist li .lcp_post {
        width: 58%;
    }
}

/*------------------------------------------------------------
 ライン風の吹き出し
-------------------------------------------------------------*/
.balloon {
	margin-bottom: 40px;
}
.balloon figure {
	width: 60px;
	height: 60px;
}
.balloon-img-left {
	float: left;
}
.balloon-img-right {
	float: right;
}
.balloon-img-left figure {
	margin: 0 auto 0 0;
}
.balloon-img-right figure {
	margin: 0 0 0 auto;
}
.balloon img {
	width: 100%;
	height: 100%;
	margin: 0;
}
.balloon-img-caption {
	padding: 5px 0 0;
	white-space: nowrap;
	font-size: 12px;
}
div[class^="balloon-"] {
	padding: 10px;
	position: relative;
	border-radius: 12px;
}
div[class^="balloon-img"] {
	padding: 0;
	text-align: center;
}
div[class^="balloon-left"] {
	margin-left: 80px;
}
div[class^="balloon-right"] {
	margin-right: 80px;
}
.balloon p {
	margin: 0 0 20px;
}
.balloon p:last-child {
	margin-bottom: 0;
}
div[class^="balloon-left-"]::before,
div[class^="balloon-right-"]::before,
div[class^="balloon-left-"]::after,
div[class^="balloon-right-"]::after {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	top: 12px;
}
div[class^="balloon-left-"]::before,
div[class^="balloon-left-"]::after {
	left: -20px;
}
div[class^="balloon-right-"]::before,
div[class^="balloon-right-"]::after {
	right: -20px;
}
div.balloon::after, div.balloon::before {
	clear: both;
	content: '';
	display: block;
}

/* 吹き出しの背景色 (左) */
div.balloon-left-line {
	background: #e4e8eb;
}
div.balloon-left-line::before,
div.balloon-left-line::after {
	border-right: 12px solid #e4e8eb;
}

/* 吹き出しの背景色 (右) */
div.balloon-right-line {
	background: #bef18c;
}
div.balloon-right-line::before,
div.balloon-right-line::after {
	border-left: 12px solid #bef18c;
}