@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*ID共通系*/
#main{
		padding:0;
		width:785px;
		margin:0 0 0 5px;

	}
 #sidebar{
		padding:0;
		width:315px;
	    grid-area: 1 / 4 / 6 / 6;
	}

#comment-area{
	border: #008773 2px solid;
    background-color: #FFFFFE;
	
}
ol, ul {
    padding-left: 0;
}

img{
	max-width: 600px;
	max-height:430px;
    height: auto;
	width: auto;
}


.logo-header img{
	height:110px;
}


.content-in{
	display: grid;
	grid-template-columns: auto 1fr;
	justify-content: none;
	
}
.a-wrap .blogcard{
	border-color: #CCCCCC;
	
}



/******************************* ▼ リンクの色と下線の有無 ▼ */
a:link    {color:#04261a; text-decoration:none;}      /* 通常 */
a:active  {color:#333333; text-decoration:none;}      /*実行中*/
a:visited {color:#5c9b9b; text-decoration:none;}      /*訪問済*/
a:hover   {color:#faae2b; text-decoration:underline;} /*マウス*/
/******************************* ▲ リンクの色と下線の有無 ▲ */

/*************************** ▼ 上部メニュー(プラグイン３) ▼ */
.plugin3_outline {
border: #008773 2px solid;
margin: 0px 0px 20px 5px;
width: 785px;
height: 305px;

position: relative;
}
.plugin3_title {
font-size: 10pt;
font-weight: bold;
color: #ffffff;
background-color: #008773;
text-align: center;
padding: 5px 20px;
}
.plugin3_body {
font-size: 10pt;
background-color: #fffffe;
overflow-y: auto;
display: flex;
position: absolute;
top: 30px;
left: 0;
right: 0;
bottom: 0;
}
.rss-l, .rss-r {
width: 50%;
padding: 0 0.5%;
box-sizing: border-box;
}

.menu_outline3{
                padding:10px 0px 20px 0;

}

.blogroll-channel ul{
    width: 100%;
}

.blogroll-channel ul li{
padding: 4px 5px 2px 7px;
margin-bottom:2px;
border-bottom:1px dashed #fa5246;
white-space:pre  ;
overflow: hidden;
}


.rss_li{
    display:none;
    font-size:13.8px;
    background: rgb(255, 255, 254);
    border: #008773 1px solid;
    border-radius: 5px;
	width: 100%;
	min-height:290px;
}
.rss-n{
	grid-area: 1 / 1 / 3 / 4;
}

/*************************** ▲ 上部メニュー(プラグイン３) ▲ */

.content{
	background:#f2f7f5;
	
}
.reply{
	display:flex;
	justify-content: flex-end;
}
.pagination-next-link{
	display:none;
}
a{
	text-decoration:none;
}
.wrap{
	width:1125px;
}
.a-wrap{
	padding:0;
	margin:0;
	transition:0;
}
/*fa関係*/
.fa-folder{
	display:none!important;
}
.fa-folder{
	display:none!important;
}





/*ヘッダー？*/
.tagline{
	display:none;
}
.slicknav_menu{
	display:none;
}
.ecb-entry-border .entry-card-wrap{
	border:#008773 2px solid;
	background-color:#FFFFFE;
}

.site-name-text-link{
	padding:0;	
}

.navi-in > ul li {
    background-color:rgb(0,135,115,0.7)!important;
	height:auto;
}
.menu-pc li {
    width: auto!important;
    line-height: 30px!important;

}
.menu-pc li a {
	padding:0 25px !important;
	font-size: 14.5px !important;
	color:#FFFFFE;
	background-color: #008773;
}
.navi-in > ul{
	justify-content: start;
	background-color: rgb(0,135,115,0.7);
}

/*サイドバー*/
.sidebar h2{
	background-color:#008773;
    padding: 3px 5px;
	font-size: 15px;
	color:#FFFFFE;
	border-radius:0 ;
	margin:0;
	margin-bottom:10px;
}

.sidebar h3{
	font-weight: bold;
	background-color:#008773;
    padding: 3px 5px;
	font-size: 15px;
	color:#FFFFFE;
	border-radius:0;
	margin:0;
	margin-bottom:10px;
}
.widget{
	margin-bottom:15px!important;
}


.widget-sidebar{
	border:#008773 2px solid;
	background-color:#FFFFFE;

}
.wp-block-search__label{
	display:none;
}

.widget_block ul li a{
	padding:5px;
}


/*サイド系*/

.sidebar{
	width: 296px;
	background:#f2f7f5;
	border-radius:none;
}

.wp-block-search__inside-wrapper {
	margin:0 1.5%;
}
.search-box{
	padding:0 2%;
}


.textwidget{
	padding:1.5%;
	font-size:0.9em;
	line-height:1.5;
}


#archives-dropdown-2{
	border:1px solid transparent;
	border-radius:10.5px;
}
.search-submit{
	right:2.5%;
}

.wp-block-search__button{
	width: auto;
	
}
.new-entry-cards{
	padding:5px 5px 10px 5px;
	margin-bottom:0;
}
.widget-entry-cards figure{
	width:78px;
}
.attachment-thumb120{
	height:78px;
	object-fit: cover;
}
.widget-entry-cards .a-wrap{
	padding:0!important;
	margin-bottom:8px;
}
.entry-cards{
	padding:0;
}
.widget-entry-card{
	font-size:14px;
}
.widget-entry-card-content{
	margin-left:95px;
}
.new-entry-card-thumb{
	margin-top:0;
	margin-right:0;
	margin-left:3px;
}
.widget_categories ul li a{
	    color: var(--cocoon-text-color);
    text-decoration: none;
    display: block;
    padding: 4px 8px 4px 8px;
	font-size:15.5px;
	
}
.cat-item .children{
	background:#FFF;
} 
.widget_archive ul li a{
    padding: 4px 8px 4px 8px;
}

.cali{
	font-size:15.5px;
}

.cali a{
	margin-left:1%;
}
/**amazon**/
        #widget-container {
            width: 300px;
            height: 250px;
            border: 1px solid #ddd;
            overflow: hidden;
            font-family: Arial, sans-serif;
            position: relative;
            background-color: #f8f8f8;
        }
        .amazon-header {
            background-color: #232f3e;
            color: white;
            text-align: center;
            padding: 2px;
            font-size: 10px;
            line-height: 1;
        }
        .product {
            position: absolute;
            top: 16px;
            left: 0;
            width: 100%;
            height: calc(100% - 16px);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 10px;
            box-sizing: border-box;
            transition: transform 0.5s ease;

        }
        .product-image-container {
            width: 210px;
            height: 160px;
            margin: 0 auto;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
			cursor: pointer;
        }
        .product img {
            min-width: 100%;
            min-height: 100%;
            object-fit: cover;
            animation: slowerZoomOut 4.7s cubic-bezier(0.1, 0.7, 0.7, 1);
        }
        @keyframes slowerZoomOut {
            0% {
                transform: scale(1.5);
            }
            100% {
                transform: scale(0.85);
            }
        }
        .product-info {
            text-align: center;
            padding: 5px;
			cursor: pointer;
        }
        .product-title {
            font-size: 14px;
            font-weight: bold;
            line-height: 1.2;
            max-height: 2.4em;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            word-wrap: break-word;
        }
        .hidden {
            transform: translateX(100%);
        }




.t_h{
	font-size:0.725em;
	margin-bottom:0;
}

.t_b{
    margin-top: 0.25em;
	margin-bottom:1.6em;
}

/*とっぷぺーじ*/
.main{
	background:#f2f7f5;
	}

.entry-card{
	border: #008773 2px solid;
    height: auto;
	background-color: #FFFFFE;
	padding:0.5% 1% 1% 1%;
}	

.e-card-info > span{
	margin-right:0;
}

.entry-card-categorys{
	display:none;
	
}
.cat-label{
	display:none;
}


.entry-card-meta, .related-entry-card-meta{
    bottom: none;
	top:0;
	padding:5px 3px 0 0;
    text-align: right;
	font-weight: bold;
	
}

.post-date{
	font-size:0.8em;
}
.post-comment-count{
	font-size:0.8em;
}
.e-card-info{
	font-weight: bold;
}
.entry-card-title{
	margin:5px 0;
	font-size:20.5px;
}

.related-entry-card-title, .entry-card-title{
	-webkit-line-clamp: 5;
}

.entry-card-content{
	margin-left:220px;	
	padding-bottom:0;
}
.entry-card-categories-ex{
	font-size:0.9em;
}
.entry-card-tags-ex{
	font-size:0.9em;
	margin-bottom:1.5%;
}

.entry-card-thumb {
	margin:1% 0 0.5% 1.25%;
	width: 180px;
	height:140px;
}

.cat-link{
    text-decoration: none;
    display: inline-block;
    font-size: 1em;
    background-color:transparent;
	line-height:1.15em;
    border-radius:0;
}
.cat-link:hover {
    opacity: 0.5;
    color: #faae2b;
}
.tag-link {
	border-radius:12px;
	border: 1.75px solid #e5e8ea;
	font-size: 0.95em;
	background-color:#FFFFFE;
	margin-bottom: 3px;
    line-height: 1.7;
	padding: 2px 7px 0;
}



.entry-card-thumb-image  {
	border: 1px solid silver;
    object-fit: cover;
    border-radius: 10% / 50%;
	width: 100%;
	height:100%;
}


.logo-header{
	text-align: left;
	
}


/*個別記事*/
.entry-main{
	border: #008773 2px solid;
    background-color: #FFFFFE;

}
.ently-art{
	border: #008773 2px solid;
	background:#FFFFFE;
	margin-bottom:20px;
}
	.entry-title{
	font-size: 16pt;
    background-color: #008773;
    border-bottom: #008773 1px solid;
    padding: 5px 20px;
    margin: 0;
	color:#FFFFFE;
	}

.e-card-info{
	    margin-right: 0;
}
.entry-card-info > *{
	padding:0;
}
.intag{
	margin:0;
    background-color: rgba(0,135,115,0.25);
	text-align:left;
	padding:10px 1.5%;
	height:auto;
	line-height:none;
	border-radius:0px 0px 20px 20px;
	font-size:0.85em
}
.entry-meta{
	margin-bottom:0.5%;
}
.entry-categories ,
.entry-comments{
	padding:0;
	margin-left: 1.5%;
}

.entry-tags{
	margin-left:0.8%;
}
.date-tags{
	display:none;
}

.entry-categories-tags{
	height: auto;
    padding: 0 0 7px 20px;
	background-color: rgba(0,135,115,0.25);
	border-radius: 0px 0px 20px 20px;
}

.entry-content {
    margin: 10px 20px;
    margin-bottom: 20px;
}
.rect-entry-card{
	margin:0 10px;
}
.related-entry-heading{
    list-style: none;
    border-bottom: 1px solid #ddd;
    border-left: 10px solid rgba(0,135,115,0.75);
    background: #f5f5f5;
    width: 100%;
	
}
.article h2{
	font-size: 18px;
	margin: 0 0 10px 0px;
    padding: 8px 5px 5px 5px;
}
.article h3 {
    border-left:0;
    border-right:0;
    border-top:0;
    border-bottom:0;
    font-size: 16px;
    padding: 12px 20px;
}

//*関連記事*//

	.related-entry-card-thumb{
		width: 130px!important;
	}
	.related-entry-card-thumb img {
    height: 83.3px;
}


.related-entry-card-content{
	margin-left: 120px;
}
.related-entry-card-title{
	font-weight:300!important;
	line-height: 1.35!important;
}


.katebetu{
font-size:18px;
list-style: none;
margin:15px 0 10px 0px;
border-bottom: 1px solid #ddd;
border-left: 10px solid rgba(0,135,115,0.75);
background: #f5f5f5;
padding: 5px 5px 3px 2px;
width: 700px;
}

.open-ul{
display: grid;
    grid-template-columns: repeat(auto-fill,minmax(180px,1fr));
    grid-gap: 10px;
place-items: center;
}

.open-li{
    background: #f9f9f9;
    border: #b7b7b7 2px solid;
    border-radius: 20px;
    box-shadow: 7px 7px 13px 0.5px rgba(183, 183, 183, .4);
    width: 150px;
    min-height: 170px;
    list-style: none;
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.open-li p{
	line-height:0;
}

.open-img{
width:90px;height:90px;
border-radius: 50%
}

.open-litx{
    font-size: 17.5px;
    font-weight: bold;
    line-height: 1.5;
}


/*コメント関係*/
#comments{
	padding: 10px 0px 10px 12px;
    color: #333333;
    background: #efefef;
	margin:0;
	margin-bottom:0.8em;
	font-size:1.1em;
}
#reply-title{
	padding: 5px 0px 5px 10px;
    color: #333333;
    background: #efefef;
	margin:10px 0;
	border-top: #008773 1px solid;
	font-size:0.92em!important;
}
.comment-body{
	border-top: solid 1px #F3F3F3;
}

#commentform{
	padding:0 10px;
}
.commets-list{
	padding:0 20px;
}
	.com-res-c{
		fill:#48a99a;
}
.com-svgwh{
	width:35px;
	height:35px;
}

