@charset "utf-8";
.wf-nicomoji { font-family: "Nico Moji"; }
body{
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 500;
	font-size: 16px;
}
h3,h4{
	font-weight: 600;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

header {
	margin: 0;
}
.satafan_bg{
	position: relative;
	background:url(../img/kv.jpg) no-repeat center top;
	background-size: cover;
}
.satafan_bg02{
	position: relative;
	background:url(../img/kv.jpg) no-repeat center center;
	background-size: cover;
}
.top{
	position: relative;
	padding: 2rem 0;
}

.overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(255, 255, 255, 0.26);
}
.yt-thumbnail {
	/* padding: .5rem 2.5rem;
	background-color: rgba(0, 0, 0, 1); */
}
@media only screen and (min-width:768px) {
	.top{ padding:  0 0 2rem;}
}
table.talk-data, table.bus-data, table.yuge-data, table.omachi-data, table.sp-data, table.funkys-data{
  border-spacing: 0;
}
table.talk-data thead th,
table.bus-data thead th,
table.yuge-data thead th,
table.omachi-data thead th,
table.sp-data thead th,
table.funkys-data thead th {
	color: #ffffff;
}
table.talk-data thead th {
	background-color:#fb5bc1;
	border-top: solid 1px #ffa1dd!important;
	/* color: #ffffff; */
}
table.bus-data thead th {
	background-color:#14b8a5;
	border-top: solid 1px #80c9c0!important;
	/* color: #ffffff; */
}
table.yuge-data thead th {
	background-color:#ff6b8a;
	border-top: solid 1px #f7a6b7;
	/* color: #ffffff; */
}
table.omachi-data thead th {
	background-color:#e5077d;
	border-top: solid 1px #d04d93;
	/* color: #ffffff; */
}
table.sp-data thead th {
	background-color:#f08835;
	border-top: solid 1px #ffdda1!important;
	/* color: #ffffff; */
}
table.funkys-data thead th {
	background-color:#8238b1;
	border-top: solid 1px #c373c1!important;
	/* color: #ffffff; */
}
table.talk-data thead th h4,
table.bus-data thead th h4,
table.yuge-data thead th h4,
table.omachi-data thead th h4,
table.sp-data thead th h4,
table.funkys-data thead th h4{
	font-weight: 600;
}
table.talk-data thead {
	border-top:solid 1px #ffa1dd;
}
table.bus-data thead {
	border-top:solid 1px #80c9c0;
}
table.yuge-data thead {
	border-top:solid 1px #f7a6b7;
}
table.omachi-data thead {
	border-top:solid 1px #f7a6b7;
}
table.omachi-data thead {
	border-top:solid 1px #f7a6b7;
}
table.sp-data thead {
	border-top:solid 1px #f7b37e;
}

table.talk-data tr:last-child{
	border-bottom:solid 1px #ffa1dd;
  }
