@charset "UTF-8";

body {
	background: none;
}

.box1100 {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}

@media screen and (min-width:768px){
	body {
		min-width: 1130px;
	}
}

@media screen and (max-width:767px){
	.box1100 {
		width: auto;
	}
	.box-sp {
		margin: 0 8px;
		position: relative;
	}
}

/* -------------------------------------------------
	main-visual
------------------------------------------------- */

#main-visual {
	margin-top: 54px;
	width: 100%;
	overflow: hidden;
  position: relative;
}
#main-visual.fixedsize {
  text-align:center;
  background-color: #eeeeee;
  background: url(../img/bg_mainvisual_youtube_01.jpg) no-repeat center center / cover; 
}

@media screen and (max-width:767px){
  #main-visual iframe {
    width: 100%;
    height: 56.0vw;
  }
}
#main-visual .slide-wrap .slider a.item {
	/*height: 100vh;*/
	height: 70vh;
	display: block;
}

@media screen and (min-width:768px){
	
	#main-visual .slide-wrap {
		margin: 0 71px;
	}
	#main-visual .slide-wrap .slider a.item {
		border-left: solid 1px #fff;
		border-right: solid 1px #fff;
	}
	
	#main-visual .slide-wrap .slider a.item.i0 { background: url(../img2022/mv_05.jpg) no-repeat center center / cover; }
	#main-visual .slide-wrap .slider a.item.i1 { background: url(../img2022/mv_02.jpg) no-repeat center center / cover; }
	#main-visual .slide-wrap .slider a.item.i2 { background: url(../img2022/mv_03.jpg) no-repeat center center / cover; }
	#main-visual .slide-wrap .slider a.item.i3 { background: url(../img2022/mv_04.jpg) no-repeat center center / cover; }
	#main-visual .slide-wrap .slider a.item.i4 { background: url(../img2022/mv_08.jpg) no-repeat center center / cover; }
	#main-visual .slide-wrap .slider a.item.i5 { background: url(../img2022/mv_BS2022b.jpg) no-repeat center center / cover; }
	#main-visual .slide-wrap .slider a.item.i6 { background: url(../img2022/mv_kansaiBS2022.jpg) no-repeat center center / cover; }
  #main-visual .slide-wrap .slider a.item.i7 { background: url(../img2022/mv_yokohamaBF2022.jpg) no-repeat center center / cover; }
  
	#main-visual .slide-wrap .slider a.item.ambassador { background: url(../img2022/mv_ambassador_2504.jpg) no-repeat center center / cover; }
}

@media screen and (max-width:767px) and (orientation:landscape){
	#main-visual .slide-wrap .slider a.item.i0 { background: url(../img2022/mv_05.jpg) no-repeat center center / cover; }
	#main-visual .slide-wrap .slider a.item.i1 { background: url(../img2022/mv_02.jpg) no-repeat center center / cover; }
	#main-visual .slide-wrap .slider a.item.i2 { background: url(../img2022/mv_03.jpg) no-repeat center center / cover; }
	#main-visual .slide-wrap .slider a.item.i3 { background: url(../img2022/mv_04.jpg) no-repeat center center / cover; }
	#main-visual .slide-wrap .slider a.item.i4 { background: url(../img2022/mv_08.jpg) no-repeat center center / cover; }
	#main-visual .slide-wrap .slider a.item.i5 { background: url(../img2022/mv_BS2022b_sp.jpg) no-repeat center center / cover; }
	#main-visual .slide-wrap .slider a.item.i6 { background: url(../img2022/mv_kansaiBS2022_sp.jpg) no-repeat center center / cover; }
  #main-visual .slide-wrap .slider a.item.i7 { background: url(../img2022/mv_yokohamaBF2022_sp.jpg) no-repeat center center / cover; }
  
	#main-visual .slide-wrap .slider a.item.ambassador { background: url(../img2022/mv_ambassador_2504_sp.jpg) no-repeat center center / cover; }
}

