@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*全体*/
html, body {
  height: 100%;
  padding: 0;
  margin: 0;
	scroll-behavior: smooth;
}
/*全体*/
a:hover {
	color:#a467ff;
}

/*セメント協会さまのお目目のために*/
.semeche{
 position: absolute;
	right:0;
	left:0;
	bottom:-35%;
}
.semeche .button {
  border-radius : 50px;
	color:#333;
  font-size     : 10pt;
  text-align    : center; 
  cursor        : pointer;
  padding       : 10px 20px; 
  background    : #fff;     /* 背景色     */
  line-height   : 1em; 
  transition    : .3s;
  border        : 1px solid #000;    /* 枠の指定 */
	font-family: 'Overpass', sans-serif;
}
.semeche .button:hover {
  background:#ffe000;
}


body {
	 position: relative;
    animation: fade 4s step-end infinite;
	width:100%;
	margin 0 auto;
	background:#ffe000;
}

@keyframes fade {
  0% { 
	  background-image:url(https://kiharaniku.com/hp/img/circle_bg.svg);
	  background-repeat:no-repeat;
	  background-position:top center;
	  background-size:cover; 
	}
  50% {
	background-image:url(https://kiharaniku.com/hp/img/circle_bg02.svg);
	  background-repeat:no-repeat;
	  background-position:top center;
	  background-size:cover; align-content
	}
  100% { 
	background-image:url(https://kiharaniku.com/hp/img/circle_bg.svg);
	  background-repeat:no-repeat;
	  background-position:top center;
	  background-size:cover; 
	}
}

.para01 {
background:url(https://kiharaniku.com/hp/img/para_bg01.png)no-repeat ;
	background-size:90%; 
  background-attachment: fixed;
	 background-position: center calc(50% - 10px);
}
.para02 {
  background:url(https://kiharaniku.com/hp/img/para_bg02.png) no-repeat ;
	background-size:100%; 
  background-attachment: fixed;
	 background-position: center calc(50% - 10px);
}
.para03 {
  background:url(https://kiharaniku.com/hp/img/para_bg03.png) no-repeat ;
	background-size:80%; 
  background-attachment: fixed;
	 background-position: center calc(50% - 10px);
}
.para04 {
  background:url(https://kiharaniku.com/hp/img/para_bg04.png) no-repeat ;
	background-size:80%; 
  background-attachment: fixed;
	 background-position: center calc(50% - 10px);
}


.top_container{
padding: 0;
background:url(https://kiharaniku.com/hp/img/main_bg.png) no-repeat top center;
	 position: relative;
	width:100%;
	margin 0 auto;
}
.page-template-default .top_container,.archive .top_container{
	margin:-30px auto 0 auto;
}

.single .top_container,.archive .top_container{
	margin:-30px auto 0 auto;
}

.page-template-default .main_catlist{
	display:none;
}

.single .main_catlist,.archive .main_catlist,.archive .works_ttl,.archive .work_list{
	display:none;
}
body.archive{
    animation: none;
	background:none;
	background-color:#ffe000;
}
.pagination-next,.pagination{
    display:none;
}

/*ヘッダー*/
.header-container{
	display:none;
}
.content-top{
  margin:  0!important;
}
.logo-text,.site-name,.site-name-text-link,.site-name-text{
	font-size: calc(18px + 4 * (100vw - 360px) / 1560)!important; 
}
.menu-header-or{
	font-family: 'Overpass', sans-serif;
	position:fixed;
	top:8%;
	right:5%;
	display:block;
	z-index:99;
	display:flex;
}
.menu-header-or li{
	list-style:none;
}
.navi{
	display:none;
}
.head_logo a{
position:fixed;
	z-index:100;
	background:#ffe000;
	border:1px #333 solid;
	width:100px;
	height:100px;
	margin:0 auto 20px auto;
	border-radius:50%;
	top:6%;
	left:2%;
	display:block;
}
.head_logo a:hover{
	background:#fff;
}

.sns_btn{
	position:relative;
	z-index:100;
}
.sns_btn ul{
	position:fixed;
	top: 18%;
  right: 3%;
}
.sns_btn li{
	list-style:none;
}
.sns_btn li a{
	background:#fff;
	border:1px #333 solid;
	width:80px;
	height:80px;
	margin:0 auto 20px auto;
	border-radius:50%;
	position:relative;
	display:block;
}
 .sns_btn li a:hover{
	background:#ffe000;
}
.circle_height {
position: absolute;
top: 55%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

/*フッター*/
.go-to-top {

  right: 3%;
  bottom: 5%;
}
.go-to-top-button{
	width:100px;
}
footer,.footer-container{
	background:none;
}
.copyright{
	position:fixed;
	right:4%;
	bottom:20%;
	 -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	font-size:10px;
}

/*トップ*/
.content,.content-in,.main,.wrap{
	width:100%;
	padding:0;
	background:none;
}

.content-top{
	margin:0 auto;
	text-align:center;
	position:relative;
	padding:0;
	z-index:10!important;
	}
.mainvisual{
	margin:0 auto;
	text-align:center;
	position:relative;
	padding:0;
	max-width:700px;
	}

.mainvisual .baloon{
	position:absolute;
	background:url(http://kiharaniku.com/hp/wp-content/uploads/2023/12/header-baloon.png) no-repeat center top;
	background-size:90%;
	text-align:center;
	padding:7% 5% 8% 5%;
	font-size: 13px; 
	left:-9%;
	bottom:20%;
	z-index:10;
}
	
.updown {
    animation-name:updown1;   /* アニメーション名の指定 */
    animation-delay:0s;   /* アニメーションの開始時間指定 */
    animation-duration: 3s;   /* アニメーション動作時間の指定 */
    animation-timing-function: ease-in-out;  /* アニメーションの動き指定（徐々に早く）*/
    animation-iteration-count: infinite; 
}
 
@keyframes updown1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}

.mainvisual .neo{
	position:absolute;
	right:7%;
	top:38%;
	width:190px;
}
.mainvisual .neo img{
	width: 15vw;
}
.yurayura{
    transform-origin: center bottom;
    animation: yurayura 4s linear infinite;
}

@keyframes yurayura {
  0% , 100%{
      transform: rotate(5deg);
  }
  50%{
      transform: rotate(-5deg);
  }
}


.mainvisual .un{
	position:absolute;
	left:9%;
	bottom:14%;
	animation: mochimochi 2s infinite;
	width:140px;
}
@keyframes mochimochi {
  0% {
    transform: scale(1, 0.8);
  }
  20% {
    transform: scale(0.8, 1.1);
  }
  90% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 0.8);
  }
}

.main_catlist{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:0;
	height:1100px;
}

.main_catlist .main_cat01{
	position:absolute;
	left:15%;
	top:12%;
	animation: fuwafuwa01 4s infinite;
}
@keyframes fuwafuwa01 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
 }	

.main_catlist .main_cat02{
	position:absolute;
	right:20%;
	top:12%;
	animation: fuwafuwa02 4s infinite;
}
@keyframes fuwafuwa02 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
 }	
.main_catlist .main_cat03{
	position:absolute;
	left:10%;
	bottom:25%;
}
.main_catlist .main_cat04{
	position:absolute;
	right:0;
	left:0;
	bottom:22%;
	text-align:center;
	animation: pikopiko 1s steps(2, start) infinite;
}
@keyframes pikopiko {
  0% {
    transform: rotate(10deg);
  }
  to {
    transform: rotate(-5deg);
  }
}
.main_catlist .main_cat05{
	position:absolute;
	right:15%;
	bottom:25%;
}

/*猫るーぷ*/
@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
	margin:300px auto 0 auto;
}
.scroll-infinity__list li:nth-child(even) {
	margin:40px 0 0 0;
animation: cat_even 2s infinite;
}
@keyframes cat_even {
  0% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
 }	
.scroll-infinity__list li:nth-child(odd) {
animation: cat_odd 2s infinite;
}
@keyframes cat_odd {
  0% {
		transform: translateY(-10px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
 }	
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 30px 0;
	position:relative;
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
.scroll-infinity__item {
	margin:0 70px;
	 background: #fff;
  border-radius: 50%;
  width: 350px;
  height: 350px;
  text-align: center;
		display:flex;
  justify-content: center;
  align-items: center;
}
.scroll-infinity__item>img {
  max-width: 300px;
	max-height:260px;
}
.scroll-infinity_name {
	position:absolute;
	left:-5px;
	top:-5px;
	 background: #fff;
  border-radius: 50%;
  width: 110px;
  height: 110px;
  color: #333;
	font-size:11px;
  text-align: center;
	line-height:1.5;
	display:flex;
  justify-content: center;
  align-items: center;
}
/*about*/


.js-fade {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-50px);
    transition: opacity 1s,visibility 1s, transform 1s;
}

.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
#about .about_ttl{
	position:absolute;
	left:17%;
	 top:-2%;
	z-index:10;
	}
#about .aboutme{
	width:75%;
	background:url(http://kiharaniku.com/hp/img/about_bg.png) no-repeat center top;
	background-size:100%;
	padding:10% 15% 10% 18%;
	margin:10% auto 0 auto;
	font-size: 0.9vw; 
	line-height:2;
	text-align:left;
	position:relative;
	}
#about .mypic{
	position:absolute;
	left:14%;
	 bottom:2%;
	z-index:10;
	width:12%;
	}
#about .nikuko{
	position:absolute;
	right:22%;
	 bottom:-8%;
	z-index:10;
	width:15%;
	}
#about .abouttop,#about .aboutbtm{
display:none;
	}
/*新着情報*/



.index-tab-buttons,.admin-pv{
	display:none;
}

.tab-cont{
	position:relative;
	}
.works_ttl{
	position:absolute;
	left:10%;
	 top:-4%;
	z-index:10;
	}

.work_list{
	position:absolute;
	left:15%;
	 top:-3%;
	z-index:10;
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: 0px 30px;
	}
.work_list li{
	list-style:none;
	}
.work_list li a{
	display:block;
	border-top:1px solid #333;
	text-decoration:none;
	font-weight:bold;
	width:200px;
	font-size:13px;
	padding:10px;
	margin:0 0;
	}
.work_list li a.last{
	border-bottom:1px solid #333;
	}
.work_list li a.last_sub{
	border-bottom:1px solid #333;
	}
.ect-3-columns {
  justify-content: grid;
	grid-template-columns repeat(3 1fr);
	gap:0 3%;
	justify-content: flex-start;
	margin:10%;
	padding:4% 0 0 0;
	box-sizing:border-box;
}
.ect-3-columns .entry-card-wrap {
	width:30%;
  padding: 3%;
	margin:5% 0 4% 0;
	border:1px #333 solid;
	border-radius:30px;
	box-shadow: 20px 20px #333;
	background:#ffe000;
	box-sizing:border-box;
	max-width:100%;
}

.ect-3-columns .entry-card-wrap img{
	border-radius:20px;
	max-width:100%;
}
.a-wrap:hover {
  background-color:  rgba(255, 255, 255, 0.9);
}
.entry-card-title {
	font-size:12px;
	font-weight:400;
	padding:0;
}
.entry-card-content {
	padding:0;
}
.home .ect-3-columns .entry-card-wrap:nth-child(7) ,.home .ect-3-columns .entry-card-wrap:nth-child(8),.home .ect-3-columns .entry-card-wrap:nth-child(9),.home .ect-3-columns .entry-card-wrap:nth-child(10),.home .ect-3-columns .entry-card-wrap:nth-child(11),.home .ect-3-columns .entry-card-wrap:nth-child(12),.home .ect-3-columns .entry-card-wrap:nth-child(13),.home .ect-3-columns .entry-card-wrap:nth-child(14),.home .ect-3-columns .entry-card-wrap:nth-child(15),.home .ect-3-columns .entry-card-wrap:nth-child(16),.home .ect-3-columns .entry-card-wrap:nth-child(17),.home .ect-3-columns .entry-card-wrap:nth-child(18),.home .ect-3-columns .entry-card-wrap:nth-child(19),.home .ect-3-columns .entry-card-wrap:nth-child(20){
	display:none;
}
/*コネクト*/

#connect{
	position:relative;
	margin:0 auto;
	padding-bottom:15%;
	}
