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

/* 汎用
   フォント設定 */
body{
	font-weight: 500;
}

/* 汎用css */
.is-show{
	display: block !important;
}
.is-hide{
	display: none !important;
}

.sp_only_content{
	display: block;
}
.sp_only_display{
	display: block;
}
.pc_only_display{
	display: none;
}
.display_none{
	display: none;
}

table{
	font-size: 85%;
}
.cap_box_content{
	font-size: 90%;
}

@media (width > 499px){
	.sp_only_content{
		display: none;
	}
} 
@media (width > 767px){
	.sp_only_display{
		display: none;
	}
	.pc_only_display{
	display: block;
	 }
} 

/* 共通
   スマホ ページTOPへ移動する画面右下のボタン */
.c-fixBtn{
	color: #5f88f4;
	border-color: #5f88f4;
}


/*スマホ
  ハンバーガーメニューのカラー*/
#header .icon-menu-thin:before{
	color: var(--color_main);
}

/* 共通
   スマホ開閉メニュー内 タイトル */
#sp_menu .c-widget__title.-spmenu{
	background-color: #859ddc;
    background: linear-gradient(to right, #5fcfca 0%, #789af4 50%, #9e79eb 100%);
	border-radius: 4px;
}
/* 共通
   スマホ開閉メニュー内 外観>メニュー で表示される方のタイトルを非表示 */
#sp_menu .p-spMenu__body > .c-widget__title.-spmenu{
	display:none;
}
#sp_menu .p-spMenu__body > .c-widget__title.-spmenu + .p-spMenu__nav{
	display:none;
}
#sp_menu .p-spMenu__bottom{
	margin-top: 0;
}

/* 共通
   スマホ開閉メニュー内 ＞アイコン */
#sp_menu .c-gnav #sp_menu .sub-menu a:before, #sp_menu .c-listMenu a:before{
	color: #7aa19a;
}


/* 共通
   スマホ ヘッダー*/
#header{
	height: 64px;
}

/* 共通
   pc ヘッダー*/
@media (width > 959px){
	#header{
		height: 80px;
	}
}
/* 共通
   スマホヘッダー検索ボタン */
.icon-search:before{
	content: url(images/icon_serch.svg);
	width: 24px;
	height: 24px;
}

/* 共通
   スマホヘッダー検索ボタン */
.c-iconBtn{
	height: 64px;
}

/* 共通
   PCヘッダー検索ボタン */
@media (width > 959px){
	.c-iconBtn{
		height: 100%;
	}

	.c-gnav__sBtn .icon-search{
		width: 28px;
		height: 28px;
		margin-top: 22px;
	}
}

/* 共通
   スマホ ロゴ　*/
.-img .c-headLogo__link{
	padding: 0;
	margin-top: 10px;
}
.l-header__logo{
	position: absolute;
	padding: 0;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
}
.l-header__logo img{
	height: 48px;
}

/* 共通
   PC ロゴ　*/
@media (width > 959px){
	.-series .l-header__logo{
		margin-top: 22px;
		padding: 0;
	}
	.-img .c-headLogo__link{
	margin-top: 0;
	}
	.l-header__logo img{
		height: 36px;
	}
}

/* 共通
   スマホ 検索モーダル*/
.p-searchModal__inner .u-bg-main{
	background-color: #5f88f4 !important;
}
.p-searchModal__inner form, .p-searchModal__inner form input{
	outline-color: #5f88f4;
}
.p-searchModal__inner .icon-search:before{
	color: #fff;
}

.p-searchModal__inner .icon-search:before{
	content: url(images/icon_serch_w.svg);
}

/* TOPページ
   スマホメインビジュアル キャッチコピー */
.p-mainVisual__textLayer{
	padding: 0;
	justify-content: end;
}
.p-mainVisual__textLayer .p-mainVisual__slideTitle{
	position: relative;
	bottom: 0;
	left: 0;
	text-shadow: none;
}
.p-mainVisual__textLayer .catchcopy_background_container{
	position: absolute;
	display: inline-block;
	padding: 2vw 4.1vw 2vw 5.12vw;
    margin: 0;
	font-size: 11.5vw;
	font-weight: bold;
	line-height: 1;
	text-align: left;
	-moz-transform: matrix( 0.74126891895174,-0.06485262703239,0,0.74126891895174,0,0);
	-webkit-transform: matrix( 0.74126891895174,-0.06485262703239,0,0.74126891895174,0,0);
	-ms-transform: matrix( 0.74126891895174,-0.06485262703239,0,0.74126891895174,0,0);
	background: #ffffff;
	border-radius: 8px;
	bottom: 0;
	left: 0;
}
.p-mainVisual__textLayer .catchcopy_background_container:first-child{
	bottom: 28vw;
    left: -7.7vw;
	transition: left 0.01s ease;
}
.p-mainVisual__textLayer .catchcopy_background_container:nth-child(2){
	bottom: 16.4vw;
    left: -13vw;
	transition: left 0.01s ease;
}
.p-mainVisual__textLayer .catchcopy_background_container:nth-child(3){
	bottom: 3.5vw;
    left: -11vw;
	transition: left 0.01s ease;
}

