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

  /*スマホ*/
@media screen and (max-width:640px){
.topcontent1{
	clear: both;
    width: 100%;
	height: auto;
	margin:75px auto 0px auto;
	text-align:center;
	padding: 0px 0px 0px 0px;
}
.topcontent{clear:both ;margin: 0px auto 0px auto;height:auto;text-align:center;padding: 0px 0px 0px 0px; }
a.anchor {
    display: block;
    padding-top: 70px;
}

a.anchor {
    display: block;
    padding-top: 70px;
}
.sp h3{font-weight: 700;margin: 10px auto 20px auto;}
.cap11{clear: both;width:96%;margin: 0px auto 0px auto;text-align:left ;padding: 25px 0px 0px 0px;font-size:65%;line-height: 130%!important; }	
#gallery{
	width: 100%;
	height: auto;
	margin: 40px auto 0px auto;
	text-align:center;
	padding: 0px 0px 20px 0px;
	font-size:100%;
	line-height: 140%;
	
}	

.gfont{font-size:80%;line-height: 140%;letter-spacing: 0px;font-weight: 400;}
#cap33{clear:both;width:98%;font-size: 10px;margin: 30px auto 0px auto;color:#000;text-align:center;padding: 30px 0px 20px 0px;line-height: 130%;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

}


/*PC*/
@media print, screen and (min-width:641px){

    /* 各ページタイトル*/
.title {clear:both;width:680px;margin:0px auto;padding:30px 0px 0px 0px;text-align:center;font-size: 110%;font-weight:400}
.title h3{font-weight:400}
.title2{color:#00A29A;line-height:160%;font-weight:400;font-size:120%;padding:30px 0px 0px 0px; }
    /* ------------------------------
 ギャラリー
------------------------------ */
#gallery{width: 980px;height: auto;margin: 0px auto 0px auto;text-align:center;padding: 0px 0px 20px 0px;font-size:80%;line-height: 140%;}	
#model{margin: 0px auto ;width: 960px;height: auto;text-align:center;padding: 10px 0px 20px 0px;color: #0C234A;background-color:#FFF}
.bx-pager a {width:112px;border: solid #ccc 2px;display: inline-block;left:0px;margin: 0px; padding: 0px;}
#cap2{clear:both;width: 100%;margin:0 auto;padding:10px 0px 5px 0px;font-size:80%;text-align: left;}
.bx-pager  {width:980px;position: relative;top:5px;left:0px;z-index:100;background-color:#000;}  
.bx-pager a {width:10.8%;border: solid #ccc 1px;display: inline-block;left:0px;margin: 0px;padding: 0px;background-color:#000;}

.bx-pager  {
	width:980px;
    position: relative;
	top:5px;
	left:0px;
	z-index:99;
	background-color:#000;
}  

 
 .bx-pager a {
	width:13.9%;
    border: solid #ccc 1px;
    display: inline-block;
	left:0px;
    margin: 0px;
    padding: 0px;
	background-color:#000;
  }
  
    

/* ------------------------------
 ギャラリー
------------------------------ */
#gallery{width: 980px;height: auto;margin: 0px auto 0px auto;text-align:center;padding: 50px 0px 20px 0px;font-size:100%;line-height: 140%;}	
#model{margin: 0px auto ;width: 960px;height: auto;text-align:center;padding: 10px 0px 20px 0px;color: #0C234A;background-color:#FFF}

.bx-pager a {width:112px;border: solid #ccc 2px;display: inline-block;left:0px;margin: 0px; padding: 0px;}
.bx-pager  {width:980px;position: relative;top:5px;left:0px;z-index:100;background-color:#000;}  
.bx-pager a {width:10.8%;border: solid #ccc 1px;display: inline-block;left:0px;margin: 0px;padding: 0px;background-color:#000;}

.bx-pager  {
	width:980px;
    position: relative;
	top:5px;
	left:0px;
	z-index:99;
	background-color:#000;
}  

 
 .bx-pager a {
	width:13.9%;
    border: solid #ccc 1px;
    display: inline-block;
	left:0px;
    margin: 0px;
    padding: 0px;
	background-color:#000;
  }
    
.gfont{font-size:150%;line-height: 140%;letter-spacing: 0px;font-weight: 700;padding: 0px 0px 15px 0px;}
#cap33{clear:both;width:980px;font-size:70%;margin: 0px auto 0px auto;color:#000;text-align:center;padding: 30px 0px 5px 0px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
    
/*------------------------------------------------------*/
/*ホバーアクション*/
/*------------------------------------------------------*/

a img.opacity,
.hoverimg a img{
    -webkit-transition: all .3s;
    transition: all .3s;
}
.hoverimg a:hover img{
    opacity:0.7;
}
a img.opacity:hover{
    opacity:0.3;
}

.bx-pager a img {  
opacity: 0.5;  
filter: alpha(opacity=50);  
}  

.bx-pager a img {  
width: 100%;
height: auto;  
}  

.bx-pager a.active img {  
opacity: 1;  
filter: alpha(opacity=80);  
}  
.cap11{clear: both;width:100%;margin: 0px auto 0px auto;text-align:center ;padding: 25px 0px 50px 0px;font-size:90%;line-height: 160%!important; }	

#top_info_navi ul{list-style: none;text-align: left;padding: 0px 0px 0px 0px;margin: 0;}
#top_info_navi ul li{float: left;font-size: 100%;line-height: 100%;padding: 0px 0px 0px 0px;margin: 0; }
#topcontent1{
	clear: both;
    width: 100%;
	height: 430px;
	margin:0px auto 0px auto;
	text-align:center;
	position: relative;
	padding: 200px 0px 0px 0px;
	background-image:url("../gallery/img/bg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
}
#topcontent2{
    width: 980px;
	height: auto;
	margin:0px auto 0px auto;
	text-align:center;
	position: relative;
	padding: 230px 0px 0px 0px;
	background-image:url(../img/common/mainbg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.topcontent2-1{
	z-index: 2;
	position: absolute;
	width: 310px;
	height: auto;
	margin: 200px auto 0px 0px;
	left: 1px;
	top: 1px;

 }

.topcontent2-2{
    z-index: 2;
    position: absolute;
    width: 253px;
    height: 53px;
    margin: 70px auto 0px 0px;
    left: 361px;
    top: 50px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
 }

}