@charset "utf-8";

/*==========================================================
	
==========================================================*/
html {
	height: 100%;
	background: #ffffff;
	color: #000000;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-family: "Mplus 1p";
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	position: relative;
}
html.popup {
	height: 100%;
	background: none;
	background-color: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}

iframe { overflow-y: hidden; z-index: 1 !important; }

body {
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	width: 100%;
	position: relative;
	z-index: 1;
}
body.popup {
	height: 100%;
	background: none;
	background-color: transparent;
}
					/*===================sp=*/@media screen and (max-width: 860px) {


#top.top {
	padding-top: 0;
}

					}/*====================*/


/*-----------------------------------------------------------
	setting
-----------------------------------------------------------*/
p { margin: 0 0 0 0; }

a { text-decoration: none; color: #ed6d00; }
	a:hover { text-decoration: underline; }
	a:focus { outline: none; }
	
.innr a { text-decoration: none; color: #e02a00; }
	a:hover { text-decoration: underline; }
	a:focus { outline: none; }

.pc { display: block !important; }
.sp { display: none !important; }

.movie {
	margin: 0 auto 0 auto;
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%;
}
.flt {
	text-decoration: line-through;
}

.fcG { color: #a4a4a4; }
.fcB { color: #abebef; }
.fcY { color: #ffa282; }

h2 img ,
h3 img ,
h4 img ,
.img img {
	pointer-events : none !important;
}
.movie iframe, .movie object, .movie embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.note {
					opacity: 0.6;
					font-size: 14px;
					color: #000000;
}
					/*===================sp=*/@media screen and (max-width: 860px) {

.pc { display: none !important; }
.sp { display: block !important; }

					}/*====================*/


/*-----------------------------------------------------------
	header setting
-----------------------------------------------------------*/
header {
	width: 100%;
	position: absolute;
	margin: 0 0 0 0;
	top: 0;
	left: 0;
	z-index: 9;
	
	background: #ffffff url(../img/bg_01.png) repeat center top;
}

	.headerWrap {
		width: 100%;
		padding: 0 0 0 0;
		position: relative;
		z-index: 9;
	}
	
	/*----------------------------------#g_menu setting----------*/
	#g_navi {
		background: #ffffff url(../img/bg_01.png) repeat center top;
		
box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.50);
		margin: 0;
		width: 100%;
		text-align: center;
		z-index: 9;
		position: fixed;
		padding: 1% 0 1% 0;
		top: 0;
	}
	
	#g_menu .hdBox {
		background: #ffffff url(../img/bg_01.png) repeat center top;
		
box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.50);
		width: 100%;
		padding: 1% 0 1% 0;
		overflow: hidden;
		position: fixed;
		z-index: 9;
		
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items:         center;
		-webkit-justify-content: space-between;
		justify-content:         space-between;
	}
	#g_menu .hdBox {
		width: 100%;
	}
	#g_navi .btn {
		width: 12.5%;
		float: left;
	}
	#g_navi .logo {
		width: 84%;
		text-align: center;
		margin: 2% auto 0 auto;
		padding: 0 0 0 5%;
		display: block;
	}
		#g_navi .logo {
			width: 24%;
			margin: 0 auto 0 auto;
			padding: 0 0 0 8%;
		}
		
	#g_navi #g_menu .logo {
		margin: 0 auto 0 auto;
	}
	#g_navi #menuBtn {
		width: 5%;
		margin: 0 3% 0 0;
	}
	#g_navi #menuClose {
		width: 5%;
		margin: 0 3% 0 0;
	}
	#g_navi .navi {
		position: relative;
		overflow: hidden;
		display: block;
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items:         center;
		-webkit-justify-content: space-between;
		justify-content:         space-between;

	}
	#g_navi .nav {
		width: 100%;
		margin: 15% 0 5% 0;
		font-size: 23px;
		color: #EEEEEE;
		overflow: hidden;
	}
	#g_navi .nav .logo {
		display: none;
	}
	#g_navi .nav li {
		width: 33%;
		color: #FFFFFF;
		margin: 0 0 0 5%;
		padding: 3% 0 3% 0;
		height: auto;
		border-left: none;
		line-height: 0;
	}
		#g_navi .nav li.nav_home {
			width: 32%;
			margin-top: 10px;
		}
		#g_navi .nav li.nav_howto {
			width: 47%;
		}
		#g_navi .nav li.nav_share {
			width: 17%;
			margin-top: 10px;
		}
		#g_navi .nav li.nav_aichi {
			width: 39%;
		}
		
		#g_navi .nav ul {
			width: 97%;
			margin: 0 0 0 3%;
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			align-items:         center;
		}
			#g_navi .nav ul li {
				margin: 0 0 0 0;
			}
		
	.hdBox {
		padding: 0 0 1% 0;
		overflow: hidden;
		position: relative;
		z-index: 2;
		background: url(../img/line_01.png) repeat-x center bottom;
	}
		#g_navi .nav li a {
			height: auto !important;
			display: block;
		}
		
	#g_navi .nav li.txt {
		font-size: 14px;
		padding: 10px 0 0 0;
		color: #545454;
	}
	body div#g_navi a {
		color: #AAAAAA;
	}
	body div#g_navi a:hover {
		text-decoration: none;
		color: #CCCCCC;
	}
	#g_menu{
		background: url(../img/bg_04.png) repeat center top;
		
		position: fixed;
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		z-index: 10000;
		display: none;
		top: 0;
		bottom: 0;
	}
	#g_navi .navBox {
		width: 100%;
		margin: 0 auto 0 auto;
		overflow: hidden;
	}
		#g_navi .nav li.off { opacity: 0.5; }


					/*===================sp=*/@media (min-width: 1020px) {
						
	.top header {
		display: none;
	}
						
	header {
		width: 100%;
		height: 72px;
		position: fixed;
		padding: 0 0 0 0;
		z-index: 1000;
		
		background: #ffffff url(../img/bg_01.png) repeat center top;
		box-shadow: 0 2px rgba(0,0,0,0.2);
	}
	.headerWrap {
		width: 1020px;
		background: none;
		padding: 0 0 0 0;
		margin: 0 auto 0 auto;
		position: relative;
		z-index: 9999;
		overflow: hidden;
	}
		.inner header {

		}
		.top .headerWrap {
			width: 850px;
		}
	
	#g_navi .logo {
		display: none;
	}
	#g_navi .nav .logo {
		display: block;
	}

	#g_navi {
		background: none;
		padding: 0 0 0 0;
		position: relative;
	}
	#g_menu{
		padding: 0 0 0 0;
		width: 100%;
		background: none;
		position: relative;
		display: block !important;
		overflow: auto;
		overflow-x: auto;
		overflow-y: auto;
	}
	#g_menu .hdBox {
		padding: 0 0 0 0;
		border-bottom: none;
		z-index: 99;
		overflow: hidden;
	}
		#g_menu .hdBox2 {
			width: auto;
			background: none;
			padding: 0 0 0 0;
			overflow: auto;
			float: left;
			box-shadow: none;
		}
			#g_navi .nav li.logo {
				background: url(../img/hd_logo.svg) no-repeat center center;
				background-size: 100% auto;
				height: 55px;
				width: 227px;
				float: left;
				padding: 0 0 0 0;
				margin: 0 1% 0 0 !important;
			}
			#g_navi .nav li.logo a { height: 55px !important; display: block; }
			#g_navi .nav li.logo:hover { 
				opacity: 0.5;
				filter: alpha(opacity=50);
				-ms-filter: "alpha(opacity=50)";
				-moz-opacity: 0.5;
				-khtml-opacity: 0.5;
			}
			#g_navi .nav li.logo img { display: none; }
			
	#g_navi .navBox {
		width: 100%;
		margin: 0 0 0 0;
		overflow: hidden;
		border: none;
		background: none;
	}
	#g_navi .nav {
		width: auto;
		height: 73px;
		border: none;
		margin: 0 0 0 0;
		
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items:         center;
		-webkit-justify-content: space-between;
		justify-content:         space-between;
  
	}
	#g_navi .nav .logo {
		display: block;
	}
		#g_navi .nav ul {
			margin-left: 0;
			width: auto;
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			align-items:         center;
			-webkit-justify-content: space-between;
			justify-content:         space-between;
		}
	#g_navi .nav li {
		color: #ffffff;
		padding: 0 0 0 0;
		margin: 0 1.5% 0 0;
		height: auto;
		border: none;
	}
	#g_navi .nav li.off {
		opacity: 0.5;
	}
	#g_navi .nav li img {
		display: none;
	}
	#g_navi .nav li a {
		display: block;
		height: 36px !important;
	}
	#g_navi .nav li:hover {
		opacity: 0.5 !important;
		filter: alpha(opacity=50) !important;
		-ms-filter: "alpha(opacity=50)" !important;
		-moz-opacity: 0.5 !important;
		-khtml-opacity: 0.5 !important;
	}
	
	#g_navi #g_menu .logo {
		margin: 0 0 0 0;
	}
		#g_navi .nav li.nav_tokyo {
			background: url(../img/nav_tokyo.svg) no-repeat center center;
			width: 101px;
			height: 36px;
		}
			#g_navi .nav li.nav_tokyo.cr,
			#g_navi .nav li.nav_tokyo:hover {
				background: url(../img/nav_tokyo_on.svg) no-repeat center center;
			}
		#g_navi .nav li.nav_osaka {
			background: url(../img/nav_osaka.svg) no-repeat center center;
			width: 101px;
			height: 36px;
		}
			#g_navi .nav li.nav_osaka.cr,
			#g_navi .nav li.nav_osaka:hover {
				background: url(../img/nav_osaka_on.svg) no-repeat center center;
			}
			
		#g_navi .nav li.nav_nagasaki {
			background: url(../img/nav_nagasaki.svg) no-repeat center center;
			width: 101px;
			height: 36px;
		}
			#g_navi .nav li.nav_nagasaki.cr,
			#g_navi .nav li.nav_nagasaki:hover {
				background: url(../img/nav_nagasaki_on.svg) no-repeat center center;
			}
			
		#g_navi .nav li.nav_aichi {
			background: url(../img/nav_aichi.svg) no-repeat center center;
			width: 142px;
			height: 27px;
		}
			#g_navi .nav li.nav_aichi.cr,
			#g_navi .nav li.nav_aichi:hover {
				background: url(../img/nav_aichi_on.svg) no-repeat center center;
			}
			
		#g_navi .nav li.nav_howto {
			background: url(../img/nav_howto.svg) no-repeat center center;
			width: 140px;
			height: 23px;
		}
			#g_navi .nav li.nav_howto.cr,
			#g_navi .nav li.nav_howto:hover {
				background: url(../img/nav_howto_on.svg) no-repeat center center;
			}
			
		#g_navi .nav li.nav_fb {
			background: url(../img/nav_fb.svg) no-repeat center center;
			width: 40px;
			height: 40px;
			margin: 0 0 0 25px;
		}
			#g_navi .nav li.nav_fb:hover {
				background: url(../img/nav_fb.svg) no-repeat center center;
			}
		#g_navi .nav li.nav_tw {
			background: url(../img/nav_tw.svg) no-repeat center center;
			width: 40px;
			height: 40px;
			margin: 0 0 0 12px;
		}
			#g_navi .nav li.nav_tw:hover {
				background: url(../img/nav_tw.svg) no-repeat center center;
			}


	#g_navi #menuBtn {
		display: none;
	}
	#g_navi #menuClose {
		display: none;
	}
	#g_navi .navi {
		display: none;
	}
					}/*====================*/


