@charset "utf-8";
/* CSS Document */



@media screen and (min-width:701px){
	
	nav.drawer-nav {
		display: none!important;
	}

}




@media screen and ( max-width: 1200px ){
    
    body {
        width: 1200px;
    }
}




@media screen and ( max-width: 700px ){
    
    body {
        width: 100%;
    }
	.br700 {
		display: block;
	}
	.brPC {
		display: none;
	}

    
/* ==========================
=========== header ==========
============================= */
	.header {
		display: none;
	}

/* ==========================
======== スマホメニュー =======
============================= */
	
	button.drawer-toggle.drawer-hamburger {
		display: block;
	}
	
/* ==========================
======== スマホ用ヘッダー=======
============================= */
	.sp_menu_bg {
		display: flex;
    	align-items: center;
		width: 100%;
	    height: 46px;
		position: fixed;
		z-index: 50;
		top: 0;
		padding: 10px 10px;
		background: #fff;
	    border-bottom: 1px solid #ddd;
	}
    
	.sp_logo {
		width: 160px;
	}
	
	.notice_Box {
		background: #FFE2E8;
		border: 3px solid #FFC8D3;
		padding: 9px 5px;
		margin-left: 9px;
	    margin-top: 2px;
	}
	
/* ==========================
============ main ===========
============================= */	

	.main {
		margin-left: 0px;
		width: 100%;
		min-width: 300px;
	    margin-top: 66px;
	}

	.inner_parts {
		width: 95%;
	}
	
	
/* ==========================
=========== footer ==========
============================= */

	.footer_inner {
		width: 95%;
	}
	.footer_L,
	.footer_R {
		float: none;
	}
	
	.footer_R {
		margin-top: 15px;
	}
.head_news.bold{
	width: 210px;
	font-weight: bold;
	color: #ff6279;
	font-size: 108%;
	text-align: center;
	background: #ffe2e8;
	border: 5px solid #ffc8d3;
	padding: 9px 0;
	margin: 0 0 15px 0;
	}
}

@media screen and ( max-width: 500px ){
	
	.sp_br {
		display: block;
	}
	.br500 {
		display: block;
	}
	
}


@media screen and ( max-width: 370px ){

	.br370 {
		display: block;
	}
	
	.notice_Box {
		padding: 0px 5px;
    	margin-left: 12px;
		margin-top: 4px;
	}



}