@charset "UTF-8";
#taikenevent {
	color: #353535;
	line-height: 160%;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}
#taikenevent img {
	display: block;
	margin: auto;
	max-width: 100%;
}
#taikenevent .mainvisualarea {
	background-image: url(https://gk-zemi.jp/events/img/main_bg.jpg);
	background-repeat: repeat-x;
}
#taikenevent .mainvisualarea div {
	padding-top: 90px;
	max-width: 1200px;
	margin: auto;
	width: 100%;
	position: relative;
	height: 425px;
	box-sizing: border-box;
}
#taikenevent .mainvisualarea h1 {
	margin-bottom: 140px;
	position: relative;
	z-index: 20;
}
.mainvisual_img1, .mainvisual_img2, .mainvisual_img3, .mainvisual_img4, .mainvisual_img5 {
	z-index: 10;
	position: absolute;
}
.mainvisual_img1 {
	top: -50px;
	left: 40px;
}
.mainvisual_img2 {
	top: 160px;
	left: 160px;
}
.mainvisual_img3 {
	top: 330px;
	left: 40px;
}
.mainvisual_img4 {
	top: 0;
	right: -50px;
}
.mainvisual_img5 {
	top: 340px;
	right: 90px;
}
#taikenevent .box1 {
	padding-top: 40px;
	padding-bottom: 60px;
}
#taikenevent .box1 h2 {
	margin-bottom: 20px;
	position: relative;
	z-index: 20;
}
#taikenevent .box2 {
	background-color: #faefbc;
	padding: 50px 30px;
	padding-bottom: 60px;
}
#taikenevent .box2 ul {
	width: 1141px;
	margin: auto;
	padding-top: 30px;
}
#taikenevent .box2 ul li {
	width: 355px;
	float: left;
	margin-right: 38px;
	overflow: hidden;
	margin-top: 24px;
}
#taikenevent .box2 li:nth-child(3n) {
	margin-right: 0;
}
#taikenevent .box2 li > div {
	background-color: #fff;
	border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	overflow: hidden;
}
#taikenevent .box2 h5 {
	background-color: #d4e682;
	width: 100%;
	font-size: 1.8rem;
	font-weight: bold;
	display: block;
	position: relative;
	text-align: left;
	line-height: 160%;
	padding: 10px 16px;
	box-sizing: border-box;
}
#taikenevent .box2 h5 span {
	padding: 0 20px;
	text-align: center;
	color: #fff;
	background-color: #57b865;
	display: inline-block;
	position: absolute;
	right: 16px;
	top: -50%;
	bottom: -50%;
	margin: auto 0;
	font-size: 1.6rem;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#taikenevent .box2 h4 {
	color: #353535;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: left;
	line-height: 180%;
	padding: 10px 16px;
	box-sizing: border-box;
}
#taikenevent .box2 li > div div {
	padding: 12px;
	padding-bottom: 20px;
}
#taikenevent .box2 table {
	width: 100%;
}
#taikenevent .box2 table, #taikenevent .box2 tr, #taikenevent .box2 td, #taikenevent .box2 th {
	line-height: 160%;
	border: none;
	font-size: 1.6rem;
}
#taikenevent .box2 tr {
	border-bottom: solid 1px #353535;
}
#taikenevent .box2 td {
	padding: 6px;
	text-align: left;
	vertical-align: top;
	box-sizing: border-box;
	padding-left: 40px;
}
#taikenevent .box2 td span {
	font-size: 1.2rem;
	display: block;
	line-height: 130%;
}
#taikenevent .box2 th {
	width: 90px;
	box-sizing: border-box;
	padding: 6px;
	vertical-align: top;
	text-align: center;
}
#taikenevent .box2 tr:last-child {
	border: none;
}
#taikenevent .box2 li a {
	background-color: #57b865;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border:solid 2px #57b865;
	display: block;
	width: 170px;
	text-align: center;
	line-height: 100%;
	font-size: 1.6rem;
	color: #fff;
	padding: 6px;
	box-sizing: border-box;
	margin: auto;
	margin-top: 10px;
}
/*******************************************************************************
 * ページのカテゴリー追加時のCSSひな形
 * class_name の部分を適切な名前に指定して下さい。
 * 濃い色と薄い色を２色選定して、指定場所に記述してください。
 * 文末が*で終了している部分はコピペ後にコメントアウト、或いはスラッシュを追記してコメントインしてください。
 *******************************************************************************
#taikenevent .box2 .class_name h5 {
	/* 一覧ページ＞見出し部分 *
	background-color: #薄い色;
}
#taikenevent .box2 .class_name h5 span, #taikenevent .box2 .class_name a {
	/* 一覧ページ＞初級中級ラベル *
	background-color: #濃い色;
}
#taikenevent .box2 .class_name a{
	/* 一覧ページ＞詳細はこちらの枠線 *
	border:solid 2px #濃い色;
}
 #taikenevent .box2 .class_name a:hover {
 	/* 一覧ページ＞マウスオーバー時・詳細はこちら *
	border:solid 2px #濃い色;	/* 枠線 *
	color:#濃い色;				/* 文字色 *
	background-color:#fff;
}
#taikenevent.class_name .evdetailleft h5 {
	/* 詳細ページ＞トップ見出しの文字色 *
	color: #濃い色;
}
#taikenevent.class_name .evdetailleft .detailtitle span {
	/* 詳細ページ＞トップ見出しの初級中級ラベル *
	background-color: #濃い色;
}
#taikenevent.class_name .evdetailleft h3 {
	/* 詳細ページ＞本文の見出しの背景色 *
	background-color: #薄い色;
}
#taikenevent.class_name .evdetailleft h4 {
	/* 詳細ページ＞本文の小見出しの下線 *
	border-bottom: solid 3px #薄い色;
}
 *******************************************************************************
 */
