@charset "utf-8";
/* CSS Document */


html{
 width: 100%;
 height: 100%;
 margin: 0;
 paading: 0;
 *overflow-x: hidden;
 position:relative!important;
}

body{ 
 width: 100%;
 height: 100%;
 background-color: #fffaf0;
 margin: 0!important;
 paading: 0!important;
 font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
 position:relative!important;
}

#wrapper{
 width: 100%;
 height: 100%;
 text-align: center;
 position:relative!important;
}


#contents img {
 width: 100%;
 height: auto;
}

a{
 text-decoration: none;
}

a:hover{
 opacity: 0.6;
}

a:hover div{
 opacity: 0.6;
}

ul{
 list-style: none;
 margin: 0;
 padding: 0;
 text-align: center;
}

.maintitle{
 padding-bottom: 50px;
}

.timeline-Widget{
 display: inline-block!important;
}

/* footer */
footer {
 width:100%;
 background-color: #b33e5c;
 position:relative;
 bottom: 0;
 text-align:center;
 color: #FFF;
 font-size: 12px;
 z-index: 3;
 margin: 0;
 padding: 50px 0;
}

.fo_img_wrap{
 width: 100%;
 height: auto;
}

.uribou{
 max-width: 250px;
 max-height: 55px;
 display: inline-block;
 *margin-right: 50px;
}

.melon{
 max-width: 250px;
 max-height: 55px;
 display: inline-block;
}

.footer_copy{
 margin: 20px 0 0 0;
 line-height: 2px;
}



@media screen and (orientation:landscape) {

.main_mobile{
 display: none;
}

.mobile_view{
 display: none;
}

.melon{
 margin: 0 0 250px 0;
}

.uribou{
 margin: 0 0 250px 30px;
}



 }

@media screen and (orientation:portrait) {

.main_pc{
 display: none;
}

.main_mobile{
 display: block;
}

.pc_view{
 display: none;
}

.mobile_view{
 display: block;
}

footer img{
 width: 32%!important;
 height: auto!important;
}

.fo_img_wrap{
 width: 100%;
 height: 60%;
 text-align: center;
}


}

@media all and (-ms-high-contrast:none){
body{
 position:relative!important;
}

}