@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 3.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/


/*--------------------------------
ワードプレス編集画面
--------------------------------*/
/*編集画面のそこらじゅうに発生するうざいやつ*/
/*.ephox-snooker-resizer-rows {
  display: none !important;
}
.ephox-snooker-resizer-bar{
  display: none !important;
}
.ephox-snooker-resizer-cols{
  display: none !important;
}*/
/*--------------------------------
end ワードプレス編集画面
--------------------------------*/


.osusume_template a :hover {
    opacity: .7 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.osusume_template a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

body{
    /*text-align: justify;*/
}

html {
    scroll-behavior: smooth;
}

.mtm5{margin-top:-5px !important;}
.mtm10{margin-top:-10px !important;}
.mtm20{margin-top:-20px !important;}
.mtm25{margin-top:-25px !important;}
.mtm30{margin-top:-30px !important;}
.mtm40{margin-top:-40px !important;}
.mtm50{margin-top:-50px !important;}
.mtm60{margin-top:-60px !important;}
.mt0{margin-top:0px !important;}
.mt2{margin-top:2px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.mbm5{margin-bottom:-5px !important;}
.mbm10{margin-bottom:-10px !important;}
.mb0{margin-bottom:0px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

.mr0{margin-right:0px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}

.ta_c{text-align: center !important;}
.ta_r{text-align: right;}
.ta_l{text-align: left;}
.ta_j{text-align: justify;}

.font40per{font-size:40%}
.font50per{font-size:50%}
.font60per{font-size:60%}
.font70per{font-size:70%}
.font80per{font-size:80%}
.font90per{font-size:90%}

.color_white{color: #fff !important;}
.color_gray{color:#ccc;}
.gray555{color: #555 !important;}

.w100{width: 100% !important;}
.w0{width: 0px !important;}

.bold{font-weight: bold;}

.display_flex_center{
	display: flex;
	justify-content: center;
}

#footer-menu{background-color:#101e33 !important;}


/*引用の中に箇条書きリストを入れた時の枠線無し処理*/
.entry-content blockquote ul, .entry-content blockquote ol {
    border: none;
    padding: 5px 0 5px 20px;
    margin: 0;
}
/*end 引用の中に箇条書きリストを入れた時の枠線無し処理*/


/*recaptchaマークを消す*/
.grecaptcha-badge { visibility: hidden; }
/*end recaptchaマークを消す*/


/*半角英数を改行*/
.linkto .tbtext {
    word-break: break-all;
}
.my-widget li a .my-widget__text {
    word-break: break-all;
}
.single-title, .page-title{
    word-break: break-all;
}
/*end 半角英数を改行*/


/*スマホの目次に戻る用ダミー*/
#sp_mokuji{
    margin-top: 70px;
    position: absolute;
}
/*end スマホの目次に戻る用ダミー*/


/*スマホ用の目次に戻るボタン*/
.sp_mokuji{
    writing-mode: vertical-rl;
    position: fixed;
    right: 0px;
    bottom: 20%;
    z-index: 9999;
    background: #37beb0;
    padding: 10px 3px;
    color: #fff;
    /* opacity: .6; */
    border-radius: 5px 0 0 5px;
    font-size: 80%;
}
/*end スマホ用の目次に戻るボタン*/

/*スマホ用の目次に戻るボタン_固定ページ用*/
.sp_mokuji2{
    writing-mode: vertical-rl;
    position: fixed;
    right: 0px;
    bottom: 20%;
    z-index: 100;
    background: #4f4d55;
    padding: 10px 3px;
    color: #fff;
    /* opacity: .6; */
    border-radius: 5px 0 0 5px;
    font-size: 80%;
}
/*end スマホ用の目次に戻るボタン_固定ページ用*/


/*見出しブロックの下線消す*/
.entry-content p a {
  text-decoration: none;
}

p a:hover {
  text-decoration: underline !important;
  cursor: pointer;
}
/*end 見出しブロックの下線消す*/


/*.article-footer .footer-contents .sns-btn {
display: none;
}*/

/*H4の下線の色*/
#inner-content .wp-block-sgb-headings .hh17:after {
    border-bottom: solid 3px #37beb0;
}
/*end H4の下線の色*/


/*関連記事の文字数制限*/
.linkto .tbtext {
    /*display: -webkit-box;*/
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    vertical-align: middle;
}
/*end 関連記事の文字数制限*/


/*投稿日と更新日*/
/*.pubdate{
    display: none;
}*/
.vcard{
    text-align: right;
}
.entry-meta {
    font-size: 13px;
    color: #cbcbcb;
}
/*end 投稿日と更新日*/


.my_bold{
  font-weight: bold;
}


.box29{
    background: #fdfaf1;
}


@media only screen and (min-width: 769px){
    /*シューティング記事のPC版youtubeサイズ*/
    .post-17331 .wp-block-embed-youtube{
        width: 65%;
        margin: 0 auto !important;
    }
    .postid-29381 .wp-block-embed-youtube{
        width: 65%;
        margin: 0 auto !important;
    }
    .post-52116 .wp-block-embed-youtube{
        width: 65%;
        margin: 0 auto !important;
    }
    /*end シューティング記事のPC版youtubeサイズ*/
    .top_kugiri_margin{margin-top:50px;}
    .sp_only{
        display: none !important;
    }
	#logo img {
	    vertical-align: top;
	    padding: 10px 6px 10px 0 !important;
	}
	.afi_bg{
		padding: 40px 0;
	    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #f0f0f0), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #f0f0f0),color-stop(.75, #f0f0f0), color-stop(.75, transparent),to(transparent));
	    -webkit-background-size: 7px 7px;
	}
    .afi_bg_no_together{
        padding: 40px 0;
        background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #f0f0f0), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #f0f0f0),color-stop(.75, #f0f0f0), color-stop(.75, transparent),to(transparent));
        -webkit-background-size: 7px 7px;
        height: 330px;
    }
	.afi_bg2{
		padding: 30px 30px 0 30px;
	    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #f0f0f0), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #f0f0f0),color-stop(.75, #f0f0f0), color-stop(.75, transparent),to(transparent));
	    -webkit-background-size: 7px 7px;
	}
    .h230{
        height: 230px;
    }
    /*ハワイ記事のもくじ*/
    .hawaii_contents{
        position: relative;
        height: 560px;
        overflow-y: scroll;
        overflow-x: hidden;
        background: #f4f4f4;
        border: 2px solid #a0a0a0;
    }
    .hawaii_contents_inner{
        padding: 0px 25px 0 25px;
    }
    .hawaii_contents_scroll{
        height: 30px;
        background: #37beb0;
        box-shadow: -2px -5px 3px -3px rgb(0 0 0 / 20%);
        position: relative;
        z-index: 1005;
        border-right: 5px solid #37beb0;
        border-left: solid 5px #37beb0;
        text-align: center;
        color: #fff;
    }
    /*end ハワイ記事のもくじ*/
}

@media only screen and (max-width: 768px){
    .top_kugiri_margin{margin-top:30px;}
    .pc_only{
        display: none !important;
    }
    .afi_bg{
		padding: 20px 0;
	    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #f0f0f0), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #f0f0f0),color-stop(.75, #f0f0f0), color-stop(.75, transparent),to(transparent));
	    -webkit-background-size: 7px 7px;
	}
    /*ハワイ記事のもくじ*/
    .hawaii_contents{
        position: relative;
        height: 500px;
        overflow-y: scroll;
        overflow-x: hidden;
        background: #f4f4f4;
    }
    .hawaii_contents_inner{
        padding: 0px 25px 0 25px;
    }
    .hawaii_contents_scroll{
        height: 30px;
        background: #37beb0;
        box-shadow: -2px -5px 3px -3px rgb(0 0 0 / 20%);
        position: relative;
        z-index: 1005;
        border-right: 5px solid #37beb0;
        border-left: solid 5px #37beb0;
        text-align: center;
        color: #fff;
    }
    /*end ハワイ記事のもくじ*/
}

#logo img {
    display: inline-block;
    height: 56px;
    padding: 12px 0 10px 0;
    vertical-align: middle;
}

a{font-weight: bold;}

/*メインカラムの比率*/
@media (min-width: 1030px){
	.d-5of7 {
	    float: left;
	    width: 78%;
	    padding-right: 30px;
	}
}
@media (min-width: 1030px){
	.d-2of7 {
	    float: left;
	    width: 22%;
	    padding-right: 0.75em;
	}
}
@media (min-width: 1030px){
    .single .d-5of7, .post .d-5of7, .page .d-5of7 {
        padding-right: 1em;
    }
}
/*end メインカラムの比率*/


.clearfix :after {
  content: "";
  display: block;
  clear: both;
}

.pastel-bc {
    background-color: #37beb00a !important;
}

#main .h-undeline {
    background: #f7fcfc;
}
#footer-menu a {
    color: #fff !important;
}
.copyright {
    color: #fff !important;
}

.entry-content img.alignleft {
    margin: 0em 1.2em 0.5em 0;
}
.page-id-3 h2 {
    margin: 4em 0 1em 0 !important;
}

/*--------------------------------------
wppでランキング順位を表示する
--------------------------------------*/
/* カウンタをリセット */
.my-widget.show_num {
    counter-reset: wpp-ranking;
}
/* 一覧の表示 */
.my-widget.show_num li {
    position: relative;
}
/* 順位を表示 */
.my-widget.show_num li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
 	display: inline-block;
 	position: absolute;
 	z-index: 1;
 	top: 0;
 	left: 0;
 	width: 25px;
 	height: 25px;
	border-radius: 50%;
	text-align: center;
	line-height: 25px;
}
/* 1位 */
.my-widget.show_num li:nth-child(1):before {
	background: #FCE36b;
	color: #fff;
}
/* 2位 */
.my-widget.show_num li:nth-child(2):before {
	background: #FCE36b;
	color: #fff;
}
/* 3位 */
.my-widget.show_num li:nth-child(3):before {
	background: #FCE36b;
	color: #fff;
}
/* 4位以降の色 */
.my-widget.show_num li:nth-child(n + 4):before{
	background: #f3f3f3;
	color: #9a9a9a;
}
/*--------------------------------------
end wppでランキング順位を表示する
--------------------------------------*/

/*アコーディオン*/
.sgb-acc__input:checked ~ .sgb-acc__content{
    box-shadow: 0 3px 6px -1px rgb(77 88 101 / 15%);
    padding: 0.9em 15px;
    border-bottom: 1px solid #ededee;
    border-left: 1px solid #ededee;
    border-right: 1px solid #ededee;
    border-radius: 0 5px 5px 0;
}
/*end アコーディオン*/


/*ウィジェット*/
.widget h4 + * {
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 5px;
}
.ez-toc-widget-container li.active>a {
    font-weight: 600;
    color: #ed776a; /*#26a598*/
}
.ez-toc-widget-container nav{
    max-height: 390px;
    overflow-y: auto;
    /*background: #ed776a0f;*/
    background: #37beb00a;
}
.my-widget.show_num li {
    position: relative;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);
    margin-bottom: 10px;
}
.my-widget.show_num li :last-child{
    margin-bottom: 0px;
}
.widgettitle {
    border-bottom: 1px solid #37beb0;
}
#fixed_sidebar .widget {
    border: 1px solid #37beb0;
}
.widgettitle {
    font-size: 1.1em;
    text-align: center;
}
.post, .sidebar .widget {
    border: none !important;
}
.widget ul li ul li a {
    padding: 5px 7px 5px 0px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5em;
}
#custom_html-21{
    border:none !important;
}
.ez-toc-widget-container .ez-toc-list li a{
    padding: 3px 7px 3px 7px !important;
    font-size: 12px !important;
}
.fixed-sidebar:not(.sidefixed), .fixed-sidebar:not(.sideidled) {
    overflow-y: initial;
}
/*end ウィジェット*/

/*ウィジェット　カテゴリ*/
#custom_html-22 > .custom-html-widget > .widget-menu > li > a{
    padding: 7px 0;
}
#custom_html-22 > .custom-html-widget > .widget-menu > li > a > p{
    font-size: .9em;
}
.wiget_category img{
    max-width:35px !important;
}
.wiget_category p{
    margin-bottom:0 !important;
    line-height:1.4em;
}
.widget-menu {
    border: 1px solid #f4f4f4 !important;
}
/*.wiget_category ul{
    border-right:1px solid #e8e8e8 !important;
}*/
.wiget_category li{
    border-left:1px solid #e8e8e8 !important;
    border-bottom:1px solid #e8e8e8 !important;
}
/*end ウィジェット　カテゴリ*/


/*サイドバーのプロフィール*/
#custom_html-80{
    /*border:1px solid #37beb0 !important;*/
}
#custom_html-80 p{
    text-align: justify;
    font-size: 13px;
    font-weight: bold;
    color: #626262;
}
#custom_html-80 .yourname{
    text-align: center;
    font-size: 16px;
}
@media(max-width: 759px){
    #custom_html-80{display: none;}
}
.yourprofile .profile-img img {
    border: solid 3px #e1e1e1 !important;
}
/*サイドバーのプロフィール*/


/*目次プラグイン*/
#toc_container, #ez-toc-container{
    margin: 6em 0 !important;
}
#div#ez-toc-container ul li {
    font-size: 95%;
    line-height: 2.2em;
}
.counter-decimal > .ez-toc-title-container > p :before{
    display: none !important;
}
.ez-toc-list li{
	font-size:90%;
	line-height: 1.4em;
}
.ez-toc-list a:hover{
	color: #ed776a !important;
}
.widget ul li a:hover {
    background: none;
    /*opacity: .7;*/
    color: #26a598;
}
.ez-toc-list .active {
    background: none;
    opacity: .8;
    color: #37beb0;
}
#ez-toc-container li{
	line-height: 2.4em !important;
}
div#ez-toc-container p.ez-toc-title {
    font-weight: bold;
    font-size: 1em;
}
#ez-toc-container p.ez-toc-title {
    line-height: 2em;
}
#toc_container, #ez-toc-container, h3, .li-mainbdr ul, .li-mainbdr ol {
    border-top: 5px solid #37beb0 !important;
    border-right: none;
    border-bottom: none;
    border-left: none;
}
#ez-toc-container.ez-toc-white {
    background: #f8f8f8;
    box-shadow: 0 1.5px 2.4px rgba(0,0,0,.15);
}
#toc_container .toc_title, .entry-content .ez-toc-title-container {
    margin: 10px 0 5px 18px;
}
.ez-toc-title{
	text-align: center;
    font-size: 1.2em;
}
#sidebar1 .ez-toc-title:before{
    font-family: "Font Awesome 5 Free";
    content : "\f518";
    padding-right:5px;
}
.ez-toc-title-container {
    display: table;
    width: 100%;
}
div.ez-toc-widget-container ul.ez-toc-list {
    padding: 0px;
}
#ez-toc-container li, #ez-toc-container ul, #ez-toc-container ul li, div.ez-toc-widget-container, div.ez-toc-widget-container li {
    font-size: .9em;
}
#ezw_tco-2 .ez-toc-widget-container ul.ez-toc-list li.active::before {
    background-color: transparent !important;
}
.ez-toc .widgettitle{
    color: #fff;
    /*background-color: #ed776a;*/ /*#37beb0*/
    border:none;
}
#ezw_tco-2{
    border: 1px solid #37beb0 !important;/*#ed776a*/
}
#ez-toc-container ul ul, .ez-toc div.ez-toc-widget-container ul ul {
    margin-left: .6em;
}
/*end 目次プラグイン*/


/*この記事を読む時間は*/
.estimated-reading-time {
    font-size: 0.85em;
    text-align: right;
    display: none;
}
/*end この記事を読む時間は*/


/*アイキャッチ下部の当サイトはプロモーション*/
.pr_text{
    font-size: 80%;
    color: #abaaaa;
    /*font-weight: bold;*/
}
@media(max-width: 768px){
    .pr_text{
        padding: 0 15px;
    }
}
/*end アイキャッチ下部の当サイトはプロモーション*/


/*お問い合わせ*/
.page-id-42 .wpcf7-submit{
    background-color: #37beb0;
    color: #fff;
    border: 1px solid #37beb0;
    font-weight: bold;
    padding: 10px 45px;
    border-radius: 3px;
}
.contact_btn{
    text-align: center;
    margin-top:20px;
}
.form_doui{
    font-size: .9em;
}
.form_check_btn{
    /*font-size: 1.2em;*/
    margin-top:-20px;
    margin-left: -20px;
}
/*end お問い合わせ*/


/*About お問い合わせ*/
.page-id-22598 .wpcf7-submit{
    background-color: #37beb0;
    color: #fff;
    border: 1px solid #37beb0;
    font-weight: bold;
    padding: 10px 45px;
    border-radius: 3px;
    margin-top: 30px;
}
.page-id-22598 .contact_btn{
    text-align: center;
}
/*end About お問い合わせ*/


/*インデザインのロゴ*/
@media(max-width: 768px){
    .last_buy_ico{
        margin: 0 auto;
        width: 100px;
    }
}
/*end インデザインのロゴ*/



