@charset "UTF-8";
/*--------------------

Theme Name:   無線機
Theme URI:    http://fit-jp.com/theme/
Description:  LION MEDIA Child の 無線機カスタム
Author:       Kota Naito　@FIT(フィット)
Author URI:   http://fit-jp.com/about/
Template:     lionmedia
Version:      1.0
License:      GNU GENERAL PUBLIC LICENSE
License URI:  http://www.gnu.org/licenses/gpl.html

--------------------*/
@font-face {
  font-family: 'gmenfont';
  src:  url('fonts/gmenfont.eot?2n2924');
  src:  url('fonts/gmenfont.eot?2n2924#iefix') format('embedded-opentype'),
    url('fonts/gmenfont.ttf?2n2924') format('truetype'),
    url('fonts/gmenfont.woff?2n2924') format('woff'),
    url('fonts/gmenfont.svg?2n2924#gmenfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face{
  font-family: 'mplus-1c-bold';
  src: url('fonts/mplus-1c-bold.eot');
  src: url('fonts/mplus-1c-bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/mplus-1c-bold.woff') format('woff'),
       url('fonts/mplus-1c-bold.ttf') format('truetype');
}
@font-face {
  font-family: 'gmenfont-kuchikomi';
  src:  url('fonts/gmenfont-kuchikomi.eot?xgyexy');
  src:  url('fonts/gmenfont-kuchikomi.eot?xgyexy#iefix') format('embedded-opentype'),
    url('fonts/gmenfont-kuchikomi.ttf?xgyexy') format('truetype'),
    url('fonts/gmenfont-kuchikomi.woff?xgyexy') format('woff'),
    url('fonts/gmenfont-kuchikomi.svg?xgyexy#gmenfont-kuchikomi') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gf-fgk-add';
  src:  url('fonts/gf-fgk-add.eot?jrvjsg');
  src:  url('fonts/gf-fgk-add.eot?jrvjsg#iefix') format('embedded-opentype'),
    url('fonts/gf-fgk-add.ttf?jrvjsg') format('truetype'),
    url('fonts/gf-fgk-add.woff?jrvjsg') format('woff'),
    url('fonts/gf-fgk-add.svg?jrvjsg#gf-fgk-add') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* -------------------------------------------------------------------
  Microtip

  Modern, lightweight css-only tooltips
  Just 1kb minified and gzipped

  @author Ghosh
  @package Microtip

----------------------------------------------------------------------
  1. Base Styles
  2. Direction Modifiers
  3. Position Modifiers
--------------------------------------------------------------------*/
[aria-label][role~="tooltip"]{position:relative}[aria-label][role~="tooltip"]::before,[aria-label][role~="tooltip"]::after{transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;opacity:0;pointer-events:none;transition:all var(--microtip-transition-duration,.18s) var(--microtip-transition-easing,ease-in-out) var(--microtip-transition-delay,0s);position:absolute;box-sizing:border-box;z-index:10;transform-origin:top}[aria-label][role~="tooltip"]::before{background-size:100% auto!important;content:""}[aria-label][role~="tooltip"]::after{background:rgba(17,17,17,.9);border-radius:4px;color:#fff;content:attr(aria-label);font-size:var(--microtip-font-size,13px);font-weight:var(--microtip-font-weight,normal);text-transform:var(--microtip-text-transform,none);padding:.5em 1em;white-space:nowrap;box-sizing:content-box}[aria-label][role~="tooltip"]:hover::before,[aria-label][role~="tooltip"]:hover::after,[aria-label][role~="tooltip"]:focus::before,[aria-label][role~="tooltip"]:focus::after{opacity:1;pointer-events:auto}[role~="tooltip"][data-microtip-position|="top"]::before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:6px;width:18px;margin-bottom:5px}[role~="tooltip"][data-microtip-position|="top"]::after{margin-bottom:11px}[role~="tooltip"][data-microtip-position|="top"]::before{transform:translate3d(-50%,0,0);bottom:100%;left:50%}[role~="tooltip"][data-microtip-position|="top"]:hover::before{transform:translate3d(-50%,-5px,0)}[role~="tooltip"][data-microtip-position|="top"]::after{transform:translate3d(-50%,0,0);bottom:100%;left:50%}[role~="tooltip"][data-microtip-position="top"]:hover::after{transform:translate3d(-50%,-5px,0)}[role~="tooltip"][data-microtip-position="top-left"]::after{transform:translate3d(calc(-100% + 16px),0,0);bottom:100%}[role~="tooltip"][data-microtip-position="top-left"]:hover::after{transform:translate3d(calc(-100% + 16px),-5px,0)}[role~="tooltip"][data-microtip-position="top-right"]::after{transform:translate3d(calc(0% + -16px),0,0);bottom:100%}[role~="tooltip"][data-microtip-position="top-right"]:hover::after{transform:translate3d(calc(0% + -16px),-5px,0)}[role~="tooltip"][data-microtip-position|="bottom"]::before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:6px;width:18px;margin-top:5px;margin-bottom:0}[role~="tooltip"][data-microtip-position|="bottom"]::after{margin-top:11px}[role~="tooltip"][data-microtip-position|="bottom"]::before{transform:translate3d(-50%,-10px,0);bottom:auto;left:50%;top:100%}[role~="tooltip"][data-microtip-position|="bottom"]:hover::before{transform:translate3d(-50%,0,0)}[role~="tooltip"][data-microtip-position|="bottom"]::after{transform:translate3d(-50%,-10px,0);top:100%;left:50%}[role~="tooltip"][data-microtip-position="bottom"]:hover::after{transform:translate3d(-50%,0,0)}[role~="tooltip"][data-microtip-position="bottom-left"]::after{transform:translate3d(calc(-100% + 16px),-10px,0);top:100%}[role~="tooltip"][data-microtip-position="bottom-left"]:hover::after{transform:translate3d(calc(-100% + 16px),0,0)}[role~="tooltip"][data-microtip-position="bottom-right"]::after{transform:translate3d(calc(0% + -16px),-10px,0);top:100%}[role~="tooltip"][data-microtip-position="bottom-right"]:hover::after{transform:translate3d(calc(0% + -16px),0,0)}[role~="tooltip"][data-microtip-position="left"]::before,[role~="tooltip"][data-microtip-position="left"]::after{bottom:auto;left:auto;right:100%;top:50%;transform:translate3d(10px,-50%,0)}[role~="tooltip"][data-microtip-position="left"]::before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:18px;width:6px;margin-right:5px;margin-bottom:0}[role~="tooltip"][data-microtip-position="left"]::after{margin-right:11px}[role~="tooltip"][data-microtip-position="left"]:hover::before,[role~="tooltip"][data-microtip-position="left"]:hover::after{transform:translate3d(0,-50%,0)}[role~="tooltip"][data-microtip-position="right"]::before,[role~="tooltip"][data-microtip-position="right"]::after{bottom:auto;left:100%;top:50%;transform:translate3d(-10px,-50%,0)}[role~="tooltip"][data-microtip-position="right"]::before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:18px;width:6px;margin-bottom:0;margin-left:5px}[role~="tooltip"][data-microtip-position="right"]::after{margin-left:11px}[role~="tooltip"][data-microtip-position="right"]:hover::before,[role~="tooltip"][data-microtip-position="right"]:hover::after{transform:translate3d(0,-50%,0)}[role~="tooltip"][data-microtip-size="small"]::after{white-space:initial;width:80px}[role~="tooltip"][data-microtip-size="medium"]::after{white-space:initial;width:100px}[role~="tooltip"][data-microtip-size="large"]::after{white-space:initial;width:260px}

/*
Pure CSS modal box
Author: Jorge Chavez
Github: http://github.com/jorgechavz
*/
.modal .checkbox{
  display: none;
}
/* Gray background */
.modal .modal-overlay{
  opacity: 0;
  transition: all 0.3s ease;
  width: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -100;
  transform: scale(1);
  display: none;
  background-color: rgba(0,0,0,0.7);
}
/* Box */
.modal .modal-wrap{
  background-color: #1fb8ba;
  border: 6px #FFF solid;
  padding: 40px 40px 40px 20px;
  width: 60%;
  margin: 20px auto;
  align-self: flex-start;
  border-radius: 2px;
  transition: all 0.5s ease;
}
.modal .modal-wrap.small{
  width: 30%;
}
.modal .modal-wrap.full{
  width: 100%;
  height: 100%;
}
.modal .modal-wrap.a-center {
  align-self: center;
}
.modal .modal-wrap.from-left {
  transform: translateX(-100%);
}
.modal .modal-wrap.from-right {
  transform: translateX(100%);
}
.modal .modal-wrap.from-top {
  transform: translateY(-100%);
}
.modal .modal-wrap.from-bottom {
  transform: translateY(100%);
}
.modal .modal-wrap .flex {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.modal .modal-wrap .control {
    width: 22%;
    padding: 0 1em;
    text-align: left;
}
.modal .modal-wrap .control:first-child {
  width: 34%;
}
.modal .modal-wrap .control > span {
    margin: 0 auto 1em;
    padding: 0 .3em .2em;
    font-weight: 800;
    font-size: 16px;
    border-bottom: 2px dashed #FFF;
    position: relative;
    display: inline-block;
    letter-spacing: 0.05em;
    color: #FFF;
}
.modal .modal-wrap .flex label {
    display: block;
    margin-bottom: 1em;
    font-size: 16px;
}
.modal .modal-wrap .flex select {
    border: 6px #333 solid;
    width: 100%;
    padding: .5em 0.3em;
}
/* Close button */
.modal .modal-overlay .close{
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 40px;
  width: 30px;
  height: 30px;
  color: #282c34;
}
.modal .modal-overlay .close:hover{
  cursor: pointer;
  color: #4b5361;
}
.modal .modal-overlay .close_btn {
  position: static;
  font-size: 18px;
  width: auto;
  height: auto;
  color: #FFF;
}
 .modal .o-close {
   width: 100%;
   height: 100%;
   position: fixed;
   left: 0;
   top: 0;
   z-index: -100;
 }
.modal input:checked ~ .o-close {
  z-index: 9998;
}
.modal input:checked ~ .modal-overlay{
  transform: scale(1);
  opacity:1;
  z-index: 9997;
  overflow: auto;
  display: flex;
  animation-duration: 0.5s;
  animation-name: fade-in;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: fade-in;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: fade-in;
}
.modal input:checked ~ .modal-overlay .modal-wrap {
  transform: translateY(0);
  z-index: 9999;
}
/* Responsive Design */
/* Tablet size */
@media (max-width: 800px){
  .modal .modal-wrap {
    width: 80%;
    padding: 20px;
  }
}
/* Phone size */
@media (max-width: 500px){
  .modal .modal-wrap {
    width: 90%;
  }
  .content .btn {
    font-size: 1rem;
}
}
/* Fadein from display:none */
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}


i.gf {
  font-family: 'gmenfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

i.gf-kuchikomi {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'gmenfont-kuchikomi' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

i.gf-fgk-add {
    font-family: 'gf-fgk-add' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.gf-search:before {
  content: "\e900";
  color: #fff;
}
.gf-arrow_more:before {
  content: "\e901";
  color: #fff;
}
.gf-mac:before {
  content: "\e902";
  color: #fff;
}
.gf-maker_name:before {
  content: "\e903";
  color: #008ac3;
}
.gf-price2:before {
  content: "\e904";
}
.gf-quality2:before {
  content: "\e905";
  color: #fff;
}
.gf-question:before {
  content: "\e906";
  color: #e25268;
  font-size: 1.8rem;
}
.gf-sheets_color .path1:before {
  content: "\e907";
  color: rgb(255, 224, 95);
}
.gf-sheets_color .path2:before {
  content: "\e908";
  margin-left: -1em;
  color: rgb(51, 50, 51);
}
.gf-sheets_color .path3:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(232, 91, 175);
}
.gf-sheets_color .path4:before {
  content: "\e90a";
  margin-left: -1em;
  color: rgb(65, 197, 249);
}
.gf-sheets_mono .path1:before {
  content: "\e90b";
  color: rgb(211, 217, 221);
}
.gf-sheets_mono .path2:before {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(141, 146, 150);
}
.gf-sheets_mono .path3:before {
  content: "\e90d";
  margin-left: -1em;
  color: rgb(211, 217, 221);
}
.gf-sheets_mono .path4:before {
  content: "\e90e";
  margin-left: -1em;
  color: rgb(141, 146, 150);
}
.gf-size:before {
  content: "\e90f";
  color: #fff;
}
.gf-ttl_list:before {
  content: "\e910";
}
.gf-fukugouki:before {
  content: "\e911";
}
.gf-mail:before {
  content: "\e912";
  color: #737373;
}
.gf-menu:before {
  content: "\e913";
  color: #737373;
}
.gf-printer2:before {
  content: "\e914";
  color: #737373;
}
.gf-ranking:before {
  content: "\e915";
}
.gf-tel:before {
  content: "\e916";
  color: #737373;
}
.gf-meter:before {
  content: "\e917";
  color: #fff;
}
.gf-point:before {
  content: "\e918";
}
.gf-mail2:before {
  content: "\e919";
  color: #e25268;
}
.gf-tel2:before {
  content: "\e91a";
  color: #e25268;
}
.gf-energy:before {
  content: "\e91b";
  color: #fff;
}
.gf-function:before {
  content: "\e91c";
  color: #565656;
}
.gf-rate_gr:before {
  content: "\e91d";
  color: #ccc;
}
.gf-rate_yl:before {
  content: "\e91e";
  color: #e6b802;
}
.gf-bt_arrow:before {
  content: "\e91f";
}
.gf-design:before {
  content: "\e920";
  color: #ff7800;
}
.gf-know_how:before {
  content: "\e921";
  color: #33ad7b;
}
.gf-kodawari:before {
  content: "\e922";
  color: #ff7800;
}
.gf-paper:before {
  content: "\e923";
  color: #039bda;
}
.gf-price:before {
  content: "\e924";
  color: #ff7800;
}
.gf-printer:before {
  content: "\e925";
  color: #039bda;
}
.gf-quality:before {
  content: "\e926";
  color: #ff7800;
}
.gf-tech:before {
  content: "\e927";
  color: #2fba81;
}

.gf-fukidashi01:before {
  content: "\e928";
}
.gf-fukidashi02:before {
  content: "\e929";
}
.gf-fukidashi03:before {
  content: "\e930";
}

.gf-mail3:before {
  content: "\e900";
}
.gf-mobile:before {
  content: "\e901";
}
.gf-tag:before {
  content: "\e905";
}


body {
  background: url(images/back.png) repeat;
  color: #333;
}
h1,h2,h3,h4,h5,h6,.ttl,.link__btn {
  font-family: 'mplus-1c-bold',"Lato", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 800;
}
a:hover {
  color: #e25268!important;
}
::selection {
    background: #000;
    color: #fff;
}
::-moz-selection {
    background: #000;
    color: #fff;
}
::-webkit-input-placeholder {
    color: #eee;
}
h2.ttl {
  text-align: center;
}
h2.ttl span{
    display: inline-block;
    font-size: 24px;
    font-weight: 800;
    position: relative;
    padding: 20px 0 24px;
    color: #333333;
    font-weight: bold;
    line-height: 1;
}
h2.ttl span::before {
    left: -.5em;
    -webkit-transform: rotate(70deg);
    transform: rotate(70deg);
}
h2.ttl span::after {
    right: -.5em;
    -webkit-transform: rotate(-70deg);
    transform: rotate(-70deg);
}
h2.ttl span::before, h2.ttl span::after {
    display: inline-block;
    width: 50px;
    height: 2px;
    background-color: #333333;
    content: "";
    position: relative;
    top: -6px;
  margin-bottom:4px;
}
h2.ttl i {
  font-size: 30px;
  margin-right: .3em;
  position: relative;
  top: 3px;
}

.side-ttl {
    font-size: 18px;
    background-position: left bottom, right bottom;
    background-repeat: no-repeat, no-repeat;
    padding: .3em 30px!important;
    text-align: center;
    position: relative;

}
.side-ttl::before {
    font-family: 'gmenfont' !important;
    font-weight: normal;
    font-size: 24px;
    position: absolute;
    left: 38px;
}
.rank-ttl {
    background-image: url(images/f-b-l.png), url(images/f-b-r.png);
    color: #039bda;
}
.rank-ttl::before {
    content: "\e925";
    color: #039bda;
}
.rank-contents {
    border: solid 6px #039bda!important;
}
.kodawari-ttl {
    background-image: url(images/f-o-l.png), url(images/f-o-r.png);
    color: #ff7800;
}
.kodawari-ttl::before {
    content: "\e922";
    color: #ff7800;
}
.kodawari-contents {
    border: solid 6px #ff7800!important;
}
.knowhow-ttl {
    background-image: url(images/f-g-l.png), url(images/f-g-r.png);
    color: #2fba81;
}
.knowhow-ttl::before {
    content: "\e921";
    color: #2fba81;
}
.knowhow-contents {
    border: solid 6px #2fba81!important;
}

.l-wrapper {
    width: 1180px;
}
.l-main {
    width: 75%;
    padding: 30px 2.5% 60px 0;
}
.singleTitle.page {
    position: relative;
    padding: 30px 0;
    background-repeat: repeat;
    background-position: center center;
    background-size: cover;
        background-image: url(images/mv_2.png);
}
.singleTitle.page::before {
    content: '';
    /*background-color: rgba(0,0,0,0.3);
    background-image: linear-gradient(90deg, rgba(0,0,0,.15) 30%, transparent 30%), linear-gradient(rgba(0,0,0,.15) 30%, transparent 30%);*/
    background-size: 2px 2px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  background: rgb(195, 218, 0, 0.15);
  background: rgba(195, 218, 0, 0.15);
  background-image: none;

}
.heading.heading-singleTitle{
  font-size:3.5rem;
  line-height:1.5;
  color:#333333;
  text-shadow: none;
}
.singleTitle .heading.heading-singleTitle {
    color: #FFF;
}
.singleTitle.page .heading.heading-singleTitle {
    color: #333;
}

.content h2 {
    font-size: 3rem;
    background: #f3f3f3;
    padding: 10px 6px 10px 16px;
    border-left: 8px solid #edfd62;
  margin-bottom: 30px;
}
.content h3 {
    font-size: 2.5rem;
    border-left: 8px solid #edfd61;
    padding-left: 15px;
}
.content h4 {
    font-size: 2rem;
}
.content h5 {
    font-size: 1.8rem;
}
.content p {
    margin-top: 20px;
    margin-bottom: 20px;
  line-height: 2;
}
.singleTitle.page h1 {
  margin: 0;
}
.l-wrapper:not(.rank-page) .l-main > article {
    background: #FFF;
    padding: 0;
}
.l-wrapper:not(.rank-page) .l-main > article .eyecatch  {
    height: 200px;
}
.l-wrapper:not(.rank-page) .content.content-page {
    padding: 2rem 3rem;
}
.l-sidebar {
    width: 25%;
    padding: 30px 0 60px 2.5%;
}
.l-main.l-main-single {
  width: 100%;
}
.l-main-single > article {
    border: solid 6px #333333;
}
.gmen-contents {
    position: relative;
    background: #FFF;
    margin: 0 0 2em 0;
    padding: 3em 10px 10px;
    border: solid 6px #333333;
}
.front-page .gmen-contents {
    margin-top: 0px;
}
button {
  --microtip-transition-duration: 0.2s;
  --microtip-transition-delay: 0s;
  --microtip-transition-easing: ease-in-out;
  outline:none;
}
button:active,
button:checked{
outline:none;
}
.btn__search {
    border: 0;
    background-color: #333;
    color: #fff!important;
    margin-left: 1em;
    font-weight: 800;
    width: auto;
    font-size: 1.2rem;
    padding: .5em 2em;
    border-radius: 2em;
    display: inline-block;
    -webkit-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.15);
box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.15);
}
.btn__search .gf-search {
  font-size: 18px;
}
.btn__search:hover{
  cursor:pointer
}
.btn__search:active {
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow:  none;
}
/* css checkbox */
input[type="checkbox"].filter-field{
  display: none;
}
.filter-parts{
  padding-left: 26px;
  position:relative;
  color: #FFF;
}
.filter-parts::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #333;
  background: #FFF;
}
input[type="checkbox"].filter-field:checked + .filter-parts {
  color: #FFF;
}
input[type="checkbox"].filter-field:checked + .filter-parts::after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #333;
  border-right: 3px solid #333;
}


.gmen__btn {
	 border: 0;
    background-color: #333;
    color: #fff!important;
    margin: 0 auto;
    font-weight: 800;
    width: auto;
    font-size: 1.4rem;
    padding: .5em 1.5em;
    border-radius: 2em;
    display: inline-block;
}
.menuNavi .gmen__btn {
	margin-left: 1rem;
    padding: .85em 1.6em;
    -webkit-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.15);
    box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.15);
    background-image: linear-gradient(90deg, #0aa4e4 0%, #04c2f5 100%);
    background-color: #0aa4e4;
    font-weight: bold;
    font-size: 1.6rem;
}
.rank-block .gmen__btn {
  font-size: 14px;
  text-align: center;
  display: block;
  padding: .5em .5em;
  margin: 1em 0 .5em;
  background-color: #0aa4e4;
  -webkit-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.15);
  box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.15);
}
.btn__link, .widget .tag-cloud-link, .comment-respond .submit, .comments__list .comment-reply-link {
    border: 0;
    background-color: #333;
    border-radius: 1em;
    color: #fff;
}
.more-btn {
    position: relative;
    clear: both;
    width: 50%;
    margin: 0 auto;
    text-align: center;
    color: #FFF;
    display: block;
    padding: 15px 0;
    line-height: 1.5;
    font-size: 1.6rem;
    font-weight: bold;
    background-color: #333;
    cursor: pointer;
}
.more-btn::before {
    font-family: 'gmenfont' !important;
    content: "\e901";
    position: absolute;
    right: 1rem;
}
.more-btn::after {
    content: "";
    display: block;
    clear: both;
}

