@charset "utf-8";
/*
Theme Name: A8 staff blog
*/

/* 
 * 管理画面の設定で変化するcssはst-kanricss.php
 * カスタマイザーのCSSはst-themecss.php
*/

* {
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
margin: 0px;
padding: 0px;
}


/*-----------------------------
Googleフォントの反映箇所
--------------------------------*/
/*.kdate,.kdate time, 更新日・投稿日*/
.sitename a, /*サイトタイトル*/
.news-ca, /*お知らせタイトル*/
.tagcloud a, /*タグクラウド*/
h5#resp,h3#reply-title,.form-submit, /*コメント欄見出し*/
footer .footerlogo /*フッターのタイトル*/
{
font-family: Josefin Sans,Julius Sans One,'Meddon',Lobster,Pacifico,Fredericka the Great,Bilbo Swash Caps,PT Sans Caption,Montserrat,"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif!important;
}


/*-----------------------------
リセットとか基本設定
-------------------------------*/
main, article, aside, header, canvas, details, figcaption, figure, footer, nav, section, summary {display: block;}
html,body {height: 100%;}

body {min-width: 320px; word-wrap: break-word; background-color: #f4f0f0;}
body.mceContentBody {background-color: #fff;}
.st-hide {display:none;}

hr.hrcss {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.fa-question-circle, 
.fa-check-circle, 
.fa-exclamation-triangle, 
.fa-pencil-square-o,
.fa-user {
margin-right:5px;
}


/* margin */
.mgt3 {margin-top:3px !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}
.mgt50 {margin-top:40px !important;}
.mgt60 {margin-top:60px !important;}

.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr25 {margin-right:25px !important;}
.mgr30 {margin-right:30px !important;}
.mgr35 {margin-right:35px !important;}
.mgr40 {margin-right:40px !important;}
.mgr50 {margin-right:50px !important;}

.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}
.mgl35 {margin-left:35px !important;}
.mgl40 {margin-left:40px !important;}
.mgl50 {margin-left:50px !important;}

.mgb3 {margin-bottom:3px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb50 {margin-bottom:50px !important;}



/* padding */
.pdt5 {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt25 {padding-top:25px !important;}
.pdt30 {padding-top:30px !important;}
.pdt35 {padding-top:35px !important;}
.pdt40 {padding-top:40px !important;}

.pdr5 {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr15 {padding-right:15px !important;}
.pdr20 {padding-right:20px !important;}
.pdr25 {padding-right:25px !important;}
.pdr30 {padding-right:30px !important;}
.pdr35 {padding-right:35px !important;}
.pdr40 {padding-right:40px !important;}

.pdl5 {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:20px !important;}
.pdl25 {padding-left:25px !important;}
.pdl30 {padding-left:30px !important;}
.pdl35 {padding-left:35px !important;}
.pdl40 {padding-left:40px !important;}

.pdb5 {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb25 {padding-bottom:25px !important;}
.pdb30 {padding-bottom:30px !important;}
.pdb35 {padding-bottom:35px !important;}
.pdb40 {padding-bottom:40px !important;}

.txt10 {font-size:10px !important; font-size:1.0rem !important; line-height:1.3 !important;}
.txt11 {font-size:11px !important; font-size:1.1rem !important; line-height:1.3 !important;}
.txt12 {font-size:12px !important; font-size:1.2rem !important; line-height:1.3 !important;}
.txt14 {font-size:14px !important; font-size:1.4rem !important; line-height:1.3 !important;}
.txt16 {font-size:16px !important; font-size:1.6rem !important; line-height:1.4 !important;}
.txt18 {font-size:18px !important; font-size:1.8rem !important; line-height:1.4 !important;}
.txt24 {font-size:24px !important; font-size:2.4rem !important; line-height:1.5 !important;}


/* align */
.alR {text-align:right;}
.alL {text-align:left;}
.alC {text-align:center;}

.vaT {vertical-align:top;}
.vaM {vertical-align:middle;}
.vaB {vertical-align:bottom;}


/* link */
a {color: #ad051e;}
a:hover {color: #b22222;}


img, video, object {max-width: 100%;height: auto; border: none; vertical-align: bottom;}
.inline-img img {display: inline;}

/* 画像リンクのマウスオーバーに透かし */
a:hover img {-moz-opacity: 0.8; opacity: 0.8;}

/*画像にボーダー*/
.photoline img {border: solid 1px #ccc;}

img.size-full, img.size-large {margin-bottom: 10px; height: auto; max-width: 100%;}
iframe {max-width: 100%;}

.resetwidth img, 
.resetwidth video, 
.resetwidth object,
.resetwidth iframe{max-width: initial; /* 初期状態にリセット */ display: inline;}

.wp-caption {height: auto; max-width: 100%;}


/* ロゴ画像の最大サイズ */
.sitename img {max-width: 300px; margin: 0 auto;}

/* スマートフォンは表示しない */
.smanone {display: none;}

/* clearfix */
.clearfix {zoom: 1;}
.clearfix:after {content: ""; display: block; clear: both;}

code {padding:2px; background:#f3f3f3; margin:2px; border-radius:2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}

.clear {clear: both;}
.center {text-align: center;}


/* iframeのレスポンシブ */
.youtube-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0;
overflow: hidden;}
.youtube-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*YouTube画像*/
.st-youtube {position: relative; margin-bottom:20px;}
.st-youtube .fa-youtube-play{font-size:40px; color:#fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 40px; height:40px; text-align:center; z-index: 8;}

.st-youtube:hover .fa-youtube-play{color:#CC181E;}

/*YouTube背景*/
#st-player {min-width: 100%; min-height: 100%; display:block; position:relative;}
#tubular-player {max-width: none;}

/*YouTubeのPLAYNOWボタン*/
#playnow {position:fixed; bottom:20px; left:-3px; font-size:70%; background:#d62423; color:#fff; padding:2px 10px; z-index:999; border-radius:3px;}
#playnow a {color:#fff; text-decoration:none;}
#playnow .fa-youtube-play {margin-right:5px;}
#playnow:hover {opacity:0.6;}

/*スライドショー
* スライド時はdisplay:noneで矢印非表示
*/
.slick-next{display:none!important; right:10px; z-index:9999!important;}
.slick-prev{display:none!important; left:10px; z-index:9999!important;}
[dir="rtl"] .slick-next {left: 10px!important; right: auto;}
[dir="rtl"] .slick-prev {left: auto; right: 10px!important;}
#st-header .slick-slider { margin-bottom: 0;}



/*--------------------------------
各フォント設定
---------------------------------*/

/*基本のフォントサイズ*/
p, /* テキスト */
.st-kaiwa-hukidashi, /* ふきだし */
.yellowbox, /* 黄色ボックス */
.graybox, /* グレーボックス */
.redbox, /* 薄赤ボックス */
#topnews .clearfix dd p, /* 一覧文字 */
.post ul li, /* ulリスト */
.post ol li, /* olリスト */
#comments #respond, /* コメント */
#comments h4, /* コメントタイトル */
.post h5, /* H5 */
.post h6 /* H6 */
 {
	font-size: 17px;
	line-height: 28px;
}

/* 基本の文字 */
p,
.post h5 /* H5 */
{
	margin-bottom: 20px;
}


@font-face {
  font-family: 'sbblogicon';
  src:  url('https://a8pr.jp/wp-content/themes/a8staffblogTheme/images/fonts/sbblogicon.eot?2ab9ch');
  src:  url('https://a8pr.jp/wp-content/themes/a8staffblogTheme/images/fonts/sbblogicon.eot?2ab9ch#iefix') format('embedded-opentype'),
    url('https://a8pr.jp/wp-content/themes/a8staffblogTheme/images/fonts/sbblogicon.ttf?2ab9ch') format('truetype'),
    url('https://a8pr.jp/wp-content/themes/a8staffblogTheme/images/fonts/sbblogicon.woff?2ab9ch') format('woff'),
    url('https://a8pr.jp/wp-content/themes/a8staffblogTheme/images/fonts/sbblogicon.svg?2ab9ch#sbblogicon') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'font-awesome';
  src:  url('https://a8pr.jp/wp-content/themes/a8staffblogTheme/css/fontawesome/css/font-awesome.min.css');
}

/*--------------------------------
レイアウト
---------------------------------*/
#wrapper {
overflow:visible; /*グローバルメニューの下層リンクを表示する為*/
padding:0;
width:100%;
}



/*-----------------------------
ヘッダー
--------------------------------*/
header .sitename {font-size: 22px; color: #fff; line-height: 30px; font-family: 'Oswald', sans-serif; padding: 10px 0 0; margin-bottom: 10px;}
header .sitename a {color: #333; text-decoration: none; font-weight: bold;}
header .sitename a:hover {-moz-opacity: 0.8; opacity: 0.8;}
header h1 {font-size: 12px;font-weight: normal;}
header .descr {font-size: 13px; font-weight: normal; margin-bottom: 0px; line-height: 24px; padding-bottom: 0;}
header .headbox .textwidget{padding:5px 10px; border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
#headbox-bg{background: #fff; padding: 20px 0; border-top:12px solid #ad051e;}	
#headbox{max-width:1060px; position: relative;}
#head-caption{position: absolute; right:0;}
.headerImg{position: absolute; right:94px; bottom:0; bottom: -24px;}
#head-caption .descr{width:70%; display:table-cell; vertical-align:middle; color: #666;}
.head-snsarea{width:25%; display:table-cell; text-align:right; margin:0;}
#logo-area{overflow:hidden; padding:10px 0 15px; display: table;}
#logo-area h1{width:400px; display: table-cell; vertical-align: middle;}
#logo-area h1 img{width:100%; height:auto;}



/*-----------------------------
コンテンツ部分大枠
--------------------------------*/
#content {margin:15px auto;}
#content-w{padding-top:30px;}

#contentInner {
float: left ;
width: calc(100% - 320px)  !important;
margin-right: 0;
}
	
#contentInner {
float: left;
width: calc(100% - 320px) ;
margin-right: 0;
}


/*-----------------------------
左側大枠
--------------------------------*/

main {padding: 5px; margin: 0 0 20px; background:#fff;}

/*-----------------------------
左側TOPの場合
--------------------------------*/
.kanren dl {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	display: flex;
	align-items: flex-start;
}

.kanren dl p {
	margin-bottom: 0px;
}

.kanren dl:last-child {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-style: none;
}

.kanren dt {
width: 220px !important;
height: 220px !important;

}
.kanren dt img {
width: 200px !important;
}
.kanren dd{padding-top: 0; word-break:break-word;}



/*特集バナー*/
ul.feature-bnr{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
ul.feature-bnr li{width: 48%; margin:10px 0; list-style: none;}



/*-----------------------------
記事ページ下の会員導線
--------------------------------*/

#promo_area{background: #F4F0F0; border-radius: 5px; text-align: center; padding:5px 15px !important; }
#promo_area h3{color:#AD051E; font-size:18px; font-size:1.8rem;margin-bottom: 10px; font-weight:bold;border-radius: 5px 5px 0 0; padding-top:0px !important;}
#promo_area p{font-size:14px; font-size:1.4rem;}
#promo_area img{line-height:1.0; padding:0; margin:0 auto; display:block;}
#promo_area .flex_con{display: flex; justify-content:space-between; margin-bottom: 0px !important;}
#promo_area .flex_item{background: #fff; padding:10px; width:49%; margin:10px 0; line-height: 1.0;  border-radius: 5px;}
	
.promo_Btn a{width:80%; display: inline-block; padding: 15px 20px; background: #cb212e; color: #fff !important; border-radius: 5px; text-decoration:none; text-decoration: none !important; font-size: 16px; font-size: 1.6rem;border-bottom: 5px solid #942029; font-weight:bold; height:auto; text-align: center; margin:0;}
.promo_Btn a:hover {opacity: 0.9; }
.green_Btn a{background: #23ae7b; border-bottom: 5px solid #00794d;}

.promopcnone{display:block!important;}		
.promospnone{display:none!important;}		


/*-----------------------------
右側
--------------------------------*/
#side aside {float: right; width: 300px; padding: 0px; margin-bottom:15px;}
#side aside h4{
margin: 15px 0;
padding:10px 10px 10px 5px;
border-left: solid 5px #ad051e;
font-size: 18px; font-size: 1.8rem;
	background: #fff;

}

#side aside p{margin-bottom: 0;}
#side aside .ad li.menu-item{border-bottom: 1px dotted #ccc;}
#side aside .ad li.menu-item a{display: block;text-decoration: none;font-weight: bold;padding: 10px;}




/*カテゴリ部分*/
#side aside ul li,#side aside #mybox ul li ul li,#side aside #mybox ul li ul li {font-size: 14px; line-height: 24px;}
#side aside ul.keyword li{padding-right:5px; margin-right:5px; font-size:12px;}
#side aside ul li {list-style-type: none; margin: 0px; padding: 0px;}
#side aside .children li {padding-left: 10px;}
#side aside ul li ul li{list-style-type: none; margin: 0px;}
#side aside .sub-menu {padding-left: 10px;}
#side aside .kanren {padding-top: 10px;}


.sidecate h4{border-left:0px !important; background:#ad051e !important; text-align: center !important; color:#fff;}
.sidecate{background: #fff; margin-bottom:15px !important;}
.sidecate ul {padding:15px;}
.sidecate ul li a{color:#ad051e !important; font-weight: bold; font-size: 18px !important; font-size: 1.8rem !important; text-decoration: none;}
.sidecate ul li a::before {content: " ■"; padding-right:10px;}
.sidecate ul.children{padding:5px !important; margin-bottom:15px;}
.sidecate ul.children li{margin:5px 0 !important;}
.sidecate ul.children li a{color: #333 !important; font-size: 14px !important; font-size: 1.4rem !important; font-weight: normal; margin:5px 0 !important; line-height: 2.0;}
.sidecate ul.children li a::before{content: " \f105"; font-family: FontAwesome; left: 10px; color:#ccc;}
.sidecate ul.children ul{display: none;}

























/*投稿のカテゴリ*/
.post .st-catgroup {
	font-size:12px;
	line-height:18px;
	margin:0;
	padding: 5px 0 10px;
}

.catname {
	font-size: 13px;
	line-height: 1em;
	color: #1a1a1a;
	display: inline-block;
	white-space: nowrap;
	padding: 8px 8px;
	margin-top: 5px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-decoration: none;
	background:#f3f3f3;
}

.post .st-catgroup a {
	text-decoration:none;
	color:#000;
}

.post .st-catgroup a:hover {
	opacity:0.5;
}

/*カテゴリID別に色を指定できます
例）IDが7の場合
.catname.st-catid7 {
	background:#ff0000;
	color:#fff;
}
*/

/*一覧に表示するカテゴリ*/
p.itiran-category {
	margin-bottom:0;
}

.post .st-catgroup.itiran-category {
	padding:0 0 5px;
}

.st-catgroup.itiran-category .catname {
	font-size:11px;
	margin: 0 0 5px;
	padding: 6px;
}

.st-post .st-catgroup.itiran-category .catname,
.st-page .st-catgroup.itiran-category .catname
 {
	margin-bottom: 5px;
}


/* 記事タイトル */
.entry-title, 
.post .entry-title {
	font-size: 24px;
	line-height: 35px;
	color: #333;
	margin-bottom: 10px;
	font-weight:bold;
}

#st-page .entry-title {
	margin-bottom: 20px;
}

.entry-title a:hover {
	text-decoration: underline;
}

.entry-title a {
	color: #333;
	text-decoration: none;
}

h1 {
	margin: 0px;
	padding: 0px;
}

/* 中見出し */
h2 {
	background: #f3f3f3;
	color: #1a1a1a;
	font-size: 19px;
	line-height: 27px;
	margin: 20px 0;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-top:2px solid #ccc;
	border-bottom:1px solid #ccc;
}

/*小見出し*/
.post h3 {
	font-size: 18px;
	line-height: 27px;
	margin: 20px 0;
	padding: 10px 15px;
	color: #1a1a1a;
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom: 1px #999999 dotted;
}

h3 a {
	color: #333;
	text-decoration: none;
}

dd h3 {
	line-height: 20px;
}

dd h3 a {
	color: #333;
	text-decoration: none;
	font-size: 18px;
    	line-height: 26px;
}

.post h4 {
	padding: 10px 15px;
	margin: 20px 0;
	background-color: #f3f3f3;
	font-size: 17px;
	line-height: 26px;
}

/*amazonプラグインのh4は除外*/
.post .amazonjs_info h4{
	background-color:transparent!important;
	margin-bottom:10px!important;
}
.post .amazonjs_info h4:before,
.post .amazonjs_info h4:after{
	border:none!important;
}


.post h5.kanren-t {
	margin-bottom: 5px;
}

.post h6 {
	margin-bottom: 10px;
	font-weight:bold;
}

.wp-caption-text a, 
.wp-caption-text {
	font-size: 12px;
	color: #ccc;
}

/*ウィジェットのタイトル（表示したい場合は削除）*/
.st-widgets-title {
	display:none;
}

/*NEWENTRY及び関連記事テキスト*/
.n-entry-t {
	margin-bottom:40px;
	position:relative;
	border-bottom:solid 1px #f3f3f3;
	padding-top:20px;
}

.n-entry {
	padding:3px 20px;
	margin:0;
	font-size:15px;
	font-weight:bold;
	background:#f3f3f3;
	color:#000;
	position:absolute;
	top:5px;
	left:0;
}


/* 関連記事の文字 */
.post h4.point {
	margin-bottom:40px;
	position:relative;
	border-bottom:solid 1px #f3f3f3;
	padding:20px 15px 10px;
	background-color:transparent;
}
.post h4 .point-in {
	padding:3px 20px;
	margin:0;
	font-size:15px;
	font-weight:bold;
	background:#f3f3f3;
	color:#000;
	position:absolute;
	top:15px;
	left:0;
}
/* カテゴリコンテンツがある場合の記事一覧 */
.cat-itiran p.point {
    background-color: transparent;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 40px;
    padding: 20px 15px 10px;
    position: relative;
}

.cat-itiran p.point .point-in {
    background: #f3f3f3 none repeat scroll 0 0;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    left: 0;
    margin: 0;
    padding: 3px 20px;
    position: absolute;
    top: 15px;
}

.cat-itiran h3 {
    border:none;
}

/* 記事タイトル下 */
.blogbox p {
	font-size: 14px;
	margin: 0px;
	color: #ccc;
	line-height: 18px;
}

.blogbox {
	margin-bottom: 10px;
	padding: 0px;
}

/*投稿タグ*/
.tagst {
	font-size:13px;
	color:#ccc;
	padding: 10px 0 0;
}

/*サムネイルなし*/
.no-thumbitiran {
	margin-bottom:20px;
}

.kanren .no-thumbitiran h3 {
	margin-bottom:0px;
	font-size:18px;
	line-height:27px;
	padding:5px 0 0;
}

.no-thumbitiran h3 a{
	color: #4682b4;
}

.no-thumbitiran h5 a{
	color: #1a1a1a;
	text-decoration:none;
}

.no-thumbitiran h3 a:hover,
.no-thumbitiran h5 a:hover {
	color: #b22222;
}

.no-thumbitiran p{
	color:#616161;
}

.no-thumbitiran .blog_info p {
	font-size: 12px;
	margin: 0px;
	color: #666666;
	line-height: 18px;
}

.no-thumbitiran .blog_info {
	margin-bottom: 0px;
	padding: 5px 0;
}

/* 引用 */
.post blockquote {
	background-color: #f3f3f3;
	background-image: url(images/quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}

/* オリジナルスタイルsmartphone */
.huto {
	font-weight:bold;
}

.hutoaka {
	font-weight:bold;
	color:#ff0000;
}

.oomozi {
	font-size: 18pt;
	line-height: 35px;
	font-weight:bold;
}

.komozi {
	font-size: 80%;
}

.ymarker {
	background:#FFF9C4;
	padding:0 2px;
}

.rmarker {
	background:#ffcdd2;
	padding:0 2px;
}

.yellowbox {
	padding:20px;
	border:solid 1px #fffacd;
	background-color:#ffffe0;
	margin-bottom:20px;
}

.redbox {
	padding:20px;
	border:solid 1px #ef5350;
	background-color:#ffebee;
	margin-bottom:20px;
}

.graybox {
	padding:20px;
	border:solid 1px #ccc;
	background-color:#f3f3f3;
	margin-bottom:20px;
}

.post .yellowbox p:last-child,
.post .yellowbox ol:last-child,
.post .yellowbox ul:last-child {
	margin-bottom:0;
	padding-bottom:0;
}

.post .graybox p:last-child,
.post .graybox ol:last-child,
.post .graybox ul:last-child {
	margin-bottom:0;
	padding-bottom:0;
}

.post .redbox p:last-child,
.post .redbox ol:last-child,
.post .redbox ul:last-child {
	margin-bottom:0;
	padding-bottom:0;
}

.h2fuu {
	position: relative;
	background: #f3f3f3;
	color: #1a1a1a;
	font-size: 20px;
	line-height: 27px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-weight:bold;
}

.h2fuu:after {
	content: '';
	position: absolute;
	border-top: 10px solid #f3f3f3;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -10px;
	left: 30px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.h2fuu:before {
	content: '';
	position: absolute;
	border-top: 10px solid #f3f3f3;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -10px;
	left: 30px;
}

.inyoumodoki {
	background-color: #f3f3f3;
	background-image: url(images/quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}


.post .inyoumodoki p:last-child,
.post .inyoumodoki ol:last-child,
.post .inyoumodoki ul:last-child {
	margin-bottom:0;
	padding-bottom:0;
}

.sankou {
	font-size:11px;
	background-color:#F57C00;
	color:#fff;
	padding:2px 3px;
	margin:0 5px;
	white-space: nowrap;
}

.st-hisu {
	font-size:11px;
	background-color:#FF0000;
	color:#fff;
	padding:2px 3px;
	margin:0 5px;
	white-space: nowrap;
}

/*ドット線*/
.dotline {
	border-bottom:1px dotted #212121;
}

.dotliner {
	border-bottom:1px dotted #ff0000;
}

.dotline-s {
	border-bottom:1px solid #212121;
}

.dotline-sr {
	border-bottom:1px solid #ff0000;
}

/*固定ページの子ページリンク*/
.pagelist-box .kanrenh4 {
	background-color: #FFF;
}

.pagelist-box .st-childlink {
	padding:20px 0px;
}

.post .pagelist-box .st-childlink .kopage-t {
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
	line-height:26px;
}

/*スター*/
.y-star,
.w-star  {
	font-size:90%!important;
	margin:0;
}

.y-star .fa-star,
.w-star .fa-star-half-o,
.w-star .fa-star-o {
	color:#ffb400;
}

/*--------------------------------
任意の人気記事
---------------------------------*/

.pop-box {
	position:relative;
	border-top:solid 1px #FEB20A;
	padding:20px 20px 10px;
	background:#f3f3f3;
	margin-bottom:10px;
}

.pop-box.kanren {
    margin-top:40px;
}

.kanren.pop-box dl:last-child {
	margin-bottom: 0px;
}

.p-entry {
	padding:3px 20px;
	margin:0;
	font-size:15px;
	font-weight:bold;
	background:#FEB20A;
	color:#fff;
	position:absolute;
	top:-15px;
	left:0;
	max-width:80%;
}

.post .p-entry-t, 
#side .p-entry-t, 
.home-post .p-entry-t {
	margin-bottom:30px;
}

/*アイキャッチのない場合（トップ）
-----------------------------*/

.nowhits .pop-box {
	position:relative;
	margin:-20px 0 20px;
	border-top:solid 1px #FEB20A;
	padding:20px 15px 10px;
}


/*アイキャッチのある場合（トップ）
-----------------------------*/

.nowhits-eye .pop-box {
	position:relative;
	margin:-25px 0 20px;
	border-top:solid 1px #FEB20A;
	padding:20px 15px 10px;
}

.nowhits .p-entry {
	padding:3px 20px;
	margin:0;
	font-size:15px;
	font-weight:bold;
	background:#FEB20A;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
}

/*ヘッダーの無い場合*/
.nowhits.noheader .p-entry {
	top:0px;
	left:0;
}

.nowhits.noheader .p-entry-t {
	margin-bottom:40px;
}

/*ランキング*/
.poprank-no2{
	/*font-family: 'Montserrat', sans-serif;*/
	padding:2px 8px;
	background:#FEB20A;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	margin-right:10px;
}

/*スクロール用*/
.poprank {
	position:relative;
}

.poprank-no{
	/*font-family: 'Montserrat', sans-serif;*/
	position:absolute;
	top:0;
	left:0;
	padding:2px 8px;
	background:#FEB20A;
	font-size:13px;
	font-weight:bold;
	color:#fff;
}

/*--------------------------------
フリーのウィジェットボックス
---------------------------------*/

.freebox {
	border-top:solid 1px #FEB20A;
	padding:10px 0;
	background:#f3f3f3;
	margin-bottom:10px;
	font-size: 15px;
	line-height: 25px;
	position:relative;
}

.ad .freebox {
	margin-bottom: 0px;
}

.p-free {
	padding:0;
	}

.p-free:after {
	content: "";	
	display:block;
	margin-bottom:30px;
	}

.p-entry-f {
	padding:3px 20px;
	margin:0;
	font-size:15px;
	font-weight:bold;
	background:#FEB20A;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	max-width:80%;
}

.free-inbox {
	padding:10px 15px 0px;
	text-align:left;
}


/*ウィジェットテキスト*/
.headbox, 
.headbox p {
	font-size:12px;
	line-height:18px;
	text-align:center;
}


/*--------------------------------
トップページのウィジェットボックス
---------------------------------*/

.top-wbox-t {
	padding-bottom:20px;
}

.top-wbox-u {
	padding:10px 0 20px;
}


/*--------------------------------
トップページやアーカイブ一覧表示
---------------------------------*/

/* タイトル名 */
#topnews dd h3 {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 5px;
}

#topnews dt {
	float: left;
	width: 100px;
}

#topnews dt img {
	width: 100%;
}

#topnews dd {
	padding-left: 110px;
}

#topnews dl {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

#topnews dl:first-child {
	padding-top: 20px;
}

#topnews dl:last-child {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-style: none;
}

#topnews .clearfix dd h5 {
	font-size: 17px;
	line-height:25px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px;
}

/* 抜粋文字 */
#topnews .clearfix dd p {
	color: #666;
}

#topnews .clearfix dd h5 a {
	color: #333;
	text-decoration: none;
}

/* 一覧タイトル下 */
.kanren .blog_info p {
	margin:0 0 5px;
}

#side .kanren .blog_info p {
    margin: 0 0 3px;
}

.kanren h3 {
    margin: 0 0 3px;
}

.kanren h3 a,
.post .kanren h3 a {
    color: #1a1a1a;
}

.post .kanren h5 {
    margin-bottom: 10px;
}

.blog_info p a {
	color: #666;
	text-decoration: none;
}

#topnews .clearfix dd .blog_info p {
	font-size: 12px;
}

/*--------------------------------
PC閲覧時の記事上の一括表示部分
---------------------------------*/

.pc-kizi-top-box {
	margin-bottom:20px;
}

/*--------------------------------
記事下の一括表示部分
---------------------------------*/

.kizi-under-box {
	margin-bottom:20px;
}

/*--------------------------------
関連記事表示部分
---------------------------------*/



/* RSS購読するボタン */
.fa-rss-square {
	margin-right:10px;
}

.rssbox a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	background-color: #1a1a1a;
	padding: 10px 15px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}

.rssbox a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#scrollad {
	padding: 20px 0;
}



































/*タグクラウド*/
.tagcloud a {
	font-size: 13px!important;
	line-height: 1em;
	color: #1a1a1a;
	display: inline-block;
	border:1px #1a1a1a solid;
	white-space: nowrap;
	padding: 8px 8px;
	margin-top: 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-decoration: none;
	opacity:0.5;
}
.tagcloud a:hover {
	opacity:0.5;
}

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

.st-formbtn{
	vertical-align:middle;
	background:#616161;
	padding:10px 15px;
	margin-bottom:0;
}

.st-formbtnlink .fa{
	margin:0!important;
	padding:0!important;
}

.st-originalbtn-l {
	display: table-cell;
	vertical-align: middle;
	padding-right:15px;
}

.st-originalbtn-r {
	display: table-cell;
	vertical-align: middle;
	padding-left:15px;
	border-left:1px solid #ccc;
}

.originalbtn-bold {
	font-weight:bold; /*太字にする*/
}

a.st-formbtnlink {
	color:#fff;
	text-decoration:none;
}

a:hover .st-formbtn {
	opacity:0.7;
}

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

.st-originalbtn {
	vertical-align:middle;
	background:#616161;
	padding:10px 15px;
	margin-bottom:0;
}

.st-originalbtn .fa-question-circle, 
.st-originalbtn .fa-check-circle, 
.st-originalbtn .fa-exclamation-triangle, 
.st-originalbtn .fa-pencil-square-o {
	margin-right:0px;
}

a.st-originallink {
	color:#fff;
	text-decoration:none;
}

a:hover .st-originalbtn
 {
	opacity:0.7;
}


/*--------------------------------
エディタ用
---------------------------------*/

/*均等横並び */
.post .kintou ul {
	display:table;
	table-layout: fixed;
	width:100%;
	padding:0;
	margin:0 -5px 20px;
}

.post .kintou ul li {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding:0 5px;
}

/*テーブル */
.post table {
	box-sizing: border-box;
	border-top: 1px #999 solid;
	border-right: 1px #999 solid;
	margin-bottom: 20px;
	width: 100%;
	max-width: 100%;
}

/*For IE*/
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.post table {
		table-layout: fixed;
	}
}

table tr td {
	padding: 10px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	vertical-align:top;
}

table th {

	padding: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	font-size: 15px;
	line-height: 18px;
}

.post table tr td p {
	font-size: 15px;
	line-height: 18px;
}

.post table tr:nth-child(even) {
	background-color: rgba(220,220,220,0.2);
}

#main .post table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	color: #333;
}

/*テーブル（装飾なし） */
.post .notab table {
	border:none;
	width: initial; /* 初期状態にリセット */
	max-width: initial; /* 初期状態にリセット */
}

.notab table tr td {
	border:none;
	text-align: left;
	vertical-align: top;
}

.notab table th {
	border:none;
}

.post .notab table tr:nth-child(even) {
	background-color: transparent;
}

/*スクロール*/
.post .scroll-box table {
	max-width:initial;
}

.scroll-box {
	overflow-x: auto;
	margin-bottom:10px;
}

.scroll-box::-webkit-scrollbar {
	height: 5px;
}

.scroll-box::-webkit-scrollbar-track {
	border-radius: 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	background: #f3f3f3;
}
.scroll-box::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #ccc;
}

/*画像 */
img.alignright {
	float: right;
	margin: 0 0 5px 10px;
}

img.alignleft {
	float: left;
	margin: 0 10px 5px 0;
}

img.aligncenter {
	display: block;
	margin:0 auto 10px;
}

img.float-left {
	float: left;
}

img.float-right {
	float: right;
}

.wp-caption {
	text-align: center;
}

.aligncenter {
	clear: both;
	display: block;
	margin:0 auto 10px;
}

.ie8 img {
	width: auto;
}

/*リスト */
.post ul {
	list-style-type: disc;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-bottom: 20px;
}

.post ul li {
	padding-bottom:5px;
}

.post ul li:last-child {
	padding-bottom:0px;
}

.post ol {
	list-style-type: decimal;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 30px;
	margin-bottom: 20px;
}

.post ol li {

	padding-bottom:5px;
}

.post ol li:last-child {
	padding-bottom:0px;
}

/*マルリスト*/
.post .maruno { 
	margin-bottom: 20px;
}

.post .maruno ol { 
	list-style-type: none;
	counter-reset: st-section;
	margin-left: 10px;
	padding:0 20px 0 30px;
	margin-bottom: 10px;
}

.post .maruno ol li {
	counter-increment: st-section;
	line-height: 23px;
}

.post .maruno ol li:before {
	content: counters(st-section,"");
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	display: inline-block;
	padding:0 8px;
	font-size:70%;
	margin-right:10px;
	background: #f3f3f3;
	color:#000;
	margin-left:-3em;
}

/*チェックリスト*/
.post .maruck { 
	margin-bottom: 20px;
}

.post .maruck ul { 
	list-style-type: none;
	margin-left: 10px;
	padding:0 20px 0 30px;
	margin-bottom: 10px;
}

.post .maruck ul li {
	padding-bottom:5px;
	line-height: 23px;
}

.post .maruck ul li:before {
	content: " \f00c";
	font-family: FontAwesome;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	display: inline-block;
	padding:0 6px;
	font-size:70%;
	margin-right:10px;
	background: #f3f3f3;
	color:#000;
	margin-left:-3em;
}


/*フォーム*/
input:not(.st-form-nowide):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type="image"]),textarea,select {
	box-sizing:border-box;
	width:100%;
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]),textarea,select {
	padding:5px;
}


.post input:not([type="image"]),.post textarea{
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:1px solid #ccc;
}

.post #search input{
	border:none;
}

/*コンタクトフォーム7の送信ボタン*/
.wpcf7-submit{
	width:100%;
	border-radius:20px;
	-webkit-border-radius: 20px;  
	-moz-border-radius: 20px;
	background:#f3f3f3;
	color:#000;
	border:none;
	margin:0 auto;
	padding:10px;
	display:block;
	box-sizing:border-box;
}

.wpcf7-submit:hover{
	opacity:0.9;
}

/*レスポンシブ用PC左右コンテンツ*/
.responbox, 
.responbox30, 
.responbox33, 
.responbox40, 
.responbox50, 
.responbox60, 
.responbox70,
.responboxfree {
	margin-bottom:10px;
}

.responbox .lbox {
	margin-bottom:10px;
}

/*AmazonJS*/
.post .amazonjs_item h4, 
.post .amazonjs_item h4 a {
	color:#1a1a1a!important;
	font-size:15px;
	background-color:transparent;
	border:none!important;
	padding:0!important;
}
.post .amazonjs_item ul li {
	font-size:12px!important;
}

/*続きを読む*/
.post p.cardbox-more {
	margin-bottom:5px;
}

.rankst-box .cardbox-more a {
	display:block;
}

.cardbox-more a {
	padding:5px 10px;
	box-sizing:border-box;
	border:1px solid #ccc;
	text-align:center;
	text-decoration:none;
	color:#757575;
}

.cardbox-more a:hover {
	background:#f3f3f3;
}



/*--------------------------------
メニューst5 未設定
---------------------------------*/

nav.st5,
#st-menuwide div.menu,
#st-menuwide nav.menu
 {
	display:none;
}

/*--------------------------------
検索フォーム
---------------------------------*/

#search {
	padding-bottom: 0px;
	position: relative;
	width: 100%;
}