.p-mainVisual__textLayer .catchcopy{
	display: inline-block;
	color: transparent; 
	background: rgb(89,245,231);
	background: linear-gradient(45deg, rgba(89,245,231,1) 0%, rgba(21,236,198,1) 10%, rgba(52,202,243,1) 29%, rgba(59,151,254,1) 59%, rgba(158,83,242,1) 100%);
    -webkit-background-clip: text;
	font-feature-settings: "palt";
}
.p-mainVisual__textLayer .catchcopy_background_container:first-child .catchcopy{
	background: linear-gradient(45deg, #35c6f4, #4d8ffd);
	-webkit-background-clip: text;
}
.p-mainVisual__textLayer .catchcopy_background_container:nth-child(2) .catchcopy{
	background: linear-gradient(45deg, #b1eef1 0%, #36c4f5 20%, #31a5fc 60%, rgba(158,83,242,1) 100%);
	-webkit-background-clip: text;
}
.p-mainVisual__textLayer .catchcopy_background_container:nth-child(3) .catchcopy{
	background: linear-gradient(45deg, #37efd1 0%, #1ee1d5 20%, #36baf7 50%, #31a5fc 60%, #4792fe 100%);
	-webkit-background-clip: text;
}

.p-mainVisual__textLayer .kana{
	font-size: 10.8vw !important;
}

/* TOPページ
   タブレットメインビジュアル キャッチコピー */
@media (width > 767px){
	.p-mainVisual__textLayer .catchcopy_background_container{
		padding: 8px 16px 8px 16px;
		font-size: 55.85px;
	}
	.p-mainVisual__textLayer .catchcopy_background_container:first-child{
		bottom: 122px;
		left: -15px;
	}
	.p-mainVisual__textLayer .catchcopy_background_container:nth-child(2){
		bottom: 70px;
		left: -38px;
	}
	.p-mainVisual__textLayer .catchcopy_background_container:nth-child(3){
		bottom: 10px;
		left: -32px;
	}
	.p-mainVisual__textLayer .kana{
	font-size: 52.75px !important;
	}
}

@media (width > 959px){
	.p-mainVisual__textLayer .catchcopy_background_container:first-child{
		bottom: 122px;
		left: -9px;
	}
	.p-mainVisual__textLayer .catchcopy_background_container:nth-child(2){
		bottom: 70px;
		left: -32px;
	}
	.p-mainVisual__textLayer .catchcopy_background_container:nth-child(3){
		bottom: 10px;
		left: -26px;
	}
}

/* TOPページ
   PCメインビジュアル キャッチコピー */
@media (width > 1200px){
	.p-mainVisual__slideTitle{
		width: 1200px;
		margin: 0 auto;
	}
	.p-mainVisual__textLayer .catchcopy_background_container:first-child{
		bottom: 152px;
		left: 11px;
	}
	.p-mainVisual__textLayer .catchcopy_background_container:nth-child(2){
		bottom: 100px;
		left: -12px;
	}
	.p-mainVisual__textLayer .catchcopy_background_container:nth-child(3){
		bottom: 40px;
		left: -7px;
	}
}



/* TOPページ 
   スマホサブキャッチコピー*/
.sub_catchphrase_wrapper{
	background: linear-gradient(to right, #56eee6, #9b6dfa);
}
.sub_catchphrase{
	max-width: 1200px;
	margin: 0 auto;
	padding: 3vw 2vw 0;
	color: #fff;
	font-size: min(4.1vw, 16px);
	font-weight: bold;
	font-feature-settings: "palt";
	letter-spacing: 0.15vw;
}
/* TOPページ 
   サブキャッチコピー*/
@media ( width > 599px ){
	.sub_catchphrase{
		padding: 16px 16px 0;
		font-size: 16px;
	}
}


/* TOPページ 
   コンテンツ切り替えタブ */
.top_tab_wrapprer{
	background: linear-gradient(to right, #56eee6, #9b6dfa);
}
.top_tab_container{
	max-width: 1200px;
	margin: 0 auto;
}
.top_tab_list{
	display: grid;
	padding: 5.12vw 2vw 0;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 2.56vw;
}

.top_tab_list_item{
	display: flex;
	height: 12.3vw;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: linear-gradient(to bottom, #a7a7a7, #a6a6a6, #868686);
	font-size: min(4.1vw, 18px);
	font-feature-settings: "palt";
	font-weight: bold;
	border-radius: 4px 4px 0 0;
}
.top_tab_list_item.active{
	color: #5f88f4;
	background: #fff;
}
.top_tab_list_item:hover{
	opacity: 0.8;
}
.top_tab_list_item.active:hover{
	opacity: 1;
}

.tab_content{
	display: none;
}
.tab_content.is-show{
	display: block;
}
@media (width > 767px){
	.top_tab_list{
		grid-template-columns: repeat(4, 115px);
	}
	.top_tab_list{
		column-gap: 16px;
	}
}
@media (width > 599px){
	.top_tab_list{
		padding: 24px 16px 0;
	}
	.top_tab_list_item{
		height: 48px;
	}
}


/* 共通
   サイドバー ウィジェットタイトル*/
#sidebar .widget_categories>ul>.cat-item>a:before, .wp-block-categories-list>li>a:before{
	color: #5f88f4;
}


/* 共通
   サイドバー 検索 */
#sidebar #block-15 > form > .wp-block-search__inside-wrapper > input{
	border-radius: 4px 0 0 4px;
}
#sidebar #block-15 > form > .wp-block-search__inside-wrapper > button{
	color: #fff;
	background-color: #5f88f4;
	border-radius: 0 4px 4px 0;
}
#sidebar #search-2 > form > .icon-search:before{
	content: url(images/icon_serch_w.svg);
}

/* 共通
   サイドバー 目次 */
#sidebar ol.p-toc__list > li:before{
	font-weight: bold;
}
#sidebar ol.p-toc__list > li > a{
	font-weight: bold;
}

/* 共通
   サイドバー 見出しデザイン */
#sidebar .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)){
	color: #333;
	background:none;
}
#sidebar .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: min(1vw, 5px); 
	border-radius: 5px;
	background: linear-gradient(to right, #56eee6, #9b6dfa);
}

/*共通
  メインコンテンツ 目次 */
.p-toc.-capbox .p-toc__ttl{
	background-color: #7092e9;
}
.p-toc.-capbox{
	border:1px solid #7092e9;
	border-radius:4px;
}

/* 共通
   メインコンテンツ 見出しデザイン */
#single_page .c-pageTitle[data-style=b_bottom], #page .c-pageTitle[data-style=b_bottom]{
	border: none;
}
#single_page .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner::after , #page .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner::after{
	content: '';
	display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
	/*
    height: min(1vw, 8px);
    border-radius: 8px;
    background: linear-gradient(to right, rgba(255, 95, 133, 1) 0%, rgba(248, 127, 118, 1) 41%, rgba(252, 207, 86, 1) 100%);
	*/
}

#single_page .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner, #page .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner{
	position: relative;
	width: 100%;
	padding: .25em .15em;
	font-size: 1.4em;
}

