@charset "utf-8";
.main{
-webkit-text-size-adjust: 100%;
position: relative;
width: 750px;
margin: 0 auto;
overflow:hidden
}
.main .img01{
position: absolute;
top: 20px;
left: 12px;
}
.main .img02{
position: absolute;
top: -24px;
left:470px;
}
.main .img03{
position: absolute;
top: 100px;
left:193px;
}
.main .img04{
position: absolute;
top: 453px;
left: 223px;
}
.main .img04 a{
outline:none;
}
.main .img04:hover{
padding-top:3px;
}
.main .img05{
position: absolute;
top: 74px;
left: 436px;
}
.main .img06{
position: absolute;
top: 105px;
left: 535px;
}
.main .bnr_storesmap{
position: absolute;
bottom: 24px;
right: 24px;
}
.main .text{
position: absolute;
top: 428px;
left: 226px;
color:#fff;
font-size: 14px;
}
.main ul{
position: absolute;
top: 217px;
left: 20px;
background: url(/foods/oden/common/images/index_bg_01.png) no-repeat 0 0;
width: 126px;
height: 262px;
padding: 30px 8px 0;
overflow: hidden;
}
.main ul li{
float: right;
margin:0 0 0 12px;
}
.main ul li span{
display: none;
}
.main ul li:last-child{
margin-left: 0;
}
.main ul li a{
display: block;
margin-top: 6px;
}
.main ul li a:hover{
margin-top: 0;
}
.main ul li.nav01 a{
background: url(/foods/oden/common/images/list_01_off.png) no-repeat 0 0;
width: 23px;
height: 185px;
}
.main ul li.nav01 a:hover{
background: url(/foods/oden/common/images/list_01_on.png) no-repeat 0 0;
height: 187px;
}
.main ul li.nav02 a{
background: url(/foods/oden/common/images/list_02_off.png) no-repeat 0 0;
width: 24px;
height: 239px;
}
.main ul li.nav02 a:hover{
background: url(/foods/oden/common/images/list_02_on.png) no-repeat 0 0;
height: 241px;
}
.main ul li.nav03 a{
background: url(/foods/oden/common/images/list_03_off.png) no-repeat 0 0;
width: 23px;
height: 161px;
}
.main ul li.nav03 a:hover{
background: url(/foods/oden/common/images/list_03_on.png) no-repeat 0 0;
height: 167px;
}
.main ul li.nav04 a{
background: url(/foods/oden/common/images/list_04_off.png) no-repeat 0 0;
width: 18px;
height: 122px;
}
.main ul li.nav04 a:hover{
background: url(/foods/oden/common/images/list_04_on.png) no-repeat 0 0;
height: 128px;
}

/*モーダルウィンドウ*/
.mfp-iframe-holder{
}
.mfp-iframe-holder .mfp-content{
width:480px;
height:350px;
}
.mfp-iframe-scaler .mfp-close{
background:url(/foods/oden/products/images/modal_img01.png) no-repeat right center;
width:98px;
}

/*エフェクト効果*/
.mfp-fade.mfp-bg {
opacity: 0.001; /* Chrome opacity transition bug */
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.mfp-iframe-scaler iframe{
background:none;
}z
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}