@charset "utf-8";

/*pc + sp*/
.pc   {display:block}
.sp   {display:none}
.horizontal    {display:none}
  @media only screen and (max-width:979px) {
  .pc            {display:none}
  .sp            {display:block}
  .horizontal    {display:none}
  }
  @media only screen and (min-width:468px) and (max-width:979px) {
  .pc            {display:none}
  .sp            {display:block}
  .horizontal    {display:block}
  }

/* ----------------------------------------------------------
Common
---------------------------------------------------------- */
div,h1,h2,h3,h4,h5,h6,p,li,dt,dd  {
  word-break:break-all;
  padding:0;
  margin:0;
  font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
  }

/*ul li*/
ul,
ul li {list-style:none;padding:0;margin:0}

/*clearfix*/
* html .clearfix,
*+html .clearfix  {zoom:1}
.clearfix:after   {height:0;visibility:hidden;content:".";display:block;clear:both}

/*clear*/
.clear-both   {clear:both}
.clear-left   {clear:left}
.clear-right  {clear:right}

/*position*/
.block        {display:block}
.center       {text-align:center}
.left         {text-align:left}
.right        {text-align:right}
.float-left   {float:left}
.float-right  {float:right}
.block        {display:block}
.inline-block {display:inline-block}
.none         {display:none}

