/* ----------------------------------------------------------------------
 layout
---------------------------------------------------------------------- */
body { position:relative; overflow:hidden; width:100%; min-width:inherit; padding:0; }
.mobile .admin-bar { padding-top:45px; }
#wpadminbar { position:fixed; top:0px; left:0px; }
#main_content { width:auto; }
#main_col { width:-webkit-calc(100% - 540px); width:calc(100% - 540px); padding:3px 20px 0; }
#left_col { width:270px; padding:3px 20px 0; }
#right_col { width:270px; padding:3px 20px 0; }
.two_column #main_col { width:-webkit-calc(100% / 3 * 2); width:calc(100% / 3 * 2); order:1; -webkit-order:1; padding:3px 20px 0; }
.two_column #left_col { width:-webkit-calc(100% / 3); width:calc(100% / 3); padding:3px 20px 0; }

@media screen and (max-width:1100px) and (min-width:801px){
  #main_col { width:-webkit-calc(100% - 270px); width:calc(100% - 270px); border-left:none; order:1; -webkit-order:1; }
  #left_col { order:2; -webkit-order:2; }
  #right_col {
    width:100%; border-top:1px solid #ccc; flex:none; order:3; -webkit-order:3; margin:0; padding:0;
    display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; overflow:hidden; 
    -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
    -webkit-box-sizing:border-box; box-sizing:border-box;
  }
  #right_col .side_widget {
    width:-webkit-calc(100% / 3); width:calc(100% / 3); border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:3px 20px 20px;
    -webkit-box-sizing:border-box; box-sizing:border-box;
  }
  #right_col .side_widget:nth-child(3n) { border-right:none; }
}

@media screen and (max-width:800px) {
  #main_col, .two_column #main_col { width:100%; border:none; flex:none; order:1; -webkit-order:1; }
  #left_col, #right_col, .two_column #left_col {
    width:100%; border-top:1px solid #ccc; flex:none; order:3; -webkit-order:3; margin:0 0 -1px 0; padding:0;
    display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; overflow:hidden; 
    -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
    -webkit-box-sizing:border-box; box-sizing:border-box;
  }
  #left_col .side_widget, #right_col .side_widget {
    width:50%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:3px 20px 25px;
    -webkit-box-sizing:border-box; box-sizing:border-box;
  }
  #left_col .side_widget:nth-child(2n), #right_col .side_widget:nth-child(2n) { border-right:none; }
}
@media screen and (max-width:550px) {
  #main_col, .two_column #main_col { padding:3px 15px;}
  #left_col, #right_col, .two_column #left_col { display:block; }
  #left_col .side_widget, #right_col .side_widget { border-right:none; width:auto; padding:3px 15px 25px; }
}

.no_side #main_content { width:auto; padding:0 0 10px; display:block; }
.no_side #main_col { border:none; width:auto; }


/* slide menu */
#mobile_left {
  position:fixed; top:0px; left:-350px; width:350px; height:100%; z-index:9999; overflow:auto;
  -webkit-transition:left 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition:left 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-backface-visibility: hidden; backface-visibility: hidden;
}
#mobile_right {
  position:fixed; top:0px; right:-350px; width:350px; height:100%; z-index:9999; overflow:auto;
  -webkit-transition:right 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition:right 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-backface-visibility: hidden; backface-visibility: hidden;
}
.open_left #mobile_left { left:0; box-shadow:0px 0px 15px 10px rgba(0,0,0,0.2); }
.open_right #mobile_right { right:0; box-shadow:0px 0px 15px 10px rgba(0,0,0,0.2); }

@media screen and (max-width:500px) {
  .open_left #mobile_left { width:100%; box-shadow:none; }
  .open_right #mobile_right { width:100%; box-shadow:none; }
}




/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */
/* header */
#header { height:187px; }
#header_top { width:100%; height:136px; }
#header_bottom { }
#header_bottom_inner { width:100%; }
@media screen and (max-width:1100px) {
  #header { height:177px; }
  #header_top { height:126px; }
}
@media screen and (max-width:600px) {
  #header { height:50px; }
  #header_top { height:50px; }
}


/* logo */
body.has_header_banner #logo_text, body.has_header_banner #logo_image { left:20px; }
#logo_image img { max-width:280px; height:auto; }
@media screen and (max-width:1100px) {
  body.has_header_banner #logo_text, body.has_header_banner #logo_image { position:relative; left:auto; }
  body.has_header_banner #logo_image .mobile_image { margin:auto; }
  body.has_header_banner #logo_text .logo a, body.has_header_banner #logo_image .logo a { text-align:center; }
  body.has_header_banner #logo_text .site_desc, body.has_header_banner #logo_image .site_desc { text-align:center; }
}
@media screen and (max-width:600px) {
  #logo_image .pc_image { display:none; }
  #logo_image.has_mobile_image .mobile_image { display:block; margin:auto; }
  #logo_image img { max-width:50%; }
  #logo_image.no_mobile_image a:before { content:attr(title); margin:0; padding:0; font-weight:normal; }
  #footer_logo_image .pc_image { display:none; }
  #footer_logo_image.has_mobile_image .mobile_image { display:inline-block; }
  #footer_logo_image img { max-width:50%; height:auto; }
  #footer_logo_image.no_mobile_image a:before { content:attr(title); margin:0; padding:0; font-weight:normal; }
  #logo_image img { max-width:inherit; max-height:30px; width:auto; height:auto; }
  #logo_text .site_desc, #logo_image .site_desc { display:none; }
}


/* header_banner and rss feed list */
#header_feed_banner_area { width:auto; right:20px; height:136px; }
#header_feed { height:100px; }
#header_feed .rss_list { height:100px; }
@media screen and (max-width:1100px) {
  body.has_header_banner #header_content_wrap { box-shadow:inset 0px -20px 20px -15px rgba(0,0,0,0.5); }
  body.has_header_banner.no_header_content #header_content_wrap { padding-top:0; }
  #header_feed_banner_area {
    height:auto; margin:auto; position:relative; z-index:30; top:auto; left:auto; right:auto;
    padding:20px 20px 0px; box-shadow:inset 0px 20px 20px -15px rgba(0,0,0,0.5);
  }
  #header_banner { position:relative; top:0; -webkit-transform:none; transform:none; right:auto; text-align:center; }
  #header_banner img { margin:0 auto; max-width:100%; height:auto; }
  #header_feed {
    width:100% !important; height:130px; background:#fff; margin:0 auto; padding:10px 0px 10px 10px; box-shadow:0 0 10px 0 rgba(0,0,0,0.1);
    position:relative; right:auto; top:0; -webkit-transform:none; transform:none;
    -webkit-box-sizing:border-box; box-sizing:border-box;
  }
  #header_feed .rss_list { height:110px; }
  #header_feed .rss_list:last-of-type { padding-right:5px; }
  #header_feed.type2 .rss_list:last-of-type { padding-right:10px; }
}
@media screen and (max-width:600px) {
  #header_content_wrap { padding:15px 0; }
  #header_feed_banner_area { padding:15px 15px 0px; }
  #header_feed.type2 { height:240px; padding:0; }
  #header_feed.type2 .rss_list { width:100%; float:none; height:120px !important; padding:10px 2px 10px 10px !important; }
  #header_feed.type2 .rss_list:first-of-type { border-bottom:1px solid #ccc; }
}


