body{
	margin: 0;
	font-family: "游ゴシック",YuGothic,sans-serif,"ヒラギノ角ゴ";
}

p{
	margin: 0;
}

image{
	margin: 0;
}

h{
margin: 0;
}

.top {
	margin: 0;
	padding: 0;
	height: 100%;
	color: white;
}/*トップページ*/

.toppage{
	display: block;
	justify-content: center;
	align-items: center;
}

.whitebox{
	width: 30%;
	min-width: 200px;
	max-width: 400px;
	margin-left: 50px;
	position: absolute;
	z-index: 1000;
	margin-top: 230px;
	left: 0%;
}/*Fusionロゴ*/

.fade-img {
	/* width: 250px; */
	position: relative;
}

.fade-img img {
	position: absolute;
	width: 100%;
	max-width: 1000px;
	margin-left: -500px;
	top: 10%;
	right: 0;
	margin-top: 90px;
}

.copy{
	color: black;
	font-size: 12px;
	right: 0;
	text-align: right;
	position: relative;
	padding-top: 70px;
	padding-right: 20px;
}


@media screen and (max-width:1200px){
	.whitebox{
		width: 25%;
		min-width: 120px;
		max-width: 400px;
		position: absolute;
		z-index: 1000;
		margin-top: 230px;
		left: 60%;
		top: 35%;
	}/*Fusionロゴ*/

	.fade-img {
		width: 250px;
		position: relative;
	}
	.fade-img img {
		position: absolute;
		width: auto;
		height: 70vh;
		max-width: 1000px;
		margin-left: -90px;
		top: 10%;
		right: 0%;
		left: 0%;
		margin-top: 90px;
	}
}

@media screen and (max-width:500px){
	.whitebox{
		width: 25%;
		min-width: 100px;
		max-width: 400px;
		position: absolute;
		z-index: 1000;
		margin-top: 250px;
		left: 51%;
		top: 32%;
	}/*Fusionロゴ*/

	.fade-img {
		position: relative;
		width: 250px;

	}
	.fade-img img {
		position: absolute;
		width: auto;
		height: 70vh;
		max-width: 1000px;
		margin-left: -90px;
		top: 10%;
		right: 0%;
		left: 0%;
		margin-top: 90px;
	}

	.copy{
		color: black;
		font-size: 10px;
		right: 0;
		text-align: right;
		position: relative;
		padding-top: 70px;
		padding-right: 10px;
	}
}



.mainsyokai{
	text-align: center;
	background-image: url(../image/bokasi_image.jpg);
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100vh;
	overflow-x: hidden;
}

/*====== 9-1-1 縦線が動いてスクロールを促す =======*/

/*スクロールダウン全体の場所*/
.scrolldown1{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	left:50%;
	bottom:20px;
    /*全体の高さ*/
	height:50px;
}

/*Scrollテキストの描写*/
.scrolldown1 span{
    /*描画位置*/
	position: absolute;
	left:-15px;
	top: -15px;
    /*テキストの形状*/
	color: #eee;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
}

