@charset "utf-8";

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

#header

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

#header {
	/*height: 500px;
	overflow: hidden;*/
	position: relative;
	/*background: url(../imgNew/past_bg.gif) repeat;
	background: rgba(255,255,255, 1);*/
	
	/*background: url(../imgNew/past_headerBg.jpg) no-repeat;
	background-size: cover;*/
	
	/* ドロップシャドウ */
	/*-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
	box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);*/
	background: rgba(102,172,40, 1);
}

@media(max-width:768px){
	#header {
		height: inherit;
	}
}

	#header .topbar {
		background: rgba(255,255,255, 1);
	}

	#header .headerImage .bg {
		/*margin-top: -10%;*/
	}

	#header .headerImage .wrapper {
		/*position: absolute;
		top: 0;
		left: 0;
		width: 100%;*/
	}
	
		#header .headerImage .wrapper img {
			display: block;
			margin: 0 auto;
		}
		
#header .topbar .telBn {
	display: block;
	float: right;
	/*position: absolute;
	right: 0;
	top: 5px;
	width: 35%;*/
}

@media(max-width:768px){
	#header .topbar .telBn {
		/*clear: both;*/
		/*position: inherit;
		top: inherit;
		right: inherit;*/
		width: 100%;
		/*float: inherit;*/
		margin-top: -.7em;
	}
	
	/* 回り込み解除 */
	/*#header .topbar .telBn::before{
		content: '';
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}
	
	#header .topbar a.tel {
		display: block;
	}*/
}


#header .topbar .kangen {
	display: block;
	float: left;
}

@media(max-width:768px){
	#header .topbar .kangen {
		width: 35%;
	}
}


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


#header .headerBg {
	background: url(../imgNew/past_header.jpg) no-repeat;
	background-color: rgba(240,252,242, 1);
	width: 100%;
	height: 533px;
	/*background: rgba(102,172,40, 1);*/
	/*background-size: cover;*/
	background-position: center top;
	z-index: -1;
	background-size: cover;
	/*position: relative;*/
	position: static;
	/*min-height: 240px;*/
}

@media(min-width:1900px){
#header .headerBg {
	height: 27vw;
}


}

#header .headerSP {
	display: none;
}

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

#header .topbar .headerButton {
	float: right;
}

@media(max-width:768px){
	#header .topbar .headerButton {
		float: inherit;
		margin-bottom: 5px;
	}
	
	/* 回り込み解除 */
	#header .topbar .headerButton::after{
		content: '';
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}
}

	#header .topbar .headerButton a {
		display: inline-block;
	}
	
	@media(max-width:768px){
		#header .topbar .headerButton a {
			width: 50%;
			float: left;
		}
	}
	
		#header .topbar .headerButton a:hover {
			/* animation */
			-webkit-animation: bounce .4s ease-in-out 0s forwards;
			animation: bounce .4s ease-in-out 0s forwards;
		}
		
		@media(max-width:768px){
			#header .topbar .headerButton a:hover {
				/* animation */
				-webkit-animation: none;
				animation: none;
			}
		}

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

#header .RightArea

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

#header .RightArea {
	float: right;
}

@media(max-width:768px){
	#header .RightArea {
		float: inherit;
		margin-top: -4px;
	}
	
	#header .RightArea img:first-child {
		width: 100%;
	}
}

	#header .RightArea a.Button {
		display: inline-block;
    width: 340px;
    margin: 10px 0 0;
	}
	
	
	#header .RightArea a.ButtonSP {
		display: none;
	}
	
	@media(max-width:768px){
		#header .RightArea a.Button {
			display: none;
		}
		
		#header .RightArea a.ButtonSP {
			display: block;
		}
	}
	
	#header .RightArea a.Button:hover {
		/* animation */
		-webkit-animation: bounce .3s ease-in-out 0s forwards;
		animation: bounce .3s ease-in-out 0s forwards;
	}
	
	@media(max-width:768px){
		#header .RightArea a.Button:hover {
			/* animation */
			-webkit-animation: none;
			animation: none;
		}
	}

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

.gnav

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

#header .gnav {
	/*z-index: -2;*/
	/*background: rgba(131,197,36, 1);*/
	/*background: rgba(21,21,21, .85);*/
	/*padding: 1em 0 .7em;*/
	z-index: 999;
	/*margin: .5em 0;*/
	background: rgba(102,172,40, .5);
	padding: .3em 0 .2em;
}

@media(max-width:768px){
	#header .gnav {
		display: none;
	}
	
	body:not(.index) #header .gnav {
	}
}


/*#header .gnav.fixed {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	background: url(../imgNew/past_nav/navBg.jpg) repeat-x;
}

@media(max-width:768px){
	#header .gnav.fixed {
		position: inherit;
		top: inherit;
		left: inherit;
	}
	
}*/


#header .gnav a {
}

	#header .gnav a img:nth-child(1) {
		display: block;
	}
	
	#header .gnav a img:nth-child(2) {
		display: none;
	}
	
	#header .gnav a:hover img:nth-child(1) {
		display: none;
	}
	
	#header .gnav a:hover img:nth-child(2) {
		display: block;
	}
			



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

.tableContent

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

#container .tableContent {
	border: 3px solid rgba(102,172,40, 1);
	background: rgba(102,172,40, .05);
	padding: .5em 1em;
	display: inline-block;
	
	/* 角丸 */
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

	#container .tableContent a {
		text-decoration: underline;
		font-size: 1.2em;
		font-weight: bold;
		display: block;
		color: rgba(102,172,40, 1);
	}
	
	#container .tableContent a:hover {
		text-decoration: none;
	}
	
		#container .tableContent a i {
			display: inline-block;
			font-size: .8em;
			/* transition */
			-webkit-transition: all .15s ease-in-out 0s;   
			transition: all .15s ease-in-out 0s;
		}
		
		#container .tableContent a:hover i {
			margin-right: .5em
			/* 回転 */
			-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
		}
		
		@media(max-width:768px){
			#container .tableContent a i {
				/* 回転 */
				-webkit-transform: rotate(90deg);
				transform: rotate(90deg);
			}
		}

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

各セクション
 
/////////////////////////////////////////////////////////////*/

/* パララックス用 ________________________*/
#container section.ParallaxBg {
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
}

@media(max-width:768px){
	#container section.ParallaxBg {
		background-size: cover;
	}
}

/* content02 __________________________*/
#container section.content02 {
	background-image: url(../imgNew/past_content/content02bg.jpg);
	height: auto;
	width: 100%;
	/*background-size: cover;*/
	position: relative;
	z-index: 1;
}
	
	#container section.content02 .Inner {
		background:  rgba(238,238,238, 1) url(../imgNew/past_content/content02.png) no-repeat top center;
		z-index: -1;
	}
	
	@media(max-width:768px){
		#container section.content02 .Inner {
			background-size: contain;
		}
	}

	#container section.content02 .wrapper {
	}
	
	#container section.content02 .wrapper img:first-child {
		margin-top: -2.8em;
	}
	
	@media(max-width:768px){
		#container section.content02 .wrapper img:first-child {
			margin-top: 0;
		}
	}


