@charset "utf-8";
@media (max-width: 440px) {
  body {
    background: #EBEBEB;
    border-top: none;
  }
  button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
  }
  main h1, .fake_h1, main h2, .fake_h2, main h3, main h3.good, main h3.imaichi, main h4, .h_mokuji li a, .l, main p.reputation_link a, .a_text_af a, .check a, ul.list_basic li, .button_review a, .l, .ll, aside#column h3, form#mail_form input[type="button"], .change_log, .page_title_text, h1.page_title_text, #fixnav, .term_wrap, .absolute_3dmark, .gb_point, .fukidashi_a, .button_internal, .footer_rank_button, .button_out {
    transform: rotate(0.000deg);
  }
  a, a:hover, a:visited, a img {
    text-decoration: underline;
    transition: all 0.3s;
    color: #06c;
  }
  a:link {
    font-weight: bold;
  }
  a:active {
    top: 0px;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  aside#column, #pr, #pc_footer, #list_f, #copyright, #flash, .newstop, .reference_rank, .reference_rank_desktop, .reference_rank_note, .modeli_img {
    display: none;
  }
  footer {
    height: 0px;
  }
  nav.drawer-nav, button.drawer-toggle {
    display: block;
    position: fixed;
    z-index: 999;
  }
  .drawer-nav-inner {
    width: 96%;
    margin: 40px auto;
  }
  #logo-sp {
    width: 70%;
    margin: 60px auto 30px;
  }
  #comp .text, #comp .text p img, #comp .text p, #comp .text p img {
    margin-left: 0px;
  }
  .only_mobile {
    display: block;
  }
  #pagetop img {
    width: 36px;
    height: 36px;
    position: fixed;
    bottom: 16px;
    right: 12px;
  }
  #pagetop a img:hover {
    filter: alpha(opacity=100);
    opacity: 1;
  }
  #kuchikomi_look {
    width: 45px;
    height: 45px;
    position: fixed !important;
    bottom: 175px !important;
    float: left;
    top: inherit !important;
  }
  #kuchikomi_look a {
    width: 45px;
    height: 45px;
    position: fixed !important;
    left: 5px;
    top: inherit;
  }
  #kuchikomi_write {
    width: 45px;
    height: 45px;
    position: fixed !important;
    bottom: 127px !important;
    float: left;
    top: inherit !important;
  }
  #kuchikomi_write a {
    width: 45px;
    height: 45px;
    top: inherit !important;
    left: 5px;
    background-position: 10px 12px;
  }
  .flash {
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
  }
  .gallery .view ul.slides_a {
    width: 90%;
    height: 90%;
  }
  ul.sliders img img {
    width: 100%;
    height: 100%;
  }
  #container, #can, .can, main, #incontainer, #cat_name, #one_a, main .box_wrap, main .box_wrap_list, .box_wrap, main p, .list_four, #footer_rank, .list_four, .link_box, .list_update, aside #footer_rank ul li, iframe, form, .cautions, .dog, .gallery_wrap, #comp, #comp .box_wrap, #wrap_comp {
    width: 100%;
  }
  .td_center td {
    padding-right: 2%;
    padding-left: 2%;
  }
  .comp.td_center td {
    padding-right: 8%;
    padding-left: 8%;
  }
  #comp table.comp {
    display: block;
    position: relative;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
  }
  .mark_score {
    font-size: 120%;
  }
  .comp thead {
    display: block;
    float: left;
  }
  .comp tbody {
    display: block;
    position: relative;
    width: auto;
    overflow-x: auto;
    white-space: nowrap;
  }
  .comp thead th {
    display: block;
  }
  .comp tbody td {
    display: block;
  }
  .comp tbody tr {
    display: inline-block;
  }
  .comp th:not(:last-child) {
    border-bottom: none;
  }
  .comp td:not(:last-child) {
    border-bottom: none;
  }
  .comp td {
    border-left: none;
  }
  .comp td.a_text_left {
    text-align: center;
  }
  table {
    margin-bottom: 5%
  }
  table.t_custom, table.t_shop {
    margin-top: -3%
  }
  table.t_custom td {
    padding: 4px;
    width: 36%;
    font-size: 85%;
  }
  table.t_custom th {
    padding: 4px;
    width: 14%;
  }
  .verification_environment {
    background-image: url(none);
  }
  td.benchlink {
    padding-top: 2%;
    padding-bottom: 2%;
  }
  .box_wrap table td.benchlink a.link_ex {
    font-size: 97%;
    background-size: 15px 13px;
    background-position: left 3px;
  }
  main .box_wrap table.bench img {
    width: 100%;
  }
  .i620, .t_review img {
    width: 100%;
    height: auto;
  }
  #wrap {
    display: block;
    padding-right: 3px;
    padding-left: 3px;
    width: auto;
  }
  .graf_wrap {
    width: 86%;
    font-size: 110%;
    margin-bottom: 20px;
  }
  .graf li {
    padding: 6px 8px 6px 8px;
    margin: 5px 0px 0px 0px;
  }
  .graf li span {
    margin-top: 1px;
  }
  .gallery {
    width: 92%;
    height: 100%;
    background-image: url("../img/layout/bg_gallery.jpg");
    background-size: 100%;
    margin-right: 4%;
    margin-left: 4%;
  }
  .gallery .view {
    width: 100%;
    height: auto;
    margin-right: 0%;
    margin-left: 0%;
  }
  .gallery .menu ul li a {
    display: block;
    width: auto;
    height: auto;
  }
  .gallery .view ul.slides {
    width: 100% !important;
  }
  .gallery .view ul.slides img {
    width: 100% !important;
    height: 100% !important;
  }
  .gallery .view ul.slides_l {
    width: 100%;
    height: 100%;
  }
  .htop img {
    width: 10%;
    max-height: 100%;
  }
  iframe {
    height: 100%;
  }
  #incontainer {
    margin-left: 0px;
    background-color: #ebebeb;
    margin-top: 4px;
    margin-bottom: 7px;
  }
  main .box_wrap, #comp .box_wrap, .link_box, main .box_wrap_list, #comp .box_wrap_list {
    border-radius: 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 4px;
    width: auto;
    margin-right: 0px;
    margin-left: 0px;
  }
  a:link.a_more {
    font-size: 130%;
  }
  a.a_more {
    background: url(../img/layout/arrow_b.png) no-repeat left center;
    margin-top: -2.5%;
    background-size: 5%;
    padding-left: 6%;
  }
  a.a_more:hover {
    background: url(../img/layout/arrow_b_hover.png) no-repeat left center;
    margin-top: -2.5%;
    background-size: 5%;
    padding-left: 6%;
  }
  .list_update {
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 0px;
  }
  .date strong.red, .date strong.blue {
    font-weight: bold;
  }
  main .can {
    width: 100%;
    height: 100%;
    border-radius: 4px;
  }
  img, main #main_list .category_lineup li a img {
    width: 100%;
    height: 100%;
  }
  main .dog {
    margin-bottom: 5px;
    margin-left: 1px;
    margin-right: 1px;
    width: auto;
  }
  main .dog a img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    margin-bottom: 0px;
  }
  main .box_wrap p img.auto, main .box_wrap p.center img.auto, main .box_wrap p img.img_size_400 {
    width: 101.8%;
  }
  main .box_wrap p.center img {
    margin-left: -1.2%;
  }
  main .box_wrap p img {
    width: 101.8%;
    margin-top: 18%;
    margin-bottom: -3.5%;
    margin-left: -1.2%;
  }
  main .box_wrap p img.img_size_400, main .box_wrap p img.img_size_580 {
    width: 101.8%;
    margin-top: 10%;
    margin-bottom: 1%;
    margin-left: -1.2%;
  }
  main .box_wrap p iframe, #comp .box_wrap p iframe {
    width: 102.7%;
    margin-top: 5%;
    margin-bottom: -4.8%;
    margin-right: auto;
    margin-left: -1.3%;
    border-radius: 0px;
  }
  main .box_wrap #reputation_link p img {
    margin-bottom: -2%;
  }
  .list_four {
    padding-left: 0px;
    display: block;
    margin-top: 0px;
    float: none;
    padding-bottom: 20px;
  }
  ul.list_decimal {
    margin: 0% 5% 7.5% 13%;
  }
  ul.list_decimal li {
    margin-bottom: 4px;
    line-height: 1.5em;
    font-size: 90%;
  }
  main .box_wrap p img.float_right, main .box_wrap p img.float_left {
    width: 102.7%;
    height: auto;
    margin: 7% auto 4%;
    float: none;
  }
  th, td, table.t_shop th, .t_shop td {
    line-height: 1.5em;
    padding: 7px 10px;
  }
  tr .sf img {
    width: 50%;
    height: auto;
  }
  tr .sth img {
    width: 30%;
    height: auto;
  }
  .h_space {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .comp .h_space {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .ptds td.fps {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .box_wrap a {
    font-size: 100%;
  }
  main .box_wrap p img.float_left.stw {
    width: 20%;
    height: 20%;
    margin-right: 40%;
    margin-left: 40%;
  }
  div.button_internal a, div#comp div.button_internal a, div.button_internal.index a, div.button_out.index a {
    font-size: 97%;
    width: auto;
    line-height: 1.3em;
    background-repeat: no-repeat;
    background-position: 0px 6px;
    background-color: #00b3e6;
    background-size: 16%;
    margin: 10% 8% 10% 8%;
    padding: 3.6% 8% 3.2% 8%;
    border-radius: 3px;
    color: #FFF;
  }
  div.button_out a {
    color: #FFF;
    width: auto;
    font-size: 100%;
    line-height: 1.3em;
    background-size: 12%;
    margin: 12% 8% 14% 8%;
    padding: 3.6% 7% 3.2% 7%;
    border-radius: 3px;
    background-position: 5px 6px;
  }
  .box_wrap .button_internal a:hover, .box_wrap .button_internal a:active {
    background-size: 17%;
    background-position: 2px 4px;
    text-decoration: none;
    color: #FFF;
  }
  .box_wrap .button_out a:hover, .box_wrap .button_out a:active {
    background-size: 13%;
    background-position: 7px 4px;
    text-decoration: none;
    color: #FFF;
  }
  main h1, .change_log, .fake_h1 {
    font-size: 126%;
    width: auto;
    height: 100%;
    line-height: 1.5em;
    padding: 4.5% 4% 4.5% 5.5%;
    background-size: 4px 150px, 100%;
    margin-bottom: 7%;
    letter-spacing: 0em;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    display: block;
  }
  main h2, .fake_h2 {
    margin: 14% 3.5% 7%;
    font-size: 120%;
    padding: 4.2% 4.5% 4%;
    width: auto;
    line-height: 1.5em;
  }
  main #main_list h2 {
    font-size: 120%;
    margin: 0 calc(50% - 50vw) 4px;
    width: 100vw;
    border-radius: 0;
    padding: 4.5% 3.5% 4.5% 5.5%;
  }
  main #main_list li h2, main #main_list li h3 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  main h3 {
    font-size: 110.5%;
    background-size: 6.5%;
    padding-left: 8.4%;
    width: auto;
    margin: 13% 4.5% 6% 4.5%;
    color: #4D4D4D;
    line-height: 1.4em;
    padding-top: 12px;
  }
  main h4, #comp h4 {
    font-size: 103%;
    margin: 12% 5% 7% 5%;
    padding-left: 24px;
  }
  main h5 {
    font-size: 100%;
    margin: 12% 5% 7% 5%;
  }
  main h4::before, #comp h4::before {
    width: 14px;
    height: 14px;
    ;
    top: 4px;
    left: 2px;
  }
  main p, #comp p {
    font-family: "Noto Sans JP";
    line-height: 1.65em;
    margin: 0% 0% 8%;
    padding: 0px 6% 0% 6%;
    width: auto;
    font-size: 14px;
  }
  main div.modeli {
    margin: 0px 0px 20%;
    width: 100%;
  }
  .modeli_pcimg_text {
    width: 100%;
    margin-bottom: 5%;
    float: none;
    height: auto;
    flex-direction: column;
  }
  .modeli_pcimg, .modeli_pcimg_note {
    width: 80%;
    height: auto;
    float: none;
    margin-right: 10%;
    margin-left: 10%;
    margin-bottom: 3%;
  }
  .modeli_pcimg img, .modeli_pcimg_note img {
    position: static;
    bottom: 0px;
    width: 70%;
    height: auto;
    margin-right: 15%;
    margin-left: 15%;
    margin-top: 0%;
    padding-top: 0px;
    order: 1;
  }
  div.modeli_text, div.modeli_text_note {
    padding: 7% 6.5% 4% 6.5%;
    display: block;
    border: 2px solid #F3BEB5;
    width: auto;
    float: none;
    background-size: 50%;
    border-radius: 13px;
    margin: 7% 5% 0%;
    height: auto;
    order: 2;
  }
  .modeli_text::before {
    font-size: 107%;
    top: -0.6em;
    left: 30px;
    font-family: 'M PLUS Rounded 1c', "メイリオ";
  }
  main .modeli_text p {
    font-size: 13px;
    margin: 0px 0px 3%;
    line-height: 1.6em;
    width: auto;
  }
  #cat_name {
    width: auto;
    background-size: 100%;
    height: 97px;
    border-radius: 6px;
    margin: 5px auto;
    border-style: none;
    margin-left: 5px;
    margin-right: 5px;
    display: block;
  }
  #cat_name#comp_l {
    height: 85px;
    width: auto;
  }
  .page_title, h1.page_title {
    top: 57px;
    line-height: 1em;
  }
  .page_title_text, h1.page_title_text {
    font-size: 11px;
    padding: 3px 10px;
    border-radius: 4px;
    border: 1px solid #FFF;
  }
  #bunner_top {
    margin-bottom: 9px;
  }
  #bunner_top img {
    border-radius: 6px;
  }
  .list_four {
    padding-left: 8px;
    padding-right: 8px;
    display: block;
    margin-top: -10px;
    float: left;
    padding-bottom: 0px;
    width: auto;
  }
  main .list_four li {
    padding-left: 2%;
    padding-right: 2%;
    width: 46%;
    margin-right: 0px;
  }
  main .list_four li a img {
    width: 100%;
    height: 80%;
  }
  main .list_four li h2 {
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(../img/layout/arrow_a.png);
    margin: 0%;
    padding: 4% 0% 4% 14.5%;
    font-weight: bold;
    width: auto;
    line-height: 1.3em;
    border-style: none;
    font-size: 90%;
  }
  main .list_four li h2 a {
    font-weight: bold;
  }
  main .list_four li h2:hover {
    background-image: url(../img/layout/arrow_a_hover.png);
  }
  main .list_four li p {
    padding: 0% 0% 17%;
    line-height: 1.4em;
  }
  .list_point {
    margin: 10px auto 5px;
    padding-top: 1px;
    font-size: 85%;
  }
  #footer_rank {
    background-image: url(url);
    width: auto;
    padding-top: 40px;
    padding-bottom: 4%;
    padding-left: 0px;
    padding-right: 10px;
    border: none;
    border-radius: 6px;
    height: auto;
    display: block;
    background-color: #FFF7DB;
    margin: 1px 5px 7px 5px;
  }
  aside #footer_rank ul li.frone {
    margin-left: 0px;
  }
  aside #footer_rank ul li.frtwo {
    margin-left: 0px;
  }
  aside h3.footer_rank_title {
    display: none;
  }
  aside h3.footer_rank_title_mobile {
    margin-left: 5px;
    margin-bottom: 30px;
    margin-top: -10px;
    display: block;
  }
  .footer_rank_pc {
    width: 100%;
    font-size: 120%;
  }
  .footer_rank_pc img {
    width: 60%;
    height: 60%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
  }
  .footer_rank_button a {
    margin-top: 5%;
  }
  .footer_rank_button {
    margin-bottom: 13%;
  }
  .footer_rank_button.nospace {
    margin-bottom: 4%;
  }
  .footer_rank_button a {
    font-size: 100%;
    background-image: url(../img/layout/mobile/footer_ranking_man.png);
    background-position: -5px 5px;
    background-size: 18%;
    padding-top: 2.5%;
    padding-bottom: 2.2%;
    margin-bottom: 3%;
    margin-left: 15%;
    margin-right: 15%;
    padding-left: 9%;
  }
  .footer_rank_button a:hover {
    background-image: url(../img/layout/mobile/footer_ranking_man.png);
    background-position: 0px 5px;
    background-size: 20%;
  }
  .footer_rank_button_review a {
    font-size: 90%;
    background-image: url(../img/layout/mobile/footer_ranking_man_review.png);
    background-position: right 5px;
    background-size: 18%;
    padding-top: 3.9%;
    padding-bottom: 3.5%;
    margin-bottom: 8%;
  }
  .footer_rank_button_review a:hover {
    background-image: url(../img/layout/mobile/footer_ranking_man_review.png);
    background-position: right 5px;
    background-size: 20%;
  }
  .link_box {
    margin-bottom: 4px;
  }
  .list_update {
    font-size: 15px;
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: -10px;
  }
  .date {
    font-size: 13px;
    font-weight: bold;
    display: block;
    width: auto;
    float: none;
    margin-bottom: 2%;
    color: #9f9f9f;
  }
  .list_update li a {
    padding-left: 7%;
    display: block;
    margin-bottom: 5%;
    line-height: 1.6em;
    font-size: 100%;
    width: auto;
  }
  .list_update li a::before {
    font-size: 14px;
    top: 1px;
  }
  main #main_list {
    width: 98%;
    margin: 0px 1%;
  }
  main #main_list li {
    width: 49.45%;
    height: 290px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 4px 0;
    border: 1px solid #D5D5D5;
    background-color: #FFF;
    border-radius: 5px;
    padding: 0px;
  }
  main #main_list li:nth-child(2n) {
    margin: 0 0 4px 4px;
  }
  main #main_list li h2, main #main_list li h3 {
    font-size: 13px;
    padding: 14px 0px 14px;
  }
  main #main_list .category_lineup li a img {
    width: 100%;
    height: auto;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    margin-right: auto;
    margin-left: -1px;
    margin-bottom: 6px;
  }
  main #main_list li p {
    width: auto;
    height: auto;
    margin: 0px 5px;
    font-size: 70%;
    line-height: 1.6em;
    padding: 0px;
    font-weight: normal;
  }
  aside .can {
    display: block;
    margin-bottom: 5px;
    width: auto;
    margin-right: 5px;
    margin-left: 5px;
  }
  aside .can.last {
    margin-bottom: 5px;
  }
  aside .can img {
    max-width: 100%;
    height: auto;
    margin-bottom: 0px;
  }
  aside .can.cb img {
    margin-bottom: 0px;
  }
  .h_mokuji {
    margin-left: 4%;
    margin-right: 4%;
    margin-bottom: 5%;
    padding: 24px 5px 17px 20px;
    border-radius: 9px;
  }
  .h_mokuji.article {
    margin-bottom: -8%;
  }
  .h_mokuji.related_links_in, .h_mokuji.related_links_out {
    margin-top: -10px;
    margin-bottom: 15px;
  }
  .h_mokuji.term {
    margin-top: 0px;
    margin-bottom: 15px;
  }
  .h_mokuji li a {
    font-size: 98%;
    line-height: 1.4em;
  }
  .h_mokuji li {
    margin-bottom: 8px;
    padding-left: 25px;
  }
  .h_mokuji li::before {
    font-size: 14px;
    top: 6px;
    left: 3px;
  }
  .h_mokuji.article::after {
    background-position: bottom -33px right 15px;
    background-size: 26%;
  }
  .h_mokuji.related_links_in::after, .h_mokuji.related_links_out::after {
    background-position: bottom -28px right 10px;
    background-size: 18%;
  }
  .h_mokuji.term::after {
    background-position: bottom 8px right 10px;
    background-size: 30%;
  }
  main .box_wrap #reputation_link p.quote {
    margin-top: -10px;
    margin-left: 8.5%;
    font-size: 12px
  }
  .box_wrap p.quote.s {
    padding-left: 3px;
    margin-top: -23px;
    font-size: 65%;
    line-height: 1.6em;
  }
  span.zoomin::after, span.zoomin_w::after {
    display: none;
  }
  .term_list {
    margin-bottom: 5%;
    font-size: 130%;
  }
  .term_list li {
    width: 49%;
    text-decoration: none;
  }
  .term_list li a {
    background-position: left center;
    background-size: 16px;
    padding-left: 19px;
    text-decoration: none;
  }
  .term_list li a:hover {
    background-position: left center;
    background-size: 16px;
    padding-left: 19px;
    text-decoration: none;
  }
  .center_button_b {
    margin-top: 6.5%;
    margin-bottom: -4%;
  }
  .center_button_c {
    margin-top: 6.5%;
    margin-bottom: -15%;
  }
  .center_button_d {
    margin-top: 6.5%;
    margin-bottom: -4%;
  }
  .center_button img, .center_no img, .center_button_b img, .center_button_c img, .center_button_d img, .modeli .center_button img {
    width: 84%;
    margin-left: 8%;
    margin-right: 8%;
    border-radius: 0px;
  }
  .center_button, .center_bunner {
    margin-bottom: 15%;
    margin-top: 5%;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  #wrap {
    top: 0px;
    overflow: hidden;
    padding: 0px;
  }
  .popup_term a:link {
    background-position: right center;
    background-size: 18px;
    padding-right: 22px;
    margin-right: 2px;
  }
  table img {
    width: 100%;
    height: auto;
    border-radius: 0px;
  }
  main p.p_bunner {
    margin-top: -8%;
    margin-bottom: 10%;
  }
  .space_down_sp {
    margin-bottom: 4%;
  }
  main .box_wrap p.quote {
    display: block;
    margin-top: -25px;
    font-size: 12px;
    width: auto;
    padding: 0px 0% 0% 0%;
    margin-right: 5%;
    margin-left: 5%;
    line-height: 1.2em;
  }
  main #reputation_link p.quote {
    margin-top: -20px;
  }
  main #reputation_link p {
    margin-bottom: 4%;
    margin-left: 4%;
    margin-right: 4%;
  }
  main p.reputation_link a {
    margin-left: -5%;
  }
  .box_wrap p a.link_ex {
    background-size: 16px 13px;
    padding-left: 21px;
    background-position: left 5px;
    margin-left: 3px;
    margin-right: 3px;
  }
  .box_wrap p a.link_ex:hover, .box_wrap p.quote a.link_ex:active {
    background-size: 16px 13px;
  }
  .box_wrap p.quote a.link_ex {
    background-size: 14px 12px;
    padding-left: 18px;
    background-position: left 4px;
  }
  .box_wrap p.quote a.link_ex:hover, .box_wrap p.quote a.link_ex:active {
    background-size: 14px 12px;
  }
  .box_wrap a.link_twitter {
    background-size: 16px 14px !important;
    padding-left: 19px !important;
  }
  .box_wrap a.link_twitter:hover, .box_wrap a.link_twitter:active {
    background-size: 16px 14px !important;
    padding-left: 19px !important;
    background-position: left 4px;
  }
  .box_wrap table a.link_ex {
    padding-left: 18px !important;
    background-position: left 4px;
    background-size: 14px 12px !important;
    margin-right: 3px;
    margin-left: 2px;
  }
  .box_wrap table a.link_ex:hover, .box_wrap table a.link_ex:active {
    background-size: 14px 12px !important;
  }
  .box_wrap table.t_text_15 a.link_ex {
    padding-left: 21px;
    background-position: left 2px;
    background-size: 16px 14px;
    margin-right: 3px;
  }
  .box_wrap table.t_text_15 a.link_ex:hover, .box_wrap table.t_text_15 a.link_ex:active {
    background-size: 16px 14px;
  }
  time {
    font-size: 115%;
  }
  .entry_day {
    background-position: left 2px;
    background-size: 5%;
    font-size: 85%;
    padding: 0% 0% 0% 6%;
    margin-left: 3.5%;
    margin-bottom: 6%;
    margin-top: -2%;
  }
  .index_day .entry_day {
    margin-bottom: 5%;
  }
  .a_text_af a {
    background-size: 5.5%;
    padding-left: 6.5%;
    display: block;
    padding-bottom: 1px;
    margin: 4% 4% 6%;
    line-height: 1.3em;
  }
  .a_text_af a:link {
    font-size: 150%;
  }
  .a_text_af a:hover {
    background-size: 5.5%;
  }
  main .box_wrap p img.float_right.space-left, main .box_wrap p img.float_left.space-right {
    margin: 15% auto 7%;
  }
  main .box_wrap p img.pc90, main .box_wrap p img.pc80, main .box_wrap p img.pc70, main .box_wrap p img.pc60, main .box_wrap p img.pc50, main .box_wrap p img.pc40, main .box_wrap p img.pc30 {
    margin-top: 17%;
    margin-bottom: -3%;
  }
  #sp_footer {
    position: fixed;
    bottom: 0px;
    display: block;
    width: 100%;
    height: 63px;
    text-align: center;
    z-index: 9999;
    background-color: #FFF;
    border-top: 1px solid #e4e4e4;
  }
  #sp_footer .sp_footer_menu {
    display: table;
    table-layout: fixed;
    width: 87%;
    height: 55px;
    padding-top: 8px;
    margin: 0px;
  }
  .sp_footer_menu li {
    display: table-cell;
    background-position: center top;
    background-size: 36px;
    background-repeat: no-repeat;
    vertical-align: bottom;
  }
  .sp_footer_menu li a {
    color: #000000;
    font-size: 9px;
    font-weight: normal;
    text-decoration: none;
    width: auto;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 46px;
  }
  .sp_footer_menu li.home {
    background-image: url(../img/layout/mobile/sp_menu_home.png);
  }
  .sp_footer_menu li.sale {
    background-image: url(../img/layout/mobile/sp_menu_sale.png);
  }
  .sp_footer_menu li.ranking {
    background-image: url(../img/layout/mobile/sp_menu_ranking.png);
  }
  .sp_footer_menu li.review {
    background-image: url(../img/layout/mobile/sp_menu_review.png);
  }
  .sp_footer_menu li.parts {
    background-image: url(../img/layout/mobile/sp_menu_parts.png);
  }
  table, .t_short, .t_no, .t_mail, .t_link, .t_bl, .t_ashi, table.t_shop {
    width: 91%;
    margin-right: 4.5%;
    margin-left: 4.5%;
    font-size: 87%;
    line-height: 1.3em;
  }
  .scroll table {
    width: 96.8%;
    margin-right: 1.6%;
    margin-left: 1.6%;
    margin-bottom: 5%;
  }
  divmain div.box_wrap table.t_shop tbody tr td a {
    font-weight: bold;
  }
  .ptds td {
    padding: 7px 3px;
  }
  th, td, .t_a td, .t_v td, .t_u td, .t_bl th {
    line-height: 1.4em;
    -webkit-text-size-adjust: 100%;
  }
  th, td, .t_v td, .t_u td {
    font-size: 87%;
  }
  table.t_text_15 {
    font-size: 90%;
  }
  .absolute_3dmark {
    font-size: 130%;
    padding: 6px;
  }
  main table h4, main table.t_black_alternate h4, main table.t_black h4, main table.t_blue_alternate h4, main table.t_blue h4 {
    margin: 0%;
    font-size: 105%;
    padding-top: 2px;
  }
  .t_d img, table.t_e img {
    width: 80%;
    height: auto;
  }
  .t_f th, .t_h th {
    padding: 0px 5px;
  }
  .t_f td, .t_h td {
    padding: 5px;
  }
  .t_e .a_bg_green img, .t_e .a_bg_blue img, .t_e .a_bg_purple img {
    width: 10px;
    height: auto;
  }
  .t_j {
    font-size: 11px;
  }
  .t_j th img {
    width: 40px;
    height: auto;
  }
  .t_j td img {
    width: 10px;
    height: auto;
  }
  main .box_wrap img.pc90, main .box_wrap img.pc80, main .box_wrap img.pc70, main .box_wrap img.pc60, main .box_wrap img.pc50, main .box_wrap img.pc40, main .box_wrap img.pc30 {
    hight: auto;
    margin: 0 auto 30px;
  }
  main .box_wrap img.sp90 {
    width: 90% !important;
  }
  main .box_wrap img.sp80 {
    width: 80% !important;
  }
  main .box_wrap img.sp70 {
    width: 70% !important;
  }
  main .box_wrap img.sp60 {
    width: 60% !important;
  }
  main .box_wrap img.sp50 {
    width: 50% !important;
  }
  main .box_wrap img.sp40 {
    width: 40% !important;
  }
  main .box_wrap img.sp30 {
    width: 30% !important;
  }
  table img.float_right {
    float: none;
    padding: 0px;
    margin: 0px;
  }
  .custom_img img {
    width: 40px;
    height: auto;
    border-radius: 4px;
  }
  .windows_edition_img img {
    width: 40px;
    height: auto;
  }
  .t_e img {
    width: 100%;
    height: auto;
  }
  .t_e th .t_e td {
    padding: 5px 2px;
  }
  .t_w th, .t_w td {
    padding: 2%;
  }
  .office_img td img, .office_img img {
    width: 40px;
    height: auto;
  }
  .windows_edition_img_b img {
    width: 50px;
    height: auto;
  }
  .box_wrap .button_review a {
    margin: 3% auto;
    width: 65%;
    padding-top: 3.5%;
    padding-bottom: 3%;
    font-size: 125%;
    background-size: 20%;
    background-position: 5px 5px;
    -webkit-text-stroke: 0.5px #005d78;
    border-bottom: 3px solid #008FB8;
    border-radius: 3px;
  }
  .box_wrap .button_review a:hover {
    background-size: 22%;
    background-position: 5px 5px;
    border-bottom: 3px solid rgba(25, 204, 255, 1.00);
  }
  table.t_review {
    margin-top: -3%;
    margin-bottom: 7%;
  }
  main .t_review h3 {
    font-size: 115%;
  }
  main .t_review h4 {
    font-size: 90%;
  }
  .t_review {
    font-size: 14px;
    text-align: center;
  }
  .t_review img {
    width: 100%;
    height: auto;
    margin-bottom: 0%;
  }
  .t_review td {
    text-align: center;
    font-size: 12px;
  }
  .t_review th {
    color: #FFF;
    font-size: 115%;
    padding: 2.5% 2%;
  }
  .t_review tr .review_update {
    padding: 7px 6px 5px 6px;
  }
  .t_review tr .update_text {
    font-size: 110%;
    padding-left: 24px;
    background-size: 14px;
  }
  .t_review tr .review_day {
    font-size: 90%;
  }
  .fukidashi_a {
    background-image: url(../img/layout/mobile/fukidashi_a_l.png);
    background-size: 100%;
    padding-top: 6%;
    padding-left: 9%;
    padding-right: 21%;
    font-size: 104%;
    width: auto;
    height: 5em;
    margin: 20px 2% 40px;
    line-height: 1.4em;
  }
  .hitokoto { /*一言で言うと*/ background-image: url(../img/layout/mobile/hitokoto_a_l.png);
    background-size: 100%;
    padding-top: 6%;
    padding-left: 7%;
    padding-right: 17%;
    font-size: 132%;
    width: auto;
    height: 0em;
    margin-right: 10px;
    margin-left: 10px;
    line-height: 1.5em;
  }
  main .box_wrap p img.inline_p {
    display: inline;
    padding: 0%;
    vertical-align: center;
    margin-bottom: 0%;
    margin-top: -3px;
    width: 18px;
  }
  .list_a li {
    width: 86%;
    margin-left: 7%;
    margin-right: 7%;
    height: 100%;
    padding: 25px 0px 0px;
  }
  main .list_a li p {
    width: 100%;
    font-size: 13px;
    line-height: 1.4em;
  }
  main .list_a li p img {
    width: 40%;
    margin-left: 5px;
    margin-top: 25px;
    margin-bottom: 15px;
  }
  .list_a_title {
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(../img/layout/arrow_a.png);
    background-size: 15px;
    padding-top: 2px;
    padding-bottom: 3px;
  }
  .list_a_title:hover {
    background-position: left center;
    background-image: url(../img/layout/arrow_a_hover.png);
    background-size: 15px;
  }
  .list_comp {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    font-size: 115%;
    margin: -5% auto 8%;
  }
  .list {
    width: 45%;
    margin-right: 6px;
    margin-left: 8px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }
  .list_comp .comp a {
    width: 45%;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }
  .reference_rank_mobile, .reference_rank_desktop_mobile, .reference_rank_note_mobile {
    display: block;
  }
  .reference_rank_mobile img, .reference_rank_desktop_mobile img, .reference_rank_note_mobile img {
    width: 92%;
    height: 100%;
    margin: 50px 4% 10px;
    border-radius: 6px;
  }
  main h3.rank_one, main h3.rank_two, main h3.rank_three, main h3.rank_no, main h3.rank_oshi {
    padding: 21% 4% 0%;
    width: auto;
    font-size: 135%;
    background-repeat: no-repeat;
    background-position: center top;
    line-height: 1.3em;
    background-size: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0%;
    margin-bottom: -2%;
  }
  .modeli h3 span {
    display: block;
  }
  main .modeli .rank_no {
    background-image: url(../img/layout/bg_h3_rank_no.png);
    background-size: 38%;
  }
  main .modeli h4 {
    margin: 0px 4.3% 20px;
    font-size: 150%;
    padding: 0px;
  }
  .modeli_right {
    margin: 0px 0px 20px 0%;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }
  .modeli_text_b {
    font-size: 14px;
    padding: 15px;
    border-radius: 6px;
    display: block;
    margin: 10px 5%;
    line-height: 1.5em;
    color: #252525;
  }
  .reference_rank_desktop_mobile img, .reference_rank_note_mobile img {
    border: 1px solid #D4D4D4;
    border-radius: 6px;
  }
  .geme_title {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    padding: 0px;
    margin-bottom: 2%;
  }
  .geme_title li {
    height: auto;
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    font-size: 80%;
  }
  .geme_title li img {
    height: auto;
    width: 100%;
  }
  main p.reputation_link a {
    font-size: 115%;
    margin-top: 11%;
  }
  main p.reputation_link a::before {
    top: 1px;
  }
  main .kuchikomi {
    font-size: 110%;
    padding-left: 11%;
    background-size: 9%;
    margin-left: 2%;
    margin-right: 2%;
    width: 85%;
    margin-bottom: 4%;
    background-position: 0% center;
  }
  #reputation_list {
    margin-right: 5%;
    margin-left: 5%;
  }
  main #reputation_list li p {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
  }
  divmain div.box_wrap .kuchikomi img.inline {
    width: 25%;
  }
  main .kuchikomi img {
    margin-top: 2.6px;
  }
  main .box_wrap p img.inline {
    width: 5%;
  }
  main p.d_line {
    margin-left: 5%;
    margin-right: 5%;
    width: auto;
    padding-bottom: 10%;
    margin-bottom: 3%;
  }
  #mfp_buttons {
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
    margin-top: 5px;
    outline: medium none;
    margin-bottom: 40px;
  }
  .end_bunner.reputation a {
    height: 68px;
  }
  .bunner_mobile img {
    width: 92.4%;
    margin-left: 4.5%;
    margin-right: 3.1%;
    margin-bottom: 8px;
    border-radius: 5px;
  }
  div.a_text_af a img {
    display: none;
  }
  .old a:link {
    margin-left: 5px;
  }
  .old a:link, .blogtop a:link {
    margin-right: 10px;
  }
  .old a:link, .blogtop a:link, .new a:link {
    padding: 10px 12px;
    background-image: url(none);
    font-size: 100%;
  }
  .old a:hover, .blogtop a:hover, .new a:hover {
    background-image: url(none);
  }
  .new a {
    padding: 10px 12px;
    background-image: url(none);
  }
  .rp {
    margin-left: -20px;
  }
  .reputation_link_bi a {
    background: url(../img/layout/arrow_b.png) no-repeat left center;
    background-size: 16px;
  }
  .reputation_link_bi a:hover {
    background: url(../img/layout/arrow_b_hover.png) no-repeat left center;
    background-size: 16px;
  }
  main p.d_line {
    margin-right: 0px;
    margin-left: 0px;
  }
  .refuse {
    font-family: "Noto Sans JP";
    margin-bottom: 6%;
    font-size: 13px;
    line-height: 1.5em;
    width: auto;
    margin-right: 5%;
    margin-left: 5%;
    padding: 16px 22px 0px;
  }
  .refuse p {
    font-size: 13.5px;
    line-height: 1.6em;
    padding: 0px;
    margin: 0 0 16px 0;
  }
  .refuse .button_out a {
    font-size: 110%;
    margin: 25px 0%;
    padding: 4% 7% 3.5% 7%;
  }
  #mokuji + .refuse {
    margin-top: 60px;
  }
  main p.staff, main p.syuzai_man, main p.a_kanrinin, main p.a_man, main p.a_man_b, main p.a_kanrinin_p, main p.a_man_p {
    margin-left: 4%;
    padding-bottom: 0%;
    padding-left: 15%;
    font-size: 14px;
  }
  main p.a_kanrinin_p, main p.a_man_p {
    width: auto;
    margin-top: -3%;
    margin-bottom: 8.5%;
  }
  main p.a_kanrinin img, main p.a_man img main p.a_kanrinin_p img, main p.a_man_p img {
    margin-bottom: -3%;
  }
  .t_ashi.talk {
    width: auto;
    margin-left: 3%;
  }
  main h3.matta, main h3.point {
    background-size: 10%;
    padding: 17px 6% 16px 11%;
    width: 79%;
    font-size: 150%;
  }
  .modeli_img img {
    width: 60%;
    height: 60%;
    margin-right: 15%;
    margin-left: 15%;
  }
  .custom_img a {
    text-decoration: none;
    font-size: 100%;
  }
  .t_n th {
    color: #FFF;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
  }
  .t_c th {
    padding: 3% 1.5%;
  }
  .scroll {
    width: 94%;
    margin-right: 3%;
    margin-left: 3%;
  }
  main p.scroll_after {
    margin-top: 2%;
  }
  main p.space_up {
    margin-top: 10px;
  }
  main .a_text_internal a {
    background-size: 6%;
    padding-left: 7%;
    font-size: 135%;
  }
  main .a_text_internal a:hover {
    background-size: 6%;
    padding-left: 7%;
  }
  .ml {
    line-height: 1.3em;
    font-size: 112%;
  }
  .l {
    line-height: 1.3em;
    font-size: 124%;
  }
  .ll {
    line-height: 1.3em;
    font-size: 120%;
  }
  .sl {
    line-height: 1.3em;
  }
  .s {
    line-height: 1.3em;
    font-size: 85%;
  }
  table .s {
    line-height: 1.5em;
    font-size: 75%;
    margin-top: 3px;
  }
  #term_aiueo {
    width: auto;
    margin-left: 21px;
    margin-top: 0px;
    margin-bottom: 30px;
    padding-bottom: 0px;
  }
  #term_abc {
    width: auto;
    margin-left: 21px;
    margin-top: -10px;
    margin-bottom: 0px;
    padding-bottom: 40px;
  }
  #term_aiueo li, #term_abc li, #term_aiueo li a, #term_abc li a {
    font-size: 17px;
    margin-bottom: 7px;
    margin-right: 7px;
  }
  #container {
    padding-bottom: 57px;
  }
  ul.list_basic {
    width: auto;
    margin-bottom: 8%;
    margin-right: 4%;
    margin-left: 5%;
    margin-top: 8%;
  }
  ul.list_basic li {
    font-size: 16px;
    padding-left: 8%;
    margin-bottom: 0%;
    line-height: 1.5em;
    background-size: 5%;
  }
  .twitter_quotation {
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 5%;
    width: 90%;
  }
  div.slider_img {
    width: 100%;
    height: auto;
    margin: -4% auto 4%;
    padding-top: 0px;
    padding-bottom: 4px;
  }
  div#thumb_a, div#thumb_b, div#thumb_c, div#thumb_d, div#thumb_e, div#thumb_f, div#thumb_g, div#thumb_h {
    width: 90% !important;
    height: auto !important;
    margin-right: 5% !important;
    margin-left: 5% !important;
  }
  main .box_wrap p.radius img {
    border-radius: 4px;
  }
  .keshi-img {
    display: none;
  }
  main a.entry_wrap {
    width: auto;
    margin-right: 4%;
    margin-left: 4%;
    padding: 4%;
    margin-bottom: 5%;
    background-size: 20%;
    background-position: 2% 2%;
    border-radius: 8px;
  }
  main a.entry_wrap img {
    width: 100%;
    height: auto;
    margin-bottom: 4%;
  }
  main a.entry_wrap h3 {
    padding: 0% 0% 3% 0%;
    font-size: 160%;
    line-height: 1.4em;
    margin: 0%;
  }
  blockquote {
    margin-right: 5%;
    margin-left: 5%;
    padding: 9% 9% 3.8% 9%;
    background-size: 20%;
    margin-bottom: 6%;
  }
  blockquote::before {
    font-size: 20px;
    top: 15px;
    left: 15px;
  }
  main blockquote p a {
    margin-top: 7%;
    color: #737373;
    font-size: 95%;
  }
  main .box_wrap table + p.table-info, main .box_wrap .spscroll_wrap + p.table-info, main .box_wrap .spscroll_wrap_no + p.table-info {
    font-size: 11px;
    margin: -14px 1% 8% 0px;
  }
  p.table-info + p.table-info {
    font-size: 11px;
    margin: -30px 1% 8% 0px;
  }
  main p.top_space {
    margin-top: 6%;
  }
  .list, .list_comp .comp a {
    height: 29px;
    padding-top: 9px;
  }
  .list_comp {
    height: 40px;
  }
  .fix_button_sp {
    display: block;
    width: 94%;
    margin-right: 3%;
    margin-left: 3%;
    bottom: 68px;
    position: fixed;
    text-align: center;
    text-indent: 0px;
    z-index: 90;
  }
  .fix_button_sp a {
    display: block;
    font-size: 17px;
    width: auto;
    background-color: #FF8B18;
    border-bottom: 3.5px solid#D66A00;
    transition-timing-function: ease;
    border-radius: 4px;
    color: #FFFFFF;
    text-decoration: none;
    font-family: 'M PLUS Rounded 1c', "メイリオ";
    transform: rotate(0.05deg);
    background-image: url(../img/layout/mobile/footer_ranking_man.png);
    background-position: -5px 5px;
    background-size: 14%;
    padding-top: 9pt;
    padding-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 9px;
    padding-right: 0px;
  }
  .fix_button_sp a:active {
    background-size: 15%;
    background-color: #FFAC5B;
    border-bottom: 3.5px solid#FFAC5B;
  }
  .is-fixed {
    display: none !important;
  }
  #social {
    width: 288px;
    height: 48px;
    margin-bottom: 0px;
    background-color: #FFFFFF;
    top: 0px !important;
    left: 50% !important;
    margin-left: -135px;
    z-index: 10;
  }
  #social li {
    width: 48px;
    height: 48px;
    background-size: 100%;
    text-indent: -7777px;
    float: left;
  }
  #social li a, #social li a img {
    width: 48px;
    height: 48px;
    display: block;
  }
  input#button_mfp_goconfirm {
    width: 80% !important;
    height: auto !important;
  }
  #mailform {
    width: 414px !important;
    height: auto !important;
  }
  ul.confirm_layer {
    width: 100% !important;
  }
  ul.confirm_layer li {
    width: 100% !important;
  }
  input#button_mfp_goconfirm {
    width: 40% !important;
    height: auto;
  }
  table.infield {
    width: 100% !important;
    margin: 0px auto 15px;
    padding: 10px;
    border-radius: 6px;
  }
  table.infield th {
    font-size: 14px;
    width: 30% !important;
  }
  div#confirmBody div.mfp_title {
    margin: 0px auto 0px auto;
    width: 100% !important;
    height: auto;
    padding-top: 50px;
  }
  form#mail_form {
    width: 84%;
    font-size: 95%;
  }
  form#mail_form dl {
    overflow: visible;
  }
  form#mail_form dl dt {
    width: auto;
    float: left;
    text-align: left;
    padding: 15px 0 8px;
    font-weight: bold;
  }
  form#mail_form dl dd {
    width: 100%;
    float: left;
    border-top: none;
    padding: 0px 0 20px 0px;
  }
  form#mail_form .form_space {
    margin-top: 0px;
  }
  form#mail_form dl dt span {
    font-weight: normal;
  }
  form#mail_form dl dt span.required, form#mail_form dl dt span.optional {
    margin-right: 1em;
    margin-bottom: 2em;
  }
  form#mail_form input[type="text"], form#mail_form input[type="email"], form#mail_form input[type="tel"] {
    margin-top: 0px;
  }
  form#mail_form input#postal + a {
    padding: 6px 15px 5px;
  }
  form#mail_form select {
    font-size: 90%;
    margin-top: 0;
  }
  form#mail_form input#phone, form#mail_form input#schedule {
    width: 50%;
  }
  form#mail_form input#company, form#mail_form input#name, form#mail_form input[type="text"], form#mail_form input[type="email"], form#mail_form input[type="tel"] {
    font-size: 90%;
    padding: 9px 8px;
  }
  form#mail_form dl dt span.required, form#mail_form dl dt span.optional {
    margin-right: 5px;
    margin-bottom: 0em;
    font-size: 80%;
    padding: 3px 4px;
  }
  div#agreement {
    float: left;
  }
  form#mail_form input#mail_address, form#mail_form input#mail_address_confirm, form#mail_form input#product {
    width: 90%;
  }
  form#mail_form select#star {
    width: 50%;
  }
  form#mail_form textarea {
    width: 95%;
    padding: 10px 12px;
  }
  #attachment li {
    width: 45.8% !important;
  }
  #attachment li p.change_image img, #attachment label {
    height: 100px !important;
  }
  .view_box::after, .view_box2::after, .view_box3::after, .view_box4::after {
    font-size: 200% !important;
  }
  main form#mail_form dl dd p.accept_filetype {
    padding-left: 0px;
    font-size: 70%;
    margin-bottom: 5px;
  }
  main form#mail_form dl dd.message {
    margin-top: -5px;
  }
  form#mail_form .img_del i.icon-judg_batsu {
    line-height: 26px;
  }
  form#mail_form ul.requirement {
    margin-left: 5px;
  }
  form#mail_form ul.requirement li {
    margin-bottom: 5px;
  }
  form#mail_form ul li input[type="radio"], form#mail_form ul li input[type="checkbox"] {
    margin-right: 12px;
  }
  form#mail_form .cp_ipcheck .option-input05 {
    top: 0px;
  }
  form#mail_form .cp_ipcheck .option-input05.doui {
    top: 1.5px;
    margin: 0 10px 0 0;
  }
  div#agreement {
    width: 94%;
    margin: 0px auto 10px;
    padding: 15px 3%;
    border-radius: 3px;
  }
  div#agreement div {
    width: auto;
    height: 100px;
    margin: 10px 0% 18px 0%;
    padding: 20px;
  }
  main #agreement h6 {
    margin: 0px 0% 10px;
  }
  div#agreement div p {
    margin-bottom: 20px;
  }
  form#mail_form div#agreement ul.list_decimal {
    margin-right: 10px;
    margin-left: 0px;
  }
  form#mail_form div#agreement ul.list_decimal li {
    width: auto;
    margin-left: 7%;
  }
  main #agree_check label {
    width: 70%;
    font-size: 100%;
  }
  form#mail_form .cp_ipcheck .option-input05:after {
    left: -1px;
  }
  form#mail_form #form_submit_button {
    font-size: 105%;
    width: auto;
    margin: 0px auto !important;
    padding: 3.2% 8% 2.9%;
    border-radius: 4px;
  }
  form#mail_form .img_del i.icon-judg_batsu {
    line-height: 26px !important;
  }
  form#mail_form ul.form_li_left li {
    margin-right: 18px;
    margin-bottom: -3px;
  }
  form#mail_form ul.form_li_left {
    margin-top: -15px;
    margin-left: 0px;
  }
  .cp_ipradio .option-input:checked::before {
    line-height: 21px;
  }
  table.kuchikomi_t {
    margin-bottom: 4%;
  }
  .kuchikomi_list {
    margin-right: 5%;
    margin-left: 5%;
    margin-top: 4%;
    padding-bottom: 8%;
  }
  .kuchikomi_list .kuchikomi_header {
    margin-left: 6.5%;
    font-size: 90%;
  }
  .kuchikomi_list li.name {
    top: -2.5px;
  }
  .kuchikomi_list li.all {
    margin-left: 0px;
    margin-bottom: 10px;
  }
  .kuchikomi_list li.date {
    margin-bottom: 10px;
  }
  .kuchikomi_list li.all .star {
    width: 120px;
    height: auto;
  }
  .kuchikomi_list li .star {
    width: 72px;
  }
  .kuchikomi_list .kuchikomi_header_two li {
    margin-bottom: 5px;
  }
  .kuchikomi_list ul.kuchikomi_header_two {
    margin-bottom: 15px;
  }
  .kuchikomi_list li.period, .kuchikomi_list li.product, .kuchikomi_list li.purpose {
    font-size: 100%;
  }
  main .kuchikomi_list h3 {
    margin: 0px 6.5% 20px 6.5%;
    line-height: 1.5em;
  }
  main .kuchikomi_list p {
    margin-right: 1%;
    margin-left: 1%;
    font-size: 90%;
  }
  .kuchikomi_list .kuchikomi_header_three li {
    margin-right: 25px;
  }
  #sp_nav {
    display: block;
  }
  #nav_drawer {
    position: fixed;
    left: 10px;
    top: 9px;
  }
  .nav_unshown {
    display: none;
  }
  #nav_open {
    display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: middle;
  }
  #nav_open span, #nav_open span:before, #nav_open span:after {
    position: absolute;
    height: 4px; /*線の太さ*/ width: 30px; /*長さ*/ border-radius: 3px;
    background: #666;
    display: block;
    content: '';
    cursor: pointer;
  }
  #nav_open span:before {
    bottom: -10px;
  }
  #nav_open span:after {
    bottom: -20px;
  }
  #nav_close {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
  }
  #nav_content {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 86%;
    height: 100%;
    background: #fff;
    transition: .3s ease-in-out;
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);
  }
  #nav_input:checked ~ #nav_close {
    display: block;
    opacity: 0.5;
  }
  #nav_input:checked ~ #nav_content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  label.cancel {}
  .cancel::before {
    font-family: icomoon;
    font-size: 28px;
    content: "\e906";
    color: #CCC;
    position: absolute;
    right: -30px;
    top: 12px
  }
  header {
    width: 100%;
    height: 48px;
    border-bottom: 1px solid #D5D5D5;
    display: block;
    background-color: #FFF;
    position: fixed;
    z-index: 3;
  }
  #header_pcsp {
    width: 100% !important;
    height: 100% !important;
    background: url(none) !important;
  }
  #logo_serch {
    width: 100%;
    height: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  #logo {
    width: 245px;
    height: 30px;
    margin-top: 9px;
    margin-left: 92.5px;
    background-size: 100%;
    transition: all 0.3s;
  }
  #logo a {
    width: 245px;
    height: 30px;
    background-size: 100%;
  }
  #nav {
    display: none;
  }
  aside #footer_rank ul li.frone .text, aside #footer_rank ul li.frtwo .text, aside #footer_rank ul li.frthree .text {
    font-size: 16px;
    transform: rotate(4deg);
    top: 110px;
    left: 60px;
  }
  .td_center td.star.average {
    padding-left: 15px;
  }
  .star.average {
    background-position: 42px center;
    font-size: 110%;
  }
  .kuchikomi_list .kuchikomi_img {
    margin-left: 22px;
    margin-top: 30px;
  }
  .kuchikomi_list .kuchikomi_img li, .kuchikomi_list .kuchikomi_img li img {
    width: 77px;
    height: 50px;
    margin-right: 4px;
  }
  .kuchikomi_img a.loupe::after {
    font-size: 13px;
    right: 7px;
  }
  .kuchikomi_list li.all .star {
    width: 100px;
    background-position: left 2.5px;
  }
  #wrap_main {
    top: 0px;
    padding-top: 0px;
  }
  table.t_thtd_vertical tr, table.t_thtd_vertical th, table.t_thtd_vertical td {
    display: block;
    width: auto;
  }
  table.t_thtd_vertical th {
    text-align: center;
    font-size: 13px;
    padding: 8px 10px 9px 10px;
  }
  table.t_thtd_vertical td {
    font-size: 13px;
    padding: 8px 14px 9px 14px;
  }
  table.t_thtd_vertical td.s {
    font-size: 11px;
  }
  table.t_thtd_vertical td .ml {
    font-size: 120%;
  }
  .box_wrap table .table-button a {
    padding: 6px 12px;
    line-height: 1.2rem;
    max-width: 100%;
  }
  ul.shopcat li {
    border-radius: 2px;
    padding: 4px 6px;
    font-size: 11.5px;
    margin-right: 5px;
    margin-bottom: 2.5px;
    margin-top: 2.5px;
  }
  .box_wrap table.t_thtd_vertical a.link_ex {
    background-position: left 4px;
  }
  .box_wrap table.t_thtd_vertical a.link_twitter {
    background-position: left 6px;
  }
  div.slider_img {
    padding-top: 5px;
    padding-bottom: 0px;
    background-image: url(none);
  }
  .sp-top-thumbnails .sp-thumbnail-container, .sp-bottom-thumbnails .sp-thumbnail-container {
    margin-left: 2px;
    margin-right: 2px;
  }
  .sp-bottom-thumbnails {
    margin-top: 4px;
  }
  table.t_thtd_vertical td.no_padding iframe {
    margin-bottom: -7px;
  }
  ul.entry_list {
    width: 92%;
    margin: -10px 4% 20px;
    margin-bottom: 20px;
  }
  ul.entry_list li {
    margin-bottom: 8px;
  }
  ul.entry_list li a {
    height: auto;
    padding: 10px 20px 10px 10px;
  }
  .entry_list .wrap_variable {
    margin-right: -45%;
  }
  main .entry_list .entry_titile {
    font-size: 14.5px;
    margin: 1px 0px 10px 3px;
    margin-right: 45%;
    transform: rotate(0deg);
    line-height: 1.35em;
  }
  .entry_list .thumb {
    width: 45%;
    height: auto;
  }
  .entry_list .thumb img {
    width: 100%;
    height: auto;
    margin-left: 10px;
    margin-bottom: 10px;
  }
  span.modal_open a {
    padding-right: 20px;
  }
  span.modal_open a::after {
    font: normal 15px icomoon;
    right: 0px;
    top: 3px;
    margin-right: 1px;
  }
  .modal_content {
    width: auto;
    margin-right: 35px;
    margin-left: 35px;
    left: 0px !important;
    top: 430px !important;
  }
  .modal_text {
    padding: 20px 20px 5px;
  }
  main .box_wrap .modal_content p img {
    width: 60%;
  }
  main .modal_content h3 {
    font-size: 16px;
    margin: 0px 0px 15px 0px;
  }
  main .modal_text p {
    font: normal 12px/1.6em "Noto Sans JP";
    margin: 0px 0px 10px;
  }
  main .modal_close a {
    width: 30px;
    height: 30px;
    margin-top: 10px;
  }
  .modal_content {
    border: 4px solid #920000;
  }
  .modal_text {
    border: 2px solid #f7a2a2;
  }
  .modal_close a.close_button::before {
    font-size: 25px;
  }
  .modal_text::before {
    left: -35px;
    width: 70px;
    bottom: -170px;
    background: url(../../common/img/layout/modal_before_sp.png) no-repeat left top;
    background-size: 100%;
  }
  .gb_point {
    padding: 75px 6% 20px 6%;
    margin-right: 5%;
    margin-left: 5%;
    background-size: 34% auto;
    margin-bottom: 5%;
  }
  .gb_point.bad {
    background-size: 27% auto;
  }
  .gb_point::before {
    top: 28px;
    font-size: 17px;
  }
  .gb_point.good::before {
    margin-left: -65px;
  }
  .gb_point.bad::before {
    margin-left: -72px;
  }
  .gb_point li {
    padding-left: 24px;
    font-size: 14.5px;
    line-height: 1.55em;
    margin-bottom: 12px;
  }
  .gb_point li::before {
    font-size: 16px;
    top: 1px;
  }
  .gb_point.bad li::before {
    font-size: 14px;
  }
  .gb_point.good::after {
    background-size: 30%;
    background-position: bottom -15px right -10px;
  }
  .gb_point.bad::after {
    background-size: 21%;
    background-position: bottom -8px right 10px;
  }
  p a.loupe {
    margin-top: 16px;
    margin-bottom: -10px;
  }
  main .box_wrap p a.loupe img {
    margin-top: 0px;
    margin-bottom: -13px;
  }
  a.loupe::after {
    width: 22px;
    height: 22px;
    right: 4px;
    top: 4px;
  }
  .lb-data .lb-close {
    margin-top: 0px;
  }
  #pan {
    height: 22px;
    width: auto;
    line-height: 20.5px;
    font-size: 9px;
    padding-left: 10px;
    margin-bottom: 1px;
    margin-top: 50px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background-image: linear-gradient(0deg, #FFF 0%, #f5f5f5 100%), url(none);
    background-size: 1px 2px, 12px;
    background-position: center top, 5px 4px;
    margin-right: -4px;
    margin-left: -4px;
    overflow-x: scroll;
    white-space: nowrap;
  }
  #pan li, #pan li a {
    height: 22px;
  }
  #pan li a {
    padding-right: 25px;
    background-size: 20px 22px;
  }
  #pan li a.home {
    text-indent: -9999px;
    background-image: url(../../common/img/layout/home.svg), url(../../common/img/layout/bg_pan_header_list.svg);
    background-position: left 4.5px, right center;
    background-size: 12px, 20px 22px;
    padding-right: 40px;
  }
  #pan li {
    font-weight: bold;
  }
  .drawer-open {
    overflow: hidden !important
  }
  .drawer-nav {
    position: fixed;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    color: #444;
    background-color: #fff
  }
  .drawer-brand {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 3.75rem;
    display: block;
    padding-right: .75rem;
    padding-left: .75rem;
    text-decoration: none;
    color: #444
  }
  .drawer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .drawer-menu-item {
    font-size: 1rem;
    display: block;
    padding: .75rem;
    text-decoration: none;
    color: #444
  }
  .drawer-menu-item:hover {
    text-decoration: underline;
    color: #555;
    background-color: transparent
  }
  .drawer-overlay {
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    z-index: 998;
  }
  .drawer-open .drawer-overlay {
    display: block
  }
  .drawer--top .drawer-nav {
    top: -100%;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 100%;
    -webkit-transition: top .6s cubic-bezier(.19, 1, .22, 1);
    transition: top .6s cubic-bezier(.19, 1, .22, 1)
  }
  .drawer--top.drawer-open .drawer-nav {
    top: 0
  }
  .drawer--top .drawer-hamburger, .drawer--top.drawer-open .drawer-hamburger {
    right: 0
  }
  .drawer--left .drawer-nav {
    left: -100%;
    -webkit-transition: left .6s cubic-bezier(.19, 1, .22, 1);
    transition: left .6s cubic-bezier(.19, 1, .22, 1);
    background-color: #f6f6f6;
  }
  .drawer--left .drawer-hamburger, .drawer--left.drawer-open .drawer-nav, .drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
    left: 0;
  }
  .drawer--left.drawer-open .drawer-hamburger {
    left: 86%;
    z-index: 9999;
    top: 5px;
  }
  .drawer--right .drawer-nav {
    right: -85%;
    -webkit-transition: right .6s cubic-bezier(.19, 1, .22, 1);
    transition: right .6s cubic-bezier(.19, 1, .22, 1)
  }
  .drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-nav, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
    right: 0
  }
  .drawer--right.drawer-open .drawer-hamburger {
    right: 85%
  }
  .drawer-hamburger {
    position: absolute;
    top: 0;
    display: block;
    box-sizing: content-box;
    width: 2rem;
    padding: 0;
    padding: 18px .75rem 30px;
    -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
    transition: all .6s cubic-bezier(.19, 1, .22, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border: 0;
    outline: 0;
    background-color: transparent
  }
  .drawer-hamburger:hover {
    cursor: pointer;
    background-color: transparent
  }
  .drawer-hamburger-icon {
    position: relative;
    display: block;
    margin-top: 10px
  }
  .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    width: 100%;
    height: 3px;
    -webkit-transition: all .4s cubic-bezier(.19, 1, .22, 1);
    transition: all .6s cubic-bezier(.19, 1, .22, 1);
    background-color: #444;
    border-radius: 4px;
    left: 10px;
    top: 13px;
  }
  .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    position: absolute;
    top: -10px;
    left: 0;
    content: ""
  }
  .drawer-hamburger-icon:after {
    top: 10px
  }
  .drawer-open .drawer-hamburger-icon {
    background-color: transparent
  }
  .drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before {
    top: 0
  }
  .drawer-open .drawer-hamburger-icon:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #444;
  }
  .drawer-open .drawer-hamburger-icon:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #444;
  }
  .sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0
  }
  .sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0
  }
  .drawer--sidebar, .drawer--sidebar .drawer-contents {
    background-color: #fff
  }
  #conditions_list {
    width: 92%;
    margin-right: auto;
    margin-left: auto;
  }
  #conditions_list li a {
    line-height: 24px;
    font-size: 80%;
  }
  main #review_list h3 {
    font-size: 115%;
    text-align: center;
    margin-bottom: 4px;
  }
  ul.drawer-menu {
    width: calc(100% - 30px);
    margin: 25px auto 16px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
  }
  ul.drawer-menu li {
    width: 33%;
    margin-bottom: 10px;
    position: relative;
    padding: 0;
    display: block;
    background-color: #FFF;
    border-radius: 4px;
  }
  ul.drawer-menu {
    background-repeat: no-repeat;
  }
  .menu-reco.spn_menu {
    background-image: url(../img/layout/mobile/drawer-menu-reco.png);
    background-size: 55px;
    background-position: center 15px;
  }
  .menu-comparison.spn_menu {
    background-image: url(../img/layout/mobile/drawer-menu-comparison.png);
    background-size: 55px;
    background-position: center 15px;
  }
  .menu-review.spn_menu {
    background-image: url(../img/layout/mobile/drawer-menu-review.png);
    background-size: 55px;
    background-position: center 15px;
  }
  .menu-reputation.spn_menu {
    background-image: url(../img/layout/mobile/drawer-menu-reputation.png);
    background-size: 55px;
    background-position: center 15px;
  }
  .menu-guide.spn_menu {
    background-image: url(../img/layout/mobile/drawer-menu-guide.png);
    background-size: 55px;
    background-position: center 15px;
  }
  .menu-tips.spn_menu {
    background-image: url(../img/layout/mobile/drawer-menu-tips.png);
    background-size: 55px;
    background-position: center 15px;
  }
  ul.drawer-menu li.spn_menu {
    width: calc(33% - 5px);
  }
  ul.drawer-menu li.spn_menu a {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 73px 0 8px;
    bpx-sizing: border-box;
    text-align: center;
    text-decoration: none;
    color: #333;
    border-radius: 4px;
    transition: background 0.4s ease;
    font-size: 11px;
    font-weight: bold;
  }
  .bunner-space {
    width: calc(100% - 30px);
    margin: 0 auto 20px;
  }
  .bunner-space img {
    border-radius: 6px;
  }
  .wrap_footer_menu_sp {
    position: absolute;
    bottom: 248px;
    width: 100%;
  }
  ul.footer_menu_sp {
    width: calc(100% - 30px);
    display: flex;
    margin: 0px auto 0px;
  }
  ul.footer_menu_sp li {
    width: calc(33%);
    margin: auto 4px;
  }
  ul.footer_menu_sp li a {
    display: block;
    background-color: #FFF;
    border-radius: 20px;
    border: 2px solid #ccc;
    font-size: 10px;
    text-align: center;
    padding: 5px 0 6px 0;
    color: #000;
    text-decoration: none;
  }
  .mail {
    position: absolute;
    bottom: 170px;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    display: block;
    left: 50%;
  }
  .mail img {
    width: 60px;
    height: 60px;
  }
  .refine_search {
    margin-left: 20px;
  }
  .masonry {
    margin-top: 0px;
  }
  #review_list li {
    border-radius: 5px;
    margin: 0px 4% 10px 4%;
    width: 92% !important;
    height: auto !important;
    overflow: hidden;
  }
  #review_list li a {
    width: auto;
    height: auto;
    padding: 20px 15px 15px;
    overflow: hidden;
  }
  #review_list li a img {
    width: 20%;
    height: auto;
    right: 15px;
    top: 56px;
    border-radius: 3px;
    margin-bottom: 10px;
  }
  #review_list ul.tag_list_nolink {
    width: 69%;
  }
  #review_list ul.tag_list_nolink li {
    margin: 0px 4px 4px 0px;
    padding: 1px 8px 0px 7px;
    line-height: 21px;
    font-size: 65%;
  }
  .wrap_three {
    margin-bottom: 0px;
  }
  .catch {
    font-size: 13px;
    width: fit-content;
    margin: auto;
  }
  main .box_wrap p.quote.for580 {
    margin-left: 6%;
  }
  main .box_wrap h1 + p img {
    width: 105.1%;
    margin-top: -13px;
    margin-bottom: -6%;
    margin-left: -2.87%;
  }
  main .box_wrap h2 + p img, main .box_wrap h3 + p img, main .box_wrap h4 + p img {
    width: 101.9%;
    height: auto;
    margin-top: -13px;
  }
  .kakk_space {
    font-size: 75%;
    position: relative;
    top: -1px;
    margin-left: -3px;
  }
  .wrap_twitter_sp .twitter-tweet {
    max-width: 90% !important;
    margin-bottom: 30px !important;
  }
  .lb-outerContainer {
    top: 0 !important;
  }
  .lb-outerContainer, .lb-outerContainer img {
    width: 100% !important;
  }
  main .box_wrap h2 + table, main .box_wrap h3 + table, main .box_wrap h4 + table {
    margin-top: -13px;
  }
  div.center_button + div.button_internal {
    margin-top: -20px;
  }
  h3 + .gb_point {
    margin-top: -12px;
  }
  main h3.softname, main h4.softname {
    font-size: 15px;
    padding: 0px 0px;
  }
  h2 + p.youtube {
    margin-top: -28px;
  }
  main .entry_list .entry_title {
    font-size: 13px;
    margin: 0px 165px 10px 3px;
    transform: rotate(0deg);
    line-height: 1.5em;
  }
  main .box_wrap h3 + p.youtube {
    margin-top: -35px;
  }
  .spscroll_wrap {
    width: 88%;
    margin: 35px 0 14px 6%;
    position: relative;
  }
  .spscroll_wrap_no {
    width: 90%;
    margin: 0 4% 14px 6%;
  }
  .spscroll_wrap + p, .spscroll_wrap_no + p {
    margin-top: 5px;
  }
  h3 + .spscroll_wrap_no {
    margin: -10px 4% 0 6%;
  }
  .spscroll_wrap::before {
    position: absolute;
    content: "⇒ スワイプ";
    font-size: 10px;
    top: -20px;
    right: 5px;
  }
  .spscroll {
    overflow-x: scroll;
    white-space: nowrap;
  }
  .spscroll table {
    width: auto;
    margin: 0 0 10px 0;
  }
  .spscroll table th.fix_left, .spscroll table td.fix_left {
    position: sticky;
    left: 0;
  }
  .tab-label {
    font-size: 14px;
    padding: 14px 12px 16px 12px;
    margin: 0 0 22px 0;
  }
  .tab-wrap {
    width: 109%;
    margin: -4.5%;
  }
  .writer-box {
    width: auto;
    padding: 15px 15px 10px 15px;
    margin: 40px 20px 40px;
    border-radius: 10px;
  }
  .writer .avatar {
    border-radius: 50%;
    width: 60px;
    height: 60px;
  }
  .writer .avatar img {
    width: 60px;
    height: 60px;
  }
  .writer p {
    margin: 0 0 0 0px;
    padding: 0;
    font-size: 13px;
  }
  .writer-box.neko-ol {
    background-size: 100px auto;
  }
  .drawer-nav-inner {
    position: relative;
    height: 100%
  }
  small {
    position: absolute;
    bottom: 140px;
    text-align: center;
    display: block;
    width: 100%;
    font-size: 11px;
  }
  .mini-pc {
    display: block;
  }
}
@media (max-width: 380px) { /*iPhone6・iPhone7・iPhone8*/
  main h1, .change_log, .fake_h1 {
    font-size: 120%;
    padding: 4.5% 3.5% 4.5% 5.5%;
  }
  #pan {
    margin-top: 48px;
  }
  main .box_wrap h2 + p img, main .box_wrap h3 + p img {
    width: 101.8%;
  }
  .refine_search {
    margin-left: 18px;
  }
  #conditions_list li a {
    line-height: 22px;
    font-size: 75%;
    padding: 1px 11px 1px 7px;
  }
  .drawer-hamburger-icon {
    margin-top: 8.5px;
  }
  main #main_list li {
    width: 49.46%;
    height: 300px;
  }
  .entry_list .wrap_variable {
    margin-right: -43%;
  }
  .entry_list .thumb {
    width: 43%;
    height: auto;
  }
  .entry_day {
    font-size: 82%;
    background-position: left 3px;
  }
  header {
    height: 46px;
  }
  #social {
    width: 276px;
    height: 46px;
    margin-left: -128px;
  }
  #social li {
    width: 46px;
    height: 46px;
  }
  #social li a, #social li a img {
    width: 45px;
    height: 45px;
  }
  main .box_wrap p.quote {
    margin-top: -20px;
  }
  #logo {
    width: 230px;
    height: 28px;
    margin-left: 85px;
    margin-top: 9px;
  }
  #logo a {
    width: 230px;
    height: 28px;
  }
  .kuchikomi_list .kuchikomi_img li, .kuchikomi_list .kuchikomi_img li img {
    width: 69px;
    height: 45px;
  }
  #attachment li {
    width: 45.2% !important;
  }
  .h_mokuji {
    padding: 25px 5px 18px 24px;
  }
  .h_mokuji li a {
    line-height: 1.3em;
  }
  .box_wrap p a.link_ex {
    padding-left: 19px;
    background-size: 15px 13px;
  }
  .box_wrap p a.link_ex:hover, .box_wrap p.quote a.link_ex:active {
    background-size: 15px 13px;
  }
  .box_wrap p.quote a.link_ex {
    background-size: 14px 12px;
  }
  .box_wrap p.quote a.link_ex:hover, .box_wrap p.quote a.link_ex:active {
    background-size: 14px 12px;
  }
  .box_wrap table a.link_ex {
    background-size: 15px 13px;
  }
  .box_wrap table a.link_ex:hover, .box_wrap table a.link_ex:active {
    background-size: 14px 12px;
  }
  .box_wrap table.t_text_15 a.link_ex {
    background-size: 15px 13px;
    margin-right: 3px;
  }
  .box_wrap table.t_text_15 a.link_ex:hover, .box_wrap table.t_text_15 a.link_ex:active {
    background-size: 15px 13px;
  }
  .fix_button_sp a {
    font-size: 16px;
    padding-top: 9pt;
    padding-bottom: 10px;
  }
  .fix_button_sp {
    bottom: 55px;
  }
  .slidemenu-header h2 {
    background-size: 92% auto;
    background-position: center 16px;
  }
  .page_title, h1.page_title {
    top: 50px;
  }
  .page_title_text, h1.page_title_text {
    font-size: 10px;
  }
  main .t_review h3 {
    font-size: 110%;
  }
  main .t_review h4 {
    font-size: 80%;
  }
  #sp_footer {
    height: 48px;
  }
  #sp_footer .sp_footer_menu {
    height: 45px;
    padding-top: 3px;
    padding-bottom: 1px;
  }
  .sp_footer_menu li {
    background-size: 31px;
  }
  .sp_footer_menu li a {
    padding-top: 30px;
    padding-right: 8px;
    padding-left: 8px;
  }
  .end_bunner.reputation a {
    height: 60px;
  }
  #pagetop img {
    width: 30px;
    height: 30px;
  }
  #kuchikomi_look {
    width: 40px;
    height: 40px;
    bottom: 160px !important;
  }
  #kuchikomi_look a {
    width: 40px;
    height: 40px;
  }
  #kuchikomi_write {
    width: 40px;
    height: 40px;
    bottom: 115px !important;
  }
  #kuchikomi_write a {
    width: 40px;
    height: 40px;
    background-position: 9px 9.5px;
  }
  #term_aiueo li, #term_abc li, #term_aiueo li a, #term_abc li a {
    width: 25px;
    height: 25px;
    margin-bottom: 7px;
    margin-right: 7px;
  }
  .fukidashi_a {
    background-image: url(../img/layout/mobile/fukidashi_a_l.png);
    background-size: 100%;
    padding-top: 6%;
    padding-left: 6.5%;
    padding-right: 17%;
    font-size: 98%;
    width: auto;
    height: 4.5em;
    margin-left: 2%;
    margin-right: 2%;
  }
  .hitokoto { /*一言で言うと*/ background-image: url(../img/layout/mobile/hitokoto_a_l.png);
    background-size: 100%;
    padding-top: 5.5%;
    padding-left: 5%;
    padding-right: 15%;
    font-size: 127%;
    width: auto;
    height: 0em
  }
  .blog_guidance {
    font-size: 110%;
  }
  .blog_guidance {
    margin-left: 17px;
  }
  .old a, .blogtop a { /*古い記事&お役立ち情報TOP*/ margin-right: 15px;
  }
  #container { /*mainとcolumnを括る*/ padding-bottom: 49px;
  }
  .mobile_logo a {
    margin-left: 6px;
    margin-top: 15px;
  }
  div#thumb_a, div#thumb_b {
    width: 89.4% !important;
    margin-right: 5.3% !important;
    margin-left: 5.3% !important;
  }
  #cat_name, #cat_name#comp_l {
    height: 77px;
  }
  @media (max-width: 365px) { /*Galaxy S5*/
    .old a:link {
      margin-left: 6px;
    }
    .old a:link, .blogtop a:link {
      margin-right: 8px;
    }
    .old a:link, .blogtop a:link, .new a:link {
      padding: 8px 10px;
      font-size: 95%;
    }
    #cat_name, #cat_name#comp_l {
      height: 69px;
    }
  }
  @media (max-width: 320px) { /*iPhone 5*/
    #cat_name, #cat_name#comp_l {
      height: 65px;
    }
    .end_bunner.reputation a {
      height: 53px;
    }
    .mobile_logo a {
      margin-left: 4px;
      margin-top: 11px;
    }
    .button_m {
      width: 43px;
      height: 43px;
      background-size: 70%;
    }
    .slidemenu .slidemenu-header {
      height: 42px;
    }
    #sp_footer {
      height: 42px;
    }
    #sp_footer .sp_footer_menu {
      height: 39px;
      padding-top: 3px;
      padding-bottom: 1px;
    }
    .sp_footer_menu li {
      background-size: 27px;
    }
    .sp_footer_menu li a {
      font-size: 10px;
      padding-top: 30px;
      padding-right: 8px;
      padding-left: 8px;
    }
    #term_aiueo, #term_abc {
      margin-left: 10px;
    }
    #term_aiueo li, #term_abc li, #term_aiueo li a, #term_abc li a {
      width: 23px;
      height: 23px;
      margin-bottom: 4px;
      margin-right: 4px;
    }
    .fukidashi_a {
      background-image: url(../img/layout/mobile/fukidashi_a.png);
      background-size: 100%;
      font-size: 90%;
      padding: 15% 12% 0%;
      height: 28vh;
      line-height: 1.5em;
      margin-bottom: 3%;
    }
    .hitokoto { /*一言で言うと*/ background-image: url(../img/layout/mobile/hitokoto_a.png);
      background-size: 90%;
      font-size: 130%;
      padding: 10% 9% 0%;
      height: 28vh;
      line-height: 1.5em;
    }
    main p {
      font-size: 100%;
      margin-bottom: 8%;
    }
    th, td, .t_v td, .t_u td {
      font-size: 90%;
    }
    .l {
      font-size: 125%;
    }
    .ll {
      font-size: x-large;
    }
    .t_review th {
      font-size: 100%;
    }
    .blog_guidance {
      font-size: 98%;
    }
    .blog_guidance {
      margin-left: 15px;
    }
    .old a, .blogtop a {
      margin-right: 3px;
    }
    #container {
      padding-bottom: 45px;
    }
    ul.list_basic {
      font-size: 118%;
    }
    .mokuji li a {
      background-size: 7.5%;
      font-size: 95%;
      padding-left: 9.5%;
    }
    .mokuji li a:hover {
      background-size: 7.5%;
    }
    table.t_review {
      margin-top: -2%;
    }
    .footer_rank_button a {
      font-size: 140%;
      padding-top: 3.5%;
      padding-bottom: 3.5%;
    }
    .footer_rank_button_review a {
      font-size: 115%;
      padding-top: 3.5%;
      padding-bottom: 3.5%;
    }
    main #main_list li {
      width: 100%;
    }
    main #main_list li h2 a {
      font-size: 110%;
    }
    main #main_list #category_lineup li a img {
      border-radius: 9px;
      margin-bottom: 12px;
    }
    main #main_list li p {
      font-size: 110%;
    }
    .lineup h3.best {
      padding-top: 0%;
      padding-bottom: 0%;
    }
  }
}