/*
Theme Name: koberentspace
Theme URI:
Description:
Version: 1.1
Author: yuna
Author URI:
*/

@charset "utf-8";

/* 全体 */


small, .small{
	font-size:12px;
}
a{
	color:#444444;
}
a:link,
a:visited{
	text-decoration : none;
}

a:hover,
a:active{
	color : #454545;
}
ol, ul, dl{
	margin-bottom:0;
}
body{
	font-family: "Helvetica Neue",
	Arial,
	"Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	Meiryo,
	sans-serif;
  sans-serif;
	color : #444444;
	font-size:14px;
	line-height : 1.8;
	overflow-y : scroll;
	font-weight: 500;
}
*{
  padding:0;
  margin:0;
}
.img-responsive{
	width: 100%;
	height:auto;
}
ul{
list-style-type:none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
		margin-bottom:0;
}

.mb3{
	margin-bottom:3rem;
}

/* 右余白消し */
.wrap{
  overflow: hidden;
}
/* h1~h6 */
h1{
	font-size:10px;
}
h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:24px;
	font-weight: normal;
	line-height:1.5;
}

h3{
	margin-bottom:1rem;
	font-size:21px;
	line-height:2;
}
h4{
	font-size:14px;
}

/* 表示・非表示 */

.pc{
	display:block;
}
.mobile{
	display:none;
}

/* -------  index ----------- */

/* top_wrap */

.top_wrap .top_left{
	float:left;
	text-align: left;
	width:50%;
	padding:0 1em;
	line-height:4;
	font-size:12px;
	color:#888;
}
.top_wrap .top_right{
	float:right;
	text-align:right;
	width:50%;
}
.top_wrap .top_submenu{
	font-size:12px;
}
.top_wrap .top_submenu li{
	line-height:4;
	display:inline;
}
.top_wrap .top_submenu li:after{
	content:"|";
	padding:0 1em;
}
.top_wrap .top_sns li{
  display:inline;
	margin-right:1em;
}
.top_wrap .top_submenu,.top_sns{
	display: inline-block;
}

/* menu */

.slicknav_menu{
	display:none;
}
.logo_wrap{
	margin-bottom:2rem;
	text-align:center;
}
nav .nav_wrap{
	margin-bottom:2rem;
}
nav .nav_wrap ul{
	font-size:0;
}
nav .nav_wrap li{
	font-size:intial;
	border-left:1px solid #ccc;
	font-size:16px;
}
nav .nav_wrap li:last-child{
	border-left:none;
}
nav .pc_menu{
	display:inline-block;
	position: relative;
	width:190px;
	height: 50px;
}
nav .pc_menu a{
	position:absolute;
	display:block;
	text-align: center;
	font-weight: bold;
	left: 0;
	right: 0;
	margin: auto;
}
nav .menu_english{
	display:block;
	font-size:10px;
	letter-spacing:0.1em;
}
nav .rental_menu a{
	padding-top:0;
	background:#e76658;
	color:#fff;
	line-height:3;
}

/* news_wrap  */

.news_wrap{
	padding:3rem 0;
	background:#f6f6f6;
}
.news_wrap span{
	font-size:14px;
	margin-left:1rem;
}
.news_wrap h2{
	font-size:36px;
	float:left;
	width:70%;
}
.news_wrap .more{
	float:right;
	width:30%;
}
.news_wrap .more a{
	display:block;
	background: #444444;
	color:#fff;
	width:200px;
	text-align: center;
	float:right;
	padding:0.5rem 0;
}
.news_wrap .news_box dl{
	border:1px solid #ccc;
	margin-top:-1px;
	padding: 10px;
	display:inline-flex;
	align-items: center;
	width:100%;
}
dd {
    display: block;
    margin-inline-start: 0px;
		margin-bottom:0;
}
.news_wrap .news_box dl dt{
	margin-right:25px;
	font-size:12px;
	color:#888;
	margin-bottom:0;
	padding-bottom:0;
}

.news_wrap .news_box dl dt dd{
	margin-bottom:0;
	padding-bottom:0;
}

/* space_wrap */

