body   {
font-family:   "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#iremono {
    width:999px;
    margin:10px auto;
}

.baket {
	position:absolute;
	top:10px;
	left:6px;
	width:990px;
	height:450px;
	margin-top:12px;
	background-color:#000;
}
.baket_in { 
	position: relative;
background-image: url(../sha_top/shagokoro_moria_title.jpg);
	background-size:cover; /* contain */
	width:980px;
	height:300px;
	background-repeat: no-repeat;
	background-color:#fff;
}
/*
.baket_in span.o_maji {
	color :#f8f661;
	font-size :32px;
}
*/
    div.baab{
    display: flex;
    justify-content:space-around;
    margin: 0;
    padding: 0;
}
.baab img{
    height: auto;
    width: 100p%;
    display: block;
}

.baab span.o_maji{
    position: absolute;
    width: 980px;
    height:300px ;
    background: rgba(0,0,0,0);
    opacity: 1;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
	color :#f8f661;
    transition: .3s;
    font-size:32px;
}
.baab div:hover span.o_maji{
    background: rgba(0,0,0,0.2);
    opacity: 1;
}

.table_in {
    position: relative;
    width:998px;
}
ul{
    list-style-type: none; 
}
    ul.over{
    display: flex;
    justify-content:space-around;
    margin: 0;
    padding: 0;
}
.over li.card{
    position: relative;
    width:100%;
}
.over img{
    height: auto;
    width: 100p%;
    display: block;
}
.over span.tab-title-city{
    position: absolute;
    width: 244px;
    height:340px ;
    background: rgba(0,0,0,0.25);
    opacity: 1;
    left: 3px;
    top: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    transition: .3s;
    font-size:30px;
}
.over li:hover span.tab-title-city{
    background: rgba(0,0,0,0);
    opacity: 1;
}

.over span.tab-title-hana{
    position: absolute;
    width: 244px;  /* 327px */
    height:340px ;
    background: rgba(0,0,0,0);
    opacity: 0;
    left: 246px;
    top: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    transition: .3s;
    font-size:30px;
}
.over li:hover span.tab-title-hana{
    background: rgba(0,0,0,0);
    opacity: 1;
}
.over span.tab-title-model{
    position: absolute;
    width: 244px;
    height:340px ;
    background: rgba(0,0,0,0);
    opacity: 0;
    left: 498px;
    top: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    transition: .3s;
    font-size:30px;
}
.over li:hover span.tab-title-model{
    background: rgba(0,0,0,0);
    opacity: 1;
}
.over span.tab-title-nature{
    position: absolute;
    width: 244px;
    height:340px ;
    background: rgba(0,0,0,0.25);
    opacity: 1;
    left: 747px;
    top: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    transition: .3s;
    font-size:30px;
}
.over li:hover span.tab-title-nature{
    background: rgba(0,0,0,0);
    opacity: 1;
}

/*.baket_in div.cover {
	width:990px;
	height:200px;
	background-color:#000;
}*/

#footer {
	position: relative;
	top: 12px;
	float: none;
	width: 980px;
	height: 30px;
	font-size: 10pt;
	text-align: center;
	margin: 15px 0px 15px 0px;
	padding-top: 12px;
	border-top: #cccccc 1px solid;
	background-color: #fff;
}