/**
 * プログラミング
 * class名 programming
 * 濃い色 #4565dd
 * 薄い色 #b2e2f8
 */
#taikenevent .box2 .programming h5 {
	/* 一覧ページ＞見出し部分 */
	background-color: #b2e2f8;
}
#taikenevent .box2 .programming h5 span, #taikenevent .box2 .programming a {
	/* 一覧ページ＞初級中級ラベル */
	background-color: #4565dd;
}
#taikenevent .box2 .programming a{
	/* 一覧ページ＞詳細はこちらの枠線 */
	border:solid 2px #4565dd;
}
 #taikenevent .box2 .programming a:hover {
 	/* 一覧ページ＞マウスオーバー時・詳細はこちら */
	border:solid 2px #4565dd;	/* 枠線 */
	color:#4565dd;				/* 文字色 */
	background-color:#fff;
}
#taikenevent.programming .evdetailleft h5 {
	/* 詳細ページ＞トップ見出しの文字色 */
	color: #4565dd;
}
#taikenevent.programming .evdetailleft .detailtitle span {
	/* 詳細ページ＞トップ見出しの初級中級ラベル */
	background-color: #4565dd;
}
#taikenevent.programming .evdetailleft h3 {
	/* 詳細ページ＞本文の見出しの背景色 */
	background-color: #b2e2f8;
}
#taikenevent.programming .evdetailleft h4 {
	/* 詳細ページ＞本文の小見出しの下線 */
	/*background-color: #b2e2f8;*/
	border-bottom: solid 3px #b2e2f8;
}
/**
 * 将棋
 * class名 shogi
 * 濃い色   #ff9227
 * 薄い色   #f9cb7f
 */
#taikenevent .box2 .shogi h5 {
	/* 一覧ページ＞見出し部分 */
	background-color: #f9cb7f;
}
#taikenevent .box2 .shogi h5 span, #taikenevent .box2 .shogi a {
	/* 一覧ページ＞初級中級ラベル */
	background-color: #ff9227;
}
#taikenevent .box2 .shogi a{
	/* 一覧ページ＞詳細はこちらの枠線 */
	border:solid 2px #ff9227;
}
 #taikenevent .box2 .shogi a:hover {
 	/* 一覧ページ＞マウスオーバー時・詳細はこちら */
	border:solid 2px #ff9227;	/* 枠線 */
	color:#ff9227;				/* 文字色 */
	background-color:#fff;
}
#taikenevent.shogi .evdetailleft h5 {
	/* 詳細ページ＞トップ見出しの文字色 */
	color: #ff9227;
}
#taikenevent.shogi .evdetailleft .detailtitle span {
	/* 詳細ページ＞トップ見出しの初級中級ラベル */
	background-color: #ff9227;
}
#taikenevent.shogi .evdetailleft h3 {
	/* 詳細ページ＞本文の見出しの背景色 */
	background-color: #f9cb7f;
}
#taikenevent.shogi .evdetailleft h4 {
	/* 詳細ページ＞本文の小見出しの下線 */
	border-bottom: solid 3px #f9cb7f;
}
/**
 * グローバル教育
 * class名 global
 * 濃い色   pink
 * 薄い色   #FF69B4
 */
