html{ background-color: #f9f6f3}

body { margin:0 auto; 
           width: 90%; 
           max-width:1080px;
           -webkit-text-size-adjust: 100%;
           text-size-adjust: 100%;
            }

a:visited, a:active, a:link { text-decoration:none; }

a:link { color: #000;}

a:visited { color: #000;}

a:hover { color: #000;}

hr {
 height: 1px;
 background-color: #f9f6f3;
 width: 30%;
 border: none;
 margin:5px auto auto 0;
}

.space40 {margin:40px auto;}
.space60 {margin:60px auto;}

.text_top {  font-size:20pt; word-break:break-all; letter-spacing: 0.1em;line-height: 100%; font-family: 'UniversNextPro-Light', Helvetica, Arial; margin: 5px 0 15px 1.5%; position:fixed; z-index:1000;}
 .text_top_right {  font-size:10pt; font-weight:bold; word-break:break-all; letter-spacing: 0.4em;line-height: 0%; font-family: 'UniversNextPro-Light', Helvetica, Arial; margin: 20px 1.5% 20px 1%; float:right; }
 .text_menu {  font-size:20pt; word-break:break-all; letter-spacing: 0.1em;line-height: 100%; font-family: 'UniversNextPro-Light', Helvetica, Arial; margin: 0 1% 15px 1%; }
 .text_title {  font-size:10pt; font-weight:bold; word-break:break-all; letter-spacing: 0.05em;line-height: 175%; font-family: 'UniversNextPro-Light', Helvetica, Arial; margin: 10px 1% 0 1%;}
 .text_main { font-size:10pt; word-break:break-all; letter-spacing: 0.1em;line-height: 225%; font-family: 'UniversNextPro', Helvetica, Arial; margin:0 2% 10px 1%;  }
 .text_small { font-size:8pt; word-break:break-all; letter-spacing: 0.15em;line-height: 175%; font-family: 'UniversNextPro', Helvetica, Arial; margin:0 2% 10px 1%;  }

/*max-device-width*/
@media (max-width: 1080px ){
        .text_top {  font-size:45px; word-break:break-all; letter-spacing: 0.1em;line-height: 100%; font-family: 'UniversNextPro-Light', Helvetica, Arial; margin: 5px 0 15px 1%; position:fixed; z-index:1000;}
         .text_top_right {  font-size:20pt; font-weight:bold; word-break:break-all; letter-spacing: 0.2em;line-height: 0%; font-family: 'UniversNextPro-Light', Helvetica, Arial; margin: 30px 1.5% 20px 1%; float:right; }
        .text_menu {  font-size:30pt; word-break:break-all; letter-spacing: 0.1em;line-height: 100%; font-family: 'UniversNextPro-Light', Helvetica, Arial; margin: 0 1% 10px 1%; }
        .text_title {  font-size:20pt; font-weight:bold; word-break:break-all; letter-spacing: 0.1em;line-height: 200%; font-family: 'UniversNextPro-Light', Helvetica, Arial; margin: 10px 1% 0 1%;}
        .text_main { font-size:20pt; word-break:break-all; letter-spacing: 0.15em;line-height: 250%; font-family: 'UniversNextPro', Helvetica, Arial; margin:0 1% 10px 1%;  }
         .text_small { font-size:10pt; word-break:break-all; letter-spacing: 0.15em;line-height: 175%; font-family: 'UniversNextPro', Helvetica, Arial; margin:0 2% 10px 1%;  }
        .space40 {margin:65px auto;}
        .space60 {margin:100px auto;}
  }  

.block-grid {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.block-grid li {
  flex: 0 1 99%;
  margin: 0 ;
  padding: 0 0 20px;
  background: #f9f6f3;
}
.block-grid a {
  text-decoration: none;
  font-size: 0.8em;
  line-height: 1.5em; 
}

.block-grid-half {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.block-grid-half  li {
  flex: 0 1 50%;
  margin: 0 ;
  padding: 0 0 20px;
  background: #f9f3f3;
}
.block-grid-half  a {
  text-decoration: none;
  font-size: 0.8em;
  line-height: 1.5em; 
}

@media (min-width: 1200px ){
  .block-grid-1-2-3 li {
      flex: 0 1 31%;
      padding: 0 1% 20px 1%; }
  }
  /*min-width: 800px*/


/*workサムネイルの拡大*/
.imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 100%;	/*画像の幅*/
}
.imgWrap img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgWrap img:hover {
	transform: scale(1.05);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
	opacity: 0.9;	/* 小さくするほど暗くなります */
}