/*-----------------------------------------------------------
	#content setting
-----------------------------------------------------------*/
#content {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 40px 0;
	position: relative;
	font-size: 16px;
	line-height: 1.8;
	color: #000000;
	z-index: -1;
}
.inner #content {
	margin-top: -10px
}

.contentinner {
	background: #ffffff;
}
.contentinner.bg01 {
	background: #ffffff url(../img/bg_01.png) repeat center top;
	color: #ffffff;
	padding: 60px 0 50px 0;
}
.contentinner.bg02 {
	background: #ffffff url(../img/bg_02.png) repeat-y center top;
	background-size: 100% auto;
	
	border-bottom: 2px solid #b2b2b2;
	padding: 0 0 50px 0;
}
.questionnaire .contentinner.bg02 {
	border-bottom: none;
}
.contentinner.bg03 {
	background: #ffffff url(../img/bg_03.png) repeat center top;
	padding: 0 0 50px 0;
}
	#content h2 {
		width: 90%;
		max-width: 950px;
		margin: 0 auto 0 auto;
	}
			h2.bgr01 {
				background: linear-gradient(90deg, #009944 0%, #00a0e9 33%, #1d2088 66%, #e4007f 100%);
				border-radius: 50px;
				-webkit-border-radius: 50px;
				-moz-border-radius: 50px;
				padding: 6px 0 6px 0;
				
				border: 3px solid #ffffff;
				display: flex;
				align-items: center;
				text-align: center;
			}
				h2.bgr01 img {
					width: 80%;
					margin: 0 auto 0 auto;
				}
		
		.contentWrap {
			max-width: 1060px;
			margin: 0 auto 0 auto;
		}
			.contentBox {
				width: 90%;
				margin: 0 auto 0 auto;
				padding: 30px 0 70px;
			}
			.popup .contentBox {
				width: 90%;
				max-width: 1020px;
				margin: 0 auto 0 auto;
				overflow: hidden;
				padding: 2% 0 2% 0;
			}
	
		.contentBox .bnr {
			width: 60%;
			max-width: 260px;
			margin: 0 auto 0 auto;
		}
		.contentBox .btn {
			width: 60%;
			max-width: 370px;
			margin: 0 auto 0 auto;
		}
		.contentBox .video {
			margin: 0 auto 0 auto;
			position: relative; 
			padding-bottom: 56.25%; 
			height: 0; 
			overflow: hidden; 
			max-width: 100%;
		}
		
		.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
			
	.navArea { display: none; }


		.bnrBox {
			width: 90%;
			max-width: 1060px;
			margin: 0 auto 0 auto;
		}
		.bnrBox .contentBox{
			padding: 30px 0 30px 0;
		}
		.bnrBox .contentBox .bnr {
			width: 40%;
			max-width: 180px;
			margin: 0 auto 0 auto;
		}

					/*===================sp=*/@media screen and (max-width: 860px) {

.navArea { display: block; margin: 0 0 0 0; }

#content {
	font-size: 14px;
}

	.inner #content{
		padding: 0 0 0 0;
	}
.contentinner.bg01 {
	padding: 30px 0 30px 0;
}
.contentinner.bg02 {
	padding: 0 0 30px 0;
}
.contentinner.bg03 {
	padding: 0 0 30px 0;
}
	
#content h2 {
	width: 94%;
	margin: 0 auto 0 auto;
}
			h2.bgr01 {
				padding: 4px 0 4px 0;
				
				border: 1px solid #ffffff;
				display: flex;
				align-items: center;
				text-align: center;
			}
				h2.bgr01 img {
					width: 94%;
					margin: 0 auto 0 auto;
				}

		.contentBox {
			width: 96%;
			padding: 15px 0 15px 0;
		}
		.inner .contentBox .txt {
			margin: 0 0 8% 0;
		}
		
	.contentWrap {
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
	}
		.contentWrap .contentBox {
			width: 94%;
			max-width: 860px;
			margin: 0 auto 0 auto;
		}
		
	.contentBox .btn {
		width: 70%;
		margin: 0 auto 0 auto;
	}
					}/*====================*/
					
					
/*-----------------------------------------------------------
	mv setting
-----------------------------------------------------------*/
#main {
	width: 100%;
	height: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
	#main .mainWrap {
		display: -webkit-flex;
		display: flex;

		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
		#main .navBox {
			width: 31%;
			padding: 15px 0 0 0;
			
		}
			#main .navBox .txt {
				width: 62%;
				margin: 0 auto;
			}
			#main .navBox .tit {
				width: 100%;
				margin: 10px auto 0 auto;
			}
			#main .navBox .btnBox {
				width: 70%;
				margin: 20px auto 0 auto;
			}
				#main .navBox .btnBox .btn {
					margin: 0 auto 5px auto;
				}
				#main .navBox .btnBox .btn.tyB {
					margin: 0 auto 10px auto;
				}
				
			#main .navBox .shareBox {
				width: 100%;
				margin: 30px auto 0 auto;
				padding: 20px 0 0 0;
				background: url(../img/line_01.png) repeat-x center top;
				
				
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: center;
				justify-content:         center;
				-webkit-align-items: center;
				align-items:         center;
			}
				#main .navBox .shareBox .tit {
					width: 11%;
					margin: 0 6% 0 0;
				}
				#main .navBox .shareBox p {
					width: 10%;
					margin: 0 2% 0 2%;
				}
		
		#main .txtBox {
			width: 69%;
			height: 100%;
			position: relative;
		}
			#main .txtBox .txt01 {
				width: 16.387959866220736%;
				top: 30px;
				right: -1%;
				position: absolute;
			}
			#main .txtBox .txt02 {
				width: 41.888888888888886%;
				bottom: 30px;
				left: 30%;
				position: absolute;
			}
			#main .txtBox .txt03 {
				width: 21.627647714604237%;
				bottom: 30px;
				right: 1.5%;
				position: absolute;
			}
			#main .txtBox .txt04 {
				width: 19.22222222222222%;
				bottom: 30px;
				left: 4%;
				position: absolute;
			}


		
	#main .bg {
		width: 100%;
		max-width: 100%;
		margin: 0 auto 0 auto;
		line-height: 0;
	}


					/*===================sp=*/@media screen and (max-width: 860px) {

#main {
	margin: 0 auto 0 auto;
	overflow: inherit;
	margin-bottom: 90%;
}
	#main .mainWrap {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap:         wrap;
	}
		#main .navBox {
			
			background: url(../img/sp/bg_01.png) no-repeat center top;
			background-size: 100% auto;
			

			width: 100%;
			height: 55%;
			
			padding: 5% 0 0 0;
			margin-top: -1%;
			
 -webkit-order: 1;
  order:        1;
		}
			#main .navBox .txt {
				display: none;
			}
			#main .navBox .tit {
				display: none;
			}
			#main .navBox .txt {
				display: none;
			}
			#main .navBox .btnBox {
				width: 90%;
				margin: 0 auto 0 auto;
				
				display: -webkit-flex;
				display: flex;
				-webkit-flex-wrap: wrap;
				flex-wrap:         wrap;
				-webkit-align-items: center;
				align-items:         center;
				-webkit-justify-content: space-between;
				justify-content:         space-between;
			}
			#main .navBox .btnBox .btn {
				width: 48%;
				margin-bottom: 1%;
			}
			#main .navBox .btnBox .btn.tyB.btn_nagasaki {
				width: 48%;
				margin-right: 51%;
			}
			#main .navBox .btnBox .btn.btn_how {
				width: 100%;
				margin-right: 0;
			}
			#main .navBox .btnBox .btn.tyB {
				width: 100%;
			}
			#main .navBox .shareBox {
				display: none;
			}
			
		#main .txtBox {
			width: 100%;
			height: 100%;
			position: relative;
			overflow: hidden;
 -webkit-order: -1;
  order:        -1;
		}
			#main .txtBox .txt01 {
				width: 22%;
				top: -1%;
				right: -3%;
				position: absolute;
			}
			#main .txtBox .txt02 {
				width: 67%;
				bottom: 2%;
				left: 30%;
				position: absolute;
			}
			#main .txtBox .txt03 {
				width: 28%;
				bottom: 8%;
				right: 1.5%;
				position: absolute;
			}
			#main .txtBox .txt04 {
				width: 23%;
				bottom: 2%;
				left: 2%;
				position: absolute;
			}
		

					}/*====================*/
					

.inner #main {
	width: 100%;
	height: auto;
	margin: 72px auto 0 auto;
	padding: 0 0 3px 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
	.inner #main .tit {

		width: 100%;
		height: 100%;
		max-width: 100%;
		position: absolute;
		right: 0;
		top: 0;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: stretch;
		align-items:         stretch;
		-webkit-align-items: center;
		align-items:         center;

	}
		.inner #main .tit div {
			background: #ffffff;
			box-shadow: 0 2px rgba(0,0,0,0.2);
			
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			
			width: 34%;
			margin: 0 8% 0 8%;
			padding: 50px 0 50px 0;
			text-align: center;
		}
			.inner #main .tit div p {
				width: 78%;
				margin: 10px auto 0 auto;
				font-size: 14px;
				line-height: 1.6;
				text-align: left;
				color: rgba(103, 26, 31, 0.70);
			}
			.inner #main .tit div p.img {
				width: 80%;
				text-align: center;
				margin: 0 auto 0 auto;
			}
			.inner #main .tit div p.img.imgL {
				width: 87%;
				text-align: center;
				margin: 0 3% 0 10%;
			}
		
		
		.inner #main .tit p.txt {
			opacity: 0;
		}
	.inner #main .tit.tyB {
	}
			.inner #main .tit.tyB p {
				width: 50%;
				text-align: center;
			}
				.inner #main .tit.tyB p img {
					width: 70%;
					margin: 0 auto 0 auto;
				}
			
			
	.inner #main .bg {
		width: 100%;
		max-width: 100%;
		margin: 0 auto 0 auto;
	}
	
					/*===================sp=*/@media screen and (max-width: 860px) {

.inner #main {
	margin: 0 auto 0 auto;
	
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
}
	.inner #main .tit {
			background: url(../img/sp/bg_03.png) no-repeat center bottom;
			background-size: 100% auto;
			
		width: 100%;
		position: relative;
		
		padding: 3% 0 3% 0;
		
		
		display: -webkit-flex;
		display: flex;
  -webkit-align-items: flex-end;
  align-items:         flex-end;
 -webkit-align-content: flex-end;
  align-content:         flex-end;
  
  
 -webkit-order: 1;
  order:        1;
	}
	.inner #main .tit div {
		width: 100%;
		padding: 20px 0 20px 0;
	}
	
	.inner #main .tit.tyB {
		padding: 5% 0 5% 0;
	}
		.inner #main .tit p {
			width: 100%;
			margin: 0 auto 0 auto;
			text-align: center;
			margin-left: 0;
			text-align: center;
		}
			.inner #main .tit div p {
				width: 62%;
				margin: 0 auto 0 auto;
			}
			.inner #main .tit p img {
				max-width: 100%;
				width: 78%;
