body {    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;

    font-family: 'Cardo' , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    line-height: 24px;
}

/*
.container_inner {
    width: 1200px;
}
*/

.shopping_cart_outer{
display:none;
}
.woocommerce-page .shopping_cart_outer{
display:table;
}
.cover_boxes ul li .box .box_content { top: 0; }f
.cover_boxes ul li .box .qbutton { margin-top: 18px; }

.ls-wp-container .qbutton {
-webkit-transition: none;
-ms-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}

@media only screen and (min-width: 1000px) {
    .page-id-15173 .ls-nav-prev,
    .page-id-15058 .ls-nav-prev,
    .page-id-15173 .ls-nav-next,
    .page-id-15058 .ls-nav-next,
    .page-id-15234 .ls-nav-prev,
    .page-id-15234 .ls-nav-next {
        margin-top: 19px;
    }
}

@media only screen and (max-width: 1000px){
.page-id-15173 .ls-nav-prev,
.page-id-15058 .ls-nav-prev,
.page-id-15173 .ls-nav-next,
.page-id-15058 .ls-nav-next{
		margin-top: -27px;
}

.page-id-15173 .q_slider,
.page-id-15058 .q_slider
{
min-height:100px;
}
}
.side_menu_button a:last-child {
padding: 0 0 0 17px;
}
.page-id-15173 .q_slider,
.page-id-15058 .q_slider
{
min-height:560px;
}
.filter_outer {
margin: -8px 0 31px;
}
.filter_holder ul li span{
font-size:13px;
}

#nav-menu-item-15674 li,
#nav-menu-item-15695 li,
#nav-menu-item-15696 li,
#nav-menu-item-15697 li,
#nav-menu-item-15777 li,
#nav-menu-item-15781 li,
#nav-menu-item-15784 li,
#nav-menu-item-15788 li,
#nav-menu-item-15791 li,
#nav-menu-item-15794 li,
#nav-menu-item-15798 li,
#nav-menu-item-15801 li,
#nav-menu-item-15805 li,
#nav-menu-item-15808 li,
#nav-menu-item-15931 li,
#nav-menu-item-15935 li,
#nav-menu-item-15937 li,
#nav-menu-item-15961 li,
#nav-menu-item-16057 li{
width: 280px;
}

.drop_down .second .inner .widget {
padding-bottom: 15px;
}

.drop_down .second .inner .widget a{
padding: 0px !important;
}

.more_facts_button .more_facts_button_text {
font-size: 19px;
font-weight: 300;
text-transform: none;
}

.q_list.circle ul>li, .q_list.number ul>li {
margin-bottom: 2px;
}

#back_to_top:hover span i {
color: #ffffff;
}

.contact_section .separator {
margin-top: 17px;
margin-bottom: 18px;
}

.carousel .item .text .separator {
margin-top: 21px;
margin-bottom: 22px;
}

.carousel-inner .slider_content .text .qbutton.white { -webkit-backface-visibility: hidden; }

.blog_holder.masonry article .post_text .post_text_inner {
padding-left: 0;
}

.blog_holder article.format-quote .post_text .post_text_inner, .blog_holder.masonry article.format-link .post_text .post_text_inner {
padding-left: 23px;
}
.carousel-inner .slider_content .text .qbutton.white {
margin-left: 0px;
}

.carousel-inner h2 {
letter-spacing: 20px;
}

/*
h4 {
	font-family:Georgia, serif;
}

.projects_holder article .portfolio_description .project_category, .projects_holder.hover_text article .project_category {
font-family: Georgia, serif;
font-style: italic;
font-weight: 400;
color: #848484;
}
*/

.carousel .item .text .separator.small {
margin-top: 54px;
margin-bottom: 68px;
height: 2px;
}

/*
.testimonials .testimonial_text_inner p {
font-family: Georgia, serif;
font-style: italic;
}
*/

.testimonials_holder .flex-direction-nav li {
margin-top: 27px;
}

.contact_section h4 {
display: none;
}

.social_share_dropdown ul li :hover i {
color: #cdcdcd !important;
}

h5.portfolio_title a:hover {
color: #cdcdcd !important;
}