.space_wrap{
	text-align: center;
}
.space_wrap .exp h3{
	font-size:16px;
	line-height: 2;
	color:inherit;
}
.space_wrap .tittle{
	background:#fff;
	padding:1rem;
	border:1px solid #ccc;
}
.space_wrap .main_tittle{
	padding-bottom:1rem;
}
.space_wrap .card{
	margin-bottom:2rem;
}
.space_wrap .card a{
	transition: 0.6s;
}
.space_wrap .card a:hover {
	opacity: 0.5;
}
.space_wrap .name{
	font-size:18px;
	background:#00AAA0;
	color:#fff;
	border-radius: 20px 20px 0px 0px;
}
.space_wrap .fee span{
	font-size: 24px;
}
.space_wrap .capa,.name,.fee,.exp{
  padding:1em;
	background:#fff;
}
.space_wrap .exp p{
	font-weight: bold;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
}
.space_wrap .capa,.fee{
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
.facility-space th{
	width:20%
	border:1px solid #ccc;
	padding:10px;
}
.facility-space td{
	border:1px solid #ccc;
	padding:10px;
}
.facility-space{
	border:1px solid #ccc;
	width:100%;
	padding:10px;
	margin-bottom:6rem;
}

.modal2{
	margin-bottom:6rem;
}

/* pickup_wrap */

.pickup_wrap .pickup_button{
	display:block;
	padding:5px;
	background:rgb(0, 170, 160);
	color:#fff;
	text-align: center;
}
.pickup_wrap{
	padding:3rem 0;
}

/* reccomend */

.reccomend_wrap .button_more{
	display:block;
	padding:5px;
	width:100%;
	margin:0 auto;
	background:#fff;
}
.reccomend_wrap{
	padding:3rem 0;
	background: rgb(0, 170, 160);
	color:#fff;
	text-align: center;
}
.reccomend_wrap h2{
	font-size:36px;
	margin-bottom:1rem;
	text-align: left;
}
.reccomend_wrap h2 span{
	font-size:14px;
	margin-left: 25px;
}
.reccomend_wrap .use-topics i{
	margin-bottom:1rem;
}
.reccomend_wrap a{
	color:rgb(0, 170, 160);
}
.reccomend_wrap h3{
 color:#fff;
}

/* contact */

.contact_wrap{
	padding:3rem 0;
}
.contact_wrap p{
	text-align: center;
}
.contact_wrap h2{
	font-size:36px;
	margin-bottom:3rem;
}
.contact_wrap h2 span{
	font-size:14px;
	margin-left: 25px;
}
.contact_wrap h3{
	font-weight: bold;
	color:#444444;
	border-top:1px solid #444444;
	border-bottom:1px solid #444444;
	padding:1rem 0;
	margin:1rem 0;
	text-align: center;
	position:relative;
}
.contact_wrap .tel{
	font-size:24px;
}
.contact_wrap .contact a,.contact_wrap .net a{
	color:#fff;
	height:40px;
	line-height:2.5;
	font-size:18px;
	display: block;
font-weight: bold;
}
.contact_wrap .contact a{
	background:#00e600;
}
.contact_wrap .net a{
	background:#e76658;
}
.contact_wrap .zikan{
	background-color: #fff;
}
.contact_wrap .osusume{
	background:#ffdacc;
}
.contact_wrap .osusume span{
	padding:5px;
	font-size:14px;
	line-height:2;
	position:absolute;
	top:-50px;
	left:0;
	color:#e76658;
}
.contact_wrap .osusume2{
	background:#e6e6fa;
}
.contact_wrap .osusume3{
	background:#e6e6fa;
}
.contact_wrap .osusume,.contact_wrap .osusume2,.contact_wrap .osusume3{
	margin-bottom:3rem;
	padding:0 1rem;
}

/* footer */

footer .gmap{
	margin:0;
	padding:0;
}
footer .gmap iframe{
	height:400px;
	vertical-align:bottom;
}
footer .footer_wrap{
	padding:1rem 0;
	background-color: #00AAA0;
	color:#fff;
}
footer .footer_wrap a{
	color:#fff;
}
footer .footer_address ul li{
	display:inline-block;
	margin-right:1em;
}
footer .footer_logo {
	font-size:18px;
	font-weight: bold;
}
footer .footer_sns{
	 text-align: right;
}
footer .footer_sns li{
	display:inline-block;
	font-size:24px;
	margin-right:10px;
}

/* page共通 */

.main_tittle{
	text-align: center;
	margin-bottom:3rem;
}

.main_tittle h2{
	font-size:36px;
}

.main_tittle span{
	display: block;
	font-size:14px;
}
.space_back{
	padding:3rem 0;
	background-image:
	url("image/1089946.jpg");
	background-size: cover;
}
.text_box{
	margin-bottom:3rem;
}

#page .content_wrap{
	background:#fff;
	padding:3rem
}