/*PSビギナーのもくじ*/
@media(min-width: 769px){
    .pc_mokuji_width_be{
        width: 60%;
        margin: 0 auto;
    }
    .pc_mokuji_width_onecolumn_be{
        width: 60%;
        margin: 0 auto;
    }
    .zero_mokuji_inner_ps_be{
        border: 2px solid #2f2d44;
        color:#2f2d44;
        width: 40%;
        margin: 35px auto;
        border-radius: 3px;
        text-align: center;
        padding: 5px 0;
        transition-property: all;
        transition: 0.3s linear;
    }
}
@media(max-width: 768px){
    .zero_mokuji_inner_ps_be{
        border: 2px solid #2f2d44;
        color:#2f2d44;
        width: 100%;
        margin: 35px auto;
        border-radius: 3px;
        text-align: center;
        padding: 5px 0;
        transition-property: all;
        transition: 0.3s linear;
    }
}

.ttl_sozai_ps_be {
    font-weight: 700;
    color: #372920;
    font-size: 1em;
}
.zero_mokuji_inner_ps_be:hover{
    color:#23d5f9;
    background: #2f2d44;
    text-decoration: none;
    transition-property: all;
    transition: 0.3s linear;
}
.zero_mokuji_btn_ps_be:hover{
    text-decoration: none;
    transition-property: all;
    transition: 0.3s linear;
}
/*end PSビギナーのもくじ*/




/*ゼロシリーズ記事下部の目次リスト*/
#scrollbox .hide_box_above {
    height: 45px;
    font-weight: 700;
    color: #fff;
    background: #37beb0;
    /*text-shadow: 1px 1px 2px #fff;*/
    position: relative;
    z-index: 1005;
    font-size: 18px;
    border-bottom: solid 1px #68a7a0;
    padding: 0;
    line-height: 45px;
    letter-spacing: .05em;
    box-shadow: 0px 9px 6px -2px rgba(0,0,0,.25);
    text-align: center;
}
#scrollbox .hide_box {
    height: 30px;
    background: #37beb0;
    box-shadow: -2px -5px 3px -3px rgba(0,0,0,.2);
    position: relative;
    z-index: 1005;
    /*border-right: 5px solid #37beb0;
    border-left: solid 5px #37beb0;*/
}
.hide_box{
	color:#fff;
	text-align: center;
}
#scrollbox .boxbox {
    position: relative;
}
@media(min-width: 769px){
    #scrollbox .silverbox {
        position: relative;
        height: 560px;
        padding: 20px 25px 0 25px;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        background: #e9e9e9;
    }
    #scrollbox .silverbox_ps {
        position: relative;
        height: 560px;
        padding: 20px 25px 0 25px;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        background: #e1e3ec;
    }
    #scrollbox .silverbox_ai {
        position: relative;
        height: 560px;
        padding: 20px 25px 0 25px;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        background: #ece5e1;
    }
    #scrollbox .silverbox_id {
        position: relative;
        height: 560px;
        padding: 20px 25px 0 25px;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        background: #fbeef5;
    }
    .pc_mokuji_width{
        /*width: 72%;*/
        margin: 0 auto;
    }
    .pc_mokuji_width_onecolumn{
        width: 60%;
        margin: 0 auto;
    }
}
@media(max-width: 768px){
    #scrollbox .silverbox {
        position: relative;
        height: 400px;
        padding: 20px 25px 0 25px;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        background: #e9e9e9;
    }
    #scrollbox .hide_box_above {
	    font-size: 17px;
	}
    #scrollbox .silverbox_ps {
        position: relative;
        height: 400px;
        padding: 20px 25px 0 25px;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        background: #e1e3ec;
    }
    #scrollbox .hide_box_above_ps {
        font-size: 17px;
    }
    #scrollbox .silverbox_ai {
        position: relative;
        height: 400px;
        padding: 20px 25px 0 25px;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        background: #ece5e1;
    }
    #scrollbox .hide_box_above_ai {
        font-size: 17px;
    }
    #scrollbox .silverbox_id {
        position: relative;
        height: 400px;
        padding: 20px 25px 0 25px;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        background: #ece5e1;
    }
    #scrollbox .hide_box_above_id {
        font-size: 17px;
    }
    #scrollbox .silverbox_sozai {
        position: relative;
        height: 400px;
        padding: 20px 25px 0 25px;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        background: #ece5e1;
    }
    #scrollbox .hide_box_above_sozai {
        font-size: 17px;
    }
}
#relateps .silverbox .tb {
    height: 50px;
    margin-bottom: 1.1em;
    box-shadow: 3px 3px 3px rgba(63,63,63,.3);
}
.tb {
    margin-bottom: 1.6em;
    display: table;
    min-height: 47px;
    width: 100%;
}
#relateps .silverbox .snk {
    background: #37beb0;
    position: relative;
    width: 50px;
    height: 50px;
    border-bottom: solid 4px #4b7773;
}
#relateps .silverbox .snk_ps {
    background: #2f2d44 !important;
    position: relative;
    width: 50px;
    height: 50px;
    border-bottom: solid 4px #262538;
}
#relateps .silverbox .snk_ai {
    background: #372920 !important;
    position: relative;
    width: 50px;
    height: 50px;
    border-bottom: solid 4px #241b14;
}
#relateps .silverbox .snk_ai2 {
    background: #372920 !important;
    position: relative;
    width: 40%;
    /*height: 80px;*/
    border-bottom: solid 4px #80808b;
}
#relateps .silverbox .snk_id {
    background: #3a0018 !important;
    position: relative;
    width: 50px;
    height: 50px;
    border-bottom: solid 4px #18000a;
}
#relateps .silverbox .snk_id2 {
    background: #3a0018 !important;
    position: relative;
    width: 40%;
    /*height: 80px;*/
    border-bottom: solid 4px #80808b;
}
#relateps .silverbox .snk_sozai {
    background: #333 !important;
    position: relative;
    width: 50px;
    height: 50px;
    border-bottom: solid 4px #262626;
}
#relateps .silverbox .snk_sozai2 {
    background: #372920 !important;
    position: relative;
    width: 40%;
    /*height: 80px;*/
    border-bottom: solid 4px #80808b;
}
.snk {
    color: #807171;
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    font-weight: 700;
    text-align: center;
    background: #838383;
}
#relateps .snk:after {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 50px solid transparent;
    border-left: 14px solid #37beb0;
    position: absolute;
    left: 50px;
    top: 0;
    z-index: 999;
    display: none;
}
#relateps .snk:before {
    content: " ";
    position: absolute;
    bottom: -9px;
    left: -1px;
    width: 0;
    height: 0;
    border-width: 0 10px 10px 0;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #e9e9e9;
}
#relateps .snk_ps:before {
    content: " ";
    position: absolute;
    bottom: -9px;
    left: -1px;
    width: 0;
    height: 0;
    border-width: 0 10px 10px 0;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #e1e3ec;
}
#relateps .snk_ai:before {
    content: " ";
    position: absolute;
    bottom: -9px;
    left: -1px;
    width: 0;
    height: 0;
    border-width: 0 10px 10px 0;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #ece5e1;
}
#relateps .snk_id:before {
    content: " ";
    position: absolute;
    bottom: -9px;
    left: -1px;
    width: 0;
    height: 0;
    border-width: 0 10px 10px 0;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #fbeef5;
}
#relateps .silverbox .snk .fa {
    padding-left: 8px;
    color: #fff;
}
.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%;
}
#scrollbox .silverbox .lnk {
    border-top: none;
    border-left: none;
    position: relative;
    background: #fff;
    width: calc(100% - 60px);
    height: 50px;
    display: table-cell;
    padding: 2px 5px 2px 10px;
    line-height: 1.3;
    text-align: left;
    vertical-align: middle;
    border-bottom: solid 4px #d8d8d8;
    border-right: solid 4px #f4f4f4;
    transition-property: all;
    transition: 0.3s linear;
    font-size: .75em;
}
#scrollbox .silverbox .lnk_sozai {
    border-top: none;
    border-left: none;
    position: relative;
    background: #fff;
    width: calc(100% - 60px);
    height: 50px;
    display: table-cell;
    padding: 2px 5px 2px 10px;
    line-height: 1.3;
    text-align: left;
    vertical-align: middle;
    border-bottom: solid 4px #d8d8d8;
    border-right: solid 4px #f4f4f4;
    transition-property: all;
    transition: 0.3s linear;
    font-size: .8em;
}
#scrollbox .silverbox .lnk:hover {
    border-top: none;
    border-left: none;
    position: relative;
    background: #37beb012;
    width: calc(100% - 60px);
    height: 50px;
    display: table-cell;
    padding: 2px 5px 2px 10px;
    line-height: 1.3;
    text-align: left;
    vertical-align: middle;
    border-bottom: solid 4px #4b77733b;
    border-right: solid 4px #4b77733b;
    transition-property: all;
    transition: 0.3s linear;
}
#scrollbox .silverbox .lnk_ps:hover {
    border-top: none;
    border-left: none;
    position: relative;
    background: #ccd3e470;
    width: calc(100% - 60px);
    height: 50px;
    display: table-cell;
    padding: 2px 5px 2px 10px;
    line-height: 1.3;
    text-align: left;
    vertical-align: middle;
    border-bottom: solid 4px #abb3c57a;
    border-right: solid 4px #abb3c57a;
    transition-property: all;
    transition: 0.3s linear;
}
#scrollbox .silverbox .lnk_ai:hover {
    border-top: none;
    border-left: none;
    position: relative;
    background: #dfd0c757;
    width: calc(100% - 60px);
    height: 50px;
    display: table-cell;
    padding: 2px 5px 2px 10px;
    line-height: 1.3;
    text-align: left;
    vertical-align: middle;
    border-bottom: solid 4px #c5b5ac69;
    border-right: solid 4px #c5b5ac69;
    transition-property: all;
    transition: 0.3s linear;
}
#scrollbox .silverbox .lnk_ai2:hover {
    border-top: none;
    border-left: none;
    position: relative;
    background: #dfd0c757;
    width: calc(100% - 60px);
    /*height: 50px;*/
    display: table-cell;
    padding: 2px 5px 2px 10px;
    line-height: 1.3;
    text-align: left;
    vertical-align: middle;
    border-bottom: solid 4px #c5b5ac69;
    border-right: solid 4px #c5b5ac69;
    transition-property: all;
    transition: 0.3s linear;
}
#scrollbox .silverbox .lnk_id:hover {
    border-top: none;
    border-left: none;
    position: relative;
    background: #dfd0c757;
    width: calc(100% - 60px);
    height: 50px;
    display: table-cell;
    padding: 2px 5px 2px 10px;
    line-height: 1.3;
    text-align: left;
    vertical-align: middle;
    border-bottom: solid 4px #c5b5ac69;
    border-right: solid 4px #c5b5ac69;
    transition-property: all;
    transition: 0.3s linear;
}
#scrollbox .silverbox .lnk_id2:hover {
    border-top: none;
    border-left: none;
    position: relative;
    background: #dfd0c757;
    width: calc(100% - 60px);
    /*height: 50px;*/
    display: table-cell;
    padding: 2px 5px 2px 10px;
    line-height: 1.3;
    text-align: left;
    vertical-align: middle;
    border-bottom: solid 4px #c5b5ac69;
    border-right: solid 4px #c5b5ac69;
    transition-property: all;
    transition: 0.3s linear;
}
#scrollbox .silverbox .lnk_sozai:hover {
    border-top: none;
    border-left: none;
    position: relative;
    background: #dfd0c757;
    width: calc(100% - 60px);
    height: 50px;
    display: table-cell;
    padding: 2px 5px 2px 10px;
    line-height: 1.3;
    text-align: left;
    vertical-align: middle;
    border-bottom: solid 4px #c5b5ac69;
    border-right: solid 4px #c5b5ac69;
    transition-property: all;
    transition: 0.3s linear;
}
#scrollbox .silverbox .lnk_sozai2:hover {
    border-top: none;
    border-left: none;
    position: relative;
    background: #dfd0c757;
    width: calc(100% - 60px);
    /*height: 50px;*/
    display: table-cell;
    padding: 2px 5px 2px 10px;
    line-height: 1.3;
    text-align: left;
    vertical-align: middle;
    border-bottom: solid 4px #c5b5ac69;
    border-right: solid 4px #c5b5ac69;
    transition-property: all;
    transition: 0.3s linear;
}
#scrollbox .silverbox .lnk_ps2:hover {
    border-top: none;
    border-left: none;
    position: relative;
    background: #d8dce8;
    width: calc(100% - 60px);
    /*height: 50px;*/
    display: table-cell;
    padding: 2px 5px 2px 10px;
    line-height: 1.3;
    text-align: left;
    vertical-align: middle;
    border-bottom: solid 4px #c3c9d7;
    border-right: solid 4px #c3c9d7;
    transition-property: all;
    transition: 0.3s linear;
}
}
#scrollbox .silverbox .lnk:before {
    content: " ";
    position: absolute;
    bottom: -4px;
    left: -5px;
    width: 0;
    height: 0;
    border-width: 0 4px 4px 5px;
    border-style: solid;
    border-color: transparent;
    z-index: 1000000;
    border-bottom-color: #4b7773;
}
#relateps .silverbox .lnk:after {
    content: " ";
    position: absolute;
    top: -1px;
    right: -5px;
    width: 0;
    height: 0;
    border-width: 0 6px 6px 0;
    border-style: solid;
    border-color: #e9e9e9;
    z-index: 1000;
    border-bottom-color: transparent;
}
.lnk {
    /*min-width: 200px;*/
    display: table-cell;
    border: solid 2px #f0ebeb;
    padding: .7em .5em;
}
.lnk_sozai {
    /*min-width: 200px;*/
    display: table-cell;
    /*border: solid 2px #f0ebeb;*/
    padding: .7em .5em;
}
#relateps .silverbox .lnk .ttl {
    color: #555;
}
.ttl {
    font-weight: 700;
    color: #f89174;
}
.ttl_sozai_ai {
    font-weight: 700;
    color: #372920;
    font-size: .9em;
}
.ttl_sozai_id {
    font-weight: 700;
    color: #372920;
    font-size: .9em;
}
.ttl_sozai_sozai {
    font-weight: 700;
    color: #372920;
    font-size: .9em;
}
.ttl_sozai_ps {
    font-weight: 700;
    color: #372920;
    font-size: .9em;
}
#scrollbox .boxbox:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-width: 0 8px 8px 0;
    border-style: solid;
    border-color: transparent;
    border-right-color: #4b7773;
}
#scrollbox .boxbox_ps:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-width: 0 8px 8px 0;
    border-style: solid;
    border-color: transparent;
    border-right-color: #43405a;
}
#scrollbox .boxbox_ai:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-width: 0 8px 8px 0;
    border-style: solid;
    border-color: transparent;
    border-right-color: #241b14;
}
#scrollbox .boxbox_id:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-width: 0 8px 8px 0;
    border-style: solid;
    border-color: transparent;
    border-right-color: #241b14;
}
#scrollbox .boxbox_sozai:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-width: 0 8px 8px 0;
    border-style: solid;
    border-color: transparent;
    border-right-color: #262626;
}
#relateps .silverbox a:hover {
    text-decoration: none;
    padding-top: 2px;
    margin-bottom: -2px;
}
#footer a:hover {
    color: gray;
}
.zero_mokuji_btn{
    font-weight: bold;
    text-decoration: none;
    transition-property: all;
    transition: 0.3s linear;
}
.zero_mokuji_inner{
	border: 2px solid #37beb0;
	color:#37beb0;
	width: 25%;
	margin: 20px auto;
	border-radius: 3px;
	text-align: center;
	padding: 5px 0;
	transition-property: all;
    transition: 0.3s linear;
}
.zero_mokuji_btn:hover{
    text-decoration: none;
    transition-property: all;
    transition: 0.3s linear;
}
.zero_mokuji_inner:hover{
	color:#fff;
	background: #37beb0;
    text-decoration: none;
    transition-property: all;
    transition: 0.3s linear;
}
.zero_mokuji_inner_ps{
    border: 2px solid #2f2d44;
    color:#2f2d44;
    width: 35%;
    margin: 35px auto;
    border-radius: 3px;
    text-align: center;
    padding: 5px 0;
    transition-property: all;
    transition: 0.3s linear;
}
.zero_mokuji_btn_ps:hover{
    text-decoration: none;
    transition-property: all;
    transition: 0.3s linear;
}
.zero_mokuji_inner_ps:hover{
    color:#23d5f9;
    background: #2f2d44;
    text-decoration: none;
    transition-property: all;
    transition: 0.3s linear;
}
.zero_mokuji_inner_ai{
    border: 2px solid #372920;
    color:#372920;
    width: 35%;
    margin: 35px auto;
    border-radius: 3px;
    text-align: center;
    padding: 5px 0;
    transition-property: all;
    transition: 0.3s linear;
}
.zero_mokuji_btn_ai:hover{
    text-decoration: none;
    transition-property: all;
    transition: 0.3s linear;
}
.zero_mokuji_inner_ai:hover{
    color:#ff711c;
    background: #3a0018;
    text-decoration: none;
    transition-property: all;
    transition: 0.3s linear;
}
.zero_mokuji_inner_id{
    border: 2px solid #372920;
    color:#372920;
    width: 25%;
    margin: 35px auto;
    border-radius: 3px;
    text-align: center;
    padding: 5px 0;
    transition-property: all;
    transition: 0.3s linear;
}
.zero_mokuji_btn_id:hover{
    text-decoration: none;
    transition-property: all;
    transition: 0.3s linear;
}
.zero_mokuji_inner_id:hover{
    color:#ff3366;
    background: #372920;
    text-decoration: none;
    transition-property: all;
    transition: 0.3s linear;
}
.zero_mokuji_inner_sozai{
    border: 2px solid #372920;
    color:#372920;
    width: 25%;
    margin: 35px auto;
    border-radius: 3px;
    text-align: center;
    padding: 5px 0;
    transition-property: all;
    transition: 0.3s linear;
}
.zero_mokuji_btn_sozai:hover{
    text-decoration: none;
    transition-property: all;
    transition: 0.3s linear;
}
.zero_mokuji_inner_sozai:hover{
    color:#dddb52;
    background: #333;
    text-decoration: none;
    transition-property: all;
    transition: 0.3s linear;
}
.hr_scroll_mokuji{
    margin-top: 40px !important;
    margin-bottom: 38px !important;
}
.hr_scroll_mokuji2{
    margin-top: 45px !important;
    margin-bottom: 17px !important;
}
.tit_scroll_mokuji{
    text-align: center;
    margin-bottom: 15px !important;
    font-weight: bold;
    color: #3d3d3d;
}
/*PSの枠の色*/
.hide_box_above_ps{
    color: #23d5f9 !important;
    background: #262538 !important;
    border-bottom: solid 1px #262538 !important;
}
.hide_box_ps{
    color: #23d5f9 !important;
    background: #262538 !important;
}
/*end_PSの枠の色*/
/*AIの枠の色*/
.hide_box_above_ai{
    color: #ff711c !important;
    background: #372920 !important;
    border-bottom: solid 1px #262538 !important;
}
.hide_box_ai{
    color: #ff711c !important;
    background: #372920 !important;
}
/*end_AIの枠の色*/
/*IDの枠の色*/
.hide_box_above_id{
    color: #ff3366 !important;
    background: #3a0018 !important;
    border-bottom: solid 1px #3a0018 !important;
}
.hide_box_id{
    color: #ff3366 !important;
    background: #3a0018 !important;
}
/*end_IDの枠の色*/
/*素材の枠の色*/
.hide_box_above_sozai{
    color: #dddb52 !important;
    background: #333 !important;
    border-bottom: solid 1px #262626 !important;
}
.hide_box_sozai{
    color: #dddb52 !important;
    background: #333 !important;
}
/*end_素材の枠の色*/
/*#relateps{
	margin-top:5em;
}*/
/*end ゼロシリーズ記事下部の目次リスト*/