.publication-title{
display:inline !important;
float:left;
}
.txt-philosophy p{
color:#333 !important;
font-size:14px !important;
}
.philosophy-textbox{
height:500px;
color:#333 !important;
font-size:14px !important;
}
td.year{
padding-left:0 !important;
}
table.profile-yuko{
margin-top:40px;
}
.profile-title{
text-align:left;
}

/*   logo
------------------------------------------------*/
/*
.q_logo {
    position: absolute !important;
 bottom:0 !important;
top:initial !important;
}
.q_logo img {
    position: absolute !important;
 bottom:0 !important;
top:initial !important;
}*/

@media only screen and (max-width: 480px){
.boxed .header_bottom {
    padding: 0!important;
}
}

/*
.boxed .header_bottom {
     padding: 0 15px!important;
}
*/




@media only screen and (max-width: 420px){
body.boxed .wrapper_inner, body.boxed footer, body.boxed .header_inner, body.boxed .full_width .parallax_content, body.boxed .carousel-inner {
    width: 350px; 
}
}

@media only screen and (max-width: 480px){
.header_top {
height:10px !important;
}

.title-margin{
margin-top:0 !important;
}
}


@media only screen and (min-width: 1000px){
.header_top {
display:none !important;
}
}


/*   logoモバイル右寄せ
------------------------------------------------*/

@media only screen and (max-width: 1000px) {
.title-margin{
margin-top:20px;
}
  .logo_wrapper {    
    left: 0 !important;
  }
  .q_logo a {    
    left: 0 !important;
  }
  .header_bottom .container_inner {    
    width: 100% !important;
  }
}


@media only screen and (max-width: 1000px){
.q_logo img.mobile {
 top: 0;
left:0;
}
}
.q_logo img {
    top: -44%;
}

/*   Responsive
---------------------------------------------*/
@media only screen and (max-width: 600px){
.arch-info-cont {
    padding-right: 0 !important; 
}
.vc_custom_1458345175961,.vc_custom_1457370067729 {
    margin-right: 0 !important;
}
.portfolio_single .portfolio_content .vc_col-sm-12{
    padding-right: 0 !important;
}
.vc_custom_1457370067729 {
    margin-right: -10px !important;
}
.vc_custom_1458345175961 {
    margin-right: -20px !important;
}
}
/*
@media only screen and (max-width: 600px){
.two_columns_50_50 .column1, .two_columns_50_50 .column2 .textwidget, .three_columns .column1, .three_columns .column2, .three_columns .column3, .two_columns_66_33 .column1, .two_columns_66_33 .column2, .two_columns_33_66 .column1, .two_columns_33_66 .column2, .two_columns_75_25 .column1, .two_columns_75_25 .column2, .two_columns_25_75 .column1, .two_columns_25_75 .column2, .four_columns .column1, .four_columns .column2, .four_columns .column3, .four_columns .column4 {
line-height:15px !important; 
}
.arch-info-cont {
    padding-right: 0 !important; 
}
}
*/

@media only screen and (max-width: 480px){
.container_inner, .boxed div.section .section_inner, div.grid_section .section_inner, .full_width .parallax_content, .steps_holder_inner, .carousel-inner .slider_content_outer, nav.content_menu, body.boxed .wrapper_inner, body.boxed footer, body.boxed .header_inner, body.boxed .full_width .parallax_content, body.boxed .carousel-inner {
    width: 410px;
}
}
@media only screen and (max-width: 420px){
.container_inner, .boxed div.section .section_inner, div.grid_section .section_inner, .full_width .parallax_content, .steps_holder_inner, .carousel-inner .slider_content_outer, nav.content_menu, body.boxed .wrapper_inner, body.boxed footer, body.boxed .header_inner, body.boxed .full_width .parallax_content, body.boxed .carousel-inner {
    width: 350px;
}
}

@media only screen and (max-width: 350px){
.container_inner, .boxed div.section .section_inner, div.grid_section .section_inner, .full_width .parallax_content, .steps_holder_inner, .carousel-inner .slider_content_outer, nav.content_menu, body.boxed .wrapper_inner, body.boxed footer, body.boxed .header_inner, body.boxed .full_width .parallax_content, body.boxed .carousel-inner {
    width: 300px;
}
}

