/*
Theme Name: Attitude
Theme URI: http://themehorse.com/themes/attitude
Author: Theme Horse
Author URI: http://themehorse.com
Description: Attitude is a Simple, Clean and Responsive Retina Ready WordPress Theme which adapts automatically to your tablets and mobile devices. Theme is easily customizable with numerous theme options. Some of the highlighted options are two site layout (Narrow and Wide), 5 layouts for every post/page, 5 Page Templates, 5 widget areas, 4 custom widgets, featured slider to highlight your post/page, 11 social icons and many more. Also has custom background, header, menu, favicon, CSS, webclip icon, and logo. Supports popular plugins like Breadcrumb NavXT, WP-PageNavi and Contact Form 7. It is also translation ready. Available Translation: Traditional Chinese (Taiwan), Spanish, Norwegian (Nynorsk), Gerh4man, Russian, Dutch, Italian and Danish. Get free support on http://themehorse.com/support-forum/
Version: 1.2.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, light, blue, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fluid-layout, custom-menu, custom-background, custom-header, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, sticky-post
Text Domain: attitude

Attitude WordPress Theme, Copyright 2013 Theme Horse
Attitude is distributed under the terms of the GNU GPL
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
}
html {
 -webkit-text-size-adjust: none;
}
:focus {/* remember to define focus styles! */
    outline: 0;
}
ol, ul {
    list-style: none;
    margin: 0;
}
table {/* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a img {
    border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
embed, iframe, object {
    max-width: 100%;
}

/* =Global
----------------------------------------------- */
body, input, textarea {
    color: #333;
    font: 12px "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
    line-height: 20px;
    word-wrap: break-word;
}
.wrapper {
    max-width: 1000px;
    margin: 0 auto;
    background-color: #fff;
}
.container {
    margin: 0 auto;
   max-width: 1000px;
   /* width: 94%; */
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #555;
}
h1 {
    font-size: 30px;
    line-height: 36px;
}
h1#site-title {
    font-size: 0px;
    line-height: 0;
}
p#site-desc {
    margin-bottom: 5px;
    font-size: 12px;
    color: #333;
}
h2 {
    font-size: 28px;
    line-height: 35px;
}
h3{
    font-size: 26px;
    line-height: 32px;
}
h4 {
    font-size: 24px;
    line-height: 30px;
}
h5 {
    font-size: 22px;
    line-height: 28px;
}
h6 {
    font-size: 19px;
    line-height: 25px;
    text-transform: uppercase;
}

.top_news{
    position: relative;
    margin: 0 0 1.5em;
    padding: 0.8em 0 0.8em 2.5em;
    border: 1px solid #B92A2C;
    font-size: 1.143em;
    font-weight: bold;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
 
.top_news:before {
    content: "";
    position: absolute;
    background: #B92A2C;
    top: 50%;
    left: 0.5em;
    margin-top :-10px;
    height: 20px;
    width: 20px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    box-shadow: 1px 1px 1px #B92A2C inset;
    -moz-box-shadow: 1px 1px 1px #B92A2C inset;
    -webkit-box-shadow: 1px 1px 1px #B92A2C inset;
    -o-box-shadow: 1px 1px 1px #B92A2C inset;
    -ms-box-shadow: 1px 1px 1px #B92A2C inset;
}

/* No Border/Margin/Padding */
.no-margin-top {
    margin-top:0px !important;
}
.no-margin-bottom {
    margin-bottom:0px !important;
}
.no-margin-left {
    margin-left:0px !important;
}
.no-margin-right {
    margin-right:0px !important;
}
.no-padding-top {
    padding-top:0px !important;
}
.no-padding-bottom {
    padding-bottom:0px !important;
}
.no-padding-left {
    padding-left:0px !important;
}
.no-padding-right {
    padding-right:0px !important;
}
.no-border-top {
    border-top:0 none !important;
}
.no-border-bottom {
    border-bottom:0 none !important;
}
.no-border-left {
    border-left:0 none !important;
}
.no-border-right {
    border-right:0 none !important;
}

/* Horizontal Line */
hr {
    border-color: #eaeaea;
    border-style: solid none none;
    border-width: 1px 0 0;
    height: 0;
    margin: 0 0 40px;
}

/* Text elements */
p {
    margin-bottom: 15px;
}
p:empty {
    margin-bottom: 0;
}
strong {
    font-weight: bold;
}
cite, em, i {
    font-style: italic;
}
pre {
    background-color: #fff;
    margin-bottom: 20px;
    overflow: auto;
    padding: 20px;
}
pre, code, kbd {
    font-size: 14px;
    line-height: 19px;
    background-color: #F9F9F9;
}
abbr, acronym, dfn {
    border-bottom: 1px dotted #666;
    cursor: help;
}
address {
    display: block;
    margin: 0 0 1.625em;
}
ins {
    background: #fff9c0;
}

/* Superscript and Subscript */
sup, sub {
    font-size: 10px;
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}

/* Blockquote */
blockquote {
    font-style: italic;
    font-weight: normal;
    padding: 20px;
    border-left: 4px solid #F33231;
    margin-bottom: 20px;
    background-color: #F9F9F9;
}
blockquote p {
    margin: 0;
}
blockquote em, blockquote i, blockquote cite {
    font-style: normal;
}
blockquote cite {
    color: #666;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* Breadcrumb */
.breadcrumb {   
    float: right;
    text-align: right;
    margin-top: 5px;
   margin-bottom: 5px;
    font-size: 12px;
}
.breadcrumb a { 
    color: #999;
}
.breadcrumb {
    color: #666;
}
.breadcrumb a:hover {
    color: #F23231;
}

/* Forms */
input, textarea {
    -webkit-border-radius: 0px;
}
input[type="text"], 
input[type="email"], 
input[type="search"], 
input[type="password"], 
textarea {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
input[type="text"], 
input[type="email"], 
input[type="password"], 
textarea {
    padding: 8px;
    border: 1px solid #eaeaea;
    background-color: #f5f5f5 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="search"]:focus, 
input[type="password"]:focus, 
textarea:focus {
    border: 1px solid #ccc;
}
input.s {
    background: url(images/search.png) no-repeat right 6px #fff;
    -webkit-transition-duration: 400ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
    -moz-transition-duration: 400ms;
    -moz-transition-property: width, background;
    -moz-transition-timing-function: ease;
    -o-transition-duration: 400ms;
    -o-transition-property: width, background;
    -o-transition-timing-function: ease;
    width: 0;
    padding: 3px 33px 3px 0;
    height: 22px;
    color: #bbb;
    font-style: italic;
    margin: 0;
    border-color: transparent;
    cursor: pointer;
    text-indent: 25px;
}
input.s:focus {
    width: 100px;
    padding-left: 10px;
    border-color: #eaeaea;
    text-indent: 0;
}
input[type="reset"], 
input[type="button"], 
input[type="submit"] {
   color: #fff;
   border: 1px solid #F33231;
    display:inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
   height: 35px;
   padding: 0px 25px;
   -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    cursor: pointer;
    background: #F33231;
}
input[type="reset"]:hover, 
input[type="button"]:hover, 
input[type="submit"]:hover {
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    zoom:1;
}
input[type="reset"]:active, 
input[type="button"]:active, 
input[type="submit"]:active {
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);  
}

/* Links */
a {
    color: #F33231;
    text-decoration: none;
}
a:focus, a:active, a:hover {
    text-decoration: none;
}

/* Images */
figure {
    margin: 0;
    text-align: center;
}
img {
    max-width:100%;
    height:auto;
    vertical-align:top;
}
.entry-content img, .comment-content img, .widget img {
    max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"], 
img[class*="wp-image-"], 
img[class*="attachment-"] {

}
img.size-full, img.size-large {
    max-width: 100%;
    height: auto; 
}
.entry-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
img.alignleft, img.alignright, img.aligncenter {
    margin-bottom: 1.625em;
}
p img {
    
}
img#wpstats {
    display: none;
}

/* Assistive text */
.assistive-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active, #access a.assistive-text:focus {
    background: #eee;
    border-bottom: 1px solid #ddd;
    color: #1982d1;
    clip: auto !important;
    font-size: 12px;
    position: absolute;
    text-decoration: underline;
    top: 0;
    left: 7.6%;
}

/* clearfix hack */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    overflow: hidden;
}
.clearfix {
    display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
    height:1%;
}
.clearfix {
    display: block;
}
/* close commented backslash hack */
.clearfix-third {
    clear: both;
}

/* Readmore */
a.readmore {
    display: inline-block;
    padding: 2px 20px;
    background-color: #F33231;
    border-radius: 12px;
    color: #fff;
}
a.readmore:hover {
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    zoom:1;
}
a.more-link:hover {
    text-decoration: underline;
}   

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

/* Back to Top */
.back-to-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
}
.back-to-top a {
    width: 35px;
    height: 35px;
    text-indent: -20000px;
    display: block;
    background-image: url("images/back-to-top.png");
}

