/*
TAKIブログ : テーマ, キーワード
TAKI Magazine : カテゴリー
*/



/* Blog sidebar */
.newBlog_wrap .newBlog_sidebar {
	/* padding: 50px 50px; */
	padding: 50px 0;
}
.newBlog_wrap .newBlog_sidebar ul {
	display: flex;
	justify-content: space-between;
}
.newBlog_wrap .newBlog_sidebar>ul>li {
	/* width: 48%; */

	width: 100%;
	background: #fff;
	position: relative;
	transition: all .3s;

	border: 1px solid #F5F5F5;
}
.newBlog_wrap .newBlog_sidebar>ul>li .acc_sTitle {
	border-left: 5px solid #000;
	/* padding: 6.4103% 3.8462% 6.4103% 7.6923%; */

	padding: 30px 15px 30px 35px;

	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}
.newBlog_wrap .newBlog_sidebar ul li .acc_sTitle p {
	font-size: 20px;
	font-weight: bold;
}
.newBlog_wrap .newBlog_sidebar ul li .acc_sTitle span {
	margin: 0;
	padding: 0;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff100;
	margin-right: 0;
	position: relative;
}
.newBlog_wrap .newBlog_sidebar ul li .acc_sTitle span:before, 
.newBlog_wrap .newBlog_sidebar ul li .acc_sTitle span:after {
   content: "";
   display: block;
   width: 9px;
   height: 1px;
   background: #000;
   position: absolute;
   top: 50%;
   transition: transform .5s;
}
.newBlog_wrap .newBlog_sidebar ul li .acc_sTitle span:before {
	right: 13px;
	transform: rotate(45deg);
}
.newBlog_wrap .newBlog_sidebar ul li .acc_sTitle span:after {
	right: 7px;
	transform: rotate(-45deg);
}

.newBlog_wrap .newBlog_sidebar ul li .acc_sContent {
	border-top: 1px solid #f5f5f5;
	background: #ffffff;
  width: 100%;
	transform: scaleY(0);
  transform-origin: center top;
	transition: all .3s;
	position: absolute;
	z-index: 1;
	height: 0;
	overflow: hidden;
}
.newBlog_wrap .newBlog_sidebar ul li:hover .acc_sContent {
	transform: scaleY(1);
	height: auto;
}
.newBlog_wrap .newBlog_sidebar ul .acc_sContent ul {
	display: block;
	width: 100%;
	padding: 30px;

	display: flex;
	flex-wrap: wrap;
	gap: 15px 0;
}
/* .newBlog_wrap .newBlog_sidebar ul .acc_sContent ul li {
	width: 100%;
}
.newBlog_wrap .newBlog_sidebar ul .acc_sContent ul h2 {
	display: none;
} */
.newBlog_wrap .newBlog_sidebar ul .acc_sContent ul li {
	position: relative;
	width: 32%;
}
/* .newBlog_wrap .newBlog_sidebar ul .acc_sContent ul ul li::before {
	display: inline-block;
	content: "■";
	padding-right: 0.3em;
} */
.newBlog_wrap .newBlog_sidebar .widget_tag_cloud a {
	font-size: 16px !important;
}
.newBlog_wrap .newBlog_sidebar ul .acc_sContent ul li a {
	position: relative;
	z-index: 2;
	display: inline-block;
	width: fit-content;
	/* text-decoration: none; */

	text-decoration: underline;
}

/* .newBlog_wrap .newBlog_sidebar ul .acc_sContent ul ul li a::after{
	content: "";
	width: 100%;
	height: 7px; 
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	transition: all .3s ease;
	background: linear-gradient(#fff100, #fff100) 0 100%/0 7px no-repeat;
}
.newBlog_wrap .newBlog_sidebar ul .acc_sContent ul ul li a:hover::after{
	background-size: 100% 7px !important;
} */

