@charset "utf-8";


/* スマホでアニメーション無効化 */

@media(max-width:768px){
	.visible {
		/* animation */
		/*-webkit-animation:none !important;
		animation:none !important;*/
	}
}


/* ////////////////////////////////////////////////////////////

カラム設定

/////////////////////////////////////////////////////////////*/

#container .MainColumn {
	width: 75%;
	float: left;
	padding-bottom: 1em;
	/*padding-top: .5em;*/

	font-size: 1.1em;
}

@media(max-width:768px){
	#container .MainColumn {
		width: 100%;
		float: inherit;
		padding: 0;
	}
}


#container .SubColumn {
	width: 25%;
	float: right;
	padding-left: 1em;
	/*padding-top: .5em;*/
}

@media(max-width:768px){
	#container .SubColumn {
		width: 100%;
		float: inherit;
		padding-left: 0;
	}
}

body.SingleColumn #container .MainColumn {
  width: 100%;
  float: inherit;
}


/* ////////////////////////////////////////////////////////////

本文

/////////////////////////////////////////////////////////////*/

#container p {
	font-size: 1.1em;
	/*font-size: .9em;*/
	/*font-size: 1.2em;*/
	line-height: 1.6;

	margin: 1.5em 0;

	/* 両端揃え */
	text-align: justify;

	letter-spacing: 1px;
}


@media(max-width:768px){
	#container p {
		font-size: 1em;
	}
}


#container p.Center {
	text-align: center;
}



/* ////////////////////////////////////////////////////////////

見出し系

/////////////////////////////////////////////////////////////*/

#container h4 {
	display: inline-block;
	padding-right: 1em;
}

/* ////////////////////////////////////////////////////////////

#header

/////////////////////////////////////////////////////////////*/

#header {
	/*height: 500px;
	overflow: hidden;*/
	position: relative;


	/*border-top: 4px solid rgba(184,228,242, 1);*/

	/* ドロップシャドウ */
	/*-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
	box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);*/
}

@media(max-width:768px){
	#header {
		height: inherit;
		/*background: rgba(1,78,142, 1);*/
		background: none;
	}
}

body:not(.index) #header {
	background: none;
}


	#header .topbar {
		/*margin-top: .5em;*/
		/*background: rgba(223,52,71, 1);*/
		/*background: rgba(184,228,242, 1);*/
		background: rgba(184,228,242, 1);
		color: rgba(50,50,50, .8);

		/* ドロップシャドウ */
		/*-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
		box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);*/
	}

		#header .topbar .wrapper {
			/*padding: .5em .5em;*/
		}

		@media(max-width:768px){
			#header .topbar .wrapper {
				padding: 0;
			}
		}




#header .topbar a.tel {
	display: block;
}


#header .headerButton {
	float: right;
	width: 35%;
	padding: .5em 1em;
}

@media(max-width:768px){
	#header .headerButton {
		padding-top: 2px;
		/*display: none;*/
		float: inherit;
		width: 96%;
		margin: 0 2%;
		display: none;
	}
}

	#header .headerButton:hover {
		/* animation */
		-webkit-animation: popup .4s ease-in-out 0s forwards;
		animation: popup .4s ease-in-out 0s forwards;
	}

	@media(max-width:768px){
		#header .headerButton:hover {
			/* animation */
			-webkit-animation:none;
			animation:none;
		}
	}


	#header .headerButton img {
	}




#header .headerBg {
	position: relative;

	background: url(../img/headerbg.png) no-repeat center bottom;
	background-size: auto;

	/*background-color: rgba(184,228,242, 1);*/
	background-color: rgba(255,244,246, 1);

	width: 100%;
	height: 500px;
}

@media(max-width:768px){
	#header .headerBg {
		/*height: 180px;
		background-size: cover;*/

		height: auto;
		background: none;
	}
}

body:not(.index) #header .headerBg {
}

@media(max-width:768px){
	body:not(.index) #header .headerBg {
	}
}

body:not(.index) #header .headerBg {
}


#header .headerBg .wrapper {
	width: 1000px;
	/*width: inherit;
	height: 500px;
	background: url(../img/header.png) no-repeat center top;*/

}

@media(max-width:768px){
	#header .headerBg .wrapper {
		width: 100%;
	}
}

#header .headerSP {
	display: none;
}

@media(max-width:768px){
	#header .headerSP {
		display: block;
	}

	/*body:not(.index) #header .headerSP {
		display: block;
	}*/
}

#header .headerBg img.Image {
	/* 透明 */
	-webkit-opacity:0;
	opacity:0;
	/* animation */
	-webkit-animation: fadeIn .3s ease-in-out 0s forwards;
	animation: fadeIn .3s ease-in-out 0s forwards;
}



#header .headerUnder {
	/* 網掛け */
	/*background: repeating-linear-gradient(-45deg,
	rgba(215,48,166, .9),rgba(215,48,166, .9) 3px,
	rgba(215,48,166, 1) 0, rgba(215,48,166, 1) 6px);*/

	/* 網掛け */
	/*background: repeating-linear-gradient(-45deg,
	rgba(255,234,0, .9),rgba(255,234,0, .9) 3px,
	rgba(255,234,0, 1) 0, rgba(255,234,0, 1) 6px);*/

	/*background: repeating-linear-gradient(-45deg,
	rgba(255,255,0, .5),rgba(255,255,0, .5) 3px,
	rgba(255,255,0, 1) 0, rgba(255,255,0, 1) 6px);*/

	background: url(../img/headerUnderbg.gif) repeat;

	/*background: rgba(255,255,0, 1);*/
}

@media(max-width:768px){
	#header .headerUnder {
		padding: 2em 0 1em;
		margin: 0 0 20px;
	}
}


	#header .headerUnder .TextImage {
		/* 透明 */
		-webkit-opacity:0;
		opacity:0;
	}

	#header .headerUnder .TextImage.visible {
		/* animation */
		/*-webkit-animation: swayH 2s ease-in-out infinite normal;
		animation: swayH 2s ease-in-out infinite normal;*/
		/* animation */
		-webkit-animation: slideInLeft .4s ease-in-out .5s forwards;
		animation: slideInLeft .4s ease-in-out .5s forwards;
	}


	#header .headerUnder .GraphImage {
		position: absolute;
		right: 0;
		bottom: 0;
	}

	@media(max-width:768px){
		#header .headerUnder .GraphImage {
			width: 50%;
			bottom: -40px;
		}
	}

	#header .headerUnder .GraphImage.visible {
		/* animation */
		-webkit-animation: slideInTop .4s ease-in-out .5s forwards;
		animation: slideInTop .4s ease-in-out .5s forwards;
	}







