/* CSS Document */

/* *********** BASE STYLE *********** */

* { margin: 0; padding: 0; }

header, footer, section, article, aside, address, h1, h2, h3, h4, h5, h6, p { display: block; }
ul, ol, dl, iframe {
	margin: 0;
	padding: 0px;
}
h1, h2, h3, h4, h5, h6 { font-size: medium; font-weight: normal; line-height: normal; }
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:small;
}

a {
	font-weight: normal;
	text-decoration: none;
	color: #C80000;
}
a:hover {
	text-decoration: underline;
	color: #0000FF;
	font-weight: normal;
}

@media screen and (max-width: 800px) {
	/*************** スマホ用にリンクの装飾 ******************/		
	a.smart {
	   border-style: solid;
	   border-width: 1px;
	   border-color: #ccc #999 #999 #ccc;
	   -webkit-border-radius: 7px; /* Chrome,Safari */
	   -moz-border-radius: 7px;    /* Firefox */
	   border-radius: 7px;         /* CSS3 */
	   padding: 0.1em 0.8em;
	   margin: 0px 0.3em;
	   text-decoration: none;
	   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
	   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); zoom:1; /* IE */
	   background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
	   background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
	   background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
	   line-height: 2em;
	   white-space: nowrap;
	}
}

/*** clearfix ***/
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

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

#head_wrap {
	 width: 100%;
	 height: auto;
background: #000; /* IE6-9 */

}

.screen_inline { display: inline; }
@media screen and (max-width: 400px){ .screen_inline { display: none; } }

.clear {
	clear: both;
	line-height: 0;
}
.clear800 {
	display: none;
}
@media screen and (max-width: 800px){
.clear800 {
	display: block;
	clear: both;
	line-height: 0;
}
}	

#header {
	 position: relative;
	 width: 100%;
	 max-width: 1280px;
	 height: auto;
	 margin: 0 auto;
	 padding: 0.5em 0;
	 color: #fff;
}
	#header h1 {
		width: 75%;
		max-width: 468px;
		line-height: 0;
		float: left;
	}
	#header h1 img {
		vertical-align: middle;
	}
	.title_top {
		width: 100%;
	}
#headmenu {
	width: 25%;
	max-width: 110px;
	list-style-type: none;
	float: right;
	font-size: 120%;
}
	#headmenu li  {
		width: 44%;
		margin: 3%;
		float: left;
		text-decoration: none;
		color: #fff;
		text-align: center;
		cursor: pointer;
		
	}
	#headmenu img {
		vertical-align: middle;
	}

	#search {
		display: none;		
	}
#news a {
	font-weight: normal;
	text-decoration: none;
	color: #C80000;
}
#news a:hover {
	text-decoration: underline;
	color: #0066FF;
	font-weight: normal;
}
	#more {
		margin: 0;
		padding: 0 2em 0 0;
		text-align: right;
		width: 100%;
		box-sizing: border-box;
	}

/* 受賞結果ページのコンテナ */
#container {
	width: 100%;
	color: #fff;
	height: auto;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#777777, direction=120, strength=3, enabled=true);
	z-index: -1000000;
}
#allwrap {
	width: 100%;
	height: auto;
	background-image: url(../review/back.png);
	background-repeat: repeat;
	
		
}
nav#topNav {
	background-color: #0000CC;
}
	nav#topNav ul {
		display: block;
		list-style-type: none;
			height: 3em;
		
	}
	nav#topNav ul.topnavi {
		width: 80%;
		max-width: 1280px;
		margin: 0 auto;
		font-weight: bold;
	}
		nav#topNav li {
			display: block;
			color: #999;
			float: left;
			width: 20%;
			line-height: 3em;
			position: relative;
			text-align: center;
			text-shadow: 1px 1px 1px #000;
		}
		nav#topNav li a {
			display: block;
			color: #fff;
			text-decoration: none;
			border-right: 1px solid #666;
			text-align: center;
			box-sizing: border-box;
			font-weight: bold;
		}
			nav#topNav ul:after {
				content: ".";
				display: block;
				height: 0;
				clear: both;
				visibility: hidden;
			}
			nav#topNav ul ul {
				display: none;
				width: 100%;
				height: auto;
				position: absolute;
				left: 0;
				background: #6a6a6a;
				z-index: 1;
			}

			nav#topNav ul ul li {
				float: none;
				width: 100%;
				border-left: none;
				border-right: none;
				border-bottom: 1px dotted #777;
				text-align: left;
				font-weight: normal;
			}
			nav#topNav ul ul li:last-child {
				border-bottom: 0px dotted #777;
			}
			nav#topNav ul ul li a {
				padding: 5px 5px;
				font-size: small;
				border-left: none;
				border-right: none;
				position:relative;
				text-align: left;
				font-weight: normal;
    			/*アニメーション指定*/
    			transition-property: background-color;
    			transition-duration:0.3s;
    			transition-timing-function:ease-out;
    			transition-delay:0.01s;
			}
			nav#topNav ul ul li a:hover {
				background-color:#f00;
			}
	nav#topNav ul ul li a:before{
	  display: block;
	  content: "";
	  position: absolute;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top: 50%;
	  right: 20px;
	  width: 10px;
	  height: 10px;
	  margin-top: -5px;
	  background: #fff;
	}
	nav#topNav ul ul li a:after{
	  display: block;
	  content: "";
	  position: absolute;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top: 50%;
	  right: 24px;
	  width: 10px;
	  height: 10px;
	  margin-top: -5px;
	  background:rgba(80,0,0,1);
		/*アニメーション指定*/
    	transition-property: background;
    	transition-duration:0.3s;
    	transition-timing-function:ease-out;
    	transition-delay:0.01s;
	}
	nav#topNav ul ul li a:hover:after{
	  background:rgba(255,0,0,1);
	}

