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

@media all and (-ms-high-contrast: none){
html,body{ 
 transform: rotate(.001deg);
 box-shadow: 0px 5px #362e2b;
 font-weight: bold;
}

.info{
 line-height: 20px;
  }

}

html,body{ 
 min-height: 100vh;
 margin: 0;
 padding: 0;
 font-family: 'Noto Serif SC', serif;
}

#wrapper{

}

a{
 text-decoration: none;
}

a:hover{
 opacity: 0.6!important;
}

a div:hover{
 opacity: 0.6!important;
}


a img:hover{
 opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

li{
 list-style: none;
}

/*スクロールバーの軌道*/
::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}

/*スクロールバーの動く部分*/
::-webkit-scrollbar-thumb {
  background-color: rgba(123, 85, 68, .5);
  border-radius: 10px;
  box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}

img{
 user-select: none;
 -ms-user-select: none;
 -moz-user-select: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -webkit-user-drag: none;
 -khtml-user-drag: none;
 -webkit-touch-callout: none;
}

footer {
 width:100%;
 background-color: #362e2b;
 text-align:center;
 color: #fff;
 font-size: 10px;
 box-shadow: 0 -2px 2px rgba(0, 0, 0, .1);
 z-index: 5;
 margin: 0;
 padding: 10px 0;
 position: relative;
 bottom: 0;
}

footer img{
 width: 120px;
 height: auto;
}

.footer_copy{
 margin: 0;
 padding: 0;
}



.phone_image_visualization{
 display: none;
}



@media screen and (orientation:portrait) {

.pc_image_visualization{
 display: none;
}

.phone_image_visualization{
 display: block;
}


 }