@media screen and (max-width:767px) and (orientation:portrait){
	#main-visual {
	margin-top: 35px;
}
	#main-visual .slide-wrap .slider a.item {
		/*height: 90vh;*/
		height: 70vh;
	}
	
	#main-visual .slide-wrap .slider a.item.i0 { background: url(../img2022/mv_05b_sp.jpg) no-repeat center center / cover; }
	#main-visual .slide-wrap .slider a.item.i1 { background: url(../img2022/mv_02b_sp.jpg) no-repeat center center / cover; }
	#main-visual .slide-wrap .slider a.item.i2 { background: url(../img2022/mv_03b_sp.jpg) no-repeat center center / cover; }
	#main-visual .slide-wrap .slider a.item.i3 { background: url(../img2022/mv_04b_sp.jpg) no-repeat center center / cover; }
	#main-visual .slide-wrap .slider a.item.i4 { background: url(../img2022/mv_08_sp.jpg) no-repeat center center / cover; }
	#main-visual .slide-wrap .slider a.item.i5 { background: url(../img2022/mv_BS2022b_sp.jpg) no-repeat center center / cover; }
	#main-visual .slide-wrap .slider a.item.i6 { background: url(../img2022/mv_kansaiBS2022_sp.jpg) no-repeat center center / cover; }
	#main-visual .slide-wrap .slider a.item.i7 { background: url(../img2022/mv_yokohamaBF2022_sp.jpg) no-repeat center center / cover; }
	#main-visual .slide-wrap .slider a.item.ambassador { background: url(../img2022/mv_ambassador_2504_sp.jpg) no-repeat center center / cover; }
}

.catchphrase{
	background: #41539d;
	padding: 10px;
}
.catchphrase h1{
	text-align: center;
	color:  #fff;
	font-size: 16px;
	font-weight: normal;
}
@media screen and (max-width:767px){
	.catchphrase h1{
	line-height: 1.5;
}

}
/* -------------------------------------------------
	#information
------------------------------------------------- */

#information {
	margin-top: 100px;
}
#information .headline img {
	height: 27px;
}

#information p {
	padding-left: 0.7em;
	font-size: 16px;
	line-height: 1.43;
	border-left: solid 6px #1B275E;
}
#information p + p {
	margin-top: 13px;
}
#information p a {
	color: #1B275E;
}

#information .hidden {
	display: none;
}
#information .hidden-inner {
	padding-top: 13px;
}
#information .arrow {
	width: 29px;
	display: block;
	margin: 22px auto 0;
	cursor: pointer;
	transition: transform 0.2s ease-out;
}
#information .arrow.open {
	transform: rotateX(180deg);
}
#information .arrow img {
	transition: opacity 0.2s ease-out;
}

@media screen and (min-width:768px){
	#information .col2 {
		display: flex;
	}
	#information .col2 .headline {
		width: 280px;
	}
	#information .col2 .texts {
		width: calc(100% - 280px);
	}
	#information .arrow img:hover {
		opacity: 0.6;
	}
}

@media screen and (max-width:767px){
	#information {
		margin-top: 65px;
	}
	#information .headline img {
		width: 166px;
		display: block;
		margin: 0 auto 20px;
	}

	#information p + p {
		margin-top: 21px;
	}
	#information p a {
		color: #000;
	}

	#information .hidden-inner {
		padding-top: 21px;
	}
	#information .arrow {
		margin: 33px auto 0;
	}
}

/* -------------------------------------------------
	#banners1
------------------------------------------------- */
#banners1 a img {
  width: 100%;
}
#banners1 li + li {
  margin-left: 2rem;
}
@media screen and (min-width:768px){
	#banners1 {
		margin-top: 53px;
		display: flex;
		justify-content: space-between;
	}
	#banners1.center {
		justify-content: center;
	}
	#banners1 a img:hover {
		opacity: 0.7;
	}
}

@media screen and (max-width:767px){
	#banners1 {
		margin-top: 40px;
	}
	#banners1 li {
  margin-right: 8px;
  margin-left: 8px;
}
	#banners1 li + li {
		margin-top: 20px;
    margin-left: 8px;
}
	#banners1 img {
		width: 100%;
	}
}