.content a {
    color: #008ac3;
}
.content a:hover {
    color: #e25268;
    font-weight: 800;
    border-bottom: 0!important;
}
.profile {
    border: 6px solid #333;
    margin-top: 40px;
    padding: 2rem 1rem;
    overflow: hidden;
    background: #FFF;
}
.content .no-style {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}
.content .btn {
    font-size: 18px;
    text-align: center;
    padding: .5em 1.2em;
    margin: .5em 0 .5em;
    background-color: #009ee0;
    color: #FFF;
    font-weight: bold;
    width: auto;
    border-radius: 2em;
    display: inline-block;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;
}
.content .btn:before {
  font-family: 'gmenfont';
    content: "\e91f";
    margin-right: 5px;
}
.content .btn:hover {
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
}


.flex-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .5rem;
  border: 1px dotted #D8D8D8;
  margin: 1rem 0 2rem;
}
.flex-box > div.w50 {
  width: 50%;
  text-align: center;
}
.flex-box > div.w100 {
  width: 100%;
  text-align: center;
}
.l-header {
  background: #FFF;
}
.siteTitle {
width: calc(100% - 420px);
  height: 44px;
  margin: 14px 0px;
}
.siteTitle__sub {
  color: #333;
  margin-left: 32px;
  display: none;
}
.menuNavi {

  max-width: 420px;
  margin-top: 12px;
}
.menuNavi ul.menuNavi__list {
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: inline;
}
.menuNavi i::before {
    color: #333;
}
.menuNavi ul.menuNavi__list > li {
    display: inline-block;
}
.menuNavi ul.menuNavi__list > li > a {
    height: 60px;
    line-height: 60px;
}
.menuNavi ul.menuNavi__list > li a, .dropbtn {
    display: block;
    color: #333;
    padding: .2em .8em 0;
    text-decoration: none;
  font-size: 90%;
}
.menuNavi ul.menuNavi__list > li a:hover, .dropdown:hover .dropbtn {

}
.menuNavi ul.menuNavi__list > li.dropdown {
    display: inline-block;

}
.menuNavi .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.menuNavi .dropdown-content a {
    color: #039bda!important;
    font-weight: 600;
    padding: 8px 6px!important;
    text-decoration: none;
    display: block;
    text-align: left;
    border-bottom: dashed 1px #333;
}
.menuNavi .dropdown-content a:last-child {
    border-bottom: 0;
}
.menuNavi .dropdown-content:before {
    border: 10px solid transparent;
    border-bottom-color: #f9f9f9;
    border-top-width: 0;
    top: -10px;
    content: "";
    display: block;
    left: 10.7%;
    position: absolute;
    width: 0;
    z-index: 1;
}
.menuNavi .dropdown-content:after {
    border: 12px solid transparent;
    border-bottom-color: #333;
    border-top-width: 0;
    top: -18px;
    content: "";
    display: block;
    left: 10%;
    position: absolute;
    width: 0;
    z-index: 0;
}
.menuNavi .dropdown-content a:hover {background-color: #e5e5e5}
.menuNavi .dropdown:hover .dropdown-content {
    display: block;
        padding: 1rem;
    border: 6px solid #333;
}
.gf-arrow_more{
  font-size: 16px;
  vertical-align: middle;
  margin-right: 2px;
}
#main-header {
  background-image: url(images/mv.png);
  background-repeat: repeat;
  background-size: auto;
  background-position: top left;
  padding: 10px 0 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#main-header picture, #main-header picture > img {
  margin: 0 auto;
  padding: 0;
  display: block;
  width: 100%;
}
#main-header h1 {
  font-size: 48px;
    min-height: 3em;
}
#main-header.single, #main-header.rank {
  padding: 0;
  height: 400px;
  text-align: center;
  position: relative;
}
#main-header.rank {
  height: 500px;
  padding-bottom: 30px;
}
#main-header.single h1, #main-header.rank h1 {
  position: relative;
  margin: auto;
  width: 767px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
