/*
Theme Name: Sparkling
Theme URI: http://colorlib.com/wp/themes/sparkling
Author: Colorlib
Author URI: http://colorlib.com/
Description: Sparkling is a clean minimal and responsive WordPress theme well suited for travel, health, business, finance, portfolio, design, art, photography, personal and any other creative websites and blogs. Developed using Bootstrap 3 that makes it mobile and tablets friendly. Theme comes with full-screen slider, social icon integration, author bio, popular posts widget and improved category widget. Sparkling incorporates latest web standards such as HTML5 and CSS3 and is SEO friendly thanks to its clean structure and codebase. It has dozens of Theme Options to change theme layout, colors, fonts, slider settings and much more. Theme is also translation and multilingual ready and is available in Spanish, French, Dutch, Polish, Russian, German, Brazilian Portuguese, Portuguese (Portugal), Persian (Iranian language), Romanian and Italian. Sparkling is a free WordPress theme with premium functionality and design. Now theme is optimized to work with bbPress, Contact Form 7, Jetpack and other popular free and premium plugins.
Version: 1.7.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sparkling
Domain Path: /languages/
Tags: green, light, white, gray, black, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, photoblogging, left-sidebar, translation-ready, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, theme-options, threaded-comments


This theme, like WordPress, is licensed under the GPL.

sparkling is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

*/

/* Table of content
-----------------------------------------------
1. Global
2. Content
3. Post styling
4. Singe Post/Page Pagination
5. Media
6. Widgets
7. Buttons
8. Infinite Scroll
8. Custom Styles
9. Navigation
10. Comments
11. Attachment styling
12. Gallery
13. Footer
14. Social icons
15. Call For Action
*/

/* =Global
----------------------------------------------- */

body {
  color: 6B6B6B;
  background-color: transparent;
  word-wrap: break-word;
  font-family: 'Quicksand', "游ゴシック体", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.7;
  font-size: 14px;
}

a {
  color: #DA4453;
  text-decoration: none;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
          transition: all 0.3s;
}

a:hover,
a:focus {
  color: #DADADA;
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

h1, h3, h4, h5, h6, .h1, .h3, .h4, .h5, .h6 {
  color: #DA4453;
  font-weight: 700;
  font-family: 'Quicksand', "游ゴシック体", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1,
.h1 {
  font-size: 28px;
}


/*
h2,
.h2 {
  font-size: 24px;
  color: #333; 
}*/

h3,
.h3 {
  font-size: 20px;
}

h4,
.h4 {
  font-size: 16px;
}

h5,
.h5 {
  font-size: 14px;
}

h6,
.h6 {
  font-size: 13px;
}

img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
  vertical-align: baseline;
}
button,
input,
select,
textarea {
  font-size: 100%; /* Corrects font size not being inherited in all browsers */
  margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
  -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
  -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  -moz-box-sizing:  content-box;
  box-sizing:     content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666;
  border: 1px solid #E8E8E8;
  border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 3px;
}
textarea {
  overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top; /* Improves readability and alignment in all browsers */
  width: 100%;
}


/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar */
}

/* Clearing floats */
.clear:before,
.clear:after,
.gallery:before,
.gallery:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.home-widget-area:before {
  content: '';
  display: table;
}

.clear:after,
.entry-content:after,
.gallery:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.home-widget-area:before {
  clear: both;
}

/* =Content
----------------------------------------------- */

.sticky {
}
.hentry {
  margin: 0;
}
.byline {
  display: none;
}

.hidden{
display:none;
}
.single .byline,
.group-blog .byline {
  display: inline;
  margin-right: 0;
}

.single.single-post{
padding: 0 20px;
margin: 0 auto;
position: relative;
}


.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
.main-content-area {
margin: 20px auto 0;
  width:1240px;
  padding:0 20px;
}
/* =Post styling
----------------------------------------------- */
.entry-meta a {
  font-size: 13px;
  color: #6B6B6B;
}
.entry-meta {
  margin-bottom: 30px;
}
footer.entry-meta {
  margin-bottom: 0;
}
.page-header {
  margin-top: 0;
  border-bottom: 0;
  padding-bottom: 0;
}
.entry-meta .fa {
  font-size: 14px;
  margin-right: 3px;
}
.entry-meta span {
  margin-right: 10px;
}
.entry-title {
  margin-bottom: 30px;
}
.entry-title a {
  color: #444;
}
.entry-title a:hover {
  color: #1A7CDF;
}
a.media-general-link:hover {
  color: #1A7CDF;
}
.btn.btn-default.read-more {
  float: right;
  margin-top: 10px;
  font-size: 12px;
  padding: 11px 13px;
}
.search .btn.btn-default.read-more {
  float: none;
}
hr.section-divider {
  border-color: #E8E8E8;
  margin-top: 50px;
  margin-bottom: 50px;
}
/* author */
.author-bio {
  clear: both;
  width: 100%;
  padding-top: 35px;
  padding-bottom: 35px;
}
.author-bio .avatar {
  float: left;
}
.author-bio-content h4 {
  font-size: 14px;
  margin-top: 0;
}
.author-bio .author-bio-content {
  margin-left: 74px;
}
.secondary-content-box {
  padding-top: 0;
  padding-bottom: 0;
}
.single-view,
.blog-item-wrap {
  //margin-bottom: 50px;
border-top: 1px solid #e1e1e1;
}
.post-inner-content {
  padding: 45px 25px;
  background-color: #fff;
  border: 1px solid #dadada;
  border-top: none;
}
.post-inner-content:first-child {
  border-top: 1px solid #dadada;;
}
.entry-title {
  margin-top: 0;
}
.more-link,
.says {
  display: none;
}
.comment-author .fn,
.author-bio h4,
.comment-reply-title {
  text-transform: uppercase;
  font-weight: 700;
}
.comment-reply-title {
  font-size: 14px;
}
.comment-reply-link {
  background: #C1C0C0;
  border: #C1C0C0;
  font-size: 10px;
  text-transform: uppercase;
}
@media(max-width:767px){
    .post-inner-content {
        padding: 20px 25px;
    }
}
/* =Singe Post/Page Pagination
----------------------------------------------- */
.page-links span {
  display: inline-block;
  color: #fff;
  background-color: #DA4453;
  border-radius: 4px;
  padding: 2px 10px;
  margin-left: 2px;
}
.page-links a span {
  background-color: inherit;
  border: 1px solid #E8E8E8;
  color: #DA4453;
  -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
       -o-transition: all 0.5s;
          transition: all 0.5s;
}
.page-links a:hover span {
  background-color: #DA4453;
  border: 1px solid #DA4453;
  color: #fff;
}
.pagination .fa-chevron-left,
.pagination .fa-chevron-right {
  font-size: 12px;
}
.pagination li a {
  color: #DA4453;
}
.pagination li:hover a {
  color: #DA4453;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  color: #FFF;
  background-color: #DA4453;
  border-color: #DA4453;
}
.pagination>li>a,
.pagination>li>span {
  padding: 9px 14px;
  border-color: #dadada;
}
.bottom-pagination {
  text-align: center;
}