/* -------------------------------------------------
	#layout-area1、#layout-area1-side
------------------------------------------------- */

#layout-area1 img {
	max-width: 100%;
}

#la1-side .col2 {
	display: flex;
	justify-content: space-between;
}
#la1-side .col2 li {
	width: 166px;
}

#la1-side .bnr + .bnr,
#la1-side .col2,
#la1-side .fb-wrap {
	margin-top: 19px;
}

@media screen and (min-width:768px){
	#layout-area1 {
		margin-top: 39px;
		display: flex;
		justify-content: space-between;
	}

	#la1-cont {
		width: 724px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#la1-side {
		width: 351px;
	}
	#la1-side a:hover img {
		opacity: 0.7;
	}
}

@media screen and (max-width:767px){
	#la1-side {
		margin-top: 59px;
	}
	#la1-side .col2 li {
		width: calc(166 / 351 * 100%);
	}
	#la1-side .bnr + .bnr,
	#la1-side .col2 {
		margin-top: 22px;
	}
	#la1-side .fb-wrap {
		margin-top: 47px;
		padding: 35px 0;
		background: #1C275F;
	}
	#la1-side .fb-wrap .frame-wrap {
		width: 351px;
		margin: 0 auto;
	}
}

/* -------------------------------------------------
	#la1-cont
------------------------------------------------- */

#la1-cont .cate.know { background: #fdf5e7; }
#la1-cont .cate.boating { background: #ebf6f3; }
#la1-cont .cate.enjoy { background: #fdf0ea; }
#la1-cont .cate.db { background: #e9eff9; }

#la1-cont .cate .cate-top {
	height: 151px;
	display: flex;
	align-items: flex-end;
	position: relative;
}

#la1-cont .cate .cate-top .cate-title {
	padding: 11px 22px 3px 15px;
	color: #fff;
	font-weight: bold;
	display: inline-block;
}
#la1-cont .cate.know .cate-top .cate-title { background: #eeaf3d; }
#la1-cont .cate.boating .cate-top .cate-title { background: #59b598; }
#la1-cont .cate.enjoy .cate-top .cate-title { background: #ee8150; }
#la1-cont .cate.db .cate-top .cate-title {
	background: #487ecf;
	display: block;
	width: 100%;
}

#la1-cont .cate .cate-top .cate-title .small {
	font-size: 16px;
	vertical-align: baseline;
	display: inline-block;
	margin-right: 3px;
}
#la1-cont .cate .cate-top .cate-title .large {
	font-size: 26px;
	vertical-align: baseline;
	display: inline-block;
}
#la1-cont .cate.db .cate-top .cate-title .large {
	font-size: 24px;
}

#la1-cont .cate2 {
	padding: 17px 15px 25px;
}
#la1-cont .cate2 li {
	font-size: 16px;
}
#la1-cont .cate2 li + li {
	margin-top: 1em;
}
#la1-cont .cate2 li a {
	padding-left: 19px;
	display: inline-block;
	background: url(../img2022/arrow_002.svg) no-repeat left 40% / 9px auto;
	color: #000;
}
.sns-top {
	margin-top: 1.5rem;
}
.h2-sns {
  font-size: 1.0rem;
  text-align: center;
  margin-bottom: 1rem;
  color: #444444;
}
.ul-sns {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.ul-sns li img {
  width: 3rem;
  height: auto;
}
@media screen and (min-width:768px){
	#la1-cont .cate {
		width: 352px;
	}
	#la1-cont .cate:nth-child(2) ~ .cate {
		margin-top: 21px;
	}
	
	#la1-cont .cate.know .cate-top { background: url(../img2022/cate_pic_001.jpg) no-repeat center top / 100% auto; }
	#la1-cont .cate.boating .cate-top { background: url(../img2022/cate_pic_002.jpg) no-repeat center top / 100% auto; }
	#la1-cont .cate.enjoy .cate-top { background: url(../img2022/cate_pic_003.jpg) no-repeat center top / 100% auto; }
	#la1-cont .cate.db .cate-top { background: url(../img2022/cate_pic_004.jpg) no-repeat center top / 100% auto; }
	
	#la1-cont .cate .cate-top:hover {
		text-decoration: none;
	}
	
	#la1-cont .cate .cate-top::after {
		content: "";
		display: block;
		width: 100%;
		height: 9px;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	#la1-cont .cate.know .cate-top::after { background: #eeaf3d; }
	#la1-cont .cate.boating .cate-top::after { background: #59b598; }
	#la1-cont .cate.enjoy .cate-top::after { background: #ee8150; }
	#la1-cont .cate.db .cate-top::after { background: #487ecf; }
}

