@charset "utf-8";

/* 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:"FB Benton Sans Book","Helvetica","Arial","ナウ-GM", "NOW-GM","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuProN-W3","ＭＳ Ｐゴシック","メイリオ", "sans-serif"; 
}

a {

	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #333;

}

#application {display:none;
}

@media screen and (max-width: 800px) {
	/*************** ÉXÉ}ÉzópÇ…ÉäÉìÉNÇÃëïè¸ ******************/		
	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;
	}
}

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

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

}

#artworks img {width:100%;
	height:100%;
margin:0 auto;
}

#allwrap {
	width: 100%;
	height: auto;
	background-image: url(../review/winners1.jpg);
	background-repeat: repeat;
	
		
}


#index_wrapper {
	background: rgba(0,0,40, .9);
	
	width: 100%;
	max-width: 1280px;
	height: auto;
	position: relative;
	z-index: 0;
	clear: both;
	padding: 1em 0;
	margin: 0 auto;
	
}	
.article2 h1 {
	width: 36%;
	min-width: 155px;
	line-height: 1.3em;
	border-left: 10px solid #ee3b58;
	
	padding: 0.7em 0 0.7em 0.5em;
	margin: 0 0 1em 0;
	font-weight: bold;
	font-size: 160%;
    color:#333;
    text-align:left;
    float:left;
 
}

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

/* 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;
	}
}
#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;
}
}



.box {width: 640px;
height:236px;
    float:left;
    position:relative;
    overflow:hidden;
   
   
    
}
.box > img { width:100%;

}

.box img:hover { 
opacity:1;
}

.box2 {width: 640px;
height:236px;
    float:none;
    position:relative;
    overflow:hidden;
   
   
    
}

.bboxp { 
    position:relative;
    overflow:hidden;
    float:left;
    width:640px;
    height:auto;
    margin:0 auto;
    padding:0;
	
}
.box2 > img { width:100%;

}

.box2 img:hover { 
opacity:1;
}



#bbox{ 
    position:relative;
    overflow:hidden;
    float:left;
    width:100%;
    height:auto;
    margin:0 auto;
	
}


figcaption {
position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
	 padding-bottom: 200px; 

}

figcaption h3 { color:#fff;
    font-size:200%;
    position:relative;
    padding:5%;
    top:150%;
    text-align: center;
	letter-spacing: 3px;
    font-weight: bold;
    text-shadow: 0 0 3px #000;
   
 
}



figcaption p { color:#aaa;
    position:relative;
  top:90%;
     font-size:130%;
letter-spacing: 1px;
     text-shadow: 0 0 3px #000;
}





.box:hover figcaption {
	opacity: 0;
}



.box2:hover figcaption {
	opacity: 0;
}

#article_wrapper2 {
	width: 490px;
	height: auto;
	position: relative;
	z-index: 0;
	float:left;
	margin-top:10px;
    margin-bottom:20px;
    background-color:#fff;
  

}


#work_wrapper1 {width:765px;
	height:auto;
	margin:0 auto;
	position:relative;
    margin-top:5px;
    
 margin-bottom:100px;
  float:right;
	
 
}

    


#work_wrapper1 ul li
{
        display: inline-block;
		float: right;
		list-style: none;
    padding:5px;
   
    
   
        
	}
 
    
 #work_wrapper1 ul li img
{
        width:372.5px;
    
   
        
	}
    
   video { width:   372.5px;
 }
     


#work_wrapper1 ul li a,#work_wrapper1 ul li 
img { display: block;
        float: left;
     
        }


#work_wrapper1 ul li :hover { background-color:#fff;
   
opacity: 0.7;
	}



.overlay
{
	width: 100%;
    height:100%;
  	position: fixed; 
	top: 50%; 
	left: 50%; 
	display: none; 
	z-index: 999;

    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
   	background:rgba(0,0,0,0.7) ;
}


	.overlay a
	{
		display: table-cell; 
		vertical-align: middle; 
		text-align: center;
		}

		.overlay img
		{
			padding: 5px;
			
			background: #ffffff;
         		}

.overlay:target { display: table;
}


.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;
	 color: #fff;
    font-family:"FB Benton Sans Book","Helvetica","Arial","ナウ-GM", "NOW-GM","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuProN-W3","ＭＳ Ｐゴシック","メイリオ", "sans-serif";
}
	#header h1 {
		width: 75%;
		max-width: 468px;
		line-height: 0;
		float: left;
        margin:15px 0;
	}
	#header h1 img {
		vertical-align: middle;
        
	}
	.title_top {
		width: 70%;

	}
#language_wrap { width:160px;
height:30px;
clear:both;
float:right;


}

#kinbi { 
	display:none;
	width:100%;
	color:#fff;
	overflow:hidden;
margin-left:7px;

	margin-top:-20px;
	float:left;
  position:relative;
}
#Japanese { width:80px;
height:30px;
color:#fff;
background-color:#cd1e10;
float:right;
text-align:center;
position:relative;
overflow:hidden;
box-sizing:border-box;
margin:0;
padding:7px;
font-size:95%;
font-weight: bold;

}

#Japanese a { color:#fff;
    
}

#Japanese :hover { color:#000;
}

#English { width:80px;
height:30px;
color:#fff;
background-color:#29568f;
float:right;
text-align:center;
position:relative;
overflow:hidden;
box-sizing:border-box;
margin:0;
padding:7px;
font-size:95%;
font-weight: bold;
}

#English a { color:#fff;
     display:block;
}
#English :hover { color:#000;
   
   }


#headmenu {
	width: 25%;
    padding-top:15px;
	max-width: 110px;
	list-style-type: none;
	float: right;
	font-size: 120%;
	height:45px;
}
	#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;
		position:relative;
		
	}


@-webkit-keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

@-moz-keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

@-o-keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}


body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
	-webkit-animation: 45s slidy infinite; 
	-moz-animation: 45s slidy infinite;
	-o-animation: 45s slidy infinite;
  animation: 45s slidy infinite; 
}


/* ***************information setting ****************** */


#read { width:300px;
float:middle;
    display:block;
    overflow:hidden;
    margin: 0 auto;
    
}
#news_wrapper {
	float: left;	
	width: 750px;	
		font-family: "FB Benton Sans Book","Helvetica","Arial","ナウ-GM", "NOW-GM","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuProN-W3","ＭＳ Ｐゴシック","メイリオ", "sans-serif";
font-size:100%;
	padding-bottom: 30px;
    margin-top:50px;
	
}

#new { margin:10px 0;
   
}



#newshead {color:#fff; width:50px;
           background-color:#EE3B58; 
           padding: 8px 15px;
	text-align: center;
    margin-top:15px;
    font-weight:bold;
    

    
}

#new dl{

	padding-left: 10px;

    padding:10px;
	font-size:110%;
}

/* ***************date setting****************** */


#new dt {
	font-weight: normal;	
	float: left;
	width: 8em;
      line-height: 3em;
	color:#fff;
	
}

/*news setting*/



#new dd {
	border-bottom: 1px solid #555;	
	padding-left: 8em;
    line-height: 3em; 
    color:#eee;
}

#new dd a {
	font-weight: normal;
	text-decoration: none;
	color: #eee;

}