.contents_last_mokuji img{
	opacity: 1;
	transition-property: all;
    transition: 0.3s linear;
}
.contents_last_mokuji img:hover{
	opacity: .9;
	transition-property: all;
    transition: 0.3s linear;
}

/*ボックスカスタマイズ*/
.box10 {
    margin: 2em 0;
    padding: 1.5em 1em;
    border-top: solid 6px #37beb0;
    background: #37beb00a;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    color: #09544d;
}
/*end ボックスカスタマイズ*/

.tl_label {
    color: #37beb0 !important;
}

.sgb-tl-item__label, .sgb-tl-item__label--default {
    color: #37beb0 !important;
}

.fa-check{
    color:#37beb0 !important;
}
.fa-check-square{
    color:rgb(247, 252, 252) !important;
}
.sgb-heading--type2{
    background: #37beb0 !important;
    font-size: 1.3em !important;
}
.sgb-heading--type3 {
    background-color: #f7fcfc !important;
    border-color: #37beb0 !important;
    font-size: 1.2em;
}
.sgb-heading--type4{
    background-color: #37beb0 !important;
    border-color: #37beb0 !important;
    /*font-size: 1.4em !important;*/
}

.box3 {
    background-color: #f6f6f6 !important;
    /*border-radius: 15px;*/
    box-shadow: 0 1.5px 2.4px rgb(0 0 0 / 15%);
}
.box22 {
    margin: 1em 0;
    padding: 1.5em 1em;
    border-left: solid 6px #37beb0 !important;
    background: #fafafa !important;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) !important;
}
.box26 .box-title, .box27 .box-title {
    display: inline-block;
    position: relative;
    top: -14px;
    left: 10px;
    padding: 0 9px;
    margin: 0 7px;
    /*background: #fff;*/
    background: #fafdfd;
    color: #37beb0;
    font-size: 19px;
    line-height: 1.4;
}
.box26, .box27 {
    margin: 2em 0;
    border: solid 3px #37beb0;
    border-radius: 8px;
    /*background: #fff;*/
    background: #f7fcfc99;
}

.box30 .box-title, .box31 .box-title, .box33 .box-title {
    margin: 0 -15px 15px;
    padding: 8px 4px;
    background: #37beb0;
    color: #fff;
    font-size: 1.2em;
    text-align: center;
    line-height: 1.5;
}
.box30, .box31, .box33 {
    margin: 2em 0;
    padding: 0 15px 10px;
    background: #f7fcfc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}


.adobe_buy_h4{
	border-bottom: 1px solid #f5a15f !important;
    margin-bottom: 1.5em !important;
    border-left: 5px solid #f5a15f !important;
    padding-left: 10px;
    background: #fff;
    padding:8px 0 5px 0;
    color: #464646;
}

.adobe-buy-area{
	padding-bottom:30px;
}
.adobe-buy-area a{
	color: #37beb0;
}

.memo {
    background: #fffaea;
    color: #545454;
}
.memo_ttl {
    color: #ff932c;
}
.memo_ttl:before {
    background: #ff932c;
    margin: -6px 3px 0 0;
}

.sgb-box-simple__title{
    background-color: #37beb0 !important;

}
.sgb-box-simple__body{
    border-color: #37beb0 !important;
}

.mt5em{
    margin-top:5em;
}



/*クラシックエディタ見出しデザイン*/
.entry-content h2 {
    margin: 9em 0 2.5em !important;
}
.entry-content h3{
    margin: 6em 0 2em !important;
    /*border-bottom: 1px solid #37beb0 !important;*/
}
.entry-content h4{
    border-bottom: 1px solid #37beb0;
    margin-bottom: 1.5em !important;
    border-left: 5px solid #37beb0;
    padding-left: 10px;
    background: #fff;
    /*margin-top: 3.5em !important;*/
}
/*.entry-content h4 span{
    color:#37beb0 !important;
}*/
.sgb-heading--type1.with-icon {
    padding-left: 30px !important;
}
.hh30:before {
    position: absolute;
    top: 0;
    left: 0;
    color: #37beb0 !important;
}
h3{
    border-top: hidden !important;
    padding: 10px 0 10px 0px !important;
    border-left-style: none !important;
}
/*h3:before {
    color: #37beb0;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    padding-right: 10px;
}
.hh32 {
    position: relative;
    padding: 0.5em 0.5em 0.5em 1.8em;
    background: #37beb0 !important;
    color: white;
    line-height: 1.4;
}*/
/*end クラシックエディタ見出しデザイン*/



/*トップに人気記事を設置*/
/*タイトル*/
#new-entry {
    position: relative;
    margin: 0 2.5% 0 2.5%;
}
#new-entry:before {
    position: absolute;
    content: "";
    border-bottom: 2px solid #000;
    top: 50%;
    left: 0;
    z-index: -1;
    width: 100%;
}
#new-entry span {
    font-weight: 700;
    color: #4d4b4b;
    font-family: "Avenir","Arial",sans-serif;
    display: inline-block;
    padding: 1em;
    letter-spacing: .05em;
    font-size: 22px;
    background: #fafafa;
}
/*更新日時*/
.cardtype time {
    margin: 5px 5px 5px;
}
/*end 更新日時*/
/*余白調整など*/
.popular-posts .cardtype__article-info {
    padding-top: 0.5em;
}
.cardtype__article-info {
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: justify;
    word-break: break-all;
}
.popular-posts .cardtype__link {
    padding-bottom: 10px;
}
@media only screen and (max-width: 480px) {
    #new-entry {
        position: relative;
        margin: 0;
    }
    #new-entry span {font-size: 20px;}
  /*スマホでも2列横並びに*/
  .cardtype {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: -moz-box;
      display: flex;
      flex-direction: row;
      -webkit-flex-direction: row;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
  }
  .popular-posts .cardtype__article {
    width: 48%;
  }
  .popular-posts .cardtype__article:nth-child(odd){
    margin-right: 4%;
  }
  .popular-posts.cardtype h2 {
      margin: 0 0px;
      font-size: 15px;
  }
  .cardtype__article{
    width: 48% !important;
  }
  .cardtype__article:nth-child(odd){
    margin-right: 4% !important;
  }
  .cardtype__article h2 {
      margin: 0 5px;
      font-size: 15px;
  }
}
/*END トップに人気記事を設置*/

.top_main_mt{
    margin-top: -50px !important;
}


/*カテゴリ一覧カード*/
@media only screen and (min-width: 1030px){
    #new-entry {
        position: relative;
        margin: 0 5.8% 0 0;
    }
    /*トップ人気記事*/
    .top_article {
        /*padding: 12px 12px 0px 12px;*/
        /*width: 47% !important;
        margin: 0 1.5% 25px 1.5% !important;*/
    }
    .cardtype h2 {
        margin: 8px 13px 0;
        font-size: 16px;
        margin: 0 !important;
    }
    .cardtype time {
        margin: 5px 0px 5px;
    }
    .cardtype__link {
        padding-bottom: 10px;
    }
    /*end トップ人気記事*/
    /*トップ新着記事*/
    .top_cardtype article{
        padding: 12px 12px 0px 12px;
        /*width: 47% !important;
        margin: 0 1.5% 25px 1.5% !important;*/
    }
    /*end トップ新着記事*/
}
/*end トップに人気記事を設置*/

.kaerebalink-powered-date{
    display: none;
}
.kaerebalink-detail{
    display: none;
}

.tl_main {
    font-size: .92em;
}

.desktop-nav li:after {
    background: #37beb0 !important;
}

.wp-block-file .wp-block-file__button {
    background: #37beb0;
    border-radius: 2em;
    color: #fff;
    font-size: 15px;
    padding: .5em 1em;
}


/*---------------------------------
ゼロイラ、ゼロフォトその他固定ページのもくじ
---------------------------------*/
@media(max-width: 769px){
    .fullpage_mokuji_container{
        display: none;
    }
}
.fullpage_mokuji_container{
    position: fixed;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    background: #ffffffd1;
    padding: 20px 30px 20px 10px;
}
.fullpage_mokuji_container_clista{
    border: 1px solid #d1d1d1;
}
.fullpage_mokuji_container ul{
    border: none;
    padding: 0;
    margin: 0;
}
.fullpage_mokuji_container li{
    list-style: none;
}
.fullpage_mokuji_list1_ps{
    font-size: .9em;
    font-weight: bold;
    line-height: 1em;
}
.fullpage_mokuji_list1_ps a{
    color: #302218;
}
.fullpage_mokuji_list1_ps a:hover{
    opacity: .8;
    text-decoration: none;
}
.fullpage_mokuji_list2_ps{
    font-size: .75em;
    font-weight: normal;
    padding-left: 10px !important;
    line-height: 1.2em;
}
.fullpage_mokuji_list2_ps a{
    font-weight: normal;
    color: #302218;
}
.fullpage_mokuji_list2_ps a:hover{
    opacity: .8;
    text-decoration: none;
}

.fullpage_mokuji_list1_ai{
    font-size: .9em;
    font-weight: bold;
    line-height: 1em;
}
.fullpage_mokuji_list1_ai a{
    color: #302218;
}
.fullpage_mokuji_list1_ai a:hover{
    opacity: .8;
    text-decoration: none;
}
.fullpage_mokuji_list2_ai{
    font-size: .75em;
    font-weight: normal;
    padding-left: 10px !important;
    line-height: 1.2em;
}
.fullpage_mokuji_list2_ai a{
    font-weight: normal;
    color: #302218;
}
.fullpage_mokuji_list2_ai a:hover{
    opacity: .8;
    text-decoration: none;
}

.fullpage_mokuji_list1_sozai{
    font-size: .9em;
    font-weight: bold;
    line-height: 1em;
}
.fullpage_mokuji_list1_sozai a{
    color: #302218;
}
.fullpage_mokuji_list1_sozai a:hover{
    opacity: .8;
    text-decoration: none;
}
.fullpage_mokuji_list2_sozai{
    font-size: .75em;
    font-weight: normal;
    padding-left: 10px !important;
    line-height: 1.2em;
}
.fullpage_mokuji_list2_sozai a{
    font-weight: normal;
    color: #302218;
}
.fullpage_mokuji_list2_sozai a:hover{
    opacity: .8;
    text-decoration: none;
}

.fullpage_mokuji_list1_portfolio{
    font-size: .8em;
    font-weight: bold;
    line-height: 1em;
}
.fullpage_mokuji_list1_portfolio a{
    color: #302218;
}
.fullpage_mokuji_list1_portfolio a:hover{
    opacity: .8;
    text-decoration: none;
}
.fullpage_mokuji_list2_portfolio{
    font-size: .75em;
    font-weight: normal;
    padding-left: 10px !important;
    line-height: 1.2em;
}
.fullpage_mokuji_list2_portfolio a{
    font-weight: normal;
    color: #302218;
}
.fullpage_mokuji_list2_portfolio a:hover{
    opacity: .8;
    text-decoration: none;
}

@media(max-width: 1100px){
    .fullpage_mokuji_container_sp{
        
    }
}
.fullpage_mokuji_container_sp{

}
.zero_mokuji_content{
    background: #bcc2d0;
    padding:30px 15px;
}
.zero_mokuji_container {
    max-width: 850px;
    margin: 0 auto;
}
.fullpage_mokuji_container_sp ul{
    border: none;
    padding: 0;
    margin: 0;
}
.fullpage_mokuji_container_sp li{
    list-style: none;
    padding:3px 0;
    text-align: center;
}
/*---------------------------------
end ゼロイラ、ゼロフォトその他固定ページのもくじ
---------------------------------*/