/***** Responsive Design ****/
@media screen and (max-width: 800px){
nav#topNav {
	background-color: #0000CC;
	
}
	nav#topNav ul {
		display: block;
		list-style-type: none;
			height: auto;
		
	}
	nav#topNav ul.topnavi {
		width: 100%;
		max-width: 1280px;
		margin: 0 auto;
		font-weight: bold;
	}
		nav#topNav li {
			display: block;
			color: #999;
			float: none;
			width: 100%;
			line-height: 4em;
			position: relative;
			text-align: center;
			text-shadow: 1px 1px 1px #000;
							border-bottom: 1px solid #777;
		}
		nav#topNav li a {
			display: block;
			color: #fff;
			text-decoration: none;
			border-right: none;
			text-align: center;
		}
			nav#topNav ul:after {
				content: ".";
				display: block;
				height: 0;
				clear: both;
				visibility: hidden;
			}
			nav#topNav ul ul {
				display: none;
				width: 100%;
				height: auto;
				position: static;
				left: 0;
				background: #6a6a6a;
				z-index: 1;
			}
			nav#topNav ul ul li {
				display: block;
				float: none;
				width: 100%;
				border-left: none;
				border-right: none;
				border-bottom: 1px dotted #777;
				line-height: 2em;
				
			}
			nav#topNav ul ul li:last-child {
				border-bottom: 0px dotted #777;
			}
			nav#topNav ul ul li a {
				padding: 5px 5px;
				font-size: small;
				font-weight: normal;
				border-left: none;
				border-right: none;
			}
			nav#topNav ul ul li a:hover {
				background-color:#f00;
			}
}

/* CSS3(Modernizr.js) */
.borderradius nav#topNav {
	-moz-border-radius:0 /* 4px */;
	-webkit-border-radius:0 /* 4px */;
	border-radius:0 /* 4px */;
}
.cssgradients nav#topNav { 
	background: rgb(169,3,41); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(169,3,41) 0%, rgb(143,2,34) 44%, rgb(109,0,25) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(169,3,41)), color-stop(44%,rgb(143,2,34)), color-stop(100%,rgb(109,0,25))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(169,3,41) 0%,rgb(143,2,34) 44%,rgb(109,0,25) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(169,3,41) 0%,rgb(143,2,34) 44%,rgb(109,0,25) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(169,3,41) 0%,rgb(143,2,34) 44%,rgb(109,0,25) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(169,3,41) 0%,rgb(143,2,34) 44%,rgb(109,0,25) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}
