@charset "utf-8";

/* モバイルファースト（差分記述：末尾のメディアクエリ―別記載の箇所に個別指定しない限りすべてのデバイスでこの欄の記述が有効） */
/* 160404 */


#navigation .nav_flg_access,
#f_nav .nav_flg_access{display:none;}

/*---------------------------------------------*/
.nav-toggle {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 280px;
    height: 80px;
    float: right;
    text-indent: -200%;
    overflow: hidden;
    background: #ECAFB2 url("../img/common/nav_tab_menu.png") no-repeat 50% 50%;
    position: absolute;
    left: 15px;
    top: 195px;
}


/*---------------------------------------------*/


/* sidrカスタマイズ */


.sidr ul {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    border-top: none;
    border-bottom: none;
}
.sidr ul li {
    display: block;
    margin: 0;
    line-height: 49px;
    border-top: none;
    text-align: center;
    border-bottom: 1px solid #43561b;
    font-family: "Sawarabi Mincho" !important;
}


/*---------------------------------------------
 ** 個別指定 for スマートフォン
---------------------------------------------*/
@media screen and (max-width: 767px) {

/*ドローン消す（PC表示の左メニューのやつ）*/
.sidr-class-imgsizer { display: none;}

#mobile-header {
/*    display: block;float:left; width:calc(100% - 190px); height:72px;*/
}

.nav-collapse li {
  width: 100%;
  display: none;
}

#responsive-menu-button,#sidr-left{display:none;}

#responsive-menu-button2{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 50px;
    height: 50px;
    float: left;
    text-indent: -200%;
    overflow: hidden;
    background: url(../js/obj/hamburger.png) no-repeat 50% 50%;
    background-size:100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sidr {
    display: block;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 260px;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 15px;
    background:#eee;
    box-shadow: 0 0 0 0 #Eee inset;
}
.sidr.right {
    left:auto;
    left:  -260px;
}

#f_nav .sidr ul{margin-top:15px;}
#f_nav .sidr ul li {}

#f_nav{text-align:center;}

#f_nav ul{display:block; width:100%;text-align:center;}
#f_nav ul li	{/*    margin-top: 4px;*/}

#f_nav .nav_flg_access{display:block;}

#f_nav .nav_top,
#f_nav .nav_srvce,
#f_nav .nav_glley,
#f_nav .nav_mntnc,
#f_nav .nav_order,
#f_nav .nav_link_guidance,
#f_nav .nav_about,
#f_nav .nav_inqry,
#f_nav .nav_link_weebshop	{display: block; padding:9px 0;
    color: #425121;
    font-size: 1.1em;
    line-height: 40px;}


#f_nav .nav_link_weebshop{border:none;}

/*#f_nav .nav_access{border-bottom:none;}*/

#f_nav .nav_top:hover,
#f_nav .nav_gaisou:hover,
#f_nav .nav_naisou:hover,
#f_nav .nav_howto:hover,
#f_nav .nav_about:hover,
#f_nav .nav_inq:hover,
#f_nav .nav_faq:hover	{ background:#00A0E9;}

.sidr ul li:hover>a,
.sidr ul li:hover>span,
.sidr ul li.active>a,
.sidr ul li.active>span,
.sidr ul li.sidr-class-active>a,
.sidr ul li.sidr-class-active>span {
    box-shadow: none !important;
}



/*------------------------------------------------*/
.sidr {
    display: block;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 260px;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 15px;
    background:#eee;
    color: #fff;
    box-shadow: 0 0 0 0 #Eee inset;
}
.sidr.right {
    left:auto;
    right:  -260px;
}

/* sidrカスタマイズ */
.sidr ul {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    border-top: none;
    border-bottom: none;
}
.sidr ul li {
    display: block;
    margin: 0;
    line-height: 49px;
    border-top: none;
}

.sidr ul li a, .sidr ul li span {
    color: #43561b !important;
}
/*------------------------------------------------*/



}
/*---------------------------------------------
 ** 個別指定 for タブレット
---------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1279px) { 

/*ドローン消す（PC表示の左メニューのやつ）*/
.sidr-class-imgsizer { display:none;}

#mobile-header {
/*    display: none;*/
}
.nav-collapse li {
  width: 100%;
  display: none;
}

#responsive-menu-button2,#sidr-right{display:none;}

#responsive-menu-button{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 60px;
    height: 60px;
    float: right;
    text-indent: -200%;
    overflow: hidden;
    background: url(../js/obj/hamburger.png) no-repeat 50% 50%;
    background-size:100%;
    position: absolute;
    left: 0;
    top: 0;
    
}

.sidr {
    display: block;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 280px;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 15px;
    background:#eee;
    color: #000;
    box-shadow: 0 0 0 0 #Eee inset;
}
.sidr.left {
    left: -280px;
    right: auto;
}


