@charset "utf-8";
/*ベースカラー…#007abe*/
/*テキストリンクカラー…#06c*/
/*ホバーカラー…#c8c8c8*/
/*赤色…dd0000*/
/*はてな…#6dcc00*/
* {
  margin: 0;
  padding: 0;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  list-style-type: none;
  font-weight: normal;
  background-repeat: no-repeat;
}
/*googleフォント「M PLUS Rounded 1c」適用*/
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 {
  font-family: 'M PLUS Rounded 1c', "メイリオ";
}
.pc {
  display: block;
}
.sp {
  display: none;
}
.only_mobile, .slidemenu.slidemenu-left, .reference_rank_mobile, .reference_rank_desktop_mobile, .reference_rank_note_mobile {
  display: none;
}
a, a:hover, a:visited, a img {
  color: #06c;
  text-decoration: underline;
  transition: all 0.3s;
}
.box_wrap a {
  font-weight: bold;
}
.box_wrap p a {
  margin-right: 2px;
  margin-left: 2px;
}
.box_wrap #reputation_link p a {
  margin-right: 0px;
  margin-left: 0px;
}
.box_wrap table a {
  font-weight: bold;
}
img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}
.kuchikomi img.inline {
  vertical-align: top;
}
a:hover {
  color: #c8c8c8;
  text-decoration: none;
}
a img:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
}
a:active {
  position: relative;
  top: 1px;
  color: #ccc;
  text-decoration: none;
}
.space_down_sp {
  margin-bottom: 0px;
}
body {
  margin-right: auto;
  margin-left: auto;
  font-family: "Noto Sans JP", "メイリオ", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  background-repeat: repeat-x;
  background-image: url(../../common/img/layout/bg_body.svg);
  background-size: 1px 138px;
  background-position: left 3px;
  background-color: #F1F1F1;
  color: #000;
  border-top: 3px solid #007abe;
}
header {
  width: 979px;
  margin-right: auto;
  margin-left: auto;
}
#header_pcsp {
  width: 979px;
  height: 137px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  left: auto;
  right: auto;
  background: url(../../common/img/layout/bg_header.png) no-repeat top;
  background-size: 100%;
}
#logo_serch {
  width: 979px;
  height: 47px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}
