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

@media screen and (min-width:1101px) {
  #main_content {
    width:auto; margin:0 10px 25px; 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;
    -webkit-box-sizing:border-box; box-sizing:border-box;
  }
  #main_col {
    width:-webkit-calc(100% - 500px); width:calc(100% - 500px);
    background:#fff; border-right:1px solid #ccc; border-left:1px solid #ccc; box-shadow:3px 0 4px -4px rgba(0, 0, 0, 0.4), -3px 0 4px -4px rgba(0, 0, 0, 0.4);
    flex:0 0 auto; -webkit-flex:0 0 auto; order:2; -webkit-order:2; z-index:3;
    -webkit-box-sizing:border-box; box-sizing:border-box;
  }
  #left_col { width:250px; flex:0 0 auto; -webkit-flex:0 0 auto; order:1; -webkit-order:1; z-index:2; }
  #right_col { width:250px; flex:0 0 auto; -webkit-flex:0 0 auto; order:3; -webkit-order:3; z-index:1; }
  .two_column #main_col { order:1; -webkit-order:1; width:-webkit-calc(100% - 380px); width:calc(100% - 380px); border-left:none; box-shadow:3px 0 4px -4px rgba(0, 0, 0, 0.4); }
  .two_column #left_col { order:2; -webkit-order:2; width:380px; }
  .two_column.two_column_type2 #main_col { order:2; -webkit-order:2; border-right:none; border-left:1px solid #ccc; box-shadow:-3px 0 4px -4px rgba(0, 0, 0, 0.4); }
  .two_column.two_column_type2 #left_col { order:1; -webkit-order:1; }
}

@media screen and (max-width:1100px) and (min-width:801px){
  #main_content {
    width:auto; margin:0 10px 25px; position:relative; position:relative; z-index:3;
    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;
  }
  #main_col {
    width:-webkit-calc(100% - 250px); width:calc(100% - 250px);
    background:#fff; border:1px solid #ccc; box-shadow:0 0 3px 0px rgba(0,0,0,0.2);
    flex:0 0 auto; -webkit-flex:0 0 auto; order:1; -webkit-order:1; z-index:3;
    -webkit-box-sizing:border-box; box-sizing:border-box;
  }
  #left_col {
    box-shadow:0 0 3px 0px rgba(0,0,0,0.2);
    border:1px solid #ccc; border-left:none; width:250px; background:#fff; flex:0 0 auto; -webkit-flex:0 0 auto; order:2; -webkit-order:2; z-index:2;
    -webkit-box-sizing:border-box; box-sizing:border-box;
  }
  .two_column.two_column_type2 #main_col { order:2; -webkit-order:2; }
  .two_column.two_column_type2 #left_col { order:1; -webkit-order:1; border-right:none; border-left:1px solid #ccc; }
  #right_col {
    width:100%; background:#fff; border:1px solid #ccc; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.2); flex:none; order:3; -webkit-order:3; margin:25px 0 0 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;
    -ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between;
    -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;
    -webkit-box-sizing:border-box; box-sizing:border-box;
  }
  #right_col .side_widget:nth-child(3n) { border-right:none; }
  #right_col .side_widget:last-of-type { margin-bottom:-1px; }
}

@media screen and (max-width:800px) {
  #main_col { margin:0 10px 20px; background:#fff; border:1px solid #ccc; position:relative; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.2); z-index:2; }
  #left_col { margin:0 10px 20px; background:#fff; border:1px solid #ccc; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.2); }
  #right_col { margin:0 10px 20px; background:#fff; border:1px solid #ccc; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.2); }
}
@media screen and (max-width:450px) {
  #main_col { margin:0 0 20px; border-left:none; border-right:none; box-shadow:0; }
}

.no_side #main_content { width:auto; margin:0 10px 25px; background:none; box-shadow:none; display:block; }
.no_side #main_col { border:1px solid #ccc; width:auto; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.2); }
@media screen and (max-width:800px) {
  .no_side #main_content { margin:0; }
}


/* slide menu */
#mobile_left {
  position:fixed; top:0px; left:-350px; width:350px; height:100%; z-index:9999; background:#16BAB4; overflow:auto;
  -webkit-transition:left 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:left 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-backface-visibility: hidden; backface-visibility: hidden;
}
#mobile_right {
  position:fixed; top:0px; right:-350px; width:350px; height:100%; z-index:9999; background:#16BAB4; overflow:auto;
  -webkit-transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -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; }
}




/* ----------------------------------------------------------------------
 basic
---------------------------------------------------------------------- */
/* free space */
.free_space { padding:15px; }




