@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Flamenco');

body{
	width:100%;
	height: 100%;
	color:#818181;
	font-size: 0.8em;
	letter-spacing: 0.3em;
	line-height: 1.8em;
	font-family: Avenir , "Lucida Sans Unicode", "Lucida Grande", sans-serif;;
	-webkit-font-smoothing: antialiased;	
}

a{
	text-decoration: none;
	color:#00F;
}

a:hover{
text-decoration:underline;
}


h1{
	font-size: 2em;
	margin-bottom:10px;
	color:#00F;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-weight:lighter;
}

h1 span{
     font-size: 0.8em;	
}

h2{
     font-size: 1.5em;	
}

@media screen and (min-width:700px){
#menu ul{
	display:table;
	table-layout:fixed;
	width:100%;
	text-align:center;
}

#menu li {
	display:table-cell;
	vertical-align:middle;
	height: 4.5em;
}

#menu li a{
	color:#818181;
	letter-spacing: 0em;
	color:#00F;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size: 1.2em;
}

#menu .sp{
	display: none;
}

#main img{ 
	width:100%;/*100%*/
	height:auto;
	/*padding-bottom:10px;*/
}

#main{
	padding-bottom:10px;
}

#Works,#Taro Award,#Tokyo Wonder Site,#Product img{ 
	width:100%;/*100%*/
	height:auto;
}
#YouTube,#Product,#Tokyo Wonder Site,#Product,#Profile{
	padding-bottom:50px;
}

#content{
	width: 60%;/*60%*/
	margin: 0 auto;
	padding-bottom:20px;
}


#content dl .t{
     font-size: 1.3em;
	 color:#00F;	 	
}

#Product .button{
	width:60%;/*60%*/
	margin: 0 auto;
}

#Product .button .buy_btn {
    width:200px;
    font-size:24px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#00F;
    border-radius:25px;
	margin:0 auto;
}


#BLUE LINE img{ 
	width:60%;/*60%*/
	height:auto;
}
.cite {
	text-align: right;
}

#BLUE LINE{ 
	padding-bottom: 20px;
}

.clear { 
    display: none;
 }

#Profile,#Product dt{
	font-weight: bold;
	font-size:1.2em;
}

#Profile,#Product dd{
	margin-bottom: 10px;
}

#Profile,#Product dd:last-child{
	margin-bottom: 30px;
}

#sns{
  display: table;
  padding-bottom:20px;
  margin: 0 auto;;
}

.list-img {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-right:30px;

}

#sns div:last-child{
	padding-right:0px;
}

footer{
	/*clear:both;*/
	text-align: center;
	font-size:1.0em;
	color:#00F;
	padding-top:10px;
	border-top: solid 1px #00F;
}

#return{
	text-align:right;
	padding-right:30px;
	margin-bottom:50px;
}

.float-right{
	float:righ;/*right*/
}
	
.clear {
    clear:both;　
}/*floatの解除*/
	
.margin-b3em{
	margin-bottom: 3em;
	}
.margin-b1-5em{
	margin-bottom: 1.5em;
	}
.font05em{
	font-size: 0.5em;	
	}

.sp{
	display: none;
	}

header.sp{display:none;
	}

}



/*スマホ用CSS*/

@media screen and (max-width:699px){

	header {
		height: 40px;
		z-index: 1000;
		position: fixed;
		color:rgba(255,251,251,1.00);
	}
	header nav {
		position: absolute;
		width:500%;
		top: 100%;
		border: dotted 1px white;
		background-color:rgba(138,140,158,0.62);
	}
	
	header .menu_button span {
		line-height: 40px;
		padding: 1em;
		text-shadow: 0px 0px 3px #666;
		font-size: 1.3em;
	
	}
		
	header nav a{
		color: white;
	}
		
	header nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		
	header nav ul li {
		border-bottom: dotted 1px white;
		text-align: center;
		padding: 0.6em;
		}
	
	#main{
		padding-bottom:10px;
	}
	
	#main img.pc{ 
		display: none;
	}
	
	#main img.sp{ 
		display: block;
		width:100%;/*100%*/
		height:auto;
		padding-bottom:5px;
	}
	
	#content{
		width:80%;/*80%*/
		margin: 0 auto;
		padding-bottom:20px;
	}
	
	
	#Works,#Taro Award,#Tokyo Wonder Site,#Product img.pc{ 
		display: none;
		padding-bottom:20px;
	}
	
	
	#Works,#Taro Award,#Tokyo Wonder Site,#Product img{
		width:100%;/*100%*/
		height:auto;
		/*padding-bottom:7px;*/
	}
	
	
	#YouTube,#Product,#Tokyo Wonder Site,#Product,#Profile{
		padding-bottom:50px;
	}
	
	.clear { 
		display: none;
	 }
	 
	.blue line{
		font-size:1.2em;
	}
	
	
	#BLUE LINE{ 
		width:100%;/*100%*/
		height:auto;
		padding-bottom: 20px;
	
	}
	
	
	#Product dt{
		font-weight: bold;
		font-size:1.2em;
	}
	
	#Profile,#Product dd{
		margin-bottom: 10px;
	}
	
	#Profile,#Product dd:last-child{
		margin-bottom: 30px;
	}
	
	
	
	#sns{
		display: table;
		margin-bottom:20px;
		margin: 0 auto;;
	}
	
	
	.list-img {
	  display: table-cell;
	  vertical-align: middle;
	  text-align: center;
	  padding-right:30px;
	}
	
	#sns div:last-child{
		padding-right:0px;
	}
	
	footer{
		text-align: center;
		font-size:0.5em;
		color:#00F;
		padding-top:10px;
		border-top: solid 1px #00F;
	}
	
	#return{
		text-align:right;
		font-size:1em;
		padding-right:10px;
		margin-bottom:50px;
	}
	
	.float-right{
		float:none;
	}
	
	.margin-b3em{
		margin-bottom: 3em;
		}
	
	.font05em{
		font-size: 0.5em;	
		}
		
	.pc{
		display: none;
		}
		
	.sp{
		display: block;
		}	
}/*max-width:414px*/