/*
Theme Name:N1
Theme URI:https://hybrid-theme.com/theme/n1/
Description:This theme supports widget, threaded-comments, theme-options,and translation is ready. Also including page-navigation and multi level dropdown menu.You can see live demo including more information here http://www.mono-lab.net/demo/n1/type1/
Author:mono-lab
Author URI:https://www.mono-lab.net/
Version:2.5.4
Text Domain:mono-lab
*/



/* ----------------------------------------------------------------------
 web fonts
---------------------------------------------------------------------- */
@font-face {
    font-family: 'icomoon-n1b-ml';
    src: url('font/icomoon-n1b-ml.eot?v=1.4');
    src: url('font/icomoon-n1b-ml.eot?#iefix&v=1.4') format('embedded-opentype'),
         url('font/icomoon-n1b-ml.woff?v=1.4') format('woff'),
         url('font/icomoon-n1b-ml.ttf?v=1.4') format('truetype'),
         url('font/icomoon-n1b-ml.svg#icomoon-n1b-ml&v=1.4') format('svg');
    font-weight: normal;
    font-style: normal;
}




/* ----------------------------------------------------------------------
 reset css
---------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio, canvas, video { display:inline-block; max-width:100%; }
html { overflow-y: scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
ul, ol { list-style:none; }
blockquote , q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content: none; }
a:focus { outline:none; }
ins { text-decoration:none; }
mark { font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
button, input, select, textarea { outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:100%; }
input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); -webkit-appearance: none; border-radius:0; /* Removing the inner shadow, rounded corners on iOS inputs */ }
input[type="checkbox"]{ -webkit-appearance: checkbox; }
input[type="radio"]{ -webkit-appearance: radio; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
img { -ms-interpolation-mode:bicubic; }

/* clearfix */
.clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height:1% }
.clearfix { display:block;}
/* end MacIE5 */




