/*!
Theme Name: uresalo
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: uresalo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

uresalo is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
    word-break: break-all;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 18px;
    line-height: 1.75;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover, a:focus, a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
# ここからオリジナル追加
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## スマホヘッダー
--------------------------------------------------------------*/
.clerfix {
    clear: both;
}
.headmenu01 {
width: 80px;
    float: left;
    background: #fff;
    height: 80px;
    text-align: center;
}
.headmenu01 img {
    max-height: 76px;
}

.headmenu02 {
    width: 25%;
    float: left;

}
.inner {
  width: 980px;
  margin: 0 auto;
  position: relative;
}

.inner:after {
  content:"";
  clear: both;
  display: block;
}

/*--------header-----------*/

#top-head {
  top: -100px;
  position: absolute;
  width: 100%;
  margin: 100px auto 0;
  padding: 30px 0 0;
  line-height: 1;
  z-index: 999;
}

#top-head a,
#top-head {
    color: #fff;
    text-decoration: none;
}

#top-head .inner {
    position: relative;
}
#top-head .logo {
    float: left;
    position: relative;
    font-size: 36px;
    height: 50px;
}

#top-head .logo a {
  position: absolute;
  width: 100%;
  height: 50px;
}

#global-nav ul {
    list-style: none;
    position: absolute;
    top: 20px;
    right: 0;
    font-size: 14px;
}
#global-nav ul li {
    float: left;
    padding:0 30px;
    border-left: 1px solid #000;
}
#global-nav ul li a {
    padding: 5px 5px;
    position: relative;
    display: inline-block;
}

#global-nav ul li a:hover {
 opacity: 0.8;
}

nav span{
    background:#666;
    height:2px;
    display:block;
    position:relative;
    width:50px;
    left:0;
}


/*--------固定化されたときのCSS-----------*/

#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top: 10px;
    background: #fff;
    background: rgba(255,255,255,.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}

#top-head.fixed .logo {
  position: relative;
    font-size: 24px;
    color: #333;
}

#top-head.fixed .logo a {
  position: absolute;
  width: 100%;
  height: 30px;

}
#top-head.fixed #global-nav ul li a {
    color: #333;
    padding: 0 20px;
    padding-bottom: 10px;
}




#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}
#nav-toggle {
    display: block;
    position: absolute;
    right: 16px;
    top: 15px;
    width: 50px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}






/*------------タブレット用------------------*/

@media screen and (max-width: 768px) {
  .head-inner {
    display: none;
  }
.topinner {
    margin-right: 3% !important;
    margin-left: 3% !important;
}
.breadcrumbs {
    margin-right: 3% !important;
    margin-left: 3% !important;
}
.page-content, .entry-content, .entry-summary {
    margin: 1.5em 7% 0 7%;
}
  .slick-next {
    right: 0;
  }

  #top-head,
  .inner {
      width: 100%;
      padding: 0;
  }
  #top-head {
  background-color: #fff;
      height: 65px;
      top: 0;
      position: fixed;
      margin-top: 0;
  }
  /* Fixed reset */
  #top-head.fixed {
      padding-top: 0;
      background: #fff;
      height: 65px;
  }
  #mobile-head {
background: #fff;
    width: 100%;
    height: 72px;
    z-index: 999;
    position: relative;
  }
  #top-head.fixed .logo,
  #top-head .logo {
      position: absolute;
      left: 13px;
      height: 50px;
      top: 15px;
      color: #333;
      font-size: 26px;
  }
  #global-nav {
      position: absolute;
      /* 開いてないときは画面外に配置 */
      top: -491px;
      background: #92BFD4;
      width: 100%;
      text-align: center;
      padding: 0;
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
  }
  #global-nav ul {
      list-style: none;
      position: static;
      right: 0;
      bottom: 0;
      font-size: 12px;
      margin: 0px;
    padding: 0 0 50px 0;
  }
  #global-nav ul li {
      width: 50%;
      float: left;
      position: static;
      padding: 4px 0px 4px 10px;
      text-align: left;
      color: #fff;
      border-bottom: 1px dotted #fff;
      height: 60px;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
      align-items: center; /* 縦方向中央揃え */
      -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
      justify-content: center; /* 横方向中央揃え */
      font-size: 15px;
  }
  #top-head #global-nav ul li a,
  #top-head.fixed #global-nav ul li a {
      width: 100%;
      display: block;
      color: #fff;
      padding: 8px 0;
  }

  /* #nav-toggle 切り替えアニメーション */
  .open #nav-toggle span:nth-child(1) {
      top: 11px;
      -webkit-transform: rotate(315deg);
      -moz-transform: rotate(315deg);
      transform: rotate(315deg);
  }
  .open #nav-toggle span:nth-child(2) {
      width: 0;
      left: 50%;
  }
  .open #nav-toggle span:nth-child(3) {
      top: 11px;
      -webkit-transform: rotate(-315deg);
      -moz-transform: rotate(-315deg);
      transform: rotate(-315deg);
  }
  /* #global-nav スライドアニメーション */
  .open #global-nav {
      /* #global-nav top + #mobile-head height */
      -moz-transform: translateY(556px);
      -webkit-transform: translateY(556px);
      transform: translateY(556px);
    z-index: 99;
    height: 100%;
    width: 100%;
    position: fixed;
    overflow-y: scroll;
    padding-bottom: 100px;
  }
#nav-toggle {
    display: block;
    position: absolute;
    right: 34px;
    top: 15px;
    width: 50px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
.tgtxt {
    text-align: center;
    top: 33px;
}
  .inner h1 {
    border-top: 1px solid #fff;
    margin: 0;
    padding: 0;
}
.adress {
    font-size: 13px;
}
.voicetext1 {
    position: absolute;
    color: #000;
    top: 22%;
    left: 29%;
    font-size: 16px;
    width: 45%;
    text-align: left;
}
.voicetext2 {
position: absolute;
    color: #000;
    top: 53%;
    left: 30%;
    font-size: 16px;
    width: 45%;
    text-align: left;
}
.menu-btn {
    position: fixed;
    top: 32px;
    right: 39px;
    line-height: 50px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}
}




/*--------------------------------------------------------------
## スマホフッダー
--------------------------------------------------------------*/
#foot-menu {
  width: 100%;
  background-color: #92BFD4;
}
#foot-menu .inner ul {
  width: 50%;
    float: left;
    overflow: hidden;
    border-right: none;
    margin: 0px;
    padding: 5% 0px;
    list-style: none;
}
#foot-menu .inner ul li.list1, #foot-menu .inner ul li.list2 {
  border-top: none;
}
#foot-menu .inner ul li {
}
#foot-menu .inner ul li.list2 a, #foot-menu .inner ul li.list2 span {
  border-right: 1px solid #454545;
}
#foot-menu .inner ul li a {
  text-align: center;
    line-height: 1.75;
    padding: 0;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}
.site-info {
    text-align: center;
    padding: 10px 0;
    background-color: #7f5933;
    color: #fff;
    border-top: 1px solid #fff;
    padding-bottom: 40px;
}
#nav-toggle img {
    max-height: 65px;
}
/*--------------------------------------------------------------
## トップページ
--------------------------------------------------------------*/
.voiceph {
    width: 50%;
    float: left;
    margin-right: 3%;
}
.voiceph img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    float: left;
    margin-right: 2%;
}
.voicebox {
	clear: both;
	margin: 3%;
}
.staffblogbox {
    clear: both;
}
.staffblogimg {
width: 30%;
    float: left;
    margin-right: 2%;
}
.staffblogimg img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    float: left;
    margin-right: 2%;
}
span.blogdate {
    color: #fff;
    background-color: #92bfd4;
    padding: 2px 5px;
}
.tblotitle {
    margin: 2% 0;
    overflow: hidden;
    height: 26px;
}
.insidebox {
	margin: 0;
}

