@charset "UTF-8";
/* CSS Document */

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

.headroom {
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}	


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


div#header {
	/*width: 1120px;*/ 
	width: 100%; 
	height: 120px; 
	margin: 0.5em auto 0 auto; 
	/*background-image:url("./resource/header_1200x150.png");*/
	}
	
img#sitename {
	 width:187px; 
	 height:120px;
	 margin: 0em 0.5em 0em 1em;
	 float:left;
	 }

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

div#social_button_sp {
	display:none;
}

div#wrapper {
	width:350px;
	height:100px;
	margin:0em 0em 0em 1em;
	float:left;
}

div#menu {
	width:350px;
	height:30px;
	margin:0.5em 0em 0.5em 0em;
	float:left;
}

div#wrapper_sp {
	display:none;
}

div#menu_sp {
	display:none;
}

 div#animate-toggle-title {
        float: left;
        height: 30px;
        width: 100px;
        text-align: center;
		color:#ffffff;
		cursor:pointer;
    }
	div#animate-toggle-title h4 {
		font-family:"ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
		font-size: 10pt;
        text-align: left;
		color:#ffffff;
		line-height:3em;
    }
	
    div#animate-toggle-block {
        float: left;
        height: 30px;
        width: 250px;
    }
	
	div#animate-toggle-title1 {
        float: left;
        height: 30px;
        width: 100px;
        text-align: center;
		color:#ffffff;
		cursor:pointer;
    }
	div#animate-toggle-title1 h4 {
		font-family:"ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
		font-size: 10pt;
        text-align: left;
		color:#ffffff;
		line-height:1.8em;
    }
	
    div#animate-toggle-block1 {
        float: left;
        height: 30px;
        width: 250px;
    }
	div#animate-toggle-block1 h4 {
		font-family:"ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
		font-size: 10pt;
        text-align: left;
		color:#ffffff;
		line-height:1.8em;
		text-decoration:underline; 
    }
	div#animate-toggle-block1 h4:hover {
		color:#FFB000;
		text-decoration:underline; 
    }
	
	div#title_in {
		float:left;
		margin:0em 0.5em 0em 0em;
	}

div#box {
	width:45px;
	height:45px;
	margin:2px;
	border:solid #000000 0.5px;
	float:left;
}

div#box:hover {
	background-color:#BBBBBB;
}

div#box h3 {
	/*border-bottom: 5px #000066 solid;
	padding-bottom: 5px;
 	font-weight: normal;*/
	font-family:"ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
	font-size: 13pt;
	color: #333333;
	text-align: center;
	margin: 0.5em auto;
}

div#box h3:hover {
	color: #ffffff;
}

div#box img {
	width:45px;
	height:45px;
}

div#self_intro {
	width:550px;
	height:100px;
	float:right;
	/*background-color:#FFF;*/
	opacity:0.9;
	margin:0em 1em 0em 0em;
	}
	
div#main_contents {
	width: 250px;
	height:100px;
	float:right;
	margin:0em 0em 0em 0em;
	}

div#self_intro h6{
	font-family: sans-serif;
	font-size: 8pt;
	line-height:1.8em;
	/*color: #ffffff;*/
    color: #000000;
	float: left;
    text-align: right;
	margin: 0.5em 0em 0em 2em;
	}
	
div#self_intro h5{
	font-family: 'Utsukushi_m';
	font-size: 9pt;
	color: #333333;
	text-align: center;
	margin: 0em 0em 0em 0em;
	}
	
div#selfintro_title {
	width:100px;
	height:120px;
	float:right;
	margin: 0em 0em 0em 1em;
	}
	
img#self_photo {
	width:100px;
	height:100px;
	margin: 0em 0em 0em 0em;
	border:1px #A9A9A9 solid;
	opacity:1;
	}
	
.fb_iframe_widget {
  width: auto !important;
  display: inline-block !important;
}

/*}*/