#connect .connect_pic{
	position:absolute;
	right:10%;
	 top:5%;
	z-index:10;
	width:13%;
	}
#connect .connect_ttl{
	position:absolute;
	left:10%;
	 top:-2%;
	z-index:10;
	}
#connect ul{
	display:flex;
	width:100%;
	margin:0 auto;
	justify-content:center;
	}

#connect li{
	list-style:none;
	width:200px;
}
#connect li a{
	background:#fff;
	border:1px #333 solid;
	width:170px;
	height:170px;
	margin:0 auto;
	border-radius:50%;
	position:relative;
	display:block;
	font-size:14px;
}

#connect li a:hover{
	background:#ffe000;
}

/*記事ページ*/
.article{
	width:90%;
	padding:8% 12% 8% 12%;
	background-color: rgba(255, 224, 000, 0.9);
	margin:7% 15% 0 0;
	border-radius:0 50px 50px 0;
	border:1px #333 solid;
	border-left:none;
}
.article img{
	border-radius:40px;
}
.pager-post-navi{
	display:none;
}

/*カテゴリー*/
.archive-title{
	padding:10% 0 0 0;
	margin:0 auto;
	width:80%;
}
.archive-title span{
	display:none;
}

/*カテゴリアイコン*/
.cat-label {
	background:#333;
left:-17%;
	top:-27%;
	width:65px;
	height:65px;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	border:none;
}