#taikenevent .box2 .global h5 {
	/* 一覧ページ＞見出し部分 */
	background-color: pink;
}
#taikenevent .box2 .global h5 span, #taikenevent .box2 .global a {
	/* 一覧ページ＞初級中級ラベル */
	background-color: #FF69B4;
}
#taikenevent .box2 .global a{
	/* 一覧ページ＞詳細はこちらの枠線 */
	border:solid 2px #FF69B4;
}
 #taikenevent .box2 .global a:hover {
 	/* 一覧ページ＞マウスオーバー時・詳細はこちら */
	border:solid 2px #FF69B4;	/* 枠線 */
	color:#FF69B4;				/* 文字色 */
	background-color:#fff;
}
#taikenevent.global .evdetailleft h5 {
	/* 詳細ページ＞トップ見出しの文字色 */
	color: #FF69B4;
}
#taikenevent.global .evdetailleft .detailtitle span {
	/* 詳細ページ＞トップ見出しの初級中級ラベル */
	background-color: #FF69B4;
}
#taikenevent.global .evdetailleft h3 {
	/* 詳細ページ＞本文の見出しの背景色 */
	background-color: pink;
}
#taikenevent.global .evdetailleft h4 {
	/* 詳細ページ＞本文の小見出しの下線 */
	border-bottom: solid 3px pink;
}
/**
 * 農体験
 * class名 agriculture
 * 濃い色   #57b865
 * 薄い色   #d4e682
 */