/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */
/* header */
#header { height:163px; width:100%; 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; }
#header_top { width:100%; border-bottom:1px solid #ddd; }
#header_top_inner { margin:0 auto; height:120px; position:relative; }
#header_bottom { width:100%; z-index:2; }
#header_bottom_inner { margin:0 auto; }


/* logo */
#logo_image .pc_image { display:none; }
#logo_image.has_mobile_image .mobile_image { display:inline-block; }
#logo_image img { max-width:50%; height:auto; }
#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; }


/* header_banner and rss feed list */
#header_banner { right:10px; }
#header_feed { right:10px; height:90px; }
#header_top_inner.has_banner #logo_text, #header_top_inner.has_banner #logo_image { position:absolute; left:10px; }
#header_top_inner.has_banner #logo_text .logo a, #header_top_inner.has_banner #logo_image .logo a { text-align:left; }
#header_top_inner.has_banner #logo_text .site_desc, #header_top_inner.has_banner #logo_image .site_desc { text-align:left; }

@media screen and (max-width:1100px) {
  #header_banner { display:none; }
  #header_feed { display:none; }
  #header_top_inner.has_banner #logo_text, #header_top_inner.has_banner #logo_image { position:relative; left:auto; }
  #header_top_inner.has_banner #logo_text .logo a, #header_top_inner.has_banner #logo_image .logo a { text-align:center; }
  #header_top_inner.has_banner #logo_text .site_desc, #header_top_inner.has_banner #logo_image .site_desc { text-align:center; }
}

#header_banner_mobile {
  width:100%; height:auto; float:none; text-align:center; padding:0 10px 20px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#header_banner_mobile img { max-width:100%; height:auto; }


/* global_menu */
#header_bottom .global_menu{ display:none; }
.global_menu { padding:0 15px 20px; }
.global_menu > ul { border-bottom:1px solid #ddd; }

.global_menu li a, .global_menu .home a { font-size:12px; padding:15px 15px 15px 25px; display:block; text-decoration:none; border:1px solid #ddd; color:#fff; border-bottom:none; position:relative; }
.global_menu li a:before, .global_menu .home 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.5);
}
.global_menu li li a { padding-left:37px; }
.global_menu li li a:before { left:27px; }
.global_menu li li li a { padding-left:49px; }
.global_menu li li li a:before { left:39px; }
.global_menu li a:hover, .global_menu .home a:hover { background:rgba(0,0,0,0.2); color:#fff; }


/* menu headline, close button */
.mobile_menu_headline { display:block; font-size:13px; color:#fff; border-bottom:1px solid rgba(255,255,255,0.2); margin:0 -15px 20px; padding:0 15px; height:45px; line-height:47px; }
.mobile_menu_close_button { position:absolute; right:0px; top:0px; height:45px; line-height:45px; display:block; text-indent:-300px; overflow:hidden; text-decoration:none; }
.mobile_menu_close_button:before { font-family:'mono-lab'; content:'\e619'; display:block; font-size:16px; text-indent:0; width:45px; height:45px; line-height:49px; color:rgba(255,255,255,0.5); text-align:center; left:0px; position:relative; }
.mobile_menu_close_button:hover { }
.mobile_menu_close_button:hover:before { color:#fff; }


/* menu button */
#menu_button { display:block; width:43px; height:43px; position:relative; float:left; overflow:hidden; text-decoration:none; }
#menu_button:hover, #menu_button.active { background-color:#009DC4; }
#menu_button span { display:none; }
#menu_button i { width:42px; height:42px; line-height:42px; padding:0; margin:0; display:block; font-style:normal; position:relative; }
#menu_button i:before { font-family:'mono-lab'; color:#888; font-size:24px; position:absolute; top:2px; left:9px; content:"\e618"; }
#menu_button:hover i:before, #menu_button.active i: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 15px; }


/* search form */
.search_area_top { position:relative; right:auto; top:auto; width:100%; height:40px; margin:15px 0 0; }
.search_area_top .search_input input { width:100%; }


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


/* sort button */
.header_sort_list { width:100%; margin:0 auto; }
.header_sort_list li { float:none; width:100%; margin:0 0 5px 0; }
.header_sort_list li a { padding:12px 15px; }
.header_sort_list li a.active:after { display:none; }

#category_area { width:100%; }
#category_area li { float:none; width:100%; margin:0 0 -1px 0; }

@media screen and (max-width:500px) {
  #header { height:48px; width:100%; 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; position:relative; }
  #header_top { width:100%; border-bottom:none; }
  #header_top_inner { margin:0; height:48px; width:100%; position:absolute; left:0; top:0; z-index:1; }
  #header_bottom { width:100%; z-index:2; }
  #header_bottom_inner { margin:0 auto; }
  #logo_text .site_desc, #logo_image .site_desc { display:none; }
  #menu_button { width:48px; height:48px; position:absolute; left:0px; top:0px; z-index:10; background:#fff; }
  #menu_button i:before { top:5px; left:10px; }
  #search_button { height:48px; width:48px; position:absolute; right:0px; top:0px; z-index:10; }
}


/* fixed header */
.header_fixed #header {
  height:48px; width:100%; margin:0 0 30px 0; border-bottom:1px solid #ccc; z-index:500; box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1); background:#fff;
  position:fixed; top:0px; right:0px;
}
.header_fixed #header_top { width:100%; border-bottom:none; }
.header_fixed #header_top_inner { margin:0; height:48px; width:100%; position:absolute; left:0; top:0; z-index:1; }
.header_fixed #header_bottom { width:100%; z-index:2; }
.header_fixed #header_bottom_inner { margin:0 auto; }
.header_fixed #logo_text .site_desc, .header_fixed #logo_image .site_desc { display:none; }
#fix_header_logo { display:none; }
.header_fixed #menu_button { width:48px; height:48px; position:absolute; left:0px; top:0px; z-index:10; background:#fff; }
.header_fixed #menu_button i:before { top:5px; left:10px; }
.header_fixed #search_button {
  height:48px; width:48px; position:absolute; right:0px; top:0px; z-index:10;
  background:#fff url(img/search.png) no-repeat 17px 18px;
  -webkit-background-size:15px; background-size:15px;
}
.header_fixed #search_button:hover {
  background:#009DC4 url(img/search_on.png) no-repeat 17px 18px;
  -webkit-background-size:15px; background-size:15px;
}
.header_fixed { padding-top:262px; }
.header_slide_down #header { animation: slideDown 0.5s ease; -webkit-animation: slideDown 0.5s ease; }