/* global_menu */
#header_bottom .global_menu{ display:none; }
.global_menu { padding:0; }
.global_menu li { position:relative; }
.global_menu li ul { display:none; }
.global_menu li a, .global_menu .home a {
  font-size:13px; height:50px; line-height:50px; padding:0px 20px; display:block; text-decoration:none; color:#fff; border-bottom:1px solid #ddd; position:relative;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.global_menu li li a { padding-left:32px; }
.global_menu li li li a { padding-left:47px; }
.global_menu li li li li a { padding-left:60px; }
.global_menu li a:hover, .global_menu .home a:hover { background:rgba(0,0,0,0.2); color:#fff; }

/* child menu */
.global_menu .child_menu_button {
  display:block; position:absolute; text-align:center; width:49px; height:49px; right:0px; top:0px; z-index:9; cursor:pointer;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.global_menu .child_menu_button .icon:before {
  font-family:'mono-lab'; content:'\e613'; text-align:center; transform: rotate(-90deg);
  display:block; font-size:12px; width:12px; height:12px;
  position:absolute; right:0; left:0; top:3px; bottom:0; margin:auto;
  -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.global_menu .child_menu_button.active .icon:before, .global_menu .child_menu_button:hover .icon:before { }
.global_menu li.open > .child_menu_button .icon:before { transform: rotate(90deg); }
.global_menu li.open > ul { }
.global_menu li .child_menu_button:hover { background:rgba(0,0,0,0.2); }


/* free space */
#mobile_left .drawer_free_space { display:block; padding:20px; }
#mobile_left .drawer_free_space img { max-width:100%; height:auto; display:block; }
#mobile_left .drawer_free_space a:hover { background:none; }


/* menu headline, close button */
.mobile_menu_headline { font-weight:bold !important; display:block; font-size:13px; border-bottom:1px solid rgba(255,255,255,0.2); margin:0; padding:0 20px; height:50px; line-height:50px; }
.mobile_menu_close_button { position:absolute; right:0px; top:0px; height:50px; line-height:50px; display:block; text-indent:-300px; overflow:hidden; text-decoration:none; }
.mobile_menu_close_button:before { font-family:'mono-lab'; content:'\e5cd'; display:block; font-size:16px; text-indent:0; width:50px; height:50px; line-height:50px; text-align:center; left:0px; position:relative; }
.mobile_menu_close_button:hover { background:rgba(0,0,0,0.2); }
.mobile_menu_close_button:hover:before { }


/* menu button */
#menu_button { display:block; width:50px; height:50px; position:relative; float:left; overflow:hidden; text-decoration:none; text-indent:-200px; }
#menu_button:hover, #menu_button.active { background-color:#009DC4; }
#menu_button:before {
  font-family:'mono-lab'; content:"\e618"; color:#888; font-size:20px; width:20px; height:20px; line-height:20px; text-indent:0; display:block;
  position:absolute; top:16px; left:15px;
}
#menu_button:hover:before, #menu_button.active:before { color:#fff; }


/* category area */
.header_sort { display:block; box-shadow:none; }
#header_bottom .header_sort { display:none; }
.header_sort_inner { width:auto; padding:0; }


/* search form */
.search_area_top {
  position:relative; right:auto; top:auto; width:100%; height:auto; margin:0; padding:20px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.search_area_top .search_input input { width:100%; }


/* search area */
#search_button { border:none; height:50px; width:50px; }


/* sort button */
.header_sort_list { width:auto; padding:0 20px; margin:0 0 20px 0; }
.header_sort_list li {
  width:50%; margin:0 -1px -1px 0; border:1px solid #fff;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.header_sort_list li a { padding:0 20px; height:35px; line-height:35px; -webkit-border-radius:0px; border-radius:0px; text-align:center; }
.header_sort_list li a.active, .header_sort_list li a:hover { }
.header_sort_list li a.active:after { display:none; }

#category_area { width:100%; border-top:1px solid #fff; padding:0; }
#category_area li { display:block; width:auto; margin:0; font-size:13px; border:none; border-bottom:1px solid #fff; position:relative; }
#category_area li a { padding:0 20px; height:50px; line-height:50px; }
#category_area li a:before { display:none; }
#category_area li a:hover { }
#category_area li ul { margin:0; width:100% !important; }
#category_area li ul li { border-bottom:none; border-top:1px solid #657987; width:auto; margin:0 0 -1px 0 !important; }
#category_area li li a { padding-left:34px; }


@media screen and (max-width:600px) {
  #menu_button { width:50px; height:50px; position:absolute; left:0px; top:0px; z-index:50; background:none; }
  body:not(.header_fixed) #menu_button:before { top:16px; left:14px; color:#fff;}
  #search_button { height:50px; width:50px; position:absolute; right:0px; top:0px; z-index:50; }
  #category_area li { font-size:12px; }
  .header_sort_list li { font-size:11px; }
}


/* fixed header */
.header_fixed #header {
  height:50px; width:100%; z-index:40; border-bottom:1px solid #ccc; box-shadow:0 4px 4px 0 rgba(100,100,100,0.1);
  position:fixed; top:0px; right:0px;
}
.header_fixed #header_top { display:none; }
.header_fixed #header_bottom { border-top:none; }
.header_fixed #fix_header_image_logo { float:none; border:none; padding:0; }
.header_fixed #fix_header_text_logo { float:none; text-align:center; }
.header_fixed #fix_header_text_logo a { border:none; padding:0; }
.header_fixed #menu_button { width:50px; height:50px; position:absolute; left:0px; top:0px; z-index:50; }
.header_fixed #menu_button:before { top:16px; left:14px; }
.header_fixed #search_button { height:50px; width:50px; position:absolute; right:0px; top:0px; z-index:50; }
.header_fixed { padding-top:187px; }
.header_slide_down #header { animation: slideDown 0.5s ease; -webkit-animation: slideDown 0.5s ease; }
@media screen and (max-width:1100px) {
  .header_fixed { padding-top:177px; }
}
@media screen and (max-width:600px) {
  .header_fixed { padding-top:50px; }
}
@-webkit-keyframes slideDown {
  0% { top:-50px; }
  100% { top:0px; }
}
@keyframes slideDown {
  0% { top:-50px; }
  100% { top:0px; }
}


@media screen and (max-width:500px) {
  .header_fixed { padding-top:50px; }
}

@keyframes slideDown {
  0% { top:-50px; }
  100% { top:0px; }
}

.header_fixed #mobile_left, .header_fixed #mobile_right { position:fixed; overflow:auto; }
.header_fixed #logo_image.has_mobile_image a:before { display:none; }
.header_fixed #logo_image { display:block; margin:auto; }
.admin-bar.header_fixed #header { margin-top:46px; }
.admin-bar #mobile_left, .admin-bar #mobile_right { top:46px; }


/* bread crumb */
#bread_crumb { }




/* ----------------------------------------------------------------------
 Header slider1
---------------------------------------------------------------------- */
#header_content1 { }
#header_slider .item .caption { width:auto; }
#header_slider .item .catch { font-size:25px !important; }
#header_slider .item .desc { font-size:14px !important; }
#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:hover .slick-prev { left:0px; }
#header_slider:hover .slick-next { right:0px; }
@media screen and (max-width:1100px) {
  body.has_header_banner #header_content1 { margin-top:-5px; }
}
@media screen and (max-width:600px) {
  body.has_header_banner #header_content1 { margin-top:0px; }
}
@media screen and (max-width:485px) {
  #header_slider .item .catch { font-size:21px !important; }
  #header_slider .item .desc { font-size:12px !important; }
  #header_slider .item .button { height:30px; line-height:30px; font-size:12px; padding:0 30px; }
}




/* ----------------------------------------------------------------------
 Header slider2
---------------------------------------------------------------------- */
#content_slider2 .post_thumbnail:after { display:none; }
@media screen and (max-width:550px) {
  #content_slider2 .caption .post_title { font-size:15px; }
  #content_slider2 .item { margin:0 15px; width:auto; }
  #content_slider2 .item .image .img { position:relative; }
  #content_slider2 .slick-prev { left:0px; top:0; bottom:0; margin:auto; }
  #content_slider2 .slick-next { right:0px; top:0; bottom:0; margin:auto; }
}
@media screen and (max-width:450px) {
  #content_slider2 .item, #content_slider2 .image { height:200px; }
}
@media screen and (max-width:350px) {
  #content_slider2 .item, #content_slider2 .image { height:170px; }
}




/* ----------------------------------------------------------------------
 Header slider3
---------------------------------------------------------------------- */
.header_content3 { }
#content_slider3_wrap { width:auto; margin:0 20px; }
#content_slider3_nav { width:250px; }
#content_slider3_nav .item { width:230px; padding:11px 18px 0; }
#content_slider3 { width:-webkit-calc(100% - 270px); width:calc(100% - 250px); }
#content_slider3 .item { width:-webkit-calc(100% - 250px); width:calc(100% - 250px); }
#content_slider3 .image { width:50%; }
#content_slider3 .post_data { width:50%; padding:20px; }
#content_slider3 .post_title { max-height:70px; overflow:hidden; }
#content_slider3 .post_excerpt { max-height:65px; overflow:hidden; }

@media screen and (max-width:1100px) and (min-width:1001px){
  #content_slider3 .post_link { display:none; }
  
}
@media screen and (max-width:1000px) and (min-width:801px){
  #content_slider3 { width:100%; border-right:none; }
  #content_slider3 .item { width:100%; }
  #content_slider3_wrap .slick-arrow { display:block !important; }
  #content_slider3_nav { display:none; }
}

@media screen and (max-width:800px) {
  #content_slider3_wrap { width:auto; height:auto; overflow:visible; margin:0 20px; box-shadow:none; }
  #content_slider3 { width:100%; float:none; overflow:visible; border:none; box-shadow:0 0 3px 0 rgba(0,0,0,0.4); }
  #content_slider3 .item { width:100%; height:280px; }
  #content_slider3 .image { width:100%; }
  #content_slider3 .post_data { width:60%; padding:15px; position:absolute; right:0px; top:0px; background:rgba(0,0,0,0.3); z-index:3; }
  #content_slider3 .post_meta_top .post_date { color:#ccc; }
  #content_slider3 .post_title { font-size:16px; max-height:84px; overflow:hidden; }
  #content_slider3 .post_title a { color:#fff; }
  #content_slider3 .post_meta li,
  #content_slider3 .post_meta li a,
  #content_slider3 .post_meta li:before { color:#ddd; }
  #content_slider3 .post_excerpt { padding:5px 0 0 0; max-height:70px; overflow:hidden; color:#fff; }
  #content_slider3 .post_link { display:none; }
  #content_slider3 .post_list_sns_button { bottom:7px; right:5px; }
  #content_slider3_wrap .slick-arrow { display:block !important; }
  #content_slider3_nav { display:none; }
  #content_slider3 .item:hover .post_data { display:none; }
}

@media screen and (max-width:600px) {
  #content_slider3 { height:auto; }
  #content_slider3_wrap { margin:0 15px; }
  #content_slider3 .item { height:220px; overflow:visible; }
	#content_slider3 .image { height:220px; }
  #content_slider3 .post_data {
    width:100%; height:auto; float:none; padding:20px 15px 10px; position:absolute; top:auto; bottom:0px;
    background: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.7)); background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.7));
  }
  #content_slider3 .post_title { font-size:15px; margin:0 0 5px 0; max-height:none; }
  #content_slider3 .post_meta { margin-top:10px; }
  #content_slider3 .post_excerpt { display:none; }
  #content_slider3 .post_list_sns_button { display:none; }
}
@media screen and (max-width:450px) {
  #content_slider3 .item, #content_slider3 .image { height:200px; }
}
@media screen and (max-width:350px) {
  #content_slider3 .item, #content_slider3 .image { height:170px; }
}