#taikenevent .box2 .agriculture h5 {
	/* 一覧ページ＞見出し部分 */
	background-color: #d4e682;
}
#taikenevent .box2 .agriculture h5 span, #taikenevent .box2 .agriculture a {
	/* 一覧ページ＞初級中級ラベル */
	background-color: #57b865;
}
#taikenevent .box2 .agriculture a{
	/* 一覧ページ＞詳細はこちらの枠線 */
	border:solid 2px #57b865;
}
#taikenevent .box2 .agriculture a:hover {
 	/* 一覧ページ＞マウスオーバー時・詳細はこちら */
	border:solid 2px #57b865;	/* 枠線 */
	color:#57b865;				/* 文字色 */
	background-color:#fff;
}
#taikenevent.agriculture .evdetailleft h5 {
	/* 詳細ページ＞トップ見出しの文字色 */
	color: #57b865;
}
#taikenevent.agriculture .evdetailleft .detailtitle span {
	/* 詳細ページ＞トップ見出しの初級中級ラベル */
	background-color: #57b865;
}
#taikenevent.agriculture .evdetailleft h3 {
	/* 詳細ページ＞本文の見出しの背景色 */
	background-color: #d4e682;
}
#taikenevent.agriculture .evdetailleft h4 {
	/* 詳細ページ＞本文の小見出しの下線 */
	border-bottom: solid 3px #d4e682;
}
/*******************************************************************************/
#taikenevent .box2 li a:hover{
}
#taikenevent .box3 {
	padding: 50px 30px;
	padding-bottom: 40px;
}
#taikenevent .box3 h3 {
	display: block;
	margin-bottom: 30px;
}
#taikenevent .box3 h3 img {
	max-width: 30%;
}
#taikenevent .box3 p {
	max-width: 880px;
	box-sizing: border-box;
	margin: auto;
	width: 100%;
	font-size: 1.4rem;
	line-height: 160%;
	text-align: left;
}
#taikenevent .comment {
	font-size: 1.2rem;
	display: block;
	line-height: 140%;
}
#taikenevent .box3 p.comment {
	margin-top: 10px;
	font-size: 1.2rem
}
#taikenevent .box3 h4 {
	max-width: 880px;
	margin: auto;
	text-align: left;
	padding-bottom: 10px;
	display: block;
	border-bottom: solid 3px #d4e682;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 10px;
}
#taikenevent .box3 p + h4 {
	margin-top: 20px;
	text-align: left;
}
#taikenevent .evtop {
	background-image: url(https://gk-zemi.jp/events/img/main_bg.jpg);
	padding-top: 36px;
	height: 126px;
	box-sizing: border-box;
	background-repeat-y: no-repeat
}
#taikenevent .evtop div {
	position: relative;
	width: 630px;
	margin: auto;
}
#taikenevent .evtop div > img, #taikenevent .evtop div a {
	display: inline-block;
}
#taikenevent .evtop div a {
	margin-left: 20px;
}
#taikenevent .evtop div a:hover{
	opacity:0.5;
}
#taikenevent .evdetail > ul {
	max-width: 1100px;
	margin: auto;
	padding-top: 20px;
	margin-bottom: 30px;
}
#taikenevent .evdetailleft {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: solid 1px #959595;
	padding: 20px 30px;
	padding-bottom: 50px;
	text-align: left;
	font-size: 1.4rem;
	line-height: 160%;
	box-sizing: border-box;
	width: 770px;
	float: left;
}
#taikenevent .evdetailleft h5 {
	text-align: left;
	display: inline-block;
	margin-right: 20px;
	font-size: 1.8rem;
	color: #57b865;
}
#taikenevent .evdetailleft .detailtitle {
	text-align: left;
	margin-bottom: 10px;
}
#taikenevent .evdetailleft .detailtitle span {
	padding: 0 20px;
	text-align: center;
	color: #fff;
	background-color: #57b865;
	display: inline-block;
	margin: auto 0;
	font-size: 1.6rem;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#taikenevent.agriculture .evdetailleft h5 {
	color: #57b865;
}
#taikenevent.agriculture .evdetailleft .detailtitle span {
	background-color: #57b865;
}
#taikenevent .evdetailleft h1 {
	text-align: left;
	background-image: url(https://gk-zemi.jp/events/img/evdetailtitlebar.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-repeat-y: no-repeat;
	background-repeat-x: repeat;
	padding-bottom: 20px;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 160%;
	margin-bottom: 20px;
}
#taikenevent .evdetailleft .imagearea ul {
	padding-top: 15px;
	padding-bottom: 30px;
	width : 100%;
	width : -webkit-calc(100% + 14px);
	width : calc(100% + 14px);
}
#taikenevent .evdetailleft .imagearea li {
	float: left;
	width: 33.33%;
	padding: 0 7px;
	box-sizing: border-box;
	cursor: pointer;
}
/****** gevent=06 hackathon 書籍サムネイル表示用 ************/
#taikenevent .evdetailleft #hackathon_imagearea li {
	float: left;
	width: 25.0%;
	padding: 0 7px;
	box-sizing: border-box;
	cursor: pointer;
}
/**************************************************************/
#taikenevent .evdetailleft .imagearea li:hover {
	opacity:0.5;
}
#taikenevent .evdetailleft .imagearea li img {
	width: 100%;
}
#taikenevent .evdetailleft .imagearea li:first-child {
	margin-left: -7px;
}
#taikenevent .teacherprofile li:first-child {
	float: left;
	width: 100px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#taikenevent .teacherprofile li:last-child {
	width: 100%;
}
#taikenevent .evdetailleft h3 {
	padding: 10px 15px;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 1.8rem;
	font-weight: bold;
	background-color: #d4e682;
	margin-bottom: 20px;
}
#taikenevent .evdetailleft h4 {
	padding-bottom: 5px;
	display: block;
	border-bottom: solid 3px #d4e682;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 10px;
}
#taikenevent .evdetailleft ul + h3 {
	margin-top: 50px;
}
#taikenevent .evdetailleft p + h3 {
	margin-top: 50px;
}
#taikenevent .evdetailleft p + h4 {
	margin-top: 20px;
}
#taikenevent .evdetailleft p {
	margin-bottom: 20px;
}
#taikenevent .joinbtn {
	margin: 15px 0;
	display: block;
}
#taikenevent .evdetailright {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: solid 1px #959595;
	padding-top: 20px;
	padding-bottom: 60px;
	text-align: center;
	font-size: 1.4rem;
	line-height: 160%;
	box-sizing: border-box;
	width: 300px;
	float: right;
}
#taikenevent .evdetailright h3 {
	margin-bottom: 20px;
}
#taikenevent .evdetailright h4 {
	padding: 14px;
	font-size: 1.6rem;
	background-color: #e1e1e1;
}
#taikenevent .evdetailright p {
	color: #5f5f5f;
	padding: 15px;
	font-size: 1.6rem;
	text-align: left;
}
#taikenevent .evdetailright .zyokyo {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	display: block;
	border: solid 1px #959595;
	color: #FF0000;
	font-size: 2.0rem;
	max-width: 440px;
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	margin: 15px 0;
}
#taikenevent .evdetailright .joinbtn {
	margin: 15px 0;
}
#taikenevent .evdetailright .joinbtn:link:hover{
	opacity:0.5;
}
#taikenevent .evdetailright p strong {
	font-weight: bold;
	font-size: 1.8rem;
	text-align: center;
	display: block;
	width: 100%;
}
#taikenevent .evdetailright p.hidariyose {
	text-align: left;
}
#taikenevent .contentsbottom {
	padding: 25px;
	background-color: #fff8d8;
	width: 100%;
	box-sizing: border-box;
}
#taikenevent .contentsbottom a {
	max-width: 380px;
	margin: auto;
	display: block;
}
#taikenevent .contentsbottom a img {
	max-width: 100%;
}
#taikenevent .contentsbottom a:hover{
	opacity:0.5;
}
.anime1 {
	-webkit-animation: updown1 1s ease-in-out infinite alternate;
	animation: updown1 1s ease-in-out infinite alternate;
}
@-webkit-keyframes updown1 {
 0% {
 -webkit-transform: translateY(10px);
}
 100% {
 -webkit-transform:translateY(-10px);
}
}
@keyframes updown1 {
 0% {
transform:translateY(10px);
}
 100% {
transform:translateY(-10px);
}
}
.anime2 {
	-webkit-animation: updown2 3s ease-in-out infinite alternate;
	animation: updown2 3s ease-in-out infinite alternate;
}
 @-webkit-keyframes updown2 {
 0% {
 -webkit-transform: translateY(15px);
}
 100% {
 -webkit-transform:translateY(-15px);
}
}
@keyframes updown2 {
 0% {
transform:translateY(15px);
}
 100% {
transform:translateY(-15px);
}
}
.anime3 {
	-webkit-animation: updown3 1.5s ease-in-out infinite alternate;
	animation: updown3 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes updown3 {
 0% {
 -webkit-transform: translateY(10px);
}
 100% {
 -webkit-transform:translateY(-10px);
}
}
@keyframes updown3 {
 0% {
transform:translateY(10px);
}
 100% {
transform:translateY(-10px);
}
}
.anime4 {
	-webkit-animation: updown4 2s ease-in-out infinite alternate;
	animation: updown4 2s ease-in-out infinite alternate;
}
@-webkit-keyframes updown4 {
 0% {
 -webkit-transform: translateY(7px);
}
 100% {
 -webkit-transform:translateY(-7px);
}
}
@keyframes updown4 {
 0% {
transform:translateY(7px);
}
 100% {
transform:translateY(-7px);
}
}

@media screen and (max-width: 1150px) {
.mainvisual_img1 {
	top: -50px;
	left: 0px;
}
.mainvisual_img2 {
	top: 160px;
	left: 80px;
}
.mainvisual_img3 {
	top: 330px;
	left: -40px;
}
.mainvisual_img4 {
	top: 0;
	right: -130px;
}
.mainvisual_img5 {
	top: 340px;
	right: 10px;
}
}

@media screen and (max-width: 960px) {
.mainvisual_img1 {
	width: 190px;
}
.mainvisual_img2 {
	width: 100px;
}
.mainvisual_img3 {
	width: 190px;
}
.mainvisual_img4 {
	width: 230px;
}
.mainvisual_img5 {
	width: 150px;
}
.mainvisual_img1 {
	top: -10px;
	left: 20px;
}
.mainvisual_img2 {
	top: 160px;
	left: 40px;
}
.mainvisual_img3 {
	top: 320px;
	left: -20px;
}
.mainvisual_img4 {
	top: 0;
	right: -50px;
}
.mainvisual_img5 {
	top: 300px;
	right: 50px;
}
}

@media screen and (max-width: 800px) {
.mainvisual_img1, .mainvisual_img2, .mainvisual_img3, .mainvisual_img4, .mainvisual_img5 {
	top: inherit;
	left: inherit;
	right: inherit
}
.mainvisual_img1 {
	top: -10px;
	right: 150px;
}
.mainvisual_img2 {
	top: 340px;
	left: 230px;
}
.mainvisual_img3 {
	top: 310px;
	left: 10px;
}
.mainvisual_img4 {
	top: 300px;
	right: -30px;
}
.mainvisual_img5 {
	left: -500px;
}
}

@media screen and (max-width: 700px) {
#taikenevent .mainvisualarea h2 {
	margin-top: 200px;
}
.mainvisual_img1 {
	top: -10px;
	right: 80px;
}
.mainvisual_img2 {
	top: 350px;
	left: 230px;
}
.mainvisual_img3 {
	top: 380px;
	left: -10px;
}
.mainvisual_img4 {
	top: 320px;
	right: -30px;
}
.mainvisual_img5 {
	left: -500px;
}
}

