@charset "utf-8";
#mainimage {
	height: 560px;
	background: #fff;
	margin: 0 0 3px 0;
	overflow: hidden;
	border-bottom: 5px solid #6ac0e0;
}

#mainimage .bx-wrapper {
	width: 100% !important;
	overflow: hidden;
	position: relative !important;
}

#mainimage .bx-wrapper li {
	padding: 0 0px !important;
}

#mainimage .bx-viewport {
	width: 100% !important;
	margin: 0 auto !important;
	overflow: visible !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: 0 0 0 #fff !important;
	left: 0 !important;
}

#mainimage .bx-viewport img {
	width: 100%;
	height: auto;
}

#slide1 img {
	width: 940px !important;
	display: block;
	margin: 0 auto;
}

#slide2 {
	position: relative;
	height: 560px;
}

#comment1 {
	position: absolute;
	width: 676px !important;
	display: block;
	margin: 0 auto;
	top: 35%;
	left: 50%;
	margin-left: -338px;
}

#comment2 {
	position: absolute;
	width: 540px !important;
	display: block;
	margin: 0 auto;
	bottom: 50px;
	left: 50%;
	margin-left: -270px;
}

#mainimage_bottom {
	color: #fff;
	background: #74d6da;
	line-height: 67px;
	text-align: center;
	font-size: 36px;
	font-weight: normal;
}

.scroll {
	padding: 10px 0 25px;
	text-align: center;
}
#news{
	margin:0 auto 60px;
}
#news h2{
	font-size:24px;
	color:#0c56f7;
	text-align:center;
	margin:0 auto 30px;
}
#news article{
	max-width:960px;
	padding:20px;
	border-radius:5px;
	box-sizing:border-box;
	margin:0 auto;
	overflow:auto;
	max-height:350px;
	border:1px solid #ccc;
}
#news article dl{
	margin:0 auto 30px;
	display:flex;
	gap:20px;
}
#news article dt{
	width:120px;
	flex:none;
	font-weight:bold;
}
section {
	line-height: 1.8em;
}

#top1 article {
	width: 960px;
	margin: 0 auto 70px;
}

#top1 dl {
	width: 300px;
	float: left;
	margin: 0 10px;
	box-sizing: border-box;
	padding: 20px;
	border-radius: 3px;
}

#top1 dt {
	height: 56px;
	margin: 0 0 18px 0;
}

#top1 ul {
	padding: 0 0 0 30px;
}

#top1-1 {
	border: 1px solid #ff7d1c;
}

#top1-2 {
	border: 1px solid #ffb412;
}

#top1-3 {
	border: 1px solid #ffc821;
}

#more1 {
	clear: both;
	padding: 20px 0 0;
	text-align: center;
}

#more1 img {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

#top2 {
	margin: 0 0 70px 0;
}

#top2 article {
	width: 960px;
	margin: 0 auto;
}

#top2 h2 {
	color: #29cfd6;
	font-size: 28px;
	text-align: center;
	margin: 0 0 30px 0;
	font-weight: normal;
}

#top2 dl {
	width: 220px;
	margin: 0 10px;
	float: left;
}

.type_comment {
	padding: 10px 10px;
}

#top3 {
	padding: 50px 0 20px 0;
	background: url('../images/index/bg_maker.jpg') no-repeat;
	background-size: cover;
	margin: 0 0 30px 0;
}

#top3 h2 {
	color: #29cfd6;
	font-size: 24px;
	text-align: center;
	margin: 0 0 30px 0;
	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
}

#top3 article {
	width: 960px;
	margin: 0 auto;
}

#top3 article ul {
	list-style: none;
}

#top3 #maker li {
	width: 110px;
	height: 110px;
	border-radius: 55px;
	border: 5px solid #ededed;
	box-shadow:0 0 10px rgba(0,0,0,0.4);
	color: #fff;
font-weight:bold;
	text-align: center;
	margin: 0 20px 40px 20px;
	float: left;
    display: flex;          
    justify-content: center;
    align-items: center;
font-size:17px;
}
.color1{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.color2{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#84d0ff+0,0c56f7+100 */
background: #84d0ff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #84d0ff 0%, #0c56f7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #84d0ff 0%,#0c56f7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #84d0ff 0%,#0c56f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84d0ff', endColorstr='#0c56f7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.color3{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1e767+0,feb645+100;Yellow+3D */
background: #f1e767; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f1e767 0%, #feb645 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f1e767 0%,#feb645 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f1e767 0%,#feb645 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.color4{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4ddb4+0,83c783+0,83c783+0,52b152+5,008a00+45,005700+77,002400+100 */
background: #b4ddb4; /* Old browsers */
background: -moz-linear-gradient(-45deg, #b4ddb4 0%, #83c783 0%, #83c783 0%, #52b152 5%, #008a00 45%, #005700 77%, #002400 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #b4ddb4 0%,#83c783 0%,#83c783 0%,#52b152 5%,#008a00 45%,#005700 77%,#002400 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #b4ddb4 0%,#83c783 0%,#83c783 0%,#52b152 5%,#008a00 45%,#005700 77%,#002400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.color5{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100 */
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(-45deg, #45484d 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#more2 {
	text-align: center;
}

#more2 img {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

#shindanki{
	list-style: none;
	margin: 0 0 40px 0;
	padding: 0;
	display:flex;
	flex-wrap:wrap;
}

#shindanki li{
	width: 172px;
	height: auto;
	margin: 0 10px 20px;
	border: none;
	border-radius: 0;
	line-height: 1.6;
	background: none;
	text-align: left;
	font-size: 93%;
	color: #333;
	text-align: center;
}
#shindanki li:nth-child(6),
#shindanki li:nth-child(7),
#shindanki li:nth-child(8),
#shindanki li:nth-child(9){
margin:0 34px 20px !important;
}

#shindanki li img{
	width: 100%;
	height: auto;
}
#shindanki li img{
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);
}