@charset "utf-8";
/* CSS Document */
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
	body{
		font-size : 15px;
		line-height : 180%;
	}
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
	}#head_pc{
		display : none;
	}
	#wrapper{
		width : 96%;
		padding : 0px;
		margin : 0 auto;
	}
	.erareru_box{
		width : 97%;
		margin : 0px auto;
		border : 1px solid #676767;
		padding : 3px;
	}
	.erareru_left{
		width : 96%;
		padding : 5px;
	}
	.erareru_right{
		width : 96%;
		padding : 5px;
	}
	.erareru_text{
		padding : 10px;
	}
	.clear{
		clear : both;
	}
	.main{
		width : 92%;
		margin : 5px auto;
		padding : 8px;
	}
	.koushi_box{
		width : 95%;
		margin : 10px auto;
		border : 3px double #d84403;
		padding : 7px;
		background-color : #fefaf2;
	}
	.koushi_box_in{
		padding : 8px 15px;
	}
	.nittei_box{
		width : 96%;
		margin : 10px auto;
		padding : 3px;
	}
.voice_box {
	width : 92%;
    padding: 8px;
    margin: 0 auto;
    color: #000000;/*文字色*/
    background: #FFF;
    border: solid 2px #fac98f;/*線*/
    border-radius: 10px;/*角の丸み*/
}
	.youtube_box{
		width : 92%;
		margin : 7px auto;
	}
		#footer{
			width : 100%;
			padding : 8px 0;
			text-align : center;
			background-color : #444546;
			color : #ffffff;
			height : auto;
		}
	.footer_in{
		width : 98%;
		margin : 0 auto;
		padding : 15px 0px;
	}
	.footer_logo{
		width : 70%;
		padding : 8px;
		margin : 0 auto;
	}
	.footer_text{
		width : 94%;
		padding : 8px;
		color : #ffffff;
		text-align : left;
		font-size : 85%;
		line-height : 170%;
	}
	.footer_in a{
		text-decoration : none;
		color : #ffffff;
	}
}