@media (min-width: 600px) {
	#single_page .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner, #page .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner{
	padding: .25em 0;
	font-size: 1.45em;
	}
}

#single_page .post_content h1:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)), #page .post_content h1:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)){
	line-height:1.55;
}

#single_page .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)), #page .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)){
	padding: 5px 0.7em;
	color: #fff;
	border-radius: 4px;
	background-color: #859ddc;
    background: linear-gradient(to right, #5fcfca 0%, #789af4 50%, #9e79eb 100%);
	line-height:1.55;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
#single_page .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before, #page .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before{
	border: none;
}

#single_page .post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)), #page .post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)){
	color: #333;
	background: none;
}
#single_page .post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before, #page .post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before{
	border: none;
	background: none;
}

#single_page .post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::after, #page .post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::after{
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: min(1vw, 5px);
    border-radius: 5px;
    background: linear-gradient(to right, #56eee6, #9b6dfa);
}
#single_page .post_content h4:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)), #page .post_content h4:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)){
	padding: 0 .5em .5em;
	border-left: none;
}
#single_page .post_content h4:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::after, #page .post_content h4:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::after{
	content: "";
	display: inline-block;
	width: 100%;
	height: 2px;
	background: repeating-linear-gradient(90deg, #5f88f4 0%, #5f88f4 29.3%, rgba(150, 150, 150, .2) 29.3%, rgba(150, 150, 150, .2) 100%);
}
#single_page h5, #page h5{
	padding: 0 0 0 16px;
    border-left: solid 2px #5f88f4;
}


/* 共通
   ナビゲーション カラー */
.p-pnLinks .-prev .p-pnLinks__link{
	border-left: 1.25em solid #5f88f4;
}

/* 共通
   記事ページ下部 [この記事を書いた人][関連記事]などのタイトルカラー */
.c-secTitle{
	border-left: solid 2px #5f88f4;
}

/* 共通
   関連記事 */
.p-relatedPosts.-type-card > li {
	margin: 0 .5em 1.5em;
	padding: 0;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
	border-radius:4px;
}

.p-relatedPosts.-type-card > li a img{
	border-radius: 4px 4px 0 0;
}

.p-relatedPosts.-type-card .p-postList__thumb{
	box-shadow: none;
}
.p-relatedPosts.-type-card .p-postList__thumb .p-postList__title{
	padding: 0 .5em;
}

.-type-card .p-postList__item {
    width: calc(50% - 1em);
}

@media screen and (min-width: 1240px) {
    .p-relatedPosts .p-postList__item {
        width: calc(25% - 1em);
    }
}
@media (min-width: 600px) {
    .p-relatedPosts .p-postList__item {
        width: calc(33.333333% - 1em);
    }
}
.-type-card .p-postList__body{
    padding: 0.8em 0.4em 0.5em;
}




/* アコーディオン（一部表示用） オリジナルパーツ--------------------------------------------------------------*/ 

.original_readmore {
    position: relative;
    margin: 0 auto 32px;
	padding: 0;
  }
  
  .original_readmore input[type="checkbox"]{
    display: none;
  }
  
  .original_readmore_content {
    position: relative;
    height: 130px;
    overflow: hidden;
	transition: height 0.3s ease;
  }
  
  .original_readmore input[type="checkbox"]:checked ~ .original_readmore_content {
    height: auto;
  }

  .original_readmore_content::before {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75px;
    background: linear-gradient( rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, #fff 100%);
	transition: background-color 0.3s ease;
	  z-index: 2;
  }
  
  .original_readmore input[type="checkbox"]:checked ~ .original_readmore_content::before {
    display: none;
  }

.original_readmore_upper{
	position:relative;
}

.original_readmore_upper{
	display: flex;
    align-items: center;
    background: #f7f7f7;
    padding: 1em;
    justify-content: space-between;
	cursor: pointer;
}

.original_readmore input[type="checkbox"]:checked ~ .original_readmore_upper .arrow {
  transform: rotate(180deg) scale(1, 0.65);/* 矢印を逆向きにする */
}

.original_readmore_upper .block-title{
	display: block;
	margin-bottom: 0;
	padding: 0 1em 0 0 !important;
	align-items: center;
    justify-content: space-between;
    font-size: 16px;
	font-weight: 400;
	color: #333;
	border-left: none;
	cursor: pointer;
}

.original_readmore_upper .block-title::after{
  content: none !important;
}

@media screen and (max-width: 599px) {
	.original_readmore_upper .block-title{
		font-size: 1em;
	}
} 

.original_readmore_upper .block-title::before{
	content:none;
}

.original_readmore_upper .arrow {
	font-size: 14px;
	transition: transform 0.3s ease;
	transform: scale(1, 0.65);
	color: #333;
	cursor: pointer;
	z-index: 2;
}

@media screen and (max-width: 599px) {
	.original_readmore_upper .arrow {
	font-size: 0.8em;
}
}


.original_readmore_content > *{
	padding: 1em;
}





/* 共通
   タグアイコン */
.c-tagList:before{
	color:var(--color_main);
}


/* SANGOのショートコードの補完 */
.center{text-align: center;}

/* コンバージョンボタン */
#page .btn.blue-bc, #single_page .btn.blue-bc{
	display:block;
	position:relative;
	width: auto;
	margin: 0 auto 1em;
	padding: .5em .5em .5em 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	border-radius:80px;
	background: linear-gradient(90deg, rgba(255, 95, 133, 1) 0%, rgba(248, 127, 118, 1) 41%, rgba(252, 207, 86, 1) 100%);
}
#page .accent-bc, #single_page .accent-bc{
	display:block;
	position:relative;
	width: auto;
	margin:0;
	padding: .75em 1.5em .75em 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	border-radius:80px;
	background:linear-gradient(90deg, #56eee6 0%, #9b6dfa 100%);
}