margin:  0 auto 4% auto;
			}
		.inner #main .tit.tyB p {
			height: 46%;
			margin: 0 auto 0 auto;
		display: -webkit-flex;
		display: flex;
  -webkit-align-items: center;
  align-items:         center;
 -webkit-align-content: center;
  align-content:         center;
		}
			.inner #main .tit .txt {
				display: none;
			}
			.inner #main .tit.tyB .txt {
				display: none;
			}
			
.inner #main .tit.tyB p img {
	width: 100%;
}
			.inner #main.r .tit p {
				margin-right: 0;
				text-align: center;
			}
			
	.inner #main .bg {
		width: 100%;
  
  
 -webkit-order: -1;
  order:        -1;
	}
			
					}/*====================*/


/*----------------------------------btn setting----------*/
	ul.link2site {
		width: 100%;
		display: table;
		margin: 30px 0 0 0;
		padding: 0;
		list-style: none;
	}
	ul.link2site li {
		width: 32%;
		float: left;
		margin-right: 2%;
	}
	ul.link2site li:last-child{
		margin-right: 0;
	}
	ul.link2site li a {
		display: block;
		padding: 4% 0 4% 0;
		color: #fff;
		height: 50px;
		font-size: 13px;
		text-decoration: none;
		text-align: center;
		border-radius: 5px;
		line-height: 50px;
		font-weight: normal;
	}
	ul.link2site li.link-item-web a {
		background: #32b16c;
		font-size: 11px;
	}
	ul.link2site li.link-item-twitter a {
		background: #55acee;
	}
	ul.link2site li.link-item-twitter img {
		width: 10%;
		height: auto;
	}
	ul.link2site li.link-item-facebook a {
		background: #3b5a9a;
	}
	ul.link2site li.link-item-facebook img {
		width: 5%;
		height: auto;
	}
	ul.link2site li a:hover{
		opacity: 0.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
	}

					/*===================sp=*/@media screen and (max-width: 860px) {
						
	ul.link2site {
		width: 100%;
		margin: 3% auto 0 auto;
	}
	ul.link2site li a {
		height: 30px;
		line-height: 30px;
	}
	
					}/*====================*/


/*----------------------------------pMenu setting----------*/

#menu,
.menu  {
	width: 100%;
	max-width: 920px;
	padding: 80px 0 0 0;
	margin: 0 auto 0 auto;
}
#menu ul,
.menu ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	-webkit-justify-content: space-between;
	justify-content:         space-between;
	-webkit-align-items: flex-end;
	align-items:         flex-end;
}
#menu ul:after,
.menu ul:after {
	content: "";
	display: block;
	width: 30.5%;
}
	#menu li,
	.menu li  {
		width: 30.5%;
		margin: 0 0 30px 0;
		line-height: 0;
		position: relative;
	}
	#menu .col2 li {
		width: 49.5%;
	}
	.menu .col1 li {
		width: 100%;
	}
		#menu li .img {
			line-height: 0;
			margin: 0 0 0 0;
			position: relative;
			z-index: 1;
		}
		#menu li.menu_news .newsWrap {
			position: absolute;
			width: 90%;
			top: 25%;
			left: 5%;
			line-height: 1.8;
			color: #ffffff;
		}
			#menu li.menu_news p a {
				color: #ffffff;
				text-decoration: underline;
			}
			
			#menu li.menu_news p {
				display: block;
				padding-left: 5.5em;
			}
			#menu li.menu_news p.date {
				content: "";
				display: block;
				float: left;
				margin-left: -5.5em;
				width: 5.5em;
			}

	.icon_new {
		width: 20%;
		max-width: 67px;
		position: absolute;
		right: -8px;
		top: -6px;
	}

	.icon_new.l {
		width: 20%;
		position: absolute;
		right: 0;
		left: -5px;
		top: -6px;
	}
		
a img.zoom {
	transition:all 0.1s linear;
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-ms-transition:all 0.1s linear;
	filter:alpha(opacity=100);
 	}
a:hover img.zoom {
	filter:alpha(opacity=80);
 	}
a:hover img.zoom {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
	}


					/*===================sp=*/@media screen and (max-width: 860px) {

#menu,
.menu  {
	width: 94%;
	margin: 0 auto 0 auto;
	padding: 30px 0 0 0;
}
	#menu li {
		width: 48%;
		margin: 0 1% 2% 1%;
	}
	.menu .col1 li {
		width: 98%;
		margin: 0 1% 2% 1%;
	}
	#menu .col2 li {
		width: 48%;
		margin: 0 1% 2% 1%;
	}
		#menu li.co1 {
			width: 98%;
			margin: 0 1% 2% 1%;
		}
	
		#menu li.menu_news .newsWrap {
			position: absolute;
			width: 90%;
			top: 25%;
			left: 5%;
			line-height: 1.8;
			color: #ffffff;
		}
			#menu li.menu_news p a {
				color: #ffffff;
				text-decoration: underline;
			}
			
			#menu li.menu_news p {
				display: block;
				padding-left: 0;
				font-size: 2.5vw;
			}
			#menu li.menu_news p.date {
				content: "";
				display: block;
				float: none;
				margin-left: 0;
				width: 0;
			}
			#menu li.menu_opmovie {
				margin-bottom: 8%;
			}
	.co1 .icon_new {
		width: 10%;
		max-width: 67px;
		position: absolute;
		right: -8px;
		top: -6px;
	}

					}/*====================*/


/*-----------------------------------------------------------
	#news setting
-----------------------------------------------------------*/
#news {	
	width: 100%;
	position: relative;
	text-align: center;
	margin-top: 0;
	
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content:         center;
	
	margin: 30px auto 20px auto;
}
	#news h2 {
		width: 15%;
		margin: 5px 0 5px 0;
		line-height: 0;
	}
	#news ul {
		width: 75%;
		background: #ffef2e;
		
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		
		margin: 0 0 0 3%;
		padding: 0 0 0 0;
		text-align: left;
		box-shadow: 0 2px rgba(0,0,0,0.2);
	}
		#news ul li {
			margin: 5px 3% 5px 3%;
			color: #66191e;
			font-size: 16px;
			font-weight: 500;
			
			display: -webkit-flex;
			display: flex;
			
		}
		#news ul .date { font-weight: normal; }
		
		#news ul .txt {
			margin: 0 0 0 5px;
		}
		
		#news ul a {
			color: #66191e;
			text-decoration: underline;
		}
		#news ul a:hover {
			color: #66191e;
			text-decoration: none;
		}

					/*===================sp=*/@media screen and (max-width: 860px) {
						
#news {
	display: block;
	text-align: center;
}
#news h2 {
	width: 30%;
	margin: 0 auto 0 auto;
}
#news h2 img {
	width: 100%;
}
	#news ul {
		margin: 20px auto 0 auto;
		width: 94%;
	}
		#news ul li {
			display: block;
			font-size: 2.9vw;
			margin: 8px 3% 8px 3%;
			padding: 5px 0 5px 0;
		}
		
					}/*====================*/


/*-----------------------------------------------------------
	.bnrBox setting
-----------------------------------------------------------*/

#bnrBox {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 20px 0;
}
	#bnrBox ul {
		width: 100%;
		max-width: 960px;
		margin: 0 auto 0 auto;
		display: -webkit-flex;
		display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap:         wrap;
  
  -webkit-justify-content: center; /* Safari */
  justify-content:         center;
	}
		#bnrBox ul li {
/*
			width: 24%;
			max-width: 236px;
			margin: 0 10px 0 10px;
*/
width: 24%;
max-width: 236px;
margin: 0 0.5% 0 0.5%;
line-height: 0;
margin-bottom: 10px;
		}
		
					
					/*===================sp=*/@media screen and (max-width: 860px) {
						
#bnrBox {
	padding:0 0 20px 0;
}
	#bnrBox ul {
		width: 90%;
  -webkit-flex-wrap: wrap;
  flex-wrap:         wrap;
  -webkit-justify-content: space-between;
  justify-content:         space-between;
	}
		#bnrBox ul li {
			width: 48%;
			max-width: 48%;
			margin: 0 0 2% 0;
		}
					}/*====================*/

/*-----------------------------------------------------------
	#story setting
-----------------------------------------------------------*/
#story {
	width: 100%;
	max-width: 1300px;
	position: relative;
	text-align: center;
	margin-top: 0;
	padding-top: 5vw;
	padding-bottom: 16vw;
	
	background: url(../img/story_bg.png) no-repeat center top;
	background-size: 100% auto;
}
	#story h2 {
		width: 60%;
		max-width: 790px;
		margin: 0 auto 0 auto;
	}
	#story h2 img {
		width: 100%;
	}

	#story .txtBox {
		width: 50%;
		max-width: 630px;
		font-size: 0;
		line-height: 0;
		margin: 3vw auto 0 auto;
	}

					
					/*===================sp=*/@media screen and (max-width: 860px) {
#story {
	background-size: 124% auto;
}
	#story h2 {
		width: 80%;
		margin: 0 auto 0 auto;
	}
	#story .txtBox {
		width: 70%;
		margin: 0 auto 0 auto;
	}
					}/*====================*/


/*-----------------------------------------------------------
	#play setting
-----------------------------------------------------------*/
#play {
	width: 100%;
	position: relative;
	margin-top: -5vw;
	margin-bottom: 50px;
}
	#play .txt {
		width: 90%;
		max-width: 760px;
		margin: 30px auto 0 auto;
	}
	#play .playWrap {
			display: -webkit-flex;
			display: flex;
			
			-webkit-justify-content: space-between;
			justify-content:         space-between;
			
			margin: 30px auto 0 auto;
	}
		#play .playWrap .playBox {
			width: 32%;
			background: #ffffff;
			border-radius: 20px;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			
			padding: 20px 0 10px 0;
		}
			#play .playWrap .playBox .tit {
				width: 100%;
			}
			#play .playWrap .playBox .img {
				width: 100%;
				margin: 10px auto 0 auto;
				line-height: 0;
			}
			#play .playWrap .playBox .txt {
				width: 90%;
				max-width: 90%;
				padding: 0 5% 0 5%;
				margin: 10px auto 0 auto;
				
				font-family: "Mplus 1p";
				font-size: 16px;
				color: #000000;
				font-weight: 500;
			}
			#play .playWrap .playBox .txt2 {
				color: #8d8d8d;
				font-size: 13px;
				font-family: "Mplus 1p";
				
				width: 90%;
				max-width: 90%;
				padding: 0 5% 0 5%;
				