/*関連記事*/

.related-list {
	width:90%;
	box-sizing:border-box;
}
.related-list .related-entry-card-wrap {
  padding: 2%;
	margin:5% 0 0 0;
	border:1px #333 solid;
	border-radius:30px;
	box-shadow: 20px 20px #333;
	background:#ffe000;
	box-sizing:border-box;
	width:22%;
}
.related-list .related-entry-card-wrap img{
	border-radius:20px;
}
.a-wrap:hover {
  background-color:  rgba(255, 255, 255, 0.9);
}
.related-list .related-entry-card-wrap .e-card-title{
	font-size:12px;
	font-weight:400;
	padding:0;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/	
@media only screen and (min-width: 835px) and (max-width: 1400px) {
	
.mainvisual{
	width:70%;
	}
.main_catlist .main_cat01{
	left:7%;
	top:12%;
	width:15%;
}
.main_catlist .main_cat02{
	right:7%;
	top:12%;
	width:10%;
}
	.main_catlist .main_cat02{
width:20%;
}
.main_catlist .main_cat03{
	left:-5%;
	bottom:30%;
	width:30%;
}
.main_catlist .main_cat04 img{
	width:17%;
}
.main_catlist .main_cat05{
	right:2%;
	bottom:30%;
	width:20%;
}
	
.sns_btn li a{
	width:60px;
	height:60px;
}
.sns_btn li img{
	width:20px;
}

}

@media screen and (max-width: 1100px){
#connect .connect_pic{
	position:absolute;
	right:5%;
	 top:-30%;
	width:13%;
	}	
.main_catlist .main_cat04{
	bottom:25%;
}
	
}

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

