@charset "UTF-8";

/* 文字指定 */
body {
font-family: 'Hiragino Kaku Gothic Pro','Meiryo','sans-serif';
      }
.f50B { font-size: 50px; font-weight: bold; }
.f47B { font-size: 47px; font-weight: bold; }
.f46B { font-size: 46px; font-weight: bold; }
.f45B { font-size: 45px; font-weight: bold; }
.f42B { font-size: 42px; font-weight: bold; }
.f40 { font-size: 40px; }
.f40B { font-size: 40px; font-weight: bold; }
.f38B { font-size: 38px; font-weight: bold; }
.f30B { font-size: 30px; font-weight: bold; }
.f28B { font-size: 28px; font-weight: bold; }
.f27B { font-size: 27px; font-weight: bold; }
.f26B { font-size: 26px; font-weight: bold; }
.f25B { font-size: 25px; font-weight: bold; }
.f25 { font-size: 25px; }
.f24B { font-size: 24px; font-weight: bold; }
.f23 { font-size: 23px; }
.f22B { font-size: 22px; font-weight: bold; }
.f21 { font-size: 21px; }
.f20B { font-size: 20px; font-weight: bold; }
.f20 { font-size: 20px; }
.f18B { font-size: 18px; font-weight: bold; }
.f18 { font-size: 18px; }
.f16B { font-size: 16px; font-weight: bold; }
.f16 { font-size: 15px; }
.f15 { font-size: 15px; }
.f14 { font-size: 14px; }
.f10 { font-size: 10px; }
.fc-white { color: white; }
.fc-red { color: red; }
strong { font-size: 18px; }
td { font-size: 20px; }


/* ボックス指定 */
.center-block { margin: auto; }
.center-inlineblock { text-align: center; }
.center-left { display: inline-block; text-align: left; }
.center-right { display: inline-block; text-align: right; }
.center { display: inline-block; text-align: center; }
.left { display: inline-block; text-align: left; }
.inlineblock { display: inline-block; }

.sukima-115 { height: 115px; }
.sukima-LLL { height: 30px; }
.sukima-LL { height: 25px; }
.sukima-L { height: 20px; }
.sukima-M { height: 15px; }
.sukima-S { height: 10px; }
.sukima-8 { height: 8px; }
.sukima-SS { height: 5px; }


/* ヘッダー */
#header { margin: auto; width: 100%;
            position: fixed; z-index: 99;
            text-align: center;
            background-color: white;
            transition: 0.3s; }
#header-close { margin: auto; width: 100%;
                position: fixed; z-index: 99;
                text-align: center;
                background-color: white;
                transition: 0.3s;
                transform: translateY(-100%) translateY(32px); }
#header-nakami-waku { display: inline-block; width: 100%;
                      max-width: 1000px;
                     }
#header-nakami { display: inline-block;
                  width: 100%; max-width: 1000px;
                  border-top-right-radius: 15px;
                  border-top-left-radius: 15px;
                  border-bottom-right-radius: 4px;
                  border-bottom-left-radius: 4px;
                  padding: 6px 6px 6px;
                  background-color: #00DB99;
                  box-shadow: 0 6px 8px white; }

#header-nakami1 { padding: 0px 0px 4px; }
#header-logo { height: 100px; width: 207.6px; float: left;
                margin-right: 10px; margin-bottom: 0px; }
#header-title1,#header-title2 { display: inline-block;
                margin: 4px 0px; }
#sns-button-waku { display: inline-block;
                    float: right; height: 40px; }
