@import url('css/normalize.css');
@import url('css/vinectia-style.css');
/*
Theme Name: 神戸ファッションマート賃貸オフィス
Theme URI: http://www.kfm.or.jp/office/
Author: 合同会社ビネクティア
Author URI: http://vinectia.jp
Description: 神戸ファッションマート賃貸オフィス用 Wordpressテーマ
Version: 1.0


/* =============================================================================
   Responsive Embedded Media
   ========================================================================== */

img,
object,
video {
  max-width: 100%;
  height: auto;

}


/* =============================================================================
  Required WordPress Styles
  * @since 1.0.6
  * Generated Core Classes
  * Each Theme should have these or similar styles in its style.css file
  * in order to display images and captions properly.
  * http://codex.wordpress.org/CSS#WordPress_Generated_Classes
  ========================================================================== */

.sticky {}

.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
  display:block;
  margin: 5px auto 5px auto;
}

.alignright {
  float:right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float:left;
  margin: 5px 20px 20px 0;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float:right;
  margin: 5px 0 20px 20px;
}

.alignnone {
  clear: both;
  margin: 5px 20px 20px 0;
}

.alignleft {
  float:left;
  margin: 5px 20px 20px 0;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin:0;
  max-width: 98.5%;
  padding:0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size:11px;
  line-height:17px;
  margin:0;
  padding:0 4px 5px;
}

.gallery-caption {}

/*
* stops multiple categories from breaking the layout
*/
.entry-tags-list li,
.entry-categories-list li {
  display: inline-block;
}

/* by post author styling */
.bypostauthor {}





/* =============================================================================
   WordPress Generated - Extra Styling Classes for Authors
   ========================================================================== */

/* Fluid Images For Wordpress */
img[class*="align"],
img[class*="wp-image-"] {
  height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

.wp-caption,
.wp-caption img {
  max-width: 100%;
}

img.size-full {
  max-width: 100%;
  width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

/* WP Breadcrumb Styles */
.cat-item {}
.cat-item.current-cat {}

.cat-item a:hover {}
.cat-item.current-cat a:hover {}

.cat-item a {}
.cat-item.current-cat a {}

/* WP Smiley */
.entry-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* WP widget styling */
.widget {}

/* WP Footer Search Widget Input */
#s {
  width: 100%;
}

/* WP Post Thumbnails */
.wp-post-image {}
.attachment-thumbnail {}
.attachment-medium {}
.attachment-large {}
.attachment-full {}

/* WP 404 Errors */
.error404 {}

/* WP Page Content */
.more-link {}
.posttitle {}


/* =============================================================================
   WordPress Comments
   ========================================================================== */
/*
* WP COMMENTS FORM
* comment form container
* keep this consistent for comment form
* everytime a user clicks reply to a thread
* the comment form that appears contains these very
* styles defined below
*/

#respond {}

/* comments list reset */
.commentlist,
.commentlist ul,
.commentlist .children {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* comment form title */
#reply-title {}

/* comment form ID generated by WP */
#commentform {}

/* moderation response text class provided via comments.php line#48 */
/* no user comments styling class provided via comments.php line#69 */
.moderating,
.nocomments {
  font-weight: lighter;
}

/* comment form labels */
label[for="author"] {}
label[for="email"] {}
label[for="commment"] {}

/* comment form inputs  */
#commentform input,
#commentform textarea {
  display: block;
}
#commentform textarea {
  width: 100%;
}

/* comment form allow tags */
.form-allowed-tags {}

/* comments pagination */
.comment-pagination {}
.prev-comments-link {}
.nxt-comments-link {}

/* avatars */
.avatar {
  display: block
}

/* User Comments */
.comment-list {}
.comment-meta {}
.comment-meta.says {}
.comment-vcard {}
.comment-edit-link {}
.comment-body {}
.comment-text {}
.reply {}
.comment-reply-link {}

/* Comment Respond Form */
.comment-respond {}


/* =============================================================================
メイン
   ========================================================================== */

/* @group common */
html{
font-size: 62.5%; 

 }
 @media screen and (max-width: 767px) {
  html{
font-size:54.5%; 

 }   
 }
 body {

}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
body{
	margin: 0;
	padding: 0;

	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Yu Gothic", YuGothic ,Verdana, "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	
    font-size: 1.4rem;
	line-height: 1.6;
}

img{
    max-width:100%;

height: auto;}
a{color:#5E7382;
text-decoration:none;}	
a:hover{color:#d70f41;
text-decoration:underline;}


a.button {
    background-color:#EEEEEE;
     
	position: relative;
	display: inline-block;
	margin: 0 auto;
	padding: 0.6em 1em 0.6em 1em;



      font-size:1.8rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	border-radius:5px;
    line-height:1.2;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
    z-index:998;
}
a.button-small{
     background-color:#EEEEEE;   
	position: relative;
	display: inline-block;
	margin: 0 auto;
	padding: 6px 10px;
font-size:1.4rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	border-radius:5px;
    line-height:1.2;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
    z-index:998;
    }
    
@media screen and (max-width: 767px) {
   a.button {
    font-size:1.4rem;    
   }
}

a.button span, a.button-small span{
    display:inline-block;}



    
a.button:after, a.button-small:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index:-1;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}



a.button:hover , a.button-small:hover{
	color: #FFF;
	text-shadow: none;
}
a.button:hover:after, a.button-small:hover:after {
	height: 800%;
}


a.button-green {
	border: 2px solid #00a892;
    background-color:#fff;
    border-radius:5px;
    color:#00a892;
    position:relative;
    padding-left:2.2em;
}
a.button-orange {
	border: 2px solid #ff6400;
    background-color:#fff;
    border-radius:5px;
    color:#ff6400;
    position:relative;
    padding-left:2.2em;
}
a.button-green:before,a.button-orange:before{
    content:"\f138";
display: inline-block;
    font-family: "FontAwesome";
    font-weight: 100;
    left: 1em;
    line-height: 1;
    margin-right: 0.1em;
    margin-top: -0.5em;
    position: absolute;
    top: 50%;

}
a.button-green:after {
	background: #00a892;

}
a.button-orange:after {
	background: #ff6400;

}

a.button-pdf , a.button-doc , a.button-xls {
    width:100%;
    min-width:8em;}

a.button-pdf:before, a.button-doc:before, a.button-xls:before {
    content: "";
    display: inline-block;
    height: 50px;
    line-height: 1;
    margin-right: 0;
    margin-top:-0.2em;
    vertical-align: middle;
    width: 50px;
}

a.button-doc {
	border: 2px solid #2980b9;
    background-color:#fff;
    border-radius:5px;
    color:#2980b9;
}
a.button-doc:before {
    background: rgba(0, 0, 0, 0) url("images/doc-img.png") repeat scroll 0 0 / cover ;
}
a.button-doc:after {
	background: #2980b9;
	}

a.button-xls{
		border: 2px solid #68b829; 
    background-color:#fff;
    border-radius:5px;
    color:#68b829;
}
a.button-xls:before{
	 background: rgba(0, 0, 0, 0) url("images/xls-img.png") repeat scroll 0 0 / cover ;
}
a.button-xls:after {
	background: #68b829;
	}
    
a.button-pdf {
		border: 2px solid #dc4c3c;
    background-color:#fff;
    border-radius:5px;
    color:#dc4c3c;
}
a.button-pdf:before{
	 background: rgba(0, 0, 0, 0) url("images/pdf-img.png") repeat scroll 0 0 / cover ;
}
a.button-pdf:after {
	background: #dc4c3c;
	}