#searchform {
	border:#ccc 1px solid;
}

#s {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	height: 34px;
	color: #333;
	font-size: 14px;
	border-radius: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	z-index: 10;
	padding: 10px 65px 10px 10px;
	width: 100%;
	box-sizing: border-box;
}

#searchsubmit {
	
	border-radius: 0;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 46px;
	height: 30px;
	z-index: 20;
	box-sizing:border-box;
	border:0;
    background: url(/wp-content/themes/a8staffblogTheme/images/search.png) left top no-repeat;
}

*:first-child + html #searchsubmit {
	top: 1px;
}

#searchsubmit:hover{
    cursor: pointer;
}

/*アコーディオン内*/
.acordion_tree .search-box{
	padding:10px;
}



/*--------------------------------
ページャー
---------------------------------*/

/*コメントナビ*/

.st-pagelink {
	padding:20px 0px;
	text-align:center;
}

.st-pagelink:after {
	content: "";
	display:block;
	clear:both;
}

.st-pagelink a {
	text-decoration:none;
	font-size:13px;
}

.st-pagelink a:hover {
	opacity:0.5;
}

.st-pagelink .page-numbers {
	border:1px solid #ccc;
	padding:10px;
	margin-right:5px;
	margin-bottom:5px;
	font-size:15px;
	min-width:20px;
	height:20px;
	display:block;
	float:left;
	text-align:center;
}