#logo {
  width: 294px;
  height: 36px;
  margin-top: 5px;
  margin-left: 10px;
  text-indent: -4649px;
  display: block;
  float: left;
  background: url(../img/layout/logo_toranomaki_hover.svg);
  background-size: 100%;
  transition: all 0.3s;
  transition-timing-function: ease;
}
#logo a {
  width: 294px;
  height: 36px;
  display: block;
  background: url(../img/layout/logo_toranomaki.svg);
  background-size: 100%;
  transition: all 0.3s;
  transition-timing-function: ease;
}
#logo a:hover {
  background: url(none);
  transition: all 0.3s;
  transition-timing-function: ease;
}
#logo a:active {
  background: url(../img/layout/logo_toranomaki_active.svg);
  background-size: 100%;
  top: 0px
}
#wrap {
  margin-right: auto;
  margin-left: auto;
  width: 979px;
}
#pan {
  height: 32px;
  width: 943px;
  line-height: 33px;
  font-size: 11px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 34px;
  margin-bottom: 12px;
  border-right: 1px solid #D5D5D5;
  border-left: 1px solid #D5D5D5;
  border-bottom: 1px solid #D5D5D5;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #FFFFFF;
  background-image: linear-gradient(0deg, #f7f7f7 0%, #ededed 100%), url("../../common/img/layout/home.svg");
  background-size: 1px 2px, 15px;
  background-position: center top, 10px 8px;
  background-repeat: repeat-x, no-repeat;
}
#pan li {
  display: inline;
  color: #444;
}
#pan li a {
  color: #999;
  background: url(../../common/img/layout/bg_pan_header_list.svg) no-repeat right top;
  float: left;
  padding-right: 35px;
  text-decoration: none;
  background-size: 29px 32px;
}
#pan li a:hover {
  color: #444;
  text-decoration: none;
}
#pan li a:active {
  color: #ccc;
  text-decoration: none;
  position: relative;
  top: 0px;
}
/*グローバルナビ------------------------------------------------------------------------------------------------------------------------------------▼▼▼▼*/
#nav {
  width: 979px;
  height: 50px;
  margin-right: auto;
  margin-left: auto;
  display: block;
  background: url(../../common/img/layout/bg_navi.svg) center 50px;
  background-size: 979px 100px;
}
#nav ul {
  padding-left: 1px
}
#nav ul li {
  float: left;
  width: 162px;
  margin-right: 1px;
}
.navi {
  display: block;
  height: 50px;
  text-indent: -9999px;
}
.a, .b, .c, .d, .e, .f {
  background-image: url(../../common/img/layout/bg_navi.svg);
  background-size: 979px 100px;
}
/*目的別おすすめ*/
.navi.a {
  background-position: -1px top;
}
.navi.a:hover, .a_on {
  background-position: -1px -50px;
}
/*比較ランキング*/
.navi.b {
  background-position: -164px top;
}
.navi.b:hover, .b_on {
  background-position: -164px -50px;
}
/*レビュー＆評価*/
.navi.c {
  background-position: -327px top;
}
.navi.c:hover, .c_on {
  background-position: -327px -50px;
}
/*評判・口コミ*/
.navi.d {
  background-position: -490px top;
}
.navi.d:hover, .d_on {
  background-position: -490px -50px;
}
/*選び方ガイド*/
.navi.e {
  background-position: -653px top;
}
.navi.e:hover, .e_on {
  background-position: -653px -50px;
}
/*お役立ち情報*/
.navi.f {
  background-position: -816px top;
}
.navi.f:hover, .f_on {
  background-position: -816px -50px;
}
/*左カラムナビ--------------------------------------------------------------------------------------------------------------------------------------▼▼▼▼*/
aside#column {
  float: right;
  width: 247px;
  font-size: 13px;
}
.lineup h4.best {
  height: 45px;
  text-indent: -9999px;
  border-bottom: 1px solid #D5D5D5;
  background: url(../../common/img/layout/column/h4_best3_desktop.png);
  background-size: 100%;
}
.lineup, .custom, .contents {
  border-radius: 3px;
  border: 1px solid #D5D5D5;
  margin-bottom: 10px;
}
aside#column h3 {
  display: block;
  background-image: linear-gradient(180deg, rgba(79, 165, 223, 1.00) 0%, rgba(0, 122, 190, 1.00) 100%), linear-gradient(180deg, #FBFBFB 0%, #F6F6F6 100%);
  background-position: left bottom;
  background-size: 4px auto, 100%;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  padding-left: 22px;
  border-bottom: 1px solid #D5D5D5;
  padding-top: 16px;
  padding-bottom: 14px;
  font-size: 16px;
  text-shadow: 2px 2px 0px #FFF;
  font-weight: bold;
  overflow: hidden;
  line-height: auto;
  transform: rotate(0.03deg);
}
aside#column h3 a, aside#column h3 a:hover, aside#column h3 a:visited {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}
h4.pulldown a, h4.pulldown.m a {
  display: block;
  padding-left: 15px;
  border-bottom: 1px solid #d5d5d5;
  color: #000;
  margin-right: auto;
  margin-left: auto;
  background-size: 100%;
  text-decoration: none;
  transition: 0.2s
}
h4.pulldown a:hover, h4.pulldown.m a:hover {
  color: #A3A3A3;
  background-size: 100%;
}
h4.pulldown a {
  font-size: 14px;
  font-weight: bold;
  padding-top: 12px;
  padding-bottom: 12px;
  background-image: url(../../common/img/layout/column/button_pulldown_l.svg);
}
h4.pulldown a:hover {
  background-image: url(../../common/img/layout/column/button_pulldown_l_hover.svg);
}
h4.pulldown.m a {
  font-size: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  background-image: url("../img/layout/column/button_pulldown_m.svg");
}
h4.pulldown.m a:hover {
  background-image: url("../../common/img/layout/column/button_pulldown_m_hover.svg");
}
.lineup ul li a, .custom ul li a, .contents ul li a {
  color: #000;
  display: block;
  border-bottom: 1px solid #E5E5E5;
  text-decoration: none;
  margin-right: auto;
  margin-left: auto;
  background-color: #FFF;
  transition: background-color 0.2s;
}
.lineup ul li a:hover, .custom ul li a:hover, .contents ul li a:hover {
  color: #FFF;
  will-change: transform;
  background-color: #007abe;
}
/*PCラインアップ----------------------------------------------------------------------------------------------------------------------------------------▼▼▼*/
/*GALLERIAデスクトップ人気ランキング--------------------------------------------------------------------------------------------------------------------------------▼▼*/
.ranking_galleria_desktop li.rank a {
  font-size: 13px;
  text-indent: 48px;
  padding-top: 15px;
  padding-bottom: 13px;
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', meiryo, 'メイリオ', 'ms pgothic', sans-serif;
  background-size: 100%;
}
.rank a {
  font-weight: bold;
}
.ranking_galleria_desktop li.rank.one a {
  font-size: 14px;
  background-image: url(../../common/img/layout/column/lea.png);
}
.ranking_galleria_desktop li.rank.one a:hover {
  background-image: url(../../common/img/layout/column/lea_hover.png);
  background-color: #FCD54C;
}
.ranking_galleria_desktop li.rank.two a {
  text-indent: 58px;
  background-image: url(../../common/img/layout/column/leb.png);
}
.ranking_galleria_desktop li.rank.two a:hover {
  background-image: url(../../common/img/layout/column/leb_hover.png);
  background-color: #a3a3a3;
}
.ranking_galleria_desktop li.rank.three a {
  font-size: 12.5px;
  text-indent: 64px;
  background-image: url(../../common/img/layout/column/lec.png);
}
.ranking_galleria_desktop li.rank.three a:hover {
  background-image: url(../../common/img/layout/column/lec_hover.png);
  background-color: #fc8a4b;
}
/*ゲーミングPC-------------------------------------------------------------------------------------------------------------------------------▼▼*/
.lineup ul.pcline li a {
  text-indent: 42px;
  padding-top: 10px;
  padding-bottom: 10px;
}
/*共通*/
.pcline .laa a, .lineup .lba a, .lineup .lbb a, .lineup .lbc a, .lineup .lda a, .lineup .ldb a, .lineup .ldc a {
  background-position: 15px 7px;
  background-size: 12px auto;
}
.pcline .lab a, .lineup .lca a, .lineup .lcb a {
  background-position: 12px 8px;
  background-size: 19px auto;
}
/*デスクトップ*/
.pcline .laa a {
  background-image: url(../img/layout/column/laa.svg);
}
/*ノートブック*/
.pcline .lab a {
  background-image: url(../../common/img/layout/column/lab.svg);
}
/*共通*/
#nvidia_geforce ul li a, #game_recomend ul li a {
  padding-top: 8px;
  padding-bottom: 8px;
  text-indent: 36px;
  font-size: 11px;
}
/*NVIDIA GeForce 搭載----------------------------------------------------------------------------------------------------------------------------------▼▼*/
#nvidia_geforce ul li a {
  background-image: url(../../common/img/layout/column/lineup_game_geforce.svg);
  background-position: 7px 6px;
  background-size: 24px;
}
#nvidia_geforce ul li a:hover {
  background-color: #77b900;
}
/*AMD RADEON 搭載----------------------------------------------------------------------------------------------------------------------------------▼▼*/
#amd_radeon ul li a {
  background-image: url(../../common/img/layout/column/lineup_game_radeon.svg);
  background-position: 7px 6px;
  background-size: 24px;
}
#amd_gradeon ul li a:hover {
  background-color: #dd0132;
}
/*ゲーム推奨PC-------------------------------------------------------------------------------------------------------------------------------------------▼▼*/
#game_recomend ul li a {
  background-image: url(../../common/img/layout/column/lineup_game_reco.svg);
  background-position: 8px 6px;
  background-size: 20px;
}
#game_recomend ul li a:hover {
  background-color: #555;
}
/*デスクトップPC-----------------------------------------------------------------------------------------------------------------------------------------▼▼*/
/*タワー型*/
.lineup .lba a {
  background-image: url(../../common/img/layout/column/lba.svg);
}
/*ミニタワー型*/
.lineup .lbb a {
  background-image: url(../../common/img/layout/column/lbb.svg);
}
/*スリム*/
.lineup .lbc a {
  background-image: url(../../common/img/layout/column/lbc.svg);
}
/*ノートパソコン----------------------------------------------------------------------------------------------------------------------------------------▼▼*/
/*17.3インチ型*/
.lineup .lca a {
  background-image: url(../../common/img/layout/column/lca.svg);
}
/*15.6インチ型*/
.lineup .lcb a {
  background-image: url(../../common/img/layout/column/lcb.svg);
}
/*クリエイター向けPC------------------------------------------------------------------------------------------------------------------------------------▼▼*/
.lineup .lda a {
  background-image: url(../../common/img/layout/column/lda.svg);
}
/*リスト下------------------------------------------------------------------------------------------------------------------------------------------------▼▼*/
.end_bunner, .end_bunner a {
  text-indent: -4649px;
  display: block;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-size: 100%;
}
/*ゲーミングPCの評判*/
.end_bunner.reputation, .end_bunner.reputation a:hover {
  background-image: url(../../common/img/layout/column/end_bunner_reputation_hover.png);
}
.end_bunner.reputation a {
  height: 60px;
  background-image: url(../../common/img/layout/column/end_bunner_reputation.png);
}
/*図解で解るPC講座*/
.end_bunner.customimg, .end_bunner.customimg a:hover {
  background-image: url(../../common/img/layout/column/end_bunner_custom_hover.png);
}
.end_bunner.customimg a {
  height: 60px;
  background-image: url(../../common/img/layout/column/end_bunner_custom.png);
}
/*超!!解かるパソコン講座------------------------------------------------------------------------------------------------------------------------------▼▼▼*/
.parts li a, .software li a, .peripheral li a {
  font-size: 12px;
  text-indent: 35px;
  padding-top: 7px;
  padding-bottom: 7px;
  background-position: 10px 9px;
  background-size: 15px;
}
/*PCパーツ*/
.parts li a {
  background-image: url(../../common/img/layout/column/custom_parts.svg);
}
.custom ul.parts li a:hover {
  background-color: #48A4D7;
}
/*ソフトウェア*/
.software li a {
  background-image: url(../../common/img/layout/column/custom_software.svg);
}
.custom ul.software li a:hover {
  background-color: #70b92c;
}
/*周辺機器*/
.peripheral li a {
  background-image: url(../../common/img/layout/column/custom_peripheral.svg);
}
.custom ul.peripheral li a:hover {
  background-color: #d42a2a;
}
/*コンテンツ----------------------------------------------------------------------------------------------------------------------------------------------▼▼*/
.contents ul li a {
  text-indent: 31px;
  padding-top: 9px;
  padding-bottom: 9px;
  background-image: url(../../common/img/layout/column/arrow_aside_li.svg);
  background-size: 10px;
  background-position: 12px 14px;
}
.contents ul li.end a {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom: none;
}
/*バナー類----------------------------------------------------------------------------------------------------------------------------------------------▼▼▼*/
.bunner {
  border-radius: 5px;
  margin-left: 1px;
}
.bunner a {
  display: block;
  border-radius: 5px;
  text-indent: -4649px;
  margin-bottom: 6px;
  background-size: 100%;
}
.bunner.cpu_intel a, .bunner.gpu_geforce a {
  height: 96px;
}
.bunner.cpu_amd a, .bunner.gpu_radeon a {
  height: 76px;
}
/*Intel CPU 性能比較*/
.bunner.cpu_intel, .bunner.cpu_intel a:hover {
  background-image: url(../../common/img/layout/column/bunner_cpu_intel_hover.png);
}
.bunner.cpu_intel a {
  background-image: url(../../common/img/layout/column/bunner_cpu_intel.png);
}
/*AMD CPU 性能比較*/
.bunner.cpu_amd, .bunner.cpu_amd a:hover {
  background-image: url(../img/layout/column/bunner_cpu_amd_hover.png);
}
.bunner.cpu_amd a {
  background-image: url(../img/layout/column/bunner_cpu_amd.png);
}
/*NVIDIA GeForce 性能比較*/
.bunner.gpu_geforce, .bunner.gpu_geforce a:hover {
  background-image: url(../../common/img/layout/column/bunner_gpu_geforce_hover.png);
}
.bunner.gpu_geforce a {
  margin-bottom: 12px;
  background-image: url(../../common/img/layout/column/bunner_gpu_geforce.png);
}
/*AMD Radeon 性能比較*/
.bunner.gpu_radeon, .bunner.gpu_radeon a:hover {
  background-image: url(../img/layout/column/bunner_gpu_radeon_hover.png);
}
.bunner.gpu_radeon a {
  background-image: url(../img/layout/column/bunner_gpu_radeon.png);
}
.bunner.gpu_geforce a, .bunner.gpu_radeon a {
  margin-bottom: 10px;
}
#social {
  width: 64px;
  height: 320px;
  position: absolute;
  float: left;
  margin-left: -125px;
  margin-bottom: 29px;
}
#social li {
  width: 64px;
  height: 64px;
  background-size: 100%;
  text-indent: -7777px;
  display: block;
  transition: all 0.3s;
}
#social li a {
  width: 64px;
  height: 64px;
  display: block;
}
#social li.twitter {
  background-image: url(../../common/img/layout/share_twitter.svg);
}
#social li.facebook {
  background-image: url(../img/layout/share_facebook.svg);
}
#social li.hatena {
  background-image: url(../../common/img/layout/share_hatena.svg);
}
#social li.pocket {
  background-image: url(../img/layout/share_pocket.svg);
}
#social li.pinterest {
  background-image: url(../img/layout/share_pinterest.svg);
}
#social li.line {
  background-image: url(../../common/img/layout/share_line.svg);
}
#social li:hover {
  opacity: 70%;
  transition: all 0.3s;
}
#kuchikomi_look {
  z-index: 99;
}
#kuchikomi_look a {
  width: 80px;
  height: 80px;
  position: absolute;
  float: left;
  left: -133px;
  top: 5px;
  background-image: url(../../common/img/layout/kuchikomi_look.svg);
  background-size: 100%;
  text-indent: -9999px;
  z-index: 99;
  transition: all 0.3s;
}
#kuchikomi_look a:hover {
  opacity: 0.7;
}
#kuchikomi_look a:active {
  margin-top: 1px;
}
#kuchikomi_write {
  z-index: 99;
}
#kuchikomi_write a {
  width: 80px;
  height: 80px;
  position: absolute;
  float: left;
  left: -133px;
  top: 95px;
  background-color: #ffce00;
  border-radius: 50%;
  background-image: url(../img/layout/pencil_01.svg);
  background-size: 50%;
  background-position: 18px 20px;
  text-indent: -9999px;
  display: block;
}
#kuchikomi_write a:hover {
  background-image: url(../img/layout/pencil_01.svg);
  background-color: #ffd627;
}
#kuchikomi_write a:active {
  background-image: url(../img/layout/pencil_01.svg);
  transform: rotate(15deg);
}
#container {
  margin-right: auto;
  margin-left: auto;
  float: left;
  width: 979px;
  position: relative;
  padding-bottom: 100px;
}
#incontainer {
  float: left;
  width: 716px;
}
#pr {
  width: 979px;
  height: 46px;
  background: url(../../common/img/layout/bg_pr.svg) no-repeat bottom;
  background-size: 100%;
  line-height: 46px;
  font-size: 12px;
  text-indent: 187px;
  display: block;
  clear: both;
  margin: 12px auto;
  float: left;
}
#pr a {
  text-decoration: none;
}
#pr a:hover {
  text-decoration: underline;
}
#flash {
  width: 702px;
  margin-bottom: 12px;
  border: 1px solid #e4e4e4;
  background-color: #FFFFFF;
  border-radius: 3px;
  padding: 6px;
  height: 293px;
}
#cat_name {
  width: 716px;
  display: block;
  height: 150px;
  border-radius: 6px;
  background-position: center center;
  background-image: url(url);
  background-size: 100%;
  position: relative;
  margin: 0 auto 8px;
  text-align: center;
}
.page_title, h1.page_title {
  font-size: 14px;
  position: absolute;
  bottom: 23px;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  background-image: none;
  border-bottom: none;
  text-shadow: none
}
.page_title_text, h1.page_title_text {
  background-color: #007abe;
  display: inline-block;
  font-size: 14px;
  color: #FFFFFF;
  text-decoration: none;
  padding: 3.5px 11px 4.5px;
  border-radius: 3px;
  transform: rotate(0.03deg);
}
form#mail_form label {
  font-weight: normal !important;
}
form#mail_form .form_space {
  margin-top: 15px;
}
main h1, .change_log, .fake_h1 {
  width: auto;
  font-size: 28px;
  padding: 25px 35px;
  display: block;
  font-weight: bold;
  height: auto;
  margin: 0 0 50px 0;
  line-height: 1.5em;
  letter-spacing: 0em;
  background-image: linear-gradient(180deg, rgba(79, 165, 223, 1.00) 0%, rgba(0, 122, 190, 1.00) 100%), linear-gradient(180deg, rgba(251, 251, 251, 1.00) 0%, rgba(246, 246, 246, 1.00) 100%);
  background-size: 5px 150px, 100%;
  color: #383838;
  background-position: left bottom;
  border-radius: 6px 6px 0px 0px;
  text-shadow: 2px 2px 0px #FFF;
  clear: left;
  overflow: hidden;
  border-top-style: none;
  border-right-style: none;
  border-bottom: 1px solid #ececec;
  border-left-style: none;
}
main h2, .fake_h2 {
  font-weight: bold;
  display: block;
  width: auto;
  font-size: 22px;
  padding: 19px 21px 20px 24px;
  border-radius: 3px;
  border: 1px solid #ececec;
  background-image: linear-gradient(180deg, rgba(253, 253, 253, 1.00) 0.52%, rgba(244, 244, 244, 1.00) 100%);
  margin: 100px 38px 50px;
  color: #383838;
  text-shadow: 2px 2px 0px #FFF;
  line-height: 1.35em;
  clear: left;
}
main #main_list h2 {
  width: auto;
  font-size: 21px;
  padding: 22px 30px 22px 33px;
  display: block;
  font-weight: bold;
  height: auto;
  margin: 0px 0 8px;
  line-height: 1.35em;
  letter-spacing: -0.02em;
  background-image: linear-gradient(180deg, rgba(79, 165, 223, 1.00) 0%, rgba(0, 122, 190, 1.00) 100%), linear-gradient(180deg, rgba(251, 251, 251, 1.00) 0%, rgba(246, 246, 246, 1.00) 100%);
  background-size: 5px 150px, 100%;
  border-bottom: 1px solid #e4e4e4;
  color: #383838;
  background-position: left bottom;
  border-radius: 6px;
  text-shadow: 2px 2px 0px #FFF;
}
main h3 {
  display: block;
  width: auto;
  font-size: 21px;
  font-weight: bold;
  padding-left: 48px;
  line-height: 1.4em;
  margin: 75px 50px 45px;
  height: auto;
  background-image: url(../../common/img/layout/bg_h3.svg);
  background-repeat: no-repeat;
  background-position: 0px center;
  background-size: 36px 45px;
  padding-top: 15px;
  padding-bottom: 8px;
  color: #4D4D4D;
}
main h3.good, main h3.imaichi {
  font-family: 'M PLUS Rounded 1c';
  display: block;
  width: auto;
  font-weight: bold;
  padding-left: 8.5%;
  line-height: 1.4em;
  margin: 9.5% 6% 4.7% 5%;
  height: auto;
  background-image: url(none);
  background-repeat: no-repeat;
  background-position: 0% center;
  background-size: 8%;
  padding-top: 3%;
  padding-bottom: 1.8%;
  color: #335f12;
}
main h3.softname, main h4.softname {
  font-weight: bold;
  color: #FFF;
  margin: 0;
  font-size: 17px;
  font-family: "Noto Sans JP", "メイリオ", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  background-image: url(none);
  padding: 3px 0px;
}
main h4 {
  font-weight: bold;
  display: block;
  width: auto;
  font-size: 19px;
  color: #124C74;
  margin: 70px 50px 45px 51.5px;
  padding-left: 26px;
  line-height: 1.4em;
  min-height: 0px;
  transform: rotate(0.03deg);
}
main h4::before {
  position: absolute;
  content: '';
  border-radius: 100%;
  top: 5px;
  left: 0px;
  width: 16px;
  height: 16px;
  background: #135989;
}
main table.t_bl h4::before, #comp table.t_bl h4::before, main h4.softname::before {
  background: none;
}
.box_wrap {
  width: 714px;
  background: #FFF;
  border-radius: 6px;
  border: 1px solid #e4e4e4;
  padding-bottom: 2%;
  display: block;
  margin-bottom: 12px;
  clear: left;
  overflow: hidden;
}
main .box_wrap_list {
  width: 714px;
  background: #FFF;
  border-radius: 6px;
  border: 1px solid #e4e4e4;
  padding-bottom: 0%;
  margin-bottom: 12px;
  float: left;
}
main .box_wrap_list p {
  margin: 0px 0px 0%;
}
main p {
  line-height: 1.65em;
  margin: 0px 60px 35px;
  font-size: 15.3px;
  width: auto;
  display: block;
  padding: 0px 0%;
  color: #333333;
}
main p img {
  display: block;
  border: 1px solid #FFFFFF;
}
main .box_wrap p img.auto, main .box_wrap p.center img.auto {
  width: auto;
}
main .box_wrap p img {
  margin-top: 80px;
  margin-bottom: -10px;
  margin-left: -14px;
}
main .box_wrap #reputation_link p img {
  margin-bottom: 0px;
}
main .box_wrap #reputation_link p img.bi {
  margin-bottom: 0px;
  display: none
}
.googlmap {
  margin-top: -10px;
  margin-left: 48px;
  margin-bottom: 20px;
}
#comp .box_wrap { /*ボックス領域を括る*/ display: block;
  width: 958px;
  margin-bottom: 12px;
  padding-bottom: 30px;
  border: 1px solid #D5D5D5;
  border-radius: 3px;
  background-color: #FFFFFF;
  clear: left;
}
#comp p {
  line-height: 1.7em;
  margin-top: 0px;
  margin-right: 200px;
  margin-left: 40px;
  margin-bottom: 35px;
  font-size: 16px;
  display: block;
  padding: 0px 0px 0px;
}
#comp .text, #comp .text p img {
  margin-left: 10px;
}
#comp .text p {
  margin-left: 50px;
}
#comp .text p img {
  margin-left: -5px;
}
strong {
  color: #D83E1D;
  font-size: 100%;
  font-weight: bold;
}
.red {
  color: #D83E1D;
}
.blue {
  color: #006699;
}
.green {
  color: #69b617;
}
.star_y {
  color: #fae446;
}
.entry_day strong.blue {
  color: #699FBB;
  font-weight: bold;
}
.entry_day strong.red {
  color: #F07272;
  font-weight: bold;
}
.white, strong.white, strong.white a {
  color: #FFF;
}
strong.white a:hover {
  color: #FFF;
  text-decoration: none;
}
.black, strong .black {
  color: #333333;
}
strong.underline, mark {
  color: #333333;
  background: linear-gradient(transparent 70%, #FFFF00 40%);
  font-weight: bold;
}
.word_break {
  word-break: break-all;
}
ul.list_decimal {
  width: auto;
  margin-right: 60px;
  margin-left: 83px;
  margin-bottom: 40px;
}
ul.list_decimal li {
  margin-bottom: 3px;
  line-height: 1.6em;
  list-style: decimal;
  font-size: 15px;
}
ul.list_basic {
  width: 600px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 40px;
}
ul.list_basic li {
  font-weight: bold;
  padding-left: 6%;
  background-image: url(../../common/img/layout/list_basic.svg);
  background-size: 3.6%;
  background-position: 5px 6px;
  background-repeat: no-repeat;
  padding-top: 0.6%;
  padding-bottom: 0.6%;
  margin-bottom: 0%;
  line-height: 1.4em;
  font-size: 17px;
  transform: rotate(0.03deg);
}
.entry_day {
  background-repeat: no-repeat;
  background-position: 3px 3px;
  background-image: url("../../common/img/layout/pencil_02.svg");
  background-size: 18px;
  display: block;
  padding: 0px 0px 0px 29px;
  margin-top: -20px;
  margin-bottom: 40px;
  color: #E9E9E9;
  clear: left;
  font-weight: bold;
  margin-left: 40px;
  margin-right: 40px;
  font-size: 14px;
}
time {
  color: #D0D0D0;
  font-weight: bold;
  font-size: 17px;
}
main #reputation_link p {
  margin-bottom: 20px;
  margin-left: 80px;
  margin-right: 80px;
  font-size: 14px;
}
main p.reputation_link a {
  font-size: 20px;
  padding-left: 28px;
  font-weight: bold;
  display: block;
  line-height: 1.45em;
  margin-top: 70px;
  transform: rotate(0.03deg);
  margin-left: -27px;
  position: relative
}
main p.reputation_link a::before {
  font-size: 19px;
  position: absolute;
  font-family: icomoon;
  content: '\e900';
  transform: rotate(-90deg);
  top: 0px;
  left: 0px;
  color: #dd0000;
  transition: all 0.3s;
}
@-moz-document url-prefix() {
  main p.reputation_link a::before {
    top: 1.5px;
  }
}
main p.reputation_link a:hover::before {
  color: #c8c8c8;
}
.reputation_link img {
  display: none;
}
.bttom_5up {
  margin-bottom: -5px;
}
main p.p_space {
  padding-top: 15px;
}
.fukidashi_a {
  width: 85%;
  background-image: url(../img/layout/fukidashi_a.png);
  font-size: 17px;
  font-weight: bold;
  color: #154F6C;
  display: block;
  margin: 80px 4% 2%;
  padding-right: 4%;
  padding-left: 4%;
  background-position: center 0%;
  height: 7.4em;
  padding-top: 4%;
  transform: rotate(0.03deg);
}
main h3.matta {
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(../img/capture/cheap_estimate/cheap_005.png);
  background-size: 10%;
  padding: 17px 4% 16px 11%;
  width: auto;
  font-size: 190%;
  margin-bottom: 9%;
  margin-right: 4%;
}
main h3.point {
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(../img/capture/cheap_estimate/cheap_008.png);
  background-size: 10%;
  padding: 17px 4% 16px 11%;
  width: auto;
  font-size: 190%;
  margin: 12% 4% 9%;
}
.h_mokuji {
  width: auto;
  margin-left: 45px;
  margin-right: 45px;
  padding: 32px 36px 21px;
  border-radius: 13px;
  display: block;
  position: relative;
  z-index: 0px;
}
.h_mokuji.article {
  background-color: #F2FAFF;
  margin-bottom: -68px;
}
.h_mokuji.related_links_in, .h_mokuji.related_links_out {
  background-color: #F5F5F5;
  margin-top: -20px;
  margin-bottom: 40px;
}
.h_mokuji.related_links_out {
  background-color: #fff8f8;
}
.h_mokuji.term {
  background-color: #f7fff3;
  margin-bottom: 40px;
}
.h_mokuji::after {
  content: "";
  background-image: url(none);
  opacity: 0.2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  background-repeat: no-repeat;
  background-position: bottom -64px right 18px;
  background-size: 18%;
  z-index: 1px;
}
.h_mokuji.article::after {
  background-image: url(../img/layout/bg_h_mokuji_article.png);
}
.h_mokuji.related_links_in::after {
  background-image: url(../img/layout/bg_h_mokuji_related_links_in.png);
}
.h_mokuji.related_links_out::after {
  background-image: url(../img/layout/bg_h_mokuji_related_links_out.png);
  background-position: bottom -40px right 18px;
  background-size: 15%;
}
.h_mokuji.term::after {
  background-image: url(../img/layout/bg_h_mokuji_term.png);
  background-position: bottom 10px right 15px;
  background-size: 20%;
}
.h_mokuji li {
  margin-bottom: 10px;
  margin-right: 25px;
  display: inline-block;
  transition: all 0.3s ease;
  padding-left: 22px;
  position: relative;
  transform: rotate(0.03deg);
  z-index: 1;
}
.h_mokuji li::before {
  font-family: icomoon;
  font-size: 14px;
  content: "\e900";
  color: #00a7ea;
  position: absolute;
  left: 0px;
  transition: all 0.3s;
  top: 6px;
}
.h_mokuji.related_links_out li::before {
  color: #dd0000;
}
.h_mokuji.term li::before {
  color: #4fbf12;
}
.h_mokuji.related_links_in li::before, .h_mokuji.related_links_out li::before, .h_mokuji.term li::before {
  content: "\e900";
  transform: rotate(-90deg);
}
.h_mokuji li a {
  font-weight: bold;
  text-decoration: none;
  font-size: 105%;
  color: #003C9A;
}
.related_links_in li a, .related_links_out li a {
  color: #373737;
}
.term li a {
  color: #1b4c00;
}
.h_mokuji li a:hover, .h_mokuji li:hover::before {
  color: #c8c8c8;
}
main .a_text_term a {
  background: url(../../common/img/layout/arrow_a.png) no-repeat left center;
  background-size: 14%;
  padding: 5% 0% 5% 4.5%;
  font-size: 155%;
  margin: 0% 9% 10% 7%;
  line-height: 1.2em;
  font-weight: bold;
  text-decoration: none;
}
main .a_text_internal a:hover, #comp .a_text_internal a:hover, main .a_text_term a:hover {
  background: url(../../common/img/layout/arrow_a_hover.png) no-repeat left center;
  color: #C8C8C8;
}
main p img.bd, .bd {
  border: 1px solid #EFEFEF;
}
main .box_wrap img.a_right {
  float: right;
  margin: 4px -14px 35px 35px;
  width: 38%;
}
 main .box_wrap img.a_left {
  float: left;
  margin: 4px 35px 35px -14px;
  width: 38%;
}
main .box_wrap p img.s90{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.center {
  text-align: center;
}
.a_center img, .center img, .center, main .box_wrap p.center img {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
.center_no {
  text-align: center;
  padding: 0px 0px 10%;
  margin-top: 0%;
  margin-right: auto;
  margin-left: auto;
}
.center_button {
  text-align: center;
  padding-bottom: 80px;
  padding-top: 10px;
}
main p.p_bunner {
  text-align: center;
  margin-top: -70px;
  margin-bottom: 25px;
}
.center_button_b {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 0px;
}
.center_button_c {
  text-align: center;
  padding-bottom: 50px;
  padding-top: 0px;
}
.center_button_d {
  text-align: center;
  padding-bottom: 50px;
  padding-top: 0px;
}
.center_button img, .center_no img {
  width: 500px;
  height: auto;
  margin-right: auto;
  margin-left: 1px;
}
.modeli .center_button img {
  width: 500px;
  height: auto;
  margin-right: auto;
  margin-left: 1px;
}
.center_button_b img, .center_button_c img, .center_button_d img {
  width: 500px;
  height: auto;
  margin-right: auto;
  margin-left: 1px;
}
.link_box {
  width: 714px;
  display: block;
  margin-bottom: 12px;
  padding-bottom: 17px;
  font-size: 14.2px;
  clear: left;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  background-color: #FFFFFF;
}
.link_box li {
  margin-bottom: 8px;
}
.update {
  height: 47px;
  width: 716px;
  text-indent: -4949px;
}
.list_update {
  width: 646px;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: -25px;
}
.date {
  display: block;
  width: 165px;
  float: left;
  min-height: 0px;
}
.date strong.red, .date strong.blue {
  font-weight: normal;
}
.list_update li a {
  padding-left: 22px;
  position: relative;
  width: 100%;
}
.list_update li a::before {
  position: absolute;
  font-family: icomoon;
  content: '\e900';
  transform: rotate(-90deg);
  border-radius: 100%;
  top: 4px;
  left: 0px;
  color: #007abe;
  transition: all 0.3s;
}
@-moz-document url-prefix() {
  .list_update li a::before {
    top: 3.5px;
  }
}
.list_update li a:hover::before {
  color: #c8c8c8;
}
#main_list {
  width: 716px;
  display: block;
  margin-bottom: 4px;
  float: left;
}
#main_list a {
  text-decoration: none;
  border-radius: 3px;
}
#main_list a:hover {
  background-color: #F2F8FF;
  border-radius: 3px;
}
#main_list a img {
  border: 2px solid #FFFFFF;
  border-radius: 6px;
  height: 98px;
  width: 207px;
  clear: left;
  margin-bottom: 3px;
}
#main_list li a:hover h2, #main_list li a:hover h3 {
  color: #fff;
  text-decoration: none;
  background: #007abe;
  text-shadow: 0px 0px 0px #007abe;
}
#main_list a:hover img {
  opacity: 1;
}
#main_list li {
  height: 320px;
  width: 231px;
  float: left;
  margin-right: 8.5px;
  margin-bottom: 8px;
  border: 1px solid #e2e2e2;
  background-color: #FFFFFF;
  border-radius: 4px;
  position: relative;
}
#main_list li a {
  position: absolute;
  width: 100%;
  height: 100%;
}
ul.category_lineup {
  overflow: hidden;
}
#main_list li:nth-child(3n) {
  margin-right: 0px;
}
main #main_list li h2, main #main_list li h3 {
  font-family: "Noto Sans JP";
  width: auto;
  font-size: 14.5px;
  background-repeat: no-repeat;
  background-position: top;
  display: block;
  font-weight: bold;
  text-align: center;
  color: #333;
  padding: 17px 0px 17px;
  text-indent: 0px;
  text-decoration: none;
  border-bottom: 1px solid #e2e2e2;
  background-image: linear-gradient(180deg, rgba(251, 251, 251, 1.00) 0%, rgba(246, 246, 246, 1.00) 99.48%);
  border-top: none;
  border-left: none;
  border-right: none;
  margin-bottom: 0px;
  line-height: 1em;
  margin: 0;
  background-size: 100%;
  transition: all 0.4s;
  border-radius: 4px 4px 0px 0px;
}
main #main_list .img_text {
  padding: 10px;
}
main #main_list li p {
  display: block;
  width: auto;
  margin: 5px;
  font-size: 12.5px;
  padding: 0px;
  line-height: 1.55em;
}
main #main_list li p a {
  color: #000000;
  text-decoration: none;
}
.list_a {
  display: block;
  margin-top: -30px;
  padding-bottom: 20px;
  overflow: hidden;
}
.list_a li {
  float: left;
  width: 320px;
  height: 100px;
  margin: 0px;
  padding: 25px 0px 0px 25px;
}
.list_a li p img {
  float: right;
}
.list_a_title {
  background: url(../../common/img/layout/arrow_a.png) no-repeat left 1px;
  background-size: 15px;
  display: block;
  font-size: 14px;
  padding-left: 21px;
  width: auto;
  margin-bottom: 7px;
  font-weight: bold;
}
.list_a_title:hover {
  background: url(../../common/img/layout/arrow_a_hover.png) no-repeat left 1px;
  background-size: 15px;
}
main p .list_a_title img {
  margin-top: 0px;
}
main .list_a li p {
  margin: 0px;
  padding: 0px;
  font-size: 13px;
  line-height: 19px;
  width: auto;
}
.list_four {
  padding-left: 20px;
  display: block;
  margin-top: -30px;
  padding-bottom: 20px;
  width: auto;
  float: left;
  height: auto;
}
main .list_four li {
  width: 157px;
  margin-right: 15px;
  float: left;
}
.list_four li .point_link a {
  font-weight: bold;
  text-decoration: none;
  font-size: 13.5px;
  line-height: 1.5em;
  position: relative;
  margin: 10px 0;
  display: block;
  padding-left: 20px;
}
.list_four li .point_link a::before {
  position: absolute;
  font-family: icomoon;
  content: '\e900';
  font-size: 14px;
  line-height: 0;
  transform: rotate(-90deg);
  border-radius: 100%;
  top: 50%;
  left: 0px;
  color: #007abe;
  transition: all 0.3s;
}
.list_four li .point_link a:hover::before {
  color: #c8c8c8;
}
main .list_four li a img {
  border: 1px solid #FFFFFF;
  padding: 0px;
  line-height: 0px;
  margin: 0px;
  border-radius: 5px;
  width: 155px;
  height: 82px;
}
main .list_four li a:hover img {
  border: 1px solid #00a4e6;
}
.list_point {
  margin: 15px auto 5px;
  display: block;
  padding-top: 3px;
  padding-bottom: 2px;
  background-color: #FBD44B;
  border-radius: 3px;
  font-weight: bold;
  font-size: 15px;
  width: 50%;
  text-align: center;
}
main .list_four li p {
  font-size: 13px;
  width: 100%;
  margin-left: 0px;
  padding-bottom: 0px;
  margin-right: 0px;
  line-height: 1.5em;
}
#footer_rank {
  width: 689px;
  clear: left;
  margin-bottom: 12px;
  padding-top: 30px;
  padding-left: 25px;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  height: auto;
  display: block;
  float: left;
  padding-bottom: 20px;
  background-color: #FFFFFF;
  background-image: url(../img/layout/bg_footer_rank_pc.png);
  background-position: center -40px;
  background-size: 100%;
}
aside #footer_rank ul li {
  display: block;
  float: left;
  width: 200px;
  margin-right: 29px;
}
aside #footer_rank ul li.frone {
  margin-left: 229px;
}
aside #footer_rank ul li.frtwo {
  margin-left: -458px;
}
.footer_rank_pc {
  width: 200px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.footer_rank_pc img {
  display: block;
  width: 200px;
  height: 235px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
.list_comp { /*一覧から選ぶ／全商品の一覧比較表*/ width: 690px;
  height: 50px;
  margin: -20px auto 40px;
  padding-bottom: 0px;
  padding-top: 10px;
  border-bottom: 1px solid #C7C7C7;
  font-size: 121%;
}
.list {
  height: 34px;
  width: 152px;
  float: left;
  font-weight: bold;
  color: #0062b0;
  text-align: center;
  display: block;
  margin-top: 1px;
  margin-right: 11px;
  margin-left: 11px;
  padding-top: 14px;
  border-top: 1px solid #C7C7C7;
  border-left: 1px solid #C7C7C7;
  border-right: 1px solid #C7C7C7;
  background-color: #FFFFFF;
  padding-bottom: 1px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.list_comp .comp a {
  color: #777;
  height: 34px;
  width: 187px;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  margin-top: 1px;
  padding-top: 14px;
  text-decoration: none;
  border-top: 1px solid #C7C7C7;
  border-left: 1px solid #C7C7C7;
  border-right: 1px solid #C7C7C7;
  background-color: #F4F4F4;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.list_comp .comp a:hover {
  color: #0062b0;
  background: #fff;
  text-decoration: none;
}
.title {
  width: 154px;
  text-align: center;
  display: block;
  font-weight: bold;
  color: #0062b0;
  float: left;
  margin-left: 11px;
  margin-right: 7px;
  line-height: 35px;
  height: 35px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.modeli {
  width: 620px;
  height: auto;
  margin: 80px auto 60px;
}
.modeli_pcimg_text {
  width: 632px;
  margin-right: auto;
  margin-left: auto;
}
.modeli_pcimg, .modeli_pcimg_note {
  width: 294px;
  height: 290px;
  display: block;
  float: right;
}
.modeli_pcimg img {
  width: 294px;
  height: 220px;
  padding-top: 80px;
}
.modeli_pcimg_note img {
  width: 294px;
  height: 254px;
  padding-top: 46px;
}
.modeli_text {
  padding: 28px 25px 0px;
  display: block;
  position: relative;
  border: 2px solid #F3BEB5;
  width: 262px;
  height: 262px;
  float: left;
  background-color: #FFFBFB;
  border-radius: 21px;
  background-image: url(../img/lineup/bg_modeli_text.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 60%;
  margin-bottom: 20px;
  margin-top: 10px;
}
.modeli_text::before {
  content: '管理人の評価と解説';
  position: absolute;
  top: -11px;
  left: 68px;
  padding: 1px 4px;
  line-height: 1em;
  font-size: 18px;
  font-weight: bold;
  color: #DB634F;
  background-color: #fff;
  transform: rotate(0.03deg);
}
main .modeli_text p {
  font-size: 13.5px;
  margin: 0px 0px 15px;
  padding: 0px;
  color: #000;
  line-height: 1.6em;
}
main .modeli h3 {
  font-size: 18px;
  font-weight: bold;
  color: #E16200;
  display: block;
  margin-top: -10px;
  margin-bottom: 10px;
}
main h3.rank_one, main h3.rank_two, main h3.rank_three, main h3.rank_no {
  padding: 155px 0px 0px;
  width: auto;
  font-size: 28px;
  background-repeat: no-repeat;
  background-position: center top;
  line-height: 1.3em;
  margin: 0px 0px 15px;
  text-align: center;
  background-size: 293px 140px;
}
main .modeli .rank_one {
  background-image: url(../img/layout/bg_h3_rank_01.png);
  color: #E18500;
}
main .modeli .rank_two {
  background-image: url(../img/layout/bg_h3_rank_02.png);
  color: #848484;
}
main .modeli .rank_three {
  background-image: url(../img/layout/bg_h3_rank_03.png);
  color: #F06B22;
}
main .modeli .rank_no {
  background-image: url(../img/layout/bg_h3_rank_no.png);
  background-size: 240px 140px;
  color: #d66355;
}
main .modeli h4 {
  margin: 0px 0px 30px;
  font-size: 21px;
  font-weight: bold;
  color: #0062b0;
  background: url(none);
  padding: 0px 0px 0px 0px;
  width: auto;
  line-height: 1.4em;
}
main .modeli h4::before {
  content: none;
}
.modeli_img {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width: 350px;
  height: 250px;
}
.modeli_center_img {
  margin: 0px auto 20px;
  display: block;
  padding: 0px;
  width: 632px;
}
.modeli_right {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width: 350px;
  height: 250px;
}
main .box_wrap_b {
  display: block;
  width: 716px;
  background: url(../../common/img/layout/bg_box_bottom.png) no-repeat center bottom;
  margin-bottom: 12px;
  padding-bottom: 8px;
  float: left;
}
.geme_title {
  width: 692px;
  padding-left: 20px;
  display: block;
  background: #FFF;
  margin-top: -15px;
  margin-left: 1px;
  overflow: hidden;
}
.geme_title li {
  height: 125px;
  width: 214px;
  margin: 0px 14px 0px 0px;
  padding: 0px;
  display: inline;
  float: left;
  font-size: 12px;
}
.box_wrap .geme_title li a {
  font-weight: normal;
}
.geme_title li img {
  height: 90px;
  width: 214px;
  border: 1px solid #d5d5d5;
  margin-bottom: 2px;
}
#container #game_lineup a img {
  border: 1px solid #D8D8D8;
}
.htop {
  text-align: center;
  margin-top: 20px;
}
.gallery_wrap {
  display: block;
}
.blog_guidance {
  display: block;
  width: 90%;
  font-size: 16px;
  background: #FFF;
  height: 50px;
  padding-top: 30px;
  margin-bottom: 30px;
  margin-left: 50px;
}
.blog_guidance ul li {
  display: inline;
  clear: left;
}
.old a { /*古い記事*/ padding: 14px 20px 10px 85px;
  width: auto;
  border-radius: 5px;
  background-color: #6AB757;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  border-bottom: 3px solid #59944A;
  background-image: url(../../common/img/layout/bg_old.png);
  background-position: 8px 10px;
  background-size: 75px 39px;
  text-decoration: none;
  text-indent: 0px;
  margin-right: 35px;
}
.old a:hover {
  background-color: #59944A;
  background-image: url(../../common/img/layout/bg_old.png);
  background-position: 5px 10px;
}
.blogtop a {
  padding: 14px 20px 10px 20px;
  width: 100%;
  border-radius: 5px;
  background-color: #6AB757;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  border-bottom: 3px solid #59944A;
  background-image: url(../../common/img/layout/bg_top.png);
  background-position: 120px 7px;
  background-size: 60px 48px;
  text-decoration: none;
  margin-right: 35px;
}
.blogtop a:hover {
  background-color: #59944A;
  background-image: url(../../common/img/layout/bg_top.png);
  background-position: 120px 4px;
}
.new a {
  padding: 14px 75px 10px 20px;
  width: 100%;
  border-radius: 5px;
  background-color: #6AB757;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  border-bottom: 3px solid #59944A;
  background-image: url(../../common/img/layout/bg_new.png);
  background-position: 113px 10px;
  background-size: 55px 38px;
  text-decoration: none;
  text-indent: 0px;
}
.new a:hover {
  background-color: #59944A;
  border-bottom: 3px solid #59944A;
  background-image: url(../../common/img/layout/bg_new.png);
  background-position: 116px 10px;
}
.vnav {
  background-repeat: repeat-y;
}
/*カテゴリー一覧-----------------------------------------------------▼*/
main h3.float_left {
  float: left;
  margin-top: 0px;
}
#category ul li a {
  color: #333;
  height: 40px;
  width: 159px;
  display: block;
  border-bottom: 1px solid #d5d5d5;
  padding-left: 66px;
  margin-right: auto;
  margin-left: auto;
  text-decoration: none;
  line-height: 40px;
}
#category ul li a:hover {
  color: #fff;
  text-decoration: none;
}
.star {
  text-indent: -9999px;
  background-image: url(none);
  background-size: 70%;
  background-position: center center;
}
.star.average {
  text-indent: 0px;
  background-image: url(none);
  background-size: 51%;
  background-position: 70px 11px;
  text-align: left;
  font-size: 150%;
  padding-left: 50px;
}
.td_center td.star.average {
  text-align: left;
  padding-left: 35px;
}
.star.average.one {
  background-image: url(../../common/img/layout/star_010.svg);
}
.star.average.one_half {
  background-image: url(../../common/img/layout/star_015.svg);
}
.star.average.two {
  background-image: url(../../common/img/layout/star_020.svg);
}
.star.average.two_half {
  background-image: url(../../common/img/layout/star_025.svg);
}
.star.average.three {
  background-image: url(../../common/img/layout/star_030.svg);
}
.star.average.three_half {
  background-image: url(../../common/img/layout/star_035.svg);
}
.star.average.four {
  background-image: url(../../common/img/layout/star_040.svg);
}
.star.average.four_half {
  background-image: url(../../common/img/layout/star_045.svg);
}
.star.average.five {
  background-image: url(../../common/img/layout/star_050.svg);
}
.kuchikomi_list {
  margin-right: 50px;
  margin-left: 50px;
  margin-top: 20px;
  padding-bottom: 40px;
  padding-top: 15px;
  border-top: 1px dotted #ABABAB;
}
.kuchikomi_list:first-child {
  margin-top: -20px;
  border-top: none;
}
.kuchikomi_list .kuchikomi_header {
  overflow: hidden;
  display: block;
  padding-top: 20px;
  margin-left: 30px;
}
.kuchikomi_list ul.kuchikomi_header_one {
  margin-bottom: 10px;
  overflow: hidden;
}
.kuchikomi_list ul.kuchikomi_header_two {
  margin-bottom: 20px;
  overflow: hidden;
}
.kuchikomi_list ul.kuchikomi_header_three {
  margin-bottom: 40px;
  overflow: hidden;
}
.kuchikomi_list li {
  float: left;
  display: block;
  margin-right: 40px;
}
.kuchikomi_list ul.kuchikomi_header_two li {
  margin-right: 20px;
}
.kuchikomi_list li.name, .kuchikomi_list li.date, .kuchikomi_list li.all {
  font-weight: bold;
}
.kuchikomi_list li.name {
  position: relative;
}
.kuchikomi_list li.name::after {
  position: absolute;
  content: 'さん';
  font-size: 11px;
  width: 30px;
  bottom: 1px
}
.kuchikomi_list li.date {
  width: auto;
  color: #808080;
}
.kuchikomi_list li.all {
  margin-left: -15px;
}
.kuchikomi_list li.all .star {
  text-indent: -9999px;
  width: 120px;
  height: auto;
  background-image: url(none);
  background-size: contain;
  display: inline-block;
  background-position: right 1px;
  margin-left: 8px;
}
.kuchikomi_list li .star {
  text-indent: -9999px;
  width: 80px;
  background-image: url(none);
  background-size: contain;
  display: block;
}
.kuchikomi_list li.details {
  font-size: 12px;
}
.kuchikomi_list li.period, .kuchikomi_list li.product, .kuchikomi_list li.purpose {
  font-size: 14px;
  font-weight: bold;
}
.kuchikomi_list li.period::before {
  content: '使用期間';
  color: #999;
  margin-right: 8px;
}
.kuchikomi_list li.product::before {
  content: '商品名';
  color: #999;
  margin-right: 8px;
}
.kuchikomi_list li.purpose::before {
  content: '来店目的';
  color: #999;
  margin-right: 8px;
}
.kuchikomi_list li .star.five {
  background-image: url("../../common/img/layout/star_050.svg");
}
.kuchikomi_list li .star.four {
  background-image: url("../../common/img/layout/star_040.svg");
}
.kuchikomi_list li .star.three {
  background-image: url("../../common/img/layout/star_030.svg");
}
.kuchikomi_list li .star.two {
  background-image: url("../../common/img/layout/star_020.svg");
}
.kuchikomi_list li .star.one {
  background-image: url("../../common/img/layout/star_010.svg");
}
.kuchikomi_list li .star.no {
  background-image: url(../../common/img/layout/star_000.png);
}
main .kuchikomi_list h3 {
  color: #1f5e00;
  font-family: "Noto Sans JP";
  margin: 5px 0px 30px 30px;
  padding: 0px;
  font-size: 100%;
  font-weight: bold;
  background-image: url(none);
  transform: rotate(0.03deg);
}
main .kuchikomi_list p {
  margin-right: 30px;
  margin-left: 30px;
  margin-bottom: 18px;
  font-size: 14px;
}
.kuchikomi_list .kuchikomi_img {
  overflow: hidden;
  margin-left: 30px;
  margin-top: 30px;
}
.kuchikomi_list .kuchikomi_img li {
  width: 130px;
  height: 85px;
  float: left;
  margin-right: 8px;
  border-radius: 3px;
  position: relative;
}
a.loupe {
  position: relative;
}
a.loupe::after {
  width: 34px;
  height: 34px;
  content: "";
  right: 9px;
  top: 9px;
  position: absolute;
  background-image: url("../../common/img/layout/zoomin.svg");
}
.kuchikomi_img a.loupe::after {
  width: 20px;
  height: 20px;
  right: 3px;
  top: 3px;
}
.kuchikomi_list .kuchikomi_img li img {
  width: 130px;
  height: 85px;
  object-fit: cover;
  vertical-align: middle;
  border-radius: 3px;
}
.kuchikomi_list .kuchikomi_img li img:hover {
  opacity: 0.8;
}
img.big-image {
  position: relative;
}
img.big-image::after {
  position: absolute;
  font-family: icomoon;
  content: "ddd";
}
@-webkit-keyframes load-circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load-circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
ul.list_kuchikomi {
  font-size: 14px;
  margin-left: 30px;
  margin-bottom: 18px;
}
ul.list_kuchikomi li {
  float: none;
  margin-bottom: 3px;
}
/*カテゴリー一覧-----------------------------------------------------▲*/
.graf_wrap {
  width: 602px;
  margin-right: auto;
  margin-left: auto;
  font-size: 15px;
  margin-bottom: 25px;
}
.graf {
  width: 100%;
  margin-left: -15px;
}
.graf li {
  padding: 8px 15px 8px 15px;
  margin: 10px 0px 0px 0px;
  color: #fff;
  font-weight: bold;
}
.graf li span {
  float: right;
  font-weight: bold;
}
/*右カラム設定----------------------------------------------------------▲▲*/
/*フッター部設定-------------------------------------------------------▼▼*/
footer {
  height: 87px;
  margin-right: auto;
  margin-left: auto;
  border-top: 1px solid #eaeaea;
  background: #fff;
  clear: both;
}
#pc_footer {
  height: 87px;
  width: 979px;
  margin-right: auto;
  margin-left: auto;
  clear: both;
  background: url("../../common/img/layout/logo_toranomaki_grayscale.svg") no-repeat left 34px;
  background-size: 185px 23px;
}
#list_f {
  height: 20px;
  float: left;
  margin-top: 36px;
  margin-left: 230px;
  text-align: left;
  display: block;
  width: 500px;
}
#copyright {
  font-size: 11px;
  float: right;
  margin-top: 38px;
}
#list_f li {
  display: inline;
}
#list_f li a {
  display: inline;
  float: left;
  margin-right: 32px;
  color: #333;
  text-decoration: none;
  font-size: 12px;
}
#list_f li a:hover {
  text-decoration: underline;
}
#list_f li a:active {
  text-decoration: none;
  color: #ccc;
}
/*フッター部設定-------------------------------------------------------▲▲*/
/*レイアウト設定------------------------------------------------------------▲▲▲*/
.button_hikaku {
  text-align: center;
  display: block;
  margin-bottom: 7px;
}
.redlink a {
  color: #C00;
  text-decoration: underline;
}
aside .can img, main .dog a img {
  border-radius: 4px;
  margin-bottom: 8px;
}
aside .can.cb img {
  margin-bottom: 6px;
}
.cautions {
  background: #CC0000;
  width: 714px;
  margin: 0px auto 12px;
  font-size: 15px;
  color: #FFF;
  text-align: center;
  border-radius: 5px;
  padding-top: 11px;
  padding-bottom: 8px;
}
.reference_rank img {
  display: block;
  height: 190px;
  width: 660px;
  margin: -10px auto 10px;
  border-radius: 5px;
}
.reference_rank_desktop img {
  width: 632px;
  height: 190px;
  display: block;
  margin-bottom: 40px;
}
.reference_rank_note a {
  display: block;
  clear: left;
  height: 65px;
  width: 660px;
  margin: 50px auto;
  border-radius: 3px;
  background: url(../img/layout/reference_rank_note.png);
  text-indent: -4649px;
  border: 1px solid #CCC;
}
.reference_rank_note a:hover {
  background: url(../../common/img/layout/reference_rank_note_hover.png);
  border: 1px solid #004aa3;
  height: 64px;
  width: 660px;
}
.box_wrap p a.link_twitter {
  padding-left: 21px;
  position: relative;
}
.box_wrap p a.link_twitter::before {
  font: normal 17px icomoon;
  content: "\e923";
  position: absolute;
  left: 0px;
  top: 2px;
  color: #1da1f2;
  transition: all 0.3s;
}
.box_wrap p a.link_twitter:hover::before, .box_wrap p a.link_twitter:active::before {
  color: #c8c8c8;
}
.box_wrap table a.link_twitter {
  background-image: url(../../common/img/layout/link_twitter.png);
  padding-left: 20px;
  background-position: left 4px;
  background-size: 17px 15px;
  margin-left: 0px;
  margin-right: 3px;
}
.box_wrap table a.link_twitter:hover {
  background-image: url(../../common/img/layout/link_twitter_hover.png);
  background-size: 17px 15px;
}
.box_wrap table a.link_twitter:active {
  background-image: url(../../common/img/layout/link_twitter_hover.png);
  background-size: 17px 15px;
}
.box_wrap p a.link_ex {
  background-image: url("../img/layout/link_ex.svg");
  padding-left: 23px;
  background-position: left 3px;
  background-size: 18px 16px;
  margin-left: 6px;
  margin-right: 4px;
}
.box_wrap p a.link_ex:hover {
  background-image: url("../img/layout/link_ex_hover.svg");
  background-size: 18px 16px;
}
.box_wrap p a.link_ex:active {
  background-image: url("../img/layout/link_ex_active.svg");
  background-size: 18px 16px;
}
.box_wrap p.quote a.link_ex {
  background-image: url("../img/layout/link_ex.svg");
  padding-left: 22px;
  background-position: left 4px;
  background-size: 17px 15px;
  margin-left: 0px;
  margin-right: 2px;
}
.box_wrap p.quote a.link_ex:hover {
  background-image: url("../img/layout/link_ex_hover.svg");
  background-size: 17px 15px;
}
.box_wrap p.quote a.link_ex:active {
  background-image: url("../img/layout/link_ex_active.svg");
  background-size: 17px 15px;
}
.box_wrap p.quote.s {
  margin-top: -25px;
  font-size: 75%;
}
.box_wrap table a.link_ex {
  background-image: url("../img/layout/link_ex.svg");
  padding-left: 21px;
  background-position: left 4px;
  background-size: 16px 14px;
  margin-left: 0px;
  margin-right: 3px;
}
.box_wrap table a.link_ex:hover {
  background-image: url("../img/layout/link_ex_hover.svg");
  background-size: 16px 14px;
}
.box_wrap table a.link_ex:active {
  background-image: url("../img/layout/link_ex_active.svg");
  background-size: 16px 14px;
}
.box_wrap table.t_text_15 a.link_ex {
  background-image: url("../img/layout/link_ex.svg");
  padding-left: 22px;
  background-position: left 4px;
  background-size: 18px 16px;
  margin-left: 0px;
  margin-right: 3px;
}
.box_wrap table.t_text_15 a.link_ex:hover {
  background-image: url("../img/layout/link_ex_hover.svg");
  background-size: 18px 16px;
}
.box_wrap table.t_text_15 a.link_ex:active {
  background-image: url("../img/layout/link_ex_active.svg");
  background-size: 18px 16px;
}
.box_wrap table td.benchlink a.link_ex {
  font-size: 97%;
  background-size: 17px 15px;
  background-position: left 4px;
}
.box_wrap table td.benchlink a.link_ex:hover {
  background-image: url("../img/layout/link_ex_hover.svg");
  background-size: 17px 15px;
}
.box_wrap table td.benchlink a.link_ex:active {
  background-image: url("../img/layout/link_ex_active.svg");
  background-size: 17px 15px;
}
td.benchlink {
  padding-top: 13px;
  padding-bottom: 13px;
}
main .box_wrap p.quote {
  display: block;
  margin-top: -30px;
  font-size: 14px;
  margin-left: 53px;
}
main .box_wrap p.quote a {
  font-weight: normal;
}
main .box_wrap #reputation_link p.quote a {
  font-weight: normal;
}
main .box_wrap #reputation_link p.quote {
  margin-top: -17px;
  font-weight: normal;
  margin-left: 67px;
}
main .box_wrap p.quote.for580 {
  margin-left: 62px;
}
.scroll table {
  margin-bottom: 0px;
}
#bunner_top {
  margin-bottom: 12px;
}
#bunner_top img {
  border-radius: 3px;
}
.button_internal a, .button_out a {
  font-size: 18px;
  display: block;
  border-radius: 5px;
  color: #FFFFFF;
  padding: 2.5% 1% 2.3%;
  width: auto;
  margin: 80px 15%;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  clear: left;
  line-height: 1.3em;
  transform: rotate(0.03deg);
}
.button_internal a {
  border-bottom: 3.5px solid #008fb8;
  background-repeat: no-repeat;
  background-position: 5px 8px;
  background-image: url(../../common/img/layout/bg_button_internal.png);
  background-color: #00b3e6;
  background-size: 12%;
}
.button_internal a:hover {
  background-color: #19ccff;
  border-bottom: 3.5px solid #19ccff;
  background-position: 7px 5px;
  background-size: 13%;
}
.button_out a {
  border-bottom: 3.5px solid #D66A00;
  background-repeat: no-repeat;
  background-position: 15px 8px;
  background-image: url(../../common/img/layout/bg_button_out.png);
  background-color: #FF8B18;
  background-size: 10%;
}
.button_out a:hover {
  background-color: #FFAC5B;
  border-bottom: 3.5px solid #FFAC5B;
  background: #FFAC5B url(../../common/img/layout/bg_button_out.png) no-repeat 15px 8px;
  background-size: 10.5%;
}
.fix_button_sp {
  display: none;
  text-indent: -9999px;
  margin-top: -24px;
}
main .box_wrap p img.inline {
  display: inline;
  padding: 0px 2px;
  vertical-align: bottom;
  margin-bottom: 1.2%;
  margin-top: 0%;
}
.reputation_link.bttom_5up a .bi, .reference_rank_desktop_mobile .bi, .reference_rank_note_mobile .bi, .reference_rank_mobile .bi, .reference_rank .bi, img.bi, .footer_rank_button a .bi, aside #footer_rank a .bi, main .can a .bi, main .box_wrap p.reputation_link_bi.bttom_5up a img.bi, main .box_wrap p a img.bi, main .dog a img.bi, .center_button img.bi, .center_no img.bi, .center_button_b img.bi, divmain div.box_wrap p img.bi, .fix_model_sp, aside h3.footer_rank_title_mobile, .can_mobile, .slidemenu.slidemenu-left, #sp_footer, nav.drawer-nav, button.drawer-toggle {
  margin: 0px;
  padding: 0px;
  display: none;
}
.footer_rank_button a {
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #FF8B18;
  border-radius: 5px;
  text-align: center;
  padding: 10px 15px;
  margin: 10px;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 3px solid #D66A00;
}
.footer_rank_button a:hover {
  background-color: #FFAC5B;
  border-bottom: 3px solid #FFAC5B;
}
.footer_rank_button_review a {
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #00b3e6;
  border-radius: 5px;
  padding: 10px 5px 6px;
  margin: 0px 10px 20px;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 3px solid #008fb8;
  line-height: 1.3em;
  text-align: center;
}
.footer_rank_button_review a:hover {
  background-color: #19ccff;
  border-bottom: 3px solid #19ccff;
  text-align: center;
}
aside h3.footer_rank_title, aside h3.footer_rank_title_mobile {
  margin-top: 0px;
  margin-left: 31px;
  margin-bottom: 30px;
  padding: 0px;
  width: auto;
  border-style: none;
  background-image: none;
}
.refuse {
  margin-right: 50px;
  margin-left: 50px;
  margin-bottom: 5%;
  padding: 2.2% 3.5% 2.2%;
  width: auto;
  font-size: 14px;
  line-height: 1.7em;
  border-radius: 8px;
  background-color: #FFF7F7;
  border: 1px solid #DD2F32;
  color: #CD0003;
}
main p.refuse_blue, #comp p.refuse_blue {
  margin-right: 55px;
  margin-left: 55px;
  margin-bottom: 5%;
  padding: 11px 15px 8px;
  width: auto;
  line-height: 1.7em;
  border-radius: 4px;
  background-color: #f2faff;
  border: 1px solid #3666b1;
  color: #3666b1;
  display: block;
}
main p.staff {
  padding-left: 13%;
  padding-bottom: 6.5%;
  width: auto;
  display: block;
  background-image: url(../../common/img/layout/staff.png);
  background-position: left top;
  background-size: 12%;
  color: #2987BB;
  font-weight: bold;
  clear: left;
  font-size: 17px;
}
main p.syuzai_man {
  padding-left: 13%;
  padding-bottom: 6.5%;
  width: auto;
  display: block;
  background-image: url(../../common/img/layout/syuzai_man.png);
  background-position: 10px top;
  background-size: 11%;
  margin-top: -5%;
}
main p.a_kanrinin, main p.a_man, main p.a_man_b {
  margin-top: 0%;
  padding-left: 11%;
  padding-bottom: 2.5%;
  width: auto;
  display: block;
  background-image: url(none);
  background-position: left top;
  background-size: 10%;
}
main p.a_kanrinin {
  background-image: url(../img/capture/cheap_estimate/a_kanrinin.png);
}
main p.a_man {
  background-image: url(../img/capture/cheap_estimate/a_man.png);
}
main p.a_man_b {
  background-image: url(../../common/img/capture/cheap_estimate/a_man_b.png);
}
main p.a_kanrinin_p, main p.a_man_p {
  padding-left: 11%;
  margin-top: -40px;
  margin-bottom: 55px;
}
main p.a_kanrinin img, main p.a_kanrinin_p img, main p.a_man_p, main p.a_man_p img {
  width: 572px;
  height: auto;
}
main .interview_area h3 {
  margin-top: -20px;
  margin-bottom: 25px;
}
.button.form {
  font-weight: bold;
  display: inline;
  padding-right: 20px;
  padding-left: 20px;
  line-height: 50px;
}
.button {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.button, .button a {
  cursor: pointer;
  border-radius: 4px;
  font: bold 19px/55px "メイリオ";
  transition: all 0.1s linear 0s;
  margin-right: auto;
  margin-left: auto;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  color: #FFF;
  text-decoration: none;
  display: block;
  height: 50px;
  background: #47B9EF none repeat scroll 0% 0%;
  border-bottom: 4px solid #107EB4;
  margin-bottom: 50px;
}
.button:hover, .button a:hover {
  background: #107EB4;
  border-bottom: 4px solid #107EB4;
  height: 50px;
}
.button:active, .button a:active {
  background: #63C2F1;
  border-bottom: 3px solid #63C2F1;
  text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
.button.ar.red {
  background: #FF8635;
  border-bottom: 4px solid #E15A00;
  line-height: 55px;
  height: 50px;
  margin-bottom: 60px;
}
.button.ar.red a {
  background: #FF8635;
  border-bottom: 4px solid #E15A00;
}
.button.ar.red a:hover {
  background: #E15A00;
  border-bottom: 3px solid #E15A00;
  height: 50px;
}
.button.ar.red a:active {
  background: #FFA568;
  border-bottom: 3px solid #FFA568;
  text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
.ll {
  font-size: 155%;
  line-height: 1.5em;
}
.l {
  font-size: 140%;
  line-height: 1.5em;
}
.ml {
  font-size: 115%;
  line-height: 1.5em;
}
.sl {
  font-size: 110%;
  line-height: 1.5em;
}
.s {
  font-size: 85%;
  line-height: 1.5em;
}
.ml_no {
  font-size: 120%;
  line-height: 1.5em;
}
.space_up {
  display: block;
  margin-top: 7px;
}
.reco a {
  display: block;
  border-bottom: 3px solid #008FB8;
  background-color: #00B3E6;
  padding-top: 11px;
  padding-bottom: 7px;
  color: #FFF;
  font-weight: bold;
  border-radius: 3px;
  text-decoration: none;
}
.reco a:hover {
  background-color: #19ccff;
  border-bottom: 3px solid #19ccff;
}
main p.youtube iframe, main p.googlemap iframe {
  width: 620px;
  margin-left: -11px;
  margin-top: 45px;
  margin-bottom: -13px;
}
.clear_left {
  clear: left;
}
.space_down, p.space_down {
  margin-bottom: 12%;
}
.graphs.space_down {
  margin-bottom: 4%;
}
main h4.graphs_up {
  margin-top: 0px;
}
.twitter_quotation {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 5%;
  width: 500px;
}
main a.entry_wrap {
  width: 572px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #EBEBEB;
  padding: 30px 30px 22px;
  margin-bottom: 12px;
  display: block;
  text-decoration: none;
  color: #4D4D4D;
  background-image: url(none);
  background-size: 67px;
  background-repeat: no-repeat;
  background-position: 20px 18px;
  border-radius: 4px;
}
main a.entry_wrap:hover {
  background-image: url(none);
  background-size: 67px;
  background-repeat: no-repeat;
  background-position: 20px 18px;
  background-color: #F9FDFF;
}
main a.entry_wrap h4 {
  color: #4D4D4D;
  width: auto;
  padding: 0px 0px 10px 64px;
  font-size: 24px;
  background-image: url(none);
  line-height: 1.4em;
  margin: -5px 0px 0px;
}
main a.entry_wrap img {
  width: 572px;
  height: 199px;
  margin-bottom: 15px;
}
main a.entry_wrap p {
  margin: 0px;
  padding: 0px;
  font-size: 15px;
  line-height: 1.6em;
}
blockquote {
  background-color: #F5F5F5;
  width: auto;
  margin-right: 42px;
  margin-left: 42px;
  padding: 50px 60px 28px;
  border-radius: 10px;
  background-image: url(../../common/img/layout/bg_blockquote.png);
  background-size: 15%;
  background-position: right bottom;
  margin-bottom: 30px;
  display: block;
  position: relative;
}
blockquote::before {
  font-family: 'icomoon';
  font-weight: 400;
  font-size: 28px;
  content: '\e917';
  color: #C9C9C9;
  top: 20px;
  left: 22px;
  position: absolute;
}
main blockquote p {
  margin: 0px 0px 15px;
  padding: 0px;
  font-weight: bold;
  color: #4D4D4D;
}
main blockquote a {
  margin-top: 25px;
  color: #4D4D4D;
  font-size: 90%;
  display: block;
  margin-bottom: 15px;
}
main blockquote a:hover {
  color: #888;
}
main blockquote a.link_ex {
  background-image: url("../../common/img/layout/link_ex_quote.svg");
  padding-left: 21px;
  background-size: 15px 13px;
  background-position: left 5px;
}
main blockquote a.link_ex:hover {
  background-image: url(../../common/img/layout/link_ex_quote_hover.svg);
}
main blockquote a.link_ex:active {
  background-image: url(../img/layout/link_ex_active.png);
  color: #C7C7C7;
}
main blockquote .bi {
  display: none
}
#pagetop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
}
#pagetop img {
  width: 100px;
  height: 100px;
}
.wrap_twitter .twitter-tweet {
  max-width: 500px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  margin-bottom: 30px !important;
}
.css-901oao {
  font-size: 15px !important;
}
main table h4, main table .t_bl h4 {
  margin: 0%;
  padding-top: 0.8%;
  padding-bottom: 0.8%;
  background-image: url(url);
  text-indent: 0px;
  text-align: center;
  width: auto;
  font-size: 16px;
  font-weight: normal;
  padding-left: 0%;
}
main table h4 {
  color: #000000;
}
main table.t_bl h4 {
  color: #FFF;
  font-size: 17px;
  transform: rotate(0.03deg);
}
.verification_environment {
  background-image: url(../../common/img/layout/bg_verification_environment.png);
  background-position: right bottom;
  background-size: 14%;
}
.mokuji_shita {
  margin-top: 60px;
  margin-bottom: -40px;
  clear: none;
}
.creator_img {
  margin-bottom: 3%;
}
.space {
  padding-top: 10%;
  ;
}
.relative {
  position: relative;
}
.absolute_3dmark {
  position: absolute;
  right: 20px;
  top: 45%;
  border-radius: 5px;
  padding: 9px;
  border: 1px solid #F27E20;
  color: #F27E20;
  font-size: 17px;
  background-color: #FFF9F4;
  transform: rotate(0.03deg);
}
main .box_wrap p img.inline_p {
  display: inline;
  vertical-align: middle;
  margin: -3px 3px 0px;
}
.score {
    font-weight: 700;
    font-family: 'Lato', sans-serif;
}
.mark_score {
  font: 700 23px 'Lato', sans-serif;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin: auto;
  color: #fd7d16;
}
.fix_button_text a {
  border-bottom: 3.5px solid#D66A00;
  background-color: #FF8B18;
  transition-timing-function: ease;
  border-radius: 3px;
  width: 220px;
  display: block;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 12px;
  transform: rotate(0.03deg);
  margin-right: auto;
  margin-left: auto;
  z-index: 98;
}
.fix_button_text a:hover {
  background-color: #FFAC5B;
  border-bottom: 3.5px solid #FFAC5B;
}
.fix_box_title {
  margin-top: 20px;
  font-size: 19px;
  transform: rotate(0.03deg);
  font-weight: bold;
  text-align: center;
  margin-bottom: 12px;
  line-height: 1.2em;
}
.fiximg img {
  width: 245px;
  height: auto;
  margin: 0px auto 12px;
  border-radius: 5px;
}
.fiximg {
  position: relative;
}
.fiximg::before {
  content: '';
  display: inline-block;
  width: 91px;
  height: 75px;
  background-image: url(../../common/img/layout/site_logo_go_before.png);
  background-size: contain;
  position: absolute;
  bottom: -8px;
  right: -42px;
  z-index: 99;
}
.fiximg::after {
  content: '';
  display: inline-block;
  width: 46px;
  height: 75px;
  background-image: url(../../common/img/layout/site_logo_go_after.png);
  background-size: contain;
  position: absolute;
  bottom: -8px;
  left: -5px;
  z-index: 99;
}
table.kuchikomi_t {
  margin-bottom: 50px;
}
/*パソコン用語『○○とは？』の用語集についての指定-------------------------------------------------------------------------------------------------▼▼▼▼*/
main .box_wrap.term_wrap {
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  background-position: center 81px;
  float: left;
  display: block;
  padding-bottom: 24px;
}
.term_list_wrap {
  width: 100%;
  display: block;
}
.term_list {
  width: 88%;
  background: #FFF;
  font-size: 130%;
  display: block;
  margin-left: 6%;
  margin-right: 6%;
  float: left;
  margin-bottom: 50px;
}
#term_aiueo, #term_abc {
  float: left;
  margin-top: -10px;
  padding-bottom: 60px;
}
#term_aiueo {
  width: 410px;
  margin-left: 41px;
}
#term_abc {
  width: 246px;
  margin-left: 6px;
}
#term_aiueo li, #term_abc li {
  display: inline;
  float: left;
  width: 29px;
  height: 29px;
  margin-bottom: 6px;
  margin-right: 6px;
  border-radius: 3px;
  border: 1px solid #CACACA;
  background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(232, 232, 232, 1.00) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(232, 232, 232, 1.00) 100%);
  background-image: -o-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(232, 232, 232, 1.00) 100%);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(232, 232, 232, 1.00) 100%);
  text-align: center;
  font-size: 22px;
  text-shadow: 1px 1px #FFFFFF;
  text-decoration: none;
  line-height: 28px;
  transform: rotate(0.03deg);
}
#term_aiueo li a, #term_abc li a {
  display: inline;
  float: left;
  width: 29px;
  height: 29px;
  text-decoration: none;
  color: #000000;
  font-weight: normal;
}
#term_aiueo li a:hover, #term_abc li a:hover {
  text-shadow: 0px 0px;
  background-color: #007abe;
  border-radius: 3px;
  color: #FFFFFF;
}
#term_abc li a {
  display: inline;
  float: left;
  width: 29px;
  height: 29px;
  margin-bottom: 10px;
  margin-right: 10px;
  border-radius: 3px;
  border: 1px solid #CACACA;
  background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(232, 232, 232, 1.00) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(232, 232, 232, 1.00) 100%);
  background-image: -o-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(232, 232, 232, 1.00) 100%);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(232, 232, 232, 1.00) 100%);
  text-align: center;
  font-size: 22px;
  text-shadow: 1px 1px #FFFFFF;
}
#term_aiueo li.termspace {
  text-indent: -4649px;
  border: 1px solid #FFF;
  background-image: none;
}
/*cat_name についての指定---------------------------------------------------------------------------------------------------------------------▼▼▼▼*/
#cat_name.one_a {
  background-image: url(../img/layout/page_title/page_title_a.png);
}
#cat_name.one_b {
  background-image: url(../img/layout/page_title/page_title_b.png);
}
#cat_name.one_c {
  background-image: url(../img/layout/page_title/page_title_c.png);
}
#cat_name.one_d {
  background-image: url(../img/layout/page_title/page_title_d.png);
}
#cat_name.one_e {
  background-image: url(../img/layout/page_title/page_title_e.png);
}
#cat_name.one_f {
  background-image: url(../img/layout/page_title/page_title_f.png);
}
#cat_name.one_g {
  background-image: url(../img/layout/page_title/page_title_g.png);
}
#cat_name.one_h {
  background-image: url(../img/layout/page_title/page_title_h.png);
}
#cat_name.one_i {
  background-image: url(../img/layout/page_title/page_title_i.png);
}
#cat_name.one_j {
  background-image: url(../img/layout/page_title/page_title_j.png);
}
#cat_name.one_k {
  background-image: url(../img/layout/page_title/page_title_k.png);
}
#cat_name.one_l {
  background-image: url(../img/layout/page_title/page_title_l.png);
}
#cat_name.one_m {
  background-image: url(../img/layout/page_title/page_title_m.png);
}
#cat_name.one_n {
  background-image: url(../img/layout/page_title/page_title_n.png);
}
#cat_name.one_o {
  background-image: url(../img/layout/page_title/page_title_o.png);
}
#cat_name.one_p {
  background-image: url(../img/layout/page_title/page_title_p.png);
}
#cat_name.one_q {
  background-image: url(../img/layout/page_title/page_title_q.png);
}
#cat_name.one_r {
  background-image: url(../img/layout/page_title/page_title_r.png);
}
#cat_name.one_s {
  background-image: url(../img/layout/page_title/page_title_s.png);
}
#cat_name.one_t {
  background-image: url(../img/layout/page_title/page_title_t.png);
}
#cat_name.one_u {
  background-image: url(../img/layout/page_title/page_title_u.png);
}
#cat_name.one_v {
  background-image: url(../img/layout/page_title/page_title_v.png);
}
#cat_name.one_w {
  background-image: url(../img/layout/page_title/page_title_w.png);
}
#cat_name.one_x {
  background-image: url(../img/layout/page_title/page_title_x.png);
}
#cat_name.one_y {
  background-image: url(../img/layout/page_title/page_title_y.png);
}
#cat_name.one_z {
  background-image: url(../img/layout/page_title/page_title_z.png);
}
#cat_name.one_aa {
  background-image: url(../img/layout/page_title/page_title_aa.png);
}
#cat_name.one_ab {
  background-image: url(../img/layout/page_title/page_title_ab.png);
}
#cat_name.one_ac {
  background-image: url(../img/layout/page_title/page_title_ac.png);
}
#cat_name.one_ad {
  background-image: url(../img/layout/page_title/page_title_ad.png);
}
#cat_name.one_ae {
  background-image: url(../img/layout/page_title/page_title_ae.png);
}
#cat_name.one_af {
  background-image: url(../img/layout/page_title/page_title_af.png);
}
#cat_name.one_ag {
  background-image: url(../img/layout/page_title/page_title_ag.png);
}
#cat_name.one_ah {
  background-image: url(../img/layout/page_title/page_title_ah.png);
}
#cat_name.one_ai {
  background-image: url(../img/layout/page_title/page_title_ai.png);
}
#cat_name.one_aj {
  background-image: url(../img/layout/page_title/page_title_aj.png);
}
#cat_name.one_ak {
  background-image: url(../img/layout/page_title/page_title_ak.png);
}
#cat_name.one_al {
  background-image: url(../img/layout/page_title/page_title_al.png);
}
#cat_name.one_am {
  background-image: url(../img/layout/page_title/page_title_am.png);
}
#cat_name.one_an {
  background-image: url(../img/layout/page_title/page_title_an.png);
}
#cat_name.one_ao {
  background-image: url(../img/layout/page_title/page_title_ao.png);
}
#cat_name.one_ap {
  background-image: url(../img/layout/page_title/page_title_ap.png);
}
/*TABLEについての指定-------------------------------------------------------------------------------------------------------------▼▼▼▼*/
table {
  font-size: 13.5px;
  width: 622px;
  margin-bottom: 25px;
  display: table;
  border-bottom: 1px solid #E5E5E5;
  border-left: 1px solid #E5E5E5;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  border-collapse: collapse;
  border-spacing: 0;
}
#comp table {
  width: 890px;
}
th, td {
  border-top: 1px solid #E5E5E5;
  border-right: 1px solid #E5E5E5;
  padding: 10px 12px 11px 12px;
}
th {
  color: #FFF;
  background-color: #007abe;
  text-align: center;
}
th.no_padding, td.no_padding, .td_center th.no_padding, .td_center td.no_padding, .t_bl td.no_padding, table.t_thtd_vertical td.no_padding {
  padding: 0px;
  margin: 0px;
}
.td_center td {
  text-align: center;
  padding-right: 10px;
  padding-left: 10px;
}
.comp.td_center td {
  text-align: center;
  padding-right: 10px;
  padding-left: 10px;
}
.h_space {
  padding-top: 11px;
  padding-bottom: 11px;
}
table.mouse th {
  background-color: #FF9128;
}
table.gaming th {
  background-color: #2A2A2A;
}
table.t_text_15 {
  font-size: 15px;
}
table.t_thtd_vertical td.no_padding iframe {
  margin-bottom: -4px;
}
/*ドスパラの店舗一覧*/
table.t_shop {
  background-image: url(../img/layout/bg_nihonchizu.png);
  background-position: center center;
  background-size: 115%;
  text-align: center;
  margin-top: -15px;
  margin-bottom: 40px;
}
table.t_shop th, .t_shop td {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}
table.t_shop th {
  background-color: #729B0C;
}
table.t_thtd_vertical {
  box-sizing: border-box;
  border-collapse: collapse;
}
ul.shopcat {
  overflow: hidden;
}
divmain div.box_wrap table.t_shop tbody tr td a {
  font-weight: normal;
}
/*カスタマイズ*/
table.t_custom {
  border-bottom: 1px solid #E5E5E5;
  border-left: 1px solid #FFF;
  margin-top: -15px;
  font-size: 15px;
}
table.t_custom th {
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  background-color: #FFFFFF;
  padding: 6px;
}
table.t_custom td {
  border-top: 1px solid #E5E5E5;
  border-right: 1px solid #FFF;
  padding: 6px;
}
table.t_custom td a {
  text-decoration: none;
}
table.t_custom th img {
  width: 56px;
  height: 56px;
}
/*A氏*/
.t_ashi {
  text-align: center;
}
.t_ashi.talk {
  width: 556px;
  margin-left: 120px;
}
.t_ashi a {
  text-decoration: underline;
  font-weight: bold;
  color: #000000;
}
.t_ashi a:active {
  text-decoration: none;
  color: #AAAAAA;
}
.t_ashi a:hover {
  text-decoration: none;
  color: #B9B9B9;
}
.t_ashi th {
  font-size: 12px;
  color: #FFFFFF;
  background-color: #1D1D1D;
  padding-left: 3px;
  padding-right: 3px;
  line-height: 1.4em;
}
.t_ashi td {
  font-size: 12px;
  padding-top: 8px;
  padding-bottom: 7px;
  padding-left: 4px;
  padding-right: 4px;
}
.t_short {
  font-size: 14px;
  line-height: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 532px;
  margin-left: 143px;
}
.t_short th {
  padding-top: 15px;
  padding-bottom: 15px;
}
.t_short td {
  padding: 8px 5px;
  text-align: center;
}
.t_no {
  padding-left: 0px;
  padding-right: 0px;
}
.t_no th {
  text-align: center;
  padding-top: 14px;
  padding-bottom: 11px;
  font-size: 16px;
  line-height: 1.3em;
  padding-left: 0px;
  padding-right: 0px;
}
.t_no td {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.t_bl {
  text-align: center;
  word-break: break-all;
}
.t_bl th {
  color: #FFFFFF;
  background-color: #2A2A2A;
}
.t_bl td {
  line-height: 1.4em;
}
.t_alternate_blue, .t_alternate_black {
  clear: left;
}
.t_alternate_black th {
  background-color: #2A2A2A;
}
.t_alternate_black tr:nth-child(2n+0) {
  background-color: #F7F7F7;
}
.t_alternate_blue th {
  background-color: #1979ba;
}
.t_alternate_blue tr:nth-child(2n+0) {
  background-color: #F7FBFF;
}
td.center {
  text-align: center;
}
.a_text_left, td.a_text_left, .comp td.a_text_left {
  text-align: left;
  padding-left: 8px;
  padding-right: 8px;
}
table .center, .center {
  text-align: center;
}
.a_text_left_top, td.a_text_left_top {
  vertical-align: top;
  text-align: justify;
}
.a_text_right, table .a_text_right {
  text-align: right;
}
.a_bg_gray {
  background-color: #F8F8F8;
}
.a_bg_green {
  background-color: #F7FCF3;
}
.a_bg_black {
  background-color: #424242;
  color: #FFFFFF;
}
.a_bg_white, td a_bg_white {
  color: #000;
  background-color: #FFF;
}
.a_bg_white_red, td a_bg_white_red {
  color: #CC0000;
  background-color: #FFF;
}
.a_bg_black_b {
  background-color: #7B7B7B;
  color: #FFFFFF;
}
.a_bg_black_c {
  background-color: #AFAFAF;
  color: #FFFFFF;
}
.a_bg_blue {
  color: #000;
  background-color: #F0FCFF;
}
.a_bg_bluedeep {
  background-color: #72A8CB;
  color: #FFFFFF;
}
.a_bg_red {
  background-color: #FEF8F8;
}
.a_bg_red_02 {
  background-color: #CC0000;
  color: #FFFFFF;
}
th.a_bg_red {
  background-color: #CC0000;
  color: #FFFFFF;
}
.a_bg_orange {
  background-color: #FFFAEF;
}
.a_bg_yellow {
  background-color: #FFFCE8;
}
.a_bg_purple {
  background: #F4F4FF;
}
.a_bg_dosa {
  background: #00a5e5;
  color: #FFF;
}
.a_bg_graf_green {
  background-color: #7cac23;
}
.a_bg_graf_gray {
  background-color: #9E9E9E;
}
.fire {
  font-weight: bold;
  background: url(../../common/img/comparison/table/bg_fire.jpg) no-repeat center center;
}
.plus {
  font-weight: bold;
  background: url(../img/comparison/table/bg_80plus.jpg) no-repeat center center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.plus_bronze {
  font-weight: bold;
  background: url(../../common/img/comparison/table/bg_80plus_bronze.jpg) no-repeat center center;
  padding-top: 25px;
  padding-bottom: 25px;
}
.plus_silver {
  font-weight: bold;
  background: url(../../common/img/comparison/table/bg_80plus_silver.jpg) no-repeat center center;
  padding-top: 25px;
  padding-bottom: 25px;
}
.plus_gold {
  font-weight: bold;
  background: url(../../common/img/comparison/table/bg_80plus_gold.jpg) no-repeat center center;
  padding-top: 25px;
  padding-bottom: 25px;
}
.t_cb {
  width: 906px;
  text-align: center;
  display: block;
  border-style: none;
  margin-bottom: 5px;
}
.t_cb td {
  border-style: none;
}
.t_mail {
  text-align: left;
}
.t_mail th {
  text-align: right;
  padding-right: 10px;
  background: #289BDC;
}
.t_mail td {
  padding: 10px;
}
.t_mail .name, .t_mail .company, .t_mail .mail, .t_mail .mail, t_mail .message, t_mail .requirement {
  font-size: 14px !important;
}
.t_mail .name, .t_mail .company {
  width: 50% !important;
}
.t_mail .mail {
  width: 80% !important;
}
.t_mail .message {
  width: 98% !important;
  font-family: 'Noto Sans JP';
}
.t_mail .required {
  font-size: 11px;
  width: auto;
  color: #FFFFFF;
  display: inline-block;
  padding: 0px 5px;
  border-radius: 3px;
  background-color: #D74118;
  margin-left: 8px;
}
div.modeli table {
  margin-top: 20px;
}
.t_sougo_link th {
  background-color: #fffce6;
  color: #000000;
  text-align: center;
  font-size: 16px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.t_sougo_link td {
  padding: 14px;
  vertical-align: top;
}
.t_sougo_link td.sougo_link_img {
  width: 150px;
  height: 150px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  layout-grid-line: 150px;
}
.t_sougo_link img {
  width: 150px;
  height: auto;
  vertical-align: middle;
}
table.graphs {
  border-collapse: collapse;
}
table.graphs.box {
  position: relative;
}
main .box_wrap p img.thumb {
  width: 640px;
  height: auto;
  margin-left: -24px;
  margin-top: -15px;
}
.i620, .t_review img {
  width: 620px;
  height: auto;
}
.i580 {
  width: 580px;
  height: auto;
}
.i716 {
  width: 716px;
  height: auto;
}
.i400 {
  width: 400px;
  height: auto;
}
.i500 {
  width: 500px;
  height: auto;
}
.graph {
  z-index: 1;
  display: block;
  height: 25px;
  background-color: #DB590B;
  font-size: 110%;
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
  line-height: 25px;
  color: #FFFFFF;
}
.graphs.text {
  position: relative;
  z-index: 2;
}
table.graphs th {
  background-color: #353535;
  padding-bottom: 6px;
  padding-top: 8px;
}
table.graphs td {
  padding: 10px 10px 10px 0px;
}
.scroll {
overflow-x: auto;
  width: 100%;
  overflow: auto;
 margin-bottom: 25px;
}
.scroll table th, .scroll table td {
  white-space: nowrap;
}
.scroll::-webkit-scrollbar {
  height: 5px;
}
.scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
.scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #c0c0c0;
}
ul.shopcat li {
  border-radius: 4px;
  padding: 6px 10px 6px;
  text-align: center;
  color: #FFFFFF;
  display: block;
  font-weight: bold;
  float: left;
  margin-right: 4px;
  margin-bottom: 2px;
  margin-top: 2px;
  font-size: 13px;
}
.shopcat li.pc {
  background-color: #32C8F2;
}
.shopcat li.parts {
  background-color: #23a0bc;
}
.shopcat li.gaming {
  background-color: #444;
}
.shopcat li.syanhai {
  background-color: #cb0101;
}
.shopcat li.used_purchased {
  background-color: #b96969;
}
.shopcat li.used_sale {
  background-color: #5080d5;
}
.shopcat li.support {
  background-color: #31c757;
}
.shopcat li.repair {
  background-color: #39984b;
}
.shopcat li.vr {
  background-color: #3e48a6;
}
.shopcat li.esports {
  background-color: #040404;
}
/*投稿フォームここから----------------------------------------------------------------------------------------------------------------------------------------------------*/
form#mail_form * {
  margin: 0;
  padding: 0;
}
form#mail_form {
  width: 620px;
  margin: -20px auto 50px;
  padding: 10px 0;
  font-size: 90%;
  line-height: 1.6em;
}
form#mail_form dl {
  width: 96%;
  margin: 0 auto;
  overflow: hidden;
}
form#mail_form dl dt {
  clear: both;
  width: 25%;
  float: left;
  padding: 15px 0 5px;
  text-align: right;
  overflow: hidden;
}
form#mail_form dl dd {
  width: 73%;
  float: right;
  padding: 3px 0 5px 2%;
}
form#mail_form dl dt:first-child, form#mail_form dl dt:first-child + dd {
  border: none;
}
form#mail_form dl dt span {
  display: block;
  font-size: 85%;
  color: #3377ff;
}
form#mail_form dl dt span.required, form#mail_form dl dt span.optional {
  display: inline-block;
  font-size: 12px;
  line-height: 1.0em;
  float: right;
  color: #ffffff;
  padding: 4px 5px 5px 4px;
  margin-top: 2px;
  margin-left: 8px;
  border-radius: 3px;
}
form#mail_form dl dt span.required {
  background: #d9534f;
  border: 1px solid #d43f3a;
}
form#mail_form dl dt span.optional {
  background: #337ab7;
  border: 1px solid #2e6da4;
}
form#mail_form dl dd span.error_blank, form#mail_form dl dd span.error_format, form#mail_form dl dd span.error_match {
  display: block;
  font-size: 13px;
  color: #D83E1D;
  margin-top: 3px;
}
span.loading {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border-top: 5px solid rgba(255, 255, 255, 0.2);
  border-right: 5px solid rgba(255, 255, 255, 0.2);
  border-bottom: 5px solid rgba(255, 255, 255, 0.2);
  border-left: 5px solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load-circle 1.0s linear infinite;
  animation: load-circle 1.0s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
}
@-webkit-keyframes load-circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load-circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
form#mail_form input[type="text"], form#mail_form input[type="email"], form#mail_form input[type="tel"], form#mail_form input[type="title"] {
  max-width: 92.5%;
  padding: 7px 8px;
  border: 1px solid #cccccc;
  border-radius: 2px;
  background: #fafafa;
  -webkit-appearance: none;
  font-size: 100%;
  margin-top: 7px;
  font-family: "Noto Sans JP", "メイリオ", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