#new dd a:hover {text-decoration:none;

	color: #fff;
	font-weight: normal;
		text-shadow: 0 0 1em #ff0000, 0 0 1em #ff0000,0 0 1em #ff0000;
}

#new dd img {
	vertical-align: middle;
}


#more {
		margin: 0px 0 5px 0;
		padding: 0 2em 0 0;
		text-align: right;
		width: 100%;
		box-sizing: border-box;
       font-weight:bold; 
	text-decoration: none;
	color:#fff;
	}

#more a {
		color:#fff000;
       font-weight:bold;
	text-decoration: none;
       
        
	}

#more :hover {
		text-shadow: 0 0 1em #ff0000, 0 0 1em #ff0000,0 0 1em #ff0000;
       font-weight:bold;
	text-decoration: none;
    color:#fff;
       
        
	}


#container {
	background-color: #000;
	width: 100%;
	color: #333;
	height: auto;
   
	margin: 0 auto;
	box-shadow: -4px 2px 4px #333, 4px 2px 4px #333;
    text-align: left;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#777777, direction=120, strength=3, enabled=true);
    
}

#container2 {
	background-color: #feffe8;
	width: 100%;
	color: #333;
	height: auto;
   
	margin: 0 auto;
	box-shadow: -4px 2px 4px #333, 4px 2px 4px #333;
    text-align: left;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#777777, direction=120, strength=3, enabled=true);
    
}
#container2 {
	background-color: #feffe8;
	width: 100%;
	color: #333;
	height: auto;
   
	margin: 0 auto;
	box-shadow: -4px 2px 4px #333, 4px 2px 4px #333;
    text-align: left;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#777777, direction=120, strength=3, enabled=true);
    
}
nav#topNav {
	background-color: #0000CC;
    font-family:"FB Benton Sans Book","Helvetica","Arial","ナウ-GM", "NOW-GM","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuProN-W3","ＭＳ Ｐゴシック","メイリオ", "sans-serif";
  
}
	nav#topNav ul {
		display: block;
		list-style-type: none;
			height: 3em;
        
        
        
		
	}
	nav#topNav ul.topnavi {
		width: 100%;
		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;
             z-index:3;
            
		}
		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;
    			/*ÉAÉjÉÅÅ[ÉVÉáÉìéwíË*/
    			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);
		/*ÉAÉjÉÅÅ[ÉVÉáÉìéwíË*/
    	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);
}


/**** ***/





	.abs {
		position: absolute;
		top: 50%; left: 50%;
		z-index: 2;
		display: none;
		text-align: center;
		width: 400px;
		height: 400px;
		margin: -200px 0 0 -200px;
		line-height: 0;
        display:none;
	}
@media screen and (max-width: 1239px){
	.abs {
		position: absolute;
		top: 50%; left: 50%;
		z-index: 2;
		display: none;
		text-align: center;
		width: 320px;
		height: 320px;
		margin-top: -160px;
		margin-left: -160px;
        display:none;
	}
}
	
	a#abs_what {
		position: absolute;
		bottom: 5%; left: 4%;
		z-index: 3;
		display: none;
		color: #fff;
		box-shadow: 2px 2px 2px #999;
		width: 8em;
		height: 7.5em;
		line-height: 1.5em;
		text-align: center;
		border-radius: 50%;
		text-decoration: none;
		padding: 2.5em 1em 0 1em;
		font-size: small;
		font-weight: bold;
		background: rgb(255,48,25); /* Old browsers */
		background: -moz-linear-gradient(top,  rgb(255,48,25) 0%, rgb(207,4,4) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,48,25)), color-stop(100%,rgb(207,4,4))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgb(255,48,25) 0%,rgb(207,4,4) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgb(255,48,25) 0%,rgb(207,4,4) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgb(255,48,25) 0%,rgb(207,4,4) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgb(255,48,25) 0%,rgb(207,4,4) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
		
	}
	a#abs_how {
		position: absolute;
		bottom: 5%; left: 16%;
		z-index: 3;
		display: none;
		color: #fff;
		box-shadow: 2px 2px 2px #999;
		width: 8em;
		height: 6em;
		line-height: 1.5em;
		text-align: center;
		border-radius: 50%;
		text-decoration: none;
		padding: 4em 1em 0 1em;
		font-size: small;
		font-weight: bold;
		background: rgb(73,155,234); /* Old browsers */
		background: -moz-linear-gradient(top,  rgb(73,155,234) 0%, rgb(32,124,229) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(73,155,234)), color-stop(100%,rgb(32,124,229))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgb(73,155,234) 0%,rgb(32,124,229) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgb(73,155,234) 0%,rgb(32,124,229) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgb(73,155,234) 0%,rgb(32,124,229) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgb(73,155,234) 0%,rgb(32,124,229) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
		
	}
	#top_poleman {
		position: absolute;
		bottom: 0; right: 3%;
		z-index: 4;
		display: none;
		max-width: 152px;
		width: 30%;
        display:none;
	}
	#top_message {
			position: absolute;
			top: 8%; right: 7%;
			z-index: 5;
			display: none;
			max-width: 266px;
			width: 30%;
	}
@media screen and (max-width: 767px){
	#top_message {
			position: absolute;
			top: 8%; right: 7%;
			z-index: 5;
			display: none;
			max-width: 0;
			width: 0;
	}
	
}
		#abs_ctaf {
		padding: 5px;
		width: 80%;
		max-width: 470px;
		display: none;
   
		
	}
	#abs_term {
		position: absolute;
		bottom: 5%; left: 50%;
		margin-left: -127px;
		z-index: 100;
		display: none;
		
	}
	#abs_term2 {
		position: absolute;
		top: 7%; left: 0;
		z-index: 100;
		display: none;
		
	}
	#abs_place {
		position: absolute;
		bottom: 5%; left: 50%;
		margin-left: -160px;
		z-index: 100;
		display: none;
		
	}
@media screen and (max-width: 1130px){
	#abs_place {
		width: 20%;
		left: 58%;
        
	}
}
@media screen and (max-width: 950px){
	#abs_place {
		display: none;
		width: 0; height: 0;
		visibility: hidden;
	}
}
	#abs_fee {
		position: absolute;
		bottom: 3%; right: 15%;
		z-index: 100;
		display: none;
		
	}
@media screen and (max-width: 767px){
	#abs_term, #abs_term2, #abs_place, #abs_fee {
		position: absolute;
		bottom: 0; left: 0;
		margin-left: 0;
		z-index: -9000000;
		display: none;
			width: 0; height: 0;
			visibility: hidden;
		
	}
}
	canvas#stage {
		position: absolute;
		top: 0; left: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
        display:none;
        overflow:hidden;
	}

#article_wrapper, #section_wrapper {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
	clear: both;
	padding: 1em 0;
 
	background-color:#feffe8;
}

#article_wrapper3 {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
	clear: both;
	padding-bottom:20px;
 
	background-color:#feffe8;
}