#main-header h1 i {
    opacity: .2;
    font-size: 160px;
    position: absolute;
    left: 0;
    top: .15em;
}
#main-header h1 i::before {
    color: #333;
}
#header-title {
  width: 100%;
  height: 400px;
  background-image: url(images/gmen-child.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: top center;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
#main-header.contact #header-title h1 img {
    font-size: 160px;
    position: absolute;
    left: 0;
    top: .15em;
}
#header-menu {
  border: 6px solid #333;
  background: #FFF;
  margin: 0 auto;
  padding: .5em;
  width: 788px;
  font-size: 28px;
  font-weight: 800;
  text-align: center;
}
.fgktype {
  color: #0aa4e4;
}
.fgksize {
  color: #e25268;
}
#header-menu input[type="radio"] {
  display: none;
}
.hdrradio {
    position: relative;
    padding: 0 0 0 42px;
    margin-right: .5em;
    vertical-align: middle;
}
.hdrradio:after, .hdrradio:before{
    position: absolute;
    content: "";
    display: block;
    border-radius: 50%;
}
.hdrradio::after {
    top: 4px;
    left: 10px;
    width: 1em;
    height: 1em;
    border: 4px solid #333;
}
.hdrradio:before {
    left: 17px;
    top: 11px;
    width: .5em;
    height: .5em;
    background: #333;
    border-radius: 50%;
    opacity: 0;
}
input[type=radio]:checked + .hdrradio:before {
  opacity: 1;
}
input[type=radio]:checked + .hdrradio {
  font-weight: 800;
}
#header-menu span {
    font-size: 20px;
    font-weight: 800;
}


select.rw {
    outline: none;
    -moz-appearance: none;
    text-indent: 8px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 1.5em 0 .5em;
    height: 40px;
    width: 100%;
    font-size: 28px;
    border: 0;
    cursor: pointer;
      margin-top: -10px;
}
select.rw::-ms-expand {
  display: none;
}
select.rw:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}
select.rw option{
  background-color: #fff;
  color: #333;
}
select.rw(:focus) option{
  background-color: #fff;
  color: #333;
  padding: .5em;
}
.color-select-wrap, .size-select-wrap {
    display: inline-block;
    position: relative;
    width: 32%;
    border-right: 2px #333 dotted;
    line-height: 40px;
}
.more-select-wrap {
    display: inline-block;
    width: 33%;
    line-height: 40px;
    position: relative;
}
.color-select-wrap::before {
    z-index: 1;
    position: absolute;
  font-size: 28px;
    right: .5em;
    top: 0;
    font-family: 'gmenfont' !important;
    content: "\e901";
    line-height: 40px;
    color: #e25268;
    pointer-events: none;
}
select.rank-color-select {
    color: #e25268!important;
}
select.rank-color-select option{
  background-color: #e25268;
  color: #FFF;
}
.size-select-wrap:before {
    z-index: 1;
    position: absolute;
  font-size: 28px;
    right: .5em;
    top: 0;
    font-family: 'gmenfont' !important;
    content: "\e901";
    line-height: 40px;
    color: #0aa4e4;
    pointer-events: none;
}
.rank-size-select {
    color: #0aa4e4!important;
}
select.rank-size-select {
    color: #0aa4e4!important;
}
select.rank-size-select option{
  background-color: #0aa4e4;
  color: #FFF;
}
.more-select-wrap {
  font-size: 28px;
    color: #1fb8ba;
}
.more-select-wrap:before {
  font-size: 28px;
    z-index: 1;
    position: absolute;
    right: .3em;
    top: 0;
    font-family: 'gmenfont' !important;
    content: "\e901";
    color: #1fb8ba;
    text-align: left;
    pointer-events: none;
}
.modal-trigger {
  display:block;
  text-align: left;
  padding: 0 0 0 .5em;
  height: 100%;
  width: 100%;
  cursor: pointer;
}


.button-block {
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0.5rem 1rem 1rem;
    background: #008ac3;
    width: 100%;
    text-align: center;
    /*font-size: 30px;*/
}
.button-block h2 {
    background: none;
    border-left: none;
}
.button-block h2 {
    color: #FFF;
  font-size: 18px;
  letter-spacing: 0.1em;
  position: relative;
  display: inline-block;
  margin-bottom: 1.5rem;
}
.button-block h2:before{
content: '';
position: absolute;
top: 54%;
display: inline-block;
width: 32px;
height: 2px;
background-color: white;
-moz-transform: rotate(-120deg);
-webkit-transform: rotate(-120deg);
-ms-transform: rotate(-120deg);
transform: rotate(-120deg);
}
.button-block h2:after{
content: '';
position: absolute;
top: 54%;
display: inline-block;
width: 32px;
height: 2px;
background-color: white;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.button-block h2:before {left:-3em;}
.button-block h2:after {right: -3em;}


.button-block .container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.button-block .container > div {
    width: 50%;
    padding: 0;
}
.mail-link {
    display: inline-block;
    background-color: #FFF;
    border-radius: 2em;
    color: #e25268!important;
    font-size: 22px;
    padding: .2em 1em;
    line-height: 1.75;
}
.mail-link i::before {
    margin-right: .5em;
    display: inline-block;
}
.tel-link {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  color: #FFF!important;
  transition: ease-in-out .2s;
    line-height: 1.5;
}
.tel-link i::before {
  color: #FFF!important;
  margin-right: .2em;
  font-size: 40px;
  display: inline-block;
}
.tel-link span {
  font-size: 34px;
}
.mail-link span, .tel-link span {
  display: inline-block;
   transition: ease-in-out .2s;
}
.mail-link:hover i::before, .tel-link:hover i::before {
    transform: scale(1.2);
}
.mail-link:hover span, .tel-link:hover span {
    transform: scale(1.1);
}

.hdr-link {
  padding: 0;
  background-color: #FFF;
  width: 100%;
  text-align: center;
  color: #333;
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: 800;
}
.hdr-link .hdr-title {
    background: url(images/f-mr.png) no-repeat left center;
    padding: .5em 0 .5em 2.5em;
    background-size: 71px 64px;
}
.hdr-link .container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}
.hdr-link .container > div {
    width: 50%;
    padding: 2rem .3em;
}
.hdr-link .container .link__btn {
    display: inline-block;
    background-color: #333;
    border-radius: 2em;
    color: #FFF!important;
    font-size: 22px;
    padding: .2em 1em;
    line-height: 1.75;
    width: 100%;
}
.hdr-link .container .link__btn i::before {
    font-size: 1em;
    color: #FFF;
}

.t-light .l-footer {
  border: 0;
  background: transparent;
}
.ftr-link {
  padding: 3rem 0;
  background-color: #333;
  width: 100%;
  text-align: center;
  color: #FFF;
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: 800;
}
.ftr-link .ftr-title {
    background: url(images/f-mr.png) no-repeat left center;
    padding: .5em 0 .5em 2.5em;
    background-size: 71px 64px;
}
.ftr-link .container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.ftr-link .container > div {
    width: 50%;
    padding: 0;
  margin-top: 5rem;
}
.ftr-info {
    background-color: #FFF;
    padding: 2rem 2.5rem;
    line-height: 1.4;
    margin-bottom: 30px;
}


.ftr-sitemap {
    border: #333 solid 2px;
    padding: 0!important;
    display: -webkit-flex;
    display: flex;
    background-color: #FFF;
}
.ftr-sitemap > div {
    width: 25%;
    border-right: #333 solid 2px;
    padding: 1.5rem;
}
.ftr-sitemap > div:last-child {
    border-right: 0;
}
.ftr-sitemap > div span {
  font-size: 16px;
  font-weight: 800;
}
.ftr-sitemap > div a {
  display: block;
  margin-top: .5em;
}
.ftr-sitemap > div > a:first-child {
  margin-top: 1em;
}
.t-light .copySns {
  text-align: center;
  border: 0;
}
.t-light .copySns__copy {
  width: 100%;
}
.copySns__list {
    margin: 0 auto;
}
.ftr-logo {
  text-align: center;
  margin: 0 auto 5rem;
}



/*
 front-page
 -------------------- */
.front-page h2 {
  margin-bottom: 0!important;
    text-align: center;
    width: 100%;
    border-left: none;
  background-color: transparent;
  padding: 0;
}



/*
 rank-list
 -------------------- */
.hint {
    font-size: 14px!important;
    background: transparent;
    line-height: 1;
    padding: 0;
    font-weight: 800;
    cursor: help;
    border: 0;
    display: inline!important;
}
.rank-list {
    opacity: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}
