@charset "UTF-8";
/*!
 * ZAPPALLAS CSS framework v1.0.0
 * Based on Bootstrap v3.0.3 (http://getbootstrap.com)
 * Copyright 2014 Zappallas, Inc.
 */
/* 
 * m/list/mypageの機能系
 * マイページの切り替えなど
 */
/* 
 * m/top 運勢の中の色…とか
 */
/* Reset Style */
html {
  overflow-y: scroll; }

body {
  line-height: 1;
  color: #000;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-attachment: fixed !important;
  background-size: 100% 100% !important;
  padding-top: 85px;  }

/* html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle;
  display: inline; }

/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
body {
  font: 13px/1.231 arial,helvetica,clean,sans-serif;
}

select, input, button, textarea, select {
  font: 99% arial,helvetica,clean,sans-serif; }

table {
  font-size: inherit;
}

pre, code, kbd, samp, tt {
  font-family: monospace;
  line-height: 100%; }

/* 汎用クラス */
[class^="mark"] {
  padding-left: 15px;
  background: no-repeat left .5em; }

.mark1 {
  background-image: url(../img/share/mark_1.gif); }

.mark2 {
  background-image: url(../img/share/mark_2.gif); }

.mark3 {
  background-image: url(../img/share/mark_3.gif); }

.mark4 {
  background-image: url(../img/share/mark_4.gif); }

.mark5 {
  background-image: url(../img/share/mark_5.gif); }

.opacity {
  opacity: 0.55;
  -moz-opacity: 0.55;
  filter: alpha(opacity=55);
  -ms-filter: "alpha(opacity=55.0)"; }

.inline_block {
  display: inline-block;
  *zoom: 1; }

.table_cell {
  display: table-cell;
  vertical-align: middle; }

.fr,
.imgR {
  float: right;
  margin-left: 10px; }

.fl,
.imgL {
  float: left;
  margin-right: 10px; }

.imgC,
.tC,
.btn {
  text-align: center; }

.imgC {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.tR,
.sign {
  text-align: right; }

.box_size {
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.ts_none {
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important; }

.bs_none {
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important; }

.clearfix:after, #contents:after, #side #daily dl:after, article.linkbox:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

/*----------------------------------------------------
  element style
----------------------------------------------------*/
body {
  background: #fff;
  color: #535353;
  font-family: "メイリオ", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }

input, textarea, select {
  font-family: "メイリオ", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }

* html body, * html input, * html textarea, * html select {
  font-family: "メイリオ", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }

.externalIcon {
  margin: 0 3px;
  vertical-align: middle; }

a {
  display: block;
  text-decoration: none; }

a:link {
  color: #404040; }

a:link.ishii {
  color: #ff4949; }

a:link.renai {
  color: #0099b5; }

a:link.koiuranai {
  color: #ff99be; }

a:link.rensai {
  color: #7c5a00; }

a:visited {
  color: #404040; }

a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
  text-decoration: none
}

a:active {
  color: #e770a6; }

img {
  border: none;
  width: 100%; }

#topfeature dl dt img {
  height: 100%; }

ul, dl {
  overflow: hidden;
  list-style-type: none; }

li {
  list-style: none; }

.noBorder {
  border: none !important; }

/*----------------------------------------------------
  body
----------------------------------------------------*/
body {
    background-image: url(/wp-content/themes/uportal/images/bg_objects.png),url(/wp-content/themes/uportal/images/bg_texture.png);
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto !important;
    padding-top: 85px;
}

/*----------------------------------------------------
  #container
----------------------------------------------------*/
#container {
  overflow: hidden;
  width: 1062px;
  margin: 0px auto;
  background: #fff;
  background-size: 100% auto;
  }

/*----------------------------------------------------
  #page
----------------------------------------------------*/
#page {
  float: left;
  width: 730px;
  margin: 7px 0 0 7px;
  font-size: 93%;
}

/*----------------------------------------------------
  #side
----------------------------------------------------*/
#side {
  float: right;
  width: 322px;
  margin: 0;
  font-size: 93%
}

/*----------------------------------------------------
  #contents
----------------------------------------------------*/
#contents {
  clear: both;
  margin-bottom: 4.6%; }

#contents .pageTop {
  clear: both;
  margin: 0;
  text-align: right; }

/*----------------------------------------------------
  ヘッダー
----------------------------------------------------*/
header {
  width: 1062px !important;
  margin: 0px auto;
  margin-bottom: 0px;
  background: #fff;
  height: 55px;
  z-index: 999;
  left: auto;
  right: auto;
  overflow: visible; }
@media (max-width:1062px) {
    header {
        width:auto !important;
    }
}

header .search {
  float: left;
  width: 250px;
  padding: 30px 0px 0px 20px;
  }

header .logo {
  width: 250px;
  text-align: center;
  margin: 0px auto;
  padding: 11px 10px 0px 10px; }

header .logo img {
  width: 150px;
  }

header .headerRight {
  float: right;
  padding: 27px 20px 0px 0px;
  }

header .headerRight .sns {
  float: right;
  padding: 5px 0;
  height: 35px; }

header .headerRight .sns li {
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-right: 5px;
  margin-top: 0px; }

.sns .twitter a {
    background-image: url(/wp-content/themes/uportal/images/sns_icon.png);
    background-position: 0px 0px;
    background-size: auto 25px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}

.sns .facebook a {
    background-image: url(/wp-content/themes/uportal/images/sns_icon.png);
    background-position: -32px 0px;
    background-size: auto 25px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}
header .headerRight .sns li img {
  width: 100%; }

header .headerRight .login {
  border: 1px solid #404040;
  float: right;
  margin-left: 15px;
}

header .headerRight .login li {
  display: inline-block; }

header .headerRight .login a {
  display: inline-block;
  padding: 0px 5px 0 10px;
  line-height: 33px;
  font-size: 12px; }

header .headerRight .login a:last-child {
  padding: 0px 10px 0 0px;
  color: #321217;
  }

/*-------------------
heading
--------------------*/
.headingTxt01 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px; }

.headingTxt02 {
  font-size: 124%; }

.headingTxt03 {
  color: #2f2f2f;
  font-weight: bold;
  font-size: 139%;
  margin-bottom: 5px; }

.headingTxt04 {
  color: #2f2f2f;
  font-weight: bold;
  font-size: 139%;
  padding-bottom: 15px;
  padding-left: 10px;
  border-bottom: 1px solid #959595; }

.headingTxt04 span {
  display: inline;
  margin-left: 10px !important;
  font-weight: normal;
  font-size: 12px; }

.headingTxt05 {
  font-weight: bold;
  font-size: 22px;
  line-height: 1.4; }

.headingTxt06 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px; }

.headingImg {
  margin-bottom: 10px; }

/*----------------------------------------------------
  slider
----------------------------------------------------*/
#slider {
  line-height: 0; }

/*-------------------
side
--------------------*/
#side {
  padding-right: 7px;
  padding-left: 7px;
  }

/*-------------------
Articleページ
--------------------*/
#article #navArea2, #archive #navArea2, #mypage #navArea2, #register #navArea2, #archive #navArea2, #ishii #navArea2, #birthday365 #navArea2, #shinri #navArea2, #uranai #navArea2, #buy #navArea2 {
  display: block; }

/*----------------------------------------------------
  共通
----------------------------------------------------*/
.cat .ishii {
  color: #ff4949; }
.cat .renai {
  color: #0099b5; }
.cat .koiuranai {
  color: #ff99be; }
.cat .rensai {
  color: #7c5a00; }
.cat a {
    display: inline;
}

.number-01 {
  background-image: url(../img/top/ranking.png);
  background-position: -3px -153px;
  background-size: 44px;
  background-repeat: no-repeat;
  height: 39px !important; }

.number-02 {
  background-image: url(../img/top/ranking.png);
  background-position: -3px -231px;
  background-size: 44px;
  background-repeat: no-repeat;
  height: 39px !important; }

.number-03 {
  background-image: url(../img/top/ranking.png);
  background-position: -3px -308px;
  background-size: 44px;
  background-repeat: no-repeat;
  height: 39px !important; }

.navbar-default {
    background-image: url(/wp-content/themes/uportal/images/bg_objects.png),url(/wp-content/themes/uportal/images/bg_texture.png);
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto !important;
    box-shadow: none;
    height: 85px;
    }

img.none-thumb.wp-post-image, #recommend_2 img.none-thumb {
  height: 70px;
  width: 118px !important;
  left: -25px; }



  #side #rankArticle .ranking img.none-thumb.wp-post-image
{
    height: 70px;
    /*width: 95px !important;*/
    left: -25px;
}

#side #rankFortune ul.ranking dl dt img{
        height: 70px;
    width: 95px !important;
}

/*----------------------------------------------------
  header
----------------------------------------------------*/
header span {
  font-size: 77%;
  color: #321217;
  display: block;
  margin-bottom: 2px;
  }

hr {
  border-top: 1px solid #404040;
  width: 100%;
  margin-left: 10px; }

header input {
  line-height: 1.5;
  font-size: 12px; }

/*-------------------
searchBox
--------------------*/
  #searchBox .inner, #searchBoxArea .inner {
    border-collapse: collapse;
    width: 100%; }
    #searchBox .inner form, #searchBoxArea .inner form {
      overflow: hidden;
      width: 100%;
      display: block; }
      #searchBox .inner form input.word, #searchBoxArea .inner form input.word {
        border: 1px solid #9C878A;
        display: table-cell;
        float: left;
        height: 27px;
        width: 200px;
        -webkit-appearance: none;
        border-radius: 0;
        padding: 3px;
        }
      #searchBox .inner form #searchSubmitBtn, #searchBoxArea .inner form #searchSubmitBtn {
        width: 27px;
        background: url(../img/top/search_white.png) #9C878A no-repeat center center;
        background-size: auto 60%;
        border: 0px;
        height: 27px;
        text-indent: -9999px;
        /* value属性の値を画面の外に飛ばす */
        cursor: pointer;
        /* カーソルをボタンに乗せたら指マークにする */
        -webkit-appearance: none;
        border-radius: 0;
        }
      #searchBox .inner form .searchBtn, #searchBoxArea .inner form .searchBtn {
        display: table-cell;
        float: left;
        width: 12%;
        background: #a5a5a5;
        height: 20px;
        text-align: center;
        vertical-align: middle;
        padding-top: 5px;
        -webkit-appearance: none;
        border-radius: 0; }
        #searchBox .inner form .searchBtn input, #searchBoxArea .inner form .searchBtn input {
          -webkit-appearance: none;
          border-radius: 0; }

/*----------------------------------------------------
  ナビゲーション
----------------------------------------------------*/
#navArea, #navArea2 {
  display: block;
  width: 740px;
  }
  #navArea nav ul, #navArea2 nav ul {
    margin-bottom: 0;
    padding: 0px 0 0px 0px;
    height: 77px;
    overflow: visible;
    }
#navArea nav ul li.nav-list:nth-child(1) {
    background-image: url(/wp-content/themes/uportal/images/gnavi_1.jpg);
    background-size: 100% 100%;
}
#navArea nav ul li.nav-list:nth-child(2) {
    background-image: url(/wp-content/themes/uportal/images/gnavi_2.jpg);
    background-size: 100% 100%;
}
#navArea nav ul li.nav-list:nth-child(3) {
    background-image: url(/wp-content/themes/uportal/images/gnavi_3.jpg);
    background-size: 100% 100%;
}
#navArea nav ul li.nav-list:nth-child(4) {
    background-image: url(/wp-content/themes/uportal/images/gnavi_4.jpg);
    background-size: 100% 100%;
}
/*
#navArea nav ul li.nav-list:hover:nth-child(1) {
    background-image: url(/wp-content/themes/uportal/images/gnavi_1_over.png);
    background-size: 100% 100%;
}
#navArea nav ul li.nav-list:hover:nth-child(2) {
    background-image: url(/wp-content/themes/uportal/images/gnavi_2_over.png);
    background-size: 100% 100%;
}
#navArea nav ul li.nav-list:hover:nth-child(3) {
    background-image: url(/wp-content/themes/uportal/images/gnavi_3_over.png);
    background-size: 100% 100%;
}
#navArea nav ul li.nav-list:hover:nth-child(4) {
    background-image: url(/wp-content/themes/uportal/images/gnavi_4_over.png);
    background-size: 100% 100%;
}
*/
    #navArea nav ul li, #navArea2 nav ul li {
      float: left;
      font-size: 77%;
      width: 25%;
      position: relative;
      height: 77px;
      }
      #navArea nav ul li.nav-list > a, #navArea2 nav ul li a {
        height: 77px;
        padding: 20px 0 0 0;
        text-decoration: none;
        text-align: center;
        color: #404040;
        font-size: 18px;
        font-weight: bold;
        background-repeat: no-repeat;
        background-size: 168px;
        }
        #navArea nav ul li a span, #navArea2 nav ul li a span {
          font-size: 11px;
          font-family: cursive;
          color: #99bede;
          font-weight: normal; }
      #navArea nav ul li a:hover, #navArea nav ul li a:hover span {
      color: #ef7693;
      }
      #navArea nav ul li:nth-of-type(2) a, #navArea2 nav ul li:nth-of-type(2) a {
        }
      #navArea nav ul li:nth-of-type(3) a, #navArea2 nav ul li:nth-of-type(3) a {
        }
      #navArea nav ul li:nth-of-type(4) a, #navArea2 nav ul li:nth-of-type(4) a {
        }
      #navArea nav ul li ul, #navArea2 nav ul li ul {
        background: #fff;
        margin-left: 2px;
        padding-left: 0px; }
        #navArea nav ul li ul li, #navArea2 nav ul li ul li {
          border: none;
          padding: 15px;
          margin-left: 0px;
          width: 200px; }
          #navArea nav ul li ul li ul li, #navArea2 nav ul li ul li ul li {
            padding: 0px; }
            #navArea nav ul li ul li ul li a, #navArea2 nav ul li ul li ul li a {
              font-weight: normal; }
              #navArea nav ul li ul li ul li a:hover, #navArea2 nav ul li ul li ul li a:hover {
                color: #e770a6; }
                #navArea nav ul li ul li ul li a:hover.ishii, #navArea2 nav ul li ul li ul li a:hover.ishii {
                  color: #ff4949; }
                #navArea nav ul li ul li ul li a:hover.renai, #navArea2 nav ul li ul li ul li a:hover.renai {
                  color: #0099b5; }
                #navArea nav ul li ul li ul li a:hover.koiuranai, #navArea2 nav ul li ul li ul li a:hover.koiuranai {
                  color: #ff99be; }
                #navArea nav ul li ul li ul li a:hover.rensai, #navArea2 nav ul li ul li ul li a:hover.rensai {
                  color: #7c5a00; }
    #navArea nav ul.mega-menu li.nav-list .nav-description, #navArea2 nav ul.mega-menu li.nav-list .nav-description {
      width: 356px;
      background: #ffffff;
      position: absolute;
      top: 77px;
      height: auto;
      padding: 10px 10px;
      margin: 0;
      border: 1px solid #a5a5a5;
      border-top: 1px solid #ffffff;
      z-index: 100; }
      #navArea nav ul.mega-menu li.nav-list .nav-description li, #navArea2 nav ul.mega-menu li.nav-list .nav-description li {
        width: 167px;
        float: left;
        height: auto;
        padding: 0; }
        #navArea nav ul.mega-menu li.nav-list .nav-description li:last-child, #navArea2 nav ul.mega-menu li.nav-list .nav-description li:last-child {
          border-right: none; }
        #navArea nav ul.mega-menu li.nav-list .nav-description li a, #navArea2 nav ul.mega-menu li.nav-list .nav-description li a {
          padding: 5px 5px 5px 5px;
          display: block;
          text-decoration: none;
          text-align: center;
          color: #404040;
          font-size: 14px;
          font-weight: normal;
          background: none;
          line-height: 30px; }

#navArea.fixed, .fixed#navArea2 {
  display: none; }

#navArea2 {
  display: none;
  position: absolute;
  top: 70px !important;
  background: #fff; }
  #navArea2 nav {
    padding: 8px 0; }

#navArea2.fixed {
  display: block; }

.pccontainer #navArea2 {
  border-bottom: 1px solid #a5a5a5; }

.nav-description {
  display: none; }

/*--ページ送り--*/
ul.pageNav01, #hotTopics ul.pageNav01, #favorite ul.pageNav01 {
  margin: 0 0 10px;
  padding: 10px 10px 5px;
  background: #fff;
  text-align: center; }
  ul.pageNav01 li, #hotTopics ul.pageNav01 li, #favorite ul.pageNav01 li {
    display: inline-block;
    width: auto !important;
    float: none;
    margin: 0 2px;
    padding: 0;
    border: none;
    height: auto; }
    ul.pageNav01 li.active, #hotTopics ul.pageNav01 li.active, #favorite ul.pageNav01 li.active {
      background: #a5a5a5;
      color: #fff; }
    ul.pageNav01 li span, #hotTopics ul.pageNav01 li span, #favorite ul.pageNav01 li span {
      display: inline-block;
      text-decoration: none;
      vertical-align: middle; }
    ul.pageNav01 li a, #hotTopics ul.pageNav01 li a, #favorite ul.pageNav01 li a {
      display: inline-block;
      margin: 0;
      text-decoration: none;
      vertical-align: middle; }
      ul.pageNav01 li a:hover, #hotTopics ul.pageNav01 li a:hover, #favorite ul.pageNav01 li a:hover {
        background: #a5a5a5;
        color: #fff; }
.pageNav01 .page-numbers.current {
    background: #321217;
    border-radius: 50%;
    color: #fff;
}
#archive .writer-list span.page-numbers.current {
  display: inline-flex;
}
.pageNav01 .page-numbers {
    background: #fff;
    border: 1px solid #7D595E;
    width: 33px;
    height: 33px;
    line-height: 32px;
    border-radius: 50%;
    color: #321217;
    text-align: center;
}

.pageNav01 .page-numbers.next {
    border: none;
    width: auto;
}

/*-------------------
special
--------------------*/
#special, .banner01, .sideBannerTop {
  margin-bottom: 4.7%; }
  #special .ttl, .banner01 .ttl, .sideBannerTop .ttl {
    overflow: hidden; }
    #special .ttl .headingImg, .banner01 .ttl .headingImg, .sideBannerTop .ttl .headingImg {
      width: 100px;
      float: left;
      margin-left: 10px; }
    #special .ttl .txt, .banner01 .ttl .txt, .sideBannerTop .ttl .txt {
      margin-left: 110px;
      padding-top: 4px; }
  #special ul li, .banner01 ul li, .sideBannerTop ul li {
    width: 300px;
    margin: 0 auto 10px; }
    #special ul li img, .banner01 ul li img, .sideBannerTop ul li img {
      width: 100%; }

#special2 {
  margin-bottom: 4.7%; }
  #special2 .ttl {
    overflow: hidden; }
    #special2 .ttl .headingImg {
      width: 100px;
      float: left;
      margin-left: 10px; }
    #special2 .ttl .txt {
      margin-left: 110px;
      padding-top: 4px; }
  #special2 ul {
    margin: 0px 0px 15px 25px;
    overflow: hidden; }
    #special2 ul li {
      margin-bottom: 10px;
      float: left;
      width: 335px;
      margin-right: 15px;
      border: 1px solid #919191;
      box-sizing: content-box; }
      #special2 ul li .txt {
        padding: 2px 15px 10px;
        font-size: 14px;
        color: #585858;
        min-height: 70px; }

/*-------------------
keyword
--------------------*/
#keywordSearch, #article #articlekeyword, #archive #articlekeyword, #mypage #articlekeyword, #register #articlekeyword, #archive #articlekeyword, #ishii #articlekeyword, #birthday365 #articlekeyword, #shinri #articlekeyword, #uranai #articlekeyword, #buy #articlekeyword {
  margin-bottom: 15px; }
#keyword, .keyword,  #keyword .ttl, .keyword .ttl, #keywordSearch .ttl, #article #articlekeyword .ttl, #archive #articlekeyword .ttl, #mypage #articlekeyword .ttl, #register #articlekeyword .ttl, #archive #articlekeyword .ttl, #ishii #articlekeyword .ttl, #birthday365 #articlekeyword .ttl, #shinri #articlekeyword .ttl, #uranai #articlekeyword .ttl, #buy #articlekeyword .ttl {
    margin-left: 0px;
    overflow: hidden; }
  #keyword ul, .keyword ul, #keywordSearch ul, #article #articlekeyword ul, #archive #articlekeyword ul, #mypage #articlekeyword ul, #register #articlekeyword ul, #archive #articlekeyword ul, #ishii #articlekeyword ul, #birthday365 #articlekeyword ul, #shinri #articlekeyword ul, #uranai #articlekeyword ul, #buy #articlekeyword ul {
    overflow: hidden;
    margin: 0 10px; }
    #keyword ul li, .keyword ul li, #keywordSearch ul li, #article #articlekeyword ul li, #archive #articlekeyword ul li, #mypage #articlekeyword ul li, #register #articlekeyword ul li, #archive #articlekeyword ul li, #ishii #articlekeyword ul li, #birthday365 #articlekeyword ul li, #shinri #articlekeyword ul li, #uranai #articlekeyword ul li, #buy #articlekeyword ul li {
      margin: 0px 10px 10px 0px;
      border: 1px solid #a5a5a5;
      display: block;
      float: left;
      font-size: 12px; }
      #keyword ul li a, .keyword ul li a, #keywordSearch ul li a, #article #articlekeyword ul li a, #archive #articlekeyword ul li a, #mypage #articlekeyword ul li a, #register #articlekeyword ul li a, #archive #articlekeyword ul li a, #ishii #articlekeyword ul li a, #birthday365 #articlekeyword ul li a, #shinri #articlekeyword ul li a, #uranai #articlekeyword ul li a, #buy #articlekeyword ul li a {
        padding: 8px 8px 8px 25px;
        display: block;
	background: url(../../images/icon_tag.png) no-repeat 4px center;
        background-size: auto 55%; }

.keyword {
  vertical-align: text-bottom;
  display: inline-block;
  margin-bottom: 0px; }
  .keyword ul li {
    font-size: 10px;
    margin: 0px 10px 0 0; }
    .keyword ul li a {
      padding: 4px 6px 4px 22px; }

 #side .keyword, #side #keywordSearch, #side #article #articlekeyword, #article #side #articlekeyword, #side #archive #articlekeyword, #archive #side #articlekeyword, #side #mypage #articlekeyword, #mypage #side #articlekeyword, #side #register #articlekeyword, #register #side #articlekeyword, #side #archive #articlekeyword, #archive #side #articlekeyword, #side #ishii #articlekeyword, #ishii #side #articlekeyword, #side #birthday365 #articlekeyword, #birthday365 #side #articlekeyword, #side #shinri #articlekeyword, #shinri #side #articlekeyword, #side #uranai #articlekeyword, #uranai #side #articlekeyword, #side #buy #articlekeyword, #buy #side #articlekeyword {
  margin-left: 10px; }

/*-------------------
daily
--------------------*/
#daily .your {
    position: relative;
    top: 20px;
    left: 30px;
}
#daily, #ishii #weekly, #birthday365 #weekly {
  padding: 15px 10px 0px 10px;
  overflow: hidden;
  margin: 0px auto 30px auto;
  width: 550px; }
  #daily p, #ishii #weekly p, #birthday365 #weekly p {
    margin-bottom: 5px; }
  #daily ul, #ishii #weekly ul, #birthday365 #weekly ul {
    overflow: hidden;
    margin-bottom: 0; }
    #daily ul li, #ishii #weekly ul li, #birthday365 #weekly ul li {
      float: left;
      width: 150px;
      position: relative;
      margin-right: 30px;
      margin-bottom: 50px; }
      #daily ul li .number, #ishii #weekly ul li .number, #birthday365 #weekly ul li .number {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 30px;
        height: 30px;
        z-index: 30;
        background: url(../img/top/ranking.png) no-repeat;
        background-size: 42px;
        width: 50px; }
      #daily ul li:nth-child(1) .number, #ishii #weekly ul li:nth-child(1) .number, #birthday365 #weekly ul li:nth-child(1) .number {
        background-position: -3px -149px; }
      #daily ul li:nth-child(2) .number, #ishii #weekly ul li:nth-child(2) .number, #birthday365 #weekly ul li:nth-child(2) .number {
        background-position: -3px -222px; }
      #daily ul li:nth-child(3) .number, #ishii #weekly ul li:nth-child(3) .number, #birthday365 #weekly ul li:nth-child(3) .number {
        background-position: -3px -294px; }
      #daily ul li:nth-child(4) .number, #ishii #weekly ul li:nth-child(4) .number, #birthday365 #weekly ul li:nth-child(4) .number {
        background-position: -5px -331px; }
      #daily ul li:nth-child(5) .number, #ishii #weekly ul li:nth-child(5) .number, #birthday365 #weekly ul li:nth-child(5) .number {
        background-position: -5px -403px; }
      #daily ul li:nth-child(6) .number, #ishii #weekly ul li:nth-child(6) .number, #birthday365 #weekly ul li:nth-child(6) .number {
        background-position: -5px -476px; }
      #daily ul li:nth-child(7) .number, #ishii #weekly ul li:nth-child(7) .number, #birthday365 #weekly ul li:nth-child(7) .number {
        background-position: -5px -512px; }
      #daily ul li:nth-child(8) .number, #ishii #weekly ul li:nth-child(8) .number, #birthday365 #weekly ul li:nth-child(8) .number {
        background-position: -5px -549px; }
      #daily ul li:nth-child(9) .number, #ishii #weekly ul li:nth-child(9) .number, #birthday365 #weekly ul li:nth-child(9) .number {
        background-position: -5px -585px; }
      #daily ul li:nth-child(10) .number, #ishii #weekly ul li:nth-child(10) .number, #birthday365 #weekly ul li:nth-child(10) .number {
        background-position: -5px -2px; }
      #daily ul li:nth-child(11) .number, #ishii #weekly ul li:nth-child(11) .number, #birthday365 #weekly ul li:nth-child(11) .number {
        background-position: -5px -39px; }
      #daily ul li:nth-child(12) .number, #ishii #weekly ul li:nth-child(12) .number, #birthday365 #weekly ul li:nth-child(12) .number {
        background-position: -5px -75px; }
      #daily ul li a:link, #ishii #weekly ul li a:link, #birthday365 #weekly ul li a:link {
        text-decoration: none;
        color: #646464;
        font-size: 100%;
        font-weight: bold; }
  #daily dl, #ishii #weekly dl, #birthday365 #weekly dl {
    margin: 10px 10px 0px 10px;
    overflow: initial; }
    #daily dl dt, #ishii #weekly dl dt, #birthday365 #weekly dl dt {
      margin-bottom: 10px;
      margin: 0 auto;
      width: 120px; }
      #daily dl dt img, #ishii #weekly dl dt img, #birthday365 #weekly dl dt img {
        width: 100%; }
    #daily dl dd, #ishii #weekly dl dd, #birthday365 #weekly dl dd {
      text-align: left; }
      #daily dl dd .name, #ishii #weekly dl dd .name, #birthday365 #weekly dl dd .name {
        font-size: 16px;
        text-align: center; }
      #daily dl dd .date, #ishii #weekly dl dd .date, #birthday365 #weekly dl dd .date {
        text-align: center;
        font-size: 16px; }
      #daily dl dd .txt, #ishii #weekly dl dd .txt, #birthday365 #weekly dl dd .txt {
        font-weight: normal;
        text-align: center !important;
        font-size: 18px; }
      #daily dl dd p, #ishii #weekly dl dd p, #birthday365 #weekly dl dd p {
        margin-bottom: 0 !important;
        line-height: 1.3em !important; }
  #daily .btnDetail a, #ishii #weekly .btnDetail a, #birthday365 #weekly .btnDetail a {
    background: #002135;
    border-radius: 5px;
    width: auto;
    padding: 15px 30px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 15px; }

.dailyFortuneList.daily-top li:nth-of-type(3) {
  margin-bottom: 40px !important; }
.dailyFortuneList.daily-top li:nth-of-type(4), .dailyFortuneList.daily-top li:nth-of-type(5), .dailyFortuneList.daily-top li:nth-of-type(7), .dailyFortuneList.daily-top li:nth-of-type(8), .dailyFortuneList.daily-top li:nth-of-type(10), .dailyFortuneList.daily-top li:nth-of-type(11) {
  margin-bottom: 10px !important; }
.dailyFortuneList.daily-top li:nth-of-type(6), .dailyFortuneList.daily-top li:nth-of-type(9), .dailyFortuneList.daily-top li:nth-of-type(12) {
  margin-bottom: 10px !important;
  margin-right: 0 !important; }

#archive #daily .ttl_head .day, #ishii #daily .ttl_head .day, #ishii #weekly .ttl_head .day {
  font-size: 12px; }
#archive #daily ul, #ishii #daily ul, #ishii #weekly ul {
  margin-bottom: 15px; }
#archive #daily dl dt,
#ishii #daily dl dt
/*#ishii #weekly dl dt */{
  width: 84px;
  height: 84px;
  margin-bottom: 0px; }

#archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(1),
#archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(2),
#archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(3) {
  width: 100%;
  margin-bottom: 15px; }
  #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(1) dl dt,
  #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(2) dl dt,
  #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(3) dl dt {
    float: left; }
  #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(1) dl dd,
  #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(2) dl dd,
  #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(3) dl dd {
    width: 70%;
    float: right;
    font-size: 18px;
    text-align: left; }
    #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(1) dl dd p,
    #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(2) dl dd p,
    #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(3) dl dd p {
      float: left; }
      #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(1) dl dd p:nth-of-type(1),
      #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(2) dl dd p:nth-of-type(1),
      #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(3) dl dd p:nth-of-type(1) {
        width: 17%;
        font-size: 20px;
        line-height: 35px !important; }
      #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(1) dl dd p:nth-of-type(2),
      #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(2) dl dd p:nth-of-type(2),
      #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(3) dl dd p:nth-of-type(2) {
        width: 75%;
        float: left;
        font-size: 20px;
        text-align: left;
        line-height: 35px !important; }
      #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(1) dl dd p:nth-of-type(3),
      #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(2) dl dd p:nth-of-type(3),
      #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(3) dl dd p:nth-of-type(3) {
        clear: both;
        width: 25%;
        font-size: 15.5px;
        line-height: 35px !important; }
      #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(1) dl dd p:nth-of-type(4),
      #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(2) dl dd p:nth-of-type(4),
      #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(3) dl dd p:nth-of-type(4) {
        width: 60%;
        float: left;
        font-size: 21px;
        line-height: 18px;
        color: #ee6f8f;
        font-weight: normal; }
      #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(1) dl dd p:nth-of-type(5),
      #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(2) dl dd p:nth-of-type(5),
      #archive #daily ul.dailyFortuneList.daily-top li:nth-of-type(3) dl dd p:nth-of-type(5) {
        clear: both;
        font-size: 14.5px;
        word-break: normal;
        font-weight: normal;
        margin-right: 0px;
        margin-top: 5px;
        line-height: 22px !important; }

/*-------------------
HOT TOPICS
--------------------*/
#hotTopics, #favorite {
  margin-bottom: 4.7%; }
  #hotTopics .ttl, #favorite .ttl {
    overflow: hidden; }
    #hotTopics .ttl .headingImg, #favorite .ttl .headingImg {
      width: 100px;
      float: left;
      margin: 0px 0px 10px 10px; }
    #hotTopics .ttl .txt, #favorite .ttl .txt {
      margin: 0px 0px 0px 120px;
      padding-top: 4px; }
  #hotTopics .more a, #favorite .more a {
    border: 3px solid #a5a5a5;
    text-align: center;
    width: 57%;
    margin: 0px auto;
    padding: 1.5% 20% 0.8% 20%; }
  #hotTopics ul, #favorite ul {
    padding: 0px 0px 0px 20px;
    margin: 0px 10px 0px 0px;
    }
    #hotTopics ul li, #favorite ul li {
      width: 220px;
      float: left;
      border: 1px solid #9C878A;
      overflow: hidden;
      position: relative;
      margin-right: 20px;
      margin-bottom: 20px;
      }
      #hotTopics ul li:nth-child(3n), #favorite ul li:nth-child(3n) {
          margin-right: 0;
      }
      #hotTopics ul li a, #favorite ul li a {
        display: inline-block;
        text-decoration: none; }
      #hotTopics ul li dl, #favorite ul li dl {
        margin-bottom: 0;
        margin: 2px;
        border: 1px solid #321217;
        display: table;
        }
        #hotTopics ul li dl dt, #favorite ul li dl dt {
          position: relative;
          padding: 10px;
          overflow: hidden;
          height: 140px;
          width: auto;
          }
          #hotTopics ul li dl dt .ttl, #favorite ul li dl dt .ttl {
            font-size: 15px;
            font-weight: bold;
            margin-bottom: 3px;
            color: #4f4f4f;
            line-height: 19px;
            height: 80px; }
          #hotTopics ul li dl dt .caption, #favorite ul li dl dt .caption {
            font-size: 11px;
            margin-bottom: 5px;
            font-weight: normal;
            color: #ee6788;
            line-height: 13px; }
          #hotTopics ul li dl dt .cat, #favorite ul li dl dt .cat {
            font-size: 10px;
            text-align: left;
            width: 180px;
            font-weight: normal; }
          #hotTopics ul li dl dt .date, #favorite ul li dl dt .date {
            color: #a7a7a7;
            font-size: 10px;
            margin-bottom: 2px;
            font-family: Helvetica; }
          #hotTopics ul li dl dt .fav2, #favorite ul li dl dt .fav2 {
            position: absolute;
            bottom: 10px;
            right: 10px;
            width: 20px;
            height: 17px; }
            #hotTopics ul li dl dt .fav2.active a, #favorite ul li dl dt .fav2.active a {
              background: url(../img/top/heart_red.png) #ffffff no-repeat 5px center;
              background-size: auto 60%;
              border: 1px solid #dedede; }
        #hotTopics ul li dl dd, #favorite ul li dl dd {
          position: relative;
          height: 128px;
          overflow: hidden;
          }
          #hotTopics ul li dl dd .img, #favorite ul li dl dd .img {
            position: absolute;
            height: 128px;
            bottom: 0px; }
            #hotTopics ul li dl dd .img img, #favorite ul li dl dd .img img {
              width: 100%;
              height: auto; }
          #hotTopics ul li dl dd .new, #favorite ul li dl dd .new {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 50px;
            z-index: 50; }
            #hotTopics ul li dl dd .new img, #favorite ul li dl dd .new img {
              width: 65px;
              height: 24px; }

/* プレミアム帯 追加CSS
==================================== */
#hotTopics ul li.muryo-badge:after, #recommend_2 ul li.muryo-badge:after, #favorite ul li.muryo-badge:after, #connect ul li.muryo-badge:after, #hotTopics ul li.premium-badge:after, #recommend_2 ul li.premium-badge:after, #favorite ul li.premium-badge:after, #connect ul li.premium-badge:after, #hotTopics ul li.purchased-badge:after, #recommend_2 ul li.purchased-badge:after, #favorite ul li.purchased-badge:after, #connect ul li.purchased-badge:after {
background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0px;
  left: 168px;
  width: 50px;
  height: 50px;
  content: "";
  display: block;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}

/* プレミアム帯 追加CSS　画像
==================================== */
#hotTopics ul .premium-badge:after, #recommend_2 ul .premium-badge:after, #favorite ul .premium-badge:after, #connect ul .premium-badge:after {
  background-image: url(../img/badges/premium_badge.png);
}

#hotTopics ul .purchased-badge:after, #recommend_2 ul .purchased-badge:after, #favorite ul .purchased-badge:after, #connect ul .purchased-badge:after {
  background-image: url(../img/badges/purchased_badge.png);
}


#hotTopics .remove-parent {
  position: relative;
  top: -175px;
  left: 150px; }
  #hotTopics .remove-parent img {
    width: 25%; }


/* PCプレミアム用修正 */
/* premium_73.html 修正＆追加CSS
==================================== */

/* パック内容 追加CSS
==================================== */

#article #ArticleBody .packageInfo p{/* 追加CSS */
font-size: 13px;
}

/* リンクカラー　リンク改行　修正CSS
==================================== */
#article #ArticleBody p a{
  color: #ee6788!important;
  text-decoration: none!important;
  display: inline-block;
}

/* プレミアム 入力フォーム修正 追加CSS
==================================== */

#article #ArticleBody form {
overflow: hidden;
}

#article #ArticleBody .uechiFormBox.typeA.pc p {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 15px;
font-size: 16px;
font-weight:bold;
}

#article #ArticleBody p span.hiragana {
  font-size: 14px!important;
  line-height: 1.7;
  margin-bottom: 15px;
font-size: 16px;
color: #ee6788;
font-weight:100!important;
margin-left: 82px;
}

#article #ArticleBody .nickname, .lname, .fname {
  text-align: right;
  margin-right: 49.333%;
  margin-bottom: 15px;
  font-size: 15px;
}

#article #ArticleBody .nickname input, .lname input, .fname input {
  font-size: 16px;
  line-height: 1.7;
  width: 75%;
}

#article #ArticleBody .birth {
text-align: left;
  margin-left: 5px;
  margin-bottom: 15px;
  font-size: 15px;
}

#article #ArticleBody .btime {
  text-align: left;
  margin-left: 0px;
  margin-bottom: 15px;
  font-size: 15px;
}

#article #ArticleBody .barea {
  text-align: right;
  margin-right: 71.333%;
  margin-bottom: 15px;
  font-size: 15px;
}


#article #ArticleBody select#zap_year1, select#zap_month1, select#zap_day1 ,select#zap_year2, select#zap_month2, select#zap_day2{
font-size: 16px!important;
  line-height: 1.7!important;
  width: 21%!important;
  margin: 0px 5px 0px 5px!important;
}

#article #ArticleBody .gender {
  text-align: left;
  margin-left: 4.333%;
  margin-bottom: 15px;
  font-size: 15px;
}

#article #ArticleBody .gender input {
  font-size: 16px;
  line-height: 1.7;
  margin-left: 19px;
}

#article #ArticleBody p.attention {
font-size: 14px!important;
text-align: left;
color: #ee6788;
font-weight:100!important;
margin-left: 85px;
}

#article #ArticleBody input[type=submit] {
  background: #ee6788;
  width: 200px !important;
  margin: 20px auto 20px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  padding: 13px 0 15px;
  border: 0;
  display: block;
  font-weight: normal;
  border-radius: 0;
  font-weight: bold;
}

#article #ArticleBody p a.paymentList {
  background: #a5a5a5;
  width: 200px !important;
  margin: 16px auto 20px;
  text-align: center;
  color: #FFFFFF !important;
  font-size: 16px;
  padding: 11px 0 15px;
  border: 0;
  display: block;
  font-weight: normal;
  border-radius: 0;
  margin-right: 0px;
  font-weight: bold;
}

#article #ArticleBody .packagedetailBox {
  border: 1px solid #a5a5a5 !important;
  padding: 10px;
}

#article #ArticleBody #recommend h5 {
font-size: 16px;
font-weight:bold!important;
}


hr .dot01_dashed{
border-top: 1px dashed #999999;
width: 100%;
}

#ny001_border01_pack {
margin-bottom: 3.333%;
}

#ny001_border01_pack ul{
width: 80%;
border: solid 1px #a5a5a5;
margin-top: 10px;
}

#ny001_border01_pack p{
font-size: 16px;
font-weight:bold;
float: left;
margin-bottom: 0px!important;
}

#ny001_border01_pack span{
color: #ee6788;
font-size: 16px;
margin-bottom: 0px!important;
line-height: 1.7;
margin-left: 10px;
}

#ny001_border01_pack li.b01pack_b{
background: #a5a5a5;
color: #fff;
font-size: 16px;
padding: 5px;
text-align:left;
}

#ny001_border01_pack li.b01pack_w{
background: #F5F5F5;
color: #a5a5a5;
font-size: 16px;
padding: 5px;
text-align:left;
}

/*-------------------
tab ranking
--------------------*/
.tab ul, .tab2 ul, .tab4 ul {
  overflow: hidden;
  background-image: url(/wp-content/themes/uportal/images/ranking_bar.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% 34px;
  padding-bottom: 34px;
  }
  .tab ul li, .tab2 ul li, .tab4 ul li {
    display: block;
    float: left;
    width: 50%;
    border-bottom: none !important;
    padding: 0px !important;
    font-size: 124%;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .tab ul li a, .tab2 ul li a, .tab4 ul li a {
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center;
      height: 28px;
      text-decoration: none;
      display: block;
      padding: 10px 0 0;
      color: #b8b8b8;
      margin: 0 2px 0 10px; }
      .tab ul li a.active, .tab2 ul li a.active, .tab4 ul li a.active {
        border-bottom: none !important;
        background: #321217;
        color: #ffffff !important;
        border-radius: 5px 5px 0 0; }
      .tab ul li a:hover, .tab2 ul li a:hover, .tab4 ul li a:hover {
        color: #404040; }
    .tab ul li:last-child a, .tab2 ul li:last-child a, .tab4 ul li:last-child a {
      margin: 0 10px 0 2px; }
.tab ul li.btnFortune a.active {
    background-image: url(/wp-content/themes/uportal/images/uranai_white.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.tab ul li.btnFortune a {
    background-image: url(/wp-content/themes/uportal/images/uranai_brown.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.tab ul li.btnArticle a {
    background-image: url(/wp-content/themes/uportal/images/kiji_brown.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.tab ul li.btnArticle a.active {
    background-image: url(/wp-content/themes/uportal/images/kiji_white.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.tabs-panel, .tabs-panel2, .tabs-panel3, .tabs-panel4 {
  display: none; }
  .tabs-panel.show, .tabs-panel2.show, .tabs-panel3.show, .tabs-panel4.show {
    display: inline; }

.tab4 ul {
  border-top: 1px solid #b8b8b8;
  border-bottom: 1px solid #b8b8b8;
  margin-bottom: 0 !important; }
  .tab4 ul li {
    border: none; }
    .tab4 ul li a {
      border: none; }
      .tab4 ul li a .active {
        border-top: 0;
        border-bottom: 4px solid #00265f !important; }

#ranking, #recommend_2, #related {
  margin-bottom: 7px; }
  #ranking .ttl, #recommend_2 .ttl, #related .ttl {
    margin-left: 0px; }
  #ranking .headingTxt01, #recommend_2 .headingTxt01, #related .headingTxt01 {
    margin-bottom: 15px; }

#ranking .headingTxt01 {
  margin: 0 30px 0;
}
#daily .headingTxt01 {
  margin: 30px 30px 0;
}

ul.ranking a, #recommend_2 ul a, #related ul a, #newzia_connect_2 a, #recommend ul a {
  display: block; }
  
#recommend ul a {
  display: inline-block; }

div#newzia_connect_2 {
  margin-top: 5px;
  border-top: 1px solid #b8b8b8;
}

#newzia_connect_2 ul li:last-child {
  border-bottom: none;
}

ul.ranking dl, #recommend_2 ul dl, #related ul dl, #newzia_connect_2 dl, #recommend ul dl {
  overflow: hidden;
  margin-bottom: 0;
  display: table;
  width: 100%;
  min-height: 70px;
  table-layout: fixed; }

ul.ranking dl dt, #recommend_2 ul dl dt, #related ul dl dt, #newzia_connect_2 dl dt {
    position: relative;
    width: 70px;
    height: auto;
    overflow: hidden;
    display: table-cell; }
    
#recommend ul dl dt {
    position: relative;
    width: 206px;
    height: 128px;
    overflow: hidden;
    display: table-cell; }

ul.ranking dl dt img, #recommend_2 ul dl dt img, #related ul dl dt img, #newzia_connect_2 dl dt img {
      position: absolute;
      top: 0;
      left: 0;
      height: 70px; }

ul.ranking dl dt img.noimage, #recommend_2 ul dl dt img.noimage {
 width: auto;
 left: -25px !important;
}

#newzia_connect_2 ul li dl dt img {
  width: 129px !important;
  height: 80px !important;
  left: -25px !important;
}

#recommend ul dl dt img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto; }

#recommend h3 {
    font-size: 120%;
    font-weight: bold;
}

ul.ranking dl dd, #recommend_2 ul dl dd, #related ul dl dd, #newzia_connect_2 dl dd, #recommend ul dl dd {
    overflow: hidden;
    margin-left: 90px;
    padding-left: 5px;
    display: table-cell;
    width: 100%; }

#recommend_2 ul dl dd a {
    display: inline-block;
}

ul.ranking dl dd .ttl, #recommend_2 ul dl dd .ttl, #related ul dl dd .ttl, #newzia_connect_2 dl dd .ttl {
      font-size: 116%;
      font-weight: bold;
      margin-bottom: 5px; }

ul.ranking dl dd .cat, #recommend_2 ul dl dd .cat, #related ul dl dd .cat, #newzia_connect_2 dl dd .cat, #recommend ul dl dd .cat {
      font-size: 77%;
      margin-bottom: 5px; }

ul.ranking dl dd .cat.ishii, #recommend_2 ul dl dd .cat.ishii, #related ul dl dd .cat.ishii, #newzia_connect_2 dl dd .cat.ishii {
        color: #ff4949; }



ul.ranking dl dd .cat.koiuranai, #recommend_2 ul dl dd .cat.koiuranai, #related ul dl dd .cat.koiuranai, #newzia_connect_2 dl dd .cat.koiuranai {
        color: #ff99be; }

ul.ranking dl dd .cat.rensai, #recommend_2 ul dl dd .cat.rensai, #related ul dl dd .cat.rensai, #newzia_connect_2 dl dd .cat.rensai {
        color: #7c5a00; }

#newzia_connect_2 dl dd span {
  position: absolute;
  left: 280px;
  top: 66px;
 }
 
#newzia_connect_2 dl dd span img {
  width: 16px;
  height: 16px;
}        

ul.ranking li {
  position: relative;
  overflow: hidden;
  padding: 15px 20px 13px 20px;
  margin-bottom: 5px;
  background-image: url(/wp-content/themes/uportal/images/ranking_line.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  }
  ul.ranking li .rankNumber, #recommend_2 ul li .rankNumber, #related ul li .rankNumber {
    z-index: 30;
    position: absolute;
    top: 5px;
    left: 8px;
    width: 30px;
    height: 30px;
    display: block;
    background-size: 30px;
    background-image: url(../../images/icons.png);
    background-size: 34px;
    background-repeat: no-repeat;
    }
  ul.ranking li:nth-child(1) .rankNumber, #recommend_2 ul li:nth-child(1) .rankNumber, #related ul li:nth-child(1) .rankNumber {
    background-position: -2px -60px;
    }
  ul.ranking li:nth-child(2) .rankNumber, #recommend_2 ul li:nth-child(2) .rankNumber, #related ul li:nth-child(2) .rankNumber {
    background-position: -2px -103px;
    }
  ul.ranking li:nth-child(3) .rankNumber, #recommend_2 ul li:nth-child(3) .rankNumber, #related ul li:nth-child(3) .rankNumber {
    background-position: -2px -144px;
    }
  ul.ranking li:nth-child(4) .rankNumber, #recommend_2 ul li:nth-child(4) .rankNumber, #related ul li:nth-child(4) .rankNumber {
    background-position: -2px -186px;
    }
  ul.ranking li:nth-child(5) .rankNumber, #recommend_2 ul li:nth-child(5) .rankNumber, #related ul li:nth-child(5) .rankNumber {
    background-position: -2px -227px;
    }
ul.ranking li:last-child {
    background: initial;
}

/*-------------------
Articleページ
--------------------*/
.breadcrumb {
  background: #fff;
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #a7a7a7;
  padding: 0px;
  margin: 0;
  border-radius: 0px;
  }
  .breadcrumb li {
    display: inline-block;
    background: url(../img/article/breadcrumb.gif) no-repeat right center;
    height: 22px;
    margin: 0px;
    padding: 5px 20px 5px 5px;
    line-height: 12px; }
    .breadcrumb li:last-child a {
      font-weight: bold; }
  .breadcrumb li:last-child {
  background: initial;}

.breadcrumb > li + li:before {
  content: none; }

.moreUranai {
  width: 664px;
  margin: 0px auto 30px auto; }
  .moreUranai h2 {
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    color: #4f4f4f;
    margin-bottom: 20px; }
  .moreUranai .moreUranaiBox {
    width: 80%;
    margin: 0px auto;
    margin-bottom: 15px;
    border: 1px solid #000; }
    .moreUranai .moreUranaiBox img {
      width: 100%; }
    .moreUranai .moreUranaiBox p {
      font-size: 20px;
      line-height: 1.4em;
      margin: 0px 30px; }
    .moreUranai .moreUranaiBox h3 {
      margin: 0px 30px 15px 30px;
      font-size: 25px;
      font-weight: bold; }
    .moreUranai .moreUranaiBox .price {
      color: #e30b00;
      margin-bottom: 20px;
      text-align: right;
      font-size: 28px;
      font-weight: bold; }
      .moreUranai .moreUranaiBox .price span {
        font-weight: normal;
        font-size: 23px;
        padding-left: 5px; }
    .moreUranai .moreUranaiBox p.pack {
      font-size: 20px;
      line-height: 0.4em;
      margin-top: 25px; }
    .moreUranai .moreUranaiBox .retryBtn {
      background: #6fc800;
      margin-top: 30px;
      margin-bottom: 0; }

/*-------------------
Articleページ
--------------------*/
#article .ttl_head, #archive .ttl_head, #mypage .ttl_head, #register .ttl_head, #ishii .ttl_head, #archive .ttl_head, #birthday365 .ttl_head, #shinri .ttl_head, #uranai .ttl_head, #buy .ttl_head {
  width: 680px;
  margin: 20px auto 20px auto;
  padding: 15px 10px 0px 10px;
  border-top: 1px solid #4f4f4f;
  border-bottom: 1px solid #4f4f4f;
  color: #4f4f4f;
  position: relative; }
  #article .ttl_head .ttl, #archive .ttl_head .ttl, #mypage .ttl_head .ttl, #register .ttl_head .ttl, #ishii .ttl_head .ttl, #archive .ttl_head .ttl, #birthday365 .ttl_head .ttl, #shinri .ttl_head .ttl, #uranai .ttl_head .ttl, #buy .ttl_head .ttl {
    margin-bottom: 10px; }
  #article .ttl_head .dateBox, #archive .ttl_head .dateBox, #mypage .ttl_head .dateBox, #register .ttl_head .dateBox, #ishii .ttl_head .dateBox, #archive .ttl_head .dateBox, #birthday365 .ttl_head .dateBox, #shinri .ttl_head .dateBox, #uranai .ttl_head .dateBox, #buy .ttl_head .dateBox {
    margin-bottom: 10px;
    overflow: hidden; }
    #article .ttl_head .dateBox .date, #archive .ttl_head .dateBox .date, #mypage .ttl_head .dateBox .date, #register .ttl_head .dateBox .date, #ishii .ttl_head .dateBox .date, #archive .ttl_head .dateBox .date, #birthday365 .ttl_head .dateBox .date, #shinri .ttl_head .dateBox .date, #uranai .ttl_head .dateBox .date, #buy .ttl_head .dateBox .date {
      display: inline;
      font-size: 16px;
      font-weight: bold;
      padding-right: 10px; }
    #article .ttl_head .dateBox .cat, #archive .ttl_head .dateBox .cat, #mypage .ttl_head .dateBox .cat, #register .ttl_head .dateBox .cat, #ishii .ttl_head .dateBox .cat, #archive .ttl_head .dateBox .cat, #birthday365 .ttl_head .dateBox .cat, #shinri .ttl_head .dateBox .cat, #uranai .ttl_head .dateBox .cat, #buy .ttl_head .dateBox .cat {
      display: inline;
      font-size: 12px;
      margin-right: 10px; }
  #article .ttl_head p, #archive .ttl_head p, #mypage .ttl_head p, #register .ttl_head p, #ishii .ttl_head p, #archive .ttl_head p, #birthday365 .ttl_head p, #shinri .ttl_head p, #uranai .ttl_head p, #buy .ttl_head p {
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 10px; }
  #article .ttl_head .fav2, #archive .ttl_head .fav2, #mypage .ttl_head .fav2, #register .ttl_head .fav2, #ishii .ttl_head .fav2, #archive .ttl_head .fav2, #birthday365 .ttl_head .fav2, #shinri .ttl_head .fav2, #uranai .ttl_head .fav2, #buy .ttl_head .fav2 {
    position: absolute;
    bottom: 15px;
    right: 0px;
    width: 150px;
    height: 30px; }
    #article .ttl_head .fav2 a, #archive .ttl_head .fav2 a, #mypage .ttl_head .fav2 a, #register .ttl_head .fav2 a, #ishii .ttl_head .fav2 a, #archive .ttl_head .fav2 a, #birthday365 .ttl_head .fav2 a, #shinri .ttl_head .fav2 a, #uranai .ttl_head .fav2 a, #buy .ttl_head .fav2 a {
      color: #a6a6a6;
      display: block;
      background: url(../img/top/like_heart.png) #dedede no-repeat 10px center;
      background-size: auto 60%;
      border-radius: 5px;
      width: 150px;
      height: 30px;
      padding: 8px 0px 0px 35px; }
#article #articlekeyword, #archive #articlekeyword, #mypage #articlekeyword, #register #articlekeyword, #ishii #articlekeyword, #archive #articlekeyword, #birthday365 #articlekeyword, #shinri #articlekeyword, #uranai #articlekeyword, #buy #articlekeyword {
  margin-bottom: 15px;
  margin-left: 0;
  margin-top: 30px; }
#article .ttlmv, #archive .ttlmv, #mypage .ttlmv, #register .ttlmv, #ishii .ttlmv, #archive .ttlmv, #birthday365 .ttlmv, #shinri .ttlmv, #uranai .ttlmv, #buy .ttlmv {
  width: 664px;
  margin: 0px auto;
  display: block;
  overflow: hidden;
  margin-bottom: 20px; }
  #article .ttlmv img, #archive .ttlmv img, #mypage .ttlmv img, #register .ttlmv img, #ishii .ttlmv img, #archive .ttlmv img, #birthday365 .ttlmv img, #shinri .ttlmv img, #uranai .ttlmv img, #buy .ttlmv img {
    width: auto; }
#article .mv, #archive .mv, #mypage .mv, #register .mv, #ishii .mv, #archive .mv, #birthday365 .mv, #shinri .mv, #uranai .mv, #buy .mv {
  margin-bottom: 15px;
  text-align: center; }
#article #articleEntry li, #archive #articleEntry li, #mypage #articleEntry li, #register #articleEntry li, #ishii #articleEntry li, #archive #articleEntry li, #birthday365 #articleEntry li, #shinri #articleEntry li, #uranai #articleEntry li, #buy #articleEntry li {
  float: none;
  font-size: 17px;
  margin-bottom: 10px; }
  #article #articleEntry li aa:link, #archive #articleEntry li aa:link, #mypage #articleEntry li aa:link, #register #articleEntry li aa:link, #ishii #articleEntry li aa:link, #archive #articleEntry li aa:link, #birthday365 #articleEntry li aa:link, #shinri #articleEntry li aa:link, #uranai #articleEntry li aa:link, #buy #articleEntry li aa:link {
    color: #ee6788; }
#article #ArticleBody, #archive #ArticleBody, #mypage #ArticleBody, #register #ArticleBody, #ishii #ArticleBody, #archive #ArticleBody, #birthday365 #ArticleBody, #shinri #ArticleBody, #uranai #ArticleBody, #buy #ArticleBody {
  width: 700px;
  margin: 0px auto 20px auto;
  color: #4f4f4f; }
  #article #ArticleBody ul.snsBtn, #archive #ArticleBody ul.snsBtn, #mypage #ArticleBody ul.snsBtn, #register #ArticleBody ul.snsBtn, #ishii #ArticleBody ul.snsBtn, #archive #ArticleBody ul.snsBtn, #birthday365 #ArticleBody ul.snsBtn, #shinri #ArticleBody ul.snsBtn, #uranai #ArticleBody ul.snsBtn, #buy #ArticleBody ul.snsBtn {
    margin-bottom: 2.3%; }
  #article #ArticleBody ul.ansBtn2, #archive #ArticleBody ul.ansBtn2, #mypage #ArticleBody ul.ansBtn2, #register #ArticleBody ul.ansBtn2, #ishii #ArticleBody ul.ansBtn2, #archive #ArticleBody ul.ansBtn2, #birthday365 #ArticleBody ul.ansBtn2, #shinri #ArticleBody ul.ansBtn2, #uranai #ArticleBody ul.ansBtn2, #buy #ArticleBody ul.ansBtn2 {
    margin-bottom: 2.3%; }
  #article #ArticleBody .note, #archive #ArticleBody .note, #mypage #ArticleBody .note, #register #ArticleBody .note, #ishii #ArticleBody .note, #archive #ArticleBody .note, #birthday365 #ArticleBody .note, #shinri #ArticleBody .note, #uranai #ArticleBody .note, #buy #ArticleBody .note {
    font-size: 100%; }
  #article #ArticleBody p, #archive #ArticleBody p, #mypage #ArticleBody p, #register #ArticleBody p, #archive #ArticleBody p, #birthday365 #ArticleBody p, #shinri #ArticleBody p, #uranai #ArticleBody p, #buy #ArticleBody p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 1.3em;
    color: #4f4f4f; }
  #article #ArticleBody h2, #archive #ArticleBody h2, #mypage #ArticleBody h2, #register #ArticleBody h2, #archive #ArticleBody h2, #birthday365 #ArticleBody h2, #shinri #ArticleBody h2, #uranai #ArticleBody h2, #buy #ArticleBody h2 {
    font-weight: bold;
    background: #321217;
    background-image: url(/wp-content/themes/uportal/images/star_icon_white.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    border-radius: 5px;
    color: #fff;
    font-size: 139%;
    padding: 12px 0 12px 40px;
    margin: 0px 0px 15px 0px; }
  #article #ArticleBody .moreUranai p.price, #archive #ArticleBody .moreUranai p.price, #mypage #ArticleBody .moreUranai p.price, #register #ArticleBody .moreUranai p.price, #ishii #ArticleBody .moreUranai p.price, #archive #ArticleBody .moreUranai p.price, #birthday365 #ArticleBody .moreUranai p.price, #shinri #ArticleBody .moreUranai p.price, #uranai #ArticleBody .moreUranai p.price, #buy #ArticleBody .moreUranai p.price {
    font-size: 28px;
    color: #e30b00; }
  #article #ArticleBody .moreUranai p.pack, #archive #ArticleBody .moreUranai p.pack, #mypage #ArticleBody .moreUranai p.pack, #register #ArticleBody .moreUranai p.pack, #ishii #ArticleBody .moreUranai p.pack, #archive #ArticleBody .moreUranai p.pack, #birthday365 #ArticleBody .moreUranai p.pack, #shinri #ArticleBody .moreUranai p.pack, #uranai #ArticleBody .moreUranai p.pack, #buy #ArticleBody .moreUranai p.pack {
    line-height: 1.4em;
    font-size: 20px; }
  #article #ArticleBody .inputBox p, #archive #ArticleBody .inputBox p, #mypage #ArticleBody .inputBox p, #register #ArticleBody .inputBox p, #ishii #ArticleBody .inputBox p, #archive #ArticleBody .inputBox p, #birthday365 #ArticleBody .inputBox p, #shinri #ArticleBody .inputBox p, #uranai #ArticleBody .inputBox p, #buy #ArticleBody .inputBox p {
    line-height: 1;
    margin-bottom: 5px; }
    #article #ArticleBody .inputBox p.point, #archive #ArticleBody .inputBox p.point, #mypage #ArticleBody .inputBox p.point, #register #ArticleBody .inputBox p.point, #ishii #ArticleBody .inputBox p.point, #archive #ArticleBody .inputBox p.point, #birthday365 #ArticleBody .inputBox p.point, #shinri #ArticleBody .inputBox p.point, #uranai #ArticleBody .inputBox p.point, #buy #ArticleBody .inputBox p.point {
      color: #0099b5;
      margin-bottom: 1.3em; }
  #article #ArticleBody .retryBtn .other, #archive #ArticleBody .retryBtn .other, #mypage #ArticleBody .retryBtn .other, #register #ArticleBody .retryBtn .other, #ishii #ArticleBody .retryBtn .other, #archive #ArticleBody .retryBtn .other, #birthday365 #ArticleBody .retryBtn .other, #shinri #ArticleBody .retryBtn .other, #uranai #ArticleBody .retryBtn .other, #buy #ArticleBody .retryBtn .other {
    width: 320px; }

