<?php
/**
 * カスタマイザー用CSS (CSS)
 */

if ( !defined( 'ABSPATH' ) ) {
	exit;
}

$st_is_ex    = st_is_ver_ex();
$st_is_af    = st_is_ver_af();
$st_is_st    = st_is_ver_st();
$st_is_ex_af = st_is_ver_ex_af();
?>

/*-------------------------------------------
旧st-kanri.phpより移動（ここから）
*/

/* マイカラー */
.st-mycolor {
	color: <?php echo esc_attr($GLOBALS['stdata416']) ; ?>;
	font-weight:bold;
}

.st-mymarker-s {
	background:linear-gradient(transparent 70%,<?php echo esc_attr($GLOBALS['stdata417']) ; ?> 0%);
	font-weight:bold;
	<?php if ( trim( $GLOBALS['stdata418'] ) !== '' ): ?>
		color: <?php echo esc_attr($GLOBALS['stdata418']) ; ?>;
	<?php endif; ?>
}

/* @keyframes アニメーション */
<?php if ( trim( $GLOBALS['stdata387'] ) !== '' ):
	echo esc_attr($GLOBALS['stdata387']) . ',';
endif; ?>
.st-key-slidedown {
	animation-name: StSlideDown; /* 上から下 */
	animation-duration: 2s;
}

<?php if ( trim( $GLOBALS['stdata388'] ) !== '' ):
	echo esc_attr($GLOBALS['stdata388']) . ',';
endif; ?>
.st-key-slice-up {
	animation-name: StSlideUp; /* 下から上 */
	animation-duration: 2s;
}

<?php if ( trim( $GLOBALS['stdata389'] ) !== '' ):
	echo esc_attr($GLOBALS['stdata389']) . ',';
endif; ?>
.st-key-righttuoleft {
	animation-name: StRightToLeft; /* 右から左 */
	animation-duration: 2s;
}

<?php if ( trim( $GLOBALS['stdata390'] ) !== '' ):
	echo esc_attr($GLOBALS['stdata390']) . ',';
endif; ?>
.st-key-righttuoleft {
	animation-name: StLeftToRight; /* 左から右 */
	animation-duration: 2s;
}

<?php if ( trim( $GLOBALS['stdata391'] ) !== '' ):
	echo esc_attr($GLOBALS['stdata391']) . ',';
endif; ?>
.st-key-fedein {
	animation-name: StFedeIn; /* フェードイン */
	animation-duration: 2s;
}

/* 上から下 */
@keyframes StSlideDown {
  0% {
      opacity: 0;
      transform: translateY(-50px);
  }
  100% {
      opacity: 1;
      transform: translateY(0);
  }
}

/* 下から上 */
@keyframes StSlideUp {
  0% {
      opacity: 0;
      transform: translateY(50px);
  }
  100% {
      opacity: 1;
      transform: translateY(0);
  }
}

/* 右から左 */
@keyframes StRightToLeft {
	0% {
		opacity: 0;
		transform: translateX(50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

/* 左から右 */
@keyframes StLeftToRight {
	0% {
		opacity: 0;
		transform: translateX(0);
	}
	100% {
		opacity: 1;
		transform: translateX(50px);
	}
}

/* フェードイン */
@keyframes StFedeIn {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}

<?php if ( $GLOBALS["stdata24"] === 'yes' ): // 投稿に「投稿日」「更新日」を表示しない ?>
	.entry-title:not(.st-css-no2),
	.post .entry-title:not(.st-css-no2) {
		margin-bottom:20px;
	}
<?php endif; ?>

<?php if ( trim( $GLOBALS['stdata275'] ) !== '' ): ?>
	/* トップページのコンテンツ上部の余白を0に */
	@media print, screen and (min-width: 960px) {
		body.front-page main {
			padding-top:0;
		}
		body.front-page main {
			padding-top:0;
		}
	}
<?php endif; ?>
<?php if ( trim( $GLOBALS['stdata276'] ) !== '' ): ?>
	/* 下層ページのコンテンツ上部の余白を0に */
	@media print, screen and (min-width: 960px) {
		body.not-front-page main {
			padding-top:0;
		}
		body.not-front-page main .st-eyecatch {
			margin-top:0;
		}
	}
<?php endif; ?>

<?php if ( trim( $GLOBALS['stdata382'] ) !== '' ): ?>
	/* トップページのコンテンツ上部の余白を0に（959px以下） */
	@media print, screen and (max-width: 959px) {
		body.front-page main {
			padding-top:0;
		}
		body.front-page main .st-eyecatch {
			margin-top:0;
		}
	}
<?php endif; ?>
<?php if ( trim( $GLOBALS['stdata383'] ) !== '' ): ?>
	/* 下層ページのコンテンツ上部の余白を0に（959px以下） */
	@media print, screen and (max-width: 959px) {
		body.not-front-page main {
			padding-top:0;
		}
		body.not-front-page main .st-eyecatch {
			margin-top:0;
		}
	}
<?php endif; ?>

<?php if ( isset($GLOBALS['stdata311']) && $GLOBALS['stdata311'] === 'yes' ): // 旧式のフォントファミリー に変更 ?>
	*,
	code {
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	}
<?php elseif ( isset($GLOBALS['stdata311']) && $GLOBALS['stdata311'] === 'roundedmplus1c' ): // Rounded M+ 1cメインに変更 ?>
	*,
	code {
		font-family: "Rounded Mplus 1c",-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Hiragino Kaku Gothic ProN,"メイリオ",meiryo,sans-serif;
	}
<?php endif; ?>

<?php if ( trim( $GLOBALS['stdata392'] ) !== '' ): ?>
	/* スマホ閲覧時のおすすめヘッダーカードの高さを倍に */
	@media print, screen and (max-width: 959px) {
		.st-cardlink-card.has-bg {
    		min-height: 100px;
		}
	}
<?php endif; ?>

<?php if ( trim( $GLOBALS['stdata266'] ) === '' && trim( $GLOBALS['stdata395'] ) !== '' ): // 記事スライドショーではなくヘッダー画像コンテンツあり ?>

	#st-header {
		<?php if ( isset( $GLOBALS['stdata399'] ) && ( $GLOBALS['stdata399'] ) === 'yes' ): // flexbox ?>
			display: flex; /* 子要素をflexboxで揃える */
			flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
			justify-content: center; /* 子要素をflexboxにより中央に配置する */
			align-items: center;  /* 子要素をflexboxにより中央に配置する */
		<?php endif; ?>
		width:100%;
		height: auto;
		box-sizing: border-box;
	}

	#st-headerbox .st-header-content {
		padding:20px;
	}

	#st-header p:last-child {
		margin-bottom: 0;
	}

	<?php if ( trim( $GLOBALS['stdata396'] ) !== '' ): // 背景を暗く ?>

		<?php if ( $st_topgabg_image ): // 「ヘッダー画像の後ろに配置する背景画像」が設定されている場合 ?>
			#st-header {
				z-index:2;
				position: relative;
			}
			#st-headerbox {
				position: relative;
			}
			#st-headerbox::before {
				background-color: rgba(0,0,0,0.5);
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				content: ' ';
				z-index:1;
			}
		<?php else: // 設定されていない場合はheaderに適応 ?>
			header {
				z-index:1;
				position: relative;
			}
			header {
				position: relative;
			}
			header::before {
				background-color: rgba(0,0,0,0.5);
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				content: ' ';
				z-index:2;
			}
			#headbox-bg, /* ヘッダー */
			#gazou-wide, /* ヘッダー画像コンテンツとPCメニュー */
			nav.st-middle-menu, /* スマホミドルメニュー */
			#st-header-top-widgets-box /* ヘッダー画像上ウィジェット */
			{
				position: relative;
				z-index:3;
			}
		<?php endif; ?>

	<?php endif; ?>

<?php endif; ?>

<?php if ( trim( $GLOBALS['stdata378'] ) !== '' ): // コメントのウェブサイトの入力欄を非表示 ?>
	.comment-form-url{
		display:none;
	}
<?php endif; ?>

<?php if ( trim( $GLOBALS['stdata379'] ) !== '' ): // コメントのメールアドレスの入力欄を非表示 ?>
	.comment-form-email{
		display:none;
	}
<?php endif; ?>

<?php if ( trim( $GLOBALS['stdata380'] ) !== '' ): // コメントの「メールアドレスが公開されることはありません。 * が付いている欄は必須項目です」を非表示 ?>
	.comment-notes {
		display:none;
	}
<?php endif; ?>

<?php if ( trim( $GLOBALS['stdata409'] ) !== '' ): // コメントフォームを非表示にする ?>
	#respond {
		display:none;
	}
<?php endif; ?>

<?php if(trim($GLOBALS['stdata405']) !== ''): //スマホでもサムネイルサイズを大きく ?>
	<?php if(trim($GLOBALS['stdata91']) !== ''){ //サムネイルサイズを大きく ?>
		.kanren dt {
			float: left;
			width: 150px;
		}

		.kanren dt img {
			width: 150px;
		}

		.kanren dd,
		.kanren.st-cardbox dd {
			padding-left: 165px;
		}

		.st-cardstyleb .kanren.st-cardbox dd,
		#magazine .kanren dd {
			padding-left: 20px;
		}
		/*view数*/
		.st-wppviews-label .wpp-views,
		.st-wppviews-label .wpp-views-limit {
			font-size: 90%;
		}
	<?php } ?>

	<?php if( ( isset( $GLOBALS['stdata403'] ) && ( $GLOBALS['stdata403'] === 'full' || $GLOBALS['stdata403'] === 'original' ) ) || trim($GLOBALS['stdata91']) !== '' ){ //サムネイルサイズを大きく又はサムネイルを横長に ?>
		/*PVモニター*/
		.st-pvm-ranking-item-image {
			width: 150px;
		}
	<?php } ?>

	<?php if ( isset($GLOBALS['stdata251']) && $GLOBALS['stdata251'] === 'yes' ): //サムネイル画像をポラロイド風に ?>
		.kanren dt:not(.st-card-img) {
			<?php if ( isset($GLOBALS['stdata403']) && $GLOBALS['stdata403'] === 'maru' ) : //サムネイルを丸く
				if ( isset($GLOBALS['stdata91']) && $GLOBALS['stdata91'] === 'yes' ) : //サムネイルを大きく ?>
					padding: 10px;
				<?php endif; ?>
					border-radius:50%;
			<?php elseif ( isset($GLOBALS['stdata91']) && $GLOBALS['stdata91'] === 'yes' ) : //サムネイルを大きく ?>
				padding: 10px 10px 20px;
			<?php endif; ?>
		}
	<?php endif; ?>
<?php endif; ?>

<?php if ( isset($GLOBALS['stdata332']) && $GLOBALS['stdata332'] === 'yes' ): ?>
	/* ショートコード記事一覧のカテゴリを非表示にする */
	.content-post-slider .st-catgroup {
		display:none;
	}
<?php endif; ?>

<?php if ( trim( $GLOBALS['stdata278'] ) !== '' ): ?>
	/* スライドショーの矢印アイコンを非表示にする */
	.slick-next, .slick-prev {
		display: none !important;
	}
<?php endif; ?>

<?php if ( isset( $GLOBALS['stdata328'] ) ): //スライドショーの矢印カラー ?>
	.slick-prev,
	.slick-next,
	.slick-prev:hover,
	.slick-prev:focus,
	.slick-next:hover,
	.slick-next:focus {
		background-color: <?php echo $GLOBALS['stdata328']; ?>
	}
<?php endif; ?>

<?php if ( isset($GLOBALS['stdata320']) && $GLOBALS['stdata320'] === 'yes' ): // トップページ及びアーカイブの記事一覧がカード化-EX ?>
	/* 1カラムで最大化したい場合
	@media only screen and (min-width: 960px) {
		.home .colum1 main, .category .colum1 main {
			padding-left:0;
			padding-right:0;
		}
	} */
	.st-pagelink {
	padding-top: 40px;
	}
	/* 検索結果 */
	.post.post-search {
		padding-bottom: 20px;
	}
<?php endif; ?>

<?php if ( isset($GLOBALS['stdata367']) && $GLOBALS['stdata367'] === 'yes' ): //一覧カードデザインBに変更 ?>
	@media only screen and (max-width: 599px) {
		.itiran-card-list.is-small-columns-1 .post-card-title {
			font-size:120%;
		}
	}
	.post-card-list-item:not(.st-infeed-adunit) {
		box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	}
	.post-card-list-item .post-card-body{
		  padding: 0 20px 20px;
	}
	.kanren-card-list{
	  margin-bottom: 20px;
	}
<?php endif; ?>

<?php if ( isset($GLOBALS['stdata262']) && $GLOBALS['stdata262'] === 'yes' ): //SNSボタンのカラーを優しい色にする ?>
    /* ツイッター */
	.sns .twitter a {
		background:#29B6F6;
		box-shadow: 0 3px 0 #03A9F4;
	}
	/* Facebook */
	.sns .facebook a {
		background:#5C6BC0;
		box-shadow: 0 3px 0 #3F51B5;
	}
	/* グーグル */
	.sns .googleplus a {
		background:#ef5350;
		box-shadow: 0 3px 0 #f44336;
	}
	/* はてぶ */
	.sns .hatebu a {
		background:#42A5F5;
		box-shadow: 0 3px 0 #2196F3;
	}
	/* LINE */
	.sns .line a {
		background:#9CCC65;
		box-shadow: 0 3px 0 #8BC34A;
	}
	.sns .fa-comment {
    	border-right: 1px solid #b7d885;
	}
	/* Pocket */
	.sns .pocket a {
		background:#EC407A;
		box-shadow: 0 3px 0 #E91E63;
	}
<?php endif; ?>

<?php if ( isset($GLOBALS['stdata263']) && $GLOBALS['stdata263'] === 'yes' ): //会話風アイコンを少し動かす ?>
    .st-kaiwa-face img {
        animation: animScale 4s infinite ease-out;
        transform-origin: 50% 50%;
        animation-play-state:running;
    }
    .st-kaiwa-face2 img {
        animation: animScale 4.5s infinite ease-out;
        transform-origin: 50% 50%;
        animation-play-state:running;
    }
    @keyframes animScale {
        0% { transform: scale(0.8, 0.8); }
        5% { transform: scale(1.1, 1.1); }
        10% { transform: scale(1, 1); }
        15% { transform: scale(1.1, 1.1); }
        20% { transform: scale(1, 1); }
        100% { transform: scale(1, 1); }
    }
<?php endif; ?>

<?php if(( trim( $GLOBALS['stdata49'] ) !== '') && ( trim( $GLOBALS['stdata218'] ) !== '')){ // Webフォント ?>
	/* クラス指定によるフォント */
	<?php if ( trim( $GLOBALS['stdata376'] ) !== '' ):
		echo esc_attr($GLOBALS['stdata376']);
	endif; ?>
	{
		<?php echo stripslashes( $GLOBALS["stdata218"] ); ?>
	}

	<?php if ( trim( $GLOBALS['stdata253'] ) !== '' ): //基本 ?>
		.n-entry, /* NEW ENTRY */
		h4:not(.st-css-no) .point-in, /* 関連記事 */
		.cat-itiran p.point,
		#reply-title,
		.form-submit, /*コメント欄見出し*/
		.news-ca, /*お知らせタイトル*/
		.sitename a, /* サイト名 */
		.sitename,
		#st-mobile-logo a, /*モバイルタイトル*/
		.footerlogo a,
		.footerlogo /*フッターのタイトル*/
		{
			<?php echo stripslashes( $GLOBALS["stdata218"] ); ?>
		}
	<?php endif; ?>

	<?php if ( trim( $GLOBALS['stdata254'] ) !== '' ): //タイトル見出し ?>
		.st-widgets-title, /* ウィジェットタイトル */
		.st-widgets-title span, /* ウィジェットタイトル */
		h4.menu_underh2 span,
		.st-header-flextitle,
		.h4modoki,
		.post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(#reply-title):not(.point),
		.h5modoki,
		.post h5:not(.st-css-no):not(.st-matome):not(.rankh5):not(#reply-title):not(.st-cardbox-t):not(.kanren-t):not(.popular-t):not(.post-card-title),
		.rankh4:not(.st-css-no),
		.post .rankh4:not(.st-css-no),
		#side .rankh4:not(.st-css-no),
		.post h2:not(.st-css-no),
		.post h2:not(.st-css-no) span,
		.post h3:not(.st-css-no),
		.post h3:not(.st-css-no) span,
		.h2modoki,
		.h3modoki,
		.entry-title:not(.st-css-no),
		.post .entry-title:not(.st-css-no) {
			<?php echo stripslashes( $GLOBALS["stdata218"] ); ?>
		}
	<?php endif; ?>

	<?php if ( trim( $GLOBALS['stdata260'] ) !== '' ): //SNSボタン ?>
		.snstext {
			<?php echo stripslashes( $GLOBALS["stdata218"] ); ?>
		}
	<?php endif; ?>

	<?php if ( trim( $GLOBALS['stdata255'] ) !== '' ): //記事一覧 ?>
		.kanren dd h3 a, /* 記事一覧 */
		.kanren dd .kanren-t a,  /* 記事一覧サイドバー */
		.post-slide-title a, /* ショートコード記事 */
		.post-card-title a, /* 記事カード化 */
		#st-magazine dd h3 /* JET */
		 {
			<?php echo stripslashes( $GLOBALS["stdata218"] ); ?>
		}
	<?php endif; ?>

	<?php if ( trim( $GLOBALS['stdata256'] ) !== '' ): //各メニュー ?>
		header .smanone ul.menu > li > a, /* PCグローバルメニュー */
		#side aside .st-pagelists > ul > li > a, /* サイドメニューウィジェット */
		.st-cardlink-card-text, /* ヘッダーカード */
		.acordion_tree ul.menu > li > a .menu-item-label, /* スマホスライドメニュー */
		.st-middle-menu .menu > li > a, /* スマホミドルメニュー */
		#st-footermenubox ul.menu > li > a, /* スマホフッターメニュー */
		.originalbtn-bold, /* ウィジェットボタン */
		.tagcloud a, /*タグクラウド*/
		.cat-item-label /* カテゴリ */
		{
			<?php echo stripslashes( $GLOBALS["stdata218"] ); ?>
		}
	<?php endif; ?>

	<?php if ( trim( $GLOBALS['stdata257'] ) !== '' ): //各メニュー（第二階層以下） ?>
		header .smanone ul.menu li a, /* PCグローバルメニュー（第二階層以下） */
		#side aside .st-pagelists ul > li  a, /* サイドメニューウィジェット（第二階層以下） */
		.acordion_tree ul.menu li a /* スマホスライドメニュー（第二階層以下） */
		{
			<?php echo stripslashes( $GLOBALS["stdata218"] ); ?>
		}
	<?php endif; ?>

	<?php if ( trim( $GLOBALS['stdata258'] ) !== '' ): //電話番号とおすすめNoとViews ?>
		.head-telno a,
		.st-wppviews-label .wpp-views,
		.wpp-text,
		.poprank-no2,
		.poprank-no {
			<?php echo stripslashes( $GLOBALS["stdata218"] ); ?>
		}
		/*CARDs JET用*/
		.wpp-views {
			<?php echo stripslashes( $GLOBALS["stdata218"] ); ?>
		}
	<?php endif; ?>

	<?php if ( trim( $GLOBALS['stdata259'] ) !== '' ): // ブログカード ?>
		.st-cardbox-t, /* ブログカード */
		.kanren .popular-t a, /* おすすめ記事 */
		.st-cardlink-card a
		{
			<?php echo stripslashes( $GLOBALS["stdata218"] ); ?>
		}
	<?php endif; ?>

<?php } ?>

<?php if ( isset($GLOBALS['stdata403']) && $GLOBALS['stdata403'] === 'maru' ) : //サムネイルを丸く ?>
	.kanren dt:not(.st-card-img) img {
    		border-radius:50%;
	}
<?php endif; ?>

<?php if ( isset($GLOBALS['stdata251']) && $GLOBALS['stdata251'] === 'yes' ): //サムネイル画像をポラロイド風に ?>
	.kanren dt:not(.st-card-img) {
		border: 1px solid #e6e6e6;
		background:#fff;
		margin-bottom: 0;
		box-shadow: 0 10px 5px -10px #bebebe;
		display: inline-block;
		box-sizing: border-box;
		position:relative;
		<?php if ( isset($GLOBALS['stdata403']) && $GLOBALS['stdata403'] === 'maru' ) : //サムネイルを丸く ?>
  			padding: 5px;
			border-radius:50%;
		<?php else: ?>
    		padding: 5px 5px 15px;
		<?php endif; ?>
	}
	.st-wppviews-text {
		position:absolute;
		top:-6px;
		left:-6px;
	}
<?php endif; ?>

<?php if ( isset($GLOBALS['stdata252']) && $GLOBALS['stdata252'] === 'yes' ): //サムネイル画像にテープ ?>
	.kanren dt:not(.st-card-img):before {
		background:#FFE0B2;
		content:'';
		width:33%;
		height:10px;
		position:absolute;
		top:-6px;
		left:30%;
		opacity:0.5;
		transform: rotate(5deg);
	}
<?php endif; ?>

<?php if ( trim($GLOBALS['stdata234'] ) !== '' ): ?>
	.page #breadcrumb {
		margin-bottom:10px;
	}
<?php endif; ?>

<?php if ( trim($GLOBALS['stdata249'] ) !== '' ): //ミドルメニュー3列 ?>
	.st-middle-menu .menu > li {
		width:33.33%;
	}
	.st-middle-menu .menu > li:nth-child(3n) {
		border-right:none;
	}
	.st-middle-menu .menu li a{
		font-size:80%;
	}
<?php else: // 2列 ?>
	.st-middle-menu .menu > li {
		width:50%;
	}
	.st-middle-menu .menu li a{
		font-size:90%;
	}
<?php endif; ?>

<?php if  ( isset($GLOBALS['stdata403']) && $GLOBALS['stdata403'] === 'maru' ): //サムネイルの形に合わせてナンバーも変化 ?>
	.poprank-no2, .poprank-no {
		border-radius: 50%;
	}
<?php endif; ?>

<?php if  ( isset($GLOBALS['stdata5']) && $GLOBALS['stdata5'] === 'yes' ): //サムネイルを非表示 ?>
	.poprank-no2, .poprank-no {
		display: inline-block;
	}
<?php endif; ?>

<?php if ( isset($GLOBALS['stdata207']) && $GLOBALS['stdata207'] === 'yes' ) { // SNSボタンをシンプルにする ?>
	.sns {
		width: 100%;
		text-align:center;
	}

	.sns li {
		float: none;
	}

	.sns li a {
		margin:0;
	}

	.post .sns ul,
	.sns ul {
		margin:0 auto;
		width:290px;
		display: flex;
		justify-content: center;
	}

	.snstext{
		display:none;
	}

	.snscount{
		display:none;
	}

	.sns li {
		float: left;
		list-style: none;
		width: 40px;
		margin-right: 10px;
		position: relative;
	}

	.sns li:last-child {
		margin-right: 0px;
	}

	.sns li i {
		font-size: 19px!important;
	}

	.sns li a {
		<?php if( isset($GLOBALS['stdata248']) && $GLOBALS['stdata248'] === 'yes' ): //丸くする ?>
			border-radius: 50%;
		<?php else: ?>
			border-radius: 0;
		<?php endif; ?>
		box-sizing: border-box;
		color: #fff;
		font-size: 19px;
		height: 40px;
		width: 40px;
		padding: 0;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.sns li a .fa {
		padding: 0;
		border: 0;
		height: auto;
	}

	/* ツイッター */
	.sns .twitter a {
		box-shadow: none;
	}

	.sns .twitter a:hover {
		background:#4892cb;
		box-shadow: none;
	}

	.sns .fa-twitter::before {
		position: relative;
		top:1px;
		left: 1px;
	}

	/* Facebook */
	.sns .facebook a {
		box-shadow: none;
	}
	.sns .facebook a:hover {
		background:#2c4373;
		box-shadow: none;
	}

	.sns .fa-facebook::before {
		position: relative;
		top:1px;
	}

	/* グーグル */
	.sns .googleplus a {
		box-shadow: none;
	}
	.sns .googleplus a:hover {
		background:#d51e31;
		box-shadow: none;
	}

	.sns .fa-google-plus::before {
		position: relative;
		left: 1px;
	}

	/* URLコピー */
	.sns .share-copy a {
		box-shadow: none;
	}
	.sns .share-copy a:hover {
		background:#ccc;
		box-shadow: none;
	}

	.sns .share-copy::before {
		position: relative;
		left: 1px;
	}

	.sns .share-copy .fa-clipboard {
		border-right: none;
	}

	/* はてぶ */
	.sns .hatebu a {
		box-shadow: none;
	}

	.sns .hatebu a:hover {
		box-shadow: none;
		background:#00a5de;
	}

	.sns .st-svg-hateb::before {
		border-right:none;
		padding-right:0;
		font-size:19px!important;
	}

	.sns .st-svg-hateb::before {
		position: relative;
		left: 1px;
	}

	/* LINE */
	.sns .line a {
		box-shadow: none;
	}
	.sns .line a:hover {
		background:#219900;
		box-shadow: none;
	}

	.sns .fa-comment::before {
		position: relative;
		left: 1px;
		top: -1px;
	}

	/* Pocket */
	.sns .pocket a {
		box-shadow: none;
	}
	.sns .pocket a:hover {
		background:#F27985;
		box-shadow: none;
	}

	.sns .fa-get-pocket::before {
		position: relative;
		top: 1px;
	}
<?php } ?>

<?php if ( ( ( !st_is_mobile() ) && ( !is_active_sidebar( 3 ) ) && ( !is_active_sidebar( 4 ) ) )
|| ( ( st_is_mobile() ) && ( !is_active_sidebar( 3 ) ) && ( !is_active_sidebar( 4 ) ) && ( !is_active_sidebar( 9 ) ) ) ): ?>
	/* アドセンス */
	.adbox,
	.adbox div {
		padding: 0!important;
	}
<?php endif; ?>

<?php if ( isset($GLOBALS['stdata213']) && $GLOBALS['stdata213'] === 'yes' ) { // アバター画像を丸くする ?>
	img.avatar {
		border-radius:50%;
	}
<?php } ?>

<?php if ( isset($GLOBALS['stdata88']) && $GLOBALS['stdata88'] === 'yes' ) { // 記事内の画像にcaptionがある場合に枠線を付ける ?>
	main .wp-caption img {
		border:solid 1px #ccc;
	}
<?php } ?>

<?php if ( trim($GLOBALS['stdata208']) !== '' ) { // ウィジェットのタイトルを非表示 ?>
	.st-widgets-title {
		display:none;
	}
<?php } ?>


<?php if ( isset($GLOBALS['stdata204']) && $GLOBALS['stdata204'] === 'yes' ) { //ぱんくずを非表示 ?>
	#breadcrumb {
		display:none;
	}
<?php } ?>

<?php if ( isset($GLOBALS['stdata205']) && $GLOBALS['stdata205'] === 'yes' ) { //PREV・NEXTリンクを非表示 ?>
	.p-navi {
		display:none;
	}
<?php } ?>

<?php if( !wp_is_mobile() && (trim($GLOBALS['stdata115']) !== '') ){ //「トップ背景にアミ点を追加」にチェックがある場合 ?>
	<?php if (trim($GLOBALS['stdata116']) !== ''){ //「下層ページでもYouTubeを流す」にもチェックがある場合: 全ページでアミ点を表示 ?>
	#st-ami {
<?php }else{ //トップページのみアミ点を表示 ?>
	body.front-page #st-ami {
<?php } ?>
		background-image: url(images/amiten.png);
	}
<?php } ?>

<?php if( (trim($GLOBALS['stdata80']) !== '') || ( !st_is_mobile() && (trim($GLOBALS['stdata16']) !== '')) ): //スマホメニューを表示しない場合のヘッダーパディングの調整 ?>
	#headbox {
		padding: 10px!important;
	}
<?php endif; ?>

<?php if( isset($GLOBALS['stdata98']) && $GLOBALS['stdata98'] === 'noto' ){ // Noto Sansの選択 ?>
	<?php if ( trim( $GLOBALS['stdata372'] ) !== '' ):
		echo esc_attr($GLOBALS['stdata372']) . ',';
	endif; ?>
	<?php if ( isset($GLOBALS['stdata368']) && $GLOBALS['stdata368'] === 'yes' ): ?>
		.sitename a, /* サイト名 */
		.sitename,
		#st-mobile-logo a, /*モバイルタイトル*/
		.footerlogo a,
		.footerlogo, /*フッターのタイトル*/
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata369']) && $GLOBALS['stdata369'] === 'yes' ): ?>
		.st-pvm-ranking-item-title, /* PVmonitor */
		.kanren dd h3 a, /* 記事一覧 */
		.kanren dd .kanren-t a,  /* 記事一覧サイドバー */
		.post-slide-title a, /* ショートコード記事 */
		.post-card-title a, /* 記事カード化 */
		#st-magazine dd h3, /* JET */
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata370']) && $GLOBALS['stdata370'] === 'yes' ): ?>
		header .smanone ul.menu > li > a, /* PCグローバルメニュー */
		#side aside .st-pagelists > ul > li > a, /* サイドメニューウィジェット */
		.st-cardlink-card-text, /* ヘッダーカード */
		.acordion_tree ul.menu > li > a .menu-item-label, /* スマホスライドメニュー */
		.st-middle-menu .menu > li > a, /* スマホミドルメニュー */
		#st-footermenubox ul.menu > li > a, /* スマホフッターメニュー */
		.originalbtn-bold, /* ウィジェットボタン */
		.tagcloud a, /*タグクラウド*/
		.cat-item-label, /* カテゴリ */
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata373']) && $GLOBALS['stdata373'] === 'yes' ): ?>
		header .smanone ul.menu li a, /* PCグローバルメニュー（第二階層以下） */
		#side aside .st-pagelists  ul > li  a, /* サイドメニューウィジェット（第二階層以下） */
		.acordion_tree ul.menu li a, /* スマホスライドメニュー（第二階層以下） */
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata371']) && $GLOBALS['stdata371'] === 'yes' ): ?>
		.st-cardbox-t, /* ブログカード */
		.kanren .popular-t a, /* おすすめ記事 */
		.st-cardlink-card a,
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata384']) && $GLOBALS['stdata384'] === 'yes' ): ?>
		#st_toc_container .st_toc_title, /* すごいもくじ見出し */
		#st_toc_container ul li a, /* すごいもくじ */
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata386']) && $GLOBALS['stdata386'] === 'yes' ): //ランキング見出し ?>
		.post .rankh4:not(.st-css-no),
		#side .rankh4:not(.st-css-no),
		.rankh4:not(.st-css-no),
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata385']) && $GLOBALS['stdata385'] === 'yes' ): //h4～5 ?>
		.h4modoki,
		.post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(#reply-title):not(.point),
		.h5modoki,
		.post h5:not(.st-css-no):not(.st-matome):not(.rankh5):not(#reply-title):not(.st-cardbox-t):not(.kanren-t):not(.popular-t):not(.post-card-title),
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata397']) && $GLOBALS['stdata397'] === 'yes' ): // ボタン ?>
		.rankstlink-l2 p a,
		.rankstlink-l p a,
		.rankstlink-b p a,
		.rankstlink-r p a,
		.rankstlink-r2 p a,
		.rankstlink-a p a,
		.st-mybtn a,
	<?php endif; ?>
	<?php if ( $st_is_st ): // テーマ分岐 ?>
		.rankh4:not(.st-css-no), /* ランキング見出し（ST2のみ） */
		.post .rankh4:not(.st-css-no), /* ランキング見出し（ST2のみ） */
		#side .rankh4:not(.st-css-no), /* ランキング見出し（ST2のみ） */
	<?php endif; ?>
	.st-author-profile .st-author-nickname, /* プロフィール名 */
	.st-web-font,
	.st-step-title, /* ステップ */
	.st-point .st-point-text, /* ポイント */
	.n-entry, /* NEW ENTRY */
	h4:not(.st-css-no) .point-in, /* 関連記事 */
	.cat-itiran p.point,
	.form-submit, /*コメント欄見出し*/
	.news-ca, /*お知らせタイトル*/
	.st-widgets-title, /* ウィジェットタイトル */
	.st-widgets-title span, /* ウィジェットタイトル */
	h4.menu_underh2 span,
	.st-header-flextitle,
    .post h2:not(.st-css-no),
    .post h2:not(.st-css-no) span,
    .post h3:not(.st-css-no),
    .post h3:not(.st-css-no) span,
	.h2modoki,
	.h3modoki,
    .entry-title:not(.st-css-no),
    .post .entry-title:not(.st-css-no) {
        font-family: 'Noto Sans JP', sans-serif;
    }
@media only screen and (max-width: 599px) {
	.st-header-flextitle {
		font-weight:900;
    }
}
<?php } elseif ( isset($GLOBALS['stdata98']) && $GLOBALS['stdata98'] === 'roundedmplus1c' ){ // Rounded M+ 1c ?>
	<?php if ( trim( $GLOBALS['stdata372'] ) !== '' ):
		echo esc_attr($GLOBALS['stdata372']) . ',';
	endif; ?>
	<?php if ( isset($GLOBALS['stdata368']) && $GLOBALS['stdata368'] === 'yes' ): ?>
		.sitename a, /* サイト名 */
		.sitename,
		#st-mobile-logo a, /*モバイルタイトル*/
		.footerlogo a,
		.footerlogo, /*フッターのタイトル*/
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata369']) && $GLOBALS['stdata369'] === 'yes' ): ?>
		.st-pvm-ranking-item-title, /* PVmonitor */
		.kanren dd h3 a, /* 記事一覧 */
		.kanren dd .kanren-t a,  /* 記事一覧サイドバー */
		.post-slide-title a, /* ショートコード記事 */
		.post-card-title a, /* 記事カード化 */
		#st-magazine dd h3, /* JET */
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata370']) && $GLOBALS['stdata370'] === 'yes' ): ?>
		header .smanone ul.menu > li > a, /* PCグローバルメニュー */
		#side aside .st-pagelists > ul > li > a, /* サイドメニューウィジェット */
		.st-cardlink-card-text, /* ヘッダーカード */
		.acordion_tree ul.menu > li > a .menu-item-label, /* スマホスライドメニュー */
		.st-middle-menu .menu > li > a, /* スマホミドルメニュー */
		#st-footermenubox ul.menu > li > a, /* スマホフッターメニュー */
		.originalbtn-bold, /* ウィジェットボタン */
		.tagcloud a, /*タグクラウド*/
		.cat-item-label, /* カテゴリ */
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata373']) && $GLOBALS['stdata373'] === 'yes' ): ?>
		header .smanone ul.menu li a, /* PCグローバルメニュー（第二階層以下） */
		#side aside .st-pagelists  ul > li  a, /* サイドメニューウィジェット（第二階層以下） */
		.acordion_tree ul.menu li a, /* スマホスライドメニュー（第二階層以下） */
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata371']) && $GLOBALS['stdata371'] === 'yes' ): ?>
		.st-cardbox-t, /* ブログカード */
		.kanren .popular-t a, /* おすすめ記事 */
		.st-cardlink-card a,
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata384']) && $GLOBALS['stdata384'] === 'yes' ): ?>
		#st_toc_container .st_toc_title, /* すごいもくじ見出し */
		#st_toc_container ul li a, /* すごいもくじ */
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata386']) && $GLOBALS['stdata386'] === 'yes' ): //ランキング見出し ?>
		.post .rankh4:not(.st-css-no),
		#side .rankh4:not(.st-css-no),
		.rankh4:not(.st-css-no),
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata385']) && $GLOBALS['stdata385'] === 'yes' ): //h4～5 ?>
		.h4modoki,
		.post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(#reply-title):not(.point),
		.h5modoki,
		.post h5:not(.st-css-no):not(.st-matome):not(.rankh5):not(#reply-title):not(.st-cardbox-t):not(.kanren-t):not(.popular-t):not(.post-card-title),
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata397']) && $GLOBALS['stdata397'] === 'yes' ): // ボタン ?>
		.rankstlink-l2 p a,
		.rankstlink-l p a,
		.rankstlink-b p a,
		.rankstlink-r p a,
		.rankstlink-r2 p a,
		.rankstlink-a p a,
		.st-mybtn a,
	<?php endif; ?>
	<?php if ( $st_is_st ): // テーマ分岐 ?>
		.rankh4:not(.st-css-no), /* ランキング見出し（ST2のみ） */
		.post .rankh4:not(.st-css-no), /* ランキング見出し（ST2のみ） */
		#side .rankh4:not(.st-css-no), /* ランキング見出し（ST2のみ） */
	<?php endif; ?>
	.st-author-profile .st-author-nickname, /* プロフィール名 */
	.st-web-font,
	.st-step-title, /* ステップ */
	.st-point .st-point-text, /* ポイント */
	.n-entry, /* NEW ENTRY */
	h4:not(.st-css-no) .point-in, /* 関連記事 */
	.cat-itiran p.point,
	.form-submit, /*コメント欄見出し*/
	.news-ca, /*お知らせタイトル*/
	.st-widgets-title, /* ウィジェットタイトル */
	.st-widgets-title span, /* ウィジェットタイトル */
	h4.menu_underh2 span,
	.st-header-flextitle,
    .post h2:not(.st-css-no),
    .post h2:not(.st-css-no) span,
    .post h3:not(.st-css-no),
    .post h3:not(.st-css-no) span,
	.h2modoki,
	.h3modoki,
    .entry-title:not(.st-css-no),
    .post .entry-title:not(.st-css-no) {
        font-family: 'Rounded Mplus 1c', sans-serif;
    }
@media only screen and (max-width: 599px) {
	.st-header-flextitle {
		font-weight:900;
    }
}
<?php } elseif ( isset($GLOBALS['stdata98']) && $GLOBALS['stdata98'] === 'normal' ){ // 未使用 ?>
<?php } elseif ( isset($GLOBALS['stdata98']) && $GLOBALS['stdata98'] === '' ){ // 游ゴシック ?>
	<?php if ( trim( $GLOBALS['stdata372'] ) !== '' ):
		echo esc_attr($GLOBALS['stdata372']) . ',';
	endif; ?>
	<?php if ( isset($GLOBALS['stdata368']) && $GLOBALS['stdata368'] === 'yes' ): ?>
		.sitename a, /* サイト名 */
		.sitename,
		#st-mobile-logo a, /*モバイルタイトル*/
		.footerlogo a,
		.footerlogo, /*フッターのタイトル*/
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata369']) && $GLOBALS['stdata369'] === 'yes' ): ?>
		.st-pvm-ranking-item-title, /* PVmonitor */
		.kanren dd h3 a, /* 記事一覧 */
		.kanren dd .kanren-t a,  /* 記事一覧サイドバー */
		.post-slide-title a, /* ショートコード記事 */
		.post-card-title a, /* 記事カード化 */
		#st-magazine dd h3, /* JET */
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata370']) && $GLOBALS['stdata370'] === 'yes' ): ?>
		header .smanone ul.menu > li > a, /* PCグローバルメニュー */
		#side aside .st-pagelists > ul > li > a, /* サイドメニューウィジェット */
		.st-cardlink-card-text, /* ヘッダーカード */
		.acordion_tree ul.menu > li > a .menu-item-label, /* スマホスライドメニュー */
		.st-middle-menu .menu > li > a, /* スマホミドルメニュー */
		#st-footermenubox ul.menu > li > a, /* スマホフッターメニュー */
		.originalbtn-bold, /* ウィジェットボタン */
		.tagcloud a, /*タグクラウド*/
		.cat-item-label, /* カテゴリ */
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata373']) && $GLOBALS['stdata373'] === 'yes' ): ?>
		header .smanone ul.menu li a, /* PCグローバルメニュー（第二階層以下） */
		#side aside .st-pagelists  ul > li  a, /* サイドメニューウィジェット（第二階層以下） */
		.acordion_tree ul.menu li a, /* スマホスライドメニュー（第二階層以下） */
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata371']) && $GLOBALS['stdata371'] === 'yes' ): ?>
		.st-cardbox-t, /* ブログカード */
		.kanren .popular-t a, /* おすすめ記事 */
		.st-cardlink-card a,
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata384']) && $GLOBALS['stdata384'] === 'yes' ): ?>
		#st_toc_container .st_toc_title, /* すごいもくじ見出し */
		#st_toc_container ul li a, /* すごいもくじ */
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata386']) && $GLOBALS['stdata386'] === 'yes' ): //ランキング見出し ?>
		.post .rankh4:not(.st-css-no),
		#side .rankh4:not(.st-css-no),
		.rankh4:not(.st-css-no),
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata385']) && $GLOBALS['stdata385'] === 'yes' ): //h4～5 ?>
		.h4modoki,
		.post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(#reply-title):not(.point),
		.h5modoki,
		.post h5:not(.st-css-no):not(.st-matome):not(.rankh5):not(#reply-title):not(.st-cardbox-t):not(.kanren-t):not(.popular-t):not(.post-card-title),
	<?php endif; ?>
	<?php if ( isset($GLOBALS['stdata397']) && $GLOBALS['stdata397'] === 'yes' ): // ボタン ?>
		.rankstlink-l2 p a,
		.rankstlink-l p a,
		.rankstlink-b p a,
		.rankstlink-r p a,
		.rankstlink-r2 p a,
		.rankstlink-a p a,
		.st-mybtn a,
	<?php endif; ?>
	<?php if ( $st_is_st ): // テーマ分岐 ?>
		.rankh4:not(.st-css-no), /* ランキング見出し（ST2のみ） */
		.post .rankh4:not(.st-css-no), /* ランキング見出し（ST2のみ） */
		#side .rankh4:not(.st-css-no), /* ランキング見出し（ST2のみ） */
	<?php endif; ?>
	.st-author-profile .st-author-nickname, /* プロフィール名 */
	.st-web-font,
	.st-step-title, /* ステップ */
	.st-point .st-point-text, /* ポイント */
	.n-entry, /* NEW ENTRY */
	h4:not(.st-css-no) .point-in, /* 関連記事 */
	.cat-itiran p.point,
	.form-submit, /*コメント欄見出し*/
	.news-ca, /*お知らせタイトル*/
	.st-widgets-title, /* ウィジェットタイトル */
	.st-widgets-title span, /* ウィジェットタイトル */
	h4.menu_underh2 span,
	.st-header-flextitle,
    .post h2:not(.st-css-no),
    .post h2:not(.st-css-no) span,
    .post h3:not(.st-css-no),
    .post h3:not(.st-css-no) span,
	.h2modoki,
	.h3modoki,
    .entry-title:not(.st-css-no),
    .post .entry-title:not(.st-css-no) {
        font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
    }
<?php } ?>

<?php if((trim($GLOBALS['stdata221']) !== '') || st_is_mobile()){ //モバイル閲覧時又はブログカードの抜粋が非表示の場合 ?>
	.st-cardbox .clearfix dd h5:not(.st-css-no),
	.post .st-cardbox .clearfix dd h5:not(.st-css-no),
	#side .st-cardbox .clearfix dd h5:not(.st-css-no) {
		border-bottom:none;
	}
<?php } ?>

<?php if ( trim( $GLOBALS['stdata329'] ) !== '' ): //簡易カテゴリカラー ?>
	/* 17_STINGERカテゴリー */
	.widget_st_categories_widget .cat-item a {
		border-bottom-color: <?php echo $GLOBALS['stdata329']; ?>;
		color: <?php echo $GLOBALS['stdata329']; ?>;
	}
<?php endif; ?>

<?php if ( isset($GLOBALS['stdata201']) && $GLOBALS['stdata201'] === 'yes' ) { ?>
	/*サイドバーカテゴリ*/
	#side li.cat-item a::after {
		content: " \f105";
		font-family: FontAwesome;
		position: absolute;
		right: 10px;
	}

	#side li.cat-item a {
		position: relative;
		vertical-align: middle;
		width:100%;
		padding: 10px;
		box-sizing:border-box;
		border-bottom: 1px solid #e1e1e1;
		color:#1a1a1a;
		text-decoration:none;
		display:block;
	}

	#side li.cat-item a:hover {
		opacity:0.5;
	}

	<?php if ( isset( $GLOBALS['stdata329'] ) ): //簡易カテゴリカラー ?>
		#side li.cat-item a {
			border-bottom-color: <?php echo $GLOBALS['stdata329']; ?>;
			color: <?php echo $GLOBALS['stdata329']; ?>;
		}
	<?php endif; ?>

<?php } ?>

<?php if(trim($GLOBALS['stdata96']) === ''){ ?>
	/*TOC+*/
	#toc_container {
    	margin: 0 auto 20px;
    	text-align: center;
	}

	#toc_container .toc_title {
		text-align:center;
		padding: 5px;
		font-weight:bold;
		position:relative;
 		display: inline-block;
		vertical-align: middle;
		border-bottom: 2px solid #333;
		margin-bottom: 5px;
	}

	#toc_container:not(.contracted) .toc_title {
		margin:0 auto 10px;
	}

	#toc_container .toc_title:before {
  		content: "\f0f6\00a0";
  		font-family: FontAwesome;
	}

	#toc_container .toc_title .toc_toggle {
		font-weight: normal;
		font-size:95%;
	}

	.post #toc_container ul,
	.post #toc_container ol {
		list-style: none;
		margin-bottom: 0;
	}

	.toc_number {
		font-weight:bold;
		margin-right:5px;
		color:#ccc;
	}

	#toc_container ul a {
		display: block;
		text-decoration: none;
		color: #000;
		padding-bottom:5px;
		border-bottom: 1px dotted #ccc;
	}

	#toc_container ul a:hover {
		opacity:0.5;
	}

	#toc_container .toc_list > li> li > a {
		margin-bottom:10px;
	}

	#toc_container .toc_list > li > a {
		border-bottom: none;
	}

	.post #toc_container ul ul {
		padding:  5px 0;
	}

	.post #toc_container ul ul ul {
		padding-left: 10px;
	}

	#toc_container li {
		font-weight:bold;
		margin-bottom: 5px;
		padding: 10px 0px;
		list-style-type:none;
		text-align: left;
		text-indent:-0.8em;
		padding-left:1em;
	}

	#toc_container > ul > li {
		font-size: 18px;
	}

	#toc_container li a:before {
  		font-family: FontAwesome;
  		content: "\f0da\00a0\00a0";
  		color: #333;
	}

	#toc_container li li a:before {
  		content: none;
	}

	#toc_container li li {
		text-align:left;
		font-weight:normal;
		list-style:decimal outside none;
		text-indent:0;
		padding: 5px 0;
	}

	#toc_container li li li{
		margin-bottom:0;
		padding:3px 0;
		list-style-type:none;
		text-indent:-0.8em;
		padding-left:1em;
	}

	#toc_container li li li a{
		border:none;
		margin-bottom:0;
		padding:0;
	}

	#toc_container li li li a:before {
  		font-family: FontAwesome;
  		content: "\f0da\00a0\00a0";
  		color: #9E9E9E;
	}

	/* 第一階層のみの場合 */
	#toc_container.only-toc ul {
		padding:20px;
	}

	#toc_container.only-toc li{
		padding:0;
		font-weight:normal;
	}

	#toc_container.only-toc li a:before{
		content: none;
	}

	#toc_container.only-toc li{
		list-style-type: decimal;
		border-bottom:dotted 1px #ccc;
	}

	#st_toc_container.only-toc:not(.st_toc_contracted) {
		<?php if(($st_toc_bgcolor)||($st_toc_bordercolor)){ ?>
			padding: 20px;
		<?php } ?>
	}

	/* オリジナル */
	.post #toc_container ol.st-original-toc > li {
		list-style: decimal;
		text-align:left;
		font-weight: normal;
		padding: 0;
		text-indent: 0;
	}
	#toc_container ol.st-original-toc > li a:before {
  		content: none;
	}

<?php } ?>

<?php if ( st_is_mobile() && is_active_sidebar( 18 ) ): ?>
	/*フッターに固定広告がある場合にページトップボタンの位置を上にする*/
	#page-top {
		bottom: 80px;
	}
<?php endif; ?>

<?php if(trim($GLOBALS['stdata81']) === '' && trim($GLOBALS['stdata82']) === ''){ ?>
	/*スライドメニュー追加ボタン2*/
	#s-navi dt.trigger .acordion_extra_2 {
		max-width: 80%;
	}
<?php }elseif(trim($GLOBALS['stdata83']) === '' && trim($GLOBALS['stdata84']) === ''){ ?>
	/*スライドメニュー追加ボタン1*/
	#s-navi dt.trigger .acordion_extra_1 {
		max-width: 80%;
	}
<?php } ?>

<?php if ( isset($GLOBALS['stdata375']) && $GLOBALS['stdata375'] === 'yes' ): // ワイドLPの左右にシャドウ -EX ?>
	/*.colum1.st-lp-wide .entry-title,*/
	.colum1.st-lp-wide .st-sp-top-only-widgets,
	.colum1.st-lp-wide .st-header-under-widgets,
	.colum1.st-lp-wide .top-content,
	.colum1.st-lp-wide .st-middle-menu,
	.single .colum1.st-lp-wide #gazou-wide,
	.single .colum1.st-lp-wide #footer,
	.page .colum1.st-lp-wide #gazou-wide,
	.page .colum1.st-lp-wide #footer,
	.colum1.st-lp-wide #st-header-cardlink,
	.colum1.st-lp-wide .st-widgets-box,
	.colum1.st-lp-wide .st-catgroup,
	.colum1.st-lp-wide .blogbox,
	.colum1.st-lp-wide #headbox,
	.colum1.st-lp-wide #breadcrumb,
	.colum1.st-lp-wide .adbox,
	.colum1.st-lp-wide .rankst-wrap,
	.colum1.st-lp-wide .sns,
	.colum1.st-lp-wide .kanren.pop-box,
	.colum1.st-lp-wide .tagst,
	.colum1.st-lp-wide aside {
		display: none;
	}

	/* 記事タイトルの調整 */
	.colum1.st-lp-wide #st-page .entry-title:not(.st-css-no2),
	.colum1.st-lp-wide .entry-title{
		position:relative;
		font-size:12px!important;
		padding:5px 10px!important;
		margin:0 auto -50px!important;
		font-weight:normal!important;
		line-height:1.3!important;
		border: none!important;
		z-index:2;
		color: #ccc!important;
		text-align: left!important;
		background-image: none!important;
		background-color: transparent!important;
	}

	.colum1.st-lp-wide #st-page .entry-title:not(.st-css-no2)::before,
	.colum1.st-lp-wide .entry-title::before,
	.colum1.st-lp-wide #st-page .entry-title:not(.st-css-no2)::after,
	.colum1.st-lp-wide .entry-title::after {
		content: none!important;
	}

	.colum1.st-lp-wide .st-lp-wide-eyecatch img{
		position:relative;
		z-index:1;
	}

	.entry-content .st-lp-wide-wrapper:first-child .st-lp-wide-content {
		padding-top:80px;
	}

	.entry-content .st-lp-wide-wrapper .st-lp-wide-content {
		background: #fff;
	}

	.st-lp-wide-wrapper {
		overflow: hidden;
	}

	.colum1.st-lp-wide .st-lp-wide-content:not(.st-no-shadow) {
	  box-shadow: 0 0 20px gray;
	}

	.colum1.st-lp-wide .st-lp-wide-content{
		padding:40px 10px;
		margin:-40px 0;
	}

	.colum1 #content-w {
		padding-top: 0;
	}

	.colum1.st-lp-wide .post {
		padding-bottom: 0;
	}

	.colum1.st-lp-wide main {
		margin-bottom: 0;
		padding-bottom:0;
		padding-top: 0;
		background-color: transparent;
	}

	.colum1.st-lp-wide .st-eyecatch,
	.colum1.st-lp-wide .st-eyecatch img {
		margin-bottom: 0;
	}
<?php endif; ?>

/*
旧st-kanri.phpより移動（ここまで）
-------------------------------------------*/

/*グループ1
------------------------------------------------------------*/

/* 一括カラー反映 */
<?php if ( $st_main_textcolor ): ?>
	/*メインコンテンツのテキスト色*/
	.post > * {
		color: <?php echo $st_main_textcolor; ?>;
	}
<?php endif; ?>

<?php if ( $st_main_textcolor_sub ): ?>
	/*範囲を広げる*/
	main p,
	#st_toc_container .st_toc_list li a,
	.post .entry-title:not(.st-css-no),
	a.st-cardlink,
	a .st-cardbox h5, a .st-cardbox p,
	.content-post-slider .post-slide-title a,
	.post-card-list .post-card-title a {
		color: <?php echo $st_main_textcolor; ?>;
	}
	.kanren:not(.st-cardbox) .clearfix dd p,
	.kanren:not(.st-cardbox) .clearfix dd p,
	.kanren .st-cards-content-in h3,
	.kanren a {
		color: <?php echo $st_main_textcolor; ?>!important;
	}
<?php endif; ?>

input, textarea {
	color: #000;
}

<?php if ( $st_link_textcolor ): ?>
	/*メインコンテンツのリンク色*/
	a,
	.no-thumbitiran h3:not(.st-css-no) a,
	.no-thumbitiran h5:not(.st-css-no) a {
		color: <?php echo $st_link_textcolor; ?>;
	}
<?php endif; ?>

<?php if ( $st_link_hovertextcolor ): ?>
	a:hover {
		color: <?php echo $st_link_hovertextcolor; ?>!important;
	}
<?php endif; ?>
<?php if ( $st_link_hoveropacity ): ?>
	a:hover {
		opacity:0.7!important;
	}
<?php endif; ?>

<?php if($st_table_bordercolor): ?>
/*テーブルのボーダー*/
	.post table thead,
	.post table {
		border-top-color: <?php echo $st_table_bordercolor; ?>;
		border-right-color: <?php echo $st_table_bordercolor; ?>;
	}

	.post table thead th,
	.post table thead td,
	table tr th,
	table tr td {
		border-bottom-color: <?php echo $st_table_bordercolor; ?>;
		border-left-color: <?php echo $st_table_bordercolor; ?>;
	}
<?php endif; ?>

<?php if($st_table_cell_bgcolor): ?>
/*偶数行のセル*/
.post table tr:nth-child(even) {
	background-color: <?php echo $st_table_cell_bgcolor; ?>;
}
<?php endif; ?>

/*縦一行目のセル*/
table thead + tbody tr:first-child td:first-child,
table tr td:first-child {
	<?php if($st_table_td_bgcolor): ?>
		background-color: <?php echo $st_table_td_bgcolor; ?>;
	<?php endif; ?>
	<?php if($st_table_td_textcolor): ?>
		color: <?php echo $st_table_td_textcolor; ?>;
	<?php endif; ?>
	<?php if($st_table_td_bold): ?>
		font-weight:bold;
	<?php endif; ?>
}

/*横一行目のセル及びヘッダセル*/
table tr:first-child td,
table tr:first-child th {
	<?php if($st_table_tr_bgcolor): ?>
		background-color: <?php echo $st_table_tr_bgcolor; ?>;
	<?php endif; ?>
	<?php if($st_table_tr_textcolor): ?>
		color: <?php echo $st_table_tr_textcolor; ?>;
	<?php endif; ?>
	<?php if($st_table_tr_bold): ?>
		font-weight:bold;
	<?php endif; ?>
}

table thead + tbody tr:first-child td,
table thead + tbody tr:first-child th {
	background-color:transparent;
	color: inherit;
	font-weight: normal;
}

/* 会話レイアウト */
<?php if($st_kaiwa_borderradius): ?>
	/* ふきだしを角丸にしない */
	.st-kaiwa-hukidashi,
	.st-kaiwa-hukidashi2{
		border-radius:0;
	}
<?php endif; ?>

<?php if($st_kaiwa_bgcolor){ ?>
	<?php if($st_kaiwa_change_border){ ?>
		.st-kaiwa-hukidashi,
		.st-kaiwa-hukidashi2 {
			border: solid 2px <?php echo $st_kaiwa_bgcolor; ?>;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				background-color: <?php echo $st_kaiwa_change_border_bgcolor; ?>;
			<?php else: ?>
				background-color: transparent;
			<?php endif; ?>
		}
		.st-kaiwa-hukidashi::before {
			content: "";
			position: absolute;
			top: 30px;
			display: block;
			width: 0px;
			height: 0px;
			border-style: solid;
			margin-top: -13px;
			left: -13px;
			border-width: 13px 13px 13px 0;
			border-color: transparent <?php echo $st_kaiwa_bgcolor; ?> transparent transparent;
		}
		.st-kaiwa-hukidashi::after {
			left: -10px;
			border-width: 10px 10px 10px 0;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				border-color: transparent <?php echo $st_kaiwa_change_border_bgcolor; ?> transparent transparent;
			<?php else: ?>
				border-color: transparent #fff transparent transparent;
			<?php endif; ?>
		}
		.st-kaiwa-hukidashi2::before {
			content: "";
			position: absolute;
			top: 30px;
			display: block;
			width: 0px;
			height: 0px;
			border-style: solid;
			margin-top: -13px;
			right: -13px;
			border-width: 13px 0 13px 13px;
			border-color: transparent transparent transparent <?php echo $st_kaiwa_bgcolor; ?>;
		}
		.st-kaiwa-hukidashi2::after {
			right: -10px;
			border-width: 10px 0 10px 10px;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				border-color: transparent transparent transparent <?php echo $st_kaiwa_change_border_bgcolor; ?>;
			<?php else: ?>
				border-color: transparent transparent transparent #fff;
			<?php endif; ?>
		}
	<?php }else{ ?>
		.st-kaiwa-hukidashi,
		.st-kaiwa-hukidashi2 {
			background-color: <?php echo $st_kaiwa_bgcolor; ?>;
		}
		.st-kaiwa-hukidashi:after {
			border-color: transparent <?php echo $st_kaiwa_bgcolor; ?> transparent transparent;
		}
		.st-kaiwa-hukidashi2:after {
			border-color: transparent transparent transparent <?php echo $st_kaiwa_bgcolor; ?>;
		}
	<?php } ?>
<?php } ?>

<?php if($st_kaiwa2_bgcolor){ ?>
	<?php if($st_kaiwa_change_border){ ?>
		.kaiwaicon2 .st-kaiwa-hukidashi,
		.kaiwaicon2 .st-kaiwa-hukidashi2 {
			border: solid 2px <?php echo $st_kaiwa2_bgcolor; ?>;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				background-color: <?php echo $st_kaiwa_change_border_bgcolor; ?>;
			<?php else: ?>
				background-color: transparent;
			<?php endif; ?>
		}
		.kaiwaicon2 .st-kaiwa-hukidashi::before {
			margin-top: -13px;
			left: -13px;
			border-width: 13px 13px 13px 0;
			border-color: transparent <?php echo $st_kaiwa2_bgcolor; ?> transparent transparent;
		}
		.kaiwaicon2 .st-kaiwa-hukidashi::after {
			left: -10px;
			border-width: 10px 10px 10px 0;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				border-color: transparent <?php echo $st_kaiwa_change_border_bgcolor; ?> transparent transparent;
			<?php else: ?>
				border-color: transparent #fff transparent transparent;
			<?php endif; ?>
		}
		.kaiwaicon2 .st-kaiwa-hukidashi2::before {
			margin-top: -13px;
			right: -13px;
			border-width: 13px 0 13px 13px;
			border-color: transparent transparent transparent <?php echo $st_kaiwa2_bgcolor; ?>;
		}
		.kaiwaicon2 .st-kaiwa-hukidashi2:after {
			right: -10px;
			border-width: 10px 0 10px 10px;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				border-color: transparent transparent transparent <?php echo $st_kaiwa_change_border_bgcolor; ?>;
			<?php else: ?>
				border-color: transparent transparent transparent #fff;
			<?php endif; ?>
		}
	<?php }else{ ?>
		.kaiwaicon2 .st-kaiwa-hukidashi,
		.kaiwaicon2 .st-kaiwa-hukidashi2 {
			background-color: <?php echo $st_kaiwa2_bgcolor; ?>;
		}
		.kaiwaicon2 .st-kaiwa-hukidashi:after {
			border-color: transparent <?php echo $st_kaiwa2_bgcolor; ?> transparent transparent;
		}
		.kaiwaicon2 .st-kaiwa-hukidashi2:after {
			border-color: transparent transparent transparent <?php echo $st_kaiwa2_bgcolor; ?>;
		}
	<?php } ?>
<?php } ?>

<?php if($st_kaiwa3_bgcolor){ ?>
	<?php if($st_kaiwa_change_border){ ?>
		.kaiwaicon3 .st-kaiwa-hukidashi,
		.kaiwaicon3 .st-kaiwa-hukidashi2 {
			border: solid 2px <?php echo $st_kaiwa3_bgcolor; ?>;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				background-color: <?php echo $st_kaiwa_change_border_bgcolor; ?>;
			<?php else: ?>
				background-color: transparent;
			<?php endif; ?>
		}
		.kaiwaicon3 .st-kaiwa-hukidashi::before {
			margin-top: -13px;
			left: -13px;
			border-width: 13px 13px 13px 0;
			border-color: transparent <?php echo $st_kaiwa3_bgcolor; ?> transparent transparent;
		}
		.kaiwaicon3 .st-kaiwa-hukidashi::after {
			left: -10px;
			border-width: 10px 10px 10px 0;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				border-color: transparent <?php echo $st_kaiwa_change_border_bgcolor; ?> transparent transparent;
			<?php else: ?>
				border-color: transparent #fff transparent transparent;
			<?php endif; ?>
		}
		.kaiwaicon3 .st-kaiwa-hukidashi2::before {
			margin-top: -13px;
			right: -13px;
			border-width: 13px 0 13px 13px;
			border-color: transparent transparent transparent <?php echo $st_kaiwa3_bgcolor; ?>;
		}
		.kaiwaicon3 .st-kaiwa-hukidashi2:after {
			right: -10px;
			border-width: 10px 0 10px 10px;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				border-color: transparent transparent transparent <?php echo $st_kaiwa_change_border_bgcolor; ?>;
			<?php else: ?>
				border-color: transparent transparent transparent #fff;
			<?php endif; ?>
		}
	<?php }else{ ?>
		.kaiwaicon3 .st-kaiwa-hukidashi,
		.kaiwaicon3 .st-kaiwa-hukidashi2 {
			background-color: <?php echo $st_kaiwa3_bgcolor; ?>;
		}
		.kaiwaicon3 .st-kaiwa-hukidashi:after {
			border-color: transparent <?php echo $st_kaiwa3_bgcolor; ?> transparent transparent;
		}
		.kaiwaicon3 .st-kaiwa-hukidashi2:after {
			border-color: transparent transparent transparent <?php echo $st_kaiwa3_bgcolor; ?>;
		}
	<?php } ?>
<?php } ?>

<?php if($st_kaiwa4_bgcolor){ ?>
	<?php if($st_kaiwa_change_border){ ?>
		.kaiwaicon4 .st-kaiwa-hukidashi,
		.kaiwaicon4 .st-kaiwa-hukidashi2 {
			border: solid 2px <?php echo $st_kaiwa4_bgcolor; ?>;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				background-color: <?php echo $st_kaiwa_change_border_bgcolor; ?>;
			<?php else: ?>
				background-color: transparent;
			<?php endif; ?>
		}
		.kaiwaicon4 .st-kaiwa-hukidashi::before {
			margin-top: -13px;
			left: -13px;
			border-width: 13px 13px 13px 0;
			border-color: transparent <?php echo $st_kaiwa4_bgcolor; ?> transparent transparent;
		}
		.kaiwaicon4 .st-kaiwa-hukidashi::after {
			left: -10px;
			border-width: 10px 10px 10px 0;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				border-color: transparent <?php echo $st_kaiwa_change_border_bgcolor; ?> transparent transparent;
			<?php else: ?>
				border-color: transparent #fff transparent transparent;
			<?php endif; ?>
		}
		.kaiwaicon4 .st-kaiwa-hukidashi2::before {
			margin-top: -13px;
			right: -13px;
			border-width: 13px 0 13px 13px;
			border-color: transparent transparent transparent <?php echo $st_kaiwa4_bgcolor; ?>;
		}
		.kaiwaicon4 .st-kaiwa-hukidashi2:after {
			right: -10px;
			border-width: 10px 0 10px 10px;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				border-color: transparent transparent transparent <?php echo $st_kaiwa_change_border_bgcolor; ?>;
			<?php else: ?>
				border-color: transparent transparent transparent #fff;
			<?php endif; ?>
		}
	<?php }else{ ?>
		.kaiwaicon4 .st-kaiwa-hukidashi,
		.kaiwaicon4 .st-kaiwa-hukidashi2 {
			background-color: <?php echo $st_kaiwa4_bgcolor; ?>;
		}
		.kaiwaicon4 .st-kaiwa-hukidashi:after {
			border-color: transparent <?php echo $st_kaiwa4_bgcolor; ?> transparent transparent;
		}
		.kaiwaicon4 .st-kaiwa-hukidashi2:after {
			border-color: transparent transparent transparent <?php echo $st_kaiwa4_bgcolor; ?>;
		}
	<?php } ?>
<?php } ?>

<?php if($st_kaiwa5_bgcolor){ ?>
	<?php if($st_kaiwa_change_border){ ?>
		.kaiwaicon5 .st-kaiwa-hukidashi,
		.kaiwaicon5 .st-kaiwa-hukidashi2 {
			border: solid 2px <?php echo $st_kaiwa5_bgcolor; ?>;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				background-color: <?php echo $st_kaiwa_change_border_bgcolor; ?>;
			<?php else: ?>
				background-color: transparent;
			<?php endif; ?>
		}
		.kaiwaicon5 .st-kaiwa-hukidashi::before {
			margin-top: -13px;
			left: -13px;
			border-width: 13px 13px 13px 0;
			border-color: transparent <?php echo $st_kaiwa5_bgcolor; ?> transparent transparent;
		}
		.kaiwaicon5 .st-kaiwa-hukidashi::after {
			left: -10px;
			border-width: 10px 10px 10px 0;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				border-color: transparent <?php echo $st_kaiwa_change_border_bgcolor; ?> transparent transparent;
			<?php else: ?>
				border-color: transparent #fff transparent transparent;
			<?php endif; ?>
		}
		.kaiwaicon5 .st-kaiwa-hukidashi2::before {
			margin-top: -13px;
			right: -13px;
			border-width: 13px 0 13px 13px;
			border-color: transparent transparent transparent <?php echo $st_kaiwa5_bgcolor; ?>;
		}
		.kaiwaicon5 .st-kaiwa-hukidashi2:after {
			right: -10px;
			border-width: 10px 0 10px 10px;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				border-color: transparent transparent transparent <?php echo $st_kaiwa_change_border_bgcolor; ?>;
			<?php else: ?>
				border-color: transparent transparent transparent #fff;
			<?php endif; ?>
		}
	<?php }else{ ?>
		.kaiwaicon5 .st-kaiwa-hukidashi,
		.kaiwaicon5 .st-kaiwa-hukidashi2 {
			background-color: <?php echo $st_kaiwa5_bgcolor; ?>;
		}
		.kaiwaicon5 .st-kaiwa-hukidashi:after {
			border-color: transparent <?php echo $st_kaiwa5_bgcolor; ?> transparent transparent;
		}
		.kaiwaicon5 .st-kaiwa-hukidashi2:after {
			border-color: transparent transparent transparent <?php echo $st_kaiwa5_bgcolor; ?>;
		}
	<?php } ?>
<?php } ?>

<?php if($st_kaiwa6_bgcolor){ ?>
	<?php if($st_kaiwa_change_border){ ?>
		.kaiwaicon6 .st-kaiwa-hukidashi,
		.kaiwaicon6 .st-kaiwa-hukidashi2 {
			border: solid 2px <?php echo $st_kaiwa6_bgcolor; ?>;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				background-color: <?php echo $st_kaiwa_change_border_bgcolor; ?>;
			<?php else: ?>
				background-color: transparent;
			<?php endif; ?>
		}
		.kaiwaicon6 .st-kaiwa-hukidashi::before {
			margin-top: -13px;
			left: -13px;
			border-width: 13px 13px 13px 0;
			border-color: transparent <?php echo $st_kaiwa6_bgcolor; ?> transparent transparent;
		}
		.kaiwaicon6 .st-kaiwa-hukidashi::after {
			left: -10px;
			border-width: 10px 10px 10px 0;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				border-color: transparent <?php echo $st_kaiwa_change_border_bgcolor; ?> transparent transparent;
			<?php else: ?>
				border-color: transparent #fff transparent transparent;
			<?php endif; ?>
		}
		.kaiwaicon6 .st-kaiwa-hukidashi2::before {
			margin-top: -13px;
			right: -13px;
			border-width: 13px 0 13px 13px;
			border-color: transparent transparent transparent <?php echo $st_kaiwa6_bgcolor; ?>;
		}
		.kaiwaicon6 .st-kaiwa-hukidashi2:after {
			right: -10px;
			border-width: 10px 0 10px 10px;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				border-color: transparent transparent transparent <?php echo $st_kaiwa_change_border_bgcolor; ?>;
			<?php else: ?>
				border-color: transparent transparent transparent #fff;
			<?php endif; ?>
		}
	<?php }else{ ?>
		.kaiwaicon6 .st-kaiwa-hukidashi,
		.kaiwaicon6 .st-kaiwa-hukidashi2 {
			background-color: <?php echo $st_kaiwa6_bgcolor; ?>;
		}
		.kaiwaicon6 .st-kaiwa-hukidashi:after {
			border-color: transparent <?php echo $st_kaiwa6_bgcolor; ?> transparent transparent;
		}
		.kaiwaicon6 .st-kaiwa-hukidashi2:after {
			border-color: transparent transparent transparent <?php echo $st_kaiwa6_bgcolor; ?>;
		}
	<?php } ?>
<?php } ?>

<?php if($st_kaiwa7_bgcolor){ ?>
	<?php if($st_kaiwa_change_border){ ?>
		.kaiwaicon7 .st-kaiwa-hukidashi,
		.kaiwaicon7 .st-kaiwa-hukidashi2 {
			border: solid 2px <?php echo $st_kaiwa7_bgcolor; ?>;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				background-color: <?php echo $st_kaiwa_change_border_bgcolor; ?>;
			<?php else: ?>
				background-color: transparent;
			<?php endif; ?>
		}
		.kaiwaicon7 .st-kaiwa-hukidashi::before {
			margin-top: -13px;
			left: -13px;
			border-width: 13px 13px 13px 0;
			border-color: transparent <?php echo $st_kaiwa7_bgcolor; ?> transparent transparent;
		}
		.kaiwaicon7 .st-kaiwa-hukidashi::after {
			left: -10px;
			border-width: 10px 10px 10px 0;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				border-color: transparent <?php echo $st_kaiwa_change_border_bgcolor; ?> transparent transparent;
			<?php else: ?>
				border-color: transparent #fff transparent transparent;
			<?php endif; ?>
		}
		.kaiwaicon7 .st-kaiwa-hukidashi2::before {
			margin-top: -13px;
			right: -13px;
			border-width: 13px 0 13px 13px;
			border-color: transparent transparent transparent <?php echo $st_kaiwa7_bgcolor; ?>;
		}
		.kaiwaicon7 .st-kaiwa-hukidashi2:after {
			right: -10px;
			border-width: 10px 0 10px 10px;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				border-color: transparent transparent transparent <?php echo $st_kaiwa_change_border_bgcolor; ?>;
			<?php else: ?>
				border-color: transparent transparent transparent #fff;
			<?php endif; ?>
		}
	<?php }else{ ?>
		.kaiwaicon7 .st-kaiwa-hukidashi,
		.kaiwaicon7 .st-kaiwa-hukidashi2 {
			background-color: <?php echo $st_kaiwa7_bgcolor; ?>;
		}
		.kaiwaicon7 .st-kaiwa-hukidashi:after {
			border-color: transparent <?php echo $st_kaiwa7_bgcolor; ?> transparent transparent;
		}
		.kaiwaicon7 .st-kaiwa-hukidashi2:after {
			border-color: transparent transparent transparent <?php echo $st_kaiwa7_bgcolor; ?>;
		}
	<?php } ?>
<?php } ?>

<?php if($st_kaiwa8_bgcolor){ ?>
	<?php if($st_kaiwa_change_border){ ?>
		.kaiwaicon8 .st-kaiwa-hukidashi,
		.kaiwaicon8 .st-kaiwa-hukidashi2 {
			border: solid 2px <?php echo $st_kaiwa8_bgcolor; ?>;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				background-color: <?php echo $st_kaiwa_change_border_bgcolor; ?>;
			<?php else: ?>
				background-color: transparent;
			<?php endif; ?>
		}
		.kaiwaicon8 .st-kaiwa-hukidashi::before {
			margin-top: -13px;
			left: -13px;
			border-width: 13px 13px 13px 0;
			border-color: transparent <?php echo $st_kaiwa8_bgcolor; ?> transparent transparent;
		}
		.kaiwaicon8 .st-kaiwa-hukidashi::after {
			left: -10px;
			border-width: 10px 10px 10px 0;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				border-color: transparent <?php echo $st_kaiwa_change_border_bgcolor; ?> transparent transparent;
			<?php else: ?>
				border-color: transparent #fff transparent transparent;
			<?php endif; ?>
		}
		.kaiwaicon8 .st-kaiwa-hukidashi2::before {
			margin-top: -13px;
			right: -13px;
			border-width: 13px 0 13px 13px;
			border-color: transparent transparent transparent <?php echo $st_kaiwa8_bgcolor; ?>;
		}
		.kaiwaicon8 .st-kaiwa-hukidashi2:after {
			right: -10px;
			border-width: 10px 0 10px 10px;
			<?php if($st_kaiwa_change_border_bgcolor): ?>
				border-color: transparent transparent transparent <?php echo $st_kaiwa_change_border_bgcolor; ?>;
			<?php else: ?>
				border-color: transparent transparent transparent #fff;
			<?php endif; ?>
		}
	<?php }else{ ?>
		.kaiwaicon8 .st-kaiwa-hukidashi,
		.kaiwaicon8 .st-kaiwa-hukidashi2 {
			background-color: <?php echo $st_kaiwa8_bgcolor; ?>;
		}
		.kaiwaicon8 .st-kaiwa-hukidashi:after {
			border-color: transparent <?php echo $st_kaiwa8_bgcolor; ?> transparent transparent;
		}
		.kaiwaicon8 .st-kaiwa-hukidashi2:after {
			border-color: transparent transparent transparent <?php echo $st_kaiwa8_bgcolor; ?>;
		}
	<?php } ?>
<?php } ?>

<?php if($st_kaiwa_no_border){ ?>
	/*アイコンの枠線を消す*/
	.st-kaiwa-box:not(.st-kaiwa) .st-kaiwa-face img,
	.st-kaiwa-box:not(.st-kaiwa) .st-kaiwa-face2 img {
		border: none;
	}
<?php } ?>

<?php if($st_author_basecolor){ ?>
	/*この記事を書いた人*/
	#st-tab-menu li.active {
	  background: <?php echo $st_author_basecolor; ?>;
	}
	#st-tab-box {
		border-color: <?php echo $st_author_basecolor; ?>;
	}
	.post #st-tab-box p.st-author-post {
		border-bottom-color: <?php echo $st_author_basecolor; ?>;
	}
	.st-author-date{
		color:<?php echo $st_author_basecolor; ?>;
	}

	/* 非アクティブのタブ */
	#st-tab-menu li {
		color:<?php echo $st_author_basecolor; ?>;
	}

	/* homeリンク */
	.st-author-homepage {
	  color: <?php echo $st_author_basecolor; ?>;
	}
<?php } ?>

<?php if($st_author_bg_color){ ?>
	#st-tab-box {
		background:<?php echo $st_author_bg_color; ?>;
	}

	/* 非アクティブのタブ */
	#st-tab-menu li {
		background:<?php echo $st_author_bg_color; ?>;
	}
<?php } ?>

/* プロフィール */
<?php if ( $st_author_profile ): ?>
	.st-author-profile {
		text-align:center;
		width:100%;
		box-sizing:border-box;
		<?php if ( $st_author_basecolor_profile ): ?>
			border:1px solid <?php echo $st_author_basecolor_profile; ?>;
		<?php endif; ?>
		<?php if ( $st_author_bg_color_profile ): ?>
			background: <?php echo $st_author_bg_color_profile ; ?>;
		<?php else: ?>
			background: #fff;
		<?php endif; ?>
		<?php if ( $st_author_profile_shadow ): ?>
			box-shadow: 0 1px 2px rgba(0,0,0,0.2);
		<?php endif; ?>
		margin-bottom: 10px;
	}

	.st-author-profile-header-card { /* プロフィールヘッダー */
		width:100%;
		min-height: 100px;
		box-sizing: border-box;
	}

	.st-author-profile-avatar img { /* アバター */
		width:100px;
		height:100px;
		<?php if ( $st_author_profile_header ): ?>
			margin:-50px auto 5px;
		<?php else: ?>
			margin:50px auto 5px;
		<?php endif; ?>
		border-radius:50%;
		<?php if ( $st_author_profile_avatar_shadow ): ?>
			box-shadow: 0 1px 2px rgba(0,0,0,0.2);
		<?php endif; ?>
	}

	.home .st-author-profile-content,
	.st-author-profile-content {
		padding:10px 20px 10px;
		text-align:center;
	}

	.st-author-profile .st-author-nickname { /* 名前 */
		font-size: 110%;
		border: none;
		margin-bottom: 5px;
		<?php if ( $st_author_text_color_profile ): ?>
			color: <?php echo $st_author_text_color_profile ; ?>;
		<?php endif; ?>
	}

	@media print, screen and (max-width: 599px) { /* スマホ */
		.st-author-profile-avatar img { /* アバター */
			width:150px;
			height:150px;
			<?php if ( $st_author_profile_header ): ?>
				margin:-75px auto 5px;
			<?php else: ?>
				margin:75px auto 5px;
			<?php endif; ?>
		}
		.st-author-profile .st-author-nickname { /* 名前 */
			font-size: 130%;
		}
	}

	#side .st-author-profile .st-author-description,
	.st-author-profile .st-author-description { /* 説明 */
		margin-bottom: 20px;
		<?php if ( $st_author_text_color_profile ): ?>
			color: <?php echo $st_author_text_color_profile ; ?>;
		<?php endif; ?>
	}

	/* SNS */
	.st-author-profile .sns {
		padding: 0;
		margin-bottom:10px;
		width: 100%;
		text-align:center;
	}

	.profile-sns {
		text-align: center;
	}

	.st-author-profile .sns li,
	#side aside .st-author-profile .sns li {
		padding:0 3px;
		text-align:center;
		display: inline-block;
		margin-right: 0;
		float: none;
		list-style: none;
		width: 40px;
		position: relative;
	}

	.st-author-profile .sns li a,
	#side aside .st-author-profile .sns li a {
		margin:0;
		border-radius: 50%;
		box-sizing: border-box;
		color: #fff;
		font-size: 19px;
		height: 40px;
		width: 40px;
		padding: 0;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.st-author-box .st-author-profile .fa {
		margin-right: 0;
		padding: 0;
		border: 0;
		height: auto;
	}

	.st-author-profile .post .sns ul,
	.st-author-profile .sns ul {
		width: 100%;
		margin:0 auto;
	}

	.st-author-profile .snstext{
		display:none;
	}

	.st-author-profile .sns li i {
		font-size: 19px!important;
	}

	/* ツイッター */
	.st-author-profile .sns .twitter a {
		box-shadow: none;
	}

	.st-author-profile .sns .twitter a:hover {
		background:#4892cb;
		box-shadow: none;
	}

	.st-author-profile .sns .fa-twitter::before {
		position: relative;
		top:1px;
		left: 1px;
	}

	/* Facebook */
	.st-author-profile .sns .facebook a {
		box-shadow: none;
	}
	.st-author-profile .sns .facebook a:hover {
		background:#2c4373;
		box-shadow: none;
	}

	.st-author-profile .sns .fa-facebook::before {
		position: relative;
		top:1px;
	}

	/* instagram */
	.st-author-profile .sns .instagram a {
		background-image: linear-gradient(-135deg,#4933f7,#ef1837,#fbd980);
	}

	/* homepage */
	.st-author-profile .sns .author-homepage a {
		background:#ccc;
	}

	/* youtube */
	.st-author-profile .sns .author-youtube a {
		background:#ff0000;
	}

	/* amazon */
	.st-author-profile .sns .author-amazon a {
		background:#ffa724;
	}

	.st-author-profile .sns li.author-amazon i {
		font-size: 16px!important;
	}

	/* feed */
	.st-author-profile .sns .author-feed a {
		background:#2bb24c;
	}

	/* form */
	.st-author-profile .sns .author-form a {
		background:#ccc;
	}

	.st-author-profile .sns li.author-form i {
		font-size: 16px!important;
	}

	.st-author-profile .rankstlink-r2 p a { /* ボタン */
		<?php
		if ( trim( $st_author_profile_btn_top ) !== '' || trim( $st_author_profile_btn_bottom ) !== '' ):
			if( $st_author_profile_btn_top ):
				$top_color = $st_author_profile_btn_top;
			else:
				$top_color = $st_author_profile_btn_bottom;
			endif;

			if( $st_author_profile_btn_bottom ):
				$bottom_color = $st_author_profile_btn_bottom;
			else:
				$bottom_color = $st_author_profile_btn_top;
			endif;
			?>
			/* Android4.1 - 4.3 */
			background: -webkit-linear-gradient(top,  <?php echo $top_color; ?> 0%,<?php echo $bottom_color; ?> 100%);
			/* IE10+, FF16+, Chrome26+ */
			background: linear-gradient(to bottom,  <?php echo $top_color; ?> 0%,<?php echo $bottom_color; ?> 100%);
		<?php endif; ?>

		<?php if ( $st_author_profile_btn_shadow ): ?>
			box-shadow: 0 3px 0 <?php echo $st_author_profile_btn_shadow; ?>;
		<?php endif; ?>

		<?php if ( $st_author_profile_btn_text_color ): ?>
			color: <?php echo $st_author_profile_btn_text_color; ?>;
		<?php else: ?>
			color: #fff;
		<?php endif; ?>
	}

	.st-author-profile .rankstlink-r2 p {
		margin-bottom: 10px;
	}

<?php endif; ?>

/*こんな方におすすめ*/
<?php if($st_blackboard_bgcolor){ //背景色 ?>
	.st-blackboard {
		background: <?php echo $st_blackboard_bgcolor; ?>;
	}
<?php } ?>

<?php if($st_blackboard_underbordercolor){ //ulリストのチェックアイコン ?>
	.st-blackboard:not(.square-checkbox) ul.st-blackboard-list:not(.st-css-no) li:before {
		color:<?php echo $st_blackboard_underbordercolor; ?>;
	}
<?php } ?>

<?php if($st_blackboard_bordercolor){ //ulリストの下線とテキスト ?>
	.st-blackboard ul.st-blackboard-list:not(.st-css-no) li,
	.post .st-blackboard ul.st-blackboard-list:not(.st-css-no) li:last-child {
		border-color:<?php echo $st_blackboard_bordercolor; ?>;
		color:<?php echo $st_blackboard_bordercolor; ?>;
	}
<?php } ?>

<?php if($st_blackboard_mokuzicolor){ //タイトル色 ?>
    .st-blackboard-title {
		color: <?php echo $st_blackboard_mokuzicolor; ?>;
	}
<?php } ?>

<?php if($st_blackboard_title_bgcolor){ //タイトル背景色 ?>
	.st-blackboard-title {
		background: <?php echo $st_blackboard_title_bgcolor; ?>;
    	padding: 10px 15px 5px;
	}
<?php } ?>

<?php if($st_blackboard_textcolor){ //枠線 ?>
	.st-blackboard,
    .st-blackboard-title {
		border-color: <?php echo $st_blackboard_textcolor; ?>;
	}
<?php } ?>

<?php if($st_blackboard_list3_fontweight){ //タイトル下線を非表示 ?>
    .st-blackboard-title {
		border: none;
	}
<?php } ?>

<?php if($st_blackboard_webicon){ //Webアイコン（Font Awesome） ?>
	.st-blackboard-title:before {
  		content: "\<?php echo $st_blackboard_webicon; ?>\00a0";
  		font-family: FontAwesome;
	}
<?php } ?>

/*目次（TOC+）*/
#st_toc_container,
#toc_container {
	<?php if($st_toc_bgcolor){ ?>
		background: <?php echo $st_toc_bgcolor; ?>;
	<?php } ?>
	<?php if($st_toc_bordercolor){ ?>
		<?php if($st_toc_border_width){
			$st_toc_border_width_px = $st_toc_border_width;
		} else {
			$st_toc_border_width_px = 1;
		} ?>
		border: <?php echo $st_toc_border_width_px; ?>px solid <?php echo $st_toc_bordercolor; ?>;
	<?php } ?>
	<?php if($st_toc_radius){ ?>
		border-radius: 5px;
	<?php } ?>
}

#st_toc_container:not(.st_toc_contracted):not(.only-toc),
#toc_container:not(.contracted) { /* 表示状態 */
		padding:15px 20px;
}

#st_toc_container:not(.st_toc_contracted):not(.only-toc),
#toc_container:not(.contracted) { /* 表示状態 */
	<?php if(($st_toc_bgcolor)||($st_toc_bordercolor)){ ?>
		padding:20px 30px;
	<?php } ?>
}

#st_toc_container.st_toc_contracted,
#toc_container.contracted { /* 非表示状態 */
	<?php if(($st_toc_bgcolor)||($st_toc_bordercolor)){ ?>
		padding: 10px 20px;
	<?php } ?>
}

<?php if($st_toc_mokuzicolor){ ?>
	.post #st_toc_container .st_toc_title,
	.post #st_toc_container .st_toc_title a,
	.post #toc_container .toc_title,
	.post #toc_container .toc_title a {
		color: <?php echo $st_toc_mokuzicolor; ?>;
		border-color: <?php echo $st_toc_mokuzicolor; ?>;
	}
<?php } ?>

<?php if($st_toc_textcolor){ // 第1リンク文字色 ?>
	#st_toc_container ul li a:before,
	#toc_container ul li a:before {
  		color: <?php echo $st_toc_textcolor; ?>;
	}
	.post #st_toc_container .st-original-toc > li,
	.post #st_toc_container .st-original-toc > li a,
	#st_toc_container ul.st_toc_list > li,
	#st_toc_container ul.st_toc_list > li > a,
	#toc_container ul.st_toc_list > li > a {
  		color: <?php echo $st_toc_textcolor; ?>;
	}
<?php } ?>

<?php if($st_toc_text2color){ // 数字と第2リンク以降の文字色 ?>
		#toc_container.only-toc ul ul li a,
		#st_toc_container.only-toc ul ul li a,
		.post #st_toc_container .st-original-toc ul ul li,
		.post #st_toc_container .st-original-toc ul ul li a,
		#st_toc_container ul ul li,
		#st_toc_container ul ul li a,
		#toc_container ul ul li,
		#toc_container ul ul li a {
  		color: <?php echo $st_toc_text2color; ?>;
	}
<?php } ?>

<?php if($st_toc_underbordercolor){ /* 下線とアイコン */ ?>
	#st_toc_container li li li a:before,
	#toc_container li li li a:before {
  		color: <?php echo $st_toc_underbordercolor; ?>;
	}
	#toc_container.only-toc li,
	#st_toc_container.only-toc li,
	.post #st_toc_container .st-original-toc li a,
	#st_toc_container ul a,
	#toc_container ul a {
		border-bottom-color: <?php echo $st_toc_underbordercolor; ?>;
	}
<?php } ?>

<?php if($st_toc_list3_fontweight){ ?>
	#st_toc_container li li,
	#toc_container li li {
		font-weight:bold;
	}
	#st_toc_container li li li,
	#toc_container li li li {
		font-weight:normal;
	}
<?php } ?>

<?php if($st_toc_only_toc_fontweight){ ?>
	#st_toc_container.only-toc li,
	#toc_container.only-toc li {
		font-weight:bold;
	}
<?php } ?>

<?php if($st_toc_webicon){ ?>
	#st_toc_container .st_toc_title:before,
	#toc_container .toc_title:before {
  		content: "\<?php echo $st_toc_webicon; ?>\00a0";
  		font-family: FontAwesome;
	}
<?php } ?>

<?php if($st_toc_list1_left){ ?>
	#st_toc_container:not(.only-toc) li,
	#toc_container:not(.only-toc) li {
		text-align: center;
	}
	#st_toc_container:not(.only-toc) li li,
	#toc_container:not(.only-toc) li li {
		text-align: left;
	}
<?php } ?>

<?php if($st_toc_list1_icon){ ?>
	#st_toc_container li a:before,
	#toc_container li a:before {
  		content: none;
	}
	#st_toc_container li,
	#toc_container li {
		text-indent:0;
		padding-left:0;
	}
	.post #st_toc_container ul ul,
	.post #toc_container ul ul {
   	 	padding-left: 20px;
	}
<?php } ?>

<?php if($st_toc_list2_icon){ ?>
	#st_toc_container li li,
	#toc_container li li {
		list-style:none;
	}
	.post #st_toc_container ul ul,
	.post #toc_container ul ul {
   	 	padding-left: 0;
	}
<?php } ?>

<?php if($st_toc_list3_icon){ ?>
	#st_toc_container li li li a:before,
	#toc_container li li li a:before {
		content: none;
	}
    #st_toc_container li li li,
    #toc_container li li li {
		text-indent:0;
		padding-left:0;
	}
	.post #st_toc_container ul ul ul,
	.post #toc_container ul ul ul {
		padding-left: 0;
	}
<?php } else { ?>
    #st_toc_container li li li,
    #toc_container li li li {
		text-indent:-0.8em;
		padding-left:1em;
	}
<?php } ?>

<?php if($st_toc_paper_style): // ペーパー風デザイン ?>
.mokuzi-paper {
	margin-bottom: 20px;
	margin-top: 30px;
}

.kasane-paper {
	border: 1px solid #ccc;
	background: #fff;
	transform: rotate(-2deg);
}

.kasane-paper .page {
	transform: rotate(3deg);
	box-shadow: 0 0 6px #f3f3f3;
}

.kasane-paper.page1 {
	transform: rotate(-2deg);
	box-shadow: 0 0 6px #f3f3f3;
}

.kasane-paper .page2 {
	transform: rotate(-1deg);
	box-shadow: 0 0 6px #f3f3f3;
}

.kasane-paper.page3 {
	transform: rotate(2deg);
	box-shadow: 0 0 6px #f3f3f3;
}

.kasane-paper.nakami {
	padding: 10px 0 0 0;
	box-shadow: 0 0 6px #f3f3f3;
}

#st_toc_container,
#toc_container {
	border: 0;
	background: transparent;
}
<?php endif; ?>

/*マル数字olタグ*/
<?php if($st_maruno_bordercolor){ ?>
	.post .maruno {
		border:2px solid <?php echo $st_maruno_bordercolor; ?>;
		padding: 20px 20px 20px 30px;
		<?php if($st_maruno_radius){ ?>
			border-radius: 5px;
		<?php } ?>
	}
<?php } ?>

<?php if($st_maruno_bgcolor){ ?>
	.post .maruno {
		background-color:<?php echo $st_maruno_bgcolor; ?>;
		padding: 20px 20px 20px 30px;
		<?php if($st_maruno_radius){ ?>
			border-radius: 5px;
		<?php } ?>
	}
<?php } ?>

.post .maruno ol li:before {
	<?php if($st_maruno_nobgcolor){ ?>
		background: <?php echo $st_maruno_nobgcolor; ?>;
	<?php } ?>
	<?php if($st_maruno_textcolor){ ?>
		color:<?php echo $st_maruno_textcolor; ?>;
	<?php } ?>
}

/*チェックulタグ*/
<?php if($st_maruck_bordercolor){ ?>
	.post .maruck {
		border:2px solid <?php echo $st_maruck_bordercolor; ?>;
		padding: 20px 20px 20px 30px;
		<?php if($st_maruck_radius){ ?>
			border-radius: 5px;
		<?php } ?>
	}
<?php } ?>

<?php if($st_maruck_bgcolor){ ?>
	.post .maruck {
		background-color:<?php echo $st_maruck_bgcolor; ?>;
		padding: 20px 20px 20px 30px;
		<?php if($st_maruck_radius){ ?>
			border-radius: 5px;
		<?php } ?>
	}
<?php } ?>

.post .maruck ul li:before {
	<?php if($st_maruck_nobgcolor){ ?>
		background: <?php echo $st_maruck_nobgcolor; ?>;
	<?php } ?>
	<?php if($st_maruck_textcolor){ ?>
		color:<?php echo $st_maruck_textcolor; ?>;
	<?php } ?>
}

/*Webアイコン*/
<?php if ( $st_webicon_question ): ?>
	.post .hatenamark2.on-color:not(.st-css-no):before,
	.post .fa-question-circle:not(.st-css-no) {
		color: <?php echo $st_webicon_question; ?>;
	}
<?php endif; ?>

<?php if ( $st_webicon_check ): ?>
	.post .checkmark2.on-color:not(.st-css-no):before,
	.post .fa-check-circle:not(.st-css-no) {
		color: <?php echo $st_webicon_check; ?>;
	}
<?php endif; ?>

<?php if ( $st_webicon_checkbox ): ?>
	.st-blackboard.square-checkbox ul.st-blackboard-list:not(.st-css-no) li:before,
	.st-square-checkbox ul li:before {
		color: <?php echo $st_webicon_checkbox; ?>;
	}
<?php endif; ?>

<?php if ( $st_webicon_checkbox_square ): ?>
	.st-blackboard.square-checkbox ul li:after,
	.st-square-checkbox ul li:after {
		color: <?php echo $st_webicon_checkbox_square; ?>;
	}
<?php endif; ?>

<?php if ( $st_webicon_checkbox_size ): ?>
	.st-blackboard.square-checkbox ul.st-blackboard-list:not(.st-css-no) li:before,
	.st-blackboard.square-checkbox ul li:after,
	.st-square-checkbox ul li:before,
	.st-square-checkbox ul li:after {
		font-size: <?php echo $st_webicon_checkbox_size; ?>%;
	}
<?php endif; ?>

<?php if ( $st_webicon_exclamation ): ?>
	.post .attentionmark2.on-color:not(.st-css-no):before,
	.post .fa-exclamation-triangle:not(.st-css-no) {
		color: <?php echo $st_webicon_exclamation; ?>;
}
<?php endif; ?>

<?php if ( $st_webicon_memo ): ?>
	.post .memomark2.on-color:not(.st-css-no):before,
	.post .fa-pencil-square-o:not(.st-css-no) {
		color: <?php echo $st_webicon_memo; ?>;
	}
<?php endif; ?>

<?php if ( $st_webicon_user ): ?>
	.post .usermark2.on-color:before,
	.post .fa-user:not(.st-css-no) {
		color: <?php echo $st_webicon_user; ?>;
	}
<?php endif; ?>

<?php if ( $st_webicon_oukan ): ?>
	.post .oukanmark.on-color:before,
	.post .st-svg-oukan:not(.st-css-no) {
		color: <?php echo $st_webicon_oukan; ?>;
	}
<?php endif; ?>

<?php if ( $st_webicon_bigginer ): ?>
	.post .bigginermark.on-color:before,
	.post .st-svg-bigginer_l:not(.st-css-no) {
		color: <?php echo $st_webicon_bigginer; ?>;
	}
<?php endif; ?>

/*サイト上部のボーダー色*/
<?php if ( $st_top_bordercolor ): //サイト上部にボーダーを入れる ?>
	<?php if ( $st_line100 ): //width100%の時 ?>
		body {
			border-top: <?php echo $st_line_height; ?> solid <?php echo $st_top_bordercolor; ?>;
		}
	<?php elseif ( $st_wrapper_bgcolor ): //サイト背景に色がある時 ?>
		#wrapper-in {
			border-top: <?php echo $st_line_height; ?> solid <?php echo $st_top_bordercolor; ?>;
		}
	<?php else: //サイト部のみの時 ?>
		#headbox {
			border-top: <?php echo $st_line_height; ?> solid <?php echo $st_top_bordercolor; ?>;
		}
	<?php endif; ?>
<?php endif; ?>

/*ヘッダーの背景色*/
<?php if ( $st_header_gradient ):
		$header_gradient_w = 'left';
		$header_gradient = 'left';
	else :
		$header_gradient_w = 'top';
		$header_gradient = 'bottom';
	endif;
?>
<?php if ( $st_header100 ): //背景幅100%の場合 ?>
	<?php if ( $st_wrapper_bgcolor ): //wrapperに背景色がある場合 ?>

		#headbox {
			<?php if ( ( trim( $st_headbox_bgcolor ) !== '' ) && ( trim( $st_headbox_bgcolor_t ) !== '' ) ): ?>
				/*Other Browser*/
				background: <?php echo $st_headbox_bgcolor; ?>;
				/* Android4.1 - 4.3 */
				background: url("<?php echo $st_header_image; ?>"), -webkit-linear-gradient(<?php echo $header_gradient_w; ?>,  <?php echo $st_headbox_bgcolor_t; ?> 0%,<?php echo $st_headbox_bgcolor; ?> 100%);

				/* IE10+, FF16+, Chrome26+ */
				background: url("<?php echo $st_header_image; ?>"), linear-gradient(to <?php echo $header_gradient; ?>,  <?php echo $st_headbox_bgcolor_t; ?> 0%,<?php echo $st_headbox_bgcolor; ?> 100%);

				<?php elseif ( ( trim( $st_headbox_bgcolor ) !== '' ) && ( trim( $st_headbox_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
					background-image: url("<?php echo $st_header_image; ?>");
					background-color: <?php echo $st_headbox_bgcolor; ?>;
				<?php else: ?>
				background-color: transparent;
				<?php if( $st_header_image ): //背景画像がある場合 ?>
					background: url("<?php echo $st_header_image; ?>");
				<?php else: ?>
					background: none;
				<?php endif; ?>
				<?php endif; ?>
		}

		<?php if( $st_header_image ){ //背景画像がある場合 ?>
			#headbox {
				background-position: <?php echo $st_header_image_side; ?> <?php echo $st_header_image_top; ?>;
				<?php if ( $st_header_image_repeat ): ?>
					background-repeat: no-repeat;
				<?php endif; ?>
				}
		<?php } ?>

	<?php else: //wrapperに背景色がない場合 ?>

		#headbox-bg {
			<?php if ( ( trim( $st_headbox_bgcolor ) !== '' ) && ( trim( $st_headbox_bgcolor_t ) !== '' ) ): ?>
				/*Other Browser*/
				background: <?php echo $st_headbox_bgcolor; ?>;
				/* Android4.1 - 4.3 */
				background: url("<?php echo $st_header_image; ?>"), -webkit-linear-gradient(<?php echo $header_gradient_w; ?>,  <?php echo $st_headbox_bgcolor_t; ?> 0%,<?php echo $st_headbox_bgcolor; ?> 100%);

				/* IE10+, FF16+, Chrome26+ */
				background: url("<?php echo $st_header_image; ?>"), linear-gradient(to <?php echo $header_gradient; ?>,  <?php echo $st_headbox_bgcolor_t; ?> 0%,<?php echo $st_headbox_bgcolor; ?> 100%);

			<?php elseif ( ( trim( $st_headbox_bgcolor ) !== '' ) && ( trim( $st_headbox_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
				background-image: url("<?php echo $st_header_image; ?>");
				background-color: <?php echo $st_headbox_bgcolor; ?>;
			<?php else: ?>
				background-color: transparent;
				<?php if( $st_header_image ): //背景画像がある場合 ?>
					background: url("<?php echo $st_header_image; ?>");
				<?php else: ?>
					background: none;
				<?php endif; ?>
			<?php endif; ?>
		}

		<?php if( $st_header_image ){ //背景画像がある場合 ?>
			#headbox-bg {
				background-position: <?php echo $st_header_image_side; ?> <?php echo $st_header_image_top; ?>;
				<?php if ( $st_header_image_repeat ): ?>
					background-repeat: no-repeat;
				<?php endif; ?>
				}
		<?php } ?>

	<?php endif; ?>

<?php else: //背景幅100%ではない場合 ?>

		#headbox {
			<?php if ( ( trim( $st_headbox_bgcolor ) !== '' ) && ( trim( $st_headbox_bgcolor_t ) !== '' ) ): ?>
				/*Other Browser*/
				background: <?php echo $st_headbox_bgcolor; ?>;
				/* Android4.1 - 4.3 */
				background: url("<?php echo $st_header_image; ?>"), -webkit-linear-gradient(<?php echo $header_gradient_w; ?>,  <?php echo $st_headbox_bgcolor_t; ?> 0%,<?php echo $st_headbox_bgcolor; ?> 100%);

				/* IE10+, FF16+, Chrome26+ */
				background: url("<?php echo $st_header_image; ?>"), linear-gradient(to <?php echo $header_gradient; ?>,  <?php echo $st_headbox_bgcolor_t; ?> 0%,<?php echo $st_headbox_bgcolor; ?> 100%);

				<?php elseif ( ( trim( $st_headbox_bgcolor ) !== '' ) && ( trim( $st_headbox_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
					background-image: url("<?php echo $st_header_image; ?>");
					background-color: <?php echo $st_headbox_bgcolor; ?>;
				<?php else: ?>
				background-color: transparent;
				<?php if( $st_header_image ): //背景画像がある場合 ?>
					background: url("<?php echo $st_header_image; ?>");
				<?php else: ?>
					background: none;
				<?php endif; ?>
				<?php endif; ?>
		}

		<?php if( $st_header_image ){ //背景画像がある場合 ?>
			#headbox {
				background-position: <?php echo $st_header_image_side; ?> <?php echo $st_header_image_top; ?>;
				<?php if ( $st_header_image_repeat ): ?>
					background-repeat: no-repeat;
				<?php endif; ?>
				}
		<?php } ?>

<?php endif; ?>

<?php if ( $st_wrapper_bgcolor ): ?>
	/*サイトの背景色*/
	#wrapper-in {
		background: <?php echo $st_wrapper_bgcolor; ?>;
		margin: 0 auto;
		max-width: <?php if(trim($GLOBALS['stdata128']) !== ''){ //全体のwidth
					$st_pc_width = $GLOBALS['stdata128'];
				}else{
					$st_pc_width = 1060;
				}
				echo $st_pc_width;
				?>px;
	}
<?php endif; ?>

/* header */
<?php if ( $st_headerbg_image ): ?>
	header {
		background-image: url("<?php echo $st_headerbg_image; ?>");
		background-position: <?php echo $st_headerbg_image_side; ?> <?php echo $st_headerbg_image_top; ?>;
        <?php if ( $st_headerbg_image_repeat ): ?>
			background-repeat: no-repeat;
		<?php endif; ?>
        <?php if ( $st_headerbg_image_flex ): ?>
			background-size: cover;
		<?php endif; ?>
	}
<?php endif; ?>

/*ヘッダー下からの背景色*/
#content-w {
      <?php if( $st_headerunder_image ){ //背景画像がある場合 ?>
		background: url("<?php echo $st_headerunder_image; ?>");
		background-position: <?php echo $st_headerunder_image_side; ?> <?php echo $st_headerunder_image_top; ?>;
		<?php if ( $st_headerunder_image_repeat ): ?>
			background-repeat: no-repeat;
		<?php endif; ?>
	<?php } ?>

	<?php if ( $st_headerunder_bgcolor ): ?>
		background-color: <?php echo $st_headerunder_bgcolor; ?>;
	<?php endif; ?>
}

<?php if ( $st_side_bgcolor ): ?>
	/*サイドバーウィジェットの背景色*/
	#mybox {
		background: <?php echo $st_side_bgcolor; ?>;
		padding:10px;
	}
<?php endif; ?>

<?php if ( $st_entry_content_bg_image ): // 背景画像あり ?>
	main {
		background-color:transparent!important;
		background-image: url("<?php echo $st_entry_content_bg_image; ?>");
		<?php if ( $st_entry_content_bg_image_flex ): ?>
			background-size: cover;
		<?php endif; ?>
		background-position: <?php echo $st_entry_content_bg_image_side; ?> <?php echo $st_entry_content_bg_image_top; ?>;
		<?php if ( $st_entry_content_bg_image_repeat ): ?>
			background-repeat: no-repeat;
		<?php endif; ?>
	}

<?php else: ?>

	<?php if ( $menu_maincolor ): ?>
		/*メインコンテンツの背景色*/
		main {
			background: <?php echo $menu_maincolor; ?>!important;
		}
	<?php endif; ?>

	<?php if ( isset( $st_main_opacity ) && ( $st_main_opacity === '80' ) ): ?>
		/*メイン背景色の透過*/
		main {
			background-color: rgba(255, 255, 255, 0.2) !important;
		}

	<?php elseif ( isset( $st_main_opacity ) && ( $st_main_opacity === '50' ) ): ?>
		main {
			background-color: rgba(255, 255, 255, 0.5) !important;
		}

	<?php elseif ( isset( $st_main_opacity ) && ( $st_main_opacity === '20' ) ): ?>
		main {
			background-color: rgba(255, 255, 255, 0.8) !important;
		}
	<?php endif; ?>
	<?php if ( $st_main_opacity ): ?>
		<?php if(st_is_mobile()): //スマホでは透過しない ?>
			main {
				background-color: rgba(255, 255, 255, 1) !important;
			}
		<?php endif; ?>
	<?php endif; ?>

<?php endif; ?>

<?php if ( $menu_logocolor ): ?>
	header .sitename a, /*ブログタイトル*/
	nav li a /* メニュー */
	{
		color: <?php echo $menu_logocolor; ?>;
	}
<?php endif; ?>

<?php if ( $st_pagetop_bgcolor ): ?>
	/*ページトップ*/
	#page-top:not(.page-top-img) a {
		background: <?php echo $st_pagetop_bgcolor; ?>;
	}
<?php endif; ?>

<?php if ( $st_pagetop_circle ): ?>
	#page-top:not(.page-top-img) a {
		line-height:100%;
		border-radius: 50%;
	}
	#page-top:not(.page-top-img) {
		right: 15px;
	}
<?php endif; ?>

<?php if($st_pagetop_up): ?>
	#page-top {
		bottom: 80px;
	}
<?php endif; ?>

<?php if( $st_pagetop_img_bottom || $st_pagetop_img_right ): ?>
	/* 画像の配置 */
	#page-top.page-top-img {
		<?php if($st_pagetop_img_bottom): ?>
			bottom: <?php echo $st_pagetop_img_bottom; ?>px;
		<?php endif; ?>
		<?php if($st_pagetop_img_right): ?>
			right: <?php echo $st_pagetop_img_right; ?>px;
		<?php endif; ?>
	}
<?php endif; ?>

<?php if ( $menu_logocolor ): ?>
/*キャプション */
	header h1,
	header .descr{
		color: <?php echo $menu_logocolor; ?>;
	}
<?php endif; ?>

<?php if (( $menu_sumart_bg_color ) || ( $menu_sumartcolor )): ?>
	/* アコーディオン */
	#s-navi dt.trigger .op {
		<?php if ( $menu_sumart_bg_color ): ?>
			background: <?php echo $menu_sumart_bg_color; ?>;
		<?php endif; ?>
		<?php if ( $menu_sumartcolor ): ?>
			color: <?php echo $menu_sumartcolor; ?>;
		<?php endif; ?>
	}
<?php endif; ?>

<?php if($st_mobile_sitename): ?>
/*モバイル用タイトルテキスト*/
	#st-mobile-logo a {
		color: <?php echo $st_mobile_sitename; ?>;
	}
<?php endif; ?>

<?php if($st_mobile_logo_size): ?>
/*モバイル用ロゴ画像サイズ調整*/
	#st-mobile-logo {
		padding: 10px 10px;
	}
	#st-mobile-logo img {
		height: 30px;
	}
	#st-mobile-logo a {
		line-height: 30px;
	}
<?php endif; ?>

<?php if($st_mobile_logo_center): ?>
	/*モバイル用ロゴ（又はタイトル）をセンター寄せ*/
	html:not(.s-navi-right) header h1#st-mobile-logo,
    html:not(.s-navi-right) header p#st-mobile-logo {
    	text-align: center;
		padding-right: 52px;
	}
    /*右メニュー*/
	.s-navi-right header h1#st-mobile-logo,
    .s-navi-right header p#st-mobile-logo {
    	text-align: center;
		padding-left: 52px;
	}
<?php endif; ?>

<?php if ( $st_menu_smartbar_bg_color ): //スライドバーに背景色がある場合 ?>
/*アコーディオンメニューバー*/
	#s-navi dt {
		<?php if ( ( trim( $st_menu_smartbar_bg_color ) !== '' ) && ( trim( $st_menu_smartbar_bg_color_t ) !== '' ) ): ?>
			/*Other Browser*/
			background: <?php echo $st_menu_smartbar_bg_color; ?>;
			/* Android4.1 - 4.3 */
			background: -webkit-linear-gradient(<?php echo $header_gradient_w; ?>,  <?php echo $st_menu_smartbar_bg_color_t; ?> 0%,<?php echo $st_menu_smartbar_bg_color; ?> 100%);

			/* IE10+, FF16+, Chrome26+ */
			background: linear-gradient(to <?php echo $header_gradient; ?>,  <?php echo $st_menu_smartbar_bg_color_t; ?> 0%,<?php echo $st_menu_smartbar_bg_color; ?> 100%);

		<?php elseif ( ( trim( $st_menu_smartbar_bg_color ) !== '' ) && ( trim( $st_menu_smartbar_bg_color_t ) === '' ) ): //下部には色がある場合 ?>
			background-color: <?php echo $st_menu_smartbar_bg_color; ?>;
		<?php else: ?>
			background-color: transparent;
		<?php endif; ?>
		}
<?php endif; ?>

/*アコーディオンメニュー内背景色*/
#s-navi dd.acordion_tree {
	<?php if ( $menu_sumartbar_bg_color ): ?>
		background: <?php echo $menu_sumartbar_bg_color; ?>;
	<?php elseif ( $menu_sumart_bg_color ): ?>
		background: <?php echo $menu_sumart_bg_color; ?>;
	<?php endif; ?>
	/* 背景画像 */
	<?php if ( $st_slidemenubg_image ): ?>
		background-image: url("<?php echo $st_slidemenubg_image; ?>");
		background-position: <?php echo $st_slidemenubg_image_side; ?> <?php echo $st_slidemenubg_image_top; ?>;
    	<?php if ( $st_slidemenubg_image_repeat ): ?>
			background-repeat: no-repeat;
		<?php endif; ?>
      	<?php if ( $st_slidemenubg_image_flex ): ?>
			background-size: cover;
		<?php endif; ?>
	<?php endif; ?>
}

/*追加ボタン1*/
#s-navi dt.trigger .op-st {
	<?php if ( $menu_sumart_st_bg_color ): ?>
		background: <?php echo $menu_sumart_st_bg_color; ?>;
	<?php elseif ( $menu_sumart_bg_color ): ?>
		background: <?php echo $menu_sumart_bg_color; ?>;
	<?php endif; ?>
	<?php if ( $menu_sumart_st_color ): ?>
		color: <?php echo $menu_sumart_st_color; ?>;
	<?php elseif ( $menu_sumartcolor ): ?>
		color: <?php echo $menu_sumartcolor; ?>;
	<?php endif; ?>
}

/*追加ボタン2*/
#s-navi dt.trigger .op-st2 {
	<?php if ( $menu_sumart_st2_bg_color ): ?>
		background: <?php echo $menu_sumart_st2_bg_color; ?>;
	<?php elseif ( $menu_sumart_bg_color ): ?>
		background: <?php echo $menu_sumart_bg_color; ?>;
	<?php endif; ?>
	<?php if ( $menu_sumart_st2_color ): ?>
		color: <?php echo $menu_sumart_st2_color; ?>;
	<?php elseif ( $menu_sumartcolor ): ?>
		color: <?php echo $menu_sumartcolor; ?>;
	<?php endif; ?>
}

<?php if ( $st_menu_faicon ): ?>
	.acordion_tree ul.menu li .fa-angle-down,
	.acordion_tree ul.menu li .fa-angle-right {
		display: none;
	}
<?php endif; ?>

<?php if ( $st_sticky_menu ): ?>
	#s-navi dl.acordion {
		position: fixed;
		z-index: 10000;
		top: 0;
		left: 0;
		transition: .3s;
	}

	#s-navi dd.acordion_tree {
		<?php if ( $menu_sumartbar_bg_color ): ?>
			background: <?php echo $menu_sumartbar_bg_color; ?>;
		<?php else: ?>
			background: <?php echo $menu_sumart_bg_color; ?>;
		<?php endif; ?>
	}

	#headbox {
		padding: 48px 10px 10px;
		margin: 0 auto;
	}

<?php endif; ?>

/*スマホフッターメニュー*/
#st-footermenubox a {
<?php if ( $st_menu_sumart_footermenu_text_color ): ?>
	color: <?php echo $st_menu_sumart_footermenu_text_color; ?>;
<?php else: ?>
	color: #000;
<?php endif; ?>
}

<?php if ( $st_menu_sumart_footermenu_bg_color ): ?>
	#st-footermenubox {
  		background: <?php echo $st_menu_sumart_footermenu_bg_color; ?>;
	}
<?php endif; ?>

<?php if ( $menu_sumartmenutextcolor ): ?>
	/* スマホメニュー文字 */
	#s-navi dl.acordion .acordion_tree .st-ac-box .st-widgets-title,
	.acordion_tree ul.menu li a,
	.acordion_tree ul.menu li {
		color: <?php echo $menu_sumartmenutextcolor; ?>;
	}
<?php endif; ?>

<?php if ( $st_menu_sumartmenubordercolor ): ?>
	.acordion_tree ul.menu li a {
		border-bottom: 1px solid <?php echo $st_menu_sumartmenubordercolor; ?>;
	}
<?php endif; ?>

<?php if ( $st_is_ex_af ): // テーマ分岐 ?>
	/* ガイドマップメニュー */
	<?php if ( $st_guide_bg_color ): ?>
		/* タグ用背景色 */
		.st-link-guide-post {
			padding: 20px;
			margin-bottom: 20px;
			background:<?php echo $st_guide_bg_color; ?>;
			<?php if ( $st_guidemenu_radius ): ?>
				border-radius: 5px;
			<?php endif; ?>
		}
		.post .st-link-guide-post ul:not(.toc_list):not(.st_toc_list),
		.st-link-guide-post ul:not(.toc_list):not(.st_toc_list){
			margin-bottom: 0;
		}
		.post .entry-content .st-link-guide ul li:last-child a,
		.st-link-guide li:last-child a {
			margin-bottom: 0;
		}
	<?php endif; ?>

	<?php if ( $st_guidemenu_bg_color ): ?>
		/* 背景色（第一階層） */
		#side aside .st-link-guide li a:after,
		.post .entry-content .st-link-guide ul li a:after,
		.st-link-guide li a:after {
			border-top: 10px solid <?php echo $st_guidemenu_bg_color; ?>;
		}
		#side aside .st-link-guide li a,
		.post .entry-content .st-link-guide ul li a,
		.st-link-guide li a {
			background: <?php echo $st_guidemenu_bg_color; ?>;
		}
	<?php endif; ?>

	<?php if ( $st_guidemenu_radius ): ?>
		/* 角を丸くする */
		#side aside .st-link-guide li a,
		.post .entry-content .st-link-guide ul li a,
		.st-link-guide li a {
			border-radius: 5px;
		}
	<?php endif; ?>

	<?php if ( $st_guidemenutextcolor ): ?>
		/* テキスト色（第一階層） */
		#side aside .st-link-guide li a,
		.post .entry-content .st-link-guide ul li a,
		.st-link-guide li a {
			color: <?php echo $st_guidemenutextcolor; ?>;
		}
	<?php endif; ?>

	<?php if ( $st_guidemenutextcolor2 ): // ガイドマップサブメニュー ?>
		/* テキスト色（第二階層以下） */
		#side aside .st-link-guide .sub-menu li a,
		.post .entry-content .st-link-guide .sub-menu li a,
		.st-link-guide .sub-menu li a {
			color: <?php echo $st_guidemenutextcolor2; ?>;
		}
	<?php endif; ?>
<?php endif; ?>

<?php if ( $st_menu_sumartmenubordercolor ): // アコーディオンメニュー内のカテゴリ ?>
	.acordion_tree .st-ac-box ul.st-ac-cat {
	  border-top-color: <?php echo $st_menu_sumartmenubordercolor; ?>;
	  border-left-color: <?php echo $st_menu_sumartmenubordercolor; ?>;
	}
<?php endif; ?>

<?php if ( $st_menu_sumartmenubordercolor ): ?>
	.acordion_tree .st-ac-box ul.st-ac-cat > li.cat-item  {
	  border-right-color: <?php echo $st_menu_sumartmenubordercolor; ?>;
	  border-bottom-color: <?php echo $st_menu_sumartmenubordercolor; ?>;
	}
<?php endif; ?>

<?php if ( $menu_sumartmenutextcolor ): ?>
	.acordion_tree .st-ac-box .widget_categories ul.st-ac-cat li.cat-item a {
	  color:<?php echo $menu_sumartmenutextcolor; ?>;
	}
<?php endif; ?>

<?php if ( $st_kanren_bordercolor ): // 記事一覧の区切りボーダー ?>
	.kanren dl,
	.kanren .st-infeed-adunit {
  		border-bottom-color: <?php echo $st_kanren_bordercolor; ?>;
	}
<?php endif; ?>
<?php if ( $st_kanren_border_dashed ): ?>
	.kanren dl,
	.kanren .st-infeed-adunit {
		border-bottom-width: 2px;
    	border-bottom-style: dashed;
	}
<?php endif; ?>

<?php if ( $st_pagination_bordercolor ): // 記事一覧のページネーション ?>
	.st-pagelink .page-numbers {
		border-color: <?php echo $st_pagination_bordercolor; ?>;
		color: <?php echo $st_pagination_bordercolor; ?>;
	}
	.p-navi dl dt, /* PREV及びNEXT */
	.p-navi dl dd a,
	.st-pagelink a {
		color: <?php echo $st_pagination_bordercolor; ?>;
		text-decoration:none;
	}

	.p-navi dl dd a:hover {
		opacity: 0.7;
	}
<?php endif; ?>

/*グループ2
------------------------------------------------------------*/
/* 投稿日時・ぱんくず・タグ */
#breadcrumb,
#breadcrumb div a,
div#breadcrumb a,
.blogbox p,
.tagst,
#breadcrumb ol li a,
#breadcrumb ol li h1,
#breadcrumb ol li,
.kanren:not(.st-cardbox) .clearfix dd .blog_info p,
.kanren:not(.st-cardbox) .clearfix dd .blog_info p a
{
	color: <?php echo $st_kuzu_color; ?>;
}

/* 記事タイトル */
<?php if($st_entrytitle_no_css): //カスタマイザーのCSSを無効化
else: ?>

<?php if ( $st_entrytitle_gradient ): //グラデーションを横向きにする
		$entrytitle_gradient_w = 'left';
		$entrytitle_gradient = 'left';
	else :
		$entrytitle_gradient_w = 'top';
		$entrytitle_gradient = 'bottom';
	endif;
?>

<?php if($st_entrytitle_bg_radius){ //entrytitle ?>
	/* 角丸 */

	.post .entry-title:not(.st-css-no),
	.post .entry-title:not(.st-css-no) span {
		border-radius:5px;
	}
<?php } ?>

<?php if ( (trim( $st_entrytitle_designsetting) !== '') && ($st_entrytitle_designsetting === 'linedesign') ): //左ラインデザイン ?>

	.post .entry-title:not(.st-css-no) {
		position: relative;
		padding: 0.5em  0.5em  0.5em 1.3em;

		<?php if($st_entrytitle_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_entrytitle_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_entrytitle_bgimg_tupadding; ?>px!important;
		<?php } ?>

		border: 1px solid <?php echo $st_entrytitleborder_color; ?>;
		<?php if ( $st_entrytitle_color ): ?>
			color: <?php echo $st_entrytitle_color; ?>;
		<?php endif; ?>
		<?php if ( ( trim( $st_entrytitle_bgcolor ) !== '' ) && ( trim( $st_entrytitle_bgcolor_t ) !== '' ) ): ?>
			/*Other Browser*/
			background: <?php echo $st_entrytitle_bgcolor; ?>;
			/* Android4.1 - 4.3 */
			background: url("<?php echo $st_entrytitle_bgimg; ?>"), -webkit-linear-gradient(<?php echo $entrytitle_gradient_w; ?>,  <?php echo $st_entrytitle_bgcolor_t; ?> 0%,<?php echo $st_entrytitle_bgcolor; ?> 100%);

			/* IE10+, FF16+, Chrome26+ */
			background: url("<?php echo $st_entrytitle_bgimg; ?>"), linear-gradient(to <?php echo $entrytitle_gradient; ?>,  <?php echo $st_entrytitle_bgcolor_t; ?> 0%,<?php echo $st_entrytitle_bgcolor; ?> 100%);
		<?php elseif ( ( trim( $st_entrytitle_bgcolor ) !== '' ) && ( trim( $st_entrytitle_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
			background-image: url("<?php echo $st_entrytitle_bgimg; ?>");
			background-color: <?php echo $st_entrytitle_bgcolor; ?>;
		<?php else: ?>
			background-color: transparent;
			<?php if( $st_entrytitle_bgimg ): //背景画像がある場合 ?>
				background: url("<?php echo $st_entrytitle_bgimg; ?>");
			<?php else: ?>
				background: none;
			<?php endif; ?>
		<?php endif; ?>
	}

	<?php if( $st_entrytitle_bgimg ){ //背景画像がある場合 ?>

		.post .entry-title:not(.st-css-no) {
			background-position: <?php echo $st_entrytitle_bgimg_side; ?> <?php echo $st_entrytitle_bgimg_top; ?>;
			<?php if ( $st_entrytitle_bgimg_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
		}
	<?php } ?>

	.post .entry-title:not(.st-css-no)::after {
		position: absolute;
 		top: .5em;
		left: .5em;
		content: '';
		width: 5px;
		height: -webkit-calc(100% - 1em);
		height: calc(100% - 1em);
		<?php if($st_entrytitleborder_undercolor){ //ボーダーカラー ?>
			background-color: <?php echo $st_entrytitleborder_undercolor; ?>;
		<?php }else{ ?>
			background-color: <?php echo $st_entrytitleborder_color; ?>;
		<?php } ?>

	}

<?php elseif ( (trim( $st_entrytitle_designsetting) !== '') && ($st_entrytitle_designsetting === 'stripe_design') ): //ストライプ ?>
	.post .entry-title:not(.st-css-no) {
		padding-left:10px;
		padding-bottom:10px;
		<?php if ( ( trim( $st_entrytitle_bgcolor ) !== '' ) && ( trim( $st_entrytitle_bgcolor_t ) !== '' ) ): ?>
			background: -webkit-repeating-linear-gradient(45deg, <?php echo $st_entrytitle_bgcolor; ?>, <?php echo $st_entrytitle_bgcolor; ?> 5px, <?php echo $st_entrytitle_bgcolor_t; ?> 5px, <?php echo $st_entrytitle_bgcolor_t; ?> 10px);
			background: repeating-linear-gradient(45deg, <?php echo $st_entrytitle_bgcolor; ?>, <?php echo $st_entrytitle_bgcolor; ?> 5px, <?php echo $st_entrytitle_bgcolor_t; ?> 5px, <?php echo $st_entrytitle_bgcolor_t; ?> 10px);
		<?php elseif ( ( trim( $st_entrytitle_bgcolor ) !== '' ) && ( trim( $st_entrytitle_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
			background-image: url("<?php echo $st_entrytitle_bgimg; ?>");
			background-color: <?php echo $st_entrytitle_bgcolor; ?>;
		<?php else: ?>

		<?php endif; ?>

		<?php if ( $st_entrytitle_color ): ?>
			color: <?php echo $st_entrytitle_color; ?>;
		<?php endif; ?>
		<?php if($st_entrytitleborder_color){ //ボーダーカラー ?>
                	border: 1px solid <?php echo $st_entrytitleborder_color; ?>;
		<?php } ?>
		<?php if( $st_entrytitle_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_entrytitle_bgimg_leftpadding; ?>px!important;
		<?php } ?>

		<?php if($st_entrytitle_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_entrytitle_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_entrytitle_bgimg_tupadding; ?>px!important;
		<?php } ?>
	}

<?php elseif ( (trim( $st_entrytitle_designsetting) !== '') && ($st_entrytitle_designsetting === 'gradient_underlinedesign') ): //グラデーションアンダーライン ?>

	.post .entry-title:not(.st-css-no) {
		position: relative;
		padding-left:0;
		padding-bottom: 10px;
		border-top:none;
		<?php if( $st_entrytitle_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_entrytitle_bgimg_leftpadding; ?>px!important;
		<?php } ?>

		<?php if($st_entrytitle_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_entrytitle_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_entrytitle_bgimg_tupadding; ?>px!important;
		<?php } ?>
		<?php if ( $st_entrytitle_color ): ?>
			color: <?php echo $st_entrytitle_color; ?>;
		<?php endif; ?>
		background-color:transparent;
	}

	.post .entry-title:not(.st-css-no)::after {
		position: absolute;
		bottom: -3px;
		left: 0;
		z-index: 2;
		content: '';
		width: 100%;
		height: 3px;
		<?php if ( ( trim( $st_entrytitleborder_color ) !== '' ) && ( trim( $st_entrytitleborder_undercolor ) !== '' ) ): ?>
			/*Other Browser*/
			background: <?php echo $st_entrytitleborder_color; ?>;
			/* Android4.1 - 4.3 */
			background: -webkit-linear-gradient(left,  <?php echo $st_entrytitleborder_undercolor; ?> 0%,<?php echo $st_entrytitleborder_color; ?> 100%);

			/* IE10+, FF16+, Chrome26+ */
			background: linear-gradient(to left,  <?php echo $st_entrytitleborder_undercolor; ?> 0%,<?php echo $st_entrytitleborder_color; ?> 100%);
		<?php elseif ( ( trim( $st_entrytitleborder_color ) !== '' ) && ( trim( $st_entrytitleborder_undercolor ) === '' ) ): //下部には色がある場合 ?>
			background-color: <?php echo $st_entrytitleborder_color; ?>;
		<?php endif; ?>
	}

	<?php if( $st_entrytitle_bgimg ){ //背景画像がある場合 ?>

		.post .entry-title:not(.st-css-no) {
			background-image: url("<?php echo $st_entrytitle_bgimg; ?>");
			background-position: <?php echo $st_entrytitle_bgimg_side; ?> <?php echo $st_entrytitle_bgimg_top; ?>;
			<?php if ( $st_entrytitle_bgimg_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
		}
	<?php } ?>

<?php elseif ( (trim( $st_entrytitle_designsetting) !== '') && ($st_entrytitle_designsetting === 'underlinedesign') ): //2色アンダーライン ?>

	.post .entry-title:not(.st-css-no) {
		position: relative;
		padding-left:0;
		padding-bottom: 10px;
		border-top:none;
		<?php if($st_entrytitleborder_undercolor){ //下線基本ボーダー色 ?>
			border-bottom: 3px solid <?php echo $st_entrytitleborder_undercolor; ?>!important;
		<?php } ?>
		<?php if( $st_entrytitle_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_entrytitle_bgimg_leftpadding; ?>px!important;
		<?php } ?>

		<?php if($st_entrytitle_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_entrytitle_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_entrytitle_bgimg_tupadding; ?>px!important;
		<?php } ?>

		<?php if ( $st_entrytitle_color ): ?>
			color: <?php echo $st_entrytitle_color; ?>;
		<?php endif; ?>
		background-color:transparent;
	}

	.post .entry-title:not(.st-css-no)::after {
		position: absolute;
		bottom: -3px;
		left: 0;
		z-index: 2;
		content: '';
		width: 20%;
		height: 3px;
		<?php if($st_entrytitleborder_color){ //ボーダーカラー ?>
                	background-color: <?php echo $st_entrytitleborder_color; ?>;
		<?php } ?>
	}

	<?php if( $st_entrytitle_bgimg ){ //背景画像がある場合 ?>

		.post .entry-title:not(.st-css-no) {
			background-image: url("<?php echo $st_entrytitle_bgimg; ?>");
			background-position: <?php echo $st_entrytitle_bgimg_side; ?> <?php echo $st_entrytitle_bgimg_top; ?>;
			<?php if ( $st_entrytitle_bgimg_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
		}
	<?php } ?>

<?php elseif ( (trim( $st_entrytitle_designsetting) !== '') && ($st_entrytitle_designsetting === 'centerlinedesign') ): ?>

	.post .entry-title:not(.st-css-no) {
		overflow: hidden;
		text-align: center;
		border-top:none;
		border-bottom:none;
		padding-left: 20px!important;
		padding-right: 20px!important;

		<?php if($st_entrytitle_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_entrytitle_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_entrytitle_bgimg_tupadding; ?>px!important;
		<?php } ?>
		<?php if ( $st_entrytitle_color ): ?>
			color: <?php echo $st_entrytitle_color; ?>;
		<?php endif; ?>
		background-color:transparent;
	}

	.post .entry-title span {
		position: relative;
  		display: inline-block;
		margin: 0 10px;
		padding: 0 20px;
		text-align: left;
	}
	@media only screen and (max-width: 599px) {
		.post .entry-title span {
			padding: 0 10px;
		}
	}

	.post .entry-title:not(.st-css-no) span.st-dash-design::before,
	.post .entry-title:not(.st-css-no) span.st-dash-design::after {
		position: absolute;
		top: 50%;
		content: '';
		width: 1000%;
		height: 1px;
		background-color: <?php echo $st_entrytitleborder_color; ?>;
	}

	.post .entry-title:not(.st-css-no) span.st-dash-design::before {
		right: 100%;
	}

	.post .entry-title:not(.st-css-no) span.st-dash-design::after {
		left: 100%;
	}


<?php elseif ( (trim( $st_entrytitle_designsetting) !== '') && ($st_entrytitle_designsetting === 'dotdesign') ): ?>

	.post .entry-title:not(.st-css-no) {
		position: relative;
		padding: 5px;
		border: 1px solid <?php echo $st_entrytitleborder_color; ?>;
        <?php if ( $st_entrytitle_color ): ?>
			color: <?php echo $st_entrytitle_color; ?>;
		<?php endif; ?>
		<?php if ( ( trim( $st_entrytitle_bgcolor ) !== '' ) && ( trim( $st_entrytitle_bgcolor_t ) !== '' ) ): ?>
			/*Other Browser*/
			background: <?php echo $st_entrytitle_bgcolor; ?>;
			/* Android4.1 - 4.3 */
			background: url("<?php echo $st_entrytitle_bgimg; ?>"), -webkit-linear-gradient(<?php echo $entrytitle_gradient_w; ?>,  <?php echo $st_entrytitle_bgcolor_t; ?> 0%,<?php echo $st_entrytitle_bgcolor; ?> 100%);

			/* IE10+, FF16+, Chrome26+ */
			background: url("<?php echo $st_entrytitle_bgimg; ?>"), linear-gradient(to <?php echo $entrytitle_gradient; ?>,  <?php echo $st_entrytitle_bgcolor_t; ?> 0%,<?php echo $st_entrytitle_bgcolor; ?> 100%);
		<?php elseif ( ( trim( $st_entrytitle_bgcolor ) !== '' ) && ( trim( $st_entrytitle_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
			background-image: url("<?php echo $st_entrytitle_bgimg; ?>");
			background-color: <?php echo $st_entrytitle_bgcolor; ?>;
		<?php else: ?>
			background-color: transparent;
			<?php if( $st_entrytitle_bgimg ): //背景画像がある場合 ?>
				background: url("<?php echo $st_entrytitle_bgimg; ?>");
			<?php else: ?>
				background: none;
 			<?php endif; ?>
		<?php endif; ?>
	}

	<?php if( $st_entrytitle_bgimg ){ //背景画像がある場合 ?>

		.post .entry-title:not(.st-css-no) {
			background-position: <?php echo $st_entrytitle_bgimg_side; ?> <?php echo $st_entrytitle_bgimg_top; ?>;
			<?php if ( $st_entrytitle_bgimg_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
		}
	<?php } ?>

	.post .entry-title:not(.st-css-no) span.st-dash-design {
		display: block;
		padding: 10px 10px 10px 15px;
		<?php if( $st_entrytitle_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_entrytitle_bgimg_leftpadding; ?>px!important;
		<?php } ?>

		<?php if($st_entrytitle_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_entrytitle_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_entrytitle_bgimg_tupadding; ?>px!important;
		<?php } ?>

		<?php if($st_entrytitleborder_undercolor){ //ドットカラー ?>
			border: 1px dashed <?php echo $st_entrytitleborder_undercolor; ?>;
		<?php }else{ ?>
			border: 1px dashed <?php echo $st_entrytitleborder_color; ?>;
		<?php } ?>
	}

       		<?php if( $st_entrytitle_bgimg ){ //背景画像がある場合 ?>

            .post .entry-title:not(.st-css-no) {
                background-position: <?php echo $st_entrytitle_bgimg_side; ?> <?php echo $st_entrytitle_bgimg_top; ?>;
                <?php if ( $st_entrytitle_bgimg_repeat ): ?>
                    background-repeat: no-repeat;
                <?php endif; ?>
            }
       		<?php } ?>

<?php elseif ( (trim( $st_entrytitle_designsetting) !== '') && ($st_entrytitle_designsetting === 'leftlinedesign') ): //左ラインのみ ?>

	.post .entry-title:not(.st-css-no) {
		padding-left:20px;
		padding-bottom:10px;
		border: none;
		border-left: 5px solid <?php echo $st_entrytitleborder_color; ?>;
        <?php if ( $st_entrytitle_color ): ?>
			color: <?php echo $st_entrytitle_color; ?>;
		<?php endif; ?>
		<?php if( $st_entrytitle_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_entrytitle_bgimg_leftpadding; ?>px!important;
		<?php } ?>

		<?php if($st_entrytitle_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_entrytitle_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_entrytitle_bgimg_tupadding; ?>px!important;
		<?php } ?>


		<?php if ( ( trim( $st_entrytitle_bgcolor ) !== '' ) && ( trim( $st_entrytitle_bgcolor_t ) !== '' ) ): ?>
			/*Other Browser*/
			background: <?php echo $st_entrytitle_bgcolor; ?>;
			/* Android4.1 - 4.3 */
			background: url("<?php echo $st_entrytitle_bgimg; ?>"), -webkit-linear-gradient(<?php echo $entrytitle_gradient_w; ?>,  <?php echo $st_entrytitle_bgcolor_t; ?> 0%,<?php echo $st_entrytitle_bgcolor; ?> 100%);

			/* IE10+, FF16+, Chrome36+ */
			background: url("<?php echo $st_entrytitle_bgimg; ?>"), linear-gradient(to <?php echo $entrytitle_gradient; ?>,  <?php echo $st_entrytitle_bgcolor_t; ?> 0%,<?php echo $st_entrytitle_bgcolor; ?> 100%);
		<?php elseif ( ( trim( $st_entrytitle_bgcolor ) !== '' ) && ( trim( $st_entrytitle_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
			background-image: url("<?php echo $st_entrytitle_bgimg; ?>");
			background-color: <?php echo $st_entrytitle_bgcolor; ?>;
		<?php else: ?>
			background-color: transparent;
			<?php if( $st_entrytitle_bgimg ): //背景画像がある場合 ?>
				background: url("<?php echo $st_entrytitle_bgimg; ?>");
			<?php else: ?>
				background: none;
			<?php endif; ?>
		<?php endif; ?>

		<?php if( $st_entrytitle_bgimg ){ //背景画像がある場合 ?>
			background-position: <?php echo $st_entrytitle_bgimg_side; ?> <?php echo $st_entrytitle_bgimg_top; ?>;
			<?php if ( $st_entrytitle_bgimg_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
		<?php } ?>
	}

<?php elseif ( (trim( $st_entrytitle_designsetting) !== '') && ($st_entrytitle_designsetting === 'underdotdesign') ): ?>

	.post .entry-title:not(.st-css-no) {
		padding-bottom:10px;
		border: none;
		border-bottom: 2px dashed <?php echo $st_entrytitleborder_color; ?>;
		<?php if( $st_entrytitle_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_entrytitle_bgimg_leftpadding; ?>px!important;
		<?php } else { ?>
			padding-left:0;
		<?php } ?>
		<?php if($st_entrytitle_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_entrytitle_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_entrytitle_bgimg_tupadding; ?>px!important;
		<?php } ?>
        <?php if ( $st_entrytitle_color ): ?>
			color: <?php echo $st_entrytitle_color; ?>;
		<?php endif; ?>
		<?php if ( ( trim( $st_entrytitle_bgcolor ) !== '' ) && ( trim( $st_entrytitle_bgcolor_t ) !== '' ) ): ?>
			/*Other Browser*/
			background: <?php echo $st_entrytitle_bgcolor; ?>;
			/* Android4.1 - 4.3 */
			background: url("<?php echo $st_entrytitle_bgimg; ?>"), -webkit-linear-gradient(<?php echo $entrytitle_gradient_w; ?>,  <?php echo $st_entrytitle_bgcolor_t; ?> 0%,<?php echo $st_entrytitle_bgcolor; ?> 100%);

			/* IE10+, FF16+, Chrome36+ */
			background: url("<?php echo $st_entrytitle_bgimg; ?>"), linear-gradient(to <?php echo $entrytitle_gradient; ?>,  <?php echo $st_entrytitle_bgcolor_t; ?> 0%,<?php echo $st_entrytitle_bgcolor; ?> 100%);
		<?php elseif ( ( trim( $st_entrytitle_bgcolor ) !== '' ) && ( trim( $st_entrytitle_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
			background-image: url("<?php echo $st_entrytitle_bgimg; ?>");
			background-color: <?php echo $st_entrytitle_bgcolor; ?>;
		<?php else: ?>
			background-color: transparent;
			<?php if( $st_entrytitle_bgimg ): //背景画像がある場合 ?>
				background: url("<?php echo $st_entrytitle_bgimg; ?>");
			<?php else: ?>
				background: none;
			<?php endif; ?>
		<?php endif; ?>
	}
            <?php if( $st_entrytitle_bgimg ){ //背景画像がある場合 ?>

                .post .entry-title:not(.st-css-no) {
                    background-position: <?php echo $st_entrytitle_bgimg_side; ?> <?php echo $st_entrytitle_bgimg_top; ?>;
                    <?php if ( $st_entrytitle_bgimg_repeat ): ?>
                        background-repeat: no-repeat;
                    <?php endif; ?>
                }
            <?php } ?>

<?php else: ?>

	<?php if ( (trim( $st_entrytitle_designsetting) !== '') && ($st_entrytitle_designsetting === 'hukidasidesign') ): //吹き出しデザイン ?>

            .post .entry-title:not(.st-css-no) {
				padding-left:10px;
				padding-bottom:10px;
                background: <?php echo $st_entrytitle_bgcolor; ?>;
				<?php if ( $st_entrytitle_color ): ?>
					color: <?php echo $st_entrytitle_color; ?>;
				<?php endif; ?>
                position: relative;
                border: none;
                margin-bottom:30px;
				<?php if( $st_entrytitle_bgimg_leftpadding ){ //左の余白 ?>
					padding-left:<?php echo $st_entrytitle_bgimg_leftpadding; ?>px!important;
				<?php } ?>

				<?php if($st_entrytitle_bgimg_tupadding){ //上下の余白 ?>
					padding-top:<?php echo $st_entrytitle_bgimg_tupadding; ?>px!important;
					padding-bottom:<?php echo $st_entrytitle_bgimg_tupadding; ?>px!important;
				<?php } ?>
            }

            .post .entry-title:not(.st-css-no):after {
                border-top: 10px solid <?php echo $st_entrytitle_bgcolor; ?>;
                content: '';
                position: absolute;
                border-right: 10px solid transparent;
                border-left: 10px solid transparent;
                bottom: -10px;
                left: 30px;
                border-radius: 2px;
            }

            .post .entry-title:not(.st-css-no):before {
                border-top: 10px solid <?php echo $st_entrytitle_bgcolor; ?>;
                content: '';
                position: absolute;
                border-right: 10px solid transparent;
                border-left: 10px solid transparent;
                bottom: -10px;
                left: 30px;
            }

       		<?php if( $st_entrytitle_bgimg ){ //背景画像がある場合 ?>

            .post .entry-title:not(.st-css-no) {
                background-image: url("<?php echo $st_entrytitle_bgimg; ?>");
                background-position: <?php echo $st_entrytitle_bgimg_side; ?> <?php echo $st_entrytitle_bgimg_top; ?>;
                <?php if ( $st_entrytitle_bgimg_repeat ): ?>
                    background-repeat: no-repeat;
                <?php endif; ?>
            }
       		<?php } ?>

		<?php elseif (
			( $st_is_ex ) // テーマ分岐
				&& ( trim( $st_entrytitle_designsetting) !== '' )
				&& ( $st_entrytitle_designsetting === 'hukidasidesign_under' )
			): // 吹き出し下線デザイン ?>

			#st-page .entry-title:not(.st-css-no),
			.post .entry-title:not(.st-css-no) {

				position: relative;
				padding: 10px;
				margin-bottom: 30px;
				border: none;

				<?php if ( $st_entrytitleborder_color ): //ボーダーがあるかどうか ?>
					border-bottom: 3px solid <?php echo $st_entrytitleborder_color; ?>;
				<?php else: ?>
					border-bottom: 3px solid #ccc;
				<?php endif; ?>

				<?php if ( $st_entrytitle_bgcolor ): ?>
					background: <?php echo $st_entrytitle_bgcolor; ?>;
				<?php else: ?>
					background: #fff;
					padding: 10px 0;
				<?php endif; ?>

				<?php if ( $st_entrytitle_color ): ?>
					color: <?php echo $st_entrytitle_color; ?>;
				<?php endif; ?>

				<?php if( $st_entrytitle_bgimg_leftpadding ){ //左の余白 ?>
					padding-left:<?php echo $st_entrytitle_bgimg_leftpadding; ?>px!important;
				<?php } ?>

				<?php if($st_entrytitle_bgimg_tupadding){ //上下の余白 ?>
					padding-top:<?php echo $st_entrytitle_bgimg_tupadding; ?>px!important;
					padding-bottom:<?php echo $st_entrytitle_bgimg_tupadding; ?>px!important;
				<?php } ?>
			}

			.post .entry-title:not(.st-css-no)::before,
			.post .entry-title:not(.st-css-no)::after {
				position: absolute;
				width: 0;
				height: 0;
				border: solid transparent;
				content: "";
				border-top-width: 13px;
				border-right-width: 13px;
				border-bottom-width: 13px;
				border-left-width: 13px;
			}

			.post .entry-title:not(.st-css-no)::before {
				left: 50px;
				bottom: -28px;
				<?php if ( $st_entrytitleborder_color ): //ボーダーがあるかどうか ?>
					border-top-color: <?php echo $st_entrytitleborder_color; ?>;
					border-left-color: <?php echo $st_entrytitleborder_color; ?>;
				<?php else: ?>
					border-top-color: #ccc;
					border-left-color: #ccc;
				<?php endif; ?>
			}

			.post .entry-title:not(.st-css-no)::after {
				left: 53px;
				bottom: -21px;  /* ずらした分だけ線の幅 */
				<?php if ( $st_entrytitle_bgcolor ): ?>
					border-top-color: <?php echo $st_entrytitle_bgcolor; ?>;
					border-left-color: <?php echo $st_entrytitle_bgcolor; ?>;
				<?php else: ?>
					border-top-color: #fff;
					border-left-color: #fff;
				<?php endif; ?>
			}

	<?php else: //吹き出しじゃないデザイン ?>

           	.post .entry-title:not(.st-css-no) {
				<?php if ( $st_entrytitle_color ): ?>
					color: <?php echo $st_entrytitle_color; ?>;
				<?php endif; ?>
                <?php if ( ( trim( $st_entrytitle_bgcolor ) !== '' ) && ( trim( $st_entrytitle_bgcolor_t ) !== '' ) ): ?>
                    /*Other Browser*/
                    background: <?php echo $st_entrytitle_bgcolor; ?>;
                    /* Android4.1 - 4.3 */
                    background: url("<?php echo $st_entrytitle_bgimg; ?>"), -webkit-linear-gradient(<?php echo $entrytitle_gradient_w; ?>,  <?php echo $st_entrytitle_bgcolor_t; ?> 0%,<?php echo $st_entrytitle_bgcolor; ?> 100%);

                    /* IE10+, FF16+, Chrome26+ */
                    background: url("<?php echo $st_entrytitle_bgimg; ?>"), linear-gradient(to <?php echo $entrytitle_gradient_w; ?>,  <?php echo $st_entrytitle_bgcolor_t; ?> 0%,<?php echo $st_entrytitle_bgcolor; ?> 100%);
                <?php elseif ( ( trim( $st_entrytitle_bgcolor ) !== '' ) && ( trim( $st_entrytitle_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
                    background-image: url("<?php echo $st_entrytitle_bgimg; ?>");
                    background-color: <?php echo $st_entrytitle_bgcolor; ?>;
                <?php else: ?>
                    background-color: transparent;
                    <?php if( $st_entrytitle_bgimg ): //背景画像がある場合 ?>
                        background: url("<?php echo $st_entrytitle_bgimg; ?>");
                    <?php else: ?>
                        background: none;
                    <?php endif; ?>
                <?php endif; ?>

                <?php if ( $st_entrytitleborder_color ): //ボーダーがあるかどうか ?>
                    <?php if ( $st_entrytitle_border_tb ): ?>
                        border-top: 1px solid <?php echo $st_entrytitleborder_color; ?>;
                        border-bottom: 1px solid <?php echo $st_entrytitleborder_color; ?>;
                    <?php else: ?>
                        border: 1px solid <?php echo $st_entrytitleborder_color; ?>;
                    <?php endif; ?>
                <?php else: ?>
                    border: none;
                <?php endif; ?>

                <?php if ( $st_entrytitleborder_color ): //ボーダーがあるかどうか ?>
                    <?php if ( $st_entrytitle_border_tb_sub ): ?>
                        border-top-width: 2px;
						<?php if ( $st_entrytitleborder_undercolor ): ?>
							border-bottom-color: <?php echo $st_entrytitleborder_undercolor; ?>;
						<?php endif; ?>
                    <?php endif; ?>
                <?php endif; ?>

				<?php if( $st_entrytitle_bgimg_leftpadding ){ //左の余白 ?>
					padding-left:<?php echo $st_entrytitle_bgimg_leftpadding; ?>px!important;
				<?php } ?>

				<?php if($st_entrytitle_bgimg_tupadding){ //上下の余白 ?>
					padding-top:<?php echo $st_entrytitle_bgimg_tupadding; ?>px!important;
					padding-bottom:<?php echo $st_entrytitle_bgimg_tupadding; ?>px!important;
				<?php } ?>
            }

            <?php if( $st_entrytitle_bgimg ){ //背景画像がある場合 ?>

                .post .entry-title:not(.st-css-no) {
                    background-position: <?php echo $st_entrytitle_bgimg_side; ?> <?php echo $st_entrytitle_bgimg_top; ?>;
                    <?php if ( $st_entrytitle_bgimg_repeat ): ?>
                        background-repeat: no-repeat;
                    <?php endif; ?>
                }
            <?php } ?>

        <?php endif; ?>

<?php endif; //ラインデザインかどうか ?>

<?php endif; //カスタマイザーのCSSを無効化ここまで ?>

/* h2 */

<?php if($st_h2_no_css): //カスタマイザーのCSSを無効化
else: ?>

<?php if ( $st_h2_gradient ): //グラデーションを横向きにする
		$h2_gradient_w = 'left';
		$h2_gradient = 'left';
	else :
		$h2_gradient_w = 'top';
		$h2_gradient = 'bottom';
	endif;
?>

<?php if($st_h2_bg_radius){ //h2 ?>
	/* 角丸 */
	.h2modoki,
	.h2modoki span,
	.post h2:not(.st-css-no),
	.post h2:not(.st-css-no) span {
		border-radius:5px;
	}
<?php } ?>

<?php if ( (trim( $st_h2_designsetting) !== '') && ($st_h2_designsetting === 'linedesign') ): //左ラインデザイン ?>
	.h2modoki,
	.post h2:not(.st-css-no) {
		position: relative;
		padding: 1em 1em 1em 1.3em;

		<?php if($st_h2_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_h2_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_h2_bgimg_tupadding; ?>px!important;
		<?php } ?>

		border: 1px solid <?php echo $st_h2border_color; ?>;
		<?php if ( $st_h2_color ): ?>
			color: <?php echo $st_h2_color; ?>;
		<?php endif; ?>
		<?php if ( ( trim( $st_h2_bgcolor ) !== '' ) && ( trim( $st_h2_bgcolor_t ) !== '' ) ): ?>
			/*Other Browser*/
			background: <?php echo $st_h2_bgcolor; ?>;
			/* Android4.1 - 4.3 */
			background: url("<?php echo $st_h2_bgimg; ?>"), -webkit-linear-gradient(<?php echo $h2_gradient_w; ?>,  <?php echo $st_h2_bgcolor_t; ?> 0%,<?php echo $st_h2_bgcolor; ?> 100%);

			/* IE10+, FF16+, Chrome26+ */
			background: url("<?php echo $st_h2_bgimg; ?>"), linear-gradient(to <?php echo $h2_gradient; ?>,  <?php echo $st_h2_bgcolor_t; ?> 0%,<?php echo $st_h2_bgcolor; ?> 100%);
		<?php elseif ( ( trim( $st_h2_bgcolor ) !== '' ) && ( trim( $st_h2_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
			background-image: url("<?php echo $st_h2_bgimg; ?>");
			background-color: <?php echo $st_h2_bgcolor; ?>;
		<?php else: ?>
			background-color: transparent;
			<?php if( $st_h2_bgimg ): //背景画像がある場合 ?>
				background: url("<?php echo $st_h2_bgimg; ?>");
			<?php else: ?>
				background: none;
			<?php endif; ?>
		<?php endif; ?>
	}

	<?php if( $st_h2_bgimg ){ //背景画像がある場合 ?>
		.h2modoki,
		.post h2:not(.st-css-no) {
			background-position: <?php echo $st_h2_bgimg_side; ?> <?php echo $st_h2_bgimg_top; ?>;
			<?php if ( $st_h2_bgimg_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
		}
	<?php } ?>
	.h2modoki::after,
	.post h2:not(.st-css-no)::after {
		position: absolute;
 		top: .5em;
		left: .5em;
		content: '';
		width: 5px;
		height: -webkit-calc(100% - 1em);
		height: calc(100% - 1em);
		<?php if($st_h2border_undercolor){ //ボーダーカラー ?>
			background-color: <?php echo $st_h2border_undercolor; ?>;
		<?php }else{ ?>
			background-color: <?php echo $st_h2border_color; ?>;
		<?php } ?>

	}

<?php elseif ( (trim( $st_h2_designsetting) !== '') && ($st_h2_designsetting === 'stripe_design') ): //ストライプ ?>
	.h2modoki,
	.post h2:not(.st-css-no) {
		<?php if ( ( trim( $st_h2_bgcolor ) !== '' ) && ( trim( $st_h2_bgcolor_t ) !== '' ) ): ?>
			background: -webkit-repeating-linear-gradient(45deg, <?php echo $st_h2_bgcolor; ?>, <?php echo $st_h2_bgcolor; ?> 5px, <?php echo $st_h2_bgcolor_t; ?> 5px, <?php echo $st_h2_bgcolor_t; ?> 10px);
			background: repeating-linear-gradient(45deg, <?php echo $st_h2_bgcolor; ?>, <?php echo $st_h2_bgcolor; ?> 5px, <?php echo $st_h2_bgcolor_t; ?> 5px, <?php echo $st_h2_bgcolor_t; ?> 10px);
		<?php elseif ( ( trim( $st_h2_bgcolor ) !== '' ) && ( trim( $st_h2_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
			background-image: url("<?php echo $st_h2_bgimg; ?>");
			background-color: <?php echo $st_h2_bgcolor; ?>;
		<?php else: ?>

		<?php endif; ?>

		<?php if ( $st_h2_color ): ?>
			color: <?php echo $st_h2_color; ?>;
		<?php endif; ?>
		<?php if($st_h2border_color){ //ボーダーカラー ?>
                	border: 1px solid <?php echo $st_h2border_color; ?>;
		<?php } ?>
		<?php if( $st_h2_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_h2_bgimg_leftpadding; ?>px!important;
		<?php } ?>

		<?php if($st_h2_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_h2_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_h2_bgimg_tupadding; ?>px!important;
		<?php } ?>
	}

<?php elseif ( (trim( $st_h2_designsetting) !== '') && ($st_h2_designsetting === 'gradient_underlinedesign') ): //グラデーションアンダーライン ?>
	.h2modoki,
	.post h2:not(.st-css-no) {
		position: relative;
		padding-left:0;
		padding-bottom: 10px;
		border-top:none;
		<?php if( $st_h2_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_h2_bgimg_leftpadding; ?>px!important;
		<?php } ?>

		<?php if($st_h2_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_h2_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_h2_bgimg_tupadding; ?>px!important;
		<?php } ?>
                color: <?php echo $st_h2_color; ?>;
                background-color:transparent;
	}
	.h2modoki::after,
	.post h2:not(.st-css-no)::after {
		position: absolute;
		bottom: -3px;
		left: 0;
		z-index: 2;
		content: '';
		width: 100%;
		height: 3px;
		<?php if ( ( trim( $st_h2border_color ) !== '' ) && ( trim( $st_h2border_undercolor ) !== '' ) ): ?>
			/*Other Browser*/
			background: <?php echo $st_h2border_color; ?>;
			/* Android4.1 - 4.3 */
			background: -webkit-linear-gradient(left,  <?php echo $st_h2border_undercolor; ?> 0%,<?php echo $st_h2border_color; ?> 100%);

			/* IE10+, FF16+, Chrome26+ */
			background: linear-gradient(to left,  <?php echo $st_h2border_undercolor; ?> 0%,<?php echo $st_h2border_color; ?> 100%);
		<?php elseif ( ( trim( $st_h2border_color ) !== '' ) && ( trim( $st_h2border_undercolor ) === '' ) ): //下部には色がある場合 ?>
			background-color: <?php echo $st_h2border_color; ?>;
		<?php endif; ?>
	}

	<?php if( $st_h2_bgimg ){ //背景画像がある場合 ?>
		.h2modoki,
		.post h2:not(.st-css-no) {
			background-image: url("<?php echo $st_h2_bgimg; ?>");
			background-position: <?php echo $st_h2_bgimg_side; ?> <?php echo $st_h2_bgimg_top; ?>;
			<?php if ( $st_h2_bgimg_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
		}
	<?php } ?>

<?php elseif ( (trim( $st_h2_designsetting) !== '') && ($st_h2_designsetting === 'underlinedesign') ): //2色アンダーライン ?>
	.h2modoki,
	.post h2:not(.st-css-no) {
		position: relative;
		padding-left:0;
		padding-bottom: 10px;
		border-top:none;
		border-bottom-width:3px;
		<?php if($st_h2border_undercolor){ //下線基本ボーダー色 ?>
			border-bottom-color: <?php echo $st_h2border_undercolor; ?>!important;
		<?php } ?>
		<?php if( $st_h2_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_h2_bgimg_leftpadding; ?>px!important;
		<?php } ?>

		<?php if($st_h2_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_h2_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_h2_bgimg_tupadding; ?>px!important;
		<?php } ?>
		<?php if ( $st_h2_color ): ?>
			color: <?php echo $st_h2_color; ?>;
		<?php endif; ?>
		background-color:transparent;
	}
	.h2modoki::after,
	.post h2:not(.st-css-no)::after {
		position: absolute;
		bottom: -3px;
		left: 0;
		z-index: 2;
		content: '';
		width: 20%;
		height: 3px;
		<?php if($st_h2border_color){ //ボーダーカラー ?>
                	background-color: <?php echo $st_h2border_color; ?>;
		<?php } ?>
	}

	<?php if( $st_h2_bgimg ){ //背景画像がある場合 ?>
		.h2modoki,
		.post h2:not(.st-css-no) {
			background-image: url("<?php echo $st_h2_bgimg; ?>");
			background-position: <?php echo $st_h2_bgimg_side; ?> <?php echo $st_h2_bgimg_top; ?>;
			<?php if ( $st_h2_bgimg_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
		}
	<?php } ?>

<?php elseif ( (trim( $st_h2_designsetting) !== '') && ($st_h2_designsetting === 'centerlinedesign') ): ?>
	.h2modoki,
	.post h2:not(.st-css-no) {
		overflow: hidden;
		text-align: center;
		border-top:none;
		border-bottom:none;
		padding-left: 20px!important;
		padding-right: 20px!important;

		<?php if($st_h2_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_h2_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_h2_bgimg_tupadding; ?>px!important;
		<?php } ?>
		<?php if ( $st_h2_color ): ?>
			color: <?php echo $st_h2_color; ?>;
		<?php endif; ?>
		background-color:transparent;
	}
	.h2modoki span,
	.post h2 span {
		position: relative;
  		display: inline-block;
		margin: 0 10px;
		padding: 0 20px;
		text-align: left;
	}
	@media only screen and (max-width: 599px) {
		.h2modoki span,
		.post h2 span {
			padding: 0 10px;
		}
	}
	.h2modoki span.st-dash-design::before,
	.h2modoki span.st-dash-design::after,
	.post h2:not(.st-css-no) span.st-dash-design::before,
	.post h2:not(.st-css-no) span.st-dash-design::after {
		position: absolute;
		top: 50%;
		content: '';
		width: 1000%;
		height: 1px;
		background-color: <?php echo $st_h2border_color; ?>;
	}
	.h2modoki span.st-dash-design::before,
	.post h2:not(.st-css-no) span.st-dash-design::before {
		right: 100%;
	}
	.h2modoki span.st-dash-design::after,
	.post h2:not(.st-css-no) span.st-dash-design::after {
		left: 100%;
	}


<?php elseif ( (trim( $st_h2_designsetting) !== '') && ($st_h2_designsetting === 'dotdesign') ): ?>

	.h2modoki,
	.post h2:not(.st-css-no) {
		position: relative;
		padding: 5px;
		border: 1px solid <?php echo $st_h2border_color; ?>;
                color: <?php echo $st_h2_color; ?>;
                <?php if ( ( trim( $st_h2_bgcolor ) !== '' ) && ( trim( $st_h2_bgcolor_t ) !== '' ) ): ?>
                    /*Other Browser*/
                    background: <?php echo $st_h2_bgcolor; ?>;
                    /* Android4.1 - 4.3 */
                    background: url("<?php echo $st_h2_bgimg; ?>"), -webkit-linear-gradient(<?php echo $h2_gradient_w; ?>,  <?php echo $st_h2_bgcolor_t; ?> 0%,<?php echo $st_h2_bgcolor; ?> 100%);

                    /* IE10+, FF16+, Chrome26+ */
                    background: url("<?php echo $st_h2_bgimg; ?>"), linear-gradient(to <?php echo $h2_gradient; ?>,  <?php echo $st_h2_bgcolor_t; ?> 0%,<?php echo $st_h2_bgcolor; ?> 100%);
                <?php elseif ( ( trim( $st_h2_bgcolor ) !== '' ) && ( trim( $st_h2_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
                    background-image: url("<?php echo $st_h2_bgimg; ?>");
                    background-color: <?php echo $st_h2_bgcolor; ?>;
                <?php else: ?>
                    background-color: transparent;
                    <?php if( $st_h2_bgimg ): //背景画像がある場合 ?>
                        background: url("<?php echo $st_h2_bgimg; ?>");
                    <?php else: ?>
                        background: none;
                    <?php endif; ?>
                <?php endif; ?>
	}

	<?php if( $st_h2_bgimg ){ //背景画像がある場合 ?>
		.h2modoki,
		.post h2:not(.st-css-no) {
			background-position: <?php echo $st_h2_bgimg_side; ?> <?php echo $st_h2_bgimg_top; ?>;
			<?php if ( $st_h2_bgimg_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
		}
	<?php } ?>

	.h2modoki span.st-dash-design,
	.post h2:not(.st-css-no) span.st-dash-design {
		display: block;
		padding: 10px;
		<?php if( $st_h2_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_h2_bgimg_leftpadding; ?>px!important;
		<?php } ?>

		<?php if($st_h2_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_h2_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_h2_bgimg_tupadding; ?>px!important;
		<?php } ?>

		<?php if($st_h2border_undercolor){ //ドットカラー ?>
			border: 1px dashed <?php echo $st_h2border_undercolor; ?>;
		<?php }else{ ?>
			border: 1px dashed <?php echo $st_h2border_color; ?>;
		<?php } ?>
	}

       		<?php if( $st_h2_bgimg ){ //背景画像がある場合 ?>
			.h2modoki,
            h2:not(.st-css-no) {
                background-position: <?php echo $st_h2_bgimg_side; ?> <?php echo $st_h2_bgimg_top; ?>;
                <?php if ( $st_h2_bgimg_repeat ): ?>
                    background-repeat: no-repeat;
                <?php endif; ?>
            }
       		<?php } ?>

<?php elseif ( (trim( $st_h2_designsetting) !== '') && ($st_h2_designsetting === 'leftlinedesign') ): //左ラインのみ ?>

	.h2modoki,
	.post h2:not(.st-css-no) {
		padding-left:20px;
		border: none;
		border-left: 5px solid <?php echo $st_h2border_color; ?>;
		<?php if ( $st_h2_color ): ?>
			color: <?php echo $st_h2_color; ?>;
		<?php endif; ?>
		<?php if( $st_h2_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_h2_bgimg_leftpadding; ?>px!important;
		<?php } ?>

		<?php if($st_h2_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_h2_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_h2_bgimg_tupadding; ?>px!important;
		<?php } ?>


		<?php if ( ( trim( $st_h2_bgcolor ) !== '' ) && ( trim( $st_h2_bgcolor_t ) !== '' ) ): ?>
			/*Other Browser*/
			background: <?php echo $st_h2_bgcolor; ?>;
			/* Android4.1 - 4.3 */
			background: url("<?php echo $st_h2_bgimg; ?>"), -webkit-linear-gradient(<?php echo $h2_gradient_w; ?>,  <?php echo $st_h2_bgcolor_t; ?> 0%,<?php echo $st_h2_bgcolor; ?> 100%);

			/* IE10+, FF16+, Chrome36+ */
			background: url("<?php echo $st_h2_bgimg; ?>"), linear-gradient(to <?php echo $h2_gradient; ?>,  <?php echo $st_h2_bgcolor_t; ?> 0%,<?php echo $st_h2_bgcolor; ?> 100%);
		<?php elseif ( ( trim( $st_h2_bgcolor ) !== '' ) && ( trim( $st_h2_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
			background-image: url("<?php echo $st_h2_bgimg; ?>");
			background-color: <?php echo $st_h2_bgcolor; ?>;
		<?php else: ?>
			background-color: transparent;
			<?php if( $st_h2_bgimg ): //背景画像がある場合 ?>
				background: url("<?php echo $st_h2_bgimg; ?>");
			<?php else: ?>
				background: none;
			<?php endif; ?>
		<?php endif; ?>

		<?php if( $st_h2_bgimg ){ //背景画像がある場合 ?>
			background-position: <?php echo $st_h2_bgimg_side; ?> <?php echo $st_h2_bgimg_top; ?>;
			<?php if ( $st_h2_bgimg_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
		<?php } ?>
	}

	<?php elseif (
		( $st_is_ex ) // テーマ分岐
		&& ( trim( $st_h2_designsetting ) !== '' )
		&& ( $st_h2_designsetting === 'checkboxdesign' ) // チェックボックスデザイン
		): ?>

		.h2modoki,
		h2:not(.st-css-no){
			position: relative;
			display: block;
			line-height: 1.5;
			margin-bottom: 20px;
			padding-bottom: 0.5em;
			padding-left: calc(1.5em + 25px)!important;
			<?php if ( $st_h2_bgcolor ): ?>
				background: <?php echo $st_h2_bgcolor; ?>;
			<?php else: ?>
				background-color: transparent;
			<?php endif; ?>
			<?php if ( $st_h2_color ): ?>
				color: <?php echo $st_h2_color; ?>;
			<?php endif; ?>
			<?php if ( $st_h2border_color ): //ボーダーがあるかどうか ?>
				border-bottom: 1px solid <?php echo $st_h2border_color; ?>;
			<?php else: ?>
				border-bottom: 1px solid #ccc;
			<?php endif; ?>
			border-top:none;
		}

		.h2modoki:before,
		h2:not(.st-css-no):before {
			position: absolute;
			top: calc(50% - .75em)!important;
			left: 10px;
			content: "\e907";
			font-family: stsvg;
			<?php if ( $st_h2border_undercolor ): //ボーダーがあるかどうか ?>
				color: <?php echo $st_h2border_undercolor; ?>;
			<?php else: ?>
				color: #ff0000;
			<?php endif; ?>
			z-index: 2;
			margin-right: 15px;
			/*text-shadow: -1px -1px 0 rgba(255, 255, 255, 1), 1px -1px 0 rgba(255, 255, 255, 1), -1px 1px 0 rgba(255, 255, 255, 1), 1px 1px 0 rgba(255, 255, 255, 1);*/
			font-size: 150%;
			line-height: 1.5;
		}

		.h2modoki:after,
		h2:not(.st-css-no):after {
			content: "\e904";
			font-family: stsvg;
			position: absolute;
			z-index: 1;
			left: 10px;
			top: calc(50% - .75em);
			font-size: 150%;
			line-height: 1.5;
			<?php if ( $st_h2border_color ): //ボーダーがあるかどうか ?>
				color: <?php echo $st_h2border_color; ?>;
			<?php else: ?>
				color: #ccc;
			<?php endif; ?>
		}

<?php elseif ( (trim( $st_h2_designsetting) !== '') && ($st_h2_designsetting === 'underdotdesign') ): ?>

	.h2modoki,
	.post h2:not(.st-css-no) {
		border: none;
		border-bottom: 2px dashed <?php echo $st_h2border_color; ?>;
		<?php if( $st_h2_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_h2_bgimg_leftpadding; ?>px!important;
		<?php } else { ?>
			padding-left:0;
		<?php } ?>
		<?php if($st_h2_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_h2_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_h2_bgimg_tupadding; ?>px!important;
		<?php } ?>
		<?php if ( $st_h2_color ): ?>
			color: <?php echo $st_h2_color; ?>;
		<?php endif; ?>
		<?php if ( ( trim( $st_h2_bgcolor ) !== '' ) && ( trim( $st_h2_bgcolor_t ) !== '' ) ): ?>
				/*Other Browser*/
				background: <?php echo $st_h2_bgcolor; ?>;
				/* Android4.1 - 4.3 */
				background: url("<?php echo $st_h2_bgimg; ?>"), -webkit-linear-gradient(<?php echo $h2_gradient_w; ?>,  <?php echo $st_h2_bgcolor_t; ?> 0%,<?php echo $st_h2_bgcolor; ?> 100%);

				/* IE10+, FF16+, Chrome36+ */
				background: url("<?php echo $st_h2_bgimg; ?>"), linear-gradient(to <?php echo $h2_gradient; ?>,  <?php echo $st_h2_bgcolor_t; ?> 0%,<?php echo $st_h2_bgcolor; ?> 100%);
			<?php elseif ( ( trim( $st_h2_bgcolor ) !== '' ) && ( trim( $st_h2_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
				background-image: url("<?php echo $st_h2_bgimg; ?>");
				background-color: <?php echo $st_h2_bgcolor; ?>;
			<?php else: ?>
				background-color: transparent;
				<?php if( $st_h2_bgimg ): //背景画像がある場合 ?>
					background: url("<?php echo $st_h2_bgimg; ?>");
				<?php else: ?>
					background: none;
				<?php endif; ?>
			<?php endif; ?>
	}
            <?php if( $st_h2_bgimg ){ //背景画像がある場合 ?>
				.h2modoki,
                .post h2:not(.st-css-no):not(.st-matome):not(.rankh2):not(#reply-title) {
                    background-position: <?php echo $st_h2_bgimg_side; ?> <?php echo $st_h2_bgimg_top; ?>;
                    <?php if ( $st_h2_bgimg_repeat ): ?>
                        background-repeat: no-repeat;
                    <?php endif; ?>
                }
            <?php } ?>

<?php else: ?>

	<?php if ( (trim( $st_h2_designsetting) !== '') && ($st_h2_designsetting === 'hukidasidesign') ): //吹き出しデザイン ?>
			.h2modoki,
            h2:not(.st-css-no) {
				<?php if ( $st_h2_bgcolor ): ?>
                	background: <?php echo $st_h2_bgcolor; ?>;
				<?php endif; ?>
                <?php if ( $st_h2_color ): ?>
					color: <?php echo $st_h2_color; ?>;
				<?php endif; ?>
                position: relative;
                border: none;
                margin-bottom:30px;
		<?php if( $st_h2_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_h2_bgimg_leftpadding; ?>px!important;
		<?php } ?>

		<?php if($st_h2_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_h2_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_h2_bgimg_tupadding; ?>px!important;
		<?php } ?>
            }

			.h2modoki:after,
            h2:not(.st-css-no):after {
                border-top: 10px solid <?php echo $st_h2_bgcolor; ?>;
                content: '';
                position: absolute;
                border-right: 10px solid transparent;
                border-left: 10px solid transparent;
                bottom: -10px;
                left: 30px;
                border-radius: 2px;
            }
            .h2modoki:before,
            h2:not(.st-css-no):before {
                border-top: 10px solid <?php echo $st_h2_bgcolor; ?>;
                content: '';
                position: absolute;
                border-right: 10px solid transparent;
                border-left: 10px solid transparent;
                bottom: -10px;
                left: 30px;
            }

       		<?php if( $st_h2_bgimg ){ //背景画像がある場合 ?>
			.h2modoki,
            h2:not(.st-css-no) {
                background-image: url("<?php echo $st_h2_bgimg; ?>");
                background-position: <?php echo $st_h2_bgimg_side; ?> <?php echo $st_h2_bgimg_top; ?>;
                <?php if ( $st_h2_bgimg_repeat ): ?>
                    background-repeat: no-repeat;
                <?php endif; ?>
            }
       		<?php } ?>

		<?php elseif (
			( $st_is_ex ) // テーマ分岐
			&& ( trim( $st_h2_designsetting) !== '' )
			&& ( $st_h2_designsetting === 'hukidasidesign_under' ) // 吹き出し下線デザイン
			): ?>

			.h2modoki,
			h2:not(.st-css-no) {

				position: relative;
				padding: 10px 5px;
				margin-bottom: 30px;
				border: none;

				<?php if ( $st_h2border_color ): //ボーダーがあるかどうか ?>
					border-bottom: 3px solid <?php echo $st_h2border_color; ?>;
				<?php else: ?>
					border-bottom: 3px solid #ccc;
				<?php endif; ?>

				<?php if ( $st_h2_bgcolor ): ?>
					background: <?php echo $st_h2_bgcolor; ?>;
				<?php else: ?>
					background: #fff;
				<?php endif; ?>

				<?php if ( $st_h2_color ): ?>
					color: <?php echo $st_h2_color; ?>;
				<?php endif; ?>

				<?php if( $st_h2_bgimg_leftpadding ){ //左の余白 ?>
					padding-left:<?php echo $st_h2_bgimg_leftpadding; ?>px!important;
				<?php } ?>

				<?php if($st_h2_bgimg_tupadding){ //上下の余白 ?>
					padding-top:<?php echo $st_h2_bgimg_tupadding; ?>px!important;
					padding-bottom:<?php echo $st_h2_bgimg_tupadding; ?>px!important;
				<?php } ?>
			}

			.h2modoki::before,
			h2:not(.st-css-no)::before,
			.h2modoki::after,
			h2:not(.st-css-no)::after {
				position: absolute;
				width: 0;
				height: 0;
				border: solid transparent;
				content: "";
				border-top-width: 13px;
				border-right-width: 13px;
				border-bottom-width: 13px;
				border-left-width: 13px;
			}

			.h2modoki::before,
			h2:not(.st-css-no)::before {
				left: 50px;
				bottom: -28px;
				<?php if ( $st_h2border_color ): //ボーダーがあるかどうか ?>
					border-top-color: <?php echo $st_h2border_color; ?>;
					border-left-color: <?php echo $st_h2border_color; ?>;
				<?php else: ?>
					border-top-color: #ccc;
					border-left-color: #ccc;
				<?php endif; ?>
			}

			.h2modoki::after,
			h2:not(.st-css-no)::after {
				left: 53px;
				bottom: -21px;
				<?php if ( $st_h2_bgcolor ): ?>
					border-top-color: <?php echo $st_h2_bgcolor; ?>;
					border-left-color: <?php echo $st_h2_bgcolor; ?>;
				<?php else: ?>
					border-top-color: #fff;
					border-left-color: #fff;
				<?php endif; ?>
			}

	<?php else: //吹き出しじゃないデザイン ?>

			.h2modoki,
            h2:not(.st-css-no) {
                <?php if ( $st_h2_color ): ?>
					color: <?php echo $st_h2_color; ?>;
				<?php endif; ?>
                <?php if ( ( trim( $st_h2_bgcolor ) !== '' ) && ( trim( $st_h2_bgcolor_t ) !== '' ) ): ?>
                    /*Other Browser*/
                    background: <?php echo $st_h2_bgcolor; ?>;
                    /* Android4.1 - 4.3 */
                    background: url("<?php echo $st_h2_bgimg; ?>"), -webkit-linear-gradient(<?php echo $h2_gradient_w; ?>,  <?php echo $st_h2_bgcolor_t; ?> 0%,<?php echo $st_h2_bgcolor; ?> 100%);

                    /* IE10+, FF16+, Chrome26+ */
                    background: url("<?php echo $st_h2_bgimg; ?>"), linear-gradient(to <?php echo $h2_gradient_w; ?>,  <?php echo $st_h2_bgcolor_t; ?> 0%,<?php echo $st_h2_bgcolor; ?> 100%);
                <?php elseif ( ( trim( $st_h2_bgcolor ) !== '' ) && ( trim( $st_h2_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
                    background-image: url("<?php echo $st_h2_bgimg; ?>");
                    background-color: <?php echo $st_h2_bgcolor; ?>;
                <?php else: ?>
                    background-color: transparent;
                    <?php if( $st_h2_bgimg ): //背景画像がある場合 ?>
                        background: url("<?php echo $st_h2_bgimg; ?>");
                    <?php else: ?>
                        background: none;
                    <?php endif; ?>
                <?php endif; ?>

                <?php if ( $st_h2border_color ): //ボーダーがあるかどうか ?>
                    <?php if ( $st_h2_border_tb ): ?>
                        border-top: 1px solid <?php echo $st_h2border_color; ?>;
                        border-bottom: 1px solid <?php echo $st_h2border_color; ?>;
                    <?php else: ?>
                        border: 1px solid <?php echo $st_h2border_color; ?>;
                    <?php endif; ?>
                <?php else: ?>
                    border: none;
                <?php endif; ?>

                <?php if ( $st_h2border_color ): //ボーダーがあるかどうか ?>
                    <?php if ( $st_h2_border_tb_sub ): ?>
                        border-top-width: 2px;
						<?php if ( $st_h2border_undercolor ): ?>
							border-bottom-color: <?php echo $st_h2border_undercolor; ?>;
						<?php endif; ?>
                    <?php endif; ?>
                <?php endif; ?>

				<?php if( $st_h2_bgimg_leftpadding ){ //左の余白 ?>
					padding-left:<?php echo $st_h2_bgimg_leftpadding; ?>px!important;
				<?php } ?>

				<?php if($st_h2_bgimg_tupadding){ //上下の余白 ?>
					padding-top:<?php echo $st_h2_bgimg_tupadding; ?>px!important;
					padding-bottom:<?php echo $st_h2_bgimg_tupadding; ?>px!important;
				<?php } ?>
            }

            <?php if( $st_h2_bgimg ){ //背景画像がある場合 ?>
				.h2modoki,
                h2:not(.st-css-no) {
                    background-position: <?php echo $st_h2_bgimg_side; ?> <?php echo $st_h2_bgimg_top; ?>;
                    <?php if ( $st_h2_bgimg_repeat ): ?>
                        background-repeat: no-repeat;
                    <?php endif; ?>
                }
            <?php } ?>

        <?php endif; ?>

<?php endif; //ラインデザインかどうか ?>

<?php endif; //カスタマイザーのCSSを無効化ここまで ?>

/* h3 */
<?php if($st_h3_no_css): //カスタマイザーのCSSを無効化
else: ?>

<?php if ( $st_h3_gradient ): //グラデーションを横向きにする
		$h3_gradient_w = 'left';
		$h3_gradient = 'left';
	else :
		$h3_gradient_w = 'top';
		$h3_gradient = 'bottom';
	endif;
?>

<?php if($st_h3_bg_radius){ //h3 ?>
	/* 角丸 */
	.h3modoki,
	.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
		border-radius:5px;
	}
<?php } ?>

<?php if ( (trim( $st_h3_designsetting) !== '') && ($st_h3_designsetting === 'linedesign') ): //ラインデザイン ?>
	.h3modoki,
	.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
		position: relative;
		padding: 1em 1em 1em 1.4em;
		<?php if($st_h3_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_h3_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_h3_bgimg_tupadding; ?>px!important;
		<?php } ?>

		border: 1px solid <?php echo $st_h3border_color; ?>;
        <?php if ( $st_h3_color ): ?>
			color: <?php echo $st_h3_color; ?>;
		<?php endif; ?>
                <?php if ( ( trim( $st_h3_bgcolor ) !== '' ) && ( trim( $st_h3_bgcolor_t ) !== '' ) ): ?>
                    /*Other Browser*/
                    background: <?php echo $st_h3_bgcolor; ?>;
                    /* Android4.1 - 4.3 */
                    background: url("<?php echo $st_h3_bgimg; ?>"), -webkit-linear-gradient(<?php echo $h3_gradient_w; ?>,  <?php echo $st_h3_bgcolor_t; ?> 0%,<?php echo $st_h3_bgcolor; ?> 100%);

                    /* IE10+, FF16+, Chrome36+ */
                    background: url("<?php echo $st_h3_bgimg; ?>"), linear-gradient(to <?php echo $h3_gradient; ?>,  <?php echo $st_h3_bgcolor_t; ?> 0%,<?php echo $st_h3_bgcolor; ?> 100%);
                <?php elseif ( ( trim( $st_h3_bgcolor ) !== '' ) && ( trim( $st_h3_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
                    background-image: url("<?php echo $st_h3_bgimg; ?>");
                    background-color: <?php echo $st_h3_bgcolor; ?>;
                <?php else: ?>
                    background-color: transparent;
                    <?php if( $st_h3_bgimg ): //背景画像がある場合 ?>
                        background: url("<?php echo $st_h3_bgimg; ?>");
                    <?php else: ?>
                        background: none;
                    <?php endif; ?>
                <?php endif; ?>
	}

	<?php if( $st_h3_bgimg ){ //背景画像がある場合 ?>
		.h3modoki,
		.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
			background-position: <?php echo $st_h3_bgimg_side; ?> <?php echo $st_h3_bgimg_top; ?>;
			<?php if ( $st_h3_bgimg_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
		}
	<?php } ?>
	.h3modoki::after,
	.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title)::after {
                position: absolute;
                top: .5em;
                left: .5em;
                content: '';
                width: 5px;
                height: -webkit-calc(100% - 1em);
                height: calc(100% - 1em);
				<?php if($st_h3border_undercolor){ //ボーダーカラー ?>
                	background-color: <?php echo $st_h3border_undercolor; ?>;
				<?php }else{ ?>
                	background-color: <?php echo $st_h3border_color; ?>;
				<?php } ?>
	}

<?php elseif ( (trim( $st_h3_designsetting) !== '') && ($st_h3_designsetting === 'stripe_design') ): //ストライプ ?>
	.h3modoki,
	.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
		<?php if ( ( trim( $st_h3_bgcolor ) !== '' ) && ( trim( $st_h3_bgcolor_t ) !== '' ) ): ?>
			background: -webkit-repeating-linear-gradient(45deg, <?php echo $st_h3_bgcolor; ?>, <?php echo $st_h3_bgcolor; ?> 5px, <?php echo $st_h3_bgcolor_t; ?> 5px, <?php echo $st_h3_bgcolor_t; ?> 10px);
			background: repeating-linear-gradient(45deg, <?php echo $st_h3_bgcolor; ?>, <?php echo $st_h3_bgcolor; ?> 5px, <?php echo $st_h3_bgcolor_t; ?> 5px, <?php echo $st_h3_bgcolor_t; ?> 10px);
		<?php elseif ( ( trim( $st_h3_bgcolor ) !== '' ) && ( trim( $st_h3_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
			background-image: url("<?php echo $st_h3_bgimg; ?>");
			background-color: <?php echo $st_h3_bgcolor; ?>;
		<?php else: ?>

		<?php endif; ?>

        <?php if ( $st_h3_color ): ?>
			color: <?php echo $st_h3_color; ?>;
		<?php endif; ?>
		<?php if($st_h3border_color){ //ボーダーカラー ?>
                	border: 1px solid <?php echo $st_h3border_color; ?>;
		<?php } ?>
		<?php if( $st_h3_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_h3_bgimg_leftpadding; ?>px!important;
		<?php } ?>

		<?php if($st_h3_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_h3_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_h3_bgimg_tupadding; ?>px!important;
		<?php } ?>
	}

<?php elseif ( (trim( $st_h3_designsetting) !== '') && ($st_h3_designsetting === 'gradient_underlinedesign') ): //グラデーションアンダーライン ?>

	.h3modoki,
	.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
		position: relative;
		padding-left:0;
		padding-bottom: 10px;
		border-top:none;
		<?php if( $st_h3_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_h3_bgimg_leftpadding; ?>px!important;
		<?php } ?>

		<?php if($st_h3_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_h3_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_h3_bgimg_tupadding; ?>px!important;
		<?php } ?>
		<?php if ( $st_h3_color ): ?>
			color: <?php echo $st_h3_color; ?>;
		<?php endif; ?>
		background-color:transparent;
	}

	.h3modoki::after,
	.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title)::after {
		position: absolute;
		bottom: -3px;
		left: 0;
		z-index: 2;
		content: '';
		width: 100%;
		height: 3px;
		<?php if ( ( trim( $st_h3border_color ) !== '' ) && ( trim( $st_h3border_undercolor ) !== '' ) ): ?>
			/*Other Browser*/
			background: <?php echo $st_h3border_color; ?>;
			/* Android4.1 - 4.3 */
			background: -webkit-linear-gradient(left,  <?php echo $st_h3border_undercolor; ?> 0%,<?php echo $st_h3border_color; ?> 100%);

			/* IE10+, FF16+, Chrome26+ */
			background: linear-gradient(to left,  <?php echo $st_h3border_undercolor; ?> 0%,<?php echo $st_h3border_color; ?> 100%);
		<?php elseif ( ( trim( $st_h3border_color ) !== '' ) && ( trim( $st_h3border_undercolor ) === '' ) ): //下部には色がある場合 ?>
			background-color: <?php echo $st_h3border_color; ?>;
		<?php endif; ?>
	}

	<?php if( $st_h3_bgimg ){ //背景画像がある場合 ?>
		.h3modoki,
		.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
			background-image: url("<?php echo $st_h3_bgimg; ?>");
			background-position: <?php echo $st_h3_bgimg_side; ?> <?php echo $st_h3_bgimg_top; ?>;
			<?php if ( $st_h3_bgimg_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
		}
	<?php } ?>

<?php elseif ( (trim( $st_h3_designsetting) !== '') && ($st_h3_designsetting === 'underlinedesign') ): ?>

	.h3modoki,
	.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
		position: relative;
		padding-left:0;
		padding-bottom: 10px;
		border-top:none;
		border-bottom-width:3px;
		<?php if($st_h3border_undercolor){ //下線基本ボーダー色 ?>
			border-bottom-color: <?php echo $st_h3border_undercolor; ?>!important;
		<?php } ?>
		<?php if( $st_h3_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_h3_bgimg_leftpadding; ?>px!important;
		<?php } ?>

		<?php if($st_h3_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_h3_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_h3_bgimg_tupadding; ?>px!important;
		<?php } ?>
		<?php if ( $st_h3_color ): ?>
			color: <?php echo $st_h3_color; ?>;
		<?php endif; ?>
		background-color:transparent;
	}

	.h3modoki::after,
	.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title)::after {
		position: absolute;
		bottom: -3px;
		left: 0;
		z-index: 3;
		content: '';
		width: 30%;
		height: 3px;
		<?php if($st_h3border_color){ //ボーダーカラー ?>
                	background-color: <?php echo $st_h3border_color; ?>;
		<?php } ?>
	}

	<?php if( $st_h3_bgimg ){ //背景画像がある場合 ?>
		.h3modoki,
		.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
			background-image: url("<?php echo $st_h3_bgimg; ?>");
			background-position: <?php echo $st_h3_bgimg_side; ?> <?php echo $st_h3_bgimg_top; ?>;
			<?php if ( $st_h3_bgimg_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
		}
	<?php } ?>

<?php elseif ( (trim( $st_h3_designsetting) !== '') && ($st_h3_designsetting === 'centerlinedesign') ): ?>

	.h3modoki,
	.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
		overflow: hidden;
		text-align: center;
		border-top:none;
		border-bottom:none;
		padding-left: 20px!important;
		padding-right: 20px!important;

		<?php if($st_h3_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_h3_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_h3_bgimg_tupadding; ?>px!important;
		<?php } ?>
        <?php if ( $st_h3_color ): ?>
			color: <?php echo $st_h3_color; ?>;
		<?php endif; ?>
                background-color:transparent;
	}

	.h3modoki span,
	.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) span {
		position: relative;
  		display: inline-block;
		margin: 0 10px;
		padding: 0 20px;
		text-align: left;
	}
	@media only screen and (max-width: 599px) {
		.h3modoki span,
		.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) span {
			padding: 0 10px;
		}
	}

	.h3modoki span.st-dash-design::before,
	.h3modoki span.st-dash-design::after,
	.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) span.st-dash-design::before,
	.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) span.st-dash-design::after {
		position: absolute;
		top: 50%;
		content: '';
		width: 1000%;
		height: 1px;
		background-color: <?php echo $st_h3border_color; ?>;
	}

	.h3modoki span.st-dash-design::before,
	.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) span.st-dash-design::before {
		right: 100%;
	}
	.h3modoki span.st-dash-design::after,
	.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) span.st-dash-design::after {
		left: 100%;
	}

<?php elseif ( (trim( $st_h3_designsetting) !== '') && ($st_h3_designsetting === 'dotdesign') ): ?>

	.h3modoki,
	.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
		position: relative;
		padding: 5px;
		border: 1px solid <?php echo $st_h3border_color; ?>;
		<?php if ( $st_h3_color ): ?>
			color: <?php echo $st_h3_color; ?>;
		<?php endif; ?>
		<?php if ( ( trim( $st_h3_bgcolor ) !== '' ) && ( trim( $st_h3_bgcolor_t ) !== '' ) ): ?>
			/*Other Browser*/
			background: <?php echo $st_h3_bgcolor; ?>;
			/* Android4.1 - 4.3 */
			background: url("<?php echo $st_h3_bgimg; ?>"), -webkit-linear-gradient(<?php echo $h3_gradient_w; ?>,  <?php echo $st_h3_bgcolor_t; ?> 0%,<?php echo $st_h3_bgcolor; ?> 100%);

			/* IE10+, FF16+, Chrome36+ */
			background: url("<?php echo $st_h3_bgimg; ?>"), linear-gradient(to <?php echo $h3_gradient; ?>,  <?php echo $st_h3_bgcolor_t; ?> 0%,<?php echo $st_h3_bgcolor; ?> 100%);
		<?php elseif ( ( trim( $st_h3_bgcolor ) !== '' ) && ( trim( $st_h3_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
			background-image: url("<?php echo $st_h3_bgimg; ?>");
			background-color: <?php echo $st_h3_bgcolor; ?>;
		<?php else: ?>
			background-color: transparent;
			<?php if( $st_h3_bgimg ): //背景画像がある場合 ?>
				background: url("<?php echo $st_h3_bgimg; ?>");
			<?php else: ?>
				background: none;
			<?php endif; ?>
		<?php endif; ?>
	}

	<?php if( $st_h3_bgimg ){ //背景画像がある場合 ?>
		.h3modoki,
		.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
			background-position: <?php echo $st_h3_bgimg_side; ?> <?php echo $st_h3_bgimg_top; ?>;
			<?php if ( $st_h3_bgimg_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
		}
	<?php } ?>

	.h3modoki span.st-dash-design,
	.post h3:not(.st-css-no):not(.st-matome) span.st-dash-design {
		display: block;
		padding: 10px;
		<?php if( $st_h3_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_h3_bgimg_leftpadding; ?>px!important;
		<?php } ?>

		<?php if($st_h3_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_h3_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_h3_bgimg_tupadding; ?>px!important;
		<?php } ?>
		<?php if($st_h3border_undercolor){ //ドットカラー ?>
			border: 1px dashed <?php echo $st_h3border_undercolor; ?>;
		<?php }else{ ?>
			border: 1px dashed <?php echo $st_h3border_color; ?>;
		<?php } ?>
	}

<?php elseif ( (trim( $st_h3_designsetting) !== '') && ($st_h3_designsetting === 'leftlinedesign') ): //左ラインのみ ?>

		.h3modoki,
		.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
		padding-left:20px;
		border: none;
		border-left: 5px solid <?php echo $st_h3border_color; ?>;
        <?php if ( $st_h3_color ): ?>
			color: <?php echo $st_h3_color; ?>;
		<?php endif; ?>
		<?php if( $st_h3_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_h3_bgimg_leftpadding; ?>px!important;
		<?php } ?>

		<?php if($st_h3_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_h3_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_h3_bgimg_tupadding; ?>px!important;
		<?php } ?>


		<?php if ( ( trim( $st_h3_bgcolor ) !== '' ) && ( trim( $st_h3_bgcolor_t ) !== '' ) ): ?>
			/*Other Browser*/
			background: <?php echo $st_h3_bgcolor; ?>;
			/* Android4.1 - 4.3 */
			background: url("<?php echo $st_h3_bgimg; ?>"), -webkit-linear-gradient(<?php echo $h3_gradient_w; ?>,  <?php echo $st_h3_bgcolor_t; ?> 0%,<?php echo $st_h3_bgcolor; ?> 100%);

			/* IE10+, FF16+, Chrome36+ */
			background: url("<?php echo $st_h3_bgimg; ?>"), linear-gradient(to <?php echo $h3_gradient; ?>,  <?php echo $st_h3_bgcolor_t; ?> 0%,<?php echo $st_h3_bgcolor; ?> 100%);
		<?php elseif ( ( trim( $st_h3_bgcolor ) !== '' ) && ( trim( $st_h3_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
			background-image: url("<?php echo $st_h3_bgimg; ?>");
			background-color: <?php echo $st_h3_bgcolor; ?>;
		<?php else: ?>
			background-color: transparent;
			<?php if( $st_h3_bgimg ): //背景画像がある場合 ?>
				background: url("<?php echo $st_h3_bgimg; ?>");
			<?php else: ?>
				background: none;
			<?php endif; ?>
		<?php endif; ?>
		<?php if( $st_h3_bgimg ){ //背景画像がある場合 ?>
			background-position: <?php echo $st_h3_bgimg_side; ?> <?php echo $st_h3_bgimg_top; ?>;
			<?php if ( $st_h3_bgimg_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
		<?php } ?>
	}

	<?php elseif (
		( $st_is_ex_af ) // テーマ分岐
		&& ( trim( $st_h3_designsetting ) !== '' )
		&& ( $st_h3_designsetting === 'checkboxdesign' ) // チェックボックスデザイン
	): ?>

		.h3modoki,
		.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title){
			position: relative;
			display: block;
			line-height: 1.5;
			margin-bottom: 20px;
			padding-bottom: 0.5em;
			padding-left: calc(1.5em + 25px)!important;
			<?php if ( $st_h3_bgcolor ): ?>
				background: <?php echo $st_h3_bgcolor; ?>;
			<?php else: ?>
				background-color: transparent;
			<?php endif; ?>
			<?php if ( $st_h3_color ): ?>
				color: <?php echo $st_h3_color; ?>;
			<?php endif; ?>
			<?php if ( $st_h3border_color ): //ボーダーがあるかどうか ?>
				border-bottom: 1px solid <?php echo $st_h3border_color; ?>;
			<?php else: ?>
				border-bottom: 1px solid #ccc;
			<?php endif; ?>
			border-top:none;
		}

		.h3modoki:before,
		.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):before {
			position: absolute;
			top: calc(50% - .75em)!important;
			left: 10px;
			content: "\e907";
			font-family: stsvg;
			<?php if ( $st_h3border_undercolor ): //ボーダーがあるかどうか ?>
				color: <?php echo $st_h3border_undercolor; ?>;
			<?php else: ?>
				color: #ff0000;
			<?php endif; ?>
			z-index: 2;
			margin-right: 15px;
			/*text-shadow: -1px -1px 0 rgba(255, 255, 255, 1), 1px -1px 0 rgba(255, 255, 255, 1), -1px 1px 0 rgba(255, 255, 255, 1), 1px 1px 0 rgba(255, 255, 255, 1);*/
			font-size: 150%;
			line-height: 1.5;
		}

		.h3modoki:after,
		.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):after {
			content: "\e904";
			font-family: stsvg;
			position: absolute;
			z-index: 1;
			left: 10px;
			top: calc(50% - .75em);
			font-size: 150%;
			line-height: 1.5;
			<?php if ( $st_h3border_color ): //ボーダーがあるかどうか ?>
				color: <?php echo $st_h3border_color; ?>;
			<?php else: ?>
				color: #ccc;
			<?php endif; ?>
		}

<?php elseif ( (trim( $st_h3_designsetting) !== '') && ($st_h3_designsetting === 'underdotdesign') ): ?>

	.h3modoki,
	.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
		border: none;
		border-bottom: 2px dashed <?php echo $st_h3border_color; ?>;
		<?php if( $st_h3_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_h3_bgimg_leftpadding; ?>px!important;
		<?php } else { ?>
			padding-left:0;
		<?php } ?>
		<?php if($st_h3_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_h3_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_h3_bgimg_tupadding; ?>px!important;
		<?php } ?>
        <?php if ( $st_h3_color ): ?>
			color: <?php echo $st_h3_color; ?>;
		<?php endif; ?>
			<?php if ( ( trim( $st_h3_bgcolor ) !== '' ) && ( trim( $st_h3_bgcolor_t ) !== '' ) ): ?>
				/*Other Browser*/
				background: <?php echo $st_h3_bgcolor; ?>;
				/* Android4.1 - 4.3 */
				background: url("<?php echo $st_h3_bgimg; ?>"), -webkit-linear-gradient(<?php echo $h3_gradient_w; ?>,  <?php echo $st_h3_bgcolor_t; ?> 0%,<?php echo $st_h3_bgcolor; ?> 100%);

				/* IE10+, FF16+, Chrome36+ */
				background: url("<?php echo $st_h3_bgimg; ?>"), linear-gradient(to <?php echo $h3_gradient; ?>,  <?php echo $st_h3_bgcolor_t; ?> 0%,<?php echo $st_h3_bgcolor; ?> 100%);
			<?php elseif ( ( trim( $st_h3_bgcolor ) !== '' ) && ( trim( $st_h3_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
				background-image: url("<?php echo $st_h3_bgimg; ?>");
				background-color: <?php echo $st_h3_bgcolor; ?>;
			<?php else: ?>
				background-color: transparent;
				<?php if( $st_h3_bgimg ): //背景画像がある場合 ?>
					background: url("<?php echo $st_h3_bgimg; ?>");
				<?php else: ?>
					background: none;
				<?php endif; ?>
			<?php endif; ?>
	}
            <?php if( $st_h3_bgimg ){ //背景画像がある場合 ?>
                .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
                    background-position: <?php echo $st_h3_bgimg_side; ?> <?php echo $st_h3_bgimg_top; ?>;
                    <?php if ( $st_h3_bgimg_repeat ): ?>
                        background-repeat: no-repeat;
                    <?php endif; ?>
                }
            <?php } ?>

<?php else: ?>

	<?php if ( (trim( $st_h3_designsetting) !== '') && ($st_h3_designsetting === 'hukidasidesign') ): //吹き出しデザイン ?>
			.h3modoki,
            .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
                background: <?php echo $st_h3_bgcolor; ?>;
                color: <?php echo $st_h3_color; ?>;
                position: relative;
                border: none;
                margin-bottom:30px;
		<?php if( $st_h3_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_h3_bgimg_leftpadding; ?>px!important;
		<?php } ?>

		<?php if($st_h3_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_h3_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_h3_bgimg_tupadding; ?>px!important;
		<?php } ?>
            }
        	.h3modoki:after,
            .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):after {
                border-top: 10px solid <?php echo $st_h3_bgcolor; ?>;
                content: '';
                position: absolute;
                border-right: 10px solid transparent;
                border-left: 10px solid transparent;
                bottom: -10px;
                left: 30px;
                border-radius: 2px;
            }
        	.h3modoki:before,
            .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):before {
                border-top: 10px solid <?php echo $st_h3_bgcolor; ?>;
                content: '';
                position: absolute;
                border-right: 10px solid transparent;
                border-left: 10px solid transparent;
                bottom: -10px;
                left: 30px;
            }

       		<?php if( $st_h3_bgimg ){ //背景画像がある場合 ?>
			.h3modoki,
            .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
                background-image: url("<?php echo $st_h3_bgimg; ?>");
                background-position: <?php echo $st_h3_bgimg_side; ?> <?php echo $st_h3_bgimg_top; ?>;
                <?php if ( $st_h3_bgimg_repeat ): ?>
                    background-repeat: no-repeat;
                <?php endif; ?>
            }
       		<?php } ?>

		<?php elseif (
			( $st_is_ex ) // テーマ分岐
			&& ( trim( $st_h3_designsetting ) !== '' )
			&& ( $st_h3_designsetting === 'hukidasidesign_under' ) //吹き出し下線デザイン
		): ?>

			.h3modoki,
			.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {

				position: relative;
				padding: 10px;
				margin-bottom: 30px;
				border: none;

				<?php if ( $st_h3border_color ): //ボーダーがあるかどうか ?>
					border-bottom: 3px solid <?php echo $st_h3border_color; ?>;
				<?php else: ?>
					border-bottom: 3px solid #ccc;
				<?php endif; ?>

				<?php if ( $st_h3_bgcolor ): ?>
					background: <?php echo $st_h3_bgcolor; ?>;
				<?php else: ?>
					background: #fff;
					padding: 10px 0;
				<?php endif; ?>

				<?php if ( $st_h3_color ): ?>
					color: <?php echo $st_h3_color; ?>;
				<?php endif; ?>

				<?php if( $st_h3_bgimg_leftpadding ){ //左の余白 ?>
					padding-left:<?php echo $st_h3_bgimg_leftpadding; ?>px!important;
				<?php } ?>

				<?php if($st_h3_bgimg_tupadding){ //上下の余白 ?>
					padding-top:<?php echo $st_h3_bgimg_tupadding; ?>px!important;
					padding-bottom:<?php echo $st_h3_bgimg_tupadding; ?>px!important;
				<?php } ?>
			}

			.h3modoki:before,
			.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):before,
		   .h3modoki:after,
			.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):after {
				position: absolute;
				width: 0;
				height: 0;
				border: solid transparent;
				content: "";
				border-top-width: 13px;
				border-right-width: 13px;
				border-bottom-width: 13px;
				border-left-width: 13px;
			}

			.h3modoki:before,
			.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):before {
				left: 50px;
				bottom: -28px;
				<?php if ( $st_h3border_color ): //ボーダーがあるかどうか ?>
					border-top-color: <?php echo $st_h3border_color; ?>;
					border-left-color: <?php echo $st_h3border_color; ?>;
				<?php else: ?>
					border-top-color: #ccc;
					border-left-color: #ccc;
				<?php endif; ?>
			}

			.h3modoki:after,
			.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):after {
				left: 53px;
				bottom: -21px;
				<?php if ( $st_h3_bgcolor ): ?>
					border-top-color: <?php echo $st_h3_bgcolor; ?>;
					border-left-color: <?php echo $st_h3_bgcolor; ?>;
				<?php else: ?>
					border-top-color: #fff;
					border-left-color: #fff;
				<?php endif; ?>
			}

	<?php else: //吹き出しじゃないデザイン ?>

		.h3modoki,
		.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
        <?php if ( $st_h3_color ): ?>
			color: <?php echo $st_h3_color; ?>;
		<?php endif; ?>
                <?php if ( ( trim( $st_h3_bgcolor ) !== '' ) && ( trim( $st_h3_bgcolor_t ) !== '' ) ): ?>
                    /*Other Browser*/
                    background: <?php echo $st_h3_bgcolor; ?>;
                    /* Android4.1 - 4.3 */
                    background: url("<?php echo $st_h3_bgimg; ?>"), -webkit-linear-gradient(<?php echo $h3_gradient_w; ?>,  <?php echo $st_h3_bgcolor_t; ?> 0%,<?php echo $st_h3_bgcolor; ?> 100%);

                    /* IE10+, FF16+, Chrome36+ */
                    background: url("<?php echo $st_h3_bgimg; ?>"), linear-gradient(to <?php echo $h3_gradient; ?>,  <?php echo $st_h3_bgcolor_t; ?> 0%,<?php echo $st_h3_bgcolor; ?> 100%);
                <?php elseif ( ( trim( $st_h3_bgcolor ) !== '' ) && ( trim( $st_h3_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
                    background-image: url("<?php echo $st_h3_bgimg; ?>");
                    background-color: <?php echo $st_h3_bgcolor; ?>;
                <?php else: ?>
                    background-color: transparent;
                    <?php if( $st_h3_bgimg ): //背景画像がある場合 ?>
                        background: url("<?php echo $st_h3_bgimg; ?>");
                    <?php else: ?>
                        background: none;
                    <?php endif; ?>
                <?php endif; ?>

                <?php if ( $st_h3border_color ): //ボーダーがあるかどうか ?>
                    <?php if ( $st_h3_border_tb ): ?>
                        border-top: 1px solid <?php echo $st_h3border_color; ?>;
                        border-bottom: 1px solid <?php echo $st_h3border_color; ?>;
                    <?php else: ?>
                        border: 1px solid <?php echo $st_h3border_color; ?>;
                    <?php endif; ?>
                <?php else: ?>
                    border: none;
                <?php endif; ?>

                <?php if ( $st_h3border_color ): //ボーダーがあるかどうか ?>
                    <?php if ( $st_h3_border_tb_sub ): ?>
                        border-top-width: 2px;
						<?php if ( $st_h3border_undercolor ): ?>
							border-bottom-color: <?php echo $st_h3border_undercolor; ?>;
						<?php endif; ?>
                    <?php endif; ?>
                <?php endif; ?>

		<?php if( $st_h3_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_h3_bgimg_leftpadding; ?>px!important;
		<?php } ?>

		<?php if($st_h3_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_h3_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_h3_bgimg_tupadding; ?>px!important;
		<?php } ?>
            }

            <?php if( $st_h3_bgimg ){ //背景画像がある場合 ?>
				.h3modoki,
                .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
                    background-position: <?php echo $st_h3_bgimg_side; ?> <?php echo $st_h3_bgimg_top; ?>;
                    <?php if ( $st_h3_bgimg_repeat ): ?>
                        background-repeat: no-repeat;
                    <?php endif; ?>
                }
            <?php } ?>

        <?php endif; ?>

<?php endif; ?>

<?php endif; //カスタマイザーのCSSを無効化ここまで ?>

/*h4*/
<?php if($st_h4_no_css): //カスタマイザーのCSSを無効化
else: ?>

<?php if($st_h4_bg_radius){ //h4 ?>
	/* 角丸 */
	.h4modoki,
	.post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(#reply-title):not(.point){
		border-radius:5px;
	}
<?php } ?>

<?php if( $st_h4hukidasi_design ): //ふきだしに変更 ?>
	.h4modoki,
	.post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(#reply-title):not(.point){
		background: <?php echo $st_h4bgcolor; ?>;
        <?php if ( $st_h4_textcolor ): ?>
			color: <?php echo $st_h4_textcolor; ?>;
		<?php endif; ?>
		position: relative;
		border: none;
		margin-bottom:30px;
        <?php if( $st_h4_bgimg_leftpadding ){ //左の余白 ?>
            padding-left:<?php echo $st_h4_bgimg_leftpadding; ?>px;
        <?php } ?>

        <?php if($st_h4_bgimg_tupadding){ //上下の余白 ?>
            padding-top:<?php echo $st_h4_bgimg_tupadding; ?>px;
            padding-bottom:<?php echo $st_h4_bgimg_tupadding; ?>px;
        <?php } ?>

        <?php if( $st_h4_bgimg ){ //背景画像がある場合 ?>
            background-image: url("<?php echo $st_h4_bgimg; ?>");
            background-position: <?php echo $st_h4_bgimg_side; ?> <?php echo $st_h4_bgimg_top; ?>;
            <?php if ( $st_h4_bgimg_repeat ): ?>
                background-repeat: no-repeat;
            <?php endif; ?>
        <?php } ?>
	}

	.h4modoki:after,
	.post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(#reply-title):not(.point):after {
		border-top: 10px solid <?php echo $st_h4bgcolor; ?>;
		content: '';
		position: absolute;
		border-right: 10px solid transparent;
		border-left: 10px solid transparent;
		bottom: -10px;
		left: 30px;
		border-radius: 2px;
	}

	.h4modoki:before,
	.post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(#reply-title):not(.point):before {
		border-top: 10px solid <?php echo $st_h4bgcolor; ?>;
		content: '';
		position: absolute;
		border-right: 10px solid transparent;
		border-left: 10px solid transparent;
		bottom: -10px;
		left: 30px;
	}
<?php else: ?>
	.h4modoki,
    .post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(.point) {
        <?php if($st_h4_design){ ?>
            border-left: 5px solid <?php echo $st_h4bordercolor; ?>;
        <?php } ?>
        <?php if ( $st_h4_textcolor ): ?>
			color: <?php echo $st_h4_textcolor; ?>;
		<?php endif; ?>
        <?php if ( $st_h4bgcolor ): ?>
            background-color: <?php echo $st_h4bgcolor; ?>;
        <?php else: ?>
            background-color: transparent;
        <?php endif; ?>

        <?php if($st_h4_top_border){ //上のボーダー ?>
            border-top : solid 1px <?php echo $st_h4bordercolor; ?>;
        <?php } ?>

        <?php if($st_h4_bottom_border){ //下のボーダー ?>
            border-bottom : solid 1px <?php echo $st_h4bordercolor; ?>;
        <?php } ?>

        <?php if( $st_h4_bgimg_leftpadding ){ //左の余白 ?>
            padding-left:<?php echo $st_h4_bgimg_leftpadding; ?>px;
        <?php } ?>

        <?php if($st_h4_bgimg_tupadding){ //上下の余白 ?>
            padding-top:<?php echo $st_h4_bgimg_tupadding; ?>px;
            padding-bottom:<?php echo $st_h4_bgimg_tupadding; ?>px;
        <?php } ?>

        <?php if( $st_h4_bgimg ){ //背景画像がある場合 ?>
            background-image: url("<?php echo $st_h4_bgimg; ?>");
            background-position: <?php echo $st_h4_bgimg_side; ?> <?php echo $st_h4_bgimg_top; ?>;
            <?php if ( $st_h4_bgimg_repeat ): ?>
                background-repeat: no-repeat;
            <?php endif; ?>
        <?php } ?>
    }
<?php endif; ?>

<?php if ( $st_h4bgcolor && $st_h4_husen_shadow ): //背景色がある場合 ?>

    /*h4付箋*/
    .h4modoki,
    .post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(#reply-title):not(.point){
        position: relative;
        z-index:1;
    }
    .st-h4husen-shadow
    {
		position: relative;
    }
    .st-h4husen-shadow:after
    {
        z-index: 0;
        position: absolute;
        content: "";
        bottom:19px;
        right: 8px;
        left: auto;
        width: 50%;
        height:5px;
        max-width:100%;
        background: #777;
        -webkit-box-shadow: 0 15px 10px #777;
        -moz-box-shadow: 0 15px 10px #777;
        box-shadow: 0 15px 10px #777;
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
        -o-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        transform: rotate(2deg);
    }

<?php endif; ?>

<?php endif; //カスタマイザーのCSSを無効化ここまで ?>

/* ウィジェットタイトル */

#side .menu_underh2,
#side .st-widgets-title:not(.st-css-no) {
	font-weight:bold;
	margin-bottom: 10px;
}

<?php if($st_widgets_title_bg_radius){ //widgets_title ?>
	/* 角丸 */
	#side .menu_underh2,
    #side .st-widgets-title:not(.st-css-no) {
		border-radius:5px;
	}
<?php } ?>

<?php if ( (trim( $st_widgets_title_designsetting) !== '') && ($st_widgets_title_designsetting === 'linedesign') ): //囲み&左ラインデザイン ?>

	#side .menu_underh2,
    #side .st-widgets-title:not(.st-css-no) {
		position: relative;
		<?php if($st_widgets_title_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_widgets_title_bgimg_tupadding; ?>px;
			padding-bottom:<?php echo $st_widgets_title_bgimg_tupadding; ?>px;
		<?php } ?>

		padding-left:20px;

		border: 1px solid <?php echo $st_widgets_titleborder_color; ?>;
                color: <?php echo $st_widgets_title_color; ?>;
                <?php if ( ( trim( $st_widgets_title_bgcolor ) !== '' ) && ( trim( $st_widgets_title_bgcolor_t ) !== '' ) ): ?>
                    /*Other Browser*/
                    background: <?php echo $st_widgets_title_bgcolor; ?>;
                    /* Android4.1 - 4.3 */
                    background: url("<?php echo $st_widgets_title_bgimg; ?>"), -webkit-linear-gradient(top,  <?php echo $st_widgets_title_bgcolor_t; ?> 0%,<?php echo $st_widgets_title_bgcolor; ?> 100%);

                    /* IE10+, FF16+, Chrome36+ */
                    background: url("<?php echo $st_widgets_title_bgimg; ?>"), linear-gradient(to bottom,  <?php echo $st_widgets_title_bgcolor_t; ?> 0%,<?php echo $st_widgets_title_bgcolor; ?> 100%);
                <?php elseif ( ( trim( $st_widgets_title_bgcolor ) !== '' ) && ( trim( $st_widgets_title_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
                    background-image: url("<?php echo $st_widgets_title_bgimg; ?>");
                    background-color: <?php echo $st_widgets_title_bgcolor; ?>;
                <?php else: ?>
                    background-color: transparent;
                    <?php if( $st_widgets_title_bgimg ): //背景画像がある場合 ?>
                        background: url("<?php echo $st_widgets_title_bgimg; ?>");
                    <?php else: ?>
                        background: none;
                    <?php endif; ?>
                <?php endif; ?>
	}

	<?php if( $st_widgets_title_bgimg ){ //背景画像がある場合 ?>
		#side .menu_underh2,
        #side .st-widgets-title:not(.st-css-no) {
			background-position: <?php echo $st_widgets_title_bgimg_side; ?> <?php echo $st_widgets_title_bgimg_top; ?>;
			<?php if ( $st_widgets_title_bgimg_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
		}
	<?php } ?>

	#side .menu_underh2::after,
    #side .st-widgets-title:not(.st-css-no)::after {
                position: absolute;
                top: .5em;
                left: .5em;
                content: '';
                width: 5px;
                height: -webkit-calc(100% - 1em);
                height: calc(100% - 1em);
				<?php if($st_widgets_titleborder_undercolor){ //ボーダーカラー ?>
                	background-color: <?php echo $st_widgets_titleborder_undercolor; ?>;
				<?php }else{ ?>
                	background-color: <?php echo $st_widgets_titleborder_color; ?>;
				<?php } ?>
	}

<?php elseif ( (trim( $st_widgets_title_designsetting) !== '') && ($st_widgets_title_designsetting === 'underlinedesign') ): //2色アンダーラインデザイン ?>

	#side .menu_underh2,
    #side .st-widgets-title:not(.st-css-no) {
		position: relative;
		border-top:none;
		border-bottom: solid 3px <?php echo $st_widgets_titleborder_undercolor; ?>;
		<?php if( $st_widgets_title_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_widgets_title_bgimg_leftpadding; ?>px;
		<?php } ?>

		<?php if($st_widgets_title_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_widgets_title_bgimg_tupadding; ?>px;
			padding-bottom:<?php echo $st_widgets_title_bgimg_tupadding; ?>px;
		<?php } ?>
                color: <?php echo $st_widgets_title_color; ?>;
                background-color:transparent;
	}

	#side .menu_underh2::after,
    #side .st-widgets-title:not(.st-css-no)::after {
		position: absolute;
		bottom: -3px;
		left: 0;
		z-index: 3;
		content: '';
		width: 30%;
		height: 3px;
		<?php if($st_widgets_titleborder_color){ //ボーダーカラー ?>
                	background-color: <?php echo $st_widgets_titleborder_color; ?>;
		<?php } ?>
	}

	<?php if( $st_widgets_title_bgimg ){ //背景画像がある場合 ?>
		#side .menu_underh2,
        #side .st-widgets-title:not(.st-css-no) {
			background-image: url("<?php echo $st_widgets_title_bgimg; ?>");
			background-position: <?php echo $st_widgets_title_bgimg_side; ?> <?php echo $st_widgets_title_bgimg_top; ?>;
			<?php if ( $st_widgets_title_bgimg_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
		}
	<?php } ?>

<?php elseif ( (trim( $st_widgets_title_designsetting) !== '') && ($st_widgets_title_designsetting === 'gradient_underlinedesign') ): //グラデーションアンダーライン ?>

	#side .menu_underh2,
     #side .st-widgets-title:not(.st-css-no)  {
		position: relative;
		padding-left:0;
		padding-bottom: 10px;
		border-top:none;
		<?php if( $st_widgets_title_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_widgets_title_bgimg_leftpadding; ?>px!important;
		<?php } ?>

		<?php if($st_widgets_title_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_widgets_title_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_widgets_title_bgimg_tupadding; ?>px!important;
		<?php } ?>
                color: <?php echo $st_widgets_title_color; ?>;
                background-color:transparent;
	}

	#side .menu_underh2::after,
    #side .st-widgets-title:not(.st-css-no) ::after {
		position: absolute;
		bottom: -3px;
		left: 0;
		z-index: 2;
		content: '';
		width: 100%;
		height: 3px;
		<?php if ( ( trim( $st_widgets_titleborder_color ) !== '' ) && ( trim( $st_widgets_titleborder_undercolor ) !== '' ) ): ?>
			/*Other Browser*/
			background: <?php echo $st_widgets_titleborder_color; ?>;
			/* Android4.1 - 4.3 */
			background: -webkit-linear-gradient(left,  <?php echo $st_widgets_titleborder_undercolor; ?> 0%,<?php echo $st_widgets_titleborder_color; ?> 100%);

			/* IE10+, FF16+, Chrome26+ */
			background: linear-gradient(to left,  <?php echo $st_widgets_titleborder_undercolor; ?> 0%,<?php echo $st_widgets_titleborder_color; ?> 100%);
		<?php elseif ( ( trim( $st_widgets_titleborder_color ) !== '' ) && ( trim( $st_widgets_titleborder_undercolor ) === '' ) ): //下部には色がある場合 ?>
			background-color: <?php echo $st_widgets_titleborder_color; ?>;
		<?php endif; ?>
	}

	<?php if( $st_widgets_title_bgimg ){ //背景画像がある場合 ?>

		#side .menu_underh2,
        #side .st-widgets-title:not(.st-css-no)  {
			background-image: url("<?php echo $st_widgets_title_bgimg; ?>");
			background-position: <?php echo $st_widgets_title_bgimg_side; ?> <?php echo $st_widgets_title_bgimg_top; ?>;
			<?php if ( $st_widgets_title_bgimg_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
		}
	<?php } ?>

<?php elseif ( (trim( $st_widgets_title_designsetting) !== '') && ($st_widgets_title_designsetting === 'dotdesign') ): //囲みドットデザイン ?>

	#side .menu_underh2,
    #side .st-widgets-title:not(.st-css-no) {
		position: relative;
		padding: 5px;
		border: 1px solid <?php echo $st_widgets_titleborder_color; ?>;
                color: <?php echo $st_widgets_title_color; ?>;
                <?php if ( ( trim( $st_widgets_title_bgcolor ) !== '' ) && ( trim( $st_widgets_title_bgcolor_t ) !== '' ) ): ?>
                    /*Other Browser*/
                    background: <?php echo $st_widgets_title_bgcolor; ?>;
                    /* Android4.1 - 4.3 */
                    background: url("<?php echo $st_widgets_title_bgimg; ?>"), -webkit-linear-gradient(top,  <?php echo $st_widgets_title_bgcolor_t; ?> 0%,<?php echo $st_widgets_title_bgcolor; ?> 100%);

                    /* IE10+, FF16+, Chrome36+ */
                    background: url("<?php echo $st_widgets_title_bgimg; ?>"), linear-gradient(to bottom,  <?php echo $st_widgets_title_bgcolor_t; ?> 0%,<?php echo $st_widgets_title_bgcolor; ?> 100%);
                <?php elseif ( ( trim( $st_widgets_title_bgcolor ) !== '' ) && ( trim( $st_widgets_title_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
                    background-image: url("<?php echo $st_widgets_title_bgimg; ?>");
                    background-color: <?php echo $st_widgets_title_bgcolor; ?>;
                <?php else: ?>
                    background-color: transparent;
                    <?php if( $st_widgets_title_bgimg ): //背景画像がある場合 ?>
                        background: url("<?php echo $st_widgets_title_bgimg; ?>");
                    <?php else: ?>
                        background: none;
                    <?php endif; ?>
                <?php endif; ?>
	}

	<?php if( $st_widgets_title_bgimg ){ //背景画像がある場合 ?>
		#side .menu_underh2,
        #side .st-widgets-title:not(.st-css-no) {
			background-position: <?php echo $st_widgets_title_bgimg_side; ?> <?php echo $st_widgets_title_bgimg_top; ?>;
			<?php if ( $st_widgets_title_bgimg_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
		}
	<?php } ?>

	#side .menu_underh2 span,
    #side .st-widgets-title:not(.st-css-no) span {
		display: block;
		<?php if( $st_widgets_title_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_widgets_title_bgimg_leftpadding; ?>px;
		<?php } ?>

		<?php if($st_widgets_title_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_widgets_title_bgimg_tupadding; ?>px;
			padding-bottom:<?php echo $st_widgets_title_bgimg_tupadding; ?>px;
		<?php } ?>
		<?php if($st_widgets_titleborder_undercolor){ //ドットカラー ?>
			border: 1px dashed <?php echo $st_widgets_titleborder_undercolor; ?>;
		<?php }else{ ?>
			border: 1px dashed <?php echo $st_widgets_titleborder_color; ?>;
		<?php } ?>
	}

<?php elseif ( (trim( $st_widgets_title_designsetting) !== '') && ($st_widgets_title_designsetting === 'stripe_design') ): //ストライプ ?>
	#side .menu_underh2,
    #side .st-widgets-title:not(.st-css-no) {
		<?php if ( ( trim( $st_widgets_title_bgcolor ) !== '' ) && ( trim( $st_widgets_title_bgcolor_t ) !== '' ) ): ?>
			background: -webkit-repeating-linear-gradient(45deg, <?php echo $st_widgets_title_bgcolor; ?>, <?php echo $st_widgets_title_bgcolor; ?> 5px, <?php echo $st_widgets_title_bgcolor_t; ?> 5px, <?php echo $st_widgets_title_bgcolor_t; ?> 10px);
			background: repeating-linear-gradient(45deg, <?php echo $st_widgets_title_bgcolor; ?>, <?php echo $st_widgets_title_bgcolor; ?> 5px, <?php echo $st_widgets_title_bgcolor_t; ?> 5px, <?php echo $st_widgets_title_bgcolor_t; ?> 10px);
		<?php elseif ( ( trim( $st_widgets_title_bgcolor ) !== '' ) && ( trim( $st_widgets_title_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
			background-color: <?php echo $st_widgets_title_bgcolor; ?>;
		<?php else: ?>

		<?php endif; ?>

		color: <?php echo $st_widgets_title_color; ?>;
		<?php if($st_widgets_titleborder_color){ //ボーダーカラー ?>
                	border: 1px solid <?php echo $st_widgets_titleborder_color; ?>;
		<?php } ?>
		<?php if( $st_widgets_title_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_widgets_title_bgimg_leftpadding; ?>px!important;
		<?php } ?>

		<?php if($st_widgets_title_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_widgets_title_bgimg_tupadding; ?>px!important;
			padding-bottom:<?php echo $st_widgets_title_bgimg_tupadding; ?>px!important;
		<?php } ?>
	}

<?php elseif ( (trim( $st_widgets_title_designsetting) !== '') && ($st_widgets_title_designsetting === 'leftlinedesign') ): //左ライン ?>

	#side .menu_underh2,
    #side .st-widgets-title:not(.st-css-no) {
		border-left: 5px solid <?php echo $st_widgets_titleborder_color; ?>;
		<?php if( $st_widgets_title_bgimg_leftpadding ){ //左の余白 ?>
			padding-left:<?php echo $st_widgets_title_bgimg_leftpadding; ?>px;
		<?php } ?>
		<?php if($st_widgets_title_bgimg_tupadding){ //上下の余白 ?>
			padding-top:<?php echo $st_widgets_title_bgimg_tupadding; ?>px;
			padding-bottom:<?php echo $st_widgets_title_bgimg_tupadding; ?>px;
		<?php } ?>
		color: <?php echo $st_widgets_title_color; ?>;
			<?php if ( ( trim( $st_widgets_title_bgcolor ) !== '' ) && ( trim( $st_widgets_title_bgcolor_t ) !== '' ) ): ?>
				/*Other Browser*/
				background: <?php echo $st_widgets_title_bgcolor; ?>;
				/* Android4.1 - 4.3 */
				background: url("<?php echo $st_widgets_title_bgimg; ?>"), -webkit-linear-gradient(top,  <?php echo $st_widgets_title_bgcolor_t; ?> 0%,<?php echo $st_widgets_title_bgcolor; ?> 100%);

				/* IE10+, FF16+, Chrome36+ */
				background: url("<?php echo $st_widgets_title_bgimg; ?>"), linear-gradient(to bottom,  <?php echo $st_widgets_title_bgcolor_t; ?> 0%,<?php echo $st_widgets_title_bgcolor; ?> 100%);
			<?php elseif ( ( trim( $st_widgets_title_bgcolor ) !== '' ) && ( trim( $st_widgets_title_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
				background-image: url("<?php echo $st_widgets_title_bgimg; ?>");
				background-color: <?php echo $st_widgets_title_bgcolor; ?>;
			<?php else: ?>
				background-color: transparent;
				<?php if( $st_widgets_title_bgimg ): //背景画像がある場合 ?>
					background: url("<?php echo $st_widgets_title_bgimg; ?>");
				<?php else: ?>
					background: none;
				<?php endif; ?>
			<?php endif; ?>
	}
            <?php if( $st_widgets_title_bgimg ){ //背景画像がある場合 ?>
                #side .menu_underh2,
                #side .st-widgets-title:not(.st-css-no) {
                    background-position: <?php echo $st_widgets_title_bgimg_side; ?> <?php echo $st_widgets_title_bgimg_top; ?>;
                    <?php if ( $st_widgets_title_bgimg_repeat ): ?>
                        background-repeat: no-repeat;
                    <?php endif; ?>
                }
            <?php } ?>

<?php else: ?>

	<?php if ( (trim( $st_widgets_title_designsetting) !== '') && ($st_widgets_title_designsetting === 'hukidasidesign') ): //吹き出しデザイン ?>
		#side .menu_underh2,
        #side .st-widgets-title:not(.st-css-no) {
			background: <?php echo $st_widgets_title_bgcolor; ?>;
			color: <?php echo $st_widgets_title_color; ?>;
			position: relative;
			border: none;
			margin-bottom:20px;
			text-align: center!important;
			padding-left:0px;

			<?php if($st_widgets_title_bgimg_tupadding){ //上下の余白 ?>
				padding-top:<?php echo $st_widgets_title_bgimg_tupadding; ?>px;
				padding-bottom:<?php echo $st_widgets_title_bgimg_tupadding; ?>px;
			<?php } ?>
		}

		#side .menu_underh2:before,
        #side .st-widgets-title:not(.st-css-no):before {
			content: "";
			position: absolute;
			top: 100%;
			left: 50%;
 			margin-left: -10px;
			border: 10px solid transparent;
			border-top: 10px solid <?php echo $st_widgets_title_bgcolor; ?>;
		}

		<?php if( $st_widgets_title_bgimg ){ //背景画像がある場合 ?>
            #side .menu_underh2,
            #side .st-widgets-title:not(.st-css-no) {
                background-image: url("<?php echo $st_widgets_title_bgimg; ?>");
                background-position: <?php echo $st_widgets_title_bgimg_side; ?> <?php echo $st_widgets_title_bgimg_top; ?>;
                <?php if ( $st_widgets_title_bgimg_repeat ): ?>
                    background-repeat: no-repeat;
                <?php endif; ?>
            }
       	<?php } ?>


	<?php else: //吹き出しじゃないデザイン ?>

            #side .menu_underh2,
            #side .st-widgets-title:not(.st-css-no) {
				font-weight: bold;
				margin-bottom: 10px;
    			color: <?php echo $st_widgets_title_color; ?>;
                <?php if ( ( trim( $st_widgets_title_bgcolor ) !== '' ) && ( trim( $st_widgets_title_bgcolor_t ) !== '' ) ): ?>
                    /*Other Browser*/
                    background: <?php echo $st_widgets_title_bgcolor; ?>;
                    /* Android4.1 - 4.3 */
                    background: url("<?php echo $st_widgets_title_bgimg; ?>"), -webkit-linear-gradient(top,  <?php echo $st_widgets_title_bgcolor_t; ?> 0%,<?php echo $st_widgets_title_bgcolor; ?> 100%);

                    /* IE10+, FF16+, Chrome36+ */
                    background: url("<?php echo $st_widgets_title_bgimg; ?>"), linear-gradient(to bottom,  <?php echo $st_widgets_title_bgcolor_t; ?> 0%,<?php echo $st_widgets_title_bgcolor; ?> 100%);
                <?php elseif ( ( trim( $st_widgets_title_bgcolor ) !== '' ) && ( trim( $st_widgets_title_bgcolor_t ) === '' ) ): //下部には色がある場合 ?>
                    background-image: url("<?php echo $st_widgets_title_bgimg; ?>");
                    background-color: <?php echo $st_widgets_title_bgcolor; ?>;
                <?php else: ?>
                    background-color: transparent;
                    <?php if( $st_widgets_title_bgimg ): //背景画像がある場合 ?>
                        background: url("<?php echo $st_widgets_title_bgimg; ?>");
                    <?php else: ?>
                        background: none;
                    <?php endif; ?>
                <?php endif; ?>

                <?php if ( $st_widgets_titleborder_color ): //ボーダーがあるかどうか ?>
                    border: 1px solid <?php echo $st_widgets_titleborder_color; ?>;
                <?php endif; ?>


				<?php if( $st_widgets_title_bgimg_leftpadding ){ //左の余白 ?>
					padding-left:<?php echo $st_widgets_title_bgimg_leftpadding; ?>px;
				<?php } ?>

				<?php if($st_widgets_title_bgimg_tupadding){ //上下の余白 ?>
					padding-top:<?php echo $st_widgets_title_bgimg_tupadding; ?>px;
					padding-bottom:<?php echo $st_widgets_title_bgimg_tupadding; ?>px;
				<?php } ?>
            }

            <?php if( $st_widgets_title_bgimg ){ //背景画像がある場合 ?>
                #side .menu_underh2,
                #side .st-widgets-title:not(.st-css-no) {
                    background-position: <?php echo $st_widgets_title_bgimg_side; ?> <?php echo $st_widgets_title_bgimg_top; ?>;
                    <?php if ( $st_widgets_title_bgimg_repeat ): ?>
                        background-repeat: no-repeat;
                    <?php endif; ?>
                }
            <?php } ?>

	<?php endif; ?>

<?php endif; ?>

/* h5 */

<?php if($st_h5_no_css): //カスタマイザーのCSSを無効化
else: ?>

	<?php if($st_h5_bg_radius){ //h5 ?>
		/* 角丸 */
		.h5modoki,
		.post h5:not(.st-css-no):not(.st-matome):not(.rankh5):not(#reply-title):not(.st-cardbox-t):not(.kanren-t):not(.popular-t):not(.post-card-title) {
			border-radius:5px;
		}
	<?php } ?>

	<?php if( $st_h5hukidasi_design ): //ふきだしに変更 ?>
		.h5modoki,
		.post h5:not(.st-css-no):not(.st-matome):not(.rankh5):not(#reply-title):not(.st-cardbox-t):not(.kanren-t):not(.popular-t):not(.post-card-title){
			background: <?php echo $st_h5bgcolor; ?>;
			<?php if ( $st_h5_textcolor ): ?>
				color: <?php echo $st_h5_textcolor; ?>;
			<?php endif; ?>
			position: relative;
			border: none;
			margin-bottom:30px;
			padding:10px 10px 10px 15px;
			<?php if( $st_h5_bgimg_leftpadding ){ //左の余白 ?>
				padding-left:<?php echo $st_h5_bgimg_leftpadding; ?>px!important;
			<?php } ?>

			<?php if($st_h5_bgimg_tupadding){ //上下の余白 ?>
				padding-top:<?php echo $st_h5_bgimg_tupadding; ?>px!important;
				padding-bottom:<?php echo $st_h5_bgimg_tupadding; ?>px!important;
			<?php } ?>

			<?php if( $st_h5_bgimg ){ //背景画像がある場合 ?>
				background-image: url("<?php echo $st_h5_bgimg; ?>");
				background-position: <?php echo $st_h5_bgimg_side; ?> <?php echo $st_h5_bgimg_top; ?>;
				<?php if ( $st_h5_bgimg_repeat ): ?>
					background-repeat: no-repeat;
				<?php endif; ?>
			<?php } ?>
		}

		.h5modoki:after,
		.post h5:not(.st-css-no):not(.st-matome):not(.rankh5):not(#reply-title):not(.st-cardbox-t):not(.kanren-t):not(.popular-t):not(.post-card-title):after {
			border-top: 10px solid <?php echo $st_h5bgcolor; ?>;
			content: '';
			position: absolute;
			border-right: 10px solid transparent;
			border-left: 10px solid transparent;
			bottom: -10px;
			left: 30px;
			border-radius: 2px;
		}

		.h5modoki:before,
		.post h5:not(.st-css-no):not(.st-matome):not(.rankh5):not(#reply-title):not(.st-cardbox-t):not(.kanren-t):not(.popular-t):not(.post-card-title):before {
			border-top: 10px solid <?php echo $st_h5bgcolor; ?>;
			content: '';
			position: absolute;
			border-right: 10px solid transparent;
			border-left: 10px solid transparent;
			bottom: -10px;
			left: 30px;
		}
	<?php else: ?>
		.h5modoki,
		.post h5:not(.st-css-no):not(.st-matome):not(.rankh5):not(.point):not(.st-cardbox-t):not(.popular-t):not(.kanren-t):not(.popular-t):not(.post-card-title) {
			<?php if($st_h5_design){ ?>
				border-left: 5px solid <?php echo $st_h5bordercolor; ?>;
			<?php } ?>
			<?php if ( $st_h5_textcolor ): ?>
				color: <?php echo $st_h5_textcolor; ?>;
			<?php endif; ?>
			<?php if ( $st_h5bgcolor ): ?>
				background-color: <?php echo $st_h5bgcolor; ?>;
			<?php else: ?>
				background-color: transparent;
			<?php endif; ?>

			<?php if($st_h5_top_border){ //上のボーダー ?>
				border-top : solid 1px <?php echo $st_h5bordercolor; ?>;
			<?php } ?>

			<?php if($st_h5_bottom_border){ //下のボーダー ?>
				border-bottom : solid 1px <?php echo $st_h5bordercolor; ?>;
			<?php } ?>

			<?php if( $st_h5_bgimg_leftpadding ){ //左の余白 ?>
				padding-left:<?php echo $st_h5_bgimg_leftpadding; ?>px!important;
			<?php } ?>

			<?php if($st_h5_bgimg_tupadding){ //上下の余白 ?>
				padding-top:<?php echo $st_h5_bgimg_tupadding; ?>px!important;
				padding-bottom:<?php echo $st_h5_bgimg_tupadding; ?>px!important;
			<?php } ?>

			<?php if( $st_h5_bgimg ){ //背景画像がある場合 ?>
				background-image: url("<?php echo $st_h5_bgimg; ?>");
				background-position: <?php echo $st_h5_bgimg_side; ?> <?php echo $st_h5_bgimg_top; ?>;
				<?php if ( $st_h5_bgimg_repeat ): ?>
					background-repeat: no-repeat;
				<?php endif; ?>
			<?php } ?>
		}
	<?php endif; ?>

	<?php if ( $st_h5bgcolor && $st_h5_husen_shadow ): //背景色がある場合 ?>

		/*h5付箋*/
		.h5modoki,
		.post h5:not(.st-css-no):not(.st-matome):not(.rankh5):not(.point):not(.st-cardbox-t):not(.popular-t):not(.kanren-t):not(.popular-t):not(.post-card-title) {
			position: relative;
			z-index:1;
		}
		.st-h5husen-shadow
		{
			position: relative;
		}
		.st-h5husen-shadow:after
		{
			z-index: 0;
			position: absolute;
			content: "";
			bottom:19px;
			right: 8px;
			left: auto;
			width: 50%;
			height:5px;
			max-width:100%;
			background: #777;
			-webkit-box-shadow: 0 15px 10px #777;
			-moz-box-shadow: 0 15px 10px #777;
			box-shadow: 0 15px 10px #777;
			-webkit-transform: rotate(2deg);
			-moz-transform: rotate(2deg);
			-o-transform: rotate(2deg);
			-ms-transform: rotate(2deg);
			transform: rotate(2deg);
		}

	<?php endif; ?>

<?php endif; //カスタマイザーのCSSを無効化ここまで ?>

<?php if($st_h4_matome_no_css): //カスタマイザーのCSSを無効化
else: ?>

	<?php if($st_h4_matome_bg_radius){ //まとめタグ ?>
		/* 角丸 */
		.post .st-matome:not(.st-css-no):not(.rankh4):not(#reply-title):not(.point){
			border-radius:5px;
		}
	<?php } ?>

	<?php if( $st_h4_matome_hukidasi_design ): //ふきだしに変更 ?>
		.post .st-matome:not(.st-css-no):not(.rankh4):not(#reply-title):not(.point){
			background: <?php echo $st_h4_matome_bgcolor; ?>;
			<?php if ( $st_h4_matome_textcolor ): ?>
				color: <?php echo $st_h4_matome_textcolor; ?>;
			<?php endif; ?>
			position: relative;
			border: none;
			margin-bottom:30px;
			<?php if( $st_h4_matome_bgimg_leftpadding || $st_h4_matome_bgimg_leftpadding == 0 ){ //左の余白 ?>
				padding-left:<?php echo $st_h4_matome_bgimg_leftpadding; ?>px!important;
			<?php } ?>

			<?php if($st_h4_matome_bgimg_tupadding){ //上下の余白 ?>
				padding-top:<?php echo $st_h4_matome_bgimg_tupadding; ?>px!important;
				padding-bottom:<?php echo $st_h4_matome_bgimg_tupadding; ?>px!important;
			<?php } ?>

			<?php if( $st_h4_matome_bgimg ){ //背景画像がある場合 ?>
				background-image: url("<?php echo $st_h4_matome_bgimg; ?>")!important;
				background-position: <?php echo $st_h4_matome_bgimg_side; ?> <?php echo $st_h4_matome_bgimg_top; ?>!important;
				<?php if ( $st_h4_matome_bgimg_repeat ): ?>
					background-repeat: no-repeat!important;
				<?php endif; ?>
			<?php } ?>
		}

		.post .st-matome:not(.st-css-no):not(.rankh4):not(#reply-title):not(.point):after {
			border-top: 10px solid <?php echo $st_h4_matome_bgcolor; ?>;
			content: '';
			position: absolute;
			border-right: 10px solid transparent;
			border-left: 10px solid transparent;
			bottom: -10px;
			left: 30px;
			border-radius: 2px;
		}

		.post .st-matome:not(.st-css-no):not(.rankh4):not(#reply-title):not(.point):before {
			border-top: 10px solid <?php echo $st_h4_matome_bgcolor; ?>;
			content: '';
			position: absolute;
			border-right: 10px solid transparent;
			border-left: 10px solid transparent;
			bottom: -10px;
			left: 30px;
		}
	<?php else: ?>

		.post .st-matome:not(.st-css-no):not(.rankh4):not(.point) {
			<?php if($st_h4_matome_bordercolor): ?>
				border-left: 5px solid <?php echo $st_h4_matome_bordercolor; ?>;
		   <?php endif; ?>
			<?php if($st_h4_matome_textcolor): ?>
				color: <?php echo $st_h4_matome_textcolor; ?>;
			<?php endif; ?>
			<?php if ( $st_h4_matome_bgcolor ): ?>
				background-color: <?php echo $st_h4_matome_bgcolor; ?>!important;
			<?php else: ?>
				background-color: transparent;
			<?php endif; ?>

			<?php if($st_h4_matome_top_border){ //上のボーダー ?>
				border-top : solid 1px <?php echo $st_h4_matome_bordercolor; ?>;
			<?php } ?>

			<?php if($st_h4_matome_bottom_border){ //下のボーダー ?>
				border-bottom : solid 1px <?php echo $st_h4_matome_bordercolor; ?>;
			<?php } ?>

			<?php if( $st_h4_matome_bgimg_leftpadding || $st_h4_matome_bgimg_leftpadding == 0 ){ //左の余白 ?>
				padding-left:<?php echo $st_h4_matome_bgimg_leftpadding; ?>px!important;
			<?php } ?>

			<?php if($st_h4_matome_bgimg_tupadding){ //上下の余白 ?>
				padding-top:<?php echo $st_h4_matome_bgimg_tupadding; ?>px!important;
				padding-bottom:<?php echo $st_h4_matome_bgimg_tupadding; ?>px!important;
			<?php } ?>

			<?php if( $st_h4_matome_bgimg ){ //背景画像がある場合 ?>
				background-image: url("<?php echo $st_h4_matome_bgimg; ?>")!important;
				background-position: <?php echo $st_h4_matome_bgimg_side; ?> <?php echo $st_h4_matome_bgimg_top; ?>!important;
				<?php if ( $st_h4_matome_bgimg_repeat ): ?>
					background-repeat: no-repeat!important;
				<?php endif; ?>
			<?php } ?>
		}
	<?php endif; ?>

<?php endif; //カスタマイザーのCSSを無効化ここまで ?>

.tagcloud a {
	<?php if ($st_tagcloud_color): // タグクラウド ?>
		color: <?php echo $st_tagcloud_color; ?>;
	<?php endif; ?>

	<?php if ($st_tagcloud_bordercolor): // ボーダー ?>
		border-color: <?php echo $st_tagcloud_bordercolor; ?>;
	<?php else: ?>
		border: none;
	<?php endif; ?>

	<?php if ($st_tagcloud_bgcolor): // 背景色 ?>
		background-color: <?php echo $st_tagcloud_bgcolor; ?>;
	<?php endif; ?>
}

<?php if($menu_separator_bgcolor): // NEW ENTRY 関連記事 ?>
	.post h4:not(.st-css-no):not(.rankh4).point,
	.cat-itiran p.point,
	.n-entry-t {
		border-bottom-color: <?php echo $menu_separator_bgcolor; ?>;
	}
<?php endif; ?>

<?php if (($menu_separator_bgcolor) || ($menu_separator_color)): ?>
	.post h4:not(.st-css-no):not(.rankh4) .point-in,
	.cat-itiran p.point .point-in,
	.n-entry {
	<?php if($menu_separator_bgcolor): ?>
		background-color: <?php echo $menu_separator_bgcolor; ?>;
	<?php endif; ?>
	<?php if($menu_separator_color): ?>
		color: <?php echo $menu_separator_color; ?>;
	<?php endif; ?>
	}
<?php endif; ?>

<?php if (($st_catbg_color) || ($st_cattext_color)): // カテゴリ ?>
	.catname {
		<?php if($st_catbg_color): ?>
			background: <?php echo $st_catbg_color; ?>;
		<?php endif; ?>
		<?php if($st_cattext_color): ?>
			color:<?php echo $st_cattext_color; ?>;
		<?php endif; ?>
	}
<?php endif; ?>

<?php if ($st_cattext_radius): // カテゴリ角を丸くする ?>
	.st-catgroup.itiran-category .catname,
	.catname {
		padding: 8px 10px;
		border-radius: 15px;
	}
<?php endif; ?>

<?php echo _st_generate_category_css(); ?>

<?php if($st_cattext_color): ?>
	.post .st-catgroup a {
		color: <?php echo $st_cattext_color; ?>;
	}
<?php endif; ?>

<?php if($st_thumbnail_bordercolor): // サムネイル画像のボーダー ?>
	.kanren dt img {
		border:solid 3px <?php echo $st_thumbnail_bordercolor; ?>;
		box-sizing:border-box;
	}
<?php endif; ?>

/*グループ4
------------------------------------------------------------*/

<?php if($menu_rsscolor): // RSSボタン ?>
.rssbox a {
	background-color: <?php echo $menu_rsscolor; ?>;
}
<?php endif; ?>

<?php if ( $st_sns_btn ): // SNSボタン ?>
	.sns li a {
		background: <?php echo $st_sns_btn; ?> !important;
		box-shadow: none!important;
	}

	.sns a:hover {
		opacity: 0.6;
		box-shadow: none!important;
	}
<?php endif; ?>

<?php if ( $st_sns_btntext ): ?>
	.snstext, .snscount, .sns li a {
		color: <?php echo $st_sns_btntext; ?>;
	}

	.sns .fa, .sns .fa-hatena {
		border-right-color: <?php echo $st_sns_btntext; ?> !important;
		color: <?php echo $st_sns_btntext; ?>;
	}
<?php endif; ?>

<?php if ( $st_blockquote_color ): ?>
	.inyoumodoki, .post blockquote {
		background-color: <?php echo $st_blockquote_color; ?>;
		border-left-color: <?php echo $st_blockquote_color; ?>;
	}
<?php endif; ?>

/*ステップ
------------------------------------------------------------*/
.st-step {
	<?php if ( $st_step_color ): ?>
 		color: <?php echo $st_step_color; ?>;
	<?php endif; ?>
	<?php if ( $st_step_bgcolor ): ?>
		background: <?php echo $st_step_bgcolor; ?>;
	<?php endif; ?>
	<?php if ( $st_step_radius ): //角を丸くする ?>
		border-radius:5px;
	<?php endif; ?>
}
<?php if ( $st_step_bgcolor ): ?>
	.st-step:before{
		border-top-color: <?php echo $st_step_bgcolor; ?>;
	}
<?php endif; ?>

.st-step-title {
	<?php if ( $st_step_text_color ): ?>
  		color:<?php echo $st_step_text_color; ?>;
	<?php endif; ?>
	<?php if ( $st_step_text_bgcolor ): ?>
  		background:<?php echo $st_step_text_bgcolor; ?>;
		<?php if ( $st_step_radius ): //角を丸くする ?>
			border-radius:5px;
		<?php endif; ?>
	<?php endif; ?>
	<?php if ( $st_step_text_border_color ): ?>
  		border-bottom:solid 2px <?php echo $st_step_text_border_color; ?>;
	<?php endif; ?>
}

/* ポイント
------------------------------------------------------------*/
<?php if ( ( $st_step_color ) || ( $st_step_bgcolor ) ): ?>
	.st-point:before {
		<?php if ( $st_step_color ): ?>
			color: <?php echo $st_step_color; ?>;
		<?php endif; ?>
		<?php if ( $st_step_bgcolor ): ?>
			background: <?php echo $st_step_bgcolor; ?>;
		<?php endif; ?>
	}
<?php endif; ?>

/*ブログカード
------------------------------------------------------------*/
/* 枠線 */
<?php if ( $st_card_border_color ): ?>
	.st-cardbox {
		border-color:<?php echo $st_card_border_color; ?>;
	}
<?php endif; ?>
<?php if ( $st_card_border_size ): ?>
	.st-cardbox {
		border-width:3px;
	}
<?php endif; ?>

/* ラベル */
.st-cardbox-label-text {
	<?php if ( $st_card_label_bgcolor ): ?>
		background: <?php echo $st_card_label_bgcolor; ?>;
	<?php endif; ?>
	<?php if ( $st_card_label_textcolor ): ?>
		color: <?php echo $st_card_label_textcolor; ?>;
	<?php endif; ?>
}

/*フリーボックスウィジェット
------------------------------------------------------------*/
<?php if (( $freebox_tittle_color ) || ( $freebox_color )): // ボックス ?>
.freebox {
	<?php if ( $freebox_tittle_color ): ?>
		border-top-color: <?php echo $freebox_tittle_color; ?>;
	<?php endif; ?>
	<?php if ( $freebox_color ): ?>
		background: <?php echo $freebox_color; ?>;
	<?php endif; ?>
}
<?php endif; ?>

<?php if (( $freebox_tittle_color ) || ( $freebox_tittle_textcolor )): // 見出し ?>
.p-entry-f {
	<?php if ( $freebox_tittle_color ): ?>
		background: <?php echo $freebox_tittle_color; ?>;
	<?php endif; ?>
	<?php if ( $freebox_tittle_textcolor ): ?>
		color: <?php echo $freebox_tittle_textcolor; ?>;
	<?php endif; ?>
}
<?php endif; ?>

/* エリア内テキスト */
<?php if ( $freebox_textcolor ): ?>
	.freebox > * {
		color: <?php echo $freebox_textcolor; ?>;
	}
<?php endif; ?>

/*メモボックス
------------------------------------------------------------*/
<?php if ( $st_memobox_color ): ?>
	.st-memobox{
		border-color: <?php echo $st_memobox_color; ?>;
	}
	.st-memobox .st-memobox-title {
		color:<?php echo $st_memobox_color; ?>;
	}
<?php endif; ?>

/*スライドボックス
------------------------------------------------------------*/
<?php if ( $st_slidebox_color ): ?>
	.st-slidebox-c {
		background: <?php echo $st_slidebox_color; ?>;
	}
<?php endif; ?>

/*お知らせ
------------------------------------------------------------*/
/*お知らせバーの背景色*/
#topnews-box div.rss-bar {
	<?php if ( $menu_newsbarbordercolor ): //ボーダーに色が設定されいる場合 ?>
		border-color: <?php echo $menu_newsbarbordercolor; ?>;
	<?php else: ?>
		border: none;
	<?php endif; ?>

	<?php if ( $menu_newsbarcolor ): ?>
		/*Other Browser*/
		background: <?php echo $menu_newsbarcolor; ?>;
		/*For Old WebKit*/
		background: -webkit-linear-gradient( <?php echo $menu_newsbarcolor_t; ?> 0%, <?php echo $menu_newsbarcolor; ?> 100% );
		/*For Modern Browser*/
		background: linear-gradient( <?php echo $menu_newsbarcolor_t; ?> 0%, <?php echo $menu_newsbarcolor; ?> 100% );
	<?php endif; ?>

	<?php if ( $menu_newsbartextcolor ): ?>
		color: <?php echo $menu_newsbartextcolor; ?>;
	<?php endif; ?>
}

/*お知らせ日付の文字色*/
#topnews-box dt {
	color: <?php echo $menu_news_datecolor; ?>;
}

#topnews-box div dl dd a {
	color: <?php echo $menu_news_text_color; ?>;
}

#topnews-box dd {
	border-bottom-color: <?php echo $menu_news_datecolor; ?>;
}

#topnews-box {
	<?php if($st_menu_newsbgcolor){ ?>
		background-color: <?php echo $st_menu_newsbgcolor ; ?>;
	<?php }else{ ?>
		background-color:transparent!important;
	<?php } ?>
}

<?php if ( $st_side_textcolor ): // サイドのテキスト色 ?>
	#side aside .widget_archive ul li a, /* アーカイブ */
	#side li.cat-item a,
	#side aside .widget_recent_entries ul li a, /* 最近の投稿 */
	#side aside .widget_recent_entries ul li,
	#side aside .widget_recent_comments li a, /* 最近のコメント */
	#side aside .widget_recent_comments li,
	#side aside .widget_categories ul li a, /* カテゴリ（デフォルト） */
	#side aside .widget_categories ul li,
	#side aside .rankh3:not(.st-css-no),
	#side aside .st_side_rankwidgets a, /* ランキングウィジェットタイトル */
	#side aside .rankwidgets-cont p, /* 説明 */
	#side aside .kanren dd a, /* 記事一覧タイトル */
	#side aside .kanren .st-excerpt p, /*  記事一覧説明 */
	#side aside .kanren .blog_info p, /*  記事一覧日付 */
	footer .footer-l *,
	footer .footer-l a,
	#side aside .menu-item a,
	#side aside .copyr,
	#side aside .copyr a,
	#side aside .copy,
	#side aside .copy a {
		color: <?php echo $st_side_textcolor; ?>;
	}
	#side aside .widget_recent_entries ul li,
	#side aside .widget_archive ul li {
		border-bottom: 1px dotted <?php echo $st_side_textcolor; ?>;
	}
<?php endif; ?>

/*追加カラー
------------------------------------------------------------*/

<?php if ( $st_footer_bg_text_color ): // フッター ?>
#footer .footerlogo a, /* フッターロゴ */
#footer .footerlogo,
#footer .footer-description a, /* フッター説明 */
#footer .footer-description,
#footer .head-telno a, /* フッターの電話番号 */
#footer .head-telno, /* フッターの電話番号 */
#footer .widget_archive ul li, /* アーカイブ */
#footer .widget_archive ul li a,
#footer .widget_recent_entries ul li a, /* 最近の投稿 */
#footer .widget_recent_entries ul li,
#footer .widget_recent_comments li a, /* 最近のコメント */
#footer .widget_recent_comments li,
#footer .widget_categories ul li a, /* カテゴリ（デフォルト） */
#footer .widget_categories ul li,
#footer .rankh3:not(.st-css-no),
#footer .st_side_rankwidgets a, /* ランキングウィジェットタイトル */
#footer .rankwidgets-cont p, /* 説明 */
#footer .kanren dd a, /* 記事一覧タイトル */
#footer .kanren .st-excerpt p, /*  記事一覧説明 */
#footer .kanren .blog_info p, /*  記事一覧日付 */
footer .footer-l *,
footer .footer-l a,
#footer .menu-item a,
#footer .copyr,
#footer .copyr a,
#footer .copy,
#footer .copy a {
	color: <?php echo $st_footer_bg_text_color; ?> !important;
}
#footer .widget_recent_entries ul li,
#footer .widget_archive ul li {
	border-bottom: 1px dotted <?php echo $st_footer_bg_text_color; ?>;
}
<?php endif; ?>

#footer #newsin dt, /* お知らせ日時 */
#footer #newsin dd a, /* お知らせ日テキスト*/
#footer #newsin dd, /* お知らせ日ボーダー */
#footer .cat-item a,
#footer .tagcloud a {
	<?php if ( $st_footer_bg_text_color ): ?>
		color: <?php echo $st_footer_bg_text_color; ?>;
		border-color: <?php echo $st_footer_bg_text_color; ?>;
	<?php else: ?>
		color: #1a1a1a;
		border-color: #1a1a1a;
	<?php endif; ?>
}

#footer .st-widgets-title {
	<?php if ( $st_footer_bg_text_color ): ?>
		color: <?php echo $st_footer_bg_text_color; ?>;
	<?php endif; ?>
	font-weight: bold;
}

<?php if ( $st_footer_bg_text_color ): // フッター ?>
	footer .footermenust li {
		border-right-color: <?php echo $st_footer_bg_text_color; ?> !important;
	}
<?php endif; ?>

/*フッター背景色*/
<?php if ( $st_footer_gradient ):
		$footer_gradient_w = 'left';
		$footer_gradient = 'left';
	else :
		$footer_gradient_w = 'top';
		$footer_gradient = 'bottom';
	endif;
?>
<?php if ( $st_footer100 && !$st_wrapper_bgcolor ): //100%の場合 ?>

	#footer {
        max-width:100%;
		<?php if ( ( trim( $st_footer_bg_color ) !== '' ) && ( trim( $st_footer_bg_color_t ) !== '' ) ): ?>
			/*Other Browser*/
			background: <?php echo $st_footer_bg_color; ?>;
			/* Android4.1 - 4.3 */
			background: url("<?php echo $st_footer_image; ?>"), -webkit-linear-gradient(<?php echo $footer_gradient_w; ?>,  <?php echo $st_footer_bg_color_t; ?> 0%,<?php echo $st_footer_bg_color; ?> 100%);

			/* IE10+, FF16+, Chrome26+ */
			background: url("<?php echo $st_footer_image; ?>"), linear-gradient(to <?php echo $footer_gradient; ?>,  <?php echo $st_footer_bg_color_t; ?> 0%,<?php echo $st_footer_bg_color; ?> 100%);

			<?php elseif ( ( trim( $st_footer_bg_color ) !== '' ) && ( trim( $st_footer_bg_color_t ) === '' ) ): //下部には色がある場合 ?>
				background-image: url("<?php echo $st_footer_image; ?>");
				background-color: <?php echo $st_footer_bg_color; ?>;
			<?php else: ?>
			background-color: transparent;
			<?php if( $st_footer_image ): //背景画像がある場合 ?>
				background: url("<?php echo $st_footer_image; ?>");
			<?php else: ?>
				background: none;
			<?php endif; ?>
			<?php endif; ?>
	}

	<?php if( $st_footer_image ){ //背景画像がある場合 ?>
		#footer {
			background-position: <?php echo $st_footer_image_side; ?> <?php echo $st_footer_image_top; ?>;
			<?php if ( $st_footer_image_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
			<?php if ( $st_footerbg_image_flex ): ?>
				background-size: cover;
			<?php endif; ?>
			}
	<?php } ?>

<?php else: ?>

	#footer {
		<?php if ( ( trim( $st_footer_bg_color ) !== '' ) && ( trim( $st_footer_bg_color_t ) !== '' ) ): ?>
			/*Other Browser*/
			background: <?php echo $st_footer_bg_color; ?>;
			/* Android4.1 - 4.3 */
			background: url("<?php echo $st_footer_image; ?>"), -webkit-linear-gradient(<?php echo $footer_gradient_w; ?>,  <?php echo $st_footer_bg_color_t; ?> 0%,<?php echo $st_footer_bg_color; ?> 100%);

			/* IE10+, FF16+, Chrome26+ */
			background: url("<?php echo $st_footer_image; ?>"), linear-gradient(to <?php echo $footer_gradient; ?>,  <?php echo $st_footer_bg_color_t; ?> 0%,<?php echo $st_footer_bg_color; ?> 100%);

			<?php elseif ( ( trim( $st_footer_bg_color ) !== '' ) && ( trim( $st_footer_bg_color_t ) === '' ) ): //下部には色がある場合 ?>
				background-image: url("<?php echo $st_footer_image; ?>");
				background-color: <?php echo $st_footer_bg_color; ?>;
			<?php else: ?>
			background-color: transparent;
			<?php if( $st_footer_image ): //背景画像がある場合 ?>
				background: url("<?php echo $st_footer_image; ?>");
			<?php else: ?>
				background: none;
			<?php endif; ?>
			<?php endif; ?>

           	<?php if ( !$st_wrapper_bgcolor ): ?>
				max-width: <?php if(trim($GLOBALS['stdata128']) !== ''){ //全体のwidth
							$st_pc_width = ( $GLOBALS['stdata128']) - 30;
						}else{
							$st_pc_width = 1030;
						}
						echo $st_pc_width;
						?>px; /*padding 15pxあり*/
		<?php endif; ?>
	}

	<?php if( $st_footer_image ){ //背景画像がある場合 ?>
		#footer {
			background-position: <?php echo $st_footer_image_side; ?> <?php echo $st_footer_image_top; ?>;
			<?php if ( $st_footer_image_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
			<?php if ( $st_footerbg_image_flex ): ?>
				background-size: cover;
			<?php endif; ?>
			}
	<?php } ?>

<?php endif; ?>

/*任意の人気記事
------------------------------------------------------------*/
<?php if ( trim( $menu_osusumemidasinobgcolor ) !== '' ): //記事のナンバー色 ?>
	.st-pvm-ranking-item-image::before, /* PVモニター */
	.poprank-no {
		background: <?php echo $menu_osusumemidasinobgcolor; ?>;
	}
<?php endif; ?>

.post .p-entry, #side .p-entry, .home-post .p-entry {
	<?php if( $menu_osusumemidasicolor ): ?>
		background: <?php echo $menu_osusumemidasicolor; ?>;
	<?php endif; ?>
	<?php if( $menu_osusumemidasitextcolor ): ?>
		color: <?php echo $menu_osusumemidasitextcolor; ?>;
	<?php endif; ?>
	border-radius: 0 0 4px 0;
}

.pop-box, .nowhits .pop-box, .nowhits-eye .pop-box,
.st-eyecatch + .nowhits .pop-box {
	<?php if( $menu_osusumemidasicolor ): ?>
		border-top-color: <?php echo $menu_osusumemidasicolor; ?>;
	<?php endif; ?>
	<?php if( $menu_popbox_color ): ?>
		background: <?php echo $menu_popbox_color; ?>;
	<?php endif; ?>
}

<?php if( $menu_osusumemidasicolor ): ?>
	.p-entry::after {
		border-bottom: 5px solid <?php echo $menu_osusumemidasicolor; ?>;
		border-left: 5px solid <?php echo $menu_osusumemidasicolor; ?>;
	}
<?php endif; ?>

.pop-box:not(.st-wpp-views-widgets),
#side aside .kanren.pop-box:not(.st-wpp-views-widgets) {
	<?php if( $menu_popbox_color ): //背景色がある場合 ?>
		padding:20px 20px 10px;
	<?php else: ?>
		padding: 20px 0 10px;
	<?php endif; ?>
}

<?php if( trim( stripslashes( $GLOBALS["stdata38"] ) ) === ''  ){ //見出しがない場合 ?>
.pop-box:not(.st-wpp-views-widgets),
#side aside .kanren.pop-box:not(.st-wpp-views-widgets) {
		padding:30px 20px 10px;
		border: none;
}
<?php } ?>

<?php if ( $menu_popbox_textcolor ): ?>
	.kanren.pop-box .clearfix dd h5:not(.st-css-no) a,
	.kanren.pop-box .clearfix dd p,
	.kanren.pop-box .clearfix dd p a,
	.kanren.pop-box .clearfix dd p span,
	.kanren.pop-box .clearfix dd > *,
	.kanren.pop-box h5:not(.st-css-no) a,
	.kanren.pop-box div p,
	.kanren.pop-box div p a,
	.kanren.pop-box div p span {
		color: <?php echo $menu_popbox_textcolor; ?>!important;
	}
<?php endif; ?>

<?php if ( $st_nohidden ): ?>
	.poprank-no2, .poprank-no {
		display: none;
	}
<?php else: ?>
	.poprank-no2,
	.poprank-no {
	<?php if ( $menu_osusumemidasinobgcolor ): ?>
		background: <?php echo $menu_osusumemidasinobgcolor; ?>;
	<?php endif; ?>
	<?php if ( $menu_osusumemidasinocolor ): ?>
		color: <?php echo $menu_osusumemidasinocolor; ?>!important;
	<?php endif; ?>
	}
<?php endif; ?>

/*WordPressPopularPosts連携*/

#st-magazine .st-wp-views, /*CARDs JET*/
#st-magazine .st-wp-views-limit, /*CARDs JET*/
.st-wppviews-label .wpp-views, /*Ex*/
.st-wppviews-label .wpp-views-limit, /*Ex*/
.st-wpp-views-widgets .st-wppviews-label .wpp-views {
	<?php if( $menu_osusumemidasinocolor ): ?>
		color: <?php echo $menu_osusumemidasinocolor; ?>;
	<?php endif; ?>
	<?php if( $menu_osusumemidasinobgcolor ): ?>
		background:<?php echo $menu_osusumemidasinobgcolor; ?>;
	<?php endif; ?>
}

/*ウィジェット問合せボタン*/

.st-formbtn {
	<?php if( $st_formbtn_radius ): ?>
		border-radius: 3px;
	<?php endif; ?>

	<?php if ( $st_formbtn_bordercolor ): ?>
		border: solid 1px <?php echo $st_formbtn_bordercolor; ?>;
	<?php endif; ?>

	<?php if ( (trim($st_formbtn_bgcolor_t) !== '') && (trim($st_formbtn_bgcolor) !== '') ): ?>
		/*For Old WebKit*/
		background: -webkit-linear-gradient( <?php echo $st_formbtn_bgcolor_t; ?> 0%, <?php echo $st_formbtn_bgcolor; ?> 100% );
		/*For Modern Browser*/
		background: linear-gradient( <?php echo $st_formbtn_bgcolor_t; ?> 0%, <?php echo $st_formbtn_bgcolor; ?> 100% );
	<?php elseif ( (trim($st_formbtn_bgcolor_t) === '') && (trim($st_formbtn_bgcolor) !== '') ): ?>
		/*Other Browser*/
		background: <?php echo $st_formbtn_bgcolor; ?>;
	<?php else: ?>
		background-color: transparent!important;
	<?php endif; ?>
}

<?php if( $st_formbtn_textcolor ): ?>
	.st-formbtn .st-originalbtn-r {
		border-left-color: <?php echo $st_formbtn_textcolor ?>;
	}
<?php endif; ?>

<?php if( $st_formbtn_textcolor ): ?>
	a.st-formbtnlink {
		color: <?php echo $st_formbtn_textcolor ?>;
	}
<?php endif; ?>

/*ウィジェットオリジナルボタン*/

.st-originalbtn {
	<?php if( $st_formbtn2_radius ): ?>
		border-radius: 3px;
	<?php endif; ?>

	<?php if ( $st_formbtn2_bordercolor ): ?>
		border: 1px solid <?php echo $st_formbtn2_bordercolor; ?>;
	<?php endif; ?>

	<?php if ( (trim($st_formbtn2_bgcolor_t) !== '') && (trim($st_formbtn2_bgcolor) !== '') ): ?>
		/*For Old WebKit*/
		background: -webkit-linear-gradient( <?php echo $st_formbtn2_bgcolor_t; ?> 0%, <?php echo $st_formbtn2_bgcolor; ?> 100% );
		/*For Modern Browser*/
		background: linear-gradient( <?php echo $st_formbtn2_bgcolor_t; ?> 0%, <?php echo $st_formbtn2_bgcolor; ?> 100% );
	<?php elseif ( (trim($st_formbtn2_bgcolor_t) === '') && (trim($st_formbtn2_bgcolor) !== '') ): ?>
		/*Other Browser*/
		background: <?php echo $st_formbtn2_bgcolor; ?>;
	<?php else: ?>
		background-color: transparent!important;
	<?php endif; ?>
}

<?php if ( $st_formbtn2_textcolor ): ?>
	.st-originalbtn .st-originalbtn-r {
		border-left-color: <?php echo $st_formbtn2_textcolor ?>;
	}
<?php endif; ?>

<?php if ( $st_formbtn2_textcolor ): ?>
	a.st-originallink {
		color: <?php echo $st_formbtn2_textcolor ?>;
	}
<?php endif; ?>

/*ミドルメニュー
------------------------------------------------------------*/
<?php if ( $st_middle_sumart_bg_color ): //背景色がある場合 ?>
	.st-middle-menu {
		<?php if ( ( trim( $st_middle_sumart_bg_color ) !== '' ) && ( trim( $st_middle_sumart_bg_color_t ) !== '' ) ): ?>
			/*Other Browser*/
			background: <?php echo $st_middle_sumart_bg_color; ?>;
			/* Android4.1 - 4.3 */
			background: -webkit-linear-gradient(<?php echo $header_gradient_w; ?>,  <?php echo $st_middle_sumart_bg_color_t; ?> 0%,<?php echo $st_middle_sumart_bg_color; ?> 100%);

			/* IE10+, FF16+, Chrome26+ */
			background: linear-gradient(to <?php echo $header_gradient; ?>,  <?php echo $st_middle_sumart_bg_color_t; ?> 0%,<?php echo $st_middle_sumart_bg_color; ?> 100%);

		<?php elseif ( ( trim( $st_middle_sumart_bg_color ) !== '' ) && ( trim( $st_middle_sumart_bg_color_t ) === '' ) ): //下部には色がある場合 ?>
			background-color: <?php echo $st_middle_sumart_bg_color; ?>;
		<?php else: ?>

		<?php endif; ?>
		}
<?php endif; ?>

.st-middle-menu .menu li a{
	<?php if ( $st_middle_sumartmenutextcolor ): ?>
		color: <?php echo $st_middle_sumartmenutextcolor; ?>;
	<?php endif; ?>
}

<?php if ( $st_middle_sumartmenu_space ): //周りに余白 ?>
	nav.st-middle-menu {
		margin:10px;
		box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	}

	<?php if ( $st_middle_sumartmenubordercolor ): ?>
		.st-middle-menu ul{
			border-top: 1px solid <?php echo $st_middle_sumartmenubordercolor; ?>;
			border-left: 1px solid <?php echo $st_middle_sumartmenubordercolor; ?>;
		}
		.st-middle-menu .menu > li{
			border-bottom: 1px solid <?php echo $st_middle_sumartmenubordercolor; ?>;
			border-right: 1px solid <?php echo $st_middle_sumartmenubordercolor; ?>;
		}
	<?php endif; ?>

<?php else: // 余白なし ?>

	<?php if ( $st_middle_sumartmenubordercolor && trim($GLOBALS['stdata249'] ) !== '' ): //ミドルメニュー3列 ?>

		<?php if ( $st_middle_sumartmenubordercolor ): ?>
			.st-middle-menu ul{
				border-top: 1px solid <?php echo $st_middle_sumartmenubordercolor; ?>;
			}
			.st-middle-menu .menu > li {
				border-right: 1px solid <?php echo $st_middle_sumartmenubordercolor; ?>;
				border-bottom: 1px solid <?php echo $st_middle_sumartmenubordercolor; ?>;
			}
			.st-middle-menu .menu > li:nth-child(3n) { /* 3つごとに線なし */
				border-right: none;
			}
		<?php endif; ?>

	<?php else: //ミドルメニュー2列 ?>

		<?php if ( $st_middle_sumartmenubordercolor ): ?>
			.st-middle-menu ul{
				border-top: 1px solid <?php echo $st_middle_sumartmenubordercolor; ?>;
			}
			.st-middle-menu .menu > li {
				border-bottom: 1px solid <?php echo $st_middle_sumartmenubordercolor; ?>;
			}
			.st-middle-menu .menu > li:nth-child(odd){
				border-right: 1px solid <?php echo $st_middle_sumartmenubordercolor; ?>;
			}
		<?php endif; ?>

	<?php endif; ?>

<?php endif; ?>

/*サイドメニューウィジェット
------------------------------------------------------------*/
<?php
	if( isset($menu_navbar_topunder_color) && (trim($st_menu_side_widgets_topunder_color) === '') ): //ボーダー色
		$st_menu_side_widgets_topunder_color = $menu_navbar_topunder_color;
	endif;

	if( isset($menu_navbarcolor) && (trim($st_menu_side_widgetscolor) === '') ):  //サイドメニューウィジェットの背景色下
		$st_menu_side_widgetscolor = $menu_navbarcolor;
	endif;

	if( isset($menu_navbarcolor_t) && (trim($st_menu_side_widgetscolor_t) === '') ): //サイドメニューウィジェットの背景色上
		$st_menu_side_widgetscolor_t = $menu_navbarcolor_t;
	endif;

	if( isset($menu_navbartextcolor) && (trim($st_menu_side_widgetstextcolor) === '') ): //サイドメニューウィジェットテキスト色
		$st_menu_side_widgetstextcolor = $menu_navbartextcolor;
	endif;
?>
/*背景色*/
#sidebg {
	<?php if( $menu_pagelist_bgcolor ): ?>
		background: <?php echo $menu_pagelist_bgcolor; ?>;
	<?php endif; ?>
	<?php if( $st_sidebg_bgimg ){ //背景画像がある場合 ?>
		background-image: url("<?php echo $st_sidebg_bgimg; ?>");
		background-position: <?php echo $st_sidebg_bgimg_side; ?> <?php echo $st_sidebg_bgimg_top; ?>;
		<?php if ( $st_sidebg_bgimg_repeat ): ?>
			background-repeat: no-repeat;
		<?php endif; ?>
	<?php } ?>
}

/*liタグの階層*/
#side aside .st-pagelists ul li:not(.sub-menu) {
	<?php if ( $st_menu_side_widgets_topunder_color ): ?>
		border-color: <?php echo $st_menu_side_widgets_topunder_color; ?>;
	<?php else: ?>
		border: none;
	<?php endif; ?>
}

#side aside .st-pagelists ul .sub-menu li {
	border: none;
}

#side aside .st-pagelists ul li:last-child {
	<?php if ( $st_menu_side_widgets_topunder_color ): ?>
		border-bottom: 1px solid <?php echo $st_menu_side_widgets_topunder_color; ?>;
	<?php else: ?>
		border-bottom: none;
	<?php endif; ?>
}

#side aside .st-pagelists ul .sub-menu li:first-child {
	<?php if ( $st_menu_side_widgets_topunder_color ): ?>
		border-top: 1px solid <?php echo $st_menu_side_widgets_topunder_color; ?>;
	<?php else: ?>
		border-top: none;
	<?php endif; ?>
}

#side aside .st-pagelists ul li li:last-child {
	border: none;
}

#side aside .st-pagelists ul .sub-menu .sub-menu li {
	border: none;
}

<?php if ( $st_sidemenu_gradient ): //グラデーションを横向きにする
	$navbarcolor_gradient_w = 'left';
	$navbarcolor_gradient = 'left';
else :
	$navbarcolor_gradient_w = 'top';
	$navbarcolor_gradient = 'bottom';
endif;
?>

#side aside .st-pagelists ul li a {
	<?php if( $st_menu_side_widgetstextcolor ): ?>
		color: <?php echo $st_menu_side_widgetstextcolor; ?>;
	<?php endif; ?>
	<?php if ( ( trim( $st_menu_side_widgetscolor ) !== '' ) && ( trim( $st_menu_side_widgetscolor_t ) !== '' ) ): ?>
		/*Other Browser*/
		background: <?php echo $st_menu_side_widgetscolor; ?>;
		/* Android4.1 - 4.3 */
		background: url("<?php echo $st_sidemenu_bgimg; ?>"), -webkit-linear-gradient(<?php echo $navbarcolor_gradient_w; ?>,  <?php echo $st_menu_side_widgetscolor_t; ?> 0%,<?php echo $st_menu_side_widgetscolor; ?> 100%);

		/* IE10+, FF16+, Chrome26+ */
		background: url("<?php echo $st_sidemenu_bgimg; ?>"), linear-gradient(to <?php echo $navbarcolor_gradient; ?>,  <?php echo $st_menu_side_widgetscolor_t; ?> 0%,<?php echo $st_menu_side_widgetscolor; ?> 100%);

	<?php elseif ( ( trim( $st_menu_side_widgetscolor ) !== '' ) && ( trim( $st_menu_side_widgetscolor_t ) === '' ) ): //下部には色がある場合 ?>
		background-image: url("<?php echo $st_sidemenu_bgimg; ?>");
		background-color: <?php echo $st_menu_side_widgetscolor; ?>;
	<?php else: ?>
		background-color: transparent;
		<?php if( $st_sidemenu_bgimg ): //背景画像がある場合 ?>
			background: url("<?php echo $st_sidemenu_bgimg; ?>");
		<?php else: ?>
			background: none;
		<?php endif; ?>
	<?php endif; ?>
}

<?php if($st_menu_bold ): //第一階層を太字にする ?>
	#side aside .st-pagelists ul li a {
		font-weight:bold;
	}
	#side aside .st-pagelists ul li li a {
		font-weight:normal;
	}
<?php endif; ?>

<?php if($st_sidemenu_fontsize ): //第一階層の文字サイズを大きくする ?>
	#side aside .st-pagelists ul li a {
		font-size:110%;
	}
	#side aside .st-pagelists ul li li a {
		font-size:100%;
	}
<?php endif; ?>

<?php if ( $st_sidemenu_accordion ): //第二階層以下をアコーディオンメニューにする ?>
	#side aside .st-pagelists .sub-menu {
		display: none;
	}
<?php endif; ?>

#side aside .st-pagelists .sub-menu a {
	<?php if($menu_pagelist_childtext_border_color){ ?>
		border-bottom-color: <?php echo $menu_pagelist_childtext_border_color; ?>;
	<?php }else{ ?>
		border: none;
	<?php } ?>
	color: <?php echo $menu_pagelist_childtextcolor; ?>;
}

#side aside .st-pagelists .sub-menu .sub-menu li:last-child {
	border-bottom: 1px solid <?php echo $menu_pagelist_childtext_border_color; ?>;
}

#side aside .st-pagelists .sub-menu li .sub-menu a,
#side aside .st-pagelists .sub-menu li .sub-menu .sub-menu li a {
	color: <?php echo $menu_pagelist_childtextcolor; ?>;
}

<?php if($menu_pagelist_childtextcolor){ ?>
	#side aside .st-pagelists .sub-menu li .sub-menu a:hover,
	#side aside .st-pagelists .sub-menu li .sub-menu .sub-menu li a:hover,
	#side aside .st-pagelists .sub-menu a:hover {
		opacity:0.8;
		color: <?php echo $menu_pagelist_childtextcolor; ?>;
	}
<?php } ?>

<?php if( $st_sidemenu_bgimg ){ //背景画像がある場合 ?>
	#side aside .st-pagelists ul li a {
		background-position: <?php echo $st_sidemenu_bgimg_side; ?> <?php echo $st_sidemenu_bgimg_top; ?>;
		<?php if ( $st_sidemenu_bgimg_repeat ): ?>
			background-repeat: no-repeat;
		<?php endif; ?>
	}
<?php } ?>

<?php if($st_sidemenu_bgimg_leftpadding){ //左の余白 ?>
	#side aside .st-pagelists ul li a {
		padding-left:<?php echo $st_sidemenu_bgimg_leftpadding; ?>px;
	}
<?php } ?>

<?php if($st_sidemenu_bgimg_tupadding){ //上下の余白 ?>
	#side aside .st-pagelists ul li a {
		padding-top:<?php echo $st_sidemenu_bgimg_tupadding; ?>px;
		padding-bottom:<?php echo $st_sidemenu_bgimg_tupadding; ?>px;
	}
<?php } ?>

/*Webアイコン*/
<?php if ( $st_menu_icon ): ?>
	#side aside .st-pagelists ul li a:before {
		<?php if ( $st_menu_icon ): ?>
			content: "\<?php echo $st_menu_icon; ?>\00a0\00a0";
		<?php endif; ?>
		font-family: FontAwesome;
		<?php if ( $st_menu_icon_color ): ?>
			color:<?php echo $st_menu_icon_color; ?>;
		<?php else: ?>
			<?php if ( $menu_navbartextcolor ): ?>
				color:<?php echo $menu_navbartextcolor; ?>;
			<?php endif; ?>
		<?php endif; ?>

	}
	#side aside .st-pagelists li li a:before {
		content: none;
	}
<?php endif; ?>

<?php if ( $st_undermenu_icon ): ?>
	#side aside .st-pagelists li li a:before {
		content: "\<?php echo $st_undermenu_icon; ?>\00a0\00a0";
		font-family: FontAwesome;
		<?php if ( $st_undermenu_icon_color ): ?>
			color:<?php echo $st_undermenu_icon_color; ?>;
		<?php else: ?>
			color:<?php echo $menu_pagelist_childtextcolor; ?>;
		<?php endif; ?>
	}
<?php endif; ?>

<?php if (( $st_contactform7btn_bgcolor ) || ( $st_contactform7btn_textcolor )): // コンタクトフォーム7送信ボタン ?>
.wpcf7-submit {
	<?php if ( $st_contactform7btn_bgcolor ): ?>
		background: <?php echo $st_contactform7btn_bgcolor ?>;
	<?php endif; ?>
	<?php if ( $st_contactform7btn_textcolor ): ?>
		color: <?php echo $st_contactform7btn_textcolor ?>;
	<?php endif; ?>
}
<?php endif; ?>

/* ヘッダー画像上エリア */
#st-header-top-widgets-box .st-content-width {
	text-align:center;
	margin: 0 auto;
	padding:7px 10px;
	<?php if ( $st_header_top_textcolor ): ?>
		color:<?php echo $st_header_top_textcolor; ?>;
	<?php endif; ?>
}

#st-header-top-widgets-box .st-content-width .st-marquee { /* マーキー */
	padding: 0;
}

#st-header-top-widgets-box {
	<?php if ( ( trim( $st_header_top_bgcolor ) !== '' ) && ( trim( $st_header_top_bgcolor_g ) !== '' ) ): ?>
		/*Other Browser*/
		background: <?php echo $st_header_top_bgcolor; ?>;
		/* Android4.1 - 4.3 */
		background: -webkit-linear-gradient(left,  <?php echo $st_header_top_bgcolor; ?> 0%,<?php echo $st_header_top_bgcolor_g; ?> 100%);

		/* IE10+, FF16+, Chrome26+ */
		background: linear-gradient(to right,  <?php echo $st_header_top_bgcolor; ?> 0%,<?php echo $st_header_top_bgcolor_g; ?> 100%);
	<?php elseif ( ( trim( $st_header_top_bgcolor ) !== '' ) && ( trim( $st_header_top_bgcolor_g ) === '' ) ): //下部には色がある場合 ?>
		background-color: <?php echo $st_header_top_bgcolor; ?>;
	<?php else: ?>
	<?php endif; ?>
}

#st-header-top-widgets-box .st-content-width p {
	margin-bottom: 0;
}

<?php if ( $st_header_top_textcolor ): ?>
	#st-header-top-widgets-box .st-content-width a {
		color:<?php echo $st_header_top_textcolor; ?>;
		text-decoration: none;
	}
<?php endif; ?>

#st-header-top-widgets-box .st-content-width a:hover {
	opacity: 0.7;
}

/* ヘッダー画像エリア */
<?php if ( $st_header_height ): ?>
	#st-header {
		min-height: <?php echo $st_header_height; ?>px;
	}
<?php endif; ?>

<?php if ( $st_header_height_sp ): // スマホ用サイズ ?>
	@media only screen and (max-width: 599px) {
		#st-header {
			min-height: <?php echo $st_header_height_sp; ?>px;
		}
	}
<?php endif; ?>

/* ヘッダーカード */
<?php if ( $st_header_card_bgcolor ): ?>
	#st-header-cardlink-wrapper {
		background-color: <?php echo $st_header_card_bgcolor ; ?>;
		padding-bottom: 10px;
	}
@media only screen and (max-width: 959px) {
	.st-cardlink-column-d {
		margin-bottom: 0;
	}
}
<?php endif; ?>

/* メイン画像背景色 */
<?php if ( $st_header_bgcolor ): ?>
	#st-headerbox {
		background-color: <?php echo $st_header_bgcolor; ?>;
	}
<?php endif; ?>

<?php if ( $st_topgabg_image ): ?>
	<?php if ( ($st_topgabg_image_sumahoonly) && (!st_is_mobile()) ): //スマホのみに表示がありPCの場合 ?>
	<?php else: ?>
		#st-headerbox {
			background-image: url("<?php echo $st_topgabg_image; ?>");

			<?php if ( $st_topgabg_image_flex ): ?>
				background-size: cover;
			<?php endif; ?>
			background-position: <?php echo $st_topgabg_image_side; ?> <?php echo $st_topgabg_image_top; ?>;
			<?php if ( $st_topgabg_image_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
		}
	<?php endif; ?>
<?php endif; ?>

/*強制センタリング・中央寄せ
------------------------------------------------------------*/
<?php if($st_entrytitle_no_css): //カスタマイザーのCSSを無効化 ?>
<?php else: ?>
	<?php if ( $st_entrytitle_text_center ): //記事タイトル ?>
        .entry-title:not(.st-css-no),
        .post .entry-title:not(.st-css-no)
        {
            text-align:center;
			<?php if ( ( $st_entrytitle_designsetting !== 'dotdesign' ) && ( $st_entrytitle_designsetting !== 'linedesign' ) ): //左ラインと囲みドットデザイン以外  ?>
					padding-left:10px;
					padding-right:10px;
			<?php endif; ?>
        }
        <?php if ($st_entrytitle_designsetting === 'hukidasidesign'): //吹き出しデザイン ?>
            .entry-title:not(.st-css-no):after,
            .entry-title:not(.st-css-no):before,
            .post .entry-title:not(.st-css-no):after,
            .post .entry-title:not(.st-css-no):before {
                left: calc(50% - 10px);
            }
        <?php endif; ?>
    <?php endif; ?>
    <?php if ( ( trim( $GLOBALS['stdata366'] ) === '' || ! st_wrap_class_check() ) &&  $st_entrytitle_design_wide ): // LP・1カラム時を全てワイド化する（β）が無効又は1カラム及びLPではない + デザイン幅一杯 ?>
        .entry-title:not(.st-css-no),
        .post .entry-title:not(.st-css-no),
        .colum1 .entry-title:not(.st-css-no),
        .colum1 .post .entry-title:not(.st-css-no)
        {
                margin-left: -15px;
                margin-right: -15px;
				<?php if ( ($st_entrytitle_designsetting !== 'dotdesign') && ($st_entrytitle_designsetting !== 'linedesign') ): //ドットデザイン及びセンターラインデザインではない場合 ?>
					padding-left:15px;
					padding-right:15px;
				<?php endif; ?>
        }
    <?php endif; ?>
<?php endif; ?>

<?php if($st_h2_no_css): //カスタマイザーのCSSを無効化 ?>
<?php else: ?>
    <?php if ( $st_h2_text_center ): //h2 ?>
        .entry-content .h2modoki,
        .entry-content h2:not(.st-css-no)
        {
            text-align:center;
			<?php if ( ( $st_h2_designsetting !== 'dotdesign' ) && ( $st_h2_designsetting !== 'linedesign' ) ): //左ラインと囲みドットデザイン以外  ?>
					padding-left:10px;
					padding-right:10px;
			<?php endif; ?>
        }
        <?php if ($st_h2_designsetting === 'hukidasidesign'): //吹き出しデザイン ?>
            .entry-content .h2modoki:after,
            .entry-content .h2modoki:before,
            .entry-content h2:not(.st-css-no):after,
            .entry-content h2:not(.st-css-no):before {
                left: calc(50% - 10px);
            }
        <?php endif; ?>
    <?php endif; ?>
    <?php if ( ( trim(  $GLOBALS['stdata366'] ) === '' || ! st_wrap_class_check() ) &&  $st_h2_design_wide ): ?>
        .entry-content .h2modoki,
        .entry-content h2:not(.st-css-no),
        .colum1 .entry-content .h2modoki,
        .colum1 .entry-content h2:not(.st-css-no)
        {
                margin-left: -15px;
                margin-right: -15px;
				<?php if ( ($st_h2_designsetting !== 'dotdesign') && ($st_h2_designsetting !== 'linedesign') ): //ドットデザイン及びセンターラインデザインではない場合 ?>
					padding-left:15px;
					padding-right:15px;
				<?php endif; ?>
        }
    <?php endif; ?>
<?php endif; ?>

<?php if($st_h3_no_css): //カスタマイザーのCSSを無効化 ?>
<?php else: ?>
    <?php if ( $st_h3_text_center ): //h3 ?>
        .entry-content .h3modoki,
        .entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title)
        {
            text-align:center;
			<?php if ( ( $st_h3_designsetting !== 'dotdesign' ) && ( $st_h3_designsetting !== 'linedesign' ) ): //左ラインと囲みドットデザイン以外  ?>
					padding-left:10px;
					padding-right:10px;
			<?php endif; ?>
        }
        <?php if ($st_h3_designsetting === 'hukidasidesign'): //吹き出しデザイン ?>
            .entry-content .h3modoki:after,
            .entry-content .h3modoki:before,
            .entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):after,
            .entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):before {
                left: calc(50% - 10px);
            }
        <?php endif; ?>
    <?php endif; ?>
    <?php if ( ( trim(  $GLOBALS['stdata366'] ) === '' || ! st_wrap_class_check() ) &&  $st_h3_design_wide ): ?>
        .entry-content .h3modoki,
        .entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title),
        .colum1 .entry-content .h3modoki,
        .colum1 .entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title)
        {
                margin-left: -15px;
                margin-right: -15px;
				<?php if ( ($st_h3_designsetting !== 'dotdesign') && ($st_h3_designsetting !== 'linedesign') ): //ドットデザイン及びセンターラインデザインではない場合 ?>
					padding-left:15px;
					padding-right:15px;
				<?php endif; ?>
        }
    <?php endif; ?>
<?php endif; ?>

<?php if ( isset($GLOBALS['stdata375']) && $GLOBALS['stdata375'] === 'yes' ): // LPワイドの左右にシャドウ -EX ?>
	<?php if ( ( trim(  $GLOBALS['stdata366'] ) === '' ) &&  $st_h2_design_wide ): ?>
		/* H2
		 * media Queries タブレット（～959px）
		-----------------------------------------*/
		@media only screen and (max-width: 959px) {
			.colum1.st-lp-wide .entry-content .h2modoki,
			.colum1.st-lp-wide .entry-content h2:not(.st-css-no)
			{
				margin-left: -20px;
				margin-right: -20px;
				<?php if ( ($st_h2_designsetting !== 'dotdesign') && ($st_h2_designsetting !== 'linedesign') ): //ドットデザイン及びセンターラインデザインではない場合 ?>
			padding-left:20px;
			padding-right:20px;
				<?php endif; ?>
			}
		}
		/* media Queries タブレット（960px）以上
		-----------------------------------------*/
		@media only screen and (min-width: 960px) {
			.colum1.st-lp-wide .entry-content .h2modoki,
			.colum1.st-lp-wide .entry-content h2:not(.st-css-no)
			{
				margin-left: -40px;
				margin-right: -40px;
				<?php if ( ($st_h2_designsetting !== 'dotdesign') && ($st_h2_designsetting !== 'linedesign') ): //ドットデザイン及びセンターラインデザインではない場合 ?>
			padding-left:40px;
			padding-right:40px;
				<?php endif; ?>
			}
		}
	<?php endif; ?>
	<?php if ( ( trim(  $GLOBALS['stdata366'] ) === '' ) &&  $st_h3_design_wide ): ?>
		/* H3
		 * media Queries タブレット（～959px）
		-----------------------------------------*/
		@media only screen and (max-width: 959px) {
			.colum1.st-lp-wide .entry-content .h3modoki,
			.colum1.st-lp-wide .entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title)
			{
				margin-left: -20px;
				margin-right: -20px;
				<?php if ( ($st_h3_designsetting !== 'dotdesign') && ($st_h3_designsetting !== 'linedesign') ): //ドットデザイン及びセンターラインデザインではない場合 ?>
			padding-left:20px;
			padding-right:20px;
				<?php endif; ?>
			}
		}
		/*media Queries タブレット（960px）以上
		-----------------------------------------*/
		@media only screen and (min-width: 960px) {
			.colum1.st-lp-wide .entry-content .h3modoki,
			.colum1.st-lp-wide .entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title)
			{
				margin-left: -40px;
				margin-right: -40px;
				<?php if ( ($st_h3_designsetting !== 'dotdesign') && ($st_h3_designsetting !== 'linedesign') ): //ドットデザイン及びセンターラインデザインではない場合 ?>
			padding-left:40px;
			padding-right:40px;
				<?php endif; ?>
			}
		}
	<?php endif; ?>
<?php endif; ?>

/*目次
------------------------------------------------------------*/
/* 目次 */
<?php if ( $st_pagetop_bgcolor ): ?>
	.st_toc_back_icon::before,
	.st_toc_back,
	.st_toc_back:focus,
	.st_toc_back:hover,
	.st_toc_back:active {
		color: <?php echo $st_pagetop_bgcolor; ?>;
	}

	.st_toc_back.is-rounded {
		background-color: <?php echo $st_pagetop_bgcolor; ?>;
	}
	.st_toc_back.is-rounded .st_toc_back_icon::before {
		color: #fff;
	}
<?php endif; ?>

/*media Queries タブレットサイズ（959px以下）
----------------------------------------------------*/
@media only screen and (max-width: 959px) {

	/*-------------------------------------------
	旧st-kanri.phpより移動（ここから）
	*/

	<?php if  ( st_is_mobile() && st_mobilelogo_on() ){ //スマホ・タブレット表示時にモバイル用ロゴ及びタイトルの使用 ?>
		#s-navi::after {
   	 		margin-bottom: 0;
		}
		#headbox {
    			padding-bottom: 0!important;
		}
	<?php } ?>

	<?php if( trim($GLOBALS['stdata279']) !== '' ){ // 一覧抜粋表示 ?>
		.st-excerpt.smanone	{
			display:block;
			opacity:0.8;
		}
	<?php } ?>
	<?php if( trim($GLOBALS['stdata280']) !== '' ){ // ブログカード抜粋表示 ?>
		.st-card-excerpt.smanone	{
			display:block;
			font-size:90%;
		}
	<?php } ?>
	<?php if( (trim($GLOBALS['stdata279']) !== '') || (trim($GLOBALS['stdata280']) !== '') ){ // 記事スライドショー ?>
		.st-cardbox .clearfix dd h5, .post .st-cardbox .clearfix dd h5, #side .st-cardbox .clearfix dd h5 {
			padding-bottom:0;
			margin-bottom:0;
			opacity:0.8;
		}
	<?php } ?>

	<?php if ( isset($GLOBALS['stdata375']) && $GLOBALS['stdata375'] === 'yes' ): // ワイドLPの左右にシャドウ -EX ?>
		.colum1.st-lp-wide header {
			padding: 0 10px;
		}
		.colum1.st-lp-wide .st-lp-wide-content{
			padding:40px 20px;
		}
		.colum1.st-lp-wide .st-lp-wide-eyecatch{
			margin: -60px -20px 0;
		}
		.colum1.st-lp-wide .st-lp-wide-eyecatch-width{
			margin: 0 -20px 20px;
		}
	<?php endif; ?>

	/*
	旧st-kanri.phpより移動（ここまで）
	-------------------------------------------*/

	/*-- ここまで --*/
}

/*media Queries タブレットサイズ以上
----------------------------------------------------*/
@media only screen and (min-width: 600px) {

    /*-------------------------------------------
    旧st-kanri.phpより移動（ここから）
    */

    <?php if ( isset( $GLOBALS['stdata128'] ) && trim( $GLOBALS['stdata128'] ) !== '' ) { //全体のwidth
        $st_pc_width = (int) $GLOBALS['stdata128'];
        $st_pc_header_width = ( (int) $GLOBALS['stdata128'] ) - 20 ;
    }else{
        $st_pc_width = 1060;
        $st_pc_header_width = 1040;
    }
    ?>

    <?php if(trim($GLOBALS['stdata266']) === 'yes'){ // 記事スライドショー ?>
    .header-post-slider {
        max-width: <?php echo $st_pc_width; ?>px;
    }
    <?php } ?>

	<?php if ( $st_is_ex_af ): // テーマ分岐 ?>
		<?php if(trim($GLOBALS['myaf26']) !== ''){ //ランキングバナーサイズを大きく ?>
			.rankst .rankst-l {
				width: 300px;
			}
			.rankst .rankst-l img {
				width: 300px;
			}
			.rankst .rankst-r {
				margin: 0 0 0 -300px;
			}
			.rankst .rankst-cont {
				margin: 0 0 0 325px;
			}
		<?php } ?>
	<?php endif; ?>

	<?php if(trim($GLOBALS['stdata91']) !== ''){ //サムネイルサイズを大きく ?>
		.kanren dt {
			float: left;
			width: 150px;
		}

		.kanren dt img {
			width: 150px;
		}

		.kanren dd,
		.kanren.st-cardbox dd {
			padding-left: 165px;
		}

		.st-cardstyleb .kanren.st-cardbox dd,
		#magazine .kanren dd {
			padding-left: 20px;
		}
		/*view数*/
		.st-wppviews-label .wpp-views,
		.st-wppviews-label .wpp-views-limit {
			font-size: 90%;
		}
	<?php } ?>

	<?php if( ( isset( $GLOBALS['stdata403'] ) && ( $GLOBALS['stdata403'] === 'full' || $GLOBALS['stdata403'] === 'original' ) ) || trim($GLOBALS['stdata91']) !== '' ){ //サムネイルサイズを大きく又はサムネイルを横長に ?>
		/*PVモニター*/
		.st-pvm-ranking-item-image {
			width: 150px;
		}
	<?php } ?>

	<?php if ( isset($GLOBALS['stdata251']) && $GLOBALS['stdata251'] === 'yes' ): //サムネイル画像をポラロイド風に ?>
		.kanren dt:not(.st-card-img) {
			<?php if ( isset($GLOBALS['stdata403']) && $GLOBALS['stdata403'] === 'maru' ) : //サムネイルを丸く
				if ( isset($GLOBALS['stdata91']) && $GLOBALS['stdata91'] === 'yes' ) : //サムネイルを大きく ?>
					padding: 10px;
				<?php endif; ?>
					border-radius:50%;
			<?php elseif ( isset($GLOBALS['stdata91']) && $GLOBALS['stdata91'] === 'yes' ) : //サムネイルを大きく ?>
				padding: 10px 10px 20px;
			<?php endif; ?>
		}
	<?php endif; ?>

	<?php if( ( isset( $GLOBALS['stdata403'] ) && ( $GLOBALS['stdata403'] === 'full' || $GLOBALS['stdata403'] === 'original' ) ) && trim($GLOBALS['stdata91']) !== '' ){ //サムネイルサイズを大きくかつサムネイルを横長に ?>
		main .kanren dt {
			float: left;
			width: 200px;
		}

		main .kanren dt img {
			width: 200px;
		}

		main .kanren dd,
		main .kanren.st-cardbox dd {
			padding-left: 215px;
		}
		main .st-cardstyleb .kanren.st-cardbox dd,
		#magazine .kanren dd {
			padding-left: 20px;
		}

		/*PVモニター*/
		main .st-pvm-ranking-item-image {
			width: 200px;
		}
	<?php } ?>

    
    <?php if(trim($GLOBALS['stdata96']) === ''){ ?>
        /*TOC+*/
        #toc_container > ul > li {
            font-size: 21px;
        }
    <?php } ?>
    
    /*
    旧st-kanri.phpより移動（ここまで）
    -------------------------------------------*/
	/* 目次 */
	#st_toc_container:not(.st_toc_contracted):not(.only-toc),
	#toc_container:not(.contracted) { /* 表示状態 */
		<?php if(($st_toc_bgcolor)||($st_toc_bordercolor)){ ?>
			padding:20px 30px;
		<?php } ?>
	}

	/*強制センタリング・中央寄せ
	------------------------------------------------------------*/
	<?php if($st_entrytitle_no_css): //カスタマイザーのCSSを無効化 ?>
	<?php else: ?>
		<?php if ( ( trim(  $GLOBALS['stdata366'] ) === '' || ! st_wrap_class_check() ) &&  $st_entrytitle_design_wide ): // LP・1カラム時を全てワイド化する（β）が無効又は1カラム及びLPではない + デザイン幅一杯 ?>
			.entry-title:not(.st-css-no),
			.post .entry-title:not(.st-css-no)
			{
				margin-left: -30px;
				margin-right: -30px;
				<?php if ( ($st_entrytitle_designsetting !== 'dotdesign') && ($st_entrytitle_designsetting !== 'linedesign') ): //ドットデザイン及びセンターラインデザインではない場合 ?>
					padding-left:30px;
					padding-right:30px;
				<?php endif; ?>
			}
			.colum1 .entry-title:not(.st-css-no),
			.colum1 .post .entry-title:not(.st-css-no)
			{
				margin-left: -20px;
				margin-right: -20px;
				<?php if ( ($st_entrytitle_designsetting !== 'dotdesign') && ($st_entrytitle_designsetting !== 'linedesign') ): //ドットデザイン及びセンターラインデザインではない場合 ?>
					padding-left:20px;
					padding-right:20px;
				<?php endif; ?>
			}

			<?php if ( !$st_entrytitle_text_center && ($st_entrytitle_designsetting === 'hukidasidesign') ): //ふきだしデザインでセンター寄せではない場合 ?>
        		.entry-title:not(.st-css-no):before,
        		.post .entry-title:not(.st-css-no):before,
        		.entry-title:not(.st-css-no):after,
        		.post .entry-title:not(.st-css-no):after
        		{
               		left:65px;
        		}
        		.colum1 .entry-title:not(.st-css-no):before,
        		.colum1 .post .entry-title:not(.st-css-no):before,
        		.colum1 .entry-title:not(.st-css-no):after,
        		.colum1 .post .entry-title:not(.st-css-no):after
        		{
               		left:55px;
        		}
			<?php endif; ?>
		<?php endif; ?>
	<?php endif; ?>

	<?php if($st_h2_no_css): //カスタマイザーのCSSを無効化 ?>
	<?php else: ?>
		<?php if ( ( trim(  $GLOBALS['stdata366'] ) === '' || ! st_wrap_class_check() ) &&  $st_h2_design_wide ): ?>
			.entry-content .h2modoki,
			.entry-content h2:not(.st-css-no)
			{
				margin-left: -30px;
				margin-right: -30px;
				<?php if ( ($st_h2_designsetting !== 'dotdesign') && ($st_h2_designsetting !== 'linedesign') ): //ドットデザイン及びセンターラインデザインではない場合 ?>
					padding-left:30px;
					padding-right:30px;
				<?php endif; ?>
			}
			.colum1 .entry-content .h2modoki,
			.colum1 .entry-content h2:not(.st-css-no)
			{
				margin-left: -20px;
				margin-right: -20px;
				<?php if ( ($st_h2_designsetting !== 'dotdesign') && ($st_h2_designsetting !== 'linedesign') ): //ドットデザイン及びセンターラインデザインではない場合 ?>
					padding-left:20px;
					padding-right:20px;
				<?php endif; ?>
			}

			<?php if ( !$st_h2_text_center && ($st_h2_designsetting === 'hukidasidesign') ): //ふきだしデザインでセンター寄せではない場合 ?>
        		.entry-content .h2modoki:before,
        		.entry-content h2:not(.st-css-no):before,
        		.entry-content .h2modoki:after,
        		.entry-content h2:not(.st-css-no):after
        		{
                	left:65px;
        		}
        		.colum1 .entry-content .h2modoki:before,
        		.colum1 .entry-content h2:not(.st-css-no):before,
        		.colum1 .entry-content .h2modoki:after,
        		.colum1 .entry-content h2:not(.st-css-no):after
        		{
                	left:55px;
        		}
			<?php endif; ?>
		<?php endif; ?>
	<?php endif; ?>

	<?php if($st_h3_no_css): //カスタマイザーのCSSを無効化 ?>
	<?php else: ?>
		<?php if ( ( trim(  $GLOBALS['stdata366'] ) === '' || ! st_wrap_class_check() ) &&  $st_h3_design_wide ): ?>
			.entry-content .h3modoki,
			.entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title)
			{
				margin-left: -30px;
				margin-right: -30px;
				<?php if ( ($st_h3_designsetting !== 'dotdesign') && ($st_h3_designsetting !== 'linedesign') ): //ドットデザイン及びセンターラインデザインではない場合 ?>
					padding-left:30px;
					padding-right:30px;
				<?php endif; ?>
			}
			.colum1 .entry-content .h3modoki,
			.colum1 .entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title)
			{
				margin-left: -20px;
				margin-right: -20px;
				<?php if ( ($st_h3_designsetting !== 'dotdesign') && ($st_h3_designsetting !== 'linedesign') ): //ドットデザイン及びセンターラインデザインではない場合 ?>
					padding-left:20px;
					padding-right:20px;
				<?php endif; ?>
			}
			<?php if ( !$st_h3_text_center && ($st_h3_designsetting === 'hukidasidesign') ): //ふきだしデザインでセンター寄せではない場合 ?>
        		.entry-content .h3modoki:before,
        		.entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):before,
        		.entry-content .h3modoki:after,
        		.entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):after
        		{
                	left:65px;
        		}
        		.colum1 .entry-content .h3modoki:before,
        		.colum1 .entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):before,
        		.colum1 .entry-content .h3modoki:after,
        		.colum1 .entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):after
        		{
                	left:55px;
        		}
			<?php endif; ?>
		<?php endif; ?>
	<?php endif; ?>

}

/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {

	/*-------------------------------------------
	旧st-kanri.phpより移動（ここから）
	*/

    /*--------------------------------
    各フォント設定
    ---------------------------------*/
    
    <?php 
    // 基本
    $st_tab_p_fontsize = ( isset($GLOBALS['stdata291']) && trim($GLOBALS['stdata291']) !== '' ) ? (int)$GLOBALS['stdata291'] : 20 ;
    $st_tab_p_lineheight = ( isset($GLOBALS['stdata292']) && trim($GLOBALS['stdata292']) !== '' ) ? (int)$GLOBALS['stdata292'] : 30 ;
    // 記事タイトル
    $st_tab_entrytitle_fontsize = ( isset($GLOBALS['stdata293']) && trim($GLOBALS['stdata293']) !== '' ) ? (int)$GLOBALS['stdata293'] : 27 ;
    $st_tab_entrytitle_lineheight = ( isset($GLOBALS['stdata294']) && trim($GLOBALS['stdata294']) !== '' ) ? (int)$GLOBALS['stdata294'] : 40 ;
    // H2タグ
    $st_tab_h2_fontsize = ( isset($GLOBALS['stdata295']) && trim($GLOBALS['stdata295']) !== '' ) ? (int)$GLOBALS['stdata295'] : 24 ;
    $st_tab_h2_lineheight = ( isset($GLOBALS['stdata296']) && trim($GLOBALS['stdata296']) !== '' ) ? (int)$GLOBALS['stdata296'] : 35 ;
    // H3タグ
    $st_tab_h3_fontsize = ( isset($GLOBALS['stdata297']) && trim($GLOBALS['stdata297']) !== '' ) ? (int)$GLOBALS['stdata297'] : 22 ;
    $st_tab_h3_lineheight = ( isset($GLOBALS['stdata298']) && trim($GLOBALS['stdata298']) !== '' ) ? (int)$GLOBALS['stdata298'] : 32 ;
    // H4タグ
    $st_tab_h4_fontsize = ( isset($GLOBALS['stdata299']) && trim($GLOBALS['stdata299']) !== '' ) ? (int)$GLOBALS['stdata299'] : 21 ;
    $st_tab_h4_lineheight = ( isset($GLOBALS['stdata300']) && trim($GLOBALS['stdata300']) !== '' ) ? (int)$GLOBALS['stdata300'] : 31 ;
    ?>

    /*基本のフォントサイズ*/
    .post .entry-content p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), /* テキスト */
    .post .entry-content .st-kaiwa-hukidashi, /* ふきだし */
    .post .entry-content .st-kaiwa-hukidashi2, /* ふきだし */
    .post .entry-content .yellowbox, /* 黄色ボックス */
    .post .entry-content .graybox, /* グレーボックス */
    .post .entry-content .redbox, /* 薄赤ボックス */
    .post .entry-content #topnews .clearfix dd p, /* 一覧文字 */
    .post .entry-content ul li, /* ulリスト */
    .post .entry-content ol li, /* olリスト */
	.post .entry-content #st_toc_container > ul > li, /* 目次用 */
    .post .entry-content #comments #respond, /* コメント */
    .post .entry-content #comments h4, /* コメントタイトル */
	.post .entry-content h5:not(.kanren-t):not(.popular-t):not(.st-cardbox-t), /* H5 */
	.post .entry-content h6 {
		<?php if( isset($GLOBALS['stdata291']) && trim($GLOBALS['stdata291']) !== '' ): ?>
			font-size: <?php echo $st_tab_p_fontsize; ?>px;
		<?php endif; ?>
		<?php if ( isset($GLOBALS['stdata292']) && trim($GLOBALS['stdata292']) !== '' ): ?>
			line-height: <?php echo $st_tab_p_lineheight; ?>px;
		<?php endif; ?>
	}

	/* スライドの抜粋 */
	.post .entry-content .post-slide-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn),
	.post .entry-content .st-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn),
	.post .entry-content .st-card-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn),
	.post .entry-content .kanren:not(.st-cardbox) .clearfix dd p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn){
		<?php if( isset($GLOBALS['stdata291']) && trim($GLOBALS['stdata291']) !== '' ): ?>
			font-size: 16px;
		<?php endif; ?>
		<?php if ( isset($GLOBALS['stdata292']) && trim($GLOBALS['stdata292']) !== '' ): ?>
			line-height: 26px;
		<?php endif; ?>
	}

	<?php if( isset($GLOBALS['stdata291']) && trim($GLOBALS['stdata291']) !== '' ): ?>
	/*マルリスト・チェックリスト*/
    	.post .maruno ol li,
		.post .maruck ul li{		
			line-height: calc( <?php echo $st_tab_p_fontsize; ?>px + 5px );
    	}
    	.post .maruno ol li:before,
		.post .maruck ul li:before{
        	min-width: calc( <?php echo $st_tab_p_fontsize; ?>px + 5px );
        	height: calc( <?php echo $st_tab_p_fontsize; ?>px + 5px );
        	line-height: calc( <?php echo $st_tab_p_fontsize; ?>px + 5px );
    	}
	<?php endif; ?>

    /* 記事タイトル */
    #contentInner .post .entry-title:not(.st-css-no2) {
		<?php if( isset($GLOBALS['stdata293']) && trim($GLOBALS['stdata293']) !== '' ): ?>
			font-size: <?php echo $st_tab_entrytitle_fontsize; ?>px;
		<?php endif; ?>
		<?php if ( isset($GLOBALS['stdata294']) && trim($GLOBALS['stdata294']) !== '' ): ?>
			line-height: <?php echo $st_tab_entrytitle_lineheight; ?>px;
		<?php endif; ?>
    }
    
    /* H2 */
    .post .entry-content h2:not(.st-css-no2),
    .post .entry-content .h2modoki{
		<?php if( isset($GLOBALS['stdata295']) && trim($GLOBALS['stdata295']) !== '' ): ?>
			font-size: <?php echo $st_tab_h2_fontsize; ?>px;
		<?php endif; ?>
		<?php if ( isset($GLOBALS['stdata296']) && trim($GLOBALS['stdata296']) !== '' ): ?>
			line-height: <?php echo $st_tab_h2_lineheight; ?>px;
		<?php endif; ?>
    }
    
    /* H3 */
    .post .entry-content h3:not(.st-css-no2):not(#reply-title),
    .post .entry-content .h3modoki {
		<?php if( isset($GLOBALS['stdata297']) && trim($GLOBALS['stdata297']) !== '' ): ?>
			font-size: <?php echo $st_tab_h3_fontsize; ?>px;
		<?php endif; ?>
		<?php if ( isset($GLOBALS['stdata298']) && trim($GLOBALS['stdata298']) !== '' ): ?>
			line-height: <?php echo $st_tab_h3_lineheight; ?>px;
		<?php endif; ?>
    }
    
    /* H4 */
    .post .entry-content h4:not(.st-css-no2):not(.point),
    .post .entry-content .h4modoki {
		<?php if( isset($GLOBALS['stdata299']) && trim($GLOBALS['stdata299']) !== '' ): ?>
			font-size: <?php echo $st_tab_h4_fontsize; ?>px;
		<?php endif; ?>
		<?php if ( isset($GLOBALS['stdata300']) && trim($GLOBALS['stdata300']) !== '' ): ?>
			line-height: <?php echo $st_tab_h4_lineheight; ?>px;
		<?php endif; ?>
    }

	/*
	旧st-kanri.phpより移動（ここまで）
	-------------------------------------------*/

	<?php if ( $st_sticky_menu ){ ?>
		#headbox {
			padding: 58px 10px 10px;
			margin: 0 auto;
		}
	<?php } ?>

/*-- ここまで --*/
}


/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 960px) {

	/*-------------------------------------------
	旧st-kanri.phpより移動（ここから）
	*/

    /*--------------------------------
    各フォント設定
    ---------------------------------*/
    
    <?php 
    // 基本
    $st_pc_p_fontsize = ( isset($GLOBALS['stdata281']) && trim($GLOBALS['stdata281']) !== '' ) ? (int)$GLOBALS['stdata281'] : 15 ;
    $st_pc_p_lineheight = ( isset($GLOBALS['stdata282']) && trim($GLOBALS['stdata282']) !== '' ) ? (int)$GLOBALS['stdata282'] : 27 ;
    // 記事タイトル
    $st_pc_entrytitle_fontsize = ( isset($GLOBALS['stdata283']) && trim($GLOBALS['stdata283']) !== '' ) ? (int)$GLOBALS['stdata283'] : 27 ;
    $st_pc_entrytitle_lineheight = ( isset($GLOBALS['stdata284']) && trim($GLOBALS['stdata284']) !== '' ) ? (int)$GLOBALS['stdata284'] : 40 ;
    // H2タグ
    $st_pc_h2_fontsize = ( isset($GLOBALS['stdata285']) && trim($GLOBALS['stdata285']) !== '' ) ? (int)$GLOBALS['stdata285'] : 22 ;
    $st_pc_h2_lineheight = ( isset($GLOBALS['stdata286']) && trim($GLOBALS['stdata286']) !== '' ) ? (int)$GLOBALS['stdata286'] : 32 ;
    // H3タグ
    $st_pc_h3_fontsize = ( isset($GLOBALS['stdata287']) && trim($GLOBALS['stdata287']) !== '' ) ? (int)$GLOBALS['stdata287'] : 20 ;
    $st_pc_h3_lineheight = ( isset($GLOBALS['stdata288']) && trim($GLOBALS['stdata288']) !== '' ) ? (int)$GLOBALS['stdata288'] : 30 ;
    // H4タグ
    $st_pc_h4_fontsize = ( isset($GLOBALS['stdata289']) && trim($GLOBALS['stdata289']) !== '' ) ? (int)$GLOBALS['stdata289'] : 16 ;
    $st_pc_h4_lineheight = ( isset($GLOBALS['stdata290']) && trim($GLOBALS['stdata290']) !== '' ) ? (int)$GLOBALS['stdata290'] : 26 ;
    ?>
    
    /*基本のフォントサイズ*/
    .post .entry-content p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), /* テキスト */
    .post .entry-content .st-kaiwa-hukidashi, /* ふきだし */
    .post .entry-content .st-kaiwa-hukidashi2, /* ふきだし */
    .post .entry-content .yellowbox, /* 黄色ボックス */
    .post .entry-content .graybox, /* グレーボックス */
    .post .entry-content .redbox, /* 薄赤ボックス */
    .post .entry-content #topnews .clearfix dd p, /* 一覧文字 */
    .post .entry-content ul li, /* ulリスト */
    .post .entry-content ol li, /* olリスト */
	.post .entry-content #st_toc_container > ul > li, /* 目次用 */
    .post .entry-content #comments #respond, /* コメント */
    .post .entry-content #comments h4, /* コメントタイトル */
	.post .entry-content h5:not(.kanren-t):not(.popular-t):not(.st-cardbox-t), /* H5 */
	.post .entry-content h6 {
		<?php if( isset($GLOBALS['stdata281']) && trim($GLOBALS['stdata281']) !== '' ): ?>
			font-size: <?php echo $st_pc_p_fontsize; ?>px;
		<?php endif; ?>
		<?php if ( isset($GLOBALS['stdata282']) && trim($GLOBALS['stdata282']) !== '' ): ?>
			line-height: <?php echo $st_pc_p_lineheight; ?>px;
		<?php endif; ?>
	}

	/* スライドの抜粋 */
	.post .entry-content .post-slide-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn),
	.post .entry-content .st-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn),
	.post .entry-content .st-card-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn),
	.post .entry-content .kanren:not(.st-cardbox) .clearfix dd p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn){
		<?php if( isset($GLOBALS['stdata281']) && trim($GLOBALS['stdata281']) !== '' ): ?>
			font-size: 13px;
		<?php endif; ?>
		<?php if ( isset($GLOBALS['stdata282']) && trim($GLOBALS['stdata282']) !== '' ): ?>
			line-height: 18px;
		<?php endif; ?>
	}

	<?php if( isset($GLOBALS['stdata281']) && trim($GLOBALS['stdata281']) !== '' ): ?>
	/*マルリスト・チェックリスト*/
    	.post .maruno ol li,
		.post .maruck ul li{		
			line-height: calc( <?php echo $st_pc_p_fontsize; ?>px + 5px );
    	}
    	.post .maruno ol li:before,
		.post .maruck ul li:before{
        	min-width: calc( <?php echo $st_pc_p_fontsize; ?>px + 5px );
        	height: calc( <?php echo $st_pc_p_fontsize; ?>px + 5px );
        	line-height: calc( <?php echo $st_pc_p_fontsize; ?>px + 5px );
    	}
	<?php endif; ?>

    /* 記事タイトル */
    #contentInner .post .entry-title:not(.st-css-no2) {
		<?php if( isset($GLOBALS['stdata283']) && trim($GLOBALS['stdata283']) !== '' ): ?>
			font-size: <?php echo $st_pc_entrytitle_fontsize; ?>px;
		<?php endif; ?>
		<?php if ( isset($GLOBALS['stdata284']) && trim($GLOBALS['stdata284']) !== '' ): ?>
			line-height: <?php echo $st_pc_entrytitle_lineheight; ?>px;
		<?php endif; ?>
    }
    
    /* H2 */
    .post .entry-content h2:not(.st-css-no2),
    .post .entry-content .h2modoki{
		<?php if( isset($GLOBALS['stdata285']) && trim($GLOBALS['stdata285']) !== '' ): ?>
			font-size: <?php echo $st_pc_h2_fontsize; ?>px;
		<?php endif; ?>
		<?php if ( isset($GLOBALS['stdata286']) && trim($GLOBALS['stdata286']) !== '' ): ?>
			line-height: <?php echo $st_pc_h2_lineheight; ?>px;
		<?php endif; ?>
    }
    
    /* H3 */
    .post .entry-content h3:not(.st-css-no2):not(#reply-title),
    .post .entry-content .h3modoki {
		<?php if( isset($GLOBALS['stdata287']) && trim($GLOBALS['stdata287']) !== '' ): ?>
			font-size: <?php echo $st_pc_h3_fontsize; ?>px;
		<?php endif; ?>
		<?php if ( isset($GLOBALS['stdata288']) && trim($GLOBALS['stdata288']) !== '' ): ?>
			line-height: <?php echo $st_pc_h3_lineheight; ?>px;
		<?php endif; ?>
    }
    
    /* H4 */
    .post .entry-content h4:not(.st-css-no2):not(.point),
    .post .entry-content .h4modoki {
		<?php if( isset($GLOBALS['stdata289']) && trim($GLOBALS['stdata289']) !== '' ): ?>
			font-size: <?php echo $st_pc_h4_fontsize; ?>px;
		<?php endif; ?>
		<?php if ( isset($GLOBALS['stdata290']) && trim($GLOBALS['stdata290']) !== '' ): ?>
			line-height: <?php echo $st_pc_h4_lineheight; ?>px;
		<?php endif; ?>
    }

	/*--------------------------------
	全体のサイズ
	---------------------------------*/

	.st-content-width, /* 汎用 */
	#st-menuwide, /*メニュー*/
	nav.smanone,
	nav.st5,
	#st-header-cardlink,
	#st-menuwide div.menu,
	#st-menuwide nav.menu,
	#st-header, /*ヘッダー*/
	#st-header-under-widgets-box, /*ヘッダー画像下*/
	#content, /*コンテンツ*/
	#footer-in /*フッター*/
	 { 
		max-width:<?php echo $st_pc_width; ?>px;
	}

	.st-lp-wide #content /* LPワイド */
	 { 
		max-width:100%;
	}

	#headbox
	 { 
		max-width:<?php echo $st_pc_header_width; ?>px;
	}

	.st-content-width { 
		margin: 0 auto;
	}

	<?php if ( isset( $GLOBALS['stdata239'] ) && trim( $GLOBALS['stdata239'] ) !== '' ) { //1カラムのwidth 
		$st_colum1_width = (int) $GLOBALS['stdata239'];
	}else{
		$st_colum1_width = $st_pc_width;
	}
	?>

	/*1カラムの幅のサイズ*/
	.colum1:not(.st-lp-wide) #st-header-under-widgets-box,
	.colum1:not(.st-lp-wide) #content {
    	max-width: <?php echo $st_colum1_width; ?>px;
	}

	/* ワイドLPの左右にシャドウ -EX */
	.colum1.st-lp-wide #st-header,
	.colum1.st-lp-wide #content .st-lp-wide-content,
	.colum1.st-lp-wide #content .rankh3,
	.colum1.st-lp-wide #content .rank-guide,
	.colum1.st-lp-wide #content .rankid1,
	.colum1.st-lp-wide #content .rankid2,
	.colum1.st-lp-wide #content .rankid3,
	.colum1.st-lp-wide #content .rankst-box,
	.colum1.st-lp-wide .rankst-wrap,
	.colum1.st-lp-wide .widget_text,
	.colum1.st-lp-wide .top-wbox-u,
	.colum1.st-lp-wide .entry-title,
	.colum1.st-lp-wide #st-page .entry-title:not(.st-css-no2),
	.colum1.st-lp-wide #breadcrumb,
	.colum1.st-lp-wide .blogbox,
	.colum1.st-lp-wide .st-catgroup,
	.colum1.st-lp-wide .adbox,
	.colum1.st-lp-wide .st-widgets-box,
	.colum1.st-lp-wide .sns,
	.colum1.st-lp-wide .tagst,
	.colum1.st-lp-wide aside,
	.colum1.st-lp-wide .kanren,
	.colum1.st-lp-wide #topnews-box
	{
    	max-width: <?php echo $st_colum1_width; ?>px;
		margin-left: auto;
		margin-right: auto;
	}

	.st-lp-wide .st-lp-wide-wrapper {
    	margin-bottom: 20px;
	}

	<?php if ( isset($GLOBALS['stdata375']) && $GLOBALS['stdata375'] === 'yes' ): // ワイドLPの左右にシャドウ -EX ?>
		.colum1.st-lp-wide #st-header,
		.colum1.st-lp-wide .st-eyecatch
		{
			max-width: calc(<?php echo $st_colum1_width; ?>px + 80px);
			margin-left: auto;
			margin-right: auto;
		}

		<?php if ( !$st_footer100 ): //100%ではない場合 ?>
			.colum1.st-lp-wide #footer,
			.colum1.st-lp-wide #footer-in
			{
				max-width: calc(<?php echo $st_colum1_width; ?>px + 80px);
				margin-left: auto;
				margin-right: auto;
			}

			.colum1.st-lp-wide #footer {
				padding-left: 0;
				padding-right: 0;
			}
		<?php endif; ?>

		.colum1.st-lp-wide .st-lp-wide-content{
			padding:40px 40px;
		}
		.colum1.st-lp-wide .st-lp-wide-eyecatch{
			margin: -60px -40px 0;
		}
		.colum1.st-lp-wide .st-lp-wide-eyecatch-width{
			margin: 0 -40px 20px;
		}
	<?php endif; ?>

	/* ヘッダー画像/記事スライドショー横並び */
	<?php if ( trim( $GLOBALS['stdata274'] ) !== '' || trim( $GLOBALS['stdata272'] ) !== '' ): ?>
	#header-slides .slick-list {
		overflow: visible !important;
	}
	#st-headerbox {
		overflow:hidden;
	}
	<?php endif; ?>

	<?php if(trim($GLOBALS['stdata29']) !== ''){ ?>
    
        /*--------------------------------
        PCのレイアウト（左サイドバー）
        ---------------------------------*/
    
        #contentInner {
            float: right;
            width: 100%;
            margin-left: -320px;
        }
    
        main {
            margin-right: 0px;
            margin-left: 320px;
            background-color: #fff;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            padding: 30px 50px 30px;
        }
    
        #side aside {
            float: left;
            width: 300px;
            padding: 0px;
        }
    
    <?php }else{ ?>
    
        /*--------------------------------
        PCのレイアウト（右サイドバー）
        ---------------------------------*/
    
        #contentInner {
            float: left;
            width: 100%;
            margin-right: -300px;
        }
    
        main {
            margin-right: 320px;
            margin-left: 0px;
            background-color: #fff;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            padding: 30px 50px 30px;
        }
    
        #side aside {
            float: right;
            width: 300px;
            padding: 0px;
        }
    
    
    <?php } ?>
    
    /**
     * サイト名とキャッチフレーズ有無の調整
     */
    
    <?php if( (trim($GLOBALS['stdata101']) !== '') || ( !st_is_mobile() && (trim($GLOBALS['stdata18']) !== '')) ): //サイト名がなくヘッダーにフッターメニューを表示した場合のパディングの調整 ?>
        header .descr {
                padding:0px;
            margin:0;
        }
    <?php endif; ?>
    
    <?php if(trim($GLOBALS['stdata101']) !== ''): //サイト名が非表示ならキャッチフレーズのパディングを少なめに ?>
        #headbox {
            padding: 5px 10px!important;
        }
    <?php endif; ?>
    
    <?php if( (!is_active_sidebar( 8 )) && (trim($GLOBALS['stdata42']) === '') ): //電話番号もヘッダーウィジェットも無い場合 ?>
        #header-r .footermenust {
            margin: 0;
        }
    <?php endif; ?>
    
    <?php if(trim($GLOBALS['stdata102']) !== '' ): //キャッチフレーズが非表示なら ?>
        header .sitename {
                padding: 5px;
            margin: 0;
            <?php if( get_option( 'st_logo_image' )): //ロゴ画像があるなら ?>
                line-height:0;
                font-size:1px;
            <?php endif; ?>
        }
        #headbox {
            padding: 5px 10px!important;
        }
    <?php endif; ?>
    
    <?php if(trim($GLOBALS['stdata105']) !== ''): //ヘッダーをセンタリング ?>
        #st-headwide #headbox {
                text-align: center;
        }
    <?php endif; ?>
    
    <?php if(trim($GLOBALS['stdata142']) !== ''){ ?>
        /*PCアドセンスを横並び*/
        .adbox:after {
            content: "";
            display: block;
            clear: both;
        }
        .adbox div {
            float:left;
            margin-right:20px;
            padding-top:0!important;
            padding-bottom:10px;
        }
    
        .adbox div:last-child {
            margin-right:0px;
        }
    <?php } ?>
    
    <?php if(trim($GLOBALS['stdata96']) === ''){ ?>
        /*TOC+*/
        #toc_container {
            padding-left: 30px;
            padding-right: 30px;
        }
    
        #toc_container > ul > li {
            font-size: 16px;
        }
    <?php } ?>
    
    /*
    旧st-kanri.phpより移動（ここまで）
    -------------------------------------------*/

	/*TOC+*/
	#toc_container:not(.contracted) { /* 表示状態 */
		<?php if($st_toc_bgcolor){ ?>
			padding:20px 40px 10px;
		<?php } ?>
		<?php if($st_toc_bordercolor){ ?>
			padding:20px 40px 10px;
		<?php } ?>
	}

	/*ヘッダーの背景色*/
	<?php if ( ( $st_header100 ) && ( $st_wrapper_bgcolor ) ): //背景幅100%の場合 ?>
	#headbox,
	#content-w {
		max-width: <?php if(trim($GLOBALS['stdata128']) !== ''){ //全体のwidth 
					$st_pc_width = ( $GLOBALS['stdata128'] ) + 40;
				}else{
					$st_pc_width = 1100;
				}
				echo $st_pc_width; 
				?>px;
		margin: 0 -20px !important;
	}
	<?php endif; ?>

	/*メインコンテンツのボーダー*/
	<?php if ( ( trim( $GLOBALS['stdata366'] ) === '' ||  ! st_wrap_class_check() ) && $menu_main_bordercolor ): ?>
	main {
		border: 1px solid <?php echo $menu_main_bordercolor; ?>;
	}
	<?php endif; ?>

	<?php if ( $st_sticky_menu ): ?>
	#headbox {
		padding: 10px;
	}
	<?php endif; ?>

	/* メイン画像100% */
	<?php if ( $st_headerimg100 ): ?>
	#st-header {
		max-width: 100%;
		<?php if ( $st_wrapper_bgcolor ): ?>
			margin: 0 -20px !important;
			max-width: <?php if(trim($GLOBALS['stdata128']) !== ''){ //全体のwidth 
						$st_pc_width = ( $GLOBALS['stdata128'] ) + 40;
					}else{
						$st_pc_width = 1100;
					}
					echo $st_pc_width; 
					?>px;
		margin: 0 -20px !important;
	}
		<?php endif; ?>
	}

	#st-header img {
		width: 100%;
	}
	<?php endif; ?>

	/*wrapperに背景がある場合*/
	<?php if ( $st_wrapper_bgcolor ): ?>
	#wrapper-in {
		padding: 0 20px;
	}

	#footer {
		margin: 0 -20px;
		max-width: <?php if(trim($GLOBALS['stdata128']) !== ''){ //全体のwidth 
					$st_pc_width = ( $GLOBALS['stdata128'] ) + 40;
				}else{
					$st_pc_width = 1100;
				}
				echo $st_pc_width; 
				?>px;
	}
	<?php endif; ?>

	/*メニュー*/
	#st-menuwide {
	<?php if ( $menu_navbar_topunder_color ): ?>
		border-top-color: <?php echo $menu_navbar_topunder_color; ?>;
		border-bottom-color: <?php echo $menu_navbar_topunder_color; ?>;
	<?php else: ?>
		border-top: none;
		border-bottom: none;
	<?php endif; ?>
	<?php if ( $menu_navbar_side_color ): ?>
		border-left-color: <?php echo $menu_navbar_side_color; ?>;
		border-right-color: <?php echo $menu_navbar_side_color; ?>;
	<?php else: ?>
		border-left: none;
		border-right: none;
	<?php endif; ?>

	<?php if ( $st_navbarcolor_gradient ): //グラデーションを横向きにする
			$navbarcolor_gradient_w = 'left';
			$navbarcolor_gradient = 'left';
		else :
			$navbarcolor_gradient_w = 'top';
			$navbarcolor_gradient = 'bottom';	
		endif;
	?>

	<?php if ( ( trim( $menu_navbarcolor ) !== '' ) && ( trim( $menu_navbarcolor_t ) !== '' ) ): ?>
		/*Other Browser*/
		background: <?php echo $menu_navbarcolor; ?>;
		/* Android4.1 - 4.3 */
		background: url("<?php echo $st_headermenu_bgimg; ?>"), -webkit-linear-gradient(<?php echo $navbarcolor_gradient_w; ?>,  <?php echo $menu_navbarcolor_t; ?> 0%,<?php echo $menu_navbarcolor; ?> 100%);

		/* IE10+, FF16+, Chrome26+ */
		background: url("<?php echo $st_headermenu_bgimg; ?>"), linear-gradient(to <?php echo $navbarcolor_gradient; ?>,  <?php echo $menu_navbarcolor_t; ?> 0%,<?php echo $menu_navbarcolor; ?> 100%);
	<?php elseif ( ( trim( $menu_navbarcolor ) !== '' ) && ( trim( $menu_navbarcolor_t ) === '' ) ): //下部には色がある場合 ?>
		background-image: url("<?php echo $st_headermenu_bgimg; ?>");		
		background-color: <?php echo $menu_navbarcolor; ?>;
	<?php else: ?>
		background-color: transparent;
		<?php if( $st_headermenu_bgimg ): //背景画像がある場合 ?>
			background: url("<?php echo $st_headermenu_bgimg; ?>");
		<?php else: ?>			
			background: none;
		<?php endif; ?>
	<?php endif; ?>
	}

	<?php if( $st_headermenu_bgimg ){ //背景画像がある場合 ?>
		#st-menuwide {
			background-position: <?php echo $st_headermenu_bgimg_side; ?> <?php echo $st_headermenu_bgimg_top; ?>;
			<?php if ( $st_headermenu_bgimg_repeat ): ?>
				background-repeat: no-repeat;
			<?php endif; ?>
		}
	<?php } ?>


	header .smanone ul.menu li, 
	header nav.st5 ul.menu  li,
	header nav.st5 ul.menu  li,
	header #st-menuwide div.menu li,
	header #st-menuwide nav.menu li
	{
	<?php if ( $menu_navbar_right_color ): ?>
		border-right-color: <?php echo $menu_navbar_right_color; ?>;
	<?php else: ?>
		border-right: none;
	<?php endif; ?>
	}

	header .smanone ul.menu li li,
	header nav.st5 ul.menu li li,
	header #st-menuwide div.menu li li,
	header #st-menuwide nav.menu li li {
    	border:none;
	}

	<?php if ( $menu_navbartextcolor ): // テキストカラーとマウスオーバー ?>
	header .smanone ul.menu li a, 
	header nav.st5 ul.menu  li a,
	header #st-menuwide div.menu li a,
	header #st-menuwide nav.menu li a,
	header .smanone ul.menu li a:hover, 
	header nav.st5 ul.menu  li a:hover,
	header #st-menuwide div.menu li a:hover,
	header #st-menuwide nav.menu li a:hover{
		color: <?php echo $menu_navbartextcolor; ?>;
	}
	<?php endif; ?>

	header .smanone ul.menu li:hover, 
	header nav.st5 ul.menu  li:hover,
	header #st-menuwide div.menu li:hover,
	header #st-menuwide nav.menu li:hover{
		background: rgba(255,255,255,0.1);
	}

	header .smanone ul.menu li li a:hover, 
	header nav.st5 ul.menu  li li a:hover,
	header #st-menuwide div.menu li li a:hover,
	header #st-menuwide nav.menu li li a:hover{
		opacity:0.9;
	}

	<?php if($st_menu_bold ): //第一階層を太字にする ?>
		header .smanone ul.menu li a, 
		header nav.st5 ul.menu  li a,
		header #st-menuwide div.menu li a,
		header #st-menuwide nav.menu li a  {
			font-weight:bold;
		}
		header .smanone ul.menu li li a, 
		header nav.st5 ul.menu  li li a,
		header #st-menuwide div.menu li a,
		header #st-menuwide nav.menu li a  {
			font-weight:normal;
		}
	<?php endif; ?>

	<?php if (( $menu_navbar_undercolor ) || ( $menu_navbarcolor )): ?>
		header .smanone ul.menu li li a {
		<?php if ( $menu_navbar_undercolor ): ?>
			background: <?php echo $menu_navbar_undercolor; ?>;
		<?php endif; ?>
		<?php if ( $menu_navbarcolor ): ?>
			border-top-color: <?php echo $menu_navbarcolor; ?>;
		<?php endif; ?>
		}
	<?php endif; ?>

	/*メニューの上下のパディング*/
	<?php if ( isset( $st_menu_padding ) && ( $st_menu_padding === 'top10' ) ): ?>
		#st-menubox {
			padding-top: 10px;
		}
	<?php elseif ( isset( $st_menu_padding ) && ( $st_menu_padding === 'bottom10' ) ): ?>
		#st-menubox {
			padding-bottom: 10px;
		}
	<?php else: ?>
	<?php endif; ?>


	/* グローバルメニュー */
	<?php if ( $st_menu100 ): // 100%に ?>
		#st-menuwide {
			max-width: 100%;
			<?php if ( $st_wrapper_bgcolor ): ?>
				margin: 0 -20px !important;
				max-width: <?php if(trim($GLOBALS['stdata128']) !== ''){ //全体のwidth 
							$st_pc_width = ( $GLOBALS['stdata128'] ) + 40;
						}else{
							$st_pc_width = 1100;
						}
						echo $st_pc_width; 
						?>px;
			<?php endif; ?>
		}
	<?php endif; ?>

	<?php if ( $st_menu_center ): // センタ―寄せ ?>
		header .smanone ul.menu {
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-justify-content: center;
			-ms-flex-pack: center;
			justify-content: center;
    		-webkit-box-lines:multiple;
    		-webkit-flex-wrap:wrap;
    		-ms-flex-wrap:wrap;
    		flex-wrap:wrap;
		}
	<?php endif; ?>

	/*ヘッダーウィジェット*/
	header .headbox .textwidget,
	#footer .headbox .textwidget{
		<?php if ( $menu_st_headerwidget_bgcolor ): ?>
			background: <?php echo $menu_st_headerwidget_bgcolor; ?>;
		<?php endif; ?>
		<?php if ( $menu_st_headerwidget_textcolor ): ?>
			color: <?php echo $menu_st_headerwidget_textcolor; ?>;
		<?php endif; ?>
	}

	<?php if ( $menu_st_header_tel_color ): ?>
		/*ヘッダーの電話番号とリンク色*/
		.head-telno a, #header-r .footermenust a {
			color: <?php echo $menu_st_header_tel_color; ?>;
		}
	<?php endif; ?>

	<?php if ( $menu_st_header_tel_color ): ?>
		#header-r .footermenust li {
			border-right-color: <?php echo $menu_st_header_tel_color; ?>;
		}
	<?php endif; ?>

	<?php if ( $menu_osusumemidasicolor ): ?>
		/*トップ用おすすめタイトル*/
		.nowhits .pop-box {
			border-top-color: <?php echo $menu_osusumemidasicolor; ?>;
		}
	<?php endif; ?>

	/*記事エリアを広げる*/
	<?php if ( $st_area ): ?>
		main {
			padding: 30px 20px;
		}

		.st-eyecatch {
			margin: -30px -20px 10px;
		}
		.st-eyecatch-width
		{
			margin: 0 -20px 20px;
		}
	<?php endif; ?>

	/*強制センタリング・中央寄せ
	------------------------------------------------------------*/
	<?php if($st_entrytitle_no_css): //カスタマイザーのCSSを無効化 ?>
	<?php else: //タイトル ?>
		<?php if ( ( trim(  $GLOBALS['stdata366'] ) === '' || ! st_wrap_class_check() ) && $st_entrytitle_design_wide ): // LP・1カラム時を全てワイド化する（β）が無効又は1カラム及びLPではない + デザイン幅一杯 ?>
			.entry-title:not(.st-css-no),
			.post .entry-title:not(.st-css-no)
			{
        		<?php if ( $st_area ): //記事幅が広い場合 ?>
					margin-left: -20px;
					margin-right: -20px;
        		<?php else: ?>
					margin-left: -50px;
					margin-right: -50px;
            	<?php endif; ?>

				<?php if ( ($st_entrytitle_designsetting !== 'dotdesign') && ($st_entrytitle_designsetting !== 'linedesign') ): //ドットデザイン及びセンターラインデザインではない場合 ?>
        			<?php if ( $st_area ): //記事幅が広い場合 ?>
						padding-left:20px;
						padding-right:20px;
        			<?php else: ?>
						padding-left:50px;
						padding-right:50px;
            		<?php endif; ?>
				<?php endif; ?>
			}
			.colum1 .entry-title:not(.st-css-no),
			.colum1 .post .entry-title:not(.st-css-no)
			{
				margin-left: -70px;
				margin-right: -70px;
				<?php if ( ($st_entrytitle_designsetting !== 'dotdesign') && ($st_entrytitle_designsetting !== 'linedesign') ): //ドットデザイン及びセンターラインデザインではない場合 ?>
					padding-left:70px;
					padding-right:70px;
				<?php endif; ?>
			}

			<?php if ( isset( $st_entrytitle_designsetting ) && ( $st_entrytitle_designsetting === 'hukidasidesign_under') ): //吹き出し下線デザインの場合 ?>
				.post .entry-title:not(.st-css-no)::before {
					left: 70px;
				}
				.post .entry-title:not(.st-css-no)::after {
					left: 73px;
				}
				/* 1カラム時 */
				.colum1 .post .entry-title:not(.st-css-no)::before {
					left: 90px;
				}
				.colum1 .post .entry-title:not(.st-css-no)::after {
					left: 93px;
				}
			<?php endif; ?>

			<?php if ( isset( $st_entrytitle_designsetting ) && ( $st_entrytitle_designsetting === 'checkboxdesign' || $st_entrytitle_designsetting === 'linedesign') &&  ! $st_entrytitle_bgimg_leftpadding ): //左余白が空でチェックボックス又は左囲みデザインの場合 ?>
        		.entry-title:not(.st-css-no):before,
        		.post .entry-title:not(.st-css-no):before,
        		.entry-title:not(.st-css-no):after,
        		.post .entry-title:not(.st-css-no):after {
        			<?php if ( $st_area ): //記事幅が広い場合 ?>
						left: 20px;
        			<?php else: ?>
						left: 50px;
            		<?php endif; ?>
				}
        		.colum1 .entry-title:not(.st-css-no),
        		.colum1 .post .entry-title:not(.st-css-no) {
        			<?php if ( $st_area ): //記事幅が広い場合 ?>
						<?php if ( $st_entrytitle_designsetting === 'checkboxdesign' ): ?>
							padding-left: calc(1.5em + 35px)!important;
						<?php else: ?>
							padding-left:40px;
							padding-right:40px;
						<?php endif; ?>
        			<?php else: ?>
						<?php if ( $st_entrytitle_designsetting === 'checkboxdesign' ): ?>
							padding-left: calc(1.5em + 65px)!important;
						<?php else: ?>
							padding-left:70px;
							padding-right:70px;
							border-left:none;
							border-right:none;
						<?php endif; ?>
            		<?php endif; ?>
				}

				/* 1カラム時 */
        		.colum1 .entry-title:not(.st-css-no):before,
        		.colum1 .post .entry-title:not(.st-css-no):before,
        		.colum1 .entry-title:not(.st-css-no):after,
        		.colum1 .post .entry-title:not(.st-css-no):after {
					left: 70px;
				}
        		.colum1 .entry-title:not(.st-css-no),
        		.colum1 .post .entry-title:not(.st-css-no) {
					<?php if ( $st_entrytitle_designsetting === 'checkboxdesign' ): ?>
						padding-left: calc(1.5em + 90px)!important;
					<?php else: ?>
						padding-left: 100px!important;
					<?php endif; ?>
						border-left:none;
						border-right:none;
				}
			<?php endif; ?>

			<?php if ( isset( $st_entrytitle_designsetting ) && ( $st_entrytitle_designsetting === 'centerlinedesign') &&  ! $st_entrytitle_bgimg_leftpadding ): //左余白が空でセンターラインデザインの場合 ?>
        		.colum1 .entry-title:not(.st-css-no),
        		.colum1 .post .entry-title:not(.st-css-no){
					padding-left: 70px!important;
					padding-right: 70px!important;
				}
			<?php endif; ?>

			<?php if ( isset( $st_entrytitle_designsetting ) && ( $st_entrytitle_designsetting === 'dotdesign') &&  ! $st_entrytitle_bgimg_leftpadding ): //左余白が空で囲みドットデザインの場合 ?>
        		.entry-title:not(.st-css-no) span.st-dash-design,
        		.post .entry-title:not(.st-css-no) span.st-dash-design {
					<?php if ( $st_area ): //記事幅が広い場合 ?>
						padding-left:20px;
						padding-right:20px;
					<?php else: ?>
						padding-left: 50px;
						padding-right: 50px;
					<?php endif; ?>
				}
				/* 1カラム時 */
        		.colum1 .entry-title:not(.st-css-no) span.st-dash-design,
        		.colum1 .post .entry-title:not(.st-css-no) span.st-dash-design {
					padding-left: 70px!important;
					padding-right: 70px!important;
				}
			<?php endif; ?>

			<?php if ( !$st_entrytitle_text_center && ($st_entrytitle_designsetting === 'hukidasidesign') ): //ふきだしデザインでセンター寄せではない場合 ?>
        		.entry-title:not(.st-css-no):before,
        		.post .entry-title:not(.st-css-no):before,
        		.entry-title:not(.st-css-no):after,
        		.post .entry-title:not(.st-css-no):after
        		{
               		left:80px;
        		}
        		.colum1 .entry-title:not(.st-css-no):before,
        		.colum1 .post .entry-title:not(.st-css-no):before,
        		.colum1 .entry-title:not(.st-css-no):after,
        		.colum1 .post .entry-title:not(.st-css-no):after
        		{
               		left:100px;
        		}
			<?php endif; ?>
		<?php endif; ?>
	<?php endif; ?>

	<?php if($st_h2_no_css): //カスタマイザーのCSSを無効化 ?>
	<?php else: //h2 ?>
		<?php if ( ( trim(  $GLOBALS['stdata366'] ) === '' || ! st_wrap_class_check() ) &&  $st_h2_design_wide ): ?>
			.entry-content .h2modoki,
			.entry-content h2:not(.st-css-no)
			{
        		<?php if ( $st_area ): //記事幅が広い場合 ?>
					margin-left: -20px;
					margin-right: -20px;
        		<?php else: ?>
					margin-left: -50px;
					margin-right: -50px;
            	<?php endif; ?>

				<?php if ( ($st_h2_designsetting !== 'dotdesign') && ($st_h2_designsetting !== 'linedesign') ): //ドットデザイン及びセンターラインデザインではない場合 ?>
        			<?php if ( $st_area ): //記事幅が広い場合 ?>
						padding-left:20px;
						padding-right:20px;
        			<?php else: ?>
						padding-left:50px;
						padding-right:50px;
            		<?php endif; ?>
				<?php endif; ?>
			}
			.colum1 .entry-content .h2modoki,
			.colum1 .entry-content h2:not(.st-css-no)
			{
				margin-left: -70px;
				margin-right: -70px;
				<?php if ( ($st_h2_designsetting !== 'dotdesign') && ($st_h2_designsetting !== 'linedesign') ): //ドットデザイン及びセンターラインデザインではない場合 ?>
					padding-left:70px;
					padding-right:70px;
				<?php endif; ?>
			}

			<?php if ( isset( $st_h2_designsetting ) && ( $st_h2_designsetting === 'hukidasidesign_under') ): //吹き出し下線デザインの場合 ?>
				.h2modoki::before,
				h2:not(.st-css-no)::before {
					left: 70px;
				}
				.h2modoki::after,
				h2:not(.st-css-no)::after {
					left: 73px;
				}
				/* 1カラム時 */
				.colum1 .h2modoki::before,
				.colum1 h2:not(.st-css-no)::before {
					left: 90px;
				}
				.colum1 .h2modoki::after,
				.colum1 h2:not(.st-css-no)::after {
					left: 93px;
				}
			<?php endif; ?>

			<?php if ( isset( $st_h2_designsetting ) && ( $st_h2_designsetting === 'checkboxdesign' || $st_h2_designsetting === 'linedesign') &&  ! $st_h2_bgimg_leftpadding ): //左余白が空でチェックボックス又は左囲みデザインの場合 ?>
				.post .h2modoki::before,
				.post h2:not(.st-css-no)::before,
				.post .h2modoki::after,
				.post h2:not(.st-css-no)::after{
        			<?php if ( $st_area ): //記事幅が広い場合 ?>
						left: 20px;
        			<?php else: ?>
						left: 50px;
            		<?php endif; ?>
				}
				.post .h2modoki,
				.post h2:not(.st-css-no) {
        			<?php if ( $st_area ): //記事幅が広い場合 ?>
						<?php if ( $st_h2_designsetting === 'checkboxdesign' ): ?>
							padding-left: calc(1.5em + 35px)!important;
						<?php else: ?>
							padding-left:40px;
							padding-right:40px;
						<?php endif; ?>
        			<?php else: ?>
						<?php if ( $st_h2_designsetting === 'checkboxdesign' ): ?>
							padding-left: calc(1.5em + 65px)!important;
						<?php else: ?>
							padding-left:70px;
							padding-right:70px;
							border-left:none;
							border-right:none;
						<?php endif; ?>
            		<?php endif; ?>
				}

				/* 1カラム時 */
				.colum1 .h2modoki::before,
				.colum1 h2:not(.st-css-no)::before,
				.colum1 .h2modoki::after,
				.colum1 h2:not(.st-css-no)::after{
					left: 70px;
				}

				.colum1 .h2modoki,
				.colum1 h2:not(.st-css-no) {
					<?php if ( $st_h2_designsetting === 'checkboxdesign' ): ?>
						padding-left: calc(1.5em + 85px)!important;
					<?php else: ?>
						padding-left: 100px!important;
						border-left:none;
						border-right:none;
					<?php endif; ?>
				}
			<?php endif; ?>

			<?php if ( isset( $st_h2_designsetting ) && ( $st_h2_designsetting === 'centerlinedesign') &&  ! $st_h2_bgimg_leftpadding ): //左余白が空でセンターラインデザインの場合 ?>
				.colum1 .h2modoki,
				.colum1 h2:not(.st-css-no) {
					padding-left: 70px!important;
					padding-right: 70px!important;
				}
			<?php endif; ?>

			<?php if ( isset( $st_h2_designsetting ) && ( $st_h2_designsetting === 'dotdesign') &&  ! $st_h2_bgimg_leftpadding ): //左余白が空で囲みドットデザインの場合 ?>
				.h2modoki span.st-dash-design,
				.post h2:not(.st-css-no) span.st-dash-design {
					<?php if ( $st_area ): //記事幅が広い場合 ?>
						padding-left:20px;
						padding-right:20px;
					<?php else: ?>
						padding-left: 50px;
						padding-right: 50px;
					<?php endif; ?>
				}
				/* 1カラム時 */
				.colum1 .h2modoki span.st-dash-design,
				.colum1 .post h2:not(.st-css-no) span.st-dash-design {
					padding-left: 70px!important;
					padding-right: 70px!important;
				}
			<?php endif; ?>

			<?php if ( !$st_h2_text_center && ($st_h2_designsetting === 'hukidasidesign') ): //ふきだしデザインでセンター寄せではない場合 ?>
        		.entry-content .h2modoki:before,
        		.entry-content h2:not(.st-css-no):before,
        		.entry-content .h2modoki:after,
        		.entry-content h2:not(.st-css-no):after
        		{
                	left:80px;
        		}
        		.colum1 .entry-content .h2modoki:before,
        		.colum1 .entry-content h2:not(.st-css-no):before,
        		.colum1 .entry-content .h2modoki:after,
        		.colum1 .entry-content h2:not(.st-css-no):after
        		{
                	left:100px;
        		}
			<?php endif; ?>
		<?php endif; ?>
	<?php endif; ?>

	<?php if($st_h3_no_css): //カスタマイザーのCSSを無効化 ?>
	<?php else: //h3 ?>
		<?php if ( ( trim(  $GLOBALS['stdata366'] ) === '' || ! st_wrap_class_check() ) &&  $st_h3_design_wide ): ?>
			.entry-content .h3modoki,
			.entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title)
			{
        		<?php if ( $st_area ): //記事幅が広い場合 ?>
					margin-left: -20px;
					margin-right: -20px;
        		<?php else: ?>
					margin-left: -50px;
					margin-right: -50px;
            	<?php endif; ?>

				<?php if ( ($st_h3_designsetting !== 'dotdesign') && ($st_h3_designsetting !== 'linedesign') ): //ドットデザイン及びセンターラインデザインではない場合 ?>
        			<?php if ( $st_area ): //記事幅が広い場合 ?>
						padding-left:20px;
						padding-right:20px;
        			<?php else: ?>
						padding-left:50px;
						padding-right:50px;
            		<?php endif; ?>
				<?php endif; ?>
			}
			.colum1 .entry-content .h3modoki,
			.colum1 .entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title)
			{
				margin-left: -70px;
				margin-right: -70px;
				<?php if ( ($st_h3_designsetting !== 'dotdesign') && ($st_h3_designsetting !== 'linedesign') ): //ドットデザイン及びセンターラインデザインではない場合 ?>
					padding-left:70px;
					padding-right:70px;
				<?php endif; ?>
			}

			<?php if ( isset( $st_h3_designsetting ) && ( $st_h3_designsetting === 'hukidasidesign_under') ): //吹き出し下線デザインの場合 ?>
				.h3modoki:before,
				.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):before {
					left: 70px;
				}
				.h3modoki:after,
				.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):after {
					left: 73px;
				}
				/* 1カラム時 */
				.colum1 .h3modoki:before,
				.colum1 .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):before {
					left: 90px;
				}
				.colum1 .h3modoki:after,
				.colum1 .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):after {
					left: 93px;
				}
			<?php endif; ?>

			<?php if ( isset( $st_h3_designsetting ) && ( $st_h3_designsetting === 'checkboxdesign' || $st_h3_designsetting === 'linedesign') &&  ! $st_h3_bgimg_leftpadding ): //左余白が空でチェックボックス又は左囲みデザインの場合 ?>
				.h3modoki:before,
				.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):before,
				.h3modoki:after,
				.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):after {
        			<?php if ( $st_area ): //記事幅が広い場合 ?>
						left: 20px;
        			<?php else: ?>
						left: 50px;
            		<?php endif; ?>
				}
				.h3modoki,
				.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
        			<?php if ( $st_area ): //記事幅が広い場合 ?>
						<?php if ( $st_h3_designsetting === 'checkboxdesign' ): ?>
							padding-left: calc(1.5em + 35px)!important;
						<?php else: ?>
							padding-left:40px;
							padding-right:40px;
						<?php endif; ?>
        			<?php else: ?>
						<?php if ( $st_h3_designsetting === 'checkboxdesign' ): ?>
							padding-left: calc(1.5em + 65px)!important;
						<?php else: ?>
							padding-left:70px;
							padding-right:70px;
							border-left:none;
							border-right:none;
						<?php endif; ?>
            		<?php endif; ?>
				}

				/* 1カラム時 */
				.colum1 .h3modoki:before,
				.colum1 .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):before,
				.colum1 .h3modoki:after,
				.colum1 .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):after {
					left: 70px;
				}

				.colum1 .h3modoki,
				.colum1 .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
					<?php if ( $st_h3_designsetting === 'checkboxdesign' ): ?>
						padding-left: calc(1.5em + 90px)!important;
					<?php else: ?>
						padding-left: 100px!important;
					<?php endif; ?>
						border-left:none;
						border-right:none;
				}
			<?php endif; ?>

			<?php if ( isset( $st_h3_designsetting ) && ( $st_h3_designsetting === 'centerlinedesign') &&  ! $st_h3_bgimg_leftpadding ): //左余白が空でセンターラインデザインの場合 ?>
				.colum1 .h3modoki,
				.colum1 .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title){
					padding-left: 70px!important;
					padding-right: 70px!important;
				}
			<?php endif; ?>

			<?php if ( isset( $st_h3_designsetting ) && ( $st_h3_designsetting === 'dotdesign') &&  ! $st_h3_bgimg_leftpadding ): //左余白が空で囲みドットデザインの場合 ?>
				.h3modoki span.st-dash-design,
				.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) span.st-dash-design {
					<?php if ( $st_area ): //記事幅が広い場合 ?>
						padding-left:20px;
						padding-right:20px;
					<?php else: ?>
						padding-left: 50px;
						padding-right: 50px;
					<?php endif; ?>
				}
				/* 1カラム時 */
				.colum1 .h3modoki span.st-dash-design,
				.colum1 .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) span.st-dash-design {
					padding-left: 70px!important;
					padding-right: 70px!important;
				}
			<?php endif; ?>

			<?php if ( !$st_h3_text_center && ($st_h3_designsetting === 'hukidasidesign') ): //ふきだしデザインでセンター寄せではない場合 ?>
        		.entry-content .h3modoki:before,
        		.entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):before,
        		.entry-content .h3modoki:after,
        		.entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):after
        		{
                	left:80px;
        		}
        		.colum1 .entry-content .h3modoki:before,
        		.colum1 .entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):before,
        		.colum1 .entry-content .h3modoki:after,
        		.colum1 .entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):after
        		{
                	left:100px;
        		}
			<?php endif; ?>
		<?php endif; ?>
	<?php endif; ?>

	<?php if( trim($GLOBALS['stdata222']) !== '' ){ // PC時もサイドバー抜粋表示 ?>
		#side .smanone.st-excerpt {
			display:block;
		}
	<?php } else { ?>
		#side .smanone.st-excerpt {
			display:none;
		}
	<?php } ?>

/*-- ここまで --*/
}

/*media Queries スマートフォンのみ（599px）以下
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 599px) {

    /*-------------------------------------------
    旧st-kanri.phpより移動（ここから）
    */
    
    /*--------------------------------
    各フォント設定
    ---------------------------------*/
    
    <?php 
    // 基本
    $st_sp_p_fontsize = ( isset($GLOBALS['stdata301']) && trim($GLOBALS['stdata301']) !== '' ) ? (int)$GLOBALS['stdata301'] : 18 ;
    $st_sp_p_lineheight = ( isset($GLOBALS['stdata302']) && trim($GLOBALS['stdata302']) !== '' ) ? (int)$GLOBALS['stdata302'] : 30 ;
    // 記事タイトル
    $st_sp_entrytitle_fontsize = ( isset($GLOBALS['stdata303']) && trim($GLOBALS['stdata303']) !== '' ) ? (int)$GLOBALS['stdata303'] : 22 ;
    $st_sp_entrytitle_lineheight = ( isset($GLOBALS['stdata304']) && trim($GLOBALS['stdata304']) !== '' ) ? (int)$GLOBALS['stdata304'] : 35 ;
    // H2タグ
    $st_sp_h2_fontsize = ( isset($GLOBALS['stdata305']) && trim($GLOBALS['stdata305']) !== '' ) ? (int)$GLOBALS['stdata305'] : 20 ;
    $st_sp_h2_lineheight = ( isset($GLOBALS['stdata306']) && trim($GLOBALS['stdata306']) !== '' ) ? (int)$GLOBALS['stdata306'] : 27 ;
    // H3タグ
    $st_sp_h3_fontsize = ( isset($GLOBALS['stdata307']) && trim($GLOBALS['stdata307']) !== '' ) ? (int)$GLOBALS['stdata307'] : 19 ;
    $st_sp_h3_lineheight = ( isset($GLOBALS['stdata308']) && trim($GLOBALS['stdata308']) !== '' ) ? (int)$GLOBALS['stdata308'] : 27 ;
    // H4タグ
    $st_sp_h4_fontsize = ( isset($GLOBALS['stdata309']) && trim($GLOBALS['stdata309']) !== '' ) ? (int)$GLOBALS['stdata309'] : 17 ;
    $st_sp_h4_lineheight = ( isset($GLOBALS['stdata310']) && trim($GLOBALS['stdata310']) !== '' ) ? (int)$GLOBALS['stdata310'] : 26 ;
    ?>
    
    /*基本のフォントサイズ*/
    .post .entry-content p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), /* テキスト */
    .post .entry-content .st-kaiwa-hukidashi, /* ふきだし */
    .post .entry-content .st-kaiwa-hukidashi2, /* ふきだし */
    .post .entry-content .yellowbox, /* 黄色ボックス */
    .post .entry-content .graybox, /* グレーボックス */
    .post .entry-content .redbox, /* 薄赤ボックス */
    .post .entry-content #topnews .clearfix dd p, /* 一覧文字 */
    .post .entry-content ul li, /* ulリスト */
    .post .entry-content ol li, /* olリスト */
    .post .entry-content #st_toc_container > ul > li, /* 目次用 */
    .post .entry-content #comments #respond, /* コメント */
    .post .entry-content #comments h4, /* コメントタイトル */
    .post .entry-content h5:not(.kanren-t):not(.popular-t):not(.st-cardbox-t), /* H5 */
    .post .entry-content h6 {
        <?php if( isset($GLOBALS['stdata301']) && trim($GLOBALS['stdata301']) !== '' ): ?>
            font-size: <?php echo $st_sp_p_fontsize; ?>px;
        <?php endif; ?>
        <?php if ( isset($GLOBALS['stdata302']) && trim($GLOBALS['stdata302']) !== '' ): ?>
            line-height: <?php echo $st_sp_p_lineheight; ?>px;
        <?php endif; ?>
    }
    
    /* スライドの抜粋 */
    .post .entry-content .post-slide-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn),
    .post .entry-content .st-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn),
    .post .entry-content .st-card-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn),
    .post .entry-content .kanren:not(.st-cardbox) .clearfix dd p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn){
        <?php if( isset($GLOBALS['stdata301']) && trim($GLOBALS['stdata301']) !== '' ): ?>
            font-size: 13px;
        <?php endif; ?>
        <?php if ( isset($GLOBALS['stdata302']) && trim($GLOBALS['stdata302']) !== '' ): ?>
            line-height: 18px;
        <?php endif; ?>
    }
    
    <?php if( isset($GLOBALS['stdata301']) && trim($GLOBALS['stdata301']) !== '' ): ?>
        /*マルリスト・チェックリスト*/
        .post .maruno ol li,
        .post .maruck ul li{		
            line-height: calc( <?php echo $st_sp_p_fontsize; ?>px + 5px );
        }
        .post .maruno ol li:before,
        .post .maruck ul li:before{
            min-width: calc( <?php echo $st_sp_p_fontsize; ?>px + 5px );
            height: calc( <?php echo $st_sp_p_fontsize; ?>px + 5px );
            line-height: calc( <?php echo $st_sp_p_fontsize; ?>px + 5px );
        }
    <?php endif; ?>
    
    /* 記事タイトル */
    #contentInner .post .entry-title:not(.st-css-no2) {
        <?php if( isset($GLOBALS['stdata303']) && trim($GLOBALS['stdata303']) !== '' ): ?>
            font-size: <?php echo $st_sp_entrytitle_fontsize; ?>px;
        <?php endif; ?>
        <?php if ( isset($GLOBALS['stdata304']) && trim($GLOBALS['stdata304']) !== '' ): ?>
            line-height: <?php echo $st_sp_entrytitle_lineheight; ?>px;
        <?php endif; ?>
    }
    
    /* H2 */
    .post .entry-content h2:not(.st-css-no2),
    .post .entry-content .h2modoki{
        <?php if( isset($GLOBALS['stdata305']) && trim($GLOBALS['stdata305']) !== '' ): ?>
            font-size: <?php echo $st_sp_h2_fontsize; ?>px;
        <?php endif; ?>
        <?php if ( isset($GLOBALS['stdata306']) && trim($GLOBALS['stdata306']) !== '' ): ?>
            line-height: <?php echo $st_sp_h2_lineheight; ?>px;
        <?php endif; ?>
    }
    
    /* H3 */
    .post .entry-content h3:not(.st-css-no2):not(#reply-title),
    .post .entry-content .h3modoki {
        <?php if( isset($GLOBALS['stdata307']) && trim($GLOBALS['stdata307']) !== '' ): ?>
            font-size: <?php echo $st_sp_h3_fontsize; ?>px;
        <?php endif; ?>
        <?php if ( isset($GLOBALS['stdata308']) && trim($GLOBALS['stdata308']) !== '' ): ?>
            line-height: <?php echo $st_sp_h3_lineheight; ?>px;
        <?php endif; ?>
    }
    
    /* H4 */
    .post .entry-content h4:not(.st-css-no2):not(.point),
    .post .entry-content .h4modoki {
        <?php if( isset($GLOBALS['stdata309']) && trim($GLOBALS['stdata309']) !== '' ): ?>
            font-size: <?php echo $st_sp_h4_fontsize; ?>px;
        <?php endif; ?>
        <?php if ( isset($GLOBALS['stdata310']) && trim($GLOBALS['stdata310']) !== '' ): ?>
            line-height: <?php echo $st_sp_h4_lineheight; ?>px;
        <?php endif; ?>
    }
    
    /*
    旧st-kanri.phpより移動（ここまで）
    -------------------------------------------*/

	<?php if ( st_mobilelogo_on() ) : ?>
		/*モバイルロゴのある場合のヘッダー*/
		#headbox {
			padding-bottom:0;
		}
		#s-navi:after {
			margin-bottom: 0px;
		}
	<?php endif; ?>

/*-- ここまで --*/
}

/*-------------------------------------------
旧st-kanri.phpより移動（ここから）
*/

<?php if(trim($GLOBALS['stdata266']) === 'yes'){ // 記事スライドショー ?>
	@media only screen and (min-width: <?php echo $st_pc_width; ?>px) {
		.header-post-slider.is-wide .slider-item .post-slide-body {
			display: none;
		}

		.header-post-slider.is-wide .slider-item.slick-active .post-slide-body {
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
		}

		.header-post-slider.is-wide.is-overlaid .slider-item::after {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: rgba(0, 0, 0, .5);
			content: '';
		}

		.header-post-slider.is-wide.is-overlaid .slider-item.slick-active::after {
			content: normal;
		}
	}
<?php } ?>

/*
旧st-kanri.phpより移動（ここまで）
-------------------------------------------*/

<?php if ( $st_is_ex_af ): // テーマ分岐
	_st_widget_print_guidemap_styles(); // ガイドマップメニュー
endif;