/* content04 __________________________*/
#container section.content04 {
	background: rgba(230,45,79, 1) url(../imgNew/past_content/content04.jpg) no-repeat top center;
	height: auto;
	width: 100%;
	/*background-size: cover;*/
	position: relative;
	z-index: 1;
}

	#container section.content04 .wrapper img:first-child {
		margin-top: -1.6em;
	}
	
	#container section.content04 .point3 {
		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;*/
		
		padding-bottom: 2em;
	}
	
		#container section.content04 .point3 > div {
			-webkit-flex: 1;
			flex: 1;
			/*min-width:31%;
			max-width:33%;*/
			margin-right:.5em;
			background: rgba(255,255,255, 1);
			/* 角丸 */
			-webkit-border-radius: 5px;
			border-radius: 5px;
			font-size: 1.2em;
			/*font-weight: bold;*/
			letter-spacing: 0px;
			
			/* ドロップシャドウ+縁取り */
			-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .3), 0 1px 0 rgba(0, 0, 0, .7), 0 1px 2px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .5) inset;
			box-shadow: 0 1px 0 rgba(255, 255, 255, .3), 0 1px 0 rgba(0, 0, 0, .7), 0 1px 2px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .5) inset;
		}
		
		@media(max-width:768px){
			#container section.content04 .point3 > div {
				width: 100%;
				min-width: 100%;
				display: block;
				margin-right: 0;
				margin-bottom: .3em;
			}
		}
		
			#container section.content04 .point3 > div img:first-child {
				width: 100%;
				margin-top: 0;
				margin-bottom: .5em;
				/* 角丸 */
				-webkit-border-radius: 5px 5px 0 0;
				border-radius: 5px 5px 0 0;
			}
			
			#container section.content04 .point3 > div img:nth-child(2) {
				width: 96%;
				display: block;
				margin: 0 auto;
			}
		
			#container section.content04 .point3 > div .Text {
				padding: 0 .5em 1em;
			}
			
				#container section.content04 .point3 > div .Text p {
					margin: .5em 0;
				}
				
				#container section.content04 .point3 > div .Text .strong,
				#container section.content04 .point3 > div .Text .strong2,
				#container section.content04 .point3 > div .Text .strong4 {
					font-size: 1em;
				}

/* content06 __________________________*/
#container section.content06 {
	background-image: url(../imgNew/past_content/content06bg.jpg);
}

	#container section.content06 > .wrapper {
		padding: 100px 0 0;
	}
	
	@media(max-width:768px){
		#container section.content06 > .wrapper {
			padding-top: 0;
		}
	}
	
	#container section.content06 .Content {
		background: rgba(255,255,255, 1);
	}
	
		#container section.content06 .SectionArrow {
			 background: url(../imgNew/past_content/content07.png) no-repeat top center;
			 height: 148px;
			 width: 100%;
		}
		
		@media(max-width:768px){
			#container section.content06 .SectionArrow {
				height: 30px;
				background-size: cover;
				margin-top: -15px;
			}
		}
		
		#container section.content06 .Content .Caption {
			position: absolute;
			padding: 1em 1em;
			border: 2px solid rgba(41,168,28, 1);
			background: rgba(255,255,255, .9);
			
			/* Font-Family 丸ゴシック系 */
			font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
			
			/* ドロップシャドウ */
			-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 section.content06 .Content .Caption {
				padding: .5em .5em;
				letter-spacing: 0;
			}
		}
		
		#container section.content06 .Content .Caption:nth-of-type(1) {
			top: 10%;
			right: 20%;
		}
		
		@media(max-width:768px){
			#container section.content06 .Content .Caption:nth-of-type(1) {
				top: 7%;
				right: 10%;
			}
		}
		
		#container section.content06 .Content .Caption:nth-of-type(2) {
			top: 45%;
			left: 0%;
		}
		
		@media(max-width:768px){
			#container section.content06 .Content .Caption:nth-of-type(2) {
				top: 40%;
				left: 3%;
			}
		}
		
		#container section.content06 .Content .Caption:nth-of-type(3) {
			top: 77%;
			right: 20%;
			border: 5px solid rgba(254,52,128, 1);
			font-size: 1.2em;
			background: rgba(250,239,244, .9);
		}
		
		@media(max-width:768px){
			#container section.content06 .Content .Caption:nth-of-type(3) {
				top: 75%;
				right: 10%;
				font-size: 1em;
				border-width: 2px;
			}
		}
		
		#container section.content06 .Content .Caption::after {
			content:'';
			width: 0;
			height: 0;
			border: 1em solid transparent;
			border-right: 1em solid rgba(41,168,28, 1);
			position:absolute;
			top:10%;
		}
		
		@media(max-width:768px){
			#container section.content06 .Content .Caption::after {
				/*display: none;*/
			}
		}
		
		#container section.content06 .Content .Caption:nth-of-type(1)::after {
			left:-2em;
		}
		
		#container section.content06 .Content .Caption:nth-of-type(2)::after {
			right:-2em;
			border-right-color: transparent;
			border-left: 1em solid rgba(41,168,28, 1);
		}
		
		#container section.content06 .Content .Caption:nth-of-type(3)::after {
			left:-2.2em;
			border-right-color: rgba(254,52,128, 1);
		}
		
		@media(max-width:768px){
			#container section.content06 .Content .Caption:nth-of-type(3)::after {
				left: -2em;
			}
		}
		
			#container section.content06 .Content .Caption .Head {
				font-size: 1.4em;
				font-weight: bold;
				color: rgba(41,168,28, 1);
			}
			
			@media(max-width:768px){
				#container section.content06 .Content .Caption .Head {
					font-size: 1em;
				}
			}
			
			#container section.content06 .Content .Caption:nth-of-type(3) .Head {
				color: rgba(254,52,128, 1);
			}
			
				#container section.content06 .Content .Caption .Head span {
					font-size: 1.5em;
					margin: 0 .3em 0 .1em;
					font-style: italic;
				}
				
				@media(max-width:768px){
					#container section.content06 .Content .Caption .Head span {
						font-size-adjust: 1.2em;
						margin: 0 .1em 0 0;
					}
				}
			
			#container section.content06 .Content .Caption .Text {
			}
			
				#container section.content06 .Content .Caption .Text p {
					margin: .5em 0;
					letter-spacing: 0;
					font-size: 1em;
				}
				
				@media(max-width:768px){
					#container section.content06 .Content .Caption .Text p {
						margin: 0;
						font-size: 70%;
					}
				}


/* content07 __________________________*/
#container section.content07 {
	padding-bottom: 2em;
}

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