#comment{
	line-height:1.3;
	font-size:0.95em;
}
#author{
	margin-bottom: 2%;
	font-size:0.95em;
}

.comment-reply-link img{
	width:35px;
	height:35px;
}
.comment-reply-link{
	font-size: 0;
    display: inline;
    padding: 0;
	border:0;
	margin:auto 10px;
}
#email-notes {
  display: none;
}

.comment-form-comment label{
  display: none;
}
.pagination .current{
	background-color: rgba(121,121,121,.3);
    border-color: rgba(121,121,121,.8);
}

.page-numbers{
	background-color: rgba(121,121,121,.5);	
}

.st-comment-meta{
	font-size:0.75em;
	margin-bottom:0.3em;
}
.comment-name{
	color:#008000;
}
.st-comment-body{
	margin-right:30px;

}
.st-comment-datetime{
	color:#8d8d8d;
}
.st-comment-id{
	display:inline;
}
.st-comment-content{
	font-size:0.95em;
	line-height:1.5;
	margin-bottom:0.75em;
	padding-bottom:0.75em;
}
.st-comment-content p{
	margin-bottom:1em;
	
}

.children {	
	border-left: solid 1px #CCCCCC;
    background: #f3f8f6;

}

/* 二番目の階層のchildren */
.children .children {
    background: #FFFFFE;
}