form#mail_form input[type="text"]:focus, form#mail_form input[type="email"]:focus, form#mail_form input[type="tel"]:focus, form#mail_form textarea:focus {
  border: 1px solid #55ccff;
  background: #ffffff;
  outline: none;
}
form#mail_form ul li input[type="checkbox"] {
  margin-right: 8px;
  margin-top: 8px;
}
form#mail_form ul li input[type="checkbox"] {
  top: 1px;
  position: relative;
}
form#mail_form select {
  font-size: 100%;
  padding: 4px 5px 4px 5px;
  margin-top: 9px;
  background: #fafafa;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  font-family: "Noto Sans JP", "メイリオ", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
form#mail_form textarea {
  display: block;
  width: 92.5%;
  height: 200px;
  padding: 7px 2%;
  resize: vertical;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background: #fafafa;
  -webkit-appearance: none;
  font-size: 100%;
  font-family: inherit;
  margin-top: 8px;
}
form#mail_form ul {
  list-style-type: none;
}
form#mail_form ul li label:hover {
  cursor: pointer;
}
form#mail_form input#company, form#mail_form input#name {
  width: 50%;
}
form#mail_form input#name_1, form#mail_form input#name_2, form#mail_form input#read_1, form#mail_form input#read_2, form#mail_form input#postal, form#mail_form input#phone, form#mail_form input#schedule {
  width: 30%;
}
form#mail_form input#mail_address, form#mail_form input#mail_address_confirm {
  width: 80%;
}
form#mail_form input#postal + a {
  display: inline-block;
  padding: 5px 15px;
  border: 1px solid #46b8da;
  border-radius: 3px;
  background: #5bc0de;
  font-size: 100%;
  color: #ffffff;
  text-decoration: none;
}
form#mail_form input#postal + a:hover {
  cursor: pointer;
  background: #31b0d5;
  border: 1px solid #269abc;
}
form#mail_form input#address, form#mail_form input#title {
  width: 100%;
}
form#mail_form input#product {
  width: 80%;
}
form#mail_form select#star {
  width: 35%;
}
form#mail_form p#form_submit {
  width: 90%;
  margin: 0 auto;
  padding: 15px 0;
}
form#mail_form input#form_submit_button {
  margin-left: 28%;
}
form#mail_form ul.requirement {
  margin-top: 13px;
}
.box_wrap form#mail_form a {
  text-decoration: none;
}
div#agreement {
  width: 90%;
  margin: 0 auto;
  padding: 15px 0;
  border-radius: 3px;
}
div#agreement h4 {
  color: #000;
  font-size: 110%;
  font-weight: bold;
  background-image: url(none);
  text-align: center;
  font-family: "Noto Sans JP", "メイリオ", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
div#agreement h4::before {
  background: none;
}
div#agreement div {
  height: 140px;
  margin: 15px 0;
  padding: 20px 20px 30px 30px;
  background: #fafafa;
  border: 1px solid #cccccc;
  overflow-y: scroll;
  -webkit-overflow-scrolling: ouch;
  border-radius: 3px;
}
div#agreement div h6 {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 90%;
}
div#agreement div p {
  font-size: 85%;
  margin-bottom: 30px;
}
div#agreement input[type="checkbox"] {
  margin-right: 7px;
  top: 0px;
  position: relative;
}
form#mail_form div#agreement span.error_check {
  font-size: 13px;
  display: none;
  color: #D83E1D;
  ;
  margin-top: 3px;
  text-align: center;
}
main #agree_check label {
  width: 40%;
  font-size: 95%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  display: block;
}
form#mail_form div#agreement ul.list_decimal {
  width: auto;
  margin-right: 0px;
  margin-left: -5px;
  margin-bottom: 20px;
  margin-top: -20px;
}
form#mail_form div#agreement ul.list_decimal li {
  width: 95%;
  margin-left: 5%;
  font-size: 85%;
  margin-bottom: 3px;
  line-height: 1.6em;
  list-style: decimal;
}
form#mail_form .cp_ipcheck .list_item {
  margin: 0 0 0.5rem 0;
  padding: 0;
}
form#mail_form .cp_ipcheck .option-input05 {
  margin: 0 16px 0 0;
}
@-moz-document url-prefix() {
  form#mail_form .cp_ipcheck .option-input05 {
    position: relative;
    margin: 0 10px 0 0;
    cursor: pointer;
    top: 1.5px;
  }
}
form#mail_form .cp_ipcheck .option-input05:before {
  position: absolute;
  z-index: 1;
  top: 0.125rem;
  left: 0.1875rem;
  width: 0.75rem;
  height: 0.375rem;
  content: '';
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -webkit-transform: rotate(-45deg) scale(0, 0);
  transform: rotate(-45deg) scale(0, 0);
  border: 2px solid #da3c41;
  border-top-style: none;
  border-right-style: none;
}
form#mail_form .cp_ipcheck .option-input05:checked:before {
  -webkit-transform: rotate(-45deg) scale(1, 1);
  transform: rotate(-45deg) scale(1, 1);
}
form#mail_form .cp_ipcheck .option-input05:after {
  position: absolute;
  top: -0.125rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  content: '';
  cursor: pointer;
  border: 2px solid #CCC;
  background: #ffffff;
}
input[type="button"] {
  -webkit-appearance: none;
  border-radius: 0;
}
form#mail_form #form_submit_button {
  border-bottom: 3.5px solid #008fb8;
  background-color: #00b3e6;
  font-size: 18px;
  display: block;
  border-radius: 5px;
  color: #FFFFFF;
  padding: 2.5% 5% 2.3%;
  width: 46%;
  margin: 0px auto;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  clear: left;
  line-height: 1.3em;
  transition: all 0.3s;
  transform: rotate(0.03deg);
  cursor: pointer;
}
form#mail_form #form_submit_button:hover {
  cursor: pointer;
  background-color: #19ccff;
  border-bottom: 3.5px solid #19ccff;
}
form#mail_form #form_submit_button:active {
  display: block;
  border-bottom: 3.5px solid #19ccff;
  top: 1px;
}
form#mail_form input[type="file"] {
  width: 90%;
  padding: 5px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background: #fafafa;
  -webkit-appearance: none;
  font-size: 85%;
  font-family: inherit;
}
form#mail_form ul {
  overflow: hidden;
  margin-bottom: -7px;
  padding-top: 9px;
}
#attachment li {
  width: 46.5%;
  float: left;
  margin-right: 14px;
}
form#mail_form ul li p.change_image {
  margin-top: 7px;
}
form#mail_form ul li p.change_image img {
  display: block;
  width: 100%;
  height: 130px;
  object-fit: cover;
  border-radius: 4px;
  margin-top: -1px;
  margin-left: -1px;
  margin-bottom: 5px;
}
form#mail_form ul li p.change_image {
  margin-top: 7px;
}
form#mail_form dl dd p.accept_filetype {
  font-size: 85%;
  margin-bottom: 20px;
}
form#mail_form dl dd span.error_filetype {
  display: block;
  color: #ff0000;
  margin-top: 3px;
}
p.accept_filetype {
  clear: left;
}
#attachment .view_box input, #attachment .view_box2 input, #attachment .view_box3 input, #attachment .view_box4 input {
  display: none;
}
#attachment label {
  border-radius: 4px;
  width: 100%;
  height: 130px;
  text-align: center;
  background-color: #FFF;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
  margin-right: 15px;
  float: left;
  margin-bottom: 12px;
  border: 1px solid #cccccc;
  background: #fafafa;
}
#attachment label:hover {
  border: 1px solid #46b8da;
  background: #FFF;
}
.view_box::after, .view_box2::after, .view_box3::after, .view_box4::after {
  position: absolute;
  font: normal 260% 'icomoon';
  content: "\e907";
  top: 34%;
  left: 39%;
  color: rgba(51, 51, 51, 0.3);
  z-index: 1;
  transition: all 0.2s;
}
.view_box:hover::after, .view_box2:hover::after, .view_box3:hover::after, .view_box4:hover::after {
  color: rgba(51, 51, 51, 0.5);
}
.view_box img, .view_box2 img, .view_box3 img, .view_box4 img {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
img.img_view {
  border-radius: 4px;
  width: 210px;
  height: 105px;
  object-fit: cover;
  margin-left: -1px;
  margin-top: -1px;
}
label.view_box i.icon-delete, label.view_box2 i.icon-delete, label.view_box3 i.icon-delete, label.view_box4 i.icon-delete {
  font-size: 22px;
  color: #dd0000;
  transition: all 0.2s;
  position: absolute;
  line-height: 0px;
  top: 11px;
  right: 0px;
}
label.view_box i.icon-delete:hover, label.view_box2 i.icon-delete:hover, label.view_box3 i.icon-delete:hover, label.view_box4 i.icon-delete:hover {
  color: #c8c8c8;
}
#wrap_view_box label:hover {
  border: 1px solid hsla(0, 0%, 0%, 0.36)
}
.view_box a, .view_box2 a, .view_box3 a, .view_box4 a, .view_box5 a, .view_box6 a {
  text-decoration: none;
}
form#mail_form .img_del {
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 3;
  top: -7px;
  right: -5px;
  background-color: #FFF;
  border-radius: 50%
}
form#mail_form .img_del i.icon-judg_batsu {
  color: #FFF;
  font-size: 13px;
  display: block;
  width: 26px;
  height: 26px;
  text-align: center;
  background-color: #CC2124;
  line-height: 29px;
  border-radius: 13px;
  transition: all 0.3s;
}
form#mail_form .img_del i.icon-judg_batsu:hover, form#mail_form .img_del i.icon-judg_batsu:active {
  background-color: #CCC;
}
input:focus::placeholder, textarea:focus::placeholder {
  color: transparent;
  transition: .3s;
}
form#mail_form ul.form_li_left {
  margin-top: -4px;
  margin-left: 1px;
}
form#mail_form ul.form_li_left li {
  float: left;
  margin-right: 15px;
}
form#mail_form ul.form_li_left li input[type="radio"] {
  margin-right: 1px;
  margin-top: 4px;
}
form#mail_form .star_no {
  margin-left: 3px;
  font-size: 90%;
}
.wrap_count {
  font-size: 90%;
}
form#mail_form .form_li_left.last {
  margin-bottom: 7px;
}
.cp_ipradio {
  width: 90%;
  margin: 2em auto;
  text-align: left;
}
@keyframes click-wave {
  0% {
    position: relative;
    width: 20px;
    height: 20px;
    opacity: 0.35;
  }
}
.cp_ipradio .option-input {
  position: relative;
  top: 4px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin-right: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease-out 0s;
  color: #ffffff;
  border: none;
  outline: none;
  background: #d7cbcb;
  -webkit-appearance: none;
  appearance: none;
}
.cp_ipradio .option-input:hover {
  background: #d6a9a9;
}
.cp_ipradio .option-input:checked {
  background: #da3c41;
}
.cp_ipradio .option-input:checked::before {
  font-family: icomoon;
  line-height: 22px;
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
}
.cp_ipradio .option-input:checked::after {
  position: relative;
  display: block;
  content: '';
  -webkit-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #da3c41;
}
.cp_ipradio .option-input.radio {
  border-radius: 50%;
}
.cp_ipradio .option-input.radio::after {
  border-radius: 50%;
}
.cp_ipradio label {
  line-height: 40px;
  display: block;
}
.cp_ipradio .option-input:disabled {
  cursor: not-allowed;
  background: #b8b7b7;
}
.cp_ipradio .option-input:disabled::before {
  font-size: 20px;
  line-height: 30px;
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: '✖︎';
  text-align: center;
}
.cp_ipradio .disabled {
  color: #9e9e9e;
}
form#mail_form ul.requirement.cp_ipcheck.about {
  margin-top: 4px;
}
/*投稿フォームここまで----------------------------------------------------------------------------------------------------------------------------------------------------*/
.modal_content {
  position: fixed;
  display: none;
  z-index: 99999;
  width: 540px;
  margin-right: auto;
  margin-left: auto;
  margin-top: -350px;
  border: 5px solid #920000;
  background-color: #FFF;
}
.modal_text {
  padding: 35px 55px 15px;
  border: 3px solid #f7a2a2;
  position: relative;
}
.modal_text::before {
  content: '';
  position: absolute;
  left: -90px;
  display: block;
  width: 140px;
  padding-top: 222px;
  background: url("../../common/img/layout/modal_before.png") no-repeat left top;
  background-size: 100%;
  bottom: -35px;
}
.modal_overlay {
  z-index: 9999;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.5);
}
span.modal_open a {
  text-decoration: underline;
  position: relative;
  padding-right: 25px;
}
span.modal_open a::after {
  font: normal 15px icomoon;
  content: "\e902";
  position: absolute;
  right: 1px;
  top: 3.5px;
  color: #6DCC00;
  transition: all 0.3s;
  margin-right: 3px;
}
span.modal_open a:hover::after {
  color: #c8c8c8;
}
span.modal_open:hover {
  cursor: pointer;
}
main .modal_close a {
  text-decoration: none;
  width: 40px;
  height: 40px;
  margin-right: auto;
  margin-left: auto;
  display: block;
  margin-top: 25px;
}
.modal_close a.close_button::before {
  font-size: 30px;
  font-family: icomoon;
  content: "\e904";
  color: #CF0000;
  text-decoration: none;
  margin-right: auto;
  margin-left: auto;
  transition: all 0.2s;
}
.modal_close a.close_button:hover::before {
  cursor: pointer;
  color: #c8c8c8;
}
main .modal_content h3 {
  font-size: 21px;
  text-align: center !important;
  margin: 0px 0px 20px 0px;
  background-image: url(none);
  padding: 0px;
  color: #000000;
}
main .box_wrap .modal_content p img {
  margin: 0px 0px 15px 0px;
}
main .box_wrap .modal_content p img.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
main .modal_text p {
  font: normal 15px/1.6em;
  padding: 0px;
  margin: 0px 0px 20px;
  color: #000000;
}
main .modal_text p img {
  max-width: 424px;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}