/* content09 __________________________*/
#container section.content09 {
	background-image: url(../imgNew/past_content/content09bg.jpg);
}
	
	#container section.content09 .SectionArrow {
		 background: url(../imgNew/past_content/content07.png) no-repeat top center;
		 height: 132px;
		 width: 100%;
	}
	
	@media(max-width:768px){
		#container section.content09 .SectionArrow {
			height: 30px;
			background-size: cover;
		}
	}
	
	#container section.content09 > .wrapper {
		padding: 100px 0 0;
	}
	
	@media(max-width:768px){
		#container section.content09 > .wrapper {
			padding-top: 0;
		}
	}
	
	#container section.content09 .Content {
		/*background: rgba(252,117,6, 1);*/
		background: rgba(255,255,255, 1);
		padding: 2em 0;
	}
	
	@media(max-width:768px){
		#container section.content09 .Content {
			padding: .5em 0;
		}
		
		#container section.content09 .Content .wrapper .clearfix {
			overflow-x: auto;
		}
	}
	
	
	
		#container section.content09 .Content table {
			border-top: 1px solid rgba(51,51,51, 1);
			border-bottom: 1px solid rgba(51,51,51, 1);
			border-right: 1px solid rgba(51,51,51, 1);
			background: rgba(255,255,255, 1);
			margin-bottom: 100px;
			
			/* Font-Family 丸ゴシック系 */
			font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
 		}
		
		@media(max-width:768px){
			#container section.content09 .Content table {
				margin-bottom: 50px;
			}
		}
			
			@media(max-width:768px){
				#container section.content09 .Content table th span.br,
				#container section.content09 .Content table td span.br {
					display: block;
				}
			}
		
			#container section.content09 .Content table th,
			#container section.content09 .Content table td {
				border-left: 1px solid rgba(51,51,51, 1);
				border-bottom: 1px solid rgba(51,51,51, 1);
				padding: 1em 1em;
				text-align: center;
			}
			
			@media(max-width:768px){
				#container section.content09 .Content table th,
				#container section.content09 .Content table td {
					padding: .5em .5em;
					letter-spacing: -1px;
				}
			}
			
			#container section.content09 .Content table th {
				background: rgba(102,172,40, .1);
			}
			
			@media(max-width:768px){
				#container section.content09 .Content table th {
					font-size: 1.2em;
				}
			}
			
			#container section.content09 .Content table td {
				font-size: 1.4em;
			}
			
			@media(max-width:768px){
				#container section.content09 .Content table td {
					font-size: 1em;
				}
				
				#container section.content09 .Content table td:first-of-type {
					font-size: .9em;
					letter-spacing: -1px;
				}
				
			}
			
			/* iPhone4,iPhone5,iPhone5s+Android */
			@media screen and (min-width: 320px) and (max-width: 374px){
				#container section.content09 .Content table td:first-of-type {
					font-size: .8em;
				}
			}
			
				#container section.content09 .Content table td:first-of-type {
					font-weight: bold;
					/*color: rgba(252,117,6, 1);*/
				}
				
				#container section.content09 .Content table td span.A {
				}
				
					#container section.content09 .Content table td span.A span {
						font-size: 1.5em;
					}
					
					@media(max-width:768px){
						#container section.content09 .Content table td span.A span {
							font-size: 1.2em;
						}
					}
			
			#container section.content09 .Content table tr.AA {
				border: 10px solid rgba(254,52,128, 1);
				background: rgba(254,52,128, .1);
				/*color: rgba(255,255,255, 1);*/
			}
			
				#container section.content09 .Content table tr.AA td:not(:first-of-type) {
					color: rgba(254,52,128, 1);
					font-size: 2em;
				}
				
				@media(max-width:768px){
					#container section.content09 .Content table tr.AA td:not(:first-of-type) {
						font-size: 1.4em;
					}
				}
				
		
		#container section.content09 .Content .Caption {
			position: absolute;
			bottom: -18%;
			right: 0%;
			
			padding: .5em 3em;
			/*border: 3px solid rgba(51,51,51, 1);*/
			background: rgba(254,52,128, 1);
			color: rgba(255,255,255, 1);
			font-size: 2em;
			font-weight: bold;			
			
			/* 角丸 */
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}
		
		@media(max-width:768px){
			#container section.content09 .Content .Caption {
				font-size: 1.2em;
				bottom: 5%;
				right: 5%;
				padding: .5em 1em;
			}
		}
			
		/* iPhone4,iPhone5,iPhone5s+Android */
		@media screen and (min-width: 320px) and (max-width: 374px){
			#container section.content09 .Content .Caption {
				font-size: 1em;
			}
		}
	
		#container section.content09 .Content .Caption::after {
			content:'';
			width: 0;
			height: 0;
			border: 1em solid transparent;
			border-bottom: 1em solid rgba(254,52,128, 1);
			position:absolute;
			top:-2em;
			left:10%;
		}
		
		@media(max-width:768px){
			#container section.content09 .Content .Caption::after {
				left: inherit;
				right: 25%;
				top: -1.8em;
			}
		}
		
		/* iPhone4,iPhone5,iPhone5s+Android */
		@media screen and (min-width: 320px) and (max-width: 374px){
			#container section.content09 .Content .Caption::after {
				top: -2.2em;
			}
		}


/* content10 __________________________*/
#container section.content10 {
	background: rgba(230,45,79, 1) url(../imgNew/past_content/content10.jpg) no-repeat top center;
	height: auto;
	width: 100%;
	/*background-size: cover;*/
	position: relative;
	z-index: 1;
}

	#container section.content10 .Arrow {
		margin-top: 1em;
		margin-bottom: 1em;
	}
	
	@media(max-width:768px){
		#container section.content10 .Arrow {
			margin-top: -2em;
		}
	}

	#container section.content10 .wrapper img:first-child {
		margin-top: -1.6em;
	}
	
	@media(max-width:768px){
		#container section.content10 .wrapper {
			margin-top: -1em;
		}
		
		#container section.content10 .wrapper img:first-child {
			margin-top: 0;
		}
	}