.st-pagelink .page-numbers.current,
.st-pagelink .page-numbers.disabled {
	opacity:0.5;
}

/* 投稿・固定ページ内ナビ */

.st-pagelink-pages {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.pagination {
	clear: both;
	position: relative;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 6px 9px 5px 9px;
	text-decoration: none;
	width: auto;
	color: #fff;
	background-color: #999;
}

.pagination a:hover {
	color: #fff;
	background-color: #666666;
}

.pagination .current {
	padding: 6px 9px 5px 9px;
	color: #fff;
	background-color: #CCCCCC;
}

/*--------------------------------
ぱんくず
---------------------------------*/

#breadcrumb,
#breadcrumb ol,
#breadcrumb li {
	margin:0;
	padding:0;
}

#breadcrumb ol li {
	color: #ccc;
	font-size: 13px;
	list-style:none;
	display: inline-block;
}

#breadcrumb ol li a {
	text-decoration: none;
	color: #ccc;
}

/*--------------------------------
SNS
---------------------------------*/

.sns{
	box-sizing: border-box;
	width:100%;
	margin:0 auto;
	padding:0 0 20px;
}

.snstext{
	font-size:13px;
	vertical-align:middle;
	padding-left:10px;
}

.snscount{
	font-size:13px;
	vertical-align:middle;
	padding:0 10px;
}