#foot {
	line-height: 2em;
	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: #ccc;
	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;
        font-family:"FB Benton Sans Book","Helvetica","Arial","ナウ-GM", "NOW-GM","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuProN-W3","ＭＳ Ｐゴシック","メイリオ", "sans-serif";
	}
	#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: 250px;
			font-size: large;
			text-align: center;
			margin: 10px 10px;
			color: #fff;
		}
		#footnav li a#footnav_news {
			display: block;
			width: 100%;
			position: relative;
    			/*ÉAÉjÉÅÅ[ÉVÉáÉìéwíË*/
    			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;
    			/*ÉAÉjÉÅÅ[ÉVÉáÉìéwíË*/
    			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-transform: 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%;
	padding-top: 130px;
	background: #000;
}
		
	#address {
		width: auto;
		max-width: 1150px;
		margin: 0 auto;
		color: #bbb;
		font-size: X-small;
		padding: 0 0 3px 3%;
		text-align:center;
		
	 }
#twitter_icon {width:50%;
    position:relative;
    overflow:hidden;
    margin:0 auto;
}

#under {
	display: block;
	width: 100%;
	max-width: 1150px;
	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: 735px;
	height: 150px;
	float: left;
	/* border: 1px dotted #fff; */
	margin: 0 2% 0 0%;
	color: #fff;
	line-height:1.75em;
	font-size: 120%;
	text-shadow: 1px 1px 1px #000;
}
@media screen and (max-width: 800px) {
#news {
	width: 95%;
	height: auto;
	float: none;
	/* border: 1px dotted #fff; */
	margin: -15px auto 0 auto;
	color: #fff;
	font-size: 120%;
	text-shadow: 1px 1px 1px #000;
	
}
	
}
.cont, cont2 {
	width: auto;
	height: auto;
	
	margin: 0 1% 0 0;
	color: #fff;
	line-height: 0;
	list-style-type: none;
	font-size: 95%;
	text-align: center;
}
	#upper {
		position: absolute;
		bottom: 150px; left: 2%;
		z-index: 100;
		max-width: 460px;
		height: 135px;
	}
	#upper2 {
		position: absolute;
		bottom: 10px; left: 2%;
		z-index: 100;
		max-width: 460px;
		height: 135px;
	}
@media screen and (max-width: 1239px) {
.cont {
	width: auto;
}
	#upper {
		width: auto;
		height: 145px;
		position: absolute;
		top: 5%; left: 0;
		z-index: 100;
		margin-left: 0;
	}
	#upper2 {
		width: auto;
		height: 145px;
		position: absolute;
		bottom: 5%; left: 0;
		z-index: 100;
		margin-left: 0;
	}
}
@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;
}

}

.cont li img, .cont2 li img {
		display: block;
		width: 80px;
		height: 65px;
		margin: 5px auto;
}
.cont li#sokuho_button img {
		display: block;
		width: 130px;
		height: 130px;
		margin: 0;
}
	.cont li, .cont2 li {
		display: block;
		float: left;
	}
.cont2 li.t {
		display: block;
		float: left;
		text-align:center;
		font-size:100%;
	}
.cont2 { width:1180px;
	height:auto;
	margin:0 auto;
	position:relative;
float:middle;
	overflow:hidden;
    font-family:"FB Benton Sans Book","Helvetica","Arial","ナウ-GM", "NOW-GM","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuProN-W3","ＭＳ Ｐゴシック","メイリオ", "sans-serif";
}
	.cont li a, .cont2 li a {
		line-height: 1em;
		border-radius: 6px;
		margin: 6px;
		padding: 6px 6px 6px 6px;
		width: 117px;
		height: 117px;
		display: block;
		text-decoration: none;
		color: #000;
        text-align: center;
        box-sizing: border-box;
		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 */
		
	}
	#upper li a, #upper2 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, .cont2 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;

	}
.cont3 li img {
		display: block;
		width: 65px;
		height: 50px;
		margin: 5px auto;
}

	.cont3 { margin: 0 2% 0 3%;
	}

	.cont3 li {
		display: block;
		float: right;
        overflow:hidden;
        position:relative;
        margin-top:50px;
	
		
	}


	.cont3 li a {
		line-height: 1.5em;
		border-radius: 50%;
        box-sizing: border-box;
		margin: 4px;
		padding: 12px 6px 6px 6px;
		width: 84px;
		height: 84px;
		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;
	}
	#upper3 li a {
				box-shadow: 2px 2px 3px #666;
	}


	.cont3 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: 429px) {
.cont2 {
	width: 310px;
	margin:0 auto;
}
	
.cont2 li img {
		display: block;
		width: 50px;
		height: 45px;
		margin: 3px auto;
}
	.cont2 li {
		display: block;
		float: left;
	}


	.cont2 li a {
		line-height: 1.5em;
		border-radius: 10px;
		margin: 2px;
		padding: 8px 6px 4px 6px;
		width: 90px;
		height: 90px;
		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;
		font-size: x-small;
	}
	#upper li a, #upper2 li a {
				box-shadow: 1px 1px 1px #000;
	}

	.cont2 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 */

	}
}


@media screen and (max-width: 500px){
#kinbi {
	display: none;
}
    
    .title_top {
		width: 90%;
        

	}
}


/**** base ****/

.article {
	width: 100%;
	max-width: 1170px;
	height: auto;
	margin: 0 auto 1em auto;
	padding: 0em 15px 1em 0;
	box-sizing: border-box;
   font-family:"FB Benton Sans Book","Helvetica","Arial","ナウ-GM", "NOW-GM","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuProN-W3","ＭＳ Ｐゴシック","メイリオ", "sans-serif";
    
}

.article img {width 100%;
margin: 0;
 

}
.article h1, .flow h1, .qa h1 {
	width: 35%;
	min-width: 250px;
	line-height: 1.3em;
	border-left: 10px solid #333;
	border-bottom: 2px solid #333;
	padding: 0.7em 0 0.7em 0.5em;
	margin: 0 0 1em 0;
	font-weight: bold;
	font-size: 200%;
    color:#333;
    text-align:left;
 
}
	.article h1.eph {
		width: 40%;
		max-width: 300px;
		min-width: 250px;
		line-height: normal;
		border-left: none;
		border-bottom: none;
		padding: 0.7em 0 0 0;
		margin: 0 0 1em 0;
      
	}
.article h1.eph {
		width: 40%;
		max-width: 300px;
		min-width: 250px;
		line-height: normal;
		border-left: none;
		border-bottom: none;
		padding: 0.7em 0 0 0;
		margin: 0 0 1em 0;
      
	}
	.article h1.pph {
		width: 90%;
		max-width: 400px;
		min-width: 250px;
		line-height: normal;
		border-left: none;
		border-bottom: none;
		padding: 0.7em 0 0 0;
		margin: 0 0 1em 0;
       
	}
.article h2 {
	margin: 1.1em 0;
	font-weight: bold;
	font-size: 180%;
	line-height: 1.2em;
}
	.exhired {
		color: #ee3b58;
	}
.exhired a {
		color: #ee3b58;
	}
.exhired :hover {
		color: #000;
	}
	.exhired img {
		width: 1.2em;
		height: 1.2em;
		vertical-align: -15%;
		margin: 0;
		padding: 0;
	}
	.pfhiblue {
		color: #009ee5;
	}

.pfhiblue a {
		color: #009ee5;
	}

.pfhiblue :hover {
		color: #000;
	}
	.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%;
}



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


***************************************** */artist text***************************************** */

.article2 {
	width: 100%;
	max-width: 500px;
	height: auto;
	margin: 0 auto 1em auto;
	padding: 0em 15px 1em 0;
	box-sizing: border-box;
   font-family:"FB Benton Sans Book","Helvetica","Arial","ナウ-GM", "NOW-GM","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuProN-W3","ＭＳ Ｐゴシック","メイリオ", "sans-serif";
    
}