/* content11 __________________________*/
#container section.content11 {
	background-image: url(../imgNew/past_content/content11bg.jpg);
}
	
	#container section.content11 .SectionArrow {
		 background: url(../imgNew/past_content/content12.png) no-repeat top center;
		 height: 132px;
		 width: 100%;
	}
	
	@media(max-width:768px){
		#container section.content11 .SectionArrow {
			height: 30px;
			background-size: cover;
		}
	}
	
	#container section.content11 > .wrapper {
		padding: 100px 0 0;
	}
	
	@media(max-width:768px){
		#container section.content11 > .wrapper {
			padding-top: 0;
		}
	}
	
	#container section.content11 .Content {
		/*background: rgba(252,117,6, 1);*/
		background: rgba(102,172,40, 1);
		padding: 2em 0;
	}
	
	@media(max-width:768px){
		#container section.content11 .Content {
			padding: 1em 0;
		}
	}
	
		#container section.content11 .kBoxWrap {
		}
	
			#container section.content11 .kBox {
				width: 100%;
				margin-bottom: 1em;
				
				background: rgba(255,255,255, 1);
				
				border-bottom: 4px solid rgba(47,95,32, 1);
				
				/* 角丸 */
				-webkit-border-radius: 3px;
				border-radius: 3px;
				
				padding: .5em 1em 2em;
			}
			
			@media(max-width:768px){
				#container section.content11 .kBox:last-of-type {
					margin-bottom: 0;
				}
			}

				#container section.content11 .kBox .Subject {
					display: inline-block;
					color: rgba(102,172,40, 1);
					font-weight: bold;
					font-size: 1.6em;
					padding-top: 1em;
					padding-left: .5em;
					padding-right: .5em;
					margin-bottom: .5em;
					/*letter-spacing: 0;*/
					position: relative;
					border-bottom: 1px dotted rgba(102,172,40, 1);
				}
				
				@media(max-width:768px){
					#container section.content11 .kBox .Subject {
						font-size: 1.3em;
						padding-left: 3.5em;
						letter-spacing: 0px;
					}
				}
				
					#container section.content11 .kBox .Subject span {
						width: 80px;
						height: 80px;
						display: block;
						position: absolute;
						top: 0;
						left: 0;
						margin-left: -70px;
						margin-top: -40px;
						
						/* 正円 */
						-webkit-border-radius: 50%;
						border-radius: 50%;
						
						background: rgba(254,52,128, 1);
						color: rgba(255,255,255, 1);
						
						font-size: 70%;
						white-space: nowrap;
						text-align: center;
						/*padding-top: 28px;*/
						line-height: 80px;
						
						/* テキストエンボス */
						-webkit-text-shadow: 0 -1px 0 rgba(0,0,0,.8);
						text-shadow: 0 -1px 0 rgba(0,0,0,.8);
						
						/* ドロップシャドウ */
						-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 section.content11 .kBox .Subject span {
							margin-left: 0;
							margin-top: -20px;
							width: 60px;
							height: 60px;
							line-height: 60px;
							
							/* テキストエンボス */
							-webkit-text-shadow: none;
							text-shadow: none;
						}
					}
					
						#container section.content11 .kBox .Subject span::after {
							content:'';
							width: 0;
							height: 0;
							border: 1em solid transparent;
							border-top: 1em solid rgba(254,52,128, 1);
							position:absolute;
							top:78%;
							right:-10%;
							
							/* 回転 */
							-webkit-transform: rotate(-40deg);
							transform: rotate(-40deg);
						}

				#container section.content11 .kBox .Text {
					/* Font-Family 丸ゴシック系 */
					font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
					padding: 0 1em;
				}
				
					#container section.content11 .kBox .Text p {
						font-size: 1em;
						margin: 0;
					}
					
					#container section.content11 .kBox .Text .def {
					}
					
					/* スライド開閉機構 */
					
					#container section.content11 .kBox label {
						font-size: 1em;
					}
					
					#container section.content11 .kBox input[type="checkbox"].on-off{
						display: none;
					}

					#container section.content11 .kBox .PanelInner {
						/* transition */
						-webkit-transition: all .3s ease-in-out 0s;   
						transition: all .3s ease-in-out 0s;
					}
					
					#container section.content11 .kBox .PanelInner p {
						display: none;
					}

						#container section.content11 .kBox input.on-off ~ .PanelInner {
							height: 0;
							/*overflow: hidden;*/
						}
						
							#container section.content11 .kBox input.on-off:checked ~ .PanelInner p {
								display: block;
								/* animation */
								-webkit-animation: fadeIn .4s ease-in-out 0s forwards;
								animation: fadeIn .4s ease-in-out 0s forwards;
							}
							
							#container section.content11 .kBox input.on-off:checked ~ .PanelInner {
								height: 60px;
							}


/* content13 __________________________*/
#container section.content13 {
	background-image: url(../imgNew/past_content/content13bg.jpg);
}
	
	#container section.content13 .SectionArrow {
		 background: url(../imgNew/past_content/content14.png) no-repeat top center;
		 height: 132px;
		 width: 100%;
	}
	
	@media(max-width:768px){
		#container section.content13 .SectionArrow {
			height: 30px;
			background-size: cover;
		}
	}
	
	#container section.content13 > .wrapper {
		padding: 100px 0 0;
	}
	
	@media(max-width:768px){
		#container section.content13 > .wrapper {
			padding-top: 0;
		}
	}
	
	#container section.content13 .Content {
		/*background: rgba(252,117,6, 1);*/
		background: rgba(63,179,190, 1);
		padding: 2em 0;
	}
	
	@media(max-width:768px){
		#container section.content13 .Content {
			padding: 0;
		}
	}
	
	
	#container section.content13 .FaqBoxWrap {
	}

		#container section.content13 .QBox {
			width: 80%;
			margin-bottom: 1em;
			font-size: 1.6em;
			font-weight: bold;

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

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

			padding: 1em 1em;
			position: relative;
		}
		
		@media(max-width:768px){
			#container section.content13 .QBox {
				font-size: 1.2em;
				letter-spacing: 0;
				width: 95%;
			}
		}
		
		#container section.content13 .QBox::after {
			content:'';
			width: 0;
			height: 0;
			border: .7em solid transparent;
			border-top: .7em solid rgba(255,255,255, 1);
			position:absolute;
			top:100%;
			left:10%;
		}
					
			#container section.content13 .QBox div {
				padding-left: 2.4em;
			}
			
			#container section.content13 .QBox span.Icon {
				/* 正円 */
				width:60px;
				height:60px;
				-webkit-border-radius: 50%;
				border-radius: 50%;
				
				background: rgba(63,179,190, 1);
				color: rgba(255,255,255, 1);
				font-size: 1.4em;
				text-align: center;
				line-height: 60px;
				
				position: absolute;
				top: .3em;
				left: .3em;
			}
			
			@media(max-width:768px){
				#container section.content13 .QBox span.Icon {
					width: 45px;
					height: 45px;
					line-height: 45px;
					top: .35em;
				}
			}
			
		
		
		#container section.content13 .ABox {
			width: 80%;
			float: right;
			margin-bottom: 4.5em;
			font-size: 1.3em;

			background: rgba(248,233,240, 1);
			border: 4px solid rgba(254,52,128, 1);

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

			padding: 1em 1em;
			position: relative;
			
			/* Font-Family 丸ゴシック系 */
			font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
			
			/* ドロップシャドウ */
			-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 section.content13 .ABox {
				font-size: 1em;
				margin-bottom: 1.5em;
				padding: 1em .4em;
			}
		}
		
			#container section.content13 .ABox span.Icon {
				/* 正円 */
				width:100px;
				height:100px;
				-webkit-border-radius: 50%;
				border-radius: 50%;
				
				background: rgba(254,52,128, 1);
				color: rgba(255,255,255, 1);
				font-size: 3em;
				text-align: center;
				line-height: 100px;
				
				position: absolute;
				top: .1em;
				left: -2.2em;
				
				/* ドロップシャドウ */
				-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 section.content13 .ABox span.Icon {
					width: 70px;
					height: 70px;
					line-height: 70px;
					left: -1.7em;
					top: 0em;
				}
			}
			
				#container section.content13 .ABox span.Icon::after {
					content:'';
					width: 0;
					height: 0;
					border: 15px solid transparent;
					border-left: 15px solid rgba(254,52,128, 1);
					position:absolute;
					top:35%;
					right:-25px;
				}
				
				@media(max-width:768px){
					#container section.content13 .ABox span.Icon::after {
						top: 30%;
						right: -23px;
					}
				}
			
			#container section.content13 .ABox p {
				margin: 0;
			}


#container section .Arrow {
	margin-top: -1em;
	text-align: center;
	display: block;
	z-index: 9999;
}