-moz-transform:matrix(-1, 0, 0, -1, 0, 0);
-webkit-transform:matrix(-1, 0, 0, -1, 0, 0);
-o-transform:matrix(-1, 0, 0, -1, 0, 0);
transform:matrix(-1, 0, 0, -1, 0, 0);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
			}
					
					/*===================sp=*/@media screen and (max-width: 860px) {
						
#play {
	margin-top: 0;
	margin-bottom: 30px;
}
	#play .txt {
		width: 70%;
		max-width: 760px;
		margin: 20px auto 0 auto;
	}
	#play .playWrap {
		width: 94%;
	}
	
	#play .playWrap {
		display: block;
	}
		#play .playWrap .playBox {
			width: 100%;
			margin-bottom: 20px;
			
			display: -webkit-flex;
			display: flex;
			-webkit-flex-wrap: wrap;
			flex-wrap:         wrap;
			-webkit-justify-content: space-around;
			justify-content:         space-around;
			padding-bottom: 10px;

		}
			#play .playWrap .playBox .tit {
				width: 60%;
				padding: 0 20% 10px 20%;
			}
			#play .playWrap .playBox .img {
				width: 43%;
				margin: 0 0 0 0;
			}
			#play .playWrap .playBox .txt {
				width: 50%;
				font-size: 2.8vw;
				margin: 0 0 0 0;
				padding: 0 5% 0 2%;
			}
			#play .playWrap .playBox .txt2 {
				width: 90%;
				padding: 0 5% 0 5%;
				font-size: 2.4vw;
			}
			

					}/*====================*/

/*-----------------------------------------------------------
	#howto setting
-----------------------------------------------------------*/
#howto {
	width: 100%;
	position: relative;
	text-align: center;
}
	#howto .txtBox {
		width: 100%;
		max-width: 1060px;
		font-size: 0;
		line-height: 0;
		margin: 20px auto 0 auto;
	}
	
		#howto .txtBox .txt {
			width: 100%;
			margin: 0 auto 0 auto;
		}

					
					/*===================sp=*/@media screen and (max-width: 860px) {
#howto {
	margin-top: 0;
}
		#howto .txtBox.col {
			display: block;
			margin-top: 0;
			padding-top: 0;
		}
	#howto .txtBox {
		width: 94%;
	}
	#howto .txtBox div {
		margin-top: 0;
	}
		#howto .txtBox .txt {
			margin-top: 0;
		}


					}/*====================*/


/*-----------------------------------------------------------
	#privileget setting
-----------------------------------------------------------*/
#privileget {
	margin: 60px auto 0 auto;
}

	#privileget .contentBox {
		padding-top: 50px;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content:         space-between;

	}
		#privileget .txtBox {
			width: 48%;
			font-size: 16px;
		}
		#privileget .txtBox span {
			font-size: 20px;
			font-weight: bold;
		}
		#privileget .txtBox .note {
			font-size: 16px;
			font-weight: normal;
			margin-top: 10px
		}
		#privileget .imgBox {
			width: 42%;
		}


					/*===================sp=*/@media screen and (max-width: 860px) {

#privileget {
	margin: 30px auto 0 auto;
}

	#privileget .contentBox {
		padding-top: 20px;
		display: block;

	}
		#privileget .txtBox {
			width: 100%;
			font-size: 2.9vw;
		}
		#privileget .txtBox span {
			font-size: 3.6vw;
			font-weight: bold;
		}
		#privileget .txtBox .note {
			font-size: 2.9vw;
			font-weight: normal;
			margin-top: 10px
		}
		#privileget .imgBox {
			width: 80%;
			margin: 30px auto 0 auto;
		}
					}/*====================*/


/*-----------------------------------------------------------
	#event setting
-----------------------------------------------------------*/
#event {
	margin: 0 auto 0 auto;
}

	#event .contentBox {
		max-width: 740px;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
	}
		#event .tit {
			width: 100%;
			font-size: 26px;
			text-align: center;
			margin-top: 30px;
		}
		#event .tit span {
			color: #fff100;
			font-weight: bold;
		}
		#event .txt {
			width: 100%;
			font-size: 16px;
			margin-top: 20px;
			line-height: 2.0;
		}
		#event .txt span {
			color: #fff100;
			font-weight: bold;
		}
		#event .bnr {
			width: 100%;
			max-width: 100%;
			margin-top: 40px;
		}


					/*===================sp=*/@media screen and (max-width: 860px) {

#event {
	
}
		#event .tit {
			font-size: 4.0vw;
		}
		#event .tit span {
			color: #fff100;
			font-weight: bold;
		}
		#event .txt {
			width: 100%;
			font-size: 2.9vw;
			margin-top: 20px;
		}

					}/*====================*/
					

/*-----------------------------------------------------------
	#game setting
-----------------------------------------------------------*/
#game {
	width: 100%;
	position: relative;
	text-align: center;
	padding-top: 60px;
}

#game .contentBox {
	
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content:         space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
}
		#game .txtBox {
			width: 47%;
			max-width: 445px;
			margin: 20px auto 0 auto;
		}

				#game .txtBox .txt {
					width: 100%;
					line-height: 1.8;
					font-size: 16px;
					text-align: left;
				}

		#game .movieBox {
			width: 47%;
			max-width: 450px;
			margin: 20px auto 0 auto;
		}
		
		#game .tit {
			text-align: center;
			font-size: 16px;
			font-weight: bold;
			width: 100%;
			margin-bottom: 10px;
		}
		#game .link2site {
			width: 47%;
			max-width: 450px;
			margin: 30px auto 0 auto;
		}

					/*===================sp=*/@media screen and (max-width: 860px) {
						
#game {

}
	#game .txtBox {
		width: 100%;
		margin-top: 10px;
	}
		#game .txtBox .txt {
			font-size: 2.9vw;
			line-height: 2.0;
		}
		#game .colBox {
			width: 100%;
			display: block;
			margin-top: 0;
		}
					#game .colBox .movieBox {
						width: 100%;
						margin: 0 0 0 0;
					}
				#game .colBox .movieBox h2 {
					width: 50%;
					margin: 8% 0 5% 5%;
				}
				
				#game .colBox .txt {
					width: 100%;
					margin-top: 8%;
					font-size: 14px;
				}

	#game .contentBox .video {
		max-width: 100%;
		margin-top: 0;
	}
			#game .colBox .txtBox {
				width: 100%;
				margin: 0 auto 0 auto;
			}
				#game .colBox .logo {
					width: 40%;
					max-width: 205px;
					margin: 0 auto 0 auto;
					line-height: 0;
				}
				#game .colBox .txtBox .txt {
					line-height: 1.6;
					font-size: 14px;
				}

			#game .movieBox {
				width: 100%;
				max-width: 450px;
				margin: 30px auto 0 auto;
			}
		#game .tit {
			font-size: 3.0vw;
		}
		#game .link2site {
			width: 90%;
			max-width: 450px;
			margin: 20px auto 0 auto;
		}

					}/*====================*/
					

/*-----------------------------------------------------------
	#about setting
-----------------------------------------------------------*/
#about {
	width: 100%;
	position: relative;
	text-align: center;
	margin-top: 30px;
}
		#about .colBox {
			width: 100%;
			display: -webkit-flex;
			display: flex;
			
			-webkit-justify-content: space-between;
			justify-content:         space-between;
  -webkit-align-items: center;
  align-items:         center;
			margin: 20px auto 0 auto;
		}
			#about .colBox .imgBox {
				width: 40%;
				max-width: 295px;
				margin-left: 6%;
			}
				#about .colBox .imgBox .logo {
					width: 50%;
					max-width: 110px;
					margin: 50px auto 0 auto;
				}
			#about .colBox .txtBox {
				width: 54%;
				margin: 0 2% 0 0;
				text-align: left;
			}
				#about .colBox .txtBox span {
					font-weight: bold;
				}

							
					/*===================sp=*/@media screen and (max-width: 860px) {
						

#about {
	padding: 0 0 40px;
}
	#about .colBox {
		width: 100%;
		display: block;
		margin-top: 0;
	}
		#about .colBox .imgBox {
			width: 50%;
			margin: 0 auto 0 auto ;
		}
		#about .colBox .txtBox {
			width: 100%;
			margin: 5% auto 0 auto;
					line-height: 2.0;
					font-size: 2.9vw;
		}
		#about ul {
			width: 100%;
			margin: 8% auto 0 auto;
		}
		#about ul li {
		}
		
					}/*====================*/


/*----------------------------------#ticket setting----------*/
#ticket {
	padding: 40px 0 0 0;
}
#ticket .contentBox {
	width: 100%;
	max-width: 1020px;
	margin: 0 auto 0 auto;
	background: #ffffff;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
}
	#ticket h2 {
		width: 100%;
		margin: 0 auto 0 auto;
	}
	#ticket .ticketWrap {
		margin: 0 0 0 0;
	}
		#ticket .ticketWrap h3 {
			
		}
		#ticket .ticketWrap .ticketBox {
			width: 100%;
			max-width: 860px;
			margin: 40px auto 0 auto;
		}
			#ticket .ticketWrap .colWrap {
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-between;
				justify-content:         space-between;
				-webkit-flex-wrap: wrap;
				flex-wrap:         wrap;
			}
			#ticket .ticketWrap .colWrap.colB {
				width: 90%;
				margin: 0 auto 0 auto;
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-between;
				justify-content:         space-between;
				-webkit-flex-wrap: wrap;
				flex-wrap:         wrap;
			}
			#ticket .ticketWrap .colWrap.colC {
				
			}
				#ticket .ticketWrap .colWrap.colC:after {
					content: "";
					display: block;
					width: 32%;
				}
			#ticket .ticketWrap .colWrap .colBox {
				width: 49%;
				margin: 0 0 40px 0;
			}
			#ticket .ticketWrap .colWrap.colB .colBox {
				margin: 0 0 20px 0;
			}
			#ticket .ticketWrap .colWrap.colC .colBox {
				width: 32%;
				margin: 0 0 0 0;
			}
				#ticket .ticketWrap .colWrap.colC .colBox .txtBox {
					margin: 0 auto 15px auto;
				}
				
				#ticket .ticketWrap .colWrap .colBox.colA h4 {
					font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
					background: #fff100;
					width: 100%;
					text-align: center;
					font-size: 20px;
					font-weight: bold;
					padding: 1% 0 1% 0;
					color: #66191e;
				}
					#ticket .ticketWrap .colWrap .colBox.colA h4.tyB {
						text-align: left;
						width: 92%;
						padding: 1% 4% 1% 4%;
						
						display: -webkit-flex;
						display: flex;
						-webkit-justify-content: space-between;
						justify-content:         space-between;
						-webkit-align-items: center;
						align-items:         center;
					}
					#ticket .ticketWrap .colWrap .colBox.colA h4.tyB span {
						font-size: 11px;
						line-height: 1.3;
					}

				#ticket .ticketWrap .colWrap.colB .colBox h4 {
					width: 100%;
					font-size: 20px;
					font-weight: bold;
					padding: 1% 0 1% 0;
				}
				
			#ticket .ticketWrap .colWrap .colBox.colA .txtBox {
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-around;
				justify-content:         space-around;
				margin: 5% auto 0 auto;
			}
				#ticket .ticketWrap .colWrap .colBox.colA .txtBox img {
					margin: 0 1% 0 1%;
				}
			#ticket .ticketWrap .colWrap.colB .colBox .txt {
				font-size: 16px;
			}
				
			#ticket .ticketWrap .txtBox {
				margin: 0 auto 50px auto;
				font-size: 14px;
				line-height: 1.8;
			}
			#ticket .ticketWrap .txtBox .txt2 {
				font-size: 18px;
			}
				#ticket .ticketWrap .txtBox.w80 {
					width: 84%;
					
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-between;
				justify-content:         space-between;
				-webkit-align-items: center;
				align-items:         center;
				}
				#ticket .ticketWrap .txtBox .note {
					opacity: 0.6;
					font-size: 14px;
					color: #000000;
					
				}
				
		#ticket .ticketWrap h4.tit {
			font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
			background: #fff100;
			width: 100%;
			text-align: center;
			font-size: 18px;
			font-weight: bold;
			padding: 5px 0 5px 0;
			margin-bottom: 30px;
			color: #66191e;
		}
				
			#ticket .ticketWrap .colBox.colA .txt {
				width: 90%;
				margin: 20px auto 0 auto;
				font-size: 16px;
				line-height: 1.8;
			}
				#ticket .ticketWrap .colBox.colA .txt .btn {
					width: 100%;
					max-width: 350px;
					margin: 30px 0 0 0;
					text-align: left;
				}
				#ticket .ticketWrap .colBox.colA .txt .btn.tyB {
					width: 100%;
					max-width: 280px;
				}
				
				#ticket .ticketWrap .colBox.colA .txt .btn.cs {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background: #b1b1b1 !important;
