@charset "utf-8";

@media screen and (min-width:641px) {
/**** 結果発表 ****/

section#resultArea .center_kekka {
background: #978c4c;
padding: 0.5rem 0 0;
font-size: 4rem;
text-align: center;
color: #fff;
border-radius: 5px;
margin: 0 auto 30px auto;
}

section#resultArea {
overflow: hidden;
margin: 10px auto 80px;
border-bottom: 1px #4b5749 dotted;
}

section#resultArea .r_float{
float: none!important;
margin: 10px auto!important;
}

section#resultArea .resultWrap:first-child{
float:left;
text-align:center;
width: 40%;
}

section#resultArea .resultWrap{
float: left;
margin: 5%;
margin-top: 10px;
width: 40%;
}

section#resultArea .award,section#resultArea .award1{
color: #fff;
text-shadow: 2px 2px 0px #333;
font-weight: bold;
background: #a8a363;
border-bottom: none;
text-align: center;
font-size: 2em;
line-height: 2.1;
padding-top: 4px;
}

section#resultArea .award1 {
position:relative;
}

section#resultArea .award1:before {
position:absolute;
content:url(../images/top01.png);
top: 9%;
left:23%;
}

section#resultArea .award1:after {
position:absolute;
content:url(../images/top02.png);
top: 25%;
right:23%;
}

section#resultArea .shopName{
background: #333;
color: #fff;
text-align: center;
line-height: 3em;
font-size: 1.5em;
border-top: none;
box-sizing: border-box;
}

section#resultArea .shopPhoto,section#resultArea .shopPhoto1{
border: 1px solid #a8a363;
border-bottom: none;
text-align: center;
height: 250px;
}

section#resultArea .shopPhoto1{
position:relative;
}

/*section#resultArea .shopPhoto1:before{
content: url(../images/bestBack_01.png);
position:absolute;
left: 1%;
bottom: -5px;
}

section#resultArea .shopPhoto1:after{
content: url(../images/bestBack_02.png);
position:absolute;
right: 1%;
bottom: -5px;
}*/

section#resultArea .shopPhoto a img,section#resultArea .shopPhoto1 a img  {
width: 250px;
height: 250px;
}


/**** 結果発表 ****/
section#tenpo section .shop_box form{
width:218px;
}}



/* スマートフォン用 */
@media screen and (max-width: 640px) {
/**** 結果発表 ****/
.center_kekka {
    background: #978c4c;
    padding: 0.5rem 0 0;
    font-size: 2rem;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    margin: 0 auto 15px auto;
    font-weight: bold;
}

section#resultArea {
border-bottom: 1px #4b5749 dotted;
margin-bottom:50px;
}

section#resultArea h2{
}

section#resultArea .resultWrap{
text-align:center;
margin-bottom:10px;
float:none;
}

section#resultArea .award,section#resultArea .award1{
color: #fff;
text-shadow: 2px 2px 0px #000;
font-weight: bold;
background: #978c4c;
border-bottom: none;
text-align: center;
font-size: 2em;
line-height: 1.5;
padding-top: 4px;
}

section#resultArea .award1 {
position:relative;
}

section#resultArea .award1:before {
position:absolute;
content:url(../images/top01.png);
top: 2%;
left: 17%;
}

section#resultArea .award1:after {
position:absolute;
content:url(../images/top02.png);
top: 10%;
right: 17%;
}

section#resultArea .shopName{
background: #333;
color: #fff;
text-align: center;
line-height: 1.5em;
font-size: 1.5em;
border-top: none;
box-sizing: border-box;
}

section#resultArea .shopPhoto,section#resultArea .shopPhoto1{
border: 1px solid #978c4c;
border-bottom: none;
text-align: center;
height: 250px;
}

section#resultArea .shopPhoto1{
position:relative;
}

/*section#resultArea .shopPhoto1:before{
content: " ";
background: url(../images/bestBack_01.png);
position: absolute;
left: 1%;
bottom: 1%;
width: 100px;
height: 130px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
}

section#resultArea .shopPhoto1:after{
content: " ";
background: url(../images/bestBack_02.png);
position: absolute;
right: 1%;
width: 100px;
height: 130px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
bottom: 1%;
}*/

section#resultArea .shopPhoto a img,section#resultArea .shopPhoto1 a img {
width: 250px;
height: 250px;
}
}