/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.single-featured {
  -webkit-transition: opacity 0.3s linear;
     -moz-transition: opacity 0.3s linear;
       -o-transition: opacity 0.3s linear;
          transition: opacity 0.3s linear;
  display: block;
  margin: auto;
}
.single-featured:hover {
  opacity: 0.8;
}
.wp-caption {
  border: 1px solid #ccc;
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
}
.wp-caption-text {
  text-align: center;
}
.wp-caption .wp-caption-text {
  margin:0;
  font-size:11px;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}

/* =Widgets
----------------------------------------------- */

/* Make sure select elements fit in widgets */
.widget select {
  max-width: 100%;
}
/* Search widget */
.widget_search .search-submit {
  display: none;
}
.widget ul li {
  list-style: none;
  border-bottom: 1px solid #F2F2F2;
  padding: 15px 20px;
-webkit-transition: background-color 0.35s;
transition: background-color 0.35s;
}
.widget ul {
  padding: 0;
  line-height: 18px;
  font-size: 14px;
}
.widget ul.nav.nav-tabs {
  padding: 0;
}
#secondary .widget {
  margin-bottom: 50px;
  color: #C1C0C0;
  overflow: hidden;
}
#secondary .widget:last-child {
  margin-bottom: 0px;
}
.tab-content ul li {
  list-style: none;
}
#secondary .widget_archive ul li:before,
#secondary .widget_categories ul li:before,
#secondary .widget_recent_comments ul li:before {
  font-family: fontawesome;
  margin-right: 10px;
}
#secondary .widget_archive ul li:before {
  content: '\f073';
}
#secondary .widget_categories ul li:before {
  content: '\f115';
}
#secondary .widget_recent_comments ul li:before {
  content: '\f0e5';
}
.well {
  background-color: #fff;
  padding: 0;
  border: none;
  overflow: hidden;
  clear: both;
}
#secondary .widget > h3 {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 25px;
  margin-top: 0;
  color: #636467;
}
#secondary .widget a {
  color: #676767;
}
.widget ul ul {
  padding: 10px;
}
.widget #social ul li {
    border-bottom: 0;
}
.not-found-widget {
  margin-top: 30px;
}


/* Custom Category Widget */
.cats-widget ul li span {
  float: right;
}
/* Recent Post widgets */
.popular-posts-wrapper .post {
  float: left;
  clear: both;
  margin-bottom: 20px;
}
.popular-posts-wrapper .post .post-image {
  width: 60px;
  height: 60px;
  float: left;
  display: block;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #DADADA;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.popular-posts-wrapper .post .post-image img {
  border-radius: 4px;
  opacity: 1;
  -webkit-transition: opacity  0.5s;
     -moz-transition: opacity  0.5s;
       -o-transition: opacity  0.5s;
          transition: opacity  0.5s;
}
.popular-posts-wrapper .post .post-image img:hover {
  opacity: 0.6 !important;
}
.popular-posts-wrapper .post .post-content {
  margin-left: 80px;
}
.widget .post-content > span {
  display: block;
}
#secondary .widget .post-content a {
  color: #DA4453;
}
#secondary .widget .post-content a:hover {
  color: #DADADA;
}
.widget .post-content span {
    font-size: 12px;
}
.tagcloud {
  margin-top: 25px;
}
.tagcloud a {
  padding: 6px 7px;
  margin-right: 0;
  margin-bottom: 4px;
  line-height: 100%;
  display: inline-block;
  color: #FFF !important;
  background-color: #DADADA;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 12px !important;
}
.tagcloud a:hover {
  background-color: #DA4453;
  border-color: #DA4453;
}