padding: 12px 2% 12px 2%;
text-align: center;
display: block;
margin: 15px auto 0 auto;
color: #ffffff;
				}
				#ticket .ticketWrap .colBox.colA .txt span {
					font-weight: bold;
				} 
				#ticket .ticketWrap .colBox.colA .txt .note {
					opacity: 0.6;
					font-size: 14px;
					color: #000000;
					font-weight: normal;
				}
				
	#price {
		
	}
		#price .lead {
			text-align: center;
			margin-bottom: 30px;
		}
			#price .lead a {
				text-decoration: underline;
			}
			#price .lead a:hover {
				text-decoration: none;
			}

	#style {
		
	}
		#style .txtBox.w80 {
			margin-top: 20px;
		}
		
	#sale {
		
	}
		#sale .txtBox.w80 .txt {
			font-size: 16px;
			margin-top: 40px;
		}
		#sale .txtBox.w80 .txt span {
			font-size: 20px;
			font-weight: bold;
		}
		#sale .txtBox.w80 .txt span.note {
			opacity: 0.6;
			font-size: 14px;
			font-weight: normal;
			color: #000000;
			
		}
		
		#sale .txtBox.w80 .img {
			width: 30%;
		}
		#sale .txtBox.w80 div {
			width: 67%;
			margin-left: 3%;
		}
		
	#ticketsale {
		
	}
		#ticketsale .txtBox.tc {
			font-size: 18px;
			font-weight: bold;
		}
		#ticketsale .txtBox .note {
			font-size: 14px;
			font-weight: normal;
		}
				
	#contact {
		margin: 80px auto 0 auto;
		color: #66191e;
		font-size: 16px;
		font-weight: 500;
		text-align: center;
	}
		#contact h2 {
			width: 100%;
			max-width: 500px;
			margin: 0 auto 0 auto;
		}
		
		
	#ticket table {
		width: 100%;
		margin: 30px auto 30px auto;
		font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
	}
	#ticket table .head {
		font-size: 12px;
		border-bottom: none;
		font-weight: bold;
		color: #00a0b8;
		line-height: 1.2;
	}
		#ticket table .head td {
			background: #ffffff;
			font-size: 16px;
		}
			#ticket table .head td span {
				font-size: 12px;
			}
	#ticket table tr td.cat {
		padding: 20px 10px 20px 10px;
		text-align: left;
		background: #fef5ed;
	}
	#ticket table tr td.cat p {
		font-size: 18px;
		border-bottom: none;

		font-weight: bold;
		color: #66191e;
	}
	#ticket table tr td.cat p.can {
		font-size: 12px;
		border-bottom: none;
		padding: 0 10px 0 10px;
		font-weight: bold;
		color: #ffffff;
		background: #ed6d00;
		display: inline-block;
	}
	#ticket table tr td.cat .sub {
		font-size: 12px;
		margin: 0 auto 0 auto;
		color: #999999;
	}

	#ticket table tr {
		border-top: 1px solid #bfbfbf;
		border-left: 1px solid #bfbfbf;
		
	}
	#ticket table tr.tyB {
		border-top: 1px dotted #cdcdcd;
		border-bottom: 1px solid #bfbfbf;
	}
		#ticket table tr.tyB .cat {
			background: rgba(255, 246, 238, 0.5);
		}
		#ticket table tr.tyB td {
			background: rgba(244, 251, 255, 0.5);
		}
	
	#ticket table tr td {
		padding: 20px 10px 20px 10px;
		font-size: 16px;
		text-align: center;
		background: #f3fafe;
		border-right: 1px solid #bfbfbf;
	}


					/*===================sp=*/@media screen and (max-width: 860px) {
						
	#ticket h2 {
		width: 100%;
		margin: 0 auto 0 auto;
	}
#ticket .contentBox {
	width: 94%;
}
	#ticket .ticketWrap {
		width: 94%;
		margin: 0 auto 0 auto;
	}
		#ticket .ticketWrap .ticketBox {
			margin: 5% auto 0 auto;
		}
			#ticket .ticketWrap .colWrap {

			}
			#ticket .ticketWrap .colWrap .colBox {
				width: 100%;
				margin: 0 0 5% 0;
			}
				#ticket .ticketWrap .colWrap .colBox.colA h4 {
					font-size: 14px;
				}
				#ticket .ticketWrap .colWrap .colBox.colA .txtBox img {
					margin: 0 1% 0 1%;
					width: 98%;
				}
				
			#ticket .ticketWrap .txtBox {
				font-size: 14px;
			}

				#ticket .ticketWrap .txtBox.w80 {
					width: 100%;
					display: block;
				}
				#ticket .ticketWrap .txtBox.w80 .img {
					width: 40%;
					margin: 0 auto 0 auto;
				}
				#ticket .ticketWrap .txtBox .note {
					font-size: 12px;
				}
				#ticket .ticketWrap .colWrap.colB .colBox h4 {
					font-size: 16px;
				}
				
			#ticket .ticketWrap .colWrap.colB .colBox .txt {
				font-size: 14px;
			}
			#ticket .ticketWrap .colBox.colA .txt {
				font-size: 14px;
			}
				#ticket .ticketWrap .colBox.colA .txt .note {
					font-size: 12px;
				}
				
		#ticket .ticketWrap .colWrap.colC .colBox {
			width: 49%;
			margin: 0 0 0 0;
		}
		
	#sale .txtBox.w80 .txt span {
		font-size: 4.0vw;
	}
				
	#contact {
		margin: 40px auto 0 auto;
		font-size: 2.9vw;
	}
		#contact h2 {
			width: 100%;
			max-width: 500px;
			margin: 0 auto 0 auto;
		}
				
					}/*====================*/

/*----------------------------------#access setting----------*/
#access {
	width: 96%;
	height: 92%;
	position: relative;
	padding: 0 2% 0 2%;
}
	#access .contentBox {
		width: 100%;
		height: 100%;
		background: #00a0e9;
		background-size: 100% auto;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
		
		
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content:         center;
		
  -webkit-align-items: center;
  align-items:         center;
		
		
	}
	#access h2 {
		width: 167px;
		margin: 20px 0 5% 0;
	}
	#access .txtBox {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content:         space-between;
		
  -webkit-align-items: flex-end;
  align-items:         flex-end;
	}
	#access .txt {
		width: 30%;
		margin: 0 5% 0 5%;
		font-size: 25px;
		color: #ffffff;
		line-height: 1.4;
	}
		#access .txt .place {
			font-size: 25px;
			font-weight: 500;
		}
		#access .txt .add {
			font-size: 16px;
			margin-top: 20px;
		}
		#access .txt a {
			color: #ffffff;
			text-decoration: underline;
		}
		#access .txt a:hover {
			color: #ffffff;
			text-decoration: none;
		}
	#access .map {
width: 55%;
height: auto;
padding: 42% 0 0 0;
margin: 0 3% 0 0;
position: relative;
	}
		#access .map iframe {
			position: absolute;
			width: 100%;
			height: 100%;
			min-height: 100%;
			top: 0;
			left: 0;
		}
		
	#access .img {
		width: 70%;
		max-width: 198px;
	}

	/*----------------------------------#access setting SP----------*/
					@media screen and (max-width: 860px) {
						
	#access h2 {
		width: 30%;
		margin: 0 0 0 0;
	}
	#access .txtBox {
		margin: 3% 0 0 0;
		display: block;
	}
	#access .txt {
		width: 94%;
		margin: 0 3% 0 3%;
		font-size: 3.0vw;
	}
		#access .txt .place {
			font-size: 5vw;
			margin-top: 10px;
		}
		#access .txt .add {
			font-size: 4vw;
			margin-top: 10px;
		}
	#access .txt .btn {
		width: 30%;
		margin: 5% 0 0 0;
	}
	#access .map {
		width: 94%;
		margin: 5% 3% 0 3%;
		height: auto;
		padding: 0 0 0 0;
	}
		#access .map iframe {
			width: 100%;
			min-height: 50%;
			position: relative;
		}
					#ticket .ticketWrap .colWrap .colBox.colA .txtBox img.col1 {
						margin: 0 1% 0 1%;
						width: 98%;
					}
					
					
	#access .img {
		width: 20%;
	}
					
					}
					
					
/*----------------------------------#privilege setting----------*/
#privilege {
	width: 96%;
	height: 100%;
	position: relative;
	padding: 0 2% 0 2%;
}
	#privilege .contentBox {
		width: 100%;
		height: 80%;
		background: #99d812;
		background-size: 100% auto;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
		padding: 0 0 0 0;
	}

	#privilege .txtBox {
		margin: 0 0 0 0;
		height: 100%;
		
		display: -webkit-flex;
		display: flex;
  -webkit-justify-content: space-between;
  justify-content:         space-between;

 -webkit-align-items: center;
  align-items:         center;

	}
	#privilege .txt {
		width: 43%;
		height: 70%;

		margin: 5% 0 5% 5%;
		
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction:         column;
		-webkit-justify-content: space-between;
		justify-content:         space-between;
		
	}
	#privilege .txt h2 {
		width: 45%;
	}
	#privilege .txt p {
		line-height: 1.8;
		font-size: 16px;
	}
	#privilege .txt span {
		font-weight: bold;
		font-size: 18px;
	}
	#privilege .txt span.txt1 {
		font-weight: bold;
		font-size: 13px;
	}
	#privilege .txt span.note {
		font-weight: normal;
		font-size: 14px;
	}
	#privilege .img {
		width: 43%;
		height: 100%;
		margin: 0 5% 0 0;
		
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row-reverse;
		flex-direction:         row-reverse;
		-webkit-align-items: center;
		align-items:         center;
	}
		#privilege .img img {
			width: 100%;
		}

	/*----------------------------------#privilege setting SP----------*/
					@media screen and (max-width: 860px) {
	#privilege .txt h2 {
		width: 30%;
	}
	#privilege .txtBox {
		margin: 10% 0 0 0;
		display: block;
	}
	#privilege .txt {
		height: auto;