.semeche{
 position: absolute;
	right:0;
	left:0;
	bottom:-60%;
}
.semeche .button {
  font-size     : 9pt;
  padding       : 8px 12px 6px 12px; 
}

	
	
.para01 {
background:url(https://kiharaniku.com/hp/img/para_bg01.png) repeat-y ;
	background-size:300%; 
  background-attachment: fixed;
	 background-position: center calc(50% - 10px);
}
.para02 {
  background:url(https://kiharaniku.com/hp/img/para_bg02.png) repeat-y ;
	background-size:300%; 
  background-attachment: fixed;
	 background-position: center calc(50% - 10px);
}
.para03 {
  background:url(https://kiharaniku.com/hp/img/para_bg03.png) repeat-y ;
	background-size:300%; 
  background-attachment: fixed;
	 background-position: center calc(50% - 10px);
}
.para04 {
  background:url(https://kiharaniku.com/hp/img/para_bg04.png) repeat-y ;
	background-size:300%; 
  background-attachment: fixed;
	 background-position: center calc(50% - 10px);
}
	
/*ヘッダー*/

.menu-header-or{
	top:4%;
	right:5%;
	display:block;
	z-index:99;
	display:flex;
}
.head_logo a{
	width:70px;
	height:70px;
	top:2%;
	left:2%;
	display:block;
}

/*フッター*/
.go-to-top {

  right: 3%;
  bottom: 5%;
}
.go-to-top-button{
	width:100px;
}
footer,.footer-container{
	background:none;
}
.copyright{
	position:relative;
	right:auto;
	bottom:auto;
	 -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
	font-size:10px;
}
	
/*メイン*/	
.top_container{
padding: 0;
background:url(https://kiharaniku.com/hp/img/main_bg_sp.png) no-repeat top center;
	background-size:100%;
}
.mainvisual{
	margin:0 auto;
	text-align:center;
	position:relative;
	padding:0 15%;
	}

.mainvisual .baloon{
	position:absolute;
	background:url(http://kiharaniku.com/hp/wp-content/uploads/2023/12/header-baloon.png) no-repeat center top;
	background-size:90%;
	text-align:center;
	padding:7% 5% 8% 5%;
	font-size: 10px; 
	left:0%;
	bottom:30%;
	z-index:10;
}
 
@keyframes updown1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

.mainvisual .neo{
	position:absolute;
	right:7%;
	top:38%;
	width:20%;
}
.mainvisual .neo img{
	width: auto;
}

.mainvisual .un{
	position:absolute;
	left:7%;
	bottom:8%;
	width:20%;
}


.main_catlist{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:2;
	height:100vh;
}

.main_catlist .main_cat01{
	position:absolute;
	left:15%;
	top:10%;
	width:25%;
}


.main_catlist .main_cat02{
	position:absolute;
	right:15%;
	top:12%;
	width:25%;
}

.main_catlist .main_cat03{
	position:absolute;
	left:0%;
	bottom:17%;
	width:40%;
}
.main_catlist .main_cat04{
	position:absolute;
	right:0;
	left:0;
	bottom:15%;
	text-align:center;
	animation: pikopiko 1s steps(2, start) infinite;
}
	.main_catlist .main_cat04 img{
	width:25%;
}

.main_catlist .main_cat05{
	position:absolute;
	right:10%;
	bottom:17%;
	width:25%;
}
	
/*SNS*/	
.sns_btn{
	display:none;
}
.sns_btn_foot{
	position:relative;
	z-index:10;
}
.sns_btn_foot ul{
	position:fixed;
	right:5%;
	top:15%;
}
.sns_btn_foot li{
	list-style:none;
	background:#ffe000;
	border:1px #333 solid;
	width:40px;
	height:40px;
	margin:0 auto 10px auto;
	border-radius:50%;
	position:relative;
}
.sns_btn_foot li img{
	width:18px;
}
.sns_btn_foot li:hover{
	background:#fff;
}
.circle_height {
position: absolute;
top: 55%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
	
/*猫るーぷ*/

.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
	margin:60% auto 0 auto;
}
.scroll-infinity__list li:nth-child(even) {
	margin:40px 0 0 0;
animation: cat_even 2s infinite;
}
@keyframes cat_even {
  0% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
 }	
.scroll-infinity__list li:nth-child(odd) {
animation: cat_odd 2s infinite;
}
@keyframes cat_odd {
  0% {
		transform: translateY(-10px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
 }	
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 30px 0;
	position:relative;
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 60s infinite linear 0.5s both;
}
.scroll-infinity__item {
	margin:0 50px;
  width: 200px;
  height: 200px;
}
.scroll-infinity__item>img {
  max-width: 160px;
	max-height:160px;
}
.scroll-infinity_name {
	position:absolute;
	left:-20px;
	top:-20px;
	 background: #fff;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  color: #333;
	font-size:9px;
}
	
/*about*/
#about {
	margin:0 0;
	position:relative;
	}
#about .about_ttl{
	position:relative;
	left:auto;
	 top:auto;
	width:50px;
	margin-left:10%;
	}
#about .abouttop{
	margin:10% auto 0 auto;
	padding:0;
	position:absolute;
	top:14.5%;
	}
#about .aboutbtm{
	padding:0;
	position:absolute;
	bottom:-2.3%;
	}
#about .aboutme{
	width:auto;
	background:#fff;
	background-size:100%;
	padding:15% 10%;
	margin:0;
	font-size: 14px; 
	line-height:2;
	text-align:left;
	position:relative;
	}
#about .mypic{
	position:absolute;
	left:auto;
	right:6%;
	 bottom:-13%;
	z-index:10;
	width:40%;
	}
#about .nikuko{
	position:absolute;
	right:20%;
	top:0%;
	z-index:10;
	width:45%;
	}
	