.article2 img {width 100%;
margin: 0;
 

}
.article2 h1, .flow h1,  {
	width: 35%;
	min-width: 250px;
	line-height: 1.3em;
	border-left: 10px solid #ee3b58;
	
	padding: 0.7em 0 0.7em 0.5em;
	margin: 0 0 1em 0;
	font-weight: bold;
	font-size: 200%;
    color:#333;
    text-align:left;
    float:left;
 
}
	.article2 h1.eph {
		width: 40%;
		max-width: 300px;
		min-width: 250px;
		line-height: normal;
		border-left: none;
		border-bottom: none;
		padding: 0.7em 0 0 0;
		margin: 0 0 1em 0;
      
	}

.article2 h1 img {
		width: 10%;
	text-align: right;
	margin: 0 0 0 1em;
    vertical-align: -15%;
      
	}

.article2 h1 img :hover {
		color: #000;
      
	}
.article2 h1.eph {
		width: 40%;
		max-width: 300px;
		min-width: 250px;
		line-height: normal;
		border-left: none;
		border-bottom: none;
		padding: 0.7em 0 0 0;
		margin: 0 0 1em 0;
      
	}
	.article h1.pph {
		width: 90%;
		max-width: 400px;
		min-width: 250px;
		line-height: normal;
		border-left: none;
		border-bottom: none;
		padding: 0.7em 0 0 0;
		margin: 0 0 1em 0;
       
	}
.article2 h2 {
	margin: 1.1em 0;
	font-weight: bold;
	font-size: 110%;
	line-height: 1em;
    padding: 0 0 0 3%;
    
}
	.exhired2 {
		color: #ee3b58;
         
        
	}
.exhired2 a {
		color: #ee3b58;
	}
.exhired2 :hover {
		color: #000;
	}
	.exhired2 img {
		width: 1.2em;
		height: 1.2em;
		vertical-align: -15%;
		margin: 0;
		padding: 0;
	}
	.pfhiblue2 {
		color: #009ee5;
	}

.pfhiblue2 a {
		color: #009ee5;
	}

.pfhiblue2 :hover {
		color: #000;
	}
	.pfhiblue2 img {
		width: 1.2em;
		height: 1.2em;
		vertical-align: -15%;
		margin: 0;
		padding: 0;
	}


.article2 h3 {
	margin: 0.5em 0;
	font-weight: bold;
	font-size: 140%;
	line-height: 1.1em;
}
.article2 h4 {
	margin: 0.3em 0;
	font-weight: normal;
	font-size: 120%;
	line-height: 1em;
}
.article2 p {
	width: 80%;
	height: auto;
	line-height: 1.5em;
	padding: 0 0 0 5%;
	font-size: 120%;
}
	
***************************************** */

#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;
    			/*ÉAÉjÉÅÅ[ÉVÉáÉìéwíË*/
    			transition-property: width, padding;
    			transition-duration:0.3s;
    			transition-timing-function:linear;
    			transition-delay:0.5s;
    font-family:"FB Benton Sans Book","Helvetica","Arial","ナウ-GM", "NOW-GM","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuProN-W3","ＭＳ Ｐゴシック","メイリオ", "sans-serif";
}
@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;

    	/*ÉAÉjÉÅÅ[ÉVÉáÉìéwíË*/
		transition-property: width, opacity;
		transition-duration:0.3s;
    	transition-timing-function:linear;
    	transition-delay:0.5s;

	}



}
#sidenav.activ { /* jQueryDžǃ.activëÆê´Çïtâ¡ */
	width: 200px;
	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;
  			/*ÉAÉjÉÅÅ[ÉVÉáÉìéwíË*/
    			transition-property: background;
    			transition-duration:0.3s;
    			transition-timing-function:ease-out;
    			transition-delay:0s;
		}
		/*É{É^ÉìÇ…ëŒÇµÇƒÉ}ÉEÉXÉIÅ[ÉoǵÇΩèÛë‘*/
		#sidenav li a:hover{
    			background:red;
		}
		

/* âÔä˙ÅEâÔèÍ */

.flow {
	width: 100%;
	max-width: 1170px;
	height: auto;
	margin: 0 auto;
	padding: 1em 0;
}
.flow h2 {
	margin: 0.5em 0;
	font-weight: bold;
	font-size: large;
	line-height: 2em;
}

#kaiki {
	width: 100%;
	height: auto;
	position: relative;
}
#n01 {
	width: 35%;
	max-width: 320px;
	height: auto;
	float: left;
}
	#n01 h3 {
		width: 100%;
		color: #fff;
		margin: 1px 0 0 0;
		background-color:#0066cc;
		font-weight: bold;
		line-height: normal;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #fff;
		box-sizing: border-box;
		padding: 0.1em 0 0.1em 0.3em;
	}
	#n01 p {
		width: 100%;
		color: #333;
		box-sizing: border-box;
		border-top-width: 1px;
		border-right-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-top-color: #fff;
		border-right-color: #fff;
		border-left-color: #fff;
		padding: 0.3em;
	}

#n02 {
	width: 30%;
	max-width: 250px;
	height: auto;
	float: left;
}
	#n02 h3 {
		width: 100%;
		color: #fff;
		margin: 1px 0 0 0;
		background-color:#009999;
		font-weight: bold;
		line-height: normal;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #fff;
		box-sizing: border-box;
		padding: 0.1em 0 0.1em 0.3em;
	}
	#n02 p {
		width: 100%;
		color: #333;
		box-sizing: border-box;
		border-top-width: 1px;
		border-right-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-top-color: #fff;
		border-right-color: #fff;
		border-left-color: #fff;
		padding: 0.3em;
	}

#n03 {
	width: 35%;
	max-width: 320px;
	height: auto;
	float: left;
}
	#n03 h3 {
		width: 100%;
		margin: 1px 0 0 0;
		color: #fff;
		background-color:#ef3c59;
		font-weight: bold;
		line-height: normal;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #fff;
		box-sizing: border-box;
		padding: 0.1em 0 0.1em 0.3em;
		}
	#n03 p {
		width: 100%;
		color: #333;
		box-sizing: border-box;
		border-top-width: 1px;
		border-right-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-top-color: #fff;
		border-right-color: #fff;
		border-left-color: #fff;
		padding: 0.3em;
	}
	
	#kaiki p {
		background-color:#fff;
		
		
	}
@media screen and (max-width: 450px){
#n01, #n02, #n03 { width: 100%; float: none; max-width: 320px; margin: 0 auto; }

}
/* âûïÂDždžÇΩǡǃÇÃÇpÅïÇ` */