.boxshadow.rgba nav#topNav {
	-moz-box-shadow:0px 2px 2px rgba(0,0,0,.4);
	-webkit-box-shadow:0px 2px 2px rgba(0,0,0,.4);
	box-shadow:0px 2px 2px rgba(0,0,0,.4);
}
.cssgradients nav#topNav li.head:hover {
	background: #6d0019; /* Old browsers */
	background: -moz-linear-gradient(top, #6d0019 0%, #8f0222 44%, #a90329 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d0019), color-stop(44%,#8f0222), color-stop(100%,#a90329)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6d0019 0%,#8f0222 44%,#a90329 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6d0019 0%,#8f0222 44%,#a90329 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6d0019 0%,#8f0222 44%,#a90329 100%); /* IE10+ */
	background: linear-gradient(to bottom, #6d0019 0%,#8f0222 44%,#a90329 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#a90329',GradientType=0 ); /* IE6-9 */
}
.borderradius nav#topNav ul ul {
	-moz-border-radius-bottomleft:0 /* 4px */;
	-moz-border-radius-bottomright:0 /* 4px */;
	-webkit-border-bottom-left-radius:0 /* 4px */;
	-webkit-border-bottom-right-radius:0 /* 4px */;
	border-bottom-left-radius:0 /* 4px */;
	border-bottom-right-radius:0 /* 4px */;
}
.boxshadow.rgba nav#topNav ul ul {
	background-color:rgba(80,0,0,1);
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,.8);
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.8);
	box-shadow:2px 2px 2px rgba(0,0,0,.8);
}
@media screen and (max-width: 800px){
.boxshadow.rgba nav#topNav ul ul {
	background-color:rgba(80,0,0,1);
	-moz-box-shadow:0px 0px 0px rgba(0,0,0,.8);
	-webkit-box-shadow:0px 0px 0px rgba(0,0,0,.8);
	box-shadow:0px 0px 0px rgba(0,0,0,.8);
}
}
.rgba nav#topNav ul ul#ult a:hover {
	background-color:rgba(255,50,50,.3);
}
.rgba nav#topNav ul ul#ulp a:hover {
	background-color:rgba(100,100,255,.3);
}
.csstransforms ul a span {
	-moz-transform:rotate(-180deg);
	-webkit-transform:rotate(-180deg);
}


#index_wrapper {
	background: rgba(0,0,40, .9);
	background-image: url(../review/back_review.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	width: 100%;
	max-width: 1280px;
	height: auto;
	position: relative;
	z-index: 0;
	clear: both;
	padding: 1em 0;
	margin: 0 auto;
	box-shadow: -4px 2px 2px #222, 4px 2px 2px #222;
}	
#review_wrapper {
	width: 100%;
	max-width: 1280px;
	height: auto;
	position: relative;
	z-index: 0;
	clear: both;
	padding: 1em 0;
	margin: 0 auto;
}	
@media screen and (max-width: 600px){
#index_wrapper {
	background-image: none;
}	
}
@media screen and (max-width: 800px){
#review_wrapper {
	padding: 0 0;
}	
}

#foot {
	line-height: 1em;
	width: 100%;
	padding: 5px 0;
	background: #a90329; /* Old browsers */
	background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
	background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
	color: #CCCCCC;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	
}
#under_wrap {
	width: 100%;
	height: auto;	
	background: #2c2b30; /* Old browsers */
	background: -moz-linear-gradient(top,  #2c2b30 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c2b30), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2c2b30 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2c2b30 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2c2b30 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2c2b30 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2b30', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	
	
}

#footnavwrap {
	width: 100%;
	height: auto;
	background: #2c2b30; /* Old browsers */
	background: -moz-linear-gradient(top,  #2c2b30 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c2b30), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2c2b30 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2c2b30 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2c2b30 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2c2b30 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2b30', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
	#footnav {
		width: 100%;
		max-width: 1280px;
		margin: 0 auto;
		padding: 2em 0;
		list-style-type: none;
	}
	#footnav a, #footnav a:visited, #footnav a:active { text-decoration: none; color: #fff; }
	#footnav a:hover { text-decoration: none; }
@media screen and (max-width: 639px) {
	#footnav {
		width: 320px;
		margin: 0 auto;
		padding: 2em 0;
		list-style-type: none;
	}
}
		#footnav li {
			display: block;
			float: left;
			width: 300px;
			height: 200px;
			font-size: large;
			text-align: center;
			margin: 10px 10px;
			color: #fff;
		}
		#footnav li a#footnav_news {
			display: block;
			width: 100%;
			position: relative;
    			/*アニメーション指定*/
    			transition-property: background;
    			transition-duration:0.4s;
    			transition-timing-function:ease-out;
    			transition-delay:0s;
		}
		#footnav li a#footnav_news:hover {
			background: rgba(0,20,100,0.4);
		}
		#footnav li a#footnav_news:after {
			display: block;
			content: "";
			position: absolute;
			top: 50%; right: 0.5em;
			margin-top: -5px;
			-webkit-tranform: rotate(-90deg);
			transform: rotate(-90deg);
			width: 10px;
			height: 10px;
			background-image: url(../images/dd.png);
			background-repeat: no-repeat;
			background-position: center right;
			z-index: 50;
		
		}
