﻿/* 浮き出しmodal用 */
/* ○○用 */
.htgo_scrollbar-y-on {
	overflow-y: scroll;
}

.htgo_nonscrollbar {
	-ms-overflow-style: none;
    scrollbar-width: none;
    
}
.htgo_nonscrollbar::-webkit-scrollbar { 
        display:none;
}
#htgo_menu_button_warp {
	z-index:10015;
	position:fixed;
	right:5px;
	bottom:0px;
	display:block;
}
#htgo_menu_button {
	z-index:10020;
	position:relative;
	bottom:0;
	left:0;
	width:42px;
	height:42px;
	border-radius:25px;
	background : #FFB43E;
	border-radius : 8px;
	-moz-border-radius : 8px;
	-webkit-border-radius : 8px;
}
#htgo_menu_button a{
	z-index:10030;
	height:100%;
	width:100%;
	cursor:pointer;
}
.htgo_menu-line1,
.htgo_menu-line2,
.htgo_menu-line3 {
	position: absolute;
	left:6px;
	width: 30px;
	height: 4px;
	background-color: #fff;
	transition-duration:1s;
}
.htgo_modal-open {
	display:block;
}
.htgo_menu-line1 {
	top:9px;
}
.htgo_menu-line2 {
	top:19px;
}
.htgo_menu-line3 {
	top:29px;
}
.htgo_modal-close {
	display:block;
}
a.htgo_modal-close > .htgo_menu-line1 {
  -webkit-transform: translateY(10px) rotate(-45deg);
  transform: translateY(10px) rotate(-45deg);
}
a.htgo_modal-close > .htgo_menu-line2 {
  opacity: 0;
}
a.htgo_modal-close > .htgo_menu-line3 {
  -webkit-transform: translateY(-10px) rotate(45deg);
  transform: translateY(-10px) rotate(45deg);
}
#htgo_menu {
	overflow:hidden;
	text-decoration: none;
	text-align: center;
	z-index:10000;

}

#htgo_menu h2{
	width: calc(100% - 38px);
	margin:0px auto;
	margin-top:3px;
	padding:11px 0px 9px 38px;
	border-bottom: 1px solid #aaa;
	border-radius:10px 10px 0px 0px;
	font-weight:bold;
	background: #E0F8E6 url(../img/l_h2_bk.jpg) no-repeat top left;
	background-size: auto 100%;
}
#htgo_menu ul{
	list-style-type:none;
	width: 100%;
	margin:0px auto;
	padding:0px;
}

#htgo_menu li{
	width: 98%;
	margin:0px auto;
	padding:3px 1%;
	color:#000;
}

#htgo_menu li:hover,
#htgo_menu li:active,
#htgo_menu li.li_here{
	border-bottom: 1px solid #aaa;
	color:#000;
	transform: scale(1.1);	
	transition-duration: 0.3s;
}

#htgo_menu ul li a{
 	margin:0px 0px 0px 0px;
	padding:5px 5px 5px 10px;
	display:block;
	color: #000;
	text-decoration:none;
}

#htgo_menu-content {
    position:relative;
    width:calc(98% - 10px);
    max-width:400px;
    margin:5px auto;
    padding:0px;
    display:none;
    z-index:10015;
}

.htgo_modal-fixed {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling:touch;
}

#htgo_menu-content p {
    margin:0;
    padding:0;
}
	
.htgo_modal-overlay {
    z-index:999;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(255,255,255,1);
}

.htgo_modal-wrap {
    z-index:10010;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;

}


.htgo_modal-open {
    text-decoration:none;
}

.htgo_modal-open:hover {
    cursor:pointer;
}

.htgo_modal-close {
    text-decoration:none;
}

.htgo_modal-close:hover {
    cursor:pointer;
}
