@charset "UTF-8";
/* CSS Document */

@import "reset.css";
body {
	letter-spacing: 0.1em;
	font-family:'Open Sans', 'Noto Sans Japanese', sans-serif;
	font-size: 1em;
    margin: 0;
    padding: 0;
    color: #333333;
	background-color:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

html,body {
	-webkit-text-size-adjust: 100%;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.container{
	float: left;
	margin-left: 30px;
}

section{
	margin:0 0 0 0;
}
article{
	margin-bottom:30px;
}

h1{	
	font-size: 0.9em;
	line-height: 1.8em;
	font-weight:normal;
}
h1 a:link,
h1 a:hover,
h1 a:visited,
h1 a:active{
	background: none;
	border: none;
	text-decoration: none;
	color: #339900;
	border-bottom:1px solid #339900;
	padding:0 0 1px 0;
	background-color:#ffffff;
}
h2{	
	font-size: 0.9em;
	line-height: 1.8em;
	margin:0 0 2em 0;
	font-weight:normal;
	font-family: 'Open Sans';
}
h3{	
	font-size: 0.9em;
	font-weight:normal;
	line-height: 1.35em;
}
p{
	font-size: 0.9em;
	line-height: 1.8em;
}
ul{
	list-style:none;
	font-size: 0.9em;
}
li{
	line-height: 1.8em;
}

dt{
	text-decoration: none;
	width:100px;
}

dd{
	position: absolute;
	left:100px;
}

.btm10{
	margin-bottom: 10px;
}

.btm30{
	margin-bottom: 30px;
}

.lang{
	float:left;
}
.lang-l{
	margin-bottom:20px;
}

.ita{
	font-style:italic;
}

.u_line{
	border-bottom:1px solid #000000;
	padding:0 0 1px 0;
	background-color:#ffffff;
}

.float_left{
	float:left;
	margin-right: 10px;
}

.left_100{
	position: absolute;
	left: 100px;
}

a:link,
a:visited{
	background: none;
	border: none;
	text-decoration: none;
	color: #339900;
}
a:hover,
a:active{
	background: #339900;
	border: none;
	text-decoration: none;
	color: #ffffff;
}
/*----------header----------*/
header{
	margin:60px 0 60px 0;
}

header h1{
	font-size: 0.95em;
	line-height: 2.0em;
	font-weight:normal;
}
/*----------footer----------*/
footer{
	font-size: 0.6em;
	margin:40px 0 30px 0;
}
/*----------wrapper----------*/
article h1{
	font-size: 0.9em;
	line-height: 1.8em;
	font-style:normal;
}
article ul{
	font-size: 0.9em;
	line-height: 1.8em;
	font-weight:normal;
}
/*----------index----------*/
address, nav{
	font-size: 1em;
	font-style:normal;
	text-decoration:none;
	margin:0px 0 30px 0px;
}
#title{
	background: none;
	border: none;
	text-decoration: none;
	color: #333333;
	border-bottom:1px solid #333333;
	padding:0 0 1px 0;
	background-color:#ffffff;
	font-style:italic;
	font-size: 1.0em;
	line-height: 1.8em;
	font-weight:normal;
}

section h1{
	margin:0 0 30px 0;
}

.works p,
.profile p{
	margin-bottom: 15px;
}

.works li,
.profile li{
	line-height: 1.4em;
	margin:0 0 1em 0; 
}

.line{
	color:#333333;
}

h3{
	margin-bottom: 15px;
}

.category li{
	font-size: 0.9em;
	margin-right: 25px;
}

.cat_name a{
	color: #000;
	background: #ffffff;
	text-decoration: none;
}

#at_mark{
	width:13px;
	height: 12px;
}


/* Extra small devices: Phones (<768px) */
@media (max-width: 767px) {
	body{
		font-size: 12px;
	}
	
	.container{
	float: left;
	margin-left: 15px;
	}
	
	.section{
		margin:0 0 0 0;
	}
	
	header{
	margin:25px 0 20px 0px;
	}
	
	#at_mark{
	width: 9px;
	height: 8px;
}
}
/* Small devices: Tablets (≥768px) */
@media (min-width: 768px) and (max-width: 991px) {
	.br-sp {
		display:none;
	}
}
 
/* Medium devices: Desktops (≥992px) */
@media (min-width: 992px) and (max-width: 1199px) {
	.br-sp {
		display:none;
	}
}
 
/* Large devices: Desktops (≥1200px) */
@media (min-width: 1200px) {
	.br-sp {
		display:none;
	}
}