@media(max-width:768px){
	#container section .Arrow {
		width: 50%;
		margin: 0 auto;
	}
}

/* content15 __________________________*/
#container section.content15 {
	background: rgba(230,45,79, 1) url(../imgNew/past_content/content15.jpg) no-repeat top center;
	height: auto;
	width: 100%;
	/*background-size: cover;*/
	position: relative;
	z-index: 1;
}

	#container section.content15 .Arrow {
		/*margin-top: 1em;
		margin-bottom: 1em;*/
	}
	
	@media(max-width:768px){
		#container section.content15 .Arrow {
			margin-top: -1em;
		}
	}

	#container section.content15 .wrapper img:first-child {
		margin-top: -1.6em;
	}
	
	@media(max-width:768px){
		#container section.content15 .wrapper {
			margin-top: -1em;
		}
		
		#container section.content15 .wrapper img:first-child {
			margin-top: 1em;
		}
	}


body:not(.index) #container #main {
	/*margin-top: 1em;*/
}

/*スカイブルー系 */
#container section.AreaSkyBlue {
	background:rgba(0,160,233, 1);
}

/*グリーン系 */
#container section.AreaGreen {
	background:rgba(102,172,40, .1);
}

/*ピンク系2 */
#container section.AreaPink2 {
	background:rgba(241,156,176, .1);
}

.contentHead {
	/*background: url(../imgNew/past_bg.gif) repeat;*/
	background: rgba(102,172,40, 1);
	padding: .4em 0;
	/*margin-bottom: 2em;*/
}

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

/*.contentHead::after {
	content:'';
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-top: 30px solid rgba(102,172,40, 1);
	position:absolute;
	top:100%;
	left:48%;
}*/


#container .endlink {
	text-align: center;
}

	#container .endlink a {
		display: inline-block;
		padding: .5em 1em;
		background: rgba(102,172,40, 1);
		color: rgba(255,255,255, 1);
		letter-spacing: 1px;
		font-weight: bold;
		font-size: .9em;
		/*border: 1px solid rgba(102,172,40, .9);*/
	}
	
	#container .endlink a:hover {
		background: none;
		color: rgba(102,172,40, 1);
		border-color: transparent;
	}
	
	/* iPhone4,iPhone5,iPhone5s+Android */
	@media screen and (min-width: 320px) and (max-width: 374px){
		#container .endlink a {
			font-size: .7m;
			letter-spacing: 0;
		}
	}

#container section.AreaOrange2 {
	background:rgba(251,154,1, .05);
}


/* content16 __________________________*/
#container section.content16 {
	background-image: url(../imgNew/content/content16bg.jpg);
}
	
	#container section.content16 .SectionArrow {
		 background: url(../imgNew/content/content14.png) no-repeat top center;
		 height: 132px;
		 width: 100%;
	}
	
	@media(max-width:768px){
		#container section.content16 .SectionArrow {
			height: 30px;
			background-size: cover;
		}
	}
	
	#container section.content16 > .wrapper {
		padding: 100px 0 0;
	}
	
	@media(max-width:768px){
		#container section.content16 > .wrapper {
			padding-top: 0;
		}
	}
	
	#container section.content16 .Content {
		background: rgba(63,179,190, 1);
		padding: 2em 0;
	}
	
	@media(max-width:768px){
		#container section.content16 .Content {
			padding: 1em 0;
		}
	}
	




.report .uvoice {
  display: table;
  margin-bottom: 4px;
  padding: 10px 20px;
  width: 100%;
  box-sizing: border-box;
}
.report .uvoice .user,
.report .uvoice .voice {
  display: table-cell;
  vertical-align: middle;
}
.report .uvoice .user {
  width: 150px;
  font-size: 1em;
  text-align: center;
}
	@media(max-width:768px){
.report .uvoice .user {
  width: 20%;
}
	}


.report .uvoice .user img {
  width: 60px;
  border-radius: 60px;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}
.report .uvoice .voice p {
  margin-left: 1em;
  font-size: 1em;
}
.report .uvoice .voice p span {
  color: rgba(254,52,128, 1);
    font-size: 1.5em;
    font-weight: bold;
}
.report .arrow_box {
  position: relative;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  margin: 10px;
  padding: 1px 10px 10px 10px;
  border-radius: 5px;
}
.report .arrow_box:after,
.report .arrow_box:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.report .arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 6px;
  margin-top: -6px;
}
.report .arrow_box:before {
  border-color: rgba(216, 216, 216, 0);
  border-right-color: #d8d8d8;
  border-width: 7px;
  margin-top: -7px;
}

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

.LeftGuideBox
.RightGuideBox

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

#container .RightGuideBox {
}

#container .LeftGuideBox {
}

	#container .RightGuideBox img:first-child {
		float: right;
		/*width: 20%;*/
		margin-left: 1em;
		margin-right: 1em;
	}
	
	#container .LeftGuideBox img:first-child {
		float: left;
		/*width: 20%;*/
		margin-left: 1em;
		margin-right: 1em;
	}
	
	@media(max-width:768px){
		#container .RightGuideBox img:first-child,
		#container .LeftGuideBox img:first-child {
			width: 20%;
			margin-left: 0;
			margin-right: 0;
		}
	}
	
	#container .RightGuideBox .Text,
	#container .LeftGuideBox .Text {
		position: relative;
		float: left;
		width: 78%;
		/*border: 3px solid rgba(102,172,40, .9);
		background: rgba(102,172,40, .1);
		

		-webkit-border-radius: 5px;
		border-radius: 5px;
		
		padding: .5em 1em;
		
		-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
		box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);*/
	}
	
	#container .LeftGuideBox .Text {
		float: right;
	}
	
	/*#container .RightGuideBox .Text::after {
		content:'';
		width: 0;
		height: 0;
		border: 1em solid transparent;
		border-left: 1em solid rgba(102,172,40, 1);
		position:absolute;
		top:20%;
		right:-2em;
	}
	
	#container .LeftGuideBox .Text::after {
		content:'';
		width: 0;
		height: 0;
		border: 1em solid transparent;
		border-right: 1em solid rgba(102,172,40, 1);
		position:absolute;
		top:20%;
		left:-2em;
	}*/

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

.LeftCommentBox
.RightCommentBox

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

#container .RightCommentBox {
}

#container .LeftCommentBox {
}

