@charset "utf-8";
/* CSS Document */


.pc {
	display: none;
}

/* ---------------------▼home--------------------- */

#container {
	background: url("../../image/common/img_gggback.jpg") scroll center bottom;
	background-size: cover;
	height: auto;
}

#contents {
	/* background: url("../../image/common/img_back.png") no-repeat;
	background-size: cover; */
	box-sizing: border-box;
}

#contents img.fifty_logo {
	width: 17%;
	position: absolute;
	top: 2%;
	left: 2%;
	z-index: 2;
}

#contents img.top_title {
	width: 100%;
}

#contents #information {
	width: 95%;
	margin: 0 auto;
}

#contents #information .info_slider {
	width: 80%;
	margin: 0 auto;
}

#contents #information ul.bxslider img {
	width: 100%;
}


/* メニュー　*/

/*
#contents #information ul.menu {
	display: none;
	box-sizing: border-box;
	padding: 9% 0 5%;
	border-top: 3px dashed #fff;
	border-bottom: 3px dashed #fff;

}
*/


#contents #information ul.menu img {
	width: 85%;
}

#contents #information ul.menu .left {
	text-align: left;
}
#contents #information ul.menu .left img {
	margin-left: -2%;
}

#contents #information ul.menu .right {
	text-align: right;
}
#contents #information ul.menu .right img {
	margin-right: -2%;
}

#contents #information ul.menu li {
	margin-top: -3%;
}


/* TOPICS */
#contents #information #topics {
	position: relative;
}

#contents #information #topics img.t_fream {
	width: 100%;
	box-sizing: border-box;
	padding: 10% 0;
}

#contents #information #topics img.topics_title {
	position: absolute;
	top: 16%;
	left: 5%;
	width: 30%;
}

#contents #information #topics #topics_wrap {
	position: absolute;
	top: 23%;
	left: 6%;
	width: 87%;
	height: 53%;
	overflow: auto;
	-webkit-overflow-scrolling : touch;
}

#contents #information #topics ul {
	width: 95%;
	font-size: 0;
	box-sizing: border-box;
	padding: 3% 0;
	border-bottom: 1px dotted #000;
}

#contents #information #topics ul li {
	font-size: 14px;
	color: #000;
	line-height: 150%;
	text-align: left;
	vertical-align: top;
}

#contents #information #topics ul li.data {
	width: 100%;
	margin-bottom: 1%;
}

#contents #information #topics ul li.disc {
	width: 100%;
}

/* スクロールバー */
#topics #topics_wrap::-webkit-scrollbar{
  width: 8px;
}
#topics #topics_wrap::-webkit-scrollbar-track{
  background: #000;
  border: none;
  border-radius: 12px;
  box-shadow: inset 0 0 2px #777;
}
#topics #topics_wrap::-webkit-scrollbar-thumb{
  background: #aaa;
  border-radius: 12px;
  box-shadow: none;
}


/* バナー表示　*/
#contents #banner {
	width: 100%;
	margin: 1% auto 4%;
}

#contents #banner ul li {
	display: inline-block;
	width: 45%;
	margin: 0 2% 2%;
}

#contents #banner ul li img {
	width: 100%;
}

/* ---------------------▲home--------------------- */

/*--tab--*/
.tab {
  width: 100%;
  min-width: 300px;
  margin: 3em auto 1em;
  position: relative;
}
.tab .tab-content {
  margin: 0;
}
.tab label {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.tab label {
  display: inline-block;
  width: 78px;
  padding: 3px 10px;
  cursor: pointer;
  background: #ffa800;
  color: #fff;
  font-weight:bold;
  font-size:13px;
  margin-right: -2px;
}
.tab label:hover {
  background: #ff5100;
}
.tab input:checked + label {
  background: #ff5100;
  color: white;
  font-weight:bold;
  padding: 5px 10px 3px 10px;
}
.tab input {
  display: none;
}
.tab #tab-b1,
.tab #tab-b2,
.tab #tab-b3,
.tab #tab-b4 {
  display: none;

}
.tab #tab-1:checked ~ #tab-b1,
.tab #tab-2:checked ~ #tab-b2,
.tab #tab-3:checked ~ #tab-b3,
.tab #tab-4:checked ~ #tab-b4 {
  display: block;
  border: 1px solid #9fb7d4;
}