#article.rensai #ArticleBody h2, .rensai#archive #ArticleBody h2, .rensai#mypage #ArticleBody h2, .rensai#register #ArticleBody h2, .rensai#archive #ArticleBody h2,
.rensai#ishii #ArticleBody h2, .rensai#birthday365 #ArticleBody h2, .rensai#shinri #ArticleBody h2, .rensai#uranai #ArticleBody h2, .rensai#buy #ArticleBody h2 {
  background: #e7e7e7;
  border-color: #1b1b1b;
  color: #4f4f4f; }
#article.rensai #author, .rensai#archive #author, .rensai#mypage #author, .rensai#register #author, .rensai#archive #author,
.rensai#ishii #author, .rensai#birthday365 #author, .rensai#shinri #author, .rensai#uranai #author, .rensai#buy #author {
  background: #e6f0f3; }

/*----------------------------------------------------
  フッター
----------------------------------------------------*/
footer {
  padding-bottom: 30px; }

footer nav {
    background-image: url(/wp-content/themes/uportal/images/footer_frame.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
  overflow: hidden;
    margin: 15px 20px 35px 20px;
    padding: 35px 50px 35px 50px;}

footer nav ul.left {
  width: 330px;
  float: left; }

footer nav ul.right {
  width: 250px;
  float: right; }

footer nav ul li .ttl {
    background-image: url(/wp-content/themes/uportal/images/line.png);
    background-repeat: repeat no-repeat;
    background-position: center bottom;
  margin-bottom: 15px;
  padding-bottom: 10px;
  font-size: 15px; }

footer nav ul li ul {
  margin-left: 0px; }

footer nav ul li ul li {
  font-size: 13px;
  margin-bottom: 8px; }

footer nav ul li ul a:link {
  color: #818181;
  text-decoration: none; }

footer nav ul li ul a:visited {
  color: #818181; }

footer .footerBanner {
  margin: 0 auto 30px;
}

footer .footerBanner ul {
  overflow: hidden; }

footer .footerBanner ul li {
  width: 122px;
  float: left;
  margin-right: 21px; }

footer .footerBanner ul li img {
  width: 100%; }

footer .footerBanner ul li {
   width: 13%;
}

footer .copyright {
  font-size: 12px;
  text-align: center; }

footer .copyright a {
  display: inline-block; }

.return-top {
  width: 45px;
  margin: 0 auto; }

.return-top img {
  width: 100%; }

/*-------------------
followUs sns
--------------------*/
#followUs, .snsBtn, .snsBtn2 {
  margin-bottom: 15px; }
  #followUs .ttl, .snsBtn .ttl, .snsBtn2 .ttl {
    overflow: hidden; }
    #followUs .ttl .headingImg, .snsBtn .ttl .headingImg, .snsBtn2 .ttl .headingImg {
      width: 100px;
      float: left;
      margin-left: 10px; }
    #followUs .ttl .txt, .snsBtn .ttl .txt, .snsBtn2 .ttl .txt {
      margin-left: 125px;
      padding-top: 4px; }
  #followUs ul, .snsBtn ul, .snsBtn2 ul {
    margin: 0px 10px;
    overflow: hidden; }
    #followUs ul li, .snsBtn ul li, .snsBtn2 ul li {
      width: 18%;
      float: left;
      margin-right: 2%; }

.snsBtn, .snsBtn2 {
  margin-bottom: 15px;
  margin-left: 30px; }
  .snsBtn ul, .snsBtn2 ul {
    margin-left: 0px; }
    .snsBtn ul li, .snsBtn2 ul li {
      margin-right: 5px;
      width: 30px !important;
      line-height: 1.1em;
      font-size: 10px;
      text-align: center;
      font-weight: bold; }
      .snsBtn ul li img, .snsBtn2 ul li img {
        width: 30px !important;
        height: 30px; }
      .snsBtn ul li.twitter, .snsBtn2 ul li.twitter {
        color: #00acee; }
      .snsBtn ul li.facebook, .snsBtn2 ul li.facebook {
        color: #3b5998; }
      .snsBtn ul li.hatena, .snsBtn2 ul li.hatena {
        color: #0090df; }
      .snsBtn ul li.google, .snsBtn2 ul li.google {
        color: #df4b38; }
      .snsBtn ul li.fav, .snsBtn2 ul li.fav {
        height: 30px;
        width: 50px !important; }
        .snsBtn ul li.fav a, .snsBtn2 ul li.fav a {
          background: #dedede;
          border-radius: 5px;
          text-align: center;
          width: 50px;
          padding-top: 7px;
          height: 30px; }
          .snsBtn ul li.fav a img, .snsBtn2 ul li.fav a img {
            width: 35%; }
  .snsBtn .note, .snsBtn2 .note {
    font-size: 100%; }

.snsBtn2 {
  position: relative;
  overflow: hidden; }
  .snsBtn2 ul {
    position: relative;
    left: 50%;
    float: left;
    text-align: center;
    overflow: visible; }
    .snsBtn2 ul li {
      position: relative;
      left: -50%;
      float: left;
      width: 120px !important;
      display: inline; }
      .snsBtn2 ul li img {
        width: 120px !important;
        height: auto !important; }

.inputBox {
  text-align: center;
  width: 664px;
  margin: 0px auto 30px auto; }
  .inputBox h2 {
    text-align: left;
    color: #4f4f4f !important;
    font-size: 19px !important;
    font-weight: bold !important;
    margin-bottom: 15px !important;
    background: none !important;
    border: none !important; }
  .inputBox p {
    text-align: left;
    margin: 0px 0px 5px 0px; }
    .inputBox p.point {
      color: #0099b5;
      margin: 0px 0px 15px 0px; }
  .inputBox .radio {
    font-size: 18px; }

.formArea {
  margin: 0px 10px 15px 10px; }

input {
  font-size: 14px;
  color: #282828;
  line-height: 26px;
  margin-bottom: 15px;
  }
  #registerChange select {
    color: #282828;
}

  input.date {
    width: 280px;
    font-size: 185%;
    padding: 10px;
    margin: 15px auto 0px auto; }
  input.time {
    font-size: 185%;
    padding: 10px; }

textarea, select {
  width: 100%;
  font-size: 14px;
  line-height: 1.7; }

input[type=txt] {
  width: 300px;
  font-size: 18px;
  padding: 5px; }

input[type=radio], input[type=checkbox] {
  margin: 0px 5px 0px 0px; }

label {
  padding-left: 10px;
  font-weight: normal; }
  label.female {
    color: #ff99de; }

input[type="submit"] {
  background: #ee6788;
  width: 260px !important;
  margin: 0px auto 30px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 0;
  border: 0; }

.retryBtn a {
  color: #fff;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  font-size: 18px;
  font-weight: normal; }

.loginBtn {
  border: 2px solid #fff;
  padding: 10px;
  margin: 0px auto 0px auto;
  width: 100%;
  text-align: center; }
  .loginBtn a {
    color: #fff;
    text-decoration: none;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; }

.registBtn {
  padding: 10px;
  margin: 0px auto 0px auto;
  width: 100%;
  text-align: center;
  background: #000a27; }
  .registBtn a {
    color: #fff;
    text-decoration: none;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; }

.faqBtn {
  background: #fff;
  margin: 30px 5% 30px 5%;
  text-align: center;
  padding: 15px 10px;
  color: #969696;
  font-size: 139%;
  border: 1px solid #969696;
  border-radius: 5px; }
  .faqBtn a {
    color: #969696; }

.lastBtn {
  background: #b1b1b1;
  margin: 30px 5% 30px 5%;
  text-align: center;
  padding: 10px;
  color: #fff;
  font-size: 139%;
  border-radius: 5px; }
  .lastBtn a {
    color: #fff; }

/*-------------------
topfeature
--------------------*/
  #topfeature ul {
    margin-bottom: 0; }
    #topfeature ul li {
      float: left;
      width: 365px;
      border-left: 2px solid rgba(165, 165, 165, 0);
      }
      #topfeature ul li:first-child {
        border-left: none; }
  #topfeature dl {
    margin-bottom: 0; }
    #topfeature dl dt {
      position: relative;
      width: 366px;
      height: 227px;
      }
      #topfeature dl dt .new {
        position: absolute;
        width: 90px; }
    #topfeature dl dd {
      padding: 10px 15px; }
  #topfeature .ttl {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px; }
  #topfeature .dateBox .date {
    display: inline-block;
    font-weight: bold;
    font-family: Helvetica; }
  #topfeature .dateBox .cat {
    display: inline-block; }

#topfeature .dateBox .cat a {
  display: inline-block; }
  #topfeature .dateBox .cat a.ishii {
    color: #ff4949; }
  #topfeature .dateBox .cat a.renai {
    color: #0099b5; }
  #topfeature .dateBox .cat a.koiuranai {
    color: #ff99be; }
  #topfeature .dateBox .cat a.rensai {
    color: #7c5a00; }

/*----------------------------------------------------
  #side 
----------------------------------------------------*/
.fbBox {
  margin: 0 auto 30px;
  width: 280px; height: 301px;}

#side .more a {
  border: 3px solid #a5a5a5;
  text-align: center;
  width: 57%;
  margin: 10px auto 0px auto;
  padding: 1.5% 20% 0.8% 20%; }
  #side .more a img {
    width: 60px; }

#side #daily, #side #ishii #weekly, #ishii #side #weekly, #side #birthday365 #weekly, #birthday365 #side #weekly {
  background-image: url(/wp-content/themes/uportal/images/12signs_ranking_frame.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  margin-top: 5px;
  margin-bottom: 20px;
  width: 310px;
  }
  #side #daily p, #side #ishii #weekly p, #ishii #side #weekly p, #side #birthday365 #weekly p, #birthday365 #side #weekly p {
    margin-bottom: 5px; }
  #side #daily .btnDetail a, #side #ishii #weekly .btnDetail a, #ishii #side #weekly .btnDetail a, #side #birthday365 #weekly .btnDetail a, #birthday365 #side #weekly .btnDetail a {
    background: #321217;
    border-radius: 5px;
    width: auto;
    padding: 10px 25px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    margin: 0 30px 40px;
    font-size: 15px; }
  #side #daily ul, #side #ishii #weekly ul, #ishii #side #weekly ul, #side #birthday365 #weekly ul, #birthday365 #side #weekly ul {
    overflow: hidden;
    margin: 0 30px;
    }
    #side #daily ul li, #side #ishii #weekly ul li, #ishii #side #weekly ul li, #side #birthday365 #weekly ul li, #birthday365 #side #weekly ul li {
      width: 230px;
      float: none;
      position: relative;
      margin-bottom: 10px; }
      #side #daily ul li .number, #side #ishii #weekly ul li .number, #ishii #side #weekly ul li .number, #side #birthday365 #weekly ul li .number, #birthday365 #side #weekly ul li .number {
        position: absolute;
        left: 0px;
        top: -8px;
        width: 30px;
        height: 30px;
        z-index: 30;
        background-image: url(../../images/icons.png);
        background-size: 34px;
        background-repeat: no-repeat; }
      #side #daily ul li:nth-child(1) .number, #side #ishii #weekly ul li:nth-child(1) .number, #ishii #side #weekly ul li:nth-child(1) .number, #side #birthday365 #weekly ul li:nth-child(1) .number, #birthday365 #side #weekly ul li:nth-child(1) .number {
        background-position: -2px -60px; }
      #side #daily ul li:nth-child(2) .number, #side #ishii #weekly ul li:nth-child(2) .number, #ishii #side #weekly ul li:nth-child(2) .number, #side #birthday365 #weekly ul li:nth-child(2) .number, #birthday365 #side #weekly ul li:nth-child(2) .number {
        background-position: -2px -101px; }
      #side #daily ul li:nth-child(3) .number, #side #ishii #weekly ul li:nth-child(3) .number, #ishii #side #weekly ul li:nth-child(3) .number, #side #birthday365 #weekly ul li:nth-child(3) .number, #birthday365 #side #weekly ul li:nth-child(3) .number {
        background-position: -2px -142px; }
      #side #daily ul li a:link, #side #ishii #weekly ul li a:link, #ishii #side #weekly ul li a:link, #side #birthday365 #weekly ul li a:link, #birthday365 #side #weekly ul li a:link {
        text-decoration: none;
        color: #646464;
        font-size: 100%;
        font-weight: bold; }
  #side #daily dl, #side #ishii #weekly dl, #ishii #side #weekly dl, #side #birthday365 #weekly dl, #birthday365 #side #weekly dl {
    margin: 10px 0px 0px 10px;
    width: 220px; }
    #side #daily dl dt, #side #ishii #weekly dl dt, #ishii #side #weekly dl dt, #side #birthday365 #weekly dl dt, #birthday365 #side #weekly dl dt {
      margin-bottom: 10px;
      margin-right: 10px;
      float: left;
      width: 60px; }
      #side #daily dl dt img, #side #ishii #weekly dl dt img, #ishii #side #weekly dl dt img, #side #birthday365 #weekly dl dt img, #birthday365 #side #weekly dl dt img {
        width: 100%; }
    #side #daily dl dd, #side #ishii #weekly dl dd, #ishii #side #weekly dl dd, #side #birthday365 #weekly dl dd, #birthday365 #side #weekly dl dd {
      text-align: left !important; }
      #side #daily dl dd .name, #side #ishii #weekly dl dd .name, #ishii #side #weekly dl dd .name, #side #birthday365 #weekly dl dd .name, #birthday365 #side #weekly dl dd .name {
        font-size: 13px;
        text-align: left !important;
        margin-bottom: 10px !important; }
      #side #daily dl dd .txt, #side #ishii #weekly dl dd .txt, #ishii #side #weekly dl dd .txt, #side #birthday365 #weekly dl dd .txt, #birthday365 #side #weekly dl dd .txt {
        text-align: left !important;
        font-weight: normal;
        font-size: 11px; }

#side #daily ul li dl dt {
  width: 84px;
  height: 84px;
  float: left;
  margin: 0 !important;
  }
#side #daily ul li dl dd {
  width: 130px;
  float: right;
  font-size: 15px;
  text-align: left;
  }
  #side #daily ul li dl dd p {
    float: left; }
    #side #daily ul li dl dd p:nth-of-type(1) {
      width: 30%;
      font-size: 15px;
      line-height: 19px !important;
      margin-bottom: 7px !important;
      }
    #side #daily ul li dl dd p:nth-of-type(2) {
      width: 70%;
      font-size: 14px;
      line-height: 19px !important;
      margin-bottom: 5px !important; }
    #side #daily ul li dl dd p:nth-of-type(3) {
      clear: both;
      font-size: 12px;
      word-break: normal;
      font-weight: normal;
      margin-bottom: 0;
      margin-top: 7px;
      }

#searchBoxArea {
  overflow: hidden;
  margin: 0px auto 20px auto; }
  #searchBoxArea input.word {
    width: 87% !important;
    padding: 5px; }

#keywordSearch {
  overflow: hidden; }
  #keywordSearch ul {
    margin-bottom: 30px; }
  #keywordSearch .ttl {
    border-bottom: 0;
    margin-bottom: 0px; }
    #keywordSearch .ttl .headingImg {
      margin-left: 0; }

#recommend_2, #related {
  width: 320px; }
  
  #recommend_2 .ttl, #related .ttl {
    border-bottom: 1px solid #b8b8b8;
    }

    #recommend_2 .ttl .headingImg, #related .ttl .headingImg {
      width: 135px;
      display: inline-block;
      margin-bottom: 0;
      margin-right: 5px; }
      #recommend_2 .ttl .headingImg img, #related .ttl .headingImg img {
        width: 100%; }
    #recommend_2 .ttl p, #related .ttl p {
      display: inline-block;
      vertical-align: top;
      margin-top: 11px; }
  #recommend_2 ul li .rankNumber, #related ul li .rankNumber {
    left: 2px;
    top: 0px; }
  #recommend_2 ul li .ttl, #related ul li .ttl {
    border-bottom: 0; }

#recommend_2 ul, #related ul, #newzia_connect_2 ul {
  border-top: 0px; }
  #recommend_2 ul li, #related ul li, #newzia_connect_2 ul li {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    overflow: hidden;
    padding: 15px 20px 13px 20px;
    margin-bottom: 5px;
    border-bottom: 1px solid #b8b8b8;
    background-repeat: no-repeat;
    background-position: center bottom;
}

#side #recommend_2 h2.headingTxt01 {
  margin-left: 10px;
}

.entryListBox {
  padding-left: 15px;
  overflow: hidden; }
  .entryListBox #recommend_2 {
    float: left;
    width: 320px;
    margin-right: 35px; }
  .entryListBox #related {
    float: left;
    width: 320px;
    margin-right: 0px; }

#author {
  border-radius: 10px;
  padding: 30px 30px 10px 30px;
  margin-bottom: 15px;
  background: #f3f0f3;
  overflow: hidden; }
  #author .left {
    float: left;
    width: 175px; }
  #author .right {
    float: left;
    width: 420px; }
  #author h3 {
    color: #000000;
    font-weight: bold;
    font-size: 170%;
    margin-bottom: 10px; }
  #author .name {
    color: #7c5a00;
    font-weight: bold;
    font-size: 139%;
    margin-bottom: 10px; }
  #author .face {
    padding: 0px;
    margin-bottom: 15px; }
    #author .face img {
      width: 146px; }
  #author .txt {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 15px; }
  #author .website {
    font-size: 14px;
    line-height: 1.7;
    color: #7c5a00; }
    #author .website h5 {
      font-weight: bold;
      color: #404040;
      margin-bottom: 5px; }
    #author .website .sitename {
      font-weight: bold;
      color: #7c5a00 !important;
      margin-bottom: 5px !important; }
    #author .website .link {
      text-align: right; }
      #author .website .link a {
        color: #ff5858;
        text-decoration: underline;
        font-size: 14px; }
    #author .website .gorensai {
      text-align: right; }
      #author .website .gorensai a {
        color: #ff5858;
        text-decoration: underline;
        font-size: 18px; }

.pager {
  width: 100%; }
  .pager ul {
    margin: 0px;
    padding: 0px;
    overflow: hidden; }
    .pager ul li {
      margin: 0px 0px 15px 0px;
      display: block;
      border: 0px;
      font-size: 16px; }
      .pager ul li dt {
        color: #ee6788;
        font-size: 16px;
        font-weight: bold; }
      .pager ul li.prev dl {
        overflow: hidden; }
        .pager ul li.prev dl dt {
          float: left;
          width: 80px; }
        .pager ul li.prev dl dd {
          margin-left: 80px;
          text-align: left; }
      .pager ul li.next dl {
        overflow: hidden; }
        .pager ul li.next dl dt {
          float: right;
          width: 80px; }
        .pager ul li.next dl dd {
          text-align: right;
          margin-right: 80px; }

/*-------------------
Archiveページ
--------------------*/
#archive .mv, #mypage .mv, #register .mv {
  width: 664px;
  margin: 0px auto;
  display: block;
  overflow: hidden;
  margin-bottom: 20px; }
  #archive .mv img, #mypage .mv img, #register .mv img {
    width: 100%; }

/*-------------------
daily_archive
--------------------*/
#archive, #ishii, #birthday365 {
  padding-top: 85px; }
  #archive #navArea2, #ishii #navArea2, #birthday365 #navArea2 {
    display: block; }
  #archive .dailyFortuneList, #ishii .dailyFortuneList, #birthday365 .dailyFortuneList {
    margin: 0px 10px 15px 10px; }
    #archive .dailyFortuneList li, #ishii .dailyFortuneList li, #birthday365 .dailyFortuneList li {
      padding: 0px 5px; }
    #archive .dailyFortuneList .number, #ishii .dailyFortuneList .number, #birthday365 .dailyFortuneList .number {
      left: 5px; }
  #archive .ttl_head, #ishii .ttl_head, #birthday365 .ttl_head {
    border-top: none;
    padding-top: none;
    overflow: hidden; }
    #archive .ttl_head .inner, #ishii .ttl_head .inner, #birthday365 .ttl_head .inner {
      overflow: hidden; }
    #archive .ttl_head .ttl, #ishii .ttl_head .ttl, #birthday365 .ttl_head .ttl {
      float: left;
      width: 90%; }
      #archive .ttl_head .ttl p, #ishii .ttl_head .ttl p, #birthday365 .ttl_head .ttl p {
        font-size: 12px;
        color: #525252; }
    #archive .ttl_head .dateBox, #ishii .ttl_head .dateBox, #birthday365 .ttl_head .dateBox {
      float: right;
      width: 40%;
      text-align: right;
      color: #002135; }
    #archive .ttl_head .headingTxt01, #ishii .ttl_head .headingTxt01, #birthday365 .ttl_head .headingTxt01 {
      font-weight: bold;
      font-size: 20px;
      margin-bottom: 0; }
    #archive .ttl_head .date, #ishii .ttl_head .date, #birthday365 .ttl_head .date {
      font-weight: bold;
      font-size: 24px !important;
      line-height: 20px;
      padding-top: 3px;
      padding-right: 0px !important;
      display: block !important; }
    #archive .ttl_head .day, #ishii .ttl_head .day, #birthday365 .ttl_head .day {
      display: block !important;
      font-size: 18px; }
  #archive dl dt, #ishii dl dt, #birthday365 dl dt {
    margin-bottom: 0px; }
  #archive dl dt {
    /*
    width: 84px;
    height: 84px;
    */
}
  #archive dl dd .name, #ishii dl dd .name, #birthday365 dl dd .name {
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 1.2;
    font-weight: bold; }
  #archive dl dd .date, #ishii dl dd .date, #birthday365 dl dd .date {
    font-size: 11px;
    font-weight: normal; }
  #archive #dailyArchiveDetail, #ishii #dailyArchiveDetail, #birthday365 #dailyArchiveDetail {
    margin-bottom: 25px; }
    #archive #dailyArchiveDetail .zodiac, #ishii #dailyArchiveDetail .zodiac, #birthday365 #dailyArchiveDetail .zodiac {
      position: relative;
      width: 30%;
      margin: 0px auto; }
      #archive #dailyArchiveDetail .zodiac .number, #ishii #dailyArchiveDetail .zodiac .number, #birthday365 #dailyArchiveDetail .zodiac .number {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 0;
        left: 0; }
    #archive #dailyArchiveDetail dl, #ishii #dailyArchiveDetail dl, #birthday365 #dailyArchiveDetail dl {
      padding-top: 10px;
      padding-bottom: 10px; }
      #archive #dailyArchiveDetail dl.star, #ishii #dailyArchiveDetail dl.star, #birthday365 #dailyArchiveDetail dl.star {
        margin: 0px auto 15px auto;
        overflow: hidden; }
        #archive #dailyArchiveDetail dl.star dt, #ishii #dailyArchiveDetail dl.star dt, #birthday365 #dailyArchiveDetail dl.star dt {
          float: left;
          width: 150px;
          font-size: 16px;
          font-weight: normal;
          line-height: 1.7; }
        #archive #dailyArchiveDetail dl.star dd, #ishii #dailyArchiveDetail dl.star dd, #birthday365 #dailyArchiveDetail dl.star dd {
          margin-left: -15px;
          margin-right: 30px;
          font-size: 18px;
          color: #ee6f8f;
          line-height: 1.7;
          float: left; }
      #archive #dailyArchiveDetail dl dd .name, #ishii #dailyArchiveDetail dl dd .name, #birthday365 #dailyArchiveDetail dl dd .name {
        font-size: 20px;
        margin-bottom: 0px;
        line-height: 1.2;
        font-weight: bold; }
      #archive #dailyArchiveDetail dl dd .date, #ishii #dailyArchiveDetail dl dd .date, #birthday365 #dailyArchiveDetail dl dd .date {
        font-size: 16px;
        font-weight: normal; }
    #archive #dailyArchiveDetail p, #ishii #dailyArchiveDetail p, #birthday365 #dailyArchiveDetail p {
      font-size: 14px;
      line-height: 1.6; }

#archive .dateBox {
  margin-right: 30px; }
  #archive .dateBox .date {
    text-align: right;
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 30px; }

/*-------------------
心理占いページ
--------------------*/
#shinri #ArticleBody {
  padding: 0px; }
  #shinri #ArticleBody .snsBtn, #shinri #ArticleBody .snsBtn2, #shinri #ArticleBody p {
    padding: 0px 10px; }
  #shinri #ArticleBody .point {
    font-weight: bold;
    font-size: 147%;
    line-height: 1.5; }
#shinri #questionBox {
  background: #f5fff1;
  padding: 25px;
  margin-bottom: 30px; }
  #shinri #questionBox .questionTitle, #shinri #questionBox .resultBox dd .heading01 {
    color: #404040;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 35px;
    line-height: 1.4;
    margin-top: 20px;
    padding: 0px 10px; }
  #shinri #questionBox .resultTitle {
    color: #0099b5;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    margin-bottom: 15px;
    line-height: 1.4;
    margin-top: 20px;
    padding: 0px 10px; }
  #shinri #questionBox .mv {
    margin-bottom: 35px; }
  #shinri #questionBox ul {
    padding: 0px 10px;
    overflow: hidden; }
  #shinri #questionBox li {
    width: 280px;
    float: left;
    background: #fff;
    margin-bottom: 10px;
    margin-right: 25px; }
    #shinri #questionBox li a {
      padding: 10px; }
  #shinri #questionBox dl {
    overflow: hidden;
    margin-bottom: 0; }
    #shinri #questionBox dl dt {
      float: left;
      width: 40px;
      font-size: 185%; }
      #shinri #questionBox dl dt.answerA {
        color: #ff2400; }
      #shinri #questionBox dl dt.answerB {
        color: #0096f8; }
      #shinri #questionBox dl dt.answerC {
        color: #ffc717; }
      #shinri #questionBox dl dt.answerD {
        color: #dfff7d; }
    #shinri #questionBox dl dd {
      margin-left: 40px;
      font-size: 16px; }
  #shinri #questionBox .resultBox {
    background: #fff;
    padding: 10px;
    margin: 0px 10px 30px 10px; }
    #shinri #questionBox .resultBox dt {
      width: auto;
      float: none;
      text-align: center;
      font-size: 42px;
      margin-bottom: 0px; }
    #shinri #questionBox .resultBox dd {
      margin: 0px; }
      #shinri #questionBox .resultBox dd .heading01 {
        font-size: 16px;
        margin-top: 0;
        padding: 0px 10px; }
#shinri p.after {
  margin-bottom: 30px; }
#shinri #author {
  margin: 0px 60px 30px 60px; }
  #shinri #author h3 {
    text-align: left;
    margin-bottom: 20px; }
  #shinri #author .name, #shinri #author .sitename {
    color: #0099b5 !important;
    font-size: 17px; }
  #shinri #author .txt {
    color: #404040; }

/*-------------------
石井ゆかり
--------------------*/
#ishii .ttl_head .ttl, #birthday365 .ttl_head .ttl {
  float: none;
  width: 100%; }
#ishii .tab2 li, #birthday365 .tab2 li {
  font-size: 19px;
  border-right: none; }
  #ishii .tab2 li a, #birthday365 .tab2 li a {
    height: 40px; }
#ishii .tabs-panel2, #birthday365 .tabs-panel2 {
  position: relative; }
  #ishii .tabs-panel2 .lastBtn, #birthday365 .tabs-panel2 .lastBtn {
    position: relative;
    bottom: 0px;
    right: 10px;
    margin: 0px; }
    #ishii .tabs-panel2 .lastBtn a, #birthday365 .tabs-panel2 .lastBtn a {
      padding-right: 20px;
      padding-left: 20px; }