#header .logo {
	/*padding-bottom: 1.2em;*/
	position: relative;
	/*float: inherit;*/
	display: inline-block;
	width: 35%;
}

@media(max-width:768px){
	#header .logo {
		/*padding: 1em 0 0;*/
		width: 55%;
		/*float: inherit;*/
		display: inline-block;

	}
}

	#header .logo a {
		position: relative;
	}

	@media(max-width:768px){
		#header .logo a {
		}

			#header .logo a img.Image {
				/*display: block;
				margin: 0 auto;*/
				/*width: 100%;*/
			}
	}


	#header .logo a:hover {
		/* animation */
		/*-webkit-animation: bounce .4s ease-in-out 0s forwards;
		animation: bounce .4s ease-in-out 0s forwards;*/
	}


	#header .logo .Icon {
		position: absolute;;
		top: 0;
		left: 0;
		display: block;

		/* animation */
		-webkit-animation: heartbeat 1s ease-in-out infinite normal; /* alternate / normal */
		animation: heartbeat 1s ease-in-out infinite normal; /* alternate / normal */
	}

	@media(max-width:768px){
		#header .logo .Icon {
			top: 3px;
			left: .5em;
			width: 15%;
		}
	}

	#header .logo a:hover .Icon {
	}


@media(max-width:768px){
	#header .logo + .telLinkA {
		display: inline-block;
		width: 40%;
	}
}


@media(max-width:768px){
	#header h1 {
	}
}

#header .menuButton {
	float: right;
	padding-top: 1.2em;
	width: 25%;
	margin-right: .5em;
}


#header .ContactButton {
	display: block;
	float: right;
	/*margin-top: .7em;*/
}

/*body:not(.index) #header .ContactButton {
	display: none;
}*/

@media(max-width:768px){
	#header .ContactButton {
		/*float: inherit;*/
		/*display: none;*/
		/*width: 100%;*/
		width: 40%;
		margin-top: .1em;
		padding-right: .2em;
	}

		#header .ContactButton img {
			width: 100%;
		}
}


#header .ContactButton:hover {
	/* animation */
	-webkit-animation: bounce .8s ease-in-out 0s forwards;
	animation: bounce .8s ease-in-out 0s forwards;
}


#header .TelBn {
	float: right;
	margin-top: 1.5em;
}

@media(max-width:768px){
	#header .TelBn {
		display: none;
	}
}




#header .topbar > .wrapper {
	/*background: rgba(255,255,255, .95);*/
	/*width: 1200px;*/
}

@media(max-width:768px){
	#header .topbar > .wrapper {
		width: 100%;
	}
}

body:not(.index) #header .topbar > .wrapper {
}



#header .NavBar {
	margin-top: .2em;
	background: rgba(255,255,255, 1);
}

	#header .NavBar.fixed {
		z-index: 99999;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;

		/* ドロップシャドウ */
		-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
		box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
	}

	@media(max-width:768px){
		#header .NavBar.fixed {
			margin-top: 0;
			/* ドロップシャドウ */
			-webkit-box-shadow: none;
			box-shadow: none;

			position: relative;
			top: inherit;
			left: inherit;
		}
	}

	#header .NavBar a.Button {
		display: inline-block;
		/*width: 25%;*/
		margin-left: -.5em;
		float: left;
		margin-top: .8em;
	}

	@media(max-width:768px){
		#header .NavBar a.Button {
			width: 49%;
		}
	}

	#header .NavBar a.Button:hover {
		/* animation */
		/*-webkit-animation: bounce .8s ease-in-out 0s forwards;
		animation: bounce .8s ease-in-out 0s forwards;*/

		/* 透明 */
		/*-webkit-opacity:.8;
		opacity:.8;*/

		/* 彩度 */
		-webkit-filter:saturate(0%);
		filter:saturate(0%);
	}

	@media(max-width:768px){
		#header .NavBar a.Button:hover {
			/* animation */
			-webkit-animation:none;
			animation:none;
		}
	}


		#header .NavBar a.Button img {
			/* 角丸 */
			-webkit-border-radius: 3px;
			border-radius: 3px;

			/* ドロップシャドウ */
			-webkit-box-shadow: 0px 3px 0px rgba(0,133,178, .2);
			box-shadow: 0px 3px 0px rgba(0,133,178, .2);
		}


#header .topbar .h1Bar {
	/*background: rgba(184,228,242, 1);*/
	/*color: rgba(255,255,255, 1);*/
	/*border-top: 4px solid rgba(184,228,242, 1);*/
}

	#header .topbar .h1Bar h1 {
		/*padding: .5em 0 0 1em;*/
		padding: .1em .5em;
		/*margin-top: .2em;*/
		display: block;
		font-size: .85em;
		text-align: center;

		/* 透明 */
		/*-webkit-opacity:0;
		opacity:0;*/

		/*color: rgba(255,255,255, .9);*/
		/*background: rgba(184,228,242, 1);*/

		/* animation */
		/*-webkit-animation: slideInLeft_s .4s ease-in-out .2s forwards;
		animation: slideInLeft_s .4s ease-in-out .2s forwards;*/



		/* 角丸 */
		/*-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;*/
		/* テキストシャドウ */
		-webkit-text-shadow: none;
		text-shadow: none;

		/* 光彩 */
		/*-webkit-text-shadow: -2px 2px 5px rgba(255,255,255, .5) , 2px -2px 5px rgba(255,255,255, .5);
		text-shadow: -2px 2px 5px rgba(255,255,255, .5) , 2px -2px 5px rgba(255,255,255, .5);*/

		/* ドロップシャドウ */
		/*-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
		box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);*/
	}

	@media(max-width:768px){
		#header .topbar .h1Bar h1 {
			padding: .2em .5em;
			line-height: 1.2;
			font-size: .9em;

			text-align: center;

			/* テキストシャドウ */
			-webkit-text-shadow: none;
			text-shadow: none;
		}
	}



	#header .topbar .h1Bar h1 span.pcOnly {
		display: inline-block;
	}

	@media(max-width:768px){
		#header .topbar .h1Bar h1 span.pcOnly {
			display: none;
		}
	}