/* =Header
----------------------------------------------- */
#branding {
    margin-top: 0;   
}
.hgroup-wrap {
    padding-top: 10px;
    padding-bottom: 16px;
}
.hgroup-wrap a {
    display: block;
}
#site-logo {
    float:left;
}
#site-title {
    font: 36px 'Philosopher', sans-serif;
    line-height: 42px;
}
#site-title a {
    color: #555;    
}
#site-title a img {
    vertical-align: inherit;
    max-width: 978px;   
}
#site-title a span, #site-title a:hover, #site-title a:focus, #site-title a:active {
    color: #F33231;
}
#site-description {
    font: 13px 'PT Sans', sans-serif;
    line-height: 20px;
    color: #777;
}
.hgroup-right {
    float: right;
    padding-top: 20px;
}
.hgroup-right ul li {
    float: left;
    margin-left: 15px;
}
.hgroup-right ul li:first-child {
    margin-left: 0;
}
.hgroup-right ul li a {
    color: #333;
}
.hgroup-right ul li a:hover {
    color: #F33231;
}

/* Social Profiles */
.social-profiles {
    float: left;
}
.social-profiles ul {
    margin: -10px 0 0;
    float:right;
}
.social-profiles ul li {
    margin-top:10px;
    float:left;
}
.social-profiles ul li a {
    display:block;
    width:30px;
    height:30px;
    text-indent: -99999px;
    background-image: url("images/social-icons.png");
    background-position: right bottom;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}
.social-profiles ul li.facebook a {
    background-position: 0 0;       
}
.social-profiles ul li.facebook a:hover {
    background-position: 0 -40px;
}
.social-profiles ul li.twitter a {
    background-position: -40px 0;
}
.social-profiles ul li.twitter a:hover {
    background-position: -40px -40px;
}
.social-profiles ul li.google-plus a {
    background-position: -80px 0;
}
.social-profiles ul li.google-plus a:hover {
    background-position: -80px -40px;
}
.social-profiles ul li.pinterest a {
    background-position: -120px 0 ;
}
.social-profiles ul li.pinterest a:hover {
    background-position: -120px -40px ;
}
.social-profiles ul li.linked a {
    background-position: -160px 0;
}
.social-profiles ul li.linked a:hover {
    background-position: -160px -40px;
}
.social-profiles ul li.tumblr a {
    background-position: -200px 0 ;
}
.social-profiles ul li.tumblr a:hover {
    background-position: -200px -40px;
}
.social-profiles ul li.vimeo a {
    background-position: -240px 0;
}
.social-profiles ul li.vimeo a:hover {
    background-position: -240px -40px;
}
.social-profiles ul li.my-space a {
    background-position: -280px 0;
}
.social-profiles ul li.my-space a:hover {
    background-position: -280px -40px;
}
.social-profiles ul li.flickr a {
    background-position: -320px 0;
}
.social-profiles ul li.flickr a:hover {
    background-position: -320px -40px;
}
.social-profiles ul li.you-tube a {
    background-position: -360px 0;
}
.social-profiles ul li.you-tube a:hover {
    background-position: -360px -40px;
}
.social-profiles ul li.rss a {
    background-position: -400px 0;
}
.social-profiles ul li.rss a:hover {
    background-position: -400px -40px;
}

.tinynav2 {
	display: none !important;
}

/* Header Image */
.header-image {
    width: 100%;
    height: auto;
}

/* =Menu
-------------------------------------------------------------- */
#access {
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
}
#access > i {
    display: none;
}
#access ul.root {
    padding-left: 20px;
}
#access li {
    float: left;
    position: relative;
    padding: 0 70px 0 0;
}
#access li.last {
    padding: 0;
}
li.default-menu {
    display: none;
}
#access a {
    color: #000;
    display: block;
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    padding: 16px 0 0;  
    height: 39px;
}
#access a:hover, 
#access ul li.current-menu-item a, 
#access ul li.current_page_ancestor a, 
#access ul li.current-menu-ancestor a, 
#access ul li.current_page_item a,
#access ul li:hover > a {
    color: #F33231;
}
#access a span {
    display: inline-block;
    padding-top: 4px;
    padding-left: 10px;
    vertical-align: top;
}
#access ul ul {

}
#access ul ul ul {

}
#access ul ul a {

}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
    
}
#access li:hover > a,
#access a:focus {
    
}
#access ul li:hover > ul {
    
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {

}

/* Dropdown */
#access ul li ul, 
#access ul li:hover ul ul, 
#access ul ul li:hover ul ul, 
#access ul ul ul li:hover ul ul, 
#access ul ul ul ul li:hover ul ul {
    display:none;
    z-index: 9999;
}
#access ul li:hover ul, 
#access ul ul li:hover ul, 
#access ul ul ul li:hover ul, 
#access ul ul ul ul li:hover ul,
#access ul ul ul ul ul li:hover ul {
    display:block;
}
#access ul li ul {
    position: absolute;
    background-color: #fff;
    border-top: 4px solid #F33231;
    top: 55px;
    left: 0px;
    width: 190px;
}
#access ul li ul li {
    float: none;
    border-bottom: 1px solid #EAEAEA;
    padding: 0;
}
#access ul li ul li a, 
#access ul li.current-menu-item ul li a, 
#access ul li ul li.current-menu-item a,
#access ul li.current_page_ancestor ul li a, 
#access ul li.current-menu-ancestor ul li a,
#access ul li.current_page_item ul li a {
    float: none;
    line-height: 21px;
    font-size: 13px;
    font-weight: normal;
    height: 100%;
    padding: 6px 10px;
    color: #333;
    text-transform: capitalize;
}
#access ul li ul li a:hover, #access ul li ul li:hover > a, #access ul li.current-menu-item ul li a:hover {
    background-color: #F9F9F9;
    color: #F33231;
}
#access ul li ul li ul {
    left: 190px;
    top: -4px;
}
#access select,
.all-tag select { 
    display: none;
}

/* Slogan */
.slogan-wrap {
    background-color: #F33231;  
    padding: 24px 0;
    margin-bottom: 4px; 
}
.slogan-wrap .slogan {
    font-size: 24px;    
    line-height: 30px;
    color: #fff;
    width: 80%;
    float: left;
}
.slogan-wrap .slogan span {
    font: 13px 'PT Sans', sans-serif;
    line-height: 20px;
    display: block;
    padding-top: 5px;
}
.slogan-wrap .view-work {
    color: #494949;
    font-size: 18px;    
    float: right;
    display: block;
    border: 2px solid #fff;
    text-align: center;
    height: 28px;
    padding: 8px 15px 0;
    margin-top: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
   background: #b5e6ee;
    background: -webkit-linear-gradient(#d0eef4, #b5e6ee);
    background: -moz-linear-gradient(#d0eef4, #b5e6ee);
    background: -ms-linear-gradient(#d0eef4, #b5e6ee);
    background: -o-linear-gradient(#d0eef4, #b5e6ee);
    background: -webkit-gradient(#d0eef4, #b5e6ee);
    background: linear-gradient(#d0eef4, #b5e6ee);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);   
    text-shadow:0 1px 0 rgba(251, 251, 251, 0.7)
}
.slogan-wrap .view-work:hover {
    background: -webkit-linear-gradient(#E3F5F9, #b5e6ee);
    background: -moz-linear-gradient(#E3F5F9, #b5e6ee);
    background: -ms-linear-gradient(#E3F5F9, #b5e6ee);
    background: -o-linear-gradient(#E3F5F9, #b5e6ee);
    background: -webkit-gradient(#E3F5F9, #b5e6ee);
    background: linear-gradient(#E3F5F9, #b5e6ee);
}
.slogan-wrap .view-work:active {
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}

/* =Featured Slider
-------------------------------------------------------------- */
.featured-slider, 
.featured-slider .slider-cycle {
    position: relative;
    margin-top: -1px;
    margin-bottom: 4px;
}
.featured-slider .displayblock {
    display: block;
}
.featured-slider .displaynone {
    display: none;
}
.featured-text {
    position: absolute;
    bottom: 55px;
    right: 30px;
    text-align: right;
    color: #fff;
}
.featured-text .featured-title {
    font: 24px 'Philosopher',sans-serif;
    line-height: 30px;
    padding: 10px 20px;
    background: #F33231;
    background: rgba(5, 169, 197, 0.9);
    float: right;
    max-width: 525px;
}
.featured-text .featured-title a {
    color: #fff;
}
.featured-text .featured-content {
    padding: 20px;
    background: #555;
    background: rgba(85, 85, 85, 0.9);
    margin-top: 4px;
    float: right;
    clear: right;
    max-width: 355px;   
}

/* Controllers */
#controllers {
    text-align:center;
    line-height:0;
    position: absolute;
    width: 100%;
    bottom: 15px;
    z-index: 9999;
}
#controllers a {
    width: 14px;
    height: 14px;
    margin: 0 4px;
    overflow:hidden;
    display:inline-block;
    background-color: #fff; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
}
#controllers a:hover, #controllers a.active {
    background-color: #F33231;
    color: #F33231;
}

/* Search Form */
#branding .searchform {
    float: right;
}
#branding .searchform div {
    
}
#branding #s {

}
#branding #s:focus {
    
}
#branding #searchsubmit {
    
}
#branding .only-search .searchform {
    
}
#branding .only-search #s {
    
}
#branding .only-search #s,
#branding .only-search #s:focus {

}
#branding .only-search #s:focus {
    
}
#branding .with-image .searchform {
    
}
#branding .only-search + #access div {

}