#container .RightCommentBox,
#container .LeftCommentBox {
	letter-spacing: 0;
	/* 丸ゴシック系 */
	font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;

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

	#container .RightCommentBox img:first-child {
		float: right;
		margin-left: 1em;
		margin-right: 1em;
	}
	
	#container .LeftCommentBox img:first-child {
		float: left;
		margin-left: 1em;
		margin-right: 1em;
	}
	
	#container .RightCommentBox img:first-child,
	#container .LeftCommentBox img:first-child {
		width: 15%;
	}
	
	@media(max-width:768px){
		#container .RightCommentBox img:first-child,
		#container .LeftCommentBox img:first-child {
			width: 15%;
			margin-left: 0;
			margin-right: 0;
		}
	}
	
	#container .RightCommentBox .Text,
	#container .LeftCommentBox .Text {
		position: relative;
		float: left;
		width: 80%;
		border: 1.5px solid rgba(102,172,40, .9);
		background: rgba(102,172,40, .1);
		

		-webkit-border-radius: 5px;
		border-radius: 5px;
		
		padding: .5em 1em;
		
		/*-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
		box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);*/
	}
	
	#container .LeftCommentBox .Text {
		float: right;
	}
	
	#container .RightCommentBox .Text::after {
		content:'';
		width: 0;
		height: 0;
		border: 1em solid transparent;
		border-left: 1em solid rgba(102,172,40, 1);
		position:absolute;
		top:20%;
		right:-2em;
	}
	
	#container .LeftCommentBox .Text::after {
		content:'';
		width: 0;
		height: 0;
		border: 1em solid transparent;
		border-right: 1em solid rgba(102,172,40, 1);
		position:absolute;
		top:20%;
		left:-2em;
	}
	
	
	
	
	/* 女性バージョン */
	
	#container .RightCommentBox.Female .Text,
	#container .LeftCommentBox.Female .Text {
		border: 1.5px solid rgba(255,153,0, .9);
		background: rgba(255,153,0, .1);
	}
	
	
	#container .RightCommentBox.Female .Text::after {
		border-left: 1em solid rgba(255,153,0, 1);
	}
	
	#container .LeftCommentBox.Female .Text::after {
		border-right: 1em solid rgba(255,153,0, 1);
	}

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

.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 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;
		}
	}

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

.ButtonBox

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

#container .ButtonBox {
}

	#container .ButtonBox a {
		width: 49%;
		display: inline-block;
	}
	
	#container .ButtonBox a:hover {
		/* animation */
		-webkit-animation: jump .3s ease-in-out 0s forwards;
		animation: jump .3s ease-in-out 0s forwards;
	}
	
		#container .ButtonBox a img {
			/* ドロップシャドウ */
			-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
			box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
		}
	
			#container .ButtonBox a.Prof img {
				border: 2px solid rgba(198,23,56, .9);
			}

			#container .ButtonBox a.Date img {
				border: 2px solid rgba(64,155,171, .9);
			}

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

.Point7

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

#container .Point7 {
}

	#container .Point7 .clearfix {
		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 .Point7 .clearfix a {
			-webkit-flex: 1;
			flex: 1;
			/*min-width:31%;
			max-width:33%;*/
			margin-right:5px;
			margin-bottom: 5px;
			max-width: 25%;
		}
					
			
			#container .Point7 .clearfix a img {
				border: 1px solid rgba(51,51,51, 1);
				/* 角丸 */
				-webkit-border-radius: 3px;
				border-radius: 3px;
				/* ドロップシャドウ */
				/*-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);
				box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);*/
			}
			
			/*#container .Point7 .clearfix a:hover img {
				border-color: rgba(255,188,0, 1);
			}*/

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

.ListButton

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

#container .ListButton {
	display: block;
	text-align: center;
	margin: 1em 0 2em;
}


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


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

.CatButton

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

#container .CatButton {
	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 .CatButton a {
		-webkit-flex: 1;
		flex: 1;
		min-width:49%;
		max-width:50%;
		margin-right:5px;
		margin-bottom: 5px;
		
		border: 2px solid rgba(51,51,51, 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 .2s ease-in-out 0s;   
		transition: all .2s ease-in-out 0s;
	}
	
	@media(max-width:768px){		
		#container .CatButton a:nth-child(even) {
			margin-right: 0;
		}
		
	}
	
	#container .CatButton a:hover {
		/* 彩度 */
		-webkit-filter:saturate(0%) brightness(100%);
		filter:saturate(0%) brightness(100%);
		
		/* 拡大縮小 */
		-webkit-transform: scale( 1.05, 1.05 );
		transform: scale( 1.05, 1.05 );
	}

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

a.screenshot

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

#container a.screenshot {
	display: block;
}

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

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

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

section.AreaPink.SiteList

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

#container section.AreaPink.SiteList {
}

	#container section.AreaPink.SiteList p:not(.textlink) {
		padding: 0 1em;
	}

	#container section.AreaPink.SiteList h4 {
		font-size: 1.2em;
		/*line-height: 1;*/
		position: relative;
		margin-top: 1.5em;
	}
	
		#container section.AreaPink.SiteList h4 i.sitename {
			font-size: 2em;
			font-style: normal;
		}
		
		@media(max-width:768px){
			#container section.AreaPink.SiteList h4 i.sitename {
				font-size: 1.4em;
			}
		}
		
		#container section.AreaPink.SiteList h4 .caption {
			display: block;
			position: absolute;
			top: -2.2em;
			left: 1em;
			background: rgba(255,155,36, 1);
			color: rgba(255,255,255, 1);
			padding: .4em 1em;
			border: 2px solid rgba(255,255,255, 1);
			
			/* 角丸 */
			-webkit-border-radius: 5px;
			border-radius: 5px;
			
			/* 回転 */
			-webkit-transform: rotate(-2deg);
			transform: rotate(-2deg);
			
			/* ドロップシャドウ */
			-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
			box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
		}
	
	#container section.AreaPink.SiteList p.textlink {
		margin-bottom: 0;
		padding-bottom: 2em;
	}
	
		#container section.AreaPink.SiteList p.textlink a {
			border-color:rgba(228,0,90, 1);
			color: rgba(228,0,90, 1);
		}
		
		#container section.AreaPink.SiteList p.textlink a:hover {
			color:rgba(255,255,255, 1);
		}

		#container section.AreaPink.SiteList p.textlink a::after {
			background:rgba(228,0,90, 1);		
		}

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

#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 a:hover {
			/* animation */
			-webkit-animation: none;
			animation: none;
		}
	}

#footer {
	padding-bottom: 140px;
}

@media(max-width:768px){
	#footer {
		display: block;
		padding-bottom: 75px;
		margin-bottom: 0;
	}
}

	#floatButton a {
		display: block;
		width: 100%;
		/*position: absolute;
		top: -45px;
		left: 0;*/
	}
	
	@media(max-width:768px){
		#floatButton a {
			/*top:-30px;*/
		}
	}
	
