/* ベーシック */
body{
padding:0;
margin:0;
font:normal normal 100% 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
color:#333333;
background:#000 url(../img/backpic.jpg) repeat-y scroll bottom center;
}/* 背景に画像を使わない場合はurl()から後ろを消すこと（但し末尾の「;」は消しちゃダメです */

html body .contents{
padding:0;
margin:0;
min-width:0;
max-width:100%;
width:auto;
}

body.goods{
padding:0;
margin:0;
font:normal normal 100% 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
color:#333333;
background:url(../img/background.jpg) repeat fixed center center;
}/* 背景に画像を使わない場合はurl()から後ろを消すこと（但し末尾の「;」は消しちゃダメです */

html body .contents-goods{
padding:0;
margin:0;
background:url(../img/backk.png) no-repeat fixed top center;
min-width:0;
max-width:100%;
width:auto;
}

html body .contents-goods-b{
padding:0;
margin:0;
background:url(../img/backk2.jpg) no-repeat fixed top center;
min-width:0;
max-width:100%;
width:auto;
}

html body .contents-goods-e{
padding:0;
margin:0;
background:url(../img/backk3.png) no-repeat fixed top center;
min-width:0;
max-width:100%;
width:auto;
}

/* リンク関係 */
a,a:link,a:active{
text-decoration:none;
display:inline;
color:#00f;
background:none;
}

a:visited{
text-decoration:none;
color:#00f;
background:none;
}

a:hover{
text-decoration:underline;
color:#f33;
background:none;
}

/* メニュー用 */
h2.menu a,h2.menu a:link,h2.menu a:active{
padding:12px 15px 8px 15px;/* 画像で指定する場合は、ここを0にすること */
margin:0;
/* font-family: "VL ゴシック","VL Gothic" */
text-decoration:none;
color:#fff;
}

h2.menu a:visited{
padding:12px 15px 8px 15px;/* 画像で指定する場合は、ここを0にすること */
margin:0;
/* font-family: "VL ゴシック","VL Gothic" */
text-decoration:none;
color:#fff;
}

h2.menu a:hover{
padding:12px 15px 8px 15px;/* 画像で指定する場合は、ここを0にすること */
margin:0;
/* font-family: "VL ゴシック","VL Gothic" */
text-decoration:none;
color:#fff;
background:#333;
border-bottom:3px solid #f00;/* 画像で指定する場合は、ここを消すこと */
}

h2.menu-no{
padding:0;/* 画像で指定する場合は、ここを0にすること */
margin:0px 15px 8px 20px;
/* font-family: "VL ゴシック","VL Gothic" */
text-decoration:none;
font-size:90%;
float:left;
display:inline;
color:#666;
}

.contents-inner{
padding:0;
margin:0 auto;
width:775px;
}

.contents-sugoi{
padding:0;
margin:0 auto;
width:1024px;
}
.contents-inner-goods{
padding:0;
margin:0 auto;
width:1024px;
background-color:#fff;
}

h1{
width:100%;
padding:0;
margin:0;
}

#header{
background-color:#000;
color:#fff;
text-align:center;
}

#header h1 a,a:link.head{
padding:0;
margin:0;
display:block;
width:100%;
height:563px;
color:#333;
background:#000 url(../img/toppic.jpg) no-repeat top center;
}

#header h1 a:hover.head{
padding:0;
margin:0;
color:#333;
background:#000 url(../img/toppic.jpg) no-repeat top center;
}

#header .no-index{
padding:0;
margin:0;
width:100%;/* インデックス以外のページ・ヘッダーの幅 */
height:160px;/* インデックス以外のページ・ヘッダーの高さ */
color:#333333;
background:#000 url(../img/header.jpg) no-repeat top center;
}

#main{
padding:0;
margin:0;
width:775px;/* インデックス以外のページ・ヘッダーの幅 */
height:100%;/* インデックス以外のページ・ヘッダーの高さ */
color:#333;
background:#fcfcff;
}

#main2{
padding:0;
margin:0;
width:775px;/* インデックス以外のページ・ヘッダーの幅 */
height:100%;/* インデックス以外のページ・ヘッダーの高さ */
color:#333;
background:#000;
}