#page .content_wrap a{
	text-decoration: underline;
}

#page .page_tittle{
	font-weight: bold;
	font-size:18px;
	border-bottom:1px solid #444444;
	margin-bottom:2rem;
}
#page .text_wrap{
	margin-bottom:2rem;
}

.pagenav ul li{
	display:inline-block;
	padding:1rem 0;
}
.pagenav ul li:before{
	content:"|";
	padding:0 1em;
}
.pagenav ul li:last-child:after{
	content:"|";
	padding-left:1em;
}
.pagenav a{
	text-decoration: underline;
}

.page_tittle3{
	font-weight: bold;
	width:100%;
	background:#ccc;
	padding:10px;
}

/* access */

#access .access-station{
background:#00AAA0;
color:#fff;
text-align:center;
padding:1rem;
margin-bottom:1rem;
font-size:18px;
}

/* news page */

#page .news_box{
	width:100%;
	border-bottom:1px solid #4444;
	margin-bottom:1rem;
}
#page .news_box dt,#page .news_box dd{
	display:inline-block;
	font-weight: bold;
}
#page .news_box dt{
	margin-right:1em;
}
#page .news_listbox{
	margin-bottom:3rem;
}

/* qanda */
.qanda{
	margin-bottom:3rem;
}
.qanda dd,.qanda dt{
	position:relative;
	width:100%;
	padding: 0 0 0 18px;
}
.page_tittle2:before{
  content:"Q";
	color:#00AAA0;
	display:block;
	font-weight: bold;
	position:absolute;
	left:0;
	top:0;
	width:28px;
	height:28px;
}
.qanda dd p:before{
  content:"A";
  color:#e76658;
  font-weight: bold;
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:28px;
	height:28px;
}

/* guide */

.page_tittle3{
	font-weight: bold;
}
.guide_wrap ol{
	margin-left:1em;
}

/* guide */
.modalArea {
	display: none;
	position: fixed;
	z-index: 10; /*サイトによってここの数値は調整 */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.modalBg {
	width: 100%;
	height: 100%;
	background-color: rgba(30,30,30,0.9);
}

.modalWrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	width: 100%;
	max-width: 1000px;
	padding: 10px 30px;
	background-color: #fff;
}

.closeModal {
	position: absolute;
	top: 0.5rem;
	right: 1rem;
	cursor: pointer;
}
/* fee */

.setubi li{
	display:inline-block;
	width:calc(100%/3);
	line-height:2.5;
	letter-spacing: normal;
	font-size:14px;
}
.setubi_tittle{
	font-weight: bold;
}
.setubi_box{
	width:100%;
	margin-bottom:3rem;
	border-bottom:1px solid #ccc;
	padding-bottom:1rem;
}
.setubi{
	line-height:0;
	letter-spacing: 0;
	font-size:0;
}
#fee table{
width:100%;
border:1px solid #00AAA0;
font-size:16px;
margin-bottom:1rem;
background:#fff;
}

#fee .kyanseru tbody{
  border:1px solid #888;
}

#fee .kyanseru td{
padding:0.5em;
border-right:1px solid #888;
border-bottom:1px solid #888;
}

#fee .kyanseru th{
background:#888;
}

#fee th,#fee td{
  padding:0.5rem;
}

#fee th{
width:25%;
background:#00AAA0;
color:#fff;
border-right:1px solid #fff;
}

#fee td{
padding:0.5em;
border-right:1px solid #00AAA0;
border-bottom:1px solid #00AAA0;
}

#fee .studio{
  background:#fff;
  color:#000;
  border:1px solid #00AAA0;
}

/* スペース */
.multiple .multiple {
  width: 100%;
  height: auto;
  position: relative;
}

.multiple ul li {
    width:100%;
    height:auto;
    position: absolute;
    top:0;
    left:0;
}

.multiple ul li img{
    width:100%;
    height:auto;
}
.multiple:before {
    content: "";
    display: block;
    padding-top: 85%; /* 1:1 */
}