@media screen and (max-width: 890px) {
  #sns-button-waku{ display: inline-block; float: right; height: 100px; } }
.sns-button { display: inline-block; position: relative; text-decoration: none; }
.sns-button-pic { height: 40px; width: 40px; }
.sns-boxshadow {  display: inline-block; position: absolute;
                  height: 40px; width: 40px;
                  top: 0px;
                  left: 50%;/*←IEの中央合わせ不可対策*/
                  -moz-transform: translateX(-50%);
                  -webkit-transform: translateX(-50%);
                  -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
                  border-radius: 50%; }
.sns-boxshadow:hover { box-shadow: 0px 0px 5px 3px white inset; }


#navi { display: block; width: 100%; }
.navi-button { display: inline-block; position: relative;
                text-align: center;
                text-decoration: none; }
#navi img { height: 46px; width: 120px; }
.navi-text {  display: inline-block; position: absolute;
              font-size: 22px; font-weight: bold;
              top: 9px; left: 14px;
              height: 46px; width: 120px; }
@media screen and (max-width:700px){
    #navi img { height: 38px; width: 100px; }}
@media screen and (max-width:700px){
  .navi-text { font-size: 19px; font-weight: bold;
                top: 8px; left: 12px;
                height: 38px; width: 100px; }}
#navi-text1 { transform: scale(1.2,1); }
#navi-text2 { transform: scale(0.9,1); }
#menulink-babyrobo { position: relative; top: -160px; }
#navi-text3 { transform: scale(0.75,1); }
#menulink-story { position: relative; top: -160px; }
#navi-text4 { transform: scale(1.2,1); }
#menulink-himitsu { position: relative; top: -160px; }
#navi-text5 { transform: scale(0.9,1); }
#navi-text6 { transform: scale(1.2,1); }

#ac-button-waku1 {height: 26px; width: 100%; max-width: 1000px;
                  background-color: #C9EBCE;
                  margin-top: 6px;
                  border-radius: 4px; }
#ac-button-waku2 { height: 26px; width: 100%; max-width: 1000px;
                  margin-top: 5px;
                  background-color: #C9EBCE;
                  border-radius: 4px;
                  display: none; }
.ac-button-waku-in { position: relative; top: 2px; }
.slide-line { display: inline-block;
              height: 13px; width: 47%;
              border-top: solid 3px #DFF3E2;
              border-bottom: solid 3px #DFF3E2; }
#sankaku1 { display: inline-block; width: 16px;
            transform: scale(2.5,1) rotate(180deg);
            pointer-events: none;
            color: white; background-color: #C9EBCE; }
#sankaku2 { display: inline-block; width: 16px;
            transform: scale(2.5,1);
            pointer-events: none;
            color: white; background-color: #C9EBCE; }
#header-nakami-ura { display: inline-block;
                  width: 100%; max-width: 1000px;
                  border-top-right-radius: 15px;
                  border-top-left-radius: 15px;
                  border-bottom-right-radius: 4px;
                  border-bottom-left-radius: 4px;
                  padding: 6px 8px 6px;
                  background-color: white;}
#header-shita-sukima { height: 10px; }
#header-shita-sukima-close { height: 40px; }

/* フッター */
#footer { position: relative; z-index: 1;
          margin:auto; text-align: center;
          height: 80px; width: 100%;
          background-color: white; }

#footer-nakami {  position: relative;
                  margin:auto;
                  height: 75px; max-width:1000px;
                  background-color: #00DB99;
                  padding-top: 26px;
                  border-bottom-right-radius: 15px;
                  border-bottom-left-radius: 15px; }

/* コンテンツ */
#contents { z-index: 1;
            text-align: center;
            background-color: white; }

/*<↓メインページ>*/

/* タイトル画像 */
#title {  position: relative;
          margin: auto; text-align: center;
          min-height: 600px; max-width: 1000px;
          background-image: url(pics/title-pic-back.png);
          background-position: center;
          background-repeat: no-repeat; }
@media screen and (max-width:634px){
      #title { background-image: url(pics/title-pic-back2.png); }}
#title-pic-center { position: absolute; bottom: 0px;
                    height: auto; width: 100%; max-width: 635px;
                    -moz-transform: translateX(-50%);
                    -webkit-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
                    left: 50%;/*←IEの中央合わせ不可対策*/}
#title-text { position: absolute; top: 5px;
              -moz-transform: translateX(-50%);
              -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              transform: translateX(-50%);
              left: 50%;/*←IEの中央合わせ不可対策*/
              width: 100%;/*←ここ重要 */
              text-shadow: 3px 2px white; color: green; }