.qa {
	width: 100%;
	max-width: 1170px;
	height: auto;
	margin: 0 auto;
	padding: 1em 15px 1em 0;
	box-sizing: border-box;
    font-family:"FB Benton Sans Book","Helvetica","Arial","ナウ-GM", "NOW-GM","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuProN-W3","ＭＳ Ｐゴシック","メイリオ", "sans-serif";
}
.qa h2 {
	width: 89%;
	padding: 6px 0 6px 33px;
	line-height: 1.4em;
	font-size: 140%;
	font-weight: bold;
	margin: 0.3em 0;
	background-image: url(../images/smallq.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.qa p {
	width: 86%;
	padding: 0 0 0 30px;
	margin-left: 2%;
	line-height: normal;
	font-size: 120%;
	font-weight: normal;
	background-image: url(../images/smalla.png);
	background-repeat: no-repeat;
	background-position: left center;
}


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

è‹ÇÃéÌófi

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

.award {
	width: 100%;
	max-width: 1170px;
	height: auto;
	margin: 0 auto;
	padding: 1em 0;
}
.box2_Award {
	height: auto; min-height: 260px;/**/
	width: auto; max-width: 870px;/**/
	font-family:"FB Benton Sans Book","Helvetica","Arial","ナウ-GM", "NOW-GM","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuProN-W3","ＭＳ Ｐゴシック","メイリオ", "sans-serif";
	font-size: 120%;
	line-height: 1.5em;
    color:#333;
	font-weight: normal;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 3px;
	background-color:#fff;
    border:3px solid #efc050;
    border-radius: 10px;
	
	float:none;
}
	.box1midashi_Award {
	font-family:"FB Benton Sans Book","Helvetica","Arial","ナウ-GM", "NOW-GM","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuProN-W3","ＭＳ Ｐゴシック","メイリオ", "sans-serif";
		font-size:20px;
		color: #333;
		font-weight: bold;
		padding-bottom: 10px;
		line-height: normal;
		height: auto;
		width: auto;
		float: none;
		clear:both;
	

	
		
	
	}

  /* box2_AwardÇÃíÜêg */
	/* ÉOÉâÉìÉvÉä */
	#Award_grand_wrapper {
		width: 100%;
		clear: both;
		height: auto;
		position:relative;
        background-color:#fff;
	}

		#Award_grand_1 {
			color: #333;
			float: left;
			width: 11.5em;
			height: 1.4em;
          
			overflow: hidden;
			position: absolute;
				top: 0;
				left: 0;
			background-color:#fff;
				padding:0px 0 10px 0;
		}
		#Award_grand_2 {
			float: left;
			margin-left: 11.5em;
			width: auto;
			background-color:#fff;
          
			padding-right: 1%;
			padding-bottom: 0.5em;
			
		}

	/* èÄÉOÉâÉìÉvÉä */
	#Award_semigrand_wrapper {
		width: 100%;
		clear: both;
		height: auto;
		position:relative;
         background-color:#fff;
	}

		#Award_semigrand_1 {
			color: #333;
			float: left;
			width: 11.5em;
			height: 1.4em;
			overflow: hidden;
				padding:0px 0 10px 0;
       
			
			position: absolute;
				top: 0;
				left: 0;
			background-color:#fff;
		}
		#Award_semigrand_2 {
			float: left;
			margin-left: 11.5em;
			width: auto;
			padding-right: 1%;
			padding-bottom: 0.5em;
			background-color:#fff;
			
		}

	/* èßó„è‹ */
	#Award_shorei_wrapper {
		width: 100%;
		clear: both;
		height: auto;
		position:relative;
        background-color:#fff;
	}

		#Award_shorei_1 {
			color: #333;
			float: left;
			width: 11.5em;
			height: 1.4em;
	
			
			overflow: hidden;
			position: absolute;
				top: 0;
				left: 0;
			background-color:#fff;
			
			padding:0px 0 40px 0;
		}
		#Award_shorei_2 {
			float: left;
			margin-left: 11.5em;
			width: auto;
			padding-right: 1%;
			padding-bottom: 0.5em;
			background-color:#fff;
		}

	/* MIP */
	#Award_mip_wrapper {
		width: 100%;
		clear: both;
		height: auto;
		position:relative;
        background-color:#fff;
		
	}

		#Award_mip_1 {
			color: #333;
			float: left;
			width: 11.5em;
			height: 3em;
			overflow: hidden;
			position: absolute;
	
			
				top: 0;
				left: 0;
			background-color:#fff;
				padding:0px 0 27px 0;
		}
		#Award_mip_2 {
			float: left;
			margin-left: 11.5em;
			width: auto;
			padding-right: 1%;
			background-color:#fff;
		}

.style5 {
	font-size: 90%;
	display: inline;
	line-height: 17px;
	background-color:#fff;
}
.style7 {
	font-size: 70%;
	line-height: 1em;
	letter-spacing: -0.2em;
}
.style8 {
	font-size: 80%;
}
.style9 {
	font-size: 80%;
	line-height: 5px;
	display: inline;
}
.style10 {font-size: 12px; }
.style11 {font-size: 9px}
.sen_inline {white-space:pre; display:inline;}

@media screen and (max-width: 600px) {
.box2_Award {
	height: auto; min-height: 0;
	width: auto; max-width: 640px;
	line-height: normal;
	padding-left: 5px;
		text-align: left;
		margin-left: 5px;
		margin-right: 5px;
}

  /* box2_AwardÇÃíÜêg */
	/* ÉOÉâÉìÉvÉä */
	#Award_grand_wrapper {
		width: 100%;
		clear: both;
		height: auto;
		position: static;
	}
	#Award_grand_1 {
		float: none;
		width: 100%;
		height: auto;
			font-size: 120%;
			overflow: auto;
			position: static;
	}
	#Award_grand_2 {
		float: none;
		width: 94%;
		height: auto;
		padding-right:0;
			margin-left: 1.3em;
			padding-bottom: 0;
	}

	/* èÄÉOÉâÉìÉvÉä */
	#Award_semigrand_wrapper {
		width: 100%;
		clear: both;
		height: auto;
		position: static;
	}
	#Award_semigrand_1 {
		float: none;
		width: 100%;
		height: auto;
			padding-top: 1em;
			font-size: 120%;
			overflow: auto;
			position: static;
	}
	#Award_semigrand_2 {
		float: none;
		width: 94%;
		height: auto;
		padding-right:0;
			margin-left: 1.3em;
			padding-bottom: 0;
	}

	/* èßó„è‹ */
	#Award_shorei_wrapper {
		width: 100%;
		clear: both;
		height: auto;
		position: static;
	}
	#Award_shorei_1 {
		float: none;
		width: 100%;
		height: auto;
			padding-top: 1em;
			font-size: 120%;
			overflow: auto;
			position: static;
	}
	#Award_shorei_2 {
		float: none;
		width: 94%;
		height: auto;
		padding-right:0;
			margin-left: 1.3em;
			padding-bottom: 0;
	}

	/* MIP */
	#Award_mip_wrapper {
		width: 100%;
		clear: both;
		height: auto;
		position: static;
	}
	#Award_mip_1 {
		float: none;
		width: 100%;
		height: auto;
			padding-top: 1em;
			font-size: 120%;
			overflow: auto;
			position: static;
	}
	#Award_mip_2 {
		float: none;
		width: 94%;
		height: auto;
		padding-right:0;
			margin-left: 1.3em;
			padding-bottom: 0;
	}

.sen_inline {display:none;}
}