@media screen and (max-width:767px){
	#la1-cont {
		margin: 55px 8px 0;
	}
	
	#la1-cont .cate {
		position: relative;
	}
	#la1-cont .cate + .cate {
		margin-top: 8px;
	}
	
	#la1-cont .cate.know .cate-top { background: url(../img2022/cate_pic_001_sp.jpg) no-repeat center top / 100% auto; }
	#la1-cont .cate.boating .cate-top { background: url(../img2022/cate_pic_002_sp.jpg) no-repeat center top / 100% auto; }
	#la1-cont .cate.enjoy .cate-top { background: url(../img2022/cate_pic_003_sp.jpg) no-repeat center top / 100% auto; }
	#la1-cont .cate.db .cate-top { background: url(../img2022/cate_pic_004_sp.jpg) no-repeat center top / 100% auto; }
	
	#la1-cont .cate .cate-top .cate-title {
		height: 45px;
		padding: 11px 0 0 15px;
		width: 100%;
		display: block;
		box-sizing: border-box;
	}
	
	#la1-cont .cate.db .cate-top .cate-title .large {
		font-size: 21px;
	}
	
	#la1-cont .cate2-wrap1 {
		display: none;
	}
	
	#la1-cont .acc-trigger {
		position: absolute;
		right: 0;
		top: 106px;
		width: 45px;
		height: 45px;
		cursor: pointer;
	}
	#la1-cont .acc-trigger div {
		width: 17px;
		height: 2px;
		background: #fff;
		position: absolute;
		left: 14px;
		top: calc(50% - 1px);
		transition: transform 0.3s ease-out;
	}
	#la1-cont .acc-trigger div:last-child {
		transform: rotate(-90deg);
	}
	#la1-cont .acc-trigger.on div:last-child {
		transform: rotate(0deg);
	}
.ul-sns {
  gap: 10vw;
}
  .ul-sns li img {
    width: 15vw;
  }
}

/* -------------------------------------------------
	instagram
------------------------------------------------- */

#instagram {
	padding: 40px 0 50px;
	background: #171c61;
}
#instagram .headline img {
	height: 39px;
}
#instagram .headline span {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	padding-left: 15px;
	vertical-align: bottom;
}
#instagram .include-area {
	margin-top: 10px;
	padding: 30px 25px;
	background: #fff;
}
#instagram .include-area iframe {
	/*height: 495px;*/
	height: 522px;
}

@media screen and (max-width:767px){
	#instagram {
		padding: 20px 0 28px;
	}
	#instagram .headline img {
		height: 26px;
	}
	#instagram .headline span {
	font-size: 14px;
}
	#instagram .include-area {
		padding: 8px;
	}
	#instagram .include-area iframe {
		/*height: 41.65vw;*/
		height: 45.455vw;
	}
}

/* -------------------------------------------------
	supported
------------------------------------------------- */

#supported {
	padding: 100px 0 80px;
}
#supported .headline img {
	width: 185px;
	display: block;
	margin: 0 auto;
}
#supported .group1 ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#supported .group2 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

#teikyo {
	margin-top: 80px;
}
#supported .headline2 {
	height: 30px;
	background: #171c61;
	font-size: 20px;
	color: #fff;
	line-height: 1;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}

#supported .group3 {
	margin-top: 30px;
}
#supported .group3 ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 1.5em;
}
	#teikyo p {
	padding: 0 30px;
}