/* =Content
----------------------------------------------- */
#main {
    padding: 0;
}
#main > #container {
    margin-bottom: 50px;
}
#main > #container.top {
    margin-bottom: 0;
}
#main select {
    background-color: #F9F9F9;
    border: 1px solid #EAEAEA;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 40px;
    padding: 10px 8px;
    width: 100%;
    color: #777777;
}
#main form input, #main form textarea { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    padding-bottom: 15px;
}
#content ul {
    list-style-type: disc;
}
#content ul, #content ol {
    margin: 0 0 20px 30px;
}
#content ul a, #content ol a {
    color: #777;
}
#content ul a:hover, #content ol a:hover {
    text-decoration: none;
    color: #F33231;
}
#content ol {
    list-style-type: decimal;
}
#content ol ol {
    list-style: upper-alpha;
}
#content ol ol ol {
    list-style: lower-roman;
}
#content ol ol ol ol {
    list-style: lower-alpha;
}
#content ul ul, #content ol ol, #content ul ol, #content ol ul {
    margin-bottom: 0;
}
.service-item {
    padding-bottom: 15px;
}
.service-item .service-icon {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: rgba(0, 0, 0, 0.6);
    float: left;
    display: block;
    margin-right: 20px;
    text-align: center;
}
.service-item .service-icon img {
    height: 40px;
    width: 40px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
#content .service-item .service-title {
    font-size: 20px;
    line-height: 25px;
    color: #555;
    display: block;
    overflow: hidden;
    padding-top: 7px;
    padding-bottom: 0;
}
.sticky {
    background-color: #E6E6E6;
   padding: 20px;
}

#primary {
    float: left;
    margin-left: 3.06%;
    padding-top: 30px;
    width: 65.64%;
}
#content .post {
    padding-top: 10px;
    padding-bottom: 40px;
}
#content .post:first-child {
    padding-top: 0;
}
.page-title-wrap {
    background-color: #F5F5F5;
    border-bottom: 5px solid #330000;
    padding: 30px 20px;
}
.page-title {
    font-size: 24px;
    line-height: 30px;
    color: #555;
    font-weight: normal;
    float: left;
    padding-top: 2px;
}
.page-title a {
    color: #555;
}
.entry-title,
.entry-header .entry-meta {
    
}
.entry-header {
}
.entry-title {
    font-size: 24px;
    line-height: 30px;
}
.entry-title,
.entry-title a {
    color: #555;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
    color: #F33231;
}
.entry-meta-bar {
    padding: 10px 15px;
    clear: both;
    background-color: #F5F5F5;
}
.entry-meta {
    width: 84.89%;
    float: left;
    padding-top: 2px;
    margin-bottom: 5px;
}
.entry-meta a {
    color: #555;
    font-size: 12px;
}
.entry-meta a:hover {
    color: #F33231;
}
.entry-meta span {
   padding: 0 5px;
   display: inline-block;
}
.entry-meta span.by-author {
    display: none;
}
.tags {
    margin-bottom: 50px;
}
.tags a {
    color: #888;    
    padding: 0 0 0 10px;
}
.tags a:hover {
    color: #F33231;
}
.single-author .entry-meta .by-author {
    
}
.post-featured-image {
    margin-bottom: 30px;
    max-width: 700px;
}
.post-featured-image a {
    display: block;
}
.entry-content dt, 
.comment-content dt {
    font-weight: bold;
}
.entry-content dd, 
.comment-content dd {
   margin-bottom: 20px;
}
.entry-content {
    padding-bottom: 15px;
    display: block;
    overflow: hidden;
}
.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
    
}
.entry-content h3,
.comment-content h3 {
    
}
.entry-content table,
.comment-content table {
    border-bottom: 1px solid #ddd;
    margin: 0 0 1.625em;
    width: 100%;
}
.entry-content th,
.comment-content th {
    color: #666;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    text-transform: uppercase;
}
.entry-content td,
.comment-content td {
    border-top: 1px solid #ddd;
    padding: 6px 10px 6px 0;
}
.entry-content img {
    display: block;
    margin: 15px 0;
}
.page-link {

}
.page-link a {

}
.page-link a:hover {

}
.page-link span {

}

/* Column */
.column {
    margin-left: -3.06%;
}
.column a {
    margin-bottom: 10px;
    display: block;
}
.one-half, .one-third, .one-fourth  {
    float: left;
    margin: 0 0 0 2.97%;
    padding-bottom: 20px;
}
.one-half {
    width: 47.03%;
}
.one-third {    
    width: 30.36%;
}
.one-fourth {   
    width: 22.02%;
}

/* Sidebar */
#secondary {
    float: left;
    margin-left: 3.06%;
    padding-top: 30px;
    width: 31.28%;
}

#secondary ul.side-nav {
    margin-bottom: 40px;
}
#secondary ul.side-nav li {
    border-bottom: 1px solid #ccc;
    padding: 15px 10px;
}
#secondary ul.side-nav li.current,
#secondary ul.side-nav li:hover {
    background-color: #FDE3E3;
}
#secondary ul.side-nav li.side-title {
    background-color: #F5F5F5;
}
#secondary ul.side-nav li a {
    display: block;
    background: url(images/side_arrow.png) right center no-repeat;
    color: #333;
    font-size: 14px;
}
#secondary ul.side-nav li.current a,
#secondary ul.side-nav li:hover a {
    color: #F23231;
    background: url(images/side_arrow_on.png) right center no-repeat;
}
#secondary ul.side-nav li.rank2 {
    padding-top: 0;
    padding-bottom: 10px;
    margin-top: -1px;
    background-color: #fff;
}
#secondary ul.side-nav li.rank2:hover {
    background-color: #fff;
}
#secondary ul.side-nav li.rank2 ul li {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: none;
    background: url(images/icon_list.gif) left center no-repeat;
}
#secondary ul.side-nav li.rank2 ul li:hover {
    background-color: #fff;
}
#secondary ul.side-nav li.rank2 ul li:hover a,
#secondary ul.side-nav li.rank2:hover a {
    color: #666;
}
#secondary ul.side-nav li.rank2 ul li a {
    background: none;
    font-size: 12px;
}
#secondary ul.side-nav li.rank2 ul li a:hover {
    text-decoration: underline;
}
#secondary ul.side-nav li.rank3 {
    padding-top: 0 !important;
    padding-bottom: 10px !important;
    margin-top: -5px !important;
    background: none !important;
}
#secondary ul.side-nav li.rank3 ul {
    padding-left: 10px !important;
}
#secondary ul.side-nav li.rank3 ul li {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
#secondary ul.side-nav li.rank3 ul li a {
    font-size: 11px;
}
#secondary ul.side-bn {
}
#secondary ul.side-bn li {
    border: 2px solid #ccc;
    background-color: #F5F5F5;
    padding: 12px 0 12px 18px;
    margin-bottom: 10px;
}
#secondary ul.side-bn li a {
    font-size: 14px;
    color: #333;
}
#secondary ul.side-bn li a i {

    display: inline-block;
    padding-right: 5px;
    color: #5C5C5C;
}
#secondary ul.side-bn li:hover a,
#secondary ul.side-bn li:hover a i {
    color: #F23231;
}

/* Left Sidebar Template */
.left-sidebar-template #primary {
    float: right;
}
.left-sidebar-template #secondary {
    float: left;
}

/* One Column Template */
.one-column-template .wrapper {
    width: 708px; 
}
.one-column-template .container {
    width: 668px;
}
.no-sidebar-template #content {
    width: 668px;
    margin: 0 auto;
}

/* Custom Gallery Page */
.custom-gallery #main {
    padding-bottom: 20px;
}
#content .custom-gallery-title, 
.custom-gallery-title a {
   font-size: 20px;
    text-align: center;
    line-height: 25px;
    color: #555;
    padding-bottom: 0;
}
.custom-gallery-title a:hover {
   color: #F33231;
}

/* Blog Medium Page */
.blog-medium .post-featured-image {
    width: 34.57%;
    float: left;
    margin-right: 4.67%;
}
.blog-medium .entry-content {
    padding-bottom: 0;
}