#title-text1,#title-text2,#title-text3
                  { display: inline-block; line-height: 50px; }



/* ニュース */
#news { margin: auto; text-align: center;
        min-height: 80px; max-width: 1000px; padding: 2px 7px;
        border-radius: 4px; background-color: palegreen; }
#news-title { display: inline-block; float: left;}
#news-text { display: inline-block; margin-top: 3px; margin-left: 7px; }

/* スタンプ */
#sticker {  margin: auto; text-align: center;
            max-width: 1000px;
            border-radius: 4px; background-color: palegreen; }
#sticker-text-waku {  display: inline-block; width: 216px;
                      float: left; margin:0 7px 0; }
.sticker-text { display: inline-block; }
#sticker-pic-allwaku { display: inline-block; clear: left; }
.sticker-pic-1waku { display: inline-block; }
.sticker-pic { max-width: 385px; height: auto; }
.sticker-link { display: inline-block; position: relative;
                text-decoration: none; }
.sticker-boxshadow {  display: inline-block; position: absolute;
                      height: 100%; width: 100%;
                      top: 0px;
                      left: 50%;/*←IEの中央合わせ不可対策*/
                      -moz-transform: translateX(-50%);
                      -webkit-transform: translateX(-50%);
                      -ms-transform: translateX(-50%);
                      transform: translateX(-50%);
                      border-radius: 12px; }
.sticker-boxshadow:hover { box-shadow: 0px 0px 8px 5px white inset; }
@media screen and (max-width:999px){
  #sticker-text-waku { display: block; width: 100%; text-align: left; } }
@media screen and (max-width:999px){
  #sticker-pic-allwaku { display: block; } }
@media screen and (max-width:600px){
  .sticker-pic { max-width: 500px; }.sticker-boxshadow { border-radius: 16px; }}


/* ベビロボって？？*/
#babyrobotte { position: relative; max-width: 1000px;
                margin: auto; text-align: center;}
#babyrobotte-in {  display: inline-block; position: relative;
                      width: 100%;/* ←これ重要 */
                      border-top-right-radius: 15px;
                      border-top-left-radius: 15px;
                      border-bottom-right-radius: 4px;
                      border-bottom-left-radius: 4px;
                      background-color: #FF7800;
                      padding: 3px 5px 8px; }
.title-babyrobotte { display: inline-block; }

#babyrobotte-text2 {  display: inline-block; position: relative;
                      width: 100%; padding: 6px;
                      text-align: center;
                      border-top-right-radius: 10px;
                      border-top-left-radius: 10px;
                      background-color: white;
                      padding: 3px; }
#babyrobotte-text2in { display: inline-block; text-align: left;
                      padding: 3px 6px; }
#babyrobotte-text2-1 { text-shadow: 5px 4px lavender; }

#link-himitsu-waku { text-align: right; }
#link-himitsu { text-align: left; margin-right: 5px; margin-bottom: 8px; }
.link-button-pink {  display: inline-block;
                border-radius: 8px;
                padding:5px 8px; border:solid 2px white;
                background-color: #FF5FFF;
                text-decoration: none; color: white;
                box-shadow: 3px 3px 3px lightgray;  }
.link-button-pink:hover { background-color: #FFA0FF;
                      box-shadow: 2px 2px 5px lavender; }
.link-icon-himitsu { position: relative; top: 3px; }

/* ベビロボたち */
#chara {  margin: auto;
          position: relative;  max-width: 984px; width: 100%;
          text-align: center;
          background-image: url(chara/chara-back.png);
          background-position: bottom center; }
#babyrobo-waku { position: relative; }
.babyrobo { display: inline-block; position: relative;
          height: 595px; width: 300px; }
.tenmetsu { position: absolute;  bottom: 1px; left: 0px; pointer-events: none; }
.setsumei_bun { position: absolute; width: 260px; top: 435px; left: 25px; opacity: 0;
                transition: 0.3s; transition-delay: 0.2s; pointer-events: none; }