/* =Buttons
----------------------------------------------- */
.btn-default, .label-default {
  background-color: #1a7cdf;
  -webkit-transition: background-color 0.3s linear;
     -moz-transition: background-color 0.3s linear;
       -o-transition: background-color 0.3s linear;
          transition: background-color 0.3s linear;
}
.btn-default:hover,
.label-default[href]:hover,
.label-default[href]:focus,
.btn-default:hover, .btn-default:focus,
.btn-default:active,
.btn-default.active,
#image-navigation .nav-previous a:hover,
#image-navigation .nav-next a:hover {
  background-color: #363636;
}
.btn.btn-default {
  color: #FFF;
  text-transform: uppercase;
}
.input-group-btn:last-child>.btn {
  margin-left: 0;
}
button {
  background-color: #DA4453;
  border: none;
  text-transform: uppercase;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  padding: 5px 12px;
  -webkit-transition: background-color 0.3s linear;
     -moz-transition: background-color 0.3s linear;
       -o-transition: background-color 0.3s linear;
          transition: background-color 0.3s linear;
}
button:hover {
  background-color: #363636;
}
#subscription-toggle {
    float: right;
}
/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
  display: block;
}
#infinite-handle span {
  display: block;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
  border-radius: 4px;
  padding: 20px;
  background: transparent;
  border: 1px solid #DADADA;
  background: #fff;
  color: #DA4453;
  -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
       -o-transition: all 0.5s;
          transition: all 0.5s;
}
#infinite-handle span:hover {
  background-color: #DA4453;
  color: #fff;
}
/* =Custom Styles
----------------------------------------------- */
.site-branding {
  margin-top: 20px;
  margin-bottom: 20px;
}
.site-description {
  color: #777;
  font-weight: 200;
  font-size: 16px;
}
.page-template-page-homepage-php .carousel {
  margin-top: -20px;
  margin-bottom: 20px;
}


/* =Navigation
----------------------------------------------- */

.site-content [class*="navigation"] a {
  border: 1px solid #DADADA;
  background-color: #fff;
  padding: 8px 14px;
  font-size: 12px;
  border-radius: 4px;
  display: block;
  margin: 0 0 1.5em;
  overflow: hidden;
}
.paging-navigation {
  text-transform: uppercase;
}
.site-content [class*="navigation"] a:hover {
  color: #fff;
  background: #1A7CDF;
  text-decoration: none;
}
.more-link {
  float: right;
  margin: 10px 0;
}
.single .nav-links {
    margin-top: 30px;
}
[class*="navigation"] .nav-previous {
  float: right;
  text-align: right;
}
[class*="navigation"] .nav-next {
  float: left;
}
.nav>li>a {
  text-transform: uppercase;
}
.navbar.navbar-default {
background-color: rgba(255, 255, 255, 0.6)!important;
font-family: 'Quicksand', "游ゴシック体", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom: 0;
font-weight: 500;
}

.site-header.smaller .navbar-brand {
  color: #545454;
}

.smaller .navbar-default .navbar-nav>li>a {
  line-height: 20px;
  color: #545454;
}

.site-header.smaller .navbar.navbar-default {
background-color: rgba(255, 255, 255, 0.85)!important;
position: fixed;
z-index: 100;
-webkit-transition: background-color 0.35s;
transition: background-color 0.35s;
width:100%;
}

.smaller .navbar-default .navbar-nav > li > a {
  line-height: 20px;
}

.navbar-default .navbar-nav > li > a {
  color: #252525;
  line-height: 40px;
  text-transform: uppercase;
 font-size: 11px;
 font-weight: bold;
 padding: 14px;
}
.navbar > .container .navbar-brand {
  color: #gray;
  font-size: 30px;
  margin: 13px 0;
  font-family: 'Quicksand', "游ゴシック体", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  border-right: none;
  border-left: none;
}
.navbar {
  border-radius: 0;
}
.navbar-default {
  border: none;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #1A7CDF;
  background-color: transparent;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: #DA4453;
}
.dropdown-menu {
  font-size: 13px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #656D78;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #DADADA;
  }
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
@media (min-width: 767px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}
.dropdown-menu > li > a {
  padding: 10px 15px;
  color: #636467;
}
.dropdown-menu,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  border: none;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
  background-color: #DA4453;
  color: #fff;
}

.dropdown-menu .divider {
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-nav > li > .dropdown-menu {
  padding: 0;
}
.navbar-nav > li > a {
  padding-top: 18px;
  padding-bottom: 18px;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.nav.navbar-nav {
  float: right;
}
@media (max-width: 767px) {
/*  .nav.navbar-nav {
    float: none;
  }*/
  .navbar > .container .navbar-brand {
    margin: 0;
  }
  .navbar-default .navbar-nav > li > a {
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

/* =Comments
----------------------------------------------- */

.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
}
#respond {
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 0px !important;
}
#respond > p, #respond p.comment-notes, p.logged-in-as {
  margin-bottom: 10px;
}

p.logged-in-as {
  padding-bottom: 0px;
}
.comment-list {
  margin-bottom: 40px !important;
  margin-left: 0px !important;
  padding-left: 0;
}
.comment-list,
.comment-list .children {
    list-style: none;
}
.comment .comment-body {
  background-color: #ffffff;
  margin: 0;
  overflow: hidden;
  padding: 25px;
  margin-top: 2em;
  padding-left: 100px;
  position: relative;
  border: 1px solid #E8E8E8;
  border-bottom: 1px solid #DADADA;
  border-radius: 4px;
}
.comment-list .children {
  margin-left: 0px!important;
  padding-left: 40px;
  border-left: 1px solid #DADADA;
  background-repeat: no-repeat;
  background-position: left 20px;
}
.comment-list li.comment > div img.avatar {
  position: absolute;
  left: 29px;
  top: 29px;
}
#comment-form-title {
  font-size: 24px;
  padding-bottom: 10px;
}
.comment-author.vcard {
  font-size: 12px;
}
.vcard .avatar {
  position: absolute;
  left: 20px;
  top: 29px;
  border-radius: 2px;
}
.comment-metadata {
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 10px;
}
.comment-reply-link {
  float: right;
}
.form-allowed-tags code {
  word-wrap: break-word;
  white-space: inherit;
}
.comment-respond label {
  display: block;
  font-weight: normal;
}
.comment-respond .required {
  color: #C7254E;
}
#submit {
  font-size: 12px;
}
.comment-navigation,
.single .nav-links {
  overflow: hidden;
  margin-top: 30px;
}

