@charset "utf-8";

/*--------------------------------------------------------------------------
PC
--------------------------------------------------------------------------*/
@media screen and (min-width: 991px) {
	#wpadminbar{
		top:46px !important;
	}

	#globalheader{
		position:relative;
		z-index:5;
	}

	.md_block{
		display:block;
	}

	.top_main_txt h2{
		font-size:50pt !important;
	}

	#header_info{
		position:fixed !important;
		position:absolute;
	}

	.g_menu_list li a{
		font-size:11pt !important;
	}

	.outer_sns{
		margin-top:30px;
	}
}	/* @media screen and (min-width: 991px) { */


/*--------------------------------------------------------------------------
スマートフォン
--------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.xs_display{
		display:inline !important;
	}

	.visible767{
		display:block !important;
	}

	.xs_block{
		display:block;
	}

	.md_block{
		display:inline !important;
	}

	.text_center, .text_right{
		text-align:left !important;
	}

	h1 img{
		display:block;
		margin-left:auto;
		margin-right:auto;
		max-width:220px !important;
	}

	#header_info{
		position:relative !important;
	}

	.icon-animation {
		width: 46px;
	  	height: 46px;
	  }

	.header_lng{
		text-align:center !important;
	}

	.rest_txt{
		text-align:center;
	}

	.menu_txt{
		display:none !important;
	}

	.global_menu_btn{
		position:fixed !important;
		z-index:20;
	}

	.globalheader_outer {
	    position: relative;
	    top: 0px !important;
	}

	#wrapper_and_footer{
		position:relative !important;
	}

	.top_main_txt{
		top:55% !important;
	}

	.top_main_txt h2{
		font-size:24pt !important;
	}

	.top_main_txt p{
		display:none;
	}

	.global_nav a.f1{
		font-size:14pt !important;
		padding:10px 15px 15px 35px !important;
		background:none !important;
		color:#fff !important;
	}

	.global_nav a:hover{
		color:#fff !important;
		background:rgba(255,255,255,0.90) !important;
	}

	.nav_li{
		padding-left:0px;
		padding-right:0px;
	}

	.nav_xs_block{
		display:block !important;
	}

	.drawer_nav{
		font-size:12pt !important;
	}

	.top_greeting_txt{
		font-size:13pt !important;
	}

	#page_title{
		height:400px !important;
	}

	#page_title h1{
		xposition:relative !important;
		padding:5px 10px 10px 10px;
		font-size:18pt !important;
	}

	.con_title{
		font-size:18pt !important;
	}

	.sub_contents{
		padding-top:25px;
		border-top:1px solid #999;
	}

	#google_map #map{
		height:400px !important;
	}

	.icon-animation {
	  width: 45px !important;
	  height: 40px !important;
	  }

	 .icon-animation a{
	  display:block;
	  padding-bottom:20px;
	  }

	  .global_navigation{
	  	display:none;
	  }

	  .header_sns{
	  	display:none;
	  }

	  .rest_txt{
	  	padding-left:0px !important;
	  	display:block;
	  }

	  .menu_btn, .top_menu{
	  	display:none;
	  }

	  .sp_banner li{
	  	margin-right:0px !important;
	  }

	  .sp_banner .banner_img img{
		max-width:none !important;
	}

	.access_root{
		display:block !important;
	}

	.access_root li{
		text-align:center;
		xmargin-right:0px !important;
		display:block !important;
		width:50%;
		margin-left:auto;
		margin-right:auto !important;
	}

	.access_root .fa-arrow-down{
		display:block !important;
	}

	.access_root .fa-arrow-right{
		display:none;
	}

	.xs_visible{
		display:block !important;
	}

	.ul_float li, .ul_float {
		left:0% !important;
		float:none !important;
	}

	.outer_sns li{
		margin-bottom:10px !important;
	}
}	/*  @media screen and (max-width: 767px)  */

/*--------------------------------------------------------------------------
タブレットサイズ
--------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px){
	#wpadminbar{
		top:46px !important;
	}

	.md_block{
		display:inline !important;
	}

	.top_main_txt h2{
		font-size:34pt !important;
	}

	.menu_txt{
		display:none !important;
	}

	.header_lng{
		text-align:center !important;
	}

	#wrapper_and_footer{
		xposition:relative !important;
	}

	#page_title{
		height:600px !important;
	}

	#header_info{
		position:fixed !important;
		position:absolute;
	}

	#globalheader h1{
		position:relative;
		z-index:10;
	}

	#globalheader h1 img{
		max-width:300px !important;
	}

	.g_menu_list li a{
		border-bottom:1px solid rgba(255,255,255,0.15);
	}

	#humberger{
		display:none;
	}

	.sp_banner .banner_img img{
		xmax-width:340px !important;
		width:100% !important;
	}
}	/*  @media only screen and (min-width: 768px) and (max-width: 991px){  */


@media screen and (min-width: 1200px) {
	.global_nav .col-md-2{
		max-width:234px !important;
		width:100% !important;
	}

	.g_menu_list li a{
		font-size:13pt !important;
	}

	.header_sns{
		margin-top:10px;
	}
}	/* @media screen and (max-width: 1200px) { */


/* ドロワー開放時のスタイル */
@media(max-width: 2048px){
			body.drawer-opened #div_body{
				left: -240px;
				box-shadow: 1px 0 2px #000;
				-webkit-box-shadow: 1px 0 2px #000;
			}
			body.drawer-opened .fixed-content{
				left: -240px;
			}
			body.drawer-opened #drawernav{
				right: 0;
			}
			body.drawer-opened #humberger .icon-bar{
				background: #fff;
			}
			body.drawer-opened #humberger :nth-child(1){
				transform:translate(0,8px) rotate(45deg);
				-webkit-transform:translate(0,8px) rotate(45deg);
			}
			body.drawer-opened #humberger :nth-child(2){
				transform:translate(-20px ,0);
				-webkit-transform:translate(-20px ,0);
				opacity:0;
			}
			body.drawer-opened #humberger :nth-child(3){
				transform:translate(0,-8px) rotate(-45deg);
				-webkit-transform:translate(0,-8px) rotate(-45deg);
			}
			body.drawer-opened #overlay{
				z-index: 3;
				opacity: 0.3;
				left: -240px;
			}
		}