@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body{
	font-family: "Roboto", sans-serif !important;	
}
.p-postSlider__title{
	font-family: "Raleway", sans-serif !important;
	font-size:2em;
}
.l-topTitleArea__body,.l-topTitleArea .c-categoryList, .l-topTitleArea .c-tagList,.l-topTitleArea .c-categoryList__link, .l-topTitleArea .c-tagList__link{
	color:var(--color_text) !important;
}
.l-topTitleArea .c-postTitle__date{
	border-color:var(--color_text);
}
.l-topTitleArea .c-categoryList__link{
	border:1px solid var(--color_text);
}
.l-topTitleArea .c-tagList__link{
    border-bottom: 1px solid var(--color_text);
}

.new-mark .p-postList__link:has(.c-postThumb)::before {
	content: "";
	top: 0;
	left: 0;
	border-bottom: 3rem solid transparent;
	border-left: 3rem solid red;
	position: absolute;
	z-index: 10;
}

.new-mark .p-postList__link:has(.c-postThumb)::after {
	content: "New!";
	top: 7px;
	left: 0px;
	transform: rotate(-45deg);
	color: #fff;
	position: absolute;
	z-index: 10;
	font-size: .8em;
	font-weight: 700;
	/* ホバー時のチラつき対策 */
	-webkit-font-smoothing: antialiased;
}
/* テキスト型（-type-big）にはNEWリボンを表示しない */
.p-postList.-type-big .new-mark .p-postList__link:has(.c-postThumb)::before,
.p-postList.-type-big .new-mark .p-postList__link:has(.c-postThumb)::after {
  display: none !important;
}
/* テキスト型（-type-big）でタイトルの前にNEWバッジを表示 */
@keyframes blinkSlow {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

.p-postList.-type-big .new-mark .c-postTitle__ttl::before {
  content: "NEW";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5em;
  padding: 0.1em 0.5em;
  background: #ff0000;
  color: #fff;
  font-size: 0.65em;
  font-weight: 700;
  border-radius: 9999px;
  height: 1.2em;
  line-height: 1;
  vertical-align: middle;
  transform: translateY(-0.05em);

  /* 🔔 点滅アニメーション追加 */
  animation: blinkSlow 2.5s ease-in-out infinite;
}
.wp-calendar-table #today{
	background:#a5c8fb
}
[data-scrolled=false] #header .l-header__logo{
	display:none;
}
.c-headLogo__img {
    width: 340px !important;
    height: auto !important;
    display: inline-block !important;
}
.p-mainVisual__textLayer.l-container{
	max-width:none;
} 
.p-mainVisual__textLayer{
	left:65%;
	height:100%;
	justify-content:flex-start;
	margin-top:1.5vw;
}
[data-partsid="107"] {
	width:12vw !important;
	height:auto !important;
}
@media (max-width:959px){
	[data-partsid="107"] {
	width:20vw !important;
	}
	.p-mainVisual__textLayer{
	left:60%;
	margin-top:4vw;
}
}