@charset "utf-8";
/* CSS Document */

body{-webkit-text-size-adjust: 100%;	}
/*#Wrap table{border-collapse:collapse; border-spacing:0; table-layout:fixed;}*/
#Wrap img{vertical-align:top; border-width:0; border-style:none;}
#Wrap th,#Wrap h1, #Wrap h2, #Wrap h3, #Wrap h4, #Wrap h5, #Wrap h6{background:none; color:#333; padding:0; margin:0;}
#Wrap p + p{margin:0;}
#Wrap .inner{padding:0;}
#Wrap a{color:#3F1000; text-decoration:none; display:block;}
#Wrap .hover{opacity:0.5;}

#Wrap,#Wrap *{
	box-sizing:border-box;
	font-size:14px;
}
#Wrap{
	width:100%;
}
/*
#Wrap h1{
	width:100%;
	height:0;
	padding-top:64%;
	background:url(../../img/mainimg.jpg) no-repeat;
	background-size:contain !important;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-bottom:5px;
}
#Wrap h1.no-bg{
	width:100%;
	height:auto;
	padding-top:0;
	background:none;
	white-space:nowrap;
	overflow:hidden;
	text-indent:0;
}
#Wrap h1.no-bg img{
	width:100%;
	height:auto;
}
#Wrap .goTop{
	border-top:1px solid #CCC;
}
#Wrap .goTop a{
	text-align:center;
	padding:16px 0;
	font-size:13px;
	font-weight:bold;
	background:#F3F3F3;
	color:#B28500;
}
*/

/* ---------------------モーダル,トリガー---------------------- */


#btnMenu{
	width:41px;
	height:40px;
	background:rgba(255, 255, 255, 0.7);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	text-align:center;
	position:fixed;
	right:15px;
	bottom:71px;
	z-index:10;
	color:#0a3162;
	border:1px solid #507cb2;
}
.landscape #btnMenu{
	bottom:15px;
}
#btnMenu a{
	width:40px;
	padding-top:24px;
	height:16px;
	position:relative;
	font-size:9px;
	color:#0a3162 !important;
	font-size:9px;
	font-weight:bold;
	outline:0;
}
#btnMenu p:after,
#btnMenu a:before,
#btnMenu a:after{
	width:20px;
	height:0;
	position:absolute;
	left:10px;
	top:7px;
	border-top:3px solid #507cb2;
	content:" ";
}
#btnMenu p:after{
	top:13px;
}
#btnMenu a:after{
	top:19px;
}
#modalMenu{
	width:100%;
	padding:20px 10px 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:none;
	position:absolute;
	left:0;
	top:0;
	z-index:999;
}
#modalMenu.modal-overlay{
	background-color:rgba(0,0,0,.7);
}
	
#modalMenu h2{
	padding:10px 40px 10px 10px;
	background:#0A3162;
	color:#FFF;
	font-size:14px;
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
}
#modalMenu ul,
#modalMenu dl{
	background:#FFF;
}
#modalMenu ul li,
#modalMenu dl dd{
	background:#FFF;
	border-top:1px solid #AAA;
	position:relative;
}
#modalMenu ul li:after,
#modalMenu dl dd:after{
	content:" ";
	width:9px;
	height:15px;
	/*background:url(../../img/modal_icon.png) no-repeat;*/
	position:absolute;
	background-size:9px 15px;
	top:50%;
	margin-top:-6px;
	right:10px;
}
#modalMenu ul li:last-child,
#modalMenu ul li:last-child a.hover,
#modalMenu ul,
#modalMenu dl dd:last-child,
#modalMenu dl dd:last-child a.hover,
#modalMenu dl{
}
#modalMenu ul li:last-child,
#modalMenu dl dd:last-child{
	background:#EEE;
}

#modalMenu ul li a,
#modalMenu dl dd a{
	padding:14px 30px 14px 10px;
	font-size:13px;
	color:#0A3162;
}
#modalMenu ul li a span,
#modalMenu dl dd a span{
	font-size:14px;
}
#modalMenu ul li a.hover,
#modalMenu dl dd a.hover{
	background:#EEE;
	opacity:1.0;
}
#modalMenu ul li:first-child,
#modalMenu dl dd:first-child{
	border-top:none;
}

#modalMenu dl dt{
	padding:14px 30px 14px 10px;
	border-top:1px solid #AAA;
	font-size:14px;
	background:#EEE;
}
#modalMenu dl dd a{
	padding-left:20px;
}
#closeMenu {
	width:100%;
}
#closeMenu:before,
#closeMenu:after{
	content:'';
	height:2px; width:27px;
	background:#FFF;
	position:absolute;
	/*top:43px;
	right:20px;*/
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg)
}
#closeMenu:after{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
}