@charset "utf-8";
/* CSS Document */
@import url("pc.css");
@import url("sp.css");
@import url("hed.css");
@import url("../css/hdmain.css");

a:link {
    color: #4B4B4B;
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    color: #4B4B4B;
    }
    a:hover {
    text-decoration: none;
    color: #4B4B4B;
    }
    a:active {
    text-decoration: none;
    color: #4B4B4B;
    }


@media screen and (max-width: 768px){
.none {
display:none}
}

@media screen and (min-width: 769px){
.none1 {display:none}
}

body{
	margin: 0px;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;
}

.clear { clear:both; }
.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  

body{
	margin: 0px;

}

.fade:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=60);  
}   


#scroll-menu {
      height: 100%;/*メニューの縦幅*/
    }
	
#scroll-menu {
    height: 40px;/*メニューの縦幅*/
    background-color: #cb5a00;/*メニューの背景色*/
}
#scroll-menu .scroll-menu-inner {
    list-style-type: none;
    width: 1000px;/*メニューの横幅*/
    height: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
#scroll-menu li {
    float: left;
    height: 100%;
}
#scroll-menu a {
    display: block;
    height: 100%;
    padding-right: 15px;
    padding-left: 15px;
    color: #fff;/*文字色*/
    font-size: 90%;
    font-weight: bold;
    text-decoration: none;
    line-height: 40px;/*メニューの縦幅*/
}
#scroll-menu a:hover {
    background-color: #e47822;/*マウスホバー時の背景色*/
}
@media screen and (max-width: 1000px) {/*メニューの横幅*/
    #scroll-menu {
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    #scroll-menu {
      height: 100%;/*メニューの縦幅*/
    }
    #scroll-menu .scroll-menu-inner {
        margin: 0;
    }
}



.hoge {
  position: relative;
  z-index: 1;
  /* 必要であればリンク要素の重なりのベース順序指定 */
}

.hoge a {
position: absolute;
top: -4px;
left: 0px;
width: 100%;
height: 100%;
text-indent: -999px;
z-index: 2;
  /* 必要であればリンク要素の重なりのベース順序指定 */
}

.hoge:hover {
  filter: alpha(opacity=70);
  /* IE 6,7*/
  -ms-filter: "alpha(opacity=70)";
  /* IE 8,9 */
  -moz-opacity: 0.7;
  /* FF , Netscape */
  -khtml-opacity: 0.7;
  /* Safari 1.x */
  opacity: 0.7;
  background-color: #fffcc9;
  zoom: 1;
  /*IE*/
}