/************************/
/*SmartPhoneサイト向けCSS*/
/************************/
/*@media screen and (min-width: 0px) and (max-width: 480px) {*/
@media screen and (max-width: 480px) {	
    
.headroom {
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}	    
    
ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}	

li{
	list-style-type: none;
}

div#header-bk { 
	height:70px;
	/*width:320px;*/
	width:100%;
	position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
	/*background-color: #006600;*/
	z-index:9999;  
}

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

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

div#social_button_sp {
	width:250px;
	height: 40px;
	margin: -1em 0em 0em 0em;
	float:left;
}

div#social_button_sp ul {
	overflow: hidden;
	_zoom: 1;
	margin: 0 15px;
}
div#social_button_sp li {
	width: 40px;
	float: left;
    /*margin-top:10px;*/
	margin-left: 5px;
	position: relative;
	height: 40px;
}

div#social_button_sp li a {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: 0;
}

div#social_button_sp li a img{
	width: 30px;
	height: 30px;
    padding:5px 0px;
}

div#wrapper_sp {
	width:200px;
	height:100px;
	margin:0.3em 0em 0em 0em;
	float:left;
}

div#menu_sp {
	width:250px;
	height:30px;
	margin:0.1em 0em 0em 0em;
	float:left;
}

div#wrapper {
	display:none;
}

div#menu {
	display:none;
}

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

div#title_in h4 {
		font-family:"ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
		font-size: 8pt;
        text-align: left;
		color:#ffffff;
		line-height:1.5em;
		text-decoration:underline; 
    }
div#title_in 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;
  	}

}