@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.1
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*--------------------------------
	　ヘッダーの設定
--------------------------------*/
/*グローバルナビ*/
.navi-in a {
	font-size: 16px; /* ナビ文字大きさ */
	font-weight: bold;
}

/*検索ボックスのカスタマイズ（一体型・丸縁）*/
.search-box .search-edit {
	padding: 8px 16px;
	padding-right: 68px;
	border: 2px solid #B5B5B6; 
	border-radius:25px;
}
/*検索ボタン*/
.search-box .search-submit {
	position: absolute;
	top: 0;
	right: 0px;
	height: 100%;
	width: 50px;
	color: #fff;
	background-color: #F882AD;
	border-radius: 0 20px 20px 0;
}
.search-box .fa-search {
	display: block;
	margin-top: 3px;
	margin-right: 3px;
}
/*入力欄と検索ボタンの強調の無効化*/
.search-box .search-edit:focus, .search-box .search-submit:focus {
	outline: 0;
	outline-offset: unset;
}
/*ロゴ表示調整*/
.site-logo-image.header-site-logo-image{
	padding-top:18px;padding-left:10px
}
/*検索窓*/
.header {
	text-align:center;
	margin-left : auto ; margin-right : auto ;
}
.header-in {
	width: auto;
	display: inline-block;/*おまじない*/
	margin: 5px 10px 5px 10px; /*外側余白*/
}
.logo-image {
	float: left;
    padding: 0 0px;
    margin-top: 0px;
	object-fit: cover; /* この一行を追加するだけ！ */
	margin:0px 28px 0px 0px; /*外側余白*/
}
.add-header-contents {
    float: right;
	width: auto;
	font-weight: bold;
    overflow: hidden;
	margin:34px 18px 0px 0px; /*外側余白*/
    text-align:right;
    vertical-align:middle;
}
.headertext {
    position: relative; display: flex;
		width: 100%;
}
/*--------------------------------
	　メインの設定
--------------------------------*/
.article h1 {
	font-weight:bold;
}
.entry-content h2 > span::before {
    content: none;
}
.article p{
	margin-bottom: 0;
}

.entry-card-title,
.widget-entry-card-content,
.prev-post.a-wrap.cf,
.next-post.a-wrap.cf,
.related-entry-card-title,
.card-title.e-card-title{
	color: #666666;
}

/*見出し*/
.article h1 {  
	position: relative;
	border-bottom: 3px solid #666666;
	padding-bottom: 5px;
	background-color:#FFF;/*好きな背景色にする*/
}
.article h1:before {
	position: absolute;
	left:  0;
	bottom: -3px;
	display: block;
	content: " ";
	width: 20%;
	border-bottom: 3px solid #E50080;
}
.article h3 {
	margin: 28px 0px 14px 0px;
}

/*記事一覧*/
.entry-card-wrap{ 
	margin: 0px;
	border-bottom:dotted 1px #ddd;
}
.entry-card-wrap:hover{
    box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2);
    transform: translateY(-2px);
    background-color: #FFF0F5;
    transition: all .3s ease;
}
/*記事一覧の並び方*/
.entry-card-content{
	display: flex;
	flex-direction: column;
}
.entry-card-title{
	order: 1;
}
.entry-card-snippet{
	order: 5;
}
.entry-card-meta{
	text-align: left;
	position: static;
	margin: 0.2em 0;
	order: 2;
}
.entry-card-info{
	display: block;
}
.entry-card-categories-ex{
	order: 3;
}
.entry-card-tags-ex{
	order: 4;
}

/* エントリーカードラベル非表示 */
.entry-card .cat-label{
	display: none;
}
.entry-card-categorys{
	display: none;
}