.comingsoon-babyrobo { position: absolute; width: 100px;
              top: 200px; left: 50%; transform: translateX(-50%) rotate(-15deg) ;
              padding: 0px 5px; background-color: red;
              border-radius: 6px; box-shadow: 0px 0px 5px 1px white;
              pointer-events: none;
              opacity: 0; }

/*ストーリー*/
#story { margin: auto; text-align: center;
         max-width: 1000px;}
#story-waku { display: inline-block;
              width: 100%;
              border-top-right-radius: 15px; border-top-left-radius: 15px;
              border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;
              padding: 3px 5px 8px;
              background-color: #005AFF; }
#story-waku-in { margin: auto; width: 100%; }
#story-title { display: inline-block; }
#story-1,#story-2 { display: inline-block; position: relative;
                    width: 493px; padding: 3px;
                    border-top-right-radius: 10px; border-top-left-radius: 10px;
                    background-color: white;
                    vertical-align: top; }
#story-sukima { display: inline-block; width: 4px; height: 4px; }
@media screen and (max-width:999px){
      #story-1,#story-2 { width: 100%; }}
#story1-pic-waku { position: relative;
                  background-image: url(pics/story1-back.png);
                  background-position: center;
                  background-repeat: no-repeat; }
#story1-pic { height: 350px; width: 100%; max-width: 487px; }

#story2_1-2 { display: inline-block; width: 487px; position: relative;}
.story2 { display: inline-block; position: relative; }
#story2-pic-waku { position: relative;
                  background-image: url(pics/story2-back.png);
                  background-position: center;
                  background-repeat: no-repeat; }
.story1-boxshadow { display: inline-block; position: absolute;
                    height: 350px; width: 487px;
                    top: 0px;
                    left: 50%;/*←IEの中央合わせ不可対策*/
                    -moz-transform: translateX(-50%);
                    -webkit-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    transform: translateX(-50%); }
.story1-boxshadow:hover { box-shadow: 0px 0px 10px 5px white inset;}
.story2-boxshadow { display: inline-block; position: absolute;
                    height: 350px; width: 243.5px;
                    top: 0px; left: 0px; }
.story2-boxshadow:hover { box-shadow: 0px 0px 10px 5px white inset;}
.story2-pic {  height: 350px; width: 243.5px; }
.blog-text { position: absolute; top: 15px; width: 100%;
              left: 50%;/*←IEの中央合わせ不可対策*/
              -moz-transform: translateX(-50%);
              -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              transform: translateX(-50%);
              line-height: 25px; }
#comingsoon-story1 { position: absolute; width: 95px;
              top: 20px; left: 50%; transform: translateX(-50%) rotate(-15deg) ;
              padding: 0px 5px; background-color: red;
              border-radius: 6px; box-shadow: 0px 0px 5px 1px white;
              pointer-events: none; }
#comingsoon-story2 { position: absolute; width: 95px;
              top: 20px; left: 49%; transform: translateX(-50%) rotate(-15deg) ;
              padding: 0px 5px; background-color: red;
              border-radius: 6px; box-shadow: 0px 0px 5px 1px white;
              pointer-events: none; }


/*ベビロボのひみつ*/
#himitsu {  margin: auto; text-align: center; max-width: 1000px;
            border-top-right-radius: 15px; border-top-left-radius: 15px;
            border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;
            background-color: #FF5FFF;
            padding: 3px 5px 8px; }
.waku-uchi {  border-top-right-radius: 10px; border-top-left-radius: 10px;
              width: 100%; padding: 3px;
              display: inline-block; position: relative; text-align: center;
              background-color: white; }
.waku-uchi-in { display: inline-block; width: 100%; }
.himitsu-title { display: inline-block; }
#himitsu1,#himitsu2,#himitsu3,#himitsu4,#himitsu5,#himitsu6
          { float: left; margin-right: 10px; margin-top: -2px; margin-left: -6px;}