@media screen and (max-width: 639px) {
		#footnav li {
			height: auto;
		}
}
		#footnav ul {
			list-style-type: none;
			display: block;
			width: 100%;
			border-top: 1px solid #888;
			line-height: 1.5em;
		}
		#footnav ul li {
			display: block;
			float: none;
			width: 100%;
			height: 1.3em;
			font-size: small;
			text-align: left;
			color: #888;
		}
		#footnav ul li a {
			display: block;
			padding-left: 0.5em;
			text-decoration: none;
			width: auto;
			position: relative;
    			/*アニメーション指定*/
    			transition-property: background;
    			transition-duration:0.4s;
    			transition-timing-function:ease-out;
    			transition-delay:0s;
		}
		#footnav ul li a:hover {
			background: rgba(0,20,100,0.4);
		}
			#footnav ul li a:before{
				  display: block;
				  content: "";
				  position: absolute;
				  top: 50%; right: 1.5em;
				  margin-top: -5px;
				  -webkit-tranform: rotate(-90deg);
				  transform: rotate(-90deg);
				  width: 10px;
				  height: 10px;
				  background-image: url(../images/dd.png);
				  background-repeat: no-repeat;
				  background-position: center right;
				  z-index: 50;
				}

		.inner_address {
			line-height: 1.3em;
			font-size: small;
			text-align: left;
			width: 100%;
			border-top: 1px solid #888;
			padding: 0.3em 0 0 0;
			color: #AAA;
		}




#addresswrap {
	width: 100%;
	height: auto;
	background: #000;
}
		
	#address {
		width: auto;
		max-width: 1280px;
		margin: 0 auto;
		color: #bbb;
		font-size: x-small;
		padding: 0 0 3px 3%;
	 }

#under {
	display: block;
	width: 100%;
	max-width: 1280px;
	padding: 1.5em 0;
	margin: 0 auto;
}
#under:after { /** clearfix **/
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}
#news {
	width: 48%;
	height: 150px;
	float: left;
	/* border: 1px dotted #fff; */
	margin: 0 2% 0 3%;
	color: #fff;
	font-size: 110%;
	text-shadow: 1px 1px 1px #000;
}
@media screen and (max-width: 800px) {
#news {
	width: 95%;
	height: auto;
	float: none;
	/* border: 1px dotted #fff; */
	margin: 0 auto 0 auto;
	color: #fff;
	font-size: 110%;
	text-shadow: 1px 1px 1px #000;
}
}
.cont {
	width: auto;
	height: auto;
	border: ;
	margin: 0 1% 0 0;
	color: #fff;
	line-height: 0;
	list-style-type: none;
	font-size: 95%;
}
@media screen and (max-width: 800px) {
.cont {
	width: auto;
	height: auto;
	border: ;
	margin: 0 auto 0 auto;
	color: #fff;
	line-height: 0;
	list-style-type: none;
}
}
	#upper {
		position: absolute;
		bottom: 2%; left: 2%;
		z-index: 100;
		max-width: 460px;
	}