/*キーワードメニューの中身*/
.newBlog_wrap .newBlog_sidebar .acc_sContent{
	box-sizing: border-box;
	width: 100%;
  background: #fff;
  position: relative;
  transition: all .3s;
	box-sizing: border-box;
}
/* .newBlog_wrap .newBlog_sidebar .acc_sContent.blog-key ul{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px 14px;
}
@media screen and (min-width: 768px) {
	.newBlog_wrap .newBlog_sidebar .acc_sContent.blog-key ul{
		padding: 30px;
		text-align: left;
	}
}
.newBlog_wrap .newBlog_sidebar .acc_sContent.blog-key ul .tag_cloud a span{
	text-decoration: none;
	color: inherit;
	padding-bottom: 5px;
}

.newBlog_wrap .newBlog_sidebar .acc_sContent.blog-key ul .tag_cloud a span{
	background:
        linear-gradient(
          to right, rgba(255, 128, 0, 0), rgba(255, 128, 0, 0)
        ),
        linear-gradient(
          to right, #fff100, #fff100
        );
      background-size: 100% 0.5em, 0 0.5em;
      background-position: 100% 100%, 0 100%;
      background-repeat: no-repeat;
      transition: background-size .3s ease;
	  z-index: -1;
}
.newBlog_wrap .newBlog_sidebar .acc_sContent.blog-key ul .tag_cloud a span:hover,
.newBlog_wrap .newBlog_sidebar .acc_sContent.blog-key ul .tag_cloud a span:focus{
	background-size: 0 5em, 100% 0.5em;
} */

.newBlog_wrap .newBlog_sidebar ul .acc_sContent ul .widget_tag_cloud{
	box-sizing: border-box;
}
.newBlog_wrap .newBlog_sidebar ul .acc_sContent ul .widget_tag_cloud .tagcloud{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px 14px;
}
@media screen and (min-width: 768px) {
	.newBlog_wrap .newBlog_sidebar ul li .acc_sTitle:hover span:before {
		transform: rotate(-45deg);
	 }

	.newBlog_wrap .newBlog_sidebar ul li .acc_sTitle:hover span:after {
		transform: rotate(45deg);
	}
}

@media screen and (max-width: 768px) {
	.newBlog_wrap .newBlog_sidebar {
		padding: 6.6667vw 4.5333vw;
	}
	.newBlog_wrap .newBlog_sidebar ul {
		flex-direction: column;
	}
	.newBlog_wrap .newBlog_sidebar ul li {
		width: 90.9333vw;
		margin: 0 auto;
	}
	/* .newBlog_wrap .newBlog_sidebar ul li + li {
		margin-top: 6.6667vw;
	} */

	.newBlog_wrap .newBlog_sidebar ul li .acc_sTitle {
		border-left: 1.3333vw solid #000;
		padding: 6vw 3.3333vw 6vw 6.6667vw;
	}
	.newBlog_wrap .newBlog_sidebar ul li .acc_sTitle p {
		font-size: 4.8000vw;
	}
	.newBlog_wrap .newBlog_sidebar ul li .acc_sTitle span {
		width: 7.3333vw;
		height: 7.3333vw;
	}
	.newBlog_wrap .newBlog_sidebar ul li .acc_sTitle span:before, 
	.newBlog_wrap .newBlog_sidebar ul li .acc_sTitle span:after {
		width: 2vw;
	}
	.newBlog_wrap .newBlog_sidebar ul li .acc_sTitle span:before {
		right: 3.4vw;
	}
	.newBlog_wrap .newBlog_sidebar ul li.on .acc_sTitle span:before {
		transform: rotate(-45deg);
 	}
	
	.newBlog_wrap .newBlog_sidebar ul li .acc_sTitle span:after {
		right: 2vw;
	}
	.newBlog_wrap .newBlog_sidebar ul li.on .acc_sTitle span:after {
		transform: rotate(45deg);
 	}
 

	.newBlog_wrap .newBlog_sidebar ul li .acc_sContent {
		transform: none;
		transform-origin: inherit;
    transition: auto;
		position: relative;
		height: auto;
	}
	.newBlog_wrap .newBlog_sidebar ul li:hover .acc_sContent {
		transform: none;
	}
	.newBlog_wrap .newBlog_sidebar ul .acc_sContent ul {
		padding: 8vw 4vw;
		gap: 4vw 0;
	}
	.newBlog_wrap .newBlog_sidebar ul .acc_sContent ul li {
		width: 100%;
	}
	.newBlog_wrap .newBlog_sidebar ul .acc_sContent ul ul {
		padding: 6.6667vw;
	}
	.newBlog_wrap .newBlog_sidebar ul .acc_sContent ul ul li + li {
		margin-top: 2.6667vw;
	}
	.newBlog_wrap .newBlog_sidebar .widget_tag_cloud {
		text-align: left;
	}
	.newBlog_wrap .newBlog_sidebar .widget_tag_cloud a {
		font-size: 3.43vw !important;
		margin: 0 2vw 2.4vw 0;
	}

	.newBlog_wrap .newBlog_sidebar ul .acc_sContent ul .widget_tag_cloud .tagcloud{
		gap: 0 14px;
	}

	.newBlog_wrap .newBlog_sidebar .acc_sContent.blog-key{
		padding: 30px 15px;
	}

	.newBlog_wrap .newBlog_sidebar .acc_sContent.blog-key li + li{
		margin-top: 0;	
	}
}