/*ひみつ1-生まれる*/
#umareru-title { display: inline-block; width: 100%; text-align: left;
                  padding: 2px 6px; }
#himitsu1-bun1,#himitsu1-bun2,#himitsu1-bun3,#himitsu1-bun4
                { display: inline-block; }
#umareru-pic-waku { background-image: url(pics/umareru-back.png);
                    background-position: center;
                    background-repeat: no-repeat;
                    max-width: 984px; }
#umareru-pic-waku-in { display: inline-block; position: relative; }
#umareru02s { display: inline-block; }
#umareru01s { display: inline-block; position: absolute;
              top: 0px; transform: translateX(-50%);
              left: 50%;/*←IEの中央合わせ不可対策*/
              transition: 0.7s; }

#umareru01s,#umareru02s { height: auto; width: 100%; max-width: 515px; }
#umareru01_setsumei_waku {  display: inline-block; position: absolute;
                            width: 400px; top: 88%;
                            background-color: ivory; border-radius: 5px;
                            border: solid 3px oldlace;
                            padding: 5px; text-align: left;
                            left: 50%;/*←IEの中央合わせ不可対策*/
                            z-index: 10;
                            -moz-transform: translateX(-50%);
                            -webkit-transform: translateX(-50%);
                            -ms-transform: translateX(-50%);
                            transform: translateX(-50%);
                            opacity: 0;  pointer-events: none;
                            box-shadow: 0px 2px 5px gray;
                            transition: 0.2s; }

/*ひみつ2-オムツギア*/
#og-title { display: inline-block; width: 100%; text-align: left;
            padding: 2px 6px; }
#og-waku { background-color: #DAFFFF; }
#himitsu2-bun1,#himitsu2-bun2 { display: inline-block; }
.og_s { display: inline-block; position: relative;
        height: auto; width: 246px; }
.og_open {  opacity: 0; visibility: hidden;
            position: absolute;
            height: auto; width: 246px; top: 0px;
            -moz-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            left: 50%;/*←IEの中央合わせ不可対策*/
            transition: 0.1s;
            z-index: 10;
            box-shadow: 0px 2px 5px gray;}
.og_setsumei_waku { opacity: 0; visibility: hidden;
                    position: absolute;
                    width: 246px;
                    left: 50%;/*←IEの中央合わせ不可対策*/
                    background-color: ivory; border-radius: 5px;
                    border: solid 3px oldlace;
                    padding: 5px; text-align: left;
                    -moz-transform: translateX(-50%);
                    -webkit-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
                    transition: 0.1s;
                    z-index: 20;
                    box-shadow: 0px 2px 5px gray; }
.og_setsumeibun { pointer-events: none; }
#og01_setsumei_waku { top: 340px; }
#og02_setsumei_waku { top: 475px; }
#og03_setsumei_waku,#og04_setsumei_waku { top: 290px; }
#og05_setsumei_waku { top: 505px; }
#og06_setsumei_waku { top: 365px; }

.comingsoon-og { position: absolute; width: 150px;
              top: 100px; left: 50%; transform: translateX(-50%) rotate(-15deg) ;
              padding: 7px 5px; background-color: red;
              border-radius: 6px; box-shadow: 0px 0px 5px 1px white;
              pointer-events: none;
              opacity: 0; }


/*ひみつ3-サポートロボ*/
#support-title { display:inline-block; width: 100%; text-align: left;
                  padding: 2px 6px; }
#support_soto { position: relative; }
#support_shitashita { display: inline-block;
                      position: absolute; height: 100%; width: 100%;
                      top: 0px; left: 0px;
                      background-image: url(chara/support/support_back.png);
                      background-position: center;  }
#support_shita {  display: inline-block;
                  position: absolute; height: 100%; width: 100%;
                  top: 0px; left: 0px;
                  background-image: url(chara/support/support_sil_back.jpg);
                  background-position: center; }