#main3{
padding:0;
margin:0;
width:1024px;/* インデックス以外のページ・ヘッダーの幅 */
height:100%;/* インデックス以外のページ・ヘッダーの高さ */
color:#333;
background:#fcfcff;
}

#main3 p{
padding:0 25px;
margin:0;
width:976px;/* インデックス以外のページ・ヘッダーの幅 */
text-align:left;
}

body.goods p{
padding:0 70px;
margin:0;
width:100%;/* インデックス以外のページ・ヘッダーの幅 */
text-align:left;
}

#main p,#main2 p{
padding:0 25px;
margin:0;
width:725px;/* インデックス以外のページ・ヘッダーの幅 */
height:100%;/* インデックス以外のページ・ヘッダーの高さ */
text-align:left;
}

#main p.gallery,#main2 p.gallery{
padding:0 25px;
margin:0;
width:725px;/* インデックス以外のページ・ヘッダーの幅 */
height:950px;/* インデックス以外のページ・ヘッダーの高さ */
text-align:center;
}

#main div.chara1,#main2 div.chara1{
padding:0 25px;
margin:0;
width:725px;/* インデックス以外のページ・ヘッダーの幅 */
height:800px;/* インデックス以外のページ・ヘッダーの高さ */
text-align:left;
background:url(../img/chara_back1.png) no-repeat top right;
}

#main div.chara2,#main2 div.chara2{
padding:0 25px;
margin:0;
width:725px;/* インデックス以外のページ・ヘッダーの幅 */
height:800px;/* インデックス以外のページ・ヘッダーの高さ */
text-align:left;
background:url(../img/chara_back2.png) no-repeat top right;
}

#main div.chara3,#main2 div.chara3{
padding:0 25px;
margin:0;
width:725px;/* インデックス以外のページ・ヘッダーの幅 */
height:800px;/* インデックス以外のページ・ヘッダーの高さ */
text-align:left;
background:url(../img/chara_back3.png) no-repeat top right;
}

a.wav,a:link.wav{
padding:2px 14px;
margin:10px 4px;
font:100% bold;
color:#f33;
border:1px solid #666;
}

a:hover.wav{
padding:2px 14px;
margin:10px 4px;
font:100% bold;
background:#333;
color:#ccc;
border:1px solid #666;
}

a.gal,a:link.gal{
padding:0;
margin:10px;
font:100% bold;
color:#f33;
border:0px;
}

a.spac,a:link.spac{
padding:0;
margin:0;
color:#333;
text-decoration:underline;
}
a:hover.spac{
padding:0;
margin:0;
color:#f00;
text-decoration:underline;
}

#cg{
padding:0;
margin:0 auto;
width:500px;/* インデックス以外のページ・ヘッダーの幅 */
height:100%;/* インデックス以外のページ・ヘッダーの高さ */
color:#333;
background:#fff url(../img/cg_back.jpg) no-repeat top center;
border-left:solid 10px #000;
border-right:solid 10px #000;
}

a.cg,a:link.cg{
padding:0;
margin:0;
font:100% bold;
text-decoration:underline;
color:#333;
}

a:hover.cg{
padding:0;
margin:0;
font:100% bold;
text-decoration:none;
color:#f00;
}

a.sabun{
padding:4px 25px;
margin:0;
font:100% bold;
color:#333;
border:1px solid #333;
}

a:hover.sabun{
padding:4px 25px;
margin:0;
font:100% bold;
color:#fff;
border:1px solid #333;
background:#666;
}

img.no-mar{
padding:0;
margin:0;
border:0;
}

#main p.story{
padding:0 25px;
margin:0;
width:725px;/* インデックス以外のページ・ヘッダーの幅 */
height:550px;/* インデックス以外のページ・ヘッダーの高さ */
text-align:left;
background:#fff url(../img/story_back.jpg) no-repeat bottom right;
}

#main span{
padding:0;
margin:0;
}

#main .left{
padding:0;
margin:0;
float:left;
width:250px;
height:550px;
}