width: 94%;
margin: 0 3% 0 3%;
		font-size: 12px;
		display: block;
	}
	#privilege .txt p {
		margin-top: 20px;
		font-size: 3.0vw;
	}
	#privilege .txt span {
		font-weight: bold;
		font-size: 4.0vw;
	}
	#privilege .txt span.txt1 {
		font-weight: bold;
		font-size: 3.0vw;
	}
	#privilege .txt span.note {
		font-size: 2.9vw;
		margin-top: 20px;
	}
	#privilege .img {
		width: 90%;
		height: auto;
		position: relative;
		margin: 20px auto 0 auto;
	}
	#privilege .img img {
		width: 100%;
		height: auto;
		margin: 0 0 0 0;
	}

					}


/*----------------------------------#faq setting----------*/
#faq {
	padding: 40px 0 0 0;
}
#faq .contentBox {
	width: 100%;
	max-width: 1020px;
	margin: 0 auto 0 auto;
	background: #ffffff;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
}
	#faq h3 {
		font-size: 25px;
		color: #66191e;
		text-align: center;
		margin: 30px auto 0 auto;
	}
	#faq .btnBox {
		width: 70%;
		margin: 3% auto 0 auto;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content:         space-between;
	}
	#faq .btnBox .btn {
		width: 45%;
	}
	#faq .faqWrap {
		margin: 8% auto 0 auto;
	}
		#faq .faqWrap ul {
			width: 80%;
			max-width: 620px;
			margin: 3% auto 0 auto;
		}
			#faq .faqWrap ul li {
				margin: 0 0 20px 0;
			}
			#faq .faqWrap ul li .q {
				font-size: 20px;
				color: #66191e;
				font-weight: bold;
				display: block;
				padding-left: 2em;
				margin: 0 0 2% 0;
			}
			#faq .faqWrap ul li .q::before {
				content: "Q：";
				display: block;
				float: left;
				margin-left: -2em;
				width: 2em;
				text-align: center;
			}
			#faq .faqWrap ul li .a {
				font-size: 16px;
				line-height: 1.8;
				color: #000000;
				display: block;
				padding-left: 2.5em;
			}
			#faq .faqWrap ul li .a::before {
				content: "A：";
				font-size: 20px;
				font-weight: bold;
				display: block;
				float: left;
				margin-left: -2em;
				margin-top: -3px;
				width: 2em;
				text-align: center;
			}
			
			#faq .faqWrap ul li .n {
				font-size: 16px;
				line-height: 1.8;
				color: #000000;
				display: block;
				padding-left: 1em;
				margin: 0 0 0 0;
			}
			#faq .faqWrap ul li .n::before {
				content: "・";
				font-size: 16px;
				font-weight: bold;
				display: block;
				float: left;
				margin-left: -1em;
				width: 1em;
				text-align: center;
			}
				#faq .faqWrap .bnr {
					width: 100%;
					max-width: 250px;
					margin: 0 auto 0 auto;
				}
				#faq .faqWrap .note {
					font-size: 14px;
					color: #000000;
					opacity: 0.6;
				}
				#faq .faqWrap a {
					color: #ed6d00;
					text-decoration: underline;
				}
				#faq .faqWrap a:hover {
					text-decoration: none;
				}

	
	/*----------------------------------#faq setting SP----------*/
					@media screen and (max-width: 860px) {

#faq {
	width: 94%;
	padding: 20px 0 0 0;
}

	#faq h2 {
		width: 94%;
		margin: 0 auto 0 auto;
	}
	#faq .btnBox {
		width: 90%;
		margin: 3% auto 0 auto;
	}
	#faq .btnBox .btn {
		width: 48%;
		margin-bottom: 5px;
	}
	#faq h3 {
		font-size: 4.0vw;
	}
		#faq .faqWrap ul {
			width: 94%;
		}
			#faq .faqWrap ul li .q {
				font-size: 2.9vw;
			}
			#faq .faqWrap ul li .a {
				font-size: 2.9vw;
				padding-left: 2em;
			}
			#faq .faqWrap ul li .a::before {
				font-size: 2.9vw;
				margin-left: -2em;
				margin-top: 0;
			}
			#faq .faqWrap ul li .n {
				font-size: 2.9vw;
			}
			#faq .faqWrap ul li .n::before {
				font-size: 2.9vw;
			}
				#faq .faqWrap .bnr {
					width: 60%;
					max-width: 200px;
					margin: 0 auto 5% auto;
				}
				
				#faq .faqWrap .note {
					font-size: 2.9vw;
				}
				
				
					}
					


/*----------------------------------#foods setting----------*/
#foods {
	padding: 40px 0 0 0;
}
#foods .contentBox {
	width: 94%;
	max-width: 1020px;
	margin: 0 auto 0 auto;
	background: #ffffff;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
}

	#foods .shopItem {
		width: 94%;
		max-width: 860px;
		margin: 40px auto 0 auto;
		
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content:         space-between;
	}
		#foods .shopItem .imgBox {
			width: 45%;
		}
		#foods .shopItem .txtBox {
			width: 48%;
		}
			#foods .shopItem .txtBox h3 {
				font-size: 25px;
				color: #66191e;
			}
			#foods .shopItem .txtBox .txt {
				font-size: 16px;
			}
			#foods .shopItem .txtBox .txt span {
				font-weight: bold;
			}
			
			
	#foods .listWrap {
		margin: 50px auto 0 auto;
	}
	
	#foods .listItem {
		width: 100%;
		max-width: 800px;
		margin: 40px auto 0 auto;
		
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content:         center;
  -webkit-align-items: center;
  align-items:         center;
	}
		#foods .listItem .imgBox {
			width: 42%;
		}
		#foods .listItem .txtBox {
			width: 50%;
		-webkit-order: 1;
		order:         1;
		}
			#foods .listItem .txtBox h3 {
				font-size: 25px;
				color: #ed6d00;
			}
			#foods .listItem .txtBox .txt {
				font-size: 16px;
				line-height: 1.4;
			}
			#foods .listItem .txtBox .price {
				font-size: 16px;
				font-weight: bold;
				margin: 10px 0 10px 0;
			}
			#foods .listItem .txtBox .txt span {
				font-weight: bold;
			}
			
	#foods .listItem:nth-child(1) .txtBox,
	#foods .listItem:nth-child(3) .txtBox,
	#foods .listItem:nth-child(5) .txtBox,
	#foods .listItem:nth-child(7) .txtBox {
		margin-left: 6%;
	}
	
	#foods .listItem:nth-child(2) .txtBox,
	#foods .listItem:nth-child(4) .txtBox,
	#foods .listItem:nth-child(6) .txtBox,
	#foods .listItem:nth-child(8) .txtBox {
		-webkit-order: -1;
		order:         -1;
	}
			
	#foods .listItem.tyB {
		width: 90%;
		max-width: 780px;
		padding: 40px 30px 30px 30px;
		
		background: #f9f3ed;
		border: 3px solid #ed6d00;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}
		#foods .listItem.tyB .imgBox {
			width: 43%;
			padding: 0 0 0 3%;
		}
		#foods .listItem.tyB .txtBox {
			width: 47%;
		}
			#foods .listItem.tyB .txtBox .note {
				font-size: 13px;
				color: #2f2e2e;
				margin-top: 30px;
			}


	/*----------------------------------#foods setting SP----------*/
					@media screen and (max-width: 860px) {
						
#foods .shopItem {
	display: block;
	margin: 20px auto 0 auto;
}
	#foods .shopItem .imgBox {
		width: 100%;
	}
	#foods .shopItem .txtBox {
		width: 100%;
	}

#foods .listItem.tyB {
	display: block;
	width: 80%;
	padding: 20px 5% 20px 5%;
	margin: 20px auto 0 auto;
}
	#foods .listItem.tyB .imgBox {
		width: 100%;
		margin-top: 20px auto 0 auto;
	}
	#foods .listItem.tyB .txtBox {
		width: 95%;
	}

	#foods .listItem {
		display: block;

	}
	#foods .listItem .txtBox {
		width: 90%;
		margin: 0 auto 0 auto;
		-webkit-order: -1 !important;
		order:         -1 !important;
	}
	#foods .listItem .imgBox {
		width: 80%;
		margin: 0 auto 0 auto;
		-webkit-order: 1 !important;
		order:         1 !important;
	}
	#foods .listItem:nth-child(1) .txtBox,
	#foods .listItem:nth-child(3) .txtBox,
	#foods .listItem:nth-child(5) .txtBox,
	#foods .listItem:nth-child(7) .txtBox {
		margin-left: auto;
	}

	#foods .listItem .txtBox h3 {
		font-size: 18px;
	}
	
	#foods .shopItem .txtBox h3 {
		font-size: 18px;
	}
					}
					
					
/*----------------------------------#goods setting----------*/
#goods {
	padding: 40px 0 0 0;
}
#goods .contentBox {
	width: 94%;
	max-width: 1020px;
	margin: 0 auto 0 auto;
	background: #ffffff;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
}

	#goods .shopItem {
		width: 94%;
		max-width: 860px;
		margin: 40px auto 0 auto;
		
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content:         space-between;
	}
		#goods .shopItem .imgBox {
			width: 45%;
		}
		#goods .shopItem .txtBox {
			width: 48%;
		}
			#goods .shopItem .txtBox h3 {
				font-size: 25px;
				color: #66191e;
			}
			#goods .shopItem .txtBox .txt {
				font-size: 16px;
			}
			#goods .shopItem .txtBox .txt span {
				font-weight: bold;
			}
			
			
	#goods .listWrap {
		margin: 50px auto 0 auto;
	}
	#goods .listWrap h2 {
		margin-bottom: 40px;
	}
	#goods .listItem {
		width: 100%;
		max-width: 840px;
		margin: 20px auto 0 auto;
		
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content:         space-between;
		-webkit-align-items: center;
		align-items:         center;
	}
		#goods .listItem .imgBox {
			width: 45%;
		}
		#goods .listItem .txtBox {
			width: 48%;
		-webkit-order: 1;
		order:         1;
		}
			#goods .listItem .txtBox h3 {
				font-size: 25px;
				color: #66191e;
			}
			#goods .listItem .txtBox .txt {
				font-size: 16px;
				line-height: 1.4;
				margin-top: 15px;
			}
			#goods .listItem .txtBox .txt span {
				font-weight: bold;
			}
			
	#goods .listItem.cap {
		width: 100%;
	}
	#goods .listItem.cap p {
		width: 50%;
	}
	#goods .listItem.cap p.tr {
		text-align: right;
	}


	/*----------------------------------#foods setting SP----------*/
					@media screen and (max-width: 860px) {
						
#goods .shopItem {
	display: block;
	margin: 20px auto 0 auto;
}
	#goods .shopItem .imgBox {
		width: 100%;
	}
	#goods .shopItem .txtBox {
		width: 100%;
	}

	#goods .listItem {
		display: block;

	}
	#goods .listItem .txtBox {
		width: 90%;
		margin: 0 auto 0 auto;
		-webkit-order: -1 !important;
		order:         -1 !important;
	}
	#goods .listItem .imgBox {
		width: 90%;
		margin: 0 auto 0 auto;
		-webkit-order: 1 !important;
		order:         1 !important;
	}
	#goods .listItem:nth-child(1) .txtBox,
	#goods .listItem:nth-child(3) .txtBox,
	#goods .listItem:nth-child(5) .txtBox,
	#goods .listItem:nth-child(7) .txtBox {
		margin-left: auto;
	}
	
	#goods .listItem .txtBox h3 {
		font-size: 18px;
	}
	#goods .shopItem .txtBox h3 {
		font-size: 18px;
	}
	
	#goods .listItem.cap {
		width: 90%;
		margin: 0 auto 0 auto;
		display: block;
	}
	#goods .listItem.cap p {
		width: 100%;
	}
	#goods .listItem.cap p.tr {
		text-align: right;
		margin: 20px 0 0 0;
	}

					}