#page .btn.blue-bc::after, #single_page .btn.blue-bc::after, #page .accent-bc::after, #single_page .accent-bc::after{
	content: '';
    width: 8px;
    height: 8px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    right: 1em;
    top: calc((1.5em + (1em * 1.6)) / 2 - 4px);
    transform: rotate(45deg);
}
#page .accent-bc::after, #single_page .accent-bc::after{
	top: calc((1.5em + (1em* 1.6)) / 2 - 5px);
	transform: rotate(135deg);
}
#page a.btn, #single_page a.btn, #page a.accent-bc, #single_page a.accent-bc{
	box-shadow: 0 2px 2px rgba(0, 0, 0, .1), 0 4px 8px -4px rgba(0, 0, 0, .2);
	font-weight: 700;
    transition: box-shadow .25s;
}

#page a.btn:hover, #single_page a.btn:hover, 
#page a.accent-bc:hover, #single_page a.accent-bc:hover{
	box-shadow:0 4px 12px rgba(0,0,0,.1),0 12px 24px -12px rgba(0,0,0,.2)
}

@media (width > 599px){
	#page .btn.blue-bc, #single_page .btn.blue-bc, #page .accent-bc, #single_page .accent-bc{
		max-width: max(80%, 100px);
		margin: 0 auto;
		padding: .75em 2em .75em 1.5em
	}
}

.p-toc .p-toc__expandBtn{
	background:#f7f7f7;
}

/* 吹き出し */
#page .sgb-block-say, #single_page .sgb-block-say{
	margin: 1.5em 0;
    min-height: 90px;
    padding-top: 5px;
    position: relative;
    width: 100%;
}
@media only screen and (min-width: 481px) {
    #page .sgb-block-say, #single_page .sgb-block-say {
        padding-top: 15px;
    }
}
#page .b-block-say, #single_page .b-block-say{
    margin: 1.5em 0;
    min-height: 90px;
    padding-top: 5px;
    position: relative;
    width: 100%;
}
@media only screen and (min-width: 481px) {
    #page .b-block-say, #single_page .b-block-say {
        padding-top: 15px;
    }
}

#page .sgb-block-say-avatar, #single_page .sgb-block-say-avatar{
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 70px;
}
@media only screen and (min-width: 481px) {
    #page .sgb-block-say-avatar, #single_page .sgb-block-say-avatar {
        width: 80px;
    }
}

#page .sgb-block-say-avatar img, #single_page .sgb-block-say-avatar img{
    border-radius: 50%;
    height: 80px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 80px;
}
#page .sgb-block-say-avatar__name, #single_page .sgb-block-say-avatar__name{
	font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    margin-top: -4px;
}
#page .sgb-block-say-text__content, #single_page .sgb-block-say-text__content{
	background: #fff;
    border: 2px solid #d5d5d5;
    border-radius: 12px;
    display: inline-block;
    padding: 13px;
    position: relative;
    text-align: left;
    word-break: break-all;
	color: #333;
    border-color: #d5d5d5;
    background-color: #fff;
}
@media only screen and (min-width: 769px) {
    #page .sgb-block-say-text__content, #single_page .sgb-block-say-text__content {
        padding: 10px 20px;
    }
}

#page .sgb-block-say-text, #single_page .sgb-block-say-text{
	font-size: .95em;
    padding-left: 90px;
    width: 100%;
}
@media only screen and (min-width: 481px) {
    #page .sgb-block-say-text, #single_page .sgb-block-say-text{
        padding-left: 100px;
    }
}

#page .say, #single_page .say{
	display: table;
	overflow: hidden;
	width: 100%;
	margin: 1.5em 0;
}
#page .say > p, #single_page .say > p{
    margin: 0 0 0.8em;
    line-height: 1.75em;
}
#page .faceicon, #single_page .faceicon{
    display: table-cell;
    width: 108px;
    padding-right: 20px;
    text-align: center;
}
@media (max-width: 767px) {
    #page .faceicon, #single_page .faceicon {
        width: 86px;
    }
}
#page .faceicon >img, #single_page .faceicon >img{
	box-shadow: none;
    margin: 0;
}

#page .faceicon > span, #single_page .faceicon > span{
	font-size: 11px;
    font-weight: bold;
    margin-top: 8px;
    line-height: 1.4;
    display: block;
}
#page .chatting, #single_page .chatting{
	display: table-cell;
    position: relative;
    width: calc(100% - 100px);
    font-size: 0.95em;
    vertical-align: top;
}
#page .chatting .sc, #single_page .chatting .sc{
	display: inline-block;
	padding: 13px;
	margin: 0 0 0em;
	border: solid 2px #d5d5d5;
	border-radius: 12px;
	background: #fff;
	text-align: left;
	word-break: break-word;
	font-size: 1em;

}
#page .chatting .sc::before, #single_page .chatting .sc::before{
	display: inline-block;
    position: absolute;
    top: 18px;
    left: -23px;
    border: 12px solid transparent;
    border-right: 12px solid #d5d5d5;
    content: "";
}
#page .chatting .sc::after, #single_page .chatting .sc::after{
	display: inline-block;
    position: absolute;
    top: 18px;
    left: -20px;
    border: 12px solid transparent;
    border-right: 12px solid #fff;
    content: "";
}
#page .right, #single_page .right{
	text-align: right;
}
#page .right .faceicon, #single_page .right .faceicon{
	padding: 0 0 0 20px;
}

#page .right .chatting .sc:before, #single_page .right .chatting .sc:before{
    right: -23px;
    left: auto;
    border: 12px solid transparent;
    border-left: 12px solid #d5d5d5;
}
#page .right .chatting .sc:after, #single_page .right .chatting .sc:after{
    right: -20px;
	left: auto;
    border: 12px solid transparent;
    border-left-color: #fff;
}

@media only screen and (min-width: 481px) {
    #page .chatting, #single_page .chatting {
        padding-top: 15px;
        width: calc(100% - 130px);
    }
	#page .chatting .sc::before, #page .chatting .sc::after, #single_page .chatting .sc::before, #single_page .chatting .sc::after{
        top: 30px;
    }
}
@media only screen and (min-width: 768px) {
    #page .chatting .sc, #single_page .chatting .sc{
        padding: 20px;
    }
}

/* box */
#page .box0, #single_page .box0{
    margin-bottom: 1.5em;
    padding: 1em 1em 1em 2.5em;
    border: solid 2px var(--sgb-list-border-color, #e8e8e8);
    background-color: var(--sgb-list-box-color, none);
    box-shadow: var(--sgb-list-box-shadow, none);
    color: var(--sgb-list-color, inherit);
    border-radius: 3px;
}
#page .box0 .wp-block-list, #single_page .box0 .wp-block-list{
	padding-left: 0;
}

#page .box1, #single_page .box1 {
    margin: 2em 0;
    padding: 1.5em 1em;
    border: solid 2px #000;
    font-weight: bold;
}

#page .box2, #single_page .box2{
    margin: 2em 0;
    padding: 1.5em 1em;
    border: solid 2px #d1d1d1;
    border-radius: 5px;
    background: #fff;
}
#page .box3, #single_page .box3{
	margin: 2em 0;
    padding: 1.5em 1em;
    background: #edf6ff;
    color: #2c2c2f;
}

#page .sng-box, #single_page .sng-box{
	font-size: 0.94em;
}
#page .box7, #single_page .box7 {
    margin: 2em 0;
    padding: 1.5em 1em;
    border-right: double 7px #4ec4d3;
    border-left: double 7px #4ec4d3;
    background: whitesmoke;
    color: #474747;
}

#page .box8, #single_page .box8{
    margin: 2em 0;
    padding: 1.5em 1em;
    border-left: solid 6px #ffc06e;
    background: #fff8e8;
    color: #232323;
}

#page .box26, #page .box27, #single_page .box26, #single_page .box27 {
    margin: 2em 0;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
#page .box26 .box-title:before, #page .box27 .box-title:before, #single_page .box26 .box-title:before, #single_page .box27 .box-title:before {
    padding-right: 4px;
    font-family: FontAwesome;
    content: "\f02e";
}
#page .box26 .box-title, #page .box27 .box-title, #single_page .box26 .box-title, #single_page .box27 .box-title {
    display: inline-block;
    position: relative;
    top: -14px;
    left: 10px;
    padding: 0 9px;
    margin: 0 7px;
    background: #fff;
    color: #95ccff;
    font-size: 19px;
    line-height: 1.4;
}
#page .box26 .box-content, #page .box27 .box-content, #single_page .box26 .box-content, #single_page .box27 .box-content {
    padding: 0 1.5em 24px;
}

#page .box29, #single_page .box29{
    margin: 2em 0;
    border: solid 2px #ffc107;
}
#page .box29 .box-title:before, #single_page .box29 .box-title:before{
	padding-right: 4px;
	font-family: FontAwesome;
	font-family: "Font Awesome 5 Free" !important;
    content: "\f0eb";
}
#page .box-title, #single_page .box-title{
	font-weight: bold;
}
#page .box29 .box-title, #single_page .box29 .box-title{
	display: inline-block;
    position: relative;
    top: -2px;
    padding: 2px 9px;
    background: #ffc107;
    color: #fff;
    font-size: 17px;
    line-height: 1.5;
}
#page .box29 .box-content, #single_page .box29 .box-content {
    padding: 15px;
}
#page .box30, #page .box31, #single_page .box30, #single_page .box31{
	margin: 2em 0;
    padding: 0 15px 10px;
    background: #edf6ff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
#page .box32, #page .box33, #single_page .box32, #single_page .box33{
	margin: 2em 0;
    padding: 0 15px 10px;
    background: #fff9eb;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
#page .box30 .box-title, #page .box31 .box-title, #page .box32 .box-title, #page .box33 .box-title, #single_page .box30 .box-title, #single_page .box31 .box-title, #single_page .box32 .box-title, #single_page .box33 .box-title{
	margin: 0 -15px 15px;
    padding: 8px 4px;
    background: #5fc2f5;
    color: #fff;
    font-size: 1.2em;
    text-align: center;
    line-height: 1.5;
}
#page .box32 .box-title, #single_page .box32 .box-title{
    background: #f5a15f;
}
#page .box33 .box-title, #single_page .box33 .box-title{
    background: #f46b6b;
}
#page .sng-box>:first-child, #page .sng-box>:first-child .sgb-heading__inner, #single_page .sng-box>:first-child, #single_page .sng-box>:first-child .sgb-heading__inner{
	margin-top: 0;
}

#page .is-style-sango-paragraph-memo, #page .is-style-sango-paragraph-memo-alt, #single_page .is-style-sango-paragraph-memo, #single_page .is-style-sango-paragraph-memo-alt {
	position: relative;
	padding: 1em 1em 1em 64px;
    background-color: #fff9e5;
}

#page .is-style-sango-paragraph-memo:before, #single_page .is-style-sango-paragraph-memo:before{
    border-right: 1px solid #ffc16a;
    color: #ffc16a;
    content: "";
}

/* yoko2 */
#page .shtb2, #single_page .shtb2{
	display: table;
    table-layout: fixed;
    width: 100%;
    margin: 1.5em 0;
}
#page .shtb2 .cell:first-of-type, #single_page .shtb2 .cell:first-of-type{
	padding-right: 2%;
}

#page .shtb2 .cell, #single_page .shtb2 .cell{
	display: table-cell;
    width: 50%;
    vertical-align: top;
}

#page .cell > *:first-child, #single_page .cell > *:first-child{
    margin-top: 0 !important;
}

/* ランキングの王冠アイコン */
.fa-crown:before {
    content: "\f521";
}
/* font awesome */
.fa5 .hh30:before, .fa5 .hh31:before, .fa5 .hh32:before, .fa5 .hh34:before, .fa5 .box23:before, .fa5 .box23:after, .fa5 .box26 .box-title:before, .fa5 .box27 .box-title:before, .fa5 .box29 .box-title:before, .fa5 .box30 .box-title:before, .fa5 .li-chevron li:before, .fa5 .li-check li:before, .fa5 .li-yubi li:before, .fa5 .li-niku li:before, .fa5 .entry-content .quote_silver:after, .fa5 .reference .refttl:before, .fa5 .memo_ttl:before, .fa5 #toc_container .toc_title:before, .fa5 .ez-toc-title-container:before, .fa5 .cstmreba .kaerebalink-link1 a:before, .fa5 .booklink-link2 > div a:before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
}
.is-style-sango-paragraph-bad:before, .is-style-sango-paragraph-callout:before, .is-style-sango-paragraph-exclamation:before, .is-style-sango-paragraph-good:before, .is-style-sango-paragraph-idea:before, .is-style-sango-paragraph-memo:before {
    -webkit-font-smoothing: antialiased;
    font-family: Font Awesome\ 5 Free;
    font-size: 21px;
    font-style: normal;
    font-weight: 900;
    height: 30px;
    left: .8em;
    line-height: 30px;
    margin-top: -15px;
    padding-right: 14px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 30px;
}