/*---------------------------------
ゼロイラ固定ページ
---------------------------------*/
.postid-11960 .header-info {display: none;}
.postid-11960 #inner-footer{
    display: none;
}
.postid-11960 #inner-content{
    width: 100%;
}
.postid-11960 #entry{
    margin-bottom: 0;
}
.postid-11960 #main{
    max-width: 1180px;
}
.postid-11960 .article-footer{
    display: none;
}
.postid-11960 .prnx_box{
    display: none;
}
.postid-11960 .article-header{
    display: none;
}
.postid-11960 .estimated-reading-time{
    display: none;
}
.postid-11960 #content{
    padding-bottom: 0;
}
.postid-11960 .entry-content{
    padding:0;
}
.postid-11960 #main{
    max-width:100%;
}
.postid-11960 .entry-content p{
    margin:0 auto;
}
.postid-11960 a:hover{
    text-decoration: none !important;
}
.zero_ai_container{
    max-width: 1180px;
    margin: 0 auto;
}
.zero_ai_container_2{
    max-width: 850px;
    margin: 0 auto;
}
.zero_ai_content_main{
    background: #372920; /* Old browsers */
    background: -moz-linear-gradient(top,  #372920 0%, #200d06 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #372920 0%,#200d06 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #372920 0%,#200d06 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#372920', endColorstr='#200d06',GradientType=0 ); /* IE6-9 */
    padding:65px 15px;
}
.zero_ai_content_sub{
    background: #ff711c;
    padding:50px 15px;
}
.zero_ai_content_1{
    background: #ece5e1;
    padding:50px 15px;
}
.zero_ai_content_2{
    background: #d0c3bc;
    padding:50px 15px;
}
.postid-11960 h1{
    text-align: center;
    color:#fff;
    border-top: 1px solid #ff711c;
    width: 65%;
    margin: 25px auto;
    padding-top: 13px;
}
.zero_ai_sub_p{
    font-weight: bold;
}
.postid-11960 h2{
    text-align: center;
    color: #372920;
    margin: 0 0 15px 0 !important;
    padding-bottom: 5px;
    border-bottom: 2px solid #372920;
    font-size: 1.7em;
}
.zero_ai_step{
    text-align: center;
    color: #ece5e1;
    background-color: #372920;
    font-size: .8em;
    border-radius: 5px;
    font-weight: bold;
    width: 70px;
    margin-bottom: 15px !important;
}
.zero_ai_step2{
    text-align: center;
    color: #ece5e1;
    background-color: #372920;
    font-size: .8em;
    border-radius: 5px;
    font-weight: bold;
    width: 190px;
    margin-bottom: 15px !important;
}
.zero_ai_kihon{
    background: #fff;
    color:#372920;
    height: 48px;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.zero_ai_kihon:hover{
    background: #dfd0c7;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.zero_ai_kihon_ico{
    background-color:#302218;
    width: 48px;
    height: 48px;
}
.zero_ai_kihon_tit{
    font-weight: bold;
    color:#302218;
    display: table-cell;
    vertical-align: middle;
    padding:0 20px;
    line-height: 1.4em;
    width: 100%;
    font-size: .8em;
}
.zero_ai_ouyou1{
    background: #fff;
    color:#372920;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.zero_ai_ouyou1:hover{
    background: #dfd0c7;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.zero_ai_ouyou1_tit{
    font-weight: bold;
    color:#302218;
    display: table-cell;
    vertical-align: middle;
    padding:0 20px;
    line-height: 1.4em;
    font-size: .9em;
}
.zero_ai_ouyou1_ico{
    width:25%;
    display: table-cell;
}
.zero_ai_ouyou_mb{
    margin-bottom:1.5em;
}
.zero_ai_table{
    display: table;
}
.zero_ai_tablecell{
    display: table-cell;
}
.zero_ai_setsumei{
    font-size:14px;
    font-weight: bold;
    margin-bottom:2.5em !important;
    text-align: justify;
}
.zero_ai_logo{
    text-align: center;
    max-width: 100%;
}
.zero_ai_h1_small{
    font-size:22px;
    font-weight:bold;
    color:#ff711c;
    letter-spacing: .1em;
}
.zero_ai_koushinbi{
    font-size:15px;
    text-align: center;
    border:1px solid #ff711c;
    padding:3px 5px;
    color:#ff711c;
    width: 195px;
    letter-spacing: .04em;
}
.postid-11960 .totop{
    background: #302218;
}
.postid-11960 #footer-menu {
    background-color: #302218 !important;
}
@media(min-width: 769px){
    .zero_ai_content_1 .su-row {
        margin-bottom: 1em;
    }
}
@media(max-width: 768px){
    .zero_ai_ouyou1_tit{
        font-weight: bold;
        font-size:.84em;
        color:#302218;
        display: table-cell;
        vertical-align: middle;
        padding:0 10px;
        line-height: 1.4em;
    }
    .zero_ai_ouyou1_ico{
        width:45% !important;
        display: table-cell;
    }
    .zero_ai_kihon_tit{
        font-weight: bold;
        font-size:.84em;
        color:#302218;
        display: table-cell;
        vertical-align: middle;
        padding:0 20px;
        line-height: 1.4em;
        width: 100%;
    }
    .postid-11960 h1{
        text-align: center;
        color:#fff;
        border-top: 1px solid #ff711c;
        width: 100%;
        margin: 25px auto;
        padding-top: 13px;
    }
    .zero_ai_h1_small{
        font-size:19px !important;
    }
    .postid-11960 h2{
        font-size: 1.5em !important;
    }
}
/*---------------------------------
end ゼロイラ固定ページ
---------------------------------*/





/*---------------------------------
ゼロインデザ固定ページ
---------------------------------*/
.postid-89182 .header-info {display: none;}
.postid-89182 #inner-footer{
    display: none;
}
.postid-89182 #inner-content{
    width: 100%;
}
.postid-89182 #entry{
    margin-bottom: 0;
}
.postid-89182 #main{
    max-width: 1180px;
}
.postid-89182 .article-footer{
    display: none;
}
.postid-89182 .prnx_box{
    display: none;
}
.postid-89182 .article-header{
    display: none;
}
.postid-89182 .estimated-reading-time{
    display: none;
}
.postid-89182 #content{
    padding-bottom: 0;
}
.postid-89182 .entry-content{
    padding:0;
}
.postid-89182 #main{
    max-width:100%;
}
.postid-89182 .entry-content p{
    margin:0 auto;
}
.postid-89182 a:hover{
    text-decoration: none !important;
}
.zero_id_container{
    max-width: 1180px;
    margin: 0 auto;
}
.zero_id_container_2{
    max-width: 850px;
    margin: 0 auto;
}
.zero_id_content_main{
    background: #1d000c; /* Old browsers */
    background: -moz-linear-gradient(top,  #48001e 0%, #1d000c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #48001e 0%,#1d000c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #48001e 0%,#1d000c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48001e', endColorstr='#1d000c',GradientType=0 ); /* IE6-9 */
    padding:65px 15px;
}
.zero_id_content_sub{
    background: #ff3366;
    padding:50px 15px;
}
.zero_id_content_1{
    background: #fbeef5;
    padding:50px 15px;
}
.zero_id_content_2{
    background: #edd3e1;
    padding:50px 15px;
}
.postid-89182 h1{
    text-align: center;
    color:#fff;
    border-top: 1px solid #ff3366;
    width: 65%;
    margin: 25px auto;
    padding-top: 13px;
}
.zero_id_sub_p{
    font-weight: bold;
}
.postid-89182 h2{
    text-align: center;
    color: #3a0018;
    margin: 0 0 15px 0 !important;
    padding-bottom: 5px;
    border-bottom: 2px solid #3a0018;
    font-size: 1.7em;
}
.zero_id_step{
    text-align: center;
    color: #f9ebef;
    background-color: #3a0018;
    font-size: .8em;
    border-radius: 5px;
    font-weight: bold;
    width: 70px;
    margin-bottom: 15px !important;
}
.zero_id_step2{
    text-align: center;
    color: #f9ebef;
    background-color: #3a0018;
    font-size: .8em;
    border-radius: 5px;
    font-weight: bold;
    width: 190px;
    margin-bottom: 15px !important;
}
.zero_id_kihon{
    background: #fff;
    color:#3a0018;
    height: 48px;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.zero_id_kihon:hover{
    background: #f9e3ed;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.zero_id_kihon_ico{
    background-color:#3a0018;
    width: 48px;
    height: 48px;
}
.zero_id_kihon_tit{
    font-weight: bold;
    color:#3a0018;
    display: table-cell;
    vertical-align: middle;
    padding:0 20px;
    line-height: 1.4em;
    width: 100%;
    font-size: .8em;
}
.zero_id_ouyou1{
    background: #fff;
    color:#3a0018;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.zero_id_ouyou1:hover{
    background: #f9e3ed;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.zero_id_ouyou1_tit{
    font-weight: bold;
    color:#3a0018;
    display: table-cell;
    vertical-align: middle;
    padding:0 20px;
    line-height: 1.4em;
    font-size: .9em;
}
.zero_id_ouyou1_ico{
    width:25%;
    display: table-cell;
}
.zero_id_ouyou_mb{
    margin-bottom:1.5em;
}
.zero_id_table{
    display: table;
}
.zero_id_tablecell{
    display: table-cell;
}
.zero_id_setsumei{
    font-size:14px;
    font-weight: bold;
    margin-bottom:2.5em !important;
    text-align: justify;
}
.zero_id_logo{
    text-align: center;
    max-width: 100%;
}
.zero_id_h1_small{
    font-size:22px;
    font-weight:bold;
    color:#ff3366;
    letter-spacing: .1em;
}
.zero_id_koushinbi{
    font-size:15px;
    text-align: center;
    border:1px solid #ff3366;
    padding:3px 5px;
    color:#ff3366;
    width: 195px;
    letter-spacing: .04em;
}
.postid-89182 .totop{
    background: #3a0018;
}
.postid-89182 #footer-menu {
    background-color: #3a0018 !important;
}
.postid-89182 .sponsored{
    display: none;
}
@media(min-width: 769px){
    .zero_id_content_1 .su-row {
        margin-bottom: 1em;
    }
}
@media(max-width: 768px){
    .zero_id_ouyou1_tit{
        font-weight: bold;
        font-size:.84em;
        color:#3a0018;
        display: table-cell;
        vertical-align: middle;
        padding:0 10px;
        line-height: 1.4em;
    }
    .zero_id_ouyou1_ico{
        width:45% !important;
        display: table-cell;
    }
    .zero_id_kihon_tit{
        font-weight: bold;
        font-size:.84em;
        color:#3a0018;
        display: table-cell;
        vertical-align: middle;
        padding:0 20px;
        line-height: 1.4em;
        width: 100%;
    }
    .postid-89182 h1{
        text-align: center;
        color:#fff;
        border-top: 1px solid #ff3366;
        width: 100%;
        margin: 25px auto;
        padding-top: 13px;
    }
    .zero_id_h1_small{
        font-size:19px !important;
    }
    .postid-89182 h2{
        font-size: 1.5em !important;
    }
}
/*---------------------------------
end ゼロインデザ固定ページ
---------------------------------*/




/*---------------------------------
ゼロフォト固定ページ
---------------------------------*/
.postid-13093 .header-info {display: none;}
.postid-13093 #inner-footer{
    display: none;
}
.postid-13093 #inner-content{
    width: 100%;
}
.postid-13093 #entry{
    margin-bottom: 0;
}
.postid-13093 #main{
    max-width: 1180px;
}
.postid-13093 .article-footer{
    display: none;
}
.postid-13093 .prnx_box{
    display: none;
}
.postid-13093 .article-header{
    display: none;
}
.postid-13093 .estimated-reading-time{
    display: none;
}
.postid-13093 #content{
    padding-bottom: 0;
}
.postid-13093 .entry-content{
    padding:0;
}
.postid-13093 #main{
    max-width:100%;
}
.postid-13093 .entry-content p{
    margin:0 auto;
}
.postid-13093 a:hover{
    text-decoration: none !important;
}
.zero_ps_container{
    max-width: 1180px;
    margin: 0 auto;
}
.zero_ps_container_2{
    max-width: 850px;
    margin: 0 auto;
}
.zero_ps_content_main{
    background: #151426; /* Old browsers */
    background: -moz-linear-gradient(top,  #44415c 0%, #151426 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #44415c 0%,#151426 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #44415c 0%,#151426 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44415c', endColorstr='#151426',GradientType=0 ); /* IE6-9 */
    padding:65px 15px;
}
.zero_ps_content_sub{
    background: #23d5f9;
    padding:50px 15px;
}
.zero_ps_content_1{
    background: #e1e3ec;
    padding:50px 15px;
}
.zero_ps_content_2{
    background: #bcc2d0;
    padding:50px 15px;
}
.postid-13093 h1{
    text-align: center;
    color:#fff;
    border-top: 1px solid #23d5f9;
    width: 70%;
    margin: 25px auto;
    padding-top: 13px;
}
.zero_ps_sub_p{
    font-weight: bold;
}
.postid-13093 h2{
    text-align: center;
    color: #372920;
    margin: 0 0 15px 0 !important;
    padding-bottom: 5px;
    border-bottom: 2px solid #372920;
    font-size: 1.7em;
}
.zero_ps_step{
    text-align: center;
    color: #ece5e1;
    background-color: #423f5a;
    font-size: .8em;
    border-radius: 5px;
    font-weight: bold;
    width: 70px;
    margin-bottom: 15px !important;
}
.zero_ps_step_long{
    text-align: center;
    color: #ece5e1;
    background-color: #423f5a;
    font-size: .8em;
    border-radius: 5px;
    font-weight: bold;
    width: 190px;
    margin-bottom: 15px !important;
}
.zero_ps_kihon{
    background: #fff;
    color:#372920;
    height: 48px;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.zero_ps_kihon:hover{
    background: #ccd3e4;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.zero_ps_kihon_ico{
    background-color:#2f2d44;
    width: 48px;
    height: 48px;
}
.zero_ps_kihon_tit{
    font-weight: bold;
    color:#302218;
    display: table-cell;
    vertical-align: middle;
    padding:0 20px;
    line-height: 1.4em;
    width: 100%;
    font-size: .8em;
}
.zero_ps_ouyou1{
    background: #fff;
    color:#372920;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.zero_ps_ouyou1:hover{
    background: #ccd3e4;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.zero_ps_ouyou1_tit{
    font-weight: bold;
    color:#302218;
    display: table-cell;
    vertical-align: middle;
    padding:0 20px;
    line-height: 1.4em;
    font-size: .9em;
}
@media(min-width: 769px){
    .zero_ps_sub_ico_posi{
        margin-top: 20px !important;
    }
}
@media(max-width: 768px){
    .zero_ps_ouyou1_tit{
        font-weight: bold;
        font-size:.84em;
        color:#302218;
        display: table-cell;
        vertical-align: middle;
        padding:0 10px;
        line-height: 1.4em;
    }
    .zero_ps_ouyou1_ico{
        width:45% !important;
        display: table-cell;
    }
    .zero_ps_kihon_tit{
        font-weight: bold;
        font-size:.84em;
        color:#302218;
        display: table-cell;
        vertical-align: middle;
        padding:0 20px;
        line-height: 1.4em;
        width: 100%;
    }
    .postid-13093 h1{
        text-align: center;
        color:#fff;
        border-top: 1px solid #23d5f9;
        width: 100%;
        margin: 25px auto;
        padding-top: 13px;
    }
    .zero_ps_h1_small{
        font-size:17px !important;
    }
    .postid-13093 h2{
        font-size: 1.5em !important;
    }
}
.zero_ps_ouyou1_ico{
    width:25%;
    display: table-cell;
}
.zero_ps_ouyou_mb{
    margin-bottom:1.5em;
}
.zero_ps_table{
    display: table;
}
.zero_ps_tablecell{
    display: table-cell;
}
.zero_ps_setsumei{
    font-size:14px;
    font-weight: bold;
    margin-bottom:2.5em !important;
    text-align: justify;
}
.zero_ps_logo{
    text-align: center;
    max-width: 100%;
}
.zero_ps_h1_small{
    font-size:22px;
    font-weight:bold;
    color:#23d5f9;
    letter-spacing: .1em;
}
.zero_ps_koushinbi{
    font-size:15px;
    text-align: center;
    border:1px solid #23d5f9;
    padding:3px 5px;
    color:#23d5f9;
    width: 195px;
    letter-spacing: .04em;
}
.postid-13093 .totop{
    background: #302218;
}
.postid-13093 #footer-menu {
    background-color: #35334b !important;
}
.ps_zero_chukyu_tit1{
    text-align: center;
    font-weight: bold;
    color: #372920;
    margin-bottom: 15px !important;
    font-size: 1em;
}
.ps_zero_chukyu_tit2{
    text-align: center;
    font-weight: bold;
    color: #372920;
    margin-bottom: 20px !important;
    margin-top: 50px !important;
    font-size: 1em;
}

@media(min-width: 769px){
    .zero_ps_content_1 .su-row {
        margin-bottom: 1em;
    }
}
/*---------------------------------
end ゼロフォト固定ページ
---------------------------------*/




/*---------------------------------
クリスタ固定ページ
---------------------------------*/
.postid-30059 .header-info {display: none;}
.postid-30059 #inner-footer{
    display: none;
}
.postid-30059 #inner-content{
    width: 100%;
}
.postid-30059 #entry{
    margin-bottom: 0;
}
.postid-30059 #main{
    max-width: 1180px;
}
.postid-30059 .article-footer{
    display: none;
}
.postid-30059 .prnx_box{
    display: none;
}
.postid-30059 .article-header{
    display: none;
}
.postid-30059 .estimated-reading-time{
    display: none;
}
.postid-30059 #content{
    padding-bottom: 0;
}
.postid-30059 .entry-content{
    padding:0;
}
.postid-30059 #main{
    max-width:100%;
}
.postid-30059 .entry-content p{
    margin:0 auto;
    color: #333;
}
.postid-30059 a:hover{
    text-decoration: none !important;
}
.clista_container{
    max-width: 1180px;
    margin: 0 auto;
}
.clista_container_2{
    max-width: 850px;
    margin: 0 auto;
}
.clista_content_main{
    background: #fff;
    background-image: url(https://sdesignlabo.com/blog/wp-content/uploads/2020/12/csp_top_main_chara.png);
    background-repeat:no-repeat;
    background-position: right;
    background-size: contain;
    padding:65px 15px;
    max-width: 1050px;
    margin: 0 auto;
    height: 510px;
}
.clista_content_sub{
    background: #333;
    padding:50px 15px;
}
.clista_content_1{
    background: #f4f2f3;
    padding:50px 15px;
}
.clista_content_2{
    background: #eae6e7;
    padding:50px 15px;
}
.postid-30059 h1{
    /*text-align: center;
    color:#fff;
    border-top: 1px solid #ff711c;
    width: 65%;
    margin: 25px auto;
    padding-top: 13px;*/
    width: 400px;
}
.clista_main_posi{
    margin-top: 102px;
}
.clista_sub_p{
    font-weight: bold;
}
.clista_cat_posi{
    margin-top: 28px !important;
}
.postid-30059 h2{
    text-align: center;
    color: #333;
    margin: 0 0 15px 0 !important;
    padding-bottom: 5px;
    border-bottom: 2px solid #c5c5c5;
    font-size: 1.7em;
}
.clista_step{
    text-align: center;
    color: #ece5e1;
    /*background-color: #333;*/
    font-size: .8em;
    border-radius: 5px;
    font-weight: bold;
    width: 70px;
    margin-bottom: 15px !important;
    border: 1px solid #333;
}
.clista_kihon{
    background: #fff;
    color:#333;
    height: 65px;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.clista_kihon:hover{
    background: #dfd0c7;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.clista_kihon_ico{
    background-color:#302218;
    width: 65px;
    height: 65px;
}
.clista_kihon_tit{
    font-weight: bold;
    color:#302218;
    display: table-cell;
    vertical-align: middle;
    padding:0 20px;
    line-height: 1.4em;
    width: 100%;
}
.clista_ouyou1{
    background: #fff;
    color:#333;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.clista_ouyou1:hover{
    background: #e1e1e1;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.clista_ouyou1_tit{
    font-weight: bold;
    color:#302218;
    display: table-cell;
    vertical-align: middle;
    padding:0 20px;
    line-height: 1.4em;
    font-size: .9em;
}
.clista_ouyou1_ico{
    width:30%;
    display: table-cell;
}
.clista_ouyou_mb{
    margin-bottom:1.5em;
}
.clista_table{
    display: table;
}
.clista_tablecell{
    display: table-cell;
}
.clista_setsumei{
    font-size:14px;
    font-weight: bold;
    margin-bottom:2.5em !important;
    text-align: justify;
}
/*.clista_logo{
    text-align: center;
    max-width: 100%;
}*/
.clista_h1_small{
    font-size:22px;
    font-weight:bold;
    color:#ff711c;
    letter-spacing: .1em;
}
.clista_koushinbi{
    font-size:15px;
    text-align: center;
    border:1px solid #262626;
    padding:3px 5px;
    float:left;
    width: 195px;
    letter-spacing: .04em;
    background: #ffffffa6;
    margin-left:10px !important;
}
.postid-30059 .totop{
    background: #999;
}
.postid-30059 #footer-menu {
    background-color: #333 !important;
}
@media(max-width: 768px){
    .clista_ouyou1_tit{
        font-weight: bold;
        font-size:.9em;
        color:#302218;
        display: table-cell;
        vertical-align: middle;
        padding:0 10px;
        line-height: 1.4em;
    }
    .clista_ouyou1_ico{
        width:45% !important;
        display: table-cell;
    }
    .clista_kihon_tit{
        font-weight: bold;
        font-size:.9em;
        color:#302218;
        display: table-cell;
        vertical-align: middle;
        padding:0 20px;
        line-height: 1.4em;
        width: 100%;
    }
    .postid-30059 h1{
        text-align: center;
        color:#fff;
        /*border-top: 1px solid #ff711c;*/
        width: 100%;
        margin: 25px auto;
        padding-top: 13px;
    }
    .clista_h1_small{
        font-size:20px !important;
    }
    .postid-30059 h2{
        font-size: 1.5em !important;
    }
    .clista_content_main{
        background: #fff;
        background-image: url(https://sdesignlabo.com/blog/wp-content/uploads/2020/12/csp_top_main_chara.png);
        background-repeat:no-repeat;
        background-position: left;
        background-size: cover;
        padding:65px 15px;
        max-width: 1050px;
        margin: 0 auto;
        height: auto;
    }
    .clista_main_posi{
        margin-top: 0;
        padding-bottom: 20px;
    }
    .clista_main_tit_sp img{
        width: 90%;
        text-align: center;
    }
    .clista_koushinbi{
        font-size:15px;
        text-align: center;
        border:1px solid #262626;
        padding:3px 5px;
        float:none;
        width: 195px;
        letter-spacing: .04em;
        background: #ffffffd4;
        margin:0 auto !important;
    }
}
/*---------------------------------
end クリスタ固定ページ
---------------------------------*/


/*---------------------------------
end クリスタもくじ_スクロール
---------------------------------*/
@media(min-width: 769px){
    #scrollbox .silverbox2 {
        position: relative;
        height: 560px;
        padding: 20px 25px 0 25px;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        background: #e9e9e9;
    }
}
@media(max-width: 768px){
    #scrollbox .silverbox2 {
        position: relative;
        height: 400px;
        padding: 20px 25px 0 25px;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        background: #e9e9e9;
    }
}
#relateps .silverbox2 .tb {
    height: 70px;
    margin-bottom: 1.3em;
    box-shadow: 3px 3px 3px rgba(63,63,63,.3);
}
#relateps .silverbox2 .snk {
    background: #37beb0;
    position: relative;
    width: 61px;
    height: 70px;
    border-bottom: solid 4px #4b7773;
}
#relateps .silverbox2 .snk .fa {
    padding-left: 8px;
    color: #fff;
}
#scrollbox .silverbox2 .lnk {
    border-top: none;
    border-left: none;
    position: relative;
    background: #fff;
    width: calc(100% - 60px);
    height: 70px;
    display: table-cell;
    padding: 2px 5px 2px 23px;
    line-height: 1.6;
    text-align: left;
    vertical-align: middle;
    border-bottom: solid 4px #d8d8d8;
    border-right: solid 4px #f4f4f4;
    transition-property: all;
    transition: 0.3s linear;
}
#scrollbox .silverbox2 .lnk:hover {
    border-top: none;
    border-left: none;
    position: relative;
    background: #37beb012;
    width: calc(100% - 60px);
    height: 70px;
    display: table-cell;
    padding: 2px 5px 2px 23px;
    line-height: 1.6;
    text-align: left;
    vertical-align: middle;
    border-bottom: solid 4px #4b77733b;
    border-right: solid 4px #4b77733b;
    transition-property: all;
    transition: 0.3s linear;
}
}
#scrollbox .silverbox2 .lnk:before {
    content: " ";
    position: absolute;
    bottom: -4px;
    left: -5px;
    width: 0;
    height: 0;
    border-width: 0 4px 4px 5px;
    border-style: solid;
    border-color: transparent;
    z-index: 1000000;
    border-bottom-color: #4b7773;
}
#relateps .silverbox2 .lnk:after {
    content: " ";
    position: absolute;
    top: -1px;
    right: -5px;
    width: 0;
    height: 0;
    border-width: 0 6px 6px 0;
    border-style: solid;
    border-color: #e9e9e9;
    z-index: 1000;
    border-bottom-color: transparent;
}
#relateps .silverbox2 .lnk .ttl {
    color: #555;
}
#relateps .silverbox2 a:hover {
    text-decoration: none;
}
.clista_mokuji_sen{
    margin-top:1.5em !important;
    margin-bottom: 1em !important;
}
/*---------------------------------
end クリスタもくじ_スクロール
---------------------------------*/