@media only screen and (max-width: 1000px){
.header_top .left, .header_top .right {
    display: none !important;
}
}
@media only screen and (max-width: 480px){
.footer_bottom {
    line-height: initial !important; 
}
}


/* フィルター関係
----------------------------------------------*/

/* about-access用-----------------*/
.nav-tabs li a {
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 0;
    padding: 0 14px;
    font-size: 13px;
    text-decoration: none;
    font-style: normal;
    color: #b4b4b4;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}
.nav-tabs li a  {
    border-bottom: 0;
    position: relative;
    z-index: 200;
}
.nav-tabs li  {
    margin-top: 4px;
}
.nav-tabs li  {
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    display: inline-block;
    float: left;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #555;
    background-color: initial;
    border: 0; 
     border-bottom-color: transparent; 
     cursor: default; 
}
.nav-tabs>li>a {
    border: 0; 
    border-radius: 0;
}
.nav>li>a:hover, .nav>li>a:focus {
    color:#000000;
    text-decoration: underline;
    background-color: inherit;
}
.access-row01{
margin-bottom: 50px !important;
}
.access-row02{
margin-top: 50px;
}
.access-row03{
margin-top: 20px !important;
}
.access-row04{
margin-bottom: 60px !important;
}
.access-row05{
margin-bottom: 50px !important;
}
.access-row06{
margin-top: 70px !important;
margin-bottom: 50px !important;
}
.access-row07{
margin-bottom: 80px !important;
}
.access-row08{
margin-bottom: 30px !important;
}
.access-row09{
margin-bottom: 90px !important;
}
.access-row10{
margin-bottom: 20px !important;
}

/*---------------------------------------*/

.nav-tabs {
    border-bottom: 0;
}
.q_tabs.boxed .tabs-nav,.nav-tabs {
padding-right:10px !important;
padding-left:10px !important;
}

.q_tabs.boxed .tabs-nav li.active a,.nav-tabs li.active a {
    padding: 0 14px !important;
}
@media only screen and (max-width: 768px) and (min-width: 600px){
.q_tabs .tabs-nav li a,.nav-tabs li a {
    padding: 0 14px !important;
}
}
@media only screen and (max-width: 1000px){
.q_tabs .tabs-nav li a,.nav-tabs li a {
    padding: 0 14px;
}
}

/* Common
----------------------------------------------*/
/* 変換中文字が消える問題 ここから
----------------------------------------------*/

::-moz-selection {
    color: 000 !important;
}

::selection {
  color: #fff;
  background: #000;
}

input::selection,
textarea::selection {
  color: #000;
}
/* 変換中文字が消える問題 ここまで
----------------------------------------------*/
.flow dd,.flow dt {
    color: #333333;
    font-size: 13px;
    line-height: 22px !important;
    font-style: normal;
    font-weight: 300;
}
@media screen and (max-width: 600px) {
	.justify-top br {
		display: none;
	}
.justify-top{
margin-right:10%;
   text-align: justify;
   text-justify: inter-ideograph;
}
.indent-top{
text-indent:1em;
}
}
@media only screen and (max-width: 768px){
.subhead {
    margin-left:0 !important;
}
.vc_custom_1461733214019 {
    padding-left: 10% !important;
}
}

@media only screen and (min-width: 769px){
.subhead {
    margin-left:15px !important;
}
.vc_custom_1461733214019 {
    padding-left: 20% !important;
}
}

nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {
    padding: 7px 0 !important; 
}
nav.mobile_menu ul li, nav.mobile_menu ul li, nav.mobile_menu ul li ul li {
    border-bottom: none !important; 
}

.container_inner{
text-align:left;
}

.mobile_menu_button {
    float: right;
margin: 0 30px 0 0 !important; 
}

.q_tabs.boxed .tabs-nav {
    height: initial !important; 
}


#back_to_top span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
-o-border-radius:0 !important;
-moz-border-radius:0 !important;
 -webkit-border-radius:0 !important;
border-radius:0 !important;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    border: 2px solid #e8e8e8;
    background: transparent;
}
#back_to_top span i {
    line-height: 40px;
}
#back_to_top {
    bottom: 40px;
}
th{
font-weight:initial !important;
}