.frame-box{
	border: 2px solid #15618d;
	padding:20px;
}

.gray-box{
	 background-color: #f5f7fb;
    padding: 20px 30px; 
}

/***********************************
#content-wrap
 ***********************************/
#content-wrap{
    overflow:hidden;
    
    }

#content-main{
    padding-top:30px;
        padding-bottom:30px;
    float:left;
        width: 68%;
    }
    
#content-main  > *:first-child{
    margin-top: 0;
}

#content-side{
      padding-top:30px;
          padding-bottom:30px;
      float:right;
         width: 28%;
    }
@media screen and (max-width: 768px) {
#content-main{ float:none; width:100%;}    
#content-side{ float:none; width:100%;}    
}
    
/***********************************
.side-section-box
 ***********************************/
.side-section-box{
    margin-bottom:10px;
    
    }
.side-title{
    padding:0.2em 0.4em;
    color:#fff;
    background-color: #156190;
    font-size:1.6rem;
    }
.side-section-box ul{
    padding-left:1.2em;
    list-style:none;}
 .side-section-box ul li{
     padding:0.2em 0;
     position:relative;}   
    .side-section-box ul li:before{
          padding:0 0 0 0.5em;
 content: "\f138";
 font-family: "FontAwesome";
cursor: pointer;
display:block;
position: absolute;
left: -1.6em;
  color: #BBBBBB;
        
        } 
  
.search-box{
     border-collapse: separate;
    display: table;
    position: relative;
    width: 100%;
    padding:1em;
     background-color: #f5f7fb;
    }

.input-group-btn{
    font-size: 1.4rem;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
    width: 1%;
    border-collapse: separate;

    }
.input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group {
    margin-left: -1px;
    z-index: 2;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
      
}


/***********************************
#pankuzu
 ***********************************/
#pankuzu{
    background-color:#156190;
    font-size: 1.2rem;
    color:#fff;
    padding: 14px 10px;;
}
#pankuzu div{
margin-left: auto;
    margin-right: auto;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    overflow: hidden;

    list-style:none;
}
#pankuzu a{
    color:#fff;}
@media (min-width: 544px) {
#pankuzu div{
    max-width: 576px;
}
}
@media (min-width: 768px) {
#pankuzu div{
    max-width: 750px;
}
}
@media (min-width: 992px) {
#pankuzu div{
    max-width: 970px;
}
}
@media (min-width: 1200px) {
#pankuzu div{
    max-width: 1000px;
}
}



#header{
    background : #FFFFFF;
    position: fixed;
    z-index:999;
    width:100%;
    top:0;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);

       border-top:none;
    }


        
#header-inner {
  width: 100%;
  margin: 0 auto;
background : #FFFFFF;
}
.home #header-inner {
  background : rgba(255, 255, 255, 1);
}

#header-logo{
    padding:18px 10px 0px 10px;
    display:inline-block;
    margin:0;
    }

@media screen and (max-width: 767px) {
#header-logo{
    padding:8px 10px 8px 10px;
  
    }
}
#header-logo a{
    display:block;
    }
 #header-logo a img{
    display:block;
    }   
#gnavi {float:right;}

#gnavi .gnavi-contact{

    }
#gnavi .gnavi-contact a{
   background-color: #000;
   color:#fff;
padding: 1.5em 1.5em;
    }    
#gnavi .gnavi-contact a:hover{
      background-color: #FF0004;
    
}
.gnavi-mobile {
  display: none;
 font-weight: 100;
 position:relative;
    text-decoration: none;
padding:18px 18px 10px 18px;
font-size:1.8rem;
float:right;
}
.gnavi-mobile:hover{
    text-decoration:none;}


.gnavi-mobile:after {
  content: "\f0c9";/*モバイル用メニューに表示するアイコン*/
  font-family: "FontAwesome";
      color:#999;

  font-weight:100;
  padding: 0;
  position: absolute;
  right:15px;
 
}
.gnavi-mobile.show:after {
  content: "\f00d";/*モバイル用メニューに表示するアイコン*/
  font-family: "FontAwesome";
      color:#999;

  font-weight:100;
  padding: 0;
  position: absolute;
  right:15px;
 
}

.menu-dropdown-icon > a:before {
    padding:0 0 0 0.5em;
  content: "\f107";/*モバイル用メニューに表示するアイコン*/
 font-family: "FontAwesome";
 
  cursor: pointer;
  float: right;


  color: #333;
}
#gnavi > ul {
  margin: 0 auto;
  width: 100%;
  list-style: none;
  padding: 0;
  position: relative;
  box-sizing: border-box;
}
#gnavi > ul:before,
#gnavi > ul:after {
  content: "";
  display: table;
}
#gnavi > ul:after {
  clear: both;
}
#gnavi > ul > li {
  float: left;
  background: #fff;
  padding: 0;
  margin: 0;
}
.home #gnavi > ul > li {
  background : rgba(255, 255, 255, 0);

}

#gnavi > ul > li a {
  text-decoration: none;
  padding: 1.5em 0.7em;
  display: inline-block;
  color:#333;
}
#gnavi > ul > li:hover {
  background: #f0f0f0;
}
#gnavi > ul > li > ul {
  display: none;
  width: 100%;
  background: #f0f0f0;
  padding: 20px;
  position: absolute;
  z-index: 99;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}
#gnavi > ul > li > ul:before,
#gnavi > ul > li > ul:after {
  content: "";
  display: table;
}
#gnavi > ul > li > ul:after {
  clear: both;
}
#gnavi > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 25%;
  background: none;
  float: left;
}
#gnavi > ul > li > ul > li a {
  color: #777;
  padding: .2em 0;
  width: 100%;
  display: block;
  border-bottom: 1px solid #ccc;
}
#gnavi > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
  box-sizing: border-box;
}
#gnavi > ul > li > ul > li > ul:before,
#gnavi > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}
#gnavi > ul > li > ul > li > ul:after {
  clear: both;
}
#gnavi > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 10px 0;
  margin: 0;
  font-size: .8em;
}
#gnavi > ul > li > ul > li > ul > li a {
  border: 0;
}
#gnavi > ul > li > ul.normal-sub {
  width: 300px;
  left: auto;
  padding: 10px 20px;
}
#gnavi > ul > li > ul.normal-sub > li {
  width: 100%;
}
#gnavi > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 1em 0;
}

@media only screen and (max-width: 1100px) {
#header-logo{

       float:none;
    display:block;
    text-align:center;}
#gnavi {
    float:none;
     display:block;
      }
       #gnavi > ul {
           display:table;
       }