/* *************** 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: #000;
		line-height: 1.2em;
	}


.newsarticle h2 a {
		width: 100%;
		padding: 0.2em 0 0.5em 0;
		font-weight: bold;
		
		color: #000;
		line-height: 1.2em;
	}
.newsarticle h2 :hover {
		width: 100%;
		padding: 0.2em 0 0.5em 0;
		font-weight: bold;
		
		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;
    
}
   

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

}


/** 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;
		
		
		transition-property: background;
    	transition-duration:0.5s;
    	transition-timing-function:ease-out;
    	transition-delay:0s;

	}

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

	}

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

	}

ul.ex_sche_top {
	width: 240px;
	height: auto;
	list-style-type: none;
	float: left;
	margin: 0 5px 0 0 ;
}
	ul.ex_sche_top li {
		display: block;
		background: #fff;
		width: 240px;
		box-sizing: border-box;
		margin: 5px 5px 5px 5px;
		
		float: none;
        border-radius:1px;
		
		
		transition-property: background;
    	transition-duration:0.5s;
    	transition-timing-function:ease-out;
    	transition-delay:0s;

	}

ul.ex_sche_top li img {
		display: block;
		background: #fff;
		width: 230px;
		box-sizing: border-box;
		margin: 5px 5px 5px 5px;
		
		float: none;
		
		
		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.ex_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;
		}

ul.ex_sche li img {
		width: 100%;
	}
	
		ul.ex_sche li:hover {
			background: #FF0;
		}
 caption {display:none;
     background-color:#fff000;
     color:#000;
     width:200px;   
 }

caption:hover { display:inline-block;
}

#twitter_widget { width:33%;
padding:0px;
position:relative;
overflow:hidden;
margin-top:20px;
   
margin-bottom:50px;
display:block;
float:right;
}

.iframe-content {
 position: relative;
	padding-bottom: 35%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;

}
.iframe-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.iframe-content video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#ustream_widget { width:380px;
    float:right;
     position:relative;
overflow:hidden;
      
     display:block;
margin-top:50px;
border-radius: 10px;
     
} 

#ustream_widget img {width:100%;}



figcaption  {
position: absolute;
	bottom: -40px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 40px;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	color:#fff;
	text-align:center;

}


ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;



}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:3px 3px 6px 3px;


}
ul.enlarge img{
background-color:#feffe8;
padding: 2px;

-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 

}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#feffe8;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:1em;
text-align: center; 
color: #333; 
font-weight:bold;
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
    
    
}
ul.enlarge li:hover{
z-index: 600000;
cursor:pointer;


}

ul.enlarge li:hover span{ 
top: -360px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -140px; /*distance from the left of the thumbnail to the left of the popup image*/

}
<!--ul.enlarge li:hover:nth-child(2) span{
left: -100px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -100px; 
}-->
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/



#kako_wrapper { float:left;

	position:relative;
	width:770px;
	margin: -18px 0 0 0;
	
}

@media screen and (min-width: 481px) and (max-width: 800px) 

{
.cont2 {max-width:400px;
	margin:0 auto;
	top:10px;
}
    
    .cont2 li img {
		display: block;
		width: 80px;
		height: 65px;
		margin: 3px auto;
}
	.cont2 li {
		display: block;
		float: middle;
		text-align:center;
		font-size:90%;
	}
.cont2 li.t {
		display: block;
		float: left;
		text-align:center;
		font-size:90%;
	}

	.cont2 li a {
		line-height: 1.5em;
		border-radius: 10px;
		margin: 4px;
		padding: 8px 6px 4px 6px;
		width: 120px;
		height: 120px;
		text-align:center;
		
	}
	
  
    
	#kako_wrapper {width:372px;
		height:auto;
		float:none;
		position:relative;
		margin:50px auto;
		
	}
    
    	#news_wrapper {
            font-size:100%;
            margin:0 auto;
		width:100%;
		float:middle;
            margin-top:50px;
	}
   
	
	.enlarge span img { width:270px;
	}
	
	ul.enlarge li:hover span{ 
top: -265px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -90px; /*distance from the left of the thumbnail to the left of the popup image*/
}
 #ustream_widget { width:60%;
    float:none;
     position:relative;
overflow:hidden;

     display:block;
    margin:0 auto;

    
border-radius: 10px;
} 
    
 .iframe-content {
 position: relative;
	padding-bottom: 50%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;

}      
#ustream_widget img {width:100%;} 
    
	#twitter_widget {width:60%;

		position:relative;
	margin:0 auto;
		float:none;
       display:block;
		margin-bottom:50px;
        margin-top:40px;
      
	}
    
     #article_wrapper2 {width:94%;
         
         float:middle;
         position:relative;
     margin:20px;
       
  
    }
    
#work_wrapper1 {width:94%;
	height:auto;
	
	position:relative;
   
     margin:0 15px 15px 15px  ;
  
 margin-bottom:100px;
float:middle;
	
 
}

#work_wrapper1 ul li
{
        display: inline-block;
		float: left;
		list-style: none;

    width:47.5%;
   
	}
 
 video { width:   100%;
 }      
 #work_wrapper1 ul li img
{
        width:100%;
  }


#work_wrapper1 ul li a,#work_wrapper1 ul li 
img { display: block;
        float: left;
     
        }

.overlay img
		    {padding: 5px;
	
			background: #ffffff;
            width:450px;
         		}

.box {width: 50%;
height:auto;
    float:left;
    position:relative;
    overflow:hidden;
    <!--margin:5px 5px;
    
    border: 0px solid #fff;
  
 -webkit-box-shadow: 1px 1px 1px 1px #ccc;
		-moz-box-shadow: 1px 1px 1px 1px #ccc;
		box-shadow: 1px 1px 1px 1px #ccc;-->
    
}
.box > img { width:100%;

}

.box img:hover { 
opacity:1;
}

#bbox{ 
    position:relative;
    overflow:hidden;
    float:left;
    width:100%;
    height:auto;
    margin:0 auto;
	
}
.box2 {width: 100%;
height:auto;
    float:left;
    position:relative;
    overflow:hidden;
  
   
   
    
}

.bboxp { 
    position:relative;
    overflow:hidden;
    float:left;
    width:50%;
    height:auto;
    margin:0 auto;
	
}

figcaption {
position: absolute;
	top: 100;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
	 padding-bottom: 0px; 

}

figcaption h3 { color:#fff;
    font-size:125%;
    position:relative;
    padding:5%;
    top:17%;
    text-align: center;
	letter-spacing: 1px;
    font-weight: bold;
   
 
}

figcaption p { color:#aaa;
    position:relative;
  top:5%;
 font-size:100%;	   
letter-spacing: 1px;
}
    
  

.box:hover figcaption {
	opacity: 0;
}
	
	
}

@media screen and (max-width: 480px) {
	#kako_wrapper {
		width:247px;
		height:auto;
		float:none;
		position:relative;
		margin:100px auto;
	}
    
    	#news_wrapper {
            font-size:90%;
            margin:0 auto;
		width:100%;
		float:none;
            margin-top:20px;
     
	}
     #new dt  {float:none;
         margin-top:-5px;
    }
    #new dd {
	border-bottom: 1px solid #555;	
	padding-left: 0;
    line-height: 2em;  
    margin-top:-10px;
}
	
  
	
	.enlarge span img { width:190px;
	}
	
	ul.enlarge li:hover span{ 
top: -200px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -45px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: -45px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -45px; 
}

		
#application {display:none;
    
}
	.cont2 {
	width: 283px;
position:relative;
	margin:0 auto;
		float:none;
       
       
      
       
}
#ustream_widget { width:80%;
    float:none;
     position:relative;
overflow:hidden;
    
     display:block;
    