#content {
    padding-top: 100px;
    max-width: 1000px;
    margin: 0 auto;
}
.footspace {
    background-color: #F8FBFD;
    padding: 40px 10px;
}
.topinner {
    max-width: 800px;
    padding: 3%;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
}
.ninkititle {
    margin-bottom: 20px;
}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
.voicekobatsu {
width: 46%;
    float: left;
    margin: 0 2%;
}
ul.qalist {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.qalist li {
    background: url(images/q.jpg) no-repeat;
    line-height: 2;
    padding: 20px 0;
    margin-right: 2%;
    border-top: 1px dotted #000;
}
ul.qalist a {
    font-size: 20px;
}
ul.qalist li p {
    margin: 0;
}
.sblogk {
width: 100%;
    clear: both;
    margin-bottom: 2%;
}
.sblogk p {
    font-size: 19px;
}
#content h1.entry-title {
font-weight: bold;
    font-size: 30px;
    color: #000;
    border-bottom: 1px solid;
}
.site-maininside h2 {
background: #000;
position: relative;
    border: none;
    font-size: 23px;
    padding: 1em 1.1em;
    margin-top: 2.1em;
    margin-bottom: 1em;
    border-radius: 3px;
    color: #fff;
    box-shadow: 0 0 45px rgba(0, 0, 0, 0.25) inset;
    line-height: 1.4em;
    font-weight: bold;
	}
.site-maininside h2:before, .site-maininside h2:after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    border-top: 1px dashed;
}
.site-maininside h2:after {
    bottom: 3px;
    left: 0;
}
.site-maininside h2:before {
    top: 3px;
    left: 0;
}

.site-maininside h4 {
	border-bottom: 1px dotted #000;
	color: #92BFD4;
	font-size: 20px;
	line-height: 30px;
    padding: 10px 0;
	margin-top: 30px;
	margin-bottom: 20px;
	font-weight: bold;
	}
.site-maininside h5 {
	border-left: 10px solid #000;
	color: #000;
	font-size: 18px;
	line-height: 27px;
	padding: 10px 20px;
	margin-top: 30px;
	margin-bottom: 20px;
	font-weight: bold;
	}
.site-maininside h6 {
	border-bottom: 1px dotted #333333;
	color: #333333;
	font-size: 16px;
	line-height: 26px;
	padding: 10px 0px;
	margin-top: 30px;
	margin-bottom: 20px;
	font-weight: bold;
	}
.site-maininside {
    margin: 0;
}

.fl_ri {
float: right;
}
h2.entry-title {
padding: 2% 0;
    font-size: 30px;
    color: #5799BD;
    background: url(images/titleback.jpg) repeat-x;
    text-align: center;
}
ul.qalistpage {
    list-style: none;
    padding:0;
    margin: 0;
}
.qainside {
    padding: 20px 0;
    margin-top: -90px;
    padding-top: 90px;
}
#qa {
    margin: 0 2%;
}
.moreqa {
padding: 0 0 40px 0;
float: right;
}
.stvoiceiimg img {
    width: 25%;
    height: 150px;
    object-fit: cover;
    float: left;
    margin-right: 2%;
    margin-bottom: 5%;
}
.staff_l {
    width: 50%;
    margin-right: 5%;
    float: left;
    text-align: center;
}
.VideoWrapper {
    margin-top: 10%;
}
.VideoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
 
.VideoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
p.subcaption {
    text-align: left;
    font-size: 15px;
}
.subimg {
    margin: 10% 0;
}
.subimg img {
    float: left;
    width: 50%;
    height: 180px;
    margin-right: 2%;
    object-fit: cover;
}
.staff_r {
    width: 45%;
    float: left;
}
#staff h3 {
font-size: 20px;
    font-weight: normal;
    margin: 30px 0 10px 0;
    border-bottom: 1px dotted #333;
    font-family: 'Quicksand', sans-serif;
}
.staff_r p {
    margin: 0;
    line-height: 1.5;
}
.staff_r h4 {
    margin: 10px 0 0 0;
    line-height: 2;
}
.stname {
font-size: 30px;
}
footer#colophon {
}
div#staff {
    margin: 0 2%;
}
.reservation_btn {
    margin: 10px 0;
}
.social_btn img {
    max-width: 23%;
}
.reservation_btn img {
    max-width: 48%;
}
.staffichiran {
    width: 29%;
    margin: 10px 2%;
    float: left;
    min-height: 550px;
}
.stiimg img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.stnameb {
    font-size: 20px;
}
.stnameb a {
    text-decoration: none;
    color: #404040;
}
.stnameb a:hover {
    text-decoration: underline;
}
.insidetext h2 {
    position: absolute;
    color: #cd0102;
    top: 32%;
    left: 2%;
    font-size: 30px;
}
.insidetext {
    position: relative;
}
.insidetext img {
    width: 100%;
}
.wp-pagenavi {
    text-align: center;
    padding-top: 5%;
}
#topcontent h2 {
    text-align: center;
    margin-top: 50px;
}
ul.topmenu {
    list-style: none;
    margin: 0 0 5% 0;
    padding: 0;
}
ul.topmenu li {
    width: 49%;
    float: left;
    margin-right: 1%;
    margin-bottom: 6%;
}
.menutitle {
color: #5B001E;
font-weight: bold;
text-align: center;
}
.topmenu p {
    margin: 0;
    height: 40px;
}
.topvoice {
position: relative;
text-align: center;    
}
.top_bot {
    width: 46%;
    float: left;
    margin: 3% 2%;
}
.top_botb {
    width: 46%;
    float: left;
    margin: 3% 2%;
}
.pageup {
    background: url(images/pageup_back.jpg) repeat-x;
    margin: 0;
    padding: 0;
    height: 98px;
    text-align: center;
}
.title img {
    height: auto;
    max-width: 100%;
    max-height: 57px;
    float: left;
    margin-right: 5px;
}
.topimg {
    text-align: center;
    padding-top: 76px;
        line-height: 0;
        max-width: 800px;
    margin: 0 auto;
}
.topimg img {
    width: 100%;
}

.taxonomies-news-category p a {
    color: #fff;
    text-decoration: none;
}
#taxonomies {
    margin-bottom: 5%;
}
.taxonomies-news-category p {
    border-radius: 10px;
    background-color: #92bfd4;
    width: 31%;
    color: #fff;
    padding: 1.5%;
    margin-right: 2%;
    margin-left: 0;
    float: left;
    margin-bottom: 1%;
    margin-top: 1%;
}
.footmap {
	text-align: center;
	margin: 5% 0 10% 0;
}
.footlogo {
	text-align: center;
}
.footlogo img {
    margin-bottom: 2%;
}
li.prev {
    float: right;
    list-style: none;
    width: 47%;
    text-align: right;
    font-size: 14px;
        background-color: #CCC;
    padding: 10px;
    line-height: 20px;
}
li.next {
    float: left;
    list-style: none;
    width: 47%;
    font-size: 14px;
        background-color: #CCC;
    padding: 10px;
    line-height: 20px;
}
ul#pagination {
    padding: 0;
    margin: 0;
}
.blogcpbn {
    border-top: 1px dotted #CCC;
    padding-top: 20px;
}
.messe_photo {
    float: left;
    margin-right: 2%;
}
.messe_sign {
    float: right;
    margin-top: 2%;
}
.ow_title {
font-size: 30px;
margin: 2% 0;
}
.ow_photo {
    float: left;
    margin-right: 2%;
}
.ow_text {
}
.me_text {
font-size: 20px;
text-align: center;
}
.yo_bn img {
  width: 100%;
  }
.black {
      color: #fff;
      background: #000;
}
.required {
    color: #f00;
}  
/* --- お問い合わせフォームのカスタマイズ --- */
/* 入力部分 */
.wpcf7 select, input[type="email"], input[type="text"], textarea {
width: 96%; /* 最大の幅 */
font-size: 100%; /* フォントの大きさ */
padding: 0.5em; /* 文字と入力枠の間の余白（0.5文字を指定）*/
border: 1px solid #ccc; /* 枠の指定 */
border-radius: 4px; /* コーナーを微妙に丸く */
}
/* 送信ボタン */
input[type="submit"] {
width: 270px; /* ボタンの幅 */
font-size: 18px; /* フォントの大きさ */
font-weight: bold; /* 太文字 */
text-align: center; /* 位置を中央に */
text-decoration:none; /* 文字の下線は消す */
color: #ffffff; /* 文字色 */
background: #49a9d4; /* ボタンの背景色 */
padding: 10px 40px; /* ボタンの余白 */
border-radius: 5px; /* ボタンの角を丸く */
border: 0; /* ボタンの枠線を消す */
border-bottom : 1px solid #757575 ; /* 下部にだけ1pxの線を引く */
}
.wpcf7 input[type="submit"]:hover {
opacity: 0.5; /* マウスオンで半透明にする */
}
.form_inq {
padding: 2% 0 2% 4%;
background-color: #f1f4f9;
border-radius: 1%;
margin-top: 5%;
border: 1px solid #ccc;
}
blockquote {
    position: relative;
    font-size: 19px;
    padding: 35px 15px 10px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #fee2f0;
    color: #777777;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 15px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #777777;
    font-size: 28px;
    line-height: 1;
}