/* ////////////////////////////////////////////////////////////

.FeatureSite

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

#container .FeatureSite {
}

@media(max-width:768px){
	#container .FeatureSite {
		margin-top: 1em;
	}
}

	#container .FeatureSite img.header {
		/* 角丸 */
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
		margin-left: 1em;
	}
	
	@media(max-width:768px){
		#container .FeatureSite img.header {
			width: 90%;
			margin-left: 5%;
		}
	}

	#container .FeatureSite .InnerBox {

		border: 4px solid rgba(231,58,41, 1);
		background: rgba(231,58,41, .1);
		/* 角丸 */
		-webkit-border-radius: 5px;
		border-radius: 5px;

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

		padding: .5em .5em;


		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 .FeatureSite .InnerBox a {
			-webkit-flex: 1;
			flex: 1;
			/*min-width:31%;
			max-width:33%;*/
			margin-right:5px;
			
			position: relative;
			
			border: 2px solid 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);
			
		}

		#container .FeatureSite .InnerBox a:last-child {
			margin-right: 0;
		}
		
		
		#container .FeatureSite .InnerBox a::after {
			content: '';
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			background: rgba(231,58,41, .9);
			width: 100%;
			height: 30px;
			
			/* 透明 */
			/*-webkit-opacity:0;
			opacity:0;*/
			
			/* transition */
			-webkit-transition: all .2s ease-in-out 0s;   
			transition: all .2s ease-in-out 0s;
		}
		
		
			#container .FeatureSite .InnerBox a:hover::after {
				/* 透明 */
				/*-webkit-opacity:1;
				opacity:1;*/
								
				height: 100%;
			}
			
			@media(max-width:768px){
				#container .FeatureSite .InnerBox a::after {
					height: 25px;
				}
				
				#container .FeatureSite .InnerBox a:hover::after {
					height: 25px;
				}
			}
		
		
		#container .FeatureSite .InnerBox a .caption {			
			position: absolute;
			bottom: .2em;
			left: .2em;
			text-align: center;
			display: block;
			width: 100%;
			letter-spacing: 0;
			/*font-weight: bold;*/
			/* Font-Family 丸ゴシック系 */
			font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
			
			/* テキストエンボス */
			-webkit-text-shadow: 0 -1px 0 rgba(0,0,0,.6);
			text-shadow: 0 -1px 0 rgba(0,0,0,.6);
			
			z-index: 999;
			color: rgba(255,255,255, 1);
		}
		
		@media(max-width:768px){
			#container .FeatureSite .InnerBox a .caption {	
				font-size: .7em;
				letter-spacing: -1px;
				line-height: 25px;
			}
		}
		
			#container .FeatureSite .InnerBox a .caption span {
				background: rgba(255,255,255, 1);
				color: rgba(231,58,41, 1);
				padding: 0 .3em;
				font-weight: bold;
				margin-right: .2em;
				
				/* 角丸 */
				-webkit-border-radius: 2px;
				border-radius: 2px;
			}
		
		#container .FeatureSite .InnerBox a .Button {
			/* 透明 */
			-webkit-opacity:0;
			opacity:0;
						
			/*上下左右中央寄せ */
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;

			width: 60%;
			height: 35px;
			line-height: 35px;
			text-align: center;
			
			
			color: rgba(231,58,41, 1);
			/*border: 2px solid rgba(255,255,255, 1);*/
			background: rgba(255,255,255, 1);
			/* 角丸 */
			/*-webkit-border-radius: 2px;
			border-radius: 2px;*/
			font-weight: bold;
			font-size: 1.1em;
			
			/*padding: .3em 1em;*/
			z-index: 999;
			
			/* ドロップシャドウ */
			-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 .3s ease-in-out 0s;   
			transition: all .3s ease-in-out 0s;
		}
		
		@media(max-width:768px){
			#container .FeatureSite .InnerBox a .Button {
				display: none;
			}
		}
		
		#container .FeatureSite .InnerBox a:hover .Button {
			/* 透明 */
			-webkit-opacity:1;
			opacity:1;
		}

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

.RegButton

/////////////////////////////////////////////////////////////*/	
	
#container .RegButton {
	display: block;
	margin: 0 auto;
	padding: 1em 0;
}

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

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

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


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

.CatButtonArea

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

#container .CatButtonArea {
	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 .CatButtonArea a {
		-webkit-flex: 1;
		flex: 1;
		min-width:24%;
		max-width:25%;
		margin-right:5px;
		margin-bottom: 5px;
		
		/* ドロップシャドウ */
		-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 .CatButtonArea a {
			margin-right: 3px;
		}
	}
	
	#container .CatButtonArea a:hover {
		/* animation */
		-webkit-animation: bounce .4s ease-in-out 0s forwards;
		animation: bounce .4s ease-in-out 0s forwards;
	}


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

.index02

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

#container .index02 {
	position: absolute;
	left: 35%;
	top: 20px;
}

@media(max-width:768px){
	#container .index02 {
		width:45%;
		left: 50%;
	}
}

	#container .index02 .bg {
		position: relative;
		/* animation */
		-webkit-animation: heartbeat 2s ease-in-out 0s infinite;
		animation: heartbeat 2s ease-in-out 0s infinite;
	}
	
		#container .index02 .bg img {
			display: block;
			margin: 0 auto;
			/* animation */
			/*-webkit-animation: spin 10s linear 0s infinite;
			animation: spin 10s linear 0s infinite;*/
		}
	
	/*#container .index02 .bg::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		
		background: url(../imgNew/past_content/index02text.png) no-repeat;

		width: 203px;
		height: 94px;
	}*/
	

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

.Board

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

#container .Board {
	display: inline-block;
	padding: .5em;
	border: 3px solid rgba(102,172,40, 1);
	background: rgba(102,172,40, .1);
	/* 角丸 */
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

	#container .Board p {
		font-weight: bold;
		font-size: 1.6em;
	}
	

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

.reviewBox .star

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

#container .reviewBox {
}

	#container .reviewBox .star {
		font-size: 1.6em;
		color: rgba(234,31,1, 1);
		font-weight: bold;
	}
	
		#container .reviewBox .star i {
		}


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

table.company

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


#container table.common.company {
	border-color: rgba(205,12,17, 1);
}

	#container table.common.company th {
		background: rgba(205,12,17, .9);
		color: rgba(255,255,255, 1);
		font-size: 1.4em;
		letter-spacing: 0;
		line-height: 1.5;
	}
	
	#container table.common.company td {
		border-left-color: rgba(205,12,17, 1);
	}
	
		#container table.common.company td a {
			color: rgba(205,12,17, 1);
			font-size: 1.2em;
			font-weight: bold;
			display: inline-block;
			padding: .3em .3em;
		}
		
		#container table.common.company td a:not(:last-child) {
			margin-right: .2em;
		}
		
			#container table.common.company td a:hover {
				text-decoration: none;
				background: rgba(205,12,17, .9);
				color: rgba(255,255,255, 1);
			}
			
			#container table.common.company td a:hover i {
				/* animation */
				-webkit-animation: bounce .3s ease-in-out 0s forwards;
				animation: bounce .3s ease-in-out 0s forwards;
			}


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

table.review

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


#container table.common.review {
	border-color: rgba(253,160,6, 1);
}

	#container table.common.review th {
		background: rgba(253,160,6, 1);
		color: rgba(255,255,255, 1);
		font-size: 1.4em;
		letter-spacing: 0;
		line-height: 1.5;
	}
	
	#container table.common.review td {
		border-left-color: rgba(253,160,6, 1);
	}
	
		#container table.common.review td a {
			color: rgba(253,100,6, 1);
			font-size: 1.2em;
			font-weight: bold;
			display: inline-block;
			padding: .3em .3em;
		}
		
		#container table.common.review td a:not(:last-child) {
			margin-right: .2em;
		}
		
			#container table.common.review td a:hover {
				text-decoration: none;
				background: rgba(253,100,6, .9);
				color: rgba(255,255,255, 1);
			}
			
			#container table.common.review td a:hover i {
				/* animation */
				-webkit-animation: bounce .3s ease-in-out 0s forwards;
				animation: bounce .3s ease-in-out 0s forwards;
			}


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

サイドバーカスタマイズ

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

#container .sidebar .Box.Company ul.menu {
	background: rgba(205,12,17, .1);
	border-color: rgba(205,12,17, 1);
}

	#container .sidebar .Box.Company ul.menu li a:hover {
		background: rgba(205,12,17, .05);
		text-decoration: none;
		color: rgba(205,12,17, 1);
	}

	#container .sidebar .Box.Company ul.menu li a::after {
		background: rgba(205,12,17, 1);
	}

	#container .sidebar .Box.Company ul.menu li a::before {
		background: rgba(205,12,17, 1);
	}
	

#container .sidebar .Box.Review ul.menu {
	background: rgba(253,160,6, .1);
	border-color: rgba(253,160,6, 1);
}

	#container .sidebar .Box.Review ul.menu li a:hover {
		background: rgba(253,192,6, .05);
		text-decoration: none;
		/*color: rgba(21,21,21, 1);*/
		color: rgba(220,160,6, 1);
	}

	#container .sidebar .Box.Review ul.menu li a::after {
		background: rgba(253,192,6, 1);
	}

	#container .sidebar .Box.Review ul.menu li a::before {
		background: rgba(253,192,6, 1);
	}
	

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

グラフカスタマイズ

/////////////////////////////////////////////////////////////*/
	
#container .GraphBox {
	position: relative;
}	

	#container .GraphBox .AllRow {
		display: inline-block;
		
		font-size: .9em;
		padding: .2em .5em;
		
		background: rgba(102,172,40, .1);
		border: 2px solid rgba(102,172,40, 1);
		/* 角丸 */
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	
		#container .GraphBox .AllRow span {
			font-size: 1.4em;
			font-weight: bold;
		}
		
		#container .GraphBox .PointGood,
		#container .GraphBox .PointBad {
			position: absolute;
			top: 20%;
			z-index: 999;
			font-size: .8em;
			padding: .3em .8em;
			color: rgba(255,255,255, 1);
			
			/* テキストエンボス */
			-webkit-text-shadow: 0 -1px 0 rgba(0,0,0,.4);
			text-shadow: 0 -1px 0 rgba(0,0,0,.4);
			
			/* 角丸 */
			-webkit-border-radius: 2px;
			border-radius: 2px;
			/* ドロップシャドウ */
			-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 .GraphBox .PointGood,
			#container .GraphBox .PointBad {
				top: 25%;
			}
		}
		
		#container .GraphBox .PointGood::after,
		#container .GraphBox .PointBad::after {
			content:'';
			width: 0;
			height: 0;
			border: .6em solid transparent;
			position:absolute;
			top:20%;
			letter-spacing: 0;
		}
		
		#container .GraphBox .PointGood::after {
			border-right-color:rgba(0,146,188, 1);
			border-right-width: .8em;
			right: 100%;
		}
		
		#container .GraphBox .PointBad::after {
			border-left-color:rgba(255,99,132, 1);
			border-left-width: .8em;
			left: 100%;
		}

			#container .GraphBox .PointGood {
				left: 55%;
				background: rgba(0,146,188, 1);
			}

			#container .GraphBox .PointBad {
				left: 35%;
				background: rgba(255,99,132, 1);
			}
			
			@media(max-width:768px){
				#container .GraphBox .PointBad {
					left: 22%;
				}
			}
			
			#container .GraphBox .PointGood span,
			#container .GraphBox .PointBad span {
				padding: 0 .2em;
				font-size: 1.4em;
			}
			
			
	#container .GraphBox .VoteButton {
		position: absolute;
		top: 45%;
		width: 200px;
		height: 200px;
		background-size: cover;
		border: none;
		text-indent: -9999px;
	}
	
	@media(max-width:768px){
		#container .GraphBox .VoteButton {
			width: 100px;
			height: 100px;
		}
	}
	
		#container .GraphBox .VoteButton.good {
			right: 3%;
			background: url(../imgNew/past_voteButton_good.png) no-repeat;
		}
		
		#container .GraphBox .VoteButton.bad {
			left: 3%;
			background: url(../imgNew/past_voteButton_bad.png) no-repeat;
		}
				
		@media(max-width:768px){
			#container .GraphBox .VoteButton.good,
			#container .GraphBox .VoteButton.bad {
				background-size: cover;
			}
		}
		
		/*#container .GraphBox .VoteButton.good:hover {
			background: url(../imgNew/past_voteButton_good_on.png) no-repeat;
		}
		
		#container .GraphBox .VoteButton.bad:hover {
			background: url(../imgNew/past_voteButton_bad_on.png) no-repeat;
		}*/
		
		#container .GraphBox .VoteButton.good:hover,
		#container .GraphBox .VoteButton.bad:hover {
			cursor: pointer;
			/* animation */
			-webkit-animation: jump .3s ease-in-out 0s forwards;
			animation: jump .3s ease-in-out 0s forwards;
		}
		
		@media(max-width:768px){
			#container .GraphBox .VoteButton.good:hover,
			#container .GraphBox .VoteButton.bad:hover {
				/* animation */
				-webkit-animation: none;
				animation: none;
			}
		}
		
		
		#container .GraphBox .Message {
			position: absolute;
			background: rgba(231,58,41, .9);
			padding: .5em .5em;
			color: rgba(255,255,255, 1);
			top: 60%;
			left: 20%;
			width: 60%;
			font-size: 1.5em;
			font-weight: bold;
			text-align: center;
			/* ドロップシャドウ */
			-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 .GraphBox .Message {
				font-size: .8em;
				width: 80%;
				left: 10%;
			}
		}
		

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

body.company

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


body.company {
}

	body.company #container h3 {
		background: rgba(220,10,16, 1);
		border-left-color: rgba(180,10,16, 1);
	}

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

.CompanyInfo

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


#container .CompanyInfo {
}

	#container .CompanyInfo img {
		width: 50%;
		margin-right: 1%;
		/*margin-top: 5em;*/
	}
	
	@media(max-width:768px){
		#container .CompanyInfo img {
			width: 90%;
			margin: 0 auto;
		}
	}
	
	#container .CompanyInfo .details {
		width: 49%;
		float: right;
		font-size: .8em;
	}
	
	@media(max-width:768px){
		#container .CompanyInfo .details {
			width: 100%;
		}
	}
		
		#container .CompanyInfo .details table {
			border-color: rgba(220,10,16, 1);
		}
	
		#container .CompanyInfo .details th {
			padding: .5em .5em .5em .5em;
			width: 22%;
			background: rgba(220,10,16, .1);
			border-bottom-color: rgba(220,10,16, 1);
			text-align: center;
		}
		
		@media(max-width:768px){
			#container .CompanyInfo .details th {
				width: 100%;
			}
		}
		
		#container .CompanyInfo .details td {
			border-bottom-color: rgba(220,10,16, 1);
			border-left-color: rgba(220,10,16, 1);
		}

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

body.review

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


body.review {
}

	body.review #container h3 {
		background: rgba(255,232,94, 1);
		border-left-color: rgba(237,186,32, 1);
		color: rgba(21,21,21, 1);
		/* テキストシャドウ */
		-webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
		text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
		font-weight: bold;
	}