/*メインカラムのウィジェット*/
.main-widget-label {
	line-height: 24px;
	font-size: 16px;
	position: relative;
	font-weight: bold;
	background: #fef4f4;
	margin: 0 0 1em;
    padding: 0.6em 0 0.4em 2em;
    font-weight: bold;
}
.main-widget-label:before{
    content: "";
    position: absolute;
    background: #E50080;
    top: 50%;
    left: 0.5em;
    margin-top :-10px;
    height: 20px;
    width: 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
/*カテゴリリスト*/
.widget_categories ul li a { /*親カテゴリ用のコード*/
	color: #666666;
	display: block;
	padding: 3px 10px 2px 22px;;/*タグ内側余白*/
	margin: 0px 0px 0px 14px;; /*タグ外側余白*/
	border-bottom: 1px dashed #CCCCCC; /* 下線を引く */
	font-size: 14px;
}
.widget_categories ul li a::before{ /*親カテゴリーのアイコン設定*/
	font-family: "Font Awesome 5 Free";
	content: "\f02b";
	padding-right: 6px; /*アイコン右側空間*/
	font-weight: bold;
}
.widget_categories ul li a .post-count { /*記事数用のコード*/
	display: block;
	float: right;
    font-size: 14px;
}

/*もとのタグアイコンを消す*/
.fa-tag:before {
	display:none;
}

.archive-title .fa-tags ::before {
	font-family: "Font Awesome 5 Free";
	content: "\f292";　/*アイコン*/
	color:  #666666; /* 点の色 */
}
.tagcloud {
	display: block;
}
.tagcloud a{
    padding-right: 3px;
	font-size: 14px;
	border: 0px; /*タグ枠線無し*/
	border-bottom: 1px dashed #CCCCCC; /* 下線を引く */
	border-radius: 0px;
	padding: 3px 10px 2px 2px;/*タグ内側余白*/
	margin: 0 0 0 14px;/*タグ内側余白*/
}
/*タグとカテゴリの色設定*/
.tag-link {
	box-shadow: none;
	font-size: 14px;
	font-weight: bold;
	color:  #666666; 
	background: #FFF;
	margin:2px 2px 0px 0px; /*外側余白*/
}
.tag-link:before{
	font-family: "Font Awesome 5 Free";
	content: "\f292";　/*アイコン*/
	color:  #666666; /* 点の色 */
	font-weight: bold;
	padding: 0px 1px 0px 0px;;/*タグ内側余白*/
}
.tag-link:hover{
	box-shadow: none;
	color: #F882AD;
	background: #FFF;
}
.cat-link {
	box-shadow: none;
 	border-radius: 1.5rem;
	font-size: 14px;
	font-weight: bold;
	color:  #FFFFFF; 
	background: #F882AD;
	margin:4px 4px 0px 0px; /*外側余白*/
	padding: 2px 12px 2px 12px;;/*タグ内側余白*/
}
.cat-link:before{
	padding-right: 3px;
	font-family: "Font Awesome 5 Free";
	content: "\f292";　/*アイコン*/
	color:  #666666; /* 点の色 */
	font-weight: bold;
	padding: 0px 4px 0px 0px;;/*タグ内側余白*/
}
.cat-link:hover { /*現ページ以外のページ番号のホバー時*/

}
.fa-folder:before {
	display:none;
}

.carousel .cat-label {
	display: none;
}
.carousel-entry-card-title {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
    max-height: 2.8;
}
.carousel-entry-card-img {
	height: 115px;
}

/*リンクマネージャー*/
ul, xoxo-blogroll ul{
    list-style: none;
    padding:0;
    margin:0;
}

.widget_linkst{
    list-style: none;
    padding:0;
    margin:0;
}
.widget_links li { 
	color: #666666;
	position: relative;
	padding: 4px 10px 2px 6px;;/*タグ内側余白*/
	margin: 0px; /*タグ外側余白*/
	border-bottom: 1px dashed #CCCCCC; /* 下線を引く */
	font-size: 14px;
		max-width:500px; /* 横幅 */
}
.widget_links a{
    list-style: none;
    padding:0;
    margin:0;
}
.widget_links  li a:before {
	font-family: "Font Awesome 5 Free";
	content: "\f004";　/*アイコン*/
	color:  #666666; /* 点の色 */
	padding-right: 8px; /*アイコン右側空間*/
	font-weight: bold;
}

a:hover {

}
/*ページネーションのカスタマイズ*/
.page-numbers {
	font-size: 16px;
	font-weight: bold;
	color: #B5B5B6; /* 数字の色 */
	border: 2px solid #B5B5B6; /* 枠線の太さ、色 */
}
.page-numbers,
.page-numbers.dots {
	width: 42px;
	height:42px;
	line-height:42px;
	border-radius: 0;
	border: 2px solid #B5B5B6;
}
.pagination .current {
	color: #7F7F7F; /* 数字の色 */
	background-color: #B5B5B6;
    margin: 6px 3px 3px 3px;
    border: 2px solid #B5B5B6;
    display: inline-block;
}
.pagination a.page-numbers:hover { /*現ページ以外のページ番号のホバー時*/
	background-color: #f882ad!important; /*マウスオーバー時の背景色*/
	color: #fff!important; /*マウスオーバー時の文字色*/
	border: 2px solid #f882ad;
	font-size: 16px;
}

/*次のページを非表示*/
.pagination-next {
	display: none;
}
/*次のページ、前のページ*/
.prev-post.a-wrap.cf,
.next-post.a-wrap.cf {
	font-size: 18px; /*フォントサイズ*/
	font-weight:bold; /*文字強調*/
}
.prev-post-title, .next-post-title {/*ページ送りナビ*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	height: 2.4em /* 2em（行）x line-heightの1.8 */
 	font-size: 12px;
 	line-height: 1.2;
}
/*関連記事*/
.related-entry-card-title.card-title.e-card-title{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	height: 2.4em /* 2em（行）x line-heightの1.8 */
 	font-size: 12px;
 	line-height: 1.2;
}
.related-entry-card .cat-label{/*MOREの中のカテゴリ表示なくす*/
	display:none;
}

#popular_entries-2 .popular-entry-cards {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
}