/*---------------------------------
転職・スクール固定ページ
---------------------------------*/
.postid-123023 .header-info {display: none;}
.postid-123023 #inner-footer{
    display: none;
}
.postid-123023 #inner-content{
    width: 100%;
}
.postid-123023 #entry{
    margin-bottom: 0;
}
.postid-123023 #main{
    max-width: 1180px;
}
.postid-123023 .article-footer{
    display: none;
}
.postid-123023 .prnx_box{
    display: none;
}
.postid-123023 .article-header{
    display: none;
}
.postid-123023 .estimated-reading-time{
    display: none;
}
.postid-123023 #content{
    padding-bottom: 0;
}
.postid-123023 .entry-content{
    padding:0;
}
.postid-123023 #main{
    max-width:100%;
}
.postid-123023 .entry-content p{
    margin:0 auto;
    color: #333;
}
.postid-123023 a:hover{
    text-decoration: none !important;
}
.job_container{
    max-width: 1180px;
    margin: 0 auto;
}
.job_container_2{
    max-width: 850px;
    margin: 0 auto;
}
.job_content_main{
    background: #fff;
    background-image: url(https://sdesignlabo.com/blog/wp-content/uploads/2022/10/school_job_main.jpg);
    background-repeat:no-repeat;
    background-position: right;
    background-size: contain;
    padding:25px 15px;
    max-width: 1050px;
    margin: 0 auto;
    height: 510px;
}
.job_content_sub{
    background: #718f9b;
    padding:50px 15px;
}
.job_content_1{
    background: #f2f3f4;
    padding:50px 15px;
}
.job_content_2{
    background: #dadee3;
    padding:50px 15px;
}
.postid-123023 h1{
    /*text-align: center;
    color:#fff;
    border-top: 1px solid #ff711c;
    width: 65%;
    margin: 25px auto;
    padding-top: 13px;*/
    width: 550px;
}
.job_main_posi{
    margin-top: 108px;
}
.job_sub_p{
    font-weight: bold;
}
.job_cat_posi{
    margin-top: 28px !important;
}
.postid-123023 h2{
    text-align: center;
    color: #333;
    margin: 0 0 15px 0 !important;
    padding-bottom: 5px;
    border-bottom: 2px solid #c5c5c5;
    font-size: 1.7em;
}
.job_step{
    text-align: center;
    color: #ece5e1;
    /*background-color: #333;*/
    font-size: .8em;
    border-radius: 5px;
    font-weight: bold;
    width: 70px;
    margin-bottom: 15px !important;
    border: 1px solid #333;
}
.job_kihon{
    background: #fff;
    color:#333;
    height: 65px;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.job_kihon:hover{
    background: #dfd0c7;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.job_kihon_ico{
    background-color:#302218;
    width: 65px;
    height: 65px;
}
.job_kihon_tit{
    font-weight: bold;
    color:#302218;
    display: table-cell;
    vertical-align: middle;
    padding:0 20px;
    line-height: 1.4em;
    width: 100%;
}
.job_ouyou1{
    background: #fff;
    color:#333;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.job_ouyou1:hover{
    background: #e1e1e1;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.job_ouyou1_tit{
    font-weight: bold;
    color:#302218;
    display: table-cell;
    vertical-align: middle;
    padding:0 20px;
    line-height: 1.4em;
    font-size: .9em;
}
.job_ouyou1_ico{
    width:30%;
    display: table-cell;
}
.job_ouyou_mb{
    margin-bottom:1.5em;
}
.job_table{
    display: table;
}
.job_tablecell{
    display: table-cell;
}
.job_setsumei{
    font-size:14px;
    font-weight: bold;
    margin-bottom:2.5em !important;
    text-align: justify;
}
/*.clista_logo{
    text-align: center;
    max-width: 100%;
}*/
.job_h1_small{
    font-size:24px;
    font-weight:bold;
    color:#ffffff !important;
    background: #a55151;
    letter-spacing: .1em;
    padding: 8px 20px;
    float: left;
    width: fit-content;
    margin-bottom: 10px !important;
}
.job_koushinbi{
    font-size:15px;
    text-align: center;
    border:1px solid #262626;
    padding:3px 5px;
    float:left;
    width: 195px;
    letter-spacing: .04em;
    background: #ffffffa6;
}
.postid-123023 .totop{
    background: #999;
}
.postid-123023 #footer-menu {
    background-color: #333 !important;
}
@media(max-width: 768px){
    .job_ouyou1_tit{
        font-weight: bold;
        font-size:.9em;
        color:#302218;
        display: table-cell;
        vertical-align: middle;
        padding:0 10px;
        line-height: 1.4em;
    }
    .job_ouyou1_ico{
        width:45% !important;
        display: table-cell;
    }
    .job_kihon_tit{
        font-weight: bold;
        font-size:.9em;
        color:#302218;
        display: table-cell;
        vertical-align: middle;
        padding:0 20px;
        line-height: 1.4em;
        width: 100%;
    }
    .postid-123023 h1{
        text-align: center;
        color:#fff;
        /*border-top: 1px solid #ff711c;*/
        width: 100%;
        margin: 25px auto;
        padding-top: 13px;
    }
    .job_h1_small{
        font-size:20px !important;
    }
    .postid-123023 h2{
        font-size: 1.5em !important;
    }
    .job_content_main{
        background: #fff;
        background-image: url(https://sdesignlabo.com/blog/wp-content/uploads/2022/10/school_job_main.jpg);
        background-repeat:no-repeat;
        background-position: left;
        background-size: cover;
        padding:10px 15px;
        max-width: 1050px;
        margin: 0 auto;
        height: auto;
    }
    .job_main_posi{
        margin-top: 0;
        padding-bottom: 20px;
    }
    .job_main_tit_sp img{
        width: 90%;
        text-align: center;
    }
    .job_h1_small{
        font-size:30px;
        font-weight:bold;
        color:#ffffff !important;
        background: #a55151eb;
        letter-spacing: .1em;
        padding: 8px 20px;
        float: none;
        width: fit-content;
        margin-bottom: 10px !important;
    }
    .job_koushinbi{
        font-size:15px;
        text-align: center;
        border:1px solid #262626;
        padding:3px 5px;
        float:none;
        width: 195px;
        letter-spacing: .04em;
        background: #ffffffd4;
        margin:0 auto !important;
    }
}
/*---------------------------------
end 転職・スクール固定ページ
---------------------------------*/



/*---------------------------------
ポートフォリオ固定ページ
---------------------------------*/
.postid-49344 .header-info {display: none;}
.postid-49344 #inner-footer{
    display: none;
}
.postid-49344 #inner-content{
    width: 100%;
}
.postid-49344 #entry{
    margin-bottom: 0;
}
.postid-49344 #main{
    max-width: 1180px;
}
.postid-49344 .article-footer{
    display: none;
}
.postid-49344 .prnx_box{
    display: none;
}
.postid-49344 .article-header{
    display: none;
}
.postid-49344 .estimated-reading-time{
    display: none;
}
.postid-49344 #content{
    padding-bottom: 0;
}
.postid-49344 .entry-content{
    padding:0;
}
.postid-49344 #main{
    max-width:100%;
}
.postid-49344 .entry-content p{
    margin:0 auto;
}
.postid-49344 a:hover{
    text-decoration: none !important;
}
.zero_portfolio_container{
    max-width: 1180px;
    margin: 0 auto;
}
.zero_portfolio_container_2{
    max-width: 850px;
    margin: 0 auto;
}
.zero_portfolio_content_main{
    background: #1a223d;
    /*background-image: url(https://sdesignlabo.com/blog/wp-content/uploads/2021/05/zero-portfolio_bg.png);
    background-repeat: no-repeat;
    background-position: center;*/
    padding:65px 15px;
}
.zero_portfolio_content_sub{
    background: #adbced;
    padding:60px 15px 50px 15px;
}
.zero_portfolio_content_1{
    background: #ebeef9;
    padding:50px 15px;
}
.zero_portfolio_content_2{
    background: #c7cee7;
    padding:50px 15px;
}
.postid-49344 h1{
    text-align: center;
    color:#fff;
    border-top: 1px solid #99b1fd;
    width: 65%;
    margin: 25px auto;
    padding-top: 13px;
}
.zero_portfolio_sub_p{
    font-weight: bold;
    color: #1a223d;
    letter-spacing: .05em;
    line-height: 2em;
}
.postid-49344 h2{
    text-align: center;
    color: #394354;
    margin: 0 0 15px 0 !important;
    padding-bottom: 5px;
    border-bottom: 1px solid #394354;
    font-size: 1.7em;
}
.zero_portfolio_step{
    text-align: center;
    color: #d8d8e0;
    background-color: #394354;
    font-size: .8em;
    border-radius: 5px;
    font-weight: bold;
    width: 70px;
    margin-bottom: 15px !important;
}
.zero_portfolio_step_long{
    text-align: center;
    color: #d8d8e0;
    background-color: #394354;
    font-size: .8em;
    border-radius: 5px;
    font-weight: bold;
    width: 150px;
    margin-bottom: 15px !important;
}
.zero_portfolio_kihon{
    background: #fff;
    color:#394354;
    height: 65px;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.zero_portfolio_kihon:hover{
    background: #dfd0c7;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.zero_portfolio_kihon_ico{
    background-color:#302218;
    width: 65px;
    height: 65px;
}
.zero_portfolio_kihon_tit{
    font-weight: bold;
    color:#302218;
    display: table-cell;
    vertical-align: middle;
    padding:0 20px;
    line-height: 1.4em;
    width: 100%;
}
.zero_portfolio_ouyou1{
    background: #fff;
    color:#372920;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.zero_portfolio_ouyou1:hover{
    background: #cecad3;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.zero_portfolio_ouyou1_tit{
    font-weight: bold;
    color:#302218;
    display: table-cell;
    vertical-align: middle;
    padding:0 20px;
    line-height: 1.4em;
    font-size: .9em;
}
.zero_portfolio_ouyou1_ico{
    width:27%;
    display: table-cell;
}
.zero_portfolio_ouyou_mb{
    margin-bottom:1.5em;
}
.zero_portfolio_table{
    display: table;
}
.zero_portfolio_tablecell{
    display: table-cell;
}
.zero_portfolio_setsumei{
    font-size:14px;
    font-weight: bold;
    margin-bottom:2.5em !important;
    text-align: center;
    color: #2a2037;
}
.zero_portfolio_logo{
    text-align: center;
    max-width: 100%;
}
.zero_portfolio_h1_small{
    font-size:22px;
    font-weight:bold;
    color:#99b1fd;
    letter-spacing: .1em;
}
.zero_portfolio_koushinbi{
    font-size:15px;
    text-align: center;
    border:1px solid #fff;
    padding:3px 5px;
    color:#fff;
    width: 195px;
    letter-spacing: .04em;
    background: #ffffff26;
}
.postid-49344 .totop{
    background: #394354;
}
.postid-49344 #footer-menu {
    background-color: #394354 !important;
}
.portfolio_tit_img{
    text-align: center;
    margin-bottom: 25px;
}
.portfolio_tit_img img{
    max-width: 175px;
}
.postid-49344 .sponsored{
    display: none;
}
@media(max-width: 768px){
    .zero_portfolio_content_main{
        background: #1a223d;
        padding:65px 15px;
        margin-top: -1em;
    }
    .zero_portfolio_ouyou1_tit{
        font-weight: bold;
        font-size:.84em;
        color:#3d3d3f;
        display: table-cell;
        vertical-align: middle;
        padding:0 10px;
        line-height: 1.4em;
        word-break: break-all;
    }
    .zero_portfolio_ouyou1_ico{
        width:45% !important;
        display: table-cell;
    }
    .zero_portfolio_kihon_tit{
        font-weight: bold;
        font-size:.9em;
        color:#3d3d3f;
        display: table-cell;
        vertical-align: middle;
        padding:0 20px;
        line-height: 1.4em;
        width: 100%;
    }
    .postid-49344 h1{
        text-align: center;
        color:#fff;
        border-top: 1px solid #99b1fd;
        width: 100%;
        margin: 25px 0 auto;
        padding-top: 13px;
    }
    .zero_portfolio_h1_small{
        font-size:20px !important;
    }
    .postid-49344 h2{
        font-size: 1.5em !important;
    }
}
/*---------------------------------
end ポートフォリオ固定ページ
---------------------------------*/