/* =Attachment styling
----------------------------------------------- */
#image-navigation .nav-previous a,
#image-navigation .nav-next a{
  padding: 5px 20px;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  display: block;
}
#image-navigation .nav-previous a:hover,
#image-navigation .nav-next a:hover{
  background-color: #DA4453;
  color: #fff;
}
#image-navigation .nav-previous,
#image-navigation .nav-next {
  margin: 10px 0;
}

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

/* =Footer
----------------------------------------------- */

#footer-area {
  background-color: #313233;
  color: #999;
  min-width: 1240px;
}
#footer-area a {
  color: #DADADA;
}
#footer-area .footer-widget-area {
  padding: 40px 0 20px 0;
  overflow: hidden;
}
#footer-area ul li {
  border-bottom: 1px solid #444;
}
#footer-area .site-info nav ul li {
  border-bottom: none;
}
.widgettitle {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 25px;
  margin-top: 0;
  color: inherit;
}
#footer-area .widget ul li {
  list-style: none;
}
.footer-nav.nav > li {
  position: relative;
  display: inline-block;
}
.footer-nav.nav {
  float: left;
  margin-bottom: 2px;
}
.footer-widget {
  overflow: hidden;
}
.copyright {
  margin-top: 10px;
  float: right;
  text-align: right;
}
#colophon {
  background-color: #1F1F1F;
  padding: 10px 0;
  border-top: 1px solid #3A3A3A;
}
.site-info a {
  color: #252525;
}
.site-info a:hover {
  color: #999;
}
#footer-area a:hover {
  color: #fff;
}
.site-info {
  color: #999;
  font-size: 12px;
}
.footer-nav.nav > li > a:hover {
  background-color: transparent;
}
.scroll-to-top {
  background: #363636;
  background: rgba(100, 100, 100, 0.4);
  color: #FFF;
  bottom: 4%;
  cursor: pointer;
  display: none;
  position: fixed;
  right: 20px;
  z-index: 999;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  width: 40px;
  border-radius: 4px;
  -webkit-transition: background-color 0.3s linear;
     -moz-transition: background-color 0.3s linear;
       -o-transition: background-color 0.3s linear;
          transition: background-color 0.3s linear;
}
.scroll-to-top:hover {
  background: #DA4453;
  opacity: .8;
}

@media (max-width: 768px) {
  .site-info, .copyright {
    text-align: center;
  }
  .footer-nav.nav, .copyright {
    float: none;
  }
}

/* =Social icons
----------------------------------------------- */
#secondary .widget .social-icons a {
  color: #fff;
}

#secondary {
  width : 300px;
  float:right;
  padding:0px;
}

.social-icons {
  position: relative;
  text-align: center;
}
#secondary .widget .social-icons {
  text-align: left;
}
.social-icons a {
  font-size: 18px;
  line-height: 40px;
  list-style: none;
  display: inline-block;
  text-align: center;
  height: 40px;
  width: 40px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 3px;
  background-color: #DADADA;
  -webkit-transition: background-color  0.5s;
     -moz-transition: background-color  0.5s;
       -o-transition: background-color  0.5s;
          transition: background-color  0.5s;
}
#footer-area .social-icons a {
  margin-right: 7px;
  background-color: #363636;
  color: #fff;
}

.social-icons a.facebook:hover {
  background-color: #4265b9 !important;
}
.social-icons a.twitter:hover {
  background-color: #55ACEE !important;
}
.social-icons a.dribbble:hover {
  background-color: #ea4c89 !important;
}
.social-icons a.flickr:hover {
  background-color: #ff0084 !important;
}
.social-icons a.googleplus:hover {
  background-color: #d62408 !important;
}
.social-icons a.skype:hover {
  background-color: #0bbff2 !important;
}
.social-icons a.pinterest:hover {
  background-color: #c31e26 !important;
}
.social-icons a.linkedin:hover {
  background-color: #005987 !important;
}
.social-icons a.vimeo:hover {
  background-color: #1bb6ec !important;
}
.social-icons a.tumblr:hover {
  background-color: #35506b !important;
}
.social-icons a.youtube:hover {
  background-color: #df3333 !important;
}
.social-icons a.instagram:hover {
  background-color: #F95B60 !important;
}
.social-icons a.rss:hover {
  background-color: #f39c12 !important;
}
.social-icons a.foursquare:hover {
  background-color: #2398C9 !important;
}
.social-icons a.soundcloud:hover {
  background-color: #F50 !important;
}
.social-icons a.github:hover {
  background-color: #4183C4 !important;
}
.fa-googleplus:before {
  content: "\f0d5";
}
.fa-vimeo:before {
  content: "\f194";
}

@media (max-width: 992px) {
  .site-branding {
    text-align: center;
  }
}

/* =Call For Action
----------------------------------------------- */
.cfa {
  padding: 30px 0px;
  background: #FFF;
  border-bottom: 1px solid #DADADA;
  text-align: center;
}
.cfa-text{
  font-size: 22px;
  color: #DA4453;
  display: block;
  padding-top: 10px;
}
.cfa-button {
  background-color: transparent;
  color: #DA4453;
  padding: 15px 30px;
  border-color: #DA4453;
}
.cfa-button a {
  color: #DA4453;
}
.cfa-button:hover {
  background-color: #DA4453;
  color: #fff;
}
@media (max-width: 767px) {
  .cfa {
    padding: 0 0 20px;
  }
  .cfa-button {
    padding: 10px 16px;
    margin-top: 10px;
  }
}

