@charset "utf-8";

body, html { height:100%; }
body { -webkit-text-size-adjust:100%; text-align:center; margin:0; padding:0; letter-spacing:0; font-family:'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; 
  background:#000; }

img { border:0; vertical-align:middle; }
table { font-size:0.9em; }
form { margin:0; padding:0; }
hr { width:95%; text-align:center; margin:15px auto; padding:0; clear:both; }
a { color:#3366ff; }
a:visited { color:#cc0066; }
a:hover { color:#ff6600; text-decoration:none; }
div { margin:0; padding:0; }
ul { margin:0; padding:0; list-style-type:none; }
ol { margin:0; padding:0; list-style-type:none; }
li { margin:0; padding:0; list-style-type:none; }
p { margin:0; padding:0; }
dl { margin:0; padding:0; }
dt { margin:0; padding:0; }
dd { margin:0; padding:0; }


/* ラップ */

h1 { position:absolute; top:0; width:99%; min-width:960px; height:30px; text-align:right; margin:0; padding:10px 1% 0 0; color:#fff; font-size:0.7em; font-weight:normal; z-index:999; }
#wrap { width:100%; min-width:960px; height:auto !important; height:100%; min-height:100%; position:relative; }
#header { min-width:960px; height:120px; text-align:left; color:#fff; position:relative; }
#header:before, #contents:after { content: " "; display: table; }
#header:after { clear:both; }
#contents { clear:both; width:960px; text-align:center; margin:auto; padding:0 0 450px; }
#contents:before, #contents:after { content: " "; display: table; }
#contents:after { clear:both; }
#leftpane { float:left; }
#wrap_c { width:690px; min-height:600px; background:#fff; box-shadow:0 0 15px #fff; text-align:left; margin:0 5px -450px; padding:15px 10px 350px; clear:both; position:relative; }
#rightpane { width:240px; float:left; padding:540px 0 50px; }
#footer { position:absolute; bottom:0; clear:both; width:100%; min-width:960px; height:450px; background:url(../image/bg_footer.png) left 52px no-repeat; color:#fff; overflow:hidden; position:relative; }


/* ヘッダー */

#this { background:#000; color:#fff; text-align:left; margin:0 0 5px 0; padding:3px 10px; font-size:0.7em; }
#tfl { float:left; }
#header_logo { margin:15px 0 0 10px; }

#tfr { float:right; }
#tfr ul { float:right; text-align:center; margin:auto; padding:35px 8px 10px; }
#tfr ul li { margin:2px; float:left; }
#tfr ul li a { display:block; width:6em; background:#000; border-radius:3px; font-size:0.8em; color:#fff; text-decoration:none; }
#tfr ul li a:hover { display:block; width:6em; background:#ffcc00; color:#fff; transition:0.2s ease-in-out; }
#tfr form { margin:0 10px 0 0; font-size:0.8em; clear:both; }
#cse-search-box { float:right; }
#custom_search_txt { width:300px; border-radius:5px; padding:0 5px; }
#custom_search_btn { border-radius:5px; }
#google_translate_element { float:right; margin:0 15px 0 0; }


/* ナビゲーションバー */

#btn_main_navi { display:none; }
#navi_bar { min-width:940px; padding:10px 10px 15px; clear:both; }
#navi_bar li { float:left; margin:2px; }
#navi_bar a { display:block; background:#000; border-radius:3px; padding:5px 10px; color:#fff; text-decoration:none; }
#navi_bar a:hover { background:#ffcc00; transition:0.2s ease-in-out; }


/* フッター */

#f_navi { letter-spacing:-.40em; position:absolute; bottom:35px; right:120px; font-size:0.7em; }
#f_navi li { display:inline-block; letter-spacing:normal; border-right:1px #fff solid; padding:0 10px; }
#f_navi li:last-child { border-right:none; }

#copy-right { width:100%; height:30px; line-height:30px; background:#000; font-size:0.7em; position:absolute; bottom:0; left:0; }

#pc_change { letter-spacing:-.40em; position:absolute; position:fixed; bottom:5px; left:5px; z-index:99999; }
#pc_change li { display:inline-block; letter-spacing:normal; vertical-align:top; margin:0 5px 0 0; }
#pc_change li a { display:block; width:180px; background:rgba(68,68,68,0.7); border-radius:5px; box-shadow:0 0 4px #fff; padding:20px 15px; font-size:1em; color:#fff; text-decoration:none; }
#pc01 { display:block !important; }
#pc02 { display:none !important; }


/* TOPページ */

#mainview { width:960px; height:0; text-align:center; margin:0 auto; color:#ccc; font-size:36px; position:relative; }
#mainview p { position:absolute; top:200px; left:280px; 
  -webkit-box-reflect: below -12px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 50%,rgba(0,0,0,0.5)); }

#top_list { position:absolute; bottom:100px; right:10px; z-index:9999; }

#cts_ul { color:#fff; font-size:0.8em; }
#cts_ul li { width:117px; height:25px; line-height:25px; float:left; cursor:pointer; }
#cts_li_01 { background:#333; border-radius:10px 0 0 0; }
#cts_li_02 { background:#000; border-radius:0 10px 0 0; }

.topic_list { letter-spacing:-.40em; margin:0 !important; padding:0 !important; }
.topic_box { display:inline-block; letter-spacing:normal; vertical-align:top; width:340px; margin:0 15px 30px 0; }
.topic_box dl { width:100%; min-height:220px; overflow:hidden; position:relative; }
.topic_box dl:before { content:""; display: block; padding-top:65%; }
.b_img { position:absolute; top:0; left:0; bottom:0; right:0; text-align:center; margin:auto; }
.b_img img { width:100%; height:auto; }
.b_event_img { position:absolute; top:0; left:0; bottom:0; right:0; text-align:center; margin:auto; }
.b_event_img img { width:auto; height:100%; }
.topic_box dt a:hover img { opacity:0.7; transition:0.2s ease-in-out; }
.topic_box dd { position:absolute; bottom:0; left:0; width:94%; text-align:left; padding:25px 3% 5px; font-size:0.9em; 
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 71%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 71%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 71%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.topic_box dd .b_cat_ul { float:right; }
.topic_box dd .b_cat_ul li { margin:0 3px 0 0 !important; }
.topic_box dd .b_cat_ul li a { border-radius:3px; padding:3px !important; font-size:0.7em !important; }
.tb_date { float:left; margin:5px 0 0; font-size:0.8em; color:#aaa; }
.tb_date span { color:#ff0000; font-weight:bold; }
.topic_box dd h3 { margin:0; padding:0; }
.topic_box dd h3 a { font-size:0.9em; color:#fff !important; font-weight:normal; text-decoration:none; }
.tb_link { letter-spacing:-.40em; text-align:right; padding:5px 0 25px; }
.tb_link li { display:inline-block; letter-spacing:normal; margin:0 0 0 10px; }
.tb_link li a { display:block; width:80px; border-radius:5px; text-align:center; margin:auto; padding:5px 10px; font-size:0.8em; color:#fff; text-decoration:none; }
.tb_link li a:hover { opacity:0.7; transition:0.2s ease-in-out; }
.tb_rss a { background:#E68975; }
.tb_more a { background:#be84c5; }

#top_list_wrap { width:234px; background:#000; border-radius:0 0 10px 10px; text-align:left; margin:0; padding:0; color:#fff; font-size:0.6em; clear:both; }
#top_list_wrap li a { color:#666; }

#cts_tab01 { min-height:230px; padding:15px 10px; }
#topic_list { }
#topic_list li { text-align:left !important; padding:3px 0 !important; float:none !important; clear:both; }
#topic_list li div { width:60px !important; height:60px !important; margin:0 10px 0 0; overflow:hidden; float:left; }
#topic_list .alignleft { margin:0 0 0 0; }
#r_more { text-align:right; color:#666; }
#r_more a { color:#666; }

#cts_tab01 #topic_list {  }
#cts_tab01 #topic_list li {  }
#cts_tab01 #topic_list li div { width:30px !important; height:30px !important; margin:0 5px 7px 0; }
#cts_tab01 #topic_list li div img { width:30px !important; height:30px !important; }

#cts_tab02 { min-height:260px; }
#p_list { padding:15px; }
#p_list li { margin:0 0 4px 0; }


/* SUBページ */

#breadcrumbs { padding:5px 0 15px 0; font-size:0.7em; color:#fff; float:left; }

#styleswitcher { float:right; margin:0 15px 15px 0; font-size:0.7em; letter-spacing:-.40em; }
#styleswitcher li { display:inline-block; letter-spacing:normal; width:40px; text-align:center; margin:2px; padding:8px 5px; border-radius:3px; font-size:1.2em; cursor:pointer; }
#styleswitcher li:hover { background:#ffcc00; color:#fff; }

.font_m_on { background:#444; color:#fff; }
.font_l_on { background:#444; color:#fff; }
.font_x_on { background:#444; color:#fff; }
.font_m_off { background:#eee; color:#333; }
.font_l_off { background:#eee; color:#333; }
.font_x_off { background:#eee; color:#333; }

.font_middle { font-size:1em; }
.font_large { font-size:1.2em; }
.font_xlarge { font-size:1.5em; }

#s_photo { margin:5px 0 10px 5px; }
h2 { margin:0; padding:0; }

#ad-links { position:absolute; top:-200px; right:-310px; width:300px; text-align:center; margin:0 auto; padding:0 0 25px; }
#ad-links ins { margin:0 0 10px; }

#ad-footer { position:absolute; bottom:30px; left:20px; }

#re_top { position:absolute; position:fixed; bottom:15px; right:15px; z-index:999; display:none; }
#re_top a { display:block; width:50px; height:50px; line-height:60px; background:rgba(68,68,68,0.7); border-radius:50px; text-align:center; margin:auto; font-size:0.7em; color:#fff; text-decoration:none; position:relative; }
#re_top a:before { content:"▲"; position:absolute; top:-16px; left:18px; }
#re_top a:hover { background:#ffcc00; color:#800000; transition:0.2s ease-in-out; }

#message_normal_wrap { display:table-cell; vertical-align:middle; width:650px; height:450px; text-align:center; margin: 15px auto 0; padding:25px; font-size:1.2em; }
#message_normal_wrap h3 { background:none !important; border:none; font-size:1.6em !important; color:#444; }
.normal h3:after, .normal h3:before{ display:none; }
#go_to_index { padding:35px 0 0; }
#go_to_index p { text-align:center; margin:auto; }
#go_to_index a { display:block; width:350px; height:60px; line-height:60px; background:#444 url(/image/ico_arrow_01.png) 15px center no-repeat; border-radius:10px; text-align:center; margin:auto; font-size:1.2em; color:#fff; text-decoration:none; }
#go_to_index a:hover { background:#ffcc00 url(/image/ico_arrow_01.png) 15px center no-repeat; transition:0.2s ease-in-out; }

#wrap_c h3 { max-height:100%; min-height:50px; line-height:1.6; background:url(../image/bg_h3.png) 0 -5px no-repeat; font-size:1.2em; margin:35px 15px 20px; padding:0 0 0 55px; color:#000066; clear:both; }
#wrap_c h4 { max-height:100%; min-height:22px; line-height:22px; background:url(../image/bg_h4.png) no-repeat; font-size:1em; margin:17px 21px 17px 35px; padding:0 0 0 28px; clear:both; }
#wrap_c p { max-height:100%; padding:8px 0; }
#wrap_c ul { max-height:100%; }
#wrap_c li { margin-left:1.4em; list-style-type:disc; }
.ln li { list-style-type:none !important; }

.c { text-align:center; margin:auto; }
.lf { text-align:left; }
.ri { text-align:right; margin-bottom:15px; }
.bunsyo { margin:20px 30px 50px 40px; line-height:140%; }
.bunsyo p { margin:15px 0; }
.bunsyo li { margin:0 52px 5px 21px; padding:0; list-style-type:disc; }
.ri_li { max-height:100%; margin:0 28px 50px 52px; padding:0; }
.ri_li li { margin-bottom:7px; list-style-type:disc; }
img.gazo_l { float:left; margin-right:20px; margin-bottom:85px; }
.usi { padding:14px 0 14px 0; }
.gl { float:left; margin:0 21px 21px 0; }
.gr { float:right; margin:0 21px 21px 21px; }
.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }
.ss { color:#ff0000; font-weight:bold; }
.yajirushi { margin:0; padding:0; text-indent:52px; }
.red { color:#ff0000; }
.blue { color:#000099; }
.s { font-size:0.7em; }

#conext { width:425px; height:60px; margin:0 0 0 135px; padding:21px 0 45px 0; clear:both; }
#conta { width:205px; height:60px; float:left; }
#conta a { display:none; }
#conta a { display:block; width:205px; height:60px; background:url(../image/conext.png); background-position:0 0; text-indent:-9999px; }
#conta a:hover { width:205px; height:60px; background:url(../image/conext_on.png); background-position:0 0; text-indent:-9999px; }
#tsuduki { width:205px; height:60px; padding:0 0 0 15px; float:left; }
#tsuduki a { display:none; }
#tsuduki a { display:block; width:205px; height:60px; background:url(../image/conext.png); background-position:-220px 0; text-indent:-9999px; }
#tsuduki a:hover { width:205px; height:60px; background:url(../image/conext_on.png); background-position:-220px 0; text-indent:-9999px; }

#r_menu { width:210px; margin:5px 0 0 4px; padding:15px 10px; color:#fff; font-size:0.8em; position:absolute; top:330px; right:-240px; }
.mida { margin:10px 0 10px 0 !important; padding:0 0 0 5px !important; border-left:5px #ccc solid; border-bottom:1px #ccc dotted; color:#ccc; }
#r_menu ul { padding:0 0 15px !important; }
#r_menu li { background:url(../image/ico_left_li.png) no-repeat; margin:0; padding:4px 0 4px 18px; list-style-type:none; }


/* サイドバー */

#ad-sidebar { text-align:center; margin:0 auto 0; }


/* オフィス紹介 */

dl.dl_dt_dd { max-height:100%; margin:20px 14px 50px 28px; line-height:160%; }
dl.dl_dt_dd dt { padding:5px 0 2px 15px; width:6.5em; float:left; color:#000033; font-weight:bold; }
dl.dl_dt_dd dd { margin:0 0 0 6.5em; padding:5px 15px; }
dl.dl_dt_dd p { padding:0 0 15px 0; }


/* ホームページ診断・サイトリニューアル */

#point { width:500px; height:300px; background:url(../image/point.png); margin:15px 0 0 0; list-style-type:none; text-indent:-9999px; }
#point li { list-style-type:none; }


/* ホームページ作成教室 */

#acc01 { overflow:hidden; }
.accordion_toggle { display:block; font-weight:normal; outline:none; cursor:pointer; }
.accordion_toggle_active { color:#ffcc00; }
.accordion_content { overflow:hidden;	/* 必須 */ }


/* 制作実績 */

.productable { width:500px; text-align:center; margin:14px auto; border:1px #aaa solid; border-collapse:collapse; }
* html .productable { margin-left:30px; }
.productable td { border-top:1px #aaa dotted; border-bottom:1px #aaa dotted; margin:0; padding:7px 3px; text-align:left; }
.productable th { border-top:1px #aaa dotted; border-bottom:1px #aaa dotted; margin:0 auto; padding:7px 3px; background:#4682b4; color:#fff; text-align:center; }
.ptit { width:180px; }
.productable .y { text-align:right; background:#ccdeec; }
.productable .m { text-align:right; background:#ccdeec; }
.productable .d { text-align:right; background:#ccdeec; }
.productable .p { text-align:center; margin:auto; }
.productable .k { text-align:center; margin:auto; background:#ccdeec; }


/* お問い合わせ */

.mailform { border-collapse:collapse; margin:14px 0 28px 25px; padding:0; font-size:0.9em; }
#mfp_buttons li { margin:0 0 30px 0 !important; }
.mfptr li { list-style-type:none !important; }


/* ブログ */

/* ■ブログ一覧 */

#blog_l { }
#blog_l a:hover img { opacity:0.7; }
#blog_l .event a { background:none; }

.b_cat_ul { letter-spacing:-.40em; }
.b_cat_ul li { display:inline-block; letter-spacing:normal; margin:5px 3px; }
.b_cat_ul li a { display:block; border-radius:3px; padding:3px 25px; font-size:0.8em; color:#fff; text-decoration:none; }
.b_cat_ul li a:hover { opacity:0.7; transition:0.2s ease-in-out; }

.b_title { margin:15px 0 0 0; padding:0; overflow:hidden; }
.b_title h3 { }
.write_date { padding:10px 5px 15px 0 !important; text-align:right; font-size:0.8em; color:#ff69b4; font-weight:bold; }

.b_sec { line-height:1.4; clear:both; position:relative; }
.b_sec .wp-post-image { min-height:100px; }
.b_sec a:hover img { opacity:0.7; transition:0.2s ease-in-out; }
.b_sec p { margin:0 !important; padding:7px 15px; }

.b_thumb { float:left; }
.b_thumb img { width:150px; height:auto; }
.b_cont { max-height:100%; padding:0 40px 85px; }

.tsuzuki { margin:0 0 0 0; position:absolute; bottom:5px; right:0; }
.tsuzuki a { display:block; width:280px; height:50px; line-height:50px; background:#444 url(/image/ico_arrow_01.png) 15px center no-repeat !important; border-radius:5px; text-align:center; margin:auto; font-size:1.2em !important; color:#fff !important; text-decoration:none; }
.tsuzuki a:hover { background:#ffcc00 url(/image/ico_arrow_01.png) 15px center no-repeat !important; color:#800000 !important; transition:0.2s ease-in-out; }

.b_foot { line-height:1.4; margin:3px 0 0 !important; padding:8px 0 0 0; font-size:0.8em; border-top:1px #aaa solid; text-align:right; clear:both; }
.b_foot ul { letter-spacing:-.40em; }
.b_foot li { display:inline-block; letter-spacing:normal; margin:5px 3px; }

.post-edit-link { position:absolute; top:0; right:0; display:block; background:#ccc !important; border-radius:3px; padding:5px 10px; color:#444; text-decoration:none; }

.local-navigation { text-align:center; margin:auto; padding:5px 0 15px; }
.local-navigation a { color:#fff; text-decoration:none; }
.local-navigation a:hover { background:#ffcc00; color:#800000 !important; }
.local-navigation prev {}
.local-navigation next {}
.page-numbers { background:#eee; padding:5px 0.8em; border-radius:3px; color:#666 !important; }
.local-navigation .current { background:#444 !important; color:#fff !important; }

/* ■ブログ詳細 */

#entry_wrap { padding:0 0 35px; position:relative; }
.entry_sec { margin:15px 0 0; padding:0 40px 45px; clear:both; }
.entry_sec h1 { background:none; font-size:1.6em; margin:15px 30px 15px 40px; padding:0; text-indent:0; line-height:1; color:#000000; }
.entry_sec h2 { background:none; font-size:1.4em; margin:15px 30px 15px 40px; padding:0; text-indent:0; line-height:1; color:#000000; }
.entry_sec h3 { background:none; font-size:1.2em; margin:15px 30px 15px 40px; padding:0; text-indent:0; line-height:1; color:#000000; }
.entry_sec h4 { background:none; font-size:1.1em; margin:15px 30px 15px 40px; padding:0; text-indent:0; line-height:1; color:#000000; }
.entry_sec h5 { background:none; font-size:1em; margin:15px 30px 15px 40px; padding:0; text-indent:0; line-height:1; color:#000000; }
.entry_sec h6 { background:none; font-size:0.9em; margin:15px 30px 15px 40px; padding:0; text-indent:0; line-height:1; color:#000000; }

.entry_sec p { margin:15px 0 !important; padding:0; line-height:1.4; }
.entry_sec .alignleft { margin:0 20px 20px 0; }
.entry_sec .aligncenter { margin:35px auto; }
.overlay { display:none; text-align:center; margin:auto; z-index:99999; }
.overlay img { text-align:center; margin:100px auto; box-shadow:0 0 10px #fff; }

#trackback_sec { padding:0 0 35px; }
#trackback_sec p { word-break:break-all; }
#comments_sec { padding:0 0 35px; }

#prev_next {}
.pn_wrap { letter-spacing:-.40em; padding:0 0 35px; }
#prev_wrap { display:inline-block; letter-spacing:normal; vertical-align:top; width:50%; text-align:left; }
#next_wrap { display:inline-block; letter-spacing:normal; vertical-align:top; width:50%; text-align:right; }

.pn_wrap dt { background:#444; color:#fff; padding:10px 15px; }
#prev_title { border-radius:5px 0 0 5px; }
#next_title { border-radius:0 5px 5px 0; }

.pn_wrap dd {}
#prev_box { padding:0 100px 0 0; }
#next_box { padding:0 0 0 100px; }
.pn_img { height:150px; padding:15px 0 10px; }
.pn_tit {}

.yarpp-thumbnails-horizontal { padding:0 0 35px; }
.yarpp-thumbnail { position:relative; }
.yarpp-thumbnails-horizontal .yarpp-thumbnail { border:none !important; width:162px !important; height:auto !important; text-align:center; margin:auto; }
.yarpp-thumbnail > img, .yarpp-thumbnail-default { width:100% !important; margin:0 !important; }
.yarpp-related h3 { display:none; }
.yarpp-thumbnail-title { position:absolute; bottom:0; left:0; display:block; width:94% !important; max-height:120px !important; text-align:left; margin:0 !important; padding:20px 3% 5px !important; font-size:0.8em !important; color:#fff; font-weight:normal !important; 
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 71%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 71%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 71%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.entry-categories h3 { background:none; text-indent:0; margin-left:0; }
.entry-tags h3 { background:none; text-indent:0; margin-left:0; }

.post-ratings { text-align:right; }
.post-ratings p { margin:0 15px 5px 0 !important; }
#pr { margin:65px 10px 0 0 !important; }

.nocomments { margin:20px auto; }

/* ■ブログサイドバー */

#sidebar { line-height:1.2; margin:0; padding:0; text-align:left; float:left; }
#sidebar h3 { height:22px; line-height:22px; background:url(/image/h4.png) 0 center no-repeat; font-size:1.2em; margin:15px 0 10px; padding:15px 10px 15px 50px; color:#333; clear:both; }
#sidebar label { display:none; }
#sidebar ul { margin:0; padding:0; list-style-type:none; }
#sidebar .widget { padding:15px 0; }
.widget_search #searchform { margin-left:-24px; padding:35px 0 15px; }

#sidebar { text-align:left; padding:0 0 0 10px; color:#fff; }
#sidebar h3 { height:22px; line-height:22px; background:url(../image/bg_h4.png) 0 center no-repeat; font-size:1.2em; margin:15px 0 10px; padding:15px 10px 15px 28px; color:#0099ff; clear:both; }
#sidebar .widget { padding:15px 0; }
#sidebar #searchform { text-align:left; padding:35px 0 15px; }
#sidebar #searchform label { display:none; }
#sidebar #searchform #s { width:180px !important; }

#wp-calendar { width:100%; }
#wp-calendar caption { padding:0 0 10px; }
#wp-calendar th { text-align:center; margin:auto; }
#wp-calendar th:first-child { color:#ff0000; }
#wp-calendar th:last-child { color:#0099ff; }
#wp-calendar #prev, #wp-calendar #next { padding:10px 0 0; }
#wp-calendar tbody a { display:block; background:#333; border-radius:3px; color:#fff; }
#wp-calendar tbody a:hover { background:#ffcc00; color:#fff; transition:0.2s ease-in-out; }

#sidebar select { margin:0 0 20px 20px !important; }
.st-tag-cloud { letter-spacing:-.40em; }
.st-tag-cloud a { display:inline-block; letter-spacing:normal; background:#444; border:none; border-radius:3px; margin:1px; padding:4px; color:#fff !important; text-decoration:none; }
.st-tag-cloud a:hover { background:#ffcc00; color:#800000; transition:0.2s ease-in-out; }

#bst { letter-spacing:-.40em; margin:35px 0 0 !important; padding:0 !important; }
#bst li { display:inline-block; letter-spacing:normal; width:74px; background:#eee; border-left:1px #000 solid; border-radius:3px; text-align:center; margin:auto; padding:10px 0 !important; font-size:0.9em; color:#333; cursor:pointer; }
#bst li:before { display:none; }
.bst_on { background:#444 !important; color:#fff !important; }
#bst li:hover { background:#ffcc00 !important; color:#800000 !important; }

#recent-posts-3 { min-height:200px; padding:0 10px 25px 0; }
#recent-posts-3 li { padding:5px 0 !important; border-bottom:2px #ccc dotted; font-size:1em; }
#recent-posts-3 li:before { display:none; }
#recent-posts-3 p { margin:0 !important; padding:0 !important; }
#recent-posts-3 dl { min-height:150px; margin:0 0 15px; position:relative; }
#recent-posts-3 dt { clear:both; text-align:center; margin:auto; padding:5px 0; }
#recent-posts-3 dt img { width:100%; height:auto; }
#recent-posts-3 dt a:hover img { opacity:0.7; }
#recent-posts-3 dd { position:absolute; bottom:0; left:0; width:94%; text-align:left; padding:20px 3% 8px; 
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 71%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 71%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 71%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.r_date { padding:5px 0 !important; font-size:0.7em !important; color:#aaa; font-weight:bold; }
.r_tit { font-size:0.9em !important; }
.r_tit a { color:#fff; text-decoration:none; }

.popular-posts { display:none; min-height:200px; padding:0 10px 25px 0 !important; }
.wpp-list li { min-height:150px; margin:0 0 15px; padding:0 !important; position:relative; }
.wpp-list li:before { display:none; }
.wpp-list li a { color:#fff; text-decoration:none; }
.wpp-list li a:hover img { opacity:0.7; }
.popular-posts .wpp-thumbnail { width:100%; height:auto; margin:0; }
.wpp-post-title { position:absolute; bottom:0; left:0; display:block; width:94%; text-align:left; padding:20px 3% 8px; font-size:0.9em; 
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 71%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 71%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 71%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.post-stats { position:absolute; top:10px; right:10px; color:#fff !important; text-shadow:1px 1px 2px #000; }

.widget_recent_comments { display:none; min-height:200px; padding:0 10px 25px 0 !important; }
.widget_recent_comments h3 { display:none; }

/* ■ブログカテゴリ */

.n_traffic { background:#eee !important; color:#1A3197 !important; }
.n_sports { background:#87CEEB !important; }
.n_case { background:#444 !important; }
.n_store { background:#ff0066 !important; }
.n_public_institution { background:#999 !important; }
.n_shiseki { background:#663399 !important; }
.n_temple_shrine { background:#800000 !important; }
.n_matsuri { background:#ff0000 !important; }
.n_entertainment { background:#00ccaa !important; }
.n_event { background:#006600 !important; }
.n_sakura { background:#ff66cc !important; }
.n_gourmet { background:#ffcc00 !important; }
.n_flower { background:#ff66cc; }

/* ■コメント欄 */

#comments-thread .comment-id, #comments-thread .form-allowed-tags { display:none; }
#comments-thread .comment-author { font-weight:bold; }
#comments-thread img.avatar { float:right; margin-right:0; margin-left:10px; }
#commentform label { display:block; }
#commentform input { margin-bottom:0px; }
#commentform input, #commentform textarea { background-color:#fff; border:1px solid #aaa; }
.comment-notes { padding:0 0 10px; }
.comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-comment label, .form-submit { margin:15px 0 5px !important; }
.commets-list { margin:0 0 0 15px; padding:0 0 0 25px; }
.commets-list li { padding:0 0 35px; }
.comment-info { padding:0 0 15px; }


.overlay { position:absolute; display:none; top:0; width:100%; z-index:9999; background:rgba(0,0,0,0.8); }
.overlay img { display:inline-block; position:absolute; width:800px; box-shadow:0 0 10px #fff; }
#cursol {  position:absolute; padding:5px; color:#fff; background:#666; border-radius:3px; box-shadow:2px 2px 5px 0px #333; }


/* clearfix */

.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear:both; }
.cf { *zoom: 1; }



/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */