/* cyclo 記事詳細1
=======================================================*/
.cf:after {content: "";display: block;clear: both;}

.content-moki {
    font-size: 1.2em;
    line-height: 1.96;
}

.content-moki figure {
    margin: 0;
    background: #fff;
    display: table;
    width: 1px;
}

.content-moki figure.center {
    margin: 0 auto 20px;
    text-align: center;
}

.content-moki figure.right {
    margin-left: 15px;
    margin-bottom: 20px;
    float: right;
}

.content-moki figure.left {
    margin-right: 15px;
    margin-bottom: 20px;
    float: left;
}

.content-moki .figure-list {
    display: table;
    clear: both;
    margin: 0 auto 20px !important;
}

.content-moki .figure-list.imglist {
    text-align: left;
}
.content-moki .figure-list.imglist figure {
  padding: 8px 15px 10px;
}

.content-moki figcaption {
    color: #666;
    font-size: .8em;
    margin-top: 10px;
    line-height: 2;
    text-align: left;
}

.content-moki div.center {
    margin: 20px auto;
    text-align: center;
}

.content-moki .image-list-horizon {
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
}

.content-moki .image-list-horizon figure:first-child.left {
    margin: 0;
}
.content-moki .image-list-horizon figure.left {
    margin: 0 0 0 15px;
}

.content-moki .figure-list figure.left {
    margin: 0;
}

.content-moki .figure-list {
    clear: both;
    margin: 0 auto 20px !important;
}

.content-moki .figure-list figure.img {
    /*float: none;*/
    /*display: inline-block;*/
    vertical-align: top;
}

.content-moki .image-list-horizon figure, .content-moki .image-list-vertical figure {
    padding: 0;
    border: 0;
    background: none;
}

.content-moki .image-list-horizon figure.left {
    margin: 0 0 0 12px;
}

.figure-list.image-list-horizon.center.cf img {
    height: auto;
}

/* cyclo 記事詳細2
=======================================================*/
.content-moki .image-list-right {
    float: right;
    width: 220px;
    margin: 0;
    padding: 0 0 1em 1.2em;
    line-height: 1.4em;
    background: #fff;
}

.content-moki .image-list-right figure {
    padding: 8px 15px 10px;
    width: 200px;
}

.content-moki .image-list-right img {
    width: 100%;
}

/* cyclo モデルランキング
=======================================================*/
.ranking-model-panel {
    width: 100%;
}

.mdpr-main ul {
    list-style: none;
    padding-left: 0;
}

.ranking-model-panel .item {
    border: 1px solid #d5d5d5;
    display: inline-block;
    margin: 0 .1em .8em;
    width: 240px;
    vertical-align: top;
    background: #FFF;
}

.ranking-model-panel .rank {
    float: left;
    font-size: 1.2em;
}

.prize {
    background: #f39;
}

.rank {
    font-family: 'Droid Serif', serif;
    background: #555;
    color: #fff;
    font-weight: bold;
    border-radius: .2em;
    width: auto;
    min-width: 1em;
    padding: 0.1em 0.6em;
    display: inline-block;
    text-align: center;
    line-height: 1.5em;
    font-size: 1.2em;
}

.ranking-model-panel .rank i.fa {
    margin: -.7em .2em auto .5em;
}