/* ----------------------------------------------------------------------
 basic setting
---------------------------------------------------------------------- */
body { font-family:Arial,sans-serif; color:#333; line-height:1; min-width:1100px; background:#f8f8f8; }
.pc body.width_1000 { min-width:1000px; }
.pc .admin-bar { padding-top:0; }
a { color:#333; }
a, a:before, a:after, input { -webkit-transition-property:background color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease; -moz-transition-property:background color; -moz-transition-duration:0.2s; -moz-transition-timing-function:ease; -o-transition-property:background color; -o-transition-duration:0.2s; -o-transition-timing-function:ease; }
.clear { clear:both; }
.hide { display:none; }




/* ----------------------------------------------------------------------
 WordPress preset css and post style
---------------------------------------------------------------------- */
/* alignment */
.post_content .alignright { float:right; }
.post_content .alignleft { float:left; }
.post_content .aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:7px; }
.post_content blockquote.alignleft, .post_content img.alignleft { margin:7px 24px 7px 0; }
.post_content .wp-caption.alignleft { margin:7px 14px 7px 0; }
.post_content blockquote.alignright, .post_content img.alignright { margin:7px 0 7px 24px; }
.post_content .wp-caption.alignright { margin:7px 0 7px 14px; }
.post_content blockquote.aligncenter, .post_content img.aligncenter, .post_content .wp-caption.aligncenter { margin-top:7px; margin-bottom:7px; }


/* text and headline */
.post_content p { line-height:2; margin:0 0 2em 0; }
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { clear:both; line-height:1.2; font-weight:600; margin:0 0 10px 0; padding:10px 0 0 0; }
.post_content h1 { font-size:150%; }
.post_content h2 { font-size:140%; }
.post_content h3 { font-size:130%; }
.post_content h4 { font-size:120%; }
.post_content h5 { font-size:110%; }
.post_content h6 { font-size:100%; }


/* image */
.post_content img[class*="align"], .post_content img[class*="wp-image-"], .post_content img[class*="attachment-"], .post_content img.size-full, .post_content img.size-large, .post_content .wp-post-image, .post_content img
 { height:auto; max-width:100%; }


/* list */
.post_content li, .post_content dt, .post_content dd { line-height:2.2; }
.post_content ul, .post_content ol, .post_content dl { margin-bottom:24px; }
.post_content ol { list-style:decimal outside none; margin-left:1.5em; }
.post_content ul { list-style:circle outside none; margin-left:1.3em; } 
.post_content li > ul, .post_content li > ol { margin-bottom:0; }
.post_content dt { font-weight:bold; }
.post_content dd { margin-bottom:1em; }


/* table */
.post_content table { margin:0 0 24px 0; }
.post_content td, .post_content th { border:1px solid #ccc; padding:10px 15px 7px; line-height:2.2; }
.post_content th { background:#f2f2f2; font-weight:normal; }


/* block quote */
.post_content blockquote { margin:0 0 24px 0; padding:27px 30px 1px; border:1px solid #ccc; box-shadow:0 0 3px 0px rgba(0,0,0,0.2); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative; }
.post_content blockquote:before { content: '"'; font-style:italic; font-size:30px; font-weight:normal; line-height:40px; width:30px; height:30px; position:absolute; top:5px; left:10px; color:#5cbcd7; }
.post_content blockquote:after { content: '"'; font-style:italic; font-size:30px; font-weight:normal; text-align:left; line-height:60px; width:30px; height:30px; position:absolute; bottom:7px; right:-2px; color:#5cbcd7; }
.post_content blockquote cite { border-top:1px dotted #aaa; display:block; padding:20px 0 0 0; font-style:italic; text-align:right; font-size:90%; }

/* captions */
.post_content .wp-caption { margin-bottom:24px; background:#fff; border:1px solid #ccc; padding:5px; max-width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.post_content .wp-caption-text { text-align:center; font-size:12px; font-style:italic; line-height:1.5; margin:9px auto; }
.post_content .wp-caption img[class*="wp-image-"] { display:block; margin:0 auto; }


/* gallery */
.gallery { margin-bottom:20px; }
.gallery a img { border: 0 !important; }
.gallery-item { float:left; margin:0 4px 4px 0; overflow:hidden; position:relative; }
.gallery-columns-1 .gallery-item { max-width:100%; }
.gallery-columns-2 .gallery-item { max-width:48%; max-width:-webkit-calc(50% - 4px); max-width:calc(50% - 4px); }
.gallery-columns-3 .gallery-item { max-width:32%; max-width:-webkit-calc(33.3% - 4px); max-width:calc(33.3% - 4px); }
.gallery-columns-4 .gallery-item { max-width:23%; max-width:-webkit-calc(25% - 4px); max-width:calc(25% - 4px); }
.gallery-columns-5 .gallery-item { max-width:19%; max-width:-webkit-calc(20% - 4px); max-width:calc(20% - 4px); }
.gallery-columns-6 .gallery-item { max-width:15%; max-width:-webkit-calc(16.7% - 4px); max-width:calc(16.7% - 4px); }
.gallery-columns-7 .gallery-item { max-width:13%; max-width:-webkit-calc(14.28% - 4px);	max-width:calc(14.28% - 4px); }
.gallery-columns-8 .gallery-item { max-width:11%; max-width:-webkit-calc(12.5% - 4px); max-width:calc(12.5% - 4px); }
.gallery-columns-9 .gallery-item { max-width: 9%; max-width:-webkit-calc(11.1% - 4px); max-width:calc(11.1% - 4px); }
.gallery-columns-10 .gallery-item { max-width: 7%; max-width:-webkit-calc(9.4% - 0px); max-width:calc(9.4% - 0px); }
.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n), .gallery-columns-10 .gallery-item:nth-of-type(10n) { margin-right:0; }
.gallery-caption { background-color:rgba(0, 0, 0, 0.7);	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#fff; font-size:12px; line-height:1.5; margin:0; max-height:50%; opacity:0; padding:6px 8px; position:absolute; bottom:0; left:0; text-align:left; width:100%; }
.gallery-caption:before { content: ""; height:100%; min-height:49px; position:absolute; top:0; left:0; width:100%; }
.gallery-item:hover .gallery-caption { opacity: 1; }
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption, .gallery-columns-10 .gallery-caption { display: none; }


/* etc */
.post_content .wp-smiley { border:0; margin-bottom:0; margin-top:0; padding:0; }
.post_content address { margin:0 0 24px 0; line-height:2.2; }
.post_content pre { border-left:5px solid #7fc120; font-size:12px; margin:0 0 27px 0; line-height:25px; background:url(img/pre.gif) repeat left top; padding:0 17px; overflow:auto; }
.post_content .sticky { }
.post_content .mejs-container { margin: 12px 0 25px; }




/* ----------------------------------------------------------------------
 layout
---------------------------------------------------------------------- */
#container { }

/* header */
#header_top {
  width:100%; min-width:1100px; height:40px; border-bottom:1px solid #ccc; position:relative; z-index:10; box-shadow:0px 0px 0px 1px #fff inset, 0 0 5px rgba(0, 0, 0, 0.2);
  background:#f2f2f2; background: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background: -moz-linear-gradient(top, #ffffff, #f2f2f2); background: -ms-linear-gradient(top, #ffffff, #f2f2f2); background: -o-linear-gradient(top, #ffffff, #f2f2f2); background: linear-gradient(to bottom, #ffffff, #f2f2f2); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#f2f2f2');
}
.pc .admin-bar #header_top { margin-top:30px; }
.pc .width_1000 #header_top { min-width:1000px; }
.pc .fixed_header #header_top { position:fixed; top:0px; left:0px; }
.pc .admin-bar.fixed_header #header_top { margin:0; top:30px; }

#header_logo_area { width:100%; min-width:1100px; background:#fff; border-bottom:1px solid #ccc; z-index:2; }
#header_logo_area_inner { position:relative; width:1100px; height:128px; margin:0 auto; }
.pc .width_1000 #header_logo_area { min-width:1000px; }
.pc .width_1000 #header_logo_area_inner { width:1000px; }
.pc .no_header_bottom #header_logo_area_inner, .pc .search #header_logo_area_inner { height:170px; }
.pc .fixed_header #header_logo_area { margin-top:41px; }
.pc .admin-bar.fixed_header #header_logo_area { margin-top:71px; }

#header_bottom { width:100%; min-width:1100px; background:#fff; border-bottom:1px solid #ccc; }
#header_bottom_inner { position:relative; width:1100px; margin:0 auto; height:330px; position:relative; }
.pc .width_1000 #header_bottom { min-width:1000px; }
.pc .width_1000 #header_bottom_inner { width:1000px; }
.pc .width_1000.slider3 #header_bottom_inner { height:300px; }

/* main content */
#main_content { background:#fff url(img/background1.gif) repeat-y left top; width:1100px; margin:-42px auto 0; border:1px solid #ccc; z-index:2; position:relative; box-shadow:0 0 5px 1px rgba(0,0,0,0.2); }
.pc .width_1000 #main_content { background:#fff url(img/background2.gif) repeat-y left top; width:1000px; }
.pc .layout1 #main_content { background:#fff url(img/background3.gif) repeat-y 799px top; }
.pc .layout2 #main_content { background:#fff url(img/background3.gif) repeat-y 300px top; }
.pc .width_1000.layout1 #main_content { background:#fff url(img/background3.gif) repeat-y 749px top; }
.pc .width_1000.layout2 #main_content { background:#fff url(img/background3.gif) repeat-y 250px top; }

#main_col { width:700px; float:left; margin:0 0 0 200px; position:relative; -ms-word-wrap: break-word;word-wrap:break-word; }
#left_col { width:200px; float:left; margin:0 0 0 -900px; -ms-word-wrap:break-word; word-wrap:break-word; }
#right_col { width:200px; float:right; margin:0; -ms-word-wrap:break-word; word-wrap:break-word; }
.pc .width_1000 #main_col { width:600px; }
.pc .width_1000 #left_col { margin:0 0 0 -800px; }

.pc .layout2 #main_col { float:right; width:800px; margin:0; }
.pc .layout2 #left_col { float:left; width:300px; margin:0; }
.pc .width_1000.layout2 #main_col { width:750px; }
.pc .width_1000.layout2 #left_col { width:250px; }

.pc .layout1 #main_col { float:left; width:800px; margin:0; }
.pc .layout1 #left_col { float:right; width:300px; margin:0; }
.pc .width_1000.layout1 #main_col { width:750px; }
.pc .width_1000.layout1 #left_col { width:250px; }

/* page template */
.pc .page-template-page-one-column-left #main_col { float:right; }
.pc .page-template-page-one-column-left #left_col { float:left; }
.pc .page-template-page-one-column-right #main_col { float:left; }
.pc .page-template-page-one-column-right #left_col { float:right; }

.pc .layout2.page-template-page-one-column-right #main_content { background:#fff url(img/background3.gif) repeat-y 799px top; }
.pc .width_1000.layout2.page-template-page-one-column-right #main_content { background:#fff url(img/background3.gif) repeat-y 749px top; }

.pc .page-template-page-noside-php #main_content { background:#fff; width:1100px; }
.pc .width_1000.page-template-page-noside-php #main_content { background:#fff; width:1000px; }
.pc .page-template-page-noside-php #main_col, .pc .page-template-page-noside-php.width_1000.layout1 #main_col, .pc .page-template-page-noside-php.width_1000.layout2 #main_col
 { width:auto; float:none; margin:0; background:#fff; }




/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */
/* logo */
#logo_text { position:absolute; top:29px; left:0px; }
#logo { font-size:45px; margin:0 20px 0 0; padding:0; line-height:100%; font-weight:normal; }
#logo a { text-decoration:none; display:block; -webkit-transition:color 0.2s ease-in-out; -moz-transition:color 0.2s ease-in-out; -o-transition:color 0.2s ease-in-out; -ms-transition:color 0.2s ease-in-out; transition:color 0.2s ease-in-out; }
#tagline { margin:18px 0 0 0; padding:0; font-weight:normal; line-height:100%; color:#888; font-size:10px; display:block; }


/* header menu */
.pc #header_menu { float:left; margin:0; height:39px; }
.pc #header_menu li { float:left; display:inline; margin:0; font-size:10px; }
.pc #header_menu ul li a { display:block; padding:0 20px 0; text-decoration:none; text-shadow: 1px 1px 0px #fff; height:40px; line-height:42px; text-align:center; color:#666; background:url(img/menu_line.png) no-repeat right bottom; }
.pc #header_menu ul li a:hover { background-color:#fff; }
.pc #header_menu ul { margin:0; padding:0; }
.pc #header_menu ul ul { display:none; float:none; position:absolute; top:40px; left:-1px; margin:0; padding:0; width:191px; box-shadow:2px 3px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:2px 3px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow:2px 3px 2px rgba(0, 0, 0, 0.1); }
.pc #header_menu ul ul ul { left:100%; top:0; margin:0 0 0 -1px; }
.pc #header_menu ul li { position:relative; display:block; }
.pc #header_menu ul ul li { float:none; padding:0; margin:0; }
.pc #header_menu ul ul li a { display:block; padding:14px 20px; line-height:140%; height:auto; background:#fafafa; text-align:left; position:relative; margin:0 0 -1px 0; border:1px solid #ccc; background-image:none; }
.pc #header_menu ul ul li a:hover { background-color:#009DC4; text-decoration:none; color:#fff; text-shadow:none; }
.pc #header_menu ul ul .parent_menu > a { background:#fafafa url(img/arrow1.gif) no-repeat 175px 19px; }
.pc #header_menu ul ul .parent_menu > a:hover { background-image:url(img/arrow1.gif); background-repeat:no-repeat; background-position:175px 19px; }


/* hide menu button and search form for mobile device */
#menu_button, #search_area_mobile { display:none; }


/* social link button */
#search_link_area { float:right; }
#header_social_link { display:block; line-height:0; margin:0 0 0 10px; padding:0; float:right; }
#header_social_link li { float:left; margin:0; padding:0; line-height:100%; }
#header_social_link li a { text-decoration:none; display:block; width:60px; height:40px; line-height:100%; background:url(img/menu_line.png) no-repeat left bottom; text-align:center; position:relative; }
#header_social_link li a:hover { background:#fff url(img/menu_line.png) no-repeat left bottom; }
#header_social_link li a span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
#header_social_link li a:after { font-family:'icomoon-n1b-ml'; color:#9a9d9e; font-size:12px; margin:0; display:inline-block; top:13px; left:25px; position:absolute; }
#header_social_link li.rss_button a:after { content:"\e603"; }
#header_social_link li.twitter_button a:after { content:"\e604"; }
#header_social_link li.facebook_button a:after { content:"\e601"; }
#header_social_link li.google_plus_button a:after { content:"\e602"; }
#header_social_link li.tumblr_button a:after { content:"\e61c"; }
#header_social_link li.flickr_button a:after { content:"\e61f"; }
#header_social_link li.picassa_button a:after { content:"\e61d"; }
#header_social_link li.pinterest_button a:after { content:"\e60f"; }
#header_social_link li.mail_button a:after { content:"\e60d"; }
#header_social_link li.rss_button a:hover:after { color:#ffcc00; }
#header_social_link li.twitter_button a:hover:after { color:#16b9dc; }
#header_social_link li.facebook_button a:hover:after { color:#3B5998; }
#header_social_link li.google_plus_button a:hover:after { color:#d33e3e; }
#header_social_link li.tumblr_button a:hover:after { color:#4c6f92; }
#header_social_link li.flickr_button a:hover:after { color:#0279d3; }
#header_social_link li.picassa_button a:hover:after { color:#ff7900; }
#header_social_link li.pinterest_button a:hover:after { color:#ff3a3a; }


/* search form */
.pc #search_area_top { float:right; height:34px; padding:6px 0 0 10px; }
.pc #search_area_top.only_mobile { display:none; }
.pc #search_area_top .search_form { float:right;position:relative;  background:#e8e8e8; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; width:200px; height:28px; box-shadow:1px 1px 2px rgba(0,0,0,0.2) inset; border-left:1px solid #ccc; }
.pc #search_area_top .search_input input { font-size:11px; color:#999; width:140px; height:28px; float:left; margin:0 0 0 5%; padding:0; border:none; background:none; }
.pc #search_area_top .search_input input:focus, .widget_search #search-box:focus, .widget_search #s:focus { color:#333; }
.pc #search_area_top .search_button input { border:none; position:absolute; top:0px; right:0px; background:url(img/search.png) no-repeat center; -moz-background-size:15px; -webkit-background-size:15px; -o-background-size:15px; -ms-background-size:15px; background-size:15px; height:28px; line-height:28px; width:40px; -moz-border-radius:0px 3px 3px 0; -khtml-border-radius:0px 3px 3px 0; -webkit-border-radius:0px 3px 3px 0; border-radius:0px 3px 3px 0; text-indent:250%; white-space:nowrap; overflow:hidden; display:block; }
.pc #search_area_top .search_button input:hover { cursor:pointer; background:#009DC4 url(img/search_on.png) no-repeat center; -moz-background-size:15px; -webkit-background-size:15px; -o-background-size:15px; -ms-background-size:15px; background-size:15px; }


/* adsense */
#header_adsense_area { width:1100px; margin:0 auto; position:relative; }
.pc .width_1000 #header_adsense_area { width:1000px; }
.header_adsense { position:absolute; top:-128px; right:0px; }
.header_adsense_inner { height:128px; display:table-cell; vertical-align: middle; }
.header_adsense a img { display:block; }
#header_rss_list_top { position:absolute; top:-105px; right:0px; height:80px; width:630px; overflow:auto; }
#header_rss_list_top .header_rss_box { margin-top:-10px; }
.no_header_bottom .header_adsense, .pc .search .header_adsense { top:-170px; }
.no_header_bottom #header_rss_list_top, .pc .search #header_rss_list_top { top:-148px; }




/* ----------------------------------------------------------------------
 header bottom
---------------------------------------------------------------------- */
/* custom header image */
#custom_header_image { display:block; position:absolute; top:20px; margin:0 auto; width:1100px; height:250px; }
.pc .width_1000 #custom_header_image { width:1000px; height:250px; }




/* header slider */
#header_slider { width:1100px; height:250px; position:relative; padding:20px 0 0 0; background:url(img/loader.gif) no-repeat center; }
#header_slider img { width:1100px; height:250px; display:block; }
.pc .width_1000 #header_slider { width:1000px; }
.pc .width_1000 #header_slider img { width:1000px; height:250px; }



/* contents slider */
#content_slider { padding:20px 0; width:1100px; height:250px; overflow:hidden; background:url(img/loader.gif) no-repeat center; }
.pc .width_1000 #content_slider { width:1000px; }
#content_slider .image img { width:517px; height:250px; display:block; float:left; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.pc .width_1000 #content_slider .image img { width:460px; }
#content_slider .image { position:relative; display:inline-block; }
#content_slider .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#content_slider .image:hover:after { box-shadow:inset 0 0 0 12px rgba(255,255,255, 0.3); }
#content_slider .post_data { float:right; padding-left:15px; width:545px; height:250px; position:relative; background:#fff; }
.pc .width_1000 #content_slider .post_data { width:510px; }
#content_slider .post_title { font-size:21px; line-height:160%; margin:3px 0 15px 0; max-height:70px; overflow:hidden; }
#content_slider .post_title a { text-decoration:none; display:block; }
#content_slider .post_title a:hover { text-decoration:underline; }
#content_slider .post_meta_top { margin:0 0 15px 0; color:#999; max-height:18px; overflow:hidden; font-size:11px; }
#content_slider .post_meta_top a { color:#999; }
#content_slider .post_meta_top p { float:left; position:relative; margin:0 10px 5px 0; padding:1px 10px 1px 15px; line-height:1; border-right:1px solid #ddd; }
#content_slider .post_meta_top p.post_date { padding-left:0px; }
#content_slider .post_meta_top p:last-child { border:none; }
#content_slider .post_meta_top p:before { font-family:'icomoon-n1b-ml'; color:#bbb; font-size:11px; width:11px; margin:0; display:inline-block; top:1px; left:0px; position:absolute; }
#content_slider .post_meta_top p.post_author:before { content:"\e609"; }
#content_slider .post_meta_top p.post_category:before { content:"\e608"; }
#content_slider .post_meta_top p.post_tag:before { content:"\e607"; top:1px; }
#content_slider .post_meta_top p.post_comment:before { content:"\e606"; }
#content_slider .post_excerpt { margin:0 0 20px 0; line-height:180%; font-size:13px; overflow:hidden; max-height:95px; }
#content_slider a.link { float:right; font-size:12px; background:#ccc; text-decoration:none; display:inline-block; height:30px; line-height:30px; padding:0 31px; color:#fff; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position:absolute; right:0px; bottom:0px; }
#content_slider a.link:hover { background:#fff; }
.flex-control-paging { position:relative; left:556px; bottom:20px; z-index:9999; }
.pc .width_1000 .flex-control-paging { left:490px; }
.flex-control-paging li { float:left; margin:0 5px 0 0; }
.flex-control-paging li a { display:block; background:#ccc; height:12px; width:12px; text-indent:200%; overflow:hidden; border-radius:15px; cursor:pointer; }



/* contents slider2 */
#contents_slider2_wrap { position:absolute; top:21px; right:0px; }
#header_bottom.ad_position_right #contents_slider2_wrap { left:0px; right:auto; }
#contents_slider2 { width:780px; height:247px; }
.pc .width_1000 #contents_slider2 { width:680px; }
.main-slider-content { width:512px; height:247px; }
.pc .width_1000 .main-slider-content { width:460px; overflow:hidden; }
.main-slider-content img { display:block; width:517px; height:auto; }
.pc .width_1000 .main-slider-content img { width:460px; height:auto; }
.lof-slidecontent { position:relative; overflow:hidden; border:1px solid #ccc; }
.lof-slidecontent .preload { height:100%; width:100%; position:absolute; top:0;	left:0;	z-index:100000;	text-align:center; }
.lof-slidecontent .preload div { height:100%; width:100%; background:url(img/loader.gif) no-repeat 250px 115px; }

.lof-slidecontent ul.sliders-wrap-inner { overflow:hidden; background:url(img/loader.gif) no-repeat 250px 115px; position:absolute; }
.lof-slidecontent ul.sliders-wrap-inner li { overflow:hidden; float:left; position:relative; }
.lof-slidecontent .lof-opacity { width:100%; height:100%; }
.lof-slidecontent .lof-opacity li { position:absolute!important; top:0; left:0;	float:inherit!important; }

.lof-slidecontent .caption a { color:#fff; }
.lof-slidecontent .caption {
  color:#fff; z-index:1; position:absolute; top:0; right:0; height:250px; width:0; overflow:hidden;
  background:rgba(255, 255, 255, 0.2); border-left:1px solid rgba(0, 0, 0, 0.1); box-shadow:-3px 0px 2px 0px rgba(0,0,0,0.1);
}
.lof-slidecontent .caption .title { margin:20px 15px 0; display:block; line-height:150%; font-size:16px; text-shadow:0px 0px 5px rgba(0,0,0,1); text-decoration:none; position:relative; z-index:3; width:226px; }
.lof-slidecontent .caption .title:hover { text-decoration:underline; text-shadow:none; }
.lof-slidecontent .caption .desc { margin:15px; display:block; line-height:200%; font-size:11px; text-shadow:0px 0px 5px rgba(0,0,0,1); position:relative; z-index:3; width:226px; }
.lof-slidecontent .caption .desc a { display:inline-block; text-decoration:none; background:rgba(255,255,255,0.6); color:rgba(0,0,0,0.5); padding:3px 25px; margin:20px 0 0 0; font-size:11px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; text-shadow:none; }
.lof-slidecontent .caption .desc a:hover { background:#fff; color:#fff; }
.lof-slidecontent canvas.captionCanvasBlur { height:250px; width:256px; max-width:none; position:absolute; top:0; right:0; z-index:1; }
.lof-slidecontent div.captionCanvasOvarlay { height:250px; width:100%; position:absolute; top:0; right:0; background:rgba(180, 180, 180, 0.3); z-index:2; box-shadow:0 0 20px rgba(255,255,255,0.1) inset; }

.lof-slidecontent .navigator-content { position:absolute; right:0; top:0px; z-index:1; height:250px; width:262px; overflow:hidden; background:#fff; border-left:1px solid #ccc; }
.pc .width_1000 .lof-slidecontent .navigator-content { width:219px; }
.lof-slidecontent .navigator-wrapper { position:relative; z-index:10; height:250px; width:262px; overflow:hidden; float:left }
.pc .width_1000 .lof-slidecontent .navigator-wrapper { width:219px; }
.lof-slidecontent  ul.navigator-wrap-inner { top:0; position:absolute; width:100%; }
.lof-slidecontent  ul.navigator-wrap-inner li {
  height:62px; line-height:100%; margin:0; padding:0; border-bottom:1px solid #ddd; cursor:pointer;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
  -webkit-transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; -ms-transition: background-color 300ms ease-in-out; transition: background-color 300ms ease-in-out;
}
.lof-slidecontent  ul.navigator-wrap-inner li:hover, .lof-slidecontent  ul.navigator-wrap-inner li.active { background:#f2f2f2; box-shadow:0 0 0 1px #fff inset; }
.lof-slidecontent  ul.navigator-wrap-inner .image { float:left; margin:6px 10px 0 5px; }
.lof-slidecontent  ul.navigator-wrap-inner .image img { width:auto; height:50px; display:block; }
.lof-slidecontent  ul.navigator-wrap-inner .info { float:left; width:160px; margin:5px 0 0 0; }
.pc .width_1000 .lof-slidecontent  ul.navigator-wrap-inner .info { width:100px; height:50px; overflow:hidden; }
.lof-slidecontent  ul.navigator-wrap-inner .title { clear:both; margin:0; padding:0; font-size:11px; line-height:170%; font-weight:normal; }
.lof-slidecontent  ul.navigator-wrap-inner p { float:left; color:#aaa; line-height:100%; font-size:10px; margin:1px 0 4px 0; padding:0; }



/* content slider3 */
#content_slider3 { width:1110px; padding:30px 0 0; }
.pc .width_1000 #content_slider3 { width:1010px; padding:20px 0 0; }
#content_slider3 .post { text-align:center; }
#content_slider3 a.image { display:block; margin:0 0 10px 0; position:relative; overflow:hidden; width:265px; }
.pc .width_1000 #content_slider3 a.image { width:240px; }
#content_slider3 a.image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#content_slider3 a.image:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); }
#content_slider3 a.image img { display:block; width:265px; height:auto; margin:0 auto; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.pc .width_1000 #content_slider3 a.image img { width:240px; }
#content_slider3 .post_title { font-size:13px; display:block; text-decoration:none; margin:0; width:265px; line-height:160%; }
.pc .width_1000 #content_slider3 .post_title { width:240px; }
#content_slider3 .post_title a { text-decoration:none; display:block; }
#content_slider3 .post_title a:hover { text-decoration:underline; }
#content_slider3 .owl-wrapper-outer { width:1100px; overflow:hidden; }
.pc .width_1000 #content_slider3 .owl-wrapper-outer { width:1000px; }
.owl-next { background:url(img/slider_arrow1.png) no-repeat left top; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; width:26px; height:43px; position:absolute; left:-50px; top:95px; }
.owl-prev { background:url(img/slider_arrow2.png) no-repeat left top; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; width:26px; height:43px; position:absolute; right:-40px; top:95px; }
.pc .width_1000 .owl-next, .pc .width_1000 .owl-prev { top:75px; }
.owl-next:hover, .owl-prev:hover { background-position:left bottom; }
.owl-pagination { text-align:center; padding:10px 0 0 0; }
.owl-page { display:inline; margin:0 5px; }
.owl-page span { display:inline-block; background:#ccc; height:12px; width:12px; text-indent:200%; overflow:hidden; border-radius:15px; cursor:pointer; }
.owl-page span:hover, .owl-page.active span { background:#999; }
@media screen and (max-width:1190px) {
 #content_slider3_wrap { width:1100px; overflow:hidden; }
}
@media screen and (max-width:1090px) {
 .pc .width_1000 #content_slider3_wrap { width:1000px; overflow:hidden; }
}



/* rss box */
#header_rss_list { width:1100px; height:250px; overflow:auto; padding:20px 0 0; }
.pc .width_1000 #header_rss_list { width:1000px; }
#header_rss_list li { margin:0 0 10px 0; padding:0; line-height:180%; }
.rss_box1 { width:520px; float:left; top:-15px; position:relative; }
.rss_box2 { width:520px; float:right; top:-15px; position:relative; }
.pc .width_1000 .rss_box1, .pc .width_1000 .rss_box2 { width:470px; }
.only_rss_list1 .rss_box1 { width:auto; float:none; top:-15px; position:relative; }
#header_rss_list2 #header_rss_list { width:785px; height:250px; overflow:auto; position:absolute; right:0px; top:0px; }
.pc .width_1000 #header_rss_list2 #header_rss_list { width:685px; }
.ad_position_right #header_rss_list2 #header_rss_list { right:auto; left:-9px; }
#header_rss_list2 .rss_box1 { width:375px; float:left; top:-15px; position:relative; }
#header_rss_list2 .rss_box2 { width:375px; float:right; top:-15px; position:relative; }
.pc .width_1000 #header_rss_list2 .rss_box1, .pc .width_1000 #header_rss_list2 .rss_box2 { width:325px; }



/* adsense */
#header_bottom .adsense { position:absolute; left:0px; top:20px; }
#header_bottom .adsense img { max-width:100%; height:auto; }
#header_bottom.ad_position_right .adsense { left:auto; right:0px; }



/* popular list */
#header_popular_post { position:absolute; right:0px; top:20px; }
#header_popular_post h2 { display:none; }
#header_bottom.ad_position_right #header_popular_post { right:auto; left:-5px; }
#header_post_list1 { height:125px; margin:0 0 4px 0; }
#header_post_list2 { height:125px; }
.header_post_list { }
.header_post_list ol { margin:0; padding:0; }
.header_post_list li { width:150px; margin:0 0 0 5px; float:left; border:1px solid #ddd; font-size:10px; position:relative; line-height:0; }
.pc .width_1000 .header_post_list li { width:130px; }
.header_post_list li a { text-decoration:none; }
.header_post_list .image { position:relative; display:inline-block; }
.header_post_list .image:after {
  content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0px; left:0px; bottom:0px; right:0px;
  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.header_post_list .image:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); }
.header_post_list img { width:150px; height:78px; display:block; margin:0; }
.pc .width_1000 .header_post_list img { width:130px; }
.header_post_list li .title { line-height:165%; display:block; height:30px; padding:6px 10px; overflow:hidden; }
.header_post_list li .comment { margin:0; padding:0 7px 0 21px; display:inline-block; line-height:15px; height:15px; position:absolute; top:0px; left:0px; color:#fff; font-size:11px; text-decoration:none; }
.header_post_list li .comment:after { content:''; position:absolute; right:-15px; top:0px; width:0; height:0; border-style:solid; border-width:15px 15px 0px 0px; }
.header_post_list li .comment:before { font-family:'icomoon-n1b-ml'; color:rgba(255,255,255,0.6); font-size:9px; position:absolute; left:7px; top:0px; width:14px; height:14px; }
.header_post_list .view_post li .comment { background:rgba(9,191,213,0.7); padding-left:10px; }
.header_post_list .view_post li .comment:after { border-color:rgba(9,191,213,0.7) transparent transparent transparent; }
.header_post_list .twitter_post li .comment { background:rgba(9,191,213,0.7); }
.header_post_list .twitter_post li .comment:after { border-color:rgba(9,191,213,0.7) transparent transparent transparent; }
.header_post_list .twitter_post li .comment:before { content:"\e604"; }
.header_post_list .facebook_post li .comment { background:rgba(59,89,152,0.7); }
.header_post_list .facebook_post li .comment:after { border-color:rgba(59,89,152,0.7) transparent transparent transparent; }
.header_post_list .facebook_post li .comment:before { content:"\e601"; }
.header_post_list .hatena_post li .comment { background:rgba(0,142,224,0.7); }
.header_post_list .hatena_post li .comment:after { border-color:rgba(0,142,224,0.7) transparent transparent transparent; }
.header_post_list .hatena_post li .comment:before { content:"\e62d"; color:rgba(255,255,255,0.6); font-size:19px; left:5px; top:1px; }
.header_post_list .comment_post li .comment { background:rgba(141,199,16,0.7); }
.header_post_list .comment_post li .comment:after { border-color:rgba(141,199,16,0.7) transparent transparent transparent; }
.header_post_list .comment_post li .comment:before { content:"\e606"; color:rgba(255,255,255,0.6); left:8px; }




/* ----------------------------------------------------------------------
 post list header
---------------------------------------------------------------------- */
/* menu */
#center_menu h3 { display:none; }
#center_menu .button { display:none; }

.pc #center_menu {
  height:40px; overflow:hidden; box-shadow:0px 0px 0px 1px #fff inset; border:1px solid #ccc; border-top:none;
  background:#f6f6f6; background: -webkit-linear-gradient(top, #ffffff, #f8f8f8); background: -moz-linear-gradient(top, #ffffff, #f8f8f8); background: -ms-linear-gradient(top, #ffffff, #f8f8f8); background: -o-linear-gradient(top, #ffffff, #f8f8f8); background: linear-gradient(to bottom, #ffffff, #f8f8f8); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#f8f8f8');
}
.layout1 #center_menu { border-left:none; }
.layout2 #center_menu { border-right:none; }

.pc #center_menu ul { margin:0; }
.pc #center_menu li { float:left; line-height:40px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.pc #center_menu.num1 li { width:100%; }
.pc #center_menu.num2 li { width:50%; }
.pc #center_menu.num3 li { width:33.3333333333%; width:-webkit-calc(100% / 3); width:-moz-calc(100% / 3); width:calc(100% / 3); }
.pc #center_menu.num4 li { width:25%; }
.pc #center_menu.num5 li { width:20%; }
.pc #center_menu.num6 li { width:16.6666666667%; width:-webkit-calc(100% / 6); width:-moz-calc(100% / 6); width:calc(100% / 6); }
.pc #center_menu.num7 li { width:14.2857142857%; width:-webkit-calc(100% / 7); width:-moz-calc(100% / 7); width:calc(100% / 7); }
.pc #center_menu.num8 li { width:12.5%; }
.pc #center_menu.num9 li { width:11.1111111111%; width:-webkit-calc(100% / 9); width:-moz-calc(100% / 9); width:calc(100% / 9); }
.pc #center_menu.num10 li { width:10%; }
.pc #center_menu li a { text-align:center; display:block; height:40px; line-height:42px; text-decoration:none; font-size:12px; border-right:1px solid #ccc; }
.pc #center_menu li:last-child a { border-right:none; }
.pc #center_menu li a:hover { color:#fff; }

/* archive page headline */
#archive_headline {
  font-size:14px; color:#666; height:40px; padding:0 20px; margin:0; line-height:42px; font-weight:normal; position:relative; border:1px solid #ccc; border-top:none; overflow:hidden;
  background:#f6f6f6; background: -webkit-linear-gradient(top, #ffffff, #f8f8f8); background: -moz-linear-gradient(top, #ffffff, #f8f8f8); background: -ms-linear-gradient(top, #ffffff, #f8f8f8); background: -o-linear-gradient(top, #ffffff, #f8f8f8); background: linear-gradient(to bottom, #ffffff, #f8f8f8); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#f8f8f8');
}
.layout1 #archive_headline { border-left:none; }
.layout2 #archive_headline { border-right:none; }

/* archive description */
#category_desc { border-bottom:1px solid #ccc; padding:20px 15px 5px; }
#category_desc p { line-height:160%; margin:0 0 1em 0; }




/* ----------------------------------------------------------------------
 post list basic setting
---------------------------------------------------------------------- */
/* post meta top */
.post_meta_top { font-size:11px; margin:0 0 10px; padding:0; }
.post_meta_top li { float:left; display:inline; margin:0 10px 10px 0; padding:0px 10px 0px 15px; color:#aaa; position:relative; line-height:150%; border-right:1px solid #ddd; }
.post_meta_top li:last-child { border:none; }
.post_meta_top li.post_date { padding-left:0; }
.post_meta_top li a { color:#aaa; text-decoration:none; text-decoration:underline; }
.post_meta_top li a:hover { text-decoration:underline; }
.post_meta_top li a:after { content:','; margin:0 5px 0 0; color:#bbb; }
.post_meta_top li a:last-child:after { display:none; }
.post_meta_top li:before { font-family:'icomoon-n1b-ml'; color:#bbb; font-size:11px; width:11px; margin:0; display:inline-block; top:0px; left:0px; position:absolute; }
.post_meta_top li.post_author:before { content:"\e609"; }
.post_meta_top li.post_category:before { content:"\e608"; }
.post_meta_top li.post_tag:before { content:"\e607"; top:1px; }
.post_meta_top li.post_edit:before { content:"\e605"; }
.post_meta_top li.post_comment:before { content:"\e606"; }
.post_meta_top li.post_format_gallery:before { content:"\e623"; }
.post_meta_top li.post_format_aside:before { content:"\e61e"; }
.post_meta_top li.post_format_chat:before { content:"\e622"; }
.post_meta_top li.post_format_link:before { content:"\e600"; }
.post_meta_top li.post_format_image:before { content:"\e614"; }
.post_meta_top li.post_format_quote:before { content:"\e60e"; }
.post_meta_top li.post_format_status:before { content:"\e624"; }
.post_meta_top li.post_format_video:before { content:"\e615"; }
.post_meta_top li.post_format_audio:before { content:"\e61b"; }

/* post reading time */
.post_reading_time p { position:relative; padding:0 0 0 17px; margin:0 20px 25px; color:#aaa; font-size:12px; line-height:140%; display:inline-block; float:right; }
.post_reading_time p:before { font-family:'icomoon-n1b-ml'; color:#bbb; font-size:11px; content:"\e633"; font-size:14px; position:absolute; top:1px; left:0px;}
.post_reading_time span { font-weight:bold; color:#333; }

/* post meta bottom */
.post_meta_bottom { clear:both; font-size:11px; margin:0; padding:0; }
.post_meta_bottom li { float:left; margin:0 10px 5px 0; padding:0; color:#888; position:relative; line-height:1.5; }
.post_meta_bottom li.post_category { margin:0; }
.post_meta_bottom li a { color:#888; text-decoration:none; }
.post_meta_bottom li a:hover { text-decoration:underline; }

/* type1 */
.post_meta_bottom.type1 li i {
  border:1px solid #ccc; border-right:none; width:25px; height:23px; margin:0; display:block; float:left; font-style:normal; position:relative;
  -moz-border-radius:3px 0 0 3px; -khtml-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px;
  background:#f2f2f2; background: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background: -moz-linear-gradient(top, #ffffff, #f2f2f2); background: -ms-linear-gradient(top, #ffffff, #f2f2f2); background: -o-linear-gradient(top, #ffffff, #f2f2f2); background: linear-gradient(to bottom, #ffffff, #f2f2f2); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#f2f2f2');
}
.post_meta_bottom.type1 li i:before { font-family:'icomoon-n1b-ml'; color:#bbb; font-size:14px; position:absolute; top:2px; left:5px; }
.post_meta_bottom.type1 li.postview i:before { content:"\e604"; color:#16b9dc; }
.post_meta_bottom.type1 li.twitter i:before { content:"\e604"; color:#16b9dc; }
.post_meta_bottom.type1 li.facebook i:before { content:"\e601"; color:#3B5998; }
.post_meta_bottom.type1 li.hatebu i:before { content:"\e62d"; left:3px; top:-8px; color:#007be3; font-size:27px; }
.post_meta_bottom.type1 li.post_comment i:before { content:"\e606"; color:#8dc710; font-size:13px;}
.post_meta_bottom.type1 li > span { height:23px; line-height:24px; display:block; float:left; padding:0 10px; border:1px solid #ccc; -moz-border-radius:0 3px 3px 0; -khtml-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; }

/* type2 */
.post_meta_bottom.type2 li { margin:0 15px 5px 0; }
.post_meta_bottom.type2 li i { width:23px; height:23px; margin:0; display:block; float:left; font-style:normal; position:relative; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.post_meta_bottom.type2 li i:before { font-family:'icomoon-n1b-ml'; color:#fff; font-size:12px; position:absolute; top:3px; left:6px; }
.post_meta_bottom.type2 li.twitter i { background-color:#16b9dc; }
.post_meta_bottom.type2 li.facebook i { background-color:#3B5998; }
.post_meta_bottom.type2 li.hatebu i { background-color:#007be3; }
.post_meta_bottom.type2 li.post_comment i { background-color:#8dc710; }
.post_meta_bottom.type2 li.twitter i:before { content:"\e604"; }
.post_meta_bottom.type2 li.facebook i:before { content:"\e601"; }
.post_meta_bottom.type2 li.hatebu i:before { content:"\e62d"; font-size:23px; top:-5px; left:3px; }
.post_meta_bottom.type2 li.post_comment i:before { content:"\e606"; font-size:12px; top:3px; }
.post_meta_bottom.type2 li > span { margin:0 0 0 7px; height:22px; line-height:23px; border:1px solid #ccc; background:#fff; display:block; float:left; padding:0 8px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position:relative; }
.post_meta_bottom.type2 li > span:before { position:absolute; content:''; left:-5px; top:6px; width: 0px; height: 0px; border-style: solid; border-width: 5px 5px 5px 0; border-color: transparent #aaa transparent transparent; }
.post_meta_bottom.type2 li > span:after { position:absolute; content:''; left:-4px; top:6px; width: 0px; height: 0px; border-style: solid; border-width: 5px 5px 5px 0; border-color: transparent #fff transparent transparent; }


/* read more link */
.post_content a.more-link { float:right; font-size:14px; background:#ccc; text-decoration:none; display:inline-block; height:33px; line-height:35px; padding:0 31px; color:#fff; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position:relative; }
.post_content a.more-link:hover { background:#fff; }

.post_excerpt a.more-link { font-size:11px; background:#ccc; text-decoration:none; display:inline-block; height:30px; line-height:30px; padding:0 30px; color:#fff; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position:relative; }
.post_excerpt a.more-link:hover { background:#fff; }


/* page navi */
.page_navi { margin:0; padding:20px 20px 45px; }
.page_navi h4 { font-size:10px; font-weight:normal; margin:10px 0 10px 0; color:#888; }
.page_navi ul { margin:0; }
.page_navi li { float:left; }
.page_navi a, .page_navi a:hover, .page_navi span
 { text-decoration:none; color:#333; font-size:11px; padding:13px 15px; line-height:100%; margin:0 1px 4px 0; border-bottom:2px solid #ddd; display:block; }
.page_navi span.dots { border:none; color:#333; }
.page_navi span.current { color:#333; border-color:#bbb; }


/* back home link */
.page_navi p.back { text-align:center; }
.page_navi p.back a { display:inline-block; padding:10px 15px 10px 30px; margin:0 auto; position:relative; background:none; color:#777; border:none; }
.page_navi p.back a:after { font-family:'icomoon-n1b-ml'; content:"\e60a"; color:#aaa; font-size:14px; display:inline-block; top:10px; left:8px; position:absolute; }
.page_navi p.back a:hover, .page_navi p.back a:hover:after { }




/* ----------------------------------------------------------------------
 post list1
---------------------------------------------------------------------- */
#post_list1 { }
#post_list1 .article { padding:30px 20px; margin:0; border-bottom:1px solid #ccc; }

/* post tilte */
#post_list1 .post_title { margin:0 0 8px; padding:0; line-height:150%; font-size:21px; }
#post_list1 .post_title a { text-decoration:none; display:block; }
#post_list1 .post_title a:hover { text-decoration:underline; }

/* post meta */
#post_list1 .post_meta_top { margin:0 0 30px; }

/* pos thumbnail */
#post_list1 .post_image { margin:0 0 30px 0; text-align:center; }

/* post meta bottom */
#post_list1 .post_meta_bottom { float:right; padding:8px 0 0 0; margin-right:-10px; }

/* more link */
#post_list1 .more-link { float:left; display:block; position:absolute; }
#post_list1 .no_share_button .more-link { display:block; position:relative; }




/* ----------------------------------------------------------------------
 post list2
---------------------------------------------------------------------- */
#post_list2 { }
#post_list2 .article { padding:0 0 15px 0; margin:20px 0 0; border-bottom:1px solid #ccc; }


/* thumbnail */
#post_list2 .post_thumbnail { margin:0 0 5px 20px; float:left; line-height:0; }
#post_list2 .post_thumbnail img { display:block; width:220px; height:auto; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.pc .width_1000 #post_list2 .post_thumbnail img { width:180px; }
.pc .width_1000.two_column #post_list2 .post_thumbnail img { width:220px; }
#post_list2 .post_thumbnail a { position:relative; display:inline-block; }
#post_list2 .post_thumbnail a:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#post_list2 .post_thumbnail a:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); }


/* post data */
.pc #post_list2 .post_data { float:left; width:417px; margin:0 0 0 20px; }
.pc .width_1000 #post_list2 .post_data { width:360px; }
.pc .two_column #post_list2 .post_data { width:517px; }
.pc .width_1000.two_column #post_list2 .post_data { width:470px; }
.pc #post_list2 .no_thumbnail .post_data, .pc .width_1000 #post_list2 .no_thumbnail .post_data,
 .pc .no-thumbnail #post_list2 .post_data, .pc .no-thumbnail.width_1000.two_column #post_list2 .post_data
  { float:none; width:auto; margin:0 20px 0; }

/* post tilte */
#post_list2 .post_title { margin:0 0 8px; padding:0; line-height:150%; font-size:21px; }
#post_list2 .post_title a { text-decoration:none; display:block; }
#post_list2 .post_title a:hover { text-decoration:underline; }
#post_list2 .post_title.no_post_title { padding:0 20px; }


/* excerpt */
#post_list2 .post_excerpt { }
#post_list2 .post_excerpt p { margin:0 0 20px 0; line-height:180%; font-size:12px; }
#post_list2 .post_excerpt a.more-link { display:none; }
#post_list2 .post_excerpt.show_read_more a.more-link { display:block; float:right; margin:0 0 25px 0; }




/* ----------------------------------------------------------------------
 post list3
---------------------------------------------------------------------- */
#post_list3 .article { padding:0; margin:0; width:50%; float:left; position:relative; }
#post_list3 .post_row { border-bottom:1px solid #ccc; padding-bottom:15px; }

/* thumbnail */
#post_list3 .post_thumbnail { margin:20px 20px 15px 20px; line-height:0; text-align:center; }
#post_list3 .post_thumbnail img { display:block; width:310px; height:auto; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.pc .two_column #post_list3 .post_thumbnail img { width:357px; }
.pc .width_1000 #post_list3 .post_thumbnail img { width:255px; }
.pc .width_1000.two_column #post_list3 .post_thumbnail img { width:332px; }
#post_list3 .post_thumbnail a { text-decoration:none; position:relative; display:inline-block; }
#post_list3 .post_thumbnail a:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#post_list3 .post_thumbnail a:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); }

/* post meta */
#post_list3 .post_meta_top { margin:0 20px 10px; }
#post_list3 .post_meta_bottom { margin:15px 20px 0; }

/* post tilte */
#post_list3 .post_title { margin:0 20px 8px; padding:0; line-height:150%; font-size:18px; }
#post_list3 .post_title a { text-decoration:none; display:block; }
#post_list3 .post_title a:hover { text-decoration:underline; }
#post_list3 .post_title.no_post_title { padding:20px 0px; }
.no-thumbnail #post_list3 .post_title { margin-top:20px; }

/* excerpt*/
#post_list3 .post_excerpt { margin:0 20px; }
#post_list3 .post_excerpt p { font-size:12px; line-height:2; }
#post_list3 .post_excerpt a.more-link { display:none; }
#post_list3 .post_excerpt.show_read_more a.more-link { display:block; float:right; margin:20px 0 10px 0; }




/* ----------------------------------------------------------------------
 article
---------------------------------------------------------------------- */
/* bread crumb */
#bread_crumb {
  font-size:10px; color:#999; height:40px; padding:0 20px 0 0; margin:0; line-height:42px; font-weight:normal; position:relative; border:1px solid #ccc; border-top:none; overflow:hidden;
  background:#f6f6f6; background: -webkit-linear-gradient(top, #ffffff, #f8f8f8); background: -moz-linear-gradient(top, #ffffff, #f8f8f8); background: -ms-linear-gradient(top, #ffffff, #f8f8f8); background: -o-linear-gradient(top, #ffffff, #f8f8f8); background: linear-gradient(to bottom, #ffffff, #f8f8f8); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#f8f8f8');
}
.layout1 #bread_crumb { border-left:none; }
.layout2 #bread_crumb { border-right:none; }
.pc .page-template-page-noside-php #bread_crumb { border-left:none; border-right:none; padding-left:20px; padding-right:20px; }

#bread_crumb li { float:left; margin:0; padding:0; }
#bread_crumb a { text-decoration:none; color:#999; }
#bread_crumb a:hover { text-decoration:underline; color:#009DC4; }
#bread_crumb .home { position:relative; margin:0 12px 0 0; }
#bread_crumb .home a { display:block; padding:0; width:65px; height:45px;  background:url(img/arrow3.gif) no-repeat 54px 15px; }
#bread_crumb .home a span { display:none; }
#bread_crumb .home i { width:25px; height:23px; line-height:23px; padding:0; margin:0; display:block; font-style:normal; position:relative; }
#bread_crumb .home i:before { font-family:'icomoon-n1b-ml'; color:#bbb; font-size:14px; position:absolute; top:10px; left:20px; content:"\e60a"; }
#bread_crumb .home a:hover i:before { color:#009DC4; }
#bread_crumb .parent { margin:0 5px 0 0; display:block; }
#bread_crumb .last { display:block; padding-left:25px; margin-left:10px; height:45px; background:url(img/arrow3.gif) no-repeat 7px 15px; }
#bread_crumb .page_parent { display:block; padding-right:25px; margin-right:10px; height:45px; background:url(img/arrow3.gif) no-repeat right 15px; }
#bread_crumb .page_parent a:after { content:', '; }
#bread_crumb .page_parent a:last-of-type:after, #bread_crumb .page_parent a:only-of-type:after { display:none; }


/* post header */
#article { }
#article #post_title { margin:0 20px 15px; padding:30px 0 0 0; line-height:150%; font-size:21px; }
.page #article #post_title { margin:0 0 30px; padding:25px 20px 21px; font-size:21px; border-bottom:1px solid #ccc; }
#article .post_meta_top { margin:0 0px 30px; border-bottom:1px dotted #aaa; padding:0 20px 25px; }
#article .post_content { margin:0 20px 10px; }
#article .post_image { margin:0 0 30px 0; text-align:center; }
.pc .page-template-page-noside-php #article #post_title { padding:25px 40px 21px; }
.pc .page-template-page-noside-php #article .post_content { margin:0 40px 10px; } 


/* post pager */
.post_pagination { margin:0 0 20px 0; }
.post_pagination h5 { margin:0 10px 0 0; float:left; font-size:12px; }
.post_pagination a, .post_pagination p { float:left; display:inline-block; background:#eee; margin:0 5px 0 0; width:30px; height:30px; line-height:30px; text-align:center; text-decoration:none; color:#333; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px; }
.post_pagination p { background:#999; color:#fff; }
.post_pagination a:hover { color:#fff; }


/* share button style is at the bottom of style.css */


/* author profile */
#author_profile { clear:both; border-top:1px dotted #aaa; margin:0 0 30px 0; padding:20px 20px 0; }
#author_avatar { float:left; margin:0 20px 0 0; }
#author_avatar img { width:70px; height:70px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#author_info { float:left; width:568px; }
.pc .width_1000 #author_info { width:468px; }
.pc .two_column #author_info { width:668px; }
.pc .width_1000.two_column #author_info { width:620px; }
#author_info p { margin:0; line-height:2; }
#author_name { margin:0 0 10px 0; font-size:140%; }


/* author post */
#single_author_post { margin:0 0 20px 0; }
#single_author_post .headline { font-size:16px; margin:0 0 21px 0; padding:10px 20px 8px 20px; border-bottom:1px solid #ccc; }
#single_author_post ul { margin:0 -20px 0 20px; padding:0; position:relative; }
#single_author_post li { float:left; width:150px; margin:0 19px 0 0; }
.pc .width_1000 #single_author_post li { width:125px; }
.pc .two_column #single_author_post li { width:175px; }
.pc .width_1000.two_column #single_author_post li { width:163px; }
#single_author_post .title { margin:0; padding:0; font-size:12px; line-height:180%; }
#single_author_post .title a { display:block; }
#single_author_post .date { font-size:11px; margin:0 0 5px 0; color:#999; }
#single_author_post .image { position:relative; display:block; margin:0 0 10px 0; text-decoration:none; }
#single_author_post .image img { width:150px; height:94px; display:block; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.pc .width_1000 #single_author_post .image img { width:125px; height:auto; }
.pc .two_column #single_author_post .image img { width:175px; height:109px; }
.pc .width_1000.two_column #single_author_post .image img { width:163px; height:auto; }
#single_author_post .image:after {
  font-family:'icomoon-n1b-ml'; content:"\e612"; background:rgba(0,0,0,0); color:rgba(255,255,255,0); font-size:20px; width:150px; height:94px; line-height:94px; display:inline-block; text-align:center; top:0px; right:0px; position:absolute;
  -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
  -webkit-transition-property:background color; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:background color; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:background color; -o-transition-duration:0.4s; -o-transition-timing-function:ease; transition-property:background color; transition-duration:0.4s; transition-timing-function:ease;
}
.pc .width_1000 #single_author_post .image:after { width:125px; height:78px; line-height:78px; }
.pc .two_column #single_author_post .image:after { width:175px; height:109px; line-height:109px; }
.pc .width_1000.two_column #single_author_post .image:after { width:163px; height:101px; line-height:101px; }
#single_author_post .image:hover:after { width:150px; height:94px; background:rgba(0,0,0,0.6); color:#fff; }
.pc .width_1000 #single_author_post .image:hover:after { width:125px; height:78px; }
.pc .two_column #single_author_post .image:hover:after { width:175px; height:109px; }
.pc .width_1000.two_column #single_author_post .image:hover:after { width:163px; height:101px; }



/* free space */
.single_free_space { clear:both; margin:0 20px 30px; }
.single_free_space img { max-width:100%; height:auto; }


/* related post*/
#related_post { margin:0 0 15px 0; clear:both; }
#related_post .headline { border-bottom:1px solid #ccc; font-size:16px; font-weight:bold; margin:0 0 16px 0; padding:10px 20px 8px; }
#related_post ol { margin:0 20px; }
#related_post li { padding:5px 0 0 0; margin:0; width:50%; display:inline-block; vertical-align:top; }
*:first-child+html #related_post li { display:inline; zoom: 1; }
#related_post li.odd { width:49%; }
#related_post .info .date { margin:2px 0 5px 0; line-height:100%; font-size:11px; color:#999; }
#related_post .info .title { font-size:12px; margin:0; padding:0 20px 5px 0; display:block; line-height:180%; font-weight:bold; }
.ie #related_post .info .title { word-wrap:break-word; }
#related_post .image { float:left; display:block; position:relative; overflow:hidden; width:120px; height:74px; margin:0 15px 10px 0; text-decoration:none; color:#666; }
#related_post .image img { display:block; width:120px; height:74px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#related_post .image:after {
  font-family:'icomoon-n1b-ml'; content:"\e612"; background:rgba(0,0,0,0); color:rgba(255,255,255,0); font-size:20px; width:120px; height:74px; display:inline-block; text-align:center; line-height:77px; top:0px; right:0px; position:absolute;
  -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
  -webkit-transition-property:background color; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:background color; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:background color; -o-transition-duration:0.4s; -o-transition-timing-function:ease; transition-property:background color; transition-duration:0.4s; transition-timing-function:ease;
}
#related_post .image:hover:after { background:rgba(0,0,0,0.6); color:#fff; }


/* next prev post link */
#next_prev_post { margin:0 20px 20px; padding:30px 0 0 0; clear:both; }
#next_prev_post a {
  display:table-cell; line-height:160%; font-size:11px; border:1px solid #ccc; text-decoration:none; width:273px; padding:12px 20px 10px; position:relative;
  background:#eee; background: -webkit-linear-gradient(top, #ffffff, #f8f8f8); background: -moz-linear-gradient(top, #ffffff, #f8f8f8); background: -ms-linear-gradient(top, #ffffff, #f8f8f8); background: -o-linear-gradient(top, #ffffff, #f8f8f8); background: linear-gradient(to bottom, #ffffff, #f8f8f8); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#f8f8f8'); 
}
.pc .width_1000 #next_prev_post a { width:223px; }
.two_column #next_prev_post a { width:323px; }
.pc .width_1000.two_column #next_prev_post a { width:299px; }
#next_prev_post a:after { font-family:'icomoon-n1b-ml'; color:#aaa; font-size:12px; display:inline-block; top:12px; position:absolute; }
#next_prev_post a.prev_post { float:left; -moz-border-radius:4px 0 0 4px; -khtml-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; padding-left:35px; margin-right:-1px; width:273px; }
.pc .width_1000 #next_prev_post a.prev_post { width:223px; }
.two_column #next_prev_post a.prev_post { width:324px; }
.pc .width_1000.two_column #next_prev_post a.prev_post { width:298px; }
#next_prev_post a.next_post { float:right; text-align:right; -moz-border-radius:0 4px 4px 0; -khtml-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; padding-right:35px; }
#next_prev_post a.prev_post:after { content:"\e613"; left:11px; }
#next_prev_post a.next_post:after { content:"\e612"; right:11px; }
#next_prev_post a:hover { color:#fff; background:#ccc; }
#next_prev_post a:hover:after { color:#fff; }


/* next prev post link type2 */
#next_prev_post2 { margin:0 20px 20px; padding:30px 0 0 0; clear:both; }
#next_prev_post2 p { float:left; margin:0; line-height:100%; }
#next_prev_post2 a {
  float:left; display:block; min-height:72px; width:298px; line-height:160%; font-size:13px; border:1px solid #ccc; text-decoration:none; padding:12px 15px 10px; position:relative;
  background:#eee; background: -webkit-linear-gradient(top, #ffffff, #f8f8f8); background: -moz-linear-gradient(top, #ffffff, #f8f8f8); background: -ms-linear-gradient(top, #ffffff, #f8f8f8); background: -o-linear-gradient(top, #ffffff, #f8f8f8); background: linear-gradient(to bottom, #ffffff, #f8f8f8); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#f8f8f8'); 
}
.pc .width_1000 #next_prev_post2 a { width:248px; }
.pc .two_column #next_prev_post2 a { width:348px; }
.pc .width_1000.two_column #next_prev_post2 a { width:323px; }
#next_prev_post2 a:hover { color:#fff; background:#ccc; }
#next_prev_post2 .next_post a { text-align:right; -moz-border-radius:0 4px 4px 0; -khtml-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; }
#next_prev_post2 .next_post img { float:right; width:70px; height:70px; display:block; margin:0 0 0 15px; border-radius:3px; }
#next_prev_post2 .prev_post a { text-align:left; -moz-border-radius:4px 0 0 4px; -khtml-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; margin:0 -1px 0 0; }
#next_prev_post2 .prev_post img { float:left; width:70px; height:70px; display:block; margin:0 15px 0 0; border-radius:3px; }
#next_prev_post2 .date { font-size:11px; color:#999; display:block; margin:4px 0 0 0; }
#next_prev_post2 a:hover .date { color:#eee; }



/* ----------------------------------------------------------------------
 author list page
---------------------------------------------------------------------- */
#author_list_page { margin:0 20px; }
#author_list_page > li { border:1px solid #ccc; margin:0 0 20px 0; padding:20px 20px 10px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#author_list_page .image { float:left; margin:0 20px 10px 0; }
#author_list_page .info { float:left; width:525px; }
.pc .width_1000 #author_list_page .info { width:427px; }
#author_list_page .title { font-size:140%; margin:0 0 10px 0; }
#author_list_page .desc { line-height:2; }
#author_list_page .author_link { margin:5px 0 0 0; }
#author_list_page .author_social_link { margin:15px 0 0 0; }
#author_list_page ul { margin:20px -5px 5px 0; position:relative; }
#author_list_page ul li { margin:0 3px 3px 0; float:left; }

.author_social_link li a { text-decoration:none; display:block; width:72px; height:17px; background:#ddd; position:relative; text-align:center; }
.author_social_link li a span { text-indent:150%; white-space:nowrap; overflow:hidden; display:block; }
.author_social_link li a:after { font-family:'icomoon-n1b-ml'; color:#fff; font-size:12px; display:inline-block; position:absolute; top:3px; left:42%; }
.author_social_link li.twitter a:after { content:"\e604"; }
.author_social_link li.facebook a:after { content:"\e601"; }
.author_social_link li.google a:after { content:"\e602"; font-size:13px; top:3px; }
.author_social_link li.tumblr a:after { content:"\e61c"; }
.author_social_link li.flickr a:after { content:"\e61f"; }
.author_social_link li.picassa a:after { content:"\e61d"; }
.author_social_link li.pinterest a:after { content:"\e60f"; font-size:13px; top:3px; }

.author_social_link li.twitter a:hover { background-color:#16b9dc; }
.author_social_link li.facebook a:hover { background-color:#2088f3; }
.author_social_link li.google a:hover { background-color:#d33e3e; }
.author_social_link li.tumblr a:hover { background-color:#4c6f92; }
.author_social_link li.flickr a:hover { background-color:#0279d3; }
.author_social_link li.picassa a:hover { background-color:#ff7900; }
.author_social_link li.pinterest a:hover { background-color:#ff3a3a; }


/* author profile for archive */
#author_profile_archive { clear:both; border-bottom:1px solid #ccc; margin:0 0 30px 0; padding:20px; }
#author_profile_archive .author_link { margin:5px 0 0 0; }
#author_profile_archive .author_social_link { margin:15px 0 0 0; }
#author_profile_archive .author_social_link li { float:left; margin:0 3px 3px 0; }



/* ----------------------------------------------------------------------
 side content
---------------------------------------------------------------------- */
.side_widget { margin:0 0 20px 0; font-size:11px; color:#888; padding:0 10px; }
.pc .two_column .side_widget { padding:0 20px; }
.pc .width_1000.two_column .side_widget { padding:0 15px; }
.side_widget li ul { margin:10px 0 0 1em; }
.side_widget li { line-height:170%; margin:0 0 10px 0; padding:0; }
.side_widget a { color:#888; }
.side_widget img { height:auto; max-width:100%; width:auto; }
.side_headline { color:#333; background:#eee; margin:0 -10px 20px; padding:0 10px; font-size:13px; height:41px; line-height:41px; font-weight:normal; overflow:hidden; }
.pc .two_column .side_headline { margin:0 -20px 20px; padding:0 20px; }
.pc .width_1000.two_column .side_headline { margin:0 -15px 20px; padding:0 15px; }
#left_col .first .side_headline { background:#09bfd5; color:#fff; }
#right_col .first .side_headline { background:#bcc800; color:#fff; }
.side_widget p { line-height:2; margin:0; }


/* Introduction widget social link area */
.iw_social_link { line-height:0; margin:12px -5px 15px 0; padding:0; }
.iw_social_link li { float:left; margin:0 5px 5px 0; padding:0; line-height:100%; position:relative; }
.iw_social_link li a { text-decoration:none; display:block; width:32px; height:32px; background:#ddd; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.iw_social_link li a:hover { background:#fff; }
.iw_social_link li a span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
.iw_social_link li a:after { font-family:'icomoon-n1b-ml'; color:#fff; font-size:12px; margin:0; display:inline-block; position:absolute; left:10px; top:11px; }
.iw_social_link li.rss_button a:after { content:"\e603"; }
.iw_social_link li.twitter_button a:after { content:"\e604"; }
.iw_social_link li.facebook_button a:after { content:"\e601"; }
.iw_social_link li.google_plus_button a:after { content:"\e602"; font-size:14px; top:12px; left:11px; }
.iw_social_link li.tumblr_button a:after { content:"\e61c"; }
.iw_social_link li.flickr_button a:after { content:"\e61f"; }
.iw_social_link li.picassa_button a:after { content:"\e61d"; }
.iw_social_link li.pinterest_button a:after { content:"\e60f"; font-size:14px; top:12px; left:9px; }
.iw_social_link li.mail_button a:after { content:"\e60d"; font-size:15px; top:12px; left:9px; }
.iw_social_link li.rss_button a:hover { background-color:#ffcc00; }
.iw_social_link li.twitter_button a:hover { background-color:#16b9dc; }
.iw_social_link li.facebook_button a:hover { background-color:#2088f3; }
.iw_social_link li.google_plus_button a:hover { background-color:#d33e3e; }
.iw_social_link li.tumblr_button a:hover { background-color:#4c6f92; }
.iw_social_link li.flickr_button a:hover { background-color:#0279d3; }
.iw_social_link li.picassa_button a:hover { background-color:#ff7900; }
.iw_social_link li.pinterest_button a:hover { background-color:#ff3a3a; }
.iw_social_link li.twitter_button  { margin:0 5px 5px 0 !important; }/* block style from RSS Feeder stylesheet */


/* Introduction widget search form including search widget styling */
.iw_search_area, .widget_search div
  { background:#fff; box-shadow:1px 1px 2px 0px rgba(0,0,0,0.1) inset; border:1px solid #ccc; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; width:100%; height:30px; position:relative; }
.iw_search_area .search_input input, .widget_search #search-box, .widget_search #s
  { font-size:12px; color:#6d7478; width:120px; height:30px; float:left; margin:0 0 0 10px; padding:0; border:none; background:none; }
.iw_search_area .search_input input:focus, .widget_search #search-box:focus, .widget_search #s:focus
  { color:#333; }
.iw_search_area .search_button input, .widget_search #search-btn input, .widget_search #searchsubmit
  { border:none; position:absolute; top:0px; right:0px; background:url(img/search.png) no-repeat center; -moz-background-size:15px; -webkit-background-size:15px; -o-background-size:15px; -ms-background-size:15px; background-size:15px; height:30px; line-height:30px; width:45px; -moz-border-radius:0 3px 3px 0; -khtml-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; text-indent:250%; white-space:nowrap; overflow:hidden; display:block; }
.iw_search_area .search_button input:hover, .widget_search #search-btn input:hover, .widget_search #searchsubmit:hover
  { cursor:pointer; background:#fff url(img/search_on.png) no-repeat center; -moz-background-size:15px; -webkit-background-size:15px; -o-background-size:15px; -ms-background-size:15px; background-size:15px; }
.ie .iw_search_area .search_button input
  { background:#bbb url(img/search_ie.png) no-repeat center; }
.ie .iw_search_area .search_input input
  { height:23px; margin:10px 0 0 3%; }
.widget_search label { display:none; }
.widget_search #search-box, .widget_search #s { float:none; position:absolute; top:0px; left:0px; width:100%; margin:0; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:0 30% 0 5%; }


/* Post list widget */
.widget_post_list { list-style-type:none; margin:0; padding:0px; }
.widget_post_list.small li { background:none; padding:0 0 12px 0; border-bottom:1px dotted #aaa; margin:0 0 12px 0; }
.widget_post_list.small li:last-child { border:none; margin:0; padding:0; }
.widget_post_list.large li { background:none; padding:0; margin:0 0 12px 0; }
.widget_post_list.large li:last-child { margin:0; }
.widget_post_list .info { }
.widget_post_list .info .date { margin:2px 0 5px 0; line-height:100%; }
.widget_post_list .info .title { font-size:12px; margin:0; padding:0 0 5px 0; display:block; }
.widget_post_list.small .image { float:left; display:block; position:relative; overflow:hidden; width:58px; height:58px; margin:0 15px 0 0; text-decoration:none; color:#aaa; }
.widget_post_list.small .image img { width:58px; height:58px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.widget_post_list.small .image:hover { color:#aaa; }
.widget_post_list.small .image:after {
  font-family:'icomoon-n1b-ml'; content:"\e612"; background:rgba(0,0,0,0); color:rgba(255,255,255,0); font-size:20px; width:58px; height:58px; display:inline-block; text-align:center; line-height:58px; top:0px; right:0px; position:absolute;
  -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
  -webkit-transition-property:background color; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:background color; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:background color; -o-transition-duration:0.4s; -o-transition-timing-function:ease; transition-property:background color; transition-duration:0.4s; transition-timing-function:ease;
}
.widget_post_list.small .image:hover:after { color:#fff; }
.widget_post_list.large .image { position:relative; display:block; margin:0 0 10px 0; }
.widget_post_list.large .image img { width:260px; height:auto; display:block; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.widget_post_list.large .image:after { content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0px; left:0px; bottom:0px; right:0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.widget_post_list.large .image:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); }
.layout3 .widget_post_list.large .image:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); }
#footer .widget_post_list li { background:none; padding:0 0 12px 0; border-bottom:1px dotted #aaa; margin:0 0 12px 0; }
#footer .widget_post_list li:last-child { border:none; margin:0; padding:0; }
#footer .widget_post_list.large .image { position:relative; display:block; text-decoration:none; float:left; margin:0 15px 0 0; }
#footer .widget_post_list.large img { width:100px; height:auto; }


/* Calendar widget */
#wp-calendar { margin:0 auto; width:100%; font-size:11px; border-collapse:separate; table-layout:fixed; }
#wp-calendar th, #wp-calendar td { padding:3px; line-height:180%; text-align:center; }
.two_column #wp-calendar th, .two_column #wp-calendar td { line-height:275%; }
.pc .width_1000.two_column #wp-calendar th,  .pc .width_1000.two_column #wp-calendar td { line-height:230%; }
#wp-calendar td a { display:block; margin:0; padding:0; text-decoration:none; -webkit-border-radius:100%; -khtml-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#f7f7f7; color:#333; }
#wp-calendar td a:hover { text-decoration:none; color:#333; background:#aaa; color:#fff; }
#wp-calendar caption { padding:7px 0; }
#wp-calendar thead th, #wp-calendar tfoot td { border:none; padding:0; line-height:300%; }
#wp-calendar #prev, #wp-calendar #next { line-height:160%; }
#wp-calendar #prev a, #wp-calendar #next a { border:none; text-decoration:none; background:none; -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover { color:#fff; background:#aaa; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#wp-calendar td#today { color:#333; font-weight:bold; }
#footer #wp-calendar th, #footer #wp-calendar td { padding:3px; line-height:250%; text-align:center; }
#footer #wp-calendar td a { -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;  }
#footer #wp-calendar tfoot td { border:none; padding:0; line-height:200%; }


/* archive category dropdown widget */
.widget_archive select, .widget_categories select { font-size:12px; color:#666; border:1px solid #ccc; background:#fff; box-shadow:1px 1px 2px 0px rgba(0,0,0,0.1) inset; padding:7px 5px; width:100%; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; margin:0 0 20px 0; }
.widget_archive select:hover, .widget_categories select:hover, .widget_archive select:focus, .widget_categories select:focus { cursor:pointer; background-color:#fafafa; }
.widget_archive label, .widget_categories label { display:none; }


/* category menu */
.ml_category_list_widget { margin:0; }
.ml_category_list_widget .side_headline, .pc .two_column .ml_category_list_widget .side_headline, .pc .width_1000.two_column .ml_category_list_widget .side_headline
 { margin-bottom:0; }
.ml_category_list_widget ul { margin:0 -10px; padding:0; }
.ml_category_list_widget ul ul { margin:0; padding:0; }
.pc .two_column .ml_category_list_widget ul { margin:0 -20px; padding:0; }
.pc .two_column .ml_category_list_widget ul ul { margin:0; }
.pc .width_1000.two_column .ml_category_list_widget ul { margin:0 -15px; padding:0; }
.pc .width_1000.two_column .ml_category_list_widget ul ul { margin:0; padding:0; }
.ml_category_list_widget li { margin:0; font-size:11px; }
.ml_category_list_widget li a { display:block; text-decoration:none; padding:15px 10px 12px; margin:0; border-bottom:1px dotted #ccc; }
.pc .ml_category_list_widget li a { padding:15px 10px 12px; }
.pc .ml_category_list_widget li li a { padding-left:20px; }
.pc .ml_category_list_widget li li li a { padding-left:30px; }
.pc .two_column .ml_category_list_widget li a { padding:15px 20px 12px; }
.pc .two_column .ml_category_list_widget li li a { padding-left:31px; }
.pc .two_column .ml_category_list_widget li li li a { padding-left:42px; }
.pc .width_1000.two_column .ml_category_list_widget li a { padding:15px 15px 12px; }
.pc .width_1000.two_column .ml_category_list_widget li li a { padding-left:31px; }
.pc .width_1000.two_column .ml_category_list_widget li li li a { padding-left:42px; }
.ml_category_list_widget li a:hover { color:#fff; }
.ml_category_list_widget li .title { float:left; }
.ml_category_list_widget li .count { float:right; color:#666; background:#f2f2f2; padding:0 6px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.ml_category_list_widget li a:hover .count { }
.ml_category_list_widget .no_count .count { display:none; }
#footer .ml_category_list_widget .footer_headline { margin:0; }
#footer .ml_category_list_widget ul { margin:0; }
#footer .ml_category_list_widget li { margin:0; }
#footer .ml_category_list_widget li a { padding:15px 15px 12px; }
#footer .ml_category_list_widget li:last-child a { border:none; }


/* tag list */
.ml_tag_cloud_widget ul { position:relative; margin-right:-5px; }
.ml_tag_cloud_widget li, #footer .ml_tag_cloud_widget li { float:left; margin:0 5px 5px 0; }
.ml_tag_cloud_widget li a { color:#666; padding:3px 10px 1px; display:inline-block; text-decoration:none; background:#f5f5f5; -moz-border-radius:1px; -khtml-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; border:1px solid #eaeaea; }
.ml_tag_cloud_widget li a:hover { }


/* AdSense */
.ml_ad_widget { text-align:center; padding:0 !important; }
.ml_ad_widget .side_headline { text-align:left; margin:0 0 20px; }
.two_column .ml_ad_widget .side_headline, .width_1000.two_column .ml_ad_widget .side_headline { text-align:left; margin:0 0 20px; }
.ml_ad_widget .footer_headline { text-align:left; }


/* Popular Post Ranking */
.widget_post_ranking li { position:relative; margin:0 0 15px 0; padding:0; }
.widget_post_ranking li:last-child { margin:0; }
.widget_post_ranking .image { position:relative; display:block; text-decoration:none; }
.widget_post_ranking .image:after { content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0px; left:0px; bottom:0px; right:0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.widget_post_ranking .image:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); }
.widget_post_ranking img { width:180px; height:auto; display:block; margin:0; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.two_column .widget_post_ranking img { width:260px; height:auto; }
.widget_post_ranking .title { font-size:11px; line-height:150%; display:block; padding:6px 0; overflow:hidden; }
.two_column .widget_post_ranking .title { font-size:13px; }
.widget_post_ranking .comment { margin:0; padding:0 6px 0 10px; display:inline-block; line-height:15px; height:15px; position:absolute; top:0px; left:0px; color:#fff; font-size:11px; text-decoration:none; -moz-border-radius:3px 0 0 0; -khtml-border-radius:3px 0 0 0; -webkit-border-radius:3px 0 0 0; border-radius:3px 0 0 0; }
.two_column .widget_post_ranking .comment { padding:0 8px 0 12px; line-height:20px; height:20px; font-size:12px; }
.widget_post_ranking .comment:after { content:''; position:absolute; right:-10px; top:0px; width:0; height:0; border-style:solid; border-width:0px 0px 15px 10px; }
.two_column .widget_post_ranking .comment:after { right:-15px; border-width:0px 0px 20px 15px; }
.widget_post_ranking_view .widget_post_ranking .comment { background:rgba(9,191,213,0.7); }
.widget_post_ranking_view .widget_post_ranking .comment:after { border-color:transparent transparent transparent rgba(9,191,213,0.7); }
.widget_post_ranking_twitter .widget_post_ranking .comment { background:rgba(9,191,213,0.7); }
.widget_post_ranking_twitter .widget_post_ranking .comment:after { border-color:transparent transparent transparent rgba(9,191,213,0.7); }
.widget_post_ranking_facebook .widget_post_ranking .comment { background:rgba(59,89,152,0.7); }
.widget_post_ranking_facebook .widget_post_ranking .comment:after { border-color:transparent transparent transparent rgba(59,89,152,0.7); }
.widget_post_ranking_hatena .widget_post_ranking .comment { background:rgba(0,142,224,0.7); }
.widget_post_ranking_hatena .widget_post_ranking .comment:after { border-color:transparent transparent transparent rgba(0,142,224,0.7); }
.widget_post_ranking_comment .widget_post_ranking .comment { background:rgba(141,199,16,0.7); }
.widget_post_ranking_comment .widget_post_ranking .comment:after { border-color:transparent transparent transparent rgba(141,199,16,0.7); }
#footer .widget_post_ranking li { border-bottom:1px dotted #aaa; position:relative; margin:0 0 10px 0; padding:0 0 10px 0; }
#footer .widget_post_ranking li:last-child { border:none; margin:0; padding:0; }
#footer .widget_post_ranking .image { position:relative; display:block; text-decoration:none; float:left; margin:0 15px 0 0; }
#footer .widget_post_ranking img { width:100px; height:auto; }


/* Popular Post Ranking small ver */
.widget_post_ranking.small img { width:58px; height:58px; }
.two_column .widget_post_ranking.small img { width:70px; height:70px; }
.widget_post_ranking.small .image { float:left; margin:0 10px 0 0; }
.widget_post_ranking.small .title { font-size:12px; padding:0; }
.two_column .widget_post_ranking.small .title { font-size:13px; padding:0; }
.widget_post_ranking.small li { border-bottom:1px dotted #ccc; padding:0 0 15px 0; }
.widget_post_ranking.small li:last-child { border:none; padding:0; }
.widget_post_ranking.small .image:after {
  font-family:'icomoon-n1b-ml'; content:"\e612"; box-shadow:none; background:rgba(0,0,0,0); color:rgba(255,255,255,0); font-size:20px; width:58px; height:58px; line-height:58px; display:inline-block; text-align:center; top:0px; right:0px; position:absolute;
  -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
  -webkit-transition-property:background color; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:background color; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:background color; -o-transition-duration:0.4s; -o-transition-timing-function:ease; transition-property:background color; transition-duration:0.4s; transition-timing-function:ease;
}
.two_column .widget_post_ranking.small .image:after { width:70px; height:70px; line-height:70px; }
.widget_post_ranking.small .image:hover:after { color:#fff; z-index:9999; box-shadow:none; }
.widget_post_ranking.small .image:hover .comment { display:none; }
#footer .widget_post_ranking.small img { width:58px; height:auto; }
.pc #footer .widget_post_ranking.small .image:after { width:58px; height:58px; line-height:58px; }


/* Author_list */
.ml_author_list_widget ul { margin:-18px 0 10px 0; }
.ml_author_list_widget li { margin:0; }
.ml_author_list_widget li a { display:block; border-bottom:1px dotted #ddd; padding:7px 0; text-decoration:none; }
.ml_author_list_widget ul.has_avatar { margin:0 -10px 0 0; position:relative; }
.ml_author_list_widget .has_avatar li { float:left; margin:0 5px 5px 0; padding:0; }
.ml_author_list_widget li img { display:block; width:41px; -webkit-border-radius:2px; -khtml-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.pc .two_column .ml_author_list_widget li img { width:48px; }
.pc .width_1000.two_column .ml_author_list_widget li img { width:51px; }
.ml_author_list_widget .has_avatar li a { position:relative; border:none; padding:0; display:inline-block; }
.ml_author_list_widget li a:after, .ml_author_list_widget li a:before {
  position:absolute; z-index:100; opacity:0;
  top:-30px; left:-9999px;
  -webkit-transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out; -moz-transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out; transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
.ml_author_list_widget li a:after {
  content:attr(data-label); height:25px; line-height:25px; padding:0 10px; font-size:12px; text-align: center;
  color:#fff; background:#222; border-radius:2px;
  white-space: nowrap; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.ml_author_list_widget li a:before { content:""; width:0; height:0; border-width:5px; border-style:solid; border-color:#222 transparent transparent transparent; margin-bottom:3px; }
.ml_author_list_widget .has_avatar li a:hover:after, .ml_author_list_widget .has_avatar li a:hover:before { opacity:1; bottom:0px; left:0; }
.ml_author_list_widget .has_avatar li a:hover:before { left:15px; }
.pc .two_column .ml_author_list_widget .has_avatar li a:hover:before { left:19px; }
.ml_author_list_widget .link { display:inline-block; text-align:center; float:right; text-decoration:none; margin:7px 0 0 0; background:#f2f2f2; padding:3px 15px; }




/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
#footer { width:100%; min-width:1100px; margin-top:-40px; background:#fff; padding:80px 0 0; border-top:1px solid #ccc; }
.pc .width_1000 #footer { min-width:1000px; }
#footer_widget_area { width:100%; min-width:1100px; border-bottom:1px solid #ccc; }
#footer_widget_area { min-width:1000px; }
#footer_widget_area_inner { width:1100px; margin:0 auto 35px; }
.pc .width_1000 #footer_widget_area_inner { width:1000px; }
.footer_widget { width:350px; float:left; margin:0 50px 0 0; border-right:1px dotted #ccc; padding:0 50px 0 0; font-size:11px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.pc .width_1000 .footer_widget { margin:0 25px 0 0; padding:0 25px 0 0; width:325px; }
.pc .footer_widget.right_widget { margin-right:0; padding-right:0; border:none; width:300px; }
.footer_headline { font-size:14px; border:none; margin:0 0 15px 0; padding:0; border-bottom:1px dotted #aaa; font-weight:normal; }
.footer_headline span { border-left:4px solid #bcc800; padding:5px 0 4px 10px; display:block; margin:0 0 10px 0; }
.footer_widget li ul { margin:10px 0 0 1em; }
.footer_widget li { line-height:170%; margin:0 0 10px 0; padding:0; }
.footer_widget a { color:#666; }
.footer_widget img { height:auto; max-width:100%; width:auto; }
.footer_widget p { line-height:2; margin:0 0 2em; }
.footer_widget p:last-child { margin:0; }


/* copyright */
#footer_bottom { width:1100px; height:65px; padding:0; margin:0 auto; position:relative; font-size:11px; }
.pc .width_1000 #footer_bottom { width:1000px; }
#footer_menu { position:absolute; right:0px; top:28px; }
.pc #footer_bottom.no_footer_widget #footer_menu { top:12px; }
#footer_menu li { float:left; }
#footer_menu li a { margin:0 0 0 12px; padding:0 0 0 10px; border-left:1px solid #ccc; }
#footer_menu li:first-child a { border:none; margin:0; }
#copyright { line-height:100%; padding:0; margin:0; position:absolute; left:0px; top:28px;  }
.theme_author a { margin:0 0 0 12px; padding:0 0 0 10px; border-left:1px solid #ccc; }
.pc #footer_bottom.no_footer_widget #copyright { top:12px; }
.pc #footer_bottom .no_footer_menu #copyright { width:100%; text-align:center; }


/* return top */
#return_top { 
  position:fixed; bottom:10px; right:10px; z-index:10; display:block; text-indent:100%; overflow:hidden; white-space:nowrap; width:45px; height:45px; margin:0; padding:0; background:#555 url(img/return_top2.gif) no-repeat center center;
  -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; opacity:0.5;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
}
#return_top:hover { opacity:1; }




/* ----------------------------------------------------------------------
 comment
---------------------------------------------------------------------- */
#comments { padding:0 20px; clear:both; }


/* tab switch */
#comment_header { border-bottom:1px solid #ccc; margin:0 -20px 30px; position:relative; height:50px; }
#comment_header .headline { position:absolute; font-size:16px; left:0px; bottom:8px; margin:0 0 0 20px; padding:0; line-height:100%;}
#comment_header #comment_tab { margin:0; padding:0; line-height:0; position:absolute; right:20px; bottom:-2px; }
#comment_header #comment_tab li { float:left; font-size:11px; margin:0; line-height:1; }
#comment_header #comment_tab li a { font-weight:bold; display:block; text-decoration:none; padding:10px 40px 12px; border-bottom:2px solid #ccc; color:#ccc; }
#comment_header #comment_tab li a:hover { border-color:#666; color:#666; }
#comment_header #comment_tab li.active a { color:#666; }


/* comment area */
.tab_contents { margin:0 0 20px 0; }
.commentlist, .pinglist { margin:0; padding:0; list-style-type:none;  }
.commentlist li, .pinglist li { margin:0 0 25px 0; padding:0; clear:both; border-bottom:1px dotted #888; }
.commentlist li:last-child, .pinglist li:last-child { margin:0; border:none; }
.commentlist li li { border:none; margin:0; }
.commentlist .children { clear:both; margin:0 0 0 65px; }
.commentlist .children li { border-top:1px solid #ccc; padding-top:20px; }
.pinglist li { padding-bottom:20px; }
.ping-link { font-weight:bold; margin:0 0 10px 0; line-height:180%; }
.ping-meta { font-size:12px; margin:0 0 5px 0; color:#aaa; }
.ping-content { line-height:180%; font-size:11px; }
.bad_comment_message { padding:0 0 20px 0; position:relative; }
.bad_comment_message:before { color:#cdcb03; content:"\e620"; font-family:'icomoon-n1b-ml'; font-size:20px; margin:0 10px 0 0; position:relative; bottom:-3px; }
.bad_comment_message .open {
  border:1px solid #ccc; font-size:11px; padding:0 15px; margin:0 0 0 10px; cursor:pointer; height:25px; line-height:26px; display:inline-block; 
  -moz-border-radius:20px; -khtml-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;
  background:#f6f6f6; background: -webkit-linear-gradient(top, #ffffff, #f8f8f8); background: -moz-linear-gradient(top, #ffffff, #f8f8f8); background: -ms-linear-gradient(top, #ffffff, #f8f8f8); background: -o-linear-gradient(top, #ffffff, #f8f8f8); background: linear-gradient(to bottom, #ffffff, #f8f8f8); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#f8f8f8');
}
.bad_comment_message .open:hover { color:#333; border-color:#aaa; background:linear-gradient(to bottom, #fff, #e9e9e9); }


/* avatar */
.commentlist .avatar { float:left; margin:0; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }


/* comment content */
.bypostauthor { }
.commentlist .main_comment { margin:0 0 10px 0; position:relative; }
#has_avatar .main_comment { margin:0 0 10px 65px; position:relative; }
.comment_name_date { font-weight:bold; margin:0 0 15px 0; }
.comment_name_date span.comment-date { color:#aaa; font-size:11px; margin:0 0 0 10px; font-weight:normal; }
#article .comment-content { margin:0; padding:0; }
#article .comment-content p { padding:0; margin:0 0 15px 0; line-height:2; }
#article .comment-content img, #article .comment-content iframe { height:auto; width:auto; max-width:100%; }


/* comment reply and vote area */
.comment_meta_bottom { position:relative; margin:0 0 5px 0; height:30px; }
.comment_reply { float:left; }
.comment_reply a, .commentlist .comment_vote li span {
  display:block; text-decoration:none; font-size:12px; border:1px solid #ccc; height:25px; line-height:27px; padding:0 30px;
  -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
}
.comment-open .comment_reply a, .comment-open .commentlist .comment_vote li span {
  background:#f6f6f6; background: -webkit-linear-gradient(top, #ffffff, #f8f8f8); background: -moz-linear-gradient(top, #ffffff, #f8f8f8); background: -ms-linear-gradient(top, #ffffff, #f8f8f8); background: -o-linear-gradient(top, #ffffff, #f8f8f8); background: linear-gradient(to bottom, #ffffff, #f8f8f8); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#f8f8f8');
}
.comment-open .comment_reply a:hover, .comment-open .commentlist .comment_vote li span:hover {
  border-color:#aaa; cursor:pointer;
  background: linear-gradient(to bottom, #fff, #e9e9e9);
}
.comment-open .comment_reply a:hover { color:#333; }
.comment_vote { position:absolute; right:0px; top:0px; }
.commentlist .comment_vote li { clear:none; float:left; border:none; padding:0; cursor:pointer; }
.commentlist .comment_vote li span { padding-left:40px; padding-right:10px; }
.commentlist .comment_vote li.good span { color:#06ace2; -moz-border-radius:3px 0 0 3px; -khtml-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; border-right:none; font-weight:bold; }
.commentlist .comment_vote li.bad span { color:#f06161; -moz-border-radius:0 3px 3px 0; -khtml-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; font-weight:bold; }
.commentlist .comment_vote li span { position:relative; }
.commentlist .comment_vote li span:before { content:"\e630"; text-shadow:1px 0 #999, 0 1px #999, -1px 0 #999, 0 -1px #999; font-family:'icomoon-n1b-ml'; font-size:12px; position:absolute; top:0px; left:7px; color:#fff; }
.commentlist .comment_vote li.bad span:before { content:"\e631"; top:1px; }
.commentlist .comment_vote li.done span, .commentlist .comment_vote li.done span:hover { box-shadow:1px 1px 1px 1px rgba(0,0,0,0.07) inset; background:#eaeaea; border:1px solid #ccc; border-right:none; }
.commentlist .comment_vote li.done span:before { color:#eee; text-shadow:1px 0 #aaa, 0 1px #aaa, -1px 0 #aaa, 0 -1px #aaa; }

/* comment edit */
.comment_edit a { position:absolute; right:0px; top:0px; text-decoration:none; font-size:12px; background:#eee; color:#333; padding:0 20px; height:20px; line-height:20px; display:block; }
.comment_edit a:hover { color:#fff; }

/* comment pager */
#comment_pager { padding:20px 0; border-top:1px dotted #888; font-size:12px; }
#comment_pager .page-numbers { padding:0 10px 0 0; }
#comment_pager .page-numbers.current { }

/* etc */
.comment_message { margin:0 0 30px 0; }
.waiting-moderation { display:block; margin:0 0 10px 0; background:#a4dbef; border:1px solid #12bbfa; padding:10px; }
#html_tag_not_allowed { padding:7px 0px 6px; margin:5px 0 0 0; text-align:center; font-size:11px; border-top:1px dotted #666; border-bottom:1px dotted #666; }



/* ---------- form area ------------------------------------------------------------------------------------------------------------------------- */
.comment_form_wrapper { border:1px solid #ccc; margin:0 0 25px; padding:15px; background:#fff; font-size:12px; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }


/* reply cancel button */
#cancel_comment_reply { margin:0; padding:0; }
#cancel_comment_reply a { display:block; text-decoration:none; background:#eee; color:#333; padding:10px 0; text-align:center; margin:0 auto 15px auto; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#cancel_comment_reply a:hover { color:#fff; }


/* login user name and logout button */
#comment_user_login p { padding:0; margin:0; line-height:100%; }
#comment_user_login span { margin:0; float:right; }
#comment_user_login span a { text-decoration:none; position:relative; padding:0; }
#comment_user_login span a:hover:after { }


/* login form */
#comment_login { margin:0; padding:3px 30px 10px 30px; }
#comment_login p { margin:0; padding:12px 0 11px 36px; line-height:100%; }
#comment_login a { margin:0 0 0 20px; padding:0; }
#guest_info { padding:0; width:100%; }
#guest_info div { margin:0 0 12px 0; text-align:left; }
#guest_info input { margin:0; padding:5px 0; border:1px solid #ccc; width:100%; background:#fff; color:#333; }
#guest_info input:focus { }
#guest_info label { display:block; margin:0 0 5px 0; padding:0 0 0 0; font-size:11px; color:#888;}
#guest_info span { color:#666; margin:0 10px 0 0; }


/* comment input area */
#comment_textarea textarea { margin:15px 0 0; width:100%; height:150px; border:1px solid #ccc; background:#fff; color:#333; font-size:11px; overflow:auto; }
#comment_textarea textarea:focus {  }


/* submit button */
#submit_comment_wrapper { text-align:center; }
#submit_comment { background:#aaa; border:none; cursor:pointer; color:#fff; font-size:13px; width:200px; height:37px; margin:15px auto 0; display:block; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#submit_comment:hover { color:#fff; }

#input_hidden_field { display:none; }


/* jetpack comment */
#respond.comment-respond #reply-title { padding:12px; border:1px solid #ddd; border-radius:3px; margin:0 0 10px 0; font-size:14px; background:#fafafa; }
#respond.comment-respond #reply-title #cancel-comment-reply-link {
  color:#333; margin:-6px 0 0 15px; font-size:11px; text-decoration:none; background:#fff; border:1px solid #ccc; padding:7px 12px; font-weight:normal; float:right; display:block; border-radius:20px;
  background:#eee; background: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background: -moz-linear-gradient(top, #ffffff, #f2f2f2); background: -ms-linear-gradient(top, #ffffff, #f2f2f2); background: -o-linear-gradient(top, #ffffff, #f2f2f2); background: linear-gradient(to bottom, #ffffff, #f2f2f2); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#f2f2f2'); 
}
#respond.comment-respond  #reply-title #cancel-comment-reply-link:hover { border-color:#888; }
#respond.comment-respond #commentform { border:1px solid #ccc; border-radius:5px; padding:0 20px 20px; }
#respond.comment-respond .logged-in-as, #respond.comment-respond .comment-notes { border-bottom:1px solid #ccc; margin:0 -20px 20px; padding:15px 20px; font-size:11px; background:#fafafa; border-radius:5px 5px 0 0; }
#respond.comment-respond .logged-in-as a { }
#respond.comment-respond .comment-form-comment label { display:block; margin:0 0 5px 0; font-size:12px; }
#respond.comment-respond .comment-form-comment textarea { margin:15px 0 0; width:100%; height:150px; border:1px solid #ccc; background:#fafafa; color:#333; font-size:11px; overflow:auto; box-shadow:2px 2px 2px 0 rgba(0,0,0,0.1) inset; }
#respond.comment-respond .comment-form-comment textarea:focus { border:1px solid #999; background:#fff; }
#respond.comment-respond #submit { clear:both; background:#aaa; border:none; cursor:pointer; color:#fff; font-size:13px; width:200px; height:45px; margin:15px auto 0; display:block; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#respond.comment-respond #submit:hover { color:#fff; background:#666; }
#respond.comment-respond .comment-form-author, #respond.comment-respond .comment-form-email, #respond.comment-respond .comment-form-url { font-size:12px; width:32%; float:left; margin:10px 2% 20px 0; }
#respond.comment-respond .comment-form-url { margin-right:0; }
#respond.comment-respond .comment-form-author label, #respond.comment-respond .comment-form-email label, #respond.comment-respond .comment-form-url label { display:block; width:100px; margin:10px 0; }
#respond.comment-respond .comment-form-author input, #respond.comment-respond .comment-form-email input, #respond.comment-respond .comment-form-url input { margin:0; width:100%; padding:10px; border:1px solid #ccc; background:#fafafa; color:#333; font-size:11px; overflow:auto; box-shadow:2px 2px 2px 0 rgba(0,0,0,0.1) inset; }
#respond.comment-respond .comment-form-author input:focus, #respond.comment-respond .comment-form-email input:focus, #respond.comment-respond .comment-form-url input:focus { border:1px solid #999; background:#fff; }




/* ----------------------------------------------------------------------
 share button
---------------------------------------------------------------------- */

.share_button_bottom { margin:0 20px 20px 20px; list-style:none; line-height:1; }
.pc .page-template-page-noside .share_button_bottom { margin:0 40px 20px; }
.share_button_bottom h3 { margin:0 0 10px 0; font-size:14px; border-left:4px solid #ccc; padding:0 0 0 8px; line-height:160%; }
.share_button_bottom li { padding:0; float:left; margin:0 7px 0 0; min-height:75px; }
ul.snsb-balloon { padding:0; margin:0; }
.balloon-btn-set { display:block; }
.balloon-btn-set a { display:block; color:#777; font-size:12px; text-decoration:none; }
.balloon-btn-set a .word { font-size:9px; color:#555; }

/* share count area */
a.arrow-box-link { text-align:center; display:block; }
.arrow-box { position:relative; background:#fff; border:1px solid #bbb; text-align:center; width:56px; height:33px; border-radius:3px; line-height:33px; display:inline-block; }
.share_button_bottom .arrow-box:after, .share_button_bottom .arrow-box:before { top:100%; left:50%; border: solid transparent; content: " "; height:0; width:0; position:absolute; pointer-events: none; }
.share_button_bottom .arrow-box:after { border-color:rgba(255, 255, 255, 0); border-top-color:#fff; border-width:3px; margin-left:-3px; }
.share_button_bottom .arrow-box:before { border-color:rgba(187, 187, 187, 0); border-top-color:#ddd; border-width:5px; margin-left:-5px; }

/* loading icon */
.fa-spinner:before { font-family:'icomoon-n1b-ml'; content:"\e97a"; box-sizing: border-box; font-size:13px; color:#aaa; font-style:normal; font-weight:normal; }
.fa-spin { 	display: inline-block; animation: 2s linear 0s normal none infinite running anim-rotate; }
@keyframes anim-rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } }

/* SNS icon */
a.balloon-btn-link { background:#ccc; width:58px; height:20px; line-height:20px; position:relative; top:6px; border-radius:2px; text-align:center; display:block; border-bottom:3px solid #333; }
a.balloon-btn-link span { text-indent:150%; white-space:nowrap; overflow:hidden; display:block; }
a.balloon-btn-link:after { font-family:'icomoon-n1b-ml'; color:#fff; font-size:13px; margin:0; display:inline-block; top:1px; left:24px; position:absolute; }
a.view-balloon-btn-link:after { content:"\e604"; }
a.twitter-balloon-btn-link:after { content:"\e604"; }
a.facebook-balloon-btn-link:after { content:"\e601"; }
a.linkedin-balloon-btn-link:after { content:"\eac8"; }
a.hatena-balloon-btn-link:after { content:"\e636"; }
a.googleplus-balloon-btn-link:after { content:"\e602"; }
a.pinterest-balloon-btn-link:after { content:"\e60f"; }
a.pocket-balloon-btn-link:after { content:"\e625"; }
a.feedly-balloon-btn-link:after { content:"\e635"; font-size:15px; }
a.line-balloon-btn-link:after { content:"\e62d"; }

/* share button style for top area */
.share_button_top { margin:0px 20px 10px 20px; list-style:none; line-height:1; }
.pc .page-template-page-noside .share_button_top { margin:0 40px 10px; }
.share_button_top li { padding:0; float:left; margin:0 10px 10px 0; }
.share_button_top .arrow-box { width:auto; padding:0 15px; }
.share_button_top a.balloon-btn-link { width:25px; height:25px; line-height:25px; top:0; border:none; float:left; margin:0 7px 0 0; }
.share_button_top.share_button_design_type1 a.balloon-btn-link { width:25px; height:25px; border:1px solid #ccc; margin:0; border-radius:3px 0 0 3px; }
.share_button_top .arrow-box { height:24px; line-height:24px; }
.share_button_top.share_button_design_type1 .arrow-box { height:25px; line-height:25px; border-left:none; border-radius:0 3px 3px 0; }
.share_button_top.share_button_design_type1 a.balloon-btn-link:after, .share_button_top.share_button_design_type2 a.balloon-btn-link:after { top:1.3px; left:5px; position:absolute; }
.share_button_top.share_button_design_type2 .arrow-box:before { position:absolute; content:''; left:-5px; top:6px; width: 0px; height: 0px; border-style: solid; border-width: 5px 5px 5px 0; border-color: transparent #aaa transparent transparent; }
.share_button_top.share_button_design_type2 .arrow-box:after { position:absolute; content:''; left:-4px; top:6px; width: 0px; height: 0px; border-style: solid; border-width: 5px 5px 5px 0; border-color: transparent #fff transparent transparent; }
.share_button_top.share_button_design_type2 a.balloon-btn-link:active { border:none; top:0px; }

/* design type1 */
.share_button_design_type1 a.balloon-btn-link {
  border:1px solid #ccc; background:#ccc; width:56px;
  background:#f2f2f2; background: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background: -moz-linear-gradient(top, #ffffff, #f2f2f2); background: -ms-linear-gradient(top, #ffffff, #f2f2f2); background: -o-linear-gradient(top, #ffffff, #f2f2f2); background: linear-gradient(to bottom, #ffffff, #f2f2f2); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#f2f2f2');
}
.share_button_design_type1 a.balloon-btn-link:hover { border-color:#aaa; background: linear-gradient(to bottom, #fff, #e9e9e9); }
.share_button_design_type1 a.balloon-btn-link:after { left:22px; }
.share_button_design_type1 a.view-balloon-btn-link:after { color:#00aced; }
.share_button_design_type1 a.view-balloon-btn-link:hover { border-color:#00aced; }
.share_button_design_type1 a.twitter-balloon-btn-link:after { color:#00aced; }
.share_button_design_type1 a.twitter-balloon-btn-link:hover { border-color:#00aced; }
.share_button_design_type1 a.facebook-balloon-btn-link:after { color:#3b5998; }
.share_button_design_type1 a.facebook-balloon-btn-link:hover { border-color:#3b5998; }
.share_button_design_type1 a.linkedin-balloon-btn-link:after { color:#007bb6; }
.share_button_design_type1 a.linkedin-balloon-btn-link:hover { border-color:#007bb6; }
.share_button_design_type1 a.hatena-balloon-btn-link:after{ color:#3c7dd1; }
.share_button_design_type1 a.hatena-balloon-btn-link:hover { border-color:#3c7dd1; }
.share_button_design_type1 a.googleplus-balloon-btn-link:after { color:#dd4b39; }
.share_button_design_type1 a.googleplus-balloon-btn-link:hover { border-color:#dd4b39; }
.share_button_design_type1 a.pinterest-balloon-btn-link:after { color:#cb2027; }
.share_button_design_type1 a.pinterest-balloon-btn-link:hover { border-color:#cb2027; }
.share_button_design_type1 a.pocket-balloon-btn-link:after { color:#ee4257; }
.share_button_design_type1 a.pocket-balloon-btn-link:hover { border-color:#ee4257; }
.share_button_design_type1 a.feedly-balloon-btn-link:after { color:#87bd33; }
.share_button_design_type1 a.feedly-balloon-btn-link:hover { border-color:#5a8518; }

/* design type2 */
.share_button_design_type2 a.balloon-btn-link:active { border:none; top:9px; }
.share_button_design_type2 a.view-balloon-btn-link { background-color:#00aced; border-color:#066a90; }
.share_button_design_type2 a.twitter-balloon-btn-link { background-color:#00aced; border-color:#066a90; }
.share_button_design_type2 a.twitter-balloon-btn-link:hover { background-color:#45c6f7; }
.share_button_design_type2 a.facebook-balloon-btn-link { background-color:#3b5998; border-color:#233a6a; }
.share_button_design_type2 a.facebook-balloon-btn-link:hover { background-color:#5485eb; }
.share_button_design_type2 a.linkedin-balloon-btn-link { background-color:#007bb6; border-color:#004a6e; }
.share_button_design_type2 a.linkedin-balloon-btn-link:hover { background-color:#29aeee; }
.share_button_design_type2 a.hatena-balloon-btn-link { background-color:#3c7dd1; border-color:#23518d; }
.share_button_design_type2 a.hatena-balloon-btn-link:hover { background-color:#328cff; }
.share_button_design_type2 a.googleplus-balloon-btn-link { background-color:#dd4b39; border-color:#952f22; }
.share_button_design_type2 a.googleplus-balloon-btn-link:hover { background-color:#ff5843; }
.share_button_design_type2 a.pinterest-balloon-btn-link { background-color:#cb2027; border-color:#881115; }
.share_button_design_type2 a.pinterest-balloon-btn-link:hover { background-color:#f3232c; }
.share_button_design_type2 a.pocket-balloon-btn-link { background-color:#ee4257; border-color:#a92838; }
.share_button_design_type2 a.pocket-balloon-btn-link:hover { background-color:#f9597f; }
.share_button_design_type2 a.feedly-balloon-btn-link { background-color:#87bd33; border-color:#5a8518; }
.share_button_design_type2 a.feedly-balloon-btn-link:hover { background-color:#90d02d; }

/* side share button */
#share_button_side_fix { margin:0; position:fixed; right:0; bottom:70px; background:rgba(255,255,255,0.7); box-shadow:0 0 3px rgba(0,0,0,0.2); border:1px solid #ccc; border-right:none; padding:10px 10px 0; border-radius:5px 0 0 5px;  }
#share_button_side_fix.share_button_bottom li { float:none; min-height:auto; margin:0 0 15px 0; }

/* other button */
.share_button_top .line_button img { height:27px; width:auto; }
.share_button_top .evernote_button img { height:25px; width:auto; border:1px solid #bbb; border-radius:4px; }
.share_button_top .evernote_button a:hover img { border-color:#439900;  }
.share_button_bottom .evernote_button img { height:61px; width:auto; border:1px solid #bbb; border-radius:4px; }
.share_button_bottom .evernote_button a:hover img { border-color:#439900;  }
.share_button_top .tumblr_button img { height:27px; width:auto; border-radius:4px; display:block; }
.share_button_top .tumblr_button a:hover img { box-shadow:0 0 0 3px #dadada; }
.share_button_bottom .tumblr_button img { height:62px; width:auto; border-radius:4px; display:block; }
.share_button_bottom .tumblr_button a:hover img { box-shadow:0 0 0 3px #dadada; }
#share_button_side_fix.share_button_bottom .evernote_button { margin:0 0 10px 0; }
#share_button_side_fix.share_button_bottom .tumblr_button { margin:0 0 10px 0; }