.editor-styles-wrapper #breadcrumb li:after, .editor-styles-wrapper #breadcrumb li:first-child a:before, .editor-styles-wrapper #reply-title:before, .editor-styles-wrapper .divheader__btn .raised:before, .editor-styles-wrapper .entry-content blockquote:before, .editor-styles-wrapper .footer .widget ul:not(.my-widget) li a:before, .editor-styles-wrapper .has-fa-after:after, .editor-styles-wrapper .has-fa-before:before, .editor-styles-wrapper .widget ul li ul li a:before, .editor-styles-wrapper time.pubdate:before, .editor-styles-wrapper time.updated:before, .fa5 #breadcrumb li:after, .fa5 #breadcrumb li:first-child a:before, .fa5 #reply-title:before, .fa5 .divheader__btn .raised:before, .fa5 .entry-content blockquote:before, .fa5 .footer .widget ul:not(.my-widget) li a:before, .fa5 .has-fa-after:after, .fa5 .has-fa-before:before, .fa5 .widget ul li ul li a:before, .fa5 time.pubdate:before, .fa5 time.updated:before {
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
}

.fa5 .has-fa-before:before, .fa5 .has-fa-after:after, .fa5 #breadcrumb li:after, .fa5 #breadcrumb li:first-child a:before, .fa5 .divheader__btn .raised:before, .fa5 time.updated:before, .fa5 time.pubdate:before, .fa5 .entry-content blockquote:before, .fa5 .footer .wp-block-latest-posts li ul li a:before, .fa5 .footer .wp-block-latest-posts li a:before, .fa5 .footer .wp-block-page-list li ul li a:before, .fa5 .footer .wp-block-page-list li a:before, .fa5 .footer .wp-block-categories li ul li a:before, .fa5 .footer .wp-block-categories li a:before, .fa5 .widget ul li ul li a:before, .fa5 #reply-title:before, .fa5 .footer .widget ul:not(.my-widget):not(.profile-sns) li a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

#toc_container .toc_title, .entry-content .ez-toc-title-container, #footer_menu .raised, .pagination a, .pagination span, #reply-title:before, .entry-content blockquote:before, .main-c-before li:before, .entry-content .main-c-before li:before, .main-c-b:before, .entry-content .main-c-b:before {
    color: #feb6d5;
}


/* リストのアイコン */
.li-check ul{
	position: relative;
}
.li-chevron li, .li-check li, .li-yubi li, .li-niku li {
	position: initial;
    list-style-type: none !important;
    padding: 0.5em 0;
    line-height: 1.5;
}

#page .li-check li:before,  #single_page .li-check li:before{
    position: absolute;
	left: 0;
    color: #ffb03f;
    font-family: FontAwesome;
    content: "\f00c";
}

/* 下線 */
#page .keiko_yellow, #single_page .keiko_yellow{
    background: linear-gradient(transparent 50%, rgba(255, 252, 107, 0.69) 50%);
}

/* summaryの謎の矢印削除 */
#single_page summary.swell-block-accordion__title::before, #single_page summary.swell-block-accordion__title::after, #page summary.swell-block-accordion__title::before, #page summary.swell-block-accordion__title::after{
	content: none;
}
#page summary.swell-block-accordion__title:hover, #single_page summary.swell-block-accordion__title:hover{
	background: var(--color_gray);
}

#page details[open] summary.swell-block-accordion__title, #single_page details[open] summary.swell-block-accordion__title{
	background: var(--color_gray);
}

/* memo */
#page .memo, #single_page .memo {
    margin-bottom: 1.5em;
    padding: 1em;
    background: #fff9e5;
    color: #545454;
}
#page .memo_ttl, #single_page .memo_ttl{
    margin-bottom: 5px;
    color: #ffb36b;
    font-size: 1.2em;
    font-weight: bold;
}
#page .memo_ttl:before, #single_page .memo_ttl:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 3px 0 0;
    border-radius: 50%;
    background: #ffb36b;
    color: #fff;
    font-family: FontAwesome;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    content: "\f040";
}
#page .fa5 .memo_ttl:before, #single_page .fa5 .memo_ttl:before {
    content: "\f303";
    font-size: 17px;
}

#page .memo.alert, #single_page .memo.alert {
    background: #ffebeb;
}
#page .memo.alert .memo_ttl, #single_page .memo.alert .memo_ttl{
	color: #ff8376;
}

#page .memo.alert .memo_ttl:before, #single_page .memo.alert .memo_ttl:before{
	background: #ff8376;
    content: "\f12a";
}

.evaluation-content {background-color: #f8f9fa;}
.swell-block-accordion__title{
	line-height: 1.8;
}

/* tensen */
#page hr.dotted, #single_page hr.dotted {
	margin: 3em 0;
    border-top: dotted 2px #dadada;
    border-width: 2px 0 0 0;
	box-sizing: content-box;
    height: 0;
}

/* SANGO テーブル */
#page .is-style-sango-table-responsive tbody, #single_page .is-style-sango-table-responsive tbody{
	border: solid 2px #ddd;
}
#page .is-style-sango-table-responsive tr, #single_page .is-style-sango-table-responsive tr{
	border: none;
}
#page .is-style-sango-table-responsive td, #single_page .is-style-sango-table-responsive td{
	border-right: solid 2px #ddd;
	border-bottom: solid 2px #ddd;
}
#page .is-style-sango-table-responsive th, #single_page .is-style-sango-table-responsive th{
	border-right: solid 2px #ddd;
}
#page .is-style-sango-table-responsive th:last-child, #single_page .is-style-sango-table-responsive th:last-child{
	border-right: none;
}
#page .is-style-sango-table-responsive td:first-child, #single_page .is-style-sango-table-responsive td:first-child{
	border-left: solid 2px #ddd;
}
#page .is-style-sango-table-responsive tr:last-child td:last-child, #single_page .is-style-sango-table-responsive tr:last-child td:last-child{
    border-radius: 0 0 8px 0;
}
#page .is-style-sango-table-responsive tr:last-child td:first-child, #single_page .is-style-sango-table-responsive tr:last-child td:first-child{
    border-radius: 0 0 0 8px;
}