/*---------------------------------
無料素材まとめ固定ページ
---------------------------------*/
.freesozai_table{
    display: table;
}
.freesozai_kihon{
    background: #fff;
    color:#372920;
    height: 65px;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.freesozai_kihon:hover{
    background: #dfd0c7;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.freesozai_kihon_ico{
    background-color:#302218;
    width: 65px;
    height: 65px;
}
.postid-54239 .header-info {display: none;}
.postid-54239 #inner-footer{
    display: none;
}
.postid-54239 #inner-content{
    width: 100%;
}
.postid-54239 #entry{
    margin-bottom: 0;
}
.postid-54239 #main{
    max-width: 1180px;
}
.postid-54239 .article-footer{
    display: none;
}
.postid-54239 .prnx_box{
    display: none;
}
.postid-54239 .article-header{
    display: none;
}
.postid-54239 .estimated-reading-time{
    display: none;
}
.postid-54239 #content{
    padding-bottom: 0;
}
.postid-54239 .entry-content{
    padding:0;
}
.postid-54239 #main{
    max-width:100%;
}
.postid-54239 .entry-content p{
    margin:0 auto;
    color: #333;
}
.postid-54239 a:hover{
    text-decoration: none !important;
}
.freesozai_container{
    max-width: 1180px;
    margin: 0 auto;
}
.freesozai_container_2{
    max-width: 850px;
    margin: 0 auto;
}
.freesozai_content_main{
    background: #fff;
    background-image: url(https://sdesignlabo.com/blog/wp-content/uploads/2021/06/sozai_bg2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 65px 15px 70px 15px;
    margin: 0 auto;
    /*filter: brightness(0.65);*/
}
.freesozai_content_sub{
    background: #333;
    padding:50px 15px;
}
.freesozai_content_1{
    background: #f4f2f3;
    padding:60px 15px 50px 15px;
}
.freesozai_content_2{
    background: #eae6e7;
    padding:60px 15px 50px 15px;
}
.postid-54239 h1{
    width: 400px;
}
.freesozai_main_posi{
    /*margin-top: 88px;*/
}
.freesozai_sub_p{
    font-weight: bold;
}
.freesozai_cat_posi{
    margin-top: 20px !important;
}
.postid-54239 h2{
    text-align: center;
    color: #333;
    margin: 0 0 26px 0 !important;
    padding-bottom: 15px;
    border-bottom: 1px solid #333;
    font-size: 1.7em;
}
.sozai_border_bottom_white{
    /*border-bottom: 1px solid #fff !important;*/
    border-bottom: none !important;
    padding-bottom: 0 !important;
    padding-top: 43px;
}
.freesozai_step{
    text-align: center;
    color: #ece5e1;
    /*background-color: #333;*/
    font-size: .8em;
    border-radius: 5px;
    font-weight: bold;
    width: 70px;
    margin-bottom: 15px !important;
    border: 1px solid #333;
}
.freesozai_kihon{
    background: #fff;
    color:#333;
    height: 52px;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.freesozai_kihon:hover{
    background: #e1e1e1;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.freesozai_kihon_ico{
    background-color:#333;
    width: 52px;
    height: 52px;
}
.freesozai_kihon_tit{
    font-weight: bold;
    color:#333;
    display: table-cell;
    vertical-align: middle;
    padding:0 20px;
    line-height: 1.4em;
    width: 100%;
    font-size: .84em;
}
.freesozai_ouyou1{
    background: #fff;
    color:#333;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.freesozai_ouyou1:hover{
    background: #e1e1e1;
    transition-property: all;
    transition: 0.3s linear;
    display: table;
    width: 100%;
}
.freesozai_ouyou1_tit{
    font-weight: bold;
    color:#302218;
    display: table-cell;
    vertical-align: middle;
    padding:0 20px;
    line-height: 1.4em;
    font-size: .84em;
}
.freesozai_ouyou1_ico{
    width:22%;
    display: table-cell;
}
.freesozai_ouyou_mb{
    margin-bottom:1.5em;
}
.freesozai_table{
    display: table;
}
.freesozai_tablecell{
    display: table-cell;
}
.freesozai_setsumei{
    font-size:14px;
    font-weight: bold;
    margin-bottom:2.5em !important;
    text-align: center;
}
/*.freesozai_logo{
    text-align: center;
    max-width: 100%;
}*/
.freesozai_h1_small{
    font-size:35px;
    font-weight:bold;
    color:#fff;
    letter-spacing: .1em;
}
.freesozai_koushinbi{
    font-size:15px;
    text-align: center;
    border:1px solid #262626;
    padding:3px 5px;
    /*float:left;*/
    width: 195px;
    letter-spacing: .04em;
    background: #ffffffcf;
    /*margin-left:10px !important;*/
}
.postid-54239 .totop{
    background: #999;
}
.postid-54239 #footer-menu {
    background-color: #333 !important;
}
@media(max-width: 768px){
    .freesozai_ouyou1_tit{
        font-weight: bold;
        font-size:.84em;
        color:#302218;
        display: table-cell;
        vertical-align: middle;
        padding:0 10px;
        line-height: 1.4em;
    }
    .freesozai_ouyou1_ico{
        width:45% !important;
        display: table-cell;
    }
    .freesozai_kihon_tit{
        font-weight: bold;
        font-size:.84em;
        color:#302218;
        display: table-cell;
        vertical-align: middle;
        padding:0 20px;
        line-height: 1.4em;
        width: 100%;
    }
    .postid-54239 h1{
        text-align: center;
        color:#fff;
        /*border-top: 1px solid #ff711c;*/
        width: 100%;
        margin: 25px auto;
        padding-top: 13px;
    }
    .freesozai_h1_small{
        font-size:20px !important;
    }
    .postid-54239 h2{
        font-size: 1.5em !important;
    }
    .freesozai_content_main{
        background: #fff;
        background-image: url(https://sdesignlabo.com/blog/wp-content/uploads/2021/06/sozai_bg2.jpg);
        background-repeat:no-repeat;
        background-position: left;
        background-size: cover;
        padding:65px 15px;
        max-width: 1050px;
        margin: 0 auto;
        height: auto;
    }
    .freesozai_main_posi{
        margin-top: 0;
        padding-bottom: 20px;
    }
    .freesozai_main_tit_sp img{
        width: 90%;
        text-align: center;
    }
    .freesozai_koushinbi{
        font-size:15px;
        text-align: center;
        border:1px solid #262626;
        padding:3px 5px;
        float:none;
        width: 195px;
        letter-spacing: .04em;
        background: #ffffffd4;
        margin:0 auto !important;
    }
}
/*---------------------------------
end 無料素材まとめ固定ページ
---------------------------------*/



/*---------------------------------
about固定ページ
---------------------------------*/
.page-id-22598 #inner-content{
    width: 100%;
}
.page-id-22598 #entry{
    margin-bottom: 0;
}
.page-id-22598 #main{
    max-width: 1180px;
}
.page-id-22598 .article-footer{
    display: none;
}
.page-id-22598 .prnx_box{
    display: none;
}
.page-id-22598 .article-header{
    display: none;
}
.page-id-22598 .estimated-reading-time{
    display: none;
}
.page-id-22598 #content{
    padding-bottom: 0;
}
.page-id-22598 .entry-content{
    padding:0;
}
.page-id-22598 #main{
    max-width:100%;
}
.page-id-22598 .entry-content p{
    margin:0 auto;
    text-align: center;
}
.about_keireki{
    text-align:justify;
    font-size: .9em;
}
.about_container{
    max-width: 1180px;
    margin: 0 auto;
}
.about_content_main{
    background: #37beb0;
    padding:100px 15px;
    margin-top: 0 !important;
}

.about_content_1{
    background: #fff;
    padding:100px 15px;
}
.about_content_2{
    background: #f8f8f8;
    padding:100px 15px;
}
.about_container_2{
    max-width: 1080px;
    margin: 0 auto;
}
.about_container_3{
    max-width: 750px;
    margin: 0 auto;
}
.about_container_3 input{
    background: #fff;
    border: 1px solid #ccc;
}
.about_container_3 textarea{
    background: #fff;
    border: 1px solid #ccc;
}
.about_container_2 th{
    font-size: .9em;
    background: #37beb0;
    color: #fff;
}
.about_container_2 td{
    background: #fff;
    font-size: .9em;
}
.about_keireki_h3{
    padding-top:50px !important;
}
.about_setsumei{
    font-size:14px;
    font-weight: bold;
    margin-bottom:3.5em !important;
}
.about_setsumei_bottom{
    font-size:.9em;
    font-weight: bold;
    margin-bottom:0 !important;
    padding-top: 25px;
}
.about_dekirukoto_bg{
    background: #fff;
    padding-bottom: 12px;
}
.about_dekirukoto_tit{
    font-weight: bold;
    margin-top:10px !important;
}
.about_flow_bg{
    background: #f8f8f8;
    padding-bottom: 12px;
}
.about_p{
    font-size: .9em;
}
.about_dekirukoto_sub{
    font-size: .9em;
}
.about_tit_p{
    text-align: center;
    color:#fff;
    border-top: 1px solid #fff;
    max-width: 800px;
    margin: 25px auto;
    padding-top: 25px;
    margin-bottom: 5px;
    font-size:16px;
    font-weight:bold;
    color:#fff;
    letter-spacing: .1em;
}
.about_burg{
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
    margin-top: -18px;
}
.about_burg img{
    width: 85px;
    border: solid 3px #e1e1e1 !important;
}
.about_th1{
    width: 35%;
}
.about_th2{
    width: 20%;
}
.about_th3{
    width: 45%;
}
.about_kome{
    text-align: left !important;
    font-size: .9em;
}
.about_more{
    text-align: right !important;
}
.about_tit1{
    text-align: center;
    color: #000;
    margin: 0 0 1.2em 0 !important;
    padding-bottom: 5px;
    border-bottom: none;
    font-size: 1.4em;
    font-weight: bold;
    position: relative;
}
.about_tit1::before{
    border-bottom: 4px solid #37beb0;
    width: 20px;
    content: "";
    position: absolute;
    top: 18px;
    margin-left: -37px;
}
.about_tit1::after{
    border-bottom: 4px solid #37beb0;
    width: 20px;
    content: "";
    position: absolute;
    top: 18px;
    margin-left: 16px;
}
.about_tit2_top{
    font-size: 1.1em;
    font-weight: bold;
}
.about_tit2{
    font-size: 1.1em;
    font-weight: bold;
    padding-top:45px;
}
.about_sub_p{
    font-weight: bold;
}
.page-id-22598 h2{
    text-align: center;
    color: #37beb0;
    margin: 0 0 15px 0 !important;
    padding-bottom: 5px;
    border-bottom: none;
    font-size: 1.8em;
    position: relative;
    letter-spacing: .07em;
}
.page-id-22598 h3{
    text-align: center;
    color: #372920;
    margin: 0 0 15px 0 !important;
    padding-bottom: 5px;
    border-bottom: 1px solid #999897 !important;
    font-size: 1.1em;
}
.about_maintit{
    text-align: center;
    max-width: 100%;
}
.about_maintit h2{
    color:#fff;
    border:none;
}
.ajax-loader{
    width: 0 !important;
    margin: 0 !important;
}

@media(max-width: 768px){
    .postid-11960 h1{
        text-align: center;
        color:#fff;
        border-top: 1px solid #ff711c;
        width: 100%;
        margin: 25px auto;
        padding-top: 13px;
    }
    .about_tit_p{
        text-align: left !important;
        color:#fff;
        border-top: 1px solid #fff;
        max-width: 800px;
        margin: 25px auto;
        padding-top: 25px;
        margin-bottom: 5px;
        font-size:15px;
        font-weight:bold;
        color:#fff;
        text-align: justify !important;
    }
    .about_main_tit{
        font-size: 1.6em !important;
    }
    .about_tit1{
        text-align: center;
        color: #000;
        margin: 0 0 1.2em 0 !important;
        padding-bottom: 5px;
        border-bottom: none;
        font-size: 1.3em;
        font-weight: bold;
        position: relative;
    }
}
/*---------------------------------
end about固定ページ
---------------------------------*/



/*---------------------------------
作品集固定ページ
---------------------------------*/
.page-id-32669 .header-info {
    display: none;
}
.page-id-32669 #inner-content{
    width: 100%;
}
.page-id-32669 #entry{
    margin-bottom: 0;
}
.page-id-32669 #main{
    max-width: 1180px;
}
.page-id-32669 .article-footer{
    display: none;
}
.page-id-32669 .prnx_box{
    display: none;
}
.page-id-32669 .article-header{
    display: none;
}
.page-id-32669 .estimated-reading-time{
    display: none;
}
.page-id-32669 #content{
    padding-bottom: 0;
}
.page-id-32669 .entry-content{
    padding:0;
}
.page-id-32669 #main{
    max-width:100%;
}
.page-id-32669 .entry-content p{
    margin:0 auto;
    text-align: center;
}
.portfolio_main_tit_sub{
    color: #aaa;
    letter-spacing: .1em;
    font-size: .9em;
}

.portfolio_keireki{
    text-align:justify;
    font-size: .9em;
}
.portfolio_container{
    max-width: 1180px;
    margin: 0 auto;
}
.portfolio_content_main{
    background: #37beb0;
    padding:100px 15px;
    margin-top: 0 !important;
}

.portfolio_content_1{
    background: #fff;
    padding:16em 0;
}
.portfolio_content_2{
    background: #f9f9f9;
    padding:100px 15px;
}
.portfolio_container_2{
    max-width: 1080px;
    margin: 0 auto;
}
.portfolio_container_3{
    max-width: 850px;
    margin: 0 auto;
}
.portfolio_container_2 th{
    font-size: .9em;
    background: #37beb0;
    color: #fff;
}
.portfolio_container_2 td{
    background: #fff;
    font-size: .9em;
}
.portfolio_keireki_h3{
    padding-top:50px !important;
}
.portfolio_setsumei{
    font-size:14px;
    font-weight: bold;
    margin-bottom:3.5em !important;
}
.portfolio_setsumei_bottom{
    font-size:.9em;
    font-weight: bold;
    margin-bottom:0 !important;
    padding-top: 25px;
}
.portfolio_dekirukoto_bg{
    background: #fff;
    padding-bottom: 12px;
}
.portfolio_dekirukoto_tit{
    font-weight: bold;
    margin-top:10px !important;
}
.portfolio_flow_bg{
    background: #f8fdfc;
    padding-bottom: 12px;
}
.portfolio_p{
    font-size: .9em;
}
.portfolio_dekirukoto_sub{
    font-size: .9em;
}
.portfolio_tit_p{
    text-align: center;
    color:#fff;
    border-top: 1px solid #fff;
    max-width: 800px;
    margin: 25px auto;
    padding-top: 25px;
    margin-bottom: 5px;
    font-size:16px;
    font-weight:bold;
    color:#fff;
    letter-spacing: .1em;
}
.portfolio_burg{
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
    margin-top: -18px;
}
.portfolio_burg img{
    width: 85px;
}
.portfolio_th1{
    width: 35%;
}
.portfolio_th2{
    width: 20%;
}
.portfolio_th3{
    width: 45%;
}
.portfolio_kome{
    text-align: left !important;
    font-size: .9em;
}
.portfolio_more{
    text-align: right !important;
}
.portfolio_tit1{
    text-align: center;
    color: #000;
    margin: 0 0 1.2em 0 !important;
    padding-bottom: 5px;
    border-bottom: none;
    font-size: 1.4em;
    font-weight: bold;
    position: relative;
}
.portfolio_tit1::before{
    border-bottom: 4px solid #37beb0;
    width: 20px;
    content: "";
    position: absolute;
    top: 18px;
    margin-left: -37px;
}
.portfolio_tit1::after{
    border-bottom: 4px solid #37beb0;
    width: 20px;
    content: "";
    position: absolute;
    top: 18px;
    margin-left: 16px;
}
.portfolio_tit2_top{
    font-size: 1.1em;
    font-weight: bold;
}
.portfolio_tit2{
    font-size: 1.1em;
    font-weight: bold;
    padding-top:45px;
}
.portfolio_sub_p{
    font-weight: bold;
}
.page-id-32669 h2{
    text-align: center;
    color: #333;
    margin: 0 0 0px 0 !important;
    padding-bottom: 5px;
    border-bottom: none;
    font-size: 1.8em;
    position: relative;
    letter-spacing: .1em;
    font-weight: normal;
}
.page-id-32669 h3{
    text-align: center;
    color: #372920;
    margin: 0 0 15px 0 !important;
    padding-bottom: 5px;
    border-bottom: 1px solid #afafaf !important;
    font-size: 1.4em;
    font-weight: normal;
}
.portfolio_main_tit2{
    text-align: center;
    color: #333;
    margin: 0 0 0px 0 !important;
    padding-bottom: 5px;
    border-bottom: none;
    font-size: 1.8em;
    position: relative;
    letter-spacing: .1em;
    font-weight: normal;
    line-height: 1;
}
.portfolio_maintit{
    text-align: center;
    max-width: 100%;
}
.portfolio_maintit h2{
    color:#fff;
    border:none;
}