/* Contact Page */
.map-location {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin-bottom: 26px;
    padding: 5px;
}
.contact #primary .form label {
    display: block;
    padding-bottom: 5px;
}

/* Single Page */
.single .entry-meta {
   float: none;
   width: 100%;
}
.single .entry-meta-bar {
   padding-bottom: 10px;
}
.single #content .post {
    border-top: 0 none;
}

/* Wide Layout */
.wide-layout .wrapper {
    max-width: 100%;
    width: 100%;
    -webkit-box-shadow: 0 0 0 #ddd;
    -moz-box-shadow:  0 0 0 #ddd;
    box-shadow: 0 0 0 #ddd;
}
.wide-layout #branding, 
.wide-layout #colophon {
    margin: 0;
}

/* =Attachments
----------------------------------------------- */
.image-attachment div.attachment {
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-width: 1px 0;
    margin: 0 -8.9% 1.625em;
    overflow: hidden;
    padding: 1.625em 1.625em 0;
    text-align: center;
}
.image-attachment div.attachment img {
    display: block;
    height: auto;
    margin: 0 auto 1.625em;
    max-width: 100%;
}
.image-attachment div.attachment a img {
    border-color: #f9f9f9;
}
.image-attachment div.attachment a:focus img, .image-attachment div.attachment a:hover img, .image-attachment div.attachment a:active img {
    border-color: #ddd;
    background: #fff;
}
.image-attachment .entry-caption p {
    font-size: 10px;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    margin: 0 0 2.6em;
    text-transform: uppercase;
}

/* =Comments
-------------------------------------------------------------- */
.comments-title {
    font-size: 30px;
   font-weight: normal;
   line-height: 38px;
   padding-bottom: 15px;
}
#content .comments-area ul, #content .comments-area ol {
    margin: 0 0 30px 30px;
}
#content .comments-area ul ul, #content .comments-area ol ol{
    margin-bottom: 0;
}
.comments-area article {
    margin: 24px 0;
    margin: 1.714285714rem 0;
}
.comments-area article header {
    margin: 0 0 48px;
    margin: 0 0 3.428571429rem;
    overflow: hidden;
    position: relative;
}
.comments-area article header img {
    float: left;
    padding: 0;
    line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
    display: block;
    margin-left: 85px;
    margin-left: 6.071428571rem;
}
.comments-area article header cite {
    font-style: normal;
    font-size: 15px;
    font-size: 1.071428571rem;
    line-height: 1.42857143;
}
.comments-area article header time {
    line-height: 1.714285714;
    text-decoration: none;
    font-size: 12px;
    font-size: 0.857142857rem;
    color: #5e5e5e;
}
.comments-area article header a {
    text-decoration: none;
    color: #5e5e5e;
}
.comments-area article header a:hover {
    color: #21759b;
}
.comments-area article header cite a {
    color: #444;
}
.comments-area article header cite a:hover {
    text-decoration: underline;
}
.comments-area article header h4 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 12px;
    padding: 0.428571429rem 0.857142857rem;
    font-size: 12px;
    font-size: 0.857142857rem;
    font-weight: normal;
    color: #fff;
    background-repeat: repeat-x;
    background: #0088d0;
    background: -moz-linear-gradient(top, #009cee, #0088d0);
    background: -ms-linear-gradient(top, #009cee, #0088d0);
    background: -webkit-linear-gradient(top, #009cee, #0088d0);
    background: -o-linear-gradient(top, #009cee, #0088d0);
    background: linear-gradient(top, #009cee, #0088d0);
    border-radius: 3px;
    border: 1px solid #007cbd;
}
.comments-area li.bypostauthor cite span {
    position: absolute;
    margin-left: 5px;
    margin-left: 0.357142857rem;
    padding: 2px 5px;
    padding: 0.142857143rem 0.357142857rem;
    font-size: 10px;
    font-size: 0.714285714rem;
}
a.comment-reply-link {
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    color: #686868;
}
a.comment-reply-link:hover {
    color: #21759b;
}
.commentlist .pingback {
    line-height: 1.714285714;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}
.commentlist .children {
    margin-left: 48px;
    margin-left: 3.428571429rem;
}

/* Comment form */
#respond {
    margin-top: 48px;
    margin-top: 3.428571429rem;
}
#respond h3#reply-title {
    font-size: 30px;
   font-weight: normal;
   line-height: 38px;
   padding-bottom: 15px;
}
#respond h3#reply-title #cancel-comment-reply-link {
    margin-left: 10px;
    margin-left: 0.714285714rem;
    font-weight: normal;
    font-size: 12px;
    font-size: 0.857142857rem;
}
#respond form {
    margin: 24px 0;
    margin: 1.714285714rem 0;
}
#respond form p {
    margin: 11px 0;
    margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}
#respond form label {
    display: block;
    line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 1.714285714;
    padding: 10px;
    padding: 0.714285714rem;
    width: 100%;
}
#respond form p.form-allowed-tags {
    margin: 0;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
    color: #5e5e5e;
}
.required {
    color: red;
}
label ~ span.required {
    display: block;
    float: left;
    margin: -18px 0 0 -16px;
    margin: -1.285714286rem 0 0 -1.142857143rem;
}

/* Image borders */
img[class*="align"], 
img[class*="wp-image-"] {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */

}
a:focus img[class*="align"], 
a:hover img[class*="align"], 
a:active img[class*="align"], 
a:focus img[class*="wp-image-"], 
a:hover img[class*="wp-image-"], 
a:active img[class*="wp-image-"] {/* Add some useful style to those fancy borders for linked images ... */

}
.img-border {
    background-color: #fff;
    padding: 5px;
    border: 1px solid #ccc;
 }
.img-border a:hover {

 }

