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

/*共通　全体*/

body,td,th {
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
  color: #212529!important;
	background-color: #fff;
	margin: 0;
}
    
  a:hover {
  color: #cccccc;
  text-decoration: none;
}
  a:link {
  color: #212529;
  text-decoration: none;
}
  a:visited {
  text-decoration: none;
  color: #212529;
}
  a:active {
  text-decoration: none;
  color: #212529;
}

/*共通　head-Navii*/
nav {
  width: 100%;
}


.navbar-light .navbar-toggler {
  border: 0;
  stroke-width='1' ;
  background-color: #ffffff !important;
}
.navbar{
  background-color: #fff  !important;
}
.nav-item-en{
  font-size: 0.8rem;
  font-weight: 400;
  letter-spacing: 0.07em;
　padding-top: 1em;
  padding-left: 2em;
  padding-right: 2em;
  color: #212529;
}
.nav-item-img1{
  font-size: 0.9rem;
  font-weight: 400;
  letter-spacing: 0.07em;
  padding-left:4em;
  padding-bottom: 1em;
}
.nav-item-img2{
  font-size: 0.9rem;
  font-weight: 400;
  letter-spacing: 0.07em;
  padding-left: 4em;
  padding-bottom: 0.4em;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

/*スライドショー　ココカラ--*/
.carousel-control-prev-icon, .carousel-control-next-icon {
    height: 15px;
    width: 15px;
    outline: #6c757d;
    background-color: #c9caca;
    background-size: 100%, 100%;
    border-radius: 50%;
    border: 0.5px solid #c9caca;
}
.mx-auto {
    width:100%;
    height: auto;
}   
/*スライドショー　ココマデ*/


/*共通 *　左・中央・右寄せ*/

.pagetitle{
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: 0.2em;
  line-height: 1em;
  text-align: center;
}

.main{
  margin-top: 3em;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding-right: 0.5em;
  padding-left: 0.5em;
  max-width: 700px;
}
.text-left{
  text-align: left;
}
.text-end{
  text-align: right;
}

<!--div 幅設定用-->
 .poem−300 {
  	max-width: 300px;
	padding-left: 2em;
  	margin: 0 auto;
 }
 .poem−400 {
  	max-width: 400px;
	padding-left: 2em;
  	margin: 0 auto;
 }
 .poem−500 {
  	max-width: 500px;
	padding-left: 2em;
  	margin: 0 auto;
 }
 .poem−600 {
	max-width: 600px;
  	margin-left: auto;
}

/*works*/
.main-works{
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding-right: 1em;
  padding-left: 1em;
  max-width: 850px;
}
.photo300{
  padding-bottom: 1em;
  padding-top: 2em;
  padding-left: 1em;
  padding-right: 1em;
   }
.workimage{
 padding-bottom: 0.5em;
}
  .title-ja{
     font-size: 0.6rem;
     font-weight: 350;
     line-height: 1.2em;
	 text-align: end;
	 color:  #c0c0c0;
}
  .title-ja-s{
     font-size: 0.6rem;
     font-weight: 350;
     line-height: 1.2em;
	 text-align: end;
	 color:  #c0c0c0;
}
   .title-en{
     font-size: 0.6rem;
     color: #333;
     font-weight: 350;
     letter-spacing: 0.01em;
     line-height: 1.3em;
	 text-align: end;
	 color:  #c0c0c0;
}


.w-pagetitle{
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-top: 3em;
  line-height: 1.5em;
  color:  #6c757d;
}
.w-pagetitle-en{
  font-size: 0.7rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin-bottom: 2em;
}
.works_next{
   font-size: 0.75rem;
   letter-spacing: 0.1em;
   font-weight: 350;
  line-height: 1em;
  color:  #6c757d;
}

/*FONT*/
.text-left{
  text-align: left;
}
.text-right{
  text-align: end;
}
.caption{
  font-size: 0.7rem;
  line-height: 1.8em;
  font-weight: 300; 
  color:  #6c757d;
}
.st9{
  font-size: 0.7rem;
  line-height: 1.8em;
  font-weight: 300; 
}
.st10{
  font-size: 0.75rem;
  line-height: 1.8em;
   }
   
.st10-en{
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.005em;
  line-height: 1.8em;
}
.st10-linenarrow{
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.005em;
  line-height: 1em;
}
.st11{
  	font-size: 0.8rem;
	font-weight: 350;
	letter-spacing: 0.03em;
  	line-height: 1.9em;
}
.st11_ja{
	 font-size: 0.8rem;
	font-weight: 350;
	letter-spacing: 0.03em;
  	line-height: 2em;
}
   .st11-en{
     font-size: 0.8rem;
     line-height: 2em;
     font-weight: 400; 
   }
.st12{
     font-size: 0.85rem;
     font-weight: 400;
     letter-spacing: 0.03em;
	line-height: 2em;
   }
.st12-ja{
     font-size:0.85rem;
     font-weight: 350;
     letter-spacing: 0.03em;
     line-height:  2em;
   }
   .st12-en{
     font-size:0.9rem;
     font-weight: 400;
     letter-spacing: 0.03em;
     line-height:  2em;
   }
   .st13{
     font-size:0.95rem;
     font-weight: 350;
     letter-spacing: 0.03em;
     line-height:  2em;
   }
 .st14{
     font-size:1rem;
     font-weight: 400;
     letter-spacing: 0.03em;
     line-height:  2em;
   }
 .st15{
     font-size:1.2rem;
     font-weight: 400;
     letter-spacing: 0.03em;
     line-height:  2em;
   }

   .st10-infor{
     text-align: end;
      font-size: 0.7rem;
      line-height: 1.8;
      margin-top: 2em;
      margin-right: 1em;
   }

   .malala08a{
     max-width: 800px;
     float: left;
     clear: both;
     margin-bottom: 2em;
   } 

/*Box*/
.frame03 {
	background-color: #D7D7D7;
   	width: 50%;
  	margin-left: auto;
  	margin-right: auto;
	}
.st12-frame{
 	font-size: 0.8rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	text-align: center
	}


  /*footer copy right*/
.copyright{
 font-size: 0.7rem;
 letter-spacing: 0.08em;
 font-weight: 300;
 text-align: center;
 line-height: 1em;
 color:  #6c757d;
}