#gnavi > ul > li{
    display:table-cell;
    float:none;
 }
  #gnavi > ul > li a {
   text-align: center;
    width: 100%;
    padding: 1em 0em;

}     
#gnavi .gnavi-contact a{
 padding: 1em 1em;
    }    
    
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
モバイル用
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 767px) {
  #header-inner {
    width: 100%;
  }
  #header-logo{
      float:left;
    display: inline-block;
   z-index:999;
   max-width:80%;
      }
    
  .home #header-inner{
    background-color:#fff;   
      }
  .gnavi-mobile {

  display:block;
  }
  


 
    #gnavi{
      float:none;
        right:0;
        top:0;
        width:100%;
        display: block;
        }
    
    
  #gnavi > ul {
    display: none;
       padding:0;
  }
  #gnavi > ul > li {
    width: 100%;
    float: none;
    display: block;
  }
  #gnavi > ul > li a {
    padding: 1.5em;
    width: 100%;
    display: block;
  }
  #gnavi > ul > li > ul {
    position: relative;
  }
  #gnavi > ul > li > ul.normal-sub {
    width: 100%;
  }
  #gnavi > ul > li > ul > li {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  #gnavi > ul > li > ul > li:first-child {
    margin: 0;
  }
  #gnavi > ul > li > ul > li > ul {
    position: relative;
  }
  #gnavi > ul > li > ul > li > ul > li {
    float: none;
  }
  #gnavi .show-on-mobile {
      clear:both;
      background-color:#fff;
    display: block;
    z-index:999; 
  }
   #gnavi .show-on-mobile li{
       border-top:1px solid #A8A8A8;
       }
    #gnavi .show-on-mobile li ul.normal-sub{
       border-top:1px solid #A8A8A8;
       padding: 0px;
       }  
        #gnavi .show-on-mobile li ul.normal-sub li{
             border-top:1px dotted #A8A8A8;
            margin-top:0;
       }
   #gnavi .show-on-mobile li ul.normal-sub li:first-child{
         border-top:none;
       }
     #gnavi .show-on-mobile li ul.normal-sub li a{
          padding:  1em 1.5em;
       }

}

/***********************************
#office-flow
 ***********************************/
#office-flow{
    text-align:center;
    margin:0 auto;
      width:100%;
    max-width:600px; 
    }

#office-flow > li{
 
    margin-bottom:20px;
    }

#office-flow ul {
  margin:0;
  padding:0;
  background: url('images/left.png') repeat-y left center;
}

#office-flow ul {

  padding:0 0  0 ;
}

#office-flow li {
  list-style:none outside;
  width:100%;
    max-width:600px;
}

#office-flow ul li {
  background: url('images/center.png') no-repeat left center;
  margin:1em 0;
  padding:0 0 0 30px;
}

#office-flow li:last-child,
#office-flow li.last {
  background: url('images/corner.png') no-repeat left center;
}


#office-flow li a{
    background: #15618d none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 5px 0 #00355f;
    color: #fff;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 26px;
    margin: 0;
    overflow-wrap: break-word;
    padding: 1em;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition-duration: 0.3s;
    width: 100%;
}
#office-flow li ul li a{
 background: #298fe6;
}

    
#office-flow li a:hover {
    box-shadow: 0 4px 0 #95272D;
    background-color: #dc0027;
    cursor: flower;
   
    
}
@media screen and (max-width: 767px) {
#office-flow li a:hover {
     box-shadow: 0 5px 0 #00355f;
    background: #15618d none repeat scroll 0 0;
    cursor: flower;
}    
    
}

#office-flow li  a:hover:after{
  content: "\f0ab";
  font-family: "FontAwesome";
  display:block;
    margin-right: 0.3em;
    font-weight:100;
    position:absolute;
    right:1em;
    top:1em;
    }


#office-flow li a span{
  font-size:0.667em;
    font-weight:100;
    display:inline-block;
}

@media screen and (max-width: 767px) {
#office-flow li a{
      font-size:1em; 
   }
    
}
/***********************************
main
 ***********************************/
   /**エディター管理画面のみ**/   
 #editor-kanri{
     padding:20px; 
     }
 
 
.editor p{
    margin-bottom:1em;
    
    }
    
#page-title{
     padding:30px 0px 50px;
     background-color:#156190;
     color:#fff;
     margin:0 auto;
    
     }
#page-title  #page-title-inner{
          max-width:1000px;
     margin:0 auto;
     font-weight:bold;
      font-size:3rem;
     }   

 .guide  #page-title #page-title-inner:before,  .feature  #page-title #page-title-inner:before,  .support  #page-title #page-title-inner:before,  .available_booth  #page-title #page-title-inner:before , .tenant_service  #page-title #page-title-inner:before,  .tenant-list  #page-title #page-title-inner:before,  .access  #page-title #page-title-inner:before, .ipo  #page-title #page-title-inner:before
{
    content: "";
    display: block;
    height: 100px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 100px;
     }
  /**ご案内用アイコン**/    
 .guide  #page-title #page-title-inner:before{
    background: rgba(0, 0, 0, 0) url("images/pageicon-01.png") no-repeat scroll 0 0 / contain ;
 }
   /**オフィスの特徴用アイコン**/    
  .feature  #page-title #page-title-inner:before{
    background: rgba(0, 0, 0, 0) url("images/pageicon-02.png") no-repeat scroll 0 0 / contain ;
 }    
    /**IPO用アイコン**/    
  .ipo #page-title #page-title-inner:before{
    background: rgba(0, 0, 0, 0) url("images/pageicon-08.png") no-repeat scroll 0 0 / contain ;
 }    
 

    /**空き室一覧のアイコン**/    
 .available_booth  #page-title #page-title-inner:before{
    background: rgba(0, 0, 0, 0) url("images/pageicon-03.png") no-repeat scroll 0 0 / contain ;
 }      
     /**テナントサービスアイコン**/    
 .tenant_service  #page-title #page-title-inner:before{
    background: rgba(0, 0, 0, 0) url("images/pageicon-04.png") no-repeat scroll 0 0 / contain ;
 }      
    /**オフィスの特徴用アイコン**/    
 .support  #page-title #page-title-inner:before{
    background: rgba(0, 0, 0, 0) url("images/pageicon-05.png") no-repeat scroll 0 0 / contain ;
 }       
      /**オフィスの特徴用アイコン**/    
 .tenant-list  #page-title #page-title-inner:before{
    background: rgba(0, 0, 0, 0) url("images/pageicon-06.png") no-repeat scroll 0 0 / contain ;
 }     
      /**オフィスの特徴用アイコン**/    
 .access  #page-title #page-title-inner:before{
    background: rgba(0, 0, 0, 0) url("images/pageicon-07.png") no-repeat scroll 0 0 / contain ;
 }    
    
    @media screen and (max-width: 767px) {
        #page-title{
     padding:20px 0px;
    
     }
  #page-title  #page-title-inner{

      font-size:2.4rem;   
  }
        
    }
    
    
.editor h1, .editor h2{
    font-size:2.8rem;
    text-align:center;
    margin:3em 0 1em;
    border-bottom: 2px solid #15618d;
  /**background: #f4f4f4 none repeat scroll 0 0;**/
    color: #0a3255;
    font-weight: bold;
    padding: 10px 0;
    line-height:1.2;
    }

#content-main.editor h1{
      text-align:left;
      margin:0 0 1em;
    }

 
 @media screen and (max-width: 767px) {
.editor h1, .editor h2{   
     font-size:2rem;
 text-align:left;
  padding: 5px 0;
 }
 }
 
.editor h3{
     background-color:#15618d;
     padding:0.2em 0.8em;
     color:#fff;
       font-size:2rem;
       margin:2em 0 0.5em;
    }    
   @media screen and (max-width: 767px) {
.editor h3{   
     font-size:1.8rem;
 }
 }
   
 
.editor h4{
    line-height:1.4;
    font-size:1.8rem;
    margin:2em 0 0.7em;
    color: #15618d;
    font-weight: bold;
    border-bottom:1px solid #15618d;
    }    
