@charset "UTF-8";

/**************************************************************/
/* 投稿ページ */
/**************************************************************/
.single-main {
    font-size:18px;
    line-height: 1.8em;
}

.single-main p {
    margin: 30px 0 ;
    padding: 0;
}

/*タイトル枠*/
.single-title-div {
    padding:15px 0 15px 10px;
    margin-bottom:30px;
    border-left: solid 5px #34d8f6;
}

/*タイトル*/
.single-title {
    font-size:1.4em;
    line-height:1.4em;
    font-weight:bold;
}

/*サムネイル*/
.single-thumb {
    width:100%;
    margin-bottom:30px;
}

.single-thumb img {
    width:100%;
}

/*h1/h2文字サイズ*/
.single-main h2,
.single-main h3,
.single-main h4,
.wp-block-heading{
    font-size:1.2em;
    font-weight:bold;
    line-height:1.4em;
    width:100%;
    margin:60px 0 20px 0;
}

.single-main h2 {
    padding:0 0 5px 0;
    border-bottom: 3px dotted #34d8f6;
    background-color: #ffffff;
}

.single-main h3 {
    border-left: solid 6px #bfbfbf;
    padding:4px 0 0 8px;
}

/*イメージ*/
.single-main .wp-block-image {
    margin:50px auto;
}

.single-main .wp-block-image figure {
  text-align: center;
  font-size:.8em;
}

.single-main p img {
    width:100%;
    height:auto;
    margin:7px auto;
}

/*olリスト*/
.single-main ol.wp-block-list  {
    list-style: decimal;
    margin-left: 1.5em;
}

/*iflame*/
.single-main .wp-block-embed {
    max-width:100%;
    display: block;
}

.wp-block-embed__wrapper {
    position: relative;
    display: block;
}

.single-main .wp-block-embed blockquote{
    display: none;
}

.single-main .wp-block-embed .wp-embedded-content {
    border:solid 1px #888;
    border-radius: 4px;
    max-width:100%;
    position: static !important;;
    visibility: visible !important;
}

/*枠有リスト*/
.single-main .wp-block-quote,
.single-main blockquote {
    border:solid 1px #888;
    border-radius: 4px;
    margin:60px 0;
    padding:20px;
    box-shadow:0px 0px 0px 0px
}

.single-main .wp-block-quote p,
.single-main blockquote p {
    margin:0;
}

.single-main .wp-block-quote:before,
.single-main blockquote:before {
    content: '';
}

.single-main .wp-block-quote:after,
.single-main blockquote:after {
    content: '';
}

/*リンクカラー*/
.single-main a,
.single-main .wp-block-quote a,
.single-main blockquote a {
    display: inline-block;
    color: #00acca;
    cursor: pointer;
}

.single-main a:hover,
.single-main .wp-block-quote a:hover,
.single-main blockquote a:hover {
    color: #007286;
    transition: 0.2s;
}

@media screen and (max-width: 599px) {
    .single-main {
        font-size:14px;
    }

    .single-title-div {
        padding:10px 0 8px 5px;
        margin-bottom:20px;
        border-left: solid 5px #34d8f6;
    }

    .single-title {
        font-size:1.4em;
        line-height:1.4em;
        font-weight:bold;
    }

    .single-thumb {
        margin-bottom:15px;
    }

    .single-main h2,
    .single-main h3,
    .single-main h4,
    .wp-block-heading{
        line-height:1.3em;
        margin:40px 0 15px 0;
    }

    .single-main h2 {
        padding:0 0 2px 0;
    }

    .single-main h3 {
        padding:3px 0 0 4px;
    }

    .single-main .wp-block-image {
        margin:30px auto;
    }

    .single-main .wp-block-quote,
    .single-main blockquote {
        margin:30px 0;
        padding:10px;
    }

}

/*前後の記事*/
.single-content-nav {
    display: flex;
    width:100%;
    margin:50px auto 0;
    font-size:16px;
    padding-bottom: 0;
    border-bottom:none;
}

.single-content-nav-prev ,
.single-content-nav-next  {
    width:50%;
}

.single-content-nav-prev a,
.single-content-nav-next a {
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    border:solid 1px #888;
    width:100%;
    height:50px;
}

.single-content-nav-prev a{
    border-radius: 4px 0 0 4px; 
}

.single-content-nav-next a{
    border-radius: 0 4px 4px 0; 
}

.single-content-nav-no a {
    border-radius: 4px;
}

.single-content-nav-prev span,
.single-content-nav-next span {
    margin-top:0px;
}

.single-content-nav-next span {
    margin-left:20px;
}

.single-content-nav-prev span {
    margin-right:20px;
}


.single-content-nav-prev img,
.single-content-nav-next img {
    width:16px;
    margin:1px 6px 0;
    transition: .3s;
}

.single-content-nav-next:hover img {
    margin:1px 0 0 12px;
    transition: .3s;
}