/* =Elements when no javaScript is present
----------------------------------------------- */
#submit,
.tagcloud,
.comment-reply-link,
.widget_rss ul,
button[type=submit],
.postform,
table#wp-calendar {
  display: none;
}
.no-js #submit,
.no-js .tagcloud,
.no-js .comment-reply-link,
.no-js .widget_rss ul,
button[type=submit],
.no-js .postform,
.no-js table#wp-calendar {
  display: block;
}


body.home.blog .main-content-inner.col-sm-12.col-md-8.pull-left {
margin-left: 40px;
}

body.archive .main-content-inner.col-sm-12.col-md-8.pull-left {
margin-left: 40px;
}
.main-content-inner.col-sm-12.col-md-8.pull-left {
width: 520px;
padding:0;
margin-left: 15px;
}

/* be-left   */
.be-left{
width:300px;
float:left;
}

.row{
margin:0px;
}

a.media-general-link {
display:block;
min-height: 239px;
padding: 39px 0 28px;
-webkit-transition: background-color 0.35s;
transition: background-color 0.35s;
}

.media_general-right{
float: right;
width: 260px;
}

.media_general-left {
float: left;
width: 240px;
height: 160px;
line-height: 160px;
text-align: center;
position: relative;
}

.posted-on{
float:left;
}

.ibe-writer{
float:left;
}

.entry-date{
float: right;
margin-right:5px;
font-size: 14px;
-webkit-transition: background-color 0.35s;
transition: background-color 0.35s;
}

h2.entry-title {
float:left;
width: 100%;
margin-top: 8px;
margin-bottom:0px;
font-size: 18px;
font-weight: bold;
line-height: 1.75;
-webkit-transition: background-color 0.35s;
transition: background-color 0.35s;
}

.media_general-left img.attachment-.wp-post-image {
max-height: 160px;
width: auto;
}

.media-general-link:hover {
background: #f3f3f3;
}

.widget ul li:hover{
background: #f3f3f3;
}



/* headerの影部分
----------------------------------------------- */

header#masthead {
  min-width: 1240px;
}
/*header#masthead {
position: fixed;
z-index:100;
width: 100%;
}*/

.shadow {
float: left;
margin-bottom: -30px;
width: 100%;
}

#logo{
float:left;
}

#logo img {
//margin-top: 8px;
}
/* フォントアイコン */
@font-face {
	font-family: 'fontello';
	src: url('font/fontello.eot');
	src: url('font/fontello.eot?#iefix') format('embedded-opentype'),
		 url('font/fontello.woff') format('woff'),
		 url('font/fontello.ttf') format('truetype'),
		 url('font/fontello.svg#webfont') format('svg');
}


/*  スクロール後 */
.site-header.smaller #logo img {
//margin-top: 8px;
width: 131px;
}

.site-header.smaller .col-sm-12 {
height: 53px!important;
}

.site-header.smaller {
height:53px!important;
}

.site-header.collapse.navbar-collapse.navbar-ex1-collapse {
height: 53px!important;
}

.site-header .nav.navbar-nav {
/*height: 53px!important;*/
}

.site-header .navbar-nav>li {
/*height: 53px!important;*/
}

.col-lg-12{
padding:0;
}

.mini-box {
height: 145px;
width: 145px;
margin-top: 10px;
}

.right-float{
float:right;
}

.left-float{
float:left
}

.media-links{
width:100%;
min-height:150px;
overflow:hidden;
}

.media-links a{
display:block;
}

.wide-mini-box {
float:left;
width: 300px;
height: 120px;
margin-top: 10px;
}

.media-inner {
overflow: hidden;
}

.navbar-header{
}

.navbar-header h1 {
color: rgb(66, 66, 66);
font-size: 100%;
overflow: hidden;
width: 190px;
margin: 23px 0;
/*-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;*/
font-weight: normal;
line-height: 16px;
}

.site-header.smaller .navbar-header {
height: 100%;
}

 .site-header.smaller .navbar > .container .navbar-brand{
margin:0;
}

.site-header.smaller .navbar-header h1{
margin: 10px 0;
}

/* hoverトップページ記事 */
.site-main a{
color:rgb(55, 55, 55);
}

/* カテゴリー */
.be-category {
line-height: 1;
position: absolute;
bottom: 0;
right: 0;
z-index: 3;
text-align: center;
color: #FFF;
border: 1px solid #fff;
margin:0;
padding: 5px 12px;
font-size:12px;
opacity: 0.8;
background: black;
}

.be-category.jailbreak-apps{
background: deepskyblue;
}

.be-category.sale{
background: mediumslateblue;
}

.be-category.ios-apps{
background: cadetblue;
}

.be-category.news{
background: burlywood;
}

.be-category.jailbreak-news{
background: orangered;
}

.be-category.tips{
background: crimson;
}

.be-category.addon-theme{
background: green;
}


/* カテゴリー */



.container .row {
margin: 0 ;
}

body.single.single-post .main-content-inner.main-content-inner.col-sm-12.col-md-8.pull-left{
	width:640px;
	padding: 0;
}

body.single.single-post .container .row {
margin: 0;
}

.well .row{
margin:0px;
}

h2.page-title{
color:#DA4453;
}

.error404 .main-content-inner.col-sm-12.col-md-8.pull-left {
width: 660px;
}

.error404 .container .row {
margin: 0 50px;
}

.entry-content{
  font-family: 'Quicksand', "游ゴシック体", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
.entry-content p{
letter-spacing: 1px!important;
}

body.home.blog.paged h2, .h2 {
  font-size: 18px;
} 
/*
body.single.single-post h2, .h2{
color: #DA4453;
	font-size:22px;
	font-weight:700;
        line-height:1.3;
}*/
#page .post-inner-content h2.entry-title {
  background-color: white;
  color: #DA4453;
}

