@charset "utf-8";

/* CSS Document */

/* -------------------------------------------------

header

------------------------------------------------- */
header {
  width:100%;
}

header h1 {
  width:100%;
  /*
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  */
}

header ul {
  width:100px;
}
header ul li {
  width:35px;
  height:35px;
  margin:0 0 0 10px;
  float:left;
}

/* PC */
@media screen and (min-width:641px) {
header {
  background:url(../images/header_bg.gif) repeat-x;
}

header h1 {
  height:665px;
  background:url(../images/main.jpg) no-repeat top center;
}

header p {
  width:535px;
  height:135px;
  margin:0 auto;
  padding:430px 0 0 460px;
}

header ul {
  padding:590px 0 0 110px;
  margin:0 auto;
}
}

/* SP */
@media screen and (max-width:640px) {
header h1 {
  padding:62.5% 0 0 0; /* 72.5% */
  background:url(../images/sp_main.jpg) no-repeat top center;
  background-size:contain;
}

header p img {
  width:70%;
  height:auto;
  margin-top:-100px;
  margin-left:80px;
}

header ul {
  width:150px;
}
}

/* -------------------------------------------------

pageContents

------------------------------------------------- */
.photoconArea {  
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.photoconArea h3 {
  padding:10px 0 5px;
  margin:0 0 20px;
  color:#f18d00;
  font-size:30px;
  font-weight:bold;
  text-align:center;
  border:7px solid #f18d00;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.photoconArea .entry {
  padding:10px 0 5px;
  margin:20px 0 0;
  color:#FFFFFF;
  font-size:30px;
  font-weight:bold;
  text-align:center;
  background:#f18d00;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}

#consent {
  margin:20px 0 0;
  text-align:center;
}

.photoconArea ul#oubo {
  width:100%;
}
.photoconArea ul#oubo li {
  color:#FFFFFF;
  text-align:center;  
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
.photoconArea ul#oubo li a {
  padding:30px 0 25px;  
  color:#FFFFFF;
  display:block; 
}
.photoconArea ul#oubo li.twitter {
  background:#1da1f2;
  float:left;
}
.photoconArea ul#oubo li.form {
  background:#f18d00;
  float:right;
}
.photoconArea ul#oubo li.enable {
  display:none;
}
.photoconArea ul#oubo li.disable {
  background:#ccc !important;
}

/* PC */
@media screen and (min-width:641px) {
.photoconArea {
  width:930px;
  padding:30px;
  margin:0 auto 40px;
  border:7px solid #f18d00;
}
.photoconArea ul#oubo li {
  width:49%; 
  margin:20px 0 0;
  font-size:20px;
  font-weight:bold;
}
}

/* SP */
@media screen and (max-width:640px) {
.photoconArea {
  width:100%;
  padding:5px;
  margin:0 0 20px;
  border:5px solid #f18d00;
}
.photoconArea h3 {
  margin:0 0 10px;
  font-size:20px;
  border:3px solid #f18d00;
}
.photoconArea .entry {
  font-size:20px;
  font-weight:normal;
}
.photoconArea ul#oubo li {
  width:100%;
  margin:10px 0 0;
  font-size:15px;
  font-weight:bold;
  float:none;
}
}

/* -------------------------------------------------

css

------------------------------------------------- */
#entrance {
  font-size:15px;
  overflow:auto;
  border:1px solid #CCC;
}
#entrance p {
  margin:0 0 20px;
}
#entrance span.red {
  color:#e60033;
}

/* PC */
@media screen and (min-width:641px) {
#bnr_vote {
  width:100%;
  height:165px;
  margin:0 0 40px;
}
#photocon01 {
  width:100%;
  height:111px;
  margin:0 0 40px;
}
#photocon02 {
  width:100%;
  height:319px;
  margin:0 0 40px;
}
#photocon03 {
  width:100%;
  height:280px;
  margin:0 0 40px;
}
#photocon03_on {
  width:100%;
  height:357px;
  margin:0 0 40px;
}
#photocon04 {
  width:100%;
  height:772px;
  margin:0 0 40px;
}
#photocon05 {
  width:100%;
  height:743px;
  margin:0 0 40px;
}

#entrance {
  width:900px;
  height:450px;
  padding:20px;
}
}

/* SP */
@media screen and (max-width:640px) {
#bnr_vote img {
  width:100%;
  height:100%;
  margin:0 0 20px;
  vertical-align: bottom;
}
#photocon01 img {
  width:100%;
  height:100%;
  margin:0 0 20px;
  vertical-align: bottom;
}
#photocon02 img {
  width:100%;
  height:100%;
  margin:0 0 20px;
  vertical-align: bottom;
}
#photocon03 img {
  width:100%;
  height:100%;
  margin:0 0 20px;
  vertical-align: bottom;
}
#photocon03_on img {
  width:100%;
  height:100%;
  margin:0 0 20px;
  vertical-align: bottom;
}
#photocon04 img {
  width:100%;
  height:100%;
  margin:0 0 20px;
  vertical-align: bottom;
}
#photocon05 img {
  width:100%;
  height:100%;
  margin:0 0 20px;
  vertical-align: bottom;
}

#entrance {
  width:100%;
  height:450px;
  padding:10px;
}
}