@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; }
#fix_header_image_logo { display:none; }
#fix_header_text_logo { display:none; }




/* ----------------------------------------------------------------------
 Header slider1
---------------------------------------------------------------------- */
#header_content1 { width:100%; overflow:hidden; margin:-30px 0 -41px; position:relative; }
#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 .slick-prev, #header_slider .slick-next { margin-top:-30px; }
#header_slider:hover .slick-prev { left:0px; }
#header_slider:hover .slick-next { right: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
---------------------------------------------------------------------- */
.header_content2 { height:auto; width:100%; overflow:hidden; margin:-30px 0 -41px; padding:20px 0 60px;  position:relative; }
#content_slider2 { margin:0; }
#content_slider2 .post_thumbnail:after { display:none; }

@media screen and (max-width:485px) {
  #content_slider2 .item { margin:0 10px; width:100%; height:auto; }
  #content_slider2 .slick-prev { left:0px; top:0; bottom:0; margin:auto; }
  #content_slider2 .slick-next { right:0px; top:0; bottom:0; margin:auto; }
}




/* ----------------------------------------------------------------------
 Header slider3
---------------------------------------------------------------------- */
.header_content3 {
  width:100%; overflow:hidden; margin:-30px 0 -40px; padding:25px 10px 65px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#content_slider3_wrap { width:100%; }
#content_slider3 { width:-webkit-calc(100% - 250px); 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; }
#content_slider3 .slick-prev { display:none !important; }
#content_slider3 .slick-next { display:none !important; }

@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_nav { display:none; }
  #content_slider3 .slick-prev { display:block !important; left:-10px; top:0; bottom:0; margin:auto; }
  #content_slider3 .slick-next { display:block !important; right:-10px; top:0; bottom:0; margin:auto; }
}

@media screen and (max-width:800px) {
  .header_content3 { height:auto; width:100%; overflow:hidden; margin:-30px 0 -41px; padding:20px 0 60px; position:relative; }
  #content_slider3_wrap { width:auto; height:auto; overflow:visible; margin:0 10px; 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); }
  #content_slider3 .post_title { font-size:16px; max-height:84px; overflow:hidden; }
  #content_slider3 .post_title a { color:#fff; }
  #content_slider3 .post_meta_top li,
  #content_slider3 .post_meta_top li a,
  #content_slider3 .post_meta_top 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_nav { display:none; }
  #content_slider3 .slick-prev { display:block !important; left:-10px; top:0; bottom:0; margin:auto; }
  #content_slider3 .slick-next { display:block !important; right:-10px; top:0; bottom:0; margin:auto; }
}

@media screen and (max-width:550px) {
  #content_slider3 { height:auto; }
  #content_slider3 .item { height:auto; overflow:visible; }
  #content_slider3 .post_thumbnail { width:100%; float:none; overflow:visible; }
  #content_slider3 .post_thumbnail img { width:100%; height:auto; }
  #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:18px; margin:0 0 5px 0; max-height:none; }
  #content_slider3 .post_excerpt { display:none; }
  #content_slider3 .post_list_sns_button { display:none; }
}