.post .sns ul {
	list-style:none;
	padding:0px;
	margin:0px 0px 20px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;

}
.sns li {

	list-style:none;

}

.sns li a {
	font-size:15px;
	position:relative;
	display:block;
	padding:6px 10px 4px 15px;
	color:#fff;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-decoration: none;
	margin:5px;
	cursor:pointer;
	line-height:25px;
	    width: 110px;
}

.sns li a:hover {
	transform: translate(0px,1px);
}

/* ツイッター */
.sns .twitter a {
	background:#55acee;
	box-shadow: 0 3px 0 #4892cb;
}

.sns .twitter a:hover {
	box-shadow: 0 2px 0 #4892cb;
}

.sns .fa-twitter {
	border-right:1px solid #9ACFF4;
	padding-right:15px;
}

/* Facebook */
.sns .facebook a {
	background:#3b5998;
	box-shadow: 0 3px 0 #2c4373;
}
.sns .facebook a:hover {
	box-shadow: 0 2px 0 #2c4373;
}

.sns .fa-facebook {
	border-right:1px solid #607BB2;
	padding-right:15px;
}

/* グーグル */
.sns .googleplus a {
	background:#dc4e41;
	box-shadow: 0 3px 0 #d51e31;
}
.sns .googleplus a:hover {
	box-shadow: 0 2px 0 #d51e31;
}

.sns .fa-google-plus {
	border-right:1px solid #E0776D;
	padding-right:13px;
}

/* はてぶ */
.sns .hatebu a {
	background:#00a5de;
	box-shadow: 0 3px 0 #0081b8;
}

.sns .hatebu a:hover {
	box-shadow: 0 2px 0 #0081b8;
}

.sns .fa-hatena {
	border-right:1px solid #48B6DB;
	padding-right:15px;
}

/* LINE */
.sns .line a {
	background:#25af00;
	box-shadow: 0 3px 0 #219900;
}
.sns .line a:hover {
	box-shadow: 0 2px 0 #219900;
}

.sns .fa-comment {
	border-right:1px solid #29c200;
	padding-right:15px;
}

/* Pocket */
.sns .pocket a {
	background:#f03e51;
	box-shadow: 0 3px 0 #c0392b;
}

.sns .fa-get-pocket {
	border-right:1px solid #F27985;
	padding-right:15px;
}
.sns .pocket a:hover {
	box-shadow: 0 2px 0 #F27985;
}

/*--------------------------------
カレンダー
---------------------------------*/

#wp-calendar {
	border-collapse: collapse;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	width: 100%;
}

#wp-calendar thead tr th {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	font-size: 14px;
	padding: 10px 3px;
	text-align: center;
	background-color: #f3f3f3;
}

#wp-calendar td {
	text-align: center;
	padding: 10px 0;
	background-color: #fff;
}

#wp-calendar caption {
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 14px;
}

#wp-calendar tbody tr #today {
	background-color: #b0e0e6;
}

/*--------------------------------
PAGE TOP
---------------------------------*/

#page-top {
	position: fixed;
	z-index: 9999;
	bottom: 20px;
	right: 0px;
}

#page-top a {
	text-decoration: none;
	background: #ccc;
	color: #fff;
	padding: 12px 16px;
	text-align: center;
	display: block;
	-moz-opacity: 0.8;
	opacity: 0.8;
	width: 54px;
	height: 54px;
}

#page-top a:hover {
	text-decoration: none;
	color: #fff;
}

/*--------------------------------
コメント
---------------------------------*/

#comments p a {
	color: #333;
}

.post #comments h3 {
	background-color: transparent;
}

#comments p {
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0px;
	color: #333;
	padding: 5px 0;
}

#comments label {
	display: block;
}

.metadata dd a {
	color: #333;
}

.metadata {
	font-size: 13px;
	line-height: 20px;
}

#comments {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom: 20px;
}

.comment-body {
	padding: 10px;
	margin-bottom: 20px;
}

.fn {
	font-style: normal;
	font-size: 13px;
}

.says {
	font-size: 13px;
	line-height: 18px;
}

.commentmetadata {
	box-sizing: border-box;
	font-size: 12px;
	line-height: 24px;
	height: 15px;
	width: 100%;
	clear: both;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.reply {
	padding: 5px;
	font-size: 13px;
}

#comments #respond {
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #666;
}

#comments #commentform .tags {
	padding: 10px;
	background-color: #f3f3f3;
	font-size: 13px;
}

#comments #commentlist img {
	padding: 10px;
}

#comments .commets-list {
	padding-left: 0px;
	list-style-type: none;
}

ul.sub-menu {
	padding: 0px;
}

.commets-list li {
	list-style-type: none;
}

.comment-author.vcard .avatar {
	float: left;
	margin-right: 10px;
}

.vcard .fn {
	font-size: 13px;
	line-height: 18px;
}

/*コメントの入れ子*/
.post .commets-list li ul {
	padding-left: 20px;
	margin-bottom:0;
}
.post .commets-list li ul ul {
	padding-left: 0px;
}

/* コメント欄の下にある使用できるタグの表記を消す */

.form-allowed-tags {
	display: none;
}

#comments h3 {
	background-image: none;
	border: none;
	margin-bottom: 0px;
	padding: 0;
}

#comments h4 {
	background-color: transparent;
	padding: 0;
	border: none;
	margin-bottom: 0px;
}

#comments textarea {
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	border: 1px #f2f2f2 solid;
}

#comments input {
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border: 1px #f2f2f2 solid;
}

/* コメントボタン */
	#comments input[type="submit"] {
	background-color: #f3f3f3;
	padding: 10px;
	-webkit-appearance: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px #f2f2f2 solid;
}

/*--------------------------------
PREV NEXT
---------------------------------*/

.p-navi dl dt {
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	float: left;
	width: 50px;
	color: #666;
}

.p-navi dl dd {
	font-size: 15px;
	padding-left: 55px;
	line-height: 25px;
}

/*--------------------------------
NEWS（お知らせ）
---------------------------------*/

#topnews-box div {
	padding: 0 10px 10px;
}

#topnews-box {
	padding: 0 0 10px;
	margin-bottom:10px;
}

.st-topin #topnews-box {
	padding: 10px 0 10px;
}

.news-ca {
	font-size:13px;
}

#topnews-box div.rss-bar {
	font-size: 14px;
	border:1px solid #ccc;
	margin-bottom:20px;
	padding: 5px 15px;
	margin-top:-10px;
}

.rss-bar a {
	color:#333;
	text-decoration:none;
}