/* =Pagination
-------------------------------------------------------------- */
#wp_page_numbers {
    margin-bottom: 40px;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    padding: 7px 0; 
}
#wp_page_numbers ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    float: right;
}
#wp_page_numbers ul li {
    float: left;
    margin-left: 7px; 
}
#wp_page_numbers ul li.page_info {
    padding: 3px 8px 0;
    color: #999;
}
#wp_page_numbers ul li a {
    color: #777;
   display: block;
   float: left;
   background-color: #f9f9f9;
   border: 1px solid #eaeaea;       
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1px 8px 2px;
}
#wp_page_numbers ul li a:hover, #wp_page_numbers ul li.active_page a {
   border: 1px solid #F33231;
   color: #fff; 
   background: #F44D4D;
    background: -webkit-linear-gradient(#F44D4D, #F11414);
    background: -moz-linear-gradient(#F44D4D, #F11414);
    background: -ms-linear-gradient(#F44D4D, #F11414);
    background: -o-linear-gradient(#F44D4D, #F11414);
    background: -webkit-gradient(#F44D4D, #F11414);
    background: linear-gradient(#F44D4D, #F11414);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); 
}
#wp_page_numbers ul li a:active {
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
}

/* wp-pagenavi */
.wp-pagenavi {
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    padding: 7px 0; 
    text-align: center;
}
.wp-pagenavi .pages { 
    padding: 3px 7px 0;
    color: #999;
}
.wp-pagenavi .current, .wp-pagenavi a { 
   display: inline-block;
   color: #777;
   background-color: #f9f9f9;
   border: 1px solid #eaeaea;       
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1px 8px 2px;
    margin-left: 4px;
}
.wp-pagenavi .current, .wp-pagenavi a:hover {
   border: 1px solid #F33231;
   color: #fff; 
   background: #F44D4D;
}
.wp-pagenavi a:active {
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
}

/* Default wp-page */ 
#content ul.default-wp-page {
    margin: 0;
    list-style: none;
    margin-bottom: 40px;    
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    padding: 7px 0 0; 
}
ul.default-wp-page li {
    padding-bottom: 7px;
}
ul.default-wp-page li.previous {
    float:left; 
}
ul.default-wp-page li.next {
    float:right;
}
ul.default-wp-page li a {
   display: inline-block;
   color: #777;
   background-color: #f9f9f9;
   border: 1px solid #eaeaea;       
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1px 8px 2px;
}
ul.default-wp-page li a:hover {
   color: #fff !important; 
   background: #F44D4D;
}
ul.default-wp-page li a:active {
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
}

/* Single pagination */ 
.pagination {
    margin-bottom: 40px;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    padding: 7px 0; 
    text-align: center;
    color: #999;
}
.pagination span {
   display: inline-block;
   color: #fff;    
   background-color: #F44D4D;
   border: 1px solid #F33231;       
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1px 8px 2px;   
    margin-left: 3px;
}
.pagination a span {
    background-color: inherit;
   border: 1px solid #fff; 
   color: #777;
}
.pagination a:hover span {
    background-color: #f9f9f9;
   border: 1px solid #eaeaea; 
}

/* =bbPress
----------------------------------------------- */
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
    font-size: 13px;
}
#bbpress-forums div.bbp-search-form {
    float: none;
    text-align: center;
}
#bbpress-forums ul,
#bbpress-forums ol {
    margin: 0;
}
#bbpress-forums #bbp-search-form #bbp_search {
    width: 70%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-right: 0 none;
}
#bbpress-forums #bbp-search-form #bbp_search_submit {
    padding: 0 3%;
    height: 42px;
    margin-left: -4px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    display: inline-block;
    margin: 0 0 0 -3px;
}
#bbpress-forums div.bbp-topic-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
    display: inline-block;
    line-height: 20px;
    margin-top: 5px;
}
div.bbp-search-form input,
div.bbp-search-form button {
    padding: 10px;
}
#bbpress-forums button {
    border: 1px solid #F33231;
    color: #fff;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 40px;
    margin-bottom: 10px;
    padding: 0px 25px;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    cursor: pointer;
    background: #F44D4D;
    background: -webkit-linear-gradient(#F44D4D, #F11414);
    background: -moz-linear-gradient(#F44D4D, #F11414);
    background: -ms-linear-gradient(#F44D4D, #F11414);
    background: -o-linear-gradient(#F44D4D, #F11414);
    background: -webkit-gradient(#F44D4D, #F11414);
    background: linear-gradient(#F44D4D, #F11414);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

/* =Widgets
----------------------------------------------- */
.widget {
    margin-bottom: 40px;
}
.widget ul li a {   
    color: #fff;
}
.widget ul li a:hover { 
    color: #F33231;
}
.widget-title {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 10px;
    color: #fff;
}
.widget-title a:hover {
    color: #F33231;
}
/* Search Widget */
.widget_search input.s {
    width: 100%;
    height: 40px;
    padding: 0 35px 0 15px; 
    color: #777;
    background-color: #f9f9f9;
    background-position: right 10px; 
    border-color: #eaeaea;
    cursor: text;
    text-indent: 0;
}
.widget_search input.s:focus { 
    border-color: #ccc;
}
/* Calendar Widget */
.widget_calendar #wp-calendar {
    color: #555;
    width: 95%;
    text-align: center;
}
.widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th {
    text-align: center;
}
.widget_calendar #wp-calendar caption {
    font-size: 11px;
    font-weight: 500;
    padding: 5px 0 3px 0;
    text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
    background: #f4f4f4;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
    background: #f4f4f4;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
/* Article Widget */
.widget_article {
    margin-bottom: 20px;
}
.widget_article .article-title, .widget_article .article-title a {
    
}
.widget_article .article-title a:hover {
    text-decoration: underline;
}
.widget_article .post {
    padding-bottom: 20px;
}
.widget_article .article-content p {
    margin-bottom: 0px;
}
/* Testimonial widget */
.widget_testimonial .testimonial-icon {
    width: 25px;
    height: 19px;
    float: left;
    background: url('images/testimonial-icon.png') no-repeat top center; 
    margin-right: 3.06%;
}
.widget_testimonial .testimonial-post {
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #eaeaea;
    -webkit-box-shadow: 0 1px 4px #eaeaea inset;
    -moz-box-shadow: 0 1px 4px #eaeaea inset;
    box-shadow: 0 1px 4px #eaeaea inset;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px; 
    font-style: italic;
    margin-bottom: 15px; 
    display: block;
    overflow: hidden;
}
.widget_testimonial .testimonial-author {
    text-align: right;  
    clear: both;
}
.widget_testimonial .testimonial-author span {
    font-weight: bold;
    display: block;
}

/* Tag Cloud */
.widget_tag_cloud a {
    margin-right: 5px;
    color: #777;
    padding: 10px 0; 
    }
.widget_tag_cloud a:hover {
    color: #F33231;
    }

/* Custom Tag Cloud */
.widget_custom-tagcloud {
    margin-bottom: 32px;
}
.widget_custom-tagcloud a {
    margin:0 4px 8px 0;
    background-color: #F9F9F9;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    padding: 1px 8px 2px;
    color: #777;
}
.widget_custom-tagcloud a:hover {
    border: 1px solid #F33231;
    color: #fff;
    background: #F44D4D;
    background: -webkit-linear-gradient(#F44D4D, #F11414);
    background: -moz-linear-gradient(#F44D4D, #F11414);
    background: -ms-linear-gradient(#F44D4D, #F11414);
    background: -o-linear-gradient(#F44D4D, #F11414);
    background: -webkit-gradient(#F44D4D, #F11414);
    background: linear-gradient(#F44D4D, #F11414);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); 
}
.widget_custom-tagcloud a:active {
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
}

/* Service Widget*/
.widget_service {
    margin-bottom: 0;
    padding-bottom: 10px;
}

/* Recent Work Widget*/
.widget_recent_work {
    margin-bottom: 10px;
}


/* WP Caption */
.wp-caption {   
    margin-bottom: 30px;
    max-width: 100%;
}
.wp-caption .wp-caption-text, .gallery-caption {
    font-style: italic;
}
.wp-caption .wp-caption-text {
    margin-bottom: 0;
    padding: 15px 0;
    border-bottom: 1px solid #EAEAEA;
}

/* =Footer
----------------------------------------------- */
#colophon {
    margin-bottom: 0;
}
#colophon select {
    background-color: #F9F9F9;
    border: 1px solid #EAEAEA;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 40px;
    padding: 10px 8px;
    width: 100%;
    color: #777777;
}
#colophon form input, #colophon form textarea { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#colophon .widget-wrap {
    background-color: #f9f9f9;
    border-top: 1px solid #eaeaea;
}
#colophon .widget-area {
    padding: 25px 0 15px;
    background-color: #330000;
}
#colophon .widget {
   float: left;
   width: 55%;
   margin-left: 2.97%;
}
#colophon .widget-right {
    float: right;
    width: 32%;
    margin-right: 2.97%;
    padding-left: 12px;
    border-left: 1px solid #fff;
}
#colophon .widget_archive, 
#colophon .widget_pages, 
#colophon .widget_nav_menu,
#colophon .widget_recent_entries,
#colophon .widget_categories,
#colophon .widget_recent_comments,
#colophon .widget_meta,
#colophon .widget_rss {
   margin-bottom: 22px;
}
#colophon .widget_archive ul li, 
#colophon .widget_pages ul li, 
#colophon .widget_nav_menu ul li,
#colophon .widget_recent_entries ul li,
#colophon .widget_categories ul li,
#colophon .widget_recent_comments ul li,
#colophon .widget_meta ul li,
#colophon .widget_rss ul li {
   padding-bottom: 3px;
}
#colophon .widget_nav_menu {
    margin-bottom: 0;
}
#colophon .widget-title {
   font-size: 18px;
   text-transform: uppercase;
   line-height: 25px;
}
#colophon .widget-title-sub {
    padding-left: 10px;
    margin-bottom: 10px;
    border-left: 4px solid #F33231;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}
#colophon .txt-area {
    padding-bottom: 10px;
    padding-left: 10px;
}
#colophon .txt-area p {
    margin-bottom: 5px;
    color: #fff;
}
#colophon .txt-area .btn {
}
#colophon .txt-area .btn a {
    display: inline-block;
    padding: 0 8px;
    background-color: #F33231;
    border-radius: 10px;
    color: #fff;
    line-height: 1.2;
}
#colophon .widget_article {
    margin-bottom: 10px;
}
#colophon .widget_info, 
#colophon .widget_text {
    margin-bottom: 15px;
}
#colophon a {

}
#colophon a:hover {

}
#colophon ul.rank1 {
    float: left;
    margin-right: 50px;
}
#colophon ul.rank1.last {
    margin-right: 0;
}
#colophon ul.rank2 {
    padding-top: 3px;
    padding-left: 12px;
}

#supplementary .widget-area {

}
#supplementary .widget-title {

}
#supplementary #first, 
#supplementary #second, 
#supplementary #third {
    
}
#supplementary #first {

}
#supplementary #second {
    
}
#supplementary #third {
    
}

/* Site Generator */
#site-generator {   
    padding: 5px 0px 30px;
    color: #000;
}
#site-generator .social-profiles {
   float: right;
   width: 31.28%;
}
#site-generator .copyright {
    text-align: center;
}
#site-generator .copyright a {
   color: #000;
}
#site-generator .copyright a:hover {
   color: #F33231
}

.fa-lg {
    font-size: 1.4em !important;
}


