/* ------------------------------------
�@��`�̐�����
------------------------------------ */

#burari .contents {
  color:#221814;
  text-align:justify;
	padding-bottom:60px;
}
#section_01 {
	background:url(../img/burari_bg.jpg) no-repeat right bottom;
	background-size:cover;
}
#section_01 .inner {
	margin-top:70px;
	position:relative;
	height: calc(100vh - 130px);
}

.page_scroll a:hover {
	opacity:0.5
}
#burari .contents #section_01 {
	position:relative;
}
#burari .contents .ttl {
	right:55px;
	top:50px;	
	background:url(../img/txt_pc.png) no-repeat center top;
	background-size:contain;
	width:38%;
	float:right;
	margin:40px 40px 0 0;
}

/*#burari .contents .ttl {
	padding:50px 50px 20px 0;
	position:absolute;
	right:50px;
	width:445px;
	height:100%;
	background:url(../img/burari_illust.png) no-repeat center bottom;
}*/
#burari .contents .ttl h2 {
	float:right;
	margin-left:3em;
}
#burari .contents .ttl h2 img {
	max-width:105px;
}
#burari .contents .box_vertical {
float: right;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
#burari .contents .box_vertical p {
font-size: 16px;
font-size: 1.6rem;
line-height: 2.3;
	padding-top:3.6em;
	float:right;
}
#burari .contents .box_vertical p span img {
  display: inline-block;
  margin: 0.5em 0.3em 0.5em 0.6em;
}
#burari .contents .map {
	margin: 30px 0 20px 40px;
display: inline-block;
width: 50%;
position:relative;
max-height:100vh;
}
#burari .contents .map img {
	width:100%;
height: auto;
}
#burari .contents .map .pin li .title {
position: absolute;
background: #221814;
color:#FFF;
padding: 0.5em;
width: 10em;
text-align: center;
left: -80%;
bottom: 160%;
display: block;
z-index: 9999;
visibility:hidden;
opacity:0;
}
#burari .contents .map .pin li .title::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 10px;
  bottom: -10px;
  border-top: 10px solid #221814;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
	}
#burari .contents .map .pin li:hover > .title {
visibility:visible;
opacity:1;
	transition-duration:0.3s;
}

#burari .contents .map .pin li {
	width:3%;
	position:absolute;
	
}
#burari .contents .map .pin li a img {
	opacity:0.6;
}
#burari .contents .map .pin li a:hover img {
	opacity:1;
}
#burari .contents .map .pin li:nth-child(1) {top: 40%;left: 15.6%;} 
#burari .contents .map .pin li:nth-child(2) {top: 30%;left: 26.6%;}
#burari .contents .map .pin li:nth-child(3) {top: 30%;left: 34.5%;}
#burari .contents .map .pin li:nth-child(4) {top: 20.8%;right: 38.6%;}
#burari .contents .map .pin li:nth-child(5) {top: 33%;right: 39%;}
#burari .contents .map .pin li:nth-child(6) {top: 45%;right: 38.7%;}
#burari .contents .map .pin li:nth-child(7) {top: 41.4%;right: 22%;}
#burari .contents .map .pin li:nth-child(8) {top: 55%;right: 39.7%;}
#burari .contents .map .pin li:nth-child(9) {top: 66.7%;right: 39.2%;}
#burari .contents .map .pin li:nth-child(10) {bottom: 24.7%;left: 38.2%;}
#burari .contents .map .pin li:nth-child(11) {bottom: 19.7%;left: 15.2%;}
#burari .contents .map .pin li:nth-child(12) {bottom: 6.6%;right: 37.7%;}