@media screen and (max-width: 400px) {
.cont {
	width: 276px;
}
	#upper {
		width: 276px;
		height: 145px;
		position: absolute;
		top: 5%; left: 50%;
		z-index: 100;
		margin-left: -138px;
	}
	
	
}
.cont li img {
		display: block;
		width: 105px;
		height: 85px;
		margin: 5px auto;
}
.cont li#sokuho_button img {
		display: block;
		width: 130px;
		height: 130px;
		margin: 0;
}
	.cont li {
		display: block;
		float: left;
	}


	.cont li a {
		line-height: 1.5em;
		border-radius: 15px;
		margin: 4px;
		padding: 8px 6px 4px 6px;
		width: 118px;
		height: 118px;
		display: block;
		text-decoration: none;
		color: #000;
		font-weight: bold;
		background: #feffe8; /* Old browsers */
		background: -moz-linear-gradient(top,  #feffe8 0%, #d6dbbf 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffe8), color-stop(100%,#d6dbbf)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #feffe8 0%,#d6dbbf 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #feffe8 0%,#d6dbbf 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #feffe8 0%,#d6dbbf 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #feffe8 0%,#d6dbbf 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf',GradientType=0 ); /* IE6-9 */
		text-shadow: 1px 1px 1px #bbb;
	}
	#upper li a {
				box-shadow: 2px 2px 3px #666;
	}
	.cont li#sokuho_button a {
		line-height: 1.5em;
		border-radius: 0;
		margin: 4px;
		padding: 0;
		width: 130px;
		height: 130px;
		display: block;
		text-decoration: none;
		color: #000;
		font-weight: bold;
		background: none;
		text-shadow: none;
		box-shadow: none;
	}

	.cont li a:hover {
		text-decoration: none;
		background: #fefcea; /* Old browsers */
		background: -moz-linear-gradient(top,  #fefcea 0%, #f1da36 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #fefcea 0%,#f1da36 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */

	}
	.cont li#sokuho_button a:hover {
		text-decoration: none;
		background: none;
		opacity: 0.8;

	}

@media screen and (max-width: 400px) {
.abs {
	display: none;
	opacity: 0;
}
}

#kinbi {
	display: block;
	width: 100%;
	line-height: 1em;
}
@media screen and (max-width: 500px){
#kinbi {
	display: none;
}
}


/**** base ****/

.article {
	width: 100%;
	max-width: 1170px;
	height: auto;
	margin: 0 auto 3em auto;
	padding: 1em 15px 1em 0;
	box-sizing: border-box;
}
.article h1, .flow h1, .qa h1 {
	width: 80%;
	max-width: 320px;
	line-height: normal;
	padding: 0.7em 0 0.7em 0;
	margin: 0 0 1em 0;
}
@media screen and (max-width: 400px){
.article h1, .flow h1, .qa h1 {
	padding: 0 0 0.7em 0;
	margin: 0 0 1em 0;
}

}

.article h2 {
	margin: 1.1em 0;
	font-weight: bold;
	font-size: 180%;
	line-height: 1.2em;
}
	.exhired {
		color: #e60024;
	}
	.exhired img {
		width: 1.2em;
		height: 1.2em;
		vertical-align: -15%;
		margin: 0;
		padding: 0;
	}
	.pfhiblue {
		color: #00529f;
	}
	.pfhiblue img {
		width: 1.2em;
		height: 1.2em;
		vertical-align: -15%;
		margin: 0;
		padding: 0;
	}


.article h3 {
	margin: 0.5em 0;
	font-weight: bold;
	font-size: 140%;
	line-height: 1.1em;
}
.article h4 {
	margin: 0.3em 0;
	font-weight: normal;
	font-size: 120%;
	line-height: 1em;
}
.article p {
	width: 98%;
	height: auto;
	line-height: 1.5em;
	padding: 0 0 0 2%;
	font-size: 120%;
	text-shadow: 1px 1px 1px #000;
}
	p.route {
		font-size: 100%;
	}
	p#walkroute {
		font-size: 100%;
		font-weight: bold;
		color: #903;
	}
	.item {
		margin: 0 0 1em 0;
	}
.dd {
	vertical-align: middle;
}	

/* winner navi */
.reviews {
	width: auto;
	max-width: 400px;
	float: left;
	margin: 0 2% 0 2%;
}
@media screen and (max-width: 400px) {
.reviews {
	width: 320px;
	float: none;
	margin: 0 auto 0 auto;
}
}
.reviews ul {
	display: block;
	width: 100%;
	list-style-type: none;
}
	.reviews ul#ex{ display: block; }
	.reviews ul#pf{ display: block; }

.reviews ul li a {
	display: block;
	margin: 1em 0;
	padding: 0;
	text-decoration: none;
	position: relative;
}
	.reviews #ex a {
		background: none;
		/*アニメーション指定*/
		transition-property: background;
		transition-duration:0.2s;
		transition-timing-function:linear;
		transition-delay:0;
	}
	.reviews #ex a:hover {
		background: rgba(230,0,36,.3);
	}
	.reviews #pf a {
		background: none;
		/*アニメーション指定*/
		transition-property: background;
		transition-duration:0.2s;
		transition-timing-function:linear;
		transition-delay:0;
	}
	.reviews #pf a:hover {
		background: rgba(0,82,159,.5);
	}
	