.content .container .container_inner.default_template_holder, .content .container .container_inner.page_container_inner {
    padding-top: 0 !important;
}

.footable thead tr {
    border-bottom: 1px solid #aaa;
}
/*
.footable th {
    color: #333;
}
*/
div.ppt {
    display: none !important;
}

/* page title
-------------------------------------------------*/
.page-title{
font-size:17px;
letter-spacing:1px;
color:#000;
font-weight:600;
}
.page-title-en{
margin-left:8px;
font-size:14.5px;
letter-spacing:0.5px;
color:#999;
font-weight:300;
}

/*   news
------------------------------------------------*/
.news-head div p{
line-height:1.3rem;
}
.news-head p{
font-size:12px;
font-weight:bold;
color:#333;
}
.newstable{
width:100%;
border-collapse: collapse;
font-size:11px;
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
letter-spacing:.05rem;
line-height:1.3rem;
}
.wpb_wrapper .newstable{
margin-bottom: 30px !important;
}
.newstable td{
text-align:left;
padding: 0;
}
.date,{
width:70px;
font-weight:normal;
}

.post_infos,.date_hour_holder,.date,.post-title span{
font-size:11px !important;
display:inline !important;
font-weight:300;
    letter-spacing: .05rem !important;
    line-height: 1.3rem !important;
}
.date_hour_holder .date{
margin-right:20px;
}
/*
.post-date,.post-title,.vc-posts-list-row-1,.vc-posts-list-row-2{
display:inline;
}*/
.post-date{
width:110px !important;
float: left;
}
.vc-posts-list-row-1,{
width:130px !important;
float: left;
}
.vc-posts-list-row-1,.post-title,.vc-posts-list-row-2{
float: left;
}
.vc-posts-list-item{
line-height: 22px;
clear:left;
}


/*   footer
------------------------------------------------*/

.footer_top, .footer_bottom{
font-size:11px !important;
letter-spacing: -0.2px;
}

.site-info ul {
  text-align: center;
}
.site-info li {
  display: inline-block;
  margin-right: 20px;
}

.menu-yashima-footer-container ul{
float:right;
}
.menu-yashima-footer-container li{
float:left;
}

.footer_top .widget_nav_menu ul li, .footer_top .widget_pages ul li {
padding-bottom:0 !important;
}
.footer_bottom {
     height: initial !important;
}
.vc_custom_1456444307839{
margin-bottom:10px!important;
}

.menu-yashima-footer-container ul {
    float: left;
}
.two_columns_50_50>.column1,.two_columns_50_50>.column2 {
    width: initial !important;
}
.two_columns_50_50>.column2 {
    float: right;
}
.footer_bottom p,.footer_bottom div,.footer_bottom_column,.column_inner,.footer_bottom{
display:inline !important;
}

.two_columns_50_50>.column2>.column_inner {
    padding: 0;
}
.menu-yashima-footer-container ul  li a{
padding-left:20px;
}
.menu-yashima-footer-container{
padding-top:10px;
}

/*   portfolio
------------------------------------------------*/
/* リストのサムネイルラストのギャップ消す----------------------------------------------*/
.portfolio_category_111 {
    visibility:hidden !important;
}
/*----------------------------------------------*/
.projects_holder article{
display:inline-block !important;
}
.fade {
    opacity: initial !important;
}
#swipebox-title{
    visibility:hidden !important;
}
#swipebox-overlay {
    background: #636262 !important;
}