#ishii #weekly, #birthday365 #weekly {
  width: 620px; }
  #ishii #weekly p, #birthday365 #weekly p {
    font-size: 16px;
    line-height: 1.7; }
  #ishii #weekly ul li, #birthday365 #weekly ul li {
    width: 25%;
    margin-bottom: 20px;
    margin-right: 0; }
  #ishii #weekly .dateBox, #birthday365 #weekly .dateBox {
    margin: 30px 0px 20px 0px;
    text-align: center;
    color: #002135;
    line-height: 1; }
    #ishii #weekly .dateBox p, #birthday365 #weekly .dateBox p {
      font-size: 170%;
      font-weight: bold;
      margin-bottom: 0;
      line-height: 1.2; }
      #ishii #weekly .dateBox p span, #birthday365 #weekly .dateBox p span {
        font-size: 77%;
        margin-left: 10px;
        font-weight: normal; }
#ishii .weeklyDate, #birthday365 .weeklyDate {
  text-align: right;
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 30px; }
#ishii .mv, #birthday365 .mv {
  display: none; }
  #ishii .mv img, #birthday365 .mv img {
    width: 100%; }
  #ishii .mv.show, #birthday365 .mv.show {
    margin-bottom: 15px; }
#ishii .inputBox p, #birthday365 .inputBox p {
  text-align: center; }
#ishii .inputBox input, #birthday365 .inputBox input {
  width: 80px;
  margin: 20px auto; }
#ishii .attention, #birthday365 .attention {
  color: #ff5858 !important; }
#ishii .retryBtn, #birthday365 .retryBtn {
  margin-top: 10px;
  text-align: center; }
#ishii #author, #birthday365 #author {
  width: 680px;
  margin: 0px auto 30px auto; }
  #ishii #author h3, #birthday365 #author h3 {
    text-align: left; }
  #ishii #author .name, #birthday365 #author .name {
    color: #3b5998; }
  #ishii #author .website, #birthday365 #author .website {
    color: #3b5998; }
  #ishii #author .muryo, #birthday365 #author .muryo {
    color: #df4b38; }
#ishii .sampleImg, #birthday365 .sampleImg {
  width: 480px;
  margin: 0px auto 15px auto; }
#ishii .zodiac, #birthday365 .zodiac {
  position: relative;
  width: 45%;
  margin: 0px auto 30px auto !important; }
  #ishii .zodiac dl, #birthday365 .zodiac dl {
    padding-top: 10px; }
    #ishii .zodiac dl dd .name, #birthday365 .zodiac dl dd .name {
      font-size: 20px !important;
      margin-bottom: 0px;
      line-height: 1.2;
      font-weight: bold; }
    #ishii .zodiac dl dd .date, #birthday365 .zodiac dl dd .date {
      font-size: 14px !important;
      font-weight: normal; }
#ishii .WeeklyFortuneList.small img, #birthday365 .WeeklyFortuneList.small img {
  width: 100%; }
#ishii .WeeklyFortuneList.small li, #birthday365 .WeeklyFortuneList.small li {
  width: 150px !important;
  padding: 15px; }
#ishii .WeeklyFortuneList.small dl, #birthday365 .WeeklyFortuneList.small dl {
  width: 120px !important;
  margin: 0px !important; }
  #ishii .WeeklyFortuneList.small dl dt, #birthday365 .WeeklyFortuneList.small dl dt {
    width: 120px !important; }
    #ishii .WeeklyFortuneList.small dl dt img, #birthday365 .WeeklyFortuneList.small dl dt img {
      width: 100%; }
    #ishii .WeeklyFortuneList.small dl dt dd, #birthday365 .WeeklyFortuneList.small dl dt dd {
      width: 120px !important; }
#ishii .sora p, #birthday365 .sora p {
  font-size: 124%;
  padding: 0px 10px; }

#articleBox .weeklyDate {
  text-align: right;
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 30px; }
  #articleBox .weeklyDate h2 {
    text-align: right;
    font-size: 19px !important;
    font-weight: bold !important;
    margin-bottom: 30px !important;
    background: none !important;
    border-left: 0 !important; }

#ishii .weeklyDate span, #birthday365 .weeklyDate span, #articleBox .weeklyDate span {
  font-size: 14px; }

#ishii .tab2 li a {
  width: 250px;
  margin: 0 auto;
  font-size: 17px;
  line-height: 24px; }

.soraFortune {
  background: #c7b986;
  padding: 30px;
  margin-bottom: 15px;
  width: 664px;
  margin: 0px auto 30px auto;
  font-size: 140%; }
  .soraFortune .ttlhead {
    overflow: hidden;
    margin-bottom: 20px; }
    .soraFortune .ttlhead .name {
      margin-top: 8px;
      float: left;
      color: #002135;
      font-size: 33px;
      font-weight: bold; }
      .soraFortune .ttlhead .name span {
        margin-left: 10px;
        vertical-align: middle;
        display: inline-block;
        color: #646464;
        font-size: 26px; }
    .soraFortune .ttlhead .lastBtn {
      float: right;
      width: 180px;
      margin: 0px;
      background: #101848;
      font-size: 16px; }
  .soraFortune .dateBox {
    overflow: hidden;
    color: #002135;
    font-size: 20px;
    font-weight: bold;
    margin: 0px 10px 20px 30px; }
    .soraFortune .dateBox span {
      font-size: 22px;
      font-weight: normal; }
    .soraFortune .dateBox .date1 {
      float: left;
      width: 30%;
      text-align: center; }
    .soraFortune .dateBox .date2 {
      float: left;
      text-align: center;
      width: 30%;
      padding-top: 15px;
      margin: 0px 10px; }
    .soraFortune .dateBox .date3 {
      text-align: center;
      float: left;
      width: 30%; }
  .soraFortune p {
    font-size: 18px !important;
    line-height: 1.7em; }
  .soraFortune .img {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 80%; }

.loginBox {
  width: 380px;
  background: #002135;
  padding: 30px 50px;
  margin: 30px auto 30px auto; }
  .loginBox .loginBtn, .loginBox .registBtn {
    margin: 0px auto 15px auto;
    font-size: 22px;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; }
  .loginBox p {
    text-align: center; }
    .loginBox p a {
      color: #fff;
      text-decoration: underline;
      font-size: 77%; }

/*-------------------
365日誕生日占い
--------------------*/
#birthday365 .ttl_head {
  border-top: 2px solid #4f4f4f; }
#birthday365 .mv {
  display: block; }
#birthday365 .select {
  padding-top: 30px; }
  #birthday365 .select h2 {
    margin-bottom: 20px !important; }
  #birthday365 .select li {
    display: inline-block;
    font-size: 15px;
    margin-right: 8px;
    margin-bottom: 10px;
    min-width: 60px; }
    #birthday365 .select li a {
      display: block;
      padding: 10px;
      border: 1px solid #ee6788; }
      #birthday365 .select li a:hover {
        background: #ee6788;
        color: #ffffff; }
#birthday365 #ArticleBody h2 {
  background: none;
  border: none;
  text-align: center;
  font-weight: bold;
  margin: 0px 10px; }
#birthday365 #ArticleBody .attention {
  color: #ffa858 !important;
  font-size: 14px;
  text-align: center; }
#birthday365 #ArticleBody #result h2 {
  text-align: center;
  font-size: 20px; }
#birthday365 #ArticleBody #result .snsBtn2 {
  margin-bottom: 20px; }
#birthday365 #ArticleBody #result #resultBox {
  width: 664px;
  margin: 0px auto 30px auto;
  border: 2px solid #404040;
  padding: 40px; }
  #birthday365 #ArticleBody #result #resultBox .date {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.7; }
  #birthday365 #ArticleBody #result #resultBox p {
    font-size: 20px;
    margin: 0px 10px 15px 10px; }
#birthday365 #resultBox {
  width: 594px;
  background: #fff;
  border: 1px solid #aeaeae;
  padding: 0px 0px 0px 0px;
  margin: 0px auto 30px auto;
  overflow: hidden
}
  #birthday365 #resultBox .dateBox {
    padding: 15px 0px;
    text-align: center; }
    #birthday365 #resultBox .dateBox .date span {
      font-size: 77%;
      padding-left: 10px;
      font-weight: bold; }
    #birthday365 #resultBox .dateBox .gender {
      display: inline-block;
      font-size: 20px;
      margin-bottom: 0px;
      font-weight: bold; }
      #birthday365 #resultBox .dateBox .gender.female {
        color: #ff99de; }
  #birthday365 #resultBox .tab3 {
    overflow: hidden;
    margin-bottom: 0; }
    #birthday365 #resultBox .tab3 li {
      width: 16.6%;
      float: left;
      font-size: 93%;
      cursor: pointer;
      text-align: center;
      padding: 8px 0px;
      margin-bottom: 0;
      display: block; }
      #birthday365 #resultBox .tab3 li.select {
        display: block; }
      #birthday365 #resultBox .tab3 li.line1 {
        padding: 15px 5px;
        background-image: url(../img/365_bg/blue03.png);
        background-size: 77%;
        background-position: 10px 10px;
        background-repeat: no-repeat; }
      #birthday365 #resultBox .tab3 li.select {
        color: #688ad4; }
  #birthday365 #resultBox .content3 {
    margin-bottom: 0; }
    #birthday365 #resultBox .content3 li {
      padding: 20px;
      margin-bottom: 0;
      display: none; }
      #birthday365 #resultBox .content3 li.select {
        display: block;
        color: #688ad4;
        border-top: 1px solid #688ad4;
        margin: 0 10px; }
      #birthday365 #resultBox .content3 li .rankName {
        font-size: 18px; }
        #birthday365 #resultBox .content3 li .rankName span {
          color: #0099b5;
          padding-right: 5px; }
      #birthday365 #resultBox .content3 li p {
        font-size: 16px;
        margin-bottom: 1em; }
      #birthday365 #resultBox .content3 li .credit {
        font-size: 12px;
        margin-bottom: 5px; }
        #birthday365 #resultBox .content3 li .credit a {
          display: inline-block;
          color: #ee6f8f;
          text-decoration: underline; }
      #birthday365 #resultBox .content3 li dl {
        padding: 0px 10px;
        overflow: hidden;
        font-size: 108%;
        margin-bottom: 50px; }
      #birthday365 #resultBox .content3 li dt {
        float: left;
        width: 110px;
        margin-top: 5px; }
      #birthday365 #resultBox .content3 li dd {
        font-size: 139%;
        color: #ee6f8f;
        margin-left: 110px; }

#resultBox {
  background: #fff;
  border: 2px solid #000;
  padding: 30px 0px 0px 0px;
  margin-bottom: 15px;
  overflow: hidden; }
  #resultBox .dateBox {
    text-align: center; }
    #resultBox .dateBox .date {
      font-size: 216%;
      margin-bottom: 10px;
      font-family: helvetica; }
      #resultBox .dateBox .date span {
        font-size: 77%;
        padding-left: 10px;
        font-weight: bold; }
    #resultBox .dateBox .gender {
      font-size: 154%;
      margin-bottom: 15px;
      font-weight: bold; }
      #resultBox .dateBox .gender.female {
        color: #ff99de; }

/*-------------------
占い
--------------------*/
#uranai .retryBtn, #buy .retryBtn {
  margin-bottom: 50px; }
#uranai .moreUranaiBox .retryBtn, #buy .moreUranaiBox .retryBtn {
  margin-bottom: 30px; }
#uranai #ArticleBody, #buy #ArticleBody {
  width: 664px;
  margin: 0px auto; }
  #uranai #ArticleBody .moreUranai h2, #buy #ArticleBody .moreUranai h2 {
    font-size: 21px; }
  #uranai #ArticleBody h2, #buy #ArticleBody h2 {
    background: none;
    border: none;
    font-size: 19px; }
  #uranai #ArticleBody .attention, #buy #ArticleBody .attention {
    color: #ffa858;
    font-size: 17px;
    text-align: center; }
  #uranai #ArticleBody .attention2, #buy #ArticleBody .attention2 {
    color: #0099b5;
    font-size: 108%;
    text-align: center; }
#uranai #author h3, #buy #author h3 {
  text-align: left; }
#uranai #author .name, #uranai #author .website, #buy #author .name, #buy #author .website {
  color: #0099b5; }
#uranai #result h2, #buy #result h2 {
  text-align: center;
  font-size: 24px; }
#uranai #result .snsBtn2, #buy #result .snsBtn2 {
  margin-bottom: 20px; }
#uranai #result #resultBox, #buy #result #resultBox {
  width: 664px;
  margin: 0px auto 30px auto;
  border: 2px solid #404040;
  padding: 40px; }
  #uranai #result #resultBox .date, #buy #result #resultBox .date {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.7; }
  #uranai #result #resultBox p, #buy #result #resultBox p {
    font-size: 20px;
    margin: 0px 10px 15px 10px; }

/*-------------------
マイページ
--------------------*/
#mypage #container, #register #container {
  background: #fff; }
#mypage #page, #register #page {
  width: 100%;
  padding: 9px 40px; }
#mypage #articleBox, #register #articleBox {
  border-top: 2px solid #4f4f4f;
  position: relative; }
  #mypage #articleBox .faqlink, #register #articleBox .faqlink {
    position: absolute;
    top: 10px;
    left: 250px;
    margin: 0px !important; }
  #mypage p.attention, #register p.attention {
    color: #e30b00;
    padding: 5px; }
  #mypage p.underline, #register p.underline {
    text-decoration: underline; }
#mypage .ttl_head, #register .ttl_head {
  width: 100%;
  border: none;
  margin-left: 30px;
  margin-right: 30px;
  position: relative; }
  #mypage .ttl_head .faq, #register .ttl_head .faq {
    border-right: 0;
    position: absolute;
    right: 70px;
    top: 20px;
    background: #969696;
    text-align: center;
    width: 110px;
    height: 35px;
    line-height: 33px;
    font-weight: bold;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
    }
#mypage .mypageNavi, #register .mypageNavi {
  margin: 30px 0px;
  overflow: hidden;
  border-left: 1px solid #606060;
  position: relative; }
  #mypage .mypageNavi li, #register .mypageNavi li {
    float: left;
    border-right: 1px solid #606060;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
    font-size: 15px;
    font-weight: bold; }
    #mypage .mypageNavi li.last, #register .mypageNavi li.last {
      color: #ec73a6; }
      #mypage .mypageNavi li.last a, #register .mypageNavi li.last a {
        color: #ec73a6; }
        #mypage .mypageNavi li.last a:hover, #register .mypageNavi li.last a:hover {
          color: #333333; }
#mypage footer nav ul.right, #register footer nav ul.right {
  float: left;
  margin-left: 15px; }
#mypage .more a, #register .more a {
  border: 3px solid #a5a5a5;
  text-align: center;
  width: 57%;
  margin: 0px auto;
  padding: 1.5% 20% 0.8% 20%; }
#mypage .buy, #register .buy {
  margin-bottom: 15px; }
#mypage #log, #register #log {
  overflow: hidden;
  margin-left: 30px;
  margin-right: 30px; }
#mypage .moreUranai, #register .moreUranai {
  width: 287px;
  float: left;
  margin: 10px 10px 15px 10px;
  border: 1px solid #cbcbcb; }
  #mypage .moreUranai img, #register .moreUranai img {
    width: 100%; }
  #mypage .moreUranai p, #register .moreUranai p {
    font-size: 16px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px; }
  #mypage .moreUranai .buyDate, #register .moreUranai .buyDate {
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 3px;
    margin-right: 10px;
    padding-top: 10px; }
  #mypage .moreUranai .pack, #register .moreUranai .pack {
    font-size: 13px;
    margin-bottom: 3px;
    margin-left: 10px; }
  #mypage .moreUranai h3, #register .moreUranai h3 {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
    font-weight: bold; }
  #mypage .moreUranai .info, #register .moreUranai .info {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px; }
  #mypage .moreUranai .price, #register .moreUranai .price {
    margin-left: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #e30b00;
    text-align: right; }
    #mypage .moreUranai .price span, #register .moreUranai .price span {
      font-size: 8px; }
#mypage .btnBox, #register .btnBox {
  overflow: hidden;
  text-align: center; }
  #mypage .btnBox .retryBtn, #register .btnBox .retryBtn {
    display: inline-block;
    margin: 0px 5px 15px 0px;
    padding: 10px;
    width: 160px;
    background: #6fc800;
    font-size: 15px; }
    #mypage .btnBox .retryBtn.delete, #register .btnBox .retryBtn.delete {
      background: #e71d00;
      border-radius: 5px;
      padding: 10px;
      width: 65px; }

#fb-connector p {
  font-size: 12px;
  color: #000; }

#mypage .ttl_head .faq a {
  color: #fff !important; }
  #mypage .ttl_head .faq a:hover {
    color: #404040 !important;
    background: #fff;
    text-decoration: none; }
#mypage .mypageNavi li a {
  display: block;
  padding: 15px 40px; }

/* マイページ修正 追加CSS　0522
==================================== */
#register .mypageNavi li a {
  display: block;
  padding: 15px 40px; }

#mypage #articleBox .pink_link {
  color: #ee6788; }
#mypage .fb_button_medium {
  width: 60%;
  margin-left: 30px; }
#mypage .mypage_txt p.right {
  text-align: right;
  font-size: 11px !important;
  font-weight: 100; }
#mypage .my_category {
  height: 350px !important; }
#mypage .moreUranai img {
  width: 285px !important; }
#mypage .moreUranai p {
  font-size: 13px !important;
  margin-left: 10px !important;
  margin-right: 10px !important;
  margin-bottom: 0px !important;
  font-weight: bold; }
  #mypage .moreUranai p.c_thum {
    font-size: 13px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 3px !important;
    font-weight: bold; }
  #mypage .moreUranai p.ny001_pack {
    font-size: 13px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    font-weight: bold; }
#mypage .my_category .my_delete {
  position: absolute;
  bottom: 0; }
#mypage .my_delete input[type=button] {
  font-size: 12px;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 10px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  right: 0 !important;
  background: #ff0015 !important;
  float: right;
  border-style: none !important;
  padding: 3px 9px 3px 9px; }

/* 退会フォーム関連のCSS
==================================== */
.mt60 {
  position: relative;
  margin-left: 40px
}

.mt20 {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px; }
  .mt20 textarea {
    width: 670px; }

.withdrawal_form withdrawal {
  position: relative;
  margin-top: 30px; }

/* 追加CSS 2015/05/20ここまで */
#mypageRegister, #registerTop, #registerLogin, #member, #nonMember, #registerConfirm, #registerFinish {
  /* ogihara */
  /*width: 740px;*/
  width: 600px;  
  margin-right: 30px !important;
  margin-left: 40px !important;
  padding-top: 30px; }
  #mypageRegister h1, #registerChange h1, #registerTop h1, #registerLogin h1, #member h1, #nonMember h1, #registerConfirm h1, #registerFinish h1 {
    font-weight: bold;
    font-size: 185%;
    margin: 0px 10px 30px 0px; }
  #mypageRegister h2, #registerChange h2, #registerTop h2, #registerLogin h2, #member h2, #nonMember h2, #registerConfirm h2, #registerFinish h2 {
    margin: 0px 10px 15px 10px;
    font-weight: bold;
    font-size: 139%; }
  #mypageRegister hr, #registerChange hr, #registerTop hr, #registerLogin hr, #member hr, #nonMember hr, #registerConfirm hr, #registerFinish hr {
    margin-left: 0; }
  #mypageRegister table, #registerChange table, #registerTop table, #registerLogin table, #member table, #nonMember table, #registerConfirm table, #registerFinish table {
    border: 1px solid #888888;
    margin-bottom: 15px;
    width: 100%; }
    #mypageRegister table th, #registerChange table th, #registerTop table th, #registerLogin table th, #member table th, #nonMember table th, #registerConfirm table th, #registerFinish table th {
      background: #888888;
      margin: 10px;
      color: #fff;
      padding: 15px;
      width: 200px;
      vertical-align: middle; }
      #mypageRegister table th span, #registerChange table th span, #registerTop table th span, #registerLogin table th span, #member table th span, #nonMember table th span, #registerConfirm table th span, #registerFinish table th span {
        color: #f44b4b;
        font-size: 12px; }
    #mypageRegister table td, #registerChange table td, #registerTop table td, #registerLogin table td, #member table td, #nonMember table td, #registerConfirm table td, #registerFinish table td {
      padding: 15px; }
      #mypageRegister table td a, #registerChange table td a, #registerTop table td a, #registerLogin table td a, #member table td a, #nonMember table td a, #registerConfirm table td a, #registerFinish table td a {
        display: inline;
        text-decoration: underline; }
        #mypageRegister table td a:link, #mypageRegister table td a:visited, #registerChange table td a:link, #registerChange table td a:visited, #registerTop table td a:link, #registerTop table td a:visited, #registerLogin table td a:link, #registerLogin table td a:visited, #member table td a:link, #member table td a:visited, #nonMember table td a:link, #nonMember table td a:visited, #registerConfirm table td a:link, #registerConfirm table td a:visited, #registerFinish table td a:link, #registerFinish table td a:visited {
          color: #ff9c4a !important; }
      #mypageRegister table td input, #registerChange table td input, #registerTop table td input, #registerLogin table td input, #member table td input, #nonMember table td input, #registerConfirm table td input, #registerFinish table td input {
        margin: 0 !important; }
  #mypageRegister .pay h2, #registerChange .pay h2, #registerTop .pay h2, #registerLogin .pay h2, #member .pay h2, #nonMember .pay h2, #registerConfirm .pay h2, #registerFinish .pay h2 {
    margin-bottom: 30px; }
  #mypageRegister .pay .left, #registerChange .pay .left, #registerTop .pay .left, #registerLogin .pay .left, #member .pay .left, #nonMember .pay .left, #registerConfirm .pay .left, #registerFinish .pay .left {
    float: left;
    width: 470px;
    padding: 40px 40px 40px 80px;
    border-right: 1px solid #666; }
  #mypageRegister .pay .right, #registerChange .pay .right, #registerTop .pay .right, #registerLogin .pay .right, #member .pay .right, #nonMember .pay .right, #registerConfirm .pay .right, #registerFinish .pay .right {
    float: left;
    width: 450px;
    padding: 40px 40px 40px 80px;
    position: relative; }
    #mypageRegister .pay .right p, #registerChange .pay .right p, #registerTop .pay .right p, #registerLogin .pay .right p, #member .pay .right p, #nonMember .pay .right p, #registerConfirm .pay .right p, #registerFinish .pay .right p {
      padding-left: 70px; }
      #mypageRegister .pay .right p a:link, #registerChange .pay .right p a:link, #registerTop .pay .right p a:link, #registerLogin .pay .right p a:link, #member .pay .right p a:link, #nonMember .pay .right p a:link, #registerConfirm .pay .right p a:link, #registerFinish .pay .right p a:link {
        text-decoration: underline !important;
        color: #e30b00 !important; }
  #mypageRegister .pay .right2, #registerChange .pay .right2, #registerTop .pay .right2, #registerLogin .pay .right2, #member .pay .right2, #nonMember .pay .right2, #registerConfirm .pay .right2, #registerFinish .pay .right2 {
    float: left;
    width: 450px;
    padding: 40px 0px 40px 40px;
    position: relative;
    text-align: left; }
    #mypageRegister .pay .right2 dd, #registerChange .pay .right2 dd, #registerTop .pay .right2 dd, #registerLogin .pay .right2 dd, #member .pay .right2 dd, #nonMember .pay .right2 dd, #registerConfirm .pay .right2 dd, #registerFinish .pay .right2 dd {
      display: block; }
      #mypageRegister .pay .right2 dd input, #registerChange .pay .right2 dd input, #registerTop .pay .right2 dd input, #registerLogin .pay .right2 dd input, #member .pay .right2 dd input, #nonMember .pay .right2 dd input, #registerConfirm .pay .right2 dd input, #registerFinish .pay .right2 dd input {
        width: 300px; }
    #mypageRegister .pay .right2 .fblogin, #registerChange .pay .right2 .fblogin, #registerTop .pay .right2 .fblogin, #registerLogin .pay .right2 .fblogin, #member .pay .right2 .fblogin, #nonMember .pay .right2 .fblogin, #registerConfirm .pay .right2 .fblogin, #registerFinish .pay .right2 .fblogin {
      margin-bottom: 50px; }
  #mypageRegister .pay .retryBtn, #registerChange .pay .retryBtn, #registerTop .pay .retryBtn, #registerLogin .pay .retryBtn, #member .pay .retryBtn, #nonMember .pay .retryBtn, #registerConfirm .pay .retryBtn, #registerFinish .pay .retryBtn {
    font-size: 18px !important;
    margin: 0px 0px 20px 0px; }
  #mypageRegister .pay .paypal, #registerChange .pay .paypal, #registerTop .pay .paypal, #registerLogin .pay .paypal, #member .pay .paypal, #nonMember .pay .paypal, #registerConfirm .pay .paypal, #registerFinish .pay .paypal {
    position: absolute;
    top: 20px;
    right: 30px; }
  #mypageRegister p, #registerChange p, #registerTop p, #registerLogin p, #member p, #nonMember p, #registerConfirm p, #registerFinish p {
    margin: 0px 10px 15px 10px; }

/* ogihara修正 */
  #nonMember p {
    margin: 0px 10px 15px 0px;
  }
/* ogihara修正 */

    #mypageRegister p.taikai, #registerChange p.taikai, #registerTop p.taikai, #registerLogin p.taikai, #member p.taikai, #nonMember p.taikai, #registerConfirm p.taikai, #registerFinish p.taikai {
      text-align: center; }
    #mypageRegister p a, #registerChange p a, #registerTop p a, #registerLogin p a, #member p a, #nonMember p a, #registerConfirm p a, #registerFinish p a {
      display: inline-block;
      color: #ff9c4a;
      text-decoration: underline;
      margin-left: 5px; }
  #mypageRegister dl, #registerChange dl, #registerTop dl, #registerLogin dl, #member dl, #nonMember dl, #registerConfirm dl, #registerFinish dl {
    margin-bottom: 2.6%; }
    #mypageRegister dl dt, #registerChange dl dt, #registerTop dl dt, #registerLogin dl dt, #member dl dt, #nonMember dl dt, #registerConfirm dl dt, #registerFinish dl dt {
      font-size: 108%;
      display: inline;
      margin-right: 10px; }
    #mypageRegister dl dd, #registerChange dl dd, #registerTop dl dd, #registerLogin dl dd, #member dl dd, #nonMember dl dd, #registerConfirm dl dd, #registerFinish dl dd {
      font-size: 124%;
      display: inline; }
      #mypageRegister dl dd a, #registerChange dl dd a, #registerTop dl dd a, #registerLogin dl dd a, #member dl dd a, #nonMember dl dd a, #registerConfirm dl dd a, #registerFinish dl dd a {
        display: inline-block;
        color: #ff9c4a;
        text-decoration: underline;
        margin-left: 5px; }
  #mypageRegister .retryBtn, #registerChange .retryBtn, #registerTop .retryBtn, #registerLogin .retryBtn, #member .retryBtn, #nonMember .retryBtn, #registerConfirm .retryBtn, #registerFinish .retryBtn {
    background: #ed025c;
    margin: 30px auto 30px auto;
    padding: 13px 10px;
    border-radius: 30px
  }

    #mypageRegister .retryBtn.logout, #registerChange .retryBtn.logout, #registerTop .retryBtn.logout, #registerLogin .retryBtn.logout, #member .retryBtn.logout, #nonMember .retryBtn.logout, #registerConfirm .retryBtn.logout, #registerFinish .retryBtn.logout {
      background: #969696; }

#registerTop, #registerLogin, #member, #nonMember, #registerConfirm, #registerFinish {
  width: 740px;
  margin-right: 30px !important;
  padding-top: 30px; }


  #registerChange{
    width: 740px;
    margin: auto;
    padding-top: 30px; }

    #registerChange p.m05{
      text-align: center;
      margin-top: 40px;
  }
#registerChange p.m99 {
    text-align: center;

}
  #registerChange p a, #registerTop p a, #registerLogin p a, #member p a, #nonMember p a, #registerConfirm p a, #registerFinish p a {
    color: #c83200; }
  #registerChange h2, #registerTop h2, #registerLogin h2, #member h2, #nonMember h2, #registerConfirm h2, #registerFinish h2 {
    color: #8a8a8a; }
  #registerChange dl dt, #registerTop dl dt, #registerLogin dl dt, #member dl dt, #nonMember dl dt, #registerConfirm dl dt, #registerFinish dl dt {
    display: block;
    float: none;
    font-size: 124%;
    margin-bottom: 5px; }
    #registerChange dl dt span, #registerTop dl dt span, #registerLogin dl dt span, #member dl dt span, #nonMember dl dt span, #registerConfirm dl dt span, #registerFinish dl dt span {
      color: #ff4040;
      font-size: 77%; }
  #registerChange dl dd, #registerTop dl dd, #registerLogin dl dd, #member dl dd, #nonMember dl dd, #registerConfirm dl dd, #registerFinish dl dd {
    display: block;
    margin-bottom: 15px; }
  #registerChange input, #registerTop input, #registerLogin input, #member input, #nonMember input, #registerConfirm input, #registerFinish input {
    width: 480px;
    padding: 0px 10px; }
    #registerChange input.date, #registerChange input.time, #registerTop input.date, #registerTop input.time, #registerLogin input.date, #registerLogin input.time, #member input.date, #member input.time, #nonMember input.date, #nonMember input.time, #registerConfirm input.date, #registerConfirm input.time, #registerFinish input.date, #registerFinish input.time {
      margin-top: 0px;
      font-size: 14px;
      padding: 0px; }
  #registerChange select, #registerTop select, #registerLogin select, #member select, #nonMember select, #registerConfirm select, #registerFinish select {
    width: 100px;
    padding: 10px;
    margin: 0 10px; }
    #registerChange select:nth-child(1), #registerTop select:nth-child(1), #registerLogin select:nth-child(1), #member select:nth-child(1), #nonMember select:nth-child(1), #registerConfirm select:nth-child(1), #registerFinish select:nth-child(1) {
      margin: 0 10px 0 0; }
  #registerChange input[type=checkbox], #registerTop input[type=checkbox], #registerLogin input[type=checkbox], #member input[type=checkbox], #nonMember input[type=checkbox], #registerConfirm input[type=checkbox], #registerFinish input[type=checkbox] {
    font-size: 12px;
    font-weight: normal;
    width: 30px !important;
    margin-bottom: 20px; }