/* ----------------------------------------------------------------------
 Header slider4
---------------------------------------------------------------------- */
.header_content3.type2 #content_slider3_wrap { box-shadow:none; }
.header_content3.type2 #content_slider3 { width:-webkit-calc(100% - 360px); width:calc(100% - 360px); float:right; box-shadow:0 0 3px 0 rgba(0,0,0,0.4); border:none; }
.header_content3.type2 #content_slider3 .item { width:100%; }

@media screen and (max-width:1000px) {
  .header_content3.type2 #content_slider3_wrap { height:auto; }
  .header_content3.type2 #content_slider3 { width:100%; float:none; }
  .header_content3 .slider_banner { width:100%; height:auto; float:none; text-align:center; }
  .header_content3 .slider_banner img { max-width:100%; height:auto; display:block; margin:0 auto; }
	.header_content3 .slider_banner { margin:25px 0 0 0; display:block; }
}
@media screen and (max-width:600px) {
	.header_content3 .slider_banner { margin:15px 0 0 0; }
}




/* ----------------------------------------------------------------------
 Header popular post list plus banner
---------------------------------------------------------------------- */
.header_content5 { }
#header_content5 { width:auto; margin:0 20px;}
#header_popular_post { width:-webkit-calc(100% - 360px); width:calc(100% - 360px); }

@media screen and (max-width:1100px) {
  #header_popular_post li { width:25%; border-bottom:1px solid #ddd; }
  #header_popular_post .slick-prev { opacity:0; left:-30px; margin-top:0; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  #header_popular_post .slick-next { opacity:0; right:-30px; margin-top:0;  top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  #header_popular_post ol:hover .slick-prev { opacity:1; left:0px; }
  #header_popular_post ol:hover .slick-next { opacity:1; right:0px; }
  #header_popular_post.one_post_list .slick-prev { top:50%; }
  #header_popular_post.one_post_list .slick-next { top:50%; }
}

@media screen and (max-width:950px) {
  #header_popular_post li { width:-webkit-calc(100% / 3); width:calc(100% / 3); }
}