@media screen and (max-width: 640px) {
#taikenevent h1 img {
	width: 80%;
}
#taikenevent h2 img {
	width: 290px;
	max-width: 60%;
}
#taikenevent .box1 .text1 {
	width: 80%;
}
#taikenevent .mainvisualarea div {
	height: auto;
	padding-top: 18vw;
	padding-bottom: 14.5vw;
	box-sizing: border-box;
}
#taikenevent .mainvisualarea h2 {
	margin-top: 200px;
}
#taikenevent .mainvisualarea h1 {
	margin-bottom: 0px;
}
#taikenevent .box1 {
	padding-top: 16%;
}
.mainvisual_img1 {
	top: -2%;
	right: 13%;
	width: 30.5%;
}
.mainvisual_img2 {
	top: 82%;
	left: 37%;
	width: 16%;
}
.mainvisual_img3 {
	top: 90%;
	left: -1.5%;
	width: 30.5%;
}
.mainvisual_img4 {
	top: 76%;
	right: -5%;
	width: 37%;
}
.mainvisual_img5 {
	left: -500px;
}
}

@media screen and (min-width: 1221px) {
#taikenevent .box2 ul li {
	height: 680px;
}
}

@media screen and (max-width: 1220px) {
#taikenevent .box2 li:nth-child(3n) {
	margin-right: 38px;
}
#taikenevent .box2 li:nth-child(2n) {
	margin-right: 0px;
}
#taikenevent .box2 ul {
	width: 748px;
}
}

