/************************/
/*Tabletサイト向けCSS*/
/************************/
@media only screen
 and (min-width: 481px)
 and (max-width: 820px) {

.headroom {
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}     
     
div#header-bk { 
	height:90px;
	width:100%;
	position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
	/*background-color: #006600;*/
	z-index:9999;  
}

div#header {
	width: 100%; 
	height: 90px; 
	margin: 0 auto 0 auto; 
	/*background-image:url("./resource/header_1200x150.png");*/
	}

img#sitename {
	 width:125px; 
	 height:80px;
	 margin: 0.5em 0.5em 0em 0.5em;
	 float:left;
	 }
	
div#social_button {
	display:none;
}

div#wrapper {
	display:none;
}

div#menu {
	display:none;
}

div#title_in {
		float:left;
		margin:0em 0.5em 0em 0em;
	}

div#title_in  h4 {
		font-family:"ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
		font-size: 10pt;
        text-align: left;
		color:#ffffff;
		line-height:1.5em;
		text-decoration:underline; 
    }
	
div#title_in  h4:hover {
		color:#FFB000;
		text-decoration:underline; 
    }	
	
div#social_button_sp {
	width:250px;
	height: 25px;
	margin: 0em 0em 0em 0em;
	float:left;
}

div#wrapper_sp {
	width:250px;
	height:50px;
	margin:0.5em 0em 0em 0.2em;
	float:left;
}

div#menu_sp {
	width:250px;
	height:25px;
	margin:0em 0em 0em 0em;
	float:left;
}
	
div#title_in_sp {
	     height:25px;
		float:left;
		margin:0em 0.5em 0em 0em;
	}

div#title_in_sp  h4 {
		font-family:"ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
		font-size: 8pt;
        text-align: left;
		color:#ffffff;
		line-height:3em;
		text-decoration:underline; 
    }
	
div#title_in_sp  h4:hover {
		color:#FFB000;
		text-decoration:underline; 
    }	

div#self_intro {
	display:none;
	width:550px;
	height:140px;
	float:right;
	background-color:#FFF;
	opacity:0.9;
	}

div#main_contents {
	display:none;
	width: 410px;
	height:130px;
	float:left;
	margin:1em 0em 0em 0em;
	}

.fb_iframe_widget {
  	width: auto !important;
  	display: inline-block !important;
  	}

}