/*!
 * jquery-drawer v3.2.2
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */
/*!------------------------------------*\
	  Base
\*!------------------------------------*/

/******************************************************************************
メニュー（PC表示）
******************************************************************************/
/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/
.drawer-hamburger{ display:none;}

/*!------------------------------------*\
    Menu
\*!------------------------------------*/
.drawer-nav {
	text-align:center;
	}
.drawer-menu{
	display:inline-block;
	margin:auto;
	background:rgba(255,255,255,0.8);
	border-top:#6d5f46 dotted 2px;
	border-bottom:#6d5f46 dotted 2px;
	padding:0 20px;
	}
.drawer-menu li{display:inline-block;}
.drawer-menu li a{
	display:block;
	padding:20px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	}
.drawer-menu li a:hover,
.drawer-menu li a:active{
	color:#e46556;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
	-ms-transition: 0s;
	transition: 0s;
	}

/* メニュー（SPオンリー）---------------------*/
	/*ロゴ*/
	.drawer-menu li.dispSPnormal{ display:none;}
	.drawer-menu li.dispSP{ display:none;}


/*未使用*******************************/
/* Dropdown（垂れ下がりメニュー中）*/
.drawer-dropdown-menu {
  display: none;
  position: absolute;
  z-index: 10;
	box-sizing: border-box;
  margin: 0;
  padding: 0;
	background:#FFF;
	/*width:200px;*/
}
.drawer-dropdown-menu > li {
  width: 100%;
  list-style: none;
  position:relative;
	display:block;
}
.drawer-dropdown.open > .drawer-dropdown-menu {
  display: block;
}
/*! drawer-caret */
.drawer-dropdown .drawer-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 4px;
  -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
  transition: opacity .2s ease, -webkit-transform .2s ease;
  transition: transform .2s ease, opacity .2s ease;
  transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