margin:0 auto;
    
border-radius: 10px;
} 

#ustream_widget img {width:100%;}
    
  .iframe-content {
 position: relative;
	padding-bottom: 50%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;

}  
    
.cont2 li img {
		display: block;
		width: 50px;
		height: 40px;
		margin: 3px auto;
}
	.cont2 li {
		display: block;
		float: left;
		text-align:center;
		font-size:80%;
	}

.cont2 li.t {
		display: block;
		float: left;
		text-align:center;
		font-size:80%;
	}

	.cont2 li a {
		line-height: 1.5em;
		border-radius: 10px;
		margin: 2px;
		padding: 8px 6px 4px 6px;
		width: 90px;
		height: 90px;
		text-align:center;
		
	}
	#twitter_widget {width:80%;
   
		position:relative;
	margin:0 auto;
		float:none;
		margin-bottom:30px;      
      display:block;
        margin-top:30px
	}
    
     #article_wrapper2 {width:93%;
    margin: 15px 20px 0px 15px;}   
    
#work_wrapper1 {width:94%;
	height:auto;
	margin:0 auto;
	position:relative;
    margin-top:5px;
    margin:15px 15px;
 margin-bottom:50px;
  float:left;
	
 
}

 .article2 h1 {
	width: 36%;
	min-width: 155px;
	line-height: 1.3em;
	border-left: 10px solid #ee3b58;
	
	padding: 0.7em 0 0.7em 0.5em;
	margin: 0 0 1em 0;
	font-weight: bold;
	font-size: 160%;
    color:#333;
    text-align:left;
    float:left;
 
}
    
  .article2 p {
	width: 95%;
	height: auto;
	line-height: 1.5em;
	padding: 0 0 0 3%;
	font-size: 100%;
}   
    
#work_wrapper1 ul li
{
        display: inline-block;
		float: left;
		list-style: none;
 
    width:46%;
   
	}
 
  video { width:   100%;
 }   
 #work_wrapper1 ul li img
{
        width:100%;
  }


#work_wrapper1 ul li a,#work_wrapper1 ul li 
img { display: block;
        float: left;
     
        }

.overlay img
		    {padding: 5px;
			
			background: #ffffff;
            width:300px;
					
         		}
	
	
	
.box {width: 100%;
height:auto;
    float:left;
    position:relative;
    overflow:hidden;
   
    
  
    
}
.box > img { width:100%;

}

.box img:hover { 
opacity:1;
}

#bbox{ 
    position:relative;
    overflow:hidden;
    float:left;
    width:100%;
    height:auto;
    margin:0 auto;
	
}	
.box2 {width: 100%;
height:auto;
    float:left;
    position:relative;
    overflow:hidden;
  
   
   
    
}

.bboxp { 
   position:relative;
    overflow:hidden;
    float:left;
    width:100%;
    height:auto;
    margin:0 auto;
}	
figcaption {
position: absolute;
	top: 100;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
	 padding-bottom: 0px; 

}

figcaption h3 { color:#fff;
    font-size:125%;
    position:relative;
    padding:5%;
    top:25%;
    text-align: center;
	letter-spacing: 3px;
   
 
}

figcaption p { color:#aaa;
    position:relative;
  top:15%;
letter-spacing: 1px;
      font-size:100%;
}

	
}
@media screen and (min-width: 1001px) and (max-width: 1279px) {
ul.enlarge {width:100%;
	height:auto;
	
}	
#artworks {width:100%
    }	
#kako_wrapper { float:none;
	position:relative;
	width:800px;
	height:auto;
	margin:0 auto;
	top:150px;
	clear:both;
	
}
    
.cont2 {max-width:1000px;
	margin:0 auto;
	top:10px;
}
    
    .cont2 li img {
		display: block;
		width: 65px;
		height: 50px;
		margin: 3px auto;
}
	.cont2 li {
		display: block;
		float: middle;
		text-align:center;
		font-size:90%;
	}

.cont2 li.t {
		display: block;
		float: left;
		text-align:center;
		font-size:90%;
	}
	.cont2 li a {
		line-height: 1.5em;
		border-radius: 8px;
		margin: 3px;
		padding: 8px 6px 4px 6px;
		width: 105px;
		height: 105px;
		text-align:center;
		
	}
	
  
    	#news_wrapper {margin:0 auto;
		max-width:65%;
		float:left;
            margin-top:50px;
	}
  #ustream_widget { width:34%;
    float:right;
     position:relative;
overflow:hidden;
    
     display:block;
    
margin-top:50px;
    
border-radius: 10px;
} 

#ustream_widget img {width:100%;}  
    
    .iframe-content {
 position: relative;
	padding-bottom: 40%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;

}   
#twitter_widget {width:34%;
   
		position:relative;
	margin:0 auto;
		float:right;
		margin-bottom:100px;
	margin-top:20px;
	
	}
  #article_wrapper2 {width:40%;
    
     margin-left:20px;
     margin-top:20px;}   
    
#work_wrapper1 {width:56%;
	height:auto;
	margin:0 auto;
	position:relative;
    margin-top:15px;
    margin-right:15px;
 margin-bottom:100px;
  float:right;
	
 
}

#work_wrapper1 ul li
{
        display: inline-block;
		float: right;
		list-style: none;
    padding:5px;
    width:47%;
   
	}
 
    
 #work_wrapper1 ul li img
{
        width:100%;
  }
 video { width:   100%;
 }  

#work_wrapper1 ul li a,#work_wrapper1 ul li 
img { display: block;
        float: left;
     
        }
.box {width: 50%;
height:auto;
    float:left;
    position:relative;
    overflow:hidden;
    <!--margin:5px 5px;
    
    border: 0px solid #fff;
  
 -webkit-box-shadow: 1px 1px 1px 1px #ccc;
		-moz-box-shadow: 1px 1px 1px 1px #ccc;
		box-shadow: 1px 1px 1px 1px #ccc;-->
    
}


.box2 {width: 100%;
height:auto;
    float:left;
    position:relative;
    overflow:hidden;
   }
.bboxp { 
    position:relative;
    overflow:hidden;
    float:left;
    width:50%;
    height:auto;
    margin:0 auto;
    padding:0;
	
}
figcaption {
position: absolute;
	top: 100;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
	 padding-bottom: 0px; 

}

figcaption h3 { color:#fff;
    font-size:150%;
    position:relative;
    padding:5%;
    top:25%;
    text-align: center;
	letter-spacing: 3px;
    font-weight: bold;
   
 
}

figcaption p { color:#aaa;
    position:relative;
  top:15%;
letter-spacing: 1px;
}

    }

@media screen and (min-width: 801px) and (max-width: 1000px) {
ul.enlarge {width:100%;
	height:auto;
	
}	
    
    #artworks {width:100%
    }
	
#kako_wrapper { float:none;
	position:relative;
	width:760px;
	height:auto;
	margin:0 auto;
	top:150px;
	clear:both;
	
}
.cont2 {width:500px;
	margin:0 auto;
	top:10px;
}
    
    .cont2 li img {
		display: block;
		width: 100px;
		height: 80px;
		margin: 3px auto;
}
	.cont2 li {
		display: block;
		float: middle;
		text-align:center;
		font-size:110%;
	}