@media (max-width: 800px){
	body{
		font-size:12px;
	}
/* indexタイトル文字 */
.pickup_wrap h2{
	text-align: center;
	margin-bottom:1rem;
}
.pickup_wrap h2 span{
	display:block;
	margin-left: 0;
}
.contact_wrap h2{
	text-align: center;
	margin-bottom:3rem;
}
.contact_wrap h2 span{
	display:block;
	margin-left: 0;
}
.news_wrap h2{
	float:none;
	width:100%;
	text-align:center;
}
.news_wrap h2 span{
	display:block;
	margin-left:0;
}
.news_wrap .more{
	float: none;
	width:100%;
}
.news_wrap .more a{
	width:100%;
	margin-bottom:1rem;
}

/* 余白 */
.container{
	/* width:90%; */
}
.news_wrap{
	padding:1rem 0;
}
.pickup_wrap2{
	margin:1rem auto;
}
.contact_wrap{
	padding:3rem 0;
}
.pickup_wrap{
	padding:1rem 0;
}
.top_left{
	float:none;
	text-align: center;
	width:100%;
}
.top_wrap .top_left{
	color:#fff;
}

/* fee */
#fee .fee-box small{
  display:block;
  text-align: right;
}
#fee .fee-box{
	width:100%;
}
#fee table{
font-size:16px;
}


/* 640pixel start */
@media screen and (max-width: 640px){

.news_wrap .news_box dl{
	display:block;
}
.news_box dl dt .news_box dl dd{
	display:block;
	width:100%;
}

/* 全体 */

#page .content_wrap{
	padding:1rem;
}

.multiple:before {
    content: "";
    display: block;
    padding-top: 95%; /* 1:1 */
}


/* h1~h6 */
h2{
	font-size:18px;
}
.main_tittle h2{
	font-size:18px;
}

.space_wrap .exp h3{
	font-size:12px;
}
.reccomend_wrap h3{
	font-size:14px;
}


/* 表示・非表示 */

.pc{
	display:none;
}
.mobile{
	display:block;
}

/* -------  index ----------- */

/* top_wrap */

.top_wrap .top_left{
	float:inherit;
	text-align: center;
	width:100%;
	padding-bottom:50px;
	font-size:0;
	color:#fff;
}
.top_wrap .top_right{
	display:none;
}


/* menu */
.slicknav_menu {
display: block;
}
.menu{
	display:none;
}
.menu{
	letter-spacing: 0;
	line-height: 0;
}

.menu li{
	line-height:2;
	width:50%;
	display: inline-block;
	text-align: center;
}

.menu li span{
	display: block;
	font-size:12px;
}
.menu .button {
	display: inline-block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.menu .rental_menu a{
	background:#e76658;
}
.menu .mail a{
	background:#444444;
}
/* swiper-container */

.swiper-container{
width:100% !important;
}

/* news_wrap  */

.news .news_box dt,.news_box dd{
	display:block;
}
.news .news_box{
	float:none;
}
.news .news_more{
	float:none;
	width:100%;
}
.news .news_more .button_more{
	margin:0 auto;
	width:100%;
}

/* pickup_wrap */
.pickup_box{
	margin-bottom:1rem;
}

/* reccomend_wrap */
.reccomend_wrap h2{
	text-align: center;
	margin-bottom:3rem;
}
.reccomend_wrap h2 span{
	display:block;
}
.reccomend_wrap .use-topics{
	margin-bottom:3rem;
}

/* footer */

footer{
	text-align: center;
}
footer .footer_sns{
	text-align: center;
}

/* swiper-container */

.swiper-container{
width:1170px;
margin:0 auto;
overflow: visible !important;
}
.swiper-container .swiper-wrapper{
  position:relative;
}
.swiper-container.slide_text{
  position:absolute;
  z-index:999;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  position:absolute;
  text-align: center;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
  z-index:9999;
}
.swiper-container .slidebox{
  display:block;
  width:100%;
  height:500px;
}

.setubi_box .col-sm-2,.setubi_box .col-sm-10{
	width:100%;
}
.setubi li{
	width:100%;
}

.facility-space td{
	border-top:1px solid #ccc;
	border-bottom:none;
	border-left:none;
	border-right:none;
}

/* page */

/* space */
.facility-space td,.facility-space th{
	width:100%;
	display:block;
}

}