body.single.single-post h2.entry-title {
  margin: 0;
  color: #DA4453;
  background-color: white;
	font-weight:700;
        line-height:1.4;
}
.post-inner-content h2 {
    color: white;
    background-color: #E85D6B;
    margin: 20px -25px;
    padding: 10px;
  font-size: 20px;
  line-height: 1.3;
	font-weight:700;
}

.post-inner-content h3 {
	margin: 20px -15px;
    border-bottom: 2px solid;
    padding: 10px;
}

h3.fa-spinner {
    margin: 15px 0;
    border-bottom: none;
    padding: 0px;
}

.post-inner-content h4 {
	margin: 15px -15px;
    padding: 5px;
}

/* 固定ページ */
body.page .container .row {
margin: 0;
}

body.page .container .main-content-inner.col-sm-12.col-md-8.pull-left {
width: 640px;
padding: 0;
}

body.page #secondary {
width: 220px;
}

/* サイドメニューの画像hoverここから */
#secondary .well img:hover {
-webkit-box-shadow: 1px 0 10px 1px rgba(0,0,0,.6);
-moz-box-shadow: 1px 0 10px 1px rgba(0,0,0,.6);
box-shadow: 1px 0 10px 1px rgba(0,0,0,.6);
opacity: 0.9;
-webkit-transition: box-shadow .5s ease;
-moz-transition: box-shadow .5s ease;
-o-transition: box-shadow .5s ease;
transition: box-shadow .5s ease;
}

#secondary .well .textwidget {
padding: 6px;
}

/* サイドメニューの画像hoverここまで */

body.single.single-post #secondary{
width:220px;
}

body.single.single-post .main-content-inner.col-sm-12.col-md-8.pull-left {
margin-left: 15px;
}


.top-space{
margin: 20px auto 0px;
width: 1200px;
height: 150px;
}


.ibe-ad-728x90{
float: left;
display: block;
height: auto;
width: 728px;
}

.winterboard-link{
width: 440px;
height: 90px;
float: right;
margin-top:33px;
}

.winterboard-link img {
-webkit-transition: box-shadow .5s ease;
-moz-transition: box-shadow .5s ease;
-o-transition: box-shadow .5s ease;
transition: box-shadow .5s ease;
}

.winterboard-link img:hover {
-webkit-box-shadow: 1px 0 10px 1px rgba(0,0,0,.6);
-moz-box-shadow: 1px 0 10px 1px rgba(0,0,0,.6);
box-shadow: 1px 0 10px 1px rgba(0,0,0,.6);
opacity: 0.9;
}

.tweak-search img {
-webkit-transition: box-shadow .5s ease;
-moz-transition: box-shadow .5s ease;
-o-transition: box-shadow .5s ease;
transition: box-shadow .5s ease;
}

.tweak-search img:hover {
-webkit-box-shadow: 1px 0 10px 1px rgba(0,0,0,.6);
-moz-box-shadow: 1px 0 10px 1px rgba(0,0,0,.6);
box-shadow: 1px 0 10px 1px rgba(0,0,0,.6);
opacity: 0.9;
}
.left-ad{
margin: 10px auto;
width: 160px;
height: 640px;
}
.between{
text-align:center;	
}

.pc-between-ad{
border-top: 1px solid #e1e1e1;
display: block;
min-height: 239px;
padding: 10px 0;
}

.more-ad {
text-align:center;
margin: 10px auto;
}

.be-sideimg img {
-webkit-transition: box-shadow .5s ease;
-moz-transition: box-shadow .5s ease;
-o-transition: box-shadow .5s ease;
transition: box-shadow .5s ease;
margin-top:8px;
}

.be-sideimg img:hover {
-webkit-box-shadow: 1px 0 10px 1px rgba(0,0,0,.6);
-moz-box-shadow: 1px 0 10px 1px rgba(0,0,0,.6);
box-shadow: 1px 0 10px 1px rgba(0,0,0,.6);
opacity: 0.9;
}

blockquote:before {
content: "\f10d";
}

p.vcard.author{
float:left;
}


/*------------- 右カラム ------------*/
.snsbox.card.scroll {
  position: fixed;
  top : 95px;
}

.be-right {
  float: right;
  width:230px;
  text-align:center;
}

.be-right .input-group .form-control {
    font-size: 12px;
}
.snsbox {
    width: 210px;
}


.snsbtn{
	font-size: 18px;
	line-height: 2;
	margin:5px 0 15px;
    font-size: 16px;
}

.snsbtn a{
	color:white;
  display: block;
  margin: 7px 0;
}

.snsbtn a:hover{
	color:white;
	opacity:0.8;
}

.twitter-btn {
  background-color: #00ACED;
	box-shadow: 0px 2px 0 0 rgb(0, 144, 199);
}

.facebook-btn {
  background-color: #3B5998;
  box-shadow: 0px 2px 0 0 rgb(41, 63, 108);
}

.hatena-btn {
  background-color: #139CD0;
  box-shadow: 0px 2px 0 0 rgb(43, 118, 147);
}

.pocket-btn {
  background-color: #EB5151;
	  box-shadow: 0px 2px 0 0 rgb(184, 65, 65);
}

.feedlybtn{
	background-color:#88BE32;
  box-shadow: 0px 2px 0 0 rgb(120, 153, 68);
}

.googleplus-btn{
	background-color:#D95233;
	box-shadow: 0px 2px 0 0 rgb(166, 64, 42);
}


/* Theme Optionsに表記されていたものここから */
/*  リスト  */
.mokuji {

}

.mokuji li {
    margin-top: 5px;
}