#popular_entries-2 .popular-entry-cards > a {
	flex: 2 1 auto;
	position: relative;/*相対配置*/
	width: calc(92% / 5);            /* 幅指定 */
	display:  inline-block;     /* インラインブロック要素にする */
	vertical-align:  top;       /* 要素を上揃えにする */
	margin: 2px 2px 2px 2px; /*外側余白*/
	padding:  0px;             /* 余白指定 */
	box-sizing: border-box;     /* 崩れ防止 */
}
#popular-entry-cards-title-2 {
	font-size: 12px;
}

/*--------------------------------
	　サイドの設定
--------------------------------*/
/*サイドバー*/
.sidebar h3{
	font-size: 16px;
	color: #666666;
	position: relative;
	font-weight: bold;
	background: #fef4f4;
	border-top:0;
	margin: 2em 0 0.5em 0;
    padding: 0.6em 0 0.4em 2em;
    font-weight: bold;
	text-align: left;
	line-height: 18px;
}
.sidebar h3:before{
    content: "";
    position: absolute;
    background: #E50080;
    top: 50%;
    left: 0.5em;
    margin-top :-10px;
    height: 20px;
    width: 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

/*--------------------------------
	　フッターの設定
--------------------------------*/
/*フッター*/
.footer h3 {
	font-size: 16px; /* 文字サイズ */
}
.navi-footer-in a {
	color: #fff;
    font-size: 14px;
	font-weight:bold; /*文字強調*/
}
.footer-bottom {
	color: #fff;
 	background: #666666;
	margin: 24px calc((100% - 100vw)/2) 0;
	padding: 8px calc((100vw - 100%)/2);
}
.fa-caret-right:before {
	display:none;
}

.follow-me {
	float: right;
	list-style: none;
	overflow: hidden;
	margin:20px 0px 0px 0px; /*外側余白*/
}
.follow-me li {
	float: left;
	margin: 0px 8px 0px 0px;
	padding: 0;
}
.follow-me li a::before {
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-family: FontAwesome;
	font-size: 16px;
	height: 44px; /* Button height */
	line-height: 44px; /* Button height */
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	text-align: center;
	width: 44px; /* Button width */
}
.follow-me li a:hover::before {
	opacity: 0.7;
}

.follow-me li a[href$="/feed"]::before {
	border-radius: 50%; /*丸くする*/ background-color: #ffa500; content: "\f09e"; 
}
.follow-me li a[href$="/contact"]::before {
	border-radius: 50%; /*丸くする*/ background-color: #777777; content: "\f0e0"; 
}

/*--------------------------------
	　広告の設定
--------------------------------*/
/* 広告 */
.koukoku {
    display:  inline-block;     /* インラインブロック要素にする */
    padding:  0 15px;             /* 余白指定 */
}
.koukoku-mobile {
	display:  inline-block;     /* インラインブロック要素にする */
	text-align: center;
	width: 100%; /* Button width */
}

/* 忍者RSS */
a.ninja-recommend-article-link{
	font-size:14px;
	text-align: left;
}
.ninja-recommend-article-text{
	width:98px !important;object-fit:cover;
}
.ninja-recommend-article-title{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ninja-recommend li.ninja-recommend-article {
	border-bottom:dotted 1px #b3b3b3 !important;
}

/* ACRWEB */

#acrr9_joshisyain td {
	padding: 4px;
	width:auto;
	vertical-align: bottom;
}

/* ジャック広告 */
.fixed-widget {
	z-index: 100;
	background-color: rgba(0,0,0,0);
	border:0px;
	padding: 6px 6px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	-webkit-animation-name:side;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:side;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:ease;
}
.fixed-widget-left {
	background-color: rgba(0,0,0,0);
	border:0px;
	padding: 6px 6px;
	position: fixed;
	top: 250px;
	left: 50px;
	-webkit-animation-name:side;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:side;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:ease;
}
@media screen and (max-width: 1620px) {
.fixed-widget-left {
	display: none;
}
}
.fixed-widget-right {
	background-color: rgba(0,0,0,0);
	border:0px;
	padding: 6px 6px;
	position: fixed;
	top: 250px;
	right: 130px;
	-webkit-animation-name:side;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:side;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:ease;
}
@media screen and (max-width: 1620px) {
.fixed-widget-right {
	display: none;
}
}
.fixed-widget-btn {
	width: 30px;
	height: 30px;
    color: #fff;
    background: #7A7A7A;
    padding: .-1em .5em;
    border-radius: .1em;
    text-align: center;
    display: table;
    cursor: pinter; 
}
.fixed-widget-btn:hover {
    cursor: pinter; 
}
.fixed-widget-btn:active {
    background: rgb(127, 194, 239);
}
.fixed-widget-box {
    border-radius: .3em;
    height: 100%;
}
.fixed-widget-pic {
  height: 20vw;
}
/* close button */
.fixed-widget-closer {
    position: relative;
    margin-top: 2em;
}
.fixed-widget-closer .fixed-widget-btn {
    position: absolute;
    left: 0;
    top: -30px;
}
.fixed-widget-closer .fixed-widget-box {
    margin-bottom: 1em;
}
.fixed-widget .fixed-widget-checkbox {
    display: none;
}

.fixed-widget .fixed-widget-closer #close:checked ~ .fixed-widget-btn {
    display: none;
}
.fixed-widget .fixed-widget-closer #close:checked ~ .fixed-widget-box {
    display: none;
}
@media screen and (max-width: 729px) {
.fixed-widget {
	display: none;
}
}

