/*
Theme Name: eines_kyoto
Author: Kana Kotera
Version: 1.0
*/



	.space_detail_layout {
	}
	.space_detail_layout.bg_all:before {
		top: 30%;
		height: 70%;
	}
	.space_detail_layout p.lead {
		font-size: 1.5em !important;
		text-align: center !important;
		margin: 0 0 1.2em;
	}
.min01 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
	.space_detail_layout p.body {
		font-size: 1.2em;
		text-align: center !important;
		margin: 0 0 1.2em;
	}
	.space_detail_layout .pic_list li {
		margin: 0 0 1.2em;
	}
	.space_detail_layout .pic_list.bnq01 li.pic07 {
		float: left;
		width: 48%;
	}
	.space_detail_layout .pic_list.bnq01 li.pic08 {
		float: right;
		width: 48%;
	}
	.space_detail_layout .pic_list.bnq03 li.pic03 {
		float: left;
		width: 48%;
	}
	.space_detail_layout .pic_list.bnq03 li.pic04 {
		float: right;
		width: 48%;
	}
.space_detail_layout .container{
	width:100% !important;	
}
@media print, screen and (max-width: 768px) {
	.space_detail_layout.bg_all::before{
		background:none !important;
		padding-bottom:0 !important;
	}
	.space_detail_layout{
		padding-bottom:0 !important;
	}
}

@media print, screen and (min-width: 769px) {
	.space_detail_layout {
		padding: 60px 0 60px;
	}
	.space_detail_layout.bg_all:before {
		top: 20%;
		height: 80%;
	}
	.space_detail_layout p.lead {
		font-size: 16px !important;
		margin: 0 0 25px;
	}
	.space_detail_layout p.body {
		font-size: 13px !important;
		text-align: center;
		margin: 0 0 20px;
	}
	.space_detail_layout .pic_list {
		position: relative;
		margin: 0 0 40px;
	}
	.space_detail_layout .pic_list.bnq01 {
		min-height: 1160px;
	}
	.space_detail_layout .pic_list.bnq02 {
		min-height: 1200px;
	}
	.space_detail_layout .pic_list.bnq03 {
		min-height: 1120px;
	}
	.space_detail_layout .pic_list li {
		position: absolute;
		left: 50%;
		top: 0;
		width: 592px;
		margin: 0 0 0;
	}
	.space_detail_layout .pic_list.bnq01 li.pic01 {
		width: 800px;
		margin-left: -400px;
	}
	.space_detail_layout .pic_list.bnq01 li.pic02 {
		width: 320px;
		margin-left: 150px;
	}
	.space_detail_layout .pic_list.bnq01 li.pic03 {
		width: 320px;
		margin-left: -192px;
		top: 440px;
	}
	.space_detail_layout .pic_list.bnq01 li.pic04 {
		width: 374px;
		margin-left: 150px;
		top: 230px;
	}	
	.space_detail_layout .pic_list.bnq01 li.pic05 {
		width: 604px;
		margin-left: -522px;
		top: 600px;
	}
	.space_detail_layout .pic_list.bnq01 li.pic06 {
		width: 409px;
		margin-left: 103px;
		top: 600px;
	}
	.space_detail_layout .pic_list.bnq01 li.pic07 {
		width: 196px;
		margin-left: 103px;
		top: 890px;
	}
	.space_detail_layout .pic_list.bnq01 li.pic08 {
		width: 196px;
		margin-left: 316px;
		top: 890px;
	}
	
	.space_detail_layout .pic_list.bnq02 li.pic01 {
		width: 604px;
		margin-left: -522px;
	}
	.space_detail_layout .pic_list.bnq02 li.pic02 {
		width: 409px;
		margin-left: 103px;
	}
	.space_detail_layout .pic_list.bnq02 li.pic03 {
		width: 366px;
		margin-left: 103px;
		top: 320px;
	}
	.space_detail_layout .pic_list.bnq02 li.pic04 {
		width: 196px;
		margin-left: 316px;
		top: 290px;
	}
	.space_detail_layout .pic_list.bnq02 li.pic05 {
		width: 640px;
		margin-left: -512px;
		top: 580px;
	}
	.space_detail_layout .pic_list.bnq02 li.pic06 {
		width: 320px;
		margin-left: 150px;
		top: 580px;
	}
	.space_detail_layout .pic_list.bnq02 li.pic07 {
		width: 320px;
		margin-left: -192px;
		top: 1020px;
	}
	.space_detail_layout .pic_list.bnq02 li.pic08 {
		width: 374px;
		margin-left: 150px;
		top: 810px;
	}	


	.space_detail_layout .pic_list.bnq03 li.pic01 {
		width: 604px;
		margin-left: -522px;
		top: 560px;
	}
	.space_detail_layout .pic_list.bnq03 li.pic02 {
		width: 409px;
		margin-left: 103px;
		top: 560px;
	}
	.space_detail_layout .pic_list.bnq03 li.pic03 {
		width: 196px;
		margin-left: 103px;
		top: 850px;
	}
	.space_detail_layout .pic_list.bnq03 li.pic04 {
		width: 196px;
		margin-left: 316px;
		top: 850px;
	}
	.space_detail_layout .pic_list.bnq03 li.pic05 {
		width: 800px;
		margin-left: -400px;
		top: 0;
	}
	
	.space_detail_layout .youtube{
		width: 80%;
		margin: 0 auto;
		padding-top: 44.25%;
	}
}

