@charset "utf-8";
@media print and (orientation:landscape) {body {zoom:100%;}}
@media print and (orientation:portrait) {body {zoom:68%;}}
/* bace ----------------------------------------------- */
html, body {height:100%;}
body {margin:0; padding:0;-webkit-text-size-adjust: none; /* webkit */text-align:center;}
a {text-decoration:none;-webkit-transition: opacity 0.5s ease-out;-moz-transition: opacity 0.5s ease-out;-ms-transition: opacity 0.5s ease-out;transition: opacity 0.5s ease-out;}
a:hover {opacity: .5;-webkit-opacity: .5;-moz-opacity: .5;filter: alpha(opacity=50);/* IE lt 8 */-ms-filter: "alpha(opacity=50)"; /* IE 8 */}
a:link {text-decoration:none;border:none;}
a:visited {text-decoration:none;border:none;}
a:active {text-decoration:none;border:none;}
ul, ol {list-style:none}
hr{color:#b5b5b6;}
/* fontface ----------------------------------------------- */
.min {font-family:"Hiragino Mincho ProN","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;}
.goth {font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
/* print ------------------------------------------------------------ */
@media only print {
#print {display:inline;}
#print img {width:100%;}
#allwrapper {display:none;}
}
@media only screen {
#print {display:none;}
#allwrapper {display:inline;}
}
/* loading ------------------------------------------------------------ */
#loading {
width: 100%;
height: 100%;
background: #000;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
#loading .loader {
position: fixed;
top: 42%;
left: 50%;
margin-left:-100px;
}
#wrapper {
overflow:hidden;
}
/* page-top ------------------------------------------------------------ */
#page-top {
 position: fixed;
 bottom: 1%;
 right: 2%;
 font-size: 77%;
 opacity:0.7;
}
#page-top a {
 background: #000;
 text-decoration: none;
 color: #fff;
 width: 100px;
 padding: 10px 0;
 text-align: center;
 display: block;
 border-radius: 5px;
}
#page-top a:hover {
 text-decoration: none;
 background: #999;
}
/* footer ------------------------------------------------------------ */
@media print,screen and (min-width:801px) {
#footer_wrap {
 width:100%;
}
#footer {
 display:-webkit-flex;
 display:flex;
 padding:1%;
}
#footer04 {
 margin-left:auto;
 margin-right:2%;
}
#copyright_wrap {
 width:100%;
 height:20px;
 bottom:0;
 padding:8px 0 4px 0;
 background:#000;
 font-size:9px;
 line-height:150%;
 font-weight:lighter;
 color:#fff;
 text-align:center;
}
}
@media only screen and (max-width:800px) {
#footer_wrap {
 width:100%;
}
#footer {
 padding:1% 20% 1% 20%;
}
#footer02 {
 width:50%;
 float:left;
}
#footer03 {
 width:50%;
 float:left;
}
#footer02 img {
  width:100%;
}
#footer03 img {
  width:100%;
}
#footer04 img {
  width:80%;
}
#copyright_wrap {
 width:100%;
 height:20px;
 bottom:0;
 padding:8px 0 4px 0;
 background:#000;
 font-size:9px;
 line-height:150%;
 font-weight:lighter;
 color:#fff;
 text-align:center;
}
}
@media only screen and (max-width:600px) {
#footer_wrap {
 width:100%;
}
#footer {
 padding:1%;
}
#footer02 {
 width:50%;
 float:left;
}
#footer03 {
 width:50%;
 float:left;
}
#footer02 img {
  width:100%;
}
#footer03 img {
  width:100%;
}
#footer04 img {
  width:80%;
}
#copyright_wrap {
 width:100%;
 height:20px;
 bottom:0;
 padding:8px 0 4px 0;
 background:#000;
 font-size:9px;
 line-height:150%;
 font-weight:lighter;
 color:#fff;
 text-align:center;
}
}

/* gridwrap -------------------------------------------------------------------------------------------------------------------- */
@media all and (min-width:601px) {
.gridwrap {
 width:102%;
 margin-left:-1%;
 display: flex;
 justify-content:flex-start;	
}
.gridwrap .description {
 width:30%;
 flex:1;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 margin:1%;
}
.gridwrap .description .griditem img {
 width:100%;
}
}
@media all and (max-width:600px) {
.gridwrap {
 width:100%;
 margin-left:-1%;
 flex-direction: column;	
}
.gridwrap .description {
 width:100%;
 flex:1;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 margin:1%;
}
.gridwrap .description .griditem {

}
.gridwrap .description .griditem img {
 width:100%;
}
}

/* caption -------------------------------------------------------------------------------------------------------------------- */
.caption {
 font-size:9px;
 line-height:200%;
}