@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Montserrat);

html {
	height: 100%;
	overflow-y: scroll;
}
body {
	height: 100%;
	font-family: Helvetica, Arial, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, sans-serif;
	-webkit-font-smoothing: antialiased;
	line-height: 100%;
}
#wrapper {
	position: relative;
	width: 100%;
    min-height: 100%;
	height: auto !important;
    height: 100%;
}
body > #wrapper {
    height: auto;
}
a img,
.btn{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}


/* =============================================================================
   ヘッダー
============================================================================= */
header {
	z-index:4000;
}
header .global{
	background:#000000;
	position:relative;
}
header .global .container{
	max-width:1029px;
	margin:auto;
}
header .global .olivergol{
	float:left;
}
header .global .funduce{
	float:right;
}
header .global .login{
	float:right;
	margin-left:30px;
}
header .global a{
	color:#ffffff;
	font-size:10px;
	text-decoration:none;
}
header .global a:hover{
	text-decoration:underline;
}

/* fixed */
nav{
	display:none;
}
header.fixed nav .menu img{
	height:10px;
}
nav .menu a:hover img{
	opacity: 1;
	filter: alpha(opacity=1);
}
header.fixed .global{
	display:none;
}
header.fixed nav {
	display:block;
}
header.fixed nav .sns a{
	padding:0 5px;
}

/* =============================================================================
   メイン
============================================================================= */

main .ttl{
	font-family: 'Montserrat', sans-serif;
	font-weight:normal;
	letter-spacing:1px;
	font-size:30px;
	text-align:center;
}
main p{
	line-height:1.8;
}

/* キービジュアル */
main .kv img{
	width:100%;
}
main .description{
	background-color:#e951a0;
	color:#ffffff;
	font-size:15px;
	padding:10px 20px;
	text-align:center;
}

/* ギャラリー */
#gallery h3{
	line-height:1.5;
	font-weight:normal;
}
#gallery li.info .block{
	background:#000000;
	color:#ffffff;
	text-align:center;
}
#gallery li.info h4{
	font-size:18px;
	font-family: 'Montserrat', sans-serif;
}
#gallery li.info dt{
	font-size:14px;
	line-height:1.8;
}
#gallery li.info dd{
	font-size:14px;
	line-height:1.8;
}
#gallery li.info .btn{
	display:block;
	border:1px solid #000000;
	background:#ffffff;
	color:#000000;
	text-decoration:none;
	font-size:16px;
	margin:auto;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
}
#gallery li.info .btn:hover{
	border:1px solid #ffffff;
	background:#000000;
	color:#ffffff;
}

/* 創設者 */
#founder{
	background:url(../img/founder_bk.jpg) no-repeat left center;
	background-size:cover;
}
#founder .txt{
	text-align:left;
}
#founder h2{
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, sans-serif;
	font-weight:bold;
	font-size:24px;
	margin-bottom:14px;
	line-height:1.5;
}
#founder p{
	fonot-size:18px;
	margin:0;
}

/* ITEM */
#item .pic{
	position:relative;
}
#item span{
	position:absolute;
	bottom:0;
	background-color: rgba(0,0,0,0.85);
	padding:10px 0;
	font-size:16px;
	font-family: 'Montserrat', sans-serif;
	font-weight:normal;
	color:#ffffff;
	text-align:center;
	width:100%;
}

/* オンラインストア */
#store{
	background:url(../img/store_bk.jpg) no-repeat;
	background-size:cover;
}
#store .content{
	background:#ffffff;
	padding:50px 0 30px 0;
}
#store h3{
	margin-bottom:10px;
}
#store h4{
	font-size:14px;
	background:#e951a0;
	color:#ffffff;
	padding:5px 20px;
	margin-bottom:24px;
	display:inline-block;
	line-height:1.5;
}
#store h5{
	font-size:18px;
	color:#e951a0;
	margin-bottom:10px;
	line-height:1.5;
}
#store p{
	font-size:14px;
	margin-bottom:20px;
}
#store a{
	color:#e951a0;
}
#store a:hover{
	text-decoration:none;
}
#store .btn{
	border:1px solid #000000;
	color:#000000;
	padding:6px 0;
	text-decoration:none;
	font-size:16px;
	display:block;
	margin:auto;
}
#store .btn:hover{
	background:#000000;
	color:#ffffff;
}
#store .sns a{
	margin:0 4px;
}


/* facebook */
#facebook .container{
	background:url(../img/facebook_bk.jpg) no-repeat center center;
	background-size:cover;
	padding:15px;
	width:100%;
	display:table;
}
#facebook .content{
	border:1px solid #ffffff;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:100%;
}
#facebook .content h2{
	color:#ffffff;
	line-height:1.5;
}
#facebook .content p{
	margin:0;
}
#facebook .content .btn{
	border:1px solid #ffffff;
	color:#ffffff;
	padding:6px 0;
	text-decoration:none;
	font-size:16px;
	line-height:1.5;
	display:block;
	margin:auto;
}
#facebook .content .btn:hover{
	background:#ffffff;
	color:#000000;
}


/* =============================================================================
   フッター
============================================================================= */
footer{
	background:#000000;
	padding:30px;
	text-align:center;
	color:#ffffff;
	line-height:1.5;
}
footer p{
	margin-bottom:38px;
	font-size:14px;
}
footer img{
	margin-bottom:5px;
}
footer a{
	color:#ffffff;
}
footer a:hover{
	text-decoration:none;
}

/* copyright */
.copyright{
	font-size:12px;
	margin:0;
}


/* =============================================================================
   汎用
============================================================================= */
.clearfix:after { 
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
* html .clearfix {
	height: 1px;
}