/* 共通パーツ
----------------------------------------------- */
#primary .primary-inner {
    padding-left: 20px;
}
#primary .sec {
    margin-bottom: 60px;
}
#primary h2 {
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #F33231;
    color: #F23231;
    line-height: 1.2;
    font-size: 20px;
}
#primary h2 span {
    font-size: 11px;
    color: #ccc !important;
}
#primary h3 {
    padding-left: 10px;
    margin-bottom: 20px;
    border-left: 3px solid #F33231;
    line-height: 1.2;
    font-size: 18px;
}
#primary h4 {
    padding-left: 18px;
    margin-bottom: 20px;
    background: url(images/icon_h4.png) left center no-repeat;
    line-height: 1.2;
    font-size: 16px;
}
#primary table {
    width: 100%;
    margin-bottom: 20px;
}
#primary table th {
    padding: 18px 10px 6px 5px;
    font-size: 12px;
    color: #333;
    border-bottom: 1px solid #F33231;
    white-space: nowrap;
}
#primary table th i {
    display: inline-block;
    padding-right: 10px;
    color: #F33231;
    font-size: 1.2em;
}
#primary table td {
    padding: 18px 0 6px 5px;
    font-size: 12px;
    color: #333;
    border-bottom: 1px solid #ccc;
}
#primary table td input {
    width: 55%;
}
#primary table td span {
    font-size: 10px;
}
#primary table td a {
    color: #418BCA;
}
#primary table td a:hover {
    color: #F33231;
}
#primary ul.simple-list {
    margin-bottom: 30px;
}
#primary ul.simple-list li {
    margin-bottom: 10px;
    padding-left: 10px;
    background: url(images/icon_list.gif) left 0.6em no-repeat;
}
#primary .note {
    padding: 15px 20px;
    margin-bottom: 20px;
    background-color: #F5F5F5;
    border-left: 3px solid #CCC;
}
#primary .note p:last-child {
    margin-bottom: 0;
}
#primary .btn {
    border: 2px solid #ccc;
    background-color: #F5F5F5;
    padding: 12px 18px;
    margin-bottom: 10px;
}
#primary .btn.w230 {
    max-width: 230px;
}
#primary .btn.w280 {
    max-width: 280px;
}
#primary .btn.w350 {
    max-width: 350px;
}
#primary .btn a {
    display: block;
    padding-right: 20px;
    font-size: 14px;
    color: #333;
    background: url(images/side_arrow.png) right center no-repeat;
}
#primary .btn a:hover {
    color: #F23231;
    background: url(images/side_arrow_on.png) right center no-repeat;
}
#primary .btn a i {
    display: inline-block;
    padding-right: 10px;
    color: #F23231;
}
#primary .btn-wrap {
    margin-bottom: 50px;
}
#primary .btn-wrap input {
    float: left;
    margin-right: 10px;
}
#primary .btn-wrap br {
    display: none;
}
#primary .btn-wrap_reserv {
    margin-bottom: 20px;
}
#primary .btn-wrap_reserv input {
    float: left;
    margin-right: 10px;
}
#primary .btn-wrap_reserv br {
    display: none;
}
#primary p.comment {
    font-size: 11px;
}
#primary .box {
    margin-bottom: 30px;
}
#primary .box span {
    color: #F23231;
}
#primary .left {
    float: left;
}
#primary .right {
    float: right;
}

/* トップページ
----------------------------------------------- */
#container.top .main-img {
    margin-top: -1px;
}
#container.top .sec01 {
    padding: 20px 20px 15px;
    border-bottom: 2px solid #330000;
}
#container.top .sec01 h2 {
    font-size: 30px;
    margin-bottom: 5px;
    color: #000;
}
#container.top .sec01 p {
    margin-bottom: 0;
    font-size: 20px;
    color: #000;
}
#container.top .sec02 {
    padding: 60px 20px 0;
    margin-top: -70px;
    margin-right: -30px;
    margin-bottom: 80px;
}
#container.top .sec02 .box {
    float: left;
    width: 300px;
    margin-top: 70px;
    margin-right: 30px;
}
#container.top .sec02 .box h3 {
    color: #333;
    padding: 0 0 20px 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #666;
    font-size: 20px !important;
}
#container.top .sec02 .box h3 span {
    display: inline-block;
    padding-left: 22px;
}
#container.top .sec02 .box p {
    color: #333;
}
#container.top .sec02 .box .btn {
    text-align: center;
}
#container.top .sec02 .box .btn a {
    display: inline-block;
    padding: 2px 50px;
    background-color: #F33231;
    border-radius: 12px;
    color: #fff;
}
#container.top .sec02 .box .btn a:hover {
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    zoom:1;
}
#container.top .sec03 {
    padding: 20px;
    margin: 0 20px 30px 20px;
    background-color: #F8EFF0;
}
#container.top .sec03 h3 {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #666;
}
#container.top .sec03 h3 span {
    display: inline-block;
    margin-left: 15px;
    font-size: 0.7em;
}
#container.top .sec03 dl {
    margin-top: 10px;
}
#container.top .sec03 dl dt {
    display: table-cell;
    color: #333;
}
#container.top .sec03 dl dt span {
    display: inline-block;
    padding: 0 8px;
    background-color: #F7DCDD;
    border-radius: 12px;
    white-space: nowrap;
}
#container.top .sec03 dl dd {
    display: table-cell;
    padding-left: 20px;
}
#container.top .sec03 dl dd a {
    color: #333;
}
#container.top .sec03 dl dd a:hover {
    color: #F33231;
}
#container.top .sec04 {
    padding: 0 20px;
    margin-bottom: 20px;
}
#container.top .sec04 ul {
    margin: 0 -30px 0 0;
}
#container.top .sec04 ul li {
    width: 300px;
    height: 100px;
    float: left;
    margin: 0 30px 20px 0;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border: 1px solid #F44D4D !important;
    padding: 3px 5px;
}

/* 入居者一覧
----------------------------------------------- */
.tenant-tag {
    margin-bottom: 25px;
}
.all-tag {
    padding-right: 25px;
}
.tenant-tag a {
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    padding: 5px 10px;
    background-color: #C9C9C9;
    border-radius: 15px;
    text-align: center;
    color: #fff;
    line-height: 1;
    font-size: 12px !important;
}
.tenant-tag a.all {
    background-color: #999999 !important;
}
.tenant-tag a.current-tag,
.tenant-tag a:hover {
    background-color: #F33231;
}
.tenant-order {
    margin-bottom: 30px;
}
.tenant-order li {
    float: left;
    padding: 0 10px;
    margin-bottom: 10px;
    border-right: 1px solid #ccc;
}
.tenant-order li.current,
.tenant-order li:hover {
    background-color: #F33231;
}
.tenant-order li.current a,
.tenant-order li:hover a {
    color: #fff;
}
.tenant-order li:first-child {
    padding-left: 0;
}
.tenant-order li:first-child.current,
.tenant-order li:first-child:hover {
    background-color: #fff;
}
.tenant-list .list-inner {
    margin-right: -25px;
}
.tenant-list dl {
    float: left;
    width: 110px;
    margin-right: 25px;
    margin-bottom: 25px;
}
.tenant-list dl dt {
    margin-bottom: 10px;
    height: 110px;
    overflow: hidden;
}
.tenant-list dl dt a:hover {
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    zoom:1;
}
.tenant-list dl dt img {
    width: 100%;
    height: auto;
}
.tenant-list dl dd {
    line-height: 1.2;
}
.tenant-list dl dd a {
    font-size: 12px;
    color: #666;
}
.tenant-list dl dd a:hover {
    color: #F23231;
}

/* 入居者詳細
----------------------------------------------- */
.tenant-detail .prof {
    margin-bottom: 10px;
}
.tenant-detail .prof .txt-area {
    float: left;
    width: 410px;
}
.tenant-detail .prof .txt-area.wide {
    float: none;
    width: 100%;
}
.tenant-detail .prof .txt-area h3 {
    padding-left: 10px;
    margin-bottom: 5px;
    border-left: 3px solid #F33231;
    font-size: 20px;
    color: #333;
    line-height: 1;
}
.tenant-detail .prof .txt-area h3 span {
    font-size: 12px;
    color: #999;
}
.tenant-detail .prof .txt-area table th {
    width: 130px;
}
.tenant-detail .prof .photo {
    float: right;
    width: 200px;
}
.tenant-detail dl dt {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #999;
    font-size: 12px;
    color: #666;
    font-weight: bold;
}
.tenant-detail dl dd {
    font-size: 12px;
    color: #666;
}
.tenant-detail ul.gallery {
    margin-right: -20px;
}
.tenant-detail ul.gallery li {
    float: left;
    width: 144px;
    margin-right: 20px;
}
.tenant-detail ul.gallery li img {
    width: 100%;
    height: auto;
}

/* アクセス
----------------------------------------------- */
.access .box {
    margin-bottom: 50px !important;
}
.access dl {
    margin-bottom: 10px;
}
.access dl dt {
    display: table-cell;
    padding-right: 10px;
    vertical-align: top;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
}
.access dl dt i {
    display: inline-block;
    padding-right: 5px;
    font-size: 1.2em;
}
.access dl dd {
    display: table-cell;
    vertical-align: top;
    font-size: 14px;
    color: #333;
}
.access .map {
    padding-top: 20px;
    margin-bottom: 30px;
}