#swipebox-action, #swipebox-caption {
    text-shadow: none !important;
    background-color: #949494 !important;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #949494), color-stop(100%, #949494)) !important;
    background-image: -webkit-linear-gradient(#949494, #949494) !important;
    background-image: -moz-linear-gradient(#949494, #949494) !important;
    background-image: -o-linear-gradient(#949494, #949494) !important;
    background-image: linear-gradient(#949494, #949494) !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}
.architecture-tab .tab-content,.tab-content{
    overflow: hidden !important;
}

@media only screen and (max-width: 1000px){
.projects_holder.v3 .mix, .projects_holder.v3.hover_text .mix {
    width: 33% !important;
}
}
@media only screen and (max-width: 768px){
.projects_holder.v3 .mix, .projects_holder.v3.hover_text .mix {
    width: 33% !important;
    margin: 0 0 4%;
}}
@media only screen and (max-width: 600px){
.projects_holder.v6 .mix, .projects_holder.v5 .mix, .projects_holder.v4 .mix, .projects_holder.v3 .mix, .projects_holder.v2 .mix, .projects_holder.v6.hover_text .mix, .projects_holder.v5.hover_text .mix, .projects_holder.v4.hover_text .mix, .projects_holder.v3.hover_text .mix, .projects_holder.v2.hover_text .mix {
    width: 49% !important;
    margin: 0 0 4.7%;
}}
@media only screen and (max-width: 480px){
.projects_holder.v6 .mix, .projects_holder.v5 .mix, .projects_holder.v4 .mix, .projects_holder.v3 .mix, .projects_holder.v2 .mix, .projects_holder.v6.hover_text .mix, .projects_holder.v5.hover_text .mix, .projects_holder.v4.hover_text .mix, .projects_holder.v3.hover_text .mix, .projects_holder.v2.hover_text .mix {
    width: 100% !important;
    margin: 0 0 7.4%;
}}
@media only screen and (min-width: 1001px){
.projects_holder.v3 .mix, .projects_holder.v3.hover_text .mix {
    width: 33% !important;
}
}
.architecture-tab div .tabs-nav,.nav-tabs{
margin-bottom:25px;
}
.square{
text-align:right !important;
}
/*--------------------  removing zom effect in portfolio list  -------------------------------------*/

.projects_holder article .image img, .portfolio_slider .portfolio_slides li.item img{
    opacity:1 !important;
    transform:none !important;
    transition: opacity 0.3s linear !important;
    -webkit-transition: opacity 0.3s linear !important; 
    -ms-transition: opacity 0.3s linear !important;
    -o-transition: opacity 0.3s linear !important;
}


.projects_holder article .image:hover img, .portfolio_slider .portfolio_slides li.item:hover  img{
    opacity:0.7 !important;
    transform:none !important;
}

/*--------------------  removing zom effect in portfolio list  -------------------------------------*/

.projects_holder article .portfolio_description {
    padding: 15px 0 10px;
}

.portfolio_title a{
text-decoration:none !important;
}
.num {
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
}
.icons_holder{
display:none !important;
}

.filter_holder ul li span {
    font-size: 12px !important;
color:#c9c9c9 !important;
}
.filter_holder ul {
margin-top:10px;
}
.filter_holder{
text-align:left !important;
}
.filter_holder ul li span:first-child {
padding-left:10px !important;
}
.filter_holder ul li span:nth-of-type(2) {
}

.filter_holder ul li:first-child {
    display: none !important;
}

div.q_accordion_holder h5.ui-accordion-header:first-child {
display:none;
}
.q_accordion_holder.accordion.boxed .ui-accordion-header {
    text-align:left;
padding:5px;
    background-color: #eee;
}

.filter_outer {
    height: 45px;
    background-color: #fafafa;
/*   border-bottom: 1px solid #eaeaea;*/
margin:0 0 45px !important;

}

/*
.two_columns_66_33>.column1 {
    float: right;
}
.two_columns_66_33>.column2 {
    float: right;
}
*/
.portfolio_categories,.portfolio_tags,.portfolio_detail h6{
display:none;
}
.datatable{
font-family:'Cardo' , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.datatable tr{
    border-bottom: 0 !important;
line-height: 24px;
}
.datatable th,.datatable td{
    padding: 0 5px !important;
}

.two_columns_66_33>.column2>.column_inner {
    padding: 0 0 0 0;
}

.q_accordion_holder.boxed div.accordion_content {
    padding-left: 0;
}
/*
.q_accordion_holder{
padding-right:20px;
}
*/
.q_accordion_holder.accordion .ui-accordion-header, .q_accordion_holder.accordion.with_icon .ui-accordion-header {
    color: #303030;
    font-weight: 400;
    text-transform: none !important;
    letter-spacing: 1px;
    padding-left:10px;
}
.q_accordion_holder.accordion .ui-accordion-header {
    line-height: 2em;
    min-height: initial  !important;
}

.arch-info-cont{
padding-right:20px;
}
.arch-info{
border-top:solid 1px #aaa;
padding-top:10px;
}

.arch-info th{
width:70px;
}
.arch-info table{
margin-bottom:30px;
}
div.append-title{
font-size:16px;
margin-bottom:10px;
}

.append-data  .footable th {
    width: 70px;
}
/*
.portfolio_single{
margin-top:50px;
border-top:3px solid #fff;
padding-top:30px;
}
*/

.two_columns_66_33>.column1>.column_inner {
    padding: 0  !important;
}
@media only screen and (max-width: 600px){
.two_columns_66_33>.column1>.column_inner {
    padding: 0  0 20px  0 !important;
}
.vc_custom_1457370067729 {
    margin-right: 0 !important;
}
.vc_custom_1457370054884 {
    margin-right: 0 !important;
}
}


.title_subtitle_holder {
top:50px;
    position: relative;
}

#null{
display:none;
}
.projects_holder article .portfolio_description {
    padding: 10px 0 0;
}

/*   portfolio single
------------------------------------------------*/



.arch-desc2 {
    margin-right: 0 !important;
}

@media only screen and (min-width: 601px){
.arch-desc2 {
    margin-right: 10px !important;
}
}
@media only screen and (min-width: 1001px){
.arch-desc2 {
    margin-right: 20px !important;
}
}

a.portfolio-title:hover{
text-decoration:none;
}

@media only screen and (max-width: 480px){
.arch-desc {
    margin-bottom: 10px !important;
}
.arch-info table {
    margin-bottom: 10px;
}
}
@media only screen and (min-width: 481px){
.arch-desc {
    margin-bottom: 50px !important;
}
}

.portfolio_single .portfolio_images .fluid-width-video-wrapper, .portfolio_single .portfolio_images img {
    margin: 0 0 5px !important;
}
.portfolio_single {
/*margin-top: 10px;*/
/*background-image:url(http://yashima-arch.com/wp-content/uploads/2016/03/title2_02_works.png);*/
background-position:0 27px;
background-repeat:no-repeat;
/*padding-top:77px;*/
padding-top:0;
padding-bottom:0;
}
.portfolio-title{
display:block;
margin-top: 25px;
margin-bottom: 15px;
text-decoration:none;
}
.portfolio_container{
border-top:1px solid #d5d5d5;
padding-top:30px;
}

.credit{
float:right;
}
a.lightbox_single_portfolio img{
display:block;
}
/*
.item,.item-wide{
margin-right:20px;
}*/
.item-wide{
letter-spacing:1.63rem;
}
.arch-info table{
font-family: 'Cardo' , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.arch-info table th,.arch-info table td{
padding:0 !important;
}
.arch-info .footable th {
width:80px;
}

/*   publication
------------------------------------------------*/

.q_tabs.boxed .tabs-nav,.nav-tabs {
background-color:#fafafa;
/*height:45px;*/
}
.q_tabs .tabs-nav li,.nav-tabs li  {
    margin-top: 4px;

}
.q_tabs.boxed .tabs-nav li.active a,.nav-tabs li.active a {
    border-width: 0 !important;
}
.pubtable{
font-family :Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:12px;
line-height:1.8;
}
.architable{
font-size:12px;
line-height:1.8;
margin-bottom:50px !important;
}
@media only screen and (max-width: 420px){
.architable{
font-size:10px;
line-height:1.4;
}
.architable td{
padding:5px 5px;
}
}

.pubtable th{
color:initial !important;
}
.footable tr td:first-child,.footable tr th:first-child {
padding-left:0 !important;
}
.left{
text-align:left;
}
.right{
text-align:right;
}
.booktitle{
font-family: "Noto Serif" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-size:13px;
letter-spacing:0.05rem;
line-height:1.5;
padding:0;

}
.booktitle{
font-size:15px;
font-weight:bold;
letter-spacing:0.07rem;
line-height:2.5;
display:inline-block;
margin-botttom:20px !important;
vertical-align:top;
}
.auther{
line-height:2.5;
}
.footable-row-detail-inner{
margin-left:23px;
}

.collapseomatic_excerpt, .collapseomatic_content {
    margin-left: 0;
    padding: 0px;
}
.collapseomatic_excerpt {
    margin-top: 10px;
}
.collapseomatic_excerpt:after {
    left: -20px;
	content: '';
	display: block;
	height: 40px;
	width: 100%;
	position: absolute;
	bottom: 0;
	background-color: #fff;
	background-image: linear-gradient(rgba(255,255,255,0),#ffffff);
	background-color: transparent;
} 

.collapseomatic {
display:block;
background-color:#f5f5f5;
padding: 3px 20px;
background-position:2px 7px;
}

.collapseomatic:hover {
    background-color: #ececec;
}

.flex-direction-nav{
display:none !important;
}
.collapseomatic {
    background-image: none;
}
.right{
text-align:right;
}

/*  Profile
------------------------------------------------*/
/* Philosophy
------------------------------------------------*/
@media only screen and (min-width: 769px){
/*
.philosophy-body {
  height: auto;
  background: url(http://yashima-arch.com/wp-content/uploads/2016/03/yashima-house_crop040.jpg) no-repeat center;
  background-size: contain !important;
background-position:   center top!important;
}

.philosophy-banner {
  display: none!important;
}
*/

}

@media only screen and (max-width: 768px){
.philosophy-body{
  background-image: none!important;
}
}

.container_inner{
background-image:url("http://127.0.0.1:4001/wordpress/wp-content/uploads/2016/02/3.yashima-house_e.jpg")
no-repeat;
}

/* Detail
-----------------------------------------*/
.gallery_holder ul.gallery_with_space.v5 li, .wpb_gallery_slides .gallery_holder ul.gallery_with_space.v5 li {
    width: 18.4%;
    margin: 0 .5% .5% 0;
}
.detail-box{
text-align:center;
}
.detail-title p{
font-size:16px;
font-weight:600;
}
.detail-body p{
font-size:13px;
}
.detail-sub{
font-size:14.5px;
}
body a.pp_next:after,body a.pp_previous:after  {
display:none !important;
}
/* essay
-----------------------------------------*/
strong,.bold{
font-weight:bold;
}

.essay-title{
font-size:14px;
font-weight:600;
}
.essay-body{
clear:left;
margin-top:30px;
padding-left:50px;
}
.essay-sub{
font-weight:600;
margin:20px 0 10px;
}
.essay-body img{
margin-top:20px  !important;
margin-bottom:20px !important;
}
.clear{
clear:both;
}

/*inactive/collapsed */
.collapseomatic {

}

/*active/expanded */
.collapseomatic.colomat-close {
background-color:#eee !important;
}

/* sketch
-----------------------------------------*/

.sketch-text{
margin:30px 30px 10px 30px !important;
}

@media only screen and (min-width: 480px){
.sketch-text{
margin:30px 50px 50px 50px !important;
}
}
@media only screen and (min-width: 1000px){
.sketch-text{
margin:50px 100px 20px 100px !important;
}
}


/* about-section
-----------------------------------------*/

.active a{
text-decoration:none !important;
}
.q_tabs.boxed .tabs-container {
    border-top-width: 0 !important;
}

.profile tr {
    border-bottom: none !important;
}

.padding-btm {
    padding-bottom: 30px;
}
.subtitle{
width:220px;
/*margin-left:90px;
border-bottom:1px #999999 solid;*/
margin-bottom:30px;
position:relative;
}
.profile p {
    line-height: 1.6em !important;
}
.profile {
margin-bottom:10px !important;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1.6em !important;
	position:relative;
}
.lisence{
font-size:11px;
}
.profile-masa {
margin-left:250px;
float:left;
}
.profile-yuko {
margin-left:30px;
float:left;
}
.office-cont,.access {
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0.02em;
    line-height: 1.6em !important;
position:relative;
}
@media only screen and (min-width: 769px) and (max-width: 1199px){
.map-img .flexslider{
width:530px !important;
}
}

.postal{
margin-top:20px;
}
.address{
margin-bottom:10px;
}
.office-name-company {
margin-right:10px;
}
.office-name-ja {
margin-right:20px;
}

.office-cont .office-name-company {
margin-bottom:50px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.02em;
    line-height: 1.6em !important;
}
.office-cont .office-name-ja {
margin-bottom:50px;
    font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.02em;
    line-height: 1.8em !important;
}

.office-cont .cat {
    font-size: 12px;
}
.info-title{
display:inline-block;
width:60px;
}
.info-title-border {
		border-bottom:1px #999999 dotted;
margin-bottom:5px;
}
.info-title,.service-ttl{
color:#333;
font-weight:400;
}

p.normalcol {
display:block;
margin-top:15px;
}


#home_about_desc {
position:relative;
}

div#profile-photo {
position:absolute;
top:570px;
left:0;
}

table.profile td {
    padding: 3px 10px !important;
}
table.profile td.current {
padding-top:10px !important;
}

table.profile .profile-title {
text-align:left;
margin-bottom:10px;
}
table.profile .profile-title .name-ja {
margin-right:10px;
font-weight:bold;
}
table.profile .profile-title .name-en {
/*color:#9e9388;*/
margin-right:20px;
}
table.profile .year {
width:90px;
}

.belong {
}
.belong-body{
margin-right:25px;
}


#home_about_desc_right {
	padding:10px;
	width:680px !important;
	margin-left:250px;
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #E0DDDD;
    border-color: #CCCCCC #FFFFFF #CCCCCC #CCCCCC;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.flow dl{
margin-bottom:20px;
}
.flow dt{
border-bottom:1px dotted #999;
line-height:1.2rem;
margin-bottom:3px;
}
.flow dd{
line-height:1.4rem;
}
.access-way-title{
font-weight:bold;
}
.way-block{
margin-top:5px;
}
.flexslider, .portfolio_slider {
    margin: 0 0 10px !important;
}
.map-print {
margin-bottom:20px;
}
.map-print a{
text-decoration:underline !important;
}
.map-print div  p a:hover{
text-decoration:none;
}
td.subinfo{
padding-top:0 !important;
padding-bottom:0 !important;
font-size:11px;
line-height: 18px;
}

/*   contact
------------------------------------------------*/
@media only screen and (min-width: 769px){
.inquiry-text{
padding-right:50px;
}
}
@media only screen and (max-width: 768px){
.inquiry-text{
margin-bottom:80px !important;
}
}

.inquiry-text  div p {
   text-align: justify;
   text-justify: inter-ideograph;
}
.con{
width:50%;
}
.input.wpcf7-form-control.wpcf7-submit, input.wpcf7-form-control.wpcf7-submit:not([disabled]){
background-color: #666;
border:0;
}

/*   justify
------------------------------------------------*/
.justify div div:nth-of-type(1) {
text-indent:1em;
   text-align: justify;
   text-justify: inter-ideograph;
}
.justify p {
text-indent:1em;
   text-align: justify;
   text-justify: inter-ideograph;
}
p.justify {
   text-align: justify;
   text-justify: inter-ideograph;
}
.indent{
text-indent:1em;
}

.indent-arch,.indent-arch + div{
text-indent:1em;
}

/*   Font
------------------------------------------------*/
.arch-title p,.site p {
letter-spacing:0.1rem;
font-family: 'Cardo' , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.arch-title p {
color:#333;
font-size:18px;
font-weight:700;
}
.site p{
font-size:13px;
font-weight:300;
}

.credit-italic{
font-style:italic;
}

/* Contact Form
-----------------------------------------------*/

.wpcf7-mail-sent-ok {
    background-color: #00b9ce !important;
}



/*   Temp
------------------------------------------------*/
@media only screen and (max-width: 480px){
table.pubtable td{
font-size:11px !important;
}
.pubtable td{
padding:2px !important;
}
}
.map-img a img{
border: 1px solid #bbb !important;
box-sizing:border-box;
}

.collapseomatic {
    display: block;
    background-color: #fff;
    padding: 3px 20px;
    background-position: 2px 7px;
}

.readmore-button-box {
   text-align: center;
   background-image: linear-gradient( 180deg, rgba(255,255,255,0.5), white );   /* 上から下へ：[白色半透明]から[白色]へグラデーション */
   padding-top: 4em;   /* ボタンの上側でグラデーションを見せる距離(長さ) */
   margin-top: -4em;   /* ボックスを上側に重ねる距離(長さ) */
   position: relative;   /* ボックス全体を上に重ねるために必要 */
}


.job-font h4{
font-size: 12px!important;
}