@media(max-width: 768px){
    .page-id-32669 h1{
        text-align: center;
        color:#fff;
        border-top: 1px solid #ff711c;
        width: 100%;
        margin: 25px auto;
        padding-top: 13px;
    }
    .portfolio_tit_p{
        text-align: left !important;
        color:#fff;
        border-top: 1px solid #fff;
        max-width: 800px;
        margin: 25px auto;
        padding-top: 25px;
        margin-bottom: 5px;
        font-size:15px;
        font-weight:bold;
        color:#fff;
        text-align: justify !important;
    }
    .portfolio_main_tit{
        font-size: 1.6em !important;
    }
    .portfolio_tit1{
        text-align: center;
        color: #000;
        margin: 0 0 1.2em 0 !important;
        padding-bottom: 5px;
        border-bottom: none;
        font-size: 1.3em;
        font-weight: bold;
        position: relative;
    }
}
/*---------------------------------
end 作品集固定ページ
---------------------------------*/



/*---------------------------------
ゲーム紹介のボックスデザイン変更
---------------------------------*/
.postid-16012 .box-title{
    text-align: center;
    font-size: 1.3em;
    /*color: #37beb0;*/
}

@media only screen and (min-width: 481px){
    .postid-16012 .chatting {
        padding-top: 0px;
        width: calc(100% - 130px);
    }
}


.postid-16901 .box-title{
    text-align: center;
    font-size: 1.3em;
    /*color: #37beb0;*/
}

@media only screen and (min-width: 481px){
    .postid-16901 .chatting {
        padding-top: 0px;
        width: calc(100% - 130px);
    }
}

/*私の愛したシューティングゲーム50選*/
.postid-17331 .box-title{
    text-align: center;
    font-size: 1.3em;
    /*color: #37beb0;*/
}
.postid-52116 .box-title{
    text-align: center;
    font-size: 1.3em;
    /*color: #37beb0;*/
}

@media only screen and (min-width: 481px){
    .postid-17331 .chatting {
        padding-top: 0px;
        width: calc(100% - 130px);
    }
    .postid-52116 .chatting {
        padding-top: 0px;
        width: calc(100% - 130px);
    }
}
.postid-17331 .estimated-reading-time{
    display:none;
}
/*end 私の愛したシューティングゲーム50選*/
/*---------------------------------
end ゲーム紹介のボックスデザイン変更
---------------------------------*/



/*---------------------------------
みんなのポートフォリオ
---------------------------------*/
.postid-49129 .estimated-reading-time{
    display:none;
}
.postid-49129 .box17 .box-title{
    text-align: center;
    font-size: 1.3em;
    /*color: #37beb0;*/
    margin-bottom:20px;
}
.postid-49129 .box17{
	/*padding-bottom: 0;*/
}
/*.postid-49129 .box3{
	background-color: #fafafa !important;
	font-size: .9em;
}
.postid-49129 .box3 i{
	font-size: 1.2em;
}
.postid-49129 .box3 .box-title{
	font-size: 1em !important;
	color: #5c5c5c;
}*/
/*.portfolio_ancher a{
	color:#8d8d8d;
}*/
.portfolio_ancher_twitter{
    color:#000;
}
.portfolio_ancher_insta{
    color:#dd2d75;
}
.portfolio_copy{
	font-size: .8em;
	color:#757575;
	text-align: right;
}

@media only screen and (min-width: 481px){
    .postid-49129 .chatting {
        padding-top: 0px;
        width: calc(100% - 130px);
    }
    .portfolio_img_circle img{
		max-width: 100%;
	    height: auto;
	    border: solid 3px #eaedf2;
	    border-radius: 50%;
	}
	.portfolio_ancher{
        margin-top:-10px;
        font-size: .92em;
    }
}
@media only screen and (max-width: 480px){
	.portfolio_img_circle img{
		width: 40% !important;
	    height: auto;
	    border: solid 3px #eaedf2;
	    border-radius: 50%;
	    text-align: center;
	}
	.portfolio_img_circle_posi{
		text-align: center;
	}
	.portfolio_ancher{margin-top:-10px;}
}
.portfolio_student > .sng-box > .box-title{
    text-align: center;
    font-size: 1.3em;
    /* color: #37beb0; */
    margin-bottom: 20px;
}
/*---------------------------------
end みんなのポートフォリオ
---------------------------------*/


#custom_html-30{
    border: hidden !important;
}


@media only screen and (min-width: 481px){
	.my-widget li a .my-widget__text {
	    display: table-cell;
	    width: 180px;
	    width: calc(100% - 88px);
	    font-size: 0.83em;
	    vertical-align: middle;
	    line-height: 1.4em;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 4;
	    overflow: hidden;
	    width: 100%;
        padding-top: 6px;
	}
}

/*サイドバーの広告*/
#custom_html-32{
    border:hidden !important;
    border-radius: 0;
    height: 33px;
}
#custom_html-62{
    border:hidden !important;
    border-radius: 0;
    height: 217px;
}
#custom_html-33{
    border:hidden !important;
    border-radius: 0;
    height: 42px;
}
#custom_html-30{
    border:hidden !important;
    border-radius: 0;
}
#custom_html-31{
    border:hidden !important;
    border-radius: 0;
}
#custom_html-35{
    border:1px solid #37beb0 !important;
    border-radius: 0;
}
#custom_html-36{
    border:1px solid #37beb0 !important;
    border-radius: 0;
    height: 42px;
}
#custom_html-37{
    border-radius: 0;
    height: 41px;
}
#custom_html-41{
    border-radius: 0;
}
#custom_html-45{
    border-radius: 0;
}
#custom_html-49{
    border-radius: 0;
    height: 41px;
}
#custom_html-50{
    border-radius: 0;
    height: 251px;
}
#custom_html-51{
    border-radius: 0;
    height: 41px;
}
#custom_html-61{
    border-radius: 0;
    /*height: 216px;*/
}
#custom_html-72{
    border-radius: 0;
}
#custom_html-81 {
    height: 216px;
}
#custom_html-84 {
    height: 216px;
}
#custom_html-85{
    border-radius: 0;
    height: 216px;
}
#custom_html-88{
    padding: 5px 15px;
    line-height: 1.3em;
    text-align: justify;
    border: 1px solid #ed776a !important;
}
#custom_html-88 a {
    font-size: .8em;
    line-height: .1em;
    color:#f36d5f;
}
@media(min-width: 769px){
    #custom_html-101{
        height: 216px;
    }
}
@media(max-width: 768px){
    #custom_html-101{
        height: auto;
        text-align: center;
    }
}

/*fantiaウィジェット*/
.poweredby{
    display: none;
}
.fantia-card-container{
    margin-bottom: 0 !important;
}
.fantia-card-container>.container-body {
    margin: 0px auto !important;
}
.fantia-card-container>.container-heading {
    display: none;
}
.widget_fantia{
    margin-top:5em;
    text-align: center;
    background: #FFEB3B;
    padding: 15px 65px 60px 65px;
}
@media only screen and (max-width: 480px){
    .widget_fantia{
        text-align: center;
        background: #FFEB3B;
        padding: 15px;
    }
}
.widget_fantia h3{
    margin: 10px 0 0 0 !important;
    color: ;
    font-size: 1.5em;
    border-bottom: hidden !important;
    font-weight: bold;
}
.widget_fantia p{
    margin-top: 0px;
    margin-bottom: 25px;
    font-size: 1.1em;
    font-weight: bold;
}
.widget_fantia img{width: 100%;}
/*end fantiaウィジェット*/
#custom_html-52 .widgettitle:before {
    content: "\f004";
}
/*end サイドバーの広告*/


@media only screen and (min-width: 481px){
    .cstmreba .kaerebalink-link1 > div {
        height: 35px;
        padding: 0 8px;
        line-height: 35px;
    }
}
.osusume_tablet{
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: -.6em !important; 
    background: #ffff99;
    color: #252525;
    padding: 0px 10px !important;
    text-align: center;
    margin-top: 2em !important;
}
.osusume_clipstudio {
    margin-top:3em;
}
.osusume_clipstudio_tit{
    font-weight: bold;
    font-size:1.1em;
}
.clipstudio_mokuji_pd{
    padding:20px 0 35px 0;
}
@media screen and (max-width: 600px){
    .clipstudio_mokuji_pd .fukicell, .fukidesc, .fukip, .fukiimg, .post-content .codefuki .codebig, .fukiimg img, .post-content .fukidesc .fukisml, .post-content .fukidesc .fukibig {
        width: 100% !important;
    }
    .fukiimg {
    margin-top: 40px;
    }
}





/* サルワカ風画像吹き出し*/
.fukidesc {
    display: table;
    /*margin: 2em;*/
    width: 100%;
    margin-bottom: -1em;
}
.fukicell {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding-right: 10px;
}
.fukidesc .fukibig {
    width: 62%;
}
.fukiimg {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding-right: 10px;
}
.fukiimg img {
    width: 100%;
}
.boxshadow {
    box-shadow: 0 2px 7px rgba(0,0,0,0.15), 0 5px 6px rgba(0,0,0,0.15);
}
.fukicell {
    display: table-cell;
    vertical-align: middle;
    width: 38%;
    position: relative;
}
.fukip {
    border: #ccc solid 4px;
    position: relative;
    background: white;
    padding: 9px 10px 7px 10px;
    border-radius: 13px;
}
.fukip:before {
    border-right: 23px solid #ccc;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
    top: 30%;
    content: '';
    position: absolute;
    left: -23px;
}
.fukip p {
    margin: 0;
    font-size: 0.9em;
    line-height: 1.6em;
}
.fukip:after {
    content: '';
    position: absolute;
    border-right: 24px solid #fff;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
    top: 30%;
    left: -17px;
   }
@media screen and (max-width: 600px){
.fukicell, .fukidesc, .fukip, .fukiimg, .post-content .codefuki .codebig, .fukiimg img, .post-content .fukidesc .fukisml, .post-content .fukidesc .fukibig {
    display: block;
    width: 95%;
    }   
}
@media screen and (max-width: 600px){
.fukiimg.fukibig {
    max-width: 600px;
    }
}
@media screen and (max-width: 600px){
.fukiimg {
    padding-right: 0;
    max-width: 400px;
    text-align: center;
    }
}
@media screen and (max-width: 600px){
.fukip:before {
    border-bottom: 20px solid silver;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    top: -40px;
    content: '';
    position: absolute;
    left: 40%;
    }
}
@media screen and (max-width: 600px){
.fukip:after {
    border-bottom: 20px solid white;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    top: -37px;
    content: '';
    position: absolute;
    left: 40%;
    }
}
@media screen and (max-width: 600px){
.fukicell {
    padding-top: 0px;
    padding-right: 0;
    }
}
@media screen and (max-width: 600px){
.fukip {
    border-radius: 6px;
    background: white;
    margin-top: -14px;
    border: solid 2px silver;
    }
}
.fukip h5{
    margin-top:0;
    margin-bottom: 2px;
}
/* end サルワカ風画像吹き出し*/


#custom_html-42 .widgettitle:before {
    content: "\f53f";
}

#custom_html-71 .widgettitle:before {
    content: "\f164";
}

#custom_html-44 .widgettitle:before {
    content: "\f005";
}
/*サイドバーのアマゾンリンク用*/
#custom_html-90{
    text-align: center;
}
#custom_html-90 img {
    width: 100%;
}
#custom_html-91{
    text-align: center;
}
#custom_html-92{
    border-radius: 0;
    height: 216px;
}
#custom_html-94{
    text-align: center;
}
#custom_html-95{
    text-align: center;
}
#custom_html-96{
    text-align: center;
}
#custom_html-97 img{
    width: 100%;
}
#custom_html-102{
    border-radius: 0;
    height: 216px;
}
#custom_html-103{
    border-radius: 0;
    /*max-height: 150px;*/
    text-align: center;
    background: #000;
}
#custom_html-103 a{
	color: #fff !important;
	font-size: 14px;
}
#custom_html-103 a:hover{
	color: #fff !important;
	text-decoration: none;
}
#custom_html-104{
    border-radius: 0;
    max-height: 150px;
    /*background: #4f89c3;*/
    text-align: center;
}
#custom_html-104 a{
    color: #fff;
    font-size: 14px;
}
#custom_html-104 a:hover{
    text-decoration: none;
}
#custom_html-109{
    border-radius: 0;
    max-height: 80px;
}
#custom_html-110{
    border-radius: 0;
    max-height: 216px;
}
/*AdobeStock*/
#custom_html-113{
    /*border:1px solid #37beb0 !important;*/
    /*background: #37beb0 !important;*/
    margin-top:30px;
}
#custom_html-113 .widgettitle{
    /*background-color: #ff932c;*/
    border-bottom:hidden;
    padding: 5px 0 5px 0;
}
#custom_html-113 .widgettitle:before {
    font-family: "Font Awesome 5 Free";
    content: "\f164";
    padding-right: 5px;
}
#custom_html-113 .tbimg{
	width: 80px;
}
#custom_html-113 .tbtext{
	font-size: 0.83em;
	line-height: 1.4em;
}
.side_linktext{
    font-size: .8em;
    text-align: center;
    background: #fff2e0;
    padding: 6px 0 5px 0;
    margin-top: -1px;
}
.side_linktext a {
    color: #fb5a0d;
}
.custom-html-widget > .linkto {
    background: #fdfaf1;
    border: 1px solid #e9e8e8 !important;
}
.custom-html-widget > .linkto:hover {
    background: #eaedf2;
}
/*#custom_html-113 .widgettitle:after {
    font-family: "Font Awesome 5 Free";
    content: "\f005";
    padding-left: 5px;
}*/
/*AdobeStock*/


#custom_html-114{
    /*border:1px solid #37beb0 !important;*/
    /*background: #37beb0 !important;*/
    margin-top:30px;
}
#custom_html-114 .widgettitle{
    background-color: #37beb0;
    border-bottom:hidden;
    padding: 5px 0 5px 0;
}
#custom_html-114 .widgettitle:before {
    font-family: "Font Awesome 5 Free";
    content: "\f164";
    padding-right: 5px;
}
#custom_html-114 .tbimg{
    width: 80px;
}
#custom_html-114 .tbtext{
    font-size: 0.83em;
    line-height: 1.4em;
}

#custom_html-119{
    /*border:1px solid #37beb0 !important;*/
    /*background: #37beb0 !important;*/
    margin-top:30px;
}
#custom_html-119 .widgettitle{
    background-color: #37beb0;
    border-bottom:hidden;
    padding: 5px 0 5px 0;
}
#custom_html-119 .widgettitle:before {
    font-family: "Font Awesome 5 Free";
    content: "\f164";
    padding-right: 5px;
}
#custom_html-119 .tbimg{
    width: 80px;
}
#custom_html-119 .tbtext{
    font-size: 0.83em;
    line-height: 1.4em;
}

/*#custom_html-44 img{
    width: 50%;
    margin-top:20px;
}
#custom_html-44 .textwidget{
    text-align: center;
}*/


/*CTAエリア 問い合わせ版*/
/*.cta-descr{
    -moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.65);
    -webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.65);
    -ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.65);
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.65);
	text-align: center;
}
.cta{
    background-color:transparent !important;
    background-image:url("https://sdesignlabo.com/blog/wp-content/uploads/2020/09/cta_bg_requets.jpg") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 0 0 35px 0;
}
.cta h3{
    text-align: center;
    background: #37bdb2;
    padding: 10px 20px !important;
}
.cta-img{padding-top:10px;}*/
/*end CTAエリア 問い合わせ版*/

/*CTA fantia*/
.cta-descr{
    text-align: center;
}
/*end CTA fantia*/