@media screen and (max-width:800px) {
  #header_content5 { height:inherit; }
  #header_popular_post { width:100%; float:none; }
  .header_content5 .slider_banner { width:100%; height:auto; float:none; text-align:center; }
  .header_content5 .slider_banner img { max-width:100%; height:auto; }
	.header_content5 .slider_banner { margin:20px 0 0 0; display:block; }
}
@media screen and (max-width:600px) {
  #header_content5 { margin:0 15px; }
	.header_content5 .slider_banner { margin:15px 0 0 0; }
}




/* ----------------------------------------------------------------------
 Header rss feed list plus banner
---------------------------------------------------------------------- */
#header_content6 { width:auto; margin:0 20px; }
#rss_list { width:-webkit-calc(100% - 360px); width:calc(100% - 360px); }

@media screen and (max-width:800px) {
  #header_content6 { height:auto; overflow:visible; }
  #rss_list { width:100%; height:auto; float:none; overflow:visible; }
  .rss_list { height:150px; }
  .header_content6 .slider_banner { width:100%; height:auto; float:none; text-align:center; }
  .header_content6 .slider_banner img { max-width:100%; height:auto; }
	.header_content6 .slider_banner { margin:20px 0 0 0; display:block; }
}

@media screen and (max-width:600px) {
  #header_content6 { margin:0 15px; }
  #rss_list { padding:0; }
  .rss_list, .rss_list.right { float:none; height:100px; width:auto; padding:10px 5px 10px 10px; }
  .rss_list.right { border-top:1px solid #ddd; padding:; }
	.header_content6 .slider_banner { margin:15px 0 0 0; }
}




/* ----------------------------------------------------------------------
 Category archive page
---------------------------------------------------------------------- */
#category_header .caption { width:auto; margin-right:20px; margin-left:20px; }
#category_header .catch { font-size:30px !important; }
#category_header .desc { font-size:13px !important; }
@media screen and (max-width:1100px) {
  body.has_header_banner #category_header { margin-top:-5px; }
}
@media screen and (max-width:600px) {
  #category_header .catch { font-size:24px !important; }
  #category_header .desc { font-size:12px !important; text-align:left; }
  #category_header .desc br { display:none }
}




/* ----------------------------------------------------------------------
 Post list basic setting
---------------------------------------------------------------------- */
/* share button */
@media screen and (max-width:950px) {
  .post_list_sns_button li i {
    width:25px; height:25px; line-height:25px;
    -webkit-border-radius:2px 0 0 2px; border-radius:2px 0 0 2px;
  }
  .post_list_sns_button.corner_type1 li i { -webkit-border-radius:0px; border-radius:0px; }
  .post_list_sns_button li.pl_twitter i:before { font-size:11px; left:7px; top:1px; }
  .post_list_sns_button li.pl_facebook i:before { font-size:11px; left:7px; top:1px; }
  .post_list_sns_button li.pl_hatebu i:before { font-size:22px; left:4px; top:1px; }
  .post_list_sns_button li > span {
    font-size:11px; height:25px; line-height:25px; padding:0 7px;
    -webkit-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0;
  }
  .post_list_sns_button.corner_type1 li > span { -webkit-border-radius:0px; border-radius:0px; }
  
  .post_list_sns_button.type3 li i { width:27px; }
  .post_list_sns_button.type3 li > span { line-height:27px; padding:0 10px; }
  .post_list_sns_button.type3 li.pl_twitter i:before { left:8px; top:0px; }
  .post_list_sns_button.type3 li.pl_facebook i:before { left:8px; }
  .post_list_sns_button.type3 li.pl_hatebu i:before { left:5px; top:0px; }
}




/* ----------------------------------------------------------------------
 contents builder basic
---------------------------------------------------------------------- */
.cb_contents .cb_free { padding:20px 0px; }
.cb_contents .cb_banner { padding:20px 0px; }
@media screen and (max-width:450px) {
  .cb_contents { margin:0 -15px; padding:0 15px; }
  .cb_contents .headline a { padding:0 10px; }
  .cb_archive_button a { padding:0; font-size:11px; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; }
}




/* ----------------------------------------------------------------------
 contents builder post type1
---------------------------------------------------------------------- */
.cb_post_list1 .large_post_area .image { float:none; width:100%; height:100% !important; }
.cb_post_list1 .large_post_area .image:before { content:""; display: block; padding-top:62%; }
.cb_post_list1 .large_post_area .image .img { position:absolute; top:0; bottom:0; left:0; right:0; }
.cb_post_list1 .post_excerpt { max-height:5.4em; overflow:hidden; }
.cb_post_list1 .post_excerpt p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
@media screen and (max-width:1150px) and (min-width:1101px) {
  .cb_post_list1 .small_post_area .data { width:-webkit-calc(100% - 80px); width:calc(100% - 80px); }
  .cb_post_list1 .small_post_area .image { width:65px; height:65px; }
  .cb_post_list1 .small_post_area .hover_caption p { width:26px; height:26px; overflow:hidden; text-indent:-300px; position:relative; }
  .cb_post_list1 .small_post_area .hover_caption p:before {
    display:block; width:26px; height:26px; line-height:26px; text-indent:0; margin:auto;
    font-family:'mono-lab'; content:"\e908"; font-size:26px; position:absolute; top:0; bottom:0; left:0; right:0;  
  }
  .cb_post_list1 .small_post_area .hover_caption:before { display:none; }
  .cb_post_list1 .small_post_area .post_title { font-size:14px !important; }
}
@media screen and (max-width:950px) {
  .cb_post_list1 .post_title { font-size:16px !important; }
  .cb_post_list1 .small_post_area .data { width:-webkit-calc(100% - 80px); width:calc(100% - 80px); }
  .cb_post_list1 .small_post_area .image { width:65px; height:65px; }
  .cb_post_list1 .small_post_area .hover_caption p { width:26px; height:26px; overflow:hidden; text-indent:-300px; position:relative; }
  .cb_post_list1 .small_post_area .hover_caption p:before {
    display:block; width:26px; height:26px; line-height:26px; text-indent:0; margin:auto;
    font-family:'mono-lab'; content:"\e908"; font-size:26px; position:absolute; top:0; bottom:0; left:0; right:0;  
  }
  .cb_post_list1 .small_post_area .hover_caption:before { display:none; }
  .cb_post_list1 .small_post_area .post_title { font-size:14px !important; }
}
@media screen and (max-width:600px) {
  .cb_post_list1 { display:block; }
  .cb_post_list1 .post_area { width:auto; }
  .cb_post_list1 .large_post_area { border-right:none; border-bottom:1px solid #eee; padding-right:0; }
  .cb_post_list1 .large_post_area .data { float:none; width:100%; }
  .cb_post_list1 .large_post_area .image { width:170px; height:105px !important; float:left; margin:0 15px 5px 0; }
  .cb_post_list1 .large_post_area .image:before { display:none; }
  .cb_post_list1 .large_post_area .image .img { position:relative; }
  .cb_post_list1 .small_post_area { display:block; }
  .cb_post_list1 .small_post_area .article { width:auto; padding:15px 0 10px !important; margin:0 !important; }
  .cb_post_list1 .small_post_area .article:last-child { margin:0 0 5px 0 !important; }
  .cb_post_list1 .post_excerpt { max-height:4em; overflow:hidden; }
  .cb_post_list1 .post_excerpt p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
}
@media screen and (max-width:450px) {
  .cb_post_list1 .large_post_area .image { width:100%; height:100% !important; margin:0 0 15px 0; float:none; }
  .cb_post_list1 .large_post_area .image:before { content:""; display: block; padding-top:62%; }
  .cb_post_list1 .large_post_area .image .img { position:absolute; top:0; bottom:0; left:0; right:0; }
  .cb_post_list1 .post_meta { clear:both; padding:5px 0 0 0; }
}




/* ----------------------------------------------------------------------
 contents builder post type2
---------------------------------------------------------------------- */
.cb_post_list2 .large_post_area .image { width:-webkit-calc(50% - 15px); width:calc(50% - 15px); height:100% !important; }
.cb_post_list2 .large_post_area .image:before { content:""; display: block; padding-top:62%; }
.cb_post_list2 .large_post_area .image .img { position:absolute; top:0; bottom:0; left:0; right:0; }
.cb_post_list2 .large_post_area .data { width:-webkit-calc(50% - 15px); width:calc(50% - 15px); }
.cb_post_list2 .post_excerpt { max-height:5.4em; overflow:hidden; }
.cb_post_list2 .post_excerpt p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
@media screen and (max-width:1150px) and (min-width:1101px) {
  .cb_post_list2 .small_post_area .data { width:-webkit-calc(100% - 80px); width:calc(100% - 80px); }
  .cb_post_list2 .small_post_area .image { width:65px; height:65px; }
  .cb_post_list2 .small_post_area .hover_caption p { width:26px; height:26px; overflow:hidden; text-indent:-300px; position:relative; }
  .cb_post_list2 .small_post_area .hover_caption p:before {
    display:block; width:26px; height:26px; line-height:26px; text-indent:0; margin:auto;
    font-family:'mono-lab'; content:"\e908"; font-size:26px; position:absolute; top:0; bottom:0; left:0; right:0;  
  }
  .cb_post_list2 .small_post_area .hover_caption:before { display:none; }
  .cb_post_list2 .small_post_area .post_title { font-size:14px !important; }
}
@media screen and (max-width:950px) {
  .cb_post_list2 .post_title { font-size:16px !important; }
  .cb_post_list2 .small_post_area .data { width:-webkit-calc(100% - 80px); width:calc(100% - 80px); }
  .cb_post_list2 .small_post_area .image { width:65px; height:65px; }
  .cb_post_list2 .small_post_area .hover_caption p { width:26px; height:26px; overflow:hidden; text-indent:-300px; position:relative; }
  .cb_post_list2 .small_post_area .hover_caption p:before {
    display:block; width:26px; height:26px; line-height:26px; text-indent:0; margin:auto;
    font-family:'mono-lab'; content:"\e908"; font-size:26px; position:absolute; top:0; bottom:0; left:0; right:0;  
  }
  .cb_post_list2 .small_post_area .hover_caption:before { display:none; }
  .cb_post_list2 .small_post_area .post_title { font-size:14px !important; }
}
@media screen and (max-width:600px) {
  .cb_post_list2 .large_post_area .image { width:170px; height:105px !important; float:left; margin:0 15px 5px 0; }
  .cb_post_list2 .large_post_area .image:before { display:none; }
  .cb_post_list2 .large_post_area .image .img { position:relative; }
  .cb_post_list2 .large_post_area .data { float:none; width:auto; }
  .cb_post_list2 .small_post_area { display:block; }
  .cb_post_list2 .small_post_area .article { width:auto; padding:15px 0 10px !important; margin:0 !important; }
  .cb_post_list2 .small_post_area .article:last-child { margin:0 0 5px 0 !important; }
  .cb_post_list2 .post_excerpt { max-height:4em; overflow:hidden; }
  .cb_post_list2 .post_excerpt p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
}
@media screen and (max-width:450px) {
  .cb_post_list2 .large_post_area .image { width:100%; height:100% !important; margin:0 0 15px 0; float:none; }
  .cb_post_list2 .large_post_area .image:before { content:""; display: block; padding-top:62%; }
  .cb_post_list2 .large_post_area .image .img { position:absolute; top:0; bottom:0; left:0; right:0; }
  .cb_post_list2 .post_meta { clear:both; padding:5px 0 0 0; }
}




/* ----------------------------------------------------------------------
 contents builder post type3
---------------------------------------------------------------------- */
.cb_post_list3 article { }
.cb_post_list3 .image { width:-webkit-calc(35% - 23px); width:calc(35% - 23px); height:100% !important; }
.cb_post_list3 .image:before { content:""; display: block; padding-top:62%; }
.cb_post_list3 .image .img { position:absolute; top:0; bottom:0; left:0; right:0; }
.cb_post_list3 .data { width:65%; }
@media screen and (max-width:950px) {
  .cb_post_list3 .post_title { font-size:16px !important; }
  .cb_post_list3 .data { float:none; width:auto; }
}
@media screen and (max-width:500px) {
  .cb_post_list3 .article { padding-bottom:10px; }
  .cb_post_list3 .image { width:90px; height:90px !important; margin:0px 15px 5px 0; }
  .cb_post_list3 .image:before { display:none; }
  .cb_post_list3 .image .img { position:relative; top:0; bottom:0; left:0; right:0; }
  .cb_post_list3 .post_title { font-size:16px !important; max-height:4.5em; overflow:hidden; }  
  .cb_post_list3 .post_title a { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
  .cb_post_list3 .post_excerpt { margin:15px 0 0 0; max-height:6em; overflow:hidden; }
  .cb_post_list3 .post_excerpt p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
}
@media screen and (max-width:350px) {
  .cb_post_list3 .image { width:100%; height:100% !important; margin-bottom:15px; }
  .cb_post_list3 .image:before { content:""; display: block; padding-top:62%; }
  .cb_post_list3 .image .img { position:absolute; top:0; bottom:0; left:0; right:0; }
  .cb_post_list3 .post_title { font-size:14px !important; }  
  .cb_post_list3 .post_excerpt { max-height:4em; }
  .cb_post_list3 .post_excerpt p { -webkit-line-clamp:2; }
  .cb_post_list3 .post_meta { margin:0; padding:10px 0 0 0; clear:both; }
}




/* ----------------------------------------------------------------------
 contents builder post type4
---------------------------------------------------------------------- */
.cb_post_list4 article { }
.cb_post_list4 article .image { width:100%; height:auto !important; }
.cb_post_list4 article .image:before { content:""; display: block; padding-top:62%; }
.cb_post_list4 article .image .img { position:absolute; top:0; bottom:0; left:0; right:0; }
.cb_post_list4 .post_title { font-size:16px !important; }
@media screen and (max-width:1150px) and (min-width:1101px) {
  .cb_post_list4 article { width:-webkit-calc(50% - 10px); width:calc(50% - 10px); padding:18px 20px 15px 0px; }
  .cb_post_list4 article:nth-child(3n) { padding-right:20px; }
  .cb_post_list4 article:nth-child(2n) { padding-right:0; }
}
@media screen and (max-width:900px) and (min-width:800px) {
  .cb_post_list4 article { width:-webkit-calc(50% - 10px); width:calc(50% - 10px); padding:18px 20px 15px 0px; }
  .cb_post_list4 article:nth-child(3n) { padding-right:20px; }
  .cb_post_list4 article:nth-child(2n) { padding-right:0; }
}
@media screen and (max-width:600px) {
  .cb_post_list4 article { width:-webkit-calc(50% - 7px); width:calc(50% - 7px); padding:18px 14px 15px 0px; }
  .cb_post_list4 article:nth-child(3n) { padding-right:14px; }
  .cb_post_list4 article:nth-child(2n) { padding-right:0; }
}
@media screen and (max-width:350px) {
  .cb_post_list4 article { width:100%; padding:18px 0px 15px 0px; }
  .cb_post_list4 article:nth-child(3n) { padding-right:0; }
  .cb_post_list4 .post_title { font-size:14px !important; }
}




/* ----------------------------------------------------------------------
 article
---------------------------------------------------------------------- */
@media screen and (max-width:800px) {
  #page_title { text-align:center; }
}


/* featured image */
@media screen and (max-width:600px) {
  #post_featured_image_top, #post_featured_image_bottom { height:250px !important; position:relative; }
}


/* author profile */
@media screen and (max-width:600px) {
  .author_profile { margin:0 0 20px; padding:20px; }
  .author_profile.no_avatar { padding:30px 20px 20px; }
  .author_profile .author_avatar { float:none; margin:0; display:block; margin:10px 0 10px 0; }
  .author_profile .author_avatar img { margin:0 auto; display:block; }
  .author_profile .author_info { float:none; width:100%; }
  .author_profile .author_name { margin:0 0 20px 0; padding:0 0 25px 0; text-align:center; height:auto; line-height:1; }
  .author_profile .author_link { text-align:center; }
  .author_profile .author_social_link { text-align:center; font-size:0; }
  .author_profile .author_social_link li { float:none; display:inline-block; margin:0 2.5px 10px !important; }
}


/* author post */
#single_author_post li .image { width:100%; height:auto !important; }
#single_author_post li .image:before { content:""; display: block; padding-top:65%; }
#single_author_post li .img { top:0; bottom:0; left:0; right:0; position:absolute; }

@media screen and (max-width:600px) {
  #single_author_post { margin:0 0 20px 0; }
  #single_author_post li { float:none; width:100%; margin:0 0 8px 0; padding:0 0 8px 0; border-bottom:1px dotted #ddd; }
  #single_author_post li:last-of-type { border:none; margin:0; padding:0; }
  #single_author_post li .image { width:65px; height:65px !important; float:left; margin:0 15px 0 0; }
  /* hover image type3 */
  #single_author_post .animation_image .hover_caption p { width:26px; height:26px; overflow:hidden; text-indent:-300px; position:relative; }
  #single_author_post .animation_image .hover_caption p:before {
    display:block; width:26px; height:26px; line-height:26px; text-indent:0; margin:auto;
    font-family:'mono-lab'; content:"\e908"; font-size:26px; position:absolute; top:0; bottom:0; left:0; right:0;  
  }
  #single_author_post .animation_image .hover_caption:before { margin:5px; width:-webkit-calc(100% - 10px); width:calc(100% - 10px); height:-webkit-calc(100% - 10px); height:calc(100% - 10px); display:none; }
}


/* related post */
#related_post li .image { width:47% !important; height:auto !important; float:left; margin:0 20px 0 0; }
#related_post li .image:before { content:""; display: block; padding-top:65%; }
#related_post li .img { top:0; bottom:0; left:0; right:0; position:absolute; }

@media screen and (max-width:600px) {
  #related_post li { float:none; width:100%; margin:0 0 8px 0; padding:0 0 8px 0; border-bottom:1px dotted #ddd; }
  #related_post li:last-of-type { border:none; margin:0; padding:0; }
  #related_post li .image { width:65px !important; height:65px !important; }
  /* hover image type3 */
  #related_post .animation_image .hover_caption p { width:26px; height:26px; overflow:hidden; text-indent:-300px; position:relative; }
  #related_post .animation_image .hover_caption p:before {
    display:block; width:26px; height:26px; line-height:26px; text-indent:0; margin:auto;
    font-family:'mono-lab'; content:"\e908"; font-size:26px; position:absolute; top:0; bottom:0; left:0; right:0;  
  }
  #related_post .animation_image .hover_caption:before { margin:5px; width:-webkit-calc(100% - 10px); width:calc(100% - 10px); height:-webkit-calc(100% - 10px); height:calc(100% - 10px); display:none; }
}


/* next prev post link */
@media screen and (max-width:600px) {
  .next_prev_post { margin:30px 0 0; display:block; padding:0; }
  .next_prev_post .nav { margin:0; line-height:100%; width:100%; flex:0 0 auto; height:80px; }
  .next_prev_post a { border:1px solid #ddd !important; background:#fff; height:80px; }
  .next_prev_post .image { width:68px; height:68px; }
  .next_prev_post .next_post .title_area { padding:0 100px 0 20px; }
  .next_prev_post .prev_post .title_area { padding:0 20px 0 100px; }
  .next_prev_post .title { line-height:1.4; max-height:3.2em; }
  .next_prev_post .date { margin:4px 0 0 0; }
  .next_prev_post .nav:first-child, .next_prev_post .nav:only-child { margin-bottom:-1px; }
  /* hover image type3 */
  .next_prev_post .animation_image .hover_caption p { width:26px; height:26px; overflow:hidden; text-indent:-300px; position:relative; }
  .next_prev_post .animation_image .hover_caption p:before {
    display:block; width:26px; height:26px; line-height:26px; text-indent:0; margin:auto;
    font-family:'mono-lab'; content:"\e908"; font-size:26px; position:absolute; top:0; bottom:0; left:0; right:0;  
  }
  .next_prev_post .animation_image .hover_caption:before { margin:5px; width:-webkit-calc(100% - 10px); width:calc(100% - 10px); height:-webkit-calc(100% - 10px); height:calc(100% - 10px); display:none; }
}




/* ----------------------------------------------------------------------
 News
---------------------------------------------------------------------- */




/* ----------------------------------------------------------------------
 post list
---------------------------------------------------------------------- */
/* post meta large category button */
@media screen and (max-width:550px) {
  li.category_button a { font-size:10px; padding:0 10px; }
}


/* page navi */
.page_navi { margin:0; padding:20px 0px 15px; }
.page_navi li { margin:0 -1px 5px 0; }
.page_navi p.back { padding:0; }




/* ----------------------------------------------------------------------
 post list1
---------------------------------------------------------------------- */
@media screen and (max-width:550px) {
  #post_list1 .post_title { font-size:18px !important; }
  #post_list1 .post_excerpt p { font-size:13px !important; }
  #post_list1 .post_featured_image { height:200px !important; }
  #post_list1 .post_list_sns_button { float:none; padding:0; margin:0 auto; text-align:center; }
  #post_list1 .post_list_sns_button li { float:none; display:inline-block; margin:0 3px; }
  #post_list1 .link_button { display:table; margin:20px auto 0; }
}
@media screen and (max-width:350px) {
  #post_list1 .post_featured_image { height:160px !important; }
}




/* ----------------------------------------------------------------------
 post list2
---------------------------------------------------------------------- */
#post_list2 .article { padding:20px 0px 15px; }
#post_list2 .image {
  margin:0 20px 5px 0; float:left; height:100% !important;
  width:-webkit-calc(35% - 20px); width:calc(35% - 20px);
}
#post_list2 .image:before { content:""; display: block; padding-top:62%; }
#post_list2 .image .img { position:absolute; top:0; bottom:0; left:0; right:0; }
#post_list2 .post_data { float:left; width:65%; }
#post_list2 .no_image .post_data { float:none; width:auto; }
@media screen and (max-width:750px) {
  #post_list2 .article { padding:20px 0px 15px; }
  #post_list2 .post_title { max-height:4.5em; overflow:hidden; }
  #post_list2 .post_title a { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
  #post_list2 .post_excerpt { max-height:4em; overflow:hidden; }
  #post_list2 .post_excerpt p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
}
@media screen and (max-width:550px) {
  #post_list2 .article { padding:20px 0px 15px !important; }
  #post_list2 .post_data { width:auto; float:none; margin:0; }
  #post_list2 .post_title { font-size:15px !important; }
  #post_list2 .hover_caption p { width:26px; height:26px; overflow:hidden; text-indent:-300px; position:relative; }
  #post_list2 .hover_caption p:before {
    display:block; width:26px; height:26px; line-height:26px; text-indent:0; margin:auto;
    font-family:'mono-lab'; content:"\e908"; font-size:26px; position:absolute; top:0; bottom:0; left:0; right:0;  
  }
  #post_list2 .hover_caption:before { display:none; }
}
@media screen and (max-width:350px) {
  #post_list2 .image { width:65px; height:65px !important; margin:0 15px 5px 0; }
  #post_list2 .post_meta { clear:both; padding:5px 0 0 0; }
}