.rank-select {
    position: absolute;
    display: inline-block;
    top: -22px;
    left: calc(50% - 150px);
    width: 300px;
    padding: 0px;
    line-height: 1;
    font-size: 16px;
    background: #FFF;
    color: #333333;
    border: solid 6px #333333;
}
.rank-select::before {
    z-index: 1;
    position: absolute;
    font-size: 24px;
    right: .3em;
    top: 3px;
    font-family: 'gmenfont' !important;
    content: "\e901";
    line-height: 1;
    color: #333;
    pointer-events: none;
}
.rank-select select.rw {
    font-size: 18px;
    height: auto;
}



.rank-block {
  display: block;
  position: absolute;
  z-index: 1;
  -webkit-transition: -webkit-transform .6s ease;
  transition: -webkit-transform .6s ease;
  transition: transform .6s ease;
  transition: transform .6s ease, -webkit-transform .6s ease;
  background-color: #FFF;
  width : 33.33%;
  width : -webkit-calc( -webkit-calc(100% / 3 ) - 1px );
  width : calc( calc(100% / 3 ) - 1px );
  margin: 0;
  padding: 20px 10px 10px;
  border-right: 2px dotted #333;
  border-bottom: 2px dotted #333;
}
.rank-block a {
  color: #333;
}
.rank-block:hover {
  background: #f4ff9c!important;
}
/*
.rank-block a:hover {
  color: #333!important;
  font-weight: normal!important;
}
.rank-block:nth-child(3n) {
  border-right: 0;
}
.rank-block:nth-last-child(-n+3) {
  border-bottom: 0;
}
*/
.rank-title {
    padding: .1em .5em;
    background: #0aa4e4;
    color: #FFF;
    font-weight: 800;
    position: relative;
    width: 100%;
    text-align: center;
}
.rank-title a {
    color: #FFF;
    display: block;
    height: 100%;
    width: 100%;
}
.rank-title span {
    position: absolute;
    top: -1em;
    left: .3em;
    background: #46ced0;
    padding: 0 .3em;
    min-width: 30px;
}
.rank-1 {
  background-color: #e6b802!important;
}
.rank-2 {
  background-color: #a7a7a7!important;
}
.rank-3 {
  background-color: #f6995c!important;
}
.rank-price {
    width: 100%;
    margin: .5em 0 1.5rem;
    padding: 0;
    text-align: center;
    font-weight: 800;
    position: relative;
    line-height: 1;
}
.rank-price span.sub {
    font-size: 70%;
    display: block;
    margin-bottom: .5em;
}
.rank-price span.price {
    margin: 0 auto;
    padding: 0 .3em .2em;
    letter-spacing: .1em;
    font-size: 28px;
    border-bottom: 2px dashed #333;
    position: relative;
    display: inline-block;
    letter-spacing: 0.05em;
}
.rank-price .hint {
    position: absolute;
    top: -5px;
    text-align: center;
    font-weight: 800;
}
.rank-maker {
    background: #eee;
    margin: 0 0 1rem;
    padding: .3em .5em;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.rank-maker i {
  font-size: 18px;
}
.rank-maker > div {
  font-weight: 800;
  line-height: 18px;
  position: relative;
}
.rank-maker > div:first-child {
  width: 65%;
  color: #008ac3;
}
.rank-maker > div:last-child {
  width: 35%;
  color: #e25268;
  font-size: 18px;
  text-align: center;
}
table.rank-table {
  width: 100%;
  margin: 0 0 .5em;
}
table.rank-table tr {
  background: transparent!important;
}
table.rank-table td {
  position: relative;
  padding: .1em .5em!important;
  font-size: 90%;
  font-weight: 800;
  text-align: center;
  width: 50%;
  border: 1px #7acdf0 solid;
  background-color: #FFF;
  background-image: -webkit-linear-gradient(45deg,  #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%),
                    -webkit-linear-gradient(-135deg, #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%);
  background-image: linear-gradient(45deg,  #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%),
                    linear-gradient(-135deg, #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%);
  background-size: 4px 4px;
  -webkit-background-size: 4px 4px;
  background-position: 0 0, 2px 2px;

}
table.rank-table td.disabled {
  color: #888;
}
table.rank-table td .gf {
  position: absolute;
  left: .5em;
  top: 5px;
}
.rank-img {
  position: relative;
  height: 190px;
  margin-bottom: 2rem;
}
.rank-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.rank-img > div {
    position: absolute;
    bottom: 1rem;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-justify-content:space-around;
    -moz-justify-content:space-around;
    justify-content:space-around;
    z-index: 1;
    width: 100%;
}
.rank-icon {
    background: #000;
    border-radius: 50%;
    font-size: 28px;
    text-align: center;
    width: 1.8em;
    border: 0;
    padding: .3em .3em;
    cursor: help;
}
.rank-icon i::before {
    color: #FFF;
}
.rank-icon.disabled {
    /* opacity: 0.3; */
    background: #eee!important;
}
.rank-icon.i1 {
    background: #fac961;
}
.rank-icon.i2 {
    background: #6cc1e4;
}
.rank-icon.i3 {
    background: #f98484;
}
.rank-icon.i4 {
    background: #71c5c6;
}
.rank-icon.i5 {
    background: #ce9bd5;
}
.rank-icon.i6 {
    background: #8db47e;
}
.rank-rate {
    background: #eee;
    margin: 0 0 1px;
    padding: .3em 2em .3em .5em;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 20px;
}
.rank-rate .rank-rate-title i::before {
    color: #565656;
    margin-right: 0;
}
.rank-rate > div.rank-rate-title {
    width: 40%;
}
.rank-rate > div.rank-rate-star {
    width: 60%;
    white-space: nowrap;
    position: relative;
}
.rate:before, .rate:after {
  font-size: 2rem;
  position: absolute;
  top: 0;
  left: 0;
  content: '\e91e\e91e\e91e\e91e\e91e';
  letter-spacing: .3em;
  font-family: 'gmenfont' !important;
  display: inline-block;
}
.rate:before {
  color: #ccc;
}
.rate:after {
  color: #e6b802;
  overflow: hidden;
  white-space: nowrap;
}
.rate.rate0:after{width: 0;}
.rate.rate0_5:after{width: .5em;}
.rate.rate1:after{width: 1em;}
.rate.rate1_5:after{width: 1.8em;}
.rate.rate2:after{width: 2.3em;}
.rate.rate2_5:after{width: 3.1em;}
.rate.rate3:after{width: 3.6em;}
.rate.rate3_5:after{width: 4.4em;}
.rate.rate4:after{width: 4.9em;}
.rate.rate4_5:after{width: 5.7em}
.rate.rate5:after{width: 6.2em;}

.l-sidebar .gmen-contents {
    padding: 0 1rem;
}
.l-sidebar .gmen-contents a {
    display: block;
    padding: 1em 0;
}
.l-sidebar .gmen-contents a:not(:last-child) {
    border-bottom: 2px dotted #333;
}
.l-sidebar .kodawari-contents i::before {
    color: #ff7800;
}
.l-sidebar .knowhow-contents i::before {
    color: #2fba81;
}

/*
 運営者情報
 -------------------- */
#company_mem {
  margin-bottom: 30px;
  text-align: center;
}
#company_mem > picture {
    display: inline-block;
    padding: 0;
    margin-right: 1px;
    line-height: 0;
}
table#company-table {
  border: 1px solid #7acdf0;
  width: 70%;
  margin: 0 auto 30px;
}
table#company-table th,
table#company-table td {
  padding: .5em 1em;
  color: #333;
}
table#company-table th {
  border: 1px solid #7acdf0;
  width: 40%;
    background-color: #FFF;
    background-image: -webkit-linear-gradient(45deg, #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%),
 -webkit-linear-gradient(-135deg, #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%);
    background-image: linear-gradient(45deg, #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%),
 linear-gradient(-135deg, #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%);
    background-size: 4px 4px;
    -webkit-background-size: 4px 4px;
    background-position: 0 0, 2px 2px;
}
table#company-table td {
  border: 1px solid #7acdf0;
  width: 60%;
}
table#company-table tr:nth-child(2n+1) {
  background-color: #FFF;
}

/*
 複合機詳細
 -------------------- */
.single.gmen-contents {
    padding: 2em 3rem 10px;
}
.mfr-block {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.mfr-cont-block h2 {
    border-top: 6px solid #333;
    border-bottom: 6px solid #333;
    padding: .3em 0;
    text-align: center;
}
.mfr-cont-block h2 {
    border-left: none;
    background: none;
}
.mfr-cont-block h2.arrow::after {
    content: "\e901";
    font-family: 'gmenfont' !important;
    margin-left: .3em;
}
.mfr-cont-block > div {
  padding: 3rem 1rem;
  position: relative;
}
.mfr-block-left {
    width: 45%;
    padding-right: 30px;
}
.mfr-block-right {
    width: 55%;
}
.mfr-block .rank-price {
    text-align: left;
}
.mfr-block .rank-price span.price {
    font-size: 32px;
}
.mfr-block .rank-price span.sub {
    display: inline-block;
    font-size: 90%;
    margin: 0 .5em 0 0;
}
.mfr-block-info {
    width: 80%;
}
.mfr-block .rank-maker {
    background: transparent;
    padding: 0;
    font-size: 18px;
    margin-bottom: .5em;
}
.mfr-block .rank-maker i {
    color: #333;
    font-size: 90%;
    margin-right: .25em;
}
.mfr-block .rank-maker button {
    margin-left: .3em;
    top: -5px;
}
.mfr-block .rank-maker .hint > i {
    font-size: 100%;
}
.mfr-block .rank-maker > div:first-child {
    width: 6.5em;
    color: #333;
    margin-bottom: .5em;
}
.mfr-block .rank-maker > div:last-child {
    width: auto;
    color: #333;
}
.mfr-block .rank-maker span {
    color: #e25268;
}
.mfr-block table.rank-table {
    margin-bottom: 1.5rem;
}
.mfr-block .rank-rate {
  padding: .3rem 0;
}
.mfr-block .rank-rate > div, .mfr-cont-block .rank-rate {
    padding: .5em 0.5em .5em .5em;
    position: relative;
}
.mfr-block .rank-rate .rate:before, .mfr-block .rank-rate .rate:after {
    top: .5rem;
}
.mfr-block .rank-rate > div.rank-rate-title {
    width: 4.3em;
    font-size: 14px;
}
.mfr-block .rank-rate > div.rank-rate-star {
    width: 6.2em;
    font-size: 2rem;
}
.mfr-block .rank-rate .rank-rate-text {
    font-size: 14px;
    line-height: 2rem;
}
span.plus {
  color: #e25268;
  font-weight: 800;
}
span.minus {
  color: #039bda;
  font-weight: 800;
}
.rank-icon-area {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
    z-index: 1;
    width: 100%;
    margin: 3rem 0;
}
p.small {
  margin-top: .5rem;
  font-size: .9rem;
}
.ast {
  color: #ff0000;
  font-size: 140%;
  font-weight: 800;
}
table.detail-table {
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #7acdf0;
  border-left: 1px solid #7acdf0;
}
table.detail-table th, table.detail-table td {
  width: 50%;
  background: #FFF;
  padding: .5em .5em;
  font-weight: 800;
  text-align: center;
  border-right: 1px solid #7acdf0;
  border-bottom: 1px solid #7acdf0;
}
table.detail-table th {
  color: #333;
  background-color: #FFF;
  background-image: -webkit-linear-gradient(45deg,  #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%),
                    -webkit-linear-gradient(-135deg, #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%);
  background-image: linear-gradient(45deg,  #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%),
                    linear-gradient(-135deg, #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%);
  background-size: 4px 4px;
  -webkit-background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
}
table.detail-table td .ast {
  font-size: 100%;
}
.mfr-block .rank-img {
  height: 205px;
  margin-bottom: 3rem;
}
.mfr-block-bottom h2 {
    background: none;
    border-left: navajowhite;
    margin-bottom: 0;
}
.mfr-block-bottom {
  margin-bottom: 3rem;
  width: 100%;
    display: -webkit-flex;
    display: flex;
}
.mfr-block-bottom > div {
  background: #dcf223;
  padding: 1rem;
  width: 50%;
}
.mfr-block-bottom .good {
  margin-right: 1.5rem;
}
.mfr-block-bottom .bad {
  margin-left: 1.5rem;
}
.mfr-block-bottom p {
  margin: 0;
  font-size: 14px;
}
.mfr-cont-block h3 {
    margin-bottom: 1rem;
}
.mfr-cont-block .rank-rate {
    margin-bottom: 2rem;
    padding: 1em;
}
.mfr-cont-block .rank-rate > div.rank-rate-star {
    width: 10em;
}

.rank-list.near-list {
  opacity: 1;
}
.near-list .rank-block {
  position: relative;
  padding: 10px ;
}
.near-list .rank-block table.detail-table td,
.near-list .rank-block table.detail-table th {
      padding: .1em;
      font-size: 90%;
}
.near-list .rank-title {
    margin-bottom: .5em;
}
.near-list .rank-maker {
  padding: 0;
}
.near-list .rank-maker a {
  text-align: center;
  width: 100%;
  font-weight: 800;
}
.near-rank-pt {
    font-size: 22px;
    font-weight: 800;
    text-align: center;
    margin-bottom: .5em;
    color: #e25268;
}
.mitumori-block {
  width: 100%;
  margin: 1rem 0 0;
  text-align: center;
}
.mitumori-block .gmen__btn {
  font-size: 100%;
}

/*
 contact
 -------------------- */
.contact-header {
  margin-top: 2rem;
}
.contact-info {
  border: 2px dashed #333;
  padding: 1rem;
  margin-bottom: 2rem;
  text-align: center;
  font-size: 14px;
}
.contact-tel {
    padding: 2rem 0;
    background-image: url(images/contact-tel-woman.png);
    background-repeat: no-repeat;
    background-position: 98% 1.2rem;
    background-color: #333;
    width: 100%;
    text-align: center;
    color: #FFF;
    margin-bottom: 2rem;
    font-size: 30px;
    font-weight: 800;
}
.contact-tel .ttl {
    background: url(images/f-mr.png) no-repeat left center;
    padding: .5em 0 .5em 2.5em;
    background-size: 71px 64px;
}
.contact-tel .tel-link {
    font-size: 42px;
}
.contact-title {
    padding: 1rem;
    color: #FFF;
    font-size: 18px!important;
    background: #0aa4e4!important;
  border:none!important;
}
#contact {
  border: 0;
}
#contact th, #contact td, #contact tr:nth-child(2n+1) {
    background: #FFF;
    color: #333;
    border-right: 0;
    border-bottom: 0;
    vertical-align: top;
}
#contact td {
  padding: 0 0 10px;
}
#contact td label {
  font-size: 18px;
  line-height: 44px;
}
#contact .wpcf7-text, #contact .wpcf7-textarea {
    border: 6px #aaaaaa solid;
    width: 100%;
    padding: .5em;
}
#contact .required {
    display: block;
    float: right;
    text-align: center;
    padding: 3px 5px;
    font-size: 1.2rem;
    background: #ba3939;
    color: #fff;
    border-radius: 5px;
}
#contact .submit {
    text-align: center;
}
#contact .wpcf7-submit {
    border: 0;
    background-color: #333;
    color: #fff!important;
    margin: 0 auto;
    font-weight: 800;
    width: 40%;
    font-size: 18px;
    padding: .5em 1.5em;
    border-radius: 2em;
    display: inline-block;
  -webkit-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.15);