.cta2{
  display: -webkit-flex;
  display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: space-between;
	padding:80px 0 0;
}
.cta2 .left{
	width:35%;
}
.cta2 .right{
	width:55%;
	text-align:left !important;
}
.cta2 .left h4{
	font-size:1.6em;
	text-align:center !important;
	padding-top:0;
	margin-bottom:0;
}
.cta2 .left h4 span{
	font-size:13px !important;
	color:#999;
}

.cta2 .right .logo {
	width: 60%;
	margin: 0 0 1.6em;
}
.cta2 .right h3 {
	font-size: 1.6em;
	margin: 0 0 1.8em;
}
.cta2 .right .bg_orange {
	margin: 0 auto 1.0em;
}
.cta2 .right .bg_orange a {
	background-color: #FC6621;
}
.cta2 .right .tel {
	font-size: 4.0em;
	margin: 0 0 0.6em;
}
.cta2 .right .trading {
	font-size: 1.1em;
	line-height: 1.8em;
	margin: 0 0 1.6em;
}
.cta2 .right .access {
	font-size: 1.2em;
	line-height: 1.8em;
	margin: 0 0 1.6em;
}
.cta2 .right .access span {
	font-size: 0.8em;
}
.cta2 .right h6{
	padding-top:0 !important;
}
.cta2 .btn_layout{font-size:0.9em !important; width:100%;}
@media print, screen and (max-width: 768px) {

.cta2{
  display: -webkit-flex;
  display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: space-between;
	padding:10vw 0 0;
}
.cta2 .left{
	width:100%;
	padding-bottom:1em !important;
}
.cta2 .right{
	width:100%;
	text-align:left !important;
}
	.cta2 .right{
		font-size:0.9em;
	}
	.cta2 .right h3{
		padding-top:0 !important;
	}
}

@media print, screen and (min-width: 769px) {
	.cta2 .right .tel {
		pointer-events: none;
	}
	.cta2 .right .logo {
		width: 30%;
		margin: 0 0 10px;
	}
	.cta2 .right h3 {
		font-size: 24px;
		margin: 0 0 30px;
	}
	.cta2 .right .tel {
		font-size: 40px;
		margin: 0 0 15px;
	}
	.cta2 .right .trading {
		font-size: 13px;
		margin: 0 0 30px;
	}
	.cta2 .right .access {
		font-size: 14px;
		margin: 0 0 30px;
	}
	.cta2 .right .access span {
		font-size: 12px;
	}


}