.list {
padding:10px 20px 10px;
background: #f4f4f4;
border: 1px solid #DFDFDF;
margin: 0 0 10px;
box-shadow: 0 3px 0 rgba(8,1,2,0.03);
}

.card{
  border: 1px solid #e1e1e1;
  box-shadow: 0 3px 0 rgba(8,1,2,0.03);
  padding: 10px 20px 10px;
  margin-bottom: 12px;
}


p.card {
    padding-bottom: 10px;
}
/*  リスト  */

/* パンくずリスト */
.breadcrumbs {
margin-bottom: 10px;
}
/* パンくずリスト */

/* ソーシャルボタン */

.socialbox{
clear:both;
float: left;
margin-bottom: 30px;
}

.socialbox img {
vertical-align: middle;
}

.mt-twitter {
background-color: rgb(0, 172, 238);
}

.mt-facebook {
background-color: rgb(59, 89, 152);
}

a.mt-twitter.mt-share-inline-bar-sm {
width: 50%;
float: left;
position: relative;
transition: all 100ms ease-in;
-webkit-transition: all 100ms ease-in;
-webkit-transform: scale3d(1, 1, 1);
}

a.mt-facebook.mt-share-inline-bar-sm {
width: 50%;
float: left;
position: relative;
transition: all 100ms ease-in;
-webkit-transition: all 100ms ease-in;
-webkit-transform: scale3d(1, 1, 1);
}

a.mt-share-inline-bar-sm:hover {
z-index: 50;
-webkit-transform: scale3d(1.075, 1.075, 1.075);
}

/* ソーシャルボタン */

/* テキストのリンク */
.single.single-post .hentry a{
color: #337ab7;
text-decoration: underline;
word-break: break-all;
}

.single.single-post .hentry a:hover {
text-decoration: none;
}

/* テキストのリンク */

/* フォントawesomeここから  */
.fa:before {
    margin-right: 5px;
}

.download-arrow:before{
font-family: 'FontAwesome';
margin-right:3px;
}

.fa-external-link:before {
margin-right: 5px;
font-family: 'FontAwesome';
}

.fa-file-image-o:before{
margin-right: 5px;
font-family: 'FontAwesome';
}

.fa-download:before{
margin-right: 5px;
font-family: 'FontAwesome';
}

.fa-cube:before{
margin-right: 5px;
font-family: 'FontAwesome';
}
.fa-pencil-square-o:before{
font-family:'FontAwesome';
}

.fa-spinner:before{
font-family:'FontAwesome';
margin-right: 5px;
}

.fa-exclamation:before{
font-family:'FontAwesome';
margin-right: 5px;
}

/* フォントawesomeここまで  */

.single.single-post .entry-date{
float:none;
}

/* Disqusコメントのpadding */
#disqus_thread, #layout {
padding: 6px;
}
#disqus_thread a{
color:#1977ca;
}
/* Disqusコメントのpadding */

/*----------------------------------
ここからpadding調整エリア
------------------------------------*/
.p10{
padding:10px;
}
.p0{
padding:0px;
}
.pl0{
padding-left:0;
}
.pl5{
padding-left:5px;
}
.pl10{
padding-left:10px;
}
.pl15{
padding-left:15px;
}
.pl20{
padding-left:20px;
}
.pl25{
padding-left:25px;
}
.pl30{
padding-left:30px;
}
.pl35{
padding-left:35px;
}
.pl40{
padding-left:40px;
}
.pl45{
padding-left:45px;
}
.pl50{
padding-left:50px;
}

.pt45{
padding-top:45px;
}

/*----------------------------------
ここまでpadding調整エリア
------------------------------------*/

/* パンくず矢印 */
span.fa-chevron-right:before {
margin : 0 5px;
font-family: FontAwesome;
}
/* パンくず矢印 */

/* テーマ記事用画像ここから
.themecontent img {
max-width: 168px!important;
margin: 0 5px;
display: inline!important;
border: none!important;
}
テーマ記事用画像ここまで */

/* テーマ記事のテーブルここから */

.details{
border-collapse: separate;
border-spacing: 2px;
}
.details, .details th {
    padding: 5px 0;
    vertical-align:middle;
    width:100%;
    word-wrap:break-word;
    word-break: break-all;

/*    border-bottom: 1px solid #f2f2f2;    */
}

.details td img{
 max-width : 168px;
}

.details td {
padding: 5px 15px;
}

.details td:nth-child(2n+1) {
    width: 30%;
}