blockquote p {
    padding: 0;
    margin: 7px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

  
/*--------------------------------------------------------------
## PCヘッダー
--------------------------------------------------------------*/
@media screen and (min-width:768px) {
// 通常のデスクトップに適用したいスタイル //
  .head-inner {
    display: none;
  }

  .slick-next {
    right: 0;
  }

  #top-head,
  .inner {
      width: 100%;
      padding: 0;
  }
  #top-head {
      top: 0;
      position: fixed;
      margin-top: 0;
      height: 80px;
    background-color: #fff;
  }
  /* Fixed reset */
  #top-head.fixed {
      padding-top: 0;
      background: #fff;
  }

  #mobile-head {
    float: right;
    background: #92BFD4;
    width: 160px;
    height: auto;
    z-index: 999;
    position: relative;
}
  #top-head.fixed .logo,
  #top-head .logo {
      position: absolute;
      left: 13px;
      height: 50px;
      top: 15px;
      color: #333;
      font-size: 26px;
  }
  #global-nav {
      position: absolute;
      /* 開いてないときは画面外に配置 */
      top: -548px;
      background: #92BFD4;
      width: 100%;
      text-align: center;
      padding: 0;
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
  }
  #global-nav ul {
      list-style: none;
      position: static;
      right: 0;
      bottom: 0;
      font-size: 12px;
      margin: 0px;
    padding: 0 0 50px 0;
  }
  #global-nav ul li {
width: 50%;
      float: left;
      position: static;
      padding: 4px 0px 4px 10px;
      text-align: left;
      color: #fff;
      border-bottom: 1px dotted #fff;
      height: 60px;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
      align-items: center; /* 縦方向中央揃え */
      -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
      justify-content: center; /* 横方向中央揃え */
      font-size: 15px;
  }
  #top-head #global-nav ul li a,
  #top-head.fixed #global-nav ul li a {
      width: 100%;
      display: block;
      color: #fff;
      padding: 10px 0;
  }

  /* #nav-toggle 切り替えアニメーション */
  .open #nav-toggle span:nth-child(1) {
      top: 11px;
      -webkit-transform: rotate(315deg);
      -moz-transform: rotate(315deg);
      transform: rotate(315deg);
  }
  .open #nav-toggle span:nth-child(2) {
      width: 0;
      left: 50%;
  }
  .open #nav-toggle span:nth-child(3) {
      top: 11px;
      -webkit-transform: rotate(-315deg);
      -moz-transform: rotate(-315deg);
      transform: rotate(-315deg);
  }
  /* #global-nav スライドアニメーション */
  .open #global-nav {
      /* #global-nav top + #mobile-head height */
      -moz-transform: translateY(628px);
      -webkit-transform: translateY(628px);
      transform: translateY(628px);
    z-index: 99;
    height: 100%;
    width: 100%;
    position: fixed;
    overflow-y: scroll;
    padding-bottom: 100px;
  }
  #top-head .title {
   float: left;
    margin: 0 0 0 10%;
    padding: 0;
    width: 410px;
    clear: none;
    background-color: #fff;
    height: 80px;
    text-align: center;
}
  #top-head title img {
    max-height: 76px;
}
.title p {
    margin: 28px 0 0 5%;
    color: #000;
    font-size: 21px;
    line-height: 1;
    float: left;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
#nav-toggle img {
    max-height: 76px;
}
#foot-menu .inner ul li {
    border-left: none;
}
.foottext p {
    font-size: 25px;
        margin: 0;
}
.footinfo {
text-align: center;
}
.inquiry {
    width: 500px;
}
.foottext {

}
.adress {
    font-size: 20px;
}
ul.topmenu li {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-bottom: 3%;
}
.voicetext1 {
position: absolute;
    color: #000;
    top: 26%;
    left: 29%;
    font-size: 14px;
    width: 46%;
    text-align: left;
}
.voicetext2 {
position: absolute;
    color: #000;
    top: 53%;
    left: 30%;
    font-size: 14px;
    width: 46%;
    text-align: left;
}
.footbtn {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}
.menu-btn {
position: fixed;
    top: 32px;
    right: 24px;
    line-height: 50px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}
ul.gallerylist img {
    width: 18%;
    margin: 1%;
    float: left;
    height: 250px;
    object-fit: cover;
}
#foot-menu .inner {
  padding: 0 14% 0 14%;
    margin: 0;
    opacity: 1;
}
}


/*------------スマホ用------------------*/
@media screen and (max-width: 480px) {
  .topimg {
    padding-top: 60px;
        line-height: 0;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 3% 0 3%;
}
.entry-content-a {
	margin: 1.5em 0 0 0;
}
.headmenu01 img {
    height: 55px;
    width: 55px;
}
.headmenu01 {
padding-top: 4px;
    width: 60px;
    float: left;
    background: #fff;
    height: 65px;
    text-align: center;
}

#mobile-head {
float: right;
    background: #fff;
    width: 120px;
    height: 60px;
    z-index: 999;
    position: relative;
}
.title {
float: left;
    margin: 0;
    padding: 5px 0 0 5px;
    width: 43%;
    clear: none;
    background-color: #fff;
    height: 65px;
    text-align: center;
}
.title p {
    margin: 8px 0 0 0;
    text-align: left;
    color: #000;
    font-size: 16px;
    line-height: 1.25;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
/* トップページ設定 */
.voicebox {
    clear: both;
    margin: 5%;
}
.voicekobatsu {
    width: 100%;
    float: none;
    clear: both;
    margin-bottom: 10%;
}
ul.qalist li {
    background: url(images/q.jpg) no-repeat;
    line-height: 2;
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
    float: none;
}
.sblogk {
    width: 100%;
    float: none;
    margin-right: 0;
        clear: both;
    margin-bottom: 5%;
}
#content {
    padding-top: 100px;
}
.foottext {
    text-align: center;
}
.adress {
    font-size: 15px;
}
.inquiry {
    width: 300px;
}
.voicekobatsu p {
    margin: 0;
}
.stvoiceiimg img {
    width: 40%;
    height: 150px;
    object-fit: cover;
    float: left;
    margin-right: 2%;
    margin-bottom: 5%;
}
.stvoice p {
    font-size: 10px;
}
.staff_l {
    width: 100%;
    margin-right: 0;
    float: none;
    padding-top: 0;
    text-align: center;
}
.staff_r {
    width: 100%;
    float: none;
}
.staffichiran {
    width: 46%;
    margin: 10px 2%;
    float: left;
}
.stiimg img {
    width: 100%;
    height: 190px;
    object-fit: cover;
}
.insidetext h2 {
    position: absolute;
    color: #cd0102;
    top: 20%;
    left: 2%;
    font-size: 18px;
    text-shadow: 0px 2px 2px #fff;
}
.staffblogimg {
    width: 35%;
    float: left;
    margin-right: 2%;
}
.staffblogimg img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    float: left;
    margin-right: 2%;
}
.sblogk p {
    font-size: 10px;
    margin-top: 0px;
}
.voicetext1 {
    position: absolute;
    color: #000;
    top: 23%;
    line-height: 1.2;
    left: 27%;
    font-size: 8px;
    width: 51%;
    text-align: left;
}
.voicetext2 {
    position: absolute;
    color: #000;
    top: 52%;
    line-height: 1.2;
    left: 28%;
    font-size: 8px;
    width: 51%;
    text-align: left;
}
.footbtn {
    width: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}