/* ショップ＆サービス
----------------------------------------------- */
.shop h3 {
    margin-bottom: 0 !important;
}
.shop .btn {
    margin-bottom: 25px !important;
}
.shop .cont {
    width: 360px;
}

/* 会議室ご利用方法
----------------------------------------------- */
.guidance-conference-room table {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.guidance-conference-room table br {
    display: none;
}
.guidance-conference-room table th,
.guidance-conference-room table td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-left: 1px solid #ccc;
}

/* 入居者一覧
----------------------------------------------- */
.facility ul li {
    float: left;
    margin-right: 20px;
}
.facility ul li.color1 a {
    color: #FF6868;
}
.facility ul li.color2 a {
    color: #63F700;
}
.facility ul li.color3 a {
    color: #FBA079;
}
.facility ul li.color4 a {
    color: #46DAFF;
}
.facility ul li.color5 a {
    color: #FC3838;
}
.facility ul li.color6 a {
    color: #FF9146;
}
.facility ul li.color7 a {
    color: #5FD889;
}
.facility ul li.color8 a {
    color: #9479FF;
}
.facility ul li.color9 a {
    color: #DBAF00;
}
.facility ul li.color10 a {
    color: #333333;
}

/* 利用料
----------------------------------------------- */
.fee .option h3 {
    margin-bottom: 0 !important;
}
.fee table th {
    width: 120px;
    white-space: nowrap;
}

/* 会議室紹介
----------------------------------------------- */
.introduction .left {
    margin-right: 30px;
}
.introduction .left p {
    padding-top: 5px;
    line-height: 1.2;
}

/* ビジネスセンター
----------------------------------------------- */
.business-center th {
    white-space: nowrap;
    width: 150px;
    border-bottom: 1px solid #ccc !important;
}
.business-center td {
    border-bottom: 1px dotted #ccc !important;
}


/* =Responsive Structure
----------------------------------------------- */
/* All Tablet Portrait size smaller than standard 1079 (devices and browsers) */
@media only screen and (max-width: 1078px) {
    .wrapper { 
        width: 708px; 
    }
    .container {
        width: 708px;
    }
    #main > #container {
        margin-bottom: 20px;
    }
    .page-title-wrap .container {
        width: auto !important;
    }
    .clearfix-half {
        clear: both;
    }
    .clearfix-third {
        clear: none;
    }
    #site-title a img {
        max-width: 708px;   
    }
    .breadcrumb {
        margin-top: 0px;
        float: none;
        text-align: left;
    }
    .featured-title,
    .featured-content {
        display: none;
    }
    #primary, #secondary, 
    #colophon .widget {
       float: none;
       margin-left: 0;
       width: auto;
    }
    #secondary {
        padding-top: 20px;
    }
    #secondary ul.side-nav {
        margin-bottom: 20px;
    }
    #colophon .widget {
        margin-left: 20px;
    }
    #colophon .widget ul.rank1 {
        float: none;
        margin-right: 0;
    }
    #colophon .widget.widget-right {
        margin: 30px 0 0 20px;
        border: none;
        padding-left: 0;
    }
    .slogan-wrap .slogan {
        width: 77.5%;
    }
    .no-sidebar-template #content {
        margin: 0 ;
        width: 100%;
    }
    /* Column */
    .column {
        margin-left: -2.99%;
    }
    .one-half, 
    .one-third, 
    .one-fourth  {
        margin: 0 0 0 2.90%;
    }
    .one-third, .one-fourth {
        width: 30.43%;
    }   
    .widget_service .one-third, 
    .widget_service .one-fourth {   
        width: 47.02%;
    }
    #colophon .widget-area {
        margin-left: 0;
    }
    #colophon .widget_info, #colophon .widget_text {
        margin-bottom: 30px;
    }

    /* 共通パーツ
    ----------------------------------------------- */
    #primary .primary-inner {
        padding-left: 0;
    }
    #primary .left {
        float: none;
    }
    #primary .right {
        float: none;
    }

    /* 入居者一覧
    ----------------------------------------------- */
    .tenant-list .list-inner {
        margin-right: -22px;
    }
    .tenant-list dl {
        width: 124px;
        margin-right: 22px;
    }
    .tenant-list dl dt {
        height: 124px;
    }
    
    /* 入居者一覧
    ----------------------------------------------- */
    .tenant-detail {
        padding-left: 0;
    }
    .tenant-detail .prof .txt-area {
        width: 460px;
    }
    .tenant-detail ul.gallery {
        margin-right: -20px;
    }
    .tenant-detail ul.gallery li {
        width: 162px;
        margin-right: 20px;
    }

    /* ショップ＆サービス
    ----------------------------------------------- */
    .shop .left {
        float: left !important;
    }
    .shop .right {
        float: right !important;
    }
    .shop .cont {
        width: 420px;
    }
}