#himitsu3-bun1,#himitsu3-bun2 { display: inline-block; }
.support_s {  display: inline-block; position: relative;
              transition: 0.1s; }
#support01s,#support02s,#support03s
                  { height: 300px; width: 328px; }
#support01_setsumei_waku
                  { display: inline-block;
                  position: absolute; width: 328px;
                  background-color: ivory; border-radius: 5px;
                  border: solid 3px oldlace;
                  padding: 5px; text-align: left;
                  top: 100%; left: 50%;/*←IEの中央合わせ不可対策*/
                  -moz-transform: translate(-50%, -20%);
                  -webkit-transform: translate(-50%, -20%);
                  -ms-transform: translate(-50%, -20%);
                  transform: translate(-50%, -20%);
                  transition: 0.1s; pointer-events: none;
                  z-index: 10; opacity: 0;
                  box-shadow: 0px 2px 5px gray; }
#support02_setsumei_waku
                  { display: inline-block;
                  position: absolute; width: 328px;
                  background-color: ivory; border-radius: 5px;
                  border: solid 3px oldlace;
                  padding: 5px; text-align: left;
                  top: 100%; left: 50%;/*←IEの中央合わせ不可対策*/
                  -moz-transform: translateX(-50%);
                  -webkit-transform: translateX(-50%);
                  -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
                  transition: 0.1s; pointer-events: none;
                  z-index: 10; opacity: 0;
                  box-shadow: 0px 2px 5px gray; }
#support03_setsumei_waku
                  { display: inline-block;
                  position: absolute; width: 328px;
                  background-color: ivory; border-radius: 5px;
                  border: solid 3px oldlace;
                  padding: 5px; text-align: left;
                  top: 100%; left: 50%;/*←IEの中央合わせ不可対策*/
                  -moz-transform: translate(-50%, -15%);
                  -webkit-transform: translate(-50%, -15%);
                  -ms-transform: translate(-50%, -15%);
                  transform: translate(-50%, -15%);
                  transition: 0.1s; pointer-events: none;
                  z-index: 10; opacity: 0;
                  box-shadow: 0px 2px 5px gray; }

/*ひみつ4-オムワン、オムツー*/
#om1-2-title { display: inline-block; width: 100%; text-align: left;
                padding: 2px 6px; }
#himitsu_om { background-image: url(chara/om/om-back.png); }
#himitsu4-bun1,#himitsu4-bun2 { display: inline-block; }
.om_s { display: inline-block; position: relative;
        height: 300px; }
#om02_setsumei_waku { display: inline-block;
                  left: 50%;/*←IEの中央合わせ不可対策*/
                  position: absolute; width: 280px;
                  background-color: ivory; border-radius: 5px;
                  border: solid 3px oldlace;
                  padding: 5px; text-align: left;
                  z-index: 10;
                  -moz-transform: translateX(-50%);
                  -webkit-transform: translateX(-50%);
                  -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
                  opacity: 0; top: 290px;
                  transition: 0.1s; pointer-events: none;
                  box-shadow: 0px 2px 5px gray; }
#om01_setsumei_waku { display: inline-block;
                  left: 50%;/*←IEの中央合わせ不可対策*/
                  position: absolute; width: 280px;
                  background-color: ivory; border-radius: 5px;
                  border: solid 3px oldlace;
                  padding: 5px; text-align: left;
                  z-index: 10;
                  -moz-transform: translateX(-50%);
                  -webkit-transform: translateX(-50%);
                  -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
                  opacity: 0; top: 290px;
                  transition: 0.1s; pointer-events: none;
                  box-shadow: 0px 2px 5px gray; }

#om1-2-link { display: inline-block; float: right;
              margin-top: 5px; margin-right: 8px; margin-bottom: 8px; }
#himitsu4-bun3 { display: inline-block; position: relative; vertical-align: top;
                  transform: translate(0,100%); }
