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

/* 記事タイトル装飾 */
.single h1.c-postTitle__ttl {
    background: #000;
    color: #fff;
    padding: 20px;
}

/* サイドバー目次カラー */
.p-toc__link.currentTocPosition {
 background-color: #000!important;
    color: #fff!important;
    padding:5px 8px;
}
.width100 {
width:100%;
}

body {
background-color: #000;
}
.-cap-ctr_simple .c-bannerLink__label {
    font-weight: normal;
}
/* アコーディオン */
.swell-block-accordion__title,.is-style-main .swell-block-accordion__title,.is-style-simple .swell-block-accordion__title {
    position: relative;
}
 .swell-block-accordion__title:before{
    position: absolute;
    left: 0;
top: 50px;
    content: "タップで下に開く";
    font-size: 11px;
    background: #1156a7!important;
	 color:#fff;
	 padding:0 7px;
}
.swell-block-accordion__body {
    padding: 1em 0 0 0;
}
/* テーブル表の横線 */
.wp-block-table hr{
    border-color: #ededed!important;
}
.tablelastborder{
    border-bottom: 1px solid #ededed;
}

.categoryimg .has-border {
padding: 5px 0;
}
.p-postList .p-postList__title {
font-weight: normal;
}

.p-postListWrap .p-postList__item a{
text-decoration: none;
}
/* スマホヘッダメニューカスタム */
.p-spHeadMenu .menu-item {
height: 18px;
border:none;
}
.l-header__spNav span{
position:relative;
bottom:10px;
}

@media(max-width:350px) {
.kintou .wi {
font-size: 11px;
}
.350font{
font-size:10px;		
	}}
@media(max-width:500px) {
/* お知らせバー */
.categoryimg .wp-block-columns {
height: 80px;
}
/* メディアとテキスト2カラム */
.is-stacked-on-mobile>.wp-block-media-text__content {
    padding: 0!important;
}
.post_content .wi th {
width: 80px;
}
.-cap-ctr_simple .c-bannerLink__label {
    font-size:10px!important;
}
.font90,figure.wp-block-table,.has-border.-border01,.c-balloon__text,.has-fixed-layout,p.is-style-icon_announce,p.is-style-icon_pen,.is-style-icon_info{
font-size:3vw!important;
}
.ecfont{
font-size:10px!important;
}
.ecfont ul.is-style-default {
list-style: none;
padding: 0;
}
/* Yahoo!ボタン下に下げる */
.wp-block-column .swell-block-button.yahoo,.wp-block-column .swell-block-button.table-yahoo,.wp-block-column .swell-block-button.table-yahoo2  {
    margin-top: 9px!important;
}
	
/* スマホ見出し */
#content .post_content>h3,#content .post_content>h2{
margin-right: -4vw;
margin-left: -4vw;
}
#content .post_content h2,#content .post_content h3 {
padding: 1em .8em;
}
/* スマホ改行タグ */
.br::before {
content: "\A";
white-space: pre;
}
/*画像拡大させない */
.spoffimg{
pointer-events: none;
}
/*2カラムボタン余白 */
.wp-block-column+.wp-block-column {
margin-top: 1.6em;
}
/* マージン余白下 */
.u-mb-ctrl.u-mb-20 {
margin-bottom: 1.4em!important;
}
/* 関連リンク */
.post_content .is-style-icon_bad {
padding: 0em 1em 0 4em;
}
/* table内画像サイズ */
.table-scroll img {
 max-width: 60px!important;
}}