#topnews-box dt {
	font-size: 14px;
	color: #727272;
	padding-bottom: 5px;
}

#topnews-box dd {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	font-size: 14px;
	margin-bottom: 10px;
}

#topnews-box div dl dd a {
	color: #333;
	text-decoration: none;
}

#topnews-box div dl dd a:hover {
color: #b22222;
}

/*--------------------------------
スライドショー
---------------------------------*/

#header-slides[dir="rtl"] {
	direction: rtl;
}

.header-slides-slide {
	display: none;
}

.header-slides-slide:first-child {
	display: block;
}

.slick-slider {
	margin-bottom: 0;
}

/*レイアウト スマートフォン
---------------------------------------------------------------------------------------------------*/

#wrapper {
	margin: 0 auto;
	overflow:hidden;
}

body.fixed-footer #wrapper {
	height:100%;
	min-height: 100%;
}

header {
	text-align: center;
}

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




#header-l {
	padding-top:0;
}



.post {
	padding-bottom:10px;
}

section {
	margin-bottom: 3em;
}

.st-eyecatch
{
	margin: -20px -15px 15px;
	position:relative;
}

.st-eyecatch img
 {
	width:100%;
	background-color: #000;
}

.eyecatch-copyurl {
	font-size:12px;
	line-height:12px;
	position:absolute;
	bottom:17px;
	right:10px;
	background-color: rgba(255, 255, 255, 0.4);
	padding:5px 10px;
	border-radius:2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	margin:0;
	vertical-align:middle;
}

.eyecatch-copyurl .fa-camera-retro {
	margin-right:5px;
}

.eyecatch-copyurl a, 
p.eyecatch-copyurl {
	color:#212121;
}

.eyecatch-copyurl a:hover {
	color: #b22222;
}

.eyecatch-copyurl:hover {
	background-color: rgba(255, 255, 255, 0.5);
}

/*アドセンス*/
.adbox {
	padding:20px 0px;
	margin:0 -5px;
}

.ad {
	padding-bottom: 10px;
	margin:0px;
}
.adsbygoogle {
	max-width:100%;
	box-sizing:border-box;
	overflow:hidden;
}

.middle-ad {
	margin:0 -5px 10px;
}

/*スマホセンター寄せ*/
.adbox div {
	margin:0px auto;
}

/*-------------------------------------
カラム1適用
--------------------------------------*/

.colum1 #side {
}

.colum1 .st-eyecatch
 {
	margin: -20px -15px 15px;
}

.colum1 .st-eyecatch img
{
	border-radius: 0 ;
}

/*-------------------------------------
LP
--------------------------------------*/

.lp header, 
.lp #gazou, 
.lp #itiran, 
.lp .kanren, 
.lp #breadcrumb, 
.lp nav, .lp .blogbox, 
.lp .tagst, .lp .point, 
.lp .p-navi, 
.lp .pagination,
.lp .n-entry-t,.lp .st-pagelink {
	display: none;
}

.lp .entry-title {
	font-size: 13px;
	color: #ccc;
	line-height:18px;
}

.lp post img, 
.lp post video, 
.lp post object {
	width: 100%;
	height: auto;
	border: none;
	display: block;
}

/*-------------------------------------
白紙ノート
--------------------------------------*/
#hakusinote {
	background:#fff;
}

#hakusinote hr {
	page-break-after: always;
	color:#ff0000!important;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;

}

#hakusinote .copyr{
	display:none;
}

/* IEのみ
---------------------------------------------------------------------------------------------------*/
@media all and (-ms-high-contrast:none)
{
	.rss-bar {
		padding-top: 5px;
	}

	#s {
		color:#ccc;
		padding-top:7px;
		}
}