/* 三番目の階層のchildren */
.children .children .children {
    background: #f9f8f6;
}

/* 四番目の階層のchildren */
.children .children .children .children {
    background: #FFFFFF;
}

#cancel-comment-reply-link{
	color:#1967d2;
	margin-left:3%;
}

.comment-form .submit {
    min-width: 160px;
    max-width: 300px;
    width: auto;
    padding: 12px 32px;
    margin: 1.5em 0;

    background-color: #008773;
    color: #ffffff;
    border: none;
    border-radius: 999px; 
    font-size: 0.95rem;
    font-weight: 500;
    letter-spacing: 0.03em;
    
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    
    box-shadow: 
        0 2px 4px rgba(0, 135, 115, 0.12),
        0 1px 2px rgba(0, 135, 115, 0.08);
}

.comment-form .submit:hover {
    background-color: rgba(0, 135, 115, 0.8);
    transform: translateY(-1px);
    box-shadow: 
        0 4px 8px rgba(0, 135, 115, 0.15),
        0 2px 4px rgba(0, 135, 115, 0.1);
}

.comment-form .submit:active {
    transform: translateY(0);
    background-color: #009b84;
    box-shadow: 
        0 2px 4px rgba(0, 135, 115, 0.12),
        0 1px 2px rgba(0, 135, 115, 0.08);
}