.editor h4:before{
content: "\f04d";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right:0.2em;
    }  
    

   @media screen and (max-width: 767px) {
.editor h4{   
     font-size:1.6rem;
 }
 }
   
   
.editor h5{
    line-height:1.4;
    font-size:1.6rem;
    margin:1.5em 0 0.6em;
    font-weight: bold;
 
    }  
    
.editor table td h3, .editor table td h4, .editor table td h5{
    margin-top:0; 
    margin-bottom:0.3em;}  
 .editor table td p{
    margin-bottom:5px; }  
       
.editor .obitxt{
     background-color:#00a892;
     color:#fff;

      padding:0.1rem 0.5em;
      margin-right:0.2em;
     }
     
            
.editor .frame-box{
    background-color: #f5f7fb;
 
    padding: 20px;
    margin-bottom:20px;
    }
.editor .frame-box > *:first-child {
    margin-top: 0;
}
.editor .frame-box > *:last-child {
    margin-bottom: 0;
}

.editor .frame-box > h4{
    border-bottom:none;}

 
 .editor .photo-glay-box{
   display:inline-block;
    margin-bottom:20px;
    border-radius:10px;
    background-color: #84578f;
       text-decoration:none;
              line-height:1.2;
    }
    
    .photo-glay-box a {
        color:#fff;
      }  
 .photo-glay-box a:hover {      
        color:#DEB4FF;
    }
                 
  .editor .photo-glay-box-txt h4{
 border-bottom: none;}
  .editor .photo-glay-box-txt h4:before{
      display:none;
    }
    
      
.photo-glay-box .more{
              text-align:right;
           }
         

           
.photo-glay-box a .more{
            text-align:right;
          }
              
.photo-glay-box img{
       width:100%;
       height:auto;
         border-radius:10px 10px 0 0;
         margin:0;
         display:block; 
   }
.photo-glay-box a:hover img{
    opacity:0.7;
    background-color:#fff;
          }

 @media only screen and (max-width: 800px) {
  .photo-glay-box a:hover img{
    opacity:1;
          }   
}
.photo-glay-box .photo-glay-box-txt{
      color:#fff;
    padding:15px 20px;
    
    }   
    
.photo-glay-box  h4{
      color:#fff;
      margin-bottom:0.5em;
    }   
.photo-glay-box  h4:before{
    display:none;}
.photo-glay-box a .more span{
              color:#15618d;
            font-size:1.2rem;
            font-weight:bold;
          
            display:inline-block;
            text-decoration:none;
            padding:0.2em 1em 0.2em;
            line-height:1;
            border-radius:0.7em;
            background-color:#fff;
           
           }      

               
.photo-glay-box .photo-glay-box-txt > *:first-child {
    margin-top: 0;
}
.photo-glay-box .photo-glay-box-txt > *:last-child {
    margin-bottom: 0;
}
 
 .editor hr{
   background: #CFCECE none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    display: block;
    height: 1px;
    margin: 3rem 0;
    overflow: visible;
     }

 .editor hr:last-child{
        background: none;
   
    height: 0px;
    margin: 0;
    overflow: visible;
    display:none;
     }

.editor ul, .editor ol{
    margin-left:1.25em;
    margin-top:2rem;
    margin-bottom:2rem; 
    }
.editor ul li, .editor ol li{
    margin-bottom:10px;}

     
 .editor table {
   
    border: 1px solid #bbb;
    max-width: 100%;
    width: 100%;
    background-color:#fff;
    margin-bottom:20px;
   
}
 .editor table h2,  .editor table h3, .editor table h4 {
    line-height: 1.2;
    margin-bottom: 0.2em;
    margin-top: 0;
}
 .editor table p{
       margin: 0;
     }
     
 .editor .table-responsive {
    margin: 2em 0;
}
 .editor .table-responsive table {
    margin: 0;
}
 .editor table.tac tbody th, .editor table.tac tbody td,  .editor table .tac {
    text-align: center !important;
}


 .editor table.tac th:not(:first-child) {
    text-align: center !important;
}

 .editor table.vam th, .editor table.vam td {
    vertical-align: middle !important;
}
 .editor table span {
    display: inline-block;
}

.editor table > thead > tr > th, .editor table > tbody > tr > th, .editor table > tfoot > tr > th, .editor table > thead > tr > td, .editor table > tbody > tr > td, .editor table > tfoot > tr > td {
    border: 1px solid #bbb;
    line-height: 1.42857;
    padding: 0.5em;
    vertical-align: top;
}
.editor table > thead > tr > th, .editor table > thead > tr > td {
    background-color: #dcf2e8;
}
.editor table > tbody > tr > th {
    background-color: #f5f5f5;
    text-align: left;
}
.editor table > thead > tr > th {
    border-bottom: 2px solid #bbb;
    vertical-align: bottom;
}
.editor table > caption + thead > tr:first-child > th, .editor table > colgroup + thead > tr:first-child > th, .editor table > thead:first-child > tr:first-child > th, .editor table > caption + thead > tr:first-child > td, .editor table > colgroup + thead > tr:first-child > td, .editor table > thead:first-child > tr:first-child > td {
    border-top: 0 none;
}
.editor table > tbody + tbody {
    border-top: 2px solid #bbb;
}
table table {
    background-color: #fff;
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 5px;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}
.editor table col[class*="col-"] {
    display: table-column;
    float: none;
    position: static;
}
.editor table td[class*="col-"], .editor table th[class*="col-"] {
    display: table-cell;
    float: none;
    position: static;
}


/*フォーム*/
.editor #mw_wp_form_mw-wp-form-156{
     background-color: #f5f7fb;
     padding:20px;
    }

.editor #mw_wp_form_mw-wp-form-156 input[type=submit]{
    font-size:1.8rem;
    text-align:center;
    display:inline-block;
    min-width:5em;
}
    
    

.editor table > thead > tr > td.active, .editor table > tbody > tr > td.active, .editor table > tfoot > tr > td.active, .editor table > thead > tr > th.active, .editor table > tbody > tr > th.active, .editor table > tfoot > tr > th.active, .editor table > thead > tr.active > td, .editor table > tbody > tr.active > td, .editor table > tfoot > tr.active > td, .editor table > thead > tr.active > th, .editor table > tbody > tr.active > th, .editor table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}
.editor table > thead > tr > td.success, .editor table > tbody > tr > td.success, .editor table > tfoot > tr > td.success, .editor table > thead > tr > th.success, .editor table > tbody > tr > th.success, .editor table > tfoot > tr > th.success, .editor table > thead > tr.success > td, .editor table > tbody > tr.success > td, .editor table > tfoot > tr.success > td, .editor table > thead > tr.success > th, .editor table > tbody > tr.success > th, .editor table > tfoot > tr.success > th {
    background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}
.editor table > thead > tr > td.info, .editor table > tbody > tr > td.info, .editor table > tfoot > tr > td.info, .editor table > thead > tr > th.info, .editor table > tbody > tr > th.info, .editor table > tfoot > tr > th.info, .editor table > thead > tr.info > td, .editor table > tbody > tr.info > td, .editor table > tfoot > tr.info > td, .editor table > thead > tr.info > th, .editor table > tbody > tr.info > th, .editor table > tfoot > tr.info > th {
    background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}