/*! open */
.drawer-dropdown.open .drawer-caret {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media all and (-ms-high-contrast:none){
	.drawer-menu li a{padding: 23px 20px 17px;}
}



/******************************************************************************
メニュー(PC2)
******************************************************************************/
@media only screen and (max-width: 1180px){
	.drawer-menu{ padding: 0 15px;}
	.drawer-menu li a{	padding:20px 15px;}
}
@media (-ms-high-contrast:none) and (max-width: 1180px) {
	.drawer-menu li a{padding: 23px 15px 17px;}
}


/******************************************************************************
メニュー（SP表示）
******************************************************************************/
@media only screen and (max-width: 960px){
.drawer-open {
  overflow: auto!important;
  position:fixed;
  height:100vh;
}
	/*! overlay */
	.drawer-overlay {
		position: fixed;
		z-index: 100;
		top: 0;
		left: 0;
		display: none;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .6);
	}
	.drawer-open .drawer-overlay {
		display: block;
	}
	/*ヘッダーの中にメニューを入れている場合は、オーバーレイより上にする*/
	#header{
		z-index: 101;
	}

	/*! メニューBOX */
	.drawer-nav {
		position: fixed;
		z-index: 101;
		overflow: hidden;
		background-color:#fff;
		border:none;
	}
	.drawer-menu{
		display:block;
		margin:auto;
		background:rgba(255,255,255,0.8);
		border:none;
		padding:0 0 20px;
		}
	.drawer-menu li{
		display:block;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		margin-bottom:-1px;
		line-height:1em;
		font-weight:bold;
		}
	.drawer-menu li span{ display:block;}

	.drawer-menu li > a{
		display:block;
		padding:15px;
		position:relative;
		text-decoration:none;
		}
	.drawer-menu > li > a:before{
		font-family: FontAwesome;
		content: '\f105';
		margin-right:5px;
		position:absolute;
		top:50%;
		line-height:0;
		right:2%;
		color:#399d34;
		}
	.drawer-menu li > a:hover{
		background:#FFFFEA;
	}


	/* メニュー（SPオンリー）---------------------*/
		.drawer-menu li.dispSPnormal{
			display:block;
			}
		.drawer-menu li.dispSP{
			display:block;
			border-bottom:none;
			background:#ffffff;
			margin-bottom:0;
			}
		.drawer-menu > li.dispSP > a:before {
			display:none;
			}
		/*ロゴ*/
		.drawer-menu li.dw-logo,
		.drawer-menu li.dw-logo a:hover{
			background:url(../../images/common/mainBg.jpg) center top no-repeat !important;
			background-size: cover !important;
			}
			.drawer-menu li.dw-logo img{margin:auto;}
		/*お問合せ*/
		.drawer-menu li.dw-inquiry{padding-top:10px;}
		.dw-inquiry .f-inquiry{
			float:none;
			width:100%;
			text-align:left;
			}
			.dw-inquiry .f-inquiry span{ display:inline;}
			.dw-inquiry .f-inquiry a{padding:0; color:#e46556;}
		/*新仁会*/
		.drawer-menu li.dw-shinzinkai{border-top:none;}
		.drawer-menu li.dw-shinzinkai a{color:#399d34; font-weight:500; padding:10px;}


	/*未使用************/
	/* Dropdown（垂れ下がりメニュー中）*/
	.drawer-dropdown-menu {
		width:100%;
		background:#f7f7f7;
		position:relative;
	}
	/* スマホ用メニューの右端矢印
	.drawer-menu > li.drawer-dropdown > a:before{
		display:none;
	}*/
	.drawer-dropdown-menu > li {
		position:relative;
		width: 100%;
		list-style: none;
		font-weight:500;
		border-top:1px dotted #ccc;
		border-bottom:1px dotted #ccc;
	}
	.drawer-menu > li.drawer-dropdown > ul > li > a:before{
		font-family: FontAwesome;
		content: '\f105';
		margin-right:5px;
		top:50%;
		line-height:0;
		left:15px;
		}
	.drawer-dropdown.open > .drawer-dropdown-menu {
		display: block;
	}
}
@media (-ms-high-contrast:none) and (max-width: 960px) {
	.drawer-menu li > a{ padding:18px 15px 12px;}
}

/*!------------------------------------*\
    fadeIn
\*!------------------------------------*/
@media only screen and (max-width: 960px){

	.drawer--fadeIn .drawer-nav {
		top: 2%;
		width: 96%;
		max-width:750px;
		height: auto;
		max-height: 96%;
		display:none;
		opacity: 0;
		padding:20px;
		margin-left:auto;
		margin-right:auto;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.drawer--fadeIn.drawer-open .drawer-nav {
		display:block;
		opacity: 1;
		animation-duration: 0.5s;
		animation-name: fade-in;
		-moz-animation-duration: 0.5s;
		-moz-animation-name: fade-in;
		-webkit-animation-duration: 0.5s;
		-webkit-animation-name: fade-in;
		}
	
	@keyframes fade-in {
				0% {
					display: none;
					opacity: 0;
				}
				1% {
					display: block;
					opacity: 0;
				}
				100% {
					display: block;
					opacity: 1;
				}
			}
	
			@-moz-keyframes fade-in {
				0% {
					display: none;
					opacity: 0;
				}
				1% {
					display: block;
					opacity: 0;
				}
				100% {
					display: block;
					opacity: 1;
				}
			}
	
			@-webkit-keyframes fade-in {
				0% {
					display: none;
					opacity: 0;
				}
				1% {
					display: block;
					opacity: 0;
				}
				100% {
					display: block;
					opacity: 1;
				}
			}
	.drawer--fadeIn .drawer-hamburger,
	.drawer--fadeIn.drawer-open .drawer-hamburger {
		right: 5px;
	}
}


@media only screen and (max-width: 480px){
	.drawer--fadeIn .drawer-nav {
		padding:10px;
	}
}
/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/
@media only screen and (max-width: 960px){

	.drawer-hamburger {
		position: fixed;
		z-index: 104;
		top: 5px;
		display: block;
		width: 50px;
		height:50px;
		padding:4px 8px 0;
		border: 0;
		outline: 0;
		color:#ffffff;
		background-color: #e46556;
		cursor: pointer;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		behavior: url("../../css/border-radius.htc");
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			 -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
					box-sizing: border-box;
	}
	.drawer-hamburger:hover {
		/*background-color: #599c9f;*/
	}
	.drawer-hamburger-icon {
		position: relative;
		display: block;
		margin-bottom:15px;
	}
	.drawer-hamburger-icon,
	.drawer-hamburger-icon:before,
	.drawer-hamburger-icon:after {
		width: 100%;
		height: 3px;
		border-radius:2px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		behavior: url("../../css/border-radius.htc");
		-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		background-color: #fff;/*トグルナビの色変更はここ*/
	}
	
	.drawer-hamburger-icon:before,
	.drawer-hamburger-icon:after {
		position: absolute;
		top: -8px;
		left: 0;
		content: ' ';
	}
	.drawer-hamburger-icon:after {
		top: 8px;
	}
	.drawer-open .drawer-hamburger-icon {
		background-color: transparent;
	}
	.drawer-open .drawer-hamburger-icon:before,
	.drawer-open .drawer-hamburger-icon:after {
		top: 0px;
	}
	.drawer-open .drawer-hamburger-icon:before {
		-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
	}
	.drawer-open .drawer-hamburger-icon:after {
		-webkit-transform: rotate(-45deg);
						transform: rotate(-45deg);
	}
	.drawer-hamburger-text{
		position:absolute;
		bottom:10px;
		line-height:0;
		right:0;
		width: 100%;
		text-align:center;
		font-size:0.9em;
	}
}
/*960設定ここまで*/


/*!------------------------------------*\
    accessibility
\*!------------------------------------*/

/*!
 * Only display content to screen readers
 * See: http://a11yproject.com/posts/how-to-hide-content
 */

.sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

/*!
 * Use in conjunction with .sr-only to only display content when it's focused.
 * Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
 * Credit: HTML5 Boilerplate
 */

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}