/* 全体 --------------------------------------------------------------*/
html {
	font-size: 62.5%;
}

body {
	font-size: 1.6rem;
	font-family: Verdana,"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,sans-serif;
	-webkit-text-size-adjust: 100%;
	background-color: #FFFFFF;
	background-image: url('/images/common/background.gif');
	padding: 0px;
	margin: 0px;
}

.clear { clear:both; }

div.left { margin-left: 0; }


/*--------------------------------------------------------------------*/
.box-img,
.box-text{
	display: inline-block;
	vertical-align: top;
}

/* 置換えタグ用 ------------------------------------------------------*/
.movies169 {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	text-align:left;
}
.movies169 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.movies43 {
	position: relative;
	width: 100%;
	padding-top: 75%;
	text-align:left;
}
.movies43 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.gmaps {
	margin: 0 auto;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.gmaps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/*** 2024/12/17 追加：instgramフォローボタン用↓ ***/
.insta_btn {
  text-align: center;/*中央揃え*/
  color: #2e6ca5;/*文字色*/
  font-size: 20px;/*文字サイズ*/
  text-decoration: none;/*下線消す*/
/* display: inline-block; */
  display: flex;
  align-items: center;
}

.insta_btn:hover {/*ホバー時*/
  color:#668ad8;/*文字色*/
  transition: .5s;/*ゆっくり変化*/
}

.insta_btn .insta{/*アイコンの背景*/
  position: relative;/*相対配置*/
  display: inline-block;
  width: 50px;/*幅*/
  height: 50px;/*高さ*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション�@*/
  overflow: hidden;/*はみ出た部分を隠す*/
  border-radius: 13px;/*角丸に*/
  margin-right: 10px;
}

.insta_btn .insta:before{/*グラデーションを重ねるため*/
  content: '';
  position: absolute;/*絶対配置*/
  top: 23px;/*ずらす*/
  left: -18px;/*ずらす*/
  width: 60px;/*グラデーションカバーの幅*/
  height: 60px;/*グラデーションカバーの高さ*/
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション�A*/
}

.insta_btn .fa-instagram {/*アイコン*/
  color: #FFF;/*白に*/
  position: relative;/*z-indexを使うため*/
  z-index: 2;/*グラデーションより前に*/
  font-size: 35px;/*アイコンサイズ*/
  line-height: 50px;/*高さと合わせる*/
}
/*** 2024/12/17 追加：instgramフォローボタン用↑ ***/

/* アルバム画像(PC) --------------------------------------------------*/
#text0 { 
	color: #444444;
	font-size: 1.6rem; 
	line-height: 18px;
	text-align: justify;
}
#text0 a {
	color: #3b7687; 
	text-decoration: none;
}
#text0 a:hover { color: #444444; }
#text0 div.caption {
	margin: 0 4px 4px 4px;
	border: 1px solid #ccc;
	padding: 5px;
}
#text0 div.right { margin-right: 0; }
#text0 div.caption img {
	margin: 0;
	padding:0;
}

/*--------------------------------------------------------------------*/
#rimg1 { 
	color: black;
	font-size: 1.6rem;
	line-height: 18px;
	text-align: justify;
}
#rimg1 a {
	color: black; 
	text-decoration: none;
}
#rimg1 a:hover {
	color: black;
}
#rimg1 div.caption p {
	margin: 5px 0 0 0;
	padding: 5px;
	border-top: 1px #ddd dotted;
	font-size: .9em;
}
#rimg1 div.caption {
	margin: 0 4px 4px 4px;
	border: 1px solid #ccc;
	padding: 5px;
	background-color: white;
}
#rimg1 div.right { margin-right: 0; }
#rimg1 div.caption img {
	margin: 0;
	padding:0;
}