#burari .tab_content {
	background:url(../img/item_bg.jpg) no-repeat center center;
	background-size:cover;
	padding:30px 100px;
}
#burari .tab_content h3 {
  font-size: 37px;
  font-size: 3.7rem;
	font-weight:bold;
  line-height:4;
	text-align:center;
}
#burari .tab_content .ph {
	text-align:center;
}
#burari .tab_content .ph img {
	margin:auto;
	width:100%;
}
#burari .tab_content p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height:2;
}
#burari .tab_content .detail > .row {
	border-top:1px solid #666;
	padding :1em 0 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height:2;
	margin:2em 0 0;
}
#burari .tab_content .detail {
  font-size: 16px;
  font-size: 1.6rem;
  line-height:2;
}
#burari .tab_content .detail .row div.col-md-2 {
	text-align:center;
}
#burari .tab_content .detail .row div span {
	display:inline-block;
	background:#000;
	color:#FFF;
	padding:0 1em;
	font-size:90%;
}
#burari .tab_content a{
	display:inline-block;
	padding:0.5em 1em;
	margin-top:3em;
	border:1px solid #000;
	background:#FFF;
}
#burari .tab_content a:hover {
	background:#900;
	color:#FFF;
	text-decoration:none;
	transition-duration:0.3s;
}
#burari .contents .map .sp {
	display:none
}
@media only screen and (max-width: 1024px) {
/*#burari .contents .map {
    margin: 50px 60% 80px 50px;
}*/
}
@media only screen and (max-width: 991px) {
#burari .contents {
	padding-bottom:0;
}
#burari .contents .map .pc {
	display:none
}
#burari .contents .map .sp {
	display:block
}
#burari .contents .ttl {
	width:90%;
	margin:30px 5%;
	position:static;
	min-height:320px;
	background:url(../img/txt_sp.png) no-repeat center center;
	background-size:contain;
	/*background:url(../img/burari_illust.png) no-repeat left bottom;
	background-size:35%;*/
	margin-bottom:2rem;
	height:100%;
	float:none;
}
#section_01 .inner {
	height: auto;
}

#burari .contents .map {
	width:100%;
	padding:0;
	margin:0 0 80px;
	max-height:auto;
}

#burari .contents .ttl h2 {
	float:right;
	margin-left:3em;
}
#burari .contents .box_vertical p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    padding-top: 2em;
}
#burari .contents .map .pin li {
	width:5%;
	position:absolute;
}
#burari .contents .map .pin li:nth-child(1) {top: 36%;left: 6.9%;} 
#burari .contents .map .pin li:nth-child(2) {top: 24%;left: 22.6%;}
#burari .contents .map .pin li:nth-child(3) {top: 24%;left: 41.4%;}
#burari .contents .map .pin li:nth-child(4) {top: 15.2%;right: 26.6%;}
#burari .contents .map .pin li:nth-child(5) {top: 28.2%;right: 27.2%;}
#burari .contents .map .pin li:nth-child(6) {top: 41%;right: 26.7%;}
#burari .contents .map .pin li:nth-child(7) {top: 37.2%;right: 3%;}
#burari .contents .map .pin li:nth-child(8) {top: 52%;right: 28.4%;}
#burari .contents .map .pin li:nth-child(9) {top: 64.7%;right: 27.6%;}
#burari .contents .map .pin li:nth-child(10) {bottom: 25%;left: 39.5%;}
#burari .contents .map .pin li:nth-child(11) {bottom: 20%;left: 6.7%;}
#burari .contents .map .pin li:nth-child(12) {bottom: 5.5%;right: 25.3%;}

#burari .tab_content {
	padding:30px 15px;
}
#burari .tab_content h3 {
  font-size: 25px;
  font-size: 2.5rem;
	font-weight:bold;
  line-height:2.5;
	text-align:center;
}

}
@media only screen and (max-width: 480px) {
#burari .contents .ttl {
	min-height:250px;
	background:url(../img/txt_sp.png) no-repeat center center;
	background-size:contain;
	/*background:url(../img/burari_illust.png) no-repeat left bottom;
	background-size:35%;*/
	margin-bottom:0;
}
}
@media only screen and (max-width: 320px) {
#burari .contents .ttl {
	min-height:150px;
	background:url(../img/txt_sp.png) no-repeat center center;
	background-size:contain;
	/*background:url(../img/burari_illust.png) no-repeat left bottom;
	background-size:35%;*/
	margin-bottom:0;
}
#burari .contents .ttl h2 img {
	max-width:65px;
}
}