@charset "utf-8";
/* CSS Document */

/* スマホだけに適用するCSS */
@media screen and (max-width:480px)
{
    html {
		min-width:initial;
		min-width:auto;
    }
    body
    {
        /*height: 100%;*/
        overflow-y: scroll;
    }

    img.sp {
        width:100%;
        height:auto;
    }
    .pcC {
        display:none!important;
    }
    .fixed {
      position: fixed;
      width: 100%;
      height: 100%;
    }
    #wrapper{
        min-width: 100%;
    }
    #container{
        width: 100%;
        padding: 0 0 0 0;
    }
	/*
    #container img{
        width: 100%;
        height: auto;
    }
	*/
    .contents{

    }
    /* ---------------------------------------------- header */
    header{

    }

        .headerInfoBox{
            width: 100%;
            padding: 10px 0;
        }
        	.headerInfoBox .logo{
				width:50%;
        	}
			
	        	.headerInfoBox .logo img{
					max-width:100%;
				}

    	/* --- nav --- */
    	.headerInfoBox > nav{
            display: none;
    	}
    	.headerInfoBox > nav > ul{

    	}
        .headerInfoBox > nav > ul:last-child{

        }
        .headerInfoBox > nav > ul > li{

        }
        .headerInfoBox > nav > ul:last-child > li{

        }
        .headerInfoBox > nav > ul > li:last-child{

        }
        .headerInfoBox > nav > ul > li a{

        }
        .headerInfoBox > nav > ul > li a:hover{

        }
        .headerInfoBox > nav > ul > li.textLink001 a{

        }
        .headerInfoBox > nav > ul > li.textLink001 a:hover{

        }
        .headerInfoBox > nav > ul > li.textLink001 a::before{

        }
    	/* --- //nav --- */
    /* ---------------------------------------------- *** */

    /* ---------------------------------------------- footer */
    footer{
        width: 100%;
    }
	
	footer > .box_inner{
		width:auto;
		display:block;
	}
	
		footer > .box_inner a{
			color:#fff;
		}
	
	footer > .box_inner .footerAddrBox{
		margin-right:0;
	}
	
		footer > .box_inner .footerAddrBox .box_header{
			text-align:center;
			width:50%;
			margin:0 auto 20px auto;
		}
		
			footer > .box_inner .footerAddrBox .box_header img{
				max-width:100%;
			}
		
		footer > .box_inner .footerAddrBox .box_inner{
			text-align:center;
		}
	
	footer > .box_inner .footerNav{
		display:none;
	}
	
	footer > .box_footer{
		display:none;
	}

	/*スマホメニュー*/
	.drawer-hamburger{
		display:block;
		width:2.5em;
	}
	
	.drawer--right .drawer-nav{
		right:-20rem;
	}
	
	.drawer--right.drawer-open .drawer-hamburger{
		right:20rem;
	}
	
	.drawer-nav{
		width:20rem;
	}
	
		.drawer-nav ul{
			padding:5px;
		}
		
			.drawer-nav ul li{
				border-bottom:1px dotted #aaa;
			}
			
			.drawer-nav ul li a{
				display:block;
				color:#111;
				padding:10px 0 10px 12px;
				position:relative;
			}
			
			.drawer-nav ul li a:before{
				font-family: FontAwesome;
				content:"\f0da";
				color:#9f2814;
				position:absolute;
				left:0;
				top:10px;
			}
			
			.drawer-nav ul li.dn_home a:before{
				content:"\f015";
			}

    /*ページトップ*/
    .pagetop{
        right: 20px;
        bottom: 20px;
    }
	
	br.pc{
		display:none;
	}
	
	br.sp{
		display:inline;
	}
}