.wrapper img{width: 100%;}

.wrapper h1 {
	height: 0;
    padding-bottom:  74.5%;
    background: url(../images/main_M.jpg) center top no-repeat;
    background-size: 100%;
}

.wrapper .bg{background-size: 100%;}
.wrapper .bgJRPass{background-image: url(../images/bgJRPass_M.jpg);}



.wrapper nav#mddNav ul {
    max-width: inherit;
    padding: 10px 0;
}

.wrapper nav#mddNav li {
    width: 22%;
    font-size: 14px;
}
.wrapper nav#mddNav.fixed li{ font-size: 14px;}
.wrapper nav#mddNav li:first-child{width: 28%;}


#JRPass {
    min-height:inherit;
    height: auto;
}

h2.kitty {
    margin: 60% 0 0 -50%;     width: 100%;
}
@keyframes kitty {
   from {  }
     to { filter: brightness(1.1);}
}
#JRPass a.btnSanin {
    margin: 159% 0 0 -47%;
    width: 47.5%; animation:btnJRPass 0.8s linear infinite alternate;
}
#JRPass a.btnSanyo {
    margin: 159% 0 0 0.5%;
    width: 47.5%; animation:btnJRPass 0.8s 0.8s linear infinite alternate;
}
@keyframes btnJRPass {
   0% {filter:hue-rotate(0deg);}
   75% {filter:hue-rotate(90deg);}
   100% {filter:hue-rotate(90deg);}
}
#JRPass .info {
    position: relative;
    padding: 175% 0 0 0;
    left: 50%;
    margin: 0 0 0 -47%;
    width: 95%;
    max-width: 1220px;
   
}
#JRPass .winner{position: absolute;  padding: 142% 0px 0 0; left: 50%;
    margin: 0 0 0 -40%; width:80%; max-width: 960px;font-size:30px;color:#356879;z-index: 999;line-height: 1.5; z-index: 999;}
#JRPass .winner a:link,#JRPass .winner a:visited{color:#b70000;}


#FeatureSanin , #FeatureSanyo{height: auto;
    overflow: hidden;}


.Feature .goBlog a{position: relative; left: 0;     box-sizing: content-box;}

.wrapper .bgFeatureSanin {
    background-image: url(../images/bgFeatureSanin_M.jpg);
}
.Feature .goBlog a.btnSaninFood{    margin: 50% 0 0 2%;
    width: 50%;}
.Feature .goBlog a.btnSaninSight{margin: 8% 0 0 48%;
    width: 50%;}
.Feature .goBlog a.p1{margin: -40% 0 0 44%;
    width: 54%;}
.Feature .goBlog a.p2{    margin: -46% 0 0 2%;
    width: 54%;}
.Feature .goBlog a.p3{    margin: -53% 0 0 43%;
    width: 54%;}
.Feature .goBlog a.p4{margin: -38% 0 0 2%;
    width: 54%;}


.wrapper .bgFeatureSanyo {
    background-image: url(../images/bgFeatureSanyo_M.jpg);
}


.Feature .goBlog a.btnSanyoFood{    margin: 57% 0 0 2%;
    width: 50%;}
.Feature .goBlog a.btnSanyoSight{    margin: 8% 0 0 48%;
    width: 50%;}
.Feature .goBlog a.p5{    margin: -40% 0 0 45%;
    width: 54%;}
.Feature .goBlog a.p6{       margin: -46% 0 0 2%;
    width: 54%;}
.Feature .goBlog a.p7{    margin: -53% 0 0 44%;
    width: 54%;}
.Feature .goBlog a.p8{margin: -33% 0 0 2%;
    width: 54%;}


.Feature p{max-width: 94%;
    margin: 0 0 0 -46%;
    font-size: 15px;
    height: auto;
}
.Feature p.A , .Feature p.B  {
            padding: 2% 0 6% 0;
}
.Feature p.A{    border-bottom: 2px dotted #ff7800;}



.goBlog i {position: relative;
    left: 50%;
    top: 0;}
.goBlog i img{width: 100%;}
.goBlog i.d1{
    margin: 10% 0 0 10%;
    width: 32%;}
.goBlog i.d2{
    margin: 3% 0 0 -40%;
    width: 27%;}
.goBlog i.d3{
    margin: 4% 0 0 10%;
    width: 31%;}
.goBlog i.d4{
        margin: 3% 0 0 -40%;
    width: 25%;}


 .bn{padding-top: 5%;}


 @media only screen and (max-width: 960px) {

#JRPass .winner{font-size:24px;}


 }


 @media only screen and (max-width: 723px) {

#JRPass .winner{font-size:18px;}


 }

  @media only screen and (max-width: 563px) {

#JRPass .winner{font-size:14px;}


 }

   @media only screen and (max-width: 424px) {

#JRPass .winner{font-size:12px;word-break: break-all;}


 }