/* テーブルアイコン */
#page .sgb-table-icon, #single_page .sgb-table-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
	font-weight: 500;
    font-family: 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    speak: never;
    min-height: 40px;
    font-style: normal;
	font-weight: 500;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#page .sgb-table-icon:before, #single_page .sgb-table-icon:before {
    font-size: 2em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
#page .sgb-table-icon[data-type=double-circle]::before, #single_page .sgb-table-icon[data-type=double-circle]::before{
   	content: "◎";
	font-size: 2.5rem;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(144, 213, 129, .5);
}
#page .sgb-table-icon[data-type=circle]::before, #single_page .sgb-table-icon[data-type=circle]::before {
    content: "〇";
	font-size: 2.5rem;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(91, 169, 247, .5);
}
#page .sgb-table-icon[data-type=cross]::before, #single_page .sgb-table-icon[data-type=cross]::before {
    content: "×";
    font-size: 2.8rem;
    color: rgba(248, 128, 128, .5);
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#page .sgb-table-icon[data-type=triangle]::before, #single_page .sgb-table-icon[data-type=triangle]::before {
    content: "△";
    font-size: 2.5rem;
	font-weight: bold;
	position: absolute;
    top: 50%;
    left: 50%;
    color: rgba(255, 179, 107, .5);
}

/* テーブル スクロール時 */
[data-table-scrollable=both] table{
	margin-right: 5px;
}

/* 目的別評価のショートコード */
#page .rate-title,  #single_page .rate-title{
    padding: 5px;
    margin-top: 1em;
	margin-bottom: 0;
    font-weight: bold;
    font-size: 1.25em;
    text-align: center;
}
#page .rate-title:before, #single_page .rate-title:before {
    content: "\f02e";
    padding-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

#page .rate-box, #single_page .rate-box{
    margin-bottom: 2.4em;
    font-size: 15px;
    border: solid 2px #e6e6e6;
}

@media only screen and (min-width: 481px) {
    #page .rate-box, #single_page .rate-box {
        max-width: 580px;
        margin: 0 auto 1em;
        font-size: 17px;
    }
}

#page .rateline, #single_page .rateline{
    padding: 7px 4px 7px 10px;
}

@media only screen and (min-width: 481px) {
    #page .rateline, #single_page .rateline {
        padding: 10px 10px 10px 20px;
    }
}


#page .rate-thing, #single_page .rate-thing {
    display: inline-block;
    padding-right: 10px;
    width: calc(100% - 125px);
    max-width: 250px;
    font-weight: bold;
    vertical-align: middle;
}

@media only screen and (min-width: 481px) {
    #page .rate-thing, #single_page .rate-thing {
        max-width: 380px;
        width: calc(100% - 144px);
    }
}


#page .fa5 .rate-star, #single_page .fa5 .rate-star {
    font-size: 0.95em;
}

#page .rate-star, #single_page .rate-star{
    display: inline-block;
    margin: 0;
    width: 125px;
    color: rgba(0, 0, 0, 0.15);
    vertical-align: middle;
}

@media only screen and (min-width: 481px) {
    #page .rate-star, #single_page .rate-star{
        width: 144px;
    }
}

#page .fa, #single_page .fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#page .fa5 .fa, #page .fa5 .fas, #single_page .fa5 .fa, #single_page .fa5 .fas {
    font-weight: 900;
}

#page .rate-star .fa, #page .rate-star .fa-star-half-alt, #single_page .rate-star .fa, #single_page .rate-star .fa-star-half-alt {
    color: #ffb500;
}

#page .fa-star:before, #single_page .fa-star:before {
    content: "\f005";
}

#page .rate-box .rateline:nth-child(even), #single_page .rate-box .rateline:nth-child(even) {
    background: #f3f3f3;
}


/* ランキングのCSS書き換え */
.p-postList.-type-list.-w-ranking .p-postList__item{
	height: 80px;
	margin-bottom: 1em;
}
.p-postList.-type-list.-w-ranking .p-postList__item a{
	text-decoration: underline;
	padding-left: 30px;
}
.p-postList.-type-list.-w-ranking .p-postList__item a .p-postList__body{
	width: 65%;
}
@media (width < 1201px){
	.p-postList.-type-list.-w-ranking .p-postList__item a .p-postList__body{
	width: 60%;
	}
}
@media (width < 960px){
	.p-postList.-type-list.-w-ranking .p-postList__item a .p-postList__body{
	width: calc(100% - 95px);
	}   
}
.p-postList.-type-list.-w-ranking .p-postList__item::before{
	display: grid;
	width: 20px;
	height: 80px;
	border-radius: 4px;
	box-shadow: none;
	place-content: center;
    color: #fff;
	font-size: 1em;
}
.p-postList.-type-list.-w-ranking .p-postList__item:first-child::before, .p-postList.-type-list.-w-ranking .p-postList__item:nth-child(2)::before, .p-postList.-type-list.-w-ranking .p-postList__item:nth-child(3)::before {
    background: rgb(255, 95, 133);
    background: linear-gradient(45deg, rgba(255, 95, 133, 1) 0%, rgba(248, 127, 118, 1) 41%, rgba(252, 207, 86, 1) 100%);
}
.p-postList.-type-list.-w-ranking .p-postList__item:nth-child(4)::before, .p-postList.-type-list.-w-ranking .p-postList__item:nth-child(5)::before {
	background: #888;
}

.p-postList.-type-list.-w-ranking .p-postList__item .p-postList__thumb.c-postThumb{
	width: 80px;
	height: 80px;
	box-shadow: none;
}
.p-postList.-type-list.-w-ranking .p-postList__item .c-postThumb__figure{
	height: 100%;
}
.p-postList.-type-list.-w-ranking .p-postList__item .c-postThumb__figure img{
	object-fit: cover;
    object-position: left center;
	border-radius: 4px;
}
	