/* ----------------------------------------------------------------------
 Header slider4
---------------------------------------------------------------------- */
.header_content3.type2 #content_slider3_wrap { box-shadow:none; }
.header_content3 .slider_banner { width:336px; height:280px; float:left; }
.header_content3 .slider_banner img { max-width:100%; height:auto; }
.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; padding:20px 0 0; }
}




/* ----------------------------------------------------------------------
 Header popular post list plus banner
---------------------------------------------------------------------- */
.header_content5 {
  height:auto; min-width:inherit; margin:-30px 0 -40px; position:relative;  padding:25px 10px 65px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#header_content5 { width:auto; }
#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 li:nth-child(5n) { border-right: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:-10px; }
  #header_popular_post ol:hover .slick-next { opacity:1; right:-10px; }
  #header_popular_post.one_post_list .slick-prev { top:100%; }
  #header_popular_post.one_post_list .slick-next { top:100%; }
}

@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_content5 { padding:20px 10px 60px; }
  #header_popular_post { width:100%; margin:0 0 20px 0; }
  .header_content5 .slider_banner { width:100%; height:auto; float:none; text-align:center; padding:20px 0 0; }
  .header_content5 .slider_banner img { max-width:100%; height:auto; }
}




/* ----------------------------------------------------------------------
 Header rss feed list plus banner
---------------------------------------------------------------------- */
.header_content6 {
  height:auto; min-width:inherit; margin:-30px 0 -40px; position:relative;  padding:25px 10px 65px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#header_content6 { width:auto; }
#rss_list {
  width:-webkit-calc(100% - 360px); width:calc(100% - 360px);
}

@media screen and (max-width:800px) {
  .header_content6 { height:auto; width:100%; overflow:hidden; margin:-30px 0 -41px; padding:20px 0 60px; position:relative; }
  #header_content6 { width:auto; height:auto; overflow:visible; margin:0 10px; }
  #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; padding:20px 0 0;
    -webkit-box-sizing:border-box; box-sizing:border-box;
  }
  .header_content6 .slider_banner img { max-width:100%; height:auto; }
}