/*--------------------------------------------------------------------*/
#rimg2 { 
	color: black;
	font-size: 1.6rem;
	line-height: 18px;
	text-align: justify;
}
#rimg2 a {
	color: black; 
	text-decoration: none;
}
#rimg2 a:hover {
	color: black;
}
#rimg2 div.caption p {
	margin: 5px 0 0 0;
	padding: 5px;
	border-top: 1px #ddd dotted;
	font-size: .9em;
}
#rimg2 div.caption {
	margin: 0 4px 4px 4px;
	border: 1px solid #ccc;
	padding: 5px;
	background-color: white;
}
#rimg2 div.right { margin-right: 0; }
#rimg2 div.caption img {
	margin: 0;
	padding:0;
}

/*--------------------------------------------------------------------*/
#rimg3 { 
	color: black;
	font-size: 1.6rem;
	line-height: 18px;
	text-align: justify;
}
#rimg3 a {
	color: black; 
	text-decoration: none;
}
#rimg3 a:hover {
	color: black;
}
#rimg3 div.caption p {
	margin: 5px 0 0 0;
	padding: 5px;
	border-top: 1px #ddd dotted;
	font-size: .9em;
}
#rimg3 div.caption {
	margin: 0 4px 4px 4px;
	border: 1px solid #ccc;
	padding: 5px;
	background-color: white;
}
#rimg3 div.right { margin-right: 0; }
#rimg3 div.caption img {
	margin: 0;
	padding:0;
}

/*--------------------------------------------------------------------*/
#rimg4 { 
	color: black;
	font-size: 1.6rem;
	line-height: 18px;
	text-align: justify;
}
#rimg4 a {
	color: black; 
	text-decoration: none;
}
#rimg4 a:hover {
	color: black;
}
#rimg4 div.caption p {
	margin: 5px 0 0 0;
	padding: 5px;
	border-top: 1px #ddd dotted;
	font-size: .9em;
}
#rimg4 div.caption {
	margin: 0 4px 4px 4px;
	border: 1px solid #ccc;
	padding: 5px;
	background-color: white;
}
#rimg4 div.right { margin-right: 0; }
#rimg4 div.caption img {
	margin: 0;
	padding:0;
}

/*--------------------------------------------------------------------*/
#rimg5 { 
	color: black;
	font-size: 1.6rem;
	line-height: 18px;
	text-align: justify;
}
#rimg5 a {
	color: black; 
	text-decoration: none;
}
#rimg5 a:hover {
	color: black;
}
#rimg5 div.caption p {
	margin: 5px 0 0 0;
	padding: 5px;
	border-top: 1px #ddd dotted;
	font-size: .9em;
}
#rimg5 div.caption {
	margin: 0 4px 4px 4px;
	border: 1px solid #ccc;
	padding: 5px;
	background-color: white;
}
#rimg5 div.right { margin-right: 0; }
#rimg5 div.caption img {
	margin: 0;
	padding:0;
}

/*--------------------------------------------------------------------*/
#rimg6 { 
	color: black;
	font-size: 1.6rem;
	line-height: 18px;
	text-align: justify;
}
#rimg6 a {
	color: black; 
	text-decoration: none;
}
#rimg6 a:hover {
	color: black;
}
#rimg6 div.caption p {
	margin: 5px 0 0 0;
	padding: 5px;
	border-top: 1px #ddd dotted;
	font-size: .9em;
}
#rimg6 div.caption {
	margin: 0 4px 4px 4px;
	border: 1px solid #ccc;
	padding: 5px;
	background-color: white;
}
#rimg6 div.right { margin-right: 0; }
#rimg6 div.caption img {
	margin: 0;
	padding:0;
}

/*--------------------------------------------------------------------*/
#rimg7 { 
	color: black;
	font-size: 1.6rem;
	line-height: 18px;
	text-align: justify;
}
#rimg7 a {
	color: black; 
	text-decoration: none;
}
#rimg7 a:hover {
	color: black;
}
#rimg7 div.caption p {
	margin: 5px 0 0 0;
	padding: 5px;
	border-top: 1px #ddd dotted;
	font-size: .9em;
}
#rimg7 div.caption {
	margin: 0 4px 4px 4px;
	border: 1px solid #ccc;
	padding: 5px;
	background-color: white;
}
#rimg7 div.right { margin-right: 0; }
#rimg7 div.caption img {
	margin: 0;
	padding:0;
}