.editor table > thead > tr > td.warning, .editor table > tbody > tr > td.warning, .editor table > tfoot > tr > td.warning, .editor table > thead > tr > th.warning, .editor table > tbody > tr > th.warning, .editor table > tfoot > tr > th.warning, .editor table > thead > tr.warning > td, .editor table > tbody > tr.warning > td, .editor table > tfoot > tr.warning > td, .editor table > thead > tr.warning > th, .editor table > tbody > tr.warning > th, .editor table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}
.editor table > thead > tr > td.danger, .editor table > tbody > tr > td.danger, .editor table > tfoot > tr > td.danger, .editor table > thead > tr > th.danger, .editor table > tbody > tr > th.danger, .editor table > tfoot > tr > th.danger, .editor table > thead > tr.danger > td, .editor table > tbody > tr.danger > td, .editor table > tfoot > tr.danger > td, .editor table > thead > tr.danger > th, .editor table > tbody > tr.danger > th, .editor table > tfoot > tr.danger > th {
    background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}
.table-responsive {
    min-height: 0.01%;
    overflow-x: auto;
}
@media screen and (max-width: 767px) {
.table-responsive {
    border: 1px solid #bbb;
    margin-bottom: 15px;
    overflow-y: hidden;
    width: 100%;
}
.table-responsive > table {
    margin-bottom: 0;
}
.table-responsive > .editor table > thead > tr > th, .table-responsive > .editor table > tbody > tr > th, .table-responsive > .editor table > tfoot > tr > th, .table-responsive > .editor table > thead > tr > td, .table-responsive > .editor table > tbody > tr > td, .table-responsive > .editor table > tfoot > tr > td {
    white-space: nowrap;
}
.table-responsive > table {
    border: 0 none;
}
.table-responsive > .editor table > thead > tr > th:first-child, .table-responsive > .editor table > tbody > tr > th:first-child, .table-responsive > .editor table > tfoot > tr > th:first-child, .table-responsive > .editor table > thead > tr > td:first-child, .table-responsive > .editor table > tbody > tr > td:first-child, .table-responsive > .editor table > tfoot > tr > td:first-child {
    border-left: 0 none;
}
.table-responsive > .editor table > thead > tr > th:last-child, .table-responsive > .editor table > tbody > tr > th:last-child, .table-responsive > .editor table > tfoot > tr > th:last-child, .table-responsive > .editor table > thead > tr > td:last-child, .table-responsive > .editor table > tbody > tr > td:last-child, .table-responsive > .editor table > tfoot > tr > td:last-child {
    border-right: 0 none;
}
.table-responsive > .editor table > tbody > tr:last-child > th, .table-responsive > .editor table > tfoot > tr:last-child > th, .table-responsive > .editor table > tbody > tr:last-child > td, .table-responsive > .editor table > tfoot > tr:last-child > td {
    border-bottom: 0 none;
}
}



.office-spec{
    margin-bottom:20px;}
.office-spec dl{
width: 100%;
display:table;
}

.office-spec dt{
display:table-cell;
width: 10em;


}
.office-spec dd{
display:table-cell;

}

        
/***********************************
 sec-topslider 
 ***********************************/
#sec-topslider{
    position:relative;
}
#slider-bnr{
      padding-left: 1%;
    padding-right: 1%;
 position:absolute;
    right:0px;
    bottom:90px;
max-width: 50vw;
    height:auto;
    z-index: 3;
  display: -webkit-flex;
  display: flex;
      -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}


#officeyugu-btn,#ipoboshu-btn{

      padding-left: 0.5%;
    padding-right: 0.5%;
}


@media screen and (max-width: 480px) {
#slider-bnr{  
      -webkit-justify-content: center;
  justify-content: center;
  }
}


@media screen and (max-width: 767px) {
#slider-bnr{  
max-width: 100vw;
    width: 100%;

  }
}
#slider-bnr2{
      padding-left: 1%;
    padding-right: 1%;
 position:absolute;
    right:0px;
    top:120px;
max-width: 50vw;
    height:auto;
    z-index: 3;
  display: -webkit-flex;
  display: flex;
      -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: space-between;
  justify-content: space-between;

}
#shouninzu-btn{
  transition: 0.3s ease;
}
@media screen and (max-width: 767px) {
#slider-bnr2{
  top:inherit;
 bottom:90px;

  }
}

#officeyugu-btn a,#ipoboshu-btn a{display: inline-block; 
}
#topslider{
    z-index:2;
    height:100%;
  position:relative;
    bottom:0;
    background-color:#000;
    padding-bottom:4px;
}

#topslider p.sp-layer {
    font-size: 3rem;
    line-height: 1.4;
    margin: 0;
    font-weight:bold;
  text-shadow : 0px 0px 2.83px rgba(4, 0, 0, 0.7);

}
 
 #topslider .slide01 .sp-layer{
       color:#fff;

      -webkit-transform: translate(0, -50%)!important;
   transform: translate(0, -50%)!important;
    width:auto;
     text-align:center;}
          #topslider .slide01 .sp-layer br:nth-child(2){
    display: none;
         width: auto!important;
     }


   #topslider .sp-slide:not(.slide01) .sp-layer{
          color:#fff;
     top:150px!important;
  left:60px!important;
       width:auto;}
   
      
@media screen and (max-width: 768px) {
      #topslider .sp-slide:not(.slide01)  .sp-layer{
      top:100px!important;
     left:5px!important;
      font-size: 2.4rem;
      text-align:left;
      }
     #topslider .slide01 .sp-layer{
    width:auto;
         
     }
     #topslider .slide01 .sp-layer br:nth-child(2){
    display: block;
         
     }
}
        
/* .camera_thumbs {
    margin-top: -100px;
    position: relative;
    z-index: 1;
}*/
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
	
    background: #000!important;
	
}

.camera_overlayer {
    opacity: 0.1;
}
.camera_thumbs{
    
    }

.topslider-caption {

      position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 380px;
  height: 380px;
  z-index:800;
}
@media screen and (max-width: 768px) {
    .topslider-caption {
   width: 260px;
  height: 260px;   
  }
}

.topslider-caption  p{
  
    vertical-align:middle;
    }
    
    
  /***********************************
#sec-topread
 ***********************************/   
@keyframes AnimationColor {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

#sec-topread{
background-color: #156190;
 background: linear-gradient(45deg, #156190, #00a892, #0092ce);
  background-size: 600% 600%;
  animation: AnimationColor 30s ease infinite;
}
#topread{
    padding:30px 0;
    color:#fff;
font-size:2rem;}
    
    
 /***********************************
#sec-topBooth
 ***********************************/
 #sec-topBooth{
     background-color:#f5f7fb;
     padding:30px 0;
     }
     
   #sec-topBooth h3{
       font-size:3.4rem;
       font-weight:bold;
       text-align:center;
       margin-bottom:20px;
   }
      #sec-topBooth h3 i{
          color:#00a892;
          font-weight:100;
          
          }
      
  #topBooth{
      margin-bottom:20px;
      
      }
  
  .topBooth-box{
      margin-bottom:10px;
      background-color:#fff;
       padding:15px;
      }
 .topBooth-img{
     background-color:#fff;
     margin-bottom:10px;}
 .topBooth-data{
      color:#606060;
     }
  .topBooth-booth_num{
        transition-duration: 0.5s;
      border-radius:5px;
      padding:5px 10px;
      text-align:center;
      color:#fff;
      background-color:#4481A6;
      }
  .topBooth-price{
        text-align:center;
      font-size:2rem;
      }
 .topBooth-floor{}