@media screen and (max-width:500px) {
  .rss_list, .rss_list.right { float:none; height:100px; width:auto; }
  .rss_list.right { margin:15px 0 0 0; border-top:1px solid #ddd; padding: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; }




/* ----------------------------------------------------------------------
 Post list for smartphone
---------------------------------------------------------------------- */
#post_list_mobile { }
#post_list_mobile .article { border-bottom:1px dotted #ccc; padding:15px 15px 8px; }
#post_list_mobile .post_thumbnail { width:70px; height:70px; float:left; border-radius:3px; overflow:hidden; margin:0 15px 5px 0; }
#post_list_mobile .post_thumbnail img { width:100%; height:auto; }
#post_list_mobile .post_data { float:left; width:-webkit-calc(100% - 85px); width:calc(100% - 85px); }
#post_list_mobile .post_title { font-size:13px; line-height:160%; margin:0 0 5px 0; font-weight:normal; }
#post_list_mobile .post_title a { text-decoration:none; display:block; }
#post_list_mobile .post_meta_top { margin:0 0 12px 0; }
#post_list_mobile .post_list_sns_button { }




/* ----------------------------------------------------------------------
 contents builder basic
---------------------------------------------------------------------- */
/* headline */
#contents_builder .cb_contents:first-of-type .headline, #contents_builder .cb_contents .headline { padding:0 15px; }


/* button */
.cb_contents .headline a { right:15px; }
.cb_archive_button { margin:0px 15px 20px; }

.cb_contents .cb_free { padding:20px 15px; }
.cb_contents .cb_banner { padding:20px 15px; }




/* ----------------------------------------------------------------------
 contents builder post type1
---------------------------------------------------------------------- */
.cb_post_list1 { display:block; padding-bottom:10px; }
.cb_post_list1 .post_area { width:100%; }
.cb_post_list1 .large_post_area { width:auto; border-right:none; padding:0 0 15px; margin:0 15px; }

.cb_post_list1 .large_post_area .image { width:-webkit-calc(50% - 10px); width:calc(50% - 10px); position:relative; float:left; margin:0 20px 0 0; }
.cb_post_list1 .large_post_area .data { float:left; width:-webkit-calc(50% - 10px); width:calc(50% - 10px); }

.cb_post_list1 .small_post_area {
  padding:0 15px; overflow:hidden;
  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 .small_post_area .article, .cb_post_list1 .small_post_area .article:last-of-type {
  width:50%; border:none; 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_list1 .small_post_area .article:nth-child(odd) { padding-right:10px; }
.cb_post_list1 .small_post_area .article:nth-child(even) { padding-left:10px; }

@media screen and (max-width:1000px){
  .cb_post_list1 .small_post_area .data { width:100%; float:none; }
}
@media screen and (max-width:600px) {
  .cb_post_list1 .large_post_area .image { float:none; width:100%; height:100% !important; margin:0 0 15px 0; }
  .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 .large_post_area .data { float:none; width:100%; }
  .cb_post_list1 .small_post_area { display:block; }
  .cb_post_list1 .small_post_area .article, .cb_post_list1 .small_post_area .article:last-of-type { width:100%; }
  .cb_post_list1 .small_post_area .article:nth-child(odd) { padding-right:0px; }
  .cb_post_list1 .small_post_area .article:nth-child(even) { padding-left:0px; }
}




/* ----------------------------------------------------------------------
 contents builder post type2
---------------------------------------------------------------------- */
.cb_post_list2 .large_post_area { padding:0 15px 10px; }

.cb_post_list2 .large_post_area .image { width:-webkit-calc(50% - 10px); width:calc(50% - 10px); position:relative; margin:0 20px 0 0; }
.cb_post_list2 .large_post_area .data { width:-webkit-calc(50% - 10px); width:calc(50% - 10px); }

.cb_post_list2 .small_post_area { padding:0 15px; }
.cb_post_list2 .small_post_area .article:nth-child(odd) { padding-right:10px; }
.cb_post_list2 .small_post_area .article:nth-child(even) { padding-left:10px; }

@media screen and (max-width:600px) {
  .cb_post_list2 .large_post_area .image { float:none; width:100%; height:100% !important; margin:0 0 15px 0; }
  .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 { float:none; width:100%; }
  .cb_post_list2 .small_post_area { display:block; }
  .cb_post_list2 .small_post_area .article, .cb_post_list2 .small_post_area .article:last-of-type { width:100%; }
  .cb_post_list2 .small_post_area .article:nth-child(odd) { padding-right:0px; }
  .cb_post_list2 .small_post_area .article:nth-child(even) { padding-left:0px; }
}




/* ----------------------------------------------------------------------
 contents builder post type3
---------------------------------------------------------------------- */
.cb_post_list3  { padding:0 15px; }
.cb_post_list3 .image { width:35%; position:relative; margin:0 20px 0 0; }
.cb_post_list3 .data { width:-webkit-calc(65% - 20px); width:calc(65% - 20px); }

@media screen and (max-width:600px) {
  .cb_post_list3 .image { width:35%; height:100% !important; margin:0 20px 0 0; }
  .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 .post_title { font-size:17px !important; }
}

@media screen and (max-width:480px) {
  .cb_post_list3 .data { width:auto; float:none; }
}




/* ----------------------------------------------------------------------
 contents builder post type4
---------------------------------------------------------------------- */
.cb_post_list4  { padding:0 15px; margin-right:-20px; }
.cb_post_list4 article {
 margin:0 20px 15px 0;
 width:-webkit-calc(50% - 15px); width:calc(50% - 20px);  
}
.cb_post_list4 .image { height:150px !important; }

@media screen and (max-width:480px) {
  .cb_post_list4 { display:block; margin:0; }
  .cb_post_list4 article { width:100%; margin:0 0 15px 0; }
  .cb_post_list4 .image { width:100%; height:100% !important; margin:0 0 15px 0; }
  .cb_post_list4 .image:before { content:""; display: block; padding-top:62%; }
  .cb_post_list4 .image .img { position:absolute; top:0; bottom:0; left:0; right:0; }
  .cb_post_list4 .data .post_title { font-size:17px !important; }
}




/* ----------------------------------------------------------------------
 article
---------------------------------------------------------------------- */

/* bread crumb */
#bread_crumb .home a { width:50px; }
#bread_crumb .home i:before { left:15px; }


/* post header */
#article #page_title { padding:30px 15px 30px; }
#article #post_header { padding:30px 15px 30px; }
#article #post_header.show_avatar { padding:35px 15px 30px; }
#article .post_content { margin:0 15px 10px; }

@media screen and (max-width:600px) {
  #article #post_title { font-size:21px !important; font-weight:bold; }
  #article #page_title { font-size:21px !important; font-weight:bold; }
  #article #post_header { padding:25px 15px 25px; }
  #article #post_header.show_avatar { padding:25px 15px 25px; }
}


/* post meta */
#post_meta_bottom { padding:20px 15px; margin:0 15px 30px; }
.share_button_top { float:none; display:block; margin:0 0 5px 0 !important; }

@media screen and (max-width:600px) {
  .single_post_meta li .avatar img { width:35px; height:35px; top:-4px; }
}


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


/* post reading time */
#post_meta_middle { margin:0 15px 20px; }
.post_reading_time p { float:none; }
.post_reading_time p:before { top:-7px; }


/* author profile */
@media screen and (max-width:600px) {
  .author_profile { padding:20px 15px; margin:0 15px 30px; }
  .author_profile .author_avatar { float:none; margin:0; display:block; margin:0 0 15px 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; text-align:center; }
  #author_profile_archive { clear:both; border-bottom:1px solid #ccc; margin:0; padding:20px 15px; }
  .author_link { text-align:center; }
  .author_social_link { text-align:center; font-size:0; }
  .author_social_link li { float:none; display:inline-block; margin:0 2.5px 5px; }
}


/* author post */
#single_author_post .headline { padding:10px 15px 8px; }
#single_author_post ol { margin:0 -20px 0 15px; }
#single_author_post .image { width:100%; height:100px !important; }

@media screen and (max-width:600px) {
  #single_author_post { margin:0 0 20px 0; }
  #single_author_post ol { margin:0 15px; }
  #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:25%; height:auto !important; float:left; margin:0 15px 0 0; }
  #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; }
}


/* related post */
#related_post .headline { padding:10px 15px 8px; }
#related_post ol { margin:0 -10px 0 15px; }
#related_post li { margin:0 10px 20px 0; width:-webkit-calc(50% - 20px); width:calc(50% - 20px); }
#related_post .image { width:47%; height:100px !important; margin:0 15px 0 0; }

@media screen and (max-width:600px) {
  #related_post ol { margin:0 15px; }
  #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:25%; height:auto !important; float:left; margin:0 15px 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; }
}


/* next prev post link type2 */
.next_prev_post { padding:0; }

@media screen and (max-width:600px) {
  .next_prev_post { margin:30px 15px 0; display:block; padding:0; }
  .next_prev_post .nav { margin:0; line-height:100%; width:100%; flex:0 0 auto; min-height:auto; }
  .next_prev_post .nav:first-child a { border:1px solid #ccc; }
  .next_prev_post .nav:only-child a { border:1px solid #ccc; border-radius:5px; }
  .next_prev_post a { padding:10px; min-height:92px; }
  #next_prev_post2 a { padding:10px 10px 15px; min-height:0; }
  .next_prev_post .next_post a { -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; }
  .next_prev_post .prev_post a { -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; margin:0 0 -1px 0; }
}




/* ----------------------------------------------------------------------
 News
---------------------------------------------------------------------- */
.news_list { margin:0 15px; }

#recent_news_list .headline { padding:10px 15px 8px; }
#recent_news_list .archive_link { margin:15px 15px; }




/* ----------------------------------------------------------------------
 post list
---------------------------------------------------------------------- */

/* archive page headline */
#archive_headline { padding:0 15px; }


/* category description */
@media screen and (max-width:480px) {
  #category_image { float:none; margin:0 auto 20px; width:100px; border-radius:5px; display:block; }
}


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




/* ----------------------------------------------------------------------
 post list1
---------------------------------------------------------------------- */
/* featured image */
@media screen and (max-width:550px) {
  #post_list1 .post_featured_image { height:200px !important; }
}


/* post meta bottom */
@media screen and (max-width:550px) {
  #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 list2
---------------------------------------------------------------------- */
#post_list2 .image {
  margin:0 0 0 15px; width:35%; float:left; height:100% !important;
  width:-webkit-calc(35% - 15px); width:calc(35% - 15px);
}
#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%; margin:0; padding:0 15px 0 20px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#post_list2 .no_thumbnail .post_data, .no-thumbnail #post_list2 .post_data { float:none; width:auto; margin:0 15px 0; padding:0; }

@media screen and (max-width:550px) {
  #post_list2 .image { margin:0 15px 15px; width:auto; float:none; }
  #post_list2 .image:before { padding-top:55%; }
  #post_list2 .post_data { float:none; width:auto; margin:0 15px; padding:0; }
  #post_list2 .no_thumbnail .post_data { float:none; width:auto; margin:0 15px; }
}




/* ----------------------------------------------------------------------
 post list3
---------------------------------------------------------------------- */
#post_list3 .article { padding:0 10px 0 15px; }
#post_list3 .article:nth-child(even) { padding:0 15px 0 10px; }
#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; }

@media screen and (max-width:550px) {
  #post_list3 { }
  #post_list3 .article { padding:20px 0; margin:0; width:100%; float:none; position:relative; border-bottom:1px dotted #aaa; -webkit-box-sizing:border-box; box-sizing:border-box; }
  #post_list3 .article:nth-child(even) { padding:20px 0; }
  #post_list3 .post_row { border:none; padding:0; }
  #post_list3 .image { margin:0 15px 15px; width:auto; float:none; }
  #post_list3 .image:before { padding-top:55%; }
  #post_list3 .post_data { float:none; width:auto; margin:0 15px; padding:0; }
  .no-thumbnail #post_list3 .post_data { float:none; width:auto; }
  .no-thumbnail #post_list3 .post_title { margin-top:0; }
}





/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
/* footer */
#footer { width:auto; min-width:inherit; padding:25px 10px 0; }
#footer_widget_area { width:auto; min-width:inherit; }
#footer_widget_area_inner { width:inherit; margin:0 auto 0px; }
.footer_widget {
  width:-webkit-calc(100% / 3); width:calc(100% / 3);
  margin:0 0 20px 0; padding:0 15px; border:none;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}

@media screen and (max-width:800px) {
  #footer { width:100%; min-width:0; margin:10px 0 0 0; background:#fff; padding:0; }
  #footer_widget_area { width:auto; min-width:0; margin:0; }
  #footer_widget_area_inner { width:auto; margin:0; display:block; }
  .footer_widget { width:auto; float:none; margin:0 0 -1px 0; padding:20px 15px; border:none; border-bottom:1px dotted #aaa; font-size:12px; }
  .footer_widget li ul { margin:10px 0 0 1em; }
  .footer_widget li { line-height:170%; margin:0 0 10px 0; padding:0; }
  .footer_widget a { color:#666; }
  .footer_widget img { height:auto; max-width:100%; width:auto; }
  .footer_widget p { line-height:2; margin:0 0 2em; }
  .footer_widget p:last-child { margin:0; }
}


/* copyright */
#footer_bottom { min-width:inherit; }
#footer_bottom_inner { width:inherit; }
#footer_bottom.no_footer_widget { padding-top:0px; }

@media screen and (max-width:800px) {
  #footer_bottom { width:100%; min-width:0; }
  #footer_bottom_inner { width:auto; padding-top:0; }
  #footer_menu { text-align:left; margin:0 0 35px 0; }
  #footer_menu li { display:block; }
  #footer_menu li a, #footer_menu li:first-child a { display:block; margin:0; padding:20px 15px 20px 30px; border:none; border-bottom:1px solid #ddd; text-decoration:none; position:relative; }
  #footer_menu li a:before { font-family:'mono-lab'; color:#bbb; font-size:11px; position:absolute; top:21px; left:15px; content:"\e610"; }
  #footer_menu li a:hover, #footer_menu li a:hover:before { color:#fff; }
}




/* ----------------------------------------------------------------------
 comment
---------------------------------------------------------------------- */
#comments { padding:0 15px; }
.page #comments { margin-bottom:50px; }
#comment_header { margin:0 -15px 30px; }
#comment_header .headline { margin:0 0 0 15px; }
#comment_header #comment_tab { right:15px; }
#comment_header #comment_tab li a { padding:10px 30px 12px; }
#comments .post_content { padding:0; margin:0; }
.comment_meta a { padding:3px 15px; }
.bad_comment_message .open { border:1px solid #ccc; font-size:11px; padding:0 15px; margin:10px 0; }

@media screen and (max-width:480px) {
  #comment_header { border-bottom:none; margin:0 0px; position:relative; height:auto; }
  #comment_header .headline { position:relative; left:0px; bottom:0; margin:35px -15px 20px; padding:0 15px 8px; display:block; border-bottom:1px solid #ccc; }
  #comment_header #comment_tab { margin:0 0 30px 0; padding:0; position:relative; right:0px; bottom:0px; }
  #comment_header #comment_tab li { width:50%; font-size:10px; }
  #comment_header #comment_tab li a { padding:15px 0px 12px; text-align:center; }
  .commentlist .children { margin-left:0; }
  .commentlist .avatar { width:35px; height:35px; }
  #has_avatar .main_comment { margin-left:45px; }
  .comment_name_date span.comment-date { display:block; margin:7px 0 0 0; }
  .commentlist .child_menu_button { margin-left: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
---------------------------------------------------------------------- */

.side_widget { padding:0 15px 20px; }
.side_headline { margin:0 -15px 20px; padding:10px 15px; }
@media screen and (max-width:800px) {
  .side_widget:last-of-type { border-bottom:none; }
}


/* information */
.iw_social_link { text-align:left; }
.iw_social_link li { float:left; display:block; margin:0 5px 5px 0; }
.iw_social_link li a { width:38.5px; height:38.5px; }
.iw_social_link li a:after { width:38.5px; height:38.5px; line-height:40px; }


/* search */
.iw_search_area .search_input input, .widget_search #search-box, .widget_search #s { width:75%; margin:0; padding:0 10px; }
.iw_search_area .search_button input, .widget_search #search-btn input, .widget_search #searchsubmit { border:none; border-left:1px solid #ccc; background:#fff url(img/search.png) no-repeat center 11px; -webkit-background-size:15px; background-size:15px; width:25%; }


/* calendar widget */
#wp-calendar td a { -webkit-border-radius:3px; border-radius:3px; }


/* category menu */
.ml_category_list_widget { padding-bottom:0; }
.ml_category_list_widget ul { margin:0 -15px; }
.ml_category_list_widget ul ul { margin:0; }
.ml_category_list_widget li a { padding:15px 15px; }
.ml_category_list_widget li li a { padding-left:15px; }
.ml_category_list_widget li li li a { padding-left:25px; }
.ml_category_list_widget li .count { right:15px; }

@media screen and (max-width:1100px) and (min-width:801px){
  #right_col .ml_category_list_widget li .count { right:5px; }
}

@media screen and (max-width:480px){
  .ml_category_list_widget li .count { right:5px; }
}


/* custom  nav menu */
.widget_nav_menu { padding-bottom:0px; }
.widget_nav_menu ul { margin:0 -15px; }
.widget_nav_menu ul ul { margin:0; }
.widget_nav_menu li a { padding:15px 15px; }
.widget_nav_menu li li a { padding-left:15px; }
.widget_nav_menu li li li a { padding-left:25px; }


/* Post list widget large ver */
@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; }
}

@media screen and (max-width:800px) {
  .widget_post_list.large {
    overflow:hidden;
    display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
    -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
  }
  .widget_post_list.large li {
    width:50%; padding:10px 0 10px 0; margin:0 0 -1px 0 !important; border-bottom:1px dotted #ccc;
    -webkit-box-sizing:border-box; box-sizing:border-box;
  }
  .widget_post_list.large li:nth-child(odd) { padding-right:15px; }
  .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; }
}

@media screen and (max-width:550px) {
  .widget_post_list.large { display:block; }
  .widget_post_list.large li, .widget_post_list.large li:nth-child(odd) { width:100%; padding-right:0; }
  .widget_post_list.large .image { width:30%; }
}

.smartphone .widget_post_list.large li { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #ccc; }
.smartphone .widget_post_list.large li:last-child { margin:0; padding:0; border:none; }
.smartphone .widget_post_list.large .image { width:70px; height:70px; float:left; margin:0 15px 0 0; }


/* 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(100% / 6 - 3px); width:calc(100% / 6 - 3px); }
}

@media screen and (max-width:550px) {
  .thumbnail_list li { width:-webkit-calc(25% - 3px); width:calc(25% - 3px); }
}


/* Author_list */
.ml_author_list_widget ul.no_avatar { margin:-20px -15px 20px; }
.ml_author_list_widget ul.no_avatar li { float:left; width:50%; }
.ml_author_list_widget ul.no_avatar li a { padding:12px 15px; }

.ml_author_list_widget ul.has_avatar { margin-bottom:10px; }
.ml_author_list_widget ul.has_avatar li { float:left; margin:0 0 5px 0; padding:0 0 5px 0; width:50%; border-bottom:1px dotted #ccc; }
.ml_author_list_widget ul.has_avatar li a { display:block; }
.ml_author_list_widget ul.has_avatar li img { display:block; width:39px; height:39px; margin:0 15px 0 0 !important; float:left; }
.ml_author_list_widget ul.has_avatar li span.name { height:39px; line-height:39px; display:inline-block; }

@media screen and (max-width:480px) {
  .ml_author_list_widget ul.no_avatar li { float:none; width:100%; }
  .ml_author_list_widget ul.has_avatar li { float:none; width:100%; }
}


/* Adsense */
.ml_ad_widget .wide { margin:20px -20px 0; }

@media screen and (max-width:450px) {
  .ml_ad_widget .wide { margin:20px -15px 0; }
}

@media screen and (max-width:380px) {
  .ml_ad_widget .wide { margin:-20px -15px; }  
}


/* News widget */
.news_list_widget { padding-bottom:0px; }
.news_list_widget ol { margin:0 -15px; }
.news_list_widget li { padding:10px 15px 10px; }
.news_list_widget .archive_link { margin:0 -15px; padding:15px 15px; }




/* ----------------------------------------------------------------------
 share button
---------------------------------------------------------------------- */
.single_sns_button { margin:0 15px; }
.single_sns_button ul { margin-bottom:10px; }
#single_sns_button_bottom { margin-bottom:10px; }
@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: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: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; }
}