/*新着情報*/
.tab-cont{
	position:relative;
	}
.works_ttl{
	position:relative;
	left:auto;
	 top:auto;
	margin:0 0 0 7%;
	width:50px;
	}

.work_list{
	position:relative;
	left:auto;
	 top:auto;
	padding:5%;
	margin:0 auto;
	display:block;
	width:auto;
	}
.work_list li{
	width:auto;
	}
.work_list li a{
	display:block;
	border-bottom:none;
	border-top:1px solid #333;
	text-decoration:none;
	font-weight:bold;
	width:auto;
	font-size:13px;
	padding:10px 0;
	margin:0 0;
	}
.work_list li a.last_sub{
	border-bottom:none;
	}
	
.ect-3-columns {
	display:block;
	margin:10% 7%;
}
.ect-3-columns .entry-card-wrap {
  width:auto;
  padding: 6%;
	margin:0 0 15% 0;
	border-radius:30px;
	box-shadow: 10px 10px #333;
	background:#ffe000;
}
.ect-3-columns .entry-card-wrap:nth-child(2) ,.ect-3-columns .entry-card-wrap:nth-child(5){
	margin:0% 0 15% 0;
}
.entry-card-title {
	padding:7px 0 0 0;
}

/*コネクト*/

#connect{
	position:relative;
	margin:0 10%;
	padding-bottom:0;
	}
