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


/*TOP　ロゴからメニューまで*/
header {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
header > .container {
  height: 100px;
  display: flex;
  align-items: center;
  max-width: none;
  padding: 0 60px;
}
.area_logo_header .logo {
  display: block;
}
.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 > li {

}
.list_nav_header a {  padding: 0 25px;
  color: #fff;
  font: 400 25px/1em '游明朝 Medium', serif;
  text-decoration: underline;
display: block;
line-height: 3em;
}



/*TOP太陽 */
.area_top_view {
  background: url(../img/1bg_view.jpg) no-repeat bottom center;
  background-size:;
}
.area_top_view > .container {  height: 820px;padding:50px 0 0 0; align-items: center;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.area_top_view .ttl1 {	
  text-align: center;
  color: #000;
  font: 400 45px/1em '游明朝 Medium', serif;
  letter-spacing: .04em;
  margin: 30% 25% 0 25%;
  padding: 10px;
  position: relative;
  background-color: rgba( 204, 255, 204, 0.55 );
  flex-direction: column;  animation: fadeIn 3.0s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
.area_top_view .ttl2 {
  text-align: center;
  color: #000;
  font: 400 30px/1em '游明朝 Medium', serif;
  letter-spacing: .04em;
  margin: 0% 25% 0 25%;
  padding: 10px;
  position: relative;
  background-color: rgba( 204, 255, 204, 0.55 );
  flex-direction: column;  animation: fadeIn 3.0s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}



/* 共通　エリア_ホーム　背景グラデ */
.area_home_about {
  padding: 20px 0 10px;
  background: url(../img/2bg_view.jpg) repeat bottom center;

}

/* TOP写真＋ごあいさつ*/
.layout_2_div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 50px -30px;
  background-color: rgba( 204, 205, 204, 0.5 );
}
.layout_2_div > div {
  width: 50%;
  padding: 50px 10px;
}
.layout_2_div2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -30px;
}
.layout_2_div2 > div {
  width: 50%;
  padding: 30px 30px;
}
.area_home_about img {
  transform-origin: center center;
}
.text_home .ttl {
  font-size:35px;
  font-family: sans-serif ;
  margin: 0 0 20px 0 ;
}
.text_home .description {
 font-size:20px;
  font-family: sans-serif ;
  line-height: 40px;
}



/* TOPお問い合わせ */

.layout_2_div3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 20px -30px;
}
.layout_2_div3 > div {
  width: 50%;
  padding: 30px 30px;
}
.text_home3 .description {
  font-size:18px;
  font-family: sans-serif ;
  background-color: rgba( 204, 205, 204, 0.5 );
  margin:-10px;
  padding:20px;
}
.layout_banner {
  background-color:#fff;
  flex-wrap: wrap;
  align-items: center;
  margin: 0px -150px;
  padding: 20px 200px;
}
.layout_banner >img {

  margin: 0px 20px;
  padding: 0px;
}

/* 作品一覧ページ！！！ */
.top_back{
	text-align: right;
	   padding: 20px 50px 0px 0 ;}
.top_back a {
  width: 100%;
  color: #fff;
  font: 20px/1em '游明朝 Medium', serif;
  text-decoration: underline;  

}
.ttl4{
  width: 100%;
  background: #300;
  color: #fff;
  font: 200 25px/2em '游明朝 Medium', serif;
  position: fixed;
  background: rgba(0, 0, 0, .1);
}
.discography{
  width: 100%;
  background: url(../img/2bg_view.jpg) repeat top center;
   padding: 70px 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: 200 15px/2em '游明朝 Medium', serif;
  text-align: center;
  margin: 0px 0 30px 0 ;
  color: #fff;
}