/*--------------------------------------------------------------------*/
#rimg8 { 
	color: black;
	font-size: 1.6rem;
	line-height: 18px;
	text-align: justify;
}
#rimg8 a {
	color: black; 
	text-decoration: none;
}
#rimg8 a:hover {
	color: black;
}
#rimg8 div.caption p {
	margin: 5px 0 0 0;
	padding: 5px;
	border-top: 1px #ddd dotted;
	font-size: .9em;
}
#rimg8 div.caption {
	margin: 0 4px 4px 4px;
	border: 1px solid #ccc;
	padding: 5px;
	background-color: white;
}
#rimg8 div.right { margin-right: 0; }
#rimg8 div.caption img {
	margin: 0;
	padding:0;
}

/*--------------------------------------------------------------------*/
#rimg9 { 
	color: black;
	font-size: 1.6rem;
	line-height: 18px;
	text-align: justify;
}
#rimg9 a {
	color: black; 
	text-decoration: none;
}
#rimg9 a:hover {
	color: black;
}
#rimg9 div.caption p {
	margin: 5px 0 0 0;
	padding: 5px;
	border-top: 1px #ddd dotted;
	font-size: .9em;
}
#rimg9 div.caption {
	margin: 0 4px 4px 4px;
	border: 1px solid #ccc;
	padding: 5px;
	background-color: white;
}
#rimg9 div.right { margin-right: 0; }
#rimg9 div.caption img {
	margin: 0;
	padding:0;
}

/* SWIPER SLIDE ------------------------------------------------------*/
.swiper-container {
/*	width: 100%; */
/*	height: auto; */
}
.swiper-slide {
	text-align: center;
	font-size: 1.6rem;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/* 固定列を持つ表用 --------------------------------------------------*/
.table-sticky {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	left: 0;
}


/* スマホ　767px以下 -------------------------------------------------*/
@media only screen and (max-width: 767px){
	.site_logo{
		width: 100%;
		height: auto;
	}
	.admin_event_banner{
		width: 100%;
		height: auto;
	}
	.map1{
		width: 100%;
		height: auto;
	}
	.sitebanner1{
		width: 100%;
/*		width: 244px; */
		height: auto;
	}
	.sitebanner801{
		width: 100%;
		height: auto;
	}
	.sitebanner901{
		width: 100%;
/*		width: 244px; */
		height: auto;
	}
	#container {
		width: 100%;
		margin: 0 auto;
	}
	.clientlist {
		width: 100%;
		text-align: left;
		font-size: 1.6rem;
	}

	.event_banner1{
		width: 100%;
		height: auto;
	}
	.event_banner2{
		width: 100%;
		height: auto;
	}

	.event_ranking_list_image{
		width: 100%;
		height: auto;
	}

	.event_ranking_list_image2{
		width: 100%;
		height: auto;
	}

	.large_map{
		display:black;
	}
}

/* pc　768px以上 -----------------------------------------------------*/
@media only screen and (min-width: 768px), print {
	.site_logo{
		width: 400px;
		height: auto;
	}
	.admin_event_banner{
/*		width: 550px; */
		width:468px;
		height: auto;
	}
	.map1{
/*		width: 980px; */
		width:100%;
		height: auto;
	}
	.sitebanner1{
/*		width: 244px; */
		width: 468px;
		height: auto;
	}
	.sitebanner801{
		width: 468px;
		height: auto;
	}
	.sitebanner901{
/*		width: 244px; */
		width: 468px;
		height: auto;
	}
	#container {
		width: 1140px;
		margin: 0 auto;
	}
	.clientlist {
		display: inline-block;
		width: 25%;
		text-align: left;
		font-size: 1.6rem;
	}

	.event_banner1{
		width: 468px;
		height: auto;
	}
	.event_banner2{
		width: 200px;
		height: auto;
	}

	.event_ranking_list_image{
		width: 1130px;
		height: auto;
	}

	.event_ranking_list_image2{
		width: 640px;
		height: auto;
	}

	.large_map{
		display: none;
	}

}