*{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
/*共通設定*/
html { font-size: 62.5%;}
body{ color:#333333; min-width:auto; font-size: 16px; font-size:1.6rem; line-height: 1.5;}


.st-post { padding: 20px;}
.topFeauture { padding: 20px;}


/*記事上のサムネイル*/
.st-eyecatch{
overflow: hidden;
height:300px;
}
.st-eyecatch img{
    position: relative;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/*関連記事隙間調整*/
aside .kanren { padding: 10px;}

.kanren{margin-top: 0;padding-top: 0;}
.noimagebg a { display: block; width: 200px; height: 200px; background: #fff;}

a:hover,.kanren h3 a:hover,.blog_info i,.tagst i,.kanren .clearfix dd h5 a:hover{color:#dd9933;}
.kanren dt,.kanren dd{width: 100%;float: none;}
.kanren dt{
    width: 100%;
    height: 150px;
    overflow: hidden;
}
.kanren dt img{
    position: relative;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.kanren dd{padding-left:0;padding-top: 10px; width:70%;}
.kanren .clearfix dd h5 a{line-height: 1.5;font-size: 18px;color: #ad051e;}
.kanren h3 { margin-bottom: 15px;}
.kanren h3 a{ display: block; line-height: 1.5;font-size: 18px; font-size: 1.8rem; color: #ad051e;}
.catname{background: #ad051e;border-radius:3px; color:#fff !important;}
.catname:hover{opacity: 0.5;}
.catname a{color: #fff;}
.st-pagelink .page-numbers{background: #fff;border-radius: 5px;}
.kdate{color: #666;}























.greatdeals h4{
margin: 15px 0;
padding:3px 10px;
border-left: solid 5px #ad051e;
font-size: 18px; font-size: 1.8rem;
color:#333333;
}
.st-pagelink .page-numbers{height: auto;}
/*目次*/
#ez-toc-container{
border:none;
background:none;
box-shadow:none;
text-align: center;
padding: 0;
}
div#ez-toc-container p.ez-toc-title{
    display: inline-block;
    position: relative;
    height: 40px;/*高さ*/
    line-height: 40px;/*高さ*/
    vertical-align: middle;
    text-align: center;
    font-size: 18px;/*文字サイズ*/
    background: #d93;/*背景色*/
    color: #FFF;/*文字色*/
    box-sizing: border-box;
	width: 100%;
	font-weight: bold;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
div#ez-toc-container ul.ez-toc-list{
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border: 1px solid #d93;
text-align: left;
background: #fff;
padding: 5px;
}
div#ez-toc-container ul li{
padding: 5px 10px;
}
#ez-toc-container a,#ez-toc-container a:visited{color: #ad051e;}

/* 前後のページへ */
.post ul {
list-style-type: none;
padding: 0;
margin: 20px 0;
display: flex;
}
.post ul dl{ display: table;}
.post ul dl dt,
.post ul dl dd{ display: table-cell; line-height: 1.4; float: none; padding: 0;}
.post ul dl dt{ width: 70px; text-align: center;}
.post ul dl dt .pnavitit{ display: block; background: #e9bec4;}
.post ul dl dd{ padding: 0 5px;}
.post ul dl dd a{ color: #ad051e;}
.post ul dl dd a:hover{ text-decoration: none;}


h1.entry-title{font-size: 20px; font-size: 2.0rem; color: #d93;}

h3.feature {
    margin-top: 30px;
	margin-bottom: 40px;
    position: relative;
    border-bottom:1px solid #AD051E;
    padding: 20px 15px 10px;
    background-color: transparent;
}
h3.feature .feature-in {
    padding: 3px 20px;
    margin: 0;
    font-weight: bold;
    position: absolute;
    top: 15px;
    left: 0;
	background:#AD051E;
	font-size:20px;
	color:#fff;
}
.entry-content h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #fff;
    border-top: 1px solid #ad051e;
    border-bottom: 1px solid #ad051e;
    display: block;
	background: #ad051e;
    padding-bottom: 0;
}
.entry-content h2 strong {
    display: block;
    border-top: 4px solid #e8dfb4;
    border-bottom: 4px solid #e8dfb4;
    padding: 0.4em;
}


.entry-content h4 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #ad051e;
    border-top: 1px solid #ad051e;
    border-bottom: 1px solid #ad051e;
    display: block;
    padding-bottom: 0;
}







/* 吹き出しタグ */
.fukidashi-txt{
font-size:70%!important;
margin-top: 1.5em;
}
/*???????
 吹き出しを作る
???????*/
/* 全体のスタイル */
.kaiwa {
  margin-bottom: 25px;
}
/* 左画像 */
.kaiwa-img-left {
  margin: 0;
  float: left;
  width: 60px;
  height: 60px;
  margin-right: -70px;
}
/* 右画像 */
.kaiwa-img-right {
  margin: 0;
  float: right;
  width: 60px;
  height: 60px;
  margin-left: -70px;
}
.kaiwa figure img {
  width: 100%;
  height: 100%;
  border: 1px solid #aaa;
  border-radius: 50%;
  margin: 0;
}
/* 画像の下のテキスト */
.kaiwa-img-description {
  padding: 5px 0 0;
  font-size: 10px;
  text-align: center;
  position: relative;
  bottom: 15px;
}
/* 左からの吹き出しテキスト */
.kaiwa-text-right {
  position: relative;
  margin-left: 80px;
  padding: 10px;
  border-radius: 10px;
  background: #eee;
  margin-right: 12%;
  float: left;
}
/* 右からの吹き出しテキスト */
.kaiwa-text-left {
  position: relative;
  margin-right: 80px;
  padding: 10px;
  border-radius: 10px;
  background-color: #9cd6e7;
  margin-left: 12%;
  float: right;
}
p.kaiwa-text {
  margin: 0 0 20px;
}
p.kaiwa-text:last-child {
  margin-bottom: 0;
}
/* 左の三角形を作る */
.kaiwa-text-right:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  top: 15px;
  left: -20px;
}
.kaiwa-text-right:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #eee;
  top: 15px;
  left: -19px;
}
/* 右の三角形を作る */
.kaiwa-text-left:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  top: 15px;
  right: -20px;
}
.kaiwa-text-left:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #9cd6e7;
  top: 15px;
  right: -19px;
}
/* 回り込み解除 */
.kaiwa:after,.kaiwa:before {
  clear: both;
  content: "";
  display: block;
}

/*特集バナー*/
ul.feature-bnr{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
ul.feature-bnr li{
width: 48%;
margin:10px 0;
list-style: none;
}

ul.feature-bnr li img{
width: 100%;height: auto;
}
#page-top a{
background: #ad051e;
color: #fff !important;
}


/*--sns--*/
.head-snsarea{
width:100%;
display:block;
text-align:center;
margin:10px 0;
}
.head-snsarea li{
display:inline;
padding-left:5px;
}
.head-snsarea li:first-child{
padding-left: 0;
}
.head-snsarea li span{
display:inline-block;
padding:5px;
width:32px;
height:32px;
border-radius:22px;
border:1px solid #CCC;
background:#FFF;
color:#ccc;
font-size:20px;
text-align:center;
vertical-align:middle;
}
.head-snsarea li span.fa-instagram:hover{
background: linear-gradient(-135deg,#1400c8,#b900b4,#f50000);
color:#fff;
border:1px solid #fff;
}
.head-snsarea li span.fa-comment:hover{
background-color: rgb(0, 195, 0);
color:#fff;
border:1px solid #fff;
}
.head-snsarea li span.fa-twitter:hover{
background-color: rgb(85, 172, 238);
color:#fff;
border:1px solid #fff;
}
.head-snsarea li span.fa-facebook:hover{
background-color:rgb(59, 89, 152);
color:#fff;
border:1px solid #fff;
}

.a8Logo { text-align: right;}

/*スマホロゴ*/
.sp-logo{display: none;}
.sp-logo img{width:150px;height:auto;}
h1{margin:0;}

/*--デフォルトコピーライト--*/
.copyr{display:none;}

/*--運営元情報--*/
.operation-area{margin-top:10px;}
.operation-text,.operation-logo{display:block;text-align:center;font-size:10px;}
.operation-logo img{width:120px;height:auto;}

/*スマホ非表示枠*/
.spnone{display:none;}
/*スマホ表示*/
.pcnone{display: block;}

/*検索窓下キーワード*/
ul.keyword li{
font-size:12px;
display:inline;
border-right:1px solid #CCC;
padding-right:5px;
margin-right:5px;
}
ul.keyword li:last-child{border:none;padding:0;margin:0;}

/*ページトップリンク*/
#page-top a{border-radius: 50%;}

/*ページャー隙間調整*/
.st-pagelink{padding:0 20px;}

.post{padding-bottom: 0;}

/*検索結果タイトル*/
h1.search{margin-bottom:20px;font-size:22px; font-size: 2.2rem; padding: 10px; background: #eee; line-height: 1.3;}
h1.search span{display: inline-block;margin-right: 5px;}
h1.search span{background:linear-gradient(transparent 50%, #eee 0%) ;}





/*タグクラウド*/
.tagcloud a{border: 1px solid #ccc;background: #fff;border-radius: 3px;color:#ad051e;opacity: 1;}










/*お得速報*/
.greatdeals dt{font-size: 14px;}
.greatdeals dt span{font-size: 12px;display: inline-block;padding: 1px 5px;border-radius: 3px;margin-left: 5px;color: #fff;}
.greatdeals dt span.today{background: #c03;}
.greatdeals dt span.tomorrow{background: #e08600;}
.greatdeals dt span.fewdays{background: #999;}
.greatdeals dd{
font-weight: bold;
margin-bottom: 10px;
border-bottom: 1px dotted #ccc;
}
.greatdeals dd a{
display: block;
padding: 5px 0 10px;
text-decoration: none;
}
.button_open,.button_close{display: block;width: 40%;margin: 0 auto;border-radius: 3px;text-align:center;padding: 5px 0;}
.button_open{border: 1px solid #ccc;background: #fff;}
.button_close{border: 1px solid #999;background: #999;color: #fff;}
.hide-text,.button_close{display: none;}





.no-article-txt,.post p.center{
text-align: center;
font-size: 22px;
padding: 50px 0;
line-height: 1.75;
}



/*--アドクイックタグ用--*/

/*--テーブル--*/
.post table{
border-top:1px solid #bab290;
border-right:1px solid #bab290;
overflow-x:auto;
max-width:initial;
}
table td{
border:1px solid #bab290;
}
table th{
background:#eee;
padding:5px;
font-weight:bold;
color:#ad051e;
border-bottom-color:#bab290;
border-left-color:#bab290;
}
table tr td{
padding:5px;
background:#fff;
border-bottom-color:#bab290;
border-left-color:#bab290;
}

/*説明ボックス*/
dl.description-area{
border:2px solid #bab290;
background:#fff;
border-radius: 5px;
margin-bottom: 20px;
}
dl.description-area dt{
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background:#e8dfb4;
padding:5px 10px;
font-weight:bold;
color:#ad051e;
font-size: 18px;
}
dl.description-area dd{
padding:10px;
}

/*商品紹介ボックス*/
dl.introduction-area{
overflow:hidden;
width:100%;
margin-bottom: 20px;
}
dl.introduction-area dt{
width:70%;
margin:0 auto 15px;
}
dl.introduction-area dt img{
width:100%;
height:auto;
}
dl.introduction-area dd{
width:100%;
}
dl.introduction-area dd .introduction-title{
font-size:18px;
font-weight:bold;
margin-bottom:10px;
line-height: 1.5;
}
dl.introduction-area dd strong{
display: block;
margin-bottom:10px;
}

/*ボタン*/
.button{
text-align:center;
}
.button a{
display:inline-block;
width:50%;
margin:10px auto;
border-radius:6px;
padding:10px 15px;
text-decoration:none;
font-weight:bold;
text-align:center;
border: 1px solid #ccc;
background: #fff;
}
.button a:hover{
opacity:0.7;
}

/*文字下にマーカーのように線をつける*/
.marker{background: linear-gradient(transparent 50%, #eee 0%);}

/*強調文字(赤で表現)*/
.strongtext{
color: #c03;
font-weight:bold;
}
/*ほどほど文字(オレンジで表現)*/
.midiumtext{
color: #e08600;
font-weight: bold;
}


/*隙間調整*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt70{margin-top:70px;}
.mt100{margin-top:100px;}






/* add */

/*
h2{padding:0 !important;}
*/

/*引用風*/
.inyoumodoki, .post blockquote{
background-color:#eee;
border-left: 5px solid #e8dfb4;
}
a{
	color: #ad051e;
}
#breadcrumb, #breadcrumb div a, div#breadcrumb a, .blogbox p, .tagst, #breadcrumb ol li a, #breadcrumb ol li,.entry-title, .post .entry-title{
	color: #666 !important;
}

#breadcrumb { margin-bottom: 10px;}
.blogbox {
border-bottom: 3px double #333;
text-align: right;
}
.entry-title, .post .entry-title{
	color: #333 !important;
}
.post .entry-title{
	margin-bottom:25px;
	font-size: 24px;
	line-height: 1.5;
}
.entry-title {
  position: relative;
  background-color: #eee !important;
  border-radius: 6px;
}
.entry-title::after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #eee;
}
h1.entry-title{
			color:#ad051e;
	margin-bottom:30px;
	padding:.5em .75em !important;
}
.entry-content h3 {
    padding: 0.5em;
    color: #ad051e;
    background-color: #eee !important;
    border-left: solid 6px #ad051e;
    font-size: 22px !important;
    margin-top: 10px;
	border-bottom:none;
}
.st-eyecatch{margin:0;}
.kanren:not(.st-cardbox) .clearfix dd p{color:#333333; font-size: 14px; font-size: 1.4rem;  line-height: 1.5; margin-top: 10px;}
.site-content{color:#333333;}
.catname{color: #ad051e;}
.post h4.point{border-bottom:1px solid #ad051e; margin-bottom: 20px;}
.post h4 .point-in{background:#ad051e;font-size:20px;color:#fff;}
.acordion_tree ul.menu li a{
	color:#ad051e;
}


#ez-toc-container a {
    color: #ad051e;
}
.acordion_tree ul.menu li{border-bottom:1px dotted #ccc;}




	/*--------------------------------
	NEWS（お知らせ）
	---------------------------------*/

	#topnews-box {
		padding: 10px 0;
	}

	/*--------------------------------
	メニュー
	---------------------------------*/

	#st-menuwide {
		border-radius: 1px;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border: solid 1px #E0DEDE;
		padding: 0px;
		margin:0 auto;

		/*Other Browser*/
		background: #f3f3f3;
		/*For Old WebKit*/
		background: -webkit-linear-gradient(
		#fff 0%,
		#f3f3f3 100%
		);
		/*For Modern Browser*/
		background: linear-gradient(
		#fff 0%,
		#f3f3f3 100%
		);
	}

	nav.smanone {
		margin:0 auto;
	}

	nav.st5 {
		margin:0 auto;
	}

	header .smanone ul.menu li{
		box-sizing: border-box;
		list-style-type:none;
		float:left;
		width:160px;
		height:40px;
		text-align:center;
		border-right:solid 1px #f3f3f3;
		position:relative;
	}

	header .smanone ul.menu>li:last-child {
		border:none;
	}

	header .smanone ul.menu li a{
		display:block;
		font-size: 13px;
		overflow:hidden;
		width:100%;
		height:100%;
		line-height:40px;
		color:#000;
		text-decoration:none;
		position:relative;
		z-index:1;
	}

	header .smanone ul.menu li li a{
		background:#f3f3f3;
		border-top:#ccc dotted 1px;
		z-index:999;
	}

	header .smanone ul.menu li a:hover{
		color:#ff0000;
	}

	header .smanone ul.sub-menu li ul.sub-menu{
		position:absolute;
		left:160px;
		top:0;
	}

	header .smanone ul.sub-menu{
		display:none;
	}

	/* IE7 対策 */
	header .smanone ul.menu{
		zoom:1;
	}

	*+html header .smanone ul.menu li{
		display:inline;
		zoom:1;
	}
	*+html header .smanone ul.sub-menu{
		zoom:1;
		position:relative;
	}

	.smanone {
		display: block;
	}

	.pcnone {
		display: none!important;
	}

	header {
		padding: 0;
	}

	#header-l {
		padding-top: 0;
	}

	#headbox {
		padding: 10px;
		margin:0 auto;
		text-align:left;
	}

	#headbox img {
		margin:0;
	}

	#st-headwide #headbox img{
		margin:0 auto;
	}

	nav {
		display: block;
	}

	/*IEで要素がズレるのを対応*/
	.ie7 aside ul li, 
	.ie8 aside ul li, 
	.ie9 aside ul li {
		display: list-item;
		padding: 0;
	}

	/*--------------------------------
	フリーのウィジェットボックス
	---------------------------------*/

	.freebox {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 20px;
	}

	/*--------------------------------
	各フォント設定
	---------------------------------*/

	/*基本のフォントサイズ*/
	p, /* テキスト */
	.st-kaiwa-hukidashi, /* ふきだし */
	.yellowbox, /* 黄色ボックス */
	.graybox, /* グレーボックス */
	.redbox, /* 薄赤ボックス */
	.post ul li, /* ulリスト */
	.post ol li, /* olリスト */
	.post h5, /* H5 */
	.post h6, /* H6 */
	.post table tr td,
	table tr td /* テーブル */
	 {
		font-size: 15px;
		line-height: 25px;
	}

	p,
	.post h5
	{
		margin-bottom: 20px;
	}

	dd p {
		margin-bottom: 5px;
	}

	/*記事タイトル*/
	.entry-title,
	.post .entry-title {
		font-size: 27px;
		line-height: 40px;
		color: #333;
		margin-bottom: 10px;
	}

	/* 記事タイトル下 */
	.blogbox p {
		font-size: 13px;
		margin: 0px;
		color: #ccc;
		line-height: 18px;
	}

	/*中見出し*/
	h2 {
		font-size: 22px;
		line-height: 32px;
	}


	h2:after {
		bottom: -10px;
		left: 50px;
	}


	h2:before {
		bottom: -10px;
		left: 50px;
	}

	/*小見出し*/
	.post h3 {
		font-size: 20px;
		line-height: 30px;
	}

	.post h4 {
	  background-color: #f3f3f3;
	  font-size: 16px;
	  line-height: 26px;
	}

	.post dd h5 {
	  margin-bottom: 5px;
	}


	
	
	
	
	

	/* オリジナルスタイルPC */
	.oomozi {
		font-size: 18pt;line-height: 35px;
	}

	.yellowbox,
	.redbox,
	.graybox
	 {
		margin-bottom: 20px;
	}

	.h2fuu {
		font-size: 20px;
		line-height: 30px;
	}

	.h2fuu:after {
		bottom: -10px;
		left: 50px;
	}

	.h2fuu:before {
		bottom: -10px;
		left: 50px;
	}




	/*--------------------------------
	ページャー
	---------------------------------*/

	.st-pagelink .page-numbers {
		padding:5px 8px;
	}


	#st-header {
		margin:0 auto;
	}


	footer {
		width:100%;
	}

	#footer {
		margin:0 auto;
	}

	#footer-in {
		margin:0 auto;
	}

	.st-eyecatch
	{
		margin: -30px -50px 10px;
	}

	.st-eyecatch img
	{
		border-radius: 4px 4px 0 0 ;
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
	}



/*--------------------------------
PCのレイアウト（左サイドバー）
※st-kanricss.phpで制御されています

#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;
---------------------------------*/
		

/*-------------------------------------
カラム1適用
--------------------------------------*/

.colum1 #side {
display: none;
}

.colum1 main {
margin: 0 0 20px;
padding:30px 70px;
}

/*白紙ノート*/
#hakusinote #st-header, /*ヘッダー*/
#hakusinote #content, /*コンテンツ*/
#hakusinote #footer-in /*フッター*/
{ 
max-width:800px;
}
#hakusinote .colum1 main {
margin: 0px;
padding:20px;
}

/*--------------------------------
SNS
---------------------------------*/

.sns{
width:90%;
}



.snstext{
display:inline;
}

/*トップ記事一覧*/
dd h3 a {
color: #333;
text-decoration: none;
font-size:16px;
line-height: 26px;
}

.kanren:not(.st-cardbox) .clearfix dd p {
font-size:13px;
line-height: 18px;
}

.colum1 .st-eyecatch
{
margin: -30px -70px 10px;
}


/*--------------------------------
メニュー未設定
---------------------------------*/

#st-menuwide div.menu,
#st-menuwide nav.menu {
margin:0 auto;
padding:5px;
display:block;
}

#st-menuwide div.menu:after,
#st-menuwide nav.menu:after {
content:'';
display:block;
clear:both;
}

#st-menuwide div.menu li,
#st-menuwide nav.menu li {
position: relative;
font-size: 14px;
padding-left: 15px;
display: inline;
padding-right: 15px;
border-right:1px solid #ccc;
padding-top: 5px;
padding-bottom: 5px;
}

#st-menuwide div.menu li:last-child,
#st-menuwide nav.menu li:last-child {
border:none;
}

#st-menuwide div.menu li .sub-menu,
#st-menuwide nav.menu li .sub-menu {
display:none;
}

#st-menuwide div.menu li a,
#st-menuwide nav.menu li a {
color: #333;
text-decoration: none;
}

	/*--------------------------------
	トップおすすめタイトル
	---------------------------------*/

	.nowhits .pop-box {
		position:relative;
		margin:-30px 0 20px;
		border-top:solid 2px #FEB20A;
	}
	/*アイキャッチがある場合*/
	.st-eyecatch+.nowhits .pop-box {
		position:relative;
		margin:-20px 0 20px;
		border-top:solid 2px #FEB20A;
	}

	.nowhits-eye .pop-box {
		position:relative;
		margin:-20px 0 20px;
		border-top:solid 2px #FEB20A;
	}

	
	.nowhits .p-entry {
		top:0;
		left:0;
	}

	.nowhits .p-entry-t {
		margin-bottom:40px;
	}

	/*スライドショー
	* スライド時はdisplay:noneで矢印非表示
	*/
	.slick-next, 
	.slick-prev{
		display:inline-block!important;
	}

	/*コンタクトフォーム7の送信ボタン*/
	.wpcf7-submit{
		width:50%;
	}




spmenu{display:none;}
/*PC表示*/
.spnone,.hide-text{display:block;}
/*PC非表示*/
.pcnone,.button_open,.button_close{display: none;}


.no-article-txt,.post p.center{padding: 100px 0;}





.operation-area{
text-align:center;
padding:15px 0;
}
.operation-text,.operation-logo{display:inline;}
.operation-text{padding-top:5px;line-height:0;}
.operation-logo img{width:130px;height:auto;vertical-align:bottom;}


ul.feature-bnr li img{
width: 100%;height: auto;
}


/*記事上のサムネイル*/
.st-eyecatch{
height:450px;
}




/*検索フォーム隙間調整*/
.ad{padding-bottom:5px;}

/*ページトップ位置調整*/
#page-top{right:10px;}






/*-----------------------------
フッター
-------------------------------*/
footer ul, footer ol{padding-left:30px;}
footer{background: #ad051e; color: #fff;margin-top: 20px;}
#footer {padding: 20px 15px; text-align: center;}
#footer a{color:#fff; text-decoration: underline;}
#footer a:hover{color:#fff; text-decoration: none;}
#footer ul li a{text-decoration: none;}
#footer-in ul{text-align: center;}
#footer-in li{display: inline-block;margin-right: 5px;list-style-type: none;border-right: 1px solid #ccc;padding-right: 8px;}
#footer-in li a{color: #fff;}
#footer-in li:last-child{margin-right: 0;border-right: none;padding-right: 0;}
#footer p {font-size: 12px; margin-bottom:5px;}
#footer .footerlogo img {max-width:300px; margin:0 auto 10px; text-align:center;}
#footer a {color: #fff;}
#footer .copy, #footer .rcopy {font-size: 12px; color: #999; line-height: 18px; padding:20px 10px 0;}
#footer .copy a, #footer .rcopy a {font-size: 12px; color: #999; line-height: 18px;}
footer h4 a {color: #666; text-decoration: none;}





/*-----------------------------
ビジュアルエディターのスタイル
-------------------------------*/

/*囲みリスト*/
ul.pinklistBox { font-size:14px; font-size:1.4rem; line-height:1.3; background: #F4F0F0; display: block; padding:10px; border:1px dashed #AD051E;}
ul.pinklistBox li{ text-indent:-14px; padding-left:14px; padding-bottom:3px;}

/*商品紹介ボックス*/
dl.introduction-area dt{
width:40%;
padding-right:15px;
float:left;
margin-bottom: 0;
}
dl.introduction-area dd{
width:60%;
float:left;
}

.newIconR{ display:inline-block; background:url(/wp-content/themes/a8staffblogTheme/images/newIcon.gif) left top no-repeat; background-size:40px; padding:2px 0 4px 45px;}
.newIconY{ display:inline-block; background:url(/wp-content/themes/a8staffblogTheme/images/newIcon2.gif) left top no-repeat; background-size:40px; padding:2px 0 4px 45px;}

.checkB{ display:block; min-height:14px; background:url(/wp-content/themes/a8staffblogTheme/images/check_b.png) left center no-repeat; background-size:16px; padding:2px 0 2px 22px;}
.checkG{ display:block; min-height:14px; background:url(/wp-content/themes/a8staffblogTheme/images/check_g.png) left center no-repeat; background-size:16px; padding:2px 0 2px 22px;}
.checkR{ display:block; min-height:14px; background:url(/wp-content/themes/a8staffblogTheme/images/check_r.png) left center no-repeat; background-size:16px; padding:2px 0 2px 22px;}

.md02{ font-size:16px; font-size:1.6rem; font-weight:bold; border-bottom:2px dotted #ccc; margin:15px 0 10px 0;}
.mdIcon{
	display:inline-block;
	font-size:14px;
	line-height:1;
	font-weight:bold;
	padding:8px 10px;
	background:#d83d51;
	color:#fff;
	margin:0 5px 4px 0;
}
.mdIcon02{
	display:inline-block;
	font-size:14px;
	line-height:1;
	font-weight:bold;
	padding:8px 10px;
	background:#D73467;
	color:#fff;
	margin:0 5px 4px 0;
}

.md03{
	font-size:18px;
	font-weight:bold;
	margin:15px 0 10px 0;
	background: #edebec;
	background-size:16px;
	padding:8px 10px;
	border-radius:5px;
}

.md04{
	font-size:18px;
	font-weight:bold;
	color:#3b2528;
	border-radius:5px;
	margin:15px 0 10px 0;
	background:#f5d9d3;
	padding:5px 10px;
}


.seika{ border:1px solid #cc0000; display:table; background:#fff; font-size: 16px;}
.seika .seikaTit,
.seika .seikaPrice{ display:table-cell; vertical-align:middle; padding:10px;}
.seika .seikaTit{ background:#cc0000; color:#fff; font-weight:bold; text-align:center;}

.dotline{ border-bottom:2px dotted #ccc;}
.dashline{ border-bottom:1px dashed #ccc;}

.dashBox{ background:#fff; border:2px dashed #ccc; padding:10px; border-radius:5px;}
.grayBox{ background:#eee; padding:10px; border-radius:5px;}


.greenBtn{ display:inline-block; background:#47ac47; border-radius:5px; border-bottom: 4px solid #1e741e; font-size:18px; font-weight:bold; margin-top:10px;}
.yellowBtn{ display:inline-block; background:#ffbd01; border-radius:5px; border-bottom: 4px solid #b58110; font-size:18px; font-weight:bold; margin-top:10px;}
.blueBtn{ display:inline-block; background:#448aca; border-radius:5px; border-bottom: 4px solid #13497a; font-size:18px; font-weight:bold; margin-top:10px;}

.greenBtn a,
.yellowBtn a,
.blueBtn a{ display:block !important; color:#fff !important; padding:10px 40px !important; text-decoration: none;}

.greenBtn:hover,
.yellowBtn:hover,
.blueBtn:hover{ opacity:0.7;}
a:focus {
	outline: thin dotted;
}


.inberviewMidashi {
	font-size: 28px;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
	background: url(/wp-content/uploads/2019/12/tit_bg.png) center top no-repeat;
	background-size: contain;
	
}
.inberviewMidashi::after{
	display: block;
    height: 3px;
    background-color: #ad051e;
    content: " ";
    width: 6em;
    margin: 8px auto 15px auto;
}

.imgShadow img { box-shadow: 10px 10px 0 rgba(213,208,202,0.8); }

.flex { display: flex; align-items: center;}
.flex > div { 
	margin: 0 10px;
	max-width:50%;
}
.flex img { max-width: 100%;}

.interviewTitBox {
	background: url(/wp-content/themes/a8staffblogTheme/images/h4bg.png) left top no-repeat #f4f1ee;
	background-size: 30px;
	padding: 15px 20px;
	font-size: 24px;
	margin-bottom: 20px;
}
.interviewTitPoint {
	display: inline-block;
	color: #ad051e;
	padding-right: 15px;
	margin-right: 10px;
	border-right: 1px solid #333;
	font-weight: bold;
}

.productBox { border: 1px solid #ccc; padding: 20px; background: #fff;}
.productDetailTit {
	border-left: 3px solid #ad051e;
    font-size: 20px;
    padding-left: 15px;
	margin-bottom: 15px;
}
.productDetail { display: flex; align-items: center; flex-direction: row-reverse;}
.productDetail > dt img,
.productDetail > dd img{ max-width: 100%;}
.productDetail > dt { padding-left: 15px;}
.productBoxdesc {
	margin-top: 10px;
    padding: 15px;
    font-size: 12px;
    line-height: 1.75;
    background: #f4f1ee;
}




.md01 {
	border-left:5px solid #ff8a00;
	padding-left:5px;
	font-size:16px; font-size:1.6rem;
	margin-top:15px;
	margin-bottom:10px;
	font-weight:bold;
}
.md02{ font-size:16px; font-size:1.6rem; font-weight:bold; border-bottom:2px dotted #ccc; margin:15px 0 10px 0;}


.mdIcon02{
	display:inline-block;
	font-size:14px; font-size:1.4rem;
	line-height:1;
	font-weight:bold;
	padding:8px 10px;
	background:#D73467;
	color:#fff;
	margin:0 5px 4px 0;
}

.md03{
	font-size:16px; font-size:1.6rem;
	font-weight:bold;
	margin:15px 0 10px 0;
	background: #edebec;
	background-size:16px;
	padding:8px 10px;
	border-radius:5px;
}

.md04{
	font-size:16px; font-size:1.6rem;
	font-weight:bold;
	color:#3b2528;
	border-radius:5px;
	margin:15px 0 10px 0;
	background:#f5d9d3;
	padding:5px 10px;
}

.flowBlock{
width:90%;
background:#fff;
border-radius:10px;
border:1px solid #CCC;
padding:15px 0;
margin:15px auto;
}
.flowBlock .time{
font-size:16px;font-size:1.6rem;
display:iinline-block;
background:#3d8bca;
color:#fff;
font-weight:bold;
padding:5px 15px;
}

.flowBlock .appli{
font-size:14px;font-size: 1.4rem;
color:#fff;
background:#e74558;
padding: 5px 15px;
border-radius: 16px;
margin-left: 10px;
}

.flowBlock h3{
font-size:18px;font-size:2rem;
margin:10px 15px;
	background: none;
border:none;
	color:#333;
	
}
.flowBlock p{margin:0 15px 10px;}

.flowBlock p.btn{
text-align:center;
margin:20px auto 0;
}

.flowBlock p.btn a{
display:inline-block;
color:#fff;
font-size:18px;font-size:1.8rem;
padding:10px 25px;
border-radius:10px;
background:#34b790;
border-bottom:3px solid #077454;
text-decoration: none;
}
.flowBlock .btn a:hover{opacity:0.7;}
#headersearch{display:none;}
.spmenu{
display: none;
}



/*人気記事*/
.sidebar{width:400px;}
.sidebar h3.widget-title{border-bottom:4px solid #e56775; font-size: 22px; font-size: 2.2rem; font-weight: bold; margin:30px 0 5px;}
.rankArea li{margin-bottom: 10px !important; padding: 10px 0 !important;border-bottom: dotted 1px #ccc; position: relative;}
.rankArea li a{display: flex; position: relative;}
.rankArea li a .thumbnail {width:105px; height: 105px; margin-right:10px;}
.rankArea li a .thumbnail img{width: 105px; height: 105px; object-fit: cover;}
.rank-count {position: absolute; width: 30px; height:auto; z-index:10; top:0px; left:0px; text-align: center; color:#fff;}
.r-count1{background: rgba(189, 161, 82, .9);}
.r-count2{background: rgba(152, 153, 173, .9);}
.r-count3{background: rgba(156, 85, 34, .9);}
.r-count4,.r-count5{background:rgba(0,0, 0,0.6);}
.sidebar ul li.cat-item a{padding:15px 0; border-bottom:1px dashed #c9c9c9; display: block;}
.sidebar ul li.cat-item a::before {content: ''; display: inline-block; width: 10px; height: 10px; background: url(images/arrow.svg) no-repeat left center;  background-size: contain; vertical-align: middle; padding-left:5px;}
#side aside .ranking-text{width: 58%; float: left; color:#666; font-size: 14px; font-size: 1.4rem; font-weight: bold;}






@media screen and (max-width: 1060px) {
#content {margin: 15px;}	
#side aside {width: 250px;}	
#contentInner {width: calc(100% - 270px) !important;}
#side aside .ranking-text {width: 52%;}
.kanren dt {width: 180px !important; height: 180px !important; margin-right: 10px;}	
.noimagebg a {display: block; width: auto; height: 180px; background: #fff;}
.entry-title{margin-bottom:30px !important;}
#promo_area .flex_con{display: block;}
#promo_area .flex_item{width:100%; display: flex; justify-content:space-between; align-items: center;}
#promo_area .flex_item div{width:40%;}	
.promo_Btn{width:55%; margin-bottom:0px !important;}	
.promo_Btn a{width:100%; display: block;}
	
}


@media screen and (max-width: 768px) {
#contentInner{float:none; width:100% !important}
#side aside {width: 100% !important; float:none;}
.smanone {display: none;}
ul.feature-bnr li {width: 100%;}	
.custom-html-widget{text-align: center;}
footer ul, footer ol {padding-left: 0px;}	
#footer-in li {display: block; margin-right: 0px; list-style-type: none; border-bottom: 1px dotted #ccc; padding: 8px 0; border-right: 0px solid #ccc; padding-right: 0px;}
#footer{padding-bottom:100px;}	
#side aside .ranking-text {width: 60%;}
.entry-title, .post .entry-title {font-size: 20px; line-height: 40px; color: #333; margin-bottom: 10px;}	
.kanren h3 a{font-size:16px;}	
.post .kanren h5 a{text-decoration: none; font-size:16px !important;}	
#head-caption {position:relative;}	
#headbox-bg {background: #fff; padding: 0px 0 20px; border-top: 12px solid #ad051e;}
#logo-area {display: block;}	
#logo-area h1 a div{margin:0 auto !important;}
.headerImg{display:none;}	
#logo-area h1{display:block; margin:0 auto; width:80%;}
header .descr {text-align: center;}	
.a8Logo{text-align:left; margin-left:10px;	}
.pcnone,.spmenu,.button_open,.button_close{display: block !important;}
.greatdeals{display:none !important;}
.menu-search,.a8Logo{display:none;}
.acordion_tree h4{background: #ccc; padding: 10px; font-size: 20px; text-align: center;}	
.menu-menu-container{padding:10px;}	
#headersearch{display:block; margin: 30px 15px;}	
.side-topad .widget-odd{display:none;}
.searchbox02{list-style: none !important; display: block;}
	.searchbox02 li{list-style: none !important;}
/*スマホロゴ*/
.sp-logo{display:block; position: absolute;}
.sp-logo img{width:75px; height:35px;}

#menu{list-style:none;}	
.post ul {display: block;}	

#side aside .ranking-area .thumbnail {width: auto; height: auto;}	
	
	

.kanren dt img {
width: 200px !important;
}


	
/*--------------------------------
アコーディオンメニュー
---------------------------------*/

.menu-navigation-container {
	overflow: hidden;
}

nav li a:hover {
	text-decoration: underline;
}

#s-navi {
	margin:0 -10px;
}

#s-navi ul.sub-menu {
	display:none;
}

#s-navi dl.acordion p {
	margin: 0;
}

#s-navi dl.acordion {
	margin: 0px;
	box-sizing:border-box;
	width:100%;
}

#s-navi dt.trigger {
	cursor: pointer;
	height: 40px;
	overflow:hidden;
	    margin-right: 10px;
}

.trigger .fa:not(.fa-bars) {
	font-size:20px;
}

/*アコーディオンメニューボタン*/
#s-navi dt.trigger .op {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	color: #333;
	font-size:25px;
	line-height:30px;
	background:#ccc;
	display:block;
	float:right;
	height:auto;
	margin-top:-5px;
	padding: 10px 10px 9px 10px;
	max-width:20%;
	box-sizing:border-box;
}

/*アコーディオンメニュー追加ボタン1*/
#s-navi dt.trigger .op-st {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	color: #ccc;
	line-height:30px;
	background:#000;
	display:block;
	float:right;
	height:auto;
	max-width:40%;
	box-sizing:border-box;
	overflow:hidden;
	margin-top:-5px;
	padding: 10px 10px 9px 10px;
}

.op-st:hover {
	opacity:0.5;
}

.op-text,
.op-text a {
	font-size:13px;
	line-height:30px;
	vertical-align:middle;
	margin:0 0 0 7px;
	padding:0;
	text-decoration:none;
}

/*アコーディオンメニュー追加ボタン2*/
#s-navi dt.trigger .op-st2 {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	line-height:30px;
	color: #ccc;
	background:#1a1a1a;
	display:block;
	float:right;
	height:auto;
	max-width:40%;
	box-sizing:border-box;
	overflow:hidden;
	margin-top:-5px;
	padding: 10px 10px 9px 10px;
}

.op-st2:hover {
	opacity:0.5;
}
.op-text2,.op-text2 a {
	font-size:13px;
	line-height:13px;
	vertical-align:middle;
	margin:0 0 0 7px;
	padding:0;
	text-decoration:none;
}

#s-navi:after {
	content: "";
	display: block;
	clear: both;
	margin-bottom:5px;
}

#s-navi dd.acordion_tree {
	display: none;
	overflow: hidden;
	top:0px;
	width:100%;
	box-sizing:border-box;
	text-align:left;
	background: #F4F0F0;
}

.acordion_tree ul.menu li {
	float: none;
	font-size: 15px;
	padding: 10px 15px 10px 15px;
	list-style:none;
	border-bottom:dotted 1px #000;
}

.acordion_tree ul.menu li .fa {
	min-width: 1em;
}

.acordion_tree ul.menu li:last-child {
	border:none;
	padding-bottom:0px;
}

.acordion_tree ul.menu li a {
	text-decoration: none;
	color:#000;
}

.menu-close {
	padding:10px;
}

/*--------------------------------
ミドルメニュー
---------------------------------*/
.st-middle-menu {
	background: #f3f3f3;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

.st-middle-menu .menu li {
	list-style:none;
	text-align:center;
	font-size:90%;
}

.st-middle-menu:after {
	content: "";
	display: block;
	clear: both;
}

.st-middle-menu .menu li a{
	float:left;
	display:block;
	padding:10px;
	box-sizing:border-box;
	width:50%;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	text-decoration:none;
}
	
	

#promo_area .flex_item{width:100%; display: block; justify-content:space-between; align-items: center; text-align: center;}
#promo_area .flex_item div{width:70%;margin:0 auto;}	
.promo_Btn{width:80%; margin-bottom:0px !important; margin:0 auto;}	
.promo_Btn a{width:100%; display: block;}
.promopcnone{display:none !important;}		
.promospnone{display:block!important;}		
	
}


@media screen and (max-width: 414px) {

.kanren dt {
width: 30% !important;

}
	
#side aside .ranking-text {
    width: 50%;
}

	.flex{display:block;}
	.flex img{margin-bottom:15px;}
	.grayBox{ margin-bottom:15px;}
	.flex > div { max-width:100%;}

}