/* ----------------------------------------------------------------------
 post list3
---------------------------------------------------------------------- */
#post_list3 .article.small { padding:20px 0px !important; }
#post_list3 .image { width:100%; height:100% !important; }
#post_list3 .image:before { content:""; display: block; padding-top:62%; }
#post_list3 .image .img { position:absolute; top:0; bottom:0; left:0; right:0; }
#post_list3 .article.small .image {
  margin:0 15px 5px 0; float:left; height:100% !important;
  width:-webkit-calc(35% - 15px); width:calc(35% - 15px);
}
#post_list3 .article.small .image:before { content:""; display: block; padding-top:62%; }
#post_list3 .article.small .image .img { position:absolute; top:0; bottom:0; left:0; right:0; }
#post_list3 .article.small .post_data { width:65%; }
#post_list3 .article.small .post_title { max-height:4.5em; overflow:hidden; }
#post_list3 .article.small .post_title a { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
#post_list3 .article.small .post_meta_top { width:-webkit-calc(65%); width:calc(65%); }
@media screen and (max-width:750px) {
  #post_list3 .post_excerpt { max-height:4em; overflow:hidden; }
  #post_list3 .post_excerpt p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
}
@media screen and (max-width:550px) {
  #post_list3 .post_title { font-size:16px !important; }
  #post_list3 .article.small { padding:20px 0px 15px !important; }
  #post_list3 .article.small .post_data { width:auto; float:none; margin:0; }
  #post_list3 .article.small .post_title { font-size:14px !important; }
  #post_list3 .article.small .hover_caption p { width:26px; height:26px; overflow:hidden; text-indent:-300px; position:relative; }
  #post_list3 .article.small .hover_caption p:before {
    display:block; width:26px; height:26px; line-height:26px; text-indent:0; margin:auto;
    font-family:'mono-lab'; content:"\e908"; font-size:26px; position:absolute; top:0; bottom:0; left:0; right:0;  
  }
  #post_list3 .article.small .hover_caption:before { display:none; }
  #post_list3 .article.small .post_meta_top { margin-bottom:10px; }
}
@media screen and (max-width:450px) {
  #post_list3 .article { padding:20px 0; margin:0; width:100%; float:none; position:relative; border-bottom:1px solid #ddd; -webkit-box-sizing:border-box; box-sizing:border-box; }
  #post_list3 .article:nth-of-type(2n) { padding:20px 0; }
  #post_list3 .post_row { border:none; padding:0; }
  #post_list3 .image { margin:0 0px 15px; width:auto; float:none; }
  #post_list3 .image:before { padding-top:55%; }
  #post_list3 .post_data { float:none; width:auto; margin:0; padding:0; }
  .no-thumbnail #post_list3 .post_data { float:none; width:auto; }
  .no-thumbnail #post_list3 .post_title { margin-top:0; }
}
@media screen and (max-width:350px) {
  #post_list3 .article.small .image { width:65px; height:65px !important; margin:0 15px 5px 0; }
  #post_list3 .article.small .post_meta_top { width:-webkit-calc(100% - 80px); width:calc(100% - 80px); }
}