#header .gnav {
	/* Font-Family 角ゴシック系 */
	/*font-family:"Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;*/
  /* Font-Family 游ゴシック */
	/*font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
}





	#header .gnav ul li a {
		position: relative;
		margin: 8px 0;
		letter-spacing: 1px;

		color: rgba(50,50,50, 1);
		font-weight: normal;
	}

	#header .gnav ul li a:hover {
		/*color: rgba(255,255,255, 1);*/
		color: rgba(184,228,242, 1);
	}


	#header .gnav ul li:not(:nth-child(5)) a {
		border-right: 1px solid rgba(0,0,0, .1);
	}



	#header .gnav ul li a::before {
		content:'';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		/*background: rgba(184,228,242, .7);*/

		/* 網掛け */
		background: repeating-linear-gradient(-45deg,
		rgba(184,228,242, .03),rgba(184,228,242, .03) 4px,
		rgba(184,228,242, .06) 0, rgba(184,228,242, .06) 8px);

		/*display: none;*/
		/* 透明 */
		-webkit-opacity:0;
		opacity:0;
		/* transition */
		-webkit-transition: all .3s ease-in-out 0s;
		transition: all .3s ease-in-out 0s;
	}

	#header .gnav ul li a:hover::before {
		-webkit-animation: fadeIn .4s ease-in-out 0s forwards;
		animation: fadeIn .4s ease-in-out 0s forwards;
	}


		#header .gnav ul li a i {
			/*position: absolute;
			right: 0;
			top: 0;*/
			padding: 5px 0;
			font-size: 1.2em;
			margin-left: .2em;

			/* transition */
			-webkit-transition: all 0s ease-in-out 0s;
			transition: all 0s ease-in-out 0s;
		}

		#header .gnav ul li a:hover i {
			/* 回転 */
			/*-webkit-transform: rotate(90deg);
			transform: rotate(90deg);*/
		}



		#header .gnav .nav-underline {
		  position: absolute;
		  left: 40%;
		  top: 8px;
		  width: 20%;
		  height: 2px;
		  background: rgba(184,228,242, 1);
			/* transition */
			-webkit-transition: all .3s ease-in-out 0s;
			transition: all .3s ease-in-out 0s;

			/* 透明 */
			-webkit-opacity:0;
			opacity:0;
		}

		#header .gnav ul li:hover ~ .nav-underline {
			/* animation */
			-webkit-animation: fadeIn .4s ease-in-out 0s forwards;
			animation: fadeIn .4s ease-in-out 0s forwards;
		}

		#header .gnav ul li:nth-child(1):hover ~ .nav-underline {
		  left: 0;
		}
		#header .gnav ul li:nth-child(2):hover ~ .nav-underline {
		  left: 20%;
		}
		#header .gnav ul li:nth-child(3):hover ~ .nav-underline {
		  left: 40%;
		}
		#header .gnav ul li:nth-child(4):hover ~ .nav-underline {
		  left: 60%;
		}
		#header .gnav ul li:nth-child(5):hover ~ .nav-underline {
		  left: 80%;
		}



/* ////////////////////////////////////////////////////////////

.Box4_3 // PC回り込み/画像比4：3/画像左40% /スマホ80％全面

/////////////////////////////////////////////////////////////*/

#container .Box4_3 {
}

	#container .Box4_3 img {
		float: left;
		width: 40%;
		margin-right: 1em;
		margin-top: 0;

	}

	#container .Box4_3 img.right {
		float: right;
		margin-left: 1em;
		margin-right: 0;
	}

	@media(max-width:768px){
		#container .Box4_3 img,
		#container .Box4_3 img.right {
			width: 80%;
			margin: 1em auto;
			display: block;
			float: inherit;
		}
	}

	#container .Box4_3 img.S {
		width: 20%;
	}


		#container dl .Box4_3 a.screenshot img {
			margin-right: .5em;
		}

		#container dl .Box4_3 .Text {
			padding-top: 10px;
		}

/* ////////////////////////////////////////////////////////////

.Box3_3 // PC回り込み/画像比3：3/画像左30% /スマホ80％全面

/////////////////////////////////////////////////////////////*/

#container .Box3_3 {
}

	#container .Box3_3 img {
		float: left;
		width: 20%;
		margin-right: 1em;
		margin-top: 0;
	}


	#container .Box3_3 img.right {
		float: right;
		margin-left: 1em;
		margin-right: 0;
	}

	/*@media(max-width:768px){
		#container .Box3_3 img,
		#container .Box3_3 img.right {
			width: 80%;
			margin: 1em auto;
			display: block;
			float: inherit;
		}

	}*/

		#container dl .Box3_3 a.screenshot img {
			margin-right: .5em;
		}

		#container dl .Box3_3 .Text {
			padding-top: 10px;
		}



/* ////////////////////////////////////////////////////////////

.Box2_1 // PC 50% / スマホ 100％全面

/////////////////////////////////////////////////////////////*/

#container .Box2_1 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: box;

	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: flexbox;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;

	/* 基本 */
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;

	/* 一列 */
	/*-webkit-flex-flow:column nowrap;
	flex-flow:column nowrap;*/

	/* 垂直中央寄せ */
	/*-webkit-align-items: center;
	align-items:center;*/

	/* 垂直上寄せ */
	/*-webkit-align-items: flex-start;
	align-items:flex-start;*/

	/* 垂直下寄せ */
	/*-webkit-align-items: flex-end;
	align-items:flex-end;*/

	/* 垂直ストレッチ */
	-webkit-align-items: stretch;
	align-items:stretch;

	/* 垂直ベースラインを揃える */
	/*-webkit-align-items: baseline;
	align-items:baseline;*/

	/* 水平中央寄せ */
	/*-webkit-justify-content: center;
	justify-content:center;*/

	/* 水平左寄せ */
	/*-webkit-justify-content: flex-start;
	justify-content:flex-start;*/

	/* 水平右寄せ */
	/*-webkit-justify-content: flex-end;
	justify-content:flex-end;*/

	/* 水平等間隔表示 */
	/*-webkit-justify-content: space-around;
	justify-content:space-around;*/
}

	#container .Box2_1 dl {
		-webkit-flex: 1;
		flex: 1;
		min-width:49%;
		max-width:50%;
		margin-right:5px;
	}

	@media(max-width:768px){
		#container .Box2_1 dl {
			width: 90%;
			min-width:90%;
			max-width:90%;
			display: block;
			margin: 0 auto;
		}
	}


/* ////////////////////////////////////////////////////////////

a.scshot

/////////////////////////////////////////////////////////////*/

