@charset "Shift_JIS";

/*
----------------------------------------*/
/* contents
--------------------------------------*/


#melmaga_body{width:750px;}
#melmaga_body h1{font-weight:normal;padding:0px;margin:0px;text-decoration:none;}
#melmaga_body h2{font-weight:normal;margin:10px;text-decoration:none;color:#782E00;text-align:center;}



/*----------------
 base layout
--------------- */

/* reset */
h2,h3,h4,h5 {
	font-size:100%;
	font-weight:normal;
	text-decoration:none;
}
ul,li,dl,dd,dt {
	margin:0;
	padding:0;
	list-style:none;
	list-style-position:outside;
}

/* base layout */
#freelayout_column2 {
	width:750px;
	font-size:100%;
	line-height:180%;
	margin-bottom:20px;
	text-align:left;
}

#freelayout_column1 {
	width:850px;
	margin:0 auto 20px auto;
	text-align:left;
}

#freelayout_popup {
	width:530px;
	margin:0 auto;
	text-align:left;
}


/* font */
.text_broun1 {color:#542C1B;}
.text_broun2 {color:#F6842E;}
.text_orange {color:#B74615;}
.text_red {color:#CC3300;}


/* margin */

.mB10{margin-bottom:10px;}
.mB20{margin-bottom:20px;}
.mB30{margin-bottom:30px;}

.mL10{padding-left:10px;}
.mR10{padding-rignt:10px;}

/* layout */
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

.fL10 {float:left; margin-right:10px;}
.fR10 {float:right; margin-left:10px;}

/* clearfix */
clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { 
display: inline-block; 
}

.map_sp {
	width: 100%;
}
.map_sp img {
	width: 100%;
	height: auto;
}

.map_sp {
	display: none;
}
	
@media screen and (max-width: 768px) {

.map_sp {
	width: 100%;
	display: inherit;
}
.map_sp img {
	width: 100%;
	height: auto;
}

.map_pc {
	display: none;
}
	
}