.comment-form .submit.elegant {
    background: linear-gradient(
        135deg, 
        #008773 50%,
        #00a88f 100%
    );
}

.comment-form .submit.elegant:hover {
    background: linear-gradient(
        135deg, 
        #00a88f 50%,
        #00c5a8 100%
    );
}

.comment-form .submit.modern-outline {
    background-color: transparent;
    border: 1.5px solid #008773;
    color: #008773;
}

.comment-form .submit.modern-outline:hover {
    background-color: rgba(0, 135, 115, 0.3);
    border-color: #00a88f;
    color: #00a88f;
}




/*****色々*******/
.mosaic {
    filter: blur(10px);
    cursor: pointer;
	display:inline;
}
.mosaic.revealed {
    filter: none;
}
/*************************************ブログカード*/

/* リンクカードここから */
.link-card {
  width: 600px;
  max-width: 95%;
  margin: 10px auto;
  padding: 1em 1em 1em 1.5em;/* リンクカード内周りの余白調整 */
  border: 1px solid silver;
  box-shadow: 3px 3px 5px 0px rgb(170, 170, 170);
  transition:.2s;
  border-radius: 5px;
}
.link-card a:hover {
  text-decoration: none;
}
.link-card:hover {
  box-shadow: 3px 3px 5px 2px rgb(170, 170, 170);
}
.link-card a {
  color: black !important;
}
/* アイキャッチ画像右寄せ表示 */
.link-card-image {
  display: inline-block;
  float: right;
  width: 160px;
  height: 90px;
  margin: 4px 5px 10px 10px;
}
.link-card-image img {
  width: 160px;
  height: 90px;
  object-fit: cover;
  object-position: center center;
  box-shadow: 4px 4px 4px 0px rgb(133,133,133);
}
/* 記事タイトル表示 */
.link-card-title {
  margin: 0 !important;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.4;
}
/* 記事要約文表示 */
.link-card-description {
  margin: 1em 0 !important;
  font-size: 13px;
  line-height: 1.5 !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
/* フッタードメイン表示 */
.link-card-footer {
  font-size: 12px;
}
/* 引用符マークや背景色やbox-shadow等デザインの非表示化 */
.link-card blockquote {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent !important;
  box-shadow: none;
}
.link-card blockquote::before,
.link-card blockquote::after {
  content: none;
}
/* スマホ表示変態 右寄せバージョン */
@media ( max-width : 480px ) {
.link-card-image {
  display: block;
  float: none;
  margin: 0.6em auto;
}
.link-card-title {
  text-align: center;
}  
}
/* リンクカードより上下の余白 必要な場合にクラス名 yohaku 追記して利用する */
.yohaku {
    margin-top: 50px;
    margin-bottom: 50px;
}
/* リンクカードここまで */


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
 .menu-mobile {
    display: none!important;
}
	.navi-in .menu-pc{
		display:flex;
		
	}
	
	.navi-footer {
    float: none;
    margin: 0;
    width: 100%;
  }
	#sidebar{
		width:315px;
		margin:0;
		display:block;
	}
  .copyright {
    width: 100%;
  }

  .navi-footer-in > ul {
    justify-content: center;
    padding: 1em;
  }

	.article ul, .article ol {
        padding-left: 0;
    }
	
  .footer-widgets {
    display: block;
  }
  .footer-widgets > div {
    width: 100%;
  }

	
	.main{
		margin:0;
	}


  .footer-bottom-logo,
  .footer-bottom-content {
    float: none;
  }

  .footer-bottom-logo {
    line-height: 1;
  }

  .footer-bottom-content {
    text-align: center;
  }

  .fb-like-message {
    font-size: 0.8em;
    line-height: 1.4;
  }

	
  .sidebar-scroll {
    position: static;
  }

  .ba-fixed.header,
  .ba-fixed.appeal {
    background-attachment: scroll;
  }

  .header,
  .appeal {
    background-size: cover;
  }

  .footer-bottom-logo {
    position: relative;
    bottom: auto;
  }

  .logo-footer {
    margin: 8px auto;
  }

  .mobile-menu-buttons {
    display: flex;
    align-items: stretch;
  }
  .mobile-menu-buttons > li {
    padding-top: 3px;
  }

  .mobile-header-menu-buttons {
    top: 0;
    bottom: auto;
    justify-content: space-around;
    min-width: 46px;
    z-index: 3;
    box-shadow: 0 0 5px darkgrey;
  }

  .has-logo-button .menu-button {
    width: 70px;
  }
  .has-logo-button .logo-menu-button {
    flex-grow: 99;
  }

  .no-mobile-sidebar ,
  .mobile-button-fmb .go-to-top-button,
  .no-mobile-header-logo #header .logo-header {
    display: block;
  }

  .mblt-header-mobile-buttons {
    margin-top: 46px;
  }

  .mblt-footer-mobile-buttons {
    margin-bottom: 50px;
  }

  .mblt-header-and-footer-mobile-buttons {
    margin-top: 46px;
    margin-bottom: 50px;
  }

  .scrollable-mobile-buttons {
    margin-bottom: 0;
  }

  .navi-footer-in > .menu-footer {
    justify-content: center;
  }

  .footer-bottom.fdt-left-and-right .footer-bottom-content {
    flex-direction: column;
  }

  .mblt-footer-mobile-buttons .go-to-top-button,
  .mblt-header-and-footer-mobile-buttons .go-to-top-button {
    display: none;
  }


  .no-mobile-header-logo .header .header-in {
    min-height: auto;
  }

  .slicknav_menu {
    display: none;
  }

  .admin-bar .mobile-header-menu-buttons {
    margin-top: 32px;
  }

  .admin-bar.mblt-header-mobile-buttons,
  .admin-bar.mblt-header-and-footer-mobile-buttons {
    margin-top: 32px;
  }

  .admin-bar .mobile-header-menu-buttons {
    margin-top: 0;
  }

  .admin-bar.mblt-header-mobile-buttons,
  .admin-bar.mblt-header-and-footer-mobile-buttons {
    margin-top: 0;
  }
	/*とっぷぺーじ*/

}