#container a.scshot {
	display: block;
}

#container a.scshot:hover {
	/* animation */
	-webkit-animation: bounce .9s ease-in-out 0s forwards;
	animation: bounce .9s ease-in-out 0s forwards;
}

@media(max-width:768px){
	#container a.scshot:hover {
		/* animation */
		-webkit-animation:none;
		animation:none;
	}
}

	#container a.scshot img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}



/* ////////////////////////////////////////////////////////////

#floatButton

/////////////////////////////////////////////////////////////*/

#floatButton {
	position: fixed;
	bottom: -300px;
	left: 0;
	z-index: 9999;
	width: 100%;
	background: rgba(255,255,255, .8);
	padding: 0;
	/*height: 100px;*/

	/* transition */
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

@media(max-width:768px){
	#floatButton {
		/*height: 42px;*/
	}
}

#floatButton.fixed {
	bottom: 0;
}

	#floatButton a:hover {
		/* animation */
		-webkit-animation: bounce .7s ease-in-out 0s forwards;
		animation: bounce .7s ease-in-out 0s forwards;
	}

	@media(max-width:768px){
		#floatButton .wrapper {
			padding: 0;
		}
	}


/* ////////////////////////////////////////////////////////////

.sidebar

/////////////////////////////////////////////////////////////*/

#container .sidebar {
}




/* ////////////////////////////////////////////////////////////

#floatFooter

/////////////////////////////////////////////////////////////*/


#floatFooter {
}

	#floatFooter .ContactButton {
		position: absolute;
		right: 0;
		bottom: 5px;
	}

	#floatFooter .ContactButton:hover {
		/* animation */
		-webkit-animation: popup 1s ease-in-out 0s forwards;
		animation: popup 1s ease-in-out 0s forwards;
	}


	#floatFooter i {
		position: absolute;
		right: 0;
		top: 5px;
		margin-right: -1em;

		font-size: 2.5em;
		z-index: 99999;
		cursor: pointer;

		color: rgba(184,228,242, 1);
	}

	#floatFooter i:hover {
		/* 透明 */
		-webkit-opacity: .8;
		opacity: .8;
	}

	#floatFooter.End {
		bottom: -1000px !important;
	}


#floatFooter .spOnly a {
	width: 50%;
	float: left;
}

@media(max-width:768px){
	#floatFooter .wrapper {
		padding: .5em 0;
	}

	#floatFooter {
		border-top-width: 3px;
	}
}






/* ////////////////////////////////////////////////////////////

フォームカスタマイズ

/////////////////////////////////////////////////////////////*/


#container form.form {
	font-size: .8em;
	width: 80%;
	margin: 0 auto;
	background: rgba(255,255,255, .9);
	padding: 1em 1em;
	border: 3px solid rgba(184,228,242, 1);
	/* 角丸 */
	-webkit-border-radius: 5px;
	border-radius: 5px;

	/* 網掛け */
	/*background: repeating-linear-gradient(-45deg,
	rgba(184,228,242, .03),rgba(184,228,242, .03) 20px,
	rgba(184,228,242, .05) 0, rgba(184,228,242, .05) 40px);*/

	/* ドロップシャドウ */
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
	box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);

}

@media(max-width:768px){
	#container form.form {
		width: 96%;
		padding: 0 1em;
		font-size: .7em;
	}
}

	#container form.form input,
	#container form.form textarea {
		/* 角丸 */
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}


	#container form.form input + span.AddText {
		margin: 0;
		padding: 0;
		font-size: 1.5em;
		font-weight: bold;
	}


#container form.form p {
	line-height: 1;
}

@media(max-width:768px){
	#container form.form p {
		margin: .5em 0;
	}
}


#container form.form table td.head {
}

@media(max-width:768px){
	#container form.form table td.head {
		padding: .5em 0 0;
		margin-bottom: 0;
	}
}


#container form.form table td.head .require span {
}

@media(max-width:768px){
	#container form.form table td.head .require span {
		padding: .2em .5em;
		margin-left: 0;
	}
}


#container form.form .input_text_s {
}

@media(max-width:768px){
	#container form.form .input_text_s {
	}
}

#container form.form .input_text_ss {
}

@media(max-width:768px){
	#container form.form .input_text_ss {
		width: 45%;
	}

	#container form.form .input_text_ss.tel {
		width: 20%;
	}
}


	/* ////////////////////////////////////////////////////////////

	光るボタン

	/////////////////////////////////////////////////////////////*/

	.reflection-box {
	   width: 100%;
	   position: relative;
	   overflow: hidden;
	   margin: .2em;
	}

	.reflection {
	  height: 100%;
	  width: 30px;
	  position: absolute;
	  top: -180px;
	  left: 0;
	  background-color: #fff;
	  /* 透明 */
	  -webkit-opacity:0;
	  opacity:0;
	  -webkit-transform: rotate(45deg);
	  -webkit-animation: reflection 2s ease-in-out infinite;
	  transform: rotate(45deg);
	  animation: reflection 2s ease-in-out infinite;
	}


	@media screen and (max-width:768px) {
	.reflection {
	  top: -100px;
	  width:20px;
	  background-color: #fff;

	  -webkit-transform: rotate(45deg);
	  -webkit-animation: reflection 3s ease-in-out infinite;
	  transform: rotate(45deg);
	  animation: reflection 3s ease-in-out infinite;
	}
	}

	@keyframes reflection {
	    0% { transform: scale(0) rotate(45deg); opacity: 0; }
	    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
	    81% { transform: scale(4) rotate(45deg); opacity: 1; }
	    100% { transform: scale(50) rotate(45deg); opacity: 0; }
	}

	@-webkit-keyframes reflection {
	    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
	}












/* ////////////////////////////////////////////////////////////

ページ読み込み時シャッター

/////////////////////////////////////////////////////////////*/

#Shutter {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255,244,246, 1);
  z-index: 99999;
  -webkit-animation: byeShutter 1.2s forwards;
  animation: byeShutter 1.2s forwards;
}
#Shutter::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  /*background: rgba(255,244,246, 1);*/
	background: rgba(184,228,242, 1);
  width: 0;
  height: 3px;
  -webkit-animation: shutterOpen 1s forwards;
  animation: shutterOpen 1s forwards;

}

/*.content {
  -webkit-animation: contentScale 2.6s forwards;
  animation: contentScale 2.6s forwards;
}*/