#main .right{
padding:0;
margin:0;
float:right;
width:450px;
height:550px;
}



#footer{
padding:0;
margin:0;
width:775px;/* 全てのページ・フッターの幅 */
height:20px;/*全てのページ・フッターの高さ */
color:#333333;
background:#111;
text-align:center;
}

#footer2{
padding:0;
margin:0;
width:1024px;/* 全てのページ・フッターの幅 */
height:20px;/*全てのページ・フッターの高さ */
color:#333333;
background:#111;
text-align:center;
}

img{
padding:0;
margin:0;
border:0;
vertical-align: top;
}

.info{
margin:20px 20px 10px 20px;
padding:0 10px 10px 10px;
background:#ccc;
filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity:0.75;
}

.info h3{
padding:0;
border-bottom:1px dotted #000;
display:inline;
}

.info p{
padding:0;
margin:0;
border-bottom:1px dotted #000;
}

/* メニューや各見出し用 */
h2.menu{
font-size:100%;
padding:0;
margin:0;
float:left;
display:inline;
text-decoration:none;
}

.menu_bar{
padding:0;
margin:0;
background:#000;
width:100%;
height:42px;
color:#666;
}


h4{
padding:0;
margin:0 0 0 30px;
color:#f2a;
text-decoration:underline;
display:block;
text-align:left;
}

.rubi{
font-weight:bold;
font-size:20%;
line-height:22%;
}

.charaname{
font-weight:bold;
font-size:180%;
line-height:100%;
}

#goshopa input.shop {
    display: block;
    overflow: hidden;
    height: 70px;
    width: 410px;
    background-image: url(../img/pr_aset_cart.png);
    padding-top: 0px;
    text-align: center;
    margin: 0;
}
#goshopb input.shop {
    display: block;
    overflow: hidden;
    height: 70px;
    width: 410px;
    background-image: url(../img/pr_bset_cart.png);
    padding-top: 0px;
    text-align: center;
    margin: 0;
}
#goshopb2 input.shop {
    display: block;
    overflow: hidden;
    height: 35px;
    width: 205px;
    background-image: url(../img/pr_bset_cart.png);
    background-size: cover;
    padding-top: 0px;
    text-align: center;
    margin: 0;
}
#goshopc input.shop {
    display: block;
    overflow: hidden;
    height: 70px;
    width: 410px;
    background-image: url(../img/pr_cset_cart.png);
    padding-top: 0px;
    text-align: center;
    margin: 0;
}
#goshopz input.shop {
    display: block;
    overflow: hidden;
    height: 70px;
    width: 410px;
    background-image: url(../img/pr_zset_cart.png);
    padding-top: 0px;
    text-align: center;
    margin: 0;
}

#goshopa input:hover.shop,#goshopb input:hover.shop,#goshopb2 input:hover.shop,#goshopc input:hover.shop,#goshopd input:hover.shop,#goshopz input:hover.shop {
    background-position: 0 -70px;
}

a.webshop{
padding:0;
margin:0 auto;
display:block;
height:250px;
width:740px;
background-image:url(../../webshop/img/goods_list.png);
text-align:center;
}

a:hover.webshop{
background-position:0 -250px;
}

#goshopx input.shop {
    display: block;
text-decoration:none;
    overflow: hidden;
    height: 36px;
    width: 238px;
    background-image: url(../../tuuhan/shoppingcart.png);
    padding-top: 0px;
    text-align: center;
    margin: 4px 0 0 0;
}
#goshopx input:hover.shop {
text-decoration:none;
    background-position: 0 -36px;
}


.item{
    padding: 5px;
    margin: 10px;
    display: block;
    float: center;
    width: 400px;
    height: 220px;
    border-top: 1px dotted #333;
}

.item_ap{
    padding: 5px;
    margin: 10px;
    display: block;
    float: left;
    width: 480px;
    height: 270px;
    border-top: 1px dotted #333;
    background: url(../img/white40.png) repeat top center;
}

.item_t {
    padding: 5px;
    margin: 10px;
    display: block;
    float: left;
    width: 44%;
    height: 380px;
    border-top: 1px dotted #333;
}