/* ピックアップコンテンツ */
#pickupcardlayout-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 1em auto;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: center;
}

/* カードレイアウト内の画像を幅いっぱいに表示 */
#pickupcardlayout-wrap img {
    display: block;
	width: 100%;
	aspect-ratio: 7 / 5;
	object-fit: cover;
}
.pickupcard-figure {
    margin: 0;
    padding: 0;
}
/* カードレイアウトの説明文部分 */
.pickupcard-text-tax {
	width: 100%;
	position: absolute;/*絶対配置*/
	bottom: 0px;
	left: 0;
	font-size: 13px; /* 文字大きさ */
	font-weight: bold;
	margin: 0px; /*外側余白*/
	padding: 4px 7px 0px 7px;; 
	background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.4) 40%,rgba(0,0,0,0.8) 100%);/*背景を半透明に*/
	text-align: left;
	display: inline;
	vertical-align: middle;
	line-height: 1.4em;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.pickupcard-text-tax a {
	color: #FFF;
}
/* カードレイアウトを1カラムで配置 */
.pickupcard-list {
	flex: 2 1 auto;
	position: relative;/*相対配置*/
	width: calc(92% / 4);            /* 幅指定 */
	display:  inline-block;     /* インラインブロック要素にする */
	vertical-align:  top;       /* 要素を上揃えにする */
	margin: 2px 2px 2px 2px; /*外側余白*/
	padding:  0px;             /* 余白指定 */
	box-sizing: border-box;     /* 崩れ防止 */
}
.pickupcard-list a :hover {
	font-size: 14px;
	opacity: 0.75;
}
#pickupcardlayout-wrap-2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 1em auto;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: center;
}
#pickupcardlayout-wrap-2 img {
    display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.pickupcard-list-2 {
	flex: 2 1 auto;
	position: relative;/*相対配置*/
	width: 200px;            /* 幅指定 */
	display:  inline-block;     /* インラインブロック要素にする */
	vertical-align:  top;       /* 要素を上揃えにする */
	margin: 2px 2px 2px 2px; /*外側余白*/
	padding:  0px;             /* 余白指定 */
	box-sizing: border-box;     /* 崩れ防止 */
}

table th, table td, .scrollable-table th, .scrollable-table td {
	padding: 4px 6px 2px 6px; /*外側余白*/
}

.btn{
	font-size: 20px;
}
.btn-l:after{
	right: 1em;
}

:root :where(a:where(:not(.wp-element-button))) {
    text-decoration: none;
}

/*ContactForm7カスタマイズ*/
table.CF7_table{
	width:80%;
	margin:0 auto;
	border: 3px solid #e5e5e5;
}
.CF7_table th{
    width: 30%;
	padding-top: 10px;
    border: 1px solid #e8e8e8;
    background-color: #FFF;
    vertical-align: top;
    box-sizing: border-box;
	text-align: left;
}
table.CF7_table tr{
	border-top: 1px solid #e5e5e5;
}