@-webkit-keyframes byeShutter {
  70% { opacity: 1; }
  100% { opacity: 0;
    display: none;
    z-index: -1;
  }
}

@keyframes byeShutter {
  70% { opacity: 1; }
  100% { opacity: 0; display: none; z-index: -1; }
}
@-webkit-keyframes shutterOpen {
  0% { width: 0; height: 3px; }
  50% { width: 100%; height: 3px; }
  90% { width: 100%; height: 100%; }
  100% { width: 100%; height: 100%; }
}
@keyframes shutterOpen {
  0% { width: 0; height: 3px; }
  50% { width: 100%; height: 3px; }
  90% { width: 100%; height: 100%; }
  100% { width: 100%; height: 100%; }
}
@-webkit-keyframes contentScale {
  70% { -webkit-transform: perspective(800px) scale(0.9) rotateX(15deg);
    transform: perspective(800px) scale(0.9) rotateX(15deg); }
  100% { -webkit-transform: perspective(800px) scale(1) rotateX(0);
		transform: perspective(800px) scale(1) rotateX(0); }
}
@keyframes contentScale {
  70% { -webkit-transform: perspective(800px) scale(0.9) rotateX(15deg);
		transform: perspective(800px) scale(0.9) rotateX(15deg); }
  100% { -webkit-transform: perspective(800px) scale(1) rotateX(0);
		transform: perspective(800px) scale(1) rotateX(0); }
}






/* ////////////////////////////////////////////////////////////

section.RegBox

/////////////////////////////////////////////////////////////*/

#container section.RegBox {
	background: rgba(255,244,246, 1);
	padding: 1em 0;
}

@media(max-width:768px){
	#container section.RegBox {
		padding: 0;
	}
}

	#container section.RegBox .clearfix {
		background: rgba(255,255,255, .9);
		padding: 1em 1em;

		/* 角丸 */
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	@media(max-width:768px){
		#container section.RegBox .clearfix {
			padding: .5em .5em;

			/* 角丸 */
			-webkit-border-radius: 0;
			border-radius: 0;
		}
	}

		#container section.RegBox .clearfix .Text {
			display: block;
			float: left;
			width: 50%;
			position: relative;

			/* animation */
			/*-webkit-animation: flash 1.5s ease-in-out infinite normal;
			animation: flash 1.5s ease-in-out infinite normal;*/
		}

		#container section.RegBox .clearfix .Text:nth-child(2) {
		}


			#container section.RegBox .clearfix .Text .Flash {
				position: absolute;
				bottom: 15px;
				left: 50px;
				/* animation */
				-webkit-animation: FlashInt 2s ease-in-out infinite normal;
				animation: FlashInt 2s ease-in-out infinite normal;
			}

			@media(max-width:768px){
				#container section.RegBox .clearfix .Text .Flash {
					width: 50%;
					bottom: 5px;
					left: 13px;
				}
			}



		#container section.RegBox .clearfix img.TextL {
			display: block;
			float: left;
			width: 35%;
		}

		#container section.RegBox .clearfix .Button {
			display: block;
			float: left;
			width: 64%;

			/* animation */
			-webkit-animation: fluffyInt 3s ease-in-out infinite normal;
			animation: fluffyInt 3s ease-in-out infinite normal;
		}

		@media(max-width:768px){
			#container section.RegBox .clearfix .Button {
				width: 62%;
			}
		}

		#container section.RegBox .clearfix .Button:hover {
			/* animation */
			/*-webkit-animation: fluffy .4s ease-in-out 0s forwards;
			animation: fluffy .4s ease-in-out 0s forwards;*/

			/* animation */
			-webkit-animation:none;
			animation:none;
		}

		#container section.RegBox .clearfix .Button a {
			display: block;
		}

			#container section.RegBox .clearfix .Button .reflection {
				display: none;
			}

			#container section.RegBox .clearfix .Button a:hover .reflection {
				display: block;

				-webkit-animation: reflection2 2s ease-in-out infinite;
			  animation: reflection2 2s ease-in-out infinite;
			}


			@keyframes reflection2 {
			    0% { transform: scale(0) rotate(45deg); opacity: 0; }
			    5% { transform: scale(0) rotate(45deg); opacity: 0.5; }
			    10% { transform: scale(4) rotate(45deg); opacity: 1; }
			    25% { transform: scale(50) rotate(45deg); opacity: 0; }
					26% { transform: scale(0); opacity: 0; }
			}

			@-webkit-keyframes reflection2 {
			    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
			    5% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
			    10% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
			    25% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
					26% { transform: scale(0); opacity: 0; }
			}


			#container section.RegBox .clearfix .Button img {
			}




/* ////////////////////////////////////////////////////////////

section.Content01

/////////////////////////////////////////////////////////////*/

#container section.Content01 {
	/* 網掛け */
	background: repeating-linear-gradient(-45deg,
	rgba(234,119,202, .15),rgba(234,119,202, .15) 2px,
	rgba(234,119,202, .2) 0, rgba(234,119,202, .2) 4px);
	padding: 1.5em 0;
}

@media(max-width:768px){
	#container section.Content01 {
		padding: .5em 0 0;
	}
}


	#container section.Content01 .Box {
	}

		#container section.Content01 .Box .Text {
			width: 77%;
			z-index: 0;
			float: right;

			border: 3px solid rgba(234,119,202, 1);
			/* 角丸 */
			-webkit-border-radius: 5px;
			border-radius: 5px;
			padding: 0 1em;

			background: rgba(255,255,255, .9);
		}

		@media(max-width:768px){
			#container section.Content01 .Box .Text {
				width: 80%;
				padding: 0 .5em;
			}
		}

		#container section.Content01 .Box .Image {
			z-index: 1;
			width: 25%;
			position: absolute;
			bottom: -1.5em;
			left: 0;
		}

		@media(max-width:768px){
			#container section.Content01 .Box .Image {
				bottom: 0;
			}
		}




/* ////////////////////////////////////////////////////////////

section.Content02

/////////////////////////////////////////////////////////////*/

#container section.Content02 {
	background: rgba(236,249,253, 1);
	padding: 1.5em 0 0;
}

