@charset "UTF-8";
/*---------------------------------------------------------
Theme Name: SIMPLESTER-Ver4
Template: stinger5ver20150505b
Theme URI: http://degitekunote.com/
Description: STINGER5の究極のシンプル子テーマ「シンプレスター」です。
Author: こふす
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 4.0
---------------------------------------------------------*/
@import url('../stinger5ver20150505b/style.css');
/*----
[カラー]
テーマ内のメインカラー(デフォルトでは赤色)を変更する時は「#FF7B0D」、
サブカラー（デフォルトでは青色でトップページのタグの色）を変更する時は「#084EAB」を検索し、
好きな色の値に置換して下さい。複数項目あります。
-----*/

* { font-family: "Open Sans", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino kaku gothic Pro W3", "メイリオ", Meiryo, Verdana, Osaka, arial, sans-serif; font-weight: 500; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
body {background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffdc0+0,234f00+100 */
background: #fffdc0; /* Old browsers */
background: -moz-linear-gradient(top,  #fffdc0 0%, #234f00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fffdc0 0%,#234f00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fffdc0 0%,#234f00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffdc0', endColorstr='#234f00',GradientType=0 ); /* IE6-9 */
}
/*wrapper 周り
--------------------*/
#wrapper { max-width: 980px; }
main { border-radius: 0px; background: none repeat scroll 0% 0% transparent; padding: 0px; }
#content { padding-top: 12px; }
/*header 周り
--------------------*/
.sitename img { max-height: 25px; }
header { text-align: center }
header h1 { margin: 0; }
header .sitename { display: inline-block; margin-bottom: 0px; padding: 0px; float: left; font-size: 12px; }
header .sitename a { color:#333 !important; }
header .descr { display: inline-block; padding: 0; float: right; line-height: 30px; color:#333 !important; }
#headimg { padding-top: 10px; }
#gazou { clear: both; }
#s-navi dt.trigger .op { color:#333 !important; }
/*pagetop-btn 周り
--------------------*/
#page-top { right: 10px; }
#page-top a { opacity: 1; background: none repeat scroll 0% 0% #FF7B0D; border-radius: 50%; padding: 12px; width: 14px; height: 14px; border: 4px solid #fff; }
#page-top a:hover { background: none repeat scroll 0% 0% #FF7B0D; color: #333; opacity: 0.4; }
/*index 周り
--------------------*/
.topnews { background: #fffcfc; margin-bottom: 20px; color:#333; }
.topnews dl { padding: 12px; transition: all 0.4s ease; /*position: relative;*/ border-bottom: 2px solid #FF7B0D; background-color: #fffcfc; display: flex; display: -webkit-flex; margin-bottom: 15px; }
.topnews dl:first-child { padding-top: 10px; }
.topnews dl:last-child { border-bottom: 2px solid #FF7B0D; }
.topnews dl p { font-size: 85%; line-height: 1.4em; }
.topnews dd { padding: 0px;/*display:flex;flex-direction:column;display:-webkit-flex;-webkit-flex-direction:column;*/ margin: 0 25px; }
.topnews .clearfix dd p { margin: 0 }
.topnews dd h3 { order: 2; -webkit-order: 2; display: block; }
.topnews dd .blog_info { order: 1; -webkit-order: 1; margin-bottom: 5px; }
.topnews dd .smanone { order: 3; -webkit-order: 3; }
/*#topnews dl:before {font-family: FontAwesome;content: "\f004";position: absolute;display: none;margin-left: -20px;margin-top: -20px;background-color: #FF7B0D;padding: 8px;border-radius: 50%;border:4px solid #fff;font-size:18px;}*/
.topnews dl:hover:before { -webkit-animation: blink 0.8s ease-in-out infinite alternate; -moz-animation: blink 0.8s ease-in-out infinite alternate; animation: blink 0.8s ease-in-out infinite alternate; color: #fff; display: inherit; }
.category .topnews { background:none; }
#kanren dd h5 { font-size: 15px; word-break: break-all; }
#kanren .clearfix dd p { margin: 0 }
a:hover img { opacity: 1 !important; }
.blog_info p a[rel="category tag"], .blog_info p a[rel="category"] { font-size: 8px; }
#projects .topnews { padding: 0; margin: 0; padding-top: 20px; display: table; width: 100%; }
#projects .topnews dl { width: 28%; display: inline-block; vertical-align: top; border-bottom: none; background: #fffcfc; }
#projects .topnews dt img { width: 150px; margin: auto; }
#projects .topnews dt { float: none; margin : 0 auto 10px auto; }
#projects .topnews dd { padding-left: 10px; margin: 0; }
#projects .readmore, #projects .pcone {/*display:none;*/ }
.topttl { padding: 5px; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf4b+0,ff920a+100;Orange+3D+%231 */
background: #ffaf4b; /* Old browsers */
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
}
.topttl a { color: #800000; font-weight:900; }
h3.topttl span { display: block; float: right; font-size: 11px; }
h3 a { color:#4682b4; }
/*個別記事 周り
--------------------*/
.post { background: url(images/post-bg.png) top left no-repeat; background-color: #fffcfc; padding: 20px; }
.post p { color:#333; } 
img.size-full, img.size-large { margin-bottom: 20px; }
.post img { border: none !important; display: inline; }
/*ページネーション　周り
--------------------*/
div.pagenation { display: inline-block; background: none !important; margin-top: 30px; }
div.pagenation a { color: #fff !important; margin: 5px !important; padding: 0px !important; width: 22px !important; height: 22px !important; font-weight: normal !important; line-height: 22px; text-align: center; border-bottom:none !important; }
div.pagenation a:hover { opacity: 0.8 }
div.pagenation span, div.pagination a { background-color: #FF7B0D !important; border: 4px solid #CCC; margin: 5px; }
div.pagenation span.active { background-color: #fefefe !important; margin: 5px !important; }
/*タイポグラフィ 周り
--------------------*/
.post h3 { border-bottom: 2px dotted #FF7B0D }
p { font-size: 15px; line-height: 27px; margin-bottom: 20px }
.post a { text-decoration: none; border-bottom: 1px dashed }
.post blockquote { margin-right: 0; border-left: 3px solid #CCC }
.post ul li { font-size: 14px; line-height: 27px; list-style-type: square }
.post ol { padding-left: 30px }
.wp-caption-text:before { content: "■ " }/*キャプション文字列の前のアイコン*/
table, table tr td, td, th, .post table { border-color: #ccc; color:#333; }
.post table tr:nth-child(even) { background-color: #ffaf4b; }
/*index メタ周り
--------------------*/
#topnews .clearfix dd .blog_info p { font-size: 10px; }
.blog_info p a[rel="category tag"], .blog_info p a[rel="category"] { background-color: #FF7B0D; padding: 1px 5px; border-radius: 2px; color: #fff; white-space: nowrap; opacity: 1; }
.blog_info p a[rel="tag"] { background-color: #084EAB; padding: 1px 5px; border-radius: 2px; color: #fff; white-space: nowrap; opacity: 1; }
.blog_info p a:hover { color: #fff; opacity: 0.8; }
.pcone { color: #fff }/*tagのコンマを消すため*/
/*icon font 基本宣言
--------------------*/
.blog_info p .fa { color: #666 }
.tagst .fa-tags { color: #333 }
/*navigatin 周り
-----------------------------*/
nav li { color: #333;  
padding: 5px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b9a101+0,400500+68,837906+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf4b+0,ff920a+100;Orange+3D+%231 */
background: #ffaf4b; /* Old browsers */
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
}
nav li a { color: #333 !important; width: 100%; display: block; }
nav li a, nav li a:hover { text-decoration: none; }
nav li:hover, nav li.current-menu-item { box-shadow: inset 0px -4px 0 0 #FF7B0D; color: #FF7B0D !important; }
nav li.current-menu-item a { color: #333 !important; }
nav li:hover > a { color: #333 !important; }
nav li li { padding: 10px; }
.acordion_tree li a { color:#333 !important; margin: 5px; padding: 5px; display: inline-table; }
.acordion_tree li { border: none; display: flex; flex-direction: column; display: -webkit-flex; -webkit-flex-direction: column; margin-bottom: 5px; padding: 0px 5px; }
.acordion_tree li li { float: none; border: none; padding: 0; margin-bottom: 0; }
.sub-menu { background: none; top: 100%; }
nav li { background-color: #fff; }
nav li:hover > .sub-menu { display: flex !important }
.sub-menu { /*position: absolute; background: #fff;*/ display: none; z-index: 10; flex-direction: column; width: inherit;/*border-bottom: 2px solid #FF7B0D;*/ border-top: 1px solid #FF7B0D; }
.sub-menu:after { bottom: 100%; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(186, 213, 155, 0); border-bottom-color: #f9f9f9; border-width: 5px; margin-left: -5px; }
.sub-menu li { margin: 0px; }
.sub-menu li:hover { box-shadow: 2px 0px 0px 0px #FF7B0D inset; }
.menu-item-has-children li:hover { padding: 5px 0px 5px 10px !important; box-shadow: none !important; }
/*artical メタ周り
--------------------*/
div#breadcrumb { color: #ddd; }
#breadcrumb div a, div#breadcrumb a, .tagst a { text-decoration: none; padding: 4px 7px; border-radius: 2px; margin-right: 5px; color: #818181; background-color: #f9f9f9; transition: all 0.4s ease; border-bottom: 2px solid #FF7B0D; font-size: 12px; white-space: nowrap; }
#breadcrumb div a:hover, div#breadcrumb a:hover, .tagst a:hover { background-color: #FF7B0D; color: #fff; }
.blogbox { background-color: #FFFAF0 !important; border-left: 5px solid #FF7B0D !important; border-top: none; border-bottom: none; padding: 10px; }
div#breadcrumb { padding: 10px 0px 5px; margin-bottom: 20px; }
.tagst { color: #fff }
/*artical 周り
--------------------*/
.entry-title { margin-bottom: 10px; padding: 10px; color: #333; 
padding: 5px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b9a101+0,400500+68,837906+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf4b+0,ff920a+100;Orange+3D+%231 */
background: #ffaf4b; /* Old browsers */
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
}
/*page 周り
--------------------*/
.contentsbox { font-size: 13px; background-color: #f5f5f5; padding: 5px 10px; display: inline-block; border-radius: 2px; border: 1px solid #eee; position: relative; }
.contentsbox:before { font-family: FontAwesome; content: "\f129"; position: absolute; left: 0; margin-top: -20px; background-color: #084EAB; width: 20px; height: 20px; line-height: 20px; text-align: center; margin-left: -15px; border-radius: 50%; color: #fff; border: 3px solid #fff; }
.contentsbox p { margin: 0; font-size: 12px; color: #555 }
/*サイドバー
--------------------*/
#side aside { float: left; }
.sub-menu { display: none; }
#side aside #mybox ul li ul li { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */ }
div.company { background:#FFF; }
div.company h5, div.company p { margin:0 5px;}
/*サイドバー メニュー
--------------------*/
li.menu-item a { display:block; color:#333 !important; font-weight:500; } 
.screen-reader-text { display:none; }

/*サイドバーRSS周り
--------------------*/
.rssbox a { background-color: #FF7B0D !important; padding: 7px 10px }
.fa-rss-square { margin-right: 5px; }
/*サイドバー検索周り
--------------------*/
#s { padding: 5px 65px 5px 10px; background: none repeat scroll 0% 0% #f8f8f8 !important; border: 1px solid #e1e1e1; }
/*サイドバー（NEWPOST）周り
--------------------*/
#kanren dl { margin-bottom: 10px; padding: 20px; background-color: #F9F9F9; transition: all 0.4s ease; border: 1px solid #eee; position: relative; }
#kanren dl:hover { box-shadow: inset 0px -5px 0 0 #FF7B0D; }
#side #kanren dl { padding: 10px; }
#side #kanren dl:last-child { padding-bottom: 0; }
#side #kanren dd { padding-left: 0; }
/*サイドバー タイトル
--------------------*/
#side aside h4 { border-bottom: 2px solid #ddd; padding: 5px 10px; margin: 20px 0px 10px 0px; color:#333; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8ffe8+0,e3f5ab+33,b7df2d+100;Green+3D+%234 */
background: #f8ffe8; /* Old browsers */
background: -moz-linear-gradient(top,  #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 ); /* IE6-9 */
}

/*サイドバー カテゴリー
--------------------*/
aside #mybox ul li ul li a { color: #333; text-decoration: none; }
aside #mybox ul li ul li { font-size: 14px; line-height: 27px; background-color: #f9f9f9; padding: 5px 10px; margin-bottom: 10px; transition: all 0.4s ease; border: 1px solid #eee; border-bottom: 2px solid #FF7B0D; }
aside #mybox ul li ul li:hover { padding-left: 15px; box-shadow: inset 5px 0 0 #FF7B0D; }
/*サイドバー tagクラウド
--------------------*/
aside ul li .tagcloud a { text-decoration: none; color: #333; padding: 3px; border-radius: 2px; white-space: nowrap; transition: all 0.4s ease; }
aside ul li .tagcloud a:hover { background-color: #FF7B0D; color: #fff }
/*sns btn 周り
--------------------*/
.sns { position: relative;/*display: flex;justify-content: center;*/ }
.snsb { display: flex; justify-content: space-between; display: -webkit-flex; -webkit-justify-content: space-between; text-align: center; padding: 15px 0px 10px; padding: 10px; background-color: #fff; border: 1px solid #eee; border-bottom: 2px solid #FF7B0D; }
.sns .snsb li { margin: 0 10px; }
.post .sns .snsb.clearfix { background-color: #f9f9f9; }
/*記事下の関連記事 周り
--------------------*/
#kanren a { border: none; }
/*footer 周り
--------------------*/
#footer h3 { margin-bottom: 10px; font-size: 13px; font-weight: normal; color: #FFF; }
footer { text-align: center; margin-top: 50px; border-top: 1px solid #ddd; padding: 30px 0px; color:#FFF !important; }
#footer .copy { font-size: 12px; color: #FFF !important; line-height: 15px; opacity: 0.5; margin: 0; }
/*プラグイン 修正
--------------------*/
/*Key Shortcut Formatter*/
.key { padding: 2px 6px !important; margin: 0px 3px; }
/*toc*/
div#toc_container a { border: none }
div#toc_container { background-color: #f9f9f9 !important; padding: 20px; border: none; }
/*SNSボタン統一
----------------------------------------------------*/
.sns { margin-bottom: 20px }
.snstext { font-size: 13px; vertical-align: middle }
.post .sns ul { list-style: none; padding: 0; margin: 0 0 20px }
.sns li { float: left; padding: 5px; text-aligh: center; list-style: none !important }
.sns li a { font-size: 15px; position: relative; display: block; padding: 3px 10px; color: #fff; border-radius: 3px; text-align: center; text-decoration: none; border: 0 }
.sns .twitter a { background: #55acee }
.sns .twitter a:hover { background: #4892cb }
.sns .twitter .snstext { border-left: 1px solid #9acff4; padding-left: 10px; margin-left: 10px }
.sns .facebook a { background: #3b5998 }
.sns .facebook a:hover { background: #324c81 }
.sns .facebook .snstext { border-left: 1px solid #607bb2; padding-left: 10px; margin-left: 5px }
.sns .googleplus a { background: #dc4e41 }
.sns .googleplus a:hover { background: #bb4237 }
.sns .googleplus .snstext { border-left: 1px solid #e0776d; padding-left: 10px; margin-left: 5px }
.sns .hatebu a { background: #00a5de }
.sns .hatebu a:hover { background: #008cbd }
.sns .hatebu .snstext { border-left: 1px solid #48b6db; padding-left: 10px; margin-left: 3px }
.sns .line a { background: #25af00 }
.sns .line a:hover { background: #219900 }
.sns .pocket a { background: #f03e51 }
.sns .pocket .snstext { border-left: 1px solid #f27985; padding-left: 10px; margin-left: 5px }
.sns .pocket a:hover { background: #c0392b }
/*コンタクトフォーム
-------------------------*/
.wpcf7-form .c1 { background: #E2E2E2; padding: 15px 20px; border-bottom: 1px solid #ccc; font-weight: bold; color: #595858; display: block; line-height: 50px; }
.wpcf7-form .c2 { background: #E8EEF9; padding: 20px; border-bottom: 1px solid #ccc; font-weight: bold; color: #595858; line-height: 50px; }
.wpcf7-form p.c1, p.c2 { margin: 0 }
.wpcf7-form .c1:hover, .c2:hover { background: #FFEEEE }
.wpcf7-form .c1.last, .c2.last { border-bottom: none }
.wpcf7-form .m-alert { padding: 5px; background: #ff8080; color: #fff; margin: 5px; font-weight: normal; }
.wpcf7-form input[type=text], input[type=tel], input[type=email] { font-size: 15px }
.wpcf7-form .c1 textarea, .c2 textarea { font-size: 13px; width: 100%; }
.wpcf7-form .file { margin: 10px; display: block; }
.wpcf7-form span.wpcf7-list-item { display: block }
.wpcf7-form input[type=text], input[type=email], input[type=tel] { width: 100% }
.wpcf7-form input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus { border: solid 1px #20b2aa }
.wpcf7-form input[type=text], select, input[type=email], input[type=tel] { outline: none }
.wpcf7-form .contact_right textarea { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border: #a9a9a9 1px solid; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2), 0 0 2px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0,0,0,0.3); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0,0,0,0.3); width: 100%; padding: 0 3px; }
.wpcf7-form .contact_right textarea:focus { border: solid 1px #20b2aa }
.wpcf7-form .contact_right textarea { outline: none; width: 100%; }
.wpcf7-form .contact_form input[type=submit] { width: 50% }
.wpcf7-form .contact_form input[type=text], .contact_form input[type=email] { height: 50px; font-size: 1.5em; }
.wpcf7-form input[type="radio"] { margin: 0 0 4px 0 !important; }
.wpcf7-form input[type=text], input[type=tel], input[type=email] { line-height: 2.5em; padding: 0 15px; width: 95%; }
.wpcf7-form .captcha { text-align: center; display: block; width: 35%; margin: auto; }
.captcha input[type=text] { float: left; width: 25%; }
.captcha img { float: left; margin-right: 20px; }
.wpcf7-form .captcha:after { content: ""; clear: both; }
input[type=submit], input[type=button] { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border: #a9a9a9 1px solid; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2), 0 0 2px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0,0,0,0.3); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0,0,0,0.3); width: 40%; height: 50px; font-size: 20px; padding: 0 3px; margin: 5px; cursor: pointer; color: #333; font-weight: bold; background: #f5f5f5; text-shadow: 1px 1px 0px #fff; }
input[type=submit].delButton { font-size: 12px; }
/*カスタム地図
--------------------*/
.acf-map { width: 100%; height: 400px; border: #ccc solid 1px; margin: 20px 0; }
/*画像回り込み  周り
--------------------*/
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
/*画像に枠を付ける
---------------------------------*/
.sumbox img { border: solid 1px #ccc; padding: 3px; }
.post img { border: solid 1px #ccc; padding: 3px; }
img.attachment-60x60 { border: none; }
/*商品一覧  周り
--------------------*/
.table-ul { display: table; table-layout: fixed; text-align: center; width: 100%; padding: 0 !important; }
.table-ul li { display: table-cell; vertical-align: middle; }

/*media Queries PCサイズ（最低1150pxのサイズ）
----------------------------------------------------*/
@media only screen and (min-width: 1150px) {
.snsb:before { font-family: FontAwesome; content: "\f164"; height: 17px; background-color: #FF7B0D; padding: 9px; border: 5px solid #fff; line-height: 17px; font-size: 17px; color: #333; width: 17px; border-radius: 50%; margin-left: -70px; margin-top: 10px; position: absolute; box-shadow: 0px 1px 1px #FF7B0D; }
#topnews { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -moz-column-gap: 1em; -webkit-column-gap: 1em; column-gap: 1em; }
div.post #kanren { display: flex; flex-flow: row wrap; justify-content: space-between; }
div.post #kanren dl { width: 43% }
#kanren dl:last-child { margin-bottom: 10px; border: 1px solid #EEE; }
.post aside > div:first-child { display: flex; justify-content: space-between; }
.post .smanone { padding-top: 0 !important; }
}

/*media Queries PCサイズ（最低780pxのサイズ）
----------------------------------------------------*/
@media only screen and (min-width: 780px) {
nav ul { display: -webkit-box; /* Android 2~4 */ -webkit-box-pack: justify; /* Android 2~4 */ display: -webkit-flex; display: -ms-flex; display: flex; /*フレキシブルボックス*/ text-align: center !important; /*センタリングは好みで*/ }
nav ul li { width: 200px; /*幅は大きめに調節する*/ -webkit-box-flex: 1; /* Android 2~4 */ text-align: center; }
#side aside { width: 190px; }
#contentInner { margin-right: -200px; float: right; }
main { margin-right: 200px; }
#topnews dd { padding: 0 }
.sub-menu { /*width: -moz-max-content; width: -webkit-max-content; width: max-content;*/ }
/*サイドバー企業情報
--------------------*/
#side div.company p { font-size: 12px; line-height: 18px; color: #333; }
#side div.company h5 { font-size: 12px; color: #333; }
}

/*media Queries タブレットサイズ（最高780pxのサイズ）
----------------------------------------------------*/
@media only screen and (max-width: 780px) {
#topnews dd { padding: 0 }
.sub-menu { position: relative; background: none repeat scroll 0% 0% #ffaf4b; box-shadow: none; display: inline; z-index: inherit; }
nav li:hover > .sub-menu { display: inline !important; }
nav li:hover { box-shadow: none; }
img { max-width: 97%; height: auto; display: block !important; float: none !important; }
#gazou { display: block !important; }
#gazou img { max-width: 100%; ; }
header .sitename { display: none }
header .descr { display: none; }
#projects .topnews dl { width: 40%; }
#projects .topnews dd { margin: 0; padding: 0; }
div.company h5, div.company p { color: #333; }
}

/*media Queries タブレットサイズ（最低380pxのサイズ）
----------------------------------------------------*/
@media only screen and (max-width: 380px) {
#topnews dd { padding: 0 }
#topnews dt { min-width: 100px }
#topnews dd h3 { font-size: 100%; word-break: break-all; line-height: 22px; }
#topnews .clearfix dd p { line-height: 18px; }
#breadcrumb div a, div#breadcrumb a, .tagst a { line-height: 30px; }
img { max-width: 97%; height: auto; }
#topnews .smamnone { display: block !important; }
#projects .topnews dl { width: 97%; }
table { width: 95%; }
}