box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.15);
}
/*目次*/
.content ul li, .content ol li {
    text-align: left;
}
.content .outline {
    border: 2px dotted #333333;
    display: block;
    width: 60%;
    margin: 20px auto;
    text-align: center;
}
.content .outline ul li:before {
    content: none!important;
}
.content .outline ul li {
    padding-left: 25px!important;
  font-size: 15px!important;
    padding-top: 10px!important;
}
.content ul li, .content ol li {
    font-size: 12pt;
}
.content .outline__toggle:checked + .outline__switch + .outline__list {
  margin-top: 0;
}
.content .outline ul {
    background: none;
    border: none;
    padding: 0;
}
.content .outline ul {
    margin-bottom: 5px!important;
}
.content .outline__number {
    font-size: 1.4rem;
    font-weight: 900;
    color: #333333;
    background: #edfd63;
}
span.outline__title {
    font-size: 18px;
    font-weight: 900;
}
.content .outline__switch::before {
  margin-left: 10px;
}
/*ウィジェット*/
.widget {
    padding: 1.5rem 1.5rem;
    background: #FFF;
    border: solid 6px #333333!important;
}
.heading.heading-widget {
    border-bottom: solid 2px #333333;
}
.imgListWidget__item:not(:last-child) {
    border-bottom: 2px dotted #333;
    padding-bottom: 1rem;
}
.heading.heading-widget::before, .heading.heading-footer::before {
    border: none;
    font-family: 'gmenfont';
    content: "\e910";
  position: relative;
    margin-right: 5px;
}
/*表*/
.content table tr:nth-child(2n+1) {
  background: #fbfbfb;
}
.content table td {
    padding: 10px;
    border-right: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
}
/*リスト*/
.content.content-page ol li,
.single.gmen-contents ol li {
    /* font-size: 16px; */
    /* padding-left: 10px; */
    padding-left: 32px;
    line-height: 1.5;
    font-size: 16px;
    padding-top: 18px;
}
.content.content-page ol li:first-child, .single.gmen-contents ol li:first-child,
.content.content-page ul li:first-child, .single.gmen-contents ul li:first-child {
    padding-top: 0;
}
.content.content-page ol li:before,
.single.gmen-contents ol li:before {
    display: inline-block;
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #dcf222;
    color: black;
  font-family: sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
    content: counter(number);
    counter-increment: number;
}
.content.content-page ul li,
.single.gmen-contents ul li {
    font-size: 16px;
    padding-top: 15px;
    padding-left: 24px;
    position: relative;
}
.content.content-page ul li:before,
.single.gmen-contents ul li:before {
  display:inline-block;
  vertical-align: middle;
  content:'';
  width:1em;
  height: 1em;
  background: #dcf322;
  border-radius: 50%;
  margin-top: 5px;
}