/* 幅均等・スクロール・固定見出し */
@media(min-width:800px) {
	/* ピックアップバナー画像フォント */
.-cap-ctr_simple .c-bannerLink__label {
    border: solid 2px;
}
/* ヘッダーメニューカラー */
li.menu-item:hover {
background: #1156A7;
color: #fff;
}
/* ヘッダー検索フォーム */
.l-header__inner .c-plainBtn,.l-fixHeader__inner .c-plainBtn{
    width:80px;
    position:relative;
}
.l-header__inner .c-plainBtn::after,.l-fixHeader__inner .c-plainBtn::after {
    position: absolute;
    content: "検索";
    left: 40px;
    font-size: 15px;
    white-space: nowrap;
}
/* ヘッダーサブメニュー大きく */
span.c-smallNavTitle.desc {
    font-size: 12px;
}	
.l-header__inner li.menu-item.c-gnav__s:hover,.l-fixHeader__inner li.menu-item.c-gnav__s:hover{
   background-color: #fff;
   color: #000;
}
/*　 2カラム吹き出し用　*/

.wp-block-media-text .wp-block-media-text__content {
padding-right:0;
padding-left: 1.1em;
}
/*　 記事ボタンテキストカラー　*/
.post_content .swell-block-button.-size-l a,#custom_html-17 .swell-block-button.-size-l a {
color:#fff;
}
/*pc画像拡大させない */
.pcoffimg{
pointer-events: none!important;
}
.pckintou {
width: 100%;
table-layout: fixed;
}}
@media(max-width:700px) {
.table-scroll table {
border-left: none;
}
.table-scroll{
white-space:nowrap;
overflow-x: scroll;
}

.table-scroll2 th:first-of-type,.table-scroll2 td:first-of-type{
position: sticky;
left: 0;
border-left: none;
border-right: none;
}
.table-scroll2 th:first-child::before,.table-scroll2 td:first-child::before{
content : "" ;
position : absolute ;
top : 0 ;
left : 0 ;
width : 100% ;
height : 100% ;
border-left: 1px solid #ededed;
border-right:1px solid #ededed;
}
.table-scroll2 td:first-child{
background:#fff;
}
.tablepd{
padding:20px 0 30px!important;
}
.tablepd::before {
border-right: 0!important;
}
.tablescroll td:last-child, .tablescroll th:last-child {
border-right: 0!important;
}
/* スマホ2カラム吹き出し用 */
.post_content .huki2{
font-size:80%!important;
border-width:1px;
top: 20px;
}

.post_content .huki2:before,.post_content .huki2:after {
border-left: 25px solid transparent;
border-right: 25px solid transparent;
left: calc(50% - 25px);
}
.post_content .huki2:before{
border-bottom: 20px solid #000;
top: -39px;
}
.post_content .huki2:after {
border-bottom: 20px solid #fff;
top: -37.8px;
z-index: 1;
}}
/*見出しカスタム */
@media (min-width: 600px){
#main_content .post_content>h3,#main_content .post_content>h2{
margin-right: 0;
margin-left: 0;
}
#main_content .post_content>h2{
padding:1em .5em;
font-size:1.5em;
}}
.post_content h4 {
    border-bottom: 2px solid;
    padding-bottom: 0.5em;
}
@media (min-width: 960px){
.l-fixHeader.-parallel .l-fixHeader__gnav {
    margin-left: 0%!important;
}}
/*1700幅以上で画面サイズ変える・目次タイトル位置 */
@media (min-width: 1700px){
.l-container {
max-width: 1500px;
}
main#main_content {
width: calc(100% - 480px);
}
.-frame-on-sidebar #sidebar.l-sidebar {
width: 420px;
}
.p-toc__ttl.p-toc__ttl::before{
padding-left: 1.6vw;
}}

/*　 PCヘッダーメニューテキストの濃さ　*/
.c-smallNavTitle.desc {
opacity: 1;
}
/*　 ハンバーガーメニューフォント　*/
span.c-iconBtn__label {
white-space: nowrap;
}
.p-fixBtnWrap .hov-bg-main:hover{
color:#000!important;
background-color: #fff !important;
}
/*アイキャッチ・本文余白なし */
.p-articleThumb,.post_content {
margin:1em 0 0 0;
}
/*プロフ画像・フッタープロフ */
.p-profileBox__iconImg,.p-authorBox .avatar{
border:none;
}
/*追従SNSアイコンカラー */
.c-shareBtns__icon {
color: #000;
background: #fff;
width:100%;
}
li.c-shareBtns__item{
color: #fff!important;
}
/*フッターSNSアイコンカラー */
a.c-shareBtns__btn.hov-flash-up {
padding: 10px;
}
.c-shareBtns.-bottom .c-shareBtns__icon{
color: #fff;
background: #000;
}
.c-shareBtns.-bottom .c-shareBtns__item {
color: #000!important;
}