/*----------------------------------formBox setting----------*/
#questionnaire {
}
#questionnaire {
	padding: 40px 0 0 0;
}
#questionnaire .contentBox {
	width: 94%;
	max-width: 1020px;
	margin: 0 auto 0 auto;
	background: #ffffff;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
}
.formBox {
	width: 90%;
	margin: 0 auto 8% auto;
}
.formBox .fBox {
}
	.formBox h1 {
		margin: 0 0 4% 0;
	}
			.formBox form .note {
				font-size: 12px;
				line-height: 1.5;
				font-weight: normal;
				margin: 1% 0 2% 0;
				color: #000000;
				opacity: 0.6;
			}
			.formBox form .note span {
				color: #eb1004;
			}
			.required {
				color: #eb1004;
			}
			.formBox form .q {
				font-size: 14px;
				line-height: 1.5;
				color: #333333;
				font-weight: bold;
				margin: 8% 0 4% 0;
			}
			.formBox form .a {
				width: 100%;
				font-size: 14px;
				line-height: 1.6;
				padding: 0 2px 0 0;
				margin: 0 0 0 0;
				overflow: hidden;
				color: #333333;
			}
				.formBox form table {
					width: 100%;
				}
				.formBox form .w50 select {
					width: 30%;
				}
				.formBox form input[type="text"] {
					width: 96%;
					border: 0;
					padding: 5px 2% 5px 2%;
					color: #651a20;
					font-size: 14px;
					margin: 0 0 0 0;
					background: #ffffff;
					border: 1px solid #651a20;
					outline: none;
				}
				.formBox form input.typeB[type="text"] {
					width: 96%;
					border: 0;
					padding: 5px 2% 5px 2%;
					color: #651a20;
					font-size: 14px;
					margin: 0 0 5% 0;
					outline: none;
					border: 1px dotted #651a20;
				}
				.formBox textarea {
					width: 96%;
					border: 0;
					outline: none;
					padding: 5px 2% 5px 2%;
					color: #651a20;
					font-size: 14px;
					margin: 0 0 0 0;
					background: #ffffff;
					border: 1px solid #651a20;
				}
				.formBox input[type="radio"] {
					display: none;
					outline: none;
				}
				.formBox input[type="radio"] + label {
					position: relative;
					display: inline-block;
					padding: 0 3px 3px 30px;
					cursor: pointer;
					float: left;
					margin: 0 20px 10px 0;
					outline: none;
				}
				.formBox input[type="radio"] + label.fc {
					clear: left;
				}
				.formBox input[type="radio"] + label::before {
					position: absolute;
					content: '';
					top: 50%;
					left: 0;
					width: 20px;
					height: 20px;
					margin-top: -13px;
					background: #ffffff;
					border: 1px solid #651a20;
					border-radius: 100%;
				}
				.formBox input[type="radio"]:checked + label::after {
					position: absolute;
					content: '';
					top: 50%;
					left: 3px;
					width: 16px;
					height: 16px;
					margin-top: -10px;
					background: #651a20;
					border-radius: 100%;
				}
				
				.formBox input[type="checkbox"] {
					display: none;
				}
				.formBox input[type="checkbox"] + label {
					width: 100%;
					position: relative;
					display: inline-block;
					padding: 0 3px 0 30px;
					cursor: pointer;
					font-size: 14px;
					margin: 5px 20px 8px 0;
				}
				.formBox input[type="checkbox"] + label.fc {
					width: auto;
				}
				.formBox input[type="checkbox"] + label::before {
					position: absolute;
					content: '';
					top: 50%;
					left: 0;
					width: 20px;
					height: 20px;
					margin-top: -11px;
					background: #ffffff;
					border: 1px solid #651a20;
					border-radius: 0%;
				}
				.formBox input[type="checkbox"]:checked + label::after {
					position: absolute;
					content: '';
					top: 0;
					left: 2px;
					width: 15px;
					height: 6px;
					border-left: 4px solid #651a20;
					border-bottom: 4px solid #651a20;
					-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}
				.formBox select {
					outline: none;
					width: 100%;
					min-height: 30px;
					padding: 3px 2% 3px 2%;
					-webkit-appearance: none;
					-moz-appearance: none;
					appearance: none;
					font-size: 14px;
					border: 1px solid #651a20;
					background: #ffffff;
					background: url(../img/arrow_01.png) right 50% no-repeat;
					background: url(../img/arrow_01.png) right 50% no-repeat;
					background-size: 33px, 100%;
					color: #651a20;
				}
				.formBox select option {
					background: #000000;
				}
				
				.formBox #mailBox {
					background: rgba(204,118,0,0.14);
					padding: 30px 5% 30px 5%;
					margin: 80px auto 0 auto;
				}
				.formBox #mailBox .tit {
					text-align: center;
					font-weight: bold;
					margin: 0 0 0 0 !important;
					font-size: 16px;
				}
				.formBox #mailBox .txt {
					text-align: center;
					margin: 5px auto 15px auto;
				}
				.formBox #mailBox .q {
					margin: 15px 0 0 0;
				}
				.formBox #mailBox .a input {
					width: 96%;
					margin: 5px 0 0 0;
					outline: none;
				}
				.formBox #mailBox .note {
					margin: 20px 0 0 0;
				}
				.formBox .privacyBox {
					margin: 50px auto 0 auto;
					text-align: center;
					font-size: 12px;
					line-height: 1.6;
				}
				.formBox #submitBtn {
					background: url(../../q/img/btn_send.png) no-repeat center center;
					background-size: 200px auto;
					margin: 50px auto 0 auto;
					border: none;
					outline: none;
					width: 100%;
					height: 49px;
					text-align: center;
					cursor: pointer;
				}
				.formBox .align-center {
					text-align: center;
					margin: 30px 0 0 0;
				}
				.formBox input[type="submit"] {
					border: none;
					outline: none;
					width: 50%;
					color: #ffffff;
					text-align: center;
					background: #651a20;
					cursor: pointer;
					font-size: 20px;
					font-weight: bold;
					padding: 2% 10px 2% 10px;
					margin: 0 auto 0 auto;
				}
				.formBox input[type="submit"][disabled]{
					opacity: 0.5;
				}
				.formBox input[type="submit"]:hover {
					opacity: 0.5;
				}
				.formBox .resultBox {
				}
				.formBox .result {
					text-align: center;
					font-size: 16px;
					line-height: 1.8;
					margin: 10% auto 10% auto;
				}
				.formBox .btn {
					margin: 8% auto 0 auto;
					border: none;
					outline: none;
					width: 100%;
					text-align: center;
					background: #651a20;
					cursor: pointer;
					font-size: 20px;
					font-weight: bold;
					color: #000000;
					padding: 5% 0 5% 0;
				}
				.formBox a {
					width: 100%;
					height: 100%;
					display: block;
					color: #000000;
				}
				.formBox a:hover {
					text-decoration: none;
				}
				.formBox #submitBtn:hover {
					opacity: 0.5;
				}

				
										@media (min-width: 860px) {

.formBox {
	width: 560px;
	margin: 0 auto 80px auto;
}
		.formBox form {
			margin: 20px auto 0 auto;
		}
			.formBox form .note {
				font-size: 14px;
				line-height: 1.5;
				font-weight: normal;
				margin: 15px 0 15px 0;
			}
			.formBox form .notes {
				font-size: 14px;
				line-height: 1.5;
				font-weight: normal;
				margin: 15px 0 15px 0;
			}
			.formBox form .q {
				font-size: 18px;
				line-height: 1.5;
				margin: 50px 0 10px 0;
			}
			.formBox form .a {
				width: 100%;
				font-size: 18px;
				line-height: 1.6;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
				overflow: hidden;
			}
				.formBox form .w50 select {
					width: 20%;
				}
				.formBox form input[type="text"] {
					width: 538px;
					border: 0;
					padding: 5px 10px 5px 10px;
					color: #333333;
					font-size: 18px;
					margin: 0 0 0 0;
					background: #ffffff;
					border: 1px solid #651a20;
				}
				.formBox form input.typeB[type="text"] {
					width: 508px;
					border: 0;
					padding: 5px 10px 5px 10px;
					color: #333333;
					font-size: 18px;
					margin: 0 0 12px 30px;
					outline: none;
					border: 1px dotted #651a20;
				}
				.formBox textarea {
					width: 538px;
					border: 0;
					outline: none;
					padding: 5px 10px 5px 10px;
					color: #333333;
					font-size: 18px;
					margin: 0 0 0 0;
					background: #ffffff;
					border: 1px solid #651a20;
				}
				.formBox input[type="radio"] {
					display: none;
					outline: none;
				}
				.formBox input[type="radio"] + label {
					position: relative;
					display: inline-block;
					padding: 0 3px 3px 30px;
					cursor: pointer;
					float: left;
					margin: 0 20px 10px 0;
					outline: none;
				}
				.formBox input[type="radio"] + label.fc {
					clear: left;
				}
				.formBox input[type="radio"] + label::before {
					position: absolute;
					content: '';
					top: 50%;
					left: 0;
					width: 20px;
					height: 20px;
					margin-top: -13px;
					background: #ffffff;
					border: 1px solid #651a20;
					border-radius: 100%;
				}
				.formBox input[type="radio"]:checked + label::after {
					position: absolute;
					content: '';
					top: 50%;
					left: 3px;
					width: 16px;
					height: 16px;
					margin-top: -10px;
					background: #651a20;
					border-radius: 100%;
				}
				
				.formBox input[type="checkbox"] {
					display: none;
				}
				.formBox input[type="checkbox"] + label {
					width: 100%;
					position: relative;
					display: inline-block;
					padding: 0 3px 0 30px;
					cursor: pointer;
					font-size: 18px;
					margin: 5px 20px 8px 0;
				}
				.formBox input[type="checkbox"] + label.fc {
					width: auto;
				}
				.formBox input[type="checkbox"] + label::before {
					position: absolute;
					content: '';
					top: 50%;
					left: 0;
					width: 20px;
					height: 20px;
					margin-top: -11px;
					background: #ffffff;
					border: 1px solid #651a20;
					border-radius: 0%;
				}
				.formBox input[type="checkbox"]:checked + label::after {
					position: absolute;
					content: '';
					top: 7px;
					left: 2px;
					width: 15px;
					height: 6px;
					border-left: 4px solid #651a20;
					border-bottom: 4px solid #651a20;
					-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}
				.formBox select {
					outline: none;
					width: 100%;
					min-height: 30px;
					padding: 3px 10px 3px 10px;
					-webkit-appearance: none;
					-moz-appearance: none;
					appearance: none;
					font-size: 15px;
					border: 1px solid #651a20;
					background: #ffffff url(../img/arrow_01.png) right 50% no-repeat;
					background: #ffffff url(../img/arrow_01.png) right 50% no-repeat;
					background-size: 33px, 100%;
					color: #333333;
				}
				.formBox #mailBox {
					background: rgba(204,118,0,0.14);
					padding: 30px 30px 30px 30px;
					margin: 80px auto 0 auto;
				}
				.formBox #mailBox .tit {
					text-align: center;
					font-weight: bold;
					margin: 0 0 0 0 !important;
					font-size: 20px;
				}
				.formBox #mailBox .txt {
					text-align: center;
					margin: 5px auto 15px auto;
				}
				.formBox #mailBox .q {
					margin: 15px 0 0 0;
				}
				.formBox #mailBox .a input {
					width: 478px;
					margin: 5px 0 0 0;
					outline: none;
				}
				.formBox #mailBox .note {
					margin: 20px 0 0 0;
				}
				.formBox .privacyBox {
					margin: 50px auto 0 auto;
					text-align: center;
					font-size: 14px;
					line-height: 1.6;
				}
				.formBox #submitBtn {
					background-size: 283px auto;
					margin: 50px auto 0 auto;
					border: none;
					outline: none;
					width: 100%;
					height: 70px;
					text-align: center;
					cursor: pointer;
				}
				.formBox #submitBtn:hover {
					opacity: 0.5;
				}
				.formBox .resultBox {
					min-height: 700px;
				}
				.formBox .result {
					text-align: center;
					font-size: 16px;
					line-height: 1.8;
					margin: 100px auto 100px auto;
				}
				.formBox .btn {
					margin: 50px auto 0 auto;
					border: none;
					outline: none;
					width: 100%;
					height: 50px;
					text-align: center;
					background: #651a20;
					cursor: pointer;
					font-size: 20px;
					font-weight: bold;
					color: #ffffff;
					line-height: 50px;
					padding: 0 0 0 0;
				}
				.formBox #submitBtn:hover {
					opacity: 0.5;
				}
										}