.topBooth-area{}

  .topBooth-box {
    transform: scale(1);
    transition-duration: 0.5s;
}
  .topBooth-box a{
      text-decoration:none;}

   .topBooth-box:hover {
    box-shadow: 0 0 0 5px #00a892 inset;
    opacity: 1;
   
    z-index:2;
    box-sizing:border-box;
} 
 .topBooth-box:hover  .topBooth-booth_num{
     background-color:#00a892;
     }

          

/***********************************
#sec-topGuideEx
 ***********************************/

#sec-topGuideEx{
	 padding-top:30px;
    padding-bottom:30px;
}


/***********************************
#sec-topkfmdayori
 ***********************************/

#sec-topkfmdayori{
    padding-top:30px;
    padding-bottom:30px;
    }

.topkfmdayori{
    margin-bottom:20px;
    }
    
 .topkfmdayori h3{
    background-color:#156190;
     padding:0.4em 10px 0.3em;    
     color:#fff;
     font-size:1.8rem;
     margin-bottom:0.5em;
     font-weight:bold;
     line-height: 1.2;
     }   
#sec-topkfmdayori .card{


}
#sec-topkfmdayori .card a{
    background-color: #f5f7fb;
    text-decoration: none;
    display: block;
padding:20px;
    	-webkit-transition: -webkit-transform 0.3s ease;
	-moz-transition: -moz-transform 0.3s ease;
	-ms-transition: -ms-transform 0.3s ease;
	transition: transform 0.3s ease;
}

#sec-topkfmdayori .card h4{

line-height: 1.2;
}

#sec-topkfmdayori .card p{
    font-size: 1.2rem;
}
#sec-topkfmdayori .card .meta{
    margin-bottom: 5px;
}
#sec-topkfmdayori .card-img{
    position: relative;
    overflow: hidden;
    height: 200px;
    margin-bottom: 10px;
}
#sec-topkfmdayori .card-img img{
    position: absolute;
    top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
    width:auto;
    height:100%;
    max-width: inherit;
}
#sec-topkfmdayori .card a:hover {

    background-color: #00a892;
    color:#fff;
}
#sec-topkfmdayori .card a:hover img{
     opacity: 0.7;
}
/***********************************
#sec-topinfo
 ***********************************/

#sec-topinfo{
    padding-top:30px;
    padding-bottom:30px;
    }

.topinfo{
    margin-bottom:20px;
    }
    
 .topinfo h3{
    background-color:#156190;
     padding:0.4em 10px 0.3em;    
     color:#fff;
     font-size:1.8rem;
     margin-bottom:0.5em;
     font-weight:bold;
     line-height: 1.2;
     }   



    
.news__list{
 
}
.news__list dt {
    color: #666463;
    float: left;
    margin-bottom: 10px;
    width: 7em;
}
.news__list dd {
    margin-bottom: 10px;
    overflow: hidden;
}
.morebtn{
    text-align:right; 
    }
.morebtn a{
    background-color:#999;
    color:#fff;
    line-height:1;
    font-weight:bold;
    padding:0.4em 1em;
    border-radius:1.4em;
    text-decoration:none;
    font-size:0.8em;
    display:inline-block;
   
}

.morebtn a:before {
  content: "\f0da";
  font-family: "FontAwesome";
  display: inline-block;
    margin-right: 0.3em;
    font-weight:100;
}



@media screen and (max-width: 768px) {

.news__list {
  
}
.news__list dt {
    float: none;
    width: auto;
    margin-bottom:0;
}
.news__list dd {
    margin-bottom: 20px;
    overflow: auto;
}
}

/***********************************
#sec-topfuture
 ***********************************/
 #sec-topfuture{
     background-color:#4481a6;
    
     
     }
     
.topfuture{
    overflow:hidden;

     }
 .topfuture a{
     background-color:#156190;
     color:#fff;
     text-decoration:none;
     display:block;


     }    
.topfuture a:hover{ 
background-color:#00a892;
}     
     .topfuture-img{
           overflow:hidden;
     position:relative;   
         }
     
.topfuture-img img{
    display:block;
    width:100%;}


.topfuture-title{
    padding:10px 15px 2px;
    text-align:center;
    font-size:2rem;
    }
.topfuture-text{
      padding:2px 15px 15px;
      }

 .topfuture a .topfuture-img:before {
    background: rgba(0, 181, 157, 0.8) none repeat scroll 0 0;
    border-radius: 50%;
    display: block;
    height: 640px;
    left: 50%;
    margin: -320px 0 0 -320px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: scale(0.05);
    transition: transform 0s ease 0.35s, opacity 0.35s ease-in-out 0s;
    width: 640px;
    z-index: 1;
        content: "";
}

 .topfuture a:hover .topfuture-img:before {
     overflow:hidden;
    opacity: 1;
    transform: scale(1.25);
    transition: all 0.45s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}



/***********************************
#sec-topkanren
 ***********************************/
 #sec-topkanren{
   
     padding-bottom:30px;
     }
  #sec-topkanren h4{
      font-size:1.2em;
      
      }    
#sec-topkanren img{
    margin:0 auto;
    
    }
#topkanren-bnr div{
    margin-bottom:10px;
    }
    
 /***********************************
#sec-contactbox
 ***********************************/   
 #sec-contactbox{
       padding:30px 0;
       }
.contactbox{
        background-color:#DCE7EE;
        padding:20px 30px;
        text-align:center;
        
        }
        
   .contact-btn{
	position: relative;
	background-color: #E73E3A;
	border-radius: 4px;
	color: #fff;
	line-height: 1;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #731F1D;
	text-shadow: 0 1px 1px #731F1D;
display:block;
padding:1em;
font-size:2rem;
font-weight:bold;
text-decoration:none;
}
  .contact-btn:hover {
       color: #fff;
       text-decoration:none;
}

    .contact-tel{
        text-align:left;
        }
     .contact-time{
             text-align:left;}
    .contact-tel img,.contact-time img{
        display:block;}      
             
@media screen and (max-width: 768px) {
    .contact-tel{
        text-align:center;
        margin-top:10px!important;
        margin-left:auto;
          margin-right:auto;}

     .contact-time{
             text-align:center}
           .contact-tel img, .contact-time img{
        text-align:center;
        margin-left:auto;
          margin-right:auto;}
}
        
  /***********************************
  #footer   
 ***********************************/          
  #footer  {
      background-color:#f5f7fb;
      padding:30px 0 0;
      
      }  
      
 #footer-navi-box{
 
}

 #footer-navi-box ul{
     list-style:none;
     float:left;
     margin-right:30px;}
      #footer-navi-box a{
          text-decoration:none;
          font-size:0.8em;
          color:#333;}
          
 #footer-navi-box a:before {
  content: "\f0da";
  font-family: "FontAwesome";
  display: inline-block;
    margin-right: 0.3em;
    font-weight:100;
}        

#copy{
    margin-top:20px;
    padding:10px;
    background-color:#000;
    color:#fff;
    text-align:center;
    }
    
   .section-box{
     
    padding: 3rem 0;}
    
  .section-box  > *:first-child,
    .section-box  > .container > *:first-child,
  .row > div >  *:first-child{
    margin-top: 0;
}
   .section-box > *:last-child
   {
    margin-bottom: 0;
}
.backcolor-beige{
    background-color: #f3f1e8;
    position:relative;
    }
