@charset "UTF-8";

/* CSS Document */

#mv {
    width: 950px;
    height: 863px;
    z-index: 1;
    position: relative;
    /*キャッシュ化*/
    background: url(/hirapar_niisan/img/bg_200228.jpg) no-repeat center center;
}

#mv li img {
    z-index: 10;
}

#mv p {
    display: none;
}

#mv p img {
    z-index: 100;
}

#mv h3 {
    position: absolute;
    top: 9px;
    left: 9px;
    z-index: 200;
}
#mv ul li a:hover img{
    opacity:0.8!important;
    filter:alpha(opacity=80)!important;
    -ms-filter: “alpha( opacity=80 )”!important;
}
#mv li.item-extension {
    position: absolute;
    top: 38px;
    left: 213px;
}

#mv li.item-left-window {
    position: absolute;
    top: 0px;
    left: 0px;
}

#mv li.item-parker {
    position: absolute;
    top: 308px;
    left: 775px;
}
#mv li.item-skate_shoes {
    position: absolute;
    top: 309px;
    left: 694px;
}

#mv li.item-left-poster {
    position: absolute;
    top: 35px;
    right: 450px;
}

#mv li.item-left-poster a span.dummy {
    position: absolute;
    width: 100%;
    height: 100%;
}

#mv li.item-right-poster {
    position: absolute;
    top: 35px;
    right: 97px;
}

#mv li.item-right-poster a span.dummy {
    position: absolute;
    width: 100%;
    height: 100%;
}
#mv li.item-pipin {
    position: absolute;
    top: 380px;
    right: 511px;
}
#mv li.item-illumi {
    position: absolute;
    top: 268px;
    right: 337px;
}
#mv li.item-halloween {
    position: absolute;
    top: 380px;
    right: 337px;
}
#mv li.item-pc {
    position: absolute;
    top: 623px;
    right: 277px;
}

#mv li.item-toge-hut{
    position: absolute;
    top: 619px;
    left: 312px;
}


#mv li.item-encho {
    position: absolute;
    top: 678px;
    left: 186px;
}
#mv li.item-flower {
    position: absolute;
    top: 590px;
    right: 184px;
}
#mv li.item-dog {
    position: absolute;
    top: 268px;
    right: 256px;
}
#mv li.item-ukiwa {
    position: absolute;
    top: 541px;
    right: 10px;
}
#mv li.item-script {
    position: absolute;
    top: 660px;
    right: 158px;
}
#mv li.item-encho a span.dummy {
    position: absolute;
    width: 100%;
    height: 100%;
}

#mv a:hover img {
    filter: alpha(opacity=80) !important;
    -ms-filter: "alpha(opacity=80)" !important;
    -moz-opacity: 0.8;
    opacity: 0.8;
}
#mv li a {
    outline: none;
    overflow: hidden;
}

#mv li.txt-caution {
    position: absolute;
    bottom: 10px;
    left: 304px;
}
/*ツールチップ*/
/* 表示文字の装飾 */
.tooltip1{
    display: inline-block;                        /* インライン要素化 */
    /* 下線を引く */
    filter: alpha(opacity=100) !important;
    -ms-filter: "alpha(opacity=100)" !important;
    -moz-opacity: 1.0;
    opacity: 1.0;
    position: relative;
}

/* ツールチップ部分を隠す */
.tooltip1 span {
    display: block;
    opacity: 0;
    position: absolute;            /* relativeからの絶対位置 */
    bottom: -20px;
    left: 10px;
    font-size:1.2rem;
    font-weight: bold;
    color: #fff;
    background-color: #4cc0f1;
    width: auto;
    padding: 5px;
    border-radius:3px;
    z-index:100;
}

/* マウスオーバー */
.tooltip1:hover {
    color: #333;
}

/* マウスオーバー時にツールチップを表示 */
.tooltip1:hover span {
    opacity: 1;
}
/* フキダシ部分を作成 */
.tooltip1 span:before{
    content:'';
    display:block;
    position:absolute;                         /* relativeからの絶対位置 */
    height:0;
    width:0;
    top:-13px;
    left:15px;
    border:13px transparent solid;
    border-right-width:0;
    border-left-color:#4cc0f1;
    transform:rotate(270deg);            /* 傾きをつける */
    -webkit-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    z-index:100;
}
.p_w{
    bottom: -20px!important;
    left: 30px!important;
    width: 100px!important;
}
.p_w02{
    bottom: -20px!important;
    left: 40px!important;
    width: 95px!important;
}
.p_w02-wuki{
    bottom: -20px!important;
    left: 40px!important;
    width: 70px!important;
}
.p_w03{
    bottom: -20px!important;
    left: 10px!important;
    width: 50px!important;
}
.p_w04{
    bottom: -30px!important;
    left: 10px!important;
    width: 80px!important;
}
.p_w05{
    bottom: -20px!important;
    left: 40px!important;
    width: 50px!important;
}
.p_w05-halwn{
    bottom: -20px!important;
    left: 10px!important;
    width: 187px!important;
}
.p_w04-skate{
    bottom: -40px!important;
    left: -10px!important;
    width: 70px!important;
}
/*モーダル*/
html
.p-modal-body{
  border: 5px solid #42b8ef;
  height: 500px;
}
.p-modal-body .p-modal-section{
  padding: 20px 20px 0;
}
.p-modal-body .p-modal-section .inner h2{
  color: #42b8ef;
  text-align: center;
  border-bottom: dotted 1px #333;
}
.p-modal-body .p-modal-section .inner img{
  margin: 0px auto 70px;
  display: block;
  width: 100%;
}
.p-modal-body .p-modal-section p{
  font-size: 1.8rem;
}