/*見出しカスタム */
.post_content h2 {
padding: .75em .9em;
}
.l-content .post_content h3 {
padding:0 .5em 1em;
}
.single .post_content>h3 {
border-top: 2px solid #000;
padding-top:1em;
}
/*h2・h3マージン */
.post_content>h3, .post_content>h2{
margin: 2em 0;
}
/*テキストボックス角の丸み */
[class*=is-style-big_icon_]::after{
border-radius:0;
border:none;
}
/*お知らせボタン・テキストカスタム・ボックス類・下吹き出しSWELL角 */
.c-infoBar__btn,#content .p-blogCard__inner,#content .p-blogCard__inner,span.p-blogCard__caption,.is-style-balloon_box,.is-style-balloon_box2{
border-radius:0;
}

.c-infoBar__text.-flow-off{
font-weight:normal;
}
/*サイトテキスト真ん中へ */
.post_content>* {
line-height: 2;
text-align: justify;
text-justify: inter-ideograph;
margin-bottom: 1.5em;
letter-spacing: 0.03em;
}
/* タグクラウドカラー */
.tag-cloud-link{
   border: solid 1px;
   color: #1156a7!important;
	margin: 0 0 10px 10px;
}
.tag-cloud-link:hover{
	background:#1156a7;
	color: #fff !important;
}
.tag-cloud-link::before{
  content:"#";
  padding-right:2px;  
}
.tag-link-count{
  color: inherit!important;
  font-size:inherit!important;
}
div#custom_html-45 {
    background: #fff;
    padding-bottom: 15px;
}
/*　 改行コード　*/
.br2 {
display: block;
}
/*　 キャプション　*/
.wp-caption {
border: solid 1px;
text-align:center;
width:100%!important;
}
.wp-caption-text {
margin-top: 0;
opacity: 1;
padding-bottom: 8px;
}
#main_content .p-toc {
max-width: inherit;
width:100%;
}
.p-toc__ttl {
text-align: left;
}
.p-toc__ttl::before{
padding-left: 3vw;
}
.c-widget__title{
font-weight:normal;
}
.l-sidebar .c-widget__title.-side{
background:  #3c3c3c;
text-align: center;
padding: .6em 1em;
}


/*ステップを見出し3へ */
.swell-block-step h3 {
margin: 0;
font-size: 1.2em;
padding: 0;
}
.swell-block-step h3::before {
display: none;
}


/*　 2カラム吹き出し用　*/
.huki2 {
position: relative;
padding: 13px;
border: solid 3px #000;
background-color:#fff;
font-size:1.1em!important;
text-align: left;
}
.huki2:before ,.huki2::after {
content: '';
position: absolute;
top:calc(50% - 18px);
border: 18px solid transparent;
}
.huki2:before{
left: -39px;
border-right: 20px solid #000;
}
.huki2::after {
left: -35px;
border-right: 20px solid #fff;
z-index:1;
}

/* ギャラリーカスタム */
.gallery-item {
margin-right:0;
margin-top: 0!important;
}
.gallery-icon img {
border: none!important;
}
/* コメントフォームカスタム */
#comments .p-commentArea {
padding-top: 0;
}
#comments .comment-respond .submit {
width: 100%;
padding: .9em 1.5em;
}
.comment-respond p label{
font-size: 0;
}
.comment-form-author label:before {
font-size: 15px;
content: "ニックネーム";
}
h3.p-commentArea__title.-for-write {
position: relative;
top: 25px;
border:none;
}
.comment-form-comment textarea,.comment-form-author input{
width: 100%;
padding:10px;
}
.comment-respond .submit {
color: #fff;
padding: 1.3em;
opacity: .5;
margin-top: 1.5vw;
}
.comment-respond .submit:hover {
opacity:1;
}
/*引用マークカラー｜検索結果カラー */
#main_content .post_content blockquote::before,#main_content .post_content blockquote::after{
color:#000!important;
}
#main_content .post_content blockquote {
padding: 2.5em 1em .6em;
font-size:90%;
}