@media screen and (min-width:768px){
	
	#supported ul a:hover {
		opacity: 0.5;
	}
	
	#supported .group1 {
		width: 1024px;
		margin: 45px auto 0;
	}
	#supported .group1 li {
		margin-right: 100px;
	}
	#supported .group1 li:nth-child(4n) {
		margin-right: 0;
	}
	#supported .group1 li:nth-child(4) ~ li {
		margin-top: 30px;
	}
	
	#supported .group2 {
		width: 945px;
		margin: 45px auto 0;
	}
	#supported .group2 li {
		margin: 0 25px;
	}
	#supported .group2 li:nth-child(4) ~ li {
		margin-top: 40px;
	}
/*	#supported .group2 li:nth-child(5) { margin-left: 0; }
	#supported .group2 li:nth-child(9) { margin-right: 0; }*/
	
	#supported .group3 ul li + li {
		margin-left: 37px;
	}
}

@media screen and (max-width:767px){
	#supported {
		padding: 57px 0 30px;
	}
	#supported .headline img {
		width: 165px;
	}
	#supported .group1 ul {
		margin-top: 35px;
		justify-content: center;
	}
	#supported .group1 ul li {
		width: 40%;
	}
	#supported .group1 ul li:nth-child(even) {
		margin-left: 10%;
	}
	#supported .group1 ul li:nth-child(2) ~ li {
		margin-top: calc(28 / 750 * 100vw);
	}
	#supported .group1 ul li a {
		width: 100%;
		display: block;
	}
	#supported .group1 ul li a img {
		width: 100%;
	}
	
	#supported .group2 {
		margin-top: calc(50 / 750 * 100vw);
		margin-bottom: 40px;
	}
	#supported .group2 ul li {
		margin: 0 calc(29 / 750 * 100vw);
	}
	#supported .group2 ul li:nth-child(3) ~ li {
		margin-top: calc(44 / 750 * 100vw);
	}
/*	#supported .group2 ul li:nth-child(5n) {
		margin-right: 10%;
	}
	#supported .group2 ul li:nth-child(5n - 1) {
		margin-left: 10%;
	}*/
	#supported .group2 ul li a img {
		width: calc(171 / 750 * 100vw);
	}

	#teikyo {
		margin-top: calc(35 / 750 * 100vw);
	}
	#supported .headline2 {
		height: 17px;
		font-size: 11px;
	}

	#supported .group3 {
		margin-top: 10px;
	}
	#supported .group3 ul li a img {
		width: calc(205 / 750 * 100vw);
	}
	#supported .group3 ul li {
		margin-right: calc(42 / 750 * 100vw);
	}
	#supported .group3 ul li:nth-child(3n) {
		margin-right: 0;
	}
	#supported .group3 ul li:nth-child(3) ~ li {
		margin-top: calc(30 / 750 * 100vw);
	}
	#teikyo p {
	font-size: 14px;
	padding: 0 20px;
}
}

.banners.single,
.banners.single2  {
  text-align: center;
  margin-bottom: 45px;
  margin-top:30px;
}
.banners.single a img:hover{
  opacity: 0.5;
}

@media (max-width: 767.98px) {
  .banners.single img,
  .banners.single2 img {
    width: calc(100% - 16px);
    height: auto;
  }
}
/* 警告エリア */
#notice {
  margin-top: 3rem;
}
.notice-box {
  padding: 1rem;
}
.notice-caution {
  border: red 2px solid;
}
.notice-box h2 {
  line-height: 1.4;
}
a .notice-box h2,
a .notice-box p  {
  color: #ee2222;
  text-decoration: none;
  text-align: center;
}
a .notice-box p {
  color: #222222;
}
#notice a:hover {
  text-decoration: none;
}
#notice a:hover .notice-box {
  opacity: .7;
}
@media (max-width: 767.98px) {
  #notice {
    margin: 2rem 1rem;
  }
  .notice-box {
    padding: .6rem;
  }
  a .notice-box h2 {
    font-size: 18px;
    text-align: left;
  }
  a .notice-box p {
    text-align: left;
  }
}