@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Nova+Mono');
@import url('https://fonts.googleapis.com/css?family=Raleway');
body{
	margin:0;
}

#main{
	width:100%;
	margin:auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
}

.clearfix:after {
     content:".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}

#main-image{
	background-size:cover; 
    position: relative;
    width: 100%;
}

#main-image:before{
    content:"";
    display: block;
    padding-top: 40%;
}

#main-image div{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 50px;
    right: 0;
	
	width:1024px;
	margin:auto;
}

#main-image div img{
	position:absolute;
	display:block;
	bottom:0;
}

@media screen and (min-width: 1281px) {
#main-image{
    width: 1280px;
	margin:auto;
}
}






#contents{
	width:1024px;
	margin:30px auto;
	font-size:15px;
	line-height:2em;
	
	color:#242424;
}




#introduce{
	margin:80px 0;
}

#introduce h1{
	margin:0;
	margin-bottom:30px;
	font-weight:normal;
	text-align:center;
}

#introduce h1 span{
	display:inline-block; 
	padding:5px; 
	font-weight:normal; 
	background-color:#000; 
	color:#FFF;
}

.enfa{
	background-color:rgba(255,204,0,0.4);
	display:inline;
	padding:0 2px;
	margin:0 2px;
	border-radius:3px;
}


.img-ib{
	display:inline-block;
	border:#e1e1e3 solid 1px;
	padding:2px;
}

.img-b{
	border:#e1e1e3 solid 1px;
	padding:2px;
	margin:auto;
	display:block;
	margin-bottom:50px;
}


h1.head-line{
	margin:100px 0;
	font-weight:normal;
	line-height:1.5em;
	text-align:center;
}

h1#word{
	margin:100px 0; 
	font-weight:black; 
	font-size:45px; 
	line-height:1.5em;
}

h1#word span{
	font-family:'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
	font-size:100px;
}



#profile{
	margin:auto;
	font-size:14px;
	line-height:2em;
	background-color:#FAFAFA;
	padding:40px 0 100px 0;
	width:100%;
	margin-top:100px;	
	
}
#profile div{
	width:1024px;
	margin:auto;
}

#profile h1{
	font-weight:normal;
	display:block;
	border-bottom:#333 solid 1px;
	padding-bottom:20px;
	padding-left:10px;
	margin:60px 0 30px 0;
}

#profile p{
	width:90%;
	margin:0 auto;
}

#space{
	width:100%; height:36px; background-image:url(/case/common/img/space.png);
}


#shop-info{
	line-height:1.5em;
	width:1024px;
	margin:auto;
}
#shop-info h1{
	margin:100px 0;
	font-weight:normal;
	font-size:50px;
	text-align:center;
}

#shop-info h1 span{
	font-family: 'Nova Mono', monospace;
}

#shop-info .clearfix{
	margin-bottom:100px;
	
}

#shop-info .clearfix img{
	display:block;
	float:left;
	margin-right:50px;
	width:400px;
	height:300px;
}

#shop-info .clearfix .not_a_hover img{
	width:15px;
	height:auto;
}

#shop-info .clearfix div{
	float:left;
	width:574px;
	position:relative;
	height:400px;
	padding:10px 0;
}
#shop-info .clearfix div h2{
	font-family: 'Nova Mono', monospace, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:23px;
	margin:0;
}
#shop-info .clearfix div h5{
	color:#666;
	margin:15px 0;
}

#shop-info .clearfix div hr{
	border:0; border-bottom:#999 solid 1px; width:70%; margin:15px auto 15px 0;
}
#shop-info .clearfix div p{
	font-size:14px;
	margin:0;
}
#shop-info .clearfix div p span{
	font-family:'Raleway', sans-serif;
}
#shop-info .clearfix div a{
	display:inline-block;
	color:#666;
	border:#666 solid 1px;
	padding:5px 10px;
	text-decoration:none;

	bottom:0px;
}

#shop-info .clearfix div a:not(#not_a) {
	background-color: white;
	border:none;
	padding: 0px 0px 0px 5px;
}

#shop-info .clearfix div a:hover{
	display:inline-block;
	color:#fff;
	background-color:#666;
	border:#666 solid 1px;
	padding:5px 10px;
	text-decoration:none;
}

#shop-info .clearfix div a:hover:not(#not_a_hover) {
	background-color: white;
	border:none;
  }

.clear_text{
	display:initial;
	color:initial;
	border:initial;
	padding:initial;
	text-decoration:initial;
	position:initial;
	bottom:initial;

	background-color:initial;

}

#clear_text{
	display:initial;
	color:initial;
	border:initial;
	padding:initial;
	text-decoration:initial;
	position:initial;
	bottom:initial;
	background-color:initial;
}

.line-height{
	margin-top: 20px;
}




/**********************/


.gallery{
	border:#e1e1e3 solid 1px;
	padding:2px;
	width:850px;
	margin:auto;
	margin-bottom:50px;
}

.photo{
	width:650px;
	height:438px;
	float:left;
	text-align:right;
}

.photo img{
	width:100%;
	height:438px;
}

.over{
	width:auto;
	height:auto;
	opacity:0.5;
}

/*　写真４枚の時　*/
.pictures-4{
	float:left;
	height:438px;
}
.pictures-4 a{
	width:200px;
	height:25%;
	display:block;
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-color:#333;
	text-decoration:none;
}

/*　写真４枚の時　*/
.pictures-3{
	float:left;
	height:438px;
}
.pictures-3 a{
	width:200px;
	height:33.33333%;
	display:block;
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-color:#333;
	text-decoration:none;
}


/**********************/


.FL{
	display:block;
	float:left;
}

.FR{
	display:block;
	float:right;
}

.mr20{
	margin-right:20px;
}

.db-ma{
	display:block;
	margin:auto;
}
.mtb20{
	margin:20px auto;
}

.mtb50{
	margin:50px auto;
}
.mt20{
	margin-top:20px;
}
.mt50{
	margin-top:50px;
}