/* 線の描写 */
.scrolldown1::after{
	content: "";
    /*描画位置*/
	position: absolute;
	top: 0;
    /*線の形状*/
	width: 1px;
	height: 30px;
	background: #eee;
    /*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 1.4s ease-in-out infinite;
	opacity:0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:30px;
		opacity: 1;
	}
	100%{
		height:0;
		top:50px;
		opacity: 0;
	}
}

/*　ハンバーガーメニューボタン　*/
.hamburger {
	display : block;
	position: fixed;
	z-index : 3;
	right : 20px;
	top   : 20px;
	width : 42px;
	height: 42px;
	cursor: pointer;
	text-align: center;
  }
  .hamburger span {
	display : block;
	position: absolute;
	width   : 30px;
	height  : 2px ;
	left    : 6px;
	background : #BBBBBB;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition   : 0.3s ease-in-out;
	transition        : 0.3s ease-in-out;
  }
  .hamburger span:nth-child(1) {
	top: 10px;
  }
  .hamburger span:nth-child(2) {
	top: 20px;
  }
  .hamburger span:nth-child(3) {
	top: 30px;
  }

  /* スマホメニューを開いてる時のボタン */
  .hamburger.active span:nth-child(1) {
	top : 16px;
	left: 6px;
	background :#fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform   : rotate(-45deg);
	transform        : rotate(-45deg);
  }

  .hamburger.active span:nth-child(2),
  .hamburger.active span:nth-child(3) {
	top: 16px;
	background :#fff;
	-webkit-transform: rotate(45deg);
	-moz-transform   : rotate(45deg);
	transform        : rotate(45deg);
  }

  /* メニュー背景　*/
  nav.globalMenuSp {
	position: fixed;
	z-index : 2;
	top  : 0;
	left : 0;
	color: #fff;
	background: rgba( 71,70,73,0.6 );
	text-align: center;
	width: 100%;
	transform: translateX(100%);
	transition: all 0.6s;
  }

  nav.globalMenuSp ul {
	margin: 0 auto;
	padding: 0;
	width: 100%;
  }

  nav.globalMenuSp ul li {
	list-style-type: none;
	padding: 0;
	width: 100%;
	transition: .4s all;
  }
  nav.globalMenuSp ul li:last-child {
	padding-bottom: 0;
  }
  nav.globalMenuSp ul li:hover{
	background :#ddd;
  }

  nav.globalMenuSp ul li a {
	display: block;
	color: #fff;
	padding: 2em 0;
	text-decoration :none;
  }

  /* クリックでjQueryで追加・削除 */
  nav.globalMenuSp.active {
	opacity: 100;
	display: block;
	 transform: translateX(0%);
  }

.opimg{
	width: 350px;
	opacity: none;
}

.yazirusi{
	width: 5%;
	display: block;
	position: fixed;
	text-align: right;
	padding-bottom: 5px;
	right: 0;
	bottom: 0;
}

@media screen and (max-width:600px){
	.hamburger {
		display : block;
		position: fixed;
		z-index : 3;
		right : 10px;
		top   : 10px;
		width : 42px;
		height: 42px;
		cursor: pointer;
		text-align: center;
	  }

	  nav.globalMenuSp ul li a {
		display: block;
		color: #fff;
		padding: 1em 0;
		text-decoration :none;
	  }


}

.menu1{
	margin-top: 100px;
	display: flex;
}

.menu2{
	width: 80%;
}

.menu22{
	width: 60%;
	margin: 0;
	padding: 0;
	background-image: url(../image/top2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.menu3{
	width: calc(40%-30px);
	line-height: 36px;
	padding-left: 40px;
	padding-top: 80px;
	padding-bottom: 80px;
}

.menu4 a {
	color: #000010;
	font-weight: 300;
	font-size: 16px;
}

.menutitle{
	font-family: Didot;
	font-size: 28px;
	padding-bottom: 5px;
}

@media screen and (max-width:600px){
	.menu1{
		margin-top: 60px;
		display: flex;
	}
	
	.menu2{
		width: 80%;
		height: auto;
		padding-top: 30px;
	}

	.menu22{
	width: 50%;
	}
	
	.menu3{
		width: calc(50%-20px);
		line-height: 26px;
		padding-left: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.menu4 a {
		color: #000010;
		font-weight: 300;
		font-size: 14px;
	}
	
	.menutitle{
		font-family: Didot;
		font-size: 22px;
		padding-bottom: 0px;
	}
}

.about1 {
	display: flex;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 170px;

}/*展覧会会期*/

.about2{
	width: 100%;
	padding-bottom: 30px;
	padding-right: 30px;
	margin-right: auto;
}

.about{
	font-size: 100px;
	color: #2E60BC;
	position: absolute;
	margin-top: 70px;
	margin-left: 130px;
	font-family: Didot;

}

.bokasi2{
	font-size: 16px;
}

.memberimg{
	width: 250px;
	margin-top: 10px;
	margin-left: -1px;
}

.nitizi1{
	font-size: 16px;
	padding-top: 20px;
	padding-right: 20px;
	color: black;
	border-top: #2E60BC 1px solid;
	border-bottom: #2E60BC 1px solid;
	opacity: 0.8;
	margin-left: 130px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-weight: 400;
	line-height: 34px;
}/*日時イベント詳細*/

.nitizi2{
	padding-bottom: 0px;
}


.kaizyou1{
	font-size: 16px;
	margin-left: 130px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	color: black;
	border-bottom: #2E60BC 1px solid;
	opacity: 0.8;
	font-weight: 400;
	line-height: 34px;
}

.ibento1{
	font-size: 16px;
	margin-left: 130px;
	padding-right: 20px;
	margin-bottom: 20px;
	font-weight: 400;
	color: black;
	border-bottom: #2E60BC 1px solid;
	opacity: 0.8;
	line-height: 34px;

}

.ibento2{
	padding-bottom: 20px;
	line-height: 26px;
}/*関連イベント詳細*/

.ibento2 a {
	color: #2E60BC;
	font-weight: 500;
}

.dm{
	padding-top: 10px;
	padding-right: 130px;
	padding-left: 10px;
}

.dmimg{
	width: 200px;
	min-width: 200px;
}

.dmabout{
	color: #BBBBBB;
	font-size: 14px;
}

.bokasi{
	width: calc(100%-260px);
	text-align: left;
	padding-left: 130px;
	padding-right: 130px;
	line-height: 30px;
	margin-bottom: 100px;
	margin-top: 30px;
}

.whatggp{
	color: white;
	text-align: right;
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 30px;
	padding-bottom: 30px;

}/*GGPとは大枠*/

.h2{
	opacity: 0.8;
	font-size: 24px;
	color: black;
	border-left: #2E60BC 6px solid;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 10px;
}/*GGPとは*/

.setumei{
	width: 60%;
	right: 0;
	font-size: 17px;
	line-height: 30px;
	padding-left: auto;
	padding-right: 100px;
	padding-bottom: 150px;
	margin: 0 0 0 auto;
	color: black;
	text-align: left;
}/*GGPとはの説明*/

@media screen and (max-width:600px) {
	.yazirusi{
		width: 10%;
		display: block;
		position: fixed;
		text-align: center;
		padding-bottom: 3px;
		margin-right: -5px;
		right: 0;
		bottom: 0;
	}
}

@media screen and (max-width:800px){
	.opimg{
		width: 250px;
		opacity: none;
	}

	.about1 {
		width: calc(100%-40px);
		display: block;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		margin-top: 110px;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 20px;
		padding-right: 20px;
	}/*展覧会会期*/

	.about2{
		width: 100%;
		padding-bottom: 30px;
		padding-right: 0px;
		margin-right: auto;
	}

	.about{
		font-size: 40px;
		color: #2E60BC;
		position: absolute;
		margin-top: 50px;
		margin-left: 20px;
	}

	.bokasi{
		width: calc(100%-40px);
		text-align: left;
		padding-right: 20px;
		padding-left: 20px;
		line-height: 30px;
	}

	.bokasi2{
		font-size: 14px;
		line-height: 22px;
	}

	.memberimg{
		width: 45%;
		margin-top: 10px;
		margin-left: -7px;
	}

	.nitizi1{
		font-size: 14px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 10px;
		color: black;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 0px;
	}

	.nitizi2{
		font-size: 14px;
		line-height: 30px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 10px;
		color: black;
	}/*日時イベント詳細*/

	.kaizyou1{
		font-size: 14px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 10px;
		margin-left: 0px;
		margin-bottom: 10px;
		color: black;
	}

	.kaizyou2{
		font-size: 14px;
		line-height: 30px;
		padding-left: 20px;
		padding-right: 10px;
		padding-bottom: 30px;
		color: black;
	}/*会場イベント詳細*/

	.ibento1{
		font-size: 14px;
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
		color: black;
	}

	.ibento2{
		font-size: 14px;
		line-height: 30px;
		padding-left: 0px;
		padding-right: 0px;
		color: black;
	}/*関連イベント詳細*/

	
	.dm{
		display: block;
		width: 50%;
		padding-top: 0px;
		padding-right: 0px;
		padding-left: 0px;
		margin: 0;
		margin-right: 0;
	}

	.dmimg{
		width: 150px;
		min-width: 150px;
	}

	.dmabout{
		color: #BBBBBB;
		font-size: 12px;
	}

	.whatggp{
		color: white;
		text-align: right;
		margin-top: 50px;
		margin-bottom: 50px;
		padding-top: 30px;
		padding-bottom: 30px;

	}/*GGPとは大枠*/

	.h2{
		opacity: 0.8;
		font-size: 28px;
		color: black;
		border-left: #2E60BC 6px solid;
		margin-top: 10px;
		padding-left: 10px;
	}/*GGPとは*/

}

.sakuhin{
	display: flex;
	margin-left: 130px;
	margin-top: 10px;
	padding-right: 10px;
}

.sakuhin1{
	display: flex;
	margin-left: 130px;
	margin-top: 10px;
	padding-right: 38%;
}

.tenjisakuhin{
	font-size: 100px;
	margin-right: 5px;
	margin-left: -50px;
	margin-top: 0px;
	color: #2E60BC;
	text-align: left;
	left: 0;
	writing-mode: vertical-rl;
	font-family: Didot;
}

.loop_wrap {
	display: flex;
	width: 100vw;
	height: 800px;
	overflow: hidden;
  }

  .loop_wrap img {
	width: auto;
	height: 100%;
}

@keyframes loop {
	0% {
	  transform: translateX(100%);
	}
	to {
	  transform: translateX(-100%);
	}
  }

  @keyframes loop2 {
	0% {
	  transform: translateX(0);
	}
	to {
	  transform: translateX(-200%);
	}
}

.loop_wrap img:first-child {
	animation: loop 50s -25s linear infinite;
  }

  .loop_wrap img:last-child {
	animation: loop2 50s linear infinite;
}

.kuwasiku1{
	width: 150px;
	text-align: right;
	right: 0;
	margin-left: 128px;
}

.sakuhindiv{
	position: absolute;
	margin: 0;
	padding: 0;
	margin-left: -100px;
}

.glassimg{
	width: 100%;
}


.tenjisetumei{
	font-size: 16px;
	line-height: 25px;
	max-width: 1050px;
	padding-left: 130px;
	padding-right: 10px;
	margin-top: 20px;
}

@media screen and (max-width:600px) {
	.sakuhin{
		display: flex;
		margin-left: 0px;
		margin-top: 10px;
		padding-right: 10px;
		padding-left: 10px;
		text-align: right;
	}

	.sakuhin1{
		display: flex;
		margin-left: 80px;
		margin-top: 10px;
		padding-right: 38%;
	}

	.tenjisakuhin{
		font-size: 40px;
		line-height: 0px;
		margin-right: 0px;
		margin-left: 110px;
		color: #2E60BC;
		text-align: left;
		left: 0;
		writing-mode: vertical-rl;
	}

	.kuwasiku1{
		width: 100px;
		text-align: left;
		right: 0;
		margin-left: 40px;
		margin-top: 0px;
	}

	.sakuhindiv{
		position: absolute;
		margin: 0;
		padding: 0;
		margin-left: -100px;
	}

	.glassimg{
		width: 90%;
	}

	.tenjisetumei{
		font-size: 14px;
		line-height: 24px;
		width: calc(100%-50px);
		margin-left: 0px;
		margin-top: 20px;
		padding-left: 40px;
		padding-right: 10px;
	}

}

.program{
	padding-top: 30px;
	padding-bottom: 30px;
}/*プログラム全体*/

.protytle{
	font-size: 100px;
	color: #2E60BC;
	border-bottom: 0.8px #2E60BC solid;
	margin-top: 150px;
	padding-left: 130px;
	font-family: Didot;
}/*つなぐプログラムタイトル*/

.proname{
	color: #BBBBBB;
	font-size: 18px;
	margin-top: -20px;
	margin-bottom: 10px;
	margin-left: 24px;
}/*Workshop*/

.sun1{
	width: 100%;
	margin-top: 10px;
	margin-left: -5px;
	text-align: left;
}/*サンキャッチャー画像*/

.original{
	margin-left: 0px;
	font-size: 24px;
	text-align: left;
	margin-bottom: 20px;
	padding-left: 10px;
	border-left: #2E60BC 6px solid;
}/*オリジナルサンキャッチャーを作ろう！*/

.original1{
	padding-left: -50px;
	margin-left: 20px;
	font-size: 18px;
	line-height: 38px;
	text-align: left;
}/*サンキャッチャー日時*/

.original2{
	padding-left: -50px;
	font-size: 14px;
	line-height: 30px;
	text-align: left;
}/*プログラム文章*/

.kuwasiku2{
	width: 380px;
}

.pro2{
	width: calc(100%-260px);
	text-align: left;
	padding-left: 130px;
	padding-right: 130px;
}

.pro3{
	width: calc(100%-260px);
	margin-right: auto;
	padding-left: 130px;
	padding-right: 130px;
}

@media screen and (max-width:600px) {
	.program{
		display: block;
		margin-top: 20px;
		padding-top: 30px;
		padding-bottom: 30px;
	}/*プログラム全体*/

	.protytle{
		font-size: 40px;
		margin-top: 50px;
		margin-left: 0px;padding-left: 20px;
	}/*つなぐプログラムタイトル*/

	.proname{
		color: #2E60BC;
		font-size: 16px;
		margin-top: -8px;
		margin-bottom: 10px;
	}/*Suncatcher*/

	.sun1{
		width: 90%;
		margin-top: 10px;
		padding-right: 0px;
		padding-left: 0px;
		text-align: left;
		left: 0;
	}/*サンキャッチャー画像*/

	.sun3{
		width: 80%;
		padding-top: 50px;
		padding-left: 70px;
	}/*サンキャッチャー画像*/

	.original{
		padding-left: 5px;
		font-size: 22px;
		line-height: 26px;
		text-align: center;
		margin-left: 0px;
		margin-right: 0px;
	}/*プログラム文章*/

	.kuwasiku2{
		width: 300px;
	}

	.pro2{
		width: calc(100%-40px);
		text-align: left;
		padding-left: 20px;
		padding-right: 20px;
		margin-top: -30px;
		padding-top: 20px;
	}

	.pro3{
		width: 100%;
		text-align: center;
		display: block;
		margin-left: 20px;
		padding-left: 0px;
		padding-right: 0px;
	}

}

.boxeizou{
	padding-top: 30px;
	padding-bottom: 50px;
}

.videotytle{
	margin-left: 130px;
	font-size: 24px;
	text-align: left;
	margin-bottom: 20px;
	padding-left: 10px;
	border-left: #2E60BC 6px solid;
}

.documentary{
	color: #BBBBBB;
	font-size: 18px;
	padding-left: 155px;
	margin-bottom: 20px;
}

.videosetumei{
	margin-left: 130px;
	padding-right: 100px;
}

.video{

	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	padding-top: 5px;

}

.videoimg{
	display: block;
	right: 0;
	text-align: right;
	width: 100%;
}

@media screen and (max-width:600px) {
	.boxeizou{
		padding-top: 0px;
		padding-bottom: 20px;
	}

	.video{

		margin-top: 10px;
		display: block;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.videotytle{
		font-size: 22px;
		padding-right: 30px;
		padding-left: 10px;
		margin-left: 20px;
		margin-top: 30px;
		border-left: #2E60BC 6px solid;
	}

	.documentary{
		color: #2E60BC;
		font-size: 16px;
		padding-left: 25px;
		margin-bottom: 0px;
	}

	.videosetumei{
		width: calc(100%-40px);
		font-size: 14px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 15px;
		margin-left: 0px;
	}

	.videoimg{
		width: 100%;
		padding-right: 0px;
	}
}

.universal{
	background-color: white;
	margin-top: 30px;
	padding-top: 30px;
}/*バリアフリー情報詳細*/

.bzyouhou{
	color: #2E60BC;
	padding-left: 100px;
	font-size: 30px;
}/*バリアフリー情報*/

.accessibility{
	color: #2E60BC;
	font-size: 22px;
	padding-left: 100px;
	border-bottom: 0.5px black solid;
}

.freezyouhou{
	display: flex;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 100px;
	padding-left: 100px;
}

.barrier1{
	font-size: 16px;
	line-height: 28px;
	padding-left: 100px;
	padding-top: 20px;
	padding-right: 100px;
}

.barrier2{
	font-size: 18px;
	color: #DF5D2F;
	text-align: left;
	padding-bottom: 16px;
	font-weight: 450;
}

.barrier3{
	width: 40%;
	border-top: 0.5px #DF5D2F solid;
	border-bottom: 0.5px #DF5D2F solid;
	margin-right: 20px;
	padding: 10px;
	background-color: white;
	margin-bottom: 10px;
}

.barriermidasi{
	margin-left: 110px;
	font-size: 24px;
	text-align: left;
	padding-left: 10px;
	border-left: #2E60BC 6px solid;
}

.kuwasiku4{
	padding-top: 10px;
	width: 110px;
}

.freehonubun{
	font-size: 16px;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_cssslider {
	width: 450px;
	padding-top: 280px; /* 画像の高さ */
	position: relative;
	margin: 2em auto;
	text-align: center;
	margin-top: 110px;
}
.cp_cssslider > img {
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.5s;
	border-radius: 3px;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
}
.cp_cssslider input[name='cp_switch'] {
	display: none;
}
/* サムネイル */
.cp_cssslider label {
	margin: 15px 5px 0 5px;
	border: 2px solid #ffffff;
	display: inline-block;
	cursor: pointer;
	transition: all 0.5s ease;
	opacity: 0.6;
	border-radius: 3px;
}
.cp_cssslider label:hover {
	opacity: 0.9;
}
.cp_cssslider label img {
	display: block;
	width: 40px;
	border-radius: 2px;
}
.cp_cssslider input[name='cp_switch']:checked + label {
	border: 2px solid #DF5D2F;
	opacity: 1;
}
.cp_cssslider input[name='cp_switch'] ~ img {
	opacity: 0;
}
.cp_cssslider input[name='cp_switch']:checked + label + img {
	opacity: 1;
}

.kaizyoumade0{
	display: flex;
	margin-top: 20px;
	margin-bottom: 100px;
	text-align: left;
	padding-left: 110px;
}

.kaizyoumade2{
	width: calc(100%-20px);
	padding-right: 20px;
	padding-bottom: 30px;
	border-top: 0.5px white solid;
}

.syozaiti3{
	font-size: 24px;
	margin-bottom: 20px;
	border-left: #2E60BC 6px solid;
	padding-left: 10px;
}/*正門から会場まで*/

.monkara{
	width: 100%;
	line-height: 30px;
	font-size: 14px;
}

@media screen and (max-width:1500px){
	.kaizyoumade0{
		display: block;

	}

	.cp_cssslider {
		width: 450px;
		padding-top: 280px; /* 画像の高さ */
		position: relative;
		margin: 2em auto;
		text-align: center;
		margin-top: 10px;
		margin-left: 0px;
	}
}

@media screen and (max-width:600px){
	.universal{
		background-color: white;
		margin-top: 30px;
		padding-top: 30px;
	}/*バリアフリー情報*/

	.bzyouhou{
		color: black;
		padding-left: 20px;
		font-size: 26px;
	}

	.accessibility{
		color: #2E60BC;
		font-size: 18px;
		padding-left: 20px;
		margin-bottom: 0px;
	}

	.freezyouhou{
		display: block;

		padding-top: 30px;
		padding-bottom: 30px;
		padding-right: 20px;
		padding-left: 20px;
		margin-right: 0px;

	}

	.barrier1{
		font-size: 14px;
		line-height: 28px;
		padding-left: 20px;
		padding-top: 20px;
		padding-right: 20px;
		margin-right: 0px;
	}

	.barrier2{
		font-size: 16px;
		color: #DF5D2F;
		text-align: left;
		padding-bottom: 16px;
	}

	.barrier3{
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
		padding: 10px;
		background-color: white;
	}

	.kuwasiku4{
		padding-top: 10px;
		width: 110px;
	}

	.freehonubun{
		font-size: 10px;
	}

	.kaizyoumade0{
		display: block;
		width: calc(100%-40px);
		margin-top: 20px;
		margin-bottom: 100px;
		text-align: left;
		padding-left: 20px;
		padding-right: 20px;
	}

	.kaizyoumade2{
		width: 100%;
		padding-right: 0px;
		padding-bottom: 30px;
		padding-top: 30px;
		border-top: 0.5px white solid;
	}

	.syozaiti3{
		font-size: 22px;
		margin-bottom: 20px;
		border-left: #2E60BC 6px solid;
		padding-left: 10px;
	}/*正門から会場まで*/

	.monkara{
		width: 100%;
		line-height: 24px;
		font-size: 14px;
		padding-top: 10px;
	}

	.barriermidasi{
		margin-left: 20px;
		font-size: 22px;
		text-align: left;
		padding-left: 10px;
		border-left: #2E60BC 6px solid;
	}


}

.access{

	margin-top: 10px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

.zyuusyo{
	font-size: 16px;
	line-height: 28px;
	padding-bottom: 20px;
}

.kuwasiku3{
	width: 130px;
	margin-top: 10px;
	margin-left: 5px;
	text-align: right;
}

.access2{
	background-color: white;
	margin-top: 100px;
}

.syozaiti2{
	font-size: 100px;
	padding-left: 110px;
	color: #2E60BC;
	font-family: Didot;
	border-bottom: 0.5px #2E60BC solid;
}/*交通アクセス*/

.accessfont{
	transform-origin: left bottom;
    transform: rotate(90deg);
	font-size: 100px;
	opacity: 0.1;
	position: absolute;
	margin-top: -130px;
	margin-left: -30px;
}

.ekimap{
	width: 50vw;
	max-width: 600px;
	margin-left: -5px;
}

.ekikara{
	display: flex;
	padding-top: 40px;
	padding-left: 100px;
	padding-bottom: 30px;
	margin-top: 20pxpx;
}

.car{
	font-size: 16px;
	padding-left: 20px;
}

.kaizyoumade1{
	display: flex;

	margin-bottom: 100px;
	text-align: left;
	padding-left: 110px;
}

@media screen and (max-width:600px) {
	.access{
		margin-top: 10px;
		padding-top: 30px;
		padding-bottom: 30px;
		text-align: center;
	}

	.kaizyoumade1{
		display: block;
		margin-bottom: 20px;
		text-align: left;
		padding-left: 20px;
		padding-right: 15px;
	}

	.zyuusyo{
		font-size: 14px;
		line-height: 24px;
		padding-top: 10px;
	}/*所在地の住所*/

	.kuwasiku3{
		width: 100px;
		margin-top: 0px;
		margin-left: 0px;
		text-align: left;
	}

	.access2{
		background-color: white;
		margin-top: 150px;
	}

	.syozaiti2{
		font-size: 40px;
		padding-left: 30px;
		padding-bottom: 0px;
		color: #2E60BC;
		border-bottom: none;
	}/*交通アクセス*/

	.accessfont{
		transform-origin: none;
		transform: none;
		font-size: 40px;
		opacity: 0.1;
		position: none;
		margin-top: 0px;
		margin-left: 230px;
		text-align: right;
	}

	.accessaccess{
		display: flex;
	}

	.ekimap{
		width: 70vw;
	}

	.ekikara{
		display: block;
		border-top: 0.5px #2E60BC solid;
		padding-top: 20px;
		padding-left: 20px;
		padding-bottom: 20px;
	}

	.car{
		font-size: 14px;
		padding-left: 5px;
		padding-top: 10px;
		padding-right: 15px;
		width: 100%;
	}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_cssslider {
	width: 330px;
	padding-top: 180px; /* 画像の高さ */
	position: relative;
	margin: 2em auto;
	text-align: center;
	margin-top: 5px;
}
.cp_cssslider > img {
	width: 320px;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.5s;
	border-radius: 3px;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
}
.cp_cssslider input[name='cp_switch'] {
	display: none;
}
/* サムネイル */
.cp_cssslider label {
	margin: 15px 5px 0 5px;
	border: 2px solid #ffffff;
	display: inline-block;
	cursor: pointer;
	transition: all 0.5s ease;
	opacity: 0.6;
	border-radius: 3px;
}
.cp_cssslider label:hover {
	opacity: 0.9;
}
.cp_cssslider label img {
	display: block;
	width: 35px;
	border-radius: 2px;
}
.cp_cssslider input[name='cp_switch']:checked + label {
	border: 2px solid #DF5D2F;
	opacity: 1;
}
.cp_cssslider input[name='cp_switch'] ~ img {
	opacity: 0;
}
.cp_cssslider input[name='cp_switch']:checked + label + img {
	opacity: 1;
}
}

.syousai1{
	background-color: #384D7D;
	color: white;
	margin-top: 10px;
	padding-top: 20px;
	display: flex;
	font-size: 13px;
}

.box1{
	width: 50%;
	border-top: 0.5px white solid;
	border-right: 0.5px white solid;
	padding: 20px;
}

.box2{
	width: 50%;
	border-top: 0.5px white solid;
	padding: 20px;
}

.syousai2{
	background-color: #384D7D;
	color: white;
	display: flex;
	font-size: 13px;
	border-top: 0.5px white solid;
}

.box3{
	width: 60%;
	display: flex;
	padding-right: 20px;
}

.box3img{
	display: flex;
	justify-content: space-around;
	padding-top: 20px;
	padding-bottom: 30px;
	margin-left: -27px;

}

.sns{
	padding-left: 20px;
	padding-top: 20px;
}

.psns{
	padding-right: 10px;
	padding-top: 20px;
}

.box4{
	width: 35%;
	border-right: 0.5px white solid;
	padding: 20px;
}

.box4 a {
	color: #fff;
}

.facebook{
	width: 40px;
	min-width: 70px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-top: 10px;
}



.instagram{
	width: 40px;
	min-width: 70px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-top: 8px;
}

.twitter{
	width: 40px;
	min-width: 50px;
	padding-right: 20px;
	padding-top: 7px;
}

.box5{
	width: 90%;
	color: white;
	text-align: left;
	line-height: 25px;
	border-left: 0.5px white solid;
	padding: 20px;
}/*WEBサイト*/

.box5 a {
	color: #fff;
}

.box2 a {
	color: white;
}

@media screen and (max-width:600px) {
	.syousai1{
		background-color: #384D7D;
		color: white;
		margin-top: 10px;
		padding-top: 20px;
		display: block;
		font-size: 12px;
	}

	.box1{
		width: 100%;
		border-top: 0.5px white solid;
		border-right: none;
		padding: 10px;
	}

	.box2{
		width: 100%;
		border-top: 0.5px white solid;
		padding: 10px;
	}

	.syousai2{
		background-color: #384D7D;
		color: white;
		display: block;
		font-size: 12px;
		border-top: 0.5px white solid;
	}

	.box3{
		width: 100%;
		display: block;
		padding-right: 0px;
	}

	.box3img{
		display: flex;
		justify-content: space-around;
		padding-top: 0px;
		padding-bottom: 30px;
		margin-left: 0px;
	}

	.sns{
		padding-left: 10px;
		padding-top: 10px;
	}

	.psns{
		padding-right: 20px;
		padding-top: 20px;

	}

	.box4{
		width: 100%;
		border-right: none;
		border-bottom: 0.5px white solid;
		padding: 10px;
	}

	.facebook{
		width: 60px;
		padding-right: 40px;
		padding-bottom: 10px;
		padding-top: 10px;
	}

	.instagram{
		width: 65px;
		padding-right: 40px;
		padding-bottom: 10px;
		padding-top: 8px;
	}

	.twitter{
		width: 53px;
		padding-right: 20px;
		padding-top: 7px;
	}

	.box5{
		width: 100%;
		color: white;
		text-align: left;
		line-height: 25px;
		border-left: none;
		border-top: 0.5px white solid;
		padding: 10px;
	}/*WEBサイト*/
}