@charset "UTF-8";
body {
  color: #383838;
  font-size: 14px;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  /*font-family: "Helvetica Neue", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;*/
  line-height: 1.7; }
  body a, body a:hover {
    color: #383838;
    text-decoration: none; }
  body a:hover {
    opacity: 0.7; }
  body button, body input, body keygen, body select, body textarea {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif; }
  body ._c-input-group__field > input[type=email], body ._c-input-group__field > input[type=number], body ._c-input-group__field > input[type=password], body ._c-input-group__field > input[type=search], body ._c-input-group__field > input[type=tel], body ._c-input-group__field > input[type=text], body ._c-input-group__field > input[type=url] {
    border-top: 1px solid #797979;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #797979;
    border-left: 1px solid #797979;
    padding: 0.6rem; }
  body ._c-input-group {
    width: 234px; }
  body ._c-input-group__field > input:hover {
    border-right: 1px solid #ffffff !important; }
  body ._c-input-group > :first-child {
    border-radius: 0; }
  body ._c-input-group > :last-child {
    border-radius: 0; }
  body ._c-input-group__btn {
    border-top: 1px solid #797979;
    border-right: 1px solid #797979;
    border-bottom: 1px solid #797979;
    border-left: 0; }
  body .en {
    font-family: "Helvetica Neue", Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, sans-serif; }
  body ._c-btn {
    padding: 0.8rem 1.0rem;
    background-color: #1abc9c;
    border: 1px solid #1abc9c;
    color: #fff; }
  body ._c-btn:hover {
    background-color: #fff !important;
    color: #1abc9c;
    opacity: 1.0; }
  body ._c-btn, body ._c-btn--ghost,
  body ._c-btn::before, body ._c-btn--ghost::before,
  body ._c-btn::after, body ._c-btn--ghost::after,
  body ._c-navbar__item > a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s; }
  body ._c-btn--ghost {
    border: 1px solid #1abc9c;
    color: #1abc9c;
    position: fixed;
    top: 25px;
    right: 25px;
    z-index: 2;
    background-color: #ffffff !important; }
  body ._c-btn--ghost:hover {
    background-color: #1abc9c !important;
    color: #FFF; }
  body ._c-btn_deco {
    padding: 0.5rem 3.0rem;
    font-weight: bold;
    display: inline-block;
    text-decoration: none !important;
    font-size: 18px;
    border-radius: 5px; }
  body ._c-btn_deco {
    background-color: #e7a70c;
    color: #fff !important;
    margin: 0 0 10px 0;
    box-shadow: 0 5px #d7a11e; }
  body ._c-btn_deco:hover {
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    border-bottom: none;
    box-shadow: none;
    opacity: 1.0; }
  body .ads {
    padding-right: .75rem;
    padding-left: .75rem; }
  body #header {
    background-image: url(../images/bg_03.png);
    padding: 3rem 0 5rem 0; }
    body #header p {
      font-size: 47px;
      margin: 0 0 0.3rem 0;
      font-weight: bold; }
    body #header h1 {
      font-size: 14px;
      font-weight: normal;
      line-height: 1.7; }
  body #navigation {
    margin: -32px auto 0 auto;
    width: 356px;
    font-size: 13px; }
    body #navigation ._c-navbar--auto ._c-navbar__item {
      border-bottom: 3px solid #eee; }
    body #navigation ._c-navbar__item > a {
      padding: 1.2rem 1.4rem;
      color: #383838;
      background-color: #f8f8f8; }
    body #navigation ._c-navbar__item > a:hover, body #navigation ._c-navbar__item > a.active {
      background-color: #1abc9c;
      color: #FFF;
      opacity: 1.0; }
    body #navigation li:before {
      content: ""; }
  body .c-section {
    width: 976px;
    margin: 3rem auto 0 auto; }
  body #service._c-row--margin ._c-card {
    border-radius: 6px;
    background-color: #f8f8f8;
    box-shadow: 0 3px 0 0 #e9e9e9; }
  body #service._c-row--margin > ._c-row__col {
    margin-bottom: 0; }
  body #service._c-row--margin ._c-card__figure > img#icn_01 {
    width: 104px;
    margin: 1.6rem 0 0 6rem; }
  body #service._c-row--margin ._c-card__figure > img#icn_02 {
    width: 63px;
    margin: 1.6rem 0 0 7.4rem; }
  body #service._c-row--margin ._c-card__figure > img#icn_03 {
    width: 84px;
    margin: 1.6rem 0 0 6.7rem; }
  body #service._c-row--margin ._c-card__body {
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    padding: 1.125rem 0 0.7rem 0;
    line-height: 1.6; }
  body #service._c-row--margin ._c-card__action {
    border-top: 0;
    padding: 0 1.125rem 1.3rem 1.125rem;
    text-align: center;
    font-size: 13px; }
  body .list {
    margin-bottom: 1.5rem; }
    body .list h2 {
      margin: 0 0 2rem 0;
      font-size: 37px;
      width: 100%;
      padding-right: .75rem;
      padding-left: .75rem; }
    body .list ._c-flex-media__figure {
      margin: 0 1.5rem 0 0;
      width: 120px;
      height: 120px;
      background-color: #e6e6e6; }
    body .list ._c-flex-media__figure > img {
      margin: 0; }
    body .list .time, body .list .task {
      font-size: 13px;
      margin: 0 0 0.5rem; }
    body .list .sitename {
      font-size: 17px;
      margin: 0 0 0.5rem; }
    body .list ._c-btn:after {
      content: "\f105";
      font-family: FontAwesome;
      position: absolute;
      top: 28%;
      right: 7%;
      font-size: 18px; }
    body .list ._c-row--left {
      padding-right: .75rem;
      padding-left: .75rem; }
    body .list ._c-btn--ghost, body .list ._c-btn {
      position: relative;
      top: 0;
      right: 0;
      padding-right: 32px;
      margin: 0 1.0rem 0 0; }
  body #blog h2 {
    margin-top: 1.5rem; }
  body .tagcloud {
    padding: 8px 0 0 11px; }
    body .tagcloud a {
      background-color: #f8f8f8;
      padding: 0.6rem 0.8rem;
      border-radius: 30px;
      font-size: 13px !important;
      margin: 0.2rem 0.3rem;
      display: inline-block; }
      body .tagcloud a span {
        background-color: #fff;
        padding: 3px 6px;
        border-radius: 10px;
        font-size: 11px;
        margin: 0 0 0 0.3rem; }
  body #populer {
    background: url(../images/bg_02.png) repeat 0 0; }
    body #populer .c-section {
      margin: 4.5rem auto 0 auto;
      padding-bottom: 1.0rem; }
    body #populer h2 {
      font-size: 27px;
      margin: 2rem 0;
      width: 100%;
      padding-right: .75rem;
      padding-left: .75rem; }
  body #sidenavi #banner.c-section {
    padding-right: .75rem;
    padding-left: .75rem;
    margin: 2.5rem auto; }
  body #work_link ._c-media__figure {
    margin: 0 1.5rem 1.0rem 0; }
  body #work_link img {
    width: 400px; }
  body #work_link p {
    font-size: 15px;
    text-align: center; }
  body #work_link .main_text {
    font-size: 23px;
    margin: 1.0rem 0; }
  body #work_link ._c-row__col--fit {
    text-align: center; }
  body #footer {
    background-color: #797979;
    padding: 2.5rem 0 1.0rem 0;
    text-align: center;
    color: #ffffff;
    font-size: 11px; }
  body #page-top {
    position: fixed;
    bottom: 40px;
    right: 20px; }
    body #page-top a {
      padding: 0 12px 5px 12px;
      border: 2px solid #1abc9c;
      border-radius: 4px;
      color: #1abc9c;
      font-size: 37px;
      background-color: transparent;
      width: auto;
      display: inline; }
    body #page-top a:hover {
      background-color: transparent;
      color: #1abc9c; }
  body .breadcrumbs.c-section {
    margin: 2rem auto 0 auto;
    padding-right: .75rem;
    padding-left: .75rem; }
    body .breadcrumbs.c-section .active {
      color: #1abc9c; }
  body #profile.c-section {
    margin-bottom: 4.5rem; }
    body #profile.c-section h2 {
      margin-top: 0;
      margin-bottom: 3.0rem; }
    body #profile.c-section ._c-media__figure {
      margin: 0 2.5rem 0 2.8rem; }
    body #profile.c-section ._c-media__body {
      border-left: 1px solid #1abc9c;
      padding: 0 0 0 1.4rem;
      font-size: 13px; }
      body #profile.c-section ._c-media__body p {
        margin: 0 0 0.8rem 0; }
      body #profile.c-section ._c-media__body .name {
        font-size: 22px;
        margin: 0 0 0.6rem 0; }
      body #profile.c-section ._c-media__body ._c-row--left {
        padding-right: 0;
        padding-left: 0; }
  body li {
    position: relative;
    list-style-type: none; }
  body li:before {
    content: "\f0da";
    font-family: FontAwesome;
    position: absolute;
    top: -1px;
    left: -15px;
    font-size: 19px;
    color: #1abc9c; }
  body #products {
    background: url(../images/img_02.png) no-repeat right 90%; }
    body #products ul {
      padding: 0 0 0 1.75rem;
      overflow: hidden; }
    body #products li {
      font-size: 16px;
      font-weight: bold;
      float: left;
      margin: 0 3.0rem 0.3rem 0; }
    body #products li:last-child {
      margin: 0 0 0.3rem 0; }
    body #products div.text {
      width: 100%;
      padding-right: .75rem;
      padding-left: .75rem;
      font-size: 16px;
      font-weight: bold;
      line-height: 2.3;
      margin: 0 0 1.0rem 0; }
    body #products ._c-btn {
      margin-right: .75rem;
      margin-left: .75rem;
      padding-right: 0.8rem; }
    body #products ._c-btn:after {
      content: ""; }
  body .marker {
    background: linear-gradient(transparent 50%, #fef9c1 50%);
    font-size: 27px !important;
    margin: 1rem .75rem;
    font-weight: bold;
    display: inline-block; }
  body #blog.c-section {
    margin: 0 auto; }
    body #blog.c-section #search {
      margin: 0 0 2.0rem 0; }
  body .pager {
    padding-right: .75rem;
    padding-left: .75rem;
    line-height: 2rem; }
    body .pager span.current {
      background-color: #797979;
      color: #ffffff;
      padding: 0.7rem 1.0rem;
      border-radius: 0;
      margin: 0;
      border: 1px solid #797979; }
    body .pager a {
      border: 1px solid #797979;
      padding: 0.7rem 1.0rem;
      background: #ffffff;
      border-radius: 0;
      margin: 0; }
  body #blog_detail.c-section.list {
    padding-right: .75rem;
    padding-left: .75rem;
    margin: 2rem auto 0 auto;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 0.5rem; }
    body #blog_detail.c-section.list ._c-media {
      margin: 0 0 2.0rem 0; }
    body #blog_detail.c-section.list ._c-media__figure {
      width: 210px;
      height: 210px;
      margin: 0 2.0rem 0 0; }
    body #blog_detail.c-section.list .time {
      font-size: 16px; }
    body #blog_detail.c-section.list .sitename {
      font-size: 26px;
      font-weight: bold;
      margin: 0 0 0.4rem 0;
      line-height: 1.5; }
    body #blog_detail.c-section.list .tagcloud {
      padding: 0; }
    body #blog_detail.c-section.list #blog_contents {
      width: 100%; }
      body #blog_detail.c-section.list #blog_contents p {
        margin: 1rem 0;
        font-size: 15px; }
      body #blog_detail.c-section.list #blog_contents blockquote p {
        margin: 0; }
      body #blog_detail.c-section.list #blog_contents a {
        color: #1abc9c;
        text-decoration: underline; }
      body #blog_detail.c-section.list #blog_contents a._c-btn {
        border-radius: 7px;
        color: #ffffff;
        text-decoration: none;
        background-color: #dfe70c;
        border: 1px solid #dfe70c;
        margin: 15px 0; }
      body #blog_detail.c-section.list #blog_contents a._c-btn:hover {
        color: #dfe70c; }
      body #blog_detail.c-section.list #blog_contents .marker {
        background: linear-gradient(rgba(0, 0, 0, 0) 50%, #c8eee7 50%);
        padding-bottom: 0.5rem;
        width: auto;
        display: inline-block;
        padding-left: .4rem;
        padding-left: .4rem; }
      body #blog_detail.c-section.list #blog_contents h2 {
        font-size: 25px;
        border-left: 4px solid #dfe70c;
        padding: 0.6rem 1.0rem;
        margin: 3rem 0 2.0rem 0; }
      body #blog_detail.c-section.list #blog_contents img {
        max-width: 640px;
        margin: 1rem 0; }
      body #blog_detail.c-section.list #blog_contents h3 {
        font-size: 22px;
        margin-bottom: 1.0rem; }
      body #blog_detail.c-section.list #blog_contents ul {
        padding: 0 0 1rem 1.0rem;
        margin: 0; }
      body #blog_detail.c-section.list #blog_contents li {
        font-size: 15px;
        margin: 0 0 0.5rem 0; }
      body #blog_detail.c-section.list #blog_contents li:before {
        top: -3px;
        color: #1abc9c; }
      body #blog_detail.c-section.list #blog_contents pre {
        background: none;
        border: 0;
        padding: 0; }
        body #blog_detail.c-section.list #blog_contents pre li {
          font-size: 13px;
          margin: 0; }
    body #blog_detail.c-section.list blockquote cite {
      color: #bbb;
      margin: 0.5rem 0 0 0;
      display: inline-block; }
  body #recommend h2 {
    font-size: 27px; }
  body ._c-alert {
    border: 1px dashed #f84a62;
    padding: 0.75rem;
    border-radius: 0;
    margin: 0 0 1.5rem 0;
    color: #f84a62; }
  body ._c-alert2 {
    padding: 0.75rem;
    margin: 0 0 1.5rem 0;
    border: 1px dashed #1abc9c;
    border-radius: 0; }
  body #price p, body #price ._c-row {
    padding-right: .75rem;
    padding-left: .75rem; }
  body #price ._c-row__col {
    padding: 0.8rem 1.0rem; }
  body #price ._c-row__col--2-7 {
    background-color: #f8f8f8;
    border-bottom: 1px solid #fff; }
  body #price ._c-row__col--1-7 {
    font-weight: bold;
    font-size: 15px; }
  body .ex-code-prettify li:before {
    content: ""; }
  body .ex-code-prettify .demo-html {
    margin: 1.5rem 1.5rem 3.0rem 1.5rem; }
  body .syntaxhighlighter pre.ex-code-prettify ol.linenums {
    margin-left: 0px;
    padding-left: 0; }

body#layer #header {
  padding: 1rem 0 3rem 0; }

body.archive #blog {
  border-bottom: 1px solid #eaeaea;
  padding: 0 0 3rem 0; }

body.search .list h2, body.error404 .list h2 {
  font-size: 27px; }

body p.search-no-results {
  padding-right: .75rem;
  padding-left: .75rem; }

body.single .ads {
  border-bottom: 1px solid #eaeaea;
  margin: 2.5rem auto 0 auto;
  padding: 0 0 2.5rem 0; }
body.single #blog_detail .ads {
  border-bottom: none;
  margin: 1.2rem 0 0 0;
  padding: 0; }
body.single .fa-hatena:before {
  font-family: Verdana;
  font-weight: bold;
  content: 'B!'; }
body.single .share ul {
  margin: 0;
  padding: 0;
  list-style: none; }
body.single .share ul:after {
  display: block;
  clear: both;
  content: ''; }
body.single .share li {
  float: left;
  width: 25%;
  margin: 0; }
  body.single .share li a {
    font-size: 14px;
    display: block;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: #fff; }
body.single .share li:before {
  content: none; }
body.single .share li a:hover {
  opacity: .8; }
body.single .share li a:visited {
  color: #fff; }
body.single .tweet a {
  background-color: #55acee; }
body.single .facebooklink a {
  background-color: #315096; }
body.single .line a {
  background-color: #00b900; }
body.single .hatena a {
  background-color: #008fde; }
@media screen and (max-width: 768px) {
  body.single .share li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px; }
  body.single .share li i {
    font-size: 1.3em;
    padding-top: 3px; }
  body.single .facebooklink i, body.single .tweet i, body.single .hatena i {
    display: none; } }

/*--------------------------------------
  ヨメレバ・カエレバ（レスポンシブ）
--------------------------------------*/
.booklink-box, .kaerebalink-box {
  padding: 25px;
  margin-bottom: 10px;
  border: double #CCC;
  overflow: hidden;
  font-size: small; }

.booklink-image, .kaerebalink-image {
  margin: 0 15px 0 0;
  float: left;
  min-width: 160px;
  text-align: center; }

.booklink-image img, .kaerebalink-image img {
  margin: 0 auto !important;
  text-align: center; }

.booklink-info, .kaerebalink-info {
  margin: 0;
  line-height: 120%;
  overflow: hidden; }

.booklink-name, .kaerebalink-name {
  margin-bottom: 24px;
  line-height: 1.5em; }

.booklink-powered-date, .kaerebalink-powered-date {
  font-size: 8px;
  margin-top: 10px;
  font-family: verdana;
  line-height: 120%; }

.booklink-detail, .kaerebalink-detail {
  font-size: 12px; }

.booklink-powered-date, .kaerebalink-detail {
  margin-bottom: 15px; }

.booklink-link2, .kaerebalink-link1 {
  margin-top: 10px; }

.kaerebalink-link1 img {
  margin: 0 !important; }

.booklink-link2 a,
.kaerebalink-link1 a {
  width: 30%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  margin: 5px 5px 0 0;
  padding: 10px 1px;
  text-align: center;
  float: left;
  text-decoration: none !important;
  font-weight: 800;
  font-size: 12px;
  color: #fff !important; }

.booklink-link2 a:hover,
.kaerebalink-link1 a:hover {
  opacity: 0.6; }

.booklink-link2 a:active
.kaerebalink-link1 a:active {
  position: relative;
  top: 1px; }

/*ボタンを変えるときはここから*/
.shoplinkamazon a {
  color: #FF9901 !important;
  border: 1px solid #FF9901 !important; }

.shoplinkrakuten a {
  color: #c20004 !important;
  border: 1px solid #c20004 !important; }

.shoplinkkindle a {
  color: #007dcd !important;
  border: 1px solid #007dcd !important; }

.shoplinkkakakucom a {
  color: #314995 !important;
  border: 1px solid #314995; }

.shoplinkyahoo a {
  color: #7b0099 !important;
  border: 1px solid #7b0099 !important; }

.shoplinkseven a {
  color: #7b0099 !important;
  border: 1px solid #7b0099 !important; }

/*ここまでを変更*/
.shoplinkyahoo img {
  display: none; }

.shoplinkyahoo a {
  font-size: 10px; }

.booklink-footer {
  display: none; }

@media screen and (max-width: 680px) {
  .booklink-box, .kaerebalink-box {
    padding: 15px; }

  .booklink-image, .kaerebalink-image {
    width: 100px !important;
    min-width: initial; }

  .booklink-name > a, .kaerebalink-name > a {
    font-size: 15px;
    font-weight: bold; }

  .booklink-name, .kaerebalink-name {
    margin-bottom: 12px; }

  .booklink-powered-date, .kaerebalink-powered-date {
    margin-top: 5px; }

  .booklink-link2 a,
  .kaerebalink-link1 a {
    width: calc(100% - 4px);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 2px 0px;
    padding: 10px 0px; }

  .shoplinkamazon, .shoplinkrakuten, .shoplinkyahoo, .shoplinkseven {
    margin-right: 0 !important; } }
/*******************/
/* ie

/*******************/
._c-media {
  width: 100%; }

/* ._c-row__col--1-4, ._c-row__col--2-8, ._c-row__col--3-12 {
    display: inline-block;
    width: 25%;
} */
/*******************/
/* smartphone

/*******************/
@media screen and (max-width: 976px) {
  input, button, select, textarea {
    -webkit-appearance: none; }

  body .c-section {
    width: 100%;
    margin: 1.5rem auto 0 auto; }

  body ._c-btn--ghost {
    top: 10px;
    right: 10px; }

  body ._c-btn--ghost span {
    display: none; }

  body #header, body#layer #header {
    padding: 0.5rem 0 2rem 0; }

  body #header h1 {
    font-size: 13px;
    padding-right: .75rem;
    padding-left: .75rem; }

  body #header p {
    font-size: 37px;
    margin: 0; }

  body #navigation {
    width: 305px; }

  body #navigation ._c-navbar__item > a {
    padding: 1.0rem; }

  ._c-row__col--md-1-3 {
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    max-width: 100%; }

  body #service._c-row--margin > ._c-row__col {
    margin-bottom: 1.0rem; }

  body #service._c-row--margin ._c-card__figure > img#icn_01, body #service._c-row--margin ._c-card__figure > img#icn_02, body #service._c-row--margin ._c-card__figure > img#icn_03 {
    margin: 1.6rem auto 0 auto;
    display: block; }

  body .list h2 {
    margin: 0 0 1rem 0;
    font-size: 35px; }

  body .list .time, body .list .task {
    margin: 0 0 0.2rem; }

  body .list .sitename {
    margin: 0 0 0.2rem; }

  body #blog h2 {
    margin-top: 2.0rem; }

  body .tagcloud {
    padding: 1.2rem 0 0 0; }

  body #populer h2 {
    font-size: 24px;
    margin: 2rem 0 1rem 0; }

  body .list ._c-flex-media__figure {
    margin: 0 1.0rem 0 0; }

  body #profile.c-section h2 {
    margin-bottom: 1.5rem; }

  body #profile.c-section ._c-media__figure {
    margin: 0 1.5rem 0 .75rem; }

  ._c-media__figure > * {
    width: 150px; }

  body #profile.c-section ._c-media__body {
    padding: 0 0.75rem; }

  body #products div.bg {
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%; }

  body #blog_detail ._c-media__figure > * {
    width: 100%; }

  body #recommend h2 {
    font-size: 24px; }

  body #work_link img {
    width: 230px; }

  body #work_link ._c-media__figure {
    margin: 2.4rem 1.5rem 3.0rem 0; }

  body #work_link p {
    margin: 0 0 1.2rem 0; }

  body #work_link .main_text {
    margin: 1.0rem 0 0.7rem 0; } }
@media screen and (max-width: 640px) {
  body .list ._c-flex-media__figure {
    margin: 0 0.7rem 0.7rem 0;
    width: 70px;
    height: auto;
    float: left; }

  body .tagcloud {
    padding: 1.2rem 0 0 0; }

  body .tagcloud a {
    margin: 0 0 0.5rem 4px;
    display: inline-block;
    padding: 0.2rem 0.8rem; }

  body #populer .c-section {
    margin: 2rem auto 0 auto;
    padding-bottom: 0; }

  ._c-row__col--fit {
    width: 100%;
    flex: inherit; }

  ._c-row__col--1-4 {
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    max-width: 50%; }

  body #sidenavi #banner.c-section {
    margin: 2.0rem auto; }

  ._c-row--margin > ._c-row__col {
    margin-bottom: 1.0rem; }

  body .breadcrumbs.c-section {
    margin: 1rem auto 0 auto;
    font-size: 12px; }

  ._c-media {
    display: block; }

  body #profile.c-section ._c-media__body .name {
    margin: 0.8rem 0 0.2rem 0; }

  body #profile.c-section ._c-media__body {
    border: 0; }

  body #profile.c-section {
    margin-bottom: 1.8rem; }

  body #products {
    margin: 2.0rem auto 0 auto;
    background-size: 60%; }

  body#layer #blog h2 {
    margin-top: 1.8rem; }

  body#layer #blog.c-section #search {
    margin: 0 0 0.5rem 0; }

  body #blog_detail.c-section.list #blog_contents img {
    max-width: 100%;
    margin: 0 0 1.0rem 0; }

  body #blog_detail.c-section.list {
    margin: 0.8rem auto 0 auto; }

  body #blog_detail ._c-media__figure > * {
    width: 100%;
    max-width: 320px; }

  body #blog_detail.c-section.list ._c-media__figure {
    display: none; }

  body #blog_detail.c-section.list .time {
    font-size: 14px; }

  body #blog_detail .list .time, body #blog_detail .list .task {
    margin: 0.6rem 0 0.2rem; }

  body #blog_detail.c-section.list .sitename {
    font-size: 20px;
    margin: 0 0 0.4rem 0; }

  body #blog_detail.c-section.list ._c-media {
    margin: 0 0 2.0rem 0; }

  body #blog_detail.c-section.list #blog_contents p {
    margin: 0 0 1.5rem 0;
    font-size: 14px; }

  body #blog_detail.c-section.list #blog_contents .marker {
    font-size: 18px !important;
    margin: 0.5rem 0 1rem 0;
    border-left: 2px solid #1abc9c;
    background: #e5f8f4;
    padding: 0.5rem; }

  body #blog_detail.c-section.list #blog_contents h3 {
    font-size: 17px;
    margin: 2.0rem 0 1rem 0; }

  body #blog_detail.c-section.list #blog_contents li {
    font-size: 14px; }

  body #blog_detail.c-section.list #blog_contents ul {
    padding: 0 0 1.5rem 1.0rem; }

  body #blog_detail.c-section.list #blog_contents h2 {
    font-size: 18px;
    margin: 1.5rem 0 1.0rem 0; }

  .ex-code-prettify {
    margin: 0; }

  body #blog_detail.c-section.list #blog_contents h3 {
    font-size: 15px; }

  body #blog_detail.c-section.list #blog_contents {
    overflow: hidden; }

  body #blog_detail.c-section.list blockquote {
    width: 100%;
    padding: 1rem; }

  body #recommend h2, body #populer h2 {
    font-size: 20px; }

  body .list .sitename {
    font-size: 13px; }

  body .list h2 {
    font-size: 30px; }

  body #price ._c-row {
    padding: 0; }

  body #price ._c-row__col {
    width: 100%;
    flex: 0 1 100%;
    max-width: 100%; }

  body #price ._c-row__col._c-row__col--1-7 {
    padding: 0 1.0rem 0.8rem 1.0rem; }

  body ._c-alert {
    padding: 0.6rem 0.75rem;
    font-size: 13px; }

  body #blog h2 {
    margin-top: 1.5rem; }

  body.search #blog h2, body.error404 .list h2 {
    margin-top: 1.5rem;
    font-size: 20px; }

  body ._c-input-group {
    width: auto; }

  body .list ._c-row--left {
    font-size: 13px;
    width: 100%; }

  body.single .ads {
    margin: 1.0rem auto 0 auto;
    padding: 0 0 1.0rem 0; }

  body #work_link {
    margin: 2.0rem 0; }

  body #work_link ._c-media {
    padding-right: .75rem;
    padding-left: .75rem; }

  body #work_link ._c-media__figure {
    margin: 0; }

  body #work_link img {
    width: 100%; }

  body #work_link p {
    font-size: inherit; }

  body #work_link .main_text {
    font-size: 17px; }

  body ._c-btn_deco {
    padding: 0.7rem 0;
    font-size: 16px;
    width: 100%; } }
@media screen and (max-width: 425px) {
  body .list ._c-btn--ghost, body .list ._c-btn {
    width: 100%;
    margin: 0 0 .75rem 0; }

  body #page-top {
    right: 10px;
    z-index: 2; }

  body #page-top a {
    font-size: 28px; }

  body #footer {
    padding: 1.5rem 0 0.1rem 0; }

  #profile ._c-row__col--fit {
    flex: inherit; }

  body .marker {
    font-size: 16px !important; }

  body #products div.text {
    font-size: 13px;
    font-weight: normal;
    line-height: inherit; }

  body #products ul {
    margin: 0; }

  body #products ._c-btn {
    padding: 0.8rem 1.0rem;
    margin: 0;
    font-size: 12px;
    border: 0;
    font-weight: bold; } }