#registerTop label, #registerLogin label, #member label, #nonMember label, #registerConfirm label, #registerFinish label {
  font-weight: normal; }
  #registerTop label p, #registerLogin label p, #member label p, #nonMember label p, #registerConfirm label p, #registerFinish label p {
    display: inline-block;
    line-height: 1.3em; }
#registerTop .retryBtn, #registerLogin .retryBtn, #member .retryBtn, #nonMember .retryBtn, #registerConfirm .retryBtn, #registerFinish .retryBtn {
  background: #ee6788; }
  #registerTop .retryBtn.grey, #registerLogin .retryBtn.grey, #member .retryBtn.grey, #nonMember .retryBtn.grey, #registerConfirm .retryBtn.grey, #registerFinish .retryBtn.grey {
    background: #a4a4a4; }

.registertop#registerTop, .registertop#registerLogin, .registertop#member, .registertop#nonMember, .registertop#registerConfirm, .registertop#registerFinish {
  width: 100%;
  overflow: hidden; }
  .registertop#registerTop hr, .registertop#registerLogin hr, .registertop#member hr, .registertop#nonMember hr, .registertop#registerConfirm hr, .registertop#registerFinish hr {
    margin-bottom: 30px; }
  .registertop#registerTop h2, .registertop#registerLogin h2, .registertop#member h2, .registertop#nonMember h2, .registertop#registerConfirm h2, .registertop#registerFinish h2 {
    font-size: 22px;
    margin-bottom: 20px; }
  .registertop#registerTop .left, .registertop#registerLogin .left, .registertop#member .left, .registertop#nonMember .left, .registertop#registerConfirm .left, .registertop#registerFinish .left {
    float: left;
    width: 500px;
    margin-right: 50px; }
    .registertop#registerTop .left span, .registertop#registerLogin .left span, .registertop#member .left span, .registertop#nonMember .left span, .registertop#registerConfirm .left span, .registertop#registerFinish .left span {
      font-size: 17px;
      font-weight: bold; }
  .registertop#registerTop .right, .registertop#registerLogin .right, .registertop#member .right, .registertop#nonMember .right, .registertop#registerConfirm .right, .registertop#registerFinish .right {
    float: left;
    width: 430px; }
    .registertop#registerTop .right input, .registertop#registerLogin .right input, .registertop#member .right input, .registertop#nonMember .right input, .registertop#registerConfirm .right input, .registertop#registerFinish .right input {
      width: 360px; }
    .registertop#registerTop .right span, .registertop#registerLogin .right span, .registertop#member .right span, .registertop#nonMember .right span, .registertop#registerConfirm .right span, .registertop#registerFinish .right span {
      font-size: 17px;
      margin-left: 10px;
      font-weight: bold; }

#registerChange .right input[type=checkbox] {
  margin-bottom: 0px !important; }
#registerChange label {
  font-weight: normal; }
#registerChange.registertop {
  width: 100%;
  overflow: hidden; }
  #registerChange.registertop hr {
    margin-bottom: 30px; }
  #registerChange.registertop h2 {
        margin-bottom: 20px;
    font-size: 22px;
    margin: 20px 0;
    width: 100%;
    border-left: 3px solid #441a1f;
    color: #441a1f;
    padding-left: 10px;
    font-weight: bold;
     }
  #registerChange.registertop .left {
    float: none;
    width: 500px;
    margin-right: 50px; }
    #registerChange.registertop .left span {
      font-size: 17px;
      font-weight: bold; }
  #registerChange.registertop .right {
    float: none;
    width: 430px;
    margin: auto;
  
  }
    #registerChange.registertop .right input {
      width: 360px; }
    #registerChange.registertop .right input[type="submit"] {
      display: block;
    margin: auto;
    margin-bottom: 20px;
    background: #ED005C;
    border-radius: 25px;
     }
    #registerChange.registertop .right span {
      font-size: 17px;
      margin-left: 10px;
      font-weight: bold; }
    #registerChange.registertop .right p.forget {
      margin-left: 50px; }
    #registerChange.registertop .right .fblogin {
      margin: 0 auto !important }
    #registerChange.registertop .right label {
      padding-bottom: 5px;
      margin-left: 30px;
      font-size: 15px; }
#registerChange td span.required {
  color: #f44b4b;
  font-size: 14px; }
#registerChange dl dt {
  display: block;
  float: left !important;
  font-size: 124%;
  margin-bottom: 5px; }
#registerChange .m05 a {
  position: relative;
  font-size: 16px;
  background: #ee6788;
  text-align: center;
  font-weight: bold;
  width: 150px;
  height: 45px;
  line-height: 5px;
  color: #fff !important;
  color: #fff !important;
  text-decoration: none; }
#registerChange element.style {
  color: #88afff !important;
  text-decoration: underline; }
#registerChange .m99 a {
  color: #88afff !important;
  text-decoration: none; }
#registerChange dl dd {
  display: list-item;
  margin-bottom: 15px; }
#registerChange table {
  border: 0px solid #fff !important;
  margin-bottom: 15px;
  width: 100%;
  font-size: 12px;
  color: #969696 !important;
  line-height: 25px; }
#registerChange th {
  background: #fff !important;
  margin: 10px;
  color: #000 !important;
  padding: 15px;
  width: 200px;
  vertical-align: top !important;
  text-align: right;
  font-weight: bold;
  font-size: 15px; }
#registerChange input[type=checkbox] {
  font-size: 12px;
  font-weight: normal;
  width: 30px !important;
  margin-bottom: 20px;
  float: left !important; }
#registerChange td {
  padding: 15px 40px 15px 15px !important; }
#registerChange th label {
  padding-left: 0px !important; }
#registerChange .fb_button {

  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  padding: 0 0 0 1px;
  text-decoration: none;
  outline: none;
  font-size: 11px;
  line-height: 14px;
  height: 38px;
  width: 200px;
margin: auto; 
margin-bottom: 43px;
}


    #registerChange .fb_button .fb_button_text {
      background: #29447e url(https://s-static.ak.facebook.com/rsrc.php/v1/yL/r/FGFbc80dUKj.png);
    border-top: solid 1px #879ac0;
    border-bottom: solid 1px #1a356e;
    color: white;
    font-family: "lucida grande",tahoma,verdana,arial,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;
    font-weight: bold;
    padding: 9px 4px 10px 6px;
   margin: 0;
    text-shadow: none;
    display: block;
    text-align: center;
    width: 200px;
  
  }





/* 登録内容を変更する　action_profile.html　プラグイン内のCSS含む
==================================== */
.fb_button_rtl {
  background: #29447e url("https://s-static.ak.facebook.com/rsrc.php/v1/yL/r/FGFbc80dUKj.png");
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  padding: 0 0 0 1px;
  text-decoration: none;
  outline: none;
  font-size: 11px;
  line-height: 14px;
  background-position: 0% -310px;
  height: 38px;
  width: 200px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px
}

#registerChange .description {
  margin: 10px auto !important; }

#favorite ul {
  border-top: 0; }
  #favorite ul li {
    padding: 10px; }
#favorite .fav2.registered a {
  background: url(../img/mypage/heart_red.png) #fff no-repeat 5px center;
  border: 1px solid #a6a6a6;
  background-size: auto 60%; }

#faq {
  padding-top: 30px;
  margin-left: 30px;
  margin-right: 30px; }
  #faq h1 {
    font-weight: bold;
    font-size: 22px;
    margin: 0px 10px 30px 10px; }
  #faq h2 {
    margin: 0px 10px 15px 10px;
    font-weight: bold;
    font-size: 18px; }
  #faq ul {
    margin: 0px 10px; }
    #faq ul li {
      margin-bottom: 40px; }
  #faq dl dt {
    font-size: 139%;
    display: block;
    margin-bottom: 10px;
    font-weight: normal; }
    #faq dl dt span {
      color: #2f93ff; }
  #faq dl dd {
    font-size: 124%;
    display: block; }
    #faq dl dd span {
      color: #ff5739; }

#withdraw {
  padding-top: 30px; }
  #withdraw h1 {
    font-weight: bold;
    font-size: 185%;
    margin: 0px 10px 30px 10px; }
  #withdraw h2 {
    margin: 0px 10px 15px 10px;
    font-weight: bold;
    font-size: 139%; }
  #withdraw p {
    margin: 0px 10px 15px 10px; }
  #withdraw .attention {
    color: #ff9c4a;
    font-size: 124%; }

.fblogin {
  width: 200px;
  margin: 0px 10px 10px 10px; }

/*-------------------
登録関係
--------------------*/
#register p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0px 10px 15px 10px; }
#register hr.full {
  margin: 0 !important; }

#registerTop {
  padding-top: 0px;
  width: 100%; }
  #registerTop .privileges {
    overflow: hidden; }
    #registerTop .privileges li {
      margin-right: 15px;
      float: left;
      width: 200px; }
      #registerTop .privileges li dl {
        overflow: hidden; }

#registerLogin label, #member label, #nonMember label {
  margin-left: 10px; }
#registerLogin .forget a, #member .forget a, #nonMember .forget a {
  color: #787878; }
#registerLogin .fblogin, #member .fblogin, #nonMember .fblogin {
  margin-bottom: 30px; }

#terms, #about {
  padding-top: 30px;
  margin-bottom: 30px;
  margin-right: 30px;
  margin-left: 30px; }

#terms p {
  font-size: 16px !important;
  line-height: 1.7em !important;
  margin-bottom: 1em !important; }

#about p {
  font-size: 16px !important;
  line-height: 1.7em !important;
  margin-bottom: 1em !important; }
#about .sns {
  overflow: hidden;
  margin-bottom: 30px;
  margin-top: 50px; }
  #about .sns .img {
    width: 10%;
    margin: 0px 10px 15px 10px; }
  #about .sns .txt {
    float: left;
    width: 420px;
    margin: 0px 10px 15px 10px;
    font-size: 16px;
    line-height: 1.7; }
    #about .sns .txt a {
      color: #ff7b21;
      text-decoration: underline; }
    #about .sns .txt p {
      margin-left: 0;
      margin-right: 0; }
  #about .sns .banner {
    float: left;
    width: 200px;
    margin: 0px 10px 15px 10px; }

#registerConfirm h1, #registerFinish h1 {
  color: #8a8a8a; }

#registerConfirm .retryBtn.change, #registerFinish .retryBtn.change {
  background: #969696; }

#buy .point {
  color: #e30b00;
  text-align: center;
  font-size: 108%; }
#buy .point2 {
  color: #e30b00;
  text-align: left;
  font-size: 93%; }
#buy .attention {
  color: #ff9c4a;
  font-size: 124%;
  text-align: center; }
#buy #log {
  overflow: hidden; }
  #buy #log .attention {
    color: #df4b38;
    font-size: 13px;
    text-align: left; }
#buy .moreUranai {
  width: 300px;
  float: left;
  margin: 10px 10px 15px 10px;
  border: 1px solid #cbcbcb; }
  #buy .moreUranai img {
    width: 100%; }
  #buy .moreUranai p {
    font-size: 16px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px; }
  #buy .moreUranai .buyDate {
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 3px;
    margin-right: 10px;
    padding-top: 10px; }
  #buy .moreUranai .pack {
    font-size: 13px !important;
    margin-bottom: 3px !important;
    margin-left: 10px;
    margin-top: 10px; }
  #buy .moreUranai h3 {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 18px;
    font-weight: bold; }
  #buy .moreUranai .info {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 12px !important;
    margin-bottom: 0px; }
  #buy .moreUranai .price {
    margin-left: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #e30b00;
    text-align: right;
    margin-bottom: 5px !important; }
    #buy .moreUranai .price span {
      font-size: 8px; }
  #buy .moreUranai h3 {
    margin-bottom: 20px; }
  #buy .moreUranai dl {
    overflow: hidden;
    margin: 0px 10px 10px 10px; }
    #buy .moreUranai dl dt {
      float: left;
      width: 60px;
      font-weight: normal;
      font-size: 108%;
      margin-right: 0; }
    #buy .moreUranai dl dd {
      margin-left: 75px;
      margin-bottom: 0px;
      font-size: 108%; }
#buy .retryBtn {
  margin-bottom: 10px;
  background: #6fc800 !important;
  width: 200px; }
  #buy .retryBtn.sample {
    margin-bottom: 10px;
    margin: 0px 0px 30px 0px !important;
    background: #001f30 !important;
    padding: 5px;
    font-size: 20px; }
#buy .attention {
  margin-bottom: 40px; }
#buy .formArea {
  overflow: hidden;
  margin-bottom: 0; }
  #buy .formArea label {
    float: left;
    width: 140px;
    margin-bottom: 20px; }
    #buy .formArea label input {
      vertical-align: top; }
    #buy .formArea label .img {
      width: 85px;
      margin: 0; }
    #buy .formArea label.master .img {
      width: 65px; }
    #buy .formArea label.jcb .img {
      width: 55px;
      margin-left: 10px; }
    #buy .formArea label.amex .img {
      width: 45px; }
    #buy .formArea label.paypal {
      width: 100%; }
      #buy .formArea label.paypal .img {
        width: 105px; }
#buy .retryBtn.card {
  margin-top: 0;
  margin-bottom: 30px; }
#buy .retryBtn.paypal {
  margin-top: 0;
  margin-bottom: 10px; }

.adBox01 {
  padding: 0px 0px 0px 50px; }
  .adBox01 ul {
    overflow: hidden;
    margin-bottom: 0; }
  .adBox01 li {
    float: left;
    width: 300px;
    margin-right: 40px; }

.adAreaRectangle01, .adAreaBanner01, .adAreaHalfpage01, .bannerFooter01 {
  text-align: center;
  margin-bottom: 15px; }

#side .adAreaRectangle01, #side .adAreaBanner01, #side .adAreaHalfpage01, #side .bannerFooter01 {
  margin: 10px 10px 25px 10px;
  }

/*-------------------
banerArea
--------------------*/
.sideBannerTop {
  margin-top: 15px; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  height: 30%;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }
  .slick-slider img {
    height: auto; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 198px; }
  .slick-list a {
    height: 198px;
    overflow: hidden; }
  .slick-list .frame {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 198px; }
    .slick-list .frame:after {
      position: absolute;
      display: block;
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to bottom, transparent 15%, transparent 24%, rgba(0, 0, 0, 0.74) 61%, rgba(0, 0, 0, 0.74) 93%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bd000000',GradientType=0 )}
  .slick-list img {
    z-index: 1; }
  .slick-list .inner {
    z-index: 50;
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%; }
    .slick-list .inner .txt {
      position: relative;
      height: 100%;
      vertical-align: bottom;
      display: block; }
    .slick-list .inner p.ttl {
      color: #fff;
      width: 284px;
      height: 2em;
      position: absolute;
      bottom: 20px;
      left: 10px;
      margin-bottom: 0px !important;
      font-size: 124%;
      display: block;
      line-height: 1.4em;
      font-weight: bold; }
    .slick-list .inner p.detail {
      color: #fff;
      width: 284px;
      height: 2em;
      position: absolute;
      bottom: 3em;
      left: 10px;
      margin-bottom: 0px !important;
      font-size: 116%;
      display: block;
      line-height: 1em; }
    .slick-list .inner .date {
      color: #fff;
      font-size: 77%;
      margin-right: 5px; }
    .slick-list .inner .cat {
      font-size: 77%;
      margin-bottom: 5px; }
      .slick-list .inner .cat.ishii {
        color: #ff4949; }
      .slick-list .inner .cat.renai {
        color: #0099b5; }
      .slick-list .inner .cat.koiuranai {
        color: #ff99be; }
      .slick-list .inner .cat.rensai {
        color: #7c5a00; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }
  .slick-track:before {
    display: table;
    content: ''; }
  .slick-track:after {
    display: table;
    content: '';
    clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: auto;
  min-height: 1px
}

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }
.slick-slide.slick-loading img {
  display: none; }
.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

/*----------------------------------------------------
  印刷用スタイル
----------------------------------------------------*/
@media print {
  * html body {
    zoom: .7; } }
.index-active #page {
  padding-top: 70px; }

section#itiran-Body ul {
  margin: 0 24px; }
  section#itiran-Body ul li {
    width: 32%;
    float: left;
    margin-left: 1%; }
    section#itiran-Body ul li img {
      width: 100%; }
section#itiran-Body dl dd {
  position: relative;
  padding: 0px 8px 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 8px;
  height: 140px
}
  section#itiran-Body dl dd div.category {
    position: absolute;
    bottom: 8px;
    left: 8px; }
  section#itiran-Body dl dd div.time {
    position: absolute;
    bottom: 8px;
    right: 8px; }
  section#itiran-Body dl dd div.caption {
    font-size: 16px;
    text-align: left;
    font-weight: 100!important; }

.not-member {
  display: none; }

section#registerChange.member ul li {
  margin: 0px 0 20px;
    font-size: 14px;
    height: 113px;
    line-height: 20px;
    display: inline-block;
    letter-spacing: 1px;
    width: 256px;
}
  section#registerChange.member ul li div {
    width: 100%;
     float: none; 
    margin-right: 15px; }
section#registerChange.registertop .left {
  width: 780px;
margin: auto;
}
  section#registerChange.registertop .left th label {
    font-size: 14px; }
  section#registerChange.registertop .left th span {
    font-size: 10px; }
section#registerChange.registertop.member .left {
  margin:auto;
  width: 780px; }
section#registerChange.member .right h2, section#registerChange.member .right dl {
  padding-left: 30px; }

.complate h1 {
  text-align: center !important;
  width: 50%;
  margin: 0 auto !important; }
.complate #mypageRegister {
  margin-right: 0 !important; }

.dateBox .message-text {
  font-family: Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Meiryo','メイリオ', sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #353535; }

#birthday365 #resultBox .tab3 li.fourPillarAstrology.select {
  color: #ef7430; }
#birthday365 #resultBox .content3 li.fourPillarAstrology.select {
  color: #ef7430;
  border-top: 1px solid #ef7430; }
#birthday365 #resultBox .tab3 li.numerology.select {
  color: #f0c33c; }
#birthday365 #resultBox .content3 li.numerology.select {
  color: #f0c33c;
  border-top: 1px solid #f0c33c; }
#birthday365 #resultBox .tab3 li.birthday.select {
  color: #e76d86; }
#birthday365 #resultBox .content3 li.birthday.select {
  color: #e76d86;
  border-top: 1px solid #e76d86; }
#birthday365 #resultBox .tab3 li.moonsAge.select {
  color: #449f9c; }
#birthday365 #resultBox .content3 li.moonsAge.select {
  color: #449f9c;
  border-top: 1px solid #449f9c; }
#birthday365 #resultBox .tab3 li.xiuyaojing.select {
  color: #6439a2; }
#birthday365 #resultBox .content3 li.xiuyaojing.select {
  color: #6439a2;
  border-top: 1px solid #6439a2; }

.title-365 {
  font-size: 20px;
  text-align: center;
  margin: 0 0 25px; }

#birthday365 #resultBox .dateBox {
  padding: 18px 13px 0;
  text-align: left; }
  #birthday365 #resultBox .dateBox .date {
    font-size: 23px;
    margin-bottom: 5px;
    font-family: helvetica;
    font-weight: bold;
    position: relative;
    display: inline-block; }
    #birthday365 #resultBox .dateBox .date span {
      font-size: 60%;
      padding-left: 10px;
      font-weight: bold; }
  #birthday365 #resultBox .dateBox .gender {
    display: inline-block;
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 2px;
    font-weight: bold; }
    #birthday365 #resultBox .dateBox .gender.female {
      color: #ff99de; }
#birthday365 #resultBox .tab3 {
  overflow: hidden;
  margin: 0 30px; }
  #birthday365 #resultBox .tab3 img {
    width: 64px; }
  #birthday365 #resultBox .tab3 li {
    width: 16.6%;
    float: left;
    font-size: 93%;
    cursor: pointer;
    text-align: center;
    padding: 8px 0px;
    margin-bottom: 0;
    display: block; }
    #birthday365 #resultBox .tab3 li.select {
      display: block; }
    #birthday365 #resultBox .tab3 li.line1 {
      padding: 12px 5px;
      background-image: url(../img/365_bg/blue03.png);
      background-size: 77%;
      background-position: 10px 10px;
      background-repeat: no-repeat; }
      #birthday365 #resultBox .tab3 li.line1:nth-of-type(2) {
        background-image: url(../img/365_bg/orange01.png);
        background-image: url(../img/365_bg/orange01.png); }
      #birthday365 #resultBox .tab3 li.line1:nth-of-type(3) {
        background-image: url(../img/365_bg/yellow01.png); }
      #birthday365 #resultBox .tab3 li.line1:nth-of-type(4) {
        background-image: url(../img/365_bg/pink02.png);
        position: relative;
        height: 94px; }
        #birthday365 #resultBox .tab3 li.line1:nth-of-type(4) img {
          position: absolute;
          top: 12px;
          left: 13px; }
        #birthday365 #resultBox .tab3 li.line1:nth-of-type(4) span {
          margin-top: 76px; }
      #birthday365 #resultBox .tab3 li.line1:nth-of-type(5) {
        background-image: url(../img/365_bg/green02.png); }
      #birthday365 #resultBox .tab3 li.line1:nth-of-type(6) {
        background-image: url(../img/365_bg/purple.png); }
    #birthday365 #resultBox .tab3 li.select {
      color: #688ad4; }
#birthday365 #resultBox .content3 {
  margin-bottom: 0; }
  #birthday365 #resultBox .content3 li {
    padding: 20px 50px;
    margin-bottom: 0;
    display: none; }
    #birthday365 #resultBox .content3 li.select {
      display: block;
      color: #688ad4;
      border-top: 1px solid #688ad4;
      margin: 0 40px; }
    #birthday365 #resultBox .content3 li .rankName {
      font-size: 18px; }
      #birthday365 #resultBox .content3 li .rankName span {
        color: #0099b5;
        padding-right: 5px; }
    #birthday365 #resultBox .content3 li p {
      font-size: 14px;
      margin-bottom: 1em;
      line-height: 19px;
      letter-spacing: 1px; }
    #birthday365 #resultBox .content3 li .credit {
      font-size: 12px;
      margin-bottom: 5px; }
      #birthday365 #resultBox .content3 li .credit a {
        display: inline-block;
        color: #ee6f8f;
        text-decoration: underline; }
    #birthday365 #resultBox .content3 li dl {
      padding: 0px 10px;
      overflow: hidden;
      font-size: 108%;
      margin-bottom: 50px; }
    #birthday365 #resultBox .content3 li dt {
      float: left;
      width: 110px;
      margin-top: 5px; }
    #birthday365 #resultBox .content3 li dd {
      font-size: 139%;
      color: #ee6f8f;
      margin-left: 110px; }

#resultBox {
  background: #fff;
  border: 2px solid #000;
  padding: 30px 0px 0px 0px;
  margin-bottom: 15px;
  overflow: hidden; }
  #resultBox .dateBox {
    text-align: center; }
    #resultBox .dateBox .date {
      font-size: 216%;
      margin-bottom: 10px;
      font-family: helvetica; }
      #resultBox .dateBox .date div {
        position: absolute;
        display: inline-block;
        top: -1px;
        width: 150px;
        left: 125px; }
      #resultBox .dateBox .date span {
        font-size: 77%;
        padding-left: 10px;
        font-weight: bold; }
    #resultBox .dateBox .gender {
      font-size: 154%;
      margin-bottom: 15px;
      font-weight: bold; }
      #resultBox .dateBox .gender.female {
        color: #ff99de; }

ul.tab3 li span {
  display: block;
  margin-top: 10px;
  font-size: 14px; }

#resultBox .content3 li.westernAstrology h5 {
  margin: 40px auto 15px;
  text-align: center;
  font-size: 18px; }
  #resultBox .content3 li.westernAstrology h5 img {
    background: #688ad4;
    width: 20%; }
#resultBox .content3 li.fourPillarAstrology h5 {
  margin: 0 auto 20px;
  text-align: center;
  font-size: 18px; }
  #resultBox .content3 li.fourPillarAstrology h5 img {
    background: #ef7430;
    width: 20%; }
#resultBox .content3 li.numerology .resultImg {
  text-align: center;
  margin-bottom: 20px; }
  #resultBox .content3 li.numerology .resultImg img {
    background: #f0c33c;
    width: 20%; }
#resultBox .content3 li.birthday h5 {
  margin: 0 auto 20px;
  text-align: center;
  font-size: 18px; }
#resultBox .content3 li.birthday .resultImg {
  text-align: center;
  margin: 20px 0; }
  #resultBox .content3 li.birthday .resultImg img {
    background: #e76d86;
    width: 10%; }
#resultBox .content3 li.birthday strong {
  color: #c75fac; }

#birthday365 #resultBox .content3 li.birthday p.birthsummary {
  color: #e76d86;
  font-size: 16px;
  text-align: center; }

#resultBox .content3 li.moonsAge h5 {
  margin: 0 auto 20px;
  text-align: center;
  font-size: 18px; }
#resultBox .content3 li.moonsAge .resultImg {
  text-align: center;
  margin: 20px 0; }
  #resultBox .content3 li.moonsAge .resultImg img {
    background: #449f9c;
    width: 20%; }
#resultBox .content3 li.moonsAge strong {
  color: #c75fac; }

#birthday365 #resultBox .content3 li.moonsAge p.birthsummary {
  color: #e76d86;
  font-size: 16px;
  text-align: center; }

#resultBox .content3 li.xiuyaojing h5 {
  margin: 0 auto 20px;
  text-align: center;
  font-size: 18px; }
#resultBox .content3 li.xiuyaojing .resultImg {
  text-align: center;
  margin: 20px 0; }
  #resultBox .content3 li.xiuyaojing .resultImg img {
    background: #6439a2;
    width: 20%; }
#resultBox .content3 li.xiuyaojing strong {
  color: #6439a2; }

#birthday365 #resultBox .content3 li.xiuyaojing p.birthsummary {
  color: #6439a2;
  font-size: 16px;
  text-align: center; }

#resultBox .content3 a {
  display: inline-block; }

.shichuu h4, .birth h4 {
  font-size: 18px; }

.moon h4, .moon h5 {
  font-size: 18px; }

.number h5, .number h4 {
  font-size: 18px;
  margin-bottom: 20px; }

.shukuyo h4, .shukuyo h5 {
  font-size: 18px;
  margin-bottom: 20px; }

.explanation {
  font-size: 15px;
  margin: 0 -60px 20px;
  line-height: 20px; }

#birthday365 #resultBox .content3 li p.kanshu {
  margin: 0 0 1em -60px; }

section#banner ul li {
  width: 322px;
  border-left: 1px solid transparent; }
section#topfeature dl dt a {
  height: 227px;
  display: block; }

select#zap_year1, select#zap_month1, select#zap_day1, select#zap_year2, select#zap_month2, select#zap_day2, select[name="input_hour"], select[name="input_min"], select[name="input_bArea"], select[name="input_hour2"], select[name="input_min2"], select[name="input_bArea2"] {
  width: 100px;
  height: 50px;
  margin: 0 10px; }
select#zap_year2 {
  margin: 0 10px 0 0; }

.wp_social_bookmarking_light {
  width: 200px;
  margin-right: 30px; }
  .wp_social_bookmarking_light div {
    margin: 0 !important;
    width: 100px;
    float: left; }

#registerChange .retryBtn {
  width: 300px;
  text-align: center; }

section#mypageRegister {
  width: 700px; }
  section#mypageRegister dt {
    width: 250px;
    float: left;
    height: 30px;
    position: relative; }
    section#mypageRegister dt:after {
      content: "：";
      display: block;
      position: absolute;
      top: 0;
      right: 70px; }
  section#mypageRegister dd {
    width: 400px;
    float: left;
    height: 30px; }

input#wp-submit-confirmation.change {
  background: #888888; }

.changeBox2 {
  width: 300px; }

div#checkList, .contentBox #recommend_2 {
  display: none; }

.a_waku dl dt {
  padding: 15px 0 10px; }

select[name="input_hour2"], select[name="input_min2"], select[name="input_bArea2"], select[name="input_blood2"] {
  width: 100px;
  height: 50px;
  margin: 0 10px 0 0; }
select[name="input_min2"] {
  margin: 0 10px; }