.item .itempic {
    padding: 5px;
    margin: 0;
    float: left;
    width: 130px;
    text-align: center;
}
.item_ap .itempic{
    padding: 5px;
    margin: 0;
    float: left;
    width: 200px;
    text-align: center;

}

.item .item_r ,.item_ap .item_r {
    padding: 5px;
    margin: 0;
    width: 250px;
    float: right;
    text-align: left;
}

.item .item_b ,.item_ap .item_b {
    padding: 5px;
    margin: 0;
    clear: both;
    text-align: left;
    width: 100%;
}

.item_r h3,
.item_b h3 {
    font-family: "VL ゴシック", "VL Gothic";
    font-size: 80%;
    line-height: 100%;
    color:#ffba00;
    padding: 2px;
    margin: 0 0 10px 0;
}

.item_r p,
.item_b p {
    padding: 0;
    margin: 0;
    line-height: 110%;
    font-family: "VL ゴシック", "VL Gothic";
    font-size: 80%;
}

.item .price,
.item_t .price {
    padding: 0;
    margin: 0;
    font-weight: bold;
    color: #f00;
    font-size: 100%;
}

.item .botan,
.item_t .botan {
    float: right;
    padding: 0;
    margin: 6px 0 0 5px;
}




h3 a,a:link.sugoi{
padding:0;
margin:0;
display:block;
width:755px;
height:148px;
color:#333;
background:url(../img/sugoi0.png) no-repeat top left;
}

h3 a:hover.sugoi{
padding:0;
margin:0;
color:#333;
background:url(../img/sugoi0.png) no-repeat bottom right;
}

div.oppai{
background:url(../img/19_tominfo_base.jpg);
width:444px;
height:600px;
}

.daki_l {
    margin: 0;
    padding: 0;
    position: fixed;
    z-index:999;
    top: 0px;
    left: 50%;
    margin-left: -605px;
    margin-top: 0px;
}

.daki_r {
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0px;
    left: 50%;
    margin-left: 390px;
    margin-top: 0px;
}
.daki_r2 {
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0px;
    left: 50%;
    margin-left: 512px;
    margin-top: 634px;
}


.shop_dt{
}

.shop_sp{
display: none;
}


@media screen and (max-width:1350px) {
    .daki_l {
        display: none;
    }
    .daki_r {
        display: none;
    }
img.daki_l,img.daki_r,{
width:80px;
}
}

@media screen and (max-width:1024px) {
    .daki_l {
        display: none;
    }
    .daki_r {
        display: none;
    }
}




.oppai .botan {
  position: relative;
  top: 381px;
  left: 00px;
  margin-top: -30px;
  margin-left: -30px;
  width: 348px;
  height: 219px;
  background-image: url(../img/19_tominfo_botan.png);
  background-size: 100% 100%; }
  .animBall:hover {
    animation: animScale 0.4s ease-out;
    transform-origin: 50% 50%;
    -webkit-animation: animScale 0.4s ease-out;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: animScale 0.4s ease-out;
    -moz-transform-origin: 50% 50%; }

@keyframes animScale {
  0% {
    transform: scale(0.8, 0.8); }

  40% {
    transform: scale(1.2, 1.2); }

  60% {
    transform: scale(1, 1); }

  80% {
    transform: scale(1.1, 1.1); }

  100% {
    transform: scale(1, 1); } }

@-webkit-keyframes animScale {
  0% {
    -webkit-transform: scale(0.8, 0.8); }

  40% {
    -webkit-transform: scale(1.2, 1.2); }

  60% {
    -webkit-transform: scale(1, 1); }

  80% {
    -webkit-transform: scale(1.1, 1.1); }

  100% {
    -webkit-transform: scale(1, 1); } }

@-moz-keyframes animScale {
  0% {
    -moz-transform: scale(0.8, 0.8); }

  40% {
    -moz-transform: scale(1.2, 1.2); }

  60% {
    -moz-transform: scale(1, 1); }

  80% {
    -moz-transform: scale(1.1, 1.1); }

  100% {
    -moz-transform: scale(1, 1); } }