/* 新着記事の調整 */
.p-postList.-type-list.-w-new .p-postList__item figure img{
	border-radius: 4px;
}

/*SWELLタブ*/
.is-style-default>.c-tabList .c-tabList__button{
	border-radius: 4px 4px 0 0;
	min-height:42px;
	min-width:60px;
	background-color: #ddd;
	border-right: 1px solid #fff;
}

.is-style-default>.c-tabList .c-tabList__button:hover, .is-style-default>.c-tabList .c-tabList__button[aria-selected=true]{
	background-color: var(--color_main);
}

.is-style-default .c-tabBody{
	border: 1px solid var(--color_main);
}

.swell-block-tab.is-style-balloon .c-tabBody{
	border: solid 1px var(--color_main);
    padding: 1em ;
}


.swell-block-tab.is-style-bb .c-tabBody{
	border: solid 1px var(--color_main);
    padding: 1em ;
}

/* SWELL Q&A */
[data-a=col-text] .swell-block-faq__item > dt.faq_a:before, [data-q=col-text] .swell-block-faq__item > dt.faq_q:before{
	box-shadow: 0 0 0 1px var(--color_main);
}

[data-a=col-text] .swell-block-faq__item > dt.faq_a, [data-q=col-text] .swell-block-faq__item > dt.faq_q{
	color: var(--color_main);
}

.swell-block-review__inner{
	border-top: 2px solid var(--color_main);
}

/* 404ページ
   検索アイコン */
#Not_found_404 form .icon-search:before{
	content: url(./images/icon_serch_w.svg);
}
.error404 .post_content .icon-search:before{
	content: url(./images/icon_serch_w.svg);
}

/* アプリレビュー（ショートコード）0004のボタンの装飾 */
.theme-swell .original_block_0004_button_group a:not(.btn), .theme-swell .original_block_0004_button_group a:not(.btn):visited{
	position: relative;
    width: 100%;
    max-width: 420px;
	padding: .75em 1.85em .75em .75em !important;
	/*ボタンの背景色と文字色を変える場合はここを変更してください ここから*/
    background: linear-gradient(90deg, rgba(255, 95, 133, 1) 0%, rgba(248, 127, 118, 1) 41%, rgba(252, 207, 86, 1) 100%);
    color: #fff;
	/*ボタンの背景色と文字色を変える場合はここを変更してください ここまで*/
    border: none;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1), 0 4px 8px -4px rgba(0, 0, 0, .2);
    cursor: pointer;
    transition: box-shadow .25s;
}
.theme-swell .original_block_0004_button_group a.btn{
	width: 100% !important;
}
.theme-swell .original_block_0004_button_group a:not(.btn)::before{
	content: '';
    width: 8px;
    height: 8px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    right: 1em;
    top: calc(50% - 4px);
    transform: rotate(45deg);
}
.theme-swell .original_block_0004_button_group a:not(.btn):hover{
box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 12px 24px -12px rgba(0, 0, 0, .2);
}

/* ↓↓↓記事の文字サイズ・縦マージン調整ここから↓↓↓ 20250822 */

#body_wrap .l-content:has(#single_page) {
	padding-top: 1.25em !important; 
}
#main_content .l-mainContent__inner#single_page > .post_content{
	margin: 0 !important;
}
#main_content #single_page .p-articleThumb{
	margin: 1.5em 0 1.6em;
}
#main_content #single_page .w-pageTop, #main_content #single_page .w-singleBottom, #main_content #single_page .w-singleTop{
	margin: 0.5em 0;
}
#main_content #single_page p{
	font-size: 15.4px;
	line-height: 1.75;
}
#main_content #single_page p.is-style-balloon_box2{
	margin-top: 1.15em;
}
#main_content #single_page .swell-block-capbox.cap_box.is-style-shadow{
	margin-bottom: 1.2em;
	font-size: 14px;
}
#main_content #single_page .cap_box_content{
	padding: 0.75em 1.25em .7em;
}

#main_content #single_page .is-style-inner .cap_box_content{
	padding: 1.65em 1.25em 0.5em;
}

#main_content #single_page .swell-block-capbox.is-style-onborder_ttl, #main_content #single_page .swell-block-capbox.is-style-onborder_ttl2{
	transform: translateY(-1em);
    margin-bottom: 0.25em;
}
#main_content #single_page .is-style-onborder_ttl2 .cap_box_content{
	padding: 1.5em 1.25em .7em;
}

#main_content #single_page .post_content>*{
	margin-bottom: 1.6em;
}
#main_content #single_page .json{
	display: none;
	height: 0;
    margin-bottom: 0 !important;
}

#main_content #single_page .c-scrollHint{
	margin-top: 0;
	line-height: 1;
}
#main_content #single_page .p-toc{
	margin: 2em auto 1em;
}
#main_content #single_page .p-toc .p-toc__ttl{
	margin: 0 -1.5em 0.5em;
}
#main_content #single_page .p-toc .p-toc__list > li > a{
	font-size: 15.4px;
}

#main_content #single_page .post_content h2{
	margin: 1.5em 0 1.6em;
	font-size: 1.15em;
}

#main_content #single_page .post_content h3{
	margin: 1.25em 0 1.6em;
	font-size: 1.05em;
}

#main_content #single_page .post_content h4{
	margin: 1.4em 0 1.6em;
	padding-bottom: 0;
	font-size: 15.6px;
}
#main_content #single_page .post_content h4::after{
	transform: translateY(-5px);
}

#main_content #single_page .is-style-default .c-tabBody{
	padding: 0.75em;
}

#main_content #single_page div.has-border{
	padding: 0.75em;
}

#main_content #single_page .cap_box_ttl{
	padding: .5em .7em;
}
/* ↑↑↑記事の文字サイズ・縦マージン調整ここまで↑↑↑ 20250822 */


#main_content #single_page .swell-block-capbox.cap_box.is-style-intext .cap_box_content{
	padding: 0;
}