.legacy-body {
--swl-fz--content:4vw;
--swl-font_family:"游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
--swl-font_weight:500;
--color_main:#222222;
--color_text:#333;
--color_link:#444444;
--color_htag:#222222;
--color_bg:#fdfdfd;
--color_gradient1:#d8ffff;
--color_gradient2:#87e7ff;
--color_main_thin:rgba(43, 43, 43, 0.05 );
--color_main_dark:rgba(26, 26, 26, 1 );
--color_list_check:#222222;
--color_list_num:#222222;
--color_list_good:#86dd7b;
--color_list_triangle:#f4e03a;
--color_list_bad:#f36060;
--color_faq_q:#d55656;
--color_faq_a:#6599b7;
--color_icon_good:#3cd250;
--color_icon_good_bg:#ecffe9;
--color_icon_bad:#4b73eb;
--color_icon_bad_bg:#eafaff;
--color_icon_info:#f578b4;
--color_icon_info_bg:#fff0fa;
--color_icon_announce:#ffa537;
--color_icon_announce_bg:#fff5f0;
--color_icon_pen:#7a7a7a;
--color_icon_pen_bg:#f7f7f7;
--color_icon_book:#787364;
--color_icon_book_bg:#f8f6ef;
--color_icon_point:#ffa639;
--color_icon_check:#86d67c;
--color_icon_batsu:#f36060;
--color_icon_hatena:#5295cc;
--color_icon_caution:#f7da38;
--color_icon_memo:#84878a;
--color_deep01:#e44141;
--color_deep02:#3d79d5;
--color_deep03:#63a84d;
--color_deep04:#f09f4d;
--color_pale01:#fff2f0;
--color_pale02:#f3f8fd;
--color_pale03:#f1f9ee;
--color_pale04:#fdf9ee;
--color_mark_blue:#b7e3ff;
--color_mark_green:#bdf9c3;
--color_mark_yellow:#fcf69f;
--color_mark_orange:#ffddbc;
--border01:solid 1px var(--color_main);
--border02:double 4px var(--color_main);
--border03:dashed 2px var(--color_border);
--border04:solid 4px var(--color_gray);
--card_posts_thumb_ratio:61.805%;
--list_posts_thumb_ratio:61.805%;
--big_posts_thumb_ratio:56.25%;
--thumb_posts_thumb_ratio:61.805%;
--color_header_bg:#fdfdfd;
--color_header_text:#333;
--color_footer_bg:#222222;
--color_footer_text:#ffffff;
--container_size:1200px;
--article_size:1200px;
--logo_size_sp:50px;
--logo_size_pc:50px;
--logo_size_pcfix:46px;
}
.legacy-body .is-style-btn_normal {
--the-btn-radius:80px
}
.legacy-body .is-style-btn_shiny {
--the-btn-radius:80px
}
.legacy-body .post_content blockquote {
padding:1.5em 2em 1.5em 3em
}
.legacy-body .post_content blockquote::before {
content:"";
display:block;
width:5px;
height:calc(100% - 3em);
top:1.5em;
left:1.5em;
border-left:solid 1px rgba(180,180,180,.75);
border-right:solid 1px rgba(180,180,180,.75);
}
.legacy-body .mark_yellow {
background:-webkit-linear-gradient(transparent 64%,var(--color_mark_yellow) 0%);
background:linear-gradient(transparent 64%,var(--color_mark_yellow) 0%)
}
.legacy-body .mark_orange {
background:-webkit-linear-gradient(transparent 64%,var(--color_mark_orange) 0%);
background:linear-gradient(transparent 64%,var(--color_mark_orange) 0%)
}
.legacy-body [class*="is-style-icon_"] {
color:#333;
border-width:0
}
.legacy-body [class*="is-style-big_icon_"] {
border-width:2px;
border-style:solid
}
.legacy-body .c-postThumb__cat {
background-color:#222222;
color:#fff
}
.legacy-body .post_content h2 {
border-left:solid 8px var(--color_htag);
padding:.75em 1em;
background:rgba(34, 34, 34, 0.03 )
}
.legacy-body .post_content h2::before {
position:absolute;
display:block;
pointer-events:none
}
.legacy-body .post_content h3 {
padding:0 .5em .5em
}
.legacy-body .post_content h3::before {
content:"";
width:100%;
height:2px;
background: repeating-linear-gradient(90deg, var(--color_htag) 0%, var(--color_htag) 29.3%, rgba(150,150,150,.2) 29.3%, rgba(150,150,150,.2) 100%)
}
.legacy-body .c-secTitle {
padding:.5em
}
.legacy-body .c-secTitle::before {
content:"";
bottom:0;
left:0;
width:40%;
z-index:1;
background:var(--color_main)
}
.legacy-body .c-secTitle::after {
content:"";
bottom:0;
left:0;
width:100%;
background:var(--color_border)
}
.legacy-body [class*="page-numbers"] {
color:#fff;
background-color:#dedede
}
.legacy-body .l-topTitleArea.c-filterLayer::before {
background-color:#000;
opacity:0.2;
content:""
}
@media screen and (min-width: 960px) {
.legacy-body {
}
}
@media screen and (max-width: 959px) {
.legacy-body {
}
}
@media screen and (min-width: 600px) {
.legacy-body {
--swl-fz--content:17px;
}
}
@media screen and (max-width: 599px) {
.legacy-body {
}
}
@media (min-width: 1408px) {
.legacy-body .alignwide {
left:-100px;
width:calc(100% + 200px);
}
}
.legacy-body {
--swl-radius--2:2px;
--swl-radius--4:4px;
--swl-radius--8:8px
}
.legacy-body .c-categoryList__link, .legacy-body .c-tagList__link {
border-radius:16px;
padding:6px 10px
}
.legacy-body [class*=is-style-big_icon_], .legacy-body input[type=number], .legacy-body input[type=text], .legacy-body textarea {
border-radius:4px
}
.legacy-body .-type-thumb .p-postList__link, .legacy-body .p-postList__thumb {
border-radius:12px;
overflow:hidden;
z-index:0
}
.legacy-body .c-postThumb__cat {
border-radius:16px;
margin:.5em;
padding:0 8px
}
.legacy-body .p-postList__body:after {
border-radius:40px
}
@media (max-width:959px) {
.legacy-body .-type-thumb .p-postList__link, .legacy-body .p-postList__thumb {
border-radius:8px
}
}
.legacy-body {
--color_content_bg:var(--color_bg);
}
.legacy-body .c-shareBtns__item:not(:last-child) {
margin-right:4px
}
.legacy-body .c-shareBtns__btn {
padding:8px 0
}
@media screen and (min-width: 960px) {
.legacy-body {
}
}
@media screen and (max-width: 959px) {
.legacy-body {
}
}
@media screen and (min-width: 600px) {
.legacy-body {
}
}
@media screen and (max-width: 599px) {
.legacy-body {
}
}
.legacy-body .l-topTitleArea {
align-items:center;
display:flex;
margin:0;
min-height:11em;
overflow:hidden;
padding:1.5em 0;
position:relative;
width:100%
}
.legacy-body .l-topTitleArea .u-thin {
opacity:1
}
.legacy-body .l-topTitleArea .c-postTitle__date {
border-color:#fff
}
.legacy-body .l-topTitleArea .c-categoryList, .legacy-body .l-topTitleArea .c-tagList {
color:#fff
}
.legacy-body .l-topTitleArea .c-categoryList__link, .legacy-body .l-topTitleArea .c-tagList__link {
background:none;
color:#fff
}
.legacy-body .l-topTitleArea .c-categoryList__link {
border:1px solid #fff
}
.legacy-body .l-topTitleArea .c-tagList__link {
border-bottom:1px solid #fff;
border-radius:0;
padding:4px .25em
}
.legacy-body .l-topTitleArea__body {
color:#fff;
position:relative;
text-shadow:1px 1px 0 rgba(0,0,0,.1);
width:100%;
z-index:3
}
@media (min-width:600px) {
.legacy-body .l-topTitleArea {
min-height:240px;
padding:1em 0
}
}
.legacy-body.-index-off .p-toc {
display:none
}
.legacy-body #main_content .p-toc {
border-radius:var(--swl-radius--2,0);
margin:4em auto;
max-width:800px
}
.legacy-body .p-toc__ttl {
display:block;
font-size:1.2em;
line-height:1;
position:relative;
text-align:center
}
.legacy-body .p-toc__ttl:before {
content:"\e918";
display:inline-block;
font-family:Legacy-icomoon;
margin-right:.5em;
padding-bottom:2px;
vertical-align:middle
}
.legacy-body .p-toc__list li {
line-height:1.6
}
.legacy-body .p-toc__list>li+li {
margin-top:.5em
}
.legacy-body .p-toc__list [data-level="3"] {
font-size:.9em
}
.legacy-body .post_content .p-toc__list {
padding-left:0
}
.legacy-body .p-toc.-capbox {
border:1px solid var(--color_main);
overflow:hidden;
padding:0 1em 1.5em
}
.legacy-body .p-toc.-capbox .p-toc__ttl {
background-color:var(--color_main);
color:#fff;
margin:0 -1.5em 1.25em;
padding:.5em
}
.legacy-body .p-toc.-capbox .p-toc__list {
padding:0
}
@media (min-width:960px) {
.legacy-body #main_content .p-toc {
width:92%
}
}
@media (min-width:600px) {
.legacy-body .p-toc.-capbox .p-toc__list {
padding-left:.25em
}
}