.sidr ul li a, .sidr ul li span{font-size:1.1em;}

#navigation		{display:none}

#h_nav			{width:620px; height:90px; overflow:hidden; margin:0; position:relative;}
#navigation ul		{display:block; position:relative;}
#navigation ul:after	{ content: "."; line-height: 0; display: block; overflow: hidden; position: absolute; bottom: -32px; width: 100%; border-bottom: 1px solid #E60012; }
#navigation ul li	{display:block; width:175px; font-size:0.95em; float:left; margin-left:2em;margin-bottom:10px;}
#navigation ul li:nth-of-type(1){margin-bottom:0;}
#navigation ul li a	{color:#000;}
#navigation ul li a:hover{color:#00A0E9;}

.sidr ul li	{text-indent: 2.5em !important; position:relative;}



#f_navigation		{display:block; width:440px; height:60px; position:absolute; top:16px; right:0; }

#f_nav			{width:430px; height:90px; overflow:hidden; margin:16px 10px 0 auto; position:relative;}

#f_navigation ul		{display:block; position:relative;}
#f_navigation ul:after	{ content: "."; line-height: 0; display: block; overflow: hidden; position: absolute; bottom: -30px; width: 100%; border-bottom: 1px solid #E60012; }
#f_navigation ul li	{display:block; width:120px; font-size:0.9em; float:left; margin-left:1em;margin-bottom:10px;}
#f_navigation ul li:nth-of-type(1){margin-bottom:0;}
#f_navigation ul li:nth-of-type(3),
#f_navigation ul li:nth-of-type(6)	{width:145px;}
#f_navigation ul li:nth-of-type(4),
#f_navigation ul li:nth-of-type(7)	{width:110px;}
#f_navigation ul li a	{color:#000;}
#f_navigation ul li a:hover{color:#00A0E9;}


#f_nav .nav_top							{display:none;}
#f_nav .nav_bisou						{}
#f_nav .nav_price						{}
#f_nav .nav_howto						{}
#f_nav .nav_about						{}
#f_nav .nav_consul						{}
#f_nav .nav_faq							{}

#index  #f_nav .nav_top,	#f_nav .nav_top:hover			{}
#bisou  #f_nav .nav_bisou,	#f_nav .nav_bisou:hover		{}
#price  #f_nav .nav_price,	#f_nav .nav_price:hover		{}
#howto  #f_nav .nav_howto,	#f_nav .nav_howto:hover		{}
#about  #f_nav .nav_about,	#f_nav .nav_about:hover		{}
#consul #f_nav .nav_consul,	#f_nav .nav_consul:hover		{}
#faq    #f_nav .nav_faq,	#f_nav .nav_faq:hover			{}







.sidr ul li:hover>a, .sidr ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span {
    box-shadow: none !important;
}








}
/*-----------------------------------------------------	*/
/*  個別指定 for PC	*/
/*-----------------------------------------------------	*/
@media screen and (min-width: 1280px) {
#mobile-header {display: none;}

#navigation		{display:block; width:100%; }

#h_nav			{}
#navigation ul		{display:block; position:relative; margin-top:30px;}
#navigation ul li	{display:block; line-height:2.5em; text-indent:0.5em; position:relative; border-bottom: 1px solid #000; text-align: center; }
#navigation ul li span { font-size:0.8em !important;}
#navigation ul li a	{color:#000;}
#navigation ul li a:hover{color:#8dc21f;}

#h_nav .nav_top							{display:none;}



#f_navigation		{display:block; width:600px; height:60px; position:absolute; top:30px; right:0; }

#f_nav			{width:620px; height:90px; overflow:hidden; margin:16px 0 0; position:relative;}

#f_navigation ul		{display:block; position:relative;}
#f_navigation ul li	{display:block; width:175px; font-size:1.2em; float:left;;margin-bottom:10px;}
#f_navigation ul li:nth-of-type(1){margin-bottom:0;}
#f_navigation ul li a	{color:#000;}
#f_navigation ul li a:hover{color:#00A0E9;}


#f_nav .nav_top							{display:none;}
#f_nav .nav_bisou						{}
#f_nav .nav_price						{}
#f_nav .nav_howto						{}
#f_nav .nav_about						{}
#f_nav .nav_consul						{}
#f_nav .nav_faq							{}

#index  #f_nav .nav_top,	#f_nav .nav_top:hover			{}
#bisou  #f_nav .nav_bisou,	#f_nav .nav_bisou:hover		{}
#price  #f_nav .nav_price,	#f_nav .nav_price:hover		{}
#howto  #f_nav .nav_howto,	#f_nav .nav_howto:hover		{}
#about  #f_nav .nav_about,	#f_nav .nav_about:hover		{}
#consul #f_nav .nav_consul,	#f_nav .nav_consul:hover		{}
#faq    #f_nav .nav_faq,	#f_nav .nav_faq:hover			{}





}