/*
更新：2025.02
TAKI Magazine
*/
.newMaga_wrap .newBlog_wrap .newBlog_sidebar {
  padding: 30px 0 100px;
  background: #fff;
}
.newMaga_wrap .newBlog_wrap .newBlog_sidebar>ul {
  justify-content: flex-end;
}
.newMaga_wrap .newBlog_wrap .newBlog_sidebar>ul>li {
  /* width: 50%; */
  border: 1px solid #BFBFBF;
  box-sizing: border-box;
}
.newMaga_wrap .newBlog_wrap .newBlog_sidebar>ul>li .acc_sContent {
  /* border: 1px solid #BFBFBF;
  margin-left: 1px; */
}
.newMaga_wrap .newBlog_wrap .newBlog_sidebar .acc_sContent ul {
  padding: 30px;
  text-align: left;
  /* display: block; */
}
.newMaga_wrap .newBlog_wrap .newBlog_sidebar .acc_sContent ul li {
  margin-bottom: 15px;
  position: relative;
}
/* .newMaga_wrap .newBlog_wrap .newBlog_sidebar .acc_sContent ul li::before {
  display: inline-block;
  content: "■";
  padding-right: 0.3em;
} */
.newMaga_wrap .newBlog_wrap .newBlog_sidebar .acc_sContent ul li:last-child {
  margin-bottom: 0;
}
/* .newMaga_wrap .newBlog_wrap .newBlog_sidebar .acc_sContent ul li a span {
  background: linear-gradient(to right, rgba(255, 128, 0, 0), rgba(255, 128, 0, 0)), linear-gradient(to right, #fff100, #fff100);
  background-size: 100% 0.5em, 0 0.5em;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size .3s ease;
  z-index: -1;
}
.newMaga_wrap .newBlog_wrap .newBlog_sidebar .acc_sContent ul li a span:hover, 
.newMaga_wrap .newBlog_wrap .newBlog_sidebar .acc_sContent ul li a span:focus {
  background-size: 0 5em, 100% 0.5em;
} */
.newMaga_wrap .newBlog_wrap .newBlog_sidebar p.notes {
	color: #333;
	text-align: right;
	margin-top: 10px;
}
@media screen and (max-width: 768px) {
	.newMaga_wrap .newBlog_wrap .newBlog_sidebar {
		padding: 8vw 0 10.6667vw;
	}
	.newMaga_wrap .newBlog_wrap .newBlog_sidebar>ul>li {
		width: 100%;
	}
	.newMaga_wrap .newBlog_wrap .newBlog_sidebar>ul>li .acc_sContent {
		border: 1px solid #BFBFBF;
		margin-left: 0;
	}
	.newMaga_wrap .newBlog_wrap .newBlog_sidebar .acc_sContent.blog-key {
		padding: 0;
		border: none;
		border-top: 1px solid #BFBFBF;
	}
	.newMaga_wrap .newBlog_wrap .newBlog_sidebar .acc_sContent ul {
		padding: 6.6667vw;
	}
	.newMaga_wrap .newBlog_wrap .newBlog_sidebar .acc_sContent ul li {
		margin-bottom: 2.6667vw;
	}
}