/*----------------------------------q thanks setting----------*/

		#questionnaire #stamp {
			padding: 30px 0 30px 0; 
			text-align: center;
		}
		#questionnaire #stamp h2 {
			align-items: center;
			text-align: center;
			font-size: 30px;
			margin: 0 auto 0 auto;
		}
			#questionnaire #stamp h2 img {
				max-width: 313px;
			}
			#questionnaire #stamp .contentBox {
				margin: 20px auto 0 auto;
			}
				#questionnaire #stamp .txtBox {
					margin: 20px auto 0 auto;
					width: 100%;
				}
				#questionnaire #stamp .contentBox {
					display: -webkit-flex;
					display: flex;
					-webkit-justify-content: center;
					justify-content:         center;
					-webkit-align-items: center;
					align-items:         center;
				}
				#questionnaire #stamp .btn span,
				#questionnaire #stamp .bnr span {
					font-weight: bold;
				}
				#questionnaire #stamp .btn {
					width: 30%;
					max-width: 260px;
					margin: 0 5% 0 5%;
				}
				#questionnaire #stamp .btn a {
					width: 100%;
					margin: 15px 0 0 0;
					padding: 10px 0 10px 0;
					display: block;
					border-radius: 5px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					background: #66191e;
					color: #ffef2e;
					font-weight: bold;
				}
				#questionnaire #stamp .btn a:hover {
					opacity: 0.6;
				}
				#questionnaire #stamp .btn a {
					color: #ffef2e;
				}
				#questionnaire #stamp .btn a:hover {
					text-decoration: none;
				}
				#questionnaire #stamp .bnr {
					width: 30%;
					max-width: 260px;
					margin: 15px 5% 0 5%;
				}
				#questionnaire #stamp .img {
					margin: 0 auto 0 auto;
					width: 50%;
					max-width: 300px;
				}
				
	/*---------------------------------- setting SP----------*/
					@media screen and (max-width: 860px) {
			#questionnaire #stamp h2 img {
				width: 90%;
			}
				#questionnaire #stamp .txt1 {
					width: 90%;
					text-align: left;
				}
				#questionnaire #stamp .txt2 {
					width: 90%;
					text-align: left;
				}
					}


/*----------------------------------#dl setting----------*/
#download {

}
#download {
	padding: 40px 0 0 0;
}

#download .contentBox {
	width: 94%;
	max-width: 1020px;
	margin: 0 auto 0 auto;
	background: #ffffff;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
}
	#download .downloadWrap {
		margin: 5% auto 10% auto;
		max-width: 840px;
	}
		#download .downloadWrap h3 {
			
		}
		#download .downloadWrap .downloadBox {
			margin: 5% 0 0 0;
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: center;
			justify-content:         center;
			-webkit-align-items: center;
			align-items:         center;
		}
		#download .downloadWrap .imgBox {
			width: 40%;
			margin: 0 0 0 0;
		}
			#download .downloadWrap .imgBox .img {
				line-height: 0;
			}
		#download .downloadWrap .btnBox {
			width: 60%;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
		}
			#download .downloadWrap .btnBox .btn {
				width: 80%;
				max-width: 400px;
			}
			#download .downloadWrap .btnBox .btn a {
					width: 100%;
					margin: 15px 0 0 0;
					padding: 10px 10px 10px 10px;
					display: block;
					border-radius: 5px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					background: #66191e;
					color: #ffef2e;
					font-weight: bold;
			}
			#download .downloadWrap .btnBox .btn a:hover {
				opacity: 0.6;
			}
			#download .downloadWrap .btnBox .btn a:hover {
				text-decoration: none;
			}
			

	/*----------------------------------#play setting SP----------*/
					@media screen and (max-width: 860px) {

		#download .downloadWrap .downloadBox {
			margin: 5% auto 0 auto;
			width: 80%;
			display: block;
		}
		#download .downloadWrap .imgBox {
			width: 100%;
			margin: 0 0 0 0;
		}
			#download .downloadWrap .imgBox .img {
				line-height: 0;
			}
		#download .downloadWrap .btnBox {
			width: 100%;
			margin: 0 0 0 0;
			padding: 10px 0 0 0;
		}
			#download .downloadWrap .btnBox .btn {
				width: 90%;
				max-width: 90%;
				line-height: 0;
				margin: 0 0 10px 0;
			}
			#download .downloadWrap .btnBox .btn a {
				padding: 20px 5% 20px 5%;
				
			}
			
					}

/*----------------------------------#popup setting----------*/
#popup {
	display: none;
}
#popupBtn {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 100;
	cursor: pointer;
}
#popupBtn img {
	width: 100%;
	border-style:none;
}
	/*----------------------------------#popup setting SP----------*/
					@media screen and (max-width: 860px) {
						
#popupBtn {
	width: 20%;
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 100;
	cursor: pointer;
}
#popupBtn img {
	width: 100%;
	border-style:none;
}
					}
					

/*-----------------------------------------------------------
	#share setting
-----------------------------------------------------------*/
#share {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	position: relative;
	text-align: center;
}
.top #share {
	margin-top: 70px;
}

	#share .contentBox {
		background: url(../img/line_02.png) repeat-x center top;
		max-width: 800px;
		padding: 50px 0 0 0;
		margin: 0 auto 0 auto;
	}
	.questionnaire #share .contentBox {
		background: none;
	}

	#share h2 {
		width: 62.5%;
		max-width: 500px;
		margin: 0 auto 0 auto;
	}
	
	#share ul {
		width: 100%;
		margin: 20px auto 0 auto;
		
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items:         center;
  -webkit-justify-content: center;
  justify-content:         center;
	}
		#share ul li {
			width: 20.25%;
			max-width: 162px;
			margin: 0 0.5% 0 0.5%;
			line-height: 0;
		}
		#share ul li img {
			width: 100%;
			height: auto;
		}
		#share ul li a {
			display: block;
		}
		
		
					/*===================sp=*/@media screen and (max-width: 860px) {
						
#share {
	margin-top: 30px;
	padding: 0 0 0 0;
}
.top #share {
	margin-top: 0;
}
	#share .contentBox {
		width: 100%;
		padding: 30px 0 0 0;
	}
		
	#share h2 {
		width: 100%;
		float: none;
		margin: 0 auto 5% auto;
	}
		#share ul {
			width: 90%;
		}
		#share ul li {
			width: 31%;
			margin: 0 0 0 0;
		}

					}/*====================*/
					
					
/*-----------------------------------------------------------
	#footer setting
-----------------------------------------------------------*/
#footer {
	width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0 0 50px 0;
	position: relative;
	line-height: 1.6;
	color: #e5e5e4;
	z-index: -1;
}

.footerWrap {
	max-width: 1020px;
	margin: 0 auto;
}

#footer .logoBox {
	margin: 0 0 30px 0;
	
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content:         center;
  -webkit-align-items: center;
  align-items:         center;
}
		#footer .logoBox .logo01 {
			width: 10.882352941176471%;
			max-width: 111px;
			margin: 0 2% 0 2%;
		}
		#footer .logoBox .logo02 {
			width: 13.627450980392156%;
			max-width: 139px;
			margin: 0 2% 0 2%;
		}

#footer .copyright01 {
	font-size: 14px;
	margin: 0 0 15px 0;
	color: #333333;
}
#footer .copyright02 {
	font-size: 12px;
	color: #999999;
}

					/*===================sp=*/@media screen and (max-width: 860px) {
						
#footer .logoBox {
	margin: 30px 0 30px 0;
}
		#footer .logoBox .logo01 {
			width: 26%;
			margin: 0 2% 0 2%;
		}
		#footer .logoBox .logo02 {
			width: 23%;
			margin: 0 2% 0 2%;
		}

#footer .copyright01 {
	width: 94%;
	margin: 0 auto 15px auto;
	font-size: 3.4vw;
	color: #333333;
}
#footer .copyright02 {
	width: 94%;
	font-size: 3.0vw;
	margin: 0 auto 0 auto;
	color: #999999;
}
						
					}/*====================*/