/*834px以下*/
@media screen and (max-width: 834px){
#main{
	    width:100%;
 		padding:2.75vh 0;
	margin:0;
	}
	img{
		width:auto;
		max-width: 100%;
	}
	#sidebar{
		width:100%;
		padding:2.75vh 0;
	}
	#comment-area{
	border-radius: 10px;
    border: #008773 1px solid;
}
	#content{
		padding:0 1.5vw;
	}
	.content-in{
		display:flex;
	}
	
		/*RSS*/
	.plugin3_outline {
		border: #008773 1px solid;
		border-radius: 5px;
		height:265px;
		width:100%;
		margin: 0px 0px 20px ;
		overflow-y: hidden;
	}
	.plugin3_body {
    overflow-y:hidden;

  }
	

	.plugin3_outline {

}
.rss-n{
	width: 100%;
}	
		
	
	
	 .menu-mobile {
    display:  flex!important;
}
	
	
	
	.wrap{
		width:100%;
	}
	.ecb-entry-border .entry-card-wrap{
	border:#008773 1px solid;
	border-radius:5px;
		max-height:30%
	}

	.logo-header img{		
		height:80px;
		width: auto;
	}
.sidebar h2{
	background-color:#008773;
    padding: 3px 5px;
    margin: 0 0 10px 0;
	font-size: 14px;
	color:#FFFFFE;
	border-radius: 5px 5px 0 0 ;
}
.sidebar h3{
	background-color:#008773;
    padding: 3px 5px;
    margin: 0 0 10px 0;
	font-size: 14px;
	color:#FFFFFE;
	border-radius:5px 5px 0 0;
}
	.widget-sidebar{
	border:#008773 1px solid;
	background-color:#FFFFFE;
	border-radius: 10px;
	
}

	
	/*とっぷぺーじ*/