@media(max-width:768px){
	#container section.Content02 {
		padding: 0 0 .5em;
	}
}

	#container section.Content02 .Box {
		height: 350px;
	}

	@media(max-width:768px){
		#container section.Content02 .Box {
			height: auto;
			padding: .5em 0 0;
			width: 96%;
			margin: 0 2%;
		}

		#container section.Content02 .Box.P1 {
			padding-top: 0;
		}

		#container section.Content02 .Box:not(:last-child) {
			border-bottom: 4px dotted rgba(55,179,218, 1);
		}
	}

	#container section.Content02 .Box.P1 {
		background: url(../img/content/index06_1.jpg) no-repeat 50% 50%;
	}

	#container section.Content02 .Box.P2 {
		background: url(../img/content/index06_2.jpg) no-repeat 50% 50%;
	}

	#container section.Content02 .Box.P3 {
		background: url(../img/content/index06_3.jpg) no-repeat 50% 50%;
	}

	#container section.Content02 .Box.P4 {
		background: url(../img/content/index06_4.jpg) no-repeat 50% 50%;
	}


	@media(max-width:768px){
		#container section.Content02 .Box {
			background: none !important;
			height: auto;
		}
	}


	#container section.Content02 .Box .Inner {
		width: 46%;
		text-align: left;

		/*padding-top: 1.5em;*/
	}

	#container section.Content02 .Box.L .Inner {
		float: right;
	}


	@media(max-width:768px){
		#container section.Content02 .Box .Inner,
		#container section.Content02 .Box.L .Inner {
			float: inherit;
			width: 100%;
		}
	}

		#container section.Content02 .Box .Inner .Title {
			font-size: 2.5em;
			font-weight: bold;
			color: rgba(55,179,218, 1);

			/* Font-Family 角ゴシック系 */
			font-family:"Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;

		  /* Font-Family 游ゴシック */
			/*font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
		}

		@media(max-width:768px){
			#container section.Content02 .Box .Inner .Title {
				font-size: 1.5em;
			}
		}

		#container section.Content02 .Box .Inner > img:first-child {
			margin-bottom: -1em;
			margin-top: 1em;
		}

		@media(max-width:768px){
			#container section.Content02 .Box .Inner > img:first-child {
				margin: 0 auto;
				width: 90%
			}
		}


		@media(max-width:768px){
			#container section.Content02 .Box .Inner > img.spOnly {
				width: 95%;
				margin: 0 auto;

				/* 角丸 */
				-webkit-border-radius: 5px;
				border-radius: 5px;
			}
		}



		#container section.Content02 .Box .Inner .Text {
		}


/* ////////////////////////////////////////////////////////////

section.Content03

/////////////////////////////////////////////////////////////*/

#container section.Content03 {
	background: rgba(255,255,255, 1);
	padding: 1.5em 0;
}

@media(max-width:768px){
	#container section.Content03 {
		padding: 0;
	}
}

	#container section.Content03 .Box {
		margin-top: 2em;
		position: relative;
	}

	@media(max-width:768px){
		#container section.Content03 .Box {
			margin-top: 0;
		}
	}


		#container section.Content03 .Box table.Normal {
			width: 80%;
			font-size: 2em;
		}

		@media(max-width:768px){
			#container section.Content03 .Box table.Normal {
				width: 90%;
				font-size: 1em;
				margin-left: .5em;
			}
		}

			#container section.Content03 .Box table.Normal th {
			}

				#container section.Content03 .Box table.Normal th:nth-child(1) {
					width: 45%;
				}

				#container section.Content03 .Box table.Normal th:nth-child(2) {
					width: 55%;
				}

			#container section.Content03 .Box table.Normal td {
			}

				#container section.Content03 .Box table.Normal td:nth-child(2) {
					font-size: 1.5em;
				}

				#container section.Content03 .Box table.Normal td.Val {
					color: rgba(234,119,202, 1);

					/* 網掛け */
					background: repeating-linear-gradient(-45deg,
					rgba(234,119,202, .05),rgba(234,119,202, .05) 4px,
					rgba(234,119,202, .1) 0, rgba(234,119,202, .1) 8px);
				}

				#container section.Content03 .Box table.Normal td v {
					font-weight: bold;
				}


		#container section.Content03 .Box .Image {
			width: 30%;
			position: absolute;
			bottom: 0;
			right: 0;
		}


		@media(max-width:768px){
			#container section.Content03 .Box .Image {
				width: 20%;
			}
		}


	#container section.Content03 .TextBox {
		border: 3px solid rgba(55,179,218, 1);
		background: rgba(184,228,242, .1);
		/* 角丸 */
		-webkit-border-radius: 5px;
		border-radius: 5px;
		padding: 0 1em;
	}




/* ////////////////////////////////////////////////////////////

section.Content04

/////////////////////////////////////////////////////////////*/

#container section.Content04 {
	background: rgba(234,119,202, .1);
	padding: 1.5em 0;
}

@media(max-width:768px){
	#container section.Content04 {
		padding: 0;
	}
}


/* ////////////////////////////////////////////////////////////

section.Content05

/////////////////////////////////////////////////////////////*/

#container section.Content05 {
	background: rgba(255,255,255, 1);
	padding: 1.5em 0 0;
}