.backcolor-beige:before{
    background-color: #f3f1e8;  
    content: "";
    display: block;
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    width: 100%;
}    
.backcolor-beige:after {
    background-color: #f3f1e8;
   
    content: "";
    display: block;
    height: 100%;
    right: -100%;
    position: absolute;
    top: 0;
    width: 100%;
}
        
.backcolor-light_blue{
     position:relative;
     background-color: #dce7ee;
     }
.backcolor-light_blue:before{
     background-color: #dce7ee;
    content: "";
    display: block;
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    width: 100%;
}    
.backcolor-light_blue:after {
     background-color: #dce7ee;
   
    content: "";
    display: block;
    height: 100%;
    right: -100%;
    position: absolute;
    top: 0;
    width: 100%;
}     
 .backcolor-beige .flow-box .flow-titlebar, .backcolor-beige .flow-box .cont ,
.backcolor-light_blue .flow-box .flow-titlebar, .backcolor-light_blue .flow-box .cont{
   background-color: #fff!important; 
}
     
    

    
#sec-private_office h2, #sec-share_office h2{
    font-size:2.143em;
    font-size:30px;
    margin-bottom: 1em;
    text-align:center;
    font-weight: bold;
    border:none;
    padding:0;
    }
  
  
.oficce-contact_btn {
      transition-duration: 0.3s;
    background: #15618D;
    border-radius: 5px;
    color: #fff;
    cursor: flower;
    display: inline-block;
    font-size: 1.429em;
    font-weight: bold;
    line-height: 1.2;
    padding: 1.5em 1em;
    text-align: center;
    vertical-align: middle;
     text-decoration: none;
}
.oficce-contact_btn:hover {
    background-color: #dc0027;
    cursor: flower;
   
}

 /***********************************
#tenant-list
 ***********************************/   
#tenant-list{}

#tenant-list-btn{
    background-color: #f5f7fb;
    list-style:none;
    padding:20px;
    margin:0;
    }
#tenant-list-btn li {
    display:inline-block;
    margin:0.1em 0;
    }    
#tenant-list-btn li button{
    text-decoration:none;
    background-color: #4481a6;
    padding:10px;
    color:#fff;
    font-weight:bold;
    border-radius:5px;
    display:block;
    line-height:1;
    cursor:pointer;
    }
#tenant-list-btn li button:hover{
     background-color: #00a892
     }   
#tenant-list-btn li button.disable, #tenant-list-btn li button.disable:hover{

background-color:#D5D5D5;
    }

#tenant-list_main{

	text-align:justify;
    }

#tenant-list_main .mix,
#tenant-list_main .gap {
	display:inline-block;
 width:100%;
}


#tenant-list_main .mix {
	display:none;
}   

 #tenant-list_main p{
     margin:0;}       
 /***********************************
#booth-list
 ***********************************/   
 #booth-list{}
 
#booth-list-btn{
    background-color: #f5f7fb;
    list-style:none;
    padding:20px;
    margin:0;
    }
#booth-list-btn li {
    display:inline-block;
    margin:0;
    }    
#booth-list-btn li a{
    text-decoration:none;
    background-color: #4481a6;
    padding:10px;
    color:#fff;
    font-weight:bold;
    border-radius:5px;
    display:block;
    line-height:1;
    }
#booth-list-btn li a:hover{
     background-color: #00a892
     }   
#booth-list-btn li a.disable, #booth-list-btn li a.disable:hover{
cursor: default;
background-color:#D5D5D5;
    }
    
  #booth-list .booth-morebtn{
       text-decoration:none;
    background-color: #4481a6;
    padding:10px;
    color:#fff;
    font-weight:bold;
    border-radius:5px;
    display:inline-block;
    line-height:1;
 
     }   
  #booth-list .booth-morebtn:hover{
     background-color: #00a892
     }  
   /***********************************
  #booth-box
 ***********************************/  
   #booth-box .booth-img{
       border:1px solid #ABABAB;}
 
  


 /***********************************
IPOページ
 ***********************************/   
.single-ipo .ipo-catchcopy{
    font-weight:bold;
    font-size: 1.6rem;
    margin-bottom: 10px;
}
.ipo-card a{
    padding: 10px;    
    background-color: #f5f7fb;
    display: block;
    cursor: pointer;
}
.ipo-card a:hover{
   background-color: #00a892;
    color:#fff;
}

   /***********************************
.flow-list
 ***********************************/     
.flow-list{
    
    }
    
    .flow-list .flow-box:after{
        content:url(images/flow-arrow.png);
 width:80px;
        height:30px;
        margin:10px auto;
        display:block;
        
    }
    .flow-list .flow-box:last-child:after{
        content:none!important;
        
    }
        
.flow-box {
  counter-increment: num;
}
.flow-box::before, .flow-box::after {
    content: "";
    display: block;
}
.flow-box::after {
    clear: both;
}
.flow-box .cont > *:first-child {
    margin-top: 0;
}
.flow-box .cont > *:last-child {
    margin-bottom: 0;
}
.flow-box .flow-titlebar {
     background-color: #f5f7fb;
  
    color: #15618d;
    display: table;
    font-size: 1.6rem;
     line-height: 1.2;
    margin: 0 !important;
    vertical-align: middle;
    width: 100%;
}
.flow-box .flow-num {
  
    
    background-color: #00a892;
    color: #fff;
    display: table-cell;
    line-height: 1.2;
    padding: 1em 0 0.8em;
    text-align: center;
    vertical-align: middle;
    width: 4em;
    z-index: 1;
}
.flow-box .flow-num:before{ 
content: counter(num);
line-height:1;
}
.flow-box .flow-title {
    display: table-cell;
    line-height: 1.2;
 padding: 1em 1em 0.8em;
    vertical-align: middle;
}
.flow-box .flow-img {
    text-align: center;
}
.flow-box .flow-img img {
    max-width: 100%;
    width: 100%;
}
.flow-box .cont {
      
     background-color: #f5f7fb;
    padding: 15px 20px;
}
.flow-box .flow-titlebar+.cont{
    border-top: 1px solid #00a892;
}

.flow-box .row .cont {
    padding: 0;
}
.flow-box .row {
    padding: 20px 30px;
}

 /***********************************
シングルページの設定
 ***********************************/       
 .page-entry{}
 .entry-meta{
     margin-bottom:20px;
     color:#A9A9A9;
     }
 .entry-meta a{
      color:#A9A9A9;
     }	
     
 .entry-eyecatch{
     margin:0 auto 20px;;
     text-align:center;   
     }    
     
#edit-btn{

    text-align: center;
    margin: 10px 0 10px;
}
      
         
#edit-btn a{
    
    border-radius: 5px;
    padding:10px;
    background-color:#FF0004;
    color:#fff;
    text-decoration:none;
    display:inline-block;}
    
    
    /***************************************

#sec-accessBox

***************************************/	
#sec-accessBox{}
#accessBox{ 
    background-color: #f5f7fb;
    padding:30px;
    }
#accessBox .title{
   
    color: #156190;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 0.5em;
   
    }
#sec-accessBox h5{
    font-size:1.6rem;}

.accessBox-block{

}

.accessBox-block br, #accessBlock br{
    display:none;
}

@media (min-width: 768px) {
.accessBox-block br, #accessBlock br{
    display:inline-block;
}
}