.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}

/*入力欄*/
.CF7_table input, .CF7_table textarea {
	border: 1px solid #d8d8d8;
    background-color: #F4F4F4;
}

.CF7_table ::placeholder {
	color:#797979;
}

/*「必須」文字*/
.CF7_req{
	font-size:.9em;
	padding: 5px;
	background: #BE1D1D;
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/*「任意」文字*/
.CF7_unreq{
	font-size:.9em;
	padding: 5px;
	background: #bdbdbd;/*グレー*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/* タイトル列 */
@media screen and (min-width: 768px){
	.CF7_table th{
	width:30%;/*横幅*/
	background-color:#FFF;
	}
}

/* レスポンシブ */
@media screen and (max-width: 768px){
	table.CF7_table{
	width:95%;
	}
	.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	width: 100%;
	line-height:2.5em;
	}
.CF7_table th{
    width: 30%;
	padding-top: 10px;
    background-color: #FFF;
    vertical-align: top;
    box-sizing: border-box;
	text-align: left;
}
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#7D7D7D;
	border:0;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	padding: 14px 20px;
}

.CF7_btn{
	text-align:center;
	margin-top:20px;
	width:30%;
	margin-left:auto;
	margin-right:auto;
}

.wpcf7-spinner{
	width:0;
	margin:0;
}

/*固定ページの投稿日、更新日を非表示にする*/
.page .date-tags {
    display: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
.header {
	text-align:center;
	margin-left : auto ; margin-right : auto ;
}
.header-in {
	width: auto;
	display: inline-block;/*おまじない*/
	margin: 5px 10px 5px 10px; /*外側余白*/
}

.logo-image {
	float: left;
    padding: 0 0px;
    margin-top: 0px;
	object-fit: cover; /* この一行を追加するだけ！ */
	margin:0px 28px 0px 0px; /*外側余白*/
}

.add-header-contents {
    float: right;
	width: auto;
	font-weight: bold;
    overflow: hidden;
	margin:34px 18px 0px 0px; /*外側余白*/
    text-align:right;
    vertical-align:middle;
}
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.pickupcard-list-2 {
	flex: 2 1 auto;
	position: relative;/*相対配置*/
	width: 150px;            /* 幅指定 */
	display:  inline-block;     /* インラインブロック要素にする */
	vertical-align:  top;       /* 要素を上揃えにする */
	margin: 4px 4px 4px 4px; /*外側余白*/
	padding:  0px;             /* 余白指定 */
	box-sizing: border-box;     /* 崩れ防止 */
}
#popular_entries-2 .popular-entry-cards > a {
	flex: 2 1 auto;
	position: relative;/*相対配置*/
	width: 150px;            /* 幅指定 */
	display:  inline-block;     /* インラインブロック要素にする */
	vertical-align:  top;       /* 要素を上揃えにする */
	margin: 4px 4px 4px 4px; /*外側余白*/
	padding:  0px;             /* 余白指定 */
	box-sizing: border-box;     /* 崩れ防止 */
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.header {
	text-align:center;
	margin-left : auto ; margin-right : auto ;
}
.header-in {
	width: 70%;
	display: inline-block;/*おまじない*/
	margin: 5px 10px 5px 10px; /*外側余白*/
}

.logo-image {
	text-align:center;
	width: 100%;
	object-fit: cover; /* この一行を追加するだけ！ */
	margin-left : auto ; margin-right : auto ;
}

.add-header-contents {
	width: 100%;
	font-weight: bold;
    overflow: hidden;
	margin: 5px 0px 5px 0px; /*外側余白*/
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.pickupcard-list {
	width: 38%;
}
.body {
    font-family: 'M PLUS 1p', sans-serif;
}
	
.prev-post.a-wrap.cf,
.next-post.a-wrap.cf {
	color: #666666;
	font-size: 14px; /*フォントサイズ*/
	font-weight:bold; /*文字強調*/
}

.pickupcard-text-tax {
	width: 100%;
	position: absolute;/*絶対配置*/
	bottom: 0px;
	left: 0;
	font-size: 14px; /* 文字大きさ */
	margin: 0px 0px 0px 0px; /*外側余白*/
	padding:  5px 5px 4px 5px; 
	background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.4) 40%,rgba(0,0,0,0.8) 100%);/*背景を半透明に*/
	text-align: left;
	display: inline;
	vertical-align: middle;
	line-height: 1.5;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
}