.c-pageTitle__subTitle {
opacity: 1;
}
.p-postList__body {
align-self: center;
}
/*アナウンステキストカラー・ペンマークテキストカラー */
p.is-style-icon_announce ,p.is-style-icon_pen,p.is-style-icon_info{
color: #fff;
border-radius: 0;
font-size:90%;
}
p.is-style-icon_announce a,p.is-style-icon_pen a,p.is-style-icon_info a{
color: #9bd9ff;
}

/* テキストボックス ォントサイズ */
.is-style-small_ttl .cap_box_ttl {
font-size: 1em;
}
/*記事下関連記事テキストカラー */
.p-postList__times.c-postTimes.u-thin,.-related .p-postList__title {
color: #333;
}
.post_content .p-postList__title,ol.p-toc__list.is-style-index,.p-blogCard__title,.c-blogLink__text{
text-align:left!important;
}

.post_content>.is-style-index{
padding-left:0;
}

/*　 関連記事タイトル・記事下次の記事テキストカラー・コメント・カテゴリーや検索結果　*/
.p-blogCard__title,.p-pnLinks__title,.p-postListWrap .-type-card .p-postList__title, .-type-simple .p-postList__title,.recentcomments a,span.c-blogLink__text,.single .c-categoryList a, .single .c-tagList a{
color: #1156a7!important;
}
.single .c-tagList a{
background: initial;
}
/*　 テーブル　*/
.post_content table {
line-height: 2;
}
.whiteth{
background-color:#fff!important;
color:#000!important;
}

.post_content td, .post_content th {
vertical-align: middle;
padding:7px;
font-weight: normal;
}
table.thtakasa th {
    padding: 0 7px;
}
.kintou {
width: 100%;
table-layout: fixed;
}
/* テーブル区切り線 */
table .post_content.p-blogParts {
   margin: 0.5em 0!important;
}
/* テーブルフォントとボタン */
.tablefont{
font-size:80%;
}
.comparison-table table {
border-left: none;
}
.comparison-table{
white-space:nowrap;
overflow-x: scroll;
}
/* テーブル内画像 */
.comparison-table img,.originaltable img {
margin: 0;
padding: 0;
max-width: 70px;
}
.is-style-regular tr:last-child>td {
border-bottom: solid 1px #ededed;
}
.scrolltable2 {
position: -webkit-sticky;
position: sticky!important;
left: 0;
z-index:1;
}
td.scrolltable2 {
background: #fff;
z-index: 1;
}

.tablebtnpd{
padding:20px 0 30px!important;
}
.tablebtnpd2{
padding:20px 0 30px!important;
}
.spd {
    padding: 0 7px!important;
text-align: left;
background:none!important;
}
.scrolllink {
text-align: left;
background:none!important;
}
.scrolltable2 a {
     text-decoration: none!important; 
}
td.bl {
    border-left: none;
}
td.tablebtnpd,td.scrolltable2.scrolllink,td.scrolltable2.spd {
    border-right: none;
}
.tableatag{
display: inherit;
text-align: left;
position: -webkit-sticky;
position: sticky;
left: 0;
padding-left: 30px;
font-size: 120%;
}

.tablelink{
padding: 10px 0;
border: 1px solid;	
}
.swell-block-button .tablelink {
    border: none;
}
ul.tablebtniti1,ul.tablebtniti2,ul.tablebtniti3,ul.tablebtniti4{
padding:0!important;
list-style-type:none!important;
}
.tablebtniti1,.tablebtniti2,.tablebtniti3,.tablebtniti4{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
}
/* テーブルテキストシャドウ無効*/
td[data-has-cell-icon*=-bg], th[data-has-cell-icon*=-bg] {
    text-shadow: inherit;
}

