@charset "utf-8";

/* コンテンツ領域 設定
------------------------------------------------------------------- */

/* accessField領域 */
#accessField {
  padding:10px;
}
  #accessField #accessImg img {
    width:100%;
    height:auto;
  }
  #accessField #accessArea {
    background:#FFFFFF;
  }
  #accessField .accessBox {
    padding:10px;
  }
  #accessField .accessBox p.image {
    width:100px;
    padding:10px;
    border:1px solid #CCCCCC;
    float:left;
  }
  #accessField .accessBox p.image img {
    width:100px;
    height:auto;
  }
  #accessField .accessBox p.text {
    width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
    width : -webkit-calc(100% - 130px) ;
    width : calc(100% - 130px) ;
    float:right;
  }
  #accessField .accessBox p.information{
    padding:10px;
    border:1px solid #CCCCCC;
    background:#FAFAFA;
  }

/* galleryField領域 */
#galleryField {
  padding:10px;
}
  #galleryField #galleryArea {
    padding:10px;
    background:#FFFFFF;
  }
  
  #galleryField #entry_list {
    border-left:1px solid #000000;
  }
  #galleryField #entry_list li {
    padding:5px;
    font-size:0.88em;
    border-right:1px solid #000000;
    float:left;
  }  
  
  #galleryField #entry_list_more {
    width:100%;
  }
  #galleryField #entry_list_more ul li {
    width:30%;
    height:50px;
    margin:10px 0 0 5px;
    text-align:center;
    border:1px solid #CCCCCC;
    float:left;
  }
  #galleryField #entry_list_more ul li img {
    width:auto;
    height:100%;
  }
  #galleryField #entry_list_more #more_btn {
    margin:10px 0 0;
    padding:10px 0;
    color:#FFFFFF;
    text-align:center;
    cursor:pointer;
    border-radius:20px;
    background:#000000;
  }
  #galleryField #entry_list_more #close_btn {
    margin:10px 0 0;
    padding:10px 0;
    color:#FFFFFF;
    text-align:center;
    cursor:pointer;
    border-radius:20px;
    background:#000000;
  }

/* staffField領域 */
#staffField {
  padding:10px;
}
  #staffField #staffArea {
    background:#FFFFFF;
  }
  #staffField .line {
    padding:10px 0;
    border-top:1px dotted #CCCCCC;
  }
  #staffField .staffBox {
    padding:10px;
  }  
  #staffField .staffBox .image {
    width:100px;
    float:left;
  }
  #staffField .staffBox .image img {
    width:100px;
    height:auto;
  }
  #staffField .staffBox .text {
    width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
    width : -webkit-calc(100% - 110px) ;
    width : calc(100% - 110px) ;
    float:right;
  }