/*
Theme Name:株式会社みのりの里
*/
@media screen and (min-width:821px) {
	.sp{
		display:none;
	}
}

@media screen and (max-width:820px) {
	.pc{
		display:none;
	}
	
	.wrapper{
		width:520px
	}
	
	li a{
		font-size:20px;
	}
	
	.midashi{
		padding-top:10%;
		margin-top:20px;
	}
	
	/*ヘッダーCSS開始	*/
	span.logo a{
		display:block;
		background-size:contain;
		background-image:url(images/logo1.png) ;
		width:55%;
		height:160px;
		background-repeat:no-repeat;
		background-position:center;
		transition-duration:0.5s
	}

	div.navi.animation{
		opacity: 0;
		animation:fadeIn 5s ease forwards;
		animation-delay:8s;
		cursor:pointer;
		animation-iteration-count: 1;
	}
	
	.drawer ul{
		width:100%;
		position:absolute;
		padding-left:15%;
		opacity:0;
		z-index:-100;
	}
	
	.drawer li{
		margin:10px 0;		
	}
	
	.drawer li a{
		font-size:4.5vw;
	}
	
	.drawer li a#privacy-policy_mob,.drawer li a#disclosure_mob{
		font-size:3vw;
		margin-left:50px;
	}
	
	ul.drawer > li.logo a:hover{
		transform:none;
	}	
	
	.navi_button{
		background-image:url(images/button_menu.png);
		background-repeat:no-repeat;
		background-size:contain;
		width:50px;
		height:50px;
		top:9%;
		right:5%;
		position:absolute;
		background-color: transparent;
		border-color: transparent;
		z-index: 250;
	}
	
	.navi_button.active{
		background-image:url(images/button_close.png);
	}
	
	.drawer.active{
		background-color:#f6eff7ff;
		z-index:200;
		height:100vh;
	}
	
	 .active ul{
		opacity:1;
		z-index:200;
		background-color:#f6eff7ff;
		width:100%;
		pointer-events: auto;
		transition: opacity .3s linear;
		margin-top:160px;
	}
	
	.active span.logo{
		display:none;
	}
	
	/*ヘッダーCSS終了*/
	
	/*お知らせCSS開始*/
	.title1{
		background-image:url(images/title_information_mob.png);
	}
	
	.main_text_mob{
		background-image:url(images/main_text.png) ;
		width:60%;
		padding-top:5%;	
	}	
	
	.main_text_mob.animation{
		opacity: 0;
		animation:fadeIn 14s ease-in-out forwards;
		animation-delay:0s;
	}
	
	.animation1{
		background-image:url(images/animation_mob1.gif) ;
		width:100%;
		padding-top:25%;
	}
	
	.animation3{
		background-image:url(images/animation_mob2.gif) ;
		width:100%;
		padding-top:25%;
	}
	
	/*お知らせCSS終了*/	
	
	/*会社概要CSS開始*/
	.title2{
		background-image:url(images/title_profile_mob.png);
	}

	.title3{
		background-image:url(images/subtitle_history_mob.png);
	}
	
	.history{
		background-image:url(images/image_history_mob.png);
		padding-top:100%;
	}
	
	.title4{
		background-image:url(images/subtitle_location_mob.png);
	}
	
	ul.address{
		padding-top:20px;
	}
	/*会社概要CSS終了*/

	/*業務紹介CSS開始*/
	.title5{
		background-image:url(images/title_introduction_mob.png);
	}
	
	.gazou1{
		padding-top:30%;
	}
	
	.title6{
		background-image:url(images/subtitle_link_mob.png);
	}
	
	p.link{
		padding-top:20px;
	}
	/*業務紹介CSS終了*/
	
	/*お問合せCSS開始*/
	.title7{
		background-image:url(images/title_contact_mob.png);
	}
	/*お問合せCSS終了*/
	
	/*アクセスCSS開始*/	
	.item1{
		width:100%;
	}
	
	.access ul.sbs{
		display:block;
	}
	/*アクセスCSS終了*/
	
	/*フッターCSS開始*/
	footer ul.sbs{
		display:block;
	}
	
	.footer-navi{
		height:130px;
		margin-top:20px;
	}
	
	.footer-navi li{
		line-height:30px;
		text-align:left;
		flex:0;
	}
	
	.footer-navi li.home{
		width:100%;
		flex:0;
	}
	
	.footer-navi li a{
		font-size:2vw;
	}
	
	.footer-navi li.logo a{
		margin-top:-80px;
		height:50px;
	}
	/*フッターCSS終了*/