.entry-card{
	border-radius: 5px;
    border: #008773 1px solid;
    height: auto;

}
.e-card-info{
	margin:0;

}
	
	
.entry-card-title{
		line-height: 1.45;
		font-size: 19px;
	}
.entry-card-content{
	margin-left:205px;	
}
	.entry-card-thumb {
	width:173.5px;
	height:135px;
}

	/*個別記事*/
.ently-art{
	border-radius: 10px;
	border: #008773 1px solid;
}	
	.entry-title{
	border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: 5px 8px;
    font-size: 19px;
	}
	
	.entry-categories-tags{
	height: auto;
    padding: 0 0 7px 5px;

}
	
	.entry-content {
	margin: 3.25vw;
}
	.rect-entry-card{
        margin:3.25vw;
	}
	.katebetu{

width:88vw;
}
.open-li{
box-shadow:none;
width:145px;

}

	
	
/*こめんと*/
	#comments{
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	}
	.st-comment-body{
	margin-right:0;
}
	.commets-list{
	padding:0 3.25vw;

}
	.st-comment-meta{
	font-size:0.725em;
	}
	.st-comment-content{
	font-size:0.925em;
	line-height:1.5;
	margin-bottom:0.75em;
	padding-bottom:0.75em;
    padding-left: 0.5vw;
    padding-right: 0.5vw;
}
	
	#comment{
	line-height:1.3;
	font-size:0.925em;
}
	
	.commets-list .children{
	padding-left:3vw;
}
	    .comment-form .submit {
        width: 100%;
        min-width: auto;
        padding: 14px 24px;
        font-size: 1rem;
    }
	
	
  /*必要ならばここにコードを書く*/
}

