@charset "euc-jp";

/* -------------------------------------
and_gallery2.css  ver.1.2.1
(add : photo gallery for and Responsive Web Design)
last update : 14.11.13
last update : 13.10.25 12:04

1.PC size（追加指定）
2.M size
3.S size
------------------------------------- */



/* =====================================
1.PC size（追加指定）
------------------------------------- */
.gallery2 #Contents #ContentsInner{
min-width:300px;
/width:980px;
}

div#Main div.main_photo_wrap h1.ImgCaption{
line-height:1.4;
}

div#Main div.main_photo_wrap{
color:#333;
}

div#Main div.main_photo_wrap h1.ImgCaption a,
div#Main div.main_photo_wrap a{
text-decoration:underline;
}

div#Main div.main_photo_wrap .SeqNav a{
text-decoration:none;
}


div#Main div.main_photo_wrap h1.ImgCaption a,
div#Main div.main_photo_wrap h1.ImgCaption a:hover,
div#Main div.main_photo_wrap h1.ImgCaption a:visited,
div#Main div.main_photo_wrap a,
div#Main div.main_photo_wrap a:hover,
div#Main div.main_photo_wrap a:visited{
color:#00345C;
font-weight:normal;
}

div#Main div.main_photo_wrap h1.ImgCaption a:link,
div#Main div.main_photo_wrap h1.ImgCaption a:active,
div#Main div.main_photo_wrap a:link,
div#Main div.main_photo_wrap a:active{
color:#696962;
}

/* =====================================
2.M size
------------------------------------- */
/* 横幅1000以下 */
@media screen and (max-width: 1000px) {


  .gallery2 div#Main div.main_photo_wrap .ImgCenter a img{
    width:100%;
    height:auto;
  }

  .gallery2 #Main .pgLeadTxt .ImgCenter img{
    width:100%;
    height:auto;
  }

}





/* =====================================
3.S size
------------------------------------- */
/* 横幅480以下 */
@media screen and (max-width:480px){





/* list
-------------------------- */
.gallery2 div#Main table.ColSet td{
position:relative;
padding:0 1px 5px;
overflow-x:none;
}

.gallery2 div#Main table.ColSet td img{
}

.gallery2 div#Main table.ColSet tr{
display:inline;
}

.gallery2 div#Main table.ColSet td{
display:list-item;
width:auto !important;
border:none;

/* 141113 */
width: 145px !important;
float: left;
border: 1px solid #FFF
}

.gallery2 div#Main table.ColSet td div.ThmbSetY .ThmbCol{
float:left;
width:100px;
/width:100%;
margin:0 15px 10px;
/margin:0 0 10px;
padding:0;
}

.gallery2 div#Main table.ColSet td div.ThmbSetY .ThmbTxt{
margin:0;
padding:0 1px;
text-align:left;
}



/* article
-------------------------- */
.gallery2 div#Main div.main_photo_wrap{
position:relative;
}

.gallery2 div#Main div.main_photo_wrap .ImgCenter a img{
width:100%;
height:auto;
}
.gallery2 #Main .pgLeadTxt .ImgCenter img{
  width:100%;
  height:auto;
  margin:15px 0;
}


.gallery2 div#Main h1.ImgCaption{
width:auto;
}

.scrollable,
.arrow_navi{
display:none;
}

.arrow_navi .rightbox{
clear:both;
width:100%;
margin:0 0 10px;
padding:0 0 20px;
}


div#Main div.SeqNav p,
div#Main div.SeqNav ol li{
margin:0 -4px 0 1px;
}

.gallery2 div#Main table.ColSet td div.ThmbSetY .ThmbTxt{
display:none;
}


}