@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

a {
  color: #000;
  text-decoration: none;
}
.container {
  max-width: 1160px;
  padding: 0 40px;
  margin: 0 auto;
}


/*index*/
header {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
header > .container {
  display: flex;
  align-items: center;
  max-width: none;
  padding: 0px;
}
.01header img {
  height: 60px;
  vertical-align: bottom;
}
.nav_header {
  margin: 0 0 0 auto;  
}
.list_nav_header {
  display: flex;
  align-items: center;
  margin: 0 0px;
}
.list_nav_header a {
  padding: 0 25px;
  color: #fff;
  font-family: sans-serif ;
  text-decoration: underline;
  display: block;
  font-size: 1.5rem;
}

  
.area_top_view {
background: url(../img/1bg_view.jpg) no-repeat bottom center;}

.area_top_view > .container {
	height: 820px;
	padding-top:50px;
	align-items: center;
}

.area_top_view .ttl1 {	
  font-family:NSimSun;
  text-align: center;
  font-size: 3.5rem;
  margin: 35% 15% 0 15%;
  color:white;
}

.area_top_view .ttl2 {
  font-family:NSimSun;
  text-align: center;
  font-size: 2.5rem;
  margin: 0% 15% 0 15%;
  color:white;
}


.area_home_about {
  padding: 20px 0 10px;
  background: url(../img/2bg_view.jpg) repeat bottom center;
}

.layout_2_div {
  background-color: rgba( 204, 205, 204, 0.7 );
  padding:30px;
}

.layout_2_div img {
  max-width:50%;
  height:auto;
  float:left;
  margin:12% 5% 0 0;
  vertical-align:bottom;
}

.text_home .ttl {
  font-size:2.8rem;
  font-family: sans-serif ;
  margin: 0 0 20px 0 ;
}
.text_home .description {
 font-size:1.4rem;
  font-family: sans-serif ;
  line-height: 160%;
}

.layout_2_div2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 30px 0px;
}
.layout_2_div2 > div {
  width: 50%;
  padding: 30px 20px;
}

.layout_2_div3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.layout_2_div3 > div {
  width: 50%;
  padding: 0px 20px;
}
.text_home3 .description2 {
 font-size:1.5rem;
  font-family: sans-serif ;
  background-color: rgba( 204, 205, 204, 0.7 );
  margin:0px;
  padding:10px;
}
.text_home3 .description {
  font-size:1.5rem;
  font-family: sans-serif ;
  background-color: rgba( 204, 205, 204, 0.7 );
  line-height: 180%;
  padding:10px;
}
.layout_banner {
   font-size:1.5rem;
   float:left;
   background-color:#fff;
   margin: 20px 50px;
}

.layout_banner img {
   margin-top:10px;
   margin-right:50px;
}

/* プロフィール！！！！！*/
.layout5 {
  margin: 100px 0 0 0;
  background-color: rgba( 204, 205, 204, 0.7 );
  padding: 30px;
}
.layout5 .description2 {
   font-size:1.4rem;
  font-family: sans-serif ;
  line-height: 180%;}
  
.sign {
   margin: 0; 
   text-align: right;
   margin: -20px 10px -20px 0;
}
.layout_div5 {
  width:100%;
  display: flex;
  align-items: center;
  margin: 0  auto;
  color:white;
  justify-content:space-between;
  font-size:1.4rem;
  font-family: sans-serif ;
  }

.layout_div5 > div {
  margin:  10px 10px;
}

.layout6{
    display: flex;
    background-color: rgba( 204, 205, 204, 0.7 );
	margin: 50px 0 50px 0 ;
	font-size:0.9rem;
    font-family: sans-serif ;
	padding: 30px 0;
	line-height:160%;
}

.layout6 .d2{
    width: 48%;
    padding: 0px;
	margin:0 0 0 2%;
	text-align: left;
}

/* 作品紹介の前のページ*/

.layout_2_div9{
  text-align: center;
  flex-wrap: no-wrap;
  margin: 50px 0  20px 0;
  font-size:1.8rem;
  font-family: sans-serif ;
  background-color: rgba( 204, 205, 204, 0.3 );
  padding:5px;
  display: flex;
  color:#fff;
}
.layout_2_div9 a{
  color:#fff;
  text-decoration: underline;
}

.layout_2_div7 {
  width:70%;
  display: flex;
  flex-wrap: no-wrap;
  align-items: center;
  margin: 0  auto;
  justify-content: space-between;

}
.layout_2_div7 > div {
  margin:  50px 10px 20px 10px;
  padding: 0 10px;
}
.layout_2_div8 {
  width:95%;
  display: flex;
  flex-wrap: no-wrap;
  align-items: center;
  margin: 0  auto;
  justify-content: space-between;

}
.layout_2_div8 > div {
  margin:  20px 15px 0px 15px ;
}


.layout_3_div5 {
  width:100%;
  display: flex;
  flex-wrap: no-wrap;
  align-items: center;
  margin: 0  auto;
  justify-content: space-between;
  font-size:1.2rem;
  font-family: sans-serif ;
  color: #fff;
}
.layout_3_div5 > div {
  margin:  20px 20px;
}

/* 絵画技法*/
.gihou_div11 img{
  text-align:center;}
  
.gihou_div11 .ttl{
  width:100%;
  text-align: center;
  margin-top: 120px;
  font-size:2.5rem;
  font-family: sans-serif ;
  color: #fff;
  background-color: rgba( 204, 205, 204, 0.3 );
  padding:10px;
  display: flex;
}

.gihou_div11 .discription{
  width:100%;
  text-align: left;
  margin: 0;
  font-size:1.4rem;
  font-family: sans-serif ;
  color: #fff;
  padding:30px;
  display: flex;
}
.gihou_div11 .discription2 {
  text-align: center;
  margin: 0  auto; 
  font-size:1.6rem;
  font-family: sans-serif ;
  color: #fff;
  padding:30px; 
}
.gihou_div11 .tt2{
  width:100%;
  text-align: center;
  margin-top: 10px;
  font-size:2.5rem;
  font-family: sans-serif ;
  color: #fff;
  background-color: rgba( 204, 205, 204, 0.3 );
  padding:10px;
  display: flex;
}



/* 作品一覧ページ！！！ */
.ttl4{
  width: 100%;
  background: #300;
  color: #fff;
  font-size:1.6rem;
  font-family: sans-serif ;
  position: fixed;
  background-color: rgba( 204, 205, 204, 0.3 );
}

.top_back{
	text-align: right;
	   padding: 0px 20px 0px 0 ;}
.top_back a {
  width: 100%;
  font-size:1.0rem;
  font-family: sans-serif ;
  text-decoration: underline;  
  color: #fff;
}

.discography{
  width: 100%;
  background: url(../img/2bg_view.jpg) repeat top center;
   padding: 50px 0 0 0 ;
	
}
@media (min-width: 600px) {
  .flexbox{
    display: flex;
	width: 90%;
    margin: 80px auto;
  } 
}
.flexbox > div {
   padding: 0 20px;
   width: 80%;
   align-items: center;
  margin: 0px auto;
  } 
.flexbox .description {
   font-size:1.0rem;
  font-family: sans-serif ;
  text-align: center;
  margin: 0px 0 30px 0 ;
  color: #fff;
}