@media screen and (max-width: 1150px) {
#taikenevent .evdetail > ul {
	padding: 20px;
	padding-bottom: 0;
}
#taikenevent .evdetailright,  #taikenevent .evdetailleft {
	width: 100%;
	float: none;
}
#taikenevent .evdetailleft {
	margin-bottom: 30px;
}
}

@media screen and (max-width: 820px) {
#taikenevent .box1 {
	padding-top: 90px;
}
#taikenevent .box2 ul {
	width: 355px;
}
#taikenevent .box2 li:nth-child(3n) {
	margin-right: 0px;
}
}

@media screen and (min-width: 701px) {
#taikenevent .spimg {
	display: none;
}
}

@media screen and (max-width: 700px) {
#taikenevent .pcimg {
	display: none;
}
#taikenevent .evtop div {
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}
#taikenevent .evtop div > img {
	margin: auto;
	max-width: 100%;
	display: block;
}
#taikenevent .evtop {
	height: auto;
	padding-bottom: 15px;
	padding-top: 15px;
}
#taikenevent .evtop div a {
	margin: auto;
	margin-top: 20px;
	width: 235px;
	display: block;
}
}

@media screen and (max-width: 640px) {
#taikenevent .box2, #taikenevent .box3 {
	padding: 50px 15px;
}
#taikenevent .box2 h3 {
	width: 210px;
	margin: auto;
}
#taikenevent .box2 ul {
	width: 100%;
}
#taikenevent .box2 ul li {
	width: 100%;
	float: none;
	margin-right: 0;
}
#taikenevent .box2 h5 {
	font-size: 1.4rem;
}
#taikenevent .box2 h5 span {
	padding: 0 10px;
	font-size: 1.4rem;
}
#taikenevent .box2 table, #taikenevent .box2 tr, #taikenevent .box2 td, #taikenevent .box2 th {
	font-size: 1.2rem;
}
#taikenevent .box2 td {
	padding: 6px;
}
#taikenevent .box2 ul li div img {
	width: 100%;
}
#taikenevent .evdetailleft {
	padding: 20px 15px;
}
#taikenevent .evdetailleft h5 {
	font-size: 1.4rem;
}
#taikenevent .evdetailleft .detailtitle span {
	padding: 0 10px;
	font-size: 1.4rem;
}
#taikenevent .evdetailleft h1 {
	font-size: 1.8rem;
}
}

@media screen and (max-width: 480px) {
#taikenevent .evdetailleft .detailtitle span {
	padding: 0 10px;
}
#taikenevent .evtop div a {
	width: 140px;
	margin-top: 5px;
}
}