.explain {
  font-size: 100%;
  line-height: 18px;
  width: 90%;
  margin: 10px auto;
  color: #666; }

.signSelect input[type="submit"] {
  margin: 15px 0 10px 10px; }

.contentUraomote h3 {
  font-size: 20px;
  margin-bottom: 10px; }
.contentUraomote .resultImg {
  width: 40%;
  margin: 0 auto 20px; }

.caption {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px; }

.seiza {
  width: 90%;
  margin: 0 auto 20px;
  background: #f5f5f5; }

dd.result {
  width: 80%;
  margin: 0 auto 30px;
  font-size: 14px;
  line-height: 20px; }

div#question {
  width: 80%;
  margin: 0 auto;
  font-size: 14px; }

#postFbWall .facebook_Bt {
  margin-left: 0; }

#page .fav span.wpfp-span a {
  width: 30px;
  display: block;
  float: left;
  margin-right: 3px; }
#page #hotTopics .fav span.wpfp-span a {
  width: 30px;
  position: relative;
  left: 150px;
  top: -25px; }

#birthday365 .inputBox p.radio input {
  width: auto;
  margin: 2px -20px; }

#premium-p .catindex_pageN_ul, .tablenav-pages {
  text-align: center;
  clear: both; }

#premium-p .catindex_pageN_ul span, #premium-p .catindex_pageN_ul a {
  display: inline-block;
  width: 28px;
  float: none;
  margin: 0 0px;
  padding: 4px;
  border: 1px solid #a5a5a5;
  text-align: center; }

.tablenav-pages span, .tablenav-pages a {
  display: inline-block;
  width: 28px;
  float: none;
  margin: 0 0px;
  padding: 4px;
  border: 1px solid #a5a5a5;
  text-align: center; }

#premium-p .catindex_pageN_ul .prev, #premium-p .catindex_pageN_ul .next {
  width: 55px; }

.tablenav-pages .prev, .tablenav-pages .next {
  width: 55px; }

#premium-p .catindex_pageN_ul span.current, .tablenav-pages span.current {
  background: #a5a5a5;
  color: #fff; }

#articleBox .mv img {
  width: auto; }

div#rankArticle ul.ranking li div.cat a, div#rankFortune ul.ranking li div.cat a {
  display: inline-block; }

#net_shop_admin_checkout_body img {
  /*width: auto;*/
  
}

/*=恋占ニュース用　追記
===========================================*/
#article #ArticleBody div#main a, div#main_sp a {
  color: #E95464;
  font-weight: bold;
  display: initial; }
div#main img {
  display: block;
  margin: 20px auto;
  width: 386px; }
div#main .freemenu img.icon {
    width: 20px;
    position: absolute;
    margin-top: 7;
    margin-left: 3;
}
  div#main .prevnext ul li img {
    width: 30px;
    float: left;
    margin: 0;
  }
div.main_sp img {
  display: block;
  margin: 10px auto;
  width: 100%; }
div#main h3 {
  font-weight: bold;
  font-size: 17px;
  color: #484848; }
div#main_sp h3 {
  font-weight: bold;
  line-height: 22px;
  font-size: 1em; }

.back02 {
    background-color: #fff3ce;
    padding: 10px;
    width: 95%;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 1em;
}

/*=天城映（あまきえい）プロフ　追記
===========================================*/
#tellerInfo {
  font-size: 16px;
  border: 1px solid #959595;
  padding: 10px;
  width: 95%;
  text-align: left;
  margin: 0 auto;
  margin-bottom: 1em; }
  #tellerInfo a {
    color: #E95464;
    font-weight: bold; }

/*=連載「雨宮まみ」追記
===========================================*/
div.contentAmamiya div.bookBox div.profImg{
padding:15px;
 min-width:120px;
width:120px;
margin:0 auto;
text-align:center;
}
div.contentAmamiya{
    background-color: #FFFFFF;
    padding-bottom: 20px;
margin-bottom: 20px;
}
div.contentAmamiya div.main{
    background-color: #FFFFFF;
    margin: 10px;
    padding:20px 0;
}
div.contentAmamiya p.caution{
    color:red;
}
div.contentAmamiya a{
        font-weight:bold;
        color:#E8B2BF;
}
div.contentAmamiya div.profile{
         background-color:#fff;
         width:80%;
         margin:0 auto 30px;
         line-height:1.5em;
         padding:10px;
         font-size:13px;
}
div.contentAmamiya p{
        font-size:15px;
        padding:0 5%;
        line-height:1.8em;
}
div.contentAmamiya p.txt-indent{
	text-indent:1em;
}
div.contentAmamiya .titleBanner{
	width:100%;
}
div.contentAmamiya div.preview h4{
	font-weight:bold;
	font-size:15px;
	padding:0 5%;	
        color:#E8B2BF;
}
div.contentAmamiya div.preview p{
	font-size:13px;
}
div.contentAmamiya div.supervisor{
	border-radius:15px;
	width: 93%;
	overflow: hidden;
	background-color: #E8B2BF;
	margin: 0 auto 10px;
padding: 10px;
}
div.contentAmamiya div.supervisor div.profImg{
	float:left;
	padding:15px;
    min-width:120px;
}
div.contentAmamiya div.profile div.profileImg{
	float:left;
	padding:1px;
}
div.contentAmamiya div.supervisor dl{
	display:block;
	margin: 0;
	padding: 0px 10px 10px 10px;
}
div.contentAmamiya div.supervisor dl dt{
	font-weight:bold;
	font-size:15px;
    color:#fff;
}
div.contentAmamiya div.supervisor dl dd{
        margin: 5px 0px;
	font-size:15px;
	color:#484848;
}
div.contentAmamiya div.supervisor a{
	font-weight:bold;
	color:#9C49AD;
}
div.contentAmamiya .profileImg {
    float: left;
    padding: 10px;
    width: 30%;
}
div.contentAmamiya .aya_icon{
    max-width:10%;
    margin:5px;
}
div.contentAmamiya div#trust-form.contact-form {
	height: auto;
	width: 100%;
}
div.contentAmamiya div#form div#trust-form.contact-form {
	border: 1px solid #CCCCCC;
	display: block;
	height: auto;
	margin: 40px auto;
	padding: 10px;
	text-align: center;
	width: 60%;
    background-color:#ffffff;
}
div.contentAmamiya div.link_box {
    margin: 20px auto;
    text-align: center;
}
div.contentAmamiya div.link_box img {
    width: 90%;
}
div.contentAmamiya div.link_box a {
    color: #484848;
    font-weight: bold;
}
div.contentAmamiya div.main div.soudan {
    background-color: #FFA8A8;
    color: #484848;
    margin: 0 5% 3%;
    padding: 10px;
    font-size: 15px;
}
div.contentAmamiya h3{
    font-size: 16px;
    margin: 10px 0;
    padding: 0 5%;
}
div.contentAmamiya span.textBold{
    font-weight:bold;
}
div.contentAmamiya span.theme{
    font-weight:bold;
    color:#c71585;
}
div.contentAmamiya p.prev{
    text-align:right;
}
div.contentAmamiya div.link{
    width:90%;
    margin:0 auto;
}
div.contentAmamiya span.previous{
    float:left;
}
div.contentAmamiya span.next{
    float:right;
}
div.contentAmamiya span.previous a, div.contentKonkatsu span.next a{
    font-size:12px;
    color:#F08080;
}
div.contentAmamiya p.listpage {
    text-align:right;
    margin: 0 20px 20px 0;
}
div.contentAmamiya p.listpage a{
    font-weight:bold;
    color:#f08080;
}
div.contentAmamiya div.link{
    width:90%;
    margin:0 auto;
}
div.contentAmamiya span.previous{
    float:left;
}
div.contentAmamiya span.next{
    float:right;
}
div.contentAmamiya span.previous a, div.contentAmamiya span.next a{
    font-size:12px;
    font-weight:normal;
    color:#E8B2BF;
}
div.contentAmamiya .attention{
   font-size: 14px!important;
   text-align: right;
}
div.contentAmamiya .clear{
    clear:both;
    visibility:hidden;
}
div.contentAmamiya .myButton {
-moz-box-shadow: inset 0px 1px 0px 0px #e6c5fc;
-webkit-box-shadow: inset 0px 1px 0px 0px #FCC5F2;
box-shadow: inset 0px 1px 0px 0px #FCC5F6;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFDCFE), color-stop(1, #FFCFF7));
background: -moz-linear-gradient(top, #dfbbfc 5%, #a96fd9 100%);
background: -webkit-linear-gradient(top, #FCBBFA 5%, #FDD3F7 100%);
background: -o-linear-gradient(top, #dfbbfc 5%, #a96fd9 100%);
background: -ms-linear-gradient(top, #dfbbfc 5%, #a96fd9 100%);
background: linear-gradient(to bottom, #FF8EE0 5%, #EE6DBE 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfbbfc', endColorstr='#a96fd9',GradientType=0);
background-color: #F2BBFC;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #FFAFE3;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-family: arial;
font-size: 23px;
font-weight: bold;
padding: 13px 30px;
text-decoration: none;
text-shadow: 0px 1px 0px #9e60d1;
}
div.contentAmamiya .myButton:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a96fd9), color-stop(1, #dfbbfc));
background: -moz-linear-gradient(top, #a96fd9 5%, #dfbbfc 100%);
background: -webkit-linear-gradient(top, #a96fd9 5%, #dfbbfc 100%);
background: -o-linear-gradient(top, #a96fd9 5%, #dfbbfc 100%);
background: -ms-linear-gradient(top, #a96fd9 5%, #dfbbfc 100%);
background: linear-gradient(to bottom, #F6E0EC 5%, #FCBBF3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a96fd9', endColorstr='#dfbbfc',GradientType=0);
background-color: #E58AC4;
}
div.contentAmamiya .myButton:active {
	position:relative;
	top:1px;
}
div.contentAmamiya div#form_btn{
    text-align:center;
}
div.contentAmamiya div#form_btn a{
    color:#ffffff;
}
div.contentAmamiya div.bookBox{
	border-radius:15px;
	width: 93%;
	overflow: hidden;
	background-color: #FDF9C1;
	margin: 0 auto 10px;
    padding-top: 10px;
}
div.contentAmamiya div.bookBox a{
	font-weight:bold;
	color:#FB32BE;
}
div.contentAmamiya p.center {
    text-align: center;
}
div.contentAmamiya span.highlight {
    font-weight: bold;
}
div.contentAmamiya span.highlight1 {
    color: #FF4C4C;
    font-weight: bold;
}
div.contentAmamiya span.highlight2 {
    color: #F157A0;
}

div.contentAmamiya div.consults_pc {
    background-color: #FFA8A8;
    color: #484848;
    margin: 0 5% 3%;
    padding: 10px;
    font-size: 15px;
}
div.contentAmamiya .titleBanner2_pc{
	width:50%;
}
div.contentAmamiya .hr_pc{
  width: 90%;
}


/* 決済ページ修正用 */
/* 購入枠 追加CSS
==================================== */

#ny001_nonMember {
width: 882px;
margin-left: 30px ;
padding-top: 0px;

}

#ny001_pack {
  border: 1px solid #000 !important;
  position: relative;
  width: 100%;
  height: 320px;


}

#ny001_pack li.ny001_pack_left {
background-color: #000;
height: 320px;
float: left;
width: 300px;
overflow: hidden;

}
#ny001_pack li.ny001_pack_left p{
height: 310px;
display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 0;

}

#ny001_pack li.ny001_pack_left img{
 max-width: none;
 height: auto;

}

#ny001_pack li.ny001_pack_right {
width: 580px;
float: left;
padding:15px ;
}

#ny001_pack li.ny001_pack_right p.pack {
font-size: 16px;
margin-bottom: 5px;
font-weight: bold;
}

#ny001_pack li.ny001_pack_right h3.packagename {
margin-bottom: 10px;
}
#ny001_pack li.ny001_pack_right dt {
font-size: 15px;
/*margin-top: 10px;*/
margin-bottom:5px;
}

#ny001_pack li.ny001_pack_right dd {
font-size: 12px;
line-height: 1.2;
}

#ny001_pack li.ny001_pack_right p.price {
float: right;
font-weight:bold;
position: absolute;
top: 90%;
left: 85%;
font-size: 16px;
}


#net_shop_admin_checkout_body .attention {
  border: solid #e30b00 1px;
  font-weight: bold;
  text-align: left; }

.attention {
  font-size: 14px !important;
  text-align: right; }

#net_shop_admin_checkout_body .ny001_attention {
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  margin-bottom: 50px;
  margin-left: 30px;
  color: #e30b00;
  line-height: 2;
  border: solid 2px;
  padding: 15px 5px 15px 5px;
  max-width: 90%;
}

/* 追加_ogihara */

#net_shop_admin_checkout_body .bold {
  font-weight: bold ;
  font-size: 16px;
  text-align: left;
  margin-left: 30px;
  color: #e30b00;
} 

.arert {
  color: red;
  padding: 36px 0px 0px 0px;
  font-weight: bold;
}

/* 追加_ogihara */

.packagename {
  font-size: 150%;
  font-weight: bold; 
}


.myButton {
  box-shadow: inset 0px 1px 0px 0px #FCC5F6;
  background: linear-gradient(to bottom, #FF8EE0 5%, #EE6DBE 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfbbfc', endColorstr='#a96fd9',GradientType=0);
  background-color: #F2BBFC;
  border-radius: 3px;
  border: 1px solid #FFAFE3;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: arial;
  font-size: 23px;
  font-weight: bold;
  padding: 13px 30px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #9e60d1; }
  .myButton:hover {
    background: linear-gradient(to bottom, #F6E0EC 5%, #FCBBF3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a96fd9', endColorstr='#dfbbfc',GradientType=0);
    background-color: #E58AC4; }
  .myButton:active {
    position: relative;
    top: 1px; }

div.contentAmamiya div#form_btn {
  text-align: center; }
  div.contentAmamiya div#form_btn a {
    color: #ffffff; }

.hr_pc {
  width: 90%; }

div.contentAmamiya div.bookBox {
  border-radius: 15px;
  width: 93%;
  overflow: hidden;
  background-color: #FDF9C1;
  margin: 0 auto 10px;
  padding-top: 10px; }
  div.contentAmamiya div.bookBox a {
    font-weight: bold;
    color: #FB32BE; }

p.center {
  text-align: center; }

div.contentAmamiya span.highlight {
  font-weight: bold; }
div.contentAmamiya span.highlight1 {
  color: #FF4C4C;
  font-weight: bold; }
div.contentAmamiya span.highlight2 {
  color: #F157A0; }
div.formBox input[type="submit"] {
  width: 200px; }
div.formBox span.message {
  font-size: 150%;
}

.resultImg {
  width: 60%;
  margin: 0 auto; }

.contentPremium .packagedetailBox .nsa_product_detail {
  font-size: 120%;
  font-weight: bold; }

.resultBox h3 {
  font-size: 120%;
  font-weight: bold;
  color: #484848; }

.resultText h4 {
  font-size: 120%;
  font-weight: bold; }

div.contentShinri div.main div.select_answer a {
  display: inline; }


#zeus{
float: left;
width: 300px;
margin-left: 30px ;
margin-bottom: 30px;
}

#paypal{
border-left: 2px #d8d8d8 solid;
float: left;
width: 300px;
padding: 0px 0px 0px 30px;
margin-bottom: 30px;
}

div#zeus h5 img, div#paypal h5 img {
  width: 200px;
  display: block;
  margin-bottom: 10px;
}

#zeus h5 {
    font-size: 16px;
    font-weight: bold;
}

#paypal h5 {
    font-size: 16px;
    font-weight: bold;
}

#zeus p.zeus01 button#wp-submit, #zeus p.zeus02 button#wp-submit {
  background: #ee6788;
  margin: 0px auto 30px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 0;
  border: 0; }

#zeus p.zeus01 button#wp-submit {
  background: #ee6788;
  margin: 3px auto 30px !important;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
  border: 0;
}

#zeus p.zeus02 button#wp-submit {
  background: #727272;
  width: 100%;
  margin: 0px auto 20px;
  text-align: center;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  padding: 10px;
  line-height: 24px;
  border: 0;
}


#paypal p.textRight a {
  display: inline;
  color: #0ea2de;
  text-decoration: underline;
}
  
#paypal p.linkbluetext a{
color: #88afff !important;
  text-decoration: none;
}

/* 占いページ内　recommend */
#recommend h5 {
  font-size: 16px;
  margin-bottom: 10px; }
#recommend article.linkbox {
  border-bottom: 1px solid #a5a5a5;
  padding: 10px; }
  #recommend article.linkbox:nth-of-type(1) {
    border-top: 1px solid #a5a5a5; }
    
  #recommend article.linkbox a {
    width: 250px;
    display: block;
    float: left; }

p.thum2 {
  margin-bottom: 0 !important; }


#recommend article.linkbox .white_banner {
 width: 400px;
 float: right;
}

#recommend article.linkbox .white_banner a {
 width: 100%;
}

#recommend article.linkbox .white_banner h3 {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold; }
#recommend article.linkbox .white_banner p {
  font-size: 13px !important;
  letter-spacing: 1px;
  line-height: 1.5 !important;
  margin-bottom: 0 !important; }

#recommend article.linkbox .white_banner div a {
  display: inline-block; }

/* プレミア　有料メニューリスト */
.packagedetailBox {
  border: 1px solid #a5a5a5;
  padding: 10px 20px; }
  .packagedetailBox ul.package-menu-list li {
    padding: 10px 10px 10px 15px;
    display: table;
    color: #000000;
    width: 100%;
    position: relative;
    font-size: 15px; }
    .packagedetailBox ul.package-menu-list li:after {
      position: absolute;
      top: 0;
      left: -10px;
      display: block;
      content: "・";
      padding: 10px; }
    .packagedetailBox ul.package-menu-list li span {
      display: table-cell;
      vertical-align: middle; }
  .packagedetailBox input[type="submit"] {
    background: #ee6788;
    width: 200px !important;
    margin: 0px auto 20px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 5px 0;
    border: 0;
    display: block;
    font-weight: normal;
    border-radius: 0; }
  .packagedetailBox .package_sub {
    font-size: 12px;
    font-weight: normal;
    padding: 10px 0;
    clear: both; }
  .packagedetailBox .package_price {
    text-align: right;
    border: 1px solid #a5a5a5;
    width: 120px;
    float: right;
    margin: 10px 0 0;
    padding: 6px 0 6px;
    border-radius: 5px;
    font-size: 16px; }
    .packagedetailBox .package_price span {
      font-size: 12px;
      font-weight: normal; }

div.hayesFormBox p a.paymentList {
  color: #ee6788; }
  
div.news_in_current_category {
  margin: 20px 0 10px;
}

div.news_in_current_category h3 {
    font-size: 16px;
    font-weight: bold;
}

div.news_in_current_category li {
    margin: 10px 0 0;
    font-size: 14px;
}


#logly-lift-1182655 {
  margin: 10px 0 10px;
}

#logly-lift-1182655 li {
  margin: 10px 0 0;
}

#logly-lift-1182655 dt {
    width: 100px;
    float: left;
}

#logly-lift-1182655 dd {
    width: 580px;
    float: right;
}


/* 365パレット　カスタムから 0619追加
==================================== */
#content .ttlBox h1{font-size:125%;}
#breadcrumb h2{display: inline; color: #484848; font-size: 100%; font-weight: normal;}
.content365 h2{text-align:center;font-size:90%;}
.content365 h3{color:#c75fac; margin-top:20px;}
.content365 a {color: #ff6699;text-decoration: underline;}
.content365 .titleBanner {width:100%}
.listBox{width:100%;}
.lineImg { width: 100%; display: block;}
#year_list,#month_list,#day_list_f,#day_list_m{width:90%;display:block;margin:0 auto;padding:0;}
#year_list li,#month_list li,#day_list_f li,#day_list_m li {list-style:none;float:left;margin:0 5px 5px 0;border:solid 1px #fff;padding:5px;text-align:center;background-color:#fbe8ed;min-width:50px;}
.summaryBox h2{text-align:center;}
.summaryBox ul.PC,.summaryBox ul.SP{width:100%;overflow:hidden;padding:0;}
.summaryBox ul.PC li{float:left;display:block;list-style:none;width:188px;height:150px;text-align:center;background-color:#fbe8ed;margin:0 5px 5px 0;position:relative;font-size:100%;}
.summaryBox ul.PC li h3{margin-bottom:5px;font-size:95%;color: #fff;background-color: #ff6699;}

.summaryBox ul.PC li a.detail_result{
display:block;
position:absolute;
bottom:0.5px;
left:25%;
}
.summaryBox ul.SP li {float: left;list-style: none;background-color: #fbe8ed;text-align: center;width: 31%;height: 40px;margin: 0 5px 5px 0;padding-top: 10px;font-size: 80%;}
p.kanshu{text-align:right;}
.horoscopeImg, .resultImg, .horoscopeiconImg {width: 100%;margin: 0 auto 20px;}
.horoscopeImg{margin-top:10px;}
.horoscopeImg img, .resultImg img, .horoscopeiconImg img { width:100%; margin: 0 auto;display: block; max-width: 360px;}
div.birth .resultImg {text-align:center;}
div.birth .resultImg img{display:inline;text-align:center;max-width:30px;}
p.subtitle{ text-align:center;}
p.subtitle strong{ color:#c75fac;}
div.explanation {
  color: #484848;
  padding-top: 10px;
  letter-spacing: 1px;
  margin-bottom: 20px;
}
div.explanation strong{color:#c75fac;}
p.birthsummary {font-weight: bold;text-align: center;}
#header_birth{margin:10px auto;text-align:center;}
#header_birth h2{margin-bottom:5px;color:#484848;}
#header_birth p{margin-bottom:0px !important;}
#header_birth_sp{text-align:center;}
#header_birth_sp h2{margin-bottom:5px;color:#484848;}
#footer_birth{margin:0px auto;text-align:center;}
#footer_birth h2{margin-bottom:5px;color:#484848;}
#footer_birth_sp{text-align:center;}
#footer_birth_sp h2{margin-bottom:5px;color:#484848;}
#btn365submit{background-color: #C75FAC;color: #FFFFFF;font-size: 15px;font-weight: bold;margin:0px 0px 0px 15px;width: 100px;}
#btn365submit_sp{background-color: #C75FAC;color: #FFFFFF;font-size: 15px;font-weight: bold;margin:20px 0px 0px 0px;width: 100px;}
.content365 .select_birth{width: 95%;margin: 0 auto 10px;padding-bottom: 5px;border-bottom: dotted 1px #b99f62;font-size: 108%;font-weight: bold;}

#recommend{
	overflow:hidden;
}

#recommend h5{
font-size: 12px;
margin:0;
color:#484848;
}

#recommend article {
	width: 230px;
	border: 1px solid #D4D4D4;
	height: 280px;
	float: left;
	position: relative;
	padding: 7px 7px 0 7px;
	margin-left: 9px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#recommend article p{
	padding:0;
	margin:0;
}
#recommend article a:link{
	text-decoration:none;
}
#recommend .white_banner {
	background: white;
	width: 230px;
	height: 130px;
}
#recommend  article h3 {
	font-size: 95%;
	line-height: 1.3;
	margin: 0 4px 0 4px;
	padding-top:2px;
}

#recommend article p.a_txt {
	font-size: 70%;
	margin: 1em 4px 0;
}
#recommend .imagetab {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 46px;
	height: 45px;
	background:transparent url(images/corner_premium.png) no-repeat;
}

#recommend_sp{
margin-bottom:20px;
}

#recommend_sp h5{
	color:#484848;
}

#recommend_sp article{
	border-bottom:1px solid #c3b8bd;
	padding:10px;
	background:url(/wp-content/themes/uportal_smart/images/arrow_link.png) no-repeat right center;
	-webkit-background-size:16px 11px;
	clear:both;
}
#recommend_sp article a{
	color:#333;
	display:block;
	min-height:60px;
}
#recommend_sp article p{
	padding:0;
	margin:0;
}
#recommend_sp .thum2{
	float:left;
	margin-right:5px;
}
#recommend_sp .thum2 img{
	width:93px;
	height:57px;
}
#recommend_sp .white_banner .a_day{
	font-size:70%;
	font-weight:bold;
	margin-bottom:5px;
}
#recommend_sp .white_banner h3{
	font-size:79%;
	margin-bottom:5px;
	padding-right:10px;
	height:2.1em;
}
#recommend_sp .white_banner .a_txt{
	padding-right:10px;
	height:2.1em;
	font-size:70%;
}

.today_love_fortune{
     padding-top: 20px;
}

.this_week_fortune{
     padding-top: 20px;
}

.seiyou1{
padding: 5px 0 10px 0; 
margin: 0 0!important;
}

.birth_fortune{
padding: 0 0 5px 0;
}

.bad_week{
margin: 0 auto;
width: 180px;
font-weight: bold;
}

.this_and_bad_week{
width: 180px!important;
margin: 0 auto!important;
height: 42px!important;
text-align: center!important;
}

.detail_result{
padding-bottom: 10px!important;
}
p.handover {
	text-align: center;
	margin-bottom: -1em;
}
p.handover a {
	color: #e25377;
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
}

#resultBox ul.content5 li.westernAstrology h3 { margin: 0 auto;text-align: center;font-size: 18px;}
#resultBox ul.content5 li.westernAstrology h3 img {background: #688ad4;width: 20%;}
#resultBox ul.content5 li.fourPillarAstrology h3 { margin: 0 auto;text-align: center;font-size: 18px;}
#resultBox ul.content5 li.birthday h3 { margin: 0 auto;text-align: center;font-size: 18px;}
#resultBox ul.content5 li.fourPillarAstrology h3 img {background: #ef7430;width: 20%;}
#resultBox ul.content5 li.birthday .resultImg img {background: #e76d86;}
#resultBox ul.content5 li.moonsAge .resultImg img {background: #449f9c;}
#resultBox ul.content5 li.xiuyaojing .resultImg img {background: #6439a2;}
.retryBtn {
  background: none;
  font-size: 120%;
  margin: 15px 0 0px;
}
#resultBox .description-box-365 a {
display: inline-block;
}
.shichuu h2 ,.birth h2,.moon h2,.moon h5 {
  font-size: 18px;
}
.seiyo h2 ,.number h3,.number h2,.shukuyo h2,.shukuyo h3 {
font-size: 18px;
margin-bottom: 20px;
}

#resultBox .content3 li.westernAstrology h3 { margin: 0 auto;text-align: center;font-size: 18px;}
#resultBox .content3 li.westernAstrology h3 img {background: #688ad4;width: 20%;}
#resultBox .content3 li.fourPillarAstrology h3 { margin: 0 auto;text-align: center;font-size: 18px;}
#resultBox .content3 li.fourPillarAstrology h3 img {background: #ef7430;width: 20%;}
#resultBox .content3 li.birthday .resultImg img {background: #e76d86;}
#resultBox .content3 li.moonsAge .resultImg img {background: #449f9c;}
#resultBox .content3 li.xiuyaojing .resultImg img {background: #6439a2;}

#resultBox .description-box-365 a {
display: inline-block;
}
.shichuu h2 ,.birth h2,.moon h2,.moon h3 {
  font-size: 18px;
}
.number h3,.number h2,.shukuyo h2,.shukuyo h3 {
font-size: 18px;
margin-bottom: 20px;
}

.birthday dl dt {
font-size: 18px;
font-weight: bold;
text-align: center;
color: #fff;

}

.ny01_0423{
position: relative;
width: 23px;
float: left;
margin:0 auto;
}


/*タロットカード一覧　CSS
================================================*/
section#arcana{
width: 98%;
margin:0 auto; 
}
section#arcana img{
width: 100%;
margin:0 auto; 
display: block;
}

#tr_titlebanner01{
position: relative;
}

#tr_titlebanner01 .titleBanner{

}
section#arcana #tr_titlebanner01 a.banner_link01{
position: absolute;
  top: 8px;
  left: 570px;
  background-color: #ffb5d7;
  padding: 14px;
  color: #fff;
}

section#arcana #head {
width: 100.222%;
}
section#arcana #head div.heading{
width: 100%;
margin:0 auto; 
}
section#arcana #head div.heading a{
  background-color: #6c3d75;
  color: #c3c2c2;
  width: 19%;
  display: table-cell;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 14px;
  padding-left: 17px;
  padding-right: 17px;
  vertical-align: middle;
  font-size: 11px;
}
section#arcana #head div.heading a.daiaru{
  background-color: #6c3d75;
  color: #c3c2c2;
  width: 13%;
  display: table-cell;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 14px;
  padding-left: 17px;
  padding-right: 17px;
  vertical-align: middle;
}
section#arcana #head div.heading a.pentakuru{
  background-color: #6c3d75;
  color: #c3c2c2;
  width: 21%;
  display: table-cell;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 14px;
  padding-left: 17px;
  padding-right: 17px;
  vertical-align: middle;
}


section#arcana #head div.heading a.here{
  border-bottom: solid 6px #3d005a;
  color: #fff;
  font-weight:bold;
}
section#arcana #head div.heading a:hover{
         background-color:#491764; 
         color:#c3c2c2;
}

section#arcana p.lead{
  font-size: 13px;
  line-height: 1.7;
  margin-bottom: 1.3em;
  color: #4f4f4f;
  margin-top: 1.3em;
  width: 626px;
  margin-left: 50px;
  margin-right: 50px;
}

section#arcana p.lead02{
  font-size: 12px;
  line-height: 1.7;
  margin-bottom: 1.3em;
  color: #4f4f4f;
  margin-top: 1.3em;
  width: 626px;
  margin-left: 50px;
  margin-right: 50px;
}



/*タロットカード一覧　スライダーCSS　0619追記
================================================*/
/* :::::: gallery :::::: */
section#arcana #gallery {
	position: relative;
	width: 725px;
	margin: 10px auto;
	padding: 10px 0;
	display: inline-block;
}
#gallery .slideFrame {
	position: relative;
	height: 740px;
	overflow: hidden;
	margin-bottom: 30px;
}

