/* head -----------------------------------------------*/
@media only screen and (max-width: 769px){
#head .teadtemp{
	width:94%;
	margin:0 3% 6px;
}
#head .title_contents {
	width:94%;
	margin:0 3%;
}	
#head .komeriLogo{
	width:260px;
}
#head .komeriLogo img{
	width:100%;
	height:auto;
}
#head .dotcomtopBtn{
	width:200px;
	margin-bottom:12px;
}
#head .dotcomtopBtn img{
	width:100%;
	height:auto;
}
#head .sns-share{
	margin-top:0;
	_float:none;
	width:100%;
}
}
@media only screen and (max-width: 526px){
#head .komeriLogo{
	width:55%;
}
#head .dotcomtopBtn{
	width:40%;
	display:none;
}
}


/* header -----------------------------------------------*/
@media only screen and (max-width: 769px){
#titleLogo{
	margin-left:10px;
}
#btnBox{
	margin-top:0;
}
.backTolistBtn{
	margin-top:6px;
	margin-left:40px;
	float:none;
}
.pnBtn{
	float:none;
}
}
@media only screen and (max-width: 526px){
#header{
	height:auto;
	overflow:hidden;
}
#header img{
	width:100%;
	height:auto;
}
#titleLogo{
	width:42%;
	margin-left:2%;
}
#btnBox{
	width:54%;
	margin-top:0;
	margin-right:2%;
}
.backTolistBtn{
	margin-top:7%;
	margin-left:15%;
	margin-right:15%;
}
.pnBtn a{
	float:left;
	display:block;
	width:48%;
	margin:2px 1%;
}
}
@media only screen and (max-width: 526px){
#header {
	background-size:cover;
}
}