#himitsu4-bun4 { display: inline-block; position: relative; }
#coming_hajimari { position: absolute; width: 150px;
              top: 0px; left: 50%; transform: translateX(-50%) rotate(-7deg) ;
              padding: 7px 5px; background-color: red;
              border-radius: 6px; box-shadow: 0px 0px 5px 1px white;
              pointer-events: none; text-align: center;
              opacity: 0; }
.link-button-blue {  display: inline-block;
                border-radius: 8px;
                padding:5px 8px; border:solid 2px white;
                background-color: #005AFF;
                text-decoration: none; color: white;
                box-shadow: 3px 3px 3px lightgray;  }
.link-button-blue:hover { background-color: #0091FF;
                      box-shadow: 2px 2px 5px lavender; }
.link-icon-story { position: relative; top: 3px; }


/*ひみつ5-オムージ*/
#omg-title { display: inline-block; width: 100%; text-align: left;
              padding: 2px 6px; }
#himitsu5-bun1,#himitsu5-bun2 { display: inline-block; }
#omg_soto { position: relative; }
#omg_shitashita { display: inline-block;
                  position: absolute; height: 100%; width: 100%;
                  left: 0px;
                  background-image: url(chara/om/omg_back.png);
                  background-position: center; }
#omg_shita {  display: inline-block;
              position: absolute; height: 100%; width: 100%;
              left: 0px;
              background-image: url(chara/om/omg_sil_back.jpg);
              background-position: center; }
#omg_setsumei_waku {  position: absolute; width: 330px;
                      background-color: ivory; border-radius: 5px;
                      border: solid 3px oldlace;
                      padding: 5px; text-align: left;
                      z-index: 10;
                      -moz-transform: translateX(-50%);
                      -webkit-transform: translateX(-50%);
                      -ms-transform: translateX(-50%);
                      transform: translateX(-50%);
                      opacity: 0; top: 290px;
                      left: 50%;/*←IEの中央合わせ不可対策*/
                      transition: 0.1s; pointer-events: none;
                      box-shadow: 0px 2px 5px gray; }
#coming_jiji { position: absolute; width: 150px;
              top: 140px; left: 50%; transform: translateX(-50%) rotate(-15deg) ;
              padding: 7px 5px; background-color: red;
              border-radius: 6px; box-shadow: 0px 0px 5px 1px white;
              pointer-events: none;
              opacity: 0; }


/*ひみつ6-OM2星*/
#om2star-title { display: inline-block; width: 100%; text-align: left;
                  padding: 2px 6px; }
#himitsu6-bun1,#himitsu6-bun2 { display: inline-block; }
#himitsu_om2star {  background-color: #FFDCFF;
                    background-image: url(chara/om/om2star_back.png);
                    background-position: center; }

#om2star_setsumei_waku { display: inline-block;
                  position: absolute; width: 330px;
                  background-color: ivory; border-radius: 5px;
                  border: solid 3px oldlace;
                  padding: 5px; text-align: left;
                  z-index: 10;
                  -moz-transform: translateX(-50%);
                  -webkit-transform: translateX(-50%);
                  -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
                  opacity: 0; top: 265px;
                  left: 50%;/*←IEの中央合わせ不可対策*/
                  transition: 0.1s; pointer-events: none;
                  box-shadow: 0px 2px 5px gray; }

#coming_star { position: absolute; width: 150px;
              top: 140px; left: 50%; transform: translateX(-50%) rotate(-15deg) ;
              padding: 7px 5px; background-color: red;
              border-radius: 6px; box-shadow: 0px 0px 5px 1px white;
              pointer-events: none;
              opacity: 0; }


/*ラストメッセージ*/
#saigoni {  margin: auto; text-align: center;
            position: relative; min-height: 150px; max-width: 1000px;
            padding: 5px 15px; border-radius: 4px;
            color: forestgreen; background-color: #FFFF4D; }
#saigoni-in { display: inline-block; }
#saigoni-in1,#saigoni-in2 { display: inline-block; text-align: left; }

@media screen and (max-width:590px){
  #saigoni-in1,#saigoni-in2 {
    display: inline-block; text-align: center; } }