@media(max-width:768px){
	#container section.Content05 {
		padding: 0;
	}
}

	#container section.Content05 .Box {
		border: 5px solid rgba(226,75,58, 1);
		background: rgba(226,75,58, .05);

		/* 角丸 */
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
	}

	@media(max-width:768px){
		#container section.Content05 .Box {
		}
	}

		#container section.Content05 .Box .Head {
			background: rgba(226,75,58, 1);
		}

		@media(max-width:768px){
			#container section.Content05 .Box .Head {
				margin-bottom: 1em;
			}
		}



		#container section.Content05 .Box .Flex {
			padding: 2em 2em;
		}

		@media(max-width:768px){
			#container section.Content05 .Box .Flex {
				padding: .5em 1em;
			}
		}

			#container section.Content05 .Box .Flex .Area {
				display: -webkit-box;
				display: box;

				display: -webkit-flexbox;
				display: flexbox;

				display: -webkit-flex;
				display: flex;

				/* 基本 */
				-webkit-flex-flow:row wrap;
				flex-flow:row wrap;

				/* 一列 */
				/*-webkit-flex-flow:column nowrap;
				flex-flow:column nowrap;*/

				/* 垂直中央寄せ */
				/*-webkit-align-items: center;
				align-items:center;*/

				/* 垂直上寄せ */
				/*-webkit-align-items: flex-start;
				align-items:flex-start;*/

				/* 垂直下寄せ */
				/*-webkit-align-items: flex-end;
				align-items:flex-end;*/

				/* 垂直ストレッチ */
				/*-webkit-align-items: stretch;
				align-items:stretch;*/

				/* 垂直ベースラインを揃える */
				/*-webkit-align-items: baseline;
				align-items:baseline;*/

				/* 水平中央寄せ */
				-webkit-justify-content: center;
				justify-content:center;

				/* 水平左寄せ */
				/*-webkit-justify-content: flex-start;
				justify-content:flex-start;*/

				/* 水平右寄せ */
				/*-webkit-justify-content: flex-end;
				justify-content:flex-end;*/

				/* 水平等間隔表示 */
				/*-webkit-justify-content: space-around;
				justify-content:space-around;*/
			}

				#container section.Content05 .Box .Flex .Area > div {
					-webkit-flex: 1;
					flex: 1;
					/*min-width:31%;
					max-width:33%;*/
					max-width: 25%;
					min-width: 231px;
					position: relative;
				}

				@media(max-width:768px){
					#container section.Content05 .Box .Flex .Area > div {
						max-width: 50%;
						min-width: 50%;
						margin-bottom: 1.5em;
					}
				}


					#container section.Content05 .Box .Flex .Area > div img.Bomb {
						position: absolute;
						top: -2em;
						left: -1.5em;
						width: 35%;

						/* animation */
						/*-webkit-animation: flash 2s ease-in-out infinite normal;
						animation: flash 2s ease-in-out infinite normal;*/
					}

					@media(max-width:768px){
						#container section.Content05 .Box .Flex .Area > div img.Bomb {
							top: -1.8em;
							left: -1em;
							width: 50px;
						}
					}

					#container section.Content05 .Box .Flex .Area > div img.Bomb.animation {
						/* 透明 */
						-webkit-opacity:0;
						opacity:0;
					}

					#container section.Content05 .Box .Flex .Area > div img.Bomb.visible {
					}

					#container section.Content05 .Box .Flex .Area > div img.Bomb.visible.Bomb-1 {
						/* animation */
						-webkit-animation: fadeIn 2s ease-in-out 0s forwards, popup02 1s ease-in-out .5s forwards;
						animation: fadeIn 2s ease-in-out 0s forwards, popup02 1s ease-in-out .5s forwards;
					}

					#container section.Content05 .Box .Flex .Area > div img.Bomb.visible.Bomb-2 {
						/* animation */
						-webkit-animation: fadeIn 2s ease-in-out .5s forwards, popup02 1s ease-in-out 1s forwards;
						animation: fadeIn 2s ease-in-out .5s forwards, popup02 1s ease-in-out 1s forwards;
					}

					#container section.Content05 .Box .Flex .Area > div img.Bomb.visible.Bomb-3 {
						/* animation */
						-webkit-animation: fadeIn 2s ease-in-out 1s forwards, popup02 1s ease-in-out 1.5s forwards;
						animation: fadeIn 2s ease-in-out 1s forwards, popup02 1s ease-in-out 1.5s forwards;
					}

					#container section.Content05 .Box .Flex .Area > div img.Bomb.visible.Bomb-4 {
						/* animation */
						-webkit-animation: fadeIn 2s ease-in-out 1.5s forwards, popup02 1s ease-in-out 2s forwards;
						animation: fadeIn 2s ease-in-out 1.5s forwards, popup02 1s ease-in-out 2s forwards;
					}

					#container section.Content05 .Box .Flex .Area > div img.Bomb.visible.Bomb-5 {
						/* animation */
						-webkit-animation: fadeIn 2s ease-in-out 2s forwards, popup02 1s ease-in-out 2.5s forwards;
						animation: fadeIn 2s ease-in-out 2s forwards, popup02 1s ease-in-out 2.5s forwards;
					}

					#container section.Content05 .Box .Flex .Area > div img.Bomb.visible.Bomb-6 {
						/* animation */
						-webkit-animation: fadeIn 2s ease-in-out 2.5s forwards, popup02 1s ease-in-out 3s forwards;
						animation: fadeIn 2s ease-in-out 2.5s forwards, popup02 1s ease-in-out 3s forwards;
					}

					#container section.Content05 .Box .Flex .Area > div img.Bomb.visible.Bomb-7 {
						/* animation */
						-webkit-animation: fadeIn 2s ease-in-out 3s forwards, popup02 1s ease-in-out 3.5s forwards;
						animation: fadeIn 2s ease-in-out 3s forwards, popup02 1s ease-in-out 3.5s forwards;
					}





		#container section.Content05 .Box .G2 {
			display: block;
			position: relative;
			margin: 1em 10% 1.5em;
			border: 5px solid rgba(220,220,220, .8);
			/* 角丸 */
			-webkit-border-radius: 10px;
			border-radius: 10px;
		}

		@media(max-width:768px){
			#container section.Content05 .Box .G2 {
				margin: .5em 1em .5em;
				padding-top: 1em;
			}
		}

			#container section.Content05 .Box .G2 .Title {
				text-align: center;
				font-size: 2.5em;
				font-weight: bold;
				background: rgba(254,246,245, 1);
				display: block;
				margin: -1em auto 0;
				width: 70%;
				color: rgba(100,100,100, .6);
			}

			@media(max-width:768px){
				#container section.Content05 .Box .G2 .Title {
					font-size: 1.5em;
					margin-bottom: .8em;
				}
			}


/* ////////////////////////////////////////////////////////////

section.Content05B

/////////////////////////////////////////////////////////////*/

#container section.Content05B {
	background: rgba(255,241,135, .4);
	padding: 0 0 1em;
	margin-top: 1em;
}

@media(max-width:768px){
	#container section.Content05B {
		padding: 0;
	}
}

	#container section.Content05B img {
		margin-top: -1em;
	}



/* ////////////////////////////////////////////////////////////

section.Content06

/////////////////////////////////////////////////////////////*/

#container section.Content06 {
	background: rgba(236,249,253, 1);
	padding: 1.5em 0;
}

