@charset "utf-8";
/* スマホだけに適用するCSS */
@media screen and (max-width:480px){
	body {
		min-width:initial;
		min-width:auto;
		overflow-y: scroll;
	}

    img.sp {
		width: 80%;
		margin: auto;
		height: auto;
    }
    img.pc {
        display:none!important;
    }
	img.sp{
		display:block !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{
    }


    	/* --- //nav --- */
    /* ---------------------------------------------- *** */

    /* ---------------------------------------------- footer */
    footer{
        width: 100%;
    }
	.footer_box{
		width:100%;
	}
	.footer_box .link_box{
		width:auto;
		margin:0 auto;
		padding:0;
		text-align:center;
	}
	.footer_box .link_box ul{
		padding: 5vw 5vw 2vw 5vw;
	}
	.footer_box .link_box ul li{
		width: calc((100% - 3vw) / 2);
		margin: 0 3vw 3vw 0;
	}
	
	.footer_box .link_box ul li:nth-child(even){
		margin: 0 0 3vw 0;
	}
	
		.footer_box .link_box ul li img{
			max-width:100%;
			height:auto;
		}

	footer > .footer_box > .box_inner{
		width:auto;
		display:block;
		padding:20px 0;
	}
	
		footer > .footer_box > .box_inner .f_privacy{
			text-align:center;
			margin-bottom:20px;
		}
		
		footer > .footer_box > .box_inner .copyright{
			line-height:1.4em;
			text-align:center;
			font-size:2.5vw;
		}
	

	/*スマホメニュー*/
	.drawer-hamburger{
		display:block;
		width:2.5em;
	}
	
	.drawer--right.drawer-open .drawer-hamburger{
		right:20rem;
	}
	
	.drawer-nav{
		width:20rem;
	}
	
	.drawer--right .drawer-nav{
		right:-20rem;
	}
	
		.drawer-nav ul{
			padding:5px;
		}
		
			.drawer-nav ul li{
				border-bottom:1px dotted #aaa;
			}
			
			.drawer-nav ul li a,
			.drawer-nav ul li span{
				display:block;
				color:#111;
				padding:10px 0 10px 15px;
				position:relative;
			}
			
			.drawer-nav ul li span{
				opacity:0.8;
			}
			
			.drawer-nav ul li a:before,
			.drawer-nav ul li span:before{
				font-family: FontAwesome;
				content:"\f0da";
				color:#fbb45c;
				position:absolute;
				left:0;
				top:10px;
			}
			
			.drawer-nav ul li.nav_home a:before{
				content:"\f015";
			}

    /*ページトップ*/
    .pagetop{
        right: 20px;
        bottom: 20px;
    }
	
	br.pc{
		display:none;
	}
	
	br.sp{
		display:inline;
	}
}