a.loupe {
  display: inline-block;
}
p a.loupe {
  margin-top: 45px;
  margin-bottom: -10px;
}
p a.loupe img {
  margin-top: 0px;
}
span.loading {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border-top: 5px solid rgba(0, 0, 0, 0.5);
  border-right: 5px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load-circle 1.0s linear infinite;
  animation: load-circle 1.0s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
}
.zoom {
  position: relative;
}
.zoom::before {
  font-family: icomoon;
  font-size: 25px;
  content: "\e904";
  color: #FFF;
  position: absolute;
  transition: all 0.3s;
  top: 30px;
  right: 30px;
}
.zoom:hover::before {
  color: #CCC;
}
.morelink {
  display: block;
  max-width: 160px;
  margin: 20px auto;
  padding: 14px 18px;
  border: 1px solid #5C5C5C;
  color: #5C5C5C;
  text-align: center;
  border-radius: 5px;
  font-size: 90%;
  transition: all 0.3s;
  transition-timing-function: ease;
  line-height: 1.0em;
}
.morelink:hover {
  cursor: pointer;
  border: 1px solid #ff9900;
  background: #fff;
  color: #ff9900;
}
.refine_search {
  width: auto;
  margin-bottom: 30px;
  position: relative;
  margin-left: 50px;
  padding-left: 28px;
  background-image: url(../img/layout/search.svg);
  background-size: 20px;
  background-position: left 2px;
}
#conditions_list {
  width: 620px;
  margin-right: auto;
  margin-left: auto;
}
ul.filter {
  overflow: hidden;
}
.recent_reviews a, section .this_model, #entry_list a {
  display: inline-block;
  border: 1px solid #CFCFCF;
  text-decoration: none;
  margin-bottom: 25px;
}
.recent_reviews li a, .this_model {
  padding: 21px 0px 20px 25px;
  position: relative;
}
.recent_reviews li a img, .this_model img {
  display: block;
  width: 244px;
  height: 244px;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
#review_list li {
  border-radius: 7px;
  border: 1px solid #f0f0f0;
  margin: 0px auto 20px 47px;
  width: 620px !important;
  height: 200px !important;
  position: relative;
  display: inline-block;
  transition: all 0.3s;
  transition-timing-function: ease;
}
#review_list li:hover {
  background-color: #E8F6FF;
}
#review_list li a {
  display: block;
  width: 580px;
  height: 160px;
  padding: 20px;
  color: #000000;
  text-decoration: none;
}
#review_list ul.tag_list_nolink, .catch {
  float: left;
  width: 390px;
  display: block;
  margin-top: 10px;
}
.catch {
  font-size: 85%;
  margin-top: 4px;
  width: 100%;
  color: #20789a;
  font-weight: bold;
}
#review_list ul.tag_list_nolink li {
  margin: 0px 4px 4px 0px;
  display: block;
  float: left;
  color: #000;
  text-decoration: none;
  padding: 2px 11px 1px 8px;
  border: 1px solid #e4e4e4;
  line-height: 24px;
  font-weight: normal;
  font-size: 75%;
  border-radius: 3px;
  width: auto !important;
  height: auto !important;
  background-color: hsla(0, 0%, 100%, 0.8);
}
main #review_list h3 {
  width: 100%;
  margin: 0px;
  padding: 0px;
  border-style: none;
  text-decoration: none;
  background-image: url(none);
  display: block;
  margin-top: -3px;
  text-shadow: 0px 0px 0px #FFF;
}
#review_list li a img {
  display: block;
  width: 170px;
  height: 160px;
  object-fit: cover;
  position: absolute;
  right: 20px;
  top: 20px;
  border-radius: 5px;
  background: linear-gradient(#bfbfbf 0%, #dcdcdc 100%);
}
#review_list li a img:hover {
  opacity: 1;
}
#review_list p {
  margin: 0px;
}
.masonry {
  position: relative;
  width: 100%;
  top: 0px;
  margin-top: -20px;
  margin-bottom: 10px;
}
.masonry .entry-wrap {
  opacity: 0.0;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.masonry .active.entry-wrap {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.masonry .link-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 50;
}
#conditions_list {
  margin-top: -10px;
}
#conditions_list li a {
  display: block;
  float: left;
  margin-left: 6px;
  margin-bottom: 6px;
  color: #000;
  text-decoration: none;
  padding: 2px 12px 1px 8px;
  border: 1px solid #bebebe;
  line-height: 26px;
  font-weight: normal;
  font-size: 85%;
  border-radius: 3px;
}
#conditions_list a:hover {
  color: #FFFFFF;
  border: 1px solid #5C5C5C;
  background-color: #5C5C5C;
}
#conditions_list li.active a::before {
  color: #FFFFFF !important;
}
#conditions_list a::before, #review_list ul.tag_list_nolink li::before {
  font-family: icomoon;
  content: "\e91f";
  vertical-align: -1px;
  margin-right: 6px;
}
#conditions_list .active a {
  background-color: #5C5C5C;
  border: 1px solid #5C5C5C;
  color: #FFF;
  text-decoration: none;
}
#conditions_list a.type:hover::before, #conditions_list .active a.type::before {
  color: #FFF;
}
#conditions_list a.type:active, #conditions_list .active a.type {
  background-color: #8631de;
  border: 1px solid #8631de;
  color: #FFF;
}
#conditions_list a.type:hover {
  background-color: #8631de;
  border: 1px solid #8631de;
}
#conditions_list a.type::before, #review_list ul.tag_list_nolink li.type::before {
  color: #8631de;
}
#conditions_list a.brand:active, #conditions_list .active a.brand {
  background-color: #1B76C1;
  border: 1px solid #1B76C1;
  color: #FFF;
}
#conditions_list a.brand:hover {
  background-color: #1B76C1;
  border: 1px solid #1B76C1;
}
#conditions_list a.brand::before, #review_list ul.tag_list_nolink li.brand::before {
  color: #1B76C1;
}
#conditions_list a.brand:hover::before {
  color: #FFF;
}
#conditions_list a:active::before {
  color: #FFF !important;
}
#conditions_list li.block {
  display: inline-block;
}
#conditions_list a.geforce:hover::before, #conditions_list .active a.geforce::before {
  color: #FFF;
}
#conditions_list a.geforce:active, #conditions_list .active a.geforce {
  background-color: #539A21;
  border: 1px solid #539A21;
  color: #FFF;
}
#conditions_list a.geforce:hover {
  background-color: #539A21;
  border: 1px solid #539A21;
}
#conditions_list a.geforce::before, #review_list ul.tag_list_nolink li.geforce::before {
  color: #539A21;
}
#conditions_list a.geforce:active::before {
  color: #FFF !important;
}
#conditions_list a.radeon:hover::before, #conditions_list .active a.radeon::before {
  color: #FFF;
}
#conditions_list a.radeon:active, #conditions_list .active a.radeon {
  background-color: #dd0132;
  border: 1px solid #dd0132;
  color: #FFF;
}
#conditions_list a.radeon:hover {
  background-color: #dd0132;
  border: 1px solid #dd0132;
}
#conditions_list a.radeon::before, #review_list ul.tag_list_nolink li.radeon::before {
  color: #dd0132;
}
#conditions_list a.cpu:hover::before, #conditions_list .active a.cpu::before {
  color: #FFF;
}
#conditions_list a.cpu:active, #conditions_list .active a.cpu {
  background-color: #00aeff;
  border: 1px solid #00aeff;
  color: #FFF;
}
#conditions_list a.cpu:hover {
  background-color: #00aeff;
  border: 1px solid #00aeff;
}
#conditions_list a.cpu::before, #review_list ul.tag_list_nolink li.cpu::before {
  color: #00aeff;
}
#conditions_list a.price:hover::before, #conditions_list .active a.price::before {
  color: #FFF;
}
#conditions_list a.price:active, #conditions_list .active a.price {
  background-color: #eab600;
  border: 1px solid #eab600;
  color: #FFF;
}
#conditions_list a.price:hover {
  background-color: #eab600;
  border: 1px solid #eab600;
}
#conditions_list a.price::before, #review_list ul.tag_list_nolink li.price::before {
  color: #eab600;
}
.isotope-item {
  z-index: 2
}
.isotope-item img {
  height: auto
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope, .isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
main h3.bup, .fake_h3.bup {
  margin-bottom: 30px;
}
ul.entry_list {
  width: 620px;
  margin: -15px auto 30px;
}
ul.entry_list li {
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #E7E7E7;
  transition: all 0.3s;
  transition-timing-function: ease;
  margin-bottom: 12px;
}
ul.entry_list li:hover {
  background-color: #F0F8FF;
}
ul.entry_list li a {
  display: block;
  height: 90px;
  padding: 12px 12px 12px 20px;
}
.entry_list .wrap_variable {
  width: 100%;
  float: left;
  margin-right: -250px;
}
.entry_list .thumb {
  width: 230px;
  height: 90px;
  float: right;
}
main .entry_list .entry_title {
  color: #444;
  font-size: 17.5px;
  background-image: none;
  margin: 4px 0px 0px 0px;
  text-decoration: none;
  display: block;
  padding: 0px;
  margin-right: 250px;
  transform: rotate(0.03deg);
  font-weight: bold;
		line-height: 1.6;
}
.entry_list .thumb img {
  width: 230px;
  height: 90px;
  border-radius: 3px;
}
.entry_list .thumb img:hover {
  opacity: 1;
}
i.icon-star {
  position: relative;
  top: 2px;
}
.gb_point {
  width: auto;
  border-radius: 10px;
  padding: 95px 45px 35px 45px;
  margin-right: 50px;
  margin-left: 50px;
  background-position: right bottom;
  margin-bottom: 30px;
  position: relative;
}
.gb_point.good {
  background-color: #FFF7F7;
}
.gb_point.bad {
  background-color: #F8FFF2;
}
.gb_point::before {
  content: '';
  position: absolute;
  top: 35px;
  left: 50%;
  margin-left: -84px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
}
.gb_point.good::before {
  content: 'ココが良かった!!';
  color: #c21818;
  margin-left: -84px;
}
.gb_point.good.point::before {
  content: 'こんなことが出来る!!';
  color: #c21818;
  margin-left: -102px;
}
.gb_point.bad::before {
  content: 'コレはイマイチ…。';
  color: #266e03;
  margin-left: -91px;
}
.gb_point::after {
  content: "";
  background-image: url(none);
  opacity: 0.2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  background-repeat: no-repeat;
}
.gb_point.good::after {
  background-image: url(../img/layout/bg_gb_good-point.png);
  background-size: 26%;
  background-position: bottom -20px right -10px;
}
.gb_point.bad::after {
  background-image: url(../img/layout/bg_gb_bad-point.png);
  background-size: 17.5%;
  background-position: bottom -13px right 20px;
}
.gb_point li {
  font-size: 17px;
  margin-bottom: 10px;
  font-weight: bold;
  line-height: 1.4em;
  padding-left: 30px;
  position: relative;
  transform: rotate(0.03deg);
}
.gb_point li::before {
  font-family: icomoon;
  font-size: 20px;
  position: absolute;
  left: 0px;
  top: 1px;
}
.gb_point.good li::before {
  content: "\e909";
  color: #D41313;
}
.gb_point.bad li::before {
  content: "\e908";
  color: #4D7C04
}
main #main_list li h2.kakk, main #main_list li h3.kakk {
  padding-left: 6px;
}
.kakk_space {
  margin-left: -4px;
  font-size: 90%;
  font-weight: bold;
}
main .box_wrap h1 + p img {
  width: 640px;
  height: auto;
  margin-left: -24px;
  margin-top: -15px;
}
main .box_wrap h2 + p img, main .box_wrap h3 + p img, main .box_wrap h4 + p img {
  width: 620px;
  height: auto;
  margin-top: -15px;
}
table + div.button_out a {
  margin-top: 0px;
}
main .box_wrap h2 + h3, main .box_wrap h3 + h4 {
  margin-top: -10px;
}
main .box_wrap h2 + table, main .box_wrap h3 + table, main .box_wrap h4 + table, main .box_wrap h4 + div.scroll {
  margin-top: -20px;
}
.button_out + .fukidashi_a, .fix_button_sp + .fukidashi_a {
  margin-top: 0px;
}
main .box_wrap p img {
  width: 620px;
  height: auto;
}
main .box_wrap table img {
  width: 100%;
  height: auto;
}
main .box_wrap table img.auto {
  width: auto;
  height: auto;
}
main .box_wrap table.bench img {
  width: 250px;
  height: auto;
}
body.lb-disable-scrolling {
  overflow: hidden;
}
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  display: none;
}
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}
.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
}
.lightbox a img {
  border: none;
}
.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
  top: 150px!important;
}
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/layout/loading.gif) no-repeat;
}
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.lb-container > .nav {
  left: 0;
}
.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}
.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/layout/lightbox-button-prev.svg) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.2s;
}
.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/layout/lightbox-button-next.svg) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.2s;
}
.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}
.lb-data {
  padding: 0 4px;
  color: #ccc;
}
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
.lb-data .lb-caption a {
  color: #4ae;
}
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
.lb-data .lb-close {
  display: block;
  float: right;
  width: 36px;
  height: 36px;
  margin-top: 158px;
  background-repeat: no-repeat;
  background-position: top right no-repeat;
  background-image: url(../img/layout/lightbox-button-close.svg);
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 1;
  transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 0.7;
}
div.center_button + div.button_internal {
margin-top: -80px;
}
span.white a  {
color: #FFF;
font-weight: normal
}
h3 + .gb_point {
margin-top: -17px; 
}