@media screen and (max-width: 640px){
	.reviews ul li a:before{
	  display: block;
	  content: "";
	  position: absolute;
	  top: 54%;
	  right: 1px;
		width: 0;
		height: 0;
		border: 5px solid transparent;
		border-left: 8px solid #eee;
	  margin-top: -9px;
	}
}



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

    entry.html
	
***************************************** */

#sidenav {
	display: block;
	position: fixed;
	top: 50%; right: 0;
	background-color: #000;
	color: #fff;
	width: 20px;
	height: auto;
	margin-top: -80px;
	overflow: hidden;
	padding: 10px 0 10px 0;
	border-radius: 15px 0 0 15px;
	opacity: 1;
	z-index: 50;
	cursor: pointer;
    			/*アニメーション指定*/
    			transition-property: width, padding;
    			transition-duration:0.3s;
    			transition-timing-function:linear;
    			transition-delay:0.5s;
}
@media screen and (max-width: 1279px) {
	#sidenav {
		width: 0px;
		font-size: 80%;
		padding: 10px 0 10px 15px;
		opacity: 0.6;
		background-image: url(../images/ar.png);
		background-position: 2px center;
		background-repeat: no-repeat;

    	/*アニメーション指定*/
		transition-property: width, opacity;
		transition-duration:0.3s;
    	transition-timing-function:linear;
    	transition-delay:0.3s;

	}



}
#sidenav.activ { /* jQueryにて.activ属性を付加 */
	width: 260px;
	opacity: 1;
}
@media screen and (max-width: 1279px) {
#sidenav.activ { /* jQueryにて.activ属性を付加 */
	width: 220px;
	opacity: 1;
}
}
	#sidenav ul {
		width: 100%;
		list-style-type: none;
		display: block;
	}
		#sidenav li {
			display: block;
			height: 1.5em;
			line-height: normal;
			overflow: hidden;
			padding: 2px 0;
		}
		#sidenav li a {
			display: block;
			color:#fff;
			padding: 0 0 0 3px;
    		text-align:left;
    		text-decoration:none;
  			/*アニメーション指定*/
    			transition-property: background;
    			transition-duration:0.3s;
    			transition-timing-function:ease-out;
    			transition-delay:0s;
		}
		/*ボタンに対してマウスオーバした状態*/
		#sidenav li a:hover{
    			background:red;
		}
		
.e { color: #F00; }
.p { color: #09F; }



/* *************** NEWS ****************** */

#newsbox_overlay {
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	z-index: 10000;
	position: fixed;
	top: 0px;
	left: 0px;
}

#newsbox_wrapper {
	display: none;
	width: 80%;
	height: 410px;
	max-width: 1000px;
	position: fixed;
	border: 2px solid #000;
	background: #000;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.7);
	z-index: 10001;
}
#newsbox {
	display: none;
	width: 100%;
	height: 380px;
	background: #fff;
	overflow: scroll;

}
#close {
	display: block;
	color: #fff;
	cursor: pointer;
	width: 5em;
	height: 30px;
	text-align: center;
	line-height: 30px;
	text-decoration: underline;
}

	#newsbox h1 {
		background: #330099;
		padding: 8px 2%;
		width: 96%;
		
	}
			#newsbox h1 img {
				vertical-align: middle;
			}

.newsarticle {
	width: 94%;
	height: auto;
	color: #000;
	margin: 0 1%;
	z-index: 1;
	box-sizing: border-box;
	padding: 1em;
	float: left;
	border-bottom: 2px dotted #FF6600;
}
	.newsarticle h2 {
		width: 100%;
		padding: 0.2em 0 0.5em 0;
		font-weight: bold;
		font-size: 140%;
		color: #993300;
		line-height: 1.2em;
	}
	
	.newsarticle p {
		width: 100%;
		font-weight: normal;
		font-size: 120%;
		color: #000;
		line-height: 1.7em;
	}

/* EXHIBITION */
#exhibition_wrapper {
	Width: 100%;
	background: #fff;
	max-width: 1280px;
	margin: -10px auto 0 auto;
	box-shadow: 2px 2px 2px #444;
}
img#layout {
	display: block;
	width: 100%;
	max-width: 1150px;
	margin: 0 auto;
}
#layout_wrapper {
	width: 100%;
	background: #fff;
	box-shadow: 2px 2px 2px #777;
	
}


