/**********************/
@media print, screen and (min-width:  961px){ 
#mainImg {min-height:500px !important;position:relative;background:url(../img/loading.gif) no-repeat center center;}
.hero {width:100%;height:auto;position:relative;}

.hero .container{position:absolute;width:55%;z-index:994;left:0;bottom:8%; font-family: "Shippori Mincho", serif;}

.hero .container h1 {background:rgba(255,255,255,0.8);padding:10px 20px;font-size:clamp(2rem, 0.952rem + 1.29vw, 2.5rem);color:#444;display:inline-block;box-shadow: 3px 4px 10px -2px rgba(0,0,0,.4);font-weight:400;padding-left:5%;position:relative;z-index:5;border-radius:0 10px 0 0;} 
.hero .container p {background:rgba(255,255,255,0.8);padding:10px 20px;line-height:1.6em;font-size:clamp(1rem, 0.329rem + 0.976vw, 1.5rem);color:#444;display:inline-block;box-shadow: 3px 4px 10px -2px rgba(0,0,0,.4);font-weight:400;padding-left:5%;padding-top:30px;margin-top:-20px;position:relative;z-index:4;border-radius:0 10px 0 0;} 

.hero .skippr-nav-container {position:absolute; bottom:17px;}
.skippr-nav-element-block{width:10px;height:10px;margin: 0px 5px 0 5px;background-color:#ccc !important;border-radius:5px;}
.skippr-nav-element-active {background-color:#EC727F !important;}

.M01 {background-image: url(../img/top/main01.jpg?);}
.M02 {background-image: url(../img/top/main02.jpg?);}
.M03 {background-image: url(../img/top/main03.jpg?);}

.hero .open72 {position:absolute; bottom:-15px;right:0;z-index:99;width:40%;}

}
/*********************/
@media only screen and (max-width: 960px) { 
#mainImg {min-height:300px !important;position:relative;background:url(../img/loading.gif) no-repeat center center;}
.hero{width:100%;height:60%;min-height:200px;position:relative;}
.skippr-nav-element-block{width:10px;height:10px;margin: 0px 5px 0 5px;background-color:#ccc !important;border-radius:5px;}
.skippr-nav-element-active {background-color:#EC727F !important;}

.hero .container{position:relative;z-index:994}
.hero .container h1 {background:rgba(255,255,255,0.8);padding:10px 20px;font-size:1.5rem;color:#444;display:block;font-weight:400;padding-left:5%;position:relative;line-height:1.3em;text-align:center;} 

.hero .container p {padding:10px 10px;line-height:1.6em;font-size:1rem;color:#444;font-weight:400;position:relative;} 

.M01 {background-image: url(../img/top/main01sp.jpg?)}
.M02 {background-image: url(../img/top/main02sp.jpg?)}
.M03 {background-image: url(../img/top/main03sp.jpg?)}

.hero .open72 {position:absolute; top:300px;right:0;z-index:99;width:250px;}
}

.skippr{width:100%;height:100%;position:relative;overflow:hidden}
.skippr > div{position:absolute;width:100%;height:100%;background-size:cover;background-position:50% 62.5%;}

.skippr-nav-container{position:absolute;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);bottom:25px;overflow:auto;z-index:994}
.skippr-nav-element{cursor:pointer;float:left;background-color:rgba(255,255,255,0.5);-webkit-transition:all .25s linear;transition:all .25s linear}
.skippr-nav-element-bubble{width:12px;height:12px;border-radius:50%;margin:0 4px}
.skippr-nav-element:hover,.skippr-nav-element-active{background-color:#f4f4f4}
.skippr-arrow{position:absolute;z-index:994;top:50%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);width:30px;height:30px;transform-origin:center center;-webkit-transform-origin:top left;cursor:pointer}
.skippr-previous{left:2.5%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-top:2px solid #EC727F;border-left:2px solid #EC727F}
.skippr-next{right:3.5%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-bottom:2px solid #EC727F;border-right:2px solid #EC727F}
}