table.bus-data tr:last-child{
  border-bottom:solid 1px #80c9c0;
}
table.yuge-data tr:last-child{
  border-bottom:solid 1px #f7a6b7;
}
table.omachi-data tr:last-child{
  border-bottom:solid 1px #f7a6b7;
}
table.sp-data tr:last-child{
  border-bottom:solid 1px #f7b37e;
}
table.talk-data th,
table.talk-data td,
table.bus-data th,
table.bus-data td,
table.yuge-data th,
table.yuge-data td,
table.omachi-data th,
table.omachi-data td,
table.sp-data td,
table.funkys-data td{
	text-align: left;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
table.talk-data th{
	/* text-align: center; */
	  background-color:#f4fbfa;
	border-right:solid 1px #ffa1dd;
	border-left:solid 1px #ffa1dd;
	  border-bottom:solid 1px #ffa1dd;
	width:30%;
	  padding: 0.8rem 1rem;
  }
table.bus-data th{
  /* text-align: center; */
	background-color:#f4fbfa;
  border-right:solid 1px #80c9c0;
  border-left:solid 1px #80c9c0;
	border-bottom:solid 1px #80c9c0;
  width:30%;
	padding: 0.8rem 1rem;
}
table.yuge-data th{
  /* text-align: center; */
	background-color:#fff4f6;
  border-right:solid 1px #f7a6b7;
  border-left:solid 1px #f7a6b7;
	border-bottom:solid 1px #f7a6b7;
  width:30%;
	padding: 0.8rem 1rem;
}
table.omachi-data th{
  /* text-align: center; */
	background-color:#fff4f6;
  border-right:solid 1px #f7a6b7;
  border-left:solid 1px #f7a6b7;
	border-bottom:solid 1px #f7a6b7;
  width:30%;
	padding: 0.8rem 1rem;
}
table.sp-data th{
	/* text-align: center; */
	  background-color:#f4fbfa;
	border-right:solid 1px #f7b37e;
	border-left:solid 1px #f7b37e;
	  border-bottom:solid 1px #f7b37e;
	width:30%;
	  padding: 0.8rem 1rem;
  }
	table.funkys-data th{
	  /* text-align: center; */
		background-color:#fff8bc;
	  border-right:solid 1px #c373c1;
	  border-left:solid 1px #c373c1;
		border-bottom:solid 1px #c373c1;
	  width:30%;
		padding: 0.8rem 1rem;
	}
@media screen and (max-width:580px) {
	table.talk-data td{
		/* text-align: center; */
			background-color:#ffffff;
		padding: 0.8rem 1rem;
		border-right:solid 1px #ffa1dd;
		border-left:solid 1px #ffa1dd;
			border-bottom: solid 1px #ffa1dd;
		width: 155px;
		}
table.bus-data td{
  /* text-align: center; */
	background-color:#ffffff;
  padding: 0.8rem 1rem;
  border-right:solid 1px #80c9c0;
  border-left:solid 1px #80c9c0;
	border-bottom: solid 1px #80c9c0;
  width: 155px;
}
table.yuge-data td{
  /* text-align: center; */
	background-color:#ffffff;
  padding: 0.8rem 1rem;
  border-right:solid 1px #f7a6b7;
  border-left:solid 1px #f7a6b7;
	border-bottom: solid 1px #f7a6b7;
  width: 155px;
}
table.omachi-data td{
  /* text-align: center; */
	background-color:#ffffff;
  padding: 0.8rem 1rem;
  border-right:solid 1px #f7a6b7;
  border-left:solid 1px #f7a6b7;
	border-bottom: solid 1px #f7a6b7;
  width: 155px;
}
table.sp-data td{
	/* text-align: center; */
		background-color:#ffffff;
	padding: 0.8rem 1rem;
	border-right:solid 1px #f7b37e;
	border-left:solid 1px #f7b37e;
		border-bottom: solid 1px #f7b37e;
	width: 155px;
	}
	table.funkys-data td{
		/* text-align: center; */
			background-color:#ffffff;
		padding: 0.8rem 1rem;
		border-right:solid 1px #c373c1;
		/* border-left:solid 1px #f7b37e; */
			border-bottom: solid 1px #c373c1;
		width: 155px;
		}
}
@media screen and (min-width:581px) {

		table.talk-data td{
			/* text-align: center; */
			  background-color:#ffffff;
			padding: 0.8rem 1rem;
			border-right:solid 1px #ffa1dd;
			/* border-left:solid 1px #80c9c0; */
			  border-bottom: solid 1px #ffa1dd;
			width: 155px;
		  }
	table.bus-data td{
	  /* text-align: center; */
		background-color:#ffffff;
	  padding: 0.8rem 1rem;
	  border-right:solid 1px #80c9c0;
	  /* border-left:solid 1px #80c9c0; */
		border-bottom: solid 1px #80c9c0;
	  width: 155px;
	}
	table.yuge-data td{
	  /* text-align: center; */
		background-color:#ffffff;
	  padding: 0.8rem 1rem;
	  border-right:solid 1px #f7a6b7;
	  /* border-left:solid 1px #f7a6b7; */
		border-bottom: solid 1px #f7a6b7;
	  width: 155px;
	}
	table.omachi-data td{
		/* text-align: center; */
		background-color:#ffffff;
		padding: 0.8rem 1rem;
		border-right:solid 1px #f7a6b7;
		/* border-left:solid 1px #f7a6b7; */
		border-bottom: solid 1px #f7a6b7;
		width: 155px;
	}
	table.sp-data td{
		/* text-align: center; */
			background-color:#ffffff;
		padding: 0.8rem 1rem;
		border-right:solid 1px #f7b37e;
		/* border-left:solid 1px #80c9c0; */
			border-bottom: solid 1px #f7b37e;
		width: 155px;
		}
		table.funkys-data td{
			/* text-align: center; */
				background-color:#ffffff;
			padding: 0.8rem 1rem;
			border-right:solid 1px #c373c1;
			/* border-left:solid 1px #80c9c0; */
				border-bottom: solid 1px #c373c1;
			width: 155px;
			}
}
table.talk-data td a,
table.bus-data td a,
table.yuge-data td a,
table.omachi-data td a,
table.sp-data td a,
table.funkys-data td a{
	color: #51565b!important;
}
.card {
	background-color: #ffffff;
}
.card-body {
	padding: 1rem;
	line-height: 1.6;
}



@media screen and (max-width:580px) {
	.caption {
		font-size: 14px;
		line-height: 1.5em;
	}
		table.talk-data,
	table.bus-data,
	table.yuge-data,
	table.omachi-data,
	table.sp-data,
	table.funkys-data{
		width: 100%;
		margin-bottom: 15px;
	}
	table.talk-data thead th,
	table.talk-data th,
	table.talk-data td,
	table.bus-data thead th,
	table.bus-data th,
	table.bus-data td,
	table.yuge-data thead th,
	table.yuge-data th,
	table.yuge-data td,
	table.omachi-data thead th,
	table.omachi-data th,
	table.omachi-data td,
	table.sp-data thead th,
	table.sp-data th,
	table.sp-data td,
	table.funkys-data thead th,
	table.funkys-data th,
	table.funkys-data td,{
		box-sizing: border-box;
		clear: both;
    width: 100%;
    display: block;
	}
}

@media screen and (min-width:581px) {
	.caption {
		font-size: 16px;
		line-height: 1.5em;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.place{
		margin-top: 10px;
		margin-bottom: 20px;
	}
	table.shop_list.info {
		margin-bottom: 15px;
	}
	a.shop_place {
		color: #51565b;
	}
}


/* ========================= */
#main{
	padding: 0!important;
}
@media only screen and (min-width:768px) {
#main{
	min-width: 980px;
}
}
#content #container, #second_contents #container{
	width: 100%!important;
	position: relative;
}
#pan{
	text-align: left;
	margin-top: 0;
  margin-bottom: 0;
	padding: 2rem 0;
}
#social-bloc {
    padding-bottom: 10px;
    position: absolute;
    right: 0;
    top: 0;
}
#container {
	padding-top: 25px;
	margin-left: 154.5px;
}
#social-bloc{
	padding: 2rem 0;
}
.container{
	display: inline-block;
	width: 100%;
}
.container {
	padding: 25px!important;
  box-sizing: border-box;
  margin: 0!important;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 0!important;
}