/*CTA ハイプロテック*/
.cta h3 {
    margin: -10px 0 5px 0;
    font-size: 1.1em;
    line-height: 1.45;
    text-align: center;
}
.cta-descr {
    margin: 20px 0 10px 0 !important;
    font-size: .9em;
    white-space: pre-wrap;
}
.side_hipro{
    font-size:.75em;
}
#custom_html-121{
    background: #fdf4f3;
    padding: 0 5px;
    border: 1px solid #ed776a !important;
}
#custom_html-121 a{
    font-size:12px;
}
.common_ad{
    background: #fdf4f3;
    padding: 0px 10px 5px 10px;
    border: 1px solid #ed776a !important;
}
/*end CTA ハイプロテック*/

/*CTA エージェント10秒診断*/
@media(min-width: 769px){
    .cta {
        width: 60%;
        margin: 0 auto;
        margin-top: 30px;
    }
}
.postid-51666 .cta{
    display: none;
}
/*end CTA エージェント10秒診断*/


/*クリスタお絵描き サイドバーアドセンス非表示*/
.postid-17600 #custom_html-45{
    display: none;
}
.postid-18058 #custom_html-45{
    display: none;
}
.postid-18117 #custom_html-45{
    display: none;
}
.postid-18119 #custom_html-45{
    display: none;
}
.postid-18121 #custom_html-45{
    display: none;
}
.postid-18123 #custom_html-45{
    display: none;
}
/*end クリスタお絵描き サイドバーアドセンス非表示*/

.pc_moshimorakuten{
    border:2px solid #37beb0;
    margin: 0 auto;
    text-align: center;
}
.pc_moshimorakuten iframe{
    margin-top:1px !important;
}

/*サイドバー用カテゴリー*/
.side_mokuji_container{
    border: 1px solid #f1f1f2;
    font-size: 13px;
    border-radius: 5px;
    border-top: hidden;
    line-height: 1.7em;
}
.side_mokuji_inner{
    padding: 0px 0px 0px 15px !important;
}
/*end サイドバー用カテゴリー*/

/*トップページ上部の横長バナー*/
.home_top img{
    width: 100% !important;
}
/*end トップページ上部の横長バナー*/

/*記事ページ_記事タイトル下広告(PC) 横長バナー*/
.adobe_top_under{text-align: center;}
.adobe_top_under img{width: 100% !important;}
.cc_border img{/*border:1px solid #ccc;*/}
/*end 記事ページ_記事タイトル下広告(PC) 横長バナー*/

/*.top_ninki_mt{
    margin-top:50px !important;
}*/


.buy_area{text-align: center;}
.buy_area img{width: 100%;}

.buy_area_snippets{
    /*text-align: center;*/
}
.buy_area_snippets img{
    /*width: 100%;*/
}

.buy_area_contents_end{
    text-align: center;
}
.buy_area_contents_end img{
    width: 100%;
}

/*ハワイ旅行関係*/
.travel_day_1{
    background-color:#ee6db0;
    color: #fff;
    padding:2px 5px;
    margin-right: 5px;
    border-radius: 3px;
    font-size: .9em;
}
.travel_day_2{
    background-color:#8d67f9;
    color: #fff;
    padding:2px 5px;
    margin-right: 5px;
    border-radius: 3px;
    font-size: .9em;
}
.travel_day_3{
    background-color:#f8c528;
    color: #fff;
    padding:2px 5px;
    margin-right: 5px;
    border-radius: 3px;
    font-size: .9em;
}
.travel_day_4{
    background-color:#ef7038;
    color: #fff;
    padding:2px 5px;
    margin-right: 5px;
    border-radius: 3px;
    font-size: .9em;
}
.travel_day_5{
    background-color:#159ed4;
    color: #fff;
    padding:2px 5px;
    margin-right: 5px;
    border-radius: 3px;
    font-size: .9em;
}
/*ハワイ旅行関係*/


/*よく使うPhotoshopのショートカットの箱の色*/
.post-32506 .box3 {
    background-color: #f4f4f4 !important;
}
/*end よく使うPhotoshopのショートカットの箱の色*/


#inner-footer{
    /*display: none;*/
}
#inner-footer > .fblock > .ft_widget > ul > li{
    font-size: .9em;
}


.ad_center{
    margin:0 auto;
    text-align: center;
}

.wp-block-code {
    max-height: 600px;
}

.hr_margin{
    margin: 1em 0 1.5em 0 !important;
}

.tb-right {
    text-align: justify;
}
.max300{
	max-width: 300px;
}

@media only screen and (min-width: 481px){
    .chatting {
        padding-top:0 !important;
    }
    .faceicon {
        width: 115px;
    }
}


.adobe_syutten{
    font-size: 12px;
    margin-top: -10px !important;
}









/*-------------------------------
サイト下部のアドビ製品のコンバージョンエリア
-------------------------------*/
@media(max-width:768px){
    .adobe_convarea{
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media(min-width: 769px){
    .adobe_convarea > .box32{
        padding: 0 35px 35px 40px;
    }
    .adobe_convarea > .box32 > .box-title{
        margin-left: -40px;
        margin-right: -35px;
    }
    .degihali_img{
        max-height: 138px;
    }
}
.adobe_convarea > .box32{
    background-color: #ed776a0f !important;
    /*padding: 0 35px 35px 40px;*/
    border: 1px solid #ed776a;
    box-shadow: none;
}
.adobe_convarea > .box32 > .box-content > .adobe_buy_h4{
    background: white !important;
    /* border-left: hidden !important; */
    color: #ed776a !important; /*#000*/
    /* border-bottom: 3px solid #000000 !important; */
    /*text-align: center;*/
    font-size: 1.07em;
    margin: 2.5em 0 1em !important;
    /* padding-bottom: 0px !important; */
    padding-left: 15px;
    padding-right: 0;
    padding-top: 4px;
    border: 1px solid #ed776a !important; /*#000*/
    padding-bottom: 3px;
}
.adobe_convarea > .box32 > .box-content > p{
    font-weight: bold !important;
}
.adobe_convarea > .box32 > .box-title{
    background-color: #ed776a;
    text-align: center;
    color: #fff;
    padding: 12px 0;
    font-size: 1.3em;
    margin-bottom: 0 !important;
}
.adobe_convarea > .box32 > .box-title:before{
    font-family: "Font Awesome 5 Free";
    content: "\f005";
    margin-right: 5px;
}
.adobe_convarea > .box32 > .box-title:after{
    font-family: "Font Awesome 5 Free";
    content: "\f005";
    margin-left: 3px;
}

.adobe_convarea > .box32 > .box-content > .osusume_clipstudio{
    margin-top:1em;
}
/*-------------------------------
end サイト下部のアドビ製品のコンバージョンエリア
-------------------------------*/

.tensen_margin{
    margin: 1.5em 0 !important;
}

.engeneer_school_table{
    font-size: 12px;
    line-height: 1.6em;
    text-align: center;
}
.engeneer_school_table_header_cell{
    background-color: #f8f9fa !important;
}

.cc_student_outline{
    border:1px solid #ccc;
}


/*フッターの筆者と関連記事*/
.pastel-bc{background: #eaedf2 !important;}
@media only screen and (min-width: 1030px){
    .author-info {
        padding: 30px 40px;
        margin-top: 2em;
    }
}
.author-info__inner .tb {margin-bottom: 0;}
.related_title{
    background: #fafafa !important;
    margin-top: 3em !important;
    border-top: 2px solid #7c7c7c !important;
    border-bottom: 2px solid #7c7c7c !important;
}
/*end フッターの筆者と関連記事*/






/* YES・NO チャート */
.yn-chart{
  margin:0 auto 2rem;
  padding: 2em;
  max-width: 600px;
  background:#fff8e3;
  box-shadow: 0 3px 5px rgba(0,0,0,.07);
  font-size:0.9rem;
}
.yn-chart__add{
  background: #fdc44f;
  color:#fff;
  padding: 0.2em 0.9em !important;
  margin:0 !important;
  text-align:center;
  display:inline-block;
  line-height: 1.5 !important;
}
.yn-chart__result_tit{
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
}
.yn-chart__title{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 100%;
  padding: 0.5em 0 0.3em!important;
  margin: 0 auto !important;
  font-size:1.35em !important;
  font-weight: 600 !important;
  color:#fe992e;
  letter-spacing: 1px !important;
  line-height:1.5 !important;
}
.yn-chart__title:before,.yn-chart__title:after {
  content: "";
  flex: 1;
  height: 1px;
  background: #fe992e;
  display: block;
}
.yn-chart__title:before {
  margin-right: 0.7em;
}
.yn-chart__title:after {
  margin-left: 0.7em;
}
.yn-chart__ex{
  text-align:center;
  margin: 0 !important;
  padding: 0 !important;
}
.yn-chart > div{
  display:none;
  padding-top: 100px;
  margin-top: -100px;
}
.yn-chart > div.yn-chart__display{
  display:block;
}
.yn-chart > div > figure{
  margin:1em 0 2em;
}
.yn-chart > div > figure img{
  display:block;
  margin: 0 auto;
}
.yn-chart > div > p{
  margin:3em 0 .5em !important;
  padding: 0.8em 1em 0.8em 4.3em !important;
  background:#fff;
  position:relative;
  font-weight: bold;
}
.yn-chart > div > p:before{
  content: "Q";
  background: #feb62e;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  font-size: 1.1em;
  min-width: 48px;
}
.yn-chart > div ul{
  margin:2em 0 0 !important;
  padding:0 !important;
  list-style:none !important;
  border:none;
}
.yn-chart > div ul li {
  margin: 0 0 1em 1em!important;
  padding: 0 !important;
}
.yn-chart > div ul li:last-child{
  margin:0 0 0 1em !important;
}
.yn-chart > div ul li a{
  background: #fff;
  display: block;
  padding: 0.8em !important;
  text-decoration: none;
  color: #333;
  box-shadow: 0 3px 5px rgba(0,0,0,.07);
}
.yn-chart > div ul li a:hover{
  box-shadow: inset 2px 2px 0 0 #fe992e, 2px 2px 0 0 #fe992e, 2px 0 0 0 #fe992e, 0 2px 0 0 #fe992e;
  transition: 0.1s ease-in-out;
  opacity:1;
}
.yn-chart > div ul li:before{
  content:unset !important;
}
.yn-chart__result{
  background:#fff;
  padding:1em;
}
.yn-chart__result-title{
  color: #fe992e;
  font-size: 1.1em !important;
  font-weight:600 !important;
  padding: 0 !important;
  margin: 0 0 1em !important;
  border-bottom: 1px dashed #fe992e;
}
@media screen and (max-width: 560px) {
  .yn-chart{
    padding:1.8em 1.3em;
  }
  .yn-chart > div > figure {
    margin: 0.5em 0;
  }
  .yn-chart > div > p {
    margin: 1em 0 0 !important;
    padding: 0.8em 1em 0.8em 3.3em !important;
  }
  .yn-chart > div ul {
    margin: 1em 0 0 !important;
  }
  .yn-chart__title{
    font-size:1em !important;
  }
  .yn-chart__title:before {
    margin-right:0.3em;
  }
  .yn-chart__title:after {
    margin-left:0.3em;
  }
  .yn-chart__ex,.yn-chart__add{
    font-size:0.9em !important;
  }
  .yn-chart > div > p:before{
    min-width: 30px;
  }
}
/* Twitterシェアボタンなど */
.p-tw-btn,.p-check-btn{
  text-align:center;
  margin:1.5em 5em !important;
  padding:0 !important;
}
.p-tw-btn a,.p-check-btn a{
  display:block;
  box-shadow: 0 3px 5px rgba(0,0,0,.15);
  color:#fff !important;
  font-weight:600 !important;
  text-decoration:none !important;
  padding:0.5em 0;
  border-radius:30px;
  font-size: 1.1em;
}
.p-tw-btn a{
  background:  #00acee;
}
.p-check-btn a{
  background:#fe992e;
}
.p-tw-btn a:hover,.p-check-btn a:hover{
  transform: translateY(3px);
  box-shadow: 0 2px 2px rgba(0,0,0,.22);
  /*opacity: .8;*/
}
.yn-chart > div > p.p-check-btn{
  background: none !important;
  padding: 0 5em !important;
}
.yn-chart > div > p.p-check-btn:before{
  content:unset !important;
}
.yn-chart > div > .p-check-btn_reload{
    text-align: center;
    background: transparent !important;
    padding: 0 !important;
    margin-top: 0 !important;
}
.p-check-btn_reload:before{
    display: none !important;
}
.p-check_result_tit:before{
    display: none !important;
}
.p-check-btn_reload a{
    color: #8e8e8e;
}
.yn-chart h3{
    text-align: center;
    border-bottom: none !important;
    margin-top: 0 !important;
}
/*.yn-chart__result{
    text-align: center;
    background: #fff;
    padding: 5px 10px;
    max-width: 120px;
    margin: 0 auto;
    margin-top: 45px;
    color: #fff;
    font-weight: bold;
    font-size: 1.3em;
    margin-bottom: 30px;
}*/
.yn-chart__reason{
    background: #fff;
    padding: 15px;
}
.yn-chart__reason_text1{
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
}
.yn-chart__reason_text2{
    text-align: justify;
}
@media screen and (max-width: 800px) {
  .p-tw-btn,.p-check-btn{
    margin:1.5em 3em !important;
  }
}
@media screen and (max-width: 560px) {
  .p-tw-btn,.p-check-btn{
    margin:1.5em 1em !important;
  }
  .yn-chart > div > p.p-check-btn{
    padding: 0 3em !important;
  }
}
/* end YES・NO チャート */


/*学生のポートフォリオ*/
.portfolio_img_outline{
    border: 1px solid #dedede;
}
.portfolio_small_text{
    font-size: .8em;
    text-align: right;
    display: block;
}
.portfolio_ico{
    width: 50px;
}
/*学生のポートフォリオ*/


/*学生のゲームUI*/
.postid-106466 .hh17:after {
    border-bottom: solid 3px #363636 !important;
}
/*end 学生のゲームUI*/

/*illustmaking02*/
.postid-106468 .hh17:after {
    border-bottom: solid 3px #363636 !important;
}
/*end illustmaking02*/

.small_text{font-size: .8em;}


/*バナーサイズのテーブル*/
.banner_table{
    text-align: center;
    padding: 5px;
}
.banner_table th{
    font-weight: bold;
}
@media(min-width: 769px){
    .banner_osusume_oya{
        position: relative;
    }
    .banner_osusume{
        background: #ef6767;
        color: #fff;
        font-size: .7em;
        font-weight: bold;
        padding: 3px;
        border-radius: 3px;
        position: absolute;
        right: 30px;
        margin-top: 2px;
    }
    .banner_maru{
        font-size: 1.5em;
        line-height: 0em;
    }
    .sp_ml10{margin-left: 10px;}
    .sp_ml15{margin-left: 15px;}
}
@media(max-width: 768px){
    .banner_osusume{
        background: #ef6767;
        color: #fff;
        font-size: .7em;
        font-weight: bold;
        padding: 3px;
        border-radius: 3px;
    }
    .banner_maru{
        font-size: 1em;
        /*line-height: 0em;*/
    }
    .sp_mt0{margin-top: 0px !important; }
    .ta_j_sp{text-align: justify !important;}
}
/*end バナーサイズのテーブル*/


/*twitterロゴ変更*/
.tw a, .tw .scc {
  color: #000;
}

.fa-twitter:before {
    content: '𝕏';
    font-family: unset;
    font-weight: bold;
}

/*「この記事を書いた人」のSNSボタン消す*/
.follow_btn {
    display: none;
}


/*ウィジェット　記事内目次用エリアを目次系固定ページで消す*/
.freesozai_main_posi > .widget_text {
    display:none;
}
.fullpage_mokuji_container_sp > .widget_text {
    display:none;
}
.about_maintit > .widget_text {
    display:none;
}
.post-129715 > .entry-content > .widget_text {
    display:none;
}
/*end ウィジェット　記事内目次用エリアを目次系固定ページで消す*/













/*TOP改修_追加リンクのボタンデザイン*/

@media only screen and (min-width: 480px) {
  .cardtype__article2 {
    width: 29%;
    margin: 0 4% 25px 0;
      border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.22);
  cursor: pointer;
  transition: 0.2s ease-in-out;
  }
}



@media only screen and (max-width: 481px) {
  .cardtype__article2 {
    float: left;
    width: 46%;
    margin: 0 1.8% 25px;
    border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.22);
  cursor: pointer;
  transition: 0.2s ease-in-out;
  }
}

.cardtype__article2:hover {
  box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}

.cardtype__article2 .cardtype__img {
  margin: 0;
  overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom: 47.7%;
}

.cardtype__article2 h2{
    font-size:13px !important;
    line-height: 1.2em;
    margin: 0px 13px 0;
}

/*end TOP改修_追加リンクのボタンデザイン*/


/*オンライン講座の募集ページ*/
.lesson_container{
    background: #fafafa;
    padding:20px 20px 5px 20px;
}
.lesson_label{
    background: #fff;
    padding:20px 20px 1px 20px;
    margin-bottom: 20px;
}
.lesson_label label{
    margin-bottom: 0;
}
/*end オンライン講座の募集ページ*/