.single-content-nav-prev:hover img {
    margin:1px 12px 0 0;
    transition: .3s;
}


.single-content-nav-prev img {
    transform: scale(-1, 1);
}

.single-content-nav-next a {
    margin-left:-1px;
}

@media screen and (max-width: 799px) {
    .single-content-nav{
        margin:20px auto 10px;
        font-size:14px;
        padding-bottom: 40px;
        border-bottom:solid 1px #ccc;
    }
}

@media screen and (max-width: 599px) {
    .single-main p {
        margin: 15px 0 ;
        padding: 0;
    }

    .single-content-nav{
        margin:20px auto 10px;
        font-size:14px;
    }

    .single-content-nav-prev a,
    .single-content-nav-next a {
        height:40px;
    }

    .single-content-nav-prev span,
    .single-content-nav-next span {
        margin-top:0px;
    }

    .single-content-nav-next span {
        margin-left:10px;
    }

    .single-content-nav-prev span {
        margin-right:10px;
    }

    .single-content-nav-prev img,
    .single-content-nav-next img {
        width:14px;
        margin:1px 3px 0;
    }

    .single-content-nav-next:hover img {
        margin:1px 0 0 6px;
    }

    .single-content-nav-prev:hover img {
        margin:1px 6px 0 0;
    }
}

/*youtube*/
.is-type-video {
	width: 100%;
	max-width: 100%;
	margin: 1em 0;
}

.is-type-video .wp-block-embed__wrapper{
	position: relative;
	/*padding-bottom: 56.25%;*/
    aspect-ratio: 16 / 9;
	overflow: hidden;
}

.is-type-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*figure*/
.single-main figure img,
.single-main figure a img {
    width:100%;
    height:auto;
    margin:7px auto;
}

/**************************************************************/
/* Cardlink style - カードリンクのスタイル */
/**************************************************************/
.single-cardlink {
    width:100%;
    margin:15px auto;
    padding:20px;
    border:1px solid #888;
    border-radius: 4px;
}

.single-cardlink a {
    display: flex;
    width:100%;
    background:#fff;
    line-height: 1.4em;
}

.single-cardlink-thumbnail {
    margin-right:20px;
}

.single-cardlink-thumbnail img {
    width:120px;
    height:120px;
    object-fit:cover;
}

.single-cardlink-content {
    width:calc(100% - 150px);
}

.single-cardlink-timestamp {
    font-size:14px;
    color: #888;
}

.single-cardlink_title {
    font-size:18px;
    font-weight: bold;
    margin: 0 0 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.single-cardlink-excerpt {
    font-size:18px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
    color: #333;
}


@media screen and (max-width: 599px) {
    .single-cardlink {
        margin:10px auto;
        padding:10px;
    }

    .single-cardlink-thumbnail {
        margin-right:10px;
    }

    .single-cardlink-thumbnail img {
        width:70px;
        height:70px;
        object-fit:cover;
    }

    .single-cardlink-content {
        width:calc(100% - 80px);
    }

    .single-cardlink-timestamp {
        font-size:14px;
        color: #888;
    }

    .single-cardlink_title {
        font-size:16px;
        margin: 0 0 3px 0;
    }

    .single-cardlink-excerpt {
        font-size:14px;
    }
}
























.cardlink {
    word-wrap:break-word;
    max-width:100%;
    margin:15px 0 2em !important;
    padding:20px;
    border:1px solid #888;
    border-radius: 4px;
    background:#fff;
}

.cardlink_thumbnail {
    margin-right:25px;
    float:left;
}

.cardlink_thumbnail img {
    width:130px;
    height:130px;
    -o-object-fit:cover;
    object-fit:cover;
}

.cardlink_content {
    line-height:1.6;
}

.cardlink_content p {
    color:#000;
    margin-bottom:.5em;
    line-height:1;
}

.cardlink_timestamp {
    display:inline;
    margin:0;
    padding:0;
    color:#222;
    font-size:12px;
    line-height:1;
    vertical-align:top;
}

.cardlink_title {
    margin:-3px 0 5px;
    font-size:16px;
}

.cardlink_title a {
    color:#000;
    font-weight:bold;
    text-decoration:none;
}

.cardlink_title a:hover {
    text-decoration:none;
}

.cardlink_excerpt {
    overflow:hidden;
    color:#000;
    font-size:14px;
    line-height:1.9;
}

.cardlink_footer {
    clear:both;
}

.clear {
    clear:both;
}

@media screen and (max-width: 767px) {
    .cardlink_timestamp {
        display:none;
    }
}

@media screen and (max-width: 599px) {
    .cardlink { padding:15px 11px 12px 13px; }
    .cardlink_thumbnail { margin-right:12px; margin-bottom:10px; float:left; }
    .cardlink_thumbnail img { width:100px; height:100px; }
    .cardlink_title { margin-top:-5px; font-size:14px; }
    .cardlink_excerpt { clear:both; }
}