/*
Theme Name:BLOQ
Theme URI:https://hybrid-theme.com/theme/bloq/
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:1.0.5
Text Domain:mono-lab
*/

/* ----------------------------------------------------------------------
 Web fonts
---------------------------------------------------------------------- */
@font-face {
    font-family: 'mono-lab';
    src: url('font/mono-lab.eot?v=1.2');
    src: url('font/mono-lab.eot?v=1.2#iefix') format('embedded-opentype'),
         url('font/mono-lab.woff?v=1.2') format('woff'),
         url('font/mono-lab.ttf?v=1.2') format('truetype'),
         url('font/mono-lab.svg?v=1.2#mono-lab') 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; 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; }




/* ----------------------------------------------------------------------
 Basic setting
---------------------------------------------------------------------- */
body { font-size:13px; font-family:Arial,sans-serif; color:#333; line-height:1; min-width:1230px; background:#f4f4f4; }
.pc .admin-bar { padding-top:33px; }
a { color:#333; }
a, a:before, a:after, input { -webkit-transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; }
.clear { clear:both; }
.hide { display:none; }


/* free space */
.free_space { padding:20px; border-bottom:1px solid #ddd; }
.free_space img { max-width:100%; height:auto; }


/* RSS feed list in free space */
.free_space .blogroll-channel { padding:0; margin:0; height:200px; overflow:auto; }
.free_space ul.blogroll-list-wrap { margin:0 0 15px 0; padding:0; }
.free_space .blogroll-channel li { margin:0 0 5px 0; line-height:160%; }


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


/* WordPress preset css is at bottom of this stylesheet */




/* ----------------------------------------------------------------------
 Layout
---------------------------------------------------------------------- */
#container { }


/* header */
.pc #header { height:220px; width:100%; min-width:1230px; margin:0 0 30px 0; border-bottom:1px solid #ccc; position:relative; z-index:10; box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1); background:#fff; }
.pc #header_top { width:100%; min-width:1230px; border-bottom:1px solid #ddd; }
.pc #header_top_inner { width:1230px; margin:0 auto; height:177px; position:relative; }
.pc #header_bottom { width:100%; min-width:1230px; z-index:2; }
.pc #header_bottom_inner { width:1230px; margin:0 auto; }


/* fixed header */
.pc .header_fixed #header { height:42px; position:fixed; top:0px; left:0px; z-index:500; }
.pc .admin-bar.header_fixed #header { padding-top:32px; }
.pc .header_fixed #header_top { display:none; }
.pc .header_fixed #header_top_inner { display:none; }
.pc .header_fixed #header_bottom { position:relative; z-index:2; }
.pc .header_fixed { padding-top:262px; }
.pc .header_slide_down #header { animation: slideDown 0.5s ease; -webkit-animation: slideDown 0.5s ease; }
@keyframes slideDown {
  0% { top:-50px; }
  100% { top:0px; }
}
.pc #fix_header_text_logo { display:none; }
.pc #fix_header_image_logo { display:none; }
.pc .header_fixed #fix_header_text_logo { display:block; float:left; font-size:20px; font-weight:normal; margin:0; padding:0; line-height:100%; }
.pc .header_fixed #fix_header_text_logo a { display:block; text-decoration:none; height:42px; line-height:42px; padding:0 20px; border-left:1px solid #ddd; border-right:1px solid #ddd; }
.pc .header_fixed #fix_header_text_logo a:hover { color:#fff; background:#ccc; }
.pc .header_fixed #fix_header_image_logo { display:block; float:left; margin:0; padding:0; height:42px; line-height:42px; padding:0 20px; border-left:1px solid #ddd; border-right:1px solid #ddd; }
.pc .header_fixed #fix_header_image_logo img { display:block; max-height:100%; width:auto; }
.pc .header_fixed .global_menu .home { display:none; }
.pc .header_fixed #search_button { position:relative; z-index:100; }


/* main content */
.pc #main_content {
  width:1230px; margin:0 auto -40px; position:relative; background:#fff; position:relative; z-index:3; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.4);
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
  -ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.pc #main_col {
  background:#fff; border-right:1px solid #ccc; border-left:1px solid #ccc; width:730px;
  flex:0 0 auto; -webkit-flex:0 0 auto; order:2; -webkit-order:2; z-index:2;
  box-shadow:-3px 0 4px -4px rgba(0, 0, 0, 0.4), 3px 0 4px -4px rgba(0, 0, 0, 0.4);
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.pc #left_col { width:250px; flex:0 0 auto; -webkit-flex:0 0 auto; order:1; -webkit-order:1; z-index:1; }
.pc #right_col { width:250px; flex:0 0 auto; -webkit-flex:0 0 auto; order:3; -webkit-order:3; z-index:1; }


/* other layout */
.pc .two_column #main_col { border-left:none; width:850px; order:1; -webkit-order:1; box-shadow:none; box-shadow:3px 0 4px -4px rgba(0, 0, 0, 0.4); }
.pc .two_column #left_col { width:380px; order:2; -webkit-order:2; }
.pc .two_column.two_column_type2 #main_col { border-right:none; border-left:1px solid #ccc; order:2; -webkit-order:2; box-shadow:-3px 0 4px -4px rgba(0, 0, 0, 0.4); }
.pc .two_column.two_column_type2 #left_col { order:1; -webkit-order:1; }
.pc .no_side #main_col { border:none; width:100%; order:1; -webkit-order:1; box-shadow:none; }




/* ----------------------------------------------------------------------
 Header
---------------------------------------------------------------------- */
/* logo */
#logo_text { position:relative; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
#logo_text .logo { margin:0; padding:0; line-height:100%; font-weight:normal; }
#logo_text .logo a { display:block; text-decoration:none; text-align:center; }
#logo_text .site_desc, #logo_image .site_desc { margin:10px 0 0 0; font-weight:normal; line-height:100%; color:#888; font-size:10px; line-height:100%; text-align:center; }
#logo_image { position:relative; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
#logo_image .logo a { display:block; text-decoration:none; text-align:center; }
#logo_image.has_mobile_image .mobile_image { display:none; }


/* header banner */
.pc #header_top_inner.has_banner #logo_text, .pc #header_top_inner.has_banner #logo_image { position:absolute; left:0; }
.pc #header_top_inner.has_banner #logo_text .logo a, .pc #header_top_inner.has_banner #logo_image .logo a { text-align:left; }
.pc #header_top_inner.has_banner #logo_text .site_desc, .pc #header_top_inner.has_banner #logo_image .site_desc { text-align:left; }
#header_banner { position:absolute; right:0px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }


/* rss feed list */
#header_feed {
  width:700px; height:120px; float:left; overflow:auto;
  position:absolute; right:0px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);
}
#header_feed  .feed_list {
  width:50%; float:left; padding-right:10px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#header_feed  .feed_list:first-child { padding-right:30px; }
#header_feed  .feed_list:only-child { width:100%; float:none; padding-right:10px; }
#header_feed .blogroll-channel { padding:0; }
#header_feed .blogroll-channel li { margin:0 0 5px 0; line-height:160%; }


/* global menu */
#menu_button { display:none; }
.pc .global_menu { float:left; }

.pc .global_menu .home { display:inline; width:42px; height:42px; position:relative; float:left; border-left:1px solid #ddd; border-right:1px solid #ddd; }
.pc .global_menu .home a { display:block; text-decoration:none; }
.pc .global_menu .home a:hover { background-color:#009DC4; }
.pc .global_menu .home a span { display:none; }
.pc .global_menu .home i { width:42px; height:42px; line-height:42px; padding:0; margin:0; display:block; font-style:normal; position:relative; }
.pc .global_menu .home i:before { font-family:'mono-lab'; color:#999; font-size:14px; position:absolute; top:1px; left:13px; content:"\e60a"; }
.pc .global_menu .home a:hover i:before { opacity:1; color:#fff; }

.pc .global_menu > ul { float:left; margin:0; height:42px; position:relative; z-index:2; }
.pc .global_menu li { float:left; display:inline; margin:0; font-size:10px; }
.pc .global_menu ul li a { display:block; padding:0 20px; text-decoration:none; height:42px; line-height:42px; text-align:center; color:#333; }
.pc .global_menu > ul > li.active_menu > a { background:#eee; }
.pc .global_menu ul li a:hover { background-color:#009DC4; color:#fff; }
.pc .global_menu ul { margin:0; padding:0; }
.pc .global_menu ul ul { display:none; float:none; position:absolute; top:42px; left:0; margin:0; padding:0; width:191px; box-shadow:2px 3px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow:2px 3px 2px rgba(0, 0, 0, 0.1); }
.pc .global_menu ul ul ul { left:100%; top:0; margin:0 0 0 -1px; }
.pc .global_menu ul li { position:relative; display:block; }
.pc .global_menu ul ul li { float:none; padding:0; margin:0; }
.pc .global_menu ul ul li a { display:block; padding:14px 20px; line-height:180%; height:auto; background:#fff; text-align:left; position:relative; margin:0 0 -1px 0; border:1px solid #ccc; }
.pc .global_menu ul ul li a:hover { background-color:#009DC4; text-decoration:none; color:#fff; text-shadow:none; }
.pc .global_menu ul ul .parent_menu > a { position:relative; }
.pc .global_menu ul ul .parent_menu > a:before { font-family:'mono-lab'; color:#bbb; font-size:11px; position:absolute; top:16px; right:6px; content:"\e610"; }
.pc .global_menu ul ul .parent_menu > a:hover:before { color:#fff; }


/* category and search area */
.header_sort { display:none; background:#009DC4; box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.2); }
.header_sort_inner { width:1230px; margin:0 auto; overflow:hidden; position:relative; }


/* search button */
#search_button {
  float:right; display:block; height:42px; width:42px; overflow:hidden; border-left:1px solid #ddd; border-right:1px solid #ddd;
  position:relative; text-decoration:none; text-indent:-200px;
}
#search_button:before {
  display:block; width:22px; height:22px; text-indent:0; margin:auto;
  font-family:'mono-lab'; content:"\e908"; color:#333; font-size:22px; position:absolute; top:3px; bottom:0; left:0; right:0;
}
#search_button:hover:before, #search_button.active:before { color:#fff; }


/* search form */
.search_area_top { position:absolute; right:0px; top:10px; width:310px; height:40px; }
.search_area_top .search_input input {
  font-size:13px; color:#fff !important; background:rgba(0,0,0,0.2); width:310px; height:40px; margin:0; padding:5px 15px; border:none;
  -webkit-border-radius:3px; border-radius:3px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.search_area_top .search_input input:focus { color:#fff; background:rgba(0,0,0,0.4); }
.search_area_top .search_button { float:right; top:-40px; width:40px; height:40px; position:absolute; right:0px; top:0px; }
.search_area_top .search_button input {
  border:none; background:none; position:relative;
  height:42px; line-height:42px; width:40px; text-indent:300%; white-space:nowrap; overflow:hidden; display:block; cursor:pointer;
}
.search_area_top .search_button:before {
  display:block; width:22px; height:22px; text-indent:0; margin:auto;
  font-family:'mono-lab'; content:"\e908"; color:#fff; font-size:22px; position:absolute; top:3px; bottom:0; left:0; right:0;
}
.search_area_top ::-webkit-input-placeholder { color:#fff; }
.search_area_top ::-moz-placeholder { color:#fff; }
.search_area_top :-ms-input-placeholder { color:#fff; }
.search_area_top :-moz-placeholder { color:#fff; }


/* category list sort button */
.header_sort_list { width:1230px; margin:0 auto; padding:20px 0 0; }
.header_sort_list li { float:left; margin:0 5px 0 0; font-size:12px; }
.header_sort_list li a { position:relative; display:block; text-decoration:none; color:#fff; padding:10px 20px; -webkit-border-radius:2px; border-radius:2px; }
.header_sort_list li a.active, .header_sort_list li a:hover { background:rgba(0,0,0,0.2); }
.header_sort_list li a.active:after { position:absolute; bottom:-12px; left:50%; transform: translate(-50%, 0%); content:""; width:0; height:0; border-width:6px; border-style:solid; border-color:rgba(0,0,0,0.2) transparent transparent transparent; }


/* category list area */
#category_area { width:1230px; margin:0 auto; padding:20px 0; overflow:hidden; }
.category_area_inner {
  width:500%;
  -webkit-transition:600ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.header_sort.list_num5 .category_area_inner { width:500%; }
.header_sort.list_num4 .category_area_inner { width:400%; }
.header_sort.list_num3 .category_area_inner { width:300%; }
.header_sort.list_num2 .category_area_inner { width:200%; }
.header_sort.list_num1 .category_area_inner { width:100%; }
#category_area.category_area1 .category_area_inner { margin:0; }
#category_area.category_area2 .category_area_inner { margin-left:-100%; }
#category_area.category_area3 .category_area_inner { margin-left:-200%; }
#category_area.category_area4 .category_area_inner { margin-left:-300%; }
#category_area.category_area5 .category_area_inner { margin-left:-400%; }
#category_area ul { float:left; width:20%; }
.header_sort.list_num5 #category_area ul { width:20%; }
.header_sort.list_num4 #category_area ul { width:25%; }
.header_sort.list_num3 #category_area ul { width:33.3333333%; width:-webkit-calc(100% / 3); width:calc(100% / 3); }
.header_sort.list_num2 #category_area ul { width:50%; }
.header_sort.list_num1 #category_area ul { width:100%; }
#category_area li {
  float:left; width:25%; margin:0 -1px -1px 0; font-size:11px; border:1px solid #ddd;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#category_area li a { display:block; padding:15px 15px 15px 25px; text-decoration:none; color:#fff; position:relative; }
#category_area li a:before {
  position:absolute; content:""; left:15px; top:19px;
  width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 3px; border-color: transparent transparent transparent rgba(255,255,255,0.7);
}
#category_area li a:hover { background-color:rgba(0,0,0,0.2); }


/* mobile element */
.mobile_menu_headline, .mobile_menu_close_button { display:none; }




/* ----------------------------------------------------------------------
 Header slider basic setting
---------------------------------------------------------------------- */
/* slider arrow */
.slick-arrow {
  border:none; height:50px; width:50px; overflow:hidden; text-indent:-400px; position:absolute; z-index:9; cursor:pointer; box-shadow:0 0 3px 0 rgba(0,0,0,0.5);
  -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.slick-prev { background:rgba(255,255,255,0.5); }
.slick-next { background:rgba(255,255,255,0.5); }
.slick-arrow:after { display:block; font-family:'mono-lab'; font-size:18px; width:18px; height:18px; color:#666; position:relative; text-indent:0; }
.slick-prev:after { content:'\e613'; top:-7px; left:6px; }
.slick-next:after { content:'\e612'; top:-7px; left:9px; }
.slick-arrow:hover:after { color:#fff; }


/* animation */
@-webkit-keyframes opacityAnimation {
  0% { }
  100% { opacity: 1; }
}
@keyframes opacityAnimation {
  0% { }
  100% { opacity: 1; }
}
@-webkit-keyframes zoomAnimation {
  0% { transform: scale(1.0); }
  100% { transform: scale(1.4); }
}
@keyframes zoomAnimation {
  0% { transform: scale(1.0); }
  100% { transform: scale(1.4); }
}




/* ----------------------------------------------------------------------
 Header slider1
---------------------------------------------------------------------- */
/* header image slider */
.pc #header_content1 { width:100%; min-width:1230px; overflow:hidden; margin:-30px 0 -41px; position:relative; }
#header_slider { }
#header_slider .item { width:100%; position:relative; }
#header_slider .item .caption {
  width:1230px; text-align:center; position:absolute; z-index:10;
  margin:auto; margin-top:-20px; left:0; right:0; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#header_slider .item .catch { color:#fff; line-height:180%; font-size:35px; font-weight:normal; margin:0; padding:0; }
#header_slider .item .desc { color:#fff; line-height:180%; font-size:18px; font-weight:normal; margin:10px 0 0 0; padding:0; }
#header_slider .item .button { text-decoration:none; height:40px; line-height:40px; color:#fff; background:none; border:1px solid #fff; display:inline-block; padding:0 40px; margin:25px 0 0 0; }
#header_slider .item .button:hover { background:#fff; color:#333 !important; }

#header_slider .overlay { width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9; position:absolute; top:0px; left:0px; }
#header_slider .image { width:100%; height:100%; z-index:8; position:absolute; top:0px; left:0px; }

#header_slider.animation .animate .image {
  -webkit-animation: zoomAnimation 35.0s ease forwards 0s;
  animation: zoomAnimation 35.0s ease forwards 0s;
}
#header_slider .slick-active .caption {
  -webkit-animation: opacityAnimation 1.0s ease forwards 2.0s;
  animation: opacityAnimation 1.0s ease forwards 2.0s;
}
#header_slider .slick-active .overlay {
  -webkit-animation: opacityAnimation 1.0s ease forwards 1.0s;
  animation: opacityAnimation 1.0s ease forwards 1.0s;
}


#header_slider .slick-prev { opacity:0; left:-30px; margin-top:-20px; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#header_slider .slick-next { opacity:0; right:-30px; margin-top:-20px;  top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#header_slider:hover .slick-prev { opacity:1; left:10px; }
#header_slider:hover .slick-next { opacity:1; right:10px; }




/* ----------------------------------------------------------------------
 Header slider2
---------------------------------------------------------------------- */
.pc .header_content2 { height:345px; width:100%; min-width:1230px; overflow:hidden; margin:-30px 0 -40px; position:relative; background:#fff; }
#content_slider2 { margin:30px 0 0 0; }
#content_slider2 .item { float:left; margin:0 2px; width:485px; height:243px; overflow:hidden; position:relative; }
#content_slider2 .image { width:100%; height:243px; display:block; overflow:hidden; position:relative; }
#content_slider2 .image .img { width:100%; height:100%; display:block; }
#content_slider2 .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; transition: all 0.2s ease-in-out;
}
#content_slider2 .image:hover:after { box-shadow:inset 0 0 0 10px rgba(255,255,255, 0.3); }

#content_slider2 .caption {
  position:absolute; bottom:0px; width:100%; padding:15px; color:#fff;
  background: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.7)); background: background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.7));
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#content_slider2 .caption .post_title { font-size:17px; line-height:180%; margin:0 0 5px 0; font-weight:bold; }
#content_slider2 .caption .post_title a { color:#fff; display:block; text-decoration:none; }
#content_slider2 .caption .post_meta_top { margin:0; }
#content_slider2 .caption .post_meta_top li { border-color:#888; }
#content_slider2 .caption .post_meta_top li,
#content_slider2 .caption .post_meta_top li a,
#content_slider2 .caption .post_meta_top li:before { color:#ccc; }

#content_slider2 .slick-prev { left:10px; top:100px; }
#content_slider2 .slick-next { right:10px; top:100px; }




/* ----------------------------------------------------------------------
 Header slider3
---------------------------------------------------------------------- */
.pc .header_content3 { width:100%; min-width:1230px; height:320px; overflow:hidden; margin:-30px 0 -40px; position:relative;  padding:30px 0; }
#content_slider3_wrap {
  width:1230px; height:280px; margin:0 auto; box-shadow:0 0 3px 0 rgba(0,0,0,0.4); position:relative;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#content_slider3 {
  width:980px; height:280px; float:left; position:relative;
  border-right:1px solid #ddd; background:#fff;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#content_slider3 .item { width:980px; height:280px; }

#content_slider3 .image { width:485px; height:280px; float:left; display:block; position:relative; overflow:hidden; }
#content_slider3 .image .img { width:100%; height:100%; }
#content_slider3 .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; transition: all 0.2s ease-in-out;
}
#content_slider3 .image:hover:after { box-shadow:inset 0 0 0 10px rgba(255,255,255, 0.3); }
#content_slider3 .post_data {
  width:494px; height:280px; float:left; padding:25px; position:relative;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#content_slider3 .post_title { line-height:180%; font-size:18px; font-weight:bold; margin:0 0 15px 0; word-wrap: break-word; }
#content_slider3 .post_title a { display:block; text-decoration:none; }
#content_slider3 .post_meta_top { max-height:20px; overflow:hidden; }
#content_slider3 .post_excerpt { line-height:180%; padding:10px 0; }
#content_slider3 .post_link { text-decoration:none; position:absolute; z-index:5; left:0px; bottom:0px; height:40px; line-height:40px; padding:0 20px 0 25px; background:#eee; font-size:12px; }
#content_slider3 .post_link:after { position:absolute; bottom:0px; right:-40px; content:""; width:0; height:0; border-style:solid; border-width:40px 0 0 40px; border-color:transparent transparent transparent #eee; }
#content_slider3 .post_list_sns_button { position:absolute; bottom:10px; right:18px; z-index:10; }


/* navigation */
#content_slider3_nav { width:250px; float:right; margin:1px 0 0 0; position:relative; }
#content_slider3_nav .item {
  width:250px; height:93px; padding:11px 20px 0; cursor:pointer; border-top:1px dotted #ddd;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#content_slider3_nav .item:hover, #content_slider3_nav .item.slick-current { background:#f2f2f2; }
#content_slider3_nav .item.slick-current { border-top:1px dotted #f2f2f2; }
#content_slider3_nav .image { width:70px; height:70px; float:left; display:block; margin:0 15px 0 0; position:relative; overflow:hidden; }
#content_slider3_nav .image .img { width:100%; height:100%; }
#content_slider3_nav .post_data { font-size:12px; }
#content_slider3_nav .post_date { margin:0; font-size:11px; color:#aaa; }
#content_slider3_nav .post_title { line-height:140%; margin:0 0 5px 0; display:block; max-height:50px; overflow:hidden; }

#content_slider3_nav .slick-arrow { width:50px; height:25px; }
#content_slider3_nav .slick-prev { right:98px; bottom:-40px; opacity:0; }
#content_slider3_nav .slick-next { right:98px; top:-40px; opacity:0; }
#content_slider3_nav .slick-arrow:after { font-size:12px; color:#aaa; }
#content_slider3_nav .slick-prev:after { content:'\e63d'; top:-10px; left:8px; }
#content_slider3_nav .slick-next:after { content:'\e63e'; top:-10px; left:8px; }
#content_slider3_nav .slick-arrow:hover:after { color:#fff; }
#content_slider3_nav:hover .slick-prev { opacity:1; bottom:-20px; }
#content_slider3_nav:hover .slick-next { opacity:1; top:-20px; }

.pc #content_slider3 .slick-prev { display:none !important; }
.pc #content_slider3 .slick-next { display:none !important; }




/* ----------------------------------------------------------------------
 Header slider4 - mostly use header slider3 setting
---------------------------------------------------------------------- */
.pc .header_content3.type2 #content_slider3_wrap { box-shadow:none; }
.pc .header_content3 .slider_banner { width:336px; height:280px; float:left; }
.pc .header_content3 .slider_banner img { max-width:100%; height:auto; }
.pc .header_content3.type2 #content_slider3 { width:870px; float:right; box-shadow:0 0 3px 0 rgba(0,0,0,0.4); border:none; }
.pc .header_content3.type2 #content_slider3 .item { width:870px; }
.pc .header_content3.type2 #content_slider3 .image { width:50%; }
.pc .header_content3.type2 #content_slider3 .post_data { width:50%; }

.pc .header_content3.type2 #content_slider3 .slick-prev { left:-50px; top:0; bottom:0; margin:auto; opacity:0; }
.pc .header_content3.type2 #content_slider3 .slick-next { right:-50px; top:0; bottom:0; margin:auto; opacity:0; }
.pc .header_content3.type2 #content_slider3:hover .slick-prev { left:-10px; opacity:1; }
.pc .header_content3.type2 #content_slider3:hover .slick-next { right:-10px; opacity:1; }

.pc .header_content3.type2 #content_slider3 .slick-prev { display:block !important; }
.pc .header_content3.type2 #content_slider3 .slick-next { display:block !important; }




/* ----------------------------------------------------------------------
 Header popular post list and Banner
---------------------------------------------------------------------- */
.header_content5 { width:100%; min-width:1230px; height:320px; overflow:hidden; margin:-30px 0 -40px; position:relative;  padding:30px 0; }
#header_content5 {
  width:1230px; height:280px; margin:0 auto; position:relative;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}


/* banner */
.header_content5 .slider_banner { width:336px; height:280px; float:left; }
.header_content5 .slider_banner img { max-width:100%; height:auto; }


/* popular post list */
#header_popular_post {
  width:868px; height:280px; float:right; position:relative;
  background:#fff; box-shadow:0 0 3px 0 rgba(0,0,0,0.4);
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#header_post_list2 { border-top:1px solid #ddd; }
#header_popular_post .headline { display:none; }
#header_popular_post ol { height:140px; }
#header_popular_post li {
  float:left; width:20%; position:relative; border-right:1px solid #ddd;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}

#header_popular_post .image {
  width:100%; height:88px; display:block; position:relative; overflow:hidden;
  -webkit-border-radius:0px; border-radius:0px;
}
#header_popular_post .image .img { width:100%; height:100%; display:block; }
#header_popular_post .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; transition: all 0.2s ease-in-out;
}
#header_popular_post .image:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); }

#header_popular_post .title { font-size:11px; line-height:160%; text-decoration:none; margin:0; display:block; break-word; word-wrap: break-word; height:45px; padding-top:7px; }
#header_popular_post .title span { display:block; padding:0 10px; height:36px; overflow:hidden; }
#header_popular_post .title:hover { text-decoration:underline; }

#header_popular_post .num {
  margin:0; padding:0 6px 0 10px; display:inline-block; line-height:20px; height:20px; background:rgba(9,191,213,0.7); z-index:2;
  position:absolute; top:0px; left:0px; color:#fff; font-size:11px; text-decoration:none;
}
#header_popular_post .num:after {
  content:''; position:absolute; right:-15px; top:0px; width:0; height:0;
  border-color:inherit; border-bottom-color:transparent; border-style:solid; border-width:0px 0px 20px 15px;
}
#header_popular_post .show_icon .num { padding-left:23px; }
#header_popular_post .show_icon .num:before { font-family:'mono-lab'; color:rgba(255,255,255,0.7); font-size:12px; position:absolute; left:7px; top:1px; }
#header_popular_post .show_icon .twitter_post .num:before { content:"\e604"; top:0px; }
#header_popular_post .show_icon .facebook_post .num:before { content:"\e601"; top:0px; }
#header_popular_post .show_icon .view_post .num:before { content:"\e8f4"; font-size:13px; left:5px; top:0px; }
#header_popular_post .show_icon .hatena_post .num:before { content:"\e62d"; font-size:20px; left:4px; top:0px; }
#header_popular_post .show_icon .comment_post .num:before { content:"\e801"; font-size:10px; left:6px; top:1px; }




/* ----------------------------------------------------------------------
 Header rss feed list and Banner
---------------------------------------------------------------------- */
.pc .header_content6 { width:100%; min-width:1230px; height:320px; overflow:hidden; margin:-30px 0 -40px; position:relative;  padding:30px 0; }
#header_content6 {
  width:1230px; height:280px; margin:0 auto; position:relative;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}

/* banner */
.pc .header_content6 .slider_banner { width:336px; height:280px; float:left; }
.pc .header_content6 .slider_banner img { max-width:100%; height:auto; }


/* rss feed list */
#rss_list {
  width:870px; height:280px; float:right; position:relative; padding:15px;
  background:#fff; box-shadow:0 0 3px 0 rgba(0,0,0,0.4);
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.rss_list { margin:0; width:-webkit-calc(50% - 5px); width:calc(50% - 5px); height:250px; float:left; overflow:auto; }
.rss_list.right { float:right; }
#rss_list.one_rss_list .rss_list { width:auto; float:none; }
#rss_list .blogroll-channel { padding:0; }
#rss_list .blogroll-channel li { margin:0 0 5px 0; line-height:160%; }




/* ----------------------------------------------------------------------
 Index contents builder basic setting
---------------------------------------------------------------------- */
.cb_contents { }

/* headline */
#contents_builder .cb_contents:first-of-type .headline {
  font-size:14px; color:#666; height:40px; padding:0 20px; margin:0 0 20px 0; line-height:41px; font-weight:bold; position:relative; border-bottom:1px solid #ccc; border-top:none; overflow:hidden;
  background:#f6f6f6; background: -webkit-linear-gradient(top, #ffffff, #f8f8f8); background: background: linear-gradient(to bottom, #ffffff, #f8f8f8);
}
.cb_contents .headline { border-top:1px solid #ddd; padding:0 20px; margin:0 0 20px 0; height:42px; line-height:42px; font-size:14px; font-weight:bold; position:relative; background:#fafafa; }

/* button top */
.cb_contents .headline a {
  display:inline-block; font-size:12px; text-decoration:none; padding:0 25px; height:20px; line-height:20px; background:#fff;
  position:absolute; right:20px; top:10px; border:1px solid #ddd; font-weight:normal;
}
.cb_contents .headline a:hover { background:#333; color:#fff; border:1px solid #333; }
.cb_contents .headline a.change_color { background:rgba(0,0,0,0.2); color:#fff; border-color:rgba(255,255,255,0); }
.cb_contents .headline a.change_color:hover { background:rgba(0,0,0,0.4); border-color:rgba(255,255,255,0); }


/* button bottom */
.cb_archive_button { margin:0px 20px 20px; text-align:center; }
.cb_archive_button a {
  display:block; font-size:12px; text-decoration:none; padding:0 100px; height:30px; line-height:30px; background:#fff;
  border:1px solid #ddd; margin:0; -webkit-border-radius:2px; border-radius:2px;
}
.cb_archive_button a:hover { color:#fff; }


/* others */
.cb_contents .cb_free { padding:20px; border-top:1px solid #ddd; }
.cb_contents .cb_free.free_space { border-bottom:none; }
.cb_contents:first-child .cb_free { border:none; }
.cb_contents .cb_banner { padding:20px; border-top:1px solid #ddd; text-align:center; }
.cb_contents:first-child .cb_banner { border:none; }
.cb_contents .cb_free img { max-width:100%; height:auto; }
.cb_contents .cb_banner img { max-width:100%; height:auto; }




/* ----------------------------------------------------------------------
 Contents builder post type1
---------------------------------------------------------------------- */
.cb_post_list1 {
  padding-bottom:20px;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.cb_post_list1 .post_area {
  width:50%;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.cb_post_list1 .large_post_area { border-right:1px dotted #ddd; padding:0 20px; }

/* image */
.cb_post_list1 .image { margin:0 0 15px; width:100%; display:block; overflow:hidden; position:relative; }
.cb_post_list1 .image .img { display:block; width:100%; height:100%; }
.cb_post_list1 .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; transition: all 0.2s ease-in-out;
}
.cb_post_list1 .image:hover:after { box-shadow:inset 0 0 0 8px rgba(255,255,255, 0.3); }

/* title area */
.cb_post_list1 .post_title { line-height:160%; font-size:20px; font-weight:bold; margin:0; word-wrap: break-word; }
.cb_post_list1 .post_title a { display:block; text-decoration:none; }
.cb_post_list1 .post_title a:hover { text-decoration:underline; }
.cb_post_list1 .post_meta_top { margin:10px 0 0 0; }
.cb_post_list1 .post_excerpt { line-height:160%; margin:10px 0 0 0; }
.cb_post_list1 .post_list_sns_button { margin:15px 0 -5px 0; }

/* small post area */
.cb_post_list1 .small_post_area { padding:0 20px; }
.cb_post_list1 .small_post_area .article { border-bottom:1px dotted #ddd; margin:0 0 10px 0; padding:0 0 10px 0; }
.cb_post_list1 .small_post_area .article:last-of-type { border-bottom:none; margin:0; padding:0; }
.cb_post_list1 .small_post_area .image { width:90px; height:90px; float:left; margin:0 15px 0 0; }
.cb_post_list1 .small_post_area .data { width:-webkit-calc(100% - 105px); width:calc(100% - 105px); float:left; }
.cb_post_list1 .small_post_area .post_title { font-size:15px; margin:0; }




/* ----------------------------------------------------------------------
 Contents builder post type2
---------------------------------------------------------------------- */
.cb_post_list2 { padding-bottom:10px; }
.cb_post_list2 .post_area {   -webkit-box-sizing:border-box; box-sizing:border-box; }
.cb_post_list2 .large_post_area { padding:0 20px 10px; }

/* image */
.cb_post_list2 .image {
  float:left; display:block; overflow:hidden; position:relative;
  width:-webkit-calc(50% - 20px); width:calc(50% - 20px);
}
.cb_post_list2 .image .img { display:block; width:100%; height:100%; }
.cb_post_list2 .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; transition: all 0.2s ease-in-out;
}
.cb_post_list2 .image:hover:after { box-shadow:inset 0 0 0 8px rgba(255,255,255, 0.3); }

/* title area */
.cb_post_list2 .large_post_area .data { float:right; width:-webkit-calc(50% - 20px); width:calc(50% - 20px); }
.cb_post_list2 .post_title { line-height:160%; font-size:20px; font-weight:bold; margin:0 0 15px 0; word-wrap: break-word; }
.cb_post_list2 .post_title a { display:block; text-decoration:none; }
.cb_post_list2 .post_title a:hover { text-decoration:underline; }
.cb_post_list2 .post_meta_top { margin:0 0 15px 0; }
.cb_post_list2 .post_excerpt { line-height:160%; margin:0 0 20px 0; }
.cb_post_list2 .post_list_sns_button { margin:15px 0 0 0; }

/* small post area */
.cb_post_list2 .small_post_area {
  padding:0 20px;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.cb_post_list2 .small_post_area .article {
  width:50%; border-top:1px dotted #ddd; margin:0 0 10px 0; padding:11px 0 0 0;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.cb_post_list2 .small_post_area .article:nth-child(odd) { padding-right:20px; }
.cb_post_list2 .small_post_area .article:nth-child(even) { padding-left:20px; }
.cb_post_list2 .small_post_area .image { width:90px; height:90px; margin:0 15px 0 0; }
.cb_post_list2 .small_post_area .post_title { font-size:15px; margin:0 0 10px 0; }
.cb_post_list2 .small_post_area .post_meta_top { margin:0; }




/* ----------------------------------------------------------------------
 Contents builder post type3
---------------------------------------------------------------------- */
.cb_post_list3  { padding:0 20px; margin:0 0 20px 0; }
.cb_post_list3 article { margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px dotted #ccc; }
.cb_post_list3 article:last-of-type { margin:0; padding:0; border:none; }

/* image */
.cb_post_list3 .image { float:left; display:block; overflow:hidden; position:relative; width:213px; margin:0 20px 0 0; }
.cb_post_list3 .image .img { display:block; width:100%; height:100%; }
.cb_post_list3 .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; transition: all 0.2s ease-in-out;
}
.cb_post_list3 .image:hover:after { box-shadow:inset 0 0 0 8px rgba(255,255,255, 0.3); }

/* tilte area */
.cb_post_list3 .data { float:left; width:-webkit-calc(100% - 233px); width:calc(100% - 233px); }
.cb_post_list3 .post_title { margin:0; padding:0; line-height:150%; font-size:20px; font-weight:bold; word-wrap: break-word; }
.cb_post_list3 .post_title a { text-decoration:none; display:block; }
.cb_post_list3 .post_title a:hover { text-decoration:underline; }
.cb_post_list3 .post_excerpt { font-size:12px; line-height:2; margin:15px 0 0 0; }
.cb_post_list3 .post_meta_top { margin:15px 0 0 0; }
.cb_post_list3 .post_list_sns_button { margin:15px 0 -5px; }




/* ----------------------------------------------------------------------
 Contents builder post type4
---------------------------------------------------------------------- */
.cb_post_list4  {
  padding:0 20px; margin-right:-20px;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.cb_post_list4 article {
 margin:0 20px 15px 0;
 width:-webkit-calc(100% / 3 - 20px); width:calc(100% / 3 - 20px);
}

/* image */
.cb_post_list4 .image { display:block; overflow:hidden; position:relative; width:100%; margin:0; }
.cb_post_list4 .image .img { display:block; width:100%; height:100%; }
.cb_post_list4 .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; transition: all 0.2s ease-in-out;
}
.cb_post_list4 .image:hover:after { box-shadow:inset 0 0 0 8px rgba(255,255,255, 0.3); }


/* tilte area */
.cb_post_list4 .post_title { margin:15px 0 0 0; padding:0; line-height:150%; font-size:16px; font-weight:bold; word-wrap: break-word; }
.cb_post_list4 .post_title a { text-decoration:none; display:block; }
.cb_post_list4 .post_title a:hover { text-decoration:underline; }
.cb_post_list4 .post_excerpt { font-size:12px; line-height:160%; margin:15px 0 0 0; }
.cb_post_list4 .post_meta_top { margin:15px 0 0 0; }
.cb_post_list4 .post_list_sns_button { margin:15px 0 -5px; }




/* ----------------------------------------------------------------------
 Post list header
---------------------------------------------------------------------- */
/* menu */
#center_menu {
  height:40px; overflow:hidden; box-shadow:0px 0px 0px 1px #fff inset; border-bottom:1px solid #ccc;
  background:#f6f6f6; background: -webkit-linear-gradient(top, #ffffff, #f8f8f8); background: linear-gradient(to bottom, #ffffff, #f8f8f8);
}

#center_menu ul { margin:0; }
#center_menu li { float:left; line-height:40px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#center_menu.num1 li { width:100%; }
#center_menu.num2 li { width:50%; }
#center_menu.num3 li { width:33.3333333333%; width:-webkit-calc(100% / 3); width:calc(100% / 3); }
#center_menu.num4 li { width:25%; }
#center_menu.num5 li { width:20%; }
#center_menu.num6 li { width:16.6666666667%; width:-webkit-calc(100% / 6); width:calc(100% / 6); }
#center_menu.num7 li { width:14.2857142857%; width:-webkit-calc(100% / 7); width:calc(100% / 7); }
#center_menu.num8 li { width:12.5%; width:-webkit-calc(100% / 8); width:calc(100% / 8); }
#center_menu.num9 li { width:11.1111111111%; width:-webkit-calc(100% / 9); width:calc(100% / 9); }
#center_menu.num10 li { width:10%; }
#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; }
#center_menu li:last-child a { border-right:none; }
#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-bottom:1px solid #ccc; overflow:hidden; font-weight:bold;
  background:#f6f6f6; background: -webkit-linear-gradient(top, #ffffff, #f8f8f8); background: linear-gradient(to bottom, #ffffff, #f8f8f8);
}


/* archive page description */
#category_desc { border-bottom:1px solid #ccc; padding:20px 20px 5px; }
#category_desc p { line-height:160%; margin:0 0 1em 0; }
#category_image { float:left; margin:0 20px 15px 0; width:100px; height:100px; }
#category_header { width:100%; position:relative; margin:-30px 0 -41px; }
#category_header .overlay { width:100%; height:100%; position:absolute; top:0px; left:0px; }
#category_header .caption {
  width:1230px; text-align:center; position:absolute; z-index:1; text-shadow: 0px 0px 5px rgba(0,0,0,0.8);
  margin:auto; margin-top:-25px; left:0; right:0; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#category_header .catch { color:#fff; line-height:140%; font-size:35px; font-weight:normal; margin:0; padding:0; }
#category_header .desc { color:#fff; line-height:180%; font-size:18px; font-weight:normal; margin:20px 0 0 0; padding:0; }




/* ----------------------------------------------------------------------
 Post list basic setting
---------------------------------------------------------------------- */
/* post meta top */
.post_meta_top { font-size:11px; margin:0 0 10px; padding:0; }
.post_meta_top li { display:inline; margin:0 7px 0 0; padding:0px 12px 0px 20px; color:#999; position:relative; line-height:160%; 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 { display:inline-block; color:#999; 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:'mono-lab'; color:#bbb; font-size:14px; width:14px; margin:0; display:inline-block; top:0px; left:0px; position:absolute; }
.post_meta_top li.post_author:before { content:"\e254"; font-size:17px; top:-2px; }
.post_meta_top li.post_category:before { content:"\e906"; font-size:22px; top:-1px; left:-4px; }
.post_meta_top li.post_tag:before { content:"\e607"; top:1px; }
.post_meta_top li.post_view:before { content:"\e8f4"; font-size:18px; top:-2px; left:-2px; }
.post_meta_top li.post_comment:before { content:"\e801"; font-size:13px; top:-1px; left:-1px; }
.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"; }


/* read more link */
.post_content a.more-link {
  float:right; font-size:13px; border:1px solid #ccc; background:#ccc; text-decoration:none; display:inline-block; height:35px; line-height:35px; padding:0 30px; color:#fff; position:relative;
  -webkit-border-radius:35px; border-radius:35px;
}
.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; -webkit-border-radius:3px; border-radius:3px; position:relative; }
.post_excerpt a.more-link:hover { background:#fff; }


/* page navi */
.page_navi { margin:0; padding:40px 20px; }
.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; margin:0 -1px 0 0; }
.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; background:#f2f2f2; display:block;
  border:1px solid #ccc;
  background:#f6f6f6; background: -webkit-linear-gradient(top, #ffffff, #f8f8f8); background: linear-gradient(to bottom, #ffffff, #f8f8f8);
}
.page_navi span.current { background:#e2e2e2; box-shadow:0 1px 3px 0 rgba(0,0,0,0.1) inset; border-color:#bbb; z-index:2; position:relative; }
.page_navi a:hover { background:#fff; border-color:#aaa; z-index:3; position:relative; color:#fff; }
.page_navi li:first-child a, .page_navi li:first-child span { -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; }
.page_navi li:last-child a { -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; }


/* 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:'mono-lab'; content:"\e60a"; color:#aaa; font-size:14px; display:inline-block; top:9px; left:8px; position:absolute; }
.page_navi p.back a:hover, .page_navi p.back a:hover:after { }


/* free space */
#free_space_post_list_bottom { border-bottom:none; padding-bottom:0; }


/* share button */
.post_list_sns_button { clear:both; font-size:11px; margin:0; padding:0; }
.post_list_sns_button li { float:left; margin:0 7px 5px 0; padding:0; color:#888; position:relative; line-height:1; }
.post_list_sns_button li.post_category { margin:0; }
.post_list_sns_button li a { color:#888; text-decoration:none; }
.post_list_sns_button li a:hover { text-decoration:underline; }
.post_list_sns_button li i {
  width:30px; height:30px; line-height:30px; float:left; font-style:normal; position:relative;
  -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.post_list_sns_button.corner_type1 li i { -webkit-border-radius:0px; border-radius:0px; }
.post_list_sns_button li i:before { font-family:'mono-lab'; color:#bbb; display:block; font-size:14px; position:absolute; text-align:center; }
.post_list_sns_button li.pl_twitter i:before { content:"\e604"; color:#16b9dc; font-size:13px; left:8px; top:1px; }
.post_list_sns_button li.pl_facebook i:before { content:"\e601"; color:#3B5998; left:8px; top:1px; }
.post_list_sns_button li.pl_hatebu i:before { content:"\e62d"; color:#007be3; font-size:28px; left:4px; top:1px; }
.post_list_sns_button li > span {
  font-size:12px; height:30px; line-height:30px; display:block; float:left; padding:0 10px; border:1px solid #ccc; background:#fff;
  -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.post_list_sns_button.corner_type1 li > span { -webkit-border-radius:0px; border-radius:0px; }


/* type1 */
.post_list_sns_button.type1 li i {
  border:1px solid #ccc; border-right:none;
  background:#f2f2f2; background: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background: linear-gradient(to bottom, #ffffff, #f2f2f2);
}
.post_list_sns_button.type1 li i:before { }
.post_list_sns_button.type1 li.pl_twitter i:before { color:#16b9dc; top:0px; }
.post_list_sns_button.type1 li.pl_facebook i:before { color:#3B5998; top:0px; }
.post_list_sns_button.type1 li.pl_hatebu i:before { color:#007be3; top:0px; }


/* type2 */
.post_list_sns_button.type2 li i { }
.post_list_sns_button.type2 li i:before { color:#fff; }
.post_list_sns_button.type2 li.pl_twitter i { background-color:#16b9dc; }
.post_list_sns_button.type2 li.pl_facebook i { background-color:#3B5998; }
.post_list_sns_button.type2 li.pl_hatebu i { background-color:#007be3; }
.post_list_sns_button.type2 li > span { border-left:none; }
.post_list_sns_button.type2 li.pl_hatebu i:before { top:0.5px; }


/* type3 */
.post_list_sns_button.type3 li i { width:34px; }
.post_list_sns_button.type3 li i:before { color:#fff; }
.post_list_sns_button.type3 li.pl_twitter i { background-color:#0db4d8; }
.post_list_sns_button.type3 li.pl_facebook i { background-color:#3B5998; }
.post_list_sns_button.type3 li.pl_hatebu i { background-color:#006fcc; }
.post_list_sns_button.type3 li > span { border:none; color:#fff; line-height:32px; padding:0 12px; position:relative; }
.post_list_sns_button.type3 li.pl_twitter > span { background-color:#5bc5dc; }
.post_list_sns_button.type3 li.pl_facebook > span { background-color:#6473b3; }
.post_list_sns_button.type3 li.pl_hatebu > span { background-color:#3484c7; }
.post_list_sns_button.type3 li.pl_twitter i:before { left:10px; top:0px; }
.post_list_sns_button.type3 li.pl_facebook i:before { left:10px; }
.post_list_sns_button.type3 li.pl_hatebu i:before { left:6px; top:0px; }
.post_list_sns_button.type3 li > span:before {
  content:''; display:block; position:absolute; left:-3px; top:10px;
  width: 0; height: 0; border-style: solid; border-width: 5px 4px 5px 0;
  border-color: transparent #5bc5dc transparent transparent;
}
.post_list_sns_button.type3 li.pl_facebook > span:before { border-color: transparent #6473b3 transparent transparent; }
.post_list_sns_button.type3 li.pl_hatebu > span:before { border-color: transparent #3484c7 transparent transparent; }


/* small ver */
.post_list_sns_button.small_size li i { -webkit-border-radius:2px 0 0 2px; border-radius:2px 0 0 2px; }
.post_list_sns_button.small_size.corner_type1 li i { -webkit-border-radius:0px; border-radius:0px; }
.post_list_sns_button.small_size li > span { -webkit-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0; }
.post_list_sns_button.small_size.corner_type1 li > span { -webkit-border-radius:0px; border-radius:0px; }

.post_list_sns_button.small_size li { margin:0 5px 5px 0; }
.post_list_sns_button.small_size li i { width:25px; height:25px; line-height:25px; }
.post_list_sns_button.small_size li.pl_twitter i:before { font-size:12px; top:0px; left:7px; }
.post_list_sns_button.small_size li.pl_facebook i:before { font-size:12px; top:0px; left:7px; }
.post_list_sns_button.small_size li.pl_hatebu i:before { font-size:23px; top:-0.5px; }
.post_list_sns_button.small_size li > span { height:25px; line-height:25px; padding:0 8px; }

.post_list_sns_button.small_size.type2 li i { line-height:25px; }
.post_list_sns_button.small_size.type2 li.pl_twitter i:before { font-size:12px; top:1px; left:7px; }
.post_list_sns_button.small_size.type2 li.pl_facebook i:before { font-size:12px; top:1px; left:7px; }
.post_list_sns_button.small_size.type2 li.pl_hatebu i:before { font-size:23px; top:0px; }
.post_list_sns_button.small_size.type2 li > span:before { top:7px; left:-2.5px; }

.post_list_sns_button.small_size.type3 li i { line-height:25px; }
.post_list_sns_button.small_size.type3 li.pl_twitter i:before { font-size:12px; top:0px; }
.post_list_sns_button.small_size.type3 li.pl_facebook i:before { font-size:12px; top:0px; }
.post_list_sns_button.small_size.type3 li.pl_hatebu i:before { font-size:23px; left:3px; top:0px; }
.post_list_sns_button.small_size.type3 li > span:before { top:7px; left:-2.5px; }
.post_list_sns_button.small_size.type3 li > span { line-height:25px; }




/* ----------------------------------------------------------------------
 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; font-weight:bold; word-wrap: break-word; }
#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_featured_image { margin:0 -20px 30px; width:auto; }


/* sns button */
#post_list1 .post_list_sns_button { float:right; padding:0; margin-right:-10px; }


/* more link */
#post_list1 .more-link { display:table; margin:0 auto; float:none; padding:0 50px; height:40px; line-height:40px; }
#post_list1 .no_share_button .more-link { float:none; }




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


/* thumbnail */
#post_list2 .image { margin:0 0 5px 20px; float:left; width:230px; height:142px; display:block; overflow:hidden; position:relative; }
#post_list2 .image .img { display:block; width:100%; height:100%; }
#post_list2 .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; transition: all 0.2s ease-in-out;
}
#post_list2 .image:hover:after { box-shadow:inset 0 0 0 8px rgba(255,255,255, 0.3); }


/* post data */
.pc #post_list2 .post_data { float:left; width:440px; margin:0 0 0 20px; }
.pc #post_list2 .no_thumbnail .post_data { float:none; width:auto; margin:0 20px 0; }
.pc #post_list2 .post_list_sns_button { margin:0; }


/* post tilte */
#post_list2 .post_title { margin:0 0 8px; padding:0; line-height:150%; font-size:18px; font-weight:bold; word-wrap: break-word; }
#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 15px 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; }


/* two column */
.pc .two_column #post_list2 .image { width:264px; }
.pc .two_column #post_list2 .post_data { width:524px; }
.pc .two_column #post_list2 .no_thumbnail .post_data { width:auto; }




/* ----------------------------------------------------------------------
 Post list3
---------------------------------------------------------------------- */
#post_list3 .article {
  padding:0 15px 0 20px; margin:0; width:50%; float:left; position:relative;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#post_list3 .article:nth-child(even) { padding:0 20px 0 15px; }
#post_list3 .post_row { border-bottom:1px solid #ddd; padding-bottom:15px; }


/* thumbnail */
#post_list3 .image { margin:20px 0 15px; display:block; position:relative; overflow:hidden; width:100%; height:190px; }
#post_list3 .image .img { display:block; width:100%; height:100%; }
#post_list3 .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; transition: all 0.2s ease-in-out;
}
#post_list3 .image:hover:after { box-shadow:inset 0 0 0 9px rgba(255,255,255, 0.3); }


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


/* post tilte */
#post_list3 .post_title { margin:0 0 8px; padding:0; line-height:150%; font-size:18px; font-weight:bold; word-wrap: break-word; }
#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; }
#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:15px 0 0 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-bottom:1px solid #ccc; overflow:hidden;
  background:#f6f6f6; background: -webkit-linear-gradient(top, #ffffff, #f8f8f8); background: background: linear-gradient(to bottom, #ffffff, #f8f8f8);
}
#bread_crumb li { float:left; margin:0; padding:0; position:relative; }
#bread_crumb a { text-decoration:none; color:#999; }
#bread_crumb a:hover { text-decoration:underline; color:#009DC4; }
#bread_crumb .home { position:relative; margin:0 10px 0 0; }
#bread_crumb .home:after { font-family:'mono-lab'; content:'\e612'; font-size:8px; display:block; position:absolute; right:0px; top:2px; }
#bread_crumb .home a { display:block; padding:0; width:55px; height:40px; }
#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:'mono-lab'; color:#bbb; font-size:15px; position:absolute; top:11px; left:20px; content:"\e60a"; }
#bread_crumb .home a:hover i:before { color:#009DC4; }
#bread_crumb .parent { margin:0 5px 0 0; }
#bread_crumb .page_parent { position:relative; margin:0 10px 0 0; padding:0 20px 0 0; }
#bread_crumb .page_parent:before { font-family:'mono-lab'; content:'\e612'; font-size:8px; display:block; position:absolute; right:0px; top:2px; }
#bread_crumb .last { position:relative; margin:0 0 0 10px; padding:0 0 0 20px; }
#bread_crumb .last:before { font-family:'mono-lab'; content:'\e612'; font-size:8px; display:block; position:absolute; left:0px; top:2px; }


/* post header */
#article #post_header { margin:0 0 30px; border-bottom:1px solid #ddd; padding:35px 20px 40px; }
#article #post_header.show_avatar { padding:35px 20px 25px; }
#article #post_title { margin:0; padding:0; line-height:150%; font-size:30px; font-weight:bold; }
#article #page_title { margin:0 0 30px; padding:30px 20px; line-height:150%; font-size:30px; font-weight:bold; border-bottom:1px solid #ddd; }
.no_side #article #page_title { text-align:center; }
#article .post_content { margin:0 20px 10px; }


/* post meta */
.single_post_meta { line-height:160%; }
.single_post_meta.has_avatar { }
#post_meta_top { margin:25px 0 0 0; }
#post_meta_bottom { border:1px solid #ccc; padding:40px 20px; margin:0 20px 30px; }
.single_post_meta li { display:inline; border-right:1px solid #ccc; position:relative; padding-right:15px; margin:0 10px 0 0; font-size:12px; }
.single_post_meta li:last-of-type { border:none; }
.single_post_meta li .avatar { float:left; margin:0 5px 0 0; }
.single_post_meta li .avatar img { display:block; position:relative; width:35px; height:35px; top:-6px; }
.single_post_meta li .avatar.shape_type2 img { -webkit-border-radius:2px; border-radius:2px; }
.single_post_meta li .avatar.shape_type3 img { -webkit-border-radius:100%; border-radius:100%; }
.single_post_meta li.post_category, .single_post_meta li.post_tag, .single_post_meta li.post_comment, .single_post_meta li.post_view { padding-left:23px; }
.single_post_meta li.post_update .label { margin:0 5px 0 0; }
.single_post_meta li:before { font-family:'mono-lab'; color:#aaa; font-size:14px; width:14px; margin:0; display:inline-block; top:0px; left:0px; position:absolute; }
.single_post_meta li.post_category:before { content:"\e906"; font-size:25px; top:-2px; left:-4px; }
.single_post_meta li.post_tag:before { content:"\e607"; top:-1px;}
.single_post_meta li.post_view:before { content:"\e8f4"; font-size:20px; top:-3px; left:-2px; }
.single_post_meta li.post_comment:before { content:"\e801"; font-size:15px; top:-2px; left:0px;}
.single_post_meta li.post_category a, .single_post_meta li.post_tag a { margin:0 7px 0 0; }
.single_post_meta li.post_category a:last-of-type, .single_post_meta li.post_tag a:last-of-type { margin:0; }


/* featured image */
#post_featured_image_top { width:100%; height:302px; }
#post_featured_image_bottom { margin:-30px 0 30px; width:100%; height:302px; }


/* post reading time */
#post_meta_middle { margin:0 20px 20px; position:relative; }
.post_reading_time p { position:relative; padding:0 0 0 23px; margin:15px 0 0 0; color:#888; font-size:12px; line-height:140%; display:inline; height:28px; line-height:28px; clear:both; float:right; }
.post_reading_time p:before { font-family:'mono-lab'; color:#aaa; content:"\e924"; font-size:20px; position:absolute; top:-1px; left:0px; }
.post_reading_time span { font-weight:bold; color:#333; }


/* post pager */
.post_pagination { margin:0 0 30px 0; }
.post_pagination h5 { margin:0 0 10px 0 !important; font-size:12px; text-align:center; font-weight:bold !important; }
.post_pagination ol { font-size:0; list-style-type:none; margin:0 !important; padding:0 !important; text-align:center; }
.post_pagination li { display:inline-block; margin:0 2px !important; padding:0 !important; width:40px; height:40px; line-height:40px !important; text-align:center; text-decoration:none; color:#333; font-size:12px; }
.post_pagination li.current span { background:#999; color:#fff; display:block; -webkit-border-radius:3px; border-radius:3px; }
.post_pagination a { display:block; text-decoration:none; background:#eee; -webkit-border-radius:3px; border-radius:3px; }
.post_pagination a:hover { color:#fff; }


/* share button style is at the bottom of style.css */
/* author profile is at the Author profile section */


/* author post */
#single_author_post { margin:0 0 35px 0; }
#single_author_post .headline { font-size:16px; margin:0 0 21px 0; padding:10px 20px 8px 20px; border-bottom:1px solid #ddd; }
#single_author_post ol { margin:0 -20px 0 20px; padding:0; position:relative; }
#single_author_post li { float:left; width:-webkit-calc(25% - 20px); width:calc(25% - 20px); margin:0 15px 0 0; }
#single_author_post .title { margin:0; padding:0; font-size:13px; line-height:180%; }
#single_author_post .title a { display:block; }
#single_author_post .date { font-size:11px; margin:10px 0 0 0; color:#999; }
#single_author_post .image { width:100%; height:100px; overflow:hidden; position:relative; display:block; margin:0 0 10px 0; text-decoration:none; }
#single_author_post .image .img { width:100%; height:100%; }
#single_author_post .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; transition: all 0.2s ease-in-out;
}
#single_author_post .image:hover:after { box-shadow:inset 0 0 0 7px rgba(255,255,255, 0.3); }


/* related post */
#related_post { margin:0; clear:both; }
#related_post .headline { border-bottom:1px solid #ddd; font-size:16px; font-weight:bold; margin:0 0 16px 0; padding:10px 20px 8px; }
#related_post ol { margin:0 -10px 0 20px; padding:0; position:relative; font-size:0; }
#related_post li { padding:0; margin:0 15px 15px 0; width:-webkit-calc(50% - 20px); width:calc(50% - 20px); display:inline-block; vertical-align:top; }
#related_post .date { margin:10px 0 0 0; line-height:100%; font-size:11px; color:#999; }
#related_post .title { font-size:13px; margin:0; padding:0; display:block; line-height:180%; }
#related_post .image { float:left; display:block; position:relative; overflow:hidden; width:162px; height:100px; margin:0 15px 0 0; text-decoration:none; color:#666; }
.pc .two_column #related_post .image { width:192px; }
#related_post .image .img { display:block; width:100%; height:100%; }
#related_post .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; transition: all 0.2s ease-in-out;
}
#related_post .image:hover:after { box-shadow:inset 0 0 0 7px rgba(255,255,255, 0.3); }


/* free space */
.free_space.single_free_space { padding:30px 20px 30px; border-bottom:none; margin:0 0 30px 0; }


/* next prev post link */
.next_prev_post { margin:30px 20px 0; clear:both; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }
.next_prev_post .nav { margin:0; line-height:100%; width:50%; flex:0 0 auto; -webkit-flex:0 0 auto; min-height:95px; }
#next_prev_post2 .nav { min-height:0; }
.next_prev_post .nav:first-child a { border-right:none; }
.next_prev_post .nav:only-child a { border-right:1px solid #ccc; }
.next_prev_post a {
  display:block; height:100%; width:100%; line-height:160%; word-wrap: break-word;
  font-size:13px; border:1px solid #ccc; text-decoration:none; padding:12px 15px 10px; position:relative;
  -webkit-box-sizing:border-box; box-sizing:border-box;
  background:#eee; background: -webkit-linear-gradient(top, #ffffff, #f8f8f8); background: linear-gradient(to bottom, #ffffff, #f8f8f8);
}
#next_prev_post2 a { padding-top:13px; padding-bottom:13px; }
.next_prev_post a:hover { color:#fff; background:#ccc; }
.next_prev_post .next_prev {  }
.next_prev_post .next_post a { text-align:right; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; }
.next_prev_post .next_post .img { float:right; width:70px; height:70px; display:block; margin:0 0 0 15px; }
.next_prev_post .prev_post a { text-align:left; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; margin:0 -1px 0 0; }
.next_prev_post .prev_post .img { float:left; width:70px; height:70px; display:block; margin:0 15px 0 0; }
.next_prev_post .date { font-size:11px; color:#999; display:block; margin:0; }
.next_prev_post a:hover .date { color:#eee; }




/* ----------------------------------------------------------------------
 News
---------------------------------------------------------------------- */
/* news list */
.news_list { margin:0 20px; padding:0; }
.news_list li a { display:block; border-bottom:1px dotted #ddd; padding:15px 0; line-height:160%; }
.news_list li a .date { color:#999; width:85px; float:left; font-size:11px; }
.news_list li a .title { font-size:13px; -webkit-width:calc(100% - 85px); width:calc(100% - 85px); float:left; }

/* recent news */
#recent_news_list { margin:0; clear:both; }
#recent_news_list .headline { border-bottom:1px solid #ddd; font-size:16px; font-weight:bold; margin:0 0 0 0; padding:10px 20px 8px; }
#recent_news_list .archive_link { font-size:12px; background:#f2f2f2; text-decoration:none; display:inline-block; margin:15px 20px; padding:0 20px; height:35px; line-height:35px; }
#recent_news_list .archive_link:hover { background:#222; color:#fff; }

/* archive news */
#archive_news_list { margin:5px 0 0; padding:0; }
.post-type-archive-news .page_navi { padding-top:20px; }




/* ----------------------------------------------------------------------
 Author profile
---------------------------------------------------------------------- */
.author_profile { clear:both; border:1px solid #ccc; margin:0 20px 30px; padding:20px; box-shadow:0 3px 0 0 #f2f2f2; }
.author_profile .author_avatar { float:left; margin:0 20px 0 0; }
.author_profile .author_avatar img { width:70px; height:70px; }
.author_profile .author_avatar.shape_type2 img { -webkit-border-radius:4px; border-radius:4px; }
.author_profile .author_avatar.shape_type3 img { -webkit-border-radius:100%; border-radius:100%; }
.author_profile .author_info { float:left; width:-webkit-calc(100% - 90px); width:calc(100% - 90px); }
.author_profile .author_info p { margin:0 0 1em 0; line-height:2; }
.author_profile .author_name { margin:0 0 1em 0; font-size:140%; }
.author_profile .author_desc .author_link span { background:#e2e2e2; padding:0 15px; font-size:11px; display:inline-block; height:20px; line-height:20px; margin:0 10px 0 0; }
.author_social_link { margin:20px 0 0 0; }
.author_social_link li { margin:0 5px 0 0; float:left; }
.author_social_link li a { text-decoration:none; display:block; width:38px; height:38px; border:1px solid #ccc; background:#ccc; position:relative; text-align:center; }
.author_social_link.color_type2 li a { background:#fff; }
.author_social_link.color_type4 li a { background:#fff; border:1px solid #fff; }
.author_social_link.shape_type2 li a { -webkit-border-radius:3px; border-radius:3px; }
.author_social_link.shape_type3 li a { -webkit-border-radius:100%; border-radius:100%; }
.author_social_link li a span { text-indent:150%; white-space:nowrap; overflow:hidden; display:block; }
.author_social_link li a:after { font-family:'mono-lab'; color:#fff; font-size:16px; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; text-align:center; width:38px; height:38px; line-height:40px; }
.author_social_link.color_type2 li a:after { color:#666; }
.author_social_link.color_type4 li a:after { color:#666; }
.author_social_link li a:hover:after { color:#fff !important; }
.author_social_link li.author_twitter_button a:after { content:"\e604"; }
.author_social_link li.author_facebook_button a:after { content:"\e601"; }
.author_social_link li.author_insta_button a:after { content:"\e902"; top:1px; }
.author_social_link li.author_linkedin_button a:after { content:"\eac9"; }
.author_social_link li.author_google_button a:after { content:"\e602"; top:1px; }
.author_social_link li.author_tumblr_button a:after { content:"\e61c"; }
.author_social_link li.author_flickr_button a:after { content:"\e61f"; }
.author_social_link li.author_picassa_button a:after { content:"\e61d"; }
.author_social_link li.author_pinterest_button a:after { content:"\e60f"; top:2px; }
.author_social_link li.author_rss_button a:after { content:"\e603"; }
.author_social_link li.author_mail_button a:after { content:"\e159"; font-size:19px; }
.author_social_link li.author_feedly_button a:after { content:"\e635"; font-size:20px; }
.author_social_link li.author_twitter_button a:hover { background-color:#16b9dc; border-color:#16b9dc; }
.author_social_link li.author_facebook_button a:hover { background-color:#3B5998; border-color:#3B5998; }
.author_social_link li.author_insta_button a:hover { background-color:#5851D8; border-color:#5851D8; }
.author_social_link li.author_linkedin_button a:hover { background-color:#007bb6; border-color:#007bb6; }
.author_social_link li.author_google_button a:hover { background-color:#d33e3e; border-color:#d33e3e; }
.author_social_link li.author_tumblr_button a:hover { background-color:#4c6f92; border-color:#4c6f92; }
.author_social_link li.author_flickr_button a:hover { background-color:#0279d3; border-color:#0279d3; }
.author_social_link li.author_picassa_button a:hover { background-color:#ff7900; border-color:#ff7900; }
.author_social_link li.author_pinterest_button a:hover { background-color:#ff3a3a; border-color:#ff3a3a; }
.author_social_link li.author_rss_button a:hover { background-color:#ffcc00; border-color:#ffcc00; }
.author_social_link li.author_feedly_button a:hover { background-color:#87bd33; border-color:#87bd33; }
.author_social_link.color_type3 li.author_twitter_button a { background-color:#16b9dc; border-color:#16b9dc; }
.author_social_link.color_type3 li.author_facebook_button a { background-color:#3B5998; border-color:#3B5998; }
.author_social_link.color_type3 li.author_insta_button a { background-color:#5851D8; border-color:#5851D8; }
.author_social_link.color_type3 li.author_linkedin_button a { background-color:#007bb6; border-color:#007bb6; }
.author_social_link.color_type3 li.author_google_button a { background-color:#d33e3e; border-color:#d33e3e; }
.author_social_link.color_type3 li.author_tumblr_button a { background-color:#4c6f92; border-color:#4c6f92; }
.author_social_link.color_type3 li.author_flickr_button a { background-color:#0279d3; border-color:#0279d3; }
.author_social_link.color_type3 li.author_picassa_button a { background-color:#ff7900; border-color:#ff7900; }
.author_social_link.color_type3 li.author_pinterest_button a { background-color:#ff3a3a; border-color:#ff3a3a; }
.author_social_link.color_type3 li.author_rss_button a { background-color:#ffcc00; border-color:#ffcc00; }
.author_social_link.color_type3 li.author_feedly_button a { background-color:#87bd33; border-color:#87bd33; }
.author_social_link.color_type3 li a:hover { background-color:#fff !important; }
.author_social_link.color_type3 li.author_twitter_button a:hover:after { color:#16b9dc !important; }
.author_social_link.color_type3 li.author_facebook_button a:hover:after { color:#3B5998 !important; }
.author_social_link.color_type3 li.author_insta_button a:hover:after { color:#5851D8 !important; }
.author_social_link.color_type3 li.author_linkedin_button a:hover:after { color:#007bb6 !important; }
.author_social_link.color_type3 li.author_google_button a:hover:after { color:#d33e3e !important; }
.author_social_link.color_type3 li.author_tumblr_button a:hover:after { color:#4c6f92 !important; }
.author_social_link.color_type3 li.author_flickr_button a:hover:after { color:#0279d3 !important; }
.author_social_link.color_type3 li.author_picassa_button a:hover:after { color:#ff7900 !important; }
.author_social_link.color_type3 li.author_pinterest_button a:hover:after { color:#ff3a3a !important; }
.author_social_link.color_type3 li.author_rss_button a:hover:after { color:#ffcc00 !important; }
.author_social_link.color_type3 li.author_feedly_button a:hover:after { color:#87bd33 !important; }


/* author profile for archive */
#author_profile_archive { border:none; border-bottom:1px solid #ccc; margin:0; padding:20px; box-shadow:none; }




/* ----------------------------------------------------------------------
 Side content
---------------------------------------------------------------------- */
.side_widget { margin:0; font-size:12px; padding:0 20px 20px; border-bottom:1px solid #ddd; color:#666; }
.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:#333; }
.side_widget img { height:auto; max-width:100%; width:auto; }
.side_widget p { line-height:2; margin:0; }
.side_headline { color:#333; background:#fafafa; margin:0 -20px 20px; padding:10px 20px; font-size:13px; line-height:160%; font-weight:bold; }


/* Introduction widget social link area */
.introduction_widget .image { margin:0 0 15px 0; }
.introduction_widget .image img { display:block; margin:0 auto; max-width:100%; height:auto; }
.introduction_widget .desc p { margin:0 0 1em 0; }
.iw_social_link { margin:16px -10px 0 0; padding:0; }
.iw_social_link li { margin:0 5px 5px 0; padding:0; line-height:100%; }
.iw_social_link li a { width:37px; height:37px; }
.iw_social_link li a:after { width:37px; height:37px; line-height:39px; }
.iw_search_area { margin-top:15px; }


/* 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; -webkit-border-radius:2px; border-radius:2px; width:100%; height:35px; position:relative; }
.iw_search_area .search_input input, .widget_search #search-box, .widget_search #s
  { font-size:12px; color:#6d7478; width:-webkit-calc(100% - 65px); width:calc(100% - 65px); height:35px; 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:#fff url(img/search.png) no-repeat center 11px; -webkit-background-size:15px; background-size:15px; height:35px; line-height:35px; width:45px; -webkit-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0; text-indent:250%; white-space:nowrap; overflow:hidden; display:block; border-left:1px solid #ccc; }
.iw_search_area .search_button input:hover, .widget_search #search-btn input:hover, .widget_search #searchsubmit:hover
  { cursor:pointer; background:#aaa url(img/search_on.png) no-repeat center 11px; -webkit-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; -webkit-border-radius:2px; border-radius:2px; padding:0 30% 0 5%; }


/* Post list widget common */
.widget_post_list .info .date { margin:2px 0 5px 0; line-height:100%; font-size:11px; color:#aaa; }
.widget_post_list .info .title { font-size:13px; line-height:180%; margin:0; padding:0 0 5px 0; display:block; word-wrap: break-word; }
.widget_post_list .image_area { position:relative; }
.widget_post_list .image { display:block; position:relative; overflow:hidden; }
.widget_post_list .image .img { width:100%; height:100%; }


/* Post list widget small ver */
.widget_post_list { list-style-type:none; margin:0; padding:0px; }
.widget_post_list.small li { background:none; padding:0 0 10px 0; border-bottom:1px dotted #ccc; margin:0 0 10px 0; }
.widget_post_list.small li:last-child { border:none; margin:0; padding:0; }
.widget_post_list.small .image { float:left; width:65px; height:65px; margin:0 15px 0 0; }
.widget_post_list.small .image:after {
  content:''; background:rgba(0,0,0,0); color:rgba(255,255,255,0); width:100%; height:100%; display:block; top:0px; left:0px; position:absolute;
  -webkit-transition:all 0.4s ease; transition:all 0.4s ease;
}
.widget_post_list.small .image:hover:after { color:#fff; background:rgba(0,0,0,0.4); }
.widget_post_list.small .image:hover:before {
  font-family:'mono-lab'; content:"\e612"; position:absolute; text-align:center; width:100%; font-size:20px; color:#fff; z-index:10;
  top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top:2px;
  -webkit-transition:all 0.4s ease; transition:all 0.4s ease;
}
.widget_post_list.small .image:hover:after { color:#fff; }
.pc .two_column .widget_post_list.small .image { width:100px; height:100px; }


/* Post list widget large ver */
.widget_post_list.large li { background:none; padding:0; margin:0 0 20px 0; }
.widget_post_list.large li:last-child { margin:0; }
.widget_post_list.large .image { margin:0 0 10px 0; width:100%; height:130px; }
.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; transition: all 0.2s ease-in-out; }
.widget_post_list.large .image:hover:after { box-shadow:inset 0 0 0 8px rgba(255,255,255, 0.3); }


/* Post list widget footer, two column ver */
.pc #footer .widget_post_list li { background:none; padding:0 0 11px 0; border-bottom:1px dotted #aaa; margin:0 0 11px 0; }
.pc #footer .widget_post_list li:last-child { border:none; margin:0; padding:0; }
.pc #footer .widget_post_list.large .image { width:100px; height:62px; position:relative; display:block; text-decoration:none; float:left; margin:0 15px 0 0; }
.pc #footer .widget_post_list.small .image { width:68px; height:68px; }


/* Popular Post Ranking */
.widget_post_list .num {
  margin:0; padding:0 6px 0 10px; display:inline-block; line-height:25px; height:25px; background:rgba(9,191,213,0.7); z-index:2;
  position:absolute; top:0px; left:0px; color:#fff; font-size:11px; text-decoration:none;
 }
.widget_post_list .num:after {
  content:''; position:absolute; right:-20px; top:0px; width:0; height:0;
  border-color:inherit; border-bottom-color:transparent; border-style:solid; border-width:0px 0px 26px 20px;
}
.widget_post_list.small .num { line-height:15px; height:15px; background:rgba(9,191,213,0.7); }
.widget_post_list.small .num:after { right:-10px; border-color:inherit; border-bottom-color:transparent; border-style:solid; border-width:0px 0px 16px 10px; }
.widget_post_list.small .image_area:hover .num { display:none; }
.pc #footer .widget_post_list.small .image { width:68px; height:68px; }


/* thumbnail list */
.thumbnail_list { margin-right:-3px !important; position:relative; }
.thumbnail_list li {
  margin:0 3px 3px 0 !important; padding:0 !important; float:left; position:relative; height:100%;
  width:-webkit-calc(100% / 3 - 3px); width:calc(100% / 3 - 3px);
}
.pc #footer .thumbnail_list li, .pc .two_column .thumbnail_list li { width:-webkit-calc(25% - 3px); width:calc(25% - 3px); }
.thumbnail_list li:before { content:""; display: block; padding-top:100%; }
.thumbnail_list li .image { display:block; overflow:hidden; width:100%; height:100%; top:0; bottom:0; left:0; right:0; position:absolute; }
.thumbnail_list a .img { display:block; width:100%; height:100%; }
.thumbnail_list a:hover { color:#aaa; }
.thumbnail_list a:after {
  content:''; background:rgba(0,0,0,0); color:rgba(255,255,255,0); width:100%; height:100%; display:block; top:0px; left:0px; position:absolute;
  -webkit-transition:all 0.4s ease; transition:all 0.4s ease;
}
.thumbnail_list a:hover:after { color:#fff; background:rgba(0,0,0,0.4); }
.thumbnail_list a:hover:before {
  font-family:'mono-lab'; content:"\e612"; position:absolute; text-align:center; width:100%; font-size:20px; color:#fff; z-index:10;
  top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top:2px;
  -webkit-transition:all 0.4s ease; transition:all 0.4s ease;
}


/* 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:1px; line-height:250%; text-align:center; }
#wp-calendar td a { display:block; margin:0; padding:0; text-decoration:none; -webkit-border-radius:2px; border-radius:2px; background:#eee; 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:200%; }
#wp-calendar #prev a, #wp-calendar #next a { border:none; text-decoration:none; background:none; -webkit-transition-property:none; transition-property:none; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover { color:#fff; background:#aaa; -webkit-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 tfoot td { border:none; padding:0; line-height:200%; }


/* archive category dropdown widget */
.widget_archive label, .widget_categories label { display:none; }
.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; 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; }


/* category menu */
.ml_category_list_widget { margin:0; padding-bottom:0px; overflow:hidden; }
.ml_category_list_widget .side_headline { margin-bottom:0; }
.ml_category_list_widget ul { margin:0 -20px; padding:0; }
.ml_category_list_widget ul:first-of-type { margin-bottom:-1px; }
.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; border-bottom:1px dotted #ddd; }
.ml_category_list_widget li a { padding:15px 20px; position:relative; }
.ml_category_list_widget li li a { padding-left:20px; }
.ml_category_list_widget li li li a { padding-left:30px; }
.ml_category_list_widget li a:hover { color:#fff; }
.ml_category_list_widget li .count {
  display:block; height:25px; line-height:25px; min-width:15px; text-align:center;
  position:absolute; right:5px; top:2px; bottom:0;
  color:#333; background:#f4f4f4; margin:auto; padding:0 10px;
}
.ml_category_list_widget li a:hover .count { background:rgba(0,0,0,0.1); color:#fff; }
#footer .ml_category_list_widget > ul { border:1px solid #ddd; }
#footer .ml_category_list_widget ul { margin:0; }
#footer .ml_category_list_widget li { margin:0; }
#footer .ml_category_list_widget li a:hover { color:#fff; }


/* custom  nav menu */
.widget_nav_menu { margin:0; padding-bottom:0px; }
.widget_nav_menu .side_headline { margin-bottom:0; }
.widget_nav_menu ul { margin:0 -20px; padding:0; }
.widget_nav_menu ul ul { margin:0; padding:0; }
.widget_nav_menu li { margin:0; font-size:11px; }
.widget_nav_menu li a { display:block; text-decoration:none; border-bottom:1px dotted #ddd; }
.widget_nav_menu ul:first-child > li:last-child > a { border:none; }
.widget_nav_menu li a { padding:14px 20px; position:relative; }
.widget_nav_menu li li a { padding-left:20px; }
.widget_nav_menu li li li a { padding-left:30px; }
.widget_nav_menu li a:hover { color:#fff; }


/* 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:#333; padding:3px 10px; display:inline-block; text-decoration:none; background:#f5f5f5; -webkit-border-radius:1px; border-radius:1px; border:1px solid #eaeaea; }
.ml_tag_cloud_widget li a:hover { color:#fff !important; }


/* Adsense */
.ml_ad_widget .no_title { padding-top:20px; }
.ml_ad_widget img { display:block; margin:0 auto; max-width:100%; height:auto; }
.ml_ad_widget .wide { margin:-20px; }
#footer .ml_ad_widget .no_title { padding-top:0px; }


/* News widget */
.news_list_widget { padding-bottom:0px; }
.news_list_widget .side_headline { margin-bottom:0; }
.news_list_widget ol { overflow:hidden; margin:0 -20px; }
.news_list_widget li { border-bottom:1px dotted #ccc; padding:10px 20px 10px; margin:0; }
.news_list_widget li:last-child { margin:0 0 -1px 0; }
.news_list_widget li .date { font-size:11px; color:#aaa; }
.news_list_widget li .title { font-size:12px; display:block; line-height:180%; }
.news_list_widget .archive_link { border-top:1px dotted #ccc; margin:0 -20px; padding:15px 20px; height:15px; }
.news_list_widget .archive_link a { display:inline-block; font-size:11px; height:15px; line-height:15px; text-decoration:none; position:relative; padding:0 0 0 8px; float:right; }
.news_list_widget .archive_link a:before {
  position:absolute; content:""; left:0px; top:4px;
  width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 3px; border-color: transparent transparent transparent #888;
}
.news_list_widget .archive_link a:hover { }
#footer .news_list_widget .footer_headline { margin:0; }
#footer .news_list_widget ol { margin:0; }
#footer .news_list_widget li { padding:10px 0 10px; margin:0; }
#footer .news_list_widget li:last-of-type { border:none; }
#footer .news_list_widget .archive_link { margin:0; padding:15px 0; }


/* Author_list */
.ml_author_list_widget ul.no_avatar { margin:-20px -20px 20px; }
.ml_author_list_widget ul.no_avatar li { margin:0; }
.ml_author_list_widget ul.no_avatar li a { display:block; border-bottom:1px dotted #ddd; padding:12px 20px; text-decoration:none; }
.ml_author_list_widget ul.no_avatar li a:hover { background:#222; color:#fff; }

.pc .ml_author_list_widget ul.has_avatar { margin:0 -2px 20px 0; position:relative; }
.pc .ml_author_list_widget ul.has_avatar li {
  float:left; margin:0 2px 2px 0; padding:0; width:25%;
  width:-webkit-calc(25% - 2px); width:calc(25% - 2px);
}
.pc .ml_author_list_widget ul.has_avatar li img { display:block; width:100%; height:auto; margin:0 !important; }
.ml_author_list_widget ul.has_avatar.shape_type2 li img { -webkit-border-radius:3px; border-radius:3px; }
.ml_author_list_widget ul.has_avatar.shape_type3 li img { -webkit-border-radius:100%; border-radius:100%; }
.pc .ml_author_list_widget ul.has_avatar li a { position:relative; border:none; padding:0; display:block; }
.pc .ml_author_list_widget ul.has_avatar li span.name { display:none; }
.pc .ml_author_list_widget ul.has_avatar li span.name {
  height:25px; line-height:25px; padding:0 15px; font-size:12px; text-align:center; white-space:nowrap;
  color:#fff; background:#222; box-shadow:2px 2px 2px 0 rgba(0,0,0,0.3); -webkit-border-radius:2px; border-radius:2px;
  position:absolute; top:-35px; left:50%; margin:auto; z-index:9999;
  -webkit-transform: translateX(-50%); transform: translateX(-50%);
}
.pc .ml_author_list_widget ul.has_avatar li span.name:before {
  content:""; width:0; height:0; position:absolute; bottom:-10px; left:50%; z-index:200;
  left:-webkit-calc(50% - 5px); left:calc(50% - 5px);
  border-width:5px; border-style:solid; border-color:#222 transparent transparent transparent;
}
.pc .ml_author_list_widget ul.has_avatar li a:hover span.name { display:block; }

.ml_author_list_widget .link {
  display:block; font-size:11px; text-decoration:none; padding:0 22px 0 15px; height:35px; line-height:35px; background:#fff;
  border:1px solid #ddd; text-align:center; -webkit-border-radius:2px; border-radius:2px;
}
.ml_author_list_widget .link:hover { color:#fff; }




/* ----------------------------------------------------------------------
 Footer
---------------------------------------------------------------------- */
#footer { width:100%; min-width:1230px; background:#fff; padding:70px 0 0; }
#footer_widget_area { width:100%; min-width:1230px; }
#footer_widget_area_inner {
  width:1230px; margin:0 auto 10px;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
  -ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between;
}


/* footer widget */
.footer_widget {
  width:336px; margin:0 55px 20px 0; border-right:1px dotted #ccc; padding:0 55px 0 0; font-size:13px; color:#666;
}
.pc .footer_widget:nth-child(3n) { margin-right:0; padding-right:0; border:none; width:336px; }
.footer_headline { font-size:14px; border:none; margin:0 0 15px 0; padding:0; border-bottom:1px dotted #aaa; font-weight:bold; }
.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; }


/* footer bottom contents */
#footer_bottom { width:100%; min-width:1230px; background:#fff; border-top:1px solid #ddd; }
#footer_bottom_inner { width:1230px; margin:0 auto; position:relative; font-size:11px; padding:40px 0; }
#footer_bottom.no_footer_widget { padding-top:50px; }


/* footer menu */
#footer_menu { text-align:center; margin:0 0 35px 0; }
#footer_menu li { display:inline; }
#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; }


/* logo */
#footer_logo_text { margin:0 0 20px 0; }
#footer_logo_text .logo { margin:0; padding:0; line-height:100%; font-weight:normal; }
#footer_logo_text .logo a { display:block; text-decoration:none; text-align:center; }
#footer_logo_text .site_desc, #footer_logo_image .site_desc { margin:10px 0 0 0; font-weight:normal; line-height:100%; color:#888; font-size:10px; line-height:100%; text-align:center; }
#footer_logo_image { text-align:center; margin:0 0 20px 0; }
#footer_logo_image .logo a { display:block; text-decoration:none; }
#footer_logo_image.has_mobile_image .mobile_image { display:none; }


/* social link button */
.footer_social_link { text-align:center; font-size:0; margin:0; padding:10px 0 20px 0; }
.footer_social_link li { float:none; display:inline-block; margin:0 3px 5px; }


/* copyright */
#copyright { line-height:100%; padding:0; margin:0; text-align:center; }
.theme_author a { margin:0 0 0 12px; padding:0 0 0 10px; border-left:1px solid #ccc; }


/* return top */
#return_top {
  position:fixed; right:10px; bottom:10px; z-index:10;
  -webkit-transform: translate3d(0,65px,0); transform: translate3d(0,65px,0);
  -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;
}
#return_top.active { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
#return_top a {
  position:relative; display:block; height:55px; width:55px;
  text-decoration:none; background:rgba(0,0,0,0.2); box-shadow:0 0 3px 0 rgba(0,0,0,0.2);
}
#return_top span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
#return_top a:hover { box-shadow:0 0 3px 0 rgba(0,0,0,0.5); }
#return_top a:before {
  font-family:'mono-lab'; color:#fff; font-size:12px; display:block; position:absolute;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#return_top a:before { content:'\e63e'; top:24px; left:22px; }




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


/* comment switch button */
#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 0 2px 0; line-height:1; }
#comment_header #comment_tab li a { font-weight:bold; display:block; text-decoration:none; padding:10px 30px 12px; border-bottom:3px solid #eee; color:#ccc; }
#comment_header #comment_tab li a:hover { border-color:#999; color:#999; }
#comment_header #comment_tab li.active a { color:#666; }


/* comment area */
.tab_contents { margin:0; }
.commentlist, .pinglist { margin:0; padding:0; list-style-type:none; }
.commentlist li, .pinglist li { margin:0 0 15px 0; padding:0 0 15px 0; clear:both; border-bottom:1px dotted #ccc; }
.commentlist li:last-child, .pinglist li:last-child { border:none; padding:0; }
.commentlist li li:last-child { border:none; margin:0; padding:0; }
.commentlist .children { display:none; clear:both; margin:15px 0 0 65px; padding:15px 0 0 0; border-top:1px dotted #ccc; }
.commentlist .children.open { display:block; border-top:none; }
.pinglist li:last-child { margin-bottom:40px; }


/* open child comment button */
.commentlist .child_menu_button {
  text-align:center; padding:0 15px; margin:15px 0 0 65px; cursor:pointer; height:40px; line-height:40px; display:block; position:relative; font-size:13px; font-weight:normal;
  -webkit-border-radius:20px; border-radius:20px;
  background:#f2f2f2;
  -webkit-transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.commentlist .child_menu_button:hover { color:#fff; }
.commentlist .child_menu_button.active { color:#fff; }
.commentlist .child_menu_button.active:after {
  content:''; position:absolute; bottom:-10px; left:0; right:0; margin:auto;
  width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #f2f2f2 transparent transparent transparent;
}


/* trackback */
.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; }


/* avatar */
.commentlist .avatar { float:left; margin:0; }
.commentlist .shape_type2 .avatar { -webkit-border-radius:3px; border-radius:3px; }
.commentlist .shape_type3 .avatar { -webkit-border-radius:100%; border-radius:100%; }


/* comment content */
.bypostauthor { }
.commentlist .main_comment { margin:0; position:relative; }
#has_avatar .main_comment { margin:0 0 0 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 li { border:none; margin:0; padding:0; }
#article .comment-content img, #article .comment-content iframe { height:auto; width:auto; max-width:100%; }


/* comment reply and vote area */
.comment_reply a, .commentlist .comment_vote li span {
  display:block; text-decoration:none; font-size:12px; border:1px solid #ccc; height:25px; line-height:28px; padding:0 30px;
  -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: linear-gradient(to bottom, #ffffff, #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_reply a { float:left; }
.comment-open .comment_reply a:hover { color:#333; }
.commentlist .comment_vote { float:right; margin:0; padding:0; }
.commentlist .comment_vote li { clear:none; float:left; border:none; margin:0; padding:0; cursor:pointer; }
.commentlist .comment_vote li span { padding-left:30px; padding-right:10px; font-size:12px; font-weight:bold; }
.commentlist .comment_vote li.good span { color:#06ace2; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; border-right:none; }
.commentlist .comment_vote li.bad span { color:#f06161; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; }
.commentlist .comment_vote li span { position:relative; }
.commentlist .comment_vote li span:before { content:"\e8dc"; color:#bbb; font-family:'mono-lab'; font-size:14px; position:absolute; top:0px; left:7px; }
.commentlist .comment_vote li.bad span:before { content:"\e8db"; top:0px; }
.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; }
.commentlist .comment_vote li.done span:before { color:#888; }


/* comment vote message */
.bad_comment_message { padding:0 0 20px 0; position:relative; }
.bad_comment_message:before { color:#cdcb03; content:"\e620"; font-family:'mono-lab'; 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;
  -webkit-border-radius:20px; border-radius:20px;
  background:#f6f6f6; background: -webkit-linear-gradient(top, #ffffff, #f8f8f8); background: linear-gradient(to bottom, #ffffff, #f8f8f8);
}
.bad_comment_message .open:hover { color:#333; border-color:#aaa; background:linear-gradient(to bottom, #fff, #e9e9e9); }


/* 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 { border-top:1px dotted #ccc; padding:15px 0 0 0; margin-bottom:25px; font-size:12px; }
#comment_pager .page-numbers {
  text-decoration:none; color:#333; font-size:11px; padding:13px 15px; line-height:100%; margin:0 -5px 0 0; background:#f2f2f2; display:inline-block;
  border:1px solid #ccc;
  background:#f6f6f6; background: -webkit-linear-gradient(top, #ffffff, #f8f8f8); background: linear-gradient(to bottom, #ffffff, #f8f8f8);
}
#comment_pager .page-numbers.current,#comment_pager .page-numbers.current:hover { background:#e2e2e2; box-shadow:0 1px 3px 0 rgba(0,0,0,0.1) inset; border-color:#bbb; z-index:2; position:relative; color:#333 !important; }
#comment_pager a.page-numbers:hover { background:#fff; border-color:#aaa; z-index:3; position:relative; color:#fff; }
#comment_pager .page-numbers:first-child { -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; }
#comment_pager .page-numbers:last-child { -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; }


/* 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; -webkit-border-radius:4px; border-radius:4px; box-shadow:0 3px 0 0 #f2f2f2; }


/* 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; -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:10px; border:1px solid #ccc; width:100%; background:#fafafa; color:#333; box-shadow:1px 1px 2px 0 rgba(0,0,0,0.1) inset; }
#guest_info input:focus { background:#fff; }
#guest_info label { display:block; margin:0 0 5px 0; padding: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; padding:10px; width:100%; height:150px; border:1px solid #ccc; background:#fafafa; color:#333; font-size:11px; overflow:auto; box-shadow:1px 1px 2px 0 rgba(0,0,0,0.1) inset; }
#comment_textarea textarea:focus { background:#fff; }


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

#input_hidden_field { display:none; }


/* jetpack comment */
#respond.comment-respond #reply-title { padding:12px 20px; border:1px solid #ccc; margin:0 0 10px 0; font-size:14px; background:#fafafa; -webkit-border-radius:3px; border-radius:3px; }
#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; -webkit-border-radius:20px; border-radius:20px;
  background:#eee; background: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background: linear-gradient(to bottom, #ffffff, #f2f2f2);
}
#respond.comment-respond  #reply-title #cancel-comment-reply-link:hover { border-color:#888; }
#respond.comment-respond #commentform { border:1px solid #ccc; padding:0 20px 20px; box-shadow:0 3px 0 0 #f2f2f2; -webkit-border-radius:5px; border-radius:5px; }
#respond.comment-respond .logged-in-as, #respond.comment-respond .comment-notes
  { border-bottom:1px solid #ccc; margin:0 -20px 20px; padding:12px 20px; font-size:11px; background:#fafafa; line-height:160%; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; }
#respond.comment-respond .logged-in-as a { }
#respond.comment-respond .comment-form-comment label, #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:15px 0 10px 0; font-size:12px; }
#respond.comment-respond .comment-form-comment textarea, #respond.comment-respond .comment-form-author input,
  #respond.comment-respond .comment-form-email input, #respond.comment-respond .comment-form-url input
    { width:100%; margin:0; padding:10px; border:1px solid #ccc; background:#fafafa; color:#333; font-size:12px; overflow:auto; box-shadow:1px 1px 2px 0 rgba(0,0,0,0.1) inset; }
#respond.comment-respond .comment-form-comment textarea:focus, #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; }
#respond.comment-respond .comment-form-comment textarea { height:200px; }
#respond.comment-respond #submit { clear:both; background:#bbb; border:none; cursor:pointer; color:#fff; font-size:13px; width:200px; height:45px; margin:20px auto 0; display:block; -webkit-border-radius:45px; border-radius:45px; }
#respond.comment-respond #submit:hover { color:#fff; background:#666; }




/* ----------------------------------------------------------------------
 Share button
---------------------------------------------------------------------- */
.single_sns_button { margin:0 20px 20px; list-style:none; line-height:1; }
.single_sns_button h3 { margin:0 0 10px 0; font-size:14px; border-left:4px solid #ccc; padding:0 0 0 8px; line-height:160%; }
.single_sns_button ul { padding:0; margin:0 -5px 0 0; position:relative; }
.single_sns_button li { padding:0; float:left; margin:0 5px 15px 0; width:calc(10% - 5px); }
.single_sns_button li a { display:block; color:#333; text-decoration:none; }
.single_sns_button.fit_width ul { display:table; table-layout:fixed; text-align:center; width:-webkit-calc(100% + 5px); width:calc(100% + 5px); }
.single_sns_button.fit_width li { width:auto; float:none; display:table-cell; vertical-align:top; padding:0 5px 0 0; }


/* social count */
.single_sns_button a.social_count {
  text-align:center; font-family: Arial; font-size:11px; margin:0 0 7px 0;
  position:relative; background:#fff; border:1px solid #ccc; text-align:center; height:33px; line-height:33px;
  -webkit-border-radius:3px; border-radius:3px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.single_sns_button a.social_count:after, .single_sns_button a.social_count:before {
  content:''; display:block; width: 0; height: 0; position:absolute;
  border-style: solid; border-width: 5px 5px 0 5px; border-color: #007bff transparent transparent transparent;
}
.single_sns_button a.social_count:after { border-color: #fff transparent transparent transparent; bottom:-4px; left:0; right:0; margin:auto; }
.single_sns_button a.social_count:before { border-color: #bbb transparent transparent transparent; bottom:-5px; left:0; right:0; margin:auto; }
.single_sns_button a.social_count:hover { border-color:#aaa; box-shadow:0 0 3px 0 rgba(0,0,0,0.2); z-index:2; }
.single_sns_button a.social_count:hover:before { border-color: #999 transparent transparent transparent; }


/* loading icon */
.single_sns_button .loading_icon f { background:url(img/loader.gif) no-repeat center; width:16px; height:16px; display:block; margin:auto; top:0; bottom:0; left:0; right:0; position:absolute; }


/* button */
.single_sns_button a.button {
  background:#ccc; height:25px; line-height:25px; position:relative; text-align:center;
  -webkit-border-radius:2px; border-radius:2px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.single_sns_button a.button .icon { text-indent:150%; white-space:nowrap; overflow:hidden; display:block; }
.single_sns_button a.button:after { font-family:'mono-lab'; color:#fff; font-size:13px; margin:auto; display:inline-block; top:0px; bottom:0; left:0; right:0; position:absolute; }


/* button icon */
.single_sns_button li.single_twitter_button a.button:after { content:"\e604"; }
.single_sns_button li.single_facebook_button a.button:after { content:"\e601"; }
.single_sns_button li.single_linkedin_button a.button:after { content:"\eac9"; top:-1px; }
.single_sns_button li.single_hatena_button a.button:after { content:"\e62d"; font-size:26px; left:5px; }
.single_sns_button li.single_google_button a.button:after { content:"\e602"; }
.single_sns_button li.single_pinterest_button a.button:after { content:"\e60f"; }
.single_sns_button li.single_pocket_button a.button:after { content:"\e625"; }
.single_sns_button li.single_feedly_button a.button:after { content:"\e635"; font-size:15px; }
.single_sns_button li.single_evernote_button a.button:after { content:"\e901"; font-size:15px; }
.single_sns_button li.single_tumblr_button a.button:after { content:"\e61c"; top:-1px; }
.single_sns_button li.single_line_button a.button:after { content:"\e634"; font-size:16px; }


/* share button style for top area */
#single_sns_button_top { margin:0; }


/* design type1 */
.single_sns_button.type1 li a.button {
  border:1px solid #ccc;
  -webkit-box-sizing:border-box; box-sizing:border-box;
  background:#f2f2f2; background: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background: linear-gradient(to bottom, #ffffff, #f2f2f2);
}
.single_sns_button.type1.corner_type1 a.button { -webkit-border-radius:0px; border-radius:0px; }
.single_sns_button.type1.corner_type1 a.social_count { -webkit-border-radius:0px; border-radius:0px; }
.single_sns_button.type1 li.single_twitter_button a.button:after { color:#00aced; }
.single_sns_button.type1 li.single_twitter_button a.button:hover { border-color:#00aced; }
.single_sns_button.type1 li.single_facebook_button a.button:after { color:#3b5998; }
.single_sns_button.type1 li.single_facebook_button a.button:hover { border-color:#3b5998; }
.single_sns_button.type1 li.single_linkedin_button a.button:after { color:#007bb6; }
.single_sns_button.type1 li.single_linkedin_button a.button:hover { border-color:#007bb6; }
.single_sns_button.type1 li.single_hatena_button a.button:after{ color:#3c7dd1; }
.single_sns_button.type1 li.single_hatena_button a.button:hover { border-color:#3c7dd1; }
.single_sns_button.type1 li.single_google_button a.button:after { color:#dd4b39; }
.single_sns_button.type1 li.single_google_button a.button:hover { border-color:#dd4b39; }
.single_sns_button.type1 li.single_pinterest_button a.button:after { color:#cb2027; }
.single_sns_button.type1 li.single_pinterest_button a.button:hover { border-color:#cb2027; }
.single_sns_button.type1 li.single_pocket_button a.button:after { color:#ee4257; }
.single_sns_button.type1 li.single_pocket_button a.button:hover { border-color:#ee4257; }
.single_sns_button.type1 li.single_feedly_button a.button:after { color:#87bd33; }
.single_sns_button.type1 li.single_feedly_button a.button:hover { border-color:#5a8518; }
.single_sns_button.type1 li.single_evernote_button a.button:after { color:#79c141; }
.single_sns_button.type1 li.single_evernote_button a.button:hover { border-color:#79c141; }
.single_sns_button.type1 li.single_tumblr_button a.button:after { color:#3a5971; }
.single_sns_button.type1 li.single_tumblr_button a.button:hover { border-color:#3a5971; }
.single_sns_button.type1 li.single_line_button a.button:after { color:#00c300; }
.single_sns_button.type1 li.single_line_button a.button:hover { border-color:#00c300; }


/* design type2 */
.single_sns_button.type2.corner_type1 a.button { -webkit-border-radius:0px; border-radius:0px; }
.single_sns_button.type2.corner_type1 a.social_count { -webkit-border-radius:0px; border-radius:0px; }
.single_sns_button.type2 li.single_twitter_button a.button { background:#00aced; border-color:#00aced; }
.single_sns_button.type2 li.single_twitter_button a.button:hover { background:#45c6f7; }
.single_sns_button.type2 li.single_facebook_button a.button { background:#3b5998; border-color:#3b5998; }
.single_sns_button.type2 li.single_facebook_button a.button:hover { background:#5485eb; }
.single_sns_button.type2 li.single_linkedin_button a.button { background:#007bb6; border-color:#007bb6; }
.single_sns_button.type2 li.single_linkedin_button a.button:hover { background:#29aeee; }
.single_sns_button.type2 li.single_hatena_button a.button { background:#3c7dd1; border-color:#3c7dd1; }
.single_sns_button.type2 li.single_hatena_button a.button:hover { background:#328cff; }
.single_sns_button.type2 li.single_google_button a.button { background:#dd4b39; border-color:#dd4b39; }
.single_sns_button.type2 li.single_google_button a.button:hover { background:#ff5843; }
.single_sns_button.type2 li.single_pinterest_button a.button { background:#cb2027; border-color:#cb2027; }
.single_sns_button.type2 li.single_pinterest_button a.button:hover { background:#f3232c; }
.single_sns_button.type2 li.single_pocket_button a.button { background:#ee4257; border-color:#ee4257; }
.single_sns_button.type2 li.single_pocket_button a.button:hover { background:#f9597f; }
.single_sns_button.type2 li.single_feedly_button a.button { background:#87bd33; border-color:#87bd33; }
.single_sns_button.type2 li.single_feedly_button a.button:hover { background:#90d02d; }
.single_sns_button.type2 li.single_evernote_button a.button { background:#79c141; border-color:#79c141; }
.single_sns_button.type2 li.single_evernote_button a.button:hover { background:#90d02d; }
.single_sns_button.type2 li.single_tumblr_button a.button { background:#3a5971; border-color:#3a5971; }
.single_sns_button.type2 li.single_tumblr_button a.button:hover { background:#3083c3; }
.single_sns_button.type2 li.single_line_button a.button { background:#00c300; border-color:#00c300; }
.single_sns_button.type2 li.single_line_button a.button:hover { background:#00c300; }


/* design type3 */
.single_sns_button.type3 a.button { -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
.single_sns_button.type3 a.social_count { margin:0 0 -1px 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
.single_sns_button.type3 a.social_count:after, .single_sns_button.type3 a.social_count:before { display:none; }
.single_sns_button.type3.corner_type1 a.button { -webkit-border-radius:0px; border-radius:0px; }
.single_sns_button.type3.corner_type1 a.social_count { -webkit-border-radius:0px; border-radius:0px; }
.single_sns_button.type3 li a.button {
  border:1px solid #ccc;
  -webkit-box-sizing:border-box; box-sizing:border-box;
  background:#f2f2f2; background: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background: linear-gradient(to bottom, #ffffff, #f2f2f2);
}
.single_sns_button.type3 li.single_twitter_button a.button:after { color:#00aced; }
.single_sns_button.type3 li.single_twitter_button a.button:hover { border-color:#00aced; }
.single_sns_button.type3 li.single_facebook_button a.button:after { color:#3b5998; }
.single_sns_button.type3 li.single_facebook_button a.button:hover { border-color:#3b5998; }
.single_sns_button.type3 li.single_linkedin_button a.button:after { color:#007bb6; }
.single_sns_button.type3 li.single_linkedin_button a.button:hover { border-color:#007bb6; }
.single_sns_button.type3 li.single_hatena_button a.button:after{ color:#3c7dd1; }
.single_sns_button.type3 li.single_hatena_button a.button:hover { border-color:#3c7dd1; }
.single_sns_button.type3 li.single_google_button a.button:after { color:#dd4b39; }
.single_sns_button.type3 li.single_google_button a.button:hover { border-color:#dd4b39; }
.single_sns_button.type3 li.single_pinterest_button a.button:after { color:#cb2027; }
.single_sns_button.type3 li.single_pinterest_button a.button:hover { border-color:#cb2027; }
.single_sns_button.type3 li.single_pocket_button a.button:after { color:#ee4257; }
.single_sns_button.type3 li.single_pocket_button a.button:hover { border-color:#ee4257; }
.single_sns_button.type3 li.single_feedly_button a.button:after { color:#87bd33; }
.single_sns_button.type3 li.single_feedly_button a.button:hover { border-color:#5a8518; }
.single_sns_button.type3 li.single_evernote_button a.button:after { color:#79c141; }
.single_sns_button.type3 li.single_evernote_button a.button:hover { border-color:#79c141; }
.single_sns_button.type3 li.single_tumblr_button a.button:after { color:#3a5971; }
.single_sns_button.type3 li.single_tumblr_button a.button:hover { border-color:#3a5971; }
.single_sns_button.type3 li.single_line_button a.button:after { color:#00c300; }
.single_sns_button.type3 li.single_line_button a.button:hover { border-color:#00c300; }


/* design type4 */
.single_sns_button.type4 a.button { -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
.single_sns_button.type4 a.social_count { border-bottom:none; margin:0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
.single_sns_button.type4 a.social_count:after, .single_sns_button.type4 a.social_count:before { display:none; }
.single_sns_button.type4.corner_type1 a.button { -webkit-border-radius:0px; border-radius:0px; }
.single_sns_button.type4.corner_type1 a.social_count { -webkit-border-radius:0px; border-radius:0px; }
.single_sns_button.type4 li.single_twitter_button a.button { background:#00aced; border-color:#00aced; }
.single_sns_button.type4 li.single_twitter_button a.button:hover { background:#45c6f7; }
.single_sns_button.type4 li.single_facebook_button a.button { background:#3b5998; border-color:#3b5998; }
.single_sns_button.type4 li.single_facebook_button a.button:hover { background:#5485eb; }
.single_sns_button.type4 li.single_linkedin_button a.button { background:#007bb6; border-color:#007bb6; }
.single_sns_button.type4 li.single_linkedin_button a.button:hover { background:#29aeee; }
.single_sns_button.type4 li.single_hatena_button a.button { background:#3c7dd1; border-color:#3c7dd1; }
.single_sns_button.type4 li.single_hatena_button a.button:hover { background:#328cff; }
.single_sns_button.type4 li.single_google_button a.button { background:#dd4b39; border-color:#dd4b39; }
.single_sns_button.type4 li.single_google_button a.button:hover { background:#ff5843; }
.single_sns_button.type4 li.single_pinterest_button a.button { background:#cb2027; border-color:#cb2027; }
.single_sns_button.type4 li.single_pinterest_button a.button:hover { background:#f3232c; }
.single_sns_button.type4 li.single_pocket_button a.button { background:#ee4257; border-color:#ee4257; }
.single_sns_button.type4 li.single_pocket_button a.button:hover { background:#f9597f; }
.single_sns_button.type4 li.single_feedly_button a.button { background:#87bd33; border-color:#87bd33; }
.single_sns_button.type4 li.single_feedly_button a.button:hover { background:#90d02d; }
.single_sns_button.type4 li.single_evernote_button a.button { background:#79c141; border-color:#79c141; }
.single_sns_button.type4 li.single_evernote_button a.button:hover { background:#90d02d; }
.single_sns_button.type4 li.single_tumblr_button a.button { background:#3a5971; border-color:#3a5971; }
.single_sns_button.type4 li.single_tumblr_button a.button:hover { background:#3083c3; }
.single_sns_button.type4 li.single_line_button a.button { background:#00c300; border-color:#00c300; }
.single_sns_button.type4 li.single_line_button a.button:hover { background:#00c300; }


/* design type5 */
.single_sns_button.type5 a.button { height:28px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
.single_sns_button.type5 a.button:after { top:3px; }
.single_sns_button.type5 a.social_count { color:#fff; position:relative; border:none; height:34px; line-height:36px; margin:0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
.single_sns_button.type5 a.social_count:after { display:none; }
.single_sns_button.type5 a.social_count:before { z-index:2; }
.single_sns_button.type5.corner_type1 a.button { -webkit-border-radius:0px; border-radius:0px; }
.single_sns_button.type5.corner_type1 a.social_count { -webkit-border-radius:0px; border-radius:0px; }
.single_sns_button.type5 a.social_count:hover { box-shadow:0 0 0 0 rgba(0,0,0,0); }
.single_sns_button.type5 li.single_twitter_button a.button { background:#00abd0; }
.single_sns_button.type5 li.single_twitter_button a.social_count { background:#5bc5dc; }
.single_sns_button.type5 li.single_twitter_button a.social_count:before { border-color: #5bc5dc transparent transparent transparent; }
.single_sns_button.type5 li.single_twitter_button a.button:hover { background:#007f9a; }
.single_sns_button.type5 li.single_twitter_button a.social_count:hover { background:#007f9a; }
.single_sns_button.type5 li.single_twitter_button a.social_count:hover:before { border-color: #007f9a transparent transparent transparent; }
.single_sns_button.type5 li.single_facebook_button a.button { background:#3B5998; }
.single_sns_button.type5 li.single_facebook_button a.social_count { background:#6473b3; }
.single_sns_button.type5 li.single_facebook_button a.social_count:before { border-color: #6473b3 transparent transparent transparent; }
.single_sns_button.type5 li.single_facebook_button a.button:hover { background:#2a406e; }
.single_sns_button.type5 li.single_facebook_button a.social_count:hover { background:#2a406e; }
.single_sns_button.type5 li.single_facebook_button a.social_count:hover:before { border-color: #2a406e transparent transparent transparent; }
.single_sns_button.type5 li.single_linkedin_button a.button { background:#0072a8; }
.single_sns_button.type5 li.single_linkedin_button a.social_count { background:#278fc1; }
.single_sns_button.type5 li.single_linkedin_button a.social_count:before { border-color: #278fc1 transparent transparent transparent; }
.single_sns_button.type5 li.single_linkedin_button a.button:hover { background:#005882; }
.single_sns_button.type5 li.single_linkedin_button a.social_count:hover { background:#005882; }
.single_sns_button.type5 li.single_linkedin_button a.social_count:hover:before { border-color: #005882 transparent transparent transparent; }
.single_sns_button.type5 li.single_linkedin_button a.button:after { top:2px; }
.single_sns_button.type5 li.single_hatena_button a.button { background:#006fcc; }
.single_sns_button.type5 li.single_hatena_button a.social_count { background:#3484c7; }
.single_sns_button.type5 li.single_hatena_button a.social_count:before { border-color: #3484c7 transparent transparent transparent; }
.single_sns_button.type5 li.single_hatena_button a.button:hover { background:#0059a4; }
.single_sns_button.type5 li.single_hatena_button a.social_count:hover { background:#0059a4; }
.single_sns_button.type5 li.single_hatena_button a.social_count:hover:before { border-color: #0059a4 transparent transparent transparent; }
.single_sns_button.type5 li.single_google_button a.button { background:#cc3927; }
.single_sns_button.type5 li.single_google_button a.social_count { background:#de4b39; }
.single_sns_button.type5 li.single_google_button a.social_count:before { border-color: #de4b39 transparent transparent transparent; }
.single_sns_button.type5 li.single_google_button a.button:hover { background:#aa2f20; }
.single_sns_button.type5 li.single_google_button a.social_count:hover { background:#aa2f20; }
.single_sns_button.type5 li.single_google_button a.social_count:hover:before { border-color: #aa2f20 transparent transparent transparent; }
.single_sns_button.type5 li.single_pinterest_button a.button { background:#cb2027; }
.single_sns_button.type5 li.single_pinterest_button a.social_count { background:#e23940; }
.single_sns_button.type5 li.single_pinterest_button a.social_count:before { border-color: #e23940 transparent transparent transparent; }
.single_sns_button.type5 li.single_pinterest_button a.button:hover { background:#a81a20; }
.single_sns_button.type5 li.single_pinterest_button a.social_count:hover { background:#a81a20; }
.single_sns_button.type5 li.single_pinterest_button a.social_count:hover:before { border-color: #a81a20 transparent transparent transparent; }
.single_sns_button.type5 li.single_pocket_button a.button { background:#e12940; }
.single_sns_button.type5 li.single_pocket_button a.social_count { background:#f53d54; }
.single_sns_button.type5 li.single_pocket_button a.social_count:before { border-color: #f53d54 transparent transparent transparent; }
.single_sns_button.type5 li.single_pocket_button a.button:hover { background:#c52438; }
.single_sns_button.type5 li.single_pocket_button a.social_count:hover { background:#c52438; }
.single_sns_button.type5 li.single_pocket_button a.social_count:hover:before { border-color: #c52438 transparent transparent transparent; }
.single_sns_button.type5 li.single_feedly_button a.button { background:#87bd33; }
.single_sns_button.type5 li.single_feedly_button a.button:hover { background:#72a02b; }
.single_sns_button.type5 li.single_feedly_button a.social_count { background:#9cd04a; }
.single_sns_button.type5 li.single_feedly_button a.social_count:before { border-color: #9cd04a transparent transparent transparent; }
.single_sns_button.type5 li.single_feedly_button a.button:hover { background:#72a02b; }
.single_sns_button.type5 li.single_feedly_button a.social_count:hover { background:#72a02b; }
.single_sns_button.type5 li.single_feedly_button a.social_count:hover:before { border-color: #72a02b transparent transparent transparent; }
.single_sns_button.type5 li.single_evernote_button a.button { background:#79c141; }
.single_sns_button.type5 li.single_evernote_button a.social_count { background:#7fcf42; }
.single_sns_button.type5 li.single_evernote_button a.social_count:before { border-color: #7fcf42 transparent transparent transparent; }
.single_sns_button.type5 li.single_evernote_button a.button:hover { background:#609a33; }
.single_sns_button.type5 li.single_evernote_button a.social_count:hover { background:#609a33; }
.single_sns_button.type5 li.single_evernote_button a.social_count:hover:before { border-color: #609a33 transparent transparent transparent; }
.single_sns_button.type5 li.single_tumblr_button a.button { background:#3a5971; }
.single_sns_button.type5 li.single_tumblr_button a.social_count { background:#4d6d86; }
.single_sns_button.type5 li.single_tumblr_button a.social_count:before { border-color: #4d6d86 transparent transparent transparent; }
.single_sns_button.type5 li.single_tumblr_button a.button:hover { background:#2a4153; }
.single_sns_button.type5 li.single_tumblr_button a.social_count:hover { background:#2a4153; }
.single_sns_button.type5 li.single_tumblr_button a.social_count:hover:before { border-color: #2a4153 transparent transparent transparent; }
.single_sns_button.type5 li.single_tumblr_button a.button:after { top:2px; }
.single_sns_button.type5 li.single_line_button a.button { background:#00c300; }
.single_sns_button.type5 li.single_line_button a.social_count { background:#61d00c; }
.single_sns_button.type5 li.single_line_button a.social_count:before { border-color: #61d00c transparent transparent transparent; }
.single_sns_button.type5 li.single_line_button a.button:hover { background:#00c300; }
.single_sns_button.type5 li.single_line_button a.social_count:hover { background:#00c300; }
.single_sns_button.type5 li.single_line_button a.social_count:hover:before { border-color: #00c300 transparent transparent transparent; }


/* line button */
.single_sns_button .line_button img { height:27px; width:auto; }




/* ----------------------------------------------------------------------
 Loading screen
---------------------------------------------------------------------- */
#site_loader_overlay {
  background:#fff; z-index: 99999; opacity:1;
  position:fixed; top:0px; left:0px; bottom:0px; right:0px;
}
#site_loader {
  z-index:9999; width:100px; height:100px;
  position: fixed; top:0; bottom:0; left:0; right:0; margin:auto;
}


/* spinner1 */
#spinner1 { width:60px; height:60px; display:block; margin:0 auto; text-align:center; position:relative; overflow:hidden; }
#spinner1:before {
  content:''; display:block; width:40px; height:40px; background:#16BAB4; z-index:100;
  border:7px solid #fff; margin:0 auto; top:10px; left:10px; position:absolute;
  -webkit-border-radius:100%; border-radius:100%;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#spinner1 .circle1 { font-size:10px; background:#16BAB4; width:60px; height:60px; -webkit-border-radius:100%; border-radius:100%; }
#spinner1 .circle2 {
  background:#fff; width:10px; height:60px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; backface-visibility:hidden;
  -webkit-transform: translateZ(0); transform: translateZ(0);
  -webkit-animation: spinner1_animation 1.1s infinite linear; animation: spinner1_animation 1.1s infinite linear;
}
@-webkit-keyframes spinner1_animation {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spinner1_animation {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* spinner2 */
#spinner2 .circle {
  width:70px; height:70px; transform-origin:center center; backface-visibility:hidden;
  -webkit-animation:spinner2_rotate_animation 2s linear infinite; animation:spinner2_rotate_animation 2s linear infinite;
}
#spinner2 .path {
  backface-visibility:hidden;
  stroke-dasharray:1, 100; stroke-dashoffset:0; stroke-linecap:square;
  -webkit-animation: spinner2_dash_animation 1.5s ease-in-out infinite; animation: spinner2_dash_animation 1.5s ease-in-out infinite;
}
@-webkit-keyframes spinner2_rotate_animation {
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spinner2_rotate_animation {
  100% { transform: rotate(360deg); }
}
@keyframes spinner2_dash_animation{
  0% { stroke-dasharray: 1,200; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 89,200; stroke-dashoffset: -35; }
  100% { stroke-dasharray: 89,200; stroke-dashoffset: -124; }
}
@keyframes spinner2_color_animation {
  100%, 0% { stroke: #9c0; }
  50% { stroke: #FF9300; }
}


/* spinner3 */
#spinner3 { margin:auto; width:50px; height:40px; text-align:center; font-size:10px; }
#spinner3 > div {
  height: 100%; width: 6px; display: inline-block; backface-visibility:hidden;
  -webkit-animation: spinner3_animation 1.2s infinite ease-in-out;
  animation: spinner3_animation 1.2s infinite ease-in-out;
}
#spinner3 .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
#spinner3 .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
#spinner3 .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
#spinner3 .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
@-webkit-keyframes spinner3_animation {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}
@keyframes spinner3_animation {
  0%, 40%, 100% { transform: scaleY(0.4); }
  20% { transform: scaleY(1.0); }
}


/* spinner4 */
#spinner4 {
  margin:auto; width:40px; height:40px; position:relative; backface-visibility:hidden;
  -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg);
}
#spinner4 .sk-cube {
  float:left; width:50%; height:50%; position:relative; backface-visibility:hidden;
  -webkit-transform: scale(1.1); transform: scale(1.1);
}
#spinner4 .sk-cube:before {
  content: ''; position: absolute; top:0; left:0; width:100%; height:100%; backface-visibility:hidden;
  -webkit-animation: spinner4_animation 2.4s infinite linear both; animation: spinner4_animation 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%;
}
#spinner4 .sk-cube2 { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg); }
#spinner4 .sk-cube3 { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); }
#spinner4 .sk-cube4 { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg); }
#spinner4 .sk-cube2:before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
#spinner4 .sk-cube3:before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
#spinner4 .sk-cube4:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
@-webkit-keyframes spinner4_animation {
  0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); opacity:0; }
  25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); opacity:1; }
  90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); opacity:0; }
}
@keyframes spinner4_animation {
  0%, 10% { transform: perspective(140px) rotateX(-180deg); opacity:0; }
  25%, 75% { transform: perspective(140px) rotateX(0deg); opacity:1; }
  90%, 100% { transform: perspective(140px) rotateY(180deg); opacity:0; }
}




/* ----------------------------------------------------------------------
 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 { max-width:100%; height:auto; }


/* 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 3px 0 0 #f2f2f2; 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; border-radius:5px;
  -webkit-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:15px auto 10px; }
.post_content .wp-caption img { display:block; margin:0 auto; max-width:100%; height: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(100% / 3 - 4px); max-width:calc(100% / 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(100% / 6 - 4px); max-width:calc(100% / 6 - 4px); }
.gallery-columns-7 .gallery-item { max-width:13%; max-width:-webkit-calc(100% / 7 - 4px);	max-width:calc(100% / 7 - 4px); }
.gallery-columns-8 .gallery-item { max-width:11%; max-width:-webkit-calc(100% / 8 - 4px); max-width:calc(100% / 8 - 4px); }
.gallery-columns-9 .gallery-item { max-width: 9%; max-width:-webkit-calc(100% / 9 - 4px); max-width:calc(100% / 9 - 4px); }
.gallery-columns-10 .gallery-item { max-width: 7%; max-width:-webkit-calc(10% - 4px); max-width:calc(10% - 4px); }
.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; 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; }


/* password protected post */
.post-password-form { text-align:center; }
.post-password-form input[type="password"] { border:1px solid #ccc; padding:5px; height:40px; line-height:40px; margin:0 0 0 10px; }
.post-password-form input[type="password"]:focus { border-color:#333; }
.post-password-form input[type="submit"] { cursor:pointer; background:#ccc; color:#fff; border:1px solid #ccc; height:40px; line-height:40px; padding:0 50px; position:relative; }


/* 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;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.post_content .sticky { }
.post_content .mejs-container { margin: 12px 0 25px; }


/* youtube iframe responsive fix */
.embed-youtube { position:relative; width:100%; padding-top:56.25%; }
.embed-youtube iframe { position:absolute; top:0; right:0; width:100%; height:100%; }