#connect .connect_ttl{
	position:relative;
	left:auto;
	 top:auto;
	z-index:10;
	width:50px;
	}
#connect .connect_pic{
	position:absolute;
	right:20%;
	 top:0%;
	width:38%;
	}

#connect ul{
	display:flex;
	width:100%;
	padding:0;
	margin:7% auto 0 auto;
	justify-content:space-between;
	}
#connect li{
	list-style:none;
	width:auto;
}
#connect li a{
	background:#fff;
	border:1px #333 solid;
	width:90px;
	height:90px;
	margin:0 auto;
	border-radius:50%;
	position:relative;
	display:block;
	font-size:14px;
	line-height:1.5;
}

#connect li a:hover{
	background:#ffe000;
}

/*記事ページ*/
	
.single .main{
	width:100%;
	margin:20% 0 0 0;
	padding:10% 0 0 0;
}
	
.article{
	width:90%;
	padding:10%;
	margin:10% 10% 0 0;
	border-radius:0 50px 50px 0;
	border:1px #333 solid;
	border-left:none;
}
.article img{
	border-radius:40px;
}
.pager-post-navi{
	display:none;
}
	
/*関連記事*/
.related-list {
	width:auto;
	box-sizing:border-box;
	display:block;
	margin:0 10% 0 10%;
}
.related-list .related-entry-card-wrap {
  padding:6%;
	margin:0 0 10% 0;
	border:1px #333 solid;
	border-radius:30px;
	box-shadow: 10px 10px #333;
	background:#ffe000;
	box-sizing:border-box;
	width:100%;
}
.related-list .related-entry-card-wrap img{
	border-radius:20px;
}
.a-wrap:hover {
  background-color:  rgba(255, 255, 255, 0.9);
}
.related-list .related-entry-card-wrap .e-card-title{
	font-size:12px;
	font-weight:400;
	padding:7px 0 0 0;
}
	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}