/* slide images */
#gallery .slideFrame ul {
	position: absolute;
	top: 0;
	left: 0px;
	width: 99999px;
	margin: 0;
}
#gallery .slideFrame ul li {
  float: left;
  width: 626px;
  margin-right: 50px;
  margin-left: 50px;
}
#gallery .slideFrame ul li img{
	width: 250px;
	margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}
#gallery .slideFrame ul li span{
  font-size: 14px;
  line-height: 21px;
  text-align: left;
  display: block;
}
#gallery .slideFrame ul li p{
  position: static!important;
  display: block!important;
  font-size: 14px!important;
  line-height: 21px!important;
  text-align: left!important;
  margin: 0!important;
  width: auto!important;
  height: auto!important;
  cursor: auto!important;
}
#gallery .slideFrame ul li:last-child {
	margin-right: 0;
}
#gallery .slideFrame ul li a {
	background: none;
}

/* gallery items */
#gallery ul li,
#gallery ul li a,
#gallery p,
#gallery p i {

}

/* gallery list button */
section#arcana #gallery ul.nav {
  width: 90%;
  margin: 0 auto;
  padding: 0;
  margin-left: 50px;
}
section#arcana #gallery ul.nav li {
	float: left;
width: 78px;
  height: 135px;
}
section#arcana #gallery ul.nav li:last-child {
	margin-right: 0;
}
section#arcana #gallery ul.nav li a {
	display: block;
}
section#arcana #gallery ul.nav li a:hover {
	border: solid 3px #3d005a;
 }

/* slider arrow button */
section#arcana #gallery p.prev,
section#arcana #gallery p.next {
  position: absolute;
  top: 206px;
  margin: 0;
  width: 28.7px;
  height: 57.4px;
  cursor: pointer;
  font-size: 43px;
  margin-left: 80px;
  margin-right: 80px;
}
section#arcana #gallery p a {
  width: 28.7px;
  height: 57.4px;
  position: absolute;
  top: 0px;
}
section#arcana #gallery .prev {
	left: 0;
}
section#arcana #gallery .next {
	right: 0;
}
section#arcana #gallery p i {
	display: block;
}
section#arcana #gallery p:hover i {
}
section#arcana #gallery .prev i {
  background-image: url(http://cocoloni.jp/wp-content/uploads/2015/06/pc_arrow_left.png);
  width: 28.7px;
  height: 57.4px;
  background-size: 28.7px 57.4px;
  position: relative;
}
section#arcana #gallery .next i {
  background-image: url(http://cocoloni.jp/wp-content/uploads/2015/06/pc_arrow_right.png);
  width: 28.7px;
  height: 57.4px;
  background-size: 28.7px 57.4px;
  position: relative;
}

/* CSS Programming */
#gallery #switch1:target ~ .slideFrame ul {
	left: 0px;
}
#gallery #switch2:target ~ .slideFrame ul {
	left: -726px;
}
#gallery #switch3:target ~ .slideFrame ul {
	left: -1452px;
}
#gallery #switch4:target ~ .slideFrame ul {
	left: -2178px;
}
#gallery #switch5:target ~ .slideFrame ul {
	left: -2904px;
}
#gallery #switch6:target ~ .slideFrame ul {
	left: -3630px;
}
#gallery #switch7:target ~ .slideFrame ul {
	left: -4356px;
}
#gallery #switch8:target ~ .slideFrame ul {
	left: -5082px;
}
#gallery #switch9:target ~ .slideFrame ul {
	left: -5808px;
}
#gallery #switch10:target ~ .slideFrame ul {
	left: -6534px;
}
#gallery #switch11:target ~ .slideFrame ul {
	left: -7260px;
}
#gallery #switch12:target ~ .slideFrame ul {
	left: -7986px;
}
#gallery #switch13:target ~ .slideFrame ul {
	left: -8712px;
}
#gallery #switch14:target ~ .slideFrame ul {
	left: -9438px;
}
#gallery #switch15:target ~ .slideFrame ul {
	left: -10164px;
}
#gallery #switch16:target ~ .slideFrame ul {
	left: -10890px;
}
#gallery #switch17:target ~ .slideFrame ul {
	left: -11616px;
}
#gallery #switch18:target ~ .slideFrame ul {
	left: -12342px;
}
#gallery #switch19:target ~ .slideFrame ul {
	left: -13068px;
}
#gallery #switch20:target ~ .slideFrame ul {
	left: -13794px;
}
#gallery #switch21:target ~ .slideFrame ul {
	left: -14520px;
}
#gallery #switch22:target ~ .slideFrame ul {
	left: -15246px;
}

#gallery #switch1:target ~ .nav li a[href="#switch1"],
#gallery #switch2:target ~ .nav li a[href="#switch2"],
#gallery #switch3:target ~ .nav li a[href="#switch3"],
#gallery #switch4:target ~ .nav li a[href="#switch4"],
#gallery #switch5:target ~ .nav li a[href="#switch5"],
#gallery #switch6:target ~ .nav li a[href="#switch6"],
#gallery #switch7:target ~ .nav li a[href="#switch7"],
#gallery #switch8:target ~ .nav li a[href="#switch8"],
#gallery #switch9:target ~ .nav li a[href="#switch9"],
#gallery #switch10:target ~ .nav li a[href="#switch10"],
#gallery #switch11:target ~ .nav li a[href="#switch11"],
#gallery #switch12:target ~ .nav li a[href="#switch12"],
#gallery #switch13:target ~ .nav li a[href="#switch13"],
#gallery #switch14:target ~ .nav li a[href="#switch14"],
#gallery #switch15:target ~ .nav li a[href="#switch15"],
#gallery #switch16:target ~ .nav li a[href="#switch16"],
#gallery #switch17:target ~ .nav li a[href="#switch17"],
#gallery #switch18:target ~ .nav li a[href="#switch18"],
#gallery #switch19:target ~ .nav li a[href="#switch19"],
#gallery #switch20:target ~ .nav li a[href="#switch20"],
#gallery #switch21:target ~ .nav li a[href="#switch21"],
#gallery #switch22:target ~ .nav li a[href="#switch22"] 
{
	border: solid 3px #3d005a;
}
/* ファーストビュー#switch1表示 */
#gallery #switch2:target ~ .nav li a[href="#switch1"],
#gallery #switch3:target ~ .nav li a[href="#switch1"],
#gallery #switch4:target ~ .nav li a[href="#switch1"],
#gallery #switch5:target ~ .nav li a[href="#switch1"],
#gallery #switch6:target ~ .nav li a[href="#switch1"],
#gallery #switch7:target ~ .nav li a[href="#switch1"],
#gallery #switch8:target ~ .nav li a[href="#switch1"],
#gallery #switch9:target ~ .nav li a[href="#switch1"],
#gallery #switch10:target ~ .nav li a[href="#switch1"],
#gallery #switch11:target ~ .nav li a[href="#switch1"],
#gallery #switch12:target ~ .nav li a[href="#switch1"],
#gallery #switch13:target ~ .nav li a[href="#switch1"],
#gallery #switch14:target ~ .nav li a[href="#switch1"],
#gallery #switch15:target ~ .nav li a[href="#switch1"],
#gallery #switch16:target ~ .nav li a[href="#switch1"],
#gallery #switch17:target ~ .nav li a[href="#switch1"],
#gallery #switch18:target ~ .nav li a[href="#switch1"],
#gallery #switch19:target ~ .nav li a[href="#switch1"],
#gallery #switch20:target ~ .nav li a[href="#switch1"],
#gallery #switch21:target ~ .nav li a[href="#switch1"],
#gallery #switch22:target ~ .nav li a[href="#switch1"]
{
	border: solid 0px #3d005a;
}

.nav li a[href="#switch1"]
{
	border: solid 3px #3d005a;
}
.nav li a[href="#switch1"]:hover
{
	border: solid 3px #3d005a;
}

section#arcana #gallery .switch {
	display: none;
}
#gallery #switch1:target ~ .prev a:not([href="#switch1"]),
#gallery #switch2:target ~ .prev a:not([href="#switch1"]),
#gallery #switch3:target ~ .prev a:not([href="#switch2"]),
#gallery #switch4:target ~ .prev a:not([href="#switch3"]),
#gallery #switch5:target ~ .prev a:not([href="#switch4"]),
#gallery #switch6:target ~ .prev a:not([href="#switch5"]),
#gallery #switch7:target ~ .prev a:not([href="#switch6"]),
#gallery #switch8:target ~ .prev a:not([href="#switch7"]),
#gallery #switch9:target ~ .prev a:not([href="#switch8"]),
#gallery #switch10:target ~ .prev a:not([href="#switch9"]),
#gallery #switch11:target ~ .prev a:not([href="#switch10"]),
#gallery #switch12:target ~ .prev a:not([href="#switch11"]),
#gallery #switch13:target ~ .prev a:not([href="#switch12"]),
#gallery #switch14:target ~ .prev a:not([href="#switch13"]),
#gallery #switch15:target ~ .prev a:not([href="#switch14"]),
#gallery #switch16:target ~ .prev a:not([href="#switch15"]),
#gallery #switch17:target ~ .prev a:not([href="#switch16"]),
#gallery #switch18:target ~ .prev a:not([href="#switch17"]),
#gallery #switch19:target ~ .prev a:not([href="#switch18"]),
#gallery #switch20:target ~ .prev a:not([href="#switch19"]),
#gallery #switch21:target ~ .prev a:not([href="#switch20"]),
#gallery #switch22:target ~ .prev a:not([href="#switch21"]),
#gallery #switch1:target ~ .next a:not([href="#switch2"]),
#gallery #switch2:target ~ .next a:not([href="#switch3"]),
#gallery #switch3:target ~ .next a:not([href="#switch4"]),
#gallery #switch4:target ~ .next a:not([href="#switch5"]),
#gallery #switch5:target ~ .next a:not([href="#switch6"]),
#gallery #switch6:target ~ .next a:not([href="#switch7"]),
#gallery #switch7:target ~ .next a:not([href="#switch8"]),
#gallery #switch8:target ~ .next a:not([href="#switch9"]),
#gallery #switch9:target ~ .next a:not([href="#switch10"]),
#gallery #switch10:target ~ .next a:not([href="#switch11"]),
#gallery #switch11:target ~ .next a:not([href="#switch12"]),
#gallery #switch12:target ~ .next a:not([href="#switch13"]),
#gallery #switch13:target ~ .next a:not([href="#switch14"]),
#gallery #switch14:target ~ .next a:not([href="#switch15"]),
#gallery #switch15:target ~ .next a:not([href="#switch16"]),
#gallery #switch16:target ~ .next a:not([href="#switch17"]),
#gallery #switch17:target ~ .next a:not([href="#switch18"]),
#gallery #switch18:target ~ .next a:not([href="#switch19"]),
#gallery #switch19:target ~ .next a:not([href="#switch20"]),
#gallery #switch20:target ~ .next a:not([href="#switch21"]),
#gallery #switch21:target ~ .next a:not([href="#switch22"]),
#gallery #switch22:target ~ .next a:not([href="#switch22"])
{
	pointer-events: none;
}

/* transition  */
section#arcana #gallery ul.nav li a  {
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0;
}
section#arcana #gallery i  {
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0;
}
#gallery .slideFrame ul  {
	transition: left 1s cubic-bezier(0.15, 0.03, 0.15, 0.96) 0s;
	-webkit-transition: left 1s cubic-bezier(0.15, 0.03, 0.15, 0.96) 0;
}

section#arcana #gallery ul:before, #gallery ul:after {
	content: ""; display: table;
}
section#arcana #gallery ul:after {
	clear: both;
}
section#arcana #gallery ul {
	*zoom: 1;
}

/* タロットカード一覧　スライダーCSS　0619追記
======================================== */
section#arcana #gallery .nav>li>a {
  position: relative;
  display: block;
  padding: 0px 0px!important;
  margin-right: 5px;
}

tr01-01h {
  font-size: 15px;
  color: #000;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}

#gallery_sns {
  position: relative;
  margin: 10px auto;
  display: inline-block;
  margin-left: 58px;
}

/* プレゼント当選者用入力フォームCSS　追記
==================================== */
div.contact-form { height: auto;}
div.contact-form p{font-size: 13px;margin: 10px;}
div.contact-form p.submit-container{text-align:center;}
div.contact-form table { width: 70%; margin: 0 auto; color: #484848;} 
div.contact-form table th { width: 40%; text-align: left; padding-bottom:20px;} 
div.contact-form table td { width: 60%; padding-bottom:20px;} 
div.contact-form div.submessage { font-size: 10px; color: #666;} 
div.contact-form span.require { font-size: 13px; color: red;} 
div.contact-form div.error { clear:both; color:red; font-size:13px;} 
div.contact-form p.submit-container input[type="submit"]{ width: 200px; height: auto;} 
div.contact-form input[type="text"] { height: 25px; line-height: 0;} 
div.contact-form li { float: left; padding-left: 10px;} 
div.contact-form textarea { width: 95%; height: 100px;}
div.contact-form p.title{
    width:70%;
    font-size:20px;
    margin:20px auto 0px;
    text-align:center;
    color:#FF42A0;
    font-weight:bold;
}
div.contact-form img{margin:20px auto; display:block;}
div.contact-form p.rule{ width:70%; margin:10px auto; } 
div.contact-form p.rule a{text-decoration:underline; color:red;} 
p#message-container-input, p#message-container-confirm{text-align:center;}

/* 島田秀平連載CSS　追記
==================================== */

div#contentShimada .titleBanner{
    width:100%;
}
div#contentShimada {
       color: #484848;
       font-size: 15px;
       }
div#contentShimada a{
       color:#F08080;
       text-decoration:underline;
       }
div#contentShimada h3 {
    font-size: 16px;
    margin: 0px 0;
    padding: 0 5%;
}
div#contentShimada h4 {
    font-size: 1em;
    margin: 0 5%;
    font-weight:bold;
    color:#37B4F4;
}

div#contentShimada p{
    font-size: 15px;
    line-height: 1.6em;
    padding: 0 5%;
}
div#contentShimada .lead{
    border-bottom: 1px dotted #484848;
    font-size: 15px;
    line-height: 1.5em;
    margin: 0 5%;
    padding: 0 0 10px;
    }
    
div#contentShimada .highlightFukidashi{
    color: #FE4961;
    font-weight: bold;
    font-size: 15px;
   }

div#contentShimada .highlight1{
    color: #784D2C;
    font-weight: bold;
    font-size: 15px;
   }


div#contentShimada .highlight2{
    color: #484848;
    font-weight: bold;
    font-size: 15px;
   }

div#contentShimada .highlight3{
    color: #484848;
    font-weight: bold;
    font-size: 15px;
   }


div#contentShimada .main .Center{
    margin: 10px auto 20px;
    display:block;
    }
div#contentShimada .main_sp .Center{
    margin: 10px auto 20px;
    display:block;
         width:60%;
    }


div#contentShimada div.link{
    width:90%;
    margin:0 auto;}

div#contentShimada span.previous{
    float:left;
}
div#contentShimada span.next{
        font-size:12px;
    color:#F08080;
    float:right;
}
div#contentShimada span.nextsp{
        margin-top:12px;
        font-size:12px;
    color:#F08080;
    float:right;
}

div#contentShimada span.previous a, div#contentShimada span.next a{
        margin-top:12px;
        font-size:12px;
    color:#F08080;
        }
div#contentShimada.clear{
        clear:both;
        visibility:hidden;
}

div#contentShimada div.profile {
    background-color: #B9E4FF;
    font-size: 14px;
    line-height: 1.1em;
    margin: 0 auto 30px;
    padding: 20px 10px 10px 10px;
    width: 80%;
}

div#contentShimada div.profile a {
    color: #9C0083;
    font-weight: bold;
    text-decoration:none;
}
div#contentShimada div.profile img {
    float:left;
    margin: 10px;
}
div#contentShimada p.listpage {
    font-weight: bold;
    color: #f08080;
    text-align: right;
}

div#contentShimada #talkBox1 {
    width: 100%;
}

div#contentShimada #talkBox1 img.left1 {
  float: left;
  margin-left: 15px;
  width: 100px;
  margin-top: 0px;
}

/* =====フッタープロフ===== */
div#contentShimada div.supervisor{
    width: 93%;
    overflow: hidden;
    margin: 0 auto 10px;
    background-color: #ccff66;
    line-height: 22px;
}
div#contentShimada div.supervisor div.profImg{
    float:left;
    padding:15px;
    min-width:120px;
}
div#contentShimada div.profile div.profileImg{
    float:left;
    padding:1px;
}
div#contentShimada div.supervisor dl{
    display:block;
    margin: 0;
    padding: 20px 10px 10px 10px;
}
div#contentShimada div.supervisor  dl dt{
    font-weight:bold;
    font-size:15px;
}
div#contentShimada div.supervisor  dl dd{
        margin: 10px 0;
    font-size:15px;
    color:#484848;
}
div#contentShimada div.supervisor  a{
    font-weight:bold;
    color:#FF4141;
}

/* =====吹き出し fukidasi_left===== */
div#contentShimada .fukidasi_left {
  width: 74%;
  background-color: #F8FFA2;
  border-radius: 6px;
  position: relative;
  padding: 2% 1% 0% 0%;
  color: #484848;
  float: right;
  margin: 0% 5% 0% 0%;
}
 
div#contentShimada .fukidasi_left:after {
border:10px solid transparent;
border-right-color:#F8FFA2;
border-left-width:0;
width:0;
left:-10px;
content:"";
display:block;
top:20px;
position:absolute;
}

div#contentShimada .fukidasi_left2 {
   width: 85%;
  background-color: #F8FFA2;
  border-radius: 6px;
  position: static;
  padding: 2% 1% 0% 0%;
  color: #484848;
  float: right;
  margin: 0% 5% 0% 0%;
}
 
div#contentShimada .fukidasi_left2:after {
border:10px solid transparent;
border-right-color:#F8FFA2;
border-left-width:0;
width:0;
left:-10px;
content:"";
display:block;
top:20px;
}

div#contentShimada  .clear_balloon{
  clear: both;
}
div#contentShimada div#main_sp img.left{
float:left;
padding-right:20px;
width: 30%;
}

/* =====プロフ範囲===== */
div#contentShimada div.supervisor01{
    border-radius:0px;
    width: 93%;
    overflow: hidden;
    margin: 0 auto 10px;
  background-color: #afeaff;
padding: 20px 20px 20px 20px;
}

div#contentShimada div.supervisor01 div#profImg img{
float: left;
padding: 0px 15px 15px 0;
min-width: 150px;
margin: 0px auto;
}

div#contentShimada div#main div.supervisor01 dl {
display: block;
margin: 0;
}


div#contentShimada div#main div.supervisor01 dl dt {
font-size: 15px;
font-weight: bold;
color: #e9780a;
}


div#contentShimada div#main div.supervisor01 dl dd {
margin: 5px 0px;
font-size: 15px;
}


div#contentShimada div#main div.supervisor01 p {
padding: 0;
}


div#contentShimada div#main div.supervisor01 a {
color: #ff0066;
font-weight: bold;
}


div#contentShimada div#main hr.clear {
clear: both;
visibility: hidden;
}

div#contentShimada div#main_sp div.supervisor01 {
width: 90%;
margin: 0 auto 10px;
padding: 15px;
background: #FFF0E0;
border-radius: 10px;
overflow: hidden;
}

div#contentShimada div.supervisor01 div#profImg img{
min-width: 120px;
width: 180px;
}

div#contentShimada div#main_sp div.supervisor01 dl {
display: block;
margin: 0;
}

div#contentShimada div#main_sp div.supervisor01 dl dt {
font-size: 15px;
font-weight: bold;
color: #e9780a;
}

div#contentShimada div#main_sp div.supervisor01 dl dd {
margin: 5px 0px;
font-size: 15px;
}

div#contentShimada div#main_sp div.supervisor01 p {
padding: 0;
}

div#contentShimada div#main_sp div.supervisor01 a {
color: #ff0066;
font-weight: bold;
}

div#contentShimada div#main_sp hr.clear {
clear: both;
visibility: hidden;
}

div#contentShimada div#main div.supervisor01 img.left{
float:left;
padding-right:20px;
}

div#contentShimada div#main_sp img.left{
float:left;
padding-right:20px;
width: 30%;
}

/* 四十路の細道CSS　追記
==================================== */
div#contentYosozi .titleBanner{
   width:100%;
}

div#contentYosozi h2 {
    font-size: 1em;
    margin: 10px 0;
    padding: 0 5%;
}

div#contentYosozi h3 {
    font-size: 1em;
    margin: 10px 0;
    padding: 0 5%;
}
div#contentYosozi {
       color: #484848;
       font-size: 1em;
       }
div#contentYosozi .title {
       margin:0;
       padding:0;
       }
div#contentYosozi p{
    clear: both;
    font-size: 1em;
    line-height: 1.8em;
    padding: 0 5%;
}
div#contentYosozi p a{
    color:#F08080;
    font-weight:bold;
    text-decoration:underline;
}
div#contentYosozi .lead{
   padding:5px 10px;
   font-size: 16px;
   }
   
div#contentYosozi .update{
   text-align:right;
        margin:10px 0px;
   }

div#contentYosozi .highlight {
    color: #F74DA5;
    font-weight: bold;
}
div#contentYosozi div#main .Center{
   margin: 10px auto 20px;
   display:block;
   }
div#contentYosozi div.supervisor{
   padding: 10px;
   border-radius:15px;
   width: 93%;
   overflow: hidden;
   background-color: #CFFFC7;
   margin: 0 auto 10px;
}
div#contentYosozi div.supervisor div.profImg{
   padding: 5px 15px 75px;
    min-width:120px;
    float:left;
}
div#contentYosozi div.supervisor div.profImg_sp{
float: left;
  min-width: 98px;
  width: 98px!important;
  padding-bottom: 5px!important;
}

div#contentYosozi div.profile div.profileImg{
   float:left;
   padding:1px;
}
div#contentYosozi div.supervisor dl{
   display:block;
   margin: 0;
   padding: 0px 10px 10px 10px;
}
div#contentYosozi div.supervisor  dl dt{
   font-weight:bold;
   font-size:14px;
    color:#0E5F00;
}
div#contentYosozi div.supervisor  dl dd{
    margin-top:5px;
   font-size:15px;
   color:#484848;
}
div#contentYosozi div.supervisor  a{
   font-weight:bold;
   color:#FF5B5B;
}
div#contentYosozi div.link{
        width:90%;
   margin:0 auto;
}
div#contentYosozi span.previous{
   float:left;
}
div#contentYosozi span.next{
   float:right;
}
div#contentYosozi span.previous a, div#contentYosozi span.next a{
   font-size: 12px;
   color:#F08080;
}
div#contentYosozi p.listpage {
        text-align:right;
        margin: 0 20px 20px 0;
}
div#contentYosozi p.listpage a{
   font-weight:bold;
   color:#f08080;
}
div#contentYosozi div.question{
   width:85%;
   margin:0 auto 10px;
   padding:15px 20px;
   background:#ededed;
   border-radius:5px;
}
div#contentYosozi div.answer{
   width:85%;
   margin:0 auto 20px;
   padding:15px 20px;
   background:#ffebeb;
   border-radius:5px;
}
div#contentYosozi div.question p, div#contentYosozi div.answer p{
   margin:0 0 15px 0;
   padding:0;
}
div#contentYosozi .mb0{
   margin-bottom:0 !important;
}
div#contentYosozi .bold{
   font-weight:bold;
}
div#contentYosozi .clear{
        clear:both;
        visibility:hidden;
}

div#contentYosozi p {
 word-break: break-all;
}

/* 伊藤さとりの映画で恋愛心理学CSS　追記
==================================== */
div.contentsatori p{
font-size:15px;
line-height:1.8em;
padding:0 5%;
}
div.contentsatori p a{
color:#e95464;
font-weight:bold;
}
div.contentsatori .update{
margin:10px 0px;
text-align:right;
}
div.contentsatori .highlight{
color:#f51034;
}

div.contentsatori .highlight_bold{
font-weight: bold;
}

div.contentsatori .lead{
margin:0 5%;
padding:0 0 10px;
border-bottom:1px dotted #484848;
font-size:15px;
line-height:1.5em;
}
div.contentsatori h3.title{
margin:10px 0;
padding:0 5%;
color:#bb0b28;
font-size:16px;
}
div.contentsatori div.review img{
margin:20px auto;
}
div.contentsatori div.review_sp img{
display:block;
margin:10px auto;
width:100%;
}
div.contentsatori div.info{
width:90%;
margin:0 auto 10px;
padding:15px;
background:#ebfefc;
border-radius:10px;
}
div.contentsatori div.info p{
padding:0 2%;
color:#666666;
font-size:13px;
}
div.contentsatori .story{
margin:0 5% 10px;
padding:15px 0 0;
border-top:1px dotted #484848;
font-size:15px;
line-height:1.5em;
}
div.contentsatori div.supervisor{
width:90%;
margin:0 auto 10px;
padding:15px;
background:#feeeeb;
border-radius:10px;
overflow: hidden;
}
div.contentsatori div.supervisor p{
padding:0;
}
div.contentsatori div.supervisor a{
color:#e95464;
font-weight:bold;
display: inline-block;
}
div.contentsatori div.supervisor div.profImg{
float:left; 
padding:5px 15px 5px 0;
min-width:120px;
}
div.contentsatori div.supervisor dl{
display:block;
margin:0;
}
div.contentsatori div.supervisor dl dt{
font-size:15px;
font-weight:bold;
color:#bb0b28;
}
div.contentsatori div.supervisor dl dd{
margin:5px 0px;
font-size:15px;
color:#484848;
}
div.contentsatori div.link{
width:90%;
margin:0 auto;
}
div.contentsatori span.previous{
float:left;
}
div.contentsatori span.next{
float:right;
}
div.contentsatori span.previous a, div.contentsatori span.next a{
font-size:12px;
color:#f52a48;
}
div.contentsatori p.listpage{
text-align:right;
}
div.contentsatori p.listpage a{
font-weight:bold;
color:#f52a48;
}
div.contentsatori .mb0{
margin-bottom:0;
}
div.contentsatori .clear{
clear:both;
visibility:hidden;
}

div.contentsatori p {
 word-break: break-all;
}

/* 石井ゆかりの星の相談室CSS　追記
==================================== */
div.contentIshii{
	margin:10px 0px 10px 0px;
	padding-bottom:20px;
	color:#484848;
	font-size:15px;
}
div.contentIshii img.titleBanner{
	width:100%;
}
div.contentIshii h3{
	text-align:center;
}
div.contentIshii .aligncenter{
	text-align:center;
}
div.contentIshii p.noIndent{
	font-size:15px;
	text-indent:0;
	padding:0 10px;
}
div.contentIshii p{
      clear: both;
      font-size: 15px;
      line-height: 1.8em;
      padding: 0 5%;
}
div.contentIshii div.adviceBox span{
	width:100%;
	text-align:right;
	display:block;
}
div.contentIshii div.adviceBox{
	background-color:#f5eccb;
	width:95%;
	margin:20px auto 40px auto;
	position:relative;
	padding: 75px 0 50px 0;
}
div.contentIshii div.adviceBox p{
      clear: both;
      font-size: 15px;
      line-height: 1.8em;
      padding: 0 5%;
}
div.contentIshii div.adviceBox div.lineTop,
div.contentIshii div.adviceBox div.lineBottom{
	width:100%;
	margin:0 auto;
	display:block;
	position:absolute;
}
div.contentIshii div.adviceBox div.lineTop{
	top:-15px;
}
div.contentIshii div.adviceBox div.lineBottom{
	bottom:-20px;
}
div.contentIshii div.adviceBox div.lineTop img,
div.contentIshii div.adviceBox div.lineBottom img{
	width:100%;
}
div.contentIshii .txtright{
	float:right;
	color:#484848;
	margin:0 0 20px 0;
	padding:0;
}
div.contentIshii .txtright a, div.contentIshii .txtleft a{
        font-weight:bold;
}
div.contentIshii .txtleft{
	float:left;
	color:#484848;
	margin:0 0 20px 20px;
	padding:0;
}
/*PR枠用*/
div.contentIshii div.pr{
	text-align:center;
        margin:20px 0;
}
div.contentIshii div.supervisor {
    background-color: #FBE8EE;
    border-radius: 15px 15px 15px 15px;
    margin: 0 auto 10px;
    overflow: hidden;
    width: 93%;
}
div.contentIshii div.supervisor div.profImg {
    float: left;
    min-width: 120px;
    padding: 15px;
}
div.contentIshii div.profile div.profileImg {
    float: left;
    padding: 1px;
}
div.contentIshii div.supervisor dl {
    display: block;
    margin: 0;
    padding: 20px 20px 10px;
}
div.contentIshii div.supervisor dl dt {
    color: #484848;
    font-size: 15px;
    font-weight: bold;
}
div.contentIshii div.supervisor dl dd {
    color: #484848;
    font-size: 15px;
    margin: 5px 0 0;
}
div.contentIshii div.supervisor a {
    color: #9C49AD;
    font-weight: bold;
}
div.contentIshii div.pr a{
        color:#E95464;
        font-weight:bold;
}


/* 一覧ページリンク部分 PC＆SP共通 */
div.contentIshii h3.column {
    margin-top:10px;
    color: #E95464;
    font-size: 18px;
    text-align: center;
}
div.contentIshii ul.list {
    margin: 5%;
}

