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

@import "reset.css";
body {
	letter-spacing: 0.1em;
	font-family:'Open Sans', 'Noto Sans Japanese', sans-serif;
	font-size: 0.9em;
	line-height: 1.75em;
    margin: 0;
    padding: 0;
    color: #333333;
	background-color:#ffffff;
}
html,body {
	-webkit-text-size-adjust: 100%;
}
section{
	margin:0 0 0 60px;
}
section h1{
	margin-bottom:30px;
}
article{
	margin-bottom:30px;
}

h1{	
	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: #0000ff;
	border-bottom:1px solid #0000ff;
	padding:0 0 2px 0;
	background-color:#ffffff;
}
h2{	
	line-height: 1.8em;
	margin:0 0 2em 0;
	font-weight:normal;
}
h3{	
	font-weight:normal;
	line-height: 1.35em;
}
p{
	line-height: 1.8em;
}
ul{
	list-style:none;
}
li{
	line-height: 1.8em;
}

.lang{
	float:left;
}

.lang-l{
	margin-bottom:20px;
}
a:link,
a:visited{
	background: none;
	border: none;
	text-decoration: none;
	color: #0000ff;
}
a:hover,
a:active{
	background: #0000ff;
	border: none;
	text-decoration: none;
	color: #ffffff;
}

.btm30{
	margin-bottom: 30px;
}

.btm50{
	margin-bottom: 50px;
}

/*----------header----------*/
header{
	margin:60px 0 40px 0px;
}

header h1{
	font-size: 1em;
	line-height: 2em;
	font-weight:normal;
}

/*----------footer----------*/

footer{
	font-size: 0.6em;
	margin:40px 0 30px 0px;
}

/*----------wrapper----------*/

article h1{
	line-height: 1.8em;
	font-style:normal;
	padding-bottom: 0px !important;
}

article ul{
	line-height: 1.8em;
	font-weight:normal;
}

/*----------index----------*/

address, nav{
	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----------*/

.works li{
	margin-bottom: 25px;
    margin-right: 6px;
}

.comma{
	margin-right: 5px;
    position: relative;
}
.comma::after {
    content: ", " ;
    position: relative;
}
.comma:after {
    content: ", " ;
    position: relative;
}

.flt-r{
	float: left;
}

.w-tag {
    margin-top : 6px;
    margin-bottom : 18px;
}


.w-tag li{
	font-size: 0.8em;
	font-style: italic;
	margin-bottom: 0px;
}

.w-year::after{
    content:" / " ;
}

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

.scale {
	display     : inline-block;    /* 変形するためのブロック化 */
	transform   : scale(2.0, 1.0);   /* 変形 横,縦 */
	padding: 0 0.5em 0 0.5em;
}

/*----------works----------*/

.about h2{
    margin: 24px 0 36px 0;
}

.about h3{
    margin: 24px 0 12px 0;
}

.about ul{
    margin-bottom: 36px;
}

.profile{
    margin-bottom: 60px;
}


/* Extra small devices: Phones (<768px) */
@media (max-width: 767px) {
	body{
		font-size: 12px;
	}
	.container{
	float: left;
	margin-left: 24px;
	}
	.section{
		margin:0 0 0 0;
	}
	header{
	margin:25px 0 40px 0px;
	}
}
/* 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;
	}
}