#schedule_wrapper {
	width: 100%;
	max-width: 935px;
	margin: 0 auto 0 1em;
	background: #fff;
	box-shadow: 2px 2px 2px #777;
	
}
@media screen and (max-width: 400px){
#schedule_wrapper {
	width: 100%;
	max-width: 900px;
	margin: 0 0 0 0;
	background: #fff;
	box-shadow: 1px 1px 1px #777;
	
}

}
/* poleman */
#poleman_ex {
	position: absolute;
	width: 213px;
	height: 400px;
	top: 250px;
	right: 0;
}

/** performance **/
ul.pf_sche {
	width: 305px;
	height: auto;
	list-style-type: none;
	float: left;
	margin: 0 5px 0 0 ;
}
	ul.pf_sche li {
		display: block;
		background: #fff;
		width: 305px;
		box-sizing: border-box;
		margin: 5px 5px 5px 5px;
		cursor: pointer;
		float: none;
		border-bottom: 1px solid #00529f;
		
		transition-property: background;
    	transition-duration:0.5s;
    	transition-timing-function:ease-out;
    	transition-delay:0s;

	}
@media screen and (max-width: 359px){
	ul.pf_sche li {
		display: block;
		background: #fff;
		width: 305px;
		box-sizing: border-box;
		margin: 0 5px 0 0;
		cursor: pointer;
		float: none;
		
		transition-property: background;
    	transition-duration:0.5s;
    	transition-timing-function:ease-out;
    	transition-delay:0s;

	}
}


	ul.pf_sche li img {
		width: 100%;
	}
	
		ul.pf_sche li:hover {
			background: #FF0;
		}


#review_right {
	width: 100%;
	float: right;
	margin-left: -300px;
}
#review_right_article {
	position: relative;
	background: rgba(0,0,40,0.9);
	width: auto;
	height: auto;
	margin-left: 320px;	
	box-shadow: 2px 2px 2px #222;
	padding: 3% 4%;
	background-image: url(../review/back_review_article.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	
}
#review_left {
	width: 300px;
	background: rgba(0,0,40,.8);
	float: left;
	box-shadow: 2px 2px 2px #222;
}
@media screen and (max-width: 899px) {
#review_right {
	width: 100%;
	float: none;
	margin-left: 0;
}
#review_right_article {
	margin-left: 0;	
	box-shadow: none;
		padding-bottom: 1em;
}
#review_left {
	width: 100%;
	float: none;
		margin: 0 auto;
	box-shadow: none;
}
}

#ex, #pf { display: block; }
#review_left_navi ul {
	list-style-type: none;
}
	#review_left_navi li {
		display: block;
	}
	#review_left_navi li a {
		display: block;
		width: 100%;
	}
@media screen and (max-width: 899px) {
#ex, #pf { display: none; }
#review_left_navi ul {
	list-style-type: none;
}
	#review_left_navi li {
		display: block;
		width: 100%;
	}
	#review_left_navi li a {
		display: block;
		width: 300px;
		margin: 0 auto;
		position: relative;
	}
	#review_left_navi #ex li a:before, #review_left_navi #pf li a:before{
	  display: block;
	  content: "";
	  position: absolute;
	  top: 50%;
	  right: 1px;
		width: 0;
		height: 0;
		border: 5px solid transparent;
		border-left: 10px solid #eee;
	  margin-top: -5px;
	}
}


		#review_left_navi #ex li a {
			background-color: none;
    			/*アニメーション指定*/
    			transition-property: background-color;
    			transition-duration:0.3s;
    			transition-timing-function:ease-out;
    			transition-delay:0.01s;
		}
		#review_left_navi #ex li a:hover {
			background-color: rgba(230,0,36,.4);
		}
		#review_left_navi #pf li a {
			background-color: none;
    			/*アニメーション指定*/
    			transition-property: background-color;
    			transition-duration:0.3s;
    			transition-timing-function:ease-out;
    			transition-delay:0.01s;
		}
		#review_left_navi #pf li a:hover {
			background: rgba(0,82,159,.5);
		}

#about_ceremony {
	width: 75%;
	max-width: 870px;
	padding-top: 2em;
	margin: 2em 0 0 0;
	color: #ddd;
	border-top: 1px #bbb solid;
}
@media screen and (max-width: 600px) {
#about_ceremony {
	width: 100%;
	padding-top: 2em;
	margin: 2em 0 0 0;
	color: #ddd;
	border-top: 1px #bbb solid;
	font-size: small;
}
}