div.contentIshii ul.list li {
    color: #F09199;
    margin: 10px 0 10px 20px;
}

div.contentIshii ul.list li .title {
    color: #484848;
    font-size: 15px;
    font-weight: normal;
}

/* 石井ゆかり「12星座運勢」/ishii_week/ */
/* 先週をみる　ボタン */
.tabs-panel2 .page {
  overflow: hidden;
  margin-bottom: 20px;
  float: right;
  width: 180px;
  margin: 0px;
  background: #101848;
  font-size: 12px;
  color: #fff;
  padding: 10px;
  margin-right: 10px;
  border-radius: 5px;
  text-align: center;
}
.tabs-panel2 .page a {
  color: #fff;
  font-size: 16px;
}
.tabs-panel2 .page a:hover {
text-decoration:underline;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
background-color: #101848;
}

.paymentFinish img{
width: 400px;
}
.freemenu{
    width:90%;
    height: 65px;
    margin:0 auto 50px;
    display: block;
   background: #eee;
    padding: 5px 10px 10px;
  border-radius: 5px;
}
.freemenu img.icon{
width:20px;
 position: absolute;
  margin-top: 7;
  margin-left: 3;
}
div.freemenu a{
    color: #ee6788;
    text-decoration: none;
      font-size: 16px;
    font-weight: bold;
}
.freemenu .recommend {
    position: relative;
    top: 3;
    left: 25;
    line-height: 28px;
}
.freemenu .recommend .title {
    color: #4f4f4f;
}
div.packageInfo p {font-size: 13px;}
div.packageInfo h4 {color: #c75fac; text-align: center; font-size: 18px;}
div.packageInfo a {color: #c75fac; text-decoration: underline;}
div.resultText h5 {font-size: 17px; font-weight: bold;}
div.uechiFormBox div.nickname,
div.uechiFormBox div.lname,
div.uechiFormBox div.fname,
div.uechiFormBox div.birth,
div.uechiFormBox div.gender {margin-top: 20px; overflow: hidden;}
div.uechiFormBox div.gender {margin-bottom: 50px;}
div.resultImg {margin-bottom: 50px;}
/*single-style.css と共通部分 start*/
div.uechiFormBox a.paymentList:link {text-decoration: none;}
div.uechiFormBox a.paymentList {display: block; width: 150px; text-align: center; float: right; color: #AA719A; font-weight: bold; border: solid 1px #CCC; font-size: 12px;}
div.uechiFormBox .packagedetailBox {border: solid 1px #CCC; width: 100%; margin-bottom: 10px;}
div.uechiFormBox .nsa_product_detail {padding: 10px;}
div.uechiFormBox input[type="submit"] {margin: 0 auto; display: block; width: 200px; background-color: #C75FAC; color: white; font-size: 15px; font-weight: bold;}
div.uechiFormBox form p {padding: 0;}
div.uechiFormBox form span.hiragana{color: red; font-size:12px;}
div.uechiFormBox form p.attention strong {color: red;}
div.uechiFormBox form p.attention {font-size: 10px;}
div.uechiFormBox form p.both {clear: both;}
/*single-style.css と共通部分 end*/
/*pcのみ*/
div.uechiFormBox.typeA.pc img.formtitle {padding-right: 20px; float: left;}
div.uechiFormBox.typeA.pc {width: 80%; margin: 0 auto;}
/*spのみ*/
div.uechiFormBox.typeA.sp {width: 100%; margin: 0 auto;}
div.uechiFormBox.typeA.sp img.formtitle {display: block;}
div.uechiFormBox.typeA.sp div.nickname input[type="text"],
div.uechiFormBox.typeA.sp div.lname input[type="text"],
div.uechiFormBox.typeA.sp div.fname input[type="text"],
div.uechiFormBox.typeA.sp div.birth select,
div.uechiFormBox.typeA.sp div.gender input[type="radio"] {margin-bottom: 30px;}
div.packageInfo ul.sp li {margin-bottom: 10px; font-size: 14px;}
div.packageInfo p{font-size: 13px;}
div.packageInfo h4{color: #c75fac; text-align: center; font-size: 18px;}
div.packageInfo a{color: #c75fac; text-decoration: underline;}
div.resultText h5 {font-size: 17px; font-weight: bold;}
div.hayesFormBox div.nickname,
div.hayesFormBox div.birth,
div.hayesFormBox div.btime,
div.hayesFormBox div.barea{margin-top: 20px; overflow: hidden;}
div.hayesFormBox div.barea{margin-bottom: 50px;}
div.resultImg{margin-bottom: 50px;}
/*single-style.css と共通部分 start*/
div.hayesFormBox a.paymentList:link {text-decoration: none;}
div.hayesFormBox a.paymentList {display: block; width: 150px; text-align: center; float: right; color: #AA719A; font-weight: bold; border: solid 1px #CCC; font-size: 12px;}
div.hayesFormBox .packagedetailBox {border: solid 1px #CCC; width: 100%; margin-bottom: 10px;}
div.hayesFormBox .nsa_product_detail {padding: 10px;}
div.hayesFormBox input[type="submit"] {margin: 0 auto; display: block; width: 200px; background-color: #C75FAC; color: white; font-size: 15px; font-weight: bold;}
div.hayesFormBox form p.attention strong {color: red;}
div.hayesFormBox form p.attention {font-size: 10px;}
/*single-style.css と共通部分 end*/
/*pcのみ*/
div.hayesFormBox.typeA.pc img.formtitle{padding-right: 20px; float: left;}
div.hayesFormBox.typeA.pc div.btime div.formtitle{float: left;}
div.hayesFormBox.typeA.pc {width: 80%; margin: 0 auto;}
/*spのみ*/
div.hayesFormBox.typeA.sp{width: 100%; margin: 0 auto;}
div.hayesFormBox.typeA.sp img.formtitle{display: block;}
div.hayesFormBox.typeA.sp div.nickname input[type="text"],
div.hayesFormBox.typeA.sp div.birth select,
div.hayesFormBox.typeA.sp div.btime select,
div.hayesFormBox.typeA.sp div.barea select{margin-bottom: 30px;}
div.hayesFormBox.typeA.sp div.houseSystem dl {padding: 0 10px; margin-bottom: 20px;}
div.packageInfo ul.sp li{margin-bottom: 10px; font-size: 14px;}
div.contentPremium p.redtxt {
    color: #FF0000;
    font-size: 18px;
    padding: 20px 70px;
}
div.contentPremium p.note, div.contentPremium div.note p {
    font-size: 13px;
}
div.contentPremium p a {
    color: #C75FAC;
    font-weight: bold;
}

div.resultBox h3 {
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
}

.contentPremium div.formBox div.btn {
    background-color: #C75FAC;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 25px;
    margin: 20px auto;
    text-align: center;
    width: 197px;
}
.contentPremium div.formBox div.btn a{
    color: #FFFFFF;
    text-decoration:none;
   vertical-align: middle;
}
div.formBox form span.hiragana{
    color:#ff0000;
}
div.contentPremium div.packagedetailBox p.menu{
    display: block;
    width:95%;
    padding:0 10px;
}

img.center_sp{
    margin: 10px auto;
    display: block;
}
div.contentUranai span.link_h{
    color:#c75fac;
    font-weight:bold;
    }

div.contentUranai ul li {
    border-bottom: 1px dotted #D3D3D3;
    font-size: 15px;
    margin: 0 10px;
    padding: 5px;
}
div.contentPremium p.redtxt {
    color: #FF0000;
    font-size: 18px;
    padding: 20px 70px;
}
div.contentPremium ul {
width: 95%;
margin: 0 auto;
border: 1px solid #999;
}

div.contentPremium ul li{
    font-size: 15px;
    padding: 5px;
    border-bottom: 1px solid #999;
    background-color: #FFFBF6;
}
div.contentPremium ul li:last-child{
    border-bottom: none;
}
div.contentPremium div.packagedetailBox {
    padding: 10px;
}
.icon-1 {
    background-image: url(/wp-content/themes/uportal/images/12signs.png);
    background-repeat: no-repeat;
    background-position: -30px -28px;
}

.icon-2 {
    background-image: url(/wp-content/themes/uportal/images/12signs.png);
    background-repeat: no-repeat;
    background-position: -126px -28px;
}

.icon-3 {
    background-image: url(/wp-content/themes/uportal/images/12signs.png);
    background-repeat: no-repeat;
    background-position: -224px -28px;
}

.icon-4 {
    background-image: url(/wp-content/themes/uportal/images/12signs.png);
    background-repeat: no-repeat;
    background-position: -320px -28px;
}

.icon-5 {
    background-image: url(/wp-content/themes/uportal/images/12signs.png);
    background-repeat: no-repeat;
    background-position: -418px -28px;
}

.icon-6 {
    background-image: url(/wp-content/themes/uportal/images/12signs.png);
    background-repeat: no-repeat;
    background-position: -514px -28px;
}

.icon-7 {
    background-image: url(/wp-content/themes/uportal/images/12signs.png);
    background-repeat: no-repeat;
    background-position: -30px -127px;
}

.icon-8 {
    background-image: url(/wp-content/themes/uportal/images/12signs.png);
    background-repeat: no-repeat;
    background-position: -126px -127px;
}

.icon-9 {
    background-image: url(/wp-content/themes/uportal/images/12signs.png);
    background-repeat: no-repeat;
    background-position: -224px -127px;
}

.icon-10 {
    background-image: url(/wp-content/themes/uportal/images/12signs.png);
    background-repeat: no-repeat;
    background-position: -320px -127px;
}

.icon-11 {
    background-image: url(/wp-content/themes/uportal/images/12signs.png);
    background-repeat: no-repeat;
    background-position: -418px -127px;
}

.icon-12 {
    background-image: url(/wp-content/themes/uportal/images/12signs.png);
    background-repeat: no-repeat;
    background-position: -514px -127px;
}
.prevnext {
  width: 100%;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  }
  .prevnext ul {
    margin: 2px 0px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 0px;
    overflow: hidden;
    }
    .prevnext ul li {
      margin: 10px 0px 10px 0px;
      width: 50%;
      float: left;
      border: 0px;
      font-size: 16px;
      }
.prevnext ul li img{
    width:30px;
    float:left;
    margin: 0;
}
.prevnext ul li span{
    width: 315px;
    float:left;
    padding-left: 5px;
}
#article #ArticleBody .prevnext a, .prevnext a {
    color: #321217;
    font-weight: initial;
    font-size: 14px;
    line-height: 23px;
}

.prevnext .prev {
    border-right: 1px solid #aaa;
    box-sizing: border-box;
}
#article #ArticleBody div#main #articlekeyword a, div#main_sp #articlekeyword a {
    display: inherit;
    color: #333;
    font-weight: initial;
}
section#banner {
    margin-top: 5px;
    margin-bottom: 20px;
}

.top_banner a {
    float: left;
    width: 45%;
    margin: 0 2.5%;
}

.top_banner {
    margin: 0 0 40px 0;
    overflow: hidden;
}
#taidan li:nth-child(odd) {
    margin-right: 1%;
}
#taidan li {
    width: 47%;
    float: left;
    margin-bottom: 2px;
}
.popular_fortune h5{
    font-size: 17px!important;
    padding: 10px;
    font-weight: bold!important;
    color: #fff!important;
    background: #321217;
    margin-bottom: 20px!important;
}
/*人気占い【PC SP】共通ここから*/

.popular_fortune {
  margin-bottom:0;
}

.popular_fortune h5{
  font-size: 17px!important;
  padding: 10px;
  font-weight: bold!important;
  color:#fff!important;
  background:#321217;
  margin-bottom: 0!important; 
}

.popular_fortune ul{
  width: 95%!important;;
  margin: 0 auto!important;;
  border: 0!important;;
}
.popular_fortune ul li{
  border-bottom: 1px solid #999!important;
  background:#fff!important;
  padding: 5px 0;
}

.popular_fortune p{
  display: none;
}

/*人気占い【PC SP】共通ここまで*/


/*人気占い【PC】ここから*/

li.popular_list_pc{
  border-bottom:1px solid #959595;
  height:auto;
}

.popular_figure_pc{
  display: table-cell;
  padding-right:10px;
}

.related_img_pc{
  width:75px;
  height:75px;
  margin:0!important;
}

.related_text_pc{
  display: table-cell;
  width: 95%;
  position: relative;
  vertical-align: middle;
 padding-left:10px;
}

.related_text_pc::after{
 content: '';
 position: absolute;
 width: 8px;
 height: 8px;
 bottom: 0;
 top: 0;
 right: 12px;
 margin: auto;
 border-top: 1px solid #ccc;
 border-right: 1px solid #ccc;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}

.related_lead_pc{
  font-size: 15px;
  margin-bottom: 5px;
  width: 100%;
}

.related_main_pc{
  width:95%;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.0; 
}

.related_main_pc:hover{
  text-decoration: underline;
}

.related_sitename_pc{
  color: gray;
  font-size: 12px;
  margin-top: 5px;
  position: absolute;
  right: 10px;
  bottom: 0;
}

/*人気占い【PC】 ここまで*/

.recommend .ttl .headingImg {width: 135px;display: inline-block;margin-bottom: 0;margin-right: 5px;}

.recommend .ttl .txt {
  display: inline-block;
  vertical-align: top;
  margin-top: 11px;
}

.recommend ul li {
  width: 25%;
}

.recommend ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.recommend li img {height: 100px;object-fit: cover;}

.recommend li dt {
  position: relative;
  width: 100%;
  height: auto;
  margin: auto;
  overflow: hidden;
  display: block;
}


.recommend li dl {
  overflow: hidden;
  margin-bottom: 0;
  display: table;
  width: 100%;
  padding: 5px;
  table-layout: fixed;
}

.recommend dl dd {
  overflow: hidden;
  display: block;
  width: 100%;
}

.recommend li .ttl {
  font-size: 14px;
}

section.recommend {
  margin: 0 0 20px;
}

.recommend img.none-thumb.wp-post-image {
  height: 100px;
  width: 100% !important;
  left: 0;
}

/* writer */
.writer-list {
  margin-top: 36px;
  border-top: 1px solid #e5e5e5;
}

.writer-list .row {
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  margin: 0;
}

.writer-list .row:after {
  display: block;
  clear: both;
  content: "";
}

.writer-list .item {
  margin: 15px 10px;
  width: 50%;
  display: flex;
}

.writer-list .item .image {
  width: 100px;
}

.writer-list .item .image img {
  border-radius: 5px;
  border: 1px solid e5e5e5;
}

.writer-list .item .content {
  width: calc( 100% - 120px );
  margin: 0 0 0 20px;
}

.writer-list .item .content .name {
  margin: 0 0 10px;
  font-weight: normal;
  font-size: 18px;
}

.writer-list .item .content p {
  margin: 0;
  font-size: 13px;
  line-height: 22px;
}

.writer-list .item .content p a {
  color: #4f4f4f;
  text-decoration: underline;
  display: inline-block;
}

.writer-list .item .content p a:hover {
  color: #3f99bf;
  text-decoration: none;
}

.writer-list .item .link {
  text-align: right;  
  margin: 15px 20px 0 0;
}

.writer-list .item .link .more {
  position: relative;
  top: auto;
  right: auto;
  -webkit-transform: none;
  transform: none;
}

.writer-list .item .link .more:before{
display: block;
    content: "";
    position: absolute;
    top: 50%;
   right: -15px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 0;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


.writer-detail {
  margin-bottom: 40px;
  padding-top: 6px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e5e5e5;
}

.writer-detail:after {
  display: block;
  clear: both;
  content: "";
}


.writer-detail .image {
    margin: 0 30px 0 60px;
    float: left;
    width: 100px;
}

.writer-detail .image img {
  width: 100%;
}

.writer-detail .content {
    padding-left: 70px;
    margin-top: 10px;
}

.writer-detail .content .name {
  margin: 0 0 1px;
  position: relative;
  top: -10px;
  font-weight: normal;
  font-size: 171.428571429%;
}

.writer-detail .content p {
  margin: 0;
  font-size: 114.285714286%;
}

.writer-detail .content a {
    color: #4f4f4f;
    display: inline-block;
    text-decoration: underline;
}

body.archive .writer-detail + .figure-list {
  border-top: 0;
}

.profile h3 {
    font-weight: bold;
    font-size: 17px;
    color: #484848;
}

.profile p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 1.3em;
    color: #4f4f4f;
}

.profile a {
    color: #ee6788!important;
    font-weight: bold;
}

.profile{
background: aliceblue;
padding: 20px 20px 10px 20px;
border-radius: 20px;
margin-bottom: 10px;
}
.profile h3{
font-weight: bold;
font-size: 17px;
color: #484848;
border-bottom: 4px double;
display: inline-block;
margin-bottom: 10px;
}
.prof h3{
  padding: .75em 0 .5em .75em;
    background: #321217;
    color: #fff;
 font-size:15px;
}
div.prof{
position: relative;
margin:20px 0;
    border: 1px solid #331117;
    border-radius: 5px;
}
.prof_img{
    width: 80px;
    border-radius: 10px;
 margin: 10px 10px 0 0;
}
.prof_img_area{
 display: table-cell;
 width: 80px;
}
.prof_text{
    display: table-cell;
    padding: 5px 40px 5px 20px;
    text-align: justify;
    vertical-align: top;
    word-wrap: break-word;
    word-break: break-all;
    font-size:14px;
    line-height: 20px;
}

#article #ArticleBody .prof a {
    display: inline;
    color: #4f4f4f;
    text-decoration: underline;
    font-weight: normal;
}

#article #ArticleBody .prof .writer_link {
display: block;
    position: relative;
    text-align: right;
    color: #ee6788;
    text-decoration: none;
    font-weight: bold;
}

div.prof span.name{
    font-size: 14px;
    font-weight: bold;
    line-height: 2.0;
}
/*
#article #ArticleBody a{
    color:#ee6788;
    font-weight:bold;
    display: inline;
}
*/
.writer_link:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
   right: -15px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 0;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
.inline-birth p {
    display: inline;
}
.inline-birth br {
    display: none;
}

#zeus p.zeus02 button#wp-submit[disabled] {
    background: #f1f1f1;
    margin: 0 auto 10px;
}

.disable-text {
    margin: 0 0 10px;
    line-height: 16px;
}

.payment-method {
    display: flex;
}

.payment-method > * {
    width: 33%;
}

#sps form a {
    background: #ef6687;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    margin: 20px 0px;
}

#zeus {
    border-left: 2px #d8d8d8 solid;
}

#zeus p.zeus01 button#wp-submit {
    margin: 20px 0px;
    width: 100%;
    line-height: 24px;
}

div#zeus h5 img {
    margin: auto;
}

#paypal .submit-paypal {
    margin: 20px 0px;
    padding: 10px;
    width: 100%;
    line-height: 24px;
}

#sps h5 {
    font-size: 16px;
    font-weight: bold;
}

#sps .career {
    font-weight: bold;
    line-height: 20px;
    font-size: 13px;
}
#zeus, #sps, #paypal {
    padding: 20px;
}
/* .card-info {
    padding: 10px 0;
} */

.about-paypal {
    margin: 10px 0;
    text-decoration: underline;
}

#loginform input[type="submit"] {
    width: 260px;
    padding: 10px;
    font-size: 18px;
    line-height: 24px;
}

#net_shop_admin_checkout_first input[type="submit"] {
    margin: 20px 0;
    width: 260px;
    padding: 10px;
    font-size: 18px;
    line-height: 24px;
}

/* zeusクレジットカード決済表示 */
.quick_charge {
  font-weight: bold;
  font-size: 15px;
}

.quick_charge_supplement {
  margin-top: 6px;
  margin-bottom: 12px;
  padding-right: 10px;
  text-decoration-line: underline;
}

img.ck01 {
  width: auto;
}
.buy-step {
display:none;
}


/* quickcharge */

/* ogi.css */
p.credit_tel_note {
  padding: 10px 0px 0px 4px;
  font-size: 12px;
  line-height: 1.8;
}

p.attention_tel {
padding-bottom: 20px;
}

button#wp-submit {
background: #ee6788;
width: 250px !important;
margin: 10px auto 10px;
text-align: center;
color: #fff;
font-size: 14px;
padding: 12px 0 12px;
border: 0;
border-radius: 0;
font-weight: bold;
}

.attention_note {
text-align: center;
/* color: red; */
padding-top: 12px;
}

div#buy_confirm {
font-size: 24px;
font-weight: bold;
padding: 10px 0px 16px 8px;
}

#nonMember input {
width: 70%;
line-height: 30px;
}
p.tel_no {
font-weight: bold;
font-size: 14px;
text-align: left;
  padding: 4px 0px 0px 4px;

}

div#box-tel {
background-color: #EBE7E8;
padding: 24px 0px 8px 12px;
}
#zeus_quickcharge button[type="submit"] {
width: 90%!important;
  max-width: 300px;
  background: #ED005C;
  text-align: center;
  color: #fff;
  font-size: 16px;
  padding: 7px;
  border: 0;
  display: block;
  font-weight: normal;
  border-radius: 20px;
  margin: 10px auto;
  margin-top:30px;
}

input[type="tel"]::placeholder {
color: #aaa;
  font-size: 12px;
}

div#before_buy_attention {
font-size: 16px;
  padding: 10px 0px 24px 16px;
  font-weight: bold;
}

div#before_buy_attention_text {
padding: 0px 0px 20px 16px;
}

.qc_attention {
line-height: 2;
  padding: 0px 0px 30px 12px	
}

div#net_shop_admin_cart_info {
 margin-top: 20px; 
}

div#repeat_credit_text {
  font-size: 18px;
  padding: 10px 0px 10px 0px;
  font-weight: bold;
}

p.credit_tel_note {
  padding: 16px 0px 10px 0px;
  font-size: 12px;
  line-height: 1.8;
}  


   /* new画像調整 */
  .recommend li .new img {
      height: 24px;
      width: 65px;
  }
  .recommend ul li dl dt .new {
    position: absolute;
    left: 0px;
    top: 0;
    width: 100px;
    z-index: 50;
  }
  .birth-title {
      width: 95%;
      font-size: 20px;
      font-weight: bold;
      margin: 20px auto;
  }
  
#birthday365 #resultBox .tab3 li.line1:nth-of-type(4){
height:auto;
}
#birthday365 #resultBox .tab3 li.line1{
width: 15%;
 background-color: beige;
box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
border-radius: 5px;
margin:10px 4px;
}
#birthday365 #resultBox .tab3 li.line1:hover {
	background-color: #fff;
	border-color: #59b1eb;
	color: #59b1eb;
}


#birthday365 #resultBox .tab3 img{
box-shadow: 2px 3px 3px rgba(0,0,0,0.4);
border-radius: 5px;
}

ul.tab3 li span{
text-decoration:underline;
}
#birthday365 #resultBox{
 width: 90%;
}
body#birthday365 h1 {
   width:95%;
    font-size: 20px;
    font-weight: bold;
    margin: 20px auto;
}
body#birthday365 div.link_area a  img.left{
float:left;
width:80px;
}
body#birthday365 div.link_area{
overflow: hidden;
    background: #eee;
    padding: 2%;
    width: 100%;
margin-bottom:10px;
}
body#birthday365 div.link_area span.right{
    float: right;
    font-size: 13px;
    line-height: 1.7;
    padding-top: 6%;
    width: 70%;
}

#footer_birth_sp{
display:none;
}

h1.line_read {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin: 20px 30px 30px 30px;
    color: #fff;
    padding: 28px;
    background: #1dcd00;
    box-shadow: 0px 0px 0px 10px #1dcd00;
    border: dashed 2px white;
}

.line_read_text {
    font-size: 16px;
    text-align: center;
    line-height: 3;
    margin-top: 40px;
}
h2.line_friend_means {
    font-size: 18px;
    font-weight: bold;
    padding: 32px;
    text-align: center;
    margin-right: 36px;
    margin-left: 36px;
    margin-bottom: 20px;
    margin-top: 40px;
    border-top: solid 3px #1DCD00;
    border-bottom: solid 3px #1DCD00;
}
.line_friend_text {
    margin-left: 36px;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 3;
}
.line_friend_text_center {
    text-align: center;
    margin-top: 26px;
    font-size: 18px;
}
.line_friend_presents {
    display: inline-flex;
    margin: 24px 0px 12px 36px;
    border-bottom: double 6px orange;
}
.line_underline {
    font-size: 14px;
    font-weight: 400;
    line-height: 3;
}
.line_present_menu {
    border: solid 1px;
    padding: 15px;
    margin: 12px 36px 12px 36px;
    line-height: 3;
}
.sample_lineImage {
    text-align: center;
    display: block;
    margin: 20px auto;
}
p.line_title {
    margin-top: 12px;
    text-align: center;
    font-size: 14px;
}
.line_friend_method {
    font-size: 14px;
    font-weight: 400;
    margin: 36px;
    line-height: 1;
}
.line_endtext {
    border-bottom: double 6px yellow;
    width: 460px;
    padding-top: 10px;
    padding-bottom: 5px;
    margin: 0 auto;
    margin-bottom: 56px;
}
.line_image_text {
  text-align: center;
  margin: 36px 0px 36px 0px;
  font-size: 13px;
  line-height: 1;
}


/* 決済完了画面css 20190219 y_ogihara */
.buy_complete {
  margin-top: 56px;
  font-size: 18px;
  color: #A9A9A9;
  font-family: "メイリオ";
}
.buy_complete_text {
  border: solid 4px #00CC66;
  padding: 30px 40px 30px 25px;
  font-size: 26px;
  color: #00CC66;
  background-color: #eeeeee;
  font-weight: bold;
  margin: 0 auto;
  margin-top: 30px;
  font-family: "メイリオ";
  display: inline-flex;
}
.buy_fortune_look_results {
  width: 90%!important;
  max-width: 300px;
  background: #ED005C;
  text-align: center;
  color: #fff;
  font-size: 16px;
  padding: 10px;
  border: 0;
  display: block;
  font-weight: normal;
  border-radius: 20px;
  margin: 30px auto;
  margin-bottom: 56px;
  font-family: "メイリオ";
}
.buy_complete_icon {
  width: 80px;
  margin-right: -15px;
  margin-top: -2px;
}
img.buy_complete_icon {
  margin-right: 4px;
  margin-bottom: -10px;
  width: 50%;
}

/* 20190312 y_ogihara footerバックリンク修正用 */
.simaiinline-1,.simaiinline-2{
  display: inline-flex;
  width: 800px;
  margin: 10px 110px;
}
.simaiinline-3{
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  justify-content: center;
  margin: 0 auto;
}
.simaiinline-3 a{
  margin-right: 12px;
  text-decoration: underline;
  line-height: 3;
}
#mypage .simaiinline-1 {
  display: inline-flex;
  width: 800px;
  margin: 10px 240px;
}
#mypage .simaiinline-2 {
  display: inline-flex;
  width: 800px;
  margin: 10px 240px;
}
.wpfp-hide {
    display: none;
}
.wpfp-img {
    border: 0;
    vertical-align: middle;
    margin-right: 2px;
    width: 16px;
}


/* 会員登録確認ページ*/


input[type="submit"].confirmation{

  width: 90%!important;
    max-width: 300px;
    background: #ED005C;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 0;
    border: 0;
    display: block;
    font-weight: normal;
    border-radius: 20px;
    height: 40px;
    margin: 10px auto;
}

/*20190725  nonaccept メール未認証*/
.nonac-alert__box{
    margin: 50px;
    background-color: #fff3cd;
    border:1px solid #ffeeba;

}

.nonac-arert__inner{
padding: 50px;
}

.nonac-arert__text{
color: #856404;
}

/* 20190730 y_ogihara QC画面の戻るボタン */
.content_change > a ,.content_change_qc > a {
  display: block;
  color: #ffffff;
}
.content_change_qc {
  width: 90%!important;
  max-width: 300px;
  background: #B1A1A1;
  text-align: center;
  color: #fff;
  font-size: 16px;
  padding: 7px;
  border: 0;
  display: block;
  font-weight: normal;
  border-radius: 20px;
  margin: 20px auto;
}

/* PC側お気に入り一覧ページネーションcss */

div#mypage_pager {
  margin: 30px;
}
.btn-more {
  margin: 0 auto 16px;
  text-align: center;
}
.btn-more > a {
  width: 600px;
  height: 30px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  border: 1px solid #fff;
  border: 1px solid #441a1f;
  color: #441a1f;
  border-radius: 30px;
}
ul.page-numbers {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.page-numbers li:first-child {
  margin-left: 0;
}
.page-numbers li {
  margin: 0 2px;
}
.page-numbers.current {
  background-color: #eae7e7;
  color: #fff;
}
.page-numbers a, .page-numbers span, .page-numbers.current {
  width: 30px;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 30px;
  font-size: 14px;
}
.page-numbers a {
  text-decoration: none;
  border: 1px solid #441a1f;
  color: #441a1f;
  position: relative;
}
#mypage #hotTopics ul li, #favorite ul li {
  width: 210px;
  float: left;
  border: 1px solid #9C878A;
  overflow: hidden;
  position: relative;
  margin-right: 20px;
  margin-bottom: 20px;
}

.pacBox {
  display: none !important;
}


.pacBox {
  display: none !important;
}
.kounyu_btn{  
  display: none !important;
}

.packagedetailBox{
  display: none !important;
}

.yuryo_menu{
  display: none !important;
}

.pac_box{
  display: none !important;
}


.formBox{
  display: none !important;
}