.taxonomies-news-category p {
    border-radius: 10px;
    background-color: #92bfd4;
    width: 48%;
    color: #fff;
    padding: 1.5%;
    margin-right: 2%;
    margin-left: 0;
    float: left;
    margin-bottom: 1%;
    margin-top: 1%;
}
.fea_box p {
    font-size: 22px;
    font-weight: bold;
    margin: 0;
}

.messe_sign {
    float: none;
    text-align: center;
}
.yo_bn img {
    width: 220px;
}
.ow_photo {
    float: none;
    text-align: center;
    margin: 0;
}
.messe_photo {
    float: none;
    margin: 0;
    text-align: center;
}
.messe_sign img {
    width: 70%;
}
#nav-toggle {
    display: block;
    position: absolute;
    right: 11px;
    top: 12px;
    width: 40px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
.tgtxt {
    top: 30px;
    text-align: center;
    font-size: 15px;
}
.menu-btn {
    position: fixed;
    top: 23px;
    right: 15px;
    line-height: 50px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}
ul.gallerylist img {
    width: 48%;
    margin: 1%;
    float: left;
    height: 215px;
    object-fit: cover;
}
#foot-menu .inner {
  padding: 0 3% 0 3%;
    margin: 0;
    opacity: 1;
}
}

/*-----------トグルボタンのCSS-------------*/
 

#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
.menu-btn span:after {
    content: attr(data-txt-menu);
}

/* 開閉用ボタンがクリックされた時のスタイル */
.open .menu-btn span:after {
    content: attr(data-txt-close);
}





/*-----------スマホフッター固定のCSS-------------*/
.footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 9999;
    text-align: center;
    padding: 0;
    margin: 0;
}
.footerFloatingMenu ul {
    list-style: none;
}
.footerFloatingMenu li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin-bottom: 0;
    float: left;
}
.footerFloatingMenu li a {
    display: block;
    min-width: inherit;
    padding: 10px 5px 5px;
}
.footerFloatingMenu .item1 a {
    color: #fff;
    background: #fff;
    border: 1px solid #fff;
    height: 45px;
    padding-top: 6px;
}
.footerFloatingMenu .item2 a {
    color: #fff;
    background: #3f2322;
    border: 1px solid #3f2322;
    height: 45px;
    text-decoration: none;
}