/*650px以下*/
@media screen and (max-width: 650px){
	.menu-pc li a{
		padding: 0 5vw;
	}
	/*とっぷぺーじ*/
.entry-card{
	padding:0.5% 1.5% 1% 1.5%;
}
	.entry-card-thumb {
	margin:1% 0 0 0;
	width:25vw;
	height:19.5vw;
}
	.entry-card-content{
	margin-left:28vw;	
}
	
	.com-svgwh{
	width:28px;
	height:28px;
}
	
/*RSS*/
	.plugin3_outline{
		display:none;
	}
	.rss_li{
		display:block;
	}
	

	
}

/*480px以下*/
@media screen and (max-width: 480px){

	.ecb-entry-border .entry-card-wrap{
	border:#008773 1px solid;
	border-radius:5px;
	}
	
	.widget-sidebar{
	border:#008773 1px solid;
	background-color:#FFFFFE;
	border-radius: 10px;
}
	.menu-pc li {
	-webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	}
		
		
		
		
		
/*とっぷぺーじ*/
	.ect-entry-card .card-content{
		margin-left:27.5vw;
		display: flex;
flex-direction: column;
	}

	.entry-card-categories-ex{
		display:none;
	}
	.entry-card-tags-ex{
		display:none;
	}

	.entry-card-title {
		order: 1;
		font-size: 0.95em;
		margin:0 0 5px 0;
	}
	.entry-card-categories-ex {
		order: 2;
	}
	.e-card-info {
		order: 3;
		float:left;
		justify-content: normal;
		font-weight: 300;
	}
		.entry-card-thumb {
	margin:0 0 0 1vw;
	width:24.5vw;
	height:18.5vw;
	margin-bottom: 0;
}

	.entry-card-meta{
	padding:0;
	
}


		
	.entry-card{

    height: auto;
	background-color: #FFFFFE;
	padding: 2% 1.2%;
}	
/*記事部分*/
	
	
	.t_h {
    font-size: 0.75em;

}
	.t_b{
		 transform: scale(0.95);
   		 transform-origin: 0 0;
	}
		
	.open-ul{
    grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
}
	/*関連記事*/	
	.related-entry-card-thumb{
		width: 90px;
	}
	.related-entry-card-thumb img {
    height: 75px;
}
	.related-entry-card-content{
	font-size:0.95em;
}
	
  /*必要ならばここにコードを書く*/
}