/* ボタン同士の余白 */
.tablebtniti1 li{
flex:0 0 80%;
}
.tablebtniti2 li{
flex:0 0 45%;
}
.tablebtniti3 li{
flex:0 0 30%;
}
.tablebtniti4 li{
flex:0 0 22%;
}
.tablebtniti1 a,.tablebtniti2 a,.tablebtniti3 a,.tablebtniti4 a{
display: block;
border-radius: 4px;
text-decoration: none;
}
.tablebtniti3 a.tablelink,.tablebtniti4 a.tablelink {
max-width:200px;
display: block;
margin: auto;
border-radius: 4px;
text-decoration: none;
}
/*　 改行なし　*/
.kainasi {
white-space: nowrap;
}

.txtcenter{
text-align:center!important;
}
/*　 コメントウィジェット名前カラー　*/
.home .comment-author-link a {
color: #fff;
}



.cap_box_content .wp-block-column {
display: flex;
justify-content: center;
align-items: center;
}
.wp-block-column .swell-block-button.is-style-btn_shiny {
margin-bottom: 0;
}
.cap_box_content a.swell-block-button__link {
width: 150px;
}
.cap_box_content .swell-block-button.is-style-btn_shiny.-size-l {
margin: 0 5px;
}
.cap_box_content .swell-block-button:only-of-type {
width: 350px;
}}

/* SWELLボタンの位置 */
.wp-block-column .swell-block-button {
margin-bottom: 1em;
}
.-size-l.is-style-btn_solid{
text-align:center;	
}
a.swell-block-button__link,.swell-block-button.-html a {
font-weight: normal;
}
@media(min-width:1000px) {
.l-mainContent__inner .-size-l.is-style-btn_solid{
width:60%;
}
}
.-html .fa-angle-right:before {
padding-right: 13px;
}
.swell-block-button .swell-block-button__link[data-has-icon]{
 gap: inherit;
}
.btn3 a{
padding:1em 0;	
width:100%;	
}
/* 要素下へ */
.sita{
position:relative;
top:30px;
}
/* 画像真ん中 */
.wp-block-image {
text-align: center;
}
/* スマホ記事を書いた人左寄せ */
p.p-authorBox__desc.u-thin {
text-align: left;
}
/* キャプション画像リンク */
.wp-block-image figcaption a {
display: inline-block;
}
/* コメント返信ボタン */
a.comment-reply-link {
display: block;
margin: 30px 0;
padding: 10px;
background: #000;
color: #fff;
text-align: center;
}
/* フッターボタンカラー */
.l-footer a.swell-block-button__link {
color: #000;
}
#footer .is-style-more_btn a:hover {
    background-color: #1ea1f2;
}
/* フッター背景色 */
.l-footer__widgetArea{
	background: #000;
}
#footer .p-postList__title {
    color: #fff;
    font-weight: normal;
}
#footer .l-footer__nav a {
    text-decoration: none;
}
/* アフィ広告・ノーマルボタン・タグ・カテゴリー・目次・フッターボタン・テーブル用ボタン */
.p-adBox__btn:hover,a.p-adBox__btn:hover,.is-style-btn_normal a:hover,.l-footer a.swell-block-button__link:hover ,a.tablelink:hover{
background:#1EA1F2!important;
transition: 0.3s;
color:#fff!important;
}
a.tablelink:hover{
background:#1156a7!important;	
}
.p-toc__link:hover{
color:#1156a7!important;
background:#eee;	
transition: 0.3s;
}

/*Q＆A */
.is-style-faq-stripe .faq_a::before, .is-style-faq-stripe .faq_q::before {
   left: 0;
	top:0;
}
.is-style-faq-stripe .faq_a, .is-style-faq-stripe .faq_q {
    padding: 3.5em 0 1.25em 0;
}
h3.faq_q {
    padding: 3em 0 1em 0!important
}
/* STEPを四角にする */
.swell-block-step__number.u-bg-main {
border-radius: 0;
}
/* ページネーション */
.page-numbers {
  color:#000;
  border:solid 1px;
}