/* ----------------------------------------------------------------------
 Post list for smartphone
---------------------------------------------------------------------- */
#post_list_mobile { }
#post_list_mobile .image { width:80px; height:80px; margin:0 15px 0 0; }
#post_list_mobile .post_data { width:-webkit-calc(100% - 95px); width:calc(100% - 95px); }
#post_list_mobile .post_title { font-size:15px; }
#post_list_mobile .post_excerpt p { font-size:13px; }
@media screen and (max-width:550px) {
  #post_list_mobile .post_data { float:none; width:auto; }
  #post_list_mobile .post_meta_top { float:left; width:-webkit-calc(100% - 95px); width:calc(100% - 95px); }
}




/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
/* footer */
#footer { width:auto; min-width:inherit; z-index:5; position:relative; }
#footer_widget_area { width:auto; min-width:inherit; }
#footer_widget_area_inner { width:inherit; }
.footer_widget { width:-webkit-calc(100% / 3); width:calc(100% / 3); margin:0; padding:15px 20px 30px; }
@media screen and (max-width:800px) {
  #footer_widget_area_inner { overflow:hidden; }
  .footer_widget, .footer_widget:nth-child(3n) { width:50%; margin:0 0 -1px 0; padding:15px 20px 30px; border-right:1px solid #222; border-bottom:1px solid #222; }
  .footer_widget:nth-child(2n) { border-right:none; }
}
@media screen and (max-width:550px) {
  #footer_widget_area_inner { display:block; }
  .footer_widget, .footer_widget:nth-child(3n) { width:auto; border-right:none; }
}


/* copyright and menu */
#footer_bottom { min-width:inherit; }
#footer_bottom_inner { width:inherit; }
#footer_bottom.no_footer_widget { padding-top:0px; }
@media screen and (max-width:900px) {
  #footer_menu li { font-size:11px; }
}
@media screen and (max-width:700px) {
  #footer_menu { margin:10px 0 -40px 0; }
  #footer_menu li { display:block; width:100%; text-align:center; border-top:1px solid rgba(255,255,255,0.15); }
  #footer_menu li a, #footer_menu li:first-child a { display:block; margin:0; padding:20px 15px; border:none; text-decoration:none; position:relative; }
  #footer_menu li a:hover, #footer_menu li a:hover:before { color:#fff; }
}



/* ----------------------------------------------------------------------
 comment
---------------------------------------------------------------------- */
@media screen and (max-width:550px) {
  #comment_header #comment_tab { position:relative; right:auto; bottom:auto; }
  #comment_header #comment_tab li { float:none; width:100%; font-size:10px; text-align:center; height:35px; line-height:35px; }
  #comment_header #comment_tab li a { padding:0 20px; border:none; background:#f2f2f2; color:#333; }
  .commentlist .children { margin:15px 0 0 0; }
  #comments .post_content { font-size:11px !important; }
  .commentlist .avatar { width:35px; height:auto; }
  .commentlist.has_avatar .main_comment { width:-webkit-calc(100% - 50px); width:calc(100% - 50px); }
  .comment_reply a, .comment_quote { padding:0 15px; }
  .commentlist.has_avatar .child_menu_button { margin-left:0px; }
}
@media screen and (max-width:450px) {
  .comment_edit a { top:auto; bottom:0px; height:28px; line-height:28px; }
  .commentlist .comment_vote { float:none; margin:0 0 20px 0; }
}


/* jetpack comment */
#respond.comment-respond { margin:0 0 20px 0; }
#respond.comment-respond #reply-title { padding:12px 10px; }
#respond.comment-respond #commentform { padding:0 10px 20px; }
#respond.comment-respond .logged-in-as, #respond.comment-respond .comment-notes { margin:0 -10px 20px; padding:12px 10px; }
#respond.comment-respond .comment-form-comment textarea { height:150px; }




/* ----------------------------------------------------------------------
 side
---------------------------------------------------------------------- */


/* information */


/* Post list widget large ver */
@media screen and (max-width:1100px) {
  .widget_post_list.large .image { max-height:150px; }
}
@media screen and (max-width:1100px) and (min-width:801px){
  #right_col .widget_post_list.large .image { margin:0 15px 0 0; width:40%; height:auto !important; float:left; }
  #right_col .widget_post_list.large .image:before { content:""; display: block; padding-top:65%; }
  #right_col .widget_post_list.large .img { top:0; bottom:0; left:0; right:0; position:absolute; }
  /* hover image type3 */
  #right_col .widget_post_list.large .animation_image .hover_caption p { width:26px; height:26px; overflow:hidden; text-indent:-300px; position:relative; }
  #right_col .widget_post_list.large .animation_image .hover_caption p:before {
    display:block; width:26px; height:26px; line-height:26px; text-indent:0; margin:auto;
    font-family:'mono-lab'; content:"\e908"; font-size:26px; position:absolute; top:0; bottom:0; left:0; right:0;  
  }
  #right_col .widget_post_list.large .animation_image .hover_caption:before { margin:5px; width:-webkit-calc(100% - 10px); width:calc(100% - 10px); height:-webkit-calc(100% - 10px); height:calc(100% - 10px); display:none; }
  .two_column .widget_post_list.small .image { width:65px; height:65px; }
  .two_column .widget_post_list.small .title { font-size:13px; }
}
@media screen and (max-width:800px) {
  .widget_post_list.large .image { margin:0 15px 0 0; width:40%; height:auto !important; float:left; }
  .widget_post_list.large .image:before { content:""; display: block; padding-top:65%; }
  .widget_post_list.large .img { top:0; bottom:0; left:0; right:0; position:absolute; }
  .two_column .widget_post_list.small .image { width:65px; height:65px; }
  .two_column .widget_post_list.small .title { font-size:13px; }
}
@media screen and (max-width:450px) {
  .widget_post_list.large .title { font-size:13px; }
}