.row-wrapper{
	position: relative;
}
.m-auto{
	margin-left: auto;
	margin-right: auto;
	display: block!important;
}
.mb-1{margin-bottom: 1rem;}
.mb-2{margin-bottom: 2rem;}

.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
/* ========================= */
a img:hover{
	opacity: .8;
}

h2{
	background: none;
	padding: 1.5rem 0 0 0;
	color: #7b6957;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
h6{
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.sf-top h2 img {
	max-width: 100%;
	width: 100%;
	position: relative;
	z-index: 10;
}
.sf-top h2 img{
	width: 85%;
}

.font-size-16{
	font-size: 1.6rem!important;
}
.text-blk{color: #000000;}
.text-white{color: #ffffff!important;}
.text-yellow { color:#f7d20e; }
.text-blue { color:#17bde8; }
.text-green { color:#1daa39; }
.text-pink { color:#d31996; }
.text-orange { color:#ec6b00; }
.text-purple { color:#7e318d; }

.bg-wht{
	background-color: rgba(255, 255, 255, 1);
}
.bg-blu{
	background-color: rgba(223, 238, 245, 1);
}
.bg-color-none{
	background-color: rgba(223, 238, 245, 0)!important;
}

a.btn-gradient {
  color: #fff;
	display: block;
	width: 50%;
	margin: 2rem auto;
	padding: 1rem 4rem;
  border: 2px solid #fff;
  border-radius: 50px;
  background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
  background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
  background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	transition: 0.3s;
}

a.btn-gradient:hover {
  -webkit-transform: translate(0, -2px);
  transform: translate(0, -2px);
  color: #fff;
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
  box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
	text-decoration: none;
}
a.btn-gradient-talk,
a.btn-gradient-bus,
a.btn-gradient-yuge,
a.btn-gradient-omachi,
a.btn-gradient-sp,
a.btn-gradient-kids,
a.btn-gradient-hair,
a.btn-gradient-funkys {
	 color: #fff;
 	display: block;
 	width: 50%;
 	margin: 2rem auto;
 	padding: 1rem 4rem;
  border: 2px solid #fff;
	border-radius: 50px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	transition: 0.3s;
 }
 a.btn-gradient-talk {
	/* color: #fff;
	  display: block;
	  width: 50%;
	  margin: 2rem auto;
	  padding: 1rem 4rem;
	border: 2px solid #fff;
	border-radius: 50px; */
	background-image: -webkit-gradient(linear, left top, right top, from(#fb5bc1), to(#23B8BC));
	background-image: -webkit-linear-gradient(left, #fb5bc1 0%, #23B8BC 100%);
	background-image: linear-gradient(to right, #fb5bc1 0%, #23B8BC 100%);
	/* -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	  transition: 0.3s; */
  }


a.btn-gradient-bus {
  /* color: #fff;
	display: block;
	width: 50%;
	margin: 2rem auto;
	padding: 1rem 4rem;
  border: 2px solid #fff;
  border-radius: 50px; */
  background-image: -webkit-gradient(linear, left top, right top, from(#14b8a5), to(#ffcb37));
  background-image: -webkit-linear-gradient(left, #14b8a5 0%, #ffcb37 100%);
  background-image: linear-gradient(to right, #14b8a5 0%, #ffcb37 100%);
  /* -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	transition: 0.3s; */
}
a.btn-gradient-yuge {
  /* color: #fff;
	display: block;
	width: 50%;
	margin: 2rem auto;
	padding: 1rem 4rem;
  border: 2px solid #fff;
  border-radius: 50px; */
	background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
    background-image: -webkit-linear-gradient(left, #fa709a 0%, #f1e5aa 100%);
    background-image: linear-gradient(to right, #fa709a 0%, #f1e5aa 100%);
  /* -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	transition: 0.3s; */
}
a.btn-gradient-omachi {
  /* color: #fff;
	display: block;
	width: 50%;
	margin: 2rem auto;
	padding: 1rem 4rem;
  border: 2px solid #fff;
  border-radius: 50px; */
	background-image: -webkit-gradient(linear, left top, right top, from(#ffe037), to(#e4007f));
    background-image: -webkit-linear-gradient(left, #ffe037 0%, #e4007f 100%);
    background-image: linear-gradient(to right, #ffe037 0%, #e4007f 100%);
  /* -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	transition: 0.3s; */
}
a.btn-gradient-sp {
 /* color: #fff;
	 display: block;
	 width: 50%;
	 margin: 2rem auto;
	 padding: 1rem 4rem;
 border: 2px solid #fff;
 border-radius: 50px; */
 background-image: -webkit-gradient(linear, left top, right top, from(#f57f1e), to(#ee519c));
 background-image: -webkit-linear-gradient(left, #f57f1e 0%, #ee519c 100%);
 background-image: linear-gradient(to right, #f57f1e 0%, #ee519c 100%);
 /* -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
 box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	 transition: 0.3s; */
 }
a.btn-gradient-kids {
  /* color: #fff;
	display: block;
	width: 50%;
	margin: 2rem auto;
	padding: 1rem 4rem;
  border: 2px solid #fff;
  border-radius: 50px; */
	background-image: -webkit-gradient(linear, left top, right top, from(#e9dd06), to(#ef5353));
    background-image: -webkit-linear-gradient(left, #e9dd06 0%, #ef5353 100%);
    background-image: linear-gradient(to right, #e9dd06 0%, #ef5353 100%);
  /* -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	transition: 0.3s; */
}
a.btn-gradient-hair {
  /* color: #fff;
	display: block;
	width: 50%;
	margin: 2rem auto;
	padding: 1rem 4rem;
  border: 2px solid #fff;
  border-radius: 50px; */
	background-image: -webkit-gradient(linear, left top, right top, from(#53c2ef), to(#18ef43));
    background-image: -webkit-linear-gradient(left, #53c2ef 0%, #18ef43 100%);
    background-image: linear-gradient(to right, #53c2ef 0%, #18ef43 100%);
  /* -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	transition: 0.3s; */
}
a.btn-gradient-funkys {
  /* color: #fff;
	display: block;
	width: 50%;
	margin: 2rem auto;
	padding: 1rem 4rem;
  border: 2px solid #fff;
  border-radius: 50px; */
  /* background-image: -webkit-gradient(linear, left top, right top, from(#14b8a5), to(#ffcb37)); */
  /* background-image: -webkit-linear-gradient(left, #14b8a5 0%, #ffcb37 100%); */
  background-image: linear-gradient(to right, #7f35b3 0%, #FFEB3B 100%);
  /* -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	transition: 0.3s; */
}
a.btn-gradient-talk:hover,
a.btn-gradient-bus:hover,
a.btn-gradient-yuge:hover,
a.btn-gradient-kids:hover,
a.btn-gradient-hair:hover,
a.btn-gradient-omachi:hover,
a.btn-gradient-sp:hover,
a.btn-gradient-funkys:hover, {
  -webkit-transform: translate(0, -2px);
  transform: translate(0, -2px);
  color: #fff;
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
  box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
	text-decoration: none;
}


.btn-flat,
a.btn-flat,
button.btn-flat {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-flat {
  overflow: hidden;
  padding: .8rem 3rem .5rem;
  color: #fff;
	border: 1px solid #00b7ee;
  border-radius: 0;
  background: #ffffff;
	width: 100%;
	display: inline-block;
  box-sizing: border-box;
}
a.btn-flat img{
	width: 60px;
}
a.btn-flat span {
  position: relative;
}

a.btn-flat:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 140%;
  height: 500%;
  content: "";
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-98%) translateY(-25%) rotate(45deg);
  background: #00b7ee;
}

a.btn-flat:hover:before {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}
@media only screen and (min-width:768px) {
	a.btn-flat:before {
	  width: 150%;
	}
	.mb-md-0{margin-bottom: 0rem;}
	.mb-md-1{margin-bottom: 1rem;}
	.mb-md-2{margin-bottom: 2rem;}
}

/* ==Navigation================= */
.Navigation {
	background-color: #f9e9c7;
}
.Navigation02 {
	background-color: #fffa42;
}
.Navigation ul, .Navigation02 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: auto;
	text-align: center;
	list-style: none;
}
.Navigation ul li a, .Navigation02 ul li a{
	display: inline-block;
	max-width: 155px;
	height: 80px;
	/* padding: 2rem 1rem ; */
	color: #ffffff;
	font-weight: bold;
	transition: 0.3s;
}
.Navigation ul li a img, .Navigation02 ul li a img{
	max-width: 127px;
	padding: .4em;
}
.Navigation ul li a:hover, .Navigation02 ul li a:hover{
	text-decoration: none;
	background-color: #e47d25;
}
.Navigation ul li:nth-child(1) a.current, .Navigation02 ul li:nth-child(1) a.current{
	background-color: #e47d25;
}

.Navigation ul li:nth-child(1), .Navigation02 ul li:nth-child(1) {
	background-color: #fb5bc1;
}
.Navigation ul li:nth-child(2), .Navigation02 ul li:nth-child(2) {
	background-color: #1daa39;
}
.Navigation ul li:nth-child(3), .Navigation02 ul li:nth-child(3) {
	background-color: #ff7a7b;
}
.Navigation ul li:nth-child(4), .Navigation02 ul li:nth-child(4) {
	background-color: #faed00;
}
.Navigation ul li:nth-child(5), .Navigation02 ul li:nth-child(5) {
	background-color: #9f81e1;
}
.Navigation ul li:nth-child(6), .Navigation02 ul li:nth-child(6) {
	background-color: #54c2f0;
}
.Navigation ul li:nth-child(7), .Navigation02 ul li:nth-child(7) {
	background-color: #ffb745;
}


.BackNumber{
	margin-left: -15px;
	margin-right: -15px;
	display: inline-block;
	width: 100%;
	/* margin-bottom: 1rem; */
}
.BackNumber dt{
	padding: 15px ;
	text-align: left;
	font-weight: bold;
	background-color: #c1d9e5;
}
.BackNumber dd{
	background-color: #ffffff;
	padding-bottom: 1rem;
}
.corner-list ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;
}
.corner-list ul li{
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}
.corner-list ul li a{
	text-align: left;
	display: inline-block;
	width: 100%;
	padding: .5rem;
	color: #333333;
	transition: 0.3s;
}
.corner-list ul li a:hover{
	text-decoration: none;
	font-weight: bold;
	background-color: #bad6e3;
}

@media only screen and (min-width:768px) {
	.BackNumber{
		display: inline-block;
		width: 100%;
		border-bottom: 2px dotted #ffffff;

	}
	.BackNumber dt{
		/* padding: 2rem 1rem ; */
		padding: 1rem ;
		text-align: left;
		font-weight: bold;
		background-color: transparent;
	}
	.BackNumber dd{
		background-color: transparent;
		padding-bottom: 0;
	}
	.corner-list ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
		margin: 0;
		padding: 0;
		width: auto;
		text-align: center;
		list-style: none;
	}
	.corner-list ul li{
		width: auto;
		box-sizing: border-box;
	}
	.corner-list ul li a{
		text-align: left;
		display: inline-block;
		box-sizing: border-box;
		/* padding: 2rem 1rem ; */
		padding: 1rem ;
		color: #333333;
		transition: 0.3s;
	}
	.corner-list ul li a:hover{
		text-decoration: none;
		font-weight: bold;
		background-color: #bad6e3;
	}
}

/* ==title================= */
.head-title {
	text-align: center;
	display: block;
	margin-bottom: 1rem;
	color: #333333;
	font-weight: 700;
	padding: 0;
}
.head-title h6 {
	font-size: 18px;
	color: #000000;
	margin-top: 0;
	margin-bottom: 0.5rem;
}

.program-text {
	padding: 2rem 1rem;
	/* background:url(../img/main_bg.jpg) repeat center center; */
	background-size: cover;
}
.program-text02 {
	padding: 2rem 1rem;
	background:url(../img/main_bg02.jpg) repeat center center;
	background-size: cover;
}
.program-text h2, .program-text02 h2{
	font-size: 18px;
}
.program-text .lead, .program-text02 .lead {
	font-size: 14px;
}
.program-archive {
	padding: 2rem 1rem;

}
.cast,.thumbnail,.thumbnail02,.sponsored {
	display: inline-block;
	width: 100%;
	clear: both;
}

.sec-inner{
	display: inline-block;
  width: 100%;
	box-sizing: border-box;
	padding: 1rem;
	background-color: #f5f5f5;
	margin-bottom: 2rem;
}

.cast h4, .kids h4, .shop h4{
	/* text-align: left; */
	padding: padding: 1rem 2rem;
	font-weight: 700;
}
.cast h4{
	text-align: left;
}
.shop h4{
	text-align: center;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	/* margin-top: 20px; */
}
.kids-name {
	background: #eddf07;
	padding-top: 10px;
	padding-bottom: 10px;
}
.grad-bg, .grad-bg02, .grad-bg03, .grad-bg04, .grad-bg05, .grad-bg06, .grad-bg07, .grad-bg08{
	  color: #fff!important;
		display: inline-block;
		width: 100%;
		/* margin: auto; */
		text-align: left;
		padding: 1rem 2rem;
	  border: 2px solid #fff;
	  /* background-image: -webkit-gradient(linear, left top, right top, from(#53c2ef), to(#18ef43)); */
	  /* background-image: -webkit-linear-gradient(left, #53c2ef 0%, #18ef43 100%); */
	  /* background-image: linear-gradient(to right, #53c2ef 0%, #18ef43 100%); */
		box-sizing: border-box;
}
/* ヘア・ファッション */
.grad-bg{
	  background-image: -webkit-gradient(linear, left top, right top, from(#53c2ef), to(#18ef43));
	  background-image: -webkit-linear-gradient(left, #53c2ef 0%, #18ef43 100%);
	  background-image: linear-gradient(to right, #53c2ef 0%, #18ef43 100%);
}
/* ファンkids */
.grad-bg02 {
	  /* background-image: linear-gradient(to right, #ef5353 0%, #d818ef 100%); */
		background-image: linear-gradient(to right, #e9dd06 0%, #ef5353 100%);
}
/* 湯気に恋して */
.grad-bg03 {
	  background-image: linear-gradient(to right, #ff6b8a 0%, #f1e5aa 100%);
}
/* いわバス */
.grad-bg04 {
	  background-image: linear-gradient(to right, #14b8a5 0%, #ffcb37 100%);
}
/*	ホンキートーク */
.grad-bg05 {
	background-image: linear-gradient(to right, #fb5bc1 0%, #23B8BC 100%);
}
/*	ヘイ！お待ち！！ */
.grad-bg06 {
	  /* background-image: linear-gradient(to right, #ef5353 0%, #d818ef 100%); */
		background-image: linear-gradient(to right, #ffe037 0%, #e4007f 100%);
}
/*	スペシャル */
.grad-bg07 {
	background-image: linear-gradient(to right, #f57f1e 0%, #ee519c 100%);
}
/*	本宮ファンキーズ */
.grad-bg08 {
	background-image: linear-gradient(to right, #7f35b3 0%, #FFEB3B 100%);
}

@media only screen and (min-width:768px) {
	.head-title {
		margin-bottom: 2rem;
		color: #333333;
	}
	.program-text, .program-text02,.program-archive{
		padding: 4rem 0;
	}
	.program-text h2, .program-text02 h2{
		font-size: 24px;
	}
	.program-text .lead, .program-text02 .lead {
		font-size: 16px;
	}
	.head-title h6 {
		font-size: 21px;
		color: #000000;
		margin-bottom: 1rem;
	}
}
/* ==separate================= */
.sat_fun_lead {
	position: relative;
	z-index: 0;
	margin-top: -2.5rem;
}
.lead{
	line-height: 1.8;
}
.yt-thumbnail,.thumbnail {
	margin-bottom: 2rem;
}
.thumbnail02 {
	margin-bottom: 0;
}
.thumbnail,.thumbnail02 {
	display: inline-block;
  width: 100%;
	box-sizing: border-box;
	padding: 1rem;
	background-color: #f5f5f5;
}

.head-title .oa_data,
.head-title h2{
	position: relative;
	z-index: 10;
}
.oa_data {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -1px;
	font-family: vdl-logojrblack, sans-serif;
	font-weight: 900;
	font-style: normal;
	line-height: 1.3;
	display: inline-block;
	width: 100%;
}
.new-mark {
	display: inline-block;
  background-color: #d31895;
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
  padding: 0.6rem;
  position: absolute;
  left: 0;
  top: 0;
}
.catch {
	font-size:120%;
	color:#333333;
	font-weight:bold;
}
.shinko{
	position: relative;
	background-color: #ffffff;
	border: 3px solid #17bde8;
  /* padding: 2rem; */
	padding: 2rem 1rem;
  margin: 0 auto;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}
.performer {
	display: inline-block;
	background-color: #17bde8;
	color: #ffffff;
	font-size: 16px;
	font-weight: 800;
	padding: 0.2rem 0.6rem;
	position: absolute;
	left: 0;
	top: 0;
}
.week-thema {
	margin-bottom: 2rem;
}
#second_contents.onecolumn-contents p.lead{
	font-size: 24px;
	color: #5B4638;
	font-weight: bold;
	padding: 2rem;
}


#second_contents {
	padding:1rem 1rem 1.5rem;
	background-color: transparent;
	border: 0!important;
	box-shadow: 0px 0px 0px #ffffff!important;
  -moz-box-shadow: 0px 0px 0px #ffffff!important;
  -webkit-box-shadow: 0px 0px 0px #ffffff!important;
}
#second_contents p {
	line-height: 1.8;
}



.col-12,
.col-8,
.col-6,
.col-4{
	width: 100%;
	float: none;
	display: inline-block;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}
img.mc3 {
	user-drag: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
}
@media print {
    img.mc3 {
        display: none;
        opacity: 0;
        background: #fff;
    }
}

@media only screen and (min-width:768px) {
	[class*="col-"] img{
		width: 100%;
	}
	[class*="col-"] img.mc3{
		width: 60%;
	}
}
@media only screen and (max-width:767px) {
	[class*="col-"] img{
		width: 100%;
	}
	.mb-xs-1{
		margin-bottom: 1rem;
	}

}
.row {
	margin-left: -15px;
	margin-right: -15px;
}
.side-banner a,.side-tw{
	display: block;
	width: 100%;
	margin-bottom: 1rem;
}
@media only screen and (min-width:768px) {
	.col-12{
		float: left;
		flex: 0 0 auto;
		width: 100%;
		display: inline-block;
		box-sizing: border-box;
	}
	.col-8{
		float: left;
		flex: 0 0 auto;
		width: 66.66666666%;
		display: inline-block;
		box-sizing: border-box;
	}
	.col-6{
		width: 50%;
		float: left;
		display: inline-block;
		box-sizing: border-box;
	}
	.col-4{
		float: left;
		flex: 0 0 auto;
    width: 33.33333333%;
		display: inline-block;
		box-sizing: border-box;
	}
	.w-65 {
		width: 65%;
		float:  none;
		display: inline-block;
		box-sizing: border-box;
	}
	.performer {
		display: inline-block;
		background-color: #17bde8;
		color: #ffffff;
		font-size: 16px;
		font-weight: 800;
		padding: 0.6rem;
		position: absolute;
		left: 0;
		top: 0;
	}
	.sat_fun_lead {
		margin-top: -4rem;
	}
	.oa_data {
		font-size: 20px;
		font-weight: bold;
		letter-spacing: -1px;
		font-family: vdl-logojrblack, sans-serif;
		font-weight: 900;
		font-style: normal;
		line-height: 1.3;
		display: inline-block;
		width: 100%;
	}
}

.program-lead {
	margin-bottom: 4rem;
	display: block;
}
/* .week-thema a{
	display: inline-block;
	box-sizing: border-box;
	background-color: rgb(170, 170, 170);
  padding: 2rem;
  margin: 2rem auto;
	box-sizing: border-box;
	width: 100%;
} */
.week-thema {
  background: rgba(255, 255, 255, 0.61);
	width: 100%;
  margin: 0 auto 1rem ;
  padding: 5px;
  border-radius: 10px;
	background: linear-gradient(to right bottom, #ff5f6d, #ffc371);
	box-sizing: border-box;
}
.gradBox3Inner{
	position: relative;
	padding: 15px;
  border-radius: 8px;
  background-color: #FFF;
}
.week-thema-circle1{
  font-size: 16px;
  line-height: 1.7;
  position: absolute;
  margin-top: -47px;
	margin-left: -72px;
  font-weight: bold;
  color: #fff;
  background-color:#17bde8;
  border-radius: 50%;
  text-align: center;
  width: 28px;
  height: 28px;
}

.week-thema-circle1:after{
  content: "週";
  position: absolute;
  margin-top: .2em;
  font-weight: bold;
  color: #fff;
  background-color:#4caf50;
  border-radius: 50%;
  text-align: center;
  width: 28px;
  height: 28px;
}

.week-thema-circle2:before{
  content: "";
  position: absolute;
  top: 100%;
  margin-left: -15px;
  border: 5px solid transparent;
  border-top: 10px solid #4caf50;
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

.week-thema-circle2{
  position: absolute;
  font-size: 16px;
  line-height: 1.6;
  margin-top: -47px;
  margin-left: -25px;
  font-weight: bold;
  color: #fff;
  background-color:#d31996;
  border-radius: 50%;
  text-align: center;
  width: 28px;
  height: 28px;
}

.week-thema-circle2:after{
  content: "テ";
  position: absolute;
  margin-top: .2em;
  font-weight: bold;
  color: #fff;
  background-color:#ec6b00;
  border-radius: 50%;
  text-align: center;
  width: 28px;
  height: 28px;
}


.week-thema-circle3{
  position: absolute;
  font-size: 16px;
  line-height: 1.6;
  margin-top: -47px;
  margin-left: 22px;
  font-weight: bold;
  color: #fff;
  background-color:#7e318d;
  border-radius: 50%;
  text-align: center;
  width: 28px;
  height: 28px;
}

.week-thema-circle3:after{
  content: "マ";
  position: absolute;
  margin-top: .2em;
  font-weight: bold;
  color: #fff;
  background-color:#f7d20e;
  border-radius: 50%;
  text-align: center;
  width: 28px;
  height: 28px;
}

.week-thema p{
	font-weight: 600;
  margin: 0;
  padding: 0;
	font-family: vdl-logojrblack, sans-serif;
	font-weight: 500;
	text-align: center;
}
@media screen and (min-width:581px) {
	.week-thema p{
		font-size: 2rem;
	}
}
@media screen and (max-width:580px) {
	.week-thema p{
		font-size: 1.8rem;
	}
}

.week-thema-data {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px dashed #eeeeee;
	display: inline-block;
	width:100%;
}
.address {
	padding:15px 0!important;
	font-size: 16px;
	font-weight: 600;
}
.email {}
.email a{
	color: #333333;
	transition: .4s;
	text-decoration: none;
}
.email a:hover{
	color: #d31996;
	text-decoration: underline;
}
.quo {
	position: absolute;
	right: -10px;
	max-width: 80px!important;
	width: 80px!important;
	transform: rotate(15deg);
}
@media screen and (min-width:581px) {
	.quo{
		top: -15px;
	}
}
@media screen and (max-width:580px) {
	.quo{
		top: -28px;
	}
}
.banners img{
	max-width: 100%;
	width: 100%;
}
.banners{
	margin-bottom: 1rem;
	margin-left: -15px;
	margin-right: -15px;
	display: inline-block;
	box-sizing: border-box;
}
.banners .col-6{
	padding: 15px;
}
.sponsored{
	padding: 1rem 0;
}
.sponsored a.btn{
	display: inline-block;
	width: 15%;
	padding: 1rem 15px;
	/* display: inline-block;
	width: 70px;
	box-sizing: border-box;
	padding: 1rem;
	border-radius: 50%;
	background-color: #ffffff; */
}
.sponsored a.btn:hover{
	background-color: #eeeeee;
}
@media only screen and (min-width:768px) {
	#content #container, #second_contents #container{
		position: relative;
	}
	.new-mark {
	  color: #ffffff;
		padding: 1rem;
	  font-size: 20px;
	}
	h2{
		background: none;
		line-height: 40px;
		padding: 0 4rem ;
		margin-bottom: 0;
		color: #7b6957;
	}
	.sf-top h2 img {
		max-width: 100%;
		width: 82%!important;
	}
	h2 img {
	 max-width: 100%;
	 width: 65%;
 }
	#second_contents {
		padding:0;
	}
	.gradBox3Inner{
		position: relative;
		padding: 25px;
	  border-radius: 8px;
	  background-color: #FFF;
	}
	.oa_data {
		font-size: 2rem;
		line-height: 1.6;
	}
	.catch {
		font-size:150%;
	}
	.shinko{
		font-size: 18px;
	}
	.to-top{
		margin-bottom: 2rem;
	}
	/* .week-thema{
		width: 65%;
	} */
	.address {
		padding: 15px;
		font-size: 18px;
		font-weight: 600;
	}
	.address,.email,.fax {
		padding: 15px;
	}
	.quo {
		position: absolute;
		top: -20px;
		right: -10px;
		max-width: 100px!important;
		width: 100px!important;
		box-shadow: 0 5px 5px 0 rgb(0 0 0 / 50%);
	}
	.week-thema p{
		text-align: center;
	}
}
@media screen and (max-width:767px) {
	.email a{
		background-color: #d31996;
		padding: 10px 1.5rem;
		display: inline-block;
		color: #ffffff;
		text-decoration: none;
		border-radius: 50px;
		font-weight: 600;
		transition: .4s;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.email a:hover {
		background-color: #a10e70;
	}

}

@media screen and (min-width:581px) {
	.mrg-15B.ana {
		margin-bottom: 30px;
	}
	#main td a[target="_blank"] {
			/* background: url(../img/icon_external.gif) no-repeat right center; */
			/* padding-right: 18px; */
			/* color: #0762cc; */
		}
		a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	}
}
@media screen and (min-width:580px) {
	#main td a[target="_blank"] {
		color: #0762cc;
	}
}
.note {
	padding: 15px;
}

#main td a[target="_blank"] {
		background: url(../img/icon_external.gif) no-repeat right center;
		padding-right: 18px;
		/* color: #0762cc; */
	}
.red {
	color: #ff0000;
}
.s-80 {
	font-size: 80%;
}
.l-h {
	line-height: 1.5em;
}
@media only screen and (min-width:768px) {
	.shinko p.col-12.lead {
		margin-bottom: 2rem;
	}
}
.shinko div.mc-name {
	padding-left: 0;
	padding-right: 0;
}
.mc-thema {
	margin-bottom: 2rem;
}
.mc-thema {
  background: rgba(255, 255, 255, 0.61);
  margin: 0 auto 1rem ;
  padding: 5px;
  border-radius: 10px;
	background: linear-gradient(to right bottom, #ff5f6d, #ffc371);
	box-sizing: border-box;
}
@media screen and (min-width:768px) {
	.mc-thema {
		margin-top: 0.5rem;
		width: 60%;
	}
}
@media screen and (max-width:767px) {
	.mc-thema {
		margin-top: 0.5rem;
		width: 100%;
	}

}
.shinko div.mc-thema .master {
	color:#ffffff;
}
.shinko div.mc-thema .master-3 {
	position: relative;
	padding: 20px;
	border-radius: 0 0 8px 8px;
	background-color: #FFF;
}
.shinko div.mc-thema .master-name {
	display: inline-block;
	width: 100%;
}
.shinko p.col-12.justify-content-around span.col-4 {
	margin-bottom: 1rem;
}
.shinko p.col-12.justify-content-around span.col-4 img {
	width:50%;
}
.low {
	font-size: 80%;
	line-height: 1.5;
}

.btn {
	margin-top: 1rem;
	display: inline-block;
	line-height: 1.6;
	padding: 5px 40px;
	min-width: 150px;
}
.js-btn-more,.js-btn-close {
	cursor: pointer;
}

.js-btn-more {
	background-image: -webkit-gradient(linear, left top, right top, from(#53c2ef), to(#18ef43));
	background-image: -webkit-linear-gradient(left, #53c2ef 0%, #18ef43 100%);
	background-image: linear-gradient(to right, #53c2ef 0%, #18ef43 100%);

	color: #ffffff;
}
.js-btn-more:hover {
	background-image: -webkit-gradient(linear, left top, right top, from(#309cc8), to(#2fbe4c));
	background-image: -webkit-linear-gradient(left, #309cc8 0%, #2fbe4c 100%);
	background-image: linear-gradient(to right, #309cc8 0%, #2fbe4c 100%);
	color: #ffffff;
}

.js-btn-close {
	background-color: #333;
	color: #ffffff;
}

.js-btn-close:hover {
	background-color: #635e5e;
	color: #ffffff;
}
.fuchi {
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
@media screen and (min-width: 581px) {
			img.f-dial {
				width: 4%;
			}
		}
		@media screen and (max-width: 580px) {
			img.f-dial {
				width: 12%;
				vertical-align: middle;
			}
		}