/* プロフィール！！！！！*/
.layout5 {
  margin: 100px 0 20px 0;
  background-color: rgba( 204, 205, 204, 0.5 );
  padding: 30px 70px;
}
.sign {
   margin: 0; 
   text-align: right;
     margin: -30px -30px;
}
.text_home .description2 {
  font:25px/40px '游明朝 Medium', serif;
}
.layout_2_div5 {
  width:90%;
  display: flex;
  flex-wrap: no-wrap;
  align-items: center;
  margin: 0  auto;
  justify-content: space-between;
  font:25px/35px '游明朝 Medium', serif;
  color: #fff;
}
.layout_2_div5 > div {
  margin:  20px 10px;
}
.layout6{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: rgba( 204, 205, 204, 0.5 );
	margin: 50px 0 50px 0 ;
	font:18px/30px '游明朝 Medium', serif;
	padding: 30px 0 30px 10px;
}
.layout6 .d1{
    width: 12%;
    padding: 0px;
	margin:0px ;
	text-align: left;
}
.layout6 .d2{
    width: 37%;
    padding: 0px;
	margin:0px ;
	text-align: left;
}
.layout6 .d3{
    width: 33%;
    padding: 0px;
	margin:0px ;
	text-align: left;
}



/* 作品紹介の前のページ*/
.layout_2_div7 {
  width:70%;
  display: flex;
  flex-wrap: no-wrap;
  align-items: center;
  margin: 0  auto;
  justify-content: space-between;
  font:16px/1.8em '游明朝 Medium', serif;
  color: #fff;
}
.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;
  font:16px/1.8em '游明朝 Medium', serif;
  color: #fff;
}
.layout_2_div8 > div {
  margin:  20px 15px 0px 15px ;
}
.layout_2_div9{
  width:75%;
  text-align: center;
  flex-wrap: no-wrap;
  margin: 50px 0  0 0;
  font:30px '游明朝 Medium', serif;
  color: #fff;
  background-color:#0a0324;
  padding:10px 30px 10px 30px;
  display: flex;
}
.layout_2_div9 a{
  color:#fff;
  text-decoration: underline;
}
.layout_2_div10 {
  width:35%;
  text-align: center;
  flex-wrap: no-wrap;
  margin: 55px 0  0 0;
  font:30px/1.8em '游明朝 Medium', serif;
  color: #fff;
  background-color:#27440e;
  padding:10px 20px 10px 30px;
  display: flex;
}
.layout_3_div5 {
  width:100%;
  display: flex;
  flex-wrap: no-wrap;
  align-items: center;
  margin: 0  auto;
  justify-content: space-between;
  font:23px '游明朝 Medium', serif;
  color: #fff;
}
.layout_3_div5 > div {
  margin:  20px 40px;
}

/* 絵画技法*/
.gihou_div11{
  width:100%;
  text-align: center;
  margin: 120px 0  0 0;
  font:35px/1.8em '游明朝 Medium', serif;
  color: #fff;
  background-color:#0a0324;
  padding:10px 30px 10px 30px;
  display: flex;
}
.gihou_div11_2{
  width:100%;
  text-align: center;
  margin: 35px 0 10px 0;
  font:35px/1.8em '游明朝 Medium', serif;
  color: #fff;
  background-color:#0a0324;
  padding:10px 30px 10px 30px;
  display: flex;
}
.gihou_div12 > p{
  width:100%;
  text-align: left;
  margin: 50px 0  20px  0;
  font:24px/1.8em '游明朝 Medium', serif;
  color: #fff;
  padding:10px 30px 10px 30px;
  display: flex;
}
.gihou_div13 {
  width:40%;
  align-items: center;
  margin: 0  auto;  
}
.gihou_div15{
  width:80%;
  align-items: center;
  margin: 0  auto;  
}
.gihou_div13 > p{
  text-align: center;
  color: #fff;
  font: 25px/1.8em '游明朝 Medium', serif;
  padding: 10px;
  margin: 20px 0  0px  0;
  position: relative;
  flex-direction: column;
}
.gihou_div16{
  text-align: center;
  color: #fff;
  font: 22px/1.6em '游明朝 Medium', serif;
  padding: 10px;
  margin: 20px 0  0px  0;
  position: relative;
  flex-direction: column;
}
.gihou_div16 > p{
  text-align: center;
  color: #fff;
  font: 25px/1.6em '游明朝 Medium', serif;
  padding: 10px;
  margin: 20px 0  0px  0;
  position: relative;
  flex-direction: column;
}