@charset "utf-8";

@font-face {
	font-family: 'flopdesign-kana';
	src: url('font/flopdesign-kana.eot');
	src: url('font/flopdesign-kana.eot?#iefix') format('embedded-opentype'),
	url('font/flopdesign-kana.woff') format('woff'),
	url('font/flopdesign-kana.ttf') format('truetype');
}

body {
	font-family:'flopdesign-kana','ヒラギノ角ゴ Pro W3','Hiragino Kaku Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P',sans-serif ;
}

.navbar-inverse {
	background-image: -webkit-linear-gradient(top,#000000  0,#222 100%);
	background-image: -o-linear-gradient(top,#000000 0,#222 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#000000),to(#222));
	background-image: linear-gradient(to bottom,#000000 0,#222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff222222', GradientType=0);
}
.navbar-inverse .navbar-nav>.active>a {
	background-image: -webkit-linear-gradient(top,#ff00ff 0,#282828 100%);
	background-image: -o-linear-gradient(top,#ff00ff 0,#282828 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#ff00ff),to(#282828));
	background-image: linear-gradient(to bottom,#ff00ff 0,#282828 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00ff', endColorstr='#ff282828', GradientType=0);
}

header {
	background-color: #FFF5EE;
	text-align: center;

	position: relative;
	margin-top: 50px;
}
header h1 {
	margin-top: 60px;
	margin-bottom: 30px;
}
@media (max-width: 767px) {
	header h1 {
		font-size: 31px;
	}
}

header p {
	margin-bottom: 30px;
}
header img{
	width: 100%;
	display: block;
}
header img.title{
	position: absolute;
	top: 0;
	left: 0;

	opacity: 0.0;
	transition-property: opacity;
	transition-duration: 1s;
	transition-timing-function: ease-in;
	transition-delay: 2s;
}
header img.title_transition{
	opacity: 1.0;
}
@media (min-width: 1600px) {
	header img {
	}
}

section {
	/*padding-top: 50px;*/
	padding-bottom: 50px;
	background-color: #ffffff;
}
section .profile{
	padding-bottom: 30px;

	padding-top: 50px;
}
section .profile .thumbnail{
	border: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
section .profile .thumbnail .caption h4{
	margin-top: 30px;
}
section .profile .thumbnail .caption p small{
	color: #777;
}

section .share_box{
	padding-right: 20px;
	padding-left: 20px;
}
section .share_box ul{
	padding: 5px;
	text-align: center;
}
section .share_box ul li{
	margin: 5px;
}
@media (min-width: 768px) {
	.col-sm-6 {
		width: 48%;
	}
}
@media (min-width: 992px) {
	.col-md-4 {
		width: 32%;
	}
}
section .share_box ul li a {
	color: #ffffff;
	display: block;
}
section .share_box ul li a:hover {
	text-decoration: none;
}
section .share_box .list-group-item {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

aside {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #FFF5EE;
}
/* Facebook box */
aside .facebook_box{
}
.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style]{
	width: 100%!important;
	background-color: #ffffff;
}

footer{
	padding-bottom: 30px;
	background-color: #FFF5EE;
	text-align: center;
}
footer address{
	display: inline;
}


.br{
	display:inline-block;
}

.facebook{
	background-color: #3b5998;
}
.twitter{
	background-color: #55acee;
}
.line{
	background-color: #00c300;
}
.google{
	background-color: #dd4b39;
}
.mixi{
	background-color: #D1AD59;
}
.hatena{
	background-color: #5279E7;
}