.ranking-model-panel i.fa {
    margin-top: -.2em;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ranking-model-panel .prev-rank {
    float: left;
    line-height: 2em;
    padding-left: .6em;
    color: #666;
}

.f7em {
    font-size: 0.9em;
}

.ranking-model-panel .category {
    float: right;
    background: #666;
    color: #fff;
    padding: 0.4em 0.5em;
}

.ranking-model-panel .item .title {
    margin: 3em 0 0 1.2em;
    font-size: 1.2em;
}

.ranking-model-panel .item .point {
    margin: 0 .5em 0;
    text-align: right;
}

.ranking-model-panel .item .magazines {
    padding: 0 0.2em 0.7em;
}

.ranking-model-panel .item .links {
    padding: 1em .3em 1em;
    background: #ebebeb;
    border-top: 1px solid #e5e5e5;
    text-align: center;
}

.ranking-model-panel .item .links a:link, .ranking-model-panel .item .links a:visited {
    color: #fff;
}

.ranking-model-panel .links .pure-button-disabled {
    border-color: #ebebeb;
    background: #ebebeb;
    color: #666 !important;
}

.ranking-model-panel .links .pure-button {
    margin: 0 .1em;
    padding: 0.5em 0.6em;
}

a.pure-button {
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: .5em;
    color:;
}

.ranking-model-panel i.fa {
    margin-top: -.2em;
}

.icon {
    margin-right: .3em;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.prize {
    background: #f39;
}

.ranking-model-panel .twitter {
    background-color: #55acee;
}

.ranking-model-panel .instagram {
    background-color: #517fa4;
}

.topic-header__body h4 {
    display: block;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

.ranking-model-panel a {
    text-decoration: none;
}

.ranking-model-panel a:link {
    color: #03489A;
}

.ranking-model-panel a:visited {
    color: #585858;
    color: #38388A;
}

.ranking-model-panel .official {
    background-color: #f39;
}

a:-webkit-any-link {
    /* color: -webkit-link; */
    text-decoration: none;
    cursor: auto;
}

/*p {*/
    /*display: block;*/
    /*-webkit-margin-before: 1em;*/
    /*-webkit-margin-after: 1em;*/
    /*-webkit-margin-start: 0px;*/
    /*-webkit-margin-end: 0px;*/
/*}*/

.ranking-model-panel .magazines .pure-button {
    margin: 0 .1em 0.7em;
    padding: .2em .6em;
}

/* cyclo 雑誌ランキング
=======================================================*/
.ranking-magazine-panel .official {
    background-color: #f39;
    color: #FFF;
}

.ranking-magazine-panel .amazon {
    background-color: #ff9900;
    color: #FFF;
}

.ranking-magazine-panel .item {
    border: 1px solid #d5d5d5;
    display: inline-block;
    margin: 0 0.1em 1em;
    width: 240px;
    vertical-align: top;
    background: #FFF;
}

.ranking-magazine-panel .rank {
    float: left;
    font-size: 1.2em;
}

.ranking-magazine-panel .prev-rank {
    float: left;
    line-height: 2em;
    padding-left: .6em;
    color: #666;
}

.ranking-magazine-panel .point {
    float: right;
    color: #666;
    padding: 0.4em .4em 0;
}

a .outputthumb {
    height: auto;
    background-color: #f5f5f5;
}

.w100p {
    width: 100%;
}

.ranking-magazine-panel .item .title {
    margin: 1.2em 0 .1em 1.2em;
    color: #03489A;
    font-size: 1.2em;
}

.ranking-magazine-panel .item .comment {
    margin: 0 1.2em 1.2em 12px;
    text-align: right;
    color: #03489A;
    line-height: 1.6em;
}

.ranking-magazine-panel .item .links {
    padding: 0.8em .3em 0.8em;
    background: #ebebeb;
    border-top: 1px solid #e5e5e5;
    text-align: center;
    color: #03489A;
}

.ranking-magazine-panel .official,.ranking-magazine-panel .amazon {
    padding: 0.4em;
}

.ranking-magazine-panel .image-trim {
    display: block;
    overflow: hidden;
    position: relative;
    width: 238px;
    height: 305px;
}

/* cyclo 画像ランキング
=======================================================*/
.ranking-photo-panel .item {
    border: 1px solid #d5d5d5;
    display: inline-block;
    margin: 0 .1em .8em;
    width: 240px;
    vertical-align: top;
    background: #FFF;
}

.ranking-photo-panel .item .rank {
    position: absolute;
}

.ranking-photo-panel .item .title {
    padding: 0.4em 0.6em 0.4em;
    font-weight: normal;
    margin: 0;
    color: #03489A;
    line-height: 1.5em;
    font-size: 1.1em;
}

/* cyclo 画像ランキング
=======================================================*/
.provider-page .modelpress {
    margin: 1em .3em;
}

.provider-page .modelpress .item-thumb {
    display: inline-block;
    width: 200px;
    vertical-align: top;
    text-align: center;
}

.w90p {
    width: 90%;
}

.provider-page .modelpress .item-text {
    display: inline-block;
    width: 520px;
    vertical-align: top;
}

.provider-page .modelpress .item-title {
    margin-bottom: 0.2em;
}

.f14em {
    font-size: 1.6em;
}

.provider-page .section-title {
    border-bottom: 1px solid #eee;
    padding: 0 .5em 0.3em;
    margin: 1.5em 0 2em;
    font-weight: bold;
}

.f12em {
    font-size: 1.4em;
}

.provider-page .venders {
    margin: 1em .3em 2.5em;
}

.provider-page .venders .item-thumb {
    display: inline-block;
    width: 200px;
    padding-top: 27px;
    vertical-align: top;
    text-align: center;
}

.w80p {
    width: 80%;
}

.provider-page .venders .item-text {
    display: inline-block;
    width: 520px;
    vertical-align: top;
}

.f8em {
    font-size: 1em;
    line-height: 1.5em;
    padding: 0;
}

.item-text .item-desc {
    padding-top: 10px;
}

.item-text .item-title {
    color: #03489A;
    font-weight: bold;
}

.provider-page {
    color: #555;
}


/* MINE */
.f5em {
    font-size: 0.5em;
}

.content-moki .heading-d {
  padding: 5px 15px 5px 15px;
  margin: 15px 0;
  clear: both;
}

.content-moki .no-moki h2 {
  padding: 5px 15px 5px 15px;
  margin: 15px 0;
  clear: both;
  background: #F7F1E6;
  font-size: 2.1rem;
  font-weight: 700;
}

.content-moki .no-moki figcaption {
  padding-left: 15px;
}

.figure-list.image-list-horizon.center.cf {
    padding: 0;
    overflow: hidden;
}

/* cyclo 写真とボタン
=======================================================*/
.pager {
    padding: 20px 0;
    text-align: center;
}

figure.main-photo.f9em {
  display: table;
  width: 1px;
  margin: 0 auto;
  text-align: center;
}

figure.main-photo.f9em img {
    margin-bottom: 17px;
}

/* cyclo正方形の画像一覧
=======================================================*/
.list-photo.clearfix {
    display: -webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    flex-flow: wrap;
    margin-bottom: 30px;
}

.list-photo.clearfix img {
    margin: 7px 11px;
}

i.fa-tag, i.fa-user, i.fa-book, .hotword-tag i.fa-search {
    color: #B39C75;
}

.fa-right-margin {
    margin-right: .3em;
}