.accessBox-block h3{
 background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: inherit;
    font-size: 1.286em;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 5px;
    padding: 0;

}
.accessBox-block h3 span, #accessBlock h3 span{
display:inline-block;
line-height:1.2;}
.accessBox-block h3 .txtbig, #accessBlock h3 .txtbig{
 font-size:1.333em;
 color:#988903;
}

.accessBox-block h4{
    background-color:#156190;
    color:#fff;
    margin:0 0 4px;
   text-align:center;
   width:100%;
   font-weight:bold;
   font-size:inherit;
   line-height:1;
    padding:0.5em;
   border:none;
}
.accessBox-block h4:after, #accessBlock h4:after{
    background:none;}
    
.accessBox-block .block-wrap h4 span{


}
.accessBox-block .block-wrap{
font-size:1.8rem;
}
.block-wrap:before,
.block-wrap:after {
    content:"";
    display:block;
}
 
.block-wrap:after {
    clear:both;
}
.accessBox-block .block-wrap p, #accessBlock .block-wrap p{
  display: inline-block;
    line-height: 1.2;
    text-align: center;
    margin:0;
    }
.accessBox-block .block-wrap i{
color:#988903;
margin-right:0.2em;
}
.accessBox-block .block-wrap span{

}
.accessBox-block .block{
    margin-bottom:10px;
    width:100%;
  
    background-color:#fff;
    }
.accessBox-block .block-in{
      text-align:center;
    padding:0.5em;}
.accessBox-btn{

    margin-top:10px;
    text-align:center;}    
.accessBox-btn a{
        border-radius:1rem;
    background-color:#e73e3a;
    line-height:1.2;
    padding:6px 10px;
    display:block;
    color:#fff!important;
    text-decoration:none!important;
    }   
 .accessBox-btn a:hover{
    background-color:#731f1d;
   
    }   

/***************************************

#pagetop

***************************************/	
#pagetop {
    bottom: 15px;
    font-size: 77%;
    position: fixed;
    right: 20px;
}
#pagetop a {
    color: #fff;
    display: block;
    height: 37px;
    outline: medium none;
    text-align: center;
    text-decoration: none;
    width: 37px;
}

/* アイコン設定
----------------------------------------------------------- */  
.iconuse a[href^="http"]:after, .iconuse a[href$=".pdf"]:after, .iconuse a[href$=".doc"]:after, .iconuse a[href$=".docx"]:after, .iconuse a[href$=".xls"]:after, .iconuse a[href$=".xlsx"]:after, .iconuse a[href$=".zip"]:after, .iconuse a[href ^="mailto:"]:after,
.iconuse-white a[href^="http"]:after, .iconuse-white a[href$=".pdf"]:after, .iconuse-white a[href$=".doc"]:after, .iconuse-white a[href$=".docx"]:after, .iconuse-white a[href$=".xls"]:after, .iconuse-white a[href$=".xlsx"]:after, .iconuse-white a[href$=".zip"]:after, .iconuse-white a[href ^="mailto:"]:after
{
 font-family: "FontAwesome";
    display: inline-block;
       color: #0093d9;
       margin-left:0.2em;
         /*text-rendering: auto;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
   text-decoration: none !important;
    }

.iconuse-white a[href^="http"]:after, .iconuse-white a[href$=".pdf"]:after, .iconuse-white a[href$=".doc"]:after, .iconuse-white a[href$=".docx"]:after, .iconuse-white a[href$=".xls"]:after, .iconuse-white a[href$=".xlsx"]:after, .iconuse-white a[href$=".zip"]:after, .iconuse-white a[href ^="mailto:"]:after
{
      color: #fff;
    }
    
    
/* 外部リンク要素 --- */  
.iconuse a[href^="http"]:after, .iconuse-white a[href^="http"]:after{   
       content:"\f08e";
       
}  

.iconuse a[href^="http://www.kfm.or.jp/office/"]:after, .iconuse-white a[href^="http://www.kfm.or.jp/office/"]:after{  
   content:none;
    display:none;
}  

/* pdf要素--- */  
.iconuse a[href$=".pdf"]:after , .iconuse a[href$=".pdf"]:after, .iconuse-white a[href$=".pdf"]:after , .iconuse a[href$=".pdf"]:after{   
   content:"\f1c1";
}  
/* Word要素--- */  
.iconuse a[href$=".doc"]:after, .iconuse a[href$=".docx"]:after, .iconuse-white a[href$=".doc"]:after, .iconuse a[href$=".docx"]:after{
content:"\f1c2";
}  
/* Excel要素--- */  
.iconuse a[href$=".xls"]:after, .iconuse a[href$=".xlsx"]:after, .iconuse-white a[href$=".xls"]:after, .iconuse a[href$=".xlsx"]:after  {   
content:"\f1c3";
}  
/* zip要素--- */  
.iconuse a[href$=".zip"]:after, .iconuse-white a[href$=".zip"]:after  {   
content:"\f1c6";
}  
/* mailto要素--- */  
.iconuse a[href ^="mailto:"]:after, .iconuse-white a[href ^="mailto:"]:after {  
content:"\f003";
}  


 /***********************************
オフィス優遇制度ページ専用
 ***********************************/    


a.orange_btn{ background: #ff8b00 none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 5px 0 #ff6400;
    color: #fff;
    text-decoration: none;
width: 100%;
    font-weight: bold;
    line-height: 1.2;
    margin: 0;
    overflow-wrap: break-word;
    padding: 1em 2em 1em 1.5em;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition-duration: 0.3s;
   
    display: inline-block;
}
a.orange_btn:after{
    content:"\f0a9";
display: inline-block;
    font-family: "FontAwesome";
    font-weight: 100;
    right: 0.8em;
    line-height: 1;

    margin-top: -0.5em;
    position: absolute;
    top: 50%;

}
a.orange_btn:hover {
    box-shadow: 0 4px 0 #95272D;
    background-color: #dc0027;
    cursor:pointer;
  
}


.preferential_price {}

.preferential_price #page-title,
.preferential_price #pankuzu,
.preferential_price .editor h3{
    background-color: #ff6400;
}
.preferential_price .flow-box .flow-titlebar {
    color:#ff6400;
    background-color: #ffeee1;
}
.preferential_price .flow-box .cont{
background-color: #ffeee1;
}

.preferential_price .flow-list .flow-box::after {
    content: url(images/flow-arrow-orange.png);
    width: 80px;
    height: 30px;
    margin: 10px auto;
    display: block;
}

.preferential_price a.jumpbtn{
    background: #ff8b00 none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 5px 0 #ff6400;
    color: #fff;
    
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.2;
    margin: 0;
    overflow-wrap: break-word;
    padding: 1em 1.7em;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition-duration: 0.3s;
    width: 100%;
    display: table;
}
.preferential_price a.jumpbtn br{
    display:none;
}
@media (min-width: 768px) {
.preferential_price a.jumpbtn br{
    display:inline-block;
}
}

.preferential_price a.jumpbtn span{
    display: table-cell; 
    vertical-align: middle;
}

.preferential_price a.jumpbtn:after{
    content:"\f0ab";
display: inline-block;
    font-family: "FontAwesome";
    font-weight: 100;
    right: 0.8em;
    line-height: 1;

    margin-top: -0.5em;
    position: absolute;
    top: 50%;

}


    
.preferential_price a.jumpbtn:hover {
    box-shadow: 0 4px 0 #95272D;
    background-color: #dc0027;
    cursor:pointer;
   
    
}