/* STEPのカスタマイズ */
.is-style-big .swell-block-step__item {
padding: 2em 0;
}
.swell-block-step__number.u-col-main {
background: #000;
color: #fff!important;
width: 80px!important;
padding: 10px 0!important;
}
.is-style-big>.swell-block-step__item::after {
border: solid 22px transparent;
}
h3.swell-block-step__title {
padding: .3em 0!important;
}
.is-style-big .swell-block-step__item::after {
border-top-color: #000;
}
.is-style-big .swell-block-step__item:first-child {
border-top: dashed 1px #000;
}
.is-style-big .swell-block-step__item {
border-bottom: dashed 1px #000;
}
/* YouTubeサイズ */
.youtubewide{
position: relative;
padding-bottom: 56.25%;
}
.youtubewide iframe {
position: absolute;
width: 100%;
height: 100%;
}

/*画像拡大させない */
.offimg{
pointer-events: none!important;
}
/*画像拡大後の矢印 */
.lum-next-button:after,.lum-gallery-button:after,.lum-previous-button:after{
border-color:#1EA1F2;
box-shadow:none;
}
/*棒グラフカスタム */
.single .pb-bar-graph__dl .pb-bar-graph__label, .single .pb-bar-graph__dl .pb-bar-graph__value {
color: #000;
font-weight: normal!important;
text-shadow: none;
}
/*リンク無効 */
.linknone{
pointer-events:none;
}
/*リストタグカスタム */
.is-style-num_circle li::before {
top: 0;
border-radius: 0;
}
/*縦に表示 */
.tate{
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
display:inline-block;
}
/*リンク下線少し下げる */
#comments p a, .p-termHead__desc a, .post_content a, .textwidget a {

text-underline-position: under;
}
/* メニューボタンバツマーク位置 */
.p-spMenu__inner {
width: 88vw;
}
.p-spMenu__closeBtn {
top: 50%;
margin-left: 100%;
color:#fff;
}
.p-spMenu__closeBtn:before{
content:"閉じる";
position:absolute;
font-size:13px;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
white-space: nowrap;
}
/* BFB幅 */
.bfb_closed{
display:none;
}
#bfb_content_pc.bfb_textBtn,#bfb_content_pc.bfb_textBtn{
width: 62%;
margin-left:4.4%;
}
.bfb_view_pc a.bfb_btn,.bfb_view_pc a.bfb_btn2{
text-shadow:none!important;
font-weight:normal!important;
}
#bfb_content_pc{
transition: .9s;
}

/*SWELL囲み線吹き出し風にカスタム */
.has-border.-border01 {
position: relative;
background-color: #fff;
padding:1em;
	z-index:1;
}
.has-border.-border01:before,.has-border.-border01:after{
border-left: 25px solid transparent;
border-right: 25px solid transparent;
left: calc(50% - 25px);
border-bottom: 20px solid #000;
content: '';
position: absolute;
}
.has-border.-border01:before{
top: -20px;

}
.has-border.-border01:after{
top: -19px;
border-bottom: 20px solid #fff;
}

/* タームナビゲーション */
.c-categoryList__link.-current{
color: #fff!important;
}
a.c-categoryList__link.hov-flash-up {
background: #fff;
color: #000;
}
.p-articleMetas__termList .c-categoryList::before{
color:#000;	
}
.p-termNavigation.c-categoryList ,.p-termNavigation .c-categoryList__separation::after,.p-breadcrumb__list.l-container{
color: #fff;
}


.post_content .is-style-icon_bad::after{
top: inherit;
align-self: center;
display: inline;
}
.wp-block-column{
align-self: center;	
}

/* 商品ボックスliタグ縦幅 */
.shopbox li{
line-height: 1.5;
}
.pb-compare-box {
    max-width: 100%!important;
	border-radius: 0!important;
}

/* タブ選択外の背景色 */
.is-style-balloon>.c-tabList .c-tabList__button {
    background: #ddd;
}