@charset "utf-8";

body {
/*  padding-top: 3.5rem; */
  font-family:serif;
/*background-image:url(../images/bg.jpg); 
background-size:cover; */

background-color:#efefef;
}

main {
	background-color:rgba(255,255,255,0.8);
}


section {
	overflow:hidden;
	padding:80px 0 50px 0;
background: rgb(246,246,246);
background: linear-gradient(0deg, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 100%);
}


section:first-of-type{
/*
	background-image:url(../images/bg-line.png);
	background-position:top center;
 */
	background-image:url(../images/bg-kyotobythesea.png);
}

section.bunka-kanko {
	background-color:#000;
	background-image:url(../images/bg-bunka-kanko.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	color:#fff;
}

section.vr {
/*	background:#16203b; */
	background-color:#000;
	background-image:url(../images/bg-vr.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	color:#fff;
}

section.kyotobythesea {
/*	background:#16203b; */
	background-image:url(../images/bg-kyotobythesea.png);
}

img {
	width:100%;
}

h2 {
	margin-bottom:30px;
	text-align:center;
}

h2 span {
	display:block;
	font-size:1rem;
/*	color:#6eb5cb; */
	color:#3abe7b;
}

h3 {
	font-size:20px;
border-left: 9px double #37be7b;
    padding-left: 15px;
}

h4 {
	font-size:1.2rem;
}

p {
	margin-bottom:2rem;
}

.br-mb {

}

.btn-secondary {
    color: #fff;
    background-color: #c2185b;
    border-color: #c2185b;
}

/* jumbotronエリア */
.jumbotron {
	background-image:url(../images/bg-header.jpg);
	background-position:center;
	background-size:cover;
	height:250px;
	padding:0;
}

.jumbotron .container {
}

.jumbotron h1 {
	text-align:center;
}

.jumbotron h1 img {
	max-width:860px;
	margin-top:25px;
}

.jumbotron h1 span {
	font-size:1.5rem;
}

.jumbotron img{

}


ul.cell-wrap {
	padding:0;
}

ul.cell-wrap > li {
list-style:none;
width:100%;
margin-bottom:2rem;
}

.yt {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.yt iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


/* フッター 運営者情報 */
footer {
	background-color:#222;
	color:#fff;
	text-align:center;
}

footer .logo {
	text-align:right;
}

footer .adr {
	text-align:center;
}


footer h2 {
	font-size:1rem;
	margin-bottom:10px;
	margin-top:30px;
}

footer strong {
	font-size:1.2rem;
}

.tel {
	font-size:1.1rem;
}

.tel::before {
	font-family:"Font Awesome 5 Free";
	content:"\f098";
	font-weight:bold;
	margin-right:5px;
}

address {
	margin-top:10px;
}

small {
	margin-top:30px;
}


/* スクロールアニメーション */
.anm {
  opacity: 0;
  transition: all .5s ease;
}

.anm.show {
  opacity: 1;
  transform: none;
}

.anm--up {
  transform: translate(0, 100px);
}

.bn-channel{
border:1px solid #000;
}

@media (min-width:576px) {
		/* jumbotronエリア */
	.jumbotron {
		height:50vh;
	background-size:auto;

	}

	.jumbotron h1 img {
		margin-top:50px;
	}

	ul.cell-wrap > li {
		width:48%;
	}
}


@media (min-width:768px) {
		/* jumbotronエリア */
	.jumbotron {
		height:500px;
	}

	.jumbotron h1 img {
		margin-top:50px;
	}

	ul.cell-wrap > li {
		width:48%;
	}
	.br-mb {
		display:none;
	}
}

@media (min-width:992px) {
		/* jumbotronエリア */


	.jumbotron h1 img {
		margin-top:25px;
	}

	ul.cell-wrap > li {
	width:48%;
	margin-bottom:5em;
	}

	.bn-channel {
		width:970px;
		border:1px solid #000;
	}
}


@media (min-width:1200px) {
		/* jumbotronエリア */

}