.details tbody tr:nth-child(even) {
    background: #f5f5f5;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}

.details tr{
    background:rgb(235, 235, 235);
}

.details th {
    text-align: left;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
    background-image:    -moz-linear-gradient(top, #f5f5f5, #eee);
    background-image:     -ms-linear-gradient(top, #f5f5f5, #eee);
    background-image:      -o-linear-gradient(top, #f5f5f5, #eee); 
    background-image:         linear-gradient(top, #f5f5f5, #eee);
}

.details th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;  
}

.details th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.details th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.details tfoot td {
    border-bottom: 0;
    border-top: 1px solid #fff;
    background-color: #f1f1f1;  
}

.details tfoot td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.details tfoot td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.details tfoot td:only-child{
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px
    border-radius: 0 0 6px 6px
}

/* テーマ記事のテーブルここまで */

/* テキストのアンダーバー削除（タグ部分）ここから */
.tagcloud a {
text-decoration: none!important;
}
/* テキストのアンダーバー削除（タグ部分）ここまで */

a strong {
color: #337ab7;
}
b, strong{
font-size:15px;
}


/* TablePress用テーブルここから */
#tablepress-tweak_wrapper a {
color: #337ab7;
text-decoration: underline;
}

#tablepress-tweak_wrapper a:hover {
text-decoration: none;
}

#tablepress-tweak_wrapper td.column-1 {
font-weight: 800;
}
.tablepress .sorting{
border:1px solid white;
}
.tablepress .sorting:hover{
background-color: #7BA1C8;
color: white;
}
.tablepress td{
padding:7px;
border: 1px solid rgb(223, 223, 223);
}


/* TablePress用テーブルここまで */

/* 画像用に作ったボーダークラスここから */
.border1px {
border: 1px solid rgb(223, 223, 223);
}
/* 画像用に作ったボーダークラスここまで */

/* サイドバーのテキストウィジェットリンク色ここから */
.textwidget a {
color: #337ab7!important;
text-decoration: underline;
word-break: break-all;
}

.textwidget a:hover {
text-decoration: none;
}
/* サイドバーのテキストウィジェットリンク色ここかまで */

/*--------------------------------
ここからエントリーコンテンツクリア
------------------------------------*/
.entry-content{
clear:both;
}
/*--------------------------------
ここまでエントリーコンテンツクリア
------------------------------------*/
/* 記事内のボーダー */
.entry-content img{
box-shadow:rgba(113, 135, 164, 0.3) 0px 0px 0px 1px;
-webkit-box-shadow:rgba(113, 135, 164, 0.3) 0px 0px 0px 1px;
-moz-box-shadow:rgba(113, 135, 164, 0.3) 0px 0px 0px 1px;
}

.border-none{
border:none!important;
}
/*--------------------------------
テーブルオリジナル
------------------------------------*/
.mytable{
font-size: 0.8em;
}

/*-----------------------------
app store insert
------------------------------*/

.application_box a img {
	float: left;
	margin-right: 10px;
    border:none;
	box-shadow:none;
}
.application_box {
border: 1px solid rgb(228, 228, 228);
font-size: 15px;
line-height: 30px;
padding: 20px 10px;
background:white;
margin-bottom:10px;
}

.copyright.col-md-6{
text-align:center;
width:100%;
}

.wp-pagenavi {
margin: 35px 0 70px;
text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span {
display: inline-block;
height: 40px;
line-height: 40px;
border-radius: 5px;
box-shadow: 0 3px 0 #f2f2f2;
width: 40px;
letter-spacing: normal;
font-size: 1.8rem;
margin: 5px;
vertical-align: middle;
color: #000;
border: 1px solid #c8c8c8;
}
.wp-pagenavi span.current {
font-weight: bold;
background: #1a7cdf;
color: white;
}
.wp-pagenavi a:hover {
background: #1a7cdf;
color: white;
}

h2:focus{
outline:none;
}

td{
border: 1px solid #ddd;
}

blockquote {
border: 1px solid #e1e1e1;
box-shadow: 0 3px 0 rgba(8,1,2,0.03);
padding: 20px 20px 20px 50px;
margin: 20px 0;
position: relative;
font-family: "icon_general","游ゴシック体", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

blockquote:before {
position: absolute;
top: 2px;
left: 12px;
font-size: 26px;
color: #ADADAD;
font-family: FontAwesome;
}

#page .post-inner-content a {
color: #337ab7;
text-decoration: underline;
}
#page .post-inner-content a:hover {
text-decoration: none;
}

.number-list{
list-style:none;
padding-left:0;
margin-bottom:0;
}

/* App Store Insertのアイコンマスク */
span.mask {
    display: block;
    position: absolute;
    z-index: 1;
    background: url("https://i-bitzedge.com/wp-content/uploads/image/mask175.png") 0 0 no-repeat;
    background-size: 100px;
    height: 100px;
    width: 100px;
}
/* App Store Insertのアイコンマスク */

/*  コンタクトフォームのリストアイテム  */
span.wpcf7-list-item{
display:block;
}

/* アーカイブページ(タグなど)のauthor非表示*/
.archive span.author.vcard {
  display: none;
}

/* トップのスクロールアニメーション解除 */
a.navbar-brand {
  transition: none;
}

/* Theme Optionsに表記されていたものここまで */

/* Amazonここから(2015/04/21現在未使用) */
.be-amazon {
border: 1px solid #e1e1e1;
box-shadow: 0 3px 0 rgba(8,1,2,0.03);
padding: 20px;
}
.be-amazon img{
border:none;
}
/* Amazonここまで */

/* Responsive iFrame 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 90.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  overflow-x: scroll;
  display:block;
}
 
.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/
.responsive-iframe-container table{
  overflow-x: scroll;
  display:block;
	
}
table.waffle {
  width: 1000px;
}
/* ここからレスポンシブデザイン。タブレットサイズ以下のCSS */

@media(max-width:767px){
/*
	body {
	  line-height: 1.9;
	}

	body.home.blog h2, .h2 {
	  font-size: 13px;
	} 

	body.single.single-post h2, .h2{
	font-size:20px;
	}
	
	.updated {
	display: none;
	}
*/
/*	
	.main-content-area {
	 margin-bottom: 40px;
	 width:100%;
	 padding:0px;
	}
*/
/*	
	#secondary {
     clear: both;
    }
*/
	
/*
	.pull-right {
    float: none !important;
  }
  .pull-left {
    float: none !important;
  }
 */
  .flex-caption {
    display: none;
  }
}

/*--------------------------------------
右カラムのfacebookのポップアップを非表示に
--------------------------------------*/
#fbcontainer {
    overflow: hidden;
}


/*--------------------------------------
twitter埋め込み中央寄せ
--------------------------------------*/
iframe[id*="twitter-widget-"] {
    margin: 15px auto !important;
    width: 522px !important;
}


/*--------------------------------------
twitter埋め込み中央寄せ
--------------------------------------*/
.guest-checkbox label {
    font-size: 110%!important;
    font-weight: bold;
    color: #288ce4!important;
}