/* All Mobile Portrait size smaller than 768 (devices and browsers) */
@media only screen and (max-width: 767px) {
    hr { 
        margin-bottom: 30px;
    }
    input[type="text"], 
    input[type="password"], 
    textarea,
    input[type="reset"], 
    input[type="button"], 
    input[type="submit"]     { 
        margin-bottom: 20px;
    }
    input[type="text"], 
    input[type="email"], 
    input[type="password"], 
    textarea {
        width: 100%;
    }
    input.s {       
        margin: 0;
    }
    input.s:focus {
        width: 235px;
    }
    .one-column-template .wrapper, 
    .wrapper { 
        width: 100%; 
    }
    .one-column-template .container, 
    .container {
        width: 100%;
    }
    .wide-layout .wrapper {
       width: 100%;
    }
    .comments-title, 
    #respond h3#reply-title {
        font-size: 26px;
       line-height: 32px;
    }
    #content h1, 
    #content h2, 
    #content h3, 
    #content h4, 
    #content h5, 
    #content h6 {
        padding-bottom: 10px;
    }
    .hgroup-wrap {
       padding-bottom: 25px;
       padding-top: 10px;
       padding-left: 20px;
       padding-right: 20px;
    }
    .hgroup-right {
        display: none;
    }
    .hgroup-right .social-profiles {
        display: none;
    }
    p#site-desc {
        line-height: 1.2;
    }
    #site-title a img {
        max-width: 300px;   
    }
    #access { 
        height: 36px;
        padding: 7px 0 7px 20px;
        display: table;
    }
    #access > i {
        display: table-cell !important;
        color: #F33231;
        vertical-align: middle;
    }
    #access .container {
        display: table-cell;
        padding: 0 20px 0 10px;
        vertical-align: middle;
    }
    #access ul { 
        display: none;
    }
    .all-tag a.all,
    .all-tag ul {
        display: none;
    }

    #access select { 
        display: block;
        width: 100%;
        background: url(images/responsive-menu-bg2.jpg) right center no-repeat;
        background-size: 24px 25px;
        -webkit-appearance:none;
        -moz-appearance:none;
        appearance:none;
        border: 0 none;
        font: 14px 'PT Sans', sans-serif;
        text-transform: uppercase;
        color: #555;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        height: 25px;
        color: #F33231;
    }
    .all-tag select {
        display: block;
        -webkit-appearance:none;
        -moz-appearance:none;
        appearance:none;
        padding: 5px 10px;
        border-radius: 10px;
        background: url(images/list_tag_arrow.png) right center no-repeat;
        background-size: 23px 6px;
        border: 2px solid #CCC !important;
        background-color: #F5F5F5;
        color: #333;
        font-size: 14px;
    }
    .page-title-wrap { 
        padding: 15px 20px;
    }
    .slogan-wrap {
        padding: 15px 0 20px;
    }   
    .slogan-wrap .slogan, 
    .slogan-wrap .view-work {
        float: none;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
    .slogan-wrap .view-work {
        width: 98%;
        margin: 10px auto 0;
    }
    .post-featured-image { 
        margin-bottom: 15px;
    }
    .entry-meta {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
    .entry-meta span {
        display: inline;
    }
    .entry-content {
        padding-bottom: 0px;
    }
    /* Column */
    .column {
        margin-left: 0;
    }
    .one-half, 
    .one-third, 
    .one-fourth,
    .widget_service .one-half,
    .widget_service .one-third, 
    .widget_service .one-fourth {
        margin: 0;
        padding-bottom: 10px;
        width: 100%;
    }
    #content .post {
        padding-right: 20px;
        padding-bottom: 30px;
        padding-left: 20px;
    }
    .tags {
        margin-bottom: 30px;
    }
   .widget_search input.s, 
   .widget_search input.s:focus {
        width: 280px;
    }
   #wp_page_numbers,
   #content ul.default-wp-page, 
   .pagination {
       margin-bottom: 30px;
    }
   #wp_page_numbers ul li.page_info, 
   .wp-pagenavi .pages {
        display: none;
    }
    .wp-caption {
       margin-bottom: 15px;
    }
    .widget {
        margin-bottom: 30px;
    }
    .widget_custom-tagcloud { 
        margin-bottom: 22px;
    }
    .widget_article { 
        margin-bottom: 10px;
    }
    .widget_service {
        margin-bottom: 0;
    }
    .widget_recent_work {
        margin-bottom: 10px;
    }
    .widget_testimonial .testimonial-icon {
        float: none;
        margin-bottom: 15px;
    }
    #colophon {
        margin-bottom: 10px;
    }
    #site-generator .social-profiles, 
   #site-generator .copyright {
        float: none;
        width: 100%;
    }
   #site-generator .social-profiles ul {
        text-align: center;
        float: none;
   }   
    #site-generator .social-profiles ul li {
        display: inline-block;
        float: none;
    }
    #site-generator .copyright {
        padding-top: 10px;
        text-align: center;
    }

    #container.top .sec01 {
        padding: 10px 20px;
    }
    #container.top .sec01 h2 {
        font-size: 20px;
    }
    #container.top .sec01 p {
        font-size: 12px;
    }
    #container.top .sec02 {
        padding: 30px 20px 0;
        margin-right: 0;
    }
    #container.top .sec02 .box {
        width: 100%;
        margin-right: 0;
    }
    #container.top .sec02 .box p {
        height: auto !important;
    }
    #container.top .sec04 ul.bn-area {
        margin: 0;
    }
    #container.top .sec04 ul.bn-area li {
        width: 100%;
        float: none;
        text-align: center;
    }
    #secondary ul.side-nav li {
        padding-right: 20px;
        padding-left: 20px;
    }
    #secondary ul.side-nav li.rank2 li {
        padding-left: 10px !important;
    }
    #secondary ul.side-bn {
        padding: 0 20px;
    }

    /* 共通パーツ
    ----------------------------------------------- */
    #primary .primary-inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    #primary h2 {
        font-size: 18px;
    }
    #primary h3 {
        font-size: 16px;
    }
    #primary h4 {
        font-size: 14px;
    }
    
    /* 入居者一覧
    ----------------------------------------------- */
    .tenant-list {
        padding-left: 20px;
        padding-right: 20px;
    }
    .tenant-list .list-inner {
        margin-right: -4%;
    }
    .tenant-list dl {
        width: 46%;
        margin-right: 4%;
    }
    .tenant-list dl dt {
        height: 140px;
    }

    /* 入居者詳細
    ----------------------------------------------- */
    .tenant-detail {
        padding-left: 20px;
        padding-right: 20px;
    }
    .tenant-detail .prof .txt-area {
        width: 100%;
        float: none;
    }
    .tenant-detail .prof .txt-area h3 {
        font-size: 16px;
    }
    .tenant-detail .prof .txt-area h3 span {
        font-size: 11px;
    }
    .tenant-detail .prof .photo {
        float: none;
        width: 70%;
        margin: 0 auto;
    }
    .tenant-detail ul.gallery {
        margin-right: -4%;
    }
    .tenant-detail ul.gallery li {
        width: 46%;
        margin-right: 4%;
        margin-bottom: 12px;
    }

    /* ショップ＆サービス
    ----------------------------------------------- */
    .shop .left {
        float: none !important;
    }
    .shop .right {
        float: none !important;
    }
    .shop .cont {
        width: 100%;
    }
    .shop .image {
        text-align: center;
    }
    .shop .btn {
        margin-right: auto;
        margin-left: auto;
    }

    /* 会議室ご利用方法
    ----------------------------------------------- */
    .guidance-conference-room table br {
        display: inline;
    }
    .guidance-conference-room table th,
    .guidance-conference-room table td {
        font-size: 10px !important;
        line-height: 1.2 !important;
    }
    
    /* 入居者一覧
    ----------------------------------------------- */
    .facility ul li {
        float: none;
        margin-right: 0;
    }

    /* 会議室紹介
    ----------------------------------------------- */
    .introduction .left {
        float: none !important;
        text-align: center;
        margin-right: 0;
    }
}

/* All Mobile landscape size and All Mini Tablet Portrait size smaller than standard 768 and larger than 480 (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    input.s:focus {
        width: 375px;
    }
    .one-column-template .wrapper, 
    .wrapper { 
       width: 450px; 
    }
    .one-column-template .container, 
    .container {
        width: 450px;
    }
    .page-title-wrap .container {
        width: auto !important;
    }
    .wide-layout .wrapper {
       width: 100%;
    }
    .hgroup-wrap {
        padding-bottom: 30px;
    }
    #site-title a img {
        max-width: 450px;   
    }
    /* Column */
    .column {
        margin-left: -3.57%;
    }
    .one-half, 
    .one-third, 
    .one-fourth {
        margin: 0 0 0 3.44%;
        width: 46.56%;
    }
    .widget_service .column {   
        margin-left: 0;
    }
    #colophon {
        margin-bottom: 20px;
    }

/* All Mobile size smaller than standard 320 (devices and browsers) */
@media only screen and (max-width: 319px) {
   .one-column-template .wrapper, 
   .wrapper,
   .one-column-template .container,
   .container { 
    width: 95%; 
   }        
}

/* =Retina Ready Structure
----------------------------------------------- */
/* All Retina Ready devices larger than 1.5 pixel ratio */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .back-to-top a {
        background-image: url("images/back-to-top@2x.png");
        background-size: 35px 35px;
    }
    input.s { 
        background-image: url('images/search@2x.png');      
        background-size: 24px 15px;
    }
    .social-profiles ul li a {
        background-image: none;                 
        background-size: 30px 30px;
    }
    .social-profiles ul li.facebook a {
        background-image: url('images/facebook@2x.png');        
        background-position: 0 0;       
    }
    .social-profiles ul li.facebook a:hover {
        background-image: url('images/facebook@2x-hover.png');      
        background-position: 0 0;
    }
    .social-profiles ul li.twitter a {
        background-image: url('images/twitter@2x.png');
        background-position: 0 0;
    }
    .social-profiles ul li.twitter a:hover {
        background-image: url('images/twitter@2x-hover.png');
        background-position: 0 0;
    }
    .social-profiles ul li.google-plus a {
        background-image: url('images/google-plus@2x.png');
        background-position: 0 0;
    }
    .social-profiles ul li.google-plus a:hover {
        background-image: url('images/google-plus@2x-hover.png');
        background-position: 0 0;
    }
    .social-profiles ul li.pinterest a {
        background-image: url('images/pinterest@2x.png');
        background-position: 0 0;
    }
    .social-profiles ul li.pinterest a:hover {
        background-image: url('images/pinterest@2x-hover.png');
        background-position: 0 0;
    }
    .social-profiles ul li.linked a {
        background-image: url('images/linked@2x.png');
        background-position: 0 0;
    }
    .social-profiles ul li.linked a:hover {
        background-image: url('images/linked@2x-hover.png');
        background-position: 0 0;
    }
    .social-profiles ul li.tumblr a {
        background-image: url('images/tumblr@2x.png');
        background-position: 0 0;
    }
    .social-profiles ul li.tumblr a:hover {
        background-image: url('images/tumblr@2x-hover.png');
        background-position: 0 0;
    }
    .social-profiles ul li.vimeo a {
        background-image: url('images/vimeo@2x.png');
        background-position: 0 0;
    }
    .social-profiles ul li.vimeo a:hover {
        background-image: url('images/vimeo@2x-hover.png');
        background-position: 0 0;
    }
    .social-profiles ul li.my-space a {
        background-image: url('images/my-space@2x.png');
        background-position: 0 0;
    }
    .social-profiles ul li.my-space a:hover {
        background-image: url('images/my-space@2x-hover.png');
        background-position: 0 0;
    }
    .social-profiles ul li.flickr a {
        background-image: url('images/flickr@2x.png');
        background-position: 0 0;
    }
    .social-profiles ul li.flickr a:hover {
        background-image: url('images/flickr@2x-hover.png');
        background-position: 0 0;
    }
    .social-profiles ul li.you-tube a {
        background-image: url('images/you-tube@2x.png');
        background-position: 0 0;
    }
    .social-profiles ul li.you-tube a:hover {
        background-image: url('images/you-tube@2x-hover.png');
        background-position: 0 0;
    }
    .social-profiles ul li.rss a {
        background-image: url('images/rss@2x.png');
        background-position: 0 0;
    }
    .social-profiles ul li.rss a:hover {
        background-image: url('images/rss@2x-hover.png');
        background-position: 0 0;
    } 
    .widget_testimonial .testimonial-icon {
        background-image: url('images/testimonial-icon@2x.png'); 
        background-size: 25px 19px;
    }
}