/*------------ブログページレイアウト変更------------------*/
@media screen and (min-width:768px) {
.newsallimg {
    position: relative;
    height: 200px;
    overflow: hidden;
    width: 30%;
    display: inline-block;
}
.toukonews {
width: 65%;
    float: right;
    margin: 0 20px 0 0;
}
.newsall {
    width: 100%;
    clear: both;
    padding: 5% 0;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
}
@media screen and (max-width: 480px) {
.newsallimg img {
    width: 100%;
    height: 100px;
    object-fit: cover;
}
.newsallimg {
    float: left;
    width: 40%;
}
.toukonews {
    width: 56%;
    float: left;
    margin-left: 4%;
}
.newsall {
    width: 100%;
    clear: both;
    padding: 5% 0;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
}
.toukoutitleb {
    font-size: 21px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: -.003em;
    line-height: 1.58;
    margin-top: 10px;
}
.toukoutitleb a {
	text-decoration: none;
	color: #92bfd4;
}
.clearwppn {
    clear: both;
    padding: 5% 0;
}
.voicetext {
	text-align: left;
    font-size: 21px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: -.003em;
    line-height: 1.8;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
    font-family: Hiragino Mincho ProN !important;
}
.red {
    color: #cc0001;
}
a img {
outline:none;
}
a{
	outline: none;
}
a:focus{
	outline: none;
}

/*------------PC用------------------*/
@media screen and (min-width:768px) {
.primage2 {
text-align: center;
margin-top: 5%;
}

.title img {
    float: left;
        max-height: 65px;
        margin-top: 7px;
}
.featuretitle {
margin: 8% 0;
	text-align: center;
    color: #85613d;
    font-weight: bold;
    line-height: 1.4;
    font-size: 35px;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.featuretitle3 {
margin: 1% 0;
	text-align: center;
    color: #85613d;
    font-weight: bold;
    line-height: 1.3;
    font-size: 35px;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.txtbig {
	font-size: 60px;
}
.txtbig3 {
    font-size: 45px;
}
.redmoji {
    text-align: center;
    color: #FF3F3B;
    font-size: 38px;
    font-weight: bold;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
p.hosoku {
    width: 800px;
    margin: 0 auto;
}
.txtbig2 {
    font-size: 28px;
}
.linebxb {
    max-width: 780px;
    border: 2px solid #00B900;
    margin-right: auto;
    margin-left: auto;
    padding: 3%;
}
.linebx {
    text-align: center;
    margin: 5% 0 0 0;
    height: 273px;
}
.information_bw h2 {
    font-size: 25px;
}
.interview img {
    float: left;
    margin: 0 2% 2% 0;
}
.comic img {
    max-width: 850px;
}
}
/*------------スマホ用------------------*/
@media screen and (max-width: 480px) {
.comic img {
    width: 100%;
    text-align: center;
}
.information_bw h2 {
    font-size: 22px;
}
.linebx {
    text-align: center;
    margin: 8% 0 0 0;
    padding: 0;
    background-color: #01b901;
    height: auto;
}
.linebxb {
    border: 2px solid #00B900;
    margin-right: auto;
    margin-left: auto;
    padding: 3%;
}
.txtbig2 {
    font-size: 25px;
}
.txtbig3 {
    font-size: 30px;
}
.note_wrap img {
    width: 70%;
}
.redmoji {
    text-align: center;
    margin-top: 3%;
    color: #FF3F3B;
    font-size: 25px;
    font-weight: bold;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.promisetitle {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
}
.primage {
	text-align: center;
}
ul.gaitoulist li {
    font-size: 16px;
    margin-bottom: 5px;
}
.txtbig {
	font-size: 40px;
}
.featuretitle {
margin: 8% 0;
	text-align: center;
    color: #85613d;
    font-weight: bold;
    line-height: 1.5;
    font-size: 19px;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.featuretitle3 {
margin: 1% 0;
	text-align: center;
    color: #85613d;
    font-weight: bold;
    line-height: 1.5;
    font-size: 23px;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
}
/*-----------サイト独自のCSS-------------*/
.primage4 {
text-align: center;
max-width: 650px;
margin: 2% auto;
}
.primage4 video {
    max-width: 100%;
}
.interview {
    margin-top: 3%;
}
.accordion_area {
    margin-top: 3%;
}
.information_bw {
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
}
.information_bw table {
    background-color: #FFFFFF;
    width: 100%;
}

.tableedge {
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-collapse: separate;
}
.information_bw th {
    background-color: #cccccc1f;
    padding: 10px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    white-space: nowrap;
}
.information_bw td {
    padding: 10px 12px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    word-break: break-all;
}
p.voicetxt {
    max-width: 630px;
    margin: 2% auto;
}
p.biyousireki {
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 25px;
    margin: 6% 0 0 0;
}
.primage3 {
text-align: center;
margin-top: 3%;
}
.bosyuu {
padding: 2%;
    margin: 5% auto;
    background: url(images/backstripe.jpg);
    max-width: 650px;
    text-align: center;
}
.note_wrap{
  background: #FFFFF0;
    padding: 1em 1em;
    width: 100%;
    max-width: 650px;
    margin: 30px auto;
    box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 30%);
}
.note{
  background-image:
    linear-gradient(
      180deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0) 97%,
      #ddd 97%,
      #ddd 100%
    );
  background-size:100% 2em;
  line-height:2;
}
.note p{
  margin-bottom:2em;
      margin-top: 0;
}
.yellow {
	background:linear-gradient(transparent 60%, #feff99 60%);
}
ul.gaitoulist {
    margin: 0;
    padding: 0;
}
ul.gaitoulist li {
  list-style-type: none!important;/*ポチ消す*/

}
ul.gaitoulist li:before{ 
  display:inline-block; 
  vertical-align: middle;
  /*以下白丸つくる*/
  content:'';
  width:1em;
  height: 1em;
  background: #d8d1d1;
  margin-right: 8px;
}
.gaitoubox {
    border: double 5px #000;
    background-color: #fff;
    padding: 5%;
    margin: 3% auto 0 auto;
    max-width: 750px;
}
.topmar {
    margin-top: 5%;
    margin-bottom: 5%;
}
.backblue {
background: url(images/backstripe.jpg) ;
    padding: 5% 0;
}
.topcen {
 text-align: center;
}

.toppagemenu {
margin: 5% 0;
}
.foottext p {
    font-size: 25px;
    margin-bottom: 2%;
}
.stvoice {
    border-bottom: 1px dotted #000;
}
.bosyuu2 {
    padding: 2%;
    margin: 5% auto;
    background: url(images/backstripe.jpg);
    max-width: 700px;
    text-align: center;
}

/*-----------PCのみ改行→<br class="pc">・<br class="sp">スマホのみ改行→-------------*/
@media screen and (min-width: 680px){   
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 680px){   
  .pc { display:none; }
  .sp { display:block; }
}
/*-----------枠線消し-------------*/
a img {
outline:none;
}
a{
	outline: none;
}
a:focus{
	outline: none;
}
/*-----------フッターline/telボタン-------------*/
.l_fixed {
    position: fixed;
    z-index: 70;
}
.b_fixed {
    position: fixed;
    z-index: 70;
}
@media screen and (max-width: 480px) {
.l_fixed {
right: 10px;
    bottom: 30px;
    width: 90px;
    height: 90px;
}
.b_fixed {
right: 10px;
    bottom: 40px;
    width: 90px;
    height: 90px;
}
}
@media screen and (min-width:768px) {
.l_fixed {
right: 10px;
    bottom: 20px;
    width: 90px;
    height: 90px;
}
.b_fixed {
right: 10px;
    bottom: 20px;
    width: 90px;
    height: 90px;
}
}
/*==================================================
ふわっと出てくる
===================================*/


/* fadeUp */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUpTrigger{
    opacity: 0;
}
/*=========
accordion
=========*/
.accordion_one {
    margin-bottom: 3%;
}
.accordion_area {}
.accordion_area .accordion_one .ac_header {
  background-color: #ffffff;
  border: 1px solid #ccc;
  padding: 0.5rem 3.5rem 0.5rem 1rem;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition: .2s;
}
.accordion_area .accordion_one .ac_header:not(.open):hover {
  background-color: #f1f8ff;
}
.accordion_area .accordion_one:nth-child(odd) .ac_header {
  background-color: #f5f5f5;
}
.accordion_area .accordion_one:nth-child(odd) .ac_header:not(.open):hover {
  background-color: #f1f8ff;
}
.accordion_area .accordion_one .ac_header .i_box {
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}
.accordion_area .accordion_one .ac_header .i_box:before, .accordion_area .accordion_one .ac_header .i_box:after {
  position: absolute;
  content: "";
  margin: auto;
  box-sizing: border-box;
  vertical-align: middle;
}
.accordion_area .accordion_one .ac_header .i_box:before {
  border-top: 2px solid #014897;
  width: 20px;
  height: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.accordion_area .accordion_one .ac_header .i_box:after {
  border-left: 2px solid #014897;
  width: 0;
  height: 20px;
  top: 0;
  bottom: 0;
  right: 9px;
  transition: .3s;
}
.accordion_area .accordion_one .ac_header.open .i_box:after {
  height: 0;
}
.accordion_area .accordion_one .ac_inner {
  display: none;
  padding: 0.5rem 1rem 0.5rem 1rem;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  background: #fff;
}
 
/*=========
faq
=========*/
 
.p-faq__headinner {
  display: block;
  padding-left: 35px;
  position: relative;
  line-height: 1.5;
}
.p-faq__headinner::before {
    position: absolute;
    left: 0px;
    content: "Q．";
    color: rgb(9, 53, 127);
    font-size: 20px;
    font-weight: bold;
}
.p-faq__headinner p.p-faq__q-txt {
  font-size: 20px;
}
.p-faq__bodyinner {
  display: block;
  padding-left: 35px;
  position: relative;
  line-height: 1.5;
}
.p-faq__bodyinner::before {
    position: absolute;
    left: 0px;
    content: "A．";
    color: rgb(222, 0, 0);
    font-size: 20px;
    font-weight: bold;
}
.p-faq__bodyinner p.p-faq__a-txt {
  font-size: 20px;
}

.mangalink {
max-width: 800px;
margin: 0 auto;
}

/*------------PC用------------------*/
@media screen and (min-width:768px) {
#topcontent h2 {
    max-width: 800px;
    position: relative;
    padding: 1rem 1rem calc(1rem + 10px);
    background: #fff;
    color: #85613d!important;
    text-align: center;
    margin: 10% auto 4% auto;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-size: 37px!important;
    letter-spacing: 1px!important;
}
#topcontent h2:before {
    position: absolute;
    top: -7px;
    left: -7px;
    width: 100%;
    height: 100%;
    content: '';
    border: 2px solid #85613d;
    transform: none;
    border-radius: unset;
    background: none;
}
.primage2 {
text-align: center;
margin-top: 5%;
}

.title2 img {
    float: left;
    max-height: 80px;
    margin-top: 3px;
    margin-left: 10px;
}
.featuretitle2 {
margin: 10% 0;
	text-align: center;
    color: #000;
    font-weight: bold;
    line-height: 1.4;
    font-size: 40px;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.txtbig {
	font-size: 59px;
}
.redmoji {
    text-align: center;
    color: #FF3F3B;
    font-size: 38px;
    font-weight: bold;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
p.hosoku {
    width: 800px;
    margin: 0 auto;
}
.txtbig2 {
    font-size: 28px;
    font-weight: bold;
    color: #000;
    border-bottom: 1px solid #000;
        max-width: 630px;
    margin: 2% auto;
}
.linebxb {
    max-width: 780px;
    border: 2px solid #00B900;
    margin-right: auto;
    margin-left: auto;
    padding: 3%;
}
.linebx {
    text-align: center;
    margin: 5% 0 0 0;
    height: 273px;
}
.information_bw h2 {
    font-size: 25px;
}
.interview img {
    float: left;
    margin: 0 2% 2% 0;
}
.comic img {
    max-width: 850px;
}
p.kaiketu {
    margin: 0;
    text-align: center;
}
.exam {
    width: 460px;
    margin: 0 auto;
    font-weight: bold;
}
table.saraly {
    border-top: 1px dotted #000;
    font-size: 17px;
    font-weight: bold;
}
.pktitleb {
    color: #000;
    font-size: 25px;
    text-align: center;
    font-weight: bold;
}
.pktitlec {
    color: #000;
    font-size: 25px;
    font-weight: bold;
    width: 800px;
    margin: 0 auto;
}
p.chus {
    width: 500px;
    margin: 0 auto 2% auto;
}
.partex {
    width: 500px;
    margin: 2% auto;
    background-color: #fff;
    padding: 2%;
}
.partex2 {
    width: 500px;
    margin: 0 auto 8% auto;
    background-color: #fde1c9;
    padding: 2%;
    font-weight: bold;
}
table.saraly {
    margin: 0 auto 0 auto;
    width: 460px;
    border-top: 1px dotted #000;
    font-weight: bold;
}
#top-head .title2 {
    float: left;
    margin: 0;
    padding: 0;
    width: 500px;
    clear: none;
    background-color: #fff;
    height: 80px;
    text-align: center;
}
.widenallow {
width: 700px;
margin: 2% auto;
}
.martb {
margin-top: 5%;
}
.recpt_bw td {
    padding: 10px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    word-break: break-all;
}
.recpt_bw th {
    background-color: #cccccc1f;
    padding: 10px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    white-space: nowrap;
}
ul.toplist {
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    line-height: 1.5;
    font-size: 22px;
    background-color: #fffbf8;
    max-width: 580px;
    text-align: left;
    margin: 3% auto 5% auto;
    padding: 3% 3% 3% 5%;
    border-radius: 10px;;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .3);
}
ul.toplist li {
    margin-bottom: 1%;
}
#topcontent {
    background-color: #f6f4f4;
}
.highlight-heading{
background: linear-gradient(to bottom, #d1c5bd 0%, #967e6e 100%);
        color: #fff;
        font-family: "Noto Serif JP", serif;
        font-weight: 700;
        font-size: 35px;
        text-align: center;
        line-height: 1.6;
        padding: 20px 20px;
        margin: 8% 0;
}
}
/*------------スマホ用------------------*/
@media screen and (max-width: 480px) {
.highlight-heading{
  background: linear-gradient(to bottom, #d1c5bd 0%, #967e6e 100%);
        color: #fff;
        font-family: "Noto Serif JP", serif;
        font-weight: 700;
        font-size: 21px;
        text-align: center;
        line-height: 1.6;
        padding: 20px 7px;
        margin: 10% 0;
}
ul.toplist li {
    margin-bottom: 1%;
}
ul.toplist {
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-size: 18px;
    background-color: #fffbf8;
    line-height: 1.5;
    text-align: left;
    margin: 4% auto 8% auto;
    padding: 3% 2% 3% 10%;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .3);
}
.recpt_bw td {
    padding: 8px 5px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    word-break: break-all;
}
.recpt_bw th {
    background-color: #cccccc1f;
    padding: 10px 5px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    white-space: nowrap;
}
.recpt_bw {
    font-size: 15px;
}
th.recttle {
    writing-mode: tb-rl;
    white-space: nowrap;
}
.title2 {
    float: left;
    margin: 0;
    padding: 7px 0 0 7px;
    width: 43%;
    clear: none;
    background-color: #fff;
    height: 65px;
    text-align: center;
}
#topcontent h2 {
letter-spacing: 1px!important;
    font-size: 21px!important;
    position: relative;
    line-height: 1.3;
    padding: 0.3rem 0.3rem calc(1rem + 10px);
    background: #fff;
    color: #85613d!important;
    text-align: center;
    margin-top: 10%;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
#topcontent h2:before {
    position: absolute;
    top: -7px;
    left: -7px;
    width: 100%;
    height: 100%;
    content: '';
    border: 2px solid #85613d;
    transform: none;
    background: none;
    border-radius: unset;
}
.pktitleb {
    color: #000;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}
.pktitlec {
    color: #000;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}
.partex {
    margin: 0 auto 2% auto;
    background-color: #fff;
    padding: 2% 2% 0 2%;
    font-size: 16px;
}

.partex2 {
    margin: 0 auto 8% auto;
    font-size: 16px;
    background-color: #fde1c9;
    padding: 2%;
    font-weight: bold;
}
table.saraly {
    margin: 0 auto 5% auto;
    width: 100%;
    border-top: 1px dotted #000;
    font-weight: bold;
    font-size: 17px;
}
table.saraly tbody td {
    height: 35px;
}
.exam {
    font-weight: bold;
    font-size: 17px;
}
.comic img {
    width: 100%;
    text-align: center;
}
.information_bw h2 {
    font-size: 22px;
}
.linebx {
    text-align: center;
    margin: 8% 0 0 0;
    padding: 0;
    background-color: #01b901;
    height: auto;
}
.linebxb {
    border: 2px solid #00B900;
    margin-right: auto;
    margin-left: auto;
    padding: 3%;
}
.txtbig2 {
    font-size: 22px;
        font-weight: bold;
    color: #000;
    border-bottom: 1px solid #000;
}
.note_wrap img {
    width: 70%;
}
.redmoji {
    text-align: center;
    margin-top: 3%;
    color: #FF3F3B;
    font-size: 25px;
    font-weight: bold;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.promisetitle {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
}
.primage {
	text-align: center;
}
ul.gaitoulist li {
    font-size: 16px;
    margin-bottom: 5px;
}
.txtbig {
	font-size: 32px;
}
.featuretitle2 {
	margin: 15% 0;
        text-align: center;
        color: #000;
        font-weight: bold;
        line-height: 1.4;
        font-size: 21px;
        font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
}
/*-----------サイト独自のCSS-------------*/
.sikumi {
    margin: 5% auto;
    background-color: #fff;
    padding: 2%;
    font-size: 16px;
    max-width: 800px;
}
.recpt_bw {
    margin-top: 3%;
}
.interview {
    margin-top: 3%;
}
.accordion_area {
    margin-top: 3%;
}
.information_bw,
.recpt_bw {
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
}
.information_bw table,
.recpt_bw table {
    background-color: #FFFFFF;
    width: 100%;
}

.tableedge {
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-collapse: separate;
}
.information_bw th {
    background-color: #cccccc1f;
    padding: 10px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    white-space: nowrap;
}
.information_bw td {
    padding: 10px 12px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    word-break: break-all;
}
p.voicetxt {
    max-width: 630px;
    margin: 2% auto;
}
p.biyousireki {
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 25px;
    margin: 6% 0 0 0;
}
.primage3 {
text-align: center;
margin-top: 3%;
}
.bosyuu {
padding: 2%;
    margin: 5% auto;
    background: url(images/backstripe.jpg);
    max-width: 650px;
    text-align: center;
}
.note_wrap{
  background: #FFFFF0;
    padding: 1em 1em;
    width: 100%;
    max-width: 650px;
    margin: 30px auto;
    box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 30%);
}
.note{
  background-image:
    linear-gradient(
      180deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0) 97%,
      #ddd 97%,
      #ddd 100%
    );
  background-size:100% 2em;
  line-height:2;
}
.note p{
  margin-bottom:2em;
      margin-top: 0;
}
.yellow {
	background:linear-gradient(transparent 60%, #feff99 60%);
}
ul.gaitoulist {
    margin: 0;
    padding: 0;
}
ul.gaitoulist li {
  list-style-type: none!important;/*ポチ消す*/

}
ul.gaitoulist li:before{ 
  display:inline-block; 
  vertical-align: middle;
  /*以下白丸つくる*/
  content:'';
  width:1em;
  height: 1em;
  background: #d8d1d1;
  margin-right: 8px;
}
.gaitoubox {
    border: double 5px #000;
    background-color: #fff;
    padding: 5%;
    margin: 3% auto 0 auto;
    max-width: 750px;
}
.topmar {
    margin-top: 5%;
    margin-bottom: 5%;
}
.backrec {
background: url(images/backstripe.jpg) ;
    padding: 5% 0;
}
.topcen {
 text-align: center;
}

.toppagemenu {
margin: 5% 0;
}
.foottext p {
    font-size: 25px;
    margin-bottom: 2%;
}
.stvoice {
    border-bottom: 1px dotted #000;
}
.bosyuu2 {
    padding: 2%;
    margin: 5% auto;
    background: url(images/backstripe.jpg);
    max-width: 700px;
    text-align: center;
}

/*-----------PCのみ改行→<br class="pc">・<br class="sp">スマホのみ改行→-------------*/
@media screen and (min-width: 680px){   
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 680px){   
  .pc { display:none; }
  .sp { display:block; }
}
/*-----------枠線消し-------------*/
a img {
outline:none;
}
a{
	outline: none;
}
a:focus{
	outline: none;
}
/*-----------フッターline/telボタン-------------*/
.l_fixed {
    position: fixed;
    z-index: 70;
}
.b_fixed {
    position: fixed;
    z-index: 70;
}
@media screen and (max-width: 480px) {
.l_fixed {
right: 10px;
    bottom: 30px;
    width: 90px;
    height: 90px;
}
.b_fixed {
right: 10px;
    bottom: 40px;
    width: 90px;
    height: 90px;
}
}
@media screen and (min-width:768px) {
.l_fixed {
right: 10px;
    bottom: 20px;
    width: 90px;
    height: 90px;
}
.b_fixed {
right: 10px;
    bottom: 20px;
    width: 90px;
    height: 90px;
}
}
/*==================================================
ふわっと出てくる
===================================*/


/* fadeUp */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUpTrigger{
    opacity: 0;
}
/*=========
accordion
=========*/
.accordion_one {
    margin-bottom: 3%;
}
.accordion_area {}
.accordion_area .accordion_one .ac_header {
  background-color: #ffffff;
  border: 1px solid #ccc;
  padding: 0.5rem 3.5rem 0.5rem 1rem;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition: .2s;
}
.accordion_area .accordion_one .ac_header:not(.open):hover {
  background-color: #f1f8ff;
}
.accordion_area .accordion_one:nth-child(odd) .ac_header {
  background-color: #f5f5f5;
}
.accordion_area .accordion_one:nth-child(odd) .ac_header:not(.open):hover {
  background-color: #f1f8ff;
}
.accordion_area .accordion_one .ac_header .i_box {
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}
.accordion_area .accordion_one .ac_header .i_box:before, .accordion_area .accordion_one .ac_header .i_box:after {
  position: absolute;
  content: "";
  margin: auto;
  box-sizing: border-box;
  vertical-align: middle;
}
.accordion_area .accordion_one .ac_header .i_box:before {
  border-top: 2px solid #014897;
  width: 20px;
  height: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.accordion_area .accordion_one .ac_header .i_box:after {
  border-left: 2px solid #014897;
  width: 0;
  height: 20px;
  top: 0;
  bottom: 0;
  right: 9px;
  transition: .3s;
}
.accordion_area .accordion_one .ac_header.open .i_box:after {
  height: 0;
}
.accordion_area .accordion_one .ac_inner {
  display: none;
  padding: 0.5rem 1rem 0.5rem 1rem;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  background: #fff;
}
 
/*=========
faq
=========*/
 
.p-faq__headinner {
  display: block;
  padding-left: 35px;
  position: relative;
  line-height: 1.5;
}
.p-faq__headinner::before {
    position: absolute;
    left: 0px;
    content: "Q．";
    color: rgb(9, 53, 127);
    font-size: 20px;
    font-weight: bold;
}
.p-faq__headinner p.p-faq__q-txt {
  font-size: 20px;
}
.p-faq__bodyinner {
  display: block;
  padding-left: 35px;
  position: relative;
  line-height: 1.5;
}
.p-faq__bodyinner::before {
    position: absolute;
    left: 0px;
    content: "A．";
    color: rgb(222, 0, 0);
    font-size: 20px;
    font-weight: bold;
}
.p-faq__bodyinner p.p-faq__a-txt {
  font-size: 20px;
}

.mangalink {
max-width: 800px;
margin: 0 auto;
}
.txtsmll {
font-size: 23px;
}
p.kaiketu {
    margin: 0 0 2% 0;
}
span.bigt {
    font-size: 25px;
    font-weight: bold;
}

.b_fixed {
    position: fixed;
    z-index: 70;
}
.amazn a {
    text-decoration: none;
    color: #000;
}
.bite a {
    text-decoration: none;
    color: #fff;
}
ul.gipoint {
margin: 0;
    background-color: #f0f0f1;
    padding: 2% 3%;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);
}
ul.gipoint li {
    margin-left: 22px;
}
.quept {
margin: 0;
    background-color: #fff;
    padding: 2% 3%;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .2);
}
@media screen and (max-width: 480px) {
.l_fixed {
right: 10px;
    bottom: 100px;
    width: 90px;
    height: 90px;
}
.b_fixed {
right: 10px;
    bottom: 7px;
    width: 90px;
    height: 90px;
}
.martbg {
margin: 10% 0 0 0;
}
.amazn {
    background-color: #ff9900;
    margin: 0 0 8% 0;
    text-align: center;
    color: #000;
    padding: 5% 0;
    font-size: 25px;
    font-weight: bold;
    border-radius: 19px;
}
.bite {
    background-color: #7a7777;
    margin: 0 0 8% 0;
    text-align: center;
    color: #fff;
    padding: 5% 0;
    font-size: 25px;
    font-weight: bold;
    border-radius: 19px;
}
.salonbnarea {
    margin-bottom: 5%;
}
.salonbnarea img {
    margin: 2% 0;
}
}
@media screen and (min-width:768px) {
.salonbnarea img {
    width: 48%;
    margin: 1%;
    float: left;
}
.salonbnarea {
    margin-bottom: 5%;
}
.bite {
float: left;
    background-color: #7a7777;
    width: 46%;
    margin: 0 1%;
    text-align: center;
    color: #fff;
    padding: 2% 0;
    font-size: 25px;
    font-weight: bold;
    border-radius: 19px;
}
.amazn {
float: left;
    background-color: #ff9900;
    width: 46%;
    margin: 0 1%;
    text-align: center;
    color: #000;
    padding: 2% 0;
    font-size: 25px;
    font-weight: bold;
    border-radius: 19px;
}
.martbg {
margin: 5% 0 0 0;
}
.l_fixed {
right: 10px;
    top: 90px;
    width: 90px;
    height: 90px;
}
.b_fixed {
right: 10px;
    top: 190px;
    width: 90px;
    height: 90px;
}
}



.tanki {
    margin: 5% auto;
    max-width: 800px;
}

.verite-concerns {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  max-width: 800px;
  margin: 0 auto;
}

.verite-concerns .item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.verite-concerns .icon {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  object-fit: contain;
}

.verite-concerns .text {
  font-size: 16px;
  line-height: 1.7;
}

.verite-concerns .text strong {
  display: block;
  font-weight: 700;
  margin-bottom: 4px;
}

.verite-concerns .text .arrow {
  color: #555;
  font-size: 15px;
}

/* PC表示では2カラムにする */
@media (min-width: 768px) {
  .verite-concerns {
    grid-template-columns: 1fr 1fr;
  }
}
.balloon-box {
  position: relative;
  background: #fdf5ed; /* ベージュ */
  border-radius: 10px;
  padding: 35px 25px;
  text-align: center;
  margin: 50px auto;
  font-family: "Noto Serif JP", serif;
  color: #333;
}

/* ▼ 三角（ボックスと同じ色） */
.balloon-box::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 0; height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #fdf5ed; /* ベージュ */
}

.balloon-box .main-text {
font-size: 22px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0px;
}

.balloon-box .sub-text {
  font-size: 22px;
  font-weight: 500;
  margin: 0;
}

.balloon-box .emphasis {
  font-size: 1.3em;
  font-weight: 700;
  border-bottom: 3px solid #a78c7a;
  padding: 0 4px;
}
/* 見出し（明朝体＋下線） */
/* 見出し（明朝体＋下線） */
.step-heading{
  display:flex; 
  align-items:center; 
  gap:12px;
  font-family:"Noto Serif JP", serif;
  font-weight:700; 
  color:#333;
  font-size:clamp(20px,2.2vw,26px);
  margin:0 0 16px;
  padding-bottom:.25em;
  border-bottom:4px solid #c7b4ab; /* 横幅いっぱいに下線 */
}

/* 先頭の番号バッジ */
.step-num{
  flex:0 0 auto;
  width:44px; height:44px; border-radius:999px;
  display:inline-flex; align-items:center; justify-content:center;
  font-weight:800; font-size:20px; line-height:1;
  color:#5a4a43;
  background:linear-gradient(#efe6df,#e1d6cd);
  border:2px solid #a78c7a;
}

/* タイトル部分は下線装飾を外す */
.step-title{ position:relative; padding-bottom:0 }
.step-title::after{ display:none }

/* モバイルで少し小さく */
@media (max-width:480px){
  .step-num{ width:36px; height:36px; font-size:18px }
}

.question-box {
  background: #fdf9f6; /* ベージュ背景 */
  padding: 25px 30px;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
  max-width: 530px;
  margin: 30px auto;
}

.question-box ul {
  list-style: none; /* 先頭の「・」を消す */
  padding-left: 0;
  margin: 0;
}

.question-box li {
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 10px;
  font-family: "Noto Serif JP", serif;
  color: #333;
  position: relative;
  padding-left: 0; /* 左に余白いらない */
}
.midtxt {
  font-size: 24px;
  font-weight: bold;
}


.course-list {max-width:800px;margin:40px auto;color:#333}
.course-card {
  border:2px solid #e1d6cd; border-radius:10px; background:#fff;
  padding:20px; margin-bottom:24px; box-shadow:0 4px 14px rgba(0,0,0,0.05)
}
.course-header {display:flex;align-items:center;gap:12px;margin-bottom:10px}
/* 丸バッジを必ず真円にする（スマホ対策） */
.course-badge{
  /* サイズを固定 & 伸縮禁止 */
  width:44px; height:44px;
  min-width:44px; min-height:44px;
  flex:0 0 44px;

  /* 真円＆中央寄せ */
  border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;

  /* 文字で高さが伸びないように */
  line-height:44px;         /* = height */
  font-size:18px; font-weight:700;
  color:#fff; background:#a78c7a;
}

/* 画面が狭い時は少し小さく（任意） */
@media (max-width:480px){
  .course-badge{
    width:40px; height:40px;
    min-width:40px; min-height:40px;
    flex-basis:40px;
    line-height:40px;
    font-size:16px;
  }
}

.course-title {font-size:18px;font-weight:600;line-height:1.5}
.course-price {margin:10px 0;font-size:18px;font-weight:500;color:#444}
.course-price .new {font-size:24px;font-weight:700;color:#b84c3c}
.course-desc {font-size:15px;line-height:1.8;margin:0}
.pill {
  display:inline-block;font-size:.8rem;padding:.1em .5em;margin-left:.5em;
  border:1px solid #a78c7a;border-radius:999px;color:#5a4a43;background:#efe6df
}

@media screen and (min-width: 768px) {
    .resbn3 {
        height: 262px;
        text-align: center;
    }
    .resbn2 {
        width: 575px;
        border: 2px solid #00B900;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 5%;
        padding: 1%;
        font-size: 17px;
        background-color: #fff;
    }
}

@media screen and (max-width: 480px) {
    .resbn3 {
        height: auto;
        margin: 0;
        padding: 0;
        background-color: #01b901;
    }
    .resbn2 {
        width: 100%;
        border: 2px solid #00B900;
        margin-right: auto;
        margin-left: auto;
        padding: 2%;
        text-align: left;
        background-color: #fff;
    }
}


/* スライダー基本レイアウト */
.voices-slider{max-width:800px;margin:24px auto;padding:0 8px}
.voices-slider__viewport{overflow:hidden;border-radius:12px;cursor:grab;touch-action:pan-y}
.voices-slider__viewport.dragging{cursor:grabbing}
.voices-slider__track{
  display:flex;gap:12px;padding:0;margin:0;list-style:none;
  will-change:transform;transform:translateX(0)
}
.voices-slide{flex:0 0 100%;border-radius:12px;overflow:hidden;background:#f4f4f4}
@media (min-width:768px){ .voices-slide{flex-basis:calc(50% - 6px)} } /* PC: 2枚表示 */
.voices-slide img{width:100%;height:100%;aspect-ratio:2/3;object-fit:cover;display:block}




.hotpepper-links {
  max-width: 575px;         /* 横幅は最大500px */
  margin: 40px auto;        /* 上下40px・中央寄せ */
}

.hp-btn {
  display: block;           /* aタグをブロック要素に */
  width: 100%;              /* 親要素の幅にフィット */
  text-align: center;
  padding: 18px 10px;
  margin: 15px 0;           /* ボタン間の上下マージン */
  background-color: #9c1a43; /* ベージュ系ならここを変更 */
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  border-radius: 999px;     /* 丸み */
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.hp-btn:hover {
  background-color: #7a1334;
}
.hp-btn,
.hp-btn:visited {
  color: #fff !important;   /* 白固定 */
}

.hp-btn:hover {
  background-color: #7a1334;
  color: #fff;              /* hoverでも白を維持 */
}
/* =========================
   Staff cards (PC:3 / SP:2)
========================= */
.verite-staff{ max-width: 1000px; margin: 32px auto; padding: 0; }
.verite-staff .staff-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);   /* SP: 2カラム */
  gap: 18px;
}
@media (min-width: 980px){
  .verite-staff .staff-grid{ grid-template-columns: repeat(3, 1fr); } /* PC: 3カラム */
}

.verite-staff .staff-card{
  background:#fff; border:1px solid #e9e4e1; border-radius:10px; overflow:hidden;
  box-shadow:0 4px 14px rgba(0,0,0,.05);
}

.verite-staff .staff-photo{
  width:100%; aspect-ratio: 3/4; object-fit: cover; display:block;
}

.verite-staff .staff-body{ padding:12px 12px 14px; font-family:"Noto Serif JP",serif; color:#333; }

.verite-staff .staff-name{
  font-size:18px; font-weight:800; margin:6px 0 4px;
}
.verite-staff .staff-branch{
  font-weight:800; color:#2b5a99; letter-spacing:.05em; /* ブルー系強調（例画像風） */
}

.verite-staff .staff-kana{
  margin:0 0 6px; color:#777; font-size:13px;
}

.verite-staff .staff-role{
  margin:0 0 6px; font-size:14px; line-height:1.7;
}

.verite-staff .staff-meta{
  margin:0; font-size:13px; color:#555;
}

/* タグ表現（赤系アクセント） */
.verite-staff .tag{
  display:inline-block; margin-left:.4em; padding:.1em .45em;
  font-size:.86em; border:1px solid #c0535b; color:#c0535b; border-radius:4px; background:#fff5f6;
}
.verite-staff .tag-branch{
  border-color:#2b5a99; color:#2b5a99; background:#f2f6ff;
}
.bikouran {
	max-width: 550px;
	margin: auto;
}

/* ====== Telephone CTA ====== */
.tel-cta{
  width: min(100%, 575px);   /* 最大500px、中央寄せ */
  margin: 28px auto 40px;
  display: grid;
  row-gap: 18px;
}

.tel-btn,
.tel-btn:visited{
  display: block;
  text-align: center;
  padding: 18px 22px;
  border-radius: 999px;
  background: #a78c7a;       /* 濃いベージュ */
  color: #fff !important;    /* 白抜き文字、visitedも維持 */
  text-decoration: none;
  font-weight: 700;
  font-size: clamp(16px, 2.2vw, 18px);
  letter-spacing: .02em;
  transition: background-color .25s ease, transform .08s ease;
}

.tel-btn:hover,
.tel-btn:focus-visible{
  background: #8f7565;       /* ちょっと濃いベージュに変化 */
  transform: translateY(-1px);
  outline: none;
}

/* ===== Follow CTA ===== */
:root{
  --follow-blue: #1E6EFF;   /* 本体色（明るめブルー） */
  --follow-blue-d: #1555d0; /* hover時 */
}

/* 共通 */
.follow-cta{
  position: fixed;
  z-index: 9999;
  color:#fff !important;
  text-decoration:none;
  font-weight:700;
  letter-spacing:.02em;
  box-shadow:0 10px 26px rgba(0,0,0,.22);
  background:#aa83b3;
  transition:opacity .25s ease, transform .15s ease, box-shadow .25s ease, background-color .25s ease;
}


/* 表示/非表示 */
.follow-cta.is-hidden{
  opacity:0; pointer-events:none;
}

/* --- スマホ：下に横長（デフォルト） --- */
.follow-cta{
  left:50%;
  transform:translateX(-50%);
  bottom: max(16px, env(safe-area-inset-bottom) + 10px);
  width:min(92vw, 560px);
  text-align:center;
  padding:12px 22px;
  border-radius:999px;
  font-size:clamp(16px, 2.4vw, 18px);
}

/* --- PC：右に縦長（writing-modeで縦書き） --- */
@media (min-width: 992px){
  .follow-cta{
    top:30%; right:18px; left:auto; bottom:auto;
    transform:translateY(-50%);
    width:50px; padding:45px 10px;
    border-radius:28px;
    writing-mode: vertical-rl;
    text-orientation: mixed;            /* 句読点が自然に */
    font-size:16px;
  }
}

html{ scroll-behavior:smooth; scroll-padding-top:80px; }


.ftbxes {
    background-color: #fdf5ed;
    margin-bottom: 5%;
    padding: 4% 0;
}
.featnum {
    background: #85613d;
    color: #fff;
    font-weight: bold;
    padding: 2px 10px;
    border-radius: 4px;
    margin-right: 6px;
}
.featbox {
    margin: 5% 0;
}