@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=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');

:root{
	--sub-color:#FFF100;
}
*{
  font-family: "Zen Maru Gothic", sans-serif;
  font-style: normal;
	letter-spacing:0.3em;
}

.font-zenkaku{
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-style: normal;
}

.post_content .title-01{
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-style: normal;
	font-size: min(4rem, 10vw);
	color:var(--color_main);
	position:relative;
	margin-left: 43px;
	text-shadow: 5px 4px #FFFFFF;
	letter-spacing:0.3em;
}
.post_content .title-01::before{
	content:"";
	width:69px;
	height:64px;
	border-radius:50%;
	background:var(--sub-color);
	position:absolute;
	left: -43px;
	top:50%;
	transform:translatey(-50%);
	z-index:-1;
}
.is-textshadow{
	text-shadow: 2px 5px var(--sub-color);
}
.suwapon-border{
	border-radius:20px;
}

.suwapon-border h2:first-child,
.suwapon-border h3:first-child{
	margin-top: -59px !important;
	text-shadow: 2px 5px #FFFFFF;
	letter-spacing:0.3em;
}