@media screen and (max-width:590px){
  #saigoni-yajirushi { display: inline-block; transform: rotate(90deg); }}
/*別に共通styleあり(リンクボタン)*/
#saigoni-pic {  float: right;
                height: 150px; width: 150px;
                margin-left: 10px; }
.saigoni-text { display: inline-block; margin-top: 8px; }

/*共通style*/
.title-sukima-chijime-s { display: inline-block; margin-left: -16px; }
.title-sukima-chijime { display: inline-block; margin-left: -25px; }
.subtitle-text { text-shadow: 5px 4px lavender; }

.link-button {  display: inline-block;
                border-radius: 8px;
                padding:5px 8px; border:solid 2px white;
                background-color: #00DB99;
                text-decoration: none; color: white;
                box-shadow: 3px 3px 3px lightgray;  }
.link-button:hover { background-color: palegreen;
                      box-shadow: 2px 2px 5px lavender; }
.link-icon-g { position: relative; top: 3px; }
.icon-lw-nut { height: 28px; width: auto; }
.icon-lw-nut-toright { margin-right: -20px; }
.icon-lw-nut-toleft { margin-left: -5px; }
.icon-subtitle { position: relative; top: 3px; }
.icon-subtitle-toright { margin-right: -9px; }
.icon-subtitle-toleft { margin-left: -9px; }
#icon-subtitle-manga { margin-right: 7px; }
.link-icon-door { position: relative; top: 4px; }

/*<↓スタンプページ＞*/
#page-sticker { position: relative;
                margin: auto; max-width: 1000px;
                text-align: center;}
#page-sticker-waku {  position: relative;
                      width: 100%;/* ←これ重要 */
                      padding: 5px 2.5px 5.5px;
                      border-top-right-radius: 15px;
                      border-top-left-radius: 15px;
                      background-color: #FECF42; }
.page-sticker-title { display: inline-block; }
.page-sticker-setsumeibun { text-align: left; margin-bottom: 3px; }
#page-sticker1,#page-sticker2
            { display: inline-block; position: relative;
              border-top-right-radius: 10px; border-top-left-radius: 10px;
              max-width: 492px; padding: 3px;
              background-color: white; text-align: center;
              margin: 2.5px; }
#menulink-sticker1 { position: relative; top: -250px; }
#menulink-sticker2 { position: relative; top: 630px; }
.dai-dan { float: left; }
.page-sticker-bun2 { display: inline-block; line-height: 130%; margin-top: 3px; }
#page-sticker1-gazou,#page-sticker2-gazou
                  { height: auto; width: 100%; max-width: 492.5px; }
.page-sticker-link-waku { display: inline-block; margin-top: -4px; }
.sticker-link-bun { display: inline-block; position: relative; top: 11px;
                    margin-right: 4px; text-align: left; }

.link-button-sticker { margin-top: 3px; margin-bottom: 5px; }
.link-button-yellow {  display: inline-block;
                border-radius: 8px;
                padding:5px 8px; border:solid 2px white;
                background-color: #FECF42;
                text-decoration: none; color: white;
                box-shadow: 3px 3px 3px lightgray;  }
.link-button-yellow:hover { background-color: moccasin;
                      box-shadow: 2px 2px 5px lavender; }


/*<↓作者紹介ページ＞*/
#sakusha {  position: relative;
            margin: auto; max-width: 1000px;
            text-align: center;}
#sakusha-waku { position: relative;
                width: 100%;/* ←これ重要 */
                padding: 5px 5px 8px;
                border-top-right-radius: 15px;
                border-top-left-radius: 15px;
                background-color: #00DB99; }
#sakusha-waku2 {  position: relative;
                  border-top-right-radius: 10px;
                  border-top-left-radius: 10px;
                  padding: 10px;
                  background-color: white; }
#sakusha-gazou {  height:200px; width:200px; margin: 2px 8px 5px;
                  vertical-align: top; }
#sakusha-setsumeibun { display: inline-block; text-align: left;}
#mimzow-blog { float: right; }