/* thumbnail list */
@media screen and (max-width:1270px) and (min-width:801px){
  #footer .thumbnail_list li, #right_col .thumbnail_list li { width:-webkit-calc(25% - 3px); width:calc(25% - 3px); }
}
@media screen and (max-width:800px) {
  .thumbnail_list li { width:-webkit-calc(25% - 3px); width:calc(25% - 3px); }
}
@media screen and (max-width:550px) {
  .thumbnail_list li { width:-webkit-calc(20% - 3px); width:calc(20% - 3px); }
}
@media screen and (max-width:450px) {
  .thumbnail_list li { width:-webkit-calc(25% - 3px); width:calc(25% - 3px); }
}


/* Author list */
@media screen and (max-width:1100px) {
  .ml_author_list_widget ul.has_avatar li { width:-webkit-calc(25% - 2px); width:calc(25% - 2px); }
}
@media screen and (max-width:550px) {
  .ml_author_list_widget ul.has_avatar li { width:-webkit-calc(20% - 2px); width:calc(20% - 2px); }
}
@media screen and (max-width:450px) {
  .ml_author_list_widget ul.has_avatar li { width:-webkit-calc(25% - 2px); width:calc(25% - 2px); }
}




/* ----------------------------------------------------------------------
 share button
---------------------------------------------------------------------- */
@media screen and (max-width:900px) {
  .single_sns_button li { margin:0 5px 5px 0; width:20%; width:-webkit-calc(20% - 5px); width:calc(20% - 5px); }
}
@media screen and (max-width:900px) and (min-width:600px) {
  .single_sns_button li { width:20%; width:-webkit-calc(20% - 5px); width:calc(20% - 5px); }
  #single_sns_button_bottom { margin-bottom:5px; }
  .single_sns_button.fit_width { padding-bottom:10px; }
  .single_sns_button.fit_width ul { display:block; table-layout:auto; width:-webkit-calc(100% + 5px); width:calc(100% + 5px); }
  .single_sns_button.fit_width li { width:20%; width:-webkit-calc(20% - 5px); width:calc(20% - 5px); display:block; float:left; padding:0; }
  .single_sns_button.fit_width ul.small { display:table; table-layout:fixed; text-align:center; width:-webkit-calc(100% + 5px); width:calc(100% + 5px); }
  .single_sns_button.fit_width ul.small li { width:auto; float:none; display:table-cell; vertical-align:top; padding:0 5px 0 0; }
}
@media screen and (max-width:600px) {
  .single_sns_button li { width:25%; width:-webkit-calc(25% - 5px); width:calc(25% - 5px); }
  #single_sns_button_bottom { margin-bottom:15px; }
  .single_sns_button.fit_width { padding-bottom:10px; }
  .single_sns_button.fit_width ul { display:block; table-layout:auto; width:-webkit-calc(100% + 5px); width:calc(100% + 5px); }
  .single_sns_button.fit_width li { width:25%; width:-webkit-calc(25% - 5px); width:calc(25% - 5px); display:block; float:left; padding:0; }
  .single_sns_button.fit_width ul.small { display:table; table-layout:fixed; text-align:center; width:-webkit-calc(100% + 5px); width:calc(100% + 5px); }
  .single_sns_button.fit_width ul.small li { width:auto; float:none; display:table-cell; vertical-align:top; padding:0 5px 0 0; }
}