/*text*/
.red        {color:#ff0000}
.strong     {font-weight:bold}
@font-face  {
  font-family:"Yu Mincho";
  src:local("Yu Mincho Demibold");
  font-weight:500
  }
.yumincho   {font-family:"Yu Mincho", "YuMincho", serif}
.large      {font-size:120%}
.fa.fa-exclamation-triangle {color:#f00}
.caution    {color:#f00;background:#ffff7e}

/*link*/
a           {cursor:pointer}
.male a     {color:#2b5faa}
.female a   {color:#FF7C76}
.common  a  {color:#00B1C3}
a:hover     {cursor:pointer;color:#555}
.underline  {text-decoration:underline}

/*padding margin*/
.pd10     {padding:10px}
.pd20     {padding:20px}
.pt15     {padding-top:15px}
.pt25     {padding-top:25px}
.pt50     {padding-top:50px}
.pb25     {padding-bottom:25px}
.pb50     {padding-bottom:50px}
.mt0      {margin-top:0!important}
.mt5      {margin-top:5px}
.mt10     {margin-top:10px}
.mt15     {margin-top:15px}
.mt20     {margin-top:20px}
.mt25     {margin-top:25px}
.mt50     {margin-top:50px}
.mt-15    {margin-top:-15px}
.mt-25    {margin-top:-25px}
.mb10     {margin-bottom:10px}
.mb15     {margin-bottom:15px}
.mb25     {margin-bottom:25px}
.mb50     {margin-bottom:50px}
.w10per   {width:10%}
.w12per   {width:12%}
.w15per   {width:15%}
.w17per   {width:17%}
.w22per   {width:22%}
.w25per   {width:25%}
.w30per   {width:30%}
.w45per   {width:45%}
.w50per   {width:50%}
.w75per   {width:75%}
.w100per  {width:100%}

.border-all         {border:1px solid #dedede}
.border-all.dotted  {border:1px dotted #ccc}
.border-top         {border-top:1px solid #dedede}
.border-bottom      {border-bottom:1px solid #dedede}

.male .bgcolor1           {background:#f4f7fb}
.male .bgcolor1.color1    {color:#2b5faa}
.male strong.red ,
.male span.red            {color:#fc534b}

.female .bgcolor1         {background:#FFF8F8}
.female .bgcolor1.color1  {color:#FF7C76}
.female strong.red ,
.female span.red          {color:#fc534b}

/*img*/
img             {vertical-align:middle;-ms-interpolation-mode:bicubic;max-width:100%}
img.border      {border:1px solid #dedede;box-sizing:border-box}
.alignnone,
.alignleft,
.alignright,
.aligncenter    {max-width:100%;margin:0;width:auto}
.alignnone      {margin-bottom:5px}
.alignleft      {display:inline;float:left;margin-top:5px;margin-right:25px;margin-bottom:25px}
.alignright     {display:inline;float:right;margin-top:5px;margin-left:25px;margin-bottom:25px}
.aligncenter    {clear:both;display:block;margin-left:auto;margin-right:auto;text-align:center}
  @media only screen and (max-width:979px) {
  .alignnone,
  .alignleft,
  .alignright,
  .aligncenter  {display:block;float:none;text-align:center;margin:0 auto}
  }

/* ----------------------------------------------------------
Table Layout
---------------------------------------------------------- */
.table    {text-align:left}
.table tbody th ,
.table tbody td  {
  border-right:none!important;
  border-left:none!important;
  border-top:2px solid #fff!important;
  border-bottom:2px solid #fff!important;
  font-weight:normal;
  padding:20px 16px!important;
  }
.table tbody th         {background:#f5f5f5;font-weight:bold;vertical-align:middle!important}
.table tbody td.spacer  {padding:0!important}
.table td.price   {text-align:left}
.table .w10per    {width:10%!important}
.table .w25per    {width:25%!important}
.table .w30per    {width:30%!important}
.table .w50per    {width:50%!important}
  @media only screen and (max-width:979px) {
  .table.responsive tbody th   {display:block;width:100%!important;padding:10px!important;position:relative;font-size:95%}
  .table.responsive tbody td   {display:block;width:100%!important;padding:10px 0!important;position:relative;font-size:95%}
  .table.responsive .w10per    {width:10%!important}
  .table.responsive .w25per    {width:100%!important}
  .table.responsive .w30per    {width:100%!important}
  .table.responsive .w50per    {width:100%!important}
  }

/* ----------------------------------------------------------
Form Layout
---------------------------------------------------------- */
input[type=text],
input[type=email],
input[type=url],
textarea  {
  width:80%;
  max-width:80%;
  border:1px solid #ddd;
  background:#fff;
  font-size:90%;
  min-height:40px;
  padding:10px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border-radius:0;
  outline:0
  }
select {margin:0 0.12em;border:1px solid #ddd;font-size:100%;outline:0}
  @media only screen and  (max-width:979px) {
  input[type=text],
  input[type=email],
  input[type=url],
  textarea  {width:100%;max-width:100%}
  }

/*button*/
.button-box             {width:100%;margin-left:auto;margin-right:auto;text-align:center}
.button.inline-block    {width:100%}
.button.inline-block a  {display:inline-block;vertical-align:middle}
.btn                    {-webkit-appearance:none;border-radius:0;display:block;margin:auto;text-align:center;text-decoration:none!important;font-size:120%}
.btn i                  {padding-left:1em;font-size:140%}
.btn.default            {background:#dedede;color:#222;padding:30px}
.btn.primary            {padding:30px;font-weight:bold}
.male .btn.primary      {background:#153a4d;color:#fff}
.male .btn.secondary    {background:#68A6B3;color:#fff}
.male .btn.tertiary     {background:#fff;color:#fff;border:1px solid #68A6B3;color:#68A6B3!important}
.male .btn.secondary    {background:#68A6B3;color:#fff}
.female .btn.primary    {background:#c13030;color:#fff}
.female .btn.secondary  {background:#68A6B3;color:#fff}
  @media only screen and  (max-width:467px) {
  .button-box           {margin:25px auto 0}
  .btn.w50per,
  .btn.w75per           {width:100%}
  .btn.default ,
  .btn.primary          {padding:20px}
  .male .btn.tertiary   {padding:20px}
  }
  @media only screen and  (min-width:468px) and  (max-width:979px) {
  .button-box           {margin:25px auto 0}
  .btn.w50per,
  .btn.w75per           {width:50%}
  }

/* ----------------------------------------------------------
Layout
---------------------------------------------------------- */
body,
div,
#wrapper,
#header,
#container,
#main,
#contents       {position:relative;margin:auto}
.section        {position:relative}

body            {width:100%;font-size:15px;line-height:1.85em;text-align:justify!important}
#header         {width:100%}
#container      {width:100%;height:auto;padding:0}
.container      {padding-bottom:100px}
#main           {max-width:1024px;margin:auto}
#contents       {width:750px;max-width:750px;float:right;padding-bottom:50px}
#sidebar        {width:250px;max-width:250px;float:left;margin-right:24px}
.home #main ,
.home #contents   {width:100%;max-width:100%;float:none;padding-bottom:0}
#footer           {margin:auto}
  @media only screen and (max-width:979px) {
  body            {-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch}
  #wrapper        {overflow:hidden}
  #container      {padding:0}
  #main           {width:100%}
  #contents  ,
  .common #main,
  .common #contents ,
  .home #main,
  .home #contents {max-width:100%;width:100%;float:none;padding-bottom:0}
  #sidebar        {max-width:100%;width:100%;float:none;margin:50px 0 0}
  .home #main     {padding-top:30px;box-sizing:border-box}
  }

/*floating*/
#floating                 {position:absolute;position:fixed;right:0;top:250px;z-index:1000000}
.floating-btn-list li     {display:block}
.floating-btn-list li a   {display:block;padding:30px 16px;border:1px solid #fff;text-align:center;font-size:86%;line-height:1.35em;color:#fff}
.male .floating-btn-list li.visit a     {background:#2b5faa}
.female .floating-btn-list li.visit a   {background:#FF7C76}
.common .floating-btn-list li.visit a   {background:#8CDCE4}
.male .floating-btn-list li.online a ,
.female .floating-btn-list li.online a,
.common .floating-btn-list li.online a  {background:#00bb00}
.common .floating-btn-list li.female a  {background:#FF7C76}
.common .floating-btn-list li.male a    {background:#2b5faa}
  @media only screen and (max-width:1180px) {
  #floating         {display:none!important}
  }

/*sp-menu*/
.common .sp-menu-list a    {background:#00B1C3;color:#fff}
.male .sp-menu-list a      {background:#2b5faa;color:#fff}
.female .sp-menu-list a    {background:#FF7C76;color:#fff}

 @media only screen and (max-width:467px) {
  .sp-menu-container  {width:100%;margin:10px auto -5px}
  .sp-menu-list       {width:100%;text-align:center;margin:auto;position:relative}
  .sp-menu-list li    {width:32.85%;display:inline-block;margin:1px -1px}
  .sp-menu-list a             {text-align:center;display:block;padding:8px 0;font-size:10px;text-decoration:none;font-weight:bold}
  .sp-menu-list li.online a   {background:#00bb00}
  .sp-menu-list li.male a     {background:#2b5faa}
  .sp-menu-list li.female a   {background:#FF7C76}
  }
  @media only screen and (min-width:468px) and (max-width:979px) {
  .sp-menu-container  {width:100%;margin:10px auto -5px}
  .sp-menu-list       {width:100%;text-align:center;margin:auto;position:relative}
  .sp-menu-list li    {width:32.75%;display:inline-block;margin:1px -1px}
  .sp-menu-list a             {text-align:center;display:block;padding:8px 5px;font-size:100%;text-decoration:none}
  .sp-menu-list li.online a   {background:#00bb00}
  .sp-menu-list li.male a     {background:#2b5faa}
  .sp-menu-list li.female a   {background:#FF7C76}
  }

/*modal*/
.modal                          {z-index:1100000}
.modal-dialog                   {width:90%!important;max-width:1180px}
.modal .male .btn.primary       {background:#2b5faa;color:#fff;width:90%;padding:30px}
.modal .female .btn.primary     {background:#FF7C76;color:#fff;width:90%;padding:30px}
.modal .button.inline-block     {width:49%}
.modal-body                     {background:#fff;border-radius:6px}
.modal-body-entry               {padding:40px 36px}
.modal-body-entry p             {text-align:center;margin-bottom:25px; font-size:110%}
.modal-body button.close        {position:absolute;z-index:11111;right:20px;color:#222!important}
.modal-body button.close span   {color:#222!important;font-size:140%}
  @media only screen and (max-width:979px) {
  .modal-dialog                   {width:95%!important;box-sizing:border-box}
  .modal .button.inline-block     {width:100%}
  .modal-body-entry               {padding:30px 0 0}
  .modal-body-entry p             {padding-top:15px;padding-bottom:0; font-size:90%;line-height:1.5em}
  .modal-body button.close        {position:absolute;z-index:11111;right:20px;color:#222!important}
  .modal-body button.close span   {color:#222!important;font-size:140%}
  }

/* ----------------------------------------------------------
Header
---------------------------------------------------------- */
/*topbar*/
.topbar                   {width:100%;background:#efefef}
.topbar-inner             {max-width:1024px}
.topbar-inner a           {text-decoration:underline}
.topbar-inner h1          {float:left;width:70%;margin:auto;text-align:left;font-size:12px;padding:10px 0}
.topbar-inner .bar-title  {float:left;width:70%;margin:auto;text-align:left;font-size:12px;padding:10px 0;line-height:1.45em;}
.gender-entry             {float:right}
.gender-entry a           {text-align:center;padding:10px 16px;text-decoration:none;color:#fff;font-size:12px}
.gender-entry-male        {background:rgba(255,124,118,1)}
.gender-entry-female      {background:rgba(33,77,125,1)}
.gender-entry-common      {background:rgba(0,177,195,1)}

/*header-container*/
.header-container                     {padding:0;margin:auto}
.header-container .header-contact     {max-width:1024px;margin:auto;padding:0 0 20px;vertical-align:middle}
.header-container .description        {text-align:right;font-size:86%}
.header-container #logo               {display:inline-block;vertical-align:middle}
.header-container .header-tel         {display:inline-block;text-align:right}
.header-container .header-tel-img     {display:inline-block;vertical-align:middle;padding:0 0.5em}
.header-container .header-tel-text    {display:inline-block;vertical-align:middle;padding:0 0.5em;text-align:right;font-size:80%;line-height:1.45em}
.header-container .header-tel-img img {max-width:400px;text-align:right}
.header-container #logo               {width:35%;margin-top:-16px}
.header-container .header-tel         {width:64%;padding-top:16px}
.common .header-container #logo                       {width:34%;margin-top:-40px}
.common .header-container .header-tel                 {width:65%;padding-top:16px}
.common .header-container .header-tel-img             {width:60%;text-align:right}
.common .header-container .header-tel-text            {width:37%}
.common .header-container .header-tel-img .female-tel {margin:0.25em 0}
.common .header-container .header-tel-img .male-tel   {margin:0.25em 0}
  @media only screen and (max-width:979px) {
  .topbar-inner     {width:100%}
  .topbar h1        {width:100%;font-size:80%;line-height:1.5em;padding:10px;float:none}
  .topbar .bar-title {width:100%;font-size:80%;line-height:1.5em;padding:10px;float:none}
  .header-container               {padding:0}
  .common .header-container #logo {width:auto;margin-top:-16px}
  .header-container #logo img     {max-width:250px}
  }

/*gnav*/
.s.pc              {width:100%}
.male .gnav.pc        {background:#4b77b7}
.female .gnav.pc      {background:#ff908b}
.common .gnav.pc      {background:#00B1C3}
.gnav.pc .gnav-box            {max-width:1024px;margin:auto;text-align:center}
.gnav.pc .gnav-list           {padding:22px 0}
.gnav.pc .gnav-list li        {display:inline-block;vertical-align:middle}
.gnav.pc .gnav-list li a      {display:block;padding:0 12px 0 4px;color:#fff;text-decoration:none!important;font-weight:bold}
.male .gnav.pc .gnav-list li a              {font-size:110%;border-right:1px solid #aac3e6}
.female .gnav.pc .gnav-list li a            {font-size:110%;border-right:1px solid #ffd5d3}
.common .gnav.pc .gnav-list li a            {font-size:110%;border-right:1px solid #fff}
.gnav.pc .gnav-list li:nth-last-child(1) a  {border-right:none}
.gnav.pc .gnav-list li:first-child a        {}/*
  @media only screen and (max-width:979px) {
  .header #logo     {width:100%;padding:20px 10px 0}
  .gnav.pc          {display:none}
  .gnav.sp          {display:block;height:100%;height:auto;position:relative;z-index:1000003;padding:10px 0}
  .navbar-header    {position:absolute;top:0;right:0;margin:0;z-index:100000}
  .navbar-header .navbar-toggle {margin:10px 0 0 0;position:relative;border:none;background-color:transparent;z-index:10000002}
  .navbar-header .navbar-toggle .icon-bar             {display:block;width:22px;height:2px!important;border-radius:0!important}
  .navbar-header .navbar-toggle .icon-bar + .icon-bar {margin-top:6px}
  .navbar-header .navbar-toggle:hover,
  .navbar-header .navbar-toggle:focus             {opacity:0.75}
  .navbar-header .navbar-toggle .icon-bar         {height:5px;width:30px;border-radius:4px}
  .male .navbar-header .navbar-toggle .icon-bar   {background-color:#2b5faa}
  .female .navbar-header .navbar-toggle .icon-bar {background-color:#FF7C76}
  .common .navbar-header .navbar-toggle .icon-bar {background-color:#8CDCE4}
  .navbar-collapse {
    width:100%;
    position:static;
    z-index:10000001;
    text-align:left;
    border-top:none!important;
    box-shadow:0px 6px 3px -3px rgba(0,0,0,0.25);
    -webkit-box-shadow:0px 6px 3px -3px rgba(0,0,0,0.25);
    -moz-box-shadow:0px 6px 3px -3px rgba(0,0,0,0.25);
    -webkit-overflow-scrolling:touch;
    }
  .home .navbar-collapse      {position:absolute}
  .navbar-collapse ul         {margin-bottom:-1px;border-bottom:1px solid #dedede;background:#fff}
  .navbar-collapse ul li      {position:relative;border-top:1px solid #dedede;background:#fff}
  .navbar-collapse ul li a    {display:block;color:#000;cursor:pointer;text-decoration:none;padding:10px}
  .navbar-collapse ul li .glyphicon         {float:right}
  .navbar-collapse ul li a:focus,
  .navbar-collapse ul li a:hover            {color:#fff;text-decoration:none;opacity:1;font-weight:bold}
  .male .navbar-collapse ul li a:hover      {color:#fff;background-color:#2b5faa}
  .female .navbar-collapse ul li a:hover    {color:#fff;background-color:#FF7C76}
  .common .navbar-collapse ul li a:hover    {color:#fff;background-color:#8CDCE4}
  .navbar-collapse ul li.male a,
  .navbar-collapse ul li.male a:hover       {background:rgba(33,77,125,1);color:#fff!important}
  .navbar-collapse ul li.female a,
  .navbar-collapse ul li.female a:hover     {background:rgba(255,124,118,1);color:#fff!important}
  .navbar-collapse ul li.common a,
  .navbar-collapse ul li.common a:hover     {background:rgba(0,177,195,1);color:#fff!important}
  }   */


  @media only screen and (max-width:979px) {
  .header #logo     {width:100%;padding:20px 10px 10px}
  .gnav.pc          {display:none}
  .gnav.sp          {display:block;height:100%;height:auto;position:relative;z-index:1000003;padding:10px 0 0}

  /*collapse-button*/
  .collapse-button    {top:-50px;right:10px;width:30px;margin:0;position:absolute;cursor:pointer}
  .collapse-button a  {position:relative;display:block;height:20px;box-sizing:border-box;z-index:1100001}
  .collapse-button span {
  position:absolute;
  display:inline-block;
  left:0;
  width:100%;
  height:2px;
 /*background-color:#D6699F;*/
  border-radius:2px;
  -webkit-transition:all 0.4s;
  transition:all 0.4s;
  box-sizing:border-box;
  }
  .collapse-button span:nth-of-type(1) {top:0}
  .collapse-button span:nth-of-type(2) {top:9px}
  .collapse-button span:nth-of-type(3) {bottom:0}
  .collapse-button span:nth-of-type(2)::after {
  position:absolute;
  top:0;
  left:0;
  content:'';
  width:100%;
  height:2px;
/*  background-color:#D6699F;*/
  border-radius:2px;
  -webkit-transition:all .4s;
  transition:all .4s;
  }
  .male .collapse-button span,
  .male .collapse-button span:nth-of-type(2)::after {background-color:#2b5faa}
  .female .collapse-button span,
  .female .collapse-button span:nth-of-type(2)::after {background-color:#FF7C76}
  .common .collapse-button span,
  .common .collapse-button span:nth-of-type(2)::after {background-color:#00B1C3}

  .collapse-button .active span:nth-of-type(2) {
  -webkit-transform:rotate(-45deg);
      -ms-transform:rotate(-45deg);
          transform:rotate(-45deg);
  }
  .collapse-button .active span:nth-of-type(2)::after {
  -webkit-transform:rotate(90deg);
      -ms-transform:rotate(90deg);
          transform:rotate(90deg);
  }
  .collapse-button .active span:nth-of-type(1) {
  -webkit-transform:translateY(20px) scale(0);
      -ms-transform:translateY(20px) scale(0);
          transform:translateY(20px) scale(0);
  }
  .collapse-button .active span:nth-of-type(3) {
  -webkit-transform:translateY(-20px) scale(0);
      -ms-transform:translateY(-20px) scale(0);
          transform:translateY(-20px) scale(0);
  }
  /*collapse-menu*/
  .collapse-menu ul       {margin:5px 0 0;padding:0;list-style:none}
  .collapse-menu li       {margin:0;padding:0;list-style:none}
  .collapse-menu          {display:none}
  .collapse-menu          {width:100%;text-align:left;-webkit-overflow-scrolling:touch;box-shadow:0px 6px 3px -3px rgba(0,0,0,0.25)}
  .collapse-menu ul       {margin-bottom:-1px;border-bottom:1px solid #dedede}
  .collapse-menu ul li    {position:relative;border-top:1px solid #dedede;background:#fff}
  .collapse-menu ul li a  {display:block;color:#000;cursor:pointer;text-decoration:none;padding:5px 10px;font-size:100%}
  .collapse-menu ul li .glyphicon {float:right}
  .collapse-menu ul li a:focus,
  .collapse-menu ul li a:hover    {color:#fff;text-decoration:none;/*background:#D6699F;*/opacity:1}
  .male .collapse-menu ul li a:hover      {color:#fff;background-color:#2b5faa}
  .female .collapse-menu ul li a:hover    {color:#fff;background-color:#FF7C76}
  .common .collapse-menu ul li a:hover    {color:#fff;background-color:#00B1C3}
  .collapse-menu ul li.male a,
  .collapse-menu ul li.male a:hover       {background:rgba(33,77,125,1);color:#fff!important}
  .collapse-menu ul li.female a,
  .collapse-menu ul li.female a:hover     {background:rgba(255,124,118,1);color:#fff!important}
  .collapse-menu ul li.common a,
  .collapse-menu ul li.common a:hover     {background:rgba(0,177,195,1);color:#fff!important}
  }

  @media only screen and (min-width:468px) and (max-width:979px) {
  .collapse-menu ul       {border-top:1px solid #dedede;border-bottom:1px solid #dedede;margin-bottom:-1px}
  .collapse-menu ul li    {position:relative;border-bottom:1px solid #dedede;border-top:none;border-right:1px solid #dedede;background:#fff;width:100%;box-sizing:border-box;}
  }

/*mainvisual*/
.mainvisual                 {display:none}
.home .mainvisual           {display:block}
.male .mainvisual           {background:url(../img/male-mainvisual-bg.jpg) top center no-repeat #DBF0FF;width:100%;min-height:400px}
.female .mainvisual         {background:url(../img/female-mainvisual-bg.jpg) top center no-repeat #f4e7ed;width:100%;min-height:400px}
.common .mainvisual         {width:100%;min-height:440px;background-size:cover}
.home .mainvisual-container {max-width:1024px}
.home .mainvisual-title     {padding-top:15px;margin-left:-20px}
.male .mainvisual-title ,
.female .mainvisual-title   {padding:10px 0 }
  @media only screen and (max-width:467px) {
  .mainvisual-horizontal        {display:none!important}
  .male .mainvisual             {background:url(../img/male-mainvisual-bg-sp.jpg) bottom center no-repeat #DBF0FF;min-height:330px}
  .female .mainvisual           {background:url(../img/female-mainvisual-bg-sp.jpg) bottom center no-repeat #f4e7ed;min-height:330px}
  .common .mainvisual           {width:100%;min-height:380px;background-repeat:no-repeat}
  .home .mainvisual             {background-size:cover;margin-bottom:-25px}
  .home .mainvisual-container   {width:100%;padding:15px 0 0}
  .home .mainvisual-title       {padding:0 10px;margin:auto;text-align:center}
  .home .mainvisual-title img   {margin:auto;text-align:center}
  }
  @media only screen and (min-width:468px) and (max-width:967px) {
  .mainvisual-sp                {display:none!important}
  .male .mainvisual             {background:url(../img/male-mainvisual-bg.jpg) top -20% no-repeat #DBF0FF;width:100%;min-height:200px}
  .female .mainvisual           {background:url(../img/female-mainvisual-bg.jpg) top -20% no-repeat #f4e7ed;width:100%;min-height:200px}
  .common .mainvisual           {width:100%;min-height:220px}
  .home .mainvisual             {background-size:contain;margin-bottom:-25px}
  .home .mainvisual-container   {width:100%}
  .home .mainvisual-title       {padding:0 20px;margin-left:0}
  .male .mainvisual-title       {padding:5px 20px 0;margin-left:0}
  .female .mainvisual-title     {padding:15px 20px 0;margin-left:0}
  .home .mainvisual-title img   {max-width:50%}
  .common .mainvisual-title img {padding:15px 0 0;max-width:65%}
  }

/* ----------------------------------------------------------
Section
---------------------------------------------------------- */
/*Section*/
.section                      {margin-bottom:50px}
.section-container            {width:100%;margin:auto;padding:0}
.home .section-container      {max-width:1024px;margin:auto;padding:50px 0}
.common .section-container    {margin:auto}
.title.border                 {font-weight:600!important;line-height:1.45em}
.male .title.border           {color:#000;font-size:160%;padding:20px;background:#efefef;border-bottom:3px solid #2b5faa;margin-bottom:25px}
.female .title.border         {color:#000;font-size:160%;padding:20px;background:#efefef;border-bottom:3px solid #FF7C76;margin-bottom:25px}
.common .title.border         {color:#000;font-size:160%;padding:20px;background:#efefef;border-bottom:3px solid #8CDCE4;margin-bottom:25px}
.article-title                {font-size:110%!important;font-weight:bold}
  @media only screen and (max-width:979px) {
  .section                    {margin-bottom:25px}
  .home .section              {margin-bottom:0}
  .common .section-container  {padding:25px 0}
  .home .section-container    {width:100%;padding:25px 10px}
  .male .title.border,
  .female .title.border ,
  .common .title.border       {font-size:120%;padding:10px;margin-bottom:15px}
  }

/*maintitle*/
#maintitle  {width:100%;min-height:250px;position:relative;border-bottom:1px solid #dedeed}
.common #maintitle              {border-bottom:none}
.female.venereal #maintitle     {background:url(../img/female-bg-venereal.png) top right no-repeat #fff}
.online .female #maintitle      {background:url(../img/female-bg-online.png) top right no-repeat #5cafd1;color:#fff}
.price .female #maintitle       {background:url(../img/female-bg-price.png) bottom right no-repeat #fff}
.faq .female #maintitle         {background:url(../img/female-bg-faq.png) bottom right no-repeat #fff}
.access .female #maintitle      {background:url(../img/female-bg-access.png) top right no-repeat #fff}
.clinic .female #maintitle      {background:url(../img/female-bg-clinic.png) top right no-repeat #fff}
.male.venereal #maintitle       {background:url(../img/male-bg-venereal.png) top right no-repeat #fff}
.online .male #maintitle        {background:url(../img/male-bg-online.png) top right no-repeat #5cafd1;color:#fff}
.price .male #maintitle         {background:url(../img/male-bg-price.png) bottom right no-repeat #fff}
.faq .male #maintitle           {background:url(../img/male-bg-faq.png) bottom right no-repeat #fff}
.access .male #maintitle        {background:url(../img/male-bg-access.png) top right no-repeat #fff}
.clinic .male #maintitle        {background:url(../img/male-bg-clinic.png) top right no-repeat #fff}
.maintitle-container            {max-width:1024px;margin:auto;height:250px;position:relative}
#maintitle .maintitle-block     {top:0;bottom:0;left:0;right:0;margin:auto;position:absolute;max-width:1024px;height:30px}
#maintitle .maintitle-block h1  {text-align:center;font-size:200%;color:#000;font-weight:bold}
.online #maintitle h1           {color:#fff}
  @media only screen and (max-width:979px) {
  #maintitle  {width:100%;min-height:150px}
  .female.venereal #maintitle     {background-size:cover;background-position:60% 0}
  .male.venereal #maintitle       {background-size:cover;background-position:60% 0}
  .online .female #maintitle      {background-size:cover;background-position:50% 0}
  .price .female #maintitle       {background-size:cover;background-position:60% 0}
  .faq .female #maintitle         {background-size:cover;background-position:50% 0}
  .access .female #maintitle      {background-size:cover;background-position:60% 0}
  .clinic .female #maintitle      {background-size:cover;background-position:50% 0}
  .online .male #maintitle        {background-size:cover;background-position:50% 0}
  .price .male #maintitle         {background-size:cover;background-position:60% 0}
  .faq .male #maintitle           {background-size:cover;background-position:50% 0}
  .access .male #maintitle        {background-size:cover;background-position:60% 0}
  .clinic .male #maintitle        {background-size:cover;background-position:50% 0}
  .maintitle-container            {width:100%;padding:0 0;position:relative;height:150px}
  #maintitle .maintitle-block     {width:100%;height:30px}
  #maintitle .maintitle-block h1  {font-size:138%;width:100%}
  }

/*entry*/
.entry.tinymce            {text-align:left}
.entry.tinymce p a        {text-decoration:underline}
.entry.tinymce p          {text-align:justify;font-size:110%;line-height:1.85em}
.common .entry.tinymce p  {color:#40220f}
.entry.tinymce h1,
.entry.tinymce h2,
.entry.tinymce h3,
.entry.tinymce h4,
.entry.tinymce h5,
.entry.tinymce h6      {text-align:left}
.entry.tinymce h1      {font-size:1.75em;margin:0.67em 0;line-height:normal;font-weight:bold}
.entry.tinymce h2      {font-size:1.4em;margin:0.83em 0;line-height:normal;font-weight:bold}
.entry.tinymce h3      {font-size:1.07em;margin:1em 0;line-height:normal;font-weight:bold}
.entry.tinymce h4      {font-size:0.9em;margin:1.33em 0;line-height:normal;font-weight:bold}
.entry.tinymce h5      {font-size:0.8em;margin:1.67em 0;line-height:normal;font-weight:bold}
.entry.tinymce h6      {font-size:0.65em;margin:2.33em 0;line-height:normal;font-weight:bold}
.entry.tinymce ol,li   {padding-left:0;margin-left:0;list-style-position:outside}
.entry ol              {margin-bottom:2em}
.entry.tinymce ol li   {margin-left:1.25em}
.entry.tinymce p.note  {font-size:95%!important}

/*iframe-wrapper*/
.entry.tinymce .iframe-wrapper iframe  {width:100%;height:440px}
  @media only screen and (max-width:467px) {
  .entry.tinymce         {padding-right:10px;padding-left:10px;box-sizing:border-box}
  .entry.tinymce p,
  .entry.tinymce ol li   {font-size:100%;line-height:1.65em;text-align:justify}
  .entry.tinymce .iframe-wrapper {width:100%;height:auto;position:relative;padding-bottom:75%;height:0;overflow:hidden}
  .entry.tinymce .iframe-wrapper iframe {position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:none}
  }
  @media only screen and (min-width:468px) and (max-width:979px) {
  .entry.tinymce         {padding-right:10px;padding-left:10px;box-sizing:border-box}
  .entry.tinymce p,
  .entry.tinymce ol li   {font-size:100%;line-height:1.65em;text-align:justify}
  .entry.tinymce .iframe-wrapper {width:100%;height:auto;position:relative;padding-bottom:35%;height:0;overflow:hidden}
  .entry.tinymce .iframe-wrapper iframe {position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:none}
  }

/*entry-detail*/
.entry-detail.border                {border:1px solid #dedede;padding:30px;box-sizing:border-box;background:#fff}
.entry-detail .subtitle             {font-size:140%!important;line-height:1.65em!important;padding-bottom:0.5em;margin:0 0 0.5em!important}
.male .entry-detail .subtitle       {color:#4b77b7}
.female .entry-detail .subtitle     {color:#FF7C76}
.common .entry-detail .subtitle     {color:#40220f}
.entry-detail .subtitle.border      {border-bottom:1px solid #dedede}
.entry-detail-container             {padding:30px;box-sizing:border-box;background:#EFEFEF}
.entry-detail p                     {text-align:justify}
  @media only screen and (max-width:979px) {
  .entry-detail.border      {padding:14px}
  .entry-detail .subtitle   {font-size:130%!important;line-height:1.5em!important}
  }

/*entry-check*/
.entry-check-list                     {padding:25px}
.male .entry-check-list               {background:#f4f7fb}
.female .entry-check-list             {background:#FFF8F8}
.entry-check-list li                  {font-size:140%;padding:20px 20px 20px 36px;border-bottom:1px dotted #aaa}
.male .entry-check-list li            {min-width:27px;min-height:23px;background:url(../img/male-icon-check.png) 0 50% no-repeat}
.female .entry-check-list li          {min-width:27px;min-height:23px;background:url(../img/female-icon-check.png) 0 50% no-repeat}
.entry-check-list li:nth-last-child(1)  {border-bottom:none}
  @media only screen and (max-width:979px) {
  .entry-check-list         {padding:10px 14px }
  .entry-check-list li      {font-size:120%}
  }

/*entry-summary*/
.entry-summary                        {box-sizing:border-box;margin-top:-25px;padding:10px}
.entry-summary-container              {padding:30px;box-sizing:border-box;background:#fff}
.male .entry-summary                  {background:#f4f7fb;border:2px solid #f4f7fb}
.male .entry-summary-title            {padding: 20px 0 10px;font-size: 120%;font-weight: bold;}
.male .entry-summary-container        {border:1px solid #71a6c6}
.female .entry-summary                {background:#FFF8F8;border:2px solid #FFF8F8}
.female .entry-summary-title          {padding: 20px 0 10px;font-size: 120%;font-weight: bold;}
.female .entry-summary-container      {border:1px solid #cb9999}
.male .entry-summary .btn.primary,
.female .entry-summary .btn.primary   {background:#00c711}
.male .entry-summary .btn.male        {padding:20px;color:#fff;background:#2b5faa!important}
.female .entry-summary .btn.female    {padding:20px;color:#fff;background:#ff7c76!important}
.entry-summary .summary-title         {color:#000;font-size:140%;font-weight:bold;line-height:1.45em;margin-bottom:15px}
  @media only screen and (max-width:979px) {
  .entry-summary-container            {padding:14px}
  .entry-summary-container p          {font-size:98%; line-height:1.6em}
  .entry-summary .mt15      {margin-top:5px!important}
  }

/*entry-flow*/
.entry-flow                 {width:100%;padding-top:25px}
.entry-flow-list            {padding:30px;margin-top:-30px}
.male .entry-flow-list      {background:#f4f7fb}
.female .entry-flow-list    {background:#FFF8F8}
.entry-flow-step            {display:inline-block;width:15%;vertical-align:middle}
.entry-flow-text            {display:inline-block;width:83%;vertical-align:middle;padding-left:2%}
.entry-flow-title           {font-size:160%!important;line-height:1.5em!important;margin:0!important;padding:0!important;font-weight:bold}
.entry-flow-text p          {padding-top:15px;font-size:110%!important;line-height:1.6em!important;text-align:justify;padding-bottom:20px}
.entry-flow-arrow           {z-index:101;margin:-20px auto 20px;text-align:center}
  @media only screen and (max-width:467px) {
  .entry-flow .entry.tinymce  {margin-top:-50px}
  .entry-flow-list        {padding:14px}
  .entry-flow-title       {font-size:120%!important;line-height:1.35em!important}
  .entry-flow-step        {display:block;width:100%;text-align:center}
  .entry-flow-text        {display:block;width:100%;padding-left:0}
  .entry-flow-step img    {width:32%;margin:15px auto }
  .entry-flow-arrow       {margin:-10px auto 20px}
  .entry-flow-arrow img   {width:50%}
  }
  @media only screen and (min-width:468px) and (max-width:979px){
  .entry-flow-text p       {padding-top:15px;font-size:100%!important;line-height:1.5em}
  .entry-flow-img-line a   {padding:20px}
  }

/*entry-faq*/
.entry-faq                {width:100%;padding-top:25px}
.faq.entry-faq            {width:100%;padding-top:0!important}
.entry-faq .entry .border {border:1px solid #dedede;padding:0;box-sizing:border-box;background:#fff;margin-bottom:25px}
.entry-faq .entry .border:nth-last-child(1) {margin-bottom:0}
.entry-faq .subtitle      {font-size:130%!important;margin:0 0 -25px!important;padding:0 0 20px}
.entry-faq-list           {margin-bottom:35px}
.entry-faq .faq-title     {font-size:110%!important;padding:12px 20px;margin-bottom:0.5em!important}
.male .entry-faq .faq-title   {color:#4b77b7;background:#f4f7fb}
.female .entry-faq .faq-title {color:#FF7C76;background:#FFF8F8}
.entry-faq p              {padding:0 20px}
.entry-faq .icon-q        {font-size:120%;font-weight:bold;padding-right:0.5em}
.entry-faq .icon-a        {font-size:110%;font-weight:bold;padding-right:0.5em}
.entry-faq .icon-q:after  {content:'Q.'}
.entry-faq .icon-a:after  {content:'A.'}
  @media only screen and (max-width:979px) {
  .entry-faq                {padding-top:0}
  .entry-faq .entry.tinymce {padding:0}
  .entry-faq .subtitle      {font-size:110%!important;padding:0 10px 10px!important;box-sizing:border-box}
  .entry-faq .entry.tinymce {margin-top:-25px}
  .entry-faq-list           {margin-bottom:0}
  .entry-faq .faq-title     {font-size:106%!important;padding:6px 10px;line-height:1.65em}
  .entry-faq p              {padding:0 10px}
  .entry-faq .icon-a        {font-size:106%;line-height:1.65em}
  }

/*entry-symptom*/
.entry-symptom                  {width:100%}
.entry-symptom .symptom-title   {color:#000;font-size:116%!important;background:#f7f7f7;padding:12px 20px;margin:0 0 0.5em!important}
.entry-symptom p                {padding:0 20px}
.entry-symptom-list.border      {border:1px solid #dedede}
.entry-symptom .symptom-icon    {display:inline-block;vertical-align:middle;width:15%;padding:10px 0 20px 20px}
.entry-symptom .symptom-text    {display:inline-block;vertical-align:middle;width:84%;padding:10px}
.entry-symptom .symptom-list    {padding:0}
.entry-symptom .symptom-list a  {text-decoration:underline}
  @media only screen and (max-width:979px) {
  .entry-symptom .symptom-icon      {display:block;width:60%;padding:10px 0;margin:auto;text-align:center}
  .entry-symptom .symptom-icon img  {max-width:100px}
  .entry-symptom .symptom-text      {display:block;width:100%;padding:0 10px 20px}
  }

/*video*/
  @media only screen and (max-width:979px) {
  .entry .iframe-container video  {width:75%;max-width:75%;height:100%}
  }

/*bread*/
.bread                {width:100%;margin-bottom:5px;margin-top:0}
.bread-container      {max-width:1024px;padding:14px 0 10px;text-align:left}
.bread-container p    {font-size:90%}
.bread-container a    {text-decoration:underline}
  @media only screen and (max-width:979px) {
  .bread              {margin-bottom:0}
  .bread-container    {width:100%;padding:6px 10px;box-sizing:border-box}
  .bread-container p  {font-size:11px}
  }

/*nav-menu*/
.nav-menu              {width:100%;border-bottom:1px solid #dedede}
.nav-menu .nav-menu-list           {max-width:1024px;margin:auto;text-align:center}
.nav-menu .nav-menu-list li        {display:inline-block;vertical-align:middle;font-size:100%;margin:0 1em}
.nav-menu .nav-menu-list li a      {display:block;color:#000;padding:20px;text-decoration:none!important}
.male .nav-menu .nav-menu-list li,
.female .nav-menu .nav-menu-list li         {border-bottom:3px solid #fff}
.nav-menu .nav-menu-list li.active,
.nav-menu .nav-menu-list li:hover           {color:#000;font-weight:bold}
.male .nav-menu .nav-menu-list li.active,
.male .nav-menu .nav-menu-list li:hover     {color:#2b5faa;border-bottom:3px solid #2b5faa}
.female .nav-menu .nav-menu-list li.active,
.female .nav-menu .nav-menu-list li:hover   {color:#FF7C76;border-bottom:3px solid #FF7C76}
  @media only screen and (max-width:467px) {
  .nav-menu.mb25    {margin-bottom:0!important}
  .nav-menu .nav-menu-list           {width:100%;display:table;table-layout:fixed;height:100%}
  .nav-menu .nav-menu-list li        {display:table-cell;font-size:12px;;vertical-align:middle;min-height:100%}
  .nav-menu .nav-menu-list li a      {padding:8px 0 4px;line-height:1.5em;margin:0}
  }
  @media only screen and (min-width:468px) and (max-width:979px) {
  .nav-menu br    {display:none}
  .nav-menu.mb25    {margin-bottom:0!important}
  .nav-menu .nav-menu-list           {width:100%;display:table;table-layout:fixed;height:100%}
  .nav-menu .nav-menu-list li        {display:table-cell;font-size:12px;;vertical-align:middle;min-height:100%}
  .nav-menu .nav-menu-list li a      {padding:8px 0 4px;line-height:1.5em;margin:0}
  }

/* ----------------------------------------------------------
Home
---------------------------------------------------------- */
/*home*/
.home .title         {font-size:200%;font-weight:bold;line-height:1.45em;margin:0 auto 50px;text-align:center;min-width:400px;padding-bottom:25px;min-height:2px}
.home.male .title    {color:#2b5faa}
.home.female .title  {color:#FF7C76}
  @media only screen and (max-width:979px) {
  .home .title       {min-width:1px;font-size:150%;padding:0 10px 10px;box-sizing:border-box;margin:0 auto 25px}
  }

/*service*/
.service                {width:100%;padding-top:15px}
.service-list-container {width:49%}
.male .service-list-container.service01    {float:left;background-image:url(../img/male-service01.png);background-repeat:no-repeat!important}
.male .service-list-container.service02    {float:left;background-image:url(../img/male-service02.png);background-repeat:no-repeat!important}
.male .service-list-container.service03    {float:left;background-image:url(../img/male-service03.png);background-repeat:no-repeat!important}
.female .service-list-container.service01  {float:left;background-image:url(../img/female-service01.png);background-repeat:no-repeat!important}
.female .service-list-container.service02  {float:left;background-image:url(../img/female-service02.png);background-repeat:no-repeat!important}
.female .service-list-container.service03  {float:left;background-image:url(../img/female-service03.png);background-repeat:no-repeat!important}
.common .service-list-container.service01  {float:left;background-image:url(../img/common-service01.png);background-repeat:no-repeat!important}
.common .service-list-container.service02  {float:left;background-image:url(../img/common-service02.png);background-repeat:no-repeat!important}
.common .service-list-container.service03  {float:left;background-image:url(../img/common-service03.png);background-repeat:no-repeat!important}
.service-list    {background-color:rgba(0,0,0,0.5);box-sizing:border-box;padding:50px 40px;min-height:465px;height:465px}
.service-list p  {font-size:112%;color:#fff}
.service-list-container.service01 .service-list p  {padding-top:80px}
.service-list-container.service02 .service-list p,
.service-list-container.service03 .service-list p  {padding-top:110px}
.service-title   {font-size:140%;width:86%;margin:50px auto 0;display:block;text-align:center}
.service-title a {text-decoration:none; padding:30px; border:2px solid #000; color:#000; display:block; background-color:#fff;}
.service-caution {display:block;text-align:center}
.service-list-container-100per  {width:100%!important;box-sizing:border-box}
.service-list-container-100per .service-list  {background-color:rgba(0,0,0,0);padding:40px;min-height:200px;height:300px}
.service-list-container-100per.service01  {background-image:url(../img/common-service01.png);background-color:#59afd2;background-repeat:no-repeat!important}
.service-list-container-100per p   {width:60%;font-size:112%;color:#fff}
.service-list-container-100per a   {width:60%;text-decoration:none;padding:30px;border:2px solid #fff;color:#fff;display:block;cursor:pointer}
.common .service-list-container.service02  {float:left;background-image:url(../img/common-service02.png);background-repeat:no-repeat!important}
.common .service-list-container.service03  {float:right;background-image:url(../img/common-service03.png);background-repeat:no-repeat!important}
.common .service-list-container.service03 .service-title a   {background:#2b5faa;border-color:#2b5faa;color:#fff}
.common .service-list-container.service02 .service-title a   {background:#ff7c76;border-color:#ff7c76;color:#fff}
  @media only screen and (max-width:979px) {
  .service         {margin-bottom:15px}
  .service-container       {padding:0}
  .service-container.mt25  {margin-top:0}
  .service-list-container  {width:100%;margin:5px auto;background-size:cover}
  .male .service-list-container.service02    {background-position:50% 50%}
  .male .service-list-container.service03    {background-position:50% 0%}
  .female .service-list-container.service02  {background-position:50% 50%}
  .female .service-list-container.service03  {background-position:50% 0%}
  .common .service-list-container.service01  {background-position:50% 50%}
  .common .service-list-container.service02  {background-position:50% 50%}
  .service-list    {padding:20px;min-height:1px;height:auto}
  .service-list p  {font-size:100%;line-height:1.5em}
  .service-list-container.service01 .service-list p,
  .service-list-container.service02 .service-list p,
  .service-list-container.service03 .service-list p  {padding-top:10px}
  .service-title   {font-size:120%;width:100%;margin:25px auto 15px}
  .service-title a {padding:20px}
  .service-caution {font-size:80%}
  .service-caution.mt25 {margin-top:5px!important}
  .common .service-list-container.service02  {float:none}
  .common .service-list-container.service03  {float:none}
  .service-list-container-100per  {width:100%!important}
  .service-list-container-100per .service-list  {background-color:rgba(0,0,0,0.5);padding:20px;min-height:1px;height:auto}
  .service-list-container-100per.service01  {background-image:url(../img/common-sp-service01.png);background-position:50% 70%}
  .service-list-container-100per p   {width:100%;font-size:100%;line-height:1.5em}
  .service-list-container-100per a   {width:100%;padding:20px}
  }

/*news*/
.news                             {width:100%;padding-bottom:50px;box-sizing:border-box}
.news .section-container          {border:none;padding:0;box-sizing:border-box}
.news .section-container .title   {margin-bottom:25px}
.news-list                        {padding:12px 0;margin:0;font-size:105%;border-bottom:1px dotted #dedede}
.home .news .section-container    {border:1px solid #dedede;padding:50px 50px 30px;box-sizing:border-box}
.home .news-list        {padding:6px 0;border:none}
.news-list dt           {width:18%;display:inline-block;vertical-align:top;font-weight:normal}
.news-list dd           {width:81%;display:inline-block;vertical-align:top}
.news-list a            {color:#000;text-decoration:none}
.news-list a:hover,
.home .news-list a      {text-decoration:underline}
.news .view-all         {font-size:95%;margin:0.5em 0 0;text-align:right!important}
.news .view-all a       {text-decoration:underline}
.male .news .view-all i.fa      {color:#9DBFE9}
.female .news .view-all i.fa    {color:#FFB0AD}
.common .news .view-all i.fa    {color:#8CDCE4}
.news .meta-data-list .date     {color:#777}
.news .meta-data-list .date i   {padding-right:0.5em}
.news .news-category-list       {float:right}
ul.news-category-list li        {list-style-type: none !important;}
  @media only screen and (max-width:467px) {
  .news                     {padding:0 10px}
  .home .news               {margin-bottom:15px}
  .news .section-container  {padding:20px}
  .single-blog .section-container,
  .single-news .section-container  {padding:20px 0}
  .news-list                {padding:10px 0;margin:0}
  .home .news .section-container  {padding:20px}
  .home .news-list          {padding:10px 0;font-size:100%}
  .news-list dt ,
  .news-list dd             {width:100%;display:block;font-size:90%}
  .news .view-all           {font-size:85%}
  .news .view-all a         {text-decoration:underline}
  .news .news-category-list {float:none}
  }
  @media only screen and (min-width:468px) and (max-width:979px) {
  .news                     {padding:0 10px}
  .home .news               {margin-bottom:15px}
  .news .section-container  {padding:20px}
  .single-blog .section-container,
  .single-news .section-container  {padding:20px 0}
  .news-list                {padding:10px 0;margin:0}
  .home .news .section-container  {padding:20px}
  .home .news-list          {padding:2px 0;font-size:100%}
  .news-list dt             {width:18%;display:inline-block;vertical-align:top;font-weight:normal;font-size:90%}
  .news-list dd             {width:81%;display:inline-block;vertical-align:top;font-size:90%}
  .news .view-all           {font-size:85%}
  .news .view-all a         {text-decoration:underline}
  .news .news-category-list {float:none}
  }

/*sns*/
.sns_btn_box{margin:25px auto;padding:0 0 25px }
.sns_btn{display:inline;position:relative;font-family:Arial;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;color:white;border-radius:5px;padding:10px 20px;color:#fff!important}
.facebook{background-color:#2e4a88;box-shadow:0 4px 0 #1b3d82}
.facebook:active{top:2px;box-shadow:0 2px 0 #1b3d82}.facebook:hover{background-color:#354f84;color:#FFF}.twitter{background-color:#008dde;box-shadow:0 4px 0 #0078bd}.twitter:active{top:2px;box-shadow:0 2px 0 #0078bd}.twitter:hover{background-color:#1397d8;color:#FFF}.google{background-color:#cc3622;box-shadow:0 4px 0 #ba2714}.google:active{top:2px;box-shadow:0 2px 0 #ba2714}.google:hover{background-color:#d04829;color:#FFF}
.hatebu{background-color:#5279e7;box-shadow:0 4px 0 #395fca}
.hatebu:active{top:2px;box-shadow:0 2px 0 #395fca}
.hatebu:hover{background-color:#5982f5;color:#FFF}
.fa-hatebu:before{content:"B!";font-weight:bold}
.pocket{background-color:#ef4056;box-shadow:0 4px 0 #ac2a3b}
.pocket:active{top:2px;box-shadow:0 2px 0 #ac2a3b}
.pocket:hover{background-color:#f55367;color:#FFF}
.line{background-color:#50c900;padding-left:10px!important;padding-right:10px!important;box-shadow:0 4px 0 #3e9802}
.line:active{top:2px;box-shadow:0 2px 0 #3e9802}
.line:hover{background-color:#3e9802;color:#FFF}
.fa-line:before{content:"LINE";font-weight:bold}
  @media only screen and (max-width:979px) {
  .sns_btn{padding:10px 20px}
  }

/*about*/
.about            {width:100%;background:#EFEFEF;border-bottom:1px solid #ccc;padding-top:25px}
.about .title     {margin-bottom:5px}
.about-list       {width:49%;margin-bottom:10px}
.about-list a     {text-decoration:none}
/*.about-list:nth-child(odd)  {float:left}*/
/*.about-list:nth-child(even) {float:right}*/
/* 2023/02/01 追記 */
.about .clearfix:before {
  content: none;
}
.about-list {
  margin-top: 0;
}
@media only screen and (min-width: 468px) {
  .about-list-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 2%;
  } 
}
@media only screen and (min-width: 467px) { 
  .about-list-container .about-list {
    width: auto;
  }
}
/* /2023/02/01 追記 */
.about-title      {color:#fff;padding:36px 20px;font-size:140%;line-height:1.25em}
.male .about-title         {background:#4b77b7}
.female .about-title       {background:#FF9691}
.common .about-title       {background:#00B1C3}
.about-title span          {display:block;min-height:36px}
.about-list.list01 .about-title,
.about-list.list08 .about-title {padding:27px 30px }
.about-body       {padding:20px;background:#fff;min-height:430px;box-sizing:border-box}
.about-list p     {padding-bottom:35px;color:#000;font-size:98%!important;line-height:1.65em}
  @media only screen and (max-width:467px) {
  .about-list         {width:100%}
  .about-list:nth-child(odd),
  .about-list:nth-child(even) {float:none}
  .about-title,
  .about-list.list01 .about-title,
  .about-list.list08 .about-title  {padding:16px 10px;font-size:115%;line-height:1.25em}
  .about-title span  {min-height:1px;font-weight:bold!important}
  .about-body        {padding:10px;min-height:1px}
  .about-list a p    {font-size:90%;line-height:1.45em}
  .about-list p      {padding-bottom:15px}
  .about-img,
  .about-img img    {text-align:center!important;margin:auto!important}
  }
  @media only screen and (min-width:468px) and (max-width:979px) {
  .about-list       {width:49%;margin-bottom:10px;min-height:600px}
  .about-list a     {text-decoration:none}
  .about-list:nth-child(odd)  {float:left}
  .about-list:nth-child(even) {float:right}
  .male .about-title         {background:#4b77b7}
  .female .about-title       {background:#FF9691}
  .common .about-title       {background:#00B1C3}
  .about-title,
  .about-list.list01 .about-title,
  .about-list.list08 .about-title {color:#fff;padding:36px 20px;font-size:140%;line-height:1.25em}
  .about-title span          {display:block;min-height:40px}
  .about-body       {padding:20px;background:#fff;min-height:430px;box-sizing:border-box}
  .about-list p     {padding-bottom:35px;color:#000;font-size:98%!important;line-height:1.65em}
  }

/*flow*/
.flow              {width:100%;background:#EFEFEF;border-top:1px solid #fff;padding-top:25px;margin-top:-50px}
.flow-list         {background:#fff;padding:50px;margin-top:-30px}
.flow-step         {float:left;width:15%}
.flow-text         {float:right;width:83%}
.flow-text p       {padding-top:15px;font-size:130%;line-height:1.75em;text-align:justify}
.flow-list.list02 .flow-text p   {padding-top:55px}
.flow-list.list03 .flow-text p   {padding-top:40px}
.flow-img          {margin:15px auto 0;text-align:center}
.flow-img-line     {display:inline-block}
.flow-img-qr       {display:inline-block}
.flow-img-line a   {display:block;background:#00BB00;padding:40px 80px}
.flow-arrow        {z-index:101;margin:-20px auto 20px;text-align:center}
  @media only screen and (max-width:467px) {
  .home .flow        {margin:0!important}
  .flow .title       {margin-bottom:50px}
  .flow-list         {padding:40px 20px }
  .flow-step         {float:none;width:30%;text-align:center;margin-bottom:1em}
  .flow-text         {float:none;width:100%}
  .flow-text p       {font-size:85%;line-height:1.35em}
  .flow-list.list02 .flow-text p ,
  .flow-list.list03 .flow-text p   {padding-top:0}
  .flow-img-line    ,
  .flow-img-qr       {display:none}
  .flow-img-line a   {padding:20px 40px}
  }
  @media only screen and (min-width:468px) and (max-width:979px) {
  .home .flow        {margin:0!important}
  .flow .title       {margin-bottom:50px}
  .flow-list         {padding:40px 20px }
  .flow-text p       {font-size:85%;line-height:1.35em}
  .flow-list.list02 .flow-text p ,
  .flow-list.list03 .flow-text p   {padding-top:35px}
  .flow-img-qr       {display:none}
  .flow-img-line a   {padding:20px}
  .flow-arrow        {z-index:101;margin:-10px auto 10px}
  }

/*symptom*/
.symptom              {border-bottom:1px solid #dedede}
.male .symptom        {width:100%;background:url(../img/male-symptom-bg.png) 50% 30% no-repeat}
.female .symptom      {width:100%;background:url(../img/female-symptom-bg.png) 50% 30% no-repeat}
.common .symptom      {width:100%;background:url(../img/common-symptom-bg.png) 50% 30% no-repeat}
.symptom .section-container {padding-bottom:0}
.symptom .title             {margin-bottom:5px}
.symptom-list               {width:100%;padding:100px 0 75px}
.symptom-list.male,
.symptom-list.female          {float:none}
.common .symptom-list         {width:50%;padding:100px 0 25px}
.common .symptom-list.male,
.common .symptom-list.female  {float:left}
.symptom-menu                 {float:left;width:23.75%;margin:5px}
.home.male .symptom-menu      {float:left;width:15.5%;margin:5px}
.home.female .symptom-menu    {float:left;width:15.5%;margin:5px}
.home .common .symptom-menu   {float:left;width:31.3333%;margin:5px}
.symptom-list h3          {text-align:center;;font-size:140%;margin:0 auto 1em}
.symptom-menu a           {text-decoration:none;display:block;background:rgba(255,255,255,0.65);padding:20px 10px;box-sizing:border-box;text-align:center}
.symptom-menu-icon img    {margin:1em auto}
.symptom-menu-title       {font-size:100%;display:block;vertical-align:middle;min-height:40px}
.symptom-list.male .symptom-menu a          {border:1px solid #9EC6EB}
.symptom-list.male .symptom-menu-title      {color:#9EC6EB;font-weight:bold!important}
.symptom-list.female .symptom-menu a        {border:1px solid #FF908B}
.symptom-list.female .symptom-menu-title    {color:#FF908B;font-weight:bold!important}
  @media only screen and (max-width:467px) {
  .home .symptom            {margin:0!important}
  .male .symptom            {background-image:none}
  .female .symptom          {background-image:none}
  .common .symptom          {background-image:none}
  .symptom-list-container   {width:100%}
  .symptom-list             {padding:0 0 25px}
  .common .symptom-list     {width:100%;padding:25px 0}
  .symptom-menu a           {padding:10px 5px}
  .symptom-menu-title       {font-size:88%!important;min-height:50px}
  .symptom-list.male,
  .symptom-list.female,
  .common .symptom-list.female {float:none}
  .symptom-menu,
  .home.male .symptom-menu,
  .home.female .symptom-menu,
  .home .common .symptom-menu   {float:left;width:30.5%;margin:5px}
  .symptom-menu-icon img        {max-width:50px}
  }
  @media only screen and (min-width:468px) and (max-width:979px) {
  .home .symptom            {margin:0!important}
  .symptom-list-container   {width:100%}
  .symptom-list             {padding:0 0 25px}
  .common .symptom-list     {width:100%;padding:25px 0}
  .symptom-menu a           {padding:10px 5px}
  .symptom-menu-title       {font-size:88%!important;min-height:50px}
  .symptom-list.male,
  .symptom-list.female,
  .common .symptom-list.female {float:none}
  .symptom-menu,
  .home.male .symptom-menu,
  .home.female .symptom-menu,
  .home .common .symptom-menu   {float:left;width:18.95%;margin:2.5px}
  .symptom-menu-icon img        {max-width:50px}
  }

/*venereal*/
.venereal                       {position:relative}
.home.male .venereal            {width:100%;background:url(../img/male-venereal-bg.png) 50% 10% no-repeat}
.home.female .venereal          {width:100%;background:url(../img/female-venereal-bg.png) 50% 10% no-repeat}
.home .common .venereal         {width:100%;background:url(../img/common-venereal-bg.png) 50% 10% no-repeat}
.venereal .section-container    {padding-bottom:40px}
.venereal .title                {margin-bottom:5px}
.home .common .venereal-list-container      {max-width:1024px}
.venereal-list                  {width:100%;padding:50px 0}
.venereal-list.male ,
.venereal-list.female           {float:none}
.home .common .venereal-list    {width:50%;padding:50px 0 0}
.home .common .venereal-list.male ,
.home .common .venereal-list.female {float:left}
.venereal-menu                  {float:left;width:23.5%;margin:5px}
.home.male .venereal-menu       {float:left;width:15.5%;margin:5px}
.home.female .venereal-menu     {float:left;width:15.5%;margin:5px}
.home .common .venereal-menu    {float:left;width:31.3333%;margin:5px}
.venereal-list h3               {text-align:center;;font-size:140%;margin:0 auto 1em}
.venereal-menu a                {text-decoration:none;display:block;padding:20px 10px;box-sizing:border-box;text-align:center}
.male .venereal-menu a          {background:rgba(174,207,238,1)}
.female .venereal-menu a        {background:rgba(255,176,173,1)}
.venereal-menu-icon img         {margin:1em auto}
.venereal-menu-title            {color:#fff;font-size:98%!important;display:block;vertical-align:middle;min-height:40px;font-weight:bold!important}
  @media only screen and (max-width:467px) {
  .home .venereal               {margin:0!important}
  .home .common .venereal-list-container      {width:100%}
  .venereal-list-container      {width:100%}
  .venereal-list                {padding:0}
  .home .common .venereal-list  {width:100%;padding:25px 0}
  .venereal-menu a              {padding:10px 5px}
  .venereal-menu-title          {font-size:88%!important;min-height:50px}
  .venereal-list.male,
  .venereal-list.female,
  .common .venereal-list.female {float:none}
  .venereal-menu,
  .home.male .venereal-menu,
  .home.female .venereal-menu ,
  .home .common .venereal-menu  {float:left;width:30.5%;margin:5px}
  .venereal-menu-icon img       {max-width:50px}
  }
  @media only screen and (min-width:468px) and (max-width:979px) {
  .home .venereal               {margin:0!important}
  .home .common .venereal-list-container      {width:100%}
  .venereal-list-container      {width:100%}
  .venereal-list                {padding:0}
  .home .common .venereal-list  {width:100%;padding:25px 0}
  .venereal-menu a              {padding:10px 5px}
  .venereal-menu-title          {font-size:88%!important;min-height:50px}
  .venereal-list.male,
  .venereal-list.female,
  .common .venereal-list.female {float:none}
  .venereal-menu,
  .home.male .venereal-menu,
  .home.female .venereal-menu ,
  .home .common .venereal-menu  {float:left;width:18.95%;margin:2.5px}
  .venereal-menu-icon img       {max-width:50px}
  }

/*price*/
.section.block .nav-menu {margin-top:-1em!important}
.section.block .nav-menu {padding:1em 0;border-bottom:none!important}
.male .section.block .nav-menu li a {padding:0.5em 3em!important;background:#4b77b7!important;border-radius:20px;color:#fff}
.female .section.block .nav-menu li a {padding:0.5em 3em!important;background:#ff908b!important;border-radius:20px;color:#fff}
.section.block .nav-menu li   {border-bottom:none!important;margin:0 0.25em!important;}
.section.block .nav-menu li:hover ,
.section.block .nav-menu li:focus {border-bottom:none!important;margin:0 0.25em!important;font-weight:normal;}
.section.block h3 {outline:none}
@media only screen and (max-width:979px)  {
.section.block .nav-menu  {text-align:center;margin:auto}
.male .section.block .nav-menu li a,
.female .section.block .nav-menu li a {padding:0.5em 1em!important;width: 90%;text-align:center;margin:auto}
.section.block .nav-menu li,
.section.block .nav-menu li:hover ,
.section.block .nav-menu li:focus    {margin:0 1em!important;}
}

/* ----------------------------------------------------------
AGA
---------------------------------------------------------- */
.male-aga02 {width:50%;float:left}
.male-aga03 {width:50%;float:right}
.male-aga02 img,
.male-aga03 img {max-width:100%;margin:auto;text-align:center}
  @media only screen and (max-width:467px) {
  .male-aga02,
  .male-aga03    {float:none;width:100%;margin:0.26em auto;text-align:center}
  }
  @media only screen and (min-width:468px) and (max-width:979px) {
  .male-aga02 {width:50%;float:left}
  .male-aga03 {width:50%;float:right}
  }

/* ----------------------------------------------------------
Smoking Cessation
---------------------------------------------------------- */
.xlarge {font-size:134%}
strong.blue {color:#2B5FAA}

/*smokingcessation*/
.male .smokingcessation-mv    {width:100%;margin:auto;text-align:center;min-height:320px;background-color:#F4F7FB}
.female .smokingcessation-mv  {width:100%;margin:auto;text-align:center;min-height:320px;background-color:#FFF8F8}
.smokingcessation .introduction    {margin-bottom:25px}
.smokingcessation .introduction h1 {font-size:160%;font-weight:600;margin:0}
.smokingcessation .introduction p  {margin:0.5em;text-decoration:underline}
.smokingcessation .entry-check-small .entry-check-list   {padding:10px 20px}
.smokingcessation .entry-check-small li  {padding:5px 10px 5px 25px;font-size:120%;line-height:1.5em}
.male .smokingcessation .entry-check-small li     {min-width:21px;min-height:18px;background:url(../img/male-icon-check-s.png) 0 50% no-repeat}
.female .smokingcessation .entry-check-small li   {min-width:21px;min-height:18px;background:url(../img/female-icon-check-s.png) 0 50% no-repeat}
.male .smokingcessation-subtitle    {color:#2B5FAA;background:#dbe9fb;font-weight:bold;padding:20px 10px!important;margin:0!important;font-size:180%!important}
.female .smokingcessation-subtitle  {color:#ff534b;background:#fee4e4;font-weight:bold;padding:20px 10px!important;margin:0!important;font-size:180%!important}
.entry-summary-block.small          {margin:0 0 0.25em!important;text-align:center;display:block;font-size:100%}
.smokingcessation-subtitle .yen     {color:#ff0000;margin-left:0.5em}
.smokingcessation-caution           {color:#555;font-size:8pt}
.smokingcessation-caution.right     {text-align:right;display:block;line-height:10pt}
.male .smokingcessation-merit       {border:2px solid #2B5FAA}
.female .smokingcessation-merit     {border:2px solid #d13d3d}
.male .smokingcessation-merit h2    {background:#2B5FAA;color:#fff;padding:20px;font-weight:600}
.female .smokingcessation-merit h2  {background:#d13d3d;color:#fff;padding:20px;font-weight:600}
.smokingcessation-merit-body .entry-check-list          {background:#fff;padding:10px 20px}
.smokingcessation-merit-body .entry-check-list li       {font-weight:600;font-size:140%;padding:16px 36px}
.smokingcessation-merit-body .entry-check-list li small {font-weight:normal;font-size:80%}
.smokingcessation01,
.smokingcessation02  {width:372px;display:inline}

.smokingcessation-price {padding:20px;border:1px solid #dedede;margin:5px 20px;font-size:110%}

@media only screen and  (max-width:979px) {
.male .smokingcessation-mv    {width:100%;margin:auto;text-align:center;min-height:1px;background-color:#F4F7FB}
.female .smokingcessation-mv  {width:100%;margin:auto;text-align:center;min-height:1px;background-color:#FFF8F8}
.smokingcessation .introduction h1 {font-size:140%}
.smokingcessation-subtitle {font-size:155%}
.smokingcessation .entry-check-small li  {font-size:100%;line-height:1.345em}
.smokingcessation-subtitle  {text-align:center!important}
.male .smokingcessation-subtitle ,
.female .smokingcessation-subtitle  {font-size:155%!important;padding:10px 0!important}
.smokingcessation-subtitle .yen     {display:block;margin-left:0}
.smokingcessation-subtitle .sub     {display:block;font-size:10pt!important;padding:0.25em 0}
.entry-summary-block.small          {display:block;font-size:10pt!important;padding:0}
.male .entry-summary-container ,
.female .entry-summary-container  {padding-top:15px}
.smokingcessation01,
.smokingcessation02  {width:100%;display:block;margin:2.5px auto}
.smokingcessation-caution.righ  {line-height:1em!important;display:block}
.male .smokingcessation-merit h2 ,
.female .smokingcessation-merit h2  {font-size:155%!important}
.smokingcessation-merit-body .entry-check-list      {background:#fff;padding:10px}
.smokingcessation-merit-body .entry-check-list li   {padding:11px 16px 11px 36px;font-size:115%}
.smokingcessation-merit-body .entry-check-list li small {font-weight:normal;font-size:9pt}

.smokingcessation-price {padding:10px;font-size:100%}
}

/* ----------------------------------------------------------
Page
---------------------------------------------------------- */
/*flow*/
.inquiry              {width:100%;background:#fff;margin-top:50px}
.inquiry-line         {margin-top:-50px}
.inquiry-list         {background:#fff;padding:30px;border:1px solid #dedede;width:49%}
.inquiry-list.list01  {float:left}
.inquiry-list.list02  {float:right}
.inquiry-title        {font-size:170%;font-weight:bold;text-align:center;padding:25px 0}
.inquiry-text         {width:100%}
.inquiry-text p       {font-size:100%;line-height:1.75em;text-align:center}
.inquiry-img          {text-align:center}
.inquiry-img-qr       {margin:15px auto 0;display:inline-block}
.inquiry-img-line     {margin:45px auto 23px;display:inline-block}
.inquiry-img-line a   {display:block;background:#00BB00;padding:20px 30px}
  @media only screen and (max-width:979px) {
  .inquiry              {margin-top:auto}
  .inquiry .title       {margin-bottom:50px}
  .inquiry-list         {width:100%;padding:14px;margin:0.5em auto;border-left:none;border-right:none}
  .inquiry-step         {float:none;width:30%;text-align:center;margin-bottom:1em}
  .inquiry-title        {font-size:140%}
  .inquiry-text         {float:none;width:100%}
  .inquiry-text p       {font-size:85%;line-height:1.35em}
  .inquiry-list.list01 ,
  .inquiry-list.list02  {float:none}
  .inquiry-img-qr       {margin:10px auto 0;display:block}
  .inquiry-img-line     {margin:20px auto 0;display:block}
  .inquiry-img-line a   {padding:10px 40px}
  }

/*comparison*/
.table.comparison {font-size:90%}
.table.comparison thead th  {border:1px solid #dedede!important;font-weight:normal;padding:18px 10px!important}
.table.comparison thead td,
.table.comparison tbody th,
.table.comparison tbody td  {border:1px solid #dedede!important;font-weight:normal;padding:10px!important}
.table.comparison thead th  {background:#f7f7f7;text-align:center;font-weight:bold;vertical-align:middle!important}
.table.comparison .price    {display:block;text-align:left;padding-left:1em}

/*page-flow
.page-flow              {width:100%;background:#fff}
.page-flow-list         {background:#fff;padding:40px;border:1px solid #dedede}
.page-flow-step         {float:left;width:15%}
.page-flow-text         {float:right;width:83%}
.page-flow-text p       {padding-top:15px;font-size:130%;line-height:1.75em;text-align:justify}
.page-flow-list.list02 .page-flow-text p   {padding-top:35px}
.page-flow-list.list03 .page-flow-text p   {padding-top:20px}
.page-flow-img          {margin:15px auto 0;text-align:center}
.page-flow-img-line,
.page-flow-img-qr       {display:inline-block;vertical-align:middle}
.page-flow-img-line a   {display:block;background:#00BB00;padding:40px 80px}
.page-flow-arrow        {z-index:101;margin:-20px auto -10px;text-align:center}
  @media only screen and (max-width:467px) {
  .page-flow              {margin-top:auto}
  .page-flow .title       {margin-bottom:50px}
  .page-flow-list         {padding:40px 20px }
  .page-flow-step         {float:none;width:30%;text-align:center;margin-bottom:1em}
  .page-flow-text         {float:none;width:100%}
  .page-flow-text p       {font-size:85%;line-height:1.35em}
  .page-flow-list.list02 .page-flow-text p ,
  .page-flow-list.list03 .page-flow-text p   {padding-top:0}
  .page-flow-img-line    ,
  .page-flow-img-qr       {display:block}
  .page-flow-img-line a   {padding:20px 40px}
  }
  @media only screen and (min-width:468px) and (max-width:979px){
  .page-flow-text p       {padding-top:15px;font-size:100%;line-height:1.5em}
  .page-flow-list.list02 .page-flow-text p   {padding-top:35px}
  .page-flow-list.list03 .page-flow-text p   {padding-top:25px}
  .page-flow-img-line a   {padding:20px}
  }
*/
/*online*/
.online-btn         {margin-top:0}
.online-btn a       {display:block;padding:35px 10px!important;background:#00bb00}
.online-btn a img   {max-width:150px}
.online-caution     {padding:12px!important}
.online-caution p   {font-size:11pt!important;line-height:1.45em!important}
  @media only screen and (max-width:467px) {
  .online-btn     {margin:10px auto;text-align:center}
  .online-btn a   {width:100%!important;padding:5px 50px!important;display:block!important;margin:auto}
  }
  @media only screen and (min-width:468px) and (max-width:979px) {
  .online-btn     {margin:15px auto;text-align:center}
  .online-btn a   {width:75%!important;padding:10px 50px!important;display:block!important;margin:auto}
  }

/*page-flow*/
.page-flow              {width:100%;background:#fff}
.page-flow .entry-flow-list     {margin-top:25px}
.page-flow-list         {background:#fff;padding:40px;border:1px solid #dedede}
.page-flow-step         {display:inline-block;vertical-align:top;width:17%}
.page-flow-step img     {max-width:100px}
.page-flow-text         {display:inline-block;vertical-align:top;width:81%}
.page-flow-text p       {padding-top:5px;font-size:130%;line-height:1.75em;text-align:justify}
.page-flow .list02 .page-flow-text p   {padding-top:35px}
.page-flow .list03 .page-flow-text p   {padding-top:20px}
.page-flow-img          {margin:15px auto 0;text-align:center}
.page-flow-img-line,
.page-flow-img-qr       {display:inline-block;vertical-align:middle}
.page-flow-img-qr img   {max-width:140px}
.page-flow-img-line a   {display:block;background:#00BB00;padding:40px 40px}
.page-flow-arrow        {z-index:101;margin:5px auto;text-align:center}
  @media only screen and (max-width:467px) {
  .page-flow              {margin-top:auto}
  .page-flow .entry-flow-list     {margin-top:0}
  .page-flow .title       {margin-bottom:50px}
  .page-flow-list         {padding:10px;border-left:none;border-right:none}
  .page-flow-step         {width:15%}
  .page-flow-text         {width:83%}
  .page-flow-step img     {max-width:40px}
  .page-flow-text p       {padding-top:0;font-size:85%;line-height:1.5em}
  .page-flow .list02 .page-flow-text p   {padding-top:0}
  .page-flow .list03 .page-flow-text p   {padding-top:0}
  .page-flow-img-line    ,
  .page-flow-img-qr       {display:block}
  .page-flow-img-line a   {padding:10px 20px}
  .page-flow-img-line img {max-width:140px}
  .page-flow-arrow img    {max-width:140px}
  }
  @media only screen and (min-width:468px) and (max-width:979px){
  .page-flow              {width:100%;background:#fff}
  .page-flow .entry-flow-list     {margin-top:25px}
  .page-flow-list         {background:#fff;padding:40px;border:1px solid #dedede}
  .page-flow-step         {width:13%}
  .page-flow-text         {width:85%;text-align:left}
  .page-flow-step img     {max-width:70px}
  .page-flow-text p       {padding-top:0;font-size:120%;line-height:1.75em;text-align:justify}
  .page-flow .list02 .page-flow-text p   {padding-top:25px}
  .page-flow .list03 .page-flow-text p   {padding-top:10px}
  .page-flow-img          {margin:15px auto 0;text-align:center}
  .page-flow-img-qr       {display:none}
  .page-flow-img-line a   {display:block;background:#00BB00;padding:16px 100px}
  .page-flow-arrow        {z-index:101;margin:5px auto;text-align:center}
  }

/*access*/
.access-root-list     {border-bottom:1px dotted #aa8776;padding:20px 0}
.access-root-list:nth-last-child(1)   {border-bottom:none;padding-bottom:0}
.access-root-text     {float:left;color:#40220f;width:50%}
.access-root-img      {float:right}
.access-root-img img  {margin-bottom:1em}
.access-root-arrow    {text-align:center;;margin:-15px auto 0}
  @media only screen and (max-width:979px) {
  .access-root-list     {padding:14px 0}
  .access-root-text     {float:none;width:100%;font-size:96%;line-height:1.65em;margin-bottom:15px}
  .access-root-img      {float:none;text-align:center:margin:auto}
  .access-root-img img  {margin:auto auto 1em;text-align:center;display:block}
  .access-root-arrow    {text-align:center;;margin:-15px auto 0}
  }

/*clinic*/
.clinic-images-container        {width:100%;margin:auto}
.clinic-images-list             {width:100%;margin:auto;text-align:center}
.clinic-images-list li          {width:49.5%;margin:10px auto}
.clinic-images-list li:nth-child(odd)   {float:left}
.clinic-images-list li:nth-child(even)  {float:right}
.clinic-images-list li img      {max-width:100%}
.doctor-list                    {width:47%;font-size:96%;margin-bottom:50px}
.doctor-list:nth-child(odd)     {float:left}
.doctor-list:nth-child(even)    {float:right}
.doctor-list.doctor03           {clear:both}
.doctor-list .name              {font-size:130%!important}
.doctor-list .name small        {display:inline-block;font-size:80%}
.doctor-list .name.border       {border-bottom:1px solid #dedede;padding-bottom:0.5em}
 @media only screen and (max-width:979px) {
  .clinic img.alignright    {display:block;margin:25px auto}
  .doctor-list-container        {padding-bottom:50px}
  .doctor-list                  {width:100%}
  .doctor-list:nth-child(odd)   {float:none;margin-bottom:50px}
  .doctor-list:nth-child(even)  {float:none;margin-bottom:0}
  }

/*sitemap*/
.sitemap .entry-detail.border   {padding-top:10px;padding-bottom:20px}
.sitemap-list                   {display:inline-block;vertical-align:top;margin:auto;text-align:center;padding:25px;width:49%}
.sitemap-list li.sitemap-title  {font-weight:bold!important;font-size:100%;margin-left:-1em}
.sitemap-list li                {display:block;text-align:left;padding:5px 0}
.sitemap-list li a              {display:block;position:relative;line-height:1.55em;font-size:100%;text-decoration:underline;color:#000}
.sitemap-list li a:before       {position:absolute;top:0.15em;left:-12px;content:'\f054';color:#ccc;font-size:80%;font-family:fontAwesome}
  @media only screen and (max-width:979px) {
  .sitemap .entry-detail.border           {padding:0;border:none!important;margin:auto}
  .sitemap-list                           {display:block;padding:0 20px;box-sizing:border-box;width:100%}
  .sitemap-list:nth-last-child(1)         {border-bottom:none}
  .sitemap-list li.sitemap-title.blank    {display:none}
  .sitemap-list li.sitemap-title          {margin-top:25px}
  .sitemap-list li.sitemap-title:first-child {margin-top:14px}
  }

/* ----------------------------------------------------------
Noentry
---------------------------------------------------------- */
/*noentry*/
.noentry .button-box    {display:block;width:40%;text-align:center;margin:50px auto 100px}
.noentry .entry p       {text-align:center}
  @media only screen and (max-width:467px) {
  .noentry .button-box  {width:90%}
  }
  @media only screen and (min-width:468px) and (max-width:979px) {
  .noentry .button-box  {width:40%}
  }

/* ----------------------------------------------------------
Sidebar
---------------------------------------------------------- */
/*sidebar-menu*/
.sidebar-title                {color:#fff;font-size:120%;line-height:1.45em;padding:14px}
.male .sidebar-title          {background:#4b77b7}
.female .sidebar-title        {background:#FF7C76}
.common .sidebar-title        {background:#8CDCE4}
.sidebar-container            {margin-bottom:15px}
.sidebar-menu-list-container  {border:1px solid #dedede;border-top:none;background:#fff}
.sidebar-menu-list li         {padding:12px 30px 12px 14px;border-bottom:1px solid #dedede}
.sidebar-menu-list li:nth-last-child(1) {border-bottom:none}
.sidebar-menu-list li a       {display:block;color:#000;line-height:1.35em!important;position:relative;font-size:95%;text-decoration:none}
.sidebar-menu-list li a:after {position:absolute;top:35%;right:-20px;content:'\f054';color:#ccc;font-size:60%;line-height:normal;font-family:fontAwesome}
  @media only screen and (max-width:979px) {
  .sidebar-menu-list-container  {margin-bottom:-15px;border-left:none;border-right:none}
  }

/*sidebar-banner-list*/
  @media only screen and (max-width:979px) {
  .sidebar-banner-list img {max-width:350px;text-align:center;margin:auto}
  }

/* ----------------------------------------------------------
Footer
---------------------------------------------------------- */
/*footer-inquiry*/
.footer-inquiry                     {width:100%;background:#EFEFEF}
.footer-inquiry .section-container  {max-width:1024px;padding:50px 0}
.footer-inquiry-list          {box-sizing:border-box;border:1px solid #dedede;padding:40px 20px 20px;background:#fff;width:49%}
.footer-inquiry-list.online   {float:left}
.footer-inquiry-list.visit    {float:right}
.footer-inquiry-title         {font-weight:bold;font-size:180%;text-align:center;margin:25px auto}
.footer-inquiry-title span    {display:block;line-height:2}
.footer-inquiry-list p        {text-align:center;font-size:118%;line-height:1.35em;margin:1em auto 1.5em}
.footer-inquiry-btn a         {display:block;text-align:center;font-size:140%;color:#fff;padding:44px 10px;text-decoration:none;margin-bottom:1em;font-weight:bold}
.male .footer-inquiry-list.visit .footer-inquiry-btn a    {background:#2b5faa}
.female .footer-inquiry-list.visit .footer-inquiry-btn a  {background:#ff7c76}
.common .footer-inquiry-list.visit .footer-inquiry-btn a  {background:#00B1C3}
.male .footer-inquiry-list.online .footer-inquiry-btn a ,
.female .footer-inquiry-list.online .footer-inquiry-btn a,
.common .footer-inquiry-list.online .footer-inquiry-btn a {background:#00bb00}
.footer-inquiry-btn i           {float:right;margin-right:10px}/*
.footer-inquiry-line            {border:1px solid #dedede;padding:20px;background:#fff}
.common .footer-inquiry-line    {padding:42px 20px}*/
.footer-inquiry-line-text       {width:66%;display:inline-block;vertical-align:middle;font-size:86%;line-height:1.5em}
.footer-inquiry-line-qr         {width:32%;display:inline-block;vertical-align:middle;text-align:right}
.footer-inquiry-line-qr img     {width:120px;text-align:right}
.footer-inquiry-tel             {border:1px solid #dedede;padding:20px 10px;background:#fff;text-align:center}
.footer-inquiry-tel-text        {width:100%;display:block;font-size:90%;line-height:1.5em}
.footer-inquiry-tel-img         {width:100%;display:block;text-align:center;margin:0.85em auto}
.footer-inquiry-tel-img .female-tel ,
.footer-inquiry-tel-img .male-tel {margin:0.25em 0!important}
.footer-inquiry-tel-comment     {width:100%;display:block;font-size:86%;line-height:1.5em}
.footer-access-container        {box-sizing:border-box;border:1px solid #dedede;padding:20px;background:#fff;width:100%;margin-top:20px}
.footer-access-container .iframe-container iframe  {width:100%;height:440px}
.footer-access-text             {font-size:126%;margin:15px 0 10px}
.footer-access-text2            {font-size:80%;display:block}
  @media only screen and (max-width:467px) {
  .footer-inquiry-list        {padding:10px;width:100%;border-left:none;border-right:none}
  .footer-inquiry-title       {font-size:140%;padding:0;margin:15px auto 0}
  .footer-inquiry .section-container    {width:100%;padding:15px 0}
  .footer-inquiry-list.online {float:none;margin-bottom:5px}
  .footer-inquiry-list.visit  {float:none;margin-bottom:5px}
  .footer-inquiry-list p      {font-size:90%;line-height:1.45em;text-align:left}
  .footer-inquiry-btn a       {padding:28px 10px}
  .footer-inquiry-line-text   {font-size:85%;line-height:1.45em;width:100%;display:block;text-align:center}
  .footer-inquiry-line-btn a  {display:block;background:#00BB00;text-align:center;margin-top:1em;padding:0 0}
  .footer-access-container    {padding:10px;margin-top:0;border-left:none;border-right:none;padding-bottom:25px}
  .footer-access-container .iframe-container {width:100%;height:auto;position:relative;padding-bottom:75%;height:0;overflow:hidden}
  .footer-access-container .iframe-container iframe {position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:none}
  .footer-access-text         {font-size:90%;line-height:1.65em;margin:15px 0 ;text-align:left}
  .footer-access-text2        {font-size:82%;display:block}
  }
  @media only screen and (min-width:468px) and (max-width:979px) {
  .footer-inquiry-title       {font-size:140%;padding:0;margin:15px auto}
  .footer-inquiry .section-container    {width:100%;padding:15px 0}
  .footer-inquiry-list p      {font-size:90%;min-height:80px}
  .footer-inquiry-btn a       {padding:28px 10px;font-size:110%}
  .footer-inquiry-btn i       {float:right;margin:5px 0 0 }
  .footer-inquiry-line-text   {font-size:85%;line-height:1.45em;width:100%;display:block;text-align:center}
  .footer-inquiry-line-btn a  {display:block;background:#00BB00;text-align:center;margin-top:5px;padding:0 0}
  .footer-inquiry-tel-comment {font-size:80%}
  .common .footer-inquiry-line  {padding:33px 20px}
  .footer-access-container      {padding:10px;margin-top:15px;border-left:none;border-right:none;padding-bottom:25px}
  .footer-access-container .iframe-container {width:100%;height:auto;position:relative;padding-bottom:35%;height:0;overflow:hidden}
  .footer-access-container .iframe-container iframe {position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:none}
  .footer-access-text         {font-size:90%;line-height:1.65em;margin:15px 0 ;text-align:left}
  .footer-access-text2        {font-size:82%;display:block}
   }

/*footer-bnr*/
.footer-bnr           {width:100%;border-bottom:1px solid #dedede}
.footer-bnr-list      {max-width:1024px;margin:auto;text-align:center;padding:0 0 30px;margin-top:-15px}
.footer-bnr-list li   {display:inline-block;vertical-align:middle;padding:0 2px}
.footer-bnr-list li.ig img   {border:1px solid #dedede}
  @media only screen and (max-width:467px) {
  .footer-bnr           {margin-top:-45px;border-top:1px solid #dedede;background:#fff}
  .footer-bnr-list      {width:100%;padding:10px 10px 12px;margin-top:0;text-align:left}
  .footer-bnr-list li   {width:49%;padding:0.25em;text-align:left}
  }
  @media only screen and (min-width:468px) and (max-width:979px) {
  .footer-bnr-list      {width:100%;padding:10px 60px 12px;margin-top:0}
  .footer-bnr-list li   {width:32%;padding:0 0.25em}
  }

/*footer-sitemap*/
.footer-sitemap                 {max-width:1024px}
.footer-sitemap-block           {padding:25px 10px;vertical-align:top;display:inline-block}
.footer-sitemap-block.block1    {width:30%}
.footer-sitemap-block.block2    {width:15%}
.footer-sitemap-block.block3    {width:22%}
.footer-sitemap-block.block4    {width:15%}
.footer-sitemap-block.block5    {width:15%}
.footer-sitemap-title           {font-weight:bold!important;font-size:13px;margin-left:-1em}
.footer-sitemap-list li         {display:block;text-align:left;padding:0.075em 0}
.footer-sitemap-block.block1 .footer-sitemap-list   {columns:2}
.footer-sitemap-list li a       {display:block;position:relative;line-height:1.55em;font-size:12px;text-decoration:none;color:#000}
.footer-sitemap-list li a:before  {position:absolute;top:0.15em;left:-12px;content:'\f054';color:#ccc;font-size:12px;font-family:fontAwesome;z-index:-1}
  @media only screen and (max-width:467px) {
  .footer-sitemap           {width:100%;padding:10px 30px;box-sizing:border-box}
  .footer-sitemap-block     {padding:10px 0}
  .footer-sitemap-block.block1,
  .footer-sitemap-block.block2,
  .footer-sitemap-block.block3,
  .footer-sitemap-block.block4,
  .footer-sitemap-block.block5    {width:100%}
  .footer-sitemap-title           {font-weight:bold!important;font-size:85%;margin-left:-1em}
  .footer-sitemap-list li         {padding:3px 0}
  .footer-sitemap-list li.mt25,
  .footer-sitemap-list li.mt20    {margin-top:0}
  .footer-sitemap-block.block1    {margin-bottom:2em}
  .footer-sitemap-block.block1 .footer-sitemap-list   {columns:1;margin-bottom:-25px}
  .footer-sitemap-list li a       {display:block;position:relative;line-height:1.55em;font-size:80%;text-decoration:none;color:#000}
  .footer-sitemap-list li a:before  {position:absolute;top:0.15em;left:-12px;content:'\f054';color:#ccc;font-size:80%;font-family:fontAwesome;z-index:-1}
  .footer-sitemap-list li.sitemap-title.blank {display:none}
  }
  @media only screen and (min-width:469px) and (max-width:979px) {
  .footer-sitemap           {width:100%;padding:10px 30px;box-sizing:border-box}
  .footer-sitemap-block     {padding:10px 0}
  .footer-sitemap-block.block1    {width:100%}
  .footer-sitemap-block.block2,
  .footer-sitemap-block.block3,
  .footer-sitemap-block.block4,
  .footer-sitemap-block.block5    {width:49%}
  .footer-sitemap-title           {font-weight:bold!important;font-size:85%;margin-left:-1em}
  .footer-sitemap-list li         {padding:3px 0}
  .footer-sitemap-list li.mt25,
  .footer-sitemap-list li.mt20    {margin-top:0}
  .footer-sitemap-block.block1    {margin-bottom:2em}
  .footer-sitemap-block.block1 .footer-sitemap-list   {columns:2;margin-bottom:-25px}
  .footer-sitemap-list li a       {display:block;position:relative;line-height:1.55em;font-size:80%;text-decoration:none;color:#000}
  .footer-sitemap-list li a:before  {position:absolute;top:0.15em;left:-12px;content:'\f054';color:#ccc;font-size:80%;font-family:fontAwesome;z-index:-1}
  .footer-sitemap-list li.sitemap-title.blank {display:none}
  }

/*footer-copyright*/
.footer-copyright           {width:100%;border-top:1px solid #dedede;background:#fff;padding:30px 0 10px;margin:auto}
.common .footer-copyright   {padding:25px 0 10px;margin:auto;border-top:none}
.footer-copyright address   {display:block;text-align:center;color:#000;font-style:normal;font-size:76%}
.footer-copyright a         {text-decoration:underline}
  @media only screen and (max-width:979px) {
  .footer-copyright,
  .common .footer-copyright {padding:30px 20px 120px}
  }

/*footer-menu*/
  @media only screen and (max-width:467px) {
  .footer-menu                          {position:absolute;position:fixed;bottom:0;z-index:100;border-top:1px solid #fff}
  .footer-menu-list                     {margin:0 auto;padding:0;width:100%;overflow:hidden;display:table;table-layout:fixed}
  .footer-menu-list li                  {margin:0;padding:0;display:table-cell;border-right:1px solid #fff;vertical-align:middle}
  .footer-menu-list li:last-child       {border-right:none}
  .male .footer-menu-list li,
  .female .footer-menu-list li          {width:25%}
  .common .footer-menu-list li          {width:50%}
  .footer-menu-list li a                {display:block;;text-align:center;font-size:11px;line-height:1.3em;text-decoration:none;font-weight:bold}
  .footer-menu-list li.menu04 a span    {padding:8px 0 12px;display:block}
  .male .footer-menu-list li a          {color:#fff;background:#2b5faa;padding:10px 0;height:64px}
  .female .footer-menu-list li a        {color:#fff;background:#ff7c76;padding:10px 0;height:64px}
  .common .footer-menu-list li.male a   {color:#fff;background:#2b5faa;padding:10px 0;height:54px}
  .common .footer-menu-list li.female a {color:#fff;background:#ff7c76;padding:10px 0;height:54px}
  .footer-menu-list li.menu02 a         {background:#00c711}
  .footer-menu-list li a i.fa,
  .footer-menu-list li a span.icon-line {text-align:center;display:block;color:#fff;font-size:160%;line-height:1em;margin-bottom:0.2em}
  }
  @media only screen and (min-width:468px) and (max-width:979px) {
  .footer-menu-list br                  {display:none}
  .footer-menu                          {position:absolute;position:fixed;bottom:0;z-index:10001}
  .footer-menu-list                     {margin:0 auto;padding:0;width:100%;overflow:hidden;display:table;table-layout:fixed}
  .footer-menu-list li                  {margin:0;padding:0;display:table-cell;border-right:1px solid #dedede;vertical-align:middle}
  .footer-menu-list li:last-child       {border-right:none}
  .male .footer-menu-list li,
  .female .footer-menu-list li          {width:25%}
  .common .footer-menu-list li          {width:50%}
  .footer-menu-list li a                {display:block;text-align:center;font-size:11px;line-height:1.3em;text-decoration:none;font-weight:bold}
  .footer-menu-list li.menu04 a span    {padding:0;display:block}
  .male .footer-menu-list li a          {color:#fff;background:#2b5faa;padding:10px 0;height:54px}
  .female .footer-menu-list li a        {color:#fff;background:#ff7c76;padding:10px 0;height:54px}
  .common .footer-menu-list li.male a   {color:#fff;background:#2b5faa;padding:10px 0;height:54px}
  .common .footer-menu-list li.female a {color:#fff;background:#ff7c76;padding:10px 0;height:54px}
  .footer-menu-list li.menu02 a         {background:#00c711}
  .footer-menu-list li a i.fa,
  .footer-menu-list li a span.icon-line {text-align:center;display:block;color:#fff;font-size:160%;line-height:1em;margin-bottom:0.2em}
  }

/*pagetop*/
.pagetop    {width:60px;height:60px;position:fixed;z-index:1002;right:20px;bottom:90px;margin:0 auto;font-size:160%;line-height:2;text-align:center}
.pagetop a  {color:#fff!important;display:block;height:60px;text-align:center;padding:5px 0 0;background:rgba(0,0,0,0.25);border-radius:30px}
.pagetop:hover,
.pagetop:focus   {opacity:0.75}

/* ----------------------------------------------------------
新陪院追加 (20190411）)
---------------------------------------------------------- */
/*header*/
.topbar     {padding:0;}
.topbar_pc  {display:block}
.topbar_sp  {display:none}
h1 {line-height:1.45em}
.gender-entry a {padding:1.45em;line-height: 2em;display:block;}
.header_contact {width:1024px;padding:1em 0;}
#logo {float:left;width:32%}
.header_contact h1#logo {font-size:100%;}
.header_tel {float:right;width:65%;display:flex;flex-direction:row;flex-wrap:wrap;box-sizing:border-box;text-align}
.common #logo img {margin-top:5.85em}
.female #logo img,
.male #logo img {margin-top: 2.35em}
.header_tel_list {margin:0 0 0 3%;padding:0;}
.header_tel_list.header_tel_takadanobaba {flex-basis:46%;}
.header_tel_list.header_tel_shinbashi   {flex-basis:47%;}
.header_tel_list .tel-shinbashi {max-width:220px;}
.common .header_tel_list .tel-shinbashi {padding:0.65em 0;}
.male .header_tel_list .tel-shinbashi,
.female .header_tel_list .tel-shinbashi {padding:0;}
.header_tel_title {border-top:1px solid #CCC;border-bottom:1px solid #CCC;text-align:center;font-weight:bold;font-size: 107%;padding:0.5em 0;line-height:1}
.header_tel_title:before {content:'●';padding-right: 0.15em;color:#33c1cf}
.header_tel_img {margin:1em auto 0.5em;text-align:center;}
.header_tel_img span img {margin:0.15em auto;}
.header_tel_text {font-size:9pt;text-align:center;line-height:1.456em;display:block;}
@media only screen and (max-width:979px) {
#logo       {float:none;width:100%;padding:0 10px 10px}
.common #logo img,
.female #logo img,
.male #logo img     {max-width:250px;margin-top:0}
.collapse-button    {top:-86px;}
}
@media only screen and (max-width:468px) {
.topbar_pc  {display:none}
.topbar_sp  {display:block}
.collapse-button    {top:-88px;}
}

/*footer*/
.footer-inquiry-list-text {text-align:center;margin:2.5em auto;}
.footer-inquiry-list.online  {float:none;width: 100%;margin-bottom:75px}
.footer-inquiry-list.visit   {float:none;width: 100%;margin-bottom:25px}
.footer-inquiry-list {display:flex;flex-direction:row;flex-wrap:wrap;box-sizing:border-box;text-align;padding:15px 10px;}
.footer-inquiry-btn {flex-basis:48%;margin:0 1%;padding:0}
.footer-inquiry-line  {flex-basis:48%;margin:0 1%;padding:0;border:1px solid #dedede;padding:0 10px;background:#fff}
.footer-inquiry-btn a {display:block;text-align:center;font-size:140%;color:#fff;padding:2.2em 1em;text-decoration:none;margin-bottom:0;font-weight:bold}
.footer-inquiry-line-text {padding-top: 1em;font-size:78%;}
.footer_inquiry_list_detail {flex-basis:48%;margin:0 1%;padding:0}
.footer_inquiry_list_detail_title {border-top:1px solid #CCC;border-bottom:1px solid #CCC;text-align:center;font-weight:bold;font-size:180%;padding:1em 0;line-height:1}
.footer_inquiry_list_detail_title:before {content:'●';padding-right: 0.15em;color:#33c1cf}
.footer_inquiry_list_detail_img {margin:1em auto;text-align:center;}
.footer_inquiry_list_detail_img span img {margin:0.25em auto;}
.footer_inquiry_list_detail_img .tel-shinbashi {max-width:340px;}
.common .footer_inquiry_list_detail_img .tel-shinbashi {padding:1.24em 0;}
.male .footer_inquiry_list_detail_img .tel-shinbash,
.female .footer_inquiry_list_detail_img .tel-shinbashi {padding:0;}
.footer_inquiry_list_detail .footer-inquiry-btn a {padding:1.5em 0;display:block}
.footer_inquiry_list_detail .footer-inquiry-btn i {float:right;margin:-5px 10px 0 0}
.footer_inquiry_list_detail .footer_inquiry_list_detail_text {font-size:10pt;text-align:center;line-height:1.456em;display:block;}
.male .footer_inquiry_list_detail .footer_inquiry_list_detail_text,
.female .footer_inquiry_list_detail .footer_inquiry_list_detail_text {min-height:30px}
.male .footer_inquiry_list_detail.shinbashi  .footer_inquiry_list_detail_text {min-height:33px}
.female .footer_inquiry_list_detail.shinbashi .footer_inquiry_list_detail_text {min-height:36px}
.footer_inquiry_list_detail .footer-inquiry-btn {margin-top: 1em}
.footer_inquiry_list_detail .footer-access-container  {padding:0;}
.footer_inquiry_list_detail .footer-access-container .iframe-container iframe  {width:100%;height:360px}
.footer_inquiry_list_detail .footer-access-text {font-size:106%;line-height: 1.56em}
.footer_inquiry_list_detail .footer-access-text2  {font-size:90%;line-height: 1.56em;margin-top: 1em}
@media only screen and (max-width:467px) {
.footer-inquiry-list-text {margin:1em auto;margin-bottom:45px}
.footer-inquiry-list  {padding: 10px;width:100%;border-left:none;border-right:none;margin:0 auto 15px}
.footer-inquiry-list.online a {font-size:130%}
.common .footer-inquiry-line    {padding:0 1em}
.footer-inquiry-line-text {padding-top: 1em;font-size:78%;}
.footer_inquiry_list_detail {flex-basis:100%;margin:1em 0;padding:0}
.footer_inquiry_list_detail_title {font-size:130%;padding:1em 0;line-height:1}
.footer_inquiry_list_detail .footer-inquiry-btn a {padding:1em 0}
.footer_inquiry_list_detail .footer-inquiry-btn i {float:right;margin:-10px 10px 0 0}
.footer_inquiry_list_detail_img img {max-width:92.50%;text-align:center;}
.footer_inquiry_list_detail_img .tel-shinbashi,
.common .footer_inquiry_list_detail_img .tel-shinbashi,
.male .footer_inquiry_list_detail_img .tel-shinbash,
.female .footer_inquiry_list_detail_img .tel-shinbashi {max-width:340px;padding:0}
.male .footer_inquiry_list_detail .footer_inquiry_list_detail_text,
.female .footer_inquiry_list_detail .footer_inquiry_list_detail_text {min-height:1px}
.footer_inquiry_list_detail .footer-access-container .iframe-container {width:100%;height:auto;position:relative;padding-bottom:55%;height:0;overflow:hidden;margin-top:1em}
.footer_inquiry_list_detail .footer-access-container .iframe-container iframe {position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:none}
}
@media only screen and (min-width:468px) and (max-width:979px) {
.footer-inquiry-list-text {margin:1em auto;margin-bottom:45px}
.footer-inquiry-list  {padding: 10px;width:100%;border-left:none;border-right:none;margin:0 auto 15px}
.footer-inquiry-list.online a {font-size:130%}
.common .footer-inquiry-line    {padding:0 1em}
.footer-inquiry-line-text {padding-top: 1em;font-size:78%;}
.footer_inquiry_list_detail {flex-basis:100%;margin:1em 0;padding:0}
.footer_inquiry_list_detail_title {font-size:130%;padding:1em 0;line-height:1}
.footer_inquiry_list_detail .footer-inquiry-btn a {padding:1em 0}
.footer_inquiry_list_detail .footer-inquiry-btn i {float:right;margin:-10px 10px 0 0}
.footer_inquiry_list_detail_img img {max-width:92.50%;text-align:center;}
.footer_inquiry_list_detail_img .tel-shinbashi,
.common .footer_inquiry_list_detail_img .tel-shinbashi,
.male .footer_inquiry_list_detail_img .tel-shinbash,
.female .footer_inquiry_list_detail_img .tel-shinbashi {max-width:340px;padding:0}
.male .footer_inquiry_list_detail .footer_inquiry_list_detail_text,
.female .footer_inquiry_list_detail .footer_inquiry_list_detail_text {min-height:1px}
.footer_inquiry_list_detail .footer-access-container .iframe-container {width:100%;height:auto;position:relative;padding-bottom:35%;height:0;overflow:hidden;margin-top:1em}
.footer_inquiry_list_detail .footer-access-container .iframe-container iframe {position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:none}
}



/*20200218*/
.staff .table-bordered tbody th  {border:1px solid #ccc!important;width:22.5738%;background-color: #f7f7f7!important}
.staff .table-bordered tbody td  {border:1px solid #ccc!important;}
.staff .table-bordered tbody td  {border:1px solid #ccc!important;}
.staff .staff-title {font-weight: bold;}
.staff p {line-height: 1.89em; font-size: 110%}
.staff .table {margin-top:0.45em; font-size: 110%;width: 80%}
.staff .btn-primary {margin:25px auto;max-width:420px;color:#fff;padding:20px 0;}
@media only screen and (max-width:551px) {
.staff .table {width: 100%}
.staff .btn-primary {max-width: 100%;}
}

/*20210306*/
.cont_illust_img { width: 80%; max-width: 400px; margin: 30px auto;}
.cont_collect_kit { width: 90%; max-width: 400px; margin: 50px auto;}
.cont_collect_link { display: block; margin-top: 20px; text-decoration: underline;}
@media only screen and (max-width:551px) {
.cont_illust_img { margin: 15px auto;}
.cont_collect_kit { margin: 30px auto;}
}

/*20221209*/
.video_wrapper {
  aspect-ratio: 16 / 9;
}
.video_wrapper iframe {
  width: 100%;
  height: 100%;
}
.access-root-images {
  display: flex;
}
.access-root-images img {
  width: 50%;
}

/* 関連記事 */
.related-post {
  margin: 40px 0 16px;
  padding: 20px 12px;
  background-color: #8CDCE4;
}

@media screen and (min-width: 768px) {
  .related-post {
    padding: 24px 16px;
    margin: 80px 0;
  }
}

.related-post.entry.tinymce h2 {
  text-align: center;
}

.related-post ul li {
  list-style-type: none !important;
}

.blog__list {
  margin-top: 18px;
}

.blog__item {
  position: relative;
  background-color: #fff;
}

.blog__item:after {
  position: absolute;
  top: 50%;
  right: 10px;
  content: '\f054';
  color: #ccc;
  font-size: 100%;
  line-height: normal;
  font-family: fontAwesome;
  transform: translateY(-50%);
}

.blog__item:not(:first-of-type) {
  margin-top: 6px;
}

.blog__item a {
  display: block;
  padding: 20px 28px 20px 20px;
  color: #40220f;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.blog__item a:hover, .blog__item a:active {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  .blog__item {
    min-height: 126px;
  }
  .blog__item:not(:first-of-type) {
    margin-top: 16px;
  }
  .blog__item a {
    padding: 16px;
  }
}

@media screen and (min-width: 990px) {
  .blog__item {
    min-height: 116px;
  }
  .blog__item a {
    padding: 20px;
  }
}

.blog__date {
  opacity: 0.7;
}

.blog__title {
  margin-top: 4px;
}

.blog__link_wrap {
  margin-top: 16px;
  text-align: center;
}

.blog__link {
  display: inline-block;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  background-color: #26304F;
  border-radius: 2px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.blog__link:hover, .blog__link:active {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  .blog__link {
    font-size: 12px;
    padding: 6px 10px;
  }
}

/*
 * グローバルナビメニュー改訂
 */
@media only screen and (min-width:768px) {
  ul.navbar-nav,
  .navbar-nav>li.nav-item,
  li.nav-item {
    float: none;
  }
}

.dropdown-menu {
  background: #fff;
  box-shadow: 0 4px 16px -8px rgba(0,0,0,1);
  text-align: center;
  left: 0;
  right: 0;
  padding: 0;
}

nav .dropdown-menu > ul.nav > li.nav-item > .nav-link {
  padding: 8px;
}

nav .dropdown-menu > ul.nav > li.nav-item > .nav-link:hover {
  cursor: pointer;
  opacity: .7;
}

.dropdown-menu ul.nav-tabs {
  border-bottom: none;
}

.dropdown-menu .gnav-list {
  position: relative;
}

.gnav-list > .nav-item {
  position: initial;
}

.dropdown-menu ul.nav {
  display: flex;
}

.dropdown-menu .tab-content > .tab-pane {
  padding: 16px 24px;
  background: rgba(203, 239, 255, 0.3);
}

.dropdown-menu .nav-item {
  flex-grow: 1;
}

.dropdown-menu .nav-item .nav-link {
  padding: 8px;
}

nav .dropdown-menu > ul.nav > li.nav-item:first-child > .nav-link {
  background: #fff;
  color: #FA5870;
  border: 2px solid #FA5870;
  font-size: 20px;
  position: relative;
  margin-top: 8px;
}

nav .dropdown-menu > ul.nav > li.nav-item:first-child > .nav-link:before {
  content: "";
  background: #FA5870;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.2;
}

nav .dropdown-menu > ul.nav > li.nav-item:first-child > .nav-link.active {
  background: #FA5870;
  color: #fff;
  border: 2px solid #FA5870;
  padding: 12px;
  margin-top: 0;
}

nav .dropdown-menu > ul.nav > li.nav-item:first-child > .nav-link.active:before {
  content: none;
}

nav .dropdown-menu > ul.nav > li.nav-item:last-child > .nav-link {
  background: #fff;
  color: #4461C9;
  border: 2px solid #4461C9;
  font-size: 20px;
  position: relative;
  margin-top: 8px;
}

nav .dropdown-menu > ul.nav > li.nav-item:last-child > .nav-link:before {
  content: "";
  background: #4461C9;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.2;
}

nav .dropdown-menu > ul.nav > li.nav-item:last-child > .nav-link.active {
  background: #4461C9;
  color: #fff;
  border: 2px solid #4461C9;
  padding: 12px;
  margin-top: 0;
}

nav .dropdown-menu > ul.nav > li.nav-item:last-child > .nav-link.active:before {
  content: none;
}

.dropdown-menu li a {
  border-right: none;
}

.dropdown-menu-detail {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.dropdown-menu-detail > .col {
  margin: 0;
  text-align: left;
  align-self: stretch;
}

.dropdown-menu-detail > .col:first-child {
  flex-grow: 1;
}

.dropdown-menu-detail > .col:last-child {
  flex-grow: 2;
  text-align: center;
}

.dropdown-menu-detail .dropdown-menu-detail > .col {
  flex-grow: 1;
  text-align: left;
}

.dropdown-menu-detail .col:not(:last-child) {
  border-right: 1px solid #333;
}

.dropdown-menu-detail a {
  border-right: none;
}

.gnav.pc .gnav-list .dropdown-menu-detail dt,
.venereal-title {
  font-size: 18px;
  position: relative;
  display: inline;
  color: #26b0c2;
}

.venereal-title {
  margin-bottom: 4px;
  font-weight: 600;
  text-align: center;
}

.tab-small-title {
  font-size: 16px !important;
  margin-left: 8px;
}

.gnav.pc .gnav-list .dropdown-menu-detail dt.tab-content-female,
.venereal-title-female {
  color: #FA5870;
}

.gnav.pc .gnav-list .dropdown-menu-detail dt.tab-content-male,
.venereal-title-male {
  color: #4461C9;
}

.gnav.pc .gnav-list .dropdown-menu-detail dt:before,
.venereal-title:before {
  background-image: url(/wp-content/themes/privateclinic_ver3/assets/img/arrow-both.svg);
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -28px;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.tab-small-title:before {
  content: none !important;
}

.gnav.pc .gnav-list .dropdown-menu-detail dt.tab-content-female:before,
.venereal-title-female:before {
  background-image: url(/wp-content/themes/privateclinic_ver3/assets/img/arrow-female.svg);
}

.gnav.pc .gnav-list .dropdown-menu-detail dt.tab-content-male:before,
.venereal-title-male:before {
  background-image: url(/wp-content/themes/privateclinic_ver3/assets/img/arrow-male.svg);
}

.gnav.pc .gnav-list .dropdown-menu-detail dd a {
  color: #000;
  font-weight: 300;
  font-size: 14px;
  padding: 4px 0;
  margin-left: 32px;
  text-decoration-line: underline !important;
  border-right: none;
}

.gnav.pc .gnav-list .dropdown-menu-detail dd a:before {
  content: '\f054';
  font-family: fontAwesome;
  position: absolute;
  left: 16px;
}

.gnav.pc .gnav-list #female .dropdown-menu-detail .dropdown-common dd a,
.gnav.pc .gnav-list #male .dropdown-menu-detail .dropdown-common dd a {
  color: #26b0c2;
}

.gnav.pc .gnav-list #female .dropdown-menu-detail dd a {
  color: #FA5870;
}

.gnav.pc .gnav-list #male .dropdown-menu-detail dd a {
  color: #4461C9;
}

.gnav-male.pc .gnav-list .dropdown-menu-detail dd.tab-content-male a {
  color: #4461C9;
}

.gnav-female.pc .gnav-list .dropdown-menu-detail dd.tab-content-female a {
  color: #FA5870;
}

.dropdown-menu-detail .dropdown-menu-detail {
  margin-top: 12px;
}

.dropdown-menu li a {
  border-right: none !important;
}

.dropdown-menu.dorpdown-vertical {
  background: #00B1C3;
  left: auto;
  right: auto;
}

.gnav-male .dropdown-menu.dorpdown-vertical {
  background: #4b77b7;
}

.gnav-female .dropdown-menu.dorpdown-vertical {
  background: #ff908b;
}

.gnav.pc .gnav-list .dorpdown-vertical li {
  display: block;
}

.gnav.pc .gnav-list .dorpdown-vertical li a {
  padding: 16px;
  text-align: left;
}

/* SPメニュー */
@media only screen and (max-width: 979px) {
  .gnav > .gnav-box > .collapse-menu {
    overflow: scroll;
    max-height: calc(100vh - 70px);
  }

  .gnav > .gnav-box > .collapse-menu > ul > .accordion > .accordion-item > .accordion-header > .accordion-button[aria-expanded="false"] {
    background-color: transparent;
    color: #000;
  }

  .gnav > .gnav-box > .collapse-menu > ul > .accordion > .accordion-item > .accordion-header > .accordion-button[aria-expanded="true"] {
    background-color: #00B1C3;
    color: #fff;
  }

  .gnav-male > .gnav-box > .collapse-menu > ul > .accordion > .accordion-item > .accordion-header > .accordion-button[aria-expanded="true"] {
    background-color: #4b77b7;
  }

  .gnav-female > .gnav-box > .collapse-menu > ul > .accordion > .accordion-item > .accordion-header > .accordion-button[aria-expanded="true"] {
    background-color: #ff908b;
  }

  .gnav .accordion .accordion-item ul {
    margin: 0;
    background-color: #8CDCE4;
  }

  .gnav-male .accordion .accordion-item ul {
    background-color: #86B8E5;
  }

  .gnav-female .accordion .accordion-item ul {
    background-color: #FFF2F1;
  }

  .gnav-female .accordion .accordion-item ul a {
    color: #000 !important;
  }

  .gnav-female .accordion .accordion-item ul a:hover {
    color: #fff !important;
  }
}

.common .collapse-menu .accordion ul li a:hover {
  background-color: transparent;
  color: #000;
}

@media only screen and (max-width: 979px) {
  .gnav .accordion .accordion-item ul li {
    position: relative;
    background-color: rgba(255,255,255,0);
  }

  .gnav .accordion .accordion-item ul li a {
    padding-left: 24px;
    position: relative;
  }

  .gnav .accordion .accordion-item #collapseForCommon > ul > li > a,
  .gnav .accordion .accordion-item #collapseForFemale > ul > li > a,
  .gnav .accordion .accordion-item #collapseForMale > ul > li > a,
  .gnav .accordion .accordion-item #collapseClinic > ul > li > a,
  .gnav .accordion .accordion-item #collapseReserve > ul > li > a,
  .gnav-male .accordion .accordion-item #collapseVenereal > ul > li > a,
  .gnav-male .accordion .accordion-item #collapseSymptom > ul > li > a {
    color: #fff;
  }

  .gnav .accordion .accordion-item ul li .accordion-header a:before {
    content: '\f054';
    color: #fff;
    font-size: 100%;
    line-height: normal;
    font-family: fontAwesome;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    left: 8px;
  }

  .gnav-female .accordion .accordion-item ul li .accordion-header a:before {
    color: #000;
  }

  .gnav-female .accordion .accordion-item ul li .accordion-header a:hover:before {
    color: #fff !important;
  }

  .gnav .accordion .accordion-item ul li .accordion-header a.collapsed:before {
    transform: translateY(-50%);
  }

  .gnav .accordion .accordion-item ul li .accordion-header {
    position: relative;
  }

  .gnav .accordion .accordion-item ul li .accordion-header a {
    color: #fff;
  }

  .gnav .accordion .accordion-item ul ul {
    background-color: #fff;
  }

  .gnav .accordion .accordion-item ul ul li {
    padding-left: 16px;
  }

  .gnav .accordion .accordion-item ul ul li a:before {
    content: '\f054';
    color: #000;
    font-size: 100%;
    line-height: normal;
    font-family: fontAwesome;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
  }
}

/* ----------------------------------------------------------
ショートコード
---------------------------------------------------------- */
/* 監修者 */
.kansyu {
  display: flex;
  border: 2px solid #00b1c3;
  padding: 16px;
  gap: 16px;
  margin-bottom: 32px;
  background-color: rgba(0, 177, 195, 0.1);
}

.kansyu-img {
  border-radius: 50%;
  width: 100px;
  height: 100px;
}

.kansyu-text strong {
  font-size: 14px;
  margin-bottom: 8px;
  display: block;
}

.single-blog .common .entry.tinymce p.kansyu-desc {
  font-size: 12px;
}

@media screen and (max-width: 499px) {
  .kansyu {
    display: block;
    text-align: center;
  }

  .kansyu-img {
    width: 40%;
    height: auto;
    margin-bottom: 16px;
  }
}

/* 医薬品について */
#accordion-medicine .accordion-button {
  background: rgba(0, 177, 195, 0.1);
  border: none;
  font-weight: 600;
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 8px 0;
  position: relative;
}

#about-medicine {
  padding: 16px;
  font-size: 14px;
}

#accordion-medicine {
  margin-bottom: 32px;
  background: rgba(0, 177, 195, 0.1);
}

#accordion-medicine .accordion-button:after {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  transition: transform 0.2s ease-in-out;
  position: absolute;
  right: 16px;
  top: 30%;
  background-size: cover;
}

#accordion-medicine .accordion-button:not(.collapsed):after {
  transform: rotate(-180deg);
}

/* シンプルボタン */
.simple-btn {
  text-align: center;
  margin-top: 32px;
}

.simple-btn a {
  display: inline-block;
  position: relative;
  color: #fff;
  background: #ff7c76;
  padding: 8px 16px;
  font-weight: 600;
  text-decoration-line: none;
  min-width: 300px;
  border-bottom: 5px solid #b84c00;
  margin: 0 auto 32px;
}

.simple-btn a:hover {
  margin-top: 3px;
  border-bottom: 2px solid #b84c00;
}

.simple-btn a:before {
  position: absolute;
  top: 50%;
  width: 0;
  content: "";
  transition: all 0.3s;
  transform: translateX(0) translateY(-50%);
  background: #00b1c3;
  right: 30px;
}

.simple-btn a:hover:before {
  font-family: "fontAwesome";
  font-weight: bold;
  line-height: 30px;
  width: 30px;
  height: 30px;
  content: "\f061";
  transform: translateX(50%) translateY(-50%);
  color: #fff;
  right: 0;
  border-radius: 50%;
  top: 50%;
}

@media screen and (max-width: 640px) {
  .simple-btn a {
    min-width: initial;
    width: 100%;
  }
}

/* マイクロコピー付きボタン */
.copy-btn {
  text-align: center;
  margin-top: 32px;
}

p.copy-btn-micro {
  font-family: Arial;
  font-size: 14px;
  margin-bottom: 0;
  text-align: center !important;
  font-weight: 600;
  color: #00b1c3;
}

.copy-btn a {
  display: inline-block;
  position: relative;
  color: #fff;
  background: #ff7c76;
  padding: 8px 16px;
  font-weight: 600;
  text-decoration-line: none;
  min-width: 300px;
  border-bottom: 5px solid #b84c00;
  margin: 0 auto 32px;
}

.copy-btn a:before {
  position: absolute;
  top: 50%;
  width: 0;
  content: "";
  transition: all 0.3s;
  transform: translateX(0) translateY(-50%);
  background: #00b1c3;
  right: 30px;
}

.copy-btn a:hover:before {
  font-family: "fontAwesome";
  font-weight: bold;
  line-height: 30px;
  width: 30px;
  height: 30px;
  content: "\f061";
  transform: translateX(50%) translateY(-50%);
  color: #fff;
  right: 0;
  border-radius: 50%;
  top: 50%;
}

.copy-btn a:hover {
  margin-top: 3px;
  border-bottom: 2px solid #b84c00;
}

@media screen and (max-width: 640px) {
  .copy-btn a {
    min-width: initial;
    width: 100%;
  }
}

/* ボックス */
.box {
  padding: 16px 8px 8px;
  position: relative;
  margin-top: 24px;
  margin-bottom: 24px;
}

.box-title {
  position: absolute;
  top: -20px;
  font-size: 16px;
  font-weight: 600;
  padding: 4px 12px;
  left: 12px;
  color: #fff;
}

.pink-box {
  border: 2px solid #ff7c76;
  border-radius: 5px;
}

.pink-box .box-title {
  background: #fff;
  color: #ff7c76;
}

.blue-box {
  border: 2px solid #2b5faa;
  border-radius: 5px;
}

.blue-box .box-title {
  background: #fff;
  color: #2b5faa;
}

.green-box {
  border: 2px solid #00b1c3;
  border-radius: 5px;
}

.green-box .box-title {
  background: #fff;
  color: #00b1c3;
}

.box-text {
  padding: 8px;
}

/* リスト */
.page-template-page-m-venereal-tmpl #contents ul,
.page-template-page-f-venereal-tmpl #contents ul,
.single-blog #contents ul {
  margin-bottom: 16px;
}

.page-template-page-m-venereal-tmpl #contents ul li,
.page-template-page-f-venereal-tmpl #contents ul li,
.single-blog #contents ul li {
  list-style-type: disc;
  margin-left: 24px;
}

.page-template-page-m-venereal-tmpl #contents ol li,
.page-template-page-f-venereal-tmpl #contents ol li,
.single-blog #contents ol li {
  list-style-type: auto;
  margin-left: 24px;
}

.page-template-page-m-venereal-tmpl #contents #toc_container ul li,
.page-template-page-f-venereal-tmpl #contents #toc_container ul li,
.single-blog #contents #toc_container ul li {
  font-size: 95%;
  margin-left: 0;
}

/* CTAボックス */
.cta-box {
  background: #FFF8F8;
  border: 2px solid #FFF8F8;
  box-sizing: border-box;
  padding: 10px;
}

.cta-box-container {
  border: 1px solid #cb9999;
  padding: 30px;
  box-sizing: border-box;
  background: #fff;
}

@media screen and (max-width: 640px) {
  .cta-box-container {
    padding: 16px;
  }
}

.cta-box-title {
  display: block;
  padding: 20px 0 10px;
  font-size: 120%;
  font-weight: bold;
}

.cta-button {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.cta-green-button {
  background: #00c711;
}

.cta-pink-button {
  background: #ff7c76;
}

.cta-green-button,
.cta-pink-button {
  padding: 30px;
  font-weight: bold;
  color: #fff !important;
  display: block;
  margin: auto;
  text-align: center;
  text-decoration: none!important;
  font-size: 120%;
  width: 50%;
  line-height: 1.5;
  white-space: nowrap;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
}

@media screen and (max-width: 640px) {
  .cta-green-button,
  .cta-pink-button {
    width: 100%;
  }
}

.cta-green-button i,
.cta-pink-button i {
  padding-left: 16px;
}

.cta-micro {
  text-align: center !important;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 4px !important;
  margin-top: 24px !important;
}

.cta-micronote {
  text-align: center !important;
  margin-top: 4px !important;
  font-size: 14px;
}

/* ----------------------------------------------------------
ブログ投稿デザイン調整
---------------------------------------------------------- */
/* 段落 */
.single-blog .common .entry.tinymce p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}

.single-blog .common .entry.tinymce p br:nth-child(2) {
  display: none;
}

/* リスト */
.single-blog .common .entry.tinymce li {
  font-size: 16px;
  line-height: 32px;
}

/* テーブル内リンク */
.single-blog .common .entry.tinymce table > tbody a {
  padding: 0;
}