@media(max-width:768px){
	#container section.Content06 {
		padding: 0;
	}
}

	#container section.Content06 .Box {
		margin: 1.5em 0;
	}

	@media(max-width:768px){
		#container section.Content06 .Box {
			margin: .5em;
		}
	}

		#container section.Content06 .Box .Q {
		}

			#container section.Content06 .Box .Q table {
			}

				#container section.Content06 .Box .Q table td:nth-child(1) {
					width: 5%;
				}

				#container section.Content06 .Box .Q table td:nth-child(2) {
					width: 95%;
					padding-left: .5em;
				}

			#container section.Content06 .Box .Q .Icon {
				display: inline-block;
				background: rgba(55,179,218, 1);
				color: rgba(255,255,255, 1);
				padding: .3em .3em;
				font-size: 1.5em;
				font-weight: bold;
				/* 角丸 */
				-webkit-border-radius: 5px;
				border-radius: 5px;
			}

			#container section.Content06 .Box .Q .Text {
				color: rgba(55,179,218, 1);
				font-size: 1.5em;
				font-weight: bold;
				display: inline-block;
			}

			@media(max-width:768px){
				#container section.Content06 .Box .Q .Text {
					font-size: 1.2em;
				}
			}

		#container section.Content06 .Box .A {
			margin-top: .5em;
			position: relative;
			min-height: 200px;
		}

		@media(max-width:768px){
			#container section.Content06 .Box .A {
				min-height: 100px;
			}
		}

			#container section.Content06 .Box .A > img {
				width: 20%;
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 1;
			}

			#container section.Content06 .Box .A .Text {
				background: rgba(237,125,49, .9);
				width: 90%;
				float: right;
				padding: 1em 1em 1em 2.5em;
				margin-top: 80px;
				color: rgba(255,255,255, 1);
				font-size: 1.1em;

				/* 角丸 */
				-webkit-border-radius: 5px;
				border-radius: 5px;
			}

			@media(max-width:768px){
				#container section.Content06 .Box .A .Text {
					margin-top: 0;
					width: 83%;
					padding: .5em 1em;
				}
			}




/* ////////////////////////////////////////////////////////////

section.Content07

/////////////////////////////////////////////////////////////*/

#container section.Content07 {
	background: rgba(55,176,218, 1);
	padding: .5em 0;
}

@media(max-width:768px){
	#container section.Content07 {
		padding: 0;
	}
}


/* ////////////////////////////////////////////////////////////

section.Content08

/////////////////////////////////////////////////////////////*/

#container section.Content08 {
	background: rgba(255,255,255, 1);
	padding: 1.5em 0 0;
}

@media(max-width:768px){
	#container section.Content08 {
		padding: 0 0 1em;
	}
}


/* ////////////////////////////////////////////////////////////

section.Content99

/////////////////////////////////////////////////////////////*/

#container section.Content99 {
	background: rgba(255,255,255, 1);
	padding: 1.5em 0 0;
}

@media(max-width:768px){
	#container section.Content99 {
		padding: 0 0 1em;
	}
}


/* ////////////////////////////////////////////////////////////

#FloatRegButton

/////////////////////////////////////////////////////////////*/


#FloatRegButton {
	position: fixed;
	bottom: -2000px;
	left: 0;
	width: 100%;
	z-index: 9999;
	/* transition */
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}


#FloatRegButton.fixed {
	bottom: 0;
}

#FloatRegButton.out,
#FloatRegButton.hidden {
	bottom: -2000px;
}

	#FloatRegButton a {
		display: block;
	}







/* ////////////////////////////////////////////////////////////

#ExitReg

/////////////////////////////////////////////////////////////*/

#ExitShade {
	background: rgba(0,0,0, .65);
	display: block;
	width: 100%;
	height: 100%;
	z-index: 99999;
	position: fixed;

	display: none;

	/* transition */
	-webkit-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s;
}

#ExitShade.action {
	display: block;
	/* animation */
	-webkit-animation: fadeIn .4s ease-in-out 0s forwards;
	animation: fadeIn .4s ease-in-out 0s forwards;
}

#ExitShade.hidden {
	/* animation */
	-webkit-animation: fadeOut .4s ease-in-out 0s forwards;
	animation: fadeOut .4s ease-in-out 0s forwards;
}


#ShadeBack {
	display: block;
	z-index: 999;
	width: 100%;
	height: 100%;
}

#ExitReg {
	/*上下左右中央寄せ */
	position: fixed;
	left: 50%;
	top: 50%;
	-webkit-transform:  translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 9999;
	width: 500px;

	background: rgba(255,255,255, 1);

	/* ドロップシャドウ */
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
	box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);

	/* transition */
	-webkit-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s;
}

@media(max-width:768px){
	#ExitReg {
		width: 90%;
	}
}

#ExitShade.hidden #ExitReg {
	margin-left: -9999px;
}


	#ExitReg .Timer {
		background: rgba(198,57,49, 1);
		color: rgba(255,255,255, 1);
		padding: .5em 1em;
		text-align: center;
	}

		#ExitReg .Timer .Count {
			display: inline-block;
			font-weight: bold;
			font-size: 2em;
			line-height: 1;
			margin-left: .5em;
		}

		@media(max-width:768px){
			#ExitReg .Timer .Count {
				font-size: 1.4em;
			}
		}




		#ExitReg .Timer i {
			float: right;
			margin-right: .5em;
			font-size: 2em;
			font-weight: bold;
			cursor: pointer;
		}

		#ExitReg .Timer i:hover {
			/* animation */
			-webkit-animation: popup .4s ease-in-out 0s forwards;
			animation: popup .4s ease-in-out 0s forwards;
		}



	#ExitReg .MainBox {
		position: relative;
	}

		#ExitReg .MainBox .C_Code {
			position: absolute;
			top: 1.5em;
			left: 1.5em;
			border: 3px solid rgba(243,42,188, 1);

			/* 角丸 */
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}

			#ExitReg .MainBox .C_Code .Head {
				background: rgba(243,42,188, 1);
				color: rgba(255,255,255, 1);
				text-align: center;
				padding: .5em 2.5em;
			}

			@media(max-width:768px){
				#ExitReg .MainBox .C_Code .Head {
					padding: .5em .5em;
				}
			}

			#ExitReg .MainBox .C_Code .CodeNum {
				text-align: center;
				font-weight: bold;
				font-size: 4em;
				padding: .2em 0;
				background: rgba(255,255,255, .95);
				line-height: 1;
			}

			@media(max-width:768px){
				#ExitReg .MainBox .C_Code .CodeNum {
					font-size: 2em;
				}
			}


	#ExitReg .FooterBox {
		position: relative;
	}

		#ExitReg .FooterBox a.Button {
			position: absolute;
			bottom: 5px;
			left: 0;
			display: block;
		}

		#ExitReg .FooterBox a.Button:hover {
			/* animation */
			-webkit-animation: popup .4s ease-in-out 0s forwards;
			animation: popup .4s ease-in-out 0s forwards;
		}