@charset "UTF-8";
/* CSS Document */
body {
	font-size: 16px;
}

.right {
	margin-top: 5px;
}
.pink {
	font-weight: bold;
	color: #f59900;
}
.photo_menu ul a {
    background-image: url(/themes/contest.117.co.jp/photo/img/menu_bnr.png) ;
    display: block;
    height: 55px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 177px;
}

/*----------------------------------------
 photo45_sort.css　転記
 ----------------------------------------*/
#prize {
  width: 508px;
  width: 100%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
#prize #prize1 {
  padding-bottom: 20px;
  height: 151px;
}
#body {
  text-align: center;
  margin: auto 0;
  height: auto;
  width: 566px;
  padding-bottom: 20px;
}
.underline {
  text-decoration: underline;
}
.pink {
  color: #E1538A;
  font-size: 100%;
}
.orange {
  color: #E4754F;
  font-size: 1.2em;
}
.red {
  color: #cc0000;
  font-size: 1.2em;
}
#request ul {
  list-style-type: none;
}
#head {
  text-align: center;
  width: 566px;
  padding-top: 0px;
  overflow: hidden;
  padding-bottom: 20px;
  clear: both;
  background-color: #FFE500;
  margin: 0px;
}

/* 結果発表 */
#mainArea {
  /*background-color: #FFF4F4;*/
  height: auto;
  width: 566px;
}
@media screen and (max-width: 767px) {
  #mainArea {
    width: auto;
  }
}
.text {
  font-size: 85%;
  color: #666;
  padding-top: 5px;
}
#award {
  background-color: #FFF;
}
.PhotoCont {
  width: 526px;
  border: 1px solid #CCC;
  clear: both;
  overflow: hidden;
  background-color: #FFE0EB;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
  padding: 0px;
}

/*----------------------------------------
 入選画像トリミング　20231225　追加
 ----------------------------------------*/
/*総合グランプリ、グランプリ*/
#total_gp{
    background-color: #fff;
    margin-bottom: 50px;
    border: 2px solid #c6a30b;
    padding: 0 30px 15px;
}
#total_gp a.photoZoom, #gp a.photoZoom{
    position: relative;
    width: 222px; /* 領域の幅を指定 */
    height: 222px; /* 領域の高さを指定 */
    background-color:red;
    display: flex;
    margin: 0 auto;
}
#total_gp a img ,#gp a img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    padding: 0;
}
@media screen and (max-width: 767px){
    #total_gp a.photoZoom, #gp a.photoZoom{
        width: 300px; /* 領域の幅を指定 */
        height: 300px; /* 領域の高さを指定 */
    }
    
    #gp a.photoZoom{
    width: auto; /* 領域の幅を指定 */
    }
    #gp .col-xs-12.col-sm-offset-2.col-sm-8{
        padding: 5px;
    }
    #total_gp{
       padding: 0 0 15px; 
    }
}

/*Instagramコース 総合グランプリコース単写真コース*/
#instagram a.photoZoom, #totalGP-one a.photoZoom{
    position: relative;
    width: 340px; /* 領域の幅を指定 */
    height: 340px; /* 領域の高さを指定 */
    /*background-color: #9e9;*/
    background-color: #fff;
    display: flex;
    margin: 0 auto;
}
/*単写真コース 入選　総合グランプリコース組写真コース*/
#one-sl a.photoZoom, #totalGP-some a.photoZoom{
    position: relative;
    width: auto; /* 領域の幅を指定 */
    height: 222px; /* 領域の高さを指定 */
    background-color: #fff;
    display: flex;
    margin: 0 auto;
}

#instagram a img.photo, #one-sl a img, #totalGP-one a img, #totalGP-some a img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    padding: 10px;
}


@media screen and (max-width: 1199px){
    #instagram a.photoZoom, #totalGP-one a.photoZoom{
    width:auto; /* 領域の幅を指定 */
}
#one-sl a.photoZoom, #totalGP-some a.photoZoom{
    width: auto; /* 領域の幅を指定 */
}
    /*#one-sl a img{
        padding: 0 10px; 
    } */
}
@media screen and (max-width: 767px){
 #one-sl a.photoZoom{
    width: auto; /* 領域の幅を指定 */
}
    #one-sl .col-xs-12.col-sm-offset-2.col-sm-8{
        padding: 5px;
    }
    /*#totalGP-some a img{
       padding: 10px 0; 
    }*/
    
}