.cont2 li.t {
		display: block;
		float: left;
		text-align:center;
		font-size:110%;
	}
	.cont2 li a {
		line-height: 1.5em;
		border-radius: 10px;
		margin:5px;
		padding: 8px 6px 4px 6px;
		width: 155px;
		height:155px;
		text-align:center;
		
	}
	
  
    	#news_wrapper {margin:0 auto;
		width:100%;
		float:middle;
            margin-top:50px;
	}
   #ustream_widget { width:50%;
    float:none;
     position:relative;
overflow:hidden;
  
     display:block;
    margin:0 auto;

    
border-radius: 10px;
} 

#ustream_widget img {width:100%;}  
    
 .iframe-content {
 position: relative;
	padding-bottom: 50%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;

}    
    
#twitter_widget {width:50%;
 
		position:relative;
	margin:0 auto;
		float:none;
		margin-bottom:100px;
	margin-top:50px;
	
	}
    
     #article_wrapper2 {width:50%;
    margin-bottom:50px;
    margin-left:20px;}   
    
#work_wrapper1 {width:45%;
	height:auto;
	margin:0 auto;
	position:relative;
    margin-top:5px;
    margin-right:15px;
 margin-bottom:100px;
  float:right;
	
 
}

#work_wrapper1 ul li
{
        display: inline-block;
		float: right;
		list-style: none;
    padding:5px;
    width:47%;
   
	}
 
    
 #work_wrapper1 ul li img
{
        width:100%;
  }

 video { width:   100%;
 }  
#work_wrapper1 ul li a,#work_wrapper1 ul li 
img { display: block;
        float: left;
     
        }

.box {width: 50%;
height:auto;
    float:left;
    position:relative;
    overflow:hidden;
    <!--margin:5px 5px;
    
    border: 0px solid #fff;
  
 -webkit-box-shadow: 1px 1px 1px 1px #ccc;
		-moz-box-shadow: 1px 1px 1px 1px #ccc;
		box-shadow: 1px 1px 1px 1px #ccc;-->
    
}
.box2 {width: 100%;
height:auto;
    float:left;
    position:relative;
    overflow:hidden;
   }
.bboxp { 
    position:relative;
    overflow:hidden;
    float:left;
    width:50%;
    height:auto;
    margin:0 auto;
    padding:0;
	
}



figcaption {
position: absolute;
	top: 100;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
	 padding-bottom: 0px; 

}

figcaption h3 { color:#fff;
    font-size:150%;
    position:relative;
    padding:5%;
    top:25%;
    text-align: center;
	letter-spacing: 3px;
   
 
}

figcaption p { color:#aaa;
    position:relative;
  top:15%;
letter-spacing: 1px;
}


    
    
}

@media screen and (min-width: 950px) and (max-width: 1279px) {	
#main_wrap {
   
	width: 100%;
	position: relative;
	clear: both;
    height: auto;
    overflow:hidden;
    margin: 0 auto;
    background-color:#2c2b30;
	
}
    
    #artworks {width:100%
    }
     #main_wrap2 {
   
	width: 100%;
	position: relative;
	clear: both;
    height: auto;
    overflow:hidden;
    margin: 0 auto;
    background-color:#feffe8;
	
}
    
   
    
    
}
@media screen and (min-width: 1280px) and (max-width: 3000px) {	
#main_wrap {
   
	width: 1280px;
	position: relative;
	clear: both;
    height: auto;
    overflow:hidden;
    margin: 0 auto;
    background-color:#2c2b30;
	
}
   
    #artworks {width:100%
    }
    #main_wrap2 {
   
	width: 1280px;
	position: relative;
	clear: both;
    height: auto;
    overflow:hidden;
    margin: 0 auto;
    background-color:#feffe8;
	
}


}

@media screen and (min-width: 900px) and (max-width: 949px) {	
#main_wrap {
	width:100%;
	position: relative;
	clear: both;
    height: auto;
    overflow:hidden;
    margin: 0 auto;
    background-color:#2c2b30;

}
    
    #news_wrapper {
	float: middle;	
	width: 100%;
    }

}

@media screen and (min-width: 850px) and (max-width: 899px) {	
#main_wrap {
        
	width: 100%;
	position: relative;
	clear: both;
    height: auto;
    overflow:hidden;
    margin: 0 auto;
    background-color:#2c2b30;
	
}


}
@media screen and (min-width: 800px) and (max-width: 849px) {	
#main_wrap {
	width: 100%;
	position: relative;
	clear: both;
    height: auto;
    overflow:hidden;
    margin: 0 auto;
    background-color:#2c2b30;
	
}


}
@media screen and (min-width: 750px) and (max-width: 799px) {	
#main_wrap {
	width: 100%;
	position: relative;
	clear: both;
    height: auto;
    overflow:hidden;
    margin: 0 auto;
    background-color:#2c2b30;
	
}


}
@media screen and (min-width: 700px) and (max-width: 749px) {	
#main_wrap {
	width: 100%;
	position: relative;
	clear: both;
    height: auto;
    overflow:hidden;
    margin: 0 auto;
    background-color:#2c2b30;
	
}


}
@media screen and (min-width: 650px) and (max-width: 699px) {	
#main_wrap {
	width: 100%;
	position: relative;
	clear: both;
    height: auto;
    overflow:hidden;
    margin: 0 auto;
	background-color:#2c2b30;
}


}
@media screen and (min-width: 600px) and (max-width: 649px) {	
#main_wrap {
	width: 100%;
	position: relative;
	clear: both;
    height: auto;
    overflow:hidden;
    margin: 0 auto;
    background-color:#2c2b30;
	
}


}
@media screen and (min-width: 550px) and (max-width: 599px) {	
#main_wrap {
	width: 100%;
	position: relative;
	clear: both;
    height: auto;
    overflow:hidden;
    margin: 0 auto;
    background-color:#2c2b30;
	
}


    #application { display:none;
    }
}
@media screen and (min-width: 500px) and (max-width: 549px) {	
#main_wrap {
	width: 100%;
	position: relative;
	clear: both;
    height: auto;
    overflow:hidden;
    margin: 0 auto;
    background-color:#2c2b30;
	
}


    #application { display:none;
    }
}
@media screen and (min-width: 450px) and (max-width: 499px) {	
#main_wrap {
	width: 100%;
	position: relative;
	clear: both;
    height: auto;
    overflow:hidden;
    margin: 0 auto;
    background-color:#2c2b30;
	
}
    
#application { display:none;
    }

    #application { display:none;
    }
}
@media screen and (min-width: 400px) and (max-width: 449px) {	
#main_wrap {
	width: 100%;
	position: relative;
	clear: both;
    height: auto;
    overflow:hidden;
    margin: 0 auto;
	background-color:#2c2b30;
}


    #application { display:none;
    }
}
@media screen and (min-width: 350px) and (max-width: 399px) {	
#main_wrap {
	width: 100%;
	position: relative;
	clear: both;
    height: auto;
    overflow:hidden;
    margin: 0 auto;
    background-color:#2c2b30;
    
	
}


}
@media screen and (min-width: 320px) and (max-width: 349px) {	
#main_wrap {
	width: 100%;
	position: relative;
	clear: both;
    height: auto;
    overflow:hidden;
    margin: 0 auto;
    background-color:#2c2b30;
    background-position: top center;
    
	
}


    
    #application { display:none;
    }
}