/*コンテンツボックス*/
.content .checkbox-blue {
  position:relative;
  margin: 2em 0;
  padding: 1.5em 1em;
  border: solid 3px #289ee1;
  border-radius: 8px;
}
.content .checkbox-blue .box-title {
  display: inline-block;
  position: absolute;
  top: -10px;
  left: 10px;
  padding: 0 9px;
  background: #FFF;
  color: #333333;
  font-size: 19px;
  line-height: 1;
  font-family: 'mplus-1c-bold',"Lato", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.content .checkbox-blue .box-title:before {
    font-family: "Font Awesome 5 Free";
    content: '\f00c';
  font-weight:900;
  margin-right: 6px;
  color: #289ee1;
}
.box-black {
    border: 2px solid #333;
    padding: 1.5em 1em;
    margin: 30px 0;
}
.box-green {
    border: 3px solid #e3f19c;
    background: #fdffec;
    padding: 1.5em 1.3em;
    margin: 30px 0;
}
.box-green ol li:before {
    background: #d7f100!important;
    color: black;
}
.box-green ul li:before {
    background: #d8f200!important;
}
.box-yellow {
    border: 3px solid #fff1b8;
    padding: 1.5em 1.3em;
    margin: 30px 0;
    background: #fffcf0;
}
.box-yellow ol li:before {
  background: #ffd300!important;
    color: black;
}
.box-yellow ul li:before {
  background: #fcd700!important;
}
.box-blue {
    border: 3px solid #c6ebff;
    background: #f3fbff;
    padding: 1.5em 1.3em;
    margin: 30px 0;
}
.box-blue ol li:before {
  background: #9fddff!important;
    color: black;
}
.box-blue ul li:before {
  background: #8ad6ff!important;
}
/* 口コミ用追加分 */
.kuchikomi-wrap{
  padding: 16px;
  border: 16px solid #D0EDF9;
  margin-bottom: 2em;
}
.kuchikomi-ttl {
  color: #0aa4e4;
  font-size: 18px;
  line-height: 1.1rem !important;
  font-weight: 600;
}
.kuchikomi-ttl span {
  color: #e25268;
}
table.kuchikomi-tbl {
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #7acdf0;
  border-left: none;
}
table.kuchikomi-tbl th, table.kuchikomi-tbl td {
  background: none;
  padding: .5em .5em;
  font-weight: 800;
  text-align: center;
  border-bottom: 1px solid #7acdf0;
  border-right: none;
  border-left: none;
  font-size: 1.2rem;
  line-height: 1.4;
}
table.kuchikomi-tbl th {
  width: 18%;
  color: #333;
}
table.kuchikomi-tbl tr:nth-child(even) {
  color: #333;
  background-color: #FFF;
  background-image: -webkit-linear-gradient(45deg,  #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%),
                    -webkit-linear-gradient(-135deg, #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%);
  background-image: linear-gradient(45deg,  #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%),
                    linear-gradient(-135deg, #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%);
  background-size: 4px 4px;
  -webkit-background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
}
.kuchikomi-rate-wrap {
  position: relative;
}
.kuchikomi-rate-wrap .rate:before, .kuchikomi-rate-wrap .rate:after {
  font-size: 1.2rem;
  position: absolute;
  top: 0;
  left: 0;
  content: '\e91e\e91e\e91e\e91e\e91e';
  letter-spacing: .3em;
  font-family: 'gmenfont' !important;
  display: inline-block;
}
.kuchikomi-rate-wrap .rate:before {
  color: #ccc;
}
.kuchikomi-rate-wrap .rate:after {
  color: #e6b802;
  overflow: hidden;
  white-space: nowrap;
}
.kuchikomi-rate-wrap .rate.rate0:after{width: 0;}
.kuchikomi-rate-wrap .rate.rate0_5:after{width: .5em;}
.kuchikomi-rate-wrap .rate.rate1:after{width: 1em;}
.kuchikomi-rate-wrap .rate.rate1_5:after{width: 1.8em;}
.kuchikomi-rate-wrap .rate.rate2:after{width: 2.3em;}
.kuchikomi-rate-wrap .rate.rate2_5:after{width: 3.1em;}
.kuchikomi-rate-wrap .rate.rate3:after{width: 3.6em;}
.kuchikomi-rate-wrap .rate.rate3_5:after{width: 4.4em;}
.kuchikomi-rate-wrap .rate.rate4:after{width: 4.9em;}
.kuchikomi-rate-wrap .rate.rate4_5:after{width: 5.7em}
.kuchikomi-rate-wrap .rate.rate5:after{width: 6.2em;}
.kuchikomi-rate-wrap .rate-txt {
  position: relative;
  left: 2rem;
  color: #e25268;
}
table.kuchikomi-tbl02 {
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #7acdf0;
  border-left: none;
}
table.kuchikomi-tbl02 th, table.kuchikomi-tbl02 td {
  background: none;
  padding: .5em .5em;
  font-weight: 800;
  text-align: center;
  border-bottom: 1px solid #7acdf0;
  border-right: none;
  border-left: none;
  font-size: 1.2rem;
  line-height: 1.4;
}
table.kuchikomi-tbl02 th {
  width: 14%;
  color: #333;
}
table.kuchikomi-tbl02 tr:nth-child(even) {
  color: #333;
  background-color: #FFF;
  background-image: -webkit-linear-gradient(45deg,  #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%),
                    -webkit-linear-gradient(-135deg, #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%);
  background-image: linear-gradient(45deg,  #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%),
                    linear-gradient(-135deg, #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%);
  background-size: 4px 4px;
  -webkit-background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
}
.kuchikomi-rate-wrap02 {
  position: relative;
}
.kuchikomi-rate-wrap02 .rate:before, .kuchikomi-rate-wrap02 .rate:after {
  font-size: 1.2rem;
  position: absolute;
  top: 0;
  left: 4rem;
  content: '\e91e\e91e\e91e\e91e\e91e';
  letter-spacing: .3em;
  font-family: 'gmenfont' !important;
  display: inline-block;
}
.kuchikomi-rate-wrap02 .rate:before {
  color: #ccc;
}
.kuchikomi-rate-wrap02 .rate:after {
  color: #e6b802;
  overflow: hidden;
  white-space: nowrap;
}
.kuchikomi-rate-wrap02 .rate.rate0:after{width: 0;}
.kuchikomi-rate-wrap02 .rate.rate0_5:after{width: .5em;}
.kuchikomi-rate-wrap02 .rate.rate1:after{width: 1em;}
.kuchikomi-rate-wrap02 .rate.rate1_5:after{width: 1.8em;}
.kuchikomi-rate-wrap02 .rate.rate2:after{width: 2.3em;}
.kuchikomi-rate-wrap02 .rate.rate2_5:after{width: 3.1em;}
.kuchikomi-rate-wrap02 .rate.rate3:after{width: 3.6em;}
.kuchikomi-rate-wrap02 .rate.rate3_5:after{width: 4.4em;}
.kuchikomi-rate-wrap02 .rate.rate4:after{width: 4.9em;}
.kuchikomi-rate-wrap02 .rate.rate4_5:after{width: 5.7em}
.kuchikomi-rate-wrap02 .rate.rate5:after{width: 6.2em;}
.kuchikomi-rate-wrap02 .rate-txt {
  position: relative;
  left: -4em;
  color: #e25268;
}
.kuchikomi-block {
  margin-bottom: 2em;
  padding: 16px;
  color: #333;
  background-color: #FFF;
  background-image: -webkit-linear-gradient(45deg,  #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%),
                    -webkit-linear-gradient(-135deg, #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%);
  background-image: linear-gradient(45deg,  #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%),
                    linear-gradient(-135deg, #eee 25%, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 75%);
  background-size: 4px 4px;
  -webkit-background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
}
.kuchikomi-block .comment {
  font-size: 1.3rem;
}
.more-bt {
    text-align: center;
}
.more-bt a {
  font-size: 1.6rem;
    padding: .6em;
    margin: .5em 0 .5em;
    background-color: #333;
    color: #FFF;
    font-weight: 600;
    width: 60%;
    display: inline-block;
    -webkit-tap-highlight-color: transparent;
    transition: .3s ease-out;
}
.more-bt a:after {
    font-family: 'gmenfont';
    content: "\e91f";
    margin-left: 5px;
}
.kuchikomi-hdr-ttl {
  background-image: url(images/gmen-child-kuchikomi.png) !important;
  padding-top: 3em;
}
.btns-wrap{
  margin-right: -.5em;
      margin-bottom: 2em;
}
.detail-bt {
  font-size: .9em;
    text-align: center;
    padding: .5em 3em;
    margin: .5em .5em .5em 0;
    background-color: #009ee0;
    color: #FFF !important;
    font-weight: bold;
    width: auto;
    border-radius: 2em;
    display: inline-block;
    -webkit-tap-highlight-color: transparent;
    transition: .3s ease-out;
}
.kuchikomi-ttl-blue {
  color: #0aa4e4;
  font-size: 24px;
  display: contents;
}
.pager {
    overflow: hidden;
}
.pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
.pager ul li {
    margin: 0 1px;
  padding: 0px !important;
    position: relative;
    left: -50%;
    float: left;
}
.pager ul li:before {
    content: none !important;
}
.pager ul li span,
.pager ul li a {
    display: block;
    font-size: 16px;
    padding: 0.6em 1em;
    border-radius: 3px;
}
.pager ul li a {
    background: #eeeeee;
    color: #008ac3;
    text-decoration: none;
}
.pager ul li a:hover {
    background: #7acdf0;
    color: #FFF !important;
}
.kuchikomi-ttl i {
  color: #E25268;
    font-size: 120%;
    margin-right: .25em;
    vertical-align: text-top;
}
.kuchikomi-block i {
      color: #E25268;
    font-size: 260%;
    margin-right: .3em;
    float: left;
    margin-bottom: 1em;
}
/* 吹き出し */
.content .say {
    display: flex;
    overflow: hidden;
    width: 100%;
    margin: 1.5em 0;
}
.content p.faceicon {
    width: 100px;
    padding-right: 20px;
    text-align: center;
	margin: 0;
}
.content .faceicon img {
    width: 100%;
    height: auto;
	display: block;
    margin-bottom: 4px;
}
.content .faceicon span {
    font-size: 11px;
    font-weight: 900;
    display: block;
	word-break: keep-all;
	word-wrap: normal;
	overflow-wrap: normal;
}
.content  .chatting {
    position: relative;
    width: calc(100% - 110px);
    font-size: .95em;
    vertical-align: top;
    line-height: 1.6;
}
.content .sc {
    display: inline-block;
    text-align: left;
    padding: 13px;
    border: solid 2px #d5d5d5;
    border-radius: 12px;
    background: #fff;
    word-break: break-all;
}
.content .sc:before {
    display: inline-block;
    position: absolute;
    top: 16px;
    left: -23px;
    border: 12px solid transparent;
    border-right: 12px solid #d5d5d5;
    content: "";
}
.content .sc:after {
    display: inline-block;
    position: absolute;
    top: 16px;
    left: -20px;
    border: 12px solid transparent;
    border-right: 12px solid #fff;
    content: "";
}
.content .right .faceicon {
    padding-left: 20px;
    padding-right: 0!important;
}
.content .say.right {
    text-align: right;
}
.content .right .sc:after {
    right: -20px;
    border-left-color: #fff;
}
.content .right .sc:before, .content .right .sc:after {
    right: -23px;
    left: auto;
    border: 12px solid transparent;
    border-left: 12px solid #d5d5d5;
}
.content  .right .sc:after {
    right: -20px;
    border-left-color: #fff;
}
.content .text-pink {
	color: #f35586;
    font-weight: bold;
}


/*kanren*/
a.linkto {
	max-width: 500px;
    margin: 1em 0 1.5em;
    padding: 10px;
    border: solid 1px #8ac4f5;
    background: #f1fafd;
    color: #555;
    font-weight: bold;
    text-decoration: none !important;
    display: table;
    width: 100%;
}
a.linkto:hover {
    border: solid 1px #8ac4f5 !important;
}
.linkto .tbimg {
    vertical-align: middle;
	    width: 20%;
}
.linkto .tbimg img {
    vertical-align: middle;
    max-width: 100px;
    height: 100px;
}
.tbtext {
    padding-left: 10px;
    line-height: 1.5;
    text-align: left;
}
a.linkto:hover span {
    text-decoration: underline;
}
.linkto .tbcell {
    display: table-cell;
    vertical-align: middle;
}



/* 18/06/29 追加分 */
.siteTitle__main {
	color: #333;
}
.related {
	 border: 6px solid #333;
    margin-top: 40px;
    padding: 2rem 1rem;
    overflow: hidden;
    background: #FFF;
}

/* 18/07/20 追加分
 -------------------- */
.archiveItem {
    width: calc(50% - 20px);
    position: relative;
    margin: 0 0 40px 20px;
    background-color: #fff;
}
.dateList {
    list-style: none;
    margin-bottom: 10px;
    margin-right: .8em;
    margin-left: .8em;
}
.heading.heading-archive {
	  font-size: 1.8rem;
    line-height: 1.5;
    margin-bottom: 10px !important;
    margin-right: .8em;
    margin-left: .8em;
    width: auto;
    text-align: left;
}
.archiveItem__text {
    font-size: 1.3rem;
    line-height: 1.75;
    color: #7f7f7f;
    margin-right: .8em;
    margin-left: .8em;
	margin-bottom: 1em;
}

/*引用*/
.content blockquote{
	position:relative;
	color:#3F3F3F;
	margin-top:20px;
	padding:20px 20px 20px 70px;
	background-color: #F2F2F2;
}
.content blockquote::before{
	position:absolute;
	top:10px;
	left:20px;
	font-family: "icomoon";
	content: "\e909";
	font-size:3rem;
	color:#D9D9D9;
}

/*枠線ボックス*/
.content .borderBox{
	border:1px solid #E5E5E5;
	padding:20px;
	margin-top:20px;
}

/*二重線ボックス*/
.content .border2Box{
	border:4px double #E5E5E5;
	padding:20px;
	margin-top:20px;
}

/*背景ボックス*/
.content .bgBox{
	background:#F2F2F2;
	padding:20px;
	margin-top:20px;
}

/*ペーパーボックス*/
.content .paperBox {
	position: relative;
	padding:20px;
	margin-top:20px;
	background-color: #F2F2F2;
}
.content .paperBox::after {
    content: "";
	position: absolute;
	bottom: 0;
    right: 0;
    border-color: #D8D8D8 #ffffff #ffffff #D8D8D8;
    border-style: solid;
    border-width: 0 0 20px 20px;
}

/*太文字ボックス*/
.content .boldBox{
	border:3px solid #191919;
	padding:20px;
	margin-top:20px;
	font-weight:700;
}

/*括弧ボックス*/
.content .bracketsBox{
	position:relative;
	padding:20px;
	margin-top:20px;
}
.content .bracketsBox:before,
.content .bracketsBox:after {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 30px;
    content: "";
}
.content .bracketsBox:before {
    top: 0;
    left: 0;
    border-top: solid 1px #191919;
    border-left: solid 1px #191919;
}
.content .bracketsBox:after {
    right: 0;
    bottom: 0;
    border-right: solid 1px #191919;
    border-bottom: solid 1px #191919;
}

/*はてなボックス*/
/*ビックリボックス*/
.content .questionBox,
.content .exclamationBox{
	position:relative;
	margin-top:20px;
	padding:20px 20px 20px 70px;
}
.content .questionBox{background-color: #D9EFF7;}
.content .exclamationBox{background-color: #F6E1DF;}
.content .questionBox::before,
.content .exclamationBox::before{
	position:absolute;
	top:20px;
	left:20px;
	font-size:2rem;
	font-weight:700;
	color: #ffffff;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    height: 30px;
	line-height: 30px;
    border-radius: 50%;
}
.content .questionBox::before{content: "?";background: #0096c8;}
.content .exclamationBox::before{content: "!";background: #c53929;}

/*ポイントボックス*/
.content .pointBox {
	position: relative;
    border: 2px solid #c53929;
    border-radius: 5px;
    padding:20px;
	margin-top:20px;
}
.content .pointBox::before {
	content: "POINT";
	position: absolute;
	top: -15px;
	left: 15px;
	font-size: 1.6rem;
	font-weight: 700;
    background-color: #ffffff;
    color: #c53929;
    padding: 0 10px;
}


/*注釈*/
.content .asterisk{
	display: block;
    font-size: 1.3rem;
    color: #7F7F7F;
}

/*イエローマーカー*/
.content .markerYellow{background: linear-gradient(transparent 60%, #ffffbc 60%);}
/*ピンクマーカー*/
.content .markerPink{background: linear-gradient(transparent 60%, #FFDFEF 60%);}
/*ブルーマーカー*/
.content .markerBlue{background: linear-gradient(transparent 60%, #cce5ff 60%);}


/*記事内広告*/
.content .adPost {
	width:100%;
	overflow:hidden;
	margin-top:20px;
	padding:0 10px;
	background-color:#F2F2F2;
    background-image: linear-gradient(to top right, #fff 0%, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent 100%);
    background-size: 6px 6px;
}
.content .adPost__title{
	font-size:1.2rem;
	padding:10px 0;
	display:block;
	font-weight:normal;
	text-align:center;
}


/*YouTube*/
.content .youtube {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	margin:20px auto 0 auto;
}
.content .youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*twitter & instagram*/
.content .twitter-tweet,
.content .instagram-media {
	width: 500px!important;
    max-width: 100%!important;
    margin:20px auto 0 auto!important;
}

/* h2の冒頭の文字装飾のリセット */
.content h2:first-letter {
    font-size: 3rem !important;
    padding-bottom: 10px !important;
    border-bottom: none !important;
    color: #191919 !important;
}

/* 19/10/11 追加分 */
.siteTitle__logo {
    max-height: 44px;
    line-height: 44px;
}
.siteTitle__link {
    height: 44px;
}
.siteTitle__img {
    width: auto;
    max-height: 44px;
}
.menuNavi i.gf-mobile::before,
.menuNavi i.gf-mail3::before {
    color: #fff;
    font-size: 2rem;
    margin-right: 6px;
    vertical-align: middle;
}
.l-footer {
	background: none;
}
.copySns__copy {
	color: #333;
	text-align: center;
    width: 100%;
}
.copySns__copyLink {
	color: #008ac3;
}
img.size-full.wp-image-1069.aligncenter {
    height: auto;
}
.heading.heading-widget, .heading.heading-footer {
	margin-bottom: 10px !important;
}

/* 19/03/26 追加分 */
h2.contact-title:first-letter {
    color: #ffffff !important;
}
h2.contact-title {
    color: #ffffff !important;
}
img.alignnone.size-full.wp-image-216 {
    margin-top: 10px;
}
.content h2:first-letter {
    font-size: 3rem !important;
}
.content h3 {
    padding: 10px 20px !important;
}
.front-page .content h2 {
	font-size: 3rem;
    background: #f3f3f3;
    padding: 10px 6px 10px 16px;
    border-left: 8px solid #edfd62;
    margin-bottom: 30px;
    text-align: left;
}
::placeholder{
  color:#b6b6b6
}


/*
 レスポンシブ
 -------------------- */
@media only screen and (max-width: 991px) {
  .l-wrapper {
      width: 100%;
      max-width: 100%;
      display: block;
  }
  .l-main {
      width: 100%;
      padding: 40px 10px;
  }
  .l-sidebar, .l-wrapper.rank-page .l-sidebar {
    width: 100%;
    padding: 0 10px 40px 10px;
  }
}
@media only screen and (max-width: 767px) {
  html, body {
      font-size: 16px;
  }
  .u-none-sp {
    display:  none!important;
  }
  .container {
      padding: 0 .5rem;
  }
  .l-header {
    padding: .6rem 0 0;
  }
  .l-wrapper:not(.rank-page) .content.content-page {
    padding: 1rem .5rem;
  }
  .heading.heading-singleTitle {
    font-size: 1.6rem;
  }
  .singleTitle__heading {
    min-height: 0;
  }
  .singleTitle.page {
    padding: 0;
    background-size: auto;
  }
  .breadcrumb__item {
        font-size: .8rem;
  }
  .content, .content p, .content table {
      font-size: 1rem;
  }
  .content h2 {
    font-size: 1.6rem;
  }
  .content h3 {
    font-size: 1.4rem;
  }
  .content h4 {
    font-size: 1.2rem;
  }
  .content h5 {
    font-size: 1.2rem;
  }
  .content h6 {
    font-size: 1rem;
  }
  .content ul li, .content ol li {
    font-size: 1rem;
  }
  .content .outline {
    padding: .8rem;
  }
  .content .outline__switch::before {
    font-size: .7rem;
  }
  .outline ul li, .outline ol li, .content .outline__link,
  .content .outline__number {
    font-size: .8rem!important;
  }
  .content .outline__toggle:checked + .outline__switch + .outline__list {
    margin-top: 0;
  }
  .sp-table {
    overflow-x: scroll;
    width: 100%;
    margin: auto;
    word-break: keep-all;
  }
  .sp-table::-webkit-scrollbar {
    background: #fff;
    border-radius: 5px;
    height: 10px;
  }
  .sp-table::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 5px;
  }
  .sp-table table {
    width: 100%;
    display: table;
  }
  .menuNavi {
    width: auto;
    max-width: 240px;
    margin: 0;
  }
  .menuNavi ul.menuNavi__list {
    display: none;
  }
  .menuNavi ul.menuNavi__list-sp {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .menuNavi ul.menuNavi__list-sp a {
      display: block;
      margin: 0 .4rem;
  }
  .menuNavi ul.menuNavi__list-sp li:last-child a {
      margin-right: 0;
  }
  .menuNavi ul.menuNavi__list-sp i {
    font-family: 'gmenfont' !important;
    font-style: normal;
    font-size: 24px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .menuNavi ul.menuNavi__list-sp i.gf-mail {
    margin-top: -2px;
  }
  .siteTitle {
      width: calc(100% - 240px);
      margin: 4px 0 14px;
      height: 24px;
  }
  #main-header{
     background-position: -462px 67px;
  }
  #main-header, #main-header.single, #main-header.rank {
    height: auto;
    padding: 0;
   background-size: cover;
  }
  #header-title {
        background-image: url(images/sp-gmen-child.png);
    background-size: cover;
    height: 200px;
  }
  #main-header h1, #main-header.single h1, #main-header.rank h1 {
    width: 100%;
    font-size: 2rem;
  }
  #main-header.single h1, #main-header.rank h1 {
    padding: 0 1rem;
  }
  #main-header h1 i {
        font-size: 6rem;
  }
  #main-header picture, #main-header picture > img {
    margin: 0 auto;
    padding: 0;
    display: block;
  }
  #main-header.single h1 br {
    display: none;
  }
  #header-menu {
    margin: .2rem auto .6rem;
    padding: 0;
    width : 95% ;
    width : -webkit-calc(100% - 1rem) ;
    width : calc(100% - 1rem) ;
    font-size: 18px;
    position: relative;
  }
  #header-menu form {
    height: 38px;
    line-height: 32px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
  }
  #header-menu form.top {
    padding-right: 30px;
    display: block;
  }
  #header-menu .btn__search {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0;
    padding: .5em;
    margin: 0;
  }
  #header-menu .btn__search span {
    display:  none;
  }
.gf-search:before {
   font-size: 20px;
}
  .hdrradio:before {
    left: 5px;
    top: 8px;
    width: .4em;
    height: .4em;
  }
  .hdrradio::after {
    left: 0;
    top: 3px;
    border: 3px solid #333;
  }
  .hdrradio {
      font-size: 16px;
      position: relative;
      padding: 0 0 0 18px;
      margin-right: .3em;
      vertical-align: baseline;
  }
  .fgksize{
    margin-left: .2em;
  }
  select.rw {
    font-size: 1rem;
    height: 38px;
    line-height: 1;
        margin-top: 0px;
  }
  .color-select-wrap, .size-select-wrap,
  .more-select-wrap {
      font-size: 1rem;
      line-height: 1;
      height: 100%;
  }
  .color-select-wrap, .size-select-wrap {
    width: 30%;
  }
  .more-select-wrap {
    width: 40%;
  }
  .modal-trigger {
      font-size: 1rem;
    line-height: 38px;
  }
  .color-select-wrap::before,
  .size-select-wrap:before,
  .more-select-wrap:before {
      font-size: 1rem;
      line-height: 1;
      top: 10px;
  }

.gf-question:before {
    font-size: 1rem;
}

  .l-main {
      width: 100%;
      padding: 1rem .5rem;
  }
  .gmen-contents {
    padding: 1.5em 0 0;
  }
  h2.ttl{
    margin-bottom:16px!important;
  }
  h2.ttl span {
    font-size: 20px;
    padding: 0;
  }
  h2.ttl span::before, h2.ttl span::after {
        width: 40px;
        top: -5px;
  }
  h2.ttl i {
    font-size: 24px;
  }
  .contact-tel {
    padding: 1rem;
    margin: 0;
        font-size: 1rem;
  }
  .contact-tel .ttl {
    font-size: 1rem;
    padding: 1em 0 1em 3.3em;
    line-height: 1rem;
    background-size: 35px 32px;
  }
  .contact-tel .tel-link {
        font-size: 1.3rem;
        margin-top: 1rem;
  }
  .hdr-link {
    font-size: 16px;
  }
  .hdr-link .hdr-title {
    font-size: .9rem;
    padding: .6em 0 .6em 2.6em;
    background-size: 35px 32px;
  }
  .hdr-link .container {
      padding: .5em 0;
  }
  .hdr-link .container > div {
      padding: .3rem .3rem;
  }
  .hdr-link .container .link__btn {
    padding: .3em;
    font-size: .9rem;
    display: block;
  }
  .hdr-link .container .link__btn i::before {
      font-size: 1em;
      color: #FFF!important;
  }
  .ftr-link {
    padding: 1rem .5rem;
    font-size: 16px;
    margin-bottom: 1rem;
  }
  .ftr-link .ftr-title {
    font-size: 14px;
    padding: .6em 0 .6em 2.6em;
    background-size: 35px 32px;
  }
  .ftr-link .ftr-title::after {
      content: "";
      display: block;
      clear: both;
  }
  .ftr-link .container {
      padding: 0;
  }
  .ftr-link .container > div {
      padding: .3rem 0;
    margin-top:.8rem;
  }
  .ftr-link .container > div:first-child {
    padding-right: .5em;
  }
  .ftr-link .container > div:first-child {
    padding-left: .5em;
  }
  .button-block {
      font-size: 1rem;
      padding: 0 .3rem .2rem;
  }
  .button-block h2 {
      font-size: .8rem;
    line-height: 1;
    margin-bottom:0px;
  }

.button-block h2:before{
content: '';
position: absolute;
top: 54%;
display: inline-block;
width: 24px;
height: 2px;
background-color: white;
-moz-transform: rotate(-120deg);
-webkit-transform: rotate(-120deg);
-ms-transform: rotate(-120deg);
transform: rotate(-120deg);
}
.button-block h2:after{
content: '';
position: absolute;
top: 54%;
display: inline-block;
width: 24px;
height: 2px;
background-color: white;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.button-block h2:before {left:-2.6em;}
.button-block h2:after {right: -2.6rem;}

  .button-block .container {
      padding: 0;
  }
  .button-block .container > div {
      padding: .3rem .5rem;
  }
  .mail-link {
    padding: .2em;
    font-size: .8rem;
    display: block;
  }
  .tel-link {
    background-color: #FFF;
    border-radius: 2em;
    color: #e25268!important;
    padding: .2em;
    font-size: .85rem;
    display: block;
  }
  .tel-link i::before {
    font-size: 100%;
    color: #e25268!important;
  }
  .tel-link span{
    font-size: 14px;
  }
  .contact-title {
    padding: .5rem;
  }
  #contact th, #contact td, #contact tr:nth-child(2n+1) {
    display: block;
  }
  #contact th {
    padding: .5rem 0;
  }
  #contact .required {
    display: block;
    float: right;
    text-align: center;
    padding: 3px 5px;
    font-size: .7rem;
    border-radius: 5px;
  }
  #contact .wpcf7-checkbox span.wpcf7-list-item {
        margin-left: .5em;
  }
  #contact .wpcf7-checkbox span.wpcf7-list-item:first-child {
        margin: 0;
  }

  .ftr-info {
    padding: 1rem;
    font-size: 12px;
  }
  .ftr-sitemap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .ftr-sitemap > div {
      width: 50%;
      border-right: #333 solid 2px;
      border-bottom: #333 solid 2px;
      padding: .3rem;
  }
  .ftr-sitemap > div:nth-child(2n) {
      border-right: 0;
  }
  .ftr-sitemap > div:nth-child(n+5) {
      border-bottom: 0;
  }
  .ftr-sitemap > div > a {
    font-size: 12px;
  }
  .ftr-sitemap > div > a:first-child {
    margin-top: 0;
  }
  .t-light .copySns {
      padding: 0;
  }
  .t-light .copySns__copy {
      font-size: 10px;
  }
  .ftr-logo {
    margin-top: 1rem;
  }

  .rank-select {
    left: 5%;
    width: 90%;
  }
  .rank-block {
      width: 49.9%;
      padding: 1.4rem 8px .5rem;
      border-right: 2px dotted #333;
  }
  /*
  .rank-block:nth-child(3n) {
    border-right: 2px dotted #333;
  }
  .rank-block:nth-last-child(-n+3) {
    border-bottom: 2px dotted #333;
  }
  .rank-block:nth-child(2n) {
    border-right: 0;
  }
  .rank-block:nth-last-child(-n+2) {
    border-bottom: 0;
  }
  */
  .rank-title {
    padding: .4em .1em;
    line-height: 1;
    font-size: 16px;
    min-height: 45px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .rank-title span {
    top: -1em;
    left: .3em;
    padding: .1em .2em;
    font-size: 14px;
    line-height: 1.4;
    min-width: 22px;
  }
  .rank-price {
    margin: .5em 0 1rem;
    padding: 0;
  }
  .rank-price span.price {
    font-size: 20px;
    letter-spacing: 0.01em;
  }
  .rank-price span.sub {
    font-size: 50%;
    margin-bottom: .2em;
  }
  .rank-price .hint {
      position: absolute;
      top: -1rem;
  }
  .rank-maker {
    font-size: 14px;
    padding: .3em;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .rank-maker i, .rank-maker > div {
    font-size: 14px;
    line-height: 16px;
  }
  .rank-maker > div:first-child{
        font-size: .8rem;
  }
  .rank-maker > div:last-child {
    font-size: 16px;
  }
  table.rank-table td .gf {
    left: .2em;
    font-size: .8rem;
  }
  table.rank-table td, table.rank-table th {
    font-size: .75rem;
    padding: 0 .2em;
  }
  .rank-img {
    margin-bottom: 0;
    height: 120px;
  }
  .rank-img .rank-icon {
      font-size: 18px;
  }
  .rank-img > div {
    bottom: .5rem;
  }


  .rank-list .rank-rate {
    display: none;
  }
  .l-sidebar .gmen-contents {
      padding: 0;
  }
  .l-sidebar .gmen-contents a {
      padding: .8em;
      font-size: 14px;
  }
  .l-sidebar .knowhow-contents {
      margin: 0;
  }
  .l-sidebar .side-ttl {
    padding: .3em 1.5em .5em 3em;
    font-size: 16px;
  }
  .l-sidebar .side-ttl::before {
      top: 0;
  }
  .l-sidebar .side-ttl span br {
      display: none;
  }
  .l-sidebar .gmen-contents i::before {
      margin-right: .5em;
  }


  .rate:before, .rate:after {
    font-size: 1.3rem;
  }

  .single.gmen-contents {
    padding: 1rem .5rem;
  }
  .mfr-cont-block {
    margin-bottom: 1rem;
  }
  .mfr-cont-block:last-child {
    margin-bottom: 0;
  }
  .mfr-cont-block h2 {
    font-size: 1.3rem;
    line-height: 1.2;
    padding: .2em .5em;
    position: relative;
  }
  .mfr-cont-block h3 {
    font-size: 1.2rem;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: .5rem;
  }
  .mfr-cont-block > div {
    padding: .5rem 0;
    font-size: 1rem;
  }
  .mfr-cont-block .rank-rate {
    margin-bottom: 1rem;
    padding: .5rem;
    text-align: center;
  }
  .mfr-cont-block .rank-rate > div.rank-rate-star {
    margin: 0 auto;
    text-align: center;
    font-size: 1.3rem;
    padding: 1.3rem 0 0 0;
    width: 6.3em;
  }
  .mfr-cont-block .rank-rate-text {
    padding-top: .5rem;
    width: 100%;
  }
  .mfr-block-left,.mfr-block-info,.mfr-block-right {
    width: 100%;
    padding: 0;
  }
  .mfr-block .rank-price {
    text-align: center;
  }
  .mfr-block .rank-price span.price {
    font-size: 2rem;
  }
  .mfr-block .rank-price span.sub {
      display: block;
      font-size: 1rem;
      margin: 0 .5em 0 0;
  }
  .mfr-block .rank-maker {
      font-size: 1.2rem;
      text-align: center;
      -webkit-justify-content: center;
      justify-content: center;
  }
  .mfr-block .rank-maker i {
      margin-right: .15em;
  }
  .mfr-block .rank-maker > div:first-child,
  .mfr-block .rank-maker > div:last-child {
      font-size: 1.1rem;
  }
  .mfr-block .rank-maker > div:first-child {
    padding-right: .5rem;
  }
  .mfr-block table.rank-table {
    margin-bottom: 1rem;
  }
  .mfr-block .rank-img {
    margin-bottom: 1rem;
        height: 150px;
  }
  .mfr-block .rank-rate {
    display: -webkit-flex;
    display: flex;
    padding: 0;
  }
  .mfr-block .rank-rate > div.rank-rate-title {
    padding: .3rem .3rem;
    font-size: .8rem;
        width: 3.5rem;
  }
  .mfr-block .rank-rate .rank-rate-title i::before {
    margin-right: .2em;
  }
  .mfr-block .rank-rate > div.rank-rate-star {
    width: 5rem;
    font-size: .8rem;
  }
  .mfr-block .rank-rate .rate:before, .mfr-block .rank-rate .rate:after {
      top: 0.4em;
      font-size: .8rem;
  }
  .mfr-block .rank-rate .rank-rate-text {
      font-size: .7rem;
    line-height: 1.5;
  }
  .mfr-block .rank-icon-area {
      margin: 1rem 0;
  }
  .mfr-block .rank-icon {
      font-size: 1.4rem;
  }
  table.detail-table {
    margin-top: 0;
  }
  table.detail-table th, table.detail-table td {
    padding:  .2rem .3rem;
    font-size: .7rem;
    vertical-align: middle;
  }
  table.detail-table tr {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  p.small {
    font-size: .5rem;
    line-height: 1.4;
    margin-bottom: 1rem;
  }
  .mfr-block-bottom {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1rem;
  }
  .mfr-block-bottom .good, .mfr-block-bottom .bad {
    margin: 0 0 .5rem;
    width: 100%;
        padding: .5rem;
  }
  .mfr-block-bottom .good h2, .mfr-block-bottom .bad h2 {
      line-height: 1;
  }
  .mfr-block-bottom p {
      font-size: .9rem;
  }
  .near-list .rank-block {
        padding: .3rem;
  }
  .near-list .rank-block table.detail-table td, .near-list .rank-block table.detail-table th {
        font-size: .6rem;
  }
  .near-list .rank-block:nth-child(2n) {
    border-right: 0;
  }
  .near-list .rank-block:nth-last-child(1),.near-list .rank-block:nth-last-child(2) {
    border-bottom: 0;
  }
  .mitumori-block {
      margin: .3rem 0 0;
  }
  .mitumori-block .gmen__btn {
    width: 100%;
    padding: .4rem 0;
    font-size: .7rem;
  }

  .modal input:checked ~ .modal-overlay .modal-wrap {
    overflow: scroll;
    height: 90%;
  }
  .modal .modal-wrap .flex {
    display: block;
  }
  .modal .modal-wrap .control:first-child, .modal .modal-wrap .control {
    width: 100%;
    padding: 0;
    margin-bottom: 1.5em;
  }
  table#company-table {
    width: 100%;
  }
  #company_mem {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-flow: column;
  }
  #company_mem > picture {
    margin: 0;
  }
  #main-header.contact #header-title h1 img{
    display: none;
  }
  .content .btn {
    width: 100%;
    font-size: 1rem;
  }
  .content .outline {
    width: 100%;
  }
  table.kuchikomi-tbl tr {
  display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  table.kuchikomi-tbl th, table.kuchikomi-tbl td {
    padding: .4rem .3rem;
    font-size: .7rem;
    vertical-align: middle;
}
  table.kuchikomi-tbl th {
    width: 30%;
  }
  table.kuchikomi-tbl td {
    width: 70%;
  }
  table.kuchikomi-tbl02 tr {
  display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  table.kuchikomi-tbl02 th, table.kuchikomi-tbl02 td {
    padding: .4rem .3rem;
    font-size: .7rem;
    vertical-align: middle;
  }
  table.kuchikomi-tbl02 th {
    width: 35%;
  }
  table.kuchikomi-tbl02 td {
    width: 65%;
  }
  .kuchikomi-rate-wrap {
  position: relative;
  }
    .kuchikomi-rate-wrap .rate:before, .kuchikomi-rate-wrap .rate:after {
    font-size: 0.2rem;
  }
  .kuchikomi-block .comment {
    font-size: .9rem;
  }
  .kuchikomi-block i {
    font-size: 200%;
  }
    .kuchikomi-rate-wrap02 .rate:before, .kuchikomi-rate-wrap02 .rate:after {
    font-size: 0.2rem;
  }
  .more-bt a {
    font-size: 1rem;
    width: 100%;
  }
  .btns-wrap {
    margin-right: 0px;
  }
  .detail-bt {
    width: 100%;
  }
  .pager ul li {
    margin-left: 4px;
    margin-bottom: 4px;
  }

  /* 19/02/28 追加分 */
  .menuNavi .gmen__btn {
  	font-size: .7rem;
    padding: .8em 0.9em;
    margin-left: .2rem;
  }
  .menuNavi i.gf-mobile::before, .menuNavi i.gf-mail3::before {
  	display: none;
  }
  .siteTitle__img {
		width: auto;
		max-height: 24px;
	}
	.siteTitle__link {
		height: 24px;
	}
	.siteTitle__logo {
		max-height: 24px;
    	line-height: 24px;
    }
    img.size-full.wp-image-1069.aligncenter {
    	height: auto;
	}

  /* 19/03/26 追加分 */
	.content h2:first-letter {
    	font-size: 1.6rem !important;
	}
	.widget .textwidget {
		    font-size: 1.1rem;
		    line-height: 1.4;
	}
	.dateList__item,
	.related__title span {
    	font-size: .9rem;
    	line-height: 1.2;
	}
	.imgListWidget__title,
	.related__title {
		    font-size: 1.1rem;
		    line-height: 1.4;
	}
	.widget .post-date,
	.profile__description,
	.related__contents {
		font-size: 1rem;
	}
	.heading.heading-archive {
		font-size: 1.1rem;
		line-height: 1.4;
    	margin-right: .4em;
    	margin-left: .4em;
	}
	.dateList.dateList-archive {
    	margin-right: .4em;
    	margin-left: .4em;
	}
	.copySns__copy {
		font-size: .9rem;
    	margin: 20px 20px 0px;
	}
	.ftr-